@atom-learning/components 3.30.0 → 4.0.0-beta.10

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

@@ -2,11 +2,11 @@ import * as React from 'react';
 import type { CSS } from '../../stitches';
 export declare const DataTableMetaData: ({ copy, css }: {
     copy?: {
-        sorted_by?: string;
-        ascending?: string;
-        descending?: string;
-        separator?: string;
-    };
-    sortLabel?: string;
-    css?: CSS;
+        sorted_by?: string | undefined;
+        ascending?: string | undefined;
+        descending?: string | undefined;
+        separator?: string | undefined;
+    } | undefined;
+    sortLabel?: string | undefined;
+    css?: CSS | undefined;
 }) => React.JSX.Element;

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

@@ -1,2 +1,2 @@
-import*as f from"react";import{Text as h}from"../text/Text.js";import{useDataTable as v}from"./DataTableContext.js";import"./DataTable.js";const w={sorted_by:"Sorted by",ascending:"ascending",descending:"descending",separator:"-"},S=({copy:a,css:c})=>{var o,s;const{getState:l,columns:g,getRowModel:m,rowSelection:p}=v(),{sorting:r}=l(),$=r.length>0,d=(s=(o=m())==null?void 0:o.rows)==null?void 0:s.length,n=Object.keys(p||{}).length,t={...w,...a},b=e=>{const i=g.find(y=>y.id===e);return(i==null?void 0:i.header)||e},u=e=>`${t.separator} ${t.sorted_by} ${b(e[0].id)} ${e[0].desc?t.descending:t.ascending}`;return f.createElement(h,{css:{fontWeight:600,...c}},`${n||d} ${(n||d)===1?"item":"items"} ${n?"selected":""} ${$?u(r):""}`)};export{S as DataTableMetaData};
+import*as y from"react";import{Text as h}from"../text/Text.js";import{useDataTable as f}from"./DataTableContext.js";import"./DataTable.js";const v={sorted_by:"Sorted by",ascending:"ascending",descending:"descending",separator:"-"},w=({copy:a,css:c})=>{var o,s;const{getState:l,columns:g,getRowModel:m,rowSelection:p}=f(),{sorting:r}=l(),$=r.length>0,d=(s=(o=m())==null?void 0:o.rows)==null?void 0:s.length,n=Object.keys(p||{}).length,t={...v,...a},u=e=>{const i=g.find(b=>b.id===e);return(i==null?void 0:i.header)||e};return y.createElement(h,{weight:"bold",css:c},`${n||d} ${(n||d)===1?"item":"items"} ${n?"selected":""} ${$?(e=>`${t.separator} ${t.sorted_by} ${u(e[0].id)} ${e[0].desc?t.descending:t.ascending}`)(r):""}`)};export{w as DataTableMetaData};
 //# sourceMappingURL=DataTableMetaData.js.map

package/dist/components/data-table/DataTableMetaData.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableMetaData.js","sources":["../../../src/components/data-table/DataTableMetaData.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CSS } from '~/stitches'\n\nimport { Text } from '../text'\nimport { useDataTable } from './index'\n\nconst defaultCopy = {\n  sorted_by: 'Sorted by',\n  ascending: 'ascending',\n  descending: 'descending',\n  separator: '-'\n}\n\nexport const DataTableMetaData = ({\n  copy,\n  css\n}: {\n  copy?: {\n    sorted_by?: string\n    ascending?: string\n    descending?: string\n    separator?: string\n  }\n  sortLabel?: string\n  css?: CSS\n}) => {\n  const { getState, columns, getRowModel, rowSelection } = useDataTable()\n  const { sorting } = getState()\n  const isSorted = sorting.length > 0\n\n  const totalRows = getRowModel()?.rows?.length\n\n  const selectedRows = Object.keys(rowSelection || {}).length\n\n  const copyMerged = { ...defaultCopy, ...copy }\n\n  const getColumnDisplayName = (id: string) => {\n    const sortedColumn = columns.find((col) => col.id === id)\n    return sortedColumn?.header || id\n  }\n\n  const getSortingString = (sorting) => {\n    return `${copyMerged.separator} ${\n      copyMerged.sorted_by\n    } ${getColumnDisplayName(sorting[0].id)} ${\n      sorting[0].desc ? copyMerged.descending : copyMerged.ascending\n    }`\n  }\n\n  return (\n    <Text css={{ fontWeight: 600, ...css }}>{`${selectedRows || totalRows} ${\n      (selectedRows || totalRows) === 1 ? 'item' : 'items'\n    } ${selectedRows ? 'selected' : ''} ${\n      isSorted ? getSortingString(sorting) : ''\n    }`}</Text>\n  )\n}\n"],"names":["defaultCopy","DataTableMetaData","copy","css","_a","_b","getState","columns","getRowModel","rowSelection","useDataTable","sorting","isSorted","totalRows","selectedRows","copyMerged","getColumnDisplayName","id","sortedColumn","col","getSortingString","React","Text"],"mappings":"2IAOA,MAAMA,EAAc,CAClB,UAAW,YACX,UAAW,YACX,WAAY,aACZ,UAAW,GACb,EAEaC,EAAoB,CAAC,CAChC,KAAAC,EACA,IAAAC,CACF,IASM,CA1BN,IAAAC,EAAAC,EA2BE,KAAM,CAAE,SAAAC,EAAU,QAAAC,EAAS,YAAAC,EAAa,aAAAC,CAAa,EAAIC,IACnD,CAAE,QAAAC,CAAQ,EAAIL,EACdM,EAAAA,EAAWD,EAAQ,OAAS,EAE5BE,GAAYR,GAAAD,EAAAI,MAAA,KAAAJ,OAAAA,EAAe,OAAf,KAAA,OAAAC,EAAqB,OAEjCS,EAAe,OAAO,KAAKL,GAAgB,EAAE,EAAE,OAE/CM,EAAa,CAAE,GAAGf,EAAa,GAAGE,CAAK,EAEvCc,EAAwBC,GAAe,CAC3C,MAAMC,EAAeX,EAAQ,KAAMY,GAAQA,EAAI,KAAOF,CAAE,EACxD,OAAOC,GAAA,KAAAA,OAAAA,EAAc,SAAUD,CACjC,EAEMG,EAAoBT,GACjB,GAAGI,EAAW,aACnBA,EAAW,aACTC,EAAqBL,EAAQ,GAAG,EAAE,KACpCA,EAAQ,GAAG,KAAOI,EAAW,WAAaA,EAAW,YAIzD,OACEM,EAAA,cAACC,EAAA,CAAK,IAAK,CAAE,WAAY,IAAK,GAAGnB,CAAI,CAAA,EAAI,GAAGW,GAAgBD,MACzDC,GAAgBD,KAAe,EAAI,OAAS,WAC3CC,EAAe,WAAa,MAC9BF,EAAWQ,EAAiBT,CAAO,EAAI,IACtC,CAEP"}
+{"version":3,"file":"DataTableMetaData.js","sources":["../../../src/components/data-table/DataTableMetaData.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CSS } from '~/stitches'\n\nimport { Text } from '../text'\nimport { useDataTable } from './index'\n\nconst defaultCopy = {\n  sorted_by: 'Sorted by',\n  ascending: 'ascending',\n  descending: 'descending',\n  separator: '-'\n}\n\nexport const DataTableMetaData = ({\n  copy,\n  css\n}: {\n  copy?: {\n    sorted_by?: string\n    ascending?: string\n    descending?: string\n    separator?: string\n  }\n  sortLabel?: string\n  css?: CSS\n}) => {\n  const { getState, columns, getRowModel, rowSelection } = useDataTable()\n  const { sorting } = getState()\n  const isSorted = sorting.length > 0\n\n  const totalRows = getRowModel()?.rows?.length\n\n  const selectedRows = Object.keys(rowSelection || {}).length\n\n  const copyMerged = { ...defaultCopy, ...copy }\n\n  const getColumnDisplayName = (id: string) => {\n    const sortedColumn = columns.find((col) => col.id === id)\n    return sortedColumn?.header || id\n  }\n\n  const getSortingString = (sorting) => {\n    return `${copyMerged.separator} ${\n      copyMerged.sorted_by\n    } ${getColumnDisplayName(sorting[0].id)} ${\n      sorting[0].desc ? copyMerged.descending : copyMerged.ascending\n    }`\n  }\n\n  return (\n    <Text weight=\"bold\" css={css}>{`${selectedRows || totalRows} ${\n      (selectedRows || totalRows) === 1 ? 'item' : 'items'\n    } ${selectedRows ? 'selected' : ''} ${\n      isSorted ? getSortingString(sorting) : ''\n    }`}</Text>\n  )\n}\n"],"names":["defaultCopy","DataTableMetaData","copy","css","_a","_b","getState","columns","getRowModel","rowSelection","useDataTable","sorting","isSorted","totalRows","selectedRows","copyMerged","getColumnDisplayName","id","sortedColumn","col","React","Text"],"mappings":"2IAOA,MAAMA,EAAc,CAClB,UAAW,YACX,UAAW,YACX,WAAY,aACZ,UAAW,GACb,EAEaC,EAAoB,CAAC,CAChC,KAAAC,EACA,IAAAC,CACF,IASM,CA1BN,IAAAC,EAAAC,EA2BE,KAAM,CAAE,SAAAC,EAAU,QAAAC,EAAS,YAAAC,EAAa,aAAAC,CAAa,EAAIC,EAAa,EAChE,CAAE,QAAAC,CAAQ,EAAIL,EAAAA,EACdM,EAAWD,EAAQ,OAAS,EAE5BE,GAAYR,GAAAD,EAAAI,EAAAA,IAAA,KAAA,OAAAJ,EAAe,OAAf,KAAA,OAAAC,EAAqB,OAEjCS,EAAe,OAAO,KAAKL,GAAgB,CAAA,CAAE,EAAE,OAE/CM,EAAa,CAAE,GAAGf,EAAa,GAAGE,CAAK,EAEvCc,EAAwBC,GAAe,CAC3C,MAAMC,EAAeX,EAAQ,KAAMY,GAAQA,EAAI,KAAOF,CAAE,EACxD,OAAOC,GAAA,KAAA,OAAAA,EAAc,SAAUD,CACjC,EAUA,OACEG,EAAA,cAACC,EAAA,CAAK,OAAO,OAAO,IAAKlB,CAAM,EAAA,GAAGW,GAAgBD,MAC/CC,GAAgBD,KAAe,EAAI,OAAS,WAC3CC,EAAe,WAAa,MAC9BF,GAZsBD,GACjB,GAAGI,EAAW,aACnBA,EAAW,aACTC,EAAqBL,EAAQ,GAAG,EAAE,KACpCA,EAAQ,GAAG,KAAOI,EAAW,WAAaA,EAAW,aAQzBJ,CAAO,EAAI,IACtC,CAEP"}

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

@@ -1,7 +1,7 @@
 import type { Row } from '@tanstack/react-table';
 import * as React from 'react';
 import { Table } from '../table';
-export type DataTableRowProps = React.ComponentProps<typeof Table.Row> & {
+export declare type DataTableRowProps = React.ComponentProps<typeof Table.Row> & {
     row: Row<Record<string, unknown>>;
 };
 export declare const DataTableRow: ({ row }: DataTableRowProps) => React.JSX.Element;

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

@@ -2,7 +2,7 @@ import type { Row } from '@tanstack/react-table';
 import * as React from 'react';
 export declare const DataTableRowSelectionCheckbox: ({ row, checked, onCheckedChange, label }: {
     row: Row<Record<string, unknown>>;
-    checked: boolean | "indeterminate";
+    checked: boolean | 'indeterminate';
     onCheckedChange: (value: boolean) => void;
-    label?: string;
+    label?: string | undefined;
 }) => React.ReactElement;

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
 export declare const DataTableSelectAllRowsCheckbox: ({ label }: {
-    label?: string;
+    label?: string | undefined;
 }) => React.JSX.Element;

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

@@ -3,7 +3,7 @@ import { CSS } from '../../stitches';
 import { Table } from '../table';
 import { TableBody } from '../table/TableBody';
 import { DataTableHead } from './DataTableHead';
-export type DataTableTableProps = Omit<React.ComponentProps<typeof Table>, 'children' | 'numberOfStickyColumns'> & Partial<Pick<React.ComponentProps<typeof DataTableHead>, 'theme' | 'sortable'>> & Partial<Pick<React.ComponentProps<typeof TableBody>, 'striped'>> & {
+export declare type DataTableTableProps = Omit<React.ComponentProps<typeof Table>, 'children' | 'numberOfStickyColumns'> & Partial<Pick<React.ComponentProps<typeof DataTableHead>, 'theme' | 'sortable'>> & Partial<Pick<React.ComponentProps<typeof TableBody>, 'striped'>> & {
     scrollOptions?: {
         hasStickyHeader?: boolean;
         headerCss?: CSS;

package/dist/components/data-table/drag-and-drop/DragAndDropTable.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { TAsyncDataResult } from '../DataTable.types';
 import type { DataTableTableProps } from '../DataTableTable';
-type DragAndDropTableProps = DataTableTableProps & {
+declare type DragAndDropTableProps = DataTableTableProps & {
     idColumn?: string;
     onDragAndDrop?: (onDragAndDropData: {
         oldIndex: number;

package/dist/components/data-table/drag-and-drop/DragAndDropTableBody.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Table } from '../../table';
-type DataTableBodyProps = Omit<React.ComponentProps<typeof Table.Body>, 'children'> & {
+declare type DataTableBodyProps = Omit<React.ComponentProps<typeof Table.Body>, 'children'> & {
     idColumn?: string;
 };
 export declare const DragAndDropTableBody: ({ striped, idColumn, ...props }: DataTableBodyProps) => React.JSX.Element;

package/dist/components/data-table/drag-and-drop/DragAndDropTableRow.d.ts

@@ -1,7 +1,7 @@
 import type { Row } from '@tanstack/react-table';
 import * as React from 'react';
 import { Table } from '../../table';
-export type DataTableDraggableRowProps = React.ComponentProps<typeof Table.Row> & {
+export declare type DataTableDraggableRowProps = React.ComponentProps<typeof Table.Row> & {
     row: Row<Record<string, unknown>>;
     idColumn?: string;
 };