From 85dc2c8f83687ee8f8654bf8642eec8046da3c87 Mon Sep 17 00:00:00 2001 From: ydah <13041216+ydah@users.noreply.github.com> Date: Tue, 6 Feb 2024 15:27:51 +0900 Subject: [PATCH 1/6] transtion ==> transition --- packages/shuffle/src/layout.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/shuffle/src/layout.js b/packages/shuffle/src/layout.js index 100404f4..5fe2e73f 100644 --- a/packages/shuffle/src/layout.js +++ b/packages/shuffle/src/layout.js @@ -30,7 +30,7 @@ export function getColumnSpan(itemWidth, columnWidth, columns, threshold) { * Retrieves the column set to use for placement. * @param {number} columnSpan The number of columns this current item spans. * @param {number} columns The total columns in the grid. - * @return {Array.} An array of numbers represeting the column set. + * @return {Array.} An array of numbers representing the column set. */ export function getAvailablePositions(positions, columnSpan, columns) { // The item spans only one column. From 3df78489911cbfb3bceca1d3ef1896713cb48c32 Mon Sep 17 00:00:00 2001 From: ydah <13041216+ydah@users.noreply.github.com> Date: Tue, 6 Feb 2024 15:29:13 +0900 Subject: [PATCH 2/6] Synchonously ==> Synchronously --- packages/shuffle/src/shuffle.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/shuffle/src/shuffle.js b/packages/shuffle/src/shuffle.js index c48d0f26..656e71dc 100644 --- a/packages/shuffle/src/shuffle.js +++ b/packages/shuffle/src/shuffle.js @@ -300,7 +300,7 @@ class Shuffle extends TinyEmitter { const { speed, easing } = this.options; const positionProps = this.options.useTransforms ? ['transform'] : ['top', 'left']; - // Allow users to transtion other properties if they exist in the `before` + // Allow users to transition other properties if they exist in the `before` // css mapping of the shuffle item. const cssProps = Object.keys(ShuffleItem.Css.HIDDEN.before).map((k) => hyphenate(k)); const properties = positionProps.concat(cssProps).join(); @@ -876,7 +876,7 @@ class Shuffle extends TinyEmitter { }; // Layout all items again so that new items get positions. - // Synchonously apply positions. + // Synchronously apply positions. const itemPositions = this._getNextPositions(allSortedItemsSet.visible); allSortedItemsSet.visible.forEach((item, i) => { if (isNewItem(item)) { From c97e8e2b434ea0c52c0677e34ef860eb8322a471 Mon Sep 17 00:00:00 2001 From: ydah <13041216+ydah@users.noreply.github.com> Date: Tue, 6 Feb 2024 15:29:34 +0900 Subject: [PATCH 3/6] Overrideable ==> Overridable --- packages/shuffle/src/shuffle.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/shuffle/src/shuffle.js b/packages/shuffle/src/shuffle.js index 656e71dc..d0ca799e 100644 --- a/packages/shuffle/src/shuffle.js +++ b/packages/shuffle/src/shuffle.js @@ -1134,7 +1134,7 @@ Shuffle.FilterMode = { ALL: 'all', }; -// Overrideable options +// Overridable options Shuffle.options = { // Initial filter group. group: Shuffle.ALL_ITEMS, From 9313a7205178dd7ad3b3ea89b823c150ff35344e Mon Sep 17 00:00:00 2001 From: ydah <13041216+ydah@users.noreply.github.com> Date: Tue, 6 Feb 2024 15:30:16 +0900 Subject: [PATCH 4/6] addtional ==> additional --- apps/website/docs/changelog.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/website/docs/changelog.md b/apps/website/docs/changelog.md index 61924658..e75f6a46 100644 --- a/apps/website/docs/changelog.md +++ b/apps/website/docs/changelog.md @@ -41,7 +41,7 @@ For a more detailed changelog, visit [the latest releases](https://github.com/Ve - 2013-10-04 - Moved some Shuffle instance properties to constants. Converted from 4 to 2 space indentation. Added events enum and pulled out some strings to constants. - 2013-08-30 - Added animate-in demo. - `v2.0.0` 2013-07-05 - Shuffle 2.0 with masonry, adding and removing, and more. -- 2012-11-03 - Replaced layout system with [masonry](http://masonry.desandro.com/). Items can now be different sizes! Added addtional examples. +- 2012-11-03 - Replaced layout system with [masonry](http://masonry.desandro.com/). Items can now be different sizes! Added additional examples. - 2012-10-24 - Better handling of grid item dimensions. Added a minimal markup page. - 2012-09-20 - Added `destroy` method - 2012-09-18 - Added sorting ability and made plugin responsive. Updated to Modernizr 2.6.2 From fefdb08487d17c666d6cc3d6164c5c3a083a245d Mon Sep 17 00:00:00 2001 From: ydah <13041216+ydah@users.noreply.github.com> Date: Tue, 6 Feb 2024 15:30:53 +0900 Subject: [PATCH 5/6] Boostrap ==> Bootstrap --- apps/website/docs/faqs.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/website/docs/faqs.md b/apps/website/docs/faqs.md index 8daf02f6..acb6a2d6 100644 --- a/apps/website/docs/faqs.md +++ b/apps/website/docs/faqs.md @@ -38,7 +38,7 @@ The padding is ignored by Shuffle because it creates complexities with absolute Yes. Use the `isCentered` option. -## It’s not working with Boostrap 4 +## It’s not working with Bootstrap 4 Bootstrap 4 uses flexbox for grids, so your main shuffle container element must be a `.row` and the items inside the row (shuffle items) should all be columns. See the [Bootstrap 4 grid demo](https://codepen.io/Vestride/details/weWbJQ). From 78c12e41fe06c5e008838b152dba0aae25e9750c Mon Sep 17 00:00:00 2001 From: ydah <13041216+ydah@users.noreply.github.com> Date: Tue, 6 Feb 2024 15:32:42 +0900 Subject: [PATCH 6/6] conatinerWidth ==> containerWidth --- apps/website/docs/configuration.md | 4 ++-- packages/shuffle/index.d.ts | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/apps/website/docs/configuration.md b/apps/website/docs/configuration.md index 480d3115..5fca68e4 100644 --- a/apps/website/docs/configuration.md +++ b/apps/website/docs/configuration.md @@ -22,7 +22,7 @@ Default: `0.01` Reading the width of elements isn't precise enough and can cause columns to jump between values. -### `columnWidth` [number | (conatinerWidth: number) => number] +### `columnWidth` [number | (containerWidth: number) => number] Default: `0` @@ -52,7 +52,7 @@ Default: `Shuffle.ALL_ITEMS` (`"all"`) Initial filter group. -### `gutterWidth` [number | (conatinerWidth: number) => number] +### `gutterWidth` [number | (containerWidth: number) => number] Default: `0` diff --git a/packages/shuffle/index.d.ts b/packages/shuffle/index.d.ts index 5cef54ac..47c5cc90 100644 --- a/packages/shuffle/index.d.ts +++ b/packages/shuffle/index.d.ts @@ -25,7 +25,7 @@ export interface ShuffleOptions { * A static number or function that returns a number which determines * how wide the columns are (in pixels). */ - columnWidth?: number | ((conatinerWidth: number) => number); + columnWidth?: number | ((containerWidth: number) => number); /** * If your group is not json, and is comma delimited, you could set delimiter to ','. @@ -53,7 +53,7 @@ export interface ShuffleOptions { * A static number or function that determines how wide the gutters * between columns are (in pixels). */ - gutterWidth?: number | ((conatinerWidth: number) => number); + gutterWidth?: number | ((containerWidth: number) => number); /** * Shuffle can be initialized with a sort object. It is the same object