react-miui 0.23.7 → 0.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/preview.tsx +3 -1
- package/CHANGELOG.md +24 -0
- package/b.mjs +2 -0
- package/dist/components/form/Checkbox.d.ts +4 -7
- package/dist/components/form/Checkbox.d.ts.map +1 -1
- package/dist/components/form/Checkbox.js +53 -20
- package/dist/components/form/Checkbox.js.map +1 -1
- package/dist/components/form/Checkbox.stories.d.ts +9 -0
- package/dist/components/form/Checkbox.stories.d.ts.map +1 -0
- package/dist/components/form/Checkbox.stories.js +102 -0
- package/dist/components/form/Checkbox.stories.js.map +1 -0
- package/dist/components/form/Checkbox.styled.d.ts +248 -0
- package/dist/components/form/Checkbox.styled.d.ts.map +1 -0
- package/dist/components/form/Checkbox.styled.js +70 -0
- package/dist/components/form/Checkbox.styled.js.map +1 -0
- package/dist/components/form/Select.styled.d.ts +2 -0
- package/dist/components/form/Select.styled.d.ts.map +1 -1
- package/dist/components/form/input/Input.styled.d.ts +8 -0
- package/dist/components/form/input/Input.styled.d.ts.map +1 -1
- package/dist/components/form/textarea/TextArea.styled.d.ts +2 -0
- package/dist/components/form/textarea/TextArea.styled.d.ts.map +1 -1
- package/dist/components/layout/header/Header.styled.d.ts +8 -0
- package/dist/components/layout/header/Header.styled.d.ts.map +1 -1
- package/dist/components/layout/header/HeaderIconAction.styled.d.ts +6 -0
- package/dist/components/layout/header/HeaderIconAction.styled.d.ts.map +1 -1
- package/dist/components/layout/header/StickyHeader.styled.d.ts +4 -0
- package/dist/components/layout/header/StickyHeader.styled.d.ts.map +1 -1
- package/dist/components/layout/list/Header.d.ts +4 -0
- package/dist/components/layout/list/Header.d.ts.map +1 -1
- package/dist/components/layout/list/Item.d.ts +2 -0
- package/dist/components/layout/list/Item.d.ts.map +1 -1
- package/dist/components/layout/list/Label.d.ts +2 -0
- package/dist/components/layout/list/Label.d.ts.map +1 -1
- package/dist/components/layout/list/List.d.ts +2 -0
- package/dist/components/layout/list/List.d.ts.map +1 -1
- package/dist/components/layout/list/Value.d.ts +2 -0
- package/dist/components/layout/list/Value.d.ts.map +1 -1
- package/dist/components/layout/section/Section.d.ts +2 -0
- package/dist/components/layout/section/Section.d.ts.map +1 -1
- package/dist/components/layout/section/SectionContainer.d.ts +2 -0
- package/dist/components/layout/section/SectionContainer.d.ts.map +1 -1
- package/dist/components/layout/table/Table.d.ts +1 -7
- package/dist/components/layout/table/Table.d.ts.map +1 -1
- package/dist/components/layout/table/Table.js +2 -30
- package/dist/components/layout/table/Table.js.map +1 -1
- package/dist/components/layout/table/Table.stories.d.ts +8 -0
- package/dist/components/layout/table/Table.stories.d.ts.map +1 -0
- package/dist/components/layout/table/Table.stories.js +55 -0
- package/dist/components/layout/table/Table.stories.js.map +1 -0
- package/dist/components/layout/table/Table.styled.d.ts +88 -0
- package/dist/components/layout/table/Table.styled.d.ts.map +1 -0
- package/dist/components/layout/table/Table.styled.js +39 -0
- package/dist/components/layout/table/Table.styled.js.map +1 -0
- package/dist/components/native/index.d.ts +2 -0
- package/dist/components/native/index.d.ts.map +1 -1
- package/dist/components/ui/action/Action.styled.d.ts +6 -0
- package/dist/components/ui/action/Action.styled.d.ts.map +1 -1
- package/dist/components/ui/button/Button.styled.d.ts +2 -0
- package/dist/components/ui/button/Button.styled.d.ts.map +1 -1
- package/dist/components/ui/message/Message.d.ts +2 -0
- package/dist/components/ui/message/Message.d.ts.map +1 -1
- package/dist/components/ui/message/Message.styled.d.ts +2 -0
- package/dist/components/ui/message/Message.styled.d.ts.map +1 -1
- package/dist/components/ui/modal/Modal.styled.d.ts +8 -0
- package/dist/components/ui/modal/Modal.styled.d.ts.map +1 -1
- package/dist/components/ui/modal/ModalButtons.styled.d.ts +4 -0
- package/dist/components/ui/modal/ModalButtons.styled.d.ts.map +1 -1
- package/dist/components/ui/pop/Pop.d.ts.map +1 -1
- package/dist/components/ui/pop/Pop.js +3 -8
- package/dist/components/ui/pop/Pop.js.map +1 -1
- package/dist/components/ui/pop/Pop.stories.d.ts +8 -0
- package/dist/components/ui/pop/Pop.stories.d.ts.map +1 -0
- package/dist/components/ui/pop/Pop.stories.js +91 -0
- package/dist/components/ui/pop/Pop.stories.js.map +1 -0
- package/dist/components/ui/pop/Pop.styled.d.ts +494 -0
- package/dist/components/ui/pop/Pop.styled.d.ts.map +1 -0
- package/dist/components/ui/pop/Pop.styled.js +61 -0
- package/dist/components/ui/pop/Pop.styled.js.map +1 -0
- package/dist/components/ui/pop/PopOption.d.ts.map +1 -1
- package/dist/components/ui/pop/PopOption.js +5 -6
- package/dist/components/ui/pop/PopOption.js.map +1 -1
- package/dist/components/ui/progress/Progress.d.ts +13 -0
- package/dist/components/ui/progress/Progress.d.ts.map +1 -0
- package/dist/components/ui/progress/Progress.js +43 -0
- package/dist/components/ui/progress/Progress.js.map +1 -0
- package/dist/components/ui/progress/Progress.stories.d.ts +9 -0
- package/dist/components/ui/progress/Progress.stories.d.ts.map +1 -0
- package/dist/components/ui/progress/Progress.stories.js +36 -0
- package/dist/components/ui/progress/Progress.stories.js.map +1 -0
- package/dist/components/ui/progress/Progress.styled.d.ts +252 -0
- package/dist/components/ui/progress/Progress.styled.d.ts.map +1 -0
- package/dist/components/ui/progress/Progress.styled.js +49 -0
- package/dist/components/ui/progress/Progress.styled.js.map +1 -0
- package/dist/components/ui/toaster/Notification.d.ts.map +1 -1
- package/dist/components/ui/toaster/Notification.js +2 -8
- package/dist/components/ui/toaster/Notification.js.map +1 -1
- package/dist/components/ui/toaster/Toaster.d.ts +1 -1
- package/dist/components/ui/toaster/Toaster.d.ts.map +1 -1
- package/dist/components/ui/toaster/Toaster.js +2 -2
- package/dist/components/ui/toaster/Toaster.js.map +1 -1
- package/dist/components/ui/toaster/Toaster.stories.d.ts +7 -0
- package/dist/components/ui/toaster/Toaster.stories.d.ts.map +1 -0
- package/dist/components/ui/toaster/Toaster.stories.js +45 -0
- package/dist/components/ui/toaster/Toaster.stories.js.map +1 -0
- package/dist/components/ui/toaster/Toaster.styled.d.ts +86 -0
- package/dist/components/ui/toaster/Toaster.styled.d.ts.map +1 -0
- package/dist/components/ui/toaster/Toaster.styled.js +39 -0
- package/dist/components/ui/toaster/Toaster.styled.js.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -4
- package/dist/index.js.map +1 -1
- package/dist/theme.d.ts +20 -0
- package/dist/theme.d.ts.map +1 -1
- package/dist/theme.js +3 -1
- package/dist/theme.js.map +1 -1
- package/docs/assets/search.js +1 -1
- package/docs/classes/Drawer.html +14 -14
- package/docs/classes/Pop.html +18 -14
- package/docs/classes/ToasterProvider.html +14 -12
- package/docs/enums/ICON.html +14 -14
- package/docs/functions/Action.html +19 -5
- package/docs/functions/Button.html +23 -9
- package/docs/functions/Card.html +19 -5
- package/docs/functions/Checkbox.html +21 -5
- package/docs/functions/Choice.html +20 -6
- package/docs/functions/CoveringLoader.html +19 -5
- package/docs/functions/DirectionPad.html +19 -5
- package/docs/functions/EqualActions.html +19 -5
- package/docs/functions/FullLoader.html +19 -5
- package/docs/functions/HandleEsc.html +19 -5
- package/docs/functions/Header.html +19 -5
- package/docs/functions/HeaderIconAction.html +19 -5
- package/docs/functions/Icon-1.html +19 -5
- package/docs/functions/If.html +19 -5
- package/docs/functions/Input.html +20 -6
- package/docs/functions/KeyValue.html +19 -5
- package/docs/functions/Label.html +19 -5
- package/docs/functions/List-1.html +19 -5
- package/docs/functions/Loader.html +19 -5
- package/docs/functions/Loading.html +19 -5
- package/docs/functions/Message.html +19 -5
- package/docs/functions/Modal-1.html +19 -5
- package/docs/functions/ModalButtons.html +19 -5
- package/docs/functions/PopLoader.html +19 -5
- package/docs/functions/PopOption.html +19 -5
- package/docs/functions/Progress.html +128 -0
- package/docs/functions/SearchContainer.html +19 -5
- package/docs/functions/Section.html +23 -9
- package/docs/functions/Select.html +19 -5
- package/docs/functions/Selector.html +20 -6
- package/docs/functions/Spacer.html +19 -5
- package/docs/functions/Stats.html +19 -5
- package/docs/functions/StickyHeader.html +19 -5
- package/docs/functions/Table.html +53 -10
- package/docs/functions/TextArea.html +19 -5
- package/docs/functions/Toggle.html +19 -5
- package/docs/functions/borderPxToRem.html +123 -0
- package/docs/functions/createTheme.html +132 -0
- package/docs/functions/css.html +130 -0
- package/docs/functions/dimensionsPxToRem.html +123 -0
- package/docs/functions/fontPxToRem.html +123 -0
- package/docs/functions/getCssText.html +19 -5
- package/docs/functions/globalCss.html +134 -0
- package/docs/functions/keyframes.html +134 -0
- package/docs/functions/pxToRem.html +123 -0
- package/docs/functions/styled.html +19 -5
- package/docs/functions/useToaster.html +20 -6
- package/docs/index.html +19 -5
- package/docs/interfaces/ActionProps.html +13 -13
- package/docs/interfaces/ChoiceProps.html +11 -11
- package/docs/interfaces/IconProps.html +7 -7
- package/docs/interfaces/InputCustomProps.html +10 -10
- package/docs/interfaces/StickyHeaderProps.html +9 -9
- package/docs/modules/List.html +7 -7
- package/docs/modules/Modal.html +6 -6
- package/docs/modules.html +33 -5
- package/docs/pages/tutorials/Test.html +19 -5
- package/docs/types/InputProps.html +20 -6
- package/docs/types/OverwriteProps.html +129 -0
- package/docs/types/ThemeCSS.html +21 -7
- package/docs/variables/BackgroundClassName.html +114 -0
- package/docs/variables/List.Header.html +5 -5
- package/docs/variables/List.Item.html +5 -5
- package/docs/variables/Modal.RemovePadding.html +5 -5
- package/docs/variables/ValueClassName.html +114 -0
- package/docs/variables/config.html +128 -0
- package/docs/variables/cssReset.html +20 -6
- package/docs/variables/miuiScrollbars.html +20 -6
- package/docs/variables/theme.html +114 -0
- package/esm/components/form/Checkbox.d.ts +4 -7
- package/esm/components/form/Checkbox.d.ts.map +1 -1
- package/esm/components/form/Checkbox.js +19 -18
- package/esm/components/form/Checkbox.js.map +1 -1
- package/esm/components/form/Checkbox.stories.d.ts +9 -0
- package/esm/components/form/Checkbox.stories.d.ts.map +1 -0
- package/esm/components/form/Checkbox.stories.js +75 -0
- package/esm/components/form/Checkbox.stories.js.map +1 -0
- package/esm/components/form/Checkbox.styled.d.ts +248 -0
- package/esm/components/form/Checkbox.styled.d.ts.map +1 -0
- package/esm/components/form/Checkbox.styled.js +65 -0
- package/esm/components/form/Checkbox.styled.js.map +1 -0
- package/esm/components/form/Select.styled.d.ts +2 -0
- package/esm/components/form/Select.styled.d.ts.map +1 -1
- package/esm/components/form/input/Input.styled.d.ts +8 -0
- package/esm/components/form/input/Input.styled.d.ts.map +1 -1
- package/esm/components/form/textarea/TextArea.styled.d.ts +2 -0
- package/esm/components/form/textarea/TextArea.styled.d.ts.map +1 -1
- package/esm/components/layout/header/Header.styled.d.ts +8 -0
- package/esm/components/layout/header/Header.styled.d.ts.map +1 -1
- package/esm/components/layout/header/HeaderIconAction.styled.d.ts +6 -0
- package/esm/components/layout/header/HeaderIconAction.styled.d.ts.map +1 -1
- package/esm/components/layout/header/StickyHeader.styled.d.ts +4 -0
- package/esm/components/layout/header/StickyHeader.styled.d.ts.map +1 -1
- package/esm/components/layout/list/Header.d.ts +4 -0
- package/esm/components/layout/list/Header.d.ts.map +1 -1
- package/esm/components/layout/list/Item.d.ts +2 -0
- package/esm/components/layout/list/Item.d.ts.map +1 -1
- package/esm/components/layout/list/Label.d.ts +2 -0
- package/esm/components/layout/list/Label.d.ts.map +1 -1
- package/esm/components/layout/list/List.d.ts +2 -0
- package/esm/components/layout/list/List.d.ts.map +1 -1
- package/esm/components/layout/list/Value.d.ts +2 -0
- package/esm/components/layout/list/Value.d.ts.map +1 -1
- package/esm/components/layout/section/Section.d.ts +2 -0
- package/esm/components/layout/section/Section.d.ts.map +1 -1
- package/esm/components/layout/section/SectionContainer.d.ts +2 -0
- package/esm/components/layout/section/SectionContainer.d.ts.map +1 -1
- package/esm/components/layout/table/Table.d.ts +1 -7
- package/esm/components/layout/table/Table.d.ts.map +1 -1
- package/esm/components/layout/table/Table.js +1 -15
- package/esm/components/layout/table/Table.js.map +1 -1
- package/esm/components/layout/table/Table.stories.d.ts +8 -0
- package/esm/components/layout/table/Table.stories.d.ts.map +1 -0
- package/esm/components/layout/table/Table.stories.js +49 -0
- package/esm/components/layout/table/Table.stories.js.map +1 -0
- package/esm/components/layout/table/Table.styled.d.ts +88 -0
- package/esm/components/layout/table/Table.styled.d.ts.map +1 -0
- package/esm/components/layout/table/Table.styled.js +36 -0
- package/esm/components/layout/table/Table.styled.js.map +1 -0
- package/esm/components/native/index.d.ts +2 -0
- package/esm/components/native/index.d.ts.map +1 -1
- package/esm/components/ui/action/Action.styled.d.ts +6 -0
- package/esm/components/ui/action/Action.styled.d.ts.map +1 -1
- package/esm/components/ui/button/Button.styled.d.ts +2 -0
- package/esm/components/ui/button/Button.styled.d.ts.map +1 -1
- package/esm/components/ui/message/Message.d.ts +2 -0
- package/esm/components/ui/message/Message.d.ts.map +1 -1
- package/esm/components/ui/message/Message.styled.d.ts +2 -0
- package/esm/components/ui/message/Message.styled.d.ts.map +1 -1
- package/esm/components/ui/modal/Modal.styled.d.ts +8 -0
- package/esm/components/ui/modal/Modal.styled.d.ts.map +1 -1
- package/esm/components/ui/modal/ModalButtons.styled.d.ts +4 -0
- package/esm/components/ui/modal/ModalButtons.styled.d.ts.map +1 -1
- package/esm/components/ui/pop/Pop.d.ts.map +1 -1
- package/esm/components/ui/pop/Pop.js +3 -5
- package/esm/components/ui/pop/Pop.js.map +1 -1
- package/esm/components/ui/pop/Pop.stories.d.ts +8 -0
- package/esm/components/ui/pop/Pop.stories.d.ts.map +1 -0
- package/esm/components/ui/pop/Pop.stories.js +65 -0
- package/esm/components/ui/pop/Pop.stories.js.map +1 -0
- package/esm/components/ui/pop/Pop.styled.d.ts +494 -0
- package/esm/components/ui/pop/Pop.styled.d.ts.map +1 -0
- package/esm/components/ui/pop/Pop.styled.js +53 -0
- package/esm/components/ui/pop/Pop.styled.js.map +1 -0
- package/esm/components/ui/pop/PopOption.d.ts.map +1 -1
- package/esm/components/ui/pop/PopOption.js +5 -6
- package/esm/components/ui/pop/PopOption.js.map +1 -1
- package/esm/components/ui/progress/Progress.d.ts +13 -0
- package/esm/components/ui/progress/Progress.d.ts.map +1 -0
- package/esm/components/ui/progress/Progress.js +24 -0
- package/esm/components/ui/progress/Progress.js.map +1 -0
- package/esm/components/ui/progress/Progress.stories.d.ts +9 -0
- package/esm/components/ui/progress/Progress.stories.d.ts.map +1 -0
- package/esm/components/ui/progress/Progress.stories.js +29 -0
- package/esm/components/ui/progress/Progress.stories.js.map +1 -0
- package/esm/components/ui/progress/Progress.styled.d.ts +252 -0
- package/esm/components/ui/progress/Progress.styled.d.ts.map +1 -0
- package/esm/components/ui/progress/Progress.styled.js +44 -0
- package/esm/components/ui/progress/Progress.styled.js.map +1 -0
- package/esm/components/ui/toaster/Notification.d.ts.map +1 -1
- package/esm/components/ui/toaster/Notification.js +2 -5
- package/esm/components/ui/toaster/Notification.js.map +1 -1
- package/esm/components/ui/toaster/Toaster.d.ts +1 -1
- package/esm/components/ui/toaster/Toaster.d.ts.map +1 -1
- package/esm/components/ui/toaster/Toaster.js +2 -2
- package/esm/components/ui/toaster/Toaster.js.map +1 -1
- package/esm/components/ui/toaster/Toaster.stories.d.ts +7 -0
- package/esm/components/ui/toaster/Toaster.stories.d.ts.map +1 -0
- package/esm/components/ui/toaster/Toaster.stories.js +39 -0
- package/esm/components/ui/toaster/Toaster.stories.js.map +1 -0
- package/esm/components/ui/toaster/Toaster.styled.d.ts +86 -0
- package/esm/components/ui/toaster/Toaster.styled.d.ts.map +1 -0
- package/esm/components/ui/toaster/Toaster.styled.js +36 -0
- package/esm/components/ui/toaster/Toaster.styled.js.map +1 -0
- package/esm/index.d.ts +2 -1
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +2 -1
- package/esm/index.js.map +1 -1
- package/esm/theme.d.ts +20 -0
- package/esm/theme.d.ts.map +1 -1
- package/esm/theme.js +3 -1
- package/esm/theme.js.map +1 -1
- package/package.json +10 -9
- package/pnpm-lock.yaml +2066 -2494
- package/src/components/form/Checkbox.stories.tsx +91 -0
- package/src/components/form/Checkbox.styled.ts +79 -0
- package/src/components/form/Checkbox.tsx +40 -33
- package/src/{demo/components/layout/table/TableDemo.tsx → components/layout/table/Table.stories.tsx} +30 -14
- package/src/components/layout/table/Table.styled.ts +40 -0
- package/src/components/layout/table/Table.tsx +1 -29
- package/src/components/ui/pop/Pop.stories.tsx +102 -0
- package/src/components/ui/pop/Pop.styled.ts +68 -0
- package/src/components/ui/pop/Pop.tsx +12 -10
- package/src/components/ui/pop/PopOption.tsx +6 -8
- package/src/components/ui/progress/Progress.stories.tsx +46 -0
- package/src/components/ui/progress/Progress.styled.ts +56 -0
- package/src/components/ui/progress/Progress.tsx +68 -0
- package/src/components/ui/toaster/Notification.tsx +4 -8
- package/src/components/ui/toaster/Toaster.stories.tsx +63 -0
- package/src/components/ui/toaster/Toaster.styled.ts +42 -0
- package/src/components/ui/toaster/Toaster.tsx +3 -3
- package/src/demo/componentsMap.ts +0 -21
- package/src/index.ts +2 -1
- package/src/theme.ts +3 -1
- package/dist/components/form/Checkbox.module.scss +0 -71
- package/dist/components/layout/table/Table.module.scss +0 -30
- package/dist/components/ui/pop/Pop.module.scss +0 -60
- package/dist/components/ui/toaster/Toaster.module.scss +0 -32
- package/esm/components/form/Checkbox.module.scss +0 -71
- package/esm/components/layout/table/Table.module.scss +0 -30
- package/esm/components/ui/pop/Pop.module.scss +0 -60
- package/esm/components/ui/toaster/Toaster.module.scss +0 -32
- package/src/components/form/Checkbox.module.scss +0 -71
- package/src/components/layout/table/Table.module.scss +0 -30
- package/src/components/ui/pop/Pop.module.scss +0 -60
- package/src/components/ui/toaster/Toaster.module.scss +0 -32
- package/src/demo/components/form/Checkbox.tsx +0 -33
- package/src/demo/components/layout/table/TableDemo.module.scss +0 -1
- package/src/demo/components/ui/pop/Pop.tsx +0 -77
- package/src/demo/components/ui/toaster/Toaster.tsx +0 -27
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAE1D,UAAU,KAAM,SAAQ,aAAa;IAIjC,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IAKzC,OAAO,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;IAIhD,SAAS,CAAC,EAAE,MAAM,CAAC;IAInB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAKD,QAAA,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAE1D,UAAU,KAAM,SAAQ,aAAa;IAIjC,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IAKzC,OAAO,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;IAIhD,SAAS,CAAC,EAAE,MAAM,CAAC;IAInB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAKD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAA0E,CAAC;AAExF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Message.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"Message.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCjB,CAAC;AAEH,OAAO,EACH,aAAa,GAChB,CAAC"}
|
|
@@ -41,6 +41,8 @@ declare const OverlayStyled: import("@stitches/react/types/styled-component").St
|
|
|
41
41
|
blue1: string;
|
|
42
42
|
blue2: string;
|
|
43
43
|
blue3: string;
|
|
44
|
+
blue4: string;
|
|
45
|
+
blue5: string;
|
|
44
46
|
orange1: string;
|
|
45
47
|
orange1Darker: string;
|
|
46
48
|
purple1: string;
|
|
@@ -121,6 +123,8 @@ declare const RemovePadding: import("@stitches/react/types/styled-component").St
|
|
|
121
123
|
blue1: string;
|
|
122
124
|
blue2: string;
|
|
123
125
|
blue3: string;
|
|
126
|
+
blue4: string;
|
|
127
|
+
blue5: string;
|
|
124
128
|
orange1: string;
|
|
125
129
|
orange1Darker: string;
|
|
126
130
|
purple1: string;
|
|
@@ -204,6 +208,8 @@ declare const ContainerStyled: import("@stitches/react/types/styled-component").
|
|
|
204
208
|
blue1: string;
|
|
205
209
|
blue2: string;
|
|
206
210
|
blue3: string;
|
|
211
|
+
blue4: string;
|
|
212
|
+
blue5: string;
|
|
207
213
|
orange1: string;
|
|
208
214
|
orange1Darker: string;
|
|
209
215
|
purple1: string;
|
|
@@ -284,6 +290,8 @@ declare const TitleStyled: import("@stitches/react/types/styled-component").Styl
|
|
|
284
290
|
blue1: string;
|
|
285
291
|
blue2: string;
|
|
286
292
|
blue3: string;
|
|
293
|
+
blue4: string;
|
|
294
|
+
blue5: string;
|
|
287
295
|
orange1: string;
|
|
288
296
|
orange1Darker: string;
|
|
289
297
|
purple1: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.styled.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB,QAAe,CAAC;AAWtC,QAAA,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"Modal.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.styled.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB,QAAe,CAAC;AAWtC,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BjB,CAAC;AAaH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAEjB,CAAC;AAEH,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BnB,CAAC;AAEH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKf,CAAC;AAEH,OAAO,EACH,aAAa,EACb,aAAa,EACb,eAAe,EACf,WAAW,EAEX,gBAAgB,GACnB,CAAC"}
|
|
@@ -39,6 +39,8 @@ declare const Button: import("@stitches/react/types/styled-component").StyledCom
|
|
|
39
39
|
blue1: string;
|
|
40
40
|
blue2: string;
|
|
41
41
|
blue3: string;
|
|
42
|
+
blue4: string;
|
|
43
|
+
blue5: string;
|
|
42
44
|
orange1: string;
|
|
43
45
|
orange1Darker: string;
|
|
44
46
|
purple1: string;
|
|
@@ -119,6 +121,8 @@ declare const ModalButtons: import("@stitches/react/types/styled-component").Sty
|
|
|
119
121
|
blue1: string;
|
|
120
122
|
blue2: string;
|
|
121
123
|
blue3: string;
|
|
124
|
+
blue4: string;
|
|
125
|
+
blue5: string;
|
|
122
126
|
orange1: string;
|
|
123
127
|
orange1Darker: string;
|
|
124
128
|
purple1: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalButtons.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.styled.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"ModalButtons.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.styled.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BV,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YACN,aAAa;CACxB,CAAC;AAGF,OAAO,EACH,YAAY,GACf,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pop.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/pop/Pop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAOpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Pop.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/pop/Pop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAOpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,UAAU,KAAK;IACX,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,UAAU,KAAK;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC;CAChC;AAiCD,cAAM,GAAI,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBAClB,KAAK,EAAE,KAAK;IAYf,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAMnD,OAAc,MAAM,EAAE,OAAO,SAAS,CAAa;IAEnD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkC;IAE1D,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAqBrB;IAEF,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAIjC;IAEF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAExB;IAEc,MAAM;CAmCzB;AAED,OAAO,EAAE,GAAG,EAAE,CAAC"}
|
|
@@ -22,17 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
26
|
exports.Pop = void 0;
|
|
30
27
|
const react_1 = __importStar(require("react"));
|
|
31
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
32
28
|
const HandleEsc_1 = require("../../utils/HandleEsc");
|
|
33
29
|
const OnButtonClick_1 = require("./OnButtonClick");
|
|
34
30
|
const PopOption_1 = require("./PopOption");
|
|
35
|
-
const
|
|
31
|
+
const Pop_styled_1 = require("./Pop.styled");
|
|
36
32
|
const html = typeof document === "object" ? document.getElementsByTagName("html")[0] : null;
|
|
37
33
|
const getElementDimensions = (elem) => {
|
|
38
34
|
return {
|
|
@@ -128,11 +124,10 @@ class Pop extends react_1.Component {
|
|
|
128
124
|
}
|
|
129
125
|
const closeOnEsc = (_a = this.props.closeOnEsc) !== null && _a !== void 0 ? _a : true;
|
|
130
126
|
const esc = closeOnEsc && react_1.default.createElement(HandleEsc_1.HandleEsc, { onPress: this.handleEsc });
|
|
131
|
-
|
|
132
|
-
return (react_1.default.createElement("div", { className: cls, ref: this.rootRef, onClick: this.handleOverlayClick },
|
|
127
|
+
return (react_1.default.createElement(Pop_styled_1.Overlay, { className: this.props.className, ref: this.rootRef, onClick: this.handleOverlayClick },
|
|
133
128
|
esc,
|
|
134
129
|
react_1.default.createElement(OnButtonClick_1.OnButtonClick, { onClick: this.handleEsc },
|
|
135
|
-
react_1.default.createElement(
|
|
130
|
+
react_1.default.createElement(Pop_styled_1.List, { css: style }, this.props.children))));
|
|
136
131
|
}
|
|
137
132
|
}
|
|
138
133
|
exports.Pop = Pop;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pop.js","sourceRoot":"","sources":["../../../../src/components/ui/pop/Pop.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Pop.js","sourceRoot":"","sources":["../../../../src/components/ui/pop/Pop.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Pop } from "./Pop";
|
|
3
|
+
declare const meta: Meta;
|
|
4
|
+
type Story = StoryObj<typeof Pop>;
|
|
5
|
+
declare const Primary: Story;
|
|
6
|
+
export default meta;
|
|
7
|
+
export { Primary, };
|
|
8
|
+
//# sourceMappingURL=Pop.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pop.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/pop/Pop.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAUX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAMlC,QAAA,MAAM,OAAO,EAAE,KAgEd,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,GACV,CAAC"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.Primary = void 0;
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
28
|
+
const react_2 = require("@icon-park/react");
|
|
29
|
+
const HeaderIconAction_1 = require("../../layout/header/HeaderIconAction");
|
|
30
|
+
const Icon_1 = require("../../icons/Icon");
|
|
31
|
+
const StickyHeader_1 = require("../../layout/header/StickyHeader");
|
|
32
|
+
const Header_1 = require("../../layout/header/Header");
|
|
33
|
+
const Section_1 = require("../../layout/section/Section");
|
|
34
|
+
const Pop_1 = require("./Pop");
|
|
35
|
+
const meta = {
|
|
36
|
+
title: "Components/UI/Pop",
|
|
37
|
+
component: Pop_1.Pop,
|
|
38
|
+
tags: ["autodocs", "layout"],
|
|
39
|
+
args: {
|
|
40
|
+
value: 25,
|
|
41
|
+
valueFrom: 15,
|
|
42
|
+
scaleFrom: 10,
|
|
43
|
+
scaleTo: 30,
|
|
44
|
+
},
|
|
45
|
+
};
|
|
46
|
+
const handleClick = () => {
|
|
47
|
+
console.info("Clicked an option");
|
|
48
|
+
};
|
|
49
|
+
const Primary = {
|
|
50
|
+
render: (args) => {
|
|
51
|
+
const [open, setOpen] = (0, react_1.useState)(false);
|
|
52
|
+
const [leftOpen, setLeftOpen] = (0, react_1.useState)(false);
|
|
53
|
+
const handleToggle = (0, react_1.useCallback)(() => {
|
|
54
|
+
setOpen(p => !p);
|
|
55
|
+
}, []);
|
|
56
|
+
const handleLeftToggle = (0, react_1.useCallback)(() => {
|
|
57
|
+
setLeftOpen(p => !p);
|
|
58
|
+
}, []);
|
|
59
|
+
const handleClose = (0, react_1.useCallback)(() => {
|
|
60
|
+
setOpen(false);
|
|
61
|
+
}, []);
|
|
62
|
+
const handleLeftClose = (0, react_1.useCallback)(() => {
|
|
63
|
+
setLeftOpen(false);
|
|
64
|
+
}, []);
|
|
65
|
+
const after = (react_1.default.createElement(react_1.default.Fragment, null,
|
|
66
|
+
react_1.default.createElement(HeaderIconAction_1.HeaderIconAction, { icon: Icon_1.ICON.config, onClick: handleToggle }),
|
|
67
|
+
react_1.default.createElement(Pop_1.Pop, { anchor: "prev", open: open, onClose: handleClose },
|
|
68
|
+
react_1.default.createElement(Pop_1.Pop.Option, { icon: react_1.default.createElement(Icon_1.Icon, { name: Icon_1.ICON.heart }), onClick: handleClick }, "Add new list"),
|
|
69
|
+
react_1.default.createElement(Pop_1.Pop.Option, { icon: react_1.default.createElement(Icon_1.Icon, { name: Icon_1.ICON.trash }), onClick: handleClick }, "Remove empty lists"),
|
|
70
|
+
react_1.default.createElement(Pop_1.Pop.Option, { onClick: handleClick }, "Configure"))));
|
|
71
|
+
const left = (react_1.default.createElement(react_1.default.Fragment, null,
|
|
72
|
+
react_1.default.createElement(HeaderIconAction_1.HeaderIconAction, { icon: Icon_1.ICON.checkmark, onClick: handleLeftToggle }),
|
|
73
|
+
react_1.default.createElement(Pop_1.Pop, { anchor: "prev", open: leftOpen, onClose: handleLeftClose },
|
|
74
|
+
react_1.default.createElement(Pop_1.Pop.Option, { icon: react_1.default.createElement(Icon_1.Icon, { name: Icon_1.ICON.heart }), onClick: handleClick }, "Add new list"),
|
|
75
|
+
react_1.default.createElement(Pop_1.Pop.Option, { icon: react_1.default.createElement(Icon_1.Icon, { name: Icon_1.ICON.trash }), onClick: handleClick }, "Remove empty lists"),
|
|
76
|
+
react_1.default.createElement(Pop_1.Pop.Option, { icon: react_1.default.createElement(react_2.SunOne, null), onClick: handleClick }, "Configure"),
|
|
77
|
+
react_1.default.createElement(Pop_1.Pop.Option, { icon: react_1.default.createElement(Icon_1.Icon, { name: Icon_1.ICON.heart }), onClick: handleClick }, "Add new list"),
|
|
78
|
+
react_1.default.createElement(Pop_1.Pop.Option, { icon: react_1.default.createElement(Icon_1.Icon, { name: Icon_1.ICON.trash }), onClick: handleClick }, "Remove empty lists"),
|
|
79
|
+
react_1.default.createElement(Pop_1.Pop.Option, { onClick: handleClick }, "Configure"),
|
|
80
|
+
react_1.default.createElement(Pop_1.Pop.Option, { icon: react_1.default.createElement(Icon_1.Icon, { name: Icon_1.ICON.heart }), onClick: handleClick }, "Add new list"),
|
|
81
|
+
react_1.default.createElement(Pop_1.Pop.Option, { icon: react_1.default.createElement(Icon_1.Icon, { name: Icon_1.ICON.trash }), onClick: handleClick }, "Remove empty lists"),
|
|
82
|
+
react_1.default.createElement(Pop_1.Pop.Option, { icon: react_1.default.createElement(react_1.default.Fragment, null, "text"), onClick: handleClick }, "Configure"))));
|
|
83
|
+
return (react_1.default.createElement(StickyHeader_1.StickyHeader, null,
|
|
84
|
+
react_1.default.createElement(Header_1.Header, { before: left, after: after }, "Some place"),
|
|
85
|
+
react_1.default.createElement(StickyHeader_1.StickyHeader.Content, null,
|
|
86
|
+
react_1.default.createElement(Section_1.Section, { horizontal: true, vertical: true, css: { minHeight: 600 } }, "Click on the left or right icon to open the menu"))));
|
|
87
|
+
},
|
|
88
|
+
};
|
|
89
|
+
exports.Primary = Primary;
|
|
90
|
+
exports.default = meta;
|
|
91
|
+
//# sourceMappingURL=Pop.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pop.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/pop/Pop.stories.tsx"],"names":[],"mappings":"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"}
|