ag-common 0.0.211 → 0.0.216

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

@@ -1,4 +1,4 @@
-export declare const toObject: <T, Indexer extends string | number>(arr: T[], keyF: (a: T) => Indexer) => { [a in Indexer]: T; };
+export declare const arrayToObject: <TIn, Indexer extends string | number, TOut>(arr: TIn[], keyF: (a: TIn) => Indexer, valueF: (a: TIn) => TOut) => { [a in Indexer]: TOut; };
 export declare const flat: <T>(arr: T[][]) => T[];
 export declare const take: <T>(array: T[], num: number) => {
     part: T[];

package/dist/common/helpers/array.js

@@ -1,18 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.distinct = exports.distinctBy = exports.notEmpty = exports.partition = exports.chunk = exports.take = exports.flat = exports.toObject = void 0;
-const toObject = (arr, keyF) => {
+exports.distinct = exports.distinctBy = exports.notEmpty = exports.partition = exports.chunk = exports.take = exports.flat = exports.arrayToObject = void 0;
+const arrayToObject = (
+/**
+ * array items
+ */
+arr, 
+/**
+ * from an array item, get the indexer
+ */
+keyF, 
+/**
+ * from an array item, return the new value
+ */
+valueF) => {
     const ret = {};
     if (!arr || !keyF) {
         return ret;
     }
     arr.forEach((v) => {
         const k = keyF(v);
-        ret[k] = v;
+        ret[k] = valueF(v);
     });
     return ret;
 };
-exports.toObject = toObject;
+exports.arrayToObject = arrayToObject;
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 const flat = (arr) => [].concat(...arr);

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

@@ -1,10 +1,12 @@
-import React, { KeyboardEventHandler, MouseEventHandler } from 'react';
+import { KeyboardEventHandler, MouseEventHandler } from 'react';
 export declare const ButtonBase: import("styled-components").FlattenSimpleInterpolation;
-export declare const Button: React.FC<{
+export interface IButton {
     title?: string;
     invert?: boolean;
     disabled?: boolean;
     className?: string;
     onClick?: MouseEventHandler<HTMLButtonElement>;
     onKeyPress?: KeyboardEventHandler<HTMLButtonElement>;
-}>;
+    children: string | JSX.Element;
+}
+export declare const Button: (props: IButton) => JSX.Element;

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-export declare const HeadersRaw: ({ title, image, SiteShort, FullSiteUrl, siteDesc, }: {
-    title?: string | undefined;
-    image?: string | undefined;
+export interface IHeadersRaw {
+    title?: string;
+    image?: string;
     SiteShort: string;
     FullSiteUrl: string;
     siteDesc: string;
-}) => JSX.Element[];
+}
+export declare const HeadersRaw: ({ title, image, SiteShort, FullSiteUrl, siteDesc, }: IHeadersRaw) => JSX.Element[];

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

@@ -1,5 +1,5 @@
 import React from 'react';
-interface IIcon {
+export interface IIconProps {
     disabled?: boolean;
     fill?: string;
     outline?: string;
@@ -16,6 +16,5 @@ interface IIcon {
     tabIndex?: number;
     className?: string;
 }
-export declare const IconF: import("styled-components").StyledComponent<"span", any, IIcon, never>;
-export declare const Icon: (pr: IIcon) => JSX.Element;
-export {};
+export declare const IconF: import("styled-components").StyledComponent<"span", any, IIconProps, never>;
+export declare const Icon: (pr: IIconProps) => JSX.Element;

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

@@ -0,0 +1,7 @@
+export interface IPromptAction {
+    topText?: string;
+    bottomText: string;
+    defaultValue?: string;
+    placeholder?: string;
+}
+export declare const PromptDialog: (p: IPromptAction) => Promise<string | undefined>;

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

@@ -0,0 +1,25 @@
+"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.PromptDialog = void 0;
+const Modal_1 = require("./Modal");
+const react_1 = __importDefault(require("react"));
+const react_dom_1 = __importDefault(require("react-dom"));
+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);
+    });
+});
+exports.PromptDialog = PromptDialog;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const PromptModal: ({ wrapper, res, bottomText, topText, okText, cancelText, defaultValue, placeholder, }: {
+    defaultValue?: string | undefined;
+    placeholder?: string | undefined;
+    res: (v: string | undefined) => void;
+    wrapper: HTMLDivElement;
+    topText?: string | undefined;
+    bottomText: string;
+    okText?: string | undefined;
+    cancelText?: string | undefined;
+}) => JSX.Element;

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

@@ -0,0 +1,96 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PromptModal = 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 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;
+  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 PromptModal = ({ 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 {
+            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 },
+        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(TextEdit_1.TextEdit, { defaultValue: text, onSubmit: (c, enter) => {
+                        if (enter) {
+                            ret(c);
+                        }
+                        else {
+                            setText(c);
+                        }
+                    }, placeholder: placeholder, defaultEditing: { focus: true }, singleLine: true, noGrow: true }),
+                react_1.default.createElement(Bottom, { noGrow: true },
+                    react_1.default.createElement(Button_1.Button, { onClick: () => ret(text) }, okText),
+                    react_1.default.createElement(Button_1.Button, { invert: true, onClick: () => ret(undefined) }, cancelText))))));
+};
+exports.PromptModal = PromptModal;

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

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

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

@@ -10,102 +10,9 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     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) {
-        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 __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.prompt = 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 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;
-  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 PromptModal = ({ 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 {
-            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 },
-        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(TextEdit_1.TextEdit, { defaultValue: text, onSubmit: (c, enter) => {
-                        if (enter) {
-                            ret(c);
-                        }
-                        else {
-                            setText(c);
-                        }
-                    }, placeholder: placeholder, defaultEditing: { focus: true }, singleLine: true, noGrow: true }),
-                react_1.default.createElement(Bottom, { noGrow: true },
-                    react_1.default.createElement(Button_1.Button, { onClick: () => ret(text) }, okText),
-                    react_1.default.createElement(Button_1.Button, { invert: true, onClick: () => ret(undefined) }, cancelText))))));
-};
-const prompt = (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(PromptModal, Object.assign({}, p, { res: res, wrapper: wrapper })), wrapper);
-    });
-});
-exports.prompt = prompt;
+__exportStar(require("./Dialog"), exports);
+__exportStar(require("./Modal"), exports);

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

@@ -97,6 +97,6 @@ const SearchBase = ({ onSelectItem, onSearchTextChange, placeholderText, closeTe
                     onSearchTextChange === null || onSearchTextChange === void 0 ? void 0 : onSearchTextChange(v);
                 }, { key: 'pagesearch', time: 200 }), defaultEditing: { focus: true }, singleLine: true, leftContent: react_1.default.createElement(Icon, null, MagnifyIconSvg), noGrow: true, allowUndo: false, onEscape: () => resWrap(undefined), onClickOutsideWithNoValue: null }),
             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)))))));
+        react_1.default.createElement(Content, { "data-hasitems": !!filteredItems.length }, filteredItems.map((i, index) => (react_1.default.createElement(Row, { key: getKeyF(i), onClick: () => resWrap(i) }, renderItem(searchText, i, index)))))));
 };
 exports.SearchBase = SearchBase;

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

@@ -5,7 +5,7 @@ export interface ISearchDialog<T> {
     /**
      * method run to render each filtered item
      */
-    renderItem: (searchText: string, item: T) => JSX.Element | string;
+    renderItem: (searchText: string, item: T, index: number) => JSX.Element | string;
     /**
      * all potential items
      */

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

@@ -38,7 +38,7 @@ const Base = styled_components_1.default.div `
 `;
 const ContentBlock = styled_components_1.default.div `
   left: -18rem;
-  transition left 200ms;
+  transition: left 200ms;
   &[data-open='false'] {
     position: absolute;
     top: 0;

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

@@ -1,11 +1,10 @@
 /// <reference types="react" />
 import { ToastPosition } from 'react-hot-toast';
-interface Options {
+export interface IToastOptions {
     appearance: 'error' | 'success';
     autoClose?: number;
 }
-export declare const addToast: (m: string, options?: Options | undefined) => void;
+export declare const addToast: (m: string, options?: IToastOptions | undefined) => void;
 export declare const ToastProvider: ({ position }: {
     position: ToastPosition;
 }) => JSX.Element;
-export {};

package/dist/ui/helpers/callOpenApi/direct.d.ts

@@ -1,3 +1,3 @@
 import { ICallOpenApi } from './types';
 import { AxiosWrapperLite } from '../jwt';
-export declare const callOpenApi: <T, TDefaultApi>({ func, apiUrl, overrideAuth, refreshToken, logout, newDefaultApi, headers, }: ICallOpenApi<T, TDefaultApi>) => Promise<AxiosWrapperLite<T>>;
+export declare const callOpenApi: <T, TDefaultApi>(p: ICallOpenApi<T, TDefaultApi>) => Promise<AxiosWrapperLite<T>>;

package/dist/ui/helpers/callOpenApi/direct.js

@@ -13,8 +13,33 @@ exports.callOpenApi = void 0;
 const cookie_1 = require("../cookie");
 const sleep_1 = require("../../../common/helpers/sleep");
 const array_1 = require("../../../common/helpers/array");
-const callOpenApi = ({ func, apiUrl, overrideAuth, refreshToken, logout, newDefaultApi, headers, }) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+function getIdTokenAuthHeader({ overrideAuth, refreshToken, }) {
+    var _a, _b;
+    return __awaiter(this, void 0, void 0, function* () {
+        let idToken;
+        //if override supplied will only use that and not refresh
+        if (overrideAuth === null || overrideAuth === void 0 ? void 0 : overrideAuth.id_token) {
+            idToken = overrideAuth === null || overrideAuth === void 0 ? void 0 : overrideAuth.id_token;
+        }
+        else {
+            idToken = (0, cookie_1.getCookieString)({
+                name: 'id_token',
+                defaultValue: '',
+            });
+            //if we have a cookie token, can try to refresh
+            if (idToken) {
+                const updated = yield refreshToken();
+                if ((_a = updated === null || updated === void 0 ? void 0 : updated.jwt) === null || _a === void 0 ? void 0 : _a.id_token) {
+                    idToken = (_b = updated === null || updated === void 0 ? void 0 : updated.jwt) === null || _b === void 0 ? void 0 : _b.id_token;
+                }
+            }
+        }
+        return idToken;
+    });
+}
+const callOpenApi = (p) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    const { func, apiUrl, logout, newDefaultApi, headers } = p;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     let error;
     let data = undefined;
@@ -22,20 +47,9 @@ const callOpenApi = ({ func, apiUrl, overrideAuth, refreshToken, logout, newDefa
         basePath: apiUrl,
         baseOptions: { headers: Object.assign({ authorization: '' }, (headers || {})) },
     };
-    if (overrideAuth === null || overrideAuth === void 0 ? void 0 : overrideAuth.id_token) {
-        config.baseOptions.headers.authorization = `Bearer ${overrideAuth === null || overrideAuth === void 0 ? void 0 : overrideAuth.id_token}`;
-    }
-    else {
-        const isAuthed = !!(0, cookie_1.getCookieString)({
-            name: 'id_token',
-            defaultValue: '',
-        });
-        if (isAuthed) {
-            const updated = yield refreshToken();
-            if ((_a = updated === null || updated === void 0 ? void 0 : updated.jwt) === null || _a === void 0 ? void 0 : _a.id_token) {
-                config.baseOptions.headers.authorization = `Bearer ${(_b = updated === null || updated === void 0 ? void 0 : updated.jwt) === null || _b === void 0 ? void 0 : _b.id_token}`;
-            }
-        }
+    const idToken = yield getIdTokenAuthHeader(p);
+    if (idToken) {
+        config.baseOptions.headers.authorization = `Bearer ${idToken}`;
     }
     const cl = newDefaultApi(config);
     let errorCount = 0;
@@ -54,13 +68,13 @@ const callOpenApi = ({ func, apiUrl, overrideAuth, refreshToken, logout, newDefa
         catch (e) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             const ae = e;
-            const status = (_c = ae.response) === null || _c === void 0 ? void 0 : _c.status;
+            const status = (_a = ae.response) === null || _a === void 0 ? void 0 : _a.status;
             const errorMessage = [
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                (_f = (_e = (_d = ae.response) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.toString()) !== null && _f !== void 0 ? _f : '',
-                (_j = (_h = (_g = ae.response) === null || _g === void 0 ? void 0 : _g.statusText) === null || _h === void 0 ? void 0 : _h.toString()) !== null && _j !== void 0 ? _j : '',
-                (_m = (_l = (_k = ae.response) === null || _k === void 0 ? void 0 : _k.status) === null || _l === void 0 ? void 0 : _l.toString()) !== null && _m !== void 0 ? _m : '',
-                (_p = (_o = ae.message) === null || _o === void 0 ? void 0 : _o.toString()) !== null && _p !== void 0 ? _p : '',
+                (_d = (_c = (_b = ae.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.toString()) !== null && _d !== void 0 ? _d : '',
+                (_g = (_f = (_e = ae.response) === null || _e === void 0 ? void 0 : _e.statusText) === null || _f === void 0 ? void 0 : _f.toString()) !== null && _g !== void 0 ? _g : '',
+                (_k = (_j = (_h = ae.response) === null || _h === void 0 ? void 0 : _h.status) === null || _j === void 0 ? void 0 : _j.toString()) !== null && _k !== void 0 ? _k : '',
+                (_m = (_l = ae.message) === null || _l === void 0 ? void 0 : _l.toString()) !== null && _m !== void 0 ? _m : '',
             ]
                 .filter(array_1.notEmpty)
                 .sort((a, b) => (a.length < b.length ? -1 : 1))

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

@@ -17,7 +17,7 @@ function setCookieRaw({ name, value, expiryDays = 1, }) {
     const d = new Date();
     d.setTime(d.getTime() + expiryDays * 24 * 60 * 60 * 1000);
     const expires = `expires=${!value || expiryDays < 0 ? const_1.expireDate : d.toUTCString()}`;
-    document.cookie = `${name}=${!value ? '' : value};${expires};path=/`;
+    document.cookie = `${name}=${!value ? '' : value};${expires};path=/; SameSite=Strict; Secure`;
 }
 function wipeCookies(name) {
     if (typeof window === 'undefined') {

package/dist/ui/helpers/dom.d.ts

@@ -1,2 +1,8 @@
 export declare const domContains: (e: DOMRect | undefined, x: number, y: number) => boolean;
 export declare const convertRemToPixels: (rem: number) => number;
+/**
+ * can use to nested wrap styledcomponent components, but persist data- attributes
+ * @param p
+ * @returns
+ */
+export declare const filterDataProps: (p: any) => Record<string, string>;

package/dist/ui/helpers/dom.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertRemToPixels = exports.domContains = void 0;
+exports.filterDataProps = exports.convertRemToPixels = exports.domContains = void 0;
+const array_1 = require("../../common/helpers/array");
 const domContains = (e, x, y) => {
     if (!e) {
         return false;
@@ -16,3 +17,16 @@ const convertRemToPixels = (rem) => {
     return rem * parseFloat(fontSize);
 };
 exports.convertRemToPixels = convertRemToPixels;
+/**
+ * can use to nested wrap styledcomponent components, but persist data- attributes
+ * @param p
+ * @returns
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const filterDataProps = (p) => {
+    const x = Object.entries(p)
+        .filter((r) => r[0].startsWith('data-'))
+        .map((r) => r);
+    return (0, array_1.arrayToObject)(x, (s) => s[0], (s) => s[1]);
+};
+exports.filterDataProps = filterDataProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.211",
+  "version": "0.0.216",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
@@ -9,7 +9,7 @@
   "packageManager": "yarn@3.2.0",
   "scripts": {
     "format": "npx eslint --ext .ts,.tsx ./src --fix",
-    "build": "rimraf dist && yarn lint && tsc && rimraf dist/story",
+    "build": "rimraf dist && yarn lint && tsc",
     "lint": "npx eslint --ext .ts,.tsx ./src",
     "start": "cross-env BROWSER=none start-storybook -p 6006",
     "build-storybook": "build-storybook -o docs --quiet"
@@ -31,14 +31,14 @@
   },
   "devDependencies": {
     "@babel/core": "7.17.8",
-    "@mdx-js/react": "1.6.22",
     "@storybook/addon-actions": "6.4.20",
     "@storybook/addon-docs": "6.4.20",
     "@storybook/addon-essentials": "6.4.20",
     "@storybook/addon-interactions": "6.4.20",
     "@storybook/addon-links": "6.4.20",
+    "@storybook/addons": "^6.4.20",
     "@storybook/react": "6.4.20",
-    "@storybook/testing-library": "0.0.9",
+    "@storybook/theming": "^6.4.20",
     "@types/jsonwebtoken": "8.5.8",
     "@types/node": "17.0.23",
     "@types/react": "17.0.43",
@@ -46,21 +46,17 @@
     "@types/styled-components": "5.1.24",
     "@typescript-eslint/eslint-plugin": "5.18.0",
     "@typescript-eslint/parser": "5.18.0",
-    "babel-loader": "8.2.4",
     "cross-env": "7.0.3",
     "eslint": "8.12.0",
     "eslint-config-airbnb-typescript": "16.2.0",
     "eslint-config-prettier": "8.5.0",
-    "eslint-config-react-app": "7.0.0",
     "eslint-plugin-import": "2.25.4",
     "eslint-plugin-jsx-a11y": "6.5.1",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-react": "7.29.4",
     "eslint-plugin-react-hooks": "4.4.0",
     "prettier": "2.6.2",
-    "rimraf": "3.0.2",
-    "storybook": "6.4.20",
-    "typescript-styled-plugin": "0.18.2"
+    "rimraf": "3.0.2"
   },
   "files": [
     "dist/**/*",