ag-common 0.0.207 → 0.0.210

package/dist/common/helpers/log.d.ts

@@ -1,6 +1,6 @@
 export declare type TLogType = 'TRACE' | 'DEBUG' | 'INFO' | 'WARN' | 'ERROR' | 'FATAL';
 export declare const GetLogLevel: (l: TLogType) => number;
-export declare const SetLogLevel: (l: string) => void;
+export declare const SetLogLevel: (l: TLogType) => void;
 export declare const debug: (...args: unknown[]) => void;
 export declare const info: (...args: unknown[]) => void;
 export declare const warn: (...args: unknown[]) => void;

package/dist/common/helpers/log.js

@@ -14,7 +14,7 @@ const SetLogLevel = (l) => {
     userLogLevel = lu;
 };
 exports.SetLogLevel = SetLogLevel;
-(0, exports.SetLogLevel)(process.env.LOG_LEVEL || '');
+(0, exports.SetLogLevel)(process.env.LOG_LEVEL);
 function logprocess(type, args) {
     const min = (0, exports.GetLogLevel)(userLogLevel);
     const typesLogLevel = (0, exports.GetLogLevel)(type);

package/dist/ui/components/Confirm/Dialog.d.ts

@@ -0,0 +1,5 @@
+export interface IConfirmAction {
+    topText?: string;
+    bottomText: string;
+}
+export declare const ConfirmDialog: ({ bottomText, topText, }: IConfirmAction) => Promise<boolean>;

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

@@ -0,0 +1,42 @@
+"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 Modal_1 = require("./Modal");
+const log_1 = require("../../../common/helpers/log");
+const react_dom_1 = __importDefault(require("react-dom"));
+const react_1 = __importDefault(require("react"));
+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) {
+            (0, log_1.error)('confirmDialog already open');
+            res(false);
+            return;
+        }
+        const wrapper = document.body.appendChild(document.createElement('div'));
+        wrapper.id = idName;
+        const onSubmit = (v) => {
+            try {
+                res(v);
+            }
+            finally {
+                react_dom_1.default.unmountComponentAtNode(wrapper);
+                wrapper.remove();
+            }
+        };
+        react_dom_1.default.render(react_1.default.createElement(Modal_1.ConfirmModal, { bottomText: bottomText, topText: topText, onSubmit: onSubmit }), wrapper);
+    });
+});
+exports.ConfirmDialog = ConfirmDialog;

package/dist/ui/components/Confirm/Modal.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const ConfirmModal: ({ onSubmit, bottomText, topText, okText, cancelText, }: {
+    onSubmit: (v: boolean) => void;
+    topText?: string | undefined;
+    bottomText: string;
+    okText?: string | undefined;
+    cancelText?: string | undefined;
+}) => JSX.Element;

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

@@ -0,0 +1,51 @@
+"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 Button_1 = require("../Button");
+const FlexColumn_1 = require("../FlexColumn");
+const FlexRow_1 = require("../FlexRow");
+const Modal_1 = require("../Modal");
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_1 = __importDefault(require("react"));
+const Base = styled_components_1.default.div `
+  width: 95vw;
+  max-width: 30rem;
+  height: 50vh;
+  max-height: 15rem;
+  padding: 1rem;
+`;
+const Content = (0, styled_components_1.default)(FlexColumn_1.FlexColumn) `
+  height: 100%;
+`;
+const TopText = styled_components_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_components_1.default.div `
+  padding-bottom: 0.25rem;
+  font-size: 1.1rem;
+`;
+const Bottom = (0, styled_components_1.default)(FlexRow_1.FlexRow) `
+  margin-top: auto;
+  justify-content: flex-end;
+  > button:first-child {
+    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))))));
+};
+exports.ConfirmModal = ConfirmModal;

package/dist/ui/components/Confirm/index.d.ts

@@ -1,4 +1,2 @@
-export declare const confirm: ({ bottomText, topText, }: {
-    topText?: string | undefined;
-    bottomText: string;
-}) => Promise<boolean>;
+export * from './Dialog';
+export * from './Modal';

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

@@ -1,77 +1,18 @@
 "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 };
+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 });
-exports.confirm = void 0;
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-const Button_1 = require("../Button");
-const FlexColumn_1 = require("../FlexColumn");
-const FlexRow_1 = require("../FlexRow");
-const Modal_1 = require("../Modal");
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_dom_1 = __importDefault(require("react-dom"));
-const react_1 = __importDefault(require("react"));
-const Base = styled_components_1.default.div `
-  width: 95vw;
-  max-width: 30rem;
-  height: 50vh;
-  max-height: 15rem;
-  padding: 1rem;
-`;
-const Content = (0, styled_components_1.default)(FlexColumn_1.FlexColumn) `
-  height: 100%;
-`;
-const TopText = styled_components_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_components_1.default.div `
-  padding-bottom: 0.25rem;
-  font-size: 1.1rem;
-`;
-const Bottom = (0, styled_components_1.default)(FlexRow_1.FlexRow) `
-  margin-top: auto;
-  justify-content: flex-end;
-  > button:first-child {
-    margin-right: 1rem;
-  }
-`;
-const ConfirmModal = ({ wrapper, res, bottomText, topText, okText = 'OK', cancelText = 'Cancel', }) => {
-    const ret = (v) => {
-        try {
-            res(v);
-        }
-        finally {
-            react_dom_1.default.unmountComponentAtNode(wrapper);
-        }
-    };
-    return (react_1.default.createElement(Modal_1.Modal, { position: "center", topPosition: "center", open: true, setOpen: () => ret(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: () => ret(true) }, okText),
-                    react_1.default.createElement(Button_1.Button, { invert: true, onClick: () => ret(false) }, cancelText))))));
-};
-const confirm = ({ bottomText, topText, }) => __awaiter(void 0, void 0, void 0, function* () {
-    return new Promise((res) => {
-        const wrapper = document.body.appendChild(document.createElement('div'));
-        react_dom_1.default.render(react_1.default.createElement(ConfirmModal, { bottomText: bottomText, topText: topText, res: res, wrapper: wrapper }), wrapper);
-    });
-});
-exports.confirm = confirm;
+__exportStar(require("./Dialog"), exports);
+__exportStar(require("./Modal"), exports);

package/dist/ui/components/Dropdown/Modal.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare const DropdownModal: (p: {
+    options: (string | JSX.Element)[];
+    onSelect?: ((i: number, e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+    position?: "left" | "right" | undefined;
+    topPosition?: "top" | "bottom" | undefined;
+    open: boolean;
+    setOpen: (b: boolean) => void;
+    closeOnMoveMouseOutside?: boolean | undefined;
+    showCloseButton?: boolean | undefined;
+    className?: string | undefined;
+}) => JSX.Element;

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

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownModal = void 0;
+const Modal_1 = require("../Modal");
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const ModalDropdownStyled = (0, styled_components_1.default)(Modal_1.Modal) `
+  flex-flow: column;
+`;
+const DropdownModal = (p) => (react_1.default.createElement(ModalDropdownStyled, Object.assign({}, p, { className: p.className }), p.options.map((option, index) => (react_1.default.createElement(Modal_1.ModalItem, { key: option, onClick: (e) => {
+        var _a;
+        e.stopPropagation();
+        e.preventDefault();
+        (_a = p.onSelect) === null || _a === void 0 ? void 0 : _a.call(p, index, e);
+        p.setOpen(false);
+    } }, option)))));
+exports.DropdownModal = DropdownModal;

package/dist/ui/components/Dropdown/index.d.ts

@@ -6,5 +6,8 @@ export declare const Dropdown: ({ options, position, topPosition, onSelect, clas
     position?: "left" | "right" | undefined;
     onSelect: (i: number, e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     enableHoverOpen?: boolean | undefined;
+    /**
+     * if not provided, will show ... dots to click to open (default)
+     */
     children?: JSX.Element | undefined;
 }) => JSX.Element;

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

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dropdown = void 0;
-const Modal_1 = require("../Modal");
+const Modal_1 = require("./Modal");
 const common_1 = require("../../styles/common");
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
@@ -54,12 +54,17 @@ const Icon = styled_components_1.default.div `
 `;
 const Dropdown = ({ options, position = 'left', topPosition, onSelect, className, enableHoverOpen = false, children, }) => {
     const [open, setOpen] = (0, react_1.useState)(false);
+    const child = !children ? (react_1.default.createElement(Icon, { "data-fixedsize": true, onClick: (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+            setOpen(!open);
+        } }, Dots)) : (react_1.default.createElement("div", { tabIndex: -1, role: "button", onKeyDown: (e) => e.key === 'Enter' && setOpen(!open), "data-fixedsize": false, onClick: (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+            setOpen(!open);
+        } }, children));
     return (react_1.default.createElement(Base, Object.assign({ onKeyPress: (e) => e.key === 'Enter' && setOpen(!open), onMouseEnter: () => enableHoverOpen && setOpen(true), onMouseLeave: () => enableHoverOpen && setOpen(false), className: className }, common_1.noDrag),
-        react_1.default.createElement(Icon, { "data-fixedsize": !children, onClick: (e) => {
-                e.stopPropagation();
-                e.preventDefault();
-                setOpen(!open);
-            } }, children || Dots),
-        react_1.default.createElement(Modal_1.ModalDropList, { position: position, topPosition: topPosition, options: options, open: open, setOpen: setOpen, onSelect: onSelect, showCloseButton: false })));
+        child,
+        react_1.default.createElement(Modal_1.DropdownModal, { position: position, topPosition: topPosition, options: options, open: open, setOpen: setOpen, onSelect: onSelect, showCloseButton: false })));
 };
 exports.Dropdown = Dropdown;

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

@@ -28,6 +28,7 @@ const colours_1 = require("../../styles/colours");
 const Icon_1 = require("../Icon");
 const dom_1 = require("../../helpers/dom");
 const common_1 = require("../../styles/common");
+const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
 const styled_components_1 = __importStar(require("styled-components"));
 const react_1 = __importStar(require("react"));
 const SBase = styled_components_1.default.div `
@@ -97,18 +98,9 @@ function DropdownList({ options, value, onChange, placeholder, className, render
     const ref = (0, react_1.useRef)(null);
     const [state, setState] = (0, react_1.useState)(value);
     const [open, setOpen] = (0, react_1.useState)(false);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const click = (e) => {
-        var _a;
-        const outside = !((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(e.target));
-        if (outside) {
-            setOpen(false);
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        document.addEventListener('click', click, true);
-        return () => document.removeEventListener('click', click, true);
-    }, []);
+    (0, useOnClickOutside_1.useOnClickOutside)({ disabled: !open, ref, moveMouseOutside: false }, () => {
+        setOpen(false);
+    });
     (0, react_1.useEffect)(() => {
         const newv = value;
         if (JSON.stringify(newv) !== JSON.stringify(value))

package/dist/ui/components/Modal/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export declare const ModalItem: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Modal: ({ open, setOpen, children, position, topPosition, showCloseButton, closeOnMoveMouseOutside, className, closeOnClickOutside, }: {
     open: boolean;
@@ -11,14 +11,3 @@ export declare const Modal: ({ open, setOpen, children, position, topPosition, s
     className?: string | undefined;
     closeOnClickOutside?: boolean | undefined;
 }) => JSX.Element;
-export declare const ModalDropList: (p: {
-    options: (string | JSX.Element)[];
-    onSelect?: ((i: number, e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    position?: "left" | "right" | undefined;
-    topPosition?: "top" | "bottom" | undefined;
-    open: boolean;
-    setOpen: (b: boolean) => void;
-    closeOnMoveMouseOutside?: boolean | undefined;
-    showCloseButton?: boolean | undefined;
-    className?: string | undefined;
-}) => JSX.Element;

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

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalDropList = exports.Modal = exports.ModalItem = void 0;
+exports.Modal = exports.ModalItem = void 0;
 const Close_1 = require("../Close");
 const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
 const react_1 = __importStar(require("react"));
@@ -59,10 +59,10 @@ const ModalBase = styled_components_1.default.div `
   &[data-position='right'] {
     right: 0;
   }
-  &[data-topposition='bottom'] {
+  &[data-topposition='top'] {
     top: 0;
   }
-  &[data-topposition='top'] {
+  &[data-topposition='bottom'] {
     bottom: 0;
   }
 `;
@@ -77,7 +77,7 @@ exports.ModalItem = styled_components_1.default.div `
 const CloseStyled = (0, styled_components_1.default)(Close_1.Close) `
   z-index: 1;
 `;
-const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'bottom', showCloseButton = true, closeOnMoveMouseOutside = false, className, closeOnClickOutside = true, }) => {
+const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'top', showCloseButton = true, closeOnMoveMouseOutside = false, className, closeOnClickOutside = true, }) => {
     const ref = (0, react_1.useRef)(null);
     (0, useOnClickOutside_1.useOnClickOutside)({
         disabled: !open,
@@ -97,14 +97,3 @@ const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'bott
             children)));
 };
 exports.Modal = Modal;
-const ModalDropListStyled = (0, styled_components_1.default)(exports.Modal) `
-  flex-flow: column;
-`;
-const ModalDropList = (p) => (react_1.default.createElement(ModalDropListStyled, Object.assign({}, p, { className: p.className }), p.options.map((option, index) => (react_1.default.createElement(exports.ModalItem, { key: option, onClick: (e) => {
-        var _a;
-        e.stopPropagation();
-        e.preventDefault();
-        (_a = p.onSelect) === null || _a === void 0 ? void 0 : _a.call(p, index, e);
-        p.setOpen(false);
-    } }, option)))));
-exports.ModalDropList = ModalDropList;

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

@@ -82,6 +82,7 @@ const PromptModal = ({ wrapper, res, bottomText, topText, okText = 'OK', cancelT
         }
         finally {
             react_dom_1.default.unmountComponentAtNode(wrapper);
+            wrapper.remove();
         }
     };
     return (react_1.default.createElement(Modal_1.Modal, { position: "center", topPosition: "center", open: true, setOpen: () => ret(undefined), showCloseButton: false, closeOnClickOutside: false },

package/dist/ui/components/Search/Base.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ISearchDialog, TSearchModalRes } from './types';
-export declare const Base: <T>({ onSelectItem, onSearchTextChange, placeholderText, closeText, renderItem, displayItems, willDisplayItem, getKeyF, }: ISearchDialog<T> & {
+export declare const SearchBase: <T>({ onSelectItem, onSearchTextChange, placeholderText, closeText, renderItem, displayItems, willDisplayItem, getKeyF, }: ISearchDialog<T> & {
     onSearchTextChange?: ((v: string) => void) | undefined;
     onSelectItem?: ((v: TSearchModalRes<T>) => void) | undefined;
 }) => JSX.Element;

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

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Base = void 0;
+exports.SearchBase = void 0;
 const helpers_1 = require("../../helpers");
 const TextEdit_1 = require("../TextEdit");
 const styled_components_1 = __importDefault(require("styled-components"));
@@ -79,7 +79,7 @@ const Row = styled_components_1.default.div `
   justify-content: center;
   align-items: center;
 `;
-const Base = ({ onSelectItem, onSearchTextChange, placeholderText, closeText, renderItem, displayItems, willDisplayItem, getKeyF, }) => {
+const SearchBase = ({ onSelectItem, onSearchTextChange, placeholderText, closeText, renderItem, displayItems, willDisplayItem, getKeyF, }) => {
     const [searchText, setSearchText] = (0, react_1.useState)('');
     const resWrap = (foundItem) => {
         if (!foundItem) {
@@ -99,4 +99,4 @@ const Base = ({ onSelectItem, onSearchTextChange, placeholderText, closeText, re
             react_1.default.createElement(CloseButton, { onClick: () => resWrap(undefined) }, closeText)),
         react_1.default.createElement(Content, { "data-hasitems": !!filteredItems.length }, filteredItems.map((i) => (react_1.default.createElement(Row, { key: getKeyF(i), onClick: () => resWrap(i) }, renderItem(searchText, i)))))));
 };
-exports.Base = Base;
+exports.SearchBase = SearchBase;

package/dist/ui/components/Search/{searchDialog.d.ts → Dialog.d.ts}

@@ -4,4 +4,4 @@ import { ISearchDialog, TSearchModalRes } from './types';
  * @param p
  * @returns
  */
-export declare const searchDialog: <T>(p: ISearchDialog<T>) => Promise<TSearchModalRes<T>>;
+export declare const SearchDialog: <T>(p: ISearchDialog<T>) => Promise<TSearchModalRes<T>>;

package/dist/ui/components/Search/{searchDialog.js → Dialog.js}

@@ -12,8 +12,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.searchDialog = void 0;
-const SearchModal_1 = require("./SearchModal");
+exports.SearchDialog = void 0;
+const Modal_1 = require("./Modal");
 const common_1 = require("../../../common");
 const react_1 = __importDefault(require("react"));
 const react_dom_1 = __importDefault(require("react-dom"));
@@ -22,18 +22,19 @@ const react_dom_1 = __importDefault(require("react-dom"));
  * @param p
  * @returns
  */
-const searchDialog = (p) => __awaiter(void 0, void 0, void 0, function* () {
+const SearchDialog = (p) => __awaiter(void 0, void 0, void 0, function* () {
     const placeholderText = p.placeholderText || '';
     const closeText = p.closeText || 'CLOSE';
     let originalStyle;
     return new Promise((res) => {
-        if (document.querySelectorAll('#ag-search-dialog').length !== 0) {
+        const idName = 'ag-search-dialog';
+        if (document.body.querySelectorAll('#' + idName).length !== 0) {
             (0, common_1.error)('searchDialog already open');
             res(undefined);
             return;
         }
         const wrapper = document.body.appendChild(document.createElement('div'));
-        wrapper.id = 'ag-search-dialog';
+        wrapper.id = idName;
         if (originalStyle === undefined) {
             // eslint-disable-next-line react-hooks/exhaustive-deps
             originalStyle = window.getComputedStyle(document.body).overflow || '';
@@ -46,9 +47,10 @@ const searchDialog = (p) => __awaiter(void 0, void 0, void 0, function* () {
             }
             finally {
                 react_dom_1.default.unmountComponentAtNode(wrapper);
+                wrapper.remove();
             }
         };
-        react_dom_1.default.render(react_1.default.createElement(SearchModal_1.SearchModal, Object.assign({}, p, { placeholderText: placeholderText, closeText: closeText, onSelectItem: onSelectItem })), wrapper);
+        react_dom_1.default.render(react_1.default.createElement(Modal_1.SearchModal, Object.assign({}, p, { placeholderText: placeholderText, closeText: closeText, onSelectItem: onSelectItem })), wrapper);
     });
 });
-exports.searchDialog = searchDialog;
+exports.SearchDialog = SearchDialog;

package/dist/ui/components/Search/{SearchBox.d.ts → Inline.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ISearchDialog, TSearchModalRes } from './types';
-export declare const SearchBox: <T>(p: ISearchDialog<T> & {
+export declare const SearchInline: <T>(p: ISearchDialog<T> & {
     onSelectItem?: ((v: TSearchModalRes<T>) => void) | undefined;
     onSearchTextChange?: ((v: string) => void) | undefined;
 }) => JSX.Element;

package/dist/ui/components/Search/{SearchBox.js → Inline.js}

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchBox = void 0;
+exports.SearchInline = void 0;
 const Base_1 = require("./Base");
 const react_1 = __importDefault(require("react"));
-const SearchBox = (p) => react_1.default.createElement(Base_1.Base, Object.assign({}, p));
-exports.SearchBox = SearchBox;
+const SearchInline = (p) => react_1.default.createElement(Base_1.SearchBase, Object.assign({}, p));
+exports.SearchInline = SearchInline;

package/dist/ui/components/Search/{SearchModal.js → Modal.js}

@@ -23,5 +23,5 @@ const ModalStyled = (0, styled_components_1.default)(Modal_1.Modal) `
   }
 `;
 const SearchModal = (p) => (react_1.default.createElement(ModalStyled, { position: "center", topPosition: "center", open: true, setOpen: () => p.onSelectItem(undefined), showCloseButton: false, closeOnClickOutside: true },
-    react_1.default.createElement(Base_1.Base, Object.assign({}, p))));
+    react_1.default.createElement(Base_1.SearchBase, Object.assign({}, p))));
 exports.SearchModal = SearchModal;

package/dist/ui/components/Search/index.d.ts

@@ -1,4 +1,4 @@
 export * from './types';
-export * from './SearchModal';
-export * from './searchDialog';
-export * from './SearchBox';
+export * from './Modal';
+export * from './Dialog';
+export * from './Inline';

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

@@ -15,6 +15,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./types"), exports);
-__exportStar(require("./SearchModal"), exports);
-__exportStar(require("./searchDialog"), exports);
-__exportStar(require("./SearchBox"), exports);
+__exportStar(require("./Modal"), exports);
+__exportStar(require("./Dialog"), exports);
+__exportStar(require("./Inline"), exports);

package/dist/ui/components/{Sparkline → SparkLine}/index.d.ts

@@ -1,14 +1,15 @@
 /// <reference types="react" />
-export declare type TSparkLineData = {
-    x: number;
-    y: number;
-};
-export declare const SparkLine: ({ data: raw, className, pointTitleF, pointColour, }: {
+export interface ISparkLine {
     /**
      * default #4d76ff
      */
-    pointColour?: string | undefined;
-    className?: string | undefined;
+    pointColour?: string;
+    className?: string;
     data: TSparkLineData[];
-    pointTitleF?: ((p: TSparkLineData) => string) | undefined;
-}) => JSX.Element;
+    pointTitleF?: (p: TSparkLineData) => string;
+}
+export declare type TSparkLineData = {
+    x: number;
+    y: number;
+};
+export declare const SparkLine: ({ data: raw, className, pointTitleF, pointColour, }: ISparkLine) => JSX.Element;

package/dist/ui/components/TextEdit/TextEdit.js

@@ -80,7 +80,7 @@ const TextEdit = ({ defaultValue = '', defaultEditing, disableEdit = false, plac
     const [editing, setEditingRaw] = (0, react_1.useState)(!!defaultEditing);
     const valueChange = value !== defaultValue;
     (0, useOnClickOutside_1.useOnClickOutside)({
-        disabled: onClickOutsideWithNoValue === null,
+        disabled: onClickOutsideWithNoValue === null || disableEdit,
         ref,
         moveMouseOutside: false,
     }, () => {

package/dist/ui/components/index.d.ts

@@ -2,7 +2,7 @@ export * from './BorderGradient';
 export * from './Button';
 export * from './Chevron';
 export * from './Close';
-export * from './Confirm';
+export * from './Confirm/Dialog';
 export * from './Dropdown';
 export * from './DropdownList';
 export * from './FlexColumn';
@@ -17,7 +17,7 @@ export * from './Prompt';
 export * from './RowOrColumn';
 export * from './Search';
 export * from './Sidebar';
-export * from './Sparkline';
+export * from './SparkLine';
 export * from './Table';
 export * from './TextEdit';
 export * from './Toast';

package/dist/ui/components/index.js

@@ -18,7 +18,7 @@ __exportStar(require("./BorderGradient"), exports);
 __exportStar(require("./Button"), exports);
 __exportStar(require("./Chevron"), exports);
 __exportStar(require("./Close"), exports);
-__exportStar(require("./Confirm"), exports);
+__exportStar(require("./Confirm/Dialog"), exports);
 __exportStar(require("./Dropdown"), exports);
 __exportStar(require("./DropdownList"), exports);
 __exportStar(require("./FlexColumn"), exports);
@@ -33,7 +33,7 @@ __exportStar(require("./Prompt"), exports);
 __exportStar(require("./RowOrColumn"), exports);
 __exportStar(require("./Search"), exports);
 __exportStar(require("./Sidebar"), exports);
-__exportStar(require("./Sparkline"), exports);
+__exportStar(require("./SparkLine"), exports);
 __exportStar(require("./Table"), exports);
 __exportStar(require("./TextEdit"), exports);
 __exportStar(require("./Toast"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.207",
+  "version": "0.0.210",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
@@ -9,10 +9,10 @@
   "packageManager": "yarn@3.2.0",
   "scripts": {
     "format": "npx eslint --ext .ts,.tsx ./src --fix",
-    "build": "rimraf dist && yarn checklint && tsc && rimraf dist/story",
-    "checklint": "npx eslint --ext .ts,.tsx ./src",
-    "storybook": "cross-env BROWSER=none start-storybook -p 6006",
-    "build-storybook": "build-storybook -o docs"
+    "build": "rimraf dist && yarn lint && tsc && rimraf dist/story",
+    "lint": "npx eslint --ext .ts,.tsx ./src",
+    "start": "cross-env BROWSER=none start-storybook -p 6006",
+    "build-storybook": "build-storybook -o docs --quiet"
   },
   "dependencies": {
     "aws-cdk-lib": "2.x",