@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,34 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback, useEffect, useMemo, useState } from 'react';
|
|
3
|
-
import { getAppTheme, setAppTheme } from '../../../helpers/app-theme';
|
|
4
|
-
import { reactI18n } from '../../../i18n';
|
|
5
|
-
import { RlsTabs } from '../Tabs/Tabs';
|
|
6
|
-
export const APP_THEMES = ['light', 'dim', 'dark'];
|
|
7
|
-
const LABELS = {
|
|
8
|
-
light: () => reactI18n('appThemeLight'),
|
|
9
|
-
dim: () => reactI18n('appThemeDim'),
|
|
10
|
-
dark: () => reactI18n('appThemeDark')
|
|
11
|
-
};
|
|
12
|
-
function RlsAppThemeTabsComponent({ labels, rlsSize, onValue, rlsTheme, themes = APP_THEMES, value }) {
|
|
13
|
-
const [appTheme, setAppThemeValue] = useState(() => value ?? getAppTheme());
|
|
14
|
-
useEffect(() => {
|
|
15
|
-
if (value !== undefined) {
|
|
16
|
-
setAppTheme(value);
|
|
17
|
-
setAppThemeValue(value);
|
|
18
|
-
}
|
|
19
|
-
}, [value]);
|
|
20
|
-
const tabs = useMemo(() => {
|
|
21
|
-
return themes.map((theme) => ({
|
|
22
|
-
label: labels?.[theme] ?? LABELS[theme](),
|
|
23
|
-
value: theme
|
|
24
|
-
}));
|
|
25
|
-
}, [labels, themes]);
|
|
26
|
-
const onSelect = useCallback((theme) => {
|
|
27
|
-
setAppTheme(theme);
|
|
28
|
-
setAppThemeValue(theme);
|
|
29
|
-
onValue?.(theme);
|
|
30
|
-
}, [onValue]);
|
|
31
|
-
return (_jsx(RlsTabs, { tabs: tabs, value: appTheme, onValue: onSelect, rlsSize: rlsSize, rlsTheme: rlsTheme }));
|
|
32
|
-
}
|
|
33
|
-
export const RlsAppThemeTabs = memo(RlsAppThemeTabsComponent);
|
|
34
|
-
//# sourceMappingURL=AppThemeTabs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AppThemeTabs.js","sourceRoot":"","sources":["../../../../../src/components/molecules/AppThemeTabs/AppThemeTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,EAAE,OAAO,EAAO,MAAM,cAAc,CAAC;AAW5C,MAAM,CAAC,MAAM,UAAU,GAAkB,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AAElE,MAAM,MAAM,GAAsC;IAChD,KAAK,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,eAAe,CAAC;IACvC,GAAG,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC;IACnC,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,cAAc,CAAC;CACtC,CAAC;AAEF,SAAS,wBAAwB,CAAC,EAChC,MAAM,EACN,OAAO,EACP,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,UAAU,EACnB,KAAK,EACa;IAClB,MAAM,CAAC,QAAQ,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAC3C,GAAG,EAAE,CAAC,KAAK,IAAI,WAAW,EAAE,CAC7B,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,WAAW,CAAC,KAAK,CAAC,CAAC;YACnB,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,IAAI,GAAG,OAAO,CAAqB,GAAG,EAAE;QAC5C,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAC5B,KAAK,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE;YACzC,KAAK,EAAE,KAAK;SACb,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAErB,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAkB,EAAE,EAAE;QACrB,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAExB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from 'react';
|
|
3
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
import { RlsAvatar } from '../../atoms/Avatar/Avatar';
|
|
5
|
-
import { RlsSkeletonText } from '../../atoms/SkeletonText/SkeletonText';
|
|
6
|
-
function RlsBallotComponent({ bordered, className, children, img, initials, skeleton, subtitle, rlsSize, rlsTheme }) {
|
|
7
|
-
const classNameBallot = renderClassStatus('rls-ballot', { bordered, skeleton }, className);
|
|
8
|
-
return (_jsxs("div", { className: classNameBallot, "rls-size": rlsSize, "rls-theme": rlsTheme, children: [(img || initials) && (_jsxs(RlsAvatar, { skeleton: skeleton, rlsSize: rlsSize, children: [img && _jsx("img", { src: img }), initials && _jsx("span", { children: initials })] })), _jsxs("div", { className: "rls-ballot__component", children: [_jsx("div", { className: "rls-ballot__title", children: _jsx(RlsSkeletonText, { active: skeleton, children: children }) }), subtitle && (_jsx("div", { className: "rls-ballot__subtitle", children: _jsx(RlsSkeletonText, { active: skeleton, children: subtitle }) }))] })] }));
|
|
9
|
-
}
|
|
10
|
-
export const RlsBallot = memo(RlsBallotComponent);
|
|
11
|
-
//# sourceMappingURL=Ballot.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Ballot.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Ballot/Ballot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAWxE,SAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACI;IACZ,MAAM,eAAe,GAAG,iBAAiB,CACvC,YAAY,EACZ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACtB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,eAAe,cAAY,OAAO,eAAa,QAAQ,aACpE,CAAC,GAAG,IAAI,QAAQ,CAAC,IAAI,CACpB,MAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,aAC5C,GAAG,IAAI,cAAK,GAAG,EAAE,GAAG,GAAI,EACxB,QAAQ,IAAI,yBAAO,QAAQ,GAAQ,IAC1B,CACb,EAED,eAAK,SAAS,EAAC,uBAAuB,aACpC,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,eAAe,IAAC,MAAM,EAAE,QAAQ,YAAG,QAAQ,GAAmB,GAC3D,EACL,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,eAAe,IAAC,MAAM,EAAE,QAAQ,YAAG,QAAQ,GAAmB,GAC3D,CACP,IACG,IACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from 'react';
|
|
3
|
-
function RlsBodyComponent({ children, identifier, rlsSize, rlsTheme }) {
|
|
4
|
-
return (_jsx("div", { id: identifier, className: "rls-app__page__body", "rls-size": rlsSize, "rls-theme": rlsTheme, children: children }));
|
|
5
|
-
}
|
|
6
|
-
export const RlsBody = memo(RlsBodyComponent);
|
|
7
|
-
//# sourceMappingURL=Body.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Body/Body.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAG7B,SAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACK;IACb,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,qBAAqB,cACrB,OAAO,eACN,QAAQ,YAElB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from 'react';
|
|
3
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
import { RlsButtonAction } from '../../atoms/ButtonAction/ButtonAction';
|
|
5
|
-
import { RlsProgressCircular } from '../../atoms/ProgressCircular/ProgressCircular';
|
|
6
|
-
function RlsButtonProgressComponent({ icon, disabled, rlsSize, onClick, progressing, rlsTheme }) {
|
|
7
|
-
const className = renderClassStatus('rls-button-progress', { progressing });
|
|
8
|
-
return (_jsxs("div", { className: className, "rls-size": rlsSize, "rls-theme": rlsTheme, children: [!progressing && (_jsx(RlsButtonAction, { icon: icon, onClick: onClick, disabled: disabled })), progressing && _jsx(RlsProgressCircular, {})] }));
|
|
9
|
-
}
|
|
10
|
-
export const RlsButtonProgress = memo(RlsButtonProgressComponent);
|
|
11
|
-
//# sourceMappingURL=ButtonProgress.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonProgress.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonProgress/ButtonProgress.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAqB,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAUpF,SAAS,0BAA0B,CAAC,EAClC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,QAAQ,EACY;IACpB,MAAM,SAAS,GAAG,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;IAE5E,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,cAAY,OAAO,eAAa,QAAQ,aAC9D,CAAC,WAAW,IAAI,CACf,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACtE,EACA,WAAW,IAAI,KAAC,mBAAmB,KAAG,IACnC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC,0BAA0B,CAAC,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback } from 'react';
|
|
3
|
-
import { RlsButtonIcon } from '../../atoms/ButtonIcon/ButtonIcon';
|
|
4
|
-
function RlsButtonStepperComponent({ disabled, rlsSize, onAction, rlsTheme }) {
|
|
5
|
-
const onDown = useCallback(() => {
|
|
6
|
-
onAction?.('down');
|
|
7
|
-
}, [onAction]);
|
|
8
|
-
const onUp = useCallback(() => {
|
|
9
|
-
onAction?.('up');
|
|
10
|
-
}, [onAction]);
|
|
11
|
-
return (_jsxs("div", { className: "rls-button-stepper", "rls-size": rlsSize, "rls-theme": rlsTheme, children: [_jsx(RlsButtonIcon, { icon: "arrow-ios-down", disabled: disabled, onClick: onDown }), _jsx(RlsButtonIcon, { icon: "arrow-ios-up", disabled: disabled, onClick: onUp })] }));
|
|
12
|
-
}
|
|
13
|
-
export const RlsButtonStepper = memo(RlsButtonStepperComponent);
|
|
14
|
-
//# sourceMappingURL=ButtonStepper.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonStepper.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonStepper/ButtonStepper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAUlE,SAAS,yBAAyB,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACW;IACnB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,eAAK,SAAS,EAAC,oBAAoB,cAAW,OAAO,eAAa,QAAQ,aACxE,KAAC,aAAa,IACZ,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,MAAM,GACf,EAEF,KAAC,aAAa,IAAC,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,GAAI,IACpE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,yBAAyB,CAAC,CAAC"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback, useEffect, useRef, useState } from 'react';
|
|
3
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
import { RlsButton } from '../../atoms/Button/Button';
|
|
5
|
-
function RlsButtonToggleComponent({ onAction, options, type, automatic, disabled, rlsSize, rlsTheme }) {
|
|
6
|
-
const componentRef = useRef(null);
|
|
7
|
-
const [action, setAction] = useState(options[0]);
|
|
8
|
-
const [visible, setVisible] = useState(false);
|
|
9
|
-
useEffect(() => {
|
|
10
|
-
function onCloseMenu({ target }) {
|
|
11
|
-
if (!componentRef?.current?.contains(target)) {
|
|
12
|
-
setVisible(false);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
document.addEventListener('click', onCloseMenu);
|
|
16
|
-
return () => {
|
|
17
|
-
document.removeEventListener('click', onCloseMenu);
|
|
18
|
-
};
|
|
19
|
-
}, []);
|
|
20
|
-
const classNameList = renderClassStatus('rls-button-toggle__list', {
|
|
21
|
-
hide: !visible,
|
|
22
|
-
visible
|
|
23
|
-
});
|
|
24
|
-
const onClickMenu = useCallback(() => {
|
|
25
|
-
setVisible((visible) => !visible);
|
|
26
|
-
}, []);
|
|
27
|
-
const onSelectAction = useCallback((action) => {
|
|
28
|
-
setAction(() => action);
|
|
29
|
-
setVisible(() => false);
|
|
30
|
-
if (automatic) {
|
|
31
|
-
onAction(action.value);
|
|
32
|
-
}
|
|
33
|
-
}, [onAction, automatic]);
|
|
34
|
-
const onClickAction = useCallback(() => {
|
|
35
|
-
if (action) {
|
|
36
|
-
onAction(action.value);
|
|
37
|
-
}
|
|
38
|
-
}, [action, onAction]);
|
|
39
|
-
const onClickOption = useCallback((event) => {
|
|
40
|
-
const index = Number(event.currentTarget.dataset.index);
|
|
41
|
-
const option = options[index];
|
|
42
|
-
if (option) {
|
|
43
|
-
onSelectAction(option);
|
|
44
|
-
}
|
|
45
|
-
}, [options, onSelectAction]);
|
|
46
|
-
return (_jsxs("div", { className: "rls-button-toggle", ref: componentRef, "rls-size": rlsSize, "rls-theme": rlsTheme, children: [_jsxs("div", { className: "rls-button-toggle__content", children: [action && (_jsx("div", { className: "rls-button-toggle__action", children: _jsx(RlsButton, { disabled: disabled, type: type, onClick: onClickAction, children: action.label }) })), _jsx("div", { className: "rls-button-toggle__icon", children: _jsx(RlsButton, { type: type, prefixIcon: "arrow-ios-down", disabled: disabled, onClick: onClickMenu }) })] }), _jsx("div", { className: classNameList, children: _jsx("ul", { children: options.map((action, index) => (_jsx("li", { className: "rls-truncate", "data-index": index, onClick: onClickOption, children: action.label }, index))) }) })] }));
|
|
47
|
-
}
|
|
48
|
-
export const RlsButtonToggle = memo(RlsButtonToggleComponent);
|
|
49
|
-
//# sourceMappingURL=ButtonToggle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonToggle.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonToggle/ButtonToggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback, useMemo, useState } from 'react';
|
|
3
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
import { RlsChip } from '../../atoms/Chip/Chip';
|
|
5
|
-
function RlsChipGroupComponent({ className, disabled: disabledProps, formControl, identifier, rlsSize, onValue, options, reference, render, rlsTheme, value: valueInitial }) {
|
|
6
|
-
const [value, setValue] = useState(formControl?.value ?? valueInitial);
|
|
7
|
-
const selected = useMemo(() => {
|
|
8
|
-
return formControl ? formControl.value : value;
|
|
9
|
-
}, [formControl?.value, value]);
|
|
10
|
-
const disabled = useMemo(() => {
|
|
11
|
-
return formControl?.disabled || disabledProps;
|
|
12
|
-
}, [formControl?.disabled, disabledProps]);
|
|
13
|
-
const classNameGroup = renderClassStatus('rls-chip-group', { disabled }, className);
|
|
14
|
-
const isSelected = useCallback((option) => {
|
|
15
|
-
if (selected === undefined || selected === null) {
|
|
16
|
-
return false;
|
|
17
|
-
}
|
|
18
|
-
return reference
|
|
19
|
-
? reference(option) === reference(selected)
|
|
20
|
-
: option === selected;
|
|
21
|
-
}, [reference, selected]);
|
|
22
|
-
const onSelect = useCallback((option) => () => {
|
|
23
|
-
if (disabled) {
|
|
24
|
-
return;
|
|
25
|
-
}
|
|
26
|
-
setValue(option);
|
|
27
|
-
formControl?.setValue(option);
|
|
28
|
-
formControl?.touch();
|
|
29
|
-
onValue?.(option);
|
|
30
|
-
}, [disabled, formControl, onValue]);
|
|
31
|
-
return (_jsx("div", { id: identifier, className: classNameGroup, "rls-size": rlsSize, "rls-theme": rlsTheme, children: options.map((option, index) => (_jsx(RlsChip, { disabled: disabled, selected: isSelected(option), onClick: onSelect(option), children: render ? render(option) : String(option) }, index))) }));
|
|
32
|
-
}
|
|
33
|
-
export const RlsChipGroup = memo(RlsChipGroupComponent);
|
|
34
|
-
//# sourceMappingURL=ChipGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChipGroup.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ChipGroup/ChipGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAa,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAkDhD,SAAS,qBAAqB,CAAmB,EAC/C,SAAS,EACT,QAAQ,EAAE,aAAa,EACvB,WAAW,EACX,UAAU,EACV,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,KAAK,EAAE,YAAY,EACE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,WAAW,EAAE,KAAK,IAAI,YAAY,CAAC,CAAC;IAEvE,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,aAAa,CAAC;IAChD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAE3C,MAAM,cAAc,GAAG,iBAAiB,CACtC,gBAAgB,EAChB,EAAE,QAAQ,EAAE,EACZ,SAAS,CACV,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,MAAS,EAAE,EAAE;QACZ,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YAChD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAO,SAAS;YACd,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,SAAS,CAAC,QAAQ,CAAC;YAC3C,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC;IAC1B,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,CAAC,CACtB,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,MAAS,EAAE,EAAE,CAAC,GAAG,EAAE;QAClB,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,MAAM,CAAC,CAAC;QACjB,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC9B,WAAW,EAAE,KAAK,EAAE,CAAC;QACrB,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,CAAC,CACjC,CAAC;IAEF,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,cAAc,cACf,OAAO,eACN,QAAQ,YAElB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,OAAO,IAEN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,EAC5B,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,YAExB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,IALpC,KAAK,CAMF,CACX,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAC9B,qBAAqB,CACU,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from 'react';
|
|
3
|
-
function RlsContentComponent({ children, identifier, rlsSize, rlsTheme }) {
|
|
4
|
-
return (_jsx("div", { id: identifier, className: "rls-app__page__content", "rls-size": rlsSize, "rls-theme": rlsTheme, children: children }));
|
|
5
|
-
}
|
|
6
|
-
export const RlsContent = memo(RlsContentComponent);
|
|
7
|
-
//# sourceMappingURL=Content.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Content/Content.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAG7B,SAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACK;IACb,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,wBAAwB,cACxB,OAAO,eACN,QAAQ,YAElB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback, useEffect, useMemo, useState } from 'react';
|
|
3
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
import { RlsAreaText } from '../../atoms/AreaText/AreaText';
|
|
5
|
-
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
6
|
-
function RlsFieldAreaComponent(props) {
|
|
7
|
-
const { children, formControl, identifier, maxLength, rlsSize, rlsTheme } = props;
|
|
8
|
-
const { onValue } = props;
|
|
9
|
-
const disabled = useMemo(() => {
|
|
10
|
-
return formControl?.disabled || props.disabled;
|
|
11
|
-
}, [formControl?.disabled, props.disabled]);
|
|
12
|
-
const valueSource = formControl?.value ?? props.value;
|
|
13
|
-
const [valueLength, setValueLength] = useState(() => {
|
|
14
|
-
return (valueSource ?? '').length;
|
|
15
|
-
});
|
|
16
|
-
useEffect(() => {
|
|
17
|
-
if (valueSource !== undefined) {
|
|
18
|
-
setValueLength(valueSource.length);
|
|
19
|
-
}
|
|
20
|
-
}, [valueSource]);
|
|
21
|
-
const onValueArea = useCallback((value) => {
|
|
22
|
-
setValueLength(value.length);
|
|
23
|
-
onValue?.(value);
|
|
24
|
-
}, [onValue]);
|
|
25
|
-
const className = renderClassStatus('rls-field-box', {
|
|
26
|
-
disabled,
|
|
27
|
-
error: formControl?.wrong,
|
|
28
|
-
focused: formControl?.focused && !disabled,
|
|
29
|
-
readonly: props.readOnly
|
|
30
|
-
}, 'rls-field-area');
|
|
31
|
-
return (_jsxs("div", { id: identifier, className: className, "rls-size": rlsSize, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsAreaText, { ...props, onValue: onValueArea }) }) }), props.counter && (_jsx("span", { className: "rls-field-box__helper rls-field-area__counter", children: maxLength ? `${valueLength} / ${maxLength}` : valueLength })), !props.msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
32
|
-
}
|
|
33
|
-
export const RlsFieldArea = memo(RlsFieldAreaComponent);
|
|
34
|
-
//# sourceMappingURL=FieldArea.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FieldArea.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldArea/FieldArea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAEL,WAAW,EAEZ,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAQ3E,SAAS,qBAAqB,CAAC,KAAqB;IAClD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GACvE,KAAK,CAAC;IAER,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,WAAW,EAAE,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC;IAEtD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QAClD,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;YAC9B,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAa,EAAE,EAAE;QAChB,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAC7B,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,SAAS,GAAG,iBAAiB,CACjC,eAAe,EACf;QACE,QAAQ;QACR,KAAK,EAAE,WAAW,EAAE,KAAK;QACzB,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;QAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;KACzB,EACD,gBAAgB,CACjB,CAAC;IAEF,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,cACV,OAAO,eACN,QAAQ,aAElB,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,WAAW,OAAK,KAAK,EAAE,OAAO,EAAE,WAAW,GAAI,GAC5C,GACF,EAEL,KAAK,CAAC,OAAO,IAAI,CAChB,eAAM,SAAS,EAAC,+CAA+C,YAC5D,SAAS,CAAC,CAAC,CAAC,GAAG,WAAW,MAAM,SAAS,EAAE,CAAC,CAAC,CAAC,WAAW,GACrD,CACR,EAEA,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC1B,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useMemo } from 'react';
|
|
3
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
import { RlsInputDecimal } from '../../atoms/InputDecimal/InputDecimal';
|
|
5
|
-
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
6
|
-
function RlsFieldDecimalComponent(props) {
|
|
7
|
-
const { children, formControl, identifier, rlsSize, rlsTheme } = props;
|
|
8
|
-
const disabled = useMemo(() => {
|
|
9
|
-
return formControl?.disabled || props.disabled;
|
|
10
|
-
}, [formControl?.disabled, props.disabled]);
|
|
11
|
-
const className = renderClassStatus('rls-field-box', {
|
|
12
|
-
disabled,
|
|
13
|
-
error: formControl?.wrong,
|
|
14
|
-
focused: formControl?.focused && !disabled,
|
|
15
|
-
readonly: props.readOnly
|
|
16
|
-
}, 'rls-field-decimal');
|
|
17
|
-
return (_jsxs("div", { id: identifier, className: className, "rls-size": rlsSize, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputDecimal, { ...props }) }) }), !props.msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
18
|
-
}
|
|
19
|
-
export const RlsFieldDecimal = memo(RlsFieldDecimalComponent);
|
|
20
|
-
//# sourceMappingURL=FieldDecimal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FieldDecimal.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldDecimal/FieldDecimal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAO3E,SAAS,wBAAwB,CAAC,KAAwB;IACxD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEvE,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,iBAAiB,CACjC,eAAe,EACf;QACE,QAAQ;QACR,KAAK,EAAE,WAAW,EAAE,KAAK;QACzB,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;QAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;KACzB,EACD,mBAAmB,CACpB,CAAC;IAEF,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,cACV,OAAO,eACN,QAAQ,aAElB,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,eAAe,OAAK,KAAK,GAAI,GAC1B,GACF,EAEL,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC1B,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback, useMemo, useRef } from 'react';
|
|
3
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
import { RlsButtonAction } from '../../atoms/ButtonAction/ButtonAction';
|
|
5
|
-
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
6
|
-
function RlsFieldFileComponent({ accept, children, disabled: _disabled, formControl, identifier, msgErrorDisabled, rlsSize, onValue, placeholder, readOnly, rlsTheme, value }) {
|
|
7
|
-
const inputRef = useRef(null);
|
|
8
|
-
const disabled = useMemo(() => formControl?.disabled || _disabled, [formControl?.disabled, _disabled]);
|
|
9
|
-
const className = renderClassStatus('rls-field-box', {
|
|
10
|
-
disabled,
|
|
11
|
-
error: formControl?.wrong,
|
|
12
|
-
focused: formControl?.focused && !disabled,
|
|
13
|
-
readonly: readOnly
|
|
14
|
-
}, 'rls-field-file');
|
|
15
|
-
const currentFile = useMemo(() => formControl?.value ?? value, [formControl?.value, value]);
|
|
16
|
-
const displayValue = useMemo(() => {
|
|
17
|
-
return currentFile?.name ?? '';
|
|
18
|
-
}, [currentFile]);
|
|
19
|
-
const onClickAction = useCallback((event) => {
|
|
20
|
-
if (currentFile) {
|
|
21
|
-
formControl?.setValue(undefined);
|
|
22
|
-
onValue?.(undefined);
|
|
23
|
-
}
|
|
24
|
-
else {
|
|
25
|
-
inputRef.current?.click();
|
|
26
|
-
}
|
|
27
|
-
event.stopPropagation();
|
|
28
|
-
}, [currentFile, formControl, onValue]);
|
|
29
|
-
const onChangeInput = useCallback((event) => {
|
|
30
|
-
const file = event.target.files?.[0];
|
|
31
|
-
if (file) {
|
|
32
|
-
formControl?.setValue(file);
|
|
33
|
-
onValue?.(file);
|
|
34
|
-
}
|
|
35
|
-
event.target.value = '';
|
|
36
|
-
}, [formControl, onValue]);
|
|
37
|
-
const onClickControl = useCallback(() => {
|
|
38
|
-
if (!readOnly && !disabled) {
|
|
39
|
-
inputRef.current?.click();
|
|
40
|
-
}
|
|
41
|
-
}, [readOnly, disabled]);
|
|
42
|
-
return (_jsxs("div", { id: identifier, className: className, "rls-size": rlsSize, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", onClick: onClickControl, children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-input__component", readOnly: true, type: "text", value: displayValue, placeholder: placeholder }), _jsx("input", { ref: inputRef, className: "rls-field-file__input", type: "file", accept: accept, disabled: disabled || readOnly, onChange: onChangeInput }), _jsx(RlsButtonAction, { icon: currentFile ? 'close' : 'attach', disabled: disabled, onClick: onClickAction })] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
43
|
-
}
|
|
44
|
-
export const RlsFieldFile = memo(RlsFieldFileComponent);
|
|
45
|
-
//# sourceMappingURL=FieldFile.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FieldFile.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldFile/FieldFile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAc,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAGxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAa3E,SAAS,qBAAqB,CAAC,EAC7B,MAAM,EACN,QAAQ,EACR,QAAQ,EAAE,SAAS,EACnB,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,OAAO,EACP,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,KAAK,EACU;IACf,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,WAAW,EAAE,QAAQ,IAAI,SAAS,EACxC,CAAC,WAAW,EAAE,QAAQ,EAAE,SAAS,CAAC,CACnC,CAAC;IAEF,MAAM,SAAS,GAAG,iBAAiB,CACjC,eAAe,EACf;QACE,QAAQ;QACR,KAAK,EAAE,WAAW,EAAE,KAAK;QACzB,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;QAC1C,QAAQ,EAAE,QAAQ;KACnB,EACD,gBAAgB,CACjB,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,WAAW,EAAE,KAAK,IAAI,KAAK,EACjC,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,CAC5B,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,OAAO,WAAW,EAAE,IAAI,IAAI,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAAiB,EAAE,EAAE;QACpB,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;YACjC,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;QAED,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC,EACD,CAAC,WAAW,EAAE,WAAW,EAAE,OAAO,CAAC,CACpC,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAA0C,EAAE,EAAE;QAC7C,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAErC,IAAI,IAAI,EAAE,CAAC;YACT,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC5B,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;QAED,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;IAC1B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC3B,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,cACV,OAAO,eACN,QAAQ,aAElB,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,cAAc,YAC/D,eAAK,SAAS,EAAC,qBAAqB,aAClC,gBACE,SAAS,EAAC,sBAAsB,EAChC,QAAQ,QACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,WAAW,GACxB,EAEF,gBACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,uBAAuB,EACjC,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,QAAQ,EAAE,aAAa,GACvB,EAEF,KAAC,eAAe,IACd,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EACtC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,aAAa,GACtB,IACE,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC"}
|
|
@@ -1,53 +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 { createPortal } from 'react-dom';
|
|
5
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
6
|
-
import { reactI18n } from '../../../i18n';
|
|
7
|
-
import { RlsIcon } from '../../atoms/Icon/Icon';
|
|
8
|
-
import { RlsProgressBar } from '../../atoms/ProgressBar/ProgressBar';
|
|
9
|
-
import { useSuggestionsPortalController } from './SuggestionsPortalController';
|
|
10
|
-
function RlsFieldListLi({ element, onClickElement, onKeydownElement, render }) {
|
|
11
|
-
const onClick = useMemo(() => {
|
|
12
|
-
return onClickElement(element);
|
|
13
|
-
}, [element, onClickElement]);
|
|
14
|
-
const onKeyDown = useMemo(() => {
|
|
15
|
-
return onKeydownElement(element);
|
|
16
|
-
}, [element, onKeydownElement]);
|
|
17
|
-
return (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: onClick, onKeyDown: onKeyDown, children: render(element) }));
|
|
18
|
-
}
|
|
19
|
-
function RlsFieldListSuggestionsComponent({ elements, action, disabled, higher, render, renderEmpty, searchControl, visible, rlsSize, onClickBackdrop, onClickElement, onHiddenAnchor, onKeydownElement, refAnchor, refList, refSuggestions, rlsTheme }) {
|
|
20
|
-
const portal = useSuggestionsPortalController(visible, refAnchor, onHiddenAnchor, higher);
|
|
21
|
-
const [labels, setLabels] = useState({
|
|
22
|
-
listEmptyDescription: reactI18n('listEmptyDescription'),
|
|
23
|
-
listEmptyTitle: reactI18n('listEmptyTitle')
|
|
24
|
-
});
|
|
25
|
-
useEffect(() => {
|
|
26
|
-
return i18nSubscribe(() => {
|
|
27
|
-
setLabels({
|
|
28
|
-
listEmptyDescription: reactI18n('listEmptyDescription'),
|
|
29
|
-
listEmptyTitle: reactI18n('listEmptyTitle')
|
|
30
|
-
});
|
|
31
|
-
});
|
|
32
|
-
}, []);
|
|
33
|
-
const className = renderClassStatus('rls-field-list__suggestions', {
|
|
34
|
-
disabled,
|
|
35
|
-
higher,
|
|
36
|
-
portal: portal.active,
|
|
37
|
-
visible
|
|
38
|
-
});
|
|
39
|
-
const onChangePattern = useCallback((event) => {
|
|
40
|
-
searchControl?.onChange(event.target.value);
|
|
41
|
-
}, [searchControl?.onChange]);
|
|
42
|
-
const onClickAction = useCallback((event) => {
|
|
43
|
-
action?.onClick();
|
|
44
|
-
if (!action?.keepOpen) {
|
|
45
|
-
onClickBackdrop(event);
|
|
46
|
-
}
|
|
47
|
-
}, [action?.onClick, action?.keepOpen, onClickBackdrop]);
|
|
48
|
-
const searching = searchControl?.searching ?? false;
|
|
49
|
-
const suggestions = (_jsxs("div", { ref: refSuggestions, className: className, style: portal.active ? portal.style : undefined, "rls-size": rlsSize, "rls-theme": rlsTheme ?? portal.theme, children: [_jsxs("div", { className: "rls-field-list__suggestions__body", children: [_jsxs("ul", { ref: refList, className: "rls-field-list__ul", children: [searchControl && (_jsxs("div", { className: "rls-field-list__ul__search", children: [_jsx("input", { className: "rls-field-list__ul__control", ref: searchControl.refInput, type: "text", placeholder: searchControl.placeholder, value: searchControl.pattern, onChange: onChangePattern, onFocus: searchControl.onFocus, onBlur: searchControl.onBlur, onKeyDown: searchControl.onKeyDown, disabled: disabled || searching }), searchControl.onSearch && (_jsx("button", { disabled: disabled || searching, onClick: searchControl.onSearch, children: _jsx(RlsIcon, { value: "search" }) }))] })), searching && _jsx(RlsProgressBar, { indeterminate: true }), elements.map((element, index) => (_jsx(RlsFieldListLi, { element: element, onClickElement: onClickElement, onKeydownElement: onKeydownElement, render: render }, index))), !elements.length && (_jsx("li", { className: "rls-field-list__empty", children: renderEmpty ? (renderEmpty()) : (_jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("span", { className: "rls-label-font-bold rls-truncate", children: labels.listEmptyTitle }), _jsx("p", { className: "rls-caption-font-regular", children: labels.listEmptyDescription })] })) }))] }), action && (_jsx("div", { className: "rls-field-list__action", children: _jsxs("button", { type: "button", disabled: disabled || action.disabled, onClick: onClickAction, children: [action.icon && _jsx(RlsIcon, { value: action.icon }), _jsx("span", { className: "rls-field-list__action__description", children: action.description })] }) }))] }), _jsx("div", { className: "rls-field-list__backdrop", onClick: onClickBackdrop })] }));
|
|
50
|
-
return portal.active ? createPortal(suggestions, document.body) : suggestions;
|
|
51
|
-
}
|
|
52
|
-
export const RlsFieldListSuggestions = memo(RlsFieldListSuggestionsComponent);
|
|
53
|
-
//# sourceMappingURL=FieldListSuggestions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FieldListSuggestions.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldListSuggestions/FieldListSuggestions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import { useEffect, useState } from 'react';
|
|
2
|
-
import { useEventCallback } from '../../../controllers/EventCallbackController';
|
|
3
|
-
import { getRemSize } from '../../../helpers/css';
|
|
4
|
-
const MAX_LIST_HEIGHT_REM = 180;
|
|
5
|
-
const MOBILE_MEDIA_QUERY = '(max-width: 480px)';
|
|
6
|
-
const SUGGESTIONS_OFFSET_REM = 6;
|
|
7
|
-
const SUGGESTIONS_OVERLAP_REM = 4;
|
|
8
|
-
const VIEWPORT_GAP_REM = 8;
|
|
9
|
-
function getScrollableAncestors(element) {
|
|
10
|
-
const ancestors = [];
|
|
11
|
-
let parent = element.parentElement;
|
|
12
|
-
while (parent && parent !== document.body) {
|
|
13
|
-
const { overflow, overflowX, overflowY } = getComputedStyle(parent);
|
|
14
|
-
if (/auto|scroll|hidden/.test(`${overflow}${overflowX}${overflowY}`)) {
|
|
15
|
-
ancestors.push(parent);
|
|
16
|
-
}
|
|
17
|
-
parent = parent.parentElement;
|
|
18
|
-
}
|
|
19
|
-
return ancestors;
|
|
20
|
-
}
|
|
21
|
-
function anchorIsVisible(rect, scrollables) {
|
|
22
|
-
if (!rect.width || !rect.height) {
|
|
23
|
-
return false;
|
|
24
|
-
}
|
|
25
|
-
let top = 0;
|
|
26
|
-
let left = 0;
|
|
27
|
-
let bottom = window.innerHeight;
|
|
28
|
-
let right = window.innerWidth;
|
|
29
|
-
for (const scrollable of scrollables) {
|
|
30
|
-
const scrollableRect = scrollable.getBoundingClientRect();
|
|
31
|
-
top = Math.max(top, scrollableRect.top);
|
|
32
|
-
left = Math.max(left, scrollableRect.left);
|
|
33
|
-
bottom = Math.min(bottom, scrollableRect.bottom);
|
|
34
|
-
right = Math.min(right, scrollableRect.right);
|
|
35
|
-
}
|
|
36
|
-
return (rect.bottom > top &&
|
|
37
|
-
rect.top < bottom &&
|
|
38
|
-
rect.right > left &&
|
|
39
|
-
rect.left < right);
|
|
40
|
-
}
|
|
41
|
-
function getMaxHeight(rect, higher) {
|
|
42
|
-
const remSize = getRemSize();
|
|
43
|
-
const gap = VIEWPORT_GAP_REM * remSize;
|
|
44
|
-
const available = higher
|
|
45
|
-
? rect.top + SUGGESTIONS_OVERLAP_REM * remSize - gap
|
|
46
|
-
: window.innerHeight - rect.bottom - SUGGESTIONS_OFFSET_REM * remSize - gap;
|
|
47
|
-
return Math.max(0, Math.round(available));
|
|
48
|
-
}
|
|
49
|
-
export function useSuggestionsPortalController(visible, refAnchor, onHiddenAnchor, higher) {
|
|
50
|
-
const [mounted, setMounted] = useState(false);
|
|
51
|
-
const [style, setStyle] = useState();
|
|
52
|
-
const [theme, setTheme] = useState();
|
|
53
|
-
useEffect(() => {
|
|
54
|
-
setMounted(true);
|
|
55
|
-
}, []);
|
|
56
|
-
const onAnchorHidden = useEventCallback(() => {
|
|
57
|
-
onHiddenAnchor?.();
|
|
58
|
-
});
|
|
59
|
-
useEffect(() => {
|
|
60
|
-
const anchor = refAnchor?.current;
|
|
61
|
-
if (!mounted || !visible || !anchor) {
|
|
62
|
-
return;
|
|
63
|
-
}
|
|
64
|
-
setTheme((anchor.closest('[rls-theme]')?.getAttribute('rls-theme') ??
|
|
65
|
-
undefined));
|
|
66
|
-
const scrollables = getScrollableAncestors(anchor);
|
|
67
|
-
let frame = 0;
|
|
68
|
-
function reposition() {
|
|
69
|
-
if (!anchor) {
|
|
70
|
-
return;
|
|
71
|
-
}
|
|
72
|
-
const rect = anchor.getBoundingClientRect();
|
|
73
|
-
if (!anchorIsVisible(rect, scrollables)) {
|
|
74
|
-
return onAnchorHidden();
|
|
75
|
-
}
|
|
76
|
-
const style = {
|
|
77
|
-
'--pvt-portal-top': `${rect.bottom}px`,
|
|
78
|
-
'--pvt-portal-bottom': `${window.innerHeight - rect.top}px`,
|
|
79
|
-
'--pvt-portal-left': `${rect.left}px`,
|
|
80
|
-
'--pvt-portal-width': `${rect.width}px`
|
|
81
|
-
};
|
|
82
|
-
if (!window.matchMedia?.(MOBILE_MEDIA_QUERY).matches) {
|
|
83
|
-
const maxHeight = `min(${MAX_LIST_HEIGHT_REM}rem, ${getMaxHeight(rect, higher)}px)`;
|
|
84
|
-
style['--pvt-list-max-height'] = maxHeight;
|
|
85
|
-
style['--pvt-list-body-max-height'] = maxHeight;
|
|
86
|
-
}
|
|
87
|
-
setStyle(style);
|
|
88
|
-
}
|
|
89
|
-
function requestReposition() {
|
|
90
|
-
cancelAnimationFrame(frame);
|
|
91
|
-
frame = requestAnimationFrame(reposition);
|
|
92
|
-
}
|
|
93
|
-
reposition();
|
|
94
|
-
window.addEventListener('scroll', requestReposition, true);
|
|
95
|
-
window.addEventListener('resize', requestReposition);
|
|
96
|
-
return () => {
|
|
97
|
-
cancelAnimationFrame(frame);
|
|
98
|
-
window.removeEventListener('scroll', requestReposition, true);
|
|
99
|
-
window.removeEventListener('resize', requestReposition);
|
|
100
|
-
};
|
|
101
|
-
}, [mounted, visible, refAnchor, higher]);
|
|
102
|
-
return { active: mounted && !!refAnchor, style, theme };
|
|
103
|
-
}
|
|
104
|
-
//# sourceMappingURL=SuggestionsPortalController.js.map
|
package/dist/esm/components/molecules/FieldListSuggestions/SuggestionsPortalController.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SuggestionsPortalController.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldListSuggestions/SuggestionsPortalController.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useMemo } from 'react';
|
|
3
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
import { RlsButtonAction } from '../../atoms/ButtonAction/ButtonAction';
|
|
5
|
-
import { RlsInputMoney } from '../../atoms/InputMoney/InputMoney';
|
|
6
|
-
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
7
|
-
function RlsFieldMoneyComponent(props) {
|
|
8
|
-
const { action, children, formControl, identifier, rlsSize, rlsTheme } = props;
|
|
9
|
-
const disabled = useMemo(() => {
|
|
10
|
-
return formControl?.disabled || props.disabled;
|
|
11
|
-
}, [formControl?.disabled, props.disabled]);
|
|
12
|
-
const className = renderClassStatus('rls-field-box', {
|
|
13
|
-
disabled,
|
|
14
|
-
error: formControl?.wrong,
|
|
15
|
-
focused: formControl?.focused && !disabled,
|
|
16
|
-
readonly: props.readOnly
|
|
17
|
-
}, 'rls-field-money');
|
|
18
|
-
return (_jsxs("div", { id: identifier, className: className, "rls-size": rlsSize, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx(RlsInputMoney, { ...props }), action && (_jsx(RlsButtonAction, { icon: action.icon, disabled: disabled, onClick: action.onClick }))] }) }), !props.msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
19
|
-
}
|
|
20
|
-
export const RlsFieldMoney = memo(RlsFieldMoneyComponent);
|
|
21
|
-
//# sourceMappingURL=FieldMoney.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FieldMoney.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldMoney/FieldMoney.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAO3E,SAAS,sBAAsB,CAAC,KAAsB;IACpD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,GACpE,KAAK,CAAC;IAER,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,iBAAiB,CACjC,eAAe,EACf;QACE,QAAQ;QACR,KAAK,EAAE,WAAW,EAAE,KAAK;QACzB,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;QAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;KACzB,EACD,iBAAiB,CAClB,CAAC;IAEF,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,cACV,OAAO,eACN,QAAQ,aAElB,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,aAAa,OAAK,KAAK,GAAI,EAE3B,MAAM,IAAI,CACT,KAAC,eAAe,IACd,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,MAAM,CAAC,OAAO,GACvB,CACH,IACG,GACF,EAEL,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC1B,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useMemo } from 'react';
|
|
3
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
4
|
-
import { RlsButtonAction } from '../../atoms/ButtonAction/ButtonAction';
|
|
5
|
-
import { RlsInputNumber } from '../../atoms/InputNumber/InputNumber';
|
|
6
|
-
import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
|
|
7
|
-
function RlsFieldNumberComponent(props) {
|
|
8
|
-
const { action, children, formControl, identifier, rlsSize, rlsTheme } = props;
|
|
9
|
-
const disabled = useMemo(() => {
|
|
10
|
-
return formControl?.disabled || props.disabled;
|
|
11
|
-
}, [formControl?.disabled, props.disabled]);
|
|
12
|
-
const className = renderClassStatus('rls-field-box', {
|
|
13
|
-
disabled,
|
|
14
|
-
error: formControl?.wrong,
|
|
15
|
-
focused: formControl?.focused && !disabled,
|
|
16
|
-
readonly: props.readOnly
|
|
17
|
-
}, 'rls-field-number');
|
|
18
|
-
return (_jsxs("div", { id: identifier, className: className, "rls-size": rlsSize, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx(RlsInputNumber, { ...props }), action && (_jsx(RlsButtonAction, { icon: action.icon, disabled: disabled, onClick: action.onClick }))] }) }), !props.msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
|
|
19
|
-
}
|
|
20
|
-
export const RlsFieldNumber = memo(RlsFieldNumberComponent);
|
|
21
|
-
//# sourceMappingURL=FieldNumber.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FieldNumber.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldNumber/FieldNumber.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAM3E,SAAS,uBAAuB,CAAC,KAAuB;IACtD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,GACpE,KAAK,CAAC;IAER,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,WAAW,EAAE,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,SAAS,GAAG,iBAAiB,CACjC,eAAe,EACf;QACE,QAAQ;QACR,KAAK,EAAE,WAAW,EAAE,KAAK;QACzB,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,QAAQ;QAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;KACzB,EACD,kBAAkB,CACnB,CAAC;IAEF,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,cACV,OAAO,eACN,QAAQ,aAElB,QAAQ,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAQ,EAErE,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,cAAc,OAAK,KAAK,GAAI,EAE5B,MAAM,IAAI,CACT,KAAC,eAAe,IACd,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,MAAM,CAAC,OAAO,GACvB,CACH,IACG,GACF,EAEL,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC1B,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,CAAC,CAAC"}
|