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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.js","names":[],"sources":["../../../src/lib/inputs/multiSelect/Dropdown.tsx"],"sourcesContent":["import { ChangeEvent, RefObject, useState } from 'react';\nimport { DataCombo } from '../../@types/DataCombo';\nimport Avatar from '../../avatar';\nimport Icon from '../../icons';\nimport { IDropdownMultiSelectProps } from './types';\n\nconst returnDropdownDynamicStyles = (\n  selectFieldRef: RefObject<HTMLDivElement> | undefined,\n  dropdownMaxHeight: number,\n) => {\n  const selectFieldRects = selectFieldRef?.current?.getBoundingClientRect();\n  const bottom = selectFieldRects?.bottom ? selectFieldRects?.bottom : 0;\n  const offsetTop = selectFieldRef?.current?.offsetTop ? selectFieldRef?.current?.offsetTop : 0;\n  const dropdownBottomDistance = window.innerHeight - bottom;\n  let maxDropdownBottomDistance = 200;\n  let height = dropdownMaxHeight;\n  let dropdownPosition;\n  if (!height || height <= 0) {\n    if (dropdownBottomDistance < maxDropdownBottomDistance) {\n      height = selectFieldRects?.top ? selectFieldRects.top : 0;\n      dropdownPosition = (window.innerHeight - offsetTop) + 10;\n    } else {\n      height = dropdownBottomDistance;\n    }\n  } else {\n    maxDropdownBottomDistance = height;\n    if (dropdownBottomDistance < maxDropdownBottomDistance) {\n      dropdownPosition = (window.innerHeight - offsetTop) + 10;\n    }\n  }\n\n  return {\n    maxHeight: `${height - 30}px`,\n    bottom: `${dropdownPosition}px`,\n  };\n};\n\nconst Dropdown = (props: IDropdownMultiSelectProps) => {\n  const {\n    imageAlign = 'left', descriptionKey, idKey, dropdownMaxHeight, selectFieldRef, isAllChecked,\n    dropdownWidth, inputValue, gridWrapperStyle, onFocus, onFilter, onBlur, dataCombo, opened,\n    onUncheckAll, onCheckAll, selecteds, onSelect, dropdownMaxWidth,\n  } = props;\n  const [dropdownDynamicStyles] =\n    useState((returnDropdownDynamicStyles(selectFieldRef, dropdownMaxHeight || 0)));\n\n  return (\n    <div\n      className=\"dropdown\"\n      style={{\n        width: dropdownMaxWidth || dropdownWidth,\n        marginLeft: gridWrapperStyle ? gridWrapperStyle.paddingLeft : '0',\n        ...dropdownDynamicStyles,\n      }}>\n      <div className=\"filtercontainer\">\n        <input\n          className=\"filterinput\"\n          type=\"text\"\n          value={inputValue}\n          onFocus={() => { onFocus(); }}\n          onBlur={(e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => { onBlur(e); }}\n          onChange={(e) => { onFilter(e.target.value); }}\n          autoFocus={opened} />\n        <Icon customClass=\"filtericon\" name=\"search\" size={14} />\n      </div>\n      <div className=\"listcontainer\">\n        {dataCombo && dataCombo.length > 0 && (\n          <div className=\"item selectall\">\n            <button\n              className=\"menubutton\"\n              tabIndex={-1}\n              onClick={() => (isAllChecked ?\n                  onUncheckAll(true)\n                : onCheckAll(true))}>\n              <Icon\n                name={\n                  isAllChecked && dataCombo.length > 0 ? 'checkboxChecked2' : 'checkboxUnchecked2'\n                }\n                customClass=\"checkboxicon\" />\n              <span className=\"label\">\n                {inputValue !== '' ? 'Selecionar todos pesquisados' : 'Selecionar Todos'}\n              </span>\n            </button>\n          </div>\n        )}\n        {dataCombo?.map((item: DataCombo) => {\n          const isChecked = selecteds ?\n              selecteds.find(selected => (selected[idKey] === item[idKey]))\n            : undefined;\n          return (\n            <div\n              key={`dropdowmItem ${item[idKey]}}`}\n              className={`item ${isChecked && '-selected'}`}>\n              <button\n                className=\"menubutton\"\n                tabIndex={-1}\n                onClick={() => { onSelect(item); }}>\n                <Icon\n                  name={isChecked ? 'checkboxChecked2' : 'checkboxUnchecked2'}\n                  customClass=\"checkboxicon\" />\n                {item.iconName &&\n                  <Icon\n                    name={item.iconName}\n                    customClass=\"menuicon\"\n                    style={{ order: imageAlign === 'left' ? 0 : 1 }} />\n                }\n                {item.imgSrcKey &&\n                  <Avatar\n                    src={item.imgSrcKey}\n                    customClass=\"menuicon\"\n                    style={{ order: imageAlign === 'left' ? 0 : 1 }} />\n                }\n                <span className=\"label\">{typeof descriptionKey === 'string' ? item[descriptionKey] : descriptionKey(item)}</span>\n              </button>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default Dropdown;\n"],"mappings":"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"}

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

@@ -1,3 +0,0 @@
-import { GetFilteredParams } from './types';
-declare const getFilteredDataCombo: ({ dataSource, descriptionKey, inputText, }: GetFilteredParams) => any[];
-export default getFilteredDataCombo;

package/lib/inputs/multiSelect/helper.js

@@ -1,6 +0,0 @@
-//#region src/lib/inputs/multiSelect/helper.ts
-var e = ({ dataSource: e, descriptionKey: t, inputText: n }) => e.filter((e) => typeof t == "string" ? e[t].toLowerCase().indexOf(n.toLowerCase()) > -1 : t(e)?.toLowerCase().indexOf(n.toLowerCase()) > -1);
-//#endregion
-export { e as default };
-
-//# sourceMappingURL=helper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","names":[],"sources":["../../../src/lib/inputs/multiSelect/helper.ts"],"sourcesContent":["import { GetFilteredParams } from './types';\n\nconst getFilteredDataCombo = ({\n  dataSource, descriptionKey, inputText,\n}: GetFilteredParams) =>\n  dataSource.filter((item) => {\n    if (typeof descriptionKey === 'string') {\n      return item[descriptionKey].toLowerCase().indexOf(inputText.toLowerCase()) > -1;\n    }\n    return descriptionKey(item)?.toLowerCase().indexOf(inputText.toLowerCase()) > -1;\n  });\n\nexport default getFilteredDataCombo;\n"],"mappings":";AAEA,IAAM,KAAwB,EAC5B,eAAY,mBAAgB,mBAE5B,EAAW,QAAQ,MACb,OAAO,KAAmB,WACrB,EAAK,GAAgB,aAAa,CAAC,QAAQ,EAAU,aAAa,CAAC,GAAG,KAExE,EAAe,EAAK,EAAE,aAAa,CAAC,QAAQ,EAAU,aAAa,CAAC,GAAG,GAC9E"}

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

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

package/lib/inputs/multiSelect/index.js

@@ -1,130 +0,0 @@
-import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
-import t from "../../node_modules/uuid/dist/v1.js";
-import { require_lodash as n } from "../../node_modules/lodash/lodash.js";
-import ee from "../base/InputTextBase.js";
-import r from "./ActionButtons.js";
-import i from "./Dropdown.js";
-import a from "./helper.js";
-import '../../assets/styles/multiSelect.css';/* empty css                              */
-import { useEffect as o, useRef as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/lib/inputs/multiSelect/index.tsx
-var d = /* @__PURE__ */ e(n(), 1), f = (e) => {
-	let { onSelect: n, idKey: f, disabled: te = !1, dataSource: p, descriptionKey: m, value: h, onBlur: g, gridLayout: _, dropdownAlignButton: v = "left", dropdownMaxWidth: y = void 0 } = e, ne = `multiSelect-component${t()}`, [b, x] = c(p), [S, C] = c(), [w, T] = c(""), [E, D] = c("Nenhum selecionado"), [O, k] = c(0), [A, j] = c(!1), [M, N] = c(!1), [P, F] = c(), [I, L] = c(!1), [R, z] = c(), B = s(null), V = s(null), H = s(null), U = (e) => {
-		if (e === null) return;
-		let t = S;
-		t && (t = t.find((t) => t[f] === e[f]) ? t.filter((t) => t[f] !== e[f]) : [...t, e], n && n(t.map((e) => e[f]))), C(t);
-	}, W = () => {
-		let e = O;
-		e = H.current ? H.current.clientWidth : O, N(!0), k(e);
-	}, G = (e) => {
-		let t = e.target;
-		t?.className !== "" && L([
-			"item",
-			"menubutton",
-			"filterinput",
-			"filtercontainer",
-			"label"
-		].includes(t?.className));
-	}, K = (e) => {
-		g && g(e), I || (T(""), x(p));
-	}, q = (e) => {
-		let t = p;
-		e !== "" && p && (t = a({
-			dataSource: p,
-			descriptionKey: m,
-			inputText: e
-		})), x(t), T(e);
-	}, J = () => {
-		N((e) => !e), H.current && k(H.current.clientWidth), x(p);
-	}, Y = (e = !1) => {
-		let t = e ? b : p;
-		n && t && n(t.map((e) => e[f])), C(t);
-	}, X = () => {
-		n && n(), C([]);
-	}, Z = () => {
-		H.current && k(H.current.clientWidth);
-	}, Q = (e) => {
-		let { target: t } = e;
-		t !== V.current && !V.current?.contains(t) && (N(!1), x(p), T(""));
-	}, $ = (e) => {
-		let { relatedTarget: t } = e;
-		t !== V.current && !V.current?.contains(t) && (N(!1), x(p), T(""));
-	}, re = (e) => {
-		F(e);
-	}, ie = () => !!(te || P && (P.disabled || P.hideContent)), ae = () => {
-		let e = d.default.isEqual(S, p), t = E;
-		t = e ? "Todos" : S && S.length > 1 ? "Múltiplos" : S && S.length === 1 ? typeof m == "string" ? S[0][m] : m(S[0]) : "Nenhum selecionado", D(t);
-	};
-	return o(() => {
-		if (_) {
-			let e = H.current?.parentElement;
-			e && z(window.getComputedStyle(e));
-		}
-		return window.addEventListener("resize", Z), document.addEventListener("click", Q), document.addEventListener("focusout", $), document.addEventListener("mousemove", G), () => {
-			window.removeEventListener("resize", Z), document.removeEventListener("click", Q), document.removeEventListener("focusout", $), document.removeEventListener("mousemove", G);
-		};
-	}, []), o(() => {
-		p && p.length > 0 && C(p.filter((e) => h?.includes(e[f])));
-	}, [h?.length, p?.length]), o(() => {
-		p && b && !d.default.isEqual(p, b) && x(a({
-			...e,
-			dataSource: p || void 0,
-			inputText: w
-		}));
-	}, [p]), o(() => {
-		j(d.default.isEqual(b, S)), ae();
-	}, [S, b]), /* @__PURE__ */ u("span", {
-		id: ne,
-		ref: V,
-		className: "multiSelect-component",
-		children: [/* @__PURE__ */ l(ee, {
-			...d.default.omit(e, ["dropdownMaxWidth"]),
-			value: E,
-			inputRef: B,
-			onFocus: () => {
-				W();
-			},
-			onBlur: (e) => {
-				K(e);
-			},
-			customClassForWrapper: "selectwrapper -undigitable",
-			customClassForInputContent: "multiselect",
-			inputBaseRef: (e) => {
-				H.current = e;
-			},
-			handlerSetOnDenied: re,
-			rightElements: /* @__PURE__ */ l(r, {
-				dropdownAlignButton: v,
-				disabled: ie(),
-				dropdownOpened: M,
-				handleOpenClose: () => {
-					J();
-				},
-				handleCheckAll: Y,
-				handleUncheckAll: X
-			})
-		}), M && /* @__PURE__ */ l(i, {
-			...e,
-			opened: M,
-			dataCombo: b,
-			selecteds: S,
-			inputValue: w,
-			isAllChecked: A,
-			onCheckAll: Y,
-			onUncheckAll: X,
-			dropdownWidth: O,
-			selectFieldRef: V,
-			onSelect: U,
-			onFilter: q,
-			onFocus: W,
-			onBlur: K,
-			gridWrapperStyle: R,
-			dropdownMaxWidth: y
-		})]
-	});
-};
-//#endregion
-export { f as default };
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"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"],"mappings":";;;;;;;;;;;mCAaM,KAAoB,MAA6B;CACrD,IAAM,EACJ,aAAU,UAAO,eAAW,IAAO,eAAY,mBAAgB,UAAO,WAAQ,eAC9E,yBAAsB,QAAQ,sBAAmB,KAAA,MAC/C,GAEE,KAAc,wBAAwB,GAAS,IAC/C,CAAC,GAAW,KAAgB,EAAS,EAAW,EAChD,CAAC,GAAW,KAAgB,GAA8B,EAC1D,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,CAAC,GAAO,KAAY,EAAS,qBAAqB,EAClD,CAAC,GAAe,KAAoB,EAAS,EAAE,EAC/C,CAAC,GAAc,KAAmB,EAAS,GAAM,EACjD,CAAC,GAAQ,KAAa,EAAS,GAAM,EACrC,CAAC,GAAU,KAAe,GAAoB,EAC9C,CAAC,GAAiB,KAAsB,EAAS,GAAM,EACvD,CAAC,GAAe,KAAoB,GAA+B,EACnE,IAAW,EAAgC,KAAK,EAChD,IAAe,EAAuB,KAAK,EAC3C,IAAgB,EAA6C,KAAK,EAElE,KAAkB,MAA4B;AAClD,MAAI,MAAiB,KAAM;EAC3B,IAAI,IAAe;AAYnB,EAXI,MAGF,AAGE,IALkB,EAAa,MAAM,MACrC,EAAS,OAAW,EAAa,GAAQ,GAE1B,EAAa,QAAO,MAAQ,EAAK,OAAW,EAAa,GAAO,GAEhE,CAAC,GAAG,GAAc,EAAa,EAE5C,KAAU,EAAS,EAAa,KAAI,MAAQ,EAAK,GAAO,CAAC,GAG/D,EAAa,EAAa;IAGtB,UAAgB;EACpB,IAAI,IAAmB;AAGvB,EAFA,IAAmB,EAAc,UAAU,EAAc,QAAQ,cAAc,GAC/E,EAAU,GAAK,EACf,EAAiB,EAAiB;IAG9B,KAAe,MAAiB;EACpC,IAAM,IAAS,EAAM;AACjB,KAAQ,cAAc,MAG1B,EADE;GAAC;GAAQ;GAAc;GAAe;GAAmB;GAAQ,CAAC,SAAS,GAAQ,UAAU,CACzD;IAGlC,KAAmB,MAAwB;AAE/C,EADI,KAAQ,EAAO,EAAE,EAChB,MACH,EAAc,GAAG,EACjB,EAAa,EAAW;IAItB,KAAkB,MAAyB;EAC/C,IAAI,IAAe;AAMnB,EAJI,MAAiB,MAAM,MACzB,IAAe,EAAqB;GAAE;GAAY;GAAgB,WAAW;GAAc,CAAC,GAE9F,EAAa,EAAa,EAC1B,EAAc,EAAa;IAGvB,UAAoB;AAGxB,EAFA,GAAU,MAAa,CAAC,EAAU,EAC9B,EAAc,WAAS,EAAiB,EAAc,QAAQ,YAAY,EAC9E,EAAa,EAAW;IAGpB,KAAc,IAAa,OAAU;EACzC,IAAM,IAAc,IAAa,IAAY;AAE7C,EADI,KAAY,KAAa,EAAS,EAAY,KAAI,MAAK,EAAE,GAAO,CAAC,EACrE,EAAa,EAAY;IAGrB,UAAqB;AAEzB,EADI,KAAU,GAAU,EACxB,EAAa,EAAE,CAAC;IAGZ,UAAuB;AAC3B,EAAI,EAAc,WAAS,EAAiB,EAAc,QAAQ,YAAY;IAG1E,KAAkB,MAAiB;EACvC,IAAM,EAAE,QAAA,MAAW;AACnB,EAAI,MAAW,EAAa,WAAW,CAAC,EAAa,SAAS,SAAS,EAAe,KACpF,EAAU,GAAM,EAChB,EAAa,EAAW,EACxB,EAAc,GAAG;IAIf,KAAiB,MAAsB;EAC3C,IAAM,EAAE,qBAAkB;AAC1B,EAAI,MAAkB,EAAa,WAC/B,CAAC,EAAa,SAAS,SAAS,EAAsB,KACxD,EAAU,GAAM,EAChB,EAAa,EAAW,EACxB,EAAc,GAAG;IAIf,MAAoB,MAA4B;AACpD,IAAY,EAAc;IAGtB,WAAwB,CAAC,EAAE,MAC9B,MAAa,EAAS,YAAY,EAAS,eAExC,WAAiB;EACrB,IAAM,IAAa,EAAA,QAAE,QAAQ,GAAW,EAAW,EAC/C,IAAW;AAaf,EAXA,AASE,IATE,IACS,UACF,KAAa,EAAU,SAAS,IAC9B,cACF,KAAa,EAAU,WAAW,IAChC,OAAO,KAAmB,WACnC,EAAU,GAAG,KACX,EAAe,EAAU,GAAG,GAErB,sBAEb,EAAS,EAAS;;AA6CpB,QA1CA,QAAgB;AACd,MAAI,GAAY;GACd,IAAM,IAAgB,EAAc,SAAS;AAC7C,GAAI,KAAe,EAAiB,OAAO,iBAAiB,EAAc,CAAC;;AAO7E,SAJA,OAAO,iBAAiB,UAAU,EAAe,EACjD,SAAS,iBAAiB,SAAS,EAAe,EAClD,SAAS,iBAAiB,YAAY,EAAc,EACpD,SAAS,iBAAiB,aAAa,EAAY,QACtC;AAIX,GAHA,OAAO,oBAAoB,UAAU,EAAe,EACpD,SAAS,oBAAoB,SAAS,EAAe,EACrD,SAAS,oBAAoB,YAAY,EAAc,EACvD,SAAS,oBAAoB,aAAa,EAAY;;IAEvD,EAAE,CAAC,EAEN,QAAgB;AACd,EAAI,KAAc,EAAW,SAAS,KAEpC,EADqB,EAAW,QAAO,MAAQ,GAAO,SAAS,EAAK,GAAO,CAAC,CAClD;IAE3B,CAAC,GAAO,QAAQ,GAAY,OAAO,CAAC,EAEvC,QAAgB;AACd,EAAI,KAAc,KAAa,CAAC,EAAA,QAAE,QAAQ,GAAY,EAAU,IAM9D,EALqB,EAAqB;GACxC,GAAG;GACH,YAAY,KAAc,KAAA;GAC1B,WAAW;GACZ,CAAC,CACwB;IAE3B,CAAC,EAAW,CAAC,EAEhB,QAAgB;AAGd,EADA,EADiB,EAAA,QAAE,QAAQ,GAAW,EAAU,CACvB,EACzB,IAAU;IACT,CAAC,GAAW,EAAU,CAAC,EAGxB,kBAAC,QAAD;EACE,IAAI;EACJ,KAAK;EACL,WAAU;YAHZ,CAIE,kBAAC,IAAD;GACE,GAAI,EAAA,QAAE,KAAK,GAAO,CAAC,mBAAmB,CAAC;GACvC,OAAO;GACG;GACV,eAAe;AAAE,OAAS;;GAC1B,SAAS,MAAwB;AAAE,MAAgB,EAAE;;GACrD,uBAAsB;GACtB,4BAA2B;GAC3B,eAAe,MAA4C;AAAE,MAAc,UAAU;;GACrF,oBAAoB;GACpB,eACE,kBAAC,GAAD;IACuB;IACrB,UAAU,IAAgB;IAC1B,gBAAgB;IAChB,uBAAuB;AAAE,QAAa;;IACtC,gBAAgB;IAChB,kBAAkB;IAAgB,CAAA;GAClC,CAAA,EACL,KACC,kBAAC,GAAD;GACE,GAAI;GACI;GACG;GACA;GACC;GACE;GACF;GACE;GACC;GACf,gBAAgB;GAChB,UAAU;GACV,UAAU;GACD;GACT,QAAQ;GACR,kBAAkB;GACA;GAAoB,CAAA,CAAA"}

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

@@ -1,59 +0,0 @@
-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

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

package/lib/inputs/number/Currency.js

@@ -1,72 +0,0 @@
-import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
-import { require_lodash as t } from "../../node_modules/lodash/lodash.js";
-import { mergeRefs as n } from "../../form2/helpers.js";
-import r from "../base/InputTextBase.js";
-import { useIMask as i } from "../../node_modules/react-imask/esm/hook.js";
-import "../../node_modules/react-imask/esm/index.js";
-import { numberToEnUS as a } from "./format_number.js";
-import { useEffect as o, useRef as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-//#region src/lib/inputs/number/Currency.tsx
-var l = /* @__PURE__ */ e(t(), 1), u = (e) => {
-	let { inputRef: t = void 0, textAlign: u = "left", themePopover: d = "light", popoverAlign: f = "left", min: p = void 0, max: m = void 0, allowNegative: h = !1, scale: g = 2, normalizeZeros: _ = !0, padFractionalZeros: v = !1, unmask: y = !0, currencySymbol: b = "R$", displayCurrencySymbol: x = !0 } = e, S = s(null), C = x ? /* @__PURE__ */ c("span", {
-		className: "currency-symbol",
-		children: b
-	}) : [], { value: w, setValue: T, unmaskedValue: E } = i({
-		mask: Number,
-		unmask: y,
-		scale: g,
-		normalizeZeros: _,
-		padFractionalZeros: v,
-		max: m,
-		min: l.default.isNil(p) ? h ? void 0 : 0 : p,
-		radix: ",",
-		mapToRadix: ["."],
-		thousandsSeparator: "."
-	}, {
-		ref: S,
-		onAccept: (t, n, r) => {
-			let i = a(n.unmaskedValue);
-			e?.onChange?.({
-				...r,
-				target: {
-					...r?.target,
-					name: e?.name,
-					value: i
-				}
-			});
-		}
-	}), D = (t) => {
-		if (!l.default.isNil(p)) {
-			let n = parseFloat(E);
-			(l.default.isNaN(n) || n < p) && (T(l.default.toString(p)), e?.onChange?.({
-				...t,
-				target: {
-					...t?.target,
-					name: e?.name,
-					value: p
-				}
-			}));
-		}
-		e?.onBlur?.(t);
-	};
-	return o(() => {
-		let t = l.default.toString(e?.value);
-		!l.default.isNil(e?.value) && !l.default.isEqual(parseFloat(t), parseFloat(E)) && T(t);
-	}, [e?.value]), /* @__PURE__ */ c(r, {
-		...e,
-		inputRef: n(S, t),
-		type: "text",
-		onChange: () => {},
-		leftElements: C,
-		onBlur: D,
-		value: w,
-		textAlign: u,
-		themePopover: d,
-		popoverAlign: f
-	});
-};
-//#endregion
-export { u as default };
-
-//# sourceMappingURL=Currency.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Currency.js","names":[],"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"],"mappings":";;;;;;;;;;mCASM,KAAiB,MAA0B;CAC/C,IAAM,EACJ,cAAW,KAAA,GAAW,eAAY,QAAQ,kBAAe,SAAS,kBAAe,QACjF,SAAM,KAAA,GAAW,SAAM,KAAA,GAAW,mBAAgB,IAAO,WAAQ,GAAG,oBAAiB,IACrF,wBAAqB,IAAO,YAAS,IAAM,oBAAiB,MAAM,2BAAwB,OACxF,GACE,IAAyB,EAAgC,KAAK,EAC9D,IAAe,IACnB,kBAAC,QAAD;EAAM,WAAU;YAAmB;EAAsB,CAAA,GACvD,EAAE,EAEA,EAAE,OAAO,GAAa,UAAU,GAAgB,qBAAkB,EAAS;EAC/E,MAAM;EACN;EACA;EACA;EACA;EACA;EACA,KAAM,EAAA,QAAE,MAAM,EAAI,GAAU,IAAgB,KAAA,IAAY,IAAnC;EACrB,OAAO;EACP,YAAY,CAAC,IAAI;EACjB,oBAAoB;EACrB,EAAE;EACD,KAAK;EACL,WAAW,GAAI,GAAS,MAAU;GAChC,IAAM,IAAc,EAAa,EAAQ,cAAc;AACvD,MAAO,WAAW;IAChB,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAwC;;EAE5C,CAAC,EAMI,KAAc,MAA4B;AAC9C,MAAI,CAAC,EAAA,QAAE,MAAM,EAAI,EAAE;GACjB,IAAM,IAAe,WAAW,EAAc;AAC9C,IAAI,EAAA,QAAE,MAAM,EAAa,IAAI,IAAe,OAC1C,EAAe,EAAA,QAAE,SAAS,EAAI,CAAC,EAC/B,GAAO,WAAW;IAChB,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAqB;;AAG1B,KAAO,SAAS,EAAM;;AAYxB,QATA,QAAgB;EACd,IAAM,IAAgB,EAAA,QAAE,SAAS,GAAO,MAAM;AAC9C,EAAI,CAAC,EAAA,QAAE,MAAM,GAAO,MAAM,IAAI,CAAC,EAAA,QAAE,QAC/B,WAAW,EAAc,EAAE,WAAW,EAAc,CACrD,IACC,EAAe,EAAc;IAE9B,CAAC,GAAO,MAAM,CAAC,EAGhB,kBAAC,GAAD;EACE,GAAI;EACJ,UAAU,EAAU,GAAwB,EAAS;EACrD,MAAK;EACL,gBAAgB;EACF;EACd,QAAQ;EACR,OAAO;EACI;EACG;EACA;EAAgB,CAAA"}

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

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

package/lib/inputs/number/Decimal.js

@@ -1,68 +0,0 @@
-import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
-import { require_lodash as t } from "../../node_modules/lodash/lodash.js";
-import { mergeRefs as n } from "../../form2/helpers.js";
-import r from "../base/InputTextBase.js";
-import { useIMask as i } from "../../node_modules/react-imask/esm/hook.js";
-import "../../node_modules/react-imask/esm/index.js";
-import { numberToEnUS as a } from "./format_number.js";
-import { useEffect as o, useRef as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-//#region src/lib/inputs/number/Decimal.tsx
-var l = /* @__PURE__ */ e(t(), 1), u = (e) => {
-	let { textAlign: t = "left", themePopover: u = "light", popoverAlign: d = "left", min: f = void 0, max: p = void 0, allowNegative: m = !1, scale: h = 2, normalizeZeros: g = !0, padFractionalZeros: _ = !0, unmask: v = !0, inputRef: y = void 0 } = e, b = s(null), { value: x, setValue: S, unmaskedValue: C } = i({
-		mask: Number,
-		unmask: v,
-		scale: h,
-		normalizeZeros: g,
-		padFractionalZeros: _,
-		max: p,
-		min: l.default.isNil(f) ? m ? void 0 : 0 : f,
-		radix: ",",
-		mapToRadix: ["."],
-		thousandsSeparator: "."
-	}, {
-		ref: b,
-		onAccept: (t, n, r) => {
-			let i = a(n.unmaskedValue);
-			e?.onChange?.({
-				...r,
-				target: {
-					...r?.target,
-					name: e?.name,
-					value: i
-				}
-			});
-		}
-	}), w = (t) => {
-		if (!l.default.isNil(f)) {
-			let n = parseFloat(C);
-			(l.default.isNaN(n) || n < f) && (S(l.default.toString(f)), e?.onChange?.({
-				...t,
-				target: {
-					...t?.target,
-					name: e?.name,
-					value: f
-				}
-			}));
-		}
-		e?.onBlur?.(t);
-	};
-	return o(() => {
-		let t = l.default.toString(e?.value);
-		!l.default.isNil(e?.value) && !l.default.isEqual(parseFloat(t), parseFloat(C)) && S(t);
-	}, [e?.value]), /* @__PURE__ */ c(r, {
-		...e,
-		inputRef: n(b, y),
-		type: "text",
-		onChange: () => {},
-		onBlur: w,
-		value: x,
-		textAlign: t,
-		themePopover: u,
-		popoverAlign: d
-	});
-};
-//#endregion
-export { u as default };
-
-//# sourceMappingURL=Decimal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Decimal.js","names":[],"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"],"mappings":";;;;;;;;;;mCASM,KAAgB,MAAyB;CAC7C,IAAM,EACJ,eAAY,QAAQ,kBAAe,SAAS,kBAAe,QAAQ,SAAM,KAAA,GACzE,SAAM,KAAA,GAAW,mBAAgB,IAAO,WAAQ,GAAG,oBAAiB,IACpE,wBAAqB,IAAM,YAAS,IAAM,cAAW,KAAA,MACnD,GACE,IAAwB,EAAgC,KAAK,EAE7D,EAAE,OAAO,GAAa,UAAU,GAAgB,qBAAkB,EAAS;EAC/E,MAAM;EACN;EACA;EACA;EACA;EACA;EACA,KAAM,EAAA,QAAE,MAAM,EAAI,GAAU,IAAgB,KAAA,IAAY,IAAnC;EACrB,OAAO;EACP,YAAY,CAAC,IAAI;EACjB,oBAAoB;EACrB,EAAE;EACD,KAAK;EACL,WAAW,GAAI,GAAS,MAAU;GAChC,IAAM,IAAc,EAAa,EAAQ,cAAc;AACvD,MAAO,WAAW;IAChB,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAwC;;EAE5C,CAAC,EAMI,KAAc,MAA4B;AAC9C,MAAI,CAAC,EAAA,QAAE,MAAM,EAAI,EAAE;GACjB,IAAM,IAAe,WAAW,EAAc;AAC9C,IAAI,EAAA,QAAE,MAAM,EAAa,IAAI,IAAe,OAC1C,EAAe,EAAA,QAAE,SAAS,EAAI,CAAC,EAC/B,GAAO,WAAW;IAChB,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAqB;;AAG1B,KAAO,SAAS,EAAM;;AAYxB,QATA,QAAgB;EACd,IAAM,IAAgB,EAAA,QAAE,SAAS,GAAO,MAAM;AAC9C,EAAI,CAAC,EAAA,QAAE,MAAM,GAAO,MAAM,IAAI,CAAC,EAAA,QAAE,QAC/B,WAAW,EAAc,EAAE,WAAW,EAAc,CACrD,IACC,EAAe,EAAc;IAE9B,CAAC,GAAO,MAAM,CAAC,EAGhB,kBAAC,GAAD;EACE,GAAI;EACJ,UAAU,EAAU,GAAuB,EAAS;EACpD,MAAK;EACL,gBAAgB;EAChB,QAAQ;EACR,OAAO;EACI;EACG;EACA;EAAgB,CAAA"}

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

@@ -1,3 +0,0 @@
-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

@@ -1,14 +0,0 @@
-//#region src/lib/inputs/number/format_number.tsx
-var e = (e) => {
-	if (!e || e.trim() === "") return 0;
-	if (e.includes(",")) {
-		let t = e.replaceAll(".", "").replaceAll(",", "."), n = Number(t);
-		return isNaN(n) ? 0 : n;
-	}
-	let t = Number(e);
-	return isNaN(t) ? 0 : t;
-}, t = (e) => e.replace(/[._\-/()\s+]/g, "");
-//#endregion
-export { t as formatOnlyNumbers, e as numberToEnUS };
-
-//# sourceMappingURL=format_number.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"format_number.js","names":[],"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"],"mappings":";AAOA,IAAa,KAAgB,MAAkB;AAE7C,KAAI,CAAC,KAAS,EAAM,MAAM,KAAK,GAC7B,QAAO;AAIT,KAAI,EAAM,SAAS,IAAI,EAAE;EAEvB,IAAM,IAAkB,EAAM,WAAW,KAAK,GAAG,CAAC,WAAW,KAAK,IAAI,EAChE,IAAS,OAAO,EAAgB;AACtC,SAAO,MAAM,EAAO,GAAG,IAAI;;CAG7B,IAAM,IAAS,OAAO,EAAM;AAC5B,QAAO,MAAM,EAAO,GAAG,IAAI;GAGhB,KAAqB,MAClB,EAAM,QAAQ,iBAAiB,GAAG"}

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

@@ -1,6 +0,0 @@
-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

@@ -1,69 +0,0 @@
-import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
-import { require_lodash as t } from "../../node_modules/lodash/lodash.js";
-import { mergeRefs as n } from "../../form2/helpers.js";
-import r from "../base/InputTextBase.js";
-import { useIMask as i } from "../../node_modules/react-imask/esm/hook.js";
-import "../../node_modules/react-imask/esm/index.js";
-import '../../assets/styles/numbers.css';/* empty css                          */
-import a from "./Decimal.js";
-import o from "./Currency.js";
-import { useEffect as s, useRef as c } from "react";
-import { jsx as l } from "react/jsx-runtime";
-//#region src/lib/inputs/number/index.tsx
-var u = /* @__PURE__ */ e(t(), 1), d = (e) => {
-	let { textAlign: t = "left", themePopover: a = "light", popoverAlign: o = "left", min: d = void 0, max: f = void 0, inputRef: p = void 0 } = e, m = c(null), { value: h, setValue: g, unmaskedValue: _ } = i({
-		mask: Number,
-		max: f,
-		min: d,
-		scale: 0,
-		enum: void 0,
-		to: void 0,
-		from: void 0,
-		normalizeZeros: !0,
-		padFractionalZeros: !1
-	}, {
-		ref: m,
-		onAccept: (t, n, r) => {
-			let i = parseInt(t, 10);
-			e?.onChange?.({
-				...r,
-				target: {
-					...r?.target,
-					name: e?.name,
-					value: i
-				}
-			});
-		}
-	}), v = (t) => {
-		if (!u.default.isNil(d)) {
-			let n = parseInt(_, 10);
-			(u.default.isNaN(n) || n < d) && (g(u.default.toString(d)), e?.onChange?.({
-				...t,
-				target: {
-					...t?.target,
-					name: e?.name,
-					value: d
-				}
-			}));
-		}
-		e?.onBlur?.(t);
-	};
-	return s(() => {
-		let t = Number(_ || "0");
-		!u.default.isNil(e?.value) && (!u.default.isEqual(e?.value, t) || u.default.isEqual(e?.value, 0)) && g(u.default.toString(e?.value));
-	}, [e?.value]), /* @__PURE__ */ l(r, {
-		...e,
-		inputRef: n(m, p),
-		type: "number",
-		onChange: () => {},
-		onBlur: v,
-		value: h,
-		textAlign: t,
-		themePopover: a,
-		popoverAlign: o
-	});
-};
-//#endregion
-export { o as CurrencyField, a as DecimalField, d as default };
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"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"],"mappings":";;;;;;;;;;;;mCAYM,KAAe,MAA6B;CAChD,IAAM,EACJ,eAAY,QAAQ,kBAAe,SAAS,kBAAe,QAAQ,SAAM,KAAA,GACzE,SAAM,KAAA,GAAW,cAAW,KAAA,MAC1B,GACE,IAAiB,EAAgC,KAAK,EAEtD,EAAE,OAAO,GAAa,UAAU,GAAgB,qBAAkB,EAAS;EAC/E,MAAM;EACN;EACA;EACA,OAAO;EACP,MAAM,KAAA;EACN,IAAI,KAAA;EACJ,MAAM,KAAA;EACN,gBAAgB;EAChB,oBAAoB;EACrB,EAAE;EACD,KAAK;EACL,WAAW,GAAO,GAAI,MAAU;GAC9B,IAAM,IAAc,SAAS,GAAO,GAAG;AACvC,MAAO,WAAW;IAChB,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAqB;;EAEzB,CAAC,EAMI,KAAc,MAA4B;AAC9C,MAAI,CAAC,EAAA,QAAE,MAAM,EAAI,EAAE;GACjB,IAAM,IAAe,SAAS,GAAe,GAAG;AAChD,IAAI,EAAA,QAAE,MAAM,EAAa,IAAI,IAAe,OAC1C,EAAe,EAAA,QAAE,SAAS,EAAI,CAAC,EAC/B,GAAO,WAAW;IAChB,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAqB;;AAG1B,KAAO,SAAS,EAAM;;AAWxB,QARA,QAAgB;EACd,IAAM,IAAqB,OAAO,KAAiB,IAAI;AACvD,EAAI,CAAC,EAAA,QAAE,MAAM,GAAO,MAAM,KAAK,CAAC,EAAA,QAAE,QAAQ,GAAO,OAC/C,EAAmB,IAAI,EAAA,QAAE,QAAQ,GAAO,OAAO,EAAE,KACjD,EAAe,EAAA,QAAE,SAAS,GAAO,MAAM,CAAC;IAEzC,CAAC,GAAO,MAAM,CAAC,EAGhB,kBAAC,GAAD;EACE,GAAI;EACJ,UAAU,EAAU,GAAgB,EAAS;EAC7C,MAAK;EACL,gBAAgB;EAChB,QAAQ;EACR,OAAO;EACI;EACG;EACA;EAAgB,CAAA"}

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

@@ -1,37 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,17 +0,0 @@
-import e from "../../dialog/base/index.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/lib/inputs/period/Dialog.tsx
-var n = ({ onOpenChange: n, handlerClose: r, children: i, dialogSize: a }) => /* @__PURE__ */ t(e, {
-	closeOnOutsideClick: !0,
-	closeOnEsc: !0,
-	wrapperClassName: "",
-	width: a.width,
-	height: a.height,
-	onOpenChange: n,
-	handlerClose: () => r(!1),
-	children: i
-});
-//#endregion
-export { n as default };
-
-//# sourceMappingURL=Dialog.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.js","names":[],"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"],"mappings":";;;AAGA,IAAM,KAAU,EAAE,iBAAc,iBAAc,aAAU,oBACtD,kBAAC,GAAD;CACE,qBAAA;CACA,YAAA;CACA,kBAAiB;CACjB,OAAO,EAAW;CAClB,QAAQ,EAAW;CACL;CACd,oBAAoB,EAAa,GAAM;CACtC;CACU,CAAA"}

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

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

package/lib/inputs/period/Dropdown.js

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