ag-common 0.0.418 → 0.0.419

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

@@ -1,15 +1,9 @@
-"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 */
-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) `
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+import React from 'react';
+import { colours } from '../../styles/colours';
+export const ButtonBase = css `
   text-decoration: none;
   display: flex;
   justify-content: center;
@@ -35,36 +29,34 @@ exports.ButtonBase = (0, react_1.css) `
   }
 
   &[data-theme='green'] {
-    background-color: ${colours_1.colours.darkGreen};
+    background-color: ${colours.darkGreen};
     &[data-invert='true'] {
-      color: ${colours_1.colours.darkGreen};
+      color: ${colours.darkGreen};
       background-color: white;
-      border: solid 1px ${colours_1.colours.darkGreen};
+      border: solid 1px ${colours.darkGreen};
     }
   }
 
   &[data-theme='red'] {
-    background-color: ${colours_1.colours.orangeRed};
+    background-color: ${colours.orangeRed};
     &[data-invert='true'] {
-      color: ${colours_1.colours.orangeRed};
+      color: ${colours.orangeRed};
       background-color: white;
-      border: solid 1px ${colours_1.colours.orangeRed};
+      border: solid 1px ${colours.orangeRed};
     }
   }
 `;
-const BaseButton = styled_1.default.button `
-  ${exports.ButtonBase}
+const BaseButton = styled.button `
+  ${ButtonBase}
 `;
-const BaseA = styled_1.default.a `
-  ${exports.ButtonBase}
+const BaseA = styled.a `
+  ${ButtonBase}
 `;
-const Button = (props) => {
-    var _a;
+export const Button = (props) => {
     // 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_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));
+    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));
 };
-exports.Button = Button;

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

@@ -1,25 +1,19 @@
-"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 `
+import styled from '@emotion/styled';
+import React from 'react';
+import { ChevronRight } from '../../icons/ChevronRight';
+import { Icon } from '../Icon';
+const Base = styled.span `
   font-size: 2rem;
   display: flex;
   justify-content: center;
   align-items: center;
 `;
-const IconStyled = (0, styled_1.default)(Icon_1.Icon) `
+const IconStyled = styled(Icon) `
   cursor: pointer;
   margin: 0;
   padding: 0;
 `;
-const Chevron = ({ width = '1.2rem', className, colour = 'black', onToggle, point = 'right', }) => {
+export const Chevron = ({ width = '1.2rem', className, colour = 'black', onToggle, point = 'right', }) => {
     let rotate = 0;
     switch (point) {
         case 'down': {
@@ -38,7 +32,6 @@ const Chevron = ({ width = '1.2rem', className, colour = 'black', onToggle, poin
             rotate = 0;
         }
     }
-    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)));
+    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)));
 };
-exports.Chevron = Chevron;

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

@@ -1,13 +1,7 @@
-"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 `
+import styled from '@emotion/styled';
+import React from 'react';
+import { filterDataProps } from '../../helpers/dom';
+const Base = styled.div `
   position: absolute;
   z-index: 1;
   width: 32px;
@@ -36,7 +30,6 @@ const Base = styled_1.default.div `
     transform: rotate(-45deg);
   }
 `;
-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); } })));
+export const Close = (p) => {
+    return (React.createElement(Base, { ...filterDataProps(p), className: p.className, onClick: (e) => p.onClick?.(e) }));
 };
-exports.Close = Close;

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

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

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

@@ -1,51 +1,44 @@
-"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 `
+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 `
   width: 95vw;
   max-width: 30rem;
   height: 50vh;
   max-height: 15rem;
   padding: 1rem;
 `;
-const Content = (0, styled_1.default)(FlexColumn_1.FlexColumn) `
+const Content = styled(FlexColumn) `
   height: 100%;
 `;
-const TopText = styled_1.default.div `
+const TopText = styled.div `
   font-weight: bold;
   border-bottom: solid 1px #ccc;
   padding-bottom: 0.25rem;
   font-size: 1.5rem;
   margin-bottom: 1rem;
 `;
-const BottomText = styled_1.default.div `
+const BottomText = styled.div `
   padding-bottom: 0.25rem;
   font-size: 1.1rem;
 `;
-const Bottom = (0, styled_1.default)(FlexRow_1.FlexRow) `
+const Bottom = styled(FlexRow) `
   margin-top: auto;
   justify-content: flex-end;
   > button:first-of-type {
     margin-right: 1rem;
   }
 `;
-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))))));
+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))))));
 };
-exports.ConfirmModal = ConfirmModal;

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

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

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

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

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

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

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

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

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

@@ -1,12 +1,6 @@
-"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 `
+import styled from '@emotion/styled';
+import React from 'react';
+const Base = styled.div `
   position: relative;
   display: flex;
   flex-flow: column;
@@ -24,8 +18,4 @@ const Base = styled_1.default.div `
     max-width: 100%;
   }
 `;
-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;
+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));

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

@@ -1,12 +1,6 @@
-"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 `
+import styled from '@emotion/styled';
+import React from 'react';
+const Base = styled.div `
   position: relative;
   overflow: hidden;
   display: flex;
@@ -34,8 +28,4 @@ const Base = styled_1.default.div `
     overflow: visible;
   }
 `;
-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;
+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));