@fixefy/fixefy-ui-components 0.1.69 → 0.1.71

package/dist/FxAsyncDropdown/FxAsyncDropdown.d.ts

@@ -18,7 +18,7 @@ export type AsyncDropdownPropsType = {
     multiple?: boolean;
     name: any;
     variables: any;
-    onChange?: (value: any, name: string) => 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

@@ -148,12 +148,12 @@ const checkedIcon = /*#__PURE__*/ (0, _jsxruntime.jsx)(_iconsmaterial.CheckBox,
 });
 const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRef)=>{
     var _props_styles;
+    const { debug, onChange, renderOptions, fetcher, disabled, type = 'text', title_path, variables, search_path, modal_type, multiple, name, query } = props;
     const ref = (0, _react.useRef)(null);
     const theme = (0, _material.useTheme)();
-    const [value, setValue] = (0, _react.useState)(null);
-    const [displayedValue, setDisplayedValue] = (0, _react.useState)('');
+    const [displayedValue, setDisplayedValue] = (0, _react.useState)(multiple ? [] : '');
     const [options, setOptions] = (0, _react.useState)([]);
-    // const [loadingData, setLoadingData] = useState(false)
+    const [loadingData, setLoadingData] = (0, _react.useState)(false);
     const [reason, setReason] = (0, _react.useState)('init');
     const [isLastPage, setIsLastPage] = (0, _react.useState)(false);
     const [searchValue, setSearchValue] = (0, _react.useState)(null);
@@ -161,9 +161,21 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
     const [page, setPage] = (0, _react.useState)(1);
     const [prevPage, setPrevPage] = (0, _react.useState)(0);
     const pageSize = 20;
-    const { debug, onChange, renderOptions, fetcher, disabled, type = 'text', title_path, variables, search_path, modal_type, name } = props;
     const { method_name } = variables;
     const ws = (0, _nookies.parseCookies)().ws;
+    (0, _react.useEffect)(()=>{
+        let storedFilters = sessionStorage.getItem(query) || undefined;
+        if (storedFilters) {
+            storedFilters = JSON.parse(storedFilters);
+            if (storedFilters === null || storedFilters === void 0 ? void 0 : storedFilters[name]) {
+                const storedOperator = Object.keys(storedFilters[name])[0];
+                setDisplayedValue(storedFilters[name][storedOperator]);
+            }
+        }
+    }, [
+        name,
+        query
+    ]);
     const getWhere = ()=>{
         if (variables.method_name == 'workspace') {
             return searchValue ? _object_spread_props(_object_spread({}, fetcher.queryOptions.variables.where), {
@@ -183,7 +195,7 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
         }
     };
     const isLocal = fetcher.query.loc;
-    const [fetch, { data, loading }] = (0, _client.useLazyQuery)((0, _graphqltag.gql)(isLocal ? fetcher.query.loc.source.body : fetcher.query), _object_spread_props(_object_spread({}, fetcher.queryOptions), {
+    const [fetch, { data }] = (0, _client.useLazyQuery)((0, _graphqltag.gql)(isLocal ? fetcher.query.loc.source.body : fetcher.query), _object_spread_props(_object_spread({}, fetcher.queryOptions), {
         variables: _object_spread_props(_object_spread({}, fetcher.queryOptions.variables), {
             where: getWhere(),
             skip: page * pageSize - pageSize,
@@ -198,12 +210,6 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
         setPrevPage(0);
         setIsLastPage(false);
     };
-    (0, _react.useEffect)(()=>{
-        //@ts-ignore
-        onChange && value && onChange(value, name);
-    }, [
-        value
-    ]);
     const handleChildrens = (_param)=>{
         var { structure } = _param, rest = _object_without_properties(_param, [
             "structure"
@@ -253,13 +259,22 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
                         var _option_title;
                         return /*#__PURE__*/ (0, _jsxruntime.jsxs)("li", {
                             onClick: ()=>{
-                                setValue(option);
-                                setDisplayedValue(displayedVal);
+                                if (displayedValue.includes(option[title_path])) {
+                                    setDisplayedValue((prev)=>prev.filter((val)=>val !== displayedVal));
+                                    onChange && onChange(option, 'uncheck');
+                                } else {
+                                    // debugger
+                                    onChange && onChange(option, 'check');
+                                    setDisplayedValue((prev)=>[
+                                            ...prev,
+                                            displayedVal
+                                        ]);
+                                }
                             },
                             children: [
                                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Checkbox, {
                                     icon: icon,
-                                    checked: value === option,
+                                    checked: displayedValue.includes(option[title_path]),
                                     checkedIcon: checkedIcon,
                                     sx: {
                                         mr: 1,
@@ -288,8 +303,8 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
                         const displayedVal = (_option_title_path = option[title_path]) !== null && _option_title_path !== void 0 ? _option_title_path : option.title;
                         return /*#__PURE__*/ (0, _jsxruntime.jsx)("li", {
                             onClick: ()=>{
-                                setValue(option);
-                                setDisplayedValue((0, _helpers.titleCase)(displayedVal));
+                                setDisplayedValue(displayedVal);
+                                onChange && onChange(option, null);
                             },
                             children: modal_type === 'chip' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxChip.FxChip, {
                                 status: option.value,
@@ -321,7 +336,7 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
                 }
             default:
                 {
-                    return options.map((option)=>{
+                    return options.map((option, index)=>{
                         debug === true && console.log('renderOptions: ', title_path, option[title_path], options);
                         var _option_title_path;
                         return /*#__PURE__*/ (0, _jsxruntime.jsx)("li", {
@@ -330,7 +345,7 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
                                 color: theme.palette.typography.title,
                                 children: (0, _helpers.titleCase)((_option_title_path = option[title_path]) !== null && _option_title_path !== void 0 ? _option_title_path : option.title)
                             })
-                        });
+                        }, index);
                     });
                 }
         }
@@ -343,7 +358,7 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
             }
         }));
     const loadMore = ()=>{
-        // setLoadingData(true)
+        setLoadingData(true);
         setPage((prevPage)=>prevPage + 1);
         setPrevPage((prevPage)=>prevPage + 1);
     };
@@ -367,7 +382,7 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
                         ...newOptions
                     ]);
             }
-        // setLoadingData(false)
+            setLoadingData(false);
         }
     }, [
         data,
@@ -395,7 +410,7 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props, parentRe
                             handleSearch(e);
                         }
                     }),
-                    loading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_dropdownstyles.Loading, {
+                    loadingData && /*#__PURE__*/ (0, _jsxruntime.jsx)(_dropdownstyles.Loading, {
                         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.CircularProgress, {})
                     })
                 ]

package/package.json

@@ -5,7 +5,7 @@
   },
   "dependencies": {
     "@apollo/client": "^3.8.4",
-    "@fixefy/fixefy-ui-utils": "0.0.33",
+    "@fixefy/fixefy-ui-utils": "0.0.18",
     "@mui/icons-material": "^5.14.11",
     "@mui/material": "^5.14.11",
     "@mui/styled-engine": "^5.14.11",
@@ -56,7 +56,7 @@
     "prettier": "prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\""
   },
   "engines": {
-    "node": "18"
+    "node": "18.17.1"
   },
   "files": [
     "dist/**/*"
@@ -70,5 +70,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.1.69"
+  "version": "0.1.71"
 }