@mailstep/design-system 0.1.4-beta.8 → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.1.4-beta.8",
+  "version": "0.1.5",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",
@@ -11,8 +11,9 @@
   ],
   "scripts": {
     "storybook": "storybook dev -p 6006",
-    "build": "rm -rf ./build && rollup -c",
+    "build": "rm -rf ./build && rollup -c && cp package.json build",
     "build-storybook": "storybook build",
+    "deploy": "npm run build && npm publish ./build",
     "dev": "yarn storybook",
     "test": "echo \"The tests are still waiting to be written, but it seems like they're really good at procrastinating!\""
   },
@@ -27,8 +28,8 @@
     "@fortawesome/pro-regular-svg-icons": "^6.0.0",
     "@fortawesome/pro-solid-svg-icons": "^6.3.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@rollup/plugin-alias": "^5.0.1",
     "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-node-resolve": "^15.0.2",
     "@rollup/plugin-typescript": "^11.1.1",
     "@rollup/plugin-url": "^8.0.1",

package/ui/Blocks/CornerDialog/index.d.ts

@@ -0,0 +1,6 @@
+import { CornerDialogProps } from './types.js';
+export { Intent } from './types.js';
+
+declare const CornerDialog: (props: CornerDialogProps) => JSX.Element | null
+
+export { CornerDialog, CornerDialogProps, CornerDialog as default };

package/ui/Blocks/CornerDialog/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CornerDialog = require('./CornerDialog.js');
+
+
+
+exports.default = CornerDialog.CornerDialog;
+//# sourceMappingURL=index.js.map

package/ui/Blocks/CornerDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/ui/Blocks/CornerDialog/types.d.ts

@@ -0,0 +1,14 @@
+import { ReactChild } from 'react';
+
+type Intent = 'success' | 'error' | 'warning' | 'info';
+interface CornerDialogProps {
+    title: JSX.Element | string;
+    children: ReactChild;
+    icon?: string;
+    onClose: () => void;
+    isOpen?: boolean;
+    intent?: Intent;
+    statusToTitle: Record<Intent, () => string>;
+}
+
+export { CornerDialogProps, Intent };

package/ui/Blocks/ImageList/ImageList.js

@@ -16,11 +16,10 @@ var ImageList = function (_a) {
     var ref = React.useRef();
     var events = reactUseDraggableScroll.useDraggable(ref, { isMounted: !!(images === null || images === void 0 ? void 0 : images.length) }).events;
     var _b = useLightBox.useLightBox(), isLightBoxOpen = _b.isLightBoxOpen, onCloseLightBox = _b.onCloseLightBox, onOpenLightBox = _b.onOpenLightBox, lightBoxData = _b.lightBoxData;
-    return (jsxRuntime.jsxs(styled.x.div, { display: "flex", alignItems: "flex-end", children: [jsxRuntime.jsx(index.AddPhoto, { onImageUpload: onImageUpload }), images &&
-                jsxRuntime.jsx(styles.ImageListContainer, tslib.__assign({ ref: ref }, events, { children: images.map(function (item, index) {
-                        var _a, _b;
-                        return (jsxRuntime.jsx(index$1.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));
-                    }) })), jsxRuntime.jsx(LightBox.LightBox, { initialSlide: lightBoxData === null || lightBoxData === void 0 ? void 0 : lightBoxData.initialSlide, isLightBoxOpen: isLightBoxOpen, onCloseLightBox: onCloseLightBox, lightBoxAction: lightBoxAction, lightBoxActionTitle: lightBoxActionTitle, images: images })] }));
+    return (jsxRuntime.jsxs(styled.x.div, { display: "flex", alignItems: "flex-end", children: [jsxRuntime.jsx(index.AddPhoto, { onImageUpload: onImageUpload }), images && (jsxRuntime.jsx(styles.ImageListContainer, tslib.__assign({ ref: ref }, events, { children: images.map(function (item, index) {
+                    var _a, _b;
+                    return (jsxRuntime.jsx(index$1.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));
+                }) }))), jsxRuntime.jsx(LightBox.LightBox, { initialSlide: lightBoxData === null || lightBoxData === void 0 ? void 0 : lightBoxData.initialSlide, isLightBoxOpen: isLightBoxOpen, onCloseLightBox: onCloseLightBox, lightBoxAction: lightBoxAction, lightBoxActionTitle: lightBoxActionTitle, images: images })] }));
 };
 
 exports.ImageList = ImageList;

package/ui/Blocks/ImageList/ImageList.js.map

@@ -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":["useRef","useDraggable","useLightBox","_jsxs","x","_jsx","AddPhoto","ImageListContainer","__assign","ImageElement","LightBox"],"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,GAAGA,YAAM,EAAE,CAAC;AACvB,IAAI,IAAI,MAAM,GAAGC,oCAAY,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,GAAGC,uBAAW,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,QAAQC,eAAK,CAACC,QAAC,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,CAACC,cAAI,CAACC,cAAQ,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM;AACvI,gBAAgBD,cAAI,CAACE,yBAAkB,EAAEC,cAAQ,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,QAAQH,cAAI,CAACI,oBAAY,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,EAAEJ,cAAI,CAACK,iBAAQ,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;;;;"}
+{"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 && (_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":["useRef","useDraggable","useLightBox","_jsxs","x","_jsx","AddPhoto","ImageListContainer","__assign","ImageElement","LightBox"],"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,GAAGA,YAAM,EAAE,CAAC;AACvB,IAAI,IAAI,MAAM,GAAGC,oCAAY,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,GAAGC,uBAAW,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,QAAQC,eAAK,CAACC,QAAC,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,CAACC,cAAI,CAACC,cAAQ,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,KAAKD,cAAI,CAACE,yBAAkB,EAAEC,cAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE,KAAK,EAAE;AAClP,oBAAoB,IAAI,EAAE,EAAE,EAAE,CAAC;AAC/B,oBAAoB,QAAQH,cAAI,CAACI,oBAAY,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;AACjU,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,EAAEJ,cAAI,CAACK,iBAAQ,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;AAClT;;;;"}

package/ui/Blocks/ImageList/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ImageListProps } from './types.js';
+export { ImageUploadProps } from './types.js';
+
+declare const ImageList: FC<ImageListProps>
+
+export { ImageList, ImageList as default };

package/ui/Blocks/ImageList/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ImageList = require('./ImageList.js');
+
+
+
+exports.default = ImageList.ImageList;
+//# sourceMappingURL=index.js.map

package/ui/Blocks/ImageList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/ui/Blocks/ImageList/types.d.ts

@@ -0,0 +1,15 @@
+import { ImageData } from '../LightBox/types.js';
+
+interface ImageUploadProps {
+    base64?: string;
+    file?: File;
+}
+interface ImageListProps {
+    images: ImageData[] | undefined;
+    onImageUpload?: (props: ImageUploadProps) => Promise<void>;
+    onImageRemove?: (id?: string) => () => void;
+    lightBoxAction?: (id?: string) => () => Promise<void>;
+    lightBoxActionTitle?: string;
+}
+
+export { ImageListProps, ImageUploadProps };

package/ui/Blocks/LightBox/LightBox.js

@@ -14,7 +14,7 @@ var LightBox = function (_a) {
         return null;
     return (jsxRuntime.jsx(Modal.Modal, { isShown: isLightBoxOpen, onClose: onCloseLightBox, mobileFullscreen: true, miniCloseBtn: true, withCloseIcon: true, children: jsxRuntime.jsx(react.Swiper, { initialSlide: initialSlide, slidesPerView: 1, autoHeight: true, children: images.map(function (item) {
                 var _a;
-                return (jsxRuntime.jsx(react.SwiperSlide, { children: jsxRuntime.jsxs(styles.Container, { children: [jsxRuntime.jsx(styles.Image, { src: (_a = item.originalUrl) !== null && _a !== void 0 ? _a : item.url, loading: "lazy", alt: "" }), !!item.withLightBoxAction && lightBoxAction && lightBoxActionTitle && (jsxRuntime.jsx(styles.ButtonContainer, { children: jsxRuntime.jsx(Button, { onClick: lightBoxAction(item.id), appearance: "primaryLight", children: lightBoxActionTitle }) }))] }) }, item.id));
+                return (jsxRuntime.jsx(react.SwiperSlide, { children: jsxRuntime.jsxs(styles.Container, { children: [jsxRuntime.jsx(styles.Image, { src: (_a = item.originalUrl) !== null && _a !== void 0 ? _a : item.url, loading: "lazy", alt: "" }), !!item.withLightBoxAction && lightBoxAction && lightBoxActionTitle && (jsxRuntime.jsx(styles.ButtonContainer, { children: jsxRuntime.jsx(Button.default, { onClick: lightBoxAction(item.id), appearance: "primaryLight", children: lightBoxActionTitle }) }))] }) }, item.id));
             }) }) }));
 };
 

package/ui/Blocks/LightBox/LightBox.js.map

@@ -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","Modal","Swiper","SwiperSlide","_jsxs","Container","Image","ButtonContainer"],"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,cAAI,CAACC,WAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAED,cAAI,CAACE,YAAM,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,QAAQF,cAAI,CAACG,iBAAW,EAAE,EAAE,QAAQ,EAAEC,eAAK,CAACC,gBAAS,EAAE,EAAE,QAAQ,EAAE,CAACL,cAAI,CAACM,YAAK,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,KAAKN,cAAI,CAACO,sBAAe,EAAE,EAAE,QAAQ,EAAEP,cAAI,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;;;;"}
+{"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","Modal","Swiper","SwiperSlide","_jsxs","Container","Image","ButtonContainer","Button"],"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,cAAI,CAACC,WAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAED,cAAI,CAACE,YAAM,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,QAAQF,cAAI,CAACG,iBAAW,EAAE,EAAE,QAAQ,EAAEC,eAAK,CAACC,gBAAS,EAAE,EAAE,QAAQ,EAAE,CAACL,cAAI,CAACM,YAAK,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,KAAKN,cAAI,CAACO,sBAAe,EAAE,EAAE,QAAQ,EAAEP,cAAI,CAACQ,cAAM,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;;;;"}

package/ui/Blocks/LightBox/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { LightBoxProps, UseLightBoxHookType } from './types.js';
+export { ImageData } from './types.js';
+
+declare const LightBox: FC<LightBoxProps>
+declare const useLightBox: UseLightBoxHookType
+
+export { LightBox, LightBox as default, useLightBox };

package/ui/Blocks/LightBox/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var LightBox = require('./LightBox.js');
+require('react');
+require('../Modal/Modal.js');
+
+
+
+exports.default = LightBox.LightBox;
+//# sourceMappingURL=index.js.map

package/ui/Blocks/LightBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/ui/Blocks/LightBox/types.d.ts

@@ -0,0 +1,26 @@
+interface LightBoxData {
+    initialSlide: number;
+}
+type UseLightBoxHookType = () => {
+    onOpenLightBox: (index?: number) => () => void;
+    onCloseLightBox: () => void;
+    isLightBoxOpen: boolean;
+    lightBoxData?: LightBoxData;
+};
+interface ImageData {
+    id: string;
+    url?: string;
+    smallUrl?: string;
+    originalUrl?: string;
+    withLightBoxAction?: boolean;
+}
+interface LightBoxProps {
+    images: ImageData[] | undefined;
+    isLightBoxOpen: boolean;
+    onCloseLightBox: () => void;
+    lightBoxAction?: (id?: string) => () => Promise<void>;
+    lightBoxActionTitle?: string;
+    initialSlide?: number;
+}
+
+export { ImageData, LightBoxData, LightBoxProps, UseLightBoxHookType };

package/ui/Blocks/Modal/Modal.js

@@ -35,7 +35,7 @@ var Modal = React.memo(function (_a) {
     if (!isShown) {
         return null;
     }
-    return (jsxRuntime.jsx(index.Portal, { children: jsxRuntime.jsx(styles.DialogOverlay, { backgroundColor: overlayColor, children: jsxRuntime.jsxs(styles.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 && (jsxRuntime.jsx(styles.HeaderContainer, { topSpace: utils.topSpaceMap[topSpace], children: jsxRuntime.jsxs(styles.TitleContainer, { children: [titleIcon && (jsxRuntime.jsx(styled.x.div, { as: "span", className: "icon", children: typeof titleIcon === 'string' ? jsxRuntime.jsx(Icon.default, { icon: titleIcon, fill: "blue2" }) : titleIcon })), jsxRuntime.jsx(styles.H4, { children: title })] }) })), jsxRuntime.jsx(styles.ContentContainer, { topSpace: utils.topSpaceMap[topSpace], "$mobileFullscreen": mobileFullscreen, children: children }), hasFooter && (onCancel || onConfirm) && (jsxRuntime.jsxs(styles.ButtonsContainer, { children: [onCancel && (jsxRuntime.jsx(Button, { type: "button", onClick: onCancel, isLoading: isLoading, "data-cy": "cancelBtn", appearance: "primaryLight", children: cancelLabel ? cancelLabel : 'Cancel' })), onConfirm && (jsxRuntime.jsx(Button, { type: "button", onClick: onDialogConfirmClick, isLoading: isLoading, disabled: isConfirmDisabled, "data-cy": "submitBtn", children: confirmLabel ? confirmLabel : 'Submit' }))] })), hasHeader && !closeEverywhere && withCloseIcon && (jsxRuntime.jsx(styles.CloseButton, { onClick: closeDialog, "data-cy": "dialogCloseBtn", children: jsxRuntime.jsx(Icon.default, { icon: "close", size: miniCloseBtn ? '20px' : '26px' }) }))] }) }) }));
+    return (jsxRuntime.jsx(index.Portal, { children: jsxRuntime.jsx(styles.DialogOverlay, { backgroundColor: overlayColor, children: jsxRuntime.jsxs(styles.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 && (jsxRuntime.jsx(styles.HeaderContainer, { topSpace: utils.topSpaceMap[topSpace], children: jsxRuntime.jsxs(styles.TitleContainer, { children: [titleIcon && (jsxRuntime.jsx(styled.x.div, { as: "span", className: "icon", children: typeof titleIcon === 'string' ? jsxRuntime.jsx(Icon.default, { icon: titleIcon, fill: "blue2" }) : titleIcon })), jsxRuntime.jsx(styles.H4, { children: title })] }) })), jsxRuntime.jsx(styles.ContentContainer, { topSpace: utils.topSpaceMap[topSpace], "$mobileFullscreen": mobileFullscreen, children: children }), hasFooter && (onCancel || onConfirm) && (jsxRuntime.jsxs(styles.ButtonsContainer, { children: [onCancel && (jsxRuntime.jsx(Button.default, { type: "button", onClick: onCancel, isLoading: isLoading, "data-cy": "cancelBtn", appearance: "primaryLight", children: cancelLabel ? cancelLabel : 'Cancel' })), onConfirm && (jsxRuntime.jsx(Button.default, { type: "button", onClick: onDialogConfirmClick, isLoading: isLoading, disabled: isConfirmDisabled, "data-cy": "submitBtn", children: confirmLabel ? confirmLabel : 'Submit' }))] })), hasHeader && !closeEverywhere && withCloseIcon && (jsxRuntime.jsx(styles.CloseButton, { onClick: closeDialog, "data-cy": "dialogCloseBtn", children: jsxRuntime.jsx(Icon.default, { icon: "close", size: miniCloseBtn ? '20px' : '26px' }) }))] }) }) }));
 });
 
 exports.Modal = Modal;

package/ui/Blocks/Modal/Modal.js.map

@@ -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":["memo","useCallback","useMemo","widthMap","useClickOutside","useEffect","_jsx","Portal","DialogOverlay","_jsxs","DialogWindow","HeaderContainer","topSpaceMap","TitleContainer","x","Icon","H4","ContentContainer","ButtonsContainer","CloseButton"],"mappings":"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"}
+{"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":["memo","useCallback","useMemo","widthMap","useClickOutside","useEffect","_jsx","Portal","DialogOverlay","_jsxs","DialogWindow","HeaderContainer","topSpaceMap","TitleContainer","x","Icon","H4","ContentContainer","ButtonsContainer","Button","CloseButton"],"mappings":"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"}

package/ui/Blocks/Modal/index.d.ts

@@ -0,0 +1,8 @@
+import { FC, RefObject } from 'react';
+import { ModalProps, UseClickOutsideProps, ModalData, ControlProps } from './types.js';
+
+declare const Modal: FC<ModalProps>
+declare const useClickOutside: (props: UseClickOutsideProps) => RefObject<HTMLDivElement>
+declare const useModal: <T = ModalData>(initialValue?: T) => ControlProps<T>
+
+export { ControlProps, Modal, ModalData, ModalProps, Modal as default, useClickOutside, useModal };

package/ui/Blocks/Modal/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Modal = require('./Modal.js');
+require('react');
+
+
+
+exports.default = Modal.Modal;
+//# sourceMappingURL=index.js.map

package/ui/Blocks/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/ui/Blocks/Modal/types.d.ts

@@ -0,0 +1,48 @@
+import { MutableRefObject } from 'react';
+
+type TopSpace = 'default' | 'medium';
+type Width = 'wide' | 'mediumLarge' | 'medium' | 'narrow' | 'auto';
+interface ModalProps {
+    isShown?: boolean;
+    children: JSX.Element | JSX.Element[];
+    title?: JSX.Element | string;
+    titleIcon?: JSX.Element | string;
+    onConfirm?: (close: () => void) => void;
+    onCancel?: () => void;
+    onClose?: () => void;
+    confirmLabel?: JSX.Element | string;
+    cancelLabel?: JSX.Element | string;
+    isLoading?: boolean;
+    isConfirmDisabled?: boolean;
+    hasFooter?: boolean;
+    hasHeader?: boolean;
+    width?: Width;
+    whiteBg?: boolean;
+    miniCloseBtn?: boolean;
+    ignoreClickOutside?: boolean;
+    closeEverywhere?: boolean;
+    withCloseIcon?: boolean;
+    overlayColor?: string;
+    minWidth?: string;
+    minHeight?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    topSpace?: TopSpace;
+    mobileFullscreen?: boolean;
+}
+type ModalData = Record<string, any>;
+type ControlProps<T = ModalData> = {
+    isOpen: boolean;
+    onClose: () => void;
+    onOpen: (data?: T) => void;
+    data?: T;
+};
+interface UseClickOutsideProps {
+    onClose?: () => void;
+    ignoreClickOutside?: boolean;
+    parentRef?: MutableRefObject<HTMLDivElement | null | undefined>;
+    closeCurrent?: boolean;
+    allowScrollbarClick?: boolean;
+}
+
+export { ControlProps, ModalData, ModalProps, TopSpace, UseClickOutsideProps, Width };

package/ui/Blocks/Tabs/Tabs.js

@@ -13,7 +13,7 @@ var Tab = function (_a) {
     var handleOnClick = React.useCallback(function () {
         onTabSwitch(value);
     }, [onTabSwitch, value]);
-    return (jsxRuntime.jsx(styles.StyledTabWrapper, { children: jsxRuntime.jsxs(styles.Tab, { onClick: handleOnClick, active: isActive, children: [icon && (jsxRuntime.jsx(styles.StyledImageBox, { children: jsxRuntime.jsx(Icon.default, { icon: icon }) })), jsxRuntime.jsx(Text, { children: label }), isActive && badgeCount && badgeCount > 0 && (jsxRuntime.jsx(styles.RoundedWrap, { children: jsxRuntime.jsx(Text, { variant: "medium", children: badgeCount }) }))] }) }));
+    return (jsxRuntime.jsx(styles.StyledTabWrapper, { children: jsxRuntime.jsxs(styles.Tab, { onClick: handleOnClick, active: isActive, children: [icon && (jsxRuntime.jsx(styles.StyledImageBox, { children: jsxRuntime.jsx(Icon.default, { icon: icon }) })), jsxRuntime.jsx(Text.default, { children: label }), isActive && badgeCount && badgeCount > 0 && (jsxRuntime.jsx(styles.RoundedWrap, { children: jsxRuntime.jsx(Text.default, { variant: "medium", children: badgeCount }) }))] }) }));
 };
 var Tabs = function (_a) {
     var tabsDefinition = _a.tabsDefinition, activeTab = _a.activeTab, onTabSwitch = _a.onTabSwitch;

package/ui/Blocks/Tabs/Tabs.js.map

@@ -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":["useCallback","_jsx","StyledTabWrapper","_jsxs","StyledTab","StyledImageBox","Icon","RoundedWrap","TabPanel"],"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,GAAGA,iBAAW,CAAC,YAAY;AAChD,QAAQ,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3B,KAAK,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;AAC7B,IAAI,QAAQC,cAAI,CAACC,uBAAgB,EAAE,EAAE,QAAQ,EAAEC,eAAK,CAACC,UAAS,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,IAAI,KAAKH,cAAI,CAACI,qBAAc,EAAE,EAAE,QAAQ,EAAEJ,cAAI,CAACK,YAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAEL,cAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,IAAI,UAAU,IAAI,UAAU,GAAG,CAAC,KAAKA,cAAI,CAACM,kBAAW,EAAE,EAAE,QAAQ,EAAEN,cAAI,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,cAAI,CAACO,eAAQ,EAAE,EAAE,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE,KAAK,EAAE;AACjF,YAAY,OAAOP,cAAI,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;;;;"}
+{"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":["useCallback","_jsx","StyledTabWrapper","_jsxs","StyledTab","StyledImageBox","Icon","Text","RoundedWrap","TabPanel"],"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,GAAGA,iBAAW,CAAC,YAAY;AAChD,QAAQ,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3B,KAAK,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;AAC7B,IAAI,QAAQC,cAAI,CAACC,uBAAgB,EAAE,EAAE,QAAQ,EAAEC,eAAK,CAACC,UAAS,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,IAAI,KAAKH,cAAI,CAACI,qBAAc,EAAE,EAAE,QAAQ,EAAEJ,cAAI,CAACK,YAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAEL,cAAI,CAACM,YAAI,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,IAAI,UAAU,IAAI,UAAU,GAAG,CAAC,KAAKN,cAAI,CAACO,kBAAW,EAAE,EAAE,QAAQ,EAAEP,cAAI,CAACM,YAAI,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,QAAQN,cAAI,CAACQ,eAAQ,EAAE,EAAE,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE,KAAK,EAAE;AACjF,YAAY,OAAOR,cAAI,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;;;;"}

package/ui/Blocks/Tabs/index.d.ts

@@ -0,0 +1,8 @@
+import { TabsProps, UseTabsHook, TabContentProps } from './types.js';
+export { TabDefinition } from './types.js';
+
+declare const Tabs: (props: TabsProps) => JSX.Element | null
+declare const useTabs: UseTabsHook
+declare const TabContent: (props: TabContentProps) => React.ReactNode | React.ReactNode[]
+
+export { TabContent, Tabs, Tabs as default, useTabs };

package/ui/Blocks/Tabs/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Tabs = require('./Tabs.js');
+require('react');
+
+
+
+exports.Tabs = Tabs.Tabs;
+exports.default = Tabs.Tabs;
+//# sourceMappingURL=index.js.map

package/ui/Blocks/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/ui/Blocks/Tabs/types.d.ts

@@ -0,0 +1,22 @@
+type TabDefinition = {
+    label: string;
+    icon?: string;
+    badgeCount?: number;
+    default?: true;
+};
+type TabsProps = {
+    tabsDefinition: TabDefinition[];
+    activeTab: number;
+    onTabSwitch: (tab: number) => void;
+};
+type UseTabsHook = (tabDefinitions: TabDefinition[]) => {
+    activeTab: number;
+    onTabSwitch: (tab: number) => void;
+};
+type TabContentProps = {
+    activeTab: number;
+    value: number;
+    children: React.ReactNode | React.ReactNode[];
+};
+
+export { TabContentProps, TabDefinition, TabsProps, UseTabsHook };

package/ui/Elements/Alert/Alert.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var jsxRuntime = require('react/jsx-runtime');
 var styled = require('@xstyled/styled-components');
 var Icon = require('../Icon/Icon.js');
@@ -33,5 +35,5 @@ var Alert = function (props) {
     return (jsxRuntime.jsxs(styles.StyledAlert, { "$bgColor": bgColor, "$colorFill": colorFill, "$inline": inline, onClick: closeAnywhere ? onClose : undefined, children: [jsxRuntime.jsxs(styled.x.div, { display: "flex", alignItems: "center", children: [inline && jsxRuntime.jsx(styles.VerticalSeparator, { "$colorFill": colorFill }), icon && (jsxRuntime.jsx(styles.IconWrap, { children: jsxRuntime.jsx(Icon.default, { icon: icon, size: "20px", fill: colorFill }) })), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(styles.Title, { children: title }), jsxRuntime.jsxs(styles.Text, { children: [" ", text] })] })] }), jsxRuntime.jsxs(styled.x.div, { display: "flex", alignItems: "center", children: [href && actionType === 'link' && (jsxRuntime.jsx(styles.LinkWrapper, { "$colorFill": colorFill, to: href, children: actionLabel !== null && actionLabel !== void 0 ? actionLabel : 'Link' })), onClick && actionType === 'button' && (jsxRuntime.jsx(styles.ActionButton, { "$colorFill": colorFill, onClick: onClick, children: actionLabel !== null && actionLabel !== void 0 ? actionLabel : 'Submit' })), onClose && !closeAnywhere && (jsxRuntime.jsx(styles.CloseBtn, { onClick: onClose, children: jsxRuntime.jsx(Icon.default, { icon: "close", size: "15px", fill: "gray" }) })), desc && jsxRuntime.jsx(styles.Description, { children: desc })] })] }));
 };
 
-module.exports = Alert;
+exports.default = Alert;
 //# sourceMappingURL=Alert.js.map

package/ui/Elements/Alert/Alert.js.map

@@ -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":["useTheme","th","_jsxs","StyledAlert","x","_jsx","VerticalSeparator","IconWrap","Icon","Title","Text","LinkWrapper","ActionButton","CloseBtn","Description"],"mappings":"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"}
+{"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":["useTheme","th","_jsxs","StyledAlert","x","_jsx","VerticalSeparator","IconWrap","Icon","Title","Text","LinkWrapper","ActionButton","CloseBtn","Description"],"mappings":"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"}

package/ui/Elements/Alert/index.d.ts

@@ -0,0 +1,6 @@
+import { IAlert } from './types.js';
+export { AlertProps } from './types.js';
+
+declare const Alert: IAlert
+
+export { Alert as default };

package/ui/Elements/Alert/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Alert = require('./Alert.js');
+
+
+
+exports.Alert = Alert.default;
+exports.default = Alert.default;
+//# sourceMappingURL=index.js.map

package/ui/Elements/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/ui/Elements/Alert/styles.js

@@ -23,7 +23,7 @@ var VerticalSeparator = styled__default.default(styled$1.x.div)(templateObject_2
 var IconWrap = styled__default.default(styled$1.x.div)(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n  margin: 0 13px 0 9px;\n"], ["\n  margin: 0 13px 0 9px;\n"])));
 var Title = styled__default.default.span(templateObject_4 || (templateObject_4 = tslib.__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"])));
 var Text = styled__default.default.span(templateObject_5 || (templateObject_5 = tslib.__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"])));
-var LinkWrapper = styled__default.default(Link)(templateObject_6 || (templateObject_6 = tslib.__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) {
+var LinkWrapper = styled__default.default(Link.default)(templateObject_6 || (templateObject_6 = tslib.__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) {
     var $colorFill = _a.$colorFill;
     return $colorFill;
 });

package/ui/Elements/Alert/styles.js.map

@@ -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":["styled","x","__makeTemplateObject","th"],"mappings":"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"}
+{"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":["styled","x","__makeTemplateObject","th","Link"],"mappings":"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"}

package/ui/Elements/Alert/types.d.ts

@@ -0,0 +1,19 @@
+type AlertProps = {
+    intent?: 'success' | 'info' | 'warning' | 'danger';
+    inline?: boolean;
+    onClick?: () => void;
+    onClose?: () => void;
+    title?: string;
+    text?: string;
+    closeAnywhere?: boolean;
+    href?: string;
+    actionLabel?: React.ReactElement | string;
+    actionType?: 'link' | 'button';
+    desc?: string;
+    [key: string]: any;
+};
+interface IAlert {
+    (props: AlertProps): JSX.Element;
+}
+
+export { AlertProps, IAlert };

package/ui/Elements/Avatar/index.d.ts

@@ -0,0 +1,5 @@
+import { Props } from './types.js';
+
+declare const Avatar: (props: Props) => JSX.Element
+
+export { Avatar as default };