@atom-learning/components 2.28.2 → 2.28.3-beta.1

package/dist/utilities/hooks/useCallbackRef.js

@@ -1 +1 @@
-import*as t from"react";const s=()=>{const e=t.useRef(null),n=t.useCallback(r=>{r&&(e.current=r)},[]);return[e,n]};export{s as useCallbackRef};
+import*as l from"react";const n=()=>{const e=l.useRef(null),u=l.useCallback(t=>{t&&(e.current=t)},[]);return[e,u]},s=()=>{const[e,u]=l.useState(null),t=l.useCallback(a=>{a&&u(a)},[]);return[e,t]};export{n as useCallbackRef,s as useCallbackRefState};

package/dist/utilities/hooks/useScrollPosition.d.ts

@@ -1,4 +1,7 @@
-export declare const useScrollPosition: () => {
-    x: number;
-    y: number;
+export declare const useScrollPosition: ({ elRef, delay }: {
+    elRef?: HTMLElement | null | undefined;
+    delay?: number | undefined;
+}) => {
+    left: number;
+    top: number;
 };

package/dist/utilities/hooks/useScrollPosition.js

@@ -1 +1 @@
-import{useState as s,useEffect as l}from"react";import{throttle as i}from"throttle-debounce";const c=()=>{const[t,r]=s({x:0,y:0}),{x:e,y:n}=t;return l(()=>{const o=i(500,()=>{r({x:window.scrollX,y:window.scrollY})});return window.addEventListener("scroll",o),()=>{window.removeEventListener("scroll",o)}},[]),{x:e,y:n}};export{c as useScrollPosition};
+import{useState as s,useEffect as n}from"react";import{debounce as c}from"throttle-debounce";const f=({elRef:e,delay:r=500})=>{const[l,o]=s({left:0,top:0});return n(()=>{if(!e)return;const t=c(r,()=>{o({left:e.scrollLeft,top:e.scrollTop})});return e.addEventListener("scroll",t),()=>{e.removeEventListener("scroll",t)}},[e]),l};export{f as useScrollPosition};

package/dist/utilities/hooks/useWindowScrollPosition.d.ts

@@ -0,0 +1,6 @@
+export declare const useWindowScrollPosition: ({ delay }?: {
+    delay?: number | undefined;
+}) => {
+    x: number;
+    y: number;
+};

package/dist/utilities/hooks/useWindowScrollPosition.js

@@ -0,0 +1 @@
+import{useState as t,useEffect as s}from"react";import{debounce as i}from"throttle-debounce";const l=({delay:e=500}={})=>{const[r,n]=t({x:0,y:0});return s(()=>{const o=i(e,()=>{n({x:window.scrollX,y:window.scrollY})});return window.addEventListener("scroll",o),()=>{window.removeEventListener("scroll",o)}},[]),r};export{l as useWindowScrollPosition};

package/dist/utilities/hooks/useWindowSize.d.ts

@@ -0,0 +1,8 @@
+interface Size {
+    width: number | undefined;
+    height: number | undefined;
+}
+export declare const useWindowSize: ({ delay }?: {
+    delay?: number | undefined;
+}) => Size;
+export {};

package/dist/utilities/hooks/useWindowSize.js

@@ -0,0 +1 @@
+import{useState as o,useEffect as r}from"react";import{debounce as d}from"throttle-debounce";const w=({delay:t=500}={})=>{const[i,n]=o({width:void 0,height:void 0});return r(()=>{const e=d(t,()=>{n({width:window.innerWidth,height:window.innerHeight})});return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)},[t]),i};export{w as useWindowSize};

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "2.28.2",
+  "version": "2.28.3-beta.1",
   "description": "",
   "files": [
     "dist"
@@ -107,6 +107,7 @@
     "react-docgen-typescript": "2.1.0",
     "rollup": "^2.39.0",
     "rollup-plugin-esbuild": "^4.8.2",
+    "rollup-plugin-json": "^4.0.0",
     "rollup-plugin-summary": "^1.3.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-visualizer": "^4.2.2",
@@ -171,7 +172,7 @@
   "husky": {
     "hooks": {
       "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
-      "pre-commit": "bash scripts/prevent-commit.sh && lint-staged"
+      "pre-commit": "bash ../scripts/prevent-commit.sh && lint-staged"
     }
   },
   "commitlint": {

package/dist/components/tabs/TabTrigger.js

@@ -1 +0,0 @@
-import{Trigger as l}from"@radix-ui/react-tabs";import{opacify as o}from"color2k";import*as n from"react";import{styled as s,theme as e}from"../../stitches.js";const c=s(l,{background:"none",border:"none",cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",height:"$5",userSelect:"none",transition:"0.3s",variants:{theme:{light:{'&[data-state="active"]':{color:"$primary",fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},'&[data-state="inactive"]':{color:"$tonal500"},"&:not([data-disabled]):hover":{color:"$primary",bg:o(e.colors.primary.value,-.9)},"&:not([data-disabled]):active":{color:"$primary",bg:o(e.colors.primary.value,-.8),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}},dark:{color:"white",'&[data-state="active"]':{fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},"&:not([data-disabled]):hover":{bg:o("white",-.8)},"&:not([data-disabled]):active":{bg:o("white",-.7),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),a=({children:t,theme:r,disabled:i=!1,...d})=>n.createElement(c,{disabled:i,theme:r,...d},t);a.displayName="TabTrigger";export{a as TabTrigger};

package/dist/components/tabs/utils.d.ts

@@ -1,2 +0,0 @@
-import { JSXElementConstructor } from 'react';
-export declare const passPropsToChildren: (children: any, props: Record<string, any>, allowedChildNodeTypes?: JSXElementConstructor<any>[]) => any;

package/dist/components/tabs/utils.js

@@ -1 +0,0 @@
-import n from"react";const i=(o,t,e=[])=>n.Children.map(o,l=>n.isValidElement(l)&&e.includes(l==null?void 0:l.type)?n.cloneElement(l,{...t}):l);export{i as passPropsToChildren};