@ncds/ui-admin 0.0.32 → 0.0.34
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/temp/assets/scripts/datePicker.d.ts +49 -0
- package/dist/temp/assets/scripts/datePicker.d.ts.map +1 -0
- package/dist/temp/assets/scripts/datePicker.js +232 -0
- package/dist/temp/assets/scripts/index.d.ts +7 -0
- package/dist/temp/assets/scripts/index.d.ts.map +1 -0
- package/dist/temp/assets/scripts/index.js +8 -0
- package/dist/temp/assets/scripts/slider.d.ts.map +1 -0
- package/dist/temp/assets/scripts/slider.js +331 -0
- package/dist/temp/assets/scripts/tab.d.ts +8 -0
- package/dist/temp/assets/scripts/tab.d.ts.map +1 -0
- package/dist/temp/assets/scripts/tab.js +35 -0
- package/dist/{types → temp}/constant/color.d.ts +1 -0
- package/dist/temp/constant/color.d.ts.map +1 -0
- package/dist/temp/constant/color.js +32 -0
- package/dist/temp/constant/size.d.ts.map +1 -0
- package/dist/temp/constant/size.js +1 -0
- package/dist/temp/docusaurus/docusaurus.config.d.ts +4 -0
- package/dist/temp/docusaurus/docusaurus.config.d.ts.map +1 -0
- package/dist/temp/docusaurus/docusaurus.config.js +300 -0
- package/dist/temp/docusaurus/sidebars.d.ts +14 -0
- package/dist/temp/docusaurus/sidebars.d.ts.map +1 -0
- package/dist/temp/docusaurus/sidebars.js +104 -0
- package/dist/temp/docusaurus/src/components/Badge.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/Badge.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Badge.js +1 -0
- package/dist/temp/docusaurus/src/components/BadgeGroup.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/BadgeGroup.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/BadgeGroup.js +1 -0
- package/dist/temp/docusaurus/src/components/BreadCrumb.d.ts +3 -0
- package/dist/temp/docusaurus/src/components/BreadCrumb.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/BreadCrumb.js +2 -0
- package/dist/temp/docusaurus/src/components/Button.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/Button.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Button.js +1 -0
- package/dist/temp/docusaurus/src/components/ButtonGroup.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/ButtonGroup.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/ButtonGroup.js +1 -0
- package/dist/temp/docusaurus/src/components/CarouselArrow.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/CarouselArrow.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/CarouselArrow.js +1 -0
- package/dist/temp/docusaurus/src/components/CarouselNumberGroup.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/CarouselNumberGroup.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/CarouselNumberGroup.js +1 -0
- package/dist/temp/docusaurus/src/components/Checkbox.d.ts +4 -0
- package/dist/temp/docusaurus/src/components/Checkbox.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Checkbox.js +20 -0
- package/dist/temp/docusaurus/src/components/CodeTabs/index.d.ts +10 -0
- package/dist/temp/docusaurus/src/components/CodeTabs/index.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/CodeTabs/index.js +143 -0
- package/dist/temp/docusaurus/src/components/ColorSwatch.d.ts +9 -0
- package/dist/temp/docusaurus/src/components/ColorSwatch.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/ColorSwatch.js +37 -0
- package/dist/temp/docusaurus/src/components/DatePicker.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/DatePicker.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/DatePicker.js +1 -0
- package/dist/temp/docusaurus/src/components/Divider.d.ts +3 -0
- package/dist/temp/docusaurus/src/components/Divider.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Divider.js +2 -0
- package/dist/temp/docusaurus/src/components/Dot.d.ts +3 -0
- package/dist/temp/docusaurus/src/components/Dot.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Dot.js +1 -0
- package/dist/temp/docusaurus/src/components/Dropdown.d.ts +4 -0
- package/dist/temp/docusaurus/src/components/Dropdown.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Dropdown.js +20 -0
- package/dist/temp/docusaurus/src/components/EmptyState.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/EmptyState.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/EmptyState.js +1 -0
- package/dist/temp/docusaurus/src/components/ExampleCode/index.d.ts +9 -0
- package/dist/temp/docusaurus/src/components/ExampleCode/index.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/ExampleCode/index.js +30 -0
- package/dist/temp/docusaurus/src/components/ExampleContainer/index.d.ts +8 -0
- package/dist/temp/docusaurus/src/components/ExampleContainer/index.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/ExampleContainer/index.js +30 -0
- package/dist/temp/docusaurus/src/components/FeaturedIcon.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/FeaturedIcon.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/FeaturedIcon.js +1 -0
- package/dist/temp/docusaurus/src/components/HorizontalTab.d.ts +3 -0
- package/dist/temp/docusaurus/src/components/HorizontalTab.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/HorizontalTab.js +2 -0
- package/dist/temp/docusaurus/src/components/IconList.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/IconList.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/IconList.js +1588 -0
- package/dist/temp/docusaurus/src/components/Input.d.ts +4 -0
- package/dist/temp/docusaurus/src/components/Input.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Input.js +3 -0
- package/dist/temp/docusaurus/src/components/InteractiveExample/index.d.ts +19 -0
- package/dist/temp/docusaurus/src/components/InteractiveExample/index.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/InteractiveExample/index.js +174 -0
- package/dist/temp/docusaurus/src/components/InteractiveIconWrapper.d.ts +46 -0
- package/dist/temp/docusaurus/src/components/InteractiveIconWrapper.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/InteractiveIconWrapper.js +211 -0
- package/dist/temp/docusaurus/src/components/Modal.d.ts +8 -0
- package/dist/temp/docusaurus/src/components/Modal.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Modal.js +30 -0
- package/dist/temp/docusaurus/src/components/Notification.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/Notification.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Notification.js +1 -0
- package/dist/temp/docusaurus/src/components/PaginationExample.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/PaginationExample.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/PaginationExample.js +1 -0
- package/dist/temp/docusaurus/src/components/ProgressBar.d.ts +3 -0
- package/dist/temp/docusaurus/src/components/ProgressBar.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/ProgressBar.js +2 -0
- package/dist/temp/docusaurus/src/components/ProgressCircle.d.ts +3 -0
- package/dist/temp/docusaurus/src/components/ProgressCircle.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/ProgressCircle.js +2 -0
- package/dist/temp/docusaurus/src/components/Radio.d.ts +4 -0
- package/dist/temp/docusaurus/src/components/Radio.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Radio.js +20 -0
- package/dist/temp/docusaurus/src/components/RangeDatePicker.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/RangeDatePicker.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/RangeDatePicker.js +1 -0
- package/dist/temp/docusaurus/src/components/RangeDatePickerWithButtons.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/RangeDatePickerWithButtons.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/RangeDatePickerWithButtons.js +1 -0
- package/dist/temp/docusaurus/src/components/Select.d.ts +4 -0
- package/dist/temp/docusaurus/src/components/Select.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Select.js +17 -0
- package/dist/temp/docusaurus/src/components/Slider.d.ts +3 -0
- package/dist/temp/docusaurus/src/components/Slider.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Slider.js +1 -0
- package/dist/temp/docusaurus/src/components/Spinner.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/Spinner.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Spinner.js +1 -0
- package/dist/temp/docusaurus/src/components/Table.d.ts +43 -0
- package/dist/temp/docusaurus/src/components/Table.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Table.js +56 -0
- package/dist/temp/docusaurus/src/components/Tabs.d.ts +27 -0
- package/dist/temp/docusaurus/src/components/Tabs.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Tabs.js +49 -0
- package/dist/temp/docusaurus/src/components/Tag.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/Tag.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Tag.js +16 -0
- package/dist/temp/docusaurus/src/components/Toggle.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/Toggle.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/Toggle.js +19 -0
- package/dist/temp/docusaurus/src/components/TooltipExample.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/TooltipExample.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/TooltipExample.js +1 -0
- package/dist/temp/docusaurus/src/components/VerticalTab.d.ts +3 -0
- package/dist/temp/docusaurus/src/components/VerticalTab.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/VerticalTab.js +2 -0
- package/dist/temp/docusaurus/src/components/demos/BadgeGroupDemo.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/demos/BadgeGroupDemo.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/demos/BadgeGroupDemo.js +46 -0
- package/dist/temp/docusaurus/src/components/demos/DividerDemo.d.ts +9 -0
- package/dist/temp/docusaurus/src/components/demos/DividerDemo.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/demos/DividerDemo.js +40 -0
- package/dist/temp/docusaurus/src/components/demos/DotDemo.d.ts +5 -0
- package/dist/temp/docusaurus/src/components/demos/DotDemo.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/demos/DotDemo.js +17 -0
- package/dist/temp/docusaurus/src/components/demos/DropdownDemo.d.ts +19 -0
- package/dist/temp/docusaurus/src/components/demos/DropdownDemo.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/demos/DropdownDemo.js +89 -0
- package/dist/temp/docusaurus/src/components/demos/FeaturedIconDemo.d.ts +9 -0
- package/dist/temp/docusaurus/src/components/demos/FeaturedIconDemo.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/demos/FeaturedIconDemo.js +6 -0
- package/dist/temp/docusaurus/src/components/demos/ModalDemo.d.ts +27 -0
- package/dist/temp/docusaurus/src/components/demos/ModalDemo.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/demos/ModalDemo.js +51 -0
- package/dist/temp/docusaurus/src/components/demos/NotificationDemo.d.ts +48 -0
- package/dist/temp/docusaurus/src/components/demos/NotificationDemo.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/demos/NotificationDemo.js +77 -0
- package/dist/temp/docusaurus/src/components/demos/SliderDemo.d.ts +18 -0
- package/dist/temp/docusaurus/src/components/demos/SliderDemo.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/demos/SliderDemo.js +24 -0
- package/dist/temp/docusaurus/src/components/demos/index.d.ts +8 -0
- package/dist/temp/docusaurus/src/components/demos/index.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/demos/index.js +7 -0
- package/dist/temp/docusaurus/src/components/index.d.ts +2 -0
- package/dist/temp/docusaurus/src/components/index.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/components/index.js +2 -0
- package/dist/temp/docusaurus/src/pages/index.d.ts +4 -0
- package/dist/temp/docusaurus/src/pages/index.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/pages/index.js +10 -0
- package/dist/temp/docusaurus/src/step-guide-example/BasicExample.d.ts +3 -0
- package/dist/temp/docusaurus/src/step-guide-example/BasicExample.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/step-guide-example/BasicExample.js +47 -0
- package/dist/temp/docusaurus/src/step-guide-example/ClickableDim.d.ts +3 -0
- package/dist/temp/docusaurus/src/step-guide-example/ClickableDim.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/step-guide-example/ClickableDim.js +48 -0
- package/dist/temp/docusaurus/src/step-guide-example/CustomStyle.d.ts +3 -0
- package/dist/temp/docusaurus/src/step-guide-example/CustomStyle.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/step-guide-example/CustomStyle.js +50 -0
- package/dist/temp/docusaurus/src/step-guide-example/EndCallback.d.ts +3 -0
- package/dist/temp/docusaurus/src/step-guide-example/EndCallback.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/step-guide-example/EndCallback.js +62 -0
- package/dist/temp/docusaurus/src/step-guide-example/GoToStep.d.ts +3 -0
- package/dist/temp/docusaurus/src/step-guide-example/GoToStep.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/step-guide-example/GoToStep.js +65 -0
- package/dist/temp/docusaurus/src/step-guide-example/NoTargetElement.d.ts +3 -0
- package/dist/temp/docusaurus/src/step-guide-example/NoTargetElement.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/step-guide-example/NoTargetElement.js +63 -0
- package/dist/temp/docusaurus/src/step-guide-example/NotUseAnimation.d.ts +3 -0
- package/dist/temp/docusaurus/src/step-guide-example/NotUseAnimation.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/step-guide-example/NotUseAnimation.js +48 -0
- package/dist/temp/docusaurus/src/step-guide-example/PositionExample.d.ts +3 -0
- package/dist/temp/docusaurus/src/step-guide-example/PositionExample.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/step-guide-example/PositionExample.js +52 -0
- package/dist/temp/docusaurus/src/step-guide-example/SetBtnLabel.d.ts +3 -0
- package/dist/temp/docusaurus/src/step-guide-example/SetBtnLabel.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/step-guide-example/SetBtnLabel.js +52 -0
- package/dist/temp/docusaurus/src/step-guide-example/SkipBtn.d.ts +3 -0
- package/dist/temp/docusaurus/src/step-guide-example/SkipBtn.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/step-guide-example/SkipBtn.js +54 -0
- package/dist/temp/docusaurus/src/step-guide-example/StepCount.d.ts +3 -0
- package/dist/temp/docusaurus/src/step-guide-example/StepCount.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/step-guide-example/StepCount.js +65 -0
- package/dist/temp/docusaurus/src/step-guide-example/UseHtml.d.ts +3 -0
- package/dist/temp/docusaurus/src/step-guide-example/UseHtml.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/step-guide-example/UseHtml.js +46 -0
- package/dist/temp/docusaurus/src/step-guide-example/component/ExampleContainer.d.ts +7 -0
- package/dist/temp/docusaurus/src/step-guide-example/component/ExampleContainer.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/step-guide-example/component/ExampleContainer.js +21 -0
- package/dist/temp/docusaurus/src/step-guide-example/util/index.d.ts +5 -0
- package/dist/temp/docusaurus/src/step-guide-example/util/index.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/step-guide-example/util/index.js +16 -0
- package/dist/temp/docusaurus/src/theme/BlogArchivePage/index.d.ts +6 -0
- package/dist/temp/docusaurus/src/theme/BlogArchivePage/index.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/theme/BlogArchivePage/index.js +46 -0
- package/dist/temp/docusaurus/src/theme/BlogSidebar/index.d.ts +6 -0
- package/dist/temp/docusaurus/src/theme/BlogSidebar/index.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/theme/BlogSidebar/index.js +30 -0
- package/dist/temp/docusaurus/src/theme/DocBreadcrumbs/Items/Home/index.d.ts +3 -0
- package/dist/temp/docusaurus/src/theme/DocBreadcrumbs/Items/Home/index.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/theme/DocBreadcrumbs/Items/Home/index.js +25 -0
- package/dist/temp/docusaurus/src/theme/DocBreadcrumbs/StructuredData/index.d.ts +4 -0
- package/dist/temp/docusaurus/src/theme/DocBreadcrumbs/StructuredData/index.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/theme/DocBreadcrumbs/StructuredData/index.js +20 -0
- package/dist/temp/docusaurus/src/theme/DocBreadcrumbs/index.d.ts +3 -0
- package/dist/temp/docusaurus/src/theme/DocBreadcrumbs/index.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/theme/DocBreadcrumbs/index.js +46 -0
- package/dist/temp/docusaurus/src/utils/html.d.ts +3 -0
- package/dist/temp/docusaurus/src/utils/html.d.ts.map +1 -0
- package/dist/temp/docusaurus/src/utils/html.js +100 -0
- package/dist/temp/index.d.ts.map +1 -0
- package/dist/{esm → temp}/index.js +1 -1
- package/dist/temp/src/components/badge/Badge.d.ts.map +1 -0
- package/dist/temp/src/components/badge/Badge.js +22 -0
- package/dist/{types → temp}/src/components/badge/BadgeGroup.d.ts +4 -2
- package/dist/temp/src/components/badge/BadgeGroup.d.ts.map +1 -0
- package/dist/temp/src/components/badge/BadgeGroup.js +31 -0
- package/dist/temp/src/components/badge/index.d.ts.map +1 -0
- package/dist/temp/src/components/badge/index.js +2 -0
- package/dist/temp/src/components/badge/utils.d.ts.map +1 -0
- package/dist/temp/src/components/badge/utils.js +16 -0
- package/dist/temp/src/components/breadcrumb/BreadCrumb.d.ts.map +1 -0
- package/dist/temp/src/components/breadcrumb/BreadCrumb.js +30 -0
- package/dist/temp/src/components/breadcrumb/index.d.ts.map +1 -0
- package/dist/temp/src/components/breadcrumb/index.js +1 -0
- package/dist/{types → temp}/src/components/button/Button.d.ts +1 -1
- package/dist/temp/src/components/button/Button.d.ts.map +1 -0
- package/dist/temp/src/components/button/Button.js +89 -0
- package/dist/temp/src/components/button/ButtonCloseX.d.ts +9 -0
- package/dist/temp/src/components/button/ButtonCloseX.d.ts.map +1 -0
- package/dist/temp/src/components/button/ButtonCloseX.js +24 -0
- package/dist/temp/src/components/button/ButtonGroup.d.ts.map +1 -0
- package/dist/temp/src/components/button/ButtonGroup.js +71 -0
- package/dist/temp/src/components/button/index.d.ts.map +1 -0
- package/dist/temp/src/components/button/index.js +2 -0
- package/dist/temp/src/components/carousel/CarouselArrow.d.ts.map +1 -0
- package/dist/temp/src/components/carousel/CarouselArrow.js +23 -0
- package/dist/temp/src/components/carousel/CarouselNumberGroup.d.ts.map +1 -0
- package/dist/temp/src/components/carousel/CarouselNumberGroup.js +23 -0
- package/dist/temp/src/components/carousel/index.d.ts.map +1 -0
- package/dist/temp/src/components/carousel/index.js +2 -0
- package/dist/temp/src/components/checkbox/Checkbox.d.ts.map +1 -0
- package/dist/temp/src/components/checkbox/Checkbox.js +29 -0
- package/dist/temp/src/components/checkbox/CheckboxInput.d.ts.map +1 -0
- package/dist/temp/src/components/checkbox/CheckboxInput.js +37 -0
- package/dist/temp/src/components/checkbox/index.d.ts.map +1 -0
- package/dist/temp/src/components/checkbox/index.js +2 -0
- package/dist/{types → temp}/src/components/date-picker/DatePicker.d.ts +3 -2
- package/dist/temp/src/components/date-picker/DatePicker.d.ts.map +1 -0
- package/dist/temp/src/components/date-picker/DatePicker.js +39 -0
- package/dist/{types → temp}/src/components/date-picker/RangeDatePicker.d.ts +2 -1
- package/dist/temp/src/components/date-picker/RangeDatePicker.d.ts.map +1 -0
- package/dist/temp/src/components/date-picker/RangeDatePicker.js +127 -0
- package/dist/temp/src/components/date-picker/RangeDatePickerWithButtons.d.ts.map +1 -0
- package/dist/temp/src/components/date-picker/RangeDatePickerWithButtons.js +46 -0
- package/dist/temp/src/components/date-picker/index.d.ts.map +1 -0
- package/dist/{esm → temp}/src/components/date-picker/index.js +1 -1
- package/dist/temp/src/components/date-picker/utils.d.ts.map +1 -0
- package/dist/temp/src/components/date-picker/utils.js +8 -0
- package/dist/temp/src/components/divider/Divider.d.ts.map +1 -0
- package/dist/temp/src/components/divider/Divider.js +24 -0
- package/dist/temp/src/components/divider/index.d.ts.map +1 -0
- package/dist/temp/src/components/divider/index.js +1 -0
- package/dist/temp/src/components/dot/Dot.d.ts.map +1 -0
- package/dist/temp/src/components/dot/Dot.js +30 -0
- package/dist/temp/src/components/dot/index.d.ts.map +1 -0
- package/dist/temp/src/components/dot/index.js +1 -0
- package/dist/{types → temp}/src/components/dropdown/Dropdown.d.ts +1 -0
- package/dist/temp/src/components/dropdown/Dropdown.d.ts.map +1 -0
- package/dist/temp/src/components/dropdown/Dropdown.js +82 -0
- package/dist/temp/src/components/dropdown/index.d.ts.map +1 -0
- package/dist/temp/src/components/dropdown/index.js +1 -0
- package/dist/temp/src/components/empty-state/EmptyState.d.ts.map +1 -0
- package/dist/temp/src/components/empty-state/EmptyState.js +32 -0
- package/dist/temp/src/components/empty-state/index.d.ts.map +1 -0
- package/dist/temp/src/components/empty-state/index.js +1 -0
- package/dist/temp/src/components/featured-icon/FeaturedIcon.d.ts.map +1 -0
- package/dist/temp/src/components/featured-icon/FeaturedIcon.js +36 -0
- package/dist/temp/src/components/featured-icon/index.d.ts.map +1 -0
- package/dist/temp/src/components/featured-icon/index.js +1 -0
- package/dist/temp/src/components/index.d.ts.map +1 -0
- package/dist/{esm → temp}/src/components/index.js +1 -1
- package/dist/temp/src/components/input/InputBase.d.ts.map +1 -0
- package/dist/temp/src/components/input/InputBase.js +91 -0
- package/dist/{types → temp}/src/components/input/PasswordInput.d.ts +1 -0
- package/dist/temp/src/components/input/PasswordInput.d.ts.map +1 -0
- package/dist/temp/src/components/input/PasswordInput.js +75 -0
- package/dist/temp/src/components/input/Textarea.d.ts.map +1 -0
- package/dist/temp/src/components/input/Textarea.js +60 -0
- package/dist/temp/src/components/input/index.d.ts.map +1 -0
- package/dist/{esm → temp}/src/components/input/index.js +1 -1
- package/dist/{types → temp}/src/components/modal/Modal.d.ts +1 -1
- package/dist/temp/src/components/modal/Modal.d.ts.map +1 -0
- package/dist/temp/src/components/modal/Modal.js +100 -0
- package/dist/temp/src/components/modal/index.d.ts.map +1 -0
- package/dist/temp/src/components/modal/index.js +1 -0
- package/dist/{types → temp}/src/components/notification/FloatingNotification.d.ts +3 -4
- package/dist/temp/src/components/notification/FloatingNotification.d.ts.map +1 -0
- package/dist/temp/src/components/notification/FloatingNotification.js +50 -0
- package/dist/{types → temp}/src/components/notification/FullWidthNotification.d.ts +3 -4
- package/dist/temp/src/components/notification/FullWidthNotification.d.ts.map +1 -0
- package/dist/temp/src/components/notification/FullWidthNotification.js +47 -0
- package/dist/{types → temp}/src/components/notification/Notification.d.ts +5 -4
- package/dist/temp/src/components/notification/Notification.d.ts.map +1 -0
- package/dist/temp/src/components/notification/Notification.js +31 -0
- package/dist/{types → temp}/src/components/notification/index.d.ts +1 -1
- package/dist/temp/src/components/notification/index.d.ts.map +1 -0
- package/dist/{esm → temp}/src/components/notification/index.js +1 -1
- package/dist/temp/src/components/pagination/NavButton.d.ts.map +1 -0
- package/dist/temp/src/components/pagination/NavButton.js +66 -0
- package/dist/temp/src/components/pagination/Pagination.d.ts.map +1 -0
- package/dist/temp/src/components/pagination/Pagination.js +97 -0
- package/dist/temp/src/components/pagination/index.d.ts.map +1 -0
- package/dist/temp/src/components/pagination/index.js +2 -0
- package/dist/temp/src/components/progress-bar/ProgressBar.d.ts.map +1 -0
- package/dist/temp/src/components/progress-bar/ProgressBar.js +25 -0
- package/dist/temp/src/components/progress-bar/index.d.ts.map +1 -0
- package/dist/temp/src/components/progress-bar/index.js +1 -0
- package/dist/temp/src/components/progress-circle/ProgressCircle.d.ts.map +1 -0
- package/dist/temp/src/components/progress-circle/ProgressCircle.js +22 -0
- package/dist/temp/src/components/progress-circle/index.d.ts.map +1 -0
- package/dist/temp/src/components/progress-circle/index.js +1 -0
- package/dist/temp/src/components/radio/Radio.d.ts.map +1 -0
- package/dist/temp/src/components/radio/Radio.js +29 -0
- package/dist/temp/src/components/radio/RadioInput.d.ts.map +1 -0
- package/dist/temp/src/components/radio/RadioInput.js +29 -0
- package/dist/temp/src/components/radio/index.d.ts.map +1 -0
- package/dist/temp/src/components/radio/index.js +2 -0
- package/dist/temp/src/components/select/Select.d.ts.map +1 -0
- package/dist/temp/src/components/select/Select.js +38 -0
- package/dist/temp/src/components/select/index.d.ts.map +1 -0
- package/dist/temp/src/components/select/index.js +1 -0
- package/dist/{types → temp}/src/components/shared/hintText/HintText.d.ts +1 -0
- package/dist/temp/src/components/shared/hintText/HintText.d.ts.map +1 -0
- package/dist/temp/src/components/shared/hintText/HintText.js +28 -0
- package/dist/temp/src/components/shared/hintText/index.d.ts.map +1 -0
- package/dist/temp/src/components/shared/hintText/index.js +1 -0
- package/dist/temp/src/components/shared/index.d.ts.map +1 -0
- package/dist/{esm → temp}/src/components/shared/index.js +1 -1
- package/dist/{types → temp}/src/components/shared/label/Label.d.ts +1 -0
- package/dist/temp/src/components/shared/label/Label.d.ts.map +1 -0
- package/dist/temp/src/components/shared/label/Label.js +28 -0
- package/dist/temp/src/components/shared/label/index.d.ts.map +1 -0
- package/dist/temp/src/components/shared/label/index.js +1 -0
- package/dist/temp/src/components/slider/Slider.d.ts.map +1 -0
- package/dist/temp/src/components/slider/Slider.js +44 -0
- package/dist/temp/src/components/slider/index.d.ts.map +1 -0
- package/dist/temp/src/components/slider/index.js +1 -0
- package/dist/temp/src/components/spinner/Spinner.d.ts.map +1 -0
- package/dist/temp/src/components/spinner/Spinner.js +21 -0
- package/dist/temp/src/components/spinner/index.d.ts.map +1 -0
- package/dist/{esm → temp}/src/components/spinner/index.js +1 -1
- package/dist/temp/src/components/tab/HorizontalTab.d.ts.map +1 -0
- package/dist/temp/src/components/tab/HorizontalTab.js +44 -0
- package/dist/temp/src/components/tab/TabButton.d.ts.map +1 -0
- package/dist/temp/src/components/tab/TabButton.js +38 -0
- package/dist/temp/src/components/tab/VerticalTab.d.ts.map +1 -0
- package/dist/temp/src/components/tab/VerticalTab.js +39 -0
- package/dist/temp/src/components/tab/index.d.ts.map +1 -0
- package/dist/{esm → temp}/src/components/tab/index.js +1 -1
- package/dist/temp/src/components/tag/Tag.d.ts.map +1 -0
- package/dist/temp/src/components/tag/Tag.js +34 -0
- package/dist/temp/src/components/tag/index.d.ts.map +1 -0
- package/dist/temp/src/components/tag/index.js +1 -0
- package/dist/temp/src/components/toggle/Toggle.d.ts.map +1 -0
- package/dist/temp/src/components/toggle/Toggle.js +30 -0
- package/dist/temp/src/components/toggle/index.d.ts.map +1 -0
- package/dist/temp/src/components/toggle/index.js +1 -0
- package/dist/temp/src/components/tooltip/Tooltip.d.ts.map +1 -0
- package/dist/temp/src/components/tooltip/Tooltip.js +23 -0
- package/dist/temp/src/components/tooltip/index.d.ts.map +1 -0
- package/dist/temp/src/components/tooltip/index.js +1 -0
- package/dist/temp/src/constant/breakpoint.d.ts +7 -0
- package/dist/temp/src/constant/breakpoint.d.ts.map +1 -0
- package/dist/temp/src/constant/breakpoint.js +6 -0
- package/dist/temp/src/constant/date-picker.d.ts.map +1 -0
- package/dist/temp/src/constant/date-picker.js +53 -0
- package/dist/temp/src/constant/index.d.ts.map +1 -0
- package/dist/temp/src/constant/index.js +2 -0
- package/dist/temp/src/constant/size.d.ts.map +1 -0
- package/dist/temp/src/constant/size.js +1 -0
- package/dist/temp/src/hooks/useMediaQuery.d.ts +6 -0
- package/dist/temp/src/hooks/useMediaQuery.d.ts.map +1 -0
- package/dist/temp/src/hooks/useMediaQuery.js +20 -0
- package/dist/temp/src/utils/date-picker.d.ts.map +1 -0
- package/dist/temp/src/utils/date-picker.js +12 -0
- package/dist/temp/tsconfig.tsbuildinfo +1 -0
- package/package.json +3 -2
- package/dist/cjs/assets/scripts/index.js +0 -27
- package/dist/cjs/assets/scripts/slider.js +0 -341
- package/dist/cjs/assets/scripts/test.js +0 -10
- package/dist/cjs/constant/color.js +0 -37
- package/dist/cjs/constant/size.js +0 -5
- package/dist/cjs/index.js +0 -313
- package/dist/cjs/src/components/badge/Badge.js +0 -52
- package/dist/cjs/src/components/badge/BadgeGroup.js +0 -57
- package/dist/cjs/src/components/badge/index.js +0 -27
- package/dist/cjs/src/components/badge/utils.js +0 -33
- package/dist/cjs/src/components/breadcrumb/BreadCrumb.js +0 -67
- package/dist/cjs/src/components/breadcrumb/index.js +0 -16
- package/dist/cjs/src/components/button/Button.js +0 -127
- package/dist/cjs/src/components/button/ButtonGroup.js +0 -121
- package/dist/cjs/src/components/button/index.js +0 -27
- package/dist/cjs/src/components/carousel/CarouselArrow.js +0 -41
- package/dist/cjs/src/components/carousel/CarouselNumberGroup.js +0 -46
- package/dist/cjs/src/components/carousel/index.js +0 -27
- package/dist/cjs/src/components/checkbox/Checkbox.js +0 -70
- package/dist/cjs/src/components/checkbox/CheckboxInput.js +0 -96
- package/dist/cjs/src/components/checkbox/index.js +0 -27
- package/dist/cjs/src/components/date-picker/DatePicker.js +0 -87
- package/dist/cjs/src/components/date-picker/RangeDatePicker.js +0 -118
- package/dist/cjs/src/components/date-picker/RangeDatePickerWithButtons.js +0 -92
- package/dist/cjs/src/components/date-picker/index.js +0 -49
- package/dist/cjs/src/components/date-picker/utils.js +0 -18
- package/dist/cjs/src/components/divider/Divider.js +0 -47
- package/dist/cjs/src/components/divider/index.js +0 -16
- package/dist/cjs/src/components/dot/Dot.js +0 -41
- package/dist/cjs/src/components/dot/index.js +0 -16
- package/dist/cjs/src/components/dropdown/Dropdown.js +0 -206
- package/dist/cjs/src/components/dropdown/index.js +0 -16
- package/dist/cjs/src/components/empty-state/EmptyState.js +0 -58
- package/dist/cjs/src/components/empty-state/index.js +0 -16
- package/dist/cjs/src/components/featured-icon/FeaturedIcon.js +0 -62
- package/dist/cjs/src/components/featured-icon/index.js +0 -16
- package/dist/cjs/src/components/index.js +0 -291
- package/dist/cjs/src/components/input/InputBase.js +0 -184
- package/dist/cjs/src/components/input/PasswordInput.js +0 -94
- package/dist/cjs/src/components/input/Textarea.js +0 -115
- package/dist/cjs/src/components/input/index.js +0 -38
- package/dist/cjs/src/components/modal/Modal.js +0 -196
- package/dist/cjs/src/components/modal/index.js +0 -16
- package/dist/cjs/src/components/notification/FloatingNotification.js +0 -104
- package/dist/cjs/src/components/notification/FullWidthNotification.js +0 -112
- package/dist/cjs/src/components/notification/Notification.js +0 -66
- package/dist/cjs/src/components/notification/index.js +0 -38
- package/dist/cjs/src/components/pagination/NavButton.js +0 -93
- package/dist/cjs/src/components/pagination/Pagination.js +0 -161
- package/dist/cjs/src/components/pagination/index.js +0 -27
- package/dist/cjs/src/components/progress-bar/ProgressBar.js +0 -57
- package/dist/cjs/src/components/progress-bar/index.js +0 -16
- package/dist/cjs/src/components/progress-circle/ProgressCircle.js +0 -121
- package/dist/cjs/src/components/progress-circle/index.js +0 -16
- package/dist/cjs/src/components/radio/Radio.js +0 -65
- package/dist/cjs/src/components/radio/RadioInput.js +0 -50
- package/dist/cjs/src/components/radio/index.js +0 -27
- package/dist/cjs/src/components/select/Select.js +0 -98
- package/dist/cjs/src/components/select/index.js +0 -16
- package/dist/cjs/src/components/shared/hintText/HintText.js +0 -43
- package/dist/cjs/src/components/shared/hintText/index.js +0 -16
- package/dist/cjs/src/components/shared/index.js +0 -27
- package/dist/cjs/src/components/shared/label/Label.js +0 -43
- package/dist/cjs/src/components/shared/label/index.js +0 -16
- package/dist/cjs/src/components/slider/Slider.js +0 -64
- package/dist/cjs/src/components/slider/index.js +0 -16
- package/dist/cjs/src/components/spinner/Spinner.js +0 -53
- package/dist/cjs/src/components/spinner/index.js +0 -27
- package/dist/cjs/src/components/tab/HorizontalTab.js +0 -77
- package/dist/cjs/src/components/tab/TabButton.js +0 -76
- package/dist/cjs/src/components/tab/VerticalTab.js +0 -75
- package/dist/cjs/src/components/tab/index.js +0 -38
- package/dist/cjs/src/components/tag/Tag.js +0 -78
- package/dist/cjs/src/components/tag/index.js +0 -16
- package/dist/cjs/src/components/toggle/Toggle.js +0 -75
- package/dist/cjs/src/components/toggle/index.js +0 -16
- package/dist/cjs/src/components/tooltip/Tooltip.js +0 -74
- package/dist/cjs/src/components/tooltip/index.js +0 -16
- package/dist/cjs/src/constant/date-picker.js +0 -63
- package/dist/cjs/src/constant/index.js +0 -27
- package/dist/cjs/src/constant/size.js +0 -7
- package/dist/cjs/src/utils/date-picker.js +0 -26
- package/dist/esm/assets/scripts/index.js +0 -2
- package/dist/esm/assets/scripts/slider.js +0 -336
- package/dist/esm/assets/scripts/test.js +0 -3
- package/dist/esm/constant/color.js +0 -31
- package/dist/esm/constant/size.js +0 -1
- package/dist/esm/src/components/badge/Badge.js +0 -44
- package/dist/esm/src/components/badge/BadgeGroup.js +0 -49
- package/dist/esm/src/components/badge/index.js +0 -2
- package/dist/esm/src/components/badge/utils.js +0 -25
- package/dist/esm/src/components/breadcrumb/BreadCrumb.js +0 -59
- package/dist/esm/src/components/breadcrumb/index.js +0 -1
- package/dist/esm/src/components/button/Button.js +0 -120
- package/dist/esm/src/components/button/ButtonGroup.js +0 -111
- package/dist/esm/src/components/button/index.js +0 -2
- package/dist/esm/src/components/carousel/CarouselArrow.js +0 -33
- package/dist/esm/src/components/carousel/CarouselNumberGroup.js +0 -38
- package/dist/esm/src/components/carousel/index.js +0 -2
- package/dist/esm/src/components/checkbox/Checkbox.js +0 -62
- package/dist/esm/src/components/checkbox/CheckboxInput.js +0 -89
- package/dist/esm/src/components/checkbox/index.js +0 -2
- package/dist/esm/src/components/date-picker/DatePicker.js +0 -79
- package/dist/esm/src/components/date-picker/RangeDatePicker.js +0 -110
- package/dist/esm/src/components/date-picker/RangeDatePickerWithButtons.js +0 -85
- package/dist/esm/src/components/date-picker/utils.js +0 -10
- package/dist/esm/src/components/divider/Divider.js +0 -40
- package/dist/esm/src/components/divider/index.js +0 -1
- package/dist/esm/src/components/dot/Dot.js +0 -34
- package/dist/esm/src/components/dot/index.js +0 -1
- package/dist/esm/src/components/dropdown/Dropdown.js +0 -198
- package/dist/esm/src/components/dropdown/index.js +0 -1
- package/dist/esm/src/components/empty-state/EmptyState.js +0 -51
- package/dist/esm/src/components/empty-state/index.js +0 -1
- package/dist/esm/src/components/featured-icon/FeaturedIcon.js +0 -55
- package/dist/esm/src/components/featured-icon/index.js +0 -1
- package/dist/esm/src/components/input/InputBase.js +0 -177
- package/dist/esm/src/components/input/PasswordInput.js +0 -87
- package/dist/esm/src/components/input/Textarea.js +0 -108
- package/dist/esm/src/components/modal/Modal.js +0 -188
- package/dist/esm/src/components/modal/index.js +0 -1
- package/dist/esm/src/components/notification/FloatingNotification.js +0 -97
- package/dist/esm/src/components/notification/FullWidthNotification.js +0 -105
- package/dist/esm/src/components/notification/Notification.js +0 -59
- package/dist/esm/src/components/pagination/NavButton.js +0 -86
- package/dist/esm/src/components/pagination/Pagination.js +0 -153
- package/dist/esm/src/components/pagination/index.js +0 -2
- package/dist/esm/src/components/progress-bar/ProgressBar.js +0 -50
- package/dist/esm/src/components/progress-bar/index.js +0 -1
- package/dist/esm/src/components/progress-circle/ProgressCircle.js +0 -114
- package/dist/esm/src/components/progress-circle/index.js +0 -1
- package/dist/esm/src/components/radio/Radio.js +0 -57
- package/dist/esm/src/components/radio/RadioInput.js +0 -43
- package/dist/esm/src/components/radio/index.js +0 -2
- package/dist/esm/src/components/select/Select.js +0 -91
- package/dist/esm/src/components/select/index.js +0 -1
- package/dist/esm/src/components/shared/hintText/HintText.js +0 -35
- package/dist/esm/src/components/shared/hintText/index.js +0 -1
- package/dist/esm/src/components/shared/label/Label.js +0 -35
- package/dist/esm/src/components/shared/label/index.js +0 -1
- package/dist/esm/src/components/slider/Slider.js +0 -57
- package/dist/esm/src/components/slider/index.js +0 -1
- package/dist/esm/src/components/spinner/Spinner.js +0 -45
- package/dist/esm/src/components/tab/HorizontalTab.js +0 -69
- package/dist/esm/src/components/tab/TabButton.js +0 -68
- package/dist/esm/src/components/tab/VerticalTab.js +0 -67
- package/dist/esm/src/components/tag/Tag.js +0 -70
- package/dist/esm/src/components/tag/index.js +0 -1
- package/dist/esm/src/components/toggle/Toggle.js +0 -67
- package/dist/esm/src/components/toggle/index.js +0 -1
- package/dist/esm/src/components/tooltip/Tooltip.js +0 -66
- package/dist/esm/src/components/tooltip/index.js +0 -1
- package/dist/esm/src/constant/date-picker.js +0 -57
- package/dist/esm/src/constant/index.js +0 -2
- package/dist/esm/src/constant/size.js +0 -1
- package/dist/esm/src/utils/date-picker.js +0 -17
- package/dist/types/assets/scripts/index.d.ts +0 -3
- package/dist/types/assets/scripts/test.d.ts +0 -2
- package/dist/ui-admin/assets/images/sprite.png +0 -0
- package/dist/ui-admin/assets/styles/style.css +0 -3688
- /package/dist/{types → temp}/assets/scripts/slider.d.ts +0 -0
- /package/dist/{types → temp}/constant/size.d.ts +0 -0
- /package/dist/{types → temp}/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/badge/Badge.d.ts +0 -0
- /package/dist/{types → temp}/src/components/badge/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/badge/utils.d.ts +0 -0
- /package/dist/{types → temp}/src/components/breadcrumb/BreadCrumb.d.ts +0 -0
- /package/dist/{types → temp}/src/components/breadcrumb/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/button/ButtonGroup.d.ts +0 -0
- /package/dist/{types → temp}/src/components/button/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/carousel/CarouselArrow.d.ts +0 -0
- /package/dist/{types → temp}/src/components/carousel/CarouselNumberGroup.d.ts +0 -0
- /package/dist/{types → temp}/src/components/carousel/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/checkbox/Checkbox.d.ts +0 -0
- /package/dist/{types → temp}/src/components/checkbox/CheckboxInput.d.ts +0 -0
- /package/dist/{types → temp}/src/components/checkbox/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/date-picker/RangeDatePickerWithButtons.d.ts +0 -0
- /package/dist/{types → temp}/src/components/date-picker/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/date-picker/utils.d.ts +0 -0
- /package/dist/{types → temp}/src/components/divider/Divider.d.ts +0 -0
- /package/dist/{types → temp}/src/components/divider/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/dot/Dot.d.ts +0 -0
- /package/dist/{types → temp}/src/components/dot/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/dropdown/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/empty-state/EmptyState.d.ts +0 -0
- /package/dist/{types → temp}/src/components/empty-state/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/featured-icon/FeaturedIcon.d.ts +0 -0
- /package/dist/{types → temp}/src/components/featured-icon/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/input/InputBase.d.ts +0 -0
- /package/dist/{types → temp}/src/components/input/Textarea.d.ts +0 -0
- /package/dist/{types → temp}/src/components/input/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/modal/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/pagination/NavButton.d.ts +0 -0
- /package/dist/{types → temp}/src/components/pagination/Pagination.d.ts +0 -0
- /package/dist/{types → temp}/src/components/pagination/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/progress-bar/ProgressBar.d.ts +0 -0
- /package/dist/{types → temp}/src/components/progress-bar/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/progress-circle/ProgressCircle.d.ts +0 -0
- /package/dist/{types → temp}/src/components/progress-circle/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/radio/Radio.d.ts +0 -0
- /package/dist/{types → temp}/src/components/radio/RadioInput.d.ts +0 -0
- /package/dist/{types → temp}/src/components/radio/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/select/Select.d.ts +0 -0
- /package/dist/{types → temp}/src/components/select/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/shared/hintText/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/shared/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/shared/label/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/slider/Slider.d.ts +0 -0
- /package/dist/{types → temp}/src/components/slider/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/spinner/Spinner.d.ts +0 -0
- /package/dist/{types → temp}/src/components/spinner/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/tab/HorizontalTab.d.ts +0 -0
- /package/dist/{types → temp}/src/components/tab/TabButton.d.ts +0 -0
- /package/dist/{types → temp}/src/components/tab/VerticalTab.d.ts +0 -0
- /package/dist/{types → temp}/src/components/tab/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/tag/Tag.d.ts +0 -0
- /package/dist/{types → temp}/src/components/tag/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/toggle/Toggle.d.ts +0 -0
- /package/dist/{types → temp}/src/components/toggle/index.d.ts +0 -0
- /package/dist/{types → temp}/src/components/tooltip/Tooltip.d.ts +0 -0
- /package/dist/{types → temp}/src/components/tooltip/index.d.ts +0 -0
- /package/dist/{types → temp}/src/constant/date-picker.d.ts +0 -0
- /package/dist/{types → temp}/src/constant/index.d.ts +0 -0
- /package/dist/{types → temp}/src/constant/size.d.ts +0 -0
- /package/dist/{types → temp}/src/utils/date-picker.d.ts +0 -0
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import Icon from '@ncds/ui-admin-icon';
|
|
14
|
+
import { useEffect, useRef, useState } from 'react';
|
|
15
|
+
export var Dropdown = function (_a) {
|
|
16
|
+
var trigger = _a.trigger, _b = _a.align, align = _b === void 0 ? 'left' : _b, header = _a.header, groups = _a.groups, className = _a.className, _c = _a.opened, opened = _c === void 0 ? false : _c, _d = _a.closeOnClickItem, closeOnClickItem = _d === void 0 ? true : _d, _e = _a.closeOnClickOutside, closeOnClickOutside = _e === void 0 ? true : _e;
|
|
17
|
+
var _f = useState(opened), isOpen = _f[0], setIsOpen = _f[1];
|
|
18
|
+
var dropdownRef = useRef(null);
|
|
19
|
+
var toggleDropdown = function () {
|
|
20
|
+
setIsOpen(!isOpen);
|
|
21
|
+
};
|
|
22
|
+
var handleClickOutside = function (event) {
|
|
23
|
+
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
24
|
+
setIsOpen(false);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
var handleClickItem = function (item) {
|
|
28
|
+
if (!item.disabled && item.onClick) {
|
|
29
|
+
item.onClick();
|
|
30
|
+
if (closeOnClickItem) {
|
|
31
|
+
setIsOpen(false);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
useEffect(function () {
|
|
36
|
+
if (closeOnClickOutside) {
|
|
37
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
38
|
+
return function () {
|
|
39
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
}, [closeOnClickOutside]);
|
|
43
|
+
var renderTrigger = function () {
|
|
44
|
+
switch (trigger.type) {
|
|
45
|
+
case 'custom':
|
|
46
|
+
return (_jsx("button", __assign({ className: "ncua-dropdown__trigger", onClick: toggleDropdown }, { children: trigger.children })));
|
|
47
|
+
case 'icon':
|
|
48
|
+
return (_jsx("button", __assign({ className: "ncua-dropdown__trigger ncua-dropdown__trigger--icon", onClick: toggleDropdown }, { children: trigger.icon ? _jsx(Icon, { name: trigger.icon }) : _jsx(Icon, { name: "dots-vertical" }) })));
|
|
49
|
+
case 'avatar':
|
|
50
|
+
return (_jsx("button", __assign({ className: "ncua-dropdown__trigger ncua-dropdown__trigger--avatar", onClick: toggleDropdown }, { children: _jsx("div", __assign({ className: "ncua-dropdown__avatar" }, { children: _jsx("img", { src: trigger.avatar, alt: "avatar" }) })) })));
|
|
51
|
+
case 'button':
|
|
52
|
+
return (_jsx("button", __assign({ className: "ncua-dropdown__trigger ncua-dropdown__trigger--button", onClick: toggleDropdown }, { children: trigger.text })));
|
|
53
|
+
default:
|
|
54
|
+
return null;
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
var renderHeader = function () {
|
|
58
|
+
if (!header)
|
|
59
|
+
return null;
|
|
60
|
+
if (header.type === 'avatar' && header.avatar) {
|
|
61
|
+
return (_jsx("div", __assign({ className: "ncua-dropdown__header" }, { children: _jsxs("div", __assign({ className: "ncua-dropdown__header-avatar-group" }, { children: [_jsx("div", __assign({ className: "ncua-dropdown__avatar" }, { children: _jsx("img", { src: header.avatar, alt: "avatar" }) })), _jsxs("div", __assign({ className: "ncua-dropdown__header-text" }, { children: [header.title && _jsx("div", __assign({ className: "ncua-dropdown__header-title" }, { children: header.title })), header.subtitle && _jsx("div", __assign({ className: "ncua-dropdown__header-subtitle" }, { children: header.subtitle }))] }))] })) })));
|
|
62
|
+
}
|
|
63
|
+
if (header.type === 'text' && header.title) {
|
|
64
|
+
return (_jsx("div", __assign({ className: "ncua-dropdown__header" }, { children: _jsx("div", __assign({ className: "ncua-dropdown__header-title" }, { children: header.title })) })));
|
|
65
|
+
}
|
|
66
|
+
return null;
|
|
67
|
+
};
|
|
68
|
+
var renderItem = function (item) {
|
|
69
|
+
var itemClasses = [
|
|
70
|
+
'ncua-dropdown__item',
|
|
71
|
+
item.disabled ? 'is-disabled' : '',
|
|
72
|
+
item.type === 'danger' ? 'is-danger' : '',
|
|
73
|
+
]
|
|
74
|
+
.filter(Boolean)
|
|
75
|
+
.join(' ');
|
|
76
|
+
return (_jsxs("div", __assign({ className: itemClasses }, { children: [_jsx("button", { className: "ncua-dropdown__item-clickable-layer", onClick: function () { return handleClickItem(item); } }), _jsxs("div", __assign({ className: "ncua-dropdown__item-content" }, { children: [_jsxs("div", __assign({ className: "ncua-dropdown__item-text-group" }, { children: [item.icon && _jsx(Icon, { name: item.icon, className: "ncua-dropdown__item-icon" }), _jsx("span", __assign({ className: "ncua-dropdown__item-text" }, { children: item.text }))] })), item.shortcut && _jsx("span", __assign({ className: "ncua-dropdown__item-shortcut" }, { children: item.shortcut }))] }))] }), item.id));
|
|
77
|
+
};
|
|
78
|
+
var dropdownClasses = ['ncua-dropdown', className, align === 'right' ? 'ncua-dropdown--right' : '']
|
|
79
|
+
.filter(Boolean)
|
|
80
|
+
.join(' ');
|
|
81
|
+
return (_jsxs("div", __assign({ className: dropdownClasses, ref: dropdownRef }, { children: [renderTrigger(), isOpen && (_jsxs("div", __assign({ className: "ncua-dropdown__menu" }, { children: [renderHeader(), _jsx("div", __assign({ className: "ncua-dropdown__menu-items" }, { children: groups.map(function (group, index) { return (_jsx("div", __assign({ className: "ncua-dropdown__group" }, { children: group.items.map(renderItem) }), index)); }) }))] })))] })));
|
|
82
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Dropdown';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/components/empty-state/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,MAAM,GAAG,aAAa,GAAG,cAAc,CAAC;IAC7G,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;CAC3C;AAED,eAAO,MAAM,UAAU,oCAAqC,eAAe,4CAgB1E,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
+
import { Button } from '../button/Button';
|
|
25
|
+
export var EmptyState = function (_a) {
|
|
26
|
+
var title = _a.title, description = _a.description, buttons = _a.buttons;
|
|
27
|
+
var emptyStateButtons = buttons ? (Array.isArray(buttons) ? buttons : [buttons]) : [];
|
|
28
|
+
return (_jsxs("div", __assign({ className: "ncua-empty-state" }, { children: [_jsx("p", __assign({ className: "ncua-empty-state__title" }, { children: title })), _jsx("span", __assign({ className: "ncua-empty-state__description" }, { children: description })), emptyStateButtons.length > 0 && (_jsx("div", __assign({ className: "ncua-empty-state__button-group" }, { children: emptyStateButtons.map(function (_a) {
|
|
29
|
+
var size = _a.size, label = _a.label, rest = __rest(_a, ["size", "label"]);
|
|
30
|
+
return (_jsx(Button, __assign({ size: size !== null && size !== void 0 ? size : 'xs', label: label }, rest), label));
|
|
31
|
+
}) })))] })));
|
|
32
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/empty-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './EmptyState';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeaturedIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/featured-icon/FeaturedIcon.tsx"],"names":[],"mappings":"AAAA,OAAa,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAG7D,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG,aAAa,GAAG,gBAAgB,GAAG,gBAAgB,CAAC;AAErG,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAE5E,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACvF,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,eAAO,MAAM,YAAY,8GAwBxB,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
+
import Icon from '@ncds/ui-admin-icon';
|
|
25
|
+
import classNames from 'classnames';
|
|
26
|
+
import { forwardRef } from 'react';
|
|
27
|
+
var iconSizeMap = {
|
|
28
|
+
sm: 16,
|
|
29
|
+
md: 20,
|
|
30
|
+
lg: 24,
|
|
31
|
+
xl: 28,
|
|
32
|
+
};
|
|
33
|
+
export var FeaturedIcon = forwardRef(function (_a, ref) {
|
|
34
|
+
var name = _a.name, _b = _a.theme, theme = _b === void 0 ? 'light-circle' : _b, _c = _a.color, color = _c === void 0 ? 'neutral' : _c, _d = _a.size, size = _d === void 0 ? 'md' : _d, className = _a.className, rest = __rest(_a, ["name", "theme", "color", "size", "className"]);
|
|
35
|
+
return (_jsxs("div", __assign({ ref: ref, className: classNames('ncua-featured-icon', "ncua-featured-icon--".concat(theme), "ncua-featured-icon--".concat(color), "ncua-featured-icon--".concat(size), className) }, rest, { children: [theme === 'outline-circle' && (_jsxs(_Fragment, { children: [_jsx("div", { className: "ncua-featured-icon__outline ncua-featured-icon__outline--inner" }), _jsx("div", { className: "ncua-featured-icon__outline ncua-featured-icon__outline--outer" })] })), _jsx(Icon, { name: name, width: iconSizeMap[size], height: iconSizeMap[size] })] })));
|
|
36
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/featured-icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './FeaturedIcon';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/InputBase.tsx"],"names":[],"mappings":"AAAA,OAAa,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGhD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,UAAU,mBAAmB;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,mBAAmB;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAClC;AAED,KAAK,oBAAoB,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AACxF,KAAK,qBAAqB,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAE3F,UAAU,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,2BAA4B,SAAQ,oBAAoB;IAChE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,uBAAwB,SAAQ,oBAAoB;IAC5D,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,MAAM,cAAc,GAAG,2BAA2B,GAAG,uBAAuB,CAAC;AAYnF,eAAO,MAAM,SAAS,yFA0JrB,CAAC"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
+
import Icon from '@ncds/ui-admin-icon';
|
|
25
|
+
import { forwardRef } from 'react';
|
|
26
|
+
import classNames from 'classnames';
|
|
27
|
+
import { COLOR } from '../../../constant/color';
|
|
28
|
+
import { Label } from '../shared/label/Label';
|
|
29
|
+
import { HintText } from '../shared/hintText/HintText';
|
|
30
|
+
var validationSvgSize = {
|
|
31
|
+
xs: 14,
|
|
32
|
+
md: 16,
|
|
33
|
+
};
|
|
34
|
+
var generalSvgSize = {
|
|
35
|
+
xs: 14,
|
|
36
|
+
md: 20,
|
|
37
|
+
};
|
|
38
|
+
export var InputBase = forwardRef(function (_a, ref) {
|
|
39
|
+
var _b = _a.size, size = _b === void 0 ? 'md' : _b, required = _a.required, label = _a.label, hintText = _a.hintText, disabled = _a.disabled, validation = _a.validation, destructive = _a.destructive, leadingElement = _a.leadingElement, trailingElement = _a.trailingElement, showHelpIcon = _a.showHelpIcon, props = __rest(_a, ["size", "required", "label", "hintText", "disabled", "validation", "destructive", "leadingElement", "trailingElement", "showHelpIcon"]);
|
|
40
|
+
var renderOutsideSlot = function (slot) {
|
|
41
|
+
if (slot.type === 'custom' && slot.placement !== 'outside') {
|
|
42
|
+
return null;
|
|
43
|
+
}
|
|
44
|
+
switch (slot.type) {
|
|
45
|
+
case 'button':
|
|
46
|
+
return (_jsx("button", __assign({ type: slot.isSubmit ? 'submit' : 'button', className: classNames('ncua-input__button', "ncua-input__button--".concat(size)), onClick: slot.onClick }, { children: slot.label })));
|
|
47
|
+
case 'text':
|
|
48
|
+
return (_jsx("span", __assign({ className: classNames('ncua-input__leading-text', "ncua-input__leading-text--".concat(size)) }, { children: slot.text })));
|
|
49
|
+
case 'custom':
|
|
50
|
+
return slot.children;
|
|
51
|
+
default:
|
|
52
|
+
return null;
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
var renderInsideSlot = function (slot, position) {
|
|
56
|
+
var _a, _b;
|
|
57
|
+
switch (slot.type) {
|
|
58
|
+
case 'icon':
|
|
59
|
+
return (_jsx("div", __assign({ className: "ncua-input__icon-wrap" }, { children: _jsx(Icon, { className: classNames("ncua-input__".concat(position, "-icon"), slot.className), name: slot.icon, color: slot.color ? COLOR[slot.color] : undefined, width: (_a = slot.size) !== null && _a !== void 0 ? _a : generalSvgSize[size], height: (_b = slot.size) !== null && _b !== void 0 ? _b : generalSvgSize[size] }) })));
|
|
60
|
+
case 'custom':
|
|
61
|
+
return slot.children;
|
|
62
|
+
default:
|
|
63
|
+
return null;
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
var renderClearButton = function () {
|
|
67
|
+
if (!props.clearText)
|
|
68
|
+
return null;
|
|
69
|
+
return (_jsx("button", __assign({ className: "ncua-input__icon-wrap ncua-input__right-icon ncua-input__clear", onClick: props.onClearText }, { children: _jsx(Icon, { name: "x", className: "ncua-input__clear-icon", width: validationSvgSize[size], height: validationSvgSize[size] }) })));
|
|
70
|
+
};
|
|
71
|
+
var renderStatusIcon = function () {
|
|
72
|
+
if (destructive) {
|
|
73
|
+
return (_jsx("div", __assign({ className: "ncua-input__icon-wrap ncua-input__right-icon" }, { children: _jsx(Icon, { name: "info-circle", className: "ncua-input__destructive-icon", width: validationSvgSize[size], height: validationSvgSize[size] }) })));
|
|
74
|
+
}
|
|
75
|
+
if (validation) {
|
|
76
|
+
return (_jsx("div", __assign({ className: "ncua-input__icon-wrap ncua-input__right-icon" }, { children: _jsx(Icon, { name: "check-circle", className: "ncua-input__validation-icon", width: validationSvgSize[size], height: validationSvgSize[size] }) })));
|
|
77
|
+
}
|
|
78
|
+
return null;
|
|
79
|
+
};
|
|
80
|
+
var renderLabel = function () {
|
|
81
|
+
if (!label)
|
|
82
|
+
return null;
|
|
83
|
+
return (_jsxs("div", __assign({ className: classNames('ncua-input__label', "ncua-input__label--".concat(size)) }, { children: [_jsx(Label, __assign({ isRequired: required, htmlFor: props.id }, { children: label })), showHelpIcon && _jsx(Icon, { className: "ncua-input__help-icon", name: "help-circle" })] })));
|
|
84
|
+
};
|
|
85
|
+
return (_jsxs("div", __assign({ className: classNames('ncua-input', "ncua-input--".concat(size), {
|
|
86
|
+
destructive: destructive,
|
|
87
|
+
'is-disabled': disabled,
|
|
88
|
+
'ncua-input__trailing-button': (trailingElement === null || trailingElement === void 0 ? void 0 : trailingElement.type) === 'button',
|
|
89
|
+
'ncua-input__leading-text-wrap': (leadingElement === null || leadingElement === void 0 ? void 0 : leadingElement.type) === 'text',
|
|
90
|
+
}) }, { children: [renderLabel(), _jsxs("div", __assign({ className: "ncua-input__content" }, { children: [leadingElement && renderOutsideSlot(leadingElement), _jsxs("div", __assign({ className: classNames('ncua-input__field', "ncua-input__field--".concat(size)) }, { children: [leadingElement && renderInsideSlot(leadingElement, 'left'), _jsx("input", __assign({ ref: ref, type: "text", disabled: disabled }, props)), trailingElement && renderInsideSlot(trailingElement, 'right'), renderClearButton(), renderStatusIcon()] })), trailingElement && renderOutsideSlot(trailingElement)] })), hintText && (_jsx(HintText, __assign({ className: "ncua-input__hint-text", destructive: destructive }, { children: hintText })))] })));
|
|
91
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/PasswordInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AASxD,eAAO,MAAM,aAAa,6GA6DxB,CAAC"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
+
import { forwardRef, useEffect, useRef, useState } from 'react';
|
|
25
|
+
import { InputBase } from './InputBase';
|
|
26
|
+
import { Eye, EyeOff } from '@ncds/ui-admin-icon';
|
|
27
|
+
import classNames from 'classnames';
|
|
28
|
+
var svgSize = {
|
|
29
|
+
xs: 14,
|
|
30
|
+
md: 20,
|
|
31
|
+
};
|
|
32
|
+
export var PasswordInput = forwardRef(function (_a, ref) {
|
|
33
|
+
var _b = _a.size, size = _b === void 0 ? 'md' : _b, props = __rest(_a, ["size"]);
|
|
34
|
+
var inputRef = useRef(null);
|
|
35
|
+
var _c = useState(false), isVisible = _c[0], setIsVisible = _c[1];
|
|
36
|
+
var _d = useState(false), hasContent = _d[0], setHasContent = _d[1];
|
|
37
|
+
var svgProps = {
|
|
38
|
+
width: svgSize[size],
|
|
39
|
+
height: svgSize[size],
|
|
40
|
+
};
|
|
41
|
+
var handleVisibilityChange = function () {
|
|
42
|
+
setIsVisible(!isVisible);
|
|
43
|
+
};
|
|
44
|
+
useEffect(function () {
|
|
45
|
+
if (inputRef.current) {
|
|
46
|
+
setHasContent(!!inputRef.current.value);
|
|
47
|
+
var handleInput_1 = function () {
|
|
48
|
+
var _a;
|
|
49
|
+
setHasContent(!!((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value));
|
|
50
|
+
};
|
|
51
|
+
inputRef.current.addEventListener('input', handleInput_1);
|
|
52
|
+
return function () {
|
|
53
|
+
var _a;
|
|
54
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('input', handleInput_1);
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
}, []);
|
|
58
|
+
return (_jsx(InputBase, __assign({ ref: function (node) {
|
|
59
|
+
if (typeof ref === 'function') {
|
|
60
|
+
ref(node);
|
|
61
|
+
}
|
|
62
|
+
else if (ref) {
|
|
63
|
+
ref.current = node;
|
|
64
|
+
}
|
|
65
|
+
inputRef.current = node;
|
|
66
|
+
}, size: size, type: isVisible ? 'text' : 'password', leadingElement: {
|
|
67
|
+
type: 'icon',
|
|
68
|
+
icon: 'lock-01',
|
|
69
|
+
color: hasContent ? 'gray600' : 'gray300',
|
|
70
|
+
}, trailingElement: {
|
|
71
|
+
type: 'custom',
|
|
72
|
+
placement: 'inside',
|
|
73
|
+
children: (_jsx("button", __assign({ className: classNames('ncua-input__icon-wrap', 'ncua-input__right-icon', 'ncua-input__password-icon'), onClick: handleVisibilityChange }, { children: isVisible ? _jsx(Eye, __assign({}, svgProps)) : _jsx(EyeOff, __assign({}, svgProps)) }))),
|
|
74
|
+
} }, props)));
|
|
75
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAA2C,MAAM,OAAO,CAAC;AAGvF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,UAAU,aAAc,SAAQ,qBAAqB,CAAC,UAAU,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,QAAQ,4HA4EpB,CAAC"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
+
import classNames from 'classnames';
|
|
25
|
+
import { forwardRef, useEffect, useRef, useState } from 'react';
|
|
26
|
+
import { Label } from '../shared/label/Label';
|
|
27
|
+
import { HintText } from '../shared/hintText/HintText';
|
|
28
|
+
export var Textarea = forwardRef(function (_a, ref) {
|
|
29
|
+
var _b;
|
|
30
|
+
var className = _a.className, _c = _a.size, size = _c === void 0 ? 'md' : _c, label = _a.label, required = _a.required, disabled = _a.disabled, hintText = _a.hintText, characterCount = _a.characterCount, destructive = _a.destructive, props = __rest(_a, ["className", "size", "label", "required", "disabled", "hintText", "characterCount", "destructive"]);
|
|
31
|
+
var textareaRef = useRef(null);
|
|
32
|
+
var _d = useState(0), textCount = _d[0], setTextCount = _d[1];
|
|
33
|
+
var shouldShowHintArea = hintText || characterCount;
|
|
34
|
+
useEffect(function () {
|
|
35
|
+
if (textareaRef.current && characterCount) {
|
|
36
|
+
setTextCount(textareaRef.current.value.length);
|
|
37
|
+
var handleInput_1 = function () {
|
|
38
|
+
var _a, _b;
|
|
39
|
+
setTextCount((_b = (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.value.length) !== null && _b !== void 0 ? _b : 0);
|
|
40
|
+
};
|
|
41
|
+
textareaRef.current.addEventListener('input', handleInput_1);
|
|
42
|
+
return function () {
|
|
43
|
+
var _a;
|
|
44
|
+
(_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('input', handleInput_1);
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
}, [characterCount]);
|
|
48
|
+
return (_jsxs("div", __assign({ className: classNames('ncua-input', 'ncua-input--textarea', "ncua-input--textarea--".concat(size), {
|
|
49
|
+
destructive: destructive,
|
|
50
|
+
'is-disabled': disabled,
|
|
51
|
+
}, className) }, { children: [label && (_jsx(Label, __assign({ htmlFor: props.id, isRequired: required }, { children: label }))), _jsx("div", __assign({ className: "ncua-input__content" }, { children: _jsx("div", __assign({ className: "ncua-input__field" }, { children: _jsx("textarea", __assign({ ref: function (node) {
|
|
52
|
+
if (typeof ref === 'function') {
|
|
53
|
+
ref(node);
|
|
54
|
+
}
|
|
55
|
+
else if (ref) {
|
|
56
|
+
ref.current = node;
|
|
57
|
+
}
|
|
58
|
+
textareaRef.current = node;
|
|
59
|
+
}, className: "ncua-input__textarea", disabled: disabled }, props)) })) })), shouldShowHintArea && (_jsxs("div", __assign({ className: "ncua-input__text-count-wrap" }, { children: [hintText && (_jsx(HintText, __assign({ as: "div", destructive: destructive }, { children: hintText }))), characterCount && (_jsx("div", __assign({ className: "ncua-input__text-count" }, { children: _jsxs("span", __assign({ className: "ncua-input__text-count-text" }, { children: [_jsx("span", __assign({ className: "ncua-input__text-count-text-count" }, { children: textCount })), "/", (_b = props.maxLength) !== null && _b !== void 0 ? _b : 0] })) })))] })))] })));
|
|
60
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { IconName } from '@ncds/ui-admin-icon';
|
|
1
2
|
import { ReactNode } from 'react';
|
|
2
3
|
import { FeaturedIconColor, FeaturedIconTheme } from '../featured-icon';
|
|
3
|
-
import { IconName } from '@ncds/ui-admin-icon';
|
|
4
4
|
export type ModalSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
5
5
|
export type ModalHeaderAlign = 'left' | 'center' | 'horizontal';
|
|
6
6
|
export type ModalAlign = 'center' | 'right' | 'stretch';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAgB,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEtF,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAClD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC;AAChE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AACxD,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,YAAY,GAAG,UAAU,CAAC;AAExE,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,KAAK;qGASf,UAAU;uGAmEV,gBAAgB;0BA6BY,iBAAiB;IAYhD;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;wEAOA,iBAAiB;CArGnB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE;QACb,IAAI,EAAE,QAAQ,CAAC;QACf,KAAK,EAAE,iBAAiB,CAAC;QACzB,KAAK,EAAE,iBAAiB,CAAC;KAC1B,CAAC;IACF,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAoCF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAMF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B,CAAC"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
24
|
+
import classnames from 'classnames';
|
|
25
|
+
import { useEffect, useRef } from 'react';
|
|
26
|
+
import ReactDOM from 'react-dom';
|
|
27
|
+
import { ButtonCloseX } from '../button/ButtonCloseX';
|
|
28
|
+
import { FeaturedIcon } from '../featured-icon';
|
|
29
|
+
export var Modal = function (_a) {
|
|
30
|
+
var isOpen = _a.isOpen, onClose = _a.onClose, children = _a.children, _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.closeOnBackdropClick, closeOnBackdropClick = _c === void 0 ? true : _c, _d = _a.closeOnEsc, closeOnEsc = _d === void 0 ? true : _d, className = _a.className, restProps = __rest(_a, ["isOpen", "onClose", "children", "size", "closeOnBackdropClick", "closeOnEsc", "className"]);
|
|
31
|
+
var modalRef = useRef(null);
|
|
32
|
+
var handleBackdropClick = function (e) {
|
|
33
|
+
if (closeOnBackdropClick && e.target === e.currentTarget) {
|
|
34
|
+
onClose();
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
useEffect(function () {
|
|
38
|
+
var handleKeyDown = function (e) {
|
|
39
|
+
if (isOpen && closeOnEsc && e.key === 'Escape') {
|
|
40
|
+
onClose();
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
if (isOpen) {
|
|
44
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
45
|
+
document.body.style.overflow = 'hidden';
|
|
46
|
+
}
|
|
47
|
+
return function () {
|
|
48
|
+
document.removeEventListener('keydown', handleKeyDown);
|
|
49
|
+
document.body.style.overflow = '';
|
|
50
|
+
};
|
|
51
|
+
}, [isOpen, closeOnEsc, onClose]);
|
|
52
|
+
if (!isOpen)
|
|
53
|
+
return null;
|
|
54
|
+
var modalContent = (_jsx("div", __assign({ className: classnames('ncua-modal-backdrop', className), onClick: handleBackdropClick, ref: modalRef }, restProps, { children: _jsx("div", __assign({ className: classnames('ncua-modal', "ncua-modal--".concat(size)) }, { children: children })) })));
|
|
55
|
+
return ReactDOM.createPortal(modalContent, document.body);
|
|
56
|
+
};
|
|
57
|
+
Modal.Header = function (_a) {
|
|
58
|
+
var children = _a.children, onClose = _a.onClose, featuredIcon = _a.featuredIcon, title = _a.title, subtitle = _a.subtitle, _b = _a.align, align = _b === void 0 ? 'left' : _b, _c = _a.showDivider, showDivider = _c === void 0 ? false : _c, _d = _a.hideCloseButton, hideCloseButton = _d === void 0 ? false : _d;
|
|
59
|
+
return (_jsxs(_Fragment, { children: [_jsxs("header", __assign({ className: classnames('ncua-modal__header', "ncua-modal__header--".concat(align), {
|
|
60
|
+
'ncua-modal__header--close-button': !hideCloseButton,
|
|
61
|
+
}) }, { children: [featuredIcon && (_jsx(FeaturedIcon, { name: featuredIcon.name, color: featuredIcon.color, theme: featuredIcon.theme, size: "sm" })), _jsxs("div", __assign({ className: "ncua-modal__title" }, { children: [_jsx("div", __assign({ className: "ncua-modal__title-text" }, { children: title })), subtitle && _jsx("div", __assign({ className: "ncua-modal__title-subtitle" }, { children: subtitle }))] })), children, !hideCloseButton && (_jsx(ButtonCloseX, { className: "ncua-modal__close-button", size: "sm", theme: "light", onClick: onClose }))] })), showDivider && _jsx("div", { className: "ncua-modal__header-divider" })] }));
|
|
62
|
+
};
|
|
63
|
+
Modal.Content = function (_a) {
|
|
64
|
+
var children = _a.children;
|
|
65
|
+
return _jsx("div", __assign({ className: "ncua-modal__content" }, { children: children }));
|
|
66
|
+
};
|
|
67
|
+
/**
|
|
68
|
+
* Modal.Actions - The actions area of the modal
|
|
69
|
+
*
|
|
70
|
+
* Examples:
|
|
71
|
+
*
|
|
72
|
+
* 1. Vertical layout (buttons stacked):
|
|
73
|
+
* <Modal.Actions layout="vertical" align="stretch">
|
|
74
|
+
* <Button size="sm" label="Confirm" onClick={handleConfirm} hierarchy="primary" />
|
|
75
|
+
* <Button size="sm" label="Cancel" onClick={handleCancel} hierarchy="secondary-gray" />
|
|
76
|
+
* </Modal.Actions>
|
|
77
|
+
*
|
|
78
|
+
* 2. Horizontal layout (buttons side by side):
|
|
79
|
+
* <Modal.Actions layout="horizontal" align="stretch">
|
|
80
|
+
* <Button size="sm" label="Confirm" onClick={handleConfirm} hierarchy="primary" />
|
|
81
|
+
* <Button size="sm" label="Cancel" onClick={handleCancel} hierarchy="secondary-gray" />
|
|
82
|
+
* </Modal.Actions>
|
|
83
|
+
*
|
|
84
|
+
* 3. Checkbox layout (checkbox on left, buttons on right):
|
|
85
|
+
* <Modal.Actions layout="checkbox" align="stretch" checkboxContent={
|
|
86
|
+
* <>
|
|
87
|
+
* <Checkbox text="Never show again" />
|
|
88
|
+
* <a href="#">Settings</a>
|
|
89
|
+
* </>
|
|
90
|
+
* }>
|
|
91
|
+
* <Button size="sm" label="Cancel" onClick={handleCancel} hierarchy="secondary-gray" />
|
|
92
|
+
* <Button size="sm" label="Confirm" onClick={handleConfirm} hierarchy="primary" />
|
|
93
|
+
* </Modal.Actions>
|
|
94
|
+
*/
|
|
95
|
+
Modal.Actions = function (_a) {
|
|
96
|
+
var children = _a.children, _b = _a.layout, layout = _b === void 0 ? 'vertical' : _b, _c = _a.showDivider, showDivider = _c === void 0 ? false : _c, _d = _a.align, align = _d === void 0 ? 'stretch' : _d, checkboxContent = _a.checkboxContent;
|
|
97
|
+
return (_jsxs(_Fragment, { children: [showDivider && _jsx("div", { className: "ncua-modal__actions-divider" }), _jsxs("div", __assign({ className: classnames('ncua-modal__actions-wrapper', {
|
|
98
|
+
'ncua-modal__actions-wrapper--checkbox': layout === 'checkbox',
|
|
99
|
+
}) }, { children: [layout === 'checkbox' && (_jsx("div", __assign({ className: "ncua-modal__actions-checkbox" }, { children: _jsx("div", __assign({ className: "ncua-modal__actions-checkbox-content" }, { children: checkboxContent })) }))), _jsx("div", __assign({ className: classnames('ncua-modal__actions', "ncua-modal__actions--".concat(layout), "ncua-modal__actions--".concat(align)) }, { children: children }))] }))] }));
|
|
100
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Modal';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
-
|
|
3
|
-
export type FloatingNotificationSize = 'desktop' | 'mobile';
|
|
2
|
+
import { NotificationAction, NotificationColor } from './Notification';
|
|
4
3
|
export interface FloatingNotificationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
|
|
5
4
|
/**
|
|
6
5
|
* 알림 제목 텍스트
|
|
@@ -14,7 +13,7 @@ export interface FloatingNotificationProps extends Omit<ComponentPropsWithoutRef
|
|
|
14
13
|
* 알림 색상 스타일
|
|
15
14
|
* @default 'neutral'
|
|
16
15
|
*/
|
|
17
|
-
|
|
16
|
+
color?: NotificationColor;
|
|
18
17
|
/**
|
|
19
18
|
* 닫기 버튼 클릭 이벤트 핸들러
|
|
20
19
|
*/
|
|
@@ -26,7 +25,7 @@ export interface FloatingNotificationProps extends Omit<ComponentPropsWithoutRef
|
|
|
26
25
|
/**
|
|
27
26
|
* 버튼 영역 (선택사항)
|
|
28
27
|
*/
|
|
29
|
-
actions?:
|
|
28
|
+
actions?: NotificationAction[];
|
|
30
29
|
}
|
|
31
30
|
export declare const FloatingNotification: import("react").ForwardRefExoticComponent<FloatingNotificationProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
32
31
|
//# sourceMappingURL=FloatingNotification.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FloatingNotification.d.ts","sourceRoot":"","sources":["../../../../../src/components/notification/FloatingNotification.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAMxE,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAC/F;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAChC;AASD,eAAO,MAAM,oBAAoB,sHAwDhC,CAAC"}
|