linear-react-components-ui 1.1.0-beta.4 → 1.1.0-beta.6

package/lib/assets/styles/checkbox.scss

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

package/lib/assets/styles/tabs.scss

@@ -36,6 +36,10 @@ $dropdown-width: 38px;
     display: flex;
     flex: 1;
     overflow: hidden;
+
+    &.-firsttabident>.menuitem:first-child {
+      margin-left: 15px;
+    }
   }
   .menu>.menuitem {
     border-bottom: 0;

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: (props: ICheckBoxProps) => JSX.Element | null;
 
 export { CheckBox as default };

package/lib/checkbox/index.js

@@ -8,9 +8,10 @@ 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 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 _getRequireWildcardCache(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 && Object.prototype.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; }
@@ -27,28 +28,29 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * componente para gerar propriedades customizadas.
  */
 
-var CheckBox = function CheckBox(_ref) {
-  var name = _ref.name,
-    required = _ref.required,
-    value = _ref.value,
-    label = _ref.label,
-    onChange = _ref.onChange,
-    autofocus = _ref.autofocus,
-    hint = _ref.hint,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? '' : _ref$id,
-    gridLayout = _ref.gridLayout,
-    _ref$checked = _ref.checked,
-    checked = _ref$checked === void 0 ? false : _ref$checked,
-    disabled = _ref.disabled,
-    permissionAttr = _ref.permissionAttr,
-    tooltip = _ref.tooltip,
-    _ref$tooltipPosition = _ref.tooltipPosition,
-    tooltipPosition = _ref$tooltipPosition === void 0 ? 'top' : _ref$tooltipPosition,
-    _ref$tooltipWidth = _ref.tooltipWidth,
-    tooltipWidth = _ref$tooltipWidth === void 0 ? 'auto' : _ref$tooltipWidth,
-    skeletonize = _ref.skeletonize,
-    targetRef = _ref.targetRef;
+var CheckBox = function CheckBox(props) {
+  var name = props.name,
+    required = props.required,
+    value = props.value,
+    label = props.label,
+    onChange = props.onChange,
+    autofocus = props.autofocus,
+    hint = props.hint,
+    _props$id = props.id,
+    id = _props$id === void 0 ? '' : _props$id,
+    gridLayout = props.gridLayout,
+    _props$checked = props.checked,
+    checked = _props$checked === void 0 ? false : _props$checked,
+    disabled = props.disabled,
+    permissionAttr = props.permissionAttr,
+    tooltip = props.tooltip,
+    _props$tooltipPositio = props.tooltipPosition,
+    tooltipPosition = _props$tooltipPositio === void 0 ? 'top' : _props$tooltipPositio,
+    _props$tooltipWidth = props.tooltipWidth,
+    tooltipWidth = _props$tooltipWidth === void 0 ? 'auto' : _props$tooltipWidth,
+    skeletonize = props.skeletonize,
+    targetRef = props.targetRef,
+    errorMessages = props.errorMessages;
   var _useState = (0, _react.useState)(checked),
     _useState2 = _slicedToArray(_useState, 2),
     isChecked = _useState2[0],
@@ -120,7 +122,7 @@ var CheckBox = function 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"], {

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

@@ -180,6 +180,7 @@ var SimpleSelect = function SimpleSelect(props) {
           clearSelected();
         }
       }
+      setDataCombo(dataSourceWithAllOptions);
     }
     if (!insideComponent) {
       setOpened(false);

package/lib/tabs/MenuTabs.js

@@ -80,7 +80,6 @@ var MenuTabs = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
   }, tabs.map(function (tab) {
     return /*#__PURE__*/_react["default"].createElement(MenuTab, _extends({
       key: tab.id,
-      menuTabsLength: tabs.length,
       tabMenuSize: tabMenuSize,
       tabWidth: tabWidth
     }, tab));

package/lib/tabs/context.d.ts

@@ -7,6 +7,6 @@ import '../@types/Icon.js';
 import '../icons/helper.js';
 
 declare const TabsContext: React__default.Context<TabsContextType>;
-declare function TabsProvider({ children, tabs: tabsProp, container, selectedTab, onTabChange, onTabClose, tabsWidth: tabsWidthProp, }: TabsProviderProps): JSX.Element;
+declare function TabsProvider({ children, tabs: tabsProp, container, selectedTab, onTabChange, onTabClose, tabsWidth: tabsWidthProp, firstTabIdent, }: TabsProviderProps): JSX.Element;
 
 export { TabsContext, TabsProvider };

package/lib/tabs/context.js

@@ -24,6 +24,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var TabsContext = exports.TabsContext = /*#__PURE__*/(0, _react.createContext)({});
 function TabsProvider(_ref) {
+  var _menuRef$current$clie, _menuRef$current;
   var children = _ref.children,
     tabsProp = _ref.tabs,
     container = _ref.container,
@@ -31,7 +32,9 @@ function TabsProvider(_ref) {
     selectedTab = _ref$selectedTab === void 0 ? null : _ref$selectedTab,
     onTabChange = _ref.onTabChange,
     onTabClose = _ref.onTabClose,
-    tabsWidthProp = _ref.tabsWidth;
+    tabsWidthProp = _ref.tabsWidth,
+    _ref$firstTabIdent = _ref.firstTabIdent,
+    firstTabIdent = _ref$firstTabIdent === void 0 ? false : _ref$firstTabIdent;
   var _React$useState = _react["default"].useState(selectedTab),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedTabId = _React$useState2[0],
@@ -48,10 +51,12 @@ function TabsProvider(_ref) {
     tabs = _useState4[0],
     setTabs = _useState4[1];
   var menuRef = (0, _react.useRef)(null);
+  var menuSize = ((_menuRef$current$clie = (_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : _menuRef$current.clientWidth) !== null && _menuRef$current$clie !== void 0 ? _menuRef$current$clie : 0) - 38 - (firstTabIdent ? 15 : 0);
   var tabsWidth = (0, _react.useMemo)(function () {
     if (typeof tabsWidthProp === 'string') return tabsWidthProp === 'auto' ? 100 : parseInt(tabsWidthProp) || 100;
     return tabsWidthProp;
   }, [tabsWidthProp]);
+  var maxTabs = Math.round(menuSize / tabsWidth);
   if (selectedTab && selectedTab !== selectedTabId) {
     setSelectedTabId(selectedTab);
   }
@@ -60,18 +65,12 @@ function TabsProvider(_ref) {
     setSelectedTabId((_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.id);
   }
   var dropdownTabs = (0, _react.useMemo)(function () {
-    var _menuRef$current$clie, _menuRef$current;
-    var menuSize = ((_menuRef$current$clie = (_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : _menuRef$current.clientWidth) !== null && _menuRef$current$clie !== void 0 ? _menuRef$current$clie : 0) - 38;
     if (menuSize === 0) return [];
-    var maxTabs = Math.floor(menuSize / tabsWidth);
     return tabs.slice(maxTabs);
-  }, [tabs, tabsWidth, containerWidth]);
+  }, [tabs, maxTabs, containerWidth]);
   var menuTabs = (0, _react.useMemo)(function () {
-    var _menuRef$current$clie2, _menuRef$current2;
-    var menuSize = ((_menuRef$current$clie2 = (_menuRef$current2 = menuRef.current) === null || _menuRef$current2 === void 0 ? void 0 : _menuRef$current2.clientWidth) !== null && _menuRef$current$clie2 !== void 0 ? _menuRef$current$clie2 : 0) - 38;
-    var maxTabs = Math.floor(menuSize / tabsWidth);
     return tabs.slice(0, maxTabs);
-  }, [tabs, tabsWidth, containerWidth]);
+  }, [tabs, maxTabs, containerWidth]);
   var tabsCount = tabs.length;
   var updateTabs = (0, _react.useCallback)(function (tabId) {
     var tabInDropdownIndex = dropdownTabs.findIndex(function (tab) {

package/lib/tabs/index.js

@@ -64,7 +64,8 @@ var Tabs = function Tabs(_ref) {
     container: containerRef,
     onTabChange: handlerTabClick,
     onTabClose: handlerCloseTab,
-    tabsWidth: tabsWidth
+    tabsWidth: tabsWidth,
+    firstTabIdent: firstTabIdent
   }, props), /*#__PURE__*/_react["default"].createElement("div", {
     ref: containerRef,
     className: (0, _tabHelpers.tabsClass)(tabMenuPosition),

package/lib/tabs/types.d.ts

@@ -25,6 +25,7 @@ interface TabsProviderProps {
     selectedTab?: string | number | null;
     onTabChange?: (tabId: string) => void;
     onTabClose?: (tabId: string) => void;
+    firstTabIdent?: boolean;
 }
 interface ITabsPros {
     style?: CSSProperties;
@@ -40,7 +41,6 @@ interface ITabsPros {
     handlerCloseTab?: (id?: string, idx?: string) => void;
     customClassForToolBar?: string;
     tabsWidth?: string | number;
-    tabsWidthOnExceedCount?: number;
 }
 interface TabProps {
     id: string | number;

package/package.json

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