linear-react-components-ui 1.1.25-rc.0 → 1.1.25-rc.1

package/lib/assets/styles/table.scss

@@ -177,3 +177,9 @@
     overflow: hidden;
   }
 }
+
+div:has(table.table-component).horizontal-scroll-container {
+  height: auto;
+  width: 100%;
+  overflow-x: scroll;
+}

package/lib/inputs/search/index.js

@@ -26,9 +26,10 @@ const SearchField = props => {
   const {
     resetButton = true,
     advancedFilterProps = {},
-    value
+    value,
+    drawerFilterIsOpened = false
   } = props;
-  const [advancedFilterOpened, setAdvancedFilterOpened] = (0, _react.useState)(false);
+  const [advancedFilterOpened, setAdvancedFilterOpened] = (0, _react.useState)(drawerFilterIsOpened);
   const [valorCampo, setValorCampo] = (0, _react.useState)('');
   const [onDenied, setOnDenied] = (0, _react.useState)();
   const {
@@ -107,6 +108,9 @@ const SearchField = props => {
       setValorCampo(value);
     }
   }, [value]);
+  (0, _react.useEffect)(() => {
+    setAdvancedFilterOpened(drawerFilterIsOpened);
+  }, [drawerFilterIsOpened]);
   if (onDenied && onDenied.unvisible) {
     return null;
   }

package/lib/inputs/types.d.ts

@@ -31,6 +31,7 @@ interface ISearchProps extends IBaseProps {
     rounded?: boolean;
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
     style?: CSSProperties;
+    drawerFilterIsOpened?: boolean;
 }
 interface IDropdownProps {
     children: ReactNode | ReactNode[];

package/lib/table/index.js

@@ -44,7 +44,7 @@ var _RowColumn = _interopRequireDefault(require("./RowColumn"));
 require("../assets/styles/table.scss");
 var _helpers = _interopRequireDefault(require("./helpers"));
 const _excluded = ["children"],
-  _excluded2 = ["onColClick", "onRowClick", "bodyScrollable", "vertical", "skeletonize", "strict", "skeletonHeight", "skeletonInHeader", "skeletonInRows", "selectedRowId"];
+  _excluded2 = ["onColClick", "onRowClick", "bodyScrollable", "vertical", "skeletonize", "strict", "skeletonHeight", "skeletonInHeader", "skeletonInRows", "selectedRowId", "allowHorizontalScroll"];
 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; }
@@ -87,7 +87,8 @@ const Table = _ref2 => {
       skeletonHeight,
       skeletonInHeader,
       skeletonInRows,
-      selectedRowId: selectedRowIdFromProps
+      selectedRowId: selectedRowIdFromProps,
+      allowHorizontalScroll = false
     } = props,
     rest = _objectWithoutProperties(props, _excluded2);
   const [selectedRowId, setSelectedRowId] = (0, _react.useState)(selectedRowIdFromProps);
@@ -120,6 +121,20 @@ const Table = _ref2 => {
     columnsWidth,
     handlerSetColumnsCount
   }), [bodyContainerRef, bodyScrollWidth, selectedRowId, vertical, skeletonize, skeletonHeight, skeletonInHeader, skeletonInRows, strict, columnsCount, handleSelectRow, onColClick, onRowClick, handlerSetColumnsWidth, columnsWidth, handlerSetColumnsCount]);
+  const getTableComponent = () => {
+    const tableComponent = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("table", _extends({
+      style: {
+        contain: strict ? 'strict' : 'size style'
+      },
+      className: getClass(props)
+    }, rest), children));
+    if (allowHorizontalScroll) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "horizontal-scroll-container"
+      }, tableComponent);
+    }
+    return tableComponent;
+  };
   const contextValues = (0, _react.useMemo)(() => getContextValues(), [getContextValues]);
   (0, _react.useEffect)(() => {
     if (bodyScrollable && bodyContainerRef && bodyContainerRef.current) {
@@ -138,11 +153,6 @@ const Table = _ref2 => {
     value: contextValues
   }, bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
     className: getClass(props)
-  }, children) : /*#__PURE__*/_react.default.createElement("table", _extends({
-    style: {
-      contain: strict ? 'strict' : 'size style'
-    },
-    className: getClass(props)
-  }, rest), children));
+  }, children) : getTableComponent());
 };
 var _default = exports.default = Table;

package/lib/table/types.d.ts

@@ -18,6 +18,7 @@ interface ITableProps extends TableHTMLAttributes<HTMLTableElement> {
     skeletonInRows?: number;
     skeletonInHeader?: boolean;
     skeletonHeight?: number;
+    allowHorizontalScroll?: boolean;
 }
 interface ITableHeaderProps extends ComponentProps<'th'> {
     children?: ReactNode;

package/package.json

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