@new-black/lyra 1.0.15 → 1.0.16

package/dist/lyra596.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra596.js","sources":["../src/utils/hooks/use-event-listener.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport { useEffect, useRef } from \"react\";\n\nconst useEventListener = (eventName: string, handler: Function, element = window) => {\n  // Create a ref that stores handler\n  const savedHandler = useRef<Function>();\n\n  // Update ref.current value if handler changes.\n  // This allows our effect below to always get latest handler ...\n  // ... without us needing to pass it in effect deps array ...\n  // ... and potentially cause effect to re-run every render.\n  useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  useEffect(\n    () => {\n      // Make sure element supports addEventListener\n      // On\n      const isSupported = element && element.addEventListener;\n      if (!isSupported) return;\n\n      // Create event listener that calls handler function stored in ref\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const eventListener = (event: any) => savedHandler.current && savedHandler.current(event);\n\n      // Add event listener\n      if (eventListener) {\n        element.addEventListener(eventName, eventListener);\n      }\n\n      // Remove event listener on cleanup\n      return () => element.removeEventListener(eventName, eventListener);\n    },\n    [eventName, element], // Re-run if eventName or element changes\n  );\n};\n\nexport default useEventListener;\n"],"names":["useEventListener","eventName","handler","element","savedHandler","useRef","useEffect","eventListener","event"],"mappings":";AAGA,MAAMA,IAAmB,CAACC,GAAmBC,GAAmBC,IAAU,WAAW;AAEnF,QAAMC,IAAeC;AAMrB,EAAAC,EAAU,MAAM;AACd,IAAAF,EAAa,UAAUF;AAAA,EAAA,GACtB,CAACA,CAAO,CAAC,GAEZI;AAAA,IACE,MAAM;AAIJ,UAAI,EADgBH,KAAWA,EAAQ;AACrB;AAIlB,YAAMI,IAAgB,CAACC,MAAeJ,EAAa,WAAWA,EAAa,QAAQI,CAAK;AAGxF,aAAID,KACMJ,EAAA,iBAAiBF,GAAWM,CAAa,GAI5C,MAAMJ,EAAQ,oBAAoBF,GAAWM,CAAa;AAAA,IACnE;AAAA,IACA,CAACN,GAAWE,CAAO;AAAA;AAAA,EAAA;AAEvB;"}
+{"version":3,"file":"lyra596.js","sources":["../node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs"],"sourcesContent":["import { useLayoutEffect, useEffect } from 'react';\nimport { isBrowser } from './is-browser.mjs';\n\nconst useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;\n\nexport { useIsomorphicLayoutEffect };\n"],"names":["useIsomorphicLayoutEffect","isBrowser","useLayoutEffect","useEffect"],"mappings":";;AAGK,MAACA,IAA4BC,IAAYC,IAAkBC;","x_google_ignoreList":[0]}

package/dist/lyra597.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./lyra691.cjs"),o=t.isBrowser?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}exports.getDefaultExportFromCjs=e;

package/dist/lyra597.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra597.cjs","sources":["../node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs"],"sourcesContent":["import { useLayoutEffect, useEffect } from 'react';\nimport { isBrowser } from './is-browser.mjs';\n\nconst useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;\n\nexport { useIsomorphicLayoutEffect };\n"],"names":["useIsomorphicLayoutEffect","isBrowser","useLayoutEffect","useEffect"],"mappings":"oIAGMA,EAA4BC,EAAS,UAAGC,kBAAkBC,EAAAA","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra597.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra597.js

@@ -1,6 +1,6 @@
-import { useLayoutEffect as o, useEffect as t } from "react";
-import { isBrowser as e } from "./lyra691.js";
-const s = e ? o : t;
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
 export {
-  s as useIsomorphicLayoutEffect
+  e as getDefaultExportFromCjs
 };

package/dist/lyra597.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra597.js","sources":["../node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs"],"sourcesContent":["import { useLayoutEffect, useEffect } from 'react';\nimport { isBrowser } from './is-browser.mjs';\n\nconst useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;\n\nexport { useIsomorphicLayoutEffect };\n"],"names":["useIsomorphicLayoutEffect","isBrowser","useLayoutEffect","useEffect"],"mappings":";;AAGK,MAACA,IAA4BC,IAAYC,IAAkBC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra597.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/lyra60.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra89.cjs"),y=require("react"),v=require("./lyra88.cjs"),R=require("./lyra462.cjs"),E=require("./lyra94.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("./lyra64.cjs");require("./lyra79.cjs");require("./lyra456.cjs");require("./lyra40.cjs");const h=require("./lyra72.cjs");require("./lyra73.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");const g=require("./lyra61.cjs");require("./lyra63.cjs");require("./lyra66.cjs");require("./lyra67.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra80.cjs");require("./lyra97.cjs");require("./lyra454.cjs");require("./lyra455.cjs");require("./lyra457.cjs");require("./lyra458.cjs");const I=require("./lyra37.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");const f=require("./lyra459.cjs"),N=require("./lyra460.cjs"),C=require("./lyra463.cjs"),w=require("./lyra461.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra89.cjs"),v=require("react"),j=require("./lyra88.cjs"),g=require("./lyra461.cjs"),y=require("./lyra94.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("./lyra64.cjs");require("./lyra79.cjs");require("./lyra455.cjs");require("./lyra40.cjs");const E=require("./lyra72.cjs");require("./lyra73.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");const N=require("./lyra61.cjs");require("./lyra63.cjs");require("./lyra66.cjs");require("./lyra67.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra80.cjs");require("./lyra97.cjs");require("./lyra453.cjs");require("./lyra454.cjs");require("./lyra456.cjs");require("./lyra457.cjs");const R=require("./lyra37.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");const k=require("./lyra458.cjs"),S=require("./lyra459.cjs"),h=require("./lyra462.cjs"),I=require("./lyra460.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;

package/dist/lyra60.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra60.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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"}
+{"version":3,"file":"lyra60.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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"}

package/dist/lyra60.js

@@ -1,9 +1,9 @@
-import { j as t } from "./lyra89.js";
-import { forwardRef as j } from "react";
-import { Button as h } from "./lyra88.js";
-import { closestCorners as y } from "./lyra462.js";
-import { useDictionary as I } from "./lyra94.js";
-import { Button as S } from "./lyra11.js";
+import { j as r } from "./lyra89.js";
+import { forwardRef as v } from "react";
+import { Button as j } from "./lyra88.js";
+import { closestCorners as y } from "./lyra461.js";
+import { useDictionary as D } from "./lyra94.js";
+import { Button as E } 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 x } from "./lyra64.js";
+import { SvgIcon as N } from "./lyra64.js";
 import "./lyra79.js";
-import "./lyra456.js";
+import "./lyra455.js";
 import "./lyra40.js";
-import { Text as N } from "./lyra72.js";
+import { Text as k } from "./lyra72.js";
 import "./lyra73.js";
 import "./lyra44.js";
 import "./lyra31.js";
@@ -54,7 +54,7 @@ import "./lyra55.js";
 import "./lyra56.js";
 import "./lyra58.js";
 import "./lyra59.js";
-import { sortableGridStyles as v } from "./lyra61.js";
+import { sortableGridStyles as g } from "./lyra61.js";
 import "./lyra63.js";
 import "./lyra66.js";
 import "./lyra67.js";
@@ -67,101 +67,177 @@ import "./lyra77.js";
 import "./lyra78.js";
 import "./lyra80.js";
 import "./lyra97.js";
+import "./lyra453.js";
 import "./lyra454.js";
-import "./lyra455.js";
+import "./lyra456.js";
 import "./lyra457.js";
-import "./lyra458.js";
-import { MultiSearchListFieldWithCustomTrigger as w } from "./lyra37.js";
+import { MultiSearchListFieldWithCustomTrigger as h } from "./lyra37.js";
 import "./lyra41.js";
 import "./lyra42.js";
 import "./lyra43.js";
 import "./lyra45.js";
 import "./lyra46.js";
-import { useIsKeyboardSorting as C } from "./lyra459.js";
-import { SortableContainer as D } from "./lyra460.js";
-import { flexWrappedListKeyboardCoordinates as E } from "./lyra463.js";
-import { SortableItem as K } from "./lyra461.js";
-const mt = (c) => {
-  const { add: p } = I(), { items: d, parentNode: u, selectedItems: o, setSelectedItems: i } = c, { grid: b } = v();
-  return /* @__PURE__ */ t.jsx(
-    D,
+import { useIsKeyboardSorting as U } from "./lyra458.js";
+import { SortableContainer as V } from "./lyra459.js";
+import { flexWrappedListKeyboardCoordinates as I } from "./lyra462.js";
+import { SortableItem as S } from "./lyra460.js";
+const sr = (c) => {
+  const { add: m } = D(), { items: d, parentNode: u, selectedItems: t, setSelectedItems: i } = c, { grid: b } = g();
+  return /* @__PURE__ */ r.jsxDEV(
+    V,
     {
       orientation: "grid",
-      items: o,
+      items: t,
       disableRestrictToParent: !0,
       collisionDetection: y,
-      setItems: (r) => {
-        i(r);
+      setItems: (e) => {
+        i(e);
       },
-      keyboardCoordinateGetter: E,
+      keyboardCoordinateGetter: I,
       parentNode: u,
-      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,
+      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,
           {
-            attributes: e,
+            attributes: o,
             isDragging: f,
-            isSorting: m,
-            listeners: a,
-            insertPosition: s,
-            label: r.label,
+            isSorting: s,
+            listeners: n,
+            insertPosition: l,
+            label: e.label,
             onRemove: () => {
-              const l = o.filter(
-                (n) => n.value !== r.value
+              const a = t.filter(
+                (p) => p.value !== e.value
               );
-              i(l);
+              i(a);
             }
-          }
-        ) }, r.value)),
-        /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-          w,
+          },
+          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,
           {
             items: d,
-            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" }) })
-          }
-        ) })
-      ] })
-    }
+            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
   );
-}, 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(
+}, 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(
     "div",
     {
       className: f({
         clone: i || !1,
-        active: o,
+        active: t,
         insertPosition: u,
-        isKeyboardSorting: s
+        isKeyboardSorting: l
       }),
-      ref: p,
+      ref: m,
       ...d,
-      ...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();
+      ...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();
         } else
-          r == null || r.onKeyDown(m);
+          e == null || e.onKeyDown(s);
       },
       children: [
-        /* @__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" }) })
+        /* @__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)
       ]
-    }
+    },
+    void 0,
+    !0,
+    {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/sortable/sortable-grid.tsx",
+      lineNumber: 88,
+      columnNumber: 5
+    },
+    void 0
   );
 });
-g.displayName = "Item";
+x.displayName = "Item";
 export {
-  mt as SortableGrid
+  sr as SortableGrid
 };

package/dist/lyra60.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra60.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBa,MAAAA,KAAe,CAC1BC,MACG;AACG,QAAA,EAAE,KAAAC,MAAQC,KACV,EAAE,OAAAC,GAAO,YAAAC,GAAY,eAAAC,GAAe,kBAAAC,MAAqBN,GACzD,EAAE,MAAAO,MAASC;AAEf,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,OAAOL;AAAA,MACP,yBAAuB;AAAA,MACvB,oBAAoBM;AAAA,MACpB,UAAU,CAACC,MAAa;AACtB,QAAAN,EAAiBM,CAAQ;AAAA,MAC3B;AAAA,MACA,0BAA0BC;AAAA,MAC1B,YAAAT;AAAA,MACA,SAAS,CAACU,MAASL,gBAAAA,EAAAA,IAACM,GAAS,EAAA,OAAOD,EAAK,OAAO,YAAU,IAAC,WAAS,IAAC,WAAS,GAAC,CAAA;AAAA,MAE/E,UAACE,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAWT,EACb,GAAA,UAAA;AAAA,QAAAF,EAAc,IAAI,CAACS,MAClBL,gBAAAA,EAAA,IAACQ,KAA8B,YAAYH,EAAK,OAC7C,UAAA,CAAC,EAAE,YAAAI,GAAY,gBAAAC,GAAgB,YAAAC,GAAY,WAAAC,GAAW,WAAAC,QACrDb,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,YAAAG;AAAA,YACA,YAAAE;AAAA,YACA,WAAAC;AAAA,YACA,WAAAC;AAAA,YACA,gBAAAH;AAAA,YACA,OAAOL,EAAK;AAAA,YACZ,UAAU,MAAM;AACd,oBAAMS,IAAWlB,EAAc;AAAA,gBAC7B,CAACmB,MAAeA,EAAW,UAAUV,EAAK;AAAA,cAAA;AAE5C,cAAAR,EAAiBiB,CAAQ;AAAA,YAC3B;AAAA,UAAA;AAAA,QAAA,KAdaT,EAAK,KAiBxB,CACD;AAAA,8BACA,OACC,EAAA,UAAAL,gBAAAA,EAAA;AAAA,UAACgB;AAAA,UAAA;AAAA,YACC,OAAAtB;AAAA,YACA,OAAOF;AAAA,YACP,OAAOI;AAAA,YACP,UAAU,CAACO,MAAaN,EAAiBM,KAAY,CAAA,CAAE;AAAA,YACvD,sBAAsB,CAACE,OAAU,EAAE,OAAOA,EAAK,MAAM;AAAA,YACrD,UAAU,CAACA,MAASA,EAAK;AAAA,YACzB,WAAW,CAACA,MAASA,EAAK;AAAA,YAE1B,UAAAL,gBAAAA,EAAA,IAACiB,GAAW,EAAA,SAAQ,QAAO,SAASzB,GAClC,UAACQ,gBAAAA,EAAAA,IAAAkB,GAAA,EAAQ,MAAK,OAAA,CAAO,EACvB,CAAA;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAEMZ,IAAWa,EAA0C,CAAC5B,GAAO6B,MAAQ;AACnE,QAAA,EAAE,YAAAX,GAAY,gBAAAC,GAAgB,YAAAC,GAAY,WAAAU,GAAW,OAAAC,GAAO,WAAAT,GAAW,UAAAU,EAAa,IAAAhC,GACpFiC,IAAoBC,KACpB,EAAE,MAAApB,MAASN;AACjB,SAAIyB,KAAqBH,IAAkB,OAEzCd,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF,EAAK;AAAA,QACd,OAAOgB,KAAa;AAAA,QACpB,QAAQV;AAAA,QACR,gBAAAD;AAAA,QACA,mBAAAc;AAAA,MAAA,CACD;AAAA,MACD,KAAAJ;AAAA,MACC,GAAGX;AAAA,MACH,GAAGI;AAAA,MACJ,WAAW,CAACa,MAAM;;AACZ,YAAAA,EAAE,QAAQ,aAAa;AACd,UAAAH,KAAA,QAAAA;AACX,gBAAMI,KAAkBC,KAAAC,IAAAH,EAAE,cAAc,kBAAhB,gBAAAG,EAA+B,2BAA/B,gBAAAD,EACpB,SAAS;AACT,UAAAD,KAAiBA,EAAgB,MAAM;AAAA,QAAA;AAE3C,UAAAd,KAAA,QAAAA,EAAW,UAAUa;AAAA,MAEzB;AAAA,MAEA,UAAA;AAAA,QAAC1B,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,OACb,UAAAA,gBAAAA,EAAA,IAACkB,KAAQ,MAAK,eAAc,WAAU,gBAAA,CAAgB,EACxD,CAAA;AAAA,QACClB,gBAAAA,EAAA,IAAA8B,GAAA,EAAK,WAAU,sBAAsB,UAAMR,GAAA;AAAA,QAC3CtB,gBAAAA,EAAA,IAAA+B,GAAA,EAAO,WAAU,mCAAkC,SAASR,GAAU,qBAAmB,IACxF,UAAAvB,gBAAAA,EAAA,IAACkB,GAAQ,EAAA,MAAK,SAAQ,WAAU,iBAAiB,CAAA,GACnD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAEDZ,EAAS,cAAc;"}
+{"version":3,"file":"lyra60.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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"}

package/dist/lyra603.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra89.cjs"),c=require("react"),t=require("./lyra88.cjs"),i=require("./lyra139.cjs"),x=require("./lyra64.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");const d=require("./lyra24.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra94.cjs");require("./lyra79.cjs");require("./lyra456.cjs");require("./lyra40.cjs");require("./lyra72.cjs");require("./lyra73.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("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.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");require("./lyra61.cjs");require("./lyra63.cjs");require("./lyra66.cjs");require("./lyra67.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra80.cjs");require("./lyra97.cjs");require("./lyra454.cjs");require("./lyra455.cjs");require("./lyra457.cjs");require("./lyra458.cjs");const h=require("./lyra37.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");const j=require("./lyra87.cjs"),p=({isDisabled:u,onChange:o,value:a})=>{const{locale:s}=j.useLocale(),{pickerButtons:m}=d.datePickerHeaderStyles(),n=c.useMemo(()=>new i.DateFormatter(s,{month:"long"}),[s]),q=c.useMemo(()=>Array(12).fill(null).map((e,l)=>({month:n.format(new Date(2021,l,1)),value:l+1})),[n]);return r.jsxRuntimeExports.jsx(t.Provider,{values:[[t.TextContext,{slot:null}]],children:r.jsxRuntimeExports.jsx(h.SearchListFieldWithCustomTrigger,{items:q,isDisabled:u,getItemId:e=>e.value,getLabel:e=>e.month,selectRenderElements:e=>({label:e.month}),value:q.find(e=>e.value===a),label:"Month",onChange:e=>{e&&o(e.value)},children:r.jsxRuntimeExports.jsxs(t.Button,{isDisabled:u,className:m(),children:[n.format(i.today(i.getLocalTimeZone()).set({month:a}).toDate(i.getLocalTimeZone())),r.jsxRuntimeExports.jsx(x.SvgIcon,{name:"chevron-up-down"})]})})})},g=({isDisabled:u,onChange:o,value:a})=>{const{locale:s}=j.useLocale(),{pickerButtons:m}=d.datePickerHeaderStyles(),n=c.useMemo(()=>new i.DateFormatter(s,{year:"numeric"}),[s]),q=c.useMemo(()=>Array(200).fill(null).map((e,l)=>({year:n.format(new Date(l+1900,1,1)),value:l+1900})),[n]);return r.jsxRuntimeExports.jsx(t.Provider,{values:[[t.TextContext,{slot:null}]],children:r.jsxRuntimeExports.jsx(h.SearchListFieldWithCustomTrigger,{items:q,isDisabled:u,getItemId:e=>e.value,getLabel:e=>e.year,selectRenderElements:e=>({label:e.year}),showSelectedRange:!0,value:q.find(e=>e.value===a),label:"Year",onChange:e=>{e&&o(e.value)},children:r.jsxRuntimeExports.jsxs(t.Button,{className:m(),isDisabled:u,children:[n.format(i.today(i.getLocalTimeZone()).set({year:a}).toDate(i.getLocalTimeZone())),r.jsxRuntimeExports.jsx(x.SvgIcon,{name:"chevron-up-down"})]})})})},v=()=>{const{headerCell:u}=d.dataPickerCalendarGridStyles();return r.jsxRuntimeExports.jsx(t.CalendarGridHeader,{children:o=>r.jsxRuntimeExports.jsx(t.CalendarHeaderCell,{className:u(),children:o})})};exports.DatePickerCalendarGridHeader=v;exports.MonthPicker=p;exports.YearPicker=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/lyra603.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra603.cjs","sources":["../src/components/inputs/date-picker/shared.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport {\n  Button as AriaButton,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  Provider,\n  TextContext,\n  useLocale,\n} from \"react-aria-components\";\n\nimport { DateFormatter, getLocalTimeZone, today } from \"@internationalized/date\";\n\nimport { SvgIcon } from \"../../svg-icon\";\nimport { SearchListFieldWithCustomTrigger } from \"..\";\n\nimport { dataPickerCalendarGridStyles, datePickerHeaderStyles } from \"./date-picker.styles\";\n\nexport const MonthPicker = ({\n  isDisabled,\n  onChange,\n  value,\n}: {\n  isDisabled?: boolean;\n  value: number;\n  onChange: (value: number) => void;\n}) => {\n  const { locale } = useLocale();\n  const { pickerButtons } = datePickerHeaderStyles();\n\n  const monthFormatter = useMemo(() => new DateFormatter(locale, { month: \"long\" }), [locale]);\n\n  const monthOptions = useMemo(\n    () =>\n      Array(12)\n        .fill(null)\n        .map((_, index) => ({\n          month: monthFormatter.format(new Date(2021, index, 1)),\n          value: index + 1,\n        })),\n    [monthFormatter],\n  );\n\n  return (\n    <Provider\n      values={[\n        [\n          TextContext,\n          {\n            slot: null as unknown as undefined,\n          },\n        ],\n      ]}\n    >\n      <SearchListFieldWithCustomTrigger\n        items={monthOptions}\n        isDisabled={isDisabled}\n        getItemId={(item) => item.value}\n        getLabel={(item) => item.month}\n        selectRenderElements={(item) => ({\n          label: item.month,\n        })}\n        value={monthOptions.find((x) => x.value === value)}\n        label=\"Month\"\n        onChange={(item) => {\n          if (item) {\n            onChange(item.value);\n          }\n        }}\n      >\n        <AriaButton isDisabled={isDisabled} className={pickerButtons()}>\n          {monthFormatter.format(\n            today(getLocalTimeZone()).set({ month: value }).toDate(getLocalTimeZone()),\n          )}\n          <SvgIcon name=\"chevron-up-down\" />\n        </AriaButton>\n      </SearchListFieldWithCustomTrigger>\n    </Provider>\n  );\n};\n\nexport const YearPicker = ({\n  isDisabled,\n  onChange,\n  value,\n}: {\n  isDisabled?: boolean;\n  value: number;\n  onChange: (value: number) => void;\n}) => {\n  const { locale } = useLocale();\n  const { pickerButtons } = datePickerHeaderStyles();\n\n  const yearFormatter = useMemo(() => new DateFormatter(locale, { year: \"numeric\" }), [locale]);\n\n  const yearOptions = useMemo(\n    () =>\n      Array(200)\n        .fill(null)\n        .map((_, index) => ({\n          year: yearFormatter.format(new Date(index + 1900, 1, 1)),\n          value: index + 1900,\n        })),\n    [yearFormatter],\n  );\n\n  return (\n    <Provider\n      values={[\n        [\n          TextContext,\n          {\n            slot: null as unknown as undefined,\n          },\n        ],\n      ]}\n    >\n      <SearchListFieldWithCustomTrigger\n        items={yearOptions}\n        isDisabled={isDisabled}\n        getItemId={(item) => item.value}\n        getLabel={(item) => item.year}\n        selectRenderElements={(item) => ({\n          label: item.year,\n        })}\n        // @ts-ignore - only used internally\n        showSelectedRange\n        value={yearOptions.find((x) => x.value === value)}\n        label=\"Year\"\n        onChange={(item) => {\n          if (item) {\n            onChange(item.value);\n          }\n        }}\n      >\n        <AriaButton className={pickerButtons()} isDisabled={isDisabled}>\n          {yearFormatter.format(\n            today(getLocalTimeZone()).set({ year: value }).toDate(getLocalTimeZone()),\n          )}\n          <SvgIcon name=\"chevron-up-down\" />\n        </AriaButton>\n      </SearchListFieldWithCustomTrigger>\n    </Provider>\n  );\n};\n\nexport const DatePickerCalendarGridHeader = () => {\n  const { headerCell } = dataPickerCalendarGridStyles();\n  return (\n    <CalendarGridHeader>\n      {(day) => <CalendarHeaderCell className={headerCell()}>{day}</CalendarHeaderCell>}\n    </CalendarGridHeader>\n  );\n};\n"],"names":["MonthPicker","isDisabled","onChange","value","locale","useLocale","pickerButtons","datePickerHeaderStyles","monthFormatter","useMemo","DateFormatter","monthOptions","_","index","jsx","Provider","TextContext","SearchListFieldWithCustomTrigger","item","x","jsxs","AriaButton","today","getLocalTimeZone","SvgIcon","YearPicker","yearFormatter","yearOptions","DatePickerCalendarGridHeader","headerCell","dataPickerCalendarGridStyles","CalendarGridHeader","day","CalendarHeaderCell"],"mappings":"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"}
+{"version":3,"file":"lyra603.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}