ag-common 0.0.366 → 0.0.367

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

@@ -6,6 +6,7 @@ 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

@@ -37,6 +37,7 @@ 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));
 };

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

@@ -114,7 +114,7 @@ function DropdownList(p) {
     const [style, setStyle] = (0, react_1.useState)({});
     (0, react_1.useEffect)(() => {
         var _a, _b, _c, _d;
-        const maxLen = Math.max(...options.map((s) => renderF(s).length));
+        const maxLen = 20;
         const newStyle = {
             minWidth: `calc(${maxLen}ch + 2rem)`,
         };
@@ -142,8 +142,7 @@ function DropdownList(p) {
         }
     }, [maxHeight, open, options, renderF, shadow, style]);
     const defaultRender = !p.value ? react_1.default.createElement(KebabDots_1.KebabDots, null) : react_1.default.createElement(react_1.default.Fragment, null, p.renderF(p.value));
-    const defaultKey = !p.value ? '(noval)' : p.renderF(p.value);
-    const openDisplay = p.children || (react_1.default.createElement(ListItem, { selected: true, render: defaultRender, key: defaultKey, defaultV: !p.value }));
+    const openDisplay = p.children || (react_1.default.createElement(ListItem, { selected: true, render: defaultRender, key: defaultRender.key, defaultV: !p.value }));
     (0, react_1.useEffect)(() => {
         if (!bounced && open) {
             setBounced(true);
@@ -155,7 +154,7 @@ function DropdownList(p) {
             setOpen(!open);
         } },
         react_1.default.createElement(DropItems, { "data-open": open, style: style, "data-bounced": bounced }, open &&
-            options.map((s, i) => (react_1.default.createElement(ListItem, { key: p.renderF(s), render: p.renderF(s), onChange: () => p.onChange(s, i), selected: s === state })))),
+            options.map((s, i) => (react_1.default.createElement(ListItem, { key: p.renderF(s).key, render: p.renderF(s), onChange: () => p.onChange(s, i), selected: s === state })))),
         openDisplay));
 }
 exports.DropdownList = DropdownList;

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

@@ -17,7 +17,7 @@ export interface IDropdownList<T> {
     /**
      * function to render value
      */
-    renderF: (v: T) => string;
+    renderF: (v: T) => JSX.Element;
     /**
      * colour of dropdown shadow. default #555
      */

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

@@ -11,5 +11,5 @@ const HorizontalDots_1 = require("../../icons/HorizontalDots");
 const IconStyled = (0, styled_components_1.default)(Icon_1.Icon) `
   position: absolute;
 `;
-const KebabDots = ({ onClick }) => (react_1.default.createElement(IconStyled, { width: "2rem", height: "2rem", onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick() }, HorizontalDots_1.HorizontalDots));
+const KebabDots = ({ onClick }) => (react_1.default.createElement(IconStyled, { width: "2rem", height: "2rem", onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(), "data-icon": "kebab" }, HorizontalDots_1.HorizontalDots));
 exports.KebabDots = KebabDots;

package/package.json

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