@rolster/react-components 18.12.7 → 18.12.8

package/dist/esm/components/organisms/Datatable/Datatable.d.ts

@@ -1,22 +1,22 @@
-import { RefObject } from 'react';
+import { DatatableHook } from '../../../hooks';
 import { RlsComponent } from '../../definitions';
 interface DatatableCellProps extends RlsComponent {
     className?: string;
     control?: boolean;
     overflow?: boolean;
 }
-interface DatatableDateProps extends RlsComponent {
+interface DatatableDataProps extends RlsComponent {
     className?: string;
     error?: boolean;
 }
 interface DatatableProps extends RlsComponent {
-    bodyRef?: RefObject<HTMLTableSectionElement>;
+    datatable?: DatatableHook;
     footer?: JSX.Element;
     header?: JSX.Element;
 }
 export declare function RlsDatatableHeader({ children }: RlsComponent): import("react/jsx-runtime").JSX.Element;
 export declare function RlsDatatableTitle({ children, className, control }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
-export declare function RlsDatatableData({ children, className, error }: DatatableDateProps): import("react/jsx-runtime").JSX.Element;
+export declare function RlsDatatableData({ children, className, error }: DatatableDataProps): import("react/jsx-runtime").JSX.Element;
 export declare function RlsDatatableCell({ children, className, control, overflow }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
-export declare function RlsDatatable({ bodyRef, children, footer, header, rlsTheme }: DatatableProps): import("react/jsx-runtime").JSX.Element;
+export declare function RlsDatatable({ children, datatable, footer, header, rlsTheme }: DatatableProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/organisms/Datatable/Datatable.js

@@ -4,18 +4,17 @@ export function RlsDatatableHeader({ children }) {
     return _jsx("tr", { className: "rls-datatable__header", children: children });
 }
 export function RlsDatatableTitle({ children, className, control }) {
-    return (_jsx("th", { className: (renderClassStatus('rls-datatable__title', { control }) +
-            ` ${className || ''}`).trim(), children: children }));
+    return (_jsx("th", { className: renderClassStatus('rls-datatable__title', { control }, className).trim(), children: children }));
 }
 export function RlsDatatableData({ children, className, error }) {
-    return (_jsx("tr", { className: (renderClassStatus('rls-datatable__data', { error }) +
-            ` ${className || ''}`).trim(), children: children }));
+    return (_jsx("tr", { className: renderClassStatus('rls-datatable__data', { error }, className).trim(), children: children }));
 }
 export function RlsDatatableCell({ children, className, control, overflow }) {
-    return (_jsx("th", { className: (renderClassStatus('rls-datatable__cell', { control, overflow }) +
-            ` ${className || ''}`).trim(), children: children }));
+    return (_jsx("th", { className: renderClassStatus('rls-datatable__cell', { control, overflow }, className).trim(), children: children }));
 }
-export function RlsDatatable({ bodyRef, children, footer, header, rlsTheme }) {
-    return (_jsxs("div", { className: "rls-datatable", "rls-theme": rlsTheme, children: [_jsxs("table", { children: [header && _jsx("thead", { className: "rls-datatable__thead", children: header }), _jsx("tbody", { ref: bodyRef, className: "rls-datatable__tbody", children: children })] }), footer && _jsx("div", { className: "rls-datatable__tfooter", children: footer })] }));
+export function RlsDatatable({ children, datatable, footer, header, rlsTheme }) {
+    return (_jsxs("div", { className: renderClassStatus('rls-datatable', {
+            scrolleable: datatable?.scrolleable
+        }), "rls-theme": rlsTheme, children: [_jsxs("table", { children: [header && _jsx("thead", { className: "rls-datatable__thead", children: header }), _jsx("tbody", { ref: datatable?.bodyRef, className: "rls-datatable__tbody", children: children })] }), footer && _jsx("div", { className: "rls-datatable__tfooter", children: footer })] }));
 }
 //# sourceMappingURL=Datatable.js.map

package/dist/esm/components/organisms/Datatable/Datatable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoBzD,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAAgB;IAC3D,OAAO,aAAI,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAM,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,OAAO,EACY;IACnB,OAAO,CACL,aACE,SAAS,EAAE,CACT,iBAAiB,CAAC,sBAAsB,EAAE,EAAE,OAAO,EAAE,CAAC;YACtD,IAAI,SAAS,IAAI,EAAE,EAAE,CACtB,CAAC,IAAI,EAAE,YAEP,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,KAAK,EACc;IACnB,OAAO,CACL,aACE,SAAS,EAAE,CACT,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,KAAK,EAAE,CAAC;YACnD,IAAI,SAAS,IAAI,EAAE,EAAE,CACtB,CAAC,IAAI,EAAE,YAEP,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACW;IACnB,OAAO,CACL,aACE,SAAS,EAAE,CACT,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;YAC/D,IAAI,SAAS,IAAI,EAAE,EAAE,CACtB,CAAC,IAAI,EAAE,YAEP,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACO;IACf,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,eAAY,QAAQ,aAChD,4BACG,MAAM,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,MAAM,GAAS,EAEnE,gBAAO,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,sBAAsB,YAClD,QAAQ,GACH,IACF,EAEP,MAAM,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,MAAM,GAAO,IAC7D,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAqBzD,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAAgB;IAC3D,OAAO,aAAI,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAM,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,OAAO,EACY;IACnB,OAAO,CACL,aACE,SAAS,EAAE,iBAAiB,CAC1B,sBAAsB,EACtB,EAAE,OAAO,EAAE,EACX,SAAS,CACV,CAAC,IAAI,EAAE,YAEP,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,KAAK,EACc;IACnB,OAAO,CACL,aACE,SAAS,EAAE,iBAAiB,CAC1B,qBAAqB,EACrB,EAAE,KAAK,EAAE,EACT,SAAS,CACV,CAAC,IAAI,EAAE,YAEP,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACW;IACnB,OAAO,CACL,aACE,SAAS,EAAE,iBAAiB,CAC1B,qBAAqB,EACrB,EAAE,OAAO,EAAE,QAAQ,EAAE,EACrB,SAAS,CACV,CAAC,IAAI,EAAE,YAEP,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,QAAQ,EACO;IACf,OAAO,CACL,eACE,SAAS,EAAE,iBAAiB,CAAC,eAAe,EAAE;YAC5C,WAAW,EAAE,SAAS,EAAE,WAAW;SACpC,CAAC,eACS,QAAQ,aAEnB,4BACG,MAAM,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,MAAM,GAAS,EAEnE,gBAAO,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAC,sBAAsB,YAC7D,QAAQ,GACH,IACF,EAEP,MAAM,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,MAAM,GAAO,IAC7D,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/hooks/DatatableHook.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+export interface DatatableHook {
+    bodyRef: RefObject<HTMLTableSectionElement>;
+    scrolleable: boolean;
+}
+export declare function useDatatable(): DatatableHook;

package/dist/esm/hooks/DatatableHook.js

@@ -0,0 +1,12 @@
+import { useEffect, useRef, useState } from 'react';
+export function useDatatable() {
+    const [scrolleable, setScrolleable] = useState(false);
+    const bodyRef = useRef(null);
+    useEffect(() => {
+        const scrollHeight = bodyRef?.current?.scrollHeight || 0;
+        const clientHeight = bodyRef?.current?.clientHeight || 0;
+        setScrolleable(scrollHeight > clientHeight);
+    }, [bodyRef]);
+    return { bodyRef, scrolleable };
+}
+//# sourceMappingURL=DatatableHook.js.map

package/dist/esm/hooks/DatatableHook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatatableHook.js","sourceRoot":"","sources":["../../../src/hooks/DatatableHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAO/D,MAAM,UAAU,YAAY;IAC1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,OAAO,EAAE,OAAO,EAAE,YAAY,IAAI,CAAC,CAAC;QACzD,MAAM,YAAY,GAAG,OAAO,EAAE,OAAO,EAAE,YAAY,IAAI,CAAC,CAAC;QAEzD,cAAc,CAAC,YAAY,GAAG,YAAY,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;AAClC,CAAC"}

package/dist/esm/hooks/index.d.ts

@@ -1 +1,2 @@
+export * from './DatatableHook';
 export * from './ListControlHook';

package/dist/esm/hooks/index.js

@@ -1,2 +1,3 @@
+export * from './DatatableHook';
 export * from './ListControlHook';
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolster/react-components",
-  "version": "18.12.7",
+  "version": "18.12.8",
   "type": "module",
   "description": "Package containing UI components for React Project.",
   "module": "dist/esm/index.js",
@@ -58,7 +58,7 @@
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@rollup/plugin-typescript": "^11.1.3",
-    "@rolster/styles-foundations": "^1.1.10",
+    "@rolster/styles-foundations": "^1.1.11",
     "@rolster/types": "^1.0.6",
     "@types/node-sass": "^4.11.4",
     "@types/react": "^18.0.28",