linear-react-components-ui 0.4.77-beta.25 → 0.4.77-beta.26

package/lib/inputs/period/index.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _moment = _interopRequireDefault(require("moment"));
-
 var _react = _interopRequireWildcard(require("react"));
 
+var _moment = _interopRequireDefault(require("moment"));
+
 var _PeriodList = _interopRequireDefault(require("./PeriodList"));
 
 var _BaseMask = _interopRequireDefault(require("../mask/BaseMask"));
@@ -29,12 +29,12 @@ var helperBase = _interopRequireWildcard(require("../base/helpers"));
 
 require("../../assets/styles/periodpicker.scss");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -50,6 +50,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var PeriodPicker = function PeriodPicker(props) {
+  var _props$value2, _props$value3;
+
   var _props$showButtonOpen = props.showButtonOpen,
       showButtonOpen = _props$showButtonOpen === void 0 ? true : _props$showButtonOpen,
       _props$openOnFocus = props.openOnFocus,
@@ -174,7 +176,7 @@ var PeriodPicker = function PeriodPicker(props) {
       setValueInitial(newValueInitial);
       setValueFinal(newValueFinal);
     }
-  }, [props.value]);
+  }, [(_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2.valueInitial, (_props$value3 = props.value) === null || _props$value3 === void 0 ? void 0 : _props$value3.valueFinal]);
 
   var openCalendar = function openCalendar() {
     setShowCalendar(true);

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

@@ -0,0 +1,58 @@
+import { Moment } from 'moment';
+import { ReactNode } from 'react';
+import { ColorStyles } from '../../@types/ColorStyles.js';
+import { Period } from '../../@types/Period.js';
+import { PermissionAttr } from '../../@types/PermissionAttr.js';
+import { CustomInputEvent } from '../base/types.js';
+
+declare type DateTypes = 'today' | 'week' | 'lastweek' | 'last15' | 'month' | 'lastmonth';
+interface IPeriodOptions {
+    id: DateTypes | 'custom';
+    label?: string;
+}
+interface IDialogProps {
+    children: ReactNode | ReactNode[];
+    handlerClose: () => void;
+    dialogSize: {
+        width: string;
+        height: string;
+    };
+}
+interface IPeriodDropdownProps {
+    topPosition: number | string;
+    leftPosition: number | string;
+    width: number | string;
+    children: JSX.Element | JSX.Element[];
+    dropdownRef: (el: HTMLElement) => void;
+    targetElement?: HTMLDivElement | HTMLInputElement | null;
+}
+interface IPeriodPickerProps {
+    label?: string;
+    value?: {
+        valueInitial?: Moment | string;
+        valueFinal?: Moment | string;
+    };
+    customClassForLabel?: string;
+    labelUppercase?: boolean;
+    showButtonOpen?: boolean;
+    shouldCloseOnSelect?: boolean;
+    openOnFocus?: boolean;
+    showCalendarInDialog?: boolean;
+    dialogSize?: {
+        width: string;
+        height: string;
+    };
+    calendarColorStyle?: ColorStyles;
+    required?: boolean;
+    onChange?: (event?: CustomInputEvent, maskValue?: string, date?: Period) => void;
+    disabled?: boolean;
+    permissionAttr?: PermissionAttr;
+    errorMessages?: string[];
+    name?: string;
+}
+interface IPeriodListProps {
+    handleOnSelect: (value: DateTypes | 'custom', date: Moment[] | null) => void;
+    selected?: string;
+}
+
+export { DateTypes, IDialogProps, IPeriodDropdownProps, IPeriodListProps, IPeriodOptions, IPeriodPickerProps };

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

@@ -0,0 +1,11 @@
+import { ISearchProps } from '../types.js';
+import 'react';
+import '../../@types/PermissionAttr.js';
+import '../../@types/DataCombo.js';
+import '../select/types.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+
+declare const SearchField: (props: ISearchProps) => JSX.Element | null;
+
+export { SearchField as default };

package/lib/inputs/search/index.js

@@ -168,9 +168,6 @@ var SearchField = function SearchField(props) {
   }
 
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
-    style: {
-      height: 40
-    },
     onReset: onReset,
     onChange: onChange,
     value: valorCampo,

package/lib/inputs/search/search_input.spec.js

@@ -1,25 +1,15 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@testing-library/react");
-
 require("@testing-library/jest-dom/extend-expect");
-
 var _index = _interopRequireDefault(require("./index"));
-
 var _storageMock = _interopRequireWildcard(require("../../../../config/jest/storageMock"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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 searchField = function searchField(fieldProps, advancedFilterProps) {
   return /*#__PURE__*/_react.default.createElement(_index.default, _extends({
     advancedFilterProps: _extends({}, advancedFilterProps, {
@@ -28,83 +18,64 @@ var searchField = function searchField(fieldProps, advancedFilterProps) {
     })
   }, fieldProps));
 };
-
 describe('SearchField', function () {
   it('should render correctly', function () {
     var _render = (0, _react2.render)(searchField()),
-        container = _render.container;
-
+      container = _render.container;
     expect(container.firstChild).toBeTruthy();
   });
   it('should be apply value', function () {
     var value = '1 ';
-
     var _render2 = (0, _react2.render)(searchField({
-      value: value
-    })),
-        container = _render2.container;
-
+        value: value
+      })),
+      container = _render2.container;
     var inputHTML = container.querySelector('.textinput');
     expect(inputHTML.value).toBe(value);
   });
   it('should apply textAlign', function () {
     var textAlign = 'left';
-
     var _render3 = (0, _react2.render)(searchField({
-      textAlign: textAlign
-    })),
-        container = _render3.container;
-
+        textAlign: textAlign
+      })),
+      container = _render3.container;
     var inputHTML = container.querySelector('.textinput');
     expect(inputHTML).toHaveClass("text-align-".concat(textAlign));
   });
   it('should apply resetButton and execute onReset callback', function () {
     var onReset = jest.fn();
-
     var _render4 = (0, _react2.render)(searchField({
-      onReset: onReset,
-      resetButton: true,
-      value: 'foo'
-    })),
-        getAllByTestId = _render4.getAllByTestId;
-
+        onReset: onReset,
+        resetButton: true,
+        value: 'foo'
+      })),
+      getAllByTestId = _render4.getAllByTestId;
     _react2.fireEvent.click(getAllByTestId('icon')[0]);
-
     expect(onReset).toBeCalled();
   });
   describe('advancedFilterProps', function () {
     it('should drawerHeader content headerTitle', function () {
       var _render5 = (0, _react2.render)(searchField()),
-          container = _render5.container;
-
+        container = _render5.container;
       var advancedFilterbuttonComponent = container.querySelector('.button-component');
-
       _react2.fireEvent.click(advancedFilterbuttonComponent);
-
       expect(document.querySelector('.drawerheader')).toHaveTextContent('Pesquisa Avançada');
     });
     it('should drawerContent to have content', function () {
       var _render6 = (0, _react2.render)(searchField()),
-          container = _render6.container;
-
+        container = _render6.container;
       var drawerContentButton = container.querySelector('.button-component');
-
       _react2.fireEvent.click(drawerContentButton);
-
       expect(document.querySelector('.drawercontent')).toHaveTextContent('Conteúdo da Pesquisa');
     });
     it('should execute onStateChange on Drawer Open', function () {
       var onStateChange = jest.fn();
-
       var _render7 = (0, _react2.render)(searchField({}, {
-        onStateChange: onStateChange
-      })),
-          container = _render7.container;
-
+          onStateChange: onStateChange
+        })),
+        container = _render7.container;
       var drawerButtonOpen = container.querySelector('.button-component');
-
       _react2.fireEvent.click(drawerButtonOpen);
-
       expect(onStateChange).toBeCalledTimes(1);
     });
   });
@@ -114,49 +85,40 @@ describe('SearchField', function () {
         value: (0, _storageMock.default)()
       });
     };
-
     it('should render subject when permission granted', function () {
       setSessionStorageMock();
       var permissionAttr = (0, _storageMock.permissionAttrMockAuthorized)('unvisible');
-
       var _render8 = (0, _react2.render)(searchField({
-        permissionAttr: permissionAttr
-      })),
-          container = _render8.container;
-
+          permissionAttr: permissionAttr
+        })),
+        container = _render8.container;
       expect(container.querySelector('.input-base-component')).not.toBeNull();
     });
     it('should check permission, be unavaible and onDenied is unvisible', function () {
       setSessionStorageMock();
       var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('unvisible');
-
       var _render9 = (0, _react2.render)(searchField({
-        permissionAttr: permissionAttr
-      })),
-          container = _render9.container;
-
+          permissionAttr: permissionAttr
+        })),
+        container = _render9.container;
       expect(container.querySelector('.input-base-component')).toBeNull();
     });
     it('should check permission, be unavaible and onDenied is disabled', function () {
       setSessionStorageMock();
       var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('disabled');
       var onChange = jest.fn();
-
       var _render10 = (0, _react2.render)(searchField({
-        permissionAttr: permissionAttr,
-        onChange: onChange
-      })),
-          container = _render10.container;
-
+          permissionAttr: permissionAttr,
+          onChange: onChange
+        })),
+        container = _render10.container;
       var inputHTML = container.querySelector('.textinput');
       var inputWrapper = container.querySelector('.inputwrapper');
-
       _react2.fireEvent.change(inputHTML, {
         target: {
           value: 'sus'
         }
       });
-
       expect(inputHTML.disabled).toBeTruthy();
       expect(onChange).not.toBeCalled();
       expect(inputWrapper).toHaveClass('-disabled');
@@ -165,22 +127,18 @@ describe('SearchField', function () {
       setSessionStorageMock();
       var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('disabled');
       var onChange = jest.fn();
-
       var _render11 = (0, _react2.render)(searchField({
-        permissionAttr: permissionAttr,
-        onChange: onChange
-      })),
-          container = _render11.container;
-
+          permissionAttr: permissionAttr,
+          onChange: onChange
+        })),
+        container = _render11.container;
       var inputHTML = container.querySelector('.textinput');
       var inputWrapper = container.querySelector('.inputwrapper');
-
       _react2.fireEvent.change(inputHTML, {
         target: {
           value: 'sus'
         }
       });
-
       expect(inputHTML.disabled).toBeTruthy();
       expect(onChange).not.toBeCalled();
       expect(inputWrapper).toHaveClass('-disabled');
@@ -189,23 +147,19 @@ describe('SearchField', function () {
       setSessionStorageMock();
       var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('hideContent');
       var onChange = jest.fn();
-
       var _render12 = (0, _react2.render)(searchField({
-        permissionAttr: permissionAttr,
-        onChange: onChange,
-        value: 'text'
-      })),
-          container = _render12.container;
-
+          permissionAttr: permissionAttr,
+          onChange: onChange,
+          value: 'text'
+        })),
+        container = _render12.container;
       var inputHTML = container.querySelector('.textinput');
       var inputWrapper = container.querySelector('.inputwrapper');
-
       _react2.fireEvent.change(inputHTML, {
         target: {
           value: 'sus'
         }
       });
-
       expect(inputHTML.value).toBe('');
       expect(inputHTML.disabled).toBeTruthy();
       expect(onChange).not.toBeCalled();

package/lib/inputs/select/ActionButtons.d.ts

@@ -0,0 +1,11 @@
+import { IActionButtonsSelectProps } from '../types.js';
+import 'react';
+import '../../@types/PermissionAttr.js';
+import '../../@types/DataCombo.js';
+import './types.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+
+declare const ActionButtons: (props: IActionButtonsSelectProps) => JSX.Element;
+
+export { ActionButtons as default };

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

@@ -0,0 +1,11 @@
+import { IDropdownSelectProps } from '../types.js';
+import 'react';
+import '../../@types/PermissionAttr.js';
+import '../../@types/DataCombo.js';
+import './types.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+
+declare const Dropdown: (props: IDropdownSelectProps) => JSX.Element;
+
+export { Dropdown as default };

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

@@ -0,0 +1,25 @@
+import { DataCombo } from '../../@types/DataCombo.js';
+import { IDropdownSelectProps } from '../types.js';
+import 'react';
+import '../../@types/PermissionAttr.js';
+import './types.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+
+declare const contentClass: (props: IDropdownSelectProps) => string;
+declare const getDropdownItemCssClass: (selected: boolean, disabled: boolean, striped: boolean) => string;
+interface GetFilteredParams {
+    dataSource: DataCombo[];
+    descriptionKey: string;
+    inputText: string;
+    currents: DataCombo[];
+}
+declare const getFilteredSimpleDataCombo: ({ dataSource, descriptionKey, inputText, }: Omit<GetFilteredParams, 'currents'>) => any[];
+declare const getFilteredMultipleDataCombo: ({ dataSource, inputText, descriptionKey, currents, }: GetFilteredParams) => any[];
+declare const returnDropdownDynamicStyles: ({ selectFieldRef, dropdownMaxHeight, dropdownRef }: IDropdownSelectProps) => {
+    maxHeight: number;
+    top: number;
+    left: number;
+};
+
+export { contentClass, getDropdownItemCssClass, getFilteredMultipleDataCombo, getFilteredSimpleDataCombo, returnDropdownDynamicStyles };

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

@@ -0,0 +1,10 @@
+import { ISelectFieldProps } from './types.js';
+import 'react';
+import '../../@types/DataCombo.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import '../../@types/Period.js';
+
+declare const SelectField: (props: ISelectFieldProps) => JSX.Element;
+
+export { SelectField as default };

package/lib/inputs/select/index.js

@@ -15,7 +15,7 @@ require("../../assets/styles/select.scss");
 
 var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
 
-var _excluded = ["gridLayout", "multiple"];
+var _excluded = ["gridLayout", "multiple", "value"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -28,6 +28,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var SelectField = function SelectField(props) {
   var gridLayout = props.gridLayout,
       multiple = props.multiple,
+      value = props.value,
       newProps = _objectWithoutProperties(props, _excluded);
 
   var component = multiple ? /*#__PURE__*/_react.default.createElement(_multiple.default, _extends({
@@ -36,6 +37,7 @@ var SelectField = function SelectField(props) {
     descriptionKey: props.descriptionKey ? props.descriptionKey : ''
   }, newProps)) : /*#__PURE__*/_react.default.createElement(_simple.default, _extends({
     idKey: props.idKey ? props.idKey : '',
+    value: value,
     descriptionKey: props.descriptionKey ? props.descriptionKey : ''
   }, newProps));
 

package/lib/inputs/select/multiple/Selecteds.d.ts

@@ -0,0 +1,10 @@
+import { ISelectedsMultipleProps } from '../types.js';
+import 'react';
+import '../../../@types/DataCombo.js';
+import '../../../@types/PermissionAttr.js';
+import '../../base/types.js';
+import '../../../@types/Period.js';
+
+declare const Selecteds: ({ currents, descriptionKey, idKey, handleOnUnselect, }: ISelectedsMultipleProps) => JSX.Element;
+
+export { Selecteds as default };

package/lib/inputs/select/multiple/index.d.ts

@@ -0,0 +1,10 @@
+import { IMultipleSelectProps } from '../types.js';
+import 'react';
+import '../../../@types/DataCombo.js';
+import '../../../@types/PermissionAttr.js';
+import '../../base/types.js';
+import '../../../@types/Period.js';
+
+declare const MultipleSelect: (props: IMultipleSelectProps) => JSX.Element;
+
+export { MultipleSelect as default };