@fixefy/fixefy-ui-components 0.2.60 → 0.2.61

package/dist/FxAsyncDropdown/FxAsyncDropdown.d.ts

@@ -29,5 +29,6 @@ export type AsyncDropdownPropsType = {
     placeholder?: string;
     rootStylesOverride?: any;
     options_path?: string;
+    defaultValue?: any;
 };
 export declare const FxAsyncDropdown: React.ForwardRefExoticComponent<Omit<AsyncDropdownPropsType, "ref"> & React.RefAttributes<unknown>>;

package/dist/FxAsyncDropdown/FxAsyncDropdown.js

@@ -121,6 +121,7 @@ const checkedIcon = /*#__PURE__*/ (0, _jsxruntime.jsx)(_iconsmaterial.CheckBox,
 });
 const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
     const { onAdd, onRemoveOne, onRemoveAll, fetcher, disabled, type = 'text', variables, search_path, modal_type, multiple, name, query, isInitialOpen, placeholder, title_path, rootStylesOverride, logo_placeholder, logo_folder_name, options_path } = props;
+    let { defaultValue } = props;
     const ref = (0, _react.useRef)(null);
     const theme = (0, _material.useTheme)();
     const [displayed, setDisplayed] = (0, _react.useState)(multiple ? [] : '');
@@ -136,6 +137,7 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
     const { where, sort } = fetcher.queryOptions.variables;
     const ws = (0, _nookies.parseCookies)().ws;
     const isLocal = fetcher.query.loc;
+    const [defaultValueWhere, setDefaultValueWhere] = (0, _react.useState)(where);
     const getWhere = ()=>{
         if (method_name == 'workspace') {
             return searchValue ? _object_spread_props(_object_spread({}, where), {
@@ -162,11 +164,23 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
             sort: sort || {}
         }
     }));
+    const [defaultValueFetch, { data: defaultValueData }] = (0, _client.useLazyQuery)((0, _graphqltag.gql)(isLocal ? fetcher.query.loc.source.body : fetcher.query), _object_spread_props(_object_spread({}, fetcher.queryOptions), {
+        variables: {
+            where: defaultValueWhere,
+            sort: sort || {}
+        }
+    }));
     (0, _react.useEffect)(()=>{
         if (!disabled) {
             fetch();
         }
     }, []);
+    (0, _react.useEffect)(()=>{
+        if (!disabled && defaultValue) {
+            defaultValueFetch();
+            defaultValue = null;
+        }
+    }, []);
     (0, _react.useEffect)(()=>{
         const storedData = sessionStorage.getItem(`dropdown-${query}-${name}`);
         if (storedData) {
@@ -197,6 +211,23 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
         data,
         reason
     ]);
+    (0, _react.useEffect)(()=>{
+        if (defaultValue) {
+            setDefaultValueWhere(_object_spread_props(_object_spread({}, where), {
+                [title_path]: defaultValue
+            }));
+        }
+    }, []);
+    (0, _react.useEffect)(()=>{
+        var _defaultValueData_method_name;
+        if (defaultValue && (defaultValueData === null || defaultValueData === void 0 ? void 0 : (_defaultValueData_method_name = defaultValueData[method_name]) === null || _defaultValueData_method_name === void 0 ? void 0 : _defaultValueData_method_name.length) == 1) {
+            //choose default value
+            handleOptionClick(defaultValueData === null || defaultValueData === void 0 ? void 0 : defaultValueData[method_name][0]);
+        }
+    }, [
+        defaultValue,
+        defaultValueData
+    ]);
     const handleSearch = (e)=>{
         setSearchValue(e.target.value);
         setReason('searched');
@@ -260,7 +291,7 @@ const FxAsyncDropdown = /*#__PURE__*/ _react.default.forwardRef((props)=>{
                 setDisplayed(option);
                 onAdd && onAdd(option);
                 addToStoredDisplayed(option);
-                !multiple && setIsOpen(false);
+                !multiple && !defaultValue && setIsOpen(false);
         }
     };
     const deleteOneItem = (item)=>{

package/package.json

@@ -65,5 +65,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.2.60"
+  "version": "0.2.61"
 }