@lumx/react 3.10.1-alpha.2 → 3.10.1-alpha.3
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 +14554 -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 +6 -10
- package/src/components/dialog/Dialog.tsx +1 -1
- 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/link/Link.tsx +3 -5
- package/src/components/list/ListItem.tsx +1 -2
- 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/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.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/switch/Switch.tsx +1 -2
- package/src/components/tabs/Tabs.stories.tsx +3 -4
- package/src/components/text-field/TextField.test.tsx +2 -2
- package/src/components/text-field/TextField.tsx +2 -3
- package/src/components/user-block/UserBlock.tsx +7 -9
- package/src/hooks/useClickAway.tsx +1 -2
- package/src/hooks/useInterval.tsx +1 -4
- package/src/hooks/useKeyboardListNavigation.tsx +2 -4
- package/src/hooks/useStopPropagation.ts +1 -2
- package/src/stories/decorators/withCombinations.tsx +1 -1
- package/src/testing/utils/commonTestsSuiteRTL.tsx +2 -2
- 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/makeListenerTowerContext.ts +2 -2
- package/src/utils/react/forwardRef.ts +3 -2
- package/src/utils/react/forwardRefPolymorphic.ts +1 -2
- package/src/utils/utils.test.ts +0 -27
- 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
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { I as IconButtonProps } from '../../dc3e28c8.js';
|
|
2
|
-
import { G as GenericProps, C as Comp } from '../../8d67e1e3.js';
|
|
3
|
-
import { Ref, SyntheticEvent } from 'react';
|
|
4
|
-
import { TextFieldProps } from '../text-field/index.ts-92e6b3b3.js';
|
|
5
|
-
import '../../7f022f8c.js';
|
|
6
|
-
import '../tooltip/index.ts-c6931e9e.js';
|
|
7
|
-
import '../../f5ff1aa4.js';
|
|
8
|
-
import '../input-label/index.ts-86f2ea41.js';
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* Defines the props of the component.
|
|
12
|
-
*/
|
|
13
|
-
interface DatePickerProps extends GenericProps {
|
|
14
|
-
/** Default month. */
|
|
15
|
-
defaultMonth?: Date;
|
|
16
|
-
/** Locale (language or region) to use. */
|
|
17
|
-
locale?: string;
|
|
18
|
-
/** Date after which dates can't be selected. */
|
|
19
|
-
maxDate?: Date;
|
|
20
|
-
/** Date before which dates can't be selected. */
|
|
21
|
-
minDate?: Date;
|
|
22
|
-
/** Props to pass to the next month button (minus those already set by the DatePickerControlled props). */
|
|
23
|
-
nextButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;
|
|
24
|
-
/** Props to pass to the previous month button (minus those already set by the DatePickerControlled props). */
|
|
25
|
-
previousButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;
|
|
26
|
-
/** Reference to the <button> element corresponding to the current date or the selected date. */
|
|
27
|
-
todayOrSelectedDateRef?: Ref<HTMLButtonElement>;
|
|
28
|
-
/** Currently selected date. */
|
|
29
|
-
value: Date | undefined;
|
|
30
|
-
/** On change callback. */
|
|
31
|
-
onChange(value: Date | undefined): void;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
/**
|
|
35
|
-
* DatePicker component.
|
|
36
|
-
*
|
|
37
|
-
* @param props Component props.
|
|
38
|
-
* @param ref Component ref.
|
|
39
|
-
* @return React element.
|
|
40
|
-
*/
|
|
41
|
-
declare const DatePicker: Comp<DatePickerProps, HTMLDivElement>;
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
* Defines the props of the component.
|
|
45
|
-
*/
|
|
46
|
-
interface DatePickerControlledProps extends DatePickerProps {
|
|
47
|
-
/** Selected month to display. */
|
|
48
|
-
selectedMonth: Date;
|
|
49
|
-
/** On previous month change callback. */
|
|
50
|
-
onPrevMonthChange(): void;
|
|
51
|
-
/** On next month change callback. */
|
|
52
|
-
onNextMonthChange(): void;
|
|
53
|
-
/** On month/year change callback. */
|
|
54
|
-
onMonthChange?: (newMonth: Date) => void;
|
|
55
|
-
}
|
|
56
|
-
/**
|
|
57
|
-
* DatePickerControlled component.
|
|
58
|
-
*
|
|
59
|
-
* @param props Component props.
|
|
60
|
-
* @param ref Component ref.
|
|
61
|
-
* @return React element.
|
|
62
|
-
*/
|
|
63
|
-
declare const DatePickerControlled: Comp<DatePickerControlledProps, HTMLDivElement>;
|
|
64
|
-
|
|
65
|
-
/**
|
|
66
|
-
* Defines the props of the component.
|
|
67
|
-
*/
|
|
68
|
-
interface DatePickerFieldProps extends Omit<TextFieldProps, 'value' | 'onChange'>, GenericProps {
|
|
69
|
-
/** Default month. */
|
|
70
|
-
defaultMonth?: Date;
|
|
71
|
-
/** Locale (language or region) to use. */
|
|
72
|
-
locale?: string;
|
|
73
|
-
/** Date after which dates can't be selected. */
|
|
74
|
-
maxDate?: Date;
|
|
75
|
-
/** Date before which dates can't be selected. */
|
|
76
|
-
minDate?: Date;
|
|
77
|
-
/** Props to pass to the next month button (minus those already set by the DatePickerControlled props). */
|
|
78
|
-
nextButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;
|
|
79
|
-
/** Props to pass to the previous month button (minus those already set by the DatePickerControlled props). */
|
|
80
|
-
previousButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;
|
|
81
|
-
/** Currently selected date. */
|
|
82
|
-
value: Date | undefined;
|
|
83
|
-
/** On change callback. */
|
|
84
|
-
onChange(value: Date | undefined, name?: string, event?: SyntheticEvent): void;
|
|
85
|
-
}
|
|
86
|
-
/**
|
|
87
|
-
* DatePickerField component.
|
|
88
|
-
*
|
|
89
|
-
* @param props Component props.
|
|
90
|
-
* @param ref Component ref.
|
|
91
|
-
* @return React element.
|
|
92
|
-
*/
|
|
93
|
-
declare const DatePickerField: Comp<DatePickerFieldProps, HTMLDivElement>;
|
|
94
|
-
|
|
95
|
-
export { DatePicker, DatePickerControlled, type DatePickerControlledProps, DatePickerField, type DatePickerFieldProps, type DatePickerProps };
|
|
@@ -1,224 +0,0 @@
|
|
|
1
|
-
import { h as getRootClassName, S as Size, i as forwardRef, D as DOCUMENT, j as _objectWithoutProperties, _ as _extends, g as classNames, n as DIALOG_TRANSITION_DURATION } from '../../1da25128.js';
|
|
2
|
-
import React__default, { useState, useEffect, useRef, useMemo, Children } from 'react';
|
|
3
|
-
import { createPortal } from 'react-dom';
|
|
4
|
-
import { u as useCallbackOnEscape } from '../../cae46566.js';
|
|
5
|
-
import { u as useFocusTrap } from '../../646f0db6.js';
|
|
6
|
-
import { i as isComponent } from '../../f39a1ba4.js';
|
|
7
|
-
import { p as partitionMulti } from '../../4daccdd5.js';
|
|
8
|
-
import { m as mergeRefs } from '../../f52adbae.js';
|
|
9
|
-
import { u as useDisableBodyScroll } from '../../36bd7352.js';
|
|
10
|
-
import { u as useTransitionVisibility } from '../../fb975afe.js';
|
|
11
|
-
import { T as ThemeProvider } from '../../3181f000.js';
|
|
12
|
-
import { h as handleBasicClasses } from '../../f57e1239.js';
|
|
13
|
-
import { Progress, ProgressVariant } from '../progress/index.ts-2a713859.js';
|
|
14
|
-
import { ClickAwayProvider } from '../../../utils/index.js';
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Convenient hook to create interaction observers.
|
|
18
|
-
*
|
|
19
|
-
* @param elements Elements to observe.
|
|
20
|
-
* @param options IntersectionObserver options.
|
|
21
|
-
* @return Map of intersections.
|
|
22
|
-
*/
|
|
23
|
-
function useIntersectionObserver(elements, options) {
|
|
24
|
-
const [intersections, setIntersections] = useState(() => new Map());
|
|
25
|
-
useEffect(() => {
|
|
26
|
-
if (elements.length < 1 || !elements.some(Boolean)) {
|
|
27
|
-
return undefined;
|
|
28
|
-
}
|
|
29
|
-
const observer = new IntersectionObserver(entries => {
|
|
30
|
-
for (const entry of entries) {
|
|
31
|
-
intersections.set(entry.target, entry);
|
|
32
|
-
}
|
|
33
|
-
setIntersections(new Map(intersections));
|
|
34
|
-
}, options);
|
|
35
|
-
for (const element of elements) {
|
|
36
|
-
if (element) {
|
|
37
|
-
observer.observe(element);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
return () => observer.disconnect();
|
|
41
|
-
},
|
|
42
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
43
|
-
[...elements]);
|
|
44
|
-
return intersections;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
const _excluded = ["children", "className", "header", "focusElement", "forceFooterDivider", "forceHeaderDivider", "footer", "isLoading", "isOpen", "onClose", "parentElement", "contentRef", "preventAutoClose", "size", "zIndex", "dialogProps", "onVisibilityChange", "disableBodyScroll", "preventCloseOnClick", "preventCloseOnEscape"];
|
|
48
|
-
|
|
49
|
-
/**
|
|
50
|
-
* Defines the props of the component.
|
|
51
|
-
*/
|
|
52
|
-
|
|
53
|
-
const isHeader = isComponent('header');
|
|
54
|
-
const isFooter = isComponent('footer');
|
|
55
|
-
|
|
56
|
-
/**
|
|
57
|
-
* Component display name.
|
|
58
|
-
*/
|
|
59
|
-
const COMPONENT_NAME = 'Dialog';
|
|
60
|
-
|
|
61
|
-
/**
|
|
62
|
-
* Component default class name and class prefix.
|
|
63
|
-
*/
|
|
64
|
-
const CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* Component default props.
|
|
68
|
-
*/
|
|
69
|
-
const DEFAULT_PROPS = {
|
|
70
|
-
size: Size.big,
|
|
71
|
-
disableBodyScroll: true
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
/**
|
|
75
|
-
* Dialog component.
|
|
76
|
-
*
|
|
77
|
-
* @param props Component props.
|
|
78
|
-
* @param ref Component ref.
|
|
79
|
-
* @return React element.
|
|
80
|
-
*/
|
|
81
|
-
const Dialog = forwardRef((props, ref) => {
|
|
82
|
-
var _intersections$get$is, _intersections$get, _intersections$get$is2, _intersections$get2;
|
|
83
|
-
if (!DOCUMENT) {
|
|
84
|
-
// Can't render in SSR.
|
|
85
|
-
return null;
|
|
86
|
-
}
|
|
87
|
-
const {
|
|
88
|
-
children,
|
|
89
|
-
className,
|
|
90
|
-
header,
|
|
91
|
-
focusElement,
|
|
92
|
-
forceFooterDivider,
|
|
93
|
-
forceHeaderDivider,
|
|
94
|
-
footer,
|
|
95
|
-
isLoading,
|
|
96
|
-
isOpen,
|
|
97
|
-
onClose,
|
|
98
|
-
parentElement,
|
|
99
|
-
contentRef,
|
|
100
|
-
preventAutoClose,
|
|
101
|
-
size,
|
|
102
|
-
zIndex,
|
|
103
|
-
dialogProps,
|
|
104
|
-
onVisibilityChange,
|
|
105
|
-
disableBodyScroll,
|
|
106
|
-
preventCloseOnClick,
|
|
107
|
-
preventCloseOnEscape
|
|
108
|
-
} = props,
|
|
109
|
-
forwardedProps = _objectWithoutProperties(props, _excluded);
|
|
110
|
-
|
|
111
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
112
|
-
const previousOpen = React__default.useRef(isOpen);
|
|
113
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
114
|
-
React__default.useEffect(() => {
|
|
115
|
-
if (isOpen !== previousOpen.current) {
|
|
116
|
-
previousOpen.current = isOpen;
|
|
117
|
-
|
|
118
|
-
// Focus the parent element on close.
|
|
119
|
-
if (!isOpen && parentElement && parentElement.current) {
|
|
120
|
-
parentElement.current.focus();
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
}, [isOpen, parentElement]);
|
|
124
|
-
const shouldPreventCloseOnEscape = preventAutoClose || preventCloseOnEscape;
|
|
125
|
-
|
|
126
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
127
|
-
useCallbackOnEscape(onClose, isOpen && !shouldPreventCloseOnEscape);
|
|
128
|
-
|
|
129
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
130
|
-
const wrapperRef = useRef(null);
|
|
131
|
-
/**
|
|
132
|
-
* Since the `contentRef` comes from the parent and is optional,
|
|
133
|
-
* we need to create a stable contentRef that will always be available.
|
|
134
|
-
*/
|
|
135
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
136
|
-
const localContentRef = useRef(null);
|
|
137
|
-
// Handle focus trap.
|
|
138
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
139
|
-
useFocusTrap(isOpen && wrapperRef.current, focusElement === null || focusElement === void 0 ? void 0 : focusElement.current);
|
|
140
|
-
|
|
141
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
142
|
-
useDisableBodyScroll(disableBodyScroll && isOpen && localContentRef.current);
|
|
143
|
-
|
|
144
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
145
|
-
const [sentinelTop, setSentinelTop] = useState(null);
|
|
146
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
147
|
-
const [sentinelBottom, setSentinelBottom] = useState(null);
|
|
148
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
149
|
-
const intersections = useIntersectionObserver([sentinelTop, sentinelBottom], {
|
|
150
|
-
threshold: [0, 1]
|
|
151
|
-
});
|
|
152
|
-
const hasTopIntersection = sentinelTop && !((_intersections$get$is = (_intersections$get = intersections.get(sentinelTop)) === null || _intersections$get === void 0 ? void 0 : _intersections$get.isIntersecting) !== null && _intersections$get$is !== void 0 ? _intersections$get$is : true);
|
|
153
|
-
const hasBottomIntersection = sentinelBottom && !((_intersections$get$is2 = (_intersections$get2 = intersections.get(sentinelBottom)) === null || _intersections$get2 === void 0 ? void 0 : _intersections$get2.isIntersecting) !== null && _intersections$get$is2 !== void 0 ? _intersections$get$is2 : true);
|
|
154
|
-
|
|
155
|
-
// Separate header, footer and dialog content from children.
|
|
156
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
157
|
-
const [[headerChild], [footerChild], content] = useMemo(() => partitionMulti(Children.toArray(children), [isHeader, isFooter]), [children]);
|
|
158
|
-
const headerChildProps = headerChild === null || headerChild === void 0 ? void 0 : headerChild.props;
|
|
159
|
-
const headerChildContent = headerChildProps === null || headerChildProps === void 0 ? void 0 : headerChildProps.children;
|
|
160
|
-
const footerChildProps = footerChild === null || footerChild === void 0 ? void 0 : footerChild.props;
|
|
161
|
-
const footerChildContent = footerChildProps === null || footerChildProps === void 0 ? void 0 : footerChildProps.children;
|
|
162
|
-
|
|
163
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
164
|
-
const clickAwayRefs = useRef([wrapperRef]);
|
|
165
|
-
|
|
166
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
167
|
-
const rootRef = useRef(null);
|
|
168
|
-
|
|
169
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
170
|
-
const isVisible = useTransitionVisibility(rootRef, Boolean(isOpen), DIALOG_TRANSITION_DURATION, onVisibilityChange);
|
|
171
|
-
const shouldPreventCloseOnClickAway = preventAutoClose || preventCloseOnClick;
|
|
172
|
-
return isOpen || isVisible ? /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement("div", _extends({
|
|
173
|
-
ref: mergeRefs(rootRef, ref)
|
|
174
|
-
}, forwardedProps, {
|
|
175
|
-
className: classNames(className, handleBasicClasses({
|
|
176
|
-
isHidden: !isOpen,
|
|
177
|
-
isLoading,
|
|
178
|
-
isShown: isOpen || isVisible,
|
|
179
|
-
prefix: CLASSNAME,
|
|
180
|
-
size
|
|
181
|
-
})),
|
|
182
|
-
style: {
|
|
183
|
-
zIndex
|
|
184
|
-
}
|
|
185
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
186
|
-
className: `${CLASSNAME}__overlay`
|
|
187
|
-
}), /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
|
188
|
-
value: undefined
|
|
189
|
-
}, /*#__PURE__*/React__default.createElement("section", _extends({
|
|
190
|
-
className: `${CLASSNAME}__container`,
|
|
191
|
-
role: "dialog",
|
|
192
|
-
"aria-modal": "true"
|
|
193
|
-
}, dialogProps), /*#__PURE__*/React__default.createElement(ClickAwayProvider, {
|
|
194
|
-
callback: !shouldPreventCloseOnClickAway && onClose,
|
|
195
|
-
childrenRefs: clickAwayRefs,
|
|
196
|
-
parentRef: rootRef
|
|
197
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
198
|
-
className: `${CLASSNAME}__wrapper`,
|
|
199
|
-
ref: wrapperRef
|
|
200
|
-
}, (header || headerChildContent) && /*#__PURE__*/React__default.createElement("header", _extends({}, headerChildProps, {
|
|
201
|
-
className: classNames(`${CLASSNAME}__header`, (forceHeaderDivider || hasTopIntersection) && `${CLASSNAME}__header--has-divider`, headerChildProps === null || headerChildProps === void 0 ? void 0 : headerChildProps.className)
|
|
202
|
-
}), header, headerChildContent), /*#__PURE__*/React__default.createElement("div", {
|
|
203
|
-
ref: mergeRefs(contentRef, localContentRef),
|
|
204
|
-
className: `${CLASSNAME}__content`
|
|
205
|
-
}, /*#__PURE__*/React__default.createElement("div", {
|
|
206
|
-
className: `${CLASSNAME}__sentinel ${CLASSNAME}__sentinel--top`,
|
|
207
|
-
ref: setSentinelTop
|
|
208
|
-
}), content, /*#__PURE__*/React__default.createElement("div", {
|
|
209
|
-
className: `${CLASSNAME}__sentinel ${CLASSNAME}__sentinel--bottom`,
|
|
210
|
-
ref: setSentinelBottom
|
|
211
|
-
})), (footer || footerChildContent) && /*#__PURE__*/React__default.createElement("footer", _extends({}, footerChildProps, {
|
|
212
|
-
className: classNames(`${CLASSNAME}__footer`, (forceFooterDivider || hasBottomIntersection) && `${CLASSNAME}__footer--has-divider`, footerChildProps === null || footerChildProps === void 0 ? void 0 : footerChildProps.className)
|
|
213
|
-
}), footer, footerChildContent), isLoading && /*#__PURE__*/React__default.createElement("div", {
|
|
214
|
-
className: `${CLASSNAME}__progress-overlay`
|
|
215
|
-
}, /*#__PURE__*/React__default.createElement(Progress, {
|
|
216
|
-
variant: ProgressVariant.circular
|
|
217
|
-
}))))))), document.body) : null;
|
|
218
|
-
});
|
|
219
|
-
Dialog.displayName = COMPONENT_NAME;
|
|
220
|
-
Dialog.className = CLASSNAME;
|
|
221
|
-
Dialog.defaultProps = DEFAULT_PROPS;
|
|
222
|
-
|
|
223
|
-
export { Dialog };
|
|
224
|
-
//# sourceMappingURL=index.ts-ea044db2.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.ts-ea044db2.js","sources":["../../../../src/hooks/useIntersectionObserver.tsx","../../../../src/components/dialog/Dialog.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type Intersections<T> = Map<T, IntersectionObserverEntry>;\n\n/**\n * Convenient hook to create interaction observers.\n *\n * @param elements Elements to observe.\n * @param options IntersectionObserver options.\n * @return Map of intersections.\n */\nexport function useIntersectionObserver<T extends Element>(\n elements: Array<T | null | undefined>,\n options?: IntersectionObserverInit,\n): Intersections<T> {\n const [intersections, setIntersections] = useState<Intersections<T>>(() => new Map());\n\n useEffect(\n () => {\n if (elements.length < 1 || !elements.some(Boolean)) {\n return undefined;\n }\n\n const observer = new IntersectionObserver((entries) => {\n for (const entry of entries) {\n intersections.set(entry.target as T, entry);\n }\n setIntersections(new Map(intersections));\n }, options);\n\n for (const element of elements) {\n if (element) {\n observer.observe(element);\n }\n }\n return () => observer.disconnect();\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [...elements],\n );\n\n return intersections;\n}\n","import React, { Children, ReactElement, ReactNode, Ref, RefObject, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport classNames from 'classnames';\n\nimport { Progress, ProgressVariant, Size } from '@lumx/react';\n\nimport { DIALOG_TRANSITION_DURATION, DOCUMENT } from '@lumx/react/constants';\nimport { useCallbackOnEscape } from '@lumx/react/hooks/useCallbackOnEscape';\nimport { useFocusTrap } from '@lumx/react/hooks/useFocusTrap';\nimport { useIntersectionObserver } from '@lumx/react/hooks/useIntersectionObserver';\n\nimport { GenericProps, isComponent } from '@lumx/react/utils/type';\nimport { partitionMulti } from '@lumx/react/utils/partitionMulti';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { ClickAwayProvider } from '@lumx/react/utils/ClickAwayProvider';\nimport { mergeRefs } from '@lumx/react/utils/mergeRefs';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useDisableBodyScroll } from '@lumx/react/hooks/useDisableBodyScroll';\nimport { useTransitionVisibility } from '@lumx/react/hooks/useTransitionVisibility';\nimport { ThemeProvider } from '@lumx/react/utils/theme/ThemeContext';\n\n/**\n * Defines the props of the component.\n */\nexport interface DialogProps extends GenericProps {\n /** Footer content. */\n footer?: ReactNode;\n /** Whether the divider between the dialog content and the footer is always displayed (instead of showing it on scroll). */\n forceFooterDivider?: boolean;\n /** Header content. */\n header?: ReactNode;\n /** Whether the divider between the dialog content and the footer is always displayed (instead of showing it on scroll). */\n forceHeaderDivider?: boolean;\n /** Whether the indefinite progress indicator over the dialog content is displayed or not. */\n isLoading?: boolean;\n /** Whether the component is open or not. */\n isOpen?: boolean;\n /** Reference to the parent element that triggered modal opening (will get back focus on close). */\n parentElement?: RefObject<HTMLElement>;\n /** Reference to the dialog content element. */\n contentRef?: Ref<HTMLDivElement>;\n /** Reference to the of the element that should get the focus when the dialogs opens. By default, the first child will take focus. */\n focusElement?: RefObject<HTMLElement>;\n /** Whether to keep the dialog open on clickaway or escape press. */\n preventAutoClose?: boolean;\n /** Whether to keep the dialog open on escape press. */\n preventCloseOnEscape?: boolean;\n /** Whether to keep the dialog open on clickaway. */\n preventCloseOnClick?: boolean;\n /** Size variant. */\n size?: DialogSizes;\n /** Z-axis position. */\n zIndex?: number;\n /** Z-axis position. */\n dialogProps?: GenericProps;\n /** On close callback. */\n onClose?(): void;\n /** Callback called when the open animation starts and the close animation finishes. */\n onVisibilityChange?(isVisible: boolean): void;\n /** whether to disable the scroll on the body or not */\n disableBodyScroll?: boolean;\n}\n\nexport type DialogSizes = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;\n\nconst isHeader = isComponent('header');\nconst isFooter = isComponent('footer');\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Dialog';\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<DialogProps> = {\n size: Size.big,\n disableBodyScroll: true,\n};\n\n/**\n * Dialog component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Dialog = forwardRef<DialogProps, HTMLDivElement>((props, ref) => {\n if (!DOCUMENT) {\n // Can't render in SSR.\n return null;\n }\n\n const {\n children,\n className,\n header,\n focusElement,\n forceFooterDivider,\n forceHeaderDivider,\n footer,\n isLoading,\n isOpen,\n onClose,\n parentElement,\n contentRef,\n preventAutoClose,\n size,\n zIndex,\n dialogProps,\n onVisibilityChange,\n disableBodyScroll,\n preventCloseOnClick,\n preventCloseOnEscape,\n ...forwardedProps\n } = props;\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const previousOpen = React.useRef(isOpen);\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(() => {\n if (isOpen !== previousOpen.current) {\n previousOpen.current = isOpen;\n\n // Focus the parent element on close.\n if (!isOpen && parentElement && parentElement.current) {\n parentElement.current.focus();\n }\n }\n }, [isOpen, parentElement]);\n\n const shouldPreventCloseOnEscape = preventAutoClose || preventCloseOnEscape;\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useCallbackOnEscape(onClose, isOpen && !shouldPreventCloseOnEscape);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const wrapperRef = useRef<HTMLDivElement>(null);\n /**\n * Since the `contentRef` comes from the parent and is optional,\n * we need to create a stable contentRef that will always be available.\n */\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const localContentRef = useRef<HTMLDivElement>(null);\n // Handle focus trap.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useFocusTrap(isOpen && wrapperRef.current, focusElement?.current);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useDisableBodyScroll(disableBodyScroll && isOpen && localContentRef.current);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [sentinelTop, setSentinelTop] = useState<Element | null>(null);\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [sentinelBottom, setSentinelBottom] = useState<Element | null>(null);\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const intersections = useIntersectionObserver([sentinelTop, sentinelBottom], {\n threshold: [0, 1],\n });\n\n const hasTopIntersection = sentinelTop && !(intersections.get(sentinelTop)?.isIntersecting ?? true);\n const hasBottomIntersection = sentinelBottom && !(intersections.get(sentinelBottom)?.isIntersecting ?? true);\n\n // Separate header, footer and dialog content from children.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [[headerChild], [footerChild], content] = useMemo(\n () => partitionMulti(Children.toArray(children), [isHeader, isFooter]),\n [children],\n );\n const headerChildProps = (headerChild as ReactElement)?.props;\n const headerChildContent = headerChildProps?.children;\n const footerChildProps = (footerChild as ReactElement)?.props;\n const footerChildContent = footerChildProps?.children;\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const clickAwayRefs = useRef([wrapperRef]);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const rootRef = useRef<HTMLDivElement>(null);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const isVisible = useTransitionVisibility(rootRef, Boolean(isOpen), DIALOG_TRANSITION_DURATION, onVisibilityChange);\n\n const shouldPreventCloseOnClickAway = preventAutoClose || preventCloseOnClick;\n\n return isOpen || isVisible\n ? createPortal(\n <div\n ref={mergeRefs(rootRef, ref)}\n {...forwardedProps}\n className={classNames(\n className,\n handleBasicClasses({\n isHidden: !isOpen,\n isLoading,\n isShown: isOpen || isVisible,\n prefix: CLASSNAME,\n size,\n }),\n )}\n style={{ zIndex }}\n >\n <div className={`${CLASSNAME}__overlay`} />\n\n <ThemeProvider value={undefined}>\n <section className={`${CLASSNAME}__container`} role=\"dialog\" aria-modal=\"true\" {...dialogProps}>\n <ClickAwayProvider\n callback={!shouldPreventCloseOnClickAway && onClose}\n childrenRefs={clickAwayRefs}\n parentRef={rootRef}\n >\n <div className={`${CLASSNAME}__wrapper`} ref={wrapperRef}>\n {(header || headerChildContent) && (\n <header\n {...headerChildProps}\n className={classNames(\n `${CLASSNAME}__header`,\n (forceHeaderDivider || hasTopIntersection) &&\n `${CLASSNAME}__header--has-divider`,\n headerChildProps?.className,\n )}\n >\n {header}\n {headerChildContent}\n </header>\n )}\n\n <div ref={mergeRefs(contentRef, localContentRef)} className={`${CLASSNAME}__content`}>\n <div\n className={`${CLASSNAME}__sentinel ${CLASSNAME}__sentinel--top`}\n ref={setSentinelTop}\n />\n\n {content}\n\n <div\n className={`${CLASSNAME}__sentinel ${CLASSNAME}__sentinel--bottom`}\n ref={setSentinelBottom}\n />\n </div>\n\n {(footer || footerChildContent) && (\n <footer\n {...footerChildProps}\n className={classNames(\n `${CLASSNAME}__footer`,\n (forceFooterDivider || hasBottomIntersection) &&\n `${CLASSNAME}__footer--has-divider`,\n footerChildProps?.className,\n )}\n >\n {footer}\n {footerChildContent}\n </footer>\n )}\n\n {isLoading && (\n <div className={`${CLASSNAME}__progress-overlay`}>\n <Progress variant={ProgressVariant.circular} />\n </div>\n )}\n </div>\n </ClickAwayProvider>\n </section>\n </ThemeProvider>\n </div>,\n document.body,\n )\n : null;\n});\nDialog.displayName = COMPONENT_NAME;\nDialog.className = CLASSNAME;\nDialog.defaultProps = DEFAULT_PROPS;\n"],"names":["useIntersectionObserver","elements","options","intersections","setIntersections","useState","Map","useEffect","length","some","Boolean","undefined","observer","IntersectionObserver","entries","entry","set","target","element","observe","disconnect","isHeader","isComponent","isFooter","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","size","Size","big","disableBodyScroll","Dialog","forwardRef","props","ref","_intersections$get$is","_intersections$get","_intersections$get$is2","_intersections$get2","DOCUMENT","children","className","header","focusElement","forceFooterDivider","forceHeaderDivider","footer","isLoading","isOpen","onClose","parentElement","contentRef","preventAutoClose","zIndex","dialogProps","onVisibilityChange","preventCloseOnClick","preventCloseOnEscape","forwardedProps","_objectWithoutProperties","_excluded","previousOpen","React","useRef","current","focus","shouldPreventCloseOnEscape","useCallbackOnEscape","wrapperRef","localContentRef","useFocusTrap","useDisableBodyScroll","sentinelTop","setSentinelTop","sentinelBottom","setSentinelBottom","threshold","hasTopIntersection","get","isIntersecting","hasBottomIntersection","headerChild","footerChild","content","useMemo","partitionMulti","Children","toArray","headerChildProps","headerChildContent","footerChildProps","footerChildContent","clickAwayRefs","rootRef","isVisible","useTransitionVisibility","DIALOG_TRANSITION_DURATION","shouldPreventCloseOnClickAway","createPortal","createElement","_extends","mergeRefs","classNames","handleBasicClasses","isHidden","isShown","prefix","style","ThemeProvider","value","role","ClickAwayProvider","callback","childrenRefs","parentRef","Progress","variant","ProgressVariant","circular","document","body","displayName","defaultProps"],"mappings":"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"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { G as GenericProps, S as Size, C as Comp } from '../../8d67e1e3.js';
|
|
2
|
-
import { ReactNode, RefObject, Ref } from 'react';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Defines the props of the component.
|
|
6
|
-
*/
|
|
7
|
-
interface DialogProps extends GenericProps {
|
|
8
|
-
/** Footer content. */
|
|
9
|
-
footer?: ReactNode;
|
|
10
|
-
/** Whether the divider between the dialog content and the footer is always displayed (instead of showing it on scroll). */
|
|
11
|
-
forceFooterDivider?: boolean;
|
|
12
|
-
/** Header content. */
|
|
13
|
-
header?: ReactNode;
|
|
14
|
-
/** Whether the divider between the dialog content and the footer is always displayed (instead of showing it on scroll). */
|
|
15
|
-
forceHeaderDivider?: boolean;
|
|
16
|
-
/** Whether the indefinite progress indicator over the dialog content is displayed or not. */
|
|
17
|
-
isLoading?: boolean;
|
|
18
|
-
/** Whether the component is open or not. */
|
|
19
|
-
isOpen?: boolean;
|
|
20
|
-
/** Reference to the parent element that triggered modal opening (will get back focus on close). */
|
|
21
|
-
parentElement?: RefObject<HTMLElement>;
|
|
22
|
-
/** Reference to the dialog content element. */
|
|
23
|
-
contentRef?: Ref<HTMLDivElement>;
|
|
24
|
-
/** Reference to the of the element that should get the focus when the dialogs opens. By default, the first child will take focus. */
|
|
25
|
-
focusElement?: RefObject<HTMLElement>;
|
|
26
|
-
/** Whether to keep the dialog open on clickaway or escape press. */
|
|
27
|
-
preventAutoClose?: boolean;
|
|
28
|
-
/** Whether to keep the dialog open on escape press. */
|
|
29
|
-
preventCloseOnEscape?: boolean;
|
|
30
|
-
/** Whether to keep the dialog open on clickaway. */
|
|
31
|
-
preventCloseOnClick?: boolean;
|
|
32
|
-
/** Size variant. */
|
|
33
|
-
size?: DialogSizes;
|
|
34
|
-
/** Z-axis position. */
|
|
35
|
-
zIndex?: number;
|
|
36
|
-
/** Z-axis position. */
|
|
37
|
-
dialogProps?: GenericProps;
|
|
38
|
-
/** On close callback. */
|
|
39
|
-
onClose?(): void;
|
|
40
|
-
/** Callback called when the open animation starts and the close animation finishes. */
|
|
41
|
-
onVisibilityChange?(isVisible: boolean): void;
|
|
42
|
-
/** whether to disable the scroll on the body or not */
|
|
43
|
-
disableBodyScroll?: boolean;
|
|
44
|
-
}
|
|
45
|
-
type DialogSizes = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;
|
|
46
|
-
/**
|
|
47
|
-
* Dialog component.
|
|
48
|
-
*
|
|
49
|
-
* @param props Component props.
|
|
50
|
-
* @param ref Component ref.
|
|
51
|
-
* @return React element.
|
|
52
|
-
*/
|
|
53
|
-
declare const Dialog: Comp<DialogProps, HTMLDivElement>;
|
|
54
|
-
|
|
55
|
-
export { Dialog, type DialogProps, type DialogSizes };
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { h as getRootClassName, i as forwardRef, T as Theme, j as _objectWithoutProperties, _ as _extends, g as classNames } 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
|
-
|
|
6
|
-
const _excluded = ["className", "theme"];
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Defines the props of the component.
|
|
10
|
-
*/
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* Component display name.
|
|
14
|
-
*/
|
|
15
|
-
const COMPONENT_NAME = 'Divider';
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* Component default class name and class prefix.
|
|
19
|
-
*/
|
|
20
|
-
const CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Component default props.
|
|
24
|
-
*/
|
|
25
|
-
const DEFAULT_PROPS = {};
|
|
26
|
-
|
|
27
|
-
/**
|
|
28
|
-
* Divider component.
|
|
29
|
-
*
|
|
30
|
-
* @param props Component props.
|
|
31
|
-
* @param ref Component ref.
|
|
32
|
-
* @return React element.
|
|
33
|
-
*/
|
|
34
|
-
const Divider = forwardRef((props, ref) => {
|
|
35
|
-
const defaultTheme = useTheme() || Theme.light;
|
|
36
|
-
const {
|
|
37
|
-
className,
|
|
38
|
-
theme = defaultTheme
|
|
39
|
-
} = props,
|
|
40
|
-
forwardedProps = _objectWithoutProperties(props, _excluded);
|
|
41
|
-
return /*#__PURE__*/React__default.createElement("hr", _extends({
|
|
42
|
-
ref: ref
|
|
43
|
-
}, forwardedProps, {
|
|
44
|
-
className: classNames(className, handleBasicClasses({
|
|
45
|
-
prefix: CLASSNAME,
|
|
46
|
-
theme
|
|
47
|
-
}))
|
|
48
|
-
}));
|
|
49
|
-
});
|
|
50
|
-
Divider.displayName = COMPONENT_NAME;
|
|
51
|
-
Divider.className = CLASSNAME;
|
|
52
|
-
Divider.defaultProps = DEFAULT_PROPS;
|
|
53
|
-
|
|
54
|
-
export { Divider };
|
|
55
|
-
//# sourceMappingURL=index.ts-4a56db75.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.ts-4a56db75.js","sources":["../../../../src/components/divider/Divider.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 DividerProps extends GenericProps, HasTheme {}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Divider';\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<DividerProps> = {};\n\n/**\n * Divider component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Divider = forwardRef<DividerProps, HTMLHRElement>((props, ref) => {\n const defaultTheme = useTheme() || Theme.light;\n const { className, theme = defaultTheme, ...forwardedProps } = props;\n\n return (\n <hr\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }))}\n />\n );\n});\nDivider.displayName = COMPONENT_NAME;\nDivider.className = CLASSNAME;\nDivider.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Divider","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","theme","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","handleBasicClasses","prefix","displayName","defaultProps"],"mappings":";;;;;;;AAUA;AACA;AACA;;AAGA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,SAAS,CAAA;;AAEhC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAoC,GAAG,EAAE,CAAA;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,OAAO,GAAGC,UAAU,CAA8B,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC3E,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;MAAEC,SAAS;AAAEC,MAAAA,KAAK,GAAGL,YAAAA;AAAgC,KAAC,GAAGF,KAAK;AAAxBQ,IAAAA,cAAc,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;AAEpE,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAAA,IAAA,EAAAC,QAAA,CAAA;AACIZ,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EACLO,cAAc,EAAA;AAClBF,IAAAA,SAAS,EAAEQ,UAAU,CAACR,SAAS,EAAES,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAErB,SAAS;AAAEY,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAA;AAAE,GAAA,CACtF,CAAC,CAAA;AAEV,CAAC,EAAC;AACFT,OAAO,CAACmB,WAAW,GAAGvB,cAAc,CAAA;AACpCI,OAAO,CAACQ,SAAS,GAAGX,SAAS,CAAA;AAC7BG,OAAO,CAACoB,YAAY,GAAGrB,aAAa;;;;"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { G as GenericProps, H as HasTheme, C as Comp } from '../../8d67e1e3.js';
|
|
2
|
-
import 'react';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Defines the props of the component.
|
|
6
|
-
*/
|
|
7
|
-
interface DividerProps extends GenericProps, HasTheme {
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* Divider component.
|
|
11
|
-
*
|
|
12
|
-
* @param props Component props.
|
|
13
|
-
* @param ref Component ref.
|
|
14
|
-
* @return React element.
|
|
15
|
-
*/
|
|
16
|
-
declare const Divider: Comp<DividerProps, HTMLHRElement>;
|
|
17
|
-
|
|
18
|
-
export { Divider, type DividerProps };
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { h as getRootClassName, i as forwardRef, j as _objectWithoutProperties, _ as _extends, g as classNames, T as Theme, C as ColorPalette, 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, l as mdiDragVertical } from '../../c6c99f76.js';
|
|
6
|
-
|
|
7
|
-
const _excluded = ["className", "theme"];
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Defines the props of the component.
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* Component display name.
|
|
15
|
-
*/
|
|
16
|
-
const COMPONENT_NAME = 'DragHandle';
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* Component default class name and class prefix.
|
|
20
|
-
*/
|
|
21
|
-
const CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* DragHandle component.
|
|
25
|
-
*
|
|
26
|
-
* @param props Component props.
|
|
27
|
-
* @param ref Component ref.
|
|
28
|
-
* @return React element.
|
|
29
|
-
*/
|
|
30
|
-
const DragHandle = forwardRef((props, ref) => {
|
|
31
|
-
const defaultTheme = useTheme();
|
|
32
|
-
const {
|
|
33
|
-
className,
|
|
34
|
-
theme = defaultTheme
|
|
35
|
-
} = props,
|
|
36
|
-
forwardedProps = _objectWithoutProperties(props, _excluded);
|
|
37
|
-
return /*#__PURE__*/React__default.createElement("div", _extends({
|
|
38
|
-
ref: ref
|
|
39
|
-
}, forwardedProps, {
|
|
40
|
-
className: classNames(className, handleBasicClasses({
|
|
41
|
-
prefix: CLASSNAME,
|
|
42
|
-
theme
|
|
43
|
-
}))
|
|
44
|
-
}), /*#__PURE__*/React__default.createElement(Icon, {
|
|
45
|
-
icon: mdiDragVertical,
|
|
46
|
-
color: theme === Theme.dark ? ColorPalette.light : ColorPalette.dark,
|
|
47
|
-
size: Size.xs
|
|
48
|
-
}));
|
|
49
|
-
});
|
|
50
|
-
DragHandle.displayName = COMPONENT_NAME;
|
|
51
|
-
DragHandle.className = CLASSNAME;
|
|
52
|
-
|
|
53
|
-
export { DragHandle };
|
|
54
|
-
//# sourceMappingURL=index.ts-0aebf92f.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.ts-0aebf92f.js","sources":["../../../../src/components/drag-handle/DragHandle.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiDragVertical } from '@lumx/icons';\nimport { ColorPalette, Icon, Size, 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 DragHandleProps extends GenericProps, HasTheme {}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'DragHandle';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * DragHandle component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const DragHandle = forwardRef<DragHandleProps, HTMLDivElement>((props, ref) => {\n const defaultTheme = useTheme();\n const { className, theme = defaultTheme, ...forwardedProps } = props;\n\n return (\n <div\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }))}\n >\n <Icon\n icon={mdiDragVertical}\n color={theme === Theme.dark ? ColorPalette.light : ColorPalette.dark}\n size={Size.xs}\n />\n </div>\n );\n});\nDragHandle.displayName = COMPONENT_NAME;\nDragHandle.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DragHandle","forwardRef","props","ref","defaultTheme","useTheme","className","theme","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","handleBasicClasses","prefix","Icon","icon","mdiDragVertical","color","Theme","dark","ColorPalette","light","size","Size","xs","displayName"],"mappings":";;;;;;;;AAWA;AACA;AACA;;AAGA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,YAAY,CAAA;;AAEnC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,UAAU,GAAGC,UAAU,CAAkC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAClF,EAAA,MAAMC,YAAY,GAAGC,QAAQ,EAAE,CAAA;EAC/B,MAAM;MAAEC,SAAS;AAAEC,MAAAA,KAAK,GAAGH,YAAAA;AAAgC,KAAC,GAAGF,KAAK;AAAxBM,IAAAA,cAAc,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAEpE,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACIV,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EACLK,cAAc,EAAA;AAClBF,IAAAA,SAAS,EAAEQ,UAAU,CAACR,SAAS,EAAES,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAElB,SAAS;AAAES,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAA;AAAE,GAAA,CAAA,eAEnFI,cAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AACDC,IAAAA,IAAI,EAAEC,eAAgB;AACtBC,IAAAA,KAAK,EAAEb,KAAK,KAAKc,KAAK,CAACC,IAAI,GAAGC,YAAY,CAACC,KAAK,GAAGD,YAAY,CAACD,IAAK;IACrEG,IAAI,EAAEC,IAAI,CAACC,EAAAA;AAAG,GACjB,CACA,CAAC,CAAA;AAEd,CAAC,EAAC;AACF3B,UAAU,CAAC4B,WAAW,GAAG/B,cAAc,CAAA;AACvCG,UAAU,CAACM,SAAS,GAAGR,SAAS;;;;"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { G as GenericProps, H as HasTheme, C as Comp } from '../../8d67e1e3.js';
|
|
2
|
-
import 'react';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Defines the props of the component.
|
|
6
|
-
*/
|
|
7
|
-
interface DragHandleProps extends GenericProps, HasTheme {
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* DragHandle component.
|
|
11
|
-
*
|
|
12
|
-
* @param props Component props.
|
|
13
|
-
* @param ref Component ref.
|
|
14
|
-
* @return React element.
|
|
15
|
-
*/
|
|
16
|
-
declare const DragHandle: Comp<DragHandleProps, HTMLDivElement>;
|
|
17
|
-
|
|
18
|
-
export { DragHandle, type DragHandleProps };
|