ag-common 0.0.387 → 0.0.389

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

@@ -6,8 +6,6 @@ export declare function clamp({ value, min, max, }: {
     max: number;
 }): number;
 export declare function sumArray(array: number[]): number;
-/** returns number < max */
-export declare const getRandomInt: (max: number) => number;
 export declare function isNumber(val: string): boolean;
 export declare function toFixedDown(num: number, scale: number): number;
 /**

package/dist/common/helpers/math.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.rangePercentage = exports.toFixedDown = exports.isNumber = exports.getRandomInt = exports.sumArray = exports.clamp = exports.roundToHalf = exports.toFixed = void 0;
+exports.rangePercentage = exports.toFixedDown = exports.isNumber = exports.sumArray = exports.clamp = exports.roundToHalf = exports.toFixed = void 0;
 const toFixed = (num, fixed) => {
     var _a, _b;
     const re = new RegExp(`^-?\\d+(?:.\\d{0,${fixed || -1}})?`);
@@ -37,11 +37,6 @@ function sumArray(array) {
     return array.reduce((a, b) => a + b, 0);
 }
 exports.sumArray = sumArray;
-/** returns number < max */
-const getRandomInt = (max) => {
-    return Math.floor(Math.random() * Math.floor(max));
-};
-exports.getRandomInt = getRandomInt;
 function isNumber(val) {
     const re = new RegExp(`(\\d+\\.?\\d*)(\\d)`);
     const m = val.toString().match(re);

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

@@ -1 +1,4 @@
+export declare function random(max: number, seed?: number): number;
+/** between 0 and 1. seed defaults to now.getTime() */
+export declare const randomDecimal: (seed?: number) => number;
 export declare function shuffle<T>(array: T[], seed: number): T[];

package/dist/common/helpers/random.js

@@ -1,19 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.shuffle = void 0;
+exports.shuffle = exports.randomDecimal = exports.random = void 0;
+function random(max, seed) {
+    seed = seed || new Date().getTime();
+    const ret = (seed * 9301 + 49297) % 233280;
+    const rnd = ret / 233280;
+    return Math.ceil(rnd * max);
+}
+exports.random = random;
+/** between 0 and 1. seed defaults to now.getTime() */
+const randomDecimal = function (seed) {
+    seed = seed || new Date().getTime();
+    const x = Math.sin((seed += 1)) * 10000;
+    return x - Math.floor(x);
+};
+exports.randomDecimal = randomDecimal;
 function shuffle(array, seed) {
     let currentIndex = array.length;
     let temporaryValue;
     let randomIndex;
-    seed = seed || 1;
-    const random = function () {
-        const x = Math.sin((seed += 1)) * 10000;
-        return x - Math.floor(x);
-    };
+    const r = (0, exports.randomDecimal)(seed);
     // While there remain elements to shuffle...
     while (currentIndex !== 0) {
         // Pick a remaining element...
-        randomIndex = Math.floor(random() * currentIndex);
+        randomIndex = Math.floor(r * currentIndex);
         currentIndex -= 1;
         // And swap it with the current element.
         temporaryValue = array[currentIndex];

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface IAutoHideSearchBox {
+    searchText: string;
+    setSearchText: (val: string, enterPressed: boolean) => void;
+    onOpenToggle?: (open: boolean) => void;
+    className?: string;
+}
+export declare const AutoHideSearchBox: (p: IAutoHideSearchBox) => JSX.Element;

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

@@ -0,0 +1,103 @@
+"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.AutoHideSearchBox = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importStar(require("react"));
+const helpers_1 = require("../../helpers");
+const icons_1 = require("../../icons");
+const styles_1 = require("../../styles");
+const SearchBox_1 = require("./SearchBox");
+const Base = styled_1.default.div `
+  display: flex;
+  flex-flow: row;
+  align-items: center;
+  margin-left: 1rem;
+
+  @media ${styles_1.bigScreen} {
+    width: 20rem;
+  }
+`;
+const Icon = styled_1.default.div `
+  display: flex;
+  margin-right: 0.5rem;
+  > svg {
+    width: 1.2rem;
+    height: 1.2rem;
+    fill: white;
+  }
+`;
+const SearchBoxStyled = (0, styled_1.default)(SearchBox_1.SearchBox) `
+  transition: width 200ms ease-in-out;
+
+  overflow: hidden;
+  padding: 0;
+  &[data-open='false'] {
+    width: 0;
+    padding: 0;
+  }
+  @media ${styles_1.smallScreen} {
+    padding: 0;
+  }
+`;
+const AutoHideSearchBox = (p) => {
+    const [open, setOpen] = (0, react_1.useState)(!!p.searchText);
+    const textEditRef = (0, react_1.createRef)();
+    (0, helpers_1.useGranularEffect)(() => {
+        var _a;
+        const newOpen = !!p.searchText;
+        if (newOpen !== open) {
+            setOpen(!open);
+            (_a = p.onOpenToggle) === null || _a === void 0 ? void 0 : _a.call(p, !open);
+        }
+    }, [p.searchText], [open]);
+    return (react_1.default.createElement(Base, { className: p.className, "data-open": open },
+        react_1.default.createElement(Icon, { style: { cursor: 'pointer' }, onClick: () => {
+                var _a, _b;
+                if (open) {
+                    p.setSearchText('', false);
+                }
+                setOpen(!open);
+                (_a = p.onOpenToggle) === null || _a === void 0 ? void 0 : _a.call(p, !open);
+                if (!open) {
+                    (_b = textEditRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+                }
+            } },
+            open && react_1.default.createElement(icons_1.CrossIcon, null),
+            !open && react_1.default.createElement(icons_1.Magnify, { colour: "white" })),
+        react_1.default.createElement(SearchBoxStyled, Object.assign({ ref: textEditRef }, p, { className: "", "data-open": open, defaultValue: p.searchText, setSearchText: (val, enter) => {
+                //we dont want empty enters to do anything
+                if (val === '' && enter) {
+                    p.setSearchText(val, false);
+                }
+                else {
+                    p.setSearchText(val, enter);
+                }
+            } }))));
+};
+exports.AutoHideSearchBox = AutoHideSearchBox;

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

@@ -1,3 +1,4 @@
+export * from './AutoHideSearchBox';
 export * from './Base';
 export * from './Dialog';
 export * from './Inline';

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

@@ -14,6 +14,7 @@ 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("./AutoHideSearchBox"), exports);
 __exportStar(require("./Base"), exports);
 __exportStar(require("./Dialog"), exports);
 __exportStar(require("./Inline"), exports);

package/dist/ui/components/Toast/base.js

@@ -138,7 +138,7 @@ const ToastProvider = ({ children, providerOptions, }) => {
     const [toasts, setToasts] = (0, react_1.useState)([]);
     const addToast = (message, options) => setToasts((currentToasts) => [
         ...currentToasts,
-        { id: (0, common_1.getRandomInt)(10000).toString(), message, options },
+        { id: (0, common_1.random)(10000).toString(), message, options },
     ]);
     const close = (id) => setToasts((currentToasts) => currentToasts.filter((toast) => toast.id !== id));
     const contextValue = (0, react_1.useMemo)(() => ({ addToast }), []);

package/package.json

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