ag-common 0.0.419 → 0.0.421

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

@@ -1,9 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = exports.ButtonBase = void 0;
 /* eslint-disable react/destructuring-assignment */
-import { css } from '@emotion/react';
-import styled from '@emotion/styled';
-import React from 'react';
-import { colours } from '../../styles/colours';
-export const ButtonBase = css `
+const react_1 = require("@emotion/react");
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_2 = __importDefault(require("react"));
+const colours_1 = require("../../styles/colours");
+exports.ButtonBase = (0, react_1.css) `
   text-decoration: none;
   display: flex;
   justify-content: center;
@@ -29,34 +35,36 @@ export const ButtonBase = css `
   }
 
   &[data-theme='green'] {
-    background-color: ${colours.darkGreen};
+    background-color: ${colours_1.colours.darkGreen};
     &[data-invert='true'] {
-      color: ${colours.darkGreen};
+      color: ${colours_1.colours.darkGreen};
       background-color: white;
-      border: solid 1px ${colours.darkGreen};
+      border: solid 1px ${colours_1.colours.darkGreen};
     }
   }
 
   &[data-theme='red'] {
-    background-color: ${colours.orangeRed};
+    background-color: ${colours_1.colours.orangeRed};
     &[data-invert='true'] {
-      color: ${colours.orangeRed};
+      color: ${colours_1.colours.orangeRed};
       background-color: white;
-      border: solid 1px ${colours.orangeRed};
+      border: solid 1px ${colours_1.colours.orangeRed};
     }
   }
 `;
-const BaseButton = styled.button `
-  ${ButtonBase}
+const BaseButton = styled_1.default.button `
+  ${exports.ButtonBase}
 `;
-const BaseA = styled.a `
-  ${ButtonBase}
+const BaseA = styled_1.default.a `
+  ${exports.ButtonBase}
 `;
-export const Button = (props) => {
+const Button = (props) => {
+    var _a;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const Component = props.href
         ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
             BaseA
         : BaseButton;
-    return (React.createElement(Component, { className: props.className, "data-invert": props.invert, "data-disabled": props.disabled ?? false, role: "button", title: props.title || undefined, "data-theme": props.colourTheme || 'green', ...props }, props.children));
+    return (react_2.default.createElement(Component, Object.assign({ className: props.className, "data-invert": props.invert, "data-disabled": (_a = props.disabled) !== null && _a !== void 0 ? _a : false, role: "button", title: props.title || undefined, "data-theme": props.colourTheme || 'green' }, props), props.children));
 };
+exports.Button = Button;

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

@@ -1,19 +1,25 @@
-import styled from '@emotion/styled';
-import React from 'react';
-import { ChevronRight } from '../../icons/ChevronRight';
-import { Icon } from '../Icon';
-const Base = 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.Chevron = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importDefault(require("react"));
+const ChevronRight_1 = require("../../icons/ChevronRight");
+const Icon_1 = require("../Icon");
+const Base = styled_1.default.span `
   font-size: 2rem;
   display: flex;
   justify-content: center;
   align-items: center;
 `;
-const IconStyled = styled(Icon) `
+const IconStyled = (0, styled_1.default)(Icon_1.Icon) `
   cursor: pointer;
   margin: 0;
   padding: 0;
 `;
-export const Chevron = ({ width = '1.2rem', className, colour = 'black', onToggle, point = 'right', }) => {
+const Chevron = ({ width = '1.2rem', className, colour = 'black', onToggle, point = 'right', }) => {
     let rotate = 0;
     switch (point) {
         case 'down': {
@@ -32,6 +38,7 @@ export const Chevron = ({ width = '1.2rem', className, colour = 'black', onToggl
             rotate = 0;
         }
     }
-    return (React.createElement(Base, { className: className, onClick: () => onToggle?.(), onTouchStart: () => onToggle?.(), onKeyDown: (e) => e.key === 'Enter' && onToggle?.() },
-        React.createElement(IconStyled, { rotate: rotate, fill: colour, width: width, height: width }, ChevronRight)));
+    return (react_1.default.createElement(Base, { className: className, onClick: () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(), onTouchStart: () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(), onKeyDown: (e) => e.key === 'Enter' && (onToggle === null || onToggle === void 0 ? void 0 : onToggle()) },
+        react_1.default.createElement(IconStyled, { rotate: rotate, fill: colour, width: width, height: width }, ChevronRight_1.ChevronRight)));
 };
+exports.Chevron = Chevron;

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

@@ -1,7 +1,13 @@
-import styled from '@emotion/styled';
-import React from 'react';
-import { filterDataProps } from '../../helpers/dom';
-const Base = styled.div `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Close = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importDefault(require("react"));
+const dom_1 = require("../../helpers/dom");
+const Base = styled_1.default.div `
   position: absolute;
   z-index: 1;
   width: 32px;
@@ -30,6 +36,7 @@ const Base = styled.div `
     transform: rotate(-45deg);
   }
 `;
-export const Close = (p) => {
-    return (React.createElement(Base, { ...filterDataProps(p), className: p.className, onClick: (e) => p.onClick?.(e) }));
+const Close = (p) => {
+    return (react_1.default.createElement(Base, Object.assign({}, (0, dom_1.filterDataProps)(p), { className: p.className, onClick: (e) => { var _a; return (_a = p.onClick) === null || _a === void 0 ? void 0 : _a.call(p, e); } })));
 };
+exports.Close = Close;

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

@@ -1,23 +1,38 @@
-import React from 'react';
-import { createRoot } from 'react-dom/client';
-import { error } from '../../../common/helpers/log';
-import { ConfirmModal } from './Modal';
+"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.ConfirmDialog = void 0;
+const react_1 = __importDefault(require("react"));
+const client_1 = require("react-dom/client");
+const log_1 = require("../../../common/helpers/log");
+const Modal_1 = require("./Modal");
 /**
  * opens a dialog programatically
  * @param param0
  * @returns
  */
-export const ConfirmDialog = async ({ bottomText, topText, }) => {
+const ConfirmDialog = ({ bottomText, topText, }) => __awaiter(void 0, void 0, void 0, function* () {
     return new Promise((res) => {
         const idName = 'ag-confirm-dialog';
         if (document.body.querySelectorAll('#' + idName).length !== 0) {
-            error('confirmDialog already open');
+            (0, log_1.error)('confirmDialog already open');
             res(false);
             return;
         }
         const wrapper = document.body.appendChild(document.createElement('div'));
         wrapper.id = idName;
-        const root = createRoot(wrapper);
+        const root = (0, client_1.createRoot)(wrapper);
         const onSubmit = (v) => {
             try {
                 res(v);
@@ -27,6 +42,7 @@ export const ConfirmDialog = async ({ bottomText, topText, }) => {
                 wrapper.remove();
             }
         };
-        root.render(React.createElement(ConfirmModal, { bottomText: bottomText, topText: topText, onSubmit: onSubmit }));
+        root.render(react_1.default.createElement(Modal_1.ConfirmModal, { bottomText: bottomText, topText: topText, onSubmit: onSubmit }));
     });
-};
+});
+exports.ConfirmDialog = ConfirmDialog;

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

@@ -1,44 +1,51 @@
-import styled from '@emotion/styled';
-import React from 'react';
-import { Button } from '../Button';
-import { FlexColumn } from '../FlexColumn';
-import { FlexRow } from '../FlexRow';
-import { Modal } from '../Modal/Modal';
-const Base = styled.div `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmModal = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importDefault(require("react"));
+const Button_1 = require("../Button");
+const FlexColumn_1 = require("../FlexColumn");
+const FlexRow_1 = require("../FlexRow");
+const Modal_1 = require("../Modal/Modal");
+const Base = styled_1.default.div `
   width: 95vw;
   max-width: 30rem;
   height: 50vh;
   max-height: 15rem;
   padding: 1rem;
 `;
-const Content = styled(FlexColumn) `
+const Content = (0, styled_1.default)(FlexColumn_1.FlexColumn) `
   height: 100%;
 `;
-const TopText = styled.div `
+const TopText = styled_1.default.div `
   font-weight: bold;
   border-bottom: solid 1px #ccc;
   padding-bottom: 0.25rem;
   font-size: 1.5rem;
   margin-bottom: 1rem;
 `;
-const BottomText = styled.div `
+const BottomText = styled_1.default.div `
   padding-bottom: 0.25rem;
   font-size: 1.1rem;
 `;
-const Bottom = styled(FlexRow) `
+const Bottom = (0, styled_1.default)(FlexRow_1.FlexRow) `
   margin-top: auto;
   justify-content: flex-end;
   > button:first-of-type {
     margin-right: 1rem;
   }
 `;
-export const ConfirmModal = ({ onSubmit, bottomText, topText, okText = 'OK', cancelText = 'Cancel', }) => {
-    return (React.createElement(Modal, { position: "center", topPosition: "center", open: true, setOpen: () => onSubmit(false), showCloseButton: false, closeOnClickOutside: false },
-        React.createElement(Base, null,
-            React.createElement(Content, null,
-                topText && React.createElement(TopText, null, topText),
-                React.createElement(BottomText, null, bottomText),
-                React.createElement(Bottom, { noGrow: true },
-                    React.createElement(Button, { onClick: () => onSubmit(true) }, okText),
-                    React.createElement(Button, { invert: true, onClick: () => onSubmit(false) }, cancelText))))));
+const ConfirmModal = ({ onSubmit, bottomText, topText, okText = 'OK', cancelText = 'Cancel', }) => {
+    return (react_1.default.createElement(Modal_1.Modal, { position: "center", topPosition: "center", open: true, setOpen: () => onSubmit(false), showCloseButton: false, closeOnClickOutside: false },
+        react_1.default.createElement(Base, null,
+            react_1.default.createElement(Content, null,
+                topText && react_1.default.createElement(TopText, null, topText),
+                react_1.default.createElement(BottomText, null, bottomText),
+                react_1.default.createElement(Bottom, { noGrow: true },
+                    react_1.default.createElement(Button_1.Button, { onClick: () => onSubmit(true) }, okText),
+                    react_1.default.createElement(Button_1.Button, { invert: true, onClick: () => onSubmit(false) }, cancelText))))));
 };
+exports.ConfirmModal = ConfirmModal;

package/dist/ui/components/Confirm/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/Confirm/types.js

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

package/dist/ui/components/DropdownList/Base.js

@@ -1,11 +1,40 @@
-import styled from '@emotion/styled';
-import React, { useEffect, useRef, useState } from 'react';
-import { convertRemToPixels } from '../../helpers/dom';
-import { useOnClickOutside } from '../../helpers/useOnClickOutside';
-import { colours } from '../../styles/colours';
-import { bounce } from '../../styles/common';
-import { KebabDots } from '../KebabDots';
-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.DropdownList = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importStar(require("react"));
+const dom_1 = require("../../helpers/dom");
+const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
+const colours_1 = require("../../styles/colours");
+const common_1 = require("../../styles/common");
+const KebabDots_1 = require("../KebabDots");
+const Base = styled_1.default.div `
   display: flex;
   flex-flow: row;
   position: relative;
@@ -14,7 +43,7 @@ const Base = styled.div `
   cursor: pointer;
   flex-grow: 0;
 `;
-const DropItems = styled.div `
+const DropItems = styled_1.default.div `
   flex-flow: column;
   z-index: 5;
   display: none;
@@ -27,9 +56,9 @@ const DropItems = styled.div `
   &[data-open='true'] {
     display: flex;
   }
-  ${bounce('data-bounced')}
+  ${(0, common_1.bounce)('data-bounced')}
 `;
-const ListItemStyle = styled.div `
+const ListItemStyle = styled_1.default.div `
   z-index: 1;
   font-weight: 500;
   padding-left: 0.5rem;
@@ -43,12 +72,12 @@ const ListItemStyle = styled.div `
   &[data-default='false'] {
     &[data-selected='true'] {
       opacity: 1 !important;
-      background-color: ${colours.orangeRed} !important;
+      background-color: ${colours_1.colours.orangeRed} !important;
     }
     &[data-selected='false'] {
       &:hover {
         opacity: 0.9 !important;
-        background-color: ${colours.orange} !important;
+        background-color: ${colours_1.colours.orange} !important;
       }
     }
   }
@@ -60,44 +89,45 @@ const ListItemStyle = styled.div `
     background-color: rgba(0, 0, 0, 0.2);
   }
 `;
-const ListItem = ({ render, onChange, selected, defaultV = false, }) => (React.createElement(ListItemStyle, { "data-selected": selected, "data-default": defaultV, onClick: (e) => {
+const ListItem = ({ render, onChange, selected, defaultV = false, }) => (react_1.default.createElement(ListItemStyle, { "data-selected": selected, "data-default": defaultV, onClick: (e) => {
         if (!selected) {
-            onChange?.();
+            onChange === null || onChange === void 0 ? void 0 : onChange();
         }
         e.preventDefault();
     } }, render));
-export function DropdownList(p) {
+function DropdownList(p) {
     const { options, value, placeholder, className, renderF, shadow = '#555', maxHeight = '50vh', } = p;
-    const ref = useRef(null);
-    const [state, setState] = useState(value);
-    const [open, setOpen] = useState(p.open);
-    const [bounced, setBounced] = useState(false);
-    useOnClickOutside({ disabled: !open, ref, moveMouseOutside: false }, () => {
+    const ref = (0, react_1.useRef)(null);
+    const [state, setState] = (0, react_1.useState)(value);
+    const [open, setOpen] = (0, react_1.useState)(p.open);
+    const [bounced, setBounced] = (0, react_1.useState)(false);
+    (0, useOnClickOutside_1.useOnClickOutside)({ disabled: !open, ref, moveMouseOutside: false }, () => {
         setOpen(false);
         setBounced(false);
         p.onChange(undefined, 0);
     });
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const newv = value;
         if (JSON.stringify(newv) !== JSON.stringify(value)) {
             setState(newv);
         }
     }, [options, value]);
-    const [style, setStyle] = useState({});
-    useEffect(() => {
+    const [style, setStyle] = (0, react_1.useState)({});
+    (0, react_1.useEffect)(() => {
+        var _a, _b, _c, _d;
         const maxLen = 20;
         const newStyle = {
             minWidth: `calc(${maxLen}ch + 2rem)`,
         };
-        const minPx = convertRemToPixels(2 + maxLen / 2);
-        const offsetLeft = ref?.current?.offsetLeft ?? 0;
+        const minPx = (0, dom_1.convertRemToPixels)(2 + maxLen / 2);
+        const offsetLeft = (_b = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.offsetLeft) !== null && _b !== void 0 ? _b : 0;
         if (offsetLeft < minPx) {
             newStyle.left = '0';
         }
         else {
             newStyle.right = '0';
         }
-        const b = ref?.current?.getBoundingClientRect() ?? { bottom: 0 };
+        const b = (_d = (_c = ref === null || ref === void 0 ? void 0 : ref.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect()) !== null && _d !== void 0 ? _d : { bottom: 0 };
         const ih = typeof window !== 'undefined' ? window.innerHeight : 0;
         //below screen
         if (b.bottom + 50 > ih) {
@@ -112,19 +142,20 @@ export function DropdownList(p) {
             setStyle(newStyle);
         }
     }, [maxHeight, open, options, renderF, shadow, style]);
-    const defaultRender = !p.value ? React.createElement(KebabDots, null) : React.createElement(React.Fragment, null, p.renderF(p.value));
-    const openDisplay = p.children || (React.createElement(ListItem, { selected: true, render: defaultRender, key: defaultRender.key, defaultV: !p.value }));
-    useEffect(() => {
+    const defaultRender = !p.value ? react_1.default.createElement(KebabDots_1.KebabDots, null) : react_1.default.createElement(react_1.default.Fragment, null, p.renderF(p.value));
+    const openDisplay = p.children || (react_1.default.createElement(ListItem, { selected: true, render: defaultRender, key: defaultRender.key, defaultV: !p.value }));
+    (0, react_1.useEffect)(() => {
         if (!bounced && open) {
             setBounced(true);
         }
     }, [bounced, open]);
-    return (React.createElement(Base, { className: className, ref: ref, title: placeholder, onClick: (e) => {
+    return (react_1.default.createElement(Base, { className: className, ref: ref, title: placeholder, onClick: (e) => {
             e.stopPropagation();
             e.preventDefault();
             setOpen(!open);
         } },
-        React.createElement(DropItems, { "data-open": open, style: style, "data-bounced": bounced }, open &&
-            options.map((s, i) => (React.createElement(ListItem, { key: p.renderF(s).key, render: p.renderF(s), onChange: () => p.onChange(s, i), selected: s === state })))),
+        react_1.default.createElement(DropItems, { "data-open": open, style: style, "data-bounced": bounced }, open &&
+            options.map((s, i) => (react_1.default.createElement(ListItem, { key: p.renderF(s).key, render: p.renderF(s), onChange: () => p.onChange(s, i), selected: s === state })))),
         openDisplay));
 }
+exports.DropdownList = DropdownList;

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

@@ -1,7 +1,22 @@
-import React from 'react';
-import { createRoot } from 'react-dom/client';
-import { DropdownList } from './index';
-export const DropdownListDialog = async (p) => {
+"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.DropdownListDialog = void 0;
+const react_1 = __importDefault(require("react"));
+const client_1 = require("react-dom/client");
+const index_1 = require("./index");
+const DropdownListDialog = (p) => __awaiter(void 0, void 0, void 0, function* () {
     return new Promise((res) => {
         const id = 'ag-common-ddld';
         if (document.querySelectorAll('#' + id).length) {
@@ -13,11 +28,12 @@ export const DropdownListDialog = async (p) => {
         wrapper.style.position = 'absolute';
         wrapper.style.top = `${p.position.y}px`;
         wrapper.style.left = `${p.position.x}px`;
-        const root = createRoot(wrapper);
-        root.render(React.createElement(DropdownList, { ...p, open: true, onChange: (v, i) => {
+        const root = (0, client_1.createRoot)(wrapper);
+        root.render(react_1.default.createElement(index_1.DropdownList, Object.assign({}, p, { open: true, onChange: (v, i) => {
                 root.unmount();
                 wrapper.remove();
                 res(!v ? undefined : [v, i]);
-            } }, "\u00A0"));
+            } }), "\u00A0"));
     });
-};
+});
+exports.DropdownListDialog = DropdownListDialog;

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

@@ -1,2 +1,18 @@
-export * from './Base';
-export * from './Dialog';
+"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("./Base"), exports);
+__exportStar(require("./Dialog"), exports);

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

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

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

@@ -1,6 +1,12 @@
-import styled from '@emotion/styled';
-import React from 'react';
-const Base = styled.div `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlexColumn = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importDefault(require("react"));
+const Base = styled_1.default.div `
   position: relative;
   display: flex;
   flex-flow: column;
@@ -18,4 +24,8 @@ const Base = styled.div `
     max-width: 100%;
   }
 `;
-export const FlexColumn = (props) => (React.createElement(Base, { title: props.title, "data-nogrow": props.noGrow ?? false, "data-center": props.center ?? false, "data-enableoverflow": props.enableOverflow ?? false, ...props }, props.children));
+const FlexColumn = (props) => {
+    var _a, _b, _c;
+    return (react_1.default.createElement(Base, Object.assign({ title: props.title, "data-nogrow": (_a = props.noGrow) !== null && _a !== void 0 ? _a : false, "data-center": (_b = props.center) !== null && _b !== void 0 ? _b : false, "data-enableoverflow": (_c = props.enableOverflow) !== null && _c !== void 0 ? _c : false }, props), props.children));
+};
+exports.FlexColumn = FlexColumn;

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

@@ -1,6 +1,12 @@
-import styled from '@emotion/styled';
-import React from 'react';
-const Base = styled.div `
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlexRow = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importDefault(require("react"));
+const Base = styled_1.default.div `
   position: relative;
   overflow: hidden;
   display: flex;
@@ -28,4 +34,8 @@ const Base = styled.div `
     overflow: visible;
   }
 `;
-export const FlexRow = (props) => (React.createElement(Base, { title: props.title, "data-nowrap": props.noWrap ?? false, "data-nogrow": props.noGrow ?? false, "data-center": props.center ?? false, "data-enableoverflow": props.enableOverflow ?? false, ...props }, props.children));
+const FlexRow = (props) => {
+    var _a, _b, _c, _d;
+    return (react_1.default.createElement(Base, Object.assign({ title: props.title, "data-nowrap": (_a = props.noWrap) !== null && _a !== void 0 ? _a : false, "data-nogrow": (_b = props.noGrow) !== null && _b !== void 0 ? _b : false, "data-center": (_c = props.center) !== null && _c !== void 0 ? _c : false, "data-enableoverflow": (_d = props.enableOverflow) !== null && _d !== void 0 ? _d : false }, props), props.children));
+};
+exports.FlexRow = FlexRow;