@bigbinary/neeto-atoms 1.0.123 → 1.0.124

package/dist/cjs/components/DataTable.js

@@ -1,8 +1,10 @@
 'use strict';
 
-var DataTable = require('../DataTable-Cu5Gon12.js');
+var DataTable = require('../DataTable-dKha6uAk.js');
 require('react/jsx-runtime');
 require('react');
+require('react-dom');
+require('ramda');
 require('../primitives/Table.js');
 require('../utils-BhM0B89p.js');
 require('../hyphenize-BTrVNVv3.js');
@@ -20,7 +22,6 @@ require('../index-CF951Pw9.js');
 require('../index-Bf0WsHta.js');
 require('../index-DcCSSgb7.js');
 require('../index-DMbj7vXd.js');
-require('react-dom');
 require('../primitives/Spinner.js');
 require('../loader-circle-Bw7zP2Gn.js');
 require('../primitives/Button.js');

package/dist/cjs/components/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DataTable.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/index.js

@@ -9,7 +9,7 @@ var Badge = require('../Badge-DPGWAq4H.js');
 var Callout = require('../Callout-Bci3POCo.js');
 var Checkbox = require('../Checkbox-83g1FDsc.js');
 var ColorPicker = require('../ColorPicker-rhCnblTv.js');
-var DataTable = require('../DataTable-Cu5Gon12.js');
+var DataTable = require('../DataTable-dKha6uAk.js');
 var DatePicker = require('../DatePicker-ErDXIHLu.js');
 var Dialog = require('../Dialog-ZUHGaoAE.js');
 var Empty = require('../Empty-DGvhPdiG.js');
@@ -107,6 +107,7 @@ require('../HelpIcon-fsWWgStQ.js');
 require('../label-BdcX4_ud.js');
 require('react-colorful');
 require('../primitives/Popover.js');
+require('ramda');
 require('../primitives/Table.js');
 require('../primitives/Pagination.js');
 require('../chevron-left-BldoOh5p.js');

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index.js

@@ -13,7 +13,7 @@ var Button = require('./Button-BQ4rpzsl.js');
 var Callout = require('./Callout-Bci3POCo.js');
 var Checkbox = require('./Checkbox-83g1FDsc.js');
 var ColorPicker = require('./ColorPicker-rhCnblTv.js');
-var DataTable = require('./DataTable-Cu5Gon12.js');
+var DataTable = require('./DataTable-dKha6uAk.js');
 var DatePicker = require('./DatePicker-ErDXIHLu.js');
 var Dialog = require('./Dialog-ZUHGaoAE.js');
 var DirectionProvider = require('./DirectionProvider-BTtE4FcN.js');
@@ -109,6 +109,7 @@ require('./HelpIcon-fsWWgStQ.js');
 require('./label-BdcX4_ud.js');
 require('react-colorful');
 require('./primitives/Popover.js');
+require('ramda');
 require('./primitives/Table.js');
 require('./primitives/Pagination.js');
 require('./chevron-left-BldoOh5p.js');

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/timezone.ts"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport { dayjs } from \"@bigbinary/neeto-commons-frontend/utils\";\n\n/**\n * Apply the configured timezone to a date value.\n * Strips the original timezone and reinterprets via neetocommons' dayjs wrapper.\n * Handles both single dates and arrays (for date ranges).\n */\nexport const getTimezoneAppliedDateTime = (\n  inputDateTime: Dayjs | Dayjs[] | null\n): Dayjs | (Dayjs | null)[] | null => {\n  const apply = (date: Dayjs | null): Dayjs | null =>\n    date && typeof date.format === \"function\"\n      ? dayjs(date.format(\"YYYY-MM-DD HH:mm:ss\"))\n      : null;\n\n  return Array.isArray(inputDateTime)\n    ? inputDateTime.map(apply)\n    : apply(inputDateTime);\n};\n"],"names":["dayjs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,0BAAA,GAA6B,CACxC,aAAA,KACoC;AACpC,EAAA,MAAM,KAAA,GAAQ,CAAC,IAAA,KACb,IAAA,IAAQ,OAAO,IAAA,CAAK,MAAA,KAAW,UAAA,GAC3BA,aAAA,CAAM,IAAA,CAAK,MAAA,CAAO,qBAAqB,CAAC,CAAA,GACxC,IAAA;AAEN,EAAA,OAAO,KAAA,CAAM,QAAQ,aAAa,CAAA,GAC9B,cAAc,GAAA,CAAI,KAAK,CAAA,GACvB,KAAA,CAAM,aAAa,CAAA;AACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/timezone.ts"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport { dayjs } from \"@bigbinary/neeto-commons-frontend/utils\";\n\n/**\n * Apply the configured timezone to a date value.\n * Strips the original timezone and reinterprets via neetocommons' dayjs wrapper.\n * Handles both single dates and arrays (for date ranges).\n */\nexport const getTimezoneAppliedDateTime = (\n  inputDateTime: Dayjs | Dayjs[] | null\n): Dayjs | (Dayjs | null)[] | null => {\n  const apply = (date: Dayjs | null): Dayjs | null =>\n    date && typeof date.format === \"function\"\n      ? dayjs(date.format(\"YYYY-MM-DD HH:mm:ss\"))\n      : null;\n\n  return Array.isArray(inputDateTime)\n    ? inputDateTime.map(apply)\n    : apply(inputDateTime);\n};\n"],"names":["dayjs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,0BAAA,GAA6B,CACxC,aAAA,KACoC;AACpC,EAAA,MAAM,KAAA,GAAQ,CAAC,IAAA,KACb,IAAA,IAAQ,OAAO,IAAA,CAAK,MAAA,KAAW,UAAA,GAC3BA,aAAA,CAAM,IAAA,CAAK,MAAA,CAAO,qBAAqB,CAAC,CAAA,GACxC,IAAA;AAEN,EAAA,OAAO,KAAA,CAAM,QAAQ,aAAa,CAAA,GAC9B,cAAc,GAAA,CAAI,KAAK,CAAA,GACvB,KAAA,CAAM,aAAa,CAAA;AACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DataTable/components/SortableColumnLabel.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from "react";
+interface SortableColumnLabelProps {
+    id: string;
+    disabled: boolean;
+    children: ReactNode;
+}
+export declare const SortableColumnLabel: ({ id, disabled, children, }: SortableColumnLabelProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DataTable/hooks/useColumnDrag.d.ts

@@ -0,0 +1,11 @@
+import { type CollisionDetection, type DragEndEvent } from "@dnd-kit/core";
+interface UseColumnDragOptions {
+    availableColumnIds: string[];
+    onReorder: (fromId: string, toId: string, availableColumnIds: string[]) => void;
+}
+export declare const useColumnDrag: ({ availableColumnIds, onReorder, }: UseColumnDragOptions) => {
+    sensors: import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];
+    collisionDetection: CollisionDetection;
+    handleDragEnd: ({ active, over }: DragEndEvent) => void;
+};
+export {};

package/dist/components/DataTable/hooks/useColumnOrdering.d.ts

@@ -7,7 +7,7 @@ interface UseColumnOrderingOptions {
 export declare const useColumnOrdering: ({ enabled, columnOrder: controlledOrder, onColumnOrderChange: controlledOnChange, }: UseColumnOrderingOptions) => {
     columnOrder: ColumnOrderState;
     onColumnOrderChange: OnChangeFn<ColumnOrderState>;
-    moveColumn: (columnId: string, direction: -1 | 1) => void;
-    reorderColumn: (fromId: string, toId: string) => void;
+    moveColumn: (columnId: string, direction: -1 | 1, availableColumnIds?: string[]) => void;
+    reorderColumn: (fromId: string, toId: string, availableColumnIds?: string[]) => void;
 };
 export {};

package/dist/components/DataTable.js

@@ -1,6 +1,8 @@
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-DI4qPCmM.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-288mhy24.js';
 import 'react/jsx-runtime';
 import 'react';
+import 'react-dom';
+import 'ramda';
 import '../primitives/Table.js';
 import '../utils-BJnb9o5c.js';
 import '../hyphenize-TRhMI0tl.js';
@@ -18,7 +20,6 @@ import '../index-30QpKM0j.js';
 import '../index-BYZaLNq1.js';
 import '../index-yFgkK_AM.js';
 import '../index-DhnfW8wQ.js';
-import 'react-dom';
 import '../primitives/Spinner.js';
 import '../loader-circle-DycHUAWN.js';
 import '../primitives/Button.js';

package/dist/components/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DataTable.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/index.js

@@ -7,7 +7,7 @@ export { B as Badge } from '../Badge-Bl5cyQ5Q.js';
 export { C as Callout } from '../Callout-DJGi3MQR.js';
 export { C as Checkbox } from '../Checkbox-BalUzegZ.js';
 export { C as ColorPicker } from '../ColorPicker-ClnRUq9y.js';
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-DI4qPCmM.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-288mhy24.js';
 export { D as DatePicker } from '../DatePicker-Ds_csFkl.js';
 export { D as Dialog } from '../Dialog-Yw34WDqY.js';
 export { E as Empty } from '../Empty-XqdCD2dj.js';
@@ -105,6 +105,7 @@ import '../HelpIcon-CB6wsVSF.js';
 import '../label-YEsizr2c.js';
 import 'react-colorful';
 import '../primitives/Popover.js';
+import 'ramda';
 import '../primitives/Table.js';
 import '../primitives/Pagination.js';
 import '../chevron-left-BDoT8E2-.js';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -12,7 +12,7 @@ export { b as Button } from './Button-ZssOVkG0.js';
 export { C as Callout } from './Callout-DJGi3MQR.js';
 export { C as Checkbox } from './Checkbox-BalUzegZ.js';
 export { C as ColorPicker } from './ColorPicker-ClnRUq9y.js';
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from './DataTable-DI4qPCmM.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from './DataTable-288mhy24.js';
 export { D as DatePicker } from './DatePicker-Ds_csFkl.js';
 export { D as Dialog } from './Dialog-Yw34WDqY.js';
 export { D as DirectionProvider } from './DirectionProvider-weqLz_BJ.js';
@@ -108,6 +108,7 @@ import './HelpIcon-CB6wsVSF.js';
 import './label-YEsizr2c.js';
 import 'react-colorful';
 import './primitives/Popover.js';
+import 'ramda';
 import './primitives/Table.js';
 import './primitives/Pagination.js';
 import './chevron-left-BDoT8E2-.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/utils/timezone.ts"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport { dayjs } from \"@bigbinary/neeto-commons-frontend/utils\";\n\n/**\n * Apply the configured timezone to a date value.\n * Strips the original timezone and reinterprets via neetocommons' dayjs wrapper.\n * Handles both single dates and arrays (for date ranges).\n */\nexport const getTimezoneAppliedDateTime = (\n  inputDateTime: Dayjs | Dayjs[] | null\n): Dayjs | (Dayjs | null)[] | null => {\n  const apply = (date: Dayjs | null): Dayjs | null =>\n    date && typeof date.format === \"function\"\n      ? dayjs(date.format(\"YYYY-MM-DD HH:mm:ss\"))\n      : null;\n\n  return Array.isArray(inputDateTime)\n    ? inputDateTime.map(apply)\n    : apply(inputDateTime);\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,0BAAA,GAA6B,CACxC,aAAA,KACoC;AACpC,EAAA,MAAM,KAAA,GAAQ,CAAC,IAAA,KACb,IAAA,IAAQ,OAAO,IAAA,CAAK,MAAA,KAAW,UAAA,GAC3B,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,qBAAqB,CAAC,CAAA,GACxC,IAAA;AAEN,EAAA,OAAO,KAAA,CAAM,QAAQ,aAAa,CAAA,GAC9B,cAAc,GAAA,CAAI,KAAK,CAAA,GACvB,KAAA,CAAM,aAAa,CAAA;AACzB;;;;"}
+{"version":3,"file":"index.js","sources":["../src/utils/timezone.ts"],"sourcesContent":["import type { Dayjs } from \"dayjs\";\nimport { dayjs } from \"@bigbinary/neeto-commons-frontend/utils\";\n\n/**\n * Apply the configured timezone to a date value.\n * Strips the original timezone and reinterprets via neetocommons' dayjs wrapper.\n * Handles both single dates and arrays (for date ranges).\n */\nexport const getTimezoneAppliedDateTime = (\n  inputDateTime: Dayjs | Dayjs[] | null\n): Dayjs | (Dayjs | null)[] | null => {\n  const apply = (date: Dayjs | null): Dayjs | null =>\n    date && typeof date.format === \"function\"\n      ? dayjs(date.format(\"YYYY-MM-DD HH:mm:ss\"))\n      : null;\n\n  return Array.isArray(inputDateTime)\n    ? inputDateTime.map(apply)\n    : apply(inputDateTime);\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,0BAAA,GAA6B,CACxC,aAAA,KACoC;AACpC,EAAA,MAAM,KAAA,GAAQ,CAAC,IAAA,KACb,IAAA,IAAQ,OAAO,IAAA,CAAK,MAAA,KAAW,UAAA,GAC3B,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,qBAAqB,CAAC,CAAA,GACxC,IAAA;AAEN,EAAA,OAAO,KAAA,CAAM,QAAQ,aAAa,CAAA,GAC9B,cAAc,GAAA,CAAI,KAAK,CAAA,GACvB,KAAA,CAAM,aAAa,CAAA;AACzB;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-atoms",
-  "version": "1.0.123",
+  "version": "1.0.124",
   "author": "BigBinary",
   "license": "MIT",
   "engines": {
@@ -77,6 +77,9 @@
     "@base-ui/react": "^1.3.0",
     "@bigbinary/neeto-commons-frontend": "4.13.113",
     "@chromatic-com/storybook": "^5.0.1",
+    "@dnd-kit/core": "6.3.1",
+    "@dnd-kit/sortable": "10.0.0",
+    "@dnd-kit/utilities": "3.2.2",
     "@fontsource-variable/geist": "^5.2.8",
     "@hookform/resolvers": "^5.2.2",
     "@radix-ui/react-accordion": "^1.2.12",