@navikt/ds-react 8.8.0 → 8.9.0

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 (174) hide show
  1. package/cjs/data/drag-and-drop/drag-handler/DragAndDropDragHandler.d.ts +12 -0
  2. package/cjs/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js +57 -0
  3. package/cjs/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js.map +1 -0
  4. package/cjs/data/drag-and-drop/item/DragAndDropItem.d.ts +27 -0
  5. package/cjs/data/drag-and-drop/item/DragAndDropItem.js +52 -0
  6. package/cjs/data/drag-and-drop/item/DragAndDropItem.js.map +1 -0
  7. package/cjs/data/drag-and-drop/root/DragAndDrop.context.d.ts +16 -0
  8. package/cjs/data/drag-and-drop/root/DragAndDrop.context.js +10 -0
  9. package/cjs/data/drag-and-drop/root/DragAndDrop.context.js.map +1 -0
  10. package/cjs/data/drag-and-drop/root/{DataDragAndDropRoot.d.ts → DragAndDropRoot.d.ts} +11 -9
  11. package/cjs/data/drag-and-drop/root/DragAndDropRoot.js +187 -0
  12. package/cjs/data/drag-and-drop/root/DragAndDropRoot.js.map +1 -0
  13. package/cjs/data/drag-and-drop/types.d.ts +4 -0
  14. package/cjs/data/drag-and-drop/types.js +3 -0
  15. package/cjs/data/drag-and-drop/types.js.map +1 -0
  16. package/cjs/data/table/helpers/selection/getMultipleSelectProps.d.ts +14 -0
  17. package/cjs/data/table/helpers/selection/getMultipleSelectProps.js +48 -0
  18. package/cjs/data/table/helpers/selection/getMultipleSelectProps.js.map +1 -0
  19. package/cjs/data/table/helpers/selection/getSingleSelectProps.d.ts +10 -0
  20. package/cjs/data/table/helpers/selection/getSingleSelectProps.js +23 -0
  21. package/cjs/data/table/helpers/selection/getSingleSelectProps.js.map +1 -0
  22. package/cjs/data/table/helpers/selection/selection.types.d.ts +42 -0
  23. package/cjs/data/table/helpers/selection/selection.types.js +3 -0
  24. package/cjs/data/table/helpers/selection/selection.types.js.map +1 -0
  25. package/cjs/data/table/{root → hooks}/useTableKeyboardNav.js +1 -1
  26. package/cjs/data/table/hooks/useTableKeyboardNav.js.map +1 -0
  27. package/cjs/data/table/hooks/useTableSelection.d.ts +8 -0
  28. package/cjs/data/table/hooks/useTableSelection.js +49 -0
  29. package/cjs/data/table/hooks/useTableSelection.js.map +1 -0
  30. package/cjs/data/table/root/DataTableAuto.d.ts +4 -4
  31. package/cjs/data/table/root/DataTableAuto.js +24 -10
  32. package/cjs/data/table/root/DataTableAuto.js.map +1 -1
  33. package/cjs/data/table/root/DataTableRoot.d.ts +1 -1
  34. package/cjs/data/table/root/DataTableRoot.js +1 -1
  35. package/cjs/data/table/root/DataTableRoot.js.map +1 -1
  36. package/cjs/data/token-filter/AutoSuggest.js +37 -4
  37. package/cjs/data/token-filter/AutoSuggest.js.map +1 -1
  38. package/cjs/data/token-filter/TokenFilter.d.ts +1 -0
  39. package/cjs/data/token-filter/TokenFilter.js +1 -0
  40. package/cjs/data/token-filter/TokenFilter.js.map +1 -1
  41. package/cjs/data/toolbar/root/DataToolbarRoot.d.ts +6 -23
  42. package/cjs/data/toolbar/root/DataToolbarRoot.js +42 -7
  43. package/cjs/data/toolbar/root/DataToolbarRoot.js.map +1 -1
  44. package/cjs/date/Date.Input.js +8 -9
  45. package/cjs/date/Date.Input.js.map +1 -1
  46. package/cjs/date/datepicker/hooks/useDatepicker.js +4 -3
  47. package/cjs/date/datepicker/hooks/useDatepicker.js.map +1 -1
  48. package/cjs/date/monthpicker/hooks/useMonthPicker.js +3 -2
  49. package/cjs/date/monthpicker/hooks/useMonthPicker.js.map +1 -1
  50. package/cjs/internal-header/InternalHeaderButton.d.ts +5 -0
  51. package/cjs/internal-header/InternalHeaderButton.js +2 -2
  52. package/cjs/internal-header/InternalHeaderButton.js.map +1 -1
  53. package/cjs/utils/components/Listbox/group/ListboxGroup.js +2 -1
  54. package/cjs/utils/components/Listbox/group/ListboxGroup.js.map +1 -1
  55. package/esm/data/drag-and-drop/drag-handler/DragAndDropDragHandler.d.ts +12 -0
  56. package/esm/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js +51 -0
  57. package/esm/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js.map +1 -0
  58. package/esm/data/drag-and-drop/item/DragAndDropItem.d.ts +27 -0
  59. package/esm/data/drag-and-drop/item/DragAndDropItem.js +46 -0
  60. package/esm/data/drag-and-drop/item/DragAndDropItem.js.map +1 -0
  61. package/esm/data/drag-and-drop/root/DragAndDrop.context.d.ts +16 -0
  62. package/esm/data/drag-and-drop/root/DragAndDrop.context.js +6 -0
  63. package/esm/data/drag-and-drop/root/DragAndDrop.context.js.map +1 -0
  64. package/esm/data/drag-and-drop/root/{DataDragAndDropRoot.d.ts → DragAndDropRoot.d.ts} +11 -9
  65. package/esm/data/drag-and-drop/root/DragAndDropRoot.js +147 -0
  66. package/esm/data/drag-and-drop/root/DragAndDropRoot.js.map +1 -0
  67. package/esm/data/drag-and-drop/types.d.ts +4 -0
  68. package/esm/data/drag-and-drop/types.js +2 -0
  69. package/esm/data/drag-and-drop/types.js.map +1 -0
  70. package/esm/data/table/helpers/selection/getMultipleSelectProps.d.ts +14 -0
  71. package/esm/data/table/helpers/selection/getMultipleSelectProps.js +46 -0
  72. package/esm/data/table/helpers/selection/getMultipleSelectProps.js.map +1 -0
  73. package/esm/data/table/helpers/selection/getSingleSelectProps.d.ts +10 -0
  74. package/esm/data/table/helpers/selection/getSingleSelectProps.js +21 -0
  75. package/esm/data/table/helpers/selection/getSingleSelectProps.js.map +1 -0
  76. package/esm/data/table/helpers/selection/selection.types.d.ts +42 -0
  77. package/esm/data/table/helpers/selection/selection.types.js +2 -0
  78. package/esm/data/table/helpers/selection/selection.types.js.map +1 -0
  79. package/esm/data/table/{root → hooks}/useTableKeyboardNav.js +1 -1
  80. package/esm/data/table/hooks/useTableKeyboardNav.js.map +1 -0
  81. package/esm/data/table/hooks/useTableSelection.d.ts +8 -0
  82. package/esm/data/table/hooks/useTableSelection.js +47 -0
  83. package/esm/data/table/hooks/useTableSelection.js.map +1 -0
  84. package/esm/data/table/root/DataTableAuto.d.ts +4 -4
  85. package/esm/data/table/root/DataTableAuto.js +24 -10
  86. package/esm/data/table/root/DataTableAuto.js.map +1 -1
  87. package/esm/data/table/root/DataTableRoot.d.ts +1 -1
  88. package/esm/data/table/root/DataTableRoot.js +1 -1
  89. package/esm/data/table/root/DataTableRoot.js.map +1 -1
  90. package/esm/data/token-filter/AutoSuggest.js +38 -5
  91. package/esm/data/token-filter/AutoSuggest.js.map +1 -1
  92. package/esm/data/token-filter/TokenFilter.d.ts +1 -0
  93. package/esm/data/token-filter/TokenFilter.js +1 -0
  94. package/esm/data/token-filter/TokenFilter.js.map +1 -1
  95. package/esm/data/toolbar/root/DataToolbarRoot.d.ts +6 -23
  96. package/esm/data/toolbar/root/DataToolbarRoot.js +9 -7
  97. package/esm/data/toolbar/root/DataToolbarRoot.js.map +1 -1
  98. package/esm/date/Date.Input.js +9 -10
  99. package/esm/date/Date.Input.js.map +1 -1
  100. package/esm/date/datepicker/hooks/useDatepicker.js +4 -3
  101. package/esm/date/datepicker/hooks/useDatepicker.js.map +1 -1
  102. package/esm/date/monthpicker/hooks/useMonthPicker.js +3 -2
  103. package/esm/date/monthpicker/hooks/useMonthPicker.js.map +1 -1
  104. package/esm/internal-header/InternalHeaderButton.d.ts +5 -0
  105. package/esm/internal-header/InternalHeaderButton.js +2 -2
  106. package/esm/internal-header/InternalHeaderButton.js.map +1 -1
  107. package/esm/utils/components/Listbox/group/ListboxGroup.js +2 -1
  108. package/esm/utils/components/Listbox/group/ListboxGroup.js.map +1 -1
  109. package/package.json +4 -4
  110. package/src/data/drag-and-drop/drag-handler/DragAndDropDragHandler.tsx +90 -0
  111. package/src/data/drag-and-drop/item/DragAndDropItem.tsx +71 -0
  112. package/src/data/drag-and-drop/root/DragAndDrop.context.tsx +25 -0
  113. package/src/data/drag-and-drop/root/DragAndDropRoot.tsx +245 -0
  114. package/src/data/drag-and-drop/types.ts +4 -0
  115. package/src/data/table/helpers/selection/getMultipleSelectProps.ts +70 -0
  116. package/src/data/table/helpers/selection/getSingleSelectProps.ts +33 -0
  117. package/src/data/table/helpers/selection/selection.types.ts +56 -0
  118. package/src/data/table/hooks/__tests__/useTableSelection.test.ts +327 -0
  119. package/src/data/table/{root → hooks}/useTableKeyboardNav.ts +1 -1
  120. package/src/data/table/hooks/useTableSelection.ts +78 -0
  121. package/src/data/table/root/DataTableAuto.tsx +46 -23
  122. package/src/data/table/root/DataTableRoot.tsx +2 -2
  123. package/src/data/token-filter/AutoSuggest.tsx +65 -3
  124. package/src/data/token-filter/TokenFilter.tsx +1 -0
  125. package/src/data/toolbar/root/DataToolbarRoot.tsx +29 -32
  126. package/src/date/Date.Input.tsx +17 -16
  127. package/src/date/datepicker/hooks/useDatepicker.tsx +4 -5
  128. package/src/date/monthpicker/hooks/useMonthPicker.tsx +3 -4
  129. package/src/internal-header/InternalHeaderButton.tsx +18 -9
  130. package/src/utils/components/Listbox/group/ListboxGroup.tsx +9 -2
  131. package/cjs/data/action-bar/root/DataActionBarRoot.d.ts +0 -27
  132. package/cjs/data/action-bar/root/DataActionBarRoot.js +0 -49
  133. package/cjs/data/action-bar/root/DataActionBarRoot.js.map +0 -1
  134. package/cjs/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.d.ts +0 -21
  135. package/cjs/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.js +0 -24
  136. package/cjs/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.js.map +0 -1
  137. package/cjs/data/drag-and-drop/item/DataDragAndDropItem.d.ts +0 -27
  138. package/cjs/data/drag-and-drop/item/DataDragAndDropItem.js +0 -41
  139. package/cjs/data/drag-and-drop/item/DataDragAndDropItem.js.map +0 -1
  140. package/cjs/data/drag-and-drop/root/DataDragAndDrop.context.d.ts +0 -8
  141. package/cjs/data/drag-and-drop/root/DataDragAndDrop.context.js +0 -10
  142. package/cjs/data/drag-and-drop/root/DataDragAndDrop.context.js.map +0 -1
  143. package/cjs/data/drag-and-drop/root/DataDragAndDropRoot.js +0 -61
  144. package/cjs/data/drag-and-drop/root/DataDragAndDropRoot.js.map +0 -1
  145. package/cjs/data/table/root/useTableKeyboardNav.js.map +0 -1
  146. package/cjs/data/table/root/useTableSelection.d.ts +0 -55
  147. package/cjs/data/table/root/useTableSelection.js +0 -79
  148. package/cjs/data/table/root/useTableSelection.js.map +0 -1
  149. package/esm/data/action-bar/root/DataActionBarRoot.d.ts +0 -27
  150. package/esm/data/action-bar/root/DataActionBarRoot.js +0 -43
  151. package/esm/data/action-bar/root/DataActionBarRoot.js.map +0 -1
  152. package/esm/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.d.ts +0 -21
  153. package/esm/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.js +0 -18
  154. package/esm/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.js.map +0 -1
  155. package/esm/data/drag-and-drop/item/DataDragAndDropItem.d.ts +0 -27
  156. package/esm/data/drag-and-drop/item/DataDragAndDropItem.js +0 -35
  157. package/esm/data/drag-and-drop/item/DataDragAndDropItem.js.map +0 -1
  158. package/esm/data/drag-and-drop/root/DataDragAndDrop.context.d.ts +0 -8
  159. package/esm/data/drag-and-drop/root/DataDragAndDrop.context.js +0 -6
  160. package/esm/data/drag-and-drop/root/DataDragAndDrop.context.js.map +0 -1
  161. package/esm/data/drag-and-drop/root/DataDragAndDropRoot.js +0 -21
  162. package/esm/data/drag-and-drop/root/DataDragAndDropRoot.js.map +0 -1
  163. package/esm/data/table/root/useTableKeyboardNav.js.map +0 -1
  164. package/esm/data/table/root/useTableSelection.d.ts +0 -55
  165. package/esm/data/table/root/useTableSelection.js +0 -77
  166. package/esm/data/table/root/useTableSelection.js.map +0 -1
  167. package/src/data/action-bar/root/DataActionBarRoot.tsx +0 -59
  168. package/src/data/drag-and-drop/drag-handler/DataDragAndDropDragHandler.tsx +0 -63
  169. package/src/data/drag-and-drop/item/DataDragAndDropItem.tsx +0 -54
  170. package/src/data/drag-and-drop/root/DataDragAndDrop.context.tsx +0 -14
  171. package/src/data/drag-and-drop/root/DataDragAndDropRoot.tsx +0 -54
  172. package/src/data/table/root/useTableSelection.ts +0 -126
  173. /package/cjs/data/table/{root → hooks}/useTableKeyboardNav.d.ts +0 -0
  174. /package/esm/data/table/{root → hooks}/useTableKeyboardNav.d.ts +0 -0
@@ -163,8 +163,9 @@ const useMonthpicker = (opt = {}) => {
163
163
  onOpenToggle: () => handleOpen(!open),
164
164
  onClose: () => {
165
165
  handleOpen(false);
166
- /* Delay focus to allow "open"-button to update title before focus */
167
- queueMicrotask(() => (0, focus_1.focusElement)(anchorRef, { sync: false, preventScroll: true }));
166
+ // We use sync:false so that when Modal is used (see Date.Dialog.tsx), it is closed before
167
+ // we try to focus the open button (since native modal dialogs don't allow focus outside).
168
+ (0, focus_1.focusElement)(anchorRef, { sync: false, preventScroll: true });
168
169
  },
169
170
  disabled,
170
171
  };
@@ -1 +1 @@
1
- {"version":3,"file":"useMonthPicker.js","sourceRoot":"","sources":["../../../../src/date/monthpicker/hooks/useMonthPicker.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useMonthPicker.js","sourceRoot":"","sources":["../../../../src/date/monthpicker/hooks/useMonthPicker.tsx"],"names":[],"mappings":"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"}
@@ -5,6 +5,11 @@ export interface InternalHeaderButtonProps extends React.ButtonHTMLAttributes<HT
5
5
  * Application Button
6
6
  */
7
7
  children: React.ReactNode;
8
+ /**
9
+ * Active state for element.
10
+ * @default false
11
+ */
12
+ isActive?: boolean;
8
13
  }
9
14
  export declare const InternalHeaderButton: OverridableComponent<InternalHeaderButtonProps, HTMLButtonElement>;
10
15
  export default InternalHeaderButton;
@@ -48,8 +48,8 @@ exports.InternalHeaderButton = void 0;
48
48
  const react_1 = __importStar(require("react"));
49
49
  const helpers_1 = require("../utils/helpers");
50
50
  exports.InternalHeaderButton = (0, react_1.forwardRef)((_a, ref) => {
51
- var { as: Component = "button", className } = _a, rest = __rest(_a, ["as", "className"]);
52
- return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, helpers_1.cl)("aksel-internalheader__button", className) })));
51
+ var { as: Component = "button", className, isActive = false } = _a, rest = __rest(_a, ["as", "className", "isActive"]);
52
+ return (react_1.default.createElement(Component, Object.assign({ "aria-current": isActive || undefined }, rest, { ref: ref, className: (0, helpers_1.cl)("aksel-internalheader__button", className), "data-active": isActive })));
53
53
  });
54
54
  exports.default = exports.InternalHeaderButton;
55
55
  //# sourceMappingURL=InternalHeaderButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InternalHeaderButton.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,8CAAsC;AAQzB,QAAA,oBAAoB,GAG7B,IAAA,kBAAU,EAAC,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9C,mBAAgD,CAAF;IAC5D,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EAAC,8BAA8B,EAAE,SAAS,CAAC,IACxD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,4BAAoB,CAAC"}
1
+ {"version":3,"file":"InternalHeaderButton.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,8CAAsC;AAazB,QAAA,oBAAoB,GAG7B,IAAA,kBAAU,EACZ,CAAC,EAAkE,EAAE,GAAG,EAAE,EAAE;QAA3E,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,OAAW,EAAN,IAAI,cAAhE,+BAAkE,CAAF;IAC/D,OAAO,CACL,8BAAC,SAAS,kCACM,QAAQ,IAAI,SAAS,IAC/B,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EAAC,8BAA8B,EAAE,SAAS,CAAC,iBAC3C,QAAQ,IACrB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,4BAAoB,CAAC"}
@@ -5,11 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.ListboxGroup = ListboxGroup;
7
7
  const react_1 = __importDefault(require("react"));
8
+ const typography_1 = require("../../../../typography");
8
9
  const utils_external_1 = require("../../../../utils-external");
9
10
  function ListboxGroup({ label, children }) {
10
11
  const labelId = (0, utils_external_1.useId)();
11
12
  return (react_1.default.createElement("div", { role: "group", className: "aksel-listbox__group", "aria-labelledby": labelId },
12
- react_1.default.createElement("div", { id: labelId, "aria-hidden": true }, label),
13
+ react_1.default.createElement(typography_1.Label, { as: "div", size: "small", id: labelId, "aria-hidden": true, className: "aksel-listbox__group-label" }, label),
13
14
  children));
14
15
  }
15
16
  //# sourceMappingURL=ListboxGroup.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ListboxGroup.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/group/ListboxGroup.tsx"],"names":[],"mappings":";;;;;AAyBS,oCAAY;AAzBrB,kDAA0B;AAC1B,+DAAmD;AAOnD,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAqB;IAC1D,MAAM,OAAO,GAAG,IAAA,sBAAK,GAAE,CAAC;IAExB,OAAO,CACL,uCACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,sBAAsB,qBACf,OAAO;QAExB,uCAAK,EAAE,EAAE,OAAO,yBACb,KAAK,CACF;QACL,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"ListboxGroup.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/group/ListboxGroup.tsx"],"names":[],"mappings":";;;;;AAgCS,oCAAY;AAhCrB,kDAA0B;AAC1B,uDAA+C;AAC/C,+DAAmD;AAOnD,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAqB;IAC1D,MAAM,OAAO,GAAG,IAAA,sBAAK,GAAE,CAAC;IAExB,OAAO,CACL,uCACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,sBAAsB,qBACf,OAAO;QAExB,8BAAC,kBAAK,IACJ,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,OAAO,uBAEX,SAAS,EAAC,4BAA4B,IAErC,KAAK,CACA;QACP,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ import { DragAndDropElement } from "../types.js";
3
+ export interface DragAndDropDragHandlerProps {
4
+ item: DragAndDropElement;
5
+ }
6
+ /**
7
+ * DragAndDropDragHandler
8
+ *
9
+ * A button component that serves as a drag handle for drag and drop operations.
10
+ * Can be used to initiate dragging of elements in a data table or list.
11
+ */
12
+ export declare const DragAndDropDragHandler: React.ForwardRefExoticComponent<DragAndDropDragHandlerProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,51 @@
1
+ import React from "react";
2
+ import { CaretDownCircleFillIcon, CaretUpCircleFillIcon, DragVerticalIcon, } from "@navikt/aksel-icons";
3
+ import { useDragAndDropContext } from "../root/DragAndDrop.context.js";
4
+ /**
5
+ * DragAndDropDragHandler
6
+ *
7
+ * A button component that serves as a drag handle for drag and drop operations.
8
+ * Can be used to initiate dragging of elements in a data table or list.
9
+ */
10
+ export const DragAndDropDragHandler = React.forwardRef(({ item }, forwardedRef) => {
11
+ var _a;
12
+ const context = useDragAndDropContext();
13
+ const active = ((_a = context === null || context === void 0 ? void 0 : context.dragHandlerActive) === null || _a === void 0 ? void 0 : _a.id) === item.id;
14
+ return (React.createElement("div", { className: "aksel-data-drag-and-drop__drag-handler", ref: forwardedRef },
15
+ active && (React.createElement("span", { className: "aksel-data-drag-and-drop__drag-handler__arrow", "data-direction": "up" },
16
+ React.createElement(CaretUpCircleFillIcon, { "aria-hidden": true, fontSize: "1.2rem" }))),
17
+ React.createElement("button", { "aria-label": "Dra for \u00E5 flytte", className: "aksel-data-drag-and-drop__drag-handler__button", "data-drag-handler-active": active, onPointerDown: (event) => {
18
+ event.stopPropagation();
19
+ context === null || context === void 0 ? void 0 : context.onDragStart(event, item);
20
+ }, onClick: () => context === null || context === void 0 ? void 0 : context.setDragHandlerActive(item), onKeyDown: (event) => {
21
+ if ((event.key === "Enter" || event.key === " ") &&
22
+ (context === null || context === void 0 ? void 0 : context.dragHandlerActive)) {
23
+ // Enter or space, currently active item - end keyboard dragging
24
+ event.preventDefault();
25
+ context === null || context === void 0 ? void 0 : context.setDragHandlerActive(null);
26
+ }
27
+ else if ((event.key === "Enter" || event.key === " ") &&
28
+ !(context === null || context === void 0 ? void 0 : context.dragHandlerActive)) {
29
+ // Enter or space, not currently active item - start keyboard dragging
30
+ event.preventDefault();
31
+ context === null || context === void 0 ? void 0 : context.setDragHandlerActive(item);
32
+ }
33
+ else if (event.key === "Escape") {
34
+ // Cancel dragging
35
+ // TODO Handle reset
36
+ context === null || context === void 0 ? void 0 : context.setDragHandlerActive(null);
37
+ }
38
+ else if (event.key === "ArrowUp") {
39
+ // Move item up
40
+ context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(-1);
41
+ }
42
+ else if (event.key === "ArrowDown") {
43
+ // Move item down
44
+ context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(1);
45
+ }
46
+ } },
47
+ React.createElement(DragVerticalIcon, { "aria-hidden": true, title: "Dra for \u00E5 flytte", fontSize: "1.5rem" })),
48
+ active && (React.createElement("span", { className: "aksel-data-drag-and-drop__drag-handler__arrow", "data-direction": "down" },
49
+ React.createElement(CaretDownCircleFillIcon, { "aria-hidden": true, fontSize: "1.2rem" })))));
50
+ });
51
+ //# sourceMappingURL=DragAndDropDragHandler.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DragAndDropDragHandler.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/drag-handler/DragAndDropDragHandler.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,27 @@
1
+ import React from "react";
2
+ interface DragAndDropItemProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ children: React.ReactNode;
4
+ /**
5
+ * Unique id
6
+ */
7
+ id: string;
8
+ /**
9
+ * Index of the item being dragged
10
+ */
11
+ index: number;
12
+ }
13
+ /**
14
+ * TODO
15
+ *
16
+ * @see 🏷️ {@link DragAndDropItemProps}
17
+ * @example
18
+ * ```tsx
19
+ * <DragAndDrop.Item numOfSelectedRows={selectedRows.length} onClear={handleClear}>
20
+ * TODO
21
+ * </DragAndDrop.Item>
22
+ * ```
23
+ */
24
+ declare const DragAndDropItem: React.ForwardRefExoticComponent<DragAndDropItemProps & React.RefAttributes<HTMLDivElement>>;
25
+ export default DragAndDropItem;
26
+ export { DragAndDropItem };
27
+ export type { DragAndDropItemProps };
@@ -0,0 +1,46 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import React from "react";
13
+ import { HStack } from "../../../primitives/stack/index.js";
14
+ import { cl } from "../../../utils/helpers/index.js";
15
+ import { DragAndDropDragHandler } from "../drag-handler/DragAndDropDragHandler.js";
16
+ import { useDragAndDropContext } from "../root/DragAndDrop.context.js";
17
+ /**
18
+ * TODO
19
+ *
20
+ * @see 🏷️ {@link DragAndDropItemProps}
21
+ * @example
22
+ * ```tsx
23
+ * <DragAndDrop.Item numOfSelectedRows={selectedRows.length} onClear={handleClear}>
24
+ * TODO
25
+ * </DragAndDrop.Item>
26
+ * ```
27
+ */
28
+ const DragAndDropItem = React.forwardRef((_a, forwardedRef) => {
29
+ var _b;
30
+ var { children, id, index, className } = _a, rest = __rest(_a, ["children", "id", "index", "className"]);
31
+ const ref = React.useRef(null);
32
+ const context = useDragAndDropContext();
33
+ const item = { id, index };
34
+ const isDropTarget = ((_b = context === null || context === void 0 ? void 0 : context.dropTarget) === null || _b === void 0 ? void 0 : _b.id) === id;
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 }),
42
+ React.createElement("div", null, children))));
43
+ });
44
+ export default DragAndDropItem;
45
+ export { DragAndDropItem };
46
+ //# sourceMappingURL=DragAndDropItem.js.map
@@ -0,0 +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"}
@@ -0,0 +1,16 @@
1
+ import { DragAndDropElement } from "../types.js";
2
+ interface DragAndDropContextType {
3
+ activeItem: DragAndDropElement | null;
4
+ setActiveItem: (id: DragAndDropElement | null) => void;
5
+ dropTarget: DragAndDropElement | null;
6
+ setDropTarget: (id: DragAndDropElement | null) => void;
7
+ dragHandlerActive: DragAndDropElement | null;
8
+ setDragHandlerActive: (active: DragAndDropElement | null) => void;
9
+ onKeyboardDragEnd: (diff: number) => void;
10
+ onDragStart: (event: React.PointerEvent | React.MouseEvent, item: DragAndDropElement) => void;
11
+ }
12
+ export declare const DragAndDropProvider: import("react").FC<DragAndDropContextType & {
13
+ children: React.ReactNode;
14
+ ref?: never;
15
+ }>, useDragAndDropContext: <S extends boolean = true>(strict?: S | undefined) => S extends true ? DragAndDropContextType | undefined : DragAndDropContextType | undefined;
16
+ export {};
@@ -0,0 +1,6 @@
1
+ import { createStrictContext } from "../../../utils/helpers/index.js";
2
+ export const { Provider: DragAndDropProvider, useContext: useDragAndDropContext, } = createStrictContext({
3
+ errorMessage: "useDragAndDropContext must be used within a DragAndDropProvider",
4
+ name: "DragAndDropContext",
5
+ });
6
+ //# sourceMappingURL=DragAndDrop.context.js.map
@@ -0,0 +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,12 +1,12 @@
1
1
  import React from "react";
2
- import DataDragAndDropItem, { DataDragAndDropItemProps } from "../item/DataDragAndDropItem.js";
3
- interface DataDragAndDropProps extends React.HTMLAttributes<HTMLDivElement> {
2
+ import DragAndDropItem, { DragAndDropItemProps } from "../item/DragAndDropItem.js";
3
+ interface DragAndDropProps extends React.HTMLAttributes<HTMLDivElement> {
4
4
  children: any[];
5
5
  setItems: React.Dispatch<React.SetStateAction<any[]>>;
6
6
  }
7
- interface DataDragAndDropRootComponent extends React.ForwardRefExoticComponent<DataDragAndDropProps & React.RefAttributes<HTMLDivElement>> {
7
+ interface DataDragAndDropRootComponent extends React.ForwardRefExoticComponent<DragAndDropProps & React.RefAttributes<HTMLDivElement>> {
8
8
  /**
9
- * @see 🏷️ {@link DataDragAndDropItemProps}
9
+ * @see 🏷️ {@link DragAndDropItemProps}
10
10
  * * @example
11
11
  * ```jsx
12
12
  * <DragAndDrop>
@@ -16,7 +16,7 @@ interface DataDragAndDropRootComponent extends React.ForwardRefExoticComponent<D
16
16
  * </DragAndDrop>
17
17
  * ```
18
18
  */
19
- Item: typeof DataDragAndDropItem;
19
+ Item: typeof DragAndDropItem;
20
20
  }
21
21
  /**
22
22
  * TODO
@@ -27,8 +27,10 @@ interface DataDragAndDropRootComponent extends React.ForwardRefExoticComponent<D
27
27
  * Keyboard navigation
28
28
  * Handle - button, arrows also button
29
29
  * UU - announce on drag start, item moved, drag end
30
+ *
31
+ * []
30
32
  */
31
- declare const DataDragAndDrop: DataDragAndDropRootComponent;
32
- export { DataDragAndDrop, DataDragAndDropItem };
33
- export default DataDragAndDrop;
34
- export type { DataDragAndDropItemProps, DataDragAndDropProps };
33
+ declare const DragAndDrop: DataDragAndDropRootComponent;
34
+ export { DragAndDrop, DragAndDropItem };
35
+ export default DragAndDrop;
36
+ export type { DragAndDropItemProps, DragAndDropProps };
@@ -0,0 +1,147 @@
1
+ import React, { forwardRef, useEffect } from "react";
2
+ import { Floating } from "../../../utils/components/floating/Floating.js";
3
+ import DragAndDropItem from "../item/DragAndDropItem.js";
4
+ import { DragAndDropProvider } from "./DragAndDrop.context.js";
5
+ /**
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
+ * []
16
+ */
17
+ const DragAndDrop = forwardRef(({ setItems, children }, forwardedRef) => {
18
+ const [activeItem, setActiveItem] = React.useState(null);
19
+ const [dropTarget, setDropTarget] = React.useState(null);
20
+ const [dragHandlerActive, setDragHandlerActive] = React.useState(null);
21
+ const activeItemRef = React.useRef(null);
22
+ const dropTargetRef = React.useRef(null);
23
+ const [virtualRef, setVirtualRef] = React.useState({
24
+ getBoundingClientRect: () => DOMRect.fromRect({ width: 0, height: 0, x: 0, y: 0 }),
25
+ });
26
+ const setCombinedActiveItem = React.useCallback((item) => {
27
+ activeItemRef.current = item;
28
+ setActiveItem(item);
29
+ }, []);
30
+ const setCombinedDropTarget = React.useCallback((item) => {
31
+ dropTargetRef.current = item;
32
+ setDropTarget(item);
33
+ }, []);
34
+ useEffect(() => {
35
+ if (activeItem) {
36
+ document.documentElement.setAttribute("data-dragging", "true");
37
+ document.body.style.userSelect = "none";
38
+ }
39
+ else {
40
+ document.documentElement.removeAttribute("data-dragging");
41
+ document.body.style.userSelect = "";
42
+ }
43
+ return () => {
44
+ document.documentElement.removeAttribute("data-dragging");
45
+ document.body.style.userSelect = "";
46
+ };
47
+ }, [activeItem]);
48
+ useEffect(() => {
49
+ if (!activeItem)
50
+ return;
51
+ const handlePointerMove = (event) => {
52
+ var _a, _b;
53
+ setVirtualRef({
54
+ getBoundingClientRect: () => DOMRect.fromRect({
55
+ width: 0,
56
+ height: 0,
57
+ x: event.clientX,
58
+ y: event.clientY,
59
+ }),
60
+ });
61
+ const active = activeItemRef.current;
62
+ if (!active)
63
+ return;
64
+ const elements = document.elementsFromPoint(event.clientX, event.clientY);
65
+ const matchingElements = elements.filter((el) => el instanceof HTMLElement && Boolean(el.closest("[data-dnd-id]")));
66
+ const itemElements = matchingElements
67
+ .map((el) => el.closest("[data-dnd-id]"))
68
+ .filter((el) => el instanceof HTMLElement);
69
+ 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;
71
+ if (!targetElement) {
72
+ setCombinedDropTarget(null);
73
+ return;
74
+ }
75
+ const hoveredId = targetElement.dataset.dndId;
76
+ const hoveredIndex = Number(targetElement.dataset.dndIndex);
77
+ if (!hoveredId || Number.isNaN(hoveredIndex)) {
78
+ setCombinedDropTarget(null);
79
+ return;
80
+ }
81
+ setCombinedDropTarget({ id: hoveredId, index: hoveredIndex });
82
+ };
83
+ const handlePointerUp = () => {
84
+ const active = activeItemRef.current;
85
+ const target = dropTargetRef.current;
86
+ if (active && target && active.id !== target.id) {
87
+ setItems((items) => {
88
+ const newItems = [...items];
89
+ const [movedItem] = newItems.splice(active.index, 1);
90
+ newItems.splice(target.index, 0, movedItem);
91
+ return newItems;
92
+ });
93
+ }
94
+ setCombinedActiveItem(null);
95
+ setCombinedDropTarget(null);
96
+ };
97
+ // TODO - Look into adding a cancel listener event
98
+ window.addEventListener("pointermove", handlePointerMove);
99
+ window.addEventListener("pointerup", handlePointerUp);
100
+ return () => {
101
+ window.removeEventListener("pointermove", handlePointerMove);
102
+ window.removeEventListener("pointerup", handlePointerUp);
103
+ };
104
+ }, [activeItem, setCombinedDropTarget, setCombinedActiveItem, setItems]);
105
+ const onKeyboardDragEnd = (diff) => {
106
+ if (!dragHandlerActive)
107
+ return;
108
+ const targetIndex = dragHandlerActive.index + diff;
109
+ if (targetIndex < 0 || targetIndex >= children.length) {
110
+ return;
111
+ }
112
+ setItems((items) => {
113
+ const newItems = [...items];
114
+ const [movedItem] = newItems.splice(dragHandlerActive.index, 1);
115
+ newItems.splice(targetIndex, 0, movedItem);
116
+ return newItems;
117
+ });
118
+ setDragHandlerActive(Object.assign(Object.assign({}, dragHandlerActive), { index: targetIndex }));
119
+ };
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 },
134
+ React.createElement("div", { ref: forwardedRef }, children),
135
+ activeItem && (React.createElement(Floating, null,
136
+ React.createElement(Floating.Anchor, { virtualRef: virtualRef },
137
+ 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,
142
+ }))))));
143
+ });
144
+ DragAndDrop.Item = DragAndDropItem;
145
+ export { DragAndDrop, DragAndDropItem };
146
+ export default DragAndDrop;
147
+ //# sourceMappingURL=DragAndDropRoot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DragAndDropRoot.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DragAndDropRoot.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ export interface DragAndDropElement {
2
+ id: string;
3
+ index: number;
4
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/data/drag-and-drop/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,14 @@
1
+ import type { CheckboxProps } from "../../../../form/checkbox/types.js";
2
+ import type { SelectionT } from "./selection.types.js";
3
+ type GetMultipleSelectPropsArgs = {
4
+ selectedKeys: SelectionT;
5
+ setSelectedKeys: (keys: SelectionT) => void;
6
+ disabledKeys: (string | number)[];
7
+ allKeys: (string | number)[];
8
+ totalCount: number;
9
+ };
10
+ declare function getMultipleSelectProps({ selectedKeys, setSelectedKeys, disabledKeys, allKeys, totalCount, }: GetMultipleSelectPropsArgs): {
11
+ getTheadCheckboxProps: () => CheckboxProps;
12
+ getRowCheckboxProps: (key: string | number) => CheckboxProps;
13
+ };
14
+ export { getMultipleSelectProps };
@@ -0,0 +1,46 @@
1
+ function getMultipleSelectProps({ selectedKeys, setSelectedKeys, disabledKeys, allKeys, totalCount, }) {
2
+ const handleToggleAll = () => {
3
+ const allSelected = selectedKeys === "all" ||
4
+ (Array.isArray(selectedKeys) && selectedKeys.length === totalCount);
5
+ setSelectedKeys(allSelected ? [] : allKeys);
6
+ };
7
+ const handleToggleRow = (key) => {
8
+ if (selectedKeys === "all") {
9
+ setSelectedKeys(allKeys.filter((id) => id !== key));
10
+ }
11
+ else if (selectedKeys.includes(key)) {
12
+ setSelectedKeys(selectedKeys.filter((k) => k !== key));
13
+ }
14
+ else {
15
+ setSelectedKeys([...selectedKeys, key]);
16
+ }
17
+ };
18
+ const isChecked = (key) => selectedKeys === "all" ||
19
+ (Array.isArray(selectedKeys) && selectedKeys.includes(key));
20
+ return {
21
+ getTheadCheckboxProps: () => {
22
+ const indeterminate = Array.isArray(selectedKeys) &&
23
+ selectedKeys.length > 0 &&
24
+ selectedKeys.length < totalCount;
25
+ return {
26
+ children: "Select all rows",
27
+ onChange: handleToggleAll,
28
+ checked: (selectedKeys === "all" ||
29
+ (Array.isArray(selectedKeys) && selectedKeys.length > 0)) &&
30
+ !indeterminate,
31
+ indeterminate,
32
+ disabled: disabledKeys.length === totalCount,
33
+ hideLabel: true,
34
+ };
35
+ },
36
+ getRowCheckboxProps: (key) => ({
37
+ children: `Select row with id ${key}`,
38
+ onChange: () => handleToggleRow(key),
39
+ checked: isChecked(key),
40
+ disabled: disabledKeys.includes(key),
41
+ hideLabel: true,
42
+ }),
43
+ };
44
+ }
45
+ export { getMultipleSelectProps };
46
+ //# sourceMappingURL=getMultipleSelectProps.js.map
@@ -0,0 +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"}
@@ -0,0 +1,10 @@
1
+ import type { RadioProps } from "../../../../form/radio/types.js";
2
+ type GetSingleSelectPropsArgs = {
3
+ selectedKeys: (string | number)[];
4
+ setSelectedKeys: (keys: (string | number)[]) => void;
5
+ disabledKeys: (string | number)[];
6
+ };
7
+ declare function getSingleSelectProps({ selectedKeys, setSelectedKeys, disabledKeys, }: GetSingleSelectPropsArgs): {
8
+ getRowRadioProps: (key: string | number) => RadioProps;
9
+ };
10
+ export { getSingleSelectProps };
@@ -0,0 +1,21 @@
1
+ function getSingleSelectProps({ selectedKeys, setSelectedKeys, disabledKeys, }) {
2
+ const handleSelectionChange = (key) => {
3
+ if (selectedKeys.includes(key)) {
4
+ setSelectedKeys([]);
5
+ }
6
+ else {
7
+ setSelectedKeys([key]);
8
+ }
9
+ };
10
+ return {
11
+ getRowRadioProps: (key) => ({
12
+ children: `Select row with id ${key}`,
13
+ checked: selectedKeys.includes(key),
14
+ onChange: () => handleSelectionChange(key),
15
+ disabled: disabledKeys.includes(key),
16
+ value: key,
17
+ }),
18
+ };
19
+ }
20
+ export { getSingleSelectProps };
21
+ //# sourceMappingURL=getSingleSelectProps.js.map
@@ -0,0 +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"}