@os-design/core 1.0.254 → 1.0.256
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/@types/emotion.d.js +1 -0
- package/dist/Alert/index.d.ts +14 -0
- package/dist/Alert/index.d.ts.map +1 -0
- package/dist/Alert/index.js +83 -0
- package/dist/Avatar/index.d.ts +36 -0
- package/dist/Avatar/index.d.ts.map +1 -0
- package/dist/Avatar/index.js +130 -0
- package/dist/Avatar/utils/nameToInitials.d.ts.map +1 -0
- package/dist/Avatar/utils/nameToInitials.js +9 -0
- package/dist/Avatar/utils/strToHue.d.ts +6 -0
- package/dist/Avatar/utils/strToHue.d.ts.map +1 -0
- package/dist/Avatar/utils/strToHue.js +11 -0
- package/dist/AvatarSkeleton/index.d.ts +9 -0
- package/dist/AvatarSkeleton/index.d.ts.map +1 -0
- package/dist/AvatarSkeleton/index.js +26 -0
- package/dist/Badge/index.d.ts +31 -0
- package/dist/Badge/index.d.ts.map +1 -0
- package/dist/Badge/index.js +75 -0
- package/dist/Breadcrumb/index.d.ts +14 -0
- package/dist/Breadcrumb/index.d.ts.map +1 -0
- package/dist/Breadcrumb/index.js +70 -0
- package/dist/BreadcrumbItem/index.d.ts +24 -0
- package/dist/BreadcrumbItem/index.d.ts.map +1 -0
- package/dist/BreadcrumbItem/index.js +59 -0
- package/dist/Button/ButtonContent.d.ts +12 -0
- package/dist/Button/ButtonContent.d.ts.map +1 -0
- package/dist/Button/ButtonContent.js +67 -0
- package/dist/Button/index.d.ts +60 -0
- package/dist/Button/index.d.ts.map +1 -0
- package/dist/Button/index.js +133 -0
- package/dist/Button/utils/useButtonColors.d.ts +22 -0
- package/dist/Button/utils/useButtonColors.d.ts.map +1 -0
- package/dist/Button/utils/useButtonColors.js +57 -0
- package/dist/ButtonLink/index.d.ts +286 -0
- package/dist/ButtonLink/index.d.ts.map +1 -0
- package/dist/ButtonLink/index.js +81 -0
- package/dist/Checkbox/index.d.ts +30 -0
- package/dist/Checkbox/index.d.ts.map +1 -0
- package/dist/Checkbox/index.js +144 -0
- package/dist/CheckboxSkeleton/index.d.ts +15 -0
- package/dist/CheckboxSkeleton/index.d.ts.map +1 -0
- package/dist/CheckboxSkeleton/index.js +52 -0
- package/dist/DatePicker/DatePickerCalendar.d.ts +11 -0
- package/dist/DatePicker/DatePickerCalendar.d.ts.map +1 -0
- package/dist/DatePicker/DatePickerCalendar.js +178 -0
- package/dist/DatePicker/index.d.ts +114 -0
- package/dist/DatePicker/index.d.ts.map +1 -0
- package/dist/DatePicker/index.js +315 -0
- package/dist/Drawer/index.d.ts +33 -0
- package/dist/Drawer/index.d.ts.map +1 -0
- package/dist/Drawer/index.js +136 -0
- package/dist/Form/FormConfigContext.d.ts +10 -0
- package/dist/Form/FormConfigContext.d.ts.map +1 -0
- package/dist/Form/FormConfigContext.js +6 -0
- package/dist/Form/index.d.ts +15 -0
- package/dist/Form/index.d.ts.map +1 -0
- package/dist/Form/index.js +39 -0
- package/dist/FormDivider/index.d.ts +19 -0
- package/dist/FormDivider/index.d.ts.map +1 -0
- package/dist/FormDivider/index.js +61 -0
- package/dist/FormItem/index.d.ts +31 -0
- package/dist/FormItem/index.d.ts.map +1 -0
- package/dist/FormItem/index.js +82 -0
- package/dist/Gallery/Status.d.ts.map +1 -0
- package/dist/Gallery/Status.js +34 -0
- package/dist/Gallery/index.d.ts +34 -0
- package/dist/Gallery/index.d.ts.map +1 -0
- package/dist/Gallery/index.js +193 -0
- package/dist/GlobalStyles/index.d.ts.map +1 -0
- package/dist/GlobalStyles/index.js +14 -0
- package/dist/GlobalStyles/resetStyles.d.ts +5 -0
- package/dist/GlobalStyles/resetStyles.d.ts.map +1 -0
- package/dist/GlobalStyles/resetStyles.js +13 -0
- package/dist/GlobalStyles/typographyStyles.d.ts +5 -0
- package/dist/GlobalStyles/typographyStyles.d.ts.map +1 -0
- package/dist/GlobalStyles/typographyStyles.js +75 -0
- package/dist/HeaderSkeleton/index.d.ts +19 -0
- package/dist/HeaderSkeleton/index.d.ts.map +1 -0
- package/dist/HeaderSkeleton/index.js +37 -0
- package/dist/Image/index.d.ts +35 -0
- package/dist/Image/index.d.ts.map +1 -0
- package/dist/Image/index.js +52 -0
- package/dist/ImageSkeleton/index.d.ts +8 -0
- package/dist/ImageSkeleton/index.d.ts.map +1 -0
- package/dist/ImageSkeleton/index.js +18 -0
- package/dist/Input/index.d.ts +81 -0
- package/dist/Input/index.d.ts.map +1 -0
- package/dist/Input/index.js +192 -0
- package/dist/Input/utils/getFocusableElements.d.ts.map +1 -0
- package/dist/Input/utils/getFocusableElements.js +2 -0
- package/dist/InputNumber/index.d.ts +61 -0
- package/dist/InputNumber/index.d.ts.map +1 -0
- package/dist/InputNumber/index.js +122 -0
- package/dist/InputNumber/utils/defaultLocale.d.ts.map +1 -0
- package/dist/InputNumber/utils/defaultLocale.js +4 -0
- package/dist/InputPassword/index.d.ts +47 -0
- package/dist/InputPassword/index.d.ts.map +1 -0
- package/dist/InputPassword/index.js +129 -0
- package/dist/InputPassword/utils/defaultLocale.d.ts.map +1 -0
- package/dist/InputPassword/utils/defaultLocale.js +5 -0
- package/dist/InputSearch/index.d.ts +30 -0
- package/dist/InputSearch/index.d.ts.map +1 -0
- package/dist/InputSearch/index.js +72 -0
- package/dist/InputSearch/utils/defaultLocale.d.ts.map +1 -0
- package/dist/InputSearch/utils/defaultLocale.js +4 -0
- package/dist/InputSkeleton/index.d.ts +9 -0
- package/dist/InputSkeleton/index.d.ts.map +1 -0
- package/dist/InputSkeleton/index.js +21 -0
- package/dist/Layout/LayoutContext.d.ts +14 -0
- package/dist/Layout/LayoutContext.d.ts.map +1 -0
- package/dist/Layout/LayoutContext.js +7 -0
- package/dist/Layout/index.d.ts +24 -0
- package/dist/Layout/index.d.ts.map +1 -0
- package/dist/Layout/index.js +22 -0
- package/dist/Link/index.d.ts +37 -0
- package/dist/Link/index.d.ts.map +1 -0
- package/dist/Link/index.js +111 -0
- package/dist/LinkButton/index.d.ts +20 -0
- package/dist/LinkButton/index.d.ts.map +1 -0
- package/dist/LinkButton/index.js +57 -0
- package/dist/List/WindowScroller.d.ts +17 -0
- package/dist/List/WindowScroller.d.ts.map +1 -0
- package/dist/List/WindowScroller.js +33 -0
- package/dist/List/index.d.ts +67 -0
- package/dist/List/index.d.ts.map +1 -0
- package/dist/List/index.js +111 -0
- package/dist/List/utils/bodyPointerEvents.d.ts.map +1 -0
- package/dist/List/utils/bodyPointerEvents.js +20 -0
- package/dist/List/utils/frameTimeout.d.ts +12 -0
- package/dist/List/utils/frameTimeout.d.ts.map +1 -0
- package/dist/List/utils/frameTimeout.js +28 -0
- package/dist/List/utils/useRWLoadNext.d.ts +16 -0
- package/dist/List/utils/useRWLoadNext.d.ts.map +1 -0
- package/dist/List/utils/useRWLoadNext.js +26 -0
- package/dist/ListItem/index.d.ts +30 -0
- package/dist/ListItem/index.d.ts.map +1 -0
- package/dist/ListItem/index.js +70 -0
- package/dist/ListItemActions/index.d.ts +21 -0
- package/dist/ListItemActions/index.d.ts.map +1 -0
- package/dist/ListItemActions/index.js +135 -0
- package/dist/ListItemLink/index.d.ts +10 -0
- package/dist/ListItemLink/index.d.ts.map +1 -0
- package/dist/ListItemLink/index.js +60 -0
- package/dist/ListItemSkeleton/index.d.ts +24 -0
- package/dist/ListItemSkeleton/index.d.ts.map +1 -0
- package/dist/ListItemSkeleton/index.js +35 -0
- package/dist/ListSkeleton/index.d.ts +16 -0
- package/dist/ListSkeleton/index.d.ts.map +1 -0
- package/dist/ListSkeleton/index.js +37 -0
- package/dist/LogoLink/index.d.ts +15 -0
- package/dist/LogoLink/index.d.ts.map +1 -0
- package/dist/LogoLink/index.js +68 -0
- package/dist/Menu/index.d.ts +19 -0
- package/dist/Menu/index.d.ts.map +1 -0
- package/dist/Menu/index.js +88 -0
- package/dist/Menu/utils/useFocusWithArrows.d.ts +4 -0
- package/dist/Menu/utils/useFocusWithArrows.d.ts.map +1 -0
- package/dist/Menu/utils/useFocusWithArrows.js +29 -0
- package/dist/MenuDivider/index.d.ts +7 -0
- package/dist/MenuDivider/index.d.ts.map +1 -0
- package/dist/MenuDivider/index.js +20 -0
- package/dist/MenuGroup/index.d.ts +51 -0
- package/dist/MenuGroup/index.d.ts.map +1 -0
- package/dist/MenuGroup/index.js +107 -0
- package/dist/MenuItem/index.d.ts +19 -0
- package/dist/MenuItem/index.d.ts.map +1 -0
- package/dist/MenuItem/index.js +77 -0
- package/dist/Modal/index.d.ts +76 -0
- package/dist/Modal/index.d.ts.map +1 -0
- package/dist/Modal/index.js +264 -0
- package/dist/Modal/utils/defaultLocale.d.ts.map +1 -0
- package/dist/Modal/utils/defaultLocale.js +4 -0
- package/dist/Navigation/index.d.ts +22 -0
- package/dist/Navigation/index.d.ts.map +1 -0
- package/dist/Navigation/index.js +170 -0
- package/dist/Navigation/utils/useScrollFlags.d.ts +8 -0
- package/dist/Navigation/utils/useScrollFlags.d.ts.map +1 -0
- package/dist/Navigation/utils/useScrollFlags.js +24 -0
- package/dist/NavigationItem/index.d.ts +21 -0
- package/dist/NavigationItem/index.d.ts.map +1 -0
- package/dist/NavigationItem/index.js +103 -0
- package/dist/PageContent/index.d.ts +20 -0
- package/dist/PageContent/index.d.ts.map +1 -0
- package/dist/PageContent/index.js +66 -0
- package/dist/PageHeader/index.d.ts +60 -0
- package/dist/PageHeader/index.d.ts.map +1 -0
- package/dist/PageHeader/index.js +149 -0
- package/dist/PageHeader/utils/defaultLocale.d.ts.map +1 -0
- package/dist/PageHeader/utils/defaultLocale.js +4 -0
- package/dist/PageHeaderInputSearch/index.d.ts +25 -0
- package/dist/PageHeaderInputSearch/index.d.ts.map +1 -0
- package/dist/PageHeaderInputSearch/index.js +93 -0
- package/dist/PageHeaderInputSearch/utils/defaultLocale.d.ts +8 -0
- package/dist/PageHeaderInputSearch/utils/defaultLocale.d.ts.map +1 -0
- package/dist/PageHeaderInputSearch/utils/defaultLocale.js +7 -0
- package/dist/PageHeaderSkeleton/index.d.ts +10 -0
- package/dist/PageHeaderSkeleton/index.d.ts.map +1 -0
- package/dist/PageHeaderSkeleton/index.js +27 -0
- package/dist/ParagraphSkeleton/index.d.ts +24 -0
- package/dist/ParagraphSkeleton/index.d.ts.map +1 -0
- package/dist/ParagraphSkeleton/index.js +38 -0
- package/dist/Popover/index.d.ts +42 -0
- package/dist/Popover/index.d.ts.map +1 -0
- package/dist/Popover/index.js +156 -0
- package/dist/Popover/utils/usePopoverPosition.d.ts +47 -0
- package/dist/Popover/utils/usePopoverPosition.d.ts.map +1 -0
- package/dist/Popover/utils/usePopoverPosition.js +158 -0
- package/dist/Progress/index.d.ts +25 -0
- package/dist/Progress/index.d.ts.map +1 -0
- package/dist/Progress/index.js +68 -0
- package/dist/RadioGroup/index.d.ts +55 -0
- package/dist/RadioGroup/index.d.ts.map +1 -0
- package/dist/RadioGroup/index.js +85 -0
- package/dist/RadioGroupSkeleton/index.d.ts +15 -0
- package/dist/RadioGroupSkeleton/index.d.ts.map +1 -0
- package/dist/RadioGroupSkeleton/index.js +24 -0
- package/dist/Result/index.d.ts +31 -0
- package/dist/Result/index.d.ts.map +1 -0
- package/dist/Result/index.js +89 -0
- package/dist/ScrollButton/index.d.ts +25 -0
- package/dist/ScrollButton/index.d.ts.map +1 -0
- package/dist/ScrollButton/index.js +101 -0
- package/dist/ScrollButton/utils/useContainerPosition.d.ts +11 -0
- package/dist/ScrollButton/utils/useContainerPosition.d.ts.map +1 -0
- package/dist/ScrollButton/utils/useContainerPosition.js +32 -0
- package/dist/ScrollButton/utils/useVisibility.d.ts +12 -0
- package/dist/ScrollButton/utils/useVisibility.d.ts.map +1 -0
- package/dist/ScrollButton/utils/useVisibility.js +29 -0
- package/dist/Select/index.d.ts +230 -0
- package/dist/Select/index.d.ts.map +1 -0
- package/dist/Select/index.js +558 -0
- package/dist/Select/utils/defaultLocale.d.ts.map +1 -0
- package/dist/Select/utils/defaultLocale.js +5 -0
- package/dist/Skeleton/index.d.ts +14 -0
- package/dist/Skeleton/index.d.ts.map +1 -0
- package/dist/Skeleton/index.js +40 -0
- package/dist/Switch/index.d.ts +30 -0
- package/dist/Switch/index.d.ts.map +1 -0
- package/dist/Switch/index.js +126 -0
- package/dist/SwitchSkeleton/index.d.ts +9 -0
- package/dist/SwitchSkeleton/index.d.ts.map +1 -0
- package/dist/SwitchSkeleton/index.js +23 -0
- package/dist/Tag/index.d.ts +34 -0
- package/dist/Tag/index.d.ts.map +1 -0
- package/dist/Tag/index.js +54 -0
- package/dist/TagLink/index.d.ts +10 -0
- package/dist/TagLink/index.d.ts.map +1 -0
- package/dist/TagLink/index.js +44 -0
- package/dist/TagList/index.d.ts +15 -0
- package/dist/TagList/index.d.ts.map +1 -0
- package/dist/TagList/index.js +67 -0
- package/dist/TagListSkeleton/index.d.ts +19 -0
- package/dist/TagListSkeleton/index.d.ts.map +1 -0
- package/dist/TagListSkeleton/index.js +25 -0
- package/dist/TagSkeleton/index.d.ts +15 -0
- package/dist/TagSkeleton/index.d.ts.map +1 -0
- package/dist/TagSkeleton/index.js +25 -0
- package/dist/TextArea/index.d.ts +63 -0
- package/dist/TextArea/index.d.ts.map +1 -0
- package/dist/TextArea/index.js +118 -0
- package/dist/TextAreaSkeleton/index.d.ts +8 -0
- package/dist/TextAreaSkeleton/index.d.ts.map +1 -0
- package/dist/TextAreaSkeleton/index.js +17 -0
- package/dist/ThemeSwitcher/index.d.ts +284 -0
- package/dist/ThemeSwitcher/index.d.ts.map +1 -0
- package/dist/ThemeSwitcher/index.js +33 -0
- package/dist/TimePicker/index.d.ts +29 -0
- package/dist/TimePicker/index.d.ts.map +1 -0
- package/dist/TimePicker/index.js +95 -0
- package/dist/Video/index.d.ts +8 -0
- package/dist/Video/index.d.ts.map +1 -0
- package/dist/Video/index.js +34 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +130 -0
- package/dist/message/AlertIcon.d.ts.map +1 -0
- package/dist/message/AlertIcon.js +42 -0
- package/dist/message/Message.d.ts +8 -0
- package/dist/message/Message.d.ts.map +1 -0
- package/dist/message/Message.js +89 -0
- package/dist/message/index.d.ts +4 -0
- package/dist/message/index.d.ts.map +1 -0
- package/dist/message/index.js +58 -0
- package/dist/message/styles.d.ts.map +1 -0
- package/dist/message/styles.js +19 -0
- package/package.json +18 -19
- package/src/@types/emotion.d.ts +1 -1
- package/src/Alert/index.tsx +2 -2
- package/src/Avatar/index.tsx +4 -4
- package/src/Avatar/utils/strToHue.ts +0 -1
- package/src/AvatarSkeleton/index.tsx +2 -2
- package/src/Badge/index.tsx +2 -2
- package/src/Breadcrumb/index.tsx +6 -2
- package/src/BreadcrumbItem/index.tsx +2 -2
- package/src/Button/ButtonContent.tsx +1 -1
- package/src/Button/index.tsx +2 -2
- package/src/Button/utils/useButtonColors.ts +1 -1
- package/src/ButtonLink/index.tsx +7 -3
- package/src/Checkbox/index.tsx +2 -2
- package/src/CheckboxSkeleton/index.tsx +2 -2
- package/src/DatePicker/DatePickerCalendar.tsx +8 -3
- package/src/DatePicker/index.tsx +4 -2
- package/src/Drawer/index.tsx +3 -2
- package/src/Form/index.tsx +2 -2
- package/src/FormDivider/index.tsx +2 -2
- package/src/FormItem/index.tsx +2 -2
- package/src/Gallery/Status.tsx +1 -1
- package/src/Gallery/index.tsx +5 -3
- package/src/GlobalStyles/resetStyles.ts +2 -2
- package/src/GlobalStyles/typographyStyles.ts +2 -2
- package/src/HeaderSkeleton/index.tsx +2 -2
- package/src/Image/index.tsx +1 -1
- package/src/ImageSkeleton/index.tsx +2 -2
- package/src/Input/index.tsx +5 -5
- package/src/InputNumber/index.tsx +3 -3
- package/src/InputPassword/index.tsx +3 -4
- package/src/InputSearch/index.tsx +3 -3
- package/src/InputSkeleton/index.tsx +3 -3
- package/src/Link/index.tsx +1 -1
- package/src/LinkButton/index.tsx +6 -2
- package/src/List/WindowScroller.tsx +2 -3
- package/src/List/index.tsx +4 -6
- package/src/List/utils/bodyPointerEvents.ts +1 -1
- package/src/ListItem/index.tsx +1 -1
- package/src/ListItemActions/index.tsx +3 -3
- package/src/ListItemLink/index.tsx +4 -4
- package/src/ListItemSkeleton/index.tsx +2 -2
- package/src/ListSkeleton/index.tsx +5 -3
- package/src/LogoLink/index.tsx +3 -3
- package/src/Menu/index.tsx +2 -2
- package/src/Menu/utils/useFocusWithArrows.ts +2 -2
- package/src/MenuDivider/index.tsx +1 -1
- package/src/MenuItem/index.tsx +2 -8
- package/src/Modal/index.tsx +5 -4
- package/src/Navigation/utils/useScrollFlags.ts +1 -1
- package/src/NavigationItem/index.tsx +1 -1
- package/src/PageContent/index.tsx +1 -1
- package/src/PageHeader/index.tsx +1 -1
- package/src/PageHeaderInputSearch/index.tsx +4 -3
- package/src/PageHeaderInputSearch/utils/defaultLocale.ts +1 -1
- package/src/PageHeaderSkeleton/index.tsx +3 -3
- package/src/ParagraphSkeleton/index.tsx +2 -2
- package/src/Popover/index.tsx +6 -6
- package/src/Progress/index.tsx +2 -2
- package/src/RadioGroup/index.tsx +3 -3
- package/src/RadioGroupSkeleton/index.tsx +3 -3
- package/src/Result/index.tsx +1 -1
- package/src/ScrollButton/index.tsx +5 -5
- package/src/ScrollButton/utils/useContainerPosition.ts +1 -1
- package/src/ScrollButton/utils/useVisibility.ts +1 -1
- package/src/Select/index.tsx +5 -6
- package/src/Skeleton/index.tsx +1 -1
- package/src/Switch/index.tsx +2 -2
- package/src/SwitchSkeleton/index.tsx +3 -3
- package/src/Tag/index.tsx +1 -1
- package/src/TagLink/index.tsx +3 -3
- package/src/TagList/index.tsx +2 -2
- package/src/TagListSkeleton/index.tsx +2 -2
- package/src/TagSkeleton/index.tsx +3 -3
- package/src/TextArea/index.tsx +5 -5
- package/src/TextAreaSkeleton/index.tsx +2 -2
- package/src/ThemeSwitcher/index.tsx +2 -2
- package/src/TimePicker/index.tsx +2 -8
- package/src/Video/index.tsx +3 -2
- package/src/message/AlertIcon.tsx +1 -1
- package/src/message/Message.tsx +2 -2
- package/src/message/index.tsx +1 -2
- package/src/message/styles.ts +0 -1
- package/dist/cjs/@types/emotion.d.js +0 -4
- package/dist/cjs/@types/emotion.d.js.map +0 -1
- package/dist/cjs/Alert/index.js +0 -77
- package/dist/cjs/Alert/index.js.map +0 -1
- package/dist/cjs/Avatar/index.js +0 -100
- package/dist/cjs/Avatar/index.js.map +0 -1
- package/dist/cjs/Avatar/utils/nameToInitials.js +0 -15
- package/dist/cjs/Avatar/utils/nameToInitials.js.map +0 -1
- package/dist/cjs/Avatar/utils/strToHue.js +0 -19
- package/dist/cjs/Avatar/utils/strToHue.js.map +0 -1
- package/dist/cjs/AvatarSkeleton/index.js +0 -41
- package/dist/cjs/AvatarSkeleton/index.js.map +0 -1
- package/dist/cjs/Badge/index.js +0 -80
- package/dist/cjs/Badge/index.js.map +0 -1
- package/dist/cjs/Breadcrumb/index.js +0 -80
- package/dist/cjs/Breadcrumb/index.js.map +0 -1
- package/dist/cjs/BreadcrumbItem/index.js +0 -65
- package/dist/cjs/BreadcrumbItem/index.js.map +0 -1
- package/dist/cjs/Button/ButtonContent.js +0 -48
- package/dist/cjs/Button/ButtonContent.js.map +0 -1
- package/dist/cjs/Button/index.js +0 -108
- package/dist/cjs/Button/index.js.map +0 -1
- package/dist/cjs/Button/utils/useButtonColors.js +0 -62
- package/dist/cjs/Button/utils/useButtonColors.js.map +0 -1
- package/dist/cjs/ButtonLink/index.js +0 -94
- package/dist/cjs/ButtonLink/index.js.map +0 -1
- package/dist/cjs/Checkbox/index.js +0 -136
- package/dist/cjs/Checkbox/index.js.map +0 -1
- package/dist/cjs/CheckboxSkeleton/index.js +0 -67
- package/dist/cjs/CheckboxSkeleton/index.js.map +0 -1
- package/dist/cjs/DatePicker/DatePickerCalendar.js +0 -163
- package/dist/cjs/DatePicker/DatePickerCalendar.js.map +0 -1
- package/dist/cjs/DatePicker/index.js +0 -346
- package/dist/cjs/DatePicker/index.js.map +0 -1
- package/dist/cjs/Drawer/index.js +0 -116
- package/dist/cjs/Drawer/index.js.map +0 -1
- package/dist/cjs/Form/FormConfigContext.js +0 -14
- package/dist/cjs/Form/FormConfigContext.js.map +0 -1
- package/dist/cjs/Form/index.js +0 -44
- package/dist/cjs/Form/index.js.map +0 -1
- package/dist/cjs/FormDivider/index.js +0 -52
- package/dist/cjs/FormDivider/index.js.map +0 -1
- package/dist/cjs/FormItem/index.js +0 -96
- package/dist/cjs/FormItem/index.js.map +0 -1
- package/dist/cjs/Gallery/Status.js +0 -41
- package/dist/cjs/Gallery/Status.js.map +0 -1
- package/dist/cjs/Gallery/index.js +0 -198
- package/dist/cjs/Gallery/index.js.map +0 -1
- package/dist/cjs/GlobalStyles/index.js +0 -23
- package/dist/cjs/GlobalStyles/index.js.map +0 -1
- package/dist/cjs/GlobalStyles/resetStyles.js +0 -14
- package/dist/cjs/GlobalStyles/resetStyles.js.map +0 -1
- package/dist/cjs/GlobalStyles/typographyStyles.js +0 -44
- package/dist/cjs/GlobalStyles/typographyStyles.js.map +0 -1
- package/dist/cjs/HeaderSkeleton/index.js +0 -54
- package/dist/cjs/HeaderSkeleton/index.js.map +0 -1
- package/dist/cjs/Image/index.js +0 -73
- package/dist/cjs/Image/index.js.map +0 -1
- package/dist/cjs/ImageSkeleton/index.js +0 -31
- package/dist/cjs/ImageSkeleton/index.js.map +0 -1
- package/dist/cjs/Input/index.js +0 -167
- package/dist/cjs/Input/index.js.map +0 -1
- package/dist/cjs/Input/utils/getFocusableElements.js +0 -19
- package/dist/cjs/Input/utils/getFocusableElements.js.map +0 -1
- package/dist/cjs/InputNumber/index.js +0 -163
- package/dist/cjs/InputNumber/index.js.map +0 -1
- package/dist/cjs/InputNumber/utils/defaultLocale.js +0 -11
- package/dist/cjs/InputNumber/utils/defaultLocale.js.map +0 -1
- package/dist/cjs/InputPassword/index.js +0 -161
- package/dist/cjs/InputPassword/index.js.map +0 -1
- package/dist/cjs/InputPassword/utils/defaultLocale.js +0 -12
- package/dist/cjs/InputPassword/utils/defaultLocale.js.map +0 -1
- package/dist/cjs/InputSearch/index.js +0 -98
- package/dist/cjs/InputSearch/index.js.map +0 -1
- package/dist/cjs/InputSearch/utils/defaultLocale.js +0 -11
- package/dist/cjs/InputSearch/utils/defaultLocale.js.map +0 -1
- package/dist/cjs/InputSkeleton/index.js +0 -35
- package/dist/cjs/InputSkeleton/index.js.map +0 -1
- package/dist/cjs/Layout/LayoutContext.js +0 -15
- package/dist/cjs/Layout/LayoutContext.js.map +0 -1
- package/dist/cjs/Layout/index.js +0 -34
- package/dist/cjs/Layout/index.js.map +0 -1
- package/dist/cjs/Link/index.js +0 -72
- package/dist/cjs/Link/index.js.map +0 -1
- package/dist/cjs/LinkButton/index.js +0 -61
- package/dist/cjs/LinkButton/index.js.map +0 -1
- package/dist/cjs/List/WindowScroller.js +0 -46
- package/dist/cjs/List/WindowScroller.js.map +0 -1
- package/dist/cjs/List/index.js +0 -166
- package/dist/cjs/List/index.js.map +0 -1
- package/dist/cjs/List/utils/bodyPointerEvents.js +0 -27
- package/dist/cjs/List/utils/bodyPointerEvents.js.map +0 -1
- package/dist/cjs/List/utils/frameTimeout.js +0 -35
- package/dist/cjs/List/utils/frameTimeout.js.map +0 -1
- package/dist/cjs/List/utils/useRWLoadNext.js +0 -32
- package/dist/cjs/List/utils/useRWLoadNext.js.map +0 -1
- package/dist/cjs/ListItem/index.js +0 -61
- package/dist/cjs/ListItem/index.js.map +0 -1
- package/dist/cjs/ListItemActions/index.js +0 -138
- package/dist/cjs/ListItemActions/index.js.map +0 -1
- package/dist/cjs/ListItemLink/index.js +0 -63
- package/dist/cjs/ListItemLink/index.js.map +0 -1
- package/dist/cjs/ListItemSkeleton/index.js +0 -48
- package/dist/cjs/ListItemSkeleton/index.js.map +0 -1
- package/dist/cjs/ListSkeleton/index.js +0 -51
- package/dist/cjs/ListSkeleton/index.js.map +0 -1
- package/dist/cjs/LogoLink/index.js +0 -57
- package/dist/cjs/LogoLink/index.js.map +0 -1
- package/dist/cjs/Menu/index.js +0 -112
- package/dist/cjs/Menu/index.js.map +0 -1
- package/dist/cjs/Menu/utils/useFocusWithArrows.js +0 -41
- package/dist/cjs/Menu/utils/useFocusWithArrows.js.map +0 -1
- package/dist/cjs/MenuDivider/index.js +0 -33
- package/dist/cjs/MenuDivider/index.js.map +0 -1
- package/dist/cjs/MenuGroup/index.js +0 -128
- package/dist/cjs/MenuGroup/index.js.map +0 -1
- package/dist/cjs/MenuItem/index.js +0 -81
- package/dist/cjs/MenuItem/index.js.map +0 -1
- package/dist/cjs/Modal/index.js +0 -211
- package/dist/cjs/Modal/index.js.map +0 -1
- package/dist/cjs/Modal/utils/defaultLocale.js +0 -11
- package/dist/cjs/Modal/utils/defaultLocale.js.map +0 -1
- package/dist/cjs/Navigation/index.js +0 -81
- package/dist/cjs/Navigation/index.js.map +0 -1
- package/dist/cjs/Navigation/utils/useScrollFlags.js +0 -43
- package/dist/cjs/Navigation/utils/useScrollFlags.js.map +0 -1
- package/dist/cjs/NavigationItem/index.js +0 -75
- package/dist/cjs/NavigationItem/index.js.map +0 -1
- package/dist/cjs/PageContent/index.js +0 -64
- package/dist/cjs/PageContent/index.js.map +0 -1
- package/dist/cjs/PageHeader/index.js +0 -113
- package/dist/cjs/PageHeader/index.js.map +0 -1
- package/dist/cjs/PageHeader/utils/defaultLocale.js +0 -11
- package/dist/cjs/PageHeader/utils/defaultLocale.js.map +0 -1
- package/dist/cjs/PageHeaderInputSearch/index.js +0 -105
- package/dist/cjs/PageHeaderInputSearch/index.js.map +0 -1
- package/dist/cjs/PageHeaderInputSearch/utils/defaultLocale.js +0 -20
- package/dist/cjs/PageHeaderInputSearch/utils/defaultLocale.js.map +0 -1
- package/dist/cjs/PageHeaderSkeleton/index.js +0 -39
- package/dist/cjs/PageHeaderSkeleton/index.js.map +0 -1
- package/dist/cjs/ParagraphSkeleton/index.js +0 -55
- package/dist/cjs/ParagraphSkeleton/index.js.map +0 -1
- package/dist/cjs/Popover/index.js +0 -178
- package/dist/cjs/Popover/index.js.map +0 -1
- package/dist/cjs/Popover/utils/usePopoverPosition.js +0 -173
- package/dist/cjs/Popover/utils/usePopoverPosition.js.map +0 -1
- package/dist/cjs/Progress/index.js +0 -80
- package/dist/cjs/Progress/index.js.map +0 -1
- package/dist/cjs/RadioGroup/index.js +0 -95
- package/dist/cjs/RadioGroup/index.js.map +0 -1
- package/dist/cjs/RadioGroupSkeleton/index.js +0 -41
- package/dist/cjs/RadioGroupSkeleton/index.js.map +0 -1
- package/dist/cjs/Result/index.js +0 -58
- package/dist/cjs/Result/index.js.map +0 -1
- package/dist/cjs/ScrollButton/index.js +0 -109
- package/dist/cjs/ScrollButton/index.js.map +0 -1
- package/dist/cjs/ScrollButton/utils/useContainerPosition.js +0 -48
- package/dist/cjs/ScrollButton/utils/useContainerPosition.js.map +0 -1
- package/dist/cjs/ScrollButton/utils/useVisibility.js +0 -46
- package/dist/cjs/ScrollButton/utils/useVisibility.js.map +0 -1
- package/dist/cjs/Select/index.js +0 -543
- package/dist/cjs/Select/index.js.map +0 -1
- package/dist/cjs/Select/utils/defaultLocale.js +0 -12
- package/dist/cjs/Select/utils/defaultLocale.js.map +0 -1
- package/dist/cjs/Skeleton/index.js +0 -51
- package/dist/cjs/Skeleton/index.js.map +0 -1
- package/dist/cjs/Switch/index.js +0 -122
- package/dist/cjs/Switch/index.js.map +0 -1
- package/dist/cjs/SwitchSkeleton/index.js +0 -39
- package/dist/cjs/SwitchSkeleton/index.js.map +0 -1
- package/dist/cjs/Tag/index.js +0 -55
- package/dist/cjs/Tag/index.js.map +0 -1
- package/dist/cjs/TagLink/index.js +0 -49
- package/dist/cjs/TagLink/index.js.map +0 -1
- package/dist/cjs/TagList/index.js +0 -77
- package/dist/cjs/TagList/index.js.map +0 -1
- package/dist/cjs/TagListSkeleton/index.js +0 -40
- package/dist/cjs/TagListSkeleton/index.js.map +0 -1
- package/dist/cjs/TagSkeleton/index.js +0 -43
- package/dist/cjs/TagSkeleton/index.js.map +0 -1
- package/dist/cjs/TextArea/index.js +0 -142
- package/dist/cjs/TextArea/index.js.map +0 -1
- package/dist/cjs/TextAreaSkeleton/index.js +0 -31
- package/dist/cjs/TextAreaSkeleton/index.js.map +0 -1
- package/dist/cjs/ThemeSwitcher/index.js +0 -45
- package/dist/cjs/ThemeSwitcher/index.js.map +0 -1
- package/dist/cjs/TimePicker/index.js +0 -123
- package/dist/cjs/TimePicker/index.js.map +0 -1
- package/dist/cjs/Video/index.js +0 -38
- package/dist/cjs/Video/index.js.map +0 -1
- package/dist/cjs/index.js +0 -1244
- package/dist/cjs/index.js.map +0 -1
- package/dist/cjs/message/AlertIcon.js +0 -42
- package/dist/cjs/message/AlertIcon.js.map +0 -1
- package/dist/cjs/message/Message.js +0 -58
- package/dist/cjs/message/Message.js.map +0 -1
- package/dist/cjs/message/index.js +0 -75
- package/dist/cjs/message/index.js.map +0 -1
- package/dist/cjs/message/styles.js +0 -36
- package/dist/cjs/message/styles.js.map +0 -1
- package/dist/esm/@types/emotion.d.js +0 -2
- package/dist/esm/@types/emotion.d.js.map +0 -1
- package/dist/esm/Alert/index.js +0 -80
- package/dist/esm/Alert/index.js.map +0 -1
- package/dist/esm/Avatar/index.js +0 -122
- package/dist/esm/Avatar/index.js.map +0 -1
- package/dist/esm/Avatar/utils/nameToInitials.js +0 -10
- package/dist/esm/Avatar/utils/nameToInitials.js.map +0 -1
- package/dist/esm/Avatar/utils/strToHue.js +0 -13
- package/dist/esm/Avatar/utils/strToHue.js.map +0 -1
- package/dist/esm/AvatarSkeleton/index.js +0 -26
- package/dist/esm/AvatarSkeleton/index.js.map +0 -1
- package/dist/esm/Badge/index.js +0 -68
- package/dist/esm/Badge/index.js.map +0 -1
- package/dist/esm/Breadcrumb/index.js +0 -69
- package/dist/esm/Breadcrumb/index.js.map +0 -1
- package/dist/esm/BreadcrumbItem/index.js +0 -55
- package/dist/esm/BreadcrumbItem/index.js.map +0 -1
- package/dist/esm/Button/ButtonContent.js +0 -58
- package/dist/esm/Button/ButtonContent.js.map +0 -1
- package/dist/esm/Button/index.js +0 -133
- package/dist/esm/Button/index.js.map +0 -1
- package/dist/esm/Button/utils/useButtonColors.js +0 -58
- package/dist/esm/Button/utils/useButtonColors.js.map +0 -1
- package/dist/esm/ButtonLink/index.js +0 -78
- package/dist/esm/ButtonLink/index.js.map +0 -1
- package/dist/esm/Checkbox/index.js +0 -142
- package/dist/esm/Checkbox/index.js.map +0 -1
- package/dist/esm/CheckboxSkeleton/index.js +0 -50
- package/dist/esm/CheckboxSkeleton/index.js.map +0 -1
- package/dist/esm/DatePicker/DatePickerCalendar.js +0 -164
- package/dist/esm/DatePicker/DatePickerCalendar.js.map +0 -1
- package/dist/esm/DatePicker/index.js +0 -289
- package/dist/esm/DatePicker/index.js.map +0 -1
- package/dist/esm/Drawer/index.js +0 -131
- package/dist/esm/Drawer/index.js.map +0 -1
- package/dist/esm/Form/FormConfigContext.js +0 -7
- package/dist/esm/Form/FormConfigContext.js.map +0 -1
- package/dist/esm/Form/index.js +0 -38
- package/dist/esm/Form/index.js.map +0 -1
- package/dist/esm/FormDivider/index.js +0 -55
- package/dist/esm/FormDivider/index.js.map +0 -1
- package/dist/esm/FormItem/index.js +0 -75
- package/dist/esm/FormItem/index.js.map +0 -1
- package/dist/esm/Gallery/Status.js +0 -35
- package/dist/esm/Gallery/Status.js.map +0 -1
- package/dist/esm/Gallery/index.js +0 -184
- package/dist/esm/Gallery/index.js.map +0 -1
- package/dist/esm/GlobalStyles/index.js +0 -14
- package/dist/esm/GlobalStyles/index.js.map +0 -1
- package/dist/esm/GlobalStyles/resetStyles.js +0 -14
- package/dist/esm/GlobalStyles/resetStyles.js.map +0 -1
- package/dist/esm/GlobalStyles/typographyStyles.js +0 -76
- package/dist/esm/GlobalStyles/typographyStyles.js.map +0 -1
- package/dist/esm/HeaderSkeleton/index.js +0 -38
- package/dist/esm/HeaderSkeleton/index.js.map +0 -1
- package/dist/esm/Image/index.js +0 -53
- package/dist/esm/Image/index.js.map +0 -1
- package/dist/esm/ImageSkeleton/index.js +0 -19
- package/dist/esm/ImageSkeleton/index.js.map +0 -1
- package/dist/esm/Input/index.js +0 -187
- package/dist/esm/Input/index.js.map +0 -1
- package/dist/esm/Input/utils/getFocusableElements.js +0 -3
- package/dist/esm/Input/utils/getFocusableElements.js.map +0 -1
- package/dist/esm/InputNumber/index.js +0 -123
- package/dist/esm/InputNumber/index.js.map +0 -1
- package/dist/esm/InputNumber/utils/defaultLocale.js +0 -5
- package/dist/esm/InputNumber/utils/defaultLocale.js.map +0 -1
- package/dist/esm/InputPassword/index.js +0 -126
- package/dist/esm/InputPassword/index.js.map +0 -1
- package/dist/esm/InputPassword/utils/defaultLocale.js +0 -6
- package/dist/esm/InputPassword/utils/defaultLocale.js.map +0 -1
- package/dist/esm/InputSearch/index.js +0 -72
- package/dist/esm/InputSearch/index.js.map +0 -1
- package/dist/esm/InputSearch/utils/defaultLocale.js +0 -5
- package/dist/esm/InputSearch/utils/defaultLocale.js.map +0 -1
- package/dist/esm/InputSkeleton/index.js +0 -22
- package/dist/esm/InputSkeleton/index.js.map +0 -1
- package/dist/esm/Layout/LayoutContext.js +0 -8
- package/dist/esm/Layout/LayoutContext.js.map +0 -1
- package/dist/esm/Layout/index.js +0 -21
- package/dist/esm/Layout/index.js.map +0 -1
- package/dist/esm/Link/index.js +0 -110
- package/dist/esm/Link/index.js.map +0 -1
- package/dist/esm/LinkButton/index.js +0 -56
- package/dist/esm/LinkButton/index.js.map +0 -1
- package/dist/esm/List/WindowScroller.js +0 -33
- package/dist/esm/List/WindowScroller.js.map +0 -1
- package/dist/esm/List/index.js +0 -110
- package/dist/esm/List/index.js.map +0 -1
- package/dist/esm/List/utils/bodyPointerEvents.js +0 -21
- package/dist/esm/List/utils/bodyPointerEvents.js.map +0 -1
- package/dist/esm/List/utils/frameTimeout.js +0 -29
- package/dist/esm/List/utils/frameTimeout.js.map +0 -1
- package/dist/esm/List/utils/useRWLoadNext.js +0 -27
- package/dist/esm/List/utils/useRWLoadNext.js.map +0 -1
- package/dist/esm/ListItem/index.js +0 -59
- package/dist/esm/ListItem/index.js.map +0 -1
- package/dist/esm/ListItemActions/index.js +0 -133
- package/dist/esm/ListItemActions/index.js.map +0 -1
- package/dist/esm/ListItemLink/index.js +0 -58
- package/dist/esm/ListItemLink/index.js.map +0 -1
- package/dist/esm/ListItemSkeleton/index.js +0 -32
- package/dist/esm/ListItemSkeleton/index.js.map +0 -1
- package/dist/esm/ListSkeleton/index.js +0 -37
- package/dist/esm/ListSkeleton/index.js.map +0 -1
- package/dist/esm/LogoLink/index.js +0 -68
- package/dist/esm/LogoLink/index.js.map +0 -1
- package/dist/esm/Menu/index.js +0 -86
- package/dist/esm/Menu/index.js.map +0 -1
- package/dist/esm/Menu/utils/useFocusWithArrows.js +0 -30
- package/dist/esm/Menu/utils/useFocusWithArrows.js.map +0 -1
- package/dist/esm/MenuDivider/index.js +0 -21
- package/dist/esm/MenuDivider/index.js.map +0 -1
- package/dist/esm/MenuGroup/index.js +0 -105
- package/dist/esm/MenuGroup/index.js.map +0 -1
- package/dist/esm/MenuItem/index.js +0 -77
- package/dist/esm/MenuItem/index.js.map +0 -1
- package/dist/esm/Modal/index.js +0 -250
- package/dist/esm/Modal/index.js.map +0 -1
- package/dist/esm/Modal/utils/defaultLocale.js +0 -5
- package/dist/esm/Modal/utils/defaultLocale.js.map +0 -1
- package/dist/esm/Navigation/index.js +0 -165
- package/dist/esm/Navigation/index.js.map +0 -1
- package/dist/esm/Navigation/utils/useScrollFlags.js +0 -25
- package/dist/esm/Navigation/utils/useScrollFlags.js.map +0 -1
- package/dist/esm/NavigationItem/index.js +0 -98
- package/dist/esm/NavigationItem/index.js.map +0 -1
- package/dist/esm/PageContent/index.js +0 -66
- package/dist/esm/PageContent/index.js.map +0 -1
- package/dist/esm/PageHeader/index.js +0 -138
- package/dist/esm/PageHeader/index.js.map +0 -1
- package/dist/esm/PageHeader/utils/defaultLocale.js +0 -5
- package/dist/esm/PageHeader/utils/defaultLocale.js.map +0 -1
- package/dist/esm/PageHeaderInputSearch/index.js +0 -86
- package/dist/esm/PageHeaderInputSearch/index.js.map +0 -1
- package/dist/esm/PageHeaderInputSearch/utils/defaultLocale.js +0 -8
- package/dist/esm/PageHeaderInputSearch/utils/defaultLocale.js.map +0 -1
- package/dist/esm/PageHeaderSkeleton/index.js +0 -27
- package/dist/esm/PageHeaderSkeleton/index.js.map +0 -1
- package/dist/esm/ParagraphSkeleton/index.js +0 -39
- package/dist/esm/ParagraphSkeleton/index.js.map +0 -1
- package/dist/esm/Popover/index.js +0 -154
- package/dist/esm/Popover/index.js.map +0 -1
- package/dist/esm/Popover/utils/usePopoverPosition.js +0 -159
- package/dist/esm/Popover/utils/usePopoverPosition.js.map +0 -1
- package/dist/esm/Progress/index.js +0 -66
- package/dist/esm/Progress/index.js.map +0 -1
- package/dist/esm/RadioGroup/index.js +0 -82
- package/dist/esm/RadioGroup/index.js.map +0 -1
- package/dist/esm/RadioGroupSkeleton/index.js +0 -25
- package/dist/esm/RadioGroupSkeleton/index.js.map +0 -1
- package/dist/esm/Result/index.js +0 -78
- package/dist/esm/Result/index.js.map +0 -1
- package/dist/esm/ScrollButton/index.js +0 -99
- package/dist/esm/ScrollButton/index.js.map +0 -1
- package/dist/esm/ScrollButton/utils/useContainerPosition.js +0 -33
- package/dist/esm/ScrollButton/utils/useContainerPosition.js.map +0 -1
- package/dist/esm/ScrollButton/utils/useVisibility.js +0 -30
- package/dist/esm/ScrollButton/utils/useVisibility.js.map +0 -1
- package/dist/esm/Select/index.js +0 -530
- package/dist/esm/Select/index.js.map +0 -1
- package/dist/esm/Select/utils/defaultLocale.js +0 -6
- package/dist/esm/Select/utils/defaultLocale.js.map +0 -1
- package/dist/esm/Skeleton/index.js +0 -41
- package/dist/esm/Skeleton/index.js.map +0 -1
- package/dist/esm/Switch/index.js +0 -127
- package/dist/esm/Switch/index.js.map +0 -1
- package/dist/esm/SwitchSkeleton/index.js +0 -24
- package/dist/esm/SwitchSkeleton/index.js.map +0 -1
- package/dist/esm/Tag/index.js +0 -47
- package/dist/esm/Tag/index.js.map +0 -1
- package/dist/esm/TagLink/index.js +0 -40
- package/dist/esm/TagLink/index.js.map +0 -1
- package/dist/esm/TagList/index.js +0 -62
- package/dist/esm/TagList/index.js.map +0 -1
- package/dist/esm/TagListSkeleton/index.js +0 -25
- package/dist/esm/TagListSkeleton/index.js.map +0 -1
- package/dist/esm/TagSkeleton/index.js +0 -26
- package/dist/esm/TagSkeleton/index.js.map +0 -1
- package/dist/esm/TextArea/index.js +0 -113
- package/dist/esm/TextArea/index.js.map +0 -1
- package/dist/esm/TextAreaSkeleton/index.js +0 -17
- package/dist/esm/TextAreaSkeleton/index.js.map +0 -1
- package/dist/esm/ThemeSwitcher/index.js +0 -33
- package/dist/esm/ThemeSwitcher/index.js.map +0 -1
- package/dist/esm/TimePicker/index.js +0 -93
- package/dist/esm/TimePicker/index.js.map +0 -1
- package/dist/esm/Video/index.js +0 -32
- package/dist/esm/Video/index.js.map +0 -1
- package/dist/esm/index.js +0 -131
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/message/AlertIcon.js +0 -41
- package/dist/esm/message/AlertIcon.js.map +0 -1
- package/dist/esm/message/Message.js +0 -86
- package/dist/esm/message/Message.js.map +0 -1
- package/dist/esm/message/index.js +0 -59
- package/dist/esm/message/index.js.map +0 -1
- package/dist/esm/message/styles.js +0 -21
- package/dist/esm/message/styles.js.map +0 -1
- package/dist/types/Alert/index.d.ts +0 -9
- package/dist/types/Alert/index.d.ts.map +0 -1
- package/dist/types/Avatar/index.d.ts +0 -14
- package/dist/types/Avatar/index.d.ts.map +0 -1
- package/dist/types/Avatar/utils/nameToInitials.d.ts.map +0 -1
- package/dist/types/Avatar/utils/strToHue.d.ts +0 -3
- package/dist/types/Avatar/utils/strToHue.d.ts.map +0 -1
- package/dist/types/AvatarSkeleton/index.d.ts +0 -7
- package/dist/types/AvatarSkeleton/index.d.ts.map +0 -1
- package/dist/types/Badge/index.d.ts +0 -12
- package/dist/types/Badge/index.d.ts.map +0 -1
- package/dist/types/Breadcrumb/index.d.ts +0 -9
- package/dist/types/Breadcrumb/index.d.ts.map +0 -1
- package/dist/types/BreadcrumbItem/index.d.ts +0 -10
- package/dist/types/BreadcrumbItem/index.d.ts.map +0 -1
- package/dist/types/Button/ButtonContent.d.ts +0 -12
- package/dist/types/Button/ButtonContent.d.ts.map +0 -1
- package/dist/types/Button/index.d.ts +0 -25
- package/dist/types/Button/index.d.ts.map +0 -1
- package/dist/types/Button/utils/useButtonColors.d.ts +0 -22
- package/dist/types/Button/utils/useButtonColors.d.ts.map +0 -1
- package/dist/types/ButtonLink/index.d.ts +0 -283
- package/dist/types/ButtonLink/index.d.ts.map +0 -1
- package/dist/types/Checkbox/index.d.ts +0 -12
- package/dist/types/Checkbox/index.d.ts.map +0 -1
- package/dist/types/CheckboxSkeleton/index.d.ts +0 -9
- package/dist/types/CheckboxSkeleton/index.d.ts.map +0 -1
- package/dist/types/DatePicker/DatePickerCalendar.d.ts +0 -11
- package/dist/types/DatePicker/DatePickerCalendar.d.ts.map +0 -1
- package/dist/types/DatePicker/index.d.ts +0 -33
- package/dist/types/DatePicker/index.d.ts.map +0 -1
- package/dist/types/Drawer/index.d.ts +0 -13
- package/dist/types/Drawer/index.d.ts.map +0 -1
- package/dist/types/Form/FormConfigContext.d.ts +0 -7
- package/dist/types/Form/FormConfigContext.d.ts.map +0 -1
- package/dist/types/Form/index.d.ts +0 -9
- package/dist/types/Form/index.d.ts.map +0 -1
- package/dist/types/FormDivider/index.d.ts +0 -10
- package/dist/types/FormDivider/index.d.ts.map +0 -1
- package/dist/types/FormItem/index.d.ts +0 -12
- package/dist/types/FormItem/index.d.ts.map +0 -1
- package/dist/types/Gallery/Status.d.ts.map +0 -1
- package/dist/types/Gallery/index.d.ts +0 -13
- package/dist/types/Gallery/index.d.ts.map +0 -1
- package/dist/types/GlobalStyles/index.d.ts.map +0 -1
- package/dist/types/GlobalStyles/resetStyles.d.ts +0 -5
- package/dist/types/GlobalStyles/resetStyles.d.ts.map +0 -1
- package/dist/types/GlobalStyles/typographyStyles.d.ts +0 -5
- package/dist/types/GlobalStyles/typographyStyles.d.ts.map +0 -1
- package/dist/types/HeaderSkeleton/index.d.ts +0 -9
- package/dist/types/HeaderSkeleton/index.d.ts.map +0 -1
- package/dist/types/Image/index.d.ts +0 -12
- package/dist/types/Image/index.d.ts.map +0 -1
- package/dist/types/ImageSkeleton/index.d.ts +0 -6
- package/dist/types/ImageSkeleton/index.d.ts.map +0 -1
- package/dist/types/Input/index.d.ts +0 -32
- package/dist/types/Input/index.d.ts.map +0 -1
- package/dist/types/Input/utils/getFocusableElements.d.ts.map +0 -1
- package/dist/types/InputNumber/index.d.ts +0 -18
- package/dist/types/InputNumber/index.d.ts.map +0 -1
- package/dist/types/InputNumber/utils/defaultLocale.d.ts.map +0 -1
- package/dist/types/InputPassword/index.d.ts +0 -15
- package/dist/types/InputPassword/index.d.ts.map +0 -1
- package/dist/types/InputPassword/utils/defaultLocale.d.ts.map +0 -1
- package/dist/types/InputSearch/index.d.ts +0 -12
- package/dist/types/InputSearch/index.d.ts.map +0 -1
- package/dist/types/InputSearch/utils/defaultLocale.d.ts.map +0 -1
- package/dist/types/InputSkeleton/index.d.ts +0 -7
- package/dist/types/InputSkeleton/index.d.ts.map +0 -1
- package/dist/types/Layout/LayoutContext.d.ts +0 -8
- package/dist/types/Layout/LayoutContext.d.ts.map +0 -1
- package/dist/types/Layout/index.d.ts +0 -9
- package/dist/types/Layout/index.d.ts.map +0 -1
- package/dist/types/Link/index.d.ts +0 -21
- package/dist/types/Link/index.d.ts.map +0 -1
- package/dist/types/LinkButton/index.d.ts +0 -10
- package/dist/types/LinkButton/index.d.ts.map +0 -1
- package/dist/types/List/WindowScroller.d.ts +0 -13
- package/dist/types/List/WindowScroller.d.ts.map +0 -1
- package/dist/types/List/index.d.ts +0 -20
- package/dist/types/List/index.d.ts.map +0 -1
- package/dist/types/List/utils/bodyPointerEvents.d.ts.map +0 -1
- package/dist/types/List/utils/frameTimeout.d.ts +0 -6
- package/dist/types/List/utils/frameTimeout.d.ts.map +0 -1
- package/dist/types/List/utils/useRWLoadNext.d.ts +0 -12
- package/dist/types/List/utils/useRWLoadNext.d.ts.map +0 -1
- package/dist/types/ListItem/index.d.ts +0 -11
- package/dist/types/ListItem/index.d.ts.map +0 -1
- package/dist/types/ListItemActions/index.d.ts +0 -13
- package/dist/types/ListItemActions/index.d.ts.map +0 -1
- package/dist/types/ListItemLink/index.d.ts +0 -8
- package/dist/types/ListItemLink/index.d.ts.map +0 -1
- package/dist/types/ListItemSkeleton/index.d.ts +0 -10
- package/dist/types/ListItemSkeleton/index.d.ts.map +0 -1
- package/dist/types/ListSkeleton/index.d.ts +0 -10
- package/dist/types/ListSkeleton/index.d.ts.map +0 -1
- package/dist/types/LogoLink/index.d.ts +0 -10
- package/dist/types/LogoLink/index.d.ts.map +0 -1
- package/dist/types/Menu/index.d.ts +0 -9
- package/dist/types/Menu/index.d.ts.map +0 -1
- package/dist/types/Menu/utils/useFocusWithArrows.d.ts +0 -4
- package/dist/types/Menu/utils/useFocusWithArrows.d.ts.map +0 -1
- package/dist/types/MenuDivider/index.d.ts +0 -5
- package/dist/types/MenuDivider/index.d.ts.map +0 -1
- package/dist/types/MenuGroup/index.d.ts +0 -19
- package/dist/types/MenuGroup/index.d.ts.map +0 -1
- package/dist/types/MenuItem/index.d.ts +0 -9
- package/dist/types/MenuItem/index.d.ts.map +0 -1
- package/dist/types/Modal/index.d.ts +0 -26
- package/dist/types/Modal/index.d.ts.map +0 -1
- package/dist/types/Modal/utils/defaultLocale.d.ts.map +0 -1
- package/dist/types/Navigation/index.d.ts +0 -9
- package/dist/types/Navigation/index.d.ts.map +0 -1
- package/dist/types/Navigation/utils/useScrollFlags.d.ts +0 -8
- package/dist/types/Navigation/utils/useScrollFlags.d.ts.map +0 -1
- package/dist/types/NavigationItem/index.d.ts +0 -10
- package/dist/types/NavigationItem/index.d.ts.map +0 -1
- package/dist/types/PageContent/index.d.ts +0 -9
- package/dist/types/PageContent/index.d.ts.map +0 -1
- package/dist/types/PageHeader/index.d.ts +0 -25
- package/dist/types/PageHeader/index.d.ts.map +0 -1
- package/dist/types/PageHeader/utils/defaultLocale.d.ts.map +0 -1
- package/dist/types/PageHeaderInputSearch/index.d.ts +0 -11
- package/dist/types/PageHeaderInputSearch/index.d.ts.map +0 -1
- package/dist/types/PageHeaderInputSearch/utils/defaultLocale.d.ts +0 -8
- package/dist/types/PageHeaderInputSearch/utils/defaultLocale.d.ts.map +0 -1
- package/dist/types/PageHeaderSkeleton/index.d.ts +0 -7
- package/dist/types/PageHeaderSkeleton/index.d.ts.map +0 -1
- package/dist/types/ParagraphSkeleton/index.d.ts +0 -10
- package/dist/types/ParagraphSkeleton/index.d.ts.map +0 -1
- package/dist/types/Popover/index.d.ts +0 -15
- package/dist/types/Popover/index.d.ts.map +0 -1
- package/dist/types/Popover/utils/usePopoverPosition.d.ts +0 -24
- package/dist/types/Popover/utils/usePopoverPosition.d.ts.map +0 -1
- package/dist/types/Progress/index.d.ts +0 -11
- package/dist/types/Progress/index.d.ts.map +0 -1
- package/dist/types/RadioGroup/index.d.ts +0 -19
- package/dist/types/RadioGroup/index.d.ts.map +0 -1
- package/dist/types/RadioGroupSkeleton/index.d.ts +0 -9
- package/dist/types/RadioGroupSkeleton/index.d.ts.map +0 -1
- package/dist/types/Result/index.d.ts +0 -12
- package/dist/types/Result/index.d.ts.map +0 -1
- package/dist/types/ScrollButton/index.d.ts +0 -10
- package/dist/types/ScrollButton/index.d.ts.map +0 -1
- package/dist/types/ScrollButton/utils/useContainerPosition.d.ts +0 -8
- package/dist/types/ScrollButton/utils/useContainerPosition.d.ts.map +0 -1
- package/dist/types/ScrollButton/utils/useVisibility.d.ts +0 -9
- package/dist/types/ScrollButton/utils/useVisibility.d.ts.map +0 -1
- package/dist/types/Select/index.d.ts +0 -110
- package/dist/types/Select/index.d.ts.map +0 -1
- package/dist/types/Select/utils/defaultLocale.d.ts.map +0 -1
- package/dist/types/Skeleton/index.d.ts +0 -8
- package/dist/types/Skeleton/index.d.ts.map +0 -1
- package/dist/types/Switch/index.d.ts +0 -12
- package/dist/types/Switch/index.d.ts.map +0 -1
- package/dist/types/SwitchSkeleton/index.d.ts +0 -7
- package/dist/types/SwitchSkeleton/index.d.ts.map +0 -1
- package/dist/types/Tag/index.d.ts +0 -23
- package/dist/types/Tag/index.d.ts.map +0 -1
- package/dist/types/TagLink/index.d.ts +0 -8
- package/dist/types/TagLink/index.d.ts.map +0 -1
- package/dist/types/TagList/index.d.ts +0 -9
- package/dist/types/TagList/index.d.ts.map +0 -1
- package/dist/types/TagListSkeleton/index.d.ts +0 -9
- package/dist/types/TagListSkeleton/index.d.ts.map +0 -1
- package/dist/types/TagSkeleton/index.d.ts +0 -9
- package/dist/types/TagSkeleton/index.d.ts.map +0 -1
- package/dist/types/TextArea/index.d.ts +0 -18
- package/dist/types/TextArea/index.d.ts.map +0 -1
- package/dist/types/TextAreaSkeleton/index.d.ts +0 -6
- package/dist/types/TextAreaSkeleton/index.d.ts.map +0 -1
- package/dist/types/ThemeSwitcher/index.d.ts +0 -281
- package/dist/types/ThemeSwitcher/index.d.ts.map +0 -1
- package/dist/types/TimePicker/index.d.ts +0 -11
- package/dist/types/TimePicker/index.d.ts.map +0 -1
- package/dist/types/Video/index.d.ts +0 -6
- package/dist/types/Video/index.d.ts.map +0 -1
- package/dist/types/index.d.ts.map +0 -1
- package/dist/types/message/AlertIcon.d.ts.map +0 -1
- package/dist/types/message/Message.d.ts +0 -9
- package/dist/types/message/Message.d.ts.map +0 -1
- package/dist/types/message/index.d.ts +0 -4
- package/dist/types/message/index.d.ts.map +0 -1
- package/dist/types/message/styles.d.ts.map +0 -1
- /package/dist/{types/Avatar → Avatar}/utils/nameToInitials.d.ts +0 -0
- /package/dist/{types/Gallery → Gallery}/Status.d.ts +0 -0
- /package/dist/{types/GlobalStyles → GlobalStyles}/index.d.ts +0 -0
- /package/dist/{types/Input → Input}/utils/getFocusableElements.d.ts +0 -0
- /package/dist/{types/InputNumber → InputNumber}/utils/defaultLocale.d.ts +0 -0
- /package/dist/{types/InputPassword → InputPassword}/utils/defaultLocale.d.ts +0 -0
- /package/dist/{types/InputSearch → InputSearch}/utils/defaultLocale.d.ts +0 -0
- /package/dist/{types/List → List}/utils/bodyPointerEvents.d.ts +0 -0
- /package/dist/{types/Modal → Modal}/utils/defaultLocale.d.ts +0 -0
- /package/dist/{types/PageHeader → PageHeader}/utils/defaultLocale.d.ts +0 -0
- /package/dist/{types/Select → Select}/utils/defaultLocale.d.ts +0 -0
- /package/dist/{types/index.d.ts → index.d.ts} +0 -0
- /package/dist/{types/message → message}/AlertIcon.d.ts +0 -0
- /package/dist/{types/message → message}/styles.d.ts +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_datePickerUtils","_icons","_media","_theming","_utils","_react","_interopRequireWildcard","_Button","_Modal","_Popover","_Select","_TimePicker","_DatePickerCalendar","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","_taggedTemplateLiteral","strings","raw","freeze","defineProperties","StyledPopover","styled","Popover","p","theme","datePickerPadding","TimeContainer","div","Dash","baseHeight","StyledTimePicker","TimePicker","timePickerStyle","style","width","createDate","date","time","d","Date","setFullYear","getFullYear","setMonth","getMonth","setDate","getDate","setHours","setMinutes","getHours","getMinutes","DatePicker","forwardRef","_ref","ref","left","_ref$leftHasPadding","leftHasPadding","right","_ref$rightHasPadding","rightHasPadding","placeholder","_ref$disabled","disabled","_ref$autoFocus","autoFocus","_ref$autoOpen","autoOpen","format","_ref$firstDayOfWeek","firstDayOfWeek","_ref$locale","locale","defaultLocale","_ref$showTime","showTime","_ref$timeNotation","timeNotation","_ref$range","range","defaultValue","onChange","_ref$onClose","onClose","_ref$onBlur","onBlur","size","rest","_useForwardedRef","useForwardedRef","_useForwardedRef2","containerRef","mergedContainerRef","_useState","useState","_useState2","opened","setOpened","_useForwardedState","useForwardedState","_useForwardedState2","forwardedValue","setForwardedValue","useEffect","_containerRef$current","current","focus","onCloseRef","useRef","_containerRef$current2","formattedValue","useFormattedValue","closeHandler","useCallback","useKeyPress","window","undefined","isMinXs","useIsMinWidth","blurHandler","valueIsSpecified","useMemo","rightHasPaddingValue","rightValue","createElement","type","wide","onClick","stopPropagation","onKeyDown","includes","preventDefault","clearLabel","ClearIcon","ToggleIconContainer","Up","Down","firstTimePickerRef","secondTimePickerRef","rangeStartedRef","changeHandler","prev","nextValue","getTime","sort","b","calendarComponent","onSelect","v","_firstTimePickerRef$c","tabOnInputComplete","_secondTimePickerRef$","selectionStart","_ref2","_ref3","nextTo","closeOnInputComplete","timeComponent","Fragment","notation","containerProps","onKeyUp","SelectContainer","tabIndex","onMouseDown","role","getAccessibilityDateLabel","ThemeOverrider","overrides","buttonPaddingHorizontal","selectToggleListItemHeight","sizes","small","ToggleLeftAddon","hasPadding","ToggleContent","hasLeft","hasRight","Title","Placeholder","ToggleRightAddon","trigger","placement","visible","title","header","footer","displayName","_default","exports"],"sources":["../../../src/DatePicker/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n DatePickerLocale,\n defaultLocale,\n getAccessibilityDateLabel,\n useFormattedValue,\n} from '@os-design/date-picker-utils';\nimport { Down, Up } from '@os-design/icons';\nimport { useIsMinWidth } from '@os-design/media';\nimport { WithSize } from '@os-design/styles';\nimport { ThemeOverrider } from '@os-design/theming';\nimport {\n useForwardedRef,\n useForwardedState,\n useKeyPress,\n} from '@os-design/utils';\nimport React, {\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport Button from '../Button';\nimport Modal from '../Modal';\nimport Popover from '../Popover';\nimport {\n ClearIcon,\n Placeholder,\n SelectContainer,\n Title,\n ToggleContent,\n ToggleIconContainer,\n ToggleLeftAddon,\n ToggleRightAddon,\n} from '../Select';\nimport TimePicker from '../TimePicker';\nimport DatePickerCalendar from './DatePickerCalendar';\n\ntype JsxDivProps = Omit<\n JSX.IntrinsicElements['div'],\n 'value' | 'defaultValue' | 'onChange' | 'ref'\n>;\ninterface BaseDatePickerProps<T> extends JsxDivProps, WithSize {\n /**\n * The component located on the left side.\n * @default undefined\n */\n left?: React.ReactNode;\n /**\n * Adds padding to the left component.\n * It can be useful when passing an icon or text in the left component.\n * @default false\n */\n leftHasPadding?: boolean;\n /**\n * The component located on the right side.\n * @default undefined\n */\n right?: React.ReactNode;\n /**\n * Adds padding to the right component.\n * It can be useful when passing an icon or text in the right component.\n * @default false\n */\n rightHasPadding?: boolean;\n /**\n * The placeholder of the date picker.\n * @default undefined\n */\n placeholder?: string;\n /**\n * Whether the date picker is disabled.\n * @default false\n */\n disabled?: boolean;\n /**\n * Whether the component have a focus.\n * @default false\n */\n autoFocus?: boolean;\n /**\n * Whether the component opens the popup calendar.\n * @default false\n */\n autoOpen?: boolean;\n /**\n * The format of the date.\n * @default undefined\n */\n format?: (value: T) => string;\n /**\n * The first day of the week.\n * @default sunday\n */\n firstDayOfWeek?: 'monday' | 'saturday' | 'sunday';\n /**\n * The locale of the date picker.\n * @default undefined\n */\n locale?: DatePickerLocale;\n /**\n * Whether the time is shown.\n * @default false\n */\n showTime?: boolean;\n /**\n * The time notation.\n * @default 12-hour\n */\n timeNotation?: '12-hour' | '24-hour';\n /**\n * Selected date.\n * @default undefined\n */\n value?: T | null;\n /**\n * The default value.\n * @default undefined\n */\n defaultValue?: T | null;\n /**\n * The change event handler.\n * @default undefined\n */\n onChange?: (value: T | null) => void;\n /**\n * The event handler that is called whenever a popup closes.\n * @default undefined\n */\n onClose?: () => void;\n}\nexport interface DateNotRangePickerProps extends BaseDatePickerProps<Date> {\n /**\n * Whether the value is a range.\n * @default false\n */\n range?: false;\n}\nexport interface DateRangePickerProps\n extends BaseDatePickerProps<[Date, Date]> {\n /**\n * Whether the value is a range.\n * @default false\n */\n range: true;\n}\nexport type DatePickerProps = DateNotRangePickerProps | DateRangePickerProps;\n\nconst StyledPopover = styled(Popover)`\n padding: ${(p) => p.theme.datePickerPadding}em;\n`;\n\nconst TimeContainer = styled.div`\n display: flex;\n justify-content: center;\n margin-top: 0.5em;\n`;\n\nconst Dash = styled.div`\n margin: 0 0.5em;\n line-height: ${(p) => p.theme.baseHeight}em;\n`;\n\nconst StyledTimePicker = styled(TimePicker)`\n width: 2.5em;\n text-align: center;\n`;\n\nconst timePickerStyle = { style: { width: 'auto' } };\n\nconst createDate = (date: Date, time?: Date | null) => {\n const d = new Date(0);\n d.setFullYear(date.getFullYear());\n d.setMonth(date.getMonth());\n d.setDate(date.getDate());\n d.setHours(0);\n d.setMinutes(0);\n if (time) {\n d.setHours(time.getHours());\n d.setMinutes(time.getMinutes());\n }\n return d;\n};\n\n/**\n * The component to choose a date.\n */\nconst DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(\n (\n {\n left,\n leftHasPadding = false,\n right,\n rightHasPadding = false,\n placeholder,\n disabled = false,\n autoFocus = false,\n autoOpen = false,\n format,\n firstDayOfWeek = 'sunday',\n locale = defaultLocale,\n showTime = false,\n timeNotation = '12-hour',\n range = false,\n value,\n defaultValue,\n onChange,\n onClose = () => {},\n onBlur = () => {},\n size,\n ...rest\n },\n ref\n ) => {\n const [containerRef, mergedContainerRef] = useForwardedRef(ref);\n const [opened, setOpened] = useState(autoOpen);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const [forwardedValue, setForwardedValue] = useForwardedState<any>({\n value,\n defaultValue,\n onChange,\n });\n\n useEffect(() => {\n if (autoFocus) containerRef.current?.focus();\n }, [autoFocus, containerRef]);\n\n const onCloseRef = useRef(onClose);\n useEffect(() => {\n onCloseRef.current = onClose;\n }, [onClose]);\n\n useEffect(() => {\n if (!opened) {\n onCloseRef.current();\n containerRef.current?.focus();\n }\n }, [containerRef, opened]);\n\n const formattedValue = useFormattedValue({\n forwardedValue,\n format,\n showTime,\n timeNotation,\n });\n\n const closeHandler = useCallback(() => {\n setOpened(false);\n }, []);\n\n useKeyPress(\n (typeof window !== 'undefined' ? window : undefined) as EventTarget,\n 'Escape',\n closeHandler\n );\n const isMinXs = useIsMinWidth('xs');\n\n const blurHandler = useCallback(\n (e) => {\n if (!opened) onBlur(e);\n },\n [onBlur, opened]\n );\n\n const valueIsSpecified = useMemo(\n () => formattedValue !== undefined && formattedValue !== null,\n [formattedValue]\n );\n\n const rightHasPaddingValue = useMemo(() => {\n if (valueIsSpecified) return false;\n return right ? rightHasPadding : true;\n }, [right, rightHasPadding, valueIsSpecified]);\n\n const rightValue = useMemo(() => {\n if (valueIsSpecified) {\n return (\n <div aria-hidden>\n <Button\n type='ghost'\n wide='never'\n size='small'\n disabled={disabled}\n onClick={(e) => {\n setForwardedValue(null);\n e.stopPropagation();\n }}\n onKeyDown={(e) => {\n if (disabled) return;\n if (['Enter', ' '].includes(e.key)) {\n setForwardedValue(null);\n if (!containerRef.current) return;\n containerRef.current.focus();\n e.preventDefault();\n e.stopPropagation();\n }\n }}\n aria-label={locale.clearLabel}\n >\n <ClearIcon />\n </Button>\n </div>\n );\n }\n return (\n right || (\n <ToggleIconContainer>\n {opened ? <Up /> : <Down />}\n </ToggleIconContainer>\n )\n );\n }, [\n containerRef,\n disabled,\n locale.clearLabel,\n opened,\n right,\n setForwardedValue,\n valueIsSpecified,\n ]);\n\n const firstTimePickerRef = useRef<HTMLInputElement>(null);\n const secondTimePickerRef = useRef<HTMLInputElement>(null);\n const rangeStartedRef = useRef(false);\n\n useEffect(() => {\n rangeStartedRef.current = false;\n }, [opened]);\n\n const changeHandler = useCallback(\n (date: Date) => {\n setForwardedValue((prev) => {\n if (!range) return createDate(date, prev);\n\n const d = createDate(date);\n const nextValue =\n prev && Array.isArray(prev) && rangeStartedRef.current\n ? [new Date(prev[0].getTime()), createDate(date, prev[1])]\n : [d, d];\n\n rangeStartedRef.current = !rangeStartedRef.current;\n return nextValue.sort(\n (a: Date, b: Date) => a.getTime() - b.getTime()\n );\n });\n },\n [range, setForwardedValue]\n );\n\n const calendarComponent = useMemo(\n () => (\n <DatePickerCalendar\n firstDayOfWeek={firstDayOfWeek}\n locale={locale}\n value={forwardedValue}\n onSelect={(v) => {\n changeHandler(v);\n firstTimePickerRef.current?.focus();\n if (!showTime && (!range || !rangeStartedRef.current)) {\n closeHandler();\n }\n }}\n />\n ),\n [\n changeHandler,\n closeHandler,\n firstDayOfWeek,\n forwardedValue,\n locale,\n range,\n showTime,\n ]\n );\n\n const tabOnInputComplete = useCallback(\n (e) => {\n if (e.target.selectionStart < 5) return;\n secondTimePickerRef.current?.focus();\n setForwardedValue(([from]) => {\n const nextTo = new Date(from.getTime());\n nextTo.setHours(nextTo.getHours() + 1);\n return [from, nextTo];\n });\n },\n [setForwardedValue]\n );\n\n const closeOnInputComplete = useCallback(\n (e) => {\n if (e.target.selectionStart < 5) return;\n closeHandler();\n },\n [closeHandler]\n );\n\n const timeComponent = useMemo(\n () =>\n showTime && forwardedValue ? (\n <TimeContainer>\n {Array.isArray(forwardedValue) ? (\n <>\n <StyledTimePicker\n ref={firstTimePickerRef}\n autoFocus\n disabled={disabled}\n notation={timeNotation}\n containerProps={timePickerStyle}\n value={forwardedValue[0]}\n onChange={(v) => setForwardedValue([v, forwardedValue[1]])}\n onKeyDown={(e) => {\n if (disabled) return;\n if (e.key === 'Enter') {\n setOpened(!opened);\n }\n }}\n onKeyUp={tabOnInputComplete}\n />\n <Dash>–</Dash>\n <StyledTimePicker\n ref={secondTimePickerRef}\n disabled={disabled}\n notation={timeNotation}\n containerProps={timePickerStyle}\n value={forwardedValue[1]}\n onChange={(v) => setForwardedValue([forwardedValue[0], v])}\n onKeyDown={(e) => {\n if (disabled) return;\n if (e.key === 'Enter') {\n setOpened(!opened);\n }\n }}\n onKeyUp={closeOnInputComplete}\n />\n </>\n ) : (\n <StyledTimePicker\n ref={firstTimePickerRef}\n autoFocus\n disabled={disabled}\n notation={timeNotation}\n containerProps={timePickerStyle}\n value={forwardedValue}\n onChange={setForwardedValue}\n onKeyDown={(e) => {\n if (disabled) return;\n if (e.key === 'Enter') {\n setOpened(!opened);\n }\n }}\n onKeyUp={closeOnInputComplete}\n />\n )}\n </TimeContainer>\n ) : null,\n [\n closeOnInputComplete,\n disabled,\n forwardedValue,\n opened,\n setForwardedValue,\n showTime,\n tabOnInputComplete,\n timeNotation,\n ]\n );\n\n return (\n <>\n <SelectContainer\n opened={opened}\n disabled={disabled}\n size={size}\n tabIndex={!disabled ? 0 : -1}\n onClick={() => {\n if (disabled) return;\n setOpened(!opened);\n }}\n onKeyDown={(e) => {\n if (disabled) return;\n if (['Enter', ' '].includes(e.key)) {\n setOpened(!opened);\n e.preventDefault();\n }\n }}\n onMouseDown={(e) => e.preventDefault()}\n onBlur={blurHandler}\n role='combobox'\n aria-label={\n forwardedValue\n ? getAccessibilityDateLabel(forwardedValue, locale)\n : undefined\n }\n aria-disabled={disabled}\n {...rest}\n ref={mergedContainerRef}\n >\n {left && (\n <ThemeOverrider\n overrides={(t) => ({\n buttonPaddingHorizontal: 0.8,\n baseHeight: t.selectToggleListItemHeight / t.sizes.small,\n })}\n >\n <ToggleLeftAddon hasPadding={leftHasPadding}>\n {left}\n </ToggleLeftAddon>\n </ThemeOverrider>\n )}\n\n <ToggleContent hasLeft={!!left} hasRight={!!right}>\n {valueIsSpecified ? (\n <Title disabled={disabled} aria-hidden>\n {formattedValue}\n </Title>\n ) : (\n <Placeholder>{placeholder}</Placeholder>\n )}\n </ToggleContent>\n\n {rightValue && (\n <ThemeOverrider\n overrides={(t) => ({\n buttonPaddingHorizontal: 0.8,\n baseHeight: t.selectToggleListItemHeight / t.sizes.small,\n })}\n >\n <ToggleRightAddon hasPadding={rightHasPaddingValue}>\n {rightValue}\n </ToggleRightAddon>\n </ThemeOverrider>\n )}\n </SelectContainer>\n\n {isMinXs ? (\n <StyledPopover\n trigger={containerRef}\n placement='bottom-start'\n visible={opened}\n onClose={closeHandler}\n size={size}\n >\n {calendarComponent}\n {timeComponent}\n </StyledPopover>\n ) : (\n <Modal\n title={placeholder}\n header={null}\n footer={null}\n visible={opened}\n onClose={closeHandler}\n size={size}\n >\n {calendarComponent}\n {timeComponent}\n </Modal>\n )}\n </>\n );\n }\n);\n\nDatePicker.displayName = 'DatePicker';\n\nexport default DatePicker;\n"],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/Drawer/index.js
DELETED
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.useCloseDrawer = exports["default"] = void 0;
|
|
8
|
-
var _react = require("@emotion/react");
|
|
9
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
10
|
-
var _portal = _interopRequireDefault(require("@os-design/portal"));
|
|
11
|
-
var _styles = require("@os-design/styles");
|
|
12
|
-
var _theming = require("@os-design/theming");
|
|
13
|
-
var _utils = require("@os-design/utils");
|
|
14
|
-
var _react2 = _interopRequireWildcard(require("react"));
|
|
15
|
-
var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
|
|
16
|
-
var _Modal = require("../Modal");
|
|
17
|
-
var _excluded = ["placement", "width", "visible", "onClose", "size", "children", "onClick"];
|
|
18
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
|
19
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
20
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
21
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
22
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
24
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
25
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
26
|
-
var DRAWER_CONTAINER_Z_INDEX = 1000;
|
|
27
|
-
var DRAWER_BOX_SHADOW_SIZE_EM = 1;
|
|
28
|
-
var DrawerMask = (0, _styled["default"])(_Modal.ModalMask)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n z-index: ", ";\n"])), DRAWER_CONTAINER_Z_INDEX);
|
|
29
|
-
var Container = _styled["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n z-index: ", ";\n"])), DRAWER_CONTAINER_Z_INDEX);
|
|
30
|
-
var placementLeftFadeIn = (0, _react.keyframes)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n from { transform: translateX(calc(-100% - ", "em)); }\n to { transform: translateX(0); }\n"])), DRAWER_BOX_SHADOW_SIZE_EM);
|
|
31
|
-
var placementLeftFadeOut = (0, _react.keyframes)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n from { transform: translateX(0); }\n to { transform: translateX(calc(-100% - ", "em)); }\n"])), DRAWER_BOX_SHADOW_SIZE_EM);
|
|
32
|
-
var placementRightFadeIn = (0, _react.keyframes)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n from { transform: translateX(calc(100vw + ", "em)); }\n to { transform: translateX(calc(100vw - 100%)); }\n"])), DRAWER_BOX_SHADOW_SIZE_EM);
|
|
33
|
-
var placementRightFadeOut = (0, _react.keyframes)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n from { transform: translateX(calc(100vw - 100%)); }\n to { transform: translateX(calc(100vw + ", "em)); }\n"])), DRAWER_BOX_SHADOW_SIZE_EM);
|
|
34
|
-
var placementLeftVisibleStyles = function placementLeftVisibleStyles(p) {
|
|
35
|
-
return p.placement === 'left' && p.visible && (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n animation: ", " ", "ms forwards;\n "])), placementLeftFadeIn, p.theme.transitionDelay);
|
|
36
|
-
};
|
|
37
|
-
var placementLeftInvisibleStyles = function placementLeftInvisibleStyles(p) {
|
|
38
|
-
return p.placement === 'left' && !p.visible && (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n animation: ", " ", "ms forwards;\n "])), placementLeftFadeOut, p.theme.transitionDelay);
|
|
39
|
-
};
|
|
40
|
-
var placementRightVisibleStyles = function placementRightVisibleStyles(p) {
|
|
41
|
-
return p.placement === 'right' && p.visible && (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n animation: ", " ", "ms forwards;\n "])), placementRightFadeIn, p.theme.transitionDelay);
|
|
42
|
-
};
|
|
43
|
-
var placementRightInvisibleStyles = function placementRightInvisibleStyles(p) {
|
|
44
|
-
return p.placement === 'right' && !p.visible && (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n animation: ", " ", "ms forwards;\n "])), placementRightFadeOut, p.theme.transitionDelay);
|
|
45
|
-
};
|
|
46
|
-
var Content = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('placement', 'width', 'visible', 'size'))(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n ", ";\n\n position: absolute;\n top: 0;\n bottom: 0;\n width: ", ";\n max-width: 90%;\n padding-bottom: env(safe-area-inset-bottom);\n\n background-color: ", ";\n color: ", ";\n box-shadow: 0 0 ", "em\n ", ";\n\n ", ";\n ", ";\n ", ";\n ", ";\n\n ", ";\n ", ";\n"])), _styles.resetFocusStyles, function (p) {
|
|
47
|
-
return p.width;
|
|
48
|
-
}, function (p) {
|
|
49
|
-
return (0, _theming.clr)(p.theme.colorBg);
|
|
50
|
-
}, function (p) {
|
|
51
|
-
return (0, _theming.clr)(p.theme.colorText);
|
|
52
|
-
}, DRAWER_BOX_SHADOW_SIZE_EM, function (p) {
|
|
53
|
-
return (0, _theming.clr)(p.theme.drawerColorBoxShadow);
|
|
54
|
-
}, placementLeftVisibleStyles, placementLeftInvisibleStyles, placementRightVisibleStyles, placementRightInvisibleStyles, (0, _styles.enableScrollingStyles)('y'), _styles.sizeStyles);
|
|
55
|
-
var CloseDrawerContext = /*#__PURE__*/_react2["default"].createContext(function () {});
|
|
56
|
-
var useCloseDrawer = exports.useCloseDrawer = function useCloseDrawer() {
|
|
57
|
-
return (0, _react2.useContext)(CloseDrawerContext);
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
/**
|
|
61
|
-
* The side panel that appears from the edge of the screen.
|
|
62
|
-
*/
|
|
63
|
-
var Drawer = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
|
|
64
|
-
var _ref$placement = _ref.placement,
|
|
65
|
-
placement = _ref$placement === void 0 ? 'right' : _ref$placement,
|
|
66
|
-
_ref$width = _ref.width,
|
|
67
|
-
width = _ref$width === void 0 ? '15em' : _ref$width,
|
|
68
|
-
_ref$visible = _ref.visible,
|
|
69
|
-
visible = _ref$visible === void 0 ? false : _ref$visible,
|
|
70
|
-
_ref$onClose = _ref.onClose,
|
|
71
|
-
onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
|
|
72
|
-
size = _ref.size,
|
|
73
|
-
children = _ref.children,
|
|
74
|
-
_ref$onClick = _ref.onClick,
|
|
75
|
-
onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
|
|
76
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
77
|
-
var _useTheme = (0, _theming.useTheme)(),
|
|
78
|
-
theme = _useTheme.theme;
|
|
79
|
-
var mounted = (0, _utils.useClosable)(visible, theme.transitionDelay);
|
|
80
|
-
(0, _utils.useBodyScroll)(!visible);
|
|
81
|
-
var clickHandler = (0, _react2.useCallback)(function (e) {
|
|
82
|
-
e.stopPropagation();
|
|
83
|
-
onClick(e);
|
|
84
|
-
}, [onClick]);
|
|
85
|
-
var keyDownHandler = (0, _react2.useCallback)(function (e) {
|
|
86
|
-
if (e.key === 'Escape') {
|
|
87
|
-
e.stopPropagation();
|
|
88
|
-
onClose();
|
|
89
|
-
}
|
|
90
|
-
}, [onClose]);
|
|
91
|
-
if (!mounted) return null;
|
|
92
|
-
return /*#__PURE__*/_react2["default"].createElement(_portal["default"], null, /*#__PURE__*/_react2["default"].createElement(DrawerMask, {
|
|
93
|
-
visible: visible
|
|
94
|
-
}), /*#__PURE__*/_react2["default"].createElement(Container, {
|
|
95
|
-
onClick: onClose
|
|
96
|
-
}, /*#__PURE__*/_react2["default"].createElement(_reactFocusLock["default"], {
|
|
97
|
-
autoFocus: true
|
|
98
|
-
}, /*#__PURE__*/_react2["default"].createElement(CloseDrawerContext.Provider, {
|
|
99
|
-
value: onClose
|
|
100
|
-
}, /*#__PURE__*/_react2["default"].createElement(Content, _extends({
|
|
101
|
-
placement: placement,
|
|
102
|
-
width: width,
|
|
103
|
-
visible: visible,
|
|
104
|
-
size: size,
|
|
105
|
-
tabIndex: -1,
|
|
106
|
-
onKeyDown: keyDownHandler,
|
|
107
|
-
onClick: clickHandler,
|
|
108
|
-
role: "dialog",
|
|
109
|
-
"aria-modal": true
|
|
110
|
-
}, rest, {
|
|
111
|
-
ref: ref
|
|
112
|
-
}), children)))));
|
|
113
|
-
});
|
|
114
|
-
Drawer.displayName = 'Drawer';
|
|
115
|
-
var _default = exports["default"] = Drawer;
|
|
116
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_portal","_styles","_theming","_utils","_react2","_interopRequireWildcard","_reactFocusLock","_Modal","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","DRAWER_CONTAINER_Z_INDEX","DRAWER_BOX_SHADOW_SIZE_EM","DrawerMask","styled","ModalMask","Container","div","placementLeftFadeIn","keyframes","placementLeftFadeOut","placementRightFadeIn","placementRightFadeOut","placementLeftVisibleStyles","p","placement","visible","css","theme","transitionDelay","placementLeftInvisibleStyles","placementRightVisibleStyles","placementRightInvisibleStyles","Content","omitEmotionProps","resetFocusStyles","width","clr","colorBg","colorText","drawerColorBoxShadow","enableScrollingStyles","sizeStyles","CloseDrawerContext","React","createContext","useCloseDrawer","exports","useContext","Drawer","forwardRef","_ref","ref","_ref$placement","_ref$width","_ref$visible","_ref$onClose","onClose","size","children","_ref$onClick","onClick","rest","_useTheme","useTheme","mounted","useClosable","useBodyScroll","clickHandler","useCallback","stopPropagation","keyDownHandler","createElement","autoFocus","Provider","tabIndex","onKeyDown","role","displayName","_default"],"sources":["../../../src/Drawer/index.tsx"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport Portal from '@os-design/portal';\nimport {\n WithSize,\n enableScrollingStyles,\n resetFocusStyles,\n sizeStyles,\n} from '@os-design/styles';\nimport { clr, useTheme } from '@os-design/theming';\nimport { omitEmotionProps, useBodyScroll, useClosable } from '@os-design/utils';\nimport React, { forwardRef, useCallback, useContext } from 'react';\nimport FocusLock from 'react-focus-lock';\nimport { ModalMask } from '../Modal';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface DrawerProps extends JsxDivProps, WithSize {\n /**\n * The placement of the drawer.\n * @default right\n */\n placement?: 'left' | 'right';\n /**\n * The width of the drawer.\n * @default 15em\n */\n width?: string;\n /**\n * Whether the drawer is visible.\n * @default false\n */\n visible?: boolean;\n /**\n * Specifies a callback that will be called when a user clicks the mask.\n * The callback should set the visible state to false.\n * @default undefined\n */\n onClose?: () => void;\n}\n\nconst DRAWER_CONTAINER_Z_INDEX = 1000;\nconst DRAWER_BOX_SHADOW_SIZE_EM = 1;\n\nconst DrawerMask = styled(ModalMask)`\n z-index: ${DRAWER_CONTAINER_Z_INDEX};\n`;\n\nconst Container = styled.div`\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n z-index: ${DRAWER_CONTAINER_Z_INDEX};\n`;\n\nconst placementLeftFadeIn = keyframes`\n from { transform: translateX(calc(-100% - ${DRAWER_BOX_SHADOW_SIZE_EM}em)); }\n to { transform: translateX(0); }\n`;\n\nconst placementLeftFadeOut = keyframes`\n from { transform: translateX(0); }\n to { transform: translateX(calc(-100% - ${DRAWER_BOX_SHADOW_SIZE_EM}em)); }\n`;\n\nconst placementRightFadeIn = keyframes`\n from { transform: translateX(calc(100vw + ${DRAWER_BOX_SHADOW_SIZE_EM}em)); }\n to { transform: translateX(calc(100vw - 100%)); }\n`;\n\nconst placementRightFadeOut = keyframes`\n from { transform: translateX(calc(100vw - 100%)); }\n to { transform: translateX(calc(100vw + ${DRAWER_BOX_SHADOW_SIZE_EM}em)); }\n`;\n\nconst placementLeftVisibleStyles = (p) =>\n p.placement === 'left' &&\n p.visible &&\n css`\n animation: ${placementLeftFadeIn} ${p.theme.transitionDelay}ms forwards;\n `;\n\nconst placementLeftInvisibleStyles = (p) =>\n p.placement === 'left' &&\n !p.visible &&\n css`\n animation: ${placementLeftFadeOut} ${p.theme.transitionDelay}ms forwards;\n `;\n\nconst placementRightVisibleStyles = (p) =>\n p.placement === 'right' &&\n p.visible &&\n css`\n animation: ${placementRightFadeIn} ${p.theme.transitionDelay}ms forwards;\n `;\n\nconst placementRightInvisibleStyles = (p) =>\n p.placement === 'right' &&\n !p.visible &&\n css`\n animation: ${placementRightFadeOut} ${p.theme.transitionDelay}ms forwards;\n `;\n\ntype ContentProps = Pick<\n DrawerProps,\n 'placement' | 'width' | 'visible' | 'size'\n>;\nconst Content = styled(\n 'div',\n omitEmotionProps('placement', 'width', 'visible', 'size')\n)<ContentProps>`\n ${resetFocusStyles};\n\n position: absolute;\n top: 0;\n bottom: 0;\n width: ${(p) => p.width};\n max-width: 90%;\n padding-bottom: env(safe-area-inset-bottom);\n\n background-color: ${(p) => clr(p.theme.colorBg)};\n color: ${(p) => clr(p.theme.colorText)};\n box-shadow: 0 0 ${DRAWER_BOX_SHADOW_SIZE_EM}em\n ${(p) => clr(p.theme.drawerColorBoxShadow)};\n\n ${placementLeftVisibleStyles};\n ${placementLeftInvisibleStyles};\n ${placementRightVisibleStyles};\n ${placementRightInvisibleStyles};\n\n ${enableScrollingStyles('y')};\n ${sizeStyles};\n`;\n\nconst CloseDrawerContext = React.createContext<() => void>(() => {});\n\nexport const useCloseDrawer = () => useContext(CloseDrawerContext);\n\n/**\n * The side panel that appears from the edge of the screen.\n */\nconst Drawer = forwardRef<HTMLDivElement, DrawerProps>(\n (\n {\n placement = 'right',\n width = '15em',\n visible = false,\n onClose = () => {},\n size,\n children,\n onClick = () => {},\n ...rest\n },\n ref\n ) => {\n const { theme } = useTheme();\n const mounted = useClosable(visible, theme.transitionDelay);\n\n useBodyScroll(!visible);\n\n const clickHandler = useCallback(\n (e) => {\n e.stopPropagation();\n onClick(e);\n },\n [onClick]\n );\n\n const keyDownHandler = useCallback(\n (e) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n onClose();\n }\n },\n [onClose]\n );\n\n if (!mounted) return null;\n\n return (\n <Portal>\n <DrawerMask visible={visible} />\n <Container onClick={onClose}>\n <FocusLock autoFocus>\n <CloseDrawerContext.Provider value={onClose}>\n <Content\n placement={placement}\n width={width}\n visible={visible}\n size={size}\n tabIndex={-1}\n onKeyDown={keyDownHandler}\n onClick={clickHandler}\n role='dialog'\n aria-modal\n {...rest}\n ref={ref}\n >\n {children}\n </Content>\n </CloseDrawerContext.Provider>\n </FocusLock>\n </Container>\n </Portal>\n );\n }\n);\n\nDrawer.displayName = 'Drawer';\n\nexport default Drawer;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAMA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAC,uBAAA,CAAAR,OAAA;AACA,IAAAS,eAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AAAqC,IAAAW,SAAA;AAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAA9B,uBAAAyC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAf,UAAA,GAAAe,GAAA,gBAAAA,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAiB,SAAA,CAAAb,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAS,KAAA,OAAAL,SAAA;AAAA,SAAAM,yBAAAJ,MAAA,EAAAK,QAAA,QAAAL,MAAA,yBAAAH,MAAA,GAAAS,6BAAA,CAAAN,MAAA,EAAAK,QAAA,OAAAJ,GAAA,EAAAV,CAAA,MAAAN,MAAA,CAAAsB,qBAAA,QAAAC,gBAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAP,MAAA,QAAAT,CAAA,MAAAA,CAAA,GAAAiB,gBAAA,CAAAT,MAAA,EAAAR,CAAA,MAAAU,GAAA,GAAAO,gBAAA,CAAAjB,CAAA,OAAAc,QAAA,CAAAI,OAAA,CAAAR,GAAA,uBAAAhB,MAAA,CAAAiB,SAAA,CAAAQ,oBAAA,CAAApB,IAAA,CAAAU,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAS,8BAAAN,MAAA,EAAAK,QAAA,QAAAL,MAAA,yBAAAH,MAAA,gBAAAI,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAiB,SAAA,CAAAb,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,SAAAI,QAAA,CAAAI,OAAA,CAAAR,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAc,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAA7B,MAAA,CAAA8B,MAAA,CAAA9B,MAAA,CAAA+B,gBAAA,CAAAJ,OAAA,IAAAC,GAAA,IAAAI,KAAA,EAAAhC,MAAA,CAAA8B,MAAA,CAAAF,GAAA;AA2BrC,IAAMK,wBAAwB,GAAG,IAAI;AACrC,IAAMC,yBAAyB,GAAG,CAAC;AAEnC,IAAMC,UAAU,GAAG,IAAAC,kBAAM,EAACC,gBAAS,CAAC,CAAA5D,eAAA,KAAAA,eAAA,GAAAiD,sBAAA,6BACvBO,wBAAwB,CACpC;AAED,IAAMK,SAAS,GAAGF,kBAAM,CAACG,GAAG,CAAA7D,gBAAA,KAAAA,gBAAA,GAAAgD,sBAAA,sGAMfO,wBAAwB,CACpC;AAED,IAAMO,mBAAmB,OAAGC,gBAAS,EAAA9D,gBAAA,KAAAA,gBAAA,GAAA+C,sBAAA,wGACSQ,yBAAyB,CAEtE;AAED,IAAMQ,oBAAoB,OAAGD,gBAAS,EAAA7D,gBAAA,KAAAA,gBAAA,GAAA8C,sBAAA,wGAEMQ,yBAAyB,CACpE;AAED,IAAMS,oBAAoB,OAAGF,gBAAS,EAAA5D,gBAAA,KAAAA,gBAAA,GAAA6C,sBAAA,yHACQQ,yBAAyB,CAEtE;AAED,IAAMU,qBAAqB,OAAGH,gBAAS,EAAA3D,gBAAA,KAAAA,gBAAA,GAAA4C,sBAAA,yHAEKQ,yBAAyB,CACpE;AAED,IAAMW,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAIC,CAAC;EAAA,OACnCA,CAAC,CAACC,SAAS,KAAK,MAAM,IACtBD,CAAC,CAACE,OAAO,QACTC,UAAG,EAAAlE,gBAAA,KAAAA,gBAAA,GAAA2C,sBAAA,mDACYc,mBAAmB,EAAIM,CAAC,CAACI,KAAK,CAACC,eAAe,CAC5D;AAAA;AAEH,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAIN,CAAC;EAAA,OACrCA,CAAC,CAACC,SAAS,KAAK,MAAM,IACtB,CAACD,CAAC,CAACE,OAAO,QACVC,UAAG,EAAAjE,gBAAA,KAAAA,gBAAA,GAAA0C,sBAAA,mDACYgB,oBAAoB,EAAII,CAAC,CAACI,KAAK,CAACC,eAAe,CAC7D;AAAA;AAEH,IAAME,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAIP,CAAC;EAAA,OACpCA,CAAC,CAACC,SAAS,KAAK,OAAO,IACvBD,CAAC,CAACE,OAAO,QACTC,UAAG,EAAAhE,gBAAA,KAAAA,gBAAA,GAAAyC,sBAAA,mDACYiB,oBAAoB,EAAIG,CAAC,CAACI,KAAK,CAACC,eAAe,CAC7D;AAAA;AAEH,IAAMG,6BAA6B,GAAG,SAAhCA,6BAA6BA,CAAIR,CAAC;EAAA,OACtCA,CAAC,CAACC,SAAS,KAAK,OAAO,IACvB,CAACD,CAAC,CAACE,OAAO,QACVC,UAAG,EAAA/D,iBAAA,KAAAA,iBAAA,GAAAwC,sBAAA,mDACYkB,qBAAqB,EAAIE,CAAC,CAACI,KAAK,CAACC,eAAe,CAC9D;AAAA;AAMH,IAAMI,OAAO,GAAG,IAAAnB,kBAAM,EACpB,KAAK,EACL,IAAAoB,uBAAgB,EAAC,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAC1D,CAAC,CAAArE,iBAAA,KAAAA,iBAAA,GAAAuC,sBAAA,qSACG+B,wBAAgB,EAKT,UAACX,CAAC;EAAA,OAAKA,CAAC,CAACY,KAAK;AAAA,GAIH,UAACZ,CAAC;EAAA,OAAK,IAAAa,YAAG,EAACb,CAAC,CAACI,KAAK,CAACU,OAAO,CAAC;AAAA,GACtC,UAACd,CAAC;EAAA,OAAK,IAAAa,YAAG,EAACb,CAAC,CAACI,KAAK,CAACW,SAAS,CAAC;AAAA,GACpB3B,yBAAyB,EACvC,UAACY,CAAC;EAAA,OAAK,IAAAa,YAAG,EAACb,CAAC,CAACI,KAAK,CAACY,oBAAoB,CAAC;AAAA,GAE1CjB,0BAA0B,EAC1BO,4BAA4B,EAC5BC,2BAA2B,EAC3BC,6BAA6B,EAE7B,IAAAS,6BAAqB,EAAC,GAAG,CAAC,EAC1BC,kBAAU,CACb;AAED,IAAMC,kBAAkB,gBAAGC,kBAAK,CAACC,aAAa,CAAa,YAAM,CAAC,CAAC,CAAC;AAE7D,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAA;EAAA,OAAS,IAAAE,kBAAU,EAACL,kBAAkB,CAAC;AAAA;;AAElE;AACA;AACA;AACA,IAAMM,MAAM,gBAAG,IAAAC,kBAAU,EACvB,UAAAC,IAAA,EAWEC,GAAG,EACA;EAAA,IAAAC,cAAA,GAAAF,IAAA,CAVD1B,SAAS;IAATA,SAAS,GAAA4B,cAAA,cAAG,OAAO,GAAAA,cAAA;IAAAC,UAAA,GAAAH,IAAA,CACnBf,KAAK;IAALA,KAAK,GAAAkB,UAAA,cAAG,MAAM,GAAAA,UAAA;IAAAC,YAAA,GAAAJ,IAAA,CACdzB,OAAO;IAAPA,OAAO,GAAA6B,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAAC,YAAA,GAAAL,IAAA,CACfM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,YAAA;IAClBE,IAAI,GAAAP,IAAA,CAAJO,IAAI;IACJC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IAAAC,YAAA,GAAAT,IAAA,CACRU,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,YAAA;IACfE,IAAI,GAAAjE,wBAAA,CAAAsD,IAAA,EAAAjG,SAAA;EAIT,IAAA6G,SAAA,GAAkB,IAAAC,iBAAQ,EAAC,CAAC;IAApBpC,KAAK,GAAAmC,SAAA,CAALnC,KAAK;EACb,IAAMqC,OAAO,GAAG,IAAAC,kBAAW,EAACxC,OAAO,EAAEE,KAAK,CAACC,eAAe,CAAC;EAE3D,IAAAsC,oBAAa,EAAC,CAACzC,OAAO,CAAC;EAEvB,IAAM0C,YAAY,GAAG,IAAAC,mBAAW,EAC9B,UAACtG,CAAC,EAAK;IACLA,CAAC,CAACuG,eAAe,CAAC,CAAC;IACnBT,OAAO,CAAC9F,CAAC,CAAC;EACZ,CAAC,EACD,CAAC8F,OAAO,CACV,CAAC;EAED,IAAMU,cAAc,GAAG,IAAAF,mBAAW,EAChC,UAACtG,CAAC,EAAK;IACL,IAAIA,CAAC,CAAC2B,GAAG,KAAK,QAAQ,EAAE;MACtB3B,CAAC,CAACuG,eAAe,CAAC,CAAC;MACnBb,OAAO,CAAC,CAAC;IACX;EACF,CAAC,EACD,CAACA,OAAO,CACV,CAAC;EAED,IAAI,CAACQ,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACEnH,OAAA,YAAA0H,aAAA,CAAC9H,OAAA,WAAM,qBACLI,OAAA,YAAA0H,aAAA,CAAC3D,UAAU;IAACa,OAAO,EAAEA;EAAQ,CAAE,CAAC,eAChC5E,OAAA,YAAA0H,aAAA,CAACxD,SAAS;IAAC6C,OAAO,EAAEJ;EAAQ,gBAC1B3G,OAAA,YAAA0H,aAAA,CAACxH,eAAA,WAAS;IAACyH,SAAS;EAAA,gBAClB3H,OAAA,YAAA0H,aAAA,CAAC7B,kBAAkB,CAAC+B,QAAQ;IAAChE,KAAK,EAAE+C;EAAQ,gBAC1C3G,OAAA,YAAA0H,aAAA,CAACvC,OAAO,EAAA9C,QAAA;IACNsC,SAAS,EAAEA,SAAU;IACrBW,KAAK,EAAEA,KAAM;IACbV,OAAO,EAAEA,OAAQ;IACjBgC,IAAI,EAAEA,IAAK;IACXiB,QAAQ,EAAE,CAAC,CAAE;IACbC,SAAS,EAAEL,cAAe;IAC1BV,OAAO,EAAEO,YAAa;IACtBS,IAAI,EAAC,QAAQ;IACb;EAAU,GACNf,IAAI;IACRV,GAAG,EAAEA;EAAI,IAERO,QACM,CACkB,CACpB,CACF,CACL,CAAC;AAEb,CACF,CAAC;AAEDV,MAAM,CAAC6B,WAAW,GAAG,QAAQ;AAAC,IAAAC,QAAA,GAAAhC,OAAA,cAEfE,MAAM","ignoreList":[]}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
9
|
-
var FormConfigContext = /*#__PURE__*/_react["default"].createContext({
|
|
10
|
-
optionalText: 'optional'
|
|
11
|
-
});
|
|
12
|
-
FormConfigContext.displayName = 'FormConfigContext';
|
|
13
|
-
var _default = exports["default"] = FormConfigContext;
|
|
14
|
-
//# sourceMappingURL=FormConfigContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormConfigContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","FormConfigContext","React","createContext","optionalText","displayName","_default","exports"],"sources":["../../../src/Form/FormConfigContext.ts"],"sourcesContent":["import React from 'react';\n\nexport interface FormConfigContextProps {\n /**\n * The text that is displayed to the right of the label of the optional field.\n */\n optionalText: string;\n}\n\nconst FormConfigContext = React.createContext<FormConfigContextProps>({\n optionalText: 'optional',\n});\n\nFormConfigContext.displayName = 'FormConfigContext';\n\nexport default FormConfigContext;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAS1B,IAAME,iBAAiB,gBAAGC,iBAAK,CAACC,aAAa,CAAyB;EACpEC,YAAY,EAAE;AAChB,CAAC,CAAC;AAEFH,iBAAiB,CAACI,WAAW,GAAG,mBAAmB;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAErCN,iBAAiB","ignoreList":[]}
|
package/dist/cjs/Form/index.js
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
-
var _styles = require("@os-design/styles");
|
|
10
|
-
var _utils = require("@os-design/utils");
|
|
11
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _FormConfigContext = _interopRequireDefault(require("./FormConfigContext"));
|
|
13
|
-
var _excluded = ["optionalText"];
|
|
14
|
-
var _templateObject;
|
|
15
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
18
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
19
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
20
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
21
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
22
|
-
var StyledForm = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('size'))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n max-width: 50em;\n\n & > * + * {\n margin-top: 1em;\n }\n & > style + * {\n margin-top: 0;\n }\n\n ", ";\n"])), _styles.sizeStyles);
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* The wrapper of the form.
|
|
26
|
-
*/
|
|
27
|
-
var Form = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
28
|
-
var _ref$optionalText = _ref.optionalText,
|
|
29
|
-
optionalText = _ref$optionalText === void 0 ? 'optional' : _ref$optionalText,
|
|
30
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
31
|
-
var memoizedOptionalText = (0, _react.useMemo)(function () {
|
|
32
|
-
return {
|
|
33
|
-
optionalText: optionalText
|
|
34
|
-
};
|
|
35
|
-
}, [optionalText]);
|
|
36
|
-
return /*#__PURE__*/_react["default"].createElement(_FormConfigContext["default"].Provider, {
|
|
37
|
-
value: memoizedOptionalText
|
|
38
|
-
}, /*#__PURE__*/_react["default"].createElement(StyledForm, _extends({}, rest, {
|
|
39
|
-
ref: ref
|
|
40
|
-
})));
|
|
41
|
-
});
|
|
42
|
-
Form.displayName = 'Form';
|
|
43
|
-
var _default = exports["default"] = Form;
|
|
44
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_styles","_utils","_react","_interopRequireWildcard","_FormConfigContext","_excluded","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","StyledForm","styled","omitEmotionProps","sizeStyles","Form","forwardRef","_ref","ref","_ref$optionalText","optionalText","rest","memoizedOptionalText","useMemo","createElement","Provider","displayName","_default","exports"],"sources":["../../../src/Form/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { WithSize, sizeStyles } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useMemo } from 'react';\nimport FormConfigContext from './FormConfigContext';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface FormProps extends JsxDivProps, WithSize {\n /**\n * The text that is displayed to the right of the label of the optional field.\n * @default optional\n */\n optionalText?: string;\n}\n\nconst StyledForm = styled('div', omitEmotionProps('size'))<WithSize>`\n max-width: 50em;\n\n & > * + * {\n margin-top: 1em;\n }\n & > style + * {\n margin-top: 0;\n }\n\n ${sizeStyles};\n`;\n\n/**\n * The wrapper of the form.\n */\nconst Form = forwardRef<HTMLDivElement, FormProps>(\n ({ optionalText = 'optional', ...rest }, ref) => {\n const memoizedOptionalText = useMemo(\n () => ({ optionalText }),\n [optionalText]\n );\n\n return (\n <FormConfigContext.Provider value={memoizedOptionalText}>\n <StyledForm {...rest} ref={ref} />\n </FormConfigContext.Provider>\n );\n }\n);\n\nForm.displayName = 'Form';\n\nexport default Form;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
-
var _styles = require("@os-design/styles");
|
|
10
|
-
var _theming = require("@os-design/theming");
|
|
11
|
-
var _utils = require("@os-design/utils");
|
|
12
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
var _excluded = ["title", "description"];
|
|
14
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
15
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
18
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
19
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
20
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
21
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
22
|
-
var Container = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('size'))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin: 3em 0 1em;\n\n &::before,\n &::after {\n content: '';\n flex: 1;\n min-width: 5%;\n max-width: 50%;\n border-top: 1px solid ", ";\n }\n\n ", ";\n"])), function (p) {
|
|
23
|
-
return (0, _theming.clr)(p.theme.formDividerColor);
|
|
24
|
-
}, _styles.sizeStyles);
|
|
25
|
-
var Content = _styled["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 0 1.5em;\n text-align: center;\n overflow: hidden;\n"])));
|
|
26
|
-
var Title = _styled["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n color: ", ";\n font-size: ", "em;\n font-weight: 500;\n ", ";\n"])), function (p) {
|
|
27
|
-
return (0, _theming.clr)(p.theme.colorText);
|
|
28
|
-
}, function (p) {
|
|
29
|
-
return p.theme.sizes.large;
|
|
30
|
-
}, _styles.ellipsisStyles);
|
|
31
|
-
var Description = _styled["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n color: ", ";\n font-size: ", "em;\n line-height: 1.2;\n ", ";\n"])), function (p) {
|
|
32
|
-
return (0, _theming.clr)(p.theme.inputColorPlaceholder);
|
|
33
|
-
}, function (p) {
|
|
34
|
-
return p.theme.sizes.small;
|
|
35
|
-
}, _styles.ellipsisStyles);
|
|
36
|
-
|
|
37
|
-
/**
|
|
38
|
-
* The divider line for separating the various elements of the form.
|
|
39
|
-
*/
|
|
40
|
-
var FormDivider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
41
|
-
var title = _ref.title,
|
|
42
|
-
description = _ref.description,
|
|
43
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
44
|
-
return /*#__PURE__*/_react["default"].createElement(Container, _extends({
|
|
45
|
-
role: "separator"
|
|
46
|
-
}, rest, {
|
|
47
|
-
ref: ref
|
|
48
|
-
}), /*#__PURE__*/_react["default"].createElement(Content, null, /*#__PURE__*/_react["default"].createElement(Title, null, title), /*#__PURE__*/_react["default"].createElement(Description, null, description)));
|
|
49
|
-
});
|
|
50
|
-
FormDivider.displayName = 'FormDivider';
|
|
51
|
-
var _default = exports["default"] = FormDivider;
|
|
52
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_styles","_theming","_utils","_react","_interopRequireWildcard","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","Container","styled","omitEmotionProps","p","clr","theme","formDividerColor","sizeStyles","Content","div","Title","colorText","sizes","large","ellipsisStyles","Description","inputColorPlaceholder","small","FormDivider","forwardRef","_ref","ref","title","description","rest","createElement","role","displayName","_default","exports"],"sources":["../../../src/FormDivider/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { ellipsisStyles, sizeStyles, WithSize } from '@os-design/styles';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface FormDividerProps extends JsxDivProps, WithSize {\n /**\n * The title that is in the center of the divider.\n */\n title: string;\n /**\n * The description that is under the title.\n * @default undefined\n */\n description?: string;\n}\n\nconst Container = styled('div', omitEmotionProps('size'))<WithSize>`\n display: flex;\n align-items: center;\n margin: 3em 0 1em;\n\n &::before,\n &::after {\n content: '';\n flex: 1;\n min-width: 5%;\n max-width: 50%;\n border-top: 1px solid ${(p) => clr(p.theme.formDividerColor)};\n }\n\n ${sizeStyles};\n`;\n\nconst Content = styled.div`\n padding: 0 1.5em;\n text-align: center;\n overflow: hidden;\n`;\n\nconst Title = styled.div`\n color: ${(p) => clr(p.theme.colorText)};\n font-size: ${(p) => p.theme.sizes.large}em;\n font-weight: 500;\n ${ellipsisStyles};\n`;\n\nconst Description = styled.div`\n color: ${(p) => clr(p.theme.inputColorPlaceholder)};\n font-size: ${(p) => p.theme.sizes.small}em;\n line-height: 1.2;\n ${ellipsisStyles};\n`;\n\n/**\n * The divider line for separating the various elements of the form.\n */\nconst FormDivider = forwardRef<HTMLDivElement, FormDividerProps>(\n ({ title, description, ...rest }, ref) => (\n <Container role='separator' {...rest} ref={ref}>\n <Content>\n <Title>{title}</Title>\n <Description>{description}</Description>\n </Content>\n </Container>\n )\n);\n\nFormDivider.displayName = 'FormDivider';\n\nexport default FormDivider;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAC,uBAAA,CAAAL,OAAA;AAA0C,IAAAM,SAAA;AAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAArB,uBAAAgC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAf,UAAA,GAAAe,GAAA,gBAAAA,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAiB,SAAA,CAAAb,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAS,KAAA,OAAAL,SAAA;AAAA,SAAAM,yBAAAJ,MAAA,EAAAK,QAAA,QAAAL,MAAA,yBAAAH,MAAA,GAAAS,6BAAA,CAAAN,MAAA,EAAAK,QAAA,OAAAJ,GAAA,EAAAV,CAAA,MAAAN,MAAA,CAAAsB,qBAAA,QAAAC,gBAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAP,MAAA,QAAAT,CAAA,MAAAA,CAAA,GAAAiB,gBAAA,CAAAT,MAAA,EAAAR,CAAA,MAAAU,GAAA,GAAAO,gBAAA,CAAAjB,CAAA,OAAAc,QAAA,CAAAI,OAAA,CAAAR,GAAA,uBAAAhB,MAAA,CAAAiB,SAAA,CAAAQ,oBAAA,CAAApB,IAAA,CAAAU,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAS,8BAAAN,MAAA,EAAAK,QAAA,QAAAL,MAAA,yBAAAH,MAAA,gBAAAI,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAiB,SAAA,CAAAb,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,SAAAI,QAAA,CAAAI,OAAA,CAAAR,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAc,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAA7B,MAAA,CAAA8B,MAAA,CAAA9B,MAAA,CAAA+B,gBAAA,CAAAJ,OAAA,IAAAC,GAAA,IAAAI,KAAA,EAAAhC,MAAA,CAAA8B,MAAA,CAAAF,GAAA;AAe1C,IAAMK,SAAS,GAAG,IAAAC,kBAAM,EAAC,KAAK,EAAE,IAAAC,uBAAgB,EAAC,MAAM,CAAC,CAAC,CAAAnD,eAAA,KAAAA,eAAA,GAAA0C,sBAAA,mOAW7B,UAACU,CAAC;EAAA,OAAK,IAAAC,YAAG,EAACD,CAAC,CAACE,KAAK,CAACC,gBAAgB,CAAC;AAAA,GAG5DC,kBAAU,CACb;AAED,IAAMC,OAAO,GAAGP,kBAAM,CAACQ,GAAG,CAAAzD,gBAAA,KAAAA,gBAAA,GAAAyC,sBAAA,2EAIzB;AAED,IAAMiB,KAAK,GAAGT,kBAAM,CAACQ,GAAG,CAAAxD,gBAAA,KAAAA,gBAAA,GAAAwC,sBAAA,+EACb,UAACU,CAAC;EAAA,OAAK,IAAAC,YAAG,EAACD,CAAC,CAACE,KAAK,CAACM,SAAS,CAAC;AAAA,GACzB,UAACR,CAAC;EAAA,OAAKA,CAAC,CAACE,KAAK,CAACO,KAAK,CAACC,KAAK;AAAA,GAErCC,sBAAc,CACjB;AAED,IAAMC,WAAW,GAAGd,kBAAM,CAACQ,GAAG,CAAAvD,gBAAA,KAAAA,gBAAA,GAAAuC,sBAAA,+EACnB,UAACU,CAAC;EAAA,OAAK,IAAAC,YAAG,EAACD,CAAC,CAACE,KAAK,CAACW,qBAAqB,CAAC;AAAA,GACrC,UAACb,CAAC;EAAA,OAAKA,CAAC,CAACE,KAAK,CAACO,KAAK,CAACK,KAAK;AAAA,GAErCH,sBAAc,CACjB;;AAED;AACA;AACA;AACA,IAAMI,WAAW,gBAAG,IAAAC,iBAAU,EAC5B,UAAAC,IAAA,EAAkCC,GAAG;EAAA,IAAlCC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAKC,IAAI,GAAAtC,wBAAA,CAAAkC,IAAA,EAAAtE,SAAA;EAAA,oBAC5BF,MAAA,YAAA6E,aAAA,CAACzB,SAAS,EAAAxB,QAAA;IAACkD,IAAI,EAAC;EAAW,GAAKF,IAAI;IAAEH,GAAG,EAAEA;EAAI,iBAC7CzE,MAAA,YAAA6E,aAAA,CAACjB,OAAO,qBACN5D,MAAA,YAAA6E,aAAA,CAACf,KAAK,QAAEY,KAAa,CAAC,eACtB1E,MAAA,YAAA6E,aAAA,CAACV,WAAW,QAAEQ,WAAyB,CAChC,CACA,CAAC;AAAA,CAEhB,CAAC;AAEDL,WAAW,CAACS,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEzBX,WAAW","ignoreList":[]}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
-
var _styles = require("@os-design/styles");
|
|
10
|
-
var _theming = require("@os-design/theming");
|
|
11
|
-
var _utils = require("@os-design/utils");
|
|
12
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
var _FormConfigContext = _interopRequireDefault(require("../Form/FormConfigContext"));
|
|
14
|
-
var _excluded = ["label", "help", "error", "optional", "id", "children"];
|
|
15
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
16
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
20
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
21
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
22
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
23
|
-
var Container = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('size'))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", ";\n"])), _styles.sizeStyles);
|
|
24
|
-
var Label = _styled["default"].label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n margin-bottom: 0.4em;\n font-size: ", "em;\n color: ", ";\n"])), function (p) {
|
|
25
|
-
return p.theme.sizes.small;
|
|
26
|
-
}, function (p) {
|
|
27
|
-
return (0, _theming.clr)(p.theme.colorText);
|
|
28
|
-
});
|
|
29
|
-
var Optional = _styled["default"].span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n color: ", ";\n margin-left: 0.3em;\n"])), function (p) {
|
|
30
|
-
return (0, _theming.clr)(p.theme.formItemColorOptional);
|
|
31
|
-
});
|
|
32
|
-
var Help = _styled["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-top: 0.1em;\n font-size: ", "em;\n color: ", ";\n"])), function (p) {
|
|
33
|
-
return p.theme.sizes.small;
|
|
34
|
-
}, function (p) {
|
|
35
|
-
return (0, _theming.clr)(p.theme.formItemColorHelp);
|
|
36
|
-
});
|
|
37
|
-
var Error = (0, _styled["default"])(Help)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n color: ", ";\n"])), function (p) {
|
|
38
|
-
return (0, _theming.clr)(p.theme.formItemColorError);
|
|
39
|
-
});
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* The wrapper of the field.
|
|
43
|
-
*/
|
|
44
|
-
var FormItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
45
|
-
var label = _ref.label,
|
|
46
|
-
help = _ref.help,
|
|
47
|
-
error = _ref.error,
|
|
48
|
-
_ref$optional = _ref.optional,
|
|
49
|
-
optional = _ref$optional === void 0 ? false : _ref$optional,
|
|
50
|
-
id = _ref.id,
|
|
51
|
-
children = _ref.children,
|
|
52
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
53
|
-
var _useContext = (0, _react.useContext)(_FormConfigContext["default"]),
|
|
54
|
-
optionalText = _useContext.optionalText;
|
|
55
|
-
var containerId = (0, _react.useMemo)(function () {
|
|
56
|
-
return id || Math.random().toString(36).slice(2, 11);
|
|
57
|
-
}, [id]);
|
|
58
|
-
var fieldId = (0, _react.useMemo)(function () {
|
|
59
|
-
return "field-".concat(containerId);
|
|
60
|
-
}, [containerId]);
|
|
61
|
-
var helpId = (0, _react.useMemo)(function () {
|
|
62
|
-
return "help-".concat(containerId);
|
|
63
|
-
}, [containerId]);
|
|
64
|
-
var ariaInvalid = (0, _react.useMemo)(function () {
|
|
65
|
-
return !!error;
|
|
66
|
-
}, [error]);
|
|
67
|
-
var ariaDescribedBy = (0, _react.useMemo)(function () {
|
|
68
|
-
return help ? helpId : undefined;
|
|
69
|
-
}, [help, helpId]);
|
|
70
|
-
return /*#__PURE__*/_react["default"].createElement(Container, _extends({
|
|
71
|
-
role: "group",
|
|
72
|
-
id: id
|
|
73
|
-
}, rest, {
|
|
74
|
-
ref: ref
|
|
75
|
-
}), label && /*#__PURE__*/_react["default"].createElement(Label, {
|
|
76
|
-
htmlFor: fieldId
|
|
77
|
-
}, label, optional && /*#__PURE__*/_react["default"].createElement(Optional, null, "(", optionalText, ")")), /*#__PURE__*/_react["default"].createElement("div", {
|
|
78
|
-
id: fieldId,
|
|
79
|
-
"aria-invalid": ariaInvalid,
|
|
80
|
-
"aria-describedby": ariaDescribedBy
|
|
81
|
-
}, /*#__PURE__*/_react["default"].createElement(_theming.ThemeOverrider, {
|
|
82
|
-
overrides: function overrides(theme) {
|
|
83
|
-
return {
|
|
84
|
-
inputColorBorder: error ? theme.formItemColorError : theme.inputColorBorder
|
|
85
|
-
};
|
|
86
|
-
}
|
|
87
|
-
}, children)), error ? /*#__PURE__*/_react["default"].createElement(Error, {
|
|
88
|
-
"aria-live": "polite",
|
|
89
|
-
id: helpId
|
|
90
|
-
}, error) : help && /*#__PURE__*/_react["default"].createElement(Help, {
|
|
91
|
-
id: helpId
|
|
92
|
-
}, help));
|
|
93
|
-
});
|
|
94
|
-
FormItem.displayName = 'FormItem';
|
|
95
|
-
var _default = exports["default"] = FormItem;
|
|
96
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_styles","_theming","_utils","_react","_interopRequireWildcard","_FormConfigContext","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","Container","styled","omitEmotionProps","sizeStyles","Label","label","p","theme","sizes","small","clr","colorText","Optional","span","formItemColorOptional","Help","div","formItemColorHelp","Error","formItemColorError","FormItem","forwardRef","_ref","ref","help","error","_ref$optional","optional","id","children","rest","_useContext","useContext","FormConfigContext","optionalText","containerId","useMemo","Math","random","toString","fieldId","concat","helpId","ariaInvalid","ariaDescribedBy","undefined","createElement","role","htmlFor","ThemeOverrider","overrides","inputColorBorder","displayName","_default","exports"],"sources":["../../../src/FormItem/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { clr, ThemeOverrider } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useContext, useMemo } from 'react';\nimport FormConfigContext from '../Form/FormConfigContext';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface FormItemProps extends JsxDivProps, WithSize {\n /**\n * Label of the field.\n * @default undefined\n */\n label?: string;\n /**\n * The help message located at the bottom of the field.\n * @default undefined\n */\n help?: string;\n /**\n * The error message located at the bottom of the field.\n * If specified, the field has a red border.\n * @default undefined\n */\n error?: string | null;\n /**\n * Whether the field is optional.\n * @default false\n */\n optional?: boolean;\n}\n\nconst Container = styled('div', omitEmotionProps('size'))<WithSize>`\n ${sizeStyles};\n`;\n\nconst Label = styled.label`\n display: inline-flex;\n align-items: center;\n margin-bottom: 0.4em;\n font-size: ${(p) => p.theme.sizes.small}em;\n color: ${(p) => clr(p.theme.colorText)};\n`;\n\nconst Optional = styled.span`\n color: ${(p) => clr(p.theme.formItemColorOptional)};\n margin-left: 0.3em;\n`;\n\nconst Help = styled.div`\n margin-top: 0.1em;\n font-size: ${(p) => p.theme.sizes.small}em;\n color: ${(p) => clr(p.theme.formItemColorHelp)};\n`;\n\nconst Error = styled(Help)`\n color: ${(p) => clr(p.theme.formItemColorError)};\n`;\n\n/**\n * The wrapper of the field.\n */\nconst FormItem = forwardRef<HTMLDivElement, FormItemProps>(\n ({ label, help, error, optional = false, id, children, ...rest }, ref) => {\n const { optionalText } = useContext(FormConfigContext);\n\n const containerId = useMemo(\n () => id || Math.random().toString(36).slice(2, 11),\n [id]\n );\n const fieldId = useMemo(() => `field-${containerId}`, [containerId]);\n const helpId = useMemo(() => `help-${containerId}`, [containerId]);\n const ariaInvalid = useMemo(() => !!error, [error]);\n const ariaDescribedBy = useMemo(\n () => (help ? helpId : undefined),\n [help, helpId]\n );\n\n return (\n <Container role='group' id={id} {...rest} ref={ref}>\n {label && (\n <Label htmlFor={fieldId}>\n {label}\n {optional && <Optional>({optionalText})</Optional>}\n </Label>\n )}\n\n <div\n id={fieldId}\n aria-invalid={ariaInvalid}\n aria-describedby={ariaDescribedBy}\n >\n <ThemeOverrider\n overrides={(theme) => ({\n inputColorBorder: error\n ? theme.formItemColorError\n : theme.inputColorBorder,\n })}\n >\n {children}\n </ThemeOverrider>\n </div>\n\n {error ? (\n <Error aria-live='polite' id={helpId}>\n {error}\n </Error>\n ) : (\n help && <Help id={helpId}>{help}</Help>\n )}\n </Container>\n );\n }\n);\n\nFormItem.displayName = 'FormItem';\n\nexport default FormItem;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
8
|
-
var _theming = require("@os-design/theming");
|
|
9
|
-
var _utils = require("@os-design/utils");
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _templateObject, _templateObject2;
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
14
|
-
var Container = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('height'))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: ", "px;\n"])), function (p) {
|
|
15
|
-
return p.height;
|
|
16
|
-
});
|
|
17
|
-
var Block = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('count', 'index', 'current'))(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n left: ", "%;\n width: ", ";\n height: 100%;\n\n background-color: ", ";\n backdrop-filter: blur(0.2em);\n"])), function (p) {
|
|
18
|
-
return 100 / p.count * p.index;
|
|
19
|
-
}, function (p) {
|
|
20
|
-
return p.index < p.count - 1 ? "calc(".concat(100 / p.count, "% - 2px)") : "".concat(100 / p.count, "%");
|
|
21
|
-
}, function (p) {
|
|
22
|
-
return p.current ? (0, _theming.clr)(p.theme.galleryStatusColorBgCurrent) : (0, _theming.clr)(p.theme.galleryStatusColorBg);
|
|
23
|
-
});
|
|
24
|
-
var Status = function Status(_ref) {
|
|
25
|
-
var count = _ref.count,
|
|
26
|
-
current = _ref.current,
|
|
27
|
-
height = _ref.height;
|
|
28
|
-
return /*#__PURE__*/_react["default"].createElement(Container, {
|
|
29
|
-
height: height
|
|
30
|
-
}, Array(count).fill(0).map(function (_, index) {
|
|
31
|
-
return /*#__PURE__*/_react["default"].createElement(Block, {
|
|
32
|
-
key: index // eslint-disable-line react/no-array-index-key
|
|
33
|
-
,
|
|
34
|
-
count: count,
|
|
35
|
-
index: index,
|
|
36
|
-
current: index === current
|
|
37
|
-
});
|
|
38
|
-
}));
|
|
39
|
-
};
|
|
40
|
-
var _default = exports["default"] = Status;
|
|
41
|
-
//# sourceMappingURL=Status.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Status.js","names":["_styled","_interopRequireDefault","require","_theming","_utils","_react","_templateObject","_templateObject2","obj","__esModule","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","Container","styled","omitEmotionProps","p","height","Block","count","index","concat","current","clr","theme","galleryStatusColorBgCurrent","galleryStatusColorBg","Status","_ref","createElement","Array","fill","map","_","key","_default","exports"],"sources":["../../../src/Gallery/Status.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React from 'react';\n\ninterface StatusProps {\n count: number;\n current: number;\n height: number;\n}\n\ninterface ContainerProps {\n height: number;\n}\nconst Container = styled('div', omitEmotionProps('height'))<ContainerProps>`\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: ${(p) => p.height}px;\n`;\n\ninterface BlockProps {\n count: number;\n index: number;\n current: boolean;\n}\nconst Block = styled(\n 'div',\n omitEmotionProps('count', 'index', 'current')\n)<BlockProps>`\n position: absolute;\n left: ${(p) => (100 / p.count) * p.index}%;\n width: ${(p) =>\n p.index < p.count - 1\n ? `calc(${100 / p.count}% - 2px)`\n : `${100 / p.count}%`};\n height: 100%;\n\n background-color: ${(p) =>\n p.current\n ? clr(p.theme.galleryStatusColorBgCurrent)\n : clr(p.theme.galleryStatusColorBg)};\n backdrop-filter: blur(0.2em);\n`;\n\nconst Status: React.FC<StatusProps> = ({ count, current, height }) => (\n <Container height={height}>\n {Array(count)\n .fill(0)\n .map((_, index) => (\n <Block\n key={index} // eslint-disable-line react/no-array-index-key\n count={count}\n index={index}\n current={index === current}\n />\n ))}\n </Container>\n);\n\nexport default Status;\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA0B,IAAAI,eAAA,EAAAC,gBAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAW1B,IAAMM,SAAS,GAAG,IAAAC,kBAAM,EAAC,KAAK,EAAE,IAAAC,uBAAgB,EAAC,QAAQ,CAAC,CAAC,CAAAd,eAAA,KAAAA,eAAA,GAAAI,sBAAA,4FAK/C,UAACW,CAAC;EAAA,OAAKA,CAAC,CAACC,MAAM;AAAA,EAC1B;AAOD,IAAMC,KAAK,GAAG,IAAAJ,kBAAM,EAClB,KAAK,EACL,IAAAC,uBAAgB,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,CAC9C,CAAC,CAAAb,gBAAA,KAAAA,gBAAA,GAAAG,sBAAA,iJAES,UAACW,CAAC;EAAA,OAAM,GAAG,GAAGA,CAAC,CAACG,KAAK,GAAIH,CAAC,CAACI,KAAK;AAAA,GAC/B,UAACJ,CAAC;EAAA,OACTA,CAAC,CAACI,KAAK,GAAGJ,CAAC,CAACG,KAAK,GAAG,CAAC,WAAAE,MAAA,CACT,GAAG,GAAGL,CAAC,CAACG,KAAK,mBAAAE,MAAA,CAClB,GAAG,GAAGL,CAAC,CAACG,KAAK,MAAG;AAAA,GAGL,UAACH,CAAC;EAAA,OACpBA,CAAC,CAACM,OAAO,GACL,IAAAC,YAAG,EAACP,CAAC,CAACQ,KAAK,CAACC,2BAA2B,CAAC,GACxC,IAAAF,YAAG,EAACP,CAAC,CAACQ,KAAK,CAACE,oBAAoB,CAAC;AAAA,EAExC;AAED,IAAMC,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA;EAAA,IAAMT,KAAK,GAAAS,IAAA,CAALT,KAAK;IAAEG,OAAO,GAAAM,IAAA,CAAPN,OAAO;IAAEL,MAAM,GAAAW,IAAA,CAANX,MAAM;EAAA,oBAC7DjB,MAAA,YAAA6B,aAAA,CAAChB,SAAS;IAACI,MAAM,EAAEA;EAAO,GACvBa,KAAK,CAACX,KAAK,CAAC,CACVY,IAAI,CAAC,CAAC,CAAC,CACPC,GAAG,CAAC,UAACC,CAAC,EAAEb,KAAK;IAAA,oBACZpB,MAAA,YAAA6B,aAAA,CAACX,KAAK;MACJgB,GAAG,EAAEd,KAAM,CAAC;MAAA;MACZD,KAAK,EAAEA,KAAM;MACbC,KAAK,EAAEA,KAAM;MACbE,OAAO,EAAEF,KAAK,KAAKE;IAAQ,CAC5B,CAAC;EAAA,CACH,CACM,CAAC;AAAA,CACb;AAAC,IAAAa,QAAA,GAAAC,OAAA,cAEaT,MAAM","ignoreList":[]}
|