@uva-glass/component-library 1.53.0 → 1.55.0

package/dist/components/Sortable/Sortable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sortable.js","sources":["../../../src/components/Sortable/Sortable.tsx"],"sourcesContent":["import { Children } from 'react';\n\nimport type { ReactElement } from 'react';\nimport type { SortableItemProps } from './components/SortableItem';\n\nimport { SortableItem } from './components/SortableItem';\nimport { SortableProvider } from './SortableProvider';\n\nexport type Index = string | number;\n\nexport interface SortableProps {\n  /** The elements to show inside the Sortable. */\n  children: ReactElement[] | string[];\n  /** The placement of each item Handle (6 dots 2x3). */\n  ItemHandlePlacement?: SortableItemProps['handlePlacement'];\n  /** If true, a scrollable version of the list will be rendered (max height 21rem/336px). */\n  scrollable?: boolean;\n  /** If true, the sorting will be disabled. */\n  disabled?: boolean;\n  /** The callback function that is invoked when new sorting takes place. */\n  onSort?: (items: (string | ReactElement)[]) => void;\n}\n\n// A component that renders a list of children that can be sorted with drag and drop.\nexport const Sortable = ({ children, ItemHandlePlacement = 'left', scrollable, disabled, onSort }: SortableProps) => {\n  return (\n    <SortableProvider\n      items={children}\n      scrollable={scrollable}\n      onSort={onSort}\n      key={`sortable-with-children-${Children.count(children)}`}\n    >\n      {children.map((child, index) => (\n        <SortableItem\n          handlePlacement={ItemHandlePlacement}\n          disabled={disabled || Children.count(children) <= 1}\n          index={index}\n          key={`sortable-item-${index}`}\n        >\n          {child}\n        </SortableItem>\n      ))}\n    </SortableProvider>\n  );\n};\n"],"names":["Sortable","children","ItemHandlePlacement","scrollable","disabled","onSort","jsx","SortableProvider","child","index","SortableItem","Children"],"mappings":";;;;AAwBa,MAAAA,IAAW,CAAC,EAAE,UAAAC,GAAU,qBAAAC,IAAsB,QAAQ,YAAAC,GAAY,UAAAC,GAAU,QAAAC,QAErF,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,OAAON;AAAA,IACP,YAAAE;AAAA,IACA,QAAAE;AAAA,IAGC,UAASJ,EAAA,IAAI,CAACO,GAAOC,MACpB,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,iBAAiBR;AAAA,QACjB,UAAUE,KAAYO,EAAS,MAAMV,CAAQ,KAAK;AAAA,QAClD,OAAAQ;AAAA,QAGC,UAAAD;AAAA,MAAA;AAAA,MAFI,iBAAiBC,CAAK;AAAA,IAAA,CAI9B;AAAA,EAAA;AAAA,EAXI,0BAA0BE,EAAS,MAAMV,CAAQ,CAAC;AAAA;"}

package/dist/components/Sortable/Sortable.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { SortableProps } from './Sortable';
+declare const _default: Meta<SortableProps>;
+export default _default;
+export declare const SortableExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, SortableProps>;
+export declare const withHandleRight: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, SortableProps>;
+export declare const WithComplexChildren: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, SortableProps>;

package/dist/components/Sortable/Sortable.stories.js

@@ -0,0 +1,53 @@
+import { jsx as e, jsxs as m, Fragment as i } from "react/jsx-runtime";
+import { fn as s } from "../../index-MQ0yPLdl.js";
+import { Sortable as o } from "./Sortable.js";
+import { InputField as c } from "../InputField/InputField.js";
+import { Icon as d } from "../Icon/Icon.js";
+import { Button as p } from "../Buttons/Button.js";
+import "../Buttons/LinkButton.js";
+import "@react-aria/button";
+const b = "<Sortable onSort={onSortFunction} ItemHandlePlacement={ItemHandlePlacement} scrollable={scrollable} disabled={disabled}> {children} </ Sortable>", j = {
+  title: "Organisms/Sortable",
+  component: o,
+  argTypes: {
+    children: {
+      table: {
+        disable: !0
+      }
+    },
+    ItemHandlePlacement: {
+      table: {
+        disable: !0
+      }
+    }
+  },
+  parameters: {
+    inspectComponent: o,
+    codeString: b
+  }
+}, l = {
+  ItemHandlePlacement: "left",
+  onSort: s()
+}, r = ["Item-1", "Item-2", "Item-3", "Item-4", "Item-5"], a = (n) => /* @__PURE__ */ e(o, { ...n, children: r }), h = a.bind({});
+h.args = {
+  ...l
+};
+const f = a.bind({});
+f.args = {
+  ...l,
+  ItemHandlePlacement: "right"
+};
+const I = (n) => /* @__PURE__ */ e(o, { ...n, children: r.map((t) => /* @__PURE__ */ m(i, { children: [
+  /* @__PURE__ */ e("div", { style: { width: "100%" }, children: /* @__PURE__ */ e(c, { id: t, placeholder: t }, t) }),
+  /* @__PURE__ */ e(p, { variant: "blank-icon", children: /* @__PURE__ */ e(d, { name: "Trash", color: "#a0002aff" }) })
+] }, t)) }), g = I.bind({});
+g.args = {
+  ...l
+};
+export {
+  h as SortableExample,
+  g as WithComplexChildren,
+  j as default,
+  f as withHandleRight
+};
+//# sourceMappingURL=Sortable.stories.js.map

package/dist/components/Sortable/Sortable.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sortable.stories.js","sources":["../../../src/components/Sortable/Sortable.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\nimport { Fragment } from 'react/jsx-runtime';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { SortableProps } from './Sortable';\n\nimport { Sortable } from './Sortable';\n\nimport { InputField } from 'components/InputField';\nimport { Icon } from 'components/Icon';\nimport { Button } from 'components/Buttons';\n\nconst codeString =\n  '<Sortable onSort={onSortFunction} ItemHandlePlacement={ItemHandlePlacement} scrollable={scrollable} disabled={disabled}> {children} </ Sortable>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Organisms/Sortable',\n  component: Sortable,\n  argTypes: {\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n    ItemHandlePlacement: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: Sortable,\n    codeString: codeString,\n  },\n} as Meta<SortableProps>;\n\nconst defaultArgs: Partial<SortableProps> = {\n  ItemHandlePlacement: 'left',\n  onSort: fn(),\n};\n\nconst mockItems = ['Item-1', 'Item-2', 'Item-3', 'Item-4', 'Item-5'];\n\nconst Template: StoryFn<SortableProps> = (args) => <Sortable {...args}>{mockItems}</Sortable>;\n\nexport const SortableExample = Template.bind({});\nSortableExample.args = {\n  ...defaultArgs,\n};\n\nexport const withHandleRight = Template.bind({});\nwithHandleRight.args = {\n  ...defaultArgs,\n  ItemHandlePlacement: 'right',\n};\n\nconst TemplateComplex: StoryFn<SortableProps> = (args) => (\n  <Sortable {...args}>\n    {mockItems.map((item) => (\n      <Fragment key={item}>\n        <div style={{ width: '100%' }}>\n          <InputField key={item} id={item} placeholder={item} />\n        </div>\n        <Button variant=\"blank-icon\">\n          <Icon name=\"Trash\" color=\"#a0002aff\" />\n        </Button>\n      </Fragment>\n    ))}\n  </Sortable>\n);\n\nexport const WithComplexChildren = TemplateComplex.bind({});\nWithComplexChildren.args = {\n  ...defaultArgs,\n};\n"],"names":["codeString","Sortable_stories","Sortable","defaultArgs","fn","mockItems","Template","args","SortableExample","withHandleRight","TemplateComplex","jsx","item","jsxs","Fragment","InputField","Button","Icon","WithComplexChildren"],"mappings":";;;;;;;;AAYA,MAAMA,IACJ,oJAGaC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,qBAAqB;AAAA,MACnB,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAsC;AAAA,EAC1C,qBAAqB;AAAA,EACrB,QAAQC,EAAG;AACb,GAEMC,IAAY,CAAC,UAAU,UAAU,UAAU,UAAU,QAAQ,GAE7DC,IAAmC,CAACC,wBAAUL,GAAU,EAAA,GAAGK,GAAO,UAAUF,EAAA,CAAA,GAErEG,IAAkBF,EAAS,KAAK,EAAE;AAC/CE,EAAgB,OAAO;AAAA,EACrB,GAAGL;AACL;AAEO,MAAMM,IAAkBH,EAAS,KAAK,EAAE;AAC/CG,EAAgB,OAAO;AAAA,EACrB,GAAGN;AAAA,EACH,qBAAqB;AACvB;AAEA,MAAMO,IAA0C,CAACH,MAC/C,gBAAAI,EAACT,GAAU,EAAA,GAAGK,GACX,UAAAF,EAAU,IAAI,CAACO,MACd,gBAAAC,EAACC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAH,EAAC,OAAI,EAAA,OAAO,EAAE,OAAO,OAAO,GAC1B,UAAC,gBAAAA,EAAAI,GAAA,EAAsB,IAAIH,GAAM,aAAaA,EAAA,GAA7BA,CAAmC,GACtD;AAAA,EACA,gBAAAD,EAACK,GAAO,EAAA,SAAQ,cACd,UAAA,gBAAAL,EAACM,KAAK,MAAK,SAAQ,OAAM,YAAA,CAAY,EACvC,CAAA;AAAA,KANaL,CAOf,CACD,EACH,CAAA,GAGWM,IAAsBR,EAAgB,KAAK,EAAE;AAC1DQ,EAAoB,OAAO;AAAA,EACzB,GAAGf;AACL;"}

package/dist/components/Sortable/SortableProvider.d.ts

@@ -0,0 +1,23 @@
+import { ReactElement } from 'react';
+import { SortableStateType } from './sortableReducer';
+type SortableContextType = {
+    clearDraggingSource: () => void;
+    clearDraggingTarget: () => void;
+    dragEnd: () => void;
+    dragStart: (index: number) => void;
+    drop: (index: number) => void;
+    moveToPosition: (index: number) => void;
+    reset: () => void;
+    setClone: (node: Element) => void;
+    setDraggingSource: (index: number) => void;
+    setDraggingTarget: (index: number) => void;
+};
+interface Props {
+    children: SortableStateType['sortableItems'];
+    items: ReactElement[] | string[];
+    scrollable?: boolean;
+    onSort?: (items: (string | ReactElement)[]) => void;
+}
+export declare function SortableProvider({ children, items, scrollable, onSort }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function useSortable(): SortableContextType & SortableStateType;
+export {};

package/dist/components/Sortable/SortableProvider.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "react";
+import "./sortableReducer.js";
+import { S as p, u as a } from "../../SortableProvider-Z0e0qeQT.js";
+import "./actions.js";
+export {
+  p as SortableProvider,
+  a as useSortable
+};
+//# sourceMappingURL=SortableProvider.js.map

package/dist/components/Sortable/SortableProvider.js.map

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

package/dist/components/Sortable/actions.d.ts

@@ -0,0 +1,49 @@
+import { CLEAR_DRAGGING_SOURCE, CLEAR_DRAGGING_TARGET, DRAG_END, DRAG_START, DROP, MOVE_TO_POSITION, RESET, SET_CLONE, SET_DRAGGING_SOURCE, SET_DRAGGING_TARGET } from './constants';
+type ClearDraggingSourceAction = {
+    type: typeof CLEAR_DRAGGING_SOURCE;
+};
+type ClearDraggingTargetAction = {
+    type: typeof CLEAR_DRAGGING_TARGET;
+};
+type DragEndAction = {
+    type: typeof DRAG_END;
+};
+type DragStartAction = {
+    type: typeof DRAG_START;
+    payload: number;
+};
+type DropAction = {
+    type: typeof DROP;
+    payload: number;
+};
+type MoveToPositionAction = {
+    type: typeof MOVE_TO_POSITION;
+    payload: number;
+};
+type ResetAction = {
+    type: typeof RESET;
+};
+type SetCloneAction = {
+    type: typeof SET_CLONE;
+    payload: Element;
+};
+type SetDraggingSourceAction = {
+    type: typeof SET_DRAGGING_SOURCE;
+    payload: number;
+};
+type SetDraggingTargetAction = {
+    type: typeof SET_DRAGGING_TARGET;
+    payload: number;
+};
+export type Actions = ClearDraggingSourceAction | ClearDraggingTargetAction | DragEndAction | DragStartAction | DropAction | MoveToPositionAction | ResetAction | SetCloneAction | SetDraggingSourceAction | SetDraggingTargetAction;
+export declare const setClone: (payload: SetCloneAction["payload"]) => SetCloneAction;
+export declare const clearDraggingSource: () => ClearDraggingSourceAction;
+export declare const clearDraggingTarget: () => ClearDraggingTargetAction;
+export declare const dragEnd: () => DragEndAction;
+export declare const dragStart: (draggingItemIndex: DragStartAction["payload"]) => DragStartAction;
+export declare const drop: (targetItemIndex: DropAction["payload"]) => DropAction;
+export declare const moveToPosition: (targetItemIndex: MoveToPositionAction["payload"]) => MoveToPositionAction;
+export declare const reset: () => ResetAction;
+export declare const setDraggingSource: (sourceItemIndex: SetDraggingSourceAction["payload"]) => SetDraggingSourceAction;
+export declare const setDraggingTarget: (targetItemIndex: SetDraggingTargetAction["payload"]) => SetDraggingTargetAction;
+export {};

package/dist/components/Sortable/actions.js

@@ -0,0 +1,33 @@
+import { SET_CLONE as o, CLEAR_DRAGGING_SOURCE as e, CLEAR_DRAGGING_TARGET as a, DRAG_END as p, DRAG_START as r, DROP as n, MOVE_TO_POSITION as g, RESET as G, SET_DRAGGING_SOURCE as s, SET_DRAGGING_TARGET as y } from "./constants.js";
+const R = (t) => ({
+  type: o,
+  payload: t
+}), T = () => ({ type: e }), c = () => ({ type: a }), _ = () => ({ type: p }), D = (t) => ({
+  type: r,
+  payload: t
+}), A = (t) => ({
+  type: n,
+  payload: t
+}), S = (t) => ({
+  type: g,
+  payload: t
+}), d = () => ({ type: G }), l = (t) => ({
+  type: s,
+  payload: t
+}), O = (t) => ({
+  type: y,
+  payload: t
+});
+export {
+  T as clearDraggingSource,
+  c as clearDraggingTarget,
+  _ as dragEnd,
+  D as dragStart,
+  A as drop,
+  S as moveToPosition,
+  d as reset,
+  R as setClone,
+  l as setDraggingSource,
+  O as setDraggingTarget
+};
+//# sourceMappingURL=actions.js.map

package/dist/components/Sortable/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sources":["../../../src/components/Sortable/actions.ts"],"sourcesContent":["import {\n  CLEAR_DRAGGING_SOURCE,\n  CLEAR_DRAGGING_TARGET,\n  DRAG_END,\n  DRAG_START,\n  DROP,\n  MOVE_TO_POSITION,\n  RESET,\n  SET_CLONE,\n  SET_DRAGGING_SOURCE,\n  SET_DRAGGING_TARGET,\n} from './constants';\n\ntype ClearDraggingSourceAction = {\n  type: typeof CLEAR_DRAGGING_SOURCE;\n};\n\ntype ClearDraggingTargetAction = {\n  type: typeof CLEAR_DRAGGING_TARGET;\n};\n\ntype DragEndAction = {\n  type: typeof DRAG_END;\n};\n\ntype DragStartAction = {\n  type: typeof DRAG_START;\n  payload: number;\n};\n\ntype DropAction = {\n  type: typeof DROP;\n  payload: number;\n};\n\ntype MoveToPositionAction = {\n  type: typeof MOVE_TO_POSITION;\n  payload: number;\n};\n\ntype ResetAction = {\n  type: typeof RESET;\n};\n\ntype SetCloneAction = {\n  type: typeof SET_CLONE;\n  payload: Element;\n};\n\ntype SetDraggingSourceAction = {\n  type: typeof SET_DRAGGING_SOURCE;\n  payload: number;\n};\n\ntype SetDraggingTargetAction = {\n  type: typeof SET_DRAGGING_TARGET;\n  payload: number;\n};\n\nexport type Actions =\n  | ClearDraggingSourceAction\n  | ClearDraggingTargetAction\n  | DragEndAction\n  | DragStartAction\n  | DropAction\n  | MoveToPositionAction\n  | ResetAction\n  | SetCloneAction\n  | SetDraggingSourceAction\n  | SetDraggingTargetAction;\n\nexport const setClone = (payload: SetCloneAction['payload']): SetCloneAction => ({\n  type: SET_CLONE,\n  payload,\n});\n\nexport const clearDraggingSource = (): ClearDraggingSourceAction => ({ type: CLEAR_DRAGGING_SOURCE });\n\nexport const clearDraggingTarget = (): ClearDraggingTargetAction => ({ type: CLEAR_DRAGGING_TARGET });\n\nexport const dragEnd = (): DragEndAction => ({ type: DRAG_END });\n\nexport const dragStart = (draggingItemIndex: DragStartAction['payload']): DragStartAction => ({\n  type: DRAG_START,\n  payload: draggingItemIndex,\n});\n\nexport const drop = (targetItemIndex: DropAction['payload']): DropAction => ({\n  type: DROP,\n  payload: targetItemIndex,\n});\n\nexport const moveToPosition = (targetItemIndex: MoveToPositionAction['payload']): MoveToPositionAction => ({\n  type: MOVE_TO_POSITION,\n  payload: targetItemIndex,\n});\n\nexport const reset = (): ResetAction => ({ type: RESET });\n\nexport const setDraggingSource = (sourceItemIndex: SetDraggingSourceAction['payload']): SetDraggingSourceAction => ({\n  type: SET_DRAGGING_SOURCE,\n  payload: sourceItemIndex,\n});\n\nexport const setDraggingTarget = (targetItemIndex: SetDraggingTargetAction['payload']): SetDraggingTargetAction => ({\n  type: SET_DRAGGING_TARGET,\n  payload: targetItemIndex,\n});\n"],"names":["setClone","payload","SET_CLONE","clearDraggingSource","CLEAR_DRAGGING_SOURCE","clearDraggingTarget","CLEAR_DRAGGING_TARGET","dragEnd","DRAG_END","dragStart","draggingItemIndex","DRAG_START","drop","targetItemIndex","DROP","moveToPosition","MOVE_TO_POSITION","reset","RESET","setDraggingSource","sourceItemIndex","SET_DRAGGING_SOURCE","setDraggingTarget","SET_DRAGGING_TARGET"],"mappings":";AAuEa,MAAAA,IAAW,CAACC,OAAwD;AAAA,EAC/E,MAAMC;AAAA,EACN,SAAAD;AACF,IAEaE,IAAsB,OAAkC,EAAE,MAAMC,MAEhEC,IAAsB,OAAkC,EAAE,MAAMC,MAEhEC,IAAU,OAAsB,EAAE,MAAMC,MAExCC,IAAY,CAACC,OAAoE;AAAA,EAC5F,MAAMC;AAAA,EACN,SAASD;AACX,IAEaE,IAAO,CAACC,OAAwD;AAAA,EAC3E,MAAMC;AAAA,EACN,SAASD;AACX,IAEaE,IAAiB,CAACF,OAA4E;AAAA,EACzG,MAAMG;AAAA,EACN,SAASH;AACX,IAEaI,IAAQ,OAAoB,EAAE,MAAMC,MAEpCC,IAAoB,CAACC,OAAkF;AAAA,EAClH,MAAMC;AAAA,EACN,SAASD;AACX,IAEaE,IAAoB,CAACT,OAAkF;AAAA,EAClH,MAAMU;AAAA,EACN,SAASV;AACX;"}

package/dist/components/Sortable/components/SortableContainer.d.ts

@@ -0,0 +1,7 @@
+export type OnSort = (indices: number[]) => void;
+interface SortableContainerProps {
+    scrollable?: boolean;
+    onSort?: OnSort;
+}
+export declare function SortableContainer({ scrollable, onSort }: SortableContainerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Sortable/components/SortableContainer.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../clsx-OuTLNxxd.js";
+import "../../../Sortable.module-BrgGu8qp.js";
+import { a } from "../../../SortableProvider-Z0e0qeQT.js";
+export {
+  a as SortableContainer
+};
+//# sourceMappingURL=SortableContainer.js.map

package/dist/components/Sortable/components/SortableContainer.js.map

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

package/dist/components/Sortable/components/SortableHandle.d.ts

@@ -0,0 +1,4 @@
+export interface SortableHandleProps {
+    placement: 'left' | 'right';
+}
+export declare function SortableHandle({ placement }: SortableHandleProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Sortable/components/SortableHandle.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Icon as e } from "../../Icon/Icon.js";
+import { s as t } from "../../../Sortable.module-BrgGu8qp.js";
+const r = "ontouchstart" in globalThis.document.documentElement;
+function m({ placement: n }) {
+  return r ? null : /* @__PURE__ */ o("div", { className: `${t.sortable__handle} ${t[`sortable__handle--${n}`]}`, children: /* @__PURE__ */ o(e, { name: "Dots" }) });
+}
+export {
+  m as SortableHandle
+};
+//# sourceMappingURL=SortableHandle.js.map

package/dist/components/Sortable/components/SortableHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableHandle.js","sources":["../../../../src/components/Sortable/components/SortableHandle.tsx"],"sourcesContent":["import { Icon } from 'components/Icon';\nimport styles from 'components/Sortable/Sortable.module.css';\n\nexport interface SortableHandleProps {\n  placement: 'left' | 'right';\n}\n\nconst noSupportTouch = 'ontouchstart' in globalThis.document.documentElement;\n\nexport function SortableHandle({ placement }: SortableHandleProps) {\n  if (noSupportTouch) return null;\n\n  return (\n    <div className={`${styles['sortable__handle']} ${styles[`sortable__handle--${placement}`]}`}>\n      <Icon name=\"Dots\" />\n    </div>\n  );\n}\n"],"names":["noSupportTouch","SortableHandle","placement","styles","Icon"],"mappings":";;;AAOA,MAAMA,IAAiB,kBAAkB,WAAW,SAAS;AAE7C,SAAAC,EAAe,EAAE,WAAAC,KAAkC;AACjE,SAAIF,IAAuB,yBAGxB,OAAI,EAAA,WAAW,GAAGG,EAAO,gBAAmB,IAAIA,EAAO,qBAAqBD,CAAS,EAAE,CAAC,IACvF,4BAACE,GAAK,EAAA,MAAK,QAAO,EACpB,CAAA;AAEJ;"}

package/dist/components/Sortable/components/SortableItem.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { SortableHandleProps } from './SortableHandle';
+export interface SortableItemProps {
+    children: ReactNode;
+    handlePlacement: SortableHandleProps['placement'];
+    disabled?: boolean;
+    index: number;
+}
+export declare function SortableItem({ children, handlePlacement, disabled, index }: SortableItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Sortable/components/SortableItem.js

@@ -0,0 +1,113 @@
+import { jsxs as i, jsx as r, Fragment as v } from "react/jsx-runtime";
+import { useState as S, useRef as M, useEffect as Q } from "react";
+import { Icon as w } from "../../Icon/Icon.js";
+import { SortableHandle as E } from "./SortableHandle.js";
+import { s as t } from "../../../Sortable.module-BrgGu8qp.js";
+import { u as k } from "../../../SortableProvider-Z0e0qeQT.js";
+const G = ["Space", "ArrowDown", "ArrowUp"], J = "ontouchstart" in globalThis.document.documentElement, C = new Image(0, 0);
+C.src = // 1px transparent png
+"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==";
+function L({ children: D, handlePlacement: u, disabled: _, index: e }) {
+  const {
+    clone: h,
+    dragEnd: m,
+    draggingSource: c,
+    draggingTarget: f,
+    dragStart: g,
+    drop: N,
+    maxIndex: p,
+    moveToPosition: T,
+    setClone: I,
+    setDraggingSource: U
+  } = k(), [$, A] = S(!1), [y, d] = S(!1), n = M(null), s = e !== void 0 && e >= 0;
+  Q(() => {
+    n.current && globalThis.document.activeElement !== n.current && (e === f && f === c ? (n.current.focus(), d(!0)) : d(!1));
+  }, [e, f, c, U]);
+  function K(a) {
+    if (a.stopPropagation(), a.dataTransfer.effectAllowed = "move", a.dataTransfer.setDragImage(C, 0, 0), n.current) {
+      const o = n.current.cloneNode(!0);
+      o.classList.add(t["sortable__sort-item--ghost"]), I(o);
+    }
+    s && g(e), A(!0);
+  }
+  function R() {
+    $ || (h && document.body.removeChild(h), A(!1), m());
+  }
+  function B(a) {
+    const { code: o } = a;
+    if (o === "Tab" && c !== void 0) {
+      m();
+      return;
+    }
+    if (G.includes(o) === !1 || !s) return;
+    if (o === "Space") {
+      y ? (d(!1), m()) : (d(!0), g(e));
+      return;
+    }
+    if (c === void 0) return;
+    const l = o === "ArrowUp" ? e - 1 : e + 1;
+    l < 0 || l > p || T(l);
+  }
+  function b(a) {
+    if (a.preventDefault(), !s) return;
+    g(e);
+    const { direction: o } = a.currentTarget.dataset, l = o === "up" ? e - 1 : e + 1;
+    N(l);
+  }
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: t["sortable__sort-item"],
+      draggable: !_,
+      onDragEnd: R,
+      onDragStart: K,
+      onKeyUpCapture: B,
+      ref: n,
+      role: "presentation",
+      tabIndex: 0,
+      children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: `${t["sortable__sort-item__contents"]} ${t[`sortable__sort-item__contents--handle-${u}`]}`,
+            children: [
+              u === "left" && /* @__PURE__ */ r(E, { placement: "left" }),
+              D,
+              u === "right" && /* @__PURE__ */ r(E, { placement: "right" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: t["sortable__sort-item__button-container"], "data-touch": J, children: !_ && s && /* @__PURE__ */ r(v, { children: s && /* @__PURE__ */ i(v, { children: [
+          e > 0 && /* @__PURE__ */ i(
+            "button",
+            {
+              className: `${t["sortable__sort-item__handle"]} ${t["sortable__sort-item__handle--up"]}`,
+              "data-direction": "up",
+              onClickCapture: b,
+              children: [
+                /* @__PURE__ */ r("div", { className: t["sortable__sort-item__handle--icon"], children: /* @__PURE__ */ r(w, { name: "CheveronDown" }) }),
+                /* @__PURE__ */ r("span", { className: t["sortable__visually-hidden"], children: "Move up" })
+              ]
+            }
+          ),
+          e < p && /* @__PURE__ */ i(
+            "button",
+            {
+              className: `${t["sortable__sort-item__handle"]} ${t["sortable__sort-item__handle--down"]}`,
+              "data-direction": "down",
+              onClickCapture: b,
+              children: [
+                /* @__PURE__ */ r("div", { className: t["sortable__sort-item__handle--icon"], children: /* @__PURE__ */ r(w, { name: "CheveronDown" }) }),
+                /* @__PURE__ */ r("span", { className: t["sortable__visually-hidden"], children: "Move down" })
+              ]
+            }
+          )
+        ] }) }) })
+      ]
+    }
+  );
+}
+export {
+  L as SortableItem
+};
+//# sourceMappingURL=SortableItem.js.map

package/dist/components/Sortable/components/SortableItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableItem.js","sources":["../../../../src/components/Sortable/components/SortableItem.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { DragEvent, MouseEvent, KeyboardEvent as ReactKeyboardEvent, ReactNode } from 'react';\nimport type { SortableHandleProps } from './SortableHandle';\n\nimport { Icon } from 'components/Icon';\nimport { SortableHandle } from 'components/Sortable/components/SortableHandle';\nimport styles from 'components/Sortable/Sortable.module.css';\nimport { useSortable } from 'components/Sortable/SortableProvider';\n\nexport interface SortableItemProps {\n  children: ReactNode;\n  handlePlacement: SortableHandleProps['placement'];\n  disabled?: boolean;\n  index: number;\n}\n\nconst ACCESS_KEYS = ['Space', 'ArrowDown', 'ArrowUp'];\nconst noSupportTouch = 'ontouchstart' in globalThis.document.documentElement;\nconst dragImage = new Image(0, 0);\n\ndragImage.src =\n  // 1px transparent png\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==';\n\nexport function SortableItem({ children, handlePlacement, disabled, index }: SortableItemProps) {\n  const {\n    clone,\n    dragEnd,\n    draggingSource,\n    draggingTarget,\n    dragStart,\n    drop,\n    maxIndex,\n    moveToPosition,\n    setClone,\n    setDraggingSource,\n  } = useSortable();\n  const [grabbing, setGrabbing] = useState(false);\n  const [moving, setmoving] = useState(false);\n  const itemRef = useRef<HTMLDivElement>(null);\n  const hasIndex = index !== undefined && index >= 0;\n\n  useEffect(() => {\n    if (!itemRef.current) return;\n    if (globalThis.document.activeElement === itemRef.current) return;\n\n    if (index === draggingTarget && draggingTarget === draggingSource) {\n      // Manually setting focus after an item has been moved with the keyboard; focus is lost after rerender\n      itemRef.current.focus();\n      setmoving(true);\n    } else {\n      setmoving(false);\n    }\n  }, [index, draggingTarget, draggingSource, setDraggingSource]);\n\n  function handleDragStart(event: DragEvent<HTMLDivElement>) {\n    event.stopPropagation();\n\n    event.dataTransfer.effectAllowed = 'move';\n    event.dataTransfer.setDragImage(dragImage, 0, 0);\n\n    if (itemRef.current) {\n      const cloned = itemRef.current.cloneNode(true) as Element;\n\n      cloned.classList.add(styles['sortable__sort-item--ghost']);\n\n      setClone(cloned);\n    }\n\n    if (hasIndex) dragStart(index);\n    setGrabbing(true);\n  }\n\n  function handleDragEnd() {\n    if (grabbing) return;\n\n    if (clone) document.body.removeChild(clone);\n\n    setGrabbing(false);\n    dragEnd();\n  }\n\n  function handleKeyUp(event: ReactKeyboardEvent<HTMLDivElement>) {\n    const { code } = event;\n\n    if (code === 'Tab' && draggingSource !== undefined) {\n      dragEnd();\n      return;\n    }\n\n    if (ACCESS_KEYS.includes(code) === false) return;\n\n    if (!hasIndex) return;\n\n    if (code === 'Space') {\n      if (moving) {\n        setmoving(false);\n        dragEnd();\n      } else {\n        setmoving(true);\n        dragStart(index);\n      }\n\n      return;\n    }\n\n    if (draggingSource === undefined) return;\n\n    const newTarget = code === 'ArrowUp' ? index - 1 : index + 1;\n\n    if (newTarget < 0 || newTarget > maxIndex) return;\n\n    moveToPosition(newTarget);\n  }\n\n  function handleMove(event: MouseEvent<HTMLButtonElement>) {\n    event.preventDefault();\n\n    if (!hasIndex) return;\n\n    dragStart(index);\n\n    const { direction } = event.currentTarget.dataset;\n    const newTarget = direction === 'up' ? index - 1 : index + 1;\n\n    drop(newTarget);\n  }\n\n  return (\n    <div\n      className={styles['sortable__sort-item']}\n      draggable={!disabled}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      onKeyUpCapture={handleKeyUp}\n      ref={itemRef}\n      role=\"presentation\"\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n      tabIndex={0}\n    >\n      <div\n        className={`${styles['sortable__sort-item__contents']} ${styles[`sortable__sort-item__contents--handle-${handlePlacement}`]}`}\n      >\n        {handlePlacement === 'left' && <SortableHandle placement=\"left\" />}\n        {children}\n        {handlePlacement === 'right' && <SortableHandle placement=\"right\" />}\n      </div>\n\n      <div className={styles['sortable__sort-item__button-container']} data-touch={noSupportTouch}>\n        {!disabled && hasIndex && (\n          <>\n            {hasIndex && (\n              <>\n                {index > 0 && (\n                  <button\n                    className={`${styles['sortable__sort-item__handle']} ${styles['sortable__sort-item__handle--up']}`}\n                    data-direction=\"up\"\n                    onClickCapture={handleMove}\n                  >\n                    <div className={styles['sortable__sort-item__handle--icon']}>\n                      <Icon name=\"CheveronDown\" />\n                    </div>\n                    <span className={styles['sortable__visually-hidden']}>Move up</span>\n                  </button>\n                )}\n\n                {index < maxIndex && (\n                  <button\n                    className={`${styles['sortable__sort-item__handle']} ${styles['sortable__sort-item__handle--down']}`}\n                    data-direction=\"down\"\n                    onClickCapture={handleMove}\n                  >\n                    <div className={styles['sortable__sort-item__handle--icon']}>\n                      <Icon name=\"CheveronDown\" />\n                    </div>\n                    <span className={styles['sortable__visually-hidden']}>Move down</span>\n                  </button>\n                )}\n              </>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["ACCESS_KEYS","noSupportTouch","dragImage","SortableItem","children","handlePlacement","disabled","index","clone","dragEnd","draggingSource","draggingTarget","dragStart","drop","maxIndex","moveToPosition","setClone","setDraggingSource","useSortable","grabbing","setGrabbing","useState","moving","setmoving","itemRef","useRef","hasIndex","useEffect","handleDragStart","event","cloned","styles","handleDragEnd","handleKeyUp","code","newTarget","handleMove","direction","jsxs","jsx","SortableHandle","Fragment","Icon"],"mappings":";;;;;;AAiBA,MAAMA,IAAc,CAAC,SAAS,aAAa,SAAS,GAC9CC,IAAiB,kBAAkB,WAAW,SAAS,iBACvDC,IAAY,IAAI,MAAM,GAAG,CAAC;AAEhCA,EAAU;AAER;AAEK,SAASC,EAAa,EAAE,UAAAC,GAAU,iBAAAC,GAAiB,UAAAC,GAAU,OAAAC,KAA4B;AACxF,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,mBAAAC;AAAA,MACEC,EAAY,GACV,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxC,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpCG,IAAUC,EAAuB,IAAI,GACrCC,IAAWnB,MAAU,UAAaA,KAAS;AAEjD,EAAAoB,EAAU,MAAM;AACV,IAACH,EAAQ,WACT,WAAW,SAAS,kBAAkBA,EAAQ,YAE9CjB,MAAUI,KAAkBA,MAAmBD,KAEjDc,EAAQ,QAAQ,SAChBD,EAAU,EAAI,KAEdA,EAAU,EAAK;AAAA,KAEhB,CAAChB,GAAOI,GAAgBD,GAAgBO,CAAiB,CAAC;AAE7D,WAASW,EAAgBC,GAAkC;AAMzD,QALAA,EAAM,gBAAgB,GAEtBA,EAAM,aAAa,gBAAgB,QACnCA,EAAM,aAAa,aAAa3B,GAAW,GAAG,CAAC,GAE3CsB,EAAQ,SAAS;AACnB,YAAMM,IAASN,EAAQ,QAAQ,UAAU,EAAI;AAE7C,MAAAM,EAAO,UAAU,IAAIC,EAAO,4BAA4B,CAAC,GAEzDf,EAASc,CAAM;AAAA,IACjB;AAEI,IAAAJ,OAAoBnB,CAAK,GAC7Ba,EAAY,EAAI;AAAA,EAClB;AAEA,WAASY,IAAgB;AACvB,IAAIb,MAEAX,KAAO,SAAS,KAAK,YAAYA,CAAK,GAE1CY,EAAY,EAAK,GACTX;EACV;AAEA,WAASwB,EAAYJ,GAA2C;AACxD,UAAA,EAAE,MAAAK,EAAS,IAAAL;AAEb,QAAAK,MAAS,SAASxB,MAAmB,QAAW;AAC1C,MAAAD;AACR;AAAA,IACF;AAIA,QAFIT,EAAY,SAASkC,CAAI,MAAM,MAE/B,CAACR,EAAU;AAEf,QAAIQ,MAAS,SAAS;AACpB,MAAIZ,KACFC,EAAU,EAAK,GACPd,QAERc,EAAU,EAAI,GACdX,EAAUL,CAAK;AAGjB;AAAA,IACF;AAEA,QAAIG,MAAmB,OAAW;AAElC,UAAMyB,IAAYD,MAAS,YAAY3B,IAAQ,IAAIA,IAAQ;AAEvD,IAAA4B,IAAY,KAAKA,IAAYrB,KAEjCC,EAAeoB,CAAS;AAAA,EAC1B;AAEA,WAASC,EAAWP,GAAsC;AAGxD,QAFAA,EAAM,eAAe,GAEjB,CAACH,EAAU;AAEf,IAAAd,EAAUL,CAAK;AAEf,UAAM,EAAE,WAAA8B,EAAc,IAAAR,EAAM,cAAc,SACpCM,IAAYE,MAAc,OAAO9B,IAAQ,IAAIA,IAAQ;AAE3D,IAAAM,EAAKsB,CAAS;AAAA,EAChB;AAGE,SAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWP,EAAO,qBAAqB;AAAA,MACvC,WAAW,CAACzB;AAAA,MACZ,WAAW0B;AAAA,MACX,aAAaJ;AAAA,MACb,gBAAgBK;AAAA,MAChB,KAAKT;AAAA,MACL,MAAK;AAAA,MAEL,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAGP,EAAO,+BAA+B,CAAC,IAAIA,EAAO,yCAAyC1B,CAAe,EAAE,CAAC;AAAA,YAE1H,UAAA;AAAA,cAAAA,MAAoB,UAAU,gBAAAkC,EAACC,GAAe,EAAA,WAAU,QAAO;AAAA,cAC/DpC;AAAA,cACAC,MAAoB,WAAY,gBAAAkC,EAAAC,GAAA,EAAe,WAAU,SAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QACpE;AAAA,QAEC,gBAAAD,EAAA,OAAA,EAAI,WAAWR,EAAO,uCAAuC,GAAG,cAAY9B,GAC1E,UAAC,CAAAK,KAAYoB,KACZ,gBAAAa,EAAAE,GAAA,EACG,eAEI,gBAAAH,EAAAG,GAAA,EAAA,UAAA;AAAA,UAAAlC,IAAQ,KACP,gBAAA+B;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,GAAGP,EAAO,6BAA6B,CAAC,IAAIA,EAAO,iCAAiC,CAAC;AAAA,cAChG,kBAAe;AAAA,cACf,gBAAgBK;AAAA,cAEhB,UAAA;AAAA,gBAAC,gBAAAG,EAAA,OAAA,EAAI,WAAWR,EAAO,mCAAmC,GACxD,UAAC,gBAAAQ,EAAAG,GAAA,EAAK,MAAK,eAAA,CAAe,EAC5B,CAAA;AAAA,kCACC,QAAK,EAAA,WAAWX,EAAO,2BAA2B,GAAG,UAAO,WAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/D;AAAA,UAGDxB,IAAQO,KACP,gBAAAwB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,GAAGP,EAAO,6BAA6B,CAAC,IAAIA,EAAO,mCAAmC,CAAC;AAAA,cAClG,kBAAe;AAAA,cACf,gBAAgBK;AAAA,cAEhB,UAAA;AAAA,gBAAC,gBAAAG,EAAA,OAAA,EAAI,WAAWR,EAAO,mCAAmC,GACxD,UAAC,gBAAAQ,EAAAG,GAAA,EAAK,MAAK,eAAA,CAAe,EAC5B,CAAA;AAAA,kCACC,QAAK,EAAA,WAAWX,EAAO,2BAA2B,GAAG,UAAS,aAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACjE;AAAA,QAAA,EAEJ,CAAA,EAEJ,CAAA,GAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Sortable/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const CLEAR_DRAGGING_SOURCE = "CLEAR_DRAGGING_SOURCE";
+export declare const CLEAR_DRAGGING_TARGET = "CLEAR_DRAGGING_TARGET";
+export declare const DRAG_END = "DRAG_END";
+export declare const DRAG_START = "DRAG_START";
+export declare const DROP = "DROP";
+export declare const MOVE_TO_POSITION = "MOVE_TO_POSITION";
+export declare const RESET = "RESET";
+export declare const SET_CLONE = "SET_CLONE";
+export declare const SET_DRAGGING_SOURCE = "SET_DRAGGING_SOURCE";
+export declare const SET_DRAGGING_TARGET = "SET_DRAGGING_TARGET";

package/dist/components/Sortable/constants.js

@@ -0,0 +1,14 @@
+const G = "CLEAR_DRAGGING_SOURCE", R = "CLEAR_DRAGGING_TARGET", E = "DRAG_END", _ = "DRAG_START", T = "DROP", A = "MOVE_TO_POSITION", D = "RESET", O = "SET_CLONE", S = "SET_DRAGGING_SOURCE", N = "SET_DRAGGING_TARGET";
+export {
+  G as CLEAR_DRAGGING_SOURCE,
+  R as CLEAR_DRAGGING_TARGET,
+  E as DRAG_END,
+  _ as DRAG_START,
+  T as DROP,
+  A as MOVE_TO_POSITION,
+  D as RESET,
+  O as SET_CLONE,
+  S as SET_DRAGGING_SOURCE,
+  N as SET_DRAGGING_TARGET
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Sortable/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Sortable/constants.ts"],"sourcesContent":["export const CLEAR_DRAGGING_SOURCE = 'CLEAR_DRAGGING_SOURCE';\nexport const CLEAR_DRAGGING_TARGET = 'CLEAR_DRAGGING_TARGET';\nexport const DRAG_END = 'DRAG_END';\nexport const DRAG_START = 'DRAG_START';\nexport const DROP = 'DROP';\nexport const MOVE_TO_POSITION = 'MOVE_TO_POSITION';\nexport const RESET = 'RESET';\nexport const SET_CLONE = 'SET_CLONE';\nexport const SET_DRAGGING_SOURCE = 'SET_DRAGGING_SOURCE';\nexport const SET_DRAGGING_TARGET = 'SET_DRAGGING_TARGET';\n"],"names":["CLEAR_DRAGGING_SOURCE","CLEAR_DRAGGING_TARGET","DRAG_END","DRAG_START","DROP","MOVE_TO_POSITION","RESET","SET_CLONE","SET_DRAGGING_SOURCE","SET_DRAGGING_TARGET"],"mappings":"AAAO,MAAMA,IAAwB,yBACxBC,IAAwB,yBACxBC,IAAW,YACXC,IAAa,cACbC,IAAO,QACPC,IAAmB,oBACnBC,IAAQ,SACRC,IAAY,aACZC,IAAsB,uBACtBC,IAAsB;"}

package/dist/components/Sortable/index.d.ts

@@ -0,0 +1 @@
+export * from './Sortable';

package/dist/components/Sortable/index.js

@@ -0,0 +1,5 @@
+import { Sortable as e } from "./Sortable.js";
+export {
+  e as Sortable
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Sortable/sortableReducer.d.ts

@@ -0,0 +1,24 @@
+import { ReactElement } from 'react';
+import { Actions } from './actions';
+import { SortableItem, SortableItemProps } from './components/SortableItem';
+type SortableItems = ReactElement<SortableItemProps, typeof SortableItem>[];
+export interface SortableStateType {
+    clone?: Element;
+    draggingSource?: number;
+    draggingTarget?: number;
+    indices: number[];
+    itemsBeforeDrag: SortableItems;
+    maxIndex: number;
+    sortableItems: SortableItems;
+}
+export declare const initialState: {
+    clone: undefined;
+    draggingSource: undefined;
+    draggingTarget: undefined;
+    indices: never[];
+    itemsBeforeDrag: never[];
+    maxIndex: number;
+    sortableItems: never[];
+};
+export declare const sortableReducer: (state: SortableStateType | undefined, action: Actions) => SortableStateType;
+export {};

package/dist/components/Sortable/sortableReducer.js

@@ -0,0 +1,92 @@
+import { jsx as n } from "react/jsx-runtime";
+import { CLEAR_DRAGGING_SOURCE as s, CLEAR_DRAGGING_TARGET as c, MOVE_TO_POSITION as l, SET_DRAGGING_SOURCE as u, SET_DRAGGING_TARGET as t, DROP as S, RESET as p, DRAG_END as T, DRAG_START as R, SET_CLONE as m } from "./constants.js";
+const G = {
+  clone: void 0,
+  draggingSource: void 0,
+  draggingTarget: void 0,
+  indices: [],
+  itemsBeforeDrag: [],
+  maxIndex: 0,
+  sortableItems: []
+}, d = (e, r, ...g) => (e === r || g.splice(r, 0, ...g.splice(e, 1)), g);
+function E(e, r, ...g) {
+  return g.splice(e, 1), [...g.splice(r, 0, /* @__PURE__ */ n("span", {})), ...g];
+}
+const _ = (e = G, r) => {
+  const g = e;
+  switch (r.type) {
+    case m:
+      return {
+        ...e,
+        clone: r.payload
+      };
+    case R:
+      return {
+        ...e,
+        draggingSource: r.payload,
+        itemsBeforeDrag: e.sortableItems
+      };
+    case T:
+      return {
+        ...e,
+        draggingSource: void 0,
+        draggingTarget: void 0
+      };
+    case p:
+      return {
+        ...e,
+        draggingTarget: void 0,
+        sortableItems: e.itemsBeforeDrag
+      };
+    case S: {
+      const o = d(g.draggingSource, r.payload, ...e.itemsBeforeDrag), i = o.map(({ props: a }) => a.index);
+      return {
+        ...e,
+        clone: void 0,
+        draggingSource: void 0,
+        draggingTarget: void 0,
+        indices: i,
+        sortableItems: o
+      };
+    }
+    case t:
+      return {
+        ...e,
+        draggingTarget: r.payload,
+        sortableItems: E(
+          g.draggingSource,
+          r.payload,
+          ...e.itemsBeforeDrag
+        )
+      };
+    case u:
+      return {
+        ...e,
+        draggingSource: r.payload
+      };
+    case l:
+      return {
+        ...e,
+        draggingTarget: r.payload,
+        draggingSource: r.payload,
+        sortableItems: d(g.draggingSource, r.payload, ...e.sortableItems)
+      };
+    case c:
+      return {
+        ...e,
+        draggingTarget: void 0
+      };
+    case s:
+      return {
+        ...e,
+        draggingSource: void 0
+      };
+    default:
+      return e;
+  }
+};
+export {
+  G as initialState,
+  _ as sortableReducer
+};
+//# sourceMappingURL=sortableReducer.js.map

package/dist/components/Sortable/sortableReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortableReducer.js","sources":["../../../src/components/Sortable/sortableReducer.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport type { Actions } from './actions';\nimport type { SortableItem, SortableItemProps } from './components/SortableItem';\n\nimport {\n  CLEAR_DRAGGING_SOURCE,\n  CLEAR_DRAGGING_TARGET,\n  DRAG_END,\n  DRAG_START,\n  DROP,\n  MOVE_TO_POSITION,\n  RESET,\n  SET_CLONE,\n  SET_DRAGGING_SOURCE,\n  SET_DRAGGING_TARGET,\n} from './constants';\n\ntype SortableItems = ReactElement<SortableItemProps, typeof SortableItem>[];\n\nexport interface SortableStateType {\n  clone?: Element;\n  draggingSource?: number;\n  draggingTarget?: number;\n  indices: number[];\n  itemsBeforeDrag: SortableItems;\n  maxIndex: number;\n  sortableItems: SortableItems;\n}\n\n// When dragging has started, draggingSource is a number value and not undefined any more\ntype SortableStateWithSource = SortableStateType & {\n  draggingSource: number;\n};\n\nexport const initialState = {\n  clone: undefined,\n  draggingSource: undefined,\n  draggingTarget: undefined,\n  indices: [],\n  itemsBeforeDrag: [],\n  maxIndex: 0,\n  sortableItems: [],\n};\n\nconst getReorderedList = (from: number, to: number, ...arr: SortableItems) =>\n  from === to ? arr : (arr.splice(to, 0, ...arr.splice(from, 1)), arr);\n\nfunction getReorderedListWithPlaceholder(from: number, to: number, ...arr: SortableItems) {\n  arr.splice(from, 1);\n\n  return [...arr.splice(to, 0, <span />), ...arr];\n}\n\nexport const sortableReducer = (state: SortableStateType = initialState, action: Actions): SortableStateType => {\n  const stateWithSource = state as SortableStateWithSource;\n\n  switch (action.type) {\n    case SET_CLONE: {\n      return {\n        ...state,\n        clone: action.payload,\n      };\n    }\n\n    case DRAG_START: {\n      return {\n        ...state,\n        draggingSource: action.payload,\n        itemsBeforeDrag: state.sortableItems,\n      };\n    }\n\n    case DRAG_END: {\n      return {\n        ...state,\n        draggingSource: undefined,\n        draggingTarget: undefined,\n      };\n    }\n\n    case RESET: {\n      return {\n        ...state,\n        draggingTarget: undefined,\n        sortableItems: state.itemsBeforeDrag,\n      };\n    }\n\n    case DROP: {\n      const sortableItems = getReorderedList(stateWithSource.draggingSource, action.payload, ...state.itemsBeforeDrag);\n      const indices = sortableItems.map(({ props }) => props.index);\n\n      return {\n        ...state,\n        clone: undefined,\n        draggingSource: undefined,\n        draggingTarget: undefined,\n        indices,\n        sortableItems,\n      };\n    }\n\n    case SET_DRAGGING_TARGET: {\n      return {\n        ...state,\n        draggingTarget: action.payload,\n        sortableItems: getReorderedListWithPlaceholder(\n          stateWithSource.draggingSource,\n          action.payload,\n          ...state.itemsBeforeDrag\n        ),\n      };\n    }\n\n    case SET_DRAGGING_SOURCE: {\n      return {\n        ...state,\n        draggingSource: action.payload,\n      };\n    }\n\n    case MOVE_TO_POSITION: {\n      return {\n        ...state,\n        draggingTarget: action.payload,\n        draggingSource: action.payload,\n        sortableItems: getReorderedList(stateWithSource.draggingSource, action.payload, ...state.sortableItems),\n      };\n    }\n\n    case CLEAR_DRAGGING_TARGET:\n      return {\n        ...state,\n        draggingTarget: undefined,\n      };\n\n    case CLEAR_DRAGGING_SOURCE:\n      return {\n        ...state,\n        draggingSource: undefined,\n      };\n\n    default:\n      return state;\n  }\n};\n"],"names":["initialState","getReorderedList","from","to","arr","getReorderedListWithPlaceholder","jsx","sortableReducer","state","action","stateWithSource","SET_CLONE","DRAG_START","DRAG_END","RESET","DROP","sortableItems","indices","props","SET_DRAGGING_TARGET","SET_DRAGGING_SOURCE","MOVE_TO_POSITION","CLEAR_DRAGGING_TARGET","CLEAR_DRAGGING_SOURCE"],"mappings":";;AAkCO,MAAMA,IAAe;AAAA,EAC1B,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,SAAS,CAAC;AAAA,EACV,iBAAiB,CAAC;AAAA,EAClB,UAAU;AAAA,EACV,eAAe,CAAC;AAClB,GAEMC,IAAmB,CAACC,GAAcC,MAAeC,OACrDF,MAASC,KAAYC,EAAI,OAAOD,GAAI,GAAG,GAAGC,EAAI,OAAOF,GAAM,CAAC,CAAC,GAAGE;AAElE,SAASC,EAAgCH,GAAcC,MAAeC,GAAoB;AACpF,SAAAA,EAAA,OAAOF,GAAM,CAAC,GAEX,CAAC,GAAGE,EAAI,OAAOD,GAAI,GAAG,gBAAAG,EAAC,QAAK,CAAA,CAAA,CAAE,GAAG,GAAGF,CAAG;AAChD;AAEO,MAAMG,IAAkB,CAACC,IAA2BR,GAAcS,MAAuC;AAC9G,QAAMC,IAAkBF;AAExB,UAAQC,EAAO,MAAM;AAAA,IACnB,KAAKE;AACI,aAAA;AAAA,QACL,GAAGH;AAAA,QACH,OAAOC,EAAO;AAAA,MAAA;AAAA,IAIlB,KAAKG;AACI,aAAA;AAAA,QACL,GAAGJ;AAAA,QACH,gBAAgBC,EAAO;AAAA,QACvB,iBAAiBD,EAAM;AAAA,MAAA;AAAA,IAI3B,KAAKK;AACI,aAAA;AAAA,QACL,GAAGL;AAAA,QACH,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,MAAA;AAAA,IAIpB,KAAKM;AACI,aAAA;AAAA,QACL,GAAGN;AAAA,QACH,gBAAgB;AAAA,QAChB,eAAeA,EAAM;AAAA,MAAA;AAAA,IAIzB,KAAKO,GAAM;AACH,YAAAC,IAAgBf,EAAiBS,EAAgB,gBAAgBD,EAAO,SAAS,GAAGD,EAAM,eAAe,GACzGS,IAAUD,EAAc,IAAI,CAAC,EAAE,OAAAE,QAAYA,EAAM,KAAK;AAErD,aAAA;AAAA,QACL,GAAGV;AAAA,QACH,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,SAAAS;AAAA,QACA,eAAAD;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEA,KAAKG;AACI,aAAA;AAAA,QACL,GAAGX;AAAA,QACH,gBAAgBC,EAAO;AAAA,QACvB,eAAeJ;AAAA,UACbK,EAAgB;AAAA,UAChBD,EAAO;AAAA,UACP,GAAGD,EAAM;AAAA,QACX;AAAA,MAAA;AAAA,IAIJ,KAAKY;AACI,aAAA;AAAA,QACL,GAAGZ;AAAA,QACH,gBAAgBC,EAAO;AAAA,MAAA;AAAA,IAI3B,KAAKY;AACI,aAAA;AAAA,QACL,GAAGb;AAAA,QACH,gBAAgBC,EAAO;AAAA,QACvB,gBAAgBA,EAAO;AAAA,QACvB,eAAeR,EAAiBS,EAAgB,gBAAgBD,EAAO,SAAS,GAAGD,EAAM,aAAa;AAAA,MAAA;AAAA,IAI1G,KAAKc;AACI,aAAA;AAAA,QACL,GAAGd;AAAA,QACH,gBAAgB;AAAA,MAAA;AAAA,IAGpB,KAAKe;AACI,aAAA;AAAA,QACL,GAAGf;AAAA,QACH,gBAAgB;AAAA,MAAA;AAAA,IAGpB;AACS,aAAAA;AAAA,EACX;AACF;"}

package/dist/components/hooks/useOnClickOuside.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+type Handler = (event: MouseEvent | TouchEvent | KeyboardEvent) => void;
+export declare const useOnClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: Handler) => void;
+export {};

package/dist/components/hooks/useOnClickOuside.js

@@ -0,0 +1,15 @@
+import { useEffect as r } from "react";
+const u = (e, n) => {
+  r(() => {
+    const t = (o) => {
+      !e.current || e.current.contains(o.target) || n(o);
+    };
+    return document.addEventListener("mousedown", t), document.addEventListener("touchstart", t), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("touchstart", t);
+    };
+  }, [e, n]);
+};
+export {
+  u as useOnClickOutside
+};
+//# sourceMappingURL=useOnClickOuside.js.map

package/dist/components/hooks/useOnClickOuside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOuside.js","sources":["../../../src/components/hooks/useOnClickOuside.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react';\n\ntype Handler = (event: MouseEvent | TouchEvent | KeyboardEvent) => void;\n\nexport const useOnClickOutside = <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: Handler): void => {\n  useEffect(() => {\n    const listener = (\n      event:\n        | (MouseEvent & { target: HTMLElement | null })\n        | (TouchEvent & { target: HTMLElement | null })\n        | (KeyboardEvent & { target: HTMLElement | null })\n    ): void => {\n      if (!ref.current || ref.current.contains(event.target as Node)) {\n        return;\n      }\n      handler(event as MouseEvent | TouchEvent | KeyboardEvent);\n    };\n    document.addEventListener('mousedown', listener as EventListener);\n    document.addEventListener('touchstart', listener as EventListener);\n    return () => {\n      document.removeEventListener('mousedown', listener as EventListener);\n      document.removeEventListener('touchstart', listener as EventListener);\n    };\n  }, [ref, handler]);\n};\n"],"names":["useOnClickOutside","ref","handler","useEffect","listener","event"],"mappings":";AAIa,MAAAA,IAAoB,CAAsCC,GAAmBC,MAA2B;AACnH,EAAAC,EAAU,MAAM;AACR,UAAAC,IAAW,CACfC,MAIS;AACL,MAAA,CAACJ,EAAI,WAAWA,EAAI,QAAQ,SAASI,EAAM,MAAc,KAG7DH,EAAQG,CAAgD;AAAA,IAAA;AAEjD,oBAAA,iBAAiB,aAAaD,CAAyB,GACvD,SAAA,iBAAiB,cAAcA,CAAyB,GAC1D,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAyB,GAC1D,SAAA,oBAAoB,cAAcA,CAAyB;AAAA,IAAA;AAAA,EACtE,GACC,CAACH,GAAKC,CAAO,CAAC;AACnB;"}

package/dist/components/index.d.ts

@@ -29,6 +29,7 @@ export * from './MetaDataList';
 export * from './ModalDialog';
 export * from './MultiSelect';
 export * from './OverlayCloseButton';
+export * from './PageOverlay';
 export * from './Periods';
 export * from './PeriodSelector';
 export * from './ProgrammeCard';
@@ -39,5 +40,6 @@ export * from './SectionNotification';
 export * from './SelectListbox';
 export * from './SelectListbox/SelectProvider';
 export * from './Spinner';
+export * from './Sortable';
 export * from './StatusPill';
 export * from './Tooltip';