linear-react-components-ui 1.1.0 → 1.1.2-beta.0

package/.gitlab-ci.yml

@@ -2,18 +2,25 @@ stages:
   - lint
   - tests-units
 
+cache:
+  key:
+    files:
+      - package-lock.json
+  paths:
+    - .npm
+
 lint:
   stage: lint
   image: node:20.11.0
   before_script:
-    - npm install
+    - npm ci --legacy-peer-deps --cache .npm --prefer-offline
   script:
-    - npm run check:js
+    - npm run check:js 
 
 units:
   stage: tests-units
   image: node:20.11.0
   before_script:
-    - npm install
+    - npm ci --legacy-peer-deps --cache .npm --prefer-offline
   script:
     - npm run test

package/lib/assets/styles/checkbox.scss

@@ -80,6 +80,14 @@
     padding-left: 22px;
   }
   
+  > .errormessages {
+    width: 100%;
+    color: red;
+    font-size: 13px!important;
+    line-height: 13px;
+    margin-top: 0px;
+  }
+
   &.-skeletonized {
     > .inputcontent {
       .input {

package/lib/assets/styles/tabs.scss

@@ -75,6 +75,8 @@ $dropdown-width: 38px;
     text-overflow: ellipsis;
     background: transparent;
     border: 0;
+    width: 100%;
+    text-align: left
   }
 
   .menu>.menuitem>.closepanel {
@@ -121,6 +123,9 @@ $dropdown-width: 38px;
         float: none;
       }
     }
+    .toolbar-component {
+      width: auto;
+    }
   }
 
   >.panel {

package/lib/checkbox/index.d.ts

@@ -8,6 +8,6 @@ import '../@types/Position.js';
  * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
  * componente para gerar propriedades customizadas.
  */
-declare const CheckBox: ({ name, required, value, label, onChange, autofocus, hint, id, gridLayout, checked, disabled, permissionAttr, tooltip, tooltipPosition, tooltipWidth, skeletonize, targetRef, }: ICheckBoxProps) => JSX.Element | null;
+declare const CheckBox: ({ name, required, value, label, onChange, autofocus, hint, id, gridLayout, checked, disabled, permissionAttr, tooltip, tooltipPosition, tooltipWidth, skeletonize, targetRef, errorMessages, }: ICheckBoxProps) => JSX.Element | null;
 
 export { CheckBox as default };

package/lib/checkbox/index.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _gridlayout = _interopRequireDefault(require("../gridlayout"));
 var _Label = _interopRequireDefault(require("./Label"));
-require("../assets/styles/checkbox.scss");
-var _permissionValidations = require("../permissionValidations");
 var _hint = _interopRequireDefault(require("../hint"));
+var _gridlayout = _interopRequireDefault(require("../gridlayout"));
+var helpers = _interopRequireWildcard(require("../inputs/base/helpers"));
+var _permissionValidations = require("../permissionValidations");
+require("../assets/styles/checkbox.scss");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -38,7 +39,8 @@ const CheckBox = _ref => {
     tooltipPosition = 'top',
     tooltipWidth = 'auto',
     skeletonize,
-    targetRef
+    targetRef,
+    errorMessages
   } = _ref;
   const [isChecked, setIsChecked] = (0, _react.useState)(checked);
   const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
@@ -101,7 +103,7 @@ const CheckBox = _ref => {
     visible: !!hint,
     description: hint,
     customClass: "hint"
-  }));
+  }), errorMessages && helpers.getErrorMessages(errorMessages));
   if (onDenied.unvisible) return null;
   return gridLayout ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
     customClass: "-withinput",

package/lib/checkbox/types.d.ts

@@ -37,6 +37,7 @@ interface ICheckBoxProps {
     skeletonize?: boolean;
     targetRef?: (ref: HTMLInputElement | null) => void;
     targetSpanRef?: (ref: HTMLSpanElement | null) => void;
+    errorMessages?: string[] | undefined;
 }
 
 export type { ChangeEvent, ICheckBoxProps };

package/lib/inputs/select/simple/index.js

@@ -138,6 +138,7 @@ const SimpleSelect = props => {
           clearSelected();
         }
       }
+      setDataCombo(dataSourceWithAllOptions);
     }
     if (!insideComponent) {
       setOpened(false);

package/lib/table/HeaderColumn.d.ts

@@ -1,6 +1,6 @@
 import { ITableHeaderProps } from './types.js';
 import 'react';
 
-declare const HeaderColumn: ({ customClass, style, children, textAlign, visible, id, }: ITableHeaderProps) => JSX.Element | null;
+declare const HeaderColumn: ({ customClass, style, children, textAlign, visible, id, rowSpan, colSpan, }: ITableHeaderProps) => JSX.Element | null;
 
 export { HeaderColumn as default };

package/lib/table/HeaderColumn.js

@@ -17,7 +17,9 @@ const HeaderColumn = _ref => {
     children,
     textAlign,
     visible = true,
-    id
+    id,
+    rowSpan,
+    colSpan
   } = _ref;
   const {
     skeletonize,
@@ -28,6 +30,8 @@ const HeaderColumn = _ref => {
   if (!visible) return null;
   return /*#__PURE__*/_react.default.createElement("th", {
     id: id,
+    rowSpan: rowSpan,
+    colSpan: colSpan,
     className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign),
     style: style
   }, skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {

package/lib/table/types.d.ts

@@ -25,6 +25,8 @@ interface ITableHeaderProps extends TableHTMLAttributes<HTMLTableElement> {
     textAlign?: string;
     visible?: boolean;
     id?: string;
+    rowSpan?: number;
+    colSpan?: number;
 }
 interface ITableBodyProps extends TableHTMLAttributes<HTMLTableElement> {
     children?: ReactNode;

package/lib/tabs/context.js

@@ -67,7 +67,7 @@ function TabsProvider(_ref) {
     updateTabs(tabId);
     setSelectedTabId(tabId);
     if (onTabChange) {
-      onTabChange(String(tabId));
+      onTabChange(tabId);
     }
   }, [onTabChange, setSelectedTabId, updateTabs]);
   const removeTab = (0, _react.useCallback)(tabId => {

package/lib/tabs/types.d.ts

@@ -23,7 +23,7 @@ interface TabsProviderProps {
     container: RefObject<HTMLDivElement>;
     tabsWidth: number | string;
     selectedTab?: string | number | null;
-    onTabChange?: (tabId: string) => void;
+    onTabChange?: (tabId: string | number) => void;
     onTabClose?: (tabId: string) => void;
     firstTabIdent?: boolean;
 }
@@ -32,12 +32,12 @@ interface ITabsPros {
     toolbar?: ReactElement;
     toolBarRef?: (value: HTMLDivElement | null) => void;
     children?: ReactNode;
-    selectedTab?: string;
+    selectedTab?: string | number;
     tabMenuSize?: Size;
     tabMenuAlign?: Position;
     firstTabIdent?: boolean;
     tabMenuPosition?: Exclude<Position, 'center'>;
-    handlerTabClick?: (id?: string) => void;
+    handlerTabClick?: (id?: string | number) => void;
     handlerCloseTab?: (id?: string, idx?: string) => void;
     customClassForToolBar?: string;
     tabsWidth?: string | number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.0",
+  "version": "1.1.2-beta.0",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",
@@ -69,7 +69,7 @@
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "14.1.2",
     "@testing-library/user-event": "14.4.3",
-    "@types/lodash": "^4.14.191",
+    "@types/lodash": "4.14.191",
     "@types/node": "17.0.45",
     "@types/react": "18.0.26",
     "@types/react-dev-utils": "^9.0.11",
@@ -78,6 +78,8 @@
     "@types/react-syntax-highlighter": "15.5.6",
     "@types/react-transition-group": "4.4.5",
     "@types/uuid": "8.3.4",
+    "@typescript-eslint/eslint-plugin": "6.21.0",
+    "@typescript-eslint/parser": "6.21.0",
     "babel-eslint": "7.2.3",
     "babel-jest": "29.7.0",
     "babel-loader": "9.1.3",
@@ -103,6 +105,7 @@
     "react-transition-group": "^4.4.2",
     "resize-observer-polyfill": "1.5.1",
     "resolve-url-loader": "5.0.0",
+    "sass": "1.74.1",
     "sass-loader": "14.1.0",
     "style-loader": "3.3.4",
     "tsup": "8.0.1",