colibri-ui 0.7.154 → 0.8.1
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/.babelrc +7 -0
- package/.config/jest/__mocks__/noop.js +1 -0
- package/.config/jest/jest.config.ts +207 -0
- package/.config/jest/jest.setup.ts +4 -0
- package/.prettierignore +5 -0
- package/.prettierrc +8 -0
- package/.storybook/AddonThemesSwitcher/constants.ts +7 -0
- package/.storybook/AddonThemesSwitcher/index.ts +45 -0
- package/.storybook/AddonThemesSwitcher/register.tsx +79 -0
- package/.storybook/main.ts +18 -0
- package/.storybook/manager.tsx +1 -0
- package/.storybook/preview-head.html +19 -0
- package/.storybook/preview.tsx +14 -0
- package/.stylelintrc.json +17 -0
- package/@types/image.d.ts +5 -0
- package/@types/typings.d.ts +2 -0
- package/eslint.config.mjs +83 -0
- package/package.json +86 -4
- package/rollup.config.js +81 -0
- package/scripts/buildSass.js +23 -0
- package/scripts/copyFiles.js +32 -0
- package/scripts/postbuild.js +52 -0
- package/scripts/transformCSS.js +35 -0
- package/scripts/updateImports.js +16 -0
- package/scripts/variables.ts +29 -0
- package/{Accordion/Accordion.module.css → src/components/Accordion/Accordion.module.scss} +9 -7
- package/src/components/Accordion/Accordion.stories.tsx +47 -0
- package/src/components/Accordion/index.tsx +71 -0
- package/{Avatar/Avatar.module.css → src/components/Avatar/Avatar.module.scss} +4 -3
- package/src/components/Avatar/assets/org-circle.svg +1 -0
- package/src/components/Avatar/assets/user-circle.svg +1 -0
- package/src/components/Avatar/constants.ts +7 -0
- package/src/components/Avatar/index.props.ts +17 -0
- package/src/components/Avatar/index.stories.tsx +36 -0
- package/src/components/Avatar/index.tsx +49 -0
- package/{esm/Badge/Badge.module.css → src/components/Badge/Badge.module.scss} +16 -13
- package/{esm/Badge/Control/Control.module.css → src/components/Badge/Control/Control.module.scss} +1 -1
- package/{esm/Badge/Control/index.props.d.ts → src/components/Badge/Control/index.props.ts} +1 -1
- package/src/components/Badge/Control/index.tsx +16 -0
- package/src/components/Badge/__tests__/Badge.test.tsx +27 -0
- package/src/components/Badge/__tests__/__snapshots__/Badge.test.tsx.snap +28 -0
- package/src/components/Badge/index.props.ts +12 -0
- package/src/components/Badge/index.stories.tsx +68 -0
- package/src/components/Badge/index.tsx +60 -0
- package/src/components/Button/Button.module.scss +265 -0
- package/src/components/Button/index.props.ts +23 -0
- package/src/components/Button/index.stories.tsx +109 -0
- package/src/components/Button/index.tsx +50 -0
- package/src/components/Calendar/components/ContinueButton/index.module.scss +6 -0
- package/src/components/Calendar/components/ContinueButton/index.tsx +45 -0
- package/src/components/Calendar/components/Month/Month.tsx +172 -0
- package/{esm/Calendar/components/Month/index.module.css → src/components/Calendar/components/Month/index.module.scss} +62 -48
- package/{esm/Calendar/components/Presets/index.module.css → src/components/Calendar/components/Presets/index.module.scss} +14 -11
- package/src/components/Calendar/components/Presets/index.tsx +48 -0
- package/{Calendar/index.module.css → src/components/Calendar/index.module.scss} +51 -37
- package/src/components/Calendar/index.props.ts +34 -0
- package/src/components/Calendar/index.stories.tsx +45 -0
- package/src/components/Calendar/index.tsx +251 -0
- package/src/components/Calendar/utils/__tests__/getNumberOfMonthsBetweenDates.test.ts +27 -0
- package/src/components/Calendar/utils/getMonthWeeks.ts +135 -0
- package/src/components/Calendar/utils/getNumberOfMonthsBetweenDates.ts +28 -0
- package/src/components/Calendar/utils/getPresets.ts +114 -0
- package/src/components/Calendar/utils/getStartMonth.ts +19 -0
- package/src/components/Checkbox/Checkbox.module.scss +106 -0
- package/src/components/Checkbox/index.props.ts +18 -0
- package/src/components/Checkbox/index.stories.tsx +76 -0
- package/src/components/Checkbox/index.tsx +61 -0
- package/src/components/Chip/Chip.module.scss +93 -0
- package/src/components/Chip/index.props.ts +10 -0
- package/src/components/Chip/index.stories.tsx +97 -0
- package/src/components/Chip/index.tsx +52 -0
- package/src/components/ClickOutside/index.tsx +36 -0
- package/{esm/Counter/Counter.module.css → src/components/Counter/Counter.module.scss} +9 -7
- package/src/components/Counter/index.props.ts +9 -0
- package/src/components/Counter/index.stories.tsx +40 -0
- package/src/components/Counter/index.tsx +67 -0
- package/{esm/Datepicker/Datepicker.module.css → src/components/Datepicker/Datepicker.module.scss} +1 -1
- package/{esm/Datepicker/components/DatePicker/index.module.css → src/components/Datepicker/components/DatePicker/index.module.scss} +2 -0
- package/src/components/Datepicker/components/DatePicker/index.props.ts +5 -0
- package/src/components/Datepicker/components/DatePicker/index.tsx +75 -0
- package/src/components/Datepicker/components/TimePicker/Label/index.tsx +20 -0
- package/src/components/Datepicker/components/TimePicker/helpers.ts +42 -0
- package/{esm/Datepicker/components/TimePicker/index.module.css → src/components/Datepicker/components/TimePicker/index.module.scss} +1 -1
- package/src/components/Datepicker/components/TimePicker/index.props.ts +8 -0
- package/src/components/Datepicker/components/TimePicker/index.tsx +60 -0
- package/src/components/Datepicker/index.props.ts +7 -0
- package/src/components/Datepicker/index.stories.tsx +29 -0
- package/src/components/Datepicker/index.tsx +23 -0
- package/{esm/DotsLoader/DotsLoader.module.css → src/components/DotsLoader/DotsLoader.module.scss} +19 -12
- package/src/components/DotsLoader/index.stories.tsx +26 -0
- package/src/components/DotsLoader/index.tsx +29 -0
- package/{esm/Dropdown/Dropdown.module.css → src/components/Dropdown/Dropdown.module.scss} +1 -1
- package/src/components/Dropdown/__tests__/Dropdown.test.tsx +75 -0
- package/src/components/Dropdown/index.props.ts +27 -0
- package/src/components/Dropdown/index.stories.tsx +40 -0
- package/src/components/Dropdown/index.tsx +210 -0
- package/{esm/Grid/Grid.module.css → src/components/Grid/Grid.module.scss} +2 -1
- package/{Grid/Item/Grid-Item.module.css → src/components/Grid/Item/Grid-Item.module.scss} +2 -2
- package/{esm/Grid/Item/index.props.d.ts → src/components/Grid/Item/index.props.ts} +4 -3
- package/src/components/Grid/Item/index.tsx +21 -0
- package/src/components/Grid/index.props.ts +6 -0
- package/src/components/Grid/index.stories.tsx +56 -0
- package/src/components/Grid/index.tsx +26 -0
- package/src/components/Icons/ArrowNext.tsx +27 -0
- package/src/components/Icons/Cart.tsx +23 -0
- package/src/components/Icons/Check.tsx +32 -0
- package/src/components/Icons/Chevron.tsx +27 -0
- package/src/components/Icons/Close.tsx +21 -0
- package/src/components/Icons/CrossFill.tsx +22 -0
- package/src/components/Icons/Edit.tsx +25 -0
- package/src/components/Icons/Exit.tsx +26 -0
- package/src/components/Icons/EyeClosed.tsx +22 -0
- package/src/components/Icons/EyeOpen.tsx +30 -0
- package/src/components/Icons/Help.tsx +20 -0
- package/src/components/Icons/Info.tsx +25 -0
- package/src/components/Icons/Minus.tsx +26 -0
- package/src/components/Icons/More.tsx +24 -0
- package/src/components/Icons/Plus.tsx +25 -0
- package/src/components/Icons/Setting.tsx +28 -0
- package/src/components/Icons/Trash.tsx +27 -0
- package/src/components/Icons/User.tsx +33 -0
- package/{esm/Icons/index.props.d.ts → src/components/Icons/index.props.ts} +5 -4
- package/src/components/Icons/index.stories.tsx +71 -0
- package/src/components/Image/Image.module.scss +16 -0
- package/src/components/Image/index.props.ts +14 -0
- package/src/components/Image/index.stories.tsx +23 -0
- package/src/components/Image/index.tsx +67 -0
- package/src/components/Input/index.props.ts +25 -0
- package/src/components/Input/index.stories.tsx +70 -0
- package/src/components/Input/index.tsx +49 -0
- package/src/components/InputRadio/InputRadio.module.scss +117 -0
- package/src/components/InputRadio/index.tsx +108 -0
- package/{Menu/Menu.module.css → src/components/Menu/Menu.module.scss} +1 -1
- package/src/components/Menu/__tests__/Menu.test.tsx +46 -0
- package/src/components/Menu/components/MenuItem/MenuItem.module.scss +44 -0
- package/src/components/Menu/components/MenuItem/index.props.ts +11 -0
- package/src/components/Menu/components/MenuItem/index.tsx +41 -0
- package/src/components/Menu/index.props.ts +13 -0
- package/src/components/Menu/index.stories.tsx +36 -0
- package/src/components/Menu/index.tsx +49 -0
- package/{esm/Modal/Modal.module.css → src/components/Modal/Modal.module.scss} +14 -12
- package/{esm/Modal/components/Close/Close.module.css → src/components/Modal/components/Close/Close.module.scss} +1 -1
- package/src/components/Modal/components/Close/index.tsx +12 -0
- package/{Modal/components/Content/Content.module.css → src/components/Modal/components/Content/Content.module.scss} +1 -1
- package/src/components/Modal/components/Content/index.tsx +10 -0
- package/{esm/Modal/components/Title/Title.module.css → src/components/Modal/components/Title/Title.module.scss} +1 -1
- package/src/components/Modal/components/Title/index.tsx +15 -0
- package/src/components/Modal/index.props.ts +5 -0
- package/src/components/Modal/index.stories.tsx +32 -0
- package/src/components/Modal/index.tsx +76 -0
- package/{esm/MultiSelect/components/MenuOverlay/index.module.css → src/components/MultiSelect/components/MenuOverlay/index.module.scss} +1 -1
- package/src/components/MultiSelect/components/MenuOverlay/index.tsx +120 -0
- package/src/components/MultiSelect/components/MenuOverlayItem/index.tsx +28 -0
- package/{esm/MultiSelect/index.module.css → src/components/MultiSelect/index.module.scss} +9 -6
- package/src/components/MultiSelect/index.props.ts +37 -0
- package/src/components/MultiSelect/index.stories.tsx +62 -0
- package/src/components/MultiSelect/index.tsx +171 -0
- package/src/components/MultiSelect/utils/index.ts +6 -0
- package/src/components/Portal/index.tsx +18 -0
- package/src/components/RadioGroup/Radio.tsx +56 -0
- package/src/components/RadioGroup/RadioGroup.module.scss +37 -0
- package/src/components/RadioGroup/RadioGroup.stories.tsx +101 -0
- package/src/components/RadioGroup/index.tsx +92 -0
- package/src/components/Select/__tests__/Select.test.tsx +37 -0
- package/{Select/components/MenuOverlay/index.module.css → src/components/Select/components/MenuOverlay/index.module.scss} +1 -1
- package/src/components/Select/components/MenuOverlay/index.tsx +66 -0
- package/src/components/Select/components/MenuOverlayItem/index.tsx +53 -0
- package/{Select/index.module.css → src/components/Select/index.module.scss} +15 -11
- package/src/components/Select/index.props.ts +32 -0
- package/src/components/Select/index.stories.tsx +52 -0
- package/src/components/Select/index.tsx +106 -0
- package/{Separator/Separator.module.css → src/components/Separator/Separator.module.scss} +1 -1
- package/src/components/Separator/Separator.stories.tsx +12 -0
- package/src/components/Separator/index.tsx +14 -0
- package/src/components/Skeleton/Skeleton.module.scss +39 -0
- package/src/components/Skeleton/index.props.ts +12 -0
- package/src/components/Skeleton/index.stories.tsx +45 -0
- package/src/components/Skeleton/index.tsx +24 -0
- package/src/components/Status/index.module.scss +54 -0
- package/src/components/Status/index.props.ts +14 -0
- package/src/components/Status/index.stories.tsx +42 -0
- package/src/components/Status/index.tsx +22 -0
- package/{esm/Switch/Switch.module.css → src/components/Switch/Switch.module.scss} +21 -15
- package/src/components/Switch/index.props.ts +8 -0
- package/src/components/Switch/index.stories.tsx +27 -0
- package/src/components/Switch/index.tsx +40 -0
- package/src/components/TabsMenu/Tab/Tab.module.scss +78 -0
- package/src/components/TabsMenu/Tab/Tab.props.ts +20 -0
- package/src/components/TabsMenu/Tab/Tab.tsx +40 -0
- package/{TabsMenu/TabsMenu.module.css → src/components/TabsMenu/TabsMenu.module.scss} +1 -1
- package/src/components/TabsMenu/index.props.ts +13 -0
- package/src/components/TabsMenu/index.stories.tsx +40 -0
- package/src/components/TabsMenu/index.tsx +110 -0
- package/src/components/TabsPanes/Pane/Pane.tsx +14 -0
- package/src/components/TabsPanes/Pane/index.props.ts +8 -0
- package/src/components/TabsPanes/__tests__/TabsPanes.test.tsx +39 -0
- package/src/components/TabsPanes/__tests__/__snapshots__/TabsPanes.test.tsx.snap +189 -0
- package/{TabsPanes/index.props.d.ts → src/components/TabsPanes/index.props.ts} +5 -4
- package/src/components/TabsPanes/index.stories.tsx +29 -0
- package/src/components/TabsPanes/index.tsx +37 -0
- package/{esm/TextArea/TextArea.module.css → src/components/TextArea/TextArea.module.scss} +4 -3
- package/src/components/TextArea/index.props.ts +23 -0
- package/src/components/TextArea/index.stories.tsx +33 -0
- package/src/components/TextArea/index.tsx +56 -0
- package/src/components/Theme/breakpoints.ts +52 -0
- package/src/components/Theme/colors/common.ts +31 -0
- package/src/components/Theme/colors/index.ts +9 -0
- package/{esm/Theme/colors/theme_buenos_aires.js → src/components/Theme/colors/theme_buenos_aires.ts} +23 -14
- package/{esm/Theme/colors/theme_default.js → src/components/Theme/colors/theme_default.ts} +19 -12
- package/src/components/Theme/global.scss +59 -0
- package/src/components/Theme/index.stories.tsx +70 -0
- package/src/components/Theme/index.tsx +7 -0
- package/{esm/Theme/themes/buenos_aires.js → src/components/Theme/themes/buenos_aires.ts} +18 -5
- package/{esm/Theme/themes/default.js → src/components/Theme/themes/default.ts} +17 -5
- package/src/components/TimeSelect/Label/index.tsx +20 -0
- package/src/components/TimeSelect/helpers.ts +37 -0
- package/src/components/TimeSelect/index.props.ts +4 -0
- package/src/components/TimeSelect/index.stories.tsx +64 -0
- package/src/components/TimeSelect/index.tsx +66 -0
- package/src/components/Tooltip/Tooltip.module.scss +148 -0
- package/src/components/Tooltip/__tests__/Tooltip.test.tsx +55 -0
- package/src/components/Tooltip/index.props.ts +27 -0
- package/src/components/Tooltip/index.stories.tsx +50 -0
- package/src/components/Tooltip/index.tsx +151 -0
- package/src/components/Typography/Typography.module.scss +83 -0
- package/src/components/Typography/index.props.ts +37 -0
- package/src/components/Typography/index.stories.tsx +70 -0
- package/src/components/Typography/index.tsx +35 -0
- package/{esm/base/BaseInput/BaseInput.module.css → src/components/base/BaseInput/BaseInput.module.scss} +4 -3
- package/src/components/base/BaseInput/index.props.ts +7 -0
- package/src/components/base/BaseInput/index.tsx +21 -0
- package/src/components/base/FormField/FormField.module.scss +12 -0
- package/src/components/base/FormField/index.props.ts +11 -0
- package/src/components/base/FormField/index.tsx +36 -0
- package/src/components/base/InputRoot/InputRoot.module.scss +93 -0
- package/src/components/base/InputRoot/index.props.ts +18 -0
- package/src/components/base/InputRoot/index.tsx +39 -0
- package/src/components/helpers/__tests__/generateUniqID.test.ts +7 -0
- package/src/components/helpers/date/index.ts +76 -0
- package/src/components/helpers/generateUniqID.ts +6 -0
- package/src/components/helpers/on.ts +13 -0
- package/src/components/hooks/useMediaSizes/index.ts +50 -0
- package/src/components/hooks/useOnClickOutside/index.ts +39 -0
- package/src/components/hooks/useScrollLock/index.ts +26 -0
- package/src/components/hooks/useTrapFocus/index.ts +49 -0
- package/src/components/lib/keyboard.ts +46 -0
- package/src/components/libs/numbers/__tests__/leadingZeros.test.ts +10 -0
- package/{esm/libs/numbers/leadingZeros.js → src/components/libs/numbers/leadingZeros.ts} +4 -4
- package/{libs/requestIdleCallback/index.js → src/components/libs/requestIdleCallback/index.ts} +5 -5
- package/tsconfig.json +49 -0
- package/Accordion/index.d.ts +0 -9
- package/Accordion/index.js +0 -67
- package/Accordion/package.json +0 -6
- package/Avatar/assets/org-circle.svg.js +0 -64
- package/Avatar/assets/user-circle.svg.js +0 -43
- package/Avatar/constants.d.ts +0 -7
- package/Avatar/constants.js +0 -10
- package/Avatar/index.d.ts +0 -4
- package/Avatar/index.js +0 -49
- package/Avatar/index.props.d.ts +0 -15
- package/Avatar/index.props.js +0 -7
- package/Avatar/package.json +0 -6
- package/Badge/Badge.module.css +0 -30
- package/Badge/Control/Control.module.css +0 -6
- package/Badge/Control/index.d.ts +0 -3
- package/Badge/Control/index.js +0 -23
- package/Badge/Control/index.props.d.ts +0 -3
- package/Badge/index.d.ts +0 -4
- package/Badge/index.js +0 -48
- package/Badge/index.props.d.ts +0 -11
- package/Badge/package.json +0 -6
- package/Button/Button.module.css +0 -225
- package/Button/index.d.ts +0 -4
- package/Button/index.js +0 -56
- package/Button/index.props.d.ts +0 -14
- package/Button/package.json +0 -6
- package/Calendar/components/ContinueButton/index.d.ts +0 -10
- package/Calendar/components/ContinueButton/index.js +0 -45
- package/Calendar/components/ContinueButton/index.module.css +0 -4
- package/Calendar/components/Month/Month.d.ts +0 -17
- package/Calendar/components/Month/Month.js +0 -144
- package/Calendar/components/Month/index.module.css +0 -143
- package/Calendar/components/Presets/index.d.ts +0 -19
- package/Calendar/components/Presets/index.js +0 -68
- package/Calendar/components/Presets/index.module.css +0 -28
- package/Calendar/index.d.ts +0 -4
- package/Calendar/index.js +0 -222
- package/Calendar/index.props.d.ts +0 -21
- package/Calendar/package.json +0 -6
- package/Calendar/utils/getMonthWeeks.d.ts +0 -20
- package/Calendar/utils/getMonthWeeks.js +0 -81
- package/Calendar/utils/getNumberOfMonthsBetweenDates.d.ts +0 -4
- package/Calendar/utils/getNumberOfMonthsBetweenDates.js +0 -21
- package/Calendar/utils/getPresets.d.ts +0 -10
- package/Calendar/utils/getStartMonth.d.ts +0 -6
- package/Calendar/utils/getStartMonth.js +0 -15
- package/Checkbox/Checkbox.module.css +0 -89
- package/Checkbox/index.d.ts +0 -4
- package/Checkbox/index.js +0 -59
- package/Checkbox/index.props.d.ts +0 -17
- package/Checkbox/package.json +0 -6
- package/Chip/Chip.module.css +0 -83
- package/Chip/index.d.ts +0 -4
- package/Chip/index.js +0 -56
- package/Chip/index.props.d.ts +0 -10
- package/Chip/package.json +0 -6
- package/ClickOutside/index.d.ts +0 -5
- package/ClickOutside/index.js +0 -36
- package/ClickOutside/package.json +0 -6
- package/Counter/Counter.module.css +0 -34
- package/Counter/index.d.ts +0 -4
- package/Counter/index.js +0 -71
- package/Counter/index.props.d.ts +0 -9
- package/Counter/package.json +0 -6
- package/Datepicker/Datepicker.module.css +0 -4
- package/Datepicker/components/DatePicker/index.d.ts +0 -4
- package/Datepicker/components/DatePicker/index.js +0 -74
- package/Datepicker/components/DatePicker/index.module.css +0 -56
- package/Datepicker/components/DatePicker/index.props.d.ts +0 -5
- package/Datepicker/components/TimePicker/Label/index.d.ts +0 -8
- package/Datepicker/components/TimePicker/Label/index.js +0 -27
- package/Datepicker/components/TimePicker/helpers.d.ts +0 -12
- package/Datepicker/components/TimePicker/helpers.js +0 -41
- package/Datepicker/components/TimePicker/index.d.ts +0 -4
- package/Datepicker/components/TimePicker/index.js +0 -67
- package/Datepicker/components/TimePicker/index.module.css +0 -58
- package/Datepicker/components/TimePicker/index.props.d.ts +0 -8
- package/Datepicker/index.d.ts +0 -4
- package/Datepicker/index.js +0 -35
- package/Datepicker/index.props.d.ts +0 -7
- package/Datepicker/package.json +0 -6
- package/DotsLoader/DotsLoader.module.css +0 -39
- package/DotsLoader/index.d.ts +0 -5
- package/DotsLoader/index.js +0 -55
- package/DotsLoader/package.json +0 -6
- package/Dropdown/Dropdown.module.css +0 -14
- package/Dropdown/index.d.ts +0 -4
- package/Dropdown/index.js +0 -165
- package/Dropdown/index.props.d.ts +0 -20
- package/Dropdown/package.json +0 -6
- package/Grid/Grid.module.css +0 -15
- package/Grid/Item/index.d.ts +0 -4
- package/Grid/Item/index.js +0 -28
- package/Grid/Item/index.props.d.ts +0 -6
- package/Grid/index.d.ts +0 -4
- package/Grid/index.js +0 -34
- package/Grid/index.props.d.ts +0 -6
- package/Grid/package.json +0 -6
- package/Icons/ArrowNext.d.ts +0 -4
- package/Icons/ArrowNext.js +0 -36
- package/Icons/Cart.d.ts +0 -4
- package/Icons/Cart.js +0 -34
- package/Icons/Check.d.ts +0 -4
- package/Icons/Check.js +0 -42
- package/Icons/Chevron.d.ts +0 -4
- package/Icons/Chevron.js +0 -37
- package/Icons/Close.d.ts +0 -4
- package/Icons/Close.js +0 -35
- package/Icons/CrossFill.d.ts +0 -4
- package/Icons/CrossFill.js +0 -33
- package/Icons/Edit.d.ts +0 -4
- package/Icons/Edit.js +0 -35
- package/Icons/Exit.d.ts +0 -4
- package/Icons/Exit.js +0 -36
- package/Icons/EyeClosed.d.ts +0 -4
- package/Icons/EyeClosed.js +0 -34
- package/Icons/EyeOpen.d.ts +0 -4
- package/Icons/EyeOpen.js +0 -41
- package/Icons/Help.d.ts +0 -4
- package/Icons/Help.js +0 -34
- package/Icons/Info.d.ts +0 -4
- package/Icons/Info.js +0 -35
- package/Icons/Minus.d.ts +0 -4
- package/Icons/Minus.js +0 -35
- package/Icons/More.d.ts +0 -4
- package/Icons/More.js +0 -44
- package/Icons/Plus.d.ts +0 -4
- package/Icons/Plus.js +0 -34
- package/Icons/Setting.d.ts +0 -4
- package/Icons/Setting.js +0 -43
- package/Icons/Trash.d.ts +0 -4
- package/Icons/Trash.js +0 -37
- package/Icons/User.d.ts +0 -4
- package/Icons/User.js +0 -42
- package/Icons/index.js +0 -39
- package/Icons/index.props.d.ts +0 -7
- package/Icons/package.json +0 -6
- package/Image/Image.module.css +0 -14
- package/Image/index.d.ts +0 -4
- package/Image/index.js +0 -72
- package/Image/index.props.d.ts +0 -10
- package/Image/package.json +0 -6
- package/Input/index.d.ts +0 -4
- package/Input/index.js +0 -55
- package/Input/index.props.d.ts +0 -16
- package/Input/package.json +0 -6
- package/InputRadio/InputRadio.module.css +0 -95
- package/InputRadio/index.d.ts +0 -23
- package/InputRadio/index.js +0 -80
- package/InputRadio/package.json +0 -6
- package/Menu/components/MenuItem/MenuItem.module.css +0 -35
- package/Menu/components/MenuItem/index.d.ts +0 -5
- package/Menu/components/MenuItem/index.js +0 -43
- package/Menu/components/MenuItem/index.props.d.ts +0 -10
- package/Menu/index.d.ts +0 -4
- package/Menu/index.js +0 -48
- package/Menu/index.props.d.ts +0 -11
- package/Menu/package.json +0 -6
- package/Modal/Modal.module.css +0 -51
- package/Modal/components/Close/Close.module.css +0 -4
- package/Modal/components/Close/index.d.ts +0 -5
- package/Modal/components/Close/index.js +0 -29
- package/Modal/components/Content/index.d.ts +0 -3
- package/Modal/components/Content/index.js +0 -23
- package/Modal/components/Title/Title.module.css +0 -9
- package/Modal/components/Title/index.d.ts +0 -3
- package/Modal/components/Title/index.js +0 -29
- package/Modal/index.d.ts +0 -4
- package/Modal/index.js +0 -71
- package/Modal/index.props.d.ts +0 -5
- package/Modal/package.json +0 -6
- package/MultiSelect/components/MenuOverlay/index.d.ts +0 -19
- package/MultiSelect/components/MenuOverlay/index.js +0 -103
- package/MultiSelect/components/MenuOverlay/index.module.css +0 -9
- package/MultiSelect/components/MenuOverlayItem/index.d.ts +0 -13
- package/MultiSelect/components/MenuOverlayItem/index.js +0 -28
- package/MultiSelect/index.d.ts +0 -4
- package/MultiSelect/index.js +0 -169
- package/MultiSelect/index.module.css +0 -49
- package/MultiSelect/index.props.d.ts +0 -32
- package/MultiSelect/package.json +0 -6
- package/MultiSelect/utils/index.d.ts +0 -1
- package/MultiSelect/utils/index.js +0 -7
- package/Portal/index.d.ts +0 -5
- package/Portal/index.js +0 -24
- package/Portal/package.json +0 -6
- package/RadioGroup/Radio.d.ts +0 -19
- package/RadioGroup/Radio.js +0 -45
- package/RadioGroup/RadioGroup.module.css +0 -31
- package/RadioGroup/index.d.ts +0 -26
- package/RadioGroup/index.js +0 -65
- package/RadioGroup/package.json +0 -6
- package/Select/components/MenuOverlay/index.d.ts +0 -11
- package/Select/components/MenuOverlay/index.js +0 -65
- package/Select/components/MenuOverlayItem/index.d.ts +0 -14
- package/Select/components/MenuOverlayItem/index.js +0 -47
- package/Select/index.d.ts +0 -4
- package/Select/index.js +0 -108
- package/Select/index.props.d.ts +0 -28
- package/Select/package.json +0 -6
- package/Separator/index.d.ts +0 -6
- package/Separator/index.js +0 -22
- package/Separator/package.json +0 -6
- package/Skeleton/Skeleton.module.css +0 -33
- package/Skeleton/index.d.ts +0 -4
- package/Skeleton/index.js +0 -41
- package/Skeleton/index.props.d.ts +0 -11
- package/Skeleton/package.json +0 -6
- package/Status/index.d.ts +0 -5
- package/Status/index.js +0 -28
- package/Status/index.module.css +0 -45
- package/Status/index.props.d.ts +0 -12
- package/Status/package.json +0 -6
- package/Switch/Switch.module.css +0 -56
- package/Switch/index.d.ts +0 -4
- package/Switch/index.js +0 -40
- package/Switch/index.props.d.ts +0 -6
- package/Switch/package.json +0 -6
- package/TabsMenu/Tab/Tab.d.ts +0 -4
- package/TabsMenu/Tab/Tab.js +0 -39
- package/TabsMenu/Tab/Tab.module.css +0 -66
- package/TabsMenu/Tab/Tab.props.d.ts +0 -14
- package/TabsMenu/index.d.ts +0 -4
- package/TabsMenu/index.js +0 -93
- package/TabsMenu/index.props.d.ts +0 -11
- package/TabsMenu/package.json +0 -6
- package/TabsPanes/Pane/Pane.d.ts +0 -3
- package/TabsPanes/Pane/Pane.js +0 -22
- package/TabsPanes/Pane/index.props.d.ts +0 -7
- package/TabsPanes/index.d.ts +0 -4
- package/TabsPanes/index.js +0 -35
- package/TabsPanes/package.json +0 -6
- package/TextArea/TextArea.module.css +0 -16
- package/TextArea/index.d.ts +0 -4
- package/TextArea/index.js +0 -62
- package/TextArea/index.props.d.ts +0 -13
- package/TextArea/package.json +0 -6
- package/Theme/breakpoints.d.ts +0 -18
- package/Theme/breakpoints.js +0 -38
- package/Theme/colors/common.d.ts +0 -39
- package/Theme/colors/common.js +0 -34
- package/Theme/colors/index.d.ts +0 -64
- package/Theme/colors/index.js +0 -12
- package/Theme/colors/theme_buenos_aires.d.ts +0 -69
- package/Theme/colors/theme_buenos_aires.js +0 -53
- package/Theme/colors/theme_default.d.ts +0 -47
- package/Theme/colors/theme_default.js +0 -40
- package/Theme/global.css +0 -50
- package/Theme/index.d.ts +0 -296
- package/Theme/index.js +0 -11
- package/Theme/package.json +0 -6
- package/Theme/themes/buenos_aires.d.ts +0 -152
- package/Theme/themes/buenos_aires.js +0 -159
- package/Theme/themes/default.d.ts +0 -144
- package/Theme/themes/default.js +0 -151
- package/TimeSelect/Label/index.d.ts +0 -8
- package/TimeSelect/Label/index.js +0 -27
- package/TimeSelect/helpers.d.ts +0 -9
- package/TimeSelect/helpers.js +0 -41
- package/TimeSelect/index.d.ts +0 -11
- package/TimeSelect/index.js +0 -53
- package/TimeSelect/index.props.d.ts +0 -4
- package/TimeSelect/package.json +0 -6
- package/Tooltip/Tooltip.module.css +0 -122
- package/Tooltip/index.d.ts +0 -4
- package/Tooltip/index.js +0 -114
- package/Tooltip/index.props.d.ts +0 -11
- package/Tooltip/package.json +0 -6
- package/Typography/Typography.module.css +0 -64
- package/Typography/index.d.ts +0 -4
- package/Typography/index.js +0 -36
- package/Typography/index.props.d.ts +0 -13
- package/Typography/package.json +0 -6
- package/base/BaseInput/BaseInput.module.css +0 -13
- package/base/BaseInput/index.d.ts +0 -4
- package/base/BaseInput/index.js +0 -31
- package/base/BaseInput/index.props.d.ts +0 -5
- package/base/FormField/FormField.module.css +0 -11
- package/base/FormField/index.d.ts +0 -4
- package/base/FormField/index.js +0 -37
- package/base/FormField/index.props.d.ts +0 -10
- package/base/InputRoot/InputRoot.module.css +0 -76
- package/base/InputRoot/index.d.ts +0 -4
- package/base/InputRoot/index.js +0 -41
- package/base/InputRoot/index.props.d.ts +0 -15
- package/esm/Accordion/Accordion.module.css +0 -51
- package/esm/Accordion/index.d.ts +0 -9
- package/esm/Accordion/index.js +0 -57
- package/esm/Avatar/Avatar.module.css +0 -15
- package/esm/Avatar/assets/org-circle.svg.js +0 -39
- package/esm/Avatar/assets/user-circle.svg.js +0 -18
- package/esm/Avatar/constants.d.ts +0 -7
- package/esm/Avatar/constants.js +0 -10
- package/esm/Avatar/index.d.ts +0 -4
- package/esm/Avatar/index.js +0 -39
- package/esm/Avatar/index.props.d.ts +0 -15
- package/esm/Avatar/index.props.js +0 -7
- package/esm/Badge/Control/index.d.ts +0 -3
- package/esm/Badge/Control/index.js +0 -15
- package/esm/Badge/index.d.ts +0 -4
- package/esm/Badge/index.js +0 -38
- package/esm/Badge/index.props.d.ts +0 -11
- package/esm/Button/Button.module.css +0 -225
- package/esm/Button/index.d.ts +0 -4
- package/esm/Button/index.js +0 -46
- package/esm/Button/index.props.d.ts +0 -14
- package/esm/Calendar/components/ContinueButton/index.d.ts +0 -10
- package/esm/Calendar/components/ContinueButton/index.js +0 -37
- package/esm/Calendar/components/ContinueButton/index.module.css +0 -4
- package/esm/Calendar/components/Month/Month.d.ts +0 -17
- package/esm/Calendar/components/Month/Month.js +0 -118
- package/esm/Calendar/components/Presets/index.d.ts +0 -19
- package/esm/Calendar/components/Presets/index.js +0 -42
- package/esm/Calendar/index.d.ts +0 -4
- package/esm/Calendar/index.js +0 -212
- package/esm/Calendar/index.module.css +0 -92
- package/esm/Calendar/index.props.d.ts +0 -21
- package/esm/Calendar/utils/getMonthWeeks.d.ts +0 -20
- package/esm/Calendar/utils/getMonthWeeks.js +0 -79
- package/esm/Calendar/utils/getNumberOfMonthsBetweenDates.d.ts +0 -4
- package/esm/Calendar/utils/getNumberOfMonthsBetweenDates.js +0 -19
- package/esm/Calendar/utils/getPresets.d.ts +0 -10
- package/esm/Calendar/utils/getStartMonth.d.ts +0 -6
- package/esm/Calendar/utils/getStartMonth.js +0 -13
- package/esm/Checkbox/Checkbox.module.css +0 -89
- package/esm/Checkbox/index.d.ts +0 -4
- package/esm/Checkbox/index.js +0 -49
- package/esm/Checkbox/index.props.d.ts +0 -17
- package/esm/Chip/Chip.module.css +0 -83
- package/esm/Chip/index.d.ts +0 -4
- package/esm/Chip/index.js +0 -46
- package/esm/Chip/index.props.d.ts +0 -10
- package/esm/ClickOutside/index.d.ts +0 -5
- package/esm/ClickOutside/index.js +0 -27
- package/esm/Counter/index.d.ts +0 -4
- package/esm/Counter/index.js +0 -61
- package/esm/Counter/index.props.d.ts +0 -9
- package/esm/Datepicker/components/DatePicker/index.d.ts +0 -4
- package/esm/Datepicker/components/DatePicker/index.js +0 -64
- package/esm/Datepicker/components/DatePicker/index.props.d.ts +0 -5
- package/esm/Datepicker/components/TimePicker/Label/index.d.ts +0 -8
- package/esm/Datepicker/components/TimePicker/Label/index.js +0 -19
- package/esm/Datepicker/components/TimePicker/helpers.d.ts +0 -12
- package/esm/Datepicker/components/TimePicker/helpers.js +0 -35
- package/esm/Datepicker/components/TimePicker/index.d.ts +0 -4
- package/esm/Datepicker/components/TimePicker/index.js +0 -57
- package/esm/Datepicker/components/TimePicker/index.props.d.ts +0 -8
- package/esm/Datepicker/index.d.ts +0 -4
- package/esm/Datepicker/index.js +0 -25
- package/esm/Datepicker/index.props.d.ts +0 -7
- package/esm/DotsLoader/index.d.ts +0 -5
- package/esm/DotsLoader/index.js +0 -45
- package/esm/Dropdown/index.d.ts +0 -4
- package/esm/Dropdown/index.js +0 -155
- package/esm/Dropdown/index.props.d.ts +0 -20
- package/esm/Grid/Item/Grid-Item.module.css +0 -9
- package/esm/Grid/Item/index.d.ts +0 -4
- package/esm/Grid/Item/index.js +0 -18
- package/esm/Grid/index.d.ts +0 -4
- package/esm/Grid/index.js +0 -24
- package/esm/Grid/index.props.d.ts +0 -6
- package/esm/Icons/ArrowNext.d.ts +0 -4
- package/esm/Icons/ArrowNext.js +0 -28
- package/esm/Icons/Cart.d.ts +0 -4
- package/esm/Icons/Cart.js +0 -26
- package/esm/Icons/Check.d.ts +0 -4
- package/esm/Icons/Check.js +0 -34
- package/esm/Icons/Chevron.d.ts +0 -4
- package/esm/Icons/Chevron.js +0 -29
- package/esm/Icons/Close.d.ts +0 -4
- package/esm/Icons/Close.js +0 -27
- package/esm/Icons/CrossFill.d.ts +0 -4
- package/esm/Icons/CrossFill.js +0 -25
- package/esm/Icons/Edit.d.ts +0 -4
- package/esm/Icons/Edit.js +0 -27
- package/esm/Icons/Exit.d.ts +0 -4
- package/esm/Icons/Exit.js +0 -28
- package/esm/Icons/EyeClosed.d.ts +0 -4
- package/esm/Icons/EyeClosed.js +0 -26
- package/esm/Icons/EyeOpen.d.ts +0 -4
- package/esm/Icons/EyeOpen.js +0 -33
- package/esm/Icons/Help.d.ts +0 -4
- package/esm/Icons/Help.js +0 -26
- package/esm/Icons/Info.d.ts +0 -4
- package/esm/Icons/Info.js +0 -27
- package/esm/Icons/Minus.d.ts +0 -4
- package/esm/Icons/Minus.js +0 -27
- package/esm/Icons/More.d.ts +0 -4
- package/esm/Icons/More.js +0 -36
- package/esm/Icons/Plus.d.ts +0 -4
- package/esm/Icons/Plus.js +0 -26
- package/esm/Icons/Setting.d.ts +0 -4
- package/esm/Icons/Setting.js +0 -35
- package/esm/Icons/Trash.d.ts +0 -4
- package/esm/Icons/Trash.js +0 -29
- package/esm/Icons/User.d.ts +0 -4
- package/esm/Icons/User.js +0 -34
- package/esm/Icons/index.d.ts +0 -17
- package/esm/Icons/index.js +0 -17
- package/esm/Image/Image.module.css +0 -14
- package/esm/Image/index.d.ts +0 -4
- package/esm/Image/index.js +0 -62
- package/esm/Image/index.props.d.ts +0 -10
- package/esm/Input/index.d.ts +0 -4
- package/esm/Input/index.js +0 -46
- package/esm/Input/index.props.d.ts +0 -16
- package/esm/InputRadio/InputRadio.module.css +0 -95
- package/esm/InputRadio/index.d.ts +0 -23
- package/esm/InputRadio/index.js +0 -70
- package/esm/Menu/Menu.module.css +0 -8
- package/esm/Menu/components/MenuItem/MenuItem.module.css +0 -35
- package/esm/Menu/components/MenuItem/index.d.ts +0 -5
- package/esm/Menu/components/MenuItem/index.js +0 -33
- package/esm/Menu/components/MenuItem/index.props.d.ts +0 -10
- package/esm/Menu/index.d.ts +0 -4
- package/esm/Menu/index.js +0 -38
- package/esm/Menu/index.props.d.ts +0 -11
- package/esm/Modal/components/Close/index.d.ts +0 -5
- package/esm/Modal/components/Close/index.js +0 -19
- package/esm/Modal/components/Content/Content.module.css +0 -6
- package/esm/Modal/components/Content/index.d.ts +0 -3
- package/esm/Modal/components/Content/index.js +0 -13
- package/esm/Modal/components/Title/index.d.ts +0 -3
- package/esm/Modal/components/Title/index.js +0 -19
- package/esm/Modal/index.d.ts +0 -4
- package/esm/Modal/index.js +0 -61
- package/esm/Modal/index.props.d.ts +0 -5
- package/esm/MultiSelect/components/MenuOverlay/index.d.ts +0 -19
- package/esm/MultiSelect/components/MenuOverlay/index.js +0 -93
- package/esm/MultiSelect/components/MenuOverlayItem/index.d.ts +0 -13
- package/esm/MultiSelect/components/MenuOverlayItem/index.js +0 -20
- package/esm/MultiSelect/index.d.ts +0 -4
- package/esm/MultiSelect/index.js +0 -159
- package/esm/MultiSelect/index.props.d.ts +0 -32
- package/esm/MultiSelect/utils/index.d.ts +0 -1
- package/esm/MultiSelect/utils/index.js +0 -5
- package/esm/Portal/index.d.ts +0 -5
- package/esm/Portal/index.js +0 -16
- package/esm/RadioGroup/Radio.d.ts +0 -19
- package/esm/RadioGroup/Radio.js +0 -37
- package/esm/RadioGroup/RadioGroup.module.css +0 -31
- package/esm/RadioGroup/index.d.ts +0 -26
- package/esm/RadioGroup/index.js +0 -55
- package/esm/Select/components/MenuOverlay/index.d.ts +0 -11
- package/esm/Select/components/MenuOverlay/index.js +0 -55
- package/esm/Select/components/MenuOverlay/index.module.css +0 -4
- package/esm/Select/components/MenuOverlayItem/index.d.ts +0 -14
- package/esm/Select/components/MenuOverlayItem/index.js +0 -39
- package/esm/Select/index.d.ts +0 -4
- package/esm/Select/index.js +0 -98
- package/esm/Select/index.module.css +0 -37
- package/esm/Select/index.props.d.ts +0 -28
- package/esm/Separator/Separator.module.css +0 -5
- package/esm/Separator/index.d.ts +0 -6
- package/esm/Separator/index.js +0 -12
- package/esm/Skeleton/Skeleton.module.css +0 -33
- package/esm/Skeleton/index.d.ts +0 -4
- package/esm/Skeleton/index.js +0 -32
- package/esm/Skeleton/index.props.d.ts +0 -11
- package/esm/Status/index.d.ts +0 -5
- package/esm/Status/index.js +0 -18
- package/esm/Status/index.module.css +0 -45
- package/esm/Status/index.props.d.ts +0 -12
- package/esm/Switch/index.d.ts +0 -4
- package/esm/Switch/index.js +0 -30
- package/esm/Switch/index.props.d.ts +0 -6
- package/esm/TabsMenu/Tab/Tab.d.ts +0 -4
- package/esm/TabsMenu/Tab/Tab.js +0 -29
- package/esm/TabsMenu/Tab/Tab.module.css +0 -66
- package/esm/TabsMenu/Tab/Tab.props.d.ts +0 -14
- package/esm/TabsMenu/TabsMenu.module.css +0 -8
- package/esm/TabsMenu/index.d.ts +0 -4
- package/esm/TabsMenu/index.js +0 -83
- package/esm/TabsMenu/index.props.d.ts +0 -11
- package/esm/TabsPanes/Pane/Pane.d.ts +0 -3
- package/esm/TabsPanes/Pane/Pane.js +0 -15
- package/esm/TabsPanes/Pane/index.props.d.ts +0 -7
- package/esm/TabsPanes/index.d.ts +0 -4
- package/esm/TabsPanes/index.js +0 -26
- package/esm/TabsPanes/index.props.d.ts +0 -8
- package/esm/TextArea/index.d.ts +0 -4
- package/esm/TextArea/index.js +0 -51
- package/esm/TextArea/index.props.d.ts +0 -13
- package/esm/Theme/breakpoints.d.ts +0 -18
- package/esm/Theme/breakpoints.js +0 -34
- package/esm/Theme/colors/common.d.ts +0 -39
- package/esm/Theme/colors/common.js +0 -26
- package/esm/Theme/colors/index.d.ts +0 -64
- package/esm/Theme/colors/index.js +0 -8
- package/esm/Theme/colors/theme_buenos_aires.d.ts +0 -69
- package/esm/Theme/colors/theme_default.d.ts +0 -47
- package/esm/Theme/global.css +0 -50
- package/esm/Theme/index.d.ts +0 -296
- package/esm/Theme/index.js +0 -9
- package/esm/Theme/themes/buenos_aires.d.ts +0 -152
- package/esm/Theme/themes/default.d.ts +0 -144
- package/esm/TimeSelect/Label/index.d.ts +0 -8
- package/esm/TimeSelect/Label/index.js +0 -19
- package/esm/TimeSelect/helpers.d.ts +0 -9
- package/esm/TimeSelect/helpers.js +0 -35
- package/esm/TimeSelect/index.d.ts +0 -11
- package/esm/TimeSelect/index.js +0 -45
- package/esm/TimeSelect/index.props.d.ts +0 -4
- package/esm/Tooltip/Tooltip.module.css +0 -122
- package/esm/Tooltip/index.d.ts +0 -4
- package/esm/Tooltip/index.js +0 -104
- package/esm/Tooltip/index.props.d.ts +0 -11
- package/esm/Typography/Typography.module.css +0 -64
- package/esm/Typography/index.d.ts +0 -4
- package/esm/Typography/index.js +0 -26
- package/esm/Typography/index.props.d.ts +0 -13
- package/esm/base/BaseInput/index.d.ts +0 -4
- package/esm/base/BaseInput/index.js +0 -21
- package/esm/base/BaseInput/index.props.d.ts +0 -5
- package/esm/base/FormField/FormField.module.css +0 -11
- package/esm/base/FormField/index.d.ts +0 -4
- package/esm/base/FormField/index.js +0 -27
- package/esm/base/FormField/index.props.d.ts +0 -10
- package/esm/base/InputRoot/InputRoot.module.css +0 -76
- package/esm/base/InputRoot/index.d.ts +0 -4
- package/esm/base/InputRoot/index.js +0 -31
- package/esm/base/InputRoot/index.props.d.ts +0 -15
- package/esm/helpers/date/index.d.ts +0 -12
- package/esm/helpers/date/index.js +0 -73
- package/esm/helpers/generateUniqID.d.ts +0 -2
- package/esm/helpers/on.d.ts +0 -1
- package/esm/helpers/on.js +0 -10
- package/esm/hooks/useMediaSizes/index.d.ts +0 -5
- package/esm/hooks/useMediaSizes/index.js +0 -36
- package/esm/hooks/useOnClickOutside/index.d.ts +0 -3
- package/esm/hooks/useOnClickOutside/index.js +0 -28
- package/esm/hooks/useScrollLock/index.d.ts +0 -2
- package/esm/hooks/useScrollLock/index.js +0 -22
- package/esm/hooks/useTrapFocus/index.d.ts +0 -3
- package/esm/hooks/useTrapFocus/index.js +0 -30
- package/esm/index.js +0 -54
- package/esm/lib/keyboard.d.ts +0 -4
- package/esm/lib/keyboard.js +0 -25
- package/esm/libs/numbers/leadingZeros.d.ts +0 -4
- package/esm/libs/requestIdleCallback/index.d.ts +0 -5
- package/esm/libs/requestIdleCallback/index.js +0 -11
- package/esm/theme_ba_variables.css +0 -151
- package/esm/theme_default_variables.css +0 -143
- package/helpers/date/index.d.ts +0 -12
- package/helpers/date/index.js +0 -84
- package/helpers/generateUniqID.d.ts +0 -2
- package/helpers/on.d.ts +0 -1
- package/helpers/on.js +0 -12
- package/hooks/useMediaSizes/index.d.ts +0 -5
- package/hooks/useMediaSizes/index.js +0 -40
- package/hooks/useOnClickOutside/index.d.ts +0 -3
- package/hooks/useOnClickOutside/index.js +0 -32
- package/hooks/useScrollLock/index.d.ts +0 -2
- package/hooks/useScrollLock/index.js +0 -26
- package/hooks/useTrapFocus/index.d.ts +0 -3
- package/hooks/useTrapFocus/index.js +0 -34
- package/index.d.ts +0 -37
- package/index.js +0 -113
- package/lib/keyboard.d.ts +0 -4
- package/lib/keyboard.js +0 -28
- package/libs/numbers/leadingZeros.d.ts +0 -4
- package/libs/numbers/leadingZeros.js +0 -14
- package/libs/requestIdleCallback/index.d.ts +0 -5
- package/theme_ba_variables.css +0 -151
- package/theme_default_variables.css +0 -143
- /package/{Icons/index.d.ts → src/components/Icons/index.tsx} +0 -0
- /package/{esm/index.d.ts → src/components/index.ts} +0 -0
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import React__default, { useMemo, useCallback } from 'react';
|
|
2
|
-
import classNames from 'classnames/bind';
|
|
3
|
-
import Button from '../../../Button/index.js';
|
|
4
|
-
import { requestIdleCallback } from '../../../libs/requestIdleCallback/index.js';
|
|
5
|
-
import { getPeriodDates } from '../../../helpers/date/index.js';
|
|
6
|
-
import styles from './index.module.css';
|
|
7
|
-
|
|
8
|
-
var clx = classNames.bind(styles);
|
|
9
|
-
var ContinueButton = function ContinueButton(_a) {
|
|
10
|
-
var selectedDate = _a.selectedDate,
|
|
11
|
-
selectedPeriod = _a.selectedPeriod,
|
|
12
|
-
isChanged = _a.isChanged,
|
|
13
|
-
onContinue = _a.onContinue,
|
|
14
|
-
onCancel = _a.onCancel;
|
|
15
|
-
var selectedDates = useMemo(function () {
|
|
16
|
-
if (selectedDate && selectedPeriod) {
|
|
17
|
-
return getPeriodDates(selectedDate, selectedPeriod);
|
|
18
|
-
}
|
|
19
|
-
return null;
|
|
20
|
-
}, [selectedDate, selectedPeriod]);
|
|
21
|
-
var handleClick = useCallback(function () {
|
|
22
|
-
requestIdleCallback(function () {
|
|
23
|
-
return isChanged ? onContinue() : onCancel();
|
|
24
|
-
}, {
|
|
25
|
-
timeout: 200
|
|
26
|
-
});
|
|
27
|
-
}, [isChanged, onContinue, onCancel]);
|
|
28
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
29
|
-
className: clx(styles.root),
|
|
30
|
-
"data-testid": "continue-button"
|
|
31
|
-
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
32
|
-
size: "l",
|
|
33
|
-
onClick: handleClick
|
|
34
|
-
}, isChanged && selectedDates ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Select ", selectedDates) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Cancel")));
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
export { ContinueButton };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { CalendarTitleSize } from "../../index.props";
|
|
2
|
-
import type { FunctionComponent } from "react";
|
|
3
|
-
export interface FCWithElements<T = {}> extends FunctionComponent<T> {
|
|
4
|
-
}
|
|
5
|
-
type Props = {
|
|
6
|
-
today: string;
|
|
7
|
-
startDate: Date;
|
|
8
|
-
activeDays?: string[];
|
|
9
|
-
selectedDate?: string;
|
|
10
|
-
selectedPeriod?: number;
|
|
11
|
-
onDayClick: (date: string) => void;
|
|
12
|
-
offsetLeft: number;
|
|
13
|
-
availableDates?: string[];
|
|
14
|
-
titleSize?: CalendarTitleSize;
|
|
15
|
-
};
|
|
16
|
-
export declare const Month: FCWithElements<Props>;
|
|
17
|
-
export {};
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
import { __spreadArray, __assign } from 'tslib';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import classNames from 'classnames/bind';
|
|
4
|
-
import { leadingZeros } from '../../../libs/numbers/leadingZeros.js';
|
|
5
|
-
import Typography from '../../../Typography/index.js';
|
|
6
|
-
import { getUpperMonthName, getShortWeekDayNameByIndex } from '../../../helpers/date/index.js';
|
|
7
|
-
import { getMonthWeeks } from '../../utils/getMonthWeeks.js';
|
|
8
|
-
import styles from './index.module.css';
|
|
9
|
-
|
|
10
|
-
var clx = classNames.bind(styles);
|
|
11
|
-
var Item = function Item(_a) {
|
|
12
|
-
var isSelected = _a.isSelected,
|
|
13
|
-
isInSelectedRange = _a.isInSelectedRange,
|
|
14
|
-
isStartOfSelection = _a.isStartOfSelection,
|
|
15
|
-
isEndOfSelection = _a.isEndOfSelection,
|
|
16
|
-
children = _a.children;
|
|
17
|
-
var noSelection = isStartOfSelection && isEndOfSelection ? styles["no-selection"] : "";
|
|
18
|
-
var startClass = isStartOfSelection && !isEndOfSelection ? styles["start-of-selection"] : "";
|
|
19
|
-
var endClass = isEndOfSelection && !isStartOfSelection ? styles["end-of-selection"] : "";
|
|
20
|
-
var firstChildClass = isEndOfSelection ? styles["first-child"] : "";
|
|
21
|
-
var lastChildClass = isStartOfSelection ? styles["last-child"] : "";
|
|
22
|
-
if (isSelected) {
|
|
23
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
24
|
-
className: clx(styles["selected-range-day"], styles["selected-day"], noSelection, startClass, endClass, firstChildClass, lastChildClass)
|
|
25
|
-
}, children);
|
|
26
|
-
} else if (isInSelectedRange) {
|
|
27
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
28
|
-
className: clx(styles["selected-range-day"])
|
|
29
|
-
}, children);
|
|
30
|
-
}
|
|
31
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
32
|
-
className: clx(styles.day)
|
|
33
|
-
}, children);
|
|
34
|
-
};
|
|
35
|
-
var Month = function Month(props) {
|
|
36
|
-
var year = props.startDate.getFullYear();
|
|
37
|
-
var month = leadingZeros(props.startDate.getMonth() + 1, 2);
|
|
38
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
39
|
-
"data-testid": "month",
|
|
40
|
-
className: clx(styles.root),
|
|
41
|
-
style: {
|
|
42
|
-
left: props.offsetLeft ? "".concat(props.offsetLeft, "px") : undefined
|
|
43
|
-
}
|
|
44
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
45
|
-
className: clx(styles["month-name"])
|
|
46
|
-
}, /*#__PURE__*/React.createElement(Typography, {
|
|
47
|
-
tag: "span",
|
|
48
|
-
size: props.titleSize
|
|
49
|
-
}, getUpperMonthName(props.startDate))), /*#__PURE__*/React.createElement("div", {
|
|
50
|
-
className: clx(styles.table)
|
|
51
|
-
}, /*#__PURE__*/React.createElement("ul", {
|
|
52
|
-
className: clx(styles.legend)
|
|
53
|
-
}, __spreadArray([], Array(7), true).map(function (_) {
|
|
54
|
-
var rest = [];
|
|
55
|
-
for (var _i = 1; _i < arguments.length; _i++) {
|
|
56
|
-
rest[_i - 1] = arguments[_i];
|
|
57
|
-
}
|
|
58
|
-
var index = rest[0] + 1;
|
|
59
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
60
|
-
className: clx(styles.day),
|
|
61
|
-
key: index
|
|
62
|
-
}, /*#__PURE__*/React.createElement(Typography, {
|
|
63
|
-
style: {
|
|
64
|
-
opacity: index > 5 ? 80 : 30,
|
|
65
|
-
color: index > 5 ? "var(--typography-alert)" : "var(--palette-black)"
|
|
66
|
-
}
|
|
67
|
-
}, getShortWeekDayNameByIndex(index)));
|
|
68
|
-
})), getMonthWeeks(props).map(function (days) {
|
|
69
|
-
var rest1 = [];
|
|
70
|
-
for (var _i = 1; _i < arguments.length; _i++) {
|
|
71
|
-
rest1[_i - 1] = arguments[_i];
|
|
72
|
-
}
|
|
73
|
-
return /*#__PURE__*/React.createElement("ul", {
|
|
74
|
-
key: "week-".concat(rest1[0]),
|
|
75
|
-
className: clx(styles.week)
|
|
76
|
-
}, days.map(function (day) {
|
|
77
|
-
var rest2 = [];
|
|
78
|
-
for (var _i = 1; _i < arguments.length; _i++) {
|
|
79
|
-
rest2[_i - 1] = arguments[_i];
|
|
80
|
-
}
|
|
81
|
-
var key = "day-".concat(rest2[0]);
|
|
82
|
-
if (day.isDummy) {
|
|
83
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
84
|
-
className: clx(styles.day),
|
|
85
|
-
key: key
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
|
-
var attrs = {
|
|
89
|
-
isStartOfSelection: day.isStartOfSelection,
|
|
90
|
-
isEndOfSelection: day.isEndOfSelection,
|
|
91
|
-
isSelected: day.isSelected,
|
|
92
|
-
isInSelectedRange: day.isInSelectedRange
|
|
93
|
-
};
|
|
94
|
-
var dayInnerActive = day.isActive ? styles["day-inner-active"] : "";
|
|
95
|
-
return /*#__PURE__*/React.createElement(Item, __assign({}, attrs, {
|
|
96
|
-
key: key
|
|
97
|
-
}), /*#__PURE__*/React.createElement("button", {
|
|
98
|
-
className: clx(styles["day-inner"], dayInnerActive),
|
|
99
|
-
style: {
|
|
100
|
-
background: day.isSelected ? "var(--palette-bg-2)" : "transparent"
|
|
101
|
-
},
|
|
102
|
-
role: "button",
|
|
103
|
-
type: "button",
|
|
104
|
-
onClick: day.isActive ? function () {
|
|
105
|
-
return props.onDayClick([year, month, leadingZeros(day.day, 2)].join("-"));
|
|
106
|
-
} : undefined
|
|
107
|
-
}, /*#__PURE__*/React.createElement(Typography, {
|
|
108
|
-
size: "s",
|
|
109
|
-
style: {
|
|
110
|
-
opacity: day.isActive ? 80 : 30,
|
|
111
|
-
color: day.isActive ? "rgba(0, 0, 0, 0.8)" : "rgba(0, 0, 0, 0.3)"
|
|
112
|
-
}
|
|
113
|
-
}, day.day)));
|
|
114
|
-
}));
|
|
115
|
-
})));
|
|
116
|
-
};
|
|
117
|
-
|
|
118
|
-
export { Month };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
export declare enum PRESETS {
|
|
3
|
-
TODAY = "today",
|
|
4
|
-
TOMORROW = "tomorrow",
|
|
5
|
-
WEEKENDS = "weekends",
|
|
6
|
-
CURWEEK = "currWeek",
|
|
7
|
-
NEXTWEEK = "nextWeek"
|
|
8
|
-
}
|
|
9
|
-
export type Preset = {
|
|
10
|
-
name: string;
|
|
11
|
-
date: string;
|
|
12
|
-
period: number;
|
|
13
|
-
};
|
|
14
|
-
type Props = {
|
|
15
|
-
presets: Preset[];
|
|
16
|
-
onPresetSelect(preset: Preset): void;
|
|
17
|
-
};
|
|
18
|
-
export declare const Presets: React.FunctionComponent<Props>;
|
|
19
|
-
export {};
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import classNames from 'classnames/bind';
|
|
3
|
-
import Button from '../../../Button/index.js';
|
|
4
|
-
import styles from './index.module.css';
|
|
5
|
-
|
|
6
|
-
var clx = classNames.bind(styles);
|
|
7
|
-
var PRESETS;
|
|
8
|
-
(function (PRESETS) {
|
|
9
|
-
PRESETS["TODAY"] = "today";
|
|
10
|
-
PRESETS["TOMORROW"] = "tomorrow";
|
|
11
|
-
PRESETS["WEEKENDS"] = "weekends";
|
|
12
|
-
PRESETS["CURWEEK"] = "currWeek";
|
|
13
|
-
PRESETS["NEXTWEEK"] = "nextWeek";
|
|
14
|
-
})(PRESETS || (PRESETS = {}));
|
|
15
|
-
var Presets = function Presets(_a) {
|
|
16
|
-
var presets = _a.presets,
|
|
17
|
-
onPresetSelect = _a.onPresetSelect;
|
|
18
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
19
|
-
"data-testid": "presets"
|
|
20
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
21
|
-
className: clx(styles["native-scroll-inner"])
|
|
22
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
23
|
-
className: clx(styles.inner)
|
|
24
|
-
}, presets.map(function (preset) {
|
|
25
|
-
var rest = [];
|
|
26
|
-
for (var _i = 1; _i < arguments.length; _i++) {
|
|
27
|
-
rest[_i - 1] = arguments[_i];
|
|
28
|
-
}
|
|
29
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
30
|
-
className: clx(styles.item),
|
|
31
|
-
key: "preset=".concat(rest[0])
|
|
32
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
33
|
-
variant: "outline",
|
|
34
|
-
onClick: function onClick() {
|
|
35
|
-
return onPresetSelect(preset);
|
|
36
|
-
},
|
|
37
|
-
size: "m"
|
|
38
|
-
}, preset.name));
|
|
39
|
-
}))));
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
export { PRESETS, Presets };
|
package/esm/Calendar/index.d.ts
DELETED
package/esm/Calendar/index.js
DELETED
|
@@ -1,212 +0,0 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
2
|
-
import React__default, { useRef, useState, useEffect, useCallback } from 'react';
|
|
3
|
-
import classNames from 'classnames/bind';
|
|
4
|
-
import { requestIdleCallback } from '../libs/requestIdleCallback/index.js';
|
|
5
|
-
import { getDaysDiff } from '../helpers/date/index.js';
|
|
6
|
-
import '../Icons/index.js';
|
|
7
|
-
import { Month } from './components/Month/Month.js';
|
|
8
|
-
import { getStartMonth } from './utils/getStartMonth.js';
|
|
9
|
-
import { Presets } from './components/Presets/index.js';
|
|
10
|
-
import { getNumberOfMonthsBetweenDates } from './utils/getNumberOfMonthsBetweenDates.js';
|
|
11
|
-
import { ContinueButton } from './components/ContinueButton/index.js';
|
|
12
|
-
import styles from './index.module.css';
|
|
13
|
-
import ArrowNext from '../Icons/ArrowNext.js';
|
|
14
|
-
|
|
15
|
-
var clx = classNames.bind(styles);
|
|
16
|
-
var idleCallbackOptions = {
|
|
17
|
-
timeout: 1000
|
|
18
|
-
};
|
|
19
|
-
var Calendar = function Calendar(_a) {
|
|
20
|
-
var today = _a.today,
|
|
21
|
-
initialSelectedDate = _a.selectedDate,
|
|
22
|
-
initialSelectedPeriod = _a.selectedPeriod,
|
|
23
|
-
activeDates = _a.activeDates,
|
|
24
|
-
datePresets = _a.datePresets,
|
|
25
|
-
availableDates = _a.availableDates,
|
|
26
|
-
canSelectRange = _a.canSelectRange,
|
|
27
|
-
onChange = _a.onChange,
|
|
28
|
-
onCancel = _a.onCancel,
|
|
29
|
-
_b = _a.minWidth,
|
|
30
|
-
minWidth = _b === void 0 ? 360 : _b,
|
|
31
|
-
_c = _a.withContinueButton,
|
|
32
|
-
withContinueButton = _c === void 0 ? false : _c,
|
|
33
|
-
className = _a.className,
|
|
34
|
-
_d = _a.titleSize,
|
|
35
|
-
titleSize = _d === void 0 ? "h3" : _d;
|
|
36
|
-
var $root = useRef(null);
|
|
37
|
-
var startMonth = getStartMonth({
|
|
38
|
-
today: today,
|
|
39
|
-
activeDates: activeDates
|
|
40
|
-
});
|
|
41
|
-
var _e = useState(initialSelectedDate),
|
|
42
|
-
selectedDate = _e[0],
|
|
43
|
-
setSelectedDate = _e[1];
|
|
44
|
-
var _f = useState(initialSelectedPeriod),
|
|
45
|
-
selectedPeriod = _f[0],
|
|
46
|
-
setSelectedPeriod = _f[1];
|
|
47
|
-
var _g = useState(function () {
|
|
48
|
-
if (initialSelectedDate) {
|
|
49
|
-
return getNumberOfMonthsBetweenDates(startMonth, initialSelectedDate);
|
|
50
|
-
} else if (activeDates && activeDates.length) {
|
|
51
|
-
return getNumberOfMonthsBetweenDates(startMonth, activeDates.sort()[0]);
|
|
52
|
-
}
|
|
53
|
-
return 0;
|
|
54
|
-
}),
|
|
55
|
-
currentMonthOffset = _g[0],
|
|
56
|
-
setCurrentMonthOffset = _g[1];
|
|
57
|
-
var _h = useState(0),
|
|
58
|
-
contentWidth = _h[0],
|
|
59
|
-
setContentWidth = _h[1];
|
|
60
|
-
var _j = useState(true),
|
|
61
|
-
isRangeCompleted = _j[0],
|
|
62
|
-
setIsRangeCompleted = _j[1];
|
|
63
|
-
useEffect(function () {
|
|
64
|
-
var _a;
|
|
65
|
-
setContentWidth(((_a = $root.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0);
|
|
66
|
-
}, []);
|
|
67
|
-
var showPrevMonth = function showPrevMonth(event) {
|
|
68
|
-
event.preventDefault();
|
|
69
|
-
event.stopPropagation();
|
|
70
|
-
setCurrentMonthOffset(function (prev) {
|
|
71
|
-
return prev - 1;
|
|
72
|
-
});
|
|
73
|
-
};
|
|
74
|
-
var showNextMonth = function showNextMonth(event) {
|
|
75
|
-
event.preventDefault();
|
|
76
|
-
event.stopPropagation();
|
|
77
|
-
setCurrentMonthOffset(function (prev) {
|
|
78
|
-
return prev + 1;
|
|
79
|
-
});
|
|
80
|
-
};
|
|
81
|
-
var selectDate = useCallback(function (date, period, rangeCompleted) {
|
|
82
|
-
setSelectedDate(date);
|
|
83
|
-
setSelectedPeriod(period);
|
|
84
|
-
setIsRangeCompleted(rangeCompleted);
|
|
85
|
-
setCurrentMonthOffset(getNumberOfMonthsBetweenDates(startMonth, date));
|
|
86
|
-
}, [startMonth]);
|
|
87
|
-
var handleDayClick = useCallback(function (date) {
|
|
88
|
-
if (canSelectRange && selectedDate && !isRangeCompleted) {
|
|
89
|
-
var _a = [date, selectedDate].sort(),
|
|
90
|
-
startDate_1 = _a[0],
|
|
91
|
-
endDate = _a[1];
|
|
92
|
-
var period_1 = getDaysDiff(new Date(startDate_1), new Date(endDate)) + 1;
|
|
93
|
-
if (onChange) {
|
|
94
|
-
onChange({
|
|
95
|
-
date: date,
|
|
96
|
-
period: period_1
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
requestIdleCallback(function () {
|
|
100
|
-
return selectDate(startDate_1, period_1, true);
|
|
101
|
-
}, idleCallbackOptions);
|
|
102
|
-
} else {
|
|
103
|
-
if (onChange) {
|
|
104
|
-
onChange({
|
|
105
|
-
date: date,
|
|
106
|
-
period: 1
|
|
107
|
-
});
|
|
108
|
-
}
|
|
109
|
-
requestIdleCallback(function () {
|
|
110
|
-
return selectDate(date, 1, false);
|
|
111
|
-
}, idleCallbackOptions);
|
|
112
|
-
}
|
|
113
|
-
},
|
|
114
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
115
|
-
[canSelectRange, selectedDate, isRangeCompleted, selectDate]);
|
|
116
|
-
var handlePresetSelect = useCallback(function (preset) {
|
|
117
|
-
requestIdleCallback(function () {
|
|
118
|
-
return selectDate(preset.date, preset.period, true);
|
|
119
|
-
}, idleCallbackOptions);
|
|
120
|
-
}, [selectDate]);
|
|
121
|
-
var commitSelectedDates = useCallback(function () {
|
|
122
|
-
if (selectedDate && selectedPeriod) {
|
|
123
|
-
if (onCancel) {
|
|
124
|
-
onCancel();
|
|
125
|
-
}
|
|
126
|
-
if (onChange) {
|
|
127
|
-
onChange({
|
|
128
|
-
date: selectedDate,
|
|
129
|
-
period: selectedPeriod
|
|
130
|
-
});
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
}, [selectedDate, selectedPeriod, onChange, onCancel]);
|
|
134
|
-
var cancelCalendar = useCallback(function () {
|
|
135
|
-
if (onCancel) {
|
|
136
|
-
onCancel();
|
|
137
|
-
}
|
|
138
|
-
}, [onCancel]);
|
|
139
|
-
var getMonthStartDate = useCallback(function (shiftIndex) {
|
|
140
|
-
var startDate = new Date(startMonth);
|
|
141
|
-
startDate.setMonth(startDate.getMonth() + shiftIndex);
|
|
142
|
-
return startDate;
|
|
143
|
-
}, [startMonth]);
|
|
144
|
-
var commonAttrs = {
|
|
145
|
-
selectedDate: selectedDate,
|
|
146
|
-
selectedPeriod: selectedPeriod,
|
|
147
|
-
activeDates: activeDates,
|
|
148
|
-
availableDates: availableDates,
|
|
149
|
-
isRangeCompleted: isRangeCompleted,
|
|
150
|
-
onDayClick: handleDayClick
|
|
151
|
-
};
|
|
152
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
153
|
-
className: clx(styles.root, className),
|
|
154
|
-
style: {
|
|
155
|
-
minWidth: "".concat(minWidth, "px")
|
|
156
|
-
},
|
|
157
|
-
"data-testid": "calendar",
|
|
158
|
-
ref: $root
|
|
159
|
-
}, /*#__PURE__*/React__default.createElement("div", null, contentWidth ? (/*#__PURE__*/React__default.createElement("div", {
|
|
160
|
-
"data-component": "Months",
|
|
161
|
-
className: clx(styles.months),
|
|
162
|
-
style: {
|
|
163
|
-
transform: "translate3D(".concat(-1 * currentMonthOffset * contentWidth, "px, 0, 0)")
|
|
164
|
-
}
|
|
165
|
-
}, [currentMonthOffset - 1, currentMonthOffset, currentMonthOffset + 1].filter(function (index) {
|
|
166
|
-
return index >= 0;
|
|
167
|
-
}).map(function (index) {
|
|
168
|
-
var attrs = __assign(__assign({}, commonAttrs), {
|
|
169
|
-
today: today,
|
|
170
|
-
startDate: getMonthStartDate(index),
|
|
171
|
-
offsetLeft: index * contentWidth
|
|
172
|
-
});
|
|
173
|
-
return /*#__PURE__*/React__default.createElement(Month, __assign({}, attrs, {
|
|
174
|
-
titleSize: titleSize,
|
|
175
|
-
key: "month-".concat(index)
|
|
176
|
-
}));
|
|
177
|
-
}))) : (/*#__PURE__*/React__default.createElement(Month, __assign({
|
|
178
|
-
titleSize: titleSize,
|
|
179
|
-
today: today,
|
|
180
|
-
startDate: getMonthStartDate(currentMonthOffset),
|
|
181
|
-
offsetLeft: 0
|
|
182
|
-
}, commonAttrs))), /*#__PURE__*/React__default.createElement("button", {
|
|
183
|
-
className: clx(styles["month-control"], styles["month-control-prev"]),
|
|
184
|
-
onClick: showPrevMonth,
|
|
185
|
-
disabled: currentMonthOffset <= 0,
|
|
186
|
-
type: "button",
|
|
187
|
-
role: "button",
|
|
188
|
-
"aria-label": "Prev"
|
|
189
|
-
}, /*#__PURE__*/React__default.createElement(ArrowNext, {
|
|
190
|
-
className: clx(styles["month-control-prev-arrow"])
|
|
191
|
-
})), /*#__PURE__*/React__default.createElement("button", {
|
|
192
|
-
className: clx(styles["month-control"], styles["month-control-next"]),
|
|
193
|
-
onClick: showNextMonth,
|
|
194
|
-
disabled: currentMonthOffset >= 11,
|
|
195
|
-
type: "button",
|
|
196
|
-
role: "button",
|
|
197
|
-
"aria-label": "Next"
|
|
198
|
-
}, /*#__PURE__*/React__default.createElement(ArrowNext, {
|
|
199
|
-
className: clx(styles["month-control-next-arrow"])
|
|
200
|
-
}))), datePresets && (/*#__PURE__*/React__default.createElement(Presets, {
|
|
201
|
-
presets: datePresets,
|
|
202
|
-
onPresetSelect: handlePresetSelect
|
|
203
|
-
})), withContinueButton && (/*#__PURE__*/React__default.createElement(ContinueButton, {
|
|
204
|
-
isChanged: selectedDate !== initialSelectedDate || selectedPeriod !== initialSelectedPeriod,
|
|
205
|
-
selectedDate: selectedDate,
|
|
206
|
-
selectedPeriod: selectedPeriod,
|
|
207
|
-
onContinue: commitSelectedDates,
|
|
208
|
-
onCancel: cancelCalendar
|
|
209
|
-
})));
|
|
210
|
-
};
|
|
211
|
-
|
|
212
|
-
export { Calendar as default };
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
.root {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
-moz-osx-font-smoothing: grayscale;
|
|
5
|
-
-webkit-font-smoothing: antialiased;
|
|
6
|
-
gap: 1rem;
|
|
7
|
-
min-width: 360px;
|
|
8
|
-
overflow: hidden;
|
|
9
|
-
position: relative;
|
|
10
|
-
text-rendering: optimizelegibility;
|
|
11
|
-
text-size-adjust: 100%;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.month-control-prev-arrow {
|
|
15
|
-
color: var(--palette-black);
|
|
16
|
-
transform: rotate(180deg);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.month-control-next-arrow {
|
|
20
|
-
color: var(--palette-black);
|
|
21
|
-
position: absolute;
|
|
22
|
-
right: 16px;
|
|
23
|
-
top: 16px;
|
|
24
|
-
transform: rotate(360deg);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.month-control {
|
|
28
|
-
background: transparent;
|
|
29
|
-
border: 0;
|
|
30
|
-
cursor: pointer;
|
|
31
|
-
height: 48px;
|
|
32
|
-
outline: 0;
|
|
33
|
-
padding: 0 16px;
|
|
34
|
-
position: absolute;
|
|
35
|
-
top: 0;
|
|
36
|
-
width: 80px;
|
|
37
|
-
}
|
|
38
|
-
.month-control[disabled] {
|
|
39
|
-
cursor: default;
|
|
40
|
-
}
|
|
41
|
-
.month-control[disabled] .month-control-prev-arrow {
|
|
42
|
-
opacity: 0.3;
|
|
43
|
-
}
|
|
44
|
-
.month-control[disabled] .month-control-next-arrow {
|
|
45
|
-
opacity: 0.3;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.month-control-prev {
|
|
49
|
-
border-left-width: 16px;
|
|
50
|
-
left: 0;
|
|
51
|
-
text-align: left;
|
|
52
|
-
}
|
|
53
|
-
.month-control-prev::before {
|
|
54
|
-
background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
|
|
55
|
-
border: 0 solid #fff;
|
|
56
|
-
border-left-width: 26px;
|
|
57
|
-
content: "";
|
|
58
|
-
display: block;
|
|
59
|
-
height: 100%;
|
|
60
|
-
left: 0;
|
|
61
|
-
position: absolute;
|
|
62
|
-
top: 0;
|
|
63
|
-
width: 40px;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.month-control-next {
|
|
67
|
-
border-right-width: 16px;
|
|
68
|
-
right: 0;
|
|
69
|
-
text-align: right;
|
|
70
|
-
}
|
|
71
|
-
.month-control-next::before {
|
|
72
|
-
background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
|
|
73
|
-
border: 0 solid #fff;
|
|
74
|
-
border-right-width: 26px;
|
|
75
|
-
content: "";
|
|
76
|
-
display: block;
|
|
77
|
-
height: 100%;
|
|
78
|
-
position: absolute;
|
|
79
|
-
right: 0;
|
|
80
|
-
top: 0;
|
|
81
|
-
width: 40px;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.months {
|
|
85
|
-
min-height: 300px;
|
|
86
|
-
position: relative;
|
|
87
|
-
transition: transform 0.3s ease;
|
|
88
|
-
}
|
|
89
|
-
.months > div {
|
|
90
|
-
position: absolute;
|
|
91
|
-
top: 0;
|
|
92
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { Preset } from "./components/Presets";
|
|
2
|
-
export type CalendarPayload = {
|
|
3
|
-
date: string;
|
|
4
|
-
period: number;
|
|
5
|
-
};
|
|
6
|
-
export type CalendarTitleSize = "xs" | "s" | "m" | "l" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
7
|
-
export type CalendarProps = {
|
|
8
|
-
today: string;
|
|
9
|
-
selectedDate?: string;
|
|
10
|
-
selectedPeriod?: number;
|
|
11
|
-
canSelectRange?: boolean;
|
|
12
|
-
activeDates?: string[];
|
|
13
|
-
datePresets?: Preset[];
|
|
14
|
-
availableDates?: string[];
|
|
15
|
-
onChange?: (payload: CalendarPayload) => void;
|
|
16
|
-
onCancel?: () => void;
|
|
17
|
-
withContinueButton?: boolean;
|
|
18
|
-
className?: string;
|
|
19
|
-
minWidth?: number;
|
|
20
|
-
titleSize?: CalendarTitleSize;
|
|
21
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
type Day = {
|
|
2
|
-
day: number;
|
|
3
|
-
isDummy?: boolean;
|
|
4
|
-
isActive?: boolean;
|
|
5
|
-
isSelected?: boolean;
|
|
6
|
-
isStartOfSelection?: boolean;
|
|
7
|
-
isEndOfSelection?: boolean;
|
|
8
|
-
isInSelectedRange?: boolean;
|
|
9
|
-
};
|
|
10
|
-
type Week = Day[];
|
|
11
|
-
type Options = {
|
|
12
|
-
today: string;
|
|
13
|
-
startDate: Date;
|
|
14
|
-
activeDays?: string[];
|
|
15
|
-
selectedDate?: string;
|
|
16
|
-
selectedPeriod?: number;
|
|
17
|
-
availableDates?: string[];
|
|
18
|
-
};
|
|
19
|
-
export declare function getMonthWeeks(options: Options): Week[];
|
|
20
|
-
export {};
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { leadingZeros } from '../../libs/numbers/leadingZeros.js';
|
|
2
|
-
|
|
3
|
-
var dummyDay = {
|
|
4
|
-
day: 0,
|
|
5
|
-
isDummy: true
|
|
6
|
-
};
|
|
7
|
-
function getDateDayInWeek(date) {
|
|
8
|
-
var day = date.getDay() - 1;
|
|
9
|
-
return day >= 0 ? day : 6;
|
|
10
|
-
}
|
|
11
|
-
function doubleDigits(v) {
|
|
12
|
-
return leadingZeros(v, 2);
|
|
13
|
-
}
|
|
14
|
-
function formatToComparable(date) {
|
|
15
|
-
return new Date([date.getFullYear(), doubleDigits(date.getMonth() + 1), doubleDigits(date.getDate())].join("-")).getTime();
|
|
16
|
-
}
|
|
17
|
-
function checkIfDateIsAvailable(date, options) {
|
|
18
|
-
var availableDates = options.availableDates,
|
|
19
|
-
today = options.today;
|
|
20
|
-
var todayCompatible = formatToComparable(new Date(today));
|
|
21
|
-
var availableDatesComparable = availableDates && availableDates.length > 0 && availableDates.map(function (_date) {
|
|
22
|
-
return formatToComparable(new Date(_date));
|
|
23
|
-
});
|
|
24
|
-
var isAvailableDate = availableDatesComparable ? availableDatesComparable.includes(date) : true;
|
|
25
|
-
return date >= todayCompatible && isAvailableDate;
|
|
26
|
-
}
|
|
27
|
-
function getSelectedDates(options) {
|
|
28
|
-
var period = options.selectedPeriod ? options.selectedPeriod - 1 : 0;
|
|
29
|
-
var dateFrom = options.selectedDate ? new Date(options.selectedDate) : undefined;
|
|
30
|
-
var dateTo = dateFrom ? new Date(dateFrom.getTime() + 24 * 60 * 60 * 1000 * period) : undefined;
|
|
31
|
-
return {
|
|
32
|
-
selectedDateFrom: dateFrom ? formatToComparable(dateFrom) : undefined,
|
|
33
|
-
selectedDateTo: dateTo ? formatToComparable(dateTo) : undefined
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
function getMonthWeeks(options) {
|
|
37
|
-
var _a = getSelectedDates(options),
|
|
38
|
-
selectedDateFrom = _a.selectedDateFrom,
|
|
39
|
-
selectedDateTo = _a.selectedDateTo;
|
|
40
|
-
var currMonth = options.startDate.getMonth();
|
|
41
|
-
var weeks = [[]];
|
|
42
|
-
var currWeek = weeks[weeks.length - 1];
|
|
43
|
-
var currDate = new Date(options.startDate);
|
|
44
|
-
{
|
|
45
|
-
// Prepending wirst week with dummy days
|
|
46
|
-
var dayInWeek = getDateDayInWeek(currDate);
|
|
47
|
-
while (dayInWeek) {
|
|
48
|
-
weeks[0].push(dummyDay);
|
|
49
|
-
dayInWeek -= 1;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
while (currDate.getMonth() === currMonth) {
|
|
53
|
-
var currCompareDate = formatToComparable(currDate);
|
|
54
|
-
var isStartOfSelection = currCompareDate === selectedDateFrom;
|
|
55
|
-
var isEndOfSelection = currCompareDate === selectedDateTo;
|
|
56
|
-
currWeek.push({
|
|
57
|
-
day: currDate.getDate(),
|
|
58
|
-
isActive: checkIfDateIsAvailable(currCompareDate, options),
|
|
59
|
-
isSelected: isStartOfSelection || isEndOfSelection,
|
|
60
|
-
isStartOfSelection: isStartOfSelection,
|
|
61
|
-
isEndOfSelection: isEndOfSelection,
|
|
62
|
-
isInSelectedRange: !!selectedDateFrom && !!selectedDateTo && currCompareDate > selectedDateFrom && currCompareDate < selectedDateTo
|
|
63
|
-
});
|
|
64
|
-
if (currWeek.length === 7) {
|
|
65
|
-
currWeek = [];
|
|
66
|
-
weeks.push(currWeek);
|
|
67
|
-
}
|
|
68
|
-
currDate.setDate(currDate.getDate() + 1);
|
|
69
|
-
}
|
|
70
|
-
{
|
|
71
|
-
var lastWeek = weeks[weeks.length - 1];
|
|
72
|
-
while (lastWeek.length < 7) {
|
|
73
|
-
lastWeek.push(dummyDay);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
return weeks;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
export { getMonthWeeks };
|