@frontify/fondue-components 29.0.1 → 29.1.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.
- package/dist/fondue-components111.js +3 -15
- package/dist/fondue-components111.js.map +1 -1
- package/dist/fondue-components112.js +5 -127
- package/dist/fondue-components112.js.map +1 -1
- package/dist/fondue-components113.js +14 -11
- package/dist/fondue-components113.js.map +1 -1
- package/dist/fondue-components114.js +17 -36
- package/dist/fondue-components114.js.map +1 -1
- package/dist/fondue-components115.js +111 -14
- package/dist/fondue-components115.js.map +1 -1
- package/dist/fondue-components116.js +12 -14
- package/dist/fondue-components116.js.map +1 -1
- package/dist/fondue-components117.js +16 -110
- package/dist/fondue-components117.js.map +1 -1
- package/dist/fondue-components118.js +10 -10
- package/dist/fondue-components118.js.map +1 -1
- package/dist/fondue-components119.js +17 -17
- package/dist/fondue-components119.js.map +1 -1
- package/dist/fondue-components120.js +126 -12
- package/dist/fondue-components120.js.map +1 -1
- package/dist/fondue-components121.js +11 -217
- package/dist/fondue-components121.js.map +1 -1
- package/dist/fondue-components122.js +34 -17
- package/dist/fondue-components122.js.map +1 -1
- package/dist/fondue-components123.js +214 -14
- package/dist/fondue-components123.js.map +1 -1
- package/dist/fondue-components124.js +17 -149
- package/dist/fondue-components124.js.map +1 -1
- package/dist/fondue-components125.js +16 -44
- package/dist/fondue-components125.js.map +1 -1
- package/dist/fondue-components126.js +150 -4
- package/dist/fondue-components126.js.map +1 -1
- package/dist/fondue-components127.js +44 -4
- package/dist/fondue-components127.js.map +1 -1
- package/dist/fondue-components128.js +31 -18
- package/dist/fondue-components128.js.map +1 -1
- package/dist/fondue-components131.js +170 -6
- package/dist/fondue-components131.js.map +1 -1
- package/dist/fondue-components132.js +60 -12
- package/dist/fondue-components132.js.map +1 -1
- package/dist/fondue-components133.js +9 -71
- package/dist/fondue-components133.js.map +1 -1
- package/dist/fondue-components134.js +255 -14
- package/dist/fondue-components134.js.map +1 -1
- package/dist/fondue-components135.js +6 -7
- package/dist/fondue-components135.js.map +1 -1
- package/dist/fondue-components136.js +11 -88
- package/dist/fondue-components136.js.map +1 -1
- package/dist/fondue-components137.js +69 -79
- package/dist/fondue-components137.js.map +1 -1
- package/dist/fondue-components138.js +14 -30
- package/dist/fondue-components138.js.map +1 -1
- package/dist/fondue-components139.js +7 -170
- package/dist/fondue-components139.js.map +1 -1
- package/dist/fondue-components140.js +86 -57
- package/dist/fondue-components140.js.map +1 -1
- package/dist/fondue-components141.js +81 -9
- package/dist/fondue-components141.js.map +1 -1
- package/dist/fondue-components142.js +29 -254
- package/dist/fondue-components142.js.map +1 -1
- package/dist/fondue-components145.js +2 -2
- package/dist/fondue-components147.js +2 -2
- package/dist/fondue-components148.js +1 -1
- package/dist/fondue-components43.js +2 -2
- package/dist/fondue-components50.js +1 -1
- package/dist/fondue-components60.js +10 -10
- package/dist/fondue-components60.js.map +1 -1
- package/dist/fondue-components61.js +3 -3
- package/dist/fondue-components62.js +2 -2
- package/dist/fondue-components74.js +2 -2
- package/dist/fondue-components77.js +1 -1
- package/dist/fondue-components78.js +1 -1
- package/dist/fondue-components79.js +1 -1
- package/dist/fondue-components82.js +1 -1
- package/dist/fondue-components84.js +2 -2
- package/dist/fondue-components90.js +2 -2
- package/dist/fondue-components91.js +2 -2
- package/dist/fondue-components92.js +2 -2
- package/dist/fondue-components93.js +2 -2
- package/dist/fondue-components94.js +1 -1
- package/dist/fondue-components95.js +1 -1
- package/dist/index.d.ts +4 -4
- package/dist/style.css +1 -1
- package/package.json +3 -3
|
@@ -1,12 +1,84 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import * as p from "@radix-ui/react-popover";
|
|
3
|
+
import { Slot as M } from "@radix-ui/react-slot";
|
|
4
|
+
import { isValidElement as T } from "react";
|
|
5
|
+
import { useFondueTheme as E, ThemeProvider as F } from "./fondue-components39.js";
|
|
6
|
+
import a from "./fondue-components127.js";
|
|
7
|
+
import { recursiveMap as R, getSelectOptionValue as _ } from "./fondue-components149.js";
|
|
8
|
+
const j = ({
|
|
9
|
+
highlightedIndex: l,
|
|
10
|
+
getMenuProps: u,
|
|
11
|
+
getItemProps: m,
|
|
12
|
+
children: f,
|
|
13
|
+
filterText: d,
|
|
14
|
+
align: h,
|
|
15
|
+
side: P,
|
|
16
|
+
selectedItemValues: o,
|
|
17
|
+
hasInteractedSinceOpening: S,
|
|
18
|
+
viewportCollisionPadding: g = "compact",
|
|
19
|
+
onEscapeKeyDown: v
|
|
20
|
+
}) => {
|
|
21
|
+
const O = (e) => {
|
|
22
|
+
e.preventDefault();
|
|
23
|
+
}, N = {
|
|
24
|
+
compact: 8,
|
|
25
|
+
spacious: 24
|
|
26
|
+
}, { theme: A, dir: n } = E(), C = (e) => n === "ltr" ? e : e === "left" ? "right" : e === "right" ? "left" : e;
|
|
27
|
+
return /* @__PURE__ */ r(p.Portal, { children: /* @__PURE__ */ r(F, { theme: A, dir: n, children: /* @__PURE__ */ r(
|
|
28
|
+
p.Content,
|
|
29
|
+
{
|
|
30
|
+
dir: n,
|
|
31
|
+
align: h,
|
|
32
|
+
side: C(P),
|
|
33
|
+
collisionPadding: N[g] + 8,
|
|
34
|
+
onOpenAutoFocus: O,
|
|
35
|
+
onEscapeKeyDown: v,
|
|
36
|
+
className: a.portal,
|
|
37
|
+
children: /* @__PURE__ */ r(
|
|
38
|
+
"ul",
|
|
39
|
+
{
|
|
40
|
+
className: a.menu,
|
|
41
|
+
...u({}, { suppressRefError: !0 }),
|
|
42
|
+
"data-has-interacted": S ? "true" : "false",
|
|
43
|
+
"data-test-id": "fondue-select-menu",
|
|
44
|
+
children: R(
|
|
45
|
+
f,
|
|
46
|
+
(e, s) => {
|
|
47
|
+
if (((t) => (
|
|
48
|
+
// @ts-expect-error - We are explicitly checking for ref
|
|
49
|
+
T(t) && t.ref !== void 0
|
|
50
|
+
))(e)) {
|
|
51
|
+
const t = _(e.props), i = m({
|
|
52
|
+
item: t,
|
|
53
|
+
index: s,
|
|
54
|
+
...e.ref ? { ref: e.ref } : {}
|
|
55
|
+
}), c = o == null ? void 0 : o.includes(t.value);
|
|
56
|
+
return /* @__PURE__ */ r(
|
|
57
|
+
M,
|
|
58
|
+
{
|
|
59
|
+
className: a.item,
|
|
60
|
+
"data-highlighted": l === s,
|
|
61
|
+
"data-selected": c,
|
|
62
|
+
onTouchStart: (D) => {
|
|
63
|
+
i.onClick && i.onClick(D);
|
|
64
|
+
},
|
|
65
|
+
...i,
|
|
66
|
+
"aria-selected": c,
|
|
67
|
+
children: e
|
|
68
|
+
},
|
|
69
|
+
e.props.value
|
|
70
|
+
);
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
d
|
|
74
|
+
).parsedChildren
|
|
75
|
+
}
|
|
76
|
+
)
|
|
77
|
+
}
|
|
78
|
+
) }) });
|
|
79
|
+
};
|
|
80
|
+
j.displayName = "Select.Menu";
|
|
9
81
|
export {
|
|
10
|
-
|
|
82
|
+
j as SelectMenu
|
|
11
83
|
};
|
|
12
84
|
//# sourceMappingURL=fondue-components141.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fondue-components141.js","sources":["
|
|
1
|
+
{"version":3,"file":"fondue-components141.js","sources":["../src/components/Select/components/SelectMenu.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport * as RadixPopover from '@radix-ui/react-popover';\nimport { Slot as RadixSlot } from '@radix-ui/react-slot';\nimport { type UseComboboxPropGetters, type UseSelectPropGetters } from 'downshift';\nimport { isValidElement, type ForwardedRef, type MouseEvent, type ReactElement, type ReactNode } from 'react';\n\nimport { ThemeProvider, useFondueTheme } from '#/components/ThemeProvider/ThemeProvider';\n\nimport styles from '../styles/select.module.scss';\nimport { getSelectOptionValue, recursiveMap } from '../utils';\n\nimport { type SelectItemProps } from './SelectItem';\n\nexport type SelectMenuViewportCollisionPadding = 'compact' | 'spacious';\n\nexport type SelectMenuProps = {\n /**\n * @internal\n * The index of the highlighted item in the menu.\n */\n highlightedIndex: number;\n /**\n * @internal\n * Callback function to retrieve the props for a menu element.\n */\n getMenuProps: UseSelectPropGetters<unknown>['getMenuProps'] | UseComboboxPropGetters<unknown>['getMenuProps'];\n /**\n * @internal\n * Callback function to retrieve the props for a item element.\n */\n getItemProps: UseSelectPropGetters<unknown>['getItemProps'] | UseComboboxPropGetters<unknown>['getItemProps'];\n /**\n * @internal\n * The children of the menu component. This can contain multiple `Select.Item` or `Select.Group` components.\n */\n children: ReactNode;\n /**\n * @internal\n * The filter text shown in the combobox input element.\n */\n filterText?: string;\n /**\n * @internal\n * The alignment of the menu.\n */\n align: 'start' | 'center' | 'end';\n /**\n * @internal\n * Defines the preferred side of the select. It will not be respected if there are collisions with the viewport.\n * @default \"bottom\"\n */\n side: 'left' | 'right' | 'bottom' | 'top';\n /**\n * @internal\n * The type of the menu.\n */\n selectedItemValues?: string[];\n /**\n * @internal\n * A boolean to indicate if highlighted item was changed since opening the menu.\n * This is used to determine the style of the selected/highlighted item.\n */\n hasInteractedSinceOpening?: boolean;\n /**\n * Define the minimum distance between the select menu and the viewport edge\n * @default 'compact'\n */\n viewportCollisionPadding?: SelectMenuViewportCollisionPadding;\n /**\n * @internal\n * Event handler called when the escape key is pressed.\n */\n onEscapeKeyDown?: (event: KeyboardEvent) => void;\n};\n\nexport const SelectMenu = ({\n highlightedIndex,\n getMenuProps,\n getItemProps,\n children,\n filterText,\n align,\n side,\n selectedItemValues,\n hasInteractedSinceOpening,\n viewportCollisionPadding = 'compact',\n onEscapeKeyDown,\n}: SelectMenuProps) => {\n const handleOnOpenAutoFocus = (event: Event) => {\n event.preventDefault();\n };\n\n const VIEWPORT_COLLISION_PADDING_MAP: Record<SelectMenuViewportCollisionPadding, number> = {\n compact: 8,\n spacious: 24,\n };\n\n const { theme, dir } = useFondueTheme();\n\n const getAdjustedSide = (side: 'left' | 'right' | 'bottom' | 'top') => {\n if (dir === 'ltr') {\n return side;\n }\n\n if (side === 'left') {\n return 'right';\n }\n if (side === 'right') {\n return 'left';\n }\n\n return side;\n };\n\n return (\n <RadixPopover.Portal>\n <ThemeProvider theme={theme} dir={dir}>\n <RadixPopover.Content\n dir={dir}\n align={align}\n side={getAdjustedSide(side)}\n collisionPadding={VIEWPORT_COLLISION_PADDING_MAP[viewportCollisionPadding] + 8}\n onOpenAutoFocus={handleOnOpenAutoFocus}\n onEscapeKeyDown={onEscapeKeyDown}\n className={styles.portal}\n >\n <ul\n className={styles.menu}\n // TODO: fix this accessibility issue\n // We are mounting/unmounting the menu on open/close\n // We should instead toggle its visibility for accessibility reasons\n // https://github.com/downshift-js/downshift?tab=readme-ov-file#getmenuprops\n {...getMenuProps({}, { suppressRefError: true })}\n data-has-interacted={hasInteractedSinceOpening ? 'true' : 'false'}\n data-test-id=\"fondue-select-menu\"\n >\n {\n recursiveMap(\n children,\n (child, index) => {\n const isValid = <TProps,>(\n child: ReactNode,\n ): child is ReactElement<TProps> & { ref: ForwardedRef<HTMLElement> } =>\n // @ts-expect-error - We are explicitly checking for ref\n isValidElement<TProps>(child) && child.ref !== undefined;\n\n if (isValid<SelectItemProps>(child)) {\n const optionData = getSelectOptionValue(child.props);\n const itemProps = getItemProps({\n item: optionData,\n index,\n ...(child.ref ? { ref: child.ref } : {}),\n });\n\n const isSelected = selectedItemValues?.includes(optionData.value);\n\n return (\n <RadixSlot\n className={styles.item}\n data-highlighted={highlightedIndex === index}\n data-selected={isSelected}\n key={child.props.value}\n // Workaround for the issue where the onClick event is not fired on touch devices because of portal usage\n onTouchStart={(event) => {\n if (itemProps.onClick) {\n itemProps.onClick(event as unknown as MouseEvent<HTMLElement>);\n }\n }}\n {...itemProps}\n aria-selected={isSelected}\n >\n {child}\n </RadixSlot>\n );\n }\n },\n filterText,\n ).parsedChildren\n }\n </ul>\n </RadixPopover.Content>\n </ThemeProvider>\n </RadixPopover.Portal>\n );\n};\nSelectMenu.displayName = 'Select.Menu';\n"],"names":["SelectMenu","highlightedIndex","getMenuProps","getItemProps","children","filterText","align","side","selectedItemValues","hasInteractedSinceOpening","viewportCollisionPadding","onEscapeKeyDown","handleOnOpenAutoFocus","event","VIEWPORT_COLLISION_PADDING_MAP","theme","dir","useFondueTheme","getAdjustedSide","RadixPopover","jsx","ThemeProvider","styles","recursiveMap","child","index","isValidElement","optionData","getSelectOptionValue","itemProps","isSelected","RadixSlot"],"mappings":";;;;;;;AA4EO,MAAMA,IAAa,CAAC;AAAA,EACvB,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,0BAAAC,IAA2B;AAAA,EAC3B,iBAAAC;AACJ,MAAuB;AACnB,QAAMC,IAAwB,CAACC,MAAiB;AAC5C,IAAAA,EAAM,eAAA;AAAA,EACV,GAEMC,IAAqF;AAAA,IACvF,SAAS;AAAA,IACT,UAAU;AAAA,EAAA,GAGR,EAAE,OAAAC,GAAO,KAAAC,EAAA,IAAQC,EAAA,GAEjBC,IAAkB,CAACX,MACjBS,MAAQ,QACDT,IAGPA,MAAS,SACF,UAEPA,MAAS,UACF,SAGJA;AAGX,2BACKY,EAAa,QAAb,EACG,UAAA,gBAAAC,EAACC,GAAA,EAAc,OAAAN,GAAc,KAAAC,GACzB,UAAA,gBAAAI;AAAA,IAACD,EAAa;AAAA,IAAb;AAAA,MACG,KAAAH;AAAA,MACA,OAAAV;AAAA,MACA,MAAMY,EAAgBX,CAAI;AAAA,MAC1B,kBAAkBO,EAA+BJ,CAAwB,IAAI;AAAA,MAC7E,iBAAiBE;AAAA,MACjB,iBAAAD;AAAA,MACA,WAAWW,EAAO;AAAA,MAElB,UAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWE,EAAO;AAAA,UAKjB,GAAGpB,EAAa,CAAA,GAAI,EAAE,kBAAkB,IAAM;AAAA,UAC/C,uBAAqBO,IAA4B,SAAS;AAAA,UAC1D,gBAAa;AAAA,UAGT,UAAAc;AAAA,YACInB;AAAA,YACA,CAACoB,GAAOC,MAAU;AAOd,mBANgB,CACZD;AAAAA;AAAAA,gBAGAE,EAAuBF,CAAK,KAAKA,EAAM,QAAQ;AAAA,iBAEtBA,CAAK,GAAG;AACjC,sBAAMG,IAAaC,EAAqBJ,EAAM,KAAK,GAC7CK,IAAY1B,EAAa;AAAA,kBAC3B,MAAMwB;AAAA,kBACN,OAAAF;AAAA,kBACA,GAAID,EAAM,MAAM,EAAE,KAAKA,EAAM,IAAA,IAAQ,CAAA;AAAA,gBAAC,CACzC,GAEKM,IAAatB,KAAA,gBAAAA,EAAoB,SAASmB,EAAW;AAE3D,uBACI,gBAAAP;AAAA,kBAACW;AAAAA,kBAAA;AAAA,oBACG,WAAWT,EAAO;AAAA,oBAClB,oBAAkBrB,MAAqBwB;AAAA,oBACvC,iBAAeK;AAAA,oBAGf,cAAc,CAACjB,MAAU;AACrB,sBAAIgB,EAAU,WACVA,EAAU,QAAQhB,CAA2C;AAAA,oBAErE;AAAA,oBACC,GAAGgB;AAAA,oBACJ,iBAAeC;AAAA,oBAEd,UAAAN;AAAA,kBAAA;AAAA,kBAVIA,EAAM,MAAM;AAAA,gBAAA;AAAA,cAa7B;AAAA,YACJ;AAAA,YACAnB;AAAA,UAAA,EACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAEV;AAAA,EAAA,GAER,EAAA,CACJ;AAER;AACAL,EAAW,cAAc;"}
|
|
@@ -1,259 +1,34 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
o = n;
|
|
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-components42.js";
|
|
4
|
+
import s from "./fondue-components127.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"
|
|
16
15
|
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
|
|
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();
|
|
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
|
+
] });
|
|
238
30
|
};
|
|
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
|
-
}
|
|
249
31
|
export {
|
|
250
|
-
|
|
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
|
|
32
|
+
f as StatusIcons
|
|
258
33
|
};
|
|
259
34
|
//# sourceMappingURL=fondue-components142.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fondue-components142.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
|
+
{"version":3,"file":"fondue-components142.js","sources":["../src/components/Select/components/StatusIcons.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCheckMark, IconExclamationMarkTriangle } from '@frontify/fondue-icons';\nimport { type ReactNode } from 'react';\n\nimport { useTranslation } from '#/hooks/useTranslation';\n\nimport styles from '../styles/select.module.scss';\n\ntype StatusIconsProps = {\n /** The current status of the component. */\n status: 'neutral' | 'success' | 'error';\n /** Whether the component is in an error state (may differ from status when validation is involved). */\n hasError: boolean;\n /** The data-test-id prefix for the icons. */\n dataTestId: string;\n};\n\nexport const StatusIcons = ({ status, hasError, dataTestId }: StatusIconsProps): ReactNode => {\n const { t } = useTranslation();\n return (\n <>\n {status === 'success' ? (\n <IconCheckMark\n size={16}\n className={styles.iconSuccess}\n data-test-id={`${dataTestId}-success-icon`}\n aria-hidden=\"true\"\n />\n ) : null}\n {hasError ? (\n <>\n <IconExclamationMarkTriangle\n size={16}\n className={styles.iconError}\n data-test-id={`${dataTestId}-error-icon`}\n aria-hidden=\"true\"\n />\n <span className={styles.srOnly} role=\"alert\">\n {t('Select_error')}\n </span>\n </>\n ) : null}\n </>\n );\n};\n"],"names":["StatusIcons","status","hasError","dataTestId","useTranslation","jsxs","Fragment","jsx","IconCheckMark","styles","IconExclamationMarkTriangle"],"mappings":";;;;AAkBO,MAAMA,IAAc,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,YAAAC,QAA8C;AAC1F,QAAM,EAAE,EAAA,IAAMC,EAAA;AACd,SACI,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAL,MAAW,YACR,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAM;AAAA,QACN,WAAWC,EAAO;AAAA,QAClB,gBAAc,GAAGN,CAAU;AAAA,QAC3B,eAAY;AAAA,MAAA;AAAA,IAAA,IAEhB;AAAA,IACHD,IACG,gBAAAG,EAAAC,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,WAAWD,EAAO;AAAA,UAClB,gBAAc,GAAGN,CAAU;AAAA,UAC3B,eAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAEhB,gBAAAI,EAAC,UAAK,WAAWE,EAAO,QAAQ,MAAK,SAChC,UAAA,EAAE,cAAc,EAAA,CACrB;AAAA,IAAA,EAAA,CACJ,IACA;AAAA,EAAA,GACR;AAER;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Droppable as rr, Draggable as ir, descriptor as sr, Sensor as ke, configurator as tt, ActivationController as or, Plugin as nt, CorePlugin as Vt, ActivationConstraint as Gt } from "@dnd-kit/abstract";
|
|
2
2
|
import { resolveCustomizable as mi } from "@dnd-kit/abstract";
|
|
3
3
|
import { DOMRectangle as L, ScrollDirection as I, PositionObserver as ar, Listeners as Jt, isElement as te, isKeyboardEvent as rt, scrollIntoViewIfNeeded as lr, getDocument as it, isPointerEvent as cr, isHTMLElement as Qt, getFrameTransform as xe, getEventCoordinates as ne, getDocuments as dr, scheduler as Zt, isInteractiveElement as ur, isTextInput as hr, getRoot as Oe, canScroll as fr, detectScrollIntent as pr, getScrollableAncestors as Lt, isDocument as vr, isShadowRoot as mr, getComputedStyles as en, parseTranslate as tn, getFixedPositionOffset as nn, Styles as gr, supportsPopover as Ft, showPopover as ve, getWindow as rn, prefersReducedMotion as sn, getElementFromPoint as yr, getFrameElement as zt, cloneElement as br, supportsStyle as Nt, generateUniqueId as _r, ProxiedElements as Kt, getFinalKeyframe as wr, animateTransform as Sr } from "./fondue-components146.js";
|
|
4
|
-
import { computed as Xt, deepEqual as Er, effects as kr, reactive as W, derived as Ne } from "./fondue-
|
|
4
|
+
import { computed as Xt, deepEqual as Er, effects as kr, reactive as W, derived as Ne } from "./fondue-components131.js";
|
|
5
5
|
import { Axes as on, Point as xr, Rectangle as an, exceedsDistance as Xe } from "./fondue-components147.js";
|
|
6
6
|
import { defaultCollisionDetection as Or } from "./fondue-components144.js";
|
|
7
|
-
import { untracked as P, signal as ln, effect as Me, batch as Ar } from "./fondue-
|
|
7
|
+
import { untracked as P, signal as ln, effect as Me, batch as Ar } from "./fondue-components134.js";
|
|
8
8
|
var Dr = Object.create, st = Object.defineProperty, Cr = Object.defineProperties, Tr = Object.getOwnPropertyDescriptor, Pr = Object.getOwnPropertyDescriptors, Ae = Object.getOwnPropertySymbols, cn = Object.prototype.hasOwnProperty, dn = Object.prototype.propertyIsEnumerable, un = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), ie = (e) => {
|
|
9
9
|
throw TypeError(e);
|
|
10
10
|
}, Ye = (e, t, n) => t in e ? st(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, De = (e, t) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ValueHistory as W, derived as S } from "./fondue-
|
|
2
|
-
import { batch as G } from "./fondue-
|
|
1
|
+
import { ValueHistory as W, derived as S } from "./fondue-components131.js";
|
|
2
|
+
import { batch as G } from "./fondue-components134.js";
|
|
3
3
|
var N = Object.create, z = Object.defineProperty, T = Object.getOwnPropertyDescriptor, R = Object.getOwnPropertySymbols, B = Object.prototype.hasOwnProperty, J = Object.prototype.propertyIsEnumerable, I = (r, t) => (t = Symbol[r]) ? t : Symbol.for("Symbol." + r), p = (r) => {
|
|
4
4
|
throw TypeError(r);
|
|
5
5
|
}, A = Math.pow, g = (r, t, e) => t in r ? z(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, K = (r, t) => {
|
|
@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
|
|
|
2
2
|
import { IconCross as s } from "@frontify/fondue-icons";
|
|
3
3
|
import { Button as t } from "./fondue-components6.js";
|
|
4
4
|
import { useTranslation as a } from "./fondue-components42.js";
|
|
5
|
-
import l from "./fondue-
|
|
5
|
+
import l from "./fondue-components127.js";
|
|
6
6
|
const f = ({ onClear: r }) => {
|
|
7
7
|
const { t: o } = a();
|
|
8
8
|
return /* @__PURE__ */ e(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import s from "./fondue-
|
|
3
|
-
import { colorToCss as e } from "./fondue-
|
|
2
|
+
import s from "./fondue-components111.js";
|
|
3
|
+
import { colorToCss as e } from "./fondue-components112.js";
|
|
4
4
|
const a = ["default", "positive", "highlight", "warning", "negative"], i = (t) => typeof t == "string" && a.includes(t), p = ({ status: t }) => {
|
|
5
5
|
const o = i(t) ? { "data-status": t } : { style: { backgroundColor: typeof t == "string" ? t : e(t) || "transparent" } };
|
|
6
6
|
return /* @__PURE__ */ r("div", { "data-test-id": "badge-status", className: s.root, ...o });
|
|
@@ -3,7 +3,7 @@ import { IconDroplet as I, IconCross as k, IconCaretDown as v } from "@frontify/
|
|
|
3
3
|
import { forwardRef as P } from "react";
|
|
4
4
|
import { useTranslation as w } from "./fondue-components42.js";
|
|
5
5
|
import { Button as y } from "./fondue-components6.js";
|
|
6
|
-
import a from "./fondue-
|
|
6
|
+
import a from "./fondue-components119.js";
|
|
7
7
|
import { getColorWithName as z, colorToCss as x } from "./fondue-components53.js";
|
|
8
8
|
const c = ({
|
|
9
9
|
id: m,
|
|
@@ -1,40 +1,40 @@
|
|
|
1
1
|
import { jsxs as a, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { IconCalendar as
|
|
2
|
+
import { IconCalendar as N, IconCross as h, IconCaretDown as D } from "@frontify/fondue-icons";
|
|
3
3
|
import { forwardRef as I, useMemo as k } from "react";
|
|
4
4
|
import { useTranslation as y } from "./fondue-components42.js";
|
|
5
5
|
import { Button as P } from "./fondue-components6.js";
|
|
6
|
-
import { getDateDisplayString as w } from "./fondue-
|
|
7
|
-
import t from "./fondue-
|
|
6
|
+
import { getDateDisplayString as w } from "./fondue-components113.js";
|
|
7
|
+
import t from "./fondue-components114.js";
|
|
8
8
|
const n = ({
|
|
9
9
|
id: c,
|
|
10
10
|
selected: s,
|
|
11
11
|
isOpen: m,
|
|
12
12
|
disabled: r = !1,
|
|
13
13
|
onClear: o,
|
|
14
|
-
onClick:
|
|
15
|
-
"data-test-id":
|
|
14
|
+
onClick: l,
|
|
15
|
+
"data-test-id": d = "date-picker-input",
|
|
16
16
|
...p
|
|
17
17
|
}, u) => {
|
|
18
18
|
const { t: f } = y(), i = k(() => w(s), [s]);
|
|
19
|
-
return /* @__PURE__ */ a("div", { id: c, className: t.root, ref: u, "data-test-id":
|
|
19
|
+
return /* @__PURE__ */ a("div", { id: c, className: t.root, ref: u, "data-test-id": d, children: [
|
|
20
20
|
/* @__PURE__ */ a(
|
|
21
21
|
"button",
|
|
22
22
|
{
|
|
23
23
|
className: t.button,
|
|
24
24
|
...p,
|
|
25
25
|
disabled: r,
|
|
26
|
-
onClick:
|
|
26
|
+
onClick: l,
|
|
27
27
|
type: "button",
|
|
28
28
|
"data-date-input-select": !0,
|
|
29
29
|
children: [
|
|
30
|
-
/* @__PURE__ */ e(
|
|
30
|
+
/* @__PURE__ */ e(N, { className: t.icon, size: 16 }),
|
|
31
31
|
i ? /* @__PURE__ */ e("span", { className: t.dateName, children: i }) : /* @__PURE__ */ e("span", { children: f("DatePicker_selectDate") })
|
|
32
32
|
]
|
|
33
33
|
}
|
|
34
34
|
),
|
|
35
35
|
/* @__PURE__ */ a("div", { className: t.actions, children: [
|
|
36
|
-
o && /* @__PURE__ */ e(P, { onPress: o, disabled: r, size: "small", emphasis: "weak", aspect: "square", children: /* @__PURE__ */ e(
|
|
37
|
-
/* @__PURE__ */ e("div", { className: t.caret, "data-state": m ? "open" : "closed", children: /* @__PURE__ */ e(
|
|
36
|
+
o && /* @__PURE__ */ e(P, { onPress: o, disabled: r, size: "small", emphasis: "weak", aspect: "square", children: /* @__PURE__ */ e(h, { className: t.clearIcon, size: 16 }) }),
|
|
37
|
+
/* @__PURE__ */ e("div", { className: t.caret, "data-state": m ? "open" : "closed", children: /* @__PURE__ */ e(D, { size: 16 }) })
|
|
38
38
|
] })
|
|
39
39
|
] });
|
|
40
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fondue-components60.js","sources":["../src/components/DatePicker/DatePickerInput.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCalendar, IconCaretDown, IconCross } from '@frontify/fondue-icons';\nimport { type ForwardedRef, forwardRef, useMemo } from 'react';\n\nimport { useTranslation } from '#/hooks/useTranslation';\nimport { type CommonAriaAttrs } from '#/utilities/types';\n\nimport { Button } from '../Button/Button';\n\nimport { getDateDisplayString } from './helpers/dateDisplayFormatter';\nimport styles from './styles/datePickerInput.module.scss';\nimport { type DatePickerDateRange, type DatePickerDate } from './types';\n\ntype DatePickerInputProps = {\n id?: string;\n /**\n * The active date or date range in the date picker\n */\n selected?: DatePickerDateRange | DatePickerDate;\n /**\n * The open state of the date picker used to determine arrow state\n */\n isOpen?: boolean;\n /**\n * Whether the date picker input is disabled\n */\n disabled?: boolean;\n /**\n * callback for clearing the date\n */\n onClear?: () => void;\n /**\n * Event handler called when the date picker input is clicked\n */\n onClick?: () => void;\n /**\n * The test id of the date picker input\n */\n 'data-test-id'?: string;\n} & CommonAriaAttrs;\n\nexport const DatePickerInput = (\n {\n id,\n selected,\n isOpen,\n disabled = false,\n onClear,\n onClick,\n 'data-test-id': dataTestId = 'date-picker-input',\n ...props\n }: DatePickerInputProps,\n forwardedRef: ForwardedRef<HTMLDivElement>,\n) => {\n const { t } = useTranslation();\n const displayString = useMemo(() => getDateDisplayString(selected), [selected]);\n return (\n <div id={id} className={styles.root} ref={forwardedRef} data-test-id={dataTestId}>\n <button\n className={styles.button}\n {...props}\n disabled={disabled}\n onClick={onClick}\n type=\"button\"\n data-date-input-select\n >\n <IconCalendar size={16} />\n {displayString ? (\n <span className={styles.dateName}>{displayString}</span>\n ) : (\n <span>{t('DatePicker_selectDate')}</span>\n )}\n </button>\n <div className={styles.actions}>\n {onClear && (\n <Button onPress={onClear} disabled={disabled} size=\"small\" emphasis=\"weak\" aspect=\"square\">\n <IconCross className={styles.clearIcon} size={16} />\n </Button>\n )}\n <div className={styles.caret} data-state={isOpen ? 'open' : 'closed'}>\n <IconCaretDown size={16} />\n </div>\n </div>\n </div>\n );\n};\n\nDatePickerInput.displayName = 'DatePicker.Input';\nexport const ForwardedRefDatePickerInput = forwardRef<HTMLDivElement, DatePickerInputProps>(DatePickerInput);\n"],"names":["DatePickerInput","id","selected","isOpen","disabled","onClear","onClick","dataTestId","props","forwardedRef","t","useTranslation","displayString","useMemo","getDateDisplayString","jsxs","styles","jsx","IconCalendar","Button","IconCross","IconCaretDown","ForwardedRefDatePickerInput","forwardRef"],"mappings":";;;;;;;AA0CO,MAAMA,IAAkB,CAC3B;AAAA,EACI,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAgBC,IAAa;AAAA,EAC7B,GAAGC;AACP,GACAC,MACC;AACD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAgBC,EAAQ,MAAMC,EAAqBZ,CAAQ,GAAG,CAACA,CAAQ,CAAC;AAC9E,SACI,gBAAAa,EAAC,SAAI,IAAAd,GAAQ,WAAWe,EAAO,MAAM,KAAKP,GAAc,gBAAcF,GAClE,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC,EAAO;AAAA,QACjB,GAAGR;AAAA,QACJ,UAAAJ;AAAA,QACA,SAAAE;AAAA,QACA,MAAK;AAAA,QACL,0BAAsB;AAAA,QAEtB,UAAA;AAAA,UAAA,gBAAAW,EAACC,GAAA,EAAa,MAAM,
|
|
1
|
+
{"version":3,"file":"fondue-components60.js","sources":["../src/components/DatePicker/DatePickerInput.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconCalendar, IconCaretDown, IconCross } from '@frontify/fondue-icons';\nimport { type ForwardedRef, forwardRef, useMemo } from 'react';\n\nimport { useTranslation } from '#/hooks/useTranslation';\nimport { type CommonAriaAttrs } from '#/utilities/types';\n\nimport { Button } from '../Button/Button';\n\nimport { getDateDisplayString } from './helpers/dateDisplayFormatter';\nimport styles from './styles/datePickerInput.module.scss';\nimport { type DatePickerDateRange, type DatePickerDate } from './types';\n\ntype DatePickerInputProps = {\n id?: string;\n /**\n * The active date or date range in the date picker\n */\n selected?: DatePickerDateRange | DatePickerDate;\n /**\n * The open state of the date picker used to determine arrow state\n */\n isOpen?: boolean;\n /**\n * Whether the date picker input is disabled\n */\n disabled?: boolean;\n /**\n * callback for clearing the date\n */\n onClear?: () => void;\n /**\n * Event handler called when the date picker input is clicked\n */\n onClick?: () => void;\n /**\n * The test id of the date picker input\n */\n 'data-test-id'?: string;\n} & CommonAriaAttrs;\n\nexport const DatePickerInput = (\n {\n id,\n selected,\n isOpen,\n disabled = false,\n onClear,\n onClick,\n 'data-test-id': dataTestId = 'date-picker-input',\n ...props\n }: DatePickerInputProps,\n forwardedRef: ForwardedRef<HTMLDivElement>,\n) => {\n const { t } = useTranslation();\n const displayString = useMemo(() => getDateDisplayString(selected), [selected]);\n return (\n <div id={id} className={styles.root} ref={forwardedRef} data-test-id={dataTestId}>\n <button\n className={styles.button}\n {...props}\n disabled={disabled}\n onClick={onClick}\n type=\"button\"\n data-date-input-select\n >\n <IconCalendar className={styles.icon} size={16} />\n {displayString ? (\n <span className={styles.dateName}>{displayString}</span>\n ) : (\n <span>{t('DatePicker_selectDate')}</span>\n )}\n </button>\n <div className={styles.actions}>\n {onClear && (\n <Button onPress={onClear} disabled={disabled} size=\"small\" emphasis=\"weak\" aspect=\"square\">\n <IconCross className={styles.clearIcon} size={16} />\n </Button>\n )}\n <div className={styles.caret} data-state={isOpen ? 'open' : 'closed'}>\n <IconCaretDown size={16} />\n </div>\n </div>\n </div>\n );\n};\n\nDatePickerInput.displayName = 'DatePicker.Input';\nexport const ForwardedRefDatePickerInput = forwardRef<HTMLDivElement, DatePickerInputProps>(DatePickerInput);\n"],"names":["DatePickerInput","id","selected","isOpen","disabled","onClear","onClick","dataTestId","props","forwardedRef","t","useTranslation","displayString","useMemo","getDateDisplayString","jsxs","styles","jsx","IconCalendar","Button","IconCross","IconCaretDown","ForwardedRefDatePickerInput","forwardRef"],"mappings":";;;;;;;AA0CO,MAAMA,IAAkB,CAC3B;AAAA,EACI,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAgBC,IAAa;AAAA,EAC7B,GAAGC;AACP,GACAC,MACC;AACD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAgBC,EAAQ,MAAMC,EAAqBZ,CAAQ,GAAG,CAACA,CAAQ,CAAC;AAC9E,SACI,gBAAAa,EAAC,SAAI,IAAAd,GAAQ,WAAWe,EAAO,MAAM,KAAKP,GAAc,gBAAcF,GAClE,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC,EAAO;AAAA,QACjB,GAAGR;AAAA,QACJ,UAAAJ;AAAA,QACA,SAAAE;AAAA,QACA,MAAK;AAAA,QACL,0BAAsB;AAAA,QAEtB,UAAA;AAAA,UAAA,gBAAAW,EAACC,GAAA,EAAa,WAAWF,EAAO,MAAM,MAAM,IAAI;AAAA,UAC/CJ,IACG,gBAAAK,EAAC,QAAA,EAAK,WAAWD,EAAO,UAAW,UAAAJ,EAAA,CAAc,IAEjD,gBAAAK,EAAC,QAAA,EAAM,UAAAP,EAAE,uBAAuB,EAAA,CAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAG1C,gBAAAK,EAAC,OAAA,EAAI,WAAWC,EAAO,SAClB,UAAA;AAAA,MAAAX,uBACIc,GAAA,EAAO,SAASd,GAAS,UAAAD,GAAoB,MAAK,SAAQ,UAAS,QAAO,QAAO,UAC9E,4BAACgB,GAAA,EAAU,WAAWJ,EAAO,WAAW,MAAM,IAAI,GACtD;AAAA,MAEJ,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,OAAO,cAAYb,IAAS,SAAS,UACxD,UAAA,gBAAAc,EAACI,GAAA,EAAc,MAAM,IAAI,EAAA,CAC7B;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;AAEArB,EAAgB,cAAc;AACvB,MAAMsB,IAA8BC,EAAiDvB,CAAe;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as c } from "react";
|
|
3
|
-
import { DatePickerCalendar as f } from "./fondue-
|
|
4
|
-
import { useDateRange as R } from "./fondue-
|
|
5
|
-
import { useRangeHover as g } from "./fondue-
|
|
3
|
+
import { DatePickerCalendar as f } from "./fondue-components115.js";
|
|
4
|
+
import { useDateRange as R } from "./fondue-components116.js";
|
|
5
|
+
import { useRangeHover as g } from "./fondue-components117.js";
|
|
6
6
|
const r = ({ "data-test-id": t, onChange: a, selected: o, ...i }, d) => {
|
|
7
7
|
const { selectedDateRange: e, handleSelect: n } = R(o, a), { hoverModifiers: s } = g(e);
|
|
8
8
|
return /* @__PURE__ */ m(
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as c } from "react";
|
|
3
|
-
import { DatePickerCalendar as s } from "./fondue-
|
|
4
|
-
import { useSingleDate as m } from "./fondue-
|
|
3
|
+
import { DatePickerCalendar as s } from "./fondue-components115.js";
|
|
4
|
+
import { useSingleDate as m } from "./fondue-components118.js";
|
|
5
5
|
const e = ({ "data-test-id": t, onChange: r, selected: a, ...i }, o) => {
|
|
6
6
|
const { selectedDate: d, handleSelect: l } = m(a, r);
|
|
7
7
|
return /* @__PURE__ */ n(
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as f } from "react/jsx-runtime";
|
|
2
|
-
import { useSortable as E } from "./fondue-
|
|
2
|
+
import { useSortable as E } from "./fondue-components120.js";
|
|
3
3
|
import { forwardRef as p, useRef as L, useState as v, useCallback as y, useMemo as C, useEffect as H } from "react";
|
|
4
|
-
import { OrderableItemContextProvider as N } from "./fondue-
|
|
4
|
+
import { OrderableItemContextProvider as N } from "./fondue-components121.js";
|
|
5
5
|
import h from "./fondue-components83.js";
|
|
6
6
|
const x = p((o, e) => null);
|
|
7
7
|
x.displayName = "OrderableListItem";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { Slot as m } from "@radix-ui/react-slot";
|
|
3
3
|
import { forwardRef as s } from "react";
|
|
4
|
-
import { useOrderableItemContext as n } from "./fondue-
|
|
4
|
+
import { useOrderableItemContext as n } from "./fondue-components121.js";
|
|
5
5
|
import p from "./fondue-components83.js";
|
|
6
6
|
const a = s(
|
|
7
7
|
({ children: e, asChild: r }, t) => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as n, jsx as l } from "react/jsx-runtime";
|
|
2
2
|
import { IconGrabHandle as o } from "@frontify/fondue-icons";
|
|
3
3
|
import { Slot as m } from "@radix-ui/react-slot";
|
|
4
|
-
import { useOrderableItemContext as t } from "./fondue-
|
|
4
|
+
import { useOrderableItemContext as t } from "./fondue-components121.js";
|
|
5
5
|
import r from "./fondue-components83.js";
|
|
6
6
|
const s = () => {
|
|
7
7
|
const { itemId: e, dragHandleRef: a } = t();
|