ag-common 0.0.582 → 0.0.584

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

@@ -101,9 +101,9 @@ const ListItem = ({ render, onChange, selected, defaultV = false, }) => (react_1
     } }, render));
 function DropdownList(p) {
     var _a;
-    const { options, value, placeholder, className, renderF, shadow = '#555', maxHeight = '50vh', } = p;
+    const { shadow = '#555', maxHeight = '50vh' } = p;
     const ref = (0, react_1.useRef)(null);
-    const [state, setState] = (0, react_1.useState)(value);
+    const [state, setState] = (0, react_1.useState)(p.value);
     const [open, setOpen] = (0, react_1.useState)(p.open);
     const [bounced, setBounced] = (0, react_1.useState)(false);
     (0, useOnClickOutside_1.useOnClickOutside)({ disabled: !open, ref, moveMouseOutside: false }, () => {
@@ -111,11 +111,11 @@ function DropdownList(p) {
         setBounced(false);
     });
     (0, react_1.useEffect)(() => {
-        const newv = value;
-        if (JSON.stringify(newv) !== JSON.stringify(value)) {
+        const newv = p.value;
+        if (JSON.stringify(newv) !== JSON.stringify(state)) {
             setState(newv);
         }
-    }, [options, value]);
+    }, [p.options, p.value]);
     const [style, setStyle] = (0, react_1.useState)({});
     (0, react_1.useEffect)(() => {
         var _a, _b, _c, _d;
@@ -145,7 +145,7 @@ function DropdownList(p) {
         if (JSON.stringify(style) !== JSON.stringify(newStyle)) {
             setStyle(newStyle);
         }
-    }, [maxHeight, open, options, renderF, shadow, style]);
+    }, [maxHeight, open, p.options, p.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 openDisplay = (_a = p.children) !== null && _a !== void 0 ? _a : (react_1.default.createElement(ListItem, { selected: true, render: defaultRender, key: defaultRender.key, defaultV: !p.value }));
     (0, react_1.useEffect)(() => {
@@ -153,13 +153,13 @@ function DropdownList(p) {
             setBounced(true);
         }
     }, [bounced, open]);
-    return (react_1.default.createElement(Base, { className: className, ref: ref, title: placeholder, onClick: (e) => {
+    return (react_1.default.createElement(Base, { className: p.className, ref: ref, title: p.placeholder, onClick: (e) => {
             e.stopPropagation();
             e.preventDefault();
             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: typeof s === 'string' ? s : p.renderF(s).key, render: p.renderF(s), onChange: () => p.onChange(s, i), selected: s === state })))),
+            p.options.map((s, i) => (react_1.default.createElement(ListItem, { key: typeof s === 'string' ? s : p.renderF(s).key, render: p.renderF(s), onChange: () => p.onChange(s, i), selected: s === state })))),
         openDisplay));
 }
 exports.DropdownList = DropdownList;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.582",
+  "version": "0.0.584",
   "name": "ag-common",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -54,11 +54,11 @@
     "@storybook/theming": "7.6.7",
     "@types/jest": "29.5.11",
     "@types/jsonwebtoken": "9.0.5",
-    "@types/node": "20.10.7",
+    "@types/node": "20.11.0",
     "@types/react": "18.2.47",
     "@types/react-dom": "18.2.18",
     "cross-env": "7.0.3",
-    "eslint-config-e7npm": "0.0.72",
+    "eslint-config-e7npm": "0.0.73",
     "jest": "29.7.0",
     "rimraf": "5.0.5",
     "storybook": "7.6.7",