@frontify/fondue-components 29.2.0 → 30.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. package/dist/fondue-components10.js +89 -84
  2. package/dist/fondue-components10.js.map +1 -1
  3. package/dist/fondue-components100.js +1 -1
  4. package/dist/fondue-components112.js +14 -14
  5. package/dist/fondue-components114.js +1 -1
  6. package/dist/fondue-components118.js +216 -16
  7. package/dist/fondue-components118.js.map +1 -1
  8. package/dist/fondue-components119.js +19 -14
  9. package/dist/fondue-components119.js.map +1 -1
  10. package/dist/fondue-components120.js +16 -16
  11. package/dist/fondue-components120.js.map +1 -1
  12. package/dist/fondue-components121.js +147 -107
  13. package/dist/fondue-components121.js.map +1 -1
  14. package/dist/fondue-components122.js +44 -12
  15. package/dist/fondue-components122.js.map +1 -1
  16. package/dist/fondue-components123.js +17 -17
  17. package/dist/fondue-components123.js.map +1 -1
  18. package/dist/fondue-components124.js +14 -13
  19. package/dist/fondue-components124.js.map +1 -1
  20. package/dist/fondue-components125.js +16 -32
  21. package/dist/fondue-components125.js.map +1 -1
  22. package/dist/fondue-components126.js +111 -6
  23. package/dist/fondue-components126.js.map +1 -1
  24. package/dist/fondue-components127.js +12 -126
  25. package/dist/fondue-components127.js.map +1 -1
  26. package/dist/fondue-components128.js +16 -10
  27. package/dist/fondue-components128.js.map +1 -1
  28. package/dist/fondue-components129.js +12 -35
  29. package/dist/fondue-components129.js.map +1 -1
  30. package/dist/fondue-components130.js +122 -212
  31. package/dist/fondue-components130.js.map +1 -1
  32. package/dist/fondue-components131.js +11 -19
  33. package/dist/fondue-components131.js.map +1 -1
  34. package/dist/fondue-components132.js +35 -16
  35. package/dist/fondue-components132.js.map +1 -1
  36. package/dist/fondue-components133.js +32 -150
  37. package/dist/fondue-components133.js.map +1 -1
  38. package/dist/fondue-components134.js +6 -45
  39. package/dist/fondue-components134.js.map +1 -1
  40. package/dist/fondue-components135.js +6 -170
  41. package/dist/fondue-components135.js.map +1 -1
  42. package/dist/fondue-components136.js +12 -60
  43. package/dist/fondue-components136.js.map +1 -1
  44. package/dist/fondue-components137.js +71 -9
  45. package/dist/fondue-components137.js.map +1 -1
  46. package/dist/fondue-components138.js +14 -255
  47. package/dist/fondue-components138.js.map +1 -1
  48. package/dist/fondue-components139.js +10 -0
  49. package/dist/fondue-components139.js.map +1 -0
  50. package/dist/fondue-components140.js +87 -40
  51. package/dist/fondue-components140.js.map +1 -1
  52. package/dist/fondue-components141.js +80 -40
  53. package/dist/fondue-components141.js.map +1 -1
  54. package/dist/fondue-components142.js +31 -6
  55. package/dist/fondue-components142.js.map +1 -1
  56. package/dist/fondue-components143.js +169 -11
  57. package/dist/fondue-components143.js.map +1 -1
  58. package/dist/fondue-components144.js +59 -70
  59. package/dist/fondue-components144.js.map +1 -1
  60. package/dist/fondue-components145.js +9 -15
  61. package/dist/fondue-components145.js.map +1 -1
  62. package/dist/fondue-components146.js +256 -7
  63. package/dist/fondue-components146.js.map +1 -1
  64. package/dist/fondue-components147.js +17 -87
  65. package/dist/fondue-components147.js.map +1 -1
  66. package/dist/fondue-components149.js +41 -30
  67. package/dist/fondue-components149.js.map +1 -1
  68. package/dist/fondue-components150.js +40 -18
  69. package/dist/fondue-components150.js.map +1 -1
  70. package/dist/fondue-components151.js +20 -69
  71. package/dist/fondue-components151.js.map +1 -1
  72. package/dist/fondue-components152.js +37 -1349
  73. package/dist/fondue-components152.js.map +1 -1
  74. package/dist/fondue-components153.js +59 -930
  75. package/dist/fondue-components153.js.map +1 -1
  76. package/dist/fondue-components154.js +1322 -168
  77. package/dist/fondue-components154.js.map +1 -1
  78. package/dist/fondue-components155.js +937 -17
  79. package/dist/fondue-components155.js.map +1 -1
  80. package/dist/fondue-components156.js +197 -39
  81. package/dist/fondue-components156.js.map +1 -1
  82. package/dist/fondue-components158.js +1 -1
  83. package/dist/fondue-components165.js +17 -8
  84. package/dist/fondue-components165.js.map +1 -1
  85. package/dist/fondue-components166.js +8 -17
  86. package/dist/fondue-components166.js.map +1 -1
  87. package/dist/fondue-components48.js +1 -1
  88. package/dist/fondue-components49.js +1 -1
  89. package/dist/fondue-components50.js +1 -1
  90. package/dist/fondue-components51.js +2 -2
  91. package/dist/fondue-components52.js +2 -2
  92. package/dist/fondue-components55.js +1 -1
  93. package/dist/fondue-components65.js +2 -2
  94. package/dist/fondue-components66.js +3 -3
  95. package/dist/fondue-components67.js +2 -2
  96. package/dist/fondue-components79.js +2 -2
  97. package/dist/fondue-components82.js +1 -1
  98. package/dist/fondue-components83.js +1 -1
  99. package/dist/fondue-components84.js +1 -1
  100. package/dist/fondue-components87.js +1 -1
  101. package/dist/fondue-components89.js +6 -6
  102. package/dist/fondue-components95.js +2 -2
  103. package/dist/fondue-components96.js +2 -2
  104. package/dist/fondue-components97.js +2 -2
  105. package/dist/fondue-components98.js +2 -2
  106. package/dist/fondue-components99.js +1 -1
  107. package/dist/index.d.ts +7 -1
  108. package/dist/style.css +1 -1
  109. package/package.json +3 -3
  110. package/dist/fondue-components148.js +0 -84
  111. package/dist/fondue-components148.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"fondue-components144.js","sources":["../src/components/Select/hooks/useSelectData.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n Children,\n cloneElement,\n isValidElement,\n useCallback,\n useEffect,\n useMemo,\n useState,\n type ReactNode,\n} from 'react';\n\nimport { SelectClear } from '../components/SelectClear';\nimport { ForwardedRefSelectItem, type SelectItemProps } from '../components/SelectItem';\nimport { ForwardedRefSelectSlot, type SelectSlotProps } from '../components/SelectSlot';\nimport { getSelectOptionValue } from '../utils';\n\nexport type SelectItemType = {\n value: string;\n label: string;\n};\n\nexport type AsyncItem = { label: string; value: string; content?: ReactNode };\n\nexport type AsyncItemsFetcher = (filterText: string) => Promise<AsyncItem[]>;\n\nconst useAsyncItems = (filterText: string, getAsyncItems?: AsyncItemsFetcher) => {\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState<Error | null>(null);\n const [asyncResult, setAsyncResult] = useState<{\n menuComponents: ReactNode[];\n items: { value: string; label: string; children?: ReactNode }[];\n }>({\n menuComponents: [],\n items: [],\n });\n\n useEffect(() => {\n // eslint-disable-next-line react-hooks/set-state-in-effect\n setError(null);\n if (!getAsyncItems) {\n setAsyncResult({\n menuComponents: [],\n items: [],\n });\n }\n\n if (getAsyncItems) {\n setIsLoading(true);\n getAsyncItems(filterText)\n .then((items) => {\n setAsyncResult({\n menuComponents: items.map((item) => (\n <ForwardedRefSelectItem key={item.value} label={item.label} value={item.value}>\n {item.content ? item.content : item.label}\n </ForwardedRefSelectItem>\n )),\n items: items.map((item) => ({ value: item.value, label: item.label, children: item.content })),\n });\n setIsLoading(false);\n })\n .catch((error: Error) => {\n setError(error);\n setIsLoading(false);\n });\n }\n }, [filterText, getAsyncItems]);\n\n return { isLoading, error, menuComponents: asyncResult.menuComponents, items: asyncResult.items };\n};\n\n/**\n * Recursively extracts option values from children.\n * This function traverses through the React component tree and collects all SelectItem values.\n *\n * @param {ReactNode} children - The React children to extract values from.\n * @returns {SelectItemType[]} An array of SelectItemType objects.\n *\n * @example\n * const options = (\n * <SelectItem value=\"1\">Option 1</SelectItem>\n * <SelectItem value=\"2\">Option 2</SelectItem>\n * );\n * const values = getRecursiveOptionValues(options);\n * // Returns: [{ value: '1', label: 'Option 1' }, { value: '2', label: 'Option 2' }]\n */\nexport const getRecursiveOptionValues = (\n children: ReactNode,\n): { value: string; label: string; children?: ReactNode }[] => {\n const values: { value: string; label: string }[] = [];\n Children.forEach(children, (child) => {\n if (isValidElement<SelectItemProps>(child) && child.type === ForwardedRefSelectItem) {\n values.push(getSelectOptionValue(child.props));\n } else if (isValidElement<{ children: ReactNode }>(child) && child.props.children) {\n const optionValues = getRecursiveOptionValues(child.props.children);\n for (const optionValue of optionValues) {\n values.push(optionValue);\n }\n }\n });\n return values;\n};\n\n/**\n * Custom hook for managing select data and filtering.\n *\n * @param {ReactNode} children - The React children to process, typically SelectItem components.\n * @param {AsyncItemsFetcher} [getAsyncItems] - Optional function to fetch items asynchronously based on filter text.\n * @returns {Object} An object containing the processed data.\n */\nexport const useSelectData = (children: ReactNode, getAsyncItems?: AsyncItemsFetcher) => {\n const [filterText, setFilterText] = useState('');\n // eslint-disable-next-line react-hooks/preserve-manual-memoization\n const { inputSlots, menuSlots, itemValues, clearButton } = useMemo(() => {\n const inputSlots: ReactNode[] = [];\n const menuSlots: ReactNode[] = [];\n let clearButton: ReactNode;\n\n const hasSlots = Children.toArray(children).some(\n (child) => isValidElement<SelectSlotProps>(child) && child.type === ForwardedRefSelectSlot,\n );\n\n if (hasSlots) {\n Children.forEach(children, (child) => {\n if (isValidElement<SelectSlotProps>(child) && child.type === ForwardedRefSelectSlot) {\n if (child.props.name === 'menu') {\n menuSlots.push(child.props.children);\n } else if (child.props.name === 'left' || child.props.name === 'right') {\n inputSlots.push(child);\n } else if (child.props.name === 'clear') {\n if (child.props.children) {\n clearButton = child;\n } else {\n clearButton = cloneElement(child, { children: <SelectClear /> });\n }\n }\n }\n });\n } else {\n menuSlots.push(children);\n }\n\n const itemValues = getRecursiveOptionValues(menuSlots);\n\n return { inputSlots, menuSlots, itemValues, clearButton };\n }, [children]);\n\n const items = useMemo(\n () =>\n itemValues.filter(\n (item) => filterText === '' || item.label.toLowerCase().includes(filterText.toLowerCase()),\n ),\n [itemValues, filterText],\n );\n\n const getItemByValue = useCallback(\n (value?: string | null) => (value !== undefined ? itemValues.find((item) => item.value === value) : undefined),\n [itemValues],\n );\n\n const asyncItems = useAsyncItems(filterText, getAsyncItems);\n\n return {\n items: [...items, ...asyncItems.items],\n menuSlots: [...menuSlots, ...asyncItems.menuComponents],\n filterText,\n inputSlots,\n clearButton,\n setFilterText,\n getItemByValue,\n asyncItemStatus: {\n isLoading: asyncItems.isLoading,\n error: asyncItems.error,\n },\n };\n};\n"],"names":["useAsyncItems","filterText","getAsyncItems","isLoading","setIsLoading","useState","error","setError","asyncResult","setAsyncResult","useEffect","items","item","jsx","ForwardedRefSelectItem","getRecursiveOptionValues","children","values","Children","child","isValidElement","getSelectOptionValue","optionValues","optionValue","useSelectData","setFilterText","inputSlots","menuSlots","itemValues","clearButton","useMemo","ForwardedRefSelectSlot","cloneElement","SelectClear","getItemByValue","useCallback","value","asyncItems"],"mappings":"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"}
1
+ {"version":3,"file":"fondue-components144.js","sources":["../../../node_modules/.pnpm/@dnd-kit+react@0.3.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@dnd-kit/react/hooks.js"],"sourcesContent":["import { useLayoutEffect, useEffect, useRef, useMemo, useState, useCallback } from 'react';\nimport { computed, effect, untracked } from '@dnd-kit/state';\nimport { flushSync } from 'react-dom';\nimport { currentValue } from '@dnd-kit/react/utilities';\n\nfunction useConstant(initializer) {\n const ref = useRef(null);\n if (!ref.current) {\n ref.current = initializer();\n }\n return ref.current;\n}\nvar canUseDOM = typeof window !== \"undefined\" && typeof window.document !== \"undefined\" && typeof window.document.createElement !== \"undefined\";\nvar useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;\nfunction useForceUpdate() {\n const setState = useState(0)[1];\n return useCallback(() => {\n setState((value) => value + 1);\n }, [setState]);\n}\n\n// src/hooks/useSignal.ts\nfunction useSignal(signal, sync = false) {\n const previous = useRef(signal.peek());\n const read = useRef(false);\n const forceUpdate = useForceUpdate();\n useIsomorphicLayoutEffect(\n () => effect(() => {\n const previousValue = previous.current;\n const currentValue2 = signal.value;\n if (previousValue !== currentValue2) {\n previous.current = currentValue2;\n if (!read.current) return;\n if (sync) {\n flushSync(forceUpdate);\n } else {\n forceUpdate();\n }\n }\n }),\n [signal, sync, forceUpdate]\n );\n return {\n get value() {\n read.current = true;\n return signal.peek();\n }\n };\n}\n\n// src/hooks/useComputed.ts\nfunction useComputed(compute, dependencies = [], sync = false) {\n const $compute = useRef(compute);\n $compute.current = compute;\n return useSignal(\n useMemo(() => computed(() => $compute.current()), dependencies),\n sync\n );\n}\nfunction useDeepSignal(target, synchronous) {\n const tracked = useRef(/* @__PURE__ */ new Map());\n const forceUpdate = useForceUpdate();\n useIsomorphicLayoutEffect(() => {\n if (!target) {\n tracked.current.clear();\n return;\n }\n return effect(() => {\n var _a;\n let stale = false;\n let sync = false;\n for (const entry of tracked.current) {\n const [key] = entry;\n const value = untracked(() => entry[1]);\n const latestValue = target[key];\n if (value !== latestValue) {\n stale = true;\n tracked.current.set(key, latestValue);\n sync = (_a = synchronous == null ? void 0 : synchronous(key, value, latestValue)) != null ? _a : false;\n }\n }\n if (stale) {\n sync ? flushSync(forceUpdate) : forceUpdate();\n }\n });\n }, [target]);\n return useMemo(\n () => target ? new Proxy(target, {\n get(target2, key) {\n const value = target2[key];\n tracked.current.set(key, value);\n return value;\n }\n }) : target,\n [target]\n );\n}\n\n// src/hooks/useImmediateEffect.ts\nfunction useImmediateEffect(callback, _) {\n callback();\n}\nfunction useLatest(value) {\n const valueRef = useRef(value);\n useIsomorphicLayoutEffect(() => {\n valueRef.current = value;\n }, [value]);\n return valueRef;\n}\nfunction useOnValueChange(value, onChange, effect3 = useEffect, compare = Object.is) {\n const tracked = useRef(value);\n effect3(() => {\n const oldValue = tracked.current;\n if (!compare(value, oldValue)) {\n tracked.current = value;\n onChange(value, oldValue);\n }\n }, [onChange, value]);\n}\nfunction useOnElementChange(value, onChange) {\n const previous = useRef(currentValue(value));\n useIsomorphicLayoutEffect(() => {\n const current = currentValue(value);\n if (current !== previous.current) {\n previous.current = current;\n onChange(current);\n }\n });\n}\n\nexport { useComputed, useConstant, useDeepSignal, useImmediateEffect, useIsomorphicLayoutEffect, useLatest, useOnElementChange, useOnValueChange };\n//# sourceMappingURL=hooks.js.map\n//# sourceMappingURL=hooks.js.map"],"names":["canUseDOM","useIsomorphicLayoutEffect","useLayoutEffect","useEffect","useForceUpdate","setState","useState","useCallback","value","useDeepSignal","target","synchronous","tracked","useRef","forceUpdate","effect","_a","stale","sync","entry","key","untracked","latestValue","flushSync","useMemo","target2","useImmediateEffect","callback","_","useOnValueChange","onChange","effect3","compare","oldValue","useOnElementChange","previous","currentValue","current"],"mappings":";;;;;AAYA,IAAIA,IAAY,OAAO,SAAW,OAAe,OAAO,OAAO,WAAa,OAAe,OAAO,OAAO,SAAS,gBAAkB,KAChIC,IAA4BD,IAAYE,IAAkBC;AAC9D,SAASC,IAAiB;AACxB,QAAMC,IAAWC,EAAS,CAAC,EAAE,CAAC;AAC9B,SAAOC,EAAY,MAAM;AACvB,IAAAF,EAAS,CAACG,MAAUA,IAAQ,CAAC;AAAA,EAC/B,GAAG,CAACH,CAAQ,CAAC;AACf;AAwCA,SAASI,EAAcC,GAAQC,GAAa;AAC1C,QAAMC,IAAUC,EAAuB,oBAAI,KAAK,GAC1CC,IAAcV,EAAc;AAClC,SAAAH,EAA0B,MAAM;AAC9B,QAAI,CAACS,GAAQ;AACX,MAAAE,EAAQ,QAAQ,MAAK;AACrB;AAAA,IACF;AACA,WAAOG,EAAO,MAAM;AAClB,UAAIC;AACJ,UAAIC,IAAQ,IACRC,IAAO;AACX,iBAAWC,KAASP,EAAQ,SAAS;AACnC,cAAM,CAACQ,CAAG,IAAID,GACRX,IAAQa,EAAU,MAAMF,EAAM,CAAC,CAAC,GAChCG,IAAcZ,EAAOU,CAAG;AAC9B,QAAIZ,MAAUc,MACZL,IAAQ,IACRL,EAAQ,QAAQ,IAAIQ,GAAKE,CAAW,GACpCJ,KAAQF,IAAKL,KAAe,OAAO,SAASA,EAAYS,GAAKZ,GAAOc,CAAW,MAAM,OAAON,IAAK;AAAA,MAErG;AACA,MAAIC,MACFC,IAAOK,EAAUT,CAAW,IAAIA,EAAW;AAAA,IAE/C,CAAC;AAAA,EACH,GAAG,CAACJ,CAAM,CAAC,GACJc;AAAA,IACL,MAAMd,KAAS,IAAI,MAAMA,GAAQ;AAAA,MAC/B,IAAIe,GAASL,GAAK;AAChB,cAAMZ,IAAQiB,EAAQL,CAAG;AACzB,eAAAR,EAAQ,QAAQ,IAAIQ,GAAKZ,CAAK,GACvBA;AAAA,MACT;AAAA,IACN,CAAK;AAAA,IACD,CAACE,CAAM;AAAA,EACX;AACA;AAGA,SAASgB,EAAmBC,GAAUC,GAAG;AACvC,EAAAD,EAAQ;AACV;AAQA,SAASE,EAAiBrB,GAAOsB,GAAUC,IAAU5B,GAAW6B,IAAU,OAAO,IAAI;AACnF,QAAMpB,IAAUC,EAAOL,CAAK;AAC5B,EAAAuB,EAAQ,MAAM;AACZ,UAAME,IAAWrB,EAAQ;AACzB,IAAKoB,EAAQxB,GAAOyB,CAAQ,MAC1BrB,EAAQ,UAAUJ,GAClBsB,EAAStB,GAAOyB,CAAQ;AAAA,EAE5B,GAAG,CAACH,GAAUtB,CAAK,CAAC;AACtB;AACA,SAAS0B,EAAmB1B,GAAOsB,GAAU;AAC3C,QAAMK,IAAWtB,EAAOuB,EAAa5B,CAAK,CAAC;AAC3C,EAAAP,EAA0B,MAAM;AAC9B,UAAMoC,IAAUD,EAAa5B,CAAK;AAClC,IAAI6B,MAAYF,EAAS,YACvBA,EAAS,UAAUE,GACnBP,EAASO,CAAO;AAAA,EAEpB,CAAC;AACH;","x_google_ignoreList":[0]}
@@ -1,18 +1,12 @@
1
- import { useId as u, useMemo as f } from "react";
2
- import { useTranslation as D } from "./fondue-components43.js";
3
- const g = (t, n, r) => {
4
- const { t: i } = D(), s = u(), e = f(() => {
5
- if (!t || n.length === 0)
6
- return "";
7
- const p = n.map((c) => {
8
- const o = r(c);
9
- return (o == null ? void 0 : o.label) ?? c;
10
- }).join(", ");
11
- return i("Select_selectedCount", { count: n.length.toString(), items: p });
12
- }, [t, n, r, i]);
13
- return { selectionDescriptionId: s, selectionDescription: e };
14
- };
1
+ function t(r) {
2
+ return r != null && typeof r == "object" && "current" in r;
3
+ }
4
+ function i(r) {
5
+ var n;
6
+ if (r != null)
7
+ return t(r) ? (n = r.current) != null ? n : void 0 : r;
8
+ }
15
9
  export {
16
- g as useSelectionDescription
10
+ i as currentValue
17
11
  };
18
12
  //# sourceMappingURL=fondue-components145.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"fondue-components145.js","sources":["../src/components/Select/hooks/useSelectionDescription.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useId, useMemo } from 'react';\n\nimport { useTranslation } from '#/hooks/useTranslation';\n\ntype SelectItemLike = {\n value: string;\n label: string;\n};\n\ntype SelectionDescription = {\n /** The unique ID for the SR description element. */\n selectionDescriptionId: string;\n /** The description text for screen readers (empty string when not applicable). */\n selectionDescription: string;\n};\n\nexport const useSelectionDescription = (\n isMultiple: boolean,\n selectedItemValues: string[],\n getItemByValue: (value?: string) => SelectItemLike | undefined,\n): SelectionDescription => {\n const { t } = useTranslation();\n const selectionDescriptionId = useId();\n\n const selectionDescription = useMemo((): string => {\n if (!isMultiple || selectedItemValues.length === 0) {\n return '';\n }\n const labels = selectedItemValues\n .map((value) => {\n const item = getItemByValue(value);\n return item?.label ?? value;\n })\n .join(', ');\n return t('Select_selectedCount', { count: selectedItemValues.length.toString(), items: labels });\n }, [isMultiple, selectedItemValues, getItemByValue, t]);\n\n return { selectionDescriptionId, selectionDescription };\n};\n"],"names":["useSelectionDescription","isMultiple","selectedItemValues","getItemByValue","t","useTranslation","selectionDescriptionId","useId","selectionDescription","useMemo","labels","value","item"],"mappings":";;AAkBO,MAAMA,IAA0B,CACnCC,GACAC,GACAC,MACuB;AACvB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAyBC,EAAA,GAEzBC,IAAuBC,EAAQ,MAAc;AAC/C,QAAI,CAACR,KAAcC,EAAmB,WAAW;AAC7C,aAAO;AAEX,UAAMQ,IAASR,EACV,IAAI,CAACS,MAAU;AACZ,YAAMC,IAAOT,EAAeQ,CAAK;AACjC,cAAOC,KAAA,gBAAAA,EAAM,UAASD;AAAA,IAC1B,CAAC,EACA,KAAK,IAAI;AACd,WAAOP,EAAE,wBAAwB,EAAE,OAAOF,EAAmB,OAAO,SAAA,GAAY,OAAOQ,GAAQ;AAAA,EACnG,GAAG,CAACT,GAAYC,GAAoBC,GAAgBC,CAAC,CAAC;AAEtD,SAAO,EAAE,wBAAAE,GAAwB,sBAAAE,EAAA;AACrC;"}
1
+ {"version":3,"file":"fondue-components145.js","sources":["../../../node_modules/.pnpm/@dnd-kit+react@0.3.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@dnd-kit/react/utilities.js"],"sourcesContent":["// src/utilities/currentValue.ts\nfunction isRef(value) {\n return value != null && typeof value === \"object\" && \"current\" in value;\n}\nfunction currentValue(value) {\n var _a;\n if (value == null) {\n return void 0;\n }\n if (isRef(value)) {\n return (_a = value.current) != null ? _a : void 0;\n }\n return value;\n}\n\nexport { currentValue };\n//# sourceMappingURL=utilities.js.map\n//# sourceMappingURL=utilities.js.map"],"names":["isRef","value","currentValue","_a"],"mappings":"AACA,SAASA,EAAMC,GAAO;AACpB,SAAOA,KAAS,QAAQ,OAAOA,KAAU,YAAY,aAAaA;AACpE;AACA,SAASC,EAAaD,GAAO;AAC3B,MAAIE;AACJ,MAAIF,KAAS;AAGb,WAAID,EAAMC,CAAK,KACLE,IAAKF,EAAM,YAAY,OAAOE,IAAK,SAEtCF;AACT;","x_google_ignoreList":[0]}
@@ -1,10 +1,259 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { Slot as e } from "@radix-ui/react-slot";
3
- import a from "./fondue-components134.js";
4
- const m = ({ children: o, onClear: t }) => /* @__PURE__ */ r(e, { onClick: (l) => {
5
- l.stopPropagation(), t();
6
- }, className: a.clear, role: "button", "aria-label": "Clear selection", children: o });
1
+ var m = Symbol.for("preact-signals");
2
+ function d() {
3
+ if (s > 1)
4
+ s--;
5
+ else {
6
+ for (var t, i = !1; u !== void 0; ) {
7
+ var o = u;
8
+ for (u = void 0, c++; o !== void 0; ) {
9
+ var n = o.o;
10
+ if (o.o = void 0, o.f &= -3, !(8 & o.f) && w(o)) try {
11
+ o.c();
12
+ } catch (h) {
13
+ i || (t = h, i = !0);
14
+ }
15
+ o = n;
16
+ }
17
+ }
18
+ if (c = 0, s--, i) throw t;
19
+ }
20
+ }
21
+ function E(t) {
22
+ if (s > 0) return t();
23
+ s++;
24
+ try {
25
+ return t();
26
+ } finally {
27
+ d();
28
+ }
29
+ }
30
+ var r = void 0;
31
+ function p(t) {
32
+ var i = r;
33
+ r = void 0;
34
+ try {
35
+ return t();
36
+ } finally {
37
+ r = i;
38
+ }
39
+ }
40
+ var u = void 0, s = 0, c = 0, a = 0;
41
+ function y(t) {
42
+ if (r !== void 0) {
43
+ var i = t.n;
44
+ if (i === void 0 || i.t !== r)
45
+ return i = { i: 0, S: t, p: r.s, n: void 0, t: r, e: void 0, x: void 0, r: i }, r.s !== void 0 && (r.s.n = i), r.s = i, t.n = i, 32 & r.f && t.S(i), i;
46
+ if (i.i === -1)
47
+ return i.i = 0, i.n !== void 0 && (i.n.p = i.p, i.p !== void 0 && (i.p.n = i.n), i.p = r.s, i.n = void 0, r.s.n = i, r.s = i), i;
48
+ }
49
+ }
50
+ function f(t, i) {
51
+ this.v = t, this.i = 0, this.n = void 0, this.t = void 0, this.W = i == null ? void 0 : i.watched, this.Z = i == null ? void 0 : i.unwatched, this.name = i == null ? void 0 : i.name;
52
+ }
53
+ f.prototype.brand = m;
54
+ f.prototype.h = function() {
55
+ return !0;
56
+ };
57
+ f.prototype.S = function(t) {
58
+ var i = this, o = this.t;
59
+ o !== t && t.e === void 0 && (t.x = o, this.t = t, o !== void 0 ? o.e = t : p(function() {
60
+ var n;
61
+ (n = i.W) == null || n.call(i);
62
+ }));
63
+ };
64
+ f.prototype.U = function(t) {
65
+ var i = this;
66
+ if (this.t !== void 0) {
67
+ var o = t.e, n = t.x;
68
+ o !== void 0 && (o.x = n, t.e = void 0), n !== void 0 && (n.e = o, t.x = void 0), t === this.t && (this.t = n, n === void 0 && p(function() {
69
+ var h;
70
+ (h = i.Z) == null || h.call(i);
71
+ }));
72
+ }
73
+ };
74
+ f.prototype.subscribe = function(t) {
75
+ var i = this;
76
+ return U(function() {
77
+ var o = i.value, n = r;
78
+ r = void 0;
79
+ try {
80
+ t(o);
81
+ } finally {
82
+ r = n;
83
+ }
84
+ }, { name: "sub" });
85
+ };
86
+ f.prototype.valueOf = function() {
87
+ return this.value;
88
+ };
89
+ f.prototype.toString = function() {
90
+ return this.value + "";
91
+ };
92
+ f.prototype.toJSON = function() {
93
+ return this.value;
94
+ };
95
+ f.prototype.peek = function() {
96
+ var t = r;
97
+ r = void 0;
98
+ try {
99
+ return this.value;
100
+ } finally {
101
+ r = t;
102
+ }
103
+ };
104
+ Object.defineProperty(f.prototype, "value", { get: function() {
105
+ var t = y(this);
106
+ return t !== void 0 && (t.i = this.i), this.v;
107
+ }, set: function(t) {
108
+ if (t !== this.v) {
109
+ if (c > 100) throw new Error("Cycle detected");
110
+ this.v = t, this.i++, a++, s++;
111
+ try {
112
+ for (var i = this.t; i !== void 0; i = i.x) i.t.N();
113
+ } finally {
114
+ d();
115
+ }
116
+ }
117
+ } });
118
+ function N(t, i) {
119
+ return new f(t, i);
120
+ }
121
+ function w(t) {
122
+ for (var i = t.s; i !== void 0; i = i.n) if (i.S.i !== i.i || !i.S.h() || i.S.i !== i.i) return !0;
123
+ return !1;
124
+ }
125
+ function S(t) {
126
+ for (var i = t.s; i !== void 0; i = i.n) {
127
+ var o = i.S.n;
128
+ if (o !== void 0 && (i.r = o), i.S.n = i, i.i = -1, i.n === void 0) {
129
+ t.s = i;
130
+ break;
131
+ }
132
+ }
133
+ }
134
+ function x(t) {
135
+ for (var i = t.s, o = void 0; i !== void 0; ) {
136
+ var n = i.p;
137
+ i.i === -1 ? (i.S.U(i), n !== void 0 && (n.n = i.n), i.n !== void 0 && (i.n.p = n)) : o = i, i.S.n = i.r, i.r !== void 0 && (i.r = void 0), i = n;
138
+ }
139
+ t.s = o;
140
+ }
141
+ function e(t, i) {
142
+ f.call(this, void 0), this.x = t, this.s = void 0, this.g = a - 1, this.f = 4, this.W = i == null ? void 0 : i.watched, this.Z = i == null ? void 0 : i.unwatched, this.name = i == null ? void 0 : i.name;
143
+ }
144
+ e.prototype = new f();
145
+ e.prototype.h = function() {
146
+ if (this.f &= -3, 1 & this.f) return !1;
147
+ if ((36 & this.f) == 32 || (this.f &= -5, this.g === a)) return !0;
148
+ if (this.g = a, this.f |= 1, this.i > 0 && !w(this))
149
+ return this.f &= -2, !0;
150
+ var t = r;
151
+ try {
152
+ S(this), r = this;
153
+ var i = this.x();
154
+ (16 & this.f || this.v !== i || this.i === 0) && (this.v = i, this.f &= -17, this.i++);
155
+ } catch (o) {
156
+ this.v = o, this.f |= 16, this.i++;
157
+ }
158
+ return r = t, x(this), this.f &= -2, !0;
159
+ };
160
+ e.prototype.S = function(t) {
161
+ if (this.t === void 0) {
162
+ this.f |= 36;
163
+ for (var i = this.s; i !== void 0; i = i.n) i.S.S(i);
164
+ }
165
+ f.prototype.S.call(this, t);
166
+ };
167
+ e.prototype.U = function(t) {
168
+ if (this.t !== void 0 && (f.prototype.U.call(this, t), this.t === void 0)) {
169
+ this.f &= -33;
170
+ for (var i = this.s; i !== void 0; i = i.n) i.S.U(i);
171
+ }
172
+ };
173
+ e.prototype.N = function() {
174
+ if (!(2 & this.f)) {
175
+ this.f |= 6;
176
+ for (var t = this.t; t !== void 0; t = t.x) t.t.N();
177
+ }
178
+ };
179
+ Object.defineProperty(e.prototype, "value", { get: function() {
180
+ if (1 & this.f) throw new Error("Cycle detected");
181
+ var t = y(this);
182
+ if (this.h(), t !== void 0 && (t.i = this.i), 16 & this.f) throw this.v;
183
+ return this.v;
184
+ } });
185
+ function O(t, i) {
186
+ return new e(t, i);
187
+ }
188
+ function b(t) {
189
+ var i = t.u;
190
+ if (t.u = void 0, typeof i == "function") {
191
+ s++;
192
+ var o = r;
193
+ r = void 0;
194
+ try {
195
+ i();
196
+ } catch (n) {
197
+ throw t.f &= -2, t.f |= 8, l(t), n;
198
+ } finally {
199
+ r = o, d();
200
+ }
201
+ }
202
+ }
203
+ function l(t) {
204
+ for (var i = t.s; i !== void 0; i = i.n) i.S.U(i);
205
+ t.x = void 0, t.s = void 0, b(t);
206
+ }
207
+ function g(t) {
208
+ if (r !== this) throw new Error("Out-of-order effect");
209
+ x(this), r = t, this.f &= -2, 8 & this.f && l(this), d();
210
+ }
211
+ function v(t, i) {
212
+ this.x = t, this.u = void 0, this.s = void 0, this.o = void 0, this.f = 32, this.name = i == null ? void 0 : i.name;
213
+ }
214
+ v.prototype.c = function() {
215
+ var t = this.S();
216
+ try {
217
+ if (8 & this.f || this.x === void 0) return;
218
+ var i = this.x();
219
+ typeof i == "function" && (this.u = i);
220
+ } finally {
221
+ t();
222
+ }
223
+ };
224
+ v.prototype.S = function() {
225
+ if (1 & this.f) throw new Error("Cycle detected");
226
+ this.f |= 1, this.f &= -9, b(this), S(this), s++;
227
+ var t = r;
228
+ return r = this, g.bind(this, t);
229
+ };
230
+ v.prototype.N = function() {
231
+ 2 & this.f || (this.f |= 2, this.o = u, u = this);
232
+ };
233
+ v.prototype.d = function() {
234
+ this.f |= 8, 1 & this.f || l(this);
235
+ };
236
+ v.prototype.dispose = function() {
237
+ this.d();
238
+ };
239
+ function U(t, i) {
240
+ var o = new v(t, i);
241
+ try {
242
+ o.c();
243
+ } catch (h) {
244
+ throw o.d(), h;
245
+ }
246
+ var n = o.d.bind(o);
247
+ return n[Symbol.dispose] = n, n;
248
+ }
7
249
  export {
8
- m as ClearButton
250
+ e as Computed,
251
+ v as Effect,
252
+ f as Signal,
253
+ E as batch,
254
+ O as computed,
255
+ U as effect,
256
+ N as signal,
257
+ p as untracked
9
258
  };
10
259
  //# sourceMappingURL=fondue-components146.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"fondue-components146.js","sources":["../src/components/Select/components/ClearButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Slot as RadixSlot } from '@radix-ui/react-slot';\nimport { type MouseEvent, type ReactNode } from 'react';\n\nimport styles from '../styles/select.module.scss';\n\ntype ClearButtonProps = {\n /** The clear button element to render inside the slot. */\n children: ReactNode;\n /** Callback fired when the clear button is clicked. */\n onClear: () => void;\n};\n\nexport const ClearButton = ({ children, onClear }: ClearButtonProps): ReactNode => {\n const handleClick = (event: MouseEvent): void => {\n event.stopPropagation();\n onClear();\n };\n\n return (\n <RadixSlot onClick={handleClick} className={styles.clear} role=\"button\" aria-label=\"Clear selection\">\n {children}\n </RadixSlot>\n );\n};\n"],"names":["ClearButton","children","onClear","jsx","RadixSlot","event","styles"],"mappings":";;;AAcO,MAAMA,IAAc,CAAC,EAAE,UAAAC,GAAU,SAAAC,QAOhC,gBAAAC,EAACC,GAAA,EAAU,SANK,CAACC,MAA4B;AAC7C,EAAAA,EAAM,gBAAA,GACNH,EAAA;AACJ,GAGqC,WAAWI,EAAO,OAAO,MAAK,UAAS,cAAW,mBAC9E,UAAAL,EAAA,CACL;"}
1
+ {"version":3,"file":"fondue-components146.js","sources":["../../../node_modules/.pnpm/@preact+signals-core@1.13.0/node_modules/@preact/signals-core/dist/signals-core.module.js"],"sourcesContent":["var i=Symbol.for(\"preact-signals\");function t(){if(!(s>1)){var i,t=!1;while(void 0!==h){var n=h;h=void 0;v++;while(void 0!==n){var r=n.o;n.o=void 0;n.f&=-3;if(!(8&n.f)&&a(n))try{n.c()}catch(n){if(!t){i=n;t=!0}}n=r}}v=0;s--;if(t)throw i}else s--}function n(i){if(s>0)return i();s++;try{return i()}finally{t()}}var r=void 0;function o(i){var t=r;r=void 0;try{return i()}finally{r=t}}var f,h=void 0,s=0,v=0,u=0;function e(i){if(void 0!==r){var t=i.n;if(void 0===t||t.t!==r){t={i:0,S:i,p:r.s,n:void 0,t:r,e:void 0,x:void 0,r:t};if(void 0!==r.s)r.s.n=t;r.s=t;i.n=t;if(32&r.f)i.S(t);return t}else if(-1===t.i){t.i=0;if(void 0!==t.n){t.n.p=t.p;if(void 0!==t.p)t.p.n=t.n;t.p=r.s;t.n=void 0;r.s.n=t;r.s=t}return t}}}function d(i,t){this.v=i;this.i=0;this.n=void 0;this.t=void 0;this.W=null==t?void 0:t.watched;this.Z=null==t?void 0:t.unwatched;this.name=null==t?void 0:t.name}d.prototype.brand=i;d.prototype.h=function(){return!0};d.prototype.S=function(i){var t=this,n=this.t;if(n!==i&&void 0===i.e){i.x=n;this.t=i;if(void 0!==n)n.e=i;else o(function(){var i;null==(i=t.W)||i.call(t)})}};d.prototype.U=function(i){var t=this;if(void 0!==this.t){var n=i.e,r=i.x;if(void 0!==n){n.x=r;i.e=void 0}if(void 0!==r){r.e=n;i.x=void 0}if(i===this.t){this.t=r;if(void 0===r)o(function(){var i;null==(i=t.Z)||i.call(t)})}}};d.prototype.subscribe=function(i){var t=this;return m(function(){var n=t.value,o=r;r=void 0;try{i(n)}finally{r=o}},{name:\"sub\"})};d.prototype.valueOf=function(){return this.value};d.prototype.toString=function(){return this.value+\"\"};d.prototype.toJSON=function(){return this.value};d.prototype.peek=function(){var i=r;r=void 0;try{return this.value}finally{r=i}};Object.defineProperty(d.prototype,\"value\",{get:function(){var i=e(this);if(void 0!==i)i.i=this.i;return this.v},set:function(i){if(i!==this.v){if(v>100)throw new Error(\"Cycle detected\");this.v=i;this.i++;u++;s++;try{for(var n=this.t;void 0!==n;n=n.x)n.t.N()}finally{t()}}}});function c(i,t){return new d(i,t)}function a(i){for(var t=i.s;void 0!==t;t=t.n)if(t.S.i!==t.i||!t.S.h()||t.S.i!==t.i)return!0;return!1}function l(i){for(var t=i.s;void 0!==t;t=t.n){var n=t.S.n;if(void 0!==n)t.r=n;t.S.n=t;t.i=-1;if(void 0===t.n){i.s=t;break}}}function y(i){var t=i.s,n=void 0;while(void 0!==t){var r=t.p;if(-1===t.i){t.S.U(t);if(void 0!==r)r.n=t.n;if(void 0!==t.n)t.n.p=r}else n=t;t.S.n=t.r;if(void 0!==t.r)t.r=void 0;t=r}i.s=n}function w(i,t){d.call(this,void 0);this.x=i;this.s=void 0;this.g=u-1;this.f=4;this.W=null==t?void 0:t.watched;this.Z=null==t?void 0:t.unwatched;this.name=null==t?void 0:t.name}w.prototype=new d;w.prototype.h=function(){this.f&=-3;if(1&this.f)return!1;if(32==(36&this.f))return!0;this.f&=-5;if(this.g===u)return!0;this.g=u;this.f|=1;if(this.i>0&&!a(this)){this.f&=-2;return!0}var i=r;try{l(this);r=this;var t=this.x();if(16&this.f||this.v!==t||0===this.i){this.v=t;this.f&=-17;this.i++}}catch(i){this.v=i;this.f|=16;this.i++}r=i;y(this);this.f&=-2;return!0};w.prototype.S=function(i){if(void 0===this.t){this.f|=36;for(var t=this.s;void 0!==t;t=t.n)t.S.S(t)}d.prototype.S.call(this,i)};w.prototype.U=function(i){if(void 0!==this.t){d.prototype.U.call(this,i);if(void 0===this.t){this.f&=-33;for(var t=this.s;void 0!==t;t=t.n)t.S.U(t)}}};w.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var i=this.t;void 0!==i;i=i.x)i.t.N()}};Object.defineProperty(w.prototype,\"value\",{get:function(){if(1&this.f)throw new Error(\"Cycle detected\");var i=e(this);this.h();if(void 0!==i)i.i=this.i;if(16&this.f)throw this.v;return this.v}});function b(i,t){return new w(i,t)}function _(i){var n=i.u;i.u=void 0;if(\"function\"==typeof n){s++;var o=r;r=void 0;try{n()}catch(t){i.f&=-2;i.f|=8;p(i);throw t}finally{r=o;t()}}}function p(i){for(var t=i.s;void 0!==t;t=t.n)t.S.U(t);i.x=void 0;i.s=void 0;_(i)}function g(i){if(r!==this)throw new Error(\"Out-of-order effect\");y(this);r=i;this.f&=-2;if(8&this.f)p(this);t()}function S(i,t){this.x=i;this.u=void 0;this.s=void 0;this.o=void 0;this.f=32;this.name=null==t?void 0:t.name;if(f)f.push(this)}S.prototype.c=function(){var i=this.S();try{if(8&this.f)return;if(void 0===this.x)return;var t=this.x();if(\"function\"==typeof t)this.u=t}finally{i()}};S.prototype.S=function(){if(1&this.f)throw new Error(\"Cycle detected\");this.f|=1;this.f&=-9;_(this);l(this);s++;var i=r;r=this;return g.bind(this,i)};S.prototype.N=function(){if(!(2&this.f)){this.f|=2;this.o=h;h=this}};S.prototype.d=function(){this.f|=8;if(!(1&this.f))p(this)};S.prototype.dispose=function(){this.d()};function m(i,t){var n=new S(i,t);try{n.c()}catch(i){n.d();throw i}var r=n.d.bind(n);r[Symbol.dispose]=r;return r}function E(i){return function(){var t=arguments,r=this;return n(function(){return o(function(){return i.apply(r,[].slice.call(t))})})}}function x(){var i=f;f=[];return function(){var t=f;if(f&&i)i=i.concat(f);f=i;return t}}function C(i){return function(){var t,n,r=x();try{n=i.apply(void 0,[].slice.call(arguments))}catch(i){f=void 0;throw i}finally{t=r()}for(var o in n)if(\"function\"==typeof n[o])n[o]=E(n[o]);n[Symbol.dispose]=E(function(){if(t)for(var i=0;i<t.length;i++)t[i].dispose();t=void 0});return n}}export{w as Computed,S as Effect,d as Signal,E as action,n as batch,b as computed,C as createModel,m as effect,c as signal,o as untracked};//# sourceMappingURL=signals-core.module.js.map\n"],"names":["i","t","h","n","v","r","a","o","u","e","d","m","c","l","y","w","b","_","p","S"],"mappings":"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","x_google_ignoreList":[0]}
@@ -1,92 +1,22 @@
1
- import { jsxs as S, jsx as f } from "react/jsx-runtime";
2
- import { useRef as m, useState as C, useEffect as _ } from "react";
3
- import { Badge as w } from "./fondue-components4.js";
4
- import { useTranslation as I } from "./fondue-components43.js";
5
- import p from "./fondue-components134.js";
6
- const W = 4, D = 40, E = 24, M = (r, h, u, o) => {
7
- const g = r.offsetWidth;
8
- let s = o ? E + W : 0, n = 0;
9
- for (const d of u) {
10
- const a = h.get(d.value);
11
- if (!a)
12
- continue;
13
- const l = a.offsetWidth, i = n > 0 ? l + W : l, c = u.length - n - 1 > 0 ? D + W : 0;
14
- if (s + i + c > g)
15
- break;
16
- s += i, n++;
1
+ import { formatDistance as o } from "./fondue-components157.js";
2
+ import { formatLong as t } from "./fondue-components158.js";
3
+ import { formatRelative as a } from "./fondue-components159.js";
4
+ import { localize as r } from "./fondue-components160.js";
5
+ import { match as e } from "./fondue-components161.js";
6
+ const s = {
7
+ code: "en-US",
8
+ formatDistance: o,
9
+ formatLong: t,
10
+ formatRelative: a,
11
+ localize: r,
12
+ match: e,
13
+ options: {
14
+ weekStartsOn: 0,
15
+ firstWeekContainsDate: 1
17
16
  }
18
- return Math.max(1, n);
19
- }, x = ({
20
- items: r,
21
- placeholder: h,
22
- onDismiss: u,
23
- children: o,
24
- selectedCount: g = 0
25
- }) => {
26
- const { t: s } = I(), n = m(!1), d = m(null), a = m(/* @__PURE__ */ new Map()), [l, i] = C(r.length), b = o !== void 0;
27
- if (_(() => {
28
- const e = d.current;
29
- if (!e)
30
- return;
31
- const v = () => {
32
- if (r.length === 0) {
33
- i(0);
34
- return;
35
- }
36
- i(M(e, a.current, r, b));
37
- }, t = new ResizeObserver(v);
38
- return t.observe(e), () => {
39
- t.disconnect();
40
- };
41
- }, [r, b]), r.length === 0 && !o)
42
- return h;
43
- const c = r.length - l, y = (e) => e === 1 ? s("Select_singleItemSelected") : e > 1 ? s("Select_multipleItemsSelected", { count: e.toString() }) : "";
44
- return /* @__PURE__ */ S("div", { ref: d, className: p.badgesContainer, children: [
45
- /* @__PURE__ */ f("span", { className: p.srOnly, "aria-live": "polite", "aria-atomic": "true", children: y(g) }),
46
- o,
47
- r.map((e, v) => /* @__PURE__ */ f(
48
- "div",
49
- {
50
- ref: (t) => {
51
- t ? a.current.set(e.value, t) : a.current.delete(e.value);
52
- },
53
- role: "presentation",
54
- className: p.badgeWrapper,
55
- "data-visible": v < l,
56
- onKeyDown: (t) => {
57
- (t.key === "Enter" || t.key === " ") && t.stopPropagation();
58
- },
59
- onMouseDown: () => {
60
- n.current = !0;
61
- },
62
- children: /* @__PURE__ */ f(
63
- w,
64
- {
65
- emphasis: "weak",
66
- "aria-label": typeof e.displayValue == "string" ? e.displayValue : e.value,
67
- onDismiss: (t) => {
68
- t.stopPropagation(), u(e.value, n.current), n.current = !1;
69
- },
70
- children: e.displayValue
71
- }
72
- )
73
- },
74
- e.value
75
- )),
76
- c > 0 && /* @__PURE__ */ f(
77
- "div",
78
- {
79
- className: p.badgeWrapper,
80
- "aria-label": s("Select_additionalItemsSelected", { count: c.toString() }),
81
- children: /* @__PURE__ */ S(w, { emphasis: "weak", "aria-hidden": "true", children: [
82
- "+",
83
- c
84
- ] })
85
- }
86
- )
87
- ] });
88
17
  };
89
18
  export {
90
- x as CollapsibleBadges
19
+ s as default,
20
+ s as enUS
91
21
  };
92
22
  //# sourceMappingURL=fondue-components147.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"fondue-components147.js","sources":["../src/components/Select/components/CollapsibleBadges.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useEffect, useRef, useState, type KeyboardEvent, type ReactNode } from 'react';\n\nimport { Badge } from '#/components/Badge/Badge';\nimport { useTranslation } from '#/hooks/useTranslation';\n\nimport styles from '../styles/select.module.scss';\n\nconst BADGE_GAP = 4;\nconst OVERFLOW_BADGE_MIN_WIDTH = 40;\nconst INPUT_MIN_WIDTH = 24;\n\ntype BadgeItem = {\n value: string;\n displayValue: ReactNode;\n};\n\ntype CollapsibleBadgesProps = {\n items: BadgeItem[];\n placeholder?: string;\n onDismiss: (value: string, preventFocusRing: boolean) => void;\n /** Optional children to render at the end (e.g., an input field). Space is reserved in the layout calculation. */\n children?: ReactNode;\n /** Total number of selected items (for screen reader announcements). */\n selectedCount?: number;\n};\n\nconst calculateVisibleCount = (\n container: HTMLDivElement,\n badgeElements: Map<string, HTMLDivElement>,\n items: BadgeItem[],\n hasInputSlot: boolean,\n): number => {\n const containerWidth = container.offsetWidth;\n let usedWidth = hasInputSlot ? INPUT_MIN_WIDTH + BADGE_GAP : 0;\n let count = 0;\n\n for (const item of items) {\n const badgeElement = badgeElements.get(item.value);\n if (!badgeElement) {\n continue;\n }\n\n const badgeWidth = badgeElement.offsetWidth;\n const widthWithGap = count > 0 ? badgeWidth + BADGE_GAP : badgeWidth;\n const hasMoreAfterThis = items.length - count - 1 > 0;\n const reservedWidth = hasMoreAfterThis ? OVERFLOW_BADGE_MIN_WIDTH + BADGE_GAP : 0;\n\n if (usedWidth + widthWithGap + reservedWidth > containerWidth) {\n break;\n }\n\n usedWidth += widthWithGap;\n count++;\n }\n\n return Math.max(1, count);\n};\n\nexport const CollapsibleBadges = ({\n items,\n placeholder,\n onDismiss,\n children,\n selectedCount = 0,\n}: CollapsibleBadgesProps): ReactNode => {\n const { t } = useTranslation();\n const wasClickedRef = useRef(false);\n const containerRef = useRef<HTMLDivElement>(null);\n const badgeElementsRef = useRef<Map<string, HTMLDivElement>>(new Map());\n const [visibleCount, setVisibleCount] = useState(items.length);\n const hasChildren = children !== undefined;\n\n useEffect(() => {\n const container = containerRef.current;\n if (!container) {\n return;\n }\n\n const recalculate = (): void => {\n if (items.length === 0) {\n setVisibleCount(0);\n return;\n }\n setVisibleCount(calculateVisibleCount(container, badgeElementsRef.current, items, hasChildren));\n };\n\n const observer = new ResizeObserver(recalculate);\n observer.observe(container);\n return (): void => {\n observer.disconnect();\n };\n }, [items, hasChildren]);\n\n if (items.length === 0 && !children) {\n return placeholder;\n }\n\n const overflowCount = items.length - visibleCount;\n\n const getSelectedCountText = (count: number): string => {\n if (count === 1) {\n return t('Select_singleItemSelected');\n }\n if (count > 1) {\n return t('Select_multipleItemsSelected', { count: count.toString() });\n }\n return '';\n };\n\n return (\n <div ref={containerRef} className={styles.badgesContainer}>\n <span className={styles.srOnly} aria-live=\"polite\" aria-atomic=\"true\">\n {getSelectedCountText(selectedCount)}\n </span>\n {children}\n {items.map((item, index) => (\n <div\n key={item.value}\n ref={(element): void => {\n if (element) {\n badgeElementsRef.current.set(item.value, element);\n } else {\n badgeElementsRef.current.delete(item.value);\n }\n }}\n role=\"presentation\"\n className={styles.badgeWrapper}\n data-visible={index < visibleCount}\n onKeyDown={(event: KeyboardEvent<HTMLDivElement>): void => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.stopPropagation();\n }\n }}\n onMouseDown={(): void => {\n wasClickedRef.current = true;\n }}\n >\n <Badge\n emphasis=\"weak\"\n aria-label={typeof item.displayValue === 'string' ? item.displayValue : item.value}\n onDismiss={(event) => {\n event.stopPropagation();\n onDismiss(item.value, wasClickedRef.current);\n wasClickedRef.current = false;\n }}\n >\n {item.displayValue}\n </Badge>\n </div>\n ))}\n {overflowCount > 0 && (\n <div\n className={styles.badgeWrapper}\n aria-label={t('Select_additionalItemsSelected', { count: overflowCount.toString() })}\n >\n <Badge emphasis=\"weak\" aria-hidden=\"true\">\n +{overflowCount}\n </Badge>\n </div>\n )}\n </div>\n );\n};\n"],"names":["BADGE_GAP","OVERFLOW_BADGE_MIN_WIDTH","INPUT_MIN_WIDTH","calculateVisibleCount","container","badgeElements","items","hasInputSlot","containerWidth","usedWidth","count","item","badgeElement","badgeWidth","widthWithGap","reservedWidth","CollapsibleBadges","placeholder","onDismiss","children","selectedCount","t","useTranslation","wasClickedRef","useRef","containerRef","badgeElementsRef","visibleCount","setVisibleCount","useState","hasChildren","useEffect","recalculate","observer","overflowCount","getSelectedCountText","styles","jsx","index","element","event","Badge","jsxs"],"mappings":"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"}
1
+ {"version":3,"file":"fondue-components147.js","sources":["../../../node_modules/.pnpm/date-fns@3.6.0/node_modules/date-fns/locale/en-US.mjs"],"sourcesContent":["import { formatDistance } from \"./en-US/_lib/formatDistance.mjs\";\nimport { formatLong } from \"./en-US/_lib/formatLong.mjs\";\nimport { formatRelative } from \"./en-US/_lib/formatRelative.mjs\";\nimport { localize } from \"./en-US/_lib/localize.mjs\";\nimport { match } from \"./en-US/_lib/match.mjs\";\n\n/**\n * @category Locales\n * @summary English locale (United States).\n * @language English\n * @iso-639-2 eng\n * @author Sasha Koss [@kossnocorp](https://github.com/kossnocorp)\n * @author Lesha Koss [@leshakoss](https://github.com/leshakoss)\n */\nexport const enUS = {\n code: \"en-US\",\n formatDistance: formatDistance,\n formatLong: formatLong,\n formatRelative: formatRelative,\n localize: localize,\n match: match,\n options: {\n weekStartsOn: 0 /* Sunday */,\n firstWeekContainsDate: 1,\n },\n};\n\n// Fallback for modularized imports:\nexport default enUS;\n"],"names":["enUS","formatDistance","formatLong","formatRelative","localize","match"],"mappings":";;;;;AAcY,MAACA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,gBAAgBC;AAAA,EAChB,YAAYC;AAAA,EACZ,gBAAgBC;AAAA,EAChB,UAAUC;AAAA,EACV,OAAOC;AAAA,EACP,SAAS;AAAA,IACP,cAAc;AAAA,IACd,uBAAuB;AAAA,EAC3B;AACA;","x_google_ignoreList":[0]}
@@ -1,34 +1,45 @@
1
- import { jsxs as c, Fragment as n, jsx as r } from "react/jsx-runtime";
2
- import { IconCheckMark as i, IconExclamationMarkTriangle as l } from "@frontify/fondue-icons";
3
- import { useTranslation as m } from "./fondue-components43.js";
4
- import s from "./fondue-components134.js";
5
- const f = ({ status: o, hasError: a, dataTestId: e }) => {
6
- const { t } = m();
7
- return /* @__PURE__ */ c(n, { children: [
8
- o === "success" ? /* @__PURE__ */ r(
9
- i,
10
- {
11
- size: 16,
12
- className: s.iconSuccess,
13
- "data-test-id": `${e}-success-icon`,
14
- "aria-hidden": "true"
15
- }
16
- ) : null,
17
- a ? /* @__PURE__ */ c(n, { children: [
18
- /* @__PURE__ */ r(
19
- l,
20
- {
21
- size: 16,
22
- className: s.iconError,
23
- "data-test-id": `${e}-error-icon`,
24
- "aria-hidden": "true"
25
- }
26
- ),
27
- /* @__PURE__ */ r("span", { className: s.srOnly, role: "alert", children: t("Select_error") })
28
- ] }) : null
29
- ] });
1
+ const i = (r) => {
2
+ if (r)
3
+ return {
4
+ year: r.getFullYear(),
5
+ // Month is 0-indexed in JavaScript, so we add 1 to get the correct month
6
+ month: r.getMonth() + 1,
7
+ day: r.getDate()
8
+ };
9
+ }, t = (r) => {
10
+ if (r)
11
+ return new Date(r.year, r.month - 1, r.day);
12
+ }, m = (r) => {
13
+ const n = i(r == null ? void 0 : r.from), o = i(r == null ? void 0 : r.to);
14
+ if (!(!n || !o))
15
+ return {
16
+ from: n,
17
+ to: o
18
+ };
19
+ }, u = (r) => {
20
+ if (r)
21
+ return {
22
+ from: t(r.from),
23
+ to: t(r.to)
24
+ };
25
+ }, c = (r) => {
26
+ if (!r)
27
+ return;
28
+ const o = (Array.isArray(r) ? r : [r]).flatMap((f) => {
29
+ if ("before" in f) {
30
+ const s = t(f.before);
31
+ return s ? [{ before: s }] : [];
32
+ }
33
+ const e = t(f.after);
34
+ return e ? [{ after: e }] : [];
35
+ });
36
+ return o.length > 0 ? o : void 0;
30
37
  };
31
38
  export {
32
- f as StatusIcons
39
+ t as transformDatePickerDateToDate,
40
+ u as transformDateRangeToPickerDateRange,
41
+ i as transformDateToDatePickerDate,
42
+ c as transformDisabledDates,
43
+ m as transformPickerDateRangeToDateRange
33
44
  };
34
45
  //# sourceMappingURL=fondue-components149.js.map