tp-react-elements-dev 1.14.14 → 1.15.1

package/dist/_virtual/index.esm10.js

@@ -1,3 +1,3 @@
-var propTypes = {exports: {}};
+var accessibility = {};
 
-export { propTypes as __module };
+export { accessibility as __exports };

package/dist/_virtual/index.esm11.js

@@ -1,3 +1,3 @@
-var InputRangeField = {};
+var DayCell = {};
 
-export { InputRangeField as __exports };
+export { DayCell as __exports };

package/dist/_virtual/index.esm12.js

@@ -1,3 +1,3 @@
-var DayCell = {};
+var InputRangeField = {};
 
-export { DayCell as __exports };
+export { InputRangeField as __exports };

package/dist/_virtual/index.esm4.js

@@ -1,3 +1,3 @@
-var Calendar = {};
+var DateRange = {};
 
-export { Calendar as __exports };
+export { DateRange as __exports };

package/dist/_virtual/index.esm5.js

@@ -1,3 +1,3 @@
-var DefinedRange = {};
+var DateRangePicker = {};
 
-export { DefinedRange as __exports };
+export { DateRangePicker as __exports };

package/dist/_virtual/index.esm6.js

@@ -1,3 +1,3 @@
-var DateRangePicker = {};
+var DefinedRange = {};
 
-export { DateRangePicker as __exports };
+export { DefinedRange as __exports };

package/dist/_virtual/index.esm7.js

@@ -1,3 +1,3 @@
-var DateRange = {};
+var Calendar = {};
 
-export { DateRange as __exports };
+export { Calendar as __exports };

package/dist/_virtual/index.esm9.js

@@ -1,3 +1,3 @@
-var accessibility = {};
+var propTypes = {exports: {}};
 
-export { accessibility as __exports };
+export { propTypes as __module };

package/dist/components/Form/FormConstants.esm.js

@@ -9,6 +9,11 @@ const useFormValidatingContext = (formArray) => {
         const base = validationShape[field.name] || Yup.mixed();
         validationShape[field.name] = base.test('custom-check', field.customErrorMessage || 'Invalid value', (value) => (field.customValidation ? field.customValidation(value) : true));
     };
+    // Add null check to prevent forEach error
+    if (!formArray || !Array.isArray(formArray)) {
+        const validationSchema = Yup.object().shape(validationShape);
+        return { validationSchema, initialValues };
+    }
     formArray.forEach((field) => {
         switch (field.inputType) {
             case 'text':
@@ -217,6 +222,7 @@ const useFormValidatingContext = (formArray) => {
                 }
                 break;
             case 'select':
+            case 'single-select-search':
             case 'autocomplete-select': // alias for searchable select
                 initialValues[field.name] = '';
                 if (field.required && field.errorMessage) {

package/dist/components/Form/FormRender.esm.js

@@ -15,6 +15,7 @@ import FormActiveSwitch from './FormActiveSwitch.esm.js';
 import FormTextFieldWithSelect from '../FormComponents/FormTextFieldWithSelect/FormTextFieldWithSelect.esm.js';
 import DateRangePickerComponent from '../DateRangePicker/DateRangePicker.esm.js';
 import RichTextEditorWrapper from '../FormComponents/RichTextEditor/RichTextEditorWrapper.esm.js';
+import SingleSelectSearchApi from '../FormComponents/Select/SingleSelectSearchApi.esm.js';
 
 // Lazy-loaded heavy components
 // const RichTextEditorWrapper = lazy(() =>
@@ -83,6 +84,8 @@ const RenderForm = (props) => {
         // Autocomplete multi-select with checkboxes
         case 'autocomplete-multi-select':
             return jsx(MultiSelectAutocomplete, { props: props, variant: variant });
+        case 'single-select-search':
+            return jsx(SingleSelectSearchApi, { props: props, variant: variant });
         // Dropdown select (non auto-complete)
         case 'select-v2':
         case 'basic-select': // new alias

package/dist/components/FormComponents/Select/SingleSelectSearchApi.d.ts

@@ -1,2 +1,6 @@
-declare const _default: never;
-export default _default;
+import { FormRenderProps, VariantProps } from '../../../utils';
+declare const SingleSelectSearchApi: ({ props, variant, }: {
+    props: FormRenderProps;
+    variant: VariantProps;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SingleSelectSearchApi;

package/dist/components/FormComponents/Select/SingleSelectSearchApi.esm.js

@@ -1,200 +1,83 @@
-// import { ErrorMessage } from "@hookform/error-message";
-// import {
-//   Autocomplete,
-//   Skeleton,
-//   Stack,
-//   TextField,
-//   Tooltip,
-//   Typography,
-// } from "@mui/material";
-// import { makeStyles } from "@mui/styles";
-// import React, { useEffect, useState } from "react";
-// import { Controller } from "react-hook-form";
-// import { ErrorMessageComponent, OptionRender } from "../Form.styles";
-// import { FormRenderProps } from "../../../Utilities/Interface/FormInterface";
-// const useStyles = makeStyles((theme) => ({
-//   option: {
-//     fontSize: "11px", // Adjust the font size as needed
-//   },
-//   option2: {
-//     fontSize: "14px",
-//   },
-// }));
-// const SingleSelectSearchApi = ({ props }: { props: FormRenderProps }) => {
-//   const classes = useStyles();
-//   const [searchValue, setSearchValue] = useState<string>("");
-//   const [optionsFetched, setOptionsFetched] = useState([]);
-//   const [isLoading, setIsLoading] = useState<boolean>(false);
-//   console.log(
-//     props.getValues(props.item.name),
-//     "props.getValues(props.item.name)"
-//   );
-//   useEffect(() => {
-//     const controller = new AbortController();
-//     const signal = controller.signal;
-//     if (props?.item?.autoFIll && props.getValues(props.item.name)) {
-//       setSearchValue(props.getValues(props.item.name));
-//       setOptionsFetched([]);
-//     } else if (props.getValues(props.item.name)) {
-//       setSearchValue(props.getValues(props.item.name));
-//     }
-//     // if(searchValue!==''){
-//     setIsLoading(true);
-//     props.item.AxiosInstance.get(
-//       props.item.ApiInstance + `&${props.item.searchInstance}=${searchValue}`,
-//       {
-//         signal,
-//         headers: {
-//           Authorization: `Bearer ${props.item.tokenInstance}`,
-//         },
-//       }
-//     )
-//       .then((res) => {
-//         setOptionsFetched(res.data);
-//         setIsLoading(false);
-//         props.item.setLoadedPaginationOptions &&
-//           props.item.setLoadedPaginationOptions(res.data);
-//       })
-//       .catch((err) => {
-//         console.log(err, "error");
-//       });
-//     return () => controller.abort();
-//     // }
-//   }, [
-//     searchValue,
-//     props.getValues(props.item.name),
-//     props.item.ApiInstance,
-//     props?.item?.autoFIll,
-//     props?.item?.tokenInstance
-//   ]);
-//   useEffect(() => {
-//     if (props.item?.ApiInstanceReferal) {
-//       setSearchValue("");
-//     }
-//   }, [props.item?.ApiInstanceReferal]);
-//   const isOptionEqualToValue = (option: any, value: any) =>
-//     option?.value === value?.value; // Assuming there's a 'value' property in your options
-//   return (
-//     <Controller
-//       control={props.control}
-//       name={props.item.name}
-//       render={({ field }) => (
-//         <>
-//           <Autocomplete
-//             {...field}
-//             value={
-//               props.getValues(props.item.name)
-//                 ? optionsFetched?.find(
-//                     (item) => item?.value === props.getValues(props.item.name)
-//                   )
-//                 : null
-//             }
-//             onChange={(_, newValue) => {
-//               // field.onChange(newValue);
-//               props.setValue(props.item.name, newValue?.value);
-//               props?.item?.onChangeFn &&
-//                 props?.item?.onChangeFn(newValue?.value);
-//               props?.clearErrors && props?.clearErrors(props.item.name);
-//             }}
-//             size="small"
-//             sx={{
-//               "& .MuiAutocomplete-input": {
-//                 padding: "0px 0px 0px 5px !important",
-//               },
-//               "& .css-erkti9-MuiFormLabel-root-MuiInputLabel-root ": {
-//                 top: "-5px",
-//               },
-//             }}
-//             disabled={props.item.disable}
-//             options={optionsFetched}
-//             classes={{
-//               option:
-//                 props.item.size === "extrasmall"
-//                   ? classes.option
-//                   : classes.option2,
-//             }}
-//             getOptionLabel={(option) => option.label}
-//             renderInput={(params) => {
-//               return (
-//                 <Tooltip
-//                   title={params.inputProps.value && params.inputProps.value}
-//                 >
-//                   <TextField
-//                     {...params}
-//                     onChange={(e) => {
-//                       setSearchValue(e.target.value);
-//                     }}
-//                     placeholder={props.item.placeholder}
-//                     label={props.item.label}
-//                   />
-//                 </Tooltip>
-//               );
-//             }}
-//             PaperComponent={({ children }) => (
-//               <div
-//                 style={{
-//                   background: "#fff",
-//                 }}
-//               >
-//                 {isLoading ? (
-//                   <Stack padding={2} spacing={1}>
-//                     <Skeleton
-//                       variant="rectangular"
-//                       width={"100%"}
-//                       height={20}
-//                     />
-//                     <Skeleton
-//                       variant="rectangular"
-//                       width={"100%"}
-//                       height={20}
-//                     />
-//                     <Skeleton
-//                       variant="rectangular"
-//                       width={"100%"}
-//                       height={20}
-//                     />
-//                     <Skeleton
-//                       variant="rectangular"
-//                       width={"100%"}
-//                       height={20}
-//                     />
-//                     <Skeleton
-//                       variant="rectangular"
-//                       width={"100%"}
-//                       height={20}
-//                     />
-//                     <Skeleton
-//                       variant="rectangular"
-//                       width={"100%"}
-//                       height={20}
-//                     />
-//                   </Stack>
-//                 ) : (
-//                   children
-//                 )}
-//               </div>
-//             )}
-//             isOptionEqualToValue={isOptionEqualToValue}
-//           />
-//           {props?.item?.helperText && (
-//             <span
-//               style={{
-//                 fontSize: "11px",
-//                 color: "#3651d3",
-//               }}
-//             >
-//               ({props?.item?.helperText})
-//             </span>
-//           )}
-//           <ErrorMessageComponent>
-//             <ErrorMessage errors={props.errors} name={props.item.name} />
-//           </ErrorMessageComponent>
-//         </>
-//       )}
-//     />
-//   );
-// };
-// export default SingleSelectSearchApi;
-var undefined$1 = undefined;
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Autocomplete, Stack, Skeleton, Tooltip, TextField } from '@mui/material';
+import { useState, useEffect } from 'react';
+import { Controller } from 'react-hook-form';
+import '../../../node_modules/axios/index.esm.js';
+import 'dayjs';
+import { renderLabel } from '../../../utils/Constants/FormConstants.esm.js';
+import FormBottomField from '../FormBottomField/FormBottomField.esm.js';
+import axios from '../../../node_modules/axios/lib/axios.esm.js';
 
-export { undefined$1 as default };
+// Create axios instance or import your configured jwtAxios
+const jwtAxios = axios.create();
+const SingleSelectSearchApi = ({ props, variant, }) => {
+    const [searchValue, setSearchValue] = useState('');
+    const [optionsFetched, setOptionsFetched] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    useEffect(() => {
+        // eslint-disable-next-line no-undef
+        const controller = new AbortController();
+        const signal = controller.signal;
+        if (props?.item?.autoFIll && props.getValues(props.item.name)) {
+            setSearchValue(props.getValues(props.item.name));
+            setOptionsFetched([]);
+        }
+        else if (props.getValues(props.item.name)) {
+            setSearchValue('');
+        }
+        setIsLoading(true);
+        jwtAxios
+            .get(props.item.api + `&${props.item.searchValue || 'searchvalue'}=${searchValue}`, {
+            signal,
+            headers: props.item.jwtHeader,
+        })
+            .then((res) => {
+            setOptionsFetched(res.data);
+            setIsLoading(false);
+            props.item.setLoadList && props.item.setLoadList(res.data);
+        })
+            .catch((err) => {
+            console.log(err, 'error');
+            setIsLoading(false);
+        });
+        // }
+        // }
+        return () => controller.abort();
+    }, [searchValue, props.item.api, props.getValues(props.item.name), props?.item?.autoFIll]);
+    // useEffect(() => {
+    //   setSearchValue('');
+    // }, [props.item?.changeValue]);
+    const isOptionEqualToValue = (option, value) => option?.value === value?.value; // Assuming there's a 'value' property in your options
+    return (jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxs(Fragment, { children: [renderLabel(variant, props), jsx(Autocomplete, { ...field, value: props.getValues(props.item.name)
+                        ? optionsFetched?.find((item) => item.value === props.getValues(props.item.name))
+                        : null, onChange: (_, newValue) => {
+                        // field.onChange(newValue);
+                        props.setValue(props.item.name, newValue?.value);
+                        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+                        props?.item?.onChangeFn && props?.item?.onChangeFn(newValue?.value);
+                        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+                        props?.clearErrors && props?.clearErrors(props.item.name);
+                    }, size: "small", sx: {
+                        '& .MuiAutocomplete-input': {
+                            padding: '0px 0px 0px 5px !important',
+                        },
+                        '& .css-erkti9-MuiFormLabel-root-MuiInputLabel-root ': {
+                            top: '-5px',
+                        },
+                        '& .MuiAutocomplete-option': {
+                            fontSize: '16px',
+                        },
+                    }, disabled: props.item.disable, options: optionsFetched, getOptionLabel: (option) => option.label, renderInput: (params) => {
+                        return (jsx(Tooltip, { title: params.inputProps.value && params.inputProps.value, children: jsx(TextField, { ...params, onChange: (e) => {
+                                    setSearchValue(e.target.value);
+                                }, placeholder: props.item.placeholder, label: props.item.label }) }));
+                    }, PaperComponent: ({ children }) => (jsx("div", { style: {
+                            background: '#fff',
+                        }, children: isLoading ? (jsxs(Stack, { padding: 2, spacing: 1, children: [jsx(Skeleton, { variant: "rectangular", width: '100%', height: 20 }), jsx(Skeleton, { variant: "rectangular", width: '100%', height: 20 }), jsx(Skeleton, { variant: "rectangular", width: '100%', height: 20 }), jsx(Skeleton, { variant: "rectangular", width: '100%', height: 20 }), jsx(Skeleton, { variant: "rectangular", width: '100%', height: 20 }), jsx(Skeleton, { variant: "rectangular", width: '100%', height: 20 })] })) : (children) })), isOptionEqualToValue: isOptionEqualToValue }), props?.item?.helperText && (jsxs("span", { style: {
+                        fontFamily: 'Roboto-Reg',
+                        fontSize: '11px',
+                        color: '#3651d3',
+                    }, children: ["(", props?.item?.helperText, ")"] })), jsx(FormBottomField, { ...props })] })) }));
+};
+
+export { SingleSelectSearchApi as default };

package/dist/components/FormComponents/index.esm.js

@@ -32,7 +32,7 @@ import '@mui/icons-material/UploadFile';
 import '@mui/icons-material/PictureAsPdf';
 import '@mui/icons-material/TableChart';
 import '@mui/icons-material/Description';
-export { default as FormErrorField } from './FormErrorField/FormErrorField.esm.js';
-export { default as HelperText } from './HelperText/HelperText.esm.js';
 export { default as RichTextEditor } from './RichTextEditor/RichTextEditor.esm.js';
 export { default as RichTextEditorWrapper } from './RichTextEditor/RichTextEditorWrapper.esm.js';
+export { default as FormErrorField } from './FormErrorField/FormErrorField.esm.js';
+export { default as HelperText } from './HelperText/HelperText.esm.js';

package/dist/node_modules/axios/index.esm.js

@@ -0,0 +1,25 @@
+import axios from './lib/axios.esm.js';
+
+// This module is intended to unwrap Axios default export as named.
+// Keep top-level export same with static properties
+// so that it can keep same with es module or cjs
+const {
+  Axios,
+  AxiosError,
+  CanceledError,
+  isCancel,
+  CancelToken,
+  VERSION,
+  all,
+  Cancel,
+  isAxiosError,
+  spread,
+  toFormData,
+  AxiosHeaders,
+  HttpStatusCode,
+  formToJSON,
+  getAdapter,
+  mergeConfig
+} = axios;
+
+export { Axios, AxiosError, AxiosHeaders, Cancel, CancelToken, CanceledError, HttpStatusCode, VERSION, all, axios as default, formToJSON, getAdapter, isAxiosError, isCancel, mergeConfig, spread, toFormData };

package/dist/node_modules/axios/lib/adapters/adapters.esm.js

@@ -0,0 +1,128 @@
+import utils from '../utils.esm.js';
+import httpAdapter from '../helpers/null.esm.js';
+import xhrAdapter from './xhr.esm.js';
+import { getFetch } from './fetch.esm.js';
+import AxiosError from '../core/AxiosError.esm.js';
+
+/**
+ * Known adapters mapping.
+ * Provides environment-specific adapters for Axios:
+ * - `http` for Node.js
+ * - `xhr` for browsers
+ * - `fetch` for fetch API-based requests
+ * 
+ * @type {Object<string, Function|Object>}
+ */
+const knownAdapters = {
+  http: httpAdapter,
+  xhr: xhrAdapter,
+  fetch: {
+    get: getFetch,
+  }
+};
+
+// Assign adapter names for easier debugging and identification
+utils.forEach(knownAdapters, (fn, value) => {
+  if (fn) {
+    try {
+      Object.defineProperty(fn, 'name', { value });
+    } catch (e) {
+      // eslint-disable-next-line no-empty
+    }
+    Object.defineProperty(fn, 'adapterName', { value });
+  }
+});
+
+/**
+ * Render a rejection reason string for unknown or unsupported adapters
+ * 
+ * @param {string} reason
+ * @returns {string}
+ */
+const renderReason = (reason) => `- ${reason}`;
+
+/**
+ * Check if the adapter is resolved (function, null, or false)
+ * 
+ * @param {Function|null|false} adapter
+ * @returns {boolean}
+ */
+const isResolvedHandle = (adapter) => utils.isFunction(adapter) || adapter === null || adapter === false;
+
+/**
+ * Get the first suitable adapter from the provided list.
+ * Tries each adapter in order until a supported one is found.
+ * Throws an AxiosError if no adapter is suitable.
+ * 
+ * @param {Array<string|Function>|string|Function} adapters - Adapter(s) by name or function.
+ * @param {Object} config - Axios request configuration
+ * @throws {AxiosError} If no suitable adapter is available
+ * @returns {Function} The resolved adapter function
+ */
+function getAdapter(adapters, config) {
+  adapters = utils.isArray(adapters) ? adapters : [adapters];
+
+  const { length } = adapters;
+  let nameOrAdapter;
+  let adapter;
+
+  const rejectedReasons = {};
+
+  for (let i = 0; i < length; i++) {
+    nameOrAdapter = adapters[i];
+    let id;
+
+    adapter = nameOrAdapter;
+
+    if (!isResolvedHandle(nameOrAdapter)) {
+      adapter = knownAdapters[(id = String(nameOrAdapter)).toLowerCase()];
+
+      if (adapter === undefined) {
+        throw new AxiosError(`Unknown adapter '${id}'`);
+      }
+    }
+
+    if (adapter && (utils.isFunction(adapter) || (adapter = adapter.get(config)))) {
+      break;
+    }
+
+    rejectedReasons[id || '#' + i] = adapter;
+  }
+
+  if (!adapter) {
+    const reasons = Object.entries(rejectedReasons)
+      .map(([id, state]) => `adapter ${id} ` +
+        (state === false ? 'is not supported by the environment' : 'is not available in the build')
+      );
+
+    let s = length ?
+      (reasons.length > 1 ? 'since :\n' + reasons.map(renderReason).join('\n') : ' ' + renderReason(reasons[0])) :
+      'as no adapter specified';
+
+    throw new AxiosError(
+      `There is no suitable adapter to dispatch the request ` + s,
+      'ERR_NOT_SUPPORT'
+    );
+  }
+
+  return adapter;
+}
+
+/**
+ * Exports Axios adapters and utility to resolve an adapter
+ */
+var adapters = {
+  /**
+   * Resolve an adapter from a list of adapter names or functions.
+   * @type {Function}
+   */
+  getAdapter,
+
+  /**
+   * Exposes all known adapters
+   * @type {Object<string, Function|Object>}
+   */
+  adapters: knownAdapters
+};
+
+export { adapters as default };