ag-common 0.0.370 → 0.0.372

package/dist/api/helpers/dynamo.js

@@ -1,4 +1,27 @@
 "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 __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) {
@@ -8,20 +31,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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.getDynamoUpdates = exports.wipeTable = exports.getDynamoTtlMinutes = exports.getDynamoTtlDays = exports.queryDynamo = exports.getItemsDynamo = exports.getItemDynamo = exports.scan = exports.batchDelete = exports.batchWrite = exports.putDynamo = exports.setDynamo = exports.dynamoDb = void 0;
 const log_1 = require("../../common/helpers/log");
 const array_1 = require("../../common/helpers/array");
 const sleep_1 = require("../../common/helpers/sleep");
 const async_1 = require("../../common/helpers/async");
-const dynamodb_1 = __importDefault(require("aws-sdk/clients/dynamodb"));
+const dynamodb_1 = __importStar(require("aws-sdk/clients/dynamodb"));
 // eslint-disable-next-line import/no-mutable-exports
-exports.dynamoDb = new dynamodb_1.default.DocumentClient();
+exports.dynamoDb = new dynamodb_1.DocumentClient();
 const setDynamo = (region) => {
-    exports.dynamoDb = new dynamodb_1.default.DocumentClient({ region });
+    exports.dynamoDb = new dynamodb_1.DocumentClient({ region });
 };
 exports.setDynamo = setDynamo;
 const putDynamo = (item, tableName) => __awaiter(void 0, void 0, void 0, function* () {
@@ -207,7 +227,8 @@ const getItemsDynamo = ({ tableName, items, }) => __awaiter(void 0, void 0, void
     try {
         const res = yield dbRaw.batchGetItem(params).promise();
         (0, log_1.debug)(`got dynamo getitems=${JSON.stringify(res, null, 2)}`);
-        let ret = ((_f = (_e = res.Responses) === null || _e === void 0 ? void 0 : _e[tableName]) === null || _f === void 0 ? void 0 : _f.map((s) => dynamodb_1.default.Converter.unmarshall(s))) || [];
+        let ret = ((_f = (_e = res.Responses) === null || _e === void 0 ? void 0 : _e[tableName]) === null || _f === void 0 ? void 0 : _f.map((s) => dynamodb_1.Converter.unmarshall(s))) ||
+            [];
         return ret;
     }
     catch (e) {

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

@@ -15,8 +15,8 @@ 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 client_1 = require("react-dom/client");
 /**
  * opens a dialog programatically
  * @param param0
@@ -32,16 +32,17 @@ const ConfirmDialog = ({ bottomText, topText, }) => __awaiter(void 0, void 0, vo
         }
         const wrapper = document.body.appendChild(document.createElement('div'));
         wrapper.id = idName;
+        const root = (0, client_1.createRoot)(wrapper);
         const onSubmit = (v) => {
             try {
                 res(v);
             }
             finally {
-                react_dom_1.default.unmountComponentAtNode(wrapper);
+                root.unmount();
                 wrapper.remove();
             }
         };
-        react_dom_1.default.render(react_1.default.createElement(Modal_1.ConfirmModal, { bottomText: bottomText, topText: topText, onSubmit: onSubmit }), wrapper);
+        root.render(react_1.default.createElement(Modal_1.ConfirmModal, { bottomText: bottomText, topText: topText, onSubmit: onSubmit }));
     });
 });
 exports.ConfirmDialog = ConfirmDialog;

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

@@ -15,7 +15,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownListDialog = void 0;
 const index_1 = require("./index");
 const react_1 = __importDefault(require("react"));
-const react_dom_1 = __importDefault(require("react-dom"));
+const client_1 = require("react-dom/client");
 const DropdownListDialog = (p) => __awaiter(void 0, void 0, void 0, function* () {
     return new Promise((res) => {
         const id = 'ag-common-ddld';
@@ -28,11 +28,12 @@ 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`;
-        react_dom_1.default.render(react_1.default.createElement(index_1.DropdownList, Object.assign({}, p, { open: true, onChange: (v, i) => {
-                react_dom_1.default.unmountComponentAtNode(wrapper);
+        const root = (0, client_1.createRoot)(wrapper);
+        root.render(react_1.default.createElement(index_1.DropdownList, Object.assign({}, p, { open: true, onChange: (v, i) => {
+                root.unmount();
                 wrapper.remove();
                 res(!v ? undefined : [v, i]);
-            } }), "\u00A0"), wrapper);
+            } }), "\u00A0"));
     });
 });
 exports.DropdownListDialog = DropdownListDialog;

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

@@ -15,17 +15,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalDialog = void 0;
 const Modal_1 = require("./Modal");
 const react_1 = __importDefault(require("react"));
-const react_dom_1 = __importDefault(require("react-dom"));
+const client_1 = require("react-dom/client");
 const ModalDialog = (content) => __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(Modal_1.Modal, { open: true, setOpen: (o) => {
+        const root = (0, client_1.createRoot)(wrapper);
+        root.render(react_1.default.createElement(Modal_1.Modal, { open: true, setOpen: (o) => {
                 if (!o) {
-                    react_dom_1.default.unmountComponentAtNode(wrapper);
+                    root.unmount();
                     wrapper.remove();
                 }
                 res('ok');
-            }, topPosition: "center", position: "center" }, content), wrapper);
+            }, topPosition: "center", position: "center" }, content));
     });
 });
 exports.ModalDialog = ModalDialog;

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

@@ -15,11 +15,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PromptDialog = void 0;
 const Modal_1 = require("./Modal");
 const react_1 = __importDefault(require("react"));
-const react_dom_1 = __importDefault(require("react-dom"));
+const client_1 = require("react-dom/client");
 const PromptDialog = (p) => __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(Modal_1.PromptModal, Object.assign({}, p, { res: res, wrapper: wrapper })), wrapper);
+        const root = (0, client_1.createRoot)(wrapper);
+        root.render(react_1.default.createElement(Modal_1.PromptModal, Object.assign({}, p, { res: res, root: root, wrapper: wrapper })));
     });
 });
 exports.PromptDialog = PromptDialog;

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

@@ -1,8 +1,10 @@
 /// <reference types="react" />
+import { Root } from 'react-dom/client';
 export interface IPromptModal {
     defaultValue?: string;
     placeholder?: string;
     res: (v: string | undefined) => void;
+    root?: Root;
     wrapper?: HTMLDivElement;
     topText?: string;
     bottomText: string;
@@ -11,4 +13,4 @@ export interface IPromptModal {
     /** default "cancel" */
     cancelText?: string;
 }
-export declare const PromptModal: ({ wrapper, res, bottomText, topText, okText, cancelText, defaultValue, placeholder, }: IPromptModal) => JSX.Element;
+export declare const PromptModal: ({ root, wrapper, res, bottomText, topText, okText, cancelText, defaultValue, placeholder, }: IPromptModal) => JSX.Element;

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

@@ -33,7 +33,6 @@ const FlexRow_1 = require("../FlexRow");
 const Modal_1 = require("../Modal/Modal");
 const TextEdit_1 = require("../TextEdit");
 const styled_components_1 = __importDefault(require("styled-components"));
-const react_dom_1 = __importDefault(require("react-dom"));
 const react_1 = __importStar(require("react"));
 const Base = styled_components_1.default.div `
   width: 95vw;
@@ -63,17 +62,15 @@ const Bottom = (0, styled_components_1.default)(FlexRow_1.FlexRow) `
     margin-right: 1rem;
   }
 `;
-const PromptModal = ({ wrapper, res, bottomText, topText, okText = 'OK', cancelText = 'Cancel', defaultValue, placeholder, }) => {
+const PromptModal = ({ root, wrapper, res, bottomText, topText, okText = 'OK', cancelText = 'Cancel', defaultValue, placeholder, }) => {
     const [text, setText] = (0, react_1.useState)(defaultValue || '');
     const ret = (v) => {
         try {
             res(v);
         }
         finally {
-            if (wrapper) {
-                react_dom_1.default.unmountComponentAtNode(wrapper);
-                wrapper.remove();
-            }
+            root === null || root === void 0 ? void 0 : root.unmount();
+            wrapper === null || wrapper === void 0 ? void 0 : 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 SearchBase: <T>({ onSelectItem, onSearchTextChange, placeholderText, renderItem, displayItems, willDisplayItem, getKeyF, className, texts, maxDisplayItems, }: ISearchDialog<T> & {
+export declare const SearchBase: <T>({ onSelectItem, onSearchTextChange, placeholderText, renderItem, displayItems, willDisplayItem, getKeyF, className, texts, maxDisplayItems, defaultValue, }: ISearchDialog<T> & {
     onSearchTextChange?: ((v: string) => void) | undefined;
     onSelectItem?: ((v: TSearchModalRes<T>) => void) | undefined;
 }) => JSX.Element;

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

@@ -94,9 +94,9 @@ const CrossIconStyled = (0, styled_components_1.default)(CrossIcon_1.CrossIcon)
     right: 2rem;
   }
 `;
-const SearchBase = ({ onSelectItem, onSearchTextChange, placeholderText, renderItem, displayItems, willDisplayItem, getKeyF, className, texts, maxDisplayItems = 20, }) => {
+const SearchBase = ({ onSelectItem, onSearchTextChange, placeholderText, renderItem, displayItems, willDisplayItem, getKeyF, className, texts, maxDisplayItems = 20, defaultValue, }) => {
     var _a, _b;
-    const [searchText, setSearchText] = (0, react_1.useState)('');
+    const [searchText, setSearchText] = (0, react_1.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
     const resWrap = (foundItem) => {
         if (!foundItem) {
             onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem(undefined);
@@ -115,11 +115,12 @@ const SearchBase = ({ onSelectItem, onSearchTextChange, placeholderText, renderI
             react_1.default.createElement(TextEdit_1.TextEdit, { ref: textEditRef, placeholder: placeholderText, defaultEditing: { focus: true }, singleLine: true, leftContent: react_1.default.createElement(Icon, null, Magnify_1.Magnify), noGrow: true, allowUndo: false, onEscape: () => resWrap(undefined), onClickOutsideWithNoValue: null, onSubmit: (v) => (0, helpers_1.debounce)(() => {
                     setSearchText(v);
                     onSearchTextChange === null || onSearchTextChange === void 0 ? void 0 : onSearchTextChange(v);
-                }, { key: 'pagesearch', time: 200 }) }),
+                }, { key: 'pagesearch', time: 200 }), defaultValue: defaultValue }),
             searchText && (react_1.default.createElement(CrossIconStyled, { onClick: () => {
                     var _a;
                     (_a = textEditRef.current) === null || _a === void 0 ? void 0 : _a.setValue('');
                     setSearchText('');
+                    onSearchTextChange === null || onSearchTextChange === void 0 ? void 0 : onSearchTextChange('');
                 } }))),
         react_1.default.createElement(Content, { "data-hasitems": !!filteredItems.length, "data-type": "content" },
             filteredItems.map((item, index) => (react_1.default.createElement(Row, { key: getKeyF(item), onClick: () => resWrap(item) }, renderItem({ searchText, item, index })))),

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

@@ -16,7 +16,7 @@ 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"));
+const client_1 = require("react-dom/client");
 /**
  * opens a searchmodal programatically, and resolves to either undefined, or the selected item
  * @param p
@@ -38,16 +38,17 @@ const SearchDialog = (p) => __awaiter(void 0, void 0, void 0, function* () {
             originalStyle = window.getComputedStyle(document.body).overflow || '';
             document.body.style.overflow = 'hidden';
         }
-        react_dom_1.default.render(react_1.default.createElement(Modal_1.SearchModal, Object.assign({}, p, { placeholderText: placeholderText, onSelectItem: (f) => {
+        const root = (0, client_1.createRoot)(wrapper);
+        root.render(react_1.default.createElement(Modal_1.SearchModal, Object.assign({}, p, { placeholderText: placeholderText, onSelectItem: (f) => {
                 try {
                     document.body.style.overflow = originalStyle || '';
                     res(f);
                 }
                 finally {
-                    react_dom_1.default.unmountComponentAtNode(wrapper);
+                    root.unmount();
                     wrapper.remove();
                 }
-            } })), wrapper);
+            } })));
     });
 });
 exports.SearchDialog = SearchDialog;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 export interface ISearchDialog<T> {
+    defaultValue?: string;
     placeholderText?: string;
     /**
      * method run to render each filtered item

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.370",
+  "version": "0.0.372",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",