ag-common 0.0.419 → 0.0.421

package/dist/ui/components/HeadersRaw/index.js

@@ -1,33 +1,40 @@
-import React from 'react';
-export const HeadersRaw = ({ title, image, SiteShort, FullSiteUrl, siteDesc, }) => {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeadersRaw = void 0;
+const react_1 = __importDefault(require("react"));
+const HeadersRaw = ({ title, image, SiteShort, FullSiteUrl, siteDesc, }) => {
     const fullTitle = `${title ? `${title} | ` : ''}${SiteShort} | ${siteDesc}`;
     const titleFallback = title || fullTitle;
     const titleBlock = [
-        React.createElement("title", { key: "1" }, fullTitle),
-        React.createElement("meta", { key: "2", property: "og:title", content: titleFallback }),
-        React.createElement("meta", { key: "3", name: "twitter:title", content: titleFallback }),
-        React.createElement("meta", { key: "4", itemProp: "name", content: titleFallback }),
-        React.createElement("meta", { key: "5", name: "description", content: fullTitle }),
-        React.createElement("meta", { key: "6", itemProp: "description", content: fullTitle }),
-        React.createElement("meta", { key: "7", property: "og:description", content: fullTitle }),
-        React.createElement("meta", { key: "8", name: "twitter:description", content: fullTitle }),
+        react_1.default.createElement("title", { key: "1" }, fullTitle),
+        react_1.default.createElement("meta", { key: "2", property: "og:title", content: titleFallback }),
+        react_1.default.createElement("meta", { key: "3", name: "twitter:title", content: titleFallback }),
+        react_1.default.createElement("meta", { key: "4", itemProp: "name", content: titleFallback }),
+        react_1.default.createElement("meta", { key: "5", name: "description", content: fullTitle }),
+        react_1.default.createElement("meta", { key: "6", itemProp: "description", content: fullTitle }),
+        react_1.default.createElement("meta", { key: "7", property: "og:description", content: fullTitle }),
+        react_1.default.createElement("meta", { key: "8", name: "twitter:description", content: fullTitle }),
     ];
     const imagearr = !image
         ? []
         : [
-            React.createElement("meta", { key: "9", property: "og:image", content: image }),
-            React.createElement("meta", { key: "10", name: "twitter:image", content: image }),
+            react_1.default.createElement("meta", { key: "9", property: "og:image", content: image }),
+            react_1.default.createElement("meta", { key: "10", name: "twitter:image", content: image }),
         ];
     return [
-        React.createElement("meta", { key: "11", charSet: "utf-8" }),
+        react_1.default.createElement("meta", { key: "11", charSet: "utf-8" }),
         ...titleBlock,
-        React.createElement("meta", { key: "12", property: "og:site_name", content: SiteShort }),
-        React.createElement("meta", { key: "13", property: "og:url", content: FullSiteUrl }),
-        React.createElement("meta", { key: "14", itemProp: "url", content: FullSiteUrl }),
-        React.createElement("meta", { key: "15", name: "twitter:url", content: FullSiteUrl }),
-        React.createElement("meta", { key: "16", property: "og:type", content: "website" }),
-        React.createElement("meta", { key: "17", name: "twitter:card", content: "summary_large_image" }),
-        React.createElement("meta", { key: "18", name: "robots", content: "index, follow" }),
+        react_1.default.createElement("meta", { key: "12", property: "og:site_name", content: SiteShort }),
+        react_1.default.createElement("meta", { key: "13", property: "og:url", content: FullSiteUrl }),
+        react_1.default.createElement("meta", { key: "14", itemProp: "url", content: FullSiteUrl }),
+        react_1.default.createElement("meta", { key: "15", name: "twitter:url", content: FullSiteUrl }),
+        react_1.default.createElement("meta", { key: "16", property: "og:type", content: "website" }),
+        react_1.default.createElement("meta", { key: "17", name: "twitter:card", content: "summary_large_image" }),
+        react_1.default.createElement("meta", { key: "18", name: "robots", content: "index, follow" }),
         ...imagearr,
     ];
 };
+exports.HeadersRaw = HeadersRaw;

package/dist/ui/components/HorizontalScrollBar/index.js

@@ -1,7 +1,33 @@
-import React, { useEffect, useRef } from 'react';
-export const HorizontalScrollBar = ({ children, className, }) => {
-    const scrollRef = useRef(null);
-    useEffect(() => {
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HorizontalScrollBar = void 0;
+const react_1 = __importStar(require("react"));
+const HorizontalScrollBar = ({ children, className, }) => {
+    const scrollRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         if (!scrollRef.current)
             return;
         const handleScroll = (e) => {
@@ -13,9 +39,11 @@ export const HorizontalScrollBar = ({ children, className, }) => {
         };
         scrollRef.current.addEventListener('wheel', handleScroll);
         return () => {
+            var _a, _b;
             // eslint-disable-next-line react-hooks/exhaustive-deps
-            scrollRef.current?.removeEventListener?.('wheel', handleScroll);
+            (_b = (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener) === null || _b === void 0 ? void 0 : _b.call(_a, 'wheel', handleScroll);
         };
     }, [scrollRef]);
-    return (React.createElement("div", { ref: scrollRef, style: { overflowX: 'scroll' }, className: className }, children));
+    return (react_1.default.createElement("div", { ref: scrollRef, style: { overflowX: 'scroll' }, className: className }, children));
 };
+exports.HorizontalScrollBar = HorizontalScrollBar;

package/dist/ui/components/Icon/index.js

@@ -1,8 +1,14 @@
-import styled from '@emotion/styled';
-import React from 'react';
-import { removeUndefValuesFromObject } from '../../../common/helpers/object';
-import { HardOutline } from '../../styles/common';
-export const IconF = styled.span `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = exports.IconF = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importDefault(require("react"));
+const object_1 = require("../../../common/helpers/object");
+const common_1 = require("../../styles/common");
+exports.IconF = styled_1.default.span `
   transition: all 200ms;
   display: flex;
   justify-content: center;
@@ -34,7 +40,7 @@ export const IconF = styled.span `
   }
 
   &[data-hasoutline='true'] {
-    ${HardOutline}
+    ${common_1.HardOutline}
   }
 
   svg {
@@ -42,10 +48,10 @@ export const IconF = styled.span `
     height: 100%;
   }
 `;
-export const Icon = (pr) => {
+const Icon = (pr) => {
     const { className, children, disabled, onClick } = pr;
     const CHND = pr.canHover && !pr.disabled;
-    const style = removeUndefValuesFromObject({
+    const style = (0, object_1.removeUndefValuesFromObject)({
         '--fill': pr.fill || null,
         width: pr.width || '100%',
         height: pr.height || '100%',
@@ -55,5 +61,6 @@ export const Icon = (pr) => {
         filter: !pr.disabled ? null : 'grayscale(1)',
         '--outlinecolour': pr.outline || null,
     });
-    return (React.createElement(IconF, { ...pr, className: className, onClick: (e) => !disabled && onClick?.(e), style: style, "data-chnd": CHND, "data-hasoutline": pr.outline, "data-hasfill": !!pr.fill }, children));
+    return (react_1.default.createElement(exports.IconF, Object.assign({}, pr, { className: className, onClick: (e) => !disabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e)), style: style, "data-chnd": CHND, "data-hasoutline": pr.outline, "data-hasfill": !!pr.fill }), children));
 };
+exports.Icon = Icon;

package/dist/ui/components/Image/index.js

@@ -1,18 +1,35 @@
-import styled from '@emotion/styled';
-import React from 'react';
-import { bigScreen, smallScreen } from '../../styles/media';
-const Base = styled.img `
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importDefault(require("react"));
+const media_1 = require("../../styles/media");
+const Base = styled_1.default.img `
   object-fit: contain;
   min-height: 5rem;
   min-width: 5rem;
   max-width: 100%;
 
   &[data-smalltop='true'] {
-    @media ${smallScreen} {
+    @media ${media_1.smallScreen} {
       order: -1;
     }
   }
-  @media ${smallScreen} {
+  @media ${media_1.smallScreen} {
     width: 90vw;
 
     &[data-bigonly='true'] {
@@ -24,7 +41,7 @@ const Base = styled.img `
     }
   }
 
-  @media ${bigScreen} {
+  @media ${media_1.bigScreen} {
     width: 100%;
     max-width: 50rem;
     &[data-smallonly='true'] {
@@ -36,7 +53,8 @@ const Base = styled.img `
     }
   }
 `;
-export const Image = (p) => {
-    const { smalltop, bigonly, smallonly, small, ...p1 } = p;
-    return (React.createElement(Base, { ...p1, "data-smalltop": smalltop, "data-bigonly": bigonly, "data-smallonly": smallonly, "data-small": small }));
+const Image = (p) => {
+    const { smalltop, bigonly, smallonly, small } = p, p1 = __rest(p, ["smalltop", "bigonly", "smallonly", "small"]);
+    return (react_1.default.createElement(Base, Object.assign({}, p1, { "data-smalltop": smalltop, "data-bigonly": bigonly, "data-smallonly": smallonly, "data-small": small })));
 };
+exports.Image = Image;

package/dist/ui/components/InfiniteScroll/index.js

@@ -1,8 +1,37 @@
-import styled from '@emotion/styled';
-import React, { createRef, useEffect, useState } from 'react';
-import { debounce } from '../../helpers/debounce';
-import { filterDataProps } from '../../helpers/dom';
-const Base = styled.div `
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfiniteScroll = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importStar(require("react"));
+const debounce_1 = require("../../helpers/debounce");
+const dom_1 = require("../../helpers/dom");
+const Base = styled_1.default.div `
   overflow-y: auto;
   height: 100%;
   width: 100%;
@@ -11,16 +40,17 @@ const Base = styled.div `
   }
 `;
 //if we see this, then we havent shown user enough items - allow click to load more
-const LoadMore = styled.div `
+const LoadMore = styled_1.default.div `
   cursor: pointer;
   text-decoration: underline;
 `;
-export const InfiniteScroll = (p) => {
+const InfiniteScroll = (p) => {
+    var _a, _b;
     const { incrementNumber = 10, scrollDisabled = false } = p;
-    const ref = createRef();
-    const [startIndex] = useState(p.startIndex ?? 0);
-    const [endIndex, setEndIndex] = useState((startIndex ?? 0) + incrementNumber);
-    const [startScrollTop, setStartScrollTop] = useState(0);
+    const ref = (0, react_1.createRef)();
+    const [startIndex] = (0, react_1.useState)((_a = p.startIndex) !== null && _a !== void 0 ? _a : 0);
+    const [endIndex, setEndIndex] = (0, react_1.useState)((startIndex !== null && startIndex !== void 0 ? startIndex : 0) + incrementNumber);
+    const [startScrollTop, setStartScrollTop] = (0, react_1.useState)(0);
     const handleScrollTop = (e) => {
         const { scrollTop, clientHeight, scrollHeight } = e.currentTarget;
         const hasReachedEnd = scrollTop + clientHeight === scrollHeight;
@@ -28,30 +58,32 @@ export const InfiniteScroll = (p) => {
             setEndIndex(endIndex + incrementNumber);
         }
     };
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         setStartScrollTop(ref.current.scrollTop);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     const sliced = p.children.slice(0, endIndex);
     const lastDisplayIndex = Math.min(p.children.length, endIndex);
-    const renderResultsLine = p.renderResultsLine?.(lastDisplayIndex, p.children.length);
-    return (React.createElement(Base, { "data-no-scroll": scrollDisabled, ref: ref, className: p.className, onScroll: (e) => {
+    const renderResultsLine = (_b = p.renderResultsLine) === null || _b === void 0 ? void 0 : _b.call(p, lastDisplayIndex, p.children.length);
+    return (react_1.default.createElement(Base, Object.assign({ "data-no-scroll": scrollDisabled, ref: ref, className: p.className, onScroll: (e) => {
             if (scrollDisabled) {
                 return;
             }
             const { scrollTop } = e.currentTarget;
             handleScrollTop(e);
             //
-            debounce(() => {
+            (0, debounce_1.debounce)(() => {
+                var _a;
                 setStartScrollTop(scrollTop);
-                p?.onScroll?.({ scrollTop, isDown: startScrollTop < scrollTop });
+                (_a = p === null || p === void 0 ? void 0 : p.onScroll) === null || _a === void 0 ? void 0 : _a.call(p, { scrollTop, isDown: startScrollTop < scrollTop });
             }, {
                 key: 'in-scr',
                 time: 50,
             });
-        }, ...filterDataProps(p) },
+        } }, (0, dom_1.filterDataProps)(p)),
         sliced,
         renderResultsLine,
-        lastDisplayIndex < p.children.length && (React.createElement(LoadMore, { onClick: () => setEndIndex(endIndex + incrementNumber) }, "Load More?"))));
+        lastDisplayIndex < p.children.length && (react_1.default.createElement(LoadMore, { onClick: () => setEndIndex(endIndex + incrementNumber) }, "Load More?"))));
 };
+exports.InfiniteScroll = InfiniteScroll;

package/dist/ui/components/KebabDots/index.js

@@ -1,8 +1,15 @@
-import styled from '@emotion/styled';
-import React from 'react';
-import { HorizontalDots } from '../../icons/HorizontalDots';
-import { Icon } from '../Icon';
-const IconStyled = styled(Icon) `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KebabDots = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importDefault(require("react"));
+const HorizontalDots_1 = require("../../icons/HorizontalDots");
+const Icon_1 = require("../Icon");
+const IconStyled = (0, styled_1.default)(Icon_1.Icon) `
   position: absolute;
 `;
-export const KebabDots = ({ onClick }) => (React.createElement(IconStyled, { width: "2rem", height: "2rem", onClick: () => onClick?.(), "data-icon": "kebab" }, HorizontalDots));
+const KebabDots = ({ onClick }) => (react_1.default.createElement(IconStyled, { width: "2rem", height: "2rem", onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(), "data-icon": "kebab" }, HorizontalDots_1.HorizontalDots));
+exports.KebabDots = KebabDots;

package/dist/ui/components/Loader/index.js

@@ -1,6 +1,35 @@
-import styled from '@emotion/styled';
-import React, { useEffect, useState } from 'react';
-const Base = styled.div `
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loader = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importStar(require("react"));
+const Base = styled_1.default.div `
   border: 16px solid #f3f3f3; /* Light grey */
   border-top: 16px solid #3498db; /* Blue */
   border-radius: 50%;
@@ -17,7 +46,7 @@ const Base = styled.div `
     }
   }
 `;
-const LoadingBack = styled.div `
+const LoadingBack = styled_1.default.div `
   position: absolute;
   top: 0;
   left: 0;
@@ -34,11 +63,12 @@ const LoadingBack = styled.div `
   }
   transition: opacity 5s;
 `;
-export const Loader = ({ name, height = '2rem', width = '2rem' }) => {
-    const [trans, setTrans] = useState(true);
-    useEffect(() => {
+const Loader = ({ name, height = '2rem', width = '2rem' }) => {
+    const [trans, setTrans] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
         setTrans(false);
     }, []);
-    return (React.createElement(LoadingBack, { "data-loading": name, "data-transparent": trans },
-        React.createElement(Base, { style: { height: height, width: width } })));
+    return (react_1.default.createElement(LoadingBack, { "data-loading": name, "data-transparent": trans },
+        react_1.default.createElement(Base, { style: { height: height, width: width } })));
 };
+exports.Loader = Loader;

package/dist/ui/components/Modal/Dialog.js

@@ -1,11 +1,26 @@
-import React from 'react';
-import { createRoot } from 'react-dom/client';
-import { Modal } from './Modal';
-export const ModalDialog = async (content) => {
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalDialog = void 0;
+const react_1 = __importDefault(require("react"));
+const client_1 = require("react-dom/client");
+const Modal_1 = require("./Modal");
+const ModalDialog = (content) => __awaiter(void 0, void 0, void 0, function* () {
     return new Promise((res) => {
         const wrapper = document.body.appendChild(document.createElement('div'));
-        const root = createRoot(wrapper);
-        root.render(React.createElement(Modal, { open: true, setOpen: (o) => {
+        const root = (0, client_1.createRoot)(wrapper);
+        root.render(react_1.default.createElement(Modal_1.Modal, { open: true, setOpen: (o) => {
                 if (!o) {
                     root.unmount();
                     wrapper.remove();
@@ -13,4 +28,5 @@ export const ModalDialog = async (content) => {
                 res('ok');
             }, topPosition: "center", position: "center" }, content));
     });
-};
+});
+exports.ModalDialog = ModalDialog;

package/dist/ui/components/Modal/Modal.js

@@ -1,9 +1,38 @@
-import styled from '@emotion/styled';
-import React, { useEffect, useRef, useState } from 'react';
-import { useOnClickOutside } from '../../helpers/useOnClickOutside';
-import { bounce } from '../../styles';
-import { Close } from '../Close';
-const FixedBackground = styled.div `
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = exports.ModalItem = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importStar(require("react"));
+const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
+const styles_1 = require("../../styles");
+const Close_1 = require("../Close");
+const FixedBackground = styled_1.default.div `
   position: fixed;
   top: 0;
   left: 0;
@@ -15,7 +44,7 @@ const FixedBackground = styled.div `
   justify-content: center;
   align-items: center;
 `;
-const ModalBase = styled.div `
+const ModalBase = styled_1.default.div `
   display: flex;
   position: absolute;
   z-index: 1;
@@ -37,9 +66,9 @@ const ModalBase = styled.div `
   &[data-topposition='bottom'] {
     bottom: 0;
   }
-  ${bounce('data-bounced')}
+  ${(0, styles_1.bounce)('data-bounced')}
 `;
-export const ModalItem = styled.div `
+exports.ModalItem = styled_1.default.div `
   display: flex;
   padding: 1rem;
 
@@ -47,13 +76,13 @@ export const ModalItem = styled.div `
     background-color: #eee;
   }
 `;
-const CloseStyled = styled(Close) `
+const CloseStyled = (0, styled_1.default)(Close_1.Close) `
   z-index: 1;
 `;
-export const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'top', showCloseButton = true, closeOnMoveMouseOutside = false, className, closeOnClickOutside = true, }) => {
-    const [bounced, setBounced] = useState(false);
-    const ref = useRef(null);
-    useOnClickOutside({
+const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'top', showCloseButton = true, closeOnMoveMouseOutside = false, className, closeOnClickOutside = true, }) => {
+    const [bounced, setBounced] = (0, react_1.useState)(false);
+    const ref = (0, react_1.useRef)(null);
+    (0, useOnClickOutside_1.useOnClickOutside)({
         disabled: !open,
         ref,
         moveMouseOutside: closeOnMoveMouseOutside,
@@ -63,16 +92,17 @@ export const Modal = ({ open, setOpen, children, position = 'left', topPosition
             setBounced(false);
         }
     });
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!bounced && open) {
             setBounced(true);
         }
     }, [open, bounced]);
     if (!open) {
-        return React.createElement(React.Fragment, null);
+        return react_1.default.createElement(react_1.default.Fragment, null);
     }
-    return (React.createElement(FixedBackground, null,
-        React.createElement(ModalBase, { "data-bounced": bounced, "data-position": position, "data-topposition": topPosition, ref: ref, className: className },
-            showCloseButton && (React.createElement(CloseStyled, { "data-type": "modal-close", onClick: () => setOpen(false) })),
+    return (react_1.default.createElement(FixedBackground, null,
+        react_1.default.createElement(ModalBase, { "data-bounced": bounced, "data-position": position, "data-topposition": topPosition, ref: ref, className: className },
+            showCloseButton && (react_1.default.createElement(CloseStyled, { "data-type": "modal-close", onClick: () => setOpen(false) })),
             children)));
 };
+exports.Modal = Modal;

package/dist/ui/components/Modal/index.js

@@ -1,3 +1,19 @@
-export * from './Dialog';
-export * from './Modal';
-export * from './types';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Dialog"), exports);
+__exportStar(require("./Modal"), exports);
+__exportStar(require("./types"), exports);

package/dist/ui/components/Modal/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });