@mailstep/design-system 0.1.4-beta.5 → 0.1.4-beta.7
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/README.md +66 -0
- package/build/2b1ddee3e1b3cc7f.png +0 -0
- package/build/Blocks/CornerDialog/CornerDialog.js +25 -0
- package/build/Blocks/CornerDialog/CornerDialog.js.map +1 -0
- package/build/Blocks/CornerDialog/styles.js +33 -0
- package/build/Blocks/CornerDialog/styles.js.map +1 -0
- package/{Blocks → build/Blocks}/CornerDialog/utils.js +4 -1
- package/build/Blocks/CornerDialog/utils.js.map +1 -0
- package/build/Blocks/ImageList/ImageList.js +27 -0
- package/build/Blocks/ImageList/ImageList.js.map +1 -0
- package/build/Blocks/ImageList/components/AddPhoto/index.js +34 -0
- package/build/Blocks/ImageList/components/AddPhoto/index.js.map +1 -0
- package/build/Blocks/ImageList/components/AddPhoto/styles.js +16 -0
- package/build/Blocks/ImageList/components/AddPhoto/styles.js.map +1 -0
- package/build/Blocks/ImageList/components/CloseButton/index.js +14 -0
- package/build/Blocks/ImageList/components/CloseButton/index.js.map +1 -0
- package/build/Blocks/ImageList/components/CloseButton/styles.js +14 -0
- package/build/Blocks/ImageList/components/CloseButton/styles.js.map +1 -0
- package/build/Blocks/ImageList/components/ImageElement/index.js +17 -0
- package/build/Blocks/ImageList/components/ImageElement/index.js.map +1 -0
- package/build/Blocks/ImageList/components/ImageElement/styles.js +15 -0
- package/build/Blocks/ImageList/components/ImageElement/styles.js.map +1 -0
- package/build/Blocks/ImageList/components/ImageTag/index.js +15 -0
- package/build/Blocks/ImageList/components/ImageTag/index.js.map +1 -0
- package/build/Blocks/ImageList/components/ImageTag/styles.js +14 -0
- package/build/Blocks/ImageList/components/ImageTag/styles.js.map +1 -0
- package/build/Blocks/ImageList/styles.js +14 -0
- package/build/Blocks/ImageList/styles.js.map +1 -0
- package/build/Blocks/LightBox/LightBox.js +22 -0
- package/build/Blocks/LightBox/LightBox.js.map +1 -0
- package/{Blocks → build/Blocks}/LightBox/hooks/useLightBox.js +8 -6
- package/build/Blocks/LightBox/hooks/useLightBox.js.map +1 -0
- package/build/Blocks/LightBox/styles.js +18 -0
- package/build/Blocks/LightBox/styles.js.map +1 -0
- package/build/Blocks/Modal/Modal.js +42 -0
- package/build/Blocks/Modal/Modal.js.map +1 -0
- package/{Blocks → build/Blocks}/Modal/hooks/useClickOutside.js +8 -6
- package/build/Blocks/Modal/hooks/useClickOutside.js.map +1 -0
- package/{Blocks → build/Blocks}/Modal/hooks/useModal.js +8 -6
- package/build/Blocks/Modal/hooks/useModal.js.map +1 -0
- package/build/Blocks/Modal/styles.js +60 -0
- package/build/Blocks/Modal/styles.js.map +1 -0
- package/{Blocks → build/Blocks}/Modal/utils.js +4 -1
- package/build/Blocks/Modal/utils.js.map +1 -0
- package/build/Blocks/Tabs/Tabs.js +26 -0
- package/build/Blocks/Tabs/Tabs.js.map +1 -0
- package/{Blocks → build/Blocks}/Tabs/hooks/useTabs.js +6 -4
- package/build/Blocks/Tabs/hooks/useTabs.js.map +1 -0
- package/build/Blocks/Tabs/styles.js +26 -0
- package/build/Blocks/Tabs/styles.js.map +1 -0
- package/build/Elements/Alert/Alert.js +37 -0
- package/build/Elements/Alert/Alert.js.map +1 -0
- package/build/Elements/Alert/styles.js +47 -0
- package/build/Elements/Alert/styles.js.map +1 -0
- package/build/Elements/Avatar/Avatar.js +21 -0
- package/build/Elements/Avatar/Avatar.js.map +1 -0
- package/build/Elements/Badge/Badge.js +45 -0
- package/build/Elements/Badge/Badge.js.map +1 -0
- package/build/Elements/BorderedBox/BorderedBox.js +19 -0
- package/build/Elements/BorderedBox/BorderedBox.js.map +1 -0
- package/build/Elements/Button/Button.js +14 -0
- package/build/Elements/Button/Button.js.map +1 -0
- package/build/Elements/Button/styles.js +58 -0
- package/build/Elements/Button/styles.js.map +1 -0
- package/build/Elements/Card/Card.js +26 -0
- package/build/Elements/Card/Card.js.map +1 -0
- package/build/Elements/Card/styles.js +44 -0
- package/build/Elements/Card/styles.js.map +1 -0
- package/build/Elements/Dropdown/Dropdown.js +33 -0
- package/build/Elements/Dropdown/Dropdown.js.map +1 -0
- package/build/Elements/ErrorMessage/ErrorMessage.js +22 -0
- package/build/Elements/ErrorMessage/ErrorMessage.js.map +1 -0
- package/build/Elements/Icon/Icon.js +254 -0
- package/build/Elements/Icon/Icon.js.map +1 -0
- package/build/Elements/Icon/icons/FlagCZ.js +9 -0
- package/build/Elements/Icon/icons/FlagCZ.js.map +1 -0
- package/build/Elements/Icon/icons/FlagUSA.js +9 -0
- package/build/Elements/Icon/icons/FlagUSA.js.map +1 -0
- package/{Elements → build/Elements}/Image/Image.js +7 -5
- package/build/Elements/Image/Image.js.map +1 -0
- package/build/Elements/Label/Label.js +24 -0
- package/build/Elements/Label/Label.js.map +1 -0
- package/build/Elements/Line/Line.js +31 -0
- package/build/Elements/Line/Line.js.map +1 -0
- package/build/Elements/Link/Link.js +51 -0
- package/build/Elements/Link/Link.js.map +1 -0
- package/build/Elements/Logo/Logo.js +68 -0
- package/build/Elements/Logo/Logo.js.map +1 -0
- package/{Elements → build/Elements}/Logo/assets/mailship/logo_black.png.js +3 -1
- package/build/Elements/Logo/assets/mailship/logo_black.png.js.map +1 -0
- package/{Elements → build/Elements}/Logo/assets/mailship/logo_m.png.js +3 -1
- package/build/Elements/Logo/assets/mailship/logo_m.png.js.map +1 -0
- package/{Elements → build/Elements}/Logo/assets/mailship/logo_white.png.js +3 -1
- package/build/Elements/Logo/assets/mailship/logo_white.png.js.map +1 -0
- package/{Elements → build/Elements}/Logo/assets/mailship/mailship-logo.svg.js +4 -2
- package/build/Elements/Logo/assets/mailship/mailship-logo.svg.js.map +1 -0
- package/{Elements → build/Elements}/Logo/assets/mailstep/mailstep_black.svg.js +4 -2
- package/build/Elements/Logo/assets/mailstep/mailstep_black.svg.js.map +1 -0
- package/{Elements → build/Elements}/Logo/assets/mailstep/mailstep_white.svg.js +4 -2
- package/build/Elements/Logo/assets/mailstep/mailstep_white.svg.js.map +1 -0
- package/{Elements → build/Elements}/Logo/assets/mailstock/mailstock.svg.js +4 -2
- package/build/Elements/Logo/assets/mailstock/mailstock.svg.js.map +1 -0
- package/{Elements → build/Elements}/Logo/assets/mailwise/mailwiseLogo.svg.js +4 -2
- package/build/Elements/Logo/assets/mailwise/mailwiseLogo.svg.js.map +1 -0
- package/{Elements → build/Elements}/Logo/assets/mailwise/mailwiseLogoSmall.svg.js +4 -2
- package/build/Elements/Logo/assets/mailwise/mailwiseLogoSmall.svg.js.map +1 -0
- package/{Elements → build/Elements}/Logo/assets/mailwrap/mailwrapLogo.svg.js +4 -2
- package/build/Elements/Logo/assets/mailwrap/mailwrapLogo.svg.js.map +1 -0
- package/{Elements → build/Elements}/Pagination/Pagination.js +9 -7
- package/build/Elements/Pagination/Pagination.js.map +1 -0
- package/build/Elements/Pagination/styled.js +38 -0
- package/build/Elements/Pagination/styled.js.map +1 -0
- package/build/Elements/Paragraph/Paragraph.js +8 -0
- package/build/Elements/Paragraph/Paragraph.js.map +1 -0
- package/build/Elements/Portal/index.js +23 -0
- package/build/Elements/Portal/index.js.map +1 -0
- package/build/Elements/ProgressBar/ProgressBar.js +14 -0
- package/build/Elements/ProgressBar/ProgressBar.js.map +1 -0
- package/build/Elements/ProgressBar/styles.js +28 -0
- package/build/Elements/ProgressBar/styles.js.map +1 -0
- package/build/Elements/SimpleLink/SimpleLink.js +23 -0
- package/build/Elements/SimpleLink/SimpleLink.js.map +1 -0
- package/build/Elements/SpaceAround/SpaceAround.js +37 -0
- package/build/Elements/SpaceAround/SpaceAround.js.map +1 -0
- package/build/Elements/Spinner/Spinner.js +27 -0
- package/build/Elements/Spinner/Spinner.js.map +1 -0
- package/build/Elements/Spinner/styles.js +28 -0
- package/build/Elements/Spinner/styles.js.map +1 -0
- package/build/Elements/Tag/Tag.js +68 -0
- package/build/Elements/Tag/Tag.js.map +1 -0
- package/{Elements → build/Elements}/Tag/palletes.js +3 -1
- package/build/Elements/Tag/palletes.js.map +1 -0
- package/build/Elements/Text/Text.js +10 -0
- package/build/Elements/Text/Text.js.map +1 -0
- package/build/Elements/Toast/Toast.js +29 -0
- package/build/Elements/Toast/Toast.js.map +1 -0
- package/build/Elements/Toggle/Toggle.js +36 -0
- package/build/Elements/Toggle/Toggle.js.map +1 -0
- package/build/Elements/Typography/Typography.js +49 -0
- package/build/Elements/Typography/Typography.js.map +1 -0
- package/build/Forms/Checkbox/Checkbox.js +17 -0
- package/build/Forms/Checkbox/Checkbox.js.map +1 -0
- package/build/Forms/Checkbox/styles.js +37 -0
- package/build/Forms/Checkbox/styles.js.map +1 -0
- package/build/Forms/Input/Input.js +45 -0
- package/build/Forms/Input/Input.js.map +1 -0
- package/build/Forms/Input/styles.js +71 -0
- package/build/Forms/Input/styles.js.map +1 -0
- package/build/Forms/RadioButton/RadioButton.js +13 -0
- package/build/Forms/RadioButton/RadioButton.js.map +1 -0
- package/build/Forms/RadioButton/styles.js +27 -0
- package/build/Forms/RadioButton/styles.js.map +1 -0
- package/build/ThemeProvider/ThemeProvider.js +13 -0
- package/build/ThemeProvider/ThemeProvider.js.map +1 -0
- package/{ThemeProvider → build/ThemeProvider}/themes/default.js +3 -1
- package/build/ThemeProvider/themes/default.js.map +1 -0
- package/build/ThemeProvider/themes/index.js +14 -0
- package/build/ThemeProvider/themes/index.js.map +1 -0
- package/{ThemeProvider → build/ThemeProvider}/themes/light.js +3 -1
- package/build/ThemeProvider/themes/light.js.map +1 -0
- package/{ThemeProvider → build/ThemeProvider}/themes/mailwise.js +3 -1
- package/build/ThemeProvider/themes/mailwise.js.map +1 -0
- package/build/ba2267d1dea00b65.png +0 -0
- package/build/dts/Blocks/CornerDialog/CornerDialog.d.ts +3 -0
- package/build/dts/Blocks/CornerDialog/index.d.ts +2 -0
- package/build/dts/Blocks/CornerDialog/stories/CornerDialog.stories.d.ts +14 -0
- package/build/dts/Blocks/CornerDialog/styles.d.ts +12 -0
- package/build/dts/Blocks/CornerDialog/types.d.ts +16 -0
- package/build/dts/Blocks/CornerDialog/utils.d.ts +3 -0
- package/build/dts/Blocks/ImageList/ImageList.d.ts +3 -0
- package/build/dts/Blocks/ImageList/components/AddPhoto/index.d.ts +7 -0
- package/build/dts/Blocks/ImageList/components/AddPhoto/styles.d.ts +2 -0
- package/build/dts/Blocks/ImageList/components/CloseButton/index.d.ts +6 -0
- package/build/dts/Blocks/ImageList/components/CloseButton/styles.d.ts +1 -0
- package/build/dts/Blocks/ImageList/components/ImageElement/index.d.ts +9 -0
- package/build/dts/Blocks/ImageList/components/ImageElement/styles.d.ts +2 -0
- package/build/dts/Blocks/ImageList/components/ImageTag/index.d.ts +6 -0
- package/build/dts/Blocks/ImageList/components/ImageTag/styles.d.ts +1 -0
- package/build/dts/Blocks/ImageList/index.d.ts +4 -0
- package/build/dts/Blocks/ImageList/styles.d.ts +1 -0
- package/build/dts/Blocks/ImageList/types.d.ts +12 -0
- package/build/dts/Blocks/LightBox/LightBox.d.ts +4 -0
- package/build/dts/Blocks/LightBox/hooks/useLightBox.d.ts +2 -0
- package/build/dts/Blocks/LightBox/index.d.ts +3 -0
- package/build/dts/Blocks/LightBox/styles.d.ts +3 -0
- package/build/dts/Blocks/LightBox/types.d.ts +24 -0
- package/build/dts/Blocks/Modal/Modal.d.ts +3 -0
- package/build/dts/Blocks/Modal/hooks/useClickOutside.d.ts +3 -0
- package/build/dts/Blocks/Modal/hooks/useModal.d.ts +2 -0
- package/build/dts/Blocks/Modal/index.d.ts +4 -0
- package/build/dts/Blocks/Modal/stories/Modal.stories.d.ts +26 -0
- package/build/dts/Blocks/Modal/styles.d.ts +22 -0
- package/build/dts/Blocks/Modal/types.d.ts +45 -0
- package/build/dts/Blocks/Modal/utils.d.ts +3 -0
- package/build/dts/Blocks/Tabs/TabContent.d.ts +2 -0
- package/build/dts/Blocks/Tabs/Tabs.d.ts +3 -0
- package/build/dts/Blocks/Tabs/hooks/useTabs.d.ts +2 -0
- package/build/dts/Blocks/Tabs/index.d.ts +3 -0
- package/build/dts/Blocks/Tabs/stories/Tabs.stories.d.ts +13 -0
- package/build/dts/Blocks/Tabs/styles.d.ts +8 -0
- package/build/dts/Blocks/Tabs/types.d.ts +27 -0
- package/build/dts/Elements/Alert/Alert.d.ts +3 -0
- package/build/dts/Elements/Alert/index.d.ts +2 -0
- package/build/dts/Elements/Alert/stories/Alert.stories.d.ts +17 -0
- package/build/dts/Elements/Alert/styles.d.ts +44 -0
- package/build/dts/Elements/Alert/types.d.ts +18 -0
- package/build/dts/Elements/Avatar/Avatar.d.ts +3 -0
- package/build/dts/Elements/Avatar/index.d.ts +1 -0
- package/build/dts/Elements/Avatar/stories/Avatar.stories.d.ts +12 -0
- package/build/dts/Elements/Avatar/types.d.ts +8 -0
- package/build/dts/Elements/Badge/Badge.d.ts +12 -0
- package/build/dts/Elements/Badge/index.d.ts +2 -0
- package/build/dts/Elements/Badge/stories/Badge.stories.d.ts +12 -0
- package/build/dts/Elements/BorderedBox/BorderedBox.d.ts +4 -0
- package/build/dts/Elements/BorderedBox/index.d.ts +2 -0
- package/build/dts/Elements/BorderedBox/stories/BorderedBox.stories.d.ts +11 -0
- package/build/dts/Elements/BorderedBox/types.d.ts +6 -0
- package/build/dts/Elements/Button/Button.d.ts +4 -0
- package/build/dts/Elements/Button/index.d.ts +4 -0
- package/build/dts/Elements/Button/stories/Button.stories.d.ts +20 -0
- package/build/dts/Elements/Button/styles.d.ts +19 -0
- package/build/dts/Elements/Button/types.d.ts +22 -0
- package/build/dts/Elements/Card/Card.d.ts +7 -0
- package/build/dts/Elements/Card/index.d.ts +1 -0
- package/build/dts/Elements/Card/stories/Card.stories.d.ts +16 -0
- package/build/dts/Elements/Card/stories/CardComponent.stories.d.ts +12 -0
- package/build/dts/Elements/Card/styles.d.ts +14 -0
- package/build/dts/Elements/Card/types.d.ts +21 -0
- package/build/dts/Elements/Dropdown/Dropdown.d.ts +4 -0
- package/build/dts/Elements/Dropdown/index.d.ts +2 -0
- package/build/dts/Elements/Dropdown/stories/Dropdown.stories.d.ts +11 -0
- package/build/dts/Elements/Dropdown/types.d.ts +10 -0
- package/build/dts/Elements/ErrorMessage/ErrorMessage.d.ts +4 -0
- package/build/dts/Elements/ErrorMessage/index.d.ts +2 -0
- package/build/dts/Elements/ErrorMessage/stories/ErrorMessage.stories.d.ts +12 -0
- package/build/dts/Elements/ErrorMessage/types.d.ts +5 -0
- package/build/dts/Elements/Icon/BadgeIcon.d.ts +7 -0
- package/build/dts/Elements/Icon/Icon.d.ts +9 -0
- package/build/dts/Elements/Icon/icons/FlagCZ.d.ts +3 -0
- package/build/dts/Elements/Icon/icons/FlagUSA.d.ts +3 -0
- package/build/dts/Elements/Icon/icons/index.d.ts +2 -0
- package/build/dts/Elements/Icon/index.d.ts +5 -0
- package/build/dts/Elements/Icon/stories/BadgeIcon.stories.d.ts +24 -0
- package/build/dts/Elements/Icon/stories/Icon.stories.d.ts +16 -0
- package/build/dts/Elements/Icon/types.d.ts +22 -0
- package/build/dts/Elements/Image/Image.d.ts +4 -0
- package/build/dts/Elements/Image/index.d.ts +2 -0
- package/build/dts/Elements/Image/stories/Image.stories.d.ts +14 -0
- package/build/dts/Elements/Image/types.d.ts +18 -0
- package/build/dts/Elements/Label/Label.d.ts +6 -0
- package/build/dts/Elements/Label/index.d.ts +1 -0
- package/build/dts/Elements/Label/stories/Label.stories.d.ts +13 -0
- package/build/dts/Elements/Line/Line.d.ts +3 -0
- package/build/dts/Elements/Line/index.d.ts +2 -0
- package/build/dts/Elements/Line/stories/Line.stories.d.ts +16 -0
- package/build/dts/Elements/Line/types.d.ts +12 -0
- package/build/dts/Elements/Link/Link.d.ts +29 -0
- package/build/dts/Elements/Link/index.d.ts +2 -0
- package/build/dts/Elements/Link/stories/Link.stories.d.ts +42 -0
- package/build/dts/Elements/Logo/Logo.d.ts +4 -0
- package/build/dts/Elements/Logo/index.d.ts +2 -0
- package/build/dts/Elements/Logo/stories/Logo.stories.d.ts +34 -0
- package/build/dts/Elements/Logo/types.d.ts +10 -0
- package/build/dts/Elements/Pagination/Pagination.d.ts +9 -0
- package/build/dts/Elements/Pagination/index.d.ts +2 -0
- package/build/dts/Elements/Pagination/stories/Pagination.stories.d.ts +12 -0
- package/build/dts/Elements/Pagination/styled.d.ts +15 -0
- package/build/dts/Elements/Paragraph/Paragraph.d.ts +2 -0
- package/build/dts/Elements/Paragraph/index.d.ts +2 -0
- package/build/dts/Elements/Paragraph/stories/Paragraph.stories.d.ts +17 -0
- package/build/dts/Elements/Portal/index.d.ts +4 -0
- package/build/dts/Elements/ProgressBar/ProgressBar.d.ts +10 -0
- package/build/dts/Elements/ProgressBar/index.d.ts +2 -0
- package/build/dts/Elements/ProgressBar/stories/ProgressBar.stories.d.ts +19 -0
- package/build/dts/Elements/ProgressBar/styles.d.ts +9 -0
- package/build/dts/Elements/SimpleLink/SimpleLink.d.ts +19 -0
- package/build/dts/Elements/SimpleLink/index.d.ts +2 -0
- package/build/dts/Elements/SpaceAround/SpaceAround.d.ts +4 -0
- package/build/dts/Elements/SpaceAround/index.d.ts +3 -0
- package/build/dts/Elements/SpaceAround/stories/SpaceAround.stories.d.ts +12 -0
- package/build/dts/Elements/SpaceAround/types.d.ts +14 -0
- package/build/dts/Elements/Spinner/Spinner.d.ts +14 -0
- package/build/dts/Elements/Spinner/index.d.ts +2 -0
- package/build/dts/Elements/Spinner/stories/Spinner.stories.d.ts +19 -0
- package/build/dts/Elements/Spinner/styles.d.ts +4 -0
- package/build/dts/Elements/Spinner/types.d.ts +7 -0
- package/build/dts/Elements/Tag/Tag.d.ts +3 -0
- package/build/dts/Elements/Tag/index.d.ts +3 -0
- package/build/dts/Elements/Tag/palletes.d.ts +5 -0
- package/build/dts/Elements/Tag/stories/Tag.stories.d.ts +19 -0
- package/build/dts/Elements/Tag/stories/components/predefinedTags.d.ts +3 -0
- package/build/dts/Elements/Tag/types.d.ts +16 -0
- package/build/dts/Elements/Text/Text.d.ts +4 -0
- package/build/dts/Elements/Text/index.d.ts +3 -0
- package/build/dts/Elements/Text/stories/Text.stories.d.ts +16 -0
- package/build/dts/Elements/Text/types.d.ts +13 -0
- package/build/dts/Elements/Toast/Toast.d.ts +12 -0
- package/build/dts/Elements/Toast/index.d.ts +3 -0
- package/build/dts/Elements/Toggle/Toggle.d.ts +4 -0
- package/build/dts/Elements/Toggle/index.d.ts +2 -0
- package/build/dts/Elements/Toggle/stories/Toggle.stories.d.ts +14 -0
- package/build/dts/Elements/Toggle/types.d.ts +21 -0
- package/build/dts/Elements/Typography/Typography.d.ts +118 -0
- package/build/dts/Elements/Typography/index.d.ts +1 -0
- package/build/dts/Elements/Typography/stories/Typography.stories.d.ts +20 -0
- package/build/dts/Forms/Checkbox/Checkbox.d.ts +4 -0
- package/build/dts/Forms/Checkbox/index.d.ts +2 -0
- package/build/dts/Forms/Checkbox/stories/Checkbox.stories.d.ts +14 -0
- package/build/dts/Forms/Checkbox/styles.d.ts +11 -0
- package/build/dts/Forms/Checkbox/types.d.ts +16 -0
- package/build/dts/Forms/Input/Input.d.ts +3 -0
- package/build/dts/Forms/Input/index.d.ts +4 -0
- package/build/dts/Forms/Input/stories/Input.stories.d.ts +17 -0
- package/build/dts/Forms/Input/styles.d.ts +31 -0
- package/build/dts/Forms/Input/types.d.ts +49 -0
- package/build/dts/Forms/RadioButton/RadioButton.d.ts +4 -0
- package/build/dts/Forms/RadioButton/index.d.ts +2 -0
- package/build/dts/Forms/RadioButton/stories/RadioButton.stories.d.ts +14 -0
- package/build/dts/Forms/RadioButton/styles.d.ts +10 -0
- package/build/dts/Forms/RadioButton/types.d.ts +12 -0
- package/build/dts/ThemeProvider/ThemeProvider.d.ts +3 -0
- package/build/dts/ThemeProvider/index.d.ts +5 -0
- package/build/dts/ThemeProvider/themes/default.d.ts +141 -0
- package/build/dts/ThemeProvider/themes/index.d.ts +350 -0
- package/build/dts/ThemeProvider/themes/light.d.ts +3 -0
- package/build/dts/ThemeProvider/themes/mailwise.d.ts +207 -0
- package/build/dts/ThemeProvider/types.d.ts +50 -0
- package/build/dts/index.d.ts +35 -0
- package/build/dts/utils/CreateRgba/createRgba.d.ts +3 -0
- package/build/dts/utils/CreateRgba/types.d.ts +1 -0
- package/build/dts/utils/KeyPress/KeyPress.d.ts +3 -0
- package/build/dts/utils/KeyPress/KeyPress.stories.d.ts +10 -0
- package/build/dts/utils/KeyPress/index.d.ts +2 -0
- package/build/dts/utils/KeyPress/types.d.ts +6 -0
- package/build/dts/utils/index.d.ts +3 -0
- package/build/index.js +110 -0
- package/{index.js.map → build/index.js.map} +1 -1
- package/build/utils/CreateRgba/createRgba.js +30 -0
- package/build/utils/CreateRgba/createRgba.js.map +1 -0
- package/{utils → build/utils}/KeyPress/KeyPress.js +6 -4
- package/build/utils/KeyPress/KeyPress.js.map +1 -0
- package/build/utils/KeyPress/index.js +8 -0
- package/{utils → build/utils}/KeyPress/index.js.map +1 -1
- package/package.json +15 -4
- package/Blocks/CornerDialog/CornerDialog.js +0 -23
- package/Blocks/CornerDialog/CornerDialog.js.map +0 -1
- package/Blocks/CornerDialog/styles.js +0 -22
- package/Blocks/CornerDialog/styles.js.map +0 -1
- package/Blocks/CornerDialog/utils.js.map +0 -1
- package/Blocks/ImageList/ImageList.js +0 -25
- package/Blocks/ImageList/ImageList.js.map +0 -1
- package/Blocks/ImageList/components/AddPhoto/index.js +0 -32
- package/Blocks/ImageList/components/AddPhoto/index.js.map +0 -1
- package/Blocks/ImageList/components/AddPhoto/styles.js +0 -9
- package/Blocks/ImageList/components/AddPhoto/styles.js.map +0 -1
- package/Blocks/ImageList/components/CloseButton/index.js +0 -12
- package/Blocks/ImageList/components/CloseButton/index.js.map +0 -1
- package/Blocks/ImageList/components/CloseButton/styles.js +0 -8
- package/Blocks/ImageList/components/CloseButton/styles.js.map +0 -1
- package/Blocks/ImageList/components/ImageElement/index.js +0 -15
- package/Blocks/ImageList/components/ImageElement/index.js.map +0 -1
- package/Blocks/ImageList/components/ImageElement/styles.js +0 -9
- package/Blocks/ImageList/components/ImageElement/styles.js.map +0 -1
- package/Blocks/ImageList/components/ImageTag/index.js +0 -13
- package/Blocks/ImageList/components/ImageTag/index.js.map +0 -1
- package/Blocks/ImageList/components/ImageTag/styles.js +0 -8
- package/Blocks/ImageList/components/ImageTag/styles.js.map +0 -1
- package/Blocks/ImageList/styles.js +0 -8
- package/Blocks/ImageList/styles.js.map +0 -1
- package/Blocks/LightBox/LightBox.js +0 -20
- package/Blocks/LightBox/LightBox.js.map +0 -1
- package/Blocks/LightBox/hooks/useLightBox.js.map +0 -1
- package/Blocks/LightBox/styles.js +0 -10
- package/Blocks/LightBox/styles.js.map +0 -1
- package/Blocks/Modal/Modal.js +0 -40
- package/Blocks/Modal/Modal.js.map +0 -1
- package/Blocks/Modal/hooks/useClickOutside.js.map +0 -1
- package/Blocks/Modal/hooks/useModal.js.map +0 -1
- package/Blocks/Modal/styles.js +0 -47
- package/Blocks/Modal/styles.js.map +0 -1
- package/Blocks/Modal/utils.js.map +0 -1
- package/Blocks/Tabs/Tabs.js +0 -24
- package/Blocks/Tabs/Tabs.js.map +0 -1
- package/Blocks/Tabs/hooks/useTabs.js.map +0 -1
- package/Blocks/Tabs/styles.js +0 -16
- package/Blocks/Tabs/styles.js.map +0 -1
- package/Elements/Alert/Alert.js +0 -35
- package/Elements/Alert/Alert.js.map +0 -1
- package/Elements/Alert/styles.js +0 -33
- package/Elements/Alert/styles.js.map +0 -1
- package/Elements/Avatar/Avatar.js +0 -15
- package/Elements/Avatar/Avatar.js.map +0 -1
- package/Elements/Badge/Badge.js +0 -39
- package/Elements/Badge/Badge.js.map +0 -1
- package/Elements/BorderedBox/BorderedBox.js +0 -13
- package/Elements/BorderedBox/BorderedBox.js.map +0 -1
- package/Elements/Button/Button.js +0 -12
- package/Elements/Button/Button.js.map +0 -1
- package/Elements/Button/styles.js +0 -49
- package/Elements/Button/styles.js.map +0 -1
- package/Elements/Card/Card.js +0 -22
- package/Elements/Card/Card.js.map +0 -1
- package/Elements/Card/styles.js +0 -34
- package/Elements/Card/styles.js.map +0 -1
- package/Elements/Dropdown/Dropdown.js +0 -27
- package/Elements/Dropdown/Dropdown.js.map +0 -1
- package/Elements/ErrorMessage/ErrorMessage.js +0 -16
- package/Elements/ErrorMessage/ErrorMessage.js.map +0 -1
- package/Elements/Icon/Icon.js +0 -244
- package/Elements/Icon/Icon.js.map +0 -1
- package/Elements/Icon/icons/FlagCZ.js +0 -7
- package/Elements/Icon/icons/FlagCZ.js.map +0 -1
- package/Elements/Icon/icons/FlagUSA.js +0 -7
- package/Elements/Icon/icons/FlagUSA.js.map +0 -1
- package/Elements/Image/Image.js.map +0 -1
- package/Elements/Label/Label.js +0 -17
- package/Elements/Label/Label.js.map +0 -1
- package/Elements/Line/Line.js +0 -25
- package/Elements/Line/Line.js.map +0 -1
- package/Elements/Link/Link.js +0 -45
- package/Elements/Link/Link.js.map +0 -1
- package/Elements/Logo/Logo.js +0 -62
- package/Elements/Logo/Logo.js.map +0 -1
- package/Elements/Logo/assets/mailship/logo_black.png.js.map +0 -1
- package/Elements/Logo/assets/mailship/logo_m.png.js.map +0 -1
- package/Elements/Logo/assets/mailship/logo_white.png.js.map +0 -1
- package/Elements/Logo/assets/mailship/mailship-logo.svg.js.map +0 -1
- package/Elements/Logo/assets/mailstep/mailstep_black.svg.js.map +0 -1
- package/Elements/Logo/assets/mailstep/mailstep_white.svg.js.map +0 -1
- package/Elements/Logo/assets/mailstock/mailstock.svg.js.map +0 -1
- package/Elements/Logo/assets/mailwise/mailwiseLogo.svg.js.map +0 -1
- package/Elements/Logo/assets/mailwise/mailwiseLogoSmall.svg.js.map +0 -1
- package/Elements/Logo/assets/mailwrap/mailwrapLogo.svg.js.map +0 -1
- package/Elements/Pagination/Pagination.js.map +0 -1
- package/Elements/Pagination/styled.js +0 -27
- package/Elements/Pagination/styled.js.map +0 -1
- package/Elements/Paragraph/Paragraph.js +0 -6
- package/Elements/Paragraph/Paragraph.js.map +0 -1
- package/Elements/Portal/index.js +0 -17
- package/Elements/Portal/index.js.map +0 -1
- package/Elements/ProgressBar/ProgressBar.js +0 -12
- package/Elements/ProgressBar/ProgressBar.js.map +0 -1
- package/Elements/ProgressBar/styles.js +0 -20
- package/Elements/ProgressBar/styles.js.map +0 -1
- package/Elements/SimpleLink/SimpleLink.js +0 -17
- package/Elements/SimpleLink/SimpleLink.js.map +0 -1
- package/Elements/SpaceAround/SpaceAround.js +0 -31
- package/Elements/SpaceAround/SpaceAround.js.map +0 -1
- package/Elements/Spinner/Spinner.js +0 -21
- package/Elements/Spinner/Spinner.js.map +0 -1
- package/Elements/Spinner/styles.js +0 -21
- package/Elements/Spinner/styles.js.map +0 -1
- package/Elements/Tag/Tag.js +0 -59
- package/Elements/Tag/Tag.js.map +0 -1
- package/Elements/Tag/palletes.js.map +0 -1
- package/Elements/Text/Text.js +0 -8
- package/Elements/Text/Text.js.map +0 -1
- package/Elements/Toast/Toast.js +0 -23
- package/Elements/Toast/Toast.js.map +0 -1
- package/Elements/Toggle/Toggle.js +0 -30
- package/Elements/Toggle/Toggle.js.map +0 -1
- package/Elements/Typography/Typography.js +0 -35
- package/Elements/Typography/Typography.js.map +0 -1
- package/Forms/Checkbox/Checkbox.js +0 -15
- package/Forms/Checkbox/Checkbox.js.map +0 -1
- package/Forms/Checkbox/styles.js +0 -28
- package/Forms/Checkbox/styles.js.map +0 -1
- package/Forms/Input/Input.js +0 -43
- package/Forms/Input/Input.js.map +0 -1
- package/Forms/Input/styles.js +0 -58
- package/Forms/Input/styles.js.map +0 -1
- package/Forms/RadioButton/RadioButton.js +0 -11
- package/Forms/RadioButton/RadioButton.js.map +0 -1
- package/Forms/RadioButton/styles.js +0 -16
- package/Forms/RadioButton/styles.js.map +0 -1
- package/ThemeProvider/ThemeProvider.js +0 -11
- package/ThemeProvider/ThemeProvider.js.map +0 -1
- package/ThemeProvider/themes/default.js.map +0 -1
- package/ThemeProvider/themes/index.js +0 -12
- package/ThemeProvider/themes/index.js.map +0 -1
- package/ThemeProvider/themes/light.js.map +0 -1
- package/ThemeProvider/themes/mailwise.js.map +0 -1
- package/index.js +0 -45
- package/utils/CreateRgba/createRgba.js +0 -21
- package/utils/CreateRgba/createRgba.js.map +0 -1
- package/utils/KeyPress/KeyPress.js.map +0 -1
- package/utils/KeyPress/index.js +0 -6
package/build/index.js
ADDED
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var CornerDialog = require('./Blocks/CornerDialog/CornerDialog.js');
|
|
4
|
+
var ImageList = require('./Blocks/ImageList/ImageList.js');
|
|
5
|
+
var LightBox = require('./Blocks/LightBox/LightBox.js');
|
|
6
|
+
var useLightBox = require('./Blocks/LightBox/hooks/useLightBox.js');
|
|
7
|
+
var Modal = require('./Blocks/Modal/Modal.js');
|
|
8
|
+
var useModal = require('./Blocks/Modal/hooks/useModal.js');
|
|
9
|
+
var useClickOutside = require('./Blocks/Modal/hooks/useClickOutside.js');
|
|
10
|
+
var Tabs = require('./Blocks/Tabs/Tabs.js');
|
|
11
|
+
var useTabs = require('./Blocks/Tabs/hooks/useTabs.js');
|
|
12
|
+
var Alert = require('./Elements/Alert/Alert.js');
|
|
13
|
+
var Avatar = require('./Elements/Avatar/Avatar.js');
|
|
14
|
+
var Badge = require('./Elements/Badge/Badge.js');
|
|
15
|
+
var BorderedBox = require('./Elements/BorderedBox/BorderedBox.js');
|
|
16
|
+
var Button = require('./Elements/Button/Button.js');
|
|
17
|
+
var Card = require('./Elements/Card/Card.js');
|
|
18
|
+
var Dropdown = require('./Elements/Dropdown/Dropdown.js');
|
|
19
|
+
var ErrorMessage = require('./Elements/ErrorMessage/ErrorMessage.js');
|
|
20
|
+
var Icon = require('./Elements/Icon/Icon.js');
|
|
21
|
+
var FlagUSA = require('./Elements/Icon/icons/FlagUSA.js');
|
|
22
|
+
var FlagCZ = require('./Elements/Icon/icons/FlagCZ.js');
|
|
23
|
+
var Image = require('./Elements/Image/Image.js');
|
|
24
|
+
var Label = require('./Elements/Label/Label.js');
|
|
25
|
+
var Line = require('./Elements/Line/Line.js');
|
|
26
|
+
var Link = require('./Elements/Link/Link.js');
|
|
27
|
+
var Logo = require('./Elements/Logo/Logo.js');
|
|
28
|
+
var Pagination = require('./Elements/Pagination/Pagination.js');
|
|
29
|
+
var Paragraph = require('./Elements/Paragraph/Paragraph.js');
|
|
30
|
+
var index = require('./Elements/Portal/index.js');
|
|
31
|
+
var ProgressBar = require('./Elements/ProgressBar/ProgressBar.js');
|
|
32
|
+
var SimpleLink = require('./Elements/SimpleLink/SimpleLink.js');
|
|
33
|
+
var SpaceAround = require('./Elements/SpaceAround/SpaceAround.js');
|
|
34
|
+
var Spinner = require('./Elements/Spinner/Spinner.js');
|
|
35
|
+
var Tag = require('./Elements/Tag/Tag.js');
|
|
36
|
+
var palletes = require('./Elements/Tag/palletes.js');
|
|
37
|
+
var Toast = require('./Elements/Toast/Toast.js');
|
|
38
|
+
var Toggle = require('./Elements/Toggle/Toggle.js');
|
|
39
|
+
var Typography = require('./Elements/Typography/Typography.js');
|
|
40
|
+
var Checkbox = require('./Forms/Checkbox/Checkbox.js');
|
|
41
|
+
var Input = require('./Forms/Input/Input.js');
|
|
42
|
+
var RadioButton = require('./Forms/RadioButton/RadioButton.js');
|
|
43
|
+
var ThemeProvider = require('./ThemeProvider/ThemeProvider.js');
|
|
44
|
+
var index$1 = require('./ThemeProvider/themes/index.js');
|
|
45
|
+
var createRgba = require('./utils/CreateRgba/createRgba.js');
|
|
46
|
+
var KeyPress = require('./utils/KeyPress/KeyPress.js');
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
exports.CornerDialog = CornerDialog.CornerDialog;
|
|
51
|
+
exports.ImageList = ImageList.ImageList;
|
|
52
|
+
exports.LightBox = LightBox.LightBox;
|
|
53
|
+
exports.useLightBox = useLightBox.useLightBox;
|
|
54
|
+
exports.Modal = Modal.Modal;
|
|
55
|
+
exports.useModal = useModal.useModal;
|
|
56
|
+
exports.useClickOutside = useClickOutside.useClickOutside;
|
|
57
|
+
exports.Tabs = Tabs.Tabs;
|
|
58
|
+
exports.useTabs = useTabs.useTabs;
|
|
59
|
+
exports.Alert = Alert;
|
|
60
|
+
exports.Avatar = Avatar.Avatar;
|
|
61
|
+
exports.Badge = Badge;
|
|
62
|
+
exports.BorderedBox = BorderedBox;
|
|
63
|
+
exports.Button = Button;
|
|
64
|
+
exports.Card = Card.Card;
|
|
65
|
+
exports.CardBody = Card.CardBody;
|
|
66
|
+
exports.CardImage = Card.CardImage;
|
|
67
|
+
exports.Dropdown = Dropdown;
|
|
68
|
+
exports.ErrorMessage = ErrorMessage;
|
|
69
|
+
exports.Icon = Icon.default;
|
|
70
|
+
exports.iconDictionary = Icon.iconDictionary;
|
|
71
|
+
exports.FlagUSA = FlagUSA.FlagUSA;
|
|
72
|
+
exports.FlagCZ = FlagCZ.FlagCZ;
|
|
73
|
+
exports.Image = Image;
|
|
74
|
+
exports.FieldLabel = Label.FieldLabel;
|
|
75
|
+
exports.Label = Label.Label;
|
|
76
|
+
exports.Line = Line;
|
|
77
|
+
exports.Link = Link;
|
|
78
|
+
exports.Logo = Logo;
|
|
79
|
+
exports.Pagination = Pagination;
|
|
80
|
+
exports.Paragraph = Paragraph;
|
|
81
|
+
exports.Portal = index.Portal;
|
|
82
|
+
exports.ProgressBar = ProgressBar;
|
|
83
|
+
exports.SimpleLink = SimpleLink;
|
|
84
|
+
exports.SpaceAroundWrap = SpaceAround;
|
|
85
|
+
exports.Spinner = Spinner.Spinner;
|
|
86
|
+
exports.Tag = Tag.Tag;
|
|
87
|
+
exports.palletes = palletes.palletes;
|
|
88
|
+
exports.Toast = Toast;
|
|
89
|
+
exports.Toggle = Toggle;
|
|
90
|
+
exports.H1 = Typography.H1;
|
|
91
|
+
exports.H2 = Typography.H2;
|
|
92
|
+
exports.H3 = Typography.H3;
|
|
93
|
+
exports.H4 = Typography.H4;
|
|
94
|
+
exports.H5 = Typography.H5;
|
|
95
|
+
exports.H6 = Typography.H6;
|
|
96
|
+
exports.H7 = Typography.H7;
|
|
97
|
+
exports.Paragraph1 = Typography.Paragraph1;
|
|
98
|
+
exports.Paragraph2 = Typography.Paragraph2;
|
|
99
|
+
exports.Paragraph3 = Typography.Paragraph3;
|
|
100
|
+
exports.Paragraph4 = Typography.Paragraph4;
|
|
101
|
+
exports.Paragraph5 = Typography.Paragraph5;
|
|
102
|
+
exports.Text = Typography.Text;
|
|
103
|
+
exports.Checkbox = Checkbox;
|
|
104
|
+
exports.Input = Input.Input;
|
|
105
|
+
exports.RadioButton = RadioButton;
|
|
106
|
+
exports.ThemeProvider = ThemeProvider;
|
|
107
|
+
exports.themes = index$1;
|
|
108
|
+
exports.createRgba = createRgba.createRgba;
|
|
109
|
+
exports.KeyPress = KeyPress;
|
|
110
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('react/jsx-runtime');
|
|
6
|
+
require('@xstyled/styled-components');
|
|
7
|
+
var index = require('../../ThemeProvider/themes/index.js');
|
|
8
|
+
var getOr = require('lodash/fp/getOr');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
|
+
|
|
12
|
+
var getOr__default = /*#__PURE__*/_interopDefaultCompat(getOr);
|
|
13
|
+
|
|
14
|
+
var createRgba = function (color, alpha) {
|
|
15
|
+
color = getOr__default.default(false, "colors[".concat(color, "]"), index.default) || color;
|
|
16
|
+
if (/^rgb/.test(color)) {
|
|
17
|
+
return "rgba(".concat(color.substring(color.indexOf('(') + 1, color.length - 1), ", ").concat(alpha, ")");
|
|
18
|
+
}
|
|
19
|
+
if (/^#/.test(color)) {
|
|
20
|
+
var r = parseInt("0x".concat(color.substr(1, 2)));
|
|
21
|
+
var g = parseInt("0x".concat(color.substr(3, 2)));
|
|
22
|
+
var b = parseInt("0x".concat(color.substr(5, 2)));
|
|
23
|
+
return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
|
|
24
|
+
}
|
|
25
|
+
return color;
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
exports.createRgba = createRgba;
|
|
29
|
+
exports.default = createRgba;
|
|
30
|
+
//# sourceMappingURL=createRgba.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createRgba.js","sources":["../../../packages/ui/utils/CreateRgba/createRgba.ts"],"sourcesContent":["import { themes } from '../../ThemeProvider';\nimport getOr from 'lodash/fp/getOr';\nexport var createRgba = function (color, alpha) {\n color = getOr(false, \"colors[\".concat(color, \"]\"), themes.default) || color;\n if (/^rgb/.test(color)) {\n return \"rgba(\".concat(color.substring(color.indexOf('(') + 1, color.length - 1), \", \").concat(alpha, \")\");\n }\n if (/^#/.test(color)) {\n var r = parseInt(\"0x\".concat(color.substr(1, 2)));\n var g = parseInt(\"0x\".concat(color.substr(3, 2)));\n var b = parseInt(\"0x\".concat(color.substr(5, 2)));\n return \"rgba(\".concat(r, \", \").concat(g, \", \").concat(b, \", \").concat(alpha, \")\");\n }\n return color;\n};\nexport default createRgba;\n//# sourceMappingURL=createRgba.js.map"],"names":["getOr","themes"],"mappings":";;;;;;;;;;;;;AAEU,IAAC,UAAU,GAAG,UAAU,KAAK,EAAE,KAAK,EAAE;AAChD,IAAI,KAAK,GAAGA,sBAAK,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,EAAEC,KAAM,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC;AAChF,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AAC5B,QAAQ,OAAO,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAClH,KAAK;AACL,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AAC1B,QAAQ,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,QAAQ,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,QAAQ,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D,QAAQ,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAC1F,KAAK;AACL,IAAI,OAAO,KAAK,CAAC;AACjB;;;;;"}
|
|
@@ -1,13 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
2
4
|
|
|
3
5
|
var OnKeyPress = function (_a) {
|
|
4
6
|
var action = _a.action, keyCode = _a.keyCode;
|
|
5
|
-
var testKeyCode = useCallback(function (event) {
|
|
7
|
+
var testKeyCode = React.useCallback(function (event) {
|
|
6
8
|
if (event.keyCode === keyCode) {
|
|
7
9
|
action();
|
|
8
10
|
}
|
|
9
11
|
}, [keyCode, action]);
|
|
10
|
-
useEffect(function () {
|
|
12
|
+
React.useEffect(function () {
|
|
11
13
|
document.addEventListener('keydown', testKeyCode, false);
|
|
12
14
|
return function () {
|
|
13
15
|
document.removeEventListener('keydown', testKeyCode, false);
|
|
@@ -16,5 +18,5 @@ var OnKeyPress = function (_a) {
|
|
|
16
18
|
return null;
|
|
17
19
|
};
|
|
18
20
|
|
|
19
|
-
|
|
21
|
+
module.exports = OnKeyPress;
|
|
20
22
|
//# sourceMappingURL=KeyPress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KeyPress.js","sources":["../../../packages/ui/utils/KeyPress/KeyPress.tsx"],"sourcesContent":["import { useEffect, useCallback } from 'react';\nvar OnKeyPress = function (_a) {\n var action = _a.action, keyCode = _a.keyCode;\n var testKeyCode = useCallback(function (event) {\n if (event.keyCode === keyCode) {\n action();\n }\n }, [keyCode, action]);\n useEffect(function () {\n document.addEventListener('keydown', testKeyCode, false);\n return function () {\n document.removeEventListener('keydown', testKeyCode, false);\n };\n }, [testKeyCode]);\n return null;\n};\nexport default OnKeyPress;\n//# sourceMappingURL=KeyPress.js.map"],"names":["useCallback","useEffect"],"mappings":";;;;AACG,IAAC,UAAU,GAAG,UAAU,EAAE,EAAE;AAC/B,IAAI,IAAI,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC;AACjD,IAAI,IAAI,WAAW,GAAGA,iBAAW,CAAC,UAAU,KAAK,EAAE;AACnD,QAAQ,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,EAAE;AACvC,YAAY,MAAM,EAAE,CAAC;AACrB,SAAS;AACT,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;AAC1B,IAAIC,eAAS,CAAC,YAAY;AAC1B,QAAQ,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;AACjE,QAAQ,OAAO,YAAY;AAC3B,YAAY,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;AACxE,SAAS,CAAC;AACV,KAAK,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACtB,IAAI,OAAO,IAAI,CAAC;AAChB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mailstep/design-system",
|
|
3
|
-
"version": "0.1.4-beta.
|
|
3
|
+
"version": "0.1.4-beta.7",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"type": "module",
|
|
6
|
-
"main": "./index.js",
|
|
6
|
+
"main": "./build/index.js",
|
|
7
|
+
"module": "./build/index.es.js",
|
|
8
|
+
"types": "./build/index.d.ts",
|
|
9
|
+
"files": [
|
|
10
|
+
"build"
|
|
11
|
+
],
|
|
7
12
|
"scripts": {
|
|
8
13
|
"storybook": "storybook dev -p 6006",
|
|
9
|
-
"build": "rollup -c",
|
|
14
|
+
"build": "rm -rf ./build && rollup -c",
|
|
10
15
|
"build-storybook": "storybook build",
|
|
11
16
|
"dev": "yarn storybook",
|
|
12
17
|
"test": "echo \"The tests are still waiting to be written, but it seems like they're really good at procrastinating!\""
|
|
@@ -22,6 +27,7 @@
|
|
|
22
27
|
"@fortawesome/pro-regular-svg-icons": "^6.0.0",
|
|
23
28
|
"@fortawesome/pro-solid-svg-icons": "^6.3.0",
|
|
24
29
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
30
|
+
"@rollup/plugin-alias": "^5.0.1",
|
|
25
31
|
"@rollup/plugin-commonjs": "^25.0.0",
|
|
26
32
|
"@rollup/plugin-node-resolve": "^15.0.2",
|
|
27
33
|
"@rollup/plugin-typescript": "^11.1.1",
|
|
@@ -45,6 +51,7 @@
|
|
|
45
51
|
"babel-loader": "^9.1.2",
|
|
46
52
|
"babel-plugin-named-exports-order": "^0.0.2",
|
|
47
53
|
"eslint-plugin-storybook": "0.6.15",
|
|
54
|
+
"lodash": "^4.17.21",
|
|
48
55
|
"react": "^18.2.0",
|
|
49
56
|
"react-dom": "^18.2.0",
|
|
50
57
|
"react-image": "^4.1.0",
|
|
@@ -63,6 +70,7 @@
|
|
|
63
70
|
"string-width": "6.1.0",
|
|
64
71
|
"styled-components": "^5.3.10",
|
|
65
72
|
"swiper": "^11.0.3",
|
|
73
|
+
"tslib": "^2.6.2",
|
|
66
74
|
"typescript": "^5.0.4",
|
|
67
75
|
"webpack": "^5.82.1"
|
|
68
76
|
},
|
|
@@ -75,6 +83,7 @@
|
|
|
75
83
|
"@fortawesome/pro-solid-svg-icons": "^6.3.0",
|
|
76
84
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
77
85
|
"@xstyled/styled-components": "^3.8.0",
|
|
86
|
+
"lodash": "^4.17.21",
|
|
78
87
|
"react": "^18.2.0",
|
|
79
88
|
"react-dom": "^18.2.0",
|
|
80
89
|
"react-image": "^4.1.0",
|
|
@@ -83,7 +92,9 @@
|
|
|
83
92
|
"react-toastify": "^9.1.3",
|
|
84
93
|
"react-use-draggable-scroll": "^0.4.7",
|
|
85
94
|
"styled-components": "^5.3.10",
|
|
86
|
-
"swiper": "^11.0.3"
|
|
95
|
+
"swiper": "^11.0.3",
|
|
96
|
+
"tslib": "^2.6.2",
|
|
97
|
+
"typescript": "^5.0.4"
|
|
87
98
|
},
|
|
88
99
|
"resolutions": {
|
|
89
100
|
"jackspeak": "2.1.1"
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { useState, useEffect } from 'react';
|
|
3
|
-
import { statusToIcon, statusToColors } from './utils.js';
|
|
4
|
-
import { Portal } from '../../Elements/Portal/index.js';
|
|
5
|
-
import Icon from '../../Elements/Icon/Icon.js';
|
|
6
|
-
import '../../../../node_modules/tslib/tslib.es6.js';
|
|
7
|
-
import { Container, Status, StatusText, Header, CloseBtn, Wrapper } from './styles.js';
|
|
8
|
-
|
|
9
|
-
var CornerDialog = function (_a) {
|
|
10
|
-
var title = _a.title, children = _a.children, onClose = _a.onClose, statusToTitle = _a.statusToTitle, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, _intent = _a.intent;
|
|
11
|
-
var _c = useState(false), isMounted = _c[0], setIsMounted = _c[1];
|
|
12
|
-
useEffect(function () {
|
|
13
|
-
setIsMounted(true);
|
|
14
|
-
}, []);
|
|
15
|
-
var intent = _intent !== null && _intent !== void 0 ? _intent : 'info';
|
|
16
|
-
var _d = statusToColors[intent], fontColor = _d.fontColor, backgroundColor = _d.backgroundColor, fill = _d.fill;
|
|
17
|
-
if (!isOpen)
|
|
18
|
-
return null;
|
|
19
|
-
return (jsx(Portal, { children: jsxs(Container, { "$mounted": isMounted, children: [jsxs(Status, { background: backgroundColor, children: [jsx(Icon, { icon: statusToIcon[intent], fill: fill }), jsx(StatusText, { fontColor: fontColor, children: statusToTitle[intent]() })] }), jsx(Header, { children: title }), jsx(CloseBtn, { onClick: onClose, children: jsx(Icon, { icon: "close", size: "25px" }) }), jsx(Wrapper, { children: children })] }) }));
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
export { CornerDialog };
|
|
23
|
-
//# sourceMappingURL=CornerDialog.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CornerDialog.js","sources":["../../../../../packages/ui/Blocks/CornerDialog/CornerDialog.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEffect, useState } from 'react';\nimport { statusToColors, statusToIcon } from './utils';\nimport { Portal } from '../../Elements/Portal';\nimport { Icon } from '../../Elements/Icon';\nimport { Container, Header, Status, StatusText, Wrapper, CloseBtn } from './styles';\nexport var CornerDialog = function (_a) {\n var title = _a.title, children = _a.children, onClose = _a.onClose, statusToTitle = _a.statusToTitle, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, _intent = _a.intent;\n var _c = useState(false), isMounted = _c[0], setIsMounted = _c[1];\n useEffect(function () {\n setIsMounted(true);\n }, []);\n var intent = _intent !== null && _intent !== void 0 ? _intent : 'info';\n var _d = statusToColors[intent], fontColor = _d.fontColor, backgroundColor = _d.backgroundColor, fill = _d.fill;\n if (!isOpen)\n return null;\n return (_jsx(Portal, { children: _jsxs(Container, { \"$mounted\": isMounted, children: [_jsxs(Status, { background: backgroundColor, children: [_jsx(Icon, { icon: statusToIcon[intent], fill: fill }), _jsx(StatusText, { fontColor: fontColor, children: statusToTitle[intent]() })] }), _jsx(Header, { children: title }), _jsx(CloseBtn, { onClick: onClose, children: _jsx(Icon, { icon: \"close\", size: \"25px\" }) }), _jsx(Wrapper, { children: children })] }) }));\n};\n//# sourceMappingURL=CornerDialog.js.map"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAMU,IAAC,YAAY,GAAG,UAAU,EAAE,EAAE;AACxC,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC;AAClL,IAAI,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AACtE,IAAI,SAAS,CAAC,YAAY;AAC1B,QAAQ,YAAY,CAAC,IAAI,CAAC,CAAC;AAC3B,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,IAAI,MAAM,GAAG,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,CAAC,GAAG,OAAO,GAAG,MAAM,CAAC;AAC3E,IAAI,IAAI,EAAE,GAAG,cAAc,CAAC,MAAM,CAAC,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,eAAe,GAAG,EAAE,CAAC,eAAe,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,CAAC;AACpH,IAAI,IAAI,CAAC,MAAM;AACf,QAAQ,OAAO,IAAI,CAAC;AACpB,IAAI,QAAQA,GAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAEC,IAAK,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,CAACA,IAAK,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAEA,GAAI,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAEA,GAAI,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAEA,GAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC3c;;;;"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { __makeTemplateObject } from '../../../../node_modules/tslib/tslib.es6.js';
|
|
2
|
-
import styled, { th } from '@xstyled/styled-components';
|
|
3
|
-
|
|
4
|
-
var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: fixed;\n z-index: 10;\n bottom: 3rem;\n right: 3rem;\n background: white;\n border-radius: 12px;\n box-shadow: cornerDialogShadow;\n width: 400px;\n padding: 50px 30px 30px;\n color: typoPrimary;\n transition: opacity 225ms linear;\n opacity: ", ";\n"], ["\n position: fixed;\n z-index: 10;\n bottom: 3rem;\n right: 3rem;\n background: white;\n border-radius: 12px;\n box-shadow: cornerDialogShadow;\n width: 400px;\n padding: 50px 30px 30px;\n color: typoPrimary;\n transition: opacity 225ms linear;\n opacity: ", ";\n"])), function (_a) {
|
|
5
|
-
var $mounted = _a.$mounted;
|
|
6
|
-
return ($mounted ? 1 : 0);
|
|
7
|
-
});
|
|
8
|
-
var Header = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-bottom: 15px;\n color: typoPrimary;\n font-size: 18px;\n font-weight: bold;\n display: flex;\n align-items: center;\n"], ["\n margin-bottom: 15px;\n color: typoPrimary;\n font-size: 18px;\n font-weight: bold;\n display: flex;\n align-items: center;\n"])));
|
|
9
|
-
var Wrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-size: 14px;\n font-weight: 400;\n"], ["\n font-size: 14px;\n font-weight: 400;\n"])));
|
|
10
|
-
var Status = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: absolute;\n left: 0;\n top: 0;\n padding: 6px 10px;\n text-transform: uppercase;\n border-radius: 12px 0 12px 0;\n background-color: ", ";\n"], ["\n position: absolute;\n left: 0;\n top: 0;\n padding: 6px 10px;\n text-transform: uppercase;\n border-radius: 12px 0 12px 0;\n background-color: ", ";\n"])), function (_a) {
|
|
11
|
-
var background = _a.background;
|
|
12
|
-
return th.color(background);
|
|
13
|
-
});
|
|
14
|
-
var CloseBtn = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n cursor: pointer;\n position: absolute;\n top: 12px;\n right: 12px;\n"], ["\n cursor: pointer;\n position: absolute;\n top: 12px;\n right: 12px;\n"])));
|
|
15
|
-
var StatusText = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: inline-block;\n margin-left: 6px;\n font-size: 14px;\n font-weight: 700;\n color: ", ";\n"], ["\n display: inline-block;\n margin-left: 6px;\n font-size: 14px;\n font-weight: 700;\n color: ", ";\n"])), function (_a) {
|
|
16
|
-
var fontColor = _a.fontColor;
|
|
17
|
-
return th.color(fontColor);
|
|
18
|
-
});
|
|
19
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
20
|
-
|
|
21
|
-
export { CloseBtn, Container, Header, Status, StatusText, Wrapper };
|
|
22
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../../packages/ui/Blocks/CornerDialog/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nexport var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n position: fixed;\\n z-index: 10;\\n bottom: 3rem;\\n right: 3rem;\\n background: white;\\n border-radius: 12px;\\n box-shadow: cornerDialogShadow;\\n width: 400px;\\n padding: 50px 30px 30px;\\n color: typoPrimary;\\n transition: opacity 225ms linear;\\n opacity: \", \";\\n\"], [\"\\n position: fixed;\\n z-index: 10;\\n bottom: 3rem;\\n right: 3rem;\\n background: white;\\n border-radius: 12px;\\n box-shadow: cornerDialogShadow;\\n width: 400px;\\n padding: 50px 30px 30px;\\n color: typoPrimary;\\n transition: opacity 225ms linear;\\n opacity: \", \";\\n\"])), function (_a) {\n var $mounted = _a.$mounted;\n return ($mounted ? 1 : 0);\n});\nexport var Header = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n margin-bottom: 15px;\\n color: typoPrimary;\\n font-size: 18px;\\n font-weight: bold;\\n display: flex;\\n align-items: center;\\n\"], [\"\\n margin-bottom: 15px;\\n color: typoPrimary;\\n font-size: 18px;\\n font-weight: bold;\\n display: flex;\\n align-items: center;\\n\"])));\nexport var Wrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n font-size: 14px;\\n font-weight: 400;\\n\"], [\"\\n font-size: 14px;\\n font-weight: 400;\\n\"])));\nexport var Status = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n position: absolute;\\n left: 0;\\n top: 0;\\n padding: 6px 10px;\\n text-transform: uppercase;\\n border-radius: 12px 0 12px 0;\\n background-color: \", \";\\n\"], [\"\\n position: absolute;\\n left: 0;\\n top: 0;\\n padding: 6px 10px;\\n text-transform: uppercase;\\n border-radius: 12px 0 12px 0;\\n background-color: \", \";\\n\"])), function (_a) {\n var background = _a.background;\n return th.color(background);\n});\nexport var CloseBtn = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n cursor: pointer;\\n position: absolute;\\n top: 12px;\\n right: 12px;\\n\"], [\"\\n cursor: pointer;\\n position: absolute;\\n top: 12px;\\n right: 12px;\\n\"])));\nexport var StatusText = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n display: inline-block;\\n margin-left: 6px;\\n font-size: 14px;\\n font-weight: 700;\\n color: \", \";\\n\"], [\"\\n display: inline-block;\\n margin-left: 6px;\\n font-size: 14px;\\n font-weight: 700;\\n color: \", \";\\n\"])), function (_a) {\n var fontColor = _a.fontColor;\n return th.color(fontColor);\n});\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEU,IAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,8QAA8Q,EAAE,KAAK,CAAC,EAAE,CAAC,8QAA8Q,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACjqB,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,GAAG,CAAC,GAAG,CAAC,EAAE;AAC9B,CAAC,EAAE;AACO,IAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,uIAAuI,CAAC,EAAE,CAAC,uIAAuI,CAAC,CAAC,CAAC,EAAE;AAC1W,IAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,6CAA6C,CAAC,EAAE,CAAC,6CAA6C,CAAC,CAAC,CAAC,EAAE;AACvL,IAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,2JAA2J,EAAE,KAAK,CAAC,EAAE,CAAC,2JAA2J,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACxb,IAAI,IAAI,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC;AACnC,IAAI,OAAO,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;AAChC,CAAC,EAAE;AACO,IAAC,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,6EAA6E,CAAC,EAAE,CAAC,6EAA6E,CAAC,CAAC,CAAC,EAAE;AACxP,IAAC,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,qGAAqG,EAAE,KAAK,CAAC,EAAE,CAAC,qGAAqG,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACjV,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,OAAO,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AAC/B,CAAC,EAAE;AACH,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../../packages/ui/Blocks/CornerDialog/utils.ts"],"sourcesContent":["export var statusToColors = {\n info: { fontColor: 'gray1', backgroundColor: 'lightGray7', fill: 'gray1' },\n success: { fontColor: 'white', backgroundColor: 'green', fill: 'white' },\n error: { fontColor: 'white', backgroundColor: 'red1', fill: 'white' },\n warning: { fontColor: 'blue2', backgroundColor: 'yellow1', fill: 'blue2' },\n};\nexport var statusToIcon = {\n info: 'info',\n success: 'circleCheck',\n error: 'circleX',\n warning: 'circleTriangle',\n};\n//# sourceMappingURL=utils.js.map"],"names":[],"mappings":"AAAU,IAAC,cAAc,GAAG;AAC5B,IAAI,IAAI,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE;AAC9E,IAAI,OAAO,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;AAC5E,IAAI,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE;AACzE,IAAI,OAAO,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE;AAC9E,EAAE;AACQ,IAAC,YAAY,GAAG;AAC1B,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,aAAa;AAC1B,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,OAAO,EAAE,gBAAgB;AAC7B;;;;"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
|
|
2
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useRef } from 'react';
|
|
4
|
-
import { useDraggable } from 'react-use-draggable-scroll';
|
|
5
|
-
import { LightBox } from '../LightBox/LightBox.js';
|
|
6
|
-
import { useLightBox } from '../LightBox/hooks/useLightBox.js';
|
|
7
|
-
import { AddPhoto } from './components/AddPhoto/index.js';
|
|
8
|
-
import { ImageElement } from './components/ImageElement/index.js';
|
|
9
|
-
import { x } from '@xstyled/styled-components';
|
|
10
|
-
import { ImageListContainer } from './styles.js';
|
|
11
|
-
|
|
12
|
-
var ImageList = function (_a) {
|
|
13
|
-
var onImageUpload = _a.onImageUpload, onImageRemove = _a.onImageRemove, lightBoxAction = _a.lightBoxAction, lightBoxActionTitle = _a.lightBoxActionTitle, images = _a.images;
|
|
14
|
-
var ref = useRef();
|
|
15
|
-
var events = useDraggable(ref, { isMounted: !!(images === null || images === void 0 ? void 0 : images.length) }).events;
|
|
16
|
-
var _b = useLightBox(), isLightBoxOpen = _b.isLightBoxOpen, onCloseLightBox = _b.onCloseLightBox, onOpenLightBox = _b.onOpenLightBox, lightBoxData = _b.lightBoxData;
|
|
17
|
-
return (jsxs(x.div, { display: "flex", alignItems: "flex-end", children: [jsx(AddPhoto, { onImageUpload: onImageUpload }), images &&
|
|
18
|
-
jsx(ImageListContainer, __assign({ ref: ref }, events, { children: images.map(function (item, index) {
|
|
19
|
-
var _a, _b;
|
|
20
|
-
return (jsx(ImageElement, { imageUrl: (_a = item.smallUrl) !== null && _a !== void 0 ? _a : item.url, onImageRemove: onImageRemove === null || onImageRemove === void 0 ? void 0 : onImageRemove(item.id), onOpenLightBox: onOpenLightBox(index) }, (_b = item.id) !== null && _b !== void 0 ? _b : index));
|
|
21
|
-
}) })), jsx(LightBox, { initialSlide: lightBoxData === null || lightBoxData === void 0 ? void 0 : lightBoxData.initialSlide, isLightBoxOpen: isLightBoxOpen, onCloseLightBox: onCloseLightBox, lightBoxAction: lightBoxAction, lightBoxActionTitle: lightBoxActionTitle, images: images })] }));
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
export { ImageList };
|
|
25
|
-
//# sourceMappingURL=ImageList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ImageList.js","sources":["../../../../../packages/ui/Blocks/ImageList/ImageList.tsx"],"sourcesContent":["import { __assign } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useRef } from 'react';\nimport { useDraggable } from 'react-use-draggable-scroll';\nimport { LightBox, useLightBox } from '../LightBox';\nimport { AddPhoto } from './components/AddPhoto';\nimport { ImageElement } from './components/ImageElement';\nimport { x } from '@xstyled/styled-components';\nimport { ImageListContainer } from './styles';\nexport var ImageList = function (_a) {\n var onImageUpload = _a.onImageUpload, onImageRemove = _a.onImageRemove, lightBoxAction = _a.lightBoxAction, lightBoxActionTitle = _a.lightBoxActionTitle, images = _a.images;\n var ref = useRef();\n var events = useDraggable(ref, { isMounted: !!(images === null || images === void 0 ? void 0 : images.length) }).events;\n var _b = useLightBox(), isLightBoxOpen = _b.isLightBoxOpen, onCloseLightBox = _b.onCloseLightBox, onOpenLightBox = _b.onOpenLightBox, lightBoxData = _b.lightBoxData;\n return (_jsxs(x.div, { display: \"flex\", alignItems: \"flex-end\", children: [_jsx(AddPhoto, { onImageUpload: onImageUpload }), images &&\n _jsx(ImageListContainer, __assign({ ref: ref }, events, { children: images.map(function (item, index) {\n var _a, _b;\n return (_jsx(ImageElement, { imageUrl: (_a = item.smallUrl) !== null && _a !== void 0 ? _a : item.url, onImageRemove: onImageRemove === null || onImageRemove === void 0 ? void 0 : onImageRemove(item.id), onOpenLightBox: onOpenLightBox(index) }, (_b = item.id) !== null && _b !== void 0 ? _b : index));\n }) })), _jsx(LightBox, { initialSlide: lightBoxData === null || lightBoxData === void 0 ? void 0 : lightBoxData.initialSlide, isLightBoxOpen: isLightBoxOpen, onCloseLightBox: onCloseLightBox, lightBoxAction: lightBoxAction, lightBoxActionTitle: lightBoxActionTitle, images: images })] }));\n};\n//# sourceMappingURL=ImageList.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;AASU,IAAC,SAAS,GAAG,UAAU,EAAE,EAAE;AACrC,IAAI,IAAI,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,mBAAmB,GAAG,EAAE,CAAC,mBAAmB,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC;AACjL,IAAI,IAAI,GAAG,GAAG,MAAM,EAAE,CAAC;AACvB,IAAI,IAAI,MAAM,GAAG,YAAY,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC;AAC5H,IAAI,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,eAAe,GAAG,EAAE,CAAC,eAAe,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC;AACzK,IAAI,QAAQA,IAAK,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,QAAQ,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM;AACvI,gBAAgBA,GAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE,KAAK,EAAE;AACtH,wBAAwB,IAAI,EAAE,EAAE,EAAE,CAAC;AACnC,wBAAwB,QAAQA,GAAI,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,QAAQ,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,aAAa,EAAE,aAAa,KAAK,IAAI,IAAI,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,EAAE;AACrU,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAEA,GAAI,CAAC,QAAQ,EAAE,EAAE,YAAY,EAAE,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACrT;;;;"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { __awaiter, __generator } from '../../../../../../node_modules/tslib/tslib.es6.js';
|
|
2
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useCallback } from 'react';
|
|
4
|
-
import { Container, HiddenInput } from './styles.js';
|
|
5
|
-
|
|
6
|
-
var AddPhoto = function (_a) {
|
|
7
|
-
var onImageUpload = _a.onImageUpload;
|
|
8
|
-
var handleImageUpload = useCallback(function (event) {
|
|
9
|
-
var _a, _b;
|
|
10
|
-
if (!((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0]))
|
|
11
|
-
return;
|
|
12
|
-
var reader = new FileReader();
|
|
13
|
-
reader.readAsDataURL(event.target.files[0]);
|
|
14
|
-
reader.onload = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
15
|
-
var _a;
|
|
16
|
-
return __generator(this, function (_b) {
|
|
17
|
-
switch (_b.label) {
|
|
18
|
-
case 0: return [4 /*yield*/, (onImageUpload === null || onImageUpload === void 0 ? void 0 : onImageUpload({ base64: reader.result, file: (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0] }))];
|
|
19
|
-
case 1:
|
|
20
|
-
_b.sent();
|
|
21
|
-
return [2 /*return*/];
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
}); };
|
|
25
|
-
}, [onImageUpload]);
|
|
26
|
-
if (!onImageUpload)
|
|
27
|
-
return null;
|
|
28
|
-
return (jsxs(Container, { children: [jsx(HiddenInput, { onChange: handleImageUpload, type: "file", accept: "image/*" }), jsxs("svg", { width: "36", height: "36", viewBox: "0 0 37 34", fill: "#DB2B19", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.82792 6.14124C10.7187 5.25044 11.9269 4.75 13.1867 4.75H19C19.8745 4.75 20.5833 5.45889 20.5833 6.33333C20.5833 7.20778 19.8745 7.91667 19 7.91667H13.1867C12.7668 7.91667 12.364 8.08349 12.0671 8.38041L10.7554 9.69209C9.86461 10.5829 8.65643 11.0833 7.39665 11.0833H4.75C3.87556 11.0833 3.16667 11.7922 3.16667 12.6667V28.5C3.16667 29.3745 3.87556 30.0833 4.75 30.0833H26.9167C27.7911 30.0833 28.5 29.3745 28.5 28.5V17.4167C28.5 16.5422 29.2089 15.8333 30.0833 15.8333C30.9578 15.8333 31.6667 16.5422 31.6667 17.4167V28.5C31.6667 31.1234 29.5401 33.25 26.9167 33.25H4.75C2.12665 33.25 0 31.1234 0 28.5V12.6667C0 10.0433 2.12665 7.91667 4.75 7.91667H7.39665C7.81658 7.91667 8.21931 7.74985 8.51624 7.45292L9.82792 6.14124Z" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.9165 20.5834C7.9165 16.2112 11.4609 12.6667 15.8332 12.6667C20.2054 12.6667 23.7498 16.2112 23.7498 20.5834C23.7498 24.9556 20.2054 28.5001 15.8332 28.5001C11.4609 28.5001 7.9165 24.9556 7.9165 20.5834ZM15.8332 15.8334C13.2098 15.8334 11.0832 17.96 11.0832 20.5834C11.0832 23.2068 13.2098 25.3334 15.8332 25.3334C18.4566 25.3334 20.5832 23.2068 20.5832 20.5834C20.5832 17.96 18.4566 15.8334 15.8332 15.8334Z" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23.75 6.33333C23.75 5.45889 24.4589 4.75 25.3333 4.75H34.8333C35.7078 4.75 36.4167 5.45889 36.4167 6.33333C36.4167 7.20778 35.7078 7.91667 34.8333 7.91667H25.3333C24.4589 7.91667 23.75 7.20778 23.75 6.33333Z" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M30.0833 0C30.9578 0 31.6667 0.70889 31.6667 1.58333V11.0833C31.6667 11.9578 30.9578 12.6667 30.0833 12.6667C29.2089 12.6667 28.5 11.9578 28.5 11.0833V1.58333C28.5 0.70889 29.2089 0 30.0833 0Z" })] })] }));
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
export { AddPhoto };
|
|
32
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../../packages/ui/Blocks/ImageList/components/AddPhoto/index.tsx"],"sourcesContent":["import { __awaiter, __generator } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { Container, HiddenInput } from './styles';\nexport var AddPhoto = function (_a) {\n var onImageUpload = _a.onImageUpload;\n var handleImageUpload = useCallback(function (event) {\n var _a, _b;\n if (!((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0]))\n return;\n var reader = new FileReader();\n reader.readAsDataURL(event.target.files[0]);\n reader.onload = function () { return __awaiter(void 0, void 0, void 0, function () {\n var _a;\n return __generator(this, function (_b) {\n switch (_b.label) {\n case 0: return [4 /*yield*/, (onImageUpload === null || onImageUpload === void 0 ? void 0 : onImageUpload({ base64: reader.result, file: (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0] }))];\n case 1:\n _b.sent();\n return [2 /*return*/];\n }\n });\n }); };\n }, [onImageUpload]);\n if (!onImageUpload)\n return null;\n return (_jsxs(Container, { children: [_jsx(HiddenInput, { onChange: handleImageUpload, type: \"file\", accept: \"image/*\" }), _jsxs(\"svg\", { width: \"36\", height: \"36\", viewBox: \"0 0 37 34\", fill: \"#DB2B19\", xmlns: \"http://www.w3.org/2000/svg\", children: [_jsx(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M9.82792 6.14124C10.7187 5.25044 11.9269 4.75 13.1867 4.75H19C19.8745 4.75 20.5833 5.45889 20.5833 6.33333C20.5833 7.20778 19.8745 7.91667 19 7.91667H13.1867C12.7668 7.91667 12.364 8.08349 12.0671 8.38041L10.7554 9.69209C9.86461 10.5829 8.65643 11.0833 7.39665 11.0833H4.75C3.87556 11.0833 3.16667 11.7922 3.16667 12.6667V28.5C3.16667 29.3745 3.87556 30.0833 4.75 30.0833H26.9167C27.7911 30.0833 28.5 29.3745 28.5 28.5V17.4167C28.5 16.5422 29.2089 15.8333 30.0833 15.8333C30.9578 15.8333 31.6667 16.5422 31.6667 17.4167V28.5C31.6667 31.1234 29.5401 33.25 26.9167 33.25H4.75C2.12665 33.25 0 31.1234 0 28.5V12.6667C0 10.0433 2.12665 7.91667 4.75 7.91667H7.39665C7.81658 7.91667 8.21931 7.74985 8.51624 7.45292L9.82792 6.14124Z\" }), _jsx(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M7.9165 20.5834C7.9165 16.2112 11.4609 12.6667 15.8332 12.6667C20.2054 12.6667 23.7498 16.2112 23.7498 20.5834C23.7498 24.9556 20.2054 28.5001 15.8332 28.5001C11.4609 28.5001 7.9165 24.9556 7.9165 20.5834ZM15.8332 15.8334C13.2098 15.8334 11.0832 17.96 11.0832 20.5834C11.0832 23.2068 13.2098 25.3334 15.8332 25.3334C18.4566 25.3334 20.5832 23.2068 20.5832 20.5834C20.5832 17.96 18.4566 15.8334 15.8332 15.8334Z\" }), _jsx(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M23.75 6.33333C23.75 5.45889 24.4589 4.75 25.3333 4.75H34.8333C35.7078 4.75 36.4167 5.45889 36.4167 6.33333C36.4167 7.20778 35.7078 7.91667 34.8333 7.91667H25.3333C24.4589 7.91667 23.75 7.20778 23.75 6.33333Z\" }), _jsx(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M30.0833 0C30.9578 0 31.6667 0.70889 31.6667 1.58333V11.0833C31.6667 11.9578 30.9578 12.6667 30.0833 12.6667C29.2089 12.6667 28.5 11.9578 28.5 11.0833V1.58333C28.5 0.70889 29.2089 0 30.0833 0Z\" })] })] }));\n};\n//# sourceMappingURL=index.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAIU,IAAC,QAAQ,GAAG,UAAU,EAAE,EAAE;AACpC,IAAI,IAAI,aAAa,GAAG,EAAE,CAAC,aAAa,CAAC;AACzC,IAAI,IAAI,iBAAiB,GAAG,WAAW,CAAC,UAAU,KAAK,EAAE;AACzD,QAAQ,IAAI,EAAE,EAAE,EAAE,CAAC;AACnB,QAAQ,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,MAAM,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AAClI,YAAY,OAAO;AACnB,QAAQ,IAAI,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;AACtC,QAAQ,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AACpD,QAAQ,MAAM,CAAC,MAAM,GAAG,YAAY,EAAE,OAAO,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,YAAY;AAC3F,YAAY,IAAI,EAAE,CAAC;AACnB,YAAY,OAAO,WAAW,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE;AACnD,gBAAgB,QAAQ,EAAE,CAAC,KAAK;AAChC,oBAAoB,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,aAAa,aAAa,KAAK,IAAI,IAAI,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,aAAa,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;AACvO,oBAAoB,KAAK,CAAC;AAC1B,wBAAwB,EAAE,CAAC,IAAI,EAAE,CAAC;AAClC,wBAAwB,OAAO,CAAC,CAAC,YAAY,CAAC;AAC9C,iBAAiB;AACjB,aAAa,CAAC,CAAC;AACf,SAAS,CAAC,CAAC,EAAE,CAAC;AACd,KAAK,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACxB,IAAI,IAAI,CAAC,aAAa;AACtB,QAAQ,OAAO,IAAI,CAAC;AACpB,IAAI,QAAQA,IAAK,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAAED,IAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,4BAA4B,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,stBAAstB,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,4ZAA4Z,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,kNAAkN,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,kMAAkM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAClhE;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { __makeTemplateObject } from '../../../../../../node_modules/tslib/tslib.es6.js';
|
|
2
|
-
import styled, { th } from '@xstyled/styled-components';
|
|
3
|
-
|
|
4
|
-
var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n flex-shrink: 0;\n height: 85px !important;\n width: 85px !important;\n border-radius: ", ";\n border: ", ";\n border-color: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n margin-right: 15px;\n"], ["\n position: relative;\n flex-shrink: 0;\n height: 85px !important;\n width: 85px !important;\n border-radius: ", ";\n border: ", ";\n border-color: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n margin-right: 15px;\n"])), th.radius('lg'), th.border('mediumSlim'), th.color('red1'));
|
|
5
|
-
var HiddenInput = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n"], ["\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n"])));
|
|
6
|
-
var templateObject_1, templateObject_2;
|
|
7
|
-
|
|
8
|
-
export { Container, HiddenInput };
|
|
9
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../../../../packages/ui/Blocks/ImageList/components/AddPhoto/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nexport var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n position: relative;\\n flex-shrink: 0;\\n height: 85px !important;\\n width: 85px !important;\\n border-radius: \", \";\\n border: \", \";\\n border-color: \", \";\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n cursor: pointer;\\n margin-right: 15px;\\n\"], [\"\\n position: relative;\\n flex-shrink: 0;\\n height: 85px !important;\\n width: 85px !important;\\n border-radius: \", \";\\n border: \", \";\\n border-color: \", \";\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n cursor: pointer;\\n margin-right: 15px;\\n\"])), th.radius('lg'), th.border('mediumSlim'), th.color('red1'));\nexport var HiddenInput = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n opacity: 0;\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n cursor: pointer;\\n\"], [\"\\n opacity: 0;\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n cursor: pointer;\\n\"])));\nvar templateObject_1, templateObject_2;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEU,IAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,sHAAsH,EAAE,eAAe,EAAE,qBAAqB,EAAE,sHAAsH,CAAC,EAAE,CAAC,sHAAsH,EAAE,eAAe,EAAE,qBAAqB,EAAE,sHAAsH,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;AACvsB,IAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,sHAAsH,CAAC,EAAE,CAAC,sHAAsH,CAAC,CAAC,CAAC,EAAE;AACzV,IAAI,gBAAgB,EAAE,gBAAgB;;;;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import Icon from '../../../../Elements/Icon/Icon.js';
|
|
3
|
-
import '../../../../../../node_modules/tslib/tslib.es6.js';
|
|
4
|
-
import { Container } from './styles.js';
|
|
5
|
-
|
|
6
|
-
var CloseButton = function (_a) {
|
|
7
|
-
var onImageRemove = _a.onImageRemove;
|
|
8
|
-
return (jsx(Container, { onClick: onImageRemove, children: jsx(Icon, { icon: "close", size: "22px", fill: "red1" }) }));
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export { CloseButton };
|
|
12
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../../packages/ui/Blocks/ImageList/components/CloseButton/index.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon } from '../../../../Elements/Icon';\nimport { Container } from './styles';\nexport var CloseButton = function (_a) {\n var onImageRemove = _a.onImageRemove;\n return (_jsx(Container, { onClick: onImageRemove, children: _jsx(Icon, { icon: \"close\", size: \"22px\", fill: \"red1\" }) }));\n};\n//# sourceMappingURL=index.js.map"],"names":["_jsx"],"mappings":";;;;;AAGU,IAAC,WAAW,GAAG,UAAU,EAAE,EAAE;AACvC,IAAI,IAAI,aAAa,GAAG,EAAE,CAAC,aAAa,CAAC;AACzC,IAAI,QAAQA,GAAI,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAEA,GAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE;AAC9H;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { __makeTemplateObject } from '../../../../../../node_modules/tslib/tslib.es6.js';
|
|
2
|
-
import styled, { th } from '@xstyled/styled-components';
|
|
3
|
-
|
|
4
|
-
var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n width: 30px;\n height: 30px;\n background-color: ", ";\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"], ["\n position: absolute;\n top: 0;\n right: 0;\n width: 30px;\n height: 30px;\n background-color: ", ";\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n"])), th.color('red20'));
|
|
5
|
-
var templateObject_1;
|
|
6
|
-
|
|
7
|
-
export { Container };
|
|
8
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../../../../packages/ui/Blocks/ImageList/components/CloseButton/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nexport var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n position: absolute;\\n top: 0;\\n right: 0;\\n width: 30px;\\n height: 30px;\\n background-color: \", \";\\n border-radius: 50%;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n cursor: pointer;\\n\"], [\"\\n position: absolute;\\n top: 0;\\n right: 0;\\n width: 30px;\\n height: 30px;\\n background-color: \", \";\\n border-radius: 50%;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n cursor: pointer;\\n\"])), th.color('red20'));\nvar templateObject_1;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEU,IAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,wGAAwG,EAAE,sHAAsH,CAAC,EAAE,CAAC,wGAAwG,EAAE,sHAAsH,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;AAC5jB,IAAI,gBAAgB;;;;"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { Image } from './styles.js';
|
|
3
|
-
import { ImageTag } from '../ImageTag/index.js';
|
|
4
|
-
import { CloseButton } from '../CloseButton/index.js';
|
|
5
|
-
import { x } from '@xstyled/styled-components';
|
|
6
|
-
|
|
7
|
-
var ImageElement = function (_a) {
|
|
8
|
-
var label = _a.label, onImageRemove = _a.onImageRemove, onOpenLightBox = _a.onOpenLightBox, imageUrl = _a.imageUrl;
|
|
9
|
-
if (!imageUrl)
|
|
10
|
-
return null;
|
|
11
|
-
return (jsxs(x.div, { position: "relative", pr: "15px", pt: "15px", w: "100px", children: [jsx(Image, { src: imageUrl, alt: "", width: "85px", height: "85px", onClick: onOpenLightBox }), onImageRemove && jsx(CloseButton, { onImageRemove: onImageRemove }), jsx(ImageTag, { label: label })] }));
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export { ImageElement };
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../../packages/ui/Blocks/ImageList/components/ImageElement/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Image } from './styles';\nimport { ImageTag } from '../ImageTag';\nimport { CloseButton } from '../CloseButton';\nimport { x } from '@xstyled/styled-components';\nexport var ImageElement = function (_a) {\n var label = _a.label, onImageRemove = _a.onImageRemove, onOpenLightBox = _a.onOpenLightBox, imageUrl = _a.imageUrl;\n if (!imageUrl)\n return null;\n return (_jsxs(x.div, { position: \"relative\", pr: \"15px\", pt: \"15px\", w: \"100px\", children: [_jsx(Image, { src: imageUrl, alt: \"\", width: \"85px\", height: \"85px\", onClick: onOpenLightBox }), onImageRemove && _jsx(CloseButton, { onImageRemove: onImageRemove }), _jsx(ImageTag, { label: label })] }));\n};\n//# sourceMappingURL=index.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAKU,IAAC,YAAY,GAAG,UAAU,EAAE,EAAE;AACxC,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AACvH,IAAI,IAAI,CAAC,QAAQ;AACjB,QAAQ,OAAO,IAAI,CAAC;AACpB,IAAI,QAAQA,IAAK,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,EAAE,aAAa,IAAIA,GAAI,CAAC,WAAW,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,EAAEA,GAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAC7S;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { __makeTemplateObject } from '../../../../../../node_modules/tslib/tslib.es6.js';
|
|
2
|
-
import styled, { th } from '@xstyled/styled-components';
|
|
3
|
-
|
|
4
|
-
styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
|
|
5
|
-
var Image = styled.img(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: ", ";\n"], ["\n border-radius: ", ";\n"])), th.radius('lg'));
|
|
6
|
-
var templateObject_1, templateObject_2;
|
|
7
|
-
|
|
8
|
-
export { Image };
|
|
9
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../../../../packages/ui/Blocks/ImageList/components/ImageElement/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nexport var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\"], [\"\"])));\nexport var Image = styled.img(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n border-radius: \", \";\\n\"], [\"\\n border-radius: \", \";\\n\"])), th.radius('lg'));\nvar templateObject_1, templateObject_2;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEuB,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;AACnG,IAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;AAC9K,IAAI,gBAAgB,EAAE,gBAAgB;;;;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { Tag } from '../../../../Elements/Tag/Tag.js';
|
|
3
|
-
import { Container } from './styles.js';
|
|
4
|
-
|
|
5
|
-
var ImageTag = function (_a) {
|
|
6
|
-
var label = _a.label;
|
|
7
|
-
if (!label)
|
|
8
|
-
return null;
|
|
9
|
-
return (jsx(Container, { children: jsx(Tag, { size: "small", color: "darkGreen", textColor: "white", children: jsx("b", { children: label }) }) }));
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { ImageTag };
|
|
13
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../../packages/ui/Blocks/ImageList/components/ImageTag/index.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Tag } from '../../../../Elements/Tag';\nimport { Container } from './styles';\nexport var ImageTag = function (_a) {\n var label = _a.label;\n if (!label)\n return null;\n return (_jsx(Container, { children: _jsx(Tag, { size: \"small\", color: \"darkGreen\", textColor: \"white\", children: _jsx(\"b\", { children: label }) }) }));\n};\n//# sourceMappingURL=index.js.map"],"names":["_jsx"],"mappings":";;;;AAGU,IAAC,QAAQ,GAAG,UAAU,EAAE,EAAE;AACpC,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC;AACzB,IAAI,IAAI,CAAC,KAAK;AACd,QAAQ,OAAO,IAAI,CAAC;AACpB,IAAI,QAAQA,GAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAEA,GAAI,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC3J;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { __makeTemplateObject } from '../../../../../../node_modules/tslib/tslib.es6.js';
|
|
2
|
-
import styled from '@xstyled/styled-components';
|
|
3
|
-
|
|
4
|
-
var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n bottom: 2px;\n left: 2px;\n"], ["\n position: absolute;\n bottom: 2px;\n left: 2px;\n"])));
|
|
5
|
-
var templateObject_1;
|
|
6
|
-
|
|
7
|
-
export { Container };
|
|
8
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../../../../packages/ui/Blocks/ImageList/components/ImageTag/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled from '@xstyled/styled-components';\nexport var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n position: absolute;\\n bottom: 2px;\\n left: 2px;\\n\"], [\"\\n position: absolute;\\n bottom: 2px;\\n left: 2px;\\n\"])));\nvar templateObject_1;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEU,IAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,yDAAyD,CAAC,EAAE,CAAC,yDAAyD,CAAC,CAAC,CAAC,EAAE;AAC3N,IAAI,gBAAgB;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { __makeTemplateObject } from '../../../../node_modules/tslib/tslib.es6.js';
|
|
2
|
-
import styled from '@xstyled/styled-components';
|
|
3
|
-
|
|
4
|
-
var ImageListContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n overflow-x: scroll;\n -ms-overflow-style: none;\n scrollbar-width: none;\n position: relative;\n\n &::-webkit-scrollbar {\n display: none;\n }\n"], ["\n display: flex;\n overflow-x: scroll;\n -ms-overflow-style: none;\n scrollbar-width: none;\n position: relative;\n\n &::-webkit-scrollbar {\n display: none;\n }\n"])));
|
|
5
|
-
var templateObject_1;
|
|
6
|
-
|
|
7
|
-
export { ImageListContainer };
|
|
8
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../../packages/ui/Blocks/ImageList/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled from '@xstyled/styled-components';\nexport var ImageListContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n display: flex;\\n overflow-x: scroll;\\n -ms-overflow-style: none;\\n scrollbar-width: none;\\n position: relative;\\n\\n &::-webkit-scrollbar {\\n display: none;\\n }\\n\"], [\"\\n display: flex;\\n overflow-x: scroll;\\n -ms-overflow-style: none;\\n scrollbar-width: none;\\n position: relative;\\n\\n &::-webkit-scrollbar {\\n display: none;\\n }\\n\"])));\nvar templateObject_1;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEU,IAAC,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,gLAAgL,CAAC,EAAE,CAAC,gLAAgL,CAAC,CAAC,CAAC,EAAE;AACld,IAAI,gBAAgB;;;;"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import Button from '../../Elements/Button/Button.js';
|
|
3
|
-
import { Modal } from '../Modal/Modal.js';
|
|
4
|
-
import 'react';
|
|
5
|
-
import 'swiper/css';
|
|
6
|
-
import { Swiper, SwiperSlide } from 'swiper/react';
|
|
7
|
-
import { Container, Image, ButtonContainer } from './styles.js';
|
|
8
|
-
|
|
9
|
-
var LightBox = function (_a) {
|
|
10
|
-
var isLightBoxOpen = _a.isLightBoxOpen, onCloseLightBox = _a.onCloseLightBox, lightBoxAction = _a.lightBoxAction, lightBoxActionTitle = _a.lightBoxActionTitle, images = _a.images, _b = _a.initialSlide, initialSlide = _b === void 0 ? 0 : _b;
|
|
11
|
-
if (!(images === null || images === void 0 ? void 0 : images.length))
|
|
12
|
-
return null;
|
|
13
|
-
return (jsx(Modal, { isShown: isLightBoxOpen, onClose: onCloseLightBox, mobileFullscreen: true, miniCloseBtn: true, withCloseIcon: true, children: jsx(Swiper, { initialSlide: initialSlide, slidesPerView: 1, autoHeight: true, children: images.map(function (item) {
|
|
14
|
-
var _a;
|
|
15
|
-
return (jsx(SwiperSlide, { children: jsxs(Container, { children: [jsx(Image, { src: (_a = item.originalUrl) !== null && _a !== void 0 ? _a : item.url, loading: "lazy", alt: "" }), !!item.withLightBoxAction && lightBoxAction && lightBoxActionTitle && (jsx(ButtonContainer, { children: jsx(Button, { onClick: lightBoxAction(item.id), appearance: "primaryLight", children: lightBoxActionTitle }) }))] }) }, item.id));
|
|
16
|
-
}) }) }));
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
export { LightBox };
|
|
20
|
-
//# sourceMappingURL=LightBox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LightBox.js","sources":["../../../../../packages/ui/Blocks/LightBox/LightBox.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Button } from '../../Elements/Button';\nimport { Modal } from '../Modal';\nimport 'swiper/css';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport { Container, Image, ButtonContainer } from './styles';\nexport var LightBox = function (_a) {\n var isLightBoxOpen = _a.isLightBoxOpen, onCloseLightBox = _a.onCloseLightBox, lightBoxAction = _a.lightBoxAction, lightBoxActionTitle = _a.lightBoxActionTitle, images = _a.images, _b = _a.initialSlide, initialSlide = _b === void 0 ? 0 : _b;\n if (!(images === null || images === void 0 ? void 0 : images.length))\n return null;\n return (_jsx(Modal, { isShown: isLightBoxOpen, onClose: onCloseLightBox, mobileFullscreen: true, miniCloseBtn: true, withCloseIcon: true, children: _jsx(Swiper, { initialSlide: initialSlide, slidesPerView: 1, autoHeight: true, children: images.map(function (item) {\n var _a;\n return (_jsx(SwiperSlide, { children: _jsxs(Container, { children: [_jsx(Image, { src: (_a = item.originalUrl) !== null && _a !== void 0 ? _a : item.url, loading: \"lazy\", alt: \"\" }), !!item.withLightBoxAction && lightBoxAction && lightBoxActionTitle && (_jsx(ButtonContainer, { children: _jsx(Button, { onClick: lightBoxAction(item.id), appearance: \"primaryLight\", children: lightBoxActionTitle }) }))] }) }, item.id));\n }) }) }));\n};\n//# sourceMappingURL=LightBox.js.map"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAMU,IAAC,QAAQ,GAAG,UAAU,EAAE,EAAE;AACpC,IAAI,IAAI,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,eAAe,GAAG,EAAE,CAAC,eAAe,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,mBAAmB,GAAG,EAAE,CAAC,mBAAmB,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,YAAY,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AACpP,IAAI,IAAI,EAAE,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;AACxE,QAAQ,OAAO,IAAI,CAAC;AACpB,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE;AAC5Q,gBAAgB,IAAI,EAAE,CAAC;AACvB,gBAAgB,QAAQA,GAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAEC,IAAK,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,WAAW,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,IAAI,cAAc,IAAI,mBAAmB,KAAKA,GAAI,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE;AACnb,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACtB;;;;"}
|