linear-react-components-ui 1.0.10-beta.12 → 1.0.10-beta.14

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

@@ -5,17 +5,24 @@ import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../@types/PermissionAttr.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[];
+    dataCombo?: DataCombo[];
     idKey: string;
-    descriptionKey: string;
+    descriptionKey: DescriptionKey;
     inputValue: string;
     isAllChecked: boolean;
     dropdownWidth: number;
@@ -37,14 +44,16 @@ interface IDropdownMultiSelectProps {
     dropdownMaxHeight?: number;
 }
 interface IMultiSelectProps {
-    dataSource: DataCombo[];
+    dataSource?: DataCombo[];
     idKey: string;
-    descriptionKey: string;
+    descriptionKey: DescriptionKey;
     value?: any[];
     gridLayout?: string;
-    onSelect: (data?: string[]) => void;
+    onSelect?: (data?: string[]) => void;
     onBlur?: (e: CustomInputEvent) => void;
     disabled?: boolean;
+    dropdownAlignButton?: 'left' | 'right';
+    label?: string;
 }
 
-export { IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };
+export { DescriptionKey, GetFilteredParams, IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };

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

@@ -8,6 +8,8 @@ import '../types.js';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const BaseNumber: (props: IBaseNumberProps) => JSX.Element;
 

package/lib/inputs/number/BaseNumber.js

@@ -4,17 +4,11 @@ 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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var returnEventFormattedValue = function returnEventFormattedValue(props, event) {
   if (props.returnFormattedValueOnBlur || props.returnFormattedValueOnKeyDown) {
     // Retornando um objeto com a mesma estrutura do Proxy original
@@ -22,25 +16,21 @@ var returnEventFormattedValue = function returnEventFormattedValue(props, event)
     // O retorno poderá ser modificado conforme necessidade, desde que seja
     // mantido o path até a propriedade value e name.
     var _event$target = event.target,
-        value = _event$target.value,
-        name = _event$target.name;
-
+      value = _event$target.value,
+      name = _event$target.name;
     var teste = _extends({}, event, {
       target: {
         value: (0, _format_number.numberToEnUS)(value),
         name: name
       }
     });
-
     return teste;
   }
-
   return event;
 };
-
 var getEventProps = function getEventProps(props) {
   var returnFormattedValueOnBlur = props.returnFormattedValueOnBlur,
-      returnFormattedValueOnKeyDown = props.returnFormattedValueOnKeyDown;
+    returnFormattedValueOnKeyDown = props.returnFormattedValueOnKeyDown;
   if (props.isNumeric) return {};
   return {
     onBlur: function onBlur(e) {
@@ -57,13 +47,11 @@ var getEventProps = function getEventProps(props) {
     }
   };
 };
-
 var BaseNumber = function BaseNumber(props) {
   var eventProps = _extends({}, props, {
     returnFormattedValueOnBlur: true,
     returnFormattedValueOnKeyDown: true
   });
-
   return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
     value: (0, _format_number.numberToPtBR)(props.value),
     thousandsSeparator: ".",
@@ -72,6 +60,5 @@ var BaseNumber = function BaseNumber(props) {
     isNumeric: true
   }, props, getEventProps(eventProps)));
 };
-
 var _default = BaseNumber;
 exports.default = _default;

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

@@ -8,6 +8,8 @@ import '../types.js';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const CurrencyField: (props: ICurrencyProps) => JSX.Element;
 

package/lib/inputs/number/Currency.js

@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _BaseNumber = _interopRequireDefault(require("./BaseNumber"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var CurrencyField = function CurrencyField(props) {
   var _props$currencySymbol = props.currencySymbol,
-      currencySymbol = _props$currencySymbol === void 0 ? 'R$' : _props$currencySymbol;
+    currencySymbol = _props$currencySymbol === void 0 ? 'R$' : _props$currencySymbol;
   var leftElements = props.displayCurrencySymbol ? /*#__PURE__*/_react.default.createElement("span", {
     className: "currency-symbol"
   }, currencySymbol) : [];
@@ -23,6 +18,5 @@ var CurrencyField = function CurrencyField(props) {
     leftElements: leftElements
   }));
 };
-
 var _default = CurrencyField;
 exports.default = _default;

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

@@ -8,6 +8,8 @@ import '../types.js';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const DecimalField: (props: IBaseNumberProps) => JSX.Element;
 

package/lib/inputs/number/Decimal.js

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

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

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

package/lib/inputs/number/format_number.js

@@ -3,27 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.numberToPtBR = exports.numberToEnUS = void 0;
-
+exports.numberToPtBR = exports.numberToEnUS = exports.formatCnpjCpfField = void 0;
 var numberToPtBR = function numberToPtBR(value) {
   if (value !== undefined && typeof value === 'number') {
     return value.toLocaleString('pt-BR');
   }
-
   return value;
 };
-
 exports.numberToPtBR = numberToPtBR;
-
 var numberToEnUS = function numberToEnUS(value) {
   var formattedNumber;
-
   if (value) {
     formattedNumber = value.replace('.', '').replace(',', '.');
     return Number(formattedNumber);
   }
-
   return value;
 };
-
-exports.numberToEnUS = numberToEnUS;
+exports.numberToEnUS = numberToEnUS;
+var formatCnpjCpfField = function formatCnpjCpfField(value) {
+  return value.replace(/[._\-/]/g, '');
+};
+exports.formatCnpjCpfField = formatCnpjCpfField;

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

@@ -10,6 +10,8 @@ import '../types.js';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const NumberField: (props: INumberFieldProps) => JSX.Element;
 

package/lib/inputs/number/index.js

@@ -16,28 +16,19 @@ Object.defineProperty(exports, "DecimalField", {
   }
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
-
 var _Currency = _interopRequireDefault(require("./Currency"));
-
 var _Decimal = _interopRequireDefault(require("./Decimal"));
-
 require("../../assets/styles/numbers.scss");
-
 var _format_number = require("./format_number");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var NumberField = function NumberField(props) {
   var _props$textAlign = props.textAlign,
-      textAlign = _props$textAlign === void 0 ? 'left' : _props$textAlign,
-      _props$value = props.value,
-      value = _props$value === void 0 ? '' : _props$value;
+    textAlign = _props$textAlign === void 0 ? 'left' : _props$textAlign,
+    _props$value = props.value,
+    value = _props$value === void 0 ? '' : _props$value;
   return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
     value: typeof value === 'number' ? (0, _format_number.numberToPtBR)(value) : value,
     textAlign: textAlign,
@@ -47,6 +38,5 @@ var NumberField = function NumberField(props) {
     padFractionalZeros: false
   }, props));
 };
-
 var _default = NumberField;
 exports.default = _default;

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

@@ -7,9 +7,11 @@ import '../../@types/Period.js';
 import '../../@types/DataCombo.js';
 import '../../drawer/types.js';
 import '../../@types/Position.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 interface INumberFieldProps extends IMaskHOCProps {
-    value?: string;
+    value?: number | string;
     permissionAttr?: PermissionAttr;
     disabled?: boolean;
     onChange?: (e?: CustomInputEvent, maskValue?: string, date?: string | {
@@ -18,7 +20,7 @@ interface INumberFieldProps extends IMaskHOCProps {
     }) => void;
 }
 interface IBaseNumberProps extends INumberFieldProps {
-    value?: string;
+    value?: number | string;
     leftElements?: JSX.Element | JSX.Element[];
     onBlur?: (e: CustomInputEvent) => void;
     returnFormattedValueOnBlur?: boolean;

package/lib/inputs/period/Dialog.js

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _base = _interopRequireDefault(require("../../dialog/base"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var Dialog = function Dialog(_ref) {
   var _handlerClose = _ref.handlerClose,
-      children = _ref.children,
-      dialogSize = _ref.dialogSize;
+    children = _ref.children,
+    dialogSize = _ref.dialogSize;
   return /*#__PURE__*/_react.default.createElement(_base.default, {
     width: dialogSize.width,
     height: dialogSize.height,
@@ -26,6 +22,5 @@ var Dialog = function Dialog(_ref) {
     wrapperClassName: ""
   }, children);
 };
-
 var _default = Dialog;
 exports.default = _default;

package/lib/inputs/period/Dropdown.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _helper = _interopRequireDefault(require("./helper"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var body = document.getElementsByTagName('body')[0];
-
 var Dropdown = function Dropdown(props) {
   var elementRef = (0, _react.useRef)(document.createElement('div'));
   (0, _react.useEffect)(function () {
@@ -31,6 +25,5 @@ var Dropdown = function Dropdown(props) {
   }, [props]);
   return /*#__PURE__*/_reactDom.default.createPortal(props.children, elementRef.current);
 };
-
 var _default = Dropdown;
 exports.default = _default;

package/lib/inputs/period/PeriodList.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _helper = require("./helper");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var periodOptions = [{
   id: 'today',
   label: 'Hoje'
@@ -33,10 +29,9 @@ var periodOptions = [{
   id: 'custom',
   label: 'Customizar'
 }];
-
 var PeriodList = function PeriodList(_ref) {
   var selected = _ref.selected,
-      handleOnSelect = _ref.handleOnSelect;
+    handleOnSelect = _ref.handleOnSelect;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "dropdown-period"
   }, periodOptions.map(function (item) {
@@ -61,6 +56,5 @@ var PeriodList = function PeriodList(_ref) {
     }, item.label)));
   }));
 };
-
 var _default = PeriodList;
 exports.default = _default;

package/lib/inputs/period/helper.js

@@ -4,21 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isDateValid = exports.getDropdownItemCssClass = exports.default = exports.CalcDatesByPeriod = void 0;
-
 var _moment = _interopRequireDefault(require("moment"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var getCalendarDropdownStyle = function getCalendarDropdownStyle(_ref) {
   var topPosition = _ref.topPosition,
-      leftPosition = _ref.leftPosition,
-      width = _ref.width;
+    leftPosition = _ref.leftPosition,
+    width = _ref.width;
   return "top: ".concat(topPosition, "px;\n  left: ").concat(leftPosition, "px;\n  width:").concat(width, "px");
 };
-
 var _default = getCalendarDropdownStyle;
 exports.default = _default;
-
 var getDropdownItemCssClass = function getDropdownItemCssClass() {
   var selected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
   var disabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -29,9 +24,7 @@ var getDropdownItemCssClass = function getDropdownItemCssClass() {
   className += !selected && !disabled && striped ? ' -striped ' : '';
   return className;
 };
-
 exports.getDropdownItemCssClass = getDropdownItemCssClass;
-
 var CalcDatesByPeriod = function CalcDatesByPeriod(dateType) {
   var currentDate = (0, _moment.default)();
   var dateTypes = {
@@ -67,11 +60,8 @@ var CalcDatesByPeriod = function CalcDatesByPeriod(dateType) {
   };
   return dateTypes[dateType]();
 };
-
 exports.CalcDatesByPeriod = CalcDatesByPeriod;
-
 var isDateValid = function isDateValid(date) {
   return date && (0, _moment.default)(date).isValid();
 };
-
 exports.isDateValid = isDateValid;