@charcoal-ui/react-sandbox 3.13.0 → 3.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Carousel/index.d.ts.map +1 -1
- package/dist/components/Layout/index.d.ts.map +1 -1
- package/dist/components/icons/Base.d.ts.map +1 -1
- package/dist/components/icons/NextIcon.d.ts.map +1 -1
- package/dist/foundation/support.d.ts.map +1 -1
- package/dist/index.cjs.js +2 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +2 -2
- package/dist/index.esm.js.map +1 -1
- package/package.json +8 -8
- package/src/components/Carousel/index.tsx +10 -3
- package/src/components/Layout/index.tsx +0 -2
- package/src/components/icons/Base.tsx +0 -1
- package/src/components/icons/NextIcon.tsx +0 -1
- package/src/foundation/support.ts +0 -1
- package/src/foundation/utils.ts +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@charcoal-ui/react-sandbox",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.14.0",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"main": "./dist/index.cjs.js",
|
|
6
6
|
"module": "./dist/index.esm.js",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"clean": "rimraf dist .tsbuildinfo"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
|
-
"@charcoal-ui/esbuild-plugin-styled-components": "^3.
|
|
23
|
+
"@charcoal-ui/esbuild-plugin-styled-components": "^3.14.0",
|
|
24
24
|
"@testing-library/jest-dom": "^5.16.1",
|
|
25
25
|
"@testing-library/react": "^12.1.2",
|
|
26
26
|
"@testing-library/user-event": "^13.5.0",
|
|
@@ -41,11 +41,11 @@
|
|
|
41
41
|
"typescript": "^4.9.5"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@charcoal-ui/foundation": "^3.
|
|
45
|
-
"@charcoal-ui/react": "^3.
|
|
46
|
-
"@charcoal-ui/styled": "^3.
|
|
47
|
-
"@charcoal-ui/theme": "^3.
|
|
48
|
-
"@charcoal-ui/utils": "^3.
|
|
44
|
+
"@charcoal-ui/foundation": "^3.14.0",
|
|
45
|
+
"@charcoal-ui/react": "^3.14.0",
|
|
46
|
+
"@charcoal-ui/styled": "^3.14.0",
|
|
47
|
+
"@charcoal-ui/theme": "^3.14.0",
|
|
48
|
+
"@charcoal-ui/utils": "^3.14.0",
|
|
49
49
|
"polished": "^4.1.4",
|
|
50
50
|
"react-spring": "^9.0.0",
|
|
51
51
|
"warning": "^4.0.3"
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"url": "https://github.com/pixiv/charcoal.git",
|
|
68
68
|
"directory": "packages/react-sandbox"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "694af78ad36f1caa108a4c3fae4f51ce54b7f78b"
|
|
71
71
|
}
|
|
@@ -96,7 +96,11 @@ export default function Carousel({
|
|
|
96
96
|
maxScrollLeft
|
|
97
97
|
)
|
|
98
98
|
setScrollLeft(scroll, true)
|
|
99
|
-
set({
|
|
99
|
+
void set({
|
|
100
|
+
scroll,
|
|
101
|
+
from: { scroll: scrollLeft },
|
|
102
|
+
reset: !animation.current,
|
|
103
|
+
})
|
|
100
104
|
animation.current = true
|
|
101
105
|
}, [
|
|
102
106
|
animation,
|
|
@@ -114,7 +118,11 @@ export default function Carousel({
|
|
|
114
118
|
const { clientWidth } = visibleAreaRef.current
|
|
115
119
|
const scroll = Math.max(scrollLeft - clientWidth * scrollAmountCoef, 0)
|
|
116
120
|
setScrollLeft(scroll, true)
|
|
117
|
-
set({
|
|
121
|
+
void set({
|
|
122
|
+
scroll,
|
|
123
|
+
from: { scroll: scrollLeft },
|
|
124
|
+
reset: !animation.current,
|
|
125
|
+
})
|
|
118
126
|
animation.current = true
|
|
119
127
|
}, [animation, scrollLeft, set, scrollAmountCoef, setScrollLeft])
|
|
120
128
|
|
|
@@ -206,7 +214,6 @@ export default function Carousel({
|
|
|
206
214
|
setScrollLeft(scrollLength, true)
|
|
207
215
|
}
|
|
208
216
|
}
|
|
209
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
210
217
|
}, [ref.current])
|
|
211
218
|
|
|
212
219
|
const handleScrollMove = useCallback(() => {
|
|
@@ -354,7 +354,6 @@ interface StyledCancelLayoutItemBodyPaddingProps {
|
|
|
354
354
|
cancelTop?: boolean
|
|
355
355
|
}
|
|
356
356
|
|
|
357
|
-
/* eslint-disable max-len */
|
|
358
357
|
export const StyledCancelLayoutItemBodyPadding = styled.div<StyledCancelLayoutItemBodyPaddingProps>`
|
|
359
358
|
margin: 0 -${(p) => (p.wide ? LAYOUT_ITEM_BODY_PADDING.wide.x : LAYOUT_ITEM_BODY_PADDING.default.x)}px;
|
|
360
359
|
margin-top: -${({ cancelTop = false, wide }) => (!cancelTop ? 0 : wide ? LAYOUT_ITEM_BODY_PADDING.wide.y : LAYOUT_ITEM_BODY_PADDING.default.y)}px;
|
|
@@ -364,4 +363,3 @@ export const StyledCancelLayoutItemBodyPadding = styled.div<StyledCancelLayoutIt
|
|
|
364
363
|
margin-top: -${({ cancelTop = false }) => (!cancelTop ? 0 : LAYOUT_ITEM_BODY_PADDING.column1.x)}px;
|
|
365
364
|
}
|
|
366
365
|
`
|
|
367
|
-
/* eslint-enable max-len */
|
|
@@ -8,7 +8,6 @@ export enum WedgeDirection {
|
|
|
8
8
|
Right = 'right',
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
// eslint-disable-next-line max-len
|
|
12
11
|
const path = `M8.08579 16.5858C7.30474 17.3668 7.30474 18.6332 8.08579 19.4142C8.86684 20.1953 10.1332 20.1953 10.9142 19.4142L18.3284 12L10.9142 4.58579C10.1332 3.80474 8.86684 3.80474 8.08579 4.58579C7.30474 5.36684 7.30474 6.63317 8.08579 7.41421L12.6716 12L8.08579 16.5858Z`
|
|
13
12
|
const size = 24
|
|
14
13
|
|
package/src/foundation/utils.ts
CHANGED
|
@@ -20,7 +20,7 @@ export function unreachable(): never
|
|
|
20
20
|
* @param value Value to be asserted as unreachable
|
|
21
21
|
*/
|
|
22
22
|
// NOTE: Uses separate overloads, _not_ `value?: never`, to not allow `undefined` to be passed
|
|
23
|
-
|
|
23
|
+
|
|
24
24
|
export function unreachable(value: never): never
|
|
25
25
|
export function unreachable(value?: never): never {
|
|
26
26
|
throw new Error(
|