linear-react-components-ui 1.1.22-beta.9 → 1.1.22-rc.1

package/lib/buttons/DefaultButton.js

@@ -162,10 +162,7 @@ const DefaultButton = _ref => {
     },
     tabIndex: isDisabled ? -1 : tabIndex
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "button-container",
-    style: {
-      pointerEvents: 'none'
-    }
+    className: "button-container"
   }, !dropdown && getIcon(), content || label && /*#__PURE__*/_react.default.createElement("div", {
     className: "button-content"
   }, content, label || ''), dropdown && getIcon()), isLoading && /*#__PURE__*/_react.default.createElement("div", {

package/lib/inputs/color/index.js

@@ -71,7 +71,7 @@ const ColorPicker = props => {
       ref: inputRef,
       type: "color",
       defaultValue: color,
-      name: name,
+      name: `${name}-hidden`,
       onClick: e => onButtonClick ? onButtonClick(e) : undefined,
       onInput: onInputChangeDefault
     })],

package/lib/inputs/period/index.js

@@ -43,7 +43,9 @@ const PeriodPicker = props => {
     hintPosition = 'below',
     themePopover = 'light',
     popoverAlign = 'left',
-    gridLayout
+    gridLayout,
+    nameDateInitial = 'valueInitial',
+    nameDateFinal = 'valueFinal'
   } = props;
   const idValueInitial = (0, _react.useId)();
   const idValueFinal = (0, _react.useId)();
@@ -244,7 +246,7 @@ const PeriodPicker = props => {
         name: changingAux
       } = event.target;
       if (value && value.replace(/\D/g, '').trim().length !== 0) {
-        if (changingAux === 'valueInitial') {
+        if (changingAux === nameDateInitial) {
           setValueInitial(undefined);
         } else {
           setValueFinal(undefined);
@@ -268,21 +270,21 @@ const PeriodPicker = props => {
     const dateObj = (0, _moment.default)(value, 'DD/MM/YYYY');
     if (showCalendarValueInitial) inputInitialRef.current?.focus();
     if (showCalendarValueFinal) inputFinalRef.current?.focus();
-    if (valueDateName === 'valueFinal' && valueInitial && dateObj.isBefore(valueInitial)) {
+    if (valueDateName === nameDateFinal && valueInitial && dateObj.isBefore(valueInitial)) {
       setValueInitial(dateObj);
       setValueFinal(valueInitial);
       onDateChange({
         initial: dateObj,
         final: valueInitial
       });
-    } else if (valueDateName === 'valueInitial' && valueFinal && dateObj.isAfter(valueFinal)) {
+    } else if (valueDateName === nameDateInitial && valueFinal && dateObj.isAfter(valueFinal)) {
       setValueInitial(valueFinal);
       setValueFinal(dateObj);
       onDateChange({
         initial: valueFinal,
         final: dateObj
       });
-    } else if (valueDateName === 'valueInitial') {
+    } else if (valueDateName === nameDateInitial) {
       setValueInitial(dateObj);
       onDateChange({
         initial: dateObj,
@@ -295,7 +297,7 @@ const PeriodPicker = props => {
         final: dateObj
       });
     }
-    if (valueDateName === 'valueInitial' && !valueFinal && shouldOpenDropdown) {
+    if (valueDateName === nameDateInitial && !valueFinal && shouldOpenDropdown) {
       inputFinalRef.current?.focus();
       setTimeout(() => setShowCalendarValueFinal(true), 100);
     }
@@ -405,7 +407,7 @@ const PeriodPicker = props => {
         handlerClose: () => onCloseDateDialog('valueInitial'),
         dialogSize: dialogSize,
         onOpenChange: setShowCalendarValueInitial
-      }, getCalendar(valueInitial, calendarColorStyle, 'valueInitial'));
+      }, getCalendar(valueInitial, calendarColorStyle, nameDateInitial));
     }
     return /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
       containerRef: wrapperBaseInputPeriodRef,
@@ -424,7 +426,7 @@ const PeriodPicker = props => {
         handlerClose: () => onCloseDateDialog('valueFinal'),
         dialogSize: dialogSize,
         onOpenChange: setShowCalendarValueFinal
-      }, getCalendar(valueFinal, calendarColorStyle, 'valueFinal'));
+      }, getCalendar(valueFinal, calendarColorStyle, nameDateFinal));
     }
     return /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
       containerRef: wrapperBaseInputPeriodRef,

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

@@ -1,5 +1,5 @@
 import { Moment } from 'moment';
-import { ReactNode, RefObject } from 'react';
+import { ReactNode, RefObject, MouseEvent } from 'react';
 import { ColorStyles } from '../../@types/ColorStyles.js';
 import { Period } from '../../@types/Period.js';
 import { PermissionAttr } from '../../@types/PermissionAttr.js';
@@ -55,11 +55,14 @@ interface IPeriodPickerProps {
     calendarColorStyle?: ColorStyles;
     required?: boolean;
     onChange?: (event?: CustomInputEvent, maskValue?: string, date?: Period) => void;
+    onClick?: (event?: MouseEvent) => void;
     disabled?: boolean;
     permissionAttr?: PermissionAttr;
     errorMessages?: string[];
     name?: string;
     hint?: string;
+    nameDateInitial?: string;
+    nameDateFinal?: string;
     hintPosition?: 'below' | 'onLabelRight';
     onBlur?: (e: CustomInputEvent) => void;
     onFocus?: (e: CustomInputEvent) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.22-beta.9",
+  "version": "1.1.22-rc.1",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",