linear-react-components-ui 2.0.0-beta.1 → 2.0.0-beta.2

package/lib/inputs/multiSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/multiSelect/index.tsx"],"sourcesContent":["import _ from 'lodash';\nimport * as uuid from 'uuid';\nimport { useEffect, useRef, useState } from 'react';\nimport { DataCombo } from '../../@types/DataCombo';\nimport { OnDenied } from '../../@types/PermissionAttr';\nimport InputTextBase from '../base/InputTextBase';\nimport { CustomInputEvent } from '../base/types';\nimport ActionButtons from './ActionButtons';\nimport Dropdown from './Dropdown';\nimport getFilteredDataCombo from './helper';\nimport { IMultiSelectProps } from './types';\nimport '../../assets/styles/multiSelect.scss';\n\nconst MultiSelectField = (props: IMultiSelectProps) => {\n  const {\n    onSelect, idKey, disabled = false, dataSource, descriptionKey, value, onBlur, gridLayout,\n    dropdownAlignButton = 'left', dropdownMaxWidth = undefined,\n  } = props;\n\n  const componentId = `multiSelect-component${uuid.v1()}`;\n  const [dataCombo, setDataCombo] = useState(dataSource);\n  const [selecteds, setSelecteds] = useState<DataCombo[] | null>();\n  const [inputValue, setInputValue] = useState('');\n  const [label, setLabel] = useState('Nenhum selecionado');\n  const [dropdownWidth, setDropdownWidth] = useState(0);\n  const [isAllChecked, setIsAllChecked] = useState(false);\n  const [opened, setOpened] = useState(false);\n  const [onDenied, setOnDenied] = useState<OnDenied>();\n  const [insideComponent, setInsideComponent] = useState(false);\n  const [elementStyles, setElementStyles] = useState<CSSStyleDeclaration>();\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const componentRef = useRef<HTMLDivElement>(null);\n  const selectWrapper = useRef<HTMLDivElement | HTMLTextAreaElement>(null);\n\n  const handleOnSelect = (itemSelected: DataCombo) => {\n    if (itemSelected === null) return;\n    let newSelecteds = selecteds;\n    if (newSelecteds) {\n      const hasSelected = newSelecteds.find((selected: DataCombo) => (\n        selected[idKey] === itemSelected[idKey]));\n      if (hasSelected) {\n        newSelecteds = newSelecteds.filter(item => item[idKey] !== itemSelected[idKey]);\n      } else {\n        newSelecteds = [...newSelecteds, itemSelected];\n      }\n      if (onSelect) onSelect(newSelecteds.map(item => item[idKey]));\n    }\n\n    setSelecteds(newSelecteds);\n  };\n\n  const onFocus = () => {\n    let newDropdownWidth = dropdownWidth;\n    newDropdownWidth = selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;\n    setOpened(true);\n    setDropdownWidth(newDropdownWidth);\n  };\n\n  const onMouseMove = (event: Event) => {\n    const target = event.target as HTMLTextAreaElement;\n    if (target?.className === '') return;\n    const newInsideComponent =\n      ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target?.className);\n    setInsideComponent(newInsideComponent);\n  };\n\n  const onBlurComponent = (e: CustomInputEvent) => {\n    if (onBlur) onBlur(e);\n    if (!insideComponent) {\n      setInputValue('');\n      setDataCombo(dataSource);\n    }\n  };\n\n  const handleOnFilter = (currentValue: string) => {\n    let newDataCombo = dataSource;\n\n    if (currentValue !== '' && dataSource) {\n      newDataCombo = getFilteredDataCombo({ dataSource, descriptionKey, inputText: currentValue });\n    }\n    setDataCombo(newDataCombo);\n    setInputValue(currentValue);\n  };\n\n  const onOpenClose = () => {\n    setOpened(prevState => !prevState);\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n    setDataCombo(dataSource);\n  };\n\n  const onCheckAll = (fromFilter = false) => {\n    const currentData = fromFilter ? dataCombo : dataSource;\n    if (onSelect && currentData) onSelect(currentData.map(i => i[idKey]));\n    setSelecteds(currentData);\n  };\n\n  const onUncheckAll = () => {\n    if (onSelect) onSelect();\n    setSelecteds([]);\n  };\n\n  const onScreenResize = () => {\n    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);\n  };\n\n  const onClickOutSide = (event: Event) => {\n    const { target } = event;\n    if (target !== componentRef.current && !componentRef.current?.contains(target as Node)) {\n      setOpened(false);\n      setDataCombo(dataSource);\n      setInputValue('');\n    }\n  };\n\n  const onBlurOutSide = (event: FocusEvent) => {\n    const { relatedTarget } = event;\n    if (relatedTarget !== componentRef.current && \n        !componentRef.current?.contains(relatedTarget as Node)) {\n      setOpened(false);\n      setDataCombo(dataSource);\n      setInputValue('');\n    }\n  };\n\n  const setOnDeniedValue = (onDeniedValue: OnDenied) => {\n    setOnDenied(onDeniedValue);\n  };\n\n  const shouldDisabled = () => (!!(disabled ||\n    (onDenied && (onDenied.disabled || onDenied.hideContent))));\n\n  const getLabel = () => {\n    const checkIsAll = _.isEqual(selecteds, dataSource);\n    let newLabel = label;\n\n    if (checkIsAll) {\n      newLabel = 'Todos';\n    } else if (selecteds && selecteds.length > 1) {\n      newLabel = 'Múltiplos';\n    } else if (selecteds && selecteds.length === 1) {\n      newLabel = typeof descriptionKey === 'string' ?\n        selecteds[0][descriptionKey]\n        : descriptionKey(selecteds[0]);\n    } else {\n      newLabel = 'Nenhum selecionado';\n    }\n    setLabel(newLabel);\n  };\n\n  useEffect(() => {\n    if (gridLayout) {\n      const currentGridEl = selectWrapper.current?.parentElement;\n      if (currentGridEl) setElementStyles(window.getComputedStyle(currentGridEl));\n    }\n\n    window.addEventListener('resize', onScreenResize);\n    document.addEventListener('click', onClickOutSide);\n    document.addEventListener('focusout', onBlurOutSide);\n    document.addEventListener('mousemove', onMouseMove);\n    return () => {\n      window.removeEventListener('resize', onScreenResize);\n      document.removeEventListener('click', onClickOutSide);\n      document.removeEventListener('focusout', onBlurOutSide);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (dataSource && dataSource.length > 0) {\n      const newSelecteds = dataSource.filter(item => value?.includes(item[idKey]));\n      setSelecteds(newSelecteds);\n    }\n  }, [value?.length, dataSource?.length]);\n\n  useEffect(() => {\n    if (dataSource && dataCombo && !_.isEqual(dataSource, dataCombo)) {\n      const newDataCombo = getFilteredDataCombo({\n        ...props,\n        dataSource: dataSource || undefined,\n        inputText: inputValue,\n      });\n      setDataCombo(newDataCombo);\n    }\n  }, [dataSource]);\n\n  useEffect(() => {\n    const checkAll = _.isEqual(dataCombo, selecteds);\n    setIsAllChecked(checkAll);\n    getLabel();\n  }, [selecteds, dataCombo]);\n\n  return (\n    <span \n      id={componentId} \n      ref={componentRef}\n      className=\"multiSelect-component\">\n      <InputTextBase\n        {..._.omit(props, ['dropdownMaxWidth'])}\n        value={label}\n        inputRef={inputRef}\n        onFocus={() => { onFocus(); }}\n        onBlur={(e: CustomInputEvent) => { onBlurComponent(e); }}\n        customClassForWrapper=\"selectwrapper -undigitable\"\n        customClassForInputContent=\"multiselect\"\n        inputBaseRef={(r: HTMLDivElement | HTMLTextAreaElement) => { selectWrapper.current = r; }}\n        handlerSetOnDenied={setOnDeniedValue}\n        rightElements={\n          <ActionButtons\n            dropdownAlignButton={dropdownAlignButton}\n            disabled={shouldDisabled()}\n            dropdownOpened={opened}\n            handleOpenClose={() => { onOpenClose(); }}\n            handleCheckAll={onCheckAll}\n            handleUncheckAll={onUncheckAll} />\n        } />\n      {opened &&\n        <Dropdown\n          {...props}\n          opened={opened}\n          dataCombo={dataCombo}\n          selecteds={selecteds}\n          inputValue={inputValue}\n          isAllChecked={isAllChecked}\n          onCheckAll={onCheckAll}\n          onUncheckAll={onUncheckAll}\n          dropdownWidth={dropdownWidth}\n          selectFieldRef={componentRef as any}\n          onSelect={handleOnSelect}\n          onFilter={handleOnFilter}\n          onFocus={onFocus}\n          onBlur={onBlurComponent}\n          gridWrapperStyle={elementStyles} \n          dropdownMaxWidth={dropdownMaxWidth} />\n      }\n    </span>\n  );\n};\n\nexport default MultiSelectField;\n"],"names":["MultiSelectField","props","$","_c","onSelect","idKey","disabled","t0","dataSource","descriptionKey","value","onBlur","gridLayout","dropdownAlignButton","t1","dropdownMaxWidth","t2","undefined","t3","Symbol","for","uuid","v1","componentId","dataCombo","setDataCombo","useState","selecteds","setSelecteds","inputValue","setInputValue","label","setLabel","dropdownWidth","setDropdownWidth","isAllChecked","setIsAllChecked","opened","setOpened","onDenied","setOnDenied","insideComponent","setInsideComponent","elementStyles","setElementStyles","inputRef","useRef","componentRef","selectWrapper","t4","itemSelected","newSelecteds","find","selected","filter","item","map","item_0","handleOnSelect","t5","newDropdownWidth","current","clientWidth","onFocus","t6","event","target","className","newInsideComponent","includes","onMouseMove","t7","e","onBlurComponent","t8","currentValue","newDataCombo","getFilteredDataCombo","inputText","handleOnFilter","t9","_temp","onOpenClose","t10","t11","currentData","i","onCheckAll","onUncheckAll","t12","onScreenResize","t13","event_0","target_0","contains","onClickOutSide","t14","event_1","relatedTarget","onBlurOutSide","t15","onDeniedValue","setOnDeniedValue","t16","hideContent","shouldDisabled","t17","checkIsAll","_","isEqual","newLabel","length","getLabel","t18","currentGridEl","parentElement","window","getComputedStyle","addEventListener","document","removeEventListener","t19","useEffect","t20","newSelecteds_0","item_1","t21","t22","t23","t24","newDataCombo_0","t25","t26","checkAll","t27","t28","omit","t29","t30","e_0","t31","r","t32","t33","t34","jsx","ActionButtons","t35","InputTextBase","t36","Dropdown","t37","prevState"],"mappings":"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"}

package/lib/inputs/multiSelect/types.d.ts

@@ -0,0 +1,59 @@
+import { ChangeEvent, RefObject } from 'react';
+import { DataCombo } from '../../@types/DataCombo';
+import { CustomInputEvent } from '../base/types';
+export type DescriptionKey = string | ((dataSelected: DataCombo) => string);
+export interface GetFilteredParams {
+    dataSource: DataCombo[];
+    descriptionKey: DescriptionKey;
+    inputText: string;
+}
+export interface IActionButtonsProps {
+    handleOpenClose: () => void;
+    handleCheckAll: () => void;
+    handleUncheckAll: () => void;
+    disabled: boolean;
+    dropdownOpened?: boolean;
+    dropdownAlignButton?: 'left' | 'right';
+}
+export interface IDropdownMultiSelectProps {
+    dataCombo?: DataCombo[];
+    idKey: string;
+    descriptionKey: DescriptionKey;
+    inputValue: string;
+    isAllChecked: boolean;
+    dropdownWidth: number;
+    onBlur: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onFocus: () => void;
+    onSelect: (data: DataCombo) => void;
+    onFilter: (value: string) => void;
+    onUncheckAll: (checkAll: boolean) => void;
+    onCheckAll: (checkAll: boolean) => void;
+    opened: boolean;
+    selecteds?: DataCombo[] | null;
+    imgSrcKey?: string;
+    imageAlign?: 'left' | 'right';
+    gridWrapperStyle?: {
+        paddingLeft: string;
+        paddingRight: string;
+    };
+    selectFieldRef?: RefObject<HTMLDivElement>;
+    dropdownMaxHeight?: number;
+    dropdownMaxWidth?: number;
+}
+export interface IMultiSelectProps {
+    dataSource?: DataCombo[];
+    idKey: string;
+    descriptionKey: DescriptionKey;
+    value?: any[];
+    gridLayout?: string;
+    onSelect?: (data?: string[]) => void;
+    onBlur?: (e: CustomInputEvent) => void;
+    disabled?: boolean;
+    dropdownAlignButton?: 'left' | 'right';
+    label?: string;
+    hint?: string;
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+    dropdownMaxWidth?: number;
+}

package/lib/inputs/number/Currency.d.ts

@@ -0,0 +1,3 @@
+import { ICurrencyProps } from './types';
+declare const CurrencyField: (props: ICurrencyProps) => import("react/jsx-runtime").JSX.Element;
+export default CurrencyField;

package/lib/inputs/number/Currency.js

@@ -0,0 +1,84 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useRef as C, useEffect as F } from "react";
+import a from "../../_virtual/lodash.js";
+import "../../node_modules/imask/esm/index.js";
+import "../../node_modules/imask/esm/controls/input.js";
+import "../../node_modules/imask/esm/masked/factory.js";
+import "../../node_modules/imask/esm/controls/mask-element.js";
+import "../../node_modules/imask/esm/controls/html-input-mask-element.js";
+import "../../node_modules/imask/esm/controls/html-mask-element.js";
+import "../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
+import "../../node_modules/imask/esm/controls/input-history.js";
+import "../../node_modules/react-imask/esm/input.js";
+import B from "../../node_modules/react-imask/esm/hook.js";
+import "../../node_modules/react-imask/esm/mixin.js";
+import { numberToEnUS as E } from "./format_number.js";
+import T from "../base/InputTextBase.js";
+import { mergeRefs as A } from "../../form2/helpers.js";
+const O = (e) => {
+  const {
+    inputRef: s = void 0,
+    textAlign: c = "left",
+    themePopover: f = "light",
+    popoverAlign: d = "left",
+    min: r = void 0,
+    max: p = void 0,
+    allowNegative: g = !1,
+    scale: v = 2,
+    normalizeZeros: y = !0,
+    padFractionalZeros: N = !1,
+    unmask: h = !0,
+    currencySymbol: x = "R$",
+    displayCurrencySymbol: k = !0
+  } = e, i = C(null), R = k ? /* @__PURE__ */ u("span", { className: "currency-symbol", children: x }) : [], {
+    value: S,
+    setValue: l,
+    unmaskedValue: n
+  } = B({
+    mask: Number,
+    unmask: h,
+    scale: v,
+    normalizeZeros: y,
+    padFractionalZeros: N,
+    max: p,
+    min: a.isNil(r) ? g ? void 0 : 0 : r,
+    radix: ",",
+    mapToRadix: ["."],
+    thousandsSeparator: "."
+  }, {
+    ref: i,
+    onAccept: (t, o, m) => {
+      const b = E(o.unmaskedValue);
+      e?.onChange?.({
+        ...m,
+        target: {
+          ...m?.target,
+          name: e?.name,
+          value: b
+        }
+      });
+    }
+  }), V = (t) => {
+    if (!a.isNil(r)) {
+      const o = parseFloat(n);
+      (a.isNaN(o) || o < r) && (l(a.toString(r)), e?.onChange?.({
+        ...t,
+        target: {
+          ...t?.target,
+          name: e?.name,
+          value: r
+        }
+      }));
+    }
+    e?.onBlur?.(t);
+  };
+  return F(() => {
+    const t = a.toString(e?.value);
+    !a.isNil(e?.value) && !a.isEqual(parseFloat(t), parseFloat(n)) && l(t);
+  }, [e?.value]), /* @__PURE__ */ u(T, { ...e, inputRef: A(i, s), type: "text", onChange: () => {
+  }, leftElements: R, onBlur: V, value: S, textAlign: c, themePopover: f, popoverAlign: d });
+};
+export {
+  O as default
+};
+//# sourceMappingURL=Currency.js.map

package/lib/inputs/number/Currency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Currency.js","sources":["../../../src/lib/inputs/number/Currency.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport { ICurrencyProps } from './types';\nimport { numberToEnUS } from './format_number';\nimport InputTextBase from '../base/InputTextBase';\nimport { mergeRefs } from '../../form2/helpers';\nimport type { CustomInputEvent } from '../base/types';\n\nconst CurrencyField = (props: ICurrencyProps) => {\n  const {\n    inputRef = undefined, textAlign = 'left', themePopover = 'light', popoverAlign = 'left',\n    min = undefined, max = undefined, allowNegative = false, scale = 2, normalizeZeros = true,\n    padFractionalZeros = false, unmask = true, currencySymbol = 'R$', displayCurrencySymbol = true,\n  } = props;\n  const currencyNumberInputRef = useRef<HTMLInputElement | null>(null);\n  const leftElements = displayCurrencySymbol ?\n    <span className=\"currency-symbol\">{currencySymbol}</span>\n    : [];\n\n  const { value: maskedValue, setValue: setMaskedValue, unmaskedValue } = useIMask({\n    mask: Number,\n    unmask,\n    scale,\n    normalizeZeros,\n    padFractionalZeros,\n    max,\n    min: !_.isNil(min) ? min : (allowNegative ? undefined : 0),\n    radix: ',',\n    mapToRadix: ['.'],\n    thousandsSeparator: '.',\n  }, {\n    ref: currencyNumberInputRef,\n    onAccept: (__, options, event) => {\n      const parsedValue = numberToEnUS(options.unmaskedValue);\n      props?.onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: parsedValue as any,\n        },\n      } as React.ChangeEvent<HTMLInputElement>);\n    },\n  });\n\n  /**\n   * Função sobrescrevendo o evento onBlur para tratar o valor mínimo ao sair do campo, \n   * garantindo que o valor não seja menor que o mínimo definido.\n   */\n  const handleBlur = (event: CustomInputEvent) => {\n    if (!_.isNil(min)) {\n      const currentValue = parseFloat(unmaskedValue) as number;\n      if (_.isNaN(currentValue) || currentValue < min) {\n        setMaskedValue(_.toString(min));\n        props?.onChange?.({\n          ...event,\n          target: {\n            ...event?.target,\n            name: props?.name,\n            value: min as any,\n          },\n        } as CustomInputEvent);\n      }\n    }\n    props?.onBlur?.(event);\n  };\n\n  useEffect(() => {\n    const valueToString = _.toString(props?.value);\n    if (!_.isNil(props?.value) && !_.isEqual(\n      parseFloat(valueToString), parseFloat(unmaskedValue),\n    )) {\n      setMaskedValue(valueToString);\n    }\n  }, [props?.value]);\n\n  return (\n    <InputTextBase\n      {...props}\n      inputRef={mergeRefs(currencyNumberInputRef, inputRef) as any}\n      type=\"text\"\n      onChange={() => { }}\n      leftElements={leftElements}\n      onBlur={handleBlur}\n      value={maskedValue}\n      textAlign={textAlign}\n      themePopover={themePopover}\n      popoverAlign={popoverAlign} />\n  );\n};\n\nexport default CurrencyField;\n"],"names":["CurrencyField","props","inputRef","undefined","textAlign","themePopover","popoverAlign","min","max","allowNegative","scale","normalizeZeros","padFractionalZeros","unmask","currencySymbol","displayCurrencySymbol","currencyNumberInputRef","useRef","leftElements","jsx","value","maskedValue","setValue","setMaskedValue","unmaskedValue","useIMask","mask","Number","_","isNil","radix","mapToRadix","thousandsSeparator","ref","onAccept","__","options","event","parsedValue","numberToEnUS","onChange","target","name","handleBlur","currentValue","parseFloat","isNaN","toString","onBlur","useEffect","valueToString","isEqual","InputTextBase","mergeRefs"],"mappings":";;;;;;;;;;;;;;;;;AASA,MAAMA,IAAgBA,CAACC,MAA0B;AAC/C,QAAM;AAAA,IACJC,UAAAA,IAAWC;AAAAA,IAAWC,WAAAA,IAAY;AAAA,IAAQC,cAAAA,IAAe;AAAA,IAASC,cAAAA,IAAe;AAAA,IACjFC,KAAAA,IAAMJ;AAAAA,IAAWK,KAAAA,IAAML;AAAAA,IAAWM,eAAAA,IAAgB;AAAA,IAAOC,OAAAA,IAAQ;AAAA,IAAGC,gBAAAA,IAAiB;AAAA,IACrFC,oBAAAA,IAAqB;AAAA,IAAOC,QAAAA,IAAS;AAAA,IAAMC,gBAAAA,IAAiB;AAAA,IAAMC,uBAAAA,IAAwB;AAAA,EAAA,IACxFd,GACEe,IAAyBC,EAAgC,IAAI,GAC7DC,IAAeH,IACnB,gBAAAI,EAAC,QAAA,EAAK,WAAU,mBAAmBL,UAAAA,EAAAA,CAAe,IAChD,CAAA,GAEE;AAAA,IAAEM,OAAOC;AAAAA,IAAaC,UAAUC;AAAAA,IAAgBC,eAAAA;AAAAA,EAAAA,IAAkBC,EAAS;AAAA,IAC/EC,MAAMC;AAAAA,IACNd,QAAAA;AAAAA,IACAH,OAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAJ,KAAAA;AAAAA,IACAD,KAAMqB,EAAEC,MAAMtB,CAAG,IAAWE,IAAgBN,SAAY,IAAnCI;AAAAA,IACrBuB,OAAO;AAAA,IACPC,YAAY,CAAC,GAAG;AAAA,IAChBC,oBAAoB;AAAA,EAAA,GACnB;AAAA,IACDC,KAAKjB;AAAAA,IACLkB,UAAUA,CAACC,GAAIC,GAASC,MAAU;AAChC,YAAMC,IAAcC,EAAaH,EAAQZ,aAAa;AACtDvB,MAAAA,GAAOuC,WAAW;AAAA,QAChB,GAAGH;AAAAA,QACHI,QAAQ;AAAA,UACN,GAAGJ,GAAOI;AAAAA,UACVC,MAAMzC,GAAOyC;AAAAA,UACbtB,OAAOkB;AAAAA,QAAAA;AAAAA,MACT,CACsC;AAAA,IAC1C;AAAA,EAAA,CACD,GAMKK,IAAaA,CAACN,MAA4B;AAC9C,QAAI,CAACT,EAAEC,MAAMtB,CAAG,GAAG;AACjB,YAAMqC,IAAeC,WAAWrB,CAAa;AAC7C,OAAII,EAAEkB,MAAMF,CAAY,KAAKA,IAAerC,OAC1CgB,EAAeK,EAAEmB,SAASxC,CAAG,CAAC,GAC9BN,GAAOuC,WAAW;AAAA,QAChB,GAAGH;AAAAA,QACHI,QAAQ;AAAA,UACN,GAAGJ,GAAOI;AAAAA,UACVC,MAAMzC,GAAOyC;AAAAA,UACbtB,OAAOb;AAAAA,QAAAA;AAAAA,MACT,CACmB;AAAA,IAEzB;AACAN,IAAAA,GAAO+C,SAASX,CAAK;AAAA,EACvB;AAEAY,SAAAA,EAAU,MAAM;AACd,UAAMC,IAAgBtB,EAAEmB,SAAS9C,GAAOmB,KAAK;AAC7C,IAAI,CAACQ,EAAEC,MAAM5B,GAAOmB,KAAK,KAAK,CAACQ,EAAEuB,QAC/BN,WAAWK,CAAa,GAAGL,WAAWrB,CAAa,CACrD,KACED,EAAe2B,CAAa;AAAA,EAEhC,GAAG,CAACjD,GAAOmB,KAAK,CAAC,GAGf,gBAAAD,EAACiC,GAAA,EACC,GAAInD,GACJ,UAAUoD,EAAUrC,GAAwBd,CAAQ,GACpD,MAAK,QACL,UAAU,MAAM;AAAA,EAAE,GAClB,cAAAgB,GACA,QAAQyB,GACR,OAAOtB,GACP,WAAAjB,GACA,cAAAC,GACA,cAAAC,GAA2B;AAEjC;"}

package/lib/inputs/number/Decimal.d.ts

@@ -0,0 +1,3 @@
+import { IDecimalProps } from './types';
+declare const DecimalField: (props: IDecimalProps) => import("react/jsx-runtime").JSX.Element;
+export default DecimalField;

package/lib/inputs/number/Decimal.js

@@ -0,0 +1,82 @@
+import { jsx as R } from "react/jsx-runtime";
+import a from "../../_virtual/lodash.js";
+import { useRef as F, useEffect as S } from "react";
+import "../../node_modules/imask/esm/index.js";
+import "../../node_modules/imask/esm/controls/input.js";
+import "../../node_modules/imask/esm/masked/factory.js";
+import "../../node_modules/imask/esm/controls/mask-element.js";
+import "../../node_modules/imask/esm/controls/html-input-mask-element.js";
+import "../../node_modules/imask/esm/controls/html-mask-element.js";
+import "../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
+import "../../node_modules/imask/esm/controls/input-history.js";
+import "../../node_modules/react-imask/esm/input.js";
+import B from "../../node_modules/react-imask/esm/hook.js";
+import "../../node_modules/react-imask/esm/mixin.js";
+import { numberToEnUS as T } from "./format_number.js";
+import b from "../base/InputTextBase.js";
+import { mergeRefs as A } from "../../form2/helpers.js";
+const K = (e) => {
+  const {
+    textAlign: u = "left",
+    themePopover: s = "light",
+    popoverAlign: f = "left",
+    min: o = void 0,
+    max: d = void 0,
+    allowNegative: c = !1,
+    scale: p = 2,
+    normalizeZeros: g = !0,
+    padFractionalZeros: v = !0,
+    unmask: x = !0,
+    inputRef: N = void 0
+  } = e, i = F(null), {
+    value: h,
+    setValue: m,
+    unmaskedValue: l
+  } = B({
+    mask: Number,
+    unmask: x,
+    scale: p,
+    normalizeZeros: g,
+    padFractionalZeros: v,
+    max: d,
+    min: a.isNil(o) ? c ? void 0 : 0 : o,
+    radix: ",",
+    mapToRadix: ["."],
+    thousandsSeparator: "."
+  }, {
+    ref: i,
+    onAccept: (t, r, n) => {
+      const V = T(r.unmaskedValue);
+      e?.onChange?.({
+        ...n,
+        target: {
+          ...n?.target,
+          name: e?.name,
+          value: V
+        }
+      });
+    }
+  }), k = (t) => {
+    if (!a.isNil(o)) {
+      const r = parseFloat(l);
+      (a.isNaN(r) || r < o) && (m(a.toString(o)), e?.onChange?.({
+        ...t,
+        target: {
+          ...t?.target,
+          name: e?.name,
+          value: o
+        }
+      }));
+    }
+    e?.onBlur?.(t);
+  };
+  return S(() => {
+    const t = a.toString(e?.value);
+    !a.isNil(e?.value) && !a.isEqual(parseFloat(t), parseFloat(l)) && m(t);
+  }, [e?.value]), /* @__PURE__ */ R(b, { ...e, inputRef: A(i, N), type: "text", onChange: () => {
+  }, onBlur: k, value: h, textAlign: u, themePopover: s, popoverAlign: f });
+};
+export {
+  K as default
+};
+//# sourceMappingURL=Decimal.js.map

package/lib/inputs/number/Decimal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Decimal.js","sources":["../../../src/lib/inputs/number/Decimal.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React, { useEffect, useRef } from 'react';\nimport { useIMask } from 'react-imask';\nimport { IDecimalProps } from './types';\nimport { numberToEnUS } from './format_number';\nimport InputTextBase from '../base/InputTextBase';\nimport type { CustomInputEvent } from '../base/types';\nimport { mergeRefs } from '../../form2/helpers';\n\nconst DecimalField = (props: IDecimalProps) => {\n  const {\n    textAlign = 'left', themePopover = 'light', popoverAlign = 'left', min = undefined,\n    max = undefined, allowNegative = false, scale = 2, normalizeZeros = true,\n    padFractionalZeros = true, unmask = true, inputRef = undefined,\n  } = props;\n  const decimalNumberInputRef = useRef<HTMLInputElement | null>(null);\n\n  const { value: maskedValue, setValue: setMaskedValue, unmaskedValue } = useIMask({\n    mask: Number,\n    unmask,\n    scale,\n    normalizeZeros,\n    padFractionalZeros,\n    max,\n    min: !_.isNil(min) ? min : (allowNegative ? undefined : 0),\n    radix: ',',\n    mapToRadix: ['.'],\n    thousandsSeparator: '.',\n  }, {\n    ref: decimalNumberInputRef,\n    onAccept: (__, options, event) => {\n      const parsedValue = numberToEnUS(options.unmaskedValue);\n      props?.onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: parsedValue as any,\n        },\n      } as React.ChangeEvent<HTMLInputElement>);\n    },\n  });\n\n  /**\n   * Função sobrescrevendo o evento onBlur para tratar o valor mínimo ao sair do campo, \n   * garantindo que o valor não seja menor que o mínimo definido.\n   */\n  const handleBlur = (event: CustomInputEvent) => {\n    if (!_.isNil(min)) {\n      const currentValue = parseFloat(unmaskedValue) as number;\n      if (_.isNaN(currentValue) || currentValue < min) {\n        setMaskedValue(_.toString(min));\n        props?.onChange?.({\n          ...event,\n          target: {\n            ...event?.target,\n            name: props?.name,\n            value: min as any,\n          },\n        } as CustomInputEvent);\n      }\n    }\n    props?.onBlur?.(event);\n  };\n\n  useEffect(() => {\n    const valueToString = _.toString(props?.value);\n    if (!_.isNil(props?.value) && !_.isEqual(\n      parseFloat(valueToString), parseFloat(unmaskedValue),\n    )) {\n      setMaskedValue(valueToString);\n    }\n  }, [props?.value]);\n\n  return (\n    <InputTextBase\n      {...props}\n      inputRef={mergeRefs(decimalNumberInputRef, inputRef) as any}\n      type=\"text\"\n      onChange={() => { }}\n      onBlur={handleBlur}\n      value={maskedValue}\n      textAlign={textAlign}\n      themePopover={themePopover}\n      popoverAlign={popoverAlign} />\n  );\n};\n\nexport default DecimalField;\n"],"names":["DecimalField","props","textAlign","themePopover","popoverAlign","min","undefined","max","allowNegative","scale","normalizeZeros","padFractionalZeros","unmask","inputRef","decimalNumberInputRef","useRef","value","maskedValue","setValue","setMaskedValue","unmaskedValue","useIMask","mask","Number","_","isNil","radix","mapToRadix","thousandsSeparator","ref","onAccept","__","options","event","parsedValue","numberToEnUS","onChange","target","name","handleBlur","currentValue","parseFloat","isNaN","toString","onBlur","useEffect","valueToString","isEqual","jsx","InputTextBase","mergeRefs"],"mappings":";;;;;;;;;;;;;;;;;AASA,MAAMA,IAAeA,CAACC,MAAyB;AAC7C,QAAM;AAAA,IACJC,WAAAA,IAAY;AAAA,IAAQC,cAAAA,IAAe;AAAA,IAASC,cAAAA,IAAe;AAAA,IAAQC,KAAAA,IAAMC;AAAAA,IACzEC,KAAAA,IAAMD;AAAAA,IAAWE,eAAAA,IAAgB;AAAA,IAAOC,OAAAA,IAAQ;AAAA,IAAGC,gBAAAA,IAAiB;AAAA,IACpEC,oBAAAA,IAAqB;AAAA,IAAMC,QAAAA,IAAS;AAAA,IAAMC,UAAAA,IAAWP;AAAAA,EAAAA,IACnDL,GACEa,IAAwBC,EAAgC,IAAI,GAE5D;AAAA,IAAEC,OAAOC;AAAAA,IAAaC,UAAUC;AAAAA,IAAgBC,eAAAA;AAAAA,EAAAA,IAAkBC,EAAS;AAAA,IAC/EC,MAAMC;AAAAA,IACNX,QAAAA;AAAAA,IACAH,OAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAJ,KAAAA;AAAAA,IACAF,KAAMmB,EAAEC,MAAMpB,CAAG,IAAWG,IAAgBF,SAAY,IAAnCD;AAAAA,IACrBqB,OAAO;AAAA,IACPC,YAAY,CAAC,GAAG;AAAA,IAChBC,oBAAoB;AAAA,EAAA,GACnB;AAAA,IACDC,KAAKf;AAAAA,IACLgB,UAAUA,CAACC,GAAIC,GAASC,MAAU;AAChC,YAAMC,IAAcC,EAAaH,EAAQZ,aAAa;AACtDnB,MAAAA,GAAOmC,WAAW;AAAA,QAChB,GAAGH;AAAAA,QACHI,QAAQ;AAAA,UACN,GAAGJ,GAAOI;AAAAA,UACVC,MAAMrC,GAAOqC;AAAAA,UACbtB,OAAOkB;AAAAA,QAAAA;AAAAA,MACT,CACsC;AAAA,IAC1C;AAAA,EAAA,CACD,GAMKK,IAAaA,CAACN,MAA4B;AAC9C,QAAI,CAACT,EAAEC,MAAMpB,CAAG,GAAG;AACjB,YAAMmC,IAAeC,WAAWrB,CAAa;AAC7C,OAAII,EAAEkB,MAAMF,CAAY,KAAKA,IAAenC,OAC1Cc,EAAeK,EAAEmB,SAAStC,CAAG,CAAC,GAC9BJ,GAAOmC,WAAW;AAAA,QAChB,GAAGH;AAAAA,QACHI,QAAQ;AAAA,UACN,GAAGJ,GAAOI;AAAAA,UACVC,MAAMrC,GAAOqC;AAAAA,UACbtB,OAAOX;AAAAA,QAAAA;AAAAA,MACT,CACmB;AAAA,IAEzB;AACAJ,IAAAA,GAAO2C,SAASX,CAAK;AAAA,EACvB;AAEAY,SAAAA,EAAU,MAAM;AACd,UAAMC,IAAgBtB,EAAEmB,SAAS1C,GAAOe,KAAK;AAC7C,IAAI,CAACQ,EAAEC,MAAMxB,GAAOe,KAAK,KAAK,CAACQ,EAAEuB,QAC/BN,WAAWK,CAAa,GAAGL,WAAWrB,CAAa,CACrD,KACED,EAAe2B,CAAa;AAAA,EAEhC,GAAG,CAAC7C,GAAOe,KAAK,CAAC,GAGf,gBAAAgC,EAACC,GAAA,EACC,GAAIhD,GACJ,UAAUiD,EAAUpC,GAAuBD,CAAQ,GACnD,MAAK,QACL,UAAU,MAAM;AAAA,EAAE,GAClB,QAAQ0B,GACR,OAAOtB,GACP,WAAAf,GACA,cAAAC,GACA,cAAAC,GAA2B;AAEjC;"}

package/lib/inputs/number/format_number.d.ts

@@ -0,0 +1,3 @@
+export declare const numberToPtBR: (value?: string | number) => string | undefined;
+export declare const numberToEnUS: (value: string) => number;
+export declare const formatOnlyNumbers: (value: string) => string;

package/lib/inputs/number/format_number.js

@@ -0,0 +1,15 @@
+const n = (r) => {
+  if (!r || r.trim() === "")
+    return 0;
+  if (r.includes(",")) {
+    const s = r.replaceAll(".", "").replaceAll(",", "."), t = Number(s);
+    return isNaN(t) ? 0 : t;
+  }
+  const e = Number(r);
+  return isNaN(e) ? 0 : e;
+}, c = (r) => r.replace(/[._\-/()\s+]/g, "");
+export {
+  c as formatOnlyNumbers,
+  n as numberToEnUS
+};
+//# sourceMappingURL=format_number.js.map

package/lib/inputs/number/format_number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format_number.js","sources":["../../../src/lib/inputs/number/format_number.tsx"],"sourcesContent":["export const numberToPtBR = (value?: string | number): string | undefined => {\n  if (value !== undefined && typeof value === 'number') {\n    return value.toLocaleString('pt-BR');\n  }\n  return value;\n};\n\nexport const numberToEnUS = (value: string) => {\n  // Se o valor estiver vazio ou já for um número válido sem formatação BR\n  if (!value || value.trim() === '') {\n    return 0;\n  }\n  // Verifica se contém vírgula(indicador de formato BR)\n  // Formatos BR: \"12,89\", \"1.234,56\", \"1234,56\"\n  if (value.includes(',')) {\n    // Remove separadores de milhar(.) e substitui vírgula decimal por ponto\n    const formattedNumber = value.replaceAll('.', '').replaceAll(',', '.');\n    const parsed = Number(formattedNumber);\n    return isNaN(parsed) ? 0 : parsed;\n  }\n  // Tenta converter diretamente(formato já é en-US ou Number)\n  const parsed = Number(value);\n  return isNaN(parsed) ? 0 : parsed;\n};\n\nexport const formatOnlyNumbers = (value: string): string => {\n  const teste = value.replace(/[._\\-/()\\s+]/g, '');\n  return teste;\n};\n"],"names":["numberToEnUS","value","trim","includes","formattedNumber","replaceAll","parsed","Number","isNaN","formatOnlyNumbers","replace"],"mappings":"AAOO,MAAMA,IAAeA,CAACC,MAAkB;AAE7C,MAAI,CAACA,KAASA,EAAMC,KAAAA,MAAW;AAC7B,WAAO;AAIT,MAAID,EAAME,SAAS,GAAG,GAAG;AAEvB,UAAMC,IAAkBH,EAAMI,WAAW,KAAK,EAAE,EAAEA,WAAW,KAAK,GAAG,GAC/DC,IAASC,OAAOH,CAAe;AACrC,WAAOI,MAAMF,CAAM,IAAI,IAAIA;AAAAA,EAC7B;AAEA,QAAMA,IAASC,OAAON,CAAK;AAC3B,SAAOO,MAAMF,CAAM,IAAI,IAAIA;AAC7B,GAEaG,IAAoBA,CAACR,MAClBA,EAAMS,QAAQ,iBAAiB,EAAE;"}

package/lib/inputs/number/index.d.ts

@@ -0,0 +1,6 @@
+import { default as DecimalField } from './Decimal';
+import { default as CurrencyField } from './Currency';
+import { INumberFieldProps } from './types';
+declare const NumberField: (props: INumberFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default NumberField;
+export { CurrencyField, DecimalField, };

package/lib/inputs/number/index.js

@@ -0,0 +1,80 @@
+import { jsx as x } from "react/jsx-runtime";
+import '../../assets/styles/numbers.css';/* empty css                               */
+import { useRef as N, useEffect as V } from "react";
+import a from "../../_virtual/lodash.js";
+import "../../node_modules/imask/esm/index.js";
+import "../../node_modules/imask/esm/controls/input.js";
+import "../../node_modules/imask/esm/masked/factory.js";
+import "../../node_modules/imask/esm/controls/mask-element.js";
+import "../../node_modules/imask/esm/controls/html-input-mask-element.js";
+import "../../node_modules/imask/esm/controls/html-mask-element.js";
+import "../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
+import "../../node_modules/imask/esm/controls/input-history.js";
+import "../../node_modules/react-imask/esm/input.js";
+import h from "../../node_modules/react-imask/esm/hook.js";
+import "../../node_modules/react-imask/esm/mixin.js";
+import { default as G } from "./Decimal.js";
+import { default as J } from "./Currency.js";
+import k from "../base/InputTextBase.js";
+import { mergeRefs as b } from "../../form2/helpers.js";
+const U = (e) => {
+  const {
+    textAlign: n = "left",
+    themePopover: f = "light",
+    popoverAlign: s = "left",
+    min: o = void 0,
+    max: d = void 0,
+    inputRef: c = void 0
+  } = e, i = N(null), {
+    value: v,
+    setValue: m,
+    unmaskedValue: l
+  } = h({
+    mask: Number,
+    max: d,
+    min: o,
+    scale: 0,
+    enum: void 0,
+    to: void 0,
+    from: void 0,
+    normalizeZeros: !0,
+    padFractionalZeros: !1
+  }, {
+    ref: i,
+    onAccept: (t, r, u) => {
+      const p = parseInt(t, 10);
+      e?.onChange?.({
+        ...u,
+        target: {
+          ...u?.target,
+          name: e?.name,
+          value: p
+        }
+      });
+    }
+  }), g = (t) => {
+    if (!a.isNil(o)) {
+      const r = parseInt(l, 10);
+      (a.isNaN(r) || r < o) && (m(a.toString(o)), e?.onChange?.({
+        ...t,
+        target: {
+          ...t?.target,
+          name: e?.name,
+          value: o
+        }
+      }));
+    }
+    e?.onBlur?.(t);
+  };
+  return V(() => {
+    const t = Number(l || "0");
+    !a.isNil(e?.value) && (!a.isEqual(e?.value, t) || a.isEqual(e?.value, 0)) && m(a.toString(e?.value));
+  }, [e?.value]), /* @__PURE__ */ x(k, { ...e, inputRef: b(i, c), type: "number", onChange: () => {
+  }, onBlur: g, value: v, textAlign: n, themePopover: f, popoverAlign: s });
+};
+export {
+  J as CurrencyField,
+  G as DecimalField,
+  U as default
+};
+//# sourceMappingURL=index.js.map

package/lib/inputs/number/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs/number/index.tsx"],"sourcesContent":["import '../../assets/styles/numbers.scss';\n\nimport React, { useEffect, useRef } from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport DecimalField from './Decimal';\nimport CurrencyField from './Currency';\nimport { INumberFieldProps } from './types';\nimport InputTextBase from '../base/InputTextBase';\nimport { CustomInputEvent } from '../base/types';\nimport { mergeRefs } from '../../form2/helpers';\n\nconst NumberField = (props: INumberFieldProps) => {\n  const {\n    textAlign = 'left', themePopover = 'light', popoverAlign = 'left', min = undefined, \n    max = undefined, inputRef = undefined,\n  } = props;\n  const numberInputRef = useRef<HTMLInputElement | null>(null);\n\n  const { value: maskedValue, setValue: setMaskedValue, unmaskedValue } = useIMask({\n    mask: Number,\n    max,\n    min,\n    scale: 0,\n    enum: undefined,\n    to: undefined,\n    from: undefined,\n    normalizeZeros: true,\n    padFractionalZeros: false,\n  }, {\n    ref: numberInputRef,\n    onAccept: (value, __, event) => {\n      const parsedValue = parseInt(value, 10);\n      props?.onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: parsedValue as any,\n        },\n      } as CustomInputEvent);\n    },\n  });\n\n  /**\n   * Função sobrescrevendo o evento onBlur para tratar o valor mínimo ao sair do campo, \n   * garantindo que o valor não seja menor que o mínimo definido.\n   */\n  const handleBlur = (event: CustomInputEvent) => {\n    if (!_.isNil(min)) {\n      const currentValue = parseInt(unmaskedValue, 10) as number;\n      if (_.isNaN(currentValue) || currentValue < min) {\n        setMaskedValue(_.toString(min));\n        props?.onChange?.({\n          ...event,\n          target: {\n            ...event?.target,\n            name: props?.name,\n            value: min as any,\n          },\n        } as CustomInputEvent);\n      }\n    }\n    props?.onBlur?.(event);\n  };\n\n  useEffect(() => {\n    const floatUnmaskedValue = Number(unmaskedValue || '0');\n    if (!_.isNil(props?.value) && (!_.isEqual(props?.value,\n      floatUnmaskedValue) || _.isEqual(props?.value, 0))) {\n      setMaskedValue(_.toString(props?.value));\n    }\n  }, [props?.value]);\n\n  return (\n    <InputTextBase\n      {...props}\n      inputRef={mergeRefs(numberInputRef, inputRef) as any}\n      type=\"number\"\n      onChange={() => {}}\n      onBlur={handleBlur}\n      value={maskedValue}\n      textAlign={textAlign}\n      themePopover={themePopover}\n      popoverAlign={popoverAlign} />\n  );\n};\n\nexport default NumberField;\nexport {\n  CurrencyField,\n  DecimalField,\n};\n"],"names":["NumberField","props","textAlign","themePopover","popoverAlign","min","undefined","max","inputRef","numberInputRef","useRef","value","maskedValue","setValue","setMaskedValue","unmaskedValue","useIMask","mask","Number","scale","enum","to","from","normalizeZeros","padFractionalZeros","ref","onAccept","__","event","parsedValue","parseInt","onChange","target","name","handleBlur","_","isNil","currentValue","isNaN","toString","onBlur","useEffect","floatUnmaskedValue","isEqual","jsx","InputTextBase","mergeRefs"],"mappings":";;;;;;;;;;;;;;;;;;;AAYA,MAAMA,IAAcA,CAACC,MAA6B;AAChD,QAAM;AAAA,IACJC,WAAAA,IAAY;AAAA,IAAQC,cAAAA,IAAe;AAAA,IAASC,cAAAA,IAAe;AAAA,IAAQC,KAAAA,IAAMC;AAAAA,IACzEC,KAAAA,IAAMD;AAAAA,IAAWE,UAAAA,IAAWF;AAAAA,EAAAA,IAC1BL,GACEQ,IAAiBC,EAAgC,IAAI,GAErD;AAAA,IAAEC,OAAOC;AAAAA,IAAaC,UAAUC;AAAAA,IAAgBC,eAAAA;AAAAA,EAAAA,IAAkBC,EAAS;AAAA,IAC/EC,MAAMC;AAAAA,IACNX,KAAAA;AAAAA,IACAF,KAAAA;AAAAA,IACAc,OAAO;AAAA,IACPC,MAAMd;AAAAA,IACNe,IAAIf;AAAAA,IACJgB,MAAMhB;AAAAA,IACNiB,gBAAgB;AAAA,IAChBC,oBAAoB;AAAA,EAAA,GACnB;AAAA,IACDC,KAAKhB;AAAAA,IACLiB,UAAUA,CAACf,GAAOgB,GAAIC,MAAU;AAC9B,YAAMC,IAAcC,SAASnB,GAAO,EAAE;AACtCV,MAAAA,GAAO8B,WAAW;AAAA,QAChB,GAAGH;AAAAA,QACHI,QAAQ;AAAA,UACN,GAAGJ,GAAOI;AAAAA,UACVC,MAAMhC,GAAOgC;AAAAA,UACbtB,OAAOkB;AAAAA,QAAAA;AAAAA,MACT,CACmB;AAAA,IACvB;AAAA,EAAA,CACD,GAMKK,IAAaA,CAACN,MAA4B;AAC9C,QAAI,CAACO,EAAEC,MAAM/B,CAAG,GAAG;AACjB,YAAMgC,IAAeP,SAASf,GAAe,EAAE;AAC/C,OAAIoB,EAAEG,MAAMD,CAAY,KAAKA,IAAehC,OAC1CS,EAAeqB,EAAEI,SAASlC,CAAG,CAAC,GAC9BJ,GAAO8B,WAAW;AAAA,QAChB,GAAGH;AAAAA,QACHI,QAAQ;AAAA,UACN,GAAGJ,GAAOI;AAAAA,UACVC,MAAMhC,GAAOgC;AAAAA,UACbtB,OAAON;AAAAA,QAAAA;AAAAA,MACT,CACmB;AAAA,IAEzB;AACAJ,IAAAA,GAAOuC,SAASZ,CAAK;AAAA,EACvB;AAEAa,SAAAA,EAAU,MAAM;AACd,UAAMC,IAAqBxB,OAAOH,KAAiB,GAAG;AACtD,IAAI,CAACoB,EAAEC,MAAMnC,GAAOU,KAAK,MAAM,CAACwB,EAAEQ,QAAQ1C,GAAOU,OAC/C+B,CAAkB,KAAKP,EAAEQ,QAAQ1C,GAAOU,OAAO,CAAC,MAChDG,EAAeqB,EAAEI,SAAStC,GAAOU,KAAK,CAAC;AAAA,EAE3C,GAAG,CAACV,GAAOU,KAAK,CAAC,GAGf,gBAAAiC,EAACC,GAAA,EACC,GAAI5C,GACJ,UAAU6C,EAAUrC,GAAgBD,CAAQ,GAC5C,MAAK,UACL,UAAU,MAAM;AAAA,EAAC,GACjB,QAAQ0B,GACR,OAAOtB,GACP,WAAAV,GACA,cAAAC,GACA,cAAAC,GAA2B;AAEjC;"}

package/lib/inputs/number/types.d.ts

@@ -0,0 +1,37 @@
+import { PermissionAttr } from 'src/lib/@types/PermissionAttr';
+import { TextAlign } from 'src/lib/@types/Align';
+import { CustomInputEvent } from '../base/types';
+import { IMaskHOCProps } from '../types';
+export interface INumberFieldProps extends IMaskHOCProps {
+    value?: string | number;
+    permissionAttr?: PermissionAttr;
+    disabled?: boolean;
+    hint?: string;
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+    onChange?: (e?: CustomInputEvent) => void;
+    removeZeroLeft?: boolean;
+    textAlign?: TextAlign;
+}
+export interface IBaseNumberProps extends IMaskHOCProps {
+    returnFormattedValueOnBlur?: boolean;
+    returnFormattedValueOnKeyDown?: boolean;
+}
+export interface ICurrencyProps extends IMaskHOCProps {
+    currencySymbol?: string;
+    displayCurrencySymbol?: boolean;
+    allowNegative?: boolean;
+    hint?: string;
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}
+export interface IDecimalProps extends IMaskHOCProps {
+    allowNegative?: boolean;
+    hint?: string;
+    textAlign?: TextAlign;
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}

package/lib/inputs/period/Dialog.d.ts

@@ -0,0 +1,3 @@
+import { IDialogProps } from './types';
+declare const Dialog: ({ onOpenChange, handlerClose, children, dialogSize }: IDialogProps) => import("react/jsx-runtime").JSX.Element;
+export default Dialog;

package/lib/inputs/period/Dialog.js

@@ -0,0 +1,19 @@
+import { jsx as a } from "react/jsx-runtime";
+import { c as n } from "../../_virtual/compiler-runtime.js";
+import c from "../../dialog/base/index.js";
+const g = (h) => {
+  const e = n.c(8), {
+    onOpenChange: l,
+    handlerClose: s,
+    children: r,
+    dialogSize: t
+  } = h;
+  let i;
+  e[0] !== s ? (i = () => s(!1), e[0] = s, e[1] = i) : i = e[1];
+  let o;
+  return e[2] !== r || e[3] !== t.height || e[4] !== t.width || e[5] !== l || e[6] !== i ? (o = /* @__PURE__ */ a(c, { closeOnOutsideClick: !0, closeOnEsc: !0, wrapperClassName: "", width: t.width, height: t.height, onOpenChange: l, handlerClose: i, children: r }), e[2] = r, e[3] = t.height, e[4] = t.width, e[5] = l, e[6] = i, e[7] = o) : o = e[7], o;
+};
+export {
+  g as default
+};
+//# sourceMappingURL=Dialog.js.map

package/lib/inputs/period/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../src/lib/inputs/period/Dialog.tsx"],"sourcesContent":["import BaseDialog from '../../dialog/base';\nimport { IDialogProps } from './types';\n\nconst Dialog = ({ onOpenChange, handlerClose, children, dialogSize }: IDialogProps) => (\n  <BaseDialog\n    closeOnOutsideClick\n    closeOnEsc\n    wrapperClassName=\"\"\n    width={dialogSize.width}\n    height={dialogSize.height}\n    onOpenChange={onOpenChange}\n    handlerClose={() => handlerClose(false)}>\n    {children}\n  </BaseDialog>\n);\n\nexport default Dialog;\n"],"names":["Dialog","t0","$","_c","onOpenChange","handlerClose","children","dialogSize","t1","t2","height","width","BaseDialog"],"mappings":";;;AAGA,MAAMA,IAASC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,cAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAAAN;AAAkE,MAAAO;AAAA,EAAAN,SAAAG,KAQhEG,IAAAA,MAAMH,EAAa,EAAK,GAACH,OAAAG,GAAAH,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAAA,MAAAO;AAAA,SAAAP,SAAAI,KAAAJ,EAAA,CAAA,MAAAK,EAAAG,UAAAR,SAAAK,EAAAI,SAAAT,SAAAE,KAAAF,EAAA,CAAA,MAAAM,KAPzCC,sBAACG,GAAA,EACC,qBAAA,IACA,YAAA,IACiB,kBAAA,IACV,OAAAL,EAAUI,OACT,QAAAJ,EAAUG,QACJN,cAAAA,GACA,cAAAI,GACbF,UAAAA,GACH,GAAaJ,OAAAI,GAAAJ,EAAA,CAAA,IAAAK,EAAAG,QAAAR,EAAA,CAAA,IAAAK,EAAAI,OAAAT,OAAAE,GAAAF,OAAAM,GAAAN,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GATbO;AASa;"}

package/lib/inputs/period/Dropdown.d.ts

@@ -0,0 +1,3 @@
+import { IPeriodDropdownProps } from './types';
+declare const Dropdown: (props: IPeriodDropdownProps) => import('react').ReactPortal;
+export default Dropdown;

package/lib/inputs/period/Dropdown.js

@@ -0,0 +1,19 @@
+import { useRef as s, useEffect as o } from "react";
+import a from "react-dom";
+const d = 250, l = (e) => {
+  const {
+    children: i,
+    dropdownRef: u,
+    containerRef: r,
+    inputDimensions: n
+  } = e, t = s(document.createElement("div")), c = n && n.width || d;
+  return o(() => (t.current.className = "datepicker-component", t.current.style.width = String(c).concat("px"), t.current.style.top = String(n?.bottom).concat("px"), r.current?.appendChild(t.current), u(t.current), () => {
+    r.current?.removeChild(t.current);
+  }), []), o(() => {
+    t.current.style.width = String(c).concat("px"), t.current.style.top = String(e.inputDimensions?.bottom).concat("px");
+  }, [e]), a.createPortal(i, t.current);
+};
+export {
+  l as default
+};
+//# sourceMappingURL=Dropdown.js.map

package/lib/inputs/period/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../src/lib/inputs/period/Dropdown.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport { IPeriodDropdownProps } from './types';\n\nconst CALENDAR_MIN_WIDTH = 250;\nconst Dropdown = (props: IPeriodDropdownProps) => {\n  const { children, dropdownRef, containerRef, inputDimensions } = props;\n  const elementRef = useRef(document.createElement('div'));\n  const width = inputDimensions && inputDimensions.width || CALENDAR_MIN_WIDTH;\n\n  useEffect(() => {\n    elementRef.current.className = 'datepicker-component';\n    elementRef.current.style.width = String(width).concat('px');\n    elementRef.current.style.top = String(inputDimensions?.bottom).concat('px');\n\n    containerRef.current?.appendChild(elementRef.current);\n    dropdownRef(elementRef.current);\n\n    return () => {\n      containerRef.current?.removeChild(elementRef.current);\n    };\n  }, []);\n\n  useEffect(() => {\n    elementRef.current.style.width = String(width).concat('px');\n    elementRef.current.style.top = String(props.inputDimensions?.bottom).concat('px');\n  }, [props]);\n\n  return ReactDOM.createPortal(children, elementRef.current);\n};\n\nexport default Dropdown;\n"],"names":["CALENDAR_MIN_WIDTH","Dropdown","props","children","dropdownRef","containerRef","inputDimensions","elementRef","useRef","document","createElement","width","useEffect","current","className","style","String","concat","top","bottom","appendChild","removeChild","ReactDOM","createPortal"],"mappings":";;AAIA,MAAMA,IAAqB,KACrBC,IAAWA,CAACC,MAAgC;AAChD,QAAM;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,aAAAA;AAAAA,IAAaC,cAAAA;AAAAA,IAAcC,iBAAAA;AAAAA,EAAAA,IAAoBJ,GAC3DK,IAAaC,EAAOC,SAASC,cAAc,KAAK,CAAC,GACjDC,IAAQL,KAAmBA,EAAgBK,SAASX;AAE1DY,SAAAA,EAAU,OACRL,EAAWM,QAAQC,YAAY,wBAC/BP,EAAWM,QAAQE,MAAMJ,QAAQK,OAAOL,CAAK,EAAEM,OAAO,IAAI,GAC1DV,EAAWM,QAAQE,MAAMG,MAAMF,OAAOV,GAAiBa,MAAM,EAAEF,OAAO,IAAI,GAE1EZ,EAAaQ,SAASO,YAAYb,EAAWM,OAAO,GACpDT,EAAYG,EAAWM,OAAO,GAEvB,MAAM;AACXR,IAAAA,EAAaQ,SAASQ,YAAYd,EAAWM,OAAO;AAAA,EACtD,IACC,CAAA,CAAE,GAELD,EAAU,MAAM;AACdL,IAAAA,EAAWM,QAAQE,MAAMJ,QAAQK,OAAOL,CAAK,EAAEM,OAAO,IAAI,GAC1DV,EAAWM,QAAQE,MAAMG,MAAMF,OAAOd,EAAMI,iBAAiBa,MAAM,EAAEF,OAAO,IAAI;AAAA,EAClF,GAAG,CAACf,CAAK,CAAC,GAEHoB,EAASC,aAAapB,GAAUI,EAAWM,OAAO;AAC3D;"}

package/lib/inputs/period/PeriodList.d.ts

@@ -0,0 +1,3 @@
+import { IPeriodListProps } from './types';
+declare const PeriodList: ({ selected, handleOnSelect }: IPeriodListProps) => import("react/jsx-runtime").JSX.Element;
+export default PeriodList;

package/lib/inputs/period/PeriodList.js

@@ -0,0 +1,44 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c } from "../../_virtual/compiler-runtime.js";
+import { CalcDatesByPeriod as m, getDropdownItemCssClass as p } from "./helper.js";
+const u = [{
+  id: "today",
+  label: "Hoje"
+}, {
+  id: "week",
+  label: "Semana Atual"
+}, {
+  id: "lastweek",
+  label: "Última Semana"
+}, {
+  id: "last15",
+  label: "Últimos 15 dias"
+}, {
+  id: "month",
+  label: "Mês atual"
+}, {
+  id: "lastmonth",
+  label: "Último Mês"
+}, {
+  id: "custom",
+  label: "Customizar"
+}], C = (d) => {
+  const e = c.c(5), {
+    selected: o,
+    handleOnSelect: s
+  } = d;
+  let t;
+  e[0] !== s || e[1] !== o ? (t = u.map((l) => {
+    const n = o === l.id;
+    return /* @__PURE__ */ i("button", { tabIndex: -1, className: p(n), onClick: () => {
+      const r = l.id !== "custom" ? m(l.id) : null;
+      s(l.id, r);
+    }, children: l.label }, "item-".concat(l.id));
+  }), e[0] = s, e[1] = o, e[2] = t) : t = e[2];
+  let a;
+  return e[3] !== t ? (a = /* @__PURE__ */ i("div", { className: "dropdown-period", children: t }), e[3] = t, e[4] = a) : a = e[4], a;
+};
+export {
+  C as default
+};
+//# sourceMappingURL=PeriodList.js.map

package/lib/inputs/period/PeriodList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeriodList.js","sources":["../../../src/lib/inputs/period/PeriodList.tsx"],"sourcesContent":["import { CalcDatesByPeriod, getDropdownItemCssClass } from './helper';\nimport { IPeriodOptions, IPeriodListProps } from './types';\n\nconst periodOptions: IPeriodOptions[] = [\n  { id: 'today', label: 'Hoje' },\n  { id: 'week', label: 'Semana Atual' },\n  { id: 'lastweek', label: 'Última Semana' },\n  { id: 'last15', label: 'Últimos 15 dias' },\n  { id: 'month', label: 'Mês atual' },\n  { id: 'lastmonth', label: 'Último Mês' },\n  { id: 'custom', label: 'Customizar' },\n];\n\nconst PeriodList = ({ selected, handleOnSelect }: IPeriodListProps) => (\n  <div className=\"dropdown-period\">\n    {\n      periodOptions.map((item) => {\n        const itemSelected = (selected === item.id);\n        return (\n          <button\n            key={String('item-').concat(item.id)}\n            tabIndex={-1}\n            className={getDropdownItemCssClass(itemSelected)}\n            onClick={() => {\n              const dates = item.id !== 'custom' ? CalcDatesByPeriod(item.id) : null;\n              handleOnSelect(item.id, dates);\n            }}>\n            {item.label}\n          </button>\n        );\n      })}\n  </div>\n);\n\nexport default PeriodList;\n"],"names":["periodOptions","id","label","PeriodList","t0","$","_c","selected","handleOnSelect","t1","map","item","itemSelected","jsx","getDropdownItemCssClass","dates","CalcDatesByPeriod","concat","t2"],"mappings":";;;AAGA,MAAMA,IAAkC,CACtC;AAAA,EAAEC,IAAI;AAAA,EAASC,OAAO;AAAO,GAC7B;AAAA,EAAED,IAAI;AAAA,EAAQC,OAAO;AAAe,GACpC;AAAA,EAAED,IAAI;AAAA,EAAYC,OAAO;AAAgB,GACzC;AAAA,EAAED,IAAI;AAAA,EAAUC,OAAO;AAAkB,GACzC;AAAA,EAAED,IAAI;AAAA,EAASC,OAAO;AAAY,GAClC;AAAA,EAAED,IAAI;AAAA,EAAaC,OAAO;AAAa,GACvC;AAAA,EAAED,IAAI;AAAA,EAAUC,OAAO;AAAa,CAAC,GAGjCC,IAAaC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,gBAAAA;AAAAA,EAAAA,IAAAJ;AAA8C,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAG,KAAAH,SAAAE,KAG5DE,IAAAT,EAAaU,IAAKC,CAAAA,MAAA;AAChB,UAAAC,IAAsBL,MAAaI,EAAIV;AAAK,WAE1C,gBAAAY,EAAA,YAEY,UAAA,IACC,WAAAC,EAAwBF,CAAY,GACtC,SAAA,MAAA;AACP,YAAAG,IAAcJ,EAAIV,OAAQ,WAAWe,EAAkBL,EAAIV,EAAU,IAAvD;AACdO,MAAAA,EAAeG,EAAIV,IAAKc,CAAK;AAAA,IAAC,GAE/BJ,YAAIT,SAPO,QAAQe,OAAQN,EAAIV,EAAG,CAQrC;AAAA,EAAS,CAEZ,GAACI,OAAAG,GAAAH,OAAAE,GAAAF,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAa;AAAA,SAAAb,SAAAI,KAhBNS,IAAA,gBAAAL,EAAA,OAAA,EAAe,WAAA,mBAEXJ,UAAAA,GAeJ,GAAMJ,OAAAI,GAAAJ,OAAAa,KAAAA,IAAAb,EAAA,CAAA,GAjBNa;AAiBM;"}

package/lib/inputs/period/helper.d.ts

@@ -0,0 +1,11 @@
+import { Moment } from 'moment';
+import { DateTypes } from './types';
+declare const getCalendarDropdownStyle: ({ topPosition, leftPosition, width }: {
+    topPosition: number | string;
+    leftPosition: number | string;
+    width: number | string;
+}) => string;
+export default getCalendarDropdownStyle;
+export declare const getDropdownItemCssClass: (selected?: boolean, disabled?: boolean, striped?: boolean) => string;
+export declare const CalcDatesByPeriod: (dateType: DateTypes) => Moment[];
+export declare const isDateValid: (date: Moment) => boolean;