@ncds/ui-admin 1.7.0 → 1.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/assets/scripts/baseBox.js +54 -56
- package/dist/cjs/assets/scripts/comboBox.js +54 -105
- package/dist/cjs/assets/scripts/datePicker.js +289 -324
- package/dist/cjs/assets/scripts/featuredIcon.js +41 -49
- package/dist/cjs/assets/scripts/fileInput/const/classNames.js +4 -10
- package/dist/cjs/assets/scripts/fileInput/fileInput.js +33 -34
- package/dist/cjs/assets/scripts/fileInput/fileInputModel.js +27 -35
- package/dist/cjs/assets/scripts/fileInput/fileInputView.js +53 -48
- package/dist/cjs/assets/scripts/imageFileInput/ImageFileInput.js +61 -64
- package/dist/cjs/assets/scripts/imageFileInput/ImageFileInputModel.js +79 -112
- package/dist/cjs/assets/scripts/imageFileInput/ImageFileInputView.js +107 -105
- package/dist/cjs/assets/scripts/imageFileInput/const/classNames.js +6 -16
- package/dist/cjs/assets/scripts/index.js +2 -0
- package/dist/cjs/assets/scripts/modal/Modal.js +43 -55
- package/dist/cjs/assets/scripts/modal/ModalActions.js +40 -52
- package/dist/cjs/assets/scripts/modal/ModalContent.js +22 -22
- package/dist/cjs/assets/scripts/modal/ModalHeader.js +37 -48
- package/dist/cjs/assets/scripts/modal/const/classNames.js +5 -13
- package/dist/cjs/assets/scripts/modal/utils/contentUtils.js +1 -1
- package/dist/cjs/assets/scripts/notification/FloatingNotification.js +91 -93
- package/dist/cjs/assets/scripts/notification/FullWidthNotification.js +92 -80
- package/dist/cjs/assets/scripts/notification/MessageNotification.js +92 -79
- package/dist/cjs/assets/scripts/notification/Notification.js +50 -65
- package/dist/cjs/assets/scripts/notification/const/classNames.js +1 -1
- package/dist/cjs/assets/scripts/notification/const/icons.js +11 -25
- package/dist/cjs/assets/scripts/notification/const/sizes.js +11 -19
- package/dist/cjs/assets/scripts/notification/const/types.js +1 -1
- package/dist/cjs/assets/scripts/notification/utils.js +28 -23
- package/dist/cjs/assets/scripts/progress-bar/ProgressBar.js +140 -141
- package/dist/cjs/assets/scripts/selectBox.js +72 -132
- package/dist/cjs/assets/scripts/shared/ButtonCloseX.js +18 -19
- package/dist/cjs/assets/scripts/slider.js +104 -122
- package/dist/cjs/assets/scripts/tab.js +8 -8
- package/dist/cjs/assets/scripts/table/Table.js +377 -0
- package/dist/cjs/assets/scripts/table/const/classNames.js +33 -0
- package/dist/cjs/assets/scripts/table/const/index.js +27 -0
- package/dist/cjs/assets/scripts/table/const/types.js +5 -0
- package/dist/cjs/assets/scripts/table/index.js +43 -0
- package/dist/cjs/assets/scripts/tag/Tag.js +108 -115
- package/dist/cjs/assets/scripts/tag/const/classNames.js +3 -7
- package/dist/cjs/assets/scripts/tag/const/sizes.js +4 -4
- package/dist/cjs/assets/scripts/tooltip/Tooltip.js +155 -182
- package/dist/cjs/assets/scripts/tooltip/TooltipLayerManager.js +23 -25
- package/dist/cjs/assets/scripts/tooltip/const/classNames.js +1 -1
- package/dist/cjs/assets/scripts/tooltip/const/constants.js +14 -14
- package/dist/cjs/assets/scripts/tooltip/const/icons.js +7 -7
- package/dist/cjs/assets/scripts/tooltip/const/templates.js +42 -25
- package/dist/cjs/assets/scripts/tooltip/utils.js +17 -18
- package/dist/cjs/assets/scripts/utils/debounce.js +7 -8
- package/dist/cjs/assets/scripts/utils/unifiedBox/domRenderer.js +102 -116
- package/dist/cjs/assets/scripts/utils/unifiedBox/dropdownModel.js +103 -144
- package/dist/cjs/assets/scripts/utils/unifiedBox/unifiedBoxController.js +180 -207
- package/dist/cjs/assets/scripts/utils/unifiedBox/unifiedBoxManager.js +166 -362
- package/dist/cjs/constant/color.js +1 -1
- package/dist/cjs/index.js +0 -297
- package/dist/cjs/src/components/badge/Badge.js +17 -30
- package/dist/cjs/src/components/badge/index.js +0 -11
- package/dist/cjs/src/components/badge/utils.js +11 -10
- package/dist/cjs/src/components/badge-group/BadgeGroup.js +42 -0
- package/dist/cjs/src/components/badge-group/index.js +16 -0
- package/dist/cjs/src/components/bread-crumb/BreadCrumb.js +55 -0
- package/dist/cjs/src/components/button/Button.js +37 -58
- package/dist/cjs/src/components/button/ButtonCloseX.js +12 -22
- package/dist/cjs/src/components/button/ButtonStepper.js +9 -7
- package/dist/cjs/src/components/button/index.js +0 -11
- package/dist/cjs/src/components/button-group/ButtonGroup.js +97 -0
- package/dist/cjs/src/components/button-group/index.js +16 -0
- package/dist/cjs/src/components/carousel-arrow/CarouselArrow.js +34 -0
- package/dist/cjs/src/components/carousel-arrow/index.js +16 -0
- package/dist/cjs/src/components/carousel-number-group/CarouselNumberGroup.js +33 -0
- package/dist/cjs/src/components/{carousel → carousel-number-group}/index.js +0 -11
- package/dist/cjs/src/components/checkbox/Checkbox.js +28 -49
- package/dist/cjs/src/components/checkbox/CheckboxInput.js +23 -42
- package/dist/cjs/src/components/combo-box/ComboBox.js +291 -0
- package/dist/cjs/src/components/data-grid/DataGrid.js +182 -0
- package/dist/cjs/src/components/data-grid/DataGrid.types.js +5 -0
- package/dist/cjs/src/components/data-grid/index.js +27 -0
- package/dist/cjs/src/components/date-picker/CustomInput.js +16 -32
- package/dist/cjs/src/components/date-picker/DatePicker.js +416 -256
- package/dist/cjs/src/components/date-picker/index.js +0 -22
- package/dist/cjs/src/components/date-picker/utils.js +2 -4
- package/dist/cjs/src/components/divider/Divider.js +14 -25
- package/dist/cjs/src/components/dot/Dot.js +11 -28
- package/dist/cjs/src/components/dropdown/Dropdown.js +90 -132
- package/dist/cjs/src/components/empty-state/EmptyState.js +28 -45
- package/dist/cjs/src/components/featured-icon/FeaturedIcon.js +14 -33
- package/dist/cjs/src/components/file-input/FileInput.js +102 -148
- package/dist/cjs/src/components/horizontal-tab/HorizontalTab.js +53 -0
- package/dist/cjs/src/components/horizontal-tab/index.js +16 -0
- package/dist/cjs/src/components/image-file-input/ImageFileInput.js +109 -170
- package/dist/cjs/src/components/image-file-input/components/ImagePreview.js +8 -17
- package/dist/cjs/src/components/index.js +156 -24
- package/dist/cjs/src/components/input-base/InputBase.js +195 -0
- package/dist/cjs/src/components/input-base/index.js +16 -0
- package/dist/cjs/src/components/modal/Modal.js +76 -105
- package/dist/cjs/src/components/notification/FloatingNotification.js +52 -80
- package/dist/cjs/src/components/notification/FullWidthNotification.js +67 -101
- package/dist/cjs/src/components/notification/MessageNotification.js +60 -89
- package/dist/cjs/src/components/notification/Notification.js +18 -36
- package/dist/cjs/src/components/number-input/NumberInput.js +112 -0
- package/dist/cjs/src/components/number-input/index.js +16 -0
- package/dist/cjs/src/components/pagination/NavButton.js +28 -42
- package/dist/cjs/src/components/pagination/Pagination.js +58 -97
- package/dist/cjs/src/components/password-input/PasswordInput.js +55 -0
- package/dist/cjs/src/components/password-input/index.js +16 -0
- package/dist/cjs/src/components/progress-bar/ProgressBar.js +45 -60
- package/dist/cjs/src/components/progress-bar/components/SegmentBar.js +11 -9
- package/dist/cjs/src/components/progress-bar/components/SegmentLabels.js +32 -43
- package/dist/cjs/src/components/progress-bar/hooks/useProgressBar.js +59 -78
- package/dist/cjs/src/components/progress-bar/utils.js +8 -8
- package/dist/cjs/src/components/progress-circle/ProgressCircle.js +49 -72
- package/dist/cjs/src/components/radio/Radio.js +24 -43
- package/dist/cjs/src/components/radio/RadioInput.js +18 -36
- package/dist/cjs/src/components/range-date-picker/RangeDatePicker.js +147 -0
- package/dist/cjs/src/components/range-date-picker/index.js +16 -0
- package/dist/cjs/src/components/range-date-picker-with-buttons/RangeDatePickerWithButtons.js +81 -0
- package/dist/cjs/src/components/range-date-picker-with-buttons/index.js +16 -0
- package/dist/cjs/src/components/select/Select.js +36 -63
- package/dist/cjs/src/components/select-box/SelectBox.js +260 -0
- package/dist/cjs/src/components/select-dropdown/SelectDropdown.js +64 -100
- package/dist/cjs/src/components/shared/hintText/HintText.js +13 -30
- package/dist/cjs/src/components/shared/label/Label.js +12 -29
- package/dist/cjs/src/components/slider/Slider.js +25 -28
- package/dist/cjs/src/components/spinner/Spinner.js +25 -39
- package/dist/cjs/src/components/switch/Switch.js +44 -69
- package/dist/cjs/src/components/tab/TabButton.js +41 -61
- package/dist/cjs/src/components/tab/index.js +0 -22
- package/dist/cjs/src/components/table/Table.js +381 -0
- package/dist/cjs/src/components/table/index.js +16 -0
- package/dist/cjs/src/components/table/types.js +5 -0
- package/dist/cjs/src/components/tag/Tag.js +65 -85
- package/dist/cjs/src/components/textarea/Textarea.js +79 -0
- package/dist/cjs/src/components/textarea/index.js +16 -0
- package/dist/cjs/src/components/toggle/Toggle.js +28 -52
- package/dist/cjs/src/components/tooltip/Tooltip.js +75 -108
- package/dist/cjs/src/components/vertical-tab/VerticalTab.js +48 -0
- package/dist/cjs/src/components/vertical-tab/index.js +16 -0
- package/dist/cjs/src/constant/breakpoint.js +3 -3
- package/dist/cjs/src/constant/date-picker.js +1 -1
- package/dist/cjs/src/constant/size.js +1 -1
- package/dist/cjs/src/hooks/dropdown/useDropdown.js +58 -60
- package/dist/cjs/src/hooks/dropdown/useDropdownKeyboard.js +37 -40
- package/dist/cjs/src/hooks/dropdown/useDropdownPosition.js +7 -9
- package/dist/cjs/src/hooks/dropdown/useOutsideClick.js +11 -11
- package/dist/cjs/src/hooks/dropdown/useScrollLock.js +23 -19
- package/dist/cjs/src/hooks/dropdown/useWindowResize.js +12 -13
- package/dist/cjs/src/hooks/useCallbackRef.js +2 -2
- package/dist/cjs/src/hooks/useMediaQuery.js +8 -11
- package/dist/cjs/src/hooks/useMergeRefs.js +2 -2
- package/dist/cjs/src/utils/date-picker.js +29 -30
- package/dist/cjs/src/utils/dropdown/dropdownUtils.js +39 -35
- package/dist/cjs/src/utils/dropdown/multiSelect.js +25 -45
- package/dist/esm/assets/scripts/baseBox.js +53 -57
- package/dist/esm/assets/scripts/comboBox.js +54 -107
- package/dist/esm/assets/scripts/datePicker.js +288 -324
- package/dist/esm/assets/scripts/featuredIcon.js +40 -50
- package/dist/esm/assets/scripts/fileInput/const/classNames.js +4 -10
- package/dist/esm/assets/scripts/fileInput/fileInput.js +32 -35
- package/dist/esm/assets/scripts/fileInput/fileInputModel.js +26 -36
- package/dist/esm/assets/scripts/fileInput/fileInputView.js +52 -49
- package/dist/esm/assets/scripts/imageFileInput/ImageFileInput.js +60 -65
- package/dist/esm/assets/scripts/imageFileInput/ImageFileInputModel.js +78 -113
- package/dist/esm/assets/scripts/imageFileInput/ImageFileInputView.js +106 -106
- package/dist/esm/assets/scripts/imageFileInput/const/classNames.js +6 -16
- package/dist/esm/assets/scripts/index.js +2 -0
- package/dist/esm/assets/scripts/modal/Modal.js +43 -55
- package/dist/esm/assets/scripts/modal/ModalActions.js +39 -53
- package/dist/esm/assets/scripts/modal/ModalContent.js +21 -23
- package/dist/esm/assets/scripts/modal/ModalHeader.js +36 -49
- package/dist/esm/assets/scripts/modal/const/classNames.js +5 -13
- package/dist/esm/assets/scripts/modal/utils/contentUtils.js +1 -1
- package/dist/esm/assets/scripts/notification/FloatingNotification.js +90 -94
- package/dist/esm/assets/scripts/notification/FullWidthNotification.js +91 -81
- package/dist/esm/assets/scripts/notification/MessageNotification.js +91 -80
- package/dist/esm/assets/scripts/notification/Notification.js +49 -66
- package/dist/esm/assets/scripts/notification/const/classNames.js +1 -1
- package/dist/esm/assets/scripts/notification/const/icons.js +11 -25
- package/dist/esm/assets/scripts/notification/const/sizes.js +11 -19
- package/dist/esm/assets/scripts/notification/const/types.js +1 -1
- package/dist/esm/assets/scripts/notification/utils.js +28 -23
- package/dist/esm/assets/scripts/progress-bar/ProgressBar.js +139 -142
- package/dist/esm/assets/scripts/selectBox.js +71 -133
- package/dist/esm/assets/scripts/shared/ButtonCloseX.js +18 -19
- package/dist/esm/assets/scripts/slider.js +103 -123
- package/dist/esm/assets/scripts/tab.js +7 -9
- package/dist/esm/assets/scripts/table/Table.js +370 -0
- package/dist/esm/assets/scripts/table/const/classNames.js +27 -0
- package/dist/esm/assets/scripts/table/const/index.js +2 -0
- package/dist/esm/assets/scripts/table/const/types.js +1 -0
- package/dist/esm/assets/scripts/table/index.js +8 -0
- package/dist/esm/assets/scripts/tag/Tag.js +107 -116
- package/dist/esm/assets/scripts/tag/const/classNames.js +3 -7
- package/dist/esm/assets/scripts/tag/const/sizes.js +4 -4
- package/dist/esm/assets/scripts/tooltip/Tooltip.js +154 -183
- package/dist/esm/assets/scripts/tooltip/TooltipLayerManager.js +22 -26
- package/dist/esm/assets/scripts/tooltip/const/classNames.js +1 -1
- package/dist/esm/assets/scripts/tooltip/const/constants.js +14 -14
- package/dist/esm/assets/scripts/tooltip/const/icons.js +7 -7
- package/dist/esm/assets/scripts/tooltip/const/templates.js +42 -25
- package/dist/esm/assets/scripts/tooltip/utils.js +17 -18
- package/dist/esm/assets/scripts/utils/debounce.js +7 -8
- package/dist/esm/assets/scripts/utils/unifiedBox/domRenderer.js +101 -117
- package/dist/esm/assets/scripts/utils/unifiedBox/dropdownModel.js +103 -144
- package/dist/esm/assets/scripts/utils/unifiedBox/unifiedBoxController.js +179 -208
- package/dist/esm/assets/scripts/utils/unifiedBox/unifiedBoxManager.js +165 -363
- package/dist/esm/constant/color.js +1 -1
- package/dist/esm/index.js +0 -27
- package/dist/esm/src/components/badge/Badge.js +17 -30
- package/dist/esm/src/components/badge/index.js +1 -2
- package/dist/esm/src/components/badge/utils.js +11 -10
- package/dist/esm/src/components/badge-group/BadgeGroup.js +35 -0
- package/dist/esm/src/components/badge-group/index.js +1 -0
- package/dist/esm/src/components/bread-crumb/BreadCrumb.js +48 -0
- package/dist/esm/src/components/button/Button.js +37 -58
- package/dist/esm/src/components/button/ButtonCloseX.js +12 -22
- package/dist/esm/src/components/button/ButtonStepper.js +9 -7
- package/dist/esm/src/components/button/index.js +0 -1
- package/dist/esm/src/components/button-group/ButtonGroup.js +89 -0
- package/dist/esm/src/components/button-group/index.js +1 -0
- package/dist/esm/src/components/carousel-arrow/CarouselArrow.js +26 -0
- package/dist/esm/src/components/carousel-arrow/index.js +1 -0
- package/dist/esm/src/components/carousel-number-group/CarouselNumberGroup.js +25 -0
- package/dist/esm/src/components/carousel-number-group/index.js +1 -0
- package/dist/esm/src/components/checkbox/Checkbox.js +28 -49
- package/dist/esm/src/components/checkbox/CheckboxInput.js +23 -42
- package/dist/esm/src/components/combo-box/ComboBox.js +285 -0
- package/dist/esm/src/components/data-grid/DataGrid.js +175 -0
- package/dist/esm/src/components/data-grid/DataGrid.types.js +1 -0
- package/dist/esm/src/components/data-grid/index.js +2 -0
- package/dist/esm/src/components/date-picker/CustomInput.js +16 -32
- package/dist/esm/src/components/date-picker/DatePicker.js +421 -260
- package/dist/esm/src/components/date-picker/index.js +0 -2
- package/dist/esm/src/components/date-picker/utils.js +2 -4
- package/dist/esm/src/components/divider/Divider.js +14 -25
- package/dist/esm/src/components/dot/Dot.js +11 -28
- package/dist/esm/src/components/dropdown/Dropdown.js +90 -132
- package/dist/esm/src/components/empty-state/EmptyState.js +28 -45
- package/dist/esm/src/components/featured-icon/FeaturedIcon.js +14 -33
- package/dist/esm/src/components/file-input/FileInput.js +102 -148
- package/dist/esm/src/components/horizontal-tab/HorizontalTab.js +46 -0
- package/dist/esm/src/components/horizontal-tab/index.js +1 -0
- package/dist/esm/src/components/image-file-input/ImageFileInput.js +109 -170
- package/dist/esm/src/components/image-file-input/components/ImagePreview.js +8 -17
- package/dist/esm/src/components/index.js +18 -6
- package/dist/esm/src/components/input-base/InputBase.js +189 -0
- package/dist/esm/src/components/input-base/index.js +1 -0
- package/dist/esm/src/components/modal/Modal.js +76 -105
- package/dist/esm/src/components/notification/FloatingNotification.js +52 -80
- package/dist/esm/src/components/notification/FullWidthNotification.js +67 -101
- package/dist/esm/src/components/notification/MessageNotification.js +60 -89
- package/dist/esm/src/components/notification/Notification.js +18 -36
- package/dist/esm/src/components/{input → number-input}/NumberInput.js +34 -54
- package/dist/esm/src/components/number-input/index.js +1 -0
- package/dist/esm/src/components/pagination/NavButton.js +28 -42
- package/dist/esm/src/components/pagination/Pagination.js +58 -97
- package/dist/esm/src/components/password-input/PasswordInput.js +48 -0
- package/dist/esm/src/components/password-input/index.js +1 -0
- package/dist/esm/src/components/progress-bar/ProgressBar.js +45 -60
- package/dist/esm/src/components/progress-bar/components/SegmentBar.js +11 -9
- package/dist/esm/src/components/progress-bar/components/SegmentLabels.js +32 -43
- package/dist/esm/src/components/progress-bar/hooks/useProgressBar.js +59 -78
- package/dist/esm/src/components/progress-bar/utils.js +8 -8
- package/dist/esm/src/components/progress-circle/ProgressCircle.js +49 -72
- package/dist/esm/src/components/radio/Radio.js +24 -43
- package/dist/esm/src/components/radio/RadioInput.js +18 -36
- package/dist/esm/src/components/range-date-picker/RangeDatePicker.js +141 -0
- package/dist/esm/src/components/range-date-picker/index.js +1 -0
- package/dist/esm/src/components/range-date-picker-with-buttons/RangeDatePickerWithButtons.js +75 -0
- package/dist/esm/src/components/range-date-picker-with-buttons/index.js +1 -0
- package/dist/esm/src/components/select/Select.js +36 -63
- package/dist/esm/src/components/select-box/SelectBox.js +254 -0
- package/dist/esm/src/components/select-dropdown/SelectDropdown.js +64 -100
- package/dist/esm/src/components/shared/hintText/HintText.js +13 -30
- package/dist/esm/src/components/shared/label/Label.js +12 -29
- package/dist/esm/src/components/slider/Slider.js +25 -28
- package/dist/esm/src/components/spinner/Spinner.js +25 -39
- package/dist/esm/src/components/switch/Switch.js +44 -69
- package/dist/esm/src/components/tab/TabButton.js +41 -61
- package/dist/esm/src/components/tab/index.js +1 -3
- package/dist/esm/src/components/table/Table.js +374 -0
- package/dist/esm/src/components/table/index.js +1 -0
- package/dist/esm/src/components/table/types.js +1 -0
- package/dist/esm/src/components/tag/Tag.js +65 -85
- package/dist/esm/src/components/textarea/Textarea.js +72 -0
- package/dist/esm/src/components/textarea/index.js +1 -0
- package/dist/esm/src/components/toggle/Toggle.js +28 -52
- package/dist/esm/src/components/tooltip/Tooltip.js +75 -108
- package/dist/esm/src/components/vertical-tab/VerticalTab.js +40 -0
- package/dist/esm/src/components/vertical-tab/index.js +1 -0
- package/dist/esm/src/constant/breakpoint.js +3 -3
- package/dist/esm/src/constant/date-picker.js +1 -1
- package/dist/esm/src/constant/size.js +1 -1
- package/dist/esm/src/hooks/dropdown/useDropdown.js +58 -60
- package/dist/esm/src/hooks/dropdown/useDropdownKeyboard.js +37 -40
- package/dist/esm/src/hooks/dropdown/useDropdownPosition.js +7 -9
- package/dist/esm/src/hooks/dropdown/useOutsideClick.js +11 -11
- package/dist/esm/src/hooks/dropdown/useScrollLock.js +23 -19
- package/dist/esm/src/hooks/dropdown/useWindowResize.js +12 -13
- package/dist/esm/src/hooks/useCallbackRef.js +2 -2
- package/dist/esm/src/hooks/useMediaQuery.js +8 -11
- package/dist/esm/src/hooks/useMergeRefs.js +2 -2
- package/dist/esm/src/utils/date-picker.js +29 -30
- package/dist/esm/src/utils/dropdown/dropdownUtils.js +39 -35
- package/dist/esm/src/utils/dropdown/multiSelect.js +25 -45
- package/dist/temp/assets/scripts/baseBox.js +53 -57
- package/dist/temp/assets/scripts/comboBox.js +62 -93
- package/dist/temp/assets/scripts/datePicker.js +286 -293
- package/dist/temp/assets/scripts/featuredIcon.js +40 -47
- package/dist/temp/assets/scripts/fileInput/const/classNames.js +4 -8
- package/dist/temp/assets/scripts/fileInput/fileInput.js +29 -33
- package/dist/temp/assets/scripts/fileInput/fileInputModel.js +24 -32
- package/dist/temp/assets/scripts/fileInput/fileInputView.js +52 -49
- package/dist/temp/assets/scripts/imageFileInput/ImageFileInput.js +57 -63
- package/dist/temp/assets/scripts/imageFileInput/ImageFileInputModel.js +79 -99
- package/dist/temp/assets/scripts/imageFileInput/ImageFileInputView.js +106 -104
- package/dist/temp/assets/scripts/imageFileInput/const/classNames.js +6 -10
- package/dist/temp/assets/scripts/index.d.ts +2 -0
- package/dist/temp/assets/scripts/index.js +2 -0
- package/dist/temp/assets/scripts/modal/Modal.js +46 -52
- package/dist/temp/assets/scripts/modal/ModalActions.js +42 -50
- package/dist/temp/assets/scripts/modal/ModalContent.js +21 -23
- package/dist/temp/assets/scripts/modal/ModalHeader.js +40 -46
- package/dist/temp/assets/scripts/modal/const/classNames.js +5 -5
- package/dist/temp/assets/scripts/modal/utils/contentUtils.js +1 -1
- package/dist/temp/assets/scripts/notification/FloatingNotification.js +80 -77
- package/dist/temp/assets/scripts/notification/FullWidthNotification.js +78 -62
- package/dist/temp/assets/scripts/notification/MessageNotification.js +81 -64
- package/dist/temp/assets/scripts/notification/Notification.js +48 -62
- package/dist/temp/assets/scripts/notification/const/classNames.js +1 -1
- package/dist/temp/assets/scripts/notification/const/icons.js +11 -25
- package/dist/temp/assets/scripts/notification/const/sizes.js +11 -11
- package/dist/temp/assets/scripts/notification/const/types.js +1 -1
- package/dist/temp/assets/scripts/notification/utils.js +31 -26
- package/dist/temp/assets/scripts/progress-bar/ProgressBar.js +124 -119
- package/dist/temp/assets/scripts/selectBox.js +81 -105
- package/dist/temp/assets/scripts/shared/ButtonCloseX.js +14 -13
- package/dist/temp/assets/scripts/slider.js +105 -113
- package/dist/temp/assets/scripts/tab.js +7 -9
- package/dist/temp/assets/scripts/table/Table.d.ts +41 -0
- package/dist/temp/assets/scripts/table/Table.js +378 -0
- package/dist/temp/assets/scripts/table/const/classNames.d.ts +27 -0
- package/dist/temp/assets/scripts/table/const/classNames.js +27 -0
- package/dist/temp/assets/scripts/table/const/index.d.ts +2 -0
- package/dist/temp/assets/scripts/table/const/index.js +2 -0
- package/dist/temp/assets/scripts/table/const/types.d.ts +23 -0
- package/dist/temp/assets/scripts/table/const/types.js +1 -0
- package/dist/temp/assets/scripts/table/index.d.ts +3 -0
- package/dist/temp/assets/scripts/table/index.js +8 -0
- package/dist/temp/assets/scripts/tag/Tag.js +104 -112
- package/dist/temp/assets/scripts/tag/const/classNames.js +3 -3
- package/dist/temp/assets/scripts/tag/const/sizes.js +4 -4
- package/dist/temp/assets/scripts/tooltip/Tooltip.js +125 -150
- package/dist/temp/assets/scripts/tooltip/TooltipLayerManager.js +20 -23
- package/dist/temp/assets/scripts/tooltip/const/classNames.js +1 -1
- package/dist/temp/assets/scripts/tooltip/const/constants.d.ts +1 -1
- package/dist/temp/assets/scripts/tooltip/const/constants.js +14 -14
- package/dist/temp/assets/scripts/tooltip/const/icons.js +7 -7
- package/dist/temp/assets/scripts/tooltip/const/templates.js +42 -13
- package/dist/temp/assets/scripts/tooltip/utils.js +13 -15
- package/dist/temp/assets/scripts/utils/debounce.js +5 -9
- package/dist/temp/assets/scripts/utils/unifiedBox/domRenderer.js +96 -105
- package/dist/temp/assets/scripts/utils/unifiedBox/dropdownModel.js +96 -121
- package/dist/temp/assets/scripts/utils/unifiedBox/unifiedBoxController.js +170 -193
- package/dist/temp/assets/scripts/utils/unifiedBox/unifiedBoxManager.js +173 -250
- package/dist/temp/constant/color.js +1 -1
- package/dist/temp/index.d.ts +0 -27
- package/dist/temp/index.js +0 -27
- package/dist/temp/src/components/badge/Badge.js +3 -15
- package/dist/temp/src/components/badge/index.d.ts +0 -1
- package/dist/temp/src/components/badge/index.js +0 -1
- package/dist/temp/src/components/badge/utils.js +5 -7
- package/dist/{types/src/components/badge → temp/src/components/badge-group}/BadgeGroup.d.ts +1 -1
- package/dist/temp/src/components/badge-group/BadgeGroup.js +13 -0
- package/dist/temp/src/components/badge-group/index.d.ts +1 -0
- package/dist/temp/src/components/badge-group/index.js +1 -0
- package/dist/temp/src/components/bread-crumb/BreadCrumb.js +20 -0
- package/dist/temp/src/components/button/Button.js +21 -38
- package/dist/temp/src/components/button/ButtonCloseX.js +3 -15
- package/dist/temp/src/components/button/ButtonStepper.js +2 -3
- package/dist/temp/src/components/button/index.d.ts +0 -1
- package/dist/temp/src/components/button/index.js +0 -1
- package/dist/{types/src/components/button → temp/src/components/button-group}/ButtonGroup.d.ts +5 -4
- package/dist/temp/src/components/button-group/ButtonGroup.js +51 -0
- package/dist/temp/src/components/button-group/index.d.ts +1 -0
- package/dist/temp/src/components/button-group/index.js +1 -0
- package/dist/temp/src/components/carousel-arrow/CarouselArrow.js +9 -0
- package/dist/temp/src/components/carousel-arrow/index.d.ts +1 -0
- package/dist/temp/src/components/carousel-arrow/index.js +1 -0
- package/dist/temp/src/components/carousel-number-group/CarouselNumberGroup.js +10 -0
- package/dist/{types/src/components/carousel → temp/src/components/carousel-number-group}/index.d.ts +0 -1
- package/dist/temp/src/components/{carousel → carousel-number-group}/index.js +0 -1
- package/dist/temp/src/components/checkbox/Checkbox.js +2 -25
- package/dist/temp/src/components/checkbox/CheckboxInput.js +6 -29
- package/dist/temp/src/components/combo-box/ComboBox.js +166 -0
- package/dist/temp/src/components/data-grid/DataGrid.d.ts +28 -0
- package/dist/temp/src/components/data-grid/DataGrid.js +88 -0
- package/dist/temp/src/components/data-grid/DataGrid.types.d.ts +35 -0
- package/dist/temp/src/components/data-grid/DataGrid.types.js +1 -0
- package/dist/temp/src/components/data-grid/index.d.ts +2 -0
- package/dist/temp/src/components/data-grid/index.js +2 -0
- package/dist/temp/src/components/date-picker/CustomInput.js +5 -28
- package/dist/temp/src/components/date-picker/DatePicker.d.ts +11 -7
- package/dist/temp/src/components/date-picker/DatePicker.js +394 -221
- package/dist/temp/src/components/date-picker/index.d.ts +0 -2
- package/dist/temp/src/components/date-picker/index.js +0 -2
- package/dist/temp/src/components/date-picker/utils.js +1 -2
- package/dist/temp/src/components/divider/Divider.js +1 -15
- package/dist/temp/src/components/dot/Dot.js +2 -25
- package/dist/temp/src/components/dropdown/Dropdown.js +23 -39
- package/dist/temp/src/components/empty-state/EmptyState.js +3 -29
- package/dist/temp/src/components/featured-icon/FeaturedIcon.js +3 -26
- package/dist/temp/src/components/file-input/FileInput.d.ts +1 -1
- package/dist/temp/src/components/file-input/FileInput.js +33 -69
- package/dist/{types/src/components/tab → temp/src/components/horizontal-tab}/HorizontalTab.d.ts +1 -1
- package/dist/temp/src/components/horizontal-tab/HorizontalTab.js +24 -0
- package/dist/temp/src/components/horizontal-tab/index.d.ts +1 -0
- package/dist/temp/src/components/horizontal-tab/index.js +1 -0
- package/dist/temp/src/components/image-file-input/ImageFileInput.d.ts +1 -1
- package/dist/temp/src/components/image-file-input/ImageFileInput.js +45 -73
- package/dist/temp/src/components/image-file-input/components/ImagePreview.js +2 -14
- package/dist/temp/src/components/index.d.ts +17 -5
- package/dist/temp/src/components/index.js +17 -5
- package/dist/temp/src/components/{input → input-base}/InputBase.d.ts +1 -0
- package/dist/temp/src/components/input-base/InputBase.js +96 -0
- package/dist/temp/src/components/input-base/index.d.ts +1 -0
- package/dist/temp/src/components/input-base/index.js +1 -0
- package/dist/temp/src/components/modal/Modal.js +15 -41
- package/dist/temp/src/components/notification/FloatingNotification.js +11 -34
- package/dist/temp/src/components/notification/FullWidthNotification.js +12 -35
- package/dist/temp/src/components/notification/MessageNotification.js +8 -31
- package/dist/temp/src/components/notification/Notification.js +4 -27
- package/dist/{types/src/components/input → temp/src/components/number-input}/NumberInput.d.ts +1 -1
- package/dist/temp/src/components/number-input/NumberInput.js +68 -0
- package/dist/temp/src/components/number-input/index.d.ts +1 -0
- package/dist/temp/src/components/number-input/index.js +1 -0
- package/dist/temp/src/components/pagination/NavButton.js +19 -31
- package/dist/temp/src/components/pagination/Pagination.js +33 -60
- package/dist/temp/src/components/{input → password-input}/PasswordInput.d.ts +1 -1
- package/dist/temp/src/components/password-input/PasswordInput.js +28 -0
- package/dist/temp/src/components/password-input/index.d.ts +1 -0
- package/dist/temp/src/components/password-input/index.js +1 -0
- package/dist/temp/src/components/progress-bar/ProgressBar.js +10 -22
- package/dist/temp/src/components/progress-bar/components/SegmentBar.js +5 -6
- package/dist/temp/src/components/progress-bar/components/SegmentLabels.js +11 -24
- package/dist/temp/src/components/progress-bar/hooks/useProgressBar.js +36 -45
- package/dist/temp/src/components/progress-bar/utils.js +8 -8
- package/dist/temp/src/components/progress-circle/ProgressCircle.js +5 -17
- package/dist/temp/src/components/radio/Radio.js +2 -25
- package/dist/temp/src/components/radio/RadioInput.js +2 -25
- package/dist/{types/src/components/date-picker → temp/src/components/range-date-picker}/RangeDatePicker.d.ts +1 -1
- package/dist/temp/src/components/range-date-picker/RangeDatePicker.js +104 -0
- package/dist/temp/src/components/range-date-picker/index.d.ts +1 -0
- package/dist/temp/src/components/range-date-picker/index.js +1 -0
- package/dist/{types/src/components/date-picker → temp/src/components/range-date-picker-with-buttons}/RangeDatePickerWithButtons.d.ts +1 -1
- package/dist/temp/src/components/range-date-picker-with-buttons/RangeDatePickerWithButtons.js +43 -0
- package/dist/temp/src/components/range-date-picker-with-buttons/index.d.ts +1 -0
- package/dist/temp/src/components/range-date-picker-with-buttons/index.js +1 -0
- package/dist/temp/src/components/select/Select.js +3 -26
- package/dist/temp/src/components/select-box/SelectBox.js +130 -0
- package/dist/temp/src/components/select-dropdown/SelectDropdown.js +11 -34
- package/dist/temp/src/components/shared/hintText/HintText.js +2 -25
- package/dist/temp/src/components/shared/label/Label.js +2 -25
- package/dist/temp/src/components/slider/Slider.js +15 -16
- package/dist/temp/src/components/spinner/Spinner.js +4 -17
- package/dist/temp/src/components/switch/Switch.js +17 -30
- package/dist/temp/src/components/tab/TabButton.js +6 -29
- package/dist/temp/src/components/tab/index.d.ts +0 -2
- package/dist/temp/src/components/tab/index.js +0 -2
- package/dist/temp/src/components/table/Table.d.ts +48 -0
- package/dist/temp/src/components/table/Table.js +199 -0
- package/dist/temp/src/components/table/index.d.ts +1 -0
- package/dist/temp/src/components/table/index.js +1 -0
- package/dist/temp/src/components/table/types.d.ts +47 -0
- package/dist/temp/src/components/table/types.js +1 -0
- package/dist/temp/src/components/tag/Tag.js +39 -53
- package/dist/temp/src/components/textarea/Textarea.js +34 -0
- package/dist/temp/src/components/textarea/index.d.ts +1 -0
- package/dist/temp/src/components/textarea/index.js +1 -0
- package/dist/temp/src/components/toggle/Toggle.js +3 -26
- package/dist/temp/src/components/tooltip/Tooltip.js +49 -67
- package/dist/temp/src/components/{tab → vertical-tab}/VerticalTab.d.ts +1 -1
- package/dist/temp/src/components/vertical-tab/VerticalTab.js +20 -0
- package/dist/temp/src/components/vertical-tab/index.d.ts +1 -0
- package/dist/temp/src/components/vertical-tab/index.js +1 -0
- package/dist/temp/src/constant/breakpoint.js +3 -3
- package/dist/temp/src/constant/date-picker.js +1 -1
- package/dist/temp/src/constant/size.js +1 -1
- package/dist/temp/src/hooks/dropdown/useDropdown.js +37 -37
- package/dist/temp/src/hooks/dropdown/useDropdownKeyboard.js +26 -27
- package/dist/temp/src/hooks/dropdown/useDropdownPosition.js +7 -7
- package/dist/temp/src/hooks/dropdown/useOutsideClick.js +7 -7
- package/dist/temp/src/hooks/dropdown/useScrollLock.js +17 -17
- package/dist/temp/src/hooks/dropdown/useWindowResize.js +10 -11
- package/dist/temp/src/hooks/useCallbackRef.js +2 -2
- package/dist/temp/src/hooks/useMediaQuery.js +8 -9
- package/dist/temp/src/hooks/useMergeRefs.js +2 -2
- package/dist/temp/src/utils/date-picker.js +23 -25
- package/dist/temp/src/utils/dropdown/dropdownUtils.js +26 -27
- package/dist/temp/src/utils/dropdown/multiSelect.js +23 -25
- package/dist/types/assets/scripts/index.d.ts +2 -0
- package/dist/types/assets/scripts/table/Table.d.ts +41 -0
- package/dist/types/assets/scripts/table/const/classNames.d.ts +27 -0
- package/dist/types/assets/scripts/table/const/index.d.ts +2 -0
- package/dist/types/assets/scripts/table/const/types.d.ts +23 -0
- package/dist/types/assets/scripts/table/index.d.ts +3 -0
- package/dist/types/assets/scripts/tooltip/const/constants.d.ts +1 -1
- package/dist/types/index.d.ts +0 -27
- package/dist/types/src/components/badge/index.d.ts +0 -1
- package/dist/{temp/src/components/badge → types/src/components/badge-group}/BadgeGroup.d.ts +1 -1
- package/dist/types/src/components/badge-group/index.d.ts +1 -0
- package/dist/types/src/components/button/index.d.ts +0 -1
- package/dist/{temp/src/components/button → types/src/components/button-group}/ButtonGroup.d.ts +5 -4
- package/dist/types/src/components/button-group/index.d.ts +1 -0
- package/dist/types/src/components/carousel-arrow/index.d.ts +1 -0
- package/dist/{temp/src/components/carousel → types/src/components/carousel-number-group}/index.d.ts +0 -1
- package/dist/types/src/components/data-grid/DataGrid.d.ts +28 -0
- package/dist/types/src/components/data-grid/DataGrid.types.d.ts +35 -0
- package/dist/types/src/components/data-grid/index.d.ts +2 -0
- package/dist/types/src/components/date-picker/DatePicker.d.ts +11 -7
- package/dist/types/src/components/date-picker/index.d.ts +0 -2
- package/dist/types/src/components/file-input/FileInput.d.ts +1 -1
- package/dist/{temp/src/components/tab → types/src/components/horizontal-tab}/HorizontalTab.d.ts +1 -1
- package/dist/types/src/components/horizontal-tab/index.d.ts +1 -0
- package/dist/types/src/components/image-file-input/ImageFileInput.d.ts +1 -1
- package/dist/types/src/components/index.d.ts +17 -5
- package/dist/types/src/components/{input → input-base}/InputBase.d.ts +1 -0
- package/dist/types/src/components/input-base/index.d.ts +1 -0
- package/dist/{temp/src/components/input → types/src/components/number-input}/NumberInput.d.ts +1 -1
- package/dist/types/src/components/number-input/index.d.ts +1 -0
- package/dist/types/src/components/{input → password-input}/PasswordInput.d.ts +1 -1
- package/dist/types/src/components/password-input/index.d.ts +1 -0
- package/dist/{temp/src/components/date-picker → types/src/components/range-date-picker}/RangeDatePicker.d.ts +1 -1
- package/dist/types/src/components/range-date-picker/index.d.ts +1 -0
- package/dist/{temp/src/components/date-picker → types/src/components/range-date-picker-with-buttons}/RangeDatePickerWithButtons.d.ts +1 -1
- package/dist/types/src/components/range-date-picker-with-buttons/index.d.ts +1 -0
- package/dist/types/src/components/tab/index.d.ts +0 -2
- package/dist/types/src/components/table/Table.d.ts +48 -0
- package/dist/types/src/components/table/index.d.ts +1 -0
- package/dist/types/src/components/table/types.d.ts +47 -0
- package/dist/types/src/components/textarea/index.d.ts +1 -0
- package/dist/types/src/components/{tab → vertical-tab}/VerticalTab.d.ts +1 -1
- package/dist/types/src/components/vertical-tab/index.d.ts +1 -0
- package/dist/ui-admin/assets/styles/style.css +735 -168
- package/package.json +2 -1
- package/dist/cjs/src/components/badge/BadgeGroup.js +0 -62
- package/dist/cjs/src/components/breadcrumb/BreadCrumb.js +0 -66
- package/dist/cjs/src/components/button/ButtonGroup.js +0 -116
- package/dist/cjs/src/components/carousel/CarouselArrow.js +0 -41
- package/dist/cjs/src/components/carousel/CarouselNumberGroup.js +0 -45
- package/dist/cjs/src/components/combobox/ComboBox.js +0 -349
- package/dist/cjs/src/components/date-picker/RangeDatePicker.js +0 -154
- package/dist/cjs/src/components/date-picker/RangeDatePickerWithButtons.js +0 -99
- package/dist/cjs/src/components/input/InputBase.js +0 -229
- package/dist/cjs/src/components/input/NumberInput.js +0 -132
- package/dist/cjs/src/components/input/PasswordInput.js +0 -72
- package/dist/cjs/src/components/input/Textarea.js +0 -107
- package/dist/cjs/src/components/input/index.js +0 -49
- package/dist/cjs/src/components/selectbox/SelectBox.js +0 -318
- package/dist/cjs/src/components/tab/HorizontalTab.js +0 -68
- package/dist/cjs/src/components/tab/VerticalTab.js +0 -60
- package/dist/esm/src/components/badge/BadgeGroup.js +0 -55
- package/dist/esm/src/components/breadcrumb/BreadCrumb.js +0 -59
- package/dist/esm/src/components/button/ButtonGroup.js +0 -108
- package/dist/esm/src/components/carousel/CarouselArrow.js +0 -33
- package/dist/esm/src/components/carousel/CarouselNumberGroup.js +0 -37
- package/dist/esm/src/components/carousel/index.js +0 -2
- package/dist/esm/src/components/combobox/ComboBox.js +0 -343
- package/dist/esm/src/components/date-picker/RangeDatePicker.js +0 -148
- package/dist/esm/src/components/date-picker/RangeDatePickerWithButtons.js +0 -93
- package/dist/esm/src/components/input/InputBase.js +0 -223
- package/dist/esm/src/components/input/PasswordInput.js +0 -65
- package/dist/esm/src/components/input/Textarea.js +0 -100
- package/dist/esm/src/components/input/index.js +0 -4
- package/dist/esm/src/components/selectbox/SelectBox.js +0 -312
- package/dist/esm/src/components/tab/HorizontalTab.js +0 -61
- package/dist/esm/src/components/tab/VerticalTab.js +0 -52
- package/dist/temp/src/components/badge/BadgeGroup.js +0 -36
- package/dist/temp/src/components/breadcrumb/BreadCrumb.js +0 -33
- package/dist/temp/src/components/button/ButtonGroup.js +0 -72
- package/dist/temp/src/components/carousel/CarouselArrow.js +0 -24
- package/dist/temp/src/components/carousel/CarouselNumberGroup.js +0 -24
- package/dist/temp/src/components/combobox/ComboBox.js +0 -199
- package/dist/temp/src/components/date-picker/RangeDatePicker.js +0 -117
- package/dist/temp/src/components/date-picker/RangeDatePickerWithButtons.js +0 -55
- package/dist/temp/src/components/input/InputBase.js +0 -121
- package/dist/temp/src/components/input/NumberInput.js +0 -93
- package/dist/temp/src/components/input/PasswordInput.js +0 -51
- package/dist/temp/src/components/input/Textarea.js +0 -60
- package/dist/temp/src/components/input/index.d.ts +0 -4
- package/dist/temp/src/components/input/index.js +0 -4
- package/dist/temp/src/components/selectbox/SelectBox.js +0 -163
- package/dist/temp/src/components/tab/HorizontalTab.js +0 -37
- package/dist/temp/src/components/tab/VerticalTab.js +0 -32
- package/dist/types/src/components/input/index.d.ts +0 -4
- /package/dist/cjs/src/components/{breadcrumb → bread-crumb}/index.js +0 -0
- /package/dist/cjs/src/components/{combobox → combo-box}/index.js +0 -0
- /package/dist/cjs/src/components/{selectbox → select-box}/index.js +0 -0
- /package/dist/esm/src/components/{breadcrumb → bread-crumb}/index.js +0 -0
- /package/dist/esm/src/components/{combobox → combo-box}/index.js +0 -0
- /package/dist/esm/src/components/{selectbox → select-box}/index.js +0 -0
- /package/dist/temp/src/components/{breadcrumb → bread-crumb}/BreadCrumb.d.ts +0 -0
- /package/dist/temp/src/components/{breadcrumb → bread-crumb}/index.d.ts +0 -0
- /package/dist/temp/src/components/{breadcrumb → bread-crumb}/index.js +0 -0
- /package/dist/temp/src/components/{carousel → carousel-arrow}/CarouselArrow.d.ts +0 -0
- /package/dist/temp/src/components/{carousel → carousel-number-group}/CarouselNumberGroup.d.ts +0 -0
- /package/dist/temp/src/components/{combobox → combo-box}/ComboBox.d.ts +0 -0
- /package/dist/temp/src/components/{combobox → combo-box}/index.d.ts +0 -0
- /package/dist/temp/src/components/{combobox → combo-box}/index.js +0 -0
- /package/dist/temp/src/components/{selectbox → select-box}/SelectBox.d.ts +0 -0
- /package/dist/temp/src/components/{selectbox → select-box}/index.d.ts +0 -0
- /package/dist/temp/src/components/{selectbox → select-box}/index.js +0 -0
- /package/dist/temp/src/components/{input → textarea}/Textarea.d.ts +0 -0
- /package/dist/types/src/components/{breadcrumb → bread-crumb}/BreadCrumb.d.ts +0 -0
- /package/dist/types/src/components/{breadcrumb → bread-crumb}/index.d.ts +0 -0
- /package/dist/types/src/components/{carousel → carousel-arrow}/CarouselArrow.d.ts +0 -0
- /package/dist/types/src/components/{carousel → carousel-number-group}/CarouselNumberGroup.d.ts +0 -0
- /package/dist/types/src/components/{combobox → combo-box}/ComboBox.d.ts +0 -0
- /package/dist/types/src/components/{combobox → combo-box}/index.d.ts +0 -0
- /package/dist/types/src/components/{selectbox → select-box}/SelectBox.d.ts +0 -0
- /package/dist/types/src/components/{selectbox → select-box}/index.d.ts +0 -0
- /package/dist/types/src/components/{input → textarea}/Textarea.d.ts +0 -0
|
@@ -9,19 +9,17 @@ var _dropdown = require("../../utils/dropdown");
|
|
|
9
9
|
/**
|
|
10
10
|
* 드롭다운 위치 계산을 위한 커스텀 훅
|
|
11
11
|
*/
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
var updatePosition = (0, _react.useCallback)(function () {
|
|
17
|
-
var result = (0, _dropdown.calculateDropdownPosition)(config);
|
|
12
|
+
const useDropdownPosition = config => {
|
|
13
|
+
const [direction, setDirection] = (0, _react.useState)('down');
|
|
14
|
+
const updatePosition = (0, _react.useCallback)(() => {
|
|
15
|
+
const result = (0, _dropdown.calculateDropdownPosition)(config);
|
|
18
16
|
setDirection(result.direction);
|
|
19
17
|
return result;
|
|
20
18
|
}, [config]);
|
|
21
19
|
return {
|
|
22
|
-
direction
|
|
23
|
-
updatePosition
|
|
24
|
-
setDirection
|
|
20
|
+
direction,
|
|
21
|
+
updatePosition,
|
|
22
|
+
setDirection
|
|
25
23
|
};
|
|
26
24
|
};
|
|
27
25
|
exports.useDropdownPosition = useDropdownPosition;
|
|
@@ -8,24 +8,24 @@ var _react = require("react");
|
|
|
8
8
|
/**
|
|
9
9
|
* 외부 클릭 감지를 위한 커스텀 훅
|
|
10
10
|
*/
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
const useOutsideClick = config => {
|
|
12
|
+
const {
|
|
13
|
+
isOpen,
|
|
14
|
+
refs,
|
|
15
|
+
onClose
|
|
16
|
+
} = config;
|
|
17
|
+
(0, _react.useEffect)(() => {
|
|
16
18
|
if (!isOpen) return;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
+
const handleClickOutside = event => {
|
|
20
|
+
const target = event.target;
|
|
19
21
|
// 모든 ref들에 대해 클릭이 외부에서 발생했는지 확인
|
|
20
|
-
|
|
21
|
-
return !ref.current || !ref.current.contains(target);
|
|
22
|
-
});
|
|
22
|
+
const isOutside = refs.every(ref => !ref.current || !ref.current.contains(target));
|
|
23
23
|
if (isOutside) {
|
|
24
24
|
onClose();
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
document.addEventListener('mousedown', handleClickOutside);
|
|
28
|
-
return
|
|
28
|
+
return () => {
|
|
29
29
|
document.removeEventListener('mousedown', handleClickOutside);
|
|
30
30
|
};
|
|
31
31
|
}, [isOpen, refs, onClose]);
|
|
@@ -6,17 +6,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.useScrollLock = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _utils = require("../../utils");
|
|
9
|
-
|
|
9
|
+
const SCROLL_KEYS = ['PageUp', 'PageDown', 'Home', 'End', ' '];
|
|
10
10
|
/** 이벤트 대상이 드롭다운 내부에 있는지 확인 */
|
|
11
11
|
function isInsideDropdown(target, dropdownRef) {
|
|
12
|
-
return !!
|
|
12
|
+
return !!dropdownRef?.current && dropdownRef.current.contains(target);
|
|
13
13
|
}
|
|
14
14
|
/** 스크롤 가능한 요소의 경계에 도달했는지 확인하고, 도달했으면 이벤트 차단 */
|
|
15
15
|
function preventScrollBeyondBounds(e, scrollableElement) {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
const {
|
|
17
|
+
deltaY
|
|
18
|
+
} = e;
|
|
19
|
+
const {
|
|
20
|
+
scrollTop,
|
|
21
|
+
scrollHeight,
|
|
22
|
+
clientHeight
|
|
23
|
+
} = scrollableElement;
|
|
20
24
|
// 스크롤이 위쪽 끝에 도달했고 위로 스크롤하려는 경우
|
|
21
25
|
if (scrollTop === 0 && deltaY < 0) {
|
|
22
26
|
e.preventDefault();
|
|
@@ -30,21 +34,21 @@ function preventScrollBeyondBounds(e, scrollableElement) {
|
|
|
30
34
|
/**
|
|
31
35
|
* 페이지 스크롤을 잠그는 커스텀 훅 (드롭다운 내부 스크롤은 허용)
|
|
32
36
|
*/
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
(0, _react.useEffect)(
|
|
37
|
+
const useScrollLock = (isLocked, dropdownRef) => {
|
|
38
|
+
const scrollPosition = (0, _react.useRef)(0);
|
|
39
|
+
(0, _react.useEffect)(() => {
|
|
36
40
|
if (isLocked) {
|
|
37
41
|
// 현재 스크롤 위치 저장
|
|
38
42
|
scrollPosition.current = window.pageYOffset;
|
|
39
43
|
// 스크롤 방지 함수 (드롭다운 내부는 스크롤 체이닝 방지)
|
|
40
|
-
|
|
44
|
+
const preventScroll = e => {
|
|
41
45
|
// 드롭다운 내부에서 발생하지 않은 이벤트는 차단
|
|
42
46
|
if (!isInsideDropdown(e.target, dropdownRef)) {
|
|
43
47
|
e.preventDefault();
|
|
44
48
|
return;
|
|
45
49
|
}
|
|
46
50
|
// 드롭다운 내부의 스크롤 가능한 요소 찾기
|
|
47
|
-
|
|
51
|
+
const scrollableElement = (0, _utils.findScrollableParent)(e.target, dropdownRef.current);
|
|
48
52
|
if (scrollableElement && e instanceof WheelEvent) {
|
|
49
53
|
preventScrollBeyondBounds(e, scrollableElement);
|
|
50
54
|
return;
|
|
@@ -55,7 +59,7 @@ var useScrollLock = function (isLocked, dropdownRef) {
|
|
|
55
59
|
}
|
|
56
60
|
};
|
|
57
61
|
// 키보드 스크롤 방지 함수 (드롭다운 내부는 제외)
|
|
58
|
-
|
|
62
|
+
const preventKeyboardScroll = e => {
|
|
59
63
|
if (isInsideDropdown(e.target, dropdownRef)) {
|
|
60
64
|
return;
|
|
61
65
|
}
|
|
@@ -64,18 +68,18 @@ var useScrollLock = function (isLocked, dropdownRef) {
|
|
|
64
68
|
}
|
|
65
69
|
};
|
|
66
70
|
// 이벤트 리스너 추가
|
|
67
|
-
document.addEventListener('wheel',
|
|
71
|
+
document.addEventListener('wheel', preventScroll, {
|
|
68
72
|
passive: false
|
|
69
73
|
});
|
|
70
|
-
document.addEventListener('touchmove',
|
|
74
|
+
document.addEventListener('touchmove', preventScroll, {
|
|
71
75
|
passive: false
|
|
72
76
|
});
|
|
73
|
-
document.addEventListener('keydown',
|
|
74
|
-
return
|
|
77
|
+
document.addEventListener('keydown', preventKeyboardScroll);
|
|
78
|
+
return () => {
|
|
75
79
|
// 이벤트 리스너 제거
|
|
76
|
-
document.removeEventListener('wheel',
|
|
77
|
-
document.removeEventListener('touchmove',
|
|
78
|
-
document.removeEventListener('keydown',
|
|
80
|
+
document.removeEventListener('wheel', preventScroll);
|
|
81
|
+
document.removeEventListener('touchmove', preventScroll);
|
|
82
|
+
document.removeEventListener('keydown', preventKeyboardScroll);
|
|
79
83
|
// 스크롤 위치 복원
|
|
80
84
|
window.scrollTo(0, scrollPosition.current);
|
|
81
85
|
};
|
|
@@ -11,37 +11,36 @@ var _react = require("react");
|
|
|
11
11
|
* @param isActive 옵저버 활성화 여부
|
|
12
12
|
* @param target 관찰할 대상 요소 (기본값: document.body)
|
|
13
13
|
*/
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
(0, _react.useEffect)(function () {
|
|
14
|
+
const useWindowResize = function (callback) {
|
|
15
|
+
let isActive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
16
|
+
let target = arguments.length > 2 ? arguments[2] : undefined;
|
|
17
|
+
const resizeObserverRef = (0, _react.useRef)(null);
|
|
18
|
+
(0, _react.useEffect)(() => {
|
|
20
19
|
if (!isActive) return;
|
|
21
20
|
// Resize Observer 지원 여부 확인
|
|
22
21
|
if (!window.ResizeObserver) {
|
|
23
22
|
// Resize Observer를 지원하지 않는 브라우저의 경우 기존 방식 사용
|
|
24
|
-
|
|
23
|
+
const handleResize = () => {
|
|
25
24
|
callback();
|
|
26
25
|
};
|
|
27
|
-
window.addEventListener('resize',
|
|
28
|
-
return
|
|
29
|
-
window.removeEventListener('resize',
|
|
26
|
+
window.addEventListener('resize', handleResize);
|
|
27
|
+
return () => {
|
|
28
|
+
window.removeEventListener('resize', handleResize);
|
|
30
29
|
};
|
|
31
30
|
}
|
|
32
31
|
// Resize Observer 생성
|
|
33
|
-
resizeObserverRef.current = new ResizeObserver(
|
|
32
|
+
resizeObserverRef.current = new ResizeObserver(entries => {
|
|
34
33
|
// entries가 비어있지 않을 때만 콜백 실행
|
|
35
34
|
if (entries.length > 0) {
|
|
36
35
|
callback();
|
|
37
36
|
}
|
|
38
37
|
});
|
|
39
38
|
// 관찰할 대상 요소 결정
|
|
40
|
-
|
|
39
|
+
const targetElement = target || document.body;
|
|
41
40
|
if (targetElement) {
|
|
42
41
|
resizeObserverRef.current.observe(targetElement);
|
|
43
42
|
}
|
|
44
|
-
return
|
|
43
|
+
return () => {
|
|
45
44
|
if (resizeObserverRef.current) {
|
|
46
45
|
resizeObserverRef.current.disconnect();
|
|
47
46
|
resizeObserverRef.current = null;
|
|
@@ -32,8 +32,8 @@ var _react = require("react");
|
|
|
32
32
|
* ```
|
|
33
33
|
*/
|
|
34
34
|
function useCallbackRef(callback) {
|
|
35
|
-
|
|
36
|
-
return (0, _react.useCallback)(
|
|
35
|
+
const cleanupRef = (0, _react.useRef)();
|
|
36
|
+
return (0, _react.useCallback)(node => {
|
|
37
37
|
// Cleanup previous ref
|
|
38
38
|
if (cleanupRef.current) {
|
|
39
39
|
cleanupRef.current();
|
|
@@ -5,25 +5,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useMediaQuery = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
(0, _react.useEffect)(function () {
|
|
13
|
-
var mediaQuery = window.matchMedia(query);
|
|
8
|
+
const useMediaQuery = (query, options) => {
|
|
9
|
+
const [matches, setMatches] = (0, _react.useState)(false);
|
|
10
|
+
(0, _react.useEffect)(() => {
|
|
11
|
+
const mediaQuery = window.matchMedia(query);
|
|
14
12
|
setMatches(mediaQuery.matches);
|
|
15
|
-
|
|
16
|
-
var _a;
|
|
13
|
+
const handleChange = e => {
|
|
17
14
|
setMatches(e.matches);
|
|
18
15
|
if (e.matches) {
|
|
19
|
-
|
|
16
|
+
options?.onMatched?.();
|
|
20
17
|
}
|
|
21
18
|
};
|
|
22
19
|
mediaQuery.addEventListener('change', handleChange);
|
|
23
|
-
return
|
|
20
|
+
return () => {
|
|
24
21
|
mediaQuery.removeEventListener('change', handleChange);
|
|
25
22
|
};
|
|
26
|
-
}, [query, options
|
|
23
|
+
}, [query, options?.onMatched]);
|
|
27
24
|
return matches;
|
|
28
25
|
};
|
|
29
26
|
exports.useMediaQuery = useMediaQuery;
|
|
@@ -9,57 +9,56 @@ exports.getSubtractDate = getSubtractDate;
|
|
|
9
9
|
exports.getToday = getToday;
|
|
10
10
|
var _moment = _interopRequireDefault(require("moment"));
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
function getDateFormat(
|
|
20
|
-
|
|
21
|
-
date = getToday();
|
|
22
|
-
}
|
|
12
|
+
const YEAR_LENGTH = 4;
|
|
13
|
+
const MONTH_START = 4;
|
|
14
|
+
const MONTH_END = 6;
|
|
15
|
+
const DAY_START = 6;
|
|
16
|
+
const DAY_END = 8;
|
|
17
|
+
const MAX_HOUR = 23;
|
|
18
|
+
const MAX_MINUTE = 59;
|
|
19
|
+
function getDateFormat() {
|
|
20
|
+
let date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getToday();
|
|
23
21
|
return (0, _moment.default)(date).format('YYYY-MM-DD');
|
|
24
22
|
}
|
|
25
23
|
function getToday() {
|
|
26
24
|
return (0, _moment.default)().toDate();
|
|
27
25
|
}
|
|
28
|
-
function getSubtractDate(
|
|
29
|
-
|
|
30
|
-
date =
|
|
31
|
-
period
|
|
32
|
-
unit
|
|
26
|
+
function getSubtractDate(_ref) {
|
|
27
|
+
let {
|
|
28
|
+
date = getToday(),
|
|
29
|
+
period,
|
|
30
|
+
unit
|
|
31
|
+
} = _ref;
|
|
33
32
|
return (0, _moment.default)(date).subtract(period, unit).toDate();
|
|
34
33
|
}
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
const formatDateInput = input => {
|
|
35
|
+
const dateRegex = /^(19|20)\d{2}(0[1-9]|1[012])(0[1-9]|[12][0-9]|3[0-1])$/;
|
|
37
36
|
if (dateRegex.test(input)) {
|
|
38
37
|
// 20231112 -> 2023-11-12 형식으로 변환
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
return
|
|
38
|
+
const year = input.substring(0, YEAR_LENGTH);
|
|
39
|
+
const month = input.substring(MONTH_START, MONTH_END);
|
|
40
|
+
const day = input.substring(DAY_START, DAY_END);
|
|
41
|
+
return `${year}-${month}-${day}`;
|
|
43
42
|
}
|
|
44
43
|
return input;
|
|
45
44
|
};
|
|
46
45
|
exports.formatDateInput = formatDateInput;
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
46
|
+
const formatHourInput = input => {
|
|
47
|
+
const numbers = input.replace(/\D/g, '');
|
|
48
|
+
const hourStr = numbers.substring(0, 2);
|
|
49
|
+
const hourNum = Number.parseInt(hourStr, 10);
|
|
51
50
|
if (hourNum >= 0 && hourNum <= MAX_HOUR) {
|
|
52
51
|
return hourStr;
|
|
53
52
|
}
|
|
54
53
|
return input;
|
|
55
54
|
};
|
|
56
55
|
exports.formatHourInput = formatHourInput;
|
|
57
|
-
|
|
56
|
+
const formatMinuteInput = input => {
|
|
58
57
|
// 숫자만 추출
|
|
59
|
-
|
|
58
|
+
const numbers = input.replace(/\D/g, '');
|
|
60
59
|
// 2자리 숫자로 제한
|
|
61
|
-
|
|
62
|
-
|
|
60
|
+
const minuteStr = numbers.substring(0, 2);
|
|
61
|
+
const minuteNum = Number.parseInt(minuteStr, 10);
|
|
63
62
|
// 00-59 범위 체크
|
|
64
63
|
if (minuteNum >= 0 && minuteNum <= MAX_MINUTE) {
|
|
65
64
|
return minuteStr; // 2자리로 패딩
|
|
@@ -7,41 +7,41 @@ exports.findScrollableParent = exports.calculateNextFocusIndex = exports.calcula
|
|
|
7
7
|
/**
|
|
8
8
|
* 드롭다운 위치를 계산하는 유틸리티 함수
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
itemHeight =
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
if (!
|
|
10
|
+
const calculateDropdownPosition = _ref => {
|
|
11
|
+
let {
|
|
12
|
+
triggerRef,
|
|
13
|
+
maxHeight,
|
|
14
|
+
itemCount,
|
|
15
|
+
itemHeight = 40,
|
|
16
|
+
offset = 20
|
|
17
|
+
} = _ref;
|
|
18
|
+
if (!triggerRef?.current) {
|
|
19
19
|
return {
|
|
20
20
|
direction: 'down',
|
|
21
|
-
maxHeight
|
|
21
|
+
maxHeight
|
|
22
22
|
};
|
|
23
23
|
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
const rect = triggerRef?.current.getBoundingClientRect();
|
|
25
|
+
const viewportHeight = window.innerHeight;
|
|
26
|
+
const dropdownHeight = Math.min(maxHeight, itemCount * itemHeight);
|
|
27
27
|
// 아래쪽 공간이 충분한지 확인
|
|
28
|
-
|
|
28
|
+
const spaceBelow = viewportHeight - rect.bottom;
|
|
29
29
|
if (spaceBelow < dropdownHeight + offset) {
|
|
30
30
|
return {
|
|
31
31
|
direction: 'up',
|
|
32
|
-
maxHeight
|
|
32
|
+
maxHeight
|
|
33
33
|
};
|
|
34
34
|
}
|
|
35
35
|
return {
|
|
36
36
|
direction: 'down',
|
|
37
|
-
maxHeight
|
|
37
|
+
maxHeight
|
|
38
38
|
};
|
|
39
39
|
};
|
|
40
40
|
/**
|
|
41
41
|
* 키보드 네비게이션을 위한 포커스 인덱스 계산
|
|
42
42
|
*/
|
|
43
43
|
exports.calculateDropdownPosition = calculateDropdownPosition;
|
|
44
|
-
|
|
44
|
+
const calculateNextFocusIndex = (currentIndex, direction, validOptionsLength) => {
|
|
45
45
|
if (validOptionsLength === 0) return -1;
|
|
46
46
|
if (direction === 'down') {
|
|
47
47
|
return currentIndex < validOptionsLength - 1 ? currentIndex + 1 : 0;
|
|
@@ -52,36 +52,38 @@ var calculateNextFocusIndex = function (currentIndex, direction, validOptionsLen
|
|
|
52
52
|
* 드롭다운이 뷰포트를 벗어나지 않도록 위치 조정
|
|
53
53
|
*/
|
|
54
54
|
exports.calculateNextFocusIndex = calculateNextFocusIndex;
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
55
|
+
const adjustDropdownPosition = dropdownElement => {
|
|
56
|
+
const dropdownRect = dropdownElement.getBoundingClientRect();
|
|
57
|
+
const viewportWidth = window.innerWidth;
|
|
58
|
+
const viewportHeight = window.innerHeight;
|
|
59
59
|
// 좌우 위치 조정
|
|
60
60
|
if (dropdownRect.right > viewportWidth) {
|
|
61
|
-
|
|
62
|
-
dropdownElement.style.left =
|
|
61
|
+
const overflow = dropdownRect.right - viewportWidth;
|
|
62
|
+
dropdownElement.style.left = `${-overflow - 10}px`;
|
|
63
63
|
}
|
|
64
64
|
if (dropdownRect.left < 0) {
|
|
65
65
|
dropdownElement.style.left = '10px';
|
|
66
66
|
}
|
|
67
67
|
// 상하 위치 조정 (이미 up/down 방향이 결정된 후 미세 조정)
|
|
68
68
|
if (dropdownRect.bottom > viewportHeight) {
|
|
69
|
-
|
|
70
|
-
dropdownElement.style.maxHeight =
|
|
69
|
+
const overflow = dropdownRect.bottom - viewportHeight;
|
|
70
|
+
dropdownElement.style.maxHeight = `${dropdownRect.height - overflow - 10}px`;
|
|
71
71
|
}
|
|
72
72
|
};
|
|
73
73
|
/**
|
|
74
74
|
* 스크롤 가능한 부모 요소를 찾는 유틸리티 함수
|
|
75
75
|
*/
|
|
76
76
|
exports.adjustDropdownPosition = adjustDropdownPosition;
|
|
77
|
-
|
|
78
|
-
|
|
77
|
+
const findScrollableParent = (element, boundary) => {
|
|
78
|
+
let current = element;
|
|
79
79
|
while (current && current !== boundary && current !== document.body) {
|
|
80
|
-
|
|
81
|
-
|
|
80
|
+
const style = window.getComputedStyle(current);
|
|
81
|
+
const overflowY = style.overflowY;
|
|
82
82
|
if (overflowY === 'scroll' || overflowY === 'auto') {
|
|
83
|
-
|
|
84
|
-
|
|
83
|
+
const {
|
|
84
|
+
scrollHeight,
|
|
85
|
+
clientHeight
|
|
86
|
+
} = current;
|
|
85
87
|
if (scrollHeight > clientHeight) {
|
|
86
88
|
return current;
|
|
87
89
|
}
|
|
@@ -90,11 +92,13 @@ var findScrollableParent = function (element, boundary) {
|
|
|
90
92
|
}
|
|
91
93
|
// boundary 자체가 스크롤 가능한지 확인
|
|
92
94
|
if (current === boundary) {
|
|
93
|
-
|
|
94
|
-
|
|
95
|
+
const style = window.getComputedStyle(boundary);
|
|
96
|
+
const overflowY = style.overflowY;
|
|
95
97
|
if (overflowY === 'scroll' || overflowY === 'auto') {
|
|
96
|
-
|
|
97
|
-
|
|
98
|
+
const {
|
|
99
|
+
scrollHeight,
|
|
100
|
+
clientHeight
|
|
101
|
+
} = boundary;
|
|
98
102
|
if (scrollHeight > clientHeight) {
|
|
99
103
|
return boundary;
|
|
100
104
|
}
|
|
@@ -7,94 +7,74 @@ exports.useMultiSelect = exports.removeTagFromSelected = exports.isAllItemsSelec
|
|
|
7
7
|
/**
|
|
8
8
|
* 전체 선택 상태를 확인하는 유틸 함수
|
|
9
9
|
*/
|
|
10
|
-
|
|
10
|
+
const isAllItemsSelected = (selectedValues, options) => {
|
|
11
11
|
if (options.length === 0) return false;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}).map(function (option) {
|
|
15
|
-
return option.id;
|
|
16
|
-
});
|
|
17
|
-
return validOptionIds.length > 0 && validOptionIds.every(function (id) {
|
|
18
|
-
return selectedValues.includes(id);
|
|
19
|
-
});
|
|
12
|
+
const validOptionIds = options.filter(option => !option.disabled).map(option => option.id);
|
|
13
|
+
return validOptionIds.length > 0 && validOptionIds.every(id => selectedValues.includes(id));
|
|
20
14
|
};
|
|
21
15
|
/**
|
|
22
16
|
* 전체 선택 버튼 텍스트를 반환하는 유틸 함수
|
|
23
17
|
*/
|
|
24
18
|
exports.isAllItemsSelected = isAllItemsSelected;
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
if (deselectText === void 0) {
|
|
30
|
-
deselectText = '전체 해제';
|
|
31
|
-
}
|
|
19
|
+
const getSelectAllButtonText = function (selectedValues, options) {
|
|
20
|
+
let selectText = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '전체 선택';
|
|
21
|
+
let deselectText = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '전체 해제';
|
|
32
22
|
return isAllItemsSelected(selectedValues, options) ? deselectText : selectText;
|
|
33
23
|
};
|
|
34
24
|
/**
|
|
35
25
|
* 전체 선택/해제를 처리하는 유틸 함수
|
|
36
26
|
*/
|
|
37
27
|
exports.getSelectAllButtonText = getSelectAllButtonText;
|
|
38
|
-
|
|
28
|
+
const handleSelectAllItems = (selectedValues, options) => {
|
|
39
29
|
if (isAllItemsSelected(selectedValues, options)) {
|
|
40
30
|
// 전체 해제: 빈 배열 반환
|
|
41
31
|
return [];
|
|
42
32
|
}
|
|
43
33
|
// 전체 선택: 비활성화되지 않은 모든 옵션 ID 반환
|
|
44
|
-
return options.filter(
|
|
45
|
-
return !option.disabled;
|
|
46
|
-
}).map(function (option) {
|
|
47
|
-
return option.id;
|
|
48
|
-
});
|
|
34
|
+
return options.filter(option => !option.disabled).map(option => option.id);
|
|
49
35
|
};
|
|
50
36
|
/**
|
|
51
37
|
* 선택된 항목들을 태그 데이터로 변환하는 유틸 함수
|
|
52
38
|
*/
|
|
53
39
|
exports.handleSelectAllItems = handleSelectAllItems;
|
|
54
|
-
|
|
55
|
-
return selectedValues.map(
|
|
56
|
-
|
|
57
|
-
return opt.id === value;
|
|
58
|
-
});
|
|
40
|
+
const getSelectedTags = (selectedValues, options) => {
|
|
41
|
+
return selectedValues.map(value => {
|
|
42
|
+
const option = options.find(opt => opt.id === value);
|
|
59
43
|
return option ? {
|
|
60
44
|
id: option.id,
|
|
61
45
|
label: option.label || String(option.id)
|
|
62
46
|
} : null;
|
|
63
|
-
}).filter(
|
|
64
|
-
return tag !== null;
|
|
65
|
-
});
|
|
47
|
+
}).filter(tag => tag !== null);
|
|
66
48
|
};
|
|
67
49
|
/**
|
|
68
50
|
* 태그 제거 시 선택값에서 해당 ID를 제거하는 유틸 함수
|
|
69
51
|
*/
|
|
70
52
|
exports.getSelectedTags = getSelectedTags;
|
|
71
|
-
|
|
72
|
-
return selectedValues.filter(
|
|
73
|
-
return id !== tagIdToRemove;
|
|
74
|
-
});
|
|
53
|
+
const removeTagFromSelected = (selectedValues, tagIdToRemove) => {
|
|
54
|
+
return selectedValues.filter(id => id !== tagIdToRemove);
|
|
75
55
|
};
|
|
76
56
|
/**
|
|
77
57
|
* 전체 선택 관련 로직을 한 번에 처리하는 커스텀 훅
|
|
78
58
|
*/
|
|
79
59
|
exports.removeTagFromSelected = removeTagFromSelected;
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
60
|
+
const useMultiSelect = (selectedValues, options, selectText, deselectText) => {
|
|
61
|
+
const isAllSelected = isAllItemsSelected(selectedValues, options);
|
|
62
|
+
const buttonText = getSelectAllButtonText(selectedValues, options, selectText, deselectText);
|
|
63
|
+
const toggleSelectAll = () => {
|
|
84
64
|
return handleSelectAllItems(selectedValues, options);
|
|
85
65
|
};
|
|
86
|
-
|
|
66
|
+
const getSelectedTagsData = () => {
|
|
87
67
|
return getSelectedTags(selectedValues, options);
|
|
88
68
|
};
|
|
89
|
-
|
|
69
|
+
const removeTag = tagId => {
|
|
90
70
|
return removeTagFromSelected(selectedValues, tagId);
|
|
91
71
|
};
|
|
92
72
|
return {
|
|
93
|
-
isAllSelected
|
|
94
|
-
buttonText
|
|
95
|
-
toggleSelectAll
|
|
96
|
-
getSelectedTagsData
|
|
97
|
-
removeTag
|
|
73
|
+
isAllSelected,
|
|
74
|
+
buttonText,
|
|
75
|
+
toggleSelectAll,
|
|
76
|
+
getSelectedTagsData,
|
|
77
|
+
removeTag
|
|
98
78
|
};
|
|
99
79
|
};
|
|
100
80
|
exports.useMultiSelect = useMultiSelect;
|