linear-react-components-ui 1.1.20-beta.33 → 1.1.20-beta.34

package/lib/inputs/multiSelect/index.js

@@ -0,0 +1,218 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _lodash = _interopRequireDefault(require("lodash"));
+var _react = _interopRequireWildcard(require("react"));
+var uuid = _interopRequireWildcard(require("uuid"));
+var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
+var _ActionButtons = _interopRequireDefault(require("./ActionButtons"));
+var _Dropdown = _interopRequireDefault(require("./Dropdown"));
+var _helper = _interopRequireDefault(require("./helper"));
+require("../../assets/styles/multiSelect.scss");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const MultiSelectField = props => {
+  const {
+    onSelect,
+    idKey,
+    disabled = false,
+    dataSource,
+    descriptionKey,
+    value,
+    onBlur,
+    gridLayout,
+    dropdownAlignButton = 'left'
+  } = props;
+  const componentId = `multiSelect-component${uuid.v1()}`;
+  const [dataCombo, setDataCombo] = (0, _react.useState)(dataSource);
+  const [selecteds, setSelecteds] = (0, _react.useState)();
+  const [inputValue, setInputValue] = (0, _react.useState)('');
+  const [label, setLabel] = (0, _react.useState)('Nenhum selecionado');
+  const [dropdownWidth, setDropdownWidth] = (0, _react.useState)(0);
+  const [isAllChecked, setIsAllChecked] = (0, _react.useState)(false);
+  const [opened, setOpened] = (0, _react.useState)(false);
+  const [onDenied, setOnDenied] = (0, _react.useState)();
+  const [insideComponent, setInsideComponent] = (0, _react.useState)(false);
+  const [elementStyles, setElementStyles] = (0, _react.useState)();
+  const componentRef = (0, _react.useRef)(null);
+  const selectWrapper = (0, _react.useRef)();
+  const handleOnSelect = itemSelected => {
+    if (itemSelected === null) return;
+    let newSelecteds = selecteds;
+    if (newSelecteds) {
+      const hasSelected = newSelecteds.find(selected => selected[idKey] === itemSelected[idKey]);
+      if (hasSelected) {
+        newSelecteds = newSelecteds.filter(item => item[idKey] !== itemSelected[idKey]);
+      } else {
+        newSelecteds = [...newSelecteds, itemSelected];
+      }
+      if (onSelect) onSelect(newSelecteds.map(item => item[idKey]));
+    }
+    setSelecteds(newSelecteds);
+  };
+  const onFocus = () => {
+    let newDropdownWidth = dropdownWidth;
+    newDropdownWidth = selectWrapper.current ? selectWrapper.current.clientWidth : dropdownWidth;
+    setOpened(true);
+    setDropdownWidth(newDropdownWidth);
+  };
+  const onMouseMove = event => {
+    const target = event.target;
+    if (target?.className === '') return;
+    const newInsideComponent = ['item', 'menubutton', 'filterinput', 'filtercontainer', 'label'].includes(target?.className);
+    setInsideComponent(newInsideComponent);
+  };
+  const onBlurComponent = e => {
+    if (onBlur) onBlur(e);
+    if (!insideComponent) {
+      setInputValue('');
+      setDataCombo(dataSource);
+    }
+  };
+  const handleOnFilter = currentValue => {
+    let newDataCombo = dataSource;
+    if (currentValue !== '' && dataSource) {
+      newDataCombo = (0, _helper.default)({
+        dataSource,
+        descriptionKey,
+        inputText: currentValue
+      });
+    }
+    setDataCombo(newDataCombo);
+    setInputValue(currentValue);
+  };
+  const onOpenClose = () => {
+    setOpened(!opened);
+    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
+  };
+  const onCheckAll = function () {
+    let fromFilter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    const currentData = fromFilter ? dataCombo : dataSource;
+    if (onSelect && currentData) onSelect(currentData.map(i => i[idKey]));
+    setSelecteds(currentData);
+  };
+  const onUncheckAll = () => {
+    if (onSelect) onSelect();
+    setSelecteds([]);
+  };
+  const onScreenResize = () => {
+    if (selectWrapper.current) setDropdownWidth(selectWrapper.current.clientWidth);
+  };
+  const onClickOutSide = event => {
+    const {
+      target
+    } = event;
+    if (target !== componentRef.current && !componentRef.current?.contains(target)) {
+      setOpened(false);
+      setDataCombo(dataSource);
+      setInputValue('');
+    }
+  };
+  const setOnDeniedValue = onDeniedValue => {
+    setOnDenied(onDeniedValue);
+  };
+  const shouldDisabled = () => !!(disabled || onDenied && (onDenied.disabled || onDenied.hideContent));
+  const getLabel = () => {
+    const checkIsAll = _lodash.default.isEqual(selecteds, dataSource);
+    let newLabel = label;
+    if (checkIsAll) {
+      newLabel = 'Todos';
+    } else if (selecteds && selecteds.length > 1) {
+      newLabel = 'Múltiplos';
+    } else if (selecteds && selecteds.length === 1) {
+      newLabel = typeof descriptionKey === 'string' ? selecteds[0][descriptionKey] : descriptionKey(selecteds[0]);
+    } else {
+      newLabel = 'Nenhum selecionado';
+    }
+    setLabel(newLabel);
+  };
+  (0, _react.useEffect)(() => {
+    if (gridLayout) {
+      const currentGridEl = selectWrapper.current?.parentElement;
+      if (currentGridEl) setElementStyles(window.getComputedStyle(currentGridEl));
+    }
+    window.addEventListener('resize', onScreenResize);
+    document.addEventListener('click', onClickOutSide);
+    document.addEventListener('mousemove', onMouseMove);
+    return () => {
+      window.removeEventListener('resize', onScreenResize);
+      document.removeEventListener('click', onClickOutSide);
+      document.removeEventListener('mousemove', onMouseMove);
+    };
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (dataSource && dataSource.length > 0) {
+      const newSelecteds = dataSource.filter(item => value?.includes(item[idKey]));
+      setSelecteds(newSelecteds);
+    }
+  }, [value?.length, dataSource?.length]);
+  (0, _react.useEffect)(() => {
+    if (dataSource && dataCombo && !_lodash.default.isEqual(dataSource, dataCombo)) {
+      const newDataCombo = (0, _helper.default)(_objectSpread(_objectSpread({}, props), {}, {
+        dataSource: dataSource || undefined,
+        inputText: inputValue
+      }));
+      setDataCombo(newDataCombo);
+    }
+  }, [dataSource]);
+  (0, _react.useEffect)(() => {
+    const checkAll = _lodash.default.isEqual(dataCombo, selecteds);
+    setIsAllChecked(checkAll);
+    getLabel();
+  }, [selecteds, dataCombo]);
+  return /*#__PURE__*/_react.default.createElement("span", {
+    id: componentId,
+    ref: componentRef,
+    className: "multiSelect-component"
+  }, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
+    value: label,
+    onFocus: () => {
+      onFocus();
+    },
+    onBlur: e => {
+      onBlurComponent(e);
+    },
+    customClassForWrapper: "selectwrapper -undigitable",
+    customClassForInputContent: "multiselect",
+    inputBaseRef: r => {
+      selectWrapper.current = r;
+    },
+    handlerSetOnDenied: setOnDeniedValue,
+    rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, {
+      dropdownAlignButton: dropdownAlignButton,
+      disabled: shouldDisabled(),
+      dropdownOpened: opened,
+      handleOpenClose: () => {
+        onOpenClose();
+      },
+      handleCheckAll: onCheckAll,
+      handleUncheckAll: onUncheckAll
+    })
+  })), opened && /*#__PURE__*/_react.default.createElement(_Dropdown.default, _extends({}, props, {
+    opened: opened,
+    dataCombo: dataCombo,
+    selecteds: selecteds,
+    inputValue: inputValue,
+    isAllChecked: isAllChecked,
+    onCheckAll: onCheckAll,
+    onUncheckAll: onUncheckAll,
+    dropdownWidth: dropdownWidth,
+    selectFieldRef: componentRef,
+    onSelect: handleOnSelect,
+    onFilter: handleOnFilter,
+    onFocus: onFocus,
+    onBlur: onBlurComponent,
+    gridWrapperStyle: elementStyles
+  })));
+};
+var _default = exports.default = MultiSelectField;

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

@@ -0,0 +1,65 @@
+import { ChangeEvent, RefObject } from 'react';
+import { DataCombo } from '../../@types/DataCombo.js';
+import { CustomInputEvent } from '../base/types.js';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+type DescriptionKey = string | ((dataSelected: DataCombo) => string);
+interface GetFilteredParams {
+    dataSource: DataCombo[];
+    descriptionKey: DescriptionKey;
+    inputText: string;
+}
+interface IActionButtonsProps {
+    handleOpenClose: () => void;
+    handleCheckAll: () => void;
+    handleUncheckAll: () => void;
+    disabled: boolean;
+    dropdownOpened?: boolean;
+    dropdownAlignButton?: 'left' | 'right';
+}
+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;
+}
+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 | string[];
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}
+
+export { DescriptionKey, GetFilteredParams, IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };

package/lib/inputs/multiSelect/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,17 @@
+import { IBaseNumberProps } from './types.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+import '../types.js';
+import '../../@types/DataCombo.js';
+import '../../drawer/types.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const BaseNumber: (props: IBaseNumberProps) => JSX.Element;
+
+export { BaseNumber as default };

package/lib/inputs/number/BaseNumber.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
+var _format_number = require("./format_number");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const returnEventFormattedValue = (props, event) => {
+  if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
+    // Retornando um objeto com a mesma estrutura do Proxy original
+    // para recuperacao do valor formatado no padrão americano.
+    // O retorno poderá ser modificado conforme necessidade, desde que seja
+    // mantido o path até a propriedade value e name.
+    const {
+      value,
+      name
+    } = event.target;
+    return _objectSpread(_objectSpread({}, event), {}, {
+      target: {
+        value: (0, _format_number.numberToEnUS)(value),
+        name
+      }
+    });
+  }
+  return event;
+};
+const getEventProps = props => {
+  const {
+    returnFormattedValueOnBlur,
+    returnFormattedValueOnKeyDown
+  } = props;
+  if (props.isNumeric) return {};
+  return {
+    onBlur: e => {
+      if (props.onBlur) {
+        const formattedEvent = returnFormattedValueOnBlur ? returnEventFormattedValue(props, e) : e;
+        props.onBlur(formattedEvent);
+      }
+    },
+    onKeyDown: e => {
+      if (props.onKeyDown) {
+        const formattedEvent = returnFormattedValueOnKeyDown ? returnEventFormattedValue(props, e) : e;
+        props.onKeyDown(formattedEvent);
+      }
+    }
+  };
+};
+const BaseNumber = props => {
+  const eventProps = _objectSpread(_objectSpread({}, props), {}, {
+    returnFormattedValueOnBlur: true,
+    returnFormattedValueOnKeyDown: true
+  });
+  return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
+    value: (0, _format_number.numberToPtBR)(props.value),
+    thousandsSeparator: ".",
+    radix: ",",
+    mask: Number,
+    isNumeric: true
+  }, props, getEventProps(eventProps)));
+};
+var _default = exports.default = BaseNumber;

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

@@ -0,0 +1,17 @@
+import { ICurrencyProps } from './types.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+import '../types.js';
+import '../../@types/DataCombo.js';
+import '../../drawer/types.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const CurrencyField: (props: ICurrencyProps) => JSX.Element;
+
+export { CurrencyField as default };

package/lib/inputs/number/Currency.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const CurrencyField = props => {
+  const {
+    currencySymbol = 'R$'
+  } = props;
+  const leftElements = props.displayCurrencySymbol ? /*#__PURE__*/_react.default.createElement("span", {
+    className: "currency-symbol"
+  }, currencySymbol) : [];
+  return /*#__PURE__*/_react.default.createElement(_BaseNumber.default, _extends({}, props, {
+    leftElements: leftElements
+  }));
+};
+var _default = exports.default = CurrencyField;

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

@@ -0,0 +1,17 @@
+import { IBaseNumberProps } from './types.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+import '../types.js';
+import '../../@types/DataCombo.js';
+import '../../drawer/types.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const DecimalField: (props: IBaseNumberProps) => JSX.Element;
+
+export { DecimalField as default };

package/lib/inputs/number/Decimal.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DecimalField = props => /*#__PURE__*/_react.default.createElement(_BaseNumber.default, props);
+var _default = exports.default = DecimalField;

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

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

package/lib/inputs/number/format_number.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.numberToPtBR = exports.numberToEnUS = exports.formatOnlyNumbers = void 0;
+const numberToPtBR = value => {
+  if (value !== undefined && typeof value === 'number') {
+    return value.toLocaleString('pt-BR');
+  }
+  return value;
+};
+exports.numberToPtBR = numberToPtBR;
+const numberToEnUS = value => {
+  let formattedNumber;
+  if (value) {
+    formattedNumber = value.replaceAll('.', '').replaceAll(',', '.');
+    return Number(formattedNumber);
+  }
+  return value;
+};
+exports.numberToEnUS = numberToEnUS;
+const formatOnlyNumbers = value => {
+  const teste = value.replace(/[._\-/()\s+]/g, '');
+  return teste;
+};
+exports.formatOnlyNumbers = formatOnlyNumbers;

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

@@ -0,0 +1,19 @@
+export { default as CurrencyField } from './Currency.js';
+export { default as DecimalField } from './Decimal.js';
+import { INumberFieldProps } from './types.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+import '../types.js';
+import '../../@types/DataCombo.js';
+import '../../drawer/types.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const NumberField: (props: INumberFieldProps) => JSX.Element;
+
+export { NumberField as default };

package/lib/inputs/number/index.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CurrencyField", {
+  enumerable: true,
+  get: function () {
+    return _Currency.default;
+  }
+});
+Object.defineProperty(exports, "DecimalField", {
+  enumerable: true,
+  get: function () {
+    return _Decimal.default;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Currency = _interopRequireDefault(require("./Currency"));
+var _Decimal = _interopRequireDefault(require("./Decimal"));
+require("../../assets/styles/numbers.scss");
+var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const NumberField = props => {
+  const {
+    textAlign = 'left',
+    value = '',
+    themePopover = 'light',
+    popoverAlign = 'left',
+    removeZeroLeft = true,
+    min,
+    max
+  } = props;
+  const [numberValue, setNumberValue] = (0, _react.useState)();
+  const onChange = event => {
+    const inputValue = event.target.value;
+    const numericValue = inputValue.replace(/\D/g, '');
+    if (min && parseInt(numericValue, 10) < min || max && parseInt(numericValue, 10) > max) {
+      return;
+    }
+    if (removeZeroLeft && numericValue.charAt(0) === '0' && numericValue.length > 1) {
+      setNumberValue(numericValue.substring(1));
+    } else {
+      setNumberValue(numericValue);
+    }
+    if (props.onChange) props.onChange(event);
+  };
+  (0, _react.useEffect)(() => {
+    setNumberValue(value?.toString() ?? '');
+  }, [value]);
+  return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
+    value: numberValue,
+    textAlign: textAlign,
+    themePopover: themePopover,
+    popoverAlign: popoverAlign,
+    onChange: onChange,
+    type: "number"
+  }));
+};
+var _default = exports.default = NumberField;

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

@@ -0,0 +1,39 @@
+import { PermissionAttr } from '../../@types/PermissionAttr.js';
+import { CustomInputEvent } from '../base/types.js';
+import { IMaskHOCProps } from '../types.js';
+import { TextAlign } from '../../@types/Align.js';
+import 'react';
+import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+import '../../@types/DataCombo.js';
+import '../../drawer/types.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+interface INumberFieldProps extends IMaskHOCProps {
+    value?: string;
+    permissionAttr?: PermissionAttr;
+    disabled?: boolean;
+    hint?: string | string[];
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+    onChange?: (e?: CustomInputEvent) => void;
+    removeZeroLeft?: boolean;
+    textAlign?: TextAlign;
+}
+interface IBaseNumberProps extends IMaskHOCProps {
+    returnFormattedValueOnBlur?: boolean;
+    returnFormattedValueOnKeyDown?: boolean;
+}
+interface ICurrencyProps extends IMaskHOCProps {
+    currencySymbol?: string;
+    displayCurrencySymbol?: boolean;
+    hint?: string | string[];
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}
+
+export { IBaseNumberProps, ICurrencyProps, INumberFieldProps };

package/lib/inputs/number/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,14 @@
+import { IDialogProps } from './types.js';
+import 'moment';
+import 'react';
+import '../../@types/ColorStyles.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Align.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const Dialog: ({ onOpenChange, children, dialogSize }: IDialogProps) => JSX.Element;
+
+export { Dialog as default };

package/lib/inputs/period/Dialog.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _base = _interopRequireDefault(require("../../dialog/base"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Dialog = _ref => {
+  let {
+    onOpenChange,
+    children,
+    dialogSize
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_base.default, {
+    width: dialogSize.width,
+    height: dialogSize.height,
+    onOpenChange: onOpenChange,
+    closeOnOutsideClick: true,
+    closeOnEsc: true,
+    wrapperClassName: ""
+  }, children);
+};
+var _default = exports.default = Dialog;