@fixefy/fixefy-ui-components 0.3.89 → 0.3.91

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/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/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, }: {
+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;

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 })=>{
+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,
@@ -109,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/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/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/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.89"
+  "version": "0.3.91"
 }