@atom-learning/components 3.27.0-beta.5 → 3.27.0

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

@@ -1040,6 +1040,8 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
     } & {
         numberOfStickyColumns?: number | undefined;
         scrollContainerCss?: import("../..").CSS | undefined;
+        controlColumnCount?: number | undefined;
+        maxRowDepth?: number | undefined;
     }, "children" | "numberOfStickyColumns"> & Partial<Pick<Omit<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "key" | keyof import("react").HTMLAttributes<HTMLTableSectionElement>> & {
         ref?: ((instance: HTMLTableSectionElement | null) => void) | import("react").RefObject<HTMLTableSectionElement> | null | undefined;
     }, "css" | "theme" | "isSticky"> & import("@stitches/react/types/styled-component").TransformProps<{
@@ -1808,12 +1810,9 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
      *
      * If you need more customisation options, you can compose your own implementation with our UI-only input components and `useDataTable`.
      */
-    GlobalFilter: ({ onChange, label, hideLabel, ...props }: Omit<Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & {
+    GlobalFilter: ({ onChange, label, hideLabel, ...props }: Pick<Omit<Pick<Omit<Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & {
         ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
-    }, "size" | "css" | "state"> & import("@stitches/react/types/styled-component").TransformProps<{
-        size?: "sm" | "md" | "lg" | "xl" | undefined;
-        state?: "error" | undefined;
-    }, {
+    }, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
         sm: string;
         md: string;
         lg: string;
@@ -2181,11 +2180,47 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
                 marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
             };
         }> | undefined;
-    }, "name" | "as" | "type"> & {
-        name: string;
-        as?: undefined;
+    }, "size" | "as" | "type"> & {
+        size: "sm" | "md" | "lg" | "xl" | "xs" | ({
+            "@sm"?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+            "@md"?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+            "@lg"?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+            "@xl"?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+            "@reducedMotion"?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+            "@allowMotion"?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+            "@hover"?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+            "@initial"?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        } & {
+            [x: string]: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        }) | undefined;
         type?: "number" | "text" | "search" | "tel" | "url" | "email" | "password" | undefined;
-    } & {
+        as?: undefined;
+    }, "color" | "height" | "translate" | "width" | "size" | "css" | "onBlur" | "onChange" | "onSubmit" | "form" | "slot" | "style" | "title" | "pattern" | "key" | "autoComplete" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "as" | "step" | "required" | "min" | "max" | "maxLength" | "minLength" | "disabled" | "type" | "crossOrigin" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "multiple" | "alt" | "src" | "accept" | "capture" | "checked" | "enterKeyHint" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>, "size" | "state"> & {
+        size?: "sm" | "md" | "lg" | "xl" | ({
+            "@sm"?: "sm" | "md" | "lg" | "xl" | undefined;
+            "@md"?: "sm" | "md" | "lg" | "xl" | undefined;
+            "@lg"?: "sm" | "md" | "lg" | "xl" | undefined;
+            "@xl"?: "sm" | "md" | "lg" | "xl" | undefined;
+            "@reducedMotion"?: "sm" | "md" | "lg" | "xl" | undefined;
+            "@allowMotion"?: "sm" | "md" | "lg" | "xl" | undefined;
+            "@hover"?: "sm" | "md" | "lg" | "xl" | undefined;
+            "@initial"?: "sm" | "md" | "lg" | "xl" | undefined;
+        } & {
+            [x: string]: "sm" | "md" | "lg" | "xl" | undefined;
+        }) | undefined;
+        state?: "error" | ({
+            "@sm"?: "error" | undefined;
+            "@md"?: "error" | undefined;
+            "@lg"?: "error" | undefined;
+            "@xl"?: "error" | undefined;
+            "@reducedMotion"?: "error" | undefined;
+            "@allowMotion"?: "error" | undefined;
+            "@hover"?: "error" | undefined;
+            "@initial"?: "error" | undefined;
+        } & {
+            [x: string]: "error" | undefined;
+        }) | undefined;
+    }, "color" | "height" | "translate" | "width" | "size" | "css" | "onBlur" | "onChange" | "onSubmit" | "form" | "slot" | "style" | "title" | "pattern" | "key" | "autoComplete" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "as" | "step" | "required" | "min" | "max" | "maxLength" | "minLength" | "disabled" | "type" | "crossOrigin" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "multiple" | "alt" | "src" | "accept" | "capture" | "checked" | "enterKeyHint" | "readOnly" | "state"> & import("react").RefAttributes<HTMLInputElement> & {
         size?: "sm" | "md" | "lg" | undefined;
         css?: import("../..").CSS | undefined;
         value?: string | undefined;

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

@@ -1,2 +1,2 @@
-import*as e from"react";import{Table as p}from"../table/Table.js";import{DataTable as r}from"./DataTable.js";import{AsyncDataState as b}from"./DataTable.types.js";import{useDataTable as u}from"./DataTableContext.js";import{DataTableLoading as y}from"./DataTableLoading.js";const f=({sortable:s,striped:o,theme:n,css:l,scrollOptions:t={numberOfStickyColumns:0,hasStickyHeader:!1},...m})=>{const{asyncDataState:i,getTotalRows:c}=u(),a=i===b.PENDING;return!a&&c()===0?null:e.createElement(e.Fragment,null,e.createElement(y,null),e.createElement(p,{...m,numberOfStickyColumns:t.numberOfStickyColumns,scrollContainerCss:t.scrollContainerCss,css:{...l,...a&&{opacity:.5,pointerEvents:"none",transition:"opacity 250ms linear 150ms"}}},e.createElement(r.Head,{theme:n,sortable:s,isSticky:t.hasStickyHeader,css:t.headerCss}),e.createElement(r.Body,{striped:o})))};export{f as DataTableTable};
+import*as e from"react";import{Table as h}from"../table/Table.js";import{DataTable as l}from"./DataTable.js";import{AsyncDataState as D}from"./DataTable.types.js";import{useDataTable as E}from"./DataTableContext.js";import{DataTableLoading as T}from"./DataTableLoading.js";const k=({sortable:m,striped:c,theme:i,css:p,scrollOptions:t={numberOfStickyColumns:0,hasStickyHeader:!1},...d})=>{const{asyncDataState:u,getTotalRows:b,getCanSomeRowsExpand:o,getGroupedRowModel:y,enableRowSelection:r}=E(),n=u===D.PENDING,C=!n&&b()===0,f=()=>y().flatRows.reduce((a,s)=>(s.depth>a&&(a=s.depth),a),0),S=()=>o()&&!!r?2:o()||!!r?1:0;return C?null:e.createElement(e.Fragment,null,e.createElement(T,null),e.createElement(h,{...d,numberOfStickyColumns:t.numberOfStickyColumns,scrollContainerCss:t.scrollContainerCss,controlColumnCount:S(),maxRowDepth:f(),css:{...p,...n&&{opacity:.5,pointerEvents:"none",transition:"opacity 250ms linear 150ms"}}},e.createElement(l.Head,{theme:i,sortable:m,isSticky:t.hasStickyHeader,css:t.headerCss}),e.createElement(l.Body,{striped:c})))};export{k as DataTableTable};
 //# sourceMappingURL=DataTableTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableTable.js","sources":["../../../src/components/data-table/DataTableTable.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { CSS } from '~/stitches'\n\nimport { Table } from '../table'\nimport { TableBody } from '../table/TableBody'\nimport { DataTable } from './DataTable'\nimport { AsyncDataState } from './DataTable.types'\nimport { useDataTable } from './DataTableContext'\nimport { DataTableHead } from './DataTableHead'\nimport { DataTableLoading } from './DataTableLoading'\n\nexport type DataTableTableProps = Omit<\n  React.ComponentProps<typeof Table>,\n  'children' | 'numberOfStickyColumns'\n> &\n  Partial<\n    Pick<React.ComponentProps<typeof DataTableHead>, 'theme' | 'sortable'>\n  > &\n  Partial<Pick<React.ComponentProps<typeof TableBody>, 'striped'>> & {\n    scrollOptions?: {\n      hasStickyHeader?: boolean\n      headerCss?: CSS\n      numberOfStickyColumns?: number\n      scrollContainerCss?: CSS\n    }\n  }\n\nexport const DataTableTable = ({\n  sortable,\n  striped,\n  theme,\n  css,\n  scrollOptions = {\n    numberOfStickyColumns: 0,\n    hasStickyHeader: false\n  },\n  ...props\n}: DataTableTableProps) => {\n  const { asyncDataState, getTotalRows } = useDataTable()\n  const isPending = asyncDataState === AsyncDataState.PENDING\n  const isEmpty = !isPending && getTotalRows() === 0\n\n  if (isEmpty) return null\n\n  return (\n    <>\n      <DataTableLoading />\n\n      <Table\n        {...props}\n        numberOfStickyColumns={scrollOptions.numberOfStickyColumns}\n        scrollContainerCss={scrollOptions.scrollContainerCss}\n        css={{\n          ...css,\n          ...(isPending && {\n            opacity: 0.5,\n            pointerEvents: 'none',\n            transition: 'opacity 250ms linear 150ms'\n          })\n        }}\n      >\n        <DataTable.Head\n          theme={theme}\n          sortable={sortable}\n          isSticky={scrollOptions.hasStickyHeader}\n          css={scrollOptions.headerCss}\n        />\n        <DataTable.Body striped={striped} />\n      </Table>\n    </>\n  )\n}\n"],"names":["DataTableTable","sortable","striped","theme","css","scrollOptions","props","asyncDataState","getTotalRows","useDataTable","isPending","AsyncDataState","React","DataTableLoading","Table","DataTable"],"mappings":"iRA4Ba,MAAAA,EAAiB,CAAC,CAC7B,SAAAC,EACA,QAAAC,EACA,MAAAC,EACA,IAAAC,EACA,cAAAC,EAAgB,CACd,sBAAuB,EACvB,gBAAiB,EACnB,KACGC,CACL,IAA2B,CACzB,KAAM,CAAE,eAAAC,EAAgB,aAAAC,CAAa,EAAIC,EAAa,EAChDC,EAAYH,IAAmBI,EAAe,QAGpD,MAFgB,CAACD,GAAaF,EAAa,IAAM,EAE7B,KAGlBI,EAAA,cAAAA,EAAA,SAAA,KACEA,EAAA,cAACC,EAAA,IAAiB,EAElBD,EAAA,cAACE,EAAA,CACE,GAAGR,EACJ,sBAAuBD,EAAc,sBACrC,mBAAoBA,EAAc,mBAClC,IAAK,CACH,GAAGD,EACH,GAAIM,GAAa,CACf,QAAS,GACT,cAAe,OACf,WAAY,4BACd,CACF,CAAA,EAEAE,EAAA,cAACG,EAAU,KAAV,CACC,MAAOZ,EACP,SAAUF,EACV,SAAUI,EAAc,gBACxB,IAAKA,EAAc,SACrB,CAAA,EACAO,EAAA,cAACG,EAAU,KAAV,CAAe,QAASb,CAAS,CAAA,CACpC,CACF,CAEJ"}
+{"version":3,"file":"DataTableTable.js","sources":["../../../src/components/data-table/DataTableTable.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { CSS } from '~/stitches'\n\nimport { Table } from '../table'\nimport { TableBody } from '../table/TableBody'\nimport { DataTable } from './DataTable'\nimport { AsyncDataState } from './DataTable.types'\nimport { useDataTable } from './DataTableContext'\nimport { DataTableHead } from './DataTableHead'\nimport { DataTableLoading } from './DataTableLoading'\n\nexport type DataTableTableProps = Omit<\n  React.ComponentProps<typeof Table>,\n  'children' | 'numberOfStickyColumns'\n> &\n  Partial<\n    Pick<React.ComponentProps<typeof DataTableHead>, 'theme' | 'sortable'>\n  > &\n  Partial<Pick<React.ComponentProps<typeof TableBody>, 'striped'>> & {\n    scrollOptions?: {\n      hasStickyHeader?: boolean\n      headerCss?: CSS\n      numberOfStickyColumns?: number\n      scrollContainerCss?: CSS\n    }\n  }\n\nexport const DataTableTable = ({\n  sortable,\n  striped,\n  theme,\n  css,\n  scrollOptions = {\n    numberOfStickyColumns: 0,\n    hasStickyHeader: false\n  },\n  ...props\n}: DataTableTableProps) => {\n  const {\n    asyncDataState,\n    getTotalRows,\n    getCanSomeRowsExpand,\n    getGroupedRowModel,\n    enableRowSelection\n  } = useDataTable()\n  const isPending = asyncDataState === AsyncDataState.PENDING\n  const isEmpty = !isPending && getTotalRows() === 0\n\n  const getMaxRowDepth = () => {\n    return getGroupedRowModel().flatRows.reduce((acc, curr) => {\n      if (curr.depth > acc) {\n        acc = curr.depth\n      }\n\n      return acc\n    }, 0)\n  }\n\n  const getControlColumnsCount = (): number => {\n    if (getCanSomeRowsExpand() && !!enableRowSelection) return 2\n\n    if (getCanSomeRowsExpand() || !!enableRowSelection) return 1\n\n    return 0\n  }\n\n  if (isEmpty) return null\n\n  return (\n    <>\n      <DataTableLoading />\n\n      <Table\n        {...props}\n        numberOfStickyColumns={scrollOptions.numberOfStickyColumns}\n        scrollContainerCss={scrollOptions.scrollContainerCss}\n        controlColumnCount={getControlColumnsCount()}\n        maxRowDepth={getMaxRowDepth()}\n        css={{\n          ...css,\n          ...(isPending && {\n            opacity: 0.5,\n            pointerEvents: 'none',\n            transition: 'opacity 250ms linear 150ms'\n          })\n        }}\n      >\n        <DataTable.Head\n          theme={theme}\n          sortable={sortable}\n          isSticky={scrollOptions.hasStickyHeader}\n          css={scrollOptions.headerCss}\n        />\n        <DataTable.Body striped={striped} />\n      </Table>\n    </>\n  )\n}\n"],"names":["DataTableTable","sortable","striped","theme","css","scrollOptions","props","asyncDataState","getTotalRows","getCanSomeRowsExpand","getGroupedRowModel","enableRowSelection","useDataTable","isPending","AsyncDataState","isEmpty","getMaxRowDepth","acc","curr","getControlColumnsCount","React","DataTableLoading","Table","DataTable"],"mappings":"uRA4BaA,EAAiB,CAAC,CAC7B,SAAAC,EACA,QAAAC,EACA,MAAAC,EACA,IAAAC,EACA,cAAAC,EAAgB,CACd,sBAAuB,EACvB,gBAAiB,EACnB,KACGC,CACL,IAA2B,CACzB,KAAM,CACJ,eAAAC,EACA,aAAAC,EACA,qBAAAC,EACA,mBAAAC,EACA,mBAAAC,CACF,EAAIC,EACEC,EAAAA,EAAYN,IAAmBO,EAAe,QAC9CC,EAAU,CAACF,GAAaL,MAAmB,EAE3CQ,EAAiB,IACdN,IAAqB,SAAS,OAAO,CAACO,EAAKC,KAC5CA,EAAK,MAAQD,IACfA,EAAMC,EAAK,OAGND,GACN,CAAC,EAGAE,EAAyB,IACzBV,EAAAA,GAA0B,CAAC,CAACE,EAA2B,EAEvDF,KAA0B,CAAC,CAACE,EAA2B,EAEpD,EAGT,OAAII,EAAgB,KAGlBK,EAAA,cAAAA,EAAA,SAAA,KACEA,EAAA,cAACC,EAAA,IAAiB,EAElBD,EAAA,cAACE,EAAA,CACE,GAAGhB,EACJ,sBAAuBD,EAAc,sBACrC,mBAAoBA,EAAc,mBAClC,mBAAoBc,EAAuB,EAC3C,YAAaH,IACb,IAAK,CACH,GAAGZ,EACH,GAAIS,GAAa,CACf,QAAS,GACT,cAAe,OACf,WAAY,4BACd,CACF,CAEAO,EAAAA,EAAA,cAACG,EAAU,KAAV,CACC,MAAOpB,EACP,SAAUF,EACV,SAAUI,EAAc,gBACxB,IAAKA,EAAc,SAAA,CACrB,EACAe,EAAA,cAACG,EAAU,KAAV,CAAe,QAASrB,CAAS,CAAA,CACpC,CACF,CAEJ"}

package/dist/components/dropdown-menu/DropdownMenu.d.ts

@@ -1100,7 +1100,7 @@ export declare const DropdownMenu: import("@stitches/react/types/styled-componen
             marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
         };
     }>>;
-    LinkItem: ({ children, href, target, ...props }: Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
+    LinkItem: ({ children, href, ...props }: Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
         sm: string;
         md: string;
         lg: string;
@@ -1470,7 +1470,6 @@ export declare const DropdownMenu: import("@stitches/react/types/styled-componen
         }> | undefined;
     } & {
         href: string;
-        target?: string | undefined;
     }) => JSX.Element;
     Portal: React.FC<import("@radix-ui/react-dropdown-menu").DropdownMenuPortalProps>;
     Separator: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>, {}, {

package/dist/components/dropdown-menu/DropdownMenuLinkItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DropdownMenuItem } from './DropdownMenuItem';
-export declare const DropdownMenuLinkItem: ({ children, href, target, ...props }: Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
+export declare const DropdownMenuLinkItem: ({ children, href, ...props }: Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
     sm: string;
     md: string;
     lg: string;
@@ -370,5 +370,4 @@ export declare const DropdownMenuLinkItem: ({ children, href, target, ...props }
     }> | undefined;
 } & {
     href: string;
-    target?: string | undefined;
 }) => JSX.Element;

package/dist/components/dropdown-menu/DropdownMenuLinkItem.js

@@ -1,2 +1,2 @@
-import t from"react";import{useRouter as a}from"../../context/router/index.js";import{styled as i}from"../../stitches.js";import{getExternalAnchorProps as f}from"../../utilities/uri/index.js";import{DropdownMenuItem as p}from"./DropdownMenuItem.js";const c=i("a",{textDecoration:"none"}),l=({children:o,href:e,target:r,...n})=>{const{RouterLink:m}=a({href:e,target:r});return t.createElement(p,{...n,asChild:!0},t.createElement(c,{as:m,href:e,role:"menuitem",target:r,...f(e)},o))};export{l as DropdownMenuLinkItem};
+import r from"react";import{styled as n}from"../../stitches.js";import{getExternalAnchorProps as m}from"../../utilities/uri/index.js";import{DropdownMenuItem as i}from"./DropdownMenuItem.js";const l=n("a",{textDecoration:"none"}),p=({children:t,href:e,...o})=>r.createElement(i,{...o,asChild:!0},r.createElement(l,{href:e,role:"menuitem",...m(e)},t));export{p as DropdownMenuLinkItem};
 //# sourceMappingURL=DropdownMenuLinkItem.js.map

package/dist/components/dropdown-menu/DropdownMenuLinkItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuLinkItem.js","sources":["../../../src/components/dropdown-menu/DropdownMenuLinkItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { useRouter } from '~/context/router'\nimport { styled } from '~/stitches'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { DropdownMenuItem } from './DropdownMenuItem'\n\nconst StyledLink = styled('a', {\n  textDecoration: 'none'\n})\n\nexport const DropdownMenuLinkItem = ({\n  children,\n  href,\n  target,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuItem> & {\n  href: string\n  target?: string\n}) => {\n  const { RouterLink } = useRouter({ href, target })\n\n  return (\n    <DropdownMenuItem {...props} asChild>\n      <StyledLink\n        as={RouterLink}\n        href={href}\n        role=\"menuitem\"\n        target={target}\n        {...getExternalAnchorProps(href)}\n      >\n        {children}\n      </StyledLink>\n    </DropdownMenuItem>\n  )\n}\n"],"names":["StyledLink","styled","DropdownMenuLinkItem","children","href","target","props","RouterLink","useRouter","React","DropdownMenuItem","getExternalAnchorProps"],"mappings":"yPAQA,MAAMA,EAAaC,EAAO,IAAK,CAC7B,eAAgB,MAClB,CAAC,EAEYC,EAAuB,CAAC,CACnC,SAAAC,EACA,KAAAC,EACA,OAAAC,KACGC,CACL,IAGM,CACJ,KAAM,CAAE,WAAAC,CAAW,EAAIC,EAAU,CAAE,KAAAJ,EAAM,OAAAC,CAAO,CAAC,EAEjD,OACEI,EAAA,cAACC,EAAA,CAAkB,GAAGJ,EAAO,QAAO,EAClCG,EAAAA,EAAA,cAACT,EAAA,CACC,GAAIO,EACJ,KAAMH,EACN,KAAK,WACL,OAAQC,EACP,GAAGM,EAAuBP,CAAI,CAE9BD,EAAAA,CACH,CACF,CAEJ"}
+{"version":3,"file":"DropdownMenuLinkItem.js","sources":["../../../src/components/dropdown-menu/DropdownMenuLinkItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/stitches'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { DropdownMenuItem } from './DropdownMenuItem'\n\nconst StyledLink = styled('a', {\n  textDecoration: 'none'\n})\n\nexport const DropdownMenuLinkItem = ({\n  children,\n  href,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuItem> & { href: string }) => (\n  <DropdownMenuItem {...props} asChild>\n    <StyledLink href={href} role=\"menuitem\" {...getExternalAnchorProps(href)}>\n      {children}\n    </StyledLink>\n  </DropdownMenuItem>\n)\n"],"names":["StyledLink","styled","DropdownMenuLinkItem","children","href","props","React","DropdownMenuItem","getExternalAnchorProps"],"mappings":"+LAOA,MAAMA,EAAaC,EAAO,IAAK,CAC7B,eAAgB,MAClB,CAAC,EAEYC,EAAuB,CAAC,CACnC,SAAAC,EACA,KAAAC,KACGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAkB,GAAGF,EAAO,QAAO,EAAA,EAClCC,EAAA,cAACN,EAAA,CAAW,KAAMI,EAAM,KAAK,WAAY,GAAGI,EAAuBJ,CAAI,CACpED,EAAAA,CACH,CACF"}

package/dist/components/empty-state/EmptyState.context.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { EmptyStateProps } from './EmptyState';
+declare type EmptyStateProviderProps = {
+    size?: EmptyStateProps['size'];
+};
+export declare const EmptyStateContext: React.Context<EmptyStateProviderProps>;
+export declare const EmptyStateProvider: ({ size, children }: React.PropsWithChildren<EmptyStateProviderProps>) => JSX.Element;
+export {};

package/dist/components/empty-state/EmptyState.context.js

@@ -0,0 +1,2 @@
+import*as e from"react";const r=e.createContext({}),a=({size:t,children:o})=>{const n=e.useMemo(()=>({size:t}),[t]);return e.createElement(r.Provider,{value:n},o)};export{r as EmptyStateContext,a as EmptyStateProvider};
+//# sourceMappingURL=EmptyState.context.js.map

package/dist/components/empty-state/EmptyState.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.context.js","sources":["../../../src/components/empty-state/EmptyState.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { EmptyStateProps } from './EmptyState'\n\ntype EmptyStateProviderProps = {\n  size?: EmptyStateProps['size']\n}\n\ntype EmptyStateContextValue = EmptyStateProviderProps\n\nexport const EmptyStateContext = React.createContext<EmptyStateContextValue>({})\n\nexport const EmptyStateProvider = ({\n  size,\n  children\n}: React.PropsWithChildren<EmptyStateProviderProps>) => {\n  const value = React.useMemo<EmptyStateContextValue>(() => ({ size }), [size])\n  return (\n    <EmptyStateContext.Provider value={value}>\n      {children}\n    </EmptyStateContext.Provider>\n  )\n}\n"],"names":["EmptyStateContext","React","EmptyStateProvider","size","children","value"],"mappings":"wBAUO,MAAMA,EAAoBC,EAAM,cAAsC,CAAA,CAAE,EAElEC,EAAqB,CAAC,CACjC,KAAAC,EACA,SAAAC,CACF,IAAwD,CACtD,MAAMC,EAAQJ,EAAM,QAAgC,KAAO,CAAE,KAAAE,CAAK,GAAI,CAACA,CAAI,CAAC,EAC5E,OACEF,EAAA,cAACD,EAAkB,SAAlB,CAA2B,MAAOK,CAAAA,EAChCD,CACH,CAEJ"}