@mailstep/design-system 0.1.26 → 0.2.0-beta.1

package/package.json

@@ -1,19 +1,20 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.1.26",
+  "version": "0.2.0-beta.1",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",
   "module": "./ui/index.es.js",
   "types": "./ui/index.d.ts",
   "files": [
-    "ui"
+    "build"
   ],
   "scripts": {
     "storybook": "storybook dev -p 6006",
-    "build": "rm -rf ./build && rollup -c && cp package.json build",
+    "build": "rm -rf ./build && tsc && vite build && cp package.json build",
     "build-storybook": "storybook build",
     "deploy": "npm run build && npm publish ./build",
+    "version:beta": "npm run build && scripts/prepublish.js",
     "dev": "yarn storybook",
     "test": "echo \"The tests are still waiting to be written, but it seems like they're really good at procrastinating!\""
   },
@@ -28,11 +29,6 @@
     "@fortawesome/pro-regular-svg-icons": "^6.0.0",
     "@fortawesome/pro-solid-svg-icons": "^6.3.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@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",
     "@storybook/addon-controls": "7.5.2",
     "@storybook/addon-essentials": "7.5.2",
     "@storybook/addon-interactions": "7.5.2",
@@ -61,18 +57,15 @@
     "react-script": "^2.0.5",
     "react-toastify": "^9.1.3",
     "react-use-draggable-scroll": "^0.4.7",
-    "rollup": "^3.21.8",
-    "rollup-plugin-del": "^1.0.1",
-    "rollup-plugin-dts": "^5.3.0",
-    "rollup-plugin-multi-input": "^1.4.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
     "storybook": "7.5.2",
     "string-width": "6.1.0",
     "styled-components": "^5.3.10",
     "swiper": "^11.0.3",
     "tslib": "^2.6.2",
     "typescript": "^5.0.4",
+    "vite-plugin-dts": "^3.6.4",
+    "@vitejs/plugin-react": "^4.2.1",
+    "vite": "^5.0.10",
     "webpack": "^5.82.1"
   },
   "peerDependencies": {

package/ui/Blocks/CornerDialog/CornerDialog.js

@@ -1,23 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { statusToIcon, statusToColors } from './utils.js';
-import { Portal } from '../../Elements/Portal/index.js';
-import Icon from '../../Elements/Icon/Icon.js';
-import 'tslib';
-import { Container, Status, StatusText, Header, CloseBtn, Wrapper } from './styles.js';
-
-var CornerDialog = function (_a) {
-    var title = _a.title, children = _a.children, onClose = _a.onClose, statusToTitle = _a.statusToTitle, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, _intent = _a.intent;
-    var _c = useState(false), isMounted = _c[0], setIsMounted = _c[1];
-    useEffect(function () {
-        setIsMounted(true);
-    }, []);
-    var intent = _intent !== null && _intent !== void 0 ? _intent : 'info';
-    var _d = statusToColors[intent], fontColor = _d.fontColor, backgroundColor = _d.backgroundColor, fill = _d.fill;
-    if (!isOpen)
-        return null;
-    return (jsx(Portal, { children: jsxs(Container, { "$mounted": isMounted, children: [jsxs(Status, { background: backgroundColor, children: [jsx(Icon, { icon: statusToIcon[intent], fill: fill }), jsx(StatusText, { fontColor: fontColor, children: statusToTitle[intent]() })] }), jsx(Header, { children: title }), jsx(CloseBtn, { onClick: onClose, children: jsx(Icon, { icon: "close", size: "25px" }) }), jsx(Wrapper, { children: children })] }) }));
-};
-
-export { CornerDialog };
-//# sourceMappingURL=CornerDialog.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CornerDialog.js","sources":["../../../../packages/ui/Blocks/CornerDialog/CornerDialog.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEffect, useState } from 'react';\nimport { statusToColors, statusToIcon } from './utils';\nimport { Portal } from '../../Elements/Portal';\nimport { Icon } from '../../Elements/Icon';\nimport { Container, Header, Status, StatusText, Wrapper, CloseBtn } from './styles';\nexport var CornerDialog = function (_a) {\n    var title = _a.title, children = _a.children, onClose = _a.onClose, statusToTitle = _a.statusToTitle, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, _intent = _a.intent;\n    var _c = useState(false), isMounted = _c[0], setIsMounted = _c[1];\n    useEffect(function () {\n        setIsMounted(true);\n    }, []);\n    var intent = _intent !== null && _intent !== void 0 ? _intent : 'info';\n    var _d = statusToColors[intent], fontColor = _d.fontColor, backgroundColor = _d.backgroundColor, fill = _d.fill;\n    if (!isOpen)\n        return null;\n    return (_jsx(Portal, { children: _jsxs(Container, { \"$mounted\": isMounted, children: [_jsxs(Status, { background: backgroundColor, children: [_jsx(Icon, { icon: statusToIcon[intent], fill: fill }), _jsx(StatusText, { fontColor: fontColor, children: statusToTitle[intent]() })] }), _jsx(Header, { children: title }), _jsx(CloseBtn, { onClick: onClose, children: _jsx(Icon, { icon: \"close\", size: \"25px\" }) }), _jsx(Wrapper, { children: children })] }) }));\n};\n//# sourceMappingURL=CornerDialog.js.map"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAMU,IAAC,YAAY,GAAG,UAAU,EAAE,EAAE;AACxC,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC;AAClL,IAAI,IAAI,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AACtE,IAAI,SAAS,CAAC,YAAY;AAC1B,QAAQ,YAAY,CAAC,IAAI,CAAC,CAAC;AAC3B,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,IAAI,MAAM,GAAG,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,CAAC,GAAG,OAAO,GAAG,MAAM,CAAC;AAC3E,IAAI,IAAI,EAAE,GAAG,cAAc,CAAC,MAAM,CAAC,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,eAAe,GAAG,EAAE,CAAC,eAAe,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,CAAC;AACpH,IAAI,IAAI,CAAC,MAAM;AACf,QAAQ,OAAO,IAAI,CAAC;AACpB,IAAI,QAAQA,GAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAEC,IAAK,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,CAACA,IAAK,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAEA,GAAI,CAAC,UAAU,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAEA,GAAI,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAEA,GAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC3c;;;;"}

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

@@ -1,6 +0,0 @@
-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

@@ -1,6 +0,0 @@
-import { CornerDialog } from './CornerDialog.js';
-
-
-
-export { CornerDialog as default };
-//# sourceMappingURL=index.js.map

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

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

package/ui/Blocks/CornerDialog/styles.js

@@ -1,22 +0,0 @@
-import { __makeTemplateObject } from 'tslib';
-import styled, { th } from '@xstyled/styled-components';
-
-var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  z-index: 10;\n  bottom: 3rem;\n  right: 3rem;\n  background: white;\n  border-radius: 12px;\n  box-shadow: cornerDialogShadow;\n  width: 400px;\n  padding: 50px 30px 30px;\n  color: typoPrimary;\n  transition: opacity 225ms linear;\n  opacity: ", ";\n"], ["\n  position: fixed;\n  z-index: 10;\n  bottom: 3rem;\n  right: 3rem;\n  background: white;\n  border-radius: 12px;\n  box-shadow: cornerDialogShadow;\n  width: 400px;\n  padding: 50px 30px 30px;\n  color: typoPrimary;\n  transition: opacity 225ms linear;\n  opacity: ", ";\n"])), function (_a) {
-    var $mounted = _a.$mounted;
-    return ($mounted ? 1 : 0);
-});
-var Header = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-bottom: 15px;\n  color: typoPrimary;\n  font-size: 18px;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n"], ["\n  margin-bottom: 15px;\n  color: typoPrimary;\n  font-size: 18px;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n"])));
-var Wrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 400;\n"], ["\n  font-size: 14px;\n  font-weight: 400;\n"])));
-var Status = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  padding: 6px 10px;\n  text-transform: uppercase;\n  border-radius: 12px 0 12px 0;\n  background-color: ", ";\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n  padding: 6px 10px;\n  text-transform: uppercase;\n  border-radius: 12px 0 12px 0;\n  background-color: ", ";\n"])), function (_a) {
-    var background = _a.background;
-    return th.color(background);
-});
-var CloseBtn = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  cursor: pointer;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n"], ["\n  cursor: pointer;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n"])));
-var StatusText = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: inline-block;\n  margin-left: 6px;\n  font-size: 14px;\n  font-weight: 700;\n  color: ", ";\n"], ["\n  display: inline-block;\n  margin-left: 6px;\n  font-size: 14px;\n  font-weight: 700;\n  color: ", ";\n"])), function (_a) {
-    var fontColor = _a.fontColor;
-    return th.color(fontColor);
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
-
-export { CloseBtn, Container, Header, Status, StatusText, Wrapper };
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../packages/ui/Blocks/CornerDialog/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nexport var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  position: fixed;\\n  z-index: 10;\\n  bottom: 3rem;\\n  right: 3rem;\\n  background: white;\\n  border-radius: 12px;\\n  box-shadow: cornerDialogShadow;\\n  width: 400px;\\n  padding: 50px 30px 30px;\\n  color: typoPrimary;\\n  transition: opacity 225ms linear;\\n  opacity: \", \";\\n\"], [\"\\n  position: fixed;\\n  z-index: 10;\\n  bottom: 3rem;\\n  right: 3rem;\\n  background: white;\\n  border-radius: 12px;\\n  box-shadow: cornerDialogShadow;\\n  width: 400px;\\n  padding: 50px 30px 30px;\\n  color: typoPrimary;\\n  transition: opacity 225ms linear;\\n  opacity: \", \";\\n\"])), function (_a) {\n    var $mounted = _a.$mounted;\n    return ($mounted ? 1 : 0);\n});\nexport var Header = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  margin-bottom: 15px;\\n  color: typoPrimary;\\n  font-size: 18px;\\n  font-weight: bold;\\n  display: flex;\\n  align-items: center;\\n\"], [\"\\n  margin-bottom: 15px;\\n  color: typoPrimary;\\n  font-size: 18px;\\n  font-weight: bold;\\n  display: flex;\\n  align-items: center;\\n\"])));\nexport var Wrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  font-size: 14px;\\n  font-weight: 400;\\n\"], [\"\\n  font-size: 14px;\\n  font-weight: 400;\\n\"])));\nexport var Status = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n  position: absolute;\\n  left: 0;\\n  top: 0;\\n  padding: 6px 10px;\\n  text-transform: uppercase;\\n  border-radius: 12px 0 12px 0;\\n  background-color: \", \";\\n\"], [\"\\n  position: absolute;\\n  left: 0;\\n  top: 0;\\n  padding: 6px 10px;\\n  text-transform: uppercase;\\n  border-radius: 12px 0 12px 0;\\n  background-color: \", \";\\n\"])), function (_a) {\n    var background = _a.background;\n    return th.color(background);\n});\nexport var CloseBtn = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n  cursor: pointer;\\n  position: absolute;\\n  top: 12px;\\n  right: 12px;\\n\"], [\"\\n  cursor: pointer;\\n  position: absolute;\\n  top: 12px;\\n  right: 12px;\\n\"])));\nexport var StatusText = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n  display: inline-block;\\n  margin-left: 6px;\\n  font-size: 14px;\\n  font-weight: 700;\\n  color: \", \";\\n\"], [\"\\n  display: inline-block;\\n  margin-left: 6px;\\n  font-size: 14px;\\n  font-weight: 700;\\n  color: \", \";\\n\"])), function (_a) {\n    var fontColor = _a.fontColor;\n    return th.color(fontColor);\n});\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEU,IAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,8QAA8Q,EAAE,KAAK,CAAC,EAAE,CAAC,8QAA8Q,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACjqB,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,GAAG,CAAC,GAAG,CAAC,EAAE;AAC9B,CAAC,EAAE;AACO,IAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,uIAAuI,CAAC,EAAE,CAAC,uIAAuI,CAAC,CAAC,CAAC,EAAE;AAC1W,IAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,6CAA6C,CAAC,EAAE,CAAC,6CAA6C,CAAC,CAAC,CAAC,EAAE;AACvL,IAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,2JAA2J,EAAE,KAAK,CAAC,EAAE,CAAC,2JAA2J,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACxb,IAAI,IAAI,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC;AACnC,IAAI,OAAO,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;AAChC,CAAC,EAAE;AACO,IAAC,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,6EAA6E,CAAC,EAAE,CAAC,6EAA6E,CAAC,CAAC,CAAC,EAAE;AACxP,IAAC,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,qGAAqG,EAAE,KAAK,CAAC,EAAE,CAAC,qGAAqG,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACjV,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,OAAO,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AAC/B,CAAC,EAAE;AACH,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}

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

@@ -1,14 +0,0 @@
-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/CornerDialog/utils.js

@@ -1,15 +0,0 @@
-var statusToColors = {
-    info: { fontColor: 'gray1', backgroundColor: 'lightGray7', fill: 'gray1' },
-    success: { fontColor: 'white', backgroundColor: 'green', fill: 'white' },
-    error: { fontColor: 'white', backgroundColor: 'red1', fill: 'white' },
-    warning: { fontColor: 'blue2', backgroundColor: 'yellow1', fill: 'blue2' },
-};
-var statusToIcon = {
-    info: 'info',
-    success: 'circleCheck',
-    error: 'circleX',
-    warning: 'circleTriangle',
-};
-
-export { statusToColors, statusToIcon };
-//# sourceMappingURL=utils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../packages/ui/Blocks/CornerDialog/utils.ts"],"sourcesContent":["export var statusToColors = {\n    info: { fontColor: 'gray1', backgroundColor: 'lightGray7', fill: 'gray1' },\n    success: { fontColor: 'white', backgroundColor: 'green', fill: 'white' },\n    error: { fontColor: 'white', backgroundColor: 'red1', fill: 'white' },\n    warning: { fontColor: 'blue2', backgroundColor: 'yellow1', fill: 'blue2' },\n};\nexport var statusToIcon = {\n    info: 'info',\n    success: 'circleCheck',\n    error: 'circleX',\n    warning: 'circleTriangle',\n};\n//# sourceMappingURL=utils.js.map"],"names":[],"mappings":"AAAU,IAAC,cAAc,GAAG;AAC5B,IAAI,IAAI,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE;AAC9E,IAAI,OAAO,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;AAC5E,IAAI,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE;AACzE,IAAI,OAAO,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE;AAC9E,EAAE;AACQ,IAAC,YAAY,GAAG;AAC1B,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,aAAa;AAC1B,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,OAAO,EAAE,gBAAgB;AAC7B;;;;"}

package/ui/Blocks/ImageList/ImageList.js

@@ -1,24 +0,0 @@
-import { __assign } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef } from 'react';
-import { useDraggable } from 'react-use-draggable-scroll';
-import { LightBox } from '../LightBox/LightBox.js';
-import { useLightBox } from '../LightBox/hooks/useLightBox.js';
-import { AddPhoto } from './components/AddPhoto/index.js';
-import { ImageElement } from './components/ImageElement/index.js';
-import { x } from '@xstyled/styled-components';
-import { ImageListContainer } from './styles.js';
-
-var ImageList = function (_a) {
-    var onImageUpload = _a.onImageUpload, onImageRemove = _a.onImageRemove, lightBoxAction = _a.lightBoxAction, lightBoxActionTitle = _a.lightBoxActionTitle, images = _a.images, isDisabled = _a.isDisabled;
-    var ref = useRef();
-    var events = useDraggable(ref, { isMounted: !!(images === null || images === void 0 ? void 0 : images.length) }).events;
-    var _b = useLightBox(), isLightBoxOpen = _b.isLightBoxOpen, onCloseLightBox = _b.onCloseLightBox, onOpenLightBox = _b.onOpenLightBox, lightBoxData = _b.lightBoxData;
-    return (jsxs(x.div, { display: "flex", alignItems: "flex-end", children: [jsx(AddPhoto, { onImageUpload: onImageUpload, isDisabled: isDisabled }), images && (jsx(ImageListContainer, __assign({ ref: ref }, events, { children: images.map(function (item, index) {
-                    var _a, _b;
-                    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), isDisabled: isDisabled }, (_b = item.id) !== null && _b !== void 0 ? _b : index));
-                }) }))), jsx(LightBox, { initialSlide: lightBoxData === null || lightBoxData === void 0 ? void 0 : lightBoxData.initialSlide, isLightBoxOpen: isLightBoxOpen, onCloseLightBox: onCloseLightBox, lightBoxAction: lightBoxAction, lightBoxActionTitle: lightBoxActionTitle, images: images })] }));
-};
-
-export { ImageList };
-//# sourceMappingURL=ImageList.js.map

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

@@ -1 +0,0 @@
-{"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, isDisabled = _a.isDisabled;\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, isDisabled: isDisabled }), 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), isDisabled: isDisabled }, (_b = item.id) !== null && _b !== void 0 ? _b : index));\n                }) }))), _jsx(LightBox, { initialSlide: lightBoxData === null || lightBoxData === void 0 ? void 0 : lightBoxData.initialSlide, isLightBoxOpen: isLightBoxOpen, onCloseLightBox: onCloseLightBox, lightBoxAction: lightBoxAction, lightBoxActionTitle: lightBoxActionTitle, images: images })] }));\n};\n//# sourceMappingURL=ImageList.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;AASU,IAAC,SAAS,GAAG,UAAU,EAAE,EAAE;AACrC,IAAI,IAAI,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,mBAAmB,GAAG,EAAE,CAAC,mBAAmB,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC;AAC7M,IAAI,IAAI,GAAG,GAAG,MAAM,EAAE,CAAC;AACvB,IAAI,IAAI,MAAM,GAAG,YAAY,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC;AAC5H,IAAI,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,eAAe,GAAG,EAAE,CAAC,eAAe,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC;AACzK,IAAI,QAAQA,IAAK,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,QAAQ,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,EAAE,MAAM,KAAKA,GAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE,KAAK,EAAE;AAC1Q,oBAAoB,IAAI,EAAE,EAAE,EAAE,CAAC;AAC/B,oBAAoB,QAAQA,GAAI,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,QAAQ,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,aAAa,EAAE,aAAa,KAAK,IAAI,IAAI,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,EAAE;AACzV,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,EAAEA,GAAI,CAAC,QAAQ,EAAE,EAAE,YAAY,EAAE,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAClT;;;;"}

package/ui/Blocks/ImageList/components/AddPhoto/index.js

@@ -1,37 +0,0 @@
-import { __awaiter, __generator } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useCallback } from 'react';
-import { Container, HiddenInput } from './styles.js';
-import { AddPhoto as AddPhoto$1 } from '../../../../Elements/Icon/icons/AddPhoto.js';
-
-var AddPhoto = function (_a) {
-    var onImageUpload = _a.onImageUpload, isDisabled = _a.isDisabled;
-    var handleImageUpload = useCallback(function (event) {
-        var _a, _b;
-        if (!((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0]))
-            return;
-        var reader = new FileReader();
-        reader.readAsDataURL(event.target.files[0]);
-        reader.onload = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var _a, _b;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0: return [4 /*yield*/, (onImageUpload === null || onImageUpload === void 0 ? void 0 : onImageUpload({
-                            base64image: (_a = reader.result) === null || _a === void 0 ? void 0 : _a.split(',').pop(),
-                            base64WithDataDeclaration: reader.result,
-                            file: (_b = event.target.files) === null || _b === void 0 ? void 0 : _b[0],
-                        }))];
-                    case 1:
-                        _c.sent();
-                        return [2 /*return*/];
-                }
-            });
-        }); };
-    }, [onImageUpload]);
-    if (!onImageUpload)
-        return null;
-    return (jsxs(Container, { isDisabled: isDisabled, children: [jsx(HiddenInput, { disabled: isDisabled, onChange: handleImageUpload, type: "file", accept: "image/*" }), jsx(AddPhoto$1, { width: "36", height: "36" })] }));
-};
-
-export { AddPhoto };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/ui/Blocks/ImageList/components/AddPhoto/index.tsx"],"sourcesContent":["import { __awaiter, __generator } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { Container, HiddenInput } from './styles';\nimport { AddPhoto as AddPhotoIcon } from '../../../../Elements/Icon/icons/AddPhoto';\nexport var AddPhoto = function (_a) {\n    var onImageUpload = _a.onImageUpload, isDisabled = _a.isDisabled;\n    var handleImageUpload = useCallback(function (event) {\n        var _a, _b;\n        if (!((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0]))\n            return;\n        var reader = new FileReader();\n        reader.readAsDataURL(event.target.files[0]);\n        reader.onload = function () { return __awaiter(void 0, void 0, void 0, function () {\n            var _a, _b;\n            return __generator(this, function (_c) {\n                switch (_c.label) {\n                    case 0: return [4 /*yield*/, (onImageUpload === null || onImageUpload === void 0 ? void 0 : onImageUpload({\n                            base64image: (_a = reader.result) === null || _a === void 0 ? void 0 : _a.split(',').pop(),\n                            base64WithDataDeclaration: reader.result,\n                            file: (_b = event.target.files) === null || _b === void 0 ? void 0 : _b[0],\n                        }))];\n                    case 1:\n                        _c.sent();\n                        return [2 /*return*/];\n                }\n            });\n        }); };\n    }, [onImageUpload]);\n    if (!onImageUpload)\n        return null;\n    return (_jsxs(Container, { isDisabled: isDisabled, children: [_jsx(HiddenInput, { disabled: isDisabled, onChange: handleImageUpload, type: \"file\", accept: \"image/*\" }), _jsx(AddPhotoIcon, { width: \"36\", height: \"36\" })] }));\n};\n//# sourceMappingURL=index.js.map"],"names":["_jsxs","_jsx","AddPhotoIcon"],"mappings":";;;;;;AAKU,IAAC,QAAQ,GAAG,UAAU,EAAE,EAAE;AACpC,IAAI,IAAI,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC;AACrE,IAAI,IAAI,iBAAiB,GAAG,WAAW,CAAC,UAAU,KAAK,EAAE;AACzD,QAAQ,IAAI,EAAE,EAAE,EAAE,CAAC;AACnB,QAAQ,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,MAAM,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AAClI,YAAY,OAAO;AACnB,QAAQ,IAAI,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;AACtC,QAAQ,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AACpD,QAAQ,MAAM,CAAC,MAAM,GAAG,YAAY,EAAE,OAAO,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,YAAY;AAC3F,YAAY,IAAI,EAAE,EAAE,EAAE,CAAC;AACvB,YAAY,OAAO,WAAW,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE;AACnD,gBAAgB,QAAQ,EAAE,CAAC,KAAK;AAChC,oBAAoB,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,aAAa,aAAa,KAAK,IAAI,IAAI,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,aAAa,CAAC;AAC9H,4BAA4B,WAAW,EAAE,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE;AACtH,4BAA4B,yBAAyB,EAAE,MAAM,CAAC,MAAM;AACpE,4BAA4B,IAAI,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;AACtG,yBAAyB,CAAC,EAAE,CAAC;AAC7B,oBAAoB,KAAK,CAAC;AAC1B,wBAAwB,EAAE,CAAC,IAAI,EAAE,CAAC;AAClC,wBAAwB,OAAO,CAAC,CAAC,YAAY,CAAC;AAC9C,iBAAiB;AACjB,aAAa,CAAC,CAAC;AACf,SAAS,CAAC,CAAC,EAAE,CAAC;AACd,KAAK,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACxB,IAAI,IAAI,CAAC,aAAa;AACtB,QAAQ,OAAO,IAAI,CAAC;AACpB,IAAI,QAAQA,IAAK,CAAC,SAAS,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAAEA,GAAI,CAACC,UAAY,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACpO;;;;"}

package/ui/Blocks/ImageList/components/AddPhoto/styles.js

@@ -1,12 +0,0 @@
-import { __makeTemplateObject } from 'tslib';
-import styled, { th } from '@xstyled/styled-components';
-
-var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  flex-shrink: 0;\n  transition: all 0.2s linear;\n  height: 85px !important;\n  width: 85px !important;\n  border-radius: ", ";\n  border: ", ";\n  border-color: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  margin-right: 15px;\n  opacity: ", ";\n"], ["\n  position: relative;\n  flex-shrink: 0;\n  transition: all 0.2s linear;\n  height: 85px !important;\n  width: 85px !important;\n  border-radius: ", ";\n  border: ", ";\n  border-color: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  margin-right: 15px;\n  opacity: ", ";\n"])), th.radius('lg'), th.border('mediumSlim'), th.color('red1'), function (_a) {
-    var isDisabled = _a.isDisabled;
-    return (isDisabled ? 0.6 : 1);
-});
-var HiddenInput = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n"], ["\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n"])));
-var templateObject_1, templateObject_2;
-
-export { Container, HiddenInput };
-//# sourceMappingURL=styles.js.map

package/ui/Blocks/ImageList/components/AddPhoto/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../packages/ui/Blocks/ImageList/components/AddPhoto/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nexport var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  position: relative;\\n  flex-shrink: 0;\\n  transition: all 0.2s linear;\\n  height: 85px !important;\\n  width: 85px !important;\\n  border-radius: \", \";\\n  border: \", \";\\n  border-color: \", \";\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  cursor: pointer;\\n  margin-right: 15px;\\n  opacity: \", \";\\n\"], [\"\\n  position: relative;\\n  flex-shrink: 0;\\n  transition: all 0.2s linear;\\n  height: 85px !important;\\n  width: 85px !important;\\n  border-radius: \", \";\\n  border: \", \";\\n  border-color: \", \";\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  cursor: pointer;\\n  margin-right: 15px;\\n  opacity: \", \";\\n\"])), th.radius('lg'), th.border('mediumSlim'), th.color('red1'), function (_a) {\n    var isDisabled = _a.isDisabled;\n    return (isDisabled ? 0.6 : 1);\n});\nexport var HiddenInput = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  opacity: 0;\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  width: 100%;\\n  height: 100%;\\n  cursor: pointer;\\n\"], [\"\\n  opacity: 0;\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  width: 100%;\\n  height: 100%;\\n  cursor: pointer;\\n\"])));\nvar templateObject_1, templateObject_2;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEU,IAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,sJAAsJ,EAAE,eAAe,EAAE,qBAAqB,EAAE,iIAAiI,EAAE,KAAK,CAAC,EAAE,CAAC,sJAAsJ,EAAE,eAAe,EAAE,qBAAqB,EAAE,iIAAiI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,EAAE;AACn0B,IAAI,IAAI,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC;AACnC,IAAI,QAAQ,UAAU,GAAG,GAAG,GAAG,CAAC,EAAE;AAClC,CAAC,EAAE;AACO,IAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,sHAAsH,CAAC,EAAE,CAAC,sHAAsH,CAAC,CAAC,CAAC,EAAE;AACzV,IAAI,gBAAgB,EAAE,gBAAgB;;;;"}

package/ui/Blocks/ImageList/components/CloseButton/index.js

@@ -1,12 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import Icon from '../../../../Elements/Icon/Icon.js';
-import 'tslib';
-import { Container } from './styles.js';
-
-var CloseButton = function (_a) {
-    var onImageRemove = _a.onImageRemove, isDisabled = _a.isDisabled;
-    return (jsx(Container, { onClick: !isDisabled ? onImageRemove : undefined, isDisabled: isDisabled, children: jsx(Icon, { icon: "close", size: "22px", fill: isDisabled ? 'magenta60' : 'red1' }) }));
-};
-
-export { CloseButton };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/ui/Blocks/ImageList/components/CloseButton/index.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon } from '../../../../Elements/Icon';\nimport { Container } from './styles';\nexport var CloseButton = function (_a) {\n    var onImageRemove = _a.onImageRemove, isDisabled = _a.isDisabled;\n    return (_jsx(Container, { onClick: !isDisabled ? onImageRemove : undefined, isDisabled: isDisabled, children: _jsx(Icon, { icon: \"close\", size: \"22px\", fill: isDisabled ? 'magenta60' : 'red1' }) }));\n};\n//# sourceMappingURL=index.js.map"],"names":["_jsx"],"mappings":";;;;;AAGU,IAAC,WAAW,GAAG,UAAU,EAAE,EAAE;AACvC,IAAI,IAAI,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC;AACrE,IAAI,QAAQA,GAAI,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,CAAC,UAAU,GAAG,aAAa,GAAG,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAEA,GAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE;AAC3M;;;;"}

package/ui/Blocks/ImageList/components/CloseButton/styles.js

@@ -1,11 +0,0 @@
-import { __makeTemplateObject } from 'tslib';
-import styled, { th } from '@xstyled/styled-components';
-
-var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 30px;\n  height: 30px;\n  background-color: ", ";\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s linear;\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 30px;\n  height: 30px;\n  background-color: ", ";\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s linear;\n"])), function (_a) {
-    var isDisabled = _a.isDisabled;
-    return th.color(isDisabled ? 'bgLightGray1' : 'red20');
-});
-var templateObject_1;
-
-export { Container };
-//# sourceMappingURL=styles.js.map

package/ui/Blocks/ImageList/components/CloseButton/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../packages/ui/Blocks/ImageList/components/CloseButton/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nexport var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  position: absolute;\\n  top: 0;\\n  right: 0;\\n  width: 30px;\\n  height: 30px;\\n  background-color: \", \";\\n  border-radius: 50%;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  cursor: pointer;\\n  transition: all 0.2s linear;\\n\"], [\"\\n  position: absolute;\\n  top: 0;\\n  right: 0;\\n  width: 30px;\\n  height: 30px;\\n  background-color: \", \";\\n  border-radius: 50%;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  cursor: pointer;\\n  transition: all 0.2s linear;\\n\"])), function (_a) {\n    var isDisabled = _a.isDisabled;\n    return th.color(isDisabled ? 'bgLightGray1' : 'red20');\n});\nvar templateObject_1;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEU,IAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,wGAAwG,EAAE,sJAAsJ,CAAC,EAAE,CAAC,wGAAwG,EAAE,sJAAsJ,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACvnB,IAAI,IAAI,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC;AACnC,IAAI,OAAO,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,cAAc,GAAG,OAAO,CAAC,CAAC;AAC3D,CAAC,EAAE;AACH,IAAI,gBAAgB;;;;"}

package/ui/Blocks/ImageList/components/ImageElement/index.js

@@ -1,15 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Image } from './styles.js';
-import { ImageTag } from '../ImageTag/index.js';
-import { CloseButton } from '../CloseButton/index.js';
-import { x } from '@xstyled/styled-components';
-
-var ImageElement = function (_a) {
-    var label = _a.label, onImageRemove = _a.onImageRemove, isDisabled = _a.isDisabled, onOpenLightBox = _a.onOpenLightBox, imageUrl = _a.imageUrl;
-    if (!imageUrl)
-        return null;
-    return (jsxs(x.div, { position: "relative", pr: "15px", pt: "15px", w: "100px", children: [jsx(Image, { src: imageUrl, alt: "", width: "85px", height: "85px", onClick: onOpenLightBox }), onImageRemove && jsx(CloseButton, { onImageRemove: onImageRemove, isDisabled: isDisabled }), jsx(ImageTag, { label: label })] }));
-};
-
-export { ImageElement };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/ui/Blocks/ImageList/components/ImageElement/index.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Image } from './styles';\nimport { ImageTag } from '../ImageTag';\nimport { CloseButton } from '../CloseButton';\nimport { x } from '@xstyled/styled-components';\nexport var ImageElement = function (_a) {\n    var label = _a.label, onImageRemove = _a.onImageRemove, isDisabled = _a.isDisabled, onOpenLightBox = _a.onOpenLightBox, imageUrl = _a.imageUrl;\n    if (!imageUrl)\n        return null;\n    return (_jsxs(x.div, { position: \"relative\", pr: \"15px\", pt: \"15px\", w: \"100px\", children: [_jsx(Image, { src: imageUrl, alt: \"\", width: \"85px\", height: \"85px\", onClick: onOpenLightBox }), onImageRemove && _jsx(CloseButton, { onImageRemove: onImageRemove, isDisabled: isDisabled }), _jsx(ImageTag, { label: label })] }));\n};\n//# sourceMappingURL=index.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAKU,IAAC,YAAY,GAAG,UAAU,EAAE,EAAE;AACxC,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AACnJ,IAAI,IAAI,CAAC,QAAQ;AACjB,QAAQ,OAAO,IAAI,CAAC;AACpB,IAAI,QAAQA,IAAK,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,EAAE,aAAa,IAAIA,GAAI,CAAC,WAAW,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,EAAEA,GAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACrU;;;;"}

package/ui/Blocks/ImageList/components/ImageElement/styles.js

@@ -1,9 +0,0 @@
-import { __makeTemplateObject } from 'tslib';
-import styled, { th } from '@xstyled/styled-components';
-
-styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var Image = styled.img(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: ", ";\n"], ["\n  border-radius: ", ";\n"])), th.radius('lg'));
-var templateObject_1, templateObject_2;
-
-export { Image };
-//# sourceMappingURL=styles.js.map

package/ui/Blocks/ImageList/components/ImageElement/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../packages/ui/Blocks/ImageList/components/ImageElement/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nexport var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\"], [\"\"])));\nexport var Image = styled.img(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  border-radius: \", \";\\n\"], [\"\\n  border-radius: \", \";\\n\"])), th.radius('lg'));\nvar templateObject_1, templateObject_2;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEuB,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;AACnG,IAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;AAC9K,IAAI,gBAAgB,EAAE,gBAAgB;;;;"}

package/ui/Blocks/ImageList/components/ImageTag/index.js

@@ -1,13 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import Tag from '../../../../Elements/Tag/Tag.js';
-import { Container } from './styles.js';
-
-var ImageTag = function (_a) {
-    var label = _a.label;
-    if (!label)
-        return null;
-    return (jsx(Container, { children: jsx(Tag, { size: "small", color: "darkGreen", textColor: "white", children: jsx("b", { children: label }) }) }));
-};
-
-export { ImageTag };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/ui/Blocks/ImageList/components/ImageTag/index.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport Tag from '../../../../Elements/Tag';\nimport { Container } from './styles';\nexport var ImageTag = function (_a) {\n    var label = _a.label;\n    if (!label)\n        return null;\n    return (_jsx(Container, { children: _jsx(Tag, { size: \"small\", color: \"darkGreen\", textColor: \"white\", children: _jsx(\"b\", { children: label }) }) }));\n};\n//# sourceMappingURL=index.js.map"],"names":["_jsx"],"mappings":";;;;AAGU,IAAC,QAAQ,GAAG,UAAU,EAAE,EAAE;AACpC,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC;AACzB,IAAI,IAAI,CAAC,KAAK;AACd,QAAQ,OAAO,IAAI,CAAC;AACpB,IAAI,QAAQA,GAAI,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAEA,GAAI,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC3J;;;;"}

package/ui/Blocks/ImageList/components/ImageTag/styles.js

@@ -1,8 +0,0 @@
-import { __makeTemplateObject } from 'tslib';
-import styled from '@xstyled/styled-components';
-
-var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 2px;\n  left: 2px;\n"], ["\n  position: absolute;\n  bottom: 2px;\n  left: 2px;\n"])));
-var templateObject_1;
-
-export { Container };
-//# sourceMappingURL=styles.js.map

package/ui/Blocks/ImageList/components/ImageTag/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../packages/ui/Blocks/ImageList/components/ImageTag/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled from '@xstyled/styled-components';\nexport var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  position: absolute;\\n  bottom: 2px;\\n  left: 2px;\\n\"], [\"\\n  position: absolute;\\n  bottom: 2px;\\n  left: 2px;\\n\"])));\nvar templateObject_1;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEU,IAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,yDAAyD,CAAC,EAAE,CAAC,yDAAyD,CAAC,CAAC,CAAC,EAAE;AAC3N,IAAI,gBAAgB;;;;"}

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

@@ -1,7 +0,0 @@
-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

@@ -1,6 +0,0 @@
-import { ImageList } from './ImageList.js';
-
-
-
-export { ImageList as default };
-//# sourceMappingURL=index.js.map

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

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

package/ui/Blocks/ImageList/styles.js

@@ -1,8 +0,0 @@
-import { __makeTemplateObject } from 'tslib';
-import styled from '@xstyled/styled-components';
-
-var ImageListContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  overflow-x: scroll;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  position: relative;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  display: flex;\n  overflow-x: scroll;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  position: relative;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])));
-var templateObject_1;
-
-export { ImageListContainer };
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../packages/ui/Blocks/ImageList/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled from '@xstyled/styled-components';\nexport var ImageListContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  display: flex;\\n  overflow-x: scroll;\\n  -ms-overflow-style: none;\\n  scrollbar-width: none;\\n  position: relative;\\n\\n  &::-webkit-scrollbar {\\n    display: none;\\n  }\\n\"], [\"\\n  display: flex;\\n  overflow-x: scroll;\\n  -ms-overflow-style: none;\\n  scrollbar-width: none;\\n  position: relative;\\n\\n  &::-webkit-scrollbar {\\n    display: none;\\n  }\\n\"])));\nvar templateObject_1;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEU,IAAC,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,gLAAgL,CAAC,EAAE,CAAC,gLAAgL,CAAC,CAAC,CAAC,EAAE;AACld,IAAI,gBAAgB;;;;"}

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

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

package/ui/Blocks/LightBox/LightBox.js

@@ -1,19 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import Button from '../../Elements/Button/Button.js';
-import { Modal } from '../Modal/Modal.js';
-import 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { Container, Image, ButtonContainer } from './styles.js';
-
-var LightBox = function (_a) {
-    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;
-    if (!(images === null || images === void 0 ? void 0 : images.length))
-        return null;
-    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) {
-                var _a;
-                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));
-            }) }) }));
-};
-
-export { LightBox };
-//# sourceMappingURL=LightBox.js.map

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

@@ -1 +0,0 @@
-{"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, SwiperSlide } from 'swiper/react';\nimport { Container, Image, ButtonContainer } from './styles';\nexport var LightBox = function (_a) {\n    var isLightBoxOpen = _a.isLightBoxOpen, onCloseLightBox = _a.onCloseLightBox, lightBoxAction = _a.lightBoxAction, lightBoxActionTitle = _a.lightBoxActionTitle, images = _a.images, _b = _a.initialSlide, initialSlide = _b === void 0 ? 0 : _b;\n    if (!(images === null || images === void 0 ? void 0 : images.length))\n        return null;\n    return (_jsx(Modal, { isShown: isLightBoxOpen, onClose: onCloseLightBox, mobileFullscreen: true, miniCloseBtn: true, withCloseIcon: true, children: _jsx(Swiper, { initialSlide: initialSlide, slidesPerView: 1, autoHeight: true, children: images.map(function (item) {\n                var _a;\n                return (_jsx(SwiperSlide, { children: _jsxs(Container, { children: [_jsx(Image, { src: (_a = item.originalUrl) !== null && _a !== void 0 ? _a : item.url, loading: \"lazy\", alt: \"\" }), !!item.withLightBoxAction && lightBoxAction && lightBoxActionTitle && (_jsx(ButtonContainer, { children: _jsx(Button, { onClick: lightBoxAction(item.id), appearance: \"primaryLight\", children: lightBoxActionTitle }) }))] }) }, item.id));\n            }) }) }));\n};\n//# sourceMappingURL=LightBox.js.map"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AAKU,IAAC,QAAQ,GAAG,UAAU,EAAE,EAAE;AACpC,IAAI,IAAI,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,eAAe,GAAG,EAAE,CAAC,eAAe,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,mBAAmB,GAAG,EAAE,CAAC,mBAAmB,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,YAAY,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AACpP,IAAI,IAAI,EAAE,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;AACxE,QAAQ,OAAO,IAAI,CAAC;AACpB,IAAI,QAAQA,GAAI,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE;AAC5Q,gBAAgB,IAAI,EAAE,CAAC;AACvB,gBAAgB,QAAQA,GAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAEC,IAAK,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,CAACD,GAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,WAAW,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,IAAI,cAAc,IAAI,mBAAmB,KAAKA,GAAI,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE;AACnb,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACtB;;;;"}

package/ui/Blocks/LightBox/hooks/useLightBox.js

@@ -1,22 +0,0 @@
-import { useCallback } from 'react';
-import '../../Modal/Modal.js';
-import { useModal } from '../../Modal/hooks/useModal.js';
-
-var useLightBox = function () {
-    var _a = useModal(), isOpen = _a.isOpen, onOpen = _a.onOpen, onClose = _a.onClose, data = _a.data;
-    var onOpenLightBox = useCallback(function (index) {
-        if (index === void 0) { index = 0; }
-        return function () {
-            onOpen({ initialSlide: index });
-        };
-    }, [onOpen]);
-    return {
-        onOpenLightBox: onOpenLightBox,
-        onCloseLightBox: onClose,
-        isLightBoxOpen: isOpen,
-        lightBoxData: data
-    };
-};
-
-export { useLightBox };
-//# sourceMappingURL=useLightBox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useLightBox.js","sources":["../../../../../packages/ui/Blocks/LightBox/hooks/useLightBox.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useModal } from '../../Modal';\nexport var useLightBox = function () {\n    var _a = useModal(), isOpen = _a.isOpen, onOpen = _a.onOpen, onClose = _a.onClose, data = _a.data;\n    var onOpenLightBox = useCallback(function (index) {\n        if (index === void 0) { index = 0; }\n        return function () {\n            onOpen({ initialSlide: index });\n        };\n    }, [onOpen]);\n    return {\n        onOpenLightBox: onOpenLightBox,\n        onCloseLightBox: onClose,\n        isLightBoxOpen: isOpen,\n        lightBoxData: data\n    };\n};\n//# sourceMappingURL=useLightBox.js.map"],"names":[],"mappings":";;;;AAEU,IAAC,WAAW,GAAG,YAAY;AACrC,IAAI,IAAI,EAAE,GAAG,QAAQ,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,CAAC;AACtG,IAAI,IAAI,cAAc,GAAG,WAAW,CAAC,UAAU,KAAK,EAAE;AACtD,QAAQ,IAAI,KAAK,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE;AAC5C,QAAQ,OAAO,YAAY;AAC3B,YAAY,MAAM,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;AAC5C,SAAS,CAAC;AACV,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACjB,IAAI,OAAO;AACX,QAAQ,cAAc,EAAE,cAAc;AACtC,QAAQ,eAAe,EAAE,OAAO;AAChC,QAAQ,cAAc,EAAE,MAAM;AAC9B,QAAQ,YAAY,EAAE,IAAI;AAC1B,KAAK,CAAC;AACN;;;;"}

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

@@ -1,8 +0,0 @@
-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

@@ -1,8 +0,0 @@
-import { LightBox } from './LightBox.js';
-import 'react';
-import '../Modal/Modal.js';
-
-
-
-export { LightBox as default };
-//# sourceMappingURL=index.js.map

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

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

package/ui/Blocks/LightBox/styles.js

@@ -1,10 +0,0 @@
-import { __makeTemplateObject } from 'tslib';
-import styled from '@xstyled/styled-components';
-
-var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  position: relative;\n"], ["\n  width: 100%;\n  height: 100%;\n  position: relative;\n"])));
-var Image = styled.img(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n"], ["\n  width: 100%;\n  height: 100%;\n"])));
-var ButtonContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: -60px;\n"], ["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: -60px;\n"])));
-var templateObject_1, templateObject_2, templateObject_3;
-
-export { ButtonContainer, Container, Image };
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../packages/ui/Blocks/LightBox/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled from '@xstyled/styled-components';\nexport var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  width: 100%;\\n  height: 100%;\\n  position: relative;\\n\"], [\"\\n  width: 100%;\\n  height: 100%;\\n  position: relative;\\n\"])));\nexport var Image = styled.img(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  width: 100%;\\n  height: 100%;\\n\"], [\"\\n  width: 100%;\\n  height: 100%;\\n\"])));\nexport var ButtonContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  width: 100%;\\n  display: flex;\\n  justify-content: center;\\n  position: absolute;\\n  bottom: -60px;\\n\"], [\"\\n  width: 100%;\\n  display: flex;\\n  justify-content: center;\\n  position: absolute;\\n  bottom: -60px;\\n\"])));\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEU,IAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,4DAA4D,CAAC,EAAE,CAAC,4DAA4D,CAAC,CAAC,CAAC,EAAE;AACvN,IAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,qCAAqC,CAAC,EAAE,CAAC,qCAAqC,CAAC,CAAC,CAAC,EAAE;AACrK,IAAC,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,2GAA2G,CAAC,EAAE,CAAC,2GAA2G,CAAC,CAAC,CAAC,EAAE;AACrU,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}

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

@@ -1,26 +0,0 @@
-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 };