@atom-learning/components 6.5.4 → 6.5.5

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

@@ -1,11 +1,11 @@
-import { styled as e } from "../../styled.js";
-import { Button as t } from "../button/Button.js";
-import { useDataTable as n } from "./DataTableContext.js";
-import { Divider as r } from "../divider/Divider.js";
-import { DataTableMetaData as i } from "./DataTableMetaData.js";
-import * as a from "react";
+import { styled } from "../../styled.js";
+import { Button } from "../button/Button.js";
+import { useDataTable } from "./DataTableContext.js";
+import { Divider } from "../divider/Divider.js";
+import { DataTableMetaData } from "./DataTableMetaData.js";
+import * as React$1 from "react";
 //#region src/components/data-table/DataTableBulkActions.tsx
-var o = e("div", {
+var StyledContainer = styled("div", {
 	base: [
 		"flex",
 		"p-2",
@@ -17,29 +17,36 @@ var o = e("div", {
 		"rounded-t-sm"
 	],
 	variants: { isRowSelected: { true: ["bg-primary-100"] } }
-}), s = Object.assign(({ children: e, ...t }) => {
-	let { rowSelection: r } = n(), s = Object.keys(r || {}).length > 0;
-	return /* @__PURE__ */ a.createElement(o, {
-		isRowSelected: s,
-		...t
-	}, /* @__PURE__ */ a.createElement(i, null), /* @__PURE__ */ a.createElement("div", { className: "flex items-center justify-end" }, e));
+});
+var BulkActionsDefaultActions = ({ children }) => {
+	const { rowSelection } = useDataTable();
+	if (Object.keys(rowSelection || {}).length > 0) return null;
+	return children;
+};
+var BulkActionsSelectedRowActions = ({ cancelLabel = "Cancel", children }) => {
+	const { toggleAllPageRowsSelected, rowSelection } = useDataTable();
+	const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false);
+	if (Object.keys(rowSelection || {}).length === 0) return null;
+	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, children, React$1.Children.count(children) > 0 && /* @__PURE__ */ React$1.createElement(Divider, {
+		orientation: "vertical",
+		className: "mx-4"
+	}), /* @__PURE__ */ React$1.createElement(Button, {
+		theme: "neutral",
+		onClick: handleDeselectAllPageRows
+	}, cancelLabel));
+};
+var DataTableBulkActions = Object.assign(({ children, ...rest }) => {
+	const { rowSelection } = useDataTable();
+	const isRowSelected = Object.keys(rowSelection || {}).length > 0;
+	return /* @__PURE__ */ React$1.createElement(StyledContainer, {
+		isRowSelected,
+		...rest
+	}, /* @__PURE__ */ React$1.createElement(DataTableMetaData, null), /* @__PURE__ */ React$1.createElement("div", { className: "flex items-center justify-end" }, children));
 }, {
-	DefaultActions: ({ children: e }) => {
-		let { rowSelection: t } = n();
-		return Object.keys(t || {}).length > 0 ? null : e;
-	},
-	SelectedRowActions: ({ cancelLabel: e = "Cancel", children: i }) => {
-		let { toggleAllPageRowsSelected: o, rowSelection: s } = n();
-		return Object.keys(s || {}).length === 0 ? null : /* @__PURE__ */ a.createElement(a.Fragment, null, i, a.Children.count(i) > 0 && /* @__PURE__ */ a.createElement(r, {
-			orientation: "vertical",
-			className: "mx-4"
-		}), /* @__PURE__ */ a.createElement(t, {
-			theme: "neutral",
-			onClick: () => o(!1)
-		}, e));
-	}
+	DefaultActions: BulkActionsDefaultActions,
+	SelectedRowActions: BulkActionsSelectedRowActions
 });
 //#endregion
-export { s as DataTableBulkActions };
+export { DataTableBulkActions };
 
 //# sourceMappingURL=DataTableBulkActions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableBulkActions.js","names":[],"sources":["../../../src/components/data-table/DataTableBulkActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '~/components/button/Button'\nimport { Divider } from '~/components/divider/Divider'\nimport { styled } from '~/styled'\n\nimport { useDataTable } from './DataTableContext'\nimport { DataTableMetaData } from './DataTableMetaData'\n\nconst StyledContainer = styled('div', {\n  base: [\n    'flex',\n    'p-2',\n    'w-full',\n    'mb-2',\n    'justify-between',\n    'items-center',\n    'min-h-16',\n    'rounded-t-sm'\n  ],\n  variants: {\n    isRowSelected: {\n      true: ['bg-primary-100']\n    }\n  }\n})\n\nconst BulkActionsDefaultActions = ({\n  children\n}: {\n  children: React.ReactElement\n}): React.ReactElement | null => {\n  const { rowSelection } = useDataTable()\n\n  if (Object.keys(rowSelection || {}).length > 0) return null\n\n  return children\n}\n\nconst BulkActionsSelectedRowActions = ({\n  cancelLabel = 'Cancel',\n  children\n}: {\n  cancelLabel?: string\n  children: React.ReactNode\n}) => {\n  const { toggleAllPageRowsSelected, rowSelection } = useDataTable()\n\n  const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false)\n\n  if (Object.keys(rowSelection || {}).length === 0) return null\n\n  return (\n    <>\n      {children}\n      {React.Children.count(children) > 0 && (\n        <Divider orientation=\"vertical\" className=\"mx-4\" />\n      )}\n      <Button theme=\"neutral\" onClick={handleDeselectAllPageRows}>\n        {cancelLabel}\n      </Button>\n    </>\n  )\n}\n\nexport const DataTableBulkActions = Object.assign(\n  ({\n    children,\n    ...rest\n  }: {\n    children:\n      | React.ReactElement<\n          React.ComponentProps<typeof BulkActionsDefaultActions>\n        >\n      | React.ReactElement<\n          React.ComponentProps<typeof BulkActionsSelectedRowActions>\n        >\n      | [\n          React.ReactElement<\n            React.ComponentProps<typeof BulkActionsDefaultActions>\n          >,\n          React.ReactElement<\n            React.ComponentProps<typeof BulkActionsSelectedRowActions>\n          >\n        ]\n  }) => {\n    const { rowSelection } = useDataTable()\n\n    const isRowSelected = Object.keys(rowSelection || {}).length > 0\n\n    return (\n      <StyledContainer isRowSelected={isRowSelected} {...rest}>\n        <DataTableMetaData />\n        <div className=\"flex items-center justify-end\">{children}</div>\n      </StyledContainer>\n    )\n  },\n  {\n    DefaultActions: BulkActionsDefaultActions,\n    SelectedRowActions: BulkActionsSelectedRowActions\n  }\n)\n"],"mappings":";;;;;;;AASA,IAAM,IAAkB,EAAO,OAAO;CACpC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,eAAe,EACb,MAAM,CAAC,iBAAiB,EACzB,EACF;CACF,CAAC,EAwCW,IAAuB,OAAO,QACxC,EACC,aACA,GAAG,QAiBC;CACJ,IAAM,EAAE,oBAAiB,GAAc,EAEjC,IAAgB,OAAO,KAAK,KAAgB,EAAE,CAAC,CAAC,SAAS;AAE/D,QACE,kBAAA,cAAC,GAAD;EAAgC;EAAe,GAAI;EAGjC,EAFhB,kBAAA,cAAC,GAAA,KAAoB,EACrB,kBAAA,cAAC,OAAD,EAAK,WAAU,iCAAgD,EAAf,EAAe,CAC/C;GAGtB;CACE,iBAvE+B,EACjC,kBAG+B;EAC/B,IAAM,EAAE,oBAAiB,GAAc;AAIvC,SAFI,OAAO,KAAK,KAAgB,EAAE,CAAC,CAAC,SAAS,IAAU,OAEhD;;CA+DL,qBA5DmC,EACrC,iBAAc,UACd,kBAII;EACJ,IAAM,EAAE,8BAA2B,oBAAiB,GAAc;AAMlE,SAFI,OAAO,KAAK,KAAgB,EAAE,CAAC,CAAC,WAAW,IAAU,OAGvD,kBAAA,cAAA,EAAA,UAAA,MACG,GACA,EAAM,SAAS,MAAM,EAAS,GAAG,KAChC,kBAAA,cAAC,GAAD;GAAS,aAAY;GAAW,WAAU;GAAS,CAAA,EAErD,kBAAA,cAAC,GAAD;GAAQ,OAAM;GAAU,eAVY,EAA0B,GAAM;GAY3D,EADN,EACM,CACR;;CAuCJ,CACF"}
+{"version":3,"file":"DataTableBulkActions.js","names":[],"sources":["../../../src/components/data-table/DataTableBulkActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '~/components/button/Button'\nimport { Divider } from '~/components/divider/Divider'\nimport { styled } from '~/styled'\n\nimport { useDataTable } from './DataTableContext'\nimport { DataTableMetaData } from './DataTableMetaData'\n\nconst StyledContainer = styled('div', {\n  base: [\n    'flex',\n    'p-2',\n    'w-full',\n    'mb-2',\n    'justify-between',\n    'items-center',\n    'min-h-16',\n    'rounded-t-sm'\n  ],\n  variants: {\n    isRowSelected: {\n      true: ['bg-primary-100']\n    }\n  }\n})\n\nconst BulkActionsDefaultActions = ({\n  children\n}: {\n  children: React.ReactElement\n}): React.ReactElement | null => {\n  const { rowSelection } = useDataTable()\n\n  if (Object.keys(rowSelection || {}).length > 0) return null\n\n  return children\n}\n\nconst BulkActionsSelectedRowActions = ({\n  cancelLabel = 'Cancel',\n  children\n}: {\n  cancelLabel?: string\n  children: React.ReactNode\n}) => {\n  const { toggleAllPageRowsSelected, rowSelection } = useDataTable()\n\n  const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false)\n\n  if (Object.keys(rowSelection || {}).length === 0) return null\n\n  return (\n    <>\n      {children}\n      {React.Children.count(children) > 0 && (\n        <Divider orientation=\"vertical\" className=\"mx-4\" />\n      )}\n      <Button theme=\"neutral\" onClick={handleDeselectAllPageRows}>\n        {cancelLabel}\n      </Button>\n    </>\n  )\n}\n\nexport const DataTableBulkActions = Object.assign(\n  ({\n    children,\n    ...rest\n  }: {\n    children:\n      | React.ReactElement<\n          React.ComponentProps<typeof BulkActionsDefaultActions>\n        >\n      | React.ReactElement<\n          React.ComponentProps<typeof BulkActionsSelectedRowActions>\n        >\n      | [\n          React.ReactElement<\n            React.ComponentProps<typeof BulkActionsDefaultActions>\n          >,\n          React.ReactElement<\n            React.ComponentProps<typeof BulkActionsSelectedRowActions>\n          >\n        ]\n  }) => {\n    const { rowSelection } = useDataTable()\n\n    const isRowSelected = Object.keys(rowSelection || {}).length > 0\n\n    return (\n      <StyledContainer isRowSelected={isRowSelected} {...rest}>\n        <DataTableMetaData />\n        <div className=\"flex items-center justify-end\">{children}</div>\n      </StyledContainer>\n    )\n  },\n  {\n    DefaultActions: BulkActionsDefaultActions,\n    SelectedRowActions: BulkActionsSelectedRowActions\n  }\n)\n"],"mappings":";;;;;;;AASA,IAAM,kBAAkB,OAAO,OAAO;CACpC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,eAAe,EACb,MAAM,CAAC,iBAAiB,EACzB,EACF;CACF,CAAC;AAEF,IAAM,6BAA6B,EACjC,eAG+B;CAC/B,MAAM,EAAE,iBAAiB,cAAc;AAEvC,KAAI,OAAO,KAAK,gBAAgB,EAAE,CAAC,CAAC,SAAS,EAAG,QAAO;AAEvD,QAAO;;AAGT,IAAM,iCAAiC,EACrC,cAAc,UACd,eAII;CACJ,MAAM,EAAE,2BAA2B,iBAAiB,cAAc;CAElE,MAAM,kCAAkC,0BAA0B,MAAM;AAExE,KAAI,OAAO,KAAK,gBAAgB,EAAE,CAAC,CAAC,WAAW,EAAG,QAAO;AAEzD,QACE,wBAAA,cAAA,QAAA,UAAA,MACG,UACA,QAAM,SAAS,MAAM,SAAS,GAAG,KAChC,wBAAA,cAAC,SAAD;EAAS,aAAY;EAAW,WAAU;EAAS,CAAA,EAErD,wBAAA,cAAC,QAAD;EAAQ,OAAM;EAAU,SAAS;EAExB,EADN,YACM,CACR;;AAIP,IAAa,uBAAuB,OAAO,QACxC,EACC,UACA,GAAG,WAiBC;CACJ,MAAM,EAAE,iBAAiB,cAAc;CAEvC,MAAM,gBAAgB,OAAO,KAAK,gBAAgB,EAAE,CAAC,CAAC,SAAS;AAE/D,QACE,wBAAA,cAAC,iBAAD;EAAgC;EAAe,GAAI;EAGjC,EAFhB,wBAAA,cAAC,mBAAA,KAAoB,EACrB,wBAAA,cAAC,OAAD,EAAK,WAAU,iCAAgD,EAAf,SAAe,CAC/C;GAGtB;CACE,gBAAgB;CAChB,oBAAoB;CACrB,CACF"}

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

@@ -1,36 +1,70 @@
-import { styled as e } from "../../styled.js";
-import { Icon as t } from "../icon/Icon.js";
-import { ActionIcon as n } from "../action-icon/ActionIcon.js";
-import { Text as r } from "../text/Text.js";
-import { Badge as i } from "../badge/Badge.js";
-import { useDataTable as a } from "./DataTableContext.js";
-import { BulkActionsSelectedRowActions as o } from "./DataTableBulkActionsSelectedRowActions.js";
-import * as s from "react";
-import { Close as c } from "@atom-learning/icons";
+import { styled } from "../../styled.js";
+import { Icon } from "../icon/Icon.js";
+import { ActionIcon } from "../action-icon/ActionIcon.js";
+import { Text } from "../text/Text.js";
+import { Badge } from "../badge/Badge.js";
+import { useDataTable } from "./DataTableContext.js";
+import { BulkActionsSelectedRowActions } from "./DataTableBulkActionsSelectedRowActions.js";
+import * as React$1 from "react";
+import { Close } from "@atom-learning/icons";
 //#region src/components/data-table/DataTableBulkActionsFloating.tsx
-var l = e("div", { base: /* @__PURE__ */ "flex.pl-3.pr-1.py-2.mb-4.mt-2.justify-between.items-center.rounded-lg.bg-primary-800.pointer-events-auto.z-2.w-full.mx-4.shadow-lg.sm:max-w-200.lg:max-w-250.lg:mb-8.lg:pl-4.lg:pr-1.lg:py-3.xl:max-w-350.xl:mb-8.xl:pl-6.xl:pr-2.xl:py-4".split(".") }), u = Object.assign(({ children: e, ...o }) => {
-	let { rowSelection: u, toggleAllPageRowsSelected: d } = a(), f = s.useRef(null), p = s.useMemo(() => Object.keys(u || {}).length, [u]);
-	return p === 0 ? null : /* @__PURE__ */ s.createElement("section", {
-		ref: f,
+var StyledContainer = styled("div", { base: [
+	"flex",
+	"pl-3",
+	"pr-1",
+	"py-2",
+	"mb-4",
+	"mt-2",
+	"justify-between",
+	"items-center",
+	"rounded-lg",
+	"bg-primary-800",
+	"pointer-events-auto",
+	"z-2",
+	"w-full",
+	"mx-4",
+	"shadow-lg",
+	"sm:max-w-200",
+	"lg:max-w-250",
+	"lg:mb-8",
+	"lg:pl-4",
+	"lg:pr-1",
+	"lg:py-3",
+	"xl:max-w-350",
+	"xl:mb-8",
+	"xl:pl-6",
+	"xl:pr-2",
+	"xl:py-4"
+] });
+var DataTableBulkActionsFloating = Object.assign(({ children, ...rest }) => {
+	const { rowSelection, toggleAllPageRowsSelected } = useDataTable();
+	const actionBarRef = React$1.useRef(null);
+	const numberOfSelectedRows = React$1.useMemo(() => {
+		return Object.keys(rowSelection || {}).length;
+	}, [rowSelection]);
+	const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false);
+	if (numberOfSelectedRows === 0) return null;
+	return /* @__PURE__ */ React$1.createElement("section", {
+		ref: actionBarRef,
 		className: "pointer-events-none sticky bottom-0 left-0 flex justify-center"
-	}, /* @__PURE__ */ s.createElement(l, o, /* @__PURE__ */ s.createElement("div", { className: "flex flex-auto items-center justify-start gap-2" }, /* @__PURE__ */ s.createElement(i, {
+	}, /* @__PURE__ */ React$1.createElement(StyledContainer, rest, /* @__PURE__ */ React$1.createElement("div", { className: "flex flex-auto items-center justify-start gap-2" }, /* @__PURE__ */ React$1.createElement(Badge, {
 		theme: "success",
 		size: "xs",
 		emphasis: "subtle",
 		className: "h-6 min-w-6"
-	}, p), /* @__PURE__ */ s.createElement(r, {
+	}, numberOfSelectedRows), /* @__PURE__ */ React$1.createElement(Text, {
 		size: "sm",
 		weight: "bold",
 		className: "text-white"
-	}, "selected")), /* @__PURE__ */ s.createElement("div", { className: "flex flex-auto items-center justify-end gap-3" }, e, /* @__PURE__ */ s.createElement(n, {
+	}, "selected")), /* @__PURE__ */ React$1.createElement("div", { className: "flex flex-auto items-center justify-end gap-3" }, children, /* @__PURE__ */ React$1.createElement(ActionIcon, {
 		appearance: "simple",
 		theme: "white",
 		size: "md",
-		onClick: () => d(!1),
+		onClick: handleDeselectAllPageRows,
 		label: "close"
-	}, /* @__PURE__ */ s.createElement(t, { is: c })))));
-}, { SelectedRowActions: o });
+	}, /* @__PURE__ */ React$1.createElement(Icon, { is: Close })))));
+}, { SelectedRowActions: BulkActionsSelectedRowActions });
 //#endregion
-export { u as DataTableBulkActionsFloating };
+export { DataTableBulkActionsFloating };
 
 //# sourceMappingURL=DataTableBulkActionsFloating.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableBulkActionsFloating.js","names":[],"sources":["../../../src/components/data-table/DataTableBulkActionsFloating.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Badge } from '../badge/Badge'\nimport { Icon } from '../icon/Icon'\nimport { Text } from '../text/Text'\nimport { BulkActionsSelectedRowActions } from './DataTableBulkActionsSelectedRowActions'\nimport { useDataTable } from './DataTableContext'\n\nconst StyledContainer = styled('div', {\n  base: [\n    'flex',\n    'pl-3',\n    'pr-1',\n    'py-2',\n    'mb-4',\n    'mt-2',\n    'justify-between',\n    'items-center',\n    'rounded-lg',\n    'bg-primary-800',\n    'pointer-events-auto',\n    'z-2',\n    'w-full',\n    'mx-4',\n    'shadow-lg',\n    'sm:max-w-200',\n    'lg:max-w-250',\n    'lg:mb-8',\n    'lg:pl-4',\n    'lg:pr-1',\n    'lg:py-3',\n    'xl:max-w-350',\n    'xl:mb-8',\n    'xl:pl-6',\n    'xl:pr-2',\n    'xl:py-4'\n  ]\n})\n\nexport const DataTableBulkActionsFloating = Object.assign(\n  ({\n    children,\n    ...rest\n  }: React.PropsWithChildren<React.ComponentProps<typeof StyledContainer>>) => {\n    const { rowSelection, toggleAllPageRowsSelected } = useDataTable()\n\n    const actionBarRef = React.useRef<HTMLDivElement>(null)\n\n    const numberOfSelectedRows = React.useMemo(() => {\n      return Object.keys(rowSelection || {}).length\n    }, [rowSelection])\n\n    const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false)\n\n    if (numberOfSelectedRows === 0) return null\n\n    return (\n      <section\n        ref={actionBarRef}\n        className=\"pointer-events-none sticky bottom-0 left-0 flex justify-center\"\n      >\n        <StyledContainer {...rest}>\n          <div className=\"flex flex-auto items-center justify-start gap-2\">\n            <Badge\n              theme=\"success\"\n              size=\"xs\"\n              emphasis=\"subtle\"\n              className=\"h-6 min-w-6\"\n            >\n              {numberOfSelectedRows}\n            </Badge>\n            <Text size=\"sm\" weight=\"bold\" className=\"text-white\">\n              selected\n            </Text>\n          </div>\n          <div className=\"flex flex-auto items-center justify-end gap-3\">\n            {children}\n            <ActionIcon\n              appearance=\"simple\"\n              theme=\"white\"\n              size=\"md\"\n              onClick={handleDeselectAllPageRows}\n              label=\"close\"\n            >\n              <Icon is={Close} />\n            </ActionIcon>\n          </div>\n        </StyledContainer>\n      </section>\n    )\n  },\n  {\n    SelectedRowActions: BulkActionsSelectedRowActions\n  }\n)\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAAkB,EAAO,OAAO,EACpC,MAAM,sQA2BL,EACF,CAAC,EAEW,IAA+B,OAAO,QAChD,EACC,aACA,GAAG,QACwE;CAC3E,IAAM,EAAE,iBAAc,iCAA8B,GAAc,EAE5D,IAAe,EAAM,OAAuB,KAAK,EAEjD,IAAuB,EAAM,cAC1B,OAAO,KAAK,KAAgB,EAAE,CAAC,CAAC,QACtC,CAAC,EAAa,CAAC;AAMlB,QAFI,MAAyB,IAAU,OAGrC,kBAAA,cAAC,WAAD;EACE,KAAK;EACL,WAAU;EA6BF,EA3BR,kBAAA,cAAC,GAAoB,GACnB,kBAAA,cAAC,OAAD,EAAK,WAAU,mDAYT,EAXJ,kBAAA,cAAC,GAAD;EACE,OAAM;EACN,MAAK;EACL,UAAS;EACT,WAAU;EAGJ,EADL,EACK,EACR,kBAAA,cAAC,GAAD;EAAM,MAAK;EAAK,QAAO;EAAO,WAAU;EAEjC,EAF8C,WAE9C,CACH,EACN,kBAAA,cAAC,OAAD,EAAK,WAAU,iDAWT,EAVH,GACD,kBAAA,cAAC,GAAD;EACE,YAAW;EACX,OAAM;EACN,MAAK;EACL,eA7B8B,EAA0B,GAAM;EA8B9D,OAAM;EAGK,EADX,kBAAA,cAAC,GAAD,EAAM,IAAI,GAAS,CAAA,CACR,CACT,CACU,CACV;GAGd,EACE,oBAAoB,GACrB,CACF"}
+{"version":3,"file":"DataTableBulkActionsFloating.js","names":[],"sources":["../../../src/components/data-table/DataTableBulkActionsFloating.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Badge } from '../badge/Badge'\nimport { Icon } from '../icon/Icon'\nimport { Text } from '../text/Text'\nimport { BulkActionsSelectedRowActions } from './DataTableBulkActionsSelectedRowActions'\nimport { useDataTable } from './DataTableContext'\n\nconst StyledContainer = styled('div', {\n  base: [\n    'flex',\n    'pl-3',\n    'pr-1',\n    'py-2',\n    'mb-4',\n    'mt-2',\n    'justify-between',\n    'items-center',\n    'rounded-lg',\n    'bg-primary-800',\n    'pointer-events-auto',\n    'z-2',\n    'w-full',\n    'mx-4',\n    'shadow-lg',\n    'sm:max-w-200',\n    'lg:max-w-250',\n    'lg:mb-8',\n    'lg:pl-4',\n    'lg:pr-1',\n    'lg:py-3',\n    'xl:max-w-350',\n    'xl:mb-8',\n    'xl:pl-6',\n    'xl:pr-2',\n    'xl:py-4'\n  ]\n})\n\nexport const DataTableBulkActionsFloating = Object.assign(\n  ({\n    children,\n    ...rest\n  }: React.PropsWithChildren<React.ComponentProps<typeof StyledContainer>>) => {\n    const { rowSelection, toggleAllPageRowsSelected } = useDataTable()\n\n    const actionBarRef = React.useRef<HTMLDivElement>(null)\n\n    const numberOfSelectedRows = React.useMemo(() => {\n      return Object.keys(rowSelection || {}).length\n    }, [rowSelection])\n\n    const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false)\n\n    if (numberOfSelectedRows === 0) return null\n\n    return (\n      <section\n        ref={actionBarRef}\n        className=\"pointer-events-none sticky bottom-0 left-0 flex justify-center\"\n      >\n        <StyledContainer {...rest}>\n          <div className=\"flex flex-auto items-center justify-start gap-2\">\n            <Badge\n              theme=\"success\"\n              size=\"xs\"\n              emphasis=\"subtle\"\n              className=\"h-6 min-w-6\"\n            >\n              {numberOfSelectedRows}\n            </Badge>\n            <Text size=\"sm\" weight=\"bold\" className=\"text-white\">\n              selected\n            </Text>\n          </div>\n          <div className=\"flex flex-auto items-center justify-end gap-3\">\n            {children}\n            <ActionIcon\n              appearance=\"simple\"\n              theme=\"white\"\n              size=\"md\"\n              onClick={handleDeselectAllPageRows}\n              label=\"close\"\n            >\n              <Icon is={Close} />\n            </ActionIcon>\n          </div>\n        </StyledContainer>\n      </section>\n    )\n  },\n  {\n    SelectedRowActions: BulkActionsSelectedRowActions\n  }\n)\n"],"mappings":";;;;;;;;;;AAYA,IAAM,kBAAkB,OAAO,OAAO,EACpC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,IAAa,+BAA+B,OAAO,QAChD,EACC,UACA,GAAG,WACwE;CAC3E,MAAM,EAAE,cAAc,8BAA8B,cAAc;CAElE,MAAM,eAAe,QAAM,OAAuB,KAAK;CAEvD,MAAM,uBAAuB,QAAM,cAAc;AAC/C,SAAO,OAAO,KAAK,gBAAgB,EAAE,CAAC,CAAC;IACtC,CAAC,aAAa,CAAC;CAElB,MAAM,kCAAkC,0BAA0B,MAAM;AAExE,KAAI,yBAAyB,EAAG,QAAO;AAEvC,QACE,wBAAA,cAAC,WAAD;EACE,KAAK;EACL,WAAU;EA6BF,EA3BR,wBAAA,cAAC,iBAAoB,MACnB,wBAAA,cAAC,OAAD,EAAK,WAAU,mDAYT,EAXJ,wBAAA,cAAC,OAAD;EACE,OAAM;EACN,MAAK;EACL,UAAS;EACT,WAAU;EAGJ,EADL,qBACK,EACR,wBAAA,cAAC,MAAD;EAAM,MAAK;EAAK,QAAO;EAAO,WAAU;EAEjC,EAF8C,WAE9C,CACH,EACN,wBAAA,cAAC,OAAD,EAAK,WAAU,iDAWT,EAVH,UACD,wBAAA,cAAC,YAAD;EACE,YAAW;EACX,OAAM;EACN,MAAK;EACL,SAAS;EACT,OAAM;EAGK,EADX,wBAAA,cAAC,MAAD,EAAM,IAAI,OAAS,CAAA,CACR,CACT,CACU,CACV;GAGd,EACE,oBAAoB,+BACrB,CACF"}

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

@@ -1,19 +1,21 @@
-import { Button as e } from "../button/Button.js";
-import { useDataTable as t } from "./DataTableContext.js";
-import { Divider as n } from "../divider/Divider.js";
-import * as r from "react";
+import { Button } from "../button/Button.js";
+import { useDataTable } from "./DataTableContext.js";
+import { Divider } from "../divider/Divider.js";
+import * as React$1 from "react";
 //#region src/components/data-table/DataTableBulkActionsSelectedRowActions.tsx
-var i = ({ cancelLabel: i = "Cancel", showDividers: a = !0, children: o }) => {
-	let { toggleAllPageRowsSelected: s, rowSelection: c } = t();
-	return Object.keys(c || {}).length === 0 ? null : /* @__PURE__ */ r.createElement(r.Fragment, null, o, a && r.Children.count(o) > 0 && /* @__PURE__ */ r.createElement(n, {
+var BulkActionsSelectedRowActions = ({ cancelLabel = "Cancel", showDividers = true, children }) => {
+	const { toggleAllPageRowsSelected, rowSelection } = useDataTable();
+	const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false);
+	if (Object.keys(rowSelection || {}).length === 0) return null;
+	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, children, showDividers && React$1.Children.count(children) > 0 && /* @__PURE__ */ React$1.createElement(Divider, {
 		orientation: "vertical",
 		className: "mx-4"
-	}), /* @__PURE__ */ r.createElement(e, {
+	}), /* @__PURE__ */ React$1.createElement(Button, {
 		theme: "neutral",
-		onClick: () => s(!1)
-	}, i));
+		onClick: handleDeselectAllPageRows
+	}, cancelLabel));
 };
 //#endregion
-export { i as BulkActionsSelectedRowActions };
+export { BulkActionsSelectedRowActions };
 
 //# sourceMappingURL=DataTableBulkActionsSelectedRowActions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableBulkActionsSelectedRowActions.js","names":[],"sources":["../../../src/components/data-table/DataTableBulkActionsSelectedRowActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '../button/Button'\nimport { Divider } from '../divider/Divider'\nimport { useDataTable } from './DataTableContext'\n\nexport const BulkActionsSelectedRowActions = ({\n  cancelLabel = 'Cancel',\n  showDividers = true,\n  children\n}: {\n  cancelLabel?: string\n  showDividers?: boolean\n  children: React.ReactNode\n}) => {\n  const { toggleAllPageRowsSelected, rowSelection } = useDataTable()\n\n  const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false)\n\n  if (Object.keys(rowSelection || {}).length === 0) return null\n\n  return (\n    <>\n      {children}\n      {showDividers && React.Children.count(children) > 0 && (\n        <Divider orientation=\"vertical\" className=\"mx-4\" />\n      )}\n      <Button theme=\"neutral\" onClick={handleDeselectAllPageRows}>\n        {cancelLabel}\n      </Button>\n    </>\n  )\n}\n"],"mappings":";;;;;AAMA,IAAa,KAAiC,EAC5C,iBAAc,UACd,kBAAe,IACf,kBAKI;CACJ,IAAM,EAAE,8BAA2B,oBAAiB,GAAc;AAMlE,QAFI,OAAO,KAAK,KAAgB,EAAE,CAAC,CAAC,WAAW,IAAU,OAGvD,kBAAA,cAAA,EAAA,UAAA,MACG,GACA,KAAgB,EAAM,SAAS,MAAM,EAAS,GAAG,KAChD,kBAAA,cAAC,GAAD;EAAS,aAAY;EAAW,WAAU;EAAS,CAAA,EAErD,kBAAA,cAAC,GAAD;EAAQ,OAAM;EAAU,eAVY,EAA0B,GAAM;EAY3D,EADN,EACM,CACR"}
+{"version":3,"file":"DataTableBulkActionsSelectedRowActions.js","names":[],"sources":["../../../src/components/data-table/DataTableBulkActionsSelectedRowActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '../button/Button'\nimport { Divider } from '../divider/Divider'\nimport { useDataTable } from './DataTableContext'\n\nexport const BulkActionsSelectedRowActions = ({\n  cancelLabel = 'Cancel',\n  showDividers = true,\n  children\n}: {\n  cancelLabel?: string\n  showDividers?: boolean\n  children: React.ReactNode\n}) => {\n  const { toggleAllPageRowsSelected, rowSelection } = useDataTable()\n\n  const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false)\n\n  if (Object.keys(rowSelection || {}).length === 0) return null\n\n  return (\n    <>\n      {children}\n      {showDividers && React.Children.count(children) > 0 && (\n        <Divider orientation=\"vertical\" className=\"mx-4\" />\n      )}\n      <Button theme=\"neutral\" onClick={handleDeselectAllPageRows}>\n        {cancelLabel}\n      </Button>\n    </>\n  )\n}\n"],"mappings":";;;;;AAMA,IAAa,iCAAiC,EAC5C,cAAc,UACd,eAAe,MACf,eAKI;CACJ,MAAM,EAAE,2BAA2B,iBAAiB,cAAc;CAElE,MAAM,kCAAkC,0BAA0B,MAAM;AAExE,KAAI,OAAO,KAAK,gBAAgB,EAAE,CAAC,CAAC,WAAW,EAAG,QAAO;AAEzD,QACE,wBAAA,cAAA,QAAA,UAAA,MACG,UACA,gBAAgB,QAAM,SAAS,MAAM,SAAS,GAAG,KAChD,wBAAA,cAAC,SAAD;EAAS,aAAY;EAAW,WAAU;EAAS,CAAA,EAErD,wBAAA,cAAC,QAAD;EAAQ,OAAM;EAAU,SAAS;EAExB,EADN,YACM,CACR"}

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

@@ -1,117 +1,138 @@
-import { AsyncDataState as e } from "./DataTable.types.js";
-import { getNewAsyncData as t } from "./getNewAsyncData.js";
-import { usePagination as n } from "./usePagination.js";
-import { useSortByColumn as r } from "./useSorting.js";
-import * as i from "react";
-import { v4 as a } from "@lukeed/uuid";
-import { getCoreRowModel as o, getExpandedRowModel as s, getFilteredRowModel as c, getPaginationRowModel as l, getSortedRowModel as u, useReactTable as d } from "@tanstack/react-table";
-import f from "use-deep-compare-effect";
+import { AsyncDataState } from "./DataTable.types.js";
+import { getNewAsyncData } from "./getNewAsyncData.js";
+import { usePagination } from "./usePagination.js";
+import { useSortByColumn } from "./useSorting.js";
+import * as React$1 from "react";
+import { v4 } from "@lukeed/uuid";
+import { getCoreRowModel, getExpandedRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
+import useDeepCompareEffect from "use-deep-compare-effect";
 //#region src/components/data-table/DataTableContext.tsx
-var p = i.createContext(null), m = ({ columns: m, data: h = [], getAsyncData: g, defaultSort: _, initialState: v = void 0, disabledRows: y, enableRowSelection: b, onRowSelectionChange: x, children: S }) => {
-	let C = i.useRef(a()), [w, T] = i.useState({
-		results: h ?? [],
-		total: h?.length ?? 0
-	}), [E, D] = i.useState({}), [O, k] = i.useState({}), [A, j] = i.useState({
+var DataTableContext = React$1.createContext(null);
+var DataTableProvider = ({ columns, data: dataProp = [], getAsyncData, defaultSort, initialState = void 0, disabledRows, enableRowSelection, onRowSelectionChange, children }) => {
+	const tableId = React$1.useRef(v4());
+	const [data, setData] = React$1.useState({
+		results: dataProp ?? [],
+		total: dataProp?.length ?? 0
+	});
+	const [rowSelection, setRowSelection] = React$1.useState({});
+	const [expanded, setExpanded] = React$1.useState({});
+	const [tablePosition, setTablePosition] = React$1.useState({
 		top: null,
 		bottom: null,
 		offsetTop: 0,
-		isVisible: !0
-	}), { isPaginated: M, applyPagination: N, paginationState: P, setPaginationState: F } = n(v?.pagination), [I, L] = i.useState(e.NONE), [R, z] = i.useState(""), { setIsSortable: B, isSortable: V, sorting: H, setSorting: U } = r(_), W = i.useCallback(async (n) => {
-		if (g) try {
-			L(e.PENDING), T(await t(g, n, P, H, R)), L(e.FULFILLED);
-		} catch {
-			L(e.REJECTED);
+		isVisible: true
+	});
+	const { isPaginated, applyPagination, paginationState, setPaginationState } = usePagination(initialState?.pagination);
+	const [asyncDataState, setAsyncDataState] = React$1.useState(AsyncDataState.NONE);
+	const [globalFilter, setGlobalFilter] = React$1.useState("");
+	const { setIsSortable, isSortable, sorting, setSorting } = useSortByColumn(defaultSort);
+	const runAsyncData = React$1.useCallback(async (overrideAsyncDataOptions) => {
+		if (!getAsyncData) return;
+		try {
+			setAsyncDataState(AsyncDataState.PENDING);
+			setData(await getNewAsyncData(getAsyncData, overrideAsyncDataOptions, paginationState, sorting, globalFilter));
+			setAsyncDataState(AsyncDataState.FULFILLED);
+		} catch (_error) {
+			setAsyncDataState(AsyncDataState.REJECTED);
 		}
 	}, [
-		g,
-		P?.pageIndex,
-		P?.pageSize,
-		H,
-		R
+		getAsyncData,
+		paginationState?.pageIndex,
+		paginationState?.pageSize,
+		sorting,
+		globalFilter
 	]);
-	i.useEffect(() => {
-		W({});
-	}, [W]), f(() => {
-		h && T({
-			results: h,
-			total: h.length
+	React$1.useEffect(() => {
+		runAsyncData({});
+	}, [runAsyncData]);
+	useDeepCompareEffect(() => {
+		if (!dataProp) return;
+		setData({
+			results: dataProp,
+			total: dataProp.length
 		});
-	}, [h]);
-	let G = () => w.total, K = d({
-		columns: m,
-		data: w.results,
-		pageCount: g && P ? Math.ceil(G() / P.pageSize) : -1,
-		initialState: v,
+	}, [dataProp]);
+	const getTotalRows = () => data.total;
+	const table = useReactTable({
+		columns,
+		data: data.results,
+		pageCount: getAsyncData && paginationState ? Math.ceil(getTotalRows() / paginationState.pageSize) : -1,
+		initialState,
 		state: {
-			sorting: H,
-			globalFilter: R,
-			pagination: P,
-			rowSelection: E,
-			expanded: O
+			sorting,
+			globalFilter,
+			pagination: paginationState,
+			rowSelection,
+			expanded
 		},
-		manualPagination: g && M,
-		manualSorting: g && M,
-		enableSorting: I !== e.PENDING,
-		enableGlobalFilter: !g,
-		enableRowSelection: b,
-		onExpandedChange: k,
-		getSubRows: (e) => e.subRows,
-		onRowSelectionChange: (e) => {
-			x && x(e), D(e);
+		manualPagination: getAsyncData && isPaginated,
+		manualSorting: getAsyncData && isPaginated,
+		enableSorting: asyncDataState !== AsyncDataState.PENDING,
+		enableGlobalFilter: !getAsyncData,
+		enableRowSelection,
+		onExpandedChange: setExpanded,
+		getSubRows: (row) => row.subRows,
+		onRowSelectionChange: (updaterOrValue) => {
+			if (onRowSelectionChange) onRowSelectionChange(updaterOrValue);
+			setRowSelection(updaterOrValue);
 		},
-		getCoreRowModel: o(),
-		getPaginationRowModel: M ? l() : void 0,
-		getSortedRowModel: V || H.length ? u() : void 0,
-		getFilteredRowModel: c(),
-		getExpandedRowModel: s(),
-		onPaginationChange: M ? F : void 0,
-		onSortingChange: U,
-		onGlobalFilterChange: z,
-		globalFilterFn: (e, t, n) => {
-			let r = (e) => e.toLowerCase().includes(n.toLowerCase());
-			if (e.depth > 0) return !0;
-			let i = e.getValue(t);
-			switch (typeof i) {
-				case "string": return r(i);
+		getCoreRowModel: getCoreRowModel(),
+		getPaginationRowModel: isPaginated ? getPaginationRowModel() : void 0,
+		getSortedRowModel: isSortable || sorting.length ? getSortedRowModel() : void 0,
+		getFilteredRowModel: getFilteredRowModel(),
+		getExpandedRowModel: getExpandedRowModel(),
+		onPaginationChange: isPaginated ? setPaginationState : void 0,
+		onSortingChange: setSorting,
+		onGlobalFilterChange: setGlobalFilter,
+		globalFilterFn: (row, columnId, filterValue) => {
+			const checkFilterMatchesCell = (cellValue) => cellValue.toLowerCase().includes(filterValue.toLowerCase());
+			if (row.depth > 0) return true;
+			const value = row.getValue(columnId);
+			switch (typeof value) {
+				case "string": return checkFilterMatchesCell(value);
 				case "boolean":
-				case "number": return r(String(i));
-				default: return !1;
+				case "number": return checkFilterMatchesCell(String(value));
+				default: return false;
 			}
 		}
-	}), q = i.useMemo(() => ({
-		...K,
-		columns: m,
-		data: w,
-		setData: T,
-		setIsSortable: B,
-		applyPagination: N,
-		getTotalRows: G,
-		isSortable: V,
-		asyncDataState: I,
-		runAsyncData: W,
-		hasAsyncData: !!g,
-		disabledRows: y,
-		enableRowSelection: b,
-		rowSelection: E,
-		tablePosition: A,
-		setTablePosition: j,
-		tableId: C.current
-	}), [
-		K,
-		N,
-		G,
-		V,
-		b,
-		C,
-		g
+	});
+	const value = React$1.useMemo(() => {
+		return {
+			...table,
+			columns,
+			data,
+			setData,
+			setIsSortable,
+			applyPagination,
+			getTotalRows,
+			isSortable,
+			asyncDataState,
+			runAsyncData,
+			hasAsyncData: !!getAsyncData,
+			disabledRows,
+			enableRowSelection,
+			rowSelection,
+			tablePosition,
+			setTablePosition,
+			tableId: tableId.current
+		};
+	}, [
+		table,
+		applyPagination,
+		getTotalRows,
+		isSortable,
+		enableRowSelection,
+		tableId,
+		getAsyncData
 	]);
-	return /* @__PURE__ */ i.createElement(p.Provider, { value: q }, S);
-}, h = () => {
-	let e = i.useContext(p);
-	if (!e) throw Error("useDataTable can only be called from inside a DataTableProvider");
-	return e;
+	return /* @__PURE__ */ React$1.createElement(DataTableContext.Provider, { value }, children);
+};
+var useDataTable = () => {
+	const context = React$1.useContext(DataTableContext);
+	if (!context) throw new Error("useDataTable can only be called from inside a DataTableProvider");
+	return context;
 };
 //#endregion
-export { m as DataTableProvider, h as useDataTable };
+export { DataTableProvider, useDataTable };
 
 //# sourceMappingURL=DataTableContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableContext.js","names":[],"sources":["../../../src/components/data-table/DataTableContext.tsx"],"sourcesContent":["import { v4 as uuid } from '@lukeed/uuid'\nimport type {\n  ExpandedState,\n  OnChangeFn,\n  PaginationState,\n  Row,\n  RowSelectionState\n} from '@tanstack/react-table'\nimport {\n  getCoreRowModel,\n  getExpandedRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable\n} from '@tanstack/react-table'\nimport * as React from 'react'\nimport useDeepCompareEffect from 'use-deep-compare-effect'\n\nimport {\n  AsyncDataState,\n  DataTableContextType,\n  InitialState,\n  TableData,\n  TablePosition,\n  TAsyncDataOptions,\n  TAsyncDataResult,\n  TDefaultSort,\n  TGetAsyncData\n} from './DataTable.types'\nimport { getNewAsyncData } from './getNewAsyncData'\nimport { usePagination } from './usePagination'\nimport { useSortByColumn } from './useSorting'\n\nconst DataTableContext =\n  React.createContext<DataTableContextType<unknown> | null>(null)\n\ntype DataTableProviderProps = {\n  columns\n  defaultSort?: TDefaultSort\n  children: React.ReactNode\n  initialState?: InitialState\n  disabledRows?: Record<string, boolean>\n  enableRowSelection?: boolean | ((row: Row<unknown>) => boolean)\n  onRowSelectionChange?: OnChangeFn<RowSelectionState>\n} & (\n  | { data: TableData; getAsyncData?: never }\n  | { data?: never; getAsyncData: TGetAsyncData }\n)\n\nexport const DataTableProvider = ({\n  columns,\n  data: dataProp = [],\n  getAsyncData,\n  defaultSort,\n  initialState = undefined,\n  disabledRows,\n  enableRowSelection,\n  onRowSelectionChange,\n  children\n}: DataTableProviderProps): JSX.Element => {\n  const tableId = React.useRef(uuid())\n\n  const [data, setData] = React.useState<TAsyncDataResult>({\n    results: dataProp ?? [],\n    total: dataProp?.length ?? 0\n  })\n\n  const [rowSelection, setRowSelection] = React.useState<RowSelectionState>({})\n  const [expanded, setExpanded] = React.useState<ExpandedState>({})\n\n  const [tablePosition, setTablePosition] = React.useState<TablePosition>({\n    top: null,\n    bottom: null,\n    offsetTop: 0,\n    isVisible: true\n  })\n\n  const { isPaginated, applyPagination, paginationState, setPaginationState } =\n    usePagination(initialState?.pagination)\n\n  const [asyncDataState, setAsyncDataState] = React.useState<AsyncDataState>(\n    AsyncDataState.NONE\n  )\n\n  const [globalFilter, setGlobalFilter] = React.useState<string>('')\n\n  const { setIsSortable, isSortable, sorting, setSorting } =\n    useSortByColumn(defaultSort)\n\n  const runAsyncData = React.useCallback(\n    async (overrideAsyncDataOptions: Partial<TAsyncDataOptions>) => {\n      if (!getAsyncData) return\n\n      try {\n        setAsyncDataState(AsyncDataState.PENDING)\n\n        const newData = await getNewAsyncData(\n          getAsyncData,\n          overrideAsyncDataOptions,\n          paginationState as PaginationState,\n          sorting,\n          globalFilter\n        )\n\n        setData(newData as TAsyncDataResult)\n        setAsyncDataState(AsyncDataState.FULFILLED)\n      } catch (_error) {\n        setAsyncDataState(AsyncDataState.REJECTED)\n      }\n    },\n    [\n      getAsyncData,\n      paginationState?.pageIndex,\n      paginationState?.pageSize,\n      sorting,\n      globalFilter\n    ]\n  )\n\n  React.useEffect(() => {\n    runAsyncData({})\n  }, [runAsyncData])\n\n  useDeepCompareEffect(() => {\n    if (!dataProp) return\n\n    setData({ results: dataProp, total: dataProp.length })\n  }, [dataProp])\n\n  const getTotalRows = () => data.total\n\n  const table = useReactTable<unknown>({\n    columns,\n    data: data.results,\n    pageCount:\n      getAsyncData && paginationState\n        ? Math.ceil(getTotalRows() / paginationState.pageSize)\n        : -1,\n    initialState: initialState,\n    state: {\n      sorting,\n      globalFilter,\n      pagination: paginationState,\n      rowSelection,\n      expanded\n    },\n    manualPagination: getAsyncData && isPaginated,\n    manualSorting: getAsyncData && isPaginated,\n    enableSorting: asyncDataState !== AsyncDataState.PENDING,\n    enableGlobalFilter: !getAsyncData,\n    enableRowSelection,\n    onExpandedChange: setExpanded,\n    getSubRows: (row: Row<unknown>) => row.subRows,\n    onRowSelectionChange: (updaterOrValue) => {\n      if (onRowSelectionChange) onRowSelectionChange(updaterOrValue)\n      setRowSelection(updaterOrValue)\n    },\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: isPaginated ? getPaginationRowModel() : undefined,\n    getSortedRowModel:\n      isSortable || sorting.length ? getSortedRowModel() : undefined,\n    getFilteredRowModel: getFilteredRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    onPaginationChange: isPaginated ? setPaginationState : undefined,\n    onSortingChange: setSorting,\n    onGlobalFilterChange: setGlobalFilter,\n    globalFilterFn: (row, columnId, filterValue) => {\n      const checkFilterMatchesCell = (cellValue: string) =>\n        cellValue.toLowerCase().includes(filterValue.toLowerCase())\n\n      const isSubRow = row.depth > 0\n\n      if (isSubRow) return true\n\n      const value = row.getValue(columnId)\n      switch (typeof value) {\n        case 'string':\n          return checkFilterMatchesCell(value)\n        case 'boolean':\n        case 'number':\n          return checkFilterMatchesCell(String(value))\n        default:\n          return false\n      }\n    }\n  })\n\n  const value: DataTableContextType = React.useMemo(() => {\n    return {\n      ...table,\n      columns,\n      data,\n      setData,\n      setIsSortable,\n      applyPagination,\n      getTotalRows,\n      isSortable,\n      asyncDataState,\n      runAsyncData,\n      hasAsyncData: !!getAsyncData,\n      disabledRows,\n      enableRowSelection,\n      rowSelection,\n      tablePosition,\n      setTablePosition,\n      tableId: tableId.current\n    }\n  }, [\n    table,\n    applyPagination,\n    getTotalRows,\n    isSortable,\n    enableRowSelection,\n    tableId,\n    getAsyncData\n  ])\n\n  return (\n    <DataTableContext.Provider value={value}>\n      {children}\n    </DataTableContext.Provider>\n  )\n}\n\nexport const useDataTable = <T extends Record<string, unknown>>() => {\n  const context = React.useContext(DataTableContext) as DataTableContextType<T>\n\n  if (!context)\n    throw new Error(\n      'useDataTable can only be called from inside a DataTableProvider'\n    )\n\n  return context\n}\n"],"mappings":"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"}
+{"version":3,"file":"DataTableContext.js","names":[],"sources":["../../../src/components/data-table/DataTableContext.tsx"],"sourcesContent":["import { v4 as uuid } from '@lukeed/uuid'\nimport type {\n  ExpandedState,\n  OnChangeFn,\n  PaginationState,\n  Row,\n  RowSelectionState\n} from '@tanstack/react-table'\nimport {\n  getCoreRowModel,\n  getExpandedRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable\n} from '@tanstack/react-table'\nimport * as React from 'react'\nimport useDeepCompareEffect from 'use-deep-compare-effect'\n\nimport {\n  AsyncDataState,\n  DataTableContextType,\n  InitialState,\n  TableData,\n  TablePosition,\n  TAsyncDataOptions,\n  TAsyncDataResult,\n  TDefaultSort,\n  TGetAsyncData\n} from './DataTable.types'\nimport { getNewAsyncData } from './getNewAsyncData'\nimport { usePagination } from './usePagination'\nimport { useSortByColumn } from './useSorting'\n\nconst DataTableContext =\n  React.createContext<DataTableContextType<unknown> | null>(null)\n\ntype DataTableProviderProps = {\n  columns\n  defaultSort?: TDefaultSort\n  children: React.ReactNode\n  initialState?: InitialState\n  disabledRows?: Record<string, boolean>\n  enableRowSelection?: boolean | ((row: Row<unknown>) => boolean)\n  onRowSelectionChange?: OnChangeFn<RowSelectionState>\n} & (\n  | { data: TableData; getAsyncData?: never }\n  | { data?: never; getAsyncData: TGetAsyncData }\n)\n\nexport const DataTableProvider = ({\n  columns,\n  data: dataProp = [],\n  getAsyncData,\n  defaultSort,\n  initialState = undefined,\n  disabledRows,\n  enableRowSelection,\n  onRowSelectionChange,\n  children\n}: DataTableProviderProps): JSX.Element => {\n  const tableId = React.useRef(uuid())\n\n  const [data, setData] = React.useState<TAsyncDataResult>({\n    results: dataProp ?? [],\n    total: dataProp?.length ?? 0\n  })\n\n  const [rowSelection, setRowSelection] = React.useState<RowSelectionState>({})\n  const [expanded, setExpanded] = React.useState<ExpandedState>({})\n\n  const [tablePosition, setTablePosition] = React.useState<TablePosition>({\n    top: null,\n    bottom: null,\n    offsetTop: 0,\n    isVisible: true\n  })\n\n  const { isPaginated, applyPagination, paginationState, setPaginationState } =\n    usePagination(initialState?.pagination)\n\n  const [asyncDataState, setAsyncDataState] = React.useState<AsyncDataState>(\n    AsyncDataState.NONE\n  )\n\n  const [globalFilter, setGlobalFilter] = React.useState<string>('')\n\n  const { setIsSortable, isSortable, sorting, setSorting } =\n    useSortByColumn(defaultSort)\n\n  const runAsyncData = React.useCallback(\n    async (overrideAsyncDataOptions: Partial<TAsyncDataOptions>) => {\n      if (!getAsyncData) return\n\n      try {\n        setAsyncDataState(AsyncDataState.PENDING)\n\n        const newData = await getNewAsyncData(\n          getAsyncData,\n          overrideAsyncDataOptions,\n          paginationState as PaginationState,\n          sorting,\n          globalFilter\n        )\n\n        setData(newData as TAsyncDataResult)\n        setAsyncDataState(AsyncDataState.FULFILLED)\n      } catch (_error) {\n        setAsyncDataState(AsyncDataState.REJECTED)\n      }\n    },\n    [\n      getAsyncData,\n      paginationState?.pageIndex,\n      paginationState?.pageSize,\n      sorting,\n      globalFilter\n    ]\n  )\n\n  React.useEffect(() => {\n    runAsyncData({})\n  }, [runAsyncData])\n\n  useDeepCompareEffect(() => {\n    if (!dataProp) return\n\n    setData({ results: dataProp, total: dataProp.length })\n  }, [dataProp])\n\n  const getTotalRows = () => data.total\n\n  const table = useReactTable<unknown>({\n    columns,\n    data: data.results,\n    pageCount:\n      getAsyncData && paginationState\n        ? Math.ceil(getTotalRows() / paginationState.pageSize)\n        : -1,\n    initialState: initialState,\n    state: {\n      sorting,\n      globalFilter,\n      pagination: paginationState,\n      rowSelection,\n      expanded\n    },\n    manualPagination: getAsyncData && isPaginated,\n    manualSorting: getAsyncData && isPaginated,\n    enableSorting: asyncDataState !== AsyncDataState.PENDING,\n    enableGlobalFilter: !getAsyncData,\n    enableRowSelection,\n    onExpandedChange: setExpanded,\n    getSubRows: (row: Row<unknown>) => row.subRows,\n    onRowSelectionChange: (updaterOrValue) => {\n      if (onRowSelectionChange) onRowSelectionChange(updaterOrValue)\n      setRowSelection(updaterOrValue)\n    },\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: isPaginated ? getPaginationRowModel() : undefined,\n    getSortedRowModel:\n      isSortable || sorting.length ? getSortedRowModel() : undefined,\n    getFilteredRowModel: getFilteredRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    onPaginationChange: isPaginated ? setPaginationState : undefined,\n    onSortingChange: setSorting,\n    onGlobalFilterChange: setGlobalFilter,\n    globalFilterFn: (row, columnId, filterValue) => {\n      const checkFilterMatchesCell = (cellValue: string) =>\n        cellValue.toLowerCase().includes(filterValue.toLowerCase())\n\n      const isSubRow = row.depth > 0\n\n      if (isSubRow) return true\n\n      const value = row.getValue(columnId)\n      switch (typeof value) {\n        case 'string':\n          return checkFilterMatchesCell(value)\n        case 'boolean':\n        case 'number':\n          return checkFilterMatchesCell(String(value))\n        default:\n          return false\n      }\n    }\n  })\n\n  const value: DataTableContextType = React.useMemo(() => {\n    return {\n      ...table,\n      columns,\n      data,\n      setData,\n      setIsSortable,\n      applyPagination,\n      getTotalRows,\n      isSortable,\n      asyncDataState,\n      runAsyncData,\n      hasAsyncData: !!getAsyncData,\n      disabledRows,\n      enableRowSelection,\n      rowSelection,\n      tablePosition,\n      setTablePosition,\n      tableId: tableId.current\n    }\n  }, [\n    table,\n    applyPagination,\n    getTotalRows,\n    isSortable,\n    enableRowSelection,\n    tableId,\n    getAsyncData\n  ])\n\n  return (\n    <DataTableContext.Provider value={value}>\n      {children}\n    </DataTableContext.Provider>\n  )\n}\n\nexport const useDataTable = <T extends Record<string, unknown>>() => {\n  const context = React.useContext(DataTableContext) as DataTableContextType<T>\n\n  if (!context)\n    throw new Error(\n      'useDataTable can only be called from inside a DataTableProvider'\n    )\n\n  return context\n}\n"],"mappings":"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"}

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

@@ -1,9 +1,11 @@
-import { Table as e } from "../table/Table.js";
-import * as t from "react";
-import { flexRender as n } from "@tanstack/react-table";
+import { Table } from "../table/Table.js";
+import * as React$1 from "react";
+import { flexRender } from "@tanstack/react-table";
 //#region src/components/data-table/DataTableDataCell.tsx
-var r = ({ cell: r }) => /* @__PURE__ */ t.createElement(e.Cell, { key: r.id }, n(r.column.columnDef.cell, r.getContext()));
+var DataTableDataCell = ({ cell }) => {
+	return /* @__PURE__ */ React$1.createElement(Table.Cell, { key: cell.id }, flexRender(cell.column.columnDef.cell, cell.getContext()));
+};
 //#endregion
-export { r as DataTableDataCell };
+export { DataTableDataCell };
 
 //# sourceMappingURL=DataTableDataCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableDataCell.js","names":[],"sources":["../../../src/components/data-table/DataTableDataCell.tsx"],"sourcesContent":["import type { Cell } from '@tanstack/react-table'\nimport { flexRender } from '@tanstack/react-table'\nimport * as React from 'react'\n\nimport { Table } from '../table/Table'\n\ntype DataTableDataCellProps = {\n  cell: Cell<Record<string, unknown>, unknown>\n}\n\nexport const DataTableDataCell = ({ cell }: DataTableDataCellProps) => {\n  return (\n    <Table.Cell key={cell.id}>\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </Table.Cell>\n  )\n}\n"],"mappings":";;;;AAUA,IAAa,KAAqB,EAAE,cAEhC,kBAAA,cAAC,EAAM,MAAP,EAAY,KAAK,EAAK,IAET,EADV,EAAW,EAAK,OAAO,UAAU,MAAM,EAAK,YAAY,CAAC,CAC/C"}
+{"version":3,"file":"DataTableDataCell.js","names":[],"sources":["../../../src/components/data-table/DataTableDataCell.tsx"],"sourcesContent":["import type { Cell } from '@tanstack/react-table'\nimport { flexRender } from '@tanstack/react-table'\nimport * as React from 'react'\n\nimport { Table } from '../table/Table'\n\ntype DataTableDataCellProps = {\n  cell: Cell<Record<string, unknown>, unknown>\n}\n\nexport const DataTableDataCell = ({ cell }: DataTableDataCellProps) => {\n  return (\n    <Table.Cell key={cell.id}>\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </Table.Cell>\n  )\n}\n"],"mappings":";;;;AAUA,IAAa,qBAAqB,EAAE,WAAmC;AACrE,QACE,wBAAA,cAAC,MAAM,MAAP,EAAY,KAAK,KAAK,IAET,EADV,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY,CAAC,CAC/C"}

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

@@ -1,13 +1,14 @@
-import { AsyncDataState as e } from "./DataTable.types.js";
-import { useDataTable as t } from "./DataTableContext.js";
-import { EmptyState as n } from "../empty-state/EmptyState.js";
-import * as r from "react";
+import { AsyncDataState } from "./DataTable.types.js";
+import { useDataTable } from "./DataTableContext.js";
+import { EmptyState } from "../empty-state/EmptyState.js";
+import * as React$1 from "react";
 //#region src/components/data-table/DataTableEmptyState.tsx
-var i = ({ children: i, ...a }) => {
-	let { asyncDataState: o, getTotalRows: s } = t();
-	return o !== e.PENDING && s() === 0 ? /* @__PURE__ */ r.createElement(n, a, i) : null;
+var DataTableEmptyState = ({ children, ...rest }) => {
+	const { asyncDataState, getTotalRows } = useDataTable();
+	if (!(!(asyncDataState === AsyncDataState.PENDING) && getTotalRows() === 0)) return null;
+	return /* @__PURE__ */ React$1.createElement(EmptyState, rest, children);
 };
 //#endregion
-export { i as DataTableEmptyState };
+export { DataTableEmptyState };
 
 //# sourceMappingURL=DataTableEmptyState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableEmptyState.js","names":[],"sources":["../../../src/components/data-table/DataTableEmptyState.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { EmptyState } from '../empty-state/EmptyState'\nimport { AsyncDataState } from './DataTable.types'\nimport { useDataTable } from './DataTableContext'\n\ntype DataTableEmptyStateProps = React.ComponentProps<typeof EmptyState>\n\nexport const DataTableEmptyState = ({\n  children,\n  ...rest\n}: DataTableEmptyStateProps) => {\n  const { asyncDataState, getTotalRows } = useDataTable()\n\n  const isPending = asyncDataState === AsyncDataState.PENDING\n  const isEmpty = !isPending && getTotalRows() === 0\n\n  if (!isEmpty) return null\n\n  return <EmptyState {...rest}>{children}</EmptyState>\n}\n"],"mappings":";;;;;AAQA,IAAa,KAAuB,EAClC,aACA,GAAG,QAC2B;CAC9B,IAAM,EAAE,mBAAgB,oBAAiB,GAAc;AAOvD,QALkB,MAAmB,EAAe,WACtB,GAAc,KAAK,IAI1C,kBAAA,cAAC,GAAe,GAAO,EAAsB,GAF/B"}
+{"version":3,"file":"DataTableEmptyState.js","names":[],"sources":["../../../src/components/data-table/DataTableEmptyState.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { EmptyState } from '../empty-state/EmptyState'\nimport { AsyncDataState } from './DataTable.types'\nimport { useDataTable } from './DataTableContext'\n\ntype DataTableEmptyStateProps = React.ComponentProps<typeof EmptyState>\n\nexport const DataTableEmptyState = ({\n  children,\n  ...rest\n}: DataTableEmptyStateProps) => {\n  const { asyncDataState, getTotalRows } = useDataTable()\n\n  const isPending = asyncDataState === AsyncDataState.PENDING\n  const isEmpty = !isPending && getTotalRows() === 0\n\n  if (!isEmpty) return null\n\n  return <EmptyState {...rest}>{children}</EmptyState>\n}\n"],"mappings":";;;;;AAQA,IAAa,uBAAuB,EAClC,UACA,GAAG,WAC2B;CAC9B,MAAM,EAAE,gBAAgB,iBAAiB,cAAc;AAKvD,KAAI,EAFY,EADE,mBAAmB,eAAe,YACtB,cAAc,KAAK,GAEnC,QAAO;AAErB,QAAO,wBAAA,cAAC,YAAe,MAAO,SAAsB"}