@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
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { Pressable, Text, View } from 'react-native';
|
|
5
|
-
import { useCSSVariable } from 'uniwind';
|
|
6
5
|
import { dataAttributes, DATE_TIME_LIST_HEIGHT, DATE_TIME_LIST_ITEM_HEIGHT, DateTimeListColumn as DateTimeListColumnPrimitive, DateTimeListRoot as DateTimeListRootPrimitive, mergeDataAttributes, useDateTimeListColumnContext, useDateTimeListContext } from '@cdx-ui/primitives';
|
|
7
6
|
import { getDateTimeSegmentVisibility } from '@cdx-ui/formatters';
|
|
8
7
|
import { cn } from '@cdx-ui/utils';
|
|
9
|
-
import {
|
|
8
|
+
import { ScrollShadow } from '../ScrollShadow';
|
|
9
|
+
import { dateTimeListColumnsVariants, dateTimeListColumnVariants, dateTimeListFadeLayerVariants, dateTimeListHighlightVariants, dateTimeListOptionTextVariants, dateTimeListOptionVariants, dateTimeListRootVariants } from './styles';
|
|
10
10
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
11
|
function DateTimeListDefaultBody() {
|
|
12
12
|
const {
|
|
@@ -24,24 +24,6 @@ function DateTimeListDefaultBody() {
|
|
|
24
24
|
}) : null]
|
|
25
25
|
});
|
|
26
26
|
}
|
|
27
|
-
|
|
28
|
-
/** Cross-platform edge fade (Uniwind gradients are unreliable on native). */
|
|
29
|
-
function EdgeFade({
|
|
30
|
-
edge
|
|
31
|
-
}) {
|
|
32
|
-
const surface = useCSSVariable('--color-surface-primary') || 'transparent';
|
|
33
|
-
const isTop = edge === 'top';
|
|
34
|
-
return /*#__PURE__*/_jsx(View, {
|
|
35
|
-
pointerEvents: "none",
|
|
36
|
-
className: dateTimeListEdgeFadeVariants({
|
|
37
|
-
edge
|
|
38
|
-
}),
|
|
39
|
-
style: {
|
|
40
|
-
height: DATE_TIME_LIST_ITEM_HEIGHT * 1.75,
|
|
41
|
-
experimental_backgroundImage: isTop ? `linear-gradient(to bottom, ${surface}, transparent)` : `linear-gradient(to top, ${surface}, transparent)`
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
27
|
const DateTimeListRoot = /*#__PURE__*/forwardRef(({
|
|
46
28
|
className,
|
|
47
29
|
children,
|
|
@@ -64,13 +46,16 @@ const DateTimeListRoot = /*#__PURE__*/forwardRef(({
|
|
|
64
46
|
top: (DATE_TIME_LIST_HEIGHT - DATE_TIME_LIST_ITEM_HEIGHT) / 2,
|
|
65
47
|
height: DATE_TIME_LIST_ITEM_HEIGHT
|
|
66
48
|
}
|
|
67
|
-
}), /*#__PURE__*/_jsx(
|
|
68
|
-
className:
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
49
|
+
}), /*#__PURE__*/_jsx(ScrollShadow, {
|
|
50
|
+
className: dateTimeListFadeLayerVariants(),
|
|
51
|
+
orientation: "vertical",
|
|
52
|
+
size: "large",
|
|
53
|
+
surface: "primary",
|
|
54
|
+
visibility: "both",
|
|
55
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
56
|
+
className: dateTimeListColumnsVariants(),
|
|
57
|
+
children: children ?? /*#__PURE__*/_jsx(DateTimeListDefaultBody, {})
|
|
58
|
+
})
|
|
74
59
|
})]
|
|
75
60
|
}));
|
|
76
61
|
DateTimeListRoot.displayName = 'DateTimeList';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","Pressable","Text","View","
|
|
1
|
+
{"version":3,"names":["forwardRef","Pressable","Text","View","dataAttributes","DATE_TIME_LIST_HEIGHT","DATE_TIME_LIST_ITEM_HEIGHT","DateTimeListColumn","DateTimeListColumnPrimitive","DateTimeListRoot","DateTimeListRootPrimitive","mergeDataAttributes","useDateTimeListColumnContext","useDateTimeListContext","getDateTimeSegmentVisibility","cn","ScrollShadow","dateTimeListColumnsVariants","dateTimeListColumnVariants","dateTimeListFadeLayerVariants","dateTimeListHighlightVariants","dateTimeListOptionTextVariants","dateTimeListOptionVariants","dateTimeListRootVariants","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DateTimeListDefaultBody","granularity","hour12","showTime","showMinute","showSecond","children","DateTimeListDateColumn","DateTimeListHourColumn","DateTimeListMinuteColumn","DateTimeListSecondColumn","DateTimeListPeriodColumn","className","style","props","ref","height","slot","pointerEvents","top","orientation","size","surface","visibility","displayName","ColumnOption","option","onSelect","column","accessibilityRole","accessibilityLabel","label","accessibilityState","selected","onPress","value","numberOfLines","ColumnShell","DateTimeListTimeColumn","DateTimeList","Object","assign","DateColumn","TimeColumn","PeriodColumn"],"sourceRoot":"../../../../src","sources":["components/DateTimeList/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -38,15 +38,5 @@ export const dateTimeListOptionTextVariants = cva('body-md tabular-nums', {
|
|
|
38
38
|
selected: false
|
|
39
39
|
}
|
|
40
40
|
});
|
|
41
|
-
export const
|
|
42
|
-
variants: {
|
|
43
|
-
edge: {
|
|
44
|
-
top: 'top-0',
|
|
45
|
-
bottom: 'bottom-0'
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
defaultVariants: {
|
|
49
|
-
edge: 'top'
|
|
50
|
-
}
|
|
51
|
-
});
|
|
41
|
+
export const dateTimeListFadeLayerVariants = cva(['h-full', LAYER_EDGE_FADE]);
|
|
52
42
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["cva","LAYER_HIGHLIGHT","LAYER_COLUMNS","LAYER_EDGE_FADE","dateTimeListRootVariants","dateTimeListHighlightVariants","dateTimeListColumnsVariants","dateTimeListColumnVariants","variants","column","date","hour","minute","second","period","defaultVariants","dateTimeListOptionVariants","dateTimeListOptionTextVariants","selected","true","false","
|
|
1
|
+
{"version":3,"names":["cva","LAYER_HIGHLIGHT","LAYER_COLUMNS","LAYER_EDGE_FADE","dateTimeListRootVariants","dateTimeListHighlightVariants","dateTimeListColumnsVariants","dateTimeListColumnVariants","variants","column","date","hour","minute","second","period","defaultVariants","dateTimeListOptionVariants","dateTimeListOptionTextVariants","selected","true","false","dateTimeListFadeLayerVariants"],"sourceRoot":"../../../../src","sources":["components/DateTimeList/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;;AAEtD;AACA;AACA;AACA;AACA,MAAMC,eAAe,GAAG,OAAO;AAC/B,MAAMC,aAAa,GAAG,OAAO;AAC7B,MAAMC,eAAe,GAAG,OAAO;AAE/B,OAAO,MAAMC,wBAAwB,GAAGJ,GAAG,CACzC,yFACF,CAAC;AAED,OAAO,MAAMK,6BAA6B,GAAGL,GAAG,CAAC,CAC/C,yBAAyB,EACzBC,eAAe,EACf,6DAA6D,CAC9D,CAAC;AAEF,OAAO,MAAMK,2BAA2B,GAAGN,GAAG,CAAC,CAACE,aAAa,EAAE,iBAAiB,CAAC,CAAC;AAElF,OAAO,MAAMK,0BAA0B,GAAGP,GAAG,CAAC,SAAS,EAAE;EACvDQ,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,IAAI,EAAE,YAAY;MAClBC,IAAI,EAAE,QAAQ;MACdC,MAAM,EAAE,QAAQ;MAChBC,MAAM,EAAE,QAAQ;MAChBC,MAAM,EAAE;IACV;EACF,CAAC;EACDC,eAAe,EAAE;IAAEN,MAAM,EAAE;EAAO;AACpC,CAAC,CAAC;AAEF,OAAO,MAAMO,0BAA0B,GAAGhB,GAAG,CAAC,yCAAyC,CAAC;AAExF,OAAO,MAAMiB,8BAA8B,GAAGjB,GAAG,CAAC,sBAAsB,EAAE;EACxEQ,QAAQ,EAAE;IACRU,QAAQ,EAAE;MACRC,IAAI,EAAE,oCAAoC;MAC1CC,KAAK,EAAE;IACT;EACF,CAAC;EACDL,eAAe,EAAE;IAAEG,QAAQ,EAAE;EAAM;AACrC,CAAC,CAAC;AAEF,OAAO,MAAMG,6BAA6B,GAAGrB,GAAG,CAAC,CAAC,QAAQ,EAAEG,eAAe,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","memo","Text","cn","headingStyle","jsx","_jsx","sizeToLevel","xl","lg","md","sm","xs","Heading","className","size","props","ref","role","displayName"],"sourceRoot":"../../../../src","sources":["components/Heading/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAA0D,OAAO;AAC1F,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,YAAY,QAAkC,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElE,MAAMC,WAAW,GAAG;EAClBC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE;AACN,CAAU;
|
|
1
|
+
{"version":3,"names":["forwardRef","memo","Text","cn","headingStyle","jsx","_jsx","sizeToLevel","xl","lg","md","sm","xs","Heading","className","size","props","ref","role","displayName"],"sourceRoot":"../../../../src","sources":["components/Heading/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAA0D,OAAO;AAC1F,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,YAAY,QAAkC,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElE,MAAMC,WAAW,GAAG;EAClBC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE;AACN,CAAU;AAgBV,OAAO,MAAMC,OAAO,gBAAGZ,IAAI,cACzBD,UAAU,CAA0C,SAASa,OAAOA,CAClE;EAAEC,SAAS;EAAEC,IAAI,GAAG,IAAI;EAAE,GAAGC;AAAM,CAAC,EACpCC,GAAG,EACH;EACA,oBACEX,IAAA,CAACJ,IAAI;IACHgB,IAAI,EAAC,SAAS;IACd,cAAYX,WAAW,CAACQ,IAAI,IAAI,IAAI,CAAE;IACtCD,SAAS,EAAEX,EAAE,CAACC,YAAY,CAAC;MAAEW;IAAK,CAAC,CAAC,EAAED,SAAS,CAAE;IAAA,GAC7CE,KAAK;IACTC,GAAG,EAAEA;EAAI,CACV,CAAC;AAEN,CAAC,CACH,CAAC;AAEDJ,OAAO,CAACM,WAAW,GAAG,SAAS","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","withUniwind","cn","CONTENT_COLOR","iconStyle","jsx","_jsx","IconImpl","as","IconComponent","props","StyledIcon","size","fromClassName","styleProperty","color","hasWarnedIconRawColor","isIconColor","Object","prototype","hasOwnProperty","call","Icon","className","isSemantic","semanticColor","rawColor","undefined","__DEV__","console","warn","keys","join"],"sourceRoot":"../../../../src","sources":["components/Icon/index.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,WAAW,QAAQ,SAAS;AACrC,SAASC,EAAE,QAAQ,eAAe;AAElC,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,SAAS,QAA+B,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["useEffect","withUniwind","cn","CONTENT_COLOR","iconStyle","jsx","_jsx","IconImpl","as","IconComponent","props","StyledIcon","size","fromClassName","styleProperty","color","hasWarnedIconRawColor","isIconColor","Object","prototype","hasOwnProperty","call","Icon","className","isSemantic","semanticColor","rawColor","undefined","__DEV__","console","warn","keys","join"],"sourceRoot":"../../../../src","sources":["components/Icon/index.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,WAAW,QAAQ,SAAS;AACrC,SAASC,EAAE,QAAQ,eAAe;AAElC,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,SAAS,QAA+B,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAuB5D,SAASC,QAAQA,CAAC;EAAEC,EAAE,EAAEC,aAAa;EAAE,GAAGC;AAAqB,CAAC,EAAE;EAChE,oBAAOJ,IAAA,CAACG,aAAa;IAAA,GAAKC;EAAK,CAAG,CAAC;AACrC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAGV,WAAW,CAACA,WAAW,CAACM,QAAQ,CAAC,EAAE;EACpDK,IAAI,EAAE;IACJC,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACjB,CAAC;EACDC,KAAK,EAAE;IACLF,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIE,qBAAqB,GAAG,KAAK;AAEjC,SAASC,WAAWA,CAACF,KAAsC,EAAsB;EAC/E,OAAO,OAAOA,KAAK,KAAK,QAAQ,IAAIG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAAClB,aAAa,EAAEY,KAAK,CAAC;AAChG;AAEA,OAAO,SAASO,IAAIA,CAAC;EAAEd,EAAE,EAAEC,aAAa;EAAEM,KAAK,GAAG,SAAS;EAAEQ,SAAS;EAAE,GAAGb;AAAiB,CAAC,EAAE;EAC7F,MAAMc,UAAU,GAAGP,WAAW,CAACF,KAAK,CAAC;EACrC,MAAMU,aAAa,GAAGD,UAAU,GAAGT,KAAK,GAAG,IAAI;EAC/C,MAAMW,QAAQ,GAAGF,UAAU,GAAGG,SAAS,GAAGZ,KAAK;EAE/Cf,SAAS,CAAC,MAAM;IACd,IAAI4B,OAAO,IAAIF,QAAQ,KAAKC,SAAS,IAAI,CAACX,qBAAqB,EAAE;MAC/DA,qBAAqB,GAAG,IAAI;MAC5Ba,OAAO,CAACC,IAAI,CACV,2HAA2HZ,MAAM,CAACa,IAAI,CAAC5B,aAAa,CAAC,CAAC6B,IAAI,CAAC,IAAI,CAAC,YAClK,CAAC;IACH;EACF,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;;EAEd;EACA;EACA,oBACEpB,IAAA,CAACK,UAAU;IACTH,EAAE,EAAEC,aAAc;IAClBc,SAAS,EAAErB,EAAE,CAACE,SAAS,CAAC;MAAEW,KAAK,EAAEU;IAAc,CAAC,CAAC,EAAEF,SAAS,CAAE;IAC9DR,KAAK,EAAEW,QAAS;IAAA,GACZhB;EAAK,CACV,CAAC;AAEN","ignoreList":[]}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef, useMemo } from 'react';
|
|
4
|
-
import { Text, View } from 'react-native';
|
|
3
|
+
import { Children, createContext, forwardRef, isValidElement, useContext, useEffect, useMemo } from 'react';
|
|
4
|
+
import { Platform, Text, View } from 'react-native';
|
|
5
|
+
import { DragIndicator } from '@cdx-ui/icons';
|
|
5
6
|
import { ListItemRoot as ListItemRootPrimitive, Slot, dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
|
|
6
|
-
import { cn, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
|
|
7
|
-
import {
|
|
7
|
+
import { cn, composeEventHandlers, mergeRefs, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
|
|
8
|
+
import { Icon } from '../Icon';
|
|
9
|
+
import { useReorderableRow } from '../ReorderableList/rowContext';
|
|
10
|
+
import { listItemContentVariants, listItemDescriptionVariants, listItemDragHandleVariants, listItemLeadingSlotVariants, listItemMetaVariants, listItemPressableRegionVariants, listItemRootVariants, listItemSectionHeaderLabelVariants, listItemSectionHeaderVariants, listItemTitleVariants, listItemTrailingSlotVariants } from './styles';
|
|
8
11
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
12
|
const SCOPE = 'LIST_ITEM';
|
|
10
13
|
const useListItemStyleContext = () => {
|
|
@@ -18,12 +21,43 @@ const useListItemStyleContext = () => {
|
|
|
18
21
|
// ROOT
|
|
19
22
|
// =============================================================================
|
|
20
23
|
|
|
24
|
+
/**
|
|
25
|
+
* `true` inside a pressable row's interactive element. `ListItem.DragHandle` reads it to warn when it
|
|
26
|
+
* is nested there instead of being a direct child of the row.
|
|
27
|
+
*/
|
|
28
|
+
const ListItemPressableContext = /*#__PURE__*/createContext(false);
|
|
29
|
+
/** Finds a direct-child `ListItem.DragHandle` (matched by identity) of a pressable row. */
|
|
30
|
+
function partitionDragHandle(children) {
|
|
31
|
+
const items = Children.toArray(children);
|
|
32
|
+
const handleIndexes = [];
|
|
33
|
+
items.forEach((child, index) => {
|
|
34
|
+
if (/*#__PURE__*/isValidElement(child) && child.type === ListItemDragHandle) handleIndexes.push(index);
|
|
35
|
+
});
|
|
36
|
+
if (handleIndexes.length === 0) return undefined;
|
|
37
|
+
const [first] = handleIndexes;
|
|
38
|
+
return {
|
|
39
|
+
handle: items[first],
|
|
40
|
+
position: first === 0 ? 'start' : 'end',
|
|
41
|
+
rest: items.filter((_, index) => !handleIndexes.includes(index)),
|
|
42
|
+
misplaced: first !== 0 && first !== items.length - 1,
|
|
43
|
+
extra: handleIndexes.length > 1
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
let hasWarnedDragHandlePlacement = false;
|
|
47
|
+
/**
|
|
48
|
+
* A pressable row (`onPress`, or `asChild`) with a `ListItem.DragHandle` as its first or last
|
|
49
|
+
* direct child renders the handle beside the pressable element instead of inside it. The handle
|
|
50
|
+
* is matched by identity, so a `memo()` or wrapper component around it is not recognized. Under
|
|
51
|
+
* `asChild`, pass the handle and the single interactive element as siblings:
|
|
52
|
+
* `<ListItem asChild><ListItem.DragHandle /><Link>…</Link></ListItem>`.
|
|
53
|
+
*/
|
|
21
54
|
const ListItemRoot = /*#__PURE__*/forwardRef(({
|
|
22
55
|
size = 'default',
|
|
23
56
|
showSeparator = true,
|
|
24
57
|
crossAlign: crossAlignProp = 'center',
|
|
25
58
|
className,
|
|
26
59
|
style,
|
|
60
|
+
children,
|
|
27
61
|
...props
|
|
28
62
|
}, ref) => {
|
|
29
63
|
const crossAlign = crossAlignProp ?? 'center';
|
|
@@ -34,22 +68,50 @@ const ListItemRoot = /*#__PURE__*/forwardRef(({
|
|
|
34
68
|
crossAlign
|
|
35
69
|
}
|
|
36
70
|
}), [parent, crossAlign]);
|
|
71
|
+
const isDragging = useReorderableRow()?.isDragging ?? false;
|
|
72
|
+
const isPressable = props.onPress != null || !!props.asChild;
|
|
73
|
+
const partition = isPressable ? partitionDragHandle(children) : undefined;
|
|
74
|
+
const misplacedHandle = !!partition && (partition.misplaced || partition.extra);
|
|
75
|
+
useEffect(() => {
|
|
76
|
+
if (__DEV__ && misplacedHandle && !hasWarnedDragHandlePlacement) {
|
|
77
|
+
hasWarnedDragHandlePlacement = true;
|
|
78
|
+
console.warn('[ListItem] Place one ListItem.DragHandle as the first or last child of a pressable ListItem. A handle elsewhere is moved to the end, and extra handles are dropped.');
|
|
79
|
+
}
|
|
80
|
+
}, [misplacedHandle]);
|
|
37
81
|
const computedClassName = cn(listItemRootVariants({
|
|
38
82
|
size,
|
|
39
83
|
showSeparator,
|
|
40
84
|
crossAlign
|
|
41
85
|
}), className);
|
|
86
|
+
const splitProps = partition && {
|
|
87
|
+
accessory: /*#__PURE__*/_jsx(ListItemPressableContext.Provider, {
|
|
88
|
+
value: false,
|
|
89
|
+
children: partition.handle
|
|
90
|
+
}),
|
|
91
|
+
accessoryPosition: partition.position,
|
|
92
|
+
pressableClassName: listItemPressableRegionVariants({
|
|
93
|
+
size: size ?? 'default',
|
|
94
|
+
handlePosition: partition.position
|
|
95
|
+
})
|
|
96
|
+
};
|
|
97
|
+
const regionChildren = partition && props.asChild && partition.rest.length === 1 ? partition.rest[0] : partition?.rest;
|
|
42
98
|
return /*#__PURE__*/_jsx(ParentContext.Provider, {
|
|
43
99
|
value: ctx,
|
|
44
|
-
children: /*#__PURE__*/_jsx(
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
100
|
+
children: /*#__PURE__*/_jsx(ListItemPressableContext.Provider, {
|
|
101
|
+
value: isPressable,
|
|
102
|
+
children: /*#__PURE__*/_jsx(ListItemRootPrimitive, {
|
|
103
|
+
ref: ref,
|
|
104
|
+
className: computedClassName,
|
|
105
|
+
crossAlign: crossAlign,
|
|
106
|
+
style: style,
|
|
107
|
+
...props,
|
|
108
|
+
...splitProps,
|
|
109
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
110
|
+
slot: 'list-item',
|
|
111
|
+
dragging: isDragging
|
|
112
|
+
})),
|
|
113
|
+
children: partition ? regionChildren : children
|
|
114
|
+
})
|
|
53
115
|
})
|
|
54
116
|
});
|
|
55
117
|
});
|
|
@@ -195,6 +257,92 @@ const ListItemTrailingSlot = /*#__PURE__*/forwardRef(({
|
|
|
195
257
|
});
|
|
196
258
|
});
|
|
197
259
|
ListItemTrailingSlot.displayName = 'ListItem.TrailingSlot';
|
|
260
|
+
function DefaultDragHandleGrip() {
|
|
261
|
+
return /*#__PURE__*/_jsx(Icon, {
|
|
262
|
+
as: DragIndicator,
|
|
263
|
+
className: "size-5 text-content-secondary"
|
|
264
|
+
});
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
/**
|
|
268
|
+
* Screen reader hint for the default handle. Web omits it: react-native-web drops
|
|
269
|
+
* `accessibilityHint`, and dnd-kit describes the keyboard controls through `aria-describedby`.
|
|
270
|
+
*/
|
|
271
|
+
const DEFAULT_DRAG_HANDLE_HINT = Platform.select({
|
|
272
|
+
ios: 'Drag to reorder, or swipe up or down to choose a move action.',
|
|
273
|
+
android: 'Drag to reorder, or open the actions menu to move this item.',
|
|
274
|
+
default: undefined
|
|
275
|
+
});
|
|
276
|
+
const dragHandleOuterStyle = {
|
|
277
|
+
flexShrink: 0
|
|
278
|
+
};
|
|
279
|
+
let hasWarnedDragHandleOutsideList = false;
|
|
280
|
+
let hasWarnedNestedDragHandle = false;
|
|
281
|
+
/**
|
|
282
|
+
* Drag activator for a row rendered by `ReorderableList`. Renders `null` outside a list. On a
|
|
283
|
+
* pressable `ListItem`, place it as the first or last direct child so it sits beside the row's
|
|
284
|
+
* pressable element rather than inside it.
|
|
285
|
+
*/
|
|
286
|
+
const ListItemDragHandle = /*#__PURE__*/forwardRef(({
|
|
287
|
+
asChild,
|
|
288
|
+
className,
|
|
289
|
+
style,
|
|
290
|
+
children,
|
|
291
|
+
accessibilityLabel = 'Reorder',
|
|
292
|
+
accessibilityHint,
|
|
293
|
+
accessibilityActions,
|
|
294
|
+
onAccessibilityAction,
|
|
295
|
+
...props
|
|
296
|
+
}, ref) => {
|
|
297
|
+
const row = useReorderableRow();
|
|
298
|
+
const insidePressable = useContext(ListItemPressableContext);
|
|
299
|
+
const isOutsideList = row === null;
|
|
300
|
+
useEffect(() => {
|
|
301
|
+
if (!__DEV__) return;
|
|
302
|
+
if (isOutsideList && !hasWarnedDragHandleOutsideList) {
|
|
303
|
+
hasWarnedDragHandleOutsideList = true;
|
|
304
|
+
console.warn('[ListItem.DragHandle] Rendered outside a ReorderableList row, so it renders nothing. Use it inside ReorderableList renderItem.');
|
|
305
|
+
}
|
|
306
|
+
if (insidePressable && !hasWarnedNestedDragHandle) {
|
|
307
|
+
hasWarnedNestedDragHandle = true;
|
|
308
|
+
console.warn("[ListItem.DragHandle] Nested inside a pressable ListItem, so it is part of the row's pressable element. Make it the first or last direct child of ListItem so it renders beside it.");
|
|
309
|
+
}
|
|
310
|
+
}, [isOutsideList, insidePressable]);
|
|
311
|
+
const handleRef = row?.handle.ref;
|
|
312
|
+
const hostRef = useMemo(() => mergeRefs(ref, handleRef), [ref, handleRef]);
|
|
313
|
+
if (!row) return null;
|
|
314
|
+
const {
|
|
315
|
+
handle
|
|
316
|
+
} = row;
|
|
317
|
+
const handleProps = {
|
|
318
|
+
...handle.props,
|
|
319
|
+
accessible: true,
|
|
320
|
+
accessibilityRole: 'button',
|
|
321
|
+
accessibilityLabel,
|
|
322
|
+
accessibilityHint: accessibilityHint ?? (row.accessibilityActions.length > 0 ? DEFAULT_DRAG_HANDLE_HINT : undefined),
|
|
323
|
+
accessibilityActions: [...row.accessibilityActions, ...(accessibilityActions ?? [])],
|
|
324
|
+
onAccessibilityAction: composeEventHandlers(onAccessibilityAction, row.onAccessibilityAction),
|
|
325
|
+
className: cn(listItemDragHandleVariants(), className),
|
|
326
|
+
...props,
|
|
327
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
328
|
+
slot: 'list-item-drag-handle'
|
|
329
|
+
})),
|
|
330
|
+
style: [handle.props.style, style]
|
|
331
|
+
};
|
|
332
|
+
if (asChild) {
|
|
333
|
+
return handle.wrap(/*#__PURE__*/_jsx(Slot, {
|
|
334
|
+
ref: hostRef,
|
|
335
|
+
...handleProps,
|
|
336
|
+
children: children
|
|
337
|
+
}), dragHandleOuterStyle);
|
|
338
|
+
}
|
|
339
|
+
return handle.wrap(/*#__PURE__*/_jsx(View, {
|
|
340
|
+
ref: hostRef,
|
|
341
|
+
...handleProps,
|
|
342
|
+
children: children ?? /*#__PURE__*/_jsx(DefaultDragHandleGrip, {})
|
|
343
|
+
}), dragHandleOuterStyle);
|
|
344
|
+
});
|
|
345
|
+
ListItemDragHandle.displayName = 'ListItem.DragHandle';
|
|
198
346
|
const wrapSectionHeaderLabel = children => {
|
|
199
347
|
if (typeof children === 'string' || typeof children === 'number') {
|
|
200
348
|
return /*#__PURE__*/_jsx(Text, {
|
|
@@ -270,6 +418,7 @@ ListItemSectionHeader.displayName = 'ListItem.SectionHeader';
|
|
|
270
418
|
|
|
271
419
|
export const ListItem = Object.assign(ListItemRoot, {
|
|
272
420
|
LeadingSlot: ListItemLeadingSlot,
|
|
421
|
+
DragHandle: ListItemDragHandle,
|
|
273
422
|
Content: ListItemContent,
|
|
274
423
|
Title: ListItemTitle,
|
|
275
424
|
Description: ListItemDescription,
|
|
@@ -277,5 +426,5 @@ export const ListItem = Object.assign(ListItemRoot, {
|
|
|
277
426
|
TrailingSlot: ListItemTrailingSlot,
|
|
278
427
|
SectionHeader: ListItemSectionHeader
|
|
279
428
|
});
|
|
280
|
-
export { listItemContentVariants, listItemDescriptionVariants, listItemLeadingSlotVariants, listItemMetaVariants, listItemRootVariants, listItemSectionHeaderLabelVariants, listItemSectionHeaderVariants, listItemTitleVariants, listItemTrailingSlotVariants } from './styles';
|
|
429
|
+
export { listItemContentVariants, listItemDescriptionVariants, listItemDragHandleVariants, listItemLeadingSlotVariants, listItemMetaVariants, listItemPressableRegionVariants, listItemRootVariants, listItemSectionHeaderLabelVariants, listItemSectionHeaderVariants, listItemTitleVariants, listItemTrailingSlotVariants } from './styles';
|
|
281
430
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useMemo","Text","View","ListItemRoot","ListItemRootPrimitive","Slot","dataAttributes","mergeDataAttributes","cn","ParentContext","useParentContext","useStyleContext","listItemContentVariants","listItemDescriptionVariants","listItemLeadingSlotVariants","listItemMetaVariants","listItemRootVariants","listItemSectionHeaderLabelVariants","listItemSectionHeaderVariants","listItemTitleVariants","listItemTrailingSlotVariants","jsx","_jsx","jsxs","_jsxs","SCOPE","useListItemStyleContext","ctx","crossAlign","size","showSeparator","crossAlignProp","className","style","props","ref","parent","computedClassName","Provider","value","children","slot","displayName","leadingSlotStyle","flexShrink","ListItemLeadingSlot","asChild","ariaHidden","accessibilityElementsHidden","Comp","contentStyle","flex","flexDirection","minWidth","ListItemContent","ListItemTitle","numberOfLines","ListItemDescription","ListItemMeta","ListItemTrailingSlot","wrapSectionHeaderLabel","sectionHeaderRow","alignItems","justifyContent","gap","sectionHeaderLabelCell","alignSelf","sectionHeaderTrailingCell","ListItemSectionHeader","variant","showDivider","trailing","accessibilityRole","divider","ListItem","Object","assign","LeadingSlot","Content","Title","Description","Meta","TrailingSlot","SectionHeader"],"sourceRoot":"../../../../src","sources":["components/ListItem/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["Children","createContext","forwardRef","isValidElement","useContext","useEffect","useMemo","Platform","Text","View","DragIndicator","ListItemRoot","ListItemRootPrimitive","Slot","dataAttributes","mergeDataAttributes","cn","composeEventHandlers","mergeRefs","ParentContext","useParentContext","useStyleContext","Icon","useReorderableRow","listItemContentVariants","listItemDescriptionVariants","listItemDragHandleVariants","listItemLeadingSlotVariants","listItemMetaVariants","listItemPressableRegionVariants","listItemRootVariants","listItemSectionHeaderLabelVariants","listItemSectionHeaderVariants","listItemTitleVariants","listItemTrailingSlotVariants","jsx","_jsx","jsxs","_jsxs","SCOPE","useListItemStyleContext","ctx","crossAlign","ListItemPressableContext","partitionDragHandle","children","items","toArray","handleIndexes","forEach","child","index","type","ListItemDragHandle","push","length","undefined","first","handle","position","rest","filter","_","includes","misplaced","extra","hasWarnedDragHandlePlacement","size","showSeparator","crossAlignProp","className","style","props","ref","parent","isDragging","isPressable","onPress","asChild","partition","misplacedHandle","__DEV__","console","warn","computedClassName","splitProps","accessory","Provider","value","accessoryPosition","pressableClassName","handlePosition","regionChildren","slot","dragging","displayName","leadingSlotStyle","flexShrink","ListItemLeadingSlot","ariaHidden","accessibilityElementsHidden","Comp","contentStyle","flex","flexDirection","minWidth","ListItemContent","ListItemTitle","numberOfLines","ListItemDescription","ListItemMeta","ListItemTrailingSlot","DefaultDragHandleGrip","as","DEFAULT_DRAG_HANDLE_HINT","select","ios","android","default","dragHandleOuterStyle","hasWarnedDragHandleOutsideList","hasWarnedNestedDragHandle","accessibilityLabel","accessibilityHint","accessibilityActions","onAccessibilityAction","row","insidePressable","isOutsideList","handleRef","hostRef","handleProps","accessible","accessibilityRole","wrap","wrapSectionHeaderLabel","sectionHeaderRow","alignItems","justifyContent","gap","sectionHeaderLabelCell","alignSelf","sectionHeaderTrailingCell","ListItemSectionHeader","variant","showDivider","trailing","divider","ListItem","Object","assign","LeadingSlot","DragHandle","Content","Title","Description","Meta","TrailingSlot","SectionHeader"],"sourceRoot":"../../../../src","sources":["components/ListItem/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -20,6 +20,12 @@ export const listItemRootVariants = cva(['relative flex-row self-stretch w-full
|
|
|
20
20
|
// Pressed wins over hover via the compound selector (higher specificity), mirroring Button.
|
|
21
21
|
'data-[active=true]:data-[hover=true]:before:opacity-[var(--opacity-hover-overlay)]', 'data-[focus-visible=true]:before:opacity-[var(--opacity-selected)]', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-stroke-focus data-[focus-visible=true]:ring-offset-2'].join(' '),
|
|
22
22
|
default: 'data-[active=true]:bg-surface-primary-hover'
|
|
23
|
+
}), 'data-[dragging=true]:bg-surface-secondary',
|
|
24
|
+
// Native: changing the dragged row's zIndex mid-drag cancels the handle's pan on Fabric iOS;
|
|
25
|
+
// the drag engine stacks the active row itself.
|
|
26
|
+
Platform.select({
|
|
27
|
+
web: 'data-[dragging=true]:z-20',
|
|
28
|
+
default: ''
|
|
23
29
|
})], {
|
|
24
30
|
variants: {
|
|
25
31
|
size: {
|
|
@@ -45,6 +51,34 @@ export const listItemRootVariants = cva(['relative flex-row self-stretch w-full
|
|
|
45
51
|
}
|
|
46
52
|
});
|
|
47
53
|
|
|
54
|
+
// ── Pressable region (pressable row with a direct-child DragHandle) ─────────
|
|
55
|
+
//
|
|
56
|
+
// The root becomes a non-interactive container and keeps every visual above: the primitive
|
|
57
|
+
// mirrors the region's hover/active/focus state onto it, so the overlay, focus ring, and native
|
|
58
|
+
// tint still span the whole row. The region itself is transparent; negative margins extend it
|
|
59
|
+
// over the container's padding (and the gap beside the handle) so the hit area matches a row
|
|
60
|
+
// without a handle. A consumer `className` that changes the row's padding is not mirrored here.
|
|
61
|
+
|
|
62
|
+
export const listItemPressableRegionVariants = cva(['relative flex-1 min-w-0 flex-row self-stretch gap-3 bg-transparent', Platform.select({
|
|
63
|
+
web: 'outline-none',
|
|
64
|
+
default: ''
|
|
65
|
+
})], {
|
|
66
|
+
variants: {
|
|
67
|
+
size: {
|
|
68
|
+
default: '-my-3 py-3',
|
|
69
|
+
compact: '-my-2 py-2'
|
|
70
|
+
},
|
|
71
|
+
handlePosition: {
|
|
72
|
+
start: '-ms-3 ps-3 -me-5 pe-5',
|
|
73
|
+
end: '-ms-5 ps-5 -me-3 pe-3'
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
defaultVariants: {
|
|
77
|
+
size: 'default',
|
|
78
|
+
handlePosition: 'start'
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
|
|
48
82
|
// ── Leading / trailing slots ─────────────────────────────────────────────────
|
|
49
83
|
|
|
50
84
|
export const listItemLeadingSlotVariants = cva(['relative z-10 flex shrink-0 items-center justify-center']);
|
|
@@ -59,6 +93,7 @@ export const listItemTrailingSlotVariants = cva(['relative z-10 flex shrink-0 fl
|
|
|
59
93
|
crossAlign: 'center'
|
|
60
94
|
}
|
|
61
95
|
});
|
|
96
|
+
export const listItemDragHandleVariants = cva(['relative z-10 flex shrink-0 self-stretch items-center justify-center', 'web:cursor-grab web:active:cursor-grabbing']);
|
|
62
97
|
|
|
63
98
|
// ── Content stack (title / description / meta) ───────────────────────────────
|
|
64
99
|
|
|
@@ -87,7 +122,8 @@ export const listItemSectionHeaderVariants = cva(['flex-row items-center justify
|
|
|
87
122
|
variant: {
|
|
88
123
|
ghost: [],
|
|
89
124
|
// The fill separates the header from its rows, so the bottom border is dropped.
|
|
90
|
-
subtle: 'bg-surface-neutral-subtle border-b-0'
|
|
125
|
+
subtle: 'bg-surface-neutral-subtle border-b-0',
|
|
126
|
+
gradient: 'bg-gradient-to-r from-surface-primary to-surface-brand-tint'
|
|
91
127
|
},
|
|
92
128
|
showDivider: {
|
|
93
129
|
true: ['border-t-4 border-solid border-t-surface-brand-strong/40', 'border-x-0'],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","cva","TRANSITION_COLORS","listItemRootVariants","select","web","join","default","variants","size","compact","showSeparator","true","false","crossAlign","center","start","defaultVariants","listItemLeadingSlotVariants","listItemTrailingSlotVariants","listItemContentVariants","listItemTitleVariants","listItemDescriptionVariants","listItemMetaVariants","listItemSectionHeaderVariants","variant","ghost","subtle","showDivider","listItemSectionHeaderLabelVariants"],"sourceRoot":"../../../../src","sources":["components/ListItem/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,eAAe;AACtD,SAASC,iBAAiB,QAAQ,wBAAwB;;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMC,oBAAoB,GAAGF,GAAG,CACrC,CACE,yEAAyE,EACzE,iGAAiG,EACjGC,iBAAiB,EACjBF,QAAQ,CAACI,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,cAAc,EACd,0HAA0H,EAC1H,+DAA+D,EAC/D,yDAAyD;EACzD;EACA,oFAAoF,EACpF,oEAAoE,EACpE,sHAAsH,CACvH,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,
|
|
1
|
+
{"version":3,"names":["Platform","cva","TRANSITION_COLORS","listItemRootVariants","select","web","join","default","variants","size","compact","showSeparator","true","false","crossAlign","center","start","defaultVariants","listItemPressableRegionVariants","handlePosition","end","listItemLeadingSlotVariants","listItemTrailingSlotVariants","listItemDragHandleVariants","listItemContentVariants","listItemTitleVariants","listItemDescriptionVariants","listItemMetaVariants","listItemSectionHeaderVariants","variant","ghost","subtle","gradient","showDivider","listItemSectionHeaderLabelVariants"],"sourceRoot":"../../../../src","sources":["components/ListItem/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,6 +5,7 @@ import { Platform, ScrollView, Text, View } from 'react-native';
|
|
|
5
5
|
import { Check } from '@cdx-ui/icons';
|
|
6
6
|
import { MenuCheckboxItem as MenuCheckboxItemPrimitive, MenuItem as MenuItemPrimitive, MenuItemAction as MenuItemActionPrimitive, MenuOverlayRoot as MenuOverlayRootPrimitive, MenuPopup as MenuPopupPrimitive, MenuRadioGroup as MenuRadioGroupPrimitive, MenuRadioItem as MenuRadioItemPrimitive, MenuRoot as MenuRootPrimitive, MenuTrigger as MenuTriggerPrimitive, Slot, dataAttributes, mergeDataAttributes, useOptionalMenuItemContext, useOptionalMenuPopupContext } from '@cdx-ui/primitives';
|
|
7
7
|
import { cn, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
|
|
8
|
+
import { ScrollShadow } from '../ScrollShadow';
|
|
8
9
|
import { Icon } from '../Icon';
|
|
9
10
|
import { checkboxIconVariants, checkboxIndicatorVariants } from '../Checkbox/styles';
|
|
10
11
|
import { radioIndicatorVariants, radioInnerDotVariants } from '../Radio/styles';
|
|
@@ -143,12 +144,17 @@ const MenuContent = /*#__PURE__*/forwardRef(({
|
|
|
143
144
|
}), props) : mergeDataAttributes(props, dataAttributes({
|
|
144
145
|
slot: 'menu-content'
|
|
145
146
|
}));
|
|
146
|
-
const content = shouldScroll ? /*#__PURE__*/_jsx(
|
|
147
|
+
const content = shouldScroll ? /*#__PURE__*/_jsx(ScrollShadow, {
|
|
147
148
|
className: "shrink",
|
|
148
|
-
style:
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
149
|
+
style: constrainedStyle,
|
|
150
|
+
surface: "primary",
|
|
151
|
+
children: /*#__PURE__*/_jsx(ScrollView, {
|
|
152
|
+
className: "shrink",
|
|
153
|
+
style: [MENU_SCROLL_STYLE, constrainedStyle],
|
|
154
|
+
scrollEventThrottle: 16,
|
|
155
|
+
nestedScrollEnabled: true,
|
|
156
|
+
children: children
|
|
157
|
+
})
|
|
152
158
|
}) : children;
|
|
153
159
|
return /*#__PURE__*/_jsx(MenuRootPrimitive, {
|
|
154
160
|
ref: ref,
|