@rolster/react-components 19.6.10 → 19.7.0
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/LICENSE +21 -21
- package/dist/cjs/index.cjs +370 -240
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/es/index.mjs +366 -242
- package/dist/es/index.mjs.map +1 -1
- package/dist/esm/components/atoms/Amount/Amount.d.ts +2 -1
- package/dist/esm/components/atoms/Amount/Amount.js +3 -2
- package/dist/esm/components/atoms/Amount/Amount.js.map +1 -1
- package/dist/esm/components/atoms/AreaText/AreaText.d.ts +3 -1
- package/dist/esm/components/atoms/AreaText/AreaText.js +3 -2
- package/dist/esm/components/atoms/AreaText/AreaText.js.map +1 -1
- package/dist/esm/components/atoms/Avatar/Avatar.d.ts +2 -1
- package/dist/esm/components/atoms/Avatar/Avatar.js +3 -2
- package/dist/esm/components/atoms/Avatar/Avatar.js.map +1 -1
- package/dist/esm/components/atoms/Badge/Badge.d.ts +2 -1
- package/dist/esm/components/atoms/Badge/Badge.js +3 -2
- package/dist/esm/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.d.ts +2 -1
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.js +3 -2
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/esm/components/atoms/Button/Button.d.ts +2 -1
- package/dist/esm/components/atoms/Button/Button.js +3 -2
- package/dist/esm/components/atoms/Button/Button.js.map +1 -1
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.d.ts +2 -1
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.js +3 -2
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.js.map +1 -1
- package/dist/esm/components/atoms/ButtonIcon/ButtonIcon.d.ts +2 -1
- package/dist/esm/components/atoms/ButtonIcon/ButtonIcon.js +3 -2
- package/dist/esm/components/atoms/ButtonIcon/ButtonIcon.js.map +1 -1
- package/dist/esm/components/atoms/ButtonOption/ButtonOption.d.ts +3 -2
- package/dist/esm/components/atoms/ButtonOption/ButtonOption.js +3 -2
- package/dist/esm/components/atoms/ButtonOption/ButtonOption.js.map +1 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.d.ts +4 -2
- package/dist/esm/components/atoms/CheckBox/CheckBox.js +5 -3
- package/dist/esm/components/atoms/CheckBox/CheckBox.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Icon.d.ts +2 -1
- package/dist/esm/components/atoms/Icon/Icon.js +3 -2
- package/dist/esm/components/atoms/Icon/Icon.js.map +1 -1
- package/dist/esm/components/atoms/Image/Image.d.ts +2 -1
- package/dist/esm/components/atoms/Image/Image.js +3 -2
- package/dist/esm/components/atoms/Image/Image.js.map +1 -1
- package/dist/esm/components/atoms/Input/Input.d.ts +2 -1
- package/dist/esm/components/atoms/Input/Input.js +3 -2
- package/dist/esm/components/atoms/Input/Input.js.map +1 -1
- package/dist/esm/components/atoms/InputCounter/InputCounter.d.ts +2 -1
- package/dist/esm/components/atoms/InputCounter/InputCounter.js +3 -2
- package/dist/esm/components/atoms/InputCounter/InputCounter.js.map +1 -1
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.d.ts +2 -1
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.js +3 -2
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.js.map +1 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.d.ts +2 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.js +3 -2
- package/dist/esm/components/atoms/InputMoney/InputMoney.js.map +1 -1
- package/dist/esm/components/atoms/InputNumber/InputNumber.d.ts +2 -1
- package/dist/esm/components/atoms/InputNumber/InputNumber.js +3 -2
- package/dist/esm/components/atoms/InputNumber/InputNumber.js.map +1 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.d.ts +2 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.js +3 -2
- package/dist/esm/components/atoms/InputPassword/InputPassword.js.map +1 -1
- package/dist/esm/components/atoms/InputPercentage/InputPercentage.d.ts +2 -1
- package/dist/esm/components/atoms/InputPercentage/InputPercentage.js +3 -2
- package/dist/esm/components/atoms/InputPercentage/InputPercentage.js.map +1 -1
- package/dist/esm/components/atoms/InputSearch/InputSearch.d.ts +2 -1
- package/dist/esm/components/atoms/InputSearch/InputSearch.js +3 -2
- package/dist/esm/components/atoms/InputSearch/InputSearch.js.map +1 -1
- package/dist/esm/components/atoms/InputText/InputText.d.ts +3 -1
- package/dist/esm/components/atoms/InputText/InputText.js +3 -2
- package/dist/esm/components/atoms/InputText/InputText.js.map +1 -1
- package/dist/esm/components/atoms/Label/Label.d.ts +3 -1
- package/dist/esm/components/atoms/Label/Label.js +3 -1
- package/dist/esm/components/atoms/Label/Label.js.map +1 -1
- package/dist/esm/components/atoms/Led/Led.d.ts +2 -1
- package/dist/esm/components/atoms/Led/Led.js +3 -2
- package/dist/esm/components/atoms/Led/Led.js.map +1 -1
- package/dist/esm/components/atoms/MessageIcon/MessageIcon.d.ts +2 -1
- package/dist/esm/components/atoms/MessageIcon/MessageIcon.js +3 -1
- package/dist/esm/components/atoms/MessageIcon/MessageIcon.js.map +1 -1
- package/dist/esm/components/atoms/Poster/Poster.d.ts +2 -1
- package/dist/esm/components/atoms/Poster/Poster.js +3 -2
- package/dist/esm/components/atoms/Poster/Poster.js.map +1 -1
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.d.ts +2 -1
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.js +3 -2
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.d.ts +3 -1
- package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.js +3 -1
- package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.js.map +1 -1
- package/dist/esm/components/atoms/RadioButton/RadioButton.d.ts +2 -1
- package/dist/esm/components/atoms/RadioButton/RadioButton.js +3 -2
- package/dist/esm/components/atoms/RadioButton/RadioButton.js.map +1 -1
- package/dist/esm/components/atoms/Skeleton/Skeleton.d.ts +3 -1
- package/dist/esm/components/atoms/Skeleton/Skeleton.js +3 -1
- package/dist/esm/components/atoms/Skeleton/Skeleton.js.map +1 -1
- package/dist/esm/components/atoms/SkeletonText/SkeletonText.d.ts +2 -1
- package/dist/esm/components/atoms/SkeletonText/SkeletonText.js +3 -1
- package/dist/esm/components/atoms/SkeletonText/SkeletonText.js.map +1 -1
- package/dist/esm/components/atoms/Spinner/Spinner.d.ts +3 -1
- package/dist/esm/components/atoms/Spinner/Spinner.js +3 -1
- package/dist/esm/components/atoms/Spinner/Spinner.js.map +1 -1
- package/dist/esm/components/atoms/Switch/Switch.d.ts +4 -2
- package/dist/esm/components/atoms/Switch/Switch.js +5 -3
- package/dist/esm/components/atoms/Switch/Switch.js.map +1 -1
- package/dist/esm/components/atoms/TabularText/TabularText.d.ts +2 -1
- package/dist/esm/components/atoms/TabularText/TabularText.js +3 -2
- package/dist/esm/components/atoms/TabularText/TabularText.js.map +1 -1
- package/dist/esm/components/molecules/Accordion/Accordion.d.ts +2 -1
- package/dist/esm/components/molecules/Accordion/Accordion.js +3 -2
- package/dist/esm/components/molecules/Accordion/Accordion.js.map +1 -1
- package/dist/esm/components/molecules/Alert/Alert.d.ts +2 -1
- package/dist/esm/components/molecules/Alert/Alert.js +3 -2
- package/dist/esm/components/molecules/Alert/Alert.js.map +1 -1
- package/dist/esm/components/molecules/Ballot/Ballot.d.ts +2 -1
- package/dist/esm/components/molecules/Ballot/Ballot.js +3 -2
- package/dist/esm/components/molecules/Ballot/Ballot.js.map +1 -1
- package/dist/esm/components/molecules/Body/Body.d.ts +3 -1
- package/dist/esm/components/molecules/Body/Body.js +3 -1
- package/dist/esm/components/molecules/Body/Body.js.map +1 -1
- package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.d.ts +2 -1
- package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.js +3 -2
- package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.js.map +1 -1
- package/dist/esm/components/molecules/ButtonStepper/ButtonStepper.d.ts +2 -1
- package/dist/esm/components/molecules/ButtonStepper/ButtonStepper.js +3 -2
- package/dist/esm/components/molecules/ButtonStepper/ButtonStepper.js.map +1 -1
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.d.ts +2 -1
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.js +3 -2
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.js.map +1 -1
- package/dist/esm/components/molecules/Content/Content.d.ts +3 -1
- package/dist/esm/components/molecules/Content/Content.js +3 -1
- package/dist/esm/components/molecules/Content/Content.js.map +1 -1
- package/dist/esm/components/molecules/FieldArea/FieldArea.d.ts +2 -1
- package/dist/esm/components/molecules/FieldArea/FieldArea.js +3 -2
- package/dist/esm/components/molecules/FieldArea/FieldArea.js.map +1 -1
- package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.d.ts +2 -1
- package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.js +3 -2
- package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.js.map +1 -1
- package/dist/esm/components/molecules/FieldFile/FieldFile.d.ts +2 -1
- package/dist/esm/components/molecules/FieldFile/FieldFile.js +3 -2
- package/dist/esm/components/molecules/FieldFile/FieldFile.js.map +1 -1
- package/dist/esm/components/molecules/FieldListSuggestions/FieldListSuggestions.d.ts +2 -1
- package/dist/esm/components/molecules/FieldListSuggestions/FieldListSuggestions.js +3 -2
- package/dist/esm/components/molecules/FieldListSuggestions/FieldListSuggestions.js.map +1 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.d.ts +2 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js +3 -2
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js.map +1 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.d.ts +2 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js +3 -2
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js.map +1 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.d.ts +3 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js +3 -2
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js.map +1 -1
- package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.d.ts +2 -1
- package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.js +3 -2
- package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.js.map +1 -1
- package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.d.ts +2 -1
- package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.js +3 -1
- package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.js.map +1 -1
- package/dist/esm/components/molecules/FieldText/FieldText.d.ts +3 -1
- package/dist/esm/components/molecules/FieldText/FieldText.js +3 -2
- package/dist/esm/components/molecules/FieldText/FieldText.js.map +1 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.d.ts +2 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js +3 -2
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js.map +1 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.d.ts +3 -2
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js +3 -2
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js.map +1 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.d.ts +2 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js +3 -2
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js.map +1 -1
- package/dist/esm/components/molecules/MessageEmpty/MessageEmpty.d.ts +2 -1
- package/dist/esm/components/molecules/MessageEmpty/MessageEmpty.js +3 -2
- package/dist/esm/components/molecules/MessageEmpty/MessageEmpty.js.map +1 -1
- package/dist/esm/components/molecules/MessageFormError/MessageFormError.d.ts +2 -1
- package/dist/esm/components/molecules/MessageFormError/MessageFormError.js +3 -2
- package/dist/esm/components/molecules/MessageFormError/MessageFormError.js.map +1 -1
- package/dist/esm/components/molecules/Navbar/Navbar.d.ts +3 -1
- package/dist/esm/components/molecules/Navbar/Navbar.js +3 -1
- package/dist/esm/components/molecules/Navbar/Navbar.js.map +1 -1
- package/dist/esm/components/molecules/NavbarMenu/NabvarMenu.d.ts +2 -1
- package/dist/esm/components/molecules/NavbarMenu/NabvarMenu.js +3 -2
- package/dist/esm/components/molecules/NavbarMenu/NabvarMenu.js.map +1 -1
- package/dist/esm/components/molecules/Pagination/Pagination.d.ts +2 -1
- package/dist/esm/components/molecules/Pagination/Pagination.js +3 -2
- package/dist/esm/components/molecules/Pagination/Pagination.js.map +1 -1
- package/dist/esm/components/molecules/PickerDay/PickerDay.d.ts +2 -1
- package/dist/esm/components/molecules/PickerDay/PickerDay.js +3 -2
- package/dist/esm/components/molecules/PickerDay/PickerDay.js.map +1 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.d.ts +2 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js +3 -2
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js.map +1 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.d.ts +2 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js +3 -2
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js.map +1 -1
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.d.ts +2 -1
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js +3 -2
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js.map +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.d.ts +2 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.js +3 -2
- package/dist/esm/components/molecules/PickerYear/PickerYear.js.map +1 -1
- package/dist/esm/components/molecules/Slider/Slider.d.ts +2 -1
- package/dist/esm/components/molecules/Slider/Slider.js +3 -2
- package/dist/esm/components/molecules/Slider/Slider.js.map +1 -1
- package/dist/esm/components/molecules/Tabs/Tabs.d.ts +2 -1
- package/dist/esm/components/molecules/Tabs/Tabs.js +3 -2
- package/dist/esm/components/molecules/Tabs/Tabs.js.map +1 -1
- package/dist/esm/components/molecules/Toolbar/Toolbar.d.ts +2 -1
- package/dist/esm/components/molecules/Toolbar/Toolbar.js +3 -1
- package/dist/esm/components/molecules/Toolbar/Toolbar.js.map +1 -1
- package/dist/esm/components/organisms/BottomSheet/BottomSheet.d.ts +2 -1
- package/dist/esm/components/organisms/BottomSheet/BottomSheet.js +3 -2
- package/dist/esm/components/organisms/BottomSheet/BottomSheet.js.map +1 -1
- package/dist/esm/components/organisms/Card/Card.d.ts +2 -1
- package/dist/esm/components/organisms/Card/Card.js +3 -2
- package/dist/esm/components/organisms/Card/Card.js.map +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.d.ts +2 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.js +3 -2
- package/dist/esm/components/organisms/Confirmation/Confirmation.js.map +1 -1
- package/dist/esm/components/organisms/Datatable/Datatable.d.ts +19 -9
- package/dist/esm/components/organisms/Datatable/Datatable.js +25 -16
- package/dist/esm/components/organisms/Datatable/Datatable.js.map +1 -1
- package/dist/esm/components/organisms/Dropdown/Dropdown.d.ts +2 -1
- package/dist/esm/components/organisms/Dropdown/Dropdown.js +3 -2
- package/dist/esm/components/organisms/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.d.ts +8 -6
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js +5 -3
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js.map +1 -1
- package/dist/esm/components/organisms/FieldClock/FieldClock.d.ts +5 -4
- package/dist/esm/components/organisms/FieldClock/FieldClock.js +8 -9
- package/dist/esm/components/organisms/FieldClock/FieldClock.js.map +1 -1
- package/dist/esm/components/organisms/FieldColor/FieldColor.d.ts +5 -4
- package/dist/esm/components/organisms/FieldColor/FieldColor.js +3 -2
- package/dist/esm/components/organisms/FieldColor/FieldColor.js.map +1 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.d.ts +5 -4
- package/dist/esm/components/organisms/FieldDate/FieldDate.js +9 -9
- package/dist/esm/components/organisms/FieldDate/FieldDate.js.map +1 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.d.ts +5 -4
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js +8 -9
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js.map +1 -1
- package/dist/esm/components/organisms/FieldList/FieldList.d.ts +8 -6
- package/dist/esm/components/organisms/FieldList/FieldList.js +5 -3
- package/dist/esm/components/organisms/FieldList/FieldList.js.map +1 -1
- package/dist/esm/components/organisms/FieldList/FieldListController.js +7 -8
- package/dist/esm/components/organisms/FieldList/FieldListController.js.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.d.ts +8 -6
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js +5 -3
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map +1 -1
- package/dist/esm/components/organisms/FormNavigation/FormNavigation.d.ts +3 -1
- package/dist/esm/components/organisms/FormNavigation/FormNavigation.js +3 -2
- package/dist/esm/components/organisms/FormNavigation/FormNavigation.js.map +1 -1
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.d.ts +2 -1
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.js +3 -2
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.js.map +1 -1
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.d.ts +2 -1
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.js +3 -2
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.js.map +1 -1
- package/dist/esm/components/organisms/ImageEditorModal/ImageEditorModal.d.ts +2 -1
- package/dist/esm/components/organisms/ImageEditorModal/ImageEditorModal.js +3 -1
- package/dist/esm/components/organisms/ImageEditorModal/ImageEditorModal.js.map +1 -1
- package/dist/esm/components/organisms/Modal/Modal.d.ts +2 -1
- package/dist/esm/components/organisms/Modal/Modal.js +3 -2
- package/dist/esm/components/organisms/Modal/Modal.js.map +1 -1
- package/dist/esm/components/organisms/ModalClock/ModalClock.d.ts +15 -0
- package/dist/esm/components/organisms/ModalClock/ModalClock.js +14 -0
- package/dist/esm/components/organisms/ModalClock/ModalClock.js.map +1 -0
- package/dist/esm/components/organisms/ModalDate/ModalDate.d.ts +17 -0
- package/dist/esm/components/organisms/ModalDate/ModalDate.js +14 -0
- package/dist/esm/components/organisms/ModalDate/ModalDate.js.map +1 -0
- package/dist/esm/components/organisms/ModalDateRange/ModalDateRange.d.ts +18 -0
- package/dist/esm/components/organisms/ModalDateRange/ModalDateRange.js +14 -0
- package/dist/esm/components/organisms/ModalDateRange/ModalDateRange.js.map +1 -0
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.d.ts +2 -1
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.js +3 -2
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.js.map +1 -1
- package/dist/esm/components/organisms/PickerClock/PickerClock.d.ts +2 -1
- package/dist/esm/components/organisms/PickerClock/PickerClock.js +3 -2
- package/dist/esm/components/organisms/PickerClock/PickerClock.js.map +1 -1
- package/dist/esm/components/organisms/PickerColor/PickerColor.d.ts +2 -1
- package/dist/esm/components/organisms/PickerColor/PickerColor.js +3 -2
- package/dist/esm/components/organisms/PickerColor/PickerColor.js.map +1 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.d.ts +2 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.js +3 -2
- package/dist/esm/components/organisms/PickerDate/PickerDate.js.map +1 -1
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.d.ts +2 -1
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js +3 -2
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js.map +1 -1
- package/dist/esm/components/organisms/Snackbar/Snackbar.d.ts +2 -1
- package/dist/esm/components/organisms/Snackbar/Snackbar.js +3 -2
- package/dist/esm/components/organisms/Snackbar/Snackbar.js.map +1 -1
- package/dist/esm/components/organisms/VirtualScroll/VirtualScroll.d.ts +2 -1
- package/dist/esm/components/organisms/VirtualScroll/VirtualScroll.js +7 -7
- package/dist/esm/components/organisms/VirtualScroll/VirtualScroll.js.map +1 -1
- package/dist/esm/context.js +9 -8
- package/dist/esm/context.js.map +1 -1
- package/dist/esm/controllers/ListController.d.ts +1 -1
- package/dist/esm/controllers/ListController.js +25 -15
- package/dist/esm/controllers/ListController.js.map +1 -1
- package/dist/esm/controllers/ResizeController.d.ts +3 -3
- package/dist/esm/controllers/ResizeController.js +10 -11
- package/dist/esm/controllers/ResizeController.js.map +1 -1
- package/dist/esm/helpers/app-theme.d.ts +4 -0
- package/dist/esm/helpers/app-theme.js +21 -0
- package/dist/esm/helpers/app-theme.js.map +1 -0
- package/dist/esm/helpers/color.js +38 -74
- package/dist/esm/helpers/color.js.map +1 -1
- package/dist/esm/helpers/css.js +4 -4
- package/dist/esm/helpers/css.js.map +1 -1
- package/dist/esm/index.d.ts +4 -0
- package/dist/esm/index.js +4 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types.d.ts +1 -0
- package/package.json +83 -83
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDate/PickerDate.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,YAAY,EAEZ,mBAAmB,EACnB,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAgB,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,
|
|
1
|
+
{"version":3,"file":"PickerDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDate/PickerDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,5 +11,6 @@ interface PickerDateRangeProps extends RlsComponent {
|
|
|
11
11
|
minDate?: Date;
|
|
12
12
|
onListener?: (listener: PickerListener<DateRange>) => void;
|
|
13
13
|
}
|
|
14
|
-
|
|
14
|
+
declare function RlsPickerDateRangeComponent({ automatic, date: datePicker, disabled, formControl, maxDate, minDate, onListener, rlsTheme }: PickerDateRangeProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare const RlsPickerDateRange: import("react").MemoExoticComponent<typeof RlsPickerDateRangeComponent>;
|
|
15
16
|
export {};
|
|
@@ -4,7 +4,7 @@ import { PickerListenerEvent } from '@rolster/components';
|
|
|
4
4
|
import { assignMonthInDate, assignYearInDate, DateRange, normalizeMinTime } from '@rolster/dates';
|
|
5
5
|
import { i18nSubscribe } from '@rolster/i18n';
|
|
6
6
|
import { useReactControl } from '@rolster/react-forms';
|
|
7
|
-
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
7
|
+
import { memo, useCallback, useEffect, useMemo, useState } from 'react';
|
|
8
8
|
import { renderClassStatus } from '../../../helpers/css';
|
|
9
9
|
import { rangeFormatTemplate } from '../../../helpers/date-range-picker';
|
|
10
10
|
import { reactI18n } from '../../../i18n';
|
|
@@ -13,7 +13,7 @@ import { RlsPickerDayRange } from '../../molecules/PickerDayRange/PickerDayRange
|
|
|
13
13
|
import { RlsPickerMonth } from '../../molecules/PickerMonth/PickerMonth';
|
|
14
14
|
import { RlsPickerSelectorTitle } from '../../molecules/PickerSelectorTitle/PickerSelectorTitle';
|
|
15
15
|
import { RlsPickerYear } from '../../molecules/PickerYear/PickerYear';
|
|
16
|
-
|
|
16
|
+
function RlsPickerDateRangeComponent({ automatic, date: datePicker, disabled, formControl, maxDate, minDate, onListener, rlsTheme }) {
|
|
17
17
|
const _date = useMemo(() => normalizeMinTime(datePicker ?? new Date()), [datePicker]);
|
|
18
18
|
const _range = useMemo(() => formControl?.value ?? DateRange.now(), [formControl?.value]);
|
|
19
19
|
const yearControl = useReactControl(_date.getFullYear());
|
|
@@ -79,4 +79,5 @@ export function RlsPickerDateRange({ automatic, date: datePicker, disabled, form
|
|
|
79
79
|
}, [formControl, value, onListener]);
|
|
80
80
|
return (_jsxs("div", { className: "rls-picker-date-range", "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-date-range__header", children: [_jsx(RlsPickerSelectorTitle, { monthControl: monthControl, yearControl: yearControl, date: date, maxDate: maxDate, minDate: minDate, disabled: visibility === 'YEAR', type: visibility === 'MONTH' ? 'year' : 'month', onClick: onVisibilityTitle }), _jsx("div", { className: "rls-picker-date-range__title", children: _jsx("span", { onClick: onVisibilityDay, children: title }) })] }), _jsxs("div", { className: classNameComponent, children: [_jsx(RlsPickerDayRange, { formControl: rangeControl, date: date, maxDate: maxDate, minDate: minDate, disabled: disabled }), _jsx(RlsPickerMonth, { formControl: monthControl, year: yearControl.value, maxDate: maxDate, minDate: minDate, disabled: disabled, onValue: onVisibilityDay }), _jsx(RlsPickerYear, { formControl: yearControl, maxDate: maxDate, minDate: minDate, disabled: disabled, onValue: onVisibilityDay })] }), _jsx("div", { className: classNameFooter, children: _jsxs("div", { className: "rls-picker-date-range__actions", children: [_jsx("div", { className: "rls-picker-date-range__actions--cancel", children: _jsx(RlsButton, { type: "flat", onClick: onCancel, children: labels.dateActionCancel }) }), _jsx("div", { className: "rls-picker-date-range__actions--ok", children: _jsx(RlsButton, { type: "gradient", onClick: onSelect, children: labels.dateActionSelect }) })] }) })] }));
|
|
81
81
|
}
|
|
82
|
+
export const RlsPickerDateRange = memo(RlsPickerDateRangeComponent);
|
|
82
83
|
//# sourceMappingURL=PickerDateRange.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDateRange/PickerDateRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAkB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,SAAS,EACT,gBAAgB,EACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAgB,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PickerDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDateRange/PickerDateRange.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,7 @@ export interface SnackbarService {
|
|
|
16
16
|
RlsSnackbar: ReactNode;
|
|
17
17
|
snackbar: Snackbar;
|
|
18
18
|
}
|
|
19
|
-
|
|
19
|
+
declare function RlsSnackbarComponent({ content, onClose, icon, rlsTheme, title, visible }: SnackbarProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare const RlsSnackbar: import("react").MemoExoticComponent<typeof RlsSnackbarComponent>;
|
|
20
21
|
export declare function useSnackbar(): SnackbarService;
|
|
21
22
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
2
|
+
import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
3
3
|
import { renderClassStatus } from '../../../helpers/css';
|
|
4
4
|
import { RlsIcon } from '../../atoms/Icon/Icon';
|
|
5
5
|
const DURATION_ANIMATION = 240;
|
|
@@ -17,12 +17,13 @@ function calculateDuration({ length }) {
|
|
|
17
17
|
}
|
|
18
18
|
return duration + DURATION_RESET;
|
|
19
19
|
}
|
|
20
|
-
|
|
20
|
+
function RlsSnackbarComponent({ content, onClose, icon, rlsTheme, title, visible }) {
|
|
21
21
|
const className = useMemo(() => {
|
|
22
22
|
return renderClassStatus('rls-snackbar', { visible });
|
|
23
23
|
}, [visible]);
|
|
24
24
|
return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [icon && (_jsx("div", { className: "rls-snackbar__avatar", children: _jsx(RlsIcon, { value: icon }) })), _jsxs("div", { className: "rls-snackbar__component", children: [_jsxs("div", { className: "rls-snackbar__header", children: [_jsx("div", { className: "rls-snackbar__title", children: title }), _jsx("button", { onClick: onClose, children: _jsx(RlsIcon, { value: "close" }) })] }), _jsx("div", { className: "rls-snackbar__content", children: content })] })] }));
|
|
25
25
|
}
|
|
26
|
+
export const RlsSnackbar = memo(RlsSnackbarComponent);
|
|
26
27
|
export function useSnackbar() {
|
|
27
28
|
const timeoutId = useRef(undefined);
|
|
28
29
|
const duration = useRef(4000);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Snackbar/Snackbar.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Snackbar/Snackbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,IAAI,EAEJ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGhD,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAC/B,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,YAAY,GAAG,IAAI,CAAC;AAC1B,MAAM,YAAY,GAAG,IAAI,CAAC;AAC1B,MAAM,cAAc,GAAG,GAAG,CAAC;AAE3B,SAAS,iBAAiB,CAAC,EAAE,MAAM,EAAU;IAC3C,IAAI,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;IAEtC,IAAI,QAAQ,GAAG,YAAY,EAAE,CAAC;QAC5B,QAAQ,GAAG,YAAY,CAAC;IAC1B,CAAC;SAAM,IAAI,QAAQ,GAAG,YAAY,EAAE,CAAC;QACnC,QAAQ,GAAG,YAAY,CAAC;IAC1B,CAAC;IAED,OAAO,QAAQ,GAAG,cAAc,CAAC;AACnC,CAAC;AAuBD,SAAS,oBAAoB,CAAC,EAC5B,OAAO,EACP,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,OAAO,EACO;IACd,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3C,IAAI,IAAI,CACP,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,GAAI,GACpB,CACP,EAED,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAK,SAAS,EAAC,sBAAsB,aACnC,cAAK,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAO,EAElD,iBAAQ,OAAO,EAAE,OAAO,YACtB,KAAC,OAAO,IAAC,KAAK,EAAC,OAAO,GAAG,GAClB,IACL,EAEN,cAAK,SAAS,EAAC,uBAAuB,YAAE,OAAO,GAAO,IAClD,IACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC;AAOtD,MAAM,UAAU,WAAW;IACzB,MAAM,SAAS,GAAG,MAAM,CAAM,SAAS,CAAC,CAAC;IACzC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB;QAChD,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,KAAK;KACf,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC;QACD,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC;QAE9B,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACtD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,CAClB,KAAC,WAAW,OAAK,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAC5E,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAClB,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAClC,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC;gBAC9B,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;YACtD,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC;aAAM,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YAC7B,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAChC,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC;YAE9B,UAAU,CAAC,GAAG,EAAE;gBACd,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YACzB,CAAC,EAAE,kBAAkB,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpB,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,MAAsB,EAAE,EAAE;QACtD,QAAQ,CAAC,OAAO,GAAG,iBAAiB,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;QAE7D,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACnB,GAAG,KAAK;YACR,MAAM;YACN,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO;SACxB,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,WAAW,EAAE,WAAW;QACxB,QAAQ;KACT,CAAC;AACJ,CAAC"}
|
|
@@ -4,5 +4,6 @@ interface VirtualScrollProps {
|
|
|
4
4
|
height: number;
|
|
5
5
|
items: ReactNode[];
|
|
6
6
|
}
|
|
7
|
-
|
|
7
|
+
declare function RlsVirtualScrollComponent({ container, height, items }: VirtualScrollProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const RlsVirtualScroll: import("react").MemoExoticComponent<typeof RlsVirtualScrollComponent>;
|
|
8
9
|
export {};
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useMemo, useState } from 'react';
|
|
3
|
-
|
|
4
|
-
const [
|
|
5
|
-
const
|
|
6
|
-
const endIndex = useMemo(() => Math.min(items.length - 1, Math.floor((scrollTop + container) / height)), [scrollTop, items.length, height, container]);
|
|
2
|
+
import { memo, useCallback, useMemo, useState } from 'react';
|
|
3
|
+
function RlsVirtualScrollComponent({ container, height, items }) {
|
|
4
|
+
const [startIndex, setStartIndex] = useState(0);
|
|
5
|
+
const endIndex = Math.min(items.length - 1, startIndex + Math.ceil(container / height));
|
|
7
6
|
const visibleItems = useMemo(() => items.slice(startIndex, endIndex + 1), [items, startIndex, endIndex]);
|
|
8
7
|
const handleScroll = useCallback((event) => {
|
|
9
|
-
|
|
10
|
-
}, []);
|
|
8
|
+
setStartIndex(Math.floor(event.currentTarget.scrollTop / height));
|
|
9
|
+
}, [height]);
|
|
11
10
|
return (_jsx("div", { style: {
|
|
12
11
|
height: `${container}px`,
|
|
13
12
|
overflowY: 'auto',
|
|
@@ -25,4 +24,5 @@ export function RlsVirtualScroll({ container, height, items }) {
|
|
|
25
24
|
}, children: item }, actualIndex));
|
|
26
25
|
}) }) }));
|
|
27
26
|
}
|
|
27
|
+
export const RlsVirtualScroll = memo(RlsVirtualScrollComponent);
|
|
28
28
|
//# sourceMappingURL=VirtualScroll.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualScroll.js","sourceRoot":"","sources":["../../../../../src/components/organisms/VirtualScroll/VirtualScroll.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"VirtualScroll.js","sourceRoot":"","sources":["../../../../../src/components/organisms/VirtualScroll/VirtualScroll.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,IAAI,EAGJ,WAAW,EACX,OAAO,EACP,QAAQ,EACT,MAAM,OAAO,CAAC;AAQf,SAAS,yBAAyB,CAAC,EACjC,SAAS,EACT,MAAM,EACN,KAAK,EACc;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEhD,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CACvB,KAAK,CAAC,MAAM,GAAG,CAAC,EAChB,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,CAC3C,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,CAAC,CAAC,EAC3C,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,CAAC,CAC9B,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAA8B,EAAE,EAAE;QACjC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC;IACpE,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,CACL,cACE,KAAK,EAAE;YACL,MAAM,EAAE,GAAG,SAAS,IAAI;YACxB,SAAS,EAAE,MAAM;YACjB,QAAQ,EAAE,UAAU;SACrB,EACD,QAAQ,EAAE,YAAY,YAEtB,cACE,KAAK,EAAE;gBACL,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,IAAI;gBACpC,QAAQ,EAAE,UAAU;aACrB,YAEA,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAChC,MAAM,WAAW,GAAG,UAAU,GAAG,KAAK,CAAC;gBAEvC,OAAO,CACL,cAEE,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,GAAG,WAAW,GAAG,MAAM,IAAI;wBAChC,MAAM,EAAE,GAAG,MAAM,IAAI;wBACrB,KAAK,EAAE,MAAM;qBACd,YAEA,IAAI,IARA,WAAW,CASZ,CACP,CAAC;YACJ,CAAC,CAAC,GACE,GACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,yBAAyB,CAAC,CAAC"}
|
package/dist/esm/context.js
CHANGED
|
@@ -26,13 +26,14 @@ export function RlsApplication({ children }) {
|
|
|
26
26
|
'navbar-condense': navbarIsCondense
|
|
27
27
|
});
|
|
28
28
|
}, [appIsMobile, navbarInApp, navbarIsCondense]);
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
29
|
+
const state = useMemo(() => ({
|
|
30
|
+
confirmation,
|
|
31
|
+
notify,
|
|
32
|
+
setIsMobile,
|
|
33
|
+
setNavbarInApp,
|
|
34
|
+
setNavbarIsCondense,
|
|
35
|
+
snackbar
|
|
36
|
+
}), [confirmation, notify, snackbar]);
|
|
37
|
+
return (_jsxs(RlsContext, { value: state, children: [_jsxs("div", { className: className, children: [children, RlsSnackbar] }), RlsNotifications, RlsConfirmation] }));
|
|
37
38
|
}
|
|
38
39
|
//# sourceMappingURL=context.js.map
|
package/dist/esm/context.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAEL,eAAe,EAChB,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAEL,gBAAgB,EACjB,MAAM,oDAAoD,CAAC;AAC5D,OAAO,EAEL,WAAW,EACZ,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAWlD,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAkB,IAAI,CAAC,CAAC;AAE/D,MAAM,UAAU,aAAa;IAC3B,MAAM,KAAK,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAErC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;IAC3D,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAgB;IACvD,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5D,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxD,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IAEhD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,eAAe,EAAE;YACxC,MAAM,EAAE,WAAW;YACnB,iBAAiB,EAAE,WAAW;YAC9B,iBAAiB,EAAE,gBAAgB;SACpC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEjD,
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAEL,eAAe,EAChB,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAEL,gBAAgB,EACjB,MAAM,oDAAoD,CAAC;AAC5D,OAAO,EAEL,WAAW,EACZ,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAWlD,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAkB,IAAI,CAAC,CAAC;AAE/D,MAAM,UAAU,aAAa;IAC3B,MAAM,KAAK,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IAErC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;IAC3D,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAgB;IACvD,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5D,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACxD,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IAEhD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,eAAe,EAAE;YACxC,MAAM,EAAE,WAAW;YACnB,iBAAiB,EAAE,WAAW;YAC9B,iBAAiB,EAAE,gBAAgB;SACpC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEjD,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,YAAY;QACZ,MAAM;QACN,WAAW;QACX,cAAc;QACd,mBAAmB;QACnB,QAAQ;KACT,CAAC,EACF,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,CACjC,CAAC;IAEF,OAAO,CACL,MAAC,UAAU,IAAC,KAAK,EAAE,KAAK,aACtB,eAAK,SAAS,EAAE,SAAS,aACtB,QAAQ,EAER,WAAW,IACR,EAEL,gBAAgB,EAChB,eAAe,IACL,CACd,CAAC;AACJ,CAAC"}
|
|
@@ -23,5 +23,5 @@ interface ListControllerProps<T = any, K = string> {
|
|
|
23
23
|
reference?: (value: T) => K;
|
|
24
24
|
value?: T;
|
|
25
25
|
}
|
|
26
|
-
export declare function useListController<T = any, K = string>(
|
|
26
|
+
export declare function useListController<T = any, K = string>({ suggestions, automatic, formControl, reference }: ListControllerProps<T, K>): ListController<T>;
|
|
27
27
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ListCollection, navigationListFromElement, navigationListFromInput } from '@rolster/components';
|
|
2
|
-
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
2
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
3
3
|
const MAX_LIST_HEIGHT_REM = 90;
|
|
4
4
|
const FALLBACK_REM_SIZE = 16;
|
|
5
5
|
function getRemSize() {
|
|
@@ -9,6 +9,17 @@ function getRemSize() {
|
|
|
9
9
|
const fontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
|
|
10
10
|
return fontSize > 0 ? fontSize : FALLBACK_REM_SIZE;
|
|
11
11
|
}
|
|
12
|
+
function suggestionsShallowEqual(a, b) {
|
|
13
|
+
return (a === b ||
|
|
14
|
+
(a.length === b.length && a.every((element, index) => element === b[index])));
|
|
15
|
+
}
|
|
16
|
+
function useStableSuggestions(suggestions) {
|
|
17
|
+
const suggestionsRef = useRef(suggestions);
|
|
18
|
+
if (!suggestionsShallowEqual(suggestionsRef.current, suggestions)) {
|
|
19
|
+
suggestionsRef.current = suggestions;
|
|
20
|
+
}
|
|
21
|
+
return suggestionsRef.current;
|
|
22
|
+
}
|
|
12
23
|
function shouldDisplayHigher(content, list) {
|
|
13
24
|
if (!content) {
|
|
14
25
|
return false;
|
|
@@ -26,13 +37,13 @@ function shouldDisplayHigher(content, list) {
|
|
|
26
37
|
}
|
|
27
38
|
return spaceAbove > spaceBelow;
|
|
28
39
|
}
|
|
29
|
-
export function useListController(
|
|
30
|
-
const { suggestions, automatic, formControl, reference } = props;
|
|
40
|
+
export function useListController({ suggestions, automatic, formControl, reference }) {
|
|
31
41
|
const refContent = useRef(null);
|
|
32
42
|
const refList = useRef(null);
|
|
33
43
|
const refInput = useRef(null);
|
|
34
44
|
const listIsOpen = useRef(false);
|
|
35
|
-
const
|
|
45
|
+
const stableSuggestions = useStableSuggestions(suggestions);
|
|
46
|
+
const collection = useMemo(() => new ListCollection(stableSuggestions, reference), [stableSuggestions]);
|
|
36
47
|
const [state, refreshState] = useState({
|
|
37
48
|
focused: false,
|
|
38
49
|
higher: false,
|
|
@@ -61,9 +72,6 @@ export function useListController(props) {
|
|
|
61
72
|
formControl?.touch();
|
|
62
73
|
}
|
|
63
74
|
}, [state.listIsVisible]);
|
|
64
|
-
useEffect(() => {
|
|
65
|
-
setCollection(new ListCollection(suggestions, reference));
|
|
66
|
-
}, [suggestions]);
|
|
67
75
|
useEffect(() => {
|
|
68
76
|
if (!changeValueInternal.current) {
|
|
69
77
|
if (formControl?.value) {
|
|
@@ -87,7 +95,7 @@ export function useListController(props) {
|
|
|
87
95
|
setFormValue(element);
|
|
88
96
|
}
|
|
89
97
|
else {
|
|
90
|
-
refreshState({ ...state, value: '' });
|
|
98
|
+
refreshState((state) => ({ ...state, value: '' }));
|
|
91
99
|
}
|
|
92
100
|
}
|
|
93
101
|
else {
|
|
@@ -95,20 +103,20 @@ export function useListController(props) {
|
|
|
95
103
|
setFormValue(collection.value[0], true);
|
|
96
104
|
}
|
|
97
105
|
else {
|
|
98
|
-
refreshState({ ...state, value: '' });
|
|
106
|
+
refreshState((state) => ({ ...state, value: '' }));
|
|
99
107
|
}
|
|
100
108
|
}
|
|
101
109
|
}
|
|
102
110
|
changeValueInternal.current = false;
|
|
103
111
|
}, [collection, formControl?.value]);
|
|
104
112
|
const setState = useCallback((state) => {
|
|
105
|
-
const
|
|
113
|
+
const newState = state.listIsVisible
|
|
106
114
|
? {
|
|
107
115
|
...state,
|
|
108
116
|
higher: shouldDisplayHigher(refContent.current, refList.current)
|
|
109
117
|
}
|
|
110
118
|
: state;
|
|
111
|
-
refreshState((
|
|
119
|
+
refreshState((currentState) => ({ ...currentState, ...newState }));
|
|
112
120
|
}, []);
|
|
113
121
|
const setFormValue = useCallback((element, valueIsDefault = false) => {
|
|
114
122
|
refreshState((state) => ({
|
|
@@ -125,23 +133,25 @@ export function useListController(props) {
|
|
|
125
133
|
}, [formControl]);
|
|
126
134
|
const navigationInput = useCallback((event) => {
|
|
127
135
|
if (state.listIsVisible) {
|
|
128
|
-
const
|
|
136
|
+
const newPosition = navigationListFromInput({
|
|
129
137
|
content: refContent.current,
|
|
130
138
|
event: event,
|
|
139
|
+
higher: state.higher,
|
|
131
140
|
list: refList.current
|
|
132
141
|
});
|
|
133
|
-
position.current =
|
|
142
|
+
position.current = newPosition ?? 0;
|
|
134
143
|
}
|
|
135
|
-
}, [state.listIsVisible]);
|
|
144
|
+
}, [state.listIsVisible, state.higher]);
|
|
136
145
|
const navigationElement = useCallback((event) => {
|
|
137
146
|
position.current = navigationListFromElement({
|
|
138
147
|
content: refContent.current,
|
|
139
148
|
event: event,
|
|
149
|
+
higher: state.higher,
|
|
140
150
|
input: refInput.current,
|
|
141
151
|
list: refList.current,
|
|
142
152
|
position: position.current
|
|
143
153
|
});
|
|
144
|
-
}, [state.
|
|
154
|
+
}, [state.higher]);
|
|
145
155
|
return {
|
|
146
156
|
...state,
|
|
147
157
|
navigationElement,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListController.js","sourceRoot":"","sources":["../../../src/controllers/ListController.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACd,yBAAyB,EACzB,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAGL,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AAEf,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAC/B,MAAM,iBAAiB,GAAG,EAAE,CAAC;AA6B7B,SAAS,UAAU;IACjB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,iBAAiB,CAAC;IAC3B,CAAC;IAED,MAAM,QAAQ,GAAG,UAAU,CACzB,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,CACpD,CAAC;IAEF,OAAO,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC;AACrD,CAAC;AAED,SAAS,mBAAmB,CAC1B,OAA2B,EAC3B,IAAwB;IAExB,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IACxD,MAAM,UAAU,GAAG,GAAG,CAAC;IACvB,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC;IAE/C,MAAM,SAAS,GAAG,mBAAmB,GAAG,UAAU,EAAE,CAAC;IACrD,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,YAAY,IAAI,SAAS,EAAE,SAAS,CAAC,CAAC;IAE3E,IAAI,UAAU,IAAI,aAAa,EAAE,CAAC;QAChC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,UAAU,IAAI,aAAa,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,UAAU,GAAG,UAAU,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,iBAAiB,
|
|
1
|
+
{"version":3,"file":"ListController.js","sourceRoot":"","sources":["../../../src/controllers/ListController.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
2
|
interface ResizeDimensionEvent {
|
|
3
3
|
height: number;
|
|
4
4
|
width: number;
|
|
@@ -8,8 +8,8 @@ interface ResizeEvent {
|
|
|
8
8
|
dimension: ResizeDimensionEvent;
|
|
9
9
|
}
|
|
10
10
|
interface ResizeProps {
|
|
11
|
-
refElement:
|
|
11
|
+
refElement: RefObject<HTMLElement>;
|
|
12
12
|
onResize?: (event: ResizeEvent) => void;
|
|
13
13
|
}
|
|
14
|
-
export declare function useResize(
|
|
14
|
+
export declare function useResize({ refElement, onResize }: ResizeProps): void;
|
|
15
15
|
export {};
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
import { useCallback, useEffect, useRef } from 'react';
|
|
2
|
-
export function useResize(
|
|
3
|
-
const { refElement, onResize } = props;
|
|
2
|
+
export function useResize({ refElement, onResize }) {
|
|
4
3
|
const dimension = useRef({ height: 0, width: 0 });
|
|
4
|
+
const onResizeRef = useRef(onResize);
|
|
5
|
+
onResizeRef.current = onResize;
|
|
5
6
|
const observer = useCallback((entries) => {
|
|
6
7
|
const { height, width } = entries[0].contentRect;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
});
|
|
15
|
-
}
|
|
8
|
+
onResizeRef.current?.({
|
|
9
|
+
current: dimension.current,
|
|
10
|
+
dimension: {
|
|
11
|
+
height,
|
|
12
|
+
width
|
|
13
|
+
}
|
|
14
|
+
});
|
|
16
15
|
dimension.current = { height, width };
|
|
17
16
|
}, []);
|
|
18
17
|
useEffect(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResizeController.js","sourceRoot":"","sources":["../../../src/controllers/ResizeController.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ResizeController.js","sourceRoot":"","sources":["../../../src/controllers/ResizeController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAiBlE,MAAM,UAAU,SAAS,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAe;IAC7D,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IAElD,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,OAA8B,EAAE,EAAE;QAC9D,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAEjD,WAAW,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO,EAAE,SAAS,CAAC,OAAO;YAC1B,SAAS,EAAE;gBACT,MAAM;gBACN,KAAK;aACN;SACF,CAAC,CAAC;QAEH,SAAS,CAAC,OAAO,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IACxC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,GAAG;YAClB,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,YAAY;YACvC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,WAAW;SACtC,CAAC;QAEF,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;QACpD,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAE3C,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
const APP_THEME_ATTRIBUTE = 'app-theme';
|
|
2
|
+
export function getAppTheme() {
|
|
3
|
+
if (typeof document === 'undefined') {
|
|
4
|
+
return 'light';
|
|
5
|
+
}
|
|
6
|
+
return document.body.getAttribute(APP_THEME_ATTRIBUTE) === 'dark'
|
|
7
|
+
? 'dark'
|
|
8
|
+
: 'light';
|
|
9
|
+
}
|
|
10
|
+
export function setAppTheme(theme) {
|
|
11
|
+
if (typeof document === 'undefined') {
|
|
12
|
+
return;
|
|
13
|
+
}
|
|
14
|
+
document.body.setAttribute(APP_THEME_ATTRIBUTE, theme);
|
|
15
|
+
}
|
|
16
|
+
export function toggleAppTheme() {
|
|
17
|
+
const theme = getAppTheme() === 'dark' ? 'light' : 'dark';
|
|
18
|
+
setAppTheme(theme);
|
|
19
|
+
return theme;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=app-theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"app-theme.js","sourceRoot":"","sources":["../../../src/helpers/app-theme.ts"],"names":[],"mappings":"AAEA,MAAM,mBAAmB,GAAG,WAAW,CAAC;AAExC,MAAM,UAAU,WAAW;IACzB,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,KAAK,MAAM;QAC/D,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,OAAO,CAAC;AACd,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAkB;IAC5C,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,OAAO;IACT,CAAC;IAED,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;AACzD,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,MAAM,KAAK,GAAgB,WAAW,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAEvE,WAAW,CAAC,KAAK,CAAC,CAAC;IAEnB,OAAO,KAAK,CAAC;AACf,CAAC"}
|
|
@@ -243,69 +243,12 @@ function generateThemeCSS(colors, theme) {
|
|
|
243
243
|
...shadowProps
|
|
244
244
|
];
|
|
245
245
|
}
|
|
246
|
-
|
|
247
|
-
const x = channel / 255;
|
|
248
|
-
return x <= 0.04045 ? x / 12.92 : ((x + 0.055) / 1.055) ** 2.4;
|
|
249
|
-
};
|
|
250
|
-
const linearToSrgb = (channel) => {
|
|
251
|
-
const v = channel <= 0.0031308
|
|
252
|
-
? 12.92 * channel
|
|
253
|
-
: 1.055 * channel ** (1 / 2.4) - 0.055;
|
|
254
|
-
return clamp(Math.round(v * 255), 0, 255);
|
|
255
|
-
};
|
|
256
|
-
function rgbToOklch({ r, g, b }) {
|
|
257
|
-
const lr = srgbToLinear(r);
|
|
258
|
-
const lg = srgbToLinear(g);
|
|
259
|
-
const lb = srgbToLinear(b);
|
|
260
|
-
const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);
|
|
261
|
-
const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);
|
|
262
|
-
const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);
|
|
263
|
-
const okL = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s;
|
|
264
|
-
const okA = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s;
|
|
265
|
-
const okB = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s;
|
|
266
|
-
return { l: okL, c: Math.hypot(okA, okB), h: Math.atan2(okB, okA) };
|
|
267
|
-
}
|
|
268
|
-
function oklabToLinearRgb(l, a, b) {
|
|
269
|
-
const l_ = (l + 0.3963377774 * a + 0.2158037573 * b) ** 3;
|
|
270
|
-
const m_ = (l - 0.1055613458 * a - 0.0638541728 * b) ** 3;
|
|
271
|
-
const s_ = (l - 0.0894841775 * a - 1.291485548 * b) ** 3;
|
|
272
|
-
return [
|
|
273
|
-
4.0767416621 * l_ - 3.3077115913 * m_ + 0.2309699292 * s_,
|
|
274
|
-
-1.2684380046 * l_ + 2.6097574011 * m_ - 0.3413193965 * s_,
|
|
275
|
-
-0.0041960863 * l_ - 0.7034186147 * m_ + 1.707614701 * s_
|
|
276
|
-
];
|
|
277
|
-
}
|
|
278
|
-
const inGamut = ([r, g, b]) => {
|
|
279
|
-
const e = 1e-4;
|
|
280
|
-
return (r >= -e && r <= 1 + e && g >= -e && g <= 1 + e && b >= -e && b <= 1 + e);
|
|
281
|
-
};
|
|
282
|
-
function oklchToRgb({ l, c, h }) {
|
|
283
|
-
const a = Math.cos(h);
|
|
284
|
-
const b = Math.sin(h);
|
|
285
|
-
const linearAt = (chroma) => oklabToLinearRgb(l, a * chroma, b * chroma);
|
|
286
|
-
if (!inGamut(linearAt(c))) {
|
|
287
|
-
let lo = 0;
|
|
288
|
-
let hi = c;
|
|
289
|
-
for (let i = 0; i < 20; i++) {
|
|
290
|
-
const mid = (lo + hi) / 2;
|
|
291
|
-
if (inGamut(linearAt(mid))) {
|
|
292
|
-
lo = mid;
|
|
293
|
-
}
|
|
294
|
-
else {
|
|
295
|
-
hi = mid;
|
|
296
|
-
}
|
|
297
|
-
}
|
|
298
|
-
c = lo;
|
|
299
|
-
}
|
|
300
|
-
const [lr, lg, lb] = linearAt(c);
|
|
301
|
-
return { r: linearToSrgb(lr), g: linearToSrgb(lg), b: linearToSrgb(lb) };
|
|
302
|
-
}
|
|
303
|
-
const chromaFactor = (lightness) => 0.4 + 0.6 * (1 - Math.abs(lightness - 0.5) * 2);
|
|
304
|
-
function detectShadeLevel(lightness) {
|
|
246
|
+
function detectShadeLevel(hsl) {
|
|
305
247
|
let bestLevel = '500';
|
|
306
248
|
let minDiff = Infinity;
|
|
307
|
-
|
|
308
|
-
const
|
|
249
|
+
Object.keys(STANDARD_LUMINANCE).forEach((level) => {
|
|
250
|
+
const targetL = STANDARD_LUMINANCE[level];
|
|
251
|
+
const diff = Math.abs(hsl.l - targetL);
|
|
309
252
|
if (diff < minDiff) {
|
|
310
253
|
minDiff = diff;
|
|
311
254
|
bestLevel = level;
|
|
@@ -314,29 +257,50 @@ function detectShadeLevel(lightness) {
|
|
|
314
257
|
return bestLevel;
|
|
315
258
|
}
|
|
316
259
|
export function generateThemePalette(baseColor, theme = 'primary') {
|
|
317
|
-
const
|
|
318
|
-
if (!
|
|
260
|
+
const hsl = hexToHsl(baseColor);
|
|
261
|
+
if (!hsl) {
|
|
319
262
|
throw new Error(msgInvalidColor(baseColor));
|
|
320
263
|
}
|
|
321
|
-
const
|
|
322
|
-
const
|
|
264
|
+
const matchedLevel = detectShadeLevel(hsl);
|
|
265
|
+
const targetL = STANDARD_LUMINANCE[matchedLevel];
|
|
266
|
+
const inputL = hsl.l;
|
|
323
267
|
const colors = {};
|
|
268
|
+
const matchedIndex = SHADE_LABELS.indexOf(matchedLevel);
|
|
324
269
|
SHADE_LABELS.forEach((label) => {
|
|
325
270
|
if (label === matchedLevel) {
|
|
326
|
-
colors[label] =
|
|
271
|
+
colors[label] = baseColor.toUpperCase();
|
|
327
272
|
return;
|
|
328
273
|
}
|
|
329
|
-
const
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
274
|
+
const shadeTargetL = STANDARD_LUMINANCE[label];
|
|
275
|
+
const labelIndex = SHADE_LABELS.indexOf(label);
|
|
276
|
+
let lightL;
|
|
277
|
+
if (labelIndex < matchedIndex) {
|
|
278
|
+
const ratio = inputL / targetL;
|
|
279
|
+
lightL = shadeTargetL * ratio;
|
|
280
|
+
}
|
|
281
|
+
else {
|
|
282
|
+
const remainingInput = 100 - inputL;
|
|
283
|
+
const remainingTarget = 100 - targetL;
|
|
284
|
+
const progress = (shadeTargetL - targetL) / remainingTarget;
|
|
285
|
+
lightL = inputL + progress * remainingInput;
|
|
286
|
+
}
|
|
287
|
+
lightL = Math.min(100, Math.max(0, lightL));
|
|
288
|
+
const satFactor = lightL > 60
|
|
289
|
+
? Math.max(0.2, (100 - lightL) / 40)
|
|
290
|
+
: lightL < 30
|
|
291
|
+
? Math.max(0.2, lightL / 30)
|
|
292
|
+
: 1;
|
|
293
|
+
colors[label] = hslToHex({
|
|
294
|
+
h: hsl.h,
|
|
295
|
+
s: Math.round(Math.min(100, hsl.s * satFactor)),
|
|
296
|
+
l: Math.round(lightL)
|
|
297
|
+
});
|
|
335
298
|
});
|
|
336
|
-
const
|
|
299
|
+
const shades = colors;
|
|
300
|
+
const properties = generateThemeCSS(shades, theme);
|
|
337
301
|
return {
|
|
338
302
|
theme,
|
|
339
|
-
colors,
|
|
303
|
+
colors: shades,
|
|
340
304
|
css: properties.map((p) => `${p.name}: ${p.value};`).join('\n'),
|
|
341
305
|
properties
|
|
342
306
|
};
|