@fixefy/fixefy-ui-components 0.3.101 → 0.3.102

package/dist/FxActionsTray/FxActionsTray.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export declare const FxActionsTray: ({ ctx, entityType, show, actions, onClose, onClick, }: {
+export declare const FxActionsTray: ({ assetUrl, ctx, entityType, show, actions, onClose, onClick, }: {
+    assetUrl?: string;
     ctx: any;
     entityType?: string;
     show: boolean;

package/dist/FxActionsTray/FxActionsTray.js

@@ -25,7 +25,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const FxActionsTray = ({ ctx, entityType = 'item', show = false, actions = [], onClose, onClick })=>{
+const FxActionsTray = ({ assetUrl, ctx, entityType = 'item', show = false, actions = [], onClose, onClick })=>{
     const { classes } = (0, _actionsTraystyle.useStyles)();
     const { selection = [], selectAll, ultraSelectAll, totalCount } = ctx;
     const selectedCount = selectAll === true && ultraSelectAll === true ? totalCount : selection.length;
@@ -63,6 +63,7 @@ const FxActionsTray = ({ ctx, entityType = 'item', show = false, actions = [], o
                     /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                         className: classes.actions,
                         children: actions.map((action, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(ActionButton, {
+                                assetUrl: assetUrl,
                                 title: action.title,
                                 name: action.name,
                                 icon: action.extended.icon,
@@ -87,7 +88,7 @@ const FxActionsTray = ({ ctx, entityType = 'item', show = false, actions = [], o
         })
     });
 };
-const ActionButton = ({ title, name, icon, classes, onClick })=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_Button.default, {
+const ActionButton = ({ assetUrl, title, name, icon, classes, onClick })=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_Button.default, {
         id: name,
         className: classes.actionButton,
         title: (0, _fixefyuiutils.titleCase)(title),
@@ -99,7 +100,8 @@ const ActionButton = ({ title, name, icon, classes, onClick })=>/*#__PURE__*/ (0
                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
                     width: 16,
                     height: 16,
-                    icon: `actions/${icon}.svg`
+                    icon: `actions/${icon}.svg`,
+                    assetUrl: assetUrl
                 })
             }),
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {

package/dist/FxActionsTray/styles/actionsTray.style.d.ts

@@ -1 +1,7 @@
-export declare const useStyles: any;
+import { Theme } from '@mui/material/styles';
+export declare const useStyles: (params: void, muiStyleOverridesParams?: import("tss-react/mui/themeStyleOverridesPlugin").MuiThemeStyleOverridesPluginParams["muiStyleOverridesParams"]) => {
+    classes: Record<"container" | "approveButton" | "paper" | "selected" | "divider" | "actions" | "close" | "actionButton", string>;
+    theme: import("@mui/material/styles").Theme;
+    css: import("tss-react").Css;
+    cx: import("tss-react").Cx;
+};

package/dist/FxAsyncDropdown/FxAsyncDropdown.js

@@ -121,7 +121,7 @@ function _object_spread_props(target, source) {
 }
 const FxAsyncDropdown = (props)=>{
     var _fetcher_query;
-    const { onAdd, onRemoveAll, onUnselectAll, fetcher, disabled, defaultValue, type = 'text', variables, search_path, modal_type, multiple, name, query, isInitialOpen, placeholder, title_path, rootStylesOverride, options_path, _id } = props;
+    const { assetUrl, onAdd, onRemoveAll, onUnselectAll, fetcher, disabled, defaultValue, type = 'text', variables, search_path, modal_type, multiple, name, query, isInitialOpen, placeholder, title_path, rootStylesOverride, options_path, _id } = props;
     const ref = (0, _react.useRef)(null);
     const { method_name } = variables !== null && variables !== void 0 ? variables : {};
     var _fetcher_queryOptions_variables;
@@ -436,6 +436,7 @@ const FxAsyncDropdown = (props)=>{
                         paddingLeft: '3px'
                     },
                     children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                        assetUrl: assetUrl,
                         onClick: ()=>{
                             setDisplayed([]);
                             if (onRemoveAll) {

package/dist/FxAsyncDropdown/components/ChipOption.js

@@ -19,6 +19,7 @@ function _interop_require_default(obj) {
 }
 const ChipOption = ({ option, curValue, modal, fetchedProps, displayed, setDisplayed })=>{
     return modal == 'displayed' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxChip.FxChip, {
+        assetUrl: fetchedProps.assetUrl,
         status: curValue,
         label: (0, _helpers.titleCase)(curValue),
         variant: "outlined",
@@ -26,6 +27,7 @@ const ChipOption = ({ option, curValue, modal, fetchedProps, displayed, setDispl
             (0, _helpers.deleteOneItem)(option, fetchedProps, displayed, setDisplayed);
         }
     }, option._id) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxChip.FxChip, {
+        assetUrl: fetchedProps.assetUrl,
         status: curValue,
         label: (0, _helpers.titleCase)(curValue),
         variant: "outlined"

package/dist/FxAsyncDropdown/components/ChosenIcon.js

@@ -18,7 +18,7 @@ function _interop_require_default(obj) {
     };
 }
 const ChosenIcon = ({ option, isDisplay, fetchedProps, displayed })=>{
-    const { title_path, multiple, search_path } = fetchedProps;
+    const { assetUrl, title_path, multiple, search_path } = fetchedProps;
     const isChecked = (option)=>{
         const clicked = (0, _helpers.getOption)(option, title_path);
         if (typeof displayed === 'string') {
@@ -37,7 +37,8 @@ const ChosenIcon = ({ option, isDisplay, fetchedProps, displayed })=>{
         return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
             width: 16,
             height: 16,
-            icon: 'filters/chosen_icon.svg'
+            icon: 'filters/chosen_icon.svg',
+            assetUrl: assetUrl
         });
     }
     return null;

package/dist/FxAsyncDropdown/components/LogoOption.js

@@ -82,13 +82,14 @@ const LogoOption = ({ option, curValue, modal, fetchedProps, displayed, setDispl
 };
 const Logo = ({ option, fetchedProps })=>{
     const getRandomColor = (0, _fixefyhooks.useRandomColor)();
-    const { logo_folder_name, logo_placeholder, name } = fetchedProps !== null && fetchedProps !== void 0 ? fetchedProps : {};
+    const { assetUrl, logo_folder_name, logo_placeholder, name } = fetchedProps !== null && fetchedProps !== void 0 ? fetchedProps : {};
     var _option_name;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
         style: {
             width: '70px'
         },
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+            assetUrl: assetUrl,
             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,

package/dist/FxAsyncDropdown/types.d.ts

@@ -10,6 +10,7 @@ export interface StylesOptions {
     menuSx?: object;
 }
 export type AsyncDropdownPropsType = {
+    assetUrl?: string;
     initialValue?: Option | any;
     styles?: StylesOptions;
     multiple?: boolean;

package/dist/FxButtonModalWithComponent/FxButtonModalWithComponent.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export declare const FxButtonModalWithComponent: ({ btnType, btnValue, modalData, onClick, disabled, startIcon, endIcon, sx, iconSize, }: {
+export declare const FxButtonModalWithComponent: ({ assetUrl, btnType, btnValue, modalData, onClick, disabled, startIcon, endIcon, sx, iconSize, }: {
+    assetUrl?: string;
     btnType?: "text" | "icon";
     btnValue?: string;
     modalData: any;

package/dist/FxButtonModalWithComponent/FxButtonModalWithComponent.js

@@ -60,7 +60,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const FxButtonModalWithComponent = ({ btnType = 'text', btnValue, modalData, onClick, disabled, startIcon, endIcon, sx, iconSize })=>{
+const FxButtonModalWithComponent = ({ assetUrl, btnType = 'text', btnValue, modalData, onClick, disabled, startIcon, endIcon, sx, iconSize })=>{
     const [isOpen, setIsOpen] = (0, _react.useState)(false);
     const [AnchorEl, setAnchorEl] = (0, _react.useState)(null);
     const handleClick = (e)=>{
@@ -85,6 +85,7 @@ const FxButtonModalWithComponent = ({ btnType = 'text', btnValue, modalData, onC
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStyledButton.FxStyledButton, {
+                assetUrl: assetUrl,
                 sx: sx,
                 btnType: btnType,
                 btnValue: btnValue,

package/dist/FxButtonModalWithMenu/FxButtonModalWithMenu.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export declare const FxButtonModalWithMenu: ({ btnType, btnValue, modalData, onClick, disabled, startIcon, endIcon, shouldShowModal, buttonSx, menuItemSx, iconSize, assetUrl, }: {
+export declare const FxButtonModalWithMenu: ({ assetUrl, btnType, btnValue, modalData, onClick, disabled, startIcon, endIcon, shouldShowModal, buttonSx, menuItemSx, iconSize, }: {
+    assetUrl?: string;
     btnType?: "text" | "icon";
     btnValue?: string;
     modalData: any;
@@ -11,5 +12,4 @@ export declare const FxButtonModalWithMenu: ({ btnType, btnValue, modalData, onC
     buttonSx?: any;
     menuItemSx?: any;
     iconSize?: number;
-    assetUrl?: string;
 }) => React.JSX.Element;

package/dist/FxButtonModalWithMenu/FxButtonModalWithMenu.js

@@ -61,7 +61,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const FxButtonModalWithMenu = ({ btnType = 'text', btnValue, modalData, onClick, disabled, startIcon, endIcon, shouldShowModal = true, buttonSx, menuItemSx, iconSize, assetUrl })=>{
+const FxButtonModalWithMenu = ({ assetUrl, btnType = 'text', btnValue, modalData, onClick, disabled, startIcon, endIcon, shouldShowModal = true, buttonSx, menuItemSx, iconSize })=>{
     const [isOpen, setIsOpen] = (0, _react.useState)(false);
     const [AnchorEl, setAnchorEl] = (0, _react.useState)(null);
     const handleClick = (e)=>{
@@ -86,6 +86,7 @@ const FxButtonModalWithMenu = ({ btnType = 'text', btnValue, modalData, onClick,
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStyledButton.FxStyledButton, {
+                assetUrl: assetUrl,
                 sx: buttonSx,
                 btnType: btnType,
                 btnValue: btnValue,
@@ -93,8 +94,7 @@ const FxButtonModalWithMenu = ({ btnType = 'text', btnValue, modalData, onClick,
                 startIcon: startIcon,
                 endIcon: endIcon,
                 iconSize: iconSize || 20,
-                disabled: disabled,
-                assetUrl: assetUrl
+                disabled: disabled
             }),
             shouldShowModal && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Menu.default, {
                 id: "fade-menu",
@@ -110,6 +110,7 @@ const FxButtonModalWithMenu = ({ btnType = 'text', btnValue, modalData, onClick,
                 TransitionComponent: _Fade.default,
                 children: isOpen && (modalData === null || modalData === void 0 ? void 0 : modalData.map((item, i)=>{
                     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxMenuItemWithIcon.FxMenuItemWithIcon, {
+                        assetUrl: assetUrl,
                         icon: item.icon,
                         title: item.title,
                         onClick: ()=>{

package/dist/FxChip/FxChip.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { EntityStatusType, ChargeStateType, InvoiceStateType, RecoStateType } from '@fixefy/fixefy-ui-utils';
 export interface ChipPropsType {
+    assetUrl?: string;
     type?: 'status' | 'priority' | 'score' | 'dimension' | 'reco';
     status?: EntityStatusType | ChargeStateType | InvoiceStateType | RecoStateType;
     label: string | number;

package/dist/FxChip/FxChip.js

@@ -20,7 +20,7 @@ function _interop_require_default(obj) {
     };
 }
 const FxChip = (props)=>{
-    const { status, label, type = 'status', scoreValue = 0, minimized = false, variant = 'outlined', onClick, onDelete, icon } = props;
+    const { assetUrl, status, label, type = 'status', scoreValue = 0, minimized = false, variant = 'outlined', onClick, onDelete, icon } = props;
     const newStatus = status ? status.split(' ').join('_') : status;
     const value = typeof label === 'number' ? label.toFixed(2) : label;
     switch(type){
@@ -58,7 +58,8 @@ const FxChip = (props)=>{
                 icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
                     icon: `${icon}.svg`,
                     width: 15,
-                    height: 15
+                    height: 15,
+                    assetUrl: assetUrl
                 })
             });
         default:

package/dist/FxGridEmptyState/FxGridEmptyState.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
-export declare const FxGridEmptyState: ({ assetUrl }: {
+export declare const FxGridEmptyState: ({ assetUrl, mainIcon, message, mainIconWidth, mainIconHeight }: {
     assetUrl?: string;
+    mainIcon?: string;
+    message?: string;
+    mainIconWidth?: number;
+    mainIconHeight?: number;
 }) => React.JSX.Element;

package/dist/FxGridEmptyState/FxGridEmptyState.js

@@ -18,7 +18,10 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const FxGridEmptyState = ({ assetUrl })=>{
+const FxGridEmptyState = ({ assetUrl, mainIcon, message, mainIconWidth, mainIconHeight })=>{
+    const icon = mainIcon || 'table/table_no_results.svg';
+    const iconWidth = mainIconWidth || 279;
+    const iconHeight = mainIconHeight || 250;
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
         sx: {
             width: '100%',
@@ -44,9 +47,9 @@ const FxGridEmptyState = ({ assetUrl })=>{
                 },
                 children: [
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
-                        width: 279,
-                        height: 250,
-                        icon: 'table/table_no_results.svg',
+                        width: iconWidth,
+                        height: iconHeight,
+                        icon: icon,
                         assetUrl: assetUrl
                     }),
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
@@ -63,9 +66,10 @@ const FxGridEmptyState = ({ assetUrl })=>{
                         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
                             display: 'flex',
                             flexDirection: 'column',
+                            mt: 3,
                             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
                                 variant: "h5",
-                                children: "There is currently no data to display."
+                                children: message || 'There is currently no data to display.'
                             })
                         })
                     })

package/dist/FxMenuItemWithIcon/FxMenuItemWithIcon.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export declare const FxMenuItemWithIcon: ({ title, icon, onClick, sx, }: {
+export declare const FxMenuItemWithIcon: ({ assetUrl, title, icon, onClick, sx, }: {
+    assetUrl?: string;
     title: string;
     icon: any;
     onClick?: any;

package/dist/FxMenuItemWithIcon/FxMenuItemWithIcon.js

@@ -48,7 +48,7 @@ function _object_spread(target) {
     }
     return target;
 }
-const FxMenuItemWithIcon = ({ title, icon, onClick, sx = {} })=>{
+const FxMenuItemWithIcon = ({ assetUrl, title, icon, onClick, sx = {} })=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_MenuItem.default, {
         sx: {
             width: '197px',
@@ -68,7 +68,8 @@ const FxMenuItemWithIcon = ({ title, icon, onClick, sx = {} })=>{
                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
                     width: 16,
                     height: 16,
-                    icon: icon
+                    icon: icon,
+                    assetUrl: assetUrl
                 })
             }),
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_ListItemText.default, {

package/dist/FxNumberField/styles/number_field.styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles/withStyles").ClassNameMap<"label" | "container" | "hint" | "inputWrapper" | "inputActions" | "inputActionsPlus" | "inputActionsMinus">;
+export declare const useStyles: (props?: any) => import("@mui/styles/withStyles").ClassNameMap<"container" | "label" | "hint" | "inputWrapper" | "inputActions" | "inputActionsPlus" | "inputActionsMinus">;

package/dist/FxObjStaticDropdown/FxObjStaticDropdown.d.ts

@@ -30,5 +30,6 @@ export type AsyncDropdownPropsType = {
     defaultValue?: any;
     data: string[];
     _id: string;
+    assetUrl?: string;
 };
 export declare const FxObjStaticDropdown: (props: AsyncDropdownPropsType) => React.JSX.Element;

package/dist/FxObjStaticDropdown/FxObjStaticDropdown.js

@@ -76,7 +76,7 @@ const checkedIcon = /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckBox.default, {
     fontSize: "small"
 });
 const FxObjStaticDropdown = (props)=>{
-    const { onAdd, onRemoveOne, onRemoveAll, onUnselectAll, disabled, type = 'text', search_path, modal_type, multiple, name, query, isInitialOpen, placeholder, title_path, rootStylesOverride, logo_placeholder, logo_folder_name, _id, data, defaultValue } = props;
+    const { assetUrl, onAdd, onRemoveOne, onRemoveAll, onUnselectAll, disabled, type = 'text', search_path, modal_type, multiple, name, query, isInitialOpen, placeholder, title_path, rootStylesOverride, logo_placeholder, logo_folder_name, _id, data, defaultValue } = props;
     const ref = (0, _react.useRef)(null);
     const theme = (0, _styles.useTheme)();
     const [displayed, setDisplayed] = (0, _react.useState)(multiple ? [] : '');
@@ -394,7 +394,8 @@ const FxObjStaticDropdown = (props)=>{
             return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
                 width: 16,
                 height: 16,
-                icon: 'filters/chosen_icon.svg'
+                icon: 'filters/chosen_icon.svg',
+                assetUrl: assetUrl
             });
         }
         return null;
@@ -406,6 +407,7 @@ const FxObjStaticDropdown = (props)=>{
                 width: '70px'
             },
             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                assetUrl: assetUrl,
                 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,
@@ -417,6 +419,7 @@ const FxObjStaticDropdown = (props)=>{
     };
     const Chip = ({ option, curValue, modal })=>{
         return modal == 'displayed' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxChip.FxChip, {
+            assetUrl: assetUrl,
             status: curValue,
             label: (0, _fixefyuiutils.titleCase)(curValue),
             variant: "outlined",
@@ -424,6 +427,7 @@ const FxObjStaticDropdown = (props)=>{
                 deleteOneItem(option);
             }
         }, option === null || option === void 0 ? void 0 : option._id) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxChip.FxChip, {
+            assetUrl: assetUrl,
             status: curValue,
             label: (0, _fixefyuiutils.titleCase)(curValue),
             variant: "outlined"
@@ -487,6 +491,7 @@ const FxObjStaticDropdown = (props)=>{
                         paddingLeft: '3px'
                     },
                     children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                        assetUrl: assetUrl,
                         onClick: ()=>{
                             setDisplayed([]);
                             onRemoveAll();

package/dist/FxScore/styles/score.styles.d.ts

@@ -1 +1,7 @@
-export declare const useStyles: (props?: any) => import("@mui/styles/withStyles").ClassNameMap<"content" | "container" | "scoreNumber" | "scoreText" | "mainCircle" | "backgroundCircle">;
+import { ScorePaletteColorOptions } from '@mui/material/styles';
+interface ScoreStylesPropsType {
+    scoreColor: keyof ScorePaletteColorOptions;
+    variant: 'box' | 'circle';
+}
+export declare const useStyles: (props: ScoreStylesPropsType) => import("@mui/styles/withStyles").ClassNameMap<"container" | "content" | "scoreNumber" | "scoreText" | "mainCircle" | "backgroundCircle">;
+export {};

package/dist/FxStatisticsBar/styles/statistics.styles.d.ts

@@ -1,2 +1,2 @@
 import '@fixefy/fixefy-ui-utils';
-export declare const useStyles: (props?: any) => import("@mui/styles/withStyles").ClassNameMap<"label" | "value" | "container" | "contrastLabel" | "contrastValue">;
+export declare const useStyles: (props?: any) => import("@mui/styles/withStyles").ClassNameMap<"container" | "label" | "value" | "contrastLabel" | "contrastValue">;

package/dist/FxStatusBar/FxStatusBar.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { EntityStatusType, ChargeStateType, InvoiceStateType, RecoStateType } from '@fixefy/fixefy-ui-utils';
 export type StatusBarPropsType = {
+    assetUrl?: string;
     onSearch?: (searchValue: string) => void;
     onChangeStatus: (statuses: string[]) => void;
     defaultStatus?: string | string[];
@@ -11,4 +12,4 @@ export type StatusBarPropsType = {
 export type Options = {
     [x: string]: keyof EntityStatusType | keyof ChargeStateType | keyof InvoiceStateType | keyof RecoStateType | string;
 };
-export declare const FxStatusBar: ({ onChangeStatus, onSearch, defaultStatus, title, options, chipsVariant, }: StatusBarPropsType) => React.JSX.Element;
+export declare const FxStatusBar: ({ assetUrl, onChangeStatus, onSearch, defaultStatus, title, options, chipsVariant, }: StatusBarPropsType) => React.JSX.Element;

package/dist/FxStatusBar/FxStatusBar.js

@@ -61,7 +61,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const FxStatusBar = ({ onChangeStatus, onSearch, defaultStatus, title, options, chipsVariant = 'filled' })=>{
+const FxStatusBar = ({ assetUrl, onChangeStatus, onSearch, defaultStatus, title, options, chipsVariant = 'filled' })=>{
     const [selectedStatus, setSelectedStatus] = (0, _react.useState)([]);
     const [searchValue] = (0, _react.useState)('');
     (0, _react.useEffect)(()=>{
@@ -135,6 +135,7 @@ const FxStatusBar = ({ onChangeStatus, onSearch, defaultStatus, title, options,
                     }),
                     Object.keys(__options).map((key, index)=>{
                         return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxChip.FxChip, {
+                            assetUrl: assetUrl,
                             onClick: ()=>onStatusClick(__options[key]),
                             label: (0, _fixefyuiutils.titleCase)(key),
                             variant: chipsVariant,

package/dist/FxStrStaticDropdown/FxStrStaticDropdown.d.ts

@@ -6,6 +6,7 @@ export interface StaticDropdownStylesOptions {
     menuSx?: object;
 }
 export type StaticDropdownPropsType = {
+    assetUrl?: string;
     initialValue?: string | any;
     styles?: StaticDropdownStylesOptions;
     multiple?: boolean;

package/dist/FxStrStaticDropdown/FxStrStaticDropdown.js

@@ -74,7 +74,7 @@ const checkedIcon = /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckBox.default, {
     fontSize: "small"
 });
 const FxStrStaticDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
-    const { onAdd, onRemoveOne, onRemoveAll, type = 'text', modal_type, multiple, name, query, isInitialOpen, placeholder, data, rootStylesOverride } = props;
+    const { assetUrl, onAdd, onRemoveOne, onRemoveAll, type = 'text', modal_type, multiple, name, query, isInitialOpen, placeholder, data, rootStylesOverride } = props;
     const ref = (0, _react.useRef)(null);
     const theme = (0, _styles.useTheme)();
     const [displayed, setDisplayed] = (0, _react.useState)(multiple ? [] : '');
@@ -224,6 +224,7 @@ const FxStrStaticDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
     };
     const Chip = ({ option, modal })=>{
         return modal == 'displayed' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxChip.FxChip, {
+            assetUrl: assetUrl,
             status: option,
             label: (0, _helpers.titleCase)(option),
             variant: "outlined",
@@ -231,6 +232,7 @@ const FxStrStaticDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
                 deleteOneItem(option);
             }
         }, option) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxChip.FxChip, {
+            assetUrl: assetUrl,
             status: option,
             label: (0, _helpers.titleCase)(option),
             variant: "outlined"
@@ -241,7 +243,8 @@ const FxStrStaticDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
             return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
                 width: 16,
                 height: 16,
-                icon: 'filters/chosen_icon.svg'
+                icon: 'filters/chosen_icon.svg',
+                assetUrl: assetUrl
             });
         }
         return null;
@@ -333,6 +336,7 @@ const FxStrStaticDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
                         paddingLeft: '3px'
                     },
                     children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                        assetUrl: assetUrl,
                         onClick: ()=>{
                             setDisplayed([]);
                             onRemoveAll && onRemoveAll();

package/dist/FxUserImage/FxUserImage.d.ts

@@ -1,6 +1,7 @@
-export declare const FxUserImage: ({ bucketAddress, user, loading, setLoading }: {
+export declare const FxUserImage: ({ bucketAddress, user, loading, setLoading, assetUrl }: {
     bucketAddress: string;
     user: any;
     loading: boolean;
     setLoading: (loading: boolean) => void;
+    assetUrl?: string;
 }) => any;

package/dist/FxUserImage/FxUserImage.js

@@ -92,7 +92,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const FxUserImage = ({ bucketAddress, user, loading, setLoading })=>{
+const FxUserImage = ({ bucketAddress, user, loading, setLoading, assetUrl })=>{
     const getRandomColor = (0, _fixefyhooks.useRandomColor)();
     const { listS3Bucket } = (0, _nexts3upload.useS3ListBucket)();
     const { downloadFromS3 } = (0, _nexts3upload.useS3Download)('download-bytearray');
@@ -190,6 +190,7 @@ const FxUserImage = ({ bucketAddress, user, loading, setLoading })=>{
         size: 24
     });
     if (!file && !loading) return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+        assetUrl: assetUrl,
         icon: 'users',
         width: 24,
         height: 24,

package/package.json

@@ -72,5 +72,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.3.101"
+	"version": "0.3.102"
 }