@os-design/core 1.0.255 → 1.0.257
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 +131 -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 +17 -18
- 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 -284
- 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 -282
- 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,17 +0,0 @@
|
|
|
1
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
-
import styled from '@emotion/styled';
|
|
3
|
-
import React, { forwardRef } from 'react';
|
|
4
|
-
import InputSkeleton from '../InputSkeleton';
|
|
5
|
-
const StyledTextAreaSkeleton = styled(InputSkeleton)`
|
|
6
|
-
height: ${p => p.theme.textAreaHeight}em;
|
|
7
|
-
`;
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Provides a textarea placeholder while a user waits for the content to load.
|
|
11
|
-
*/
|
|
12
|
-
const TextAreaSkeleton = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React.createElement(StyledTextAreaSkeleton, _extends({}, props, {
|
|
13
|
-
ref: ref
|
|
14
|
-
})));
|
|
15
|
-
TextAreaSkeleton.displayName = 'TextAreaSkeleton';
|
|
16
|
-
export default TextAreaSkeleton;
|
|
17
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["styled","React","forwardRef","InputSkeleton","StyledTextAreaSkeleton","p","theme","textAreaHeight","TextAreaSkeleton","props","ref","createElement","_extends","displayName"],"sources":["../../../src/TextAreaSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\nimport InputSkeleton, { InputSkeletonProps } from '../InputSkeleton';\n\nexport type TextAreaSkeletonProps = InputSkeletonProps;\n\nconst StyledTextAreaSkeleton = styled(InputSkeleton)`\n height: ${(p) => p.theme.textAreaHeight}em;\n`;\n\n/**\n * Provides a textarea placeholder while a user waits for the content to load.\n */\nconst TextAreaSkeleton = forwardRef<HTMLDivElement, TextAreaSkeletonProps>(\n (props, ref) => <StyledTextAreaSkeleton {...props} ref={ref} />\n);\n\nTextAreaSkeleton.displayName = 'TextAreaSkeleton';\n\nexport default TextAreaSkeleton;\n"],"mappings":";AAAA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,aAAa,MAA8B,kBAAkB;AAIpE,MAAMC,sBAAsB,GAAGJ,MAAM,CAACG,aAAa,CAAC;AACpD,YAAaE,CAAC,IAAKA,CAAC,CAACC,KAAK,CAACC,cAAc;AACzC,CAAC;;AAED;AACA;AACA;AACA,MAAMC,gBAAgB,gBAAGN,UAAU,CACjC,CAACO,KAAK,EAAEC,GAAG,kBAAKT,KAAA,CAAAU,aAAA,CAACP,sBAAsB,EAAAQ,QAAA,KAAKH,KAAK;EAAEC,GAAG,EAAEA;AAAI,EAAE,CAChE,CAAC;AAEDF,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAEjD,eAAeL,gBAAgB","ignoreList":[]}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
-
import { Moon, Sun } from '@os-design/icons';
|
|
3
|
-
import { useTheme } from '@os-design/theming';
|
|
4
|
-
import React, { forwardRef } from 'react';
|
|
5
|
-
import Button from '../Button';
|
|
6
|
-
/**
|
|
7
|
-
* The button to switch the current theme.
|
|
8
|
-
*/
|
|
9
|
-
const ThemeSwitcher = /*#__PURE__*/forwardRef(({
|
|
10
|
-
onClick = () => {},
|
|
11
|
-
...rest
|
|
12
|
-
}, ref) => {
|
|
13
|
-
const {
|
|
14
|
-
activeTheme,
|
|
15
|
-
setActiveTheme
|
|
16
|
-
} = useTheme();
|
|
17
|
-
return /*#__PURE__*/React.createElement(Button, _extends({
|
|
18
|
-
type: "ghost",
|
|
19
|
-
wide: "never",
|
|
20
|
-
onClick: e => {
|
|
21
|
-
setActiveTheme(activeTheme === 'light' ? 'dark' : 'light');
|
|
22
|
-
onClick(e);
|
|
23
|
-
},
|
|
24
|
-
role: "switch",
|
|
25
|
-
"aria-checked": activeTheme === 'dark',
|
|
26
|
-
"aria-label": "Dark theme"
|
|
27
|
-
}, rest, {
|
|
28
|
-
ref: ref
|
|
29
|
-
}), activeTheme === 'light' ? /*#__PURE__*/React.createElement(Moon, null) : /*#__PURE__*/React.createElement(Sun, null));
|
|
30
|
-
});
|
|
31
|
-
ThemeSwitcher.displayName = 'ThemeSwitcher';
|
|
32
|
-
export default ThemeSwitcher;
|
|
33
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["Moon","Sun","useTheme","React","forwardRef","Button","ThemeSwitcher","onClick","rest","ref","activeTheme","setActiveTheme","createElement","_extends","type","wide","e","role","displayName"],"sources":["../../../src/ThemeSwitcher/index.tsx"],"sourcesContent":["import { Moon, Sun } from '@os-design/icons';\nimport { useTheme } from '@os-design/theming';\nimport React, { forwardRef } from 'react';\nimport Button, { ButtonProps } from '../Button';\n\nexport type ThemeSwitcherProps = ButtonProps;\n\n/**\n * The button to switch the current theme.\n */\nconst ThemeSwitcher = forwardRef<HTMLButtonElement, ThemeSwitcherProps>(\n ({ onClick = () => {}, ...rest }, ref) => {\n const { activeTheme, setActiveTheme } = useTheme();\n\n return (\n <Button\n type='ghost'\n wide='never'\n onClick={(e) => {\n setActiveTheme(activeTheme === 'light' ? 'dark' : 'light');\n onClick(e);\n }}\n role='switch'\n aria-checked={activeTheme === 'dark'}\n aria-label='Dark theme'\n {...rest}\n ref={ref}\n >\n {activeTheme === 'light' ? <Moon /> : <Sun />}\n </Button>\n );\n }\n);\n\nThemeSwitcher.displayName = 'ThemeSwitcher';\n\nexport default ThemeSwitcher;\n"],"mappings":";AAAA,SAASA,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;AAC5C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,MAAM,MAAuB,WAAW;AAI/C;AACA;AACA;AACA,MAAMC,aAAa,gBAAGF,UAAU,CAC9B,CAAC;EAAEG,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,KAAK;EACxC,MAAM;IAAEC,WAAW;IAAEC;EAAe,CAAC,GAAGT,QAAQ,CAAC,CAAC;EAElD,oBACEC,KAAA,CAAAS,aAAA,CAACP,MAAM,EAAAQ,QAAA;IACLC,IAAI,EAAC,OAAO;IACZC,IAAI,EAAC,OAAO;IACZR,OAAO,EAAGS,CAAC,IAAK;MACdL,cAAc,CAACD,WAAW,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;MAC1DH,OAAO,CAACS,CAAC,CAAC;IACZ,CAAE;IACFC,IAAI,EAAC,QAAQ;IACb,gBAAcP,WAAW,KAAK,MAAO;IACrC,cAAW;EAAY,GACnBF,IAAI;IACRC,GAAG,EAAEA;EAAI,IAERC,WAAW,KAAK,OAAO,gBAAGP,KAAA,CAAAS,aAAA,CAACZ,IAAI,MAAE,CAAC,gBAAGG,KAAA,CAAAS,aAAA,CAACX,GAAG,MAAE,CACtC,CAAC;AAEb,CACF,CAAC;AAEDK,aAAa,CAACY,WAAW,GAAG,eAAe;AAE3C,eAAeZ,aAAa","ignoreList":[]}
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
-
import { useTime } from '@os-design/time-picker-utils';
|
|
3
|
-
import { useForwardedRef, useForwardedState } from '@os-design/utils';
|
|
4
|
-
import React, { forwardRef, useCallback, useEffect, useMemo, useState } from 'react';
|
|
5
|
-
import Button from '../Button';
|
|
6
|
-
import Input from '../Input';
|
|
7
|
-
/**
|
|
8
|
-
* The component to choose a time.
|
|
9
|
-
*/
|
|
10
|
-
const TimePicker = /*#__PURE__*/forwardRef(({
|
|
11
|
-
notation = '12-hour',
|
|
12
|
-
value,
|
|
13
|
-
defaultValue,
|
|
14
|
-
onChange = () => {},
|
|
15
|
-
onSelect = () => {},
|
|
16
|
-
onKeyDown = () => {},
|
|
17
|
-
disabled = false,
|
|
18
|
-
right,
|
|
19
|
-
...rest
|
|
20
|
-
}, ref) => {
|
|
21
|
-
const [inputRef, mergedInputRef] = useForwardedRef(ref);
|
|
22
|
-
const [forwardedValue, setForwardedValue] = useForwardedState({
|
|
23
|
-
value,
|
|
24
|
-
defaultValue,
|
|
25
|
-
onChange
|
|
26
|
-
});
|
|
27
|
-
const [selection, setSelection] = useState({
|
|
28
|
-
start: 0,
|
|
29
|
-
end: 0
|
|
30
|
-
});
|
|
31
|
-
const {
|
|
32
|
-
time,
|
|
33
|
-
isPm,
|
|
34
|
-
changePeriod,
|
|
35
|
-
keyHandler
|
|
36
|
-
} = useTime({
|
|
37
|
-
notation,
|
|
38
|
-
selection,
|
|
39
|
-
setSelection,
|
|
40
|
-
forwardedValue,
|
|
41
|
-
setForwardedValue
|
|
42
|
-
});
|
|
43
|
-
const rightComponent = useMemo(() => {
|
|
44
|
-
if (notation !== '12-hour' && !right) return null;
|
|
45
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, notation === '12-hour' && /*#__PURE__*/React.createElement(Button, {
|
|
46
|
-
type: "ghost",
|
|
47
|
-
wide: "never",
|
|
48
|
-
size: "small",
|
|
49
|
-
disabled: disabled,
|
|
50
|
-
onClick: changePeriod
|
|
51
|
-
}, isPm ? 'PM' : 'AM'), right);
|
|
52
|
-
}, [changePeriod, disabled, isPm, notation, right]);
|
|
53
|
-
const keyDownHandler = useCallback(e => {
|
|
54
|
-
keyHandler(e.key, e.metaKey);
|
|
55
|
-
onKeyDown(e);
|
|
56
|
-
e.preventDefault();
|
|
57
|
-
}, [keyHandler, onKeyDown]);
|
|
58
|
-
|
|
59
|
-
// Update the selection
|
|
60
|
-
useEffect(() => {
|
|
61
|
-
if (!inputRef.current) return;
|
|
62
|
-
inputRef.current.setSelectionRange(selection.start, selection.end);
|
|
63
|
-
}, [inputRef, selection]);
|
|
64
|
-
const selectHandler = useCallback(e => {
|
|
65
|
-
// Update the selection state.
|
|
66
|
-
const {
|
|
67
|
-
selectionStart,
|
|
68
|
-
selectionEnd
|
|
69
|
-
} = e.currentTarget;
|
|
70
|
-
setSelection({
|
|
71
|
-
start: selectionStart || 0,
|
|
72
|
-
end: selectionEnd || 0
|
|
73
|
-
});
|
|
74
|
-
onSelect(e);
|
|
75
|
-
}, [onSelect]);
|
|
76
|
-
return /*#__PURE__*/React.createElement(Input, _extends({
|
|
77
|
-
type: "text",
|
|
78
|
-
inputMode: "decimal",
|
|
79
|
-
role: "spinbutton",
|
|
80
|
-
minLength: 5,
|
|
81
|
-
maxLength: 5,
|
|
82
|
-
disabled: disabled,
|
|
83
|
-
value: time,
|
|
84
|
-
right: rightComponent,
|
|
85
|
-
onSelect: selectHandler,
|
|
86
|
-
onKeyDown: keyDownHandler
|
|
87
|
-
}, rest, {
|
|
88
|
-
ref: mergedInputRef
|
|
89
|
-
}));
|
|
90
|
-
});
|
|
91
|
-
TimePicker.displayName = 'TimePicker';
|
|
92
|
-
export default TimePicker;
|
|
93
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["useTime","useForwardedRef","useForwardedState","React","forwardRef","useCallback","useEffect","useMemo","useState","Button","Input","TimePicker","notation","value","defaultValue","onChange","onSelect","onKeyDown","disabled","right","rest","ref","inputRef","mergedInputRef","forwardedValue","setForwardedValue","selection","setSelection","start","end","time","isPm","changePeriod","keyHandler","rightComponent","createElement","Fragment","type","wide","size","onClick","keyDownHandler","e","key","metaKey","preventDefault","current","setSelectionRange","selectHandler","selectionStart","selectionEnd","currentTarget","_extends","inputMode","role","minLength","maxLength","displayName"],"sources":["../../../src/TimePicker/index.tsx"],"sourcesContent":["import { useTime } from '@os-design/time-picker-utils';\nimport { useForwardedRef, useForwardedState } from '@os-design/utils';\nimport React, {\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useState,\n} from 'react';\nimport Button from '../Button';\nimport Input, { InputProps } from '../Input';\n\nexport interface TimePickerProps\n extends Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'onChange'> {\n /**\n * The time notation.\n * @default 12-hour\n */\n notation?: '12-hour' | '24-hour';\n /**\n * The selected date.\n * @default undefined\n */\n value?: Date;\n /**\n * The default value.\n * @default undefined\n */\n defaultValue?: Date;\n /**\n * The change event handler.\n * @default undefined\n */\n onChange?: (value: Date) => void;\n}\n\ninterface Selection {\n start: number;\n end: number;\n}\n\n/**\n * The component to choose a time.\n */\nconst TimePicker = forwardRef<HTMLInputElement, TimePickerProps>(\n (\n {\n notation = '12-hour',\n value,\n defaultValue,\n onChange = () => {},\n onSelect = () => {},\n onKeyDown = () => {},\n disabled = false,\n right,\n ...rest\n },\n ref\n ) => {\n const [inputRef, mergedInputRef] = useForwardedRef(ref);\n const [forwardedValue, setForwardedValue] = useForwardedState({\n value,\n defaultValue,\n onChange,\n });\n const [selection, setSelection] = useState<Selection>({ start: 0, end: 0 });\n\n const { time, isPm, changePeriod, keyHandler } = useTime({\n notation,\n selection,\n setSelection,\n forwardedValue,\n setForwardedValue,\n });\n\n const rightComponent = useMemo(() => {\n if (notation !== '12-hour' && !right) return null;\n return (\n <>\n {notation === '12-hour' && (\n <Button\n type='ghost'\n wide='never'\n size='small'\n disabled={disabled}\n onClick={changePeriod}\n >\n {isPm ? 'PM' : 'AM'}\n </Button>\n )}\n {right}\n </>\n );\n }, [changePeriod, disabled, isPm, notation, right]);\n\n const keyDownHandler = useCallback(\n (e) => {\n keyHandler(e.key, e.metaKey);\n onKeyDown(e);\n e.preventDefault();\n },\n [keyHandler, onKeyDown]\n );\n\n // Update the selection\n useEffect(() => {\n if (!inputRef.current) return;\n inputRef.current.setSelectionRange(selection.start, selection.end);\n }, [inputRef, selection]);\n\n const selectHandler = useCallback(\n (e) => {\n // Update the selection state.\n const { selectionStart, selectionEnd } = e.currentTarget;\n setSelection({ start: selectionStart || 0, end: selectionEnd || 0 });\n onSelect(e);\n },\n [onSelect]\n );\n\n return (\n <Input\n type='text'\n inputMode='decimal'\n role='spinbutton'\n minLength={5}\n maxLength={5}\n disabled={disabled}\n value={time}\n right={rightComponent}\n onSelect={selectHandler}\n onKeyDown={keyDownHandler}\n {...rest}\n ref={mergedInputRef}\n />\n );\n }\n);\n\nTimePicker.displayName = 'TimePicker';\n\nexport default TimePicker;\n"],"mappings":"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","ignoreList":[]}
|
package/dist/esm/Video/index.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
-
import styled from '@emotion/styled';
|
|
3
|
-
import React, { forwardRef } from 'react';
|
|
4
|
-
const Container = styled.div`
|
|
5
|
-
position: relative;
|
|
6
|
-
padding-bottom: 56.25%; // 16:9
|
|
7
|
-
height: 0;
|
|
8
|
-
`;
|
|
9
|
-
const IFrame = styled.iframe`
|
|
10
|
-
position: absolute;
|
|
11
|
-
top: 0;
|
|
12
|
-
left: 0;
|
|
13
|
-
width: 100%;
|
|
14
|
-
height: 100%;
|
|
15
|
-
`;
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* The video player.
|
|
19
|
-
*/
|
|
20
|
-
const Video = /*#__PURE__*/forwardRef(({
|
|
21
|
-
id,
|
|
22
|
-
...rest
|
|
23
|
-
}, ref) => /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(IFrame, _extends({
|
|
24
|
-
frameBorder: 0,
|
|
25
|
-
allow: "clipboard-write; autoplay",
|
|
26
|
-
allowFullScreen: true
|
|
27
|
-
}, rest, {
|
|
28
|
-
ref: ref
|
|
29
|
-
}))));
|
|
30
|
-
Video.displayName = 'Video';
|
|
31
|
-
export default Video;
|
|
32
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["styled","React","forwardRef","Container","div","IFrame","iframe","Video","id","rest","ref","createElement","_extends","frameBorder","allow","allowFullScreen","displayName"],"sources":["../../../src/Video/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { forwardRef } from 'react';\n\ntype JsxIFrameProps = Omit<JSX.IntrinsicElements['iframe'], 'ref'>;\nexport type VideoProps = JsxIFrameProps;\n\nconst Container = styled.div`\n position: relative;\n padding-bottom: 56.25%; // 16:9\n height: 0;\n`;\n\nconst IFrame = styled.iframe`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n`;\n\n/**\n * The video player.\n */\nconst Video = forwardRef<HTMLIFrameElement, VideoProps>(\n ({ id, ...rest }, ref) => (\n <Container>\n <IFrame\n frameBorder={0}\n allow='clipboard-write; autoplay'\n allowFullScreen\n {...rest}\n ref={ref}\n />\n </Container>\n )\n);\n\nVideo.displayName = 'Video';\n\nexport default Video;\n"],"mappings":";AAAA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAKzC,MAAMC,SAAS,GAAGH,MAAM,CAACI,GAAG;AAC5B;AACA;AACA;AACA,CAAC;AAED,MAAMC,MAAM,GAAGL,MAAM,CAACM,MAAM;AAC5B;AACA;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA,MAAMC,KAAK,gBAAGL,UAAU,CACtB,CAAC;EAAEM,EAAE;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,kBACnBT,KAAA,CAAAU,aAAA,CAACR,SAAS,qBACRF,KAAA,CAAAU,aAAA,CAACN,MAAM,EAAAO,QAAA;EACLC,WAAW,EAAE,CAAE;EACfC,KAAK,EAAC,2BAA2B;EACjCC,eAAe;AAAA,GACXN,IAAI;EACRC,GAAG,EAAEA;AAAI,EACV,CACQ,CAEf,CAAC;AAEDH,KAAK,CAACS,WAAW,GAAG,OAAO;AAE3B,eAAeT,KAAK","ignoreList":[]}
|
package/dist/esm/index.js
DELETED
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
export { default as Alert } from './Alert';
|
|
2
|
-
export { default as Avatar } from './Avatar';
|
|
3
|
-
export { default as AvatarSkeleton } from './AvatarSkeleton';
|
|
4
|
-
export { default as Badge } from './Badge';
|
|
5
|
-
export { default as Breadcrumb } from './Breadcrumb';
|
|
6
|
-
export { default as BreadcrumbItem } from './BreadcrumbItem';
|
|
7
|
-
export { default as Button } from './Button';
|
|
8
|
-
export { default as ButtonLink } from './ButtonLink';
|
|
9
|
-
export { default as Checkbox } from './Checkbox';
|
|
10
|
-
export { default as CheckboxSkeleton } from './CheckboxSkeleton';
|
|
11
|
-
export { default as DatePicker } from './DatePicker';
|
|
12
|
-
export { default as Drawer } from './Drawer';
|
|
13
|
-
export { default as Form } from './Form';
|
|
14
|
-
export { default as FormDivider } from './FormDivider';
|
|
15
|
-
export { default as FormItem } from './FormItem';
|
|
16
|
-
export { default as Gallery } from './Gallery';
|
|
17
|
-
export { default as GlobalStyles } from './GlobalStyles';
|
|
18
|
-
export { default as HeaderSkeleton } from './HeaderSkeleton';
|
|
19
|
-
export { default as Image } from './Image';
|
|
20
|
-
export { default as ImageSkeleton } from './ImageSkeleton';
|
|
21
|
-
export { default as Input } from './Input';
|
|
22
|
-
export { default as InputNumber } from './InputNumber';
|
|
23
|
-
export { default as InputPassword } from './InputPassword';
|
|
24
|
-
export { default as InputSearch } from './InputSearch';
|
|
25
|
-
export { default as InputSkeleton } from './InputSkeleton';
|
|
26
|
-
export { default as Layout } from './Layout';
|
|
27
|
-
export { default as Link } from './Link';
|
|
28
|
-
export { default as LinkButton } from './LinkButton';
|
|
29
|
-
export { default as List } from './List';
|
|
30
|
-
export { default as ListItem } from './ListItem';
|
|
31
|
-
export { default as ListItemActions } from './ListItemActions';
|
|
32
|
-
export { default as ListItemLink } from './ListItemLink';
|
|
33
|
-
export { default as ListSkeleton } from './ListSkeleton';
|
|
34
|
-
export { default as ListItemSkeleton } from './ListItemSkeleton';
|
|
35
|
-
export { default as LogoLink } from './LogoLink';
|
|
36
|
-
export { default as message } from './message';
|
|
37
|
-
export { default as Menu } from './Menu';
|
|
38
|
-
export { default as MenuDivider } from './MenuDivider';
|
|
39
|
-
export { default as MenuGroup } from './MenuGroup';
|
|
40
|
-
export { default as MenuItem } from './MenuItem';
|
|
41
|
-
export { default as Modal } from './Modal';
|
|
42
|
-
export { default as Navigation } from './Navigation';
|
|
43
|
-
export { default as NavigationItem } from './NavigationItem';
|
|
44
|
-
export { default as PageContent } from './PageContent';
|
|
45
|
-
export { default as PageHeader } from './PageHeader';
|
|
46
|
-
export { default as PageHeaderInputSearch } from './PageHeaderInputSearch';
|
|
47
|
-
export { default as PageHeaderSkeleton } from './PageHeaderSkeleton';
|
|
48
|
-
export { default as ParagraphSkeleton } from './ParagraphSkeleton';
|
|
49
|
-
export { default as Popover } from './Popover';
|
|
50
|
-
export { default as Progress } from './Progress';
|
|
51
|
-
export { default as RadioGroup } from './RadioGroup';
|
|
52
|
-
export { default as Result } from './Result';
|
|
53
|
-
export { default as ScrollButton } from './ScrollButton';
|
|
54
|
-
export { default as Select } from './Select';
|
|
55
|
-
export { default as Skeleton } from './Skeleton';
|
|
56
|
-
export { default as Switch } from './Switch';
|
|
57
|
-
export { default as SwitchSkeleton } from './SwitchSkeleton';
|
|
58
|
-
export { default as Tag } from './Tag';
|
|
59
|
-
export { default as TagLink } from './TagLink';
|
|
60
|
-
export { default as TagList } from './TagList';
|
|
61
|
-
export { default as TagListSkeleton } from './TagListSkeleton';
|
|
62
|
-
export { default as TagSkeleton } from './TagSkeleton';
|
|
63
|
-
export { default as TextArea } from './TextArea';
|
|
64
|
-
export { default as TextAreaSkeleton } from './TextAreaSkeleton';
|
|
65
|
-
export { default as ThemeSwitcher } from './ThemeSwitcher';
|
|
66
|
-
export { default as Video } from './Video';
|
|
67
|
-
export * from './Alert';
|
|
68
|
-
export * from './Avatar';
|
|
69
|
-
export * from './AvatarSkeleton';
|
|
70
|
-
export * from './Badge';
|
|
71
|
-
export * from './Breadcrumb';
|
|
72
|
-
export * from './BreadcrumbItem';
|
|
73
|
-
export * from './Button';
|
|
74
|
-
export * from './ButtonLink';
|
|
75
|
-
export * from './Checkbox';
|
|
76
|
-
export * from './CheckboxSkeleton';
|
|
77
|
-
export * from './DatePicker';
|
|
78
|
-
export * from './Drawer';
|
|
79
|
-
export * from './Form';
|
|
80
|
-
export * from './FormDivider';
|
|
81
|
-
export * from './FormItem';
|
|
82
|
-
export * from './Gallery';
|
|
83
|
-
export * from './HeaderSkeleton';
|
|
84
|
-
export * from './Image';
|
|
85
|
-
export * from './ImageSkeleton';
|
|
86
|
-
export * from './Input';
|
|
87
|
-
export * from './InputNumber';
|
|
88
|
-
export * from './InputPassword';
|
|
89
|
-
export * from './InputSearch';
|
|
90
|
-
export * from './InputSkeleton';
|
|
91
|
-
export * from './Layout';
|
|
92
|
-
export * from './Link';
|
|
93
|
-
export * from './LinkButton';
|
|
94
|
-
export * from './List';
|
|
95
|
-
export * from './ListItem';
|
|
96
|
-
export * from './ListItemActions';
|
|
97
|
-
export * from './ListItemLink';
|
|
98
|
-
export * from './ListSkeleton';
|
|
99
|
-
export * from './ListItemSkeleton';
|
|
100
|
-
export * from './LogoLink';
|
|
101
|
-
export * from './Menu';
|
|
102
|
-
export * from './MenuDivider';
|
|
103
|
-
export * from './MenuGroup';
|
|
104
|
-
export * from './MenuItem';
|
|
105
|
-
export * from './Modal';
|
|
106
|
-
export * from './Navigation';
|
|
107
|
-
export * from './NavigationItem';
|
|
108
|
-
export * from './PageContent';
|
|
109
|
-
export * from './PageHeader';
|
|
110
|
-
export * from './PageHeaderInputSearch';
|
|
111
|
-
export * from './PageHeaderSkeleton';
|
|
112
|
-
export * from './ParagraphSkeleton';
|
|
113
|
-
export * from './Popover';
|
|
114
|
-
export * from './Progress';
|
|
115
|
-
export * from './RadioGroup';
|
|
116
|
-
export * from './Result';
|
|
117
|
-
export * from './ScrollButton';
|
|
118
|
-
export * from './Select';
|
|
119
|
-
export * from './Skeleton';
|
|
120
|
-
export * from './Switch';
|
|
121
|
-
export * from './SwitchSkeleton';
|
|
122
|
-
export * from './Tag';
|
|
123
|
-
export * from './TagLink';
|
|
124
|
-
export * from './TagList';
|
|
125
|
-
export * from './TagListSkeleton';
|
|
126
|
-
export * from './TagSkeleton';
|
|
127
|
-
export * from './TextArea';
|
|
128
|
-
export * from './TextAreaSkeleton';
|
|
129
|
-
export * from './ThemeSwitcher';
|
|
130
|
-
export * from './Video';
|
|
131
|
-
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","Alert","Avatar","AvatarSkeleton","Badge","Breadcrumb","BreadcrumbItem","Button","ButtonLink","Checkbox","CheckboxSkeleton","DatePicker","Drawer","Form","FormDivider","FormItem","Gallery","GlobalStyles","HeaderSkeleton","Image","ImageSkeleton","Input","InputNumber","InputPassword","InputSearch","InputSkeleton","Layout","Link","LinkButton","List","ListItem","ListItemActions","ListItemLink","ListSkeleton","ListItemSkeleton","LogoLink","message","Menu","MenuDivider","MenuGroup","MenuItem","Modal","Navigation","NavigationItem","PageContent","PageHeader","PageHeaderInputSearch","PageHeaderSkeleton","ParagraphSkeleton","Popover","Progress","RadioGroup","Result","ScrollButton","Select","Skeleton","Switch","SwitchSkeleton","Tag","TagLink","TagList","TagListSkeleton","TagSkeleton","TextArea","TextAreaSkeleton","ThemeSwitcher","Video"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as Alert } from './Alert';\nexport { default as Avatar } from './Avatar';\nexport { default as AvatarSkeleton } from './AvatarSkeleton';\nexport { default as Badge } from './Badge';\nexport { default as Breadcrumb } from './Breadcrumb';\nexport { default as BreadcrumbItem } from './BreadcrumbItem';\nexport { default as Button } from './Button';\nexport { default as ButtonLink } from './ButtonLink';\nexport { default as Checkbox } from './Checkbox';\nexport { default as CheckboxSkeleton } from './CheckboxSkeleton';\nexport { default as DatePicker } from './DatePicker';\nexport { default as Drawer } from './Drawer';\nexport { default as Form } from './Form';\nexport { default as FormDivider } from './FormDivider';\nexport { default as FormItem } from './FormItem';\nexport { default as Gallery } from './Gallery';\nexport { default as GlobalStyles } from './GlobalStyles';\nexport { default as HeaderSkeleton } from './HeaderSkeleton';\nexport { default as Image } from './Image';\nexport { default as ImageSkeleton } from './ImageSkeleton';\nexport { default as Input } from './Input';\nexport { default as InputNumber } from './InputNumber';\nexport { default as InputPassword } from './InputPassword';\nexport { default as InputSearch } from './InputSearch';\nexport { default as InputSkeleton } from './InputSkeleton';\nexport { default as Layout } from './Layout';\nexport { default as Link } from './Link';\nexport { default as LinkButton } from './LinkButton';\nexport { default as List } from './List';\nexport { default as ListItem } from './ListItem';\nexport { default as ListItemActions } from './ListItemActions';\nexport { default as ListItemLink } from './ListItemLink';\nexport { default as ListSkeleton } from './ListSkeleton';\nexport { default as ListItemSkeleton } from './ListItemSkeleton';\nexport { default as LogoLink } from './LogoLink';\nexport { default as message } from './message';\nexport { default as Menu } from './Menu';\nexport { default as MenuDivider } from './MenuDivider';\nexport { default as MenuGroup } from './MenuGroup';\nexport { default as MenuItem } from './MenuItem';\nexport { default as Modal } from './Modal';\nexport { default as Navigation } from './Navigation';\nexport { default as NavigationItem } from './NavigationItem';\nexport { default as PageContent } from './PageContent';\nexport { default as PageHeader } from './PageHeader';\nexport { default as PageHeaderInputSearch } from './PageHeaderInputSearch';\nexport { default as PageHeaderSkeleton } from './PageHeaderSkeleton';\nexport { default as ParagraphSkeleton } from './ParagraphSkeleton';\nexport { default as Popover } from './Popover';\nexport { default as Progress } from './Progress';\nexport { default as RadioGroup } from './RadioGroup';\nexport { default as Result } from './Result';\nexport { default as ScrollButton } from './ScrollButton';\nexport { default as Select } from './Select';\nexport { default as Skeleton } from './Skeleton';\nexport { default as Switch } from './Switch';\nexport { default as SwitchSkeleton } from './SwitchSkeleton';\nexport { default as Tag } from './Tag';\nexport { default as TagLink } from './TagLink';\nexport { default as TagList } from './TagList';\nexport { default as TagListSkeleton } from './TagListSkeleton';\nexport { default as TagSkeleton } from './TagSkeleton';\nexport { default as TextArea } from './TextArea';\nexport { default as TextAreaSkeleton } from './TextAreaSkeleton';\nexport { default as ThemeSwitcher } from './ThemeSwitcher';\nexport { default as Video } from './Video';\n\nexport * from './Alert';\nexport * from './Avatar';\nexport * from './AvatarSkeleton';\nexport * from './Badge';\nexport * from './Breadcrumb';\nexport * from './BreadcrumbItem';\nexport * from './Button';\nexport * from './ButtonLink';\nexport * from './Checkbox';\nexport * from './CheckboxSkeleton';\nexport * from './DatePicker';\nexport * from './Drawer';\nexport * from './Form';\nexport * from './FormDivider';\nexport * from './FormItem';\nexport * from './Gallery';\nexport * from './HeaderSkeleton';\nexport * from './Image';\nexport * from './ImageSkeleton';\nexport * from './Input';\nexport * from './InputNumber';\nexport * from './InputPassword';\nexport * from './InputSearch';\nexport * from './InputSkeleton';\nexport * from './Layout';\nexport * from './Link';\nexport * from './LinkButton';\nexport * from './List';\nexport * from './ListItem';\nexport * from './ListItemActions';\nexport * from './ListItemLink';\nexport * from './ListSkeleton';\nexport * from './ListItemSkeleton';\nexport * from './LogoLink';\nexport * from './Menu';\nexport * from './MenuDivider';\nexport * from './MenuGroup';\nexport * from './MenuItem';\nexport * from './Modal';\nexport * from './Navigation';\nexport * from './NavigationItem';\nexport * from './PageContent';\nexport * from './PageHeader';\nexport * from './PageHeaderInputSearch';\nexport * from './PageHeaderSkeleton';\nexport * from './ParagraphSkeleton';\nexport * from './Popover';\nexport * from './Progress';\nexport * from './RadioGroup';\nexport * from './Result';\nexport * from './ScrollButton';\nexport * from './Select';\nexport * from './Skeleton';\nexport * from './Switch';\nexport * from './SwitchSkeleton';\nexport * from './Tag';\nexport * from './TagLink';\nexport * from './TagList';\nexport * from './TagListSkeleton';\nexport * from './TagSkeleton';\nexport * from './TextArea';\nexport * from './TextAreaSkeleton';\nexport * from './ThemeSwitcher';\nexport * from './Video';\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import styled from '@emotion/styled';
|
|
2
|
-
import { CheckCircle, CloseCircle, InfoCircle } from '@os-design/icons';
|
|
3
|
-
import { clr, light } from '@os-design/theming';
|
|
4
|
-
import { omitEmotionProps } from '@os-design/utils';
|
|
5
|
-
import React from 'react';
|
|
6
|
-
const Container = styled('i', omitEmotionProps('iconColor'))`
|
|
7
|
-
display: flex;
|
|
8
|
-
flex-direction: row;
|
|
9
|
-
align-items: center;
|
|
10
|
-
|
|
11
|
-
margin-right: 0.3em;
|
|
12
|
-
font-size: 1.4em;
|
|
13
|
-
color: ${p => clr(p.iconColor)};
|
|
14
|
-
`;
|
|
15
|
-
const AlertIcon = ({
|
|
16
|
-
type
|
|
17
|
-
}) => {
|
|
18
|
-
const {
|
|
19
|
-
Icon,
|
|
20
|
-
iconColor
|
|
21
|
-
} = {
|
|
22
|
-
info: {
|
|
23
|
-
Icon: InfoCircle,
|
|
24
|
-
iconColor: light.alertInfoColorIcon
|
|
25
|
-
},
|
|
26
|
-
success: {
|
|
27
|
-
Icon: CheckCircle,
|
|
28
|
-
iconColor: light.alertSuccessColorIcon
|
|
29
|
-
},
|
|
30
|
-
error: {
|
|
31
|
-
Icon: CloseCircle,
|
|
32
|
-
iconColor: light.alertErrorColorIcon
|
|
33
|
-
}
|
|
34
|
-
}[type];
|
|
35
|
-
return /*#__PURE__*/React.createElement(Container, {
|
|
36
|
-
iconColor: iconColor
|
|
37
|
-
}, /*#__PURE__*/React.createElement(Icon, null));
|
|
38
|
-
};
|
|
39
|
-
AlertIcon.displayName = 'AlertIcon';
|
|
40
|
-
export default AlertIcon;
|
|
41
|
-
//# sourceMappingURL=AlertIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertIcon.js","names":["styled","CheckCircle","CloseCircle","InfoCircle","clr","light","omitEmotionProps","React","Container","p","iconColor","AlertIcon","type","Icon","info","alertInfoColorIcon","success","alertSuccessColorIcon","error","alertErrorColorIcon","createElement","displayName"],"sources":["../../../src/message/AlertIcon.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { CheckCircle, CloseCircle, InfoCircle } from '@os-design/icons';\nimport { Color, clr, light } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React from 'react';\n\ninterface AlertIconProps {\n type: 'info' | 'success' | 'error';\n}\n\ninterface ContainerProps {\n iconColor: Color;\n}\nconst Container = styled('i', omitEmotionProps('iconColor'))<ContainerProps>`\n display: flex;\n flex-direction: row;\n align-items: center;\n\n margin-right: 0.3em;\n font-size: 1.4em;\n color: ${(p) => clr(p.iconColor)};\n`;\n\nconst AlertIcon: React.FC<AlertIconProps> = ({ type }) => {\n const { Icon, iconColor } = {\n info: {\n Icon: InfoCircle,\n iconColor: light.alertInfoColorIcon,\n },\n success: {\n Icon: CheckCircle,\n iconColor: light.alertSuccessColorIcon,\n },\n error: {\n Icon: CloseCircle,\n iconColor: light.alertErrorColorIcon,\n },\n }[type];\n\n return (\n <Container iconColor={iconColor}>\n <Icon />\n </Container>\n );\n};\n\nAlertIcon.displayName = 'AlertIcon';\n\nexport default AlertIcon;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,SAASC,WAAW,EAAEC,WAAW,EAAEC,UAAU,QAAQ,kBAAkB;AACvE,SAAgBC,GAAG,EAAEC,KAAK,QAAQ,oBAAoB;AACtD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,OAAOC,KAAK,MAAM,OAAO;AASzB,MAAMC,SAAS,GAAGR,MAAM,CAAC,GAAG,EAAEM,gBAAgB,CAAC,WAAW,CAAC,CAAiB;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA,WAAYG,CAAC,IAAKL,GAAG,CAACK,CAAC,CAACC,SAAS,CAAC;AAClC,CAAC;AAED,MAAMC,SAAmC,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EACxD,MAAM;IAAEC,IAAI;IAAEH;EAAU,CAAC,GAAG;IAC1BI,IAAI,EAAE;MACJD,IAAI,EAAEV,UAAU;MAChBO,SAAS,EAAEL,KAAK,CAACU;IACnB,CAAC;IACDC,OAAO,EAAE;MACPH,IAAI,EAAEZ,WAAW;MACjBS,SAAS,EAAEL,KAAK,CAACY;IACnB,CAAC;IACDC,KAAK,EAAE;MACLL,IAAI,EAAEX,WAAW;MACjBQ,SAAS,EAAEL,KAAK,CAACc;IACnB;EACF,CAAC,CAACP,IAAI,CAAC;EAEP,oBACEL,KAAA,CAAAa,aAAA,CAACZ,SAAS;IAACE,SAAS,EAAEA;EAAU,gBAC9BH,KAAA,CAAAa,aAAA,CAACP,IAAI,MAAE,CACE,CAAC;AAEhB,CAAC;AAEDF,SAAS,CAACU,WAAW,GAAG,WAAW;AAEnC,eAAeV,SAAS","ignoreList":[]}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { keyframes } from '@emotion/react';
|
|
2
|
-
import styled from '@emotion/styled';
|
|
3
|
-
import { ellipsisStyles } from '@os-design/styles';
|
|
4
|
-
import { clr, light } from '@os-design/theming';
|
|
5
|
-
import { omitEmotionProps } from '@os-design/utils';
|
|
6
|
-
import React, { forwardRef } from 'react';
|
|
7
|
-
import AlertIcon from './AlertIcon';
|
|
8
|
-
const fadeIn = keyframes`
|
|
9
|
-
from {
|
|
10
|
-
opacity: 0;
|
|
11
|
-
transform: translateY(-100%);
|
|
12
|
-
}
|
|
13
|
-
to {
|
|
14
|
-
opacity: 1;
|
|
15
|
-
transform: translateY(0);
|
|
16
|
-
}
|
|
17
|
-
`;
|
|
18
|
-
const MESSAGE_HEIGHT_EM = 2.5;
|
|
19
|
-
const MESSAGE_MARGIN_TOP_EM = 0.7;
|
|
20
|
-
export const MESSAGE_DURATION_MS = 3000;
|
|
21
|
-
const fadeOut = keyframes`
|
|
22
|
-
from {
|
|
23
|
-
opacity: 1;
|
|
24
|
-
height: ${MESSAGE_HEIGHT_EM}em;
|
|
25
|
-
margin-top: ${MESSAGE_MARGIN_TOP_EM}em;
|
|
26
|
-
transform: translateY(0);
|
|
27
|
-
}
|
|
28
|
-
to {
|
|
29
|
-
opacity: 0;
|
|
30
|
-
height: 0;
|
|
31
|
-
margin-top: 0;
|
|
32
|
-
transform: translateY(-100%);
|
|
33
|
-
}
|
|
34
|
-
`;
|
|
35
|
-
const Container = styled('div', omitEmotionProps('type', 'textColor', 'backgroundColor', 'transitionDelay'))`
|
|
36
|
-
display: flex;
|
|
37
|
-
flex-direction: row;
|
|
38
|
-
align-items: center;
|
|
39
|
-
|
|
40
|
-
height: ${MESSAGE_HEIGHT_EM}em;
|
|
41
|
-
margin-top: ${MESSAGE_MARGIN_TOP_EM}em;
|
|
42
|
-
|
|
43
|
-
box-sizing: border-box;
|
|
44
|
-
padding: 0 1em;
|
|
45
|
-
max-width: 90%;
|
|
46
|
-
|
|
47
|
-
border-radius: 0.25em;
|
|
48
|
-
box-shadow: 0 0.15em 0.45em hsla(0, 0%, 0%, 0.1);
|
|
49
|
-
background-color: ${p => clr(p.backgroundColor)};
|
|
50
|
-
color: ${p => clr(p.textColor)};
|
|
51
|
-
|
|
52
|
-
pointer-events: auto;
|
|
53
|
-
overflow: hidden;
|
|
54
|
-
|
|
55
|
-
animation:
|
|
56
|
-
${fadeIn} ${p => p.transitionDelay}ms,
|
|
57
|
-
${fadeOut} ${p => p.transitionDelay}ms
|
|
58
|
-
${p => MESSAGE_DURATION_MS - p.transitionDelay}ms;
|
|
59
|
-
animation-fill-mode: forwards;
|
|
60
|
-
`;
|
|
61
|
-
const Text = styled.span`
|
|
62
|
-
${ellipsisStyles};
|
|
63
|
-
`;
|
|
64
|
-
const Message = /*#__PURE__*/forwardRef(({
|
|
65
|
-
type,
|
|
66
|
-
text
|
|
67
|
-
}, ref) => {
|
|
68
|
-
const backgroundColor = {
|
|
69
|
-
info: light.messageInfoColorBg,
|
|
70
|
-
success: light.messageSuccessColorBg,
|
|
71
|
-
error: light.messageErrorColorBg
|
|
72
|
-
}[type];
|
|
73
|
-
return /*#__PURE__*/React.createElement(Container, {
|
|
74
|
-
ref: ref,
|
|
75
|
-
type: type,
|
|
76
|
-
textColor: light.colorText,
|
|
77
|
-
backgroundColor: backgroundColor,
|
|
78
|
-
transitionDelay: light.transitionDelay,
|
|
79
|
-
role: "alert"
|
|
80
|
-
}, /*#__PURE__*/React.createElement(AlertIcon, {
|
|
81
|
-
type: type
|
|
82
|
-
}), /*#__PURE__*/React.createElement(Text, null, text));
|
|
83
|
-
});
|
|
84
|
-
Message.displayName = 'Message';
|
|
85
|
-
export default Message;
|
|
86
|
-
//# sourceMappingURL=Message.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Message.js","names":["keyframes","styled","ellipsisStyles","clr","light","omitEmotionProps","React","forwardRef","AlertIcon","fadeIn","MESSAGE_HEIGHT_EM","MESSAGE_MARGIN_TOP_EM","MESSAGE_DURATION_MS","fadeOut","Container","p","backgroundColor","textColor","transitionDelay","Text","span","Message","type","text","ref","info","messageInfoColorBg","success","messageSuccessColorBg","error","messageErrorColorBg","createElement","colorText","role","displayName"],"sources":["../../../src/message/Message.tsx"],"sourcesContent":["import { keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { ellipsisStyles } from '@os-design/styles';\nimport { clr, Color, light } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\nimport AlertIcon from './AlertIcon';\n\nexport interface MessageProps {\n type: 'info' | 'success' | 'error';\n text: string;\n}\n\nconst fadeIn = keyframes`\n from {\n opacity: 0;\n transform: translateY(-100%);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n`;\n\nconst MESSAGE_HEIGHT_EM = 2.5;\nconst MESSAGE_MARGIN_TOP_EM = 0.7;\nexport const MESSAGE_DURATION_MS = 3000;\n\nconst fadeOut = keyframes`\n from {\n opacity: 1;\n height: ${MESSAGE_HEIGHT_EM}em;\n margin-top: ${MESSAGE_MARGIN_TOP_EM}em;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n height: 0;\n margin-top: 0;\n transform: translateY(-100%);\n }\n`;\n\ninterface ContainerProps extends Pick<MessageProps, 'type'> {\n textColor: Color;\n backgroundColor: Color;\n transitionDelay: number;\n}\nconst Container = styled(\n 'div',\n omitEmotionProps('type', 'textColor', 'backgroundColor', 'transitionDelay')\n)<ContainerProps>`\n display: flex;\n flex-direction: row;\n align-items: center;\n\n height: ${MESSAGE_HEIGHT_EM}em;\n margin-top: ${MESSAGE_MARGIN_TOP_EM}em;\n\n box-sizing: border-box;\n padding: 0 1em;\n max-width: 90%;\n\n border-radius: 0.25em;\n box-shadow: 0 0.15em 0.45em hsla(0, 0%, 0%, 0.1);\n background-color: ${(p) => clr(p.backgroundColor)};\n color: ${(p) => clr(p.textColor)};\n\n pointer-events: auto;\n overflow: hidden;\n\n animation:\n ${fadeIn} ${(p) => p.transitionDelay}ms,\n ${fadeOut} ${(p) => p.transitionDelay}ms\n ${(p) => MESSAGE_DURATION_MS - p.transitionDelay}ms;\n animation-fill-mode: forwards;\n`;\n\nconst Text = styled.span`\n ${ellipsisStyles};\n`;\n\nconst Message = forwardRef<HTMLDivElement, MessageProps>(\n ({ type, text }, ref) => {\n const backgroundColor = {\n info: light.messageInfoColorBg,\n success: light.messageSuccessColorBg,\n error: light.messageErrorColorBg,\n }[type];\n\n return (\n <Container\n ref={ref}\n type={type}\n textColor={light.colorText}\n backgroundColor={backgroundColor}\n transitionDelay={light.transitionDelay}\n role='alert'\n >\n <AlertIcon type={type} />\n <Text>{text}</Text>\n </Container>\n );\n }\n);\n\nMessage.displayName = 'Message';\n\nexport default Message;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,gBAAgB;AAC1C,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,GAAG,EAASC,KAAK,QAAQ,oBAAoB;AACtD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,aAAa;AAOnC,MAAMC,MAAM,GAAGT,SAAS;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMU,iBAAiB,GAAG,GAAG;AAC7B,MAAMC,qBAAqB,GAAG,GAAG;AACjC,OAAO,MAAMC,mBAAmB,GAAG,IAAI;AAEvC,MAAMC,OAAO,GAAGb,SAAS;AACzB;AACA;AACA,cAAcU,iBAAiB;AAC/B,kBAAkBC,qBAAqB;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAOD,MAAMG,SAAS,GAAGb,MAAM,CACtB,KAAK,EACLI,gBAAgB,CAAC,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,CAC5E,CAAiB;AACjB;AACA;AACA;AACA;AACA,YAAYK,iBAAiB;AAC7B,gBAAgBC,qBAAqB;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAuBI,CAAC,IAAKZ,GAAG,CAACY,CAAC,CAACC,eAAe,CAAC;AACnD,WAAYD,CAAC,IAAKZ,GAAG,CAACY,CAAC,CAACE,SAAS,CAAC;AAClC;AACA;AACA;AACA;AACA;AACA,MAAMR,MAAM,IAAKM,CAAC,IAAKA,CAAC,CAACG,eAAe;AACxC,MAAML,OAAO,IAAKE,CAAC,IAAKA,CAAC,CAACG,eAAe;AACzC,QAASH,CAAC,IAAKH,mBAAmB,GAAGG,CAAC,CAACG,eAAe;AACtD;AACA,CAAC;AAED,MAAMC,IAAI,GAAGlB,MAAM,CAACmB,IAAI;AACxB,IAAIlB,cAAc;AAClB,CAAC;AAED,MAAMmB,OAAO,gBAAGd,UAAU,CACxB,CAAC;EAAEe,IAAI;EAAEC;AAAK,CAAC,EAAEC,GAAG,KAAK;EACvB,MAAMR,eAAe,GAAG;IACtBS,IAAI,EAAErB,KAAK,CAACsB,kBAAkB;IAC9BC,OAAO,EAAEvB,KAAK,CAACwB,qBAAqB;IACpCC,KAAK,EAAEzB,KAAK,CAAC0B;EACf,CAAC,CAACR,IAAI,CAAC;EAEP,oBACEhB,KAAA,CAAAyB,aAAA,CAACjB,SAAS;IACRU,GAAG,EAAEA,GAAI;IACTF,IAAI,EAAEA,IAAK;IACXL,SAAS,EAAEb,KAAK,CAAC4B,SAAU;IAC3BhB,eAAe,EAAEA,eAAgB;IACjCE,eAAe,EAAEd,KAAK,CAACc,eAAgB;IACvCe,IAAI,EAAC;EAAO,gBAEZ3B,KAAA,CAAAyB,aAAA,CAACvB,SAAS;IAACc,IAAI,EAAEA;EAAK,CAAE,CAAC,eACzBhB,KAAA,CAAAyB,aAAA,CAACZ,IAAI,QAAEI,IAAW,CACT,CAAC;AAEhB,CACF,CAAC;AAEDF,OAAO,CAACa,WAAW,GAAG,SAAS;AAE/B,eAAeb,OAAO","ignoreList":[]}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import ReactDOM from 'react-dom/client';
|
|
3
|
-
import Message, { MESSAGE_DURATION_MS } from './Message';
|
|
4
|
-
import { containerStyles, messageContainerStyles, setStylesToHtmlElement } from './styles';
|
|
5
|
-
let containerElement;
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Creates the container for storing messages.
|
|
9
|
-
*/
|
|
10
|
-
const getContainer = () => {
|
|
11
|
-
if (!containerElement) {
|
|
12
|
-
containerElement = document.createElement('div');
|
|
13
|
-
setStylesToHtmlElement(containerElement, containerStyles);
|
|
14
|
-
document.body.appendChild(containerElement);
|
|
15
|
-
}
|
|
16
|
-
return containerElement;
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* Delete the container if there are no more messages in it.
|
|
21
|
-
*/
|
|
22
|
-
const deleteContainerIfNoChildNodes = () => {
|
|
23
|
-
if (!containerElement || containerElement.hasChildNodes()) return;
|
|
24
|
-
document.body.removeChild(containerElement);
|
|
25
|
-
containerElement = null;
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
/**
|
|
29
|
-
* Renders a new message.
|
|
30
|
-
*/
|
|
31
|
-
const send = (type, text) => {
|
|
32
|
-
// Create a new container for the message
|
|
33
|
-
const container = getContainer();
|
|
34
|
-
const messageContainer = document.createElement('div');
|
|
35
|
-
setStylesToHtmlElement(messageContainer, messageContainerStyles);
|
|
36
|
-
container.appendChild(messageContainer);
|
|
37
|
-
|
|
38
|
-
// Render the message element
|
|
39
|
-
const messageElement = /*#__PURE__*/React.createElement(Message, {
|
|
40
|
-
type: type,
|
|
41
|
-
text: text
|
|
42
|
-
});
|
|
43
|
-
const root = ReactDOM.createRoot(messageContainer);
|
|
44
|
-
root.render(messageElement);
|
|
45
|
-
|
|
46
|
-
// Delete the message container after N ms
|
|
47
|
-
setTimeout(() => {
|
|
48
|
-
root.unmount();
|
|
49
|
-
container.removeChild(messageContainer);
|
|
50
|
-
deleteContainerIfNoChildNodes();
|
|
51
|
-
}, MESSAGE_DURATION_MS);
|
|
52
|
-
};
|
|
53
|
-
const message = {
|
|
54
|
-
info: text => send('info', text),
|
|
55
|
-
success: text => send('success', text),
|
|
56
|
-
error: text => send('error', text)
|
|
57
|
-
};
|
|
58
|
-
export default message;
|
|
59
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","ReactDOM","Message","MESSAGE_DURATION_MS","containerStyles","messageContainerStyles","setStylesToHtmlElement","containerElement","getContainer","document","createElement","body","appendChild","deleteContainerIfNoChildNodes","hasChildNodes","removeChild","send","type","text","container","messageContainer","messageElement","root","createRoot","render","setTimeout","unmount","message","info","success","error"],"sources":["../../../src/message/index.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { AlertProps } from '../Alert';\nimport Message, { MESSAGE_DURATION_MS } from './Message';\nimport {\n containerStyles,\n messageContainerStyles,\n setStylesToHtmlElement,\n} from './styles';\n\nlet containerElement: HTMLElement | null;\n\n/**\n * Creates the container for storing messages.\n */\nconst getContainer = () => {\n if (!containerElement) {\n containerElement = document.createElement('div');\n setStylesToHtmlElement(containerElement, containerStyles);\n document.body.appendChild(containerElement);\n }\n return containerElement;\n};\n\n/**\n * Delete the container if there are no more messages in it.\n */\nconst deleteContainerIfNoChildNodes = () => {\n if (!containerElement || containerElement.hasChildNodes()) return;\n document.body.removeChild(containerElement);\n containerElement = null;\n};\n\n/**\n * Renders a new message.\n */\nconst send = (type: AlertProps['type'], text: string) => {\n // Create a new container for the message\n const container = getContainer();\n const messageContainer = document.createElement('div');\n setStylesToHtmlElement(messageContainer, messageContainerStyles);\n container.appendChild(messageContainer);\n\n // Render the message element\n const messageElement = <Message type={type} text={text} />;\n const root = ReactDOM.createRoot(messageContainer);\n root.render(messageElement);\n\n // Delete the message container after N ms\n setTimeout(() => {\n root.unmount();\n container.removeChild(messageContainer);\n deleteContainerIfNoChildNodes();\n }, MESSAGE_DURATION_MS);\n};\n\nconst message: Record<AlertProps['type'], (text: string) => void> = {\n info: (text) => send('info', text),\n success: (text) => send('success', text),\n error: (text) => send('error', text),\n};\n\nexport default message;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,kBAAkB;AAEvC,OAAOC,OAAO,IAAIC,mBAAmB,QAAQ,WAAW;AACxD,SACEC,eAAe,EACfC,sBAAsB,EACtBC,sBAAsB,QACjB,UAAU;AAEjB,IAAIC,gBAAoC;;AAExC;AACA;AACA;AACA,MAAMC,YAAY,GAAGA,CAAA,KAAM;EACzB,IAAI,CAACD,gBAAgB,EAAE;IACrBA,gBAAgB,GAAGE,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAChDJ,sBAAsB,CAACC,gBAAgB,EAAEH,eAAe,CAAC;IACzDK,QAAQ,CAACE,IAAI,CAACC,WAAW,CAACL,gBAAgB,CAAC;EAC7C;EACA,OAAOA,gBAAgB;AACzB,CAAC;;AAED;AACA;AACA;AACA,MAAMM,6BAA6B,GAAGA,CAAA,KAAM;EAC1C,IAAI,CAACN,gBAAgB,IAAIA,gBAAgB,CAACO,aAAa,CAAC,CAAC,EAAE;EAC3DL,QAAQ,CAACE,IAAI,CAACI,WAAW,CAACR,gBAAgB,CAAC;EAC3CA,gBAAgB,GAAG,IAAI;AACzB,CAAC;;AAED;AACA;AACA;AACA,MAAMS,IAAI,GAAGA,CAACC,IAAwB,EAAEC,IAAY,KAAK;EACvD;EACA,MAAMC,SAAS,GAAGX,YAAY,CAAC,CAAC;EAChC,MAAMY,gBAAgB,GAAGX,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACtDJ,sBAAsB,CAACc,gBAAgB,EAAEf,sBAAsB,CAAC;EAChEc,SAAS,CAACP,WAAW,CAACQ,gBAAgB,CAAC;;EAEvC;EACA,MAAMC,cAAc,gBAAGrB,KAAA,CAAAU,aAAA,CAACR,OAAO;IAACe,IAAI,EAAEA,IAAK;IAACC,IAAI,EAAEA;EAAK,CAAE,CAAC;EAC1D,MAAMI,IAAI,GAAGrB,QAAQ,CAACsB,UAAU,CAACH,gBAAgB,CAAC;EAClDE,IAAI,CAACE,MAAM,CAACH,cAAc,CAAC;;EAE3B;EACAI,UAAU,CAAC,MAAM;IACfH,IAAI,CAACI,OAAO,CAAC,CAAC;IACdP,SAAS,CAACJ,WAAW,CAACK,gBAAgB,CAAC;IACvCP,6BAA6B,CAAC,CAAC;EACjC,CAAC,EAAEV,mBAAmB,CAAC;AACzB,CAAC;AAED,MAAMwB,OAA2D,GAAG;EAClEC,IAAI,EAAGV,IAAI,IAAKF,IAAI,CAAC,MAAM,EAAEE,IAAI,CAAC;EAClCW,OAAO,EAAGX,IAAI,IAAKF,IAAI,CAAC,SAAS,EAAEE,IAAI,CAAC;EACxCY,KAAK,EAAGZ,IAAI,IAAKF,IAAI,CAAC,OAAO,EAAEE,IAAI;AACrC,CAAC;AAED,eAAeS,OAAO","ignoreList":[]}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
export const containerStyles = {
|
|
2
|
-
position: 'fixed',
|
|
3
|
-
top: '0',
|
|
4
|
-
left: '0',
|
|
5
|
-
right: '0',
|
|
6
|
-
zIndex: '1001',
|
|
7
|
-
pointerEvents: 'none',
|
|
8
|
-
display: 'flex',
|
|
9
|
-
flexDirection: 'column'
|
|
10
|
-
};
|
|
11
|
-
export const messageContainerStyles = {
|
|
12
|
-
display: 'flex',
|
|
13
|
-
justifyContent: 'center'
|
|
14
|
-
};
|
|
15
|
-
export const setStylesToHtmlElement = (element, styles) => {
|
|
16
|
-
Object.entries(styles).forEach(([key, value]) => {
|
|
17
|
-
// eslint-disable-next-line no-param-reassign
|
|
18
|
-
element.style[key] = value;
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","names":["containerStyles","position","top","left","right","zIndex","pointerEvents","display","flexDirection","messageContainerStyles","justifyContent","setStylesToHtmlElement","element","styles","Object","entries","forEach","key","value","style"],"sources":["../../../src/message/styles.ts"],"sourcesContent":["export const containerStyles: Partial<CSSStyleDeclaration> = {\n position: 'fixed',\n top: '0',\n left: '0',\n right: '0',\n zIndex: '1001',\n pointerEvents: 'none',\n display: 'flex',\n flexDirection: 'column',\n};\n\nexport const messageContainerStyles: Partial<CSSStyleDeclaration> = {\n display: 'flex',\n justifyContent: 'center',\n};\n\nexport const setStylesToHtmlElement = (\n element: HTMLElement,\n styles: Partial<CSSStyleDeclaration>\n): void => {\n Object.entries(styles).forEach(([key, value]) => {\n // eslint-disable-next-line no-param-reassign\n element.style[key] = value;\n });\n};\n"],"mappings":"AAAA,OAAO,MAAMA,eAA6C,GAAG;EAC3DC,QAAQ,EAAE,OAAO;EACjBC,GAAG,EAAE,GAAG;EACRC,IAAI,EAAE,GAAG;EACTC,KAAK,EAAE,GAAG;EACVC,MAAM,EAAE,MAAM;EACdC,aAAa,EAAE,MAAM;EACrBC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE;AACjB,CAAC;AAED,OAAO,MAAMC,sBAAoD,GAAG;EAClEF,OAAO,EAAE,MAAM;EACfG,cAAc,EAAE;AAClB,CAAC;AAED,OAAO,MAAMC,sBAAsB,GAAGA,CACpCC,OAAoB,EACpBC,MAAoC,KAC3B;EACTC,MAAM,CAACC,OAAO,CAACF,MAAM,CAAC,CAACG,OAAO,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;IAC/C;IACAN,OAAO,CAACO,KAAK,CAACF,GAAG,CAAC,GAAGC,KAAK;EAC5B,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { WithSize } from '@os-design/styles';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
|
|
4
|
-
export interface AlertProps extends JsxDivProps, WithSize {
|
|
5
|
-
type: 'info' | 'success' | 'error';
|
|
6
|
-
}
|
|
7
|
-
declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
-
export default Alert;
|
|
9
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Alert/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAc,MAAM,mBAAmB,CAAC;AAGzD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,UAAW,SAAQ,WAAW,EAAE,QAAQ;IAIvD,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;CACpC;AA+ED,QAAA,MAAM,KAAK,mFAcV,CAAC;AAIF,eAAe,KAAK,CAAC"}
|