@new-black/lyra 1.0.17 → 1.0.18

package/dist/lyra609.js

@@ -1,68 +1,5 @@
-import { useState as M, useCallback as I } from "react";
-import { arrayMove as $ } from "./lyra608.js";
-const H = (f, s, c, v) => {
-  const [j, w] = M(), [h, A] = M(null), p = I(
-    (i) => {
-      const n = f.find(
-        (u) => {
-          var e;
-          return u.value === i || ((e = u.items) == null ? void 0 : e.find((d) => d.value === i));
-        }
-      );
-      if (!n) {
-        const u = i.toString().split("-");
-        if ((u == null ? void 0 : u.length) > 0)
-          return f.find((d) => `${d.value}` === u[0]);
-      }
-      if ((n == null ? void 0 : n.value) !== i)
-        return n;
-    },
-    [f]
-  ), q = I(
-    (i) => {
-      var u;
-      const n = f.find(
-        (e) => {
-          var d;
-          return e.value === i.active.id || ((d = e.items) == null ? void 0 : d.find((y) => y.value === i.active.id));
-        }
-      );
-      w(
-        (n == null ? void 0 : n.value) === i.active.id ? n : (u = n == null ? void 0 : n.items) == null ? void 0 : u.find((e) => e.value === i.active.id)
-      ), A(f), c == null || c();
-    },
-    [f, c]
-  ), z = I(() => {
-    h && s(h), w(void 0), A(null);
-  }, [h, s]), B = I(
-    ({ active: i, over: n }) => {
-      var u, e;
-      if (i && n && i.id !== n.id) {
-        const d = p(i.id), y = p(n.id);
-        if (d === y) {
-          let t;
-          if (d != null && d.items) {
-            const l = (u = d.items) == null ? void 0 : u.findIndex((o) => o.value === i.id), x = (e = d.items) == null ? void 0 : e.findIndex((o) => o.value === n.id);
-            t = $(d.items, l, x), s(
-              f.map((o) => o.value === d.value ? { ...d, items: t } : o)
-            );
-          } else {
-            const l = f.findIndex((o) => o.value === i.id), x = f.findIndex((o) => o.value === n.id);
-            l > -1 && x > -1 && (t = $(f, l, x), s(t));
-          }
-        }
-      }
-      w(void 0), v == null || v();
-    },
-    [p, f, v, s]
-  );
-  return {
-    activeItem: j,
-    onDragStart: q,
-    onDragCancel: z,
-    onDragEnd: B
-  };
-};
+import { createContext as t } from "react";
+const e = t({});
 export {
-  H as useDragEvents
+  e as LayoutGroupContext
 };

package/dist/lyra609.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra609.js","sources":["../src/components/sortable/hooks/use-drag-events.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nimport { DragEndEvent, DragStartEvent, UniqueIdentifier } from \"@dnd-kit/core\";\nimport { arrayMove } from \"@dnd-kit/sortable\";\n\nexport const useDragEvents = <TItemProps extends { value: string; items?: TItemProps[] }>(\n  items: TItemProps[],\n  setItems: (newItems: TItemProps[]) => void,\n  onDragStartCallback?: () => void,\n  onDragEndCallback?: () => void,\n) => {\n  const [activeItem, setActiveItem] = useState<TItemProps>();\n  const [clonedItems, setClonedItems] = useState<TItemProps[] | null>(null);\n\n  const findContainer = useCallback(\n    (id: UniqueIdentifier) => {\n      const itemOrContainer = items.find(\n        (item) => item.value === id || item.items?.find((y) => y.value === id),\n      );\n\n      if (!itemOrContainer) {\n        const dropppableContainerItem = id.toString().split(\"-\");\n        if (dropppableContainerItem?.length > 0) {\n          const containerId = items.find((x) => `${x.value}` === dropppableContainerItem[0]);\n\n          return containerId;\n        }\n      }\n\n      if (itemOrContainer?.value === id) {\n        // top level so we don't have an inner container\n        return undefined;\n      }\n\n      // it's a container\n      return itemOrContainer;\n    },\n    [items],\n  );\n\n  const onDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const itemOrContainer = items.find(\n        (item) =>\n          item.value === event.active.id || item.items?.find((y) => y.value === event.active.id),\n      );\n\n      setActiveItem(\n        itemOrContainer?.value === event.active.id\n          ? itemOrContainer\n          : itemOrContainer?.items?.find((y) => y.value === event.active.id),\n      );\n      setClonedItems(items);\n      onDragStartCallback?.();\n    },\n    [items, onDragStartCallback],\n  );\n\n  const onDragCancel = useCallback(() => {\n    if (clonedItems) {\n      // Reset items to their original state in case items have been\n      // Dragged across containrs\n      setItems(clonedItems);\n    }\n\n    setActiveItem(undefined);\n    setClonedItems(null);\n  }, [clonedItems, setItems]);\n\n  const onDragEnd = useCallback(\n    ({ active, over }: DragEndEvent) => {\n      if (active && over && active.id !== over.id) {\n        const activeContainer = findContainer(active.id);\n        const overContainer = findContainer(over.id);\n        if (activeContainer === overContainer) {\n          // reorder in the same container\n          let newColumns: TItemProps[] | undefined;\n          if (activeContainer?.items) {\n            const oldIndex = activeContainer.items?.findIndex((item) => item.value === active.id);\n            const newIndex = activeContainer.items?.findIndex((item) => item.value === over.id);\n            newColumns = arrayMove(activeContainer.items, oldIndex, newIndex);\n\n            setItems(\n              items.map((prevItem) => {\n                if (prevItem.value === activeContainer.value) {\n                  return { ...activeContainer, items: newColumns };\n                }\n\n                return prevItem;\n              }),\n            );\n          } else {\n            // top level\n            const oldIndex = items.findIndex((item) => item.value === active.id);\n            const newIndex = items.findIndex((item) => item.value === over.id);\n            if (oldIndex > -1 && newIndex > -1) {\n              newColumns = arrayMove(items, oldIndex, newIndex);\n              setItems(newColumns);\n            }\n          }\n        }\n      }\n\n      setActiveItem(undefined);\n      onDragEndCallback?.();\n    },\n    [findContainer, items, onDragEndCallback, setItems],\n  );\n\n  return {\n    activeItem,\n    onDragStart,\n    onDragCancel,\n    onDragEnd,\n  };\n};\n"],"names":["useDragEvents","items","setItems","onDragStartCallback","onDragEndCallback","activeItem","setActiveItem","useState","clonedItems","setClonedItems","findContainer","useCallback","id","itemOrContainer","item","_a","y","dropppableContainerItem","x","onDragStart","event","onDragCancel","onDragEnd","active","over","activeContainer","overContainer","newColumns","oldIndex","newIndex","_b","arrayMove","prevItem"],"mappings":"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"}
+{"version":3,"file":"lyra609.js","sources":["../node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LayoutGroupContext = createContext({});\n\nexport { LayoutGroupContext };\n"],"names":["LayoutGroupContext","createContext"],"mappings":";AAEK,MAACA,IAAqBC,EAAc,CAAE,CAAA;","x_google_ignoreList":[0]}

package/dist/lyra61.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),v=require("react"),j=require("./lyra89.cjs"),g=require("./lyra498.cjs"),y=require("./lyra95.cjs"),D=require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const x=require("./lyra65.cjs");require("./lyra80.cjs");require("./lyra490.cjs");require("./lyra40.cjs");const E=require("./lyra73.cjs");require("./lyra74.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");const N=require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");require("./lyra491.cjs");require("./lyra492.cjs");require("./lyra493.cjs");require("./lyra494.cjs");const R=require("./lyra37.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");const k=require("./lyra495.cjs"),S=require("./lyra496.cjs"),h=require("./lyra499.cjs"),I=require("./lyra497.cjs"),U=c=>{const{add:o}=y.useDictionary(),{items:d,parentNode:b,selectedItems:i,setSelectedItems:s}=c,{grid:q}=N.sortableGridStyles();return r.jsxDevRuntimeExports.jsxDEV(S.SortableContainer,{orientation:"grid",items:i,disableRestrictToParent:!0,collisionDetection:g.closestCorners,setItems:e=>{s(e)},keyboardCoordinateGetter:h.flexWrappedListKeyboardCoordinates,parentNode:b,overlay:e=>r.jsxDevRuntimeExports.jsxDEV(f,{label:e.label,isDragging:!0,isSorting:!0,isOverlay:!0},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",lineNumber:39,columnNumber:26},void 0),children:r.jsxDevRuntimeExports.jsxDEV("div",{className:q(),children:[i.map(e=>r.jsxDevRuntimeExports.jsxDEV(I.SortableItem,{sortableId:e.value,children:({attributes:t,insertPosition:l,isDragging:p,isSorting:n,listeners:u})=>r.jsxDevRuntimeExports.jsxDEV(f,{attributes:t,isDragging:p,isSorting:n,listeners:u,insertPosition:l,label:e.label,onRemove:()=>{const a=i.filter(m=>m.value!==e.value);s(a)}},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",lineNumber:45,columnNumber:15},void 0)},e.value,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",lineNumber:43,columnNumber:11},void 0)),r.jsxDevRuntimeExports.jsxDEV("div",{children:r.jsxDevRuntimeExports.jsxDEV(R.MultiSearchListFieldWithCustomTrigger,{items:d,label:o,value:i,onChange:e=>s(e??[]),selectRenderElements:e=>({label:e.label}),getLabel:e=>e.label,getItemId:e=>e.value,children:r.jsxDevRuntimeExports.jsxDEV(D.Button,{variant:"icon",tooltip:o,children:r.jsxDevRuntimeExports.jsxDEV(x.SvgIcon,{name:"plus"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",lineNumber:73,columnNumber:15},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",lineNumber:72,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",lineNumber:63,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",lineNumber:62,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",lineNumber:41,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",lineNumber:29,columnNumber:5},void 0)},f=v.forwardRef((c,o)=>{const{attributes:d,insertPosition:b,isDragging:i,isOverlay:s,label:q,listeners:e,onRemove:t}=c,l=k.useIsKeyboardSorting(),{item:p}=N.sortableGridStyles();return l&&s?null:r.jsxDevRuntimeExports.jsxDEV("div",{className:p({clone:s||!1,active:i,insertPosition:b,isKeyboardSorting:l}),ref:o,...d,...e,onKeyDown:n=>{var u,a;if(n.key==="Backspace"){t==null||t();const m=(a=(u=n.currentTarget.parentElement)==null?void 0:u.previousElementSibling)==null?void 0:a.children[0];m&&m.focus()}else e==null||e.onKeyDown(n)},children:[r.jsxDevRuntimeExports.jsxDEV("div",{className:"w-4",children:r.jsxDevRuntimeExports.jsxDEV(x.SvgIcon,{name:"drag-handle",className:"text-tertiary"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",lineNumber:110,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",lineNumber:109,columnNumber:7},void 0),r.jsxDevRuntimeExports.jsxDEV(E.Text,{className:" whitespace-nowrap",children:q},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",lineNumber:112,columnNumber:7},void 0),r.jsxDevRuntimeExports.jsxDEV(j.Button,{className:" -my-0.5 w-4 p-0.5 outline-none",onPress:t,excludeFromTabOrder:!0,children:r.jsxDevRuntimeExports.jsxDEV(x.SvgIcon,{name:"clear",className:"text-secondary"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",lineNumber:114,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",lineNumber:113,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",lineNumber:88,columnNumber:5},void 0)});f.displayName="Item";exports.SortableGrid=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),y=require("react"),v=require("./lyra89.cjs"),R=require("./lyra460.cjs"),E=require("./lyra95.cjs"),S=require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const p=require("./lyra65.cjs");require("./lyra80.cjs");require("./lyra452.cjs");require("./lyra40.cjs");const h=require("./lyra73.cjs");require("./lyra74.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");const g=require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");require("./lyra453.cjs");require("./lyra454.cjs");require("./lyra455.cjs");require("./lyra456.cjs");const I=require("./lyra37.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");const f=require("./lyra457.cjs"),N=require("./lyra458.cjs"),C=require("./lyra461.cjs"),w=require("./lyra459.cjs"),K=c=>{const{add:o}=E.useDictionary(),{items:d,parentNode:x,selectedItems:i,setSelectedItems:t}=c,{grid:m}=g.sortableGridStyles();return r.jsxRuntimeExports.jsx(N.SortableContainer,{orientation:"grid",items:i,disableRestrictToParent:!0,collisionDetection:R.closestCorners,setItems:e=>{t(e)},keyboardCoordinateGetter:C.flexWrappedListKeyboardCoordinates,parentNode:x,overlay:e=>r.jsxRuntimeExports.jsx(j,{label:e.label,isDragging:!0,isSorting:!0,isOverlay:!0}),children:r.jsxRuntimeExports.jsxs("div",{className:m(),children:[i.map(e=>r.jsxRuntimeExports.jsx(w.SortableItem,{sortableId:e.value,children:({attributes:s,insertPosition:n,isDragging:b,isSorting:u,listeners:a})=>r.jsxRuntimeExports.jsx(j,{attributes:s,isDragging:b,isSorting:u,listeners:a,insertPosition:n,label:e.label,onRemove:()=>{const l=i.filter(q=>q.value!==e.value);t(l)}})},e.value)),r.jsxRuntimeExports.jsx("div",{children:r.jsxRuntimeExports.jsx(I.MultiSearchListFieldWithCustomTrigger,{items:d,label:o,value:i,onChange:e=>t(e??[]),selectRenderElements:e=>({label:e.label}),getLabel:e=>e.label,getItemId:e=>e.value,children:r.jsxRuntimeExports.jsx(S.Button,{variant:"icon",tooltip:o,children:r.jsxRuntimeExports.jsx(p.SvgIcon,{name:"plus"})})})})]})})},j=y.forwardRef((c,o)=>{const{attributes:d,insertPosition:x,isDragging:i,isOverlay:t,label:m,listeners:e,onRemove:s}=c,n=f.useIsKeyboardSorting(),{item:b}=g.sortableGridStyles();return n&&t?null:r.jsxRuntimeExports.jsxs("div",{className:b({clone:t||!1,active:i,insertPosition:x,isKeyboardSorting:n}),ref:o,...d,...e,onKeyDown:u=>{var a,l;if(u.key==="Backspace"){s==null||s();const q=(l=(a=u.currentTarget.parentElement)==null?void 0:a.previousElementSibling)==null?void 0:l.children[0];q&&q.focus()}else e==null||e.onKeyDown(u)},children:[r.jsxRuntimeExports.jsx("div",{className:"w-4",children:r.jsxRuntimeExports.jsx(p.SvgIcon,{name:"drag-handle",className:"text-tertiary"})}),r.jsxRuntimeExports.jsx(h.Text,{className:" whitespace-nowrap",children:m}),r.jsxRuntimeExports.jsx(v.Button,{className:" -my-0.5 w-4 p-0.5 outline-none",onPress:s,excludeFromTabOrder:!0,children:r.jsxRuntimeExports.jsx(p.SvgIcon,{name:"clear",className:"text-secondary"})})]})});j.displayName="Item";exports.SortableGrid=K;

package/dist/lyra61.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra61.cjs","sources":["../src/components/sortable/sortable-grid.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Button } from \"react-aria-components\";\n\nimport { closestCorners } from \"@dnd-kit/core\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button as LyraButton } from \"../button\";\nimport { MultiSearchListFieldWithCustomTrigger } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { useIsKeyboardSorting } from \"./hooks/use-is-keyboard-sorting\";\nimport { sortableGridStyles } from \"./sortable.styles\";\nimport { GridItemProps, SortableGridProps } from \"./sortable.types\";\nimport { SortableContainer } from \"./sortable-container\";\nimport { flexWrappedListKeyboardCoordinates } from \"./sortable-flex-wrapped-list-keyboard-coordinates\";\nimport { SortableItem } from \"./sortable-item\";\n\n/**\n * A sortable grid component that shows the items in a flex wrapped way.\n */\nexport const SortableGrid = <T extends { value: string; label: string }>(\n  props: SortableGridProps<T>,\n) => {\n  const { add } = useDictionary();\n  const { items, parentNode, selectedItems, setSelectedItems } = props;\n  const { grid } = sortableGridStyles();\n  return (\n    <SortableContainer\n      orientation=\"grid\"\n      items={selectedItems}\n      disableRestrictToParent\n      collisionDetection={closestCorners}\n      setItems={(newItems) => {\n        setSelectedItems(newItems);\n      }}\n      keyboardCoordinateGetter={flexWrappedListKeyboardCoordinates}\n      parentNode={parentNode}\n      overlay={(item) => <GridItem label={item.label} isDragging isSorting isOverlay />}\n    >\n      <div className={grid()}>\n        {selectedItems.map((item) => (\n          <SortableItem key={item.value} sortableId={item.value}>\n            {({ attributes, insertPosition, isDragging, isSorting, listeners }) => (\n              <GridItem\n                attributes={attributes}\n                isDragging={isDragging}\n                isSorting={isSorting}\n                listeners={listeners}\n                insertPosition={insertPosition}\n                label={item.label}\n                onRemove={() => {\n                  const filtered = selectedItems.filter(\n                    (clonedItem) => clonedItem.value !== item.value,\n                  );\n                  setSelectedItems(filtered);\n                }}\n              />\n            )}\n          </SortableItem>\n        ))}\n        <div>\n          <MultiSearchListFieldWithCustomTrigger\n            items={items}\n            label={add}\n            value={selectedItems}\n            onChange={(newItems) => setSelectedItems(newItems ?? [])}\n            selectRenderElements={(item) => ({ label: item.label })}\n            getLabel={(item) => item.label}\n            getItemId={(item) => item.value}\n          >\n            <LyraButton variant=\"icon\" tooltip={add}>\n              <SvgIcon name=\"plus\" />\n            </LyraButton>\n          </MultiSearchListFieldWithCustomTrigger>\n        </div>\n      </div>\n    </SortableContainer>\n  );\n};\n\nconst GridItem = forwardRef<HTMLDivElement, GridItemProps>((props, ref) => {\n  const { attributes, insertPosition, isDragging, isOverlay, label, listeners, onRemove } = props;\n  const isKeyboardSorting = useIsKeyboardSorting();\n  const { item } = sortableGridStyles();\n  if (isKeyboardSorting && isOverlay) return null;\n  return (\n    <div\n      className={item({\n        clone: isOverlay || false,\n        active: isDragging,\n        insertPosition,\n        isKeyboardSorting,\n      })}\n      ref={ref}\n      {...attributes}\n      {...listeners}\n      onKeyDown={(e) => {\n        if (e.key === \"Backspace\") {\n          onRemove?.();\n          const previousElement = e.currentTarget.parentElement?.previousElementSibling\n            ?.children[0] as HTMLElement | undefined;\n          if (previousElement) previousElement.focus();\n        } else {\n          listeners?.onKeyDown(e);\n        }\n      }}\n    >\n      <div className=\"w-4\">\n        <SvgIcon name=\"drag-handle\" className=\"text-tertiary\" />\n      </div>\n      <Text className=\" whitespace-nowrap\">{label}</Text>\n      <Button className=\" -my-0.5 w-4 p-0.5 outline-none\" onPress={onRemove} excludeFromTabOrder>\n        <SvgIcon name=\"clear\" className=\"text-secondary\" />\n      </Button>\n    </div>\n  );\n});\n\nGridItem.displayName = \"Item\";\n"],"names":["SortableGrid","props","add","useDictionary","items","parentNode","selectedItems","setSelectedItems","grid","sortableGridStyles","jsxDEV","SortableContainer","closestCorners","newItems","flexWrappedListKeyboardCoordinates","item","GridItem","this","SortableItem","attributes","insertPosition","isDragging","isSorting","listeners","filtered","clonedItem","MultiSearchListFieldWithCustomTrigger","LyraButton","SvgIcon","forwardRef","ref","isOverlay","label","onRemove","isKeyboardSorting","useIsKeyboardSorting","e","previousElement","_b","_a","Text","Button"],"mappings":"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"}
+{"version":3,"file":"lyra61.cjs","sources":["../src/components/sortable/sortable-grid.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Button } from \"react-aria-components\";\n\nimport { closestCorners } from \"@dnd-kit/core\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button as LyraButton } from \"../button\";\nimport { MultiSearchListFieldWithCustomTrigger } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { useIsKeyboardSorting } from \"./hooks/use-is-keyboard-sorting\";\nimport { sortableGridStyles } from \"./sortable.styles\";\nimport { GridItemProps, SortableGridProps } from \"./sortable.types\";\nimport { SortableContainer } from \"./sortable-container\";\nimport { flexWrappedListKeyboardCoordinates } from \"./sortable-flex-wrapped-list-keyboard-coordinates\";\nimport { SortableItem } from \"./sortable-item\";\n\n/**\n * A sortable grid component that shows the items in a flex wrapped way.\n */\nexport const SortableGrid = <T extends { value: string; label: string }>(\n  props: SortableGridProps<T>,\n) => {\n  const { add } = useDictionary();\n  const { items, parentNode, selectedItems, setSelectedItems } = props;\n  const { grid } = sortableGridStyles();\n  return (\n    <SortableContainer\n      orientation=\"grid\"\n      items={selectedItems}\n      disableRestrictToParent\n      collisionDetection={closestCorners}\n      setItems={(newItems) => {\n        setSelectedItems(newItems);\n      }}\n      keyboardCoordinateGetter={flexWrappedListKeyboardCoordinates}\n      parentNode={parentNode}\n      overlay={(item) => <GridItem label={item.label} isDragging isSorting isOverlay />}\n    >\n      <div className={grid()}>\n        {selectedItems.map((item) => (\n          <SortableItem key={item.value} sortableId={item.value}>\n            {({ attributes, insertPosition, isDragging, isSorting, listeners }) => (\n              <GridItem\n                attributes={attributes}\n                isDragging={isDragging}\n                isSorting={isSorting}\n                listeners={listeners}\n                insertPosition={insertPosition}\n                label={item.label}\n                onRemove={() => {\n                  const filtered = selectedItems.filter(\n                    (clonedItem) => clonedItem.value !== item.value,\n                  );\n                  setSelectedItems(filtered);\n                }}\n              />\n            )}\n          </SortableItem>\n        ))}\n        <div>\n          <MultiSearchListFieldWithCustomTrigger\n            items={items}\n            label={add}\n            value={selectedItems}\n            onChange={(newItems) => setSelectedItems(newItems ?? [])}\n            selectRenderElements={(item) => ({ label: item.label })}\n            getLabel={(item) => item.label}\n            getItemId={(item) => item.value}\n          >\n            <LyraButton variant=\"icon\" tooltip={add}>\n              <SvgIcon name=\"plus\" />\n            </LyraButton>\n          </MultiSearchListFieldWithCustomTrigger>\n        </div>\n      </div>\n    </SortableContainer>\n  );\n};\n\nconst GridItem = forwardRef<HTMLDivElement, GridItemProps>((props, ref) => {\n  const { attributes, insertPosition, isDragging, isOverlay, label, listeners, onRemove } = props;\n  const isKeyboardSorting = useIsKeyboardSorting();\n  const { item } = sortableGridStyles();\n  if (isKeyboardSorting && isOverlay) return null;\n  return (\n    <div\n      className={item({\n        clone: isOverlay || false,\n        active: isDragging,\n        insertPosition,\n        isKeyboardSorting,\n      })}\n      ref={ref}\n      {...attributes}\n      {...listeners}\n      onKeyDown={(e) => {\n        if (e.key === \"Backspace\") {\n          onRemove?.();\n          const previousElement = e.currentTarget.parentElement?.previousElementSibling\n            ?.children[0] as HTMLElement | undefined;\n          if (previousElement) previousElement.focus();\n        } else {\n          listeners?.onKeyDown(e);\n        }\n      }}\n    >\n      <div className=\"w-4\">\n        <SvgIcon name=\"drag-handle\" className=\"text-tertiary\" />\n      </div>\n      <Text className=\" whitespace-nowrap\">{label}</Text>\n      <Button className=\" -my-0.5 w-4 p-0.5 outline-none\" onPress={onRemove} excludeFromTabOrder>\n        <SvgIcon name=\"clear\" className=\"text-secondary\" />\n      </Button>\n    </div>\n  );\n});\n\nGridItem.displayName = \"Item\";\n"],"names":["SortableGrid","props","add","useDictionary","items","parentNode","selectedItems","setSelectedItems","grid","sortableGridStyles","jsx","SortableContainer","closestCorners","newItems","flexWrappedListKeyboardCoordinates","item","GridItem","jsxs","SortableItem","attributes","insertPosition","isDragging","isSorting","listeners","filtered","clonedItem","MultiSearchListFieldWithCustomTrigger","LyraButton","SvgIcon","forwardRef","ref","isOverlay","label","onRemove","isKeyboardSorting","useIsKeyboardSorting","e","previousElement","_b","_a","Text","Button"],"mappings":"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"}

package/dist/lyra61.js

@@ -1,9 +1,9 @@
-import { j as r } from "./lyra90.js";
-import { forwardRef as v } from "react";
-import { Button as j } from "./lyra89.js";
-import { closestCorners as y } from "./lyra498.js";
-import { useDictionary as D } from "./lyra95.js";
-import { Button as E } from "./lyra11.js";
+import { j as t } from "./lyra90.js";
+import { forwardRef as j } from "react";
+import { Button as h } from "./lyra89.js";
+import { closestCorners as y } from "./lyra460.js";
+import { useDictionary as I } from "./lyra95.js";
+import { Button as S } from "./lyra11.js";
 import "./lyra12.js";
 import "./lyra13.js";
 import "./lyra14.js";
@@ -16,11 +16,11 @@ import "./lyra26.js";
 import "./lyra27.js";
 import "./lyra28.js";
 import "./lyra29.js";
-import { SvgIcon as N } from "./lyra65.js";
+import { SvgIcon as x } from "./lyra65.js";
 import "./lyra80.js";
-import "./lyra490.js";
+import "./lyra452.js";
 import "./lyra40.js";
-import { Text as k } from "./lyra73.js";
+import { Text as N } from "./lyra73.js";
 import "./lyra74.js";
 import "./lyra44.js";
 import "./lyra31.js";
@@ -55,7 +55,7 @@ import "./lyra56.js";
 import "./lyra58.js";
 import "./lyra59.js";
 import "./lyra60.js";
-import { sortableGridStyles as g } from "./lyra62.js";
+import { sortableGridStyles as v } from "./lyra62.js";
 import "./lyra64.js";
 import "./lyra67.js";
 import "./lyra68.js";
@@ -68,177 +68,101 @@ import "./lyra78.js";
 import "./lyra79.js";
 import "./lyra81.js";
 import "./lyra98.js";
-import "./lyra491.js";
-import "./lyra492.js";
-import "./lyra493.js";
-import "./lyra494.js";
-import { MultiSearchListFieldWithCustomTrigger as h } from "./lyra37.js";
+import "./lyra453.js";
+import "./lyra454.js";
+import "./lyra455.js";
+import "./lyra456.js";
+import { MultiSearchListFieldWithCustomTrigger as w } from "./lyra37.js";
 import "./lyra41.js";
 import "./lyra42.js";
 import "./lyra43.js";
 import "./lyra45.js";
 import "./lyra46.js";
-import { useIsKeyboardSorting as U } from "./lyra495.js";
-import { SortableContainer as V } from "./lyra496.js";
-import { flexWrappedListKeyboardCoordinates as I } from "./lyra499.js";
-import { SortableItem as S } from "./lyra497.js";
-const mr = (c) => {
-  const { add: m } = D(), { items: d, parentNode: u, selectedItems: t, setSelectedItems: i } = c, { grid: b } = g();
-  return /* @__PURE__ */ r.jsxDEV(
-    V,
+import { useIsKeyboardSorting as C } from "./lyra457.js";
+import { SortableContainer as D } from "./lyra458.js";
+import { flexWrappedListKeyboardCoordinates as E } from "./lyra461.js";
+import { SortableItem as K } from "./lyra459.js";
+const pt = (c) => {
+  const { add: p } = I(), { items: d, parentNode: u, selectedItems: o, setSelectedItems: i } = c, { grid: b } = v();
+  return /* @__PURE__ */ t.jsx(
+    D,
     {
       orientation: "grid",
-      items: t,
+      items: o,
       disableRestrictToParent: !0,
       collisionDetection: y,
-      setItems: (e) => {
-        i(e);
+      setItems: (r) => {
+        i(r);
       },
-      keyboardCoordinateGetter: I,
+      keyboardCoordinateGetter: E,
       parentNode: u,
-      overlay: (e) => /* @__PURE__ */ r.jsxDEV(x, { label: e.label, isDragging: !0, isSorting: !0, isOverlay: !0 }, void 0, !1, {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",
-        lineNumber: 39,
-        columnNumber: 26
-      }, void 0),
-      children: /* @__PURE__ */ r.jsxDEV("div", { className: b(), children: [
-        t.map((e) => /* @__PURE__ */ r.jsxDEV(S, { sortableId: e.value, children: ({ attributes: o, insertPosition: l, isDragging: f, isSorting: s, listeners: n }) => /* @__PURE__ */ r.jsxDEV(
-          x,
+      overlay: (r) => /* @__PURE__ */ t.jsx(g, { label: r.label, isDragging: !0, isSorting: !0, isOverlay: !0 }),
+      children: /* @__PURE__ */ t.jsxs("div", { className: b(), children: [
+        o.map((r) => /* @__PURE__ */ t.jsx(K, { sortableId: r.value, children: ({ attributes: e, insertPosition: s, isDragging: f, isSorting: m, listeners: a }) => /* @__PURE__ */ t.jsx(
+          g,
           {
-            attributes: o,
+            attributes: e,
             isDragging: f,
-            isSorting: s,
-            listeners: n,
-            insertPosition: l,
-            label: e.label,
+            isSorting: m,
+            listeners: a,
+            insertPosition: s,
+            label: r.label,
             onRemove: () => {
-              const a = t.filter(
-                (p) => p.value !== e.value
+              const l = o.filter(
+                (n) => n.value !== r.value
               );
-              i(a);
+              i(l);
             }
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",
-            lineNumber: 45,
-            columnNumber: 15
-          },
-          void 0
-        ) }, e.value, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",
-          lineNumber: 43,
-          columnNumber: 11
-        }, void 0)),
-        /* @__PURE__ */ r.jsxDEV("div", { children: /* @__PURE__ */ r.jsxDEV(
-          h,
+          }
+        ) }, r.value)),
+        /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+          w,
           {
             items: d,
-            label: m,
-            value: t,
-            onChange: (e) => i(e ?? []),
-            selectRenderElements: (e) => ({ label: e.label }),
-            getLabel: (e) => e.label,
-            getItemId: (e) => e.value,
-            children: /* @__PURE__ */ r.jsxDEV(E, { variant: "icon", tooltip: m, children: /* @__PURE__ */ r.jsxDEV(N, { name: "plus" }, void 0, !1, {
-              fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",
-              lineNumber: 73,
-              columnNumber: 15
-            }, void 0) }, void 0, !1, {
-              fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",
-              lineNumber: 72,
-              columnNumber: 13
-            }, void 0)
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",
-            lineNumber: 63,
-            columnNumber: 11
-          },
-          void 0
-        ) }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",
-          lineNumber: 62,
-          columnNumber: 9
-        }, void 0)
-      ] }, void 0, !0, {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",
-        lineNumber: 41,
-        columnNumber: 7
-      }, void 0)
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",
-      lineNumber: 29,
-      columnNumber: 5
-    },
-    void 0
+            label: p,
+            value: o,
+            onChange: (r) => i(r ?? []),
+            selectRenderElements: (r) => ({ label: r.label }),
+            getLabel: (r) => r.label,
+            getItemId: (r) => r.value,
+            children: /* @__PURE__ */ t.jsx(S, { variant: "icon", tooltip: p, children: /* @__PURE__ */ t.jsx(x, { name: "plus" }) })
+          }
+        ) })
+      ] })
+    }
   );
-}, x = v((c, m) => {
-  const { attributes: d, insertPosition: u, isDragging: t, isOverlay: i, label: b, listeners: e, onRemove: o } = c, l = U(), { item: f } = g();
-  return l && i ? null : /* @__PURE__ */ r.jsxDEV(
+}, g = j((c, p) => {
+  const { attributes: d, insertPosition: u, isDragging: o, isOverlay: i, label: b, listeners: r, onRemove: e } = c, s = C(), { item: f } = v();
+  return s && i ? null : /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: f({
         clone: i || !1,
-        active: t,
+        active: o,
         insertPosition: u,
-        isKeyboardSorting: l
+        isKeyboardSorting: s
       }),
-      ref: m,
+      ref: p,
       ...d,
-      ...e,
-      onKeyDown: (s) => {
-        var n, a;
-        if (s.key === "Backspace") {
-          o == null || o();
-          const p = (a = (n = s.currentTarget.parentElement) == null ? void 0 : n.previousElementSibling) == null ? void 0 : a.children[0];
-          p && p.focus();
+      ...r,
+      onKeyDown: (m) => {
+        var a, l;
+        if (m.key === "Backspace") {
+          e == null || e();
+          const n = (l = (a = m.currentTarget.parentElement) == null ? void 0 : a.previousElementSibling) == null ? void 0 : l.children[0];
+          n && n.focus();
         } else
-          e == null || e.onKeyDown(s);
+          r == null || r.onKeyDown(m);
       },
       children: [
-        /* @__PURE__ */ r.jsxDEV("div", { className: "w-4", children: /* @__PURE__ */ r.jsxDEV(N, { name: "drag-handle", className: "text-tertiary" }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",
-          lineNumber: 110,
-          columnNumber: 9
-        }, void 0) }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",
-          lineNumber: 109,
-          columnNumber: 7
-        }, void 0),
-        /* @__PURE__ */ r.jsxDEV(k, { className: " whitespace-nowrap", children: b }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",
-          lineNumber: 112,
-          columnNumber: 7
-        }, void 0),
-        /* @__PURE__ */ r.jsxDEV(j, { className: " -my-0.5 w-4 p-0.5 outline-none", onPress: o, excludeFromTabOrder: !0, children: /* @__PURE__ */ r.jsxDEV(N, { name: "clear", className: "text-secondary" }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",
-          lineNumber: 114,
-          columnNumber: 9
-        }, void 0) }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",
-          lineNumber: 113,
-          columnNumber: 7
-        }, void 0)
+        /* @__PURE__ */ t.jsx("div", { className: "w-4", children: /* @__PURE__ */ t.jsx(x, { name: "drag-handle", className: "text-tertiary" }) }),
+        /* @__PURE__ */ t.jsx(N, { className: " whitespace-nowrap", children: b }),
+        /* @__PURE__ */ t.jsx(h, { className: " -my-0.5 w-4 p-0.5 outline-none", onPress: e, excludeFromTabOrder: !0, children: /* @__PURE__ */ t.jsx(x, { name: "clear", className: "text-secondary" }) })
       ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",
-      lineNumber: 88,
-      columnNumber: 5
-    },
-    void 0
+    }
   );
 });
-x.displayName = "Item";
+g.displayName = "Item";
 export {
-  mr as SortableGrid
+  pt as SortableGrid
 };

package/dist/lyra61.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra61.js","sources":["../src/components/sortable/sortable-grid.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Button } from \"react-aria-components\";\n\nimport { closestCorners } from \"@dnd-kit/core\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button as LyraButton } from \"../button\";\nimport { MultiSearchListFieldWithCustomTrigger } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { useIsKeyboardSorting } from \"./hooks/use-is-keyboard-sorting\";\nimport { sortableGridStyles } from \"./sortable.styles\";\nimport { GridItemProps, SortableGridProps } from \"./sortable.types\";\nimport { SortableContainer } from \"./sortable-container\";\nimport { flexWrappedListKeyboardCoordinates } from \"./sortable-flex-wrapped-list-keyboard-coordinates\";\nimport { SortableItem } from \"./sortable-item\";\n\n/**\n * A sortable grid component that shows the items in a flex wrapped way.\n */\nexport const SortableGrid = <T extends { value: string; label: string }>(\n  props: SortableGridProps<T>,\n) => {\n  const { add } = useDictionary();\n  const { items, parentNode, selectedItems, setSelectedItems } = props;\n  const { grid } = sortableGridStyles();\n  return (\n    <SortableContainer\n      orientation=\"grid\"\n      items={selectedItems}\n      disableRestrictToParent\n      collisionDetection={closestCorners}\n      setItems={(newItems) => {\n        setSelectedItems(newItems);\n      }}\n      keyboardCoordinateGetter={flexWrappedListKeyboardCoordinates}\n      parentNode={parentNode}\n      overlay={(item) => <GridItem label={item.label} isDragging isSorting isOverlay />}\n    >\n      <div className={grid()}>\n        {selectedItems.map((item) => (\n          <SortableItem key={item.value} sortableId={item.value}>\n            {({ attributes, insertPosition, isDragging, isSorting, listeners }) => (\n              <GridItem\n                attributes={attributes}\n                isDragging={isDragging}\n                isSorting={isSorting}\n                listeners={listeners}\n                insertPosition={insertPosition}\n                label={item.label}\n                onRemove={() => {\n                  const filtered = selectedItems.filter(\n                    (clonedItem) => clonedItem.value !== item.value,\n                  );\n                  setSelectedItems(filtered);\n                }}\n              />\n            )}\n          </SortableItem>\n        ))}\n        <div>\n          <MultiSearchListFieldWithCustomTrigger\n            items={items}\n            label={add}\n            value={selectedItems}\n            onChange={(newItems) => setSelectedItems(newItems ?? [])}\n            selectRenderElements={(item) => ({ label: item.label })}\n            getLabel={(item) => item.label}\n            getItemId={(item) => item.value}\n          >\n            <LyraButton variant=\"icon\" tooltip={add}>\n              <SvgIcon name=\"plus\" />\n            </LyraButton>\n          </MultiSearchListFieldWithCustomTrigger>\n        </div>\n      </div>\n    </SortableContainer>\n  );\n};\n\nconst GridItem = forwardRef<HTMLDivElement, GridItemProps>((props, ref) => {\n  const { attributes, insertPosition, isDragging, isOverlay, label, listeners, onRemove } = props;\n  const isKeyboardSorting = useIsKeyboardSorting();\n  const { item } = sortableGridStyles();\n  if (isKeyboardSorting && isOverlay) return null;\n  return (\n    <div\n      className={item({\n        clone: isOverlay || false,\n        active: isDragging,\n        insertPosition,\n        isKeyboardSorting,\n      })}\n      ref={ref}\n      {...attributes}\n      {...listeners}\n      onKeyDown={(e) => {\n        if (e.key === \"Backspace\") {\n          onRemove?.();\n          const previousElement = e.currentTarget.parentElement?.previousElementSibling\n            ?.children[0] as HTMLElement | undefined;\n          if (previousElement) previousElement.focus();\n        } else {\n          listeners?.onKeyDown(e);\n        }\n      }}\n    >\n      <div className=\"w-4\">\n        <SvgIcon name=\"drag-handle\" className=\"text-tertiary\" />\n      </div>\n      <Text className=\" whitespace-nowrap\">{label}</Text>\n      <Button className=\" -my-0.5 w-4 p-0.5 outline-none\" onPress={onRemove} excludeFromTabOrder>\n        <SvgIcon name=\"clear\" className=\"text-secondary\" />\n      </Button>\n    </div>\n  );\n});\n\nGridItem.displayName = \"Item\";\n"],"names":["SortableGrid","props","add","useDictionary","items","parentNode","selectedItems","setSelectedItems","grid","sortableGridStyles","jsxDEV","SortableContainer","closestCorners","newItems","flexWrappedListKeyboardCoordinates","item","GridItem","this","SortableItem","attributes","insertPosition","isDragging","isSorting","listeners","filtered","clonedItem","MultiSearchListFieldWithCustomTrigger","LyraButton","SvgIcon","forwardRef","ref","isOverlay","label","onRemove","isKeyboardSorting","useIsKeyboardSorting","e","previousElement","_b","_a","Text","Button"],"mappings":"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"}
+{"version":3,"file":"lyra61.js","sources":["../src/components/sortable/sortable-grid.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Button } from \"react-aria-components\";\n\nimport { closestCorners } from \"@dnd-kit/core\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button as LyraButton } from \"../button\";\nimport { MultiSearchListFieldWithCustomTrigger } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { useIsKeyboardSorting } from \"./hooks/use-is-keyboard-sorting\";\nimport { sortableGridStyles } from \"./sortable.styles\";\nimport { GridItemProps, SortableGridProps } from \"./sortable.types\";\nimport { SortableContainer } from \"./sortable-container\";\nimport { flexWrappedListKeyboardCoordinates } from \"./sortable-flex-wrapped-list-keyboard-coordinates\";\nimport { SortableItem } from \"./sortable-item\";\n\n/**\n * A sortable grid component that shows the items in a flex wrapped way.\n */\nexport const SortableGrid = <T extends { value: string; label: string }>(\n  props: SortableGridProps<T>,\n) => {\n  const { add } = useDictionary();\n  const { items, parentNode, selectedItems, setSelectedItems } = props;\n  const { grid } = sortableGridStyles();\n  return (\n    <SortableContainer\n      orientation=\"grid\"\n      items={selectedItems}\n      disableRestrictToParent\n      collisionDetection={closestCorners}\n      setItems={(newItems) => {\n        setSelectedItems(newItems);\n      }}\n      keyboardCoordinateGetter={flexWrappedListKeyboardCoordinates}\n      parentNode={parentNode}\n      overlay={(item) => <GridItem label={item.label} isDragging isSorting isOverlay />}\n    >\n      <div className={grid()}>\n        {selectedItems.map((item) => (\n          <SortableItem key={item.value} sortableId={item.value}>\n            {({ attributes, insertPosition, isDragging, isSorting, listeners }) => (\n              <GridItem\n                attributes={attributes}\n                isDragging={isDragging}\n                isSorting={isSorting}\n                listeners={listeners}\n                insertPosition={insertPosition}\n                label={item.label}\n                onRemove={() => {\n                  const filtered = selectedItems.filter(\n                    (clonedItem) => clonedItem.value !== item.value,\n                  );\n                  setSelectedItems(filtered);\n                }}\n              />\n            )}\n          </SortableItem>\n        ))}\n        <div>\n          <MultiSearchListFieldWithCustomTrigger\n            items={items}\n            label={add}\n            value={selectedItems}\n            onChange={(newItems) => setSelectedItems(newItems ?? [])}\n            selectRenderElements={(item) => ({ label: item.label })}\n            getLabel={(item) => item.label}\n            getItemId={(item) => item.value}\n          >\n            <LyraButton variant=\"icon\" tooltip={add}>\n              <SvgIcon name=\"plus\" />\n            </LyraButton>\n          </MultiSearchListFieldWithCustomTrigger>\n        </div>\n      </div>\n    </SortableContainer>\n  );\n};\n\nconst GridItem = forwardRef<HTMLDivElement, GridItemProps>((props, ref) => {\n  const { attributes, insertPosition, isDragging, isOverlay, label, listeners, onRemove } = props;\n  const isKeyboardSorting = useIsKeyboardSorting();\n  const { item } = sortableGridStyles();\n  if (isKeyboardSorting && isOverlay) return null;\n  return (\n    <div\n      className={item({\n        clone: isOverlay || false,\n        active: isDragging,\n        insertPosition,\n        isKeyboardSorting,\n      })}\n      ref={ref}\n      {...attributes}\n      {...listeners}\n      onKeyDown={(e) => {\n        if (e.key === \"Backspace\") {\n          onRemove?.();\n          const previousElement = e.currentTarget.parentElement?.previousElementSibling\n            ?.children[0] as HTMLElement | undefined;\n          if (previousElement) previousElement.focus();\n        } else {\n          listeners?.onKeyDown(e);\n        }\n      }}\n    >\n      <div className=\"w-4\">\n        <SvgIcon name=\"drag-handle\" className=\"text-tertiary\" />\n      </div>\n      <Text className=\" whitespace-nowrap\">{label}</Text>\n      <Button className=\" -my-0.5 w-4 p-0.5 outline-none\" onPress={onRemove} excludeFromTabOrder>\n        <SvgIcon name=\"clear\" className=\"text-secondary\" />\n      </Button>\n    </div>\n  );\n});\n\nGridItem.displayName = \"Item\";\n"],"names":["SortableGrid","props","add","useDictionary","items","parentNode","selectedItems","setSelectedItems","grid","sortableGridStyles","jsx","SortableContainer","closestCorners","newItems","flexWrappedListKeyboardCoordinates","item","GridItem","jsxs","SortableItem","attributes","insertPosition","isDragging","isSorting","listeners","filtered","clonedItem","MultiSearchListFieldWithCustomTrigger","LyraButton","SvgIcon","forwardRef","ref","isOverlay","label","onRemove","isKeyboardSorting","useIsKeyboardSorting","e","previousElement","_b","_a","Text","Button"],"mappings":"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"}

package/dist/lyra610.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("./lyra608.cjs"),a=e=>r.useMemo(()=>{switch(e){case"vertical":return t.verticalListSortingStrategy;case"horizontal":return t.horizontalListSortingStrategy;default:return t.rectSortingStrategy}},[e]);exports.useSortingStrategy=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra666.cjs"),r=require("./lyra667.cjs"),n=require("./lyra668.cjs"),i=require("./lyra669.cjs"),a=require("./lyra670.cjs"),s=require("./lyra671.cjs"),u=require("./lyra672.cjs"),c={...i.animations,...n.gestureAnimations,...a.drag,...u.layout},m=t.createMotionProxy((e,o)=>r.createDomMotionConfig(e,o,c,s.createDomVisualElement));exports.motion=m;

package/dist/lyra610.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra610.cjs","sources":["../src/components/sortable/hooks/use-sorting-strategy.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport {\n  horizontalListSortingStrategy,\n  rectSortingStrategy,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\n\nimport { SortableDirection } from \"../sortable.types\";\n\nexport const useSortingStrategy = (direction?: SortableDirection) => {\n  const strategy = useMemo(() => {\n    switch (direction) {\n      case \"vertical\":\n        return verticalListSortingStrategy;\n      case \"horizontal\":\n        return horizontalListSortingStrategy;\n      default: {\n        return rectSortingStrategy;\n      }\n    }\n  }, [direction]);\n  return strategy;\n};\n"],"names":["useSortingStrategy","direction","useMemo","verticalListSortingStrategy","horizontalListSortingStrategy","rectSortingStrategy"],"mappings":"oIAUaA,EAAsBC,GAChBC,EAAAA,QAAQ,IAAM,CAC7B,OAAQD,EAAW,CACjB,IAAK,WACI,OAAAE,8BACT,IAAK,aACI,OAAAC,gCACT,QACS,OAAAC,qBAEX,CAAA,EACC,CAACJ,CAAS,CAAC"}
+{"version":3,"file":"lyra610.cjs","sources":["../node_modules/framer-motion/dist/es/render/dom/motion.mjs"],"sourcesContent":["import { createMotionComponent } from '../../motion/index.mjs';\nimport { createMotionProxy } from './motion-proxy.mjs';\nimport { createDomMotionConfig } from './utils/create-config.mjs';\nimport { gestureAnimations } from '../../motion/features/gestures.mjs';\nimport { animations } from '../../motion/features/animations.mjs';\nimport { drag } from '../../motion/features/drag.mjs';\nimport { createDomVisualElement } from './create-visual-element.mjs';\nimport { layout } from '../../motion/features/layout.mjs';\n\nconst preloadedFeatures = {\n    ...animations,\n    ...gestureAnimations,\n    ...drag,\n    ...layout,\n};\n/**\n * HTML & SVG components, optimised for use with gestures and animation. These can be used as\n * drop-in replacements for any HTML & SVG component, all CSS & SVG properties are supported.\n *\n * @public\n */\nconst motion = /*@__PURE__*/ createMotionProxy((Component, config) => createDomMotionConfig(Component, config, preloadedFeatures, createDomVisualElement));\n/**\n * Create a DOM `motion` component with the provided string. This is primarily intended\n * as a full alternative to `motion` for consumers who have to support environments that don't\n * support `Proxy`.\n *\n * ```javascript\n * import { createDomMotionComponent } from \"framer-motion\"\n *\n * const motion = {\n *   div: createDomMotionComponent('div')\n * }\n * ```\n *\n * @public\n */\nfunction createDomMotionComponent(key) {\n    return createMotionComponent(createDomMotionConfig(key, { forwardMotionProps: false }, preloadedFeatures, createDomVisualElement));\n}\n\nexport { createDomMotionComponent, motion };\n"],"names":["preloadedFeatures","animations","gestureAnimations","drag","layout","motion","createMotionProxy","Component","config","createDomMotionConfig","createDomVisualElement"],"mappings":"mRASMA,EAAoB,CACtB,GAAGC,EAAU,WACb,GAAGC,EAAiB,kBACpB,GAAGC,EAAI,KACP,GAAGC,EAAM,MACb,EAOMC,EAAuBC,EAAAA,kBAAkB,CAACC,EAAWC,IAAWC,EAAqB,sBAACF,EAAWC,EAAQR,EAAmBU,wBAAsB,CAAC","x_google_ignoreList":[0]}

package/dist/lyra610.js

@@ -1,15 +1,16 @@
-import { useMemo as r } from "react";
-import { rectSortingStrategy as e, horizontalListSortingStrategy as o, verticalListSortingStrategy as a } from "./lyra608.js";
-const g = (t) => r(() => {
-  switch (t) {
-    case "vertical":
-      return a;
-    case "horizontal":
-      return o;
-    default:
-      return e;
-  }
-}, [t]);
+import { createMotionProxy as t } from "./lyra666.js";
+import { createDomMotionConfig as m } from "./lyra667.js";
+import { gestureAnimations as i } from "./lyra668.js";
+import { animations as e } from "./lyra669.js";
+import { drag as a } from "./lyra670.js";
+import { createDomVisualElement as n } from "./lyra671.js";
+import { layout as p } from "./lyra672.js";
+const f = {
+  ...e,
+  ...i,
+  ...a,
+  ...p
+}, y = /* @__PURE__ */ t((o, r) => m(o, r, f, n));
 export {
-  g as useSortingStrategy
+  y as motion
 };

package/dist/lyra610.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra610.js","sources":["../src/components/sortable/hooks/use-sorting-strategy.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport {\n  horizontalListSortingStrategy,\n  rectSortingStrategy,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\n\nimport { SortableDirection } from \"../sortable.types\";\n\nexport const useSortingStrategy = (direction?: SortableDirection) => {\n  const strategy = useMemo(() => {\n    switch (direction) {\n      case \"vertical\":\n        return verticalListSortingStrategy;\n      case \"horizontal\":\n        return horizontalListSortingStrategy;\n      default: {\n        return rectSortingStrategy;\n      }\n    }\n  }, [direction]);\n  return strategy;\n};\n"],"names":["useSortingStrategy","direction","useMemo","verticalListSortingStrategy","horizontalListSortingStrategy","rectSortingStrategy"],"mappings":";;AAUa,MAAAA,IAAqB,CAACC,MAChBC,EAAQ,MAAM;AAC7B,UAAQD,GAAW;AAAA,IACjB,KAAK;AACI,aAAAE;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IACT;AACS,aAAAC;AAAA,EAEX;AAAA,GACC,CAACJ,CAAS,CAAC;"}
+{"version":3,"file":"lyra610.js","sources":["../node_modules/framer-motion/dist/es/render/dom/motion.mjs"],"sourcesContent":["import { createMotionComponent } from '../../motion/index.mjs';\nimport { createMotionProxy } from './motion-proxy.mjs';\nimport { createDomMotionConfig } from './utils/create-config.mjs';\nimport { gestureAnimations } from '../../motion/features/gestures.mjs';\nimport { animations } from '../../motion/features/animations.mjs';\nimport { drag } from '../../motion/features/drag.mjs';\nimport { createDomVisualElement } from './create-visual-element.mjs';\nimport { layout } from '../../motion/features/layout.mjs';\n\nconst preloadedFeatures = {\n    ...animations,\n    ...gestureAnimations,\n    ...drag,\n    ...layout,\n};\n/**\n * HTML & SVG components, optimised for use with gestures and animation. These can be used as\n * drop-in replacements for any HTML & SVG component, all CSS & SVG properties are supported.\n *\n * @public\n */\nconst motion = /*@__PURE__*/ createMotionProxy((Component, config) => createDomMotionConfig(Component, config, preloadedFeatures, createDomVisualElement));\n/**\n * Create a DOM `motion` component with the provided string. This is primarily intended\n * as a full alternative to `motion` for consumers who have to support environments that don't\n * support `Proxy`.\n *\n * ```javascript\n * import { createDomMotionComponent } from \"framer-motion\"\n *\n * const motion = {\n *   div: createDomMotionComponent('div')\n * }\n * ```\n *\n * @public\n */\nfunction createDomMotionComponent(key) {\n    return createMotionComponent(createDomMotionConfig(key, { forwardMotionProps: false }, preloadedFeatures, createDomVisualElement));\n}\n\nexport { createDomMotionComponent, motion };\n"],"names":["preloadedFeatures","animations","gestureAnimations","drag","layout","motion","createMotionProxy","Component","config","createDomMotionConfig","createDomVisualElement"],"mappings":";;;;;;;AASA,MAAMA,IAAoB;AAAA,EACtB,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AACP,GAOMC,IAAuB,gBAAAC,EAAkB,CAACC,GAAWC,MAAWC,EAAsBF,GAAWC,GAAQR,GAAmBU,CAAsB,CAAC;","x_google_ignoreList":[0]}

package/dist/lyra611.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),c={display:"none"};function r(e){let{id:n,value:t}=e;return o.createElement("div",{id:n,style:c},t)}function u(e){let{id:n,announcement:t,ariaLiveType:i="assertive"}=e;const a={position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return o.createElement("div",{id:n,style:a,role:"status","aria-live":i,"aria-atomic":!0},t)}function d(){const[e,n]=o.useState("");return{announce:o.useCallback(i=>{i!=null&&n(i)},[]),announcement:e}}exports.HiddenText=r;exports.LiveRegion=u;exports.useAnnouncement=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),f=require("react-dom"),t=require("./lyra794.cjs");function i(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const l=i(a),d=typeof document<"u"?l.useLayoutEffect:l.useEffect;function m(e){const o=l.useReducer(()=>({}),{})[1],r={...e,onChange:(s,u)=>{var c;u?f.flushSync(o):o(),(c=e.onChange)==null||c.call(e,s,u)}},[n]=l.useState(()=>new t.Virtualizer(r));return n.setOptions(r),l.useEffect(()=>n._didMount(),[]),d(()=>n._willUpdate()),n}function E(e){return m({observeElementRect:t.observeElementRect,observeElementOffset:t.observeElementOffset,scrollToFn:t.elementScroll,...e})}exports.Virtualizer=t.Virtualizer;exports.defaultKeyExtractor=t.defaultKeyExtractor;exports.defaultRangeExtractor=t.defaultRangeExtractor;exports.elementScroll=t.elementScroll;exports.measureElement=t.measureElement;exports.observeElementOffset=t.observeElementOffset;exports.observeElementRect=t.observeElementRect;exports.useVirtualizer=E;