@fixefy/fixefy-ui-components 0.3.88 → 0.3.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/FxActionsTray/styles/actionsTray.style.d.ts +2 -5
- package/dist/FxAsyncDropdown/FxAsyncDropdown.js +2 -1
- package/dist/FxAsyncDropdown/components/ChipOption.d.ts +1 -1
- package/dist/FxAsyncDropdown/components/ChosenIcon.js +3 -2
- package/dist/FxAsyncDropdown/components/LogoOption.d.ts +1 -1
- package/dist/FxAsyncDropdown/components/LogoOption.js +2 -1
- package/dist/FxAsyncDropdown/components/TextOption.d.ts +1 -1
- package/dist/FxAsyncDropdown/types.d.ts +1 -0
- package/dist/FxButtonModalWithComponent/FxButtonModalWithComponent.d.ts +1 -1
- package/dist/FxButtonModalWithMenu/FxButtonModalWithMenu.d.ts +1 -1
- package/dist/FxIcon/FxIcon.d.ts +1 -1
- package/dist/FxStyledButton/FxStyledButton.d.ts +2 -2
- package/package.json +1 -1
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import { Theme } from '@mui/material/styles';
|
|
2
|
-
export declare const useStyles: (params: void, muiStyleOverridesParams?: {
|
|
3
|
-
props: Record<string, unknown>;
|
|
4
|
-
ownerState?: Record<string, unknown> | undefined;
|
|
5
|
-
} | undefined) => {
|
|
2
|
+
export declare const useStyles: (params: void, muiStyleOverridesParams?: import("tss-react/mui/themeStyleOverridesPlugin").MuiThemeStyleOverridesPluginParams["muiStyleOverridesParams"]) => {
|
|
6
3
|
classes: Record<"container" | "approveButton" | "paper" | "selected" | "divider" | "actions" | "close" | "actionButton", string>;
|
|
7
|
-
theme: Theme;
|
|
4
|
+
theme: import("@mui/material/styles").Theme;
|
|
8
5
|
css: import("tss-react").Css;
|
|
9
6
|
cx: import("tss-react").Cx;
|
|
10
7
|
};
|
|
@@ -121,7 +121,7 @@ function _object_spread_props(target, source) {
|
|
|
121
121
|
}
|
|
122
122
|
const FxAsyncDropdown = (props)=>{
|
|
123
123
|
var _fetcher_query;
|
|
124
|
-
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;
|
|
124
|
+
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;
|
|
125
125
|
const ref = (0, _react.useRef)(null);
|
|
126
126
|
const { method_name } = variables !== null && variables !== void 0 ? variables : {};
|
|
127
127
|
var _fetcher_queryOptions_variables;
|
|
@@ -436,6 +436,7 @@ const FxAsyncDropdown = (props)=>{
|
|
|
436
436
|
paddingLeft: '3px'
|
|
437
437
|
},
|
|
438
438
|
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
|
|
439
|
+
assetUrl: assetUrl,
|
|
439
440
|
onClick: ()=>{
|
|
440
441
|
setDisplayed([]);
|
|
441
442
|
if (onRemoveAll) {
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
export declare const ChipOption: ({ option, curValue, modal, fetchedProps, displayed, setDisplayed }: {
|
|
3
3
|
option: any;
|
|
4
4
|
curValue: any;
|
|
5
|
-
modal:
|
|
5
|
+
modal: "displayed" | "list";
|
|
6
6
|
fetchedProps: any;
|
|
7
7
|
displayed: any;
|
|
8
8
|
setDisplayed: any;
|
|
@@ -18,7 +18,7 @@ function _interop_require_default(obj) {
|
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
20
|
const ChosenIcon = ({ option, isDisplay, fetchedProps, displayed })=>{
|
|
21
|
-
const { title_path, multiple, search_path } = fetchedProps;
|
|
21
|
+
const { assetUrl, title_path, multiple, search_path } = fetchedProps;
|
|
22
22
|
const isChecked = (option)=>{
|
|
23
23
|
const clicked = (0, _helpers.getOption)(option, title_path);
|
|
24
24
|
if (typeof displayed === 'string') {
|
|
@@ -37,7 +37,8 @@ const ChosenIcon = ({ option, isDisplay, fetchedProps, displayed })=>{
|
|
|
37
37
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
|
|
38
38
|
width: 16,
|
|
39
39
|
height: 16,
|
|
40
|
-
icon: 'filters/chosen_icon.svg'
|
|
40
|
+
icon: 'filters/chosen_icon.svg',
|
|
41
|
+
assetUrl: assetUrl
|
|
41
42
|
});
|
|
42
43
|
}
|
|
43
44
|
return null;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
export declare const LogoOption: ({ option, curValue, modal, fetchedProps, displayed, setDisplayed }: {
|
|
3
3
|
option: any;
|
|
4
4
|
curValue: any;
|
|
5
|
-
modal:
|
|
5
|
+
modal: "displayed" | "list";
|
|
6
6
|
fetchedProps: any;
|
|
7
7
|
displayed: any;
|
|
8
8
|
setDisplayed: any;
|
|
@@ -82,13 +82,14 @@ const LogoOption = ({ option, curValue, modal, fetchedProps, displayed, setDispl
|
|
|
82
82
|
};
|
|
83
83
|
const Logo = ({ option, fetchedProps })=>{
|
|
84
84
|
const getRandomColor = (0, _fixefyhooks.useRandomColor)();
|
|
85
|
-
const { logo_folder_name, logo_placeholder, name } = fetchedProps !== null && fetchedProps !== void 0 ? fetchedProps : {};
|
|
85
|
+
const { assetUrl, logo_folder_name, logo_placeholder, name } = fetchedProps !== null && fetchedProps !== void 0 ? fetchedProps : {};
|
|
86
86
|
var _option_name;
|
|
87
87
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
|
|
88
88
|
style: {
|
|
89
89
|
width: '70px'
|
|
90
90
|
},
|
|
91
91
|
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
|
|
92
|
+
assetUrl: assetUrl,
|
|
92
93
|
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'}`,
|
|
93
94
|
width: 70,
|
|
94
95
|
height: 16,
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
export declare const TextOption: ({ option, curValue, modal, fetchedProps, displayed, setDisplayed }: {
|
|
3
3
|
option: any;
|
|
4
4
|
curValue: any;
|
|
5
|
-
modal:
|
|
5
|
+
modal: "displayed" | "list";
|
|
6
6
|
fetchedProps: any;
|
|
7
7
|
displayed: any;
|
|
8
8
|
setDisplayed: any;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export declare const FxButtonModalWithComponent: ({ btnType, btnValue, modalData, onClick, disabled, startIcon, endIcon, sx, iconSize, }: {
|
|
3
|
-
btnType?:
|
|
3
|
+
btnType?: "text" | "icon";
|
|
4
4
|
btnValue?: string;
|
|
5
5
|
modalData: any;
|
|
6
6
|
onClick?: any;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export declare const FxButtonModalWithMenu: ({ btnType, btnValue, modalData, onClick, disabled, startIcon, endIcon, shouldShowModal, buttonSx, menuItemSx, iconSize, }: {
|
|
3
|
-
btnType?:
|
|
3
|
+
btnType?: "text" | "icon";
|
|
4
4
|
btnValue?: string;
|
|
5
5
|
modalData: any;
|
|
6
6
|
onClick?: any;
|
package/dist/FxIcon/FxIcon.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ export declare const FxIcon: ({ icon, width, height, onClick, variant, fontSize,
|
|
|
3
3
|
width: number;
|
|
4
4
|
height: number;
|
|
5
5
|
onClick?: () => void;
|
|
6
|
-
variant?:
|
|
6
|
+
variant?: "circular" | "rounded" | "square";
|
|
7
7
|
fontSize?: number;
|
|
8
8
|
background?: string;
|
|
9
9
|
initials?: string;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
export declare const FxStyledButton: ({ btnValue, btnType, disabled, onClick, startIcon, endIcon, iconSize, sx, variant, assetUrl, }: {
|
|
2
2
|
btnValue?: string;
|
|
3
|
-
btnType?:
|
|
3
|
+
btnType?: "text" | "icon";
|
|
4
4
|
disabled?: boolean;
|
|
5
5
|
onClick: any;
|
|
6
6
|
startIcon?: any;
|
|
7
7
|
endIcon?: any;
|
|
8
8
|
iconSize?: number;
|
|
9
9
|
sx?: any;
|
|
10
|
-
variant?:
|
|
10
|
+
variant?: "contained" | "outlined" | "text" | "contained:rounded";
|
|
11
11
|
assetUrl?: string;
|
|
12
12
|
}) => any;
|
package/package.json
CHANGED