linear-react-components-ui 1.1.20-rc.2 → 1.1.20-rc.3

package/lib/alerts/BaseAlert.js

@@ -26,7 +26,7 @@ const BaseAlert = _ref => {
       alert.appendChild(messageContainerEl);
     }
     return () => {
-      alert === null || alert === void 0 ? void 0 : alert.removeChild(messageContainerEl);
+      alert?.removeChild(messageContainerEl);
     };
   }, []);
   return /*#__PURE__*/_reactDom.default.createPortal(children, messageContainerEl);

package/lib/alerts/Message.js

@@ -15,7 +15,7 @@ const getClass = _ref => {
     customClass,
     className
   } = _ref;
-  return "".concat(className, " ").concat(customClass);
+  return `${className} ${customClass}`;
 };
 const getIcon = (icon, iconName, color) => {
   if (icon !== null) {

package/lib/avatar/index.js

@@ -23,7 +23,8 @@ const getClass = _ref => {
     disabled,
     size = 'default'
   } = _ref;
-  return "avatar-component ".concat(className).concat(disabled && '-disabled', " \n  ").concat(square && '-square', " ").concat(size && "-".concat(size));
+  return `avatar-component ${className}${disabled && '-disabled'} 
+  ${square && '-square'} ${size && `-${size}`}`;
 };
 const getIcon = (iconName, icon) => {
   if (icon) {
@@ -70,18 +71,18 @@ const Avatar = props => {
       if (targetRef) targetRef(r);
       dropdownRef.current = r;
     },
-    className: "".concat(getClass(props), " ").concat(customClass),
+    className: `${getClass(props)} ${customClass}`,
     style: _objectSpread({
-      width: "".concat(width),
-      height: "".concat(height),
-      backgroundColor: "".concat(color),
-      cursor: "".concat(dropdown ? 'pointer' : 'normal')
+      width: `${width}`,
+      height: `${height}`,
+      backgroundColor: `${color}`,
+      cursor: `${dropdown ? 'pointer' : 'normal'}`
     }, style)
   }, (iconName || icon) && !src && getIcon(iconName, icon), src && /*#__PURE__*/_react.default.createElement("img", {
     className: "imgavatar",
     style: {
-      width: "".concat(width),
-      height: "".concat(height)
+      width: `${width}`,
+      height: `${height}`
     },
     src: src,
     alt: srcAlt

package/lib/badge/index.js

@@ -18,12 +18,12 @@ const Badge = props => {
     right = '-11px'
   } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "badge-component ".concat(customClass)
+    className: `badge-component ${customClass}`
   }, children, /*#__PURE__*/_react.default.createElement("span", {
-    className: "badge -".concat(color, " ").concat(customClassForBadge),
+    className: `badge -${color} ${customClassForBadge}`,
     style: {
-      top: "".concat(top),
-      right: "".concat(right)
+      top: `${top}`,
+      right: `${right}`
     }
   }, content));
 };

package/lib/buttons/DangerButton.js

@@ -17,7 +17,7 @@ const DangerButton = _ref => {
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
-    customClass: "-danger ".concat(customClass)
+    customClass: `-danger ${customClass}`
   }, rest));
 };
 var _default = exports.default = DangerButton;

package/lib/buttons/DefaultButton.js

@@ -75,7 +75,16 @@ const DefaultButton = _ref => {
   const {
     handlerSetOnDeniedText
   } = (0, _react.useContext)(_withTooltip.TooltipContext);
-  const getClass = () => "button-component ".concat(className, "\n      ").concat(customClass, "\n      ").concat(transparent && '-transparent', "\n      ").concat(isDisabled && '-disabled', "\n      ").concat(size && "-".concat(size), "\n      ").concat(dropdown && !round && 'icon-right', "\n      ").concat(dropdown && round && 'icon-center', "\n      ").concat(iconAlign && !dropdown && "icon-".concat(iconAlign), "\n      ").concat(boxShadow ? '' : '-shadowsdisabled', "\n      ").concat(round && '-round');
+  const getClass = () => `button-component ${className}
+      ${customClass}
+      ${transparent && '-transparent'}
+      ${isDisabled && '-disabled'}
+      ${size && `-${size}`}
+      ${dropdown && !round && 'icon-right'}
+      ${dropdown && round && 'icon-center'}
+      ${iconAlign && !dropdown && `icon-${iconAlign}`}
+      ${boxShadow ? '' : '-shadowsdisabled'}
+      ${round && '-round'}`;
   const returnPadlockIcon = resultantStyle => /*#__PURE__*/_react.default.createElement(_icons.default, {
     name: "padlock",
     size: 16,
@@ -131,11 +140,10 @@ const DefaultButton = _ref => {
     style: style,
     onKeyDown: e => {
       if (e && (e.key === 'Enter' || e.key === ' ')) {
-        var _refButton$current;
         e.preventDefault();
         e.stopPropagation();
         if (isDisabled) return;
-        if (onClick) refButton === null || refButton === void 0 ? void 0 : (_refButton$current = refButton.current) === null || _refButton$current === void 0 ? void 0 : _refButton$current.click();
+        if (onClick) refButton?.current?.click();
         if (dropdown && showDropdown) showDropdown();
         if (onClick && toggleable) setActiveButton(!activeButton);
       }
@@ -148,7 +156,7 @@ const DefaultButton = _ref => {
       if (dropdown && showDropdown) showDropdown();
       if (onClick && toggleable) setActiveButton(!activeButton);
     },
-    className: "".concat(getClass(), " ").concat(activeButton ? '-toggleable' : '', " ").concat(skeletonize ? '-skeletonized' : ''),
+    className: `${getClass()} ${activeButton ? '-toggleable' : ''} ${skeletonize ? '-skeletonized' : ''}`,
     ref: r => {
       if (buttonRef) {
         if (!_lodash.default.isFunction(buttonRef)) {

package/lib/buttons/InfoButton.js

@@ -17,7 +17,7 @@ const InfoButton = _ref => {
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
-    customClass: "-info ".concat(customClass)
+    customClass: `-info ${customClass}`
   }, rest));
 };
 var _default = exports.default = InfoButton;

package/lib/buttons/PrimaryButton.js

@@ -17,7 +17,7 @@ const PrimaryButton = _ref => {
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
-    customClass: "-primary ".concat(customClass)
+    customClass: `-primary ${customClass}`
   }, rest));
 };
 var _default = exports.default = PrimaryButton;

package/lib/buttons/SuccessButton.js

@@ -17,7 +17,7 @@ const SuccessButton = _ref => {
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({}, rest, {
-    customClass: "-success ".concat(customClass)
+    customClass: `-success ${customClass}`
   }));
 };
 var _default = exports.default = SuccessButton;

package/lib/buttons/WarningButton.js

@@ -17,7 +17,7 @@ const WarningButton = _ref => {
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({}, rest, {
-    customClass: "-warning ".concat(customClass)
+    customClass: `-warning ${customClass}`
   }));
 };
 var _default = exports.default = WarningButton;

package/lib/buttons/button_container/index.js

@@ -23,7 +23,7 @@ const ButtonContainer = _ref => {
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "button-container",
-    className: "btn-container ".concat(customClass),
+    className: `btn-container ${customClass}`,
     style: getStyles(style, position)
   }, children);
 };

package/lib/buttons/split_button/index.js

@@ -37,7 +37,7 @@ const SplitButton = props => {
     }
   })), /*#__PURE__*/_react.default.createElement(_DefaultButton.default, _extends({}, splitProps, {
     iconName: "down",
-    customClass: "".concat(customClass, " -transparenttext"),
+    customClass: `${customClass} -transparenttext`,
     iconStyle: {
       marginRight: -7,
       marginLeft: 0

package/lib/calendar/base/Day.js

@@ -25,7 +25,7 @@ const Day = _ref => {
     onClick: () => {
       if (handleDateChange) handleDateChange(day);
     },
-    customClass: " ".concat((0, _helpers.getDayCssClass)(currentDate, day), " numberdaycalendar"),
+    customClass: ` ${(0, _helpers.getDayCssClass)(currentDate, day)} numberdaycalendar`,
     label: day.format('D')
   }));
 };

package/lib/calendar/base/Month.js

@@ -21,7 +21,7 @@ const Month = _ref => {
       const week = /*#__PURE__*/_react.default.createElement(_Week.default, {
         currentDate: currentDate,
         weekStartDate: startOfWeek,
-        key: "week-".concat(startOfWeek.format('YYYYMMDD'))
+        key: `week-${startOfWeek.format('YYYYMMDD')}`
       });
       weeks = [...weeks, week];
       weekIndex += 1;

package/lib/calendar/base/helpers.js

@@ -89,8 +89,8 @@ function getCalendarCssClass(_ref) {
     customClass,
     colorStyle
   } = _ref;
-  let cssClass = "calendar-component ".concat(customClass);
-  cssClass += " -".concat(colorStyle);
+  let cssClass = `calendar-component ${customClass}`;
+  cssClass += ` -${colorStyle}`;
   cssClass += unpadding ? ' -unpadding' : '';
   cssClass += drawGridLines ? ' -draw-grid-lines' : '';
   return cssClass;

package/lib/calendar/base/index.js

@@ -71,7 +71,7 @@ const Calendar = props => {
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "daynames"
   }, (0, _helpers.dayNames)().map(name => /*#__PURE__*/_react.default.createElement("div", {
-    key: "day-".concat(name)
+    key: `day-${name}`
   }, name))), /*#__PURE__*/_react.default.createElement(_Month.default, {
     currentDate: dataAtual
   })));

package/lib/checkbox/index.js

@@ -69,7 +69,7 @@ const CheckBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       onClick: () => {
         if (!shouldDisable() && !skeletonize) {
           setIsChecked(!isChecked);
-          onChange === null || onChange === void 0 ? void 0 : onChange({
+          onChange?.({
             target
           });
         }

package/lib/dialog/Custom.js

@@ -50,7 +50,7 @@ const Custom = props => {
   }, props.text)), props.buttons && props.buttons.length > 0 && /*#__PURE__*/_react.default.createElement(_Footer.default, props, /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {
     position: "right"
   }, props.buttons.map(button => /*#__PURE__*/_react.default.cloneElement(button, {
-    key: "button-".concat(uuid.v1())
+    key: `button-${uuid.v1()}`
   })))));
 };
 var _default = exports.default = Custom;

package/lib/dialog/Question.js

@@ -39,14 +39,12 @@ const Question = props => {
   (0, _react.useLayoutEffect)(() => {
     const lastElementActive = document.activeElement;
     return () => {
-      var _lastElementActive$fo;
-      lastElementActive === null || lastElementActive === void 0 ? void 0 : (_lastElementActive$fo = lastElementActive.focus) === null || _lastElementActive$fo === void 0 ? void 0 : _lastElementActive$fo.call(lastElementActive);
+      lastElementActive?.focus?.();
     };
   }, [visible]);
   (0, _react.useEffect)(() => {
-    var _buttonUnconfirm$focu;
     const buttonUnconfirm = document.getElementById(idUnconfirm);
-    buttonUnconfirm === null || buttonUnconfirm === void 0 ? void 0 : (_buttonUnconfirm$focu = buttonUnconfirm.focus) === null || _buttonUnconfirm$focu === void 0 ? void 0 : _buttonUnconfirm$focu.call(buttonUnconfirm);
+    buttonUnconfirm?.focus?.();
   }, [visible, document.activeElement]);
   if (!visible) return null;
   return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {

package/lib/dialog/base/Content.js

@@ -15,7 +15,7 @@ const Content = _ref => {
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     id: "modal-dialog-content",
-    className: "dialog-content ".concat(className),
+    className: `dialog-content ${className}`,
     style: styleForContent
   }, children);
 };

package/lib/dialog/base/Header.js

@@ -46,10 +46,10 @@ const Header = _ref => {
     tabIndex: -1,
     onFocus: () => {},
     onBlur: () => {},
-    ref: formDialogContext === null || formDialogContext === void 0 ? void 0 : formDialogContext.headerRef,
+    ref: formDialogContext?.headerRef,
     className: "dialog-header"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(icon !== null || titleIcon !== null ? 'left' : '')
+    className: `${icon !== null || titleIcon !== null ? 'left' : ''}`
   }, getIcon(titleIcon, icon)), /*#__PURE__*/_react.default.createElement("div", {
     className: "right"
   }, /*#__PURE__*/_react.default.createElement("h5", {

package/lib/dialog/base/index.js

@@ -58,7 +58,7 @@ const BaseDialog = props => {
     }
   };
   const handleCloseOnEsc = event => {
-    if ((event === null || event === void 0 ? void 0 : event.key) === 'Escape') {
+    if (event?.key === 'Escape') {
       event.stopPropagation();
       handleClose();
     }
@@ -77,7 +77,7 @@ const BaseDialog = props => {
       let y = positionY <= 0 ? 0 : positionY;
       if (x + width >= window.innerWidth) x = window.innerWidth - width;
       if (y + height >= window.innerHeight) y = window.innerHeight - height;
-      wrapperEl.current.style.transform = "translate(".concat(x, "px, ").concat(y, "px)");
+      wrapperEl.current.style.transform = `translate(${x}px, ${y}px)`;
       wrapperEl.current.style.transition = 'none';
       wrapperEl.current.style.left = '0';
       wrapperEl.current.style.top = '0';
@@ -97,9 +97,8 @@ const BaseDialog = props => {
     }
   };
   const onMouseDown = event => {
-    var _headerRef$current;
     const element = event.target;
-    const isHeader = headerRef === null || headerRef === void 0 ? void 0 : (_headerRef$current = headerRef.current) === null || _headerRef$current === void 0 ? void 0 : _headerRef$current.contains(element);
+    const isHeader = headerRef?.current?.contains(element);
     if (wrapperEl.current && isHeader) setIsDragging(true);
   };
   const onMouseUp = () => {
@@ -116,7 +115,7 @@ const BaseDialog = props => {
     className: "modal-overlay",
     "data-testid": "modal-overlay"
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "dialog ".concat(className),
+    className: `dialog ${className}`,
     "data-testid": "dialog-component"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: wrapperClassName,

package/lib/dialog/form/index.js

@@ -60,7 +60,7 @@ const ModalForm = props => {
     height: height
   }, props, {
     className: className,
-    wrapperClassName: "dialog-form-wrapper ".concat(wrapperClassName)
+    wrapperClassName: `dialog-form-wrapper ${wrapperClassName}`
   }), props.title && /*#__PURE__*/_react.default.createElement("div", {
     className: "header-form"
   }, /*#__PURE__*/_react.default.createElement(_Header.default, {

package/lib/dialog/wizard/progressbar.js

@@ -20,7 +20,7 @@ function Progressbar(_ref) {
     currentStep
   } = context;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "wizard-progressbar ".concat(customClass),
+    className: `wizard-progressbar ${customClass}`,
     style: customStyle,
     "data-position": position
   }, stepsTitle.map(step => /*#__PURE__*/_react.default.createElement("div", {

package/lib/dialog/wizard/step.js

@@ -16,7 +16,7 @@ function WizardStep(_ref) {
   const context = (0, _.useWizardContext)();
   if (!context) throw new Error('WizardStep must be used within a Wizard component');
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "wizard-step-component ".concat(customClass),
+    className: `wizard-step-component ${customClass}`,
     style: customStyle
   }, children);
 }

package/lib/drawer/Drawer.js

@@ -83,7 +83,7 @@ const BaseDrawer = _ref => {
   };
   const closeDrawerOnEsc = e => {
     if (closeOnEsc && e.key === 'Escape') {
-      handlerClose === null || handlerClose === void 0 ? void 0 : handlerClose();
+      handlerClose?.();
       e.stopPropagation();
     }
   };
@@ -124,12 +124,12 @@ const BaseDrawer = _ref => {
     value: contextValues
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "drawercontainer-component",
-    className: "".concat(position, " ").concat(customClass),
+    className: `${position} ${customClass}`,
     style: style
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: overlayStyle,
     "data-testid": "drawercontent",
-    className: "drawercontent ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClassForContent)
+    className: `drawercontent ${skeletonize ? '-skeletonized' : ''} ${customClassForContent}`
   }, title && /*#__PURE__*/_react.default.createElement(_.DrawerHeader, _extends({}, headerProps, {
     customClass: customClassForDrawer
   })), content ? /*#__PURE__*/_react.default.createElement(_.DrawerContent, null, content) : children, getSpinner())));

package/lib/drawer/Header.js

@@ -61,7 +61,7 @@ const Header = _ref => {
   };
   const checkHandlerClose = () => handlerClose ? handlerClose() : undefined;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "drawerheader ".concat(customClass),
+    className: `drawerheader ${customClass}`,
     "data-testid": "drawerheader"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "left"

package/lib/dropdown/Popup.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { IPopUpProps } from './types.js';
+import { IPopupProps } from './types.js';
 
-declare const DropdownPopup: ({ id, customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, targetRef, ...props }: IPopUpProps) => React.ReactPortal;
+declare const DropdownPopup: ({ id, customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, targetRef, ...props }: IPopupProps) => React.ReactPortal;
 
 export { DropdownPopup as default };

package/lib/dropdown/Popup.js

@@ -35,12 +35,12 @@ const getDropdownStyles = _ref => {
     maxHeight = showScroll ? targetPosition - 10 : containerHeight;
     top = top - maxHeight - targetDimensions.height - (isFloatMenu ? 6 : 2) - 5;
   }
-  let style = "top: ".concat(top, "px; min-width: ").concat(minWidth, "px;");
-  if (showScroll) style += "max-height: ".concat(maxHeight, "px; overflow-y: scroll;");
+  let style = `top: ${top}px; min-width: ${minWidth}px;`;
+  if (showScroll) style += `max-height: ${maxHeight}px; overflow-y: scroll;`;
   if (align === 'left') {
-    style += "left: ".concat(leftPosition, "px;");
+    style += `left: ${leftPosition}px;`;
   } else if (align === 'right') {
-    style += "right: ".concat(rightPosition, "px;");
+    style += `right: ${rightPosition}px;`;
   }
   return style;
 };
@@ -61,16 +61,16 @@ const DropdownPopup = _ref2 => {
     } = _ref2,
     props = _objectWithoutProperties(_ref2, _excluded);
   const popup = (0, _react.useRef)(document.createElement('div'));
-  popup.current.className = "dropdown-component ".concat(customClassForDropdown);
+  popup.current.className = `dropdown-component ${customClassForDropdown}`;
   popup.current.dataset.testid = 'dropdown-component';
   if (popup && popup.current) {
     const modalContainers = document.body.getElementsByClassName('modalcontainer');
     const lastModalContainer = modalContainers[modalContainers.length - 1];
-    popup.current.style.zIndex = "".concat(modalContainers.length ? Number(lastModalContainer.style.zIndex) + 1 : 99999);
+    popup.current.style.zIndex = `${modalContainers.length ? Number(lastModalContainer.style.zIndex) + 1 : 99999}`;
   }
   (0, _react.useEffect)(() => {
     body.appendChild(popup.current);
-    popup.current.id = id || "dropdown-component-".concat((0, _uuid.v1)());
+    popup.current.id = id || `dropdown-component-${(0, _uuid.v1)()}`;
     popup.current.style.cssText = getDropdownStyles({
       topPosition,
       leftPosition,

package/lib/dropdown/helper.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getDropdownItemCssClass = exports.contentClass = void 0;
-const contentClass = showClearButton => "content ".concat(showClearButton ? '' : 'noclear');
+const contentClass = showClearButton => `content ${showClearButton ? '' : 'noclear'}`;
 exports.contentClass = contentClass;
 const getDropdownItemCssClass = (selected, disabled, striped) => {
   let className = 'item';

package/lib/dropdown/types.d.ts

@@ -22,7 +22,7 @@ interface GetDisplayNameParams {
 interface WithDropdownContextProps {
     handleDropdownClose: () => void;
 }
-interface IPopUpProps {
+interface IPopupProps {
     id?: string;
     children?: ReactNode;
     customClassForDropdown?: string;
@@ -32,7 +32,7 @@ interface IPopUpProps {
     leftPosition?: number;
     rightPosition?: number;
     minWidth?: number;
-    targetRef?: HTMLElement;
+    targetRef?: HTMLElement | HTMLInputElement | null;
 }
 interface GetDropdownStyleParams {
     align: 'left' | 'right';
@@ -42,7 +42,7 @@ interface GetDropdownStyleParams {
     leftPosition: number;
     rightPosition: number;
     container?: HTMLDivElement;
-    target?: HTMLElement;
+    target?: HTMLElement | HTMLInputElement | null;
 }
 
-export { GetDisplayNameParams, GetDropdownStyleParams, IPopUpProps, WithDropdownContextProps, WithDropdownProps, WrappedComponentProps };
+export { GetDisplayNameParams, GetDropdownStyleParams, IPopupProps, WithDropdownContextProps, WithDropdownProps, WrappedComponentProps };

package/lib/dropdown/withDropdown.js

@@ -39,7 +39,7 @@ const withDropdown = WrappedComponent => {
       const {
         target
       } = event;
-      if (popupRef !== null && popupRef !== void 0 && popupRef.current && target !== (popupRef === null || popupRef === void 0 ? void 0 : popupRef.current) && !event.composedPath().includes(popupRef.current) && wrappedComponentRef.current !== target) {
+      if (popupRef?.current && target !== popupRef?.current && !event.composedPath().includes(popupRef.current) && wrappedComponentRef.current !== target) {
         setOpened(false);
       }
     };
@@ -87,7 +87,7 @@ const withDropdown = WrappedComponent => {
       value: contextValues
     }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps)));
   };
-  EnhancedComponent.displayName = "withDropdown(".concat(getDisplayName(WrappedComponent), ")");
+  EnhancedComponent.displayName = `withDropdown(${getDisplayName(WrappedComponent)})`;
   return EnhancedComponent;
 };
 var _default = exports.default = withDropdown;

package/lib/fieldset/index.js

@@ -43,9 +43,9 @@ const Fieldset = props => {
       customClass,
       hasError
     } = _ref;
-    let cssClass = "fieldset-component ".concat(customClass);
-    if (type) cssClass = "".concat(cssClass, " -").concat(type);
-    if (hasError) cssClass = "".concat(cssClass, " -witherror");
+    let cssClass = `fieldset-component ${customClass}`;
+    if (type) cssClass = `${cssClass} -${type}`;
+    if (hasError) cssClass = `${cssClass} -witherror`;
     return cssClass;
   };
   const getContentStyle = _ref2 => {
@@ -55,11 +55,11 @@ const Fieldset = props => {
     } = _ref2;
     if (template === 'rows') {
       return {
-        gridTemplateRows: "repeat(".concat(rowsCount, ", 1fr)")
+        gridTemplateRows: `repeat(${rowsCount}, 1fr)`
       };
     } else if (template === 'columns') {
       return {
-        gridTemplateColumns: "repeat(".concat(colsCount, ", 1fr)")
+        gridTemplateColumns: `repeat(${colsCount}, 1fr)`
       };
     }
     return {};
@@ -70,9 +70,9 @@ const Fieldset = props => {
   }, onDenied.hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, title && /*#__PURE__*/_react.default.createElement("legend", {
     style: styleTitle,
     align: titleAlign,
-    className: "legend ".concat(titleCustomClass)
+    className: `legend ${titleCustomClass}`
   }, leftElements, title, rightElements), /*#__PURE__*/_react.default.createElement("div", {
-    className: "contentfieldset -template".concat(template, " "),
+    className: `contentfieldset -template${template} `,
     style: Object.assign(getContentStyle(props), styleContent)
   }, children)));
   if (onDenied.unvisible) return null;

package/lib/form/FieldArray.js

@@ -77,7 +77,7 @@ const FieldArray = props => {
     if (!skipLabel && label) {
       content = /*#__PURE__*/_react.default.createElement(_fieldset.default, {
         title: label,
-        customClass: "arraycontainer ".concat(bordered && '-bordered'),
+        customClass: `arraycontainer ${bordered && '-bordered'}`,
         style: labelContainerStyle,
         titleCustomClass: "label"
       }, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props), {

package/lib/form/FieldNumber.js

@@ -31,18 +31,18 @@ const getEventProps = _ref => {
   } = _ref;
   return {
     onBlur: e => {
-      if ((component === null || component === void 0 ? void 0 : component.name) !== 'NumberField' && handlerFieldChange) handlerFieldChange(e);
+      if (component?.name !== 'NumberField' && handlerFieldChange) handlerFieldChange(e);
       if (validators && handlerFieldValidate) handlerFieldValidate(name, e.target.value, validators);
       if (onBlur) onBlur(e);
     },
     onKeyDown: e => {
       if ([constants.keyCodes.ENTER].includes(e.keyCode)) {
-        if (validators) handlerFieldValidate === null || handlerFieldValidate === void 0 ? void 0 : handlerFieldValidate(name, e.target.value, validators);
+        if (validators) handlerFieldValidate?.(name, e.target.value, validators);
         if (onKeyDown) onKeyDown(e);
       }
     },
     onChange: e => {
-      if ((component === null || component === void 0 ? void 0 : component.name) === 'NumberField') {
+      if (component?.name === 'NumberField') {
         if (validators && e.target && handlerFieldValidate) {
           handlerFieldValidate(name, e.target.value, validators);
         }

package/lib/form/FieldPeriod.js

@@ -79,8 +79,8 @@ const FieldPeriod = props => {
         });
       },
       value: {
-        initial: _lodash.default.get(data, "".concat(name, ".").concat(nameDateInitial)),
-        final: _lodash.default.get(data, "".concat(name, ".").concat(nameDateFinal))
+        initial: _lodash.default.get(data, `${name}.${nameDateInitial}`),
+        final: _lodash.default.get(data, `${name}.${nameDateFinal}`)
       }
     }));
   }

package/lib/form/index.js

@@ -240,7 +240,7 @@ const Form = _ref => {
     }
   }, [submitOnPressEnterKey]);
   (0, _react.useEffect)(() => {
-    const validatorsQuantity = Object.values(fieldsValidators.current).reduce((acc, currentValue) => acc + ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) || 0), 0);
+    const validatorsQuantity = Object.values(fieldsValidators.current).reduce((acc, currentValue) => acc + (currentValue?.length || 0), 0);
     if (fieldsValidators.current && onValidateForm && oldFieldsValidatorsQuantity !== validatorsQuantity) {
       setOldFieldsValidatorsQuantity(validatorsQuantity);
       onValidateForm(checkIsValid(usedData, true, fieldsValidators.current));
@@ -270,7 +270,7 @@ const Form = _ref => {
     style: style
   }, formProps(), {
     role: "presentation",
-    className: "form-component ".concat(customClass)
+    className: `form-component ${customClass}`
   }), children)), /*#__PURE__*/_react.default.createElement(_dialog.DialogQuestion, {
     zIndex: "99999999",
     title: securityTitle || 'Dados Alterados',