@mailstep/design-system 0.1.12 → 0.1.13
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/package.json +1 -1
- package/ui/Blocks/CornerDialog/CornerDialog.js +14 -12
- package/ui/Blocks/CornerDialog/CornerDialog.js.map +1 -1
- package/ui/Blocks/CornerDialog/index.js +6 -2
- package/ui/Blocks/CornerDialog/index.js.map +1 -1
- package/ui/Blocks/CornerDialog/styles.js +22 -11
- package/ui/Blocks/CornerDialog/styles.js.map +1 -1
- package/ui/Blocks/CornerDialog/utils.js +4 -1
- package/ui/Blocks/CornerDialog/utils.js.map +1 -1
- package/ui/Blocks/ImageList/ImageList.js +19 -17
- package/ui/Blocks/ImageList/ImageList.js.map +1 -1
- package/ui/Blocks/ImageList/components/AddPhoto/index.js +11 -9
- package/ui/Blocks/ImageList/components/AddPhoto/index.js.map +1 -1
- package/ui/Blocks/ImageList/components/AddPhoto/styles.js +12 -5
- package/ui/Blocks/ImageList/components/AddPhoto/styles.js.map +1 -1
- package/ui/Blocks/ImageList/components/CloseButton/index.js +8 -6
- package/ui/Blocks/ImageList/components/CloseButton/index.js.map +1 -1
- package/ui/Blocks/ImageList/components/CloseButton/styles.js +10 -4
- package/ui/Blocks/ImageList/components/CloseButton/styles.js.map +1 -1
- package/ui/Blocks/ImageList/components/ImageElement/index.js +9 -7
- package/ui/Blocks/ImageList/components/ImageElement/index.js.map +1 -1
- package/ui/Blocks/ImageList/components/ImageElement/styles.js +11 -5
- package/ui/Blocks/ImageList/components/ImageElement/styles.js.map +1 -1
- package/ui/Blocks/ImageList/components/ImageTag/index.js +7 -5
- package/ui/Blocks/ImageList/components/ImageTag/index.js.map +1 -1
- package/ui/Blocks/ImageList/components/ImageTag/styles.js +10 -4
- package/ui/Blocks/ImageList/components/ImageTag/styles.js.map +1 -1
- package/ui/Blocks/ImageList/index.js +6 -2
- package/ui/Blocks/ImageList/index.js.map +1 -1
- package/ui/Blocks/ImageList/styles.js +10 -4
- package/ui/Blocks/ImageList/styles.js.map +1 -1
- package/ui/Blocks/LightBox/LightBox.js +12 -10
- package/ui/Blocks/LightBox/LightBox.js.map +1 -1
- package/ui/Blocks/LightBox/hooks/useLightBox.js +8 -6
- package/ui/Blocks/LightBox/hooks/useLightBox.js.map +1 -1
- package/ui/Blocks/LightBox/index.js +8 -4
- package/ui/Blocks/LightBox/index.js.map +1 -1
- package/ui/Blocks/LightBox/styles.js +14 -6
- package/ui/Blocks/LightBox/styles.js.map +1 -1
- package/ui/Blocks/Modal/Modal.js +20 -18
- package/ui/Blocks/Modal/Modal.js.map +1 -1
- package/ui/Blocks/Modal/hooks/useClickOutside.js +8 -6
- package/ui/Blocks/Modal/hooks/useClickOutside.js.map +1 -1
- package/ui/Blocks/Modal/hooks/useModal.js +8 -6
- package/ui/Blocks/Modal/hooks/useModal.js.map +1 -1
- package/ui/Blocks/Modal/index.d.ts +1 -1
- package/ui/Blocks/Modal/index.js +7 -3
- package/ui/Blocks/Modal/index.js.map +1 -1
- package/ui/Blocks/Modal/styles.js +29 -16
- package/ui/Blocks/Modal/styles.js.map +1 -1
- package/ui/Blocks/Modal/utils.js +4 -1
- package/ui/Blocks/Modal/utils.js.map +1 -1
- package/ui/Blocks/Tabs/Tabs.js +13 -11
- package/ui/Blocks/Tabs/Tabs.js.map +1 -1
- package/ui/Blocks/Tabs/hooks/useTabs.js +6 -4
- package/ui/Blocks/Tabs/hooks/useTabs.js.map +1 -1
- package/ui/Blocks/Tabs/index.js +8 -3
- package/ui/Blocks/Tabs/index.js.map +1 -1
- package/ui/Blocks/Tabs/styles.js +19 -9
- package/ui/Blocks/Tabs/styles.js.map +1 -1
- package/ui/Elements/Alert/Alert.js +14 -10
- package/ui/Elements/Alert/Alert.js.map +1 -1
- package/ui/Elements/Alert/index.js +7 -2
- package/ui/Elements/Alert/index.js.map +1 -1
- package/ui/Elements/Alert/styles.js +29 -15
- package/ui/Elements/Alert/styles.js.map +1 -1
- package/ui/Elements/Avatar/Avatar.js +15 -9
- package/ui/Elements/Avatar/Avatar.js.map +1 -1
- package/ui/Elements/Avatar/index.js +7 -2
- package/ui/Elements/Avatar/index.js.map +1 -1
- package/ui/Elements/Badge/Badge.js +21 -13
- package/ui/Elements/Badge/Badge.js.map +1 -1
- package/ui/Elements/Badge/index.js +7 -2
- package/ui/Elements/Badge/index.js.map +1 -1
- package/ui/Elements/BorderedBox/BorderedBox.js +15 -7
- package/ui/Elements/BorderedBox/BorderedBox.js.map +1 -1
- package/ui/Elements/BorderedBox/index.js +7 -2
- package/ui/Elements/BorderedBox/index.js.map +1 -1
- package/ui/Elements/Button/Button.js +11 -7
- package/ui/Elements/Button/Button.js.map +1 -1
- package/ui/Elements/Button/index.js +7 -2
- package/ui/Elements/Button/index.js.map +1 -1
- package/ui/Elements/Button/styles.js +19 -10
- package/ui/Elements/Button/styles.js.map +1 -1
- package/ui/Elements/Card/Card.js +21 -14
- package/ui/Elements/Card/Card.js.map +1 -1
- package/ui/Elements/Card/index.js +9 -3
- package/ui/Elements/Card/index.js.map +1 -1
- package/ui/Elements/Card/styles.js +23 -13
- package/ui/Elements/Card/styles.js.map +1 -1
- package/ui/Elements/Dropdown/Dropdown.js +18 -10
- package/ui/Elements/Dropdown/Dropdown.js.map +1 -1
- package/ui/Elements/Dropdown/index.js +7 -2
- package/ui/Elements/Dropdown/index.js.map +1 -1
- package/ui/Elements/ErrorMessage/ErrorMessage.js +17 -9
- package/ui/Elements/ErrorMessage/ErrorMessage.js.map +1 -1
- package/ui/Elements/ErrorMessage/index.js +7 -2
- package/ui/Elements/ErrorMessage/index.js.map +1 -1
- package/ui/Elements/Icon/Icon.js +224 -214
- package/ui/Elements/Icon/Icon.js.map +1 -1
- package/ui/Elements/Icon/icons/Complaint.js +6 -4
- package/ui/Elements/Icon/icons/Complaint.js.map +1 -1
- package/ui/Elements/Icon/icons/Expeditions.js +6 -4
- package/ui/Elements/Icon/icons/Expeditions.js.map +1 -1
- package/ui/Elements/Icon/icons/FlagCZ.js +6 -4
- package/ui/Elements/Icon/icons/FlagCZ.js.map +1 -1
- package/ui/Elements/Icon/icons/FlagUSA.js +6 -4
- package/ui/Elements/Icon/icons/FlagUSA.js.map +1 -1
- package/ui/Elements/Icon/icons/HamburgerMenu.js +6 -4
- package/ui/Elements/Icon/icons/HamburgerMenu.js.map +1 -1
- package/ui/Elements/Icon/icons/HelpCircle1.js +6 -4
- package/ui/Elements/Icon/icons/HelpCircle1.js.map +1 -1
- package/ui/Elements/Icon/icons/Income.js +6 -4
- package/ui/Elements/Icon/icons/Income.js.map +1 -1
- package/ui/Elements/Icon/icons/Inventory.js +6 -4
- package/ui/Elements/Icon/icons/Inventory.js.map +1 -1
- package/ui/Elements/Icon/icons/MenuItems.js +6 -4
- package/ui/Elements/Icon/icons/MenuItems.js.map +1 -1
- package/ui/Elements/Icon/icons/MobileCancel.js +6 -4
- package/ui/Elements/Icon/icons/MobileCancel.js.map +1 -1
- package/ui/Elements/Icon/icons/Notification2.js +6 -4
- package/ui/Elements/Icon/icons/Notification2.js.map +1 -1
- package/ui/Elements/Icon/icons/Plus1.js +6 -4
- package/ui/Elements/Icon/icons/Plus1.js.map +1 -1
- package/ui/Elements/Icon/icons/Products.js +6 -4
- package/ui/Elements/Icon/icons/Products.js.map +1 -1
- package/ui/Elements/Icon/icons/Profile.js +6 -4
- package/ui/Elements/Icon/icons/Profile.js.map +1 -1
- package/ui/Elements/Icon/icons/Return.js +6 -4
- package/ui/Elements/Icon/icons/Return.js.map +1 -1
- package/ui/Elements/Icon/icons/Settings2.js +6 -4
- package/ui/Elements/Icon/icons/Settings2.js.map +1 -1
- package/ui/Elements/Icon/icons/Transfer.js +6 -4
- package/ui/Elements/Icon/icons/Transfer.js.map +1 -1
- package/ui/Elements/Icon/index.js +10 -5
- package/ui/Elements/Icon/index.js.map +1 -1
- package/ui/Elements/Image/Image.js +9 -5
- package/ui/Elements/Image/Image.js.map +1 -1
- package/ui/Elements/Image/index.js +7 -2
- package/ui/Elements/Image/index.js.map +1 -1
- package/ui/Elements/Label/Label.js +17 -10
- package/ui/Elements/Label/Label.js.map +1 -1
- package/ui/Elements/Label/index.js +8 -3
- package/ui/Elements/Label/index.js.map +1 -1
- package/ui/Elements/Line/Line.js +14 -6
- package/ui/Elements/Line/Line.js.map +1 -1
- package/ui/Elements/Line/index.js +7 -2
- package/ui/Elements/Line/index.js.map +1 -1
- package/ui/Elements/Link/Link.js +23 -15
- package/ui/Elements/Link/Link.js.map +1 -1
- package/ui/Elements/Link/index.js +7 -2
- package/ui/Elements/Link/index.js.map +1 -1
- package/ui/Elements/Logo/Logo.js +35 -27
- package/ui/Elements/Logo/Logo.js.map +1 -1
- package/ui/Elements/Logo/assets/mailship/logo_black.png.js +5 -1
- package/ui/Elements/Logo/assets/mailship/logo_black.png.js.map +1 -1
- package/ui/Elements/Logo/assets/mailship/logo_m.png.js +5 -1
- package/ui/Elements/Logo/assets/mailship/logo_m.png.js.map +1 -1
- package/ui/Elements/Logo/assets/mailship/logo_white.png.js +5 -1
- package/ui/Elements/Logo/assets/mailship/logo_white.png.js.map +1 -1
- package/ui/Elements/Logo/assets/mailship/mailship-logo.svg.js +6 -2
- package/ui/Elements/Logo/assets/mailship/mailship-logo.svg.js.map +1 -1
- package/ui/Elements/Logo/assets/mailstep/mailstep_black.svg.js +6 -2
- package/ui/Elements/Logo/assets/mailstep/mailstep_black.svg.js.map +1 -1
- package/ui/Elements/Logo/assets/mailstep/mailstep_white.svg.js +6 -2
- package/ui/Elements/Logo/assets/mailstep/mailstep_white.svg.js.map +1 -1
- package/ui/Elements/Logo/assets/mailstock/mailstock.svg.js +6 -2
- package/ui/Elements/Logo/assets/mailstock/mailstock.svg.js.map +1 -1
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogo.svg.js +6 -2
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogo.svg.js.map +1 -1
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogoSmall.svg.js +6 -2
- package/ui/Elements/Logo/assets/mailwise/mailwiseLogoSmall.svg.js.map +1 -1
- package/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg.js +6 -2
- package/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg.js.map +1 -1
- package/ui/Elements/Logo/index.js +7 -2
- package/ui/Elements/Logo/index.js.map +1 -1
- package/ui/Elements/Pagination/Pagination.js +11 -7
- package/ui/Elements/Pagination/Pagination.js.map +1 -1
- package/ui/Elements/Pagination/index.js +7 -2
- package/ui/Elements/Pagination/index.js.map +1 -1
- package/ui/Elements/Pagination/styled.js +25 -14
- package/ui/Elements/Pagination/styled.js.map +1 -1
- package/ui/Elements/Paragraph/Paragraph.js +7 -3
- package/ui/Elements/Paragraph/Paragraph.js.map +1 -1
- package/ui/Elements/Paragraph/index.js +7 -2
- package/ui/Elements/Paragraph/index.js.map +1 -1
- package/ui/Elements/Portal/index.js +15 -6
- package/ui/Elements/Portal/index.js.map +1 -1
- package/ui/Elements/ProgressBar/ProgressBar.js +8 -4
- package/ui/Elements/ProgressBar/ProgressBar.js.map +1 -1
- package/ui/Elements/ProgressBar/index.js +7 -2
- package/ui/Elements/ProgressBar/index.js.map +1 -1
- package/ui/Elements/ProgressBar/styles.js +22 -14
- package/ui/Elements/ProgressBar/styles.js.map +1 -1
- package/ui/Elements/SimpleLink/SimpleLink.js +15 -7
- package/ui/Elements/SimpleLink/SimpleLink.js.map +1 -1
- package/ui/Elements/SimpleLink/index.js +7 -2
- package/ui/Elements/SimpleLink/index.js.map +1 -1
- package/ui/Elements/SpaceAround/SpaceAround.js +20 -12
- package/ui/Elements/SpaceAround/SpaceAround.js.map +1 -1
- package/ui/Elements/SpaceAround/index.js +7 -2
- package/ui/Elements/SpaceAround/index.js.map +1 -1
- package/ui/Elements/Spinner/Spinner.js +10 -4
- package/ui/Elements/Spinner/Spinner.js.map +1 -1
- package/ui/Elements/Spinner/index.js +7 -2
- package/ui/Elements/Spinner/index.js.map +1 -1
- package/ui/Elements/Spinner/styles.js +16 -9
- package/ui/Elements/Spinner/styles.js.map +1 -1
- package/ui/Elements/Tag/Tag.js +16 -7
- package/ui/Elements/Tag/Tag.js.map +1 -1
- package/ui/Elements/Tag/index.js +7 -2
- package/ui/Elements/Tag/index.js.map +1 -1
- package/ui/Elements/Tag/palletes.js +3 -1
- package/ui/Elements/Tag/palletes.js.map +1 -1
- package/ui/Elements/Text/Text.js +9 -5
- package/ui/Elements/Text/Text.js.map +1 -1
- package/ui/Elements/Toast/Toast.js +18 -10
- package/ui/Elements/Toast/Toast.js.map +1 -1
- package/ui/Elements/Toast/index.js +7 -2
- package/ui/Elements/Toast/index.js.map +1 -1
- package/ui/Elements/Toggle/Toggle.js +23 -15
- package/ui/Elements/Toggle/Toggle.js.map +1 -1
- package/ui/Elements/Toggle/index.js +7 -2
- package/ui/Elements/Toggle/index.js.map +1 -1
- package/ui/Elements/Typography/Typography.js +31 -17
- package/ui/Elements/Typography/Typography.js.map +1 -1
- package/ui/Elements/Typography/index.js +19 -3
- package/ui/Elements/Typography/index.js.map +1 -1
- package/ui/Forms/Checkbox/Checkbox.js +13 -9
- package/ui/Forms/Checkbox/Checkbox.js.map +1 -1
- package/ui/Forms/Checkbox/index.js +7 -2
- package/ui/Forms/Checkbox/index.js.map +1 -1
- package/ui/Forms/Checkbox/styles.js +18 -9
- package/ui/Forms/Checkbox/styles.js.map +1 -1
- package/ui/Forms/Input/Input.js +21 -19
- package/ui/Forms/Input/Input.js.map +1 -1
- package/ui/Forms/Input/index.js +7 -2
- package/ui/Forms/Input/index.js.map +1 -1
- package/ui/Forms/Input/styles.js +32 -19
- package/ui/Forms/Input/styles.js.map +1 -1
- package/ui/Forms/RadioButton/RadioButton.js +10 -6
- package/ui/Forms/RadioButton/RadioButton.js.map +1 -1
- package/ui/Forms/RadioButton/index.js +7 -2
- package/ui/Forms/RadioButton/index.js.map +1 -1
- package/ui/Forms/RadioButton/styles.js +20 -9
- package/ui/Forms/RadioButton/styles.js.map +1 -1
- package/ui/ThemeProvider/ThemeProvider.js +9 -5
- package/ui/ThemeProvider/ThemeProvider.js.map +1 -1
- package/ui/ThemeProvider/index.js +6 -2
- package/ui/ThemeProvider/index.js.map +1 -1
- package/ui/ThemeProvider/themes/default.js +5 -1
- package/ui/ThemeProvider/themes/default.js.map +1 -1
- package/ui/ThemeProvider/themes/index.js +11 -7
- package/ui/ThemeProvider/themes/index.js.map +1 -1
- package/ui/ThemeProvider/themes/light.js +5 -1
- package/ui/ThemeProvider/themes/light.js.map +1 -1
- package/ui/ThemeProvider/themes/mailwise.js +5 -1
- package/ui/ThemeProvider/themes/mailwise.js.map +1 -1
- package/ui/dts/ThemeProvider/index.d.ts +0 -1
- package/ui/index.d.ts +1 -1
- package/ui/index.js +143 -60
- package/ui/index.js.map +1 -1
- package/ui/utils/CreateRgba/createRgba.js +15 -6
- package/ui/utils/CreateRgba/createRgba.js.map +1 -1
- package/ui/utils/KeyPress/KeyPress.js +8 -4
- package/ui/utils/KeyPress/KeyPress.js.map +1 -1
- package/ui/utils/KeyPress/index.js +6 -2
- package/ui/utils/KeyPress/index.js.map +1 -1
- package/ui/utils/index.js +11 -5
- package/ui/utils/index.js.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mailwrapLogo.svg.js","sources":["../../../../../../packages/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20version%3D%221.2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20259%2053%22%20width%3D%22259%22%20height%3D%2253%22%3E%3Cdefs%3E%3CclipPath%20clipPathUnits%3D%22userSpaceOnUse%22%20id%3D%22cp1%22%3E%3Cpath%20d%3D%22m-294.22-374.2h793.71v793.7h-793.71z%22%20%2F%3E%3C%2FclipPath%3E%3Cimage%20%20width%3D%2210%22%20height%3D%224%22%20id%3D%22img1%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAAoAAAAEAQMAAACN9jyOAAAAAXNSR0IB2cksfwAAAAZQTFRF%2F%2F%2F%2F%2F%2F%2F%2FVXz1bAAAAAJ0Uk5T%2F8%2FubO9rAAAADUlEQVR4nGNgcGCAAQACjABB8%2FvblwAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3Cimage%20%20width%3D%2210%22%20height%3D%224%22%20id%3D%22img2%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAAoAAAAEAQMAAACN9jyOAAAAAXNSR0IB2cksfwAAAAZQTFRF%2F%2F%2F%2F%2F%2F%2F%2FVXz1bAAAAAJ0Uk5T%2F8%2FubO9rAAAADUlEQVR4nGNgcGCAAQACjABB8%2FvblwAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3Cimage%20%20width%3D%2225%22%20height%3D%2229%22%20id%3D%22img3%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABkAAAAdCAMAAABopjdHAAAAAXNSR0IB2cksfwAAAMNQTFRF%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FWcU9VgAAAEF0Uk5TgH8gAK%2FP%2F0CQvxAwYMDv33Cgb58%2FXz706%2Fz%2B9vD3GHVCWIt%2BUTUvTa0GDzgB8y7k8h%2F49SMI%2FS0dFgQSERkUCQJ4fsqRAAAAxElEQVR4nHXSZxOCMAwG4EqgLMWFCxX3QHGLe%2F3%2FXyXeSZv2ru%2BnJM%2BXNFdCclk0AE03qKGb8AuhLCZY%2F8p2RHHzrNQl4SUlghSQeBoWIZZSikqhLhadGLwpIbEBHI91ZSSV9BFVvikSP5UaX0ESn7eS1BvNFqVBu9MNJAl7%2FcFwNJ5MZ3NJIsiyQLJM%2B5gJusFqDUK4bEKVbHcq2SvlcETjOIm4nM5sLP%2BdCxoLElxVQpObYgMK94dK4PnC1xEf8f6w8gsBxRaZ5mJdeAAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3C%2Fdefs%3E%3Cstyle%3E.s0%7Bfill%3A%23ec2227%7D.s1%7Bfill%3A%23ffffff%7D%3C%2Fstyle%3E%3Cg%20clip-path%3D%22url%28%23cp1%29%22%3E%3Cpath%20class%3D%22s0%22%20d%3D%22m28.7%2043.7v-15.2c0-1-0.1-2.9-1.6-2.9c-2.1%200-2.3%202.8-2.3%204.3v13.8h-10.2v-15c0-1.3-0.1-2.9-1.6-2.9c-2.4%200-2.3%202.6-2.3%204.3v13.6h-10.2v-27.4h10.2v1.5q0%201.5-0.1%203.1c1.5-3%203.3-5.1%206.9-5.1c3.9%200%205.9%202.4%207.3%205.6c1.2-3.3%203-5.6%206.8-5.6c1.8%200%203.5%200.6%204.8%201.8c2.2%202%202.4%204.6%202.4%207.4v18.7z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m57.8%2043.7c0.1-1.5%200.2-3.1%200.3-4.6c-1.4%202.9-3.5%205.2-7%205.2c-6.9%200-8.3-9.1-8.3-14.4c0-5.5%201.5-14.1%208.5-14.1c3.3%200%205.3%202.1%206.6%204.9c-0.1-1.5-0.1-2.9-0.3-4.4h10.4v27.4zm-2.2-19.6c-2.7%200-2.6%205.1-2.6%206.9c0%201.5%200.1%204.9%202.3%204.9c2.7%200%202.4-5.2%202.4-7.1c0-1.4-0.1-4.7-2.1-4.7z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m203%2043v-27.4h10.3c-0.2%201.5-0.2%202.9-0.3%204.3c1.3-2.7%203.3-4.9%206.5-4.9c6.9%200%208.5%208.7%208.5%2014.1c0%205.3-1.4%2014.5-8.3%2014.5c-3.4%200-5.5-2.3-6.9-5.2c0.1%201.5%200.2%203.1%200.3%204.6zm10.3-14.9c0%201.8-0.3%207.1%202.3%207.1c2.2%200%202.3-3.4%202.3-4.9c0-1.9%200.1-6.9-2.6-6.9c-2%200-2%203.2-2%204.7z%22%20%2F%3E%3Cuse%20%20href%3D%22%23img1%22%20x%3D%22203%22%20y%3D%2243%22%20%2F%3E%3Cuse%20%20href%3D%22%23img2%22%20x%3D%22203%22%20y%3D%2247%22%20%2F%3E%3Cuse%20%20href%3D%22%23img3%22%20x%3D%22143%22%20y%3D%2215%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m186.8%2042.7c0.1-1.5%200.2-3.1%200.3-4.6c-1.4%202.9-3.5%205.2-7%205.2c-6.9%200-8.3-9.1-8.3-14.4c0-5.5%201.5-14.1%208.5-14.1c3.3%200%205.3%202.1%206.6%204.9c-0.1-1.5-0.1-2.9-0.3-4.4h10.4v27.4zm-2.2-19.6c-2.7%200-2.6%205.1-2.6%206.9c0%201.5%200.1%204.9%202.3%204.9c2.7%200%202.4-5.2%202.4-7.1c0-1.4-0.1-4.7-2.1-4.7z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m72.7%2016.3h10.1v27.4h-10.1zm5.1-2.5c-3.3%200-5.9-2.8-5.9-6c0-3.2%202.7-5.9%205.9-5.9c3.2%200%205.9%202.7%205.9%205.9c0%203.3-2.6%206-5.9%206z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m87.5%201h10.2v42.7h-10.2z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m132.1%2043.7h-10.1l-2.1-16.4l-3.1%2016.4h-10l-6.8-27.4h10c1%205.6%202.2%2011%202.6%2016.6c0.5-5.6%201.9-11.1%203.1-16.6h8.7c0.9%205.6%201.9%2011%202.4%2016.6c0.8-5.6%201.9-11%203.1-16.6h10.1z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\""],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mailwrapLogo.svg.js","sources":["../../../../../../packages/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20version%3D%221.2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20259%2053%22%20width%3D%22259%22%20height%3D%2253%22%3E%3Cdefs%3E%3CclipPath%20clipPathUnits%3D%22userSpaceOnUse%22%20id%3D%22cp1%22%3E%3Cpath%20d%3D%22m-294.22-374.2h793.71v793.7h-793.71z%22%20%2F%3E%3C%2FclipPath%3E%3Cimage%20%20width%3D%2210%22%20height%3D%224%22%20id%3D%22img1%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAAoAAAAEAQMAAACN9jyOAAAAAXNSR0IB2cksfwAAAAZQTFRF%2F%2F%2F%2F%2F%2F%2F%2FVXz1bAAAAAJ0Uk5T%2F8%2FubO9rAAAADUlEQVR4nGNgcGCAAQACjABB8%2FvblwAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3Cimage%20%20width%3D%2210%22%20height%3D%224%22%20id%3D%22img2%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAAoAAAAEAQMAAACN9jyOAAAAAXNSR0IB2cksfwAAAAZQTFRF%2F%2F%2F%2F%2F%2F%2F%2FVXz1bAAAAAJ0Uk5T%2F8%2FubO9rAAAADUlEQVR4nGNgcGCAAQACjABB8%2FvblwAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3Cimage%20%20width%3D%2225%22%20height%3D%2229%22%20id%3D%22img3%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABkAAAAdCAMAAABopjdHAAAAAXNSR0IB2cksfwAAAMNQTFRF%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FWcU9VgAAAEF0Uk5TgH8gAK%2FP%2F0CQvxAwYMDv33Cgb58%2FXz706%2Fz%2B9vD3GHVCWIt%2BUTUvTa0GDzgB8y7k8h%2F49SMI%2FS0dFgQSERkUCQJ4fsqRAAAAxElEQVR4nHXSZxOCMAwG4EqgLMWFCxX3QHGLe%2F3%2FXyXeSZv2ru%2BnJM%2BXNFdCclk0AE03qKGb8AuhLCZY%2F8p2RHHzrNQl4SUlghSQeBoWIZZSikqhLhadGLwpIbEBHI91ZSSV9BFVvikSP5UaX0ESn7eS1BvNFqVBu9MNJAl7%2FcFwNJ5MZ3NJIsiyQLJM%2B5gJusFqDUK4bEKVbHcq2SvlcETjOIm4nM5sLP%2BdCxoLElxVQpObYgMK94dK4PnC1xEf8f6w8gsBxRaZ5mJdeAAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3C%2Fdefs%3E%3Cstyle%3E.s0%7Bfill%3A%23ec2227%7D.s1%7Bfill%3A%23ffffff%7D%3C%2Fstyle%3E%3Cg%20clip-path%3D%22url%28%23cp1%29%22%3E%3Cpath%20class%3D%22s0%22%20d%3D%22m28.7%2043.7v-15.2c0-1-0.1-2.9-1.6-2.9c-2.1%200-2.3%202.8-2.3%204.3v13.8h-10.2v-15c0-1.3-0.1-2.9-1.6-2.9c-2.4%200-2.3%202.6-2.3%204.3v13.6h-10.2v-27.4h10.2v1.5q0%201.5-0.1%203.1c1.5-3%203.3-5.1%206.9-5.1c3.9%200%205.9%202.4%207.3%205.6c1.2-3.3%203-5.6%206.8-5.6c1.8%200%203.5%200.6%204.8%201.8c2.2%202%202.4%204.6%202.4%207.4v18.7z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m57.8%2043.7c0.1-1.5%200.2-3.1%200.3-4.6c-1.4%202.9-3.5%205.2-7%205.2c-6.9%200-8.3-9.1-8.3-14.4c0-5.5%201.5-14.1%208.5-14.1c3.3%200%205.3%202.1%206.6%204.9c-0.1-1.5-0.1-2.9-0.3-4.4h10.4v27.4zm-2.2-19.6c-2.7%200-2.6%205.1-2.6%206.9c0%201.5%200.1%204.9%202.3%204.9c2.7%200%202.4-5.2%202.4-7.1c0-1.4-0.1-4.7-2.1-4.7z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m203%2043v-27.4h10.3c-0.2%201.5-0.2%202.9-0.3%204.3c1.3-2.7%203.3-4.9%206.5-4.9c6.9%200%208.5%208.7%208.5%2014.1c0%205.3-1.4%2014.5-8.3%2014.5c-3.4%200-5.5-2.3-6.9-5.2c0.1%201.5%200.2%203.1%200.3%204.6zm10.3-14.9c0%201.8-0.3%207.1%202.3%207.1c2.2%200%202.3-3.4%202.3-4.9c0-1.9%200.1-6.9-2.6-6.9c-2%200-2%203.2-2%204.7z%22%20%2F%3E%3Cuse%20%20href%3D%22%23img1%22%20x%3D%22203%22%20y%3D%2243%22%20%2F%3E%3Cuse%20%20href%3D%22%23img2%22%20x%3D%22203%22%20y%3D%2247%22%20%2F%3E%3Cuse%20%20href%3D%22%23img3%22%20x%3D%22143%22%20y%3D%2215%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m186.8%2042.7c0.1-1.5%200.2-3.1%200.3-4.6c-1.4%202.9-3.5%205.2-7%205.2c-6.9%200-8.3-9.1-8.3-14.4c0-5.5%201.5-14.1%208.5-14.1c3.3%200%205.3%202.1%206.6%204.9c-0.1-1.5-0.1-2.9-0.3-4.4h10.4v27.4zm-2.2-19.6c-2.7%200-2.6%205.1-2.6%206.9c0%201.5%200.1%204.9%202.3%204.9c2.7%200%202.4-5.2%202.4-7.1c0-1.4-0.1-4.7-2.1-4.7z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m72.7%2016.3h10.1v27.4h-10.1zm5.1-2.5c-3.3%200-5.9-2.8-5.9-6c0-3.2%202.7-5.9%205.9-5.9c3.2%200%205.9%202.7%205.9%205.9c0%203.3-2.6%206-5.9%206z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m87.5%201h10.2v42.7h-10.2z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m132.1%2043.7h-10.1l-2.1-16.4l-3.1%2016.4h-10l-6.8-27.4h10c1%205.6%202.2%2011%202.6%2016.6c0.5-5.6%201.9-11.1%203.1-16.6h8.7c0.9%205.6%201.9%2011%202.4%2016.6c0.8-5.6%201.9-11%203.1-16.6h10.1z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;;;;;AA6DA,mBAAe,8qJAA8qJ;;;;"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
4
|
|
|
5
|
+
var Logo = require('./Logo.js');
|
|
4
6
|
|
|
5
|
-
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.Logo = Logo.default;
|
|
10
|
+
exports.default = Logo.default;
|
|
6
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -1,17 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var styled = require('./styled.js');
|
|
4
8
|
|
|
5
9
|
var Pagination = function (_a) {
|
|
6
10
|
var onPageChange = _a.onPageChange, itemPerPage = _a.itemPerPage, itemCount = _a.itemCount, page = _a.page;
|
|
7
|
-
var setPage = useCallback(function (number) { return function () {
|
|
11
|
+
var setPage = React.useCallback(function (number) { return function () {
|
|
8
12
|
if (onPageChange) {
|
|
9
13
|
onPageChange(number);
|
|
10
14
|
}
|
|
11
15
|
}; }, [onPageChange]);
|
|
12
16
|
var pageX = page !== null && page !== void 0 ? page : 1;
|
|
13
17
|
var pageCount = Math.max(Math.ceil((itemCount !== null && itemCount !== void 0 ? itemCount : 0) / (itemPerPage !== null && itemPerPage !== void 0 ? itemPerPage : 3)), 1);
|
|
14
|
-
var arrayOfPages = useMemo(function () {
|
|
18
|
+
var arrayOfPages = React.useMemo(function () {
|
|
15
19
|
var pageNumbers = Array.from({ length: pageCount }, function (_, i) { return i + 1; });
|
|
16
20
|
// first and last page are still visible
|
|
17
21
|
// if number of pages is less than 6 (display all pages without dots and duplication of first and last char)
|
|
@@ -31,8 +35,8 @@ var Pagination = function (_a) {
|
|
|
31
35
|
return pageNumbers.slice(pageX - 3, pageX + 2);
|
|
32
36
|
}
|
|
33
37
|
}, [pageCount, pageX]);
|
|
34
|
-
return (jsxs(Wrapper, { children: [jsx(Btn, { disabled: pageX <= 1, onClick: setPage(pageX - 1), children: jsx(GoIcon, { icon: "goLeft", isActive: pageX > 1 }) }), jsx(PageBtn, { isCurrent: pageX === 1, onClick: setPage(1), children: 1 }), pageX >= 5 && pageCount > 6 && jsx(DotsWrapper, { children: "..." }), arrayOfPages === null || arrayOfPages === void 0 ? void 0 : arrayOfPages.map(function (number) { return (jsx(PageBtn, { isCurrent: pageX === number, onClick: setPage(number !== null && number !== void 0 ? number : 1), children: number }, number)); }), pageX < pageCount - 3 && pageCount > 6 && jsx(DotsWrapper, { children: "..." }), pageCount !== 1 && (jsx(PageBtn, { isCurrent: pageX === pageCount, onClick: setPage(pageCount), children: pageCount })), jsx(Btn, { disabled: pageX >= pageCount, onClick: setPage(pageX + 1), children: jsx(GoIcon, { icon: "goRight", isActive: pageX < pageCount }) })] }));
|
|
38
|
+
return (jsxRuntime.jsxs(styled.Wrapper, { children: [jsxRuntime.jsx(styled.Btn, { disabled: pageX <= 1, onClick: setPage(pageX - 1), children: jsxRuntime.jsx(styled.GoIcon, { icon: "goLeft", isActive: pageX > 1 }) }), jsxRuntime.jsx(styled.PageBtn, { isCurrent: pageX === 1, onClick: setPage(1), children: 1 }), pageX >= 5 && pageCount > 6 && jsxRuntime.jsx(styled.DotsWrapper, { children: "..." }), arrayOfPages === null || arrayOfPages === void 0 ? void 0 : arrayOfPages.map(function (number) { return (jsxRuntime.jsx(styled.PageBtn, { isCurrent: pageX === number, onClick: setPage(number !== null && number !== void 0 ? number : 1), children: number }, number)); }), pageX < pageCount - 3 && pageCount > 6 && jsxRuntime.jsx(styled.DotsWrapper, { children: "..." }), pageCount !== 1 && (jsxRuntime.jsx(styled.PageBtn, { isCurrent: pageX === pageCount, onClick: setPage(pageCount), children: pageCount })), jsxRuntime.jsx(styled.Btn, { disabled: pageX >= pageCount, onClick: setPage(pageX + 1), children: jsxRuntime.jsx(styled.GoIcon, { icon: "goRight", isActive: pageX < pageCount }) })] }));
|
|
35
39
|
};
|
|
36
40
|
|
|
37
|
-
|
|
41
|
+
exports.default = Pagination;
|
|
38
42
|
//# sourceMappingURL=Pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sources":["../../../../packages/ui/Elements/Pagination/Pagination.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useMemo } from 'react';\nimport { Btn, GoIcon, Wrapper, PageBtn, DotsWrapper } from './styled';\nvar Pagination = function (_a) {\n var onPageChange = _a.onPageChange, itemPerPage = _a.itemPerPage, itemCount = _a.itemCount, page = _a.page;\n var setPage = useCallback(function (number) { return function () {\n if (onPageChange) {\n onPageChange(number);\n }\n }; }, [onPageChange]);\n var pageX = page !== null && page !== void 0 ? page : 1;\n var pageCount = Math.max(Math.ceil((itemCount !== null && itemCount !== void 0 ? itemCount : 0) / (itemPerPage !== null && itemPerPage !== void 0 ? itemPerPage : 3)), 1);\n var arrayOfPages = useMemo(function () {\n var pageNumbers = Array.from({ length: pageCount }, function (_, i) { return i + 1; });\n // first and last page are still visible\n // if number of pages is less than 6 (display all pages without dots and duplication of first and last char)\n if (pageCount < 6) {\n return pageNumbers.slice(1, pageCount - 1);\n // if current page is less than 5 (display first 5 pages)\n }\n else if (pageX < 5) {\n return pageNumbers.slice(1, 5);\n // display last 5 pages\n }\n else if (pageX > pageCount - 4) {\n return pageNumbers.slice(pageCount - 5, pageCount - 1);\n }\n else {\n // display dispersion of 2 chars from current page (part between dots)\n return pageNumbers.slice(pageX - 3, pageX + 2);\n }\n }, [pageCount, pageX]);\n return (_jsxs(Wrapper, { children: [_jsx(Btn, { disabled: pageX <= 1, onClick: setPage(pageX - 1), children: _jsx(GoIcon, { icon: \"goLeft\", isActive: pageX > 1 }) }), _jsx(PageBtn, { isCurrent: pageX === 1, onClick: setPage(1), children: 1 }), pageX >= 5 && pageCount > 6 && _jsx(DotsWrapper, { children: \"...\" }), arrayOfPages === null || arrayOfPages === void 0 ? void 0 : arrayOfPages.map(function (number) { return (_jsx(PageBtn, { isCurrent: pageX === number, onClick: setPage(number !== null && number !== void 0 ? number : 1), children: number }, number)); }), pageX < pageCount - 3 && pageCount > 6 && _jsx(DotsWrapper, { children: \"...\" }), pageCount !== 1 && (_jsx(PageBtn, { isCurrent: pageX === pageCount, onClick: setPage(pageCount), children: pageCount })), _jsx(Btn, { disabled: pageX >= pageCount, onClick: setPage(pageX + 1), children: _jsx(GoIcon, { icon: \"goRight\", isActive: pageX < pageCount }) })] }));\n};\nexport default Pagination;\n//# sourceMappingURL=Pagination.js.map"],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Pagination.js","sources":["../../../../packages/ui/Elements/Pagination/Pagination.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useMemo } from 'react';\nimport { Btn, GoIcon, Wrapper, PageBtn, DotsWrapper } from './styled';\nvar Pagination = function (_a) {\n var onPageChange = _a.onPageChange, itemPerPage = _a.itemPerPage, itemCount = _a.itemCount, page = _a.page;\n var setPage = useCallback(function (number) { return function () {\n if (onPageChange) {\n onPageChange(number);\n }\n }; }, [onPageChange]);\n var pageX = page !== null && page !== void 0 ? page : 1;\n var pageCount = Math.max(Math.ceil((itemCount !== null && itemCount !== void 0 ? itemCount : 0) / (itemPerPage !== null && itemPerPage !== void 0 ? itemPerPage : 3)), 1);\n var arrayOfPages = useMemo(function () {\n var pageNumbers = Array.from({ length: pageCount }, function (_, i) { return i + 1; });\n // first and last page are still visible\n // if number of pages is less than 6 (display all pages without dots and duplication of first and last char)\n if (pageCount < 6) {\n return pageNumbers.slice(1, pageCount - 1);\n // if current page is less than 5 (display first 5 pages)\n }\n else if (pageX < 5) {\n return pageNumbers.slice(1, 5);\n // display last 5 pages\n }\n else if (pageX > pageCount - 4) {\n return pageNumbers.slice(pageCount - 5, pageCount - 1);\n }\n else {\n // display dispersion of 2 chars from current page (part between dots)\n return pageNumbers.slice(pageX - 3, pageX + 2);\n }\n }, [pageCount, pageX]);\n return (_jsxs(Wrapper, { children: [_jsx(Btn, { disabled: pageX <= 1, onClick: setPage(pageX - 1), children: _jsx(GoIcon, { icon: \"goLeft\", isActive: pageX > 1 }) }), _jsx(PageBtn, { isCurrent: pageX === 1, onClick: setPage(1), children: 1 }), pageX >= 5 && pageCount > 6 && _jsx(DotsWrapper, { children: \"...\" }), arrayOfPages === null || arrayOfPages === void 0 ? void 0 : arrayOfPages.map(function (number) { return (_jsx(PageBtn, { isCurrent: pageX === number, onClick: setPage(number !== null && number !== void 0 ? number : 1), children: number }, number)); }), pageX < pageCount - 3 && pageCount > 6 && _jsx(DotsWrapper, { children: \"...\" }), pageCount !== 1 && (_jsx(PageBtn, { isCurrent: pageX === pageCount, onClick: setPage(pageCount), children: pageCount })), _jsx(Btn, { disabled: pageX >= pageCount, onClick: setPage(pageX + 1), children: _jsx(GoIcon, { icon: \"goRight\", isActive: pageX < pageCount }) })] }));\n};\nexport default Pagination;\n//# sourceMappingURL=Pagination.js.map"],"names":["useCallback","useMemo","_jsxs","Wrapper","_jsx","Btn","GoIcon","PageBtn","DotsWrapper"],"mappings":"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"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
4
|
|
|
5
|
+
var Pagination = require('./Pagination.js');
|
|
4
6
|
|
|
5
|
-
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.Pagination = Pagination.default;
|
|
10
|
+
exports.default = Pagination.default;
|
|
6
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -1,27 +1,38 @@
|
|
|
1
|
-
|
|
2
|
-
import styled, { x, th } from '@xstyled/styled-components';
|
|
3
|
-
import Icon from '../Icon/Icon.js';
|
|
4
|
-
import 'react/jsx-runtime';
|
|
1
|
+
'use strict';
|
|
5
2
|
|
|
6
|
-
var
|
|
7
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
|
+
var styled = require('@xstyled/styled-components');
|
|
5
|
+
var Icon = require('../Icon/Icon.js');
|
|
6
|
+
require('react/jsx-runtime');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
|
+
|
|
10
|
+
var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
|
|
11
|
+
|
|
12
|
+
var Wrapper = styled__default.default(styled.x.div)(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n\n & > *:not(:last-child) {\n margin-right: 4px;\n }\n"], ["\n display: inline-flex;\n align-items: center;\n\n & > *:not(:last-child) {\n margin-right: 4px;\n }\n"])));
|
|
13
|
+
var Btn = styled__default.default.button(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n background-color: transparent;\n border: none;\n cursor: ", ";\n opacity: ", ";\n"], ["\n background-color: transparent;\n border: none;\n cursor: ", ";\n opacity: ", ";\n"])), function (_a) {
|
|
8
14
|
var disabled = _a.disabled;
|
|
9
15
|
return (disabled ? 'default' : 'pointer');
|
|
10
16
|
}, function (_a) {
|
|
11
17
|
var disabled = _a.disabled;
|
|
12
18
|
return (disabled ? 0 : 1);
|
|
13
19
|
});
|
|
14
|
-
var ArrowIcon =
|
|
15
|
-
var GoIcon =
|
|
16
|
-
var DotsWrapper =
|
|
17
|
-
var PageBtn =
|
|
20
|
+
var ArrowIcon = styled__default.default(Icon.default)(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n border-radius: 50%;\n aspect-ratio: 1 / 1;\n width: 16px;\n display: flex;\n align-items: center;\n color: gray1;\n\n &:hover {\n color: blue2;\n }\n"], ["\n border-radius: 50%;\n aspect-ratio: 1 / 1;\n width: 16px;\n display: flex;\n align-items: center;\n color: gray1;\n\n &:hover {\n color: blue2;\n }\n"])));
|
|
21
|
+
var GoIcon = styled__default.default(ArrowIcon)(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n margin: 0 8px;\n font-size: 11px;\n & > svg {\n width: 10px;\n }\n"], ["\n margin: 0 8px;\n font-size: 11px;\n & > svg {\n width: 10px;\n }\n"])));
|
|
22
|
+
var DotsWrapper = styled__default.default.div(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n color: gray1;\n"], ["\n color: gray1;\n"])));
|
|
23
|
+
var PageBtn = styled__default.default.span(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n height: 18px;\n min-width: 18px;\n display: flex;\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n margin: 0 4px;\n color: ", ";\n font-size: 14px;\n font-weight: ", ";\n font-family: ", ";\n line-height: 1em;\n\n &:hover {\n color: blue2;\n }\n"], ["\n height: 18px;\n min-width: 18px;\n display: flex;\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n margin: 0 4px;\n color: ", ";\n font-size: 14px;\n font-weight: ", ";\n font-family: ", ";\n line-height: 1em;\n\n &:hover {\n color: blue2;\n }\n"])), function (_a) {
|
|
18
24
|
var isCurrent = _a.isCurrent;
|
|
19
|
-
return (isCurrent ? th.color('red1') : th.color('gray1'));
|
|
25
|
+
return (isCurrent ? styled.th.color('red1') : styled.th.color('gray1'));
|
|
20
26
|
}, function (_a) {
|
|
21
27
|
var isCurrent = _a.isCurrent;
|
|
22
|
-
return (isCurrent ? th.fontWeight('semiBold') : th.fontWeight('medium'));
|
|
23
|
-
}, th('fonts.primary'));
|
|
28
|
+
return (isCurrent ? styled.th.fontWeight('semiBold') : styled.th.fontWeight('medium'));
|
|
29
|
+
}, styled.th('fonts.primary'));
|
|
24
30
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
25
31
|
|
|
26
|
-
|
|
32
|
+
exports.ArrowIcon = ArrowIcon;
|
|
33
|
+
exports.Btn = Btn;
|
|
34
|
+
exports.DotsWrapper = DotsWrapper;
|
|
35
|
+
exports.GoIcon = GoIcon;
|
|
36
|
+
exports.PageBtn = PageBtn;
|
|
37
|
+
exports.Wrapper = Wrapper;
|
|
27
38
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../packages/ui/Elements/Pagination/styled.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { x } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { Icon } from '../Icon';\nexport var Wrapper = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n display: inline-flex;\\n align-items: center;\\n\\n & > *:not(:last-child) {\\n margin-right: 4px;\\n }\\n\"], [\"\\n display: inline-flex;\\n align-items: center;\\n\\n & > *:not(:last-child) {\\n margin-right: 4px;\\n }\\n\"])));\nexport var Btn = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n background-color: transparent;\\n border: none;\\n cursor: \", \";\\n opacity: \", \";\\n\"], [\"\\n background-color: transparent;\\n border: none;\\n cursor: \", \";\\n opacity: \", \";\\n\"])), function (_a) {\n var disabled = _a.disabled;\n return (disabled ? 'default' : 'pointer');\n}, function (_a) {\n var disabled = _a.disabled;\n return (disabled ? 0 : 1);\n});\nexport var ArrowIcon = styled(Icon)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n border-radius: 50%;\\n aspect-ratio: 1 / 1;\\n width: 16px;\\n display: flex;\\n align-items: center;\\n color: gray1;\\n\\n &:hover {\\n color: blue2;\\n }\\n\"], [\"\\n border-radius: 50%;\\n aspect-ratio: 1 / 1;\\n width: 16px;\\n display: flex;\\n align-items: center;\\n color: gray1;\\n\\n &:hover {\\n color: blue2;\\n }\\n\"])));\nexport var GoIcon = styled(ArrowIcon)(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n margin: 0 8px;\\n font-size: 11px;\\n & > svg {\\n width: 10px;\\n }\\n\"], [\"\\n margin: 0 8px;\\n font-size: 11px;\\n & > svg {\\n width: 10px;\\n }\\n\"])));\nexport var DotsWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n color: gray1;\\n\"], [\"\\n color: gray1;\\n\"])));\nexport var PageBtn = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n height: 18px;\\n min-width: 18px;\\n display: flex;\\n border-radius: 50%;\\n align-items: center;\\n justify-content: center;\\n cursor: pointer;\\n margin: 0 4px;\\n color: \", \";\\n font-size: 14px;\\n font-weight: \", \";\\n font-family: \", \";\\n line-height: 1em;\\n\\n &:hover {\\n color: blue2;\\n }\\n\"], [\"\\n height: 18px;\\n min-width: 18px;\\n display: flex;\\n border-radius: 50%;\\n align-items: center;\\n justify-content: center;\\n cursor: pointer;\\n margin: 0 4px;\\n color: \", \";\\n font-size: 14px;\\n font-weight: \", \";\\n font-family: \", \";\\n line-height: 1em;\\n\\n &:hover {\\n color: blue2;\\n }\\n\"])), function (_a) {\n var isCurrent = _a.isCurrent;\n return (isCurrent ? th.color('red1') : th.color('gray1'));\n}, function (_a) {\n var isCurrent = _a.isCurrent;\n return (isCurrent ? th.fontWeight('semiBold') : th.fontWeight('medium'));\n}, th('fonts.primary'));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;\n//# sourceMappingURL=styled.js.map"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../packages/ui/Elements/Pagination/styled.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { x } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { Icon } from '../Icon';\nexport var Wrapper = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n display: inline-flex;\\n align-items: center;\\n\\n & > *:not(:last-child) {\\n margin-right: 4px;\\n }\\n\"], [\"\\n display: inline-flex;\\n align-items: center;\\n\\n & > *:not(:last-child) {\\n margin-right: 4px;\\n }\\n\"])));\nexport var Btn = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n background-color: transparent;\\n border: none;\\n cursor: \", \";\\n opacity: \", \";\\n\"], [\"\\n background-color: transparent;\\n border: none;\\n cursor: \", \";\\n opacity: \", \";\\n\"])), function (_a) {\n var disabled = _a.disabled;\n return (disabled ? 'default' : 'pointer');\n}, function (_a) {\n var disabled = _a.disabled;\n return (disabled ? 0 : 1);\n});\nexport var ArrowIcon = styled(Icon)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n border-radius: 50%;\\n aspect-ratio: 1 / 1;\\n width: 16px;\\n display: flex;\\n align-items: center;\\n color: gray1;\\n\\n &:hover {\\n color: blue2;\\n }\\n\"], [\"\\n border-radius: 50%;\\n aspect-ratio: 1 / 1;\\n width: 16px;\\n display: flex;\\n align-items: center;\\n color: gray1;\\n\\n &:hover {\\n color: blue2;\\n }\\n\"])));\nexport var GoIcon = styled(ArrowIcon)(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n margin: 0 8px;\\n font-size: 11px;\\n & > svg {\\n width: 10px;\\n }\\n\"], [\"\\n margin: 0 8px;\\n font-size: 11px;\\n & > svg {\\n width: 10px;\\n }\\n\"])));\nexport var DotsWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n color: gray1;\\n\"], [\"\\n color: gray1;\\n\"])));\nexport var PageBtn = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n height: 18px;\\n min-width: 18px;\\n display: flex;\\n border-radius: 50%;\\n align-items: center;\\n justify-content: center;\\n cursor: pointer;\\n margin: 0 4px;\\n color: \", \";\\n font-size: 14px;\\n font-weight: \", \";\\n font-family: \", \";\\n line-height: 1em;\\n\\n &:hover {\\n color: blue2;\\n }\\n\"], [\"\\n height: 18px;\\n min-width: 18px;\\n display: flex;\\n border-radius: 50%;\\n align-items: center;\\n justify-content: center;\\n cursor: pointer;\\n margin: 0 4px;\\n color: \", \";\\n font-size: 14px;\\n font-weight: \", \";\\n font-family: \", \";\\n line-height: 1em;\\n\\n &:hover {\\n color: blue2;\\n }\\n\"])), function (_a) {\n var isCurrent = _a.isCurrent;\n return (isCurrent ? th.color('red1') : th.color('gray1'));\n}, function (_a) {\n var isCurrent = _a.isCurrent;\n return (isCurrent ? th.fontWeight('semiBold') : th.fontWeight('medium'));\n}, th('fonts.primary'));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;\n//# sourceMappingURL=styled.js.map"],"names":["styled","x","__makeTemplateObject","Icon","th"],"mappings":";;;;;;;;;;;AAIU,IAAC,OAAO,GAAGA,uBAAM,CAACC,QAAC,CAAC,GAAG,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,gHAAgH,CAAC,EAAE,CAAC,gHAAgH,CAAC,CAAC,CAAC,EAAE;AAChU,IAAC,GAAG,GAAGF,uBAAM,CAAC,MAAM,CAAC,gBAAgB,KAAK,gBAAgB,GAAGE,0BAAoB,CAAC,CAAC,iEAAiE,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iEAAiE,EAAE,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACxS,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,GAAG,SAAS,GAAG,SAAS,EAAE;AAC9C,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,GAAG,CAAC,GAAG,CAAC,EAAE;AAC9B,CAAC,EAAE;AACO,IAAC,SAAS,GAAGF,uBAAM,CAACG,YAAI,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAGD,0BAAoB,CAAC,CAAC,qKAAqK,CAAC,EAAE,CAAC,qKAAqK,CAAC,CAAC,CAAC,EAAE;AAC3a,IAAC,MAAM,GAAGF,uBAAM,CAAC,SAAS,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAGE,0BAAoB,CAAC,CAAC,8EAA8E,CAAC,EAAE,CAAC,8EAA8E,CAAC,CAAC,CAAC,EAAE;AAC/P,IAAC,WAAW,GAAGF,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGE,0BAAoB,CAAC,CAAC,qBAAqB,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE;AAC3I,IAAC,OAAO,GAAGF,uBAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAGE,0BAAoB,CAAC,CAAC,qLAAqL,EAAE,wCAAwC,EAAE,oBAAoB,EAAE,iEAAiE,CAAC,EAAE,CAAC,qLAAqL,EAAE,wCAAwC,EAAE,oBAAoB,EAAE,iEAAiE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACtuB,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,QAAQ,SAAS,GAAGE,SAAE,CAAC,KAAK,CAAC,MAAM,CAAC,GAAGA,SAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;AAC9D,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,QAAQ,SAAS,GAAGA,SAAE,CAAC,UAAU,CAAC,UAAU,CAAC,GAAGA,SAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;AAC7E,CAAC,EAAEA,SAAE,CAAC,eAAe,CAAC,EAAE;AACxB,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;;;;;;"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
|
|
7
|
+
var Paragraph = function () { return jsxRuntime.jsx("p", { children: "paragraph" }); };
|
|
8
|
+
|
|
9
|
+
exports.default = Paragraph;
|
|
6
10
|
//# sourceMappingURL=Paragraph.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paragraph.js","sources":["../../../../packages/ui/Elements/Paragraph/Paragraph.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nvar Paragraph = function () { return _jsx(\"p\", { children: \"paragraph\" }); };\nexport default Paragraph;\n//# sourceMappingURL=Paragraph.js.map"],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Paragraph.js","sources":["../../../../packages/ui/Elements/Paragraph/Paragraph.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nvar Paragraph = function () { return _jsx(\"p\", { children: \"paragraph\" }); };\nexport default Paragraph;\n//# sourceMappingURL=Paragraph.js.map"],"names":["_jsx"],"mappings":";;;;;;AACG,IAAC,SAAS,GAAG,YAAY,EAAE,OAAOA,cAAI,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC;;;;"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
4
|
|
|
5
|
+
var Paragraph = require('./Paragraph.js');
|
|
4
6
|
|
|
5
|
-
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.Paragraph = Paragraph.default;
|
|
10
|
+
exports.default = Paragraph.default;
|
|
6
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -1,17 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var ReactDom = require('react-dom');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
|
+
|
|
10
|
+
var ReactDom__default = /*#__PURE__*/_interopDefaultCompat(ReactDom);
|
|
3
11
|
|
|
4
12
|
var Portal = function (_a) {
|
|
5
13
|
var children = _a.children;
|
|
6
|
-
var container = useState(function () { return document.createElement('div'); })[0];
|
|
7
|
-
useEffect(function () {
|
|
14
|
+
var container = React.useState(function () { return document.createElement('div'); })[0];
|
|
15
|
+
React.useEffect(function () {
|
|
8
16
|
document.body.appendChild(container);
|
|
9
17
|
return function () {
|
|
10
18
|
document.body.removeChild(container);
|
|
11
19
|
};
|
|
12
20
|
}, []);
|
|
13
|
-
return
|
|
21
|
+
return ReactDom__default.default.createPortal(children, container);
|
|
14
22
|
};
|
|
15
23
|
|
|
16
|
-
|
|
24
|
+
exports.Portal = Portal;
|
|
25
|
+
exports.default = Portal;
|
|
17
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../packages/ui/Elements/Portal/index.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport ReactDom from 'react-dom';\nexport var Portal = function (_a) {\n var children = _a.children;\n var container = useState(function () { return document.createElement('div'); })[0];\n useEffect(function () {\n document.body.appendChild(container);\n return function () {\n document.body.removeChild(container);\n };\n }, []);\n return ReactDom.createPortal(children, container);\n};\nexport default Portal;\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../packages/ui/Elements/Portal/index.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport ReactDom from 'react-dom';\nexport var Portal = function (_a) {\n var children = _a.children;\n var container = useState(function () { return document.createElement('div'); })[0];\n useEffect(function () {\n document.body.appendChild(container);\n return function () {\n document.body.removeChild(container);\n };\n }, []);\n return ReactDom.createPortal(children, container);\n};\nexport default Portal;\n//# sourceMappingURL=index.js.map"],"names":["useState","useEffect","ReactDom"],"mappings":";;;;;;;;;;;AAEU,IAAC,MAAM,GAAG,UAAU,EAAE,EAAE;AAClC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,IAAI,SAAS,GAAGA,cAAQ,CAAC,YAAY,EAAE,OAAO,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AACvF,IAAIC,eAAS,CAAC,YAAY;AAC1B,QAAQ,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAC7C,QAAQ,OAAO,YAAY;AAC3B,YAAY,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AACjD,SAAS,CAAC;AACV,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,OAAOC,yBAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACtD;;;;;"}
|
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
var styles = require('./styles.js');
|
|
3
7
|
|
|
4
8
|
var ProgressBar = function (_a) {
|
|
5
9
|
var _b = _a.progress, progress = _b === void 0 ? 0 : _b, status = _a.status, errorMessage = _a.errorMessage, noText = _a.noText, variant = _a.variant;
|
|
6
10
|
if (progress > 100 || progress < 0)
|
|
7
11
|
console.warn('Progress value should be number between 0 and 100.');
|
|
8
|
-
return (jsxs(StyledProgressBar, { status: status, variant: variant, children: [jsx(Progress, { progress: progress, status: status }), !noText && jsx(ProgressDescription, { children: status === 'error' && errorMessage ? errorMessage : "".concat(progress, "%") })] }));
|
|
12
|
+
return (jsxRuntime.jsxs(styles.StyledProgressBar, { status: status, variant: variant, children: [jsxRuntime.jsx(styles.Progress, { progress: progress, status: status }), !noText && jsxRuntime.jsx(styles.ProgressDescription, { children: status === 'error' && errorMessage ? errorMessage : "".concat(progress, "%") })] }));
|
|
9
13
|
};
|
|
10
14
|
|
|
11
|
-
|
|
15
|
+
exports.default = ProgressBar;
|
|
12
16
|
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sources":["../../../../packages/ui/Elements/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { StyledProgressBar, Progress, ProgressDescription } from './styles';\nvar ProgressBar = function (_a) {\n var _b = _a.progress, progress = _b === void 0 ? 0 : _b, status = _a.status, errorMessage = _a.errorMessage, noText = _a.noText, variant = _a.variant;\n if (progress > 100 || progress < 0)\n console.warn('Progress value should be number between 0 and 100.');\n return (_jsxs(StyledProgressBar, { status: status, variant: variant, children: [_jsx(Progress, { progress: progress, status: status }), !noText && _jsx(ProgressDescription, { children: status === 'error' && errorMessage ? errorMessage : \"\".concat(progress, \"%\") })] }));\n};\nexport default ProgressBar;\n//# sourceMappingURL=ProgressBar.js.map"],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sources":["../../../../packages/ui/Elements/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { StyledProgressBar, Progress, ProgressDescription } from './styles';\nvar ProgressBar = function (_a) {\n var _b = _a.progress, progress = _b === void 0 ? 0 : _b, status = _a.status, errorMessage = _a.errorMessage, noText = _a.noText, variant = _a.variant;\n if (progress > 100 || progress < 0)\n console.warn('Progress value should be number between 0 and 100.');\n return (_jsxs(StyledProgressBar, { status: status, variant: variant, children: [_jsx(Progress, { progress: progress, status: status }), !noText && _jsx(ProgressDescription, { children: status === 'error' && errorMessage ? errorMessage : \"\".concat(progress, \"%\") })] }));\n};\nexport default ProgressBar;\n//# sourceMappingURL=ProgressBar.js.map"],"names":["_jsxs","StyledProgressBar","_jsx","Progress","ProgressDescription"],"mappings":";;;;;;;AAEG,IAAC,WAAW,GAAG,UAAU,EAAE,EAAE;AAChC,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC;AAC1J,IAAI,IAAI,QAAQ,GAAG,GAAG,IAAI,QAAQ,GAAG,CAAC;AACtC,QAAQ,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;AAC3E,IAAI,QAAQA,eAAK,CAACC,wBAAiB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAACC,cAAI,CAACC,eAAQ,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,MAAM,IAAID,cAAI,CAACE,0BAAmB,EAAE,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,IAAI,YAAY,GAAG,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAClR;;;;"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
4
|
|
|
5
|
+
var ProgressBar = require('./ProgressBar.js');
|
|
4
6
|
|
|
5
|
-
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.ProgressBar = ProgressBar.default;
|
|
10
|
+
exports.default = ProgressBar.default;
|
|
6
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -1,20 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
import styled, { th, keyframes, css } from '@xstyled/styled-components';
|
|
3
|
-
import { createRgba } from '../../utils/CreateRgba/createRgba.js';
|
|
4
|
-
import 'react';
|
|
1
|
+
'use strict';
|
|
5
2
|
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
var
|
|
3
|
+
var tslib = require('tslib');
|
|
4
|
+
var styled = require('@xstyled/styled-components');
|
|
5
|
+
var createRgba = require('../../utils/CreateRgba/createRgba.js');
|
|
6
|
+
require('react');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
|
+
|
|
10
|
+
var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
|
|
11
|
+
|
|
12
|
+
var StyledProgressBar = styled__default.default.div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n position: relative;\n display: flex;\n width: 100%;\n min-width: 250px;\n height: ", ";\n color: ", ";\n background-color: ", ";\n justify-content: center;\n border: slim;\n border-color: ", ";\n border-radius: md;\n overflow: hidden;\n"], ["\n position: relative;\n display: flex;\n width: 100%;\n min-width: 250px;\n height: ", ";\n color: ", ";\n background-color: ", ";\n justify-content: center;\n border: slim;\n border-color: ", ";\n border-radius: md;\n overflow: hidden;\n"])), function (props) { return (props.variant === 'thin' ? "12px" : "35px"); }, styled.th('colors.white'), function (props) {
|
|
13
|
+
return props.status === 'finished' ? createRgba.createRgba(props.theme.colors.success, 0.4) : "".concat(styled.th('colors.red1'));
|
|
14
|
+
}, function (props) { return (props.status === 'finished' ? "".concat(styled.th('colors.success')) : "".concat(styled.th('colors.red1'))); });
|
|
15
|
+
var slide = styled.keyframes(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n0%{\n background-position-x: 0%;\n}\n100% {\n background-position-x: 500px;\n}\n"], ["\n0%{\n background-position-x: 0%;\n}\n100% {\n background-position-x: 500px;\n}\n"])));
|
|
16
|
+
var StyledStatusFinished = styled.css(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"], ["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"])), function (props) { return createRgba.createRgba(props.theme.colors.success, 0.4); }, function (props) { return createRgba.createRgba(props.theme.colors.success, 0.4); }, styled.th('colors.success'), styled.th('colors.success'));
|
|
17
|
+
var StyledStatusLoading = styled.css(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"], ["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"])), styled.th('colors.red1'), styled.th('colors.red1'), styled.th('colors.red1'), styled.th('colors.red1'));
|
|
18
|
+
var StyledStatusError = styled.css(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"], ["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"])), styled.th('colors.red1'), styled.th('colors.red1'), styled.th('colors.red1'), styled.th('colors.red1'));
|
|
19
|
+
var Progress = styled__default.default.div(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: ", ";\n height: 35px;\n animation: ", " 20s linear infinite;\n transition: width 500ms;\n ", "\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: ", ";\n height: 35px;\n animation: ", " 20s linear infinite;\n transition: width 500ms;\n ", "\n"])), function (props) { return "".concat(props.progress, "%"); }, slide, function (props) {
|
|
14
20
|
return props.status === 'finished' ? StyledStatusFinished : props.status === 'error' ? StyledStatusError : StyledStatusLoading;
|
|
15
21
|
});
|
|
16
|
-
var ProgressDescription =
|
|
22
|
+
var ProgressDescription = styled__default.default.span(templateObject_7 || (templateObject_7 = tslib.__makeTemplateObject(["\n position: relative;\n align-self: center;\n"], ["\n position: relative;\n align-self: center;\n"])));
|
|
17
23
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
18
24
|
|
|
19
|
-
|
|
25
|
+
exports.Progress = Progress;
|
|
26
|
+
exports.ProgressDescription = ProgressDescription;
|
|
27
|
+
exports.StyledProgressBar = StyledProgressBar;
|
|
20
28
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../packages/ui/Elements/ProgressBar/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { keyframes, css } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { createRgba } from '../../utils';\nexport var StyledProgressBar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n position: relative;\\n display: flex;\\n width: 100%;\\n min-width: 250px;\\n height: \", \";\\n color: \", \";\\n background-color: \", \";\\n justify-content: center;\\n border: slim;\\n border-color: \", \";\\n border-radius: md;\\n overflow: hidden;\\n\"], [\"\\n position: relative;\\n display: flex;\\n width: 100%;\\n min-width: 250px;\\n height: \", \";\\n color: \", \";\\n background-color: \", \";\\n justify-content: center;\\n border: slim;\\n border-color: \", \";\\n border-radius: md;\\n overflow: hidden;\\n\"])), function (props) { return (props.variant === 'thin' ? \"12px\" : \"35px\"); }, th('colors.white'), function (props) {\n return props.status === 'finished' ? createRgba(props.theme.colors.success, 0.4) : \"\".concat(th('colors.red1'));\n}, function (props) { return (props.status === 'finished' ? \"\".concat(th('colors.success')) : \"\".concat(th('colors.red1'))); });\nvar slide = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n0%{\\n background-position-x: 0%;\\n}\\n100% {\\n background-position-x: 500px;\\n}\\n\"], [\"\\n0%{\\n background-position-x: 0%;\\n}\\n100% {\\n background-position-x: 500px;\\n}\\n\"])));\nvar StyledStatusFinished = css(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"], [\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"])), function (props) { return createRgba(props.theme.colors.success, 0.4); }, function (props) { return createRgba(props.theme.colors.success, 0.4); }, th('colors.success'), th('colors.success'));\nvar StyledStatusLoading = css(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"], [\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));\nvar StyledStatusError = css(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"], [\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));\nexport var Progress = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: \", \";\\n height: 35px;\\n animation: \", \" 20s linear infinite;\\n transition: width 500ms;\\n \", \"\\n\"], [\"\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: \", \";\\n height: 35px;\\n animation: \", \" 20s linear infinite;\\n transition: width 500ms;\\n \", \"\\n\"])), function (props) { return \"\".concat(props.progress, \"%\"); }, slide, function (props) {\n return props.status === 'finished' ? StyledStatusFinished : props.status === 'error' ? StyledStatusError : StyledStatusLoading;\n});\nexport var ProgressDescription = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n position: relative;\\n align-self: center;\\n\"], [\"\\n position: relative;\\n align-self: center;\\n\"])));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../../packages/ui/Elements/ProgressBar/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { keyframes, css } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { createRgba } from '../../utils';\nexport var StyledProgressBar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n position: relative;\\n display: flex;\\n width: 100%;\\n min-width: 250px;\\n height: \", \";\\n color: \", \";\\n background-color: \", \";\\n justify-content: center;\\n border: slim;\\n border-color: \", \";\\n border-radius: md;\\n overflow: hidden;\\n\"], [\"\\n position: relative;\\n display: flex;\\n width: 100%;\\n min-width: 250px;\\n height: \", \";\\n color: \", \";\\n background-color: \", \";\\n justify-content: center;\\n border: slim;\\n border-color: \", \";\\n border-radius: md;\\n overflow: hidden;\\n\"])), function (props) { return (props.variant === 'thin' ? \"12px\" : \"35px\"); }, th('colors.white'), function (props) {\n return props.status === 'finished' ? createRgba(props.theme.colors.success, 0.4) : \"\".concat(th('colors.red1'));\n}, function (props) { return (props.status === 'finished' ? \"\".concat(th('colors.success')) : \"\".concat(th('colors.red1'))); });\nvar slide = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n0%{\\n background-position-x: 0%;\\n}\\n100% {\\n background-position-x: 500px;\\n}\\n\"], [\"\\n0%{\\n background-position-x: 0%;\\n}\\n100% {\\n background-position-x: 500px;\\n}\\n\"])));\nvar StyledStatusFinished = css(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"], [\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"])), function (props) { return createRgba(props.theme.colors.success, 0.4); }, function (props) { return createRgba(props.theme.colors.success, 0.4); }, th('colors.success'), th('colors.success'));\nvar StyledStatusLoading = css(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"], [\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));\nvar StyledStatusError = css(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"], [\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));\nexport var Progress = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: \", \";\\n height: 35px;\\n animation: \", \" 20s linear infinite;\\n transition: width 500ms;\\n \", \"\\n\"], [\"\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: \", \";\\n height: 35px;\\n animation: \", \" 20s linear infinite;\\n transition: width 500ms;\\n \", \"\\n\"])), function (props) { return \"\".concat(props.progress, \"%\"); }, slide, function (props) {\n return props.status === 'finished' ? StyledStatusFinished : props.status === 'error' ? StyledStatusError : StyledStatusLoading;\n});\nexport var ProgressDescription = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n position: relative;\\n align-self: center;\\n\"], [\"\\n position: relative;\\n align-self: center;\\n\"])));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;\n//# sourceMappingURL=styles.js.map"],"names":["styled","__makeTemplateObject","th","createRgba","keyframes","css"],"mappings":";;;;;;;;;;;AAIU,IAAC,iBAAiB,GAAGA,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,4FAA4F,EAAE,cAAc,EAAE,yBAAyB,EAAE,kEAAkE,EAAE,gDAAgD,CAAC,EAAE,CAAC,4FAA4F,EAAE,cAAc,EAAE,yBAAyB,EAAE,kEAAkE,EAAE,gDAAgD,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,EAAE,EAAE,QAAQ,KAAK,CAAC,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,EAAE,EAAEC,SAAE,CAAC,cAAc,CAAC,EAAE,UAAU,KAAK,EAAE;AAC3tB,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,UAAU,GAAGC,qBAAU,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,MAAM,CAACD,SAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACpH,CAAC,EAAE,UAAU,KAAK,EAAE,EAAE,QAAQ,KAAK,CAAC,MAAM,KAAK,UAAU,GAAG,EAAE,CAAC,MAAM,CAACA,SAAE,CAAC,gBAAgB,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAACA,SAAE,CAAC,aAAa,CAAC,CAAC,EAAE,EAAE,EAAE;AAChI,IAAI,KAAK,GAAGE,gBAAS,CAAC,gBAAgB,KAAK,gBAAgB,GAAGH,0BAAoB,CAAC,CAAC,sFAAsF,CAAC,EAAE,CAAC,sFAAsF,CAAC,CAAC,CAAC,CAAC,CAAC;AACzQ,IAAI,oBAAoB,GAAGI,UAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGJ,0BAAoB,CAAC,CAAC,+DAA+D,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,kDAAkD,CAAC,EAAE,CAAC,+DAA+D,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,kDAAkD,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,EAAE,EAAE,OAAOE,qBAAU,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,OAAOA,qBAAU,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,EAAED,SAAE,CAAC,gBAAgB,CAAC,EAAEA,SAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAClmB,IAAI,mBAAmB,GAAGG,UAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGJ,0BAAoB,CAAC,CAAC,+DAA+D,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,kDAAkD,CAAC,EAAE,CAAC,+DAA+D,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,kDAAkD,CAAC,CAAC,CAAC,EAAEC,SAAE,CAAC,aAAa,CAAC,EAAEA,SAAE,CAAC,aAAa,CAAC,EAAEA,SAAE,CAAC,aAAa,CAAC,EAAEA,SAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AAC7e,IAAI,iBAAiB,GAAGG,UAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGJ,0BAAoB,CAAC,CAAC,+DAA+D,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,kDAAkD,CAAC,EAAE,CAAC,+DAA+D,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,kDAAkD,CAAC,CAAC,CAAC,EAAEC,SAAE,CAAC,aAAa,CAAC,EAAEA,SAAE,CAAC,aAAa,CAAC,EAAEA,SAAE,CAAC,aAAa,CAAC,EAAEA,SAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACje,IAAC,QAAQ,GAAGF,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,2DAA2D,EAAE,mCAAmC,EAAE,uDAAuD,EAAE,IAAI,CAAC,EAAE,CAAC,2DAA2D,EAAE,mCAAmC,EAAE,uDAAuD,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,UAAU,KAAK,EAAE;AAC3f,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,UAAU,GAAG,oBAAoB,GAAG,KAAK,CAAC,MAAM,KAAK,OAAO,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AACnI,CAAC,EAAE;AACO,IAAC,mBAAmB,GAAGD,uBAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,kDAAkD,CAAC,EAAE,CAAC,kDAAkD,CAAC,CAAC,CAAC,EAAE;AACxN,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;;;"}
|
|
@@ -1,17 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
import { Link } from 'react-router-dom';
|
|
3
|
-
import styled, { css } from '@xstyled/styled-components';
|
|
1
|
+
'use strict';
|
|
4
2
|
|
|
5
|
-
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var tslib = require('tslib');
|
|
6
|
+
var reactRouterDom = require('react-router-dom');
|
|
7
|
+
var styled = require('@xstyled/styled-components');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
10
|
+
|
|
11
|
+
var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
|
|
12
|
+
|
|
13
|
+
var StyledLink = styled__default.default(reactRouterDom.Link)(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n color: inherit;\n cursor: pointer;\n\n :visited {\n color: inherit;\n }\n :hover {\n color: inherit;\n }\n :active {\n color: inherit;\n }\n :focus {\n outline: none;\n }\n\n ", "\n\n ", "\n"], ["\n color: inherit;\n cursor: pointer;\n\n :visited {\n color: inherit;\n }\n :hover {\n color: inherit;\n }\n :active {\n color: inherit;\n }\n :focus {\n outline: none;\n }\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
6
14
|
var disabled = _a.disabled;
|
|
7
15
|
return disabled
|
|
8
|
-
? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n pointer-events: none;\n opacity: 0.5;\n "], ["\n pointer-events: none;\n opacity: 0.5;\n "]))) : null;
|
|
16
|
+
? styled.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n pointer-events: none;\n opacity: 0.5;\n "], ["\n pointer-events: none;\n opacity: 0.5;\n "]))) : null;
|
|
9
17
|
}, function (_a) {
|
|
10
18
|
var $decorate = _a.$decorate;
|
|
11
19
|
return $decorate
|
|
12
|
-
? css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n text-decoration: underline;\n "], ["\n text-decoration: underline;\n "]))) : null;
|
|
20
|
+
? styled.css(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n text-decoration: underline;\n "], ["\n text-decoration: underline;\n "]))) : null;
|
|
13
21
|
});
|
|
14
22
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
15
23
|
|
|
16
|
-
|
|
24
|
+
exports.default = StyledLink;
|
|
17
25
|
//# sourceMappingURL=SimpleLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleLink.js","sources":["../../../../packages/ui/Elements/SimpleLink/SimpleLink.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { Link as ReactLink } from 'react-router-dom';\nimport styled, { css } from '@xstyled/styled-components';\nvar StyledLink = styled(ReactLink)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n color: inherit;\\n cursor: pointer;\\n\\n :visited {\\n color: inherit;\\n }\\n :hover {\\n color: inherit;\\n }\\n :active {\\n color: inherit;\\n }\\n :focus {\\n outline: none;\\n }\\n\\n \", \"\\n\\n \", \"\\n\"], [\"\\n color: inherit;\\n cursor: pointer;\\n\\n :visited {\\n color: inherit;\\n }\\n :hover {\\n color: inherit;\\n }\\n :active {\\n color: inherit;\\n }\\n :focus {\\n outline: none;\\n }\\n\\n \", \"\\n\\n \", \"\\n\"])), function (_a) {\n var disabled = _a.disabled;\n return disabled\n ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n pointer-events: none;\\n opacity: 0.5;\\n \"], [\"\\n pointer-events: none;\\n opacity: 0.5;\\n \"]))) : null;\n}, function (_a) {\n var $decorate = _a.$decorate;\n return $decorate\n ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n text-decoration: underline;\\n \"], [\"\\n text-decoration: underline;\\n \"]))) : null;\n});\nexport default StyledLink;\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=SimpleLink.js.map"],"names":["ReactLink"],"mappings":"
|
|
1
|
+
{"version":3,"file":"SimpleLink.js","sources":["../../../../packages/ui/Elements/SimpleLink/SimpleLink.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { Link as ReactLink } from 'react-router-dom';\nimport styled, { css } from '@xstyled/styled-components';\nvar StyledLink = styled(ReactLink)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n color: inherit;\\n cursor: pointer;\\n\\n :visited {\\n color: inherit;\\n }\\n :hover {\\n color: inherit;\\n }\\n :active {\\n color: inherit;\\n }\\n :focus {\\n outline: none;\\n }\\n\\n \", \"\\n\\n \", \"\\n\"], [\"\\n color: inherit;\\n cursor: pointer;\\n\\n :visited {\\n color: inherit;\\n }\\n :hover {\\n color: inherit;\\n }\\n :active {\\n color: inherit;\\n }\\n :focus {\\n outline: none;\\n }\\n\\n \", \"\\n\\n \", \"\\n\"])), function (_a) {\n var disabled = _a.disabled;\n return disabled\n ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n pointer-events: none;\\n opacity: 0.5;\\n \"], [\"\\n pointer-events: none;\\n opacity: 0.5;\\n \"]))) : null;\n}, function (_a) {\n var $decorate = _a.$decorate;\n return $decorate\n ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n text-decoration: underline;\\n \"], [\"\\n text-decoration: underline;\\n \"]))) : null;\n});\nexport default StyledLink;\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=SimpleLink.js.map"],"names":["styled","ReactLink","__makeTemplateObject","css"],"mappings":";;;;;;;;;;;;AAGG,IAAC,UAAU,GAAGA,uBAAM,CAACC,mBAAS,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,2MAA2M,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,2MAA2M,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AAC9iB,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,OAAO,QAAQ;AACnB,UAAUC,UAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGD,0BAAoB,CAAC,CAAC,sEAAsE,CAAC,EAAE,CAAC,sEAAsE,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AACxO,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,OAAO,SAAS;AACpB,UAAUC,UAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGD,0BAAoB,CAAC,CAAC,mDAAmD,CAAC,EAAE,CAAC,mDAAmD,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAClM,CAAC,EAAE;AAEH,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3
4
|
|
|
5
|
+
var SimpleLink = require('./SimpleLink.js');
|
|
4
6
|
|
|
5
|
-
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.SimpleLink = SimpleLink.default;
|
|
10
|
+
exports.default = SimpleLink.default;
|
|
6
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|