@atom-learning/components 2.31.2-beta.0 → 2.32.0

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "2.31.2-beta.0",
+  "version": "2.32.0",
   "description": "",
   "files": [
     "dist"

package/dist/components/table/TableStickyColumnsContainer.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { CSS } from '../../stitches';
-interface ITableStickyColumnsContainerProps {
-    children: React.ReactNode;
-    numOfStickyColumns?: number;
-    css?: CSS;
-}
-export declare const TableStickyColumnsContainer: React.FC<ITableStickyColumnsContainerProps>;
-export {};

package/dist/components/table/TableStickyColumnsContainer.js

@@ -1 +0,0 @@
-import o from"react";import{Box as a}from"../box/Box.js";const s=({children:t,numOfStickyColumns:r=0,css:e,...l})=>{const[c,n]=o.useState(!1);return o.createElement(a,{onScroll:p=>{n(p.currentTarget.scrollLeft>0)},role:"scrollbar",css:{overflow:"auto",maxWidth:"100%",...c&&{[`& th,td:nth-of-type(${r})`]:{boxShadow:"$colors$alpha200 -2px -3px 9px 1px",clipPath:"inset(0px -10px 0px 0px)"}},...e},...l},t)};export{s as TableStickyColumnsContainer};

package/dist/components/table/useStickyColumnsCss.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { CSS } from '../../stitches';
-interface IUseStickyColumnsCss {
-    columnsCss: CSS;
-}
-export declare const useStickyColumnsCss: (numOfStickyColumns: number, cellElement: 'th' | 'td', wrapperRef?: React.RefObject<HTMLTableSectionElement> | undefined) => IUseStickyColumnsCss;
-export {};

package/dist/components/table/useStickyColumnsCss.js

@@ -1 +0,0 @@
-import*as r from"react";const y=(s,t,e)=>{const[c,a]=r.useState([]),[f,v]=r.useState({});return r.useEffect(()=>{let l=0;v(c.reduce((n,u,o)=>{var i,d;const m={...n,[`& ${t}:nth-of-type(${o+1})`]:{position:"sticky",left:l,zIndex:"2"}};return l+=(((d=(i=e==null?void 0:e.current)==null?void 0:i.querySelectorAll(t))==null?void 0:d.item(o).clientWidth)||0)+.3,m},{}))},[c,e,t]),r.useLayoutEffect(()=>{const l=()=>{var n;const u=[];(n=e==null?void 0:e.current)==null||n.querySelectorAll(t).forEach(o=>u.push(o)),a(u.slice(0,s))};l(),window.addEventListener("resize",l)},[e,s,t]),{columnsCss:f}};export{y as useStickyColumnsCss};