linear-react-components-ui 1.1.24-beta.1 → 1.1.24-beta.11

package/lib/BaseMask-0c14ef51.d.ts

@@ -0,0 +1,24 @@
+import React__default from 'react';
+import { T as TextFieldInputProps } from './index-3b70931d.js';
+import { FactoryOpts } from 'imask';
+
+interface MaskFieldProps extends TextFieldInputProps {
+    maskOptions?: FactoryOpts;
+    onAccept?: (value: string) => void;
+    onComplete?: (value: string, maskRef: any, e?: InputEvent) => void;
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    autoCompleteMask?: string;
+    value?: string;
+}
+declare const Input: React__default.ForwardRefExoticComponent<MaskFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const BaseMask_Input: typeof Input;
+type BaseMask_MaskFieldProps = MaskFieldProps;
+declare namespace BaseMask {
+  export {
+    BaseMask_Input as Input,
+    BaseMask_MaskFieldProps as MaskFieldProps,
+  };
+}
+
+export { BaseMask as B, Input as I, MaskFieldProps as M };

package/lib/Cnpj-bde01dd0.d.ts

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import { M as MaskFieldProps } from './BaseMask-0c14ef51.js';
+
+interface CnpjFieldProps extends MaskFieldProps {
+    onValidate?: (errors: string[]) => void;
+}
+declare const Input: React__default.ForwardRefExoticComponent<CnpjFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+
+type Cnpj_CnpjFieldProps = CnpjFieldProps;
+declare const Cnpj_Input: typeof Input;
+declare namespace Cnpj {
+  export {
+    Cnpj_CnpjFieldProps as CnpjFieldProps,
+    Cnpj_Input as Input,
+  };
+}
+
+export { Cnpj as C, Input as I, CnpjFieldProps as a };

package/lib/Cpf-3fa496ad.d.ts

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import { M as MaskFieldProps } from './BaseMask-0c14ef51.js';
+
+interface CpfFieldProps extends MaskFieldProps {
+    onValidate?: (errors: string[]) => void;
+}
+declare const Input: React__default.ForwardRefExoticComponent<CpfFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+
+type Cpf_CpfFieldProps = CpfFieldProps;
+declare const Cpf_Input: typeof Input;
+declare namespace Cpf {
+  export {
+    Cpf_CpfFieldProps as CpfFieldProps,
+    Cpf_Input as Input,
+  };
+}
+
+export { Cpf as C, Input as I, CpfFieldProps as a };

package/lib/Phone-2bb0b397.d.ts

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import { M as MaskFieldProps } from './BaseMask-0c14ef51.js';
+
+interface PhoneFieldProps extends MaskFieldProps {
+    isCellphone?: boolean;
+}
+declare const Input: React__default.ForwardRefExoticComponent<PhoneFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const Phone_Input: typeof Input;
+type Phone_PhoneFieldProps = PhoneFieldProps;
+declare namespace Phone {
+  export {
+    Phone_Input as Input,
+    Phone_PhoneFieldProps as PhoneFieldProps,
+  };
+}
+
+export { Input as I, Phone as P, PhoneFieldProps as a };

package/lib/ZipCode-09460e18.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { M as MaskFieldProps } from './BaseMask-0c14ef51.js';
+
+declare const Input: React__default.ForwardRefExoticComponent<MaskFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+
+declare const ZipCode_Input: typeof Input;
+declare namespace ZipCode {
+  export {
+    ZipCode_Input as Input,
+  };
+}
+
+export { Input as I, ZipCode as Z };

package/lib/alerts/AlertProvider.js

@@ -11,8 +11,7 @@ var _AlertContainer = _interopRequireDefault(require("./AlertContainer"));
 var _Message = _interopRequireDefault(require("./Message"));
 var _helpers = _interopRequireDefault(require("./helpers"));
 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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/lib/alerts/BaseAlert.js

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

package/lib/alerts/Message.js

@@ -8,14 +8,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _icons = _interopRequireDefault(require("../icons"));
 var _progress = _interopRequireDefault(require("../progress"));
 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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const getClass = _ref => {
   let {
     customClass,
     className
   } = _ref;
-  return `${className} ${customClass}`;
+  return "".concat(className, " ").concat(customClass);
 };
 const getIcon = (icon, iconName, color) => {
   if (icon !== null) {

package/lib/alerts/withAlert.js

@@ -7,8 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _helpers = _interopRequireDefault(require("./helpers"));
 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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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 withAlert = WrapperComponent => {
   const GetAlert = props => {

package/lib/assets/styles/button.scss

@@ -366,7 +366,7 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
   border-color: transparent !important;
   transition: none;
 
-  > svg {
+  svg {
     opacity: 0;
     visibility: hidden;
   }

package/lib/assets/styles/calendar.scss

@@ -1,9 +1,9 @@
-
 @import "colors.scss";
 @import "commons.scss";
 
 $padding-size: 10px;
 $border-radius-size: 5px;
+
 .calendar-component {
   width: auto;
   height: 100%;
@@ -13,8 +13,9 @@ $border-radius-size: 5px;
   flex-direction: column;
   border-radius: $border-radius-size;
   border: 1px solid $component-border-color;
-  > .calendarheader,
-  > .daynames {
+
+  >.calendarheader,
+  >.daynames {
     width: auto;
     height: 1.85rem;
     display: grid;
@@ -22,7 +23,8 @@ $border-radius-size: 5px;
     background-color: #f0f0f0;
     grid-template-columns: 20px 1fr 30px;
   }
-  > .calendarheader {
+
+  >.calendarheader {
     width: auto;
     height: 32px;
     padding-top: 4px;
@@ -31,7 +33,8 @@ $border-radius-size: 5px;
     justify-content: space-between;
     border-top-left-radius: $border-radius-size;
     border-top-right-radius: $border-radius-size;
-    > .navbutton {
+
+    >.navbutton {
       width: 2rem;
       height: 2rem;
       padding: 0;
@@ -42,21 +45,26 @@ $border-radius-size: 5px;
       background-color: transparent;
       font-weight: bold;
       border: none;
+
       svg {
         margin: 0;
       }
+
       &:hover {
         background-color: $component-border-color;
       }
+
       &:focus {
         -webkit-box-shadow: none !important;
         box-shadow: none !important;
         border: 1px solid $default-border-color;
         background-color: $component-border-color;
       }
+
       transition: none;
     }
-    > .monthname {
+
+    >.monthname {
       font-weight: bold;
       vertical-align: middle;
       text-align: center;
@@ -64,117 +72,209 @@ $border-radius-size: 5px;
       font-size: 14px;
     }
   }
-  > .daynames {
+
+  >.daynames {
     padding-top: 4px;
     border-bottom: 1px solid $component-border-color;
     grid-template-columns: repeat(7, 1fr);
     text-align: center;
   }
-  > .calendarmonth {
+
+  >.calendarmonth {
     width: 100%;
     height: 100%;
     flex: 1;
     display: grid;
-    grid-template-rows: repeat(6, 1fr);
     padding: 2px;
     background-color: $font-color-second;
     border-bottom-left-radius: $border-radius-size;
     border-bottom-right-radius: $border-radius-size;
   }
-  > .calendarmonth > .monthweek {
+
+  >.calendarmonth>.monthweek {
     text-align: center;
     display: grid;
     grid-template-columns: repeat(7, 1fr)
   }
-  .calendarmonth > .monthweek > .monthday {
+
+  .calendarmonth>.monthweek>.monthday {
     height: auto;
     width: auto;
     text-align: center;
     border-right: 0;
     border-bottom: 0;
     transition: all 0.2s ease-in-out;
-    > .daybutton {
+
+    >.daybutton {
       height: 100%;
       width: 100%;
       padding: 0;
       font-size: 13px;
       border: none;
       background-color: transparent;
+
       &.-nowday {
         font-weight: bold
       }
+
       &.-outmonth {
         color: #777;
       }
+
       &:focus {
         -webkit-box-shadow: none !important;
         box-shadow: none !important;
         border: 2px solid $default-border-color;
       }
+
       transition: none;
     }
+
     &:hover {
       background-color: $component-border-color;
       border-radius: 4px;
     }
+
     &.-selectedday {
       background-color: $font-selected-color;
       border-radius: 4px;
     }
-    &.-selectedday > .daybutton { 
+
+    &.-selectedday>.daybutton {
       color: $font-color-second;
     }
   }
 }
 
 .calendar-component {
-  &.-success, &.-primary, &.-info, &.-warning, &.-danger {
-    > .calendarheader, >.daynames {
+
+  &.-success,
+  &.-primary,
+  &.-info,
+  &.-warning,
+  &.-danger {
+
+    >.calendarheader,
+    >.daynames {
       color: $font-color-second;
     }
+
+    .navbutton {
+      svg {
+        fill: $font-color-second;
+      }
+    }
   }
+
   &.-success {
-    border: none;
-    > .calendarheader, >.daynames {
+
+    >.calendarheader,
+    >.daynames {
       background-color: $success-color;
     }
+
+    .navbutton {
+      &:focus {
+        background-color: $success-actived-color;
+        border-color: $success-border-color;
+      }
+
+      &:hover {
+        background-color: $success-hover-color;
+      }
+    }
   }
+
   &.-primary {
-    border: none;
-    > .calendarheader, >.daynames {
+
+    >.calendarheader,
+    >.daynames {
       background-color: $primary-color;
     }
+
+    .navbutton {
+      &:focus {
+        background-color: $primary-actived-color;
+        border-color: $primary-border-color;
+      }
+
+      &:hover {
+        background-color: $primary-hover-color;
+      }
+    }
   }
+
   &.-info {
-    border: none;
-    > .calendarheader, >.daynames {
+
+    >.calendarheader,
+    >.daynames {
       background-color: $info-color;
     }
+
+    .navbutton {
+      &:focus {
+        background-color: $info-actived-color;
+        border-color: $info-border-color;
+      }
+
+      &:hover {
+        background-color: $info-hover-color;
+      }
+    }
   }
+
   &.-warning {
-    border: none;
-    > .calendarheader, >.daynames {
+
+    >.calendarheader,
+    >.daynames {
       background-color: $warning-color;
     }
+
+    .navbutton {
+      &:focus {
+        background-color: $warning-actived-color;
+        border-color: $warning-border-color;
+      }
+
+      &:hover {
+        background-color: $warning-hover-color;
+      }
+    }
   }
+
   &.-danger {
-    border: none;
-    > .calendarheader, >.daynames {
+
+    >.calendarheader,
+    >.daynames {
       background-color: $danger-color;
     }
+
+    .navbutton {
+      &:focus {
+        background-color: $danger-actived-color;
+        border-color: $danger-border-color;
+      }
+
+      &:hover {
+        background-color: $danger-hover-color;
+      }
+    }
   }
 }
 
 //Add border to days container
 .calendar-component.-draw-grid-lines {
-  > .calendarmonth > .monthweek {
+  >.calendarmonth>.monthweek {
     border-bottom: 1px solid $component-border-color;
+
     &:first-child {
       border-top: 1px solid $component-border-color;
     }
   }
-  > .calendarmonth > .monthweek > .monthday {
+
+  >.calendarmonth>.monthweek>.monthday {
     border-left: 1px solid $component-border-color;
+
     &:last-child {
       border-right: 1px solid $component-border-color;
     }
@@ -183,24 +283,29 @@ $border-radius-size: 5px;
 
 //Remove padding
 .calendar-component.-unpadding {
-  > .calendarmonth, > .daynames {
+
+  >.calendarmonth,
+  >.daynames {
     padding: 0;
   }
-  > .calendarmonth > .monthweek {
+
+  >.calendarmonth>.monthweek {
     &:first-child {
       border-top: 0px;
     }
+
     &:last-child {
       border-bottom: 0px;
     }
   }
-  > .calendarmonth > .monthweek > .monthday {
+
+  >.calendarmonth>.monthweek>.monthday {
     &:last-child {
       border-right: 0px
     }
+
     &:first-child {
       border-left: 0;
     }
   }
-}
-
+}

package/lib/assets/styles/datepicker2.scss

@@ -48,9 +48,6 @@ input::-webkit-inner-spin-button {
         font-size: 0.875rem;
         margin-left: 1px;
       }
-      &[data-state-read-only=true], &[data-state-disabled=true] {
-        pointer-events: none;
-      }
     }
     >button {
       width: 20px;
@@ -85,10 +82,9 @@ input::-webkit-inner-spin-button {
     }
     &:has(input[data-state-read-only=true]) {
       cursor: default;
-      pointer-events: none;
       background-color: $input-read-only-bg-color;
     }
-    &:has(input:focus) {
+    &:has(input:focus:not([data-state-read-only=true])) {
       box-shadow: 0 3px 0 $component-selected-color;
       transition: box-shadow 250ms cubic-bezier(.19, .62, .58, .98) 100ms;
     }
@@ -110,13 +106,18 @@ input::-webkit-inner-spin-button {
     .input {
       @extend %input-placeholder;
       @extend %component-fonts;
-      flex-grow: 1;
+      flex: 1;
+      height: 100%;
+      width: 100%;
       padding: 6px;
       font-size: 0.875rem;
       text-indent: 0.375rem;
       line-height: 0.875rem;
       border: none;
       background-color: transparent;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
       &[data-state-text-align=left] {
         text-align: left;
       }
@@ -159,7 +160,7 @@ input::-webkit-inner-spin-button {
         width: 22px;
         height: 100%;
         padding: 0;
-        margin: 0px 4px;
+        margin: 0px 2px;
         outline: none;
         border: none;
         vertical-align: bottom;
@@ -178,9 +179,6 @@ input::-webkit-inner-spin-button {
         &[data-state-valid-date-selected=false] {
           visibility: hidden;
         }
-        &[data-state-valid-date-selected=true] {
-          visibility: visible;
-        }
       }
       &[data-state-read-only=true], 
       &[data-state-disabled=true] {

package/lib/assets/styles/dialog.scss

@@ -96,7 +96,7 @@ $shadow-button-inset-default: inset 0 0 0 1px $default-border-color, $shadow-but
           }
         }
       }
-      .footer {
+      > .footer {
         bottom: 0px;
         background: #ffffff;
         padding: 10px 0 8px 8px;

package/lib/assets/styles/fieldset.scss

@@ -64,7 +64,7 @@
     background-color: $fieldset-default;
     text-transform: uppercase;
     border-radius: 0px 10px 0px 0px;
-    z-index: 9;
+    z-index: 0;
     display: flex;
     align-items: center;
     gap: 8px;

package/lib/assets/styles/file.scss

@@ -170,6 +170,14 @@
 }
 
 .input-simple-file-container {
+  .file-content {
+    flex: 1;
+  }
+
+  .file-wrapper {
+    align-items: center;
+  }
+
   .-disabledVisualApply {
     background: #fff5e5 !important;
     > .size-position-icon {

package/lib/assets/styles/filefield.scss

@@ -0,0 +1,42 @@
+@import "colors.scss";
+@import "effects";
+@import "commons.scss";
+
+::-webkit-file-upload-button {
+  display: none;
+}
+
+.file-container {
+  &:has(input[type="text"], input.file-input) {
+    background-color: $input-read-only-bg-color;
+  }
+
+  .file-input[type="text"] {
+    line-height: normal;
+    caret-color: transparent;
+    &::selection {
+      color: inherit;
+    }
+  }
+
+  .file-right-slot {
+    display: flex;
+    flex-direction: row;
+
+    .show-files-selected-list,
+    .clear-files-selected,
+    .select-files {
+      padding: 8px;
+
+      svg {
+        margin: 0px;
+      }
+
+      &.select-files {
+        border-radius: 0;
+        border: 0px;
+        border-left: 1px solid $component-border-color;
+      }
+    }
+  }
+}