@fixefy/fixefy-ui-components 0.1.88 → 0.1.90

package/dist/FxAsyncDropdown/FxAsyncDropdown.d.ts

@@ -17,9 +17,7 @@ export type AsyncDropdownPropsType = {
     multiple?: boolean;
     name: any;
     variables: any;
-    onAdd?: (value: any) => void;
-    onRemoveOne?: (value: any) => void;
-    onRemoveAll?: () => void;
+    onChange?: (value: any, actionType: 'check' | 'uncheck' | null) => void;
     type?: 'checkbox' | 'text';
     renderOptions?: (option: Option, index: number) => void;
     [x: string]: any;

package/dist/FxAsyncDropdown/FxAsyncDropdown.js

@@ -121,7 +121,7 @@ const checkedIcon = /*#__PURE__*/ (0, _jsxruntime.jsx)(_iconsmaterial.CheckBox,
 });
 const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRef)=>{
     var _props_styles;
-    const { onAdd, onRemoveOne, onRemoveAll, fetcher, disabled, type = 'text', variables, search_path, modal_type, multiple, name, query } = props;
+    const { onChange, fetcher, disabled, type = 'text', variables, search_path, modal_type, multiple, name, query } = props;
     const ref = (0, _react.useRef)(null);
     const theme = (0, _material.useTheme)();
     const [displayed, setDisplayed] = (0, _react.useState)(multiple ? [] : '');
@@ -228,7 +228,7 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
         }
         sessionStorage.setItem(`dropdown-${query}`, JSON.stringify(data));
     };
-    const removeOneFromStoredDisplayed = (option)=>{
+    const removeFromStoredDisplayed = (option)=>{
         let storedDisplayed = sessionStorage.getItem(`dropdown-${query}`);
         if (storedDisplayed) {
             storedDisplayed = JSON.parse(storedDisplayed);
@@ -258,9 +258,9 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
                         return item[search_path];
                     }
                 }).includes(clicked)) {
-                    deleteOneItem(option);
+                    deleteItem(option);
                 } else {
-                    onAdd && onAdd(option);
+                    onChange && onChange(option, 'check');
                     setDisplayed((prev)=>[
                             ...prev,
                             option
@@ -270,22 +270,18 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
                 break;
             default:
                 setDisplayed(option);
-                onAdd && onAdd(option);
+                onChange && onChange(option, null);
                 addToStoredDisplayed(option);
         }
     };
-    const deleteOneItem = (item)=>{
-        if (multiple) {
-            if (search_path.includes('workspace')) {
-                setDisplayed((prev)=>prev.filter((val)=>val['title'] !== item['title']));
-            } else {
-                setDisplayed((prev)=>prev.filter((val)=>val[search_path] !== item[search_path]));
-            }
+    const deleteItem = (item)=>{
+        if (search_path.includes('workspace')) {
+            setDisplayed((prev)=>prev.filter((val)=>val['title'] !== item['title']));
         } else {
-            setDisplayed('');
+            setDisplayed((prev)=>prev.filter((val)=>val[search_path] !== item[search_path]));
         }
-        onRemoveOne && onRemoveOne(item);
-        removeOneFromStoredDisplayed(item);
+        onChange && onChange(item, 'uncheck');
+        removeFromStoredDisplayed(item);
     };
     const isChecked = (option)=>{
         const clicked = getClicked(option);
@@ -362,7 +358,7 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
     const getClicked = (option)=>{
         if (option != '') {
             let clicked = (0, _helpers.getJPart)(option, search_path, 0) || option.title;
-            if (typeof clicked === 'object') {
+            if (clicked !== null && typeof clicked === 'object') {
                 clicked = clicked[0];
             }
             return clicked;
@@ -382,32 +378,27 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
         }
         return rv;
     };
-    const DeleteButton = ({ option })=>{
-        let rv = null;
-        switch(multiple){
-            case true:
-                if ((displayed === null || displayed === void 0 ? void 0 : displayed.length) > 0) {
-                    rv = /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-                        onClick: ()=>{
-                            deleteOneItem(option);
-                        },
-                        children: "x"
-                    });
-                }
-                break;
-            case false:
-            default:
-                if (displayed[search_path] === getClicked(option)) {
-                    rv = /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-                        onClick: ()=>{
-                            deleteOneItem(option);
-                        },
-                        children: "x"
-                    });
-                }
-                break;
+    const getDeleteButton = (option)=>{
+        if (multiple) {
+            if (displayed.length > 0) {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                    onClick: ()=>{
+                        deleteItem(option);
+                    },
+                    children: "x"
+                });
+            }
+        } else {
+            if (displayed[search_path] === getClicked(option)) {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                    onClick: ()=>{
+                        deleteItem(option);
+                    },
+                    children: "x"
+                });
+            }
         }
-        return rv;
+        return null;
     };
     const getValueByModalType = (option, location)=>{
         let rv = null;
@@ -419,7 +410,7 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
                     label: (0, _helpers.titleCase)(clicked),
                     variant: "outlined",
                     onDelete: ()=>{
-                        deleteOneItem(option);
+                        deleteItem(option);
                     }
                 }, option._id) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxChip.FxChip, {
                     status: clicked,
@@ -447,25 +438,16 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
                                 height: 16
                             })
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
                             sx: {
                                 width: '170px',
-                                overflow: 'hidden',
-                                display: 'flex',
-                                justifyContent: 'flex-start',
-                                gap: 1
+                                overflow: 'hidden'
                             },
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                    variant: "subtitle2",
-                                    color: theme.palette.typography.title,
-                                    children: (0, _helpers.titleCase)(clicked)
-                                }),
-                                location === 'displayed' && /*#__PURE__*/ (0, _jsxruntime.jsx)(DeleteButton, {
-                                    option: option
-                                })
-                            ]
+                            variant: "subtitle2",
+                            color: theme.palette.typography.title,
+                            children: (0, _helpers.titleCase)(clicked)
                         }),
+                        location === 'displayed' && getDeleteButton(option),
                         location === 'list' && isChecked(option) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
                             width: 16,
                             height: 16,
@@ -487,25 +469,16 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
                         cursor: 'pointer'
                     },
                     children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
                             sx: {
                                 width: '210px',
-                                overflow: 'hidden',
-                                display: 'flex',
-                                justifyContent: 'flex-start',
-                                gap: 1
+                                overflow: 'hidden'
                             },
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                    variant: "subtitle2",
-                                    color: theme.palette.typography.title,
-                                    children: (0, _helpers.titleCase)(clicked)
-                                }),
-                                location === 'displayed' && /*#__PURE__*/ (0, _jsxruntime.jsx)(DeleteButton, {
-                                    option: option
-                                })
-                            ]
+                            variant: "subtitle2",
+                            color: theme.palette.typography.title,
+                            children: (0, _helpers.titleCase)(clicked)
                         }),
+                        location === 'displayed' && getDeleteButton(option),
                         location === 'list' && isChecked(option) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
                             width: 16,
                             height: 16,
@@ -518,44 +491,18 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
         return rv;
     };
     const getMultipleDisplayedValues = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
             direction: 'row',
             sx: {
                 maxWidth: 270,
                 minWidth: 270,
-                display: 'flex',
-                justifyContent: 'space-between'
+                overflow: 'hidden',
+                flexWrap: 'wrap',
+                gap: 1
             },
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                    direction: 'row',
-                    sx: {
-                        overflow: 'hidden',
-                        flexWrap: 'wrap',
-                        gap: 1
-                    },
-                    children: displayed.map((item)=>{
-                        return getValueByModalType(item, 'displayed');
-                    })
-                }),
-                (displayed === null || displayed === void 0 ? void 0 : displayed.length) > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-                    sx: {
-                        minWidth: '20px',
-                        maxWidth: '20px',
-                        cursor: 'pointer'
-                    },
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
-                        onClick: ()=>{
-                            setDisplayed([]);
-                            onRemoveAll && onRemoveAll();
-                            sessionStorage.removeItem(`dropdown-${query}`);
-                        },
-                        icon: `filters/remove_all_button.svg`,
-                        width: 16,
-                        height: 16
-                    })
-                })
-            ]
+            children: displayed.map((item)=>{
+                return getValueByModalType(item, 'displayed');
+            })
         });
     };
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_dropdownstyles.Root, {

package/dist/FxAsyncDropdown/styles/dropdown.styles.js

@@ -136,6 +136,7 @@ const InputWrapper = (0, _styles.styled)('div')(({ theme, hasValue, disabled })=
             color: theme.palette.typography.title,
             height: 36,
             boxSizing: 'border-box',
+            padding: '4px 6px 4px 16px',
             width: 0,
             minWidth: 30,
             flexGrow: 1,

package/dist/FxModalWithButton/FxModalWithButton.js

@@ -73,7 +73,7 @@ const FxModalWithButton = ({ btnValue, modalData, onClick })=>{
                 "aria-haspopup": "true",
                 onClick: handleClick,
                 sx: {
-                    fontWeight: 'normal'
+                    fontWeight: isOpen ? 'bold' : 'normal'
                 },
                 children: btnValue
             }),

package/dist/index.d.ts

@@ -3,7 +3,6 @@ export { FxAggregationsBar, AggregationsDataPropsType, AggreationsBarPropsType }
 export { FxAsyncDropdown, Option, StylesOptions, AsyncDropdownPropsType } from './FxAsyncDropdown';
 export { FxAvatar, AvatarPropsType, BackgroundColorsType } from './FxAvatar';
 export { FxButton, ButtonPropsType } from './FxButton';
-export { FxFilterSortButton } from './FxFilterSortButton';
 export { FxChip, ChipPropsType } from './FxChip';
 export { FxIcon } from './FxIcon';
 export { FxModal, ModalPropsType } from './FxModal';

package/dist/index.js

@@ -63,9 +63,6 @@ _export(exports, {
     FxChip: function() {
         return _FxChip.FxChip;
     },
-    FxFilterSortButton: function() {
-        return _FxFilterSortButton.FxFilterSortButton;
-    },
     FxIcon: function() {
         return _FxIcon.FxIcon;
     },
@@ -195,7 +192,6 @@ const _FxAggregationsBar = require("./FxAggregationsBar");
 const _FxAsyncDropdown = require("./FxAsyncDropdown");
 const _FxAvatar = require("./FxAvatar");
 const _FxButton = require("./FxButton");
-const _FxFilterSortButton = require("./FxFilterSortButton");
 const _FxChip = require("./FxChip");
 const _FxIcon = require("./FxIcon");
 const _FxModal = require("./FxModal");

package/package.json

@@ -70,5 +70,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.1.88"
+  "version": "0.1.90"
 }

package/dist/FxFilterSortButton/FxFilterSortButton.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare const FxFilterSortButton: ({ btnValue, onClick, startIcon, sx, }: {
-    btnValue: string;
-    onClick: any;
-    startIcon?: any;
-    sx?: any;
-}) => React.JSX.Element;

package/dist/FxFilterSortButton/FxFilterSortButton.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxFilterSortButton", {
-    enumerable: true,
-    get: function() {
-        return FxFilterSortButton;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _material = require("@mui/material");
-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 _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: 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;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-const FxFilterSortButton = ({ btnValue, onClick, startIcon, sx })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-        id: "fade-button",
-        sx: _object_spread_props(_object_spread({}, sx), {
-            fontWeight: 'normal'
-        }),
-        "aria-haspopup": "true",
-        startIcon: startIcon,
-        onClick: onClick,
-        children: btnValue
-    });
-};

package/dist/FxFilterSortButton/index.d.ts

@@ -1 +0,0 @@
-export { FxFilterSortButton } from './FxFilterSortButton';

package/dist/FxFilterSortButton/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxFilterSortButton", {
-    enumerable: true,
-    get: function() {
-        return _FxFilterSortButton.FxFilterSortButton;
-    }
-});
-const _FxFilterSortButton = require("./FxFilterSortButton");