@cdx-ui/components 0.2.2 → 0.2.4
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/AGENTS.md +24 -0
- package/README.md +6 -2
- package/coverage.svg +1 -1
- package/docs/components/accordion/content.md +538 -0
- package/docs/components/alert/content.md +203 -0
- package/docs/components/alert-dialog/content.md +319 -0
- package/docs/components/avatar/content.md +368 -0
- package/docs/components/avatar/design.md +202 -0
- package/docs/components/badge/content.md +235 -0
- package/docs/components/bottom-sheet/content.md +351 -0
- package/docs/components/bottom-sheet/design.md +249 -0
- package/docs/components/breadcrumbs/content.md +169 -0
- package/docs/components/button/content.md +398 -0
- package/docs/components/button/design.md +258 -0
- package/docs/components/calendar/content.md +137 -0
- package/docs/components/card/content.md +283 -0
- package/docs/components/carousel/content.md +416 -0
- package/docs/components/checkbox/content.md +236 -0
- package/docs/components/checkbox/design.md +214 -0
- package/docs/components/chip/content.md +439 -0
- package/docs/components/chip/design.md +418 -0
- package/docs/components/color-area/content.md +86 -0
- package/docs/components/color-field/content.md +134 -0
- package/docs/components/color-picker/content.md +208 -0
- package/docs/components/color-slider/content.md +120 -0
- package/docs/components/color-swatch/content.md +64 -0
- package/docs/components/color-swatch-picker/content.md +126 -0
- package/docs/components/content.md +97 -0
- package/docs/components/currency-input/content.md +205 -0
- package/docs/components/data-grid/content.md +522 -0
- package/docs/components/date-field/content.md +147 -0
- package/docs/components/date-picker/content.md +360 -0
- package/docs/components/date-range-picker/content.md +301 -0
- package/docs/components/date-time-field/content.md +157 -0
- package/docs/components/date-time-list/content.md +105 -0
- package/docs/components/date-time-picker/content.md +272 -0
- package/docs/components/dialog/content.md +436 -0
- package/docs/components/dialog/design.md +192 -0
- package/docs/components/divider/content.md +112 -0
- package/docs/components/drawer/content.md +436 -0
- package/docs/components/field/content.md +277 -0
- package/docs/components/form/content.md +62 -0
- package/docs/components/full-screen-dialog/content.md +881 -0
- package/docs/components/heading/content.md +55 -0
- package/docs/components/icon/content.md +190 -0
- package/docs/components/icon-button/content.md +200 -0
- package/docs/components/icon-button/design.md +165 -0
- package/docs/components/image/content.md +104 -0
- package/docs/components/input/content.md +281 -0
- package/docs/components/input/design.md +389 -0
- package/docs/components/insurance-disclosure/content.md +103 -0
- package/docs/components/link/content.md +180 -0
- package/docs/components/link/design.md +160 -0
- package/docs/components/list-item/content.md +695 -0
- package/docs/components/menu/content.md +1247 -0
- package/docs/components/month-calendar/content.md +84 -0
- package/docs/components/month-picker/content.md +273 -0
- package/docs/components/otp-input/content.md +327 -0
- package/docs/components/progress-bar/content.md +87 -0
- package/docs/components/progress-circle/content.md +176 -0
- package/docs/components/progress-segmented/content.md +119 -0
- package/docs/components/quick-action-button/content.md +154 -0
- package/docs/components/quick-action-button/design.md +170 -0
- package/docs/components/radio/content.md +224 -0
- package/docs/components/range-calendar/content.md +123 -0
- package/docs/components/reorderable-list/content.md +309 -0
- package/docs/components/scoped-theme/content.md +47 -0
- package/docs/components/scroll-shadow/content.md +686 -0
- package/docs/components/select/content.md +400 -0
- package/docs/components/select/design.md +301 -0
- package/docs/components/skeleton/content.md +103 -0
- package/docs/components/slider/content.md +423 -0
- package/docs/components/stack/content.md +161 -0
- package/docs/components/switch/content.md +150 -0
- package/docs/components/switch/design.md +208 -0
- package/docs/components/table/content.md +548 -0
- package/docs/components/table-pagination/content.md +177 -0
- package/docs/components/tabs/content.md +292 -0
- package/docs/components/text/content.md +142 -0
- package/docs/components/textarea/content.md +222 -0
- package/docs/components/tile/content.md +703 -0
- package/docs/components/toast/content.md +456 -0
- package/docs/components/toggle-button/content.md +505 -0
- package/docs/components/tooltip/content.md +350 -0
- package/docs/components/virtualized-list/content.md +250 -0
- package/docs/foundations/content.md +9 -0
- package/docs/foundations/expressions/icons/content.md +19 -0
- package/docs/foundations/styles/tokens/all-tokens/content.md +192 -0
- package/docs/foundations/styles/tokens/what-are-tokens/content.md +33 -0
- package/docs/foundations/styles/tokens/what-are-tokens/design.md +33 -0
- package/docs/getting-started/content.md +4 -0
- package/docs/getting-started/designers/content.md +13 -0
- package/docs/getting-started/designers/design.md +13 -0
- package/docs/getting-started/developers/accessibility/content.md +31 -0
- package/docs/getting-started/developers/content.md +612 -0
- package/docs/getting-started/developers/styling/content.md +193 -0
- package/docs/llms.txt +193 -0
- package/docs/patterns/account-management/content.md +75 -0
- package/docs/patterns/authentication/content.md +52 -0
- package/docs/patterns/content.md +10 -0
- package/docs/patterns/dashboard/content.md +39 -0
- package/docs/patterns/empty-states/content.md +31 -0
- package/docs/patterns/forms/content.md +109 -0
- package/docs/patterns/onboarding/content.md +69 -0
- package/docs/patterns/payments/content.md +35 -0
- package/docs/patterns/settings/content.md +72 -0
- package/docs/resources/content.md +9 -0
- package/docs/resources/figma-libraries/content.md +42 -0
- package/docs/resources/release-notes/0.0.1-beta.118/content.md +27 -0
- package/docs/resources/release-notes/0.0.1-beta.122/content.md +21 -0
- package/docs/resources/release-notes/0.0.1-beta.124/content.md +16 -0
- package/docs/resources/release-notes/0.0.1-beta.126/content.md +10 -0
- package/docs/resources/release-notes/0.0.1-beta.127/content.md +14 -0
- package/docs/resources/release-notes/0.0.1-beta.128/content.md +9 -0
- package/docs/resources/release-notes/0.0.1-beta.129/content.md +18 -0
- package/docs/resources/release-notes/0.0.1-beta.130/content.md +18 -0
- package/docs/resources/release-notes/0.0.1-beta.133/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.134/content.md +17 -0
- package/docs/resources/release-notes/0.0.1-beta.136/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.137/content.md +10 -0
- package/docs/resources/release-notes/0.0.1-beta.138/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.139/content.md +13 -0
- package/docs/resources/release-notes/0.0.1-beta.140/content.md +26 -0
- package/docs/resources/release-notes/0.0.1-beta.141/content.md +63 -0
- package/docs/resources/release-notes/0.0.1-beta.142/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.143/content.md +12 -0
- package/docs/resources/release-notes/0.0.1-beta.144/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.145/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.147/content.md +10 -0
- package/docs/resources/release-notes/0.0.1-beta.149/content.md +10 -0
- package/docs/resources/release-notes/0.0.1-beta.150/content.md +13 -0
- package/docs/resources/release-notes/0.0.1-beta.152/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.154/content.md +15 -0
- package/docs/resources/release-notes/0.0.1-beta.156/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.158/content.md +9 -0
- package/docs/resources/release-notes/0.0.1-beta.159/content.md +11 -0
- package/docs/resources/release-notes/0.0.1-beta.160/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.161/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.163/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.164/content.md +9 -0
- package/docs/resources/release-notes/0.0.1-beta.166/content.md +17 -0
- package/docs/resources/release-notes/0.0.1-beta.167/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.168/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.169/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.171/content.md +16 -0
- package/docs/resources/release-notes/0.0.1-beta.172/content.md +24 -0
- package/docs/resources/release-notes/0.0.1-beta.173/content.md +15 -0
- package/docs/resources/release-notes/0.0.1-beta.174/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.176/content.md +32 -0
- package/docs/resources/release-notes/0.0.1-beta.179/content.md +11 -0
- package/docs/resources/release-notes/0.0.1-beta.182/content.md +13 -0
- package/docs/resources/release-notes/0.0.1-beta.185/content.md +7 -0
- package/docs/resources/release-notes/0.0.1-beta.187/content.md +27 -0
- package/docs/resources/release-notes/0.1.1/content.md +23 -0
- package/docs/resources/release-notes/0.1.2/content.md +7 -0
- package/docs/resources/release-notes/0.1.4/content.md +19 -0
- package/docs/resources/release-notes/0.1.5/content.md +7 -0
- package/docs/resources/release-notes/0.1.6/content.md +7 -0
- package/docs/resources/release-notes/0.2.0/content.md +31 -0
- package/docs/resources/release-notes/0.2.1/content.md +17 -0
- package/docs/resources/release-notes/0.2.2/content.md +11 -0
- package/docs/resources/release-notes/0.2.3/content.md +15 -0
- package/docs/resources/release-notes/content.md +64 -0
- package/lib/commonjs/components/Checkbox/index.js.map +1 -1
- package/lib/commonjs/components/DateTimeList/index.js +11 -26
- package/lib/commonjs/components/DateTimeList/index.js.map +1 -1
- package/lib/commonjs/components/DateTimeList/styles.js +2 -12
- package/lib/commonjs/components/DateTimeList/styles.js.map +1 -1
- package/lib/commonjs/components/Heading/index.js.map +1 -1
- package/lib/commonjs/components/Icon/index.js.map +1 -1
- package/lib/commonjs/components/ListItem/index.js +170 -9
- package/lib/commonjs/components/ListItem/index.js.map +1 -1
- package/lib/commonjs/components/ListItem/styles.js +38 -2
- package/lib/commonjs/components/ListItem/styles.js.map +1 -1
- package/lib/commonjs/components/Menu/index.js +11 -5
- package/lib/commonjs/components/Menu/index.js.map +1 -1
- package/lib/commonjs/components/RangeCalendar/index.js.map +1 -1
- package/lib/commonjs/components/ReorderableList/ReorderableListShared.js +91 -0
- package/lib/commonjs/components/ReorderableList/ReorderableListShared.js.map +1 -0
- package/lib/commonjs/components/ReorderableList/index.js +135 -0
- package/lib/commonjs/components/ReorderableList/index.js.map +1 -0
- package/lib/commonjs/components/ReorderableList/index.web.js +233 -0
- package/lib/commonjs/components/ReorderableList/index.web.js.map +1 -0
- package/lib/commonjs/components/ReorderableList/labels.js +47 -0
- package/lib/commonjs/components/ReorderableList/labels.js.map +1 -0
- package/lib/commonjs/components/ReorderableList/reorderItems.js +16 -0
- package/lib/commonjs/components/ReorderableList/reorderItems.js.map +1 -0
- package/lib/commonjs/components/ReorderableList/rowContext.js +42 -0
- package/lib/commonjs/components/ReorderableList/rowContext.js.map +1 -0
- package/lib/commonjs/components/ReorderableList/types.js +6 -0
- package/lib/commonjs/components/ReorderableList/types.js.map +1 -0
- package/lib/commonjs/components/ReorderableList/useReorder.js +131 -0
- package/lib/commonjs/components/ReorderableList/useReorder.js.map +1 -0
- package/lib/commonjs/components/ReorderableList/webDnd.js +64 -0
- package/lib/commonjs/components/ReorderableList/webDnd.js.map +1 -0
- package/lib/commonjs/components/ScopedTheme/index.js.map +1 -1
- package/lib/commonjs/components/ScrollShadow/gradient.js +29 -0
- package/lib/commonjs/components/ScrollShadow/gradient.js.map +1 -0
- package/lib/commonjs/components/ScrollShadow/index.js +171 -44
- package/lib/commonjs/components/ScrollShadow/index.js.map +1 -1
- package/lib/commonjs/components/ScrollShadow/styles.js +58 -14
- package/lib/commonjs/components/ScrollShadow/styles.js.map +1 -1
- package/lib/commonjs/components/ScrollShadow/useComposedScrollHandler.js +63 -0
- package/lib/commonjs/components/ScrollShadow/useComposedScrollHandler.js.map +1 -0
- package/lib/commonjs/components/ScrollShadow/useScrollShadow.js +48 -8
- package/lib/commonjs/components/ScrollShadow/useScrollShadow.js.map +1 -1
- package/lib/commonjs/components/Skeleton/index.js.map +1 -1
- package/lib/commonjs/components/TablePagination/index.js.map +1 -1
- package/lib/commonjs/components/Tabs/index.js +16 -23
- package/lib/commonjs/components/Tabs/index.js.map +1 -1
- package/lib/commonjs/components/Tabs/styles.js +1 -10
- package/lib/commonjs/components/Tabs/styles.js.map +1 -1
- package/lib/commonjs/components/Text/index.js.map +1 -1
- package/lib/commonjs/components/Tile/styles.js +1 -1
- package/lib/commonjs/components/Tile/styles.js.map +1 -1
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/figma/ListItem.SectionHeader.figma.js +20 -5
- package/lib/commonjs/figma/ListItem.SectionHeader.figma.js.map +1 -1
- package/lib/commonjs/reorderable-list.js +17 -0
- package/lib/commonjs/reorderable-list.js.map +1 -0
- package/lib/module/components/Checkbox/index.js.map +1 -1
- package/lib/module/components/DateTimeList/index.js +12 -27
- package/lib/module/components/DateTimeList/index.js.map +1 -1
- package/lib/module/components/DateTimeList/styles.js +1 -11
- package/lib/module/components/DateTimeList/styles.js.map +1 -1
- package/lib/module/components/Heading/index.js.map +1 -1
- package/lib/module/components/Icon/index.js.map +1 -1
- package/lib/module/components/ListItem/index.js +163 -14
- package/lib/module/components/ListItem/index.js.map +1 -1
- package/lib/module/components/ListItem/styles.js +37 -1
- package/lib/module/components/ListItem/styles.js.map +1 -1
- package/lib/module/components/Menu/index.js +11 -5
- package/lib/module/components/Menu/index.js.map +1 -1
- package/lib/module/components/RangeCalendar/index.js.map +1 -1
- package/lib/module/components/ReorderableList/ReorderableListShared.js +86 -0
- package/lib/module/components/ReorderableList/ReorderableListShared.js.map +1 -0
- package/lib/module/components/ReorderableList/index.js +130 -0
- package/lib/module/components/ReorderableList/index.js.map +1 -0
- package/lib/module/components/ReorderableList/index.web.js +229 -0
- package/lib/module/components/ReorderableList/index.web.js.map +1 -0
- package/lib/module/components/ReorderableList/labels.js +41 -0
- package/lib/module/components/ReorderableList/labels.js.map +1 -0
- package/lib/module/components/ReorderableList/reorderItems.js +12 -0
- package/lib/module/components/ReorderableList/reorderItems.js.map +1 -0
- package/lib/module/components/ReorderableList/rowContext.js +38 -0
- package/lib/module/components/ReorderableList/rowContext.js.map +1 -0
- package/lib/module/components/ReorderableList/types.js +4 -0
- package/lib/module/components/ReorderableList/types.js.map +1 -0
- package/lib/module/components/ReorderableList/useReorder.js +123 -0
- package/lib/module/components/ReorderableList/useReorder.js.map +1 -0
- package/lib/module/components/ReorderableList/webDnd.js +59 -0
- package/lib/module/components/ReorderableList/webDnd.js.map +1 -0
- package/lib/module/components/ScopedTheme/index.js.map +1 -1
- package/lib/module/components/ScrollShadow/gradient.js +24 -0
- package/lib/module/components/ScrollShadow/gradient.js.map +1 -0
- package/lib/module/components/ScrollShadow/index.js +170 -48
- package/lib/module/components/ScrollShadow/index.js.map +1 -1
- package/lib/module/components/ScrollShadow/styles.js +57 -13
- package/lib/module/components/ScrollShadow/styles.js.map +1 -1
- package/lib/module/components/ScrollShadow/useComposedScrollHandler.js +57 -0
- package/lib/module/components/ScrollShadow/useComposedScrollHandler.js.map +1 -0
- package/lib/module/components/ScrollShadow/useScrollShadow.js +46 -8
- package/lib/module/components/ScrollShadow/useScrollShadow.js.map +1 -1
- package/lib/module/components/Skeleton/index.js.map +1 -1
- package/lib/module/components/TablePagination/index.js.map +1 -1
- package/lib/module/components/Tabs/index.js +17 -24
- package/lib/module/components/Tabs/index.js.map +1 -1
- package/lib/module/components/Tabs/styles.js +0 -9
- package/lib/module/components/Tabs/styles.js.map +1 -1
- package/lib/module/components/Text/index.js.map +1 -1
- package/lib/module/components/Tile/styles.js +1 -1
- package/lib/module/components/Tile/styles.js.map +1 -1
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/figma/ListItem.SectionHeader.figma.js +20 -5
- package/lib/module/figma/ListItem.SectionHeader.figma.js.map +1 -1
- package/lib/module/reorderable-list.js +4 -0
- package/lib/module/reorderable-list.js.map +1 -0
- package/lib/typescript/components/Checkbox/index.d.ts +22 -0
- package/lib/typescript/components/Checkbox/index.d.ts.map +1 -1
- package/lib/typescript/components/DateTimeList/index.d.ts.map +1 -1
- package/lib/typescript/components/DateTimeList/styles.d.ts +1 -4
- package/lib/typescript/components/DateTimeList/styles.d.ts.map +1 -1
- package/lib/typescript/components/Heading/index.d.ts +20 -2
- package/lib/typescript/components/Heading/index.d.ts.map +1 -1
- package/lib/typescript/components/Icon/index.d.ts +2 -0
- package/lib/typescript/components/Icon/index.d.ts.map +1 -1
- package/lib/typescript/components/ListItem/index.d.ts +28 -5
- package/lib/typescript/components/ListItem/index.d.ts.map +1 -1
- package/lib/typescript/components/ListItem/styles.d.ts +6 -1
- package/lib/typescript/components/ListItem/styles.d.ts.map +1 -1
- package/lib/typescript/components/Menu/index.d.ts +116 -4
- package/lib/typescript/components/Menu/index.d.ts.map +1 -1
- package/lib/typescript/components/RangeCalendar/index.d.ts +2 -0
- package/lib/typescript/components/RangeCalendar/index.d.ts.map +1 -1
- package/lib/typescript/components/ReorderableList/ReorderableListShared.d.ts +31 -0
- package/lib/typescript/components/ReorderableList/ReorderableListShared.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableList/index.d.ts +8 -0
- package/lib/typescript/components/ReorderableList/index.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableList/index.web.d.ts +8 -0
- package/lib/typescript/components/ReorderableList/index.web.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableList/labels.d.ts +16 -0
- package/lib/typescript/components/ReorderableList/labels.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableList/reorderItems.d.ts +3 -0
- package/lib/typescript/components/ReorderableList/reorderItems.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableList/rowContext.d.ts +57 -0
- package/lib/typescript/components/ReorderableList/rowContext.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableList/types.d.ts +75 -0
- package/lib/typescript/components/ReorderableList/types.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableList/useReorder.d.ts +31 -0
- package/lib/typescript/components/ReorderableList/useReorder.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableList/webDnd.d.ts +27 -0
- package/lib/typescript/components/ReorderableList/webDnd.d.ts.map +1 -0
- package/lib/typescript/components/ScopedTheme/index.d.ts +6 -1
- package/lib/typescript/components/ScopedTheme/index.d.ts.map +1 -1
- package/lib/typescript/components/ScrollShadow/gradient.d.ts +7 -0
- package/lib/typescript/components/ScrollShadow/gradient.d.ts.map +1 -0
- package/lib/typescript/components/ScrollShadow/index.d.ts +57 -15
- package/lib/typescript/components/ScrollShadow/index.d.ts.map +1 -1
- package/lib/typescript/components/ScrollShadow/styles.d.ts +8 -2
- package/lib/typescript/components/ScrollShadow/styles.d.ts.map +1 -1
- package/lib/typescript/components/ScrollShadow/useComposedScrollHandler.d.ts +13 -0
- package/lib/typescript/components/ScrollShadow/useComposedScrollHandler.d.ts.map +1 -0
- package/lib/typescript/components/ScrollShadow/useScrollShadow.d.ts +15 -2
- package/lib/typescript/components/ScrollShadow/useScrollShadow.d.ts.map +1 -1
- package/lib/typescript/components/Skeleton/index.d.ts +3 -0
- package/lib/typescript/components/Skeleton/index.d.ts.map +1 -1
- package/lib/typescript/components/TablePagination/index.d.ts +54 -0
- package/lib/typescript/components/TablePagination/index.d.ts.map +1 -1
- package/lib/typescript/components/Tabs/index.d.ts.map +1 -1
- package/lib/typescript/components/Tabs/styles.d.ts +0 -7
- package/lib/typescript/components/Tabs/styles.d.ts.map +1 -1
- package/lib/typescript/components/Text/index.d.ts +12 -2
- package/lib/typescript/components/Text/index.d.ts.map +1 -1
- package/lib/typescript/components/Tile/styles.d.ts.map +1 -1
- package/lib/typescript/components/ToggleButton/styles.d.ts +1 -1
- package/lib/typescript/components/index.d.ts +1 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/figma/ListItem.SectionHeader.figma.d.ts.map +1 -1
- package/lib/typescript/reorderable-list.d.ts +2 -0
- package/lib/typescript/reorderable-list.d.ts.map +1 -0
- package/package.json +37 -8
- package/src/components/Checkbox/index.tsx +22 -0
- package/src/components/DateTimeList/index.tsx +13 -26
- package/src/components/DateTimeList/styles.ts +1 -10
- package/src/components/Heading/index.tsx +10 -1
- package/src/components/Icon/index.tsx +2 -0
- package/src/components/ListItem/index.tsx +232 -15
- package/src/components/ListItem/styles.ts +41 -0
- package/src/components/Menu/index.tsx +128 -12
- package/src/components/RangeCalendar/index.tsx +2 -0
- package/src/components/ReorderableList/ReorderableListShared.tsx +113 -0
- package/src/components/ReorderableList/index.tsx +162 -0
- package/src/components/ReorderableList/index.web.tsx +254 -0
- package/src/components/ReorderableList/labels.ts +52 -0
- package/src/components/ReorderableList/reorderItems.ts +16 -0
- package/src/components/ReorderableList/rowContext.tsx +72 -0
- package/src/components/ReorderableList/types.ts +80 -0
- package/src/components/ReorderableList/useReorder.ts +159 -0
- package/src/components/ReorderableList/webDnd.ts +60 -0
- package/src/components/ScopedTheme/index.tsx +6 -1
- package/src/components/ScrollShadow/gradient.ts +48 -0
- package/src/components/ScrollShadow/index.tsx +300 -69
- package/src/components/ScrollShadow/styles.ts +45 -28
- package/src/components/ScrollShadow/useComposedScrollHandler.ts +58 -0
- package/src/components/ScrollShadow/useScrollShadow.ts +72 -10
- package/src/components/Skeleton/index.tsx +3 -0
- package/src/components/TablePagination/index.tsx +54 -0
- package/src/components/Tabs/index.tsx +25 -35
- package/src/components/Tabs/styles.ts +0 -9
- package/src/components/Text/index.tsx +6 -1
- package/src/components/Tile/styles.ts +4 -1
- package/src/components/index.ts +5 -0
- package/src/reorderable-list.ts +1 -0
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ReorderableList = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _core = require("@dnd-kit/core");
|
|
10
|
+
var _sortable = require("@dnd-kit/sortable");
|
|
11
|
+
var _utilities = require("@dnd-kit/utilities");
|
|
12
|
+
var _utils = require("@cdx-ui/utils");
|
|
13
|
+
var _ReorderableListShared = require("./ReorderableListShared");
|
|
14
|
+
var _reorderItems = require("./reorderItems");
|
|
15
|
+
var _rowContext = require("./rowContext");
|
|
16
|
+
var _useReorder = require("./useReorder");
|
|
17
|
+
var _webDnd = require("./webDnd");
|
|
18
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
+
const handleTouchStyle = {
|
|
20
|
+
touchAction: 'none'
|
|
21
|
+
};
|
|
22
|
+
const passThrough = host => host;
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* react-native-web's `Pressable` stops Enter/Space `keydown` from bubbling, so when the handle is a
|
|
26
|
+
* pressable control (`asChild` with an `IconButton`) the drop key never reaches dnd-kit's document
|
|
27
|
+
* listener. While dragging, take the key at the handle and hand it to the document directly.
|
|
28
|
+
*/
|
|
29
|
+
function forwardDropKeyToDocument(event) {
|
|
30
|
+
const {
|
|
31
|
+
key,
|
|
32
|
+
code
|
|
33
|
+
} = event.nativeEvent;
|
|
34
|
+
if (key !== 'Enter' && key !== ' ' && code !== 'Enter' && code !== 'Space') return;
|
|
35
|
+
event.preventDefault();
|
|
36
|
+
event.stopPropagation();
|
|
37
|
+
const {
|
|
38
|
+
ownerDocument
|
|
39
|
+
} = event.currentTarget;
|
|
40
|
+
ownerDocument?.dispatchEvent(new KeyboardEvent('keydown', {
|
|
41
|
+
key,
|
|
42
|
+
code,
|
|
43
|
+
cancelable: true
|
|
44
|
+
}));
|
|
45
|
+
}
|
|
46
|
+
function SortableRow({
|
|
47
|
+
info,
|
|
48
|
+
renderItem,
|
|
49
|
+
controller
|
|
50
|
+
}) {
|
|
51
|
+
const {
|
|
52
|
+
item,
|
|
53
|
+
index,
|
|
54
|
+
count,
|
|
55
|
+
key
|
|
56
|
+
} = info;
|
|
57
|
+
const {
|
|
58
|
+
attributes,
|
|
59
|
+
listeners,
|
|
60
|
+
setNodeRef,
|
|
61
|
+
setActivatorNodeRef,
|
|
62
|
+
transform,
|
|
63
|
+
transition,
|
|
64
|
+
isDragging
|
|
65
|
+
} = (0, _sortable.useSortable)({
|
|
66
|
+
id: key
|
|
67
|
+
});
|
|
68
|
+
const {
|
|
69
|
+
activatorEvent
|
|
70
|
+
} = (0, _core.useDndContext)();
|
|
71
|
+
const nodeRef = (0, _react.useRef)(null);
|
|
72
|
+
const swallowNextClickRef = (0, _react.useRef)(false);
|
|
73
|
+
const setRowRef = (0, _react.useCallback)(node => {
|
|
74
|
+
const element = node;
|
|
75
|
+
nodeRef.current = element;
|
|
76
|
+
setNodeRef(element);
|
|
77
|
+
}, [setNodeRef]);
|
|
78
|
+
|
|
79
|
+
// dnd-kit's shift/drop animation is written to the row's DOM node; React never owns these keys.
|
|
80
|
+
(0, _react.useLayoutEffect)(() => {
|
|
81
|
+
const node = nodeRef.current;
|
|
82
|
+
if (!node) return;
|
|
83
|
+
node.style.transform = transform ? _utilities.CSS.Translate.toString({
|
|
84
|
+
...transform,
|
|
85
|
+
x: 0
|
|
86
|
+
}) ?? '' : '';
|
|
87
|
+
node.style.transition = transition ?? '';
|
|
88
|
+
}, [transform, transition]);
|
|
89
|
+
|
|
90
|
+
// A pointer drag ends with a click on the row; swallow that one click so a pressable row does
|
|
91
|
+
// not fire after a drop or cancel. Scoped to this row, and reset by the next pointerdown.
|
|
92
|
+
(0, _react.useEffect)(() => {
|
|
93
|
+
if (isDragging && activatorEvent?.type.startsWith('pointer')) {
|
|
94
|
+
swallowNextClickRef.current = true;
|
|
95
|
+
}
|
|
96
|
+
}, [activatorEvent, isDragging]);
|
|
97
|
+
(0, _react.useEffect)(() => {
|
|
98
|
+
const node = nodeRef.current;
|
|
99
|
+
if (!node) return undefined;
|
|
100
|
+
const onClick = event => {
|
|
101
|
+
if (!swallowNextClickRef.current) return;
|
|
102
|
+
swallowNextClickRef.current = false;
|
|
103
|
+
event.stopPropagation();
|
|
104
|
+
event.preventDefault();
|
|
105
|
+
};
|
|
106
|
+
const onPointerDown = () => {
|
|
107
|
+
swallowNextClickRef.current = false;
|
|
108
|
+
};
|
|
109
|
+
node.addEventListener('click', onClick, true);
|
|
110
|
+
node.addEventListener('pointerdown', onPointerDown, true);
|
|
111
|
+
return () => {
|
|
112
|
+
node.removeEventListener('click', onClick, true);
|
|
113
|
+
node.removeEventListener('pointerdown', onPointerDown, true);
|
|
114
|
+
};
|
|
115
|
+
}, []);
|
|
116
|
+
const handle = (0, _react.useMemo)(() => {
|
|
117
|
+
const {
|
|
118
|
+
tabIndex,
|
|
119
|
+
role,
|
|
120
|
+
...aria
|
|
121
|
+
} = attributes;
|
|
122
|
+
return {
|
|
123
|
+
props: {
|
|
124
|
+
...aria,
|
|
125
|
+
role: role,
|
|
126
|
+
tabIndex: tabIndex === 0 || tabIndex === -1 ? tabIndex : undefined,
|
|
127
|
+
style: handleTouchStyle,
|
|
128
|
+
...listeners,
|
|
129
|
+
onKeyDownCapture: isDragging ? forwardDropKeyToDocument : undefined
|
|
130
|
+
},
|
|
131
|
+
ref: node => setActivatorNodeRef(node),
|
|
132
|
+
wrap: passThrough
|
|
133
|
+
};
|
|
134
|
+
}, [attributes, isDragging, listeners, setActivatorNodeRef]);
|
|
135
|
+
const rowValue = (0, _useReorder.useReorderableRowValue)({
|
|
136
|
+
index,
|
|
137
|
+
count,
|
|
138
|
+
isDragging,
|
|
139
|
+
handle,
|
|
140
|
+
labels: controller.labels,
|
|
141
|
+
moveItem: controller.moveItem
|
|
142
|
+
});
|
|
143
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rowContext.ReorderableRowProvider, {
|
|
144
|
+
value: rowValue,
|
|
145
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
146
|
+
ref: setRowRef,
|
|
147
|
+
className: (0, _utils.cn)(isDragging && 'relative z-20'),
|
|
148
|
+
children: renderItem({
|
|
149
|
+
item,
|
|
150
|
+
index,
|
|
151
|
+
isDragging
|
|
152
|
+
})
|
|
153
|
+
})
|
|
154
|
+
});
|
|
155
|
+
}
|
|
156
|
+
function ReorderableListInner({
|
|
157
|
+
data,
|
|
158
|
+
keyExtractor,
|
|
159
|
+
renderItem,
|
|
160
|
+
onReorder,
|
|
161
|
+
onReorderIndices,
|
|
162
|
+
getItemLabel,
|
|
163
|
+
labels,
|
|
164
|
+
...rest
|
|
165
|
+
}, ref) {
|
|
166
|
+
const [announcement, setAnnouncement] = (0, _react.useState)('');
|
|
167
|
+
const controller = (0, _useReorder.useReorderController)({
|
|
168
|
+
data,
|
|
169
|
+
onReorder,
|
|
170
|
+
onReorderIndices,
|
|
171
|
+
getItemLabel,
|
|
172
|
+
labels,
|
|
173
|
+
announce: setAnnouncement
|
|
174
|
+
});
|
|
175
|
+
const sortableIds = (0, _react.useMemo)(() => data.map((item, index) => keyExtractor(item, index)), [data, keyExtractor]);
|
|
176
|
+
const sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor, {
|
|
177
|
+
activationConstraint: {
|
|
178
|
+
distance: 4
|
|
179
|
+
}
|
|
180
|
+
}), (0, _core.useSensor)(_core.KeyboardSensor, {
|
|
181
|
+
coordinateGetter: _sortable.sortableKeyboardCoordinates
|
|
182
|
+
}));
|
|
183
|
+
const {
|
|
184
|
+
describe,
|
|
185
|
+
labels: resolvedLabels
|
|
186
|
+
} = controller;
|
|
187
|
+
const accessibility = (0, _react.useMemo)(() => ({
|
|
188
|
+
announcements: (0, _webDnd.createReorderAnnouncements)(sortableIds, describe),
|
|
189
|
+
screenReaderInstructions: {
|
|
190
|
+
draggable: resolvedLabels.screenReaderInstructions
|
|
191
|
+
}
|
|
192
|
+
}), [describe, resolvedLabels, sortableIds]);
|
|
193
|
+
const handleDragEnd = (0, _react.useCallback)(({
|
|
194
|
+
active,
|
|
195
|
+
over
|
|
196
|
+
}) => {
|
|
197
|
+
const move = (0, _webDnd.resolveDragEnd)(sortableIds, active.id, over?.id);
|
|
198
|
+
if (!move) return;
|
|
199
|
+
onReorder((0, _reorderItems.reorderItems)(data, move.from, move.to));
|
|
200
|
+
onReorderIndices?.(move.from, move.to);
|
|
201
|
+
}, [data, onReorder, onReorderIndices, sortableIds]);
|
|
202
|
+
const renderRow = (0, _react.useCallback)(info => /*#__PURE__*/(0, _jsxRuntime.jsx)(SortableRow, {
|
|
203
|
+
info: info,
|
|
204
|
+
renderItem: renderItem,
|
|
205
|
+
controller: controller
|
|
206
|
+
}), [controller, renderItem]);
|
|
207
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_core.DndContext, {
|
|
208
|
+
accessibility: accessibility,
|
|
209
|
+
collisionDetection: _core.closestCenter,
|
|
210
|
+
onDragEnd: handleDragEnd,
|
|
211
|
+
sensors: sensors,
|
|
212
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sortable.SortableContext, {
|
|
213
|
+
items: sortableIds,
|
|
214
|
+
strategy: _sortable.verticalListSortingStrategy,
|
|
215
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReorderableListShared.ReorderableListShared, {
|
|
216
|
+
ref: ref,
|
|
217
|
+
data: data,
|
|
218
|
+
keyExtractor: keyExtractor,
|
|
219
|
+
renderRow: renderRow,
|
|
220
|
+
...rest
|
|
221
|
+
})
|
|
222
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
223
|
+
"aria-live": "polite",
|
|
224
|
+
className: "sr-only",
|
|
225
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
226
|
+
children: announcement
|
|
227
|
+
})
|
|
228
|
+
})]
|
|
229
|
+
});
|
|
230
|
+
}
|
|
231
|
+
const ReorderableList = exports.ReorderableList = /*#__PURE__*/(0, _react.forwardRef)(ReorderableListInner);
|
|
232
|
+
ReorderableList.displayName = 'ReorderableList';
|
|
233
|
+
//# sourceMappingURL=index.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_core","_sortable","_utilities","_utils","_ReorderableListShared","_reorderItems","_rowContext","_useReorder","_webDnd","_jsxRuntime","handleTouchStyle","touchAction","passThrough","host","forwardDropKeyToDocument","event","key","code","nativeEvent","preventDefault","stopPropagation","ownerDocument","currentTarget","dispatchEvent","KeyboardEvent","cancelable","SortableRow","info","renderItem","controller","item","index","count","attributes","listeners","setNodeRef","setActivatorNodeRef","transform","transition","isDragging","useSortable","id","activatorEvent","useDndContext","nodeRef","useRef","swallowNextClickRef","setRowRef","useCallback","node","element","current","useLayoutEffect","style","CSS","Translate","toString","x","useEffect","type","startsWith","undefined","onClick","onPointerDown","addEventListener","removeEventListener","handle","useMemo","tabIndex","role","aria","props","onKeyDownCapture","ref","wrap","rowValue","useReorderableRowValue","labels","moveItem","jsx","ReorderableRowProvider","value","children","View","className","cn","ReorderableListInner","data","keyExtractor","onReorder","onReorderIndices","getItemLabel","rest","announcement","setAnnouncement","useState","useReorderController","announce","sortableIds","map","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","KeyboardSensor","coordinateGetter","sortableKeyboardCoordinates","describe","resolvedLabels","accessibility","announcements","createReorderAnnouncements","screenReaderInstructions","draggable","handleDragEnd","active","over","move","resolveDragEnd","reorderItems","from","to","renderRow","jsxs","DndContext","collisionDetection","closestCenter","onDragEnd","SortableContext","items","strategy","verticalListSortingStrategy","ReorderableListShared","Text","ReorderableList","exports","forwardRef","displayName"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/index.web.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.DEFAULT_REORDERABLE_LIST_LABELS = void 0;
|
|
7
|
+
exports.formatReorderMessage = formatReorderMessage;
|
|
8
|
+
exports.resolveReorderableListLabels = resolveReorderableListLabels;
|
|
9
|
+
const DEFAULT_REORDERABLE_LIST_LABELS = exports.DEFAULT_REORDERABLE_LIST_LABELS = {
|
|
10
|
+
item: 'item {position}',
|
|
11
|
+
pickedUp: 'Picked up {item}. Position {position} of {count}.',
|
|
12
|
+
movedTo: 'Moved {item} to position {position} of {count}.',
|
|
13
|
+
dropped: 'Dropped {item} at position {position} of {count}.',
|
|
14
|
+
cancelled: 'Reorder cancelled. {item} returned to position {position} of {count}.',
|
|
15
|
+
screenReaderInstructions: 'To pick up an item, press Space or Enter. Use the arrow keys to move it, then press Space or Enter to drop it, or Escape to cancel.',
|
|
16
|
+
moveUp: 'Move up',
|
|
17
|
+
moveDown: 'Move down',
|
|
18
|
+
moveToTop: 'Move to top',
|
|
19
|
+
moveToBottom: 'Move to bottom'
|
|
20
|
+
};
|
|
21
|
+
function resolveReorderableListLabels(partial) {
|
|
22
|
+
return {
|
|
23
|
+
...DEFAULT_REORDERABLE_LIST_LABELS,
|
|
24
|
+
...partial
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
function fill(template, values) {
|
|
28
|
+
return template.replace(/\{(\w+)\}/g, (match, name) => values[name] ?? match);
|
|
29
|
+
}
|
|
30
|
+
function formatReorderMessage(key, {
|
|
31
|
+
labels,
|
|
32
|
+
getItemLabel,
|
|
33
|
+
item,
|
|
34
|
+
fromIndex,
|
|
35
|
+
position,
|
|
36
|
+
count
|
|
37
|
+
}) {
|
|
38
|
+
const itemName = getItemLabel ? getItemLabel(item, fromIndex) : fill(labels.item, {
|
|
39
|
+
position: String(fromIndex + 1)
|
|
40
|
+
});
|
|
41
|
+
return fill(labels[key], {
|
|
42
|
+
item: itemName,
|
|
43
|
+
position: String(position + 1),
|
|
44
|
+
count: String(count)
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=labels.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["DEFAULT_REORDERABLE_LIST_LABELS","exports","item","pickedUp","movedTo","dropped","cancelled","screenReaderInstructions","moveUp","moveDown","moveToTop","moveToBottom","resolveReorderableListLabels","partial","fill","template","values","replace","match","name","formatReorderMessage","key","labels","getItemLabel","fromIndex","position","count","itemName","String"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/labels.ts"],"mappings":";;;;;;;;AAEO,MAAMA,+BAAsD,GAAAC,OAAA,CAAAD,+BAAA,GAAG;EACpEE,IAAI,EAAE,iBAAiB;EACvBC,QAAQ,EAAE,mDAAmD;EAC7DC,OAAO,EAAE,iDAAiD;EAC1DC,OAAO,EAAE,mDAAmD;EAC5DC,SAAS,EAAE,uEAAuE;EAClFC,wBAAwB,EACtB,qIAAqI;EACvIC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,WAAW;EACrBC,SAAS,EAAE,aAAa;EACxBC,YAAY,EAAE;AAChB,CAAC;AAEM,SAASC,4BAA4BA,CAC1CC,OAAwC,EACjB;EACvB,OAAO;IAAE,GAAGb,+BAA+B;IAAE,GAAGa;EAAQ,CAAC;AAC3D;AAeA,SAASC,IAAIA,CAACC,QAAgB,EAAEC,MAA8B,EAAU;EACtE,OAAOD,QAAQ,CAACE,OAAO,CAAC,YAAY,EAAE,CAACC,KAAK,EAAEC,IAAY,KAAKH,MAAM,CAACG,IAAI,CAAC,IAAID,KAAK,CAAC;AACvF;AAEO,SAASE,oBAAoBA,CAClCC,GAAsB,EACtB;EAAEC,MAAM;EAAEC,YAAY;EAAErB,IAAI;EAAEsB,SAAS;EAAEC,QAAQ;EAAEC;AAA8B,CAAC,EAC1E;EACR,MAAMC,QAAQ,GAAGJ,YAAY,GACzBA,YAAY,CAACrB,IAAI,EAAEsB,SAAS,CAAC,GAC7BV,IAAI,CAACQ,MAAM,CAACpB,IAAI,EAAE;IAAEuB,QAAQ,EAAEG,MAAM,CAACJ,SAAS,GAAG,CAAC;EAAE,CAAC,CAAC;EAC1D,OAAOV,IAAI,CAACQ,MAAM,CAACD,GAAG,CAAC,EAAE;IACvBnB,IAAI,EAAEyB,QAAQ;IACdF,QAAQ,EAAEG,MAAM,CAACH,QAAQ,GAAG,CAAC,CAAC;IAC9BC,KAAK,EAAEE,MAAM,CAACF,KAAK;EACrB,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.reorderItems = reorderItems;
|
|
7
|
+
/** Immutable insert-strategy move. No-ops when indices are equal or out of range. */
|
|
8
|
+
function reorderItems(data, fromIndex, toIndex) {
|
|
9
|
+
if (fromIndex === toIndex || fromIndex < 0 || toIndex < 0 || fromIndex >= data.length || toIndex >= data.length) {
|
|
10
|
+
return data;
|
|
11
|
+
}
|
|
12
|
+
const next = data.slice();
|
|
13
|
+
next.splice(toIndex, 0, ...next.splice(fromIndex, 1));
|
|
14
|
+
return next;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=reorderItems.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["reorderItems","data","fromIndex","toIndex","length","next","slice","splice"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/reorderItems.ts"],"mappings":";;;;;;AAAA;AACO,SAASA,YAAYA,CAAIC,IAAS,EAAEC,SAAiB,EAAEC,OAAe,EAAO;EAClF,IACED,SAAS,KAAKC,OAAO,IACrBD,SAAS,GAAG,CAAC,IACbC,OAAO,GAAG,CAAC,IACXD,SAAS,IAAID,IAAI,CAACG,MAAM,IACxBD,OAAO,IAAIF,IAAI,CAACG,MAAM,EACtB;IACA,OAAOH,IAAI;EACb;EAEA,MAAMI,IAAI,GAAGJ,IAAI,CAACK,KAAK,CAAC,CAAC;EACzBD,IAAI,CAACE,MAAM,CAACJ,OAAO,EAAE,CAAC,EAAE,GAAGE,IAAI,CAACE,MAAM,CAACL,SAAS,EAAE,CAAC,CAAC,CAAC;EACrD,OAAOG,IAAI;AACb","ignoreList":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ReorderableRowProvider = void 0;
|
|
7
|
+
exports.useReorderableRow = useReorderableRow;
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
/**
|
|
10
|
+
* Props that make a host element the row's drag activator.
|
|
11
|
+
*
|
|
12
|
+
* - **Web:** dnd-kit `attributes` (`role`, `tabIndex`, `aria-*`), `listeners` (`onPointerDown`,
|
|
13
|
+
* `onKeyDown`), and `style: { touchAction: 'none' }`. Some keys (`aria-roledescription`,
|
|
14
|
+
* `aria-describedby`) are outside `ViewProps`, hence the index signature.
|
|
15
|
+
* - **Native:** empty — the gesture is attached by `wrap`.
|
|
16
|
+
*/
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Binds a handle element to the row's drag gesture without adding a focusable wrapper.
|
|
20
|
+
*
|
|
21
|
+
* Render one host (a `View`, or the consumer child under `asChild` via `Slot`), then:
|
|
22
|
+
* 1. spread `props` onto it before consumer props (handlers compose through `Slot`),
|
|
23
|
+
* 2. compose `ref` with the host's own ref,
|
|
24
|
+
* 3. return `wrap(host)`.
|
|
25
|
+
*
|
|
26
|
+
* Web: `ref` is dnd-kit's `setActivatorNodeRef` and `wrap` returns the host unchanged.
|
|
27
|
+
* Native: `ref` is `undefined` and `wrap` places the host inside `Sortable.Handle`, which must
|
|
28
|
+
* wrap because react-native-sortables only attaches its handle gesture through that component. It
|
|
29
|
+
* renders a non-accessible `View`, so the host stays the single focusable element; pass layout
|
|
30
|
+
* styles that must sit on the outer box (flex, alignSelf, margin) as `wrap`'s second argument.
|
|
31
|
+
*/
|
|
32
|
+
|
|
33
|
+
/** Per-row reorder state and actions, provided to every row rendered by `ReorderableList`. */
|
|
34
|
+
|
|
35
|
+
const ReorderableRowContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
36
|
+
const ReorderableRowProvider = exports.ReorderableRowProvider = ReorderableRowContext.Provider;
|
|
37
|
+
|
|
38
|
+
/** Reorder state for the enclosing `ReorderableList` row, or `null` outside a list. */
|
|
39
|
+
function useReorderableRow() {
|
|
40
|
+
return (0, _react.useContext)(ReorderableRowContext);
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=rowContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","ReorderableRowContext","createContext","ReorderableRowProvider","exports","Provider","useReorderableRow","useContext"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/rowContext.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA;;AAwBA,MAAMC,qBAAqB,gBAAG,IAAAC,oBAAa,EAAoC,IAAI,CAAC;AAE7E,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGF,qBAAqB,CAACI,QAAQ;;AAEpE;AACO,SAASC,iBAAiBA,CAAA,EAAsC;EACrE,OAAO,IAAAC,iBAAU,EAACN,qBAAqB,CAAC;AAC1C","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/ReorderableList/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.buildReorderAccessibilityActions = buildReorderAccessibilityActions;
|
|
7
|
+
exports.findDuplicateKeys = findDuplicateKeys;
|
|
8
|
+
exports.getReorderActionTarget = getReorderActionTarget;
|
|
9
|
+
exports.useReorderController = useReorderController;
|
|
10
|
+
exports.useReorderableRowValue = useReorderableRowValue;
|
|
11
|
+
var _react = require("react");
|
|
12
|
+
var _labels = require("./labels");
|
|
13
|
+
var _reorderItems = require("./reorderItems");
|
|
14
|
+
function buildReorderAccessibilityActions(index, count, labels) {
|
|
15
|
+
const actions = [];
|
|
16
|
+
if (index > 0) {
|
|
17
|
+
actions.push({
|
|
18
|
+
name: 'moveUp',
|
|
19
|
+
label: labels.moveUp
|
|
20
|
+
});
|
|
21
|
+
if (index > 1) actions.push({
|
|
22
|
+
name: 'moveToTop',
|
|
23
|
+
label: labels.moveToTop
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
if (index < count - 1) {
|
|
27
|
+
actions.push({
|
|
28
|
+
name: 'moveDown',
|
|
29
|
+
label: labels.moveDown
|
|
30
|
+
});
|
|
31
|
+
if (index < count - 2) actions.push({
|
|
32
|
+
name: 'moveToBottom',
|
|
33
|
+
label: labels.moveToBottom
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
return actions;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
/** Target index for a reorder accessibility action, or `undefined` for other actions. */
|
|
40
|
+
function getReorderActionTarget(actionName, index, count) {
|
|
41
|
+
switch (actionName) {
|
|
42
|
+
case 'moveUp':
|
|
43
|
+
return index - 1;
|
|
44
|
+
case 'moveDown':
|
|
45
|
+
return index + 1;
|
|
46
|
+
case 'moveToTop':
|
|
47
|
+
return 0;
|
|
48
|
+
case 'moveToBottom':
|
|
49
|
+
return count - 1;
|
|
50
|
+
default:
|
|
51
|
+
return undefined;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
/** Duplicate keys in `data`, for the development warning. */
|
|
56
|
+
function findDuplicateKeys(data, keyExtractor) {
|
|
57
|
+
const seen = new Set();
|
|
58
|
+
const duplicates = new Set();
|
|
59
|
+
data.forEach((item, index) => {
|
|
60
|
+
const key = keyExtractor(item, index);
|
|
61
|
+
if (seen.has(key)) duplicates.add(key);
|
|
62
|
+
seen.add(key);
|
|
63
|
+
});
|
|
64
|
+
return [...duplicates];
|
|
65
|
+
}
|
|
66
|
+
function useReorderController({
|
|
67
|
+
data,
|
|
68
|
+
onReorder,
|
|
69
|
+
onReorderIndices,
|
|
70
|
+
getItemLabel,
|
|
71
|
+
labels: labelsProp,
|
|
72
|
+
announce
|
|
73
|
+
}) {
|
|
74
|
+
const labels = (0, _react.useMemo)(() => (0, _labels.resolveReorderableListLabels)(labelsProp), [labelsProp]);
|
|
75
|
+
const describe = (0, _react.useCallback)((key, fromIndex, position) => {
|
|
76
|
+
const item = data[fromIndex];
|
|
77
|
+
if (item === undefined) return undefined;
|
|
78
|
+
return (0, _labels.formatReorderMessage)(key, {
|
|
79
|
+
labels,
|
|
80
|
+
getItemLabel,
|
|
81
|
+
item,
|
|
82
|
+
fromIndex,
|
|
83
|
+
position,
|
|
84
|
+
count: data.length
|
|
85
|
+
});
|
|
86
|
+
}, [data, getItemLabel, labels]);
|
|
87
|
+
const moveItem = (0, _react.useCallback)((fromIndex, toIndex) => {
|
|
88
|
+
if (fromIndex < 0 || fromIndex >= data.length) return;
|
|
89
|
+
const target = Math.min(Math.max(toIndex, 0), data.length - 1);
|
|
90
|
+
if (target === fromIndex) return;
|
|
91
|
+
const message = describe('movedTo', fromIndex, target);
|
|
92
|
+
onReorder((0, _reorderItems.reorderItems)(data, fromIndex, target));
|
|
93
|
+
onReorderIndices?.(fromIndex, target);
|
|
94
|
+
if (message) announce(message);
|
|
95
|
+
}, [announce, data, describe, onReorder, onReorderIndices]);
|
|
96
|
+
|
|
97
|
+
// Stable identity: web's accessibility memo keys off this object. A fresh return every render
|
|
98
|
+
// rebuilds createReorderAnnouncements and clears lastAnnouncedIndex, so pick-up is replaced by
|
|
99
|
+
// "moved to" the current position.
|
|
100
|
+
return (0, _react.useMemo)(() => ({
|
|
101
|
+
labels,
|
|
102
|
+
moveItem,
|
|
103
|
+
describe,
|
|
104
|
+
data
|
|
105
|
+
}), [labels, moveItem, describe, data]);
|
|
106
|
+
}
|
|
107
|
+
function useReorderableRowValue({
|
|
108
|
+
index,
|
|
109
|
+
count,
|
|
110
|
+
isDragging,
|
|
111
|
+
handle,
|
|
112
|
+
labels,
|
|
113
|
+
moveItem
|
|
114
|
+
}) {
|
|
115
|
+
return (0, _react.useMemo)(() => {
|
|
116
|
+
const move = toIndex => moveItem(index, toIndex);
|
|
117
|
+
return {
|
|
118
|
+
isDragging,
|
|
119
|
+
index,
|
|
120
|
+
count,
|
|
121
|
+
move,
|
|
122
|
+
accessibilityActions: buildReorderAccessibilityActions(index, count, labels),
|
|
123
|
+
onAccessibilityAction: event => {
|
|
124
|
+
const target = getReorderActionTarget(event.nativeEvent.actionName, index, count);
|
|
125
|
+
if (target !== undefined) move(target);
|
|
126
|
+
},
|
|
127
|
+
handle
|
|
128
|
+
};
|
|
129
|
+
}, [count, handle, index, isDragging, labels, moveItem]);
|
|
130
|
+
}
|
|
131
|
+
//# sourceMappingURL=useReorder.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_labels","_reorderItems","buildReorderAccessibilityActions","index","count","labels","actions","push","name","label","moveUp","moveToTop","moveDown","moveToBottom","getReorderActionTarget","actionName","undefined","findDuplicateKeys","data","keyExtractor","seen","Set","duplicates","forEach","item","key","has","add","useReorderController","onReorder","onReorderIndices","getItemLabel","labelsProp","announce","useMemo","resolveReorderableListLabels","describe","useCallback","fromIndex","position","formatReorderMessage","length","moveItem","toIndex","target","Math","min","max","message","reorderItems","useReorderableRowValue","isDragging","handle","move","accessibilityActions","onAccessibilityAction","event","nativeEvent"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/useReorder.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createReorderAnnouncements = createReorderAnnouncements;
|
|
7
|
+
exports.resolveDragEnd = resolveDragEnd;
|
|
8
|
+
/** Maps a dnd-kit drop to `data` positions, or `null` when nothing should move. */
|
|
9
|
+
function resolveDragEnd(ids, activeId, overId) {
|
|
10
|
+
if (overId == null || activeId === overId) return null;
|
|
11
|
+
const from = ids.indexOf(String(activeId));
|
|
12
|
+
const to = ids.indexOf(String(overId));
|
|
13
|
+
if (from === -1 || to === -1) return null;
|
|
14
|
+
return {
|
|
15
|
+
from,
|
|
16
|
+
to
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* Position-based dnd-kit announcements. dnd-kit's defaults read the raw draggable ids, which are
|
|
22
|
+
* `keyExtractor` keys — these never mention them.
|
|
23
|
+
*/
|
|
24
|
+
function createReorderAnnouncements(ids, describe) {
|
|
25
|
+
const indexOf = id => id === undefined ? -1 : ids.indexOf(String(id));
|
|
26
|
+
// dnd-kit reports the row's own slot as "over" right after pick-up; skip repeats so the
|
|
27
|
+
// pick-up message is not replaced by "moved to" its current position.
|
|
28
|
+
let lastAnnouncedIndex = -1;
|
|
29
|
+
return {
|
|
30
|
+
onDragStart({
|
|
31
|
+
active
|
|
32
|
+
}) {
|
|
33
|
+
const from = indexOf(active.id);
|
|
34
|
+
lastAnnouncedIndex = from;
|
|
35
|
+
return from === -1 ? undefined : describe('pickedUp', from, from);
|
|
36
|
+
},
|
|
37
|
+
onDragOver({
|
|
38
|
+
active,
|
|
39
|
+
over
|
|
40
|
+
}) {
|
|
41
|
+
const from = indexOf(active.id);
|
|
42
|
+
const to = indexOf(over?.id);
|
|
43
|
+
if (from === -1 || to === -1 || to === lastAnnouncedIndex) return undefined;
|
|
44
|
+
lastAnnouncedIndex = to;
|
|
45
|
+
return describe('movedTo', from, to);
|
|
46
|
+
},
|
|
47
|
+
onDragEnd({
|
|
48
|
+
active,
|
|
49
|
+
over
|
|
50
|
+
}) {
|
|
51
|
+
const from = indexOf(active.id);
|
|
52
|
+
if (from === -1) return undefined;
|
|
53
|
+
const to = indexOf(over?.id);
|
|
54
|
+
return describe('dropped', from, to === -1 ? from : to);
|
|
55
|
+
},
|
|
56
|
+
onDragCancel({
|
|
57
|
+
active
|
|
58
|
+
}) {
|
|
59
|
+
const from = indexOf(active.id);
|
|
60
|
+
return from === -1 ? undefined : describe('cancelled', from, from);
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
}
|
|
64
|
+
//# sourceMappingURL=webDnd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["resolveDragEnd","ids","activeId","overId","from","indexOf","String","to","createReorderAnnouncements","describe","id","undefined","lastAnnouncedIndex","onDragStart","active","onDragOver","over","onDragEnd","onDragCancel"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/webDnd.ts"],"mappings":";;;;;;;AASA;AACO,SAASA,cAAcA,CAC5BC,GAAsB,EACtBC,QAAY,EACZC,MAA6B,EACQ;EACrC,IAAIA,MAAM,IAAI,IAAI,IAAID,QAAQ,KAAKC,MAAM,EAAE,OAAO,IAAI;EACtD,MAAMC,IAAI,GAAGH,GAAG,CAACI,OAAO,CAACC,MAAM,CAACJ,QAAQ,CAAC,CAAC;EAC1C,MAAMK,EAAE,GAAGN,GAAG,CAACI,OAAO,CAACC,MAAM,CAACH,MAAM,CAAC,CAAC;EACtC,IAAIC,IAAI,KAAK,CAAC,CAAC,IAAIG,EAAE,KAAK,CAAC,CAAC,EAAE,OAAO,IAAI;EACzC,OAAO;IAAEH,IAAI;IAAEG;EAAG,CAAC;AACrB;;AAEA;AACA;AACA;AACA;AACO,SAASC,0BAA0BA,CACxCP,GAAsB,EACtBQ,QAA0C,EAC1C;EACA,MAAMJ,OAAO,GAAIK,EAAkB,IAAMA,EAAE,KAAKC,SAAS,GAAG,CAAC,CAAC,GAAGV,GAAG,CAACI,OAAO,CAACC,MAAM,CAACI,EAAE,CAAC,CAAE;EACzF;EACA;EACA,IAAIE,kBAAkB,GAAG,CAAC,CAAC;EAE3B,OAAO;IACLC,WAAWA,CAAC;MAAEC;IAAiC,CAAC,EAAE;MAChD,MAAMV,IAAI,GAAGC,OAAO,CAACS,MAAM,CAACJ,EAAE,CAAC;MAC/BE,kBAAkB,GAAGR,IAAI;MACzB,OAAOA,IAAI,KAAK,CAAC,CAAC,GAAGO,SAAS,GAAGF,QAAQ,CAAC,UAAU,EAAEL,IAAI,EAAEA,IAAI,CAAC;IACnE,CAAC;IACDW,UAAUA,CAAC;MAAED,MAAM;MAAEE;IAAe,CAAC,EAAE;MACrC,MAAMZ,IAAI,GAAGC,OAAO,CAACS,MAAM,CAACJ,EAAE,CAAC;MAC/B,MAAMH,EAAE,GAAGF,OAAO,CAACW,IAAI,EAAEN,EAAE,CAAC;MAC5B,IAAIN,IAAI,KAAK,CAAC,CAAC,IAAIG,EAAE,KAAK,CAAC,CAAC,IAAIA,EAAE,KAAKK,kBAAkB,EAAE,OAAOD,SAAS;MAC3EC,kBAAkB,GAAGL,EAAE;MACvB,OAAOE,QAAQ,CAAC,SAAS,EAAEL,IAAI,EAAEG,EAAE,CAAC;IACtC,CAAC;IACDU,SAASA,CAAC;MAAEH,MAAM;MAAEE;IAAe,CAAC,EAAE;MACpC,MAAMZ,IAAI,GAAGC,OAAO,CAACS,MAAM,CAACJ,EAAE,CAAC;MAC/B,IAAIN,IAAI,KAAK,CAAC,CAAC,EAAE,OAAOO,SAAS;MACjC,MAAMJ,EAAE,GAAGF,OAAO,CAACW,IAAI,EAAEN,EAAE,CAAC;MAC5B,OAAOD,QAAQ,CAAC,SAAS,EAAEL,IAAI,EAAEG,EAAE,KAAK,CAAC,CAAC,GAAGH,IAAI,GAAGG,EAAE,CAAC;IACzD,CAAC;IACDW,YAAYA,CAAC;MAAEJ;IAAiB,CAAC,EAAE;MACjC,MAAMV,IAAI,GAAGC,OAAO,CAACS,MAAM,CAACJ,EAAE,CAAC;MAC/B,OAAON,IAAI,KAAK,CAAC,CAAC,GAAGO,SAAS,GAAGF,QAAQ,CAAC,WAAW,EAAEL,IAAI,EAAEA,IAAI,CAAC;IACpE;EACF,CAAC;AACH","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_uniwind","require","_jsxRuntime","ScopedTheme","props","jsx","exports"],"sourceRoot":"../../../../src","sources":["components/ScopedTheme/index.tsx"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAA4D,IAAAC,WAAA,GAAAD,OAAA;
|
|
1
|
+
{"version":3,"names":["_uniwind","require","_jsxRuntime","ScopedTheme","props","jsx","exports"],"sourceRoot":"../../../../src","sources":["components/ScopedTheme/index.tsx"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAA4D,IAAAC,WAAA,GAAAD,OAAA;AAS5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,WAAW,GAAIC,KAAuB,iBAAK,IAAAF,WAAA,CAAAG,GAAA,EAACL,QAAA,CAAAG,WAAkB;EAAA,GAAKC;AAAK,CAAG,CAAC;AAACE,OAAA,CAAAH,WAAA,GAAAA,WAAA","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getInlineBackgroundImage = getInlineBackgroundImage;
|
|
7
|
+
exports.getWebSurfaceGradientClasses = getWebSurfaceGradientClasses;
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _styles = require("./styles");
|
|
10
|
+
function getWebSurfaceGradientClasses(surface, orientation, edge) {
|
|
11
|
+
const fromClass = _styles.SCROLL_SHADOW_SURFACE_FROM_CLASS[surface];
|
|
12
|
+
if (orientation === 'vertical') {
|
|
13
|
+
return edge === 'start' ? `bg-gradient-to-b ${fromClass} to-transparent` : `bg-gradient-to-t ${fromClass} to-transparent`;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
// ltr:/rtl: so the fade flips with layout direction on the first paint,
|
|
17
|
+
// not after a later scroll re-render.
|
|
18
|
+
return edge === 'start' ? `ltr:bg-gradient-to-r rtl:bg-gradient-to-l ${fromClass} to-transparent` : `ltr:bg-gradient-to-l rtl:bg-gradient-to-r ${fromClass} to-transparent`;
|
|
19
|
+
}
|
|
20
|
+
function getInlineBackgroundImage(color, orientation, edge, isRTL = _reactNative.I18nManager.isRTL) {
|
|
21
|
+
if (orientation === 'vertical') {
|
|
22
|
+
return edge === 'start' ? `linear-gradient(to bottom, ${color}, transparent)` : `linear-gradient(to top, ${color}, transparent)`;
|
|
23
|
+
}
|
|
24
|
+
if (isRTL) {
|
|
25
|
+
return edge === 'start' ? `linear-gradient(to left, ${color}, transparent)` : `linear-gradient(to right, ${color}, transparent)`;
|
|
26
|
+
}
|
|
27
|
+
return edge === 'start' ? `linear-gradient(to right, ${color}, transparent)` : `linear-gradient(to left, ${color}, transparent)`;
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=gradient.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_styles","getWebSurfaceGradientClasses","surface","orientation","edge","fromClass","SCROLL_SHADOW_SURFACE_FROM_CLASS","getInlineBackgroundImage","color","isRTL","I18nManager"],"sourceRoot":"../../../../src","sources":["components/ScrollShadow/gradient.ts"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKO,SAASE,4BAA4BA,CAC1CC,OAA4B,EAC5BC,WAAoC,EACpCC,IAAsB,EACd;EACR,MAAMC,SAAS,GAAGC,wCAAgC,CAACJ,OAAO,CAAC;EAE3D,IAAIC,WAAW,KAAK,UAAU,EAAE;IAC9B,OAAOC,IAAI,KAAK,OAAO,GACnB,oBAAoBC,SAAS,iBAAiB,GAC9C,oBAAoBA,SAAS,iBAAiB;EACpD;;EAEA;EACA;EACA,OAAOD,IAAI,KAAK,OAAO,GACnB,6CAA6CC,SAAS,iBAAiB,GACvE,6CAA6CA,SAAS,iBAAiB;AAC7E;AAEO,SAASE,wBAAwBA,CACtCC,KAAa,EACbL,WAAoC,EACpCC,IAAsB,EACtBK,KAAK,GAAGC,wBAAW,CAACD,KAAK,EACjB;EACR,IAAIN,WAAW,KAAK,UAAU,EAAE;IAC9B,OAAOC,IAAI,KAAK,OAAO,GACnB,8BAA8BI,KAAK,gBAAgB,GACnD,2BAA2BA,KAAK,gBAAgB;EACtD;EAEA,IAAIC,KAAK,EAAE;IACT,OAAOL,IAAI,KAAK,OAAO,GACnB,4BAA4BI,KAAK,gBAAgB,GACjD,6BAA6BA,KAAK,gBAAgB;EACxD;EAEA,OAAOJ,IAAI,KAAK,OAAO,GACnB,6BAA6BI,KAAK,gBAAgB,GAClD,4BAA4BA,KAAK,gBAAgB;AACvD","ignoreList":[]}
|