@navikt/ds-react 8.9.0 → 8.10.0

package/src/timeline/TimelineRow.tsx

@@ -1,11 +1,15 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
 import { format } from "date-fns";
 import React, { forwardRef } from "react";
 import { BodyShort } from "../typography/BodyShort";
 import { cl } from "../utils/helpers";
 import { useI18n } from "../utils/i18n/i18n.hooks";
+import {
+  useTimelineKeyboardActiveRow,
+  useTimelineKeyboardContext,
+} from "./hooks/TimelineKeyboardNavProvider";
 import { PeriodContext } from "./hooks/usePeriodContext";
 import { useRowContext } from "./hooks/useRowContext";
-import { useTimelineContext } from "./hooks/useTimelineContext";
 import Period from "./period";
 import {
   PositionedPeriod,
@@ -49,10 +53,14 @@ export interface TimelineRowType extends React.ForwardRefExoticComponent<
 
 export const TimelineRow = forwardRef<HTMLOListElement, TimelineRowProps>(
   ({ label, className, headingTag = "h3", icon, ...rest }, ref) => {
-    const { periods, active } = useRowContext();
-    const { setActiveRow } = useTimelineContext();
+    const { periods } = useRowContext();
+    const { updateActiveRow, handleRowKeyDown } = useTimelineKeyboardContext();
+    const { activeRow } = useTimelineKeyboardActiveRow();
     const translate = useI18n("Timeline");
 
+    const [elementRefState, setElementRefState] =
+      React.useState<HTMLDivElement | null>(null);
+
     const latest = periods.reduce((a, b) => {
       return a.end > b.end ? a : b;
     }, {} as PositionedPeriod);
@@ -61,10 +69,6 @@ export const TimelineRow = forwardRef<HTMLOListElement, TimelineRowProps>(
       return a.end < b.end ? a : b;
     }, {} as PositionedPeriod);
 
-    const firstFocusable = periods.find(
-      (p) => !!p.children || !!p.onSelectPeriod,
-    );
-
     return (
       <>
         {label &&
@@ -80,15 +84,20 @@ export const TimelineRow = forwardRef<HTMLOListElement, TimelineRowProps>(
           ) : (
             <div className="aksel-timeline__row-label">{label}</div>
           ))}
+
+        {/** biome-ignore lint/a11y/noStaticElementInteractions: onKeyDown just captures events on child-elements here. Regular interaction patterns still works as expected. */}
         <div
           className={cl("aksel-timeline__row", {
-            "aksel-timeline__row--active": active,
+            "aksel-timeline__row--active": activeRow === elementRefState,
           })}
+          ref={setElementRefState}
+          tabIndex={-1}
+          onFocusCapture={() => updateActiveRow(elementRefState)}
+          onKeyDown={handleRowKeyDown}
+          data-timeline-row
         >
-          {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */}
           <ol
             {...rest}
-            tabIndex={-1}
             ref={ref}
             aria-label={
               periods.length === 0
@@ -99,12 +108,6 @@ export const TimelineRow = forwardRef<HTMLOListElement, TimelineRowProps>(
                   })
             }
             className={cl("aksel-timeline__row-periods", className)}
-            onKeyDown={(e) => {
-              if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-                e.preventDefault();
-                setActiveRow(e.key);
-              }
-            }}
           >
             {periods?.map((period) => {
               return (
@@ -112,7 +115,6 @@ export const TimelineRow = forwardRef<HTMLOListElement, TimelineRowProps>(
                   <PeriodContext.Provider
                     value={{
                       periodId: period.id,
-                      firstFocus: firstFocusable?.id === period.id,
                       restProps: period?.restProps,
                     }}
                   >

package/src/timeline/hooks/TimelineKeyboardNavProvider.tsx

@@ -0,0 +1,237 @@
+import React, { useCallback, useRef } from "react";
+import { Slot } from "../../utils/components/slot/Slot";
+import { createStrictContext } from "../../utils/helpers";
+
+type TimelineKeyboardNavStableContextType = {
+  updateActiveRow: (element: HTMLElement | null) => void;
+  handleRowKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+  handlePinKeyDown: (event: React.KeyboardEvent<Element>) => void;
+};
+
+type TimelineKeyboardNavActiveRowContextType = {
+  activeRow: HTMLElement | null;
+};
+
+const {
+  Provider: TimelineKeyboardNavStableContextProvider,
+  useContext: useTimelineKeyboardContext,
+} = createStrictContext<TimelineKeyboardNavStableContextType>({
+  name: "TimelineKeyboardNavStableContext",
+  errorMessage:
+    "useTimelineKeyboardContext must be used within a TimelineKeyboardNavProvider",
+});
+
+const {
+  Provider: TimelineKeyboardNavActiveRowContextProvider,
+  useContext: useTimelineKeyboardActiveRow,
+} = createStrictContext<TimelineKeyboardNavActiveRowContextType>({
+  name: "TimelineKeyboardNavActiveRowContext",
+  errorMessage:
+    "useTimelineKeyboardActiveRow must be used within a TimelineKeyboardNavProvider",
+});
+
+type TimelineKeyboardNavProviderProps = {
+  children: React.ReactElement;
+};
+
+function TimelineKeyboardNavProvider({
+  children,
+}: TimelineKeyboardNavProviderProps) {
+  const [activeRow, setActiveRow] = React.useState<HTMLElement | null>(null);
+  const activeRowRef = React.useRef<HTMLElement | null>(null);
+
+  const timelineElementRef = useRef<HTMLTableElement>(null);
+
+  const updateActiveRow = React.useCallback((element: HTMLElement | null) => {
+    activeRowRef.current = element;
+    setActiveRow(element);
+  }, []);
+
+  const handleRowKeyDown = useCallback(
+    (event: React.KeyboardEvent<HTMLElement>) => {
+      const currentActiveRow = activeRowRef.current;
+      if (!currentActiveRow) {
+        return;
+      }
+
+      /* Skip interaction if focus is inside popover */
+      if (document.activeElement?.closest("[data-timeline-popover]")) {
+        return;
+      }
+
+      const { key } = event;
+
+      if (key === "ArrowDown" || key === "ArrowUp") {
+        const rows = currentActiveRow.parentElement?.querySelectorAll(
+          "[data-timeline-row]",
+        );
+        const firstPin = currentActiveRow.parentElement?.querySelector(
+          "[data-timeline-pin]",
+        );
+
+        if (!rows || rows.length === 0) {
+          return;
+        }
+
+        const currentIndex = Array.from(rows).indexOf(currentActiveRow);
+        if (currentIndex === -1) {
+          return;
+        }
+
+        const atBoundary = currentIndex === 0 && key === "ArrowUp";
+
+        if (atBoundary && firstPin) {
+          focusElement(firstPin, event);
+          return;
+        }
+
+        const nextIndex =
+          key === "ArrowDown" ? currentIndex + 1 : currentIndex - 1;
+
+        /* We want to avoid looping */
+        if (nextIndex < 0 || nextIndex >= rows.length) {
+          return;
+        }
+
+        const nextRow = rows[nextIndex];
+        const periods = nextRow?.querySelectorAll("[data-timeline-period]");
+
+        if (periods?.length > 0) {
+          focusElement(periods[0], event);
+        } else if (nextRow) {
+          focusElement(nextRow, event);
+        }
+        return;
+      }
+
+      if (key === "ArrowRight" || key === "ArrowLeft") {
+        event.preventDefault();
+        const periods = currentActiveRow.querySelectorAll(
+          "[data-timeline-period]",
+        );
+        if (periods.length === 0) {
+          return;
+        }
+
+        const currentIndex = Array.from(periods).indexOf(
+          document.activeElement as HTMLElement,
+        );
+        if (currentIndex === -1) {
+          /* If just the row has focus, we want to focus either the first or last period inside based on key */
+          focusElement(
+            periods[key === "ArrowRight" ? 0 : periods.length - 1],
+            event,
+          );
+          return;
+        }
+
+        const nextIndex =
+          key === "ArrowRight" ? currentIndex + 1 : currentIndex - 1;
+
+        /* We want to avoid looping */
+        if (nextIndex < 0 || nextIndex >= periods.length) {
+          return;
+        }
+
+        focusElement(periods[nextIndex], event);
+      }
+    },
+    [],
+  );
+
+  const handlePinKeyDown = useCallback(
+    (event: React.KeyboardEvent<Element>) => {
+      const timelineElement = timelineElementRef.current;
+      if (!timelineElement) {
+        return;
+      }
+
+      /* Skip interaction if focus is inside popover */
+      if (document.activeElement?.closest("[data-timeline-popover]")) {
+        return;
+      }
+
+      const { key } = event;
+
+      if (key === "ArrowDown") {
+        const rows = timelineElement.querySelectorAll("[data-timeline-row]");
+        if (rows.length === 0) {
+          return;
+        }
+        const rowToFocus = rows[0] as HTMLElement | null;
+
+        if (rowToFocus) {
+          const periods = rowToFocus?.querySelectorAll(
+            "[data-timeline-period]",
+          );
+
+          if (periods?.length > 0) {
+            focusElement(periods[0], event);
+          } else if (rowToFocus) {
+            focusElement(rowToFocus, event);
+          }
+        }
+      }
+
+      if (key === "ArrowRight" || key === "ArrowLeft") {
+        event.preventDefault();
+        const pins = timelineElement.querySelectorAll("[data-timeline-pin]");
+        if (pins.length === 0) {
+          return;
+        }
+
+        const currentIndex = Array.from(pins).indexOf(
+          document.activeElement as HTMLElement,
+        );
+        if (currentIndex === -1) {
+          return;
+        }
+
+        const nextIndex =
+          key === "ArrowRight" ? currentIndex + 1 : currentIndex - 1;
+
+        /* We want to avoid looping */
+        if (nextIndex < 0 || nextIndex >= pins.length) {
+          return;
+        }
+
+        focusElement(pins[nextIndex], event);
+      }
+    },
+    [],
+  );
+
+  return (
+    <TimelineKeyboardNavStableContextProvider
+      updateActiveRow={updateActiveRow}
+      handleRowKeyDown={handleRowKeyDown}
+      handlePinKeyDown={handlePinKeyDown}
+    >
+      <TimelineKeyboardNavActiveRowContextProvider activeRow={activeRow}>
+        <Slot ref={timelineElementRef}>{children}</Slot>
+      </TimelineKeyboardNavActiveRowContextProvider>
+    </TimelineKeyboardNavStableContextProvider>
+  );
+}
+
+/**
+ * Focuses the given element and prevents default behavior of the event if focus is called.
+ */
+function focusElement(
+  element: HTMLElement | Element | null,
+  event: React.KeyboardEvent<HTMLElement | Element>,
+) {
+  if (!element) {
+    return;
+  }
+
+  event.preventDefault();
+
+  (element as HTMLElement).focus();
+}
+
+export {
+  TimelineKeyboardNavProvider,
+  useTimelineKeyboardContext,
+  useTimelineKeyboardActiveRow,
+};

package/src/timeline/hooks/usePeriodContext.tsx

@@ -2,13 +2,11 @@ import { createContext, useContext } from "react";
 
 interface PeriodContextProps {
   periodId: string;
-  firstFocus: boolean;
   restProps?: any;
 }
 
 export const PeriodContext = createContext<PeriodContextProps>({
   periodId: "",
-  firstFocus: false,
 });
 
 export const usePeriodContext = () => {

package/src/timeline/hooks/useRowContext.tsx

@@ -4,14 +4,12 @@ import { PositionedPeriod } from "../utils/types.internal";
 interface RowContextProps {
   periods: PositionedPeriod[];
   id: string;
-  active: boolean;
   index: number;
 }
 
 export const RowContext = createContext<RowContextProps>({
   periods: [],
   id: "",
-  active: false,
   index: 0,
 });
 

package/src/timeline/hooks/useTimelineContext.tsx

@@ -6,10 +6,6 @@ interface TimelineContextProps {
   direction: "left" | "right";
   setStart: (d: Date) => void;
   setEndInclusive: (d: Date) => void;
-  activeRow: number | null;
-  setActiveRow: (i: string) => void;
-  initiate: (i: number) => void;
-  addFocusable: (ref: HTMLButtonElement | null, id: number) => void;
 }
 
 export const TimelineContext = createContext<TimelineContextProps>({
@@ -18,10 +14,6 @@ export const TimelineContext = createContext<TimelineContextProps>({
   direction: "left",
   setStart: () => null,
   setEndInclusive: () => null,
-  activeRow: 0,
-  setActiveRow: () => null,
-  initiate: () => null,
-  addFocusable: () => null,
 });
 
 export const useTimelineContext = () => {

package/src/timeline/period/ClickablePeriod.tsx

@@ -5,6 +5,7 @@ import {
   offset,
   safePolygon,
   shift,
+  useClick,
   useDismiss,
   useFloating,
   useFocus,
@@ -15,9 +16,6 @@ import React, { useState } from "react";
 import { cl } from "../../utils/helpers";
 import { useMergeRefs } from "../../utils/hooks";
 import { useI18n } from "../../utils/i18n/i18n.hooks";
-import { usePeriodContext } from "../hooks/usePeriodContext";
-import { useRowContext } from "../hooks/useRowContext";
-import { useTimelineContext } from "../hooks/useTimelineContext";
 import { ariaLabel, getConditionalClasses } from "../utils/period";
 import type { PeriodProps } from "./types";
 
@@ -52,9 +50,6 @@ const ClickablePeriod = React.memo(
     periodRef,
   }: TimelineClickablePeriodProps) => {
     const [open, setOpen] = useState(false);
-    const { index } = useRowContext();
-    const { firstFocus } = usePeriodContext();
-    const { initiate, addFocusable } = useTimelineContext();
 
     const translate = useI18n("Timeline");
 
@@ -78,8 +73,10 @@ const ClickablePeriod = React.memo(
     });
     const focus = useFocus(context);
     const dismiss = useDismiss(context);
+    const click = useClick(context);
 
     const { getFloatingProps, getReferenceProps } = useInteractions([
+      click,
       hover,
       focus,
       dismiss,
@@ -92,13 +89,11 @@ const ClickablePeriod = React.memo(
     return (
       <>
         <button
+          data-timeline-period
           {...restProps}
           data-color={restProps?.["data-color"] ?? status}
           type="button"
-          ref={(r) => {
-            firstFocus && addFocusable(r, index);
-            mergedRef?.(r);
-          }}
+          ref={mergedRef}
           aria-label={label}
           className={cl(
             "aksel-timeline__period--clickable",
@@ -111,17 +106,10 @@ const ClickablePeriod = React.memo(
           aria-expanded={children ? open : undefined}
           aria-current={isActive || undefined}
           {...getReferenceProps({
-            onFocus: () => {
-              initiate(index);
-            },
             onKeyDown: (e) => {
-              restProps?.onKeydown?.(e);
-              if (e.key === "Enter") {
-                setOpen((prev) => !prev);
-              }
+              restProps?.onKeyDown?.(e);
               if (e.key === " ") {
                 onSelectPeriod?.(e);
-                setOpen(false);
               }
             },
             style: {
@@ -144,10 +132,11 @@ const ClickablePeriod = React.memo(
             context={context}
             modal={false}
             initialFocus={-1}
-            returnFocus={false}
+            returnFocus
           >
             <div
               className="aksel-timeline__popover"
+              data-timeline-popover
               data-placement={placement}
               ref={refs.setFloating}
               role="dialog"

package/src/timeline/period/NonClickablePeriod.tsx

@@ -25,7 +25,9 @@ const NonClickablePeriod = ({
 
   return (
     <div
+      data-timeline-period
       ref={periodRef}
+      tabIndex={-1}
       {...restProps}
       data-color={restProps?.["data-color"] ?? status}
       className={cl(

package/src/timeline/pin/PinInternal.tsx

@@ -5,6 +5,7 @@ import {
   offset,
   safePolygon,
   shift,
+  useClick,
   useDismiss,
   useFloating,
   useFocus,
@@ -15,6 +16,7 @@ import { format } from "date-fns";
 import React, { forwardRef, useState } from "react";
 import { useMergeRefs } from "../../utils/hooks";
 import { useI18n } from "../../utils/i18n/i18n.hooks";
+import { useTimelineKeyboardContext } from "../hooks/TimelineKeyboardNavProvider";
 import { useTimelineContext } from "../hooks/useTimelineContext";
 import { position } from "../utils/calc";
 
@@ -32,17 +34,12 @@ export interface TimelinePinProps extends React.HTMLAttributes<HTMLButtonElement
 export const PinInternal = forwardRef<HTMLButtonElement, TimelinePinProps>(
   ({ date, children, ...rest }, ref) => {
     const { startDate, endDate, direction } = useTimelineContext();
+    const { handlePinKeyDown } = useTimelineKeyboardContext();
     const [open, setOpen] = useState(false);
 
     const translate = useI18n("Timeline");
 
-    const {
-      context,
-      placement,
-
-      refs,
-      floatingStyles,
-    } = useFloating({
+    const { context, placement, refs, floatingStyles } = useFloating({
       placement: "top",
       open,
       onOpenChange: (_open) => setOpen(_open),
@@ -62,8 +59,10 @@ export const PinInternal = forwardRef<HTMLButtonElement, TimelinePinProps>(
     });
     const focus = useFocus(context);
     const dismiss = useDismiss(context);
+    const click = useClick(context);
 
     const { getFloatingProps, getReferenceProps } = useInteractions([
+      click,
       hover,
       focus,
       dismiss,
@@ -82,6 +81,7 @@ export const PinInternal = forwardRef<HTMLButtonElement, TimelinePinProps>(
           style={{ [direction]: `${position(date, startDate, endDate)}%` }}
         >
           <button
+            data-timeline-pin
             {...rest}
             ref={mergedRef}
             className="aksel-timeline__pin-button"
@@ -91,11 +91,7 @@ export const PinInternal = forwardRef<HTMLButtonElement, TimelinePinProps>(
             {...getReferenceProps({
               onKeyDown: (e) => {
                 rest?.onKeyDown?.(e as React.KeyboardEvent<HTMLButtonElement>);
-                if (e.key === "Enter") {
-                  setOpen((prev) => !prev);
-                } else if (e.key === " ") {
-                  setOpen(false);
-                }
+                handlePinKeyDown(e);
               },
             })}
           />
@@ -105,10 +101,11 @@ export const PinInternal = forwardRef<HTMLButtonElement, TimelinePinProps>(
             context={context}
             modal={false}
             initialFocus={-1}
-            returnFocus={false}
+            returnFocus
           >
             <div
               className="aksel-timeline__popover"
+              data-timeline-popover
               data-placement={placement}
               ref={refs.setFloating}
               role="dialog"

package/src/toggle-group/useToggleGroup.ts

@@ -17,7 +17,7 @@ export function useToggleGroup({
   /* Sync focused `value` with controlled `selectedValue` */
   useEffect(() => {
     if (value != null) {
-      setFocusedValue(value);
+      setFocusedValue(value); // eslint-disable-line react-hooks/set-state-in-effect
     }
   }, [value]);
 

package/src/utils/components/dismissablelayer/DismissableLayer.tsx

@@ -342,7 +342,7 @@ const DismissableLayer = forwardRef<HTMLDivElement, DismissableLayerProps>(
       if (disableOutsidePointerEvents) {
         if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
           originalBodyPointerEvents = ownerDoc.body.style.pointerEvents;
-          ownerDoc.body.style.pointerEvents = "none";
+          ownerDoc.body.style.pointerEvents = "none"; // eslint-disable-line react-hooks/immutability
         }
         context.layersWithOutsidePointerEventsDisabled.add(node);
       }

package/src/utils/helpers/create-strict-context.tsx

@@ -65,7 +65,7 @@ function createStrictContext<T>(options: {
 
   function Provider({ children, ...context }: ProviderProps<T>) {
     // biome-ignore lint/correctness/useExhaustiveDependencies: Object.values(context) includes all dependencies.
-    const value = React.useMemo(() => context, Object.values(context)) as T; // eslint-disable-line react-hooks/exhaustive-deps
+    const value = React.useMemo(() => context, Object.values(context)) as T; // eslint-disable-line react-hooks/exhaustive-deps, react-hooks/use-memo
 
     return <Context.Provider value={value}>{children}</Context.Provider>;
   }

package/src/utils/hooks/useEventCallback.ts

@@ -46,7 +46,7 @@ type Stable<T extends Callback> = {
 
 function useEventCallback<T extends Callback>(callback: T | undefined): T {
   const stable = useRefWithInit(createStableCallback).current as Stable<T>;
-  stable.next = callback;
+  stable.next = callback; // eslint-disable-line react-hooks/immutability
   useSafeInsertionEffect(stable.effect);
   return stable.trampoline;
 }

package/src/utils/hooks/useMedia.ts

@@ -21,7 +21,7 @@ export const useMedia = (
     }
     const mediaQueryList = window.matchMedia(media);
 
-    setMatches(mediaQueryList.matches);
+    setMatches(mediaQueryList.matches); // eslint-disable-line react-hooks/set-state-in-effect
 
     const listener = (evt: MediaQueryListEvent) => {
       setMatches(evt.matches);

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

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

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

@@ -1,23 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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/useTableColumnResize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableColumnResize.js","sourceRoot":"","sources":["../../../../src/data/table/th/useTableColumnResize.ts"],"names":[],"mappings":";;AAkRS,oDAAoB;AAlR7B,iCAAkE;AAClE,gDAA4D;AAC5D,yEAAoE;AA8DpE;;;;;GAKG;AACH,SAAS,oBAAoB,CAC3B,IAA2B;IAE3B,MAAM,EACJ,GAAG,EACH,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,aAAa,EACb,QAAQ,GAAG,QAAQ,EACnB,QAAQ,GAAG,EAAE,EACb,KAAK,EACL,OAAO,GACR,GAAG,IAAI,CAAC;IAET,MAAM,YAAY,GAAG,IAAA,2CAAmB,GAAE,CAAC;IAE3C,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,IAAA,4BAAoB,EAAC;QAC9C,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,CAAC,CAAC,GAAG,GAAG;QAClD;;;;WAIG;QACH,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,CAAC,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEnD,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAC1B,CAAC,QAAgB,EAAE,EAAE;;QACnB,MAAM,YAAY,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,WAAW,CAAC;QACtC,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,MAAM,GAAG,GAAG,MAAA,UAAU,CAAC,QAAQ,CAAC,mCAAI,CAAC,CAAC;QACtC,MAAM,GAAG,GAAG,MAAA,UAAU,CAAC,QAAQ,CAAC,mCAAI,QAAQ,CAAC;QAC7C,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;QAEvD,IAAI,QAAQ,IAAI,YAAY,IAAI,QAAQ,GAAG,GAAG,EAAE,CAAC;YAC/C,SAAS,CAAC,QAAQ,CAAC,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,IAAI,YAAY,IAAI,QAAQ,GAAG,GAAG,EAAE,CAAC;YAC/C,SAAS,CAAC,YAAY,CAAC,CAAC;YACxB,OAAO;QACT,CAAC;QAED,SAAS,CAAC,OAAO,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC,CACrC,CAAC;IAEF,MAAM,aAAa,GACjB,IAAA,mBAAW,EACT,CAAC,KAAK,EAAE,EAAE;QACR,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC/C,yBAAyB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;YAC3C,OAAO;QACT,CAAC;QAED,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,EAAE,CAAC;YAC5D,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,MAAM,EAAE,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO,CAC9C,IAAI,CACmB,CAAC;YAC1B,MAAM,UAAU,GAAG,EAAE,CAAC,WAAW,CAAC;YAElC,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACpD,QAAQ,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EACD,CAAC,sBAAsB,EAAE,QAAQ,CAAC,CACnC,CAAC;IAEJ,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,EAAwB,EAAE,MAAc,EAAE,EAAE;QAC3C,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC7B,MAAM,UAAU,GAAG,EAAE,CAAC,WAAW,CAAC;QAElC,SAAS,aAAa,CAAC,OAAe;YACpC,QAAQ,CAAC,UAAU,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC;QAC5C,CAAC;QAED,SAAS,WAAW,CAAC,CAAa;YAChC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAC3B,CAAC;QAED,SAAS,WAAW,CAAC,CAAa;YAChC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAED,SAAS,OAAO;YACd,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACvD,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACvD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YACjD,QAAQ,CAAC,mBAAmB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;YAClD,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;YACrD,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACpD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;QACxE,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC9C,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAC/C,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IACpD,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,eAAe,GACnB,IAAA,mBAAW,EACT,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,EAAE,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO,CAC9C,IAAI,CACmB,CAAC;QAC1B,WAAW,CAAC,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEJ,MAAM,gBAAgB,GACpB,IAAA,mBAAW,EACT,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,EAAE,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO,CAC9C,IAAI,CACmB,CAAC;QAC1B,WAAW,CAAC,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC5C,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEJ;;;;;OAKG;IACH,MAAM,iBAAiB,GACrB,IAAA,mBAAW,EACT,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,EAAE,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO,CAC9C,IAAI,CACmB,CAAC;QAE1B,MAAM,SAAS,GAAG,EAAE,CAAC,sBAAsB,CACzC,8BAA8B,CAC/B,CAAC,CAAC,CAAC,CAAC;QACL,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QACrC,KAAK,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;QACpC,MAAM,YAAY,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;QAEzD,QAAQ,CAAC,YAAY,GAAG,EAAE,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEJ,IAAI,YAAY,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;QACpC,OAAO;YACL,KAAK;YACL,OAAO,EAAE,KAAK;SACf,CAAC;IACJ,CAAC;IAED,OAAO;QACL,KAAK,kCACA,KAAK,KACR,KAAK,GACN;QACD,kBAAkB,EAAE;YAClB,WAAW,EAAE,eAAe;YAC5B,YAAY,EAAE,gBAAgB;YAC9B,SAAS,EAAE,aAAa;YACxB,MAAM,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC;YAC9C,aAAa,EAAE,iBAAiB;SACjC;QACD,sBAAsB;QACtB,OAAO,EAAE,IAAI;KACd,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,KAA8B;IAChD,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;QAClB,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAC;IACf,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACnC,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IACnD,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/cjs/data/table/thead/DataTableThead.context.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-declare const DataTableTheadContext: React.Context<boolean>;
-declare function useDataTableThead(): boolean;
-export { DataTableTheadContext, useDataTableThead };

package/cjs/data/table/thead/DataTableThead.context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTableThead.context.js","sourceRoot":"","sources":["../../../../src/data/table/thead/DataTableThead.context.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASgC,8CAAiB;AATjD,+CAA6C;AAE7C,MAAM,qBAAqB,GAAG,IAAA,qBAAa,EAAU,KAAK,CAAC,CAAC;AAOnD,sDAAqB;AAL9B,SAAS,iBAAiB;IACxB,MAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACxD,OAAO,OAAO,CAAC;AACjB,CAAC"}

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

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