@atom-learning/components 2.28.0-beta.0 → 2.28.1-beta.0

package/package.json

@@ -4,7 +4,7 @@
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",
   "module": "dist/index.js",
-  "version": "2.28.0-beta.0",
+  "version": "2.28.1-beta.0",
   "description": "",
   "files": [
     "dist"
@@ -43,17 +43,17 @@
   "size-limit": [
     {
       "limit": "10kb",
-      "path": "dist/index.js",
+      "path": "dist/lib/src/index.js",
       "import": "{ Box }"
     },
     {
       "limit": "16kb",
-      "path": "dist/index.js",
+      "path": "dist/lib/src/index.js",
       "import": "{ Button }"
     },
     {
       "limit": "75kb",
-      "path": "dist/index.js",
+      "path": "dist/lib/src/index.js",
       "import": "{  useAlert, AlertProvider }"
     }
   ],
@@ -128,6 +128,10 @@
   "dependencies": {
     "@atom-learning/color-scheme": "0.0.0-semantically-released",
     "@atom-learning/theme": "1.1.1",
+    "@dnd-kit/core": "^6.0.5",
+    "@dnd-kit/modifiers": "^6.0.0",
+    "@dnd-kit/sortable": "^7.0.1",
+    "@dnd-kit/utilities": "^3.2.0",
     "@radix-ui/react-accordion": "^1.0.0",
     "@radix-ui/react-alert-dialog": "^1.0.0",
     "@radix-ui/react-checkbox": "^1.0.0",

package/dist/components/accordion/AccordionTrigger.js

@@ -1 +0,0 @@
-import{ChevronDown as i}from"@atom-learning/icons";import{Trigger as s}from"@radix-ui/react-accordion";import e from"react";import{styled as t}from"../../stitches.js";import{Icon as n}from"../icon/Icon.js";import{ColorScheme as c}from"@atom-learning/color-scheme";import{focusVisibleStyleBlock as d}from"../../utilities/style/focus-visible-style-block.js";const l=t(n,{transition:"transform 300ms",'[data-state="open"] > &':{transform:"rotate(180deg)"},'[data-state="closed"] > &':{transform:"rotate(0deg)"}}),m=t(s,{border:0,py:"$3",px:"$4",width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",bg:"$interactive2",color:"$interactiveForeground","&[data-disabled]":{opacity:.3,cursor:"not-allowed"},"&:not([data-disabled])":{"&:active, &:hover, &:focus-visible":{bg:"$interactive3"},"&:focus-visible":{...d()}},'&[data-state="open"]':{borderRadius:"$0 $0 0 0"},'&[data-state="closed"]':{borderRadius:"$0"}}),f=({children:o,colorScheme:r={},...a})=>e.createElement(c,{as:m,accent:"slate",interactive:"loContrast1",...r,...a},o,e.createElement(l,{is:i}));export{f as AccordionTrigger};

package/dist/components/data-table/DataTable.js

@@ -1 +0,0 @@
-import*as r from"react";import{DataTableBody as t}from"./DataTableBody.js";import{DataTableProvider as e}from"./DataTableContext.js";import{DataTableDataCell as l}from"./DataTableDataCell.js";import{DataTableError as m}from"./DataTableError.js";import{DataTableGlobalFilter as i}from"./DataTableGlobalFilter.js";import{DataTableHead as b}from"./DataTableHead.js";import{DataTableHeaderCell as p}from"./DataTableHeaderCell.js";import{DataTableLoading as D}from"./DataTableLoading.js";import{DataTableRow as T}from"./DataTableRow.js";import{DataTableTable as f}from"./DataTableTable.js";import{Pagination as d}from"./pagination/Pagination.js";const a=o=>r.createElement(e,{...o});a.Body=t,a.DataCell=l,a.Head=b,a.HeaderCell=p,a.Pagination=d,a.Row=T,a.GlobalFilter=i,a.Table=f,a.Loading=D,a.Error=m;export{a as DataTable};

package/dist/components/data-table/DataTableContext.js

@@ -1 +0,0 @@
-import*as e from"react";import x from"use-deep-compare-effect";import{useReactTable as I,getCoreRowModel as A,getPaginationRowModel as G,getSortedRowModel as L,getFilteredRowModel as z}from"@tanstack/react-table";import{AsyncDataState as n}from"./DataTable.types.js";import{getNewAsyncData as k}from"./getNewAsyncData.js";const J={pageIndex:0,pageSize:10},C=e.createContext(null),O=({columns:i,data:t=[],getAsyncData:o,defaultSort:u,initialState:l=void 0,children:R})=>{var p;const[b,v]=e.useState({results:t!=null?t:[],total:(p=t==null?void 0:t.length)!=null?p:0}),[r,h]=e.useState(!!(l!=null&&l.pagination)),[w,g]=e.useState(n.NONE),[d,E]=e.useState(""),[a,M]=e.useState({...J,...l==null?void 0:l.pagination}),[c,P]=e.useState(!1),[s,y]=e.useState(u?[{id:u.column,desc:u.direction==="desc"}]:[]),D=e.useCallback(()=>{h(!0)},[]),S=e.useCallback(async F=>{if(o)try{g(n.PENDING);const N=await k(o,F,a,s,d);v(N),g(n.FULFILLED)}catch{g(n.REJECTED)}},[o,a==null?void 0:a.pageIndex,a==null?void 0:a.pageSize,s,d]);e.useEffect(()=>{S({})},[S]),x(()=>{!t||v({results:t,total:t.length})},[t]);const m=()=>b.total,f=I({columns:i,data:b.results,pageCount:a?Math.ceil(m()/a.pageSize):-1,initialState:l,state:{sorting:s,globalFilter:d,pagination:a},manualPagination:o&&r,manualSorting:o&&r,enableSorting:w!==n.PENDING,enableGlobalFilter:!o,getCoreRowModel:A(),getPaginationRowModel:r?G():void 0,getSortedRowModel:c||s.length?L():void 0,getFilteredRowModel:z(),onPaginationChange:r?M:void 0,onSortingChange:y,onGlobalFilterChange:E}),T=e.useMemo(()=>({...f,setIsSortable:P,applyPagination:D,getTotalRows:m,isSortable:c,asyncDataState:w,runAsyncData:S}),[f,D,m,c]);return e.createElement(C.Provider,{value:T},R)},U=()=>{const i=e.useContext(C);if(!i)throw new Error("useDataTable can only be called from inside a DataTableProvider");return i};export{O as DataTableProvider,U as useDataTable};

package/dist/components/table/Table.js

@@ -1 +0,0 @@
-import*as d from"react";import{styled as m}from"../../stitches.js";import{TableBody as f}from"./TableBody.js";import{TableCell as o}from"./TableCell.js";import{TableFooter as p}from"./TableFooter.js";import{TableFooterCell as t}from"./TableFooterCell.js";import{TableHeader as $}from"./TableHeader.js";import{TableHeaderCell as r}from"./TableHeaderCell.js";import{TableRow as l}from"./TableRow.js";const b=m("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${o}, ${r}, ${t}`]:{height:"$4"}},lg:{[`${o}, ${r}, ${t}`]:{height:"$5"}}},corners:{round:{[`${r}`]:{"&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}},[`${l}:last-child`]:{[`${o}:first-child`]:{borderBottomLeftRadius:"$0"},[`${o}:last-child`]:{borderBottomRightRadius:"$0"}}},square:{}}}}),e=({size:a="md",corners:i="round",...s})=>d.createElement(b,{size:a,corners:i,...s});e.Body=f,e.Cell=o,e.Footer=p,e.FooterCell=t,e.Header=$,e.HeaderCell=r,e.Row=l,e.displayName="Table";export{e as Table};

package/dist/components/table/TableBody.js

@@ -1 +0,0 @@
-import*as r from"react";import{styled as d}from"../../stitches.js";import{TableRow as i}from"./TableRow.js";const a=d("tbody",{variants:{striped:{true:{[`${i}`]:{"&:nth-child(odd)":{bg:"white"},"&:nth-child(even)":{bg:"$tonal50"}}},false:{bg:"white"}}}}),t=({striped:e=!0,...o})=>r.createElement(a,{striped:e,...o});t.displayName="TableBody";export{t as TableBody};

package/dist/components/table/TableRow.js

@@ -1 +0,0 @@
-import{styled as o}from"../../stitches.js";const e=o("tr",{bg:"unset"});e.displayName="TableRow";export{e as TableRow};

package/dist/components/tabs/TabsTriggerList.js

@@ -1 +0,0 @@
-import{List as r}from"@radix-ui/react-tabs";import i from"react";import{styled as m}from"../../stitches.js";import{ColorScheme as s}from"@atom-learning/color-scheme";const a=m(r,{flexShrink:0,display:"flex",borderBottom:"1px solid $base3",width:"max-content"}),c=({children:e,colorScheme:t={},...o})=>i.createElement(s,{as:a,base:"slate",accent:"blue",interactive:"hiContrast1",...t,...o},e);export{c as TabsTriggerList};