@lumx/react 3.10.1-alpha.2 → 3.10.1-alpha.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/_internal/{8d67e1e3.d.ts → index.d.ts} +1 -1
- package/_internal/index.js +99 -0
- package/_internal/index.js.map +1 -0
- package/index.d.ts +3000 -66
- package/index.js +14561 -64
- package/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/button/Button.tsx +4 -5
- package/src/components/button/ButtonRoot.tsx +1 -3
- package/src/components/chip/Chip.tsx +7 -11
- package/src/components/date-picker/DatePickerControlled.tsx +1 -1
- package/src/components/dialog/Dialog.tsx +1 -1
- package/src/components/expansion-panel/ExpansionPanel.test.tsx +2 -2
- package/src/components/expansion-panel/ExpansionPanel.tsx +14 -18
- package/src/components/flex-box/FlexBox.tsx +1 -1
- package/src/components/generic-block/GenericBlock.tsx +6 -7
- package/src/components/generic-block/constants.ts +9 -4
- package/src/components/grid-column/GridColumn.tsx +1 -2
- package/src/components/image-lightbox/internal/ImageSlide.tsx +2 -2
- package/src/components/image-lightbox/internal/ImageSlideshow.tsx +4 -8
- package/src/components/image-lightbox/useImageLightbox.tsx +3 -4
- package/src/components/link/Link.tsx +3 -5
- package/src/components/list/ListItem.tsx +2 -3
- package/src/components/list/useInteractiveList.tsx +1 -2
- package/src/components/mosaic/Mosaic.test.tsx +3 -3
- package/src/components/mosaic/Mosaic.tsx +2 -3
- package/src/components/navigation/Navigation.tsx +42 -37
- package/src/components/navigation/NavigationSection.tsx +76 -79
- package/src/components/notification/Notification.tsx +1 -5
- package/src/components/popover/usePopoverStyle.tsx +3 -1
- package/src/components/popover/useRestoreFocusOnClose.tsx +1 -1
- package/src/components/popover-dialog/PopoverDialog.test.tsx +1 -1
- package/src/components/post-block/PostBlock.tsx +4 -8
- package/src/components/progress-tracker/ProgressTracker.stories.tsx +11 -11
- package/src/components/select/Select.stories.tsx +14 -5
- package/src/components/select/Select.test.tsx +2 -2
- package/src/components/select/Select.tsx +1 -2
- package/src/components/select/SelectMultiple.stories.tsx +12 -10
- package/src/components/side-navigation/SideNavigationItem.tsx +1 -1
- package/src/components/slideshow/Slides.tsx +1 -1
- package/src/components/slideshow/SlideshowControls.tsx +1 -1
- package/src/components/slideshow/useSlideFocusManagement.tsx +1 -1
- package/src/components/switch/Switch.tsx +1 -2
- package/src/components/tabs/Tabs.stories.tsx +3 -4
- package/src/components/text-field/TextField.test.tsx +4 -4
- package/src/components/text-field/TextField.tsx +2 -3
- package/src/components/tooltip/Tooltip.test.tsx +2 -2
- package/src/components/tooltip/useTooltipOpen.tsx +3 -3
- package/src/components/user-block/UserBlock.tsx +7 -9
- package/src/hooks/useCallbackOnEscape.ts +1 -1
- package/src/hooks/useClickAway.tsx +1 -2
- package/src/hooks/useFocusTrap.ts +1 -1
- package/src/hooks/useInterval.tsx +1 -4
- package/src/hooks/useKeyboardListNavigation.tsx +2 -4
- package/src/hooks/useSizeOnWindowResize.ts +14 -10
- package/src/hooks/useStopPropagation.ts +1 -2
- package/src/hooks/useTransitionVisibility.ts +2 -2
- package/src/stories/decorators/withCombinations.tsx +1 -1
- package/src/testing/utils/commonTestsSuiteRTL.tsx +2 -2
- package/src/utils/{DOM → browser/DOM}/startViewTransition.ts +3 -3
- package/src/utils/{focus → browser/focus}/getFirstAndLastFocusable.test.ts +1 -1
- package/src/utils/{focus → browser/focus}/getFocusableElements.test.ts +1 -1
- package/src/utils/{browserDoesNotSupportHover.test.js → browser/isHoverNotSupported.test.js} +5 -5
- package/src/utils/browser/isHoverNotSupported.ts +2 -0
- package/src/utils/browser/{getPrefersReducedMotion.ts → isReducedMotion.ts} +1 -1
- package/src/utils/className/getFontColorClassName.ts +9 -0
- package/src/utils/{className.ts → className/getRootClassName.ts} +1 -21
- package/src/utils/className/getTypographyClassName.ts +9 -0
- package/src/utils/className/index.ts +4 -0
- package/src/utils/collection/castArray.test.ts +15 -0
- package/src/utils/collection/castArray.ts +3 -0
- package/src/utils/collection/chunk.test.ts +15 -0
- package/src/utils/collection/chunk.ts +6 -0
- package/src/utils/collection/isEmpty.test.js +20 -0
- package/src/utils/collection/isEmpty.ts +4 -0
- package/src/utils/collection/last.ts +2 -0
- package/src/utils/collection/partitionMulti.test.ts +35 -0
- package/src/utils/{partitionMulti.ts → collection/partitionMulti.ts} +13 -12
- package/src/utils/collection/pull.test.ts +17 -0
- package/src/utils/collection/pull.ts +7 -0
- package/src/utils/collection/range.test.js +9 -0
- package/src/utils/collection/range.ts +2 -0
- package/src/utils/date/getMonthCalendar.ts +3 -4
- package/src/utils/flattenChildren.ts +2 -3
- package/src/utils/function/memoize.test.ts +36 -0
- package/src/utils/function/memoize.ts +13 -0
- package/src/utils/makeListenerTowerContext.ts +2 -2
- package/src/utils/partitionMulti.test.ts +27 -0
- package/src/utils/react/forwardRef.ts +3 -2
- package/src/utils/react/forwardRefPolymorphic.ts +1 -2
- package/utils/index.d.ts +1 -1
- package/utils/index.js +1 -96
- package/utils/index.js.map +1 -1
- package/_internal/17c3ea1d.js +0 -137
- package/_internal/17c3ea1d.js.map +0 -1
- package/_internal/1da25128.js +0 -411
- package/_internal/1da25128.js.map +0 -1
- package/_internal/230173a8.js +0 -13
- package/_internal/230173a8.js.map +0 -1
- package/_internal/23bdba2d.js +0 -71
- package/_internal/23bdba2d.js.map +0 -1
- package/_internal/26926e5c.d.ts +0 -36
- package/_internal/2a3d237c.js +0 -12
- package/_internal/2a3d237c.js.map +0 -1
- package/_internal/2c5dbb03.js +0 -26
- package/_internal/2c5dbb03.js.map +0 -1
- package/_internal/2e2abe51.js +0 -2154
- package/_internal/2e2abe51.js.map +0 -1
- package/_internal/31490c59.d.ts +0 -167
- package/_internal/3181f000.js +0 -14
- package/_internal/3181f000.js.map +0 -1
- package/_internal/35f100be.d.ts +0 -104
- package/_internal/36bd7352.js +0 -219
- package/_internal/36bd7352.js.map +0 -1
- package/_internal/3a1facc0.js +0 -18
- package/_internal/3a1facc0.js.map +0 -1
- package/_internal/4c20d932.js +0 -89
- package/_internal/4c20d932.js.map +0 -1
- package/_internal/4c28d012.js +0 -305
- package/_internal/4c28d012.js.map +0 -1
- package/_internal/4cd0bf32.js +0 -160
- package/_internal/4cd0bf32.js.map +0 -1
- package/_internal/4daccdd5.js +0 -25
- package/_internal/4daccdd5.js.map +0 -1
- package/_internal/524b1d04.js +0 -64
- package/_internal/524b1d04.js.map +0 -1
- package/_internal/53c94227.js +0 -123
- package/_internal/53c94227.js.map +0 -1
- package/_internal/54d9ded5.js +0 -418
- package/_internal/54d9ded5.js.map +0 -1
- package/_internal/56aec41b.js +0 -652
- package/_internal/56aec41b.js.map +0 -1
- package/_internal/5720caf5.js +0 -124
- package/_internal/5720caf5.js.map +0 -1
- package/_internal/646f0db6.js +0 -113
- package/_internal/646f0db6.js.map +0 -1
- package/_internal/6cc8dca8.d.ts +0 -22
- package/_internal/7f022f8c.d.ts +0 -34
- package/_internal/b8f2948d.js +0 -691
- package/_internal/b8f2948d.js.map +0 -1
- package/_internal/bc28d510.js +0 -784
- package/_internal/bc28d510.js.map +0 -1
- package/_internal/c68d24e4.js +0 -145
- package/_internal/c68d24e4.js.map +0 -1
- package/_internal/c6c99f76.js +0 -105
- package/_internal/c6c99f76.js.map +0 -1
- package/_internal/cae46566.js +0 -65
- package/_internal/cae46566.js.map +0 -1
- package/_internal/components/alert-dialog/index.ts-623b1ed3.d.ts +0 -37
- package/_internal/components/alert-dialog/index.ts-f83bd6ef.js +0 -148
- package/_internal/components/alert-dialog/index.ts-f83bd6ef.js.map +0 -1
- package/_internal/components/autocomplete/index.ts-3f8f125c.js +0 -264
- package/_internal/components/autocomplete/index.ts-3f8f125c.js.map +0 -1
- package/_internal/components/autocomplete/index.ts-8d6b123f.d.ts +0 -201
- package/_internal/components/avatar/index.ts-93ee0ea9.js +0 -89
- package/_internal/components/avatar/index.ts-93ee0ea9.js.map +0 -1
- package/_internal/components/avatar/index.ts-f92852b4.d.ts +0 -43
- package/_internal/components/badge/index.ts-2d7700ef.d.ts +0 -30
- package/_internal/components/badge/index.ts-6753d67f.js +0 -88
- package/_internal/components/badge/index.ts-6753d67f.js.map +0 -1
- package/_internal/components/button/index.ts-031307ce.js +0 -51
- package/_internal/components/button/index.ts-031307ce.js.map +0 -1
- package/_internal/components/button/index.ts-b29e26a4.d.ts +0 -22
- package/_internal/components/checkbox/index.ts-a33166d7.js +0 -127
- package/_internal/components/checkbox/index.ts-a33166d7.js.map +0 -1
- package/_internal/components/checkbox/index.ts-f82358ff.d.ts +0 -38
- package/_internal/components/chip/index.ts-4a91f1a7.d.ts +0 -68
- package/_internal/components/chip/index.ts-a2b5b771.js +0 -110
- package/_internal/components/chip/index.ts-a2b5b771.js.map +0 -1
- package/_internal/components/comment-block/index.ts-58fa051a.js +0 -121
- package/_internal/components/comment-block/index.ts-58fa051a.js.map +0 -1
- package/_internal/components/comment-block/index.ts-8cfa5af0.d.ts +0 -67
- package/_internal/components/date-picker/index.ts-145262d5.js +0 -2
- package/_internal/components/date-picker/index.ts-145262d5.js.map +0 -1
- package/_internal/components/date-picker/index.ts-70a34fa7.d.ts +0 -95
- package/_internal/components/dialog/index.ts-ea044db2.js +0 -224
- package/_internal/components/dialog/index.ts-ea044db2.js.map +0 -1
- package/_internal/components/dialog/index.ts-eca28654.d.ts +0 -55
- package/_internal/components/divider/index.ts-4a56db75.js +0 -55
- package/_internal/components/divider/index.ts-4a56db75.js.map +0 -1
- package/_internal/components/divider/index.ts-b011d8ca.d.ts +0 -18
- package/_internal/components/drag-handle/index.ts-0aebf92f.js +0 -54
- package/_internal/components/drag-handle/index.ts-0aebf92f.js.map +0 -1
- package/_internal/components/drag-handle/index.ts-3ab31dd1.d.ts +0 -18
- package/_internal/components/dropdown/index.ts-2a17db51.js +0 -154
- package/_internal/components/dropdown/index.ts-2a17db51.js.map +0 -1
- package/_internal/components/dropdown/index.ts-b648a15c.d.ts +0 -87
- package/_internal/components/expansion-panel/index.ts-69f09f5b.d.ts +0 -38
- package/_internal/components/expansion-panel/index.ts-fae3762e.js +0 -143
- package/_internal/components/expansion-panel/index.ts-fae3762e.js.map +0 -1
- package/_internal/components/flag/index.ts-8dcd685b.js +0 -56
- package/_internal/components/flag/index.ts-8dcd685b.js.map +0 -1
- package/_internal/components/flag/index.ts-fda89adb.d.ts +0 -23
- package/_internal/components/flex-box/index.ts-87f2b58d.d.ts +0 -43
- package/_internal/components/flex-box/index.ts-c216e957.js +0 -60
- package/_internal/components/flex-box/index.ts-c216e957.js.map +0 -1
- package/_internal/components/generic-block/index.ts-999a62a4.js +0 -115
- package/_internal/components/generic-block/index.ts-999a62a4.js.map +0 -1
- package/_internal/components/generic-block/index.ts-cd3b0e21.d.ts +0 -106
- package/_internal/components/grid/index.ts-67e0694f.d.ts +0 -50
- package/_internal/components/grid/index.ts-fdf1b306.js +0 -113
- package/_internal/components/grid/index.ts-fdf1b306.js.map +0 -1
- package/_internal/components/grid-column/index.ts-97c61cbe.js +0 -64
- package/_internal/components/grid-column/index.ts-97c61cbe.js.map +0 -1
- package/_internal/components/grid-column/index.ts-c89e1c18.d.ts +0 -31
- package/_internal/components/heading/index.ts-0179e9a9.js +0 -112
- package/_internal/components/heading/index.ts-0179e9a9.js.map +0 -1
- package/_internal/components/heading/index.ts-587579e8.d.ts +0 -37
- package/_internal/components/icon/index.ts-740ca1de.js +0 -2
- package/_internal/components/icon/index.ts-740ca1de.js.map +0 -1
- package/_internal/components/icon/index.ts-b3fa5e15.d.ts +0 -34
- package/_internal/components/image-block/index.ts-36b3828f.d.ts +0 -49
- package/_internal/components/image-block/index.ts-ef5e2e7d.js +0 -111
- package/_internal/components/image-block/index.ts-ef5e2e7d.js.map +0 -1
- package/_internal/components/image-lightbox/index.ts-137f85a8.js +0 -765
- package/_internal/components/image-lightbox/index.ts-137f85a8.js.map +0 -1
- package/_internal/components/image-lightbox/index.ts-2cb92d18.d.ts +0 -75
- package/_internal/components/inline-list/index.ts-033dd358.js +0 -76
- package/_internal/components/inline-list/index.ts-033dd358.js.map +0 -1
- package/_internal/components/inline-list/index.ts-e1c8a3ff.d.ts +0 -34
- package/_internal/components/input-helper/index.ts-32a9ca90.d.ts +0 -22
- package/_internal/components/input-helper/index.ts-ab3a1ef5.js +0 -75
- package/_internal/components/input-helper/index.ts-ab3a1ef5.js.map +0 -1
- package/_internal/components/input-label/index.ts-86f2ea41.d.ts +0 -24
- package/_internal/components/input-label/index.ts-d6ca5569.js +0 -60
- package/_internal/components/input-label/index.ts-d6ca5569.js.map +0 -1
- package/_internal/components/lightbox/index.ts-5370e8e6.d.ts +0 -36
- package/_internal/components/lightbox/index.ts-7a16cdc7.js +0 -149
- package/_internal/components/lightbox/index.ts-7a16cdc7.js.map +0 -1
- package/_internal/components/link/index.ts-26435006.d.ts +0 -37
- package/_internal/components/link/index.ts-d04f4e53.js +0 -120
- package/_internal/components/link/index.ts-d04f4e53.js.map +0 -1
- package/_internal/components/link-preview/index.ts-e560a274.d.ts +0 -36
- package/_internal/components/link-preview/index.ts-fee89f66.js +0 -109
- package/_internal/components/link-preview/index.ts-fee89f66.js.map +0 -1
- package/_internal/components/list/index.ts-ab57902e.d.ts +0 -118
- package/_internal/components/list/index.ts-f3101625.js +0 -86
- package/_internal/components/list/index.ts-f3101625.js.map +0 -1
- package/_internal/components/message/index.ts-041cf0cb.js +0 -97
- package/_internal/components/message/index.ts-041cf0cb.js.map +0 -1
- package/_internal/components/message/index.ts-2d38e0ea.d.ts +0 -37
- package/_internal/components/mosaic/index.ts-232d5aed.d.ts +0 -23
- package/_internal/components/mosaic/index.ts-d2128cd3.js +0 -94
- package/_internal/components/mosaic/index.ts-d2128cd3.js.map +0 -1
- package/_internal/components/navigation/index.ts-6d8bea53.d.ts +0 -58
- package/_internal/components/navigation/index.ts-e8dc0a7f.js +0 -222
- package/_internal/components/navigation/index.ts-e8dc0a7f.js.map +0 -1
- package/_internal/components/notification/index.ts-235fd340.js +0 -140
- package/_internal/components/notification/index.ts-235fd340.js.map +0 -1
- package/_internal/components/notification/index.ts-bb3f03f6.d.ts +0 -34
- package/_internal/components/popover/index.ts-2f17a9b6.js +0 -3
- package/_internal/components/popover/index.ts-2f17a9b6.js.map +0 -1
- package/_internal/components/popover/index.ts-e3b4ff19.d.ts +0 -66
- package/_internal/components/post-block/index.ts-0acb9bb4.js +0 -101
- package/_internal/components/post-block/index.ts-0acb9bb4.js.map +0 -1
- package/_internal/components/post-block/index.ts-9b8ff90b.d.ts +0 -41
- package/_internal/components/progress/index.ts-2a713859.js +0 -189
- package/_internal/components/progress/index.ts-2a713859.js.map +0 -1
- package/_internal/components/progress/index.ts-dfdfa5fb.d.ts +0 -60
- package/_internal/components/progress-tracker/index.ts-2649f756.js +0 -312
- package/_internal/components/progress-tracker/index.ts-2649f756.js.map +0 -1
- package/_internal/components/progress-tracker/index.ts-95320f32.d.ts +0 -101
- package/_internal/components/radio-button/index.ts-5eaab4cf.d.ts +0 -54
- package/_internal/components/radio-button/index.ts-b4dfb2a0.js +0 -150
- package/_internal/components/radio-button/index.ts-b4dfb2a0.js.map +0 -1
- package/_internal/components/select/index.ts-a65e3507.d.ts +0 -91
- package/_internal/components/select/index.ts-e8fad28b.js +0 -257
- package/_internal/components/select/index.ts-e8fad28b.js.map +0 -1
- package/_internal/components/side-navigation/index.ts-3f5f3785.d.ts +0 -60
- package/_internal/components/side-navigation/index.ts-c9a5fc3e.js +0 -184
- package/_internal/components/side-navigation/index.ts-c9a5fc3e.js.map +0 -1
- package/_internal/components/skeleton/index.ts-a7daefac.d.ts +0 -75
- package/_internal/components/skeleton/index.ts-ffc995af.js +0 -179
- package/_internal/components/skeleton/index.ts-ffc995af.js.map +0 -1
- package/_internal/components/slider/index.ts-24a0d598.d.ts +0 -52
- package/_internal/components/slider/index.ts-72aadf4c.js +0 -308
- package/_internal/components/slider/index.ts-72aadf4c.js.map +0 -1
- package/_internal/components/slideshow/index.ts-c99f2892.js +0 -151
- package/_internal/components/slideshow/index.ts-c99f2892.js.map +0 -1
- package/_internal/components/slideshow/index.ts-e49462c6.d.ts +0 -25
- package/_internal/components/switch/index.ts-207ba52b.d.ts +0 -34
- package/_internal/components/switch/index.ts-542e6eaf.js +0 -115
- package/_internal/components/switch/index.ts-542e6eaf.js.map +0 -1
- package/_internal/components/table/index.ts-905ce390.js +0 -310
- package/_internal/components/table/index.ts-905ce390.js.map +0 -1
- package/_internal/components/table/index.ts-c4f39b2d.d.ts +0 -108
- package/_internal/components/tabs/index.ts-713119f4.js +0 -289
- package/_internal/components/tabs/index.ts-713119f4.js.map +0 -1
- package/_internal/components/tabs/index.ts-dbfc48d9.d.ts +0 -106
- package/_internal/components/text/index.ts-6afbe8cd.js +0 -2
- package/_internal/components/text/index.ts-6afbe8cd.js.map +0 -1
- package/_internal/components/text/index.ts-8a812048.d.ts +0 -53
- package/_internal/components/text-field/index.ts-92e6b3b3.d.ts +0 -77
- package/_internal/components/text-field/index.ts-c3be8563.js +0 -341
- package/_internal/components/text-field/index.ts-c3be8563.js.map +0 -1
- package/_internal/components/thumbnail/index.ts-16d7b403.js +0 -40
- package/_internal/components/thumbnail/index.ts-16d7b403.js.map +0 -1
- package/_internal/components/thumbnail/index.ts-1b6c0b48.d.ts +0 -8
- package/_internal/components/toolbar/index.ts-813b902e.js +0 -63
- package/_internal/components/toolbar/index.ts-813b902e.js.map +0 -1
- package/_internal/components/toolbar/index.ts-9f5129d1.d.ts +0 -24
- package/_internal/components/tooltip/index.ts-905c847c.js +0 -322
- package/_internal/components/tooltip/index.ts-905c847c.js.map +0 -1
- package/_internal/components/tooltip/index.ts-c6931e9e.d.ts +0 -35
- package/_internal/components/uploader/index.ts-31f21c2a.js +0 -132
- package/_internal/components/uploader/index.ts-31f21c2a.js.map +0 -1
- package/_internal/components/uploader/index.ts-c3ccba98.d.ts +0 -51
- package/_internal/components/user-block/index.ts-18c58e19.d.ts +0 -50
- package/_internal/components/user-block/index.ts-d43e5f3c.js +0 -136
- package/_internal/components/user-block/index.ts-d43e5f3c.js.map +0 -1
- package/_internal/dc3e28c8.d.ts +0 -38
- package/_internal/f39a1ba4.js +0 -73
- package/_internal/f39a1ba4.js.map +0 -1
- package/_internal/f3e77e3e.js +0 -22
- package/_internal/f3e77e3e.js.map +0 -1
- package/_internal/f502ab30.js +0 -78
- package/_internal/f502ab30.js.map +0 -1
- package/_internal/f52adbae.js +0 -36
- package/_internal/f52adbae.js.map +0 -1
- package/_internal/f57e1239.js +0 -205
- package/_internal/f57e1239.js.map +0 -1
- package/_internal/f5ff1aa4.d.ts +0 -47
- package/_internal/fb975afe.js +0 -52
- package/_internal/fb975afe.js.map +0 -1
- package/src/utils/browserDoesNotSupportHover.ts +0 -2
- package/src/utils/isInternetExplorer.ts +0 -15
- package/src/utils/userHasReducedMotion.ts +0 -7
- package/src/utils/utils.test.ts +0 -48
- /package/src/utils/{DOM → browser/DOM}/findImage.tsx +0 -0
- /package/src/utils/{event.ts → browser/event.ts} +0 -0
- /package/src/utils/{focus → browser/focus}/constants.ts +0 -0
- /package/src/utils/{focus → browser/focus}/getFirstAndLastFocusable.ts +0 -0
- /package/src/utils/{focus → browser/focus}/getFocusableElements.ts +0 -0
- /package/src/utils/{isFocusVisible.ts → browser/isFocusVisible.ts} +0 -0
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import { h as getRootClassName, A as Alignment, i as forwardRef, T as Theme, j as _objectWithoutProperties, _ as _extends, g as classNames } from '../../1da25128.js';
|
|
2
|
-
import React__default, { Children } from 'react';
|
|
3
|
-
import isEmpty from 'lodash/isEmpty';
|
|
4
|
-
import { u as useId } from '../../3a1facc0.js';
|
|
5
|
-
import { u as useTheme } from '../../3181f000.js';
|
|
6
|
-
import { h as handleBasicClasses } from '../../f57e1239.js';
|
|
7
|
-
import { InputLabel } from '../input-label/index.ts-d6ca5569.js';
|
|
8
|
-
import { InputHelper } from '../input-helper/index.ts-ab3a1ef5.js';
|
|
9
|
-
|
|
10
|
-
const _excluded = ["checked", "children", "className", "disabled", "helper", "id", "isChecked", "isDisabled", "name", "onChange", "position", "theme", "value", "inputProps"];
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* Defines the props of the component.
|
|
14
|
-
*/
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Component display name.
|
|
18
|
-
*/
|
|
19
|
-
const COMPONENT_NAME = 'Switch';
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* Component default class name and class prefix.
|
|
23
|
-
*/
|
|
24
|
-
const CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
25
|
-
|
|
26
|
-
/**
|
|
27
|
-
* Component default props.
|
|
28
|
-
*/
|
|
29
|
-
const DEFAULT_PROPS = {
|
|
30
|
-
position: Alignment.left
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
/**
|
|
34
|
-
* Switch component.
|
|
35
|
-
*
|
|
36
|
-
* @param props Component props.
|
|
37
|
-
* @param ref Component ref.
|
|
38
|
-
* @return React element.
|
|
39
|
-
*/
|
|
40
|
-
const Switch = forwardRef((props, ref) => {
|
|
41
|
-
const defaultTheme = useTheme() || Theme.light;
|
|
42
|
-
const {
|
|
43
|
-
checked,
|
|
44
|
-
children,
|
|
45
|
-
className,
|
|
46
|
-
disabled,
|
|
47
|
-
helper,
|
|
48
|
-
id,
|
|
49
|
-
isChecked = checked,
|
|
50
|
-
isDisabled = disabled,
|
|
51
|
-
name,
|
|
52
|
-
onChange,
|
|
53
|
-
position,
|
|
54
|
-
theme = defaultTheme,
|
|
55
|
-
value,
|
|
56
|
-
inputProps = {}
|
|
57
|
-
} = props,
|
|
58
|
-
forwardedProps = _objectWithoutProperties(props, _excluded);
|
|
59
|
-
const generatedInputId = useId();
|
|
60
|
-
const inputId = id || generatedInputId;
|
|
61
|
-
const handleChange = event => {
|
|
62
|
-
if (onChange) {
|
|
63
|
-
onChange(!isChecked, value, name, event);
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
|
-
return /*#__PURE__*/React__default.createElement("div", _extends({
|
|
67
|
-
ref: ref
|
|
68
|
-
}, forwardedProps, {
|
|
69
|
-
className: classNames(className, handleBasicClasses({
|
|
70
|
-
prefix: CLASSNAME,
|
|
71
|
-
isChecked,
|
|
72
|
-
isDisabled,
|
|
73
|
-
position,
|
|
74
|
-
theme,
|
|
75
|
-
isUnchecked: !isChecked
|
|
76
|
-
})),
|
|
77
|
-
"aria-disabled": isDisabled
|
|
78
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
79
|
-
className: `${CLASSNAME}__input-wrapper`
|
|
80
|
-
}, /*#__PURE__*/React__default.createElement("input", _extends({
|
|
81
|
-
type: "checkbox",
|
|
82
|
-
role: "switch",
|
|
83
|
-
id: inputId,
|
|
84
|
-
className: `${CLASSNAME}__input-native`,
|
|
85
|
-
name: name,
|
|
86
|
-
value: value,
|
|
87
|
-
disabled: isDisabled,
|
|
88
|
-
checked: isChecked,
|
|
89
|
-
"aria-checked": Boolean(isChecked),
|
|
90
|
-
onChange: handleChange,
|
|
91
|
-
"aria-describedby": helper ? `${inputId}-helper` : undefined
|
|
92
|
-
}, inputProps)), /*#__PURE__*/React__default.createElement("div", {
|
|
93
|
-
className: `${CLASSNAME}__input-placeholder`
|
|
94
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
95
|
-
className: `${CLASSNAME}__input-background`
|
|
96
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
97
|
-
className: `${CLASSNAME}__input-indicator`
|
|
98
|
-
}))), Children.count(children) > 0 && /*#__PURE__*/React__default.createElement("div", {
|
|
99
|
-
className: `${CLASSNAME}__content`
|
|
100
|
-
}, /*#__PURE__*/React__default.createElement(InputLabel, {
|
|
101
|
-
htmlFor: inputId,
|
|
102
|
-
theme: theme,
|
|
103
|
-
className: `${CLASSNAME}__label`
|
|
104
|
-
}, children), !isEmpty(helper) && /*#__PURE__*/React__default.createElement(InputHelper, {
|
|
105
|
-
id: `${inputId}-helper`,
|
|
106
|
-
theme: theme,
|
|
107
|
-
className: `${CLASSNAME}__helper`
|
|
108
|
-
}, helper)));
|
|
109
|
-
});
|
|
110
|
-
Switch.displayName = COMPONENT_NAME;
|
|
111
|
-
Switch.className = CLASSNAME;
|
|
112
|
-
Switch.defaultProps = DEFAULT_PROPS;
|
|
113
|
-
|
|
114
|
-
export { Switch };
|
|
115
|
-
//# sourceMappingURL=index.ts-542e6eaf.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.ts-542e6eaf.js","sources":["../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import React, { Children, InputHTMLAttributes, SyntheticEvent } from 'react';\n\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { Alignment, InputHelper, InputLabel, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface SwitchProps extends GenericProps, HasTheme {\n /** Helper text. */\n helper?: string;\n /** Whether it is checked or not. */\n isChecked?: boolean;\n /** Whether the component is disabled or not. */\n isDisabled?: boolean;\n /** Native input name property. */\n name?: string;\n /** Position of the switch relative to the label. */\n position?: Extract<Alignment, 'right' | 'left'>;\n /** Native input value property. */\n value?: string;\n /** On change callback. */\n onChange?(isChecked: boolean, value?: string, name?: string, event?: SyntheticEvent): void;\n /** optional props for input */\n inputProps?: InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Switch';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<SwitchProps> = {\n position: Alignment.left,\n};\n\n/**\n * Switch component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Switch = forwardRef<SwitchProps, HTMLDivElement>((props, ref) => {\n const defaultTheme = useTheme() || Theme.light;\n const {\n checked,\n children,\n className,\n disabled,\n helper,\n id,\n isChecked = checked,\n isDisabled = disabled,\n name,\n onChange,\n position,\n theme = defaultTheme,\n value,\n inputProps = {},\n ...forwardedProps\n } = props;\n const generatedInputId = useId();\n const inputId = id || generatedInputId;\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(!isChecked, value, name, event);\n }\n };\n\n return (\n <div\n ref={ref}\n {...forwardedProps}\n className={classNames(\n className,\n handleBasicClasses({\n prefix: CLASSNAME,\n isChecked,\n isDisabled,\n position,\n theme,\n isUnchecked: !isChecked,\n }),\n )}\n aria-disabled={isDisabled}\n >\n <div className={`${CLASSNAME}__input-wrapper`}>\n <input\n type=\"checkbox\"\n role=\"switch\"\n id={inputId}\n className={`${CLASSNAME}__input-native`}\n name={name}\n value={value}\n disabled={isDisabled}\n checked={isChecked}\n aria-checked={Boolean(isChecked)}\n onChange={handleChange}\n aria-describedby={helper ? `${inputId}-helper` : undefined}\n {...inputProps}\n />\n\n <div className={`${CLASSNAME}__input-placeholder`}>\n <div className={`${CLASSNAME}__input-background`} />\n <div className={`${CLASSNAME}__input-indicator`} />\n </div>\n </div>\n\n {Children.count(children) > 0 && (\n <div className={`${CLASSNAME}__content`}>\n <InputLabel htmlFor={inputId} theme={theme} className={`${CLASSNAME}__label`}>\n {children}\n </InputLabel>\n {!isEmpty(helper) && (\n <InputHelper id={`${inputId}-helper`} theme={theme} className={`${CLASSNAME}__helper`}>\n {helper}\n </InputHelper>\n )}\n </div>\n )}\n </div>\n );\n});\nSwitch.displayName = COMPONENT_NAME;\nSwitch.className = CLASSNAME;\nSwitch.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","position","Alignment","left","Switch","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","checked","children","className","disabled","helper","id","isChecked","isDisabled","name","onChange","theme","value","inputProps","forwardedProps","_objectWithoutProperties","_excluded","generatedInputId","useId","inputId","handleChange","event","React","createElement","_extends","classNames","handleBasicClasses","prefix","isUnchecked","type","role","Boolean","undefined","Children","count","InputLabel","htmlFor","isEmpty","InputHelper","displayName","defaultProps"],"mappings":"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"}
|
|
@@ -1,310 +0,0 @@
|
|
|
1
|
-
import { h as getRootClassName, i as forwardRef, T as Theme, j as _objectWithoutProperties, _ as _extends, g as classNames, S as Size } from '../../1da25128.js';
|
|
2
|
-
import React__default from 'react';
|
|
3
|
-
import { u as useTheme } from '../../3181f000.js';
|
|
4
|
-
import { h as handleBasicClasses } from '../../f57e1239.js';
|
|
5
|
-
import { I as Icon, v as mdiArrowUp, w as mdiArrowDown } from '../../c6c99f76.js';
|
|
6
|
-
|
|
7
|
-
const _excluded$4 = ["children", "className", "hasBefore", "hasDividers", "theme"];
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Defines the props of the component.
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* Component display name.
|
|
15
|
-
*/
|
|
16
|
-
const COMPONENT_NAME$4 = 'Table';
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* Component default class name and class prefix.
|
|
20
|
-
*/
|
|
21
|
-
const CLASSNAME$4 = getRootClassName(COMPONENT_NAME$4);
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* Component default props.
|
|
25
|
-
*/
|
|
26
|
-
const DEFAULT_PROPS$3 = {};
|
|
27
|
-
|
|
28
|
-
/**
|
|
29
|
-
* Table component.
|
|
30
|
-
*
|
|
31
|
-
* @param props Component props.
|
|
32
|
-
* @param ref Component ref.
|
|
33
|
-
* @return React element.
|
|
34
|
-
*/
|
|
35
|
-
const Table = forwardRef((props, ref) => {
|
|
36
|
-
const defaultTheme = useTheme() || Theme.light;
|
|
37
|
-
const {
|
|
38
|
-
children,
|
|
39
|
-
className,
|
|
40
|
-
hasBefore,
|
|
41
|
-
hasDividers,
|
|
42
|
-
theme = defaultTheme
|
|
43
|
-
} = props,
|
|
44
|
-
forwardedProps = _objectWithoutProperties(props, _excluded$4);
|
|
45
|
-
return /*#__PURE__*/React__default.createElement("table", _extends({
|
|
46
|
-
ref: ref
|
|
47
|
-
}, forwardedProps, {
|
|
48
|
-
className: classNames(className, handleBasicClasses({
|
|
49
|
-
prefix: CLASSNAME$4,
|
|
50
|
-
hasBefore,
|
|
51
|
-
hasDividers,
|
|
52
|
-
theme
|
|
53
|
-
}))
|
|
54
|
-
}), children);
|
|
55
|
-
});
|
|
56
|
-
Table.displayName = COMPONENT_NAME$4;
|
|
57
|
-
Table.className = CLASSNAME$4;
|
|
58
|
-
Table.defaultProps = DEFAULT_PROPS$3;
|
|
59
|
-
|
|
60
|
-
const _excluded$3 = ["children", "className"];
|
|
61
|
-
|
|
62
|
-
/**
|
|
63
|
-
* Defines the props of the component.
|
|
64
|
-
*/
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* Component display name.
|
|
68
|
-
*/
|
|
69
|
-
const COMPONENT_NAME$3 = 'TableBody';
|
|
70
|
-
|
|
71
|
-
/**
|
|
72
|
-
* Component default class name and class prefix.
|
|
73
|
-
*/
|
|
74
|
-
const CLASSNAME$3 = getRootClassName(COMPONENT_NAME$3, true);
|
|
75
|
-
|
|
76
|
-
/**
|
|
77
|
-
* TableBody component.
|
|
78
|
-
*
|
|
79
|
-
* @param props Component props.
|
|
80
|
-
* @param ref Component ref.
|
|
81
|
-
* @return React element.
|
|
82
|
-
*/
|
|
83
|
-
const TableBody = forwardRef((props, ref) => {
|
|
84
|
-
const {
|
|
85
|
-
children,
|
|
86
|
-
className
|
|
87
|
-
} = props,
|
|
88
|
-
forwardedProps = _objectWithoutProperties(props, _excluded$3);
|
|
89
|
-
return /*#__PURE__*/React__default.createElement("tbody", _extends({
|
|
90
|
-
ref: ref
|
|
91
|
-
}, forwardedProps, {
|
|
92
|
-
className: classNames(className, handleBasicClasses({
|
|
93
|
-
prefix: CLASSNAME$3
|
|
94
|
-
}))
|
|
95
|
-
}), children);
|
|
96
|
-
});
|
|
97
|
-
TableBody.displayName = COMPONENT_NAME$3;
|
|
98
|
-
TableBody.className = CLASSNAME$3;
|
|
99
|
-
|
|
100
|
-
const _excluded$2 = ["children", "className", "icon", "isSortable", "onHeaderClick", "sortOrder", "variant"];
|
|
101
|
-
|
|
102
|
-
/**
|
|
103
|
-
* Table head cell sort order.
|
|
104
|
-
*/
|
|
105
|
-
const ThOrder = {
|
|
106
|
-
asc: 'asc',
|
|
107
|
-
desc: 'desc'
|
|
108
|
-
};
|
|
109
|
-
/**
|
|
110
|
-
* Table cell variants.
|
|
111
|
-
*/
|
|
112
|
-
const TableCellVariant = {
|
|
113
|
-
body: 'body',
|
|
114
|
-
head: 'head'
|
|
115
|
-
};
|
|
116
|
-
|
|
117
|
-
/**
|
|
118
|
-
* Defines the props of the component.
|
|
119
|
-
*/
|
|
120
|
-
|
|
121
|
-
/**
|
|
122
|
-
* Component display name.
|
|
123
|
-
*/
|
|
124
|
-
const COMPONENT_NAME$2 = 'TableCell';
|
|
125
|
-
|
|
126
|
-
/**
|
|
127
|
-
* Component default class name and class prefix.
|
|
128
|
-
*/
|
|
129
|
-
const CLASSNAME$2 = getRootClassName(COMPONENT_NAME$2, true);
|
|
130
|
-
|
|
131
|
-
/**
|
|
132
|
-
* Component default props.
|
|
133
|
-
*/
|
|
134
|
-
const DEFAULT_PROPS$2 = {
|
|
135
|
-
variant: TableCellVariant.body
|
|
136
|
-
};
|
|
137
|
-
|
|
138
|
-
/**
|
|
139
|
-
* TableCell component.
|
|
140
|
-
*
|
|
141
|
-
* @param props Component props.
|
|
142
|
-
* @param ref Component ref.
|
|
143
|
-
* @return React element.
|
|
144
|
-
*/
|
|
145
|
-
const TableCell = forwardRef((props, ref) => {
|
|
146
|
-
const {
|
|
147
|
-
children,
|
|
148
|
-
className,
|
|
149
|
-
icon,
|
|
150
|
-
isSortable,
|
|
151
|
-
onHeaderClick,
|
|
152
|
-
sortOrder,
|
|
153
|
-
variant
|
|
154
|
-
} = props,
|
|
155
|
-
forwardedProps = _objectWithoutProperties(props, _excluded$2);
|
|
156
|
-
|
|
157
|
-
// Use button if clickable
|
|
158
|
-
const Wrapper = onHeaderClick ? 'button' : 'div';
|
|
159
|
-
const wrapperProps = Wrapper === 'button' ? {
|
|
160
|
-
type: 'button',
|
|
161
|
-
onClick: onHeaderClick
|
|
162
|
-
} : undefined;
|
|
163
|
-
|
|
164
|
-
// ARIA sort
|
|
165
|
-
let ariaSort;
|
|
166
|
-
if (isSortable) {
|
|
167
|
-
ariaSort = 'none';
|
|
168
|
-
if (sortOrder === ThOrder.asc) ariaSort = 'ascending';
|
|
169
|
-
if (sortOrder === ThOrder.desc) ariaSort = 'descending';
|
|
170
|
-
}
|
|
171
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, variant === TableCellVariant.head && /*#__PURE__*/React__default.createElement("th", _extends({
|
|
172
|
-
ref: ref
|
|
173
|
-
}, forwardedProps, {
|
|
174
|
-
className: classNames(handleBasicClasses({
|
|
175
|
-
prefix: CLASSNAME$2,
|
|
176
|
-
isSortable,
|
|
177
|
-
isSorted: isSortable && !!sortOrder
|
|
178
|
-
}), className, `${CLASSNAME$2}--head`),
|
|
179
|
-
"aria-sort": ariaSort
|
|
180
|
-
}), /*#__PURE__*/React__default.createElement(Wrapper, _extends({
|
|
181
|
-
className: `${CLASSNAME$2}-wrapper`
|
|
182
|
-
}, wrapperProps), icon && !isSortable && /*#__PURE__*/React__default.createElement(Icon, {
|
|
183
|
-
className: `${CLASSNAME$2}-icon`,
|
|
184
|
-
icon: icon,
|
|
185
|
-
size: Size.xxs
|
|
186
|
-
}), isSortable && sortOrder === ThOrder.asc && /*#__PURE__*/React__default.createElement(Icon, {
|
|
187
|
-
className: `${CLASSNAME$2}-icon`,
|
|
188
|
-
icon: mdiArrowUp,
|
|
189
|
-
size: Size.xxs
|
|
190
|
-
}), isSortable && sortOrder === ThOrder.desc && /*#__PURE__*/React__default.createElement(Icon, {
|
|
191
|
-
className: `${CLASSNAME$2}-icon`,
|
|
192
|
-
icon: mdiArrowDown,
|
|
193
|
-
size: Size.xxs
|
|
194
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
195
|
-
className: `${CLASSNAME$2}-content`
|
|
196
|
-
}, children))), variant === TableCellVariant.body && /*#__PURE__*/React__default.createElement("td", _extends({}, forwardedProps, {
|
|
197
|
-
className: classNames(className, handleBasicClasses({
|
|
198
|
-
prefix: CLASSNAME$2
|
|
199
|
-
}), `${CLASSNAME$2}--body`)
|
|
200
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
201
|
-
className: `${CLASSNAME$2}-content`
|
|
202
|
-
}, children)));
|
|
203
|
-
});
|
|
204
|
-
TableCell.displayName = COMPONENT_NAME$2;
|
|
205
|
-
TableCell.className = CLASSNAME$2;
|
|
206
|
-
TableCell.defaultProps = DEFAULT_PROPS$2;
|
|
207
|
-
|
|
208
|
-
const _excluded$1 = ["children", "className"];
|
|
209
|
-
|
|
210
|
-
/**
|
|
211
|
-
* Defines the props of the component.
|
|
212
|
-
*/
|
|
213
|
-
|
|
214
|
-
/**
|
|
215
|
-
* Component display name.
|
|
216
|
-
*/
|
|
217
|
-
const COMPONENT_NAME$1 = 'TableHeader';
|
|
218
|
-
|
|
219
|
-
/**
|
|
220
|
-
* Component default class name and class prefix.
|
|
221
|
-
*/
|
|
222
|
-
const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1, true);
|
|
223
|
-
|
|
224
|
-
/**
|
|
225
|
-
* Component default props.
|
|
226
|
-
*/
|
|
227
|
-
const DEFAULT_PROPS$1 = {};
|
|
228
|
-
|
|
229
|
-
/**
|
|
230
|
-
* TableHeader component.
|
|
231
|
-
*
|
|
232
|
-
* @param props Component props.
|
|
233
|
-
* @param ref Component ref.
|
|
234
|
-
* @return React element.
|
|
235
|
-
*/
|
|
236
|
-
const TableHeader = forwardRef((props, ref) => {
|
|
237
|
-
const {
|
|
238
|
-
children,
|
|
239
|
-
className
|
|
240
|
-
} = props,
|
|
241
|
-
forwardedProps = _objectWithoutProperties(props, _excluded$1);
|
|
242
|
-
return /*#__PURE__*/React__default.createElement("thead", _extends({
|
|
243
|
-
ref: ref
|
|
244
|
-
}, forwardedProps, {
|
|
245
|
-
className: classNames(className, handleBasicClasses({
|
|
246
|
-
prefix: CLASSNAME$1
|
|
247
|
-
}))
|
|
248
|
-
}), children);
|
|
249
|
-
});
|
|
250
|
-
TableHeader.displayName = COMPONENT_NAME$1;
|
|
251
|
-
TableHeader.className = CLASSNAME$1;
|
|
252
|
-
TableHeader.defaultProps = DEFAULT_PROPS$1;
|
|
253
|
-
|
|
254
|
-
const _excluded = ["children", "className", "disabled", "isClickable", "isDisabled", "isSelected"];
|
|
255
|
-
|
|
256
|
-
/**
|
|
257
|
-
* Defines the props of the component.
|
|
258
|
-
*/
|
|
259
|
-
|
|
260
|
-
/**
|
|
261
|
-
* Component display name.
|
|
262
|
-
*/
|
|
263
|
-
const COMPONENT_NAME = 'TableRow';
|
|
264
|
-
|
|
265
|
-
/**
|
|
266
|
-
* Component default class name and class prefix.
|
|
267
|
-
*/
|
|
268
|
-
const CLASSNAME = getRootClassName(COMPONENT_NAME, true);
|
|
269
|
-
|
|
270
|
-
/**
|
|
271
|
-
* Component default props.
|
|
272
|
-
*/
|
|
273
|
-
const DEFAULT_PROPS = {};
|
|
274
|
-
|
|
275
|
-
/**
|
|
276
|
-
* TableRow component.
|
|
277
|
-
*
|
|
278
|
-
* @param props Component props.
|
|
279
|
-
* @param ref Component ref.
|
|
280
|
-
* @return React element.
|
|
281
|
-
*/
|
|
282
|
-
const TableRow = forwardRef((props, ref) => {
|
|
283
|
-
const {
|
|
284
|
-
children,
|
|
285
|
-
className,
|
|
286
|
-
disabled,
|
|
287
|
-
isClickable,
|
|
288
|
-
isDisabled = disabled,
|
|
289
|
-
isSelected
|
|
290
|
-
} = props,
|
|
291
|
-
forwardedProps = _objectWithoutProperties(props, _excluded);
|
|
292
|
-
return /*#__PURE__*/React__default.createElement("tr", _extends({
|
|
293
|
-
ref: ref,
|
|
294
|
-
tabIndex: isClickable && !isDisabled ? 0 : -1
|
|
295
|
-
}, forwardedProps, {
|
|
296
|
-
className: classNames(className, handleBasicClasses({
|
|
297
|
-
isClickable: isClickable && !isDisabled,
|
|
298
|
-
isDisabled,
|
|
299
|
-
isSelected: isSelected && !isDisabled,
|
|
300
|
-
prefix: CLASSNAME
|
|
301
|
-
})),
|
|
302
|
-
"aria-disabled": isDisabled
|
|
303
|
-
}), children);
|
|
304
|
-
});
|
|
305
|
-
TableRow.displayName = COMPONENT_NAME;
|
|
306
|
-
TableRow.className = CLASSNAME;
|
|
307
|
-
TableRow.defaultProps = DEFAULT_PROPS;
|
|
308
|
-
|
|
309
|
-
export { Table, TableBody, TableCell, TableCellVariant, TableHeader, TableRow, ThOrder };
|
|
310
|
-
//# sourceMappingURL=index.ts-905ce390.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.ts-905ce390.js","sources":["../../../../src/components/table/Table.tsx","../../../../src/components/table/TableBody.tsx","../../../../src/components/table/TableCell.tsx","../../../../src/components/table/TableHeader.tsx","../../../../src/components/table/TableRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface TableProps extends GenericProps, HasTheme {\n /** Whether the table has checkbox or thumbnail on first cell or not. */\n hasBefore?: boolean;\n /** Whether the table has dividers or not. */\n hasDividers?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Table';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TableProps> = {};\n\n/**\n * Table component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Table = forwardRef<TableProps, HTMLTableElement>((props, ref) => {\n const defaultTheme = useTheme() || Theme.light;\n const { children, className, hasBefore, hasDividers, theme = defaultTheme, ...forwardedProps } = props;\n\n return (\n <table\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, hasBefore, hasDividers, theme }))}\n >\n {children}\n </table>\n );\n});\nTable.displayName = COMPONENT_NAME;\nTable.className = CLASSNAME;\nTable.defaultProps = DEFAULT_PROPS;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport type TableBodyProps = GenericProps;\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TableBody';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME, true);\n\n/**\n * TableBody component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const TableBody = forwardRef<TableBodyProps, HTMLTableSectionElement>((props, ref) => {\n const { children, className, ...forwardedProps } = props;\n\n return (\n <tbody\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME }))}\n >\n {children}\n </tbody>\n );\n});\nTableBody.displayName = COMPONENT_NAME;\nTableBody.className = CLASSNAME;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiArrowDown, mdiArrowUp } from '@lumx/icons';\nimport { Icon, Size } from '@lumx/react';\nimport { GenericProps, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Table head cell sort order.\n */\nexport const ThOrder = { asc: 'asc', desc: 'desc' } as const;\nexport type ThOrder = ValueOf<typeof ThOrder>;\n\n/**\n * Table cell variants.\n */\nexport const TableCellVariant = { body: 'body', head: 'head' } as const;\nexport type TableCellVariant = ValueOf<typeof TableCellVariant>;\n\n/**\n * Defines the props of the component.\n */\nexport interface TableCellProps extends GenericProps {\n /** Icon (SVG path).(thead only). */\n icon?: string;\n /** Whether the column is sortable or not (thead only). */\n isSortable?: boolean;\n /** Sort order displayed as icon (sortable thead only). */\n sortOrder?: ThOrder;\n /** Variant. */\n variant?: TableCellVariant;\n /** On header cell click callback. */\n onHeaderClick?(): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TableCell';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME, true);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TableCellProps> = {\n variant: TableCellVariant.body,\n};\n\n/**\n * TableCell component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const TableCell = forwardRef<TableCellProps, HTMLTableCellElement>((props, ref) => {\n const { children, className, icon, isSortable, onHeaderClick, sortOrder, variant, ...forwardedProps } = props;\n\n // Use button if clickable\n const Wrapper = onHeaderClick ? 'button' : 'div';\n const wrapperProps = Wrapper === 'button' ? ({ type: 'button', onClick: onHeaderClick } as const) : undefined;\n\n // ARIA sort\n let ariaSort: 'ascending' | 'descending' | 'none' | undefined;\n if (isSortable) {\n ariaSort = 'none';\n if (sortOrder === ThOrder.asc) ariaSort = 'ascending';\n if (sortOrder === ThOrder.desc) ariaSort = 'descending';\n }\n\n return (\n <>\n {variant === TableCellVariant.head && (\n <th\n ref={ref}\n {...forwardedProps}\n className={classNames(\n handleBasicClasses({\n prefix: CLASSNAME,\n isSortable,\n isSorted: isSortable && !!sortOrder,\n }),\n className,\n `${CLASSNAME}--head`,\n )}\n aria-sort={ariaSort}\n >\n <Wrapper className={`${CLASSNAME}-wrapper`} {...wrapperProps}>\n {icon && !isSortable && <Icon className={`${CLASSNAME}-icon`} icon={icon} size={Size.xxs} />}\n\n {isSortable && sortOrder === ThOrder.asc && (\n <Icon className={`${CLASSNAME}-icon`} icon={mdiArrowUp} size={Size.xxs} />\n )}\n\n {isSortable && sortOrder === ThOrder.desc && (\n <Icon className={`${CLASSNAME}-icon`} icon={mdiArrowDown} size={Size.xxs} />\n )}\n\n <div className={`${CLASSNAME}-content`}>{children}</div>\n </Wrapper>\n </th>\n )}\n\n {variant === TableCellVariant.body && (\n <td\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME }), `${CLASSNAME}--body`)}\n >\n <div className={`${CLASSNAME}-content`}>{children}</div>\n </td>\n )}\n </>\n );\n});\nTableCell.displayName = COMPONENT_NAME;\nTableCell.className = CLASSNAME;\nTableCell.defaultProps = DEFAULT_PROPS;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport type TableHeaderProps = GenericProps;\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TableHeader';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME, true);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TableHeaderProps> = {};\n\n/**\n * TableHeader component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const TableHeader = forwardRef<TableHeaderProps, HTMLTableSectionElement>((props, ref) => {\n const { children, className, ...forwardedProps } = props;\n\n return (\n <thead\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME }))}\n >\n {children}\n </thead>\n );\n});\nTableHeader.displayName = COMPONENT_NAME;\nTableHeader.className = CLASSNAME;\nTableHeader.defaultProps = DEFAULT_PROPS;\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface TableRowProps extends GenericProps {\n /** Whether the component is clickable or not. */\n isClickable?: boolean;\n /** Whether the component is disabled or not. */\n isDisabled?: boolean;\n /** Whether the component is selected or not. */\n isSelected?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'TableRow';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME, true);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<TableRowProps> = {};\n\n/**\n * TableRow component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const TableRow = forwardRef<TableRowProps, HTMLTableRowElement>((props, ref) => {\n const { children, className, disabled, isClickable, isDisabled = disabled, isSelected, ...forwardedProps } = props;\n\n return (\n <tr\n ref={ref}\n tabIndex={isClickable && !isDisabled ? 0 : -1}\n {...forwardedProps}\n className={classNames(\n className,\n handleBasicClasses({\n isClickable: isClickable && !isDisabled,\n isDisabled,\n isSelected: isSelected && !isDisabled,\n prefix: CLASSNAME,\n }),\n )}\n aria-disabled={isDisabled}\n >\n {children}\n </tr>\n );\n});\n\nTableRow.displayName = COMPONENT_NAME;\nTableRow.className = CLASSNAME;\nTableRow.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Table","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","children","className","hasBefore","hasDividers","theme","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","handleBasicClasses","prefix","displayName","defaultProps","TableBody","ThOrder","asc","desc","TableCellVariant","body","head","variant","TableCell","icon","isSortable","onHeaderClick","sortOrder","Wrapper","wrapperProps","type","onClick","undefined","ariaSort","Fragment","isSorted","Icon","size","Size","xxs","mdiArrowUp","mdiArrowDown","TableHeader","TableRow","disabled","isClickable","isDisabled","isSelected","tabIndex"],"mappings":"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"}
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import { G as GenericProps, H as HasTheme, C as Comp, V as ValueOf } from '../../8d67e1e3.js';
|
|
2
|
-
import 'react';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Defines the props of the component.
|
|
6
|
-
*/
|
|
7
|
-
interface TableProps extends GenericProps, HasTheme {
|
|
8
|
-
/** Whether the table has checkbox or thumbnail on first cell or not. */
|
|
9
|
-
hasBefore?: boolean;
|
|
10
|
-
/** Whether the table has dividers or not. */
|
|
11
|
-
hasDividers?: boolean;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* Table component.
|
|
15
|
-
*
|
|
16
|
-
* @param props Component props.
|
|
17
|
-
* @param ref Component ref.
|
|
18
|
-
* @return React element.
|
|
19
|
-
*/
|
|
20
|
-
declare const Table: Comp<TableProps, HTMLTableElement>;
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Defines the props of the component.
|
|
24
|
-
*/
|
|
25
|
-
type TableBodyProps = GenericProps;
|
|
26
|
-
/**
|
|
27
|
-
* TableBody component.
|
|
28
|
-
*
|
|
29
|
-
* @param props Component props.
|
|
30
|
-
* @param ref Component ref.
|
|
31
|
-
* @return React element.
|
|
32
|
-
*/
|
|
33
|
-
declare const TableBody: Comp<GenericProps, HTMLTableSectionElement>;
|
|
34
|
-
|
|
35
|
-
/**
|
|
36
|
-
* Table head cell sort order.
|
|
37
|
-
*/
|
|
38
|
-
declare const ThOrder: {
|
|
39
|
-
readonly asc: "asc";
|
|
40
|
-
readonly desc: "desc";
|
|
41
|
-
};
|
|
42
|
-
type ThOrder = ValueOf<typeof ThOrder>;
|
|
43
|
-
/**
|
|
44
|
-
* Table cell variants.
|
|
45
|
-
*/
|
|
46
|
-
declare const TableCellVariant: {
|
|
47
|
-
readonly body: "body";
|
|
48
|
-
readonly head: "head";
|
|
49
|
-
};
|
|
50
|
-
type TableCellVariant = ValueOf<typeof TableCellVariant>;
|
|
51
|
-
/**
|
|
52
|
-
* Defines the props of the component.
|
|
53
|
-
*/
|
|
54
|
-
interface TableCellProps extends GenericProps {
|
|
55
|
-
/** Icon (SVG path).(thead only). */
|
|
56
|
-
icon?: string;
|
|
57
|
-
/** Whether the column is sortable or not (thead only). */
|
|
58
|
-
isSortable?: boolean;
|
|
59
|
-
/** Sort order displayed as icon (sortable thead only). */
|
|
60
|
-
sortOrder?: ThOrder;
|
|
61
|
-
/** Variant. */
|
|
62
|
-
variant?: TableCellVariant;
|
|
63
|
-
/** On header cell click callback. */
|
|
64
|
-
onHeaderClick?(): void;
|
|
65
|
-
}
|
|
66
|
-
/**
|
|
67
|
-
* TableCell component.
|
|
68
|
-
*
|
|
69
|
-
* @param props Component props.
|
|
70
|
-
* @param ref Component ref.
|
|
71
|
-
* @return React element.
|
|
72
|
-
*/
|
|
73
|
-
declare const TableCell: Comp<TableCellProps, HTMLTableCellElement>;
|
|
74
|
-
|
|
75
|
-
/**
|
|
76
|
-
* Defines the props of the component.
|
|
77
|
-
*/
|
|
78
|
-
type TableHeaderProps = GenericProps;
|
|
79
|
-
/**
|
|
80
|
-
* TableHeader component.
|
|
81
|
-
*
|
|
82
|
-
* @param props Component props.
|
|
83
|
-
* @param ref Component ref.
|
|
84
|
-
* @return React element.
|
|
85
|
-
*/
|
|
86
|
-
declare const TableHeader: Comp<GenericProps, HTMLTableSectionElement>;
|
|
87
|
-
|
|
88
|
-
/**
|
|
89
|
-
* Defines the props of the component.
|
|
90
|
-
*/
|
|
91
|
-
interface TableRowProps extends GenericProps {
|
|
92
|
-
/** Whether the component is clickable or not. */
|
|
93
|
-
isClickable?: boolean;
|
|
94
|
-
/** Whether the component is disabled or not. */
|
|
95
|
-
isDisabled?: boolean;
|
|
96
|
-
/** Whether the component is selected or not. */
|
|
97
|
-
isSelected?: boolean;
|
|
98
|
-
}
|
|
99
|
-
/**
|
|
100
|
-
* TableRow component.
|
|
101
|
-
*
|
|
102
|
-
* @param props Component props.
|
|
103
|
-
* @param ref Component ref.
|
|
104
|
-
* @return React element.
|
|
105
|
-
*/
|
|
106
|
-
declare const TableRow: Comp<TableRowProps, HTMLTableRowElement>;
|
|
107
|
-
|
|
108
|
-
export { Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableCellVariant, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, ThOrder };
|