ag-common 0.0.553 → 0.0.555

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

@@ -12,21 +12,19 @@ const Base = styled_1.default.div `
   display: flex;
   flex-flow: column;
   flex-grow: 1;
+  width: 100%;
+  height: 100%;
   &[data-center='true'] {
     justify-content: center;
     align-items: center;
   }
   &[data-nogrow='true'] {
     flex-grow: 0;
-  }
-  overflow: visible;
-  &[data-enableoverflow='false'] {
-    overflow: hidden;
-    max-width: 100%;
+    width: unset;
   }
 `;
 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));
+    var _a, _b;
+    return (react_1.default.createElement(Base, Object.assign({ "data-nogrow": (_a = props.noGrow) !== null && _a !== void 0 ? _a : false, "data-center": (_b = props.center) !== null && _b !== void 0 ? _b : false }, props), props.children));
 };
 exports.FlexColumn = FlexColumn;

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

@@ -30,13 +30,9 @@ const Base = styled_1.default.div `
     justify-content: center;
     align-items: center;
   }
-
-  &[data-enableoverflow='true'] {
-    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));
+    var _a, _b, _c;
+    return (react_1.default.createElement(Base, Object.assign({ "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 }, props), props.children));
 };
 exports.FlexRow = FlexRow;

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

@@ -16,6 +16,10 @@ exports.IconF = styled_1.default.span `
   align-items: center;
   font-size: 2rem;
   cursor: inherit;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: unset;
   &[data-chnd='true'] {
     cursor: pointer;
     &:hover {
@@ -53,7 +57,7 @@ const Icon = (pr) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const { className, children, disabled, onClick } = pr;
     const CHND = pr.canHover && !pr.disabled;
-    const style = (0, object_1.removeUndefValuesFromObject)(Object.assign(Object.assign({}, ((_a = pr === null || pr === void 0 ? void 0 : pr.style) !== null && _a !== void 0 ? _a : {})), { '--fill': (_c = (_b = pr.style) === null || _b === void 0 ? void 0 : _b.fill) !== null && _c !== void 0 ? _c : null, width: ((_d = pr.style) === null || _d === void 0 ? void 0 : _d.width) || '100%', height: ((_e = pr.style) === null || _e === void 0 ? void 0 : _e.height) || '100%', padding: ((_f = pr.style) === null || _f === void 0 ? void 0 : _f.padding) || '0', margin: ((_g = pr.style) === null || _g === void 0 ? void 0 : _g.margin) || 'unset', transform: !pr.rotate ? null : `rotate(${pr.rotate || 0}deg)`, 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": !!((_h = pr.style) === null || _h === void 0 ? void 0 : _h.fill) }), children));
+    const style = (0, object_1.removeUndefValuesFromObject)(Object.assign(Object.assign({}, ((_a = pr === null || pr === void 0 ? void 0 : pr.style) !== null && _a !== void 0 ? _a : {})), { '--fill': (_c = (_b = pr.style) === null || _b === void 0 ? void 0 : _b.fill) !== null && _c !== void 0 ? _c : null, width: (_d = pr.style) === null || _d === void 0 ? void 0 : _d.width, height: (_e = pr.style) === null || _e === void 0 ? void 0 : _e.height, padding: (_f = pr.style) === null || _f === void 0 ? void 0 : _f.padding, margin: (_g = pr.style) === null || _g === void 0 ? void 0 : _g.margin, transform: !pr.rotate ? null : `rotate(${pr.rotate || 0}deg)`, 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": !!((_h = pr.style) === null || _h === void 0 ? void 0 : _h.fill), "data-type": "iconbox" }), children));
 };
 exports.Icon = Icon;

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

@@ -0,0 +1,16 @@
+import type { CSSProperties } from 'react';
+import React from 'react';
+export interface IRadioGroup<T> {
+    /**
+     * can overload the render of the label. defaults to toString
+     */
+    renderLabel?: (a: T, selected: boolean) => JSX.Element;
+    defaultIndex: number;
+    onSubmit: (val: T, index: number) => void;
+    values: T[];
+    className?: string;
+    style?: CSSProperties;
+    /** default horiz */
+    mode?: 'vert' | 'horiz';
+}
+export declare const RadioGroup: <T>(p: IRadioGroup<T>) => React.JSX.Element;

package/dist/ui/components/{TextEdit/RadioGroup.js → RadioGroup/Base.js}

@@ -31,25 +31,42 @@ exports.RadioGroup = void 0;
 const styled_1 = __importDefault(require("@emotion/styled"));
 const react_1 = __importStar(require("react"));
 const common_1 = require("../../styles/common");
-const FlexColumn_1 = require("../FlexColumn");
-const common_2 = require("./common");
-const Label = styled_1.default.label ``;
-const RadioGroup = ({ defaultValue, onSubmit, values, 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-renderLabel = (e) => e.toString(), 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-renderValue = (e) => e.toString(), }) => {
-    const [value, setValue] = (0, react_1.useState)(renderValue(defaultValue));
-    (0, react_1.useEffect)(() => {
-        const rv = renderValue(defaultValue);
-        if (value !== rv) {
-            setValue(rv);
-        }
-    }, [defaultValue, renderValue, value]);
-    return (react_1.default.createElement(common_2.ValueBox, Object.assign({}, common_1.noDrag), values.map((v) => (
+const Base = styled_1.default.div `
+  display: flex;
+  flex-flow: row;
+  &[data-mode='vert'] {
+    flex-flow: column;
+  }
+  border-radius: 2rem;
+  overflow: hidden;
+  justify-content: space-between;
+`;
+const Label = styled_1.default.label `
+  text-align: center;
+  overflow: hidden;
+
+  &[data-selected='true'] {
+    cursor: default;
+  }
+  &[data-selected='false'] {
+    cursor: pointer;
+  }
+`;
+const RadioGroup = (p) => {
+    var _a, _b;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    react_1.default.createElement(FlexColumn_1.FlexColumn, { key: v.toString() },
-        react_1.default.createElement(Label, null, renderLabel(v)),
-        react_1.default.createElement("input", { type: "radio", key: renderValue(v), value: renderValue(v), checked: renderValue(v) === value, onChange: () => onSubmit(v) }))))));
+    const { renderLabel = (x) => x.toString() } = p;
+    const [index, setIndex] = (0, react_1.useState)((_a = p.defaultIndex) !== null && _a !== void 0 ? _a : 0);
+    return (react_1.default.createElement(Base, Object.assign({}, common_1.noDrag, { className: p.className, style: p.style, "data-mode": (_b = p.mode) !== null && _b !== void 0 ? _b : 'horiz' }), p.values.map((v, i) => (react_1.default.createElement(Label
+    // eslint-disable-next-line react/no-array-index-key
+    , { 
+        // eslint-disable-next-line react/no-array-index-key
+        key: i.toString(), "data-selected": index === i, onClick: () => {
+            if (index === i) {
+                return;
+            }
+            setIndex(i);
+            p.onSubmit(v, i);
+        } }, renderLabel(v, index === i))))));
 };
 exports.RadioGroup = RadioGroup;

package/dist/ui/components/RadioGroup/DarkMode.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { TDarkMode } from './types';
+export interface IDarkMode {
+    onSubmit?: (p: TDarkMode) => void;
+    /** default horiz */
+    mode?: 'vert' | 'horiz';
+    /** default 2.5rem */
+    iconSize?: string;
+    className?: string;
+    cookieDocument: string;
+}
+/** shows darkmode toggle. Persists to cookie, and modifies html classList with either dark-mode or light-mode */
+export declare const DarkMode: (p: IDarkMode) => React.JSX.Element;

package/dist/ui/components/RadioGroup/DarkMode.js

@@ -0,0 +1,94 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DarkMode = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importDefault(require("react"));
+const use_1 = require("../../helpers/cookie/use");
+const icons_1 = require("../../icons");
+const FlexColumn_1 = require("../FlexColumn");
+const Icon_1 = require("../Icon");
+const Base_1 = require("./Base");
+const types_1 = require("./types");
+const IconStyled = (0, styled_1.default)(Icon_1.Icon) `
+  > svg {
+    height: 60%;
+  }
+`;
+const Label = (0, styled_1.default)(FlexColumn_1.FlexColumn) `
+  border-radius: 50%;
+  overflow: hidden;
+  &[data-selected='true'] {
+    background-color: white;
+  }
+`;
+const getColours = (p, vert) => {
+    const deg = vert ? '180deg' : '90deg';
+    switch (p) {
+        case types_1.TDarkMode.dark: {
+            const d1 = 'rgba(173,128,227,1)';
+            const d2 = 'rgba(106,44,181,1)';
+            return [d1, `linear-gradient(${deg}, ${d1} 0%, ${d2} 76%)`];
+        }
+        case types_1.TDarkMode.light: {
+            const l1 = 'rgba(255,169,54,1)';
+            const l2 = 'rgba(255,189,100,1)';
+            return [l1, `linear-gradient(${deg}, ${l1} 0%, ${l2} 76%)`];
+        }
+        case types_1.TDarkMode.system: {
+            return ['green', 'green'];
+        }
+    }
+};
+const modes = [
+    { mode: types_1.TDarkMode.dark, icon: icons_1.Moon },
+    { mode: types_1.TDarkMode.system, icon: icons_1.Computer },
+    { mode: types_1.TDarkMode.light, icon: icons_1.Sun },
+];
+/** shows darkmode toggle. Persists to cookie, and modifies html classList with either dark-mode or light-mode */
+const DarkMode = (p) => {
+    const { iconSize = '2.5rem' } = p;
+    const [darkmode, setDarkmodeRaw] = (0, use_1.useCookie)({
+        defaultValue: types_1.TDarkMode.system,
+        name: 'darkmode',
+        cookieDocument: p.cookieDocument,
+        parse: (v) => Number(v),
+        stringify: (v) => v.toString(),
+    });
+    const index = modes.findIndex((d) => d.mode === darkmode);
+    const [fill, background] = getColours(modes[index].mode, p.mode === 'vert');
+    const twCalc = `calc(${iconSize} + ${iconSize} + ${iconSize} + 20px)`;
+    const setDarkmode = (newDarkMode) => {
+        var _a;
+        let className = '';
+        if (newDarkMode === types_1.TDarkMode.dark) {
+            className += 'dark-mode';
+        }
+        else if (newDarkMode === types_1.TDarkMode.light) {
+            className += 'light-mode';
+        }
+        else {
+            className = '';
+        }
+        document.getElementsByTagName('html')[0].classList.remove('dark-mode');
+        document.getElementsByTagName('html')[0].classList.remove('light-mode');
+        if (className) {
+            document.getElementsByTagName('html')[0].classList.add(className);
+        }
+        setDarkmodeRaw(newDarkMode);
+        (_a = p.onSubmit) === null || _a === void 0 ? void 0 : _a.call(p, newDarkMode);
+    };
+    return (react_1.default.createElement(Base_1.RadioGroup, { className: p.className, mode: p.mode, values: modes, defaultIndex: index, onSubmit: ({ mode }) => {
+            setDarkmode(mode);
+        }, style: Object.assign({ background, border: `solid 2px ${fill}`, width: twCalc, height: iconSize }, (p.mode === 'vert' && {
+            width: iconSize,
+            height: twCalc,
+        })), renderLabel: (v, selected) => {
+            return (react_1.default.createElement(Label, { "data-selected": selected, style: { width: iconSize, height: iconSize } },
+                react_1.default.createElement(IconStyled, null, v.icon({ style: { fill: selected ? fill : 'white' } }))));
+        } }));
+};
+exports.DarkMode = DarkMode;

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

@@ -0,0 +1,2 @@
+export * from './Base';
+export * from './DarkMode';

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

@@ -0,0 +1,18 @@
+"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("./DarkMode"), exports);

package/dist/ui/components/RadioGroup/types.d.ts

@@ -0,0 +1,5 @@
+export declare enum TDarkMode {
+    'dark' = 0,
+    'light' = 1,
+    'system' = 2
+}

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TDarkMode = void 0;
+var TDarkMode;
+(function (TDarkMode) {
+    TDarkMode[TDarkMode["dark"] = 0] = "dark";
+    TDarkMode[TDarkMode["light"] = 1] = "light";
+    TDarkMode[TDarkMode["system"] = 2] = "system";
+})(TDarkMode || (exports.TDarkMode = TDarkMode = {}));

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

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 import React from 'react';
 export interface IRowOrColumn {
     noGrow?: boolean;
@@ -6,8 +6,8 @@ export interface IRowOrColumn {
     noWrap?: boolean;
     children: ReactNode;
     className?: string;
-    title?: string;
-    enableOverflow?: boolean;
+    break?: 'small' | 'vsmall';
+    style?: CSSProperties;
 }
 export type IFlexColumn = IRowOrColumn;
 export type IFlexRow = IRowOrColumn;

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

@@ -10,7 +10,7 @@ const react_1 = __importDefault(require("react"));
 const media_1 = require("../../styles/media");
 const Base = styled_1.default.div `
   display: flex;
-  flex-flow: row wrap;
+  flex-flow: row;
   flex-grow: 1;
   width: 100%;
   @media ${media_1.bigScreen} {
@@ -18,10 +18,16 @@ const Base = styled_1.default.div `
       flex-flow: row;
     }
   }
+  &[data-break='small'] {
+    @media ${media_1.smallScreen} {
+      flex-flow: column;
+    }
+  }
 
-  @media ${media_1.smallScreen} {
-    flex-flow: column;
-    overflow: unset;
+  &[data-break='vsmall'] {
+    @media ${media_1.vSmallScreen} {
+      flex-flow: column;
+    }
   }
 
   &[data-center='true'] {
@@ -32,12 +38,9 @@ const Base = styled_1.default.div `
     flex-grow: 0;
     width: auto;
   }
-  &[data-enableoverflow='true'] {
-    overflow: visible;
-  }
 `;
 const RowOrColumn = (props) => {
     var _a, _b, _c, _d;
-    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-nowrap": (_c = props.noWrap) !== null && _c !== void 0 ? _c : false, "data-enableoverflow": (_d = props.enableOverflow) !== null && _d !== void 0 ? _d : false }, props), props.children));
+    return (react_1.default.createElement(Base, Object.assign({ "data-nogrow": (_a = props.noGrow) !== null && _a !== void 0 ? _a : false, "data-center": (_b = props.center) !== null && _b !== void 0 ? _b : false, "data-nowrap": (_c = props.noWrap) !== null && _c !== void 0 ? _c : false }, props, { "data-break": (_d = props.break) !== null && _d !== void 0 ? _d : 'small' }), props.children));
 };
 exports.RowOrColumn = RowOrColumn;

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

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { ISearchInline } from './types';
-export declare const SearchInline: <T>(p: ISearchInline<T>) => React.JSX.Element;
+import type { ISearchDialog } from './types';
+export declare const SearchInline: <T>(p: ISearchDialog<T>) => React.JSX.Element;

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

@@ -1,10 +1,127 @@
 "use strict";
+'use client';
+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.SearchInline = void 0;
-const react_1 = __importDefault(require("react"));
-const Base_1 = require("./Base");
-const SearchInline = (p) => (react_1.default.createElement(Base_1.SearchBase, Object.assign({}, p)));
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importStar(require("react"));
+const array_1 = require("../../../common/helpers/array");
+const styles_1 = require("../../styles");
+const SearchBox_1 = require("./SearchBox");
+const Base = styled_1.default.div `
+  display: flex;
+  flex-flow: column;
+  flex-grow: 1;
+  width: 100%;
+  height: calc(100% - 1rem);
+  @media ${styles_1.smallScreen} {
+    height: calc(100% - 0.5rem);
+  }
+`;
+const Content = styled_1.default.div `
+  width: calc(100% - 2rem);
+  margin: auto;
+  display: flex;
+  flex-flow: column;
+  justify-content: flex-start;
+  align-items: center;
+  max-height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  flex-grow: 1;
+  &[data-hasitems='true'] {
+    padding-bottom: 0.5rem;
+  }
+  @media ${styles_1.smallScreen} {
+    margin: 0;
+    width: calc(100% - 0.5rem);
+  }
+`;
+const RowCount = styled_1.default.div `
+  width: 100%;
+  text-align: center;
+  width: fit-content;
+  text-decoration-color: currentcolor;
+  text-decoration: underline;
+
+  &[data-top='true'] {
+    padding-bottom: 0.5rem;
+  }
+  &[data-top='false'] {
+    padding-top: 0.5rem;
+  }
+`;
+const SearchInline = (p) => {
+    var _a, _b, _c, _d, _e, _f;
+    const { maxDisplayItems = 1000 } = p;
+    const rowCountOptDisplay = (_b = (_a = p === null || p === void 0 ? void 0 : p.rowCountOpt) === null || _a === void 0 ? void 0 : _a.display) !== null && _b !== void 0 ? _b : 'bottom';
+    const [searchText, setSearchText] = (0, react_1.useState)((_c = p.defaultValue) !== null && _c !== void 0 ? _c : '');
+    (0, react_1.useImperativeHandle)(p.textBoxRef, () => ({
+        setValue: (v) => {
+            var _a, _b;
+            const value = (_a = textBoxRef === null || textBoxRef === void 0 ? void 0 : textBoxRef.current) === null || _a === void 0 ? void 0 : _a.getValue();
+            if (v === value) {
+                return;
+            }
+            (_b = textBoxRef === null || textBoxRef === void 0 ? void 0 : textBoxRef.current) === null || _b === void 0 ? void 0 : _b.setValue(v);
+            setSearchText(v);
+        },
+        focus: () => { var _a; return (_a = textBoxRef === null || textBoxRef === void 0 ? void 0 : textBoxRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
+        getValue: () => { var _a; return (_a = textBoxRef === null || textBoxRef === void 0 ? void 0 : textBoxRef.current) === null || _a === void 0 ? void 0 : _a.getValue(); },
+    }));
+    const textBoxRef = (0, react_1.useRef)(null);
+    const resWrap = (foundItem, target) => {
+        var _a, _b;
+        if (!foundItem) {
+            (_a = p.onSelectItem) === null || _a === void 0 ? void 0 : _a.call(p, undefined);
+        }
+        else {
+            (_b = p.onSelectItem) === null || _b === void 0 ? void 0 : _b.call(p, { foundItem, searchText, target });
+        }
+    };
+    const filteredItemsRaw = p.displayItems.filter((i) => p.willDisplayItem(searchText, i));
+    const { part: filteredItems } = (0, array_1.take)(filteredItemsRaw, maxDisplayItems < 0 ? filteredItemsRaw.length : maxDisplayItems);
+    const outdiff = filteredItems.length !== p.displayItems.length;
+    const showText = (_f = (_e = (_d = p.texts) === null || _d === void 0 ? void 0 : _d.totalItems) === null || _e === void 0 ? void 0 : _e.call(_d, filteredItems.length, p.displayItems.length)) !== null && _f !== void 0 ? _f : `Showing ${filteredItems.length} out of ${p.displayItems.length} total
+  items`;
+    return (react_1.default.createElement(Base, { className: p.className },
+        react_1.default.createElement(SearchBox_1.SearchBox, Object.assign({}, p, { searchText: searchText, setSearchText: (t) => {
+                var _a;
+                setSearchText(t);
+                (_a = p.onSearchTextChange) === null || _a === void 0 ? void 0 : _a.call(p, t);
+            }, textBoxRef: textBoxRef })),
+        react_1.default.createElement(Content, { "data-hasitems": !!filteredItems.length, "data-type": "content" },
+            rowCountOptDisplay === 'top' && outdiff && (react_1.default.createElement(RowCount, { "data-top": "true" }, showText)),
+            filteredItems.map((item, index) => (0, react_1.cloneElement)(p.renderItem({ searchText, item, index }), {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                onClick: (e) => resWrap(item, e.target),
+            })),
+            rowCountOptDisplay === 'bottom' && outdiff && (react_1.default.createElement(RowCount, { "data-top": "false" }, showText)))));
+};
 exports.SearchInline = SearchInline;

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

@@ -9,7 +9,7 @@ const styled_1 = __importDefault(require("@emotion/styled"));
 const react_1 = __importDefault(require("react"));
 const styles_1 = require("../../styles");
 const Modal_1 = require("../Modal/Modal");
-const Base_1 = require("./Base");
+const Inline_1 = require("./Inline");
 const ModalStyled = (0, styled_1.default)(Modal_1.Modal) `
   display: flex;
   flex-flow: column;
@@ -24,5 +24,5 @@ const ModalStyled = (0, styled_1.default)(Modal_1.Modal) `
   }
 `;
 const SearchModal = (p) => (react_1.default.createElement(ModalStyled, { position: "center", topPosition: "center", open: true, setOpen: () => { var _a; return (_a = p === null || p === void 0 ? void 0 : p.onSelectItem) === null || _a === void 0 ? void 0 : _a.call(p, undefined); }, showCloseButton: false, closeOnClickOutside: true },
-    react_1.default.createElement(Base_1.SearchBase, Object.assign({}, p))));
+    react_1.default.createElement(Inline_1.SearchInline, Object.assign({}, p))));
 exports.SearchModal = SearchModal;

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

@@ -1,6 +1,6 @@
 export * from './AutoHideSearchBox';
-export * from './Base';
 export * from './Dialog';
 export * from './Inline';
 export * from './Modal';
+export * from './SearchBox';
 export * from './types';

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

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

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

@@ -46,5 +46,4 @@ export interface ISearchDialog<T> {
         display?: 'bottom' | 'top' | 'off';
     };
 }
-export type ISearchInline<T> = ISearchDialog<T>;
 export type ISearchModal<T> = ISearchDialog<T>;

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

@@ -78,7 +78,7 @@ allowUndo = true, rightSpan, className, }) => {
                 }
                 e.stopPropagation();
             } }),
-        allowUndo && value !== defaultValue && (react_1.default.createElement(Icons, { center: true, enableOverflow: true },
+        allowUndo && value !== defaultValue && (react_1.default.createElement(Icons, { center: true },
             react_1.default.createElement(common_2.IconD, { style: common_2.iconLeft, onClick: (e) => {
                     if (value !== defaultValue) {
                         onSubmit(value);

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

@@ -1,6 +1,5 @@
 export * from './CheckboxEdit';
 export * from './ColourEdit';
 export * from './ListboxEdit';
-export * from './RadioGroup';
 export * from './TextEdit';
 export * from './types';

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

@@ -17,6 +17,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./CheckboxEdit"), exports);
 __exportStar(require("./ColourEdit"), exports);
 __exportStar(require("./ListboxEdit"), exports);
-__exportStar(require("./RadioGroup"), exports);
 __exportStar(require("./TextEdit"), exports);
 __exportStar(require("./types"), exports);

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

@@ -19,6 +19,7 @@ export * from './OpenApiCodeBlock';
 export * from './PieChart';
 export * from './ProgressBar';
 export * from './Prompt';
+export * from './RadioGroup';
 export * from './RowOrColumn';
 export * from './Search';
 export * from './Sidebar';

package/dist/ui/components/index.js

@@ -35,6 +35,7 @@ __exportStar(require("./OpenApiCodeBlock"), exports);
 __exportStar(require("./PieChart"), exports);
 __exportStar(require("./ProgressBar"), exports);
 __exportStar(require("./Prompt"), exports);
+__exportStar(require("./RadioGroup"), exports);
 __exportStar(require("./RowOrColumn"), exports);
 __exportStar(require("./Search"), exports);
 __exportStar(require("./Sidebar"), exports);

package/dist/ui/helpers/cookie/get.js

@@ -12,7 +12,7 @@ const raw_1 = require("./raw");
  */
 function getCookieRawWrapper({ name, cookieDocument, defaultValue, parse: parseRaw, }) {
     const parse = (s) => {
-        if (!s) {
+        if (s === undefined || s === null) {
             return defaultValue;
         }
         if (parseRaw) {
@@ -28,7 +28,7 @@ function getCookieRawWrapper({ name, cookieDocument, defaultValue, parse: parseR
             name: name + currentCount,
             cookieDocument,
         });
-        if (!newv) {
+        if (newv === undefined || newv === null) {
             break;
         }
         raw += newv;

package/dist/ui/helpers/cookie/set.js

@@ -18,7 +18,7 @@ function setCookieRawWrapper(p) {
         return JSON.stringify(s);
     };
     (0, raw_1.wipeCookies)(p.name);
-    if (!p.value) {
+    if (p.value === undefined) {
         return;
     }
     const str = (0, base64_1.toBase64)(stringify(p.value));

package/dist/ui/helpers/cookie/use.js

@@ -5,6 +5,7 @@ const react_1 = require("react");
 const get_1 = require("./get");
 const set_1 = require("./set");
 function useCookie(p) {
+    var _a;
     const parse = (s) => {
         if (!s) {
             return p.defaultValue;
@@ -20,7 +21,7 @@ function useCookie(p) {
         }
         return JSON.stringify(s);
     };
-    const [cookie, setCookie] = (0, react_1.useState)((0, get_1.getCookieRawWrapper)(Object.assign(Object.assign({}, p), { parse })) || p.defaultValue);
+    const [cookie, setCookie] = (0, react_1.useState)((_a = (0, get_1.getCookieRawWrapper)(Object.assign(Object.assign({}, p), { parse }))) !== null && _a !== void 0 ? _a : p.defaultValue);
     const setState = (valueRaw) => {
         const value = (valueRaw instanceof Function ? valueRaw(cookie) : valueRaw);
         (0, set_1.setCookieRawWrapper)(Object.assign(Object.assign({}, p), { stringify, value }));
@@ -29,7 +30,10 @@ function useCookie(p) {
     return [cookie, setState];
 }
 exports.useCookie = useCookie;
-const useCookieString = (p) => useCookie(Object.assign(Object.assign({}, p), { parse: (s) => s || '', stringify: (s) => s, defaultValue: p.defaultValue || '' }));
+const useCookieString = (p) => {
+    var _a;
+    return useCookie(Object.assign(Object.assign({}, p), { parse: (s) => s !== null && s !== void 0 ? s : '', stringify: (s) => s, defaultValue: (_a = p.defaultValue) !== null && _a !== void 0 ? _a : '' }));
+};
 exports.useCookieString = useCookieString;
 const useCookieNumber = (p) => useCookie(Object.assign(Object.assign({}, p), { parse: (s) => (!s ? undefined : Number.parseFloat(s)), stringify: (s) => (!s ? '' : s.toString()), defaultValue: p.defaultValue }));
 exports.useCookieNumber = useCookieNumber;

package/dist/ui/icons/Checkmark.js

@@ -7,7 +7,7 @@ exports.Checkmark = void 0;
 const react_1 = __importDefault(require("react"));
 const Checkmark = ({ style, }) => {
     var _a;
-    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "2 2 20 20", style: Object.assign(Object.assign({}, style), { fill: undefined }) },
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "2 2 20 20", style: Object.assign({}, style) },
         react_1.default.createElement("path", { fill: "none", stroke: (_a = style === null || style === void 0 ? void 0 : style.fill) !== null && _a !== void 0 ? _a : '#000', strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M8 12.333 10.461 15 16 9m5 3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" })));
 };
 exports.Checkmark = Checkmark;

package/dist/ui/icons/Circle.js

@@ -7,7 +7,7 @@ exports.Circle = void 0;
 const react_1 = __importDefault(require("react"));
 const Circle = ({ style, dotted = false, }) => {
     var _a;
-    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "2 2 20 20", style: Object.assign(Object.assign({}, style), { fill: undefined }) },
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "2 2 20 20", style: Object.assign({}, style) },
         react_1.default.createElement("path", { fill: "none", stroke: (_a = style === null || style === void 0 ? void 0 : style.fill) !== null && _a !== void 0 ? _a : '#000', strokeLinecap: "round", strokeLinejoin: "round", strokeDasharray: !dotted ? '' : '4 4', strokeWidth: "2", d: "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" })));
 };
 exports.Circle = Circle;

package/dist/ui/icons/Computer.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from 'react';
+import React from 'react';
+export declare const Computer: ({ style, }: {
+    style?: ({
+        /** change the colour of the icon. default black */
+        fill?: string | undefined;
+    } & CSSProperties) | undefined;
+}) => React.JSX.Element;

package/dist/ui/icons/Computer.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Computer = void 0;
+const react_1 = __importDefault(require("react"));
+const Computer = ({ style, }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", style: Object.assign({}, style) },
+    react_1.default.createElement("path", { fillRule: "evenodd", d: "M2 6a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-6v1h2a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2h2v-1H5a3 3 0 0 1-3-3V6Zm3-1a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H5Z", clipRule: "evenodd" })));
+exports.Computer = Computer;

package/dist/ui/icons/Magnify.js

@@ -7,7 +7,7 @@ exports.Magnify = void 0;
 const react_1 = __importDefault(require("react"));
 const Magnify = ({ style, }) => {
     var _a;
-    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 490 490" },
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 490 490", style: Object.assign({}, style) },
         react_1.default.createElement("path", { fill: "none", stroke: (_a = style === null || style === void 0 ? void 0 : style.fill) !== null && _a !== void 0 ? _a : 'black', strokeWidth: "36", strokeLinecap: "round", d: "M280 278a153 153 0 1 0-2 2l170 170m-91-117 110 110-26 26-110-110" })));
 };
 exports.Magnify = Magnify;

package/dist/ui/icons/Moon.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from 'react';
+import React from 'react';
+export declare const Moon: ({ style, }: {
+    style?: ({
+        /** change the colour of the icon. default black */
+        fill?: string | undefined;
+    } & CSSProperties) | undefined;
+}) => React.JSX.Element;

package/dist/ui/icons/Moon.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Moon = void 0;
+const react_1 = __importDefault(require("react"));
+const Moon = ({ style, }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 35 35", style: Object.assign({}, style) },
+    react_1.default.createElement("path", { d: "M18.44 34.68a18.22 18.22 0 0 1-2.94-.24 18.18 18.18 0 0 1-15-20.86A18.06 18.06 0 0 1 9.59.63a2.42 2.42 0 0 1 2.61.16 2.39 2.39 0 0 1 1 2.41l-1.3-.1 1.23.22A15.66 15.66 0 0 0 23.34 21a15.82 15.82 0 0 0 8.47.53A2.44 2.44 0 0 1 34.47 25a18.18 18.18 0 0 1-16.03 9.68ZM10.67 2.89a15.67 15.67 0 0 0-5 22.77A15.66 15.66 0 0 0 32.18 24a18.49 18.49 0 0 1-9.65-.64A18.18 18.18 0 0 1 10.67 2.89Z" })));
+exports.Moon = Moon;

package/dist/ui/icons/Sun.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const Sun: (p: {
+    style: {
+        fill: string;
+    };
+}) => React.JSX.Element;

package/dist/ui/icons/Sun.js

@@ -0,0 +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.Sun = void 0;
+const react_1 = __importDefault(require("react"));
+const Sun = (p) => {
+    var _a, _b;
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+        react_1.default.createElement("g", { stroke: (_b = (_a = p === null || p === void 0 ? void 0 : p.style) === null || _a === void 0 ? void 0 : _a.fill) !== null && _b !== void 0 ? _b : 'black', strokeMiterlimit: "10", strokeWidth: "1.5", clipPath: "url(#a)" },
+            react_1.default.createElement("path", { strokeLinecap: "round", d: "M5 12H1m22 0h-4M7.05 7.05 4.222 4.222m15.556 15.556L16.95 16.95m-9.9 0-2.828 2.828M19.778 4.222 16.95 7.05" }),
+            react_1.default.createElement("path", { fillOpacity: "0", d: "M12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z" }),
+            react_1.default.createElement("path", { strokeLinecap: "round", d: "M12 19v4m0-22v4" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("clipPath", { id: "a" },
+                react_1.default.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" })))));
+};
+exports.Sun = Sun;

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

@@ -2,13 +2,16 @@ export * from './Checkmark';
 export * from './ChevronRight';
 export * from './Circle';
 export * from './CircleDot';
+export * from './Computer';
 export * from './CrossIcon';
 export * from './Door';
 export * from './Hamburger';
 export * from './HorizontalDots';
 export * from './Magnify';
+export * from './Moon';
 export * from './Pencil';
 export * from './Save';
+export * from './Sun';
 export * from './Undo';
 export * from './UserOutline';
 export * from './Warning';

package/dist/ui/icons/index.js

@@ -18,13 +18,16 @@ __exportStar(require("./Checkmark"), exports);
 __exportStar(require("./ChevronRight"), exports);
 __exportStar(require("./Circle"), exports);
 __exportStar(require("./CircleDot"), exports);
+__exportStar(require("./Computer"), exports);
 __exportStar(require("./CrossIcon"), exports);
 __exportStar(require("./Door"), exports);
 __exportStar(require("./Hamburger"), exports);
 __exportStar(require("./HorizontalDots"), exports);
 __exportStar(require("./Magnify"), exports);
+__exportStar(require("./Moon"), exports);
 __exportStar(require("./Pencil"), exports);
 __exportStar(require("./Save"), exports);
+__exportStar(require("./Sun"), exports);
 __exportStar(require("./Undo"), exports);
 __exportStar(require("./UserOutline"), exports);
 __exportStar(require("./Warning"), exports);

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.553",
+  "version": "0.0.555",
   "name": "ag-common",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { ISearchDialog } from './types';
-type ISearchBase<T> = ISearchDialog<T>;
-export declare const SearchBase: <T>(p: ISearchBase<T>) => React.JSX.Element;
-export {};

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

@@ -1,127 +0,0 @@
-"use strict";
-'use client';
-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.SearchBase = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = __importStar(require("react"));
-const array_1 = require("../../../common/helpers/array");
-const styles_1 = require("../../styles");
-const SearchBox_1 = require("./SearchBox");
-const Base = styled_1.default.div `
-  display: flex;
-  flex-flow: column;
-  flex-grow: 1;
-  width: 100%;
-  height: calc(100% - 1rem);
-  @media ${styles_1.smallScreen} {
-    height: calc(100% - 0.5rem);
-  }
-`;
-const Content = styled_1.default.div `
-  width: calc(100% - 2rem);
-  margin: auto;
-  display: flex;
-  flex-flow: column;
-  justify-content: flex-start;
-  align-items: center;
-  max-height: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
-
-  flex-grow: 1;
-  &[data-hasitems='true'] {
-    padding-bottom: 0.5rem;
-  }
-  @media ${styles_1.smallScreen} {
-    margin: 0;
-    width: calc(100% - 0.5rem);
-  }
-`;
-const RowCount = styled_1.default.div `
-  width: 100%;
-  text-align: center;
-  width: fit-content;
-  text-decoration-color: currentcolor;
-  text-decoration: underline;
-
-  &[data-top='true'] {
-    padding-bottom: 0.5rem;
-  }
-  &[data-top='false'] {
-    padding-top: 0.5rem;
-  }
-`;
-const SearchBase = (p) => {
-    var _a, _b, _c, _d, _e, _f;
-    const { maxDisplayItems = 1000 } = p;
-    const rowCountOptDisplay = (_b = (_a = p === null || p === void 0 ? void 0 : p.rowCountOpt) === null || _a === void 0 ? void 0 : _a.display) !== null && _b !== void 0 ? _b : 'bottom';
-    const [searchText, setSearchText] = (0, react_1.useState)((_c = p.defaultValue) !== null && _c !== void 0 ? _c : '');
-    (0, react_1.useImperativeHandle)(p.textBoxRef, () => ({
-        setValue: (v) => {
-            var _a, _b;
-            const value = (_a = divRef === null || divRef === void 0 ? void 0 : divRef.current) === null || _a === void 0 ? void 0 : _a.getValue();
-            if (v === value) {
-                return;
-            }
-            (_b = divRef === null || divRef === void 0 ? void 0 : divRef.current) === null || _b === void 0 ? void 0 : _b.setValue(v);
-            setSearchText(v);
-        },
-        focus: () => { var _a; return (_a = divRef === null || divRef === void 0 ? void 0 : divRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
-        getValue: () => { var _a; return (_a = divRef === null || divRef === void 0 ? void 0 : divRef.current) === null || _a === void 0 ? void 0 : _a.getValue(); },
-    }));
-    const divRef = (0, react_1.useRef)(null);
-    const resWrap = (foundItem, target) => {
-        var _a, _b;
-        if (!foundItem) {
-            (_a = p.onSelectItem) === null || _a === void 0 ? void 0 : _a.call(p, undefined);
-        }
-        else {
-            (_b = p.onSelectItem) === null || _b === void 0 ? void 0 : _b.call(p, { foundItem, searchText, target });
-        }
-    };
-    const filteredItemsRaw = p.displayItems.filter((i) => p.willDisplayItem(searchText, i));
-    const { part: filteredItems } = (0, array_1.take)(filteredItemsRaw, maxDisplayItems < 0 ? filteredItemsRaw.length : maxDisplayItems);
-    const outdiff = filteredItems.length !== p.displayItems.length;
-    const showText = (_f = (_e = (_d = p.texts) === null || _d === void 0 ? void 0 : _d.totalItems) === null || _e === void 0 ? void 0 : _e.call(_d, filteredItems.length, p.displayItems.length)) !== null && _f !== void 0 ? _f : `Showing ${filteredItems.length} out of ${p.displayItems.length} total
-  items`;
-    return (react_1.default.createElement(Base, { className: p.className },
-        react_1.default.createElement(SearchBox_1.SearchBox, Object.assign({}, p, { searchText: searchText, setSearchText: (t) => {
-                var _a;
-                setSearchText(t);
-                (_a = p.onSearchTextChange) === null || _a === void 0 ? void 0 : _a.call(p, t);
-            }, textBoxRef: divRef })),
-        react_1.default.createElement(Content, { "data-hasitems": !!filteredItems.length, "data-type": "content" },
-            rowCountOptDisplay === 'top' && outdiff && (react_1.default.createElement(RowCount, { "data-top": "true" }, showText)),
-            filteredItems.map((item, index) => (0, react_1.cloneElement)(p.renderItem({ searchText, item, index }), {
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                onClick: (e) => resWrap(item, e.target),
-            })),
-            rowCountOptDisplay === 'bottom' && outdiff && (react_1.default.createElement(RowCount, { "data-top": "false" }, showText)))));
-};
-exports.SearchBase = SearchBase;

package/dist/ui/components/TextEdit/RadioGroup.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export declare const RadioGroup: <T>({ defaultValue, onSubmit, values, renderLabel, renderValue, }: {
-    /**
-     * can overload the render of the label. defaults to toString
-     */
-    renderLabel?: ((a: T) => string) | undefined;
-    /**
-     * render the value from the generic T. defaults to toString
-     */
-    renderValue?: ((a: T) => string) | undefined;
-    defaultValue: T;
-    onSubmit: (val: T) => void;
-    values: T[];
-}) => React.JSX.Element;