@navikt/ds-react 8.9.0 → 8.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/cjs/data/drag-and-drop/drag-handler/DragAndDropDragHandler.d.ts +1 -0
  2. package/cjs/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js +5 -3
  3. package/cjs/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js.map +1 -1
  4. package/cjs/data/drag-and-drop/item/DragAndDropItem.d.ts +4 -0
  5. package/cjs/data/drag-and-drop/item/DragAndDropItem.js +3 -7
  6. package/cjs/data/drag-and-drop/item/DragAndDropItem.js.map +1 -1
  7. package/cjs/data/drag-and-drop/root/DragAndDrop.context.d.ts +2 -1
  8. package/cjs/data/drag-and-drop/root/DragAndDrop.context.js.map +1 -1
  9. package/cjs/data/drag-and-drop/root/DragAndDropRoot.d.ts +12 -10
  10. package/cjs/data/drag-and-drop/root/DragAndDropRoot.js +71 -39
  11. package/cjs/data/drag-and-drop/root/DragAndDropRoot.js.map +1 -1
  12. package/cjs/data/table/helpers/selection/getMultipleSelectProps.d.ts +3 -3
  13. package/cjs/data/table/helpers/selection/getMultipleSelectProps.js +4 -4
  14. package/cjs/data/table/helpers/selection/getMultipleSelectProps.js.map +1 -1
  15. package/cjs/data/table/helpers/selection/getSingleSelectProps.d.ts +2 -2
  16. package/cjs/data/table/helpers/selection/getSingleSelectProps.js +4 -1
  17. package/cjs/data/table/helpers/selection/getSingleSelectProps.js.map +1 -1
  18. package/cjs/data/table/helpers/selection/selection.types.d.ts +5 -5
  19. package/cjs/data/table/root/DataTableAuto.js +9 -11
  20. package/cjs/data/table/root/DataTableAuto.js.map +1 -1
  21. package/cjs/data/table/td/DataTableTd.d.ts +4 -0
  22. package/cjs/data/table/td/DataTableTd.js +4 -2
  23. package/cjs/data/table/td/DataTableTd.js.map +1 -1
  24. package/cjs/data/table/th/DataTableTh.d.ts +4 -0
  25. package/cjs/data/table/th/DataTableTh.js +6 -3
  26. package/cjs/data/table/th/DataTableTh.js.map +1 -1
  27. package/cjs/data/token-filter/FilterChip.d.ts +10 -0
  28. package/cjs/data/token-filter/FilterChip.js +65 -0
  29. package/cjs/data/token-filter/FilterChip.js.map +1 -0
  30. package/cjs/data/token-filter/TokenFilter.js +3 -10
  31. package/cjs/data/token-filter/TokenFilter.js.map +1 -1
  32. package/cjs/form/checkbox/Checkbox.js +19 -33
  33. package/cjs/form/checkbox/Checkbox.js.map +1 -1
  34. package/cjs/form/checkbox/checkbox-input/CheckboxInput.d.ts +21 -0
  35. package/cjs/form/checkbox/checkbox-input/CheckboxInput.js +65 -0
  36. package/cjs/form/checkbox/checkbox-input/CheckboxInput.js.map +1 -0
  37. package/cjs/form/checkbox/types.d.ts +1 -1
  38. package/cjs/form/fieldset/Fieldset.js +2 -6
  39. package/cjs/form/fieldset/Fieldset.js.map +1 -1
  40. package/cjs/form/radio/Radio.js +9 -7
  41. package/cjs/form/radio/Radio.js.map +1 -1
  42. package/cjs/form/radio/radio-input/RadioInput.d.ts +19 -0
  43. package/cjs/form/radio/radio-input/RadioInput.js +55 -0
  44. package/cjs/form/radio/radio-input/RadioInput.js.map +1 -0
  45. package/esm/data/drag-and-drop/drag-handler/DragAndDropDragHandler.d.ts +1 -0
  46. package/esm/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js +5 -3
  47. package/esm/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js.map +1 -1
  48. package/esm/data/drag-and-drop/item/DragAndDropItem.d.ts +4 -0
  49. package/esm/data/drag-and-drop/item/DragAndDropItem.js +3 -7
  50. package/esm/data/drag-and-drop/item/DragAndDropItem.js.map +1 -1
  51. package/esm/data/drag-and-drop/root/DragAndDrop.context.d.ts +2 -1
  52. package/esm/data/drag-and-drop/root/DragAndDrop.context.js.map +1 -1
  53. package/esm/data/drag-and-drop/root/DragAndDropRoot.d.ts +12 -10
  54. package/esm/data/drag-and-drop/root/DragAndDropRoot.js +71 -39
  55. package/esm/data/drag-and-drop/root/DragAndDropRoot.js.map +1 -1
  56. package/esm/data/table/helpers/selection/getMultipleSelectProps.d.ts +3 -3
  57. package/esm/data/table/helpers/selection/getMultipleSelectProps.js +4 -4
  58. package/esm/data/table/helpers/selection/getMultipleSelectProps.js.map +1 -1
  59. package/esm/data/table/helpers/selection/getSingleSelectProps.d.ts +2 -2
  60. package/esm/data/table/helpers/selection/getSingleSelectProps.js +4 -1
  61. package/esm/data/table/helpers/selection/getSingleSelectProps.js.map +1 -1
  62. package/esm/data/table/helpers/selection/selection.types.d.ts +5 -5
  63. package/esm/data/table/root/DataTableAuto.js +9 -11
  64. package/esm/data/table/root/DataTableAuto.js.map +1 -1
  65. package/esm/data/table/td/DataTableTd.d.ts +4 -0
  66. package/esm/data/table/td/DataTableTd.js +4 -2
  67. package/esm/data/table/td/DataTableTd.js.map +1 -1
  68. package/esm/data/table/th/DataTableTh.d.ts +4 -0
  69. package/esm/data/table/th/DataTableTh.js +6 -3
  70. package/esm/data/table/th/DataTableTh.js.map +1 -1
  71. package/esm/data/token-filter/FilterChip.d.ts +10 -0
  72. package/esm/data/token-filter/FilterChip.js +30 -0
  73. package/esm/data/token-filter/FilterChip.js.map +1 -0
  74. package/esm/data/token-filter/TokenFilter.js +3 -10
  75. package/esm/data/token-filter/TokenFilter.js.map +1 -1
  76. package/esm/form/checkbox/Checkbox.js +19 -33
  77. package/esm/form/checkbox/Checkbox.js.map +1 -1
  78. package/esm/form/checkbox/checkbox-input/CheckboxInput.d.ts +21 -0
  79. package/esm/form/checkbox/checkbox-input/CheckboxInput.js +29 -0
  80. package/esm/form/checkbox/checkbox-input/CheckboxInput.js.map +1 -0
  81. package/esm/form/checkbox/types.d.ts +1 -1
  82. package/esm/form/fieldset/Fieldset.js +2 -6
  83. package/esm/form/fieldset/Fieldset.js.map +1 -1
  84. package/esm/form/radio/Radio.js +9 -7
  85. package/esm/form/radio/Radio.js.map +1 -1
  86. package/esm/form/radio/radio-input/RadioInput.d.ts +19 -0
  87. package/esm/form/radio/radio-input/RadioInput.js +19 -0
  88. package/esm/form/radio/radio-input/RadioInput.js.map +1 -0
  89. package/package.json +3 -3
  90. package/src/data/drag-and-drop/drag-handler/DragAndDropDragHandler.tsx +7 -3
  91. package/src/data/drag-and-drop/item/DragAndDropItem.tsx +15 -11
  92. package/src/data/drag-and-drop/root/DragAndDrop.context.tsx +4 -2
  93. package/src/data/drag-and-drop/root/DragAndDropRoot.tsx +94 -45
  94. package/src/data/table/helpers/selection/getMultipleSelectProps.ts +7 -7
  95. package/src/data/table/helpers/selection/getSingleSelectProps.ts +6 -3
  96. package/src/data/table/helpers/selection/selection.types.ts +5 -5
  97. package/src/data/table/root/DataTableAuto.tsx +25 -15
  98. package/src/data/table/td/DataTableTd.tsx +15 -2
  99. package/src/data/table/th/DataTableTh.tsx +13 -2
  100. package/src/data/token-filter/FilterChip.tsx +100 -0
  101. package/src/data/token-filter/TokenFilter.tsx +8 -24
  102. package/src/form/checkbox/Checkbox.tsx +37 -64
  103. package/src/form/checkbox/checkbox-input/CheckboxInput.tsx +69 -0
  104. package/src/form/checkbox/types.ts +1 -1
  105. package/src/form/fieldset/Fieldset.tsx +4 -6
  106. package/src/form/radio/Radio.tsx +43 -38
  107. package/src/form/radio/radio-input/RadioInput.tsx +32 -0
@@ -27,18 +27,14 @@ import { useDragAndDropContext } from "../root/DragAndDrop.context.js";
27
27
  */
28
28
  const DragAndDropItem = React.forwardRef((_a, forwardedRef) => {
29
29
  var _b;
30
- var { children, id, index, className } = _a, rest = __rest(_a, ["children", "id", "index", "className"]);
30
+ var { children, id, index, className, isOverlay = false } = _a, rest = __rest(_a, ["children", "id", "index", "className", "isOverlay"]);
31
31
  const ref = React.useRef(null);
32
32
  const context = useDragAndDropContext();
33
33
  const item = { id, index };
34
34
  const isDropTarget = ((_b = context === null || context === void 0 ? void 0 : context.dropTarget) === null || _b === void 0 ? void 0 : _b.id) === id;
35
35
  return (React.createElement(HStack, { gap: "space-8", align: "center", wrap: false, asChild: true, ref: forwardedRef, padding: "space-4" },
36
- React.createElement("div", Object.assign({ id: id, ref: ref }, rest, { "data-dnd-id": id, "data-dnd-index": index, role: "button", className: cl("aksel-data-table__drag-and-drop-item", className), "data-drop-target": isDropTarget,
37
- /*
38
- data-keyboard-dragging={keyboardDragging}
39
- */
40
- tabIndex: -1 }),
41
- React.createElement(DragAndDropDragHandler, { item: item }),
36
+ React.createElement("div", Object.assign({ id: isOverlay ? undefined : id, ref: ref }, rest, { "data-dnd-id": isOverlay ? undefined : id, "data-dnd-index": isOverlay ? undefined : index, className: cl("aksel-data-table__drag-and-drop-item", className), "data-drop-target": isOverlay ? undefined : isDropTarget, "data-overlay": isOverlay, tabIndex: isOverlay ? undefined : -1 }),
37
+ React.createElement(DragAndDropDragHandler, { item: item, itemRef: ref }),
42
38
  React.createElement("div", null, children))));
43
39
  });
44
40
  export default DragAndDropItem;
@@ -1 +1 @@
1
- {"version":3,"file":"DragAndDropItem.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/item/DragAndDropItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAcpE;;;;;;;;;;GAUG;AACH,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAA2C,EAAE,YAAY,EAAE,EAAE;;QAA7D,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,OAAW,EAAN,IAAI,cAAzC,wCAA2C,CAAF;IACxC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IACxC,MAAM,IAAI,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;IAC3B,MAAM,YAAY,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,0CAAE,EAAE,MAAK,EAAE,CAAC;IAEpD,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAC,SAAS,EACb,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,KAAK,EACX,OAAO,QACP,GAAG,EAAE,YAAY,EACjB,OAAO,EAAC,SAAS;QAGjB,2CACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,IACJ,IAAI,mBACK,EAAE,oBACC,KAAK,EACrB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,sBAC9C,YAAY;YAC9B;;cAEE;YACF,QAAQ,EAAE,CAAC,CAAC;YAEZ,oBAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,GAAI;YACtC,iCAAM,QAAQ,CAAO,CACjB,CACC,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,CAAC"}
1
+ {"version":3,"file":"DragAndDropItem.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/item/DragAndDropItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAkBpE;;;;;;;;;;GAUG;AACH,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EAA8D,EAC9D,YAAY,EACZ,EAAE;;QAFF,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,OAAW,EAAN,IAAI,cAA5D,qDAA8D,CAAF;IAG5D,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IACxC,MAAM,IAAI,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;IAC3B,MAAM,YAAY,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,0CAAE,EAAE,MAAK,EAAE,CAAC;IAEpD,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAC,SAAS,EACb,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,KAAK,EACX,OAAO,QACP,GAAG,EAAE,YAAY,EACjB,OAAO,EAAC,SAAS;QAGjB,2CACE,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAC9B,GAAG,EAAE,GAAG,IACJ,IAAI,mBACK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,oBACvB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAC7C,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,sBAC9C,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,kBACxC,SAAS,EACvB,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;YAEpC,oBAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,GAAI;YACpD,iCAAM,QAAQ,CAAO,CACjB,CACC,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,CAAC"}
@@ -7,7 +7,8 @@ interface DragAndDropContextType {
7
7
  dragHandlerActive: DragAndDropElement | null;
8
8
  setDragHandlerActive: (active: DragAndDropElement | null) => void;
9
9
  onKeyboardDragEnd: (diff: number) => void;
10
- onDragStart: (event: React.PointerEvent | React.MouseEvent, item: DragAndDropElement) => void;
10
+ startPendingDragStart: (event: React.PointerEvent, item: DragAndDropElement, element?: HTMLElement | null) => void;
11
+ cancelDragStart: () => void;
11
12
  }
12
13
  export declare const DragAndDropProvider: import("react").FC<DragAndDropContextType & {
13
14
  children: React.ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"DragAndDrop.context.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DragAndDrop.context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAiB7D,MAAM,CAAC,MAAM,EACX,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,qBAAqB,GAClC,GAAG,mBAAmB,CAAqC;IAC1D,YAAY,EACV,iEAAiE;IACnE,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAC"}
1
+ {"version":3,"file":"DragAndDrop.context.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DragAndDrop.context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAmB7D,MAAM,CAAC,MAAM,EACX,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,qBAAqB,GAClC,GAAG,mBAAmB,CAAqC;IAC1D,YAAY,EACV,iEAAiE;IACnE,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import DragAndDropItem, { DragAndDropItemProps } from "../item/DragAndDropItem.js";
3
3
  interface DragAndDropProps extends React.HTMLAttributes<HTMLDivElement> {
4
- children: any[];
4
+ children: React.ReactElement<DragAndDropItemProps>[];
5
5
  setItems: React.Dispatch<React.SetStateAction<any[]>>;
6
6
  }
7
7
  interface DataDragAndDropRootComponent extends React.ForwardRefExoticComponent<DragAndDropProps & React.RefAttributes<HTMLDivElement>> {
@@ -20,15 +20,17 @@ interface DataDragAndDropRootComponent extends React.ForwardRefExoticComponent<D
20
20
  }
21
21
  /**
22
22
  * TODO
23
- * setItems on root
24
- * state : active element
25
- * pointer over listener / state, onPointerEnter, onPointerLeave
26
- * Overlay - Use floating component
27
- * Keyboard navigation
28
- * Handle - button, arrows also button
29
- * UU - announce on drag start, item moved, drag end
30
- *
31
- * []
23
+ * [x] setItems on root
24
+ * [x] state : active element
25
+ * [x] pointer over listener / state, onPointerEnter, onPointerLeave
26
+ * [x] Overlay - Use floating component
27
+ * [x] Keyboard navigation
28
+ * [ ] UU - announce on drag start, item moved, drag end
29
+ * [x] Make overlay same width as the OG item, currently jumps to content width
30
+ * [ ] Look into adding a cancel listener event
31
+ * [ ] Make onClick work on drag handler button, currently blocked by pointer down/up listeners
32
+ * [ ] Talk to design about what should happen on ESC key press, currently just cancels dragging, should it also reset position?
33
+ * [ ] Make arrow icons into buttons that react to keyboard events, currently just decorative
32
34
  */
33
35
  declare const DragAndDrop: DataDragAndDropRootComponent;
34
36
  export { DragAndDrop, DragAndDropItem };
@@ -4,25 +4,43 @@ import DragAndDropItem from "../item/DragAndDropItem.js";
4
4
  import { DragAndDropProvider } from "./DragAndDrop.context.js";
5
5
  /**
6
6
  * TODO
7
- * setItems on root
8
- * state : active element
9
- * pointer over listener / state, onPointerEnter, onPointerLeave
10
- * Overlay - Use floating component
11
- * Keyboard navigation
12
- * Handle - button, arrows also button
13
- * UU - announce on drag start, item moved, drag end
14
- *
15
- * []
7
+ * [x] setItems on root
8
+ * [x] state : active element
9
+ * [x] pointer over listener / state, onPointerEnter, onPointerLeave
10
+ * [x] Overlay - Use floating component
11
+ * [x] Keyboard navigation
12
+ * [ ] UU - announce on drag start, item moved, drag end
13
+ * [x] Make overlay same width as the OG item, currently jumps to content width
14
+ * [ ] Look into adding a cancel listener event
15
+ * [ ] Make onClick work on drag handler button, currently blocked by pointer down/up listeners
16
+ * [ ] Talk to design about what should happen on ESC key press, currently just cancels dragging, should it also reset position?
17
+ * [ ] Make arrow icons into buttons that react to keyboard events, currently just decorative
16
18
  */
17
19
  const DragAndDrop = forwardRef(({ setItems, children }, forwardedRef) => {
20
+ const DRAG_THRESHOLD = 4; // Minimum movement in pixels to start dragging
18
21
  const [activeItem, setActiveItem] = React.useState(null);
19
22
  const [dropTarget, setDropTarget] = React.useState(null);
20
23
  const [dragHandlerActive, setDragHandlerActive] = React.useState(null);
24
+ const [overlayWidth, setOverlayWidth] = React.useState(null);
21
25
  const activeItemRef = React.useRef(null);
22
26
  const dropTargetRef = React.useRef(null);
27
+ const activeChild = children.find((child) => child.props.id === (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id));
23
28
  const [virtualRef, setVirtualRef] = React.useState({
24
29
  getBoundingClientRect: () => DOMRect.fromRect({ width: 0, height: 0, x: 0, y: 0 }),
25
30
  });
31
+ const pendingDragStartRef = React.useRef(null);
32
+ const startPendingDragStart = (event, item, element) => {
33
+ pendingDragStartRef.current = {
34
+ item,
35
+ element: element || null,
36
+ pointerId: event.pointerId,
37
+ startX: event.clientX,
38
+ startY: event.clientY,
39
+ };
40
+ };
41
+ const cancelDragStart = () => {
42
+ pendingDragStartRef.current = null;
43
+ };
26
44
  const setCombinedActiveItem = React.useCallback((item) => {
27
45
  activeItemRef.current = item;
28
46
  setActiveItem(item);
@@ -32,24 +50,45 @@ const DragAndDrop = forwardRef(({ setItems, children }, forwardedRef) => {
32
50
  setDropTarget(item);
33
51
  }, []);
34
52
  useEffect(() => {
53
+ /* This useEffect is used to toggle a class on the html element when dragging,
54
+ to prevent cursor issues when dragging over interactive elements,
55
+ and to prevent text selection during dragging. */
35
56
  if (activeItem) {
36
- document.documentElement.setAttribute("data-dragging", "true");
57
+ document.documentElement.setAttribute("data-dragging-cursor", "true");
37
58
  document.body.style.userSelect = "none";
38
59
  }
39
60
  else {
40
- document.documentElement.removeAttribute("data-dragging");
61
+ document.documentElement.removeAttribute("data-dragging-cursor");
41
62
  document.body.style.userSelect = "";
42
63
  }
43
64
  return () => {
44
- document.documentElement.removeAttribute("data-dragging");
65
+ document.documentElement.removeAttribute("data-dragging-cursor");
45
66
  document.body.style.userSelect = "";
46
67
  };
47
68
  }, [activeItem]);
48
69
  useEffect(() => {
49
- if (!activeItem)
50
- return;
51
70
  const handlePointerMove = (event) => {
52
- var _a, _b;
71
+ var _a, _b, _c;
72
+ const pendingStart = pendingDragStartRef.current;
73
+ const activeRef = activeItemRef.current;
74
+ const element = pendingStart === null || pendingStart === void 0 ? void 0 : pendingStart.element;
75
+ if (!activeRef && pendingStart) {
76
+ const deltaX = Math.abs(event.clientX - pendingStart.startX);
77
+ const deltaY = Math.abs(event.clientY - pendingStart.startY);
78
+ if (deltaX > DRAG_THRESHOLD || deltaY > DRAG_THRESHOLD) {
79
+ if (element) {
80
+ element.setPointerCapture(pendingStart.pointerId);
81
+ }
82
+ setOverlayWidth((_a = element === null || element === void 0 ? void 0 : element.getBoundingClientRect().width) !== null && _a !== void 0 ? _a : null);
83
+ setCombinedActiveItem(pendingStart.item);
84
+ setCombinedDropTarget(pendingStart.item);
85
+ pendingDragStartRef.current = null;
86
+ }
87
+ return;
88
+ }
89
+ const active = activeItemRef.current;
90
+ if (!active)
91
+ return;
53
92
  setVirtualRef({
54
93
  getBoundingClientRect: () => DOMRect.fromRect({
55
94
  width: 0,
@@ -58,16 +97,13 @@ const DragAndDrop = forwardRef(({ setItems, children }, forwardedRef) => {
58
97
  y: event.clientY,
59
98
  }),
60
99
  });
61
- const active = activeItemRef.current;
62
- if (!active)
63
- return;
64
100
  const elements = document.elementsFromPoint(event.clientX, event.clientY);
65
101
  const matchingElements = elements.filter((el) => el instanceof HTMLElement && Boolean(el.closest("[data-dnd-id]")));
66
102
  const itemElements = matchingElements
67
103
  .map((el) => el.closest("[data-dnd-id]"))
68
104
  .filter((el) => el instanceof HTMLElement);
69
105
  const uniqueItemElements = Array.from(new Set(itemElements));
70
- const targetElement = (_b = (_a = uniqueItemElements.find((el) => el.dataset.dndId !== active.id)) !== null && _a !== void 0 ? _a : uniqueItemElements.find((el) => el.dataset.dndId === active.id)) !== null && _b !== void 0 ? _b : null;
106
+ const targetElement = (_c = (_b = uniqueItemElements.find((el) => el.dataset.dndId !== active.id)) !== null && _b !== void 0 ? _b : uniqueItemElements.find((el) => el.dataset.dndId === active.id)) !== null && _c !== void 0 ? _c : null;
71
107
  if (!targetElement) {
72
108
  setCombinedDropTarget(null);
73
109
  return;
@@ -81,6 +117,10 @@ const DragAndDrop = forwardRef(({ setItems, children }, forwardedRef) => {
81
117
  setCombinedDropTarget({ id: hoveredId, index: hoveredIndex });
82
118
  };
83
119
  const handlePointerUp = () => {
120
+ if (!activeItemRef.current) {
121
+ pendingDragStartRef.current = null;
122
+ return;
123
+ }
84
124
  const active = activeItemRef.current;
85
125
  const target = dropTargetRef.current;
86
126
  if (active && target && active.id !== target.id) {
@@ -91,8 +131,11 @@ const DragAndDrop = forwardRef(({ setItems, children }, forwardedRef) => {
91
131
  return newItems;
92
132
  });
93
133
  }
134
+ setOverlayWidth(null);
135
+ setDragHandlerActive(null);
94
136
  setCombinedActiveItem(null);
95
137
  setCombinedDropTarget(null);
138
+ pendingDragStartRef.current = null;
96
139
  };
97
140
  // TODO - Look into adding a cancel listener event
98
141
  window.addEventListener("pointermove", handlePointerMove);
@@ -101,7 +144,7 @@ const DragAndDrop = forwardRef(({ setItems, children }, forwardedRef) => {
101
144
  window.removeEventListener("pointermove", handlePointerMove);
102
145
  window.removeEventListener("pointerup", handlePointerUp);
103
146
  };
104
- }, [activeItem, setCombinedDropTarget, setCombinedActiveItem, setItems]);
147
+ }, [setCombinedDropTarget, setCombinedActiveItem, setItems]);
105
148
  const onKeyboardDragEnd = (diff) => {
106
149
  if (!dragHandlerActive)
107
150
  return;
@@ -117,28 +160,17 @@ const DragAndDrop = forwardRef(({ setItems, children }, forwardedRef) => {
117
160
  });
118
161
  setDragHandlerActive(Object.assign(Object.assign({}, dragHandlerActive), { index: targetIndex }));
119
162
  };
120
- const onDragStart = (event, item) => {
121
- setVirtualRef({
122
- getBoundingClientRect: () => DOMRect.fromRect({
123
- width: 0,
124
- height: 0,
125
- x: event.clientX,
126
- y: event.clientY,
127
- }),
128
- });
129
- setCombinedActiveItem(item);
130
- setCombinedDropTarget(item);
131
- };
132
- // TODO - Make overlay same width as the OG item, currently jumps to content width
133
- return (React.createElement(DragAndDropProvider, { activeItem: activeItem, setActiveItem: setCombinedActiveItem, dropTarget: dropTarget, setDropTarget: setCombinedDropTarget, dragHandlerActive: dragHandlerActive, setDragHandlerActive: setDragHandlerActive, onKeyboardDragEnd: onKeyboardDragEnd, onDragStart: onDragStart },
163
+ return (React.createElement(DragAndDropProvider, { activeItem: activeItem, setActiveItem: setCombinedActiveItem, dropTarget: dropTarget, setDropTarget: setCombinedDropTarget, dragHandlerActive: dragHandlerActive, setDragHandlerActive: setDragHandlerActive, onKeyboardDragEnd: onKeyboardDragEnd, startPendingDragStart: startPendingDragStart, cancelDragStart: cancelDragStart },
134
164
  React.createElement("div", { ref: forwardedRef }, children),
135
- activeItem && (React.createElement(Floating, null,
165
+ activeItem && activeChild && (React.createElement(Floating, null,
136
166
  React.createElement(Floating.Anchor, { virtualRef: virtualRef },
137
167
  React.createElement("span", null)),
138
- React.createElement(Floating.Content, { align: "start", updatePositionStrategy: "always", style: { pointerEvents: "none" } }, React.cloneElement(children[activeItem.index], {
139
- "data-dnd-id": undefined,
140
- "data-dnd-index": undefined,
141
- "data-overlay": true,
168
+ React.createElement(Floating.Content, { align: "start", updatePositionStrategy: "always", style: {
169
+ pointerEvents: "none",
170
+ boxSizing: "border-box",
171
+ width: overlayWidth ? `${overlayWidth}px` : "fit-content",
172
+ } }, React.cloneElement(activeChild, {
173
+ isOverlay: true,
142
174
  }))))));
143
175
  });
144
176
  DragAndDrop.Item = DragAndDropItem;
@@ -1 +1 @@
1
- {"version":3,"file":"DragAndDropRoot.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DragAndDropRoot.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DragAndDropRoot.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DragAndDropRoot.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import type { CheckboxProps } from "../../../../form/checkbox/types.js";
1
+ import type { CheckboxInputProps } from "../../../../form/checkbox/checkbox-input/CheckboxInput.js";
2
2
  import type { SelectionT } from "./selection.types.js";
3
3
  type GetMultipleSelectPropsArgs = {
4
4
  selectedKeys: SelectionT;
@@ -8,7 +8,7 @@ type GetMultipleSelectPropsArgs = {
8
8
  totalCount: number;
9
9
  };
10
10
  declare function getMultipleSelectProps({ selectedKeys, setSelectedKeys, disabledKeys, allKeys, totalCount, }: GetMultipleSelectPropsArgs): {
11
- getTheadCheckboxProps: () => CheckboxProps;
12
- getRowCheckboxProps: (key: string | number) => CheckboxProps;
11
+ getTheadCheckboxProps: () => CheckboxInputProps;
12
+ getRowCheckboxProps: (key: string | number) => CheckboxInputProps;
13
13
  };
14
14
  export { getMultipleSelectProps };
@@ -23,22 +23,22 @@ function getMultipleSelectProps({ selectedKeys, setSelectedKeys, disabledKeys, a
23
23
  selectedKeys.length > 0 &&
24
24
  selectedKeys.length < totalCount;
25
25
  return {
26
- children: "Select all rows",
26
+ /* TODO: Add support for label visuallyhidden */
27
+ /* children: "Select all rows", */
27
28
  onChange: handleToggleAll,
28
29
  checked: (selectedKeys === "all" ||
29
30
  (Array.isArray(selectedKeys) && selectedKeys.length > 0)) &&
30
31
  !indeterminate,
31
32
  indeterminate,
32
33
  disabled: disabledKeys.length === totalCount,
33
- hideLabel: true,
34
34
  };
35
35
  },
36
36
  getRowCheckboxProps: (key) => ({
37
- children: `Select row with id ${key}`,
37
+ /* TODO: Add support for label visuallyhidden */
38
+ /* children: `Select row with id ${key}`, */
38
39
  onChange: () => handleToggleRow(key),
39
40
  checked: isChecked(key),
40
41
  disabled: disabledKeys.includes(key),
41
- hideLabel: true,
42
42
  }),
43
43
  };
44
44
  }
@@ -1 +1 @@
1
- {"version":3,"file":"getMultipleSelectProps.js","sourceRoot":"","sources":["../../../../../src/data/table/helpers/selection/getMultipleSelectProps.ts"],"names":[],"mappings":"AAWA,SAAS,sBAAsB,CAAC,EAC9B,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,OAAO,EACP,UAAU,GACiB;IAC3B,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,WAAW,GACf,YAAY,KAAK,KAAK;YACtB,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC;QAEtE,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,GAAoB,EAAE,EAAE;QAC/C,IAAI,YAAY,KAAK,KAAK,EAAE,CAAC;YAC3B,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;QACtD,CAAC;aAAM,IAAI,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACtC,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QACzD,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,CAAC,GAAG,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,GAAoB,EAAE,EAAE,CACzC,YAAY,KAAK,KAAK;QACtB,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAE9D,OAAO;QACL,qBAAqB,EAAE,GAAkB,EAAE;YACzC,MAAM,aAAa,GACjB,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC;gBAC3B,YAAY,CAAC,MAAM,GAAG,CAAC;gBACvB,YAAY,CAAC,MAAM,GAAG,UAAU,CAAC;YAEnC,OAAO;gBACL,QAAQ,EAAE,iBAAiB;gBAC3B,QAAQ,EAAE,eAAe;gBACzB,OAAO,EACL,CAAC,YAAY,KAAK,KAAK;oBACrB,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;oBAC3D,CAAC,aAAa;gBAChB,aAAa;gBACb,QAAQ,EAAE,YAAY,CAAC,MAAM,KAAK,UAAU;gBAC5C,SAAS,EAAE,IAAI;aAChB,CAAC;QACJ,CAAC;QACD,mBAAmB,EAAE,CAAC,GAAoB,EAAiB,EAAE,CAAC,CAAC;YAC7D,QAAQ,EAAE,sBAAsB,GAAG,EAAE;YACrC,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC;YACpC,OAAO,EAAE,SAAS,CAAC,GAAG,CAAC;YACvB,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;YACpC,SAAS,EAAE,IAAI;SAChB,CAAC;KACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
1
+ {"version":3,"file":"getMultipleSelectProps.js","sourceRoot":"","sources":["../../../../../src/data/table/helpers/selection/getMultipleSelectProps.ts"],"names":[],"mappings":"AAWA,SAAS,sBAAsB,CAAC,EAC9B,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,OAAO,EACP,UAAU,GACiB;IAC3B,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,WAAW,GACf,YAAY,KAAK,KAAK;YACtB,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC;QAEtE,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,GAAoB,EAAE,EAAE;QAC/C,IAAI,YAAY,KAAK,KAAK,EAAE,CAAC;YAC3B,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;QACtD,CAAC;aAAM,IAAI,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACtC,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QACzD,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,CAAC,GAAG,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,GAAoB,EAAE,EAAE,CACzC,YAAY,KAAK,KAAK;QACtB,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAE9D,OAAO;QACL,qBAAqB,EAAE,GAAuB,EAAE;YAC9C,MAAM,aAAa,GACjB,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC;gBAC3B,YAAY,CAAC,MAAM,GAAG,CAAC;gBACvB,YAAY,CAAC,MAAM,GAAG,UAAU,CAAC;YAEnC,OAAO;gBACL,gDAAgD;gBAChD,kCAAkC;gBAClC,QAAQ,EAAE,eAAe;gBACzB,OAAO,EACL,CAAC,YAAY,KAAK,KAAK;oBACrB,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;oBAC3D,CAAC,aAAa;gBAChB,aAAa;gBACb,QAAQ,EAAE,YAAY,CAAC,MAAM,KAAK,UAAU;aAC7C,CAAC;QACJ,CAAC;QACD,mBAAmB,EAAE,CAAC,GAAoB,EAAsB,EAAE,CAAC,CAAC;YAClE,gDAAgD;YAChD,4CAA4C;YAC5C,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC;YACpC,OAAO,EAAE,SAAS,CAAC,GAAG,CAAC;YACvB,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;SACrC,CAAC;KACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
@@ -1,10 +1,10 @@
1
- import type { RadioProps } from "../../../../form/radio/types.js";
1
+ import type { RadioInputProps } from "../../../../form/radio/radio-input/RadioInput.js";
2
2
  type GetSingleSelectPropsArgs = {
3
3
  selectedKeys: (string | number)[];
4
4
  setSelectedKeys: (keys: (string | number)[]) => void;
5
5
  disabledKeys: (string | number)[];
6
6
  };
7
7
  declare function getSingleSelectProps({ selectedKeys, setSelectedKeys, disabledKeys, }: GetSingleSelectPropsArgs): {
8
- getRowRadioProps: (key: string | number) => RadioProps;
8
+ getRowRadioProps: (key: string | number) => RadioInputProps;
9
9
  };
10
10
  export { getSingleSelectProps };
@@ -9,11 +9,14 @@ function getSingleSelectProps({ selectedKeys, setSelectedKeys, disabledKeys, })
9
9
  };
10
10
  return {
11
11
  getRowRadioProps: (key) => ({
12
- children: `Select row with id ${key}`,
12
+ /* TODO: Add support for label visuallyhidden */
13
+ /* children: `Select row with id ${key}`, */
13
14
  checked: selectedKeys.includes(key),
14
15
  onChange: () => handleSelectionChange(key),
15
16
  disabled: disabledKeys.includes(key),
16
17
  value: key,
18
+ /* TODO: Make this unique to avoid issue with multipe tables */
19
+ name: "data-table-single-select",
17
20
  }),
18
21
  };
19
22
  }
@@ -1 +1 @@
1
- {"version":3,"file":"getSingleSelectProps.js","sourceRoot":"","sources":["../../../../../src/data/table/helpers/selection/getSingleSelectProps.ts"],"names":[],"mappings":"AAQA,SAAS,oBAAoB,CAAC,EAC5B,YAAY,EACZ,eAAe,EACf,YAAY,GACa;IACzB,MAAM,qBAAqB,GAAG,CAAC,GAAoB,EAAE,EAAE;QACrD,IAAI,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC/B,eAAe,CAAC,EAAE,CAAC,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,gBAAgB,EAAE,CAAC,GAAoB,EAAc,EAAE,CAAC,CAAC;YACvD,QAAQ,EAAE,sBAAsB,GAAG,EAAE;YACrC,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;YACnC,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,CAAC;YAC1C,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;YACpC,KAAK,EAAE,GAAG;SACX,CAAC;KACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
1
+ {"version":3,"file":"getSingleSelectProps.js","sourceRoot":"","sources":["../../../../../src/data/table/helpers/selection/getSingleSelectProps.ts"],"names":[],"mappings":"AAQA,SAAS,oBAAoB,CAAC,EAC5B,YAAY,EACZ,eAAe,EACf,YAAY,GACa;IACzB,MAAM,qBAAqB,GAAG,CAAC,GAAoB,EAAE,EAAE;QACrD,IAAI,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC/B,eAAe,CAAC,EAAE,CAAC,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,gBAAgB,EAAE,CAAC,GAAoB,EAAmB,EAAE,CAAC,CAAC;YAC5D,gDAAgD;YAChD,4CAA4C;YAC5C,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;YACnC,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,CAAC;YAC1C,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;YACpC,KAAK,EAAE,GAAG;YACV,+DAA+D;YAC/D,IAAI,EAAE,0BAA0B;SACjC,CAAC;KACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
@@ -1,5 +1,5 @@
1
- import type { CheckboxProps } from "../../../../form/checkbox/types.js";
2
- import type { RadioProps } from "../../../../form/radio/types.js";
1
+ import type { CheckboxInputProps } from "../../../../form/checkbox/checkbox-input/CheckboxInput.js";
2
+ import type { RadioInputProps } from "../../../../form/radio/radio-input/RadioInput.js";
3
3
  type SelectionT = (string | number)[] | "all";
4
4
  type SelectionProps = {
5
5
  /**
@@ -28,15 +28,15 @@ type SingleSelection = {
28
28
  allKeys: (string | number)[];
29
29
  selectedKeys: (string | number)[];
30
30
  disabledKeys: (string | number)[];
31
- getRowRadioProps: (key: string | number) => RadioProps;
31
+ getRowRadioProps: (key: string | number) => RadioInputProps;
32
32
  };
33
33
  type MultipleSelection = {
34
34
  selectionMode: "multiple";
35
35
  allKeys: (string | number)[];
36
36
  selectedKeys: SelectionT;
37
37
  disabledKeys: (string | number)[];
38
- getTheadCheckboxProps: () => CheckboxProps;
39
- getRowCheckboxProps: (key: string | number) => CheckboxProps;
38
+ getTheadCheckboxProps: () => CheckboxInputProps;
39
+ getRowCheckboxProps: (key: string | number) => CheckboxInputProps;
40
40
  };
41
41
  type TableSelection = NoneSelection | SingleSelection | MultipleSelection;
42
42
  export type { MultipleSelection, NoneSelection, SelectionProps, SelectionT, SingleSelection, TableSelection, };
@@ -11,7 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  /** biome-ignore-all lint/correctness/useHookAtTopLevel: False positive because of the way forwardRef() is added */
13
13
  import React, { forwardRef, useState } from "react";
14
- import { Checkbox } from "../../../form/checkbox/index.js";
14
+ import { CheckboxInput } from "../../../form/checkbox/checkbox-input/CheckboxInput.js";
15
+ import { RadioInput } from "../../../form/radio/radio-input/RadioInput.js";
15
16
  import { cl } from "../../../utils/helpers/index.js";
16
17
  import { useMergeRefs } from "../../../utils/hooks/index.js";
17
18
  import { useTableKeyboardNav } from "../hooks/useTableKeyboardNav.js";
@@ -46,12 +47,9 @@ function DataTableAutoInner(_a, forwardedRef) {
46
47
  React.createElement("table", Object.assign({}, rest, { ref: mergedRef, className: cl("aksel-data-table", className), "data-zebra-stripes": zebraStripes, "data-truncate-content": truncateContent, "data-density": rowDensity, "data-layout": layout, tabIndex: tabIndex }),
47
48
  React.createElement(DataTableThead, null,
48
49
  React.createElement(DataTableTr, null,
49
- selection.selectionMode === "multiple" && (
50
- /* TODO: Overflow/focus is clipped. Alignment is off */
51
- /* TODO: Should not be resizable */
52
- React.createElement(DataTableTh, { textAlign: "center", width: "60px" },
53
- React.createElement(Checkbox, Object.assign({}, selection.getTheadCheckboxProps())))),
54
- selection.selectionMode === "single" && (React.createElement(DataTableTd, { align: "center", width: "60px" })),
50
+ selection.selectionMode === "multiple" && (React.createElement(DataTableTh, { textAlign: "center", width: "60px", UNSAFE_isSelection: true },
51
+ React.createElement(CheckboxInput, Object.assign({}, selection.getTheadCheckboxProps(), { compact: true })))),
52
+ selection.selectionMode === "single" && (React.createElement(DataTableTh, { width: "64px", UNSAFE_isSelection: true })),
55
53
  columnDefinitions.map((colDef, colDefIndex) => {
56
54
  return (React.createElement(DataTableTh
57
55
  /* TODO: Make these user-changable */
@@ -62,10 +60,10 @@ function DataTableAutoInner(_a, forwardedRef) {
62
60
  React.createElement(DataTableTbody, null, data.map((rowData, rowIndex) => {
63
61
  const rowId = selection.allKeys[rowIndex];
64
62
  return (React.createElement(DataTableTr, { key: rowId },
65
- selection.selectionMode === "multiple" && (React.createElement(DataTableTd, { align: "center", width: "60px" },
66
- React.createElement(Checkbox, Object.assign({}, selection.getRowCheckboxProps(rowId))))),
67
- selection.selectionMode === "single" && (React.createElement(DataTableTd, { align: "center", width: "60px" },
68
- React.createElement(Checkbox, Object.assign({}, selection.getRowRadioProps(rowId))))),
63
+ selection.selectionMode === "multiple" && (React.createElement(DataTableTd, { align: "center", width: "60px", UNSAFE_isSelection: true },
64
+ React.createElement(CheckboxInput, Object.assign({}, selection.getRowCheckboxProps(rowId), { compact: true })))),
65
+ selection.selectionMode === "single" && (React.createElement(DataTableTd, { width: "64px", UNSAFE_isSelection: true },
66
+ React.createElement(RadioInput, Object.assign({}, selection.getRowRadioProps(rowId))))),
69
67
  columnDefinitions.map((colDef, colDefIndex) => {
70
68
  return (React.createElement(DataTableTd, { textAlign: "left", key: colDef.id || colDefIndex }, colDef.cell(rowData)));
71
69
  })));
@@ -1 +1 @@
1
- {"version":3,"file":"DataTableAuto.js","sourceRoot":"","sources":["../../../../src/data/table/root/DataTableAuto.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,mHAAmH;AACnH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAEL,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAwDnE,SAAS,kBAAkB,CACzB,EAiBoB,EACpB,YAAkD;QAlBlD,EACE,SAAS,EACT,UAAU,GAAG,QAAQ,EACrB,eAAe,GAAG,KAAK,EACvB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,IAAI,EACtB,qBAAqB,EACrB,MAAM,GAAG,OAAO,EAChB,aAAa,EAAE,iBAAiB,GAAG,MAAM,EACzC,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,GAAG,EAAE,EACjB,IAAI,EACJ,iBAAiB,EACjB,QAAQ,OAEU,EADf,IAAI,cAhBT,0PAiBC,CADQ;IAIT,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAA0B,IAAI,CAAC,CAAC;IACxE,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAE1D,MAAM,EAAE,QAAQ,EAAE,GAAG,mBAAmB,CAAC,QAAQ,EAAE;QACjD,OAAO,EAAE,eAAe;QACxB,qBAAqB;KACtB,CAAC,CAAC;IAEH,MAAM,gBAAgB,GACpB,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GACP,CAAC,CAAC,IAAO,EAAE,KAAa,EAAE,EAAE,CAAC,KAAK,CAAqC,CAAC;IAE3E,MAAM,SAAS,GAAG,iBAAiB,CAAC;QAClC,aAAa,EAAE,iBAAiB;QAChC,YAAY;QACZ,mBAAmB;QACnB,iBAAiB;QACjB,YAAY;QACZ,IAAI;QACJ,QAAQ,EAAE,gBAAgB;KAC3B,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,wBAAwB,IAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,eAAe;QACxE,6BAAK,SAAS,EAAC,kCAAkC;YAC/C,6BAAK,SAAS,EAAC,kCAAkC;gBAC/C,+CACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,wBACxB,YAAY,2BACT,eAAe,kBACxB,UAAU,iBACX,MAAM,EACnB,QAAQ,EAAE,QAAQ;oBAElB,oBAAC,cAAc;wBACb,oBAAC,WAAW;4BACT,SAAS,CAAC,aAAa,KAAK,UAAU,IAAI;4BACzC,uDAAuD;4BACvD,mCAAmC;4BACnC,oBAAC,WAAW,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM;gCAC1C,oBAAC,QAAQ,oBAAK,SAAS,CAAC,qBAAqB,EAAE,EAAI,CACvC,CACf;4BACA,SAAS,CAAC,aAAa,KAAK,QAAQ,IAAI,CACvC,oBAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,GAAG,CAC5C;4BACA,iBAAiB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE;gCAC7C,OAAO,CACL,oBAAC,WAAW;gCACV,qCAAqC;;oCAArC,qCAAqC;oCACrC,QAAQ,EAAC,OAAO,EAChB,QAAQ,EAAC,OAAO,EAChB,YAAY,EAAC,MAAM,EACnB,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,MAAM,CAAC,EAAE,IAAI,WAAW,IAE5B,MAAM,CAAC,MAAM,CACF,CACf,CAAC;4BACJ,CAAC,CAAC,CACU,CACC;oBACjB,oBAAC,cAAc,QACZ,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE;wBAC9B,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;wBAC1C,OAAO,CACL,oBAAC,WAAW,IAAC,GAAG,EAAE,KAAK;4BACpB,SAAS,CAAC,aAAa,KAAK,UAAU,IAAI,CACzC,oBAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM;gCACtC,oBAAC,QAAQ,oBAAK,SAAS,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAI,CAC1C,CACf;4BACA,SAAS,CAAC,aAAa,KAAK,QAAQ,IAAI,CACvC,oBAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM;gCAMtC,oBAAC,QAAQ,oBAAK,SAAS,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAI,CACvC,CACf;4BACA,iBAAiB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE;gCAC7C,OAAO,CACL,oBAAC,WAAW,IACV,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,MAAM,CAAC,EAAE,IAAI,WAAW,IAE5B,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CACT,CACf,CAAC;4BACJ,CAAC,CAAC,CACU,CACf,CAAC;oBACJ,CAAC,CAAC,CACa,CACX,CACJ,CACF,CACmB,CAC5B,CAAC;AACJ,CAAC;AAED,MAAM,aAAa,GAAG,UAAU,CAAC,kBAAkB,CAErB,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"DataTableAuto.js","sourceRoot":"","sources":["../../../../src/data/table/root/DataTableAuto.tsx"],"names":[],"mappings":"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"}
@@ -16,6 +16,10 @@ interface DataTableTdProps extends React.TdHTMLAttributes<HTMLTableCellElement>
16
16
  * @default "left"
17
17
  */
18
18
  textAlign?: "left" | "center" | "right";
19
+ /**
20
+ * Temp hack to solve overflow and alignment
21
+ */
22
+ UNSAFE_isSelection?: boolean;
19
23
  }
20
24
  declare const DataTableTd: React.ForwardRefExoticComponent<DataTableTdProps & React.RefAttributes<HTMLTableCellElement>>;
21
25
  export { DataTableTd };
@@ -13,9 +13,11 @@ import React, { forwardRef } from "react";
13
13
  import { cl } from "../../../utils/helpers/index.js";
14
14
  import { useDataTableContext } from "../root/DataTableRoot.context.js";
15
15
  const DataTableTd = forwardRef((_a, forwardedRef) => {
16
- var { className, children, contentMaxWidth, textAlign = "left" } = _a, rest = __rest(_a, ["className", "children", "contentMaxWidth", "textAlign"]);
16
+ var { className, children, contentMaxWidth, textAlign = "left", UNSAFE_isSelection } = _a, rest = __rest(_a, ["className", "children", "contentMaxWidth", "textAlign", "UNSAFE_isSelection"]);
17
17
  const { withKeyboardNav } = useDataTableContext();
18
- return (React.createElement("td", Object.assign({}, rest, { ref: forwardedRef, className: cl("aksel-data-table__td", className), tabIndex: withKeyboardNav ? -1 : undefined, "data-align": textAlign }),
18
+ return (React.createElement("td", Object.assign({}, rest, { ref: forwardedRef, className: cl("aksel-data-table__td", className, {
19
+ "aksel-data-table--UNSAFE_isSelection": UNSAFE_isSelection,
20
+ }), tabIndex: withKeyboardNav ? -1 : undefined, "data-align": textAlign }),
19
21
  React.createElement("div", { style: { maxWidth: contentMaxWidth } }, children)));
20
22
  });
21
23
  export { DataTableTd };
@@ -1 +1 @@
1
- {"version":3,"file":"DataTableTd.js","sourceRoot":"","sources":["../../../../src/data/table/td/DataTableTd.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAsBpE,MAAM,WAAW,GAAG,UAAU,CAC5B,CACE,EAAqE,EACrE,YAAY,EACZ,EAAE;QAFF,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,SAAS,GAAG,MAAM,OAAW,EAAN,IAAI,cAAnE,yDAAqE,CAAF;IAGnE,MAAM,EAAE,eAAe,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAElD,OAAO,CACL,4CACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAChD,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,gBAC9B,SAAS;QAErB,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAG,QAAQ,CAAO,CACxD,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"DataTableTd.js","sourceRoot":"","sources":["../../../../src/data/table/td/DataTableTd.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AA0BpE,MAAM,WAAW,GAAG,UAAU,CAC5B,CACE,EAOC,EACD,YAAY,EACZ,EAAE;QATF,EACE,SAAS,EACT,QAAQ,EACR,eAAe,EACf,SAAS,GAAG,MAAM,EAClB,kBAAkB,OAEnB,EADI,IAAI,cANT,+EAOC,CADQ;IAIT,MAAM,EAAE,eAAe,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAElD,OAAO,CACL,4CACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,EAAE;YAC/C,sCAAsC,EAAE,kBAAkB;SAC3D,CAAC,EACF,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,gBAC9B,SAAS;QAErB,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAG,QAAQ,CAAO,CACxD,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -35,6 +35,10 @@ interface DataTableThProps extends React.HTMLAttributes<HTMLTableCellElement>, R
35
35
  */
36
36
  colSpan?: number;
37
37
  rowSpan?: number;
38
+ /**
39
+ * Temp hack to solve overflow and alignment
40
+ */
41
+ UNSAFE_isSelection?: boolean;
38
42
  }
39
43
  /**
40
44
  * TODO:
@@ -27,7 +27,7 @@ const SORT_ICON = {
27
27
  * Toggling `data-block-keyboard-nav` does not work since the created "grid" does not update when toggling this attribute.
28
28
  */
29
29
  const DataTableTh = forwardRef((_a, forwardedRef) => {
30
- var { className, children, sortable = false, sortDirection = "none", onSortClick, style, textAlign = "left", width, minWidth, maxWidth, onWidthChange, defaultWidth, colSpan } = _a, rest = __rest(_a, ["className", "children", "sortable", "sortDirection", "onSortClick", "style", "textAlign", "width", "minWidth", "maxWidth", "onWidthChange", "defaultWidth", "colSpan"]);
30
+ var { className, children, sortable = false, sortDirection = "none", onSortClick, style, textAlign = "left", width, minWidth, maxWidth, onWidthChange, defaultWidth, colSpan, UNSAFE_isSelection } = _a, rest = __rest(_a, ["className", "children", "sortable", "sortDirection", "onSortClick", "style", "textAlign", "width", "minWidth", "maxWidth", "onWidthChange", "defaultWidth", "colSpan", "UNSAFE_isSelection"]);
31
31
  const { withKeyboardNav } = useDataTableContext();
32
32
  const [isOverflowing, setIsOverflowing] = React.useState(false);
33
33
  const contentRef = React.useRef(null);
@@ -51,8 +51,11 @@ const DataTableTh = forwardRef((_a, forwardedRef) => {
51
51
  }, onPointerLeave: () => setIsOverflowing(false), tabIndex: withKeyboardNav ? -1 : undefined, "data-align": textAlign, colSpan: colSpan }),
52
52
  sortable ? (React.createElement("button", { className: "aksel-data-table__th-sort-button", onClick: sortable ? onSortClick : undefined },
53
53
  React.createElement("div", { ref: contentRef, className: "aksel-data-table__th-content" }, children),
54
- SortIcon && (React.createElement(SortIcon, { "aria-hidden": true, "data-sort-direction": sortDirection, className: "aksel-data-table__th-sort-icon", fontSize: "1.25rem" })))) : (React.createElement("div", { ref: contentRef, className: "aksel-data-table__th-content" }, children)),
55
- resizeResult.enabled && (React.createElement("button", Object.assign({}, resizeResult.resizeHandlerProps, { className: "aksel-data-table__th-resize-handle", "data-active": resizeResult.isResizingWithKeyboard, "data-block-keyboard-nav": true }), resizeResult.isResizingWithKeyboard && (React.createElement(React.Fragment, null,
54
+ SortIcon && (React.createElement(SortIcon, { "aria-hidden": true, "data-sort-direction": sortDirection, className: "aksel-data-table__th-sort-icon", fontSize: "1.25rem" })))) : (React.createElement("div", { ref: contentRef, className: cl({
55
+ "aksel-data-table__th-content": !UNSAFE_isSelection,
56
+ "aksel-data-table--UNSAFE_isSelection": UNSAFE_isSelection,
57
+ }) }, children)),
58
+ resizeResult.enabled && !UNSAFE_isSelection && (React.createElement("button", Object.assign({}, resizeResult.resizeHandlerProps, { className: "aksel-data-table__th-resize-handle", "data-active": resizeResult.isResizingWithKeyboard, "data-block-keyboard-nav": true }), resizeResult.isResizingWithKeyboard && (React.createElement(React.Fragment, null,
56
59
  React.createElement("span", { className: "aksel-data-table__th-resize-handle-indicator aksel-data-table__th-resize-handle-indicator--start" },
57
60
  React.createElement(CaretLeftCircleFillIcon, { "aria-hidden": true, fontSize: "1.5rem" })),
58
61
  React.createElement("span", { className: "aksel-data-table__th-resize-handle-indicator aksel-data-table__th-resize-handle-indicator--end" },
@@ -1 +1 @@
1
- {"version":3,"file":"DataTableTh.js","sourceRoot":"","sources":["../../../../src/data/table/th/DataTableTh.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DataTableTh.js","sourceRoot":"","sources":["../../../../src/data/table/th/DataTableTh.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ import type { ExternalToken, OperationT } from "./TokenFilter.types.js";
3
+ type TokenFilterChipsProps = {
4
+ tokens: ExternalToken[];
5
+ removeToken: (index: number) => void;
6
+ operation: OperationT;
7
+ updateOperation: (operation: OperationT) => void;
8
+ };
9
+ declare function TokenFilterChips(props: TokenFilterChipsProps): React.JSX.Element | null;
10
+ export { TokenFilterChips };