ag-common 0.0.418 → 0.0.419

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

@@ -1,40 +1,33 @@
-"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, }) => {
+import React from 'react';
+export const HeadersRaw = ({ title, image, SiteShort, FullSiteUrl, siteDesc, }) => {
     const fullTitle = `${title ? `${title} | ` : ''}${SiteShort} | ${siteDesc}`;
     const titleFallback = title || fullTitle;
     const titleBlock = [
-        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 }),
+        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 }),
     ];
     const imagearr = !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 }),
+            React.createElement("meta", { key: "9", property: "og:image", content: image }),
+            React.createElement("meta", { key: "10", name: "twitter:image", content: image }),
         ];
     return [
-        react_1.default.createElement("meta", { key: "11", charSet: "utf-8" }),
+        React.createElement("meta", { key: "11", charSet: "utf-8" }),
         ...titleBlock,
-        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" }),
+        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" }),
         ...imagearr,
     ];
 };
-exports.HeadersRaw = HeadersRaw;

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

@@ -1,33 +1,7 @@
-"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)(() => {
+import React, { useEffect, useRef } from 'react';
+export const HorizontalScrollBar = ({ children, className, }) => {
+    const scrollRef = useRef(null);
+    useEffect(() => {
         if (!scrollRef.current)
             return;
         const handleScroll = (e) => {
@@ -39,11 +13,9 @@ const HorizontalScrollBar = ({ children, className, }) => {
         };
         scrollRef.current.addEventListener('wheel', handleScroll);
         return () => {
-            var _a, _b;
             // eslint-disable-next-line react-hooks/exhaustive-deps
-            (_b = (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener) === null || _b === void 0 ? void 0 : _b.call(_a, 'wheel', handleScroll);
+            scrollRef.current?.removeEventListener?.('wheel', handleScroll);
         };
     }, [scrollRef]);
-    return (react_1.default.createElement("div", { ref: scrollRef, style: { overflowX: 'scroll' }, className: className }, children));
+    return (React.createElement("div", { ref: scrollRef, style: { overflowX: 'scroll' }, className: className }, children));
 };
-exports.HorizontalScrollBar = HorizontalScrollBar;

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

@@ -1,14 +1,8 @@
-"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 `
+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 `
   transition: all 200ms;
   display: flex;
   justify-content: center;
@@ -40,7 +34,7 @@ exports.IconF = styled_1.default.span `
   }
 
   &[data-hasoutline='true'] {
-    ${common_1.HardOutline}
+    ${HardOutline}
   }
 
   svg {
@@ -48,10 +42,10 @@ exports.IconF = styled_1.default.span `
     height: 100%;
   }
 `;
-const Icon = (pr) => {
+export const Icon = (pr) => {
     const { className, children, disabled, onClick } = pr;
     const CHND = pr.canHover && !pr.disabled;
-    const style = (0, object_1.removeUndefValuesFromObject)({
+    const style = removeUndefValuesFromObject({
         '--fill': pr.fill || null,
         width: pr.width || '100%',
         height: pr.height || '100%',
@@ -61,6 +55,5 @@ const Icon = (pr) => {
         filter: !pr.disabled ? null : 'grayscale(1)',
         '--outlinecolour': pr.outline || null,
     });
-    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));
+    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));
 };
-exports.Icon = Icon;

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

@@ -1,35 +1,18 @@
-"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 `
+import styled from '@emotion/styled';
+import React from 'react';
+import { bigScreen, smallScreen } from '../../styles/media';
+const Base = styled.img `
   object-fit: contain;
   min-height: 5rem;
   min-width: 5rem;
   max-width: 100%;
 
   &[data-smalltop='true'] {
-    @media ${media_1.smallScreen} {
+    @media ${smallScreen} {
       order: -1;
     }
   }
-  @media ${media_1.smallScreen} {
+  @media ${smallScreen} {
     width: 90vw;
 
     &[data-bigonly='true'] {
@@ -41,7 +24,7 @@ const Base = styled_1.default.img `
     }
   }
 
-  @media ${media_1.bigScreen} {
+  @media ${bigScreen} {
     width: 100%;
     max-width: 50rem;
     &[data-smallonly='true'] {
@@ -53,8 +36,7 @@ const Base = styled_1.default.img `
     }
   }
 `;
-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 })));
+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 }));
 };
-exports.Image = Image;

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

@@ -1,37 +1,8 @@
-"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 `
+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 `
   overflow-y: auto;
   height: 100%;
   width: 100%;
@@ -40,17 +11,16 @@ const Base = styled_1.default.div `
   }
 `;
 //if we see this, then we havent shown user enough items - allow click to load more
-const LoadMore = styled_1.default.div `
+const LoadMore = styled.div `
   cursor: pointer;
   text-decoration: underline;
 `;
-const InfiniteScroll = (p) => {
-    var _a, _b;
+export const InfiniteScroll = (p) => {
     const { incrementNumber = 10, scrollDisabled = false } = p;
-    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 ref = createRef();
+    const [startIndex] = useState(p.startIndex ?? 0);
+    const [endIndex, setEndIndex] = useState((startIndex ?? 0) + incrementNumber);
+    const [startScrollTop, setStartScrollTop] = useState(0);
     const handleScrollTop = (e) => {
         const { scrollTop, clientHeight, scrollHeight } = e.currentTarget;
         const hasReachedEnd = scrollTop + clientHeight === scrollHeight;
@@ -58,32 +28,30 @@ const InfiniteScroll = (p) => {
             setEndIndex(endIndex + incrementNumber);
         }
     };
-    (0, react_1.useEffect)(() => {
+    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 = (_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) => {
+    const renderResultsLine = p.renderResultsLine?.(lastDisplayIndex, p.children.length);
+    return (React.createElement(Base, { "data-no-scroll": scrollDisabled, ref: ref, className: p.className, onScroll: (e) => {
             if (scrollDisabled) {
                 return;
             }
             const { scrollTop } = e.currentTarget;
             handleScrollTop(e);
             //
-            (0, debounce_1.debounce)(() => {
-                var _a;
+            debounce(() => {
                 setStartScrollTop(scrollTop);
-                (_a = p === null || p === void 0 ? void 0 : p.onScroll) === null || _a === void 0 ? void 0 : _a.call(p, { scrollTop, isDown: startScrollTop < scrollTop });
+                p?.onScroll?.({ scrollTop, isDown: startScrollTop < scrollTop });
             }, {
                 key: 'in-scr',
                 time: 50,
             });
-        } }, (0, dom_1.filterDataProps)(p)),
+        }, ...filterDataProps(p) },
         sliced,
         renderResultsLine,
-        lastDisplayIndex < p.children.length && (react_1.default.createElement(LoadMore, { onClick: () => setEndIndex(endIndex + incrementNumber) }, "Load More?"))));
+        lastDisplayIndex < p.children.length && (React.createElement(LoadMore, { onClick: () => setEndIndex(endIndex + incrementNumber) }, "Load More?"))));
 };
-exports.InfiniteScroll = InfiniteScroll;

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

@@ -1,15 +1,8 @@
-"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) `
+import styled from '@emotion/styled';
+import React from 'react';
+import { HorizontalDots } from '../../icons/HorizontalDots';
+import { Icon } from '../Icon';
+const IconStyled = styled(Icon) `
   position: absolute;
 `;
-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;
+export const KebabDots = ({ onClick }) => (React.createElement(IconStyled, { width: "2rem", height: "2rem", onClick: () => onClick?.(), "data-icon": "kebab" }, HorizontalDots));

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

@@ -1,35 +1,6 @@
-"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 `
+import styled from '@emotion/styled';
+import React, { useEffect, useState } from 'react';
+const Base = styled.div `
   border: 16px solid #f3f3f3; /* Light grey */
   border-top: 16px solid #3498db; /* Blue */
   border-radius: 50%;
@@ -46,7 +17,7 @@ const Base = styled_1.default.div `
     }
   }
 `;
-const LoadingBack = styled_1.default.div `
+const LoadingBack = styled.div `
   position: absolute;
   top: 0;
   left: 0;
@@ -63,12 +34,11 @@ const LoadingBack = styled_1.default.div `
   }
   transition: opacity 5s;
 `;
-const Loader = ({ name, height = '2rem', width = '2rem' }) => {
-    const [trans, setTrans] = (0, react_1.useState)(true);
-    (0, react_1.useEffect)(() => {
+export const Loader = ({ name, height = '2rem', width = '2rem' }) => {
+    const [trans, setTrans] = useState(true);
+    useEffect(() => {
         setTrans(false);
     }, []);
-    return (react_1.default.createElement(LoadingBack, { "data-loading": name, "data-transparent": trans },
-        react_1.default.createElement(Base, { style: { height: height, width: width } })));
+    return (React.createElement(LoadingBack, { "data-loading": name, "data-transparent": trans },
+        React.createElement(Base, { style: { height: height, width: width } })));
 };
-exports.Loader = Loader;

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

@@ -1,26 +1,11 @@
-"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* () {
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { Modal } from './Modal';
+export const ModalDialog = async (content) => {
     return new Promise((res) => {
         const wrapper = document.body.appendChild(document.createElement('div'));
-        const root = (0, client_1.createRoot)(wrapper);
-        root.render(react_1.default.createElement(Modal_1.Modal, { open: true, setOpen: (o) => {
+        const root = createRoot(wrapper);
+        root.render(React.createElement(Modal, { open: true, setOpen: (o) => {
                 if (!o) {
                     root.unmount();
                     wrapper.remove();
@@ -28,5 +13,4 @@ const ModalDialog = (content) => __awaiter(void 0, void 0, void 0, function* ()
                 res('ok');
             }, topPosition: "center", position: "center" }, content));
     });
-});
-exports.ModalDialog = ModalDialog;
+};

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

@@ -1,38 +1,9 @@
-"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 `
+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 `
   position: fixed;
   top: 0;
   left: 0;
@@ -44,7 +15,7 @@ const FixedBackground = styled_1.default.div `
   justify-content: center;
   align-items: center;
 `;
-const ModalBase = styled_1.default.div `
+const ModalBase = styled.div `
   display: flex;
   position: absolute;
   z-index: 1;
@@ -66,9 +37,9 @@ const ModalBase = styled_1.default.div `
   &[data-topposition='bottom'] {
     bottom: 0;
   }
-  ${(0, styles_1.bounce)('data-bounced')}
+  ${bounce('data-bounced')}
 `;
-exports.ModalItem = styled_1.default.div `
+export const ModalItem = styled.div `
   display: flex;
   padding: 1rem;
 
@@ -76,13 +47,13 @@ exports.ModalItem = styled_1.default.div `
     background-color: #eee;
   }
 `;
-const CloseStyled = (0, styled_1.default)(Close_1.Close) `
+const CloseStyled = styled(Close) `
   z-index: 1;
 `;
-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)({
+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({
         disabled: !open,
         ref,
         moveMouseOutside: closeOnMoveMouseOutside,
@@ -92,17 +63,16 @@ const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'top'
             setBounced(false);
         }
     });
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!bounced && open) {
             setBounced(true);
         }
     }, [open, bounced]);
     if (!open) {
-        return react_1.default.createElement(react_1.default.Fragment, null);
+        return React.createElement(React.Fragment, null);
     }
-    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) })),
+    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) })),
             children)));
 };
-exports.Modal = Modal;

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

@@ -1,19 +1,3 @@
-"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);
+export * from './Dialog';
+export * from './Modal';
+export * from './types';

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

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