@atom-learning/components 2.25.0 → 2.25.2-beta.0

package/CHANGELOG.md

@@ -1,10 +1,3 @@
-# [2.25.0](https://github.com/Atom-Learning/components/compare/v2.24.0...v2.25.0) (2022-12-15)
-
-
-### Features
-
-* support markdown emphasis wrapping link without line break ([c656c97](https://github.com/Atom-Learning/components/commit/c656c970917e0959530ba741b27861166ba0c163))
-
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 
 

package/dist/components/data-table/DataTableContext.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import type { VisibilityTableState, ColumnOrderTableState, ColumnPinningTableState, FiltersTableState, SortingTableState, ExpandedTableState, GroupingTableState, ColumnSizingTableState, PaginationTableState, RowSelectionTableState, SortDirection } from '@tanstack/react-table';
-import { CSS } from '../../stitches';
 import { DataTableContextType, TGetAsyncData } from './DataTable.types';
 declare type InitialState = Partial<VisibilityTableState & ColumnOrderTableState & ColumnPinningTableState & FiltersTableState & SortingTableState & ExpandedTableState & GroupingTableState & ColumnSizingTableState & PaginationTableState & RowSelectionTableState>;
 declare type TableProviderProps = {
@@ -11,7 +10,6 @@ declare type TableProviderProps = {
     };
     children: React.ReactNode;
     initialState?: InitialState;
-    css?: CSS;
 } & ({
     data: Array<Record<string, unknown>>;
     getAsyncData?: never;
@@ -19,6 +17,6 @@ declare type TableProviderProps = {
     data?: never;
     getAsyncData: TGetAsyncData;
 });
-export declare const DataTableProvider: ({ columns, data: dataProp, getAsyncData, defaultSort, initialState, children, css }: TableProviderProps) => JSX.Element;
+export declare const DataTableProvider: ({ columns, data: dataProp, getAsyncData, defaultSort, initialState, children }: TableProviderProps) => JSX.Element;
 export declare const useDataTable: <T extends Record<string, unknown>>() => DataTableContextType<T>;
 export {};

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

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