linear-react-components-ui 1.1.25-beta.2 → 1.1.25-beta.3

package/lib/assets/styles/datepicker2.scss

@@ -106,14 +106,18 @@ input::-webkit-inner-spin-button {
     .input {
       @extend %input-placeholder;
       @extend %component-fonts;
-      flex-grow: 1;
-      max-width: 100%;
+      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;
       }

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/drawers.scss

@@ -3,7 +3,6 @@
 @import "effects.scss";
 
 .drawer-component {
-  z-index: 1;
   position: fixed;
   overflow: auto;
   & .drawercontainer {
@@ -156,5 +155,4 @@
   width: 100%;
   top: 0;
   left: 0;
-  z-index: 0;
 }

package/lib/assets/styles/gridlayout.scss

@@ -26,31 +26,32 @@ html {
   &.-withskeleton {
     margin-bottom: 10px;
   }
-}
 
-@media (min-width: 576px) {
-  .container {
-    max-width: 540px;
+  @media (min-width: 576px) {
+    >.container {
+      max-width: 540px;
+    }
   }
-}
-
-@media (min-width: 768px) {
-  .container {
-    max-width: 720px;
+  
+  @media (min-width: 768px) {
+    >.container {
+      max-width: 720px;
+    }
   }
-}
-
-@media (min-width: 992px) {
-  .container {
-    max-width: 960px;
+  
+  @media (min-width: 992px) {
+    >.container {
+      max-width: 960px;
+    }
   }
-}
-
-@media (min-width: 1200px) {
-  .container {
-    max-width: 1140px;
+  
+  @media (min-width: 1200px) {
+    >.container {
+      max-width: 1140px;
+    }
   }
 }
+
 .container-fluid {
   width: 100%;
   padding-right: 15px;

package/lib/assets/styles/selectfield.scss

@@ -116,14 +116,18 @@ input::-webkit-inner-spin-button {
       .input {
         @extend %input-placeholder;
         @extend %component-fonts;
-        flex-grow: 1;
-        max-width: 100%;
+        flex: 1;
+        width: 100%;
+        height: 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;
         }

package/lib/assets/styles/textfield.scss

@@ -108,14 +108,18 @@ input[type="number"] {
     .input {
       @extend %input-placeholder;
       @extend %component-fonts;
-      flex-grow: 1;
-      max-width: 100%;
+      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;
       }

package/lib/drawer/Drawer.js

@@ -82,6 +82,7 @@ const BaseDrawer = _ref => {
     const drawerOverlay = document.createElement('div');
     drawerOverlay.className = 'drawer-overlay';
     drawerOverlay.id = id;
+    drawerOverlay.inert = false;
     drawerOverlay.dataset.testid = 'drawer-overlay';
     body.appendChild(drawerOverlay);
   };
@@ -100,10 +101,8 @@ const BaseDrawer = _ref => {
     } else {
       body = document.getElementById(targetId);
     }
+    if (overlay && body) setDrawerOverlay(body, overlayId);
     if (body) setDrawerComponent(body, randomId);
-    if (overlay && body) {
-      setDrawerOverlay(body, overlayId);
-    }
     return () => {
       const drawerOverlay = document.getElementById(overlayId);
       if (closeOnEsc) document.body.removeEventListener('keydown', closeDrawerOnEsc);

package/lib/drawer/index.js

@@ -16,10 +16,10 @@ Object.defineProperty(exports, "DrawerHeader", {
   }
 });
 exports.default = void 0;
+require("../assets/styles/drawers.scss");
 var _Drawer = _interopRequireDefault(require("./Drawer"));
 var _Header = _interopRequireDefault(require("./Header"));
 var _Content = _interopRequireDefault(require("./Content"));
-require("../assets/styles/drawers.scss");
 var _withFormSecurity = _interopRequireDefault(require("../form/withFormSecurity"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var _default = exports.default = (0, _withFormSecurity.default)(_Drawer.default);

package/lib/icons/helper.d.ts

@@ -651,6 +651,18 @@ declare const _default: {
         viewbox: string;
         paths: string[];
     };
+    perdaConsumoInterno: {
+        viewbox: string;
+        paths: string[];
+    };
+    inventario: {
+        viewbox: string;
+        paths: string[];
+    };
+    trocaFornecedor: {
+        viewbox: string;
+        paths: string[];
+    };
 };
 
 export { _default as default };

package/lib/icons/helper.js

@@ -656,5 +656,17 @@ var _default = exports.default = {
   minus: {
     viewbox: '0 0 16 16',
     paths: ['M0 5h16v6h-16z']
+  },
+  perdaConsumoInterno: {
+    viewbox: '0 0 16 16',
+    paths: ['M6 7.25c0 0.412-0.338 0.75-0.75 0.75h-1.5c-0.413 0-0.75-0.338-0.75-0.75v-1.5c0-0.412 0.337-0.75 0.75-0.75h1.5c0.412 0 0.75 0.338 0.75 0.75v1.5z', 'M11 7.25c0 0.412-0.338 0.75-0.75 0.75h-1.5c-0.412 0-0.75-0.338-0.75-0.75v-1.5c0-0.412 0.338-0.75 0.75-0.75h1.5c0.412 0 0.75 0.338 0.75 0.75v1.5z', 'M6 12.25c0 0.412-0.338 0.75-0.75 0.75h-1.5c-0.413 0-0.75-0.338-0.75-0.75v-1.5c0-0.412 0.337-0.75 0.75-0.75h1.5c0.412 0 0.75 0.338 0.75 0.75v1.5z', 'M14.251 2.5l1.749-1.749v-0.751h-0.751l-1.749 1.749-1.749-1.749h-0.751v0.751l1.749 1.749-1.749 1.749v0.751h0.751l1.749-1.749 1.749 1.749h0.751v-0.751z', 'M0 12h1v2h-1v-2z', 'M0 9h1v2h-1v-2z', 'M13 7h1v2h-1v-2z', 'M13 13h1v2h-1v-2z', 'M13 10h1v2h-1v-2z', 'M0 6h1v2h-1v-2z', 'M0 3h1v2h-1v-2z', 'M8 2h2v1h-2v-1z', 'M5 2h2v1h-2v-1z', 'M2 2h2v1h-2v-1z', 'M7 15h2v1h-2v-1z', 'M10 15h2v1h-2v-1z', 'M4 15h2v1h-2v-1z', 'M1 15h2v1h-2v-1z']
+  },
+  inventario: {
+    viewbox: '0 0 16 16',
+    paths: ['M11 4v-4h-11v11h4v5h12v-12h-5zM10 6.125h-4v-0.125h4v0.125zM10 10h-4v-0.125h4v0.125zM10 9.625h-4v-0.25h4v0.25zM10 9.125h-4v-0.25h4v0.25zM10 8.625h-4v-0.25h4v0.25zM10 8.125h-4v-0.25h4v0.25zM10 7.625h-4v-0.25h4v0.25zM10 7.125h-4v-0.25h4v0.25zM10 6.625h-4v-0.25h4v0.25zM4 10h-3v-9h9v3h-6v6zM15 15h-10v-3h7v-7h3v10z']
+  },
+  trocaFornecedor: {
+    viewbox: '0 0 16 16',
+    paths: ['M11 8v6h1v-6h2.5l-3-3-3 3z', 'M1 3h1.5v1h-1.5v-1z', 'M3 3h1.5v1h-1.5v-1z', 'M5 3h1v1.5h-1v-1.5z', 'M1 6.5h1v1.5h-1v-1.5z', 'M2.5 7h1.5v1h-1.5v-1z', 'M4.5 7h1.5v1h-1.5v-1z', 'M1 4.5h1v1.5h-1v-1.5z', 'M5 5h1v1.5h-1v-1.5z', 'M5 11v3h-3v-3h3zM6 10h-5v5h5v-5z']
   }
 };

package/lib/inputs/date/index.js

@@ -285,12 +285,9 @@ const DatePicker = props => {
       onInputFocus(e);
     },
     onChange: (e, date) => {
-      onInputChange(e, date);
-    },
-    inputRef: el => {
-      inputDateRef.current = el;
-      if (inputRefProp) inputRefProp.current = el;
+      if (date) onInputChange(e, date);
     },
+    inputRef: inputRefProp,
     rightElements: getButtonOpen(),
     required: required,
     handlerSetOnDenied: () => setOnDenied(onDenied)

package/package.json

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