@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,233 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
3
|
-
import { useRelocationOnComponent } from '../../../controllers/RelocationOnComponentController';
|
|
4
|
-
import { useResize } from '../../../controllers/ResizeController';
|
|
5
|
-
import { RlsIcon } from '../../atoms/Icon/Icon';
|
|
6
|
-
import { RlsSlider } from '../../molecules/Slider/Slider';
|
|
7
|
-
const MIN_SLIDER_VALUE = 50;
|
|
8
|
-
const MAX_SLIDER_VALUE = 100;
|
|
9
|
-
function getRatioFactor(ratio) {
|
|
10
|
-
switch (ratio) {
|
|
11
|
-
case '16:9':
|
|
12
|
-
return 9 / 16;
|
|
13
|
-
case '8:5':
|
|
14
|
-
return 5 / 8;
|
|
15
|
-
case '4:3':
|
|
16
|
-
return 3 / 4;
|
|
17
|
-
case '3:4':
|
|
18
|
-
return 4 / 3;
|
|
19
|
-
case '3:2':
|
|
20
|
-
return 2 / 3;
|
|
21
|
-
default:
|
|
22
|
-
return 1;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
function simpleThreeRule(a1, b1, a2) {
|
|
26
|
-
return (b1 * a2) / a1;
|
|
27
|
-
}
|
|
28
|
-
export function calculateImgDimension(image, dimension) {
|
|
29
|
-
let { height, width } = image;
|
|
30
|
-
if (height > width) {
|
|
31
|
-
height = height > dimension ? dimension : height;
|
|
32
|
-
width = simpleThreeRule(image.height, height, width);
|
|
33
|
-
return { height, width };
|
|
34
|
-
}
|
|
35
|
-
width = width > dimension ? dimension : width;
|
|
36
|
-
height = simpleThreeRule(image.width, width, height);
|
|
37
|
-
return { height, width };
|
|
38
|
-
}
|
|
39
|
-
function RlsImageEditorComponent(props) {
|
|
40
|
-
const [selection, setSelection] = useState(props.selection ?? 60);
|
|
41
|
-
const refBody = useRef(null);
|
|
42
|
-
const refImage = useRef(null);
|
|
43
|
-
const refSelection = useRef(null);
|
|
44
|
-
const refOverlayTop = useRef(null);
|
|
45
|
-
const refOverlayBottom = useRef(null);
|
|
46
|
-
const refOverlayLeft = useRef(null);
|
|
47
|
-
const refOverlayRight = useRef(null);
|
|
48
|
-
const refCanvas = useRef(null);
|
|
49
|
-
const refPicture = useRef(null);
|
|
50
|
-
const image = useRef(new Image());
|
|
51
|
-
const originalImage = useRef(undefined);
|
|
52
|
-
const hasInteracted = useRef(false);
|
|
53
|
-
const ratio = useMemo(() => {
|
|
54
|
-
return props.ratio || '1:1';
|
|
55
|
-
}, [props.ratio]);
|
|
56
|
-
const getCropProperties = useCallback(() => {
|
|
57
|
-
return {
|
|
58
|
-
height: simpleThreeRule(refImage.current.offsetHeight, image.current.height, refSelection.current.offsetHeight),
|
|
59
|
-
left: simpleThreeRule(refImage.current.offsetWidth, image.current.width, refSelection.current.offsetLeft),
|
|
60
|
-
top: simpleThreeRule(refImage.current.offsetHeight, image.current.height, refSelection.current.offsetTop),
|
|
61
|
-
width: simpleThreeRule(refImage.current.offsetWidth, image.current.width, refSelection.current.offsetWidth)
|
|
62
|
-
};
|
|
63
|
-
}, []);
|
|
64
|
-
const refreshOverlaysStyle = useCallback(() => {
|
|
65
|
-
const width = refSelection.current.offsetWidth;
|
|
66
|
-
const height = refSelection.current.offsetHeight;
|
|
67
|
-
const top = refSelection.current.offsetTop;
|
|
68
|
-
const left = refSelection.current.offsetLeft;
|
|
69
|
-
refOverlayTop.current.style.width = `${width}px`;
|
|
70
|
-
refOverlayTop.current.style.bottom = `calc(100% - ${top}px)`;
|
|
71
|
-
refOverlayTop.current.style.left = `${left}px`;
|
|
72
|
-
refOverlayRight.current.style.left = `calc(${width + left}px)`;
|
|
73
|
-
refOverlayRight.current.style.width = `calc(100% - ${width + left}px)`;
|
|
74
|
-
refOverlayBottom.current.style.width = `${width}px`;
|
|
75
|
-
refOverlayBottom.current.style.top = `calc(${height + top}px)`;
|
|
76
|
-
refOverlayBottom.current.style.left = `${left}px`;
|
|
77
|
-
refOverlayLeft.current.style.right = `calc(100% - ${left}px)`;
|
|
78
|
-
refOverlayLeft.current.style.width = `calc(${left}px)`;
|
|
79
|
-
}, []);
|
|
80
|
-
const refreshSelectionFromWidth = useCallback((rateSelection) => {
|
|
81
|
-
const ratioFactor = getRatioFactor(ratio);
|
|
82
|
-
const _ratio = rateSelection * ratioFactor;
|
|
83
|
-
const offsetWidth = refImage.current?.offsetWidth || 0;
|
|
84
|
-
const offsetHeight = refImage.current?.offsetHeight || 0;
|
|
85
|
-
let width = (offsetWidth * rateSelection) / 100;
|
|
86
|
-
let height = (offsetWidth * _ratio) / 100;
|
|
87
|
-
if (height > offsetHeight) {
|
|
88
|
-
height = offsetHeight;
|
|
89
|
-
width = height / ratioFactor;
|
|
90
|
-
}
|
|
91
|
-
return { height, width };
|
|
92
|
-
}, [ratio]);
|
|
93
|
-
const refreshSelectionFromHeight = useCallback((rateSelection) => {
|
|
94
|
-
const ratioFactor = getRatioFactor(ratio);
|
|
95
|
-
const _ratio = rateSelection / ratioFactor;
|
|
96
|
-
const offsetWidth = refImage.current?.offsetWidth || 0;
|
|
97
|
-
const offsetHeight = refImage.current?.offsetHeight || 0;
|
|
98
|
-
let height = (offsetHeight * rateSelection) / 100;
|
|
99
|
-
let width = (offsetHeight * _ratio) / 100;
|
|
100
|
-
if (width > offsetWidth) {
|
|
101
|
-
width = offsetWidth;
|
|
102
|
-
height = width * ratioFactor;
|
|
103
|
-
}
|
|
104
|
-
return { height, width };
|
|
105
|
-
}, [ratio]);
|
|
106
|
-
const refreshSelectionStyle = useCallback((rateSelection) => {
|
|
107
|
-
if (refSelection.current &&
|
|
108
|
-
image.current.width > 0 &&
|
|
109
|
-
image.current.height > 0) {
|
|
110
|
-
const { height, width } = image.current.width >= image.current.height
|
|
111
|
-
? refreshSelectionFromWidth(rateSelection)
|
|
112
|
-
: refreshSelectionFromHeight(rateSelection);
|
|
113
|
-
refSelection.current.style.width = `${width}px`;
|
|
114
|
-
refSelection.current.style.height = `${height}px`;
|
|
115
|
-
const left = refImage.current.offsetWidth - width;
|
|
116
|
-
const top = refImage.current.offsetHeight - height;
|
|
117
|
-
if (!hasInteracted.current) {
|
|
118
|
-
refSelection.current.style.left = `${left / 2}px`;
|
|
119
|
-
refSelection.current.style.top = `${top / 2}px`;
|
|
120
|
-
}
|
|
121
|
-
if (refSelection.current.offsetLeft + width >
|
|
122
|
-
refImage.current.offsetWidth) {
|
|
123
|
-
refSelection.current.style.left = `${left < 0 ? 0 : left}px`;
|
|
124
|
-
}
|
|
125
|
-
if (refSelection.current.offsetTop + height >
|
|
126
|
-
refImage.current.offsetHeight) {
|
|
127
|
-
refSelection.current.style.top = `${top < 0 ? 0 : top}px`;
|
|
128
|
-
}
|
|
129
|
-
refreshOverlaysStyle();
|
|
130
|
-
}
|
|
131
|
-
}, [ratio]);
|
|
132
|
-
const setImageStyle = useCallback((width, height) => {
|
|
133
|
-
refImage.current.style.width = width;
|
|
134
|
-
refImage.current.style.height = height;
|
|
135
|
-
refCanvas.current.style.width = width;
|
|
136
|
-
refCanvas.current.style.height = height;
|
|
137
|
-
}, []);
|
|
138
|
-
const refreshImageStyle = useCallback(() => {
|
|
139
|
-
if (image.current.width <= 0 || image.current.height <= 0) {
|
|
140
|
-
return setImageStyle('0px', '0px');
|
|
141
|
-
}
|
|
142
|
-
const height = (refBody.current.offsetWidth * image.current.height) /
|
|
143
|
-
image.current.width;
|
|
144
|
-
if (height <= refBody.current.offsetHeight) {
|
|
145
|
-
return setImageStyle('100%', `${height}px`);
|
|
146
|
-
}
|
|
147
|
-
const width = (refBody.current.offsetHeight * image.current.width) /
|
|
148
|
-
image.current.height;
|
|
149
|
-
return setImageStyle(`${width}px`, '100%');
|
|
150
|
-
}, []);
|
|
151
|
-
useEffect(() => {
|
|
152
|
-
image.current.onload = () => {
|
|
153
|
-
const context = refCanvas.current.getContext('2d', {
|
|
154
|
-
willReadFrequently: true
|
|
155
|
-
});
|
|
156
|
-
const width = image.current.width;
|
|
157
|
-
const height = image.current.height;
|
|
158
|
-
refCanvas.current.width = width;
|
|
159
|
-
refCanvas.current.height = height;
|
|
160
|
-
context?.drawImage(image.current, 0, 0, width, height);
|
|
161
|
-
originalImage.current = context?.getImageData(0, 0, width, height);
|
|
162
|
-
refreshImageStyle();
|
|
163
|
-
refreshSelectionStyle(selection);
|
|
164
|
-
};
|
|
165
|
-
window.addEventListener('resize', refreshImageStyle);
|
|
166
|
-
return () => {
|
|
167
|
-
window.removeEventListener('resize', refreshImageStyle);
|
|
168
|
-
};
|
|
169
|
-
}, []);
|
|
170
|
-
useEffect(() => {
|
|
171
|
-
image.current.src = props.src || '';
|
|
172
|
-
}, [props.src]);
|
|
173
|
-
useEffect(() => {
|
|
174
|
-
refreshSelectionStyle(selection);
|
|
175
|
-
}, [ratio, selection]);
|
|
176
|
-
const onResizeElement = useCallback(() => {
|
|
177
|
-
refreshSelectionStyle(selection);
|
|
178
|
-
}, [selection]);
|
|
179
|
-
useRelocationOnComponent({
|
|
180
|
-
container: refImage,
|
|
181
|
-
element: refSelection,
|
|
182
|
-
onDrag: () => {
|
|
183
|
-
hasInteracted.current = true;
|
|
184
|
-
refreshOverlaysStyle();
|
|
185
|
-
}
|
|
186
|
-
});
|
|
187
|
-
useResize({ refElement: refImage, onResize: onResizeElement });
|
|
188
|
-
const onCropImage = useCallback(() => {
|
|
189
|
-
const cropProps = getCropProperties();
|
|
190
|
-
const width = Math.round(props.maxWidth
|
|
191
|
-
? Math.min(props.maxWidth, cropProps.width)
|
|
192
|
-
: cropProps.width);
|
|
193
|
-
const height = Math.round(width * getRatioFactor(ratio));
|
|
194
|
-
refPicture.current.width = width;
|
|
195
|
-
refPicture.current.height = height;
|
|
196
|
-
const context = refPicture.current.getContext('2d');
|
|
197
|
-
if (context) {
|
|
198
|
-
context.imageSmoothingEnabled = true;
|
|
199
|
-
context.imageSmoothingQuality = 'high';
|
|
200
|
-
}
|
|
201
|
-
context?.drawImage(refCanvas.current, cropProps.left, cropProps.top, cropProps.width, cropProps.height, 0, 0, width, height);
|
|
202
|
-
refPicture.current.toBlob((blob) => {
|
|
203
|
-
if (blob) {
|
|
204
|
-
const reader = new FileReader();
|
|
205
|
-
reader.readAsDataURL(blob);
|
|
206
|
-
reader.onloadend = function () {
|
|
207
|
-
const value = {
|
|
208
|
-
base64: reader.result,
|
|
209
|
-
blob
|
|
210
|
-
};
|
|
211
|
-
props.onValue?.(value);
|
|
212
|
-
props.formControl?.setValue(value);
|
|
213
|
-
};
|
|
214
|
-
}
|
|
215
|
-
}, props.mimeType || 'image/jpeg', props.quality || 1);
|
|
216
|
-
}, [
|
|
217
|
-
ratio,
|
|
218
|
-
props.mimeType,
|
|
219
|
-
props.onValue,
|
|
220
|
-
props.formControl,
|
|
221
|
-
props.maxWidth,
|
|
222
|
-
props.quality
|
|
223
|
-
]);
|
|
224
|
-
const onRestore = useCallback(() => {
|
|
225
|
-
const context = refCanvas.current.getContext('2d');
|
|
226
|
-
if (originalImage.current) {
|
|
227
|
-
context?.putImageData(originalImage.current, 0, 0);
|
|
228
|
-
}
|
|
229
|
-
}, []);
|
|
230
|
-
return (_jsxs("div", { className: "rls-image-editor", "rls-size": props.rlsSize, children: [_jsx("div", { ref: refBody, className: "rls-image-editor__body", children: _jsxs("div", { ref: refImage, className: "rls-image-editor__body__image", children: [_jsx("div", { ref: refSelection, className: "rls-image-editor__body__selection" }), _jsx("div", { ref: refOverlayTop, className: "rls-image-editor__body__overlay--top" }), _jsx("div", { ref: refOverlayRight, className: "rls-image-editor__body__overlay--right" }), _jsx("div", { ref: refOverlayBottom, className: "rls-image-editor__body__overlay--bottom" }), _jsx("div", { ref: refOverlayLeft, className: "rls-image-editor__body__overlay--left" }), _jsx("canvas", { ref: refCanvas })] }) }), _jsxs("div", { className: "rls-image-editor__footer", children: [_jsx("div", { className: "rls-image-editor__sliders", children: _jsx(RlsSlider, { prefixIcon: "crop", value: selection, minValue: MIN_SLIDER_VALUE, maxValue: MAX_SLIDER_VALUE, onValue: setSelection, disabled: props.disabled }) }), _jsxs("div", { className: "rls-image-editor__actions", children: [props.children, _jsx("button", { className: "rls-image-editor__action", "rls-theme": "standard", onClick: onRestore, disabled: props.disabled, children: _jsx(RlsIcon, { value: "refresh" }) }), _jsx("button", { className: "rls-image-editor__action", "rls-theme": "success", onClick: onCropImage, disabled: props.disabled, children: _jsx(RlsIcon, { value: "checkmark-circle-out" }) })] })] }), _jsx("canvas", { ref: refPicture })] }));
|
|
231
|
-
}
|
|
232
|
-
export const RlsImageEditor = memo(RlsImageEditorComponent);
|
|
233
|
-
//# sourceMappingURL=ImageEditor.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ImageEditor.js","sourceRoot":"","sources":["../../../../../src/components/organisms/ImageEditor/ImageEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from 'react';
|
|
3
|
-
import { RlsImageEditor } from '../ImageEditor/ImageEditor';
|
|
4
|
-
import { RlsModal } from '../Modal/Modal';
|
|
5
|
-
function RlsImageEditorModalComponent(props) {
|
|
6
|
-
return (_jsx(RlsModal, { className: "rls-image-editor-modal", visible: props.visible, children: _jsx(RlsImageEditor, { ...props, children: props.children }) }));
|
|
7
|
-
}
|
|
8
|
-
export const RlsImageEditorModal = memo(RlsImageEditorModalComponent);
|
|
9
|
-
//# sourceMappingURL=ImageEditorModal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ImageEditorModal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/ImageEditorModal/ImageEditorModal.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAG7B,OAAO,EAAoB,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAiB1C,SAAS,4BAA4B,CAAC,KAA4B;IAChE,OAAO,CACL,KAAC,QAAQ,IAAC,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,KAAK,CAAC,OAAO,YACjE,KAAC,cAAc,OAAK,KAAK,YAAG,KAAK,CAAC,QAAQ,GAAkB,GACnD,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,CAAC,4BAA4B,CAAC,CAAC"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { PickerListenerEvent } from '@rolster/components';
|
|
3
|
-
import { memo, useCallback, useMemo, useState } from 'react';
|
|
4
|
-
import { hexIsValid, normalizeHex } from '../../../helpers/color';
|
|
5
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
6
|
-
import { RlsLed } from '../../atoms/Led/Led';
|
|
7
|
-
import { RlsModal } from '../Modal/Modal';
|
|
8
|
-
import { RlsPickerColor } from '../PickerColor/PickerColor';
|
|
9
|
-
function RlsLedColorComponent({ className, color, disabled: disabledProps, formControl, identifier, rlsSize, onValue, readOnly, rlsTheme, value: valueInitial }) {
|
|
10
|
-
const [value, setValue] = useState(formControl?.value ?? valueInitial);
|
|
11
|
-
const [modalIsVisible, setModalIsVisible] = useState(false);
|
|
12
|
-
const [pickerKey, setPickerKey] = useState(0);
|
|
13
|
-
const colorValue = useMemo(() => {
|
|
14
|
-
return formControl ? formControl.value : value;
|
|
15
|
-
}, [formControl?.value, value]);
|
|
16
|
-
const disabled = useMemo(() => {
|
|
17
|
-
return formControl?.disabled || disabledProps;
|
|
18
|
-
}, [formControl?.disabled, disabledProps]);
|
|
19
|
-
const ledColor = useMemo(() => {
|
|
20
|
-
return colorValue && hexIsValid(colorValue)
|
|
21
|
-
? normalizeHex(colorValue)
|
|
22
|
-
: undefined;
|
|
23
|
-
}, [colorValue]);
|
|
24
|
-
const classNameLed = renderClassStatus('rls-led-color', { disabled, error: formControl?.wrong, readonly: readOnly }, className);
|
|
25
|
-
const onChange = useCallback((value) => {
|
|
26
|
-
setValue(value);
|
|
27
|
-
onValue?.(value);
|
|
28
|
-
}, [onValue]);
|
|
29
|
-
const onClickLed = useCallback(() => {
|
|
30
|
-
if (!disabled && !readOnly) {
|
|
31
|
-
setPickerKey((key) => key + 1);
|
|
32
|
-
setModalIsVisible(true);
|
|
33
|
-
}
|
|
34
|
-
}, [disabled, readOnly]);
|
|
35
|
-
const onListener = useCallback(({ event, value }) => {
|
|
36
|
-
if (event !== PickerListenerEvent.Cancel) {
|
|
37
|
-
onChange(value);
|
|
38
|
-
}
|
|
39
|
-
formControl?.touch();
|
|
40
|
-
setModalIsVisible(false);
|
|
41
|
-
}, [formControl, onChange]);
|
|
42
|
-
const onBackdrop = useCallback(() => {
|
|
43
|
-
setModalIsVisible(false);
|
|
44
|
-
}, []);
|
|
45
|
-
return (_jsxs("div", { id: identifier, className: classNameLed, "rls-size": rlsSize, "rls-theme": rlsTheme, children: [_jsx("button", { className: "rls-led-color__trigger", type: "button", disabled: disabled, onClick: onClickLed, children: _jsx(RlsLed, { color: ledColor, rlsTheme: rlsTheme }) }), _jsx(RlsModal, { className: "rls-modal-color", visible: modalIsVisible, rlsSize: rlsSize, rlsTheme: rlsTheme, onBackdrop: onBackdrop, children: _jsx(RlsPickerColor, { formControl: formControl, color: ledColor ?? color, disabled: disabled, onListener: onListener }, pickerKey) })] }));
|
|
46
|
-
}
|
|
47
|
-
export const RlsLedColor = memo(RlsLedColorComponent);
|
|
48
|
-
//# sourceMappingURL=LedColor.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LedColor.js","sourceRoot":"","sources":["../../../../../src/components/organisms/LedColor/LedColor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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 RlsModalComponent({ autoclose, children, className, controller, rlsSize, onBackdrop, visible, rlsTheme }) {
|
|
6
|
-
const classNameModal = renderClassStatus('rls-modal', { 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: classNameModal, "rls-size": rlsSize, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-modal__component", children: children }), _jsx("div", { className: "rls-modal__backdrop", onClick: onClickBackdrop })] }), document.body);
|
|
14
|
-
}
|
|
15
|
-
export const RlsModal = memo(RlsModalComponent);
|
|
16
|
-
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.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,iBAAiB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,UAAU,EACV,OAAO,EACP,QAAQ,EACG;IACX,MAAM,cAAc,GAAG,iBAAiB,CACtC,WAAW,EACX,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,sBAAsB,YAAE,QAAQ,GAAO,EAEtD,cAAK,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,eAAe,GAAQ,IACjE,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { PickerListenerEvent } from '@rolster/components';
|
|
3
|
-
import { memo, useCallback } from 'react';
|
|
4
|
-
import { RlsModal } from '../Modal/Modal';
|
|
5
|
-
import { RlsPickerClock } from '../PickerClock/PickerClock';
|
|
6
|
-
function RlsModalClockComponent({ controller, disabled, formControl, rlsSize, onClose, rlsTheme, time, visible }) {
|
|
7
|
-
const onListener = useCallback(({ event, value }) => {
|
|
8
|
-
onClose?.(event !== PickerListenerEvent.Cancel ? value : undefined);
|
|
9
|
-
controller?.close();
|
|
10
|
-
}, [onClose, controller]);
|
|
11
|
-
return (_jsx(RlsModal, { className: "rls-modal-clock", controller: controller, visible: visible, rlsSize: rlsSize, rlsTheme: rlsTheme, children: _jsx(RlsPickerClock, { formControl: formControl, time: time, disabled: disabled, onListener: onListener }) }));
|
|
12
|
-
}
|
|
13
|
-
export const RlsModalClock = memo(RlsModalClockComponent);
|
|
14
|
-
//# sourceMappingURL=ModalClock.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalClock.js","sourceRoot":"","sources":["../../../../../src/components/organisms/ModalClock/ModalClock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAG1E,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAa5D,SAAS,sBAAsB,CAAC,EAC9B,UAAU,EACV,QAAQ,EACR,WAAW,EACX,OAAO,EACP,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,OAAO,EACS;IAChB,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAwB,EAAE,EAAE;QACzC,OAAO,EAAE,CAAC,KAAK,KAAK,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QACpE,UAAU,EAAE,KAAK,EAAE,CAAC;IACtB,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACtB,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAC,iBAAiB,EAC3B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,YAElB,KAAC,cAAc,IACb,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,GACtB,GACO,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { PickerListenerEvent } from '@rolster/components';
|
|
3
|
-
import { memo, useCallback } from 'react';
|
|
4
|
-
import { RlsModal } from '../Modal/Modal';
|
|
5
|
-
import { RlsPickerDate } from '../PickerDate/PickerDate';
|
|
6
|
-
function RlsModalDateComponent({ automatic, controller, date, disabled, formControl, maxDate, minDate, rlsSize, onClose, rlsTheme, visible }) {
|
|
7
|
-
const onListener = useCallback(({ event, value }) => {
|
|
8
|
-
onClose?.(event !== PickerListenerEvent.Cancel ? value : undefined);
|
|
9
|
-
controller?.close();
|
|
10
|
-
}, [onClose, controller]);
|
|
11
|
-
return (_jsx(RlsModal, { className: "rls-modal-date", controller: controller, visible: visible, rlsSize: rlsSize, rlsTheme: rlsTheme, children: _jsx(RlsPickerDate, { automatic: automatic, formControl: formControl, date: date, disabled: disabled, maxDate: maxDate, minDate: minDate, onListener: onListener }) }));
|
|
12
|
-
}
|
|
13
|
-
export const RlsModalDate = memo(RlsModalDateComponent);
|
|
14
|
-
//# sourceMappingURL=ModalDate.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/ModalDate/ModalDate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAgBzD,SAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACQ;IACf,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAwB,EAAE,EAAE;QACzC,OAAO,EAAE,CAAC,KAAK,KAAK,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QACpE,UAAU,EAAE,KAAK,EAAE,CAAC;IACtB,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACtB,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAC,gBAAgB,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,YAElB,KAAC,aAAa,IACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,GACtB,GACO,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { PickerListenerEvent } from '@rolster/components';
|
|
3
|
-
import { memo, useCallback } from 'react';
|
|
4
|
-
import { RlsModal } from '../Modal/Modal';
|
|
5
|
-
import { RlsPickerDateRange } from '../PickerDateRange/PickerDateRange';
|
|
6
|
-
function RlsModalDateRangeComponent({ automatic, controller, date, disabled, formControl, maxDate, minDate, rlsSize, onClose, rlsTheme, visible }) {
|
|
7
|
-
const onListener = useCallback(({ event, value }) => {
|
|
8
|
-
onClose?.(event !== PickerListenerEvent.Cancel ? value : undefined);
|
|
9
|
-
controller?.close();
|
|
10
|
-
}, [onClose, controller]);
|
|
11
|
-
return (_jsx(RlsModal, { className: "rls-modal-date-range", controller: controller, visible: visible, rlsSize: rlsSize, rlsTheme: rlsTheme, children: _jsx(RlsPickerDateRange, { automatic: automatic, formControl: formControl, date: date, disabled: disabled, maxDate: maxDate, minDate: minDate, onListener: onListener }) }));
|
|
12
|
-
}
|
|
13
|
-
export const RlsModalDateRange = memo(RlsModalDateRangeComponent);
|
|
14
|
-
//# sourceMappingURL=ModalDateRange.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDateRange.js","sourceRoot":"","sources":["../../../../../src/components/organisms/ModalDateRange/ModalDateRange.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAG1E,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAgBxE,SAAS,0BAA0B,CAAC,EAClC,SAAS,EACT,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,QAAQ,EACR,OAAO,EACa;IACpB,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,EAAE,KAAK,EAAE,KAAK,EAA6B,EAAE,EAAE;QAC9C,OAAO,EAAE,CAAC,KAAK,KAAK,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QACpE,UAAU,EAAE,KAAK,EAAE,CAAC;IACtB,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACtB,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAC,sBAAsB,EAChC,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,YAElB,KAAC,kBAAkB,IACjB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,GACtB,GACO,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,CAAC,0BAA0B,CAAC,CAAC"}
|
|
@@ -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 RlsModalSheetComponent({ autoclose, children, className, controller, rlsSize, onAutoClose, visible, rlsTheme }) {
|
|
6
|
-
const classNameModal = renderClassStatus('rls-modal-sheet', { visible: controller?.visible ?? visible }, className);
|
|
7
|
-
const onClickBackdrop = useCallback(() => {
|
|
8
|
-
if (autoclose) {
|
|
9
|
-
controller?.close();
|
|
10
|
-
}
|
|
11
|
-
onAutoClose?.();
|
|
12
|
-
}, [autoclose, controller, onAutoClose]);
|
|
13
|
-
return ReactDOM.createPortal(_jsxs("div", { className: classNameModal, "rls-size": rlsSize, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-modal-sheet__component", children: children }), _jsx("div", { className: "rls-modal-sheet__backdrop", onClick: onClickBackdrop })] }), document.body);
|
|
14
|
-
}
|
|
15
|
-
export const RlsModalSheet = memo(RlsModalSheetComponent);
|
|
16
|
-
//# sourceMappingURL=ModalSheet.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalSheet.js","sourceRoot":"","sources":["../../../../../src/components/organisms/ModalSheet/ModalSheet.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,sBAAsB,CAAC,EAC9B,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,WAAW,EACX,OAAO,EACP,QAAQ,EACQ;IAChB,MAAM,cAAc,GAAG,iBAAiB,CACtC,iBAAiB,EACjB,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;QAED,WAAW,EAAE,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAEzC,OAAO,QAAQ,CAAC,YAAY,CAC1B,eAAK,SAAS,EAAE,cAAc,cAAY,OAAO,eAAa,QAAQ,aACpE,cAAK,SAAS,EAAC,4BAA4B,YAAE,QAAQ,GAAO,EAE5D,cACE,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,eAAe,GACnB,IACH,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC"}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
3
|
-
import ReactDOM from 'react-dom';
|
|
4
|
-
import { renderClassStatus } from '../../../helpers/css';
|
|
5
|
-
import { RlsIcon } from '../../atoms/Icon/Icon';
|
|
6
|
-
const DURATION_ANIMATION = 240;
|
|
7
|
-
const DURATION_DEFAULT = 4000;
|
|
8
|
-
let _id = 0;
|
|
9
|
-
function generateId() {
|
|
10
|
-
return `rls-notification-${++_id}`;
|
|
11
|
-
}
|
|
12
|
-
function RlsNotification({ content, icon, rlsSize, onClose, rlsTheme, title, visible }) {
|
|
13
|
-
const className = renderClassStatus('rls-notification', { visible });
|
|
14
|
-
return (_jsxs("div", { className: className, "rls-size": rlsSize, "rls-theme": rlsTheme, children: [icon && (_jsx("div", { className: "rls-notification__avatar", children: _jsx(RlsIcon, { value: icon }) })), _jsxs("div", { className: "rls-notification__component", children: [_jsxs("div", { className: "rls-notification__header", children: [_jsx("div", { className: "rls-notification__title", children: title }), _jsx("button", { onClick: onClose, children: _jsx(RlsIcon, { value: "close" }) })] }), _jsx("div", { className: "rls-notification__content", children: content })] })] }));
|
|
15
|
-
}
|
|
16
|
-
export function useNotifications() {
|
|
17
|
-
const [notifications, setNotifications] = useState([]);
|
|
18
|
-
const timersRef = useRef(new Map());
|
|
19
|
-
const notificationsRef = useRef(notifications);
|
|
20
|
-
notificationsRef.current = notifications;
|
|
21
|
-
useEffect(() => {
|
|
22
|
-
const timers = timersRef.current;
|
|
23
|
-
return () => {
|
|
24
|
-
timers.forEach((timer) => clearTimeout(timer));
|
|
25
|
-
timers.clear();
|
|
26
|
-
};
|
|
27
|
-
}, []);
|
|
28
|
-
const remove = useCallback((id) => {
|
|
29
|
-
const timer = timersRef.current.get(id);
|
|
30
|
-
if (timer) {
|
|
31
|
-
clearTimeout(timer);
|
|
32
|
-
timersRef.current.delete(id);
|
|
33
|
-
}
|
|
34
|
-
setNotifications((notifications) => notifications.map((notification) => notification.id === id
|
|
35
|
-
? { ...notification, visible: false }
|
|
36
|
-
: notification));
|
|
37
|
-
setTimeout(() => {
|
|
38
|
-
setNotifications((notifications) => notifications.filter((notification) => notification.id !== id));
|
|
39
|
-
}, DURATION_ANIMATION);
|
|
40
|
-
}, []);
|
|
41
|
-
const RlsNotifications = useMemo(() => {
|
|
42
|
-
return function RlsNotifications({ rlsSize, ...props }) {
|
|
43
|
-
const className = renderClassStatus('rls-notifications', {
|
|
44
|
-
visible: notificationsRef.current.length > 0
|
|
45
|
-
});
|
|
46
|
-
return ReactDOM.createPortal(_jsx("div", { className: className, "rls-size": rlsSize, ...props, children: notificationsRef.current.map((notification) => (_jsx(RlsNotification, { ...notification.config, visible: notification.visible, onClose: () => remove(notification.id) }, notification.id))) }), document.body);
|
|
47
|
-
};
|
|
48
|
-
}, [remove]);
|
|
49
|
-
const notify = useCallback((config) => {
|
|
50
|
-
const id = generateId();
|
|
51
|
-
const duration = config.duration ?? DURATION_DEFAULT;
|
|
52
|
-
setNotifications((notifications) => [
|
|
53
|
-
...notifications,
|
|
54
|
-
{ id, config, visible: false }
|
|
55
|
-
]);
|
|
56
|
-
requestAnimationFrame(() => {
|
|
57
|
-
requestAnimationFrame(() => {
|
|
58
|
-
setNotifications((notifications) => notifications.map((notification) => notification.id === id
|
|
59
|
-
? { ...notification, visible: true }
|
|
60
|
-
: notification));
|
|
61
|
-
});
|
|
62
|
-
});
|
|
63
|
-
const timer = setTimeout(() => {
|
|
64
|
-
remove(id);
|
|
65
|
-
}, duration);
|
|
66
|
-
timersRef.current.set(id, timer);
|
|
67
|
-
}, [remove]);
|
|
68
|
-
return {
|
|
69
|
-
RlsNotifications,
|
|
70
|
-
notify
|
|
71
|
-
};
|
|
72
|
-
}
|
|
73
|
-
//# sourceMappingURL=Notifications.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Notifications.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Notifications/Notifications.tsx"],"names":[],"mappings":"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"}
|