@rolster/react-components 19.13.0 → 19.15.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/dist/cjs/index.cjs +1 -1
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/es/index.mjs +1 -1
- package/dist/es/index.mjs.map +1 -1
- package/dist/esm/components/molecules/Tabs/Tabs.d.ts +8 -0
- package/dist/esm/helpers/css.d.ts +1 -1
- package/package.json +14 -15
- package/readme.md +1 -1
- package/dist/esm/components/atoms/Amount/Amount.js +0 -22
- package/dist/esm/components/atoms/Amount/Amount.js.map +0 -1
- package/dist/esm/components/atoms/AreaText/AreaText.js +0 -137
- package/dist/esm/components/atoms/AreaText/AreaText.js.map +0 -1
- package/dist/esm/components/atoms/Avatar/Avatar.js +0 -14
- package/dist/esm/components/atoms/Avatar/Avatar.js.map +0 -1
- package/dist/esm/components/atoms/Badge/Badge.js +0 -9
- package/dist/esm/components/atoms/Badge/Badge.js.map +0 -1
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.js +0 -17
- package/dist/esm/components/atoms/Breadcrumb/Breadcrumb.js.map +0 -1
- package/dist/esm/components/atoms/Button/Button.js +0 -11
- package/dist/esm/components/atoms/Button/Button.js.map +0 -1
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.js +0 -10
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.js.map +0 -1
- package/dist/esm/components/atoms/ButtonIcon/ButtonIcon.js +0 -10
- package/dist/esm/components/atoms/ButtonIcon/ButtonIcon.js.map +0 -1
- package/dist/esm/components/atoms/ButtonOption/ButtonOption.js +0 -21
- package/dist/esm/components/atoms/ButtonOption/ButtonOption.js.map +0 -1
- package/dist/esm/components/atoms/CheckBox/CheckBox.js +0 -17
- package/dist/esm/components/atoms/CheckBox/CheckBox.js.map +0 -1
- package/dist/esm/components/atoms/Chip/Chip.js +0 -10
- package/dist/esm/components/atoms/Chip/Chip.js.map +0 -1
- package/dist/esm/components/atoms/Icon/Icon.js +0 -9
- package/dist/esm/components/atoms/Icon/Icon.js.map +0 -1
- package/dist/esm/components/atoms/Image/Image.js +0 -18
- package/dist/esm/components/atoms/Image/Image.js.map +0 -1
- package/dist/esm/components/atoms/Input/Input.js +0 -106
- package/dist/esm/components/atoms/Input/Input.js.map +0 -1
- package/dist/esm/components/atoms/InputCounter/InputCounter.js +0 -58
- package/dist/esm/components/atoms/InputCounter/InputCounter.js.map +0 -1
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.js +0 -26
- package/dist/esm/components/atoms/InputDecimal/InputDecimal.js.map +0 -1
- package/dist/esm/components/atoms/InputMoney/InputMoney.js +0 -17
- package/dist/esm/components/atoms/InputMoney/InputMoney.js.map +0 -1
- package/dist/esm/components/atoms/InputNumber/InputNumber.js +0 -16
- package/dist/esm/components/atoms/InputNumber/InputNumber.js.map +0 -1
- package/dist/esm/components/atoms/InputPassword/InputPassword.js +0 -34
- package/dist/esm/components/atoms/InputPassword/InputPassword.js.map +0 -1
- package/dist/esm/components/atoms/InputPercentage/InputPercentage.js +0 -16
- package/dist/esm/components/atoms/InputPercentage/InputPercentage.js.map +0 -1
- package/dist/esm/components/atoms/InputSearch/InputSearch.js +0 -17
- package/dist/esm/components/atoms/InputSearch/InputSearch.js.map +0 -1
- package/dist/esm/components/atoms/InputText/InputText.js +0 -16
- package/dist/esm/components/atoms/InputText/InputText.js.map +0 -1
- package/dist/esm/components/atoms/Label/Label.js +0 -7
- package/dist/esm/components/atoms/Label/Label.js.map +0 -1
- package/dist/esm/components/atoms/Led/Led.js +0 -21
- package/dist/esm/components/atoms/Led/Led.js.map +0 -1
- package/dist/esm/components/atoms/MessageIcon/MessageIcon.js +0 -8
- package/dist/esm/components/atoms/MessageIcon/MessageIcon.js.map +0 -1
- package/dist/esm/components/atoms/Poster/Poster.js +0 -9
- package/dist/esm/components/atoms/Poster/Poster.js.map +0 -1
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.js +0 -9
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.js.map +0 -1
- package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.js +0 -7
- package/dist/esm/components/atoms/ProgressCircular/ProgressCircular.js.map +0 -1
- package/dist/esm/components/atoms/RadioButton/RadioButton.js +0 -9
- package/dist/esm/components/atoms/RadioButton/RadioButton.js.map +0 -1
- package/dist/esm/components/atoms/Skeleton/Skeleton.js +0 -11
- package/dist/esm/components/atoms/Skeleton/Skeleton.js.map +0 -1
- package/dist/esm/components/atoms/SkeletonText/SkeletonText.js +0 -8
- package/dist/esm/components/atoms/SkeletonText/SkeletonText.js.map +0 -1
- package/dist/esm/components/atoms/Spinner/Spinner.js +0 -7
- package/dist/esm/components/atoms/Spinner/Spinner.js.map +0 -1
- package/dist/esm/components/atoms/SwapHover/SwapHover.js +0 -7
- package/dist/esm/components/atoms/SwapHover/SwapHover.js.map +0 -1
- package/dist/esm/components/atoms/Switch/Switch.js +0 -20
- package/dist/esm/components/atoms/Switch/Switch.js.map +0 -1
- package/dist/esm/components/atoms/TabularText/TabularText.js +0 -19
- package/dist/esm/components/atoms/TabularText/TabularText.js.map +0 -1
- package/dist/esm/components/definitions.js +0 -2
- package/dist/esm/components/definitions.js.map +0 -1
- package/dist/esm/components/molecules/Accordion/Accordion.js +0 -57
- package/dist/esm/components/molecules/Accordion/Accordion.js.map +0 -1
- package/dist/esm/components/molecules/Alert/Alert.js +0 -10
- package/dist/esm/components/molecules/Alert/Alert.js.map +0 -1
- package/dist/esm/components/molecules/AppThemeTabs/AppThemeTabs.js +0 -34
- package/dist/esm/components/molecules/AppThemeTabs/AppThemeTabs.js.map +0 -1
- package/dist/esm/components/molecules/Ballot/Ballot.js +0 -11
- package/dist/esm/components/molecules/Ballot/Ballot.js.map +0 -1
- package/dist/esm/components/molecules/Body/Body.js +0 -7
- package/dist/esm/components/molecules/Body/Body.js.map +0 -1
- package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.js +0 -11
- package/dist/esm/components/molecules/ButtonProgress/ButtonProgress.js.map +0 -1
- package/dist/esm/components/molecules/ButtonStepper/ButtonStepper.js +0 -14
- package/dist/esm/components/molecules/ButtonStepper/ButtonStepper.js.map +0 -1
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.js +0 -49
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.js.map +0 -1
- package/dist/esm/components/molecules/ChipGroup/ChipGroup.js +0 -34
- package/dist/esm/components/molecules/ChipGroup/ChipGroup.js.map +0 -1
- package/dist/esm/components/molecules/Content/Content.js +0 -7
- package/dist/esm/components/molecules/Content/Content.js.map +0 -1
- package/dist/esm/components/molecules/FieldArea/FieldArea.js +0 -34
- package/dist/esm/components/molecules/FieldArea/FieldArea.js.map +0 -1
- package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.js +0 -20
- package/dist/esm/components/molecules/FieldDecimal/FieldDecimal.js.map +0 -1
- package/dist/esm/components/molecules/FieldFile/FieldFile.js +0 -45
- package/dist/esm/components/molecules/FieldFile/FieldFile.js.map +0 -1
- package/dist/esm/components/molecules/FieldListSuggestions/FieldListSuggestions.js +0 -53
- package/dist/esm/components/molecules/FieldListSuggestions/FieldListSuggestions.js.map +0 -1
- package/dist/esm/components/molecules/FieldListSuggestions/SuggestionsPortalController.js +0 -104
- package/dist/esm/components/molecules/FieldListSuggestions/SuggestionsPortalController.js.map +0 -1
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js +0 -21
- package/dist/esm/components/molecules/FieldMoney/FieldMoney.js.map +0 -1
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js +0 -21
- package/dist/esm/components/molecules/FieldNumber/FieldNumber.js.map +0 -1
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js +0 -25
- package/dist/esm/components/molecules/FieldPassword/FieldPassword.js.map +0 -1
- package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.js +0 -21
- package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.js.map +0 -1
- package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.js +0 -7
- package/dist/esm/components/molecules/FieldReadonly/FieldReadonly.js.map +0 -1
- package/dist/esm/components/molecules/FieldText/FieldText.js +0 -21
- package/dist/esm/components/molecules/FieldText/FieldText.js.map +0 -1
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js +0 -19
- package/dist/esm/components/molecules/LabelCheckBox/LabelCheckBox.js.map +0 -1
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js +0 -21
- package/dist/esm/components/molecules/LabelRadioButton/LabelRadioButton.js.map +0 -1
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js +0 -19
- package/dist/esm/components/molecules/LabelSwitch/LabelSwitch.js.map +0 -1
- package/dist/esm/components/molecules/MessageEmpty/MessageEmpty.js +0 -22
- package/dist/esm/components/molecules/MessageEmpty/MessageEmpty.js.map +0 -1
- package/dist/esm/components/molecules/MessageFormError/MessageFormError.js +0 -21
- package/dist/esm/components/molecules/MessageFormError/MessageFormError.js.map +0 -1
- package/dist/esm/components/molecules/Navbar/Navbar.js +0 -7
- package/dist/esm/components/molecules/Navbar/Navbar.js.map +0 -1
- package/dist/esm/components/molecules/NavbarMenu/NabvarMenu.js +0 -14
- package/dist/esm/components/molecules/NavbarMenu/NabvarMenu.js.map +0 -1
- package/dist/esm/components/molecules/Pagination/Pagination.js +0 -63
- package/dist/esm/components/molecules/Pagination/Pagination.js.map +0 -1
- package/dist/esm/components/molecules/PickerDay/PickerDay.js +0 -79
- package/dist/esm/components/molecules/PickerDay/PickerDay.js.map +0 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js +0 -62
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js.map +0 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js +0 -77
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js.map +0 -1
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js +0 -85
- package/dist/esm/components/molecules/PickerSelectorTitle/PickerSelectorTitle.js.map +0 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.js +0 -66
- package/dist/esm/components/molecules/PickerYear/PickerYear.js.map +0 -1
- package/dist/esm/components/molecules/Slider/Slider.js +0 -148
- package/dist/esm/components/molecules/Slider/Slider.js.map +0 -1
- package/dist/esm/components/molecules/Tabs/Tabs.js +0 -47
- package/dist/esm/components/molecules/Tabs/Tabs.js.map +0 -1
- package/dist/esm/components/molecules/Toolbar/Toolbar.js +0 -7
- package/dist/esm/components/molecules/Toolbar/Toolbar.js.map +0 -1
- package/dist/esm/components/molecules/index.js +0 -2
- package/dist/esm/components/molecules/index.js.map +0 -1
- package/dist/esm/components/organisms/BottomSheet/BottomSheet.js +0 -16
- package/dist/esm/components/organisms/BottomSheet/BottomSheet.js.map +0 -1
- package/dist/esm/components/organisms/Card/Card.js +0 -9
- package/dist/esm/components/organisms/Card/Card.js.map +0 -1
- package/dist/esm/components/organisms/ChooserAutocomplete/ChooserAutocomplete.js +0 -87
- package/dist/esm/components/organisms/ChooserAutocomplete/ChooserAutocomplete.js.map +0 -1
- package/dist/esm/components/organisms/ChooserList/ChooserList.js +0 -44
- package/dist/esm/components/organisms/ChooserList/ChooserList.js.map +0 -1
- package/dist/esm/components/organisms/ChooserSelect/ChooserSelect.js +0 -38
- package/dist/esm/components/organisms/ChooserSelect/ChooserSelect.js.map +0 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.js +0 -71
- package/dist/esm/components/organisms/Confirmation/Confirmation.js.map +0 -1
- package/dist/esm/components/organisms/Datatable/Datatable.js +0 -53
- package/dist/esm/components/organisms/Datatable/Datatable.js.map +0 -1
- package/dist/esm/components/organisms/Dropdown/Dropdown.js +0 -22
- package/dist/esm/components/organisms/Dropdown/Dropdown.js.map +0 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js +0 -72
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js.map +0 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.js +0 -159
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.js.map +0 -1
- package/dist/esm/components/organisms/FieldClock/FieldClock.js +0 -55
- package/dist/esm/components/organisms/FieldClock/FieldClock.js.map +0 -1
- package/dist/esm/components/organisms/FieldColor/FieldColor.js +0 -56
- package/dist/esm/components/organisms/FieldColor/FieldColor.js.map +0 -1
- package/dist/esm/components/organisms/FieldDate/FieldDate.js +0 -70
- package/dist/esm/components/organisms/FieldDate/FieldDate.js.map +0 -1
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js +0 -57
- package/dist/esm/components/organisms/FieldDateRange/FieldDateRange.js.map +0 -1
- package/dist/esm/components/organisms/FieldList/FieldList.js +0 -37
- package/dist/esm/components/organisms/FieldList/FieldList.js.map +0 -1
- package/dist/esm/components/organisms/FieldList/FieldListController.js +0 -148
- package/dist/esm/components/organisms/FieldList/FieldListController.js.map +0 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js +0 -29
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map +0 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelectController.js +0 -120
- package/dist/esm/components/organisms/FieldSelect/FieldSelectController.js.map +0 -1
- package/dist/esm/components/organisms/FormNavigation/FormNavigation.js +0 -10
- package/dist/esm/components/organisms/FormNavigation/FormNavigation.js.map +0 -1
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.js +0 -19
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.js.map +0 -1
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.js +0 -233
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.js.map +0 -1
- package/dist/esm/components/organisms/ImageEditorModal/ImageEditorModal.js +0 -9
- package/dist/esm/components/organisms/ImageEditorModal/ImageEditorModal.js.map +0 -1
- package/dist/esm/components/organisms/LedColor/LedColor.js +0 -48
- package/dist/esm/components/organisms/LedColor/LedColor.js.map +0 -1
- package/dist/esm/components/organisms/Modal/Modal.js +0 -16
- package/dist/esm/components/organisms/Modal/Modal.js.map +0 -1
- package/dist/esm/components/organisms/ModalClock/ModalClock.js +0 -14
- package/dist/esm/components/organisms/ModalClock/ModalClock.js.map +0 -1
- package/dist/esm/components/organisms/ModalDate/ModalDate.js +0 -14
- package/dist/esm/components/organisms/ModalDate/ModalDate.js.map +0 -1
- package/dist/esm/components/organisms/ModalDateRange/ModalDateRange.js +0 -14
- package/dist/esm/components/organisms/ModalDateRange/ModalDateRange.js.map +0 -1
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.js +0 -16
- package/dist/esm/components/organisms/ModalSheet/ModalSheet.js.map +0 -1
- package/dist/esm/components/organisms/Notifications/Notifications.js +0 -73
- package/dist/esm/components/organisms/Notifications/Notifications.js.map +0 -1
- package/dist/esm/components/organisms/PickerClock/PickerClock.js +0 -237
- package/dist/esm/components/organisms/PickerClock/PickerClock.js.map +0 -1
- package/dist/esm/components/organisms/PickerColor/PickerColor.js +0 -220
- package/dist/esm/components/organisms/PickerColor/PickerColor.js.map +0 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.js +0 -94
- package/dist/esm/components/organisms/PickerDate/PickerDate.js.map +0 -1
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js +0 -81
- package/dist/esm/components/organisms/PickerDateRange/PickerDateRange.js.map +0 -1
- package/dist/esm/components/organisms/Snackbar/Snackbar.js +0 -74
- package/dist/esm/components/organisms/Snackbar/Snackbar.js.map +0 -1
- package/dist/esm/components/organisms/VirtualScroll/VirtualScroll.js +0 -28
- package/dist/esm/components/organisms/VirtualScroll/VirtualScroll.js.map +0 -1
- package/dist/esm/components/types.js +0 -2
- package/dist/esm/components/types.js.map +0 -1
- package/dist/esm/constants/image-editor.constant.js +0 -10
- package/dist/esm/constants/image-editor.constant.js.map +0 -1
- package/dist/esm/constants/picker.constant.js +0 -4
- package/dist/esm/constants/picker.constant.js.map +0 -1
- package/dist/esm/context.js +0 -37
- package/dist/esm/context.js.map +0 -1
- package/dist/esm/controllers/AppThemeController.js +0 -20
- package/dist/esm/controllers/AppThemeController.js.map +0 -1
- package/dist/esm/controllers/DatatableController.js +0 -24
- package/dist/esm/controllers/DatatableController.js.map +0 -1
- package/dist/esm/controllers/DesingSystemController.js +0 -21
- package/dist/esm/controllers/DesingSystemController.js.map +0 -1
- package/dist/esm/controllers/DropdownController.js +0 -71
- package/dist/esm/controllers/DropdownController.js.map +0 -1
- package/dist/esm/controllers/EventCallbackController.js +0 -9
- package/dist/esm/controllers/EventCallbackController.js.map +0 -1
- package/dist/esm/controllers/FormSingleSelectionController.js +0 -15
- package/dist/esm/controllers/FormSingleSelectionController.js.map +0 -1
- package/dist/esm/controllers/FormToggleController.js +0 -21
- package/dist/esm/controllers/FormToggleController.js.map +0 -1
- package/dist/esm/controllers/ImageEditorController.js +0 -66
- package/dist/esm/controllers/ImageEditorController.js.map +0 -1
- package/dist/esm/controllers/ListController.js +0 -172
- package/dist/esm/controllers/ListController.js.map +0 -1
- package/dist/esm/controllers/PortalController.js +0 -12
- package/dist/esm/controllers/PortalController.js.map +0 -1
- package/dist/esm/controllers/RelocationOnComponentController.js +0 -96
- package/dist/esm/controllers/RelocationOnComponentController.js.map +0 -1
- package/dist/esm/controllers/ResizeController.js +0 -28
- package/dist/esm/controllers/ResizeController.js.map +0 -1
- package/dist/esm/controllers/TabsController.js +0 -20
- package/dist/esm/controllers/TabsController.js.map +0 -1
- package/dist/esm/definitions.js +0 -2
- package/dist/esm/definitions.js.map +0 -1
- package/dist/esm/helpers/app-theme.js +0 -20
- package/dist/esm/helpers/app-theme.js.map +0 -1
- package/dist/esm/helpers/color.js +0 -382
- package/dist/esm/helpers/color.js.map +0 -1
- package/dist/esm/helpers/css.js +0 -21
- package/dist/esm/helpers/css.js.map +0 -1
- package/dist/esm/helpers/date-range-picker.js +0 -8
- package/dist/esm/helpers/date-range-picker.js.map +0 -1
- package/dist/esm/helpers/design-system.js +0 -16
- package/dist/esm/helpers/design-system.js.map +0 -1
- package/dist/esm/helpers/language.js +0 -110
- package/dist/esm/helpers/language.js.map +0 -1
- package/dist/esm/helpers/slider.js +0 -37
- package/dist/esm/helpers/slider.js.map +0 -1
- package/dist/esm/i18n.js +0 -34
- package/dist/esm/i18n.js.map +0 -1
- package/dist/esm/index.js +0 -127
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/types.js +0 -2
- package/dist/esm/types.js.map +0 -1
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { valueIsDefined } from '@rolster/commons';
|
|
3
|
-
import { monthLimitTemplate } from '@rolster/components';
|
|
4
|
-
import { Month, MONTH_NAMES } from '@rolster/dates';
|
|
5
|
-
import { i18nSubscribe } from '@rolster/i18n';
|
|
6
|
-
import { memo, useCallback, useEffect, useMemo, useState } from 'react';
|
|
7
|
-
import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
|
|
8
|
-
function RlsPickerSelectorTitleComponent({ monthControl, type, yearControl, date, disabled, maxDate, minDate, rlsSize, onClick }) {
|
|
9
|
-
const { limitNext, limitPrevious } = useMemo(() => {
|
|
10
|
-
return monthLimitTemplate({
|
|
11
|
-
date,
|
|
12
|
-
maxDate,
|
|
13
|
-
minDate,
|
|
14
|
-
month: monthControl.value
|
|
15
|
-
});
|
|
16
|
-
}, [date, maxDate, minDate, monthControl.value]);
|
|
17
|
-
const [label, setLabel] = useState(MONTH_NAMES(monthControl.value ?? Month.January));
|
|
18
|
-
useEffect(() => {
|
|
19
|
-
return i18nSubscribe(() => {
|
|
20
|
-
setLabel(MONTH_NAMES(monthControl.value ?? Month.January));
|
|
21
|
-
});
|
|
22
|
-
}, []);
|
|
23
|
-
useEffect(() => {
|
|
24
|
-
setLabel(MONTH_NAMES(monthControl.value ?? Month.January));
|
|
25
|
-
}, [monthControl.value]);
|
|
26
|
-
const onPreviousMonth = useCallback(() => {
|
|
27
|
-
if (valueIsDefined(monthControl.value) &&
|
|
28
|
-
valueIsDefined(yearControl.value)) {
|
|
29
|
-
if (monthControl.value > Month.January) {
|
|
30
|
-
monthControl.setValue(monthControl.value - 1);
|
|
31
|
-
}
|
|
32
|
-
else {
|
|
33
|
-
monthControl.setValue(Month.December);
|
|
34
|
-
yearControl.setValue(yearControl.value - 1);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}, [monthControl.value, yearControl.value]);
|
|
38
|
-
const onMonth = useCallback(() => {
|
|
39
|
-
onClick?.('month');
|
|
40
|
-
}, [onClick]);
|
|
41
|
-
const onYear = useCallback(() => {
|
|
42
|
-
onClick?.('year');
|
|
43
|
-
}, [onClick]);
|
|
44
|
-
const onPreviousYear = useCallback(() => {
|
|
45
|
-
if (valueIsDefined(yearControl.value)) {
|
|
46
|
-
yearControl.setValue(yearControl.value - 1);
|
|
47
|
-
}
|
|
48
|
-
}, [yearControl.value]);
|
|
49
|
-
const onPrevious = useCallback(() => {
|
|
50
|
-
if (type === 'month') {
|
|
51
|
-
onPreviousMonth();
|
|
52
|
-
}
|
|
53
|
-
else {
|
|
54
|
-
onPreviousYear();
|
|
55
|
-
}
|
|
56
|
-
}, [type, onPreviousMonth, onPreviousYear]);
|
|
57
|
-
const onNextMonth = useCallback(() => {
|
|
58
|
-
if (valueIsDefined(monthControl.value) &&
|
|
59
|
-
valueIsDefined(yearControl.value)) {
|
|
60
|
-
if (monthControl.value < Month.December) {
|
|
61
|
-
monthControl.setValue(monthControl.value + 1);
|
|
62
|
-
}
|
|
63
|
-
else {
|
|
64
|
-
monthControl.setValue(Month.January);
|
|
65
|
-
yearControl.setValue(yearControl.value + 1);
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}, [monthControl.value, yearControl.value]);
|
|
69
|
-
const onNextYear = useCallback(() => {
|
|
70
|
-
if (valueIsDefined(yearControl.value)) {
|
|
71
|
-
yearControl.setValue(yearControl.value + 1);
|
|
72
|
-
}
|
|
73
|
-
}, [yearControl.value]);
|
|
74
|
-
const onNext = useCallback(() => {
|
|
75
|
-
if (type === 'month') {
|
|
76
|
-
onNextMonth();
|
|
77
|
-
}
|
|
78
|
-
else {
|
|
79
|
-
onNextYear();
|
|
80
|
-
}
|
|
81
|
-
}, [type, onNextMonth, onNextYear]);
|
|
82
|
-
return (_jsxs("div", { className: "rls-picker-selector-title", "rls-size": rlsSize, children: [_jsx(RlsButtonIcon, { icon: "arrow-ios-left", onClick: onPrevious, disabled: limitPrevious || disabled }), _jsxs("div", { className: "rls-picker-selector-title__label", children: [_jsxs("span", { onClick: onMonth, children: [label, ","] }), _jsx("span", { onClick: onYear, children: yearControl.value })] }), _jsx(RlsButtonIcon, { icon: "arrow-ios-right", onClick: onNext, disabled: limitNext || disabled })] }));
|
|
83
|
-
}
|
|
84
|
-
export const RlsPickerSelectorTitle = memo(RlsPickerSelectorTitleComponent);
|
|
85
|
-
//# sourceMappingURL=PickerSelectorTitle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PickerSelectorTitle.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerSelectorTitle/PickerSelectorTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAgBlE,SAAS,+BAA+B,CAAC,EACvC,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACkB;IACzB,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAChD,OAAO,kBAAkB,CAAC;YACxB,IAAI;YACJ,OAAO;YACP,OAAO;YACP,KAAK,EAAE,YAAY,CAAC,KAAK;SAC1B,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAEjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,WAAW,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,CACjD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,aAAa,CAAC,GAAG,EAAE;YACxB,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAEzB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,IACE,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC;YAClC,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,EACjC,CAAC;YACD,IAAI,YAAY,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;gBACvC,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAChD,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;gBACtC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;YACtC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAExB,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACrB,eAAe,EAAE,CAAC;QACpB,CAAC;aAAM,CAAC;YACN,cAAc,EAAE,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IACE,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC;YAClC,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,EACjC,CAAC;YACD,IAAI,YAAY,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACxC,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAChD,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;gBACrC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;YACtC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAExB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACrB,WAAW,EAAE,CAAC;QAChB,CAAC;aAAM,CAAC;YACN,UAAU,EAAE,CAAC;QACf,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,cAAW,OAAO,aAC1D,KAAC,aAAa,IACZ,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,aAAa,IAAI,QAAQ,GACnC,EAEF,eAAK,SAAS,EAAC,kCAAkC,aAC/C,gBAAM,OAAO,EAAE,OAAO,aAAG,KAAK,SAAS,EACvC,eAAM,OAAO,EAAE,MAAM,YAAG,WAAW,CAAC,KAAK,GAAQ,IAC7C,EAEN,KAAC,aAAa,IACZ,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,SAAS,IAAI,QAAQ,GAC/B,IACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CAAC,+BAA+B,CAAC,CAAC"}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { valueIsDefined } from '@rolster/commons';
|
|
3
|
-
import { createYearPicker, verifyYearPicker } from '@rolster/components';
|
|
4
|
-
import { memo, useCallback, useEffect, useMemo, useState } from 'react';
|
|
5
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
6
|
-
import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
|
|
7
|
-
function RlsPickerYearElement({ onSelect, year, disabled }) {
|
|
8
|
-
const className = renderClassStatus('rls-picker-year__element', {
|
|
9
|
-
disabled: year.disabled || disabled,
|
|
10
|
-
focused: year.focused,
|
|
11
|
-
selected: year.selected
|
|
12
|
-
});
|
|
13
|
-
const onClick = useCallback(() => {
|
|
14
|
-
if (year.value && !year.disabled && !disabled) {
|
|
15
|
-
onSelect(year.value);
|
|
16
|
-
}
|
|
17
|
-
}, [year.value, year.disabled, disabled, onSelect]);
|
|
18
|
-
return (_jsx("div", { className: className, onClick: onClick, children: _jsx("span", { className: "rls-picker-year__span", children: year.value || '????' }) }));
|
|
19
|
-
}
|
|
20
|
-
function RlsPickerYearComponent({ date, disabled, formControl, maxDate, minDate, rlsSize, onValue, rlsTheme }) {
|
|
21
|
-
const dateYear = useMemo(() => date ?? new Date(), [date]);
|
|
22
|
-
const [year, setYear] = useState(formControl?.value ?? dateYear.getFullYear());
|
|
23
|
-
const createPickerOptions = useCallback(() => {
|
|
24
|
-
return {
|
|
25
|
-
date: dateYear,
|
|
26
|
-
year,
|
|
27
|
-
minDate,
|
|
28
|
-
maxDate
|
|
29
|
-
};
|
|
30
|
-
}, [dateYear, year, minDate, maxDate]);
|
|
31
|
-
const [template, setTemplate] = useState(createYearPicker(createPickerOptions()));
|
|
32
|
-
useEffect(() => {
|
|
33
|
-
const options = createPickerOptions();
|
|
34
|
-
const validYear = verifyYearPicker(options);
|
|
35
|
-
if (validYear) {
|
|
36
|
-
setYear(validYear);
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
setTemplate(createYearPicker(options));
|
|
40
|
-
}
|
|
41
|
-
}, [dateYear, year, minDate, maxDate]);
|
|
42
|
-
useEffect(() => {
|
|
43
|
-
const yearValue = formControl?.value;
|
|
44
|
-
if (valueIsDefined(yearValue) && yearValue !== year) {
|
|
45
|
-
setYear(yearValue);
|
|
46
|
-
}
|
|
47
|
-
}, [formControl?.value]);
|
|
48
|
-
const onSelect = useCallback((value) => {
|
|
49
|
-
if (formControl) {
|
|
50
|
-
formControl.setValue(value);
|
|
51
|
-
}
|
|
52
|
-
else {
|
|
53
|
-
setYear(value);
|
|
54
|
-
}
|
|
55
|
-
onValue?.(value);
|
|
56
|
-
}, [formControl, onValue]);
|
|
57
|
-
const onClickPrev = useCallback(() => {
|
|
58
|
-
setYear((year) => year - 8);
|
|
59
|
-
}, []);
|
|
60
|
-
const onClickNext = useCallback(() => {
|
|
61
|
-
setYear((year) => year + 8);
|
|
62
|
-
}, []);
|
|
63
|
-
return (_jsxs("div", { className: "rls-picker-year", "rls-size": rlsSize, "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-picker-year__header", children: [_jsx(RlsButtonIcon, { icon: "arrow-ios-left", onClick: onClickPrev, disabled: !template.canPrevious || disabled }), _jsxs("span", { children: [template.minRange, " - ", template.maxRange] }), _jsx(RlsButtonIcon, { icon: "arrow-ios-right", onClick: onClickNext, disabled: !template.canNext || disabled })] }), _jsx("div", { className: "rls-picker-year__component", children: template.years.map((year, index) => (_jsx(RlsPickerYearElement, { year: year, onSelect: onSelect, disabled: disabled }, index))) })] }));
|
|
64
|
-
}
|
|
65
|
-
export const RlsPickerYear = memo(RlsPickerYearComponent);
|
|
66
|
-
//# sourceMappingURL=PickerYear.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PickerYear.js","sourceRoot":"","sources":["../../../../../src/components/molecules/PickerYear/PickerYear.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
|
|
3
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
import { normalizeSliderValue, sliderRateToValue, sliderValueToRate } from '../../../helpers/slider';
|
|
5
|
-
import { RlsIcon } from '../../atoms/Icon/Icon';
|
|
6
|
-
const DEFAULT_STEP = 1;
|
|
7
|
-
const PAGE_STEP_DIVISOR = 10;
|
|
8
|
-
function RlsSliderComponent({ children, className, disabled, formControl, identifier, maxValue, minValue, rlsSize, onValue, prefixIcon, rlsTheme, step, value }) {
|
|
9
|
-
const minValueSlider = useMemo(() => {
|
|
10
|
-
return minValue ?? 0;
|
|
11
|
-
}, [minValue]);
|
|
12
|
-
const maxValueSlider = useMemo(() => {
|
|
13
|
-
return maxValue ?? 100;
|
|
14
|
-
}, [maxValue]);
|
|
15
|
-
const stepSlider = useMemo(() => {
|
|
16
|
-
return step && step > 0 ? step : DEFAULT_STEP;
|
|
17
|
-
}, [step]);
|
|
18
|
-
const [valueSlider, setValueSlider] = useState(() => {
|
|
19
|
-
return normalizeSliderValue(formControl?.value ?? value ?? 0, minValueSlider, maxValueSlider, stepSlider);
|
|
20
|
-
});
|
|
21
|
-
const [dragging, setDragging] = useState(false);
|
|
22
|
-
const refTrack = useRef(null);
|
|
23
|
-
const refThumb = useRef(null);
|
|
24
|
-
const refValue = useRef(valueSlider);
|
|
25
|
-
const refValueExternal = useRef(formControl?.value ?? value);
|
|
26
|
-
const labelId = useId();
|
|
27
|
-
const rate = useMemo(() => {
|
|
28
|
-
return sliderValueToRate(valueSlider, minValueSlider, maxValueSlider);
|
|
29
|
-
}, [valueSlider, minValueSlider, maxValueSlider]);
|
|
30
|
-
const classNameSlider = renderClassStatus('rls-slider', {
|
|
31
|
-
complet: valueSlider === maxValueSlider,
|
|
32
|
-
disabled: disabled,
|
|
33
|
-
dragging: dragging,
|
|
34
|
-
empty: valueSlider === minValueSlider
|
|
35
|
-
}, className);
|
|
36
|
-
const commitValue = useCallback((valueNext) => {
|
|
37
|
-
if (refValue.current === valueNext) {
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
refValue.current = valueNext;
|
|
41
|
-
setValueSlider(valueNext);
|
|
42
|
-
formControl?.setValue(valueNext);
|
|
43
|
-
onValue?.(valueNext);
|
|
44
|
-
}, [formControl, onValue]);
|
|
45
|
-
const commitRate = useCallback((rateNext) => {
|
|
46
|
-
commitValue(sliderRateToValue(rateNext, minValueSlider, maxValueSlider, stepSlider));
|
|
47
|
-
}, [commitValue, minValueSlider, maxValueSlider, stepSlider]);
|
|
48
|
-
const calculateRateFromClientX = useCallback((clientX) => {
|
|
49
|
-
const { left, width } = refTrack.current.getBoundingClientRect();
|
|
50
|
-
return width > 0 ? ((clientX - left) / width) * 100 : 0;
|
|
51
|
-
}, []);
|
|
52
|
-
const onPointerDown = useCallback((event) => {
|
|
53
|
-
if (disabled) {
|
|
54
|
-
return;
|
|
55
|
-
}
|
|
56
|
-
event.preventDefault();
|
|
57
|
-
refThumb.current.focus();
|
|
58
|
-
setDragging(true);
|
|
59
|
-
commitRate(calculateRateFromClientX(event.clientX));
|
|
60
|
-
}, [disabled, commitRate, calculateRateFromClientX]);
|
|
61
|
-
const calculateValueFromKey = useCallback((key) => {
|
|
62
|
-
const pageStep = Math.max(stepSlider, (maxValueSlider - minValueSlider) / PAGE_STEP_DIVISOR);
|
|
63
|
-
switch (key) {
|
|
64
|
-
case 'ArrowRight':
|
|
65
|
-
case 'ArrowUp':
|
|
66
|
-
return refValue.current + stepSlider;
|
|
67
|
-
case 'ArrowLeft':
|
|
68
|
-
case 'ArrowDown':
|
|
69
|
-
return refValue.current - stepSlider;
|
|
70
|
-
case 'PageUp':
|
|
71
|
-
return refValue.current + pageStep;
|
|
72
|
-
case 'PageDown':
|
|
73
|
-
return refValue.current - pageStep;
|
|
74
|
-
case 'Home':
|
|
75
|
-
return minValueSlider;
|
|
76
|
-
case 'End':
|
|
77
|
-
return maxValueSlider;
|
|
78
|
-
default:
|
|
79
|
-
return undefined;
|
|
80
|
-
}
|
|
81
|
-
}, [stepSlider, minValueSlider, maxValueSlider]);
|
|
82
|
-
const onKeyDown = useCallback((event) => {
|
|
83
|
-
if (disabled) {
|
|
84
|
-
return;
|
|
85
|
-
}
|
|
86
|
-
const valueNext = calculateValueFromKey(event.key);
|
|
87
|
-
if (valueNext === undefined) {
|
|
88
|
-
return;
|
|
89
|
-
}
|
|
90
|
-
event.preventDefault();
|
|
91
|
-
commitValue(normalizeSliderValue(valueNext, minValueSlider, maxValueSlider, stepSlider));
|
|
92
|
-
}, [
|
|
93
|
-
disabled,
|
|
94
|
-
calculateValueFromKey,
|
|
95
|
-
commitValue,
|
|
96
|
-
minValueSlider,
|
|
97
|
-
maxValueSlider,
|
|
98
|
-
stepSlider
|
|
99
|
-
]);
|
|
100
|
-
useEffect(() => {
|
|
101
|
-
if (!dragging) {
|
|
102
|
-
return;
|
|
103
|
-
}
|
|
104
|
-
const onPointerMove = (event) => {
|
|
105
|
-
commitRate(calculateRateFromClientX(event.clientX));
|
|
106
|
-
};
|
|
107
|
-
const onPointerRelease = () => {
|
|
108
|
-
setDragging(false);
|
|
109
|
-
};
|
|
110
|
-
window.addEventListener('pointermove', onPointerMove);
|
|
111
|
-
window.addEventListener('pointerup', onPointerRelease);
|
|
112
|
-
window.addEventListener('pointercancel', onPointerRelease);
|
|
113
|
-
return () => {
|
|
114
|
-
window.removeEventListener('pointermove', onPointerMove);
|
|
115
|
-
window.removeEventListener('pointerup', onPointerRelease);
|
|
116
|
-
window.removeEventListener('pointercancel', onPointerRelease);
|
|
117
|
-
};
|
|
118
|
-
}, [dragging, commitRate, calculateRateFromClientX]);
|
|
119
|
-
useEffect(() => {
|
|
120
|
-
const valueInitial = formControl?.value ?? value ?? 0;
|
|
121
|
-
if (valueInitial !== refValue.current) {
|
|
122
|
-
formControl?.setValue(refValue.current);
|
|
123
|
-
onValue?.(refValue.current);
|
|
124
|
-
}
|
|
125
|
-
}, []);
|
|
126
|
-
useEffect(() => {
|
|
127
|
-
const valueExternal = formControl?.value ?? value;
|
|
128
|
-
if (valueExternal === undefined ||
|
|
129
|
-
valueExternal === refValueExternal.current) {
|
|
130
|
-
return;
|
|
131
|
-
}
|
|
132
|
-
refValueExternal.current = valueExternal;
|
|
133
|
-
commitValue(normalizeSliderValue(valueExternal, minValueSlider, maxValueSlider, stepSlider));
|
|
134
|
-
}, [
|
|
135
|
-
value,
|
|
136
|
-
formControl?.value,
|
|
137
|
-
commitValue,
|
|
138
|
-
minValueSlider,
|
|
139
|
-
maxValueSlider,
|
|
140
|
-
stepSlider
|
|
141
|
-
]);
|
|
142
|
-
useEffect(() => {
|
|
143
|
-
commitValue(normalizeSliderValue(refValue.current, minValueSlider, maxValueSlider, stepSlider));
|
|
144
|
-
}, [commitValue, minValueSlider, maxValueSlider, stepSlider]);
|
|
145
|
-
return (_jsxs("div", { id: identifier, className: classNameSlider, "rls-size": rlsSize, "rls-theme": rlsTheme, children: [children && (_jsx("span", { id: labelId, className: "rls-slider__label", children: children })), _jsxs("div", { className: "rls-slider__body", children: [prefixIcon && _jsx(RlsIcon, { value: prefixIcon }), _jsxs("div", { className: "rls-slider__component", onPointerDown: onPointerDown, children: [_jsx("div", { ref: refTrack, className: "rls-slider__track", children: _jsx("div", { className: "rls-slider__track__on", style: { width: `${rate}%` } }) }), _jsx("div", { ref: refThumb, className: "rls-slider__thumb", style: { left: `${rate}%` }, role: "slider", tabIndex: disabled ? -1 : 0, "aria-orientation": "horizontal", "aria-valuemin": minValueSlider, "aria-valuemax": maxValueSlider, "aria-valuenow": valueSlider, "aria-disabled": disabled || undefined, "aria-labelledby": children ? labelId : undefined, onKeyDown: onKeyDown, children: valueSlider })] })] })] }));
|
|
146
|
-
}
|
|
147
|
-
export const RlsSlider = memo(RlsSliderComponent);
|
|
148
|
-
//# sourceMappingURL=Slider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Slider/Slider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback, useEffect, useMemo, useState } from 'react';
|
|
3
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
function RlsTab({ disabled, onSelect, tab, value }) {
|
|
5
|
-
const className = renderClassStatus('rls-tabs__children', {
|
|
6
|
-
active: tab.value === value,
|
|
7
|
-
disabled: disabled || tab.disabled
|
|
8
|
-
});
|
|
9
|
-
const onClick = useCallback(() => {
|
|
10
|
-
if (!disabled && !tab.disabled) {
|
|
11
|
-
onSelect(tab.value);
|
|
12
|
-
}
|
|
13
|
-
}, [disabled, tab.disabled, onSelect]);
|
|
14
|
-
return (_jsx("div", { className: className, onClick: onClick, children: _jsx("span", { children: tab.label }) }));
|
|
15
|
-
}
|
|
16
|
-
function RlsTabsComponent({ tabs, formControl, rlsSize, onValue, value, rlsTheme }) {
|
|
17
|
-
const [valueInternal, setValueInternal] = useState();
|
|
18
|
-
const valueSelected = useMemo(() => {
|
|
19
|
-
return formControl ? formControl.value : valueInternal;
|
|
20
|
-
}, [formControl?.value, valueInternal]);
|
|
21
|
-
const onSelect = useCallback((value) => {
|
|
22
|
-
if (formControl) {
|
|
23
|
-
formControl?.setValue(value);
|
|
24
|
-
}
|
|
25
|
-
else {
|
|
26
|
-
setValueInternal(value);
|
|
27
|
-
}
|
|
28
|
-
onValue?.(value);
|
|
29
|
-
}, [formControl, onValue]);
|
|
30
|
-
useEffect(() => {
|
|
31
|
-
if (formControl?.value !== undefined) {
|
|
32
|
-
return setValueInternal(formControl.value);
|
|
33
|
-
}
|
|
34
|
-
if (value !== undefined) {
|
|
35
|
-
return setValueInternal(value);
|
|
36
|
-
}
|
|
37
|
-
const initial = tabs.find((tab) => tab.defaultActive) ?? tabs[0];
|
|
38
|
-
if (initial) {
|
|
39
|
-
onSelect(initial.value);
|
|
40
|
-
}
|
|
41
|
-
}, [value, formControl?.value]);
|
|
42
|
-
return (_jsx("div", { className: "rls-tabs", "rls-size": rlsSize, "rls-theme": rlsTheme, children: tabs.map((tab, index) => {
|
|
43
|
-
return (_jsx(RlsTab, { tab: tab, disabled: formControl?.disabled, value: valueSelected, onSelect: onSelect }, index));
|
|
44
|
-
}) }));
|
|
45
|
-
}
|
|
46
|
-
export const RlsTabs = memo(RlsTabsComponent);
|
|
47
|
-
//# sourceMappingURL=Tabs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from 'react';
|
|
3
|
-
function RlsToolbarComponent({ actions, children, rlsSize, subtitle }) {
|
|
4
|
-
return (_jsxs("div", { className: "rls-toolbar", "rls-size": rlsSize, children: [_jsxs("div", { className: "rls-toolbar__description", children: [children && _jsx("label", { className: "rls-toolbar__title", children: children }), subtitle && (_jsx("label", { className: "rls-toolbar__subtitle smalltext-semibold", children: subtitle }))] }), actions && (_jsx("div", { className: "rls-toolbar__actions", children: actions.map((action, index) => (_jsx("div", { children: action }, index))) }))] }));
|
|
5
|
-
}
|
|
6
|
-
export const RlsToolbar = memo(RlsToolbarComponent);
|
|
7
|
-
//# sourceMappingURL=Toolbar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Toolbar/Toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,OAAO,CAAC;AAQxC,SAAS,mBAAmB,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACK;IACb,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,cAAW,OAAO,aAC5C,eAAK,SAAS,EAAC,0BAA0B,aACtC,QAAQ,IAAI,gBAAO,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAS,EACpE,QAAQ,IAAI,CACX,gBAAO,SAAS,EAAC,0CAA0C,YACxD,QAAQ,GACH,CACT,IACG,EACL,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,sBAAsB,YAClC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,wBAAkB,MAAM,IAAd,KAAK,CAAgB,CAChC,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":""}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback } from 'react';
|
|
3
|
-
import ReactDOM from 'react-dom';
|
|
4
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
5
|
-
function RlsBottomSheetComponent({ autoclose, children, className, controller, rlsSize, onBackdrop, visible, rlsTheme }) {
|
|
6
|
-
const classNameSheet = renderClassStatus('rls-bottom-sheet', { visible: controller?.visible ?? visible }, className);
|
|
7
|
-
const onClickBackdrop = useCallback(() => {
|
|
8
|
-
if (autoclose) {
|
|
9
|
-
controller?.close();
|
|
10
|
-
}
|
|
11
|
-
onBackdrop?.();
|
|
12
|
-
}, [autoclose, controller, onBackdrop]);
|
|
13
|
-
return ReactDOM.createPortal(_jsxs("div", { className: classNameSheet, "rls-size": rlsSize, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-bottom-sheet__component", children: children }), _jsx("div", { className: "rls-bottom-sheet__backdrop", onClick: onClickBackdrop })] }), document.body);
|
|
14
|
-
}
|
|
15
|
-
export const RlsBottomSheet = memo(RlsBottomSheetComponent);
|
|
16
|
-
//# sourceMappingURL=BottomSheet.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../../../src/components/organisms/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,QAAQ,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAUzD,SAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,UAAU,EACV,OAAO,EACP,QAAQ,EACS;IACjB,MAAM,cAAc,GAAG,iBAAiB,CACtC,kBAAkB,EAClB,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,IAAI,OAAO,EAAE,EAC3C,SAAS,CACV,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,SAAS,EAAE,CAAC;YACd,UAAU,EAAE,KAAK,EAAE,CAAC;QACtB,CAAC;QACD,UAAU,EAAE,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAExC,OAAO,QAAQ,CAAC,YAAY,CAC1B,eAAK,SAAS,EAAE,cAAc,cAAY,OAAO,eAAa,QAAQ,aACpE,cAAK,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAO,EAE7D,cACE,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,eAAe,GACnB,IACH,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,CAAC,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from 'react';
|
|
3
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
function RlsCardComponent({ children, className, rlsSize, outline, rlsTheme }) {
|
|
5
|
-
const classNameCard = renderClassStatus('rls-card', { outline }, className);
|
|
6
|
-
return (_jsx("div", { className: classNameCard, "rls-size": rlsSize, "rls-theme": rlsTheme, children: _jsx("div", { className: "rls-card__content", children: children }) }));
|
|
7
|
-
}
|
|
8
|
-
export const RlsCard = memo(RlsCardComponent);
|
|
9
|
-
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAOzD,SAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACE;IACV,MAAM,aAAa,GAAG,iBAAiB,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IAE5E,OAAO,CACL,cAAK,SAAS,EAAE,aAAa,cAAY,OAAO,eAAa,QAAQ,YACnE,cAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,GAC/C,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC"}
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { i18nSubscribe } from '@rolster/i18n';
|
|
3
|
-
import { memo, useCallback, useEffect, useMemo, useState } from 'react';
|
|
4
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
5
|
-
import { reactI18n } from '../../../i18n';
|
|
6
|
-
import { RlsBallot } from '../../molecules/Ballot/Ballot';
|
|
7
|
-
import { RlsFieldListSuggestions } from '../../molecules/FieldListSuggestions/FieldListSuggestions';
|
|
8
|
-
import { useFieldAutocomplete } from '../FieldAutocomplete/FieldAutocompleteController';
|
|
9
|
-
function RlsChooserAutocompleteTemplateComponent(props) {
|
|
10
|
-
const autocomplete = useFieldAutocomplete(props);
|
|
11
|
-
const { render, action, children, formControl, rlsSize, onSearch, rlsTheme, searching } = props;
|
|
12
|
-
const [listInputPlaceholder, setListInputPlaceholder] = useState(reactI18n('listInputPlaceholder'));
|
|
13
|
-
useEffect(() => {
|
|
14
|
-
return i18nSubscribe(() => {
|
|
15
|
-
setListInputPlaceholder(reactI18n('listInputPlaceholder'));
|
|
16
|
-
});
|
|
17
|
-
}, []);
|
|
18
|
-
useEffect(() => {
|
|
19
|
-
props.onInput?.(autocomplete.pattern);
|
|
20
|
-
}, [autocomplete.pattern, props.onInput]);
|
|
21
|
-
const disabled = useMemo(() => {
|
|
22
|
-
return formControl?.disabled || props.disabled;
|
|
23
|
-
}, [formControl?.disabled, props.disabled]);
|
|
24
|
-
const className = renderClassStatus('rls-chooser', {
|
|
25
|
-
focused: autocomplete.focused && !disabled,
|
|
26
|
-
visible: autocomplete.listIsVisible,
|
|
27
|
-
disabled
|
|
28
|
-
}, `rls-chooser-autocomplete ${props.className ?? ''}`);
|
|
29
|
-
const onClickPattern = useCallback(() => {
|
|
30
|
-
onSearch?.(autocomplete.pattern);
|
|
31
|
-
}, [onSearch, autocomplete.pattern]);
|
|
32
|
-
const onKeyDownPattern = useCallback((event) => {
|
|
33
|
-
if (event.key === 'Enter') {
|
|
34
|
-
onSearch?.(autocomplete.pattern);
|
|
35
|
-
}
|
|
36
|
-
autocomplete.onKeydownInput(event);
|
|
37
|
-
}, [autocomplete.onKeydownInput, onSearch, autocomplete.pattern]);
|
|
38
|
-
const onKeydownTrigger = useCallback((event) => {
|
|
39
|
-
switch (event.code) {
|
|
40
|
-
case 'Space':
|
|
41
|
-
case 'Enter':
|
|
42
|
-
event.preventDefault();
|
|
43
|
-
autocomplete.onClickControl();
|
|
44
|
-
break;
|
|
45
|
-
case 'Escape':
|
|
46
|
-
autocomplete.onClickBackdrop();
|
|
47
|
-
break;
|
|
48
|
-
}
|
|
49
|
-
}, [autocomplete.onClickControl, autocomplete.onClickBackdrop]);
|
|
50
|
-
const searchControl = useMemo(() => ({
|
|
51
|
-
pattern: autocomplete.pattern,
|
|
52
|
-
placeholder: listInputPlaceholder,
|
|
53
|
-
searching,
|
|
54
|
-
refInput: autocomplete.refInput,
|
|
55
|
-
onChange: autocomplete.setPattern,
|
|
56
|
-
onFocus: autocomplete.onFocusInput,
|
|
57
|
-
onBlur: autocomplete.onBlurInput,
|
|
58
|
-
onKeyDown: onKeyDownPattern,
|
|
59
|
-
onSearch: onSearch ? onClickPattern : undefined
|
|
60
|
-
}), [
|
|
61
|
-
autocomplete.pattern,
|
|
62
|
-
autocomplete.refInput,
|
|
63
|
-
autocomplete.setPattern,
|
|
64
|
-
autocomplete.onFocusInput,
|
|
65
|
-
autocomplete.onBlurInput,
|
|
66
|
-
listInputPlaceholder,
|
|
67
|
-
searching,
|
|
68
|
-
onKeyDownPattern,
|
|
69
|
-
onClickPattern,
|
|
70
|
-
onSearch
|
|
71
|
-
]);
|
|
72
|
-
return (_jsxs("div", { id: props.identifier, ref: autocomplete.refContent, className: className, "rls-size": rlsSize, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-chooser__trigger", role: "combobox", "aria-expanded": autocomplete.listIsVisible, "aria-haspopup": "listbox", "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : 0, onClick: disabled ? undefined : autocomplete.onClickControl, onKeyDown: disabled ? undefined : onKeydownTrigger, children: typeof children === 'function'
|
|
73
|
-
? children({
|
|
74
|
-
description: autocomplete.value,
|
|
75
|
-
listIsVisible: autocomplete.listIsVisible,
|
|
76
|
-
pattern: autocomplete.pattern,
|
|
77
|
-
value: formControl?.value ?? props.value
|
|
78
|
-
})
|
|
79
|
-
: children }), _jsx(RlsFieldListSuggestions, { elements: autocomplete.coincidences, visible: autocomplete.listIsVisible, action: action, disabled: disabled, higher: autocomplete.higher, render: render, refAnchor: autocomplete.refContent, refList: autocomplete.refList, refSuggestions: autocomplete.refSuggestions, searchControl: searchControl, onClickElement: autocomplete.onClickElement, onKeydownElement: autocomplete.onKeydownElement, onClickBackdrop: autocomplete.onClickBackdrop, onHiddenAnchor: autocomplete.onClickBackdrop })] }));
|
|
80
|
-
}
|
|
81
|
-
export const RlsChooserAutocompleteTemplate = memo(RlsChooserAutocompleteTemplateComponent);
|
|
82
|
-
function RlsChooserAutocompleteComponent(props) {
|
|
83
|
-
const render = useCallback((element) => (_jsx(RlsBallot, { className: "rls-field-list__ballot", subtitle: element.subtitle, img: element.img, initials: element.initials, children: _jsx("span", { children: element.title }) })), []);
|
|
84
|
-
return _jsx(RlsChooserAutocompleteTemplate, { ...props, render: render });
|
|
85
|
-
}
|
|
86
|
-
export const RlsChooserAutocomplete = memo(RlsChooserAutocompleteComponent);
|
|
87
|
-
//# sourceMappingURL=ChooserAutocomplete.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChooserAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/ChooserAutocomplete/ChooserAutocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback, useMemo } from 'react';
|
|
3
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
import { RlsCheckBox } from '../../atoms/CheckBox/CheckBox';
|
|
5
|
-
import { RlsBallot } from '../../molecules/Ballot/Ballot';
|
|
6
|
-
import { RlsFieldListSuggestions } from '../../molecules/FieldListSuggestions/FieldListSuggestions';
|
|
7
|
-
import { useFieldList } from '../FieldList/FieldListController';
|
|
8
|
-
function RlsChooserListTemplateComponent(props) {
|
|
9
|
-
const fieldList = useFieldList(props);
|
|
10
|
-
const { render, suggestions, action, children, formControl, rlsSize, rlsTheme } = props;
|
|
11
|
-
const disabled = useMemo(() => {
|
|
12
|
-
return formControl?.disabled || props.disabled;
|
|
13
|
-
}, [formControl?.disabled, props.disabled]);
|
|
14
|
-
const className = renderClassStatus('rls-chooser', {
|
|
15
|
-
visible: fieldList.listIsVisible,
|
|
16
|
-
disabled
|
|
17
|
-
}, `rls-chooser-list ${props.className ?? ''}`);
|
|
18
|
-
const onKeydownTrigger = useCallback((event) => {
|
|
19
|
-
switch (event.code) {
|
|
20
|
-
case 'Space':
|
|
21
|
-
case 'Enter':
|
|
22
|
-
event.preventDefault();
|
|
23
|
-
fieldList.onClickAction();
|
|
24
|
-
break;
|
|
25
|
-
case 'Escape':
|
|
26
|
-
fieldList.onClickBackdrop();
|
|
27
|
-
break;
|
|
28
|
-
}
|
|
29
|
-
}, [fieldList.onClickAction, fieldList.onClickBackdrop]);
|
|
30
|
-
const renderWithCheckbox = useCallback((element) => (_jsxs("div", { className: "rls-field-list__multi__element", children: [_jsx(RlsCheckBox, { checked: fieldList.isSelected(element) }), render(element)] })), [fieldList.isSelected, render]);
|
|
31
|
-
return (_jsxs("div", { id: props.identifier, ref: fieldList.refContent, className: className, "rls-size": rlsSize, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-chooser__trigger", role: "combobox", "aria-expanded": fieldList.listIsVisible, "aria-haspopup": "listbox", "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : 0, onClick: disabled ? undefined : fieldList.onClickAction, onKeyDown: disabled ? undefined : onKeydownTrigger, children: typeof children === 'function'
|
|
32
|
-
? children({
|
|
33
|
-
listIsVisible: fieldList.listIsVisible,
|
|
34
|
-
selected: fieldList.selected
|
|
35
|
-
})
|
|
36
|
-
: children }), _jsx(RlsFieldListSuggestions, { elements: suggestions, visible: fieldList.listIsVisible, action: action, disabled: disabled, higher: fieldList.higher, render: renderWithCheckbox, refAnchor: fieldList.refContent, refList: fieldList.refList, refSuggestions: fieldList.refSuggestions, onClickElement: fieldList.onClickElement, onKeydownElement: fieldList.onKeydownElement, onClickBackdrop: fieldList.onClickBackdrop, onHiddenAnchor: fieldList.onClickBackdrop })] }));
|
|
37
|
-
}
|
|
38
|
-
export const RlsChooserListTemplate = memo(RlsChooserListTemplateComponent);
|
|
39
|
-
function RlsChooserListComponent(props) {
|
|
40
|
-
const render = useCallback((element) => (_jsx(RlsBallot, { className: "rls-field-list__ballot", subtitle: element.subtitle, img: element.img, initials: element.initials, children: _jsx("span", { children: element.title }) })), []);
|
|
41
|
-
return _jsx(RlsChooserListTemplate, { ...props, render: render });
|
|
42
|
-
}
|
|
43
|
-
export const RlsChooserList = memo(RlsChooserListComponent);
|
|
44
|
-
//# sourceMappingURL=ChooserList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChooserList.js","sourceRoot":"","sources":["../../../../../src/components/organisms/ChooserList/ChooserList.tsx"],"names":[],"mappings":"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"}
|