linear-react-components-ui 1.1.22-beta.6 → 1.1.22-beta.8

package/lib/assets/styles/button.scss

@@ -18,8 +18,12 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
   font-family: 'Titillium Web';
   position: relative;
   cursor: pointer;
-  display: inline-block;
-  padding: .5rem .8rem;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  line-height: 1;
+  padding: 0.5rem 0.8rem;
+  box-sizing: border-box;
   letter-spacing: normal;
   border-width: 0;
   border: 1px solid $default-border-color;
@@ -29,7 +33,6 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
   background-color: $default-color;
   color: $font-color-soft;
   line-height: 1;
-  text-align: center;
   transition: background-color .3s;
   transition: all 0.2s ease-in-out;
   box-shadow: $shadow-button-default;
@@ -47,21 +50,46 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
     width: 0;
     height: 0 !important;
   }
-  > .icon-component {
-    width: 15px;
-    height: 15px;
-    margin-top: 0 !important;
+  &:has(.spinnercontainer) {
+    > .button-container:has(svg) {
+      > .button-content {
+        margin-right: auto;
+      }
+    }
+  }
+  &.icon-left .button-container {
+    .icon-component {
+      margin-right: auto;
+    }
+  }
+  > .button-container {
+    display: flex;
+    align-items: center;
+    flex: 1;
+    gap: 6px;
+    justify-content: center;
+    font-family: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+    > .button-content {
+      font-family: inherit;
+      font-weight: inherit;
+      font-size: inherit;
+    }
+    > .icon-component {
+      width: 15px;
+      height: 15px;
+    }
   }
   > .spinnercontainer {
-    margin-left: 0;
-    float: right;
-    margin-top: 0;
+    width: 15px;
+    height: 15px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: auto;
     > .spinnerloading {
-      background: none;
-      float: right;
-      margin-top: -15px;
-      margin-bottom: -20px;
-      margin-right: -20px;
+      scale: 2.5;
     }
   }
   &.-pointerEventsRemove {
@@ -281,37 +309,36 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
   }
 }
 
+.split-button-component {
+  display: flex;
+}
+
+.btn-container {
+  gap: 10px;
+}
+
 .btn-container,
 .toolbar-group {
-  width: auto;
+  display: flex;
+  flex-wrap: wrap;
   > .button-component {
-    margin-right: 10px;
     line-height: 15px;
   }
-  > .button-component:last-child {
-    margin-right: 1px;
-  }
 }
 
 .button-component {
   &.-primary .dropdown-icon,
   &.-success .dropdown-icon,
   &.-info .dropdown-icon,
-  &.-warinig .dropdown-icon,
+  &.-warning .dropdown-icon,
   &.-danger .dropdown-icon {
     fill: #FFF;
   }
-  .dropdown-icon {
-    margin-left: 7px;
-    margin-right: -10px;
-  }
   &.icon-right .icon-component {
-    float: right;
-    margin: 1px 0 0 6px;
+    justify-self: right;
   }
   &.icon-left .icon-component {
-    float: left;
-    margin: 1px 6px 0 0;
+    justify-self: left;
   }
   &.icon-top .icon-component {
     margin-top: 0px;

package/lib/assets/styles/file.scss

@@ -159,8 +159,14 @@
     margin-top: 3px;
   }
   > .-skeletonized {
+    @extend %skeleton-component;
     height: 180px !important;
-  }
+    color: transparent !important;
+    text-shadow: none;
+    box-shadow: none;
+    border-color: transparent !important;
+    transition: none;
+  }  
 }
 
 .input-simple-file-container {
@@ -213,12 +219,3 @@
       }
   }
 }
-
-.-skeletonized {
-  @extend %skeleton-component;
-  color: transparent !important;
-  text-shadow: none;
-  box-shadow: none;
-  border-color: transparent !important;
-  transition: none;
-}

package/lib/assets/styles/floatMenu.scss

@@ -2,7 +2,6 @@
 @import "commons.scss";
 @import "effects.scss";
 .floatmenu-component {
-  width: 100%;
   display: flex;
   justify-content: center;
   >.buttonfloat {
@@ -10,8 +9,7 @@
     width: 100%;
     text-align: center;
     >.icon-component {
-      float: none;
-      margin-right: 2px;
+      margin: 0;
     }
   }
 }

package/lib/assets/styles/sidenav.scss

@@ -260,7 +260,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   background-color: #eee;
   height: auto;
   width: auto;
-  float: right;
+  // float: right;
   padding: 10px 20px 20px;
   position: absolute;
   -webkit-box-shadow: 3px 1px 6px 0px rgba(50, 50, 50, 0.35);
@@ -349,8 +349,9 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
 
   > .closebutton {
     cursor: pointer;
-    float: right;
-    margin: -21px -33px 15px 0px;
+    position: absolute;
+    right: -13px;
+    top: -2px;
   }
 }
 

package/lib/assets/styles/tabs.scss

@@ -49,12 +49,15 @@ $dropdown-width: 38px;
     text-shadow: 0 1px $font-color-second;
     cursor: pointer;
     line-height: 20px;
-    margin-right: 1px;
+    margin-right: 2px;
     padding: 0;
     width: auto;
-    min-width: 100px;
+    min-width: 112px;
     display: flex;
     align-items: center;
+    border: 1px solid $font-color-second;
+    border-top: 2px solid $font-color-second;
+    border-bottom: 1px solid $component-border-color;
     &.selected {
       border: 1px solid $component-border-color;
       background: $font-color-second;
@@ -63,6 +66,15 @@ $dropdown-width: 38px;
       box-shadow: 0;
       font-weight: bold;
     }
+    &.witherrorcontent {
+      border: 1px solid $input-error-border-color;
+      border-top: 2px solid $input-error-border-color;
+      border-bottom: 1px solid transparent;
+      background-color: $input-error-bg-color;
+      &.selected {
+        border-top: 2px solid $component-selected-color;
+      }
+    }
     &.selected>.closepanel,
     &:hover>.closepanel {
       visibility: visible;
@@ -75,7 +87,16 @@ $dropdown-width: 38px;
     background: transparent;
     border: 0;
     width: 100%;
-    text-align: left
+    text-align: left;
+    justify-content: flex-start;
+    box-shadow: none !important;
+
+    .button-container {
+      justify-content: flex-start;
+      > svg {
+        margin-right: 10px;
+      }
+    }
   }
 
   .menu>.menuitem>.closepanel {

package/lib/buttons/DefaultButton.js

@@ -11,7 +11,7 @@ var _withTooltip = _interopRequireWildcard(require("../internals/withTooltip"));
 var _spinner = _interopRequireDefault(require("../spinner"));
 var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
 var _permissionValidations = require("../permissionValidations");
-const _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "errorMessage", "isFloatMenu", "dropdownAlign", "customClassForDropdown", "buttonRef", "handlerClose", "onDeniedText", "tooltip", "tooltipWidth", "tooltipPosition"];
+const _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "buttonRef", "onDeniedText"];
 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; }
@@ -53,16 +53,8 @@ const DefaultButton = _ref => {
       round,
       permissionAttr,
       skeletonize,
-      errorMessage,
-      isFloatMenu,
-      dropdownAlign,
-      customClassForDropdown,
       buttonRef,
-      handlerClose,
-      onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.',
-      tooltip,
-      tooltipWidth,
-      tooltipPosition
+      onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.'
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
@@ -169,7 +161,11 @@ const DefaultButton = _ref => {
       refButton.current = r;
     },
     tabIndex: isDisabled ? -1 : tabIndex
-  }), content, getIcon(), label || '', isLoading && /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    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", {
     className: "spinnercontainer"
   }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
     align: "none",

package/lib/buttons/DestroyButton.d.ts

@@ -6,6 +6,6 @@ import '../@types/Size.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
 
-declare const DestroyButton: ({ icon, ...rest }: IButtonProps) => JSX.Element;
+declare const DestroyButton: ({ ...rest }: IButtonProps) => JSX.Element;
 
 export { DestroyButton as default };

package/lib/buttons/DestroyButton.js

@@ -7,16 +7,11 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DangerButton = _interopRequireDefault(require("./DangerButton"));
 var _icons = _interopRequireDefault(require("../icons"));
-const _excluded = ["icon"];
 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
 const DestroyButton = _ref => {
-  let {
-      icon
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+  let rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/_react.default.createElement(_DangerButton.default, _extends({}, rest, {
     icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: "bin",

package/lib/buttons/split_button/index.d.ts

@@ -1,4 +1,4 @@
-import { IButtonProps } from '../types.js';
+import { ISplitButtonProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/Position.js';
@@ -6,6 +6,6 @@ import '../../@types/Size.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
 
-declare const SplitButton: (props: IButtonProps) => JSX.Element;
+declare const SplitButton: (props: ISplitButtonProps) => JSX.Element;
 
 export { SplitButton as default };

package/lib/buttons/split_button/index.js

@@ -6,12 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DefaultButton = _interopRequireDefault(require("../DefaultButton"));
+var _icons = _interopRequireDefault(require("../../icons"));
 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 SplitButton = props => {
   const {
     children,
-    customClass,
+    customClass = '',
+    customClassForContainer = '',
     size = 'default',
     boxShadow = true,
     visible = true,
@@ -28,7 +30,9 @@ const SplitButton = props => {
     skeletonize,
     dropdownAlign
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DefaultButton.default, _extends({}, props, {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `split-button-component ${customClassForContainer}`
+  }, /*#__PURE__*/_react.default.createElement(_DefaultButton.default, _extends({}, props, {
     dropdownAlign: dropdownAlign,
     style: {
       borderRadius: '5px 0px 0px 5px',
@@ -36,22 +40,24 @@ const SplitButton = props => {
       marginRight: 0
     }
   })), /*#__PURE__*/_react.default.createElement(_DefaultButton.default, _extends({}, splitProps, {
-    iconName: "down",
     customClass: `${customClass} -transparenttext`,
-    iconStyle: {
-      marginRight: -7,
-      marginLeft: 0
-    },
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "mini_down",
+      color: "#fff",
+      size: 12,
+      style: {
+        margin: 0
+      }
+    }),
+    showIconDropdown: false,
     style: {
       borderRadius: '0px 5px 5px 0px',
       borderLeft: '1px solid #ccc',
-      width: 20,
+      width: 'auto',
       textShadow: 'none',
-      paddingRight: 7,
-      paddingLeft: 0
+      paddingInline: '2px'
     },
-    dropdown: true,
-    label: "."
+    dropdown: true
   }), children));
 };
 var _default = exports.default = SplitButton;

package/lib/buttons/types.d.ts

@@ -14,7 +14,7 @@ interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     size?: Size;
     iconName?: IconNames;
     customClass?: string;
-    iconAlign?: Position;
+    iconAlign?: Extract<Position, 'left' | 'center'>;
     iconStyle?: CSSProperties;
     boxShadow?: boolean;
     icon?: ReactElement;
@@ -46,5 +46,8 @@ interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     errorMessage?: string;
     onDeniedText?: string;
 }
+interface ISplitButtonProps extends IButtonProps {
+    customClassForContainer?: string;
+}
 
-export { IButtonProps };
+export { IButtonProps, ISplitButtonProps };

package/lib/calendar/DangerCalendar.d.ts

@@ -3,6 +3,6 @@ import 'react';
 import 'moment';
 import '../@types/ColorStyles.js';
 
-declare const DangerCalendar: ({ customClass, ...props }: ICalendarProps) => JSX.Element;
+declare const DangerCalendar: ({ ...props }: ICalendarProps) => JSX.Element;
 
 export { DangerCalendar as default };

package/lib/calendar/DangerCalendar.js

@@ -6,16 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = _interopRequireDefault(require("./base"));
-const _excluded = ["customClass"];
 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
 const DangerCalendar = _ref => {
-  let {
-      customClass
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+  let props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/_react.default.createElement(_base.default, _extends({}, props, {
     customClass: "-danger"
   }));

package/lib/calendar/InfoCalendar.d.ts

@@ -3,6 +3,6 @@ import 'react';
 import 'moment';
 import '../@types/ColorStyles.js';
 
-declare const InfoCalendar: ({ customClass, ...props }: ICalendarProps) => JSX.Element;
+declare const InfoCalendar: ({ ...props }: ICalendarProps) => JSX.Element;
 
 export { InfoCalendar as default };

package/lib/calendar/InfoCalendar.js

@@ -6,16 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = _interopRequireDefault(require("./base"));
-const _excluded = ["customClass"];
 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
 const InfoCalendar = _ref => {
-  let {
-      customClass
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+  let props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/_react.default.createElement(_base.default, _extends({}, props, {
     customClass: "-info"
   }));

package/lib/calendar/PrimaryCalendar.d.ts

@@ -3,6 +3,6 @@ import 'react';
 import 'moment';
 import '../@types/ColorStyles.js';
 
-declare const PrimaryCalendar: ({ customClass, ...props }: ICalendarProps) => JSX.Element;
+declare const PrimaryCalendar: ({ ...props }: ICalendarProps) => JSX.Element;
 
 export { PrimaryCalendar as default };

package/lib/calendar/PrimaryCalendar.js

@@ -6,16 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = _interopRequireDefault(require("./base"));
-const _excluded = ["customClass"];
 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
 const PrimaryCalendar = _ref => {
-  let {
-      customClass
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+  let props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/_react.default.createElement(_base.default, _extends({}, props, {
     customClass: "-primary"
   }));

package/lib/calendar/SuccessCalendar.d.ts

@@ -3,6 +3,6 @@ import 'react';
 import 'moment';
 import '../@types/ColorStyles.js';
 
-declare const SuccessCalendar: ({ customClass, ...props }: ICalendarProps) => JSX.Element;
+declare const SuccessCalendar: ({ ...props }: ICalendarProps) => JSX.Element;
 
 export { SuccessCalendar as default };

package/lib/calendar/SuccessCalendar.js

@@ -6,16 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = _interopRequireDefault(require("./base"));
-const _excluded = ["customClass"];
 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
 const SuccessCalendar = _ref => {
-  let {
-      customClass
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+  let props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/_react.default.createElement(_base.default, _extends({}, props, {
     customClass: "-success"
   }));

package/lib/calendar/WarningCalendar.d.ts

@@ -3,6 +3,6 @@ import 'react';
 import 'moment';
 import '../@types/ColorStyles.js';
 
-declare const WarningCalendar: ({ customClass, ...props }: ICalendarProps) => JSX.Element;
+declare const WarningCalendar: ({ ...props }: ICalendarProps) => JSX.Element;
 
 export { WarningCalendar as default };

package/lib/calendar/WarningCalendar.js

@@ -6,16 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _base = _interopRequireDefault(require("./base"));
-const _excluded = ["customClass"];
 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
 const WarningCalendar = _ref => {
-  let {
-      customClass
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+  let props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/_react.default.createElement(_base.default, _extends({}, props, {
     customClass: "-warning"
   }));

package/lib/calendar/base/index.js

@@ -79,7 +79,7 @@ const Calendar = props => {
   }, []);
   (0, _react.useEffect)(() => {
     const daysOfMonth = currentMonth.current?.getElementsByClassName('-selectedday')[0];
-    currentDateButton?.(daysOfMonth?.firstChild);
+    currentDateButton?.(daysOfMonth.firstChild);
   }, [currentDate]);
   const component = /*#__PURE__*/_react.default.createElement("div", {
     ref: currentCalendarRef,

package/lib/dialog/Question.js

@@ -54,7 +54,7 @@ const Question = props => {
     handlerClose: onUnconfirmClick,
     icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: "question",
-      color: "#3498db",
+      colorStyle: "primary",
       size: 64
     })
   }));

package/lib/dialog/base/index.js

@@ -68,7 +68,7 @@ const BaseDialog = props => {
   (0, _react.useEffect)(() => {
     if (open && modalContainerRef.current) {
       focusableElementsRef.current = Array.from(modalContainerRef.current.querySelectorAll("button, a, input, select, textarea, [tabindex]:not([tabindex='-1'])"));
-      focusableElementsRef.current[1]?.focus();
+      focusableElementsRef.current[0]?.focus();
     }
   }, [open]);
   const onDialogPositionChange = _ref => {

package/lib/dialog/form/index.js

@@ -32,7 +32,8 @@ const ModalForm = props => {
     children,
     className = '',
     wrapperClassName = '',
-    contentClassName = ''
+    contentClassName = '',
+    headerClassName = ''
   } = props;
   const headerRef = (0, _react.useRef)(null);
   const context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
@@ -62,7 +63,7 @@ const ModalForm = props => {
     className: className,
     wrapperClassName: `dialog-form-wrapper ${wrapperClassName}`
   }), props.title && /*#__PURE__*/_react.default.createElement("div", {
-    className: "header-form"
+    className: `header-form ${headerClassName}`
   }, /*#__PURE__*/_react.default.createElement(_Header.default, {
     title: props.title,
     handlerClose: props.handlerClose,

package/lib/dialog/types.d.ts

@@ -43,6 +43,7 @@ interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex'> {
     icon?: JSX.Element;
     content?: ReactNode;
     contentClassName?: string;
+    headerClassName?: string;
 }
 interface ICommonDialogProps {
     onConfirmClick?: () => void;

package/lib/drawer/Drawer.d.ts

@@ -5,6 +5,6 @@ import '../@types/Position.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
 
-declare const BaseDrawer: ({ position, customClass, children, style, customClassForContent, targetId, closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer, content, title, isWaiting, ...rest }: IDrawerProps) => React__default.ReactPortal;
+declare const BaseDrawer: ({ position, customClass, children, style, customClassForContent, targetId, closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer, content, title, isWaiting, customClassElementDrawer, ...rest }: IDrawerProps) => React__default.ReactPortal;
 
 export { BaseDrawer as default };