@mailstep/design-system 0.1.4-beta.10 → 0.1.4-beta.2
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/{ui → build/packages/ui}/Blocks/CornerDialog/CornerDialog.js +1 -1
- package/build/packages/ui/Blocks/CornerDialog/CornerDialog.js.map +1 -0
- package/{ui → build/packages/ui}/Blocks/CornerDialog/styles.js +1 -1
- package/build/packages/ui/Blocks/CornerDialog/styles.js.map +1 -0
- package/build/packages/ui/Blocks/CornerDialog/utils.js.map +1 -0
- package/{ui → build/packages/ui}/Blocks/ImageList/ImageList.js +6 -5
- package/build/packages/ui/Blocks/ImageList/ImageList.js.map +1 -0
- package/{ui → build/packages/ui}/Blocks/ImageList/components/AddPhoto/index.js +1 -1
- package/build/packages/ui/Blocks/ImageList/components/AddPhoto/index.js.map +1 -0
- package/{ui → build/packages/ui}/Blocks/ImageList/components/AddPhoto/styles.js +1 -1
- package/build/packages/ui/Blocks/ImageList/components/AddPhoto/styles.js.map +1 -0
- package/{ui → build/packages/ui}/Blocks/ImageList/components/CloseButton/index.js +1 -1
- package/build/packages/ui/Blocks/ImageList/components/CloseButton/index.js.map +1 -0
- package/{ui → build/packages/ui}/Blocks/ImageList/components/CloseButton/styles.js +1 -1
- package/build/packages/ui/Blocks/ImageList/components/CloseButton/styles.js.map +1 -0
- package/build/packages/ui/Blocks/ImageList/components/ImageElement/index.js.map +1 -0
- package/{ui → build/packages/ui}/Blocks/ImageList/components/ImageElement/styles.js +1 -1
- package/build/packages/ui/Blocks/ImageList/components/ImageElement/styles.js.map +1 -0
- package/build/packages/ui/Blocks/ImageList/components/ImageTag/index.js.map +1 -0
- package/{ui → build/packages/ui}/Blocks/ImageList/components/ImageTag/styles.js +1 -1
- package/build/packages/ui/Blocks/ImageList/components/ImageTag/styles.js.map +1 -0
- package/{ui → build/packages/ui}/Blocks/ImageList/styles.js +1 -1
- package/build/packages/ui/Blocks/ImageList/styles.js.map +1 -0
- package/build/packages/ui/Blocks/LightBox/LightBox.js.map +1 -0
- package/build/packages/ui/Blocks/LightBox/hooks/useLightBox.js.map +1 -0
- package/{ui → build/packages/ui}/Blocks/LightBox/styles.js +1 -1
- package/build/packages/ui/Blocks/LightBox/styles.js.map +1 -0
- package/{ui → build/packages/ui}/Blocks/Modal/Modal.js +1 -1
- package/build/packages/ui/Blocks/Modal/Modal.js.map +1 -0
- package/build/packages/ui/Blocks/Modal/hooks/useClickOutside.js.map +1 -0
- package/build/packages/ui/Blocks/Modal/hooks/useModal.js.map +1 -0
- package/{ui → build/packages/ui}/Blocks/Modal/styles.js +1 -1
- package/build/packages/ui/Blocks/Modal/styles.js.map +1 -0
- package/build/packages/ui/Blocks/Modal/utils.js.map +1 -0
- package/{ui → build/packages/ui}/Blocks/Tabs/Tabs.js +1 -1
- package/build/packages/ui/Blocks/Tabs/Tabs.js.map +1 -0
- package/build/packages/ui/Blocks/Tabs/hooks/useTabs.js.map +1 -0
- package/{ui → build/packages/ui}/Blocks/Tabs/styles.js +1 -1
- package/build/packages/ui/Blocks/Tabs/styles.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Alert/Alert.js +1 -1
- package/build/packages/ui/Elements/Alert/Alert.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Alert/styles.js +1 -1
- package/build/packages/ui/Elements/Alert/styles.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Avatar/Avatar.js +1 -1
- package/build/packages/ui/Elements/Avatar/Avatar.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Badge/Badge.js +1 -1
- package/build/packages/ui/Elements/Badge/Badge.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/BorderedBox/BorderedBox.js +1 -1
- package/build/packages/ui/Elements/BorderedBox/BorderedBox.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Button/Button.js +1 -1
- package/build/packages/ui/Elements/Button/Button.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Button/styles.js +1 -1
- package/build/packages/ui/Elements/Button/styles.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Card/Card.js +4 -8
- package/build/packages/ui/Elements/Card/Card.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Card/styles.js +1 -1
- package/build/packages/ui/Elements/Card/styles.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Dropdown/Dropdown.js +1 -1
- package/build/packages/ui/Elements/Dropdown/Dropdown.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/ErrorMessage/ErrorMessage.js +1 -1
- package/build/packages/ui/Elements/ErrorMessage/ErrorMessage.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Icon/Icon.js +1 -1
- package/build/packages/ui/Elements/Icon/Icon.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Icon/icons/FlagCZ.js +1 -1
- package/build/packages/ui/Elements/Icon/icons/FlagCZ.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Icon/icons/FlagUSA.js +1 -1
- package/build/packages/ui/Elements/Icon/icons/FlagUSA.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Image/Image.js +1 -1
- package/build/packages/ui/Elements/Image/Image.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Label/Label.js +1 -1
- package/build/packages/ui/Elements/Label/Label.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Line/Line.js +1 -1
- package/build/packages/ui/Elements/Line/Line.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Link/Link.js +1 -1
- package/build/packages/ui/Elements/Link/Link.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Logo/Logo.js +1 -1
- package/build/packages/ui/Elements/Logo/Logo.js.map +1 -0
- package/build/packages/ui/Elements/Logo/assets/mailship/logo_black.png.js.map +1 -0
- package/build/packages/ui/Elements/Logo/assets/mailship/logo_m.png.js.map +1 -0
- package/build/packages/ui/Elements/Logo/assets/mailship/logo_white.png.js.map +1 -0
- package/build/packages/ui/Elements/Logo/assets/mailship/mailship-logo.svg.js.map +1 -0
- package/build/packages/ui/Elements/Logo/assets/mailstep/mailstep_black.svg.js.map +1 -0
- package/build/packages/ui/Elements/Logo/assets/mailstep/mailstep_white.svg.js.map +1 -0
- package/build/packages/ui/Elements/Logo/assets/mailstock/mailstock.svg.js.map +1 -0
- package/build/packages/ui/Elements/Logo/assets/mailwise/mailwiseLogo.svg.js.map +1 -0
- package/build/packages/ui/Elements/Logo/assets/mailwise/mailwiseLogoSmall.svg.js.map +1 -0
- package/build/packages/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg.js.map +1 -0
- package/build/packages/ui/Elements/Pagination/Pagination.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Pagination/styled.js +1 -1
- package/build/packages/ui/Elements/Pagination/styled.js.map +1 -0
- package/build/packages/ui/Elements/Paragraph/Paragraph.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Portal/index.js +1 -1
- package/build/packages/ui/Elements/Portal/index.js.map +1 -0
- package/build/packages/ui/Elements/ProgressBar/ProgressBar.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/ProgressBar/styles.js +1 -1
- package/build/packages/ui/Elements/ProgressBar/styles.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/SimpleLink/SimpleLink.js +1 -1
- package/build/packages/ui/Elements/SimpleLink/SimpleLink.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/SpaceAround/SpaceAround.js +1 -1
- package/build/packages/ui/Elements/SpaceAround/SpaceAround.js.map +1 -0
- package/build/packages/ui/Elements/Spinner/Spinner.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Spinner/styles.js +1 -1
- package/build/packages/ui/Elements/Spinner/styles.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Tag/Tag.js +1 -1
- package/build/packages/ui/Elements/Tag/Tag.js.map +1 -0
- package/build/packages/ui/Elements/Tag/palletes.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Text/Text.js +1 -1
- package/build/packages/ui/Elements/Text/Text.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Toast/Toast.js +1 -1
- package/build/packages/ui/Elements/Toast/Toast.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Toggle/Toggle.js +1 -1
- package/build/packages/ui/Elements/Toggle/Toggle.js.map +1 -0
- package/{ui → build/packages/ui}/Elements/Typography/Typography.js +1 -1
- package/build/packages/ui/Elements/Typography/Typography.js.map +1 -0
- package/build/packages/ui/Forms/Checkbox/Checkbox.js.map +1 -0
- package/{ui → build/packages/ui}/Forms/Checkbox/styles.js +1 -1
- package/build/packages/ui/Forms/Checkbox/styles.js.map +1 -0
- package/{ui → build/packages/ui}/Forms/Input/Input.js +1 -1
- package/build/packages/ui/Forms/Input/Input.js.map +1 -0
- package/{ui → build/packages/ui}/Forms/Input/styles.js +1 -1
- package/build/packages/ui/Forms/Input/styles.js.map +1 -0
- package/{ui → build/packages/ui}/Forms/RadioButton/RadioButton.js +1 -1
- package/build/packages/ui/Forms/RadioButton/RadioButton.js.map +1 -0
- package/{ui → build/packages/ui}/Forms/RadioButton/styles.js +1 -1
- package/build/packages/ui/Forms/RadioButton/styles.js.map +1 -0
- package/build/packages/ui/ThemeProvider/ThemeProvider.js.map +1 -0
- package/build/packages/ui/ThemeProvider/themes/default.js.map +1 -0
- package/build/packages/ui/ThemeProvider/themes/index.js.map +1 -0
- package/build/packages/ui/ThemeProvider/themes/light.js.map +1 -0
- package/build/packages/ui/ThemeProvider/themes/mailwise.js.map +1 -0
- package/{ui → build/packages/ui}/index.js +3 -4
- package/{ui → build/packages/ui}/index.js.map +1 -1
- package/{ui → build/packages/ui}/utils/CreateRgba/createRgba.js +1 -1
- package/build/packages/ui/utils/CreateRgba/createRgba.js.map +1 -0
- package/build/packages/ui/utils/KeyPress/KeyPress.js.map +1 -0
- package/package.json +7 -14
- package/ui/2b1ddee3e1b3cc7f.png +0 -0
- package/ui/Blocks/CornerDialog/CornerDialog.js.map +0 -1
- package/ui/Blocks/CornerDialog/index.js +0 -6
- package/ui/Blocks/CornerDialog/styles.js.map +0 -1
- package/ui/Blocks/CornerDialog/utils.js.map +0 -1
- package/ui/Blocks/ImageList/ImageList.js.map +0 -1
- package/ui/Blocks/ImageList/components/AddPhoto/index.js.map +0 -1
- package/ui/Blocks/ImageList/components/AddPhoto/styles.js.map +0 -1
- package/ui/Blocks/ImageList/components/CloseButton/index.js.map +0 -1
- package/ui/Blocks/ImageList/components/CloseButton/styles.js.map +0 -1
- package/ui/Blocks/ImageList/components/ImageElement/index.js.map +0 -1
- package/ui/Blocks/ImageList/components/ImageElement/styles.js.map +0 -1
- package/ui/Blocks/ImageList/components/ImageTag/index.js.map +0 -1
- package/ui/Blocks/ImageList/components/ImageTag/styles.js.map +0 -1
- package/ui/Blocks/ImageList/index.js +0 -6
- package/ui/Blocks/ImageList/index.js.map +0 -1
- package/ui/Blocks/ImageList/styles.js.map +0 -1
- package/ui/Blocks/LightBox/LightBox.js.map +0 -1
- package/ui/Blocks/LightBox/hooks/useLightBox.js.map +0 -1
- package/ui/Blocks/LightBox/index.js +0 -8
- package/ui/Blocks/LightBox/index.js.map +0 -1
- package/ui/Blocks/LightBox/styles.js.map +0 -1
- package/ui/Blocks/Modal/Modal.js.map +0 -1
- package/ui/Blocks/Modal/hooks/useClickOutside.js.map +0 -1
- package/ui/Blocks/Modal/hooks/useModal.js.map +0 -1
- package/ui/Blocks/Modal/index.js +0 -7
- package/ui/Blocks/Modal/index.js.map +0 -1
- package/ui/Blocks/Modal/styles.js.map +0 -1
- package/ui/Blocks/Modal/utils.js.map +0 -1
- package/ui/Blocks/Tabs/Tabs.js.map +0 -1
- package/ui/Blocks/Tabs/hooks/useTabs.js.map +0 -1
- package/ui/Blocks/Tabs/index.js +0 -7
- package/ui/Blocks/Tabs/index.js.map +0 -1
- package/ui/Blocks/Tabs/styles.js.map +0 -1
- package/ui/Elements/Alert/Alert.js.map +0 -1
- package/ui/Elements/Alert/index.js +0 -6
- package/ui/Elements/Alert/index.js.map +0 -1
- package/ui/Elements/Alert/styles.js.map +0 -1
- package/ui/Elements/Avatar/Avatar.js.map +0 -1
- package/ui/Elements/Avatar/index.js +0 -6
- package/ui/Elements/Avatar/index.js.map +0 -1
- package/ui/Elements/Badge/Badge.js.map +0 -1
- package/ui/Elements/Badge/index.js +0 -6
- package/ui/Elements/Badge/index.js.map +0 -1
- package/ui/Elements/BorderedBox/BorderedBox.js.map +0 -1
- package/ui/Elements/BorderedBox/index.js +0 -6
- package/ui/Elements/BorderedBox/index.js.map +0 -1
- package/ui/Elements/Button/Button.js.map +0 -1
- package/ui/Elements/Button/index.js +0 -6
- package/ui/Elements/Button/index.js.map +0 -1
- package/ui/Elements/Button/styles.js.map +0 -1
- package/ui/Elements/Card/Card.js.map +0 -1
- package/ui/Elements/Card/index.js +0 -7
- package/ui/Elements/Card/index.js.map +0 -1
- package/ui/Elements/Card/styles.js.map +0 -1
- package/ui/Elements/Dropdown/Dropdown.js.map +0 -1
- package/ui/Elements/Dropdown/index.js +0 -6
- package/ui/Elements/Dropdown/index.js.map +0 -1
- package/ui/Elements/ErrorMessage/ErrorMessage.js.map +0 -1
- package/ui/Elements/ErrorMessage/index.js +0 -6
- package/ui/Elements/ErrorMessage/index.js.map +0 -1
- package/ui/Elements/Icon/Icon.js.map +0 -1
- package/ui/Elements/Icon/icons/FlagCZ.js.map +0 -1
- package/ui/Elements/Icon/icons/FlagUSA.js.map +0 -1
- package/ui/Elements/Icon/index.js +0 -9
- package/ui/Elements/Icon/index.js.map +0 -1
- package/ui/Elements/Image/Image.js.map +0 -1
- package/ui/Elements/Image/index.js +0 -6
- package/ui/Elements/Image/index.js.map +0 -1
- package/ui/Elements/Label/Label.js.map +0 -1
- package/ui/Elements/Label/index.js +0 -7
- package/ui/Elements/Label/index.js.map +0 -1
- package/ui/Elements/Line/Line.js.map +0 -1
- package/ui/Elements/Line/index.js +0 -6
- package/ui/Elements/Line/index.js.map +0 -1
- package/ui/Elements/Link/Link.js.map +0 -1
- package/ui/Elements/Link/index.js +0 -6
- package/ui/Elements/Link/index.js.map +0 -1
- package/ui/Elements/Logo/Logo.js.map +0 -1
- package/ui/Elements/Logo/assets/mailship/logo_black.png.js.map +0 -1
- package/ui/Elements/Logo/assets/mailship/logo_m.png.js.map +0 -1
- package/ui/Elements/Logo/assets/mailship/logo_white.png.js.map +0 -1
- package/ui/Elements/Logo/assets/mailship/mailship-logo.svg.js.map +0 -1
- package/ui/Elements/Logo/assets/mailstep/mailstep_black.svg.js.map +0 -1
- package/ui/Elements/Logo/assets/mailstep/mailstep_white.svg.js.map +0 -1
- package/ui/Elements/Logo/assets/mailstock/mailstock.svg.js.map +0 -1
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogo.svg.js.map +0 -1
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogoSmall.svg.js.map +0 -1
- package/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg.js.map +0 -1
- package/ui/Elements/Logo/index.js +0 -6
- package/ui/Elements/Logo/index.js.map +0 -1
- package/ui/Elements/Pagination/Pagination.js.map +0 -1
- package/ui/Elements/Pagination/index.js +0 -6
- package/ui/Elements/Pagination/index.js.map +0 -1
- package/ui/Elements/Pagination/styled.js.map +0 -1
- package/ui/Elements/Paragraph/Paragraph.js.map +0 -1
- package/ui/Elements/Paragraph/index.js +0 -6
- package/ui/Elements/Paragraph/index.js.map +0 -1
- package/ui/Elements/Portal/index.js.map +0 -1
- package/ui/Elements/ProgressBar/ProgressBar.js.map +0 -1
- package/ui/Elements/ProgressBar/index.js +0 -6
- package/ui/Elements/ProgressBar/index.js.map +0 -1
- package/ui/Elements/ProgressBar/styles.js.map +0 -1
- package/ui/Elements/SimpleLink/SimpleLink.js.map +0 -1
- package/ui/Elements/SimpleLink/index.js +0 -6
- package/ui/Elements/SimpleLink/index.js.map +0 -1
- package/ui/Elements/SpaceAround/SpaceAround.js.map +0 -1
- package/ui/Elements/SpaceAround/index.js +0 -6
- package/ui/Elements/SpaceAround/index.js.map +0 -1
- package/ui/Elements/Spinner/Spinner.js.map +0 -1
- package/ui/Elements/Spinner/index.js +0 -6
- package/ui/Elements/Spinner/index.js.map +0 -1
- package/ui/Elements/Spinner/styles.js.map +0 -1
- package/ui/Elements/Tag/Tag.js.map +0 -1
- package/ui/Elements/Tag/index.js +0 -6
- package/ui/Elements/Tag/index.js.map +0 -1
- package/ui/Elements/Tag/palletes.js.map +0 -1
- package/ui/Elements/Text/Text.js.map +0 -1
- package/ui/Elements/Toast/Toast.js.map +0 -1
- package/ui/Elements/Toast/index.js +0 -6
- package/ui/Elements/Toast/index.js.map +0 -1
- package/ui/Elements/Toggle/Toggle.js.map +0 -1
- package/ui/Elements/Toggle/index.js +0 -6
- package/ui/Elements/Toggle/index.js.map +0 -1
- package/ui/Elements/Typography/Typography.js.map +0 -1
- package/ui/Elements/Typography/index.js +0 -7
- package/ui/Elements/Typography/index.js.map +0 -1
- package/ui/Forms/Checkbox/Checkbox.js.map +0 -1
- package/ui/Forms/Checkbox/index.js +0 -6
- package/ui/Forms/Checkbox/index.js.map +0 -1
- package/ui/Forms/Checkbox/styles.js.map +0 -1
- package/ui/Forms/Input/Input.js.map +0 -1
- package/ui/Forms/Input/index.js +0 -6
- package/ui/Forms/Input/index.js.map +0 -1
- package/ui/Forms/Input/styles.js.map +0 -1
- package/ui/Forms/RadioButton/RadioButton.js.map +0 -1
- package/ui/Forms/RadioButton/index.js +0 -6
- package/ui/Forms/RadioButton/index.js.map +0 -1
- package/ui/Forms/RadioButton/styles.js.map +0 -1
- package/ui/ThemeProvider/ThemeProvider.js.map +0 -1
- package/ui/ThemeProvider/index.js +0 -6
- package/ui/ThemeProvider/index.js.map +0 -1
- package/ui/ThemeProvider/themes/default.js.map +0 -1
- package/ui/ThemeProvider/themes/index.js.map +0 -1
- package/ui/ThemeProvider/themes/light.js.map +0 -1
- package/ui/ThemeProvider/themes/mailwise.js.map +0 -1
- package/ui/ba2267d1dea00b65.png +0 -0
- package/ui/dts/Blocks/CornerDialog/CornerDialog.d.ts +0 -3
- package/ui/dts/Blocks/CornerDialog/index.d.ts +0 -3
- package/ui/dts/Blocks/CornerDialog/stories/CornerDialog.stories.d.ts +0 -14
- package/ui/dts/Blocks/CornerDialog/styles.d.ts +0 -12
- package/ui/dts/Blocks/CornerDialog/types.d.ts +0 -16
- package/ui/dts/Blocks/CornerDialog/utils.d.ts +0 -3
- package/ui/dts/Blocks/ImageList/ImageList.d.ts +0 -3
- package/ui/dts/Blocks/ImageList/components/AddPhoto/index.d.ts +0 -7
- package/ui/dts/Blocks/ImageList/components/AddPhoto/styles.d.ts +0 -2
- package/ui/dts/Blocks/ImageList/components/CloseButton/index.d.ts +0 -6
- package/ui/dts/Blocks/ImageList/components/CloseButton/styles.d.ts +0 -1
- package/ui/dts/Blocks/ImageList/components/ImageElement/index.d.ts +0 -9
- package/ui/dts/Blocks/ImageList/components/ImageElement/styles.d.ts +0 -2
- package/ui/dts/Blocks/ImageList/components/ImageTag/index.d.ts +0 -6
- package/ui/dts/Blocks/ImageList/components/ImageTag/styles.d.ts +0 -1
- package/ui/dts/Blocks/ImageList/index.d.ts +0 -5
- package/ui/dts/Blocks/ImageList/styles.d.ts +0 -1
- package/ui/dts/Blocks/ImageList/types.d.ts +0 -12
- package/ui/dts/Blocks/LightBox/LightBox.d.ts +0 -4
- package/ui/dts/Blocks/LightBox/hooks/useLightBox.d.ts +0 -2
- package/ui/dts/Blocks/LightBox/index.d.ts +0 -4
- package/ui/dts/Blocks/LightBox/styles.d.ts +0 -3
- package/ui/dts/Blocks/LightBox/types.d.ts +0 -24
- package/ui/dts/Blocks/Modal/Modal.d.ts +0 -3
- package/ui/dts/Blocks/Modal/hooks/useClickOutside.d.ts +0 -3
- package/ui/dts/Blocks/Modal/hooks/useModal.d.ts +0 -2
- package/ui/dts/Blocks/Modal/index.d.ts +0 -5
- package/ui/dts/Blocks/Modal/stories/Modal.stories.d.ts +0 -26
- package/ui/dts/Blocks/Modal/styles.d.ts +0 -22
- package/ui/dts/Blocks/Modal/types.d.ts +0 -45
- package/ui/dts/Blocks/Modal/utils.d.ts +0 -3
- package/ui/dts/Blocks/Tabs/TabContent.d.ts +0 -2
- package/ui/dts/Blocks/Tabs/Tabs.d.ts +0 -3
- package/ui/dts/Blocks/Tabs/hooks/useTabs.d.ts +0 -2
- package/ui/dts/Blocks/Tabs/index.d.ts +0 -5
- package/ui/dts/Blocks/Tabs/stories/Tabs.stories.d.ts +0 -13
- package/ui/dts/Blocks/Tabs/styles.d.ts +0 -8
- package/ui/dts/Blocks/Tabs/types.d.ts +0 -27
- package/ui/dts/Elements/Alert/Alert.d.ts +0 -3
- package/ui/dts/Elements/Alert/index.d.ts +0 -3
- package/ui/dts/Elements/Alert/stories/Alert.stories.d.ts +0 -17
- package/ui/dts/Elements/Alert/styles.d.ts +0 -44
- package/ui/dts/Elements/Alert/types.d.ts +0 -18
- package/ui/dts/Elements/Avatar/Avatar.d.ts +0 -3
- package/ui/dts/Elements/Avatar/index.d.ts +0 -3
- package/ui/dts/Elements/Avatar/stories/Avatar.stories.d.ts +0 -12
- package/ui/dts/Elements/Avatar/types.d.ts +0 -8
- package/ui/dts/Elements/Badge/Badge.d.ts +0 -12
- package/ui/dts/Elements/Badge/index.d.ts +0 -3
- package/ui/dts/Elements/Badge/stories/Badge.stories.d.ts +0 -12
- package/ui/dts/Elements/BorderedBox/BorderedBox.d.ts +0 -4
- package/ui/dts/Elements/BorderedBox/index.d.ts +0 -3
- package/ui/dts/Elements/BorderedBox/stories/BorderedBox.stories.d.ts +0 -11
- package/ui/dts/Elements/BorderedBox/types.d.ts +0 -6
- package/ui/dts/Elements/Button/Button.d.ts +0 -4
- package/ui/dts/Elements/Button/index.d.ts +0 -5
- package/ui/dts/Elements/Button/stories/Button.stories.d.ts +0 -20
- package/ui/dts/Elements/Button/styles.d.ts +0 -19
- package/ui/dts/Elements/Button/types.d.ts +0 -22
- package/ui/dts/Elements/Card/Card.d.ts +0 -7
- package/ui/dts/Elements/Card/index.d.ts +0 -3
- package/ui/dts/Elements/Card/stories/Card.stories.d.ts +0 -16
- package/ui/dts/Elements/Card/stories/CardComponent.stories.d.ts +0 -12
- package/ui/dts/Elements/Card/styles.d.ts +0 -14
- package/ui/dts/Elements/Card/types.d.ts +0 -21
- package/ui/dts/Elements/Dropdown/Dropdown.d.ts +0 -4
- package/ui/dts/Elements/Dropdown/index.d.ts +0 -3
- package/ui/dts/Elements/Dropdown/stories/Dropdown.stories.d.ts +0 -11
- package/ui/dts/Elements/Dropdown/types.d.ts +0 -10
- package/ui/dts/Elements/ErrorMessage/ErrorMessage.d.ts +0 -4
- package/ui/dts/Elements/ErrorMessage/index.d.ts +0 -3
- package/ui/dts/Elements/ErrorMessage/stories/ErrorMessage.stories.d.ts +0 -12
- package/ui/dts/Elements/ErrorMessage/types.d.ts +0 -5
- package/ui/dts/Elements/Icon/BadgeIcon.d.ts +0 -7
- package/ui/dts/Elements/Icon/Icon.d.ts +0 -9
- package/ui/dts/Elements/Icon/icons/FlagCZ.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/FlagUSA.d.ts +0 -3
- package/ui/dts/Elements/Icon/icons/index.d.ts +0 -2
- package/ui/dts/Elements/Icon/index.d.ts +0 -6
- package/ui/dts/Elements/Icon/stories/BadgeIcon.stories.d.ts +0 -24
- package/ui/dts/Elements/Icon/stories/Icon.stories.d.ts +0 -16
- package/ui/dts/Elements/Icon/types.d.ts +0 -22
- package/ui/dts/Elements/Image/Image.d.ts +0 -4
- package/ui/dts/Elements/Image/index.d.ts +0 -3
- package/ui/dts/Elements/Image/stories/Image.stories.d.ts +0 -14
- package/ui/dts/Elements/Image/types.d.ts +0 -18
- package/ui/dts/Elements/Label/Label.d.ts +0 -6
- package/ui/dts/Elements/Label/index.d.ts +0 -3
- package/ui/dts/Elements/Label/stories/Label.stories.d.ts +0 -13
- package/ui/dts/Elements/Line/Line.d.ts +0 -3
- package/ui/dts/Elements/Line/index.d.ts +0 -3
- package/ui/dts/Elements/Line/stories/Line.stories.d.ts +0 -16
- package/ui/dts/Elements/Line/types.d.ts +0 -12
- package/ui/dts/Elements/Link/Link.d.ts +0 -29
- package/ui/dts/Elements/Link/index.d.ts +0 -3
- package/ui/dts/Elements/Link/stories/Link.stories.d.ts +0 -42
- package/ui/dts/Elements/Logo/Logo.d.ts +0 -4
- package/ui/dts/Elements/Logo/index.d.ts +0 -3
- package/ui/dts/Elements/Logo/stories/Logo.stories.d.ts +0 -34
- package/ui/dts/Elements/Logo/types.d.ts +0 -10
- package/ui/dts/Elements/Pagination/Pagination.d.ts +0 -9
- package/ui/dts/Elements/Pagination/index.d.ts +0 -3
- package/ui/dts/Elements/Pagination/stories/Pagination.stories.d.ts +0 -12
- package/ui/dts/Elements/Pagination/styled.d.ts +0 -15
- package/ui/dts/Elements/Paragraph/Paragraph.d.ts +0 -2
- package/ui/dts/Elements/Paragraph/index.d.ts +0 -3
- package/ui/dts/Elements/Paragraph/stories/Paragraph.stories.d.ts +0 -17
- package/ui/dts/Elements/Portal/index.d.ts +0 -5
- package/ui/dts/Elements/ProgressBar/ProgressBar.d.ts +0 -10
- package/ui/dts/Elements/ProgressBar/index.d.ts +0 -3
- package/ui/dts/Elements/ProgressBar/stories/ProgressBar.stories.d.ts +0 -19
- package/ui/dts/Elements/ProgressBar/styles.d.ts +0 -9
- package/ui/dts/Elements/SimpleLink/SimpleLink.d.ts +0 -19
- package/ui/dts/Elements/SimpleLink/index.d.ts +0 -3
- package/ui/dts/Elements/SpaceAround/SpaceAround.d.ts +0 -4
- package/ui/dts/Elements/SpaceAround/index.d.ts +0 -4
- package/ui/dts/Elements/SpaceAround/stories/SpaceAround.stories.d.ts +0 -12
- package/ui/dts/Elements/SpaceAround/types.d.ts +0 -14
- package/ui/dts/Elements/Spinner/Spinner.d.ts +0 -14
- package/ui/dts/Elements/Spinner/index.d.ts +0 -3
- package/ui/dts/Elements/Spinner/stories/Spinner.stories.d.ts +0 -19
- package/ui/dts/Elements/Spinner/styles.d.ts +0 -4
- package/ui/dts/Elements/Spinner/types.d.ts +0 -7
- package/ui/dts/Elements/Tag/Tag.d.ts +0 -3
- package/ui/dts/Elements/Tag/index.d.ts +0 -4
- package/ui/dts/Elements/Tag/palletes.d.ts +0 -5
- package/ui/dts/Elements/Tag/stories/Tag.stories.d.ts +0 -19
- package/ui/dts/Elements/Tag/stories/components/predefinedTags.d.ts +0 -3
- package/ui/dts/Elements/Tag/types.d.ts +0 -16
- package/ui/dts/Elements/Text/Text.d.ts +0 -4
- package/ui/dts/Elements/Text/index.d.ts +0 -3
- package/ui/dts/Elements/Text/stories/Text.stories.d.ts +0 -16
- package/ui/dts/Elements/Text/types.d.ts +0 -13
- package/ui/dts/Elements/Toast/Toast.d.ts +0 -12
- package/ui/dts/Elements/Toast/index.d.ts +0 -4
- package/ui/dts/Elements/Toggle/Toggle.d.ts +0 -4
- package/ui/dts/Elements/Toggle/index.d.ts +0 -3
- package/ui/dts/Elements/Toggle/stories/Toggle.stories.d.ts +0 -14
- package/ui/dts/Elements/Toggle/types.d.ts +0 -21
- package/ui/dts/Elements/Typography/Typography.d.ts +0 -118
- package/ui/dts/Elements/Typography/index.d.ts +0 -3
- package/ui/dts/Elements/Typography/stories/Typography.stories.d.ts +0 -20
- package/ui/dts/Forms/Checkbox/Checkbox.d.ts +0 -4
- package/ui/dts/Forms/Checkbox/index.d.ts +0 -3
- package/ui/dts/Forms/Checkbox/stories/Checkbox.stories.d.ts +0 -14
- package/ui/dts/Forms/Checkbox/styles.d.ts +0 -11
- package/ui/dts/Forms/Checkbox/types.d.ts +0 -16
- package/ui/dts/Forms/Input/Input.d.ts +0 -3
- package/ui/dts/Forms/Input/index.d.ts +0 -5
- package/ui/dts/Forms/Input/stories/Input.stories.d.ts +0 -17
- package/ui/dts/Forms/Input/styles.d.ts +0 -31
- package/ui/dts/Forms/Input/types.d.ts +0 -49
- package/ui/dts/Forms/RadioButton/RadioButton.d.ts +0 -4
- package/ui/dts/Forms/RadioButton/index.d.ts +0 -3
- package/ui/dts/Forms/RadioButton/stories/RadioButton.stories.d.ts +0 -14
- package/ui/dts/Forms/RadioButton/styles.d.ts +0 -10
- package/ui/dts/Forms/RadioButton/types.d.ts +0 -12
- package/ui/dts/ThemeProvider/ThemeProvider.d.ts +0 -3
- package/ui/dts/ThemeProvider/index.d.ts +0 -6
- package/ui/dts/ThemeProvider/themes/default.d.ts +0 -141
- package/ui/dts/ThemeProvider/themes/index.d.ts +0 -350
- package/ui/dts/ThemeProvider/themes/light.d.ts +0 -3
- package/ui/dts/ThemeProvider/themes/mailwise.d.ts +0 -207
- package/ui/dts/ThemeProvider/types.d.ts +0 -50
- package/ui/dts/index.d.ts +0 -71
- package/ui/dts/utils/CreateRgba/createRgba.d.ts +0 -3
- package/ui/dts/utils/CreateRgba/types.d.ts +0 -1
- package/ui/dts/utils/KeyPress/KeyPress.d.ts +0 -3
- package/ui/dts/utils/KeyPress/KeyPress.stories.d.ts +0 -10
- package/ui/dts/utils/KeyPress/index.d.ts +0 -2
- package/ui/dts/utils/KeyPress/types.d.ts +0 -6
- package/ui/dts/utils/index.d.ts +0 -8
- package/ui/utils/CreateRgba/createRgba.js.map +0 -1
- package/ui/utils/KeyPress/KeyPress.js.map +0 -1
- package/ui/utils/KeyPress/index.js.map +0 -1
- package/ui/utils/index.js +0 -10
- package/ui/utils/index.js.map +0 -1
- /package/{ui → build/packages/ui}/Blocks/CornerDialog/utils.js +0 -0
- /package/{ui → build/packages/ui}/Blocks/ImageList/components/ImageElement/index.js +0 -0
- /package/{ui → build/packages/ui}/Blocks/ImageList/components/ImageTag/index.js +0 -0
- /package/{ui → build/packages/ui}/Blocks/LightBox/LightBox.js +0 -0
- /package/{ui → build/packages/ui}/Blocks/LightBox/hooks/useLightBox.js +0 -0
- /package/{ui → build/packages/ui}/Blocks/Modal/hooks/useClickOutside.js +0 -0
- /package/{ui → build/packages/ui}/Blocks/Modal/hooks/useModal.js +0 -0
- /package/{ui → build/packages/ui}/Blocks/Modal/utils.js +0 -0
- /package/{ui → build/packages/ui}/Blocks/Tabs/hooks/useTabs.js +0 -0
- /package/{ui → build/packages/ui}/Elements/Logo/assets/mailship/logo_black.png.js +0 -0
- /package/{ui → build/packages/ui}/Elements/Logo/assets/mailship/logo_m.png.js +0 -0
- /package/{ui → build/packages/ui}/Elements/Logo/assets/mailship/logo_white.png.js +0 -0
- /package/{ui → build/packages/ui}/Elements/Logo/assets/mailship/mailship-logo.svg.js +0 -0
- /package/{ui → build/packages/ui}/Elements/Logo/assets/mailstep/mailstep_black.svg.js +0 -0
- /package/{ui → build/packages/ui}/Elements/Logo/assets/mailstep/mailstep_white.svg.js +0 -0
- /package/{ui → build/packages/ui}/Elements/Logo/assets/mailstock/mailstock.svg.js +0 -0
- /package/{ui → build/packages/ui}/Elements/Logo/assets/mailwise/mailwiseLogo.svg.js +0 -0
- /package/{ui → build/packages/ui}/Elements/Logo/assets/mailwise/mailwiseLogoSmall.svg.js +0 -0
- /package/{ui → build/packages/ui}/Elements/Logo/assets/mailwrap/mailwrapLogo.svg.js +0 -0
- /package/{ui → build/packages/ui}/Elements/Pagination/Pagination.js +0 -0
- /package/{ui → build/packages/ui}/Elements/Paragraph/Paragraph.js +0 -0
- /package/{ui → build/packages/ui}/Elements/ProgressBar/ProgressBar.js +0 -0
- /package/{ui → build/packages/ui}/Elements/Spinner/Spinner.js +0 -0
- /package/{ui → build/packages/ui}/Elements/Tag/palletes.js +0 -0
- /package/{ui → build/packages/ui}/Forms/Checkbox/Checkbox.js +0 -0
- /package/{ui → build/packages/ui}/ThemeProvider/ThemeProvider.js +0 -0
- /package/{ui → build/packages/ui}/ThemeProvider/themes/default.js +0 -0
- /package/{ui → build/packages/ui}/ThemeProvider/themes/index.js +0 -0
- /package/{ui → build/packages/ui}/ThemeProvider/themes/light.js +0 -0
- /package/{ui → build/packages/ui}/ThemeProvider/themes/mailwise.js +0 -0
- /package/{ui → build/packages/ui}/utils/KeyPress/KeyPress.js +0 -0
- /package/{ui → build/packages/ui}/utils/KeyPress/index.js +0 -0
- /package/{ui/Blocks/CornerDialog → build/packages/ui/utils/KeyPress}/index.js.map +0 -0
package/README.md
ADDED
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
# Mailstep Design-system
|
|
2
|
+
|
|
3
|
+
Live demo here: https://mailstep.gitlab.io/mailwise/mw2/design-system/storybook
|
|
4
|
+
|
|
5
|
+
## Peer dependencies
|
|
6
|
+
- @xstyled/styled-components
|
|
7
|
+
- styled-component
|
|
8
|
+
- react-router
|
|
9
|
+
- react-router-dom
|
|
10
|
+
|
|
11
|
+
### How to develoop
|
|
12
|
+
```
|
|
13
|
+
yarn install
|
|
14
|
+
yarn install:all
|
|
15
|
+
yarn dev
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
#### How to publish
|
|
20
|
+
In root folder run
|
|
21
|
+
|
|
22
|
+
```
|
|
23
|
+
npm run build Elements/<YOUR_PACKAGE>
|
|
24
|
+
npm run publish --package=Elements/<YOUR_PACKAGE>`
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## Components
|
|
28
|
+
There are Elements, Blocks and Forms components. Also you can use ThemeProvider and Utils package
|
|
29
|
+
|
|
30
|
+
### Elements
|
|
31
|
+
| Component | Description | Info |
|
|
32
|
+
|----------|:-------------:|------:|
|
|
33
|
+
| Alert | TBD | [More info](packages/Elements/Alert/README.md) |
|
|
34
|
+
| Avatar | TBD | [More info](packages/Elements/Avatar/README.md) |
|
|
35
|
+
| Badge | TBD | [More info](packages/Elements/Badge/README.md) |
|
|
36
|
+
| BorderedBox | TBD | [More info](packages/Elements/BorderedBox/README.md) |
|
|
37
|
+
| Button | TBD | [More info](packages/Elements/Button/README.md) |
|
|
38
|
+
| Card | TBD | [More info](packages/Elements/Card/README.md) |
|
|
39
|
+
| DialogOverlay | TBD | [More info](packages/Elements/DialogOverlay/README.md) |
|
|
40
|
+
| Dropdown | TBD | [More info](packages/Elements/Dropdown/README.md) |
|
|
41
|
+
| ErrorMessage | TBD | [More info](packages/Elements/ErrorMessage/README.md) |
|
|
42
|
+
| Icon | TBD | [More info](packages/Elements/Icon/README.md) |
|
|
43
|
+
| Image | TBD | [More info](packages/Elements/Image/README.md) |
|
|
44
|
+
| Label | TBD | [More info](packages/Elements/Label/README.md) |
|
|
45
|
+
| Link | TBD | [More info](packages/Elements/Link/README.md) |
|
|
46
|
+
| Logo | TBD | [More info](packages/Elements/Logo/README.md) |
|
|
47
|
+
| Overlay | TBD | [More info](packages/Elements/Overlay/README.md) |
|
|
48
|
+
| Pagination | TBD | [More info](packages/Elements/Pagination/README.md) |
|
|
49
|
+
| Paragraph | TBD | [More info](packages/Elements/Paragraph/README.md) |
|
|
50
|
+
| Spinner | TBD | [More info](packages/Elements/Spinner/README.md) |
|
|
51
|
+
|
|
52
|
+
### Blocks
|
|
53
|
+
| Component | Description | Info |
|
|
54
|
+
|----------|:-------------:|------:|
|
|
55
|
+
| TBD | TBD | TBD |
|
|
56
|
+
|
|
57
|
+
### Forms
|
|
58
|
+
| Component | Description | Info |
|
|
59
|
+
|----------|:-------------:|------:|
|
|
60
|
+
| TBD | TBD | TBD |
|
|
61
|
+
|
|
62
|
+
### Theme Provider
|
|
63
|
+
| Component | Description | Info |
|
|
64
|
+
|----------|:-------------:|------:|
|
|
65
|
+
| Theme Provider | TBD | [More info](packages/ThemeProvider/README.md) |
|
|
66
|
+
|
|
@@ -3,7 +3,7 @@ import { useState, useEffect } from 'react';
|
|
|
3
3
|
import { statusToIcon, statusToColors } from './utils.js';
|
|
4
4
|
import { Portal } from '../../Elements/Portal/index.js';
|
|
5
5
|
import Icon from '../../Elements/Icon/Icon.js';
|
|
6
|
-
import 'tslib';
|
|
6
|
+
import '../../../../node_modules/tslib/tslib.es6.js';
|
|
7
7
|
import { Container, Status, StatusText, Header, CloseBtn, Wrapper } from './styles.js';
|
|
8
8
|
|
|
9
9
|
var CornerDialog = function (_a) {
|
|
@@ -0,0 +1 @@
|
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import { __makeTemplateObject } from 'tslib';
|
|
1
|
+
import { __makeTemplateObject } from '../../../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import styled, { th } from '@xstyled/styled-components';
|
|
3
3
|
|
|
4
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) {
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
1
|
+
import { __assign } from '../../../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { useRef } from 'react';
|
|
4
4
|
import { useDraggable } from 'react-use-draggable-scroll';
|
|
@@ -14,10 +14,11 @@ var ImageList = function (_a) {
|
|
|
14
14
|
var ref = useRef();
|
|
15
15
|
var events = useDraggable(ref, { isMounted: !!(images === null || images === void 0 ? void 0 : images.length) }).events;
|
|
16
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
|
-
|
|
19
|
-
|
|
20
|
-
|
|
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 })] }));
|
|
21
22
|
};
|
|
22
23
|
|
|
23
24
|
export { ImageList };
|
|
@@ -0,0 +1 @@
|
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import { __awaiter, __generator } from 'tslib';
|
|
1
|
+
import { __awaiter, __generator } from '../../../../../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { useCallback } from 'react';
|
|
4
4
|
import { Container, HiddenInput } from './styles.js';
|
|
@@ -0,0 +1 @@
|
|
|
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":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __makeTemplateObject } from 'tslib';
|
|
1
|
+
import { __makeTemplateObject } from '../../../../../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import styled, { th } from '@xstyled/styled-components';
|
|
3
3
|
|
|
4
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'));
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import { __makeTemplateObject } from 'tslib';
|
|
1
|
+
import { __makeTemplateObject } from '../../../../../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import styled, { th } from '@xstyled/styled-components';
|
|
3
3
|
|
|
4
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'));
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import { __makeTemplateObject } from 'tslib';
|
|
1
|
+
import { __makeTemplateObject } from '../../../../../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import styled, { th } from '@xstyled/styled-components';
|
|
3
3
|
|
|
4
4
|
styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import { __makeTemplateObject } from 'tslib';
|
|
1
|
+
import { __makeTemplateObject } from '../../../../../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import styled from '@xstyled/styled-components';
|
|
3
3
|
|
|
4
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"])));
|
|
@@ -0,0 +1 @@
|
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import { __makeTemplateObject } from 'tslib';
|
|
1
|
+
import { __makeTemplateObject } from '../../../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import styled from '@xstyled/styled-components';
|
|
3
3
|
|
|
4
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"])));
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useLightBox.js","sources":["../../../../../../packages/ui/Blocks/LightBox/hooks/useLightBox.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useModal } from '../../Modal';\nexport var useLightBox = function () {\n var _a = useModal(), isOpen = _a.isOpen, onOpen = _a.onOpen, onClose = _a.onClose, data = _a.data;\n var onOpenLightBox = useCallback(function (index) {\n if (index === void 0) { index = 0; }\n return function () {\n onOpen({ initialSlide: index });\n };\n }, [onOpen]);\n return {\n onOpenLightBox: onOpenLightBox,\n onCloseLightBox: onClose,\n isLightBoxOpen: isOpen,\n lightBoxData: data\n };\n};\n//# sourceMappingURL=useLightBox.js.map"],"names":[],"mappings":";;;;AAEU,IAAC,WAAW,GAAG,YAAY;AACrC,IAAI,IAAI,EAAE,GAAG,QAAQ,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,CAAC;AACtG,IAAI,IAAI,cAAc,GAAG,WAAW,CAAC,UAAU,KAAK,EAAE;AACtD,QAAQ,IAAI,KAAK,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE;AAC5C,QAAQ,OAAO,YAAY;AAC3B,YAAY,MAAM,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;AAC5C,SAAS,CAAC;AACV,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACjB,IAAI,OAAO;AACX,QAAQ,cAAc,EAAE,cAAc;AACtC,QAAQ,eAAe,EAAE,OAAO;AAChC,QAAQ,cAAc,EAAE,MAAM;AAC9B,QAAQ,YAAY,EAAE,IAAI;AAC1B,KAAK,CAAC;AACN;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __makeTemplateObject } from 'tslib';
|
|
1
|
+
import { __makeTemplateObject } from '../../../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import styled from '@xstyled/styled-components';
|
|
3
3
|
|
|
4
4
|
var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../../../packages/ui/Blocks/LightBox/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled from '@xstyled/styled-components';\nexport var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n width: 100%;\\n height: 100%;\\n position: relative;\\n\"], [\"\\n width: 100%;\\n height: 100%;\\n position: relative;\\n\"])));\nexport var Image = styled.img(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n width: 100%;\\n height: 100%;\\n\"], [\"\\n width: 100%;\\n height: 100%;\\n\"])));\nexport var ButtonContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n width: 100%;\\n display: flex;\\n justify-content: center;\\n position: absolute;\\n bottom: -60px;\\n\"], [\"\\n width: 100%;\\n display: flex;\\n justify-content: center;\\n position: absolute;\\n bottom: -60px;\\n\"])));\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEU,IAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,4DAA4D,CAAC,EAAE,CAAC,4DAA4D,CAAC,CAAC,CAAC,EAAE;AACvN,IAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,qCAAqC,CAAC,EAAE,CAAC,qCAAqC,CAAC,CAAC,CAAC,EAAE;AACrK,IAAC,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,2GAA2G,CAAC,EAAE,CAAC,2GAA2G,CAAC,CAAC,CAAC,EAAE;AACrU,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { memo, useCallback, useMemo, useEffect } from 'react';
|
|
3
3
|
import Icon from '../../Elements/Icon/Icon.js';
|
|
4
|
-
import 'tslib';
|
|
4
|
+
import '../../../../node_modules/tslib/tslib.es6.js';
|
|
5
5
|
import { DialogOverlay, DialogWindow, HeaderContainer, TitleContainer, H4, ContentContainer, ButtonsContainer, CloseButton } from './styles.js';
|
|
6
6
|
import { x } from '@xstyled/styled-components';
|
|
7
7
|
import Button from '../../Elements/Button/Button.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.js","sources":["../../../../../packages/ui/Blocks/Modal/Modal.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { memo, useCallback, useMemo, useEffect } from 'react';\nimport { Icon } from '../../Elements/Icon';\nimport { DialogOverlay, DialogWindow, HeaderContainer, ButtonsContainer, ContentContainer, TitleContainer, CloseButton, H4, } from './styles';\nimport { x } from '@xstyled/styled-components';\nimport { Button } from '../../Elements/Button';\nimport { Portal } from '../../Elements/Portal';\nimport { useClickOutside } from './hooks/useClickOutside';\nimport { topSpaceMap, widthMap } from './utils';\nexport var Modal = memo(function (_a) {\n var children = _a.children, _b = _a.isShown, isShown = _b === void 0 ? true : _b, onCancel = _a.onCancel, title = _a.title, titleIcon = _a.titleIcon, onConfirm = _a.onConfirm, confirmLabel = _a.confirmLabel, cancelLabel = _a.cancelLabel, isLoading = _a.isLoading, isConfirmDisabled = _a.isConfirmDisabled, _c = _a.width, width = _c === void 0 ? 'narrow' : _c, _d = _a.topSpace, topSpace = _d === void 0 ? 'default' : _d, onClose = _a.onClose, _e = _a.hasFooter, hasFooter = _e === void 0 ? true : _e, _f = _a.hasHeader, hasHeader = _f === void 0 ? true : _f, _g = _a.whiteBg, whiteBg = _g === void 0 ? false : _g, _h = _a.miniCloseBtn, miniCloseBtn = _h === void 0 ? false : _h, _j = _a.ignoreClickOutside, ignoreClickOutside = _j === void 0 ? false : _j, _k = _a.closeEverywhere, closeEverywhere = _k === void 0 ? false : _k, _l = _a.withCloseIcon, withCloseIcon = _l === void 0 ? true : _l, _m = _a.mobileFullscreen, mobileFullscreen = _m === void 0 ? false : _m, overlayColor = _a.overlayColor, minWidth = _a.minWidth, minHeight = _a.minHeight, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight;\n var closeDialog = useCallback(function () {\n if (onClose) {\n onClose();\n }\n else if (onCancel) {\n onCancel();\n }\n }, [onClose, onCancel]);\n var dialogStyle = useMemo(function () { return ({ width: widthMap[width] }); }, [width]);\n var dialogRef = useClickOutside({ onClose: closeDialog, ignoreClickOutside: ignoreClickOutside, closeCurrent: true, allowScrollbarClick: true });\n var onDialogConfirmClick = useCallback(function () {\n onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(closeDialog);\n }, [onConfirm, closeDialog]);\n useEffect(function () {\n window.addEventListener('popstate', closeDialog);\n return function () {\n window.removeEventListener('popstate', closeDialog);\n };\n }, []);\n if (!isShown) {\n return null;\n }\n return (_jsx(Portal, { children: _jsx(DialogOverlay, { backgroundColor: overlayColor, children: _jsxs(DialogWindow, { ref: dialogRef, style: dialogStyle, \"$whiteBg\": whiteBg, \"data-cy\": \"dialogWindow\", onClick: closeEverywhere ? closeDialog : undefined, \"$minWidth\": minWidth, \"$minHeight\": minHeight, \"$maxWidth\": maxWidth, \"$maxHeight\": maxHeight, \"$mobileFullscreen\": mobileFullscreen, children: [title && hasHeader && (_jsx(HeaderContainer, { topSpace: topSpaceMap[topSpace], children: _jsxs(TitleContainer, { children: [titleIcon && (_jsx(x.div, { as: \"span\", className: \"icon\", children: typeof titleIcon === 'string' ? _jsx(Icon, { icon: titleIcon, fill: \"blue2\" }) : titleIcon })), _jsx(H4, { children: title })] }) })), _jsx(ContentContainer, { topSpace: topSpaceMap[topSpace], \"$mobileFullscreen\": mobileFullscreen, children: children }), hasFooter && (onCancel || onConfirm) && (_jsxs(ButtonsContainer, { children: [onCancel && (_jsx(Button, { type: \"button\", onClick: onCancel, isLoading: isLoading, \"data-cy\": \"cancelBtn\", appearance: \"primaryLight\", children: cancelLabel ? cancelLabel : 'Cancel' })), onConfirm && (_jsx(Button, { type: \"button\", onClick: onDialogConfirmClick, isLoading: isLoading, disabled: isConfirmDisabled, \"data-cy\": \"submitBtn\", children: confirmLabel ? confirmLabel : 'Submit' }))] })), hasHeader && !closeEverywhere && withCloseIcon && (_jsx(CloseButton, { onClick: closeDialog, \"data-cy\": \"dialogCloseBtn\", children: _jsx(Icon, { icon: \"close\", size: miniCloseBtn ? '20px' : '26px' }) }))] }) }) }));\n});\n//# sourceMappingURL=Modal.js.map"],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useClickOutside.js","sources":["../../../../../../packages/ui/Blocks/Modal/hooks/useClickOutside.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nexport var useClickOutside = function (_a) {\n var onClose = _a.onClose, parentRef = _a.parentRef, _b = _a.ignoreClickOutside, ignoreClickOutside = _b === void 0 ? false : _b, _c = _a.closeCurrent, closeCurrent = _c === void 0 ? false : _c, _d = _a.allowScrollbarClick, allowScrollbarClick = _d === void 0 ? false : _d;\n var elementRef = useRef(null);\n var onCloseModal = !ignoreClickOutside ? onClose : undefined;\n var handleClickOutside = useCallback(function (e) {\n var _a;\n var ignoreEvent = allowScrollbarClick && e.offsetX > e.target.clientWidth;\n if (!ignoreEvent &&\n elementRef.current &&\n !elementRef.current.contains(e.target) &&\n !((_a = parentRef === null || parentRef === void 0 ? void 0 : parentRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {\n closeCurrent ? e.target.contains(elementRef.current) && (onCloseModal === null || onCloseModal === void 0 ? void 0 : onCloseModal()) : onCloseModal === null || onCloseModal === void 0 ? void 0 : onCloseModal();\n }\n }, [allowScrollbarClick, parentRef, closeCurrent, onCloseModal]);\n var keyPress = useCallback(function (e) {\n if (e.key === 'Escape') {\n onCloseModal === null || onCloseModal === void 0 ? void 0 : onCloseModal();\n }\n }, [onCloseModal]);\n useEffect(function () {\n document.addEventListener('mousedown', handleClickOutside);\n document.addEventListener('keydown', keyPress);\n return function () {\n document.removeEventListener('mousedown', handleClickOutside);\n document.removeEventListener('keydown', keyPress);\n };\n }, [handleClickOutside, keyPress]);\n return elementRef;\n};\n//# sourceMappingURL=useClickOutside.js.map"],"names":[],"mappings":";;AACU,IAAC,eAAe,GAAG,UAAU,EAAE,EAAE;AAC3C,IAAI,IAAI,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,YAAY,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,mBAAmB,EAAE,mBAAmB,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;AACpR,IAAI,IAAI,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,IAAI,IAAI,YAAY,GAAG,CAAC,kBAAkB,GAAG,OAAO,GAAG,SAAS,CAAC;AACjE,IAAI,IAAI,kBAAkB,GAAG,WAAW,CAAC,UAAU,CAAC,EAAE;AACtD,QAAQ,IAAI,EAAE,CAAC;AACf,QAAQ,IAAI,WAAW,GAAG,mBAAmB,IAAI,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC;AAClF,QAAQ,IAAI,CAAC,WAAW;AACxB,YAAY,UAAU,CAAC,OAAO;AAC9B,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;AAClD,YAAY,EAAE,CAAC,EAAE,GAAG,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,OAAO,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE;AAC1J,YAAY,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,EAAE,CAAC,GAAG,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,EAAE,CAAC;AAC9N,SAAS;AACT,KAAK,EAAE,CAAC,mBAAmB,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;AACrE,IAAI,IAAI,QAAQ,GAAG,WAAW,CAAC,UAAU,CAAC,EAAE;AAC5C,QAAQ,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;AAChC,YAAY,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,EAAE,CAAC;AACvF,SAAS;AACT,KAAK,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;AACvB,IAAI,SAAS,CAAC,YAAY;AAC1B,QAAQ,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;AACnE,QAAQ,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AACvD,QAAQ,OAAO,YAAY;AAC3B,YAAY,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;AAC1E,YAAY,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAC9D,SAAS,CAAC;AACV,KAAK,EAAE,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC,CAAC;AACvC,IAAI,OAAO,UAAU,CAAC;AACtB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useModal.js","sources":["../../../../../../packages/ui/Blocks/Modal/hooks/useModal.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nexport var useModal = function (initialState) {\n if (initialState === void 0) { initialState = false; }\n var _a = useState(initialState), isOpen = _a[0], setIsOpen = _a[1];\n var _b = useState(), data = _b[0], setData = _b[1];\n var onClose = useCallback(function () {\n setIsOpen(false);\n setData(undefined);\n }, []);\n var onOpen = useCallback(function (data) {\n data && setData(data);\n setIsOpen(true);\n }, []);\n return { isOpen: isOpen, onClose: onClose, onOpen: onOpen, data: data };\n};\n//# sourceMappingURL=useModal.js.map"],"names":[],"mappings":";;AACU,IAAC,QAAQ,GAAG,UAAU,YAAY,EAAE;AAC9C,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,EAAE;AAC1D,IAAI,IAAI,EAAE,GAAG,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AACvE,IAAI,IAAI,EAAE,GAAG,QAAQ,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AACvD,IAAI,IAAI,OAAO,GAAG,WAAW,CAAC,YAAY;AAC1C,QAAQ,SAAS,CAAC,KAAK,CAAC,CAAC;AACzB,QAAQ,OAAO,CAAC,SAAS,CAAC,CAAC;AAC3B,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,IAAI,MAAM,GAAG,WAAW,CAAC,UAAU,IAAI,EAAE;AAC7C,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;AAC9B,QAAQ,SAAS,CAAC,IAAI,CAAC,CAAC;AACxB,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAC5E;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __makeTemplateObject } from 'tslib';
|
|
1
|
+
import { __makeTemplateObject } from '../../../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import styled, { th } from '@xstyled/styled-components';
|
|
3
3
|
import { createRgba } from '../../utils/CreateRgba/createRgba.js';
|
|
4
4
|
import 'react';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../../../packages/ui/Blocks/Modal/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nimport { createRgba } from '../../utils';\nexport var DialogOverlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n position: fixed; /* Stay in place */\\n z-index: 5;\\n left: 0;\\n top: 0;\\n width: 100%; /* Full width */\\n height: 100%; /* Full height */\\n overflow: auto; /* Enable scroll if needed */\\n background-color: \", \";\\n text-align: center;\\n @media print {\\n position: absolute !important;\\n left: 0 !important;\\n top: 0 !important;\\n height: auto !important;\\n visibility: hidden;\\n }\\n\"], [\"\\n position: fixed; /* Stay in place */\\n z-index: 5;\\n left: 0;\\n top: 0;\\n width: 100%; /* Full width */\\n height: 100%; /* Full height */\\n overflow: auto; /* Enable scroll if needed */\\n background-color: \", \";\\n text-align: center;\\n @media print {\\n position: absolute !important;\\n left: 0 !important;\\n top: 0 !important;\\n height: auto !important;\\n visibility: hidden;\\n }\\n\"])), function (_a) {\n var _b = _a.backgroundColor, backgroundColor = _b === void 0 ? 'blue2' : _b;\n return createRgba(backgroundColor, 0.6);\n});\nexport var DialogWindow = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n background-color: \", \";\\n margin: 100px auto 0 auto; /* Location of the box */\\n padding: 0;\\n border: 0;\\n border-radius: 1rem;\\n box-shadow: dialogShadow;\\n min-width: \", \";\\n max-width: \", \";\\n min-height: \", \";\\n max-height: \", \";\\n display: inline-block;\\n position: relative;\\n text-align: left;\\n @media print {\\n background-color: #fff;\\n margin: 0;\\n visibility: visible;\\n overflow: visible;\\n box-shadow: none;\\n max-width: 100%;\\n }\\n\\n @media (max-width: 576px) {\\n margin: 20% auto 50px auto;\\n \", \"\\n }\\n\"], [\"\\n background-color: \", \";\\n margin: 100px auto 0 auto; /* Location of the box */\\n padding: 0;\\n border: 0;\\n border-radius: 1rem;\\n box-shadow: dialogShadow;\\n min-width: \", \";\\n max-width: \", \";\\n min-height: \", \";\\n max-height: \", \";\\n display: inline-block;\\n position: relative;\\n text-align: left;\\n @media print {\\n background-color: #fff;\\n margin: 0;\\n visibility: visible;\\n overflow: visible;\\n box-shadow: none;\\n max-width: 100%;\\n }\\n\\n @media (max-width: 576px) {\\n margin: 20% auto 50px auto;\\n \", \"\\n }\\n\"])), function (_a) {\n var $whiteBg = _a.$whiteBg;\n return ($whiteBg ? th.color('white') : '#fefefe');\n}, function (_a) {\n var $minWidth = _a.$minWidth;\n return $minWidth || '10%';\n}, function (_a) {\n var $maxWidth = _a.$maxWidth;\n return $maxWidth || 'calc(100% - 32px)';\n}, function (_a) {\n var $minHeight = _a.$minHeight;\n return $minHeight || 'auto';\n}, function (_a) {\n var $maxHeight = _a.$maxHeight;\n return $maxHeight || 'auto';\n}, function (_a) {\n var $mobileFullscreen = _a.$mobileFullscreen;\n return $mobileFullscreen && \"border-radius: 0; max-width: 100% !important;\";\n});\nexport var HeaderContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n display: flex;\\n justify-content: space-between;\\n padding: 30px;\\n padding-bottom: \", \";\\n\\n @media (max-width: 576px) {\\n padding: 18px;\\n border-bottom: 1px solid \", \";\\n }\\n\"], [\"\\n display: flex;\\n justify-content: space-between;\\n padding: 30px;\\n padding-bottom: \", \";\\n\\n @media (max-width: 576px) {\\n padding: 18px;\\n border-bottom: 1px solid \", \";\\n }\\n\"])), function (_a) {\n var topSpace = _a.topSpace;\n return topSpace;\n}, th.color('lightGray6'));\nexport var ContentContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n padding: 30px;\\n padding-top: \", \";\\n\\n @media (max-width: 576px) {\\n padding: \", \";\\n font-size: 16px;\\n line-height: 1.4;\\n }\\n \\n \\n\"], [\"\\n padding: 30px;\\n padding-top: \", \";\\n\\n @media (max-width: 576px) {\\n padding: \", \";\\n font-size: 16px;\\n line-height: 1.4;\\n }\\n \\n \\n\"])), function (_a) {\n var topSpace = _a.topSpace;\n return topSpace;\n}, function (_a) {\n var $mobileFullscreen = _a.$mobileFullscreen;\n return $mobileFullscreen ? '0' : '18px';\n});\nexport var TitleContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n display: flex;\\n flex-flow: row;\\n align-items: center;\\n > div:first-of-type {\\n margin-right: 0.5em;\\n display: block;\\n }\\n\\n .icon {\\n font-size: 24px;\\n margin-right: 15px;\\n display: flex;\\n\\n @media (max-width: 576px) {\\n font-size: 18px;\\n margin-right: 12px;\\n }\\n }\\n\"], [\"\\n display: flex;\\n flex-flow: row;\\n align-items: center;\\n > div:first-of-type {\\n margin-right: 0.5em;\\n display: block;\\n }\\n\\n .icon {\\n font-size: 24px;\\n margin-right: 15px;\\n display: flex;\\n\\n @media (max-width: 576px) {\\n font-size: 18px;\\n margin-right: 12px;\\n }\\n }\\n\"])));\nexport var H4 = styled.h4(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n color: typoPrimary;\\n margin: 0;\\n font-size: 24px;\\n line-height: 28px;\\n font-weight: 700;\\n\\n @media (max-width: 576px) {\\n font-size: 18px;\\n line-height: 18px;\\n }\\n\"], [\"\\n color: typoPrimary;\\n margin: 0;\\n font-size: 24px;\\n line-height: 28px;\\n font-weight: 700;\\n\\n @media (max-width: 576px) {\\n font-size: 18px;\\n line-height: 18px;\\n }\\n\"])));\nexport var ButtonsContainer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n padding: 1.5rem;\\n text-align: right;\\n > * {\\n margin: 0 0.5em;\\n }\\n\\n @media (max-width: 576px) {\\n display: flex;\\n justify-content: space-around;\\n padding: 32px 18px 18px;\\n\\n > * {\\n margin: 0;\\n }\\n }\\n\"], [\"\\n padding: 1.5rem;\\n text-align: right;\\n > * {\\n margin: 0 0.5em;\\n }\\n\\n @media (max-width: 576px) {\\n display: flex;\\n justify-content: space-around;\\n padding: 32px 18px 18px;\\n\\n > * {\\n margin: 0;\\n }\\n }\\n\"])));\nexport var CloseButton = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject([\"\\n cursor: pointer;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n position: absolute;\\n z-index: 1;\\n top: 32px;\\n right: 24px;\\n\\n @media (max-width: 576px) {\\n padding: 0;\\n width: 32px;\\n height: 32px;\\n background-color: bgLightGray1;\\n border-radius: 50%;\\n top: 12px;\\n right: 12px;\\n }\\n\"], [\"\\n cursor: pointer;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n position: absolute;\\n z-index: 1;\\n top: 32px;\\n right: 24px;\\n\\n @media (max-width: 576px) {\\n padding: 0;\\n width: 32px;\\n height: 32px;\\n background-color: bgLightGray1;\\n border-radius: 50%;\\n top: 12px;\\n right: 12px;\\n }\\n\"])));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../../packages/ui/Blocks/Modal/utils.ts"],"sourcesContent":["export var widthMap = {\n wide: '1450px',\n mediumLarge: '1200px',\n medium: '900px',\n narrow: '600px',\n auto: 'auto',\n};\nexport var topSpaceMap = {\n default: '30px',\n medium: '15px',\n};\n//# sourceMappingURL=utils.js.map"],"names":[],"mappings":"AAAU,IAAC,QAAQ,GAAG;AACtB,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,WAAW,EAAE,QAAQ;AACzB,IAAI,MAAM,EAAE,OAAO;AACnB,IAAI,MAAM,EAAE,OAAO;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,EAAE;AACQ,IAAC,WAAW,GAAG;AACzB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,MAAM,EAAE,MAAM;AAClB;;;;"}
|
|
@@ -3,7 +3,7 @@ import { useCallback } from 'react';
|
|
|
3
3
|
import { TabPanel, StyledTabWrapper, Tab as Tab$1, StyledImageBox, RoundedWrap } from './styles.js';
|
|
4
4
|
import Text from '../../Elements/Text/Text.js';
|
|
5
5
|
import Icon from '../../Elements/Icon/Icon.js';
|
|
6
|
-
import 'tslib';
|
|
6
|
+
import '../../../../node_modules/tslib/tslib.es6.js';
|
|
7
7
|
|
|
8
8
|
var Tab = function (_a) {
|
|
9
9
|
var tabDefinition = _a.tabDefinition, value = _a.value, isActive = _a.isActive, onTabSwitch = _a.onTabSwitch;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.js","sources":["../../../../../packages/ui/Blocks/Tabs/Tabs.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { RoundedWrap, StyledImageBox, Tab as StyledTab, StyledTabWrapper, TabPanel } from './styles';\nimport { Text } from '../../Elements/Text';\nimport { Icon } from '../../Elements/Icon';\nvar Tab = function (_a) {\n var tabDefinition = _a.tabDefinition, value = _a.value, isActive = _a.isActive, onTabSwitch = _a.onTabSwitch;\n var icon = tabDefinition.icon, label = tabDefinition.label, badgeCount = tabDefinition.badgeCount;\n var handleOnClick = useCallback(function () {\n onTabSwitch(value);\n }, [onTabSwitch, value]);\n return (_jsx(StyledTabWrapper, { children: _jsxs(StyledTab, { onClick: handleOnClick, active: isActive, children: [icon && (_jsx(StyledImageBox, { children: _jsx(Icon, { icon: icon }) })), _jsx(Text, { children: label }), isActive && badgeCount && badgeCount > 0 && (_jsx(RoundedWrap, { children: _jsx(Text, { variant: \"medium\", children: badgeCount }) }))] }) }));\n};\nexport var Tabs = function (_a) {\n var tabsDefinition = _a.tabsDefinition, activeTab = _a.activeTab, onTabSwitch = _a.onTabSwitch;\n return (_jsx(TabPanel, { children: tabsDefinition.map(function (item, index) {\n return _jsx(Tab, { value: index, tabDefinition: item, isActive: index === activeTab, onTabSwitch: onTabSwitch }, index);\n }) }));\n};\n//# sourceMappingURL=Tabs.js.map"],"names":["_jsx","_jsxs","StyledTab"],"mappings":";;;;;;;AAKA,IAAI,GAAG,GAAG,UAAU,EAAE,EAAE;AACxB,IAAI,IAAI,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC;AACjH,IAAI,IAAI,IAAI,GAAG,aAAa,CAAC,IAAI,EAAE,KAAK,GAAG,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;AACtG,IAAI,IAAI,aAAa,GAAG,WAAW,CAAC,YAAY;AAChD,QAAQ,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3B,KAAK,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;AAC7B,IAAI,QAAQA,GAAI,CAAC,gBAAgB,EAAE,EAAE,QAAQ,EAAEC,IAAK,CAACC,KAAS,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,IAAI,KAAKF,GAAI,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAEA,GAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,IAAI,UAAU,IAAI,UAAU,GAAG,CAAC,KAAKA,GAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACjX,CAAC,CAAC;AACQ,IAAC,IAAI,GAAG,UAAU,EAAE,EAAE;AAChC,IAAI,IAAI,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC;AACnG,IAAI,QAAQA,GAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE,KAAK,EAAE;AACjF,YAAY,OAAOA,GAAI,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,KAAK,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,KAAK,CAAC,CAAC;AACpI,SAAS,CAAC,EAAE,CAAC,EAAE;AACf;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTabs.js","sources":["../../../../../../packages/ui/Blocks/Tabs/hooks/useTabs.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nexport var useTabs = function (tabDefinitions) {\n var index = tabDefinitions.map(function (item) { return item.default; }).indexOf(true);\n var initialValue = index === -1 ? 0 : index;\n var _a = useState(initialValue), activeTab = _a[0], setActiveTab = _a[1];\n var onTabSwitch = useCallback(function (value) {\n setActiveTab(value);\n }, []);\n return { activeTab: activeTab, onTabSwitch: onTabSwitch };\n};\n//# sourceMappingURL=useTabs.js.map"],"names":[],"mappings":";;AACU,IAAC,OAAO,GAAG,UAAU,cAAc,EAAE;AAC/C,IAAI,IAAI,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE,EAAE,OAAO,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAC3F,IAAI,IAAI,YAAY,GAAG,KAAK,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChD,IAAI,IAAI,EAAE,GAAG,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AAC7E,IAAI,IAAI,WAAW,GAAG,WAAW,CAAC,UAAU,KAAK,EAAE;AACnD,QAAQ,YAAY,CAAC,KAAK,CAAC,CAAC;AAC5B,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AAC9D;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __makeTemplateObject } from 'tslib';
|
|
1
|
+
import { __makeTemplateObject } from '../../../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import styled, { x, th, css } from '@xstyled/styled-components';
|
|
3
3
|
|
|
4
4
|
var StyledImageBox = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-right: 1em;\n"], ["\n margin-right: 1em;\n"])));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../../../packages/ui/Blocks/Tabs/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { css, th, x } from '@xstyled/styled-components';\nexport var StyledImageBox = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n margin-right: 1em;\\n\"], [\"\\n margin-right: 1em;\\n\"])));\nexport var StyledTabWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n display: flex;\\n flex-direction: row;\\n align-items: baseline;\\n\"], [\"\\n display: flex;\\n flex-direction: row;\\n align-items: baseline;\\n\"])));\nexport var RoundedWrap = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n display: flex !important;\\n justify-content: center;\\n align-items: center;\\n height: 23px;\\n background-color: \", \";\\n border-radius: 29px;\\n padding: 3px 10px;\\n margin-left: 8px;\\n\"], [\"\\n display: flex !important;\\n justify-content: center;\\n align-items: center;\\n height: 23px;\\n background-color: \", \";\\n border-radius: 29px;\\n padding: 3px 10px;\\n margin-left: 8px;\\n\"])), th.color('lightGray7'));\nvar activeTab = css(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n color: \", \";\\n position: relative;\\n &:after {\\n content: '';\\n position: absolute;\\n bottom: 2;\\n left: 0;\\n right: 0;\\n background-color: \", \";\\n height: 4px;\\n border-radius: 6px 6px 0px 0px;\\n }\\n & > div {\\n display: inline;\\n color: \", \";\\n }\\n\"], [\"\\n color: \", \";\\n position: relative;\\n &:after {\\n content: '';\\n position: absolute;\\n bottom: 2;\\n left: 0;\\n right: 0;\\n background-color: \", \";\\n height: 4px;\\n border-radius: 6px 6px 0px 0px;\\n }\\n & > div {\\n display: inline;\\n color: \", \";\\n }\\n\"])), th.color('red1'), th.color('red1'), th.color('typoPrimary'));\nexport var Tab = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n display: inline-flex;\\n align-items: center;\\n cursor: pointer;\\n padding: 0.6rem;\\n transition: 200ms;\\n color: \", \";\\n font-weight: bold;\\n font-size: 14px;\\n height: 46px;\\n letter-spacing: 0.03em;\\n margin-top: 10px;\\n min-width: 120px;\\n & > div {\\n display: none;\\n }\\n &:not(:last-child) {\\n margin-right: 0.5rem;\\n }\\n\\n :hover {\\n color: \", \";\\n }\\n\\n :active {\\n \", \"\\n }\\n\\n \", \"\\n\"], [\"\\n display: inline-flex;\\n align-items: center;\\n cursor: pointer;\\n padding: 0.6rem;\\n transition: 200ms;\\n color: \", \";\\n font-weight: bold;\\n font-size: 14px;\\n height: 46px;\\n letter-spacing: 0.03em;\\n margin-top: 10px;\\n min-width: 120px;\\n & > div {\\n display: none;\\n }\\n &:not(:last-child) {\\n margin-right: 0.5rem;\\n }\\n\\n :hover {\\n color: \", \";\\n }\\n\\n :active {\\n \", \"\\n }\\n\\n \", \"\\n\"])), th.color('gray'), th.color('typoPrimary'), activeTab, function (_a) {\n var active = _a.active;\n return (active ? activeTab : '');\n});\nexport var TabPanel = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n min-height: 3rem;\\n display: flex;\\n align-items: flex-end;\\n overflow: auto;\\n width: fit-content;\\n position: relative;\\n &:after {\\n content: '';\\n position: absolute;\\n bottom: 0;\\n left: 0;\\n right: 0;\\n background-color: \", \";\\n height: 2px;\\n }\\n\"], [\"\\n min-height: 3rem;\\n display: flex;\\n align-items: flex-end;\\n overflow: auto;\\n width: fit-content;\\n position: relative;\\n &:after {\\n content: '';\\n position: absolute;\\n bottom: 0;\\n left: 0;\\n right: 0;\\n background-color: \", \";\\n height: 2px;\\n }\\n\"])), th.color('bgLightGray1'));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEU,IAAC,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,0BAA0B,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE;AAC3J,IAAC,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,wEAAwE,CAAC,EAAE,CAAC,wEAAwE,CAAC,CAAC,CAAC,EAAE;AACtP,IAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,0HAA0H,EAAE,wEAAwE,CAAC,EAAE,CAAC,0HAA0H,EAAE,wEAAwE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;AAC3gB,IAAI,SAAS,GAAG,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,aAAa,EAAE,uJAAuJ,EAAE,+GAA+G,EAAE,UAAU,CAAC,EAAE,CAAC,aAAa,EAAE,uJAAuJ,EAAE,+GAA+G,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;AACptB,IAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,4HAA4H,EAAE,4PAA4P,EAAE,6BAA6B,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,CAAC,4HAA4H,EAAE,4PAA4P,EAAE,6BAA6B,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE;AACngC,IAAI,IAAI,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC;AAC3B,IAAI,QAAQ,MAAM,GAAG,SAAS,GAAG,EAAE,EAAE;AACrC,CAAC,EAAE;AACO,IAAC,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,iQAAiQ,EAAE,4BAA4B,CAAC,EAAE,CAAC,iQAAiQ,EAAE,4BAA4B,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;AAChsB,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { useTheme, th, x } from '@xstyled/styled-components';
|
|
3
3
|
import Icon from '../Icon/Icon.js';
|
|
4
|
-
import 'tslib';
|
|
4
|
+
import '../../../../node_modules/tslib/tslib.es6.js';
|
|
5
5
|
import { StyledAlert, VerticalSeparator, IconWrap, Title, Text, LinkWrapper, ActionButton, CloseBtn, Description } from './styles.js';
|
|
6
6
|
|
|
7
7
|
var alertBackgroundColor = {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.js","sources":["../../../../../packages/ui/Elements/Alert/Alert.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { x, useTheme } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { Icon } from '../Icon';\nimport { IconWrap, LinkWrapper, StyledAlert, VerticalSeparator, Text, Title, CloseBtn, ActionButton, Description } from './styles';\nvar alertBackgroundColor = {\n success: 'green10',\n info: 'blue10',\n warning: 'yellow10',\n danger: 'red10',\n};\nvar alertColorFill = {\n success: 'successColor',\n info: 'blue60',\n warning: 'yellow70',\n danger: 'dangerColor',\n};\nvar alertIconMap = {\n success: 'circleCheck',\n info: 'info',\n warning: 'circleTriangle',\n danger: 'circleTriangle',\n};\nvar Alert = function (props) {\n var intent = props.intent, inline = props.inline, onClick = props.onClick, onClose = props.onClose, title = props.title, text = props.text, href = props.href, actionLabel = props.actionLabel, actionType = props.actionType, desc = props.desc, _a = props.closeAnywhere, closeAnywhere = _a === void 0 ? false : _a;\n var theme = useTheme();\n var bgColor = th.color(intent ? alertBackgroundColor[intent] : 'transparent')({ theme: theme });\n var colorFill = th.color(intent ? alertColorFill[intent] : 'transparent')({ theme: theme });\n var icon = intent && alertIconMap[intent];\n return (_jsxs(StyledAlert, { \"$bgColor\": bgColor, \"$colorFill\": colorFill, \"$inline\": inline, onClick: closeAnywhere ? onClose : undefined, children: [_jsxs(x.div, { display: \"flex\", alignItems: \"center\", children: [inline && _jsx(VerticalSeparator, { \"$colorFill\": colorFill }), icon && (_jsx(IconWrap, { children: _jsx(Icon, { icon: icon, size: \"20px\", fill: colorFill }) })), _jsxs(\"div\", { children: [_jsx(Title, { children: title }), _jsxs(Text, { children: [\" \", text] })] })] }), _jsxs(x.div, { display: \"flex\", alignItems: \"center\", children: [href && actionType === 'link' && (_jsx(LinkWrapper, { \"$colorFill\": colorFill, to: href, children: actionLabel !== null && actionLabel !== void 0 ? actionLabel : 'Link' })), onClick && actionType === 'button' && (_jsx(ActionButton, { \"$colorFill\": colorFill, onClick: onClick, children: actionLabel !== null && actionLabel !== void 0 ? actionLabel : 'Submit' })), onClose && !closeAnywhere && (_jsx(CloseBtn, { onClick: onClose, children: _jsx(Icon, { icon: \"close\", size: \"15px\", fill: \"gray\" }) })), desc && _jsx(Description, { children: desc })] })] }));\n};\nexport default Alert;\n//# sourceMappingURL=Alert.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAKA,IAAI,oBAAoB,GAAG;AAC3B,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,OAAO,EAAE,UAAU;AACvB,IAAI,MAAM,EAAE,OAAO;AACnB,CAAC,CAAC;AACF,IAAI,cAAc,GAAG;AACrB,IAAI,OAAO,EAAE,cAAc;AAC3B,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,OAAO,EAAE,UAAU;AACvB,IAAI,MAAM,EAAE,aAAa;AACzB,CAAC,CAAC;AACF,IAAI,YAAY,GAAG;AACnB,IAAI,OAAO,EAAE,aAAa;AAC1B,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,gBAAgB;AAC7B,IAAI,MAAM,EAAE,gBAAgB;AAC5B,CAAC,CAAC;AACC,IAAC,KAAK,GAAG,UAAU,KAAK,EAAE;AAC7B,IAAI,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,EAAE,OAAO,GAAG,KAAK,CAAC,OAAO,EAAE,OAAO,GAAG,KAAK,CAAC,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,KAAK,CAAC,WAAW,EAAE,UAAU,GAAG,KAAK,CAAC,UAAU,EAAE,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE,EAAE,GAAG,KAAK,CAAC,aAAa,EAAE,aAAa,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;AAC3T,IAAI,IAAI,KAAK,GAAG,QAAQ,EAAE,CAAC;AAC3B,IAAI,IAAI,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,oBAAoB,CAAC,MAAM,CAAC,GAAG,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AACpG,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AAChG,IAAI,IAAI,IAAI,GAAG,MAAM,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC;AAC9C,IAAI,QAAQA,IAAK,CAAC,WAAW,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,GAAG,OAAO,GAAG,SAAS,EAAE,QAAQ,EAAE,CAACA,IAAK,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,MAAM,IAAIC,GAAI,CAAC,iBAAiB,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,KAAKA,GAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,EAAED,IAAK,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAED,IAAK,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAEA,IAAK,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,IAAI,IAAI,UAAU,KAAK,MAAM,KAAKC,GAAI,CAAC,WAAW,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,KAAK,CAAC,GAAG,WAAW,GAAG,MAAM,EAAE,CAAC,CAAC,EAAE,OAAO,IAAI,UAAU,KAAK,QAAQ,KAAKA,GAAI,CAAC,YAAY,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,KAAK,CAAC,GAAG,WAAW,GAAG,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,aAAa,KAAKA,GAAI,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAEA,GAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,IAAIA,GAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACzlC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../../../packages/ui/Elements/Alert/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { Link } from '../Link';\nimport { x } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport styled from 'styled-components';\nexport var StyledAlert = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n width: 100%;\\n display: flex;\\n min-height: 48px;\\n align-items: center;\\n justify-content: space-between;\\n border: \", \";\\n border-radius: 8px;\\n background-color: \", \";\\n color: \", \";\\n font-family: \", \";\\n padding: 6px 5px 6px 5px;\\n margin-bottom: 5px;\\n position: relative;\\n\"], [\"\\n width: 100%;\\n display: flex;\\n min-height: 48px;\\n align-items: center;\\n justify-content: space-between;\\n border: \", \";\\n border-radius: 8px;\\n background-color: \", \";\\n color: \", \";\\n font-family: \", \";\\n padding: 6px 5px 6px 5px;\\n margin-bottom: 5px;\\n position: relative;\\n\"])), function (_a) {\n var $inline = _a.$inline, $colorFill = _a.$colorFill;\n return ($inline ? \"solid 1px \".concat($colorFill) : 'none');\n}, function (_a) {\n var $bgColor = _a.$bgColor;\n return $bgColor;\n}, th('colors.textPrimary'), th('fonts.primary'));\nexport var VerticalSeparator = styled(x.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n width: 4px;\\n height: 36px;\\n border-radius: 94px;\\n background-color: \", \";\\n\"], [\"\\n width: 4px;\\n height: 36px;\\n border-radius: 94px;\\n background-color: \", \";\\n\"])), function (_a) {\n var $colorFill = _a.$colorFill;\n return $colorFill;\n});\nexport var IconWrap = styled(x.div)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n margin: 0 13px 0 9px;\\n\"], [\"\\n margin: 0 13px 0 9px;\\n\"])));\nexport var Title = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n font-size: 14px;\\n line-height: 18px;\\n font-weight: 600;\\n\"], [\"\\n font-size: 14px;\\n line-height: 18px;\\n font-weight: 600;\\n\"])));\nexport var Text = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n font-size: 14px;\\n line-height: 20px;\\n font-weight: 400;\\n\"], [\"\\n font-size: 14px;\\n line-height: 20px;\\n font-weight: 400;\\n\"])));\nexport var LinkWrapper = styled(Link)(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n font-size: 14px;\\n font-weight: 600;\\n color: \", \";\\n margin-right: 10px;\\n\"], [\"\\n font-size: 14px;\\n font-weight: 600;\\n color: \", \";\\n margin-right: 10px;\\n\"])), function (_a) {\n var $colorFill = _a.$colorFill;\n return $colorFill;\n});\nexport var ActionButton = styled.button(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n margin-right: 10px;\\n font-size: 14px;\\n font-weight: 600;\\n color: \", \";\\n border: none;\\n background-color: transparent;\\n cursor: pointer;\\n\"], [\"\\n margin-right: 10px;\\n font-size: 14px;\\n font-weight: 600;\\n color: \", \";\\n border: none;\\n background-color: transparent;\\n cursor: pointer;\\n\"])), function (_a) {\n var $colorFill = _a.$colorFill;\n return $colorFill;\n});\nexport var CloseBtn = styled.button(templateObject_8 || (templateObject_8 = __makeTemplateObject([\"\\n height: 30px;\\n width: 30px;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n border: none;\\n margin-right: 5px;\\n background-color: transparent;\\n & :hover {\\n cursor: pointer;\\n }\\n\"], [\"\\n height: 30px;\\n width: 30px;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n border: none;\\n margin-right: 5px;\\n background-color: transparent;\\n & :hover {\\n cursor: pointer;\\n }\\n\"])));\nexport var Description = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject([\"\\n position: absolute;\\n top: 3px;\\n right: 8px;\\n color: \", \";\\n font-size: 10px;\\n\"], [\"\\n position: absolute;\\n top: 3px;\\n right: 8px;\\n color: \", \";\\n font-size: 10px;\\n\"])), th('colors.gray'));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __makeTemplateObject, __rest, __assign } from 'tslib';
|
|
1
|
+
import { __makeTemplateObject, __rest, __assign } from '../../../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
3
3
|
import styled, { th } from '@xstyled/styled-components';
|
|
4
4
|
import Icon from '../Icon/Icon.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":["../../../../../packages/ui/Elements/Avatar/Avatar.tsx"],"sourcesContent":["import { __assign, __makeTemplateObject, __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport styled from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { Icon } from '../Icon';\nvar defaultDimension = 100;\nvar StyledAvatarWrap = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n border-radius: 50%;\\n overflow: hidden;\\n color: \", \";\\n background-color: \", \";\\n width: \", \";\\n height: \", \";\\n svg {\\n font-size: \", \";\\n }\\n :hover {\\n background-color: \", \";\\n }\\n\"], [\"\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n border-radius: 50%;\\n overflow: hidden;\\n color: \", \";\\n background-color: \", \";\\n width: \", \";\\n height: \", \";\\n svg {\\n font-size: \", \";\\n }\\n :hover {\\n background-color: \", \";\\n }\\n\"])), function (props) { return props.$colorFront ? th.color(props.$colorFront) : 'auto'; }, function (props) { return props.$colorBack ? th.color(props.$colorBack) : 'auto'; }, function (props) { return \"\".concat(props.size, \"px\"); }, function (props) { return \"\".concat(props.size, \"px\"); }, function (props) { return \"\".concat(props.size / 2, \"px\"); }, function (props) { return props.$hoverColorBack ? th.color(props.$hoverColorBack) : 'auto'; });\nexport var Avatar = function (_a) {\n var src = _a.src, _b = _a.size, size = _b === void 0 ? defaultDimension : _b, colorFront = _a.colorFront, colorBack = _a.colorBack, className = _a.className, hoverColorBack = _a.hoverColorBack, rest = __rest(_a, [\"src\", \"size\", \"colorFront\", \"colorBack\", \"className\", \"hoverColorBack\"]);\n return (_jsx(_Fragment, { children: _jsx(StyledAvatarWrap, __assign({ size: size, className: className, \"$colorBack\": colorBack || 'red2', \"$colorFront\": colorFront || 'white', \"$hoverColorBack\": hoverColorBack }, rest, { children: src ? _jsx(\"img\", { src: src, width: size, height: size }) : _jsx(Icon, { icon: \"avatar\" }) })) }));\n};\nvar templateObject_1;\n//# sourceMappingURL=Avatar.js.map"],"names":["_jsx","_Fragment"],"mappings":";;;;;AAKA,IAAI,gBAAgB,GAAG,GAAG,CAAC;AAC3B,IAAI,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,+HAA+H,EAAE,yBAAyB,EAAE,cAAc,EAAE,eAAe,EAAE,6BAA6B,EAAE,4CAA4C,EAAE,UAAU,CAAC,EAAE,CAAC,+HAA+H,EAAE,yBAAyB,EAAE,cAAc,EAAE,eAAe,EAAE,6BAA6B,EAAE,4CAA4C,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,EAAE,EAAE,OAAO,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,OAAO,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,OAAO,KAAK,CAAC,eAAe,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;AACpkC,IAAC,MAAM,GAAG,UAAU,EAAE,EAAE;AAClC,IAAI,IAAI,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,gBAAgB,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,IAAI,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;AACnS,IAAI,QAAQA,GAAI,CAACC,QAAS,EAAE,EAAE,QAAQ,EAAED,GAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,IAAI,MAAM,EAAE,aAAa,EAAE,UAAU,IAAI,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,GAAG,GAAGA,GAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,GAAGA,GAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAChV,EAAE;AACF,IAAI,gBAAgB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../../../../../packages/ui/Elements/Badge/Badge.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport styled, { css, useTheme } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nvar Circle = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n padding: 2px;\\n color: white;\\n background-color: \", \";\\n border-radius: 50%;\\n width: \", \";\\n height: \", \";\\n\\n .label {\\n font-family: \", \";\\n font-weight: 600;\\n vertical-align: middle;\\n text-align: center;\\n font-size: \", \";\\n }\\n\\n position: absolute;\\n top: 0;\\n right: 0;\\n transform: translate(\", \");\\n\"], [\"\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n padding: 2px;\\n color: white;\\n background-color: \", \";\\n border-radius: 50%;\\n width: \", \";\\n height: \", \";\\n\\n .label {\\n font-family: \", \";\\n font-weight: 600;\\n vertical-align: middle;\\n text-align: center;\\n font-size: \", \";\\n }\\n\\n position: absolute;\\n top: 0;\\n right: 0;\\n transform: translate(\", \");\\n\"])), function (_a) {\n var color = _a.color;\n return color;\n}, function (_a) {\n var size = _a.size;\n return size;\n}, function (_a) {\n var size = _a.size;\n return size;\n}, th('fonts.primary'), function (_a) {\n var fontSize = _a.fontSize;\n return \"\".concat(fontSize, \"px\");\n}, function (_a) {\n var topPosition = _a.topPosition;\n return (topPosition ? '75%, -75%' : '50%, -50%');\n});\nvar RelativeWrap = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n position: relative;\\n \", \";\\n\"], [\"\\n position: relative;\\n \", \";\\n\"])), function (_a) {\n var width = _a.width;\n return width\n ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n width: \", \";\\n \"], [\"\\n width: \", \";\\n \"])), width) : '';\n});\nvar Badge = function (_a) {\n var children = _a.children, _b = _a.color, color = _b === void 0 ? 'red2' : _b, _c = _a.size, size = _c === void 0 ? 6 : _c, _d = _a.fontSize, fontSize = _d === void 0 ? 10 : _d, label = _a.label, childWidth = _a.childWidth, topPosition = _a.topPosition;\n var theme = useTheme();\n var themeColor = th.color(color)({ theme: theme });\n var themeSize = th.fontSize(size)({ theme: theme });\n if (!label || (typeof label === 'number' && label <= 0)) {\n return _jsx(_Fragment, { children: children });\n }\n return (_jsxs(RelativeWrap, { width: childWidth, children: [_jsx(Circle, { color: themeColor, size: themeSize, topPosition: topPosition, fontSize: fontSize, children: _jsx(\"div\", { className: \"label\", children: label }) }), children] }));\n};\nexport default Badge;\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=Badge.js.map"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BorderedBox.js","sources":["../../../../../packages/ui/Elements/BorderedBox/BorderedBox.tsx"],"sourcesContent":["import { __assign, __makeTemplateObject, __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled, { x } from '@xstyled/styled-components';\nvar StyledBox = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n display: flex;\\n box-sizing: border-box;\\n flex-direction: column;\\n padding: 3;\\n border: slim;\\n border-color: lightGray3;\\n border-radius: md;\\n\"], [\"\\n display: flex;\\n box-sizing: border-box;\\n flex-direction: column;\\n padding: 3;\\n border: slim;\\n border-color: lightGray3;\\n border-radius: md;\\n\"])));\nvar BorderedBox = function (_a) {\n var children = _a.children, className = _a.className, id = _a.id, rest = __rest(_a, [\"children\", \"className\", \"id\"]);\n return (_jsx(StyledBox, __assign({ id: id, className: className }, rest, { children: children })));\n};\nexport default BorderedBox;\nvar templateObject_1;\n//# sourceMappingURL=BorderedBox.js.map"],"names":["_jsx"],"mappings":";;;;AAGA,IAAI,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,+JAA+J,CAAC,EAAE,CAAC,+JAA+J,CAAC,CAAC,CAAC,CAAC,CAAC;AACha,IAAC,WAAW,GAAG,UAAU,EAAE,EAAE;AAChC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,IAAI,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;AACzH,IAAI,QAAQA,GAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE;AACvG,EAAE;AAEF,IAAI,gBAAgB;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __rest, __assign } from 'tslib';
|
|
1
|
+
import { __rest, __assign } from '../../../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
3
|
import { StyledButton, StyledWrapper, StyledIcon, LoadingIconWrapper } from './styles.js';
|
|
4
4
|
import { Spinner } from '../Spinner/Spinner.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../../packages/ui/Elements/Button/Button.tsx"],"sourcesContent":["import { __assign, __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { StyledButton, LoadingIconWrapper, StyledIcon, StyledWrapper } from './styles';\nimport { Spinner } from '../Spinner';\nvar Button = function (_a) {\n var isLoading = _a.isLoading, loadingText = _a.loadingText, icon = _a.icon, _b = _a.appearance, appearance = _b === void 0 ? 'primary' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.sizing, sizing = _d === void 0 ? 'normal' : _d, buttonRef = _a.buttonRef, onClick = _a.onClick, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, props = __rest(_a, [\"isLoading\", \"loadingText\", \"icon\", \"appearance\", \"disabled\", \"sizing\", \"buttonRef\", \"onClick\", \"fullWidth\"]);\n return (_jsx(StyledButton, __assign({}, props, { onClick: !disabled && !isLoading ? onClick : undefined, \"data-appearance\": appearance, \"data-sizing\": sizing, disabled: disabled, ref: buttonRef, fullWidth: fullWidth, children: _jsxs(StyledWrapper, { children: [icon && (typeof icon === 'string' ? _jsx(StyledIcon, { \"$addMargin\": !!props.children, icon: icon }) : icon), isLoading ? (_jsxs(_Fragment, { children: [_jsx(LoadingIconWrapper, { \"$addMargin\": !!loadingText || !!props.children, children: _jsx(Spinner, { variant: \"sm\" }) }), loadingText || loadingText === '' ? loadingText : 'Loading'] })) : (props.children)] }) })));\n};\nexport default Button;\n//# sourceMappingURL=Button.js.map"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;AAIG,IAAC,MAAM,GAAG,UAAU,EAAE,EAAE;AAC3B,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,WAAW,GAAG,EAAE,CAAC,WAAW,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,UAAU,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,QAAQ,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,EAAE,KAAK,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;AAC/e,IAAI,QAAQA,GAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,QAAQ,IAAI,CAAC,SAAS,GAAG,OAAO,GAAG,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAEC,IAAK,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,QAAQ,GAAGD,GAAI,CAAC,UAAU,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,SAAS,IAAIC,IAAK,CAACC,QAAS,EAAE,EAAE,QAAQ,EAAE,CAACF,GAAI,CAAC,kBAAkB,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAEA,GAAI,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,IAAI,WAAW,KAAK,EAAE,GAAG,WAAW,GAAG,SAAS,CAAC,EAAE,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE;AAC1nB;;;;"}
|