jclib-ui 1.0.65 → 1.0.67

package/dist/BoxSearch/BoxSearch.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from 'react'
+import { ReactNode } from 'react';
+
 
 type Props = {
   isOpen: boolean

package/dist/FormConsulta/FormConsulta.d.ts

@@ -1,4 +1,5 @@
 import { FormConsultaProps } from './FormConsulta.types';
+
 declare function FormConsulta({ titulo, rotaApi, headersApi, rotaApp, cols, ordens, ordemPadrao, campoChave, placeHolder, }: FormConsultaProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FormConsulta {
     var defaultProps: {

package/dist/InputPass/InputPass.d.ts

@@ -1,3 +1,3 @@
-type Props = React.InputHTMLAttributes<HTMLInputElement>
+type Props = React.InputHTMLAttributes<HTMLInputElement> & { autoSelect?: boolean }
 
 export default function InputPassword(props: Props): JSX.Element

package/dist/InputPass/InputPass.styles.d.ts

@@ -1 +1 @@
-export const InputPasswordContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const InputPasswordContainer: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/MainComponents.d.ts

@@ -1,14 +1,14 @@
-export const ButtonEditContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const ButtonEditContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
 export function ButtonEdit({ hint, children, ...rest }: {
     [x: string]: any;
     hint: any;
     children: any;
 }): import("react/jsx-runtime").JSX.Element;
-export const Panel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const PanelTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const PanelBody: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const Title: import("styled-components").StyledComponent<"h3", any, {}, never>;
-export const CheckBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const Panel: import('styled-components').StyledComponent<"div", any, {}, never>;
+export const PanelTitle: import('styled-components').StyledComponent<"div", any, {}, never>;
+export const PanelBody: import('styled-components').StyledComponent<"div", any, {}, never>;
+export const Title: import('styled-components').StyledComponent<"h3", any, {}, never>;
+export const CheckBox: import('styled-components').StyledComponent<"div", any, {}, never>;
 export function IconToggleOn({ color }: {
     color: any;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/ScrollContainer/ScrollContainer.styles.d.ts

@@ -1 +1 @@
-export const MainContainer: import("styled-components").StyledComponent<"main", any, {}, never>;
+export const MainContainer: import('styled-components').StyledComponent<"main", any, {}, never>;

package/dist/alerta/Alerta.d.ts

@@ -1,8 +1,8 @@
+import { Aviso } from './Aviso';
+import { Confirma } from './Confirma';
 export default function Alerta({ onConfirm, text, children }: {
     onConfirm: any;
     text?: string | undefined;
     children: any;
 }): import("react/jsx-runtime").JSX.Element;
-import { Aviso } from './Aviso';
-import { Confirma } from './Confirma';
 export { Aviso, Confirma };

package/dist/alerta/JCAlert.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from 'react'
+import { ReactNode } from 'react';
+
 
 type Props = {
   type: number

package/dist/boxInfo/BoxInfo.styles.d.ts

@@ -1 +1 @@
-export const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const Container: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/buttonClose/buttonStyled.d.ts

@@ -1 +1 @@
-export const ButtonStyled: import("styled-components").StyledComponent<"button", any, {}, never>;
+export const ButtonStyled: import('styled-components').StyledComponent<"button", any, {}, never>;

package/dist/buttonTop/ButtonTop.styles.d.ts

@@ -1 +1 @@
-export const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const Container: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/context/libContext.d.ts

@@ -9,7 +9,7 @@
  * @returns {any}
  */
 export function LibProvider({ apiConfig, children, versionApp, useTheme }: {
-    apiConfig: import("../hooks/createApiConfig").GlobalApiConfig;
+    apiConfig: import('../hooks/createApiConfig').GlobalApiConfig;
     children: React.ReactNode;
     versionApp: string;
     useTheme: boolean;

package/dist/formEdit/formEdit.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 type FormEditProps = {
     title?: string;
     count?: number | string;

package/dist/hooks/createApiConfig.d.ts

@@ -1,4 +1,5 @@
 import { AxiosResponse } from 'axios';
+
 export type GlobalApiConfig = {
     baseURL: string;
     timeout?: number;

package/dist/hooks/useApi.d.ts

@@ -1,5 +1,6 @@
-import axios, { AxiosRequestConfig, AxiosResponse } from 'axios'
-import { globalApiConfig } from './useApi'
+import { default as axios, AxiosRequestConfig, AxiosResponse } from 'axios';
+import { globalApiConfig } from './useApi';
+
 
 export type ApiRequestConfig = AxiosRequestConfig & {
   cache?: boolean

package/dist/hooks/useLocalForage.d.ts

@@ -1,4 +1,5 @@
 import { SetStateAction, Dispatch } from 'react';
+
 export type TLibForageData = {
     data: any;
     versao: number;

package/dist/hooks/useStorage.d.ts

@@ -1,3 +1,4 @@
 import { Dispatch, SetStateAction } from 'react';
+
 export declare function useLocalStorage<T>(key: string, initialValue: T): [T, Dispatch<SetStateAction<T>>];
 export declare function useSessionStorage<T>(key: string, initialValue: T): [T, Dispatch<SetStateAction<T>>];

package/dist/index.d.ts

@@ -1,9 +1,4 @@
-import 'bootstrap/dist/js/bootstrap.min.js';
-import './styles/styles.colors.scss';
-import './styles/styles.global.scss';
-import './styles/styles.scrollbars.scss';
-import './styles/styles.bootstrap.css';
-import './styles/styles.animations.css';
+
 export { default as Alerta, Aviso, Confirma } from './alerta/Alerta';
 export { LibProvider, useLibContext } from './context/libContext';
 export { createApiConfig } from './hooks/createApiConfig';

package/dist/inputColor/inputColor.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import './inputColor.scss';
+
 export type InputColorProps = React.InputHTMLAttributes<HTMLInputElement> & {
     label?: string;
 };

package/dist/inputs/CheckBox.d.ts

@@ -4,4 +4,4 @@ export default function CheckBox({ enabled, onChange, children, ...rest }: {
     onChange: any;
     children: any;
 }): import("react/jsx-runtime").JSX.Element;
-export const LabelArea: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const LabelArea: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/inputs/Formats.d.ts

@@ -1,8 +1,8 @@
 export function FormatValor({ value, money, decimalScale, ...rest }: {
-    [x: string]: any;
     value: any;
     money?: any;
     decimalScale?: any;
+    [x: string]: any;
 }): import("react/jsx-runtime").JSX.Element;
 export namespace FormatValor {
     namespace defaultProps {

package/dist/inputs/Input.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from './Input.types';
-export default function Input(props: InputProps): React.JSX.Element;
+
+export default function Input({ autoSelect, ...props }: InputProps): React.JSX.Element;

package/dist/inputs/Input.types.d.ts

@@ -5,12 +5,15 @@ type Variants = {
     dados?: any;
     setDados?: (value: any) => void;
     onSearch?: (result: any) => any;
+    autoSelect?: boolean;
 } | {
     type: 'percent' | 'quant' | 'real';
     allowNegative?: boolean;
     decimalScale?: number;
+    autoSelect?: boolean;
 } | {
     type: 'finder';
+    autoSelect?: boolean;
     children: React.ReactNode;
     findTitle?: string;
     findPlaceHolder?: string;
@@ -21,6 +24,7 @@ type Variants = {
     findOnSelect: (keyValue: any, item: any) => void;
 } | {
     type: InputTypes;
+    autoSelect?: boolean;
 };
 export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & Variants;
 export {};

package/dist/inputs/InputCep.d.ts

@@ -4,11 +4,13 @@
  *  dados?: {}
  *  setDados?: (value: any) => void
  *  onSearch?: (result) => void
+ * [x: string]: any
  * }} props
  * @returns {React.JSX.Element}
  */
 export default function InputCep({ dados, setDados, onSearch, ...rest }: {
-    dados?: {} | undefined;
-    setDados?: ((value: any) => void) | undefined;
-    onSearch?: ((result: any) => void) | undefined;
+    dados?: {};
+    setDados?: (value: any) => void;
+    onSearch?: (result) => void;
+    [x: string]: any;
 }): React.JSX.Element;

package/dist/inputs/inputs.d.ts

@@ -1,13 +1,18 @@
-export function InputValor({ name, onChange, allowNegative, ...rest }: {
+import { default as InputCep } from './InputCep';
+import { default as InputFone } from './InputFone';
+import { FormatValor, FormatQuant, FormatPercent, FormatData } from './Formats';
+export function InputValor({ name, onChange, onClick, allowNegative, ...rest }: {
     [x: string]: any;
     name: any;
     onChange: any;
+    onClick: any;
     allowNegative?: boolean | undefined;
 }): import("react/jsx-runtime").JSX.Element;
-export function InputQuant({ name, onChange, allowNegative, decimalScale, ...rest }: {
+export function InputQuant({ name, onChange, onClick, allowNegative, decimalScale, ...rest }: {
     [x: string]: any;
     name: any;
     onChange: any;
+    onClick: any;
     allowNegative?: boolean | undefined;
     decimalScale?: number | undefined;
 }): import("react/jsx-runtime").JSX.Element;
@@ -40,10 +45,4 @@ export function InputFinder({ title, onFind, children, ...rest }: {
     onFind: any;
     children: any;
 }): import("react/jsx-runtime").JSX.Element;
-import InputCep from './InputCep';
-import InputFone from './InputFone';
-import { FormatValor } from './Formats';
-import { FormatQuant } from './Formats';
-import { FormatPercent } from './Formats';
-import { FormatData } from './Formats';
 export { InputCep, InputFone, FormatValor, FormatQuant, FormatPercent, FormatData };

package/dist/jclib-ui.es.js

@@ -3842,11 +3842,6 @@ function requireReactJsxRuntime_development() {
       }
       function getSourceInfoErrorAddendum(source) {
         {
-          if (source !== void 0) {
-            var fileName = source.fileName.replace(/^.*[\\\/]/, "");
-            var lineNumber = source.lineNumber;
-            return "\n\nCheck your code at " + fileName + ":" + lineNumber + ".";
-          }
           return "";
         }
       }
@@ -3963,6 +3958,7 @@ function requireReactJsxRuntime_development() {
           }
         }
       }
+      var didWarnAboutKeySpread = {};
       function jsxWithValidation(type, props, key, isStaticChildren, source, self2) {
         {
           var validType = isValidElementType(type);
@@ -3971,7 +3967,7 @@ function requireReactJsxRuntime_development() {
             if (type === void 0 || typeof type === "object" && type !== null && Object.keys(type).length === 0) {
               info += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
             }
-            var sourceInfo = getSourceInfoErrorAddendum(source);
+            var sourceInfo = getSourceInfoErrorAddendum();
             if (sourceInfo) {
               info += sourceInfo;
             } else {
@@ -4013,6 +4009,20 @@ function requireReactJsxRuntime_development() {
               }
             }
           }
+          {
+            if (hasOwnProperty.call(props, "key")) {
+              var componentName = getComponentNameFromType(type);
+              var keys = Object.keys(props).filter(function(k2) {
+                return k2 !== "key";
+              });
+              var beforeExample = keys.length > 0 ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
+              if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+                var afterExample = keys.length > 0 ? "{" + keys.join(": ..., ") + ": ...}" : "{}";
+                error('A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
+                didWarnAboutKeySpread[componentName + beforeExample] = true;
+              }
+            }
+          }
           if (type === REACT_FRAGMENT_TYPE) {
             validateFragmentProps(element);
           } else {
@@ -7695,11 +7705,11 @@ function useApi(initialConfig = {}) {
     }
   }
   async function callRequest(localConfig) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e2;
     let response;
     let auth = {
-      username: globalApiConfig.auth.username,
-      password: globalApiConfig.auth.password
+      username: (_a = globalApiConfig.auth) == null ? void 0 : _a.username,
+      password: (_b = globalApiConfig.auth) == null ? void 0 : _b.password
     };
     initialConfig.headers = { ...initialConfig.headers, ...localConfig == null ? void 0 : localConfig.headers };
     if (globalApiConfig.getToken) {
@@ -7748,6 +7758,7 @@ function useApi(initialConfig = {}) {
       };
     } catch (err) {
       if ((err == null ? void 0 : err.code) == "ERR_NETWORK") {
+        console.log("Erro original:", err);
         response = {
           ...initialRequestInfo,
           isError: true,
@@ -7759,8 +7770,8 @@ function useApi(initialConfig = {}) {
           ...initialRequestInfo,
           isError: true,
           status: err.response.status,
-          message: (_a = err.response.data) == null ? void 0 : _a.error,
-          code: (_b = err.response.data) == null ? void 0 : _b.code
+          message: (_c = err.response.data) == null ? void 0 : _c.error,
+          code: (_d = err.response.data) == null ? void 0 : _d.code
         };
         switch (err.response.status) {
           case 400: {
@@ -7782,7 +7793,7 @@ function useApi(initialConfig = {}) {
             break;
           }
           case 405: {
-            response.message = `Método [${((_c = finalConfig.method) == null ? void 0 : _c.toUpperCase()) || "GET"}] indisponível!`;
+            response.message = `Método [${((_e2 = finalConfig.method) == null ? void 0 : _e2.toUpperCase()) || "GET"}] indisponível!`;
             break;
           }
         }
@@ -7794,8 +7805,9 @@ function useApi(initialConfig = {}) {
         };
     }
     const vmens = `timeout of ${globalApiConfig.timeout}ms exceeded`;
-    if (response.message == vmens || response.message == "Network Error")
+    if (response.message == vmens || response.message == "Network Error") {
       response.message = "Sem conexão com o servidor!";
+    }
     if (response.isError) {
       response.error = response.message;
     } else {
@@ -9387,7 +9399,7 @@ var D, P = function() {
         t4(e2);
       })).then(a2, u2);
     }
-    s2((n2 = n2.apply(t2, e || [])).next());
+    s2((n2 = n2.apply(t2, [])).next());
   });
 }, J = function(t2, e) {
   var r, n2, o2, i2, a2 = { label: 0, sent: function() {
@@ -18403,7 +18415,7 @@ var bo = function() {
         t4(e2);
       })).then(a2, u2);
     }
-    s2((n2 = n2.apply(t2, e || [])).next());
+    s2((n2 = n2.apply(t2, [])).next());
   });
 }, No = function(t2, e) {
   var r, n2, o2, i2, a2 = { label: 0, sent: function() {
@@ -19561,7 +19573,20 @@ function handleChangeLocal(values, name, onChange) {
     onChange(newEvent);
   }
 }
-const InputValor = ({ name, onChange, allowNegative = false, ...rest }) => {
+const InputValor = ({
+  name,
+  onChange,
+  onClick,
+  allowNegative = false,
+  ...rest
+}) => {
+  function handleClick(e) {
+    if (onClick) {
+      onClick(e);
+    } else {
+      e.target.select();
+    }
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     NumberFormat,
     {
@@ -19573,6 +19598,7 @@ const InputValor = ({ name, onChange, allowNegative = false, ...rest }) => {
       className: "form-control",
       allowNegative,
       onValueChange: (values) => handleChangeLocal(values, name, onChange),
+      onClick: handleClick,
       ...rest
     }
   );
@@ -19580,10 +19606,18 @@ const InputValor = ({ name, onChange, allowNegative = false, ...rest }) => {
 const InputQuant = ({
   name,
   onChange,
+  onClick,
   allowNegative = true,
   decimalScale = 2,
   ...rest
 }) => {
+  function handleClick(e) {
+    if (onClick) {
+      onClick(e);
+    } else {
+      e.target.select();
+    }
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     NumberFormat,
     {
@@ -19595,6 +19629,7 @@ const InputQuant = ({
       decimalScale,
       allowNegative,
       onValueChange: (values) => handleChangeLocal(values, name, onChange),
+      onClick: handleClick,
       ...rest
     }
   );
@@ -19895,16 +19930,36 @@ function InputFinder({
     )
   ] });
 }
-function Input(props) {
+function Input({
+  autoSelect,
+  ...props
+}) {
+  function handleClick(e) {
+    if (props.onClick) {
+      props.onClick(e);
+    } else {
+      if (autoSelect) {
+        e.currentTarget.select();
+      }
+    }
+  }
   switch (props.type) {
     case "cep":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputCep, { ...props });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputCep, { onClick: handleClick, ...props });
     case "cpf":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputCpf, { ...props });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputCpf, { onClick: handleClick, ...props });
     case "cnpj":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputCnpj, { ...props });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputCnpj, { onClick: handleClick, ...props });
     case "codigo":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputCodigo, { name: props.name, onChange: props.onChange, ...props });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        InputCodigo,
+        {
+          name: props.name,
+          onChange: props.onChange,
+          onClick: handleClick,
+          ...props
+        }
+      );
     case "fone":
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         InputFone,
@@ -19912,23 +19967,48 @@ function Input(props) {
           name: props.name,
           onChange: props.onChange,
           value: props.value,
+          onClick: handleClick,
           ...props
         }
       );
     case "uf":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputEstado, { ...props });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputEstado, { onClick: handleClick, ...props });
     case "hora":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputHora, { ...props });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputHora, { onClick: handleClick, ...props });
     case "percent":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputPercent, { name: props.name, onChange: props.onChange, ...props });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        InputPercent,
+        {
+          name: props.name,
+          onChange: props.onChange,
+          onClick: handleClick,
+          ...props
+        }
+      );
     case "quant":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputQuant, { name: props.name, onChange: props.onChange, ...props });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        InputQuant,
+        {
+          name: props.name,
+          onChange: props.onChange,
+          onClick: handleClick,
+          ...props
+        }
+      );
     case "real":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputValor, { name: props.name, onChange: props.onChange, ...props });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        InputValor,
+        {
+          name: props.name,
+          onChange: props.onChange,
+          onClick: handleClick,
+          ...props
+        }
+      );
     case "finder":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputFinder, { ...props });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputFinder, { onClick: handleClick, ...props });
     default:
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("input", { className: "form-control", ...props });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("input", { className: "form-control", onClick: handleClick, ...props });
   }
 }
 const Container$3 = styled.div`
@@ -19992,15 +20072,32 @@ const InputPasswordContainer = styled.div`
     }
   }
 `;
-function InputPassword({ disabled, ...rest }) {
+function InputPassword({ disabled, autoSelect, ...rest }) {
   const [showPass, setShowPass] = useState(false);
   const handleClickEye = () => {
     if (!disabled) {
       setShowPass(!showPass);
     }
   };
+  function handleClick(e) {
+    if (rest.onClick) {
+      rest.onClick(e);
+    } else {
+      if (autoSelect) {
+        e.currentTarget.select();
+      }
+    }
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(InputPasswordContainer, { disabled, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: showPass ? "text" : "password", disabled, ...rest }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "input",
+      {
+        type: showPass ? "text" : "password",
+        disabled,
+        onClick: handleClick,
+        ...rest
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "i",
       {
@@ -20098,6 +20195,9 @@ function ModalBoxDrag({
     return null;
   }
   function startDrag(e) {
+    if (isMobile()) {
+      return;
+    }
     controls.start(e);
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Container$2, { maxWidth, ref: modalRef, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -20497,7 +20597,6 @@ const Container = styled.div`
 function CheckUpdates() {
   const showRef = useRef();
   function checkUpdate() {
-    console.info("App:", window.location.origin);
     if ("serviceWorker" in navigator && window.location.origin.startsWith("http")) {
       console.log("Procurando atualizações...");
       navigator.serviceWorker.getRegistration().then((registration) => {