@navikt/ds-react 8.2.2 → 8.4.0

package/cjs/data/table/root/DataTableRoot.d.ts

@@ -2,11 +2,24 @@ import React from "react";
 import { DataTableCaption, type DataTableCaptionProps } from "../caption/DataTableCaption";
 import { DataTableTbody, type DataTableTbodyProps } from "../tbody/DataTableTbody";
 import { DataTableTd, type DataTableTdProps } from "../td/DataTableTd";
+import { DataTableTfoot, type DataTableTfootProps } from "../tfoot/DataTableTfoot";
 import { DataTableTh, type DataTableThProps } from "../th/DataTableTh";
 import { DataTableThead, type DataTableTheadProps } from "../thead/DataTableThead";
 import { DataTableTr, type DataTableTrProps } from "../tr/DataTableTr";
 interface DataTableProps extends React.HTMLAttributes<HTMLTableElement> {
     children: React.ReactNode;
+    rowDensity?: "condensed" | "normal" | "spacious";
+    /**
+     * Enables keyboard navigation for table rows and cells.
+     * @default false
+     */
+    withKeyboardNav?: boolean;
+    /**
+     * Zebra striped table
+     * @default false
+     */
+    zebraStripes?: boolean;
+    truncateContent?: boolean;
 }
 interface DataTableRootComponent extends React.ForwardRefExoticComponent<DataTableProps & React.RefAttributes<HTMLDialogElement>> {
     /**
@@ -87,8 +100,20 @@ interface DataTableRootComponent extends React.ForwardRefExoticComponent<DataTab
      * ```
      */
     Td: typeof DataTableTd;
+    /**
+     * @see 🏷️ {@link DataTableTfootProps}
+     * @example
+     * ```jsx
+     * <DataTable>
+     *   <DataTable.Tfoot>
+     *     ...
+     *   </DataTable.Tfoot>
+     * </DataTable>
+     * ```
+     */
+    Tfoot: typeof DataTableTfoot;
 }
 declare const DataTable: DataTableRootComponent;
-export { DataTable, DataTableCaption, DataTableTbody, DataTableTd, DataTableTh, DataTableThead, DataTableTr, };
+export { DataTable, DataTableCaption, DataTableTbody, DataTableTd, DataTableTfoot, DataTableTh, DataTableThead, DataTableTr, };
 export default DataTable;
-export type { DataTableProps, DataTableCaptionProps, DataTableTbodyProps, DataTableTdProps, DataTableThProps, DataTableTheadProps, DataTableTrProps, };
+export type { DataTableCaptionProps, DataTableProps, DataTableTbodyProps, DataTableTdProps, DataTableTfootProps, DataTableTheadProps, DataTableThProps, DataTableTrProps, };

package/cjs/data/table/root/DataTableRoot.js

@@ -44,25 +44,38 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTableTr = exports.DataTableThead = exports.DataTableTh = exports.DataTableTd = exports.DataTableTbody = exports.DataTableCaption = exports.DataTable = void 0;
+exports.DataTableTr = exports.DataTableThead = exports.DataTableTh = exports.DataTableTfoot = exports.DataTableTd = exports.DataTableTbody = exports.DataTableCaption = exports.DataTable = void 0;
 const react_1 = __importStar(require("react"));
 const helpers_1 = require("../../../utils/helpers");
+const hooks_1 = require("../../../utils/hooks");
 const DataTableCaption_1 = require("../caption/DataTableCaption");
 Object.defineProperty(exports, "DataTableCaption", { enumerable: true, get: function () { return DataTableCaption_1.DataTableCaption; } });
 const DataTableTbody_1 = require("../tbody/DataTableTbody");
 Object.defineProperty(exports, "DataTableTbody", { enumerable: true, get: function () { return DataTableTbody_1.DataTableTbody; } });
 const DataTableTd_1 = require("../td/DataTableTd");
 Object.defineProperty(exports, "DataTableTd", { enumerable: true, get: function () { return DataTableTd_1.DataTableTd; } });
+const DataTableTfoot_1 = require("../tfoot/DataTableTfoot");
+Object.defineProperty(exports, "DataTableTfoot", { enumerable: true, get: function () { return DataTableTfoot_1.DataTableTfoot; } });
 const DataTableTh_1 = require("../th/DataTableTh");
 Object.defineProperty(exports, "DataTableTh", { enumerable: true, get: function () { return DataTableTh_1.DataTableTh; } });
 const DataTableThead_1 = require("../thead/DataTableThead");
 Object.defineProperty(exports, "DataTableThead", { enumerable: true, get: function () { return DataTableThead_1.DataTableThead; } });
 const DataTableTr_1 = require("../tr/DataTableTr");
 Object.defineProperty(exports, "DataTableTr", { enumerable: true, get: function () { return DataTableTr_1.DataTableTr; } });
+const useTableKeyboardNav_1 = require("./useTableKeyboardNav");
 const DataTable = (0, react_1.forwardRef)((_a, forwardedRef) => {
-    var { className } = _a, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement("div", { className: "aksel-data-table__wrapper" },
-        react_1.default.createElement("table", Object.assign({}, rest, { ref: forwardedRef, className: (0, helpers_1.cl)("aksel-data-table", className) }))));
+    var { className, rowDensity = "normal", withKeyboardNav = false, zebraStripes = false, truncateContent = true } = _a, rest = __rest(_a, ["className", "rowDensity", "withKeyboardNav", "zebraStripes", "truncateContent"]);
+    const [tableRef, setTableRef] = (0, react_1.useState)(null);
+    const mergedRef = (0, hooks_1.useMergeRefs)(forwardedRef, setTableRef);
+    const { onFocus, tableTabIndex } = (0, useTableKeyboardNav_1.useTableKeyboardNav)(tableRef, {
+        enabled: withKeyboardNav,
+    });
+    return (react_1.default.createElement("div", { className: "aksel-data-table__border-wrapper" },
+        react_1.default.createElement("div", { className: "aksel-data-table__scroll-wrapper" },
+            react_1.default.createElement("table", Object.assign({}, rest, { ref: mergedRef, className: (0, helpers_1.cl)("aksel-data-table", className, {
+                    "aksel-data-table--zebra-stripes": zebraStripes,
+                    "aksel-data-table--truncate-content": truncateContent,
+                }), "data-density": rowDensity, tabIndex: tableTabIndex, onFocus: onFocus })))));
 });
 exports.DataTable = DataTable;
 DataTable.Caption = DataTableCaption_1.DataTableCaption;
@@ -71,5 +84,6 @@ DataTable.Tbody = DataTableTbody_1.DataTableTbody;
 DataTable.Th = DataTableTh_1.DataTableTh;
 DataTable.Tr = DataTableTr_1.DataTableTr;
 DataTable.Td = DataTableTd_1.DataTableTd;
+DataTable.Tfoot = DataTableTfoot_1.DataTableTfoot;
 exports.default = DataTable;
 //# sourceMappingURL=DataTableRoot.js.map

package/cjs/data/table/root/DataTableRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableRoot.js","sourceRoot":"","sources":["../../../../src/data/table/root/DataTableRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA4C;AAC5C,kEAGqC;AA2HnC,iGA7HA,mCAAgB,OA6HA;AA1HlB,4DAGiC;AAwH/B,+FA1HA,+BAAc,OA0HA;AAvHhB,mDAAuE;AAwHrE,4FAxHO,yBAAW,OAwHP;AAvHb,mDAAuE;AAwHrE,4FAxHO,yBAAW,OAwHP;AAvHb,4DAGiC;AAqH/B,+FAvHA,+BAAc,OAuHA;AApHhB,mDAAuE;AAqHrE,4FArHO,yBAAW,OAqHP;AA5Bb,MAAM,SAAS,GAAG,IAAA,kBAAU,EAC1B,CAAC,EAAsB,EAAE,YAAY,EAAE,EAAE;QAAxC,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,OAAO,CACL,uCAAK,SAAS,EAAC,2BAA2B;QACxC,yDACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,kBAAkB,EAAE,SAAS,CAAC,IAC5C,CACE,CACP,CAAC;AACJ,CAAC,CACwB,CAAC;AAU1B,8BAAS;AARX,SAAS,CAAC,OAAO,GAAG,mCAAgB,CAAC;AACrC,SAAS,CAAC,KAAK,GAAG,+BAAc,CAAC;AACjC,SAAS,CAAC,KAAK,GAAG,+BAAc,CAAC;AACjC,SAAS,CAAC,EAAE,GAAG,yBAAW,CAAC;AAC3B,SAAS,CAAC,EAAE,GAAG,yBAAW,CAAC;AAC3B,SAAS,CAAC,EAAE,GAAG,yBAAW,CAAC;AAW3B,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"DataTableRoot.js","sourceRoot":"","sources":["../../../../src/data/table/root/DataTableRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,oDAA4C;AAC5C,gDAAoD;AACpD,kEAGqC;AAkLnC,iGApLA,mCAAgB,OAoLA;AAjLlB,4DAGiC;AA+K/B,+FAjLA,+BAAc,OAiLA;AA9KhB,mDAAuE;AA+KrE,4FA/KO,yBAAW,OA+KP;AA9Kb,4DAGiC;AA4K/B,+FA9KA,+BAAc,OA8KA;AA3KhB,mDAAuE;AA4KrE,4FA5KO,yBAAW,OA4KP;AA3Kb,4DAGiC;AAyK/B,+FA3KA,+BAAc,OA2KA;AAxKhB,mDAAuE;AAyKrE,4FAzKO,yBAAW,OAyKP;AAxKb,+DAA4D;AAiH5D,MAAM,SAAS,GAAG,IAAA,kBAAU,EAC1B,CACE,EAOC,EACD,YAAY,EACZ,EAAE;QATF,EACE,SAAS,EACT,UAAU,GAAG,QAAQ,EACrB,eAAe,GAAG,KAAK,EACvB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,IAAI,OAEvB,EADI,IAAI,cANT,iFAOC,CADQ;IAIT,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAA0B,IAAI,CAAC,CAAC;IACxE,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAE1D,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,IAAA,yCAAmB,EAAC,QAAQ,EAAE;QAC/D,OAAO,EAAE,eAAe;KACzB,CAAC,CAAC;IAEH,OAAO,CACL,uCAAK,SAAS,EAAC,kCAAkC;QAC/C,uCAAK,SAAS,EAAC,kCAAkC;YAC/C,yDACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,IAAA,YAAE,EAAC,kBAAkB,EAAE,SAAS,EAAE;oBAC3C,iCAAiC,EAAE,YAAY;oBAC/C,oCAAoC,EAAE,eAAe;iBACtD,CAAC,kBACY,UAAU,EACxB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,OAAO,IAChB,CACE,CACF,CACP,CAAC;AACJ,CAAC,CACwB,CAAC;AAW1B,8BAAS;AATX,SAAS,CAAC,OAAO,GAAG,mCAAgB,CAAC;AACrC,SAAS,CAAC,KAAK,GAAG,+BAAc,CAAC;AACjC,SAAS,CAAC,KAAK,GAAG,+BAAc,CAAC;AACjC,SAAS,CAAC,EAAE,GAAG,yBAAW,CAAC;AAC3B,SAAS,CAAC,EAAE,GAAG,yBAAW,CAAC;AAC3B,SAAS,CAAC,EAAE,GAAG,yBAAW,CAAC;AAC3B,SAAS,CAAC,KAAK,GAAG,+BAAc,CAAC;AAYjC,kBAAe,SAAS,CAAC"}

package/cjs/data/table/root/useTableKeyboardNav.d.ts

@@ -0,0 +1,7 @@
+declare function useTableKeyboardNav(tableRef: HTMLTableElement | null, { enabled }: {
+    enabled: boolean;
+}): {
+    tableTabIndex: number | undefined;
+    onFocus: () => Element | null | undefined;
+};
+export { useTableKeyboardNav };

package/cjs/data/table/root/useTableKeyboardNav.js

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTableKeyboardNav = useTableKeyboardNav;
+const react_1 = require("react");
+const hooks_1 = require("../../../utils/hooks");
+const table_cell_1 = require("../helpers/table-cell");
+const table_focus_1 = require("../helpers/table-focus");
+const table_grid_nav_1 = require("../helpers/table-grid-nav");
+const table_keyboard_1 = require("../helpers/table-keyboard");
+function useTableKeyboardNav(tableRef, { enabled }) {
+    const [activeCell, setActiveCell] = (0, react_1.useState)(null);
+    const activeCellRef = (0, react_1.useRef)(null);
+    activeCellRef.current = activeCell;
+    const observerRef = (0, react_1.useRef)(null);
+    const gridCacheRef = (0, react_1.useRef)({
+        grid: null,
+        dirty: true,
+    });
+    /**
+     * TODO:
+     * - Save original tabIndex of cells and restore when navigating away?
+     */
+    const navigateByArrowKey = (0, hooks_1.useEventCallback)((delta) => {
+        const currentCell = (0, table_cell_1.getActiveCell)(tableRef, activeCell);
+        if (!currentCell || !tableRef) {
+            return null;
+        }
+        const { grid, positions, maxCols } = (0, table_grid_nav_1.ensureTableGrid)(tableRef, gridCacheRef.current);
+        const currentPos = positions.get(currentCell);
+        if (!currentPos) {
+            return null;
+        }
+        const nextCell = (0, table_grid_nav_1.findNextCell)(grid, currentPos, delta, currentCell, maxCols);
+        return nextCell
+            ? (0, table_focus_1.focusCellAndUpdateTabIndex)(nextCell, currentCell)
+            : null;
+    });
+    /**
+     * Handles keyboard navigation with arrow keys.
+     * We check if the key is an arrow key, and if so, we calculate the next cell to focus based on the current active cell and the grid structure.
+     *
+     * TODO:
+     * - Check for other "blocking" scenarios, like actionmenus, dropdown etc
+     * - Consider having acallback user can hook into to determine if navigation should be blocked
+     * - Consider adding Home, End, PageUp, PageDown navigation
+     *
+     */
+    const onKeyDown = (0, hooks_1.useEventCallback)((event) => {
+        /* Stops keydown from moving if we can assume that you are currently editing input, select etc */
+        if ((0, table_keyboard_1.shouldBlockArrowKeyNavigation)(event)) {
+            return;
+        }
+        let newCell = null;
+        const delta = (0, table_keyboard_1.getDeltaFromKey)(event.key);
+        if (delta) {
+            event.preventDefault();
+            newCell = navigateByArrowKey(delta);
+        }
+        newCell && setActiveCell(newCell);
+    });
+    /**
+     * When focus is moved to elements inside a cell like inputs, checkbox etc
+     * we want to update the active cell to the parent td/th, so that keyboard navigation continues to work as expected from there.
+     */
+    const onFocusIn = (0, hooks_1.useEventCallback)((event) => {
+        var _a;
+        const target = event.target;
+        const newCell = (_a = target === null || target === void 0 ? void 0 : target.closest("td, th")) !== null && _a !== void 0 ? _a : null;
+        if (!newCell || newCell === activeCell) {
+            return;
+        }
+        const updatedCell = (0, table_focus_1.focusCellAndUpdateTabIndex)(newCell, activeCell, {
+            shouldFocus: false,
+        });
+        if (updatedCell) {
+            setActiveCell(updatedCell);
+        }
+    });
+    /**
+     * Observes changes is table structure and updates the grid cache accordingly.
+     * - We want to check if elements are removed/added, like when filtering table, pagination etc
+     * - Changes in colspan/rowspan that can affect the grid structure
+     * - Hidden attribute or styles that can affect focusability of cells
+     *
+     * We also check if the active cell is removed from the DOM, and clear it if so.
+     */
+    (0, react_1.useEffect)(() => {
+        if (!tableRef || !enabled) {
+            return;
+        }
+        observerRef.current = new MutationObserver(() => {
+            gridCacheRef.current.dirty = true;
+            if (activeCellRef.current && !activeCellRef.current.isConnected) {
+                setActiveCell(null);
+            }
+        });
+        observerRef.current.observe(tableRef, {
+            subtree: true,
+            childList: true,
+            attributes: true,
+            attributeFilter: ["colspan", "rowspan", "hidden", "style"],
+        });
+        return () => {
+            if (observerRef.current) {
+                observerRef.current.disconnect();
+                observerRef.current = null;
+            }
+        };
+    }, [tableRef, enabled]);
+    (0, react_1.useEffect)(() => {
+        if (!tableRef || !enabled) {
+            return;
+        }
+        tableRef.addEventListener("keydown", onKeyDown);
+        tableRef.addEventListener("focusin", onFocusIn);
+        return () => {
+            tableRef.removeEventListener("keydown", onKeyDown);
+            tableRef.removeEventListener("focusin", onFocusIn);
+        };
+    }, [tableRef, onKeyDown, onFocusIn, enabled]);
+    /*
+     * If keyboard-nav is re-enabled, we need to make sure to update the grid cache,
+     * since the table might have changed while it was disabled.
+     */
+    (0, react_1.useEffect)(() => {
+        if (!enabled) {
+            return;
+        }
+        gridCacheRef.current.dirty = true;
+    }, [enabled]);
+    return {
+        /* Table should only have tabIndex until the focus is moved inside and is enabled */
+        tableTabIndex: enabled ? (activeCell ? undefined : 0) : undefined,
+        /*
+         * Allows us to capture focus on the table when navigating with Tab from outside, and move it to the first cell.
+         * We only want to do this if no cell is already focused.
+         */
+        onFocus: () => {
+            if (!tableRef) {
+                return;
+            }
+            const focusedElement = document.activeElement;
+            const cellInTable = focusedElement === null || focusedElement === void 0 ? void 0 : focusedElement.closest("td, th");
+            /* Assume onFocusIn handler has updates cell */
+            if (cellInTable && tableRef.contains(cellInTable)) {
+                return;
+            }
+            const firstCell = (0, table_cell_1.getFirstCell)(tableRef);
+            return firstCell ? (0, table_focus_1.focusCell)(firstCell) : null;
+        },
+    };
+}
+//# sourceMappingURL=useTableKeyboardNav.js.map

package/cjs/data/table/root/useTableKeyboardNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableKeyboardNav.js","sourceRoot":"","sources":["../../../../src/data/table/root/useTableKeyboardNav.ts"],"names":[],"mappings":"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"}

package/cjs/data/table/td/DataTableTd.d.ts

@@ -1,5 +1,11 @@
 import React from "react";
-type DataTableTdProps = React.HTMLAttributes<HTMLTableCellElement>;
+interface DataTableTdProps extends React.HTMLAttributes<HTMLTableCellElement> {
+    /**
+     * TODO: Shouldnt be needed to declare these here... But getting type-errors if not
+     */
+    colSpan?: number;
+    rowSpan?: number;
+}
 declare const DataTableTd: React.ForwardRefExoticComponent<DataTableTdProps & React.RefAttributes<HTMLTableCellElement>>;
 export { DataTableTd };
 export type { DataTableTdProps };

package/cjs/data/table/td/DataTableTd.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableTd.js","sourceRoot":"","sources":["../../../../src/data/table/td/DataTableTd.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA4C;AAI5C,MAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAAgC,EAAE,YAAY,EAAE,EAAE;QAAlD,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC;QAEhD,2CAAM,QAAQ,CAAO,CAClB,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,kCAAW"}
+{"version":3,"file":"DataTableTd.js","sourceRoot":"","sources":["../../../../src/data/table/td/DataTableTd.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA4C;AAU5C,MAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAAgC,EAAE,YAAY,EAAE,EAAE;QAAlD,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC;QAEhD,2CAAM,QAAQ,CAAO,CAClB,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,kCAAW"}

package/cjs/data/table/tfoot/DataTableTfoot.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+type DataTableTfootProps = React.HTMLAttributes<HTMLTableSectionElement>;
+declare const DataTableTfoot: React.ForwardRefExoticComponent<DataTableTfootProps & React.RefAttributes<HTMLTableSectionElement>>;
+export { DataTableTfoot };
+export type { DataTableTfootProps };

package/cjs/data/table/tfoot/DataTableTfoot.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTableTfoot = void 0;
+const react_1 = __importStar(require("react"));
+const helpers_1 = require("../../../utils/helpers");
+const DataTableTfoot = (0, react_1.forwardRef)((_a, forwardedRef) => {
+    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
+    return (react_1.default.createElement("tfoot", Object.assign({}, rest, { ref: forwardedRef, className: (0, helpers_1.cl)("aksel-data-table__tfoot", className) }), children));
+});
+exports.DataTableTfoot = DataTableTfoot;
+//# sourceMappingURL=DataTableTfoot.js.map

package/cjs/data/table/tfoot/DataTableTfoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableTfoot.js","sourceRoot":"","sources":["../../../../src/data/table/tfoot/DataTableTfoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA4C;AAI5C,MAAM,cAAc,GAAG,IAAA,kBAAU,EAC/B,CAAC,EAAgC,EAAE,YAAY,EAAE,EAAE;QAAlD,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,OAAO,CACL,yDACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,yBAAyB,EAAE,SAAS,CAAC,KAElD,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,wCAAc"}

package/cjs/data/table/th/DataTableTh.d.ts

@@ -1,15 +1,25 @@
 import React from "react";
-type DataTableThProps = React.HTMLAttributes<HTMLTableCellElement> & {
+interface DataTableThProps extends React.HTMLAttributes<HTMLTableCellElement> {
     resizeHandler?: React.MouseEventHandler<HTMLButtonElement>;
-    isPinned?: boolean;
-    pinningHandler?: React.MouseEventHandler<HTMLButtonElement>;
     size?: number;
-};
-declare const DataTableTh: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCellElement> & {
-    resizeHandler?: React.MouseEventHandler<HTMLButtonElement>;
-    isPinned?: boolean;
-    pinningHandler?: React.MouseEventHandler<HTMLButtonElement>;
-    size?: number;
-} & React.RefAttributes<HTMLTableCellElement>>;
+    sortDirection?: "asc" | "desc" | "none" | false;
+    onSortChange?: (direction: "asc" | "desc" | "none", event: Event) => void;
+    render?: {
+        filterMenu?: {
+            title: string;
+            content: React.ReactNode;
+        };
+    };
+    /**
+     * TODO: Shouldnt be needed to declare these here... But getting type-errors if not
+     */
+    colSpan?: number;
+    rowSpan?: number;
+}
+/**
+ * TODO:
+ * - Plan for pinning: Move it into "settings" dialog like here: https://cloudscape.design/examples/react/table.html
+ */
+declare const DataTableTh: React.ForwardRefExoticComponent<DataTableThProps & React.RefAttributes<HTMLTableCellElement>>;
 export { DataTableTh };
 export type { DataTableThProps };

package/cjs/data/table/th/DataTableTh.js

@@ -47,14 +47,32 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataTableTh = void 0;
 const react_1 = __importStar(require("react"));
 const aksel_icons_1 = require("@navikt/aksel-icons");
-const button_1 = require("../../../button");
+const action_menu_1 = require("../../../action-menu");
+const stack_1 = require("../../../primitives/stack");
 const helpers_1 = require("../../../utils/helpers");
+const DataTableThActions_1 = require("./DataTableThActions");
+const DataTableThSortHandle_1 = require("./DataTableThSortHandle");
+/**
+ * TODO:
+ * - Plan for pinning: Move it into "settings" dialog like here: https://cloudscape.design/examples/react/table.html
+ */
 const DataTableTh = (0, react_1.forwardRef)((_a, forwardedRef) => {
-    var { className, children, resizeHandler, isPinned = false, pinningHandler, size } = _a, rest = __rest(_a, ["className", "children", "resizeHandler", "isPinned", "pinningHandler", "size"]);
-    return (react_1.default.createElement("th", Object.assign({}, rest, { ref: forwardedRef, className: (0, helpers_1.cl)("aksel-data-table__th", className), style: { width: size } }),
-        children,
-        pinningHandler && (react_1.default.createElement(button_1.Button, { onClick: pinningHandler, size: "small", variant: "secondary", icon: isPinned ? (react_1.default.createElement(aksel_icons_1.PushPinFillIcon, { "aria-hidden": true, title: "Fest kolonne" })) : (react_1.default.createElement(aksel_icons_1.PushPinIcon, { "aria-hidden": true, title: "L\u00F8stne kolonne" })) })),
-        resizeHandler && (react_1.default.createElement(button_1.Button, { onMouseDown: resizeHandler, onMouseUp: resizeHandler, className: (0, helpers_1.cl)("aksel-data-table__th-resize-handle"), size: "small", variant: "secondary", icon: react_1.default.createElement(aksel_icons_1.CaretLeftRightIcon, { "aria-hidden": true, title: "Endre kolonnest\u00F8rrelse" }) }))));
+    var { className, children, resizeHandler, size, sortDirection, onSortChange, style, render } = _a, rest = __rest(_a, ["className", "children", "resizeHandler", "size", "sortDirection", "onSortChange", "style", "render"]);
+    const { filterMenu } = render || {};
+    return (react_1.default.createElement("th", Object.assign({}, rest, { ref: forwardedRef, className: (0, helpers_1.cl)("aksel-data-table__th", className), style: Object.assign({ width: size }, style) }),
+        react_1.default.createElement(stack_1.HStack, { align: "center", gap: "space-8", wrap: false },
+            react_1.default.createElement("div", { className: "aksel-data-table__th-content" }, children),
+            react_1.default.createElement(DataTableThSortHandle_1.DataTableThSortHandle, { sortDirection: sortDirection, onSortChange: onSortChange }),
+            react_1.default.createElement(stack_1.Spacer, null),
+            react_1.default.createElement(DataTableThActions_1.DataTableThActions, null,
+                sortDirection && (react_1.default.createElement(action_menu_1.ActionMenu.Group, { label: "Sortering" },
+                    react_1.default.createElement(action_menu_1.ActionMenu.Item, { onSelect: (event) => onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange("desc", event), icon: react_1.default.createElement(aksel_icons_1.SortUpIcon, { "aria-hidden": true }) }, sortDirection === "desc" ? "Fjern sortering" : "A-Z"),
+                    react_1.default.createElement(action_menu_1.ActionMenu.Item, { onSelect: (event) => onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange("asc", event), icon: react_1.default.createElement(aksel_icons_1.SortDownIcon, { "aria-hidden": true }) }, sortDirection === "asc" ? "Fjern sortering" : "Z-A"))),
+                filterMenu && (react_1.default.createElement(action_menu_1.ActionMenu.Group, { label: "Filter" },
+                    react_1.default.createElement(action_menu_1.ActionMenu.Sub, null,
+                        react_1.default.createElement(action_menu_1.ActionMenu.SubTrigger, { icon: react_1.default.createElement(aksel_icons_1.FunnelIcon, { "aria-hidden": true }) }, filterMenu.title),
+                        react_1.default.createElement(action_menu_1.ActionMenu.SubContent, null, filterMenu.content)))))),
+        resizeHandler && (react_1.default.createElement("button", { onMouseDown: resizeHandler, onMouseUp: resizeHandler, className: "aksel-data-table__th-resize-handle", "data-color": "neutral" }))));
 });
 exports.DataTableTh = DataTableTh;
 //# sourceMappingURL=DataTableTh.js.map

package/cjs/data/table/th/DataTableTh.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableTh.js","sourceRoot":"","sources":["../../../../src/data/table/th/DataTableTh.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAI6B;AAC7B,4CAAyC;AACzC,oDAA4C;AAS5C,MAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,CACE,EAQC,EACD,YAAY,EACZ,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,aAAa,EACb,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,IAAI,OAEL,EADI,IAAI,cAPT,gFAQC,CADQ;IAIT,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,EAChD,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QAErB,QAAQ;QACR,cAAc,IAAI,CACjB,8BAAC,eAAM,IACL,OAAO,EAAE,cAAc,EACvB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EACF,QAAQ,CAAC,CAAC,CAAC,CACT,8BAAC,6BAAe,yBAAa,KAAK,EAAC,cAAc,GAAG,CACrD,CAAC,CAAC,CAAC,CACF,8BAAC,yBAAW,yBAAa,KAAK,EAAC,qBAAgB,GAAG,CACnD,GAEH,CACH;QACA,aAAa,IAAI,CAChB,8BAAC,eAAM,IACL,WAAW,EAAE,aAAa,EAC1B,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,IAAA,YAAE,EAAC,oCAAoC,CAAC,EACnD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EACF,8BAAC,gCAAkB,yBAAa,KAAK,EAAC,6BAAwB,GAAG,GAEnE,CACH,CACE,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,kCAAW"}
+{"version":3,"file":"DataTableTh.js","sourceRoot":"","sources":["../../../../src/data/table/th/DataTableTh.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAA2E;AAC3E,sDAAkD;AAClD,qDAA2D;AAC3D,oDAA4C;AAC5C,6DAA0D;AAC1D,mEAAgE;AAoBhE;;;GAGG;AACH,MAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,CACE,EAUC,EACD,YAAY,EACZ,EAAE;QAZF,EACE,SAAS,EACT,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,KAAK,EACL,MAAM,OAEP,EADI,IAAI,cATT,sGAUC,CADQ;IAIT,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;IAEpC,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,EAChD,KAAK,kBAAI,KAAK,EAAE,IAAI,IAAK,KAAK;QAE9B,8BAAC,cAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,SAAS,EAAC,IAAI,EAAE,KAAK;YAC9C,uCAAK,SAAS,EAAC,8BAA8B,IAAE,QAAQ,CAAO;YAE9D,8BAAC,6CAAqB,IACpB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,GAC1B;YACF,8BAAC,cAAM,OAAG;YAEV,8BAAC,uCAAkB;gBAGhB,aAAa,IAAI,CAChB,8BAAC,wBAAU,CAAC,KAAK,IAAC,KAAK,EAAC,WAAW;oBACjC,8BAAC,wBAAU,CAAC,IAAI,IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,MAAM,EAAE,KAAK,CAAC,EAClD,IAAI,EAAE,8BAAC,wBAAU,0BAAe,IAE/B,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CACrC;oBAClB,8BAAC,wBAAU,CAAC,IAAI,IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,KAAK,EAAE,KAAK,CAAC,EACjD,IAAI,EAAE,8BAAC,0BAAY,0BAAe,IAEjC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CACpC,CACD,CACpB;gBACA,UAAU,IAAI,CACb,8BAAC,wBAAU,CAAC,KAAK,IAAC,KAAK,EAAC,QAAQ;oBAC9B,8BAAC,wBAAU,CAAC,GAAG;wBACb,8BAAC,wBAAU,CAAC,UAAU,IAAC,IAAI,EAAE,8BAAC,wBAAU,0BAAe,IACpD,UAAU,CAAC,KAAK,CACK;wBACxB,8BAAC,wBAAU,CAAC,UAAU,QAEnB,UAAU,CAAC,OAAO,CACG,CACT,CACA,CACpB,CACkB,CACd;QAER,aAAa,IAAI,CAChB,0CACE,WAAW,EAAE,aAAa,EAC1B,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,oCAAoC,gBACnC,SAAS,GACpB,CACH,CACE,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,kCAAW"}

package/cjs/data/table/th/DataTableThActions.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare function DataTableThActions({ children }: {
+    children?: React.ReactNode;
+}): React.JSX.Element | null;
+export { DataTableThActions };

package/cjs/data/table/th/DataTableThActions.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTableThActions = DataTableThActions;
+const react_1 = __importDefault(require("react"));
+const aksel_icons_1 = require("@navikt/aksel-icons");
+const action_menu_1 = require("../../../action-menu");
+const button_1 = require("../../../button");
+function DataTableThActions({ children }) {
+    const [open, setOpen] = react_1.default.useState(false);
+    /* TODO: Fix this */
+    // @ts-expect-error Temp hack to hide when no children present
+    if (!children || !children.filter(Boolean).length) {
+        return null;
+    }
+    return (react_1.default.createElement(action_menu_1.ActionMenu, { open: open, onOpenChange: setOpen },
+        react_1.default.createElement(action_menu_1.ActionMenu.Trigger, null,
+            react_1.default.createElement(button_1.Button, { "data-color": "neutral", variant: "tertiary", size: "small", icon: react_1.default.createElement(aksel_icons_1.MenuElipsisVerticalIcon, { title: "\u00C5pne kolonnemeny" }), onClick: () => setOpen(!open), "data-expanded": open, className: "aksel-data-table__th-action-button" })),
+        react_1.default.createElement(action_menu_1.ActionMenu.Content, null, children)));
+}
+//# sourceMappingURL=DataTableThActions.js.map

package/cjs/data/table/th/DataTableThActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableThActions.js","sourceRoot":"","sources":["../../../../src/data/table/th/DataTableThActions.tsx"],"names":[],"mappings":";;;;;AA+BS,gDAAkB;AA/B3B,kDAA0B;AAC1B,qDAA8D;AAC9D,sDAAkD;AAClD,4CAAyC;AAEzC,SAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAkC;IACtE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,oBAAoB;IACpB,8DAA8D;IAC9D,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,CAAC;QAClD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,wBAAU,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO;QAC3C,8BAAC,wBAAU,CAAC,OAAO;YACjB,8BAAC,eAAM,kBACM,SAAS,EACpB,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,8BAAC,qCAAuB,IAAC,KAAK,EAAC,uBAAkB,GAAG,EAC1D,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,mBACd,IAAI,EACnB,SAAS,EAAC,oCAAoC,GAC9C,CACiB;QACrB,8BAAC,wBAAU,CAAC,OAAO,QAAE,QAAQ,CAAsB,CACxC,CACd,CAAC;AACJ,CAAC"}

package/cjs/data/table/th/DataTableThSortHandle.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare function DataTableThSortHandle({ sortDirection, onSortChange, }: {
+    sortDirection?: "asc" | "desc" | "none" | false;
+    onSortChange?: (direction: "asc" | "desc" | "none", event: Event) => void;
+}): React.JSX.Element | null;
+export { DataTableThSortHandle };

package/cjs/data/table/th/DataTableThSortHandle.js

@@ -0,0 +1,82 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTableThSortHandle = DataTableThSortHandle;
+const react_1 = __importStar(require("react"));
+const aksel_icons_1 = require("@navikt/aksel-icons");
+const button_1 = require("../../../button");
+const ICON_CONFIG = {
+    desc: {
+        icon: aksel_icons_1.SortDownIcon,
+        title: "Sorter stigende",
+    },
+    asc: {
+        icon: aksel_icons_1.SortUpIcon,
+        title: "Ingen sortering",
+    },
+    none: {
+        icon: aksel_icons_1.ArrowsUpDownIcon,
+        title: "Sorter synkende",
+    },
+};
+function DataTableThSortHandle({ sortDirection = false, onSortChange, }) {
+    const IconConfig = (0, react_1.useMemo)(() => {
+        if (!sortDirection) {
+            return null;
+        }
+        return ICON_CONFIG[sortDirection];
+    }, [sortDirection]);
+    if (!sortDirection || !IconConfig) {
+        return null;
+    }
+    return (react_1.default.createElement(button_1.Button, { "data-color": "neutral", variant: "tertiary", size: "small", icon: react_1.default.createElement(IconConfig.icon, { title: IconConfig.title }), onClick: (event) => {
+            if (!onSortChange)
+                return;
+            /* TODO: This configuration is not a given */
+            let newDirection;
+            if (sortDirection === "none") {
+                newDirection = "asc";
+            }
+            else if (sortDirection === "asc") {
+                newDirection = "desc";
+            }
+            else {
+                newDirection = "none";
+            }
+            /* TODO: Handle types better */
+            onSortChange(newDirection, event);
+        } }));
+}
+//# sourceMappingURL=DataTableThSortHandle.js.map

package/cjs/data/table/th/DataTableThSortHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableThSortHandle.js","sourceRoot":"","sources":["../../../../src/data/table/th/DataTableThSortHandle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkES,sDAAqB;AAlE9B,+CAAuC;AACvC,qDAI6B;AAC7B,4CAAyC;AAEzC,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE;QACJ,IAAI,EAAE,0BAAY;QAClB,KAAK,EAAE,iBAAiB;KACzB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,wBAAU;QAChB,KAAK,EAAE,iBAAiB;KACzB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,8BAAgB;QACtB,KAAK,EAAE,iBAAiB;KACzB;CACF,CAAC;AAEF,SAAS,qBAAqB,CAAC,EAC7B,aAAa,GAAG,KAAK,EACrB,YAAY,GAIb;IACC,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,WAAW,CAAC,aAAa,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,aAAa,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,eAAM,kBACM,SAAS,EACpB,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,8BAAC,UAAU,CAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,KAAK,GAAI,EAClD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,IAAI,CAAC,YAAY;gBAAE,OAAO;YAE1B,6CAA6C;YAC7C,IAAI,YAAqC,CAAC;YAC1C,IAAI,aAAa,KAAK,MAAM,EAAE,CAAC;gBAC7B,YAAY,GAAG,KAAK,CAAC;YACvB,CAAC;iBAAM,IAAI,aAAa,KAAK,KAAK,EAAE,CAAC;gBACnC,YAAY,GAAG,MAAM,CAAC;YACxB,CAAC;iBAAM,CAAC;gBACN,YAAY,GAAG,MAAM,CAAC;YACxB,CAAC;YACD,+BAA+B;YAC/B,YAAY,CAAC,YAAY,EAAE,KAAyB,CAAC,CAAC;QACxD,CAAC,GACD,CACH,CAAC;AACJ,CAAC"}

package/cjs/date/Date.Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Date.Input.js","sourceRoot":"","sources":["../../src/date/Date.Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuE;AACvE,qDAAmD;AACnD,uDAAoD;AACpD,uDAAoE;AACpE,8CAA+D;AAC/D,sDAAyC;AACzC,8CAA2D;AAC3D,+CAA0D;AAqB7C,KAGT,IAAA,6BAAmB,EAAwB;IAC7C,IAAI,EAAE,kBAAkB;IACxB,YAAY,EAAE,wDAAwD;CACvE,CAAC,EALU,gCAAwB,gBACtB,2BAAmB,iBAI9B;AA6BH,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5E,MAAM,EACJ,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,WAAW,EACX,OAAO,GAAG,YAAY,EACtB,YAAY,KAEV,KAAK,EADJ,IAAI,UACL,KAAK,EARH,6EAQL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,IAAA,uCAAyB,GAAE,CAAC,SAAS,CAAC;IAExD,MAAM,mBAAmB,GAAG,OAAO,KAAK,YAAY,CAAC;IAErD,MAAM,oBAAoB,GAAG;QAC3B,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB;QACtE,SAAS,EAAE;YACT,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB;YAChE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB;SACpE;KACO,CAAC;IAEX,MAAM,OAAO,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAEtC,MAAM,EACJ,UAAU,EACV,IAAI,GAAG,QAAQ,EACf,kBAAkB,EAClB,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,GACT,GAAG,IAAA,2BAAY,EAAC,KAAK,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAErD,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAC3B,mBAAmB,EACnB;YACE,yBAAyB,EAAE,QAAQ;YACnC,0BAA0B,EAAE,QAAQ;YACpC,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;YACnD,4BAA4B,EAAE,QAAQ;YACtC,4BAA4B,EAAE,QAAQ;YACtC,6BAA6B,EAAE,QAAQ;SACxC,CACF;QAED,8BAAC,kBAAK,IACJ,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,YAAE,EAAC,yBAAyB,EAAE;gBACvC,eAAe,EAAE,SAAS;aAC3B,CAAC;YAED,QAAQ,IAAI,8BAAC,2BAAY,OAAG;YAC5B,KAAK,CACA;QACP,CAAC,CAAC,WAAW,IAAI,CAChB,8BAAC,sBAAS,IACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,IAAA,YAAE,EAAC,+BAA+B,EAAE;gBAC7C,eAAe,EAAE,SAAS;aAC3B,CAAC,EACF,EAAE,EAAE,kBAAkB,EACtB,IAAI,EAAE,IAAI,IAET,WAAW,CACF,CACb;QACD,uCAAK,SAAS,EAAC,2BAA2B;YACxC,uDACE,GAAG,EAAE,GAAG,IACJ,IAAA,qBAAI,EAAC,IAAI,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,EACxC,UAAU,IACd,YAAY,EAAC,KAAK,mBACH,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACzD,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,YAAE,EACX,yBAAyB,EACzB,yBAAyB,EACzB,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,CAC5B,EACD,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IACnC;YACF,0CACE,QAAQ,EAAE,UAAU,CAAC,QAAQ,IAAI,QAAQ,EACzC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAChD,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,EAAE,CAAC;oBAClB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,SAAS,CAAC,OAAO,CAAC,CAAC;gBACpC,CAAC,EACD,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0BAA0B,EACpC,GAAG,EAAE,SAAS;gBAEd,8BAAC,0BAAY,IACX,KAAK,EAAE,SAAS,CACd,oBAAoB,CAAC,SAAS,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CACjE,GACD,CACK,CACL;QACN,uCACE,SAAS,EAAC,yBAAyB,EACnC,EAAE,EAAE,OAAO,mBACG,oBAAoB,eACxB,QAAQ,IAEjB,YAAY,IAAI,CACf,8BAAC,yBAAY,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,UAC/B,KAAK,CAAC,KAAK,CACC,CAChB,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,eAAe,GAAG,IAAA,kBAAU,EACvC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,8BAAC,SAAS,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CACnD,CAAC;AAEW,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EACxC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,8BAAC,SAAS,oBAAK,KAAK,IAAE,OAAO,EAAC,aAAa,EAAC,GAAG,EAAE,GAAG,IAAI,CACzE,CAAC"}
+{"version":3,"file":"Date.Input.js","sourceRoot":"","sources":["../../src/date/Date.Input.tsx"],"names":[],"mappings":"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"}