ag-common 0.0.186 → 0.0.189

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

@@ -5,4 +5,10 @@ export declare const addMinutes: (date: Date, minutes: number) => Date;
 export declare const lastDayInMonth: (date: Date) => Date;
 export declare const dateDiffDays: (date1: Date, date2: Date) => number;
 export declare const CSharpToJs: (charpTicks: number) => Date;
+/**
+ *
+ * @param minutes
+ * @param date default = now
+ * @returns
+ */
 export declare const dateTimeToNearestMinute: (minutes: number, date?: Date | undefined) => Date;

package/dist/common/helpers/date.js

@@ -35,6 +35,12 @@ const CSharpToJs = (charpTicks) => {
     return tickDate;
 };
 exports.CSharpToJs = CSharpToJs;
+/**
+ *
+ * @param minutes
+ * @param date default = now
+ * @returns
+ */
 const dateTimeToNearestMinute = (minutes, date) => {
     const coeff = 1000 * 60 * minutes;
     if (!date) {

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

@@ -8,6 +8,7 @@ const styled_components_1 = __importDefault(require("styled-components"));
 const react_1 = __importDefault(require("react"));
 const SClose = styled_components_1.default.div `
   position: absolute;
+  z-index: 1;
   width: 32px;
   height: 32px;
   opacity: 0.3;

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

@@ -19,4 +19,13 @@ export interface ISearchDialog<T> {
      */
     getKeyF: (i: T) => string;
 }
-export declare const searchDialog: <T>(p: ISearchDialog<T>) => Promise<T | undefined>;
+export declare type TSearchModalRes<T> = undefined | {
+    foundItem: T;
+    searchText: string;
+};
+/**
+ * opens a searchmodal programatically, and resolves to either undefined, or the selected item
+ * @param p
+ * @returns
+ */
+export declare const searchDialog: <T>(p: ISearchDialog<T>) => Promise<TSearchModalRes<T>>;

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

@@ -44,6 +44,8 @@ const styled_components_1 = __importDefault(require("styled-components"));
 const react_dom_1 = __importDefault(require("react-dom"));
 const react_1 = __importStar(require("react"));
 const ModalStyled = (0, styled_components_1.default)(Modal_1.Modal) `
+  display: flex;
+  flex-flow: column;
   top: 10rem;
   @media ${media_1.bigScreen} {
     width: 50vw;
@@ -104,25 +106,35 @@ const SearchModal = ({ res, wrapper, placeholderText, closeText, renderItem, dis
             document.body.style.overflow = 'hidden';
         }
     }, []);
-    const ret = (v) => {
+    const [searchText, setSearchText] = (0, react_1.useState)('');
+    const resWrap = (foundItem) => {
         try {
             document.body.style.overflow = originalStyle || '';
-            res(v);
+            if (!foundItem) {
+                res(undefined);
+            }
+            else {
+                res({ foundItem, searchText });
+            }
         }
         finally {
             wrapper.remove();
         }
     };
-    const [searchText, setSearchText] = (0, react_1.useState)('');
     const filteredItems = displayItems.filter((i) => willDisplayItem(searchText, i));
-    return (react_1.default.createElement(ModalStyled, { position: "center", topPosition: "center", open: true, setOpen: () => ret(undefined), showCloseButton: false, closeOnClickOutside: true },
+    return (react_1.default.createElement(ModalStyled, { position: "center", topPosition: "center", open: true, setOpen: () => resWrap(undefined), showCloseButton: false, closeOnClickOutside: true },
         react_1.default.createElement(SearchBox, null,
             react_1.default.createElement(TextEdit_1.TextEdit, { placeholder: placeholderText, defaultValue: "", onSubmit: (v) => (0, debounce_1.debounce)(() => {
                     setSearchText(v);
                 }, { key: 'pagesearch', time: 200 }), defaultEditing: { focus: true }, singleLine: true, leftContent: react_1.default.createElement(Icon, null, MagnifyIconSvg), noGrow: true, allowUndo: false }),
-            react_1.default.createElement(CloseButton, { onClick: () => ret(undefined) }, closeText)),
-        react_1.default.createElement(Content, null, filteredItems.map((i) => (react_1.default.createElement(Row, { key: getKeyF(i), onClick: () => ret(i) }, renderItem(searchText, i)))))));
+            react_1.default.createElement(CloseButton, { onClick: () => resWrap(undefined) }, closeText)),
+        react_1.default.createElement(Content, null, filteredItems.map((i) => (react_1.default.createElement(Row, { key: getKeyF(i), onClick: () => resWrap(i) }, renderItem(searchText, i)))))));
 };
+/**
+ * opens a searchmodal programatically, and resolves to either undefined, or the selected item
+ * @param p
+ * @returns
+ */
 const searchDialog = (p) => __awaiter(void 0, void 0, void 0, function* () {
     const placeholderText = p.placeholderText || '';
     const closeText = p.closeText || 'CLOSE';

package/package.json

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