@creativecodeco/ui 1.0.3 → 1.0.4

package/lib/hooks/use-safe-button-props.hook.js

@@ -7,7 +7,7 @@ function useSafeButtonProps({ onClick, onSubmit, loading, ...props }) {
         if (!props.disabled && !loading) {
             callback(event);
         }
-    }, [props.disabled]);
+    }, [props.disabled, loading]);
     const handleClick = (0, react_1.useCallback)((event) => {
         if (onClick) {
             wrapper(onClick, event);

package/lib/ui/components/avatar/avatar.component.js

@@ -9,7 +9,7 @@ const classnames_1 = __importDefault(require("classnames"));
 const utils_1 = require("../../../utils");
 const Avatar = ({ isOnline = false, ring = false, rounded = false, size = 'md', src, withStatus = false }) => {
     const isUri = (0, react_1.useMemo)(() => (0, utils_1.isValidUrl)(src), [src]);
-    const letters = (0, react_1.useMemo)(() => (0, utils_1.getInitials)(src), [src, isUri]);
+    const letters = (0, react_1.useMemo)(() => (0, utils_1.getInitials)(src), [src]);
     return ((0, jsx_runtime_1.jsx)("div", { "data-testid": 'avatar', className: (0, classnames_1.default)('avatar', {
             'avatar-online': withStatus && isOnline,
             'avatar-offline': withStatus && !isOnline,

package/lib/ui/forms/dropdown/dropdown.component.js

@@ -28,13 +28,13 @@ const Dropdown = (0, react_1.forwardRef)(({ name, options = [], disabled, onChan
         }
         setLabel(option.label);
         setValueFilter(option.label);
-    }, [value]);
+    }, [value, options]);
     const handleFocus = (0, react_1.useCallback)(() => {
         if (disabled) {
             return;
         }
         setOpen(true);
-    }, [open, disabled]);
+    }, [disabled]);
     const handleSelect = (0, react_1.useCallback)((option) => {
         onChange?.({
             target: { value: String(option.value) }
@@ -50,6 +50,6 @@ const Dropdown = (0, react_1.forwardRef)(({ name, options = [], disabled, onChan
     const filterOptions = (0, react_1.useMemo)(() => !valueFilter
         ? options
         : options.filter(({ label }) => label.includes(valueFilter)), [valueFilter, options]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: 'dropdown block', children: [(0, jsx_runtime_1.jsx)(textbox_1.TextBox, { name: name, tabIndex: 0, ref: ref, disabled: disabled, rightButton: true, rightIcon: fa_1.FaSortDown, onFocus: handleFocus, onChange: handleChange, ...otherProps, value: label }), open && ((0, jsx_runtime_1.jsx)("ul", { tabIndex: 0, className: 'dropdown-content z-1 menu w-full bg-base-100 shadow rounded-box', id: `options-${name}`, ref: refOutside, role: 'listitem', "data-testid": `options-${name}`, children: filterOptions.map((option) => ((0, jsx_runtime_1.jsx)("li", { value: option.value, onClick: () => handleSelect(option), children: (0, jsx_runtime_1.jsx)("a", { children: option.label }) }, option.value))) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'block dropdown', children: [(0, jsx_runtime_1.jsx)(textbox_1.TextBox, { name: name, tabIndex: 0, ref: ref, disabled: disabled, rightButton: true, rightIcon: fa_1.FaSortDown, onFocus: handleFocus, onChange: handleChange, ...otherProps, value: label }), open && ((0, jsx_runtime_1.jsx)("ul", { tabIndex: 0, className: 'z-1 bg-base-100 shadow rounded-box w-full dropdown-content menu', id: `options-${name}`, ref: refOutside, role: 'listitem', "data-testid": `options-${name}`, children: filterOptions.map((option) => ((0, jsx_runtime_1.jsx)("li", { value: option.value, onClick: () => handleSelect(option), children: (0, jsx_runtime_1.jsx)("a", { children: option.label }) }, option.value))) }))] }));
 });
 exports.default = Dropdown;

package/package.json

@@ -10,7 +10,7 @@
     "framework design",
     "design system"
   ],
-  "version": "1.0.3",
+  "version": "1.0.4",
   "homepage": "https://github.com/creativecodeco/ui",
   "author": {
     "name": "John Toro",
@@ -79,18 +79,12 @@
     "classnames": "2.5.1",
     "cpx2": "8.0.0",
     "daisyui": "5.5.19",
-    "eslint": "8.57.1",
+    "eslint": "9.39.4",
     "eslint-config-prettier": "10.1.8",
-    "eslint-config-standard": "17.1.0",
-    "eslint-config-standard-react": "13.0.0",
-    "eslint-config-standard-with-typescript": "43.0.1",
     "eslint-plugin-import": "2.32.0",
-    "eslint-plugin-n": "16.6.2",
-    "eslint-plugin-node": "11.1.0",
     "eslint-plugin-prettier": "5.5.5",
-    "eslint-plugin-promise": "6.6.0",
     "eslint-plugin-react": "7.37.5",
-    "eslint-plugin-standard": "5.0.0",
+    "eslint-plugin-react-hooks": "7.0.1",
     "eslint-plugin-storybook": "10.3.3",
     "eslint-plugin-unused-imports": "4.4.1",
     "globals": "17.4.0",
@@ -118,6 +112,7 @@
   ],
   "overrides": {
     "handlebars": "4.7.9",
-    "minimatch": "9.0.7"
+    "minimatch": "9.0.7",
+    "lodash": "4.17.23"
   }
 }