@fixefy/fixefy-ui-components 0.3.53 → 0.3.55

package/dist/FxAsyncDropdown/FxAsyncDropdown.js

@@ -18,7 +18,6 @@ const _helpers = require("./helpers/helpers");
 const _client = require("@apollo/client");
 const _nookies = require("nookies");
 const _components = require("./components");
-const _useDropdownStore = /*#__PURE__*/ _interop_require_default(require("./useDropdownStore"));
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -32,11 +31,6 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -118,7 +112,6 @@ function _object_spread_props(target, source) {
     return target;
 }
 const FxAsyncDropdown = (props)=>{
-    const { fetchedProps, setFetchedProps, displayed, setDisplayed, options, setOptions, reason, setReason, isLastPage, setIsLastPage, isOpen, setIsOpen, searchValue, setSearchValue, page, setPage, prevPage, setPrevPage, pageSize, loadMore } = (0, _useDropdownStore.default)();
     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 ref = (0, _react.useRef)(null);
     const { method_name } = variables !== null && variables !== void 0 ? variables : {};
@@ -127,6 +120,15 @@ const FxAsyncDropdown = (props)=>{
     var _parseCookies;
     const { ws } = (_parseCookies = (0, _nookies.parseCookies)()) !== null && _parseCookies !== void 0 ? _parseCookies : {};
     const [defaultValueWhere, setDefaultValueWhere] = (0, _react.useState)(where);
+    const [displayed, setDisplayed] = (0, _react.useState)(multiple ? [] : '');
+    const [options, setOptions] = (0, _react.useState)([]);
+    const [reason, setReason] = (0, _react.useState)('init');
+    const [isLastPage, setIsLastPage] = (0, _react.useState)(false);
+    const [isOpen, setIsOpen] = (0, _react.useState)(isInitialOpen);
+    const [searchValue, setSearchValue] = (0, _react.useState)(null);
+    const [page, setPage] = (0, _react.useState)(1);
+    const [prevPage, setPrevPage] = (0, _react.useState)(0);
+    const pageSize = 20;
     const getWhere = ()=>{
         if (method_name == 'workspace') {
             return searchValue ? _object_spread_props(_object_spread({}, where), {
@@ -147,6 +149,10 @@ const FxAsyncDropdown = (props)=>{
             }) : _object_spread({}, where);
         }
     };
+    const loadMore = ()=>{
+        setPage((prevPage)=>prevPage + 1);
+        setPrevPage((prevPage)=>prevPage + 1);
+    };
     const [fetch, { data, loading }] = (0, _client.useLazyQuery)((0, _graphqltag.gql)(fetcher.query), _object_spread_props(_object_spread({}, fetcher.queryOptions), {
         variables: {
             where: getWhere(),
@@ -229,10 +235,6 @@ const FxAsyncDropdown = (props)=>{
         defaultValue,
         defaultValueData
     ]);
-    (0, _react.useEffect)(()=>{
-        setFetchedProps(props);
-        setDisplayed(multiple ? [] : '');
-    }, []);
     const handleSearch = (e)=>{
         setSearchValue(e.target.value);
         setReason('searched');
@@ -247,7 +249,7 @@ const FxAsyncDropdown = (props)=>{
                 if (displayed.map((item)=>{
                     return item[title_path];
                 }).includes(clicked)) {
-                    (0, _helpers.deleteOneItem)(option, fetchedProps, displayed, setDisplayed);
+                    (0, _helpers.deleteOneItem)(option, props, displayed, setDisplayed);
                 } else {
                     if (onAdd) {
                         onAdd(option);
@@ -260,7 +262,7 @@ const FxAsyncDropdown = (props)=>{
                         option
                     ];
                     setDisplayed(opts);
-                    (0, _helpers.addToStoredDisplayed)(option, fetchedProps);
+                    (0, _helpers.addToStoredDisplayed)(option, props);
                 }
                 break;
             default:
@@ -268,7 +270,7 @@ const FxAsyncDropdown = (props)=>{
                 if (onAdd) {
                     onAdd(option);
                 }
-                (0, _helpers.addToStoredDisplayed)(option, fetchedProps);
+                (0, _helpers.addToStoredDisplayed)(option, props);
                 if (!multiple && !defaultValue) {
                     setIsOpen(false);
                 }
@@ -325,7 +327,7 @@ const FxAsyncDropdown = (props)=>{
                                     },
                                     children: [
                                         /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.CheckboxIcon, {
-                                            checked: (0, _helpers.isChecked)(option, displayed, fetchedProps)
+                                            checked: (0, _helpers.isChecked)(option, displayed, props)
                                         }),
                                         getSingleOptionFromListOrDisplayed(option, 'list')
                                     ]
@@ -348,10 +350,6 @@ const FxAsyncDropdown = (props)=>{
                 }
         }
     };
-    // const loadMore = () => {
-    // 	setPage( ( prevPage ) => prevPage + 1 )
-    // 	setPrevPage( ( prevPage ) => prevPage + 1 )
-    // }
     const getCurrentValues = ()=>{
         if (multiple) {
             return getDisplayedValuesMultiple();
@@ -368,14 +366,20 @@ const FxAsyncDropdown = (props)=>{
                     rv = /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ChipOption, {
                         option: option,
                         curValue: clicked,
-                        modal: modal
+                        modal: modal,
+                        fetchedProps: props,
+                        displayed: displayed,
+                        setDisplayed: setDisplayed
                     });
                     break;
                 case 'logo':
                     rv = /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.LogoOption, {
                         option: option,
                         curValue: clicked,
-                        modal: modal
+                        modal: modal,
+                        fetchedProps: props,
+                        displayed: displayed,
+                        setDisplayed: setDisplayed
                     });
                     break;
                 case 'text':
@@ -383,7 +387,10 @@ const FxAsyncDropdown = (props)=>{
                     rv = /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.TextOption, {
                         option: option,
                         curValue: clicked,
-                        modal: modal
+                        modal: modal,
+                        fetchedProps: props,
+                        displayed: displayed,
+                        setDisplayed: setDisplayed
                     });
                     break;
             }
@@ -469,7 +476,7 @@ const FxAsyncDropdown = (props)=>{
                         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
                             onClick: ()=>{
                                 setReason('loaded more');
-                                loadMore(page, prevPage);
+                                loadMore();
                             },
                             children: "load more"
                         })

package/dist/FxAsyncDropdown/components/ChipOption.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
-export declare const ChipOption: ({ option, curValue, modal }: {
+export declare const ChipOption: ({ option, curValue, modal, fetchedProps, displayed, setDisplayed }: {
     option: any;
     curValue: any;
     modal: 'displayed' | 'list';
+    fetchedProps: any;
+    displayed: any;
+    setDisplayed: any;
 }) => React.JSX.Element;

package/dist/FxAsyncDropdown/components/ChipOption.js

@@ -12,14 +12,12 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _FxChip = require("../../FxChip");
 const _helpers = require("../helpers/helpers");
-const _useDropdownStore = /*#__PURE__*/ _interop_require_default(require("./../useDropdownStore"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const ChipOption = ({ option, curValue, modal })=>{
-    const { fetchedProps, displayed, setDisplayed } = (0, _useDropdownStore.default)();
+const ChipOption = ({ option, curValue, modal, fetchedProps, displayed, setDisplayed })=>{
     return modal == 'displayed' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxChip.FxChip, {
         status: curValue,
         label: (0, _helpers.titleCase)(curValue),

package/dist/FxAsyncDropdown/components/ChosenIcon.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
-export declare const ChosenIcon: ({ option, isDisplay }: {
+export declare const ChosenIcon: ({ option, isDisplay, fetchedProps, displayed }: {
     option: any;
     isDisplay: boolean;
+    fetchedProps: any;
+    displayed: any;
 }) => React.JSX.Element | null;

package/dist/FxAsyncDropdown/components/ChosenIcon.js

@@ -12,14 +12,12 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _FxIcon = require("../../FxIcon");
 const _helpers = require("../helpers/helpers");
-const _useDropdownStore = /*#__PURE__*/ _interop_require_default(require("./../useDropdownStore"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const ChosenIcon = ({ option, isDisplay })=>{
-    const { fetchedProps, displayed } = (0, _useDropdownStore.default)();
+const ChosenIcon = ({ option, isDisplay, fetchedProps, displayed })=>{
     const { title_path, multiple, search_path } = fetchedProps;
     const isChecked = (option)=>{
         const clicked = (0, _helpers.getOption)(option, title_path);

package/dist/FxAsyncDropdown/components/DeleteButton.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
-export declare const DeleteButton: ({ option, isDisplay }: {
+export declare const DeleteButton: ({ option, isDisplay, fetchedProps, displayed, setDisplayed }: {
     option: any;
     isDisplay: boolean;
+    fetchedProps: any;
+    displayed: any;
+    setDisplayed: any;
 }) => React.JSX.Element | null;

package/dist/FxAsyncDropdown/components/DeleteButton.js

@@ -11,15 +11,13 @@ Object.defineProperty(exports, "DeleteButton", {
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _material = require("@mui/material");
-const _useDropdownStore = /*#__PURE__*/ _interop_require_default(require("./../useDropdownStore"));
 const _helpers = require("../helpers/helpers");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const DeleteButton = ({ option, isDisplay })=>{
-    const { fetchedProps, displayed, setDisplayed } = (0, _useDropdownStore.default)();
+const DeleteButton = ({ option, isDisplay, fetchedProps, displayed, setDisplayed })=>{
     const { multiple, search_path, getOption, title_path } = fetchedProps !== null && fetchedProps !== void 0 ? fetchedProps : {};
     const isDisplayButton = isDisplay && (multiple && (displayed === null || displayed === void 0 ? void 0 : displayed.length) > 0 || !multiple && displayed[search_path] === getOption(option, title_path));
     switch(isDisplayButton){

package/dist/FxAsyncDropdown/components/LogoOption.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
-export declare const LogoOption: ({ option, curValue, modal }: {
+export declare const LogoOption: ({ option, curValue, modal, fetchedProps, displayed, setDisplayed }: {
     option: any;
     curValue: any;
     modal: 'displayed' | 'list';
+    fetchedProps: any;
+    displayed: any;
+    setDisplayed: any;
 }) => React.JSX.Element;

package/dist/FxAsyncDropdown/components/LogoOption.js

@@ -17,13 +17,12 @@ const _helpers = require("../helpers/helpers");
 const _fixefyhooks = require("@fixefy/fixefy-hooks");
 const _DeleteButton = require("./DeleteButton");
 const _ChosenIcon = require("./ChosenIcon");
-const _useDropdownStore = /*#__PURE__*/ _interop_require_default(require("./../useDropdownStore"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const LogoOption = ({ option, curValue, modal })=>{
+const LogoOption = ({ option, curValue, modal, fetchedProps, displayed, setDisplayed })=>{
     const theme = (0, _styles.useTheme)();
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
         sx: {
@@ -45,7 +44,8 @@ const LogoOption = ({ option, curValue, modal })=>{
                 },
                 children: [
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(Logo, {
-                        option: option
+                        option: option,
+                        fetchedProps: fetchedProps
                     }),
                     /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
                         sx: {
@@ -61,7 +61,10 @@ const LogoOption = ({ option, curValue, modal })=>{
                             }),
                             /*#__PURE__*/ (0, _jsxruntime.jsx)(_DeleteButton.DeleteButton, {
                                 option: option,
-                                isDisplay: modal == 'displayed'
+                                isDisplay: modal == 'displayed',
+                                fetchedProps: fetchedProps,
+                                displayed: displayed,
+                                setDisplayed: setDisplayed
                             })
                         ]
                     })
@@ -69,14 +72,15 @@ const LogoOption = ({ option, curValue, modal })=>{
             }),
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChosenIcon.ChosenIcon, {
                 option: option,
-                isDisplay: modal == 'list'
+                isDisplay: modal == 'list',
+                fetchedProps: fetchedProps,
+                displayed: displayed
             })
         ]
     }, option._id);
 };
-const Logo = ({ option })=>{
+const Logo = ({ option, fetchedProps })=>{
     const getRandomColor = (0, _fixefyhooks.useRandomColor)();
-    const { fetchedProps } = (0, _useDropdownStore.default)();
     const { logo_folder_name, logo_placeholder, name } = fetchedProps !== null && fetchedProps !== void 0 ? fetchedProps : {};
     var _option_name;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {

package/dist/FxAsyncDropdown/components/TextOption.d.ts

@@ -1,6 +1,9 @@
 import React from 'react';
-export declare const TextOption: ({ option, curValue, modal }: {
+export declare const TextOption: ({ option, curValue, modal, fetchedProps, displayed, setDisplayed }: {
     option: any;
     curValue: any;
     modal: 'displayed' | 'list';
+    fetchedProps: any;
+    displayed: any;
+    setDisplayed: any;
 }) => React.JSX.Element;

package/dist/FxAsyncDropdown/components/TextOption.js

@@ -20,7 +20,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const TextOption = ({ option, curValue, modal })=>{
+const TextOption = ({ option, curValue, modal, fetchedProps, displayed, setDisplayed })=>{
     const theme = (0, _styles.useTheme)();
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
         sx: {
@@ -54,14 +54,19 @@ const TextOption = ({ option, curValue, modal })=>{
                         }),
                         /*#__PURE__*/ (0, _jsxruntime.jsx)(_DeleteButton.DeleteButton, {
                             option: option,
-                            isDisplay: modal == 'displayed'
+                            isDisplay: modal == 'displayed',
+                            fetchedProps: fetchedProps,
+                            displayed: displayed,
+                            setDisplayed: setDisplayed
                         })
                     ]
                 })
             }),
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChosenIcon.ChosenIcon, {
                 option: option,
-                isDisplay: modal == 'list'
+                isDisplay: modal == 'list',
+                fetchedProps: fetchedProps,
+                displayed: displayed
             })
         ]
     }, option._id);

package/package.json

@@ -19,8 +19,7 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-use-wizard": "2.3.0",
-    "tss-react": "^4.9.14",
-    "zustand": "^5.0.3"
+    "tss-react": "^4.9.14"
   },
   "devDependencies": {
     "@svgr/webpack": "8.1.0",
@@ -70,5 +69,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.3.53"
+  "version": "0.3.55"
 }