@fixefy/fixefy-ui-components 0.2.37 → 0.2.39

package/dist/FxAsyncDropdown/FxAsyncDropdown.js

@@ -415,8 +415,9 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
                                     icon: `${option.logo ? `${logo_folder_name}/${option.logo}` : logo_placeholder ? logo_placeholder : (_option_name = option === null || option === void 0 ? void 0 : option[name]) !== null && _option_name !== void 0 ? _option_name : 'x'}`,
                                     width: 70,
                                     height: 16,
-                                    variant: "square",
-                                    fontSize: 17
+                                    variant: "rounded",
+                                    fontSize: 17,
+                                    background: (0, _helpers.useRandomColor)(theme)
                                 })
                             }),
                             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {

package/dist/FxAsyncDropdown/helpers/helpers.d.ts

@@ -4,3 +4,4 @@ export declare const isObjectValid: (obj: any, isCheckKeys?: boolean) => boolean
 export declare const isStringValid: (str: string, minLength?: number | null, maxLength?: number | null, isValidateType?: boolean) => boolean;
 export declare const titleCase: (str?: string) => string;
 export declare const toPascalCase: (string: string, title?: boolean) => string;
+export declare const useRandomColor: (theme: any) => () => unknown;

package/dist/FxAsyncDropdown/helpers/helpers.js

@@ -26,8 +26,39 @@ _export(exports, {
     },
     toPascalCase: function() {
         return toPascalCase;
+    },
+    useRandomColor: function() {
+        return useRandomColor;
     }
 });
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
 const getJPart = (j, jsonPath, defaultValue, separator = '.', replacer = '^\\.*', joiner = '.')=>{
     // if key is invalid - return error
     if (j == null) return defaultValue;
@@ -102,3 +133,12 @@ const titleCase = (str = '')=>str && toPascalCase(str.toString(), true);
 const toPascalCase = (string, title = false)=>{
     return string && string.replace(/(_[a-z])?(^[a-z])?(_|\s[a-z])?/g, ($1)=>$1.toUpperCase().replace('_', title ? ' ' : ''));
 };
+const useRandomColor = (theme)=>{
+    const paletteColors = _object_spread({}, theme.palette.colors);
+    const colors = Object.entries(paletteColors).filter(([key])=>!key.includes('light')).map(([_, value])=>value);
+    const getRandomColor = ()=>{
+        const randomIndex = Math.floor(Math.random() * colors.length);
+        return colors[randomIndex];
+    };
+    return getRandomColor;
+};

package/dist/FxIcon/FxIcon.d.ts

@@ -1,8 +1,9 @@
-export declare const FxIcon: ({ icon, width, height, onClick, variant, fontSize, }: {
+export declare const FxIcon: ({ icon, width, height, onClick, variant, fontSize, background, }: {
     icon: string;
     width: number;
     height: number;
     onClick?: () => void;
     variant?: "circular" | "rounded" | "square";
     fontSize?: number;
+    background?: string;
 }) => JSX.Element;

package/dist/FxIcon/FxIcon.js

@@ -59,12 +59,15 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const PublicIcon = ({ icon, width, height, onClick, variant, fontSize })=>{
+const PublicIcon = ({ icon, width, height, onClick, variant, fontSize, background })=>{
     const [isError, setError] = (0, _react.useState)(false);
     const handleError = (isError)=>setError(isError);
     if (isError) {
         return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Avatar, {
             variant: variant || 'circular',
+            sx: {
+                background: background || '#bdbdbd'
+            },
             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
                 fontSize: fontSize || 29,
                 fontWeight: 600,
@@ -83,7 +86,7 @@ const PublicIcon = ({ icon, width, height, onClick, variant, fontSize })=>{
         onClick: onClick
     });
 };
-const FxIcon = ({ icon, width, height, onClick, variant, fontSize })=>{
+const FxIcon = ({ icon, width, height, onClick, variant, fontSize, background })=>{
     if (!icon) throw Error('Provide a property `icon`');
     return parseIconFromLibrary({
         icon,
@@ -91,17 +94,19 @@ const FxIcon = ({ icon, width, height, onClick, variant, fontSize })=>{
         height,
         onClick,
         variant,
-        fontSize
+        fontSize,
+        background
     });
 };
-const parseIconFromLibrary = ({ icon, width, height, onClick, variant, fontSize })=>{
+const parseIconFromLibrary = ({ icon, width, height, onClick, variant, fontSize, background })=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(PublicIcon, {
         icon: icon,
         width: width,
         height: height,
         onClick: onClick,
         variant: variant,
-        fontSize: fontSize
+        fontSize: fontSize,
+        background: background
     });
 };
 const imageLoader = ({ src })=>{

package/package.json

@@ -65,5 +65,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.2.37"
+  "version": "0.2.39"
 }