@mittwald/flow-react-components 1.2.0-next.13 → 1.2.0-next.15

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 (53) hide show
  1. package/dist/assets/component-index.json +1 -1
  2. package/dist/assets/doc-properties.json +1 -1
  3. package/dist/css/all-layered.css +1 -1
  4. package/dist/css/all.css +1 -1
  5. package/dist/js/_virtual/_10.locale.mjs +3 -9
  6. package/dist/js/_virtual/_11.locale.mjs +9 -3
  7. package/dist/js/_virtual/_12.locale.mjs +3 -9
  8. package/dist/js/_virtual/_4.locale.mjs +9 -3
  9. package/dist/js/_virtual/_5.locale.mjs +3 -21
  10. package/dist/js/_virtual/_6.locale.mjs +21 -3
  11. package/dist/js/_virtual/_7.locale.mjs +3 -3
  12. package/dist/js/_virtual/_8.locale.mjs +3 -3
  13. package/dist/js/_virtual/_9.locale.mjs +3 -3
  14. package/dist/js/default.mjs +4 -4
  15. package/dist/js/packages/components/src/components/Badge/Badge.mjs +21 -2
  16. package/dist/js/packages/components/src/components/Badge/Badge.mjs.map +1 -1
  17. package/dist/js/packages/components/src/components/Badge/Badge.module.mjs +3 -1
  18. package/dist/js/packages/components/src/components/Badge/Badge.module.mjs.map +1 -1
  19. package/dist/js/packages/components/src/components/Badge/components/ContextualHelpButton/ContextualHelpButton.mjs +25 -0
  20. package/dist/js/packages/components/src/components/Badge/components/ContextualHelpButton/ContextualHelpButton.mjs.map +1 -0
  21. package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/helpers/useCalendarDateRangePresets.mjs +1 -1
  22. package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/TooltipProgressBar.mjs +1 -1
  23. package/dist/js/packages/components/src/components/CodeBlock/CodeBlock.mjs +1 -1
  24. package/dist/js/packages/components/src/components/ComboBox/ComboBox.mjs +1 -1
  25. package/dist/js/packages/components/src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs +1 -1
  26. package/dist/js/packages/components/src/components/CopyButton/CopyButton.mjs +1 -1
  27. package/dist/js/packages/components/src/components/Label/Label.mjs +1 -1
  28. package/dist/js/packages/components/src/components/LightBox/LightBox.mjs +1 -1
  29. package/dist/js/packages/components/src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.mjs +1 -1
  30. package/dist/js/packages/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs +1 -1
  31. package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.mjs +1 -1
  32. package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionDateRange.mjs +1 -1
  33. package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionRadioGroup.mjs +1 -1
  34. package/dist/js/packages/components/src/components/List/components/Header/components/FilterContextMenu/DateRangeFilterPopover.mjs +1 -1
  35. package/dist/js/packages/components/src/components/List/components/Header/components/SortingContextMenu/SortingContextMenu.mjs +1 -1
  36. package/dist/js/packages/components/src/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu.mjs +1 -1
  37. package/dist/js/packages/components/src/components/List/components/Items/components/Item/components/AccordionButton.mjs +1 -1
  38. package/dist/js/packages/components/src/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.mjs +1 -1
  39. package/dist/js/packages/components/src/components/Modal/Modal.mjs +1 -1
  40. package/dist/js/packages/components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.mjs +1 -1
  41. package/dist/js/packages/components/src/components/ProgressBar/components/ProgressBarValue.mjs +1 -1
  42. package/dist/js/packages/components/src/views/ContextualHelpTriggerView.mjs +16 -0
  43. package/dist/js/packages/components/src/views/ContextualHelpTriggerView.mjs.map +1 -0
  44. package/dist/types/components/Badge/Badge.browser.test.d.ts +2 -0
  45. package/dist/types/components/Badge/Badge.browser.test.d.ts.map +1 -0
  46. package/dist/types/components/Badge/Badge.d.ts.map +1 -1
  47. package/dist/types/components/Badge/components/ContextualHelpButton/ContextualHelpButton.d.ts +14 -0
  48. package/dist/types/components/Badge/components/ContextualHelpButton/ContextualHelpButton.d.ts.map +1 -0
  49. package/dist/types/components/Badge/components/ContextualHelpButton/index.d.ts +3 -0
  50. package/dist/types/components/Badge/components/ContextualHelpButton/index.d.ts.map +1 -0
  51. package/dist/types/components/Badge/stories/Default.stories.d.ts +1 -0
  52. package/dist/types/components/Badge/stories/Default.stories.d.ts.map +1 -1
  53. package/package.json +9 -9
package/dist/js/_virtual/_10.locale.mjs CHANGED
@@ -1,15 +1,9 @@
1
1
  "use client"
2
2
  /* */
3
- //#region \0.locale.json@cbc1b50fe3e51afbdb1b35a65308b79e
3
+ //#region \0.locale.json@51592c7dce2c58889664b6822f25f6d1
4
4
  var __locale_default = {
5
- "de-DE": {
6
- "showLess": "Weniger anzeigen",
7
- "showMore": "Mehr anzeigen"
8
- },
9
- "en-US": {
10
- "showLess": "Show less",
11
- "showMore": "Show more"
12
- }
5
+ "de-DE": { "copy": "Kopieren" },
6
+ "en-US": { "copy": "Copy" }
13
7
  };
14
8
  //#endregion
15
9
  export { __locale_default as default };
package/dist/js/_virtual/_11.locale.mjs CHANGED
@@ -1,9 +1,15 @@
1
1
  "use client"
2
2
  /* */
3
- //#region \0.locale.json@51dcf4944c990e2cbe26472300dae78d
3
+ //#region \0.locale.json@cbc1b50fe3e51afbdb1b35a65308b79e
4
4
  var __locale_default = {
5
- "de-DE": { "showOptions": "Auswahlmöglichkeiten anzeigen" },
6
- "en-US": { "showOptions": "Show options" }
5
+ "de-DE": {
6
+ "showLess": "Weniger anzeigen",
7
+ "showMore": "Mehr anzeigen"
8
+ },
9
+ "en-US": {
10
+ "showLess": "Show less",
11
+ "showMore": "Show more"
12
+ }
7
13
  };
8
14
  //#endregion
9
15
  export { __locale_default as default };
package/dist/js/_virtual/_12.locale.mjs CHANGED
@@ -1,15 +1,9 @@
1
1
  "use client"
2
2
  /* */
3
- //#region \0.locale.json@df0c8534e2e4f7c6c3d4365218df7347
3
+ //#region \0.locale.json@51dcf4944c990e2cbe26472300dae78d
4
4
  var __locale_default = {
5
- "de-DE": {
6
- "moreInformation": "Weitere Informationen",
7
- "moreInformationAbout": "Weitere Informationen zu {subject}"
8
- },
9
- "en-US": {
10
- "moreInformation": "More information",
11
- "moreInformationAbout": "More information about {subject}"
12
- }
5
+ "de-DE": { "showOptions": "Auswahlmöglichkeiten anzeigen" },
6
+ "en-US": { "showOptions": "Show options" }
13
7
  };
14
8
  //#endregion
15
9
  export { __locale_default as default };
package/dist/js/_virtual/_4.locale.mjs CHANGED
@@ -1,9 +1,15 @@
1
1
  "use client"
2
2
  /* */
3
- //#region \0.locale.json@24d7079ce80a619bbdda6dfcc8289f94
3
+ //#region \0.locale.json@df0c8534e2e4f7c6c3d4365218df7347
4
4
  var __locale_default = {
5
- "de-DE": { "remove": "Entfernen" },
6
- "en-US": { "remove": "Remove" }
5
+ "de-DE": {
6
+ "moreInformation": "Weitere Informationen",
7
+ "moreInformationAbout": "Weitere Informationen zu {subject}"
8
+ },
9
+ "en-US": {
10
+ "moreInformation": "More information",
11
+ "moreInformationAbout": "More information about {subject}"
12
+ }
7
13
  };
8
14
  //#endregion
9
15
  export { __locale_default as default };
package/dist/js/_virtual/_5.locale.mjs CHANGED
@@ -1,27 +1,9 @@
1
1
  "use client"
2
2
  /* */
3
- //#region \0.locale.json@aaaa2422dd023a875e13abc0d3d178ce
3
+ //#region \0.locale.json@24d7079ce80a619bbdda6dfcc8289f94
4
4
  var __locale_default = {
5
- "de-DE": {
6
- "preset.lastMonth": "Letzten Monat",
7
- "preset.lastWeek": "Letzte Woche",
8
- "preset.lastYear": "Letztes Jahr",
9
- "preset.thisMonth": "Diesen Monat",
10
- "preset.thisWeek": "Diese Woche",
11
- "preset.thisYear": "Dieses Jahr",
12
- "preset.today": "Heute",
13
- "preset.yesterday": "Gestern"
14
- },
15
- "en-US": {
16
- "preset.lastMonth": "Last month",
17
- "preset.lastWeek": "Last week",
18
- "preset.lastYear": "Last year",
19
- "preset.thisMonth": "This month",
20
- "preset.thisWeek": "This week",
21
- "preset.thisYear": "This year",
22
- "preset.today": "Today",
23
- "preset.yesterday": "Yesterday"
24
- }
5
+ "de-DE": { "remove": "Entfernen" },
6
+ "en-US": { "remove": "Remove" }
25
7
  };
26
8
  //#endregion
27
9
  export { __locale_default as default };
package/dist/js/_virtual/_6.locale.mjs CHANGED
@@ -1,9 +1,27 @@
1
1
  "use client"
2
2
  /* */
3
- //#region \0.locale.json@162914df08c90e5e10d2f78b03d9d768
3
+ //#region \0.locale.json@aaaa2422dd023a875e13abc0d3d178ce
4
4
  var __locale_default = {
5
- "de-DE": { "progressBar.of": "von" },
6
- "en-US": { "progressBar.of": "of" }
5
+ "de-DE": {
6
+ "preset.lastMonth": "Letzten Monat",
7
+ "preset.lastWeek": "Letzte Woche",
8
+ "preset.lastYear": "Letztes Jahr",
9
+ "preset.thisMonth": "Diesen Monat",
10
+ "preset.thisWeek": "Diese Woche",
11
+ "preset.thisYear": "Dieses Jahr",
12
+ "preset.today": "Heute",
13
+ "preset.yesterday": "Gestern"
14
+ },
15
+ "en-US": {
16
+ "preset.lastMonth": "Last month",
17
+ "preset.lastWeek": "Last week",
18
+ "preset.lastYear": "Last year",
19
+ "preset.thisMonth": "This month",
20
+ "preset.thisWeek": "This week",
21
+ "preset.thisYear": "This year",
22
+ "preset.today": "Today",
23
+ "preset.yesterday": "Yesterday"
24
+ }
7
25
  };
8
26
  //#endregion
9
27
  export { __locale_default as default };
package/dist/js/_virtual/_7.locale.mjs CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client"
2
2
  /* */
3
- //#region \0.locale.json@3b9d9e153ad753f427f375d1275fbcad
3
+ //#region \0.locale.json@162914df08c90e5e10d2f78b03d9d768
4
4
  var __locale_default = {
5
- "de-DE": { "optional": "(optional)" },
6
- "en-US": { "optional": "(optional)" }
5
+ "de-DE": { "progressBar.of": "von" },
6
+ "en-US": { "progressBar.of": "of" }
7
7
  };
8
8
  //#endregion
9
9
  export { __locale_default as default };
package/dist/js/_virtual/_8.locale.mjs CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client"
2
2
  /* */
3
- //#region \0.locale.json@774f50b2495c87d6d13911bcd596e720
3
+ //#region \0.locale.json@3b9d9e153ad753f427f375d1275fbcad
4
4
  var __locale_default = {
5
- "de-DE": { "tooltip.progressBar.total": "Gesamt" },
6
- "en-US": { "tooltip.progressBar.total": "Total" }
5
+ "de-DE": { "optional": "(optional)" },
6
+ "en-US": { "optional": "(optional)" }
7
7
  };
8
8
  //#endregion
9
9
  export { __locale_default as default };
package/dist/js/_virtual/_9.locale.mjs CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client"
2
2
  /* */
3
- //#region \0.locale.json@51592c7dce2c58889664b6822f25f6d1
3
+ //#region \0.locale.json@774f50b2495c87d6d13911bcd596e720
4
4
  var __locale_default = {
5
- "de-DE": { "copy": "Kopieren" },
6
- "en-US": { "copy": "Copy" }
5
+ "de-DE": { "tooltip.progressBar.total": "Gesamt" },
6
+ "en-US": { "tooltip.progressBar.total": "Total" }
7
7
  };
8
8
  //#endregion
9
9
  export { __locale_default as default };
package/dist/js/default.mjs CHANGED
@@ -183,6 +183,10 @@ import { Popover } from "./packages/components/src/components/Popover/Popover.mj
183
183
  import { Autocomplete } from "./packages/components/src/components/Autocomplete/Autocomplete.mjs";
184
184
  import { Avatar } from "./packages/components/src/components/Avatar/Avatar.mjs";
185
185
  import { AvatarStack } from "./packages/components/src/components/AvatarStack/AvatarStack.mjs";
186
+ import { DialogTrigger } from "./packages/components/src/components/OverlayTrigger/components/DialogTrigger/DialogTrigger.mjs";
187
+ import { MenuTrigger } from "./packages/components/src/components/OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs";
188
+ import { OverlayTrigger } from "./packages/components/src/components/OverlayTrigger/OverlayTrigger.mjs";
189
+ import { ContextualHelpTrigger } from "./packages/components/src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs";
186
190
  import { Badge } from "./packages/components/src/components/Badge/Badge.mjs";
187
191
  import { BigNumber } from "./packages/components/src/components/BigNumber/BigNumber.mjs";
188
192
  import { Breadcrumb } from "./packages/components/src/components/Breadcrumb/Breadcrumb.mjs";
@@ -234,13 +238,9 @@ import { ComponentDefaultsContext, ComponentDefaultsProvider, useComponentDefaul
234
238
  import { Content } from "./packages/components/src/components/Content/Content.mjs";
235
239
  import { ContextMenuContent } from "./packages/components/src/components/ContextMenu/components/ContextMenuContent/ContextMenuContent.mjs";
236
240
  import { ContextMenu } from "./packages/components/src/components/ContextMenu/ContextMenu.mjs";
237
- import { DialogTrigger } from "./packages/components/src/components/OverlayTrigger/components/DialogTrigger/DialogTrigger.mjs";
238
- import { MenuTrigger } from "./packages/components/src/components/OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs";
239
- import { OverlayTrigger } from "./packages/components/src/components/OverlayTrigger/OverlayTrigger.mjs";
240
241
  import { ContextMenuTrigger } from "./packages/components/src/components/ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs";
241
242
  import { ContextMenuSection } from "./packages/components/src/components/ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs";
242
243
  import { ContextualHelp } from "./packages/components/src/components/ContextualHelp/ContextualHelp.mjs";
243
- import { ContextualHelpTrigger } from "./packages/components/src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs";
244
244
  import { CounterBadge } from "./packages/components/src/components/CounterBadge/CounterBadge.mjs";
245
245
  import { Option } from "./packages/components/src/components/Option/Option.mjs";
246
246
  import { CountryOptions } from "./packages/components/src/components/CountryOptions/CountryOptions.mjs";
package/dist/js/packages/components/src/components/Badge/Badge.mjs CHANGED
@@ -6,16 +6,23 @@ import { alphaColors, isAlphaColor } from "../../lib/types/props.mjs";
6
6
  import { IconClose } from "../Icon/components/icons/IconClose.mjs";
7
7
  import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
8
8
  import { Button } from "../Button/Button.mjs";
9
+ import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
9
10
  import Badge_module_default from "./Badge.module.mjs";
10
- import __locale_default from "../../../../../_virtual/_4.locale.mjs";
11
+ import { ContextualHelpButton } from "./components/ContextualHelpButton/ContextualHelpButton.mjs";
12
+ import __locale_default from "../../../../../_virtual/_5.locale.mjs";
11
13
  import clsx from "clsx";
12
14
  import { jsx, jsxs } from "react/jsx-runtime";
13
15
  [...alphaColors];
16
+ var contextualHelpTunnel = {
17
+ id: "contextualHelp",
18
+ component: "Badge"
19
+ };
14
20
  /** @flr-generate all */
15
21
  var Badge = flowComponent("Badge", (props) => {
16
22
  const { children, className, color = "neutral", ref, onPress, onClose, isDisabled, ...rest } = props;
17
23
  const stringFormatter = useLocalizedStringFormatter(__locale_default, "Badge");
18
24
  const rootClassName = clsx(Badge_module_default.badge, Badge_module_default[color], isDisabled && Badge_module_default.disabled, className);
25
+ const buttonColor = isAlphaColor(color) ? color : "dark";
19
26
  const propsContext = {
20
27
  Label: {
21
28
  elementType: "span",
@@ -36,6 +43,14 @@ var Badge = flowComponent("Badge", (props) => {
36
43
  elementType: "span",
37
44
  className: Badge_module_default.value
38
45
  }
46
+ },
47
+ ContextualHelp: {
48
+ tunnel: contextualHelpTunnel,
49
+ wrapWith: /* @__PURE__ */ jsx(ContextualHelpButton, {
50
+ className: Badge_module_default.action,
51
+ color: buttonColor,
52
+ isDisabled
53
+ })
39
54
  }
40
55
  };
41
56
  return /* @__PURE__ */ jsx(PropsContextProvider, {
@@ -56,10 +71,14 @@ var Badge = flowComponent("Badge", (props) => {
56
71
  onPress,
57
72
  children
58
73
  }),
74
+ /* @__PURE__ */ jsx(UiComponentTunnelExit, {
75
+ id: contextualHelpTunnel.id,
76
+ component: "Badge"
77
+ }),
59
78
  onClose && /* @__PURE__ */ jsx(Button, {
60
79
  className: Badge_module_default.close,
61
80
  size: "s",
62
- color: isAlphaColor(color) ? color : "dark",
81
+ color: buttonColor,
63
82
  variant: "plain",
64
83
  onPress: onClose,
65
84
  isDisabled,
package/dist/js/packages/components/src/components/Badge/Badge.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.mjs","names":[],"sources":["../../../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Badge.module.scss\";\nimport clsx from \"clsx\";\nimport {\n alphaColors,\n isAlphaColor,\n type PropsWithClassName,\n} from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PressEvent } from \"@react-types/shared\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"./locales/*.locale.json\";\n\nexport const badgeColors = [\n \"neutral\",\n \"blue\",\n \"navy\",\n \"violet\",\n \"teal\",\n \"lilac\",\n \"green\",\n \"orange\",\n \"red\",\n ...alphaColors,\n] as const;\nexport type BadgeColors = (typeof badgeColors)[number];\n\nexport interface BadgeProps\n extends PropsWithChildren, FlowComponentProps, PropsWithClassName {\n /** Handler that is called when the badge is pressed. */\n onPress?: (e: PressEvent) => void;\n /** Handler that is called when the badges close icon is pressed. */\n onClose?: (e: PressEvent) => void;\n /** The color of the badge. @default \"neutral\" */\n color?: BadgeColors;\n /** Whether the badge is disabled. */\n isDisabled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Badge = flowComponent(\"Badge\", (props) => {\n const {\n children,\n className,\n color = \"neutral\",\n ref,\n onPress,\n onClose,\n isDisabled,\n ...rest\n } = props;\n\n const stringFormatter = useLocalizedStringFormatter(locales, \"Badge\");\n\n const rootClassName = clsx(\n styles.badge,\n styles[color],\n isDisabled && styles.disabled,\n className,\n );\n\n const propsContext: PropsContext = {\n Label: {\n elementType: \"span\",\n className: styles.scope,\n unstyled: true,\n },\n Text: {\n elementType: \"span\",\n className: styles.value,\n },\n Button: {\n Label: {\n elementType: \"span\",\n className: styles.scope,\n unstyled: true,\n },\n Text: {\n elementType: \"span\",\n className: styles.value,\n },\n },\n };\n\n return (\n <PropsContextProvider props={propsContext}>\n <div className={rootClassName} {...rest} ref={ref}>\n {!onPress && <div className={styles.content}>{children}</div>}\n {onPress && (\n <Button\n isDisabled={isDisabled}\n unstyled\n className={styles.button}\n onPress={onPress}\n >\n {children}\n </Button>\n )}\n\n {onClose && (\n <Button\n className={styles.close}\n size=\"s\"\n color={isAlphaColor(color) ? color : \"dark\"}\n variant=\"plain\"\n onPress={onClose}\n isDisabled={isDisabled}\n aria-label={stringFormatter.format(\"remove\")}\n >\n <IconClose />\n </Button>\n )}\n </div>\n </PropsContextProvider>\n );\n});\n\nexport default Badge;\n"],"mappings":";;;;;;;;;;;;AAiB2B,CAUzB,GAAG,WACL;;AAgBA,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EACJ,UACA,WACA,QAAQ,WACR,KACA,SACA,SACA,YACA,GAAG,SACD;CAEJ,MAAM,kBAAkB,4BAA4B,kBAAS,OAAO;CAEpE,MAAM,gBAAgB,KACpB,qBAAO,OACP,qBAAO,QACP,cAAc,qBAAO,UACrB,SACF;CAEA,MAAM,eAA6B;EACjC,OAAO;GACL,aAAa;GACb,WAAW,qBAAO;GAClB,UAAU;EACZ;EACA,MAAM;GACJ,aAAa;GACb,WAAW,qBAAO;EACpB;EACA,QAAQ;GACN,OAAO;IACL,aAAa;IACb,WAAW,qBAAO;IAClB,UAAU;GACZ;GACA,MAAM;IACJ,aAAa;IACb,WAAW,qBAAO;GACpB;EACF;CACF;CAEA,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC3B,UAAA,qBAAC,OAAD;GAAK,WAAW;GAAe,GAAI;GAAW;GAA9C,UAAA;IACG,CAAC,WAAW,oBAAC,OAAD;KAAK,WAAW,qBAAO;KAAU;IAAc,CAAA;IAC3D,WACC,oBAAC,QAAD;KACc;KACZ,UAAA;KACA,WAAW,qBAAO;KACT;KAER;IACK,CAAA;IAGT,WACC,oBAAC,QAAD;KACE,WAAW,qBAAO;KAClB,MAAK;KACL,OAAO,aAAa,KAAK,IAAI,QAAQ;KACrC,SAAQ;KACR,SAAS;KACG;KACZ,cAAY,gBAAgB,OAAO,QAAQ;KAE3C,UAAA,oBAAC,WAAD,CAAY,CAAA;IACN,CAAA;GAEP;;CACe,CAAA;AAE1B,CAAC"}
1
+ {"version":3,"file":"Badge.mjs","names":[],"sources":["../../../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Badge.module.scss\";\nimport clsx from \"clsx\";\nimport {\n alphaColors,\n isAlphaColor,\n type PropsWithClassName,\n} from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PressEvent } from \"@react-types/shared\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport { ContextualHelpButton } from \"@/components/Badge/components/ContextualHelpButton\";\nimport locales from \"./locales/*.locale.json\";\n\nexport const badgeColors = [\n \"neutral\",\n \"blue\",\n \"navy\",\n \"violet\",\n \"teal\",\n \"lilac\",\n \"green\",\n \"orange\",\n \"red\",\n ...alphaColors,\n] as const;\nexport type BadgeColors = (typeof badgeColors)[number];\n\nexport interface BadgeProps\n extends PropsWithChildren, FlowComponentProps, PropsWithClassName {\n /** Handler that is called when the badge is pressed. */\n onPress?: (e: PressEvent) => void;\n /** Handler that is called when the badges close icon is pressed. */\n onClose?: (e: PressEvent) => void;\n /** The color of the badge. @default \"neutral\" */\n color?: BadgeColors;\n /** Whether the badge is disabled. */\n isDisabled?: boolean;\n}\n\nconst contextualHelpTunnel = {\n id: \"contextualHelp\",\n component: \"Badge\",\n} as const;\n\n/** @flr-generate all */\nexport const Badge = flowComponent(\"Badge\", (props) => {\n const {\n children,\n className,\n color = \"neutral\",\n ref,\n onPress,\n onClose,\n isDisabled,\n ...rest\n } = props;\n\n const stringFormatter = useLocalizedStringFormatter(locales, \"Badge\");\n\n const rootClassName = clsx(\n styles.badge,\n styles[color],\n isDisabled && styles.disabled,\n className,\n );\n\n const buttonColor = isAlphaColor(color) ? color : \"dark\";\n\n const propsContext: PropsContext = {\n Label: {\n elementType: \"span\",\n className: styles.scope,\n unstyled: true,\n },\n Text: {\n elementType: \"span\",\n className: styles.value,\n },\n Button: {\n Label: {\n elementType: \"span\",\n className: styles.scope,\n unstyled: true,\n },\n Text: {\n elementType: \"span\",\n className: styles.value,\n },\n },\n ContextualHelp: {\n tunnel: contextualHelpTunnel,\n wrapWith: (\n <ContextualHelpButton\n className={styles.action}\n color={buttonColor}\n isDisabled={isDisabled}\n />\n ),\n },\n };\n\n return (\n <PropsContextProvider props={propsContext}>\n <div className={rootClassName} {...rest} ref={ref}>\n {!onPress && <div className={styles.content}>{children}</div>}\n {onPress && (\n <Button\n isDisabled={isDisabled}\n unstyled\n className={styles.button}\n onPress={onPress}\n >\n {children}\n </Button>\n )}\n\n <UiComponentTunnelExit id={contextualHelpTunnel.id} component=\"Badge\" />\n\n {onClose && (\n <Button\n className={styles.close}\n size=\"s\"\n color={buttonColor}\n variant=\"plain\"\n onPress={onClose}\n isDisabled={isDisabled}\n aria-label={stringFormatter.format(\"remove\")}\n >\n <IconClose />\n </Button>\n )}\n </div>\n </PropsContextProvider>\n );\n});\n\nexport default Badge;\n"],"mappings":";;;;;;;;;;;;;;AAmB2B,CAUzB,GAAG,WACL;AAeA,IAAM,uBAAuB;CAC3B,IAAI;CACJ,WAAW;AACb;;AAGA,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EACJ,UACA,WACA,QAAQ,WACR,KACA,SACA,SACA,YACA,GAAG,SACD;CAEJ,MAAM,kBAAkB,4BAA4B,kBAAS,OAAO;CAEpE,MAAM,gBAAgB,KACpB,qBAAO,OACP,qBAAO,QACP,cAAc,qBAAO,UACrB,SACF;CAEA,MAAM,cAAc,aAAa,KAAK,IAAI,QAAQ;CAElD,MAAM,eAA6B;EACjC,OAAO;GACL,aAAa;GACb,WAAW,qBAAO;GAClB,UAAU;EACZ;EACA,MAAM;GACJ,aAAa;GACb,WAAW,qBAAO;EACpB;EACA,QAAQ;GACN,OAAO;IACL,aAAa;IACb,WAAW,qBAAO;IAClB,UAAU;GACZ;GACA,MAAM;IACJ,aAAa;IACb,WAAW,qBAAO;GACpB;EACF;EACA,gBAAgB;GACd,QAAQ;GACR,UACE,oBAAC,sBAAD;IACE,WAAW,qBAAO;IAClB,OAAO;IACK;GACb,CAAA;EAEL;CACF;CAEA,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC3B,UAAA,qBAAC,OAAD;GAAK,WAAW;GAAe,GAAI;GAAW;GAA9C,UAAA;IACG,CAAC,WAAW,oBAAC,OAAD;KAAK,WAAW,qBAAO;KAAU;IAAc,CAAA;IAC3D,WACC,oBAAC,QAAD;KACc;KACZ,UAAA;KACA,WAAW,qBAAO;KACT;KAER;IACK,CAAA;IAGV,oBAAC,uBAAD;KAAuB,IAAI,qBAAqB;KAAI,WAAU;IAAS,CAAA;IAEtE,WACC,oBAAC,QAAD;KACE,WAAW,qBAAO;KAClB,MAAK;KACL,OAAO;KACP,SAAQ;KACR,SAAS;KACG;KACZ,cAAY,gBAAgB,OAAO,QAAQ;KAE3C,UAAA,oBAAC,WAAD,CAAY,CAAA;IACN,CAAA;GAEP;;CACe,CAAA;AAE1B,CAAC"}
package/dist/js/packages/components/src/components/Badge/Badge.module.mjs CHANGED
@@ -4,6 +4,7 @@
4
4
  var badge = "flow--badge";
5
5
  var content = "flow--badge--content";
6
6
  var button = "flow--badge--button";
7
+ var action = "flow--badge--action";
7
8
  var close = "flow--badge--close";
8
9
  var scope = "flow--badge--scope";
9
10
  var value = "flow--badge--value";
@@ -23,6 +24,7 @@ var Badge_module_default = {
23
24
  badge,
24
25
  content,
25
26
  button,
27
+ action,
26
28
  close,
27
29
  scope,
28
30
  value,
@@ -42,6 +44,6 @@ var Badge_module_default = {
42
44
  "light-static": "flow--badge--light-static"
43
45
  };
44
46
  //#endregion
45
- export { badge, blue, button, close, content, dark, Badge_module_default as default, disabled, green, light, lilac, navy, neutral, orange, red, scope, teal, value, violet };
47
+ export { action, badge, blue, button, close, content, dark, Badge_module_default as default, disabled, green, light, lilac, navy, neutral, orange, red, scope, teal, value, violet };
46
48
 
47
49
  //# sourceMappingURL=Badge.module.mjs.map
package/dist/js/packages/components/src/components/Badge/Badge.module.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.module.mjs","names":[],"sources":["../../../../../../../src/components/Badge/Badge.module.scss"],"sourcesContent":["@use \"@/styles/mixins/focus\";\n@use \"@/styles/mixins/ellipsis\";\n\n.badge {\n display: flex;\n width: fit-content;\n max-width: 100%;\n\n --badge-size: calc(var(--badge--line-height) + var(--badge--padding-y) * 2);\n --content-size: calc(var(--badge-size) - var(--badge--border-width) * 2);\n\n .content,\n .button {\n border-radius: var(--badge--corner-radius);\n border-width: var(--badge--border-width);\n border-style: var(--badge--border-style);\n font-size: var(--badge--font-size);\n font-weight: var(--badge--font-weight);\n padding: 0;\n display: flex;\n overflow: hidden;\n align-items: center;\n height: var(--badge-size);\n line-height: var(--content-size);\n padding-inline: var(--badge--padding-x);\n transition-property: background-color;\n transition-duration: var(--transition--duration--default);\n\n @include ellipsis.ellipsis();\n }\n\n .button,\n .close {\n @include focus.focus;\n }\n\n @extend .neutral;\n\n &:has(.close) {\n .button,\n .content {\n padding-inline-end: calc(var(--content-size) + var(--badge--spacing));\n }\n }\n\n &:has(.scope) {\n .content,\n .button {\n padding: 0;\n }\n\n .value {\n padding-inline: var(--badge--spacing) var(--badge--padding-x);\n }\n\n .scope {\n padding-inline: var(--badge--padding-x) var(--badge--spacing);\n height: 100%;\n flex-shrink: 0;\n }\n\n &:has(.close) {\n .button,\n .content {\n padding-inline-end: var(--content-size);\n\n .value {\n padding-inline-end: var(--badge--spacing);\n }\n }\n }\n }\n\n .close {\n height: var(--content-size);\n padding: calc(var(--badge--padding-y) - var(--badge--border-width));\n border-radius: 0;\n border-end-end-radius: var(--badge-size);\n border-start-end-radius: var(--badge-size);\n margin-inline-start: calc(\n (var(--badge-size) - var(--badge--border-width)) * -1\n );\n margin-top: var(--badge--border-width);\n }\n\n /* Colors */\n\n @mixin color($color) {\n &:where(.#{$color}) {\n .content,\n .button {\n border-color: var(--badge--#{$color}-border-color);\n background-color: var(--badge--#{$color}-background-color--default);\n color: var(--badge--#{$color}-content-color);\n }\n\n &:not(.disabled) {\n .button {\n &:hover {\n background-color: var(--badge--#{$color}-background-color--hover);\n }\n\n &[data-pressed] {\n background-color: var(--badge--#{$color}-background-color--pressed);\n }\n }\n }\n\n .scope {\n background-color: var(--badge--#{$color}-scope-background-color);\n color: var(--badge--#{$color}-scope-content-color);\n }\n }\n }\n\n @include color(\"neutral\");\n @include color(\"blue\");\n @include color(\"navy\");\n @include color(\"violet\");\n @include color(\"teal\");\n @include color(\"lilac\");\n @include color(\"green\");\n @include color(\"orange\");\n @include color(\"red\");\n @include color(\"dark\");\n @include color(\"light\");\n @include color(\"dark-static\");\n @include color(\"light-static\");\n\n &.disabled {\n .content,\n .button {\n border-color: var(--badge--disabled-border-color);\n background-color: var(--badge--disabled-background-color);\n color: var(--badge--disabled-content-color);\n }\n\n .close {\n color: var(--badge--disabled-content-color);\n }\n\n .scope {\n background-color: var(--badge--disabled-scope-background-color);\n color: var(--badge--disabled-scope-content-color);\n }\n }\n\n /* Alpha Colors Disabled */\n\n @mixin alphaColor($color) {\n &.#{$color}.disabled {\n .content,\n .button {\n border-color: var(--badge--disabled-#{$color}-border-color);\n background-color: var(--badge--disabled-#{$color}-background-color);\n color: var(--badge--disabled-#{$color}-content-color);\n }\n\n .close {\n color: var(--badge--disabled-#{$color}-content-color);\n }\n\n .scope {\n background-color: var(\n --badge--disabled-#{$color}-scope-background-color\n );\n color: var(--badge--disabled-#{$color}-scope-content-color);\n }\n }\n }\n\n @include alphaColor(\"dark\");\n @include alphaColor(\"light\");\n @include alphaColor(\"dark-static\");\n @include alphaColor(\"light-static\");\n}\n"],"mappings":""}
1
+ {"version":3,"file":"Badge.module.mjs","names":[],"sources":["../../../../../../../src/components/Badge/Badge.module.scss"],"sourcesContent":["@use \"@/styles/mixins/focus\";\n@use \"@/styles/mixins/ellipsis\";\n\n.badge {\n display: flex;\n width: fit-content;\n max-width: 100%;\n\n --badge-size: calc(var(--badge--line-height) + var(--badge--padding-y) * 2);\n --content-size: calc(var(--badge-size) - var(--badge--border-width) * 2);\n\n .content,\n .button {\n border-radius: var(--badge--corner-radius);\n border-width: var(--badge--border-width);\n border-style: var(--badge--border-style);\n font-size: var(--badge--font-size);\n font-weight: var(--badge--font-weight);\n padding: 0;\n display: flex;\n overflow: hidden;\n align-items: center;\n height: var(--badge-size);\n line-height: var(--content-size);\n padding-inline: var(--badge--padding-x);\n transition-property: background-color;\n transition-duration: var(--transition--duration--default);\n\n @include ellipsis.ellipsis();\n }\n\n .button,\n .action,\n .close {\n @include focus.focus;\n }\n\n @extend .neutral;\n\n &:has(.close),\n &:has(.action) {\n .button,\n .content {\n padding-inline-end: calc(var(--content-size) + var(--badge--spacing));\n }\n }\n\n &:has(.action):has(.close) {\n .button,\n .content {\n padding-inline-end: calc(var(--content-size) * 2 + var(--badge--spacing));\n }\n }\n\n &:has(.scope) {\n .content,\n .button {\n padding: 0;\n }\n\n .value {\n padding-inline: var(--badge--spacing) var(--badge--padding-x);\n }\n\n .scope {\n padding-inline: var(--badge--padding-x) var(--badge--spacing);\n height: 100%;\n flex-shrink: 0;\n }\n\n &:has(.close),\n &:has(.action) {\n .button,\n .content {\n padding-inline-end: var(--content-size);\n\n .value {\n padding-inline-end: var(--badge--spacing);\n }\n }\n }\n\n &:has(.action):has(.close) {\n .button,\n .content {\n padding-inline-end: calc(var(--content-size) * 2);\n }\n }\n }\n\n .action,\n .close {\n height: var(--content-size);\n padding: calc(var(--badge--padding-y) - var(--badge--border-width));\n border-radius: 0;\n margin-inline-start: calc(\n (var(--content-size) + var(--badge--border-width)) * -1\n );\n margin-top: var(--badge--border-width);\n }\n\n /* The trailing button rounds off the badge */\n .close,\n &:not(:has(.close)) .action {\n border-end-end-radius: var(--badge-size);\n border-start-end-radius: var(--badge-size);\n }\n\n &:has(.action):has(.close) {\n .action {\n margin-inline-start: calc(\n (var(--content-size) * 2 + var(--badge--border-width)) * -1\n );\n }\n\n .close {\n margin-inline-start: 0;\n }\n }\n\n /* Colors */\n\n @mixin color($color) {\n &:where(.#{$color}) {\n .content,\n .button {\n border-color: var(--badge--#{$color}-border-color);\n background-color: var(--badge--#{$color}-background-color--default);\n color: var(--badge--#{$color}-content-color);\n }\n\n &:not(.disabled) {\n .button {\n &:hover {\n background-color: var(--badge--#{$color}-background-color--hover);\n }\n\n &[data-pressed] {\n background-color: var(--badge--#{$color}-background-color--pressed);\n }\n }\n }\n\n .scope {\n background-color: var(--badge--#{$color}-scope-background-color);\n color: var(--badge--#{$color}-scope-content-color);\n }\n }\n }\n\n @include color(\"neutral\");\n @include color(\"blue\");\n @include color(\"navy\");\n @include color(\"violet\");\n @include color(\"teal\");\n @include color(\"lilac\");\n @include color(\"green\");\n @include color(\"orange\");\n @include color(\"red\");\n @include color(\"dark\");\n @include color(\"light\");\n @include color(\"dark-static\");\n @include color(\"light-static\");\n\n &.disabled {\n .content,\n .button {\n border-color: var(--badge--disabled-border-color);\n background-color: var(--badge--disabled-background-color);\n color: var(--badge--disabled-content-color);\n }\n\n .action,\n .close {\n color: var(--badge--disabled-content-color);\n }\n\n .scope {\n background-color: var(--badge--disabled-scope-background-color);\n color: var(--badge--disabled-scope-content-color);\n }\n }\n\n /* Alpha Colors Disabled */\n\n @mixin alphaColor($color) {\n &.#{$color}.disabled {\n .content,\n .button {\n border-color: var(--badge--disabled-#{$color}-border-color);\n background-color: var(--badge--disabled-#{$color}-background-color);\n color: var(--badge--disabled-#{$color}-content-color);\n }\n\n .action,\n .close {\n color: var(--badge--disabled-#{$color}-content-color);\n }\n\n .scope {\n background-color: var(\n --badge--disabled-#{$color}-scope-background-color\n );\n color: var(--badge--disabled-#{$color}-scope-content-color);\n }\n }\n }\n\n @include alphaColor(\"dark\");\n @include alphaColor(\"light\");\n @include alphaColor(\"dark-static\");\n @include alphaColor(\"light-static\");\n}\n"],"mappings":""}
package/dist/js/packages/components/src/components/Badge/components/ContextualHelpButton/ContextualHelpButton.mjs ADDED
@@ -0,0 +1,25 @@
1
+ "use client"
2
+ /* */
3
+ import ButtonView from "../../../../views/ButtonView.mjs";
4
+ import ContextualHelpTriggerView from "../../../../views/ContextualHelpTriggerView.mjs";
5
+ import { jsx, jsxs } from "react/jsx-runtime";
6
+ //#region src/components/Badge/components/ContextualHelpButton/ContextualHelpButton.tsx
7
+ /**
8
+ * Supplies the trigger button for a contextual help placed in a badge, so the
9
+ * consumer only writes the <ContextualHelp>. Icon and accessibility label come
10
+ * from the trigger.
11
+ */
12
+ var ContextualHelpButton = (props) => {
13
+ const { className, color, isDisabled, children } = props;
14
+ return /* @__PURE__ */ jsxs(ContextualHelpTriggerView, { children: [/* @__PURE__ */ jsx(ButtonView, {
15
+ className,
16
+ color,
17
+ variant: "plain",
18
+ size: "s",
19
+ isDisabled
20
+ }), children] });
21
+ };
22
+ //#endregion
23
+ export { ContextualHelpButton, ContextualHelpButton as default };
24
+
25
+ //# sourceMappingURL=ContextualHelpButton.mjs.map
package/dist/js/packages/components/src/components/Badge/components/ContextualHelpButton/ContextualHelpButton.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContextualHelpButton.mjs","names":[],"sources":["../../../../../../../../../src/components/Badge/components/ContextualHelpButton/ContextualHelpButton.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport type { AlphaColor, PropsWithClassName } from \"@/lib/types/props\";\nimport ButtonView from \"@/views/ButtonView\";\nimport ContextualHelpTriggerView from \"@/views/ContextualHelpTriggerView\";\n\ninterface Props extends PropsWithChildren, PropsWithClassName {\n color: AlphaColor;\n isDisabled?: boolean;\n}\n\n/**\n * Supplies the trigger button for a contextual help placed in a badge, so the\n * consumer only writes the <ContextualHelp>. Icon and accessibility label come\n * from the trigger.\n */\nexport const ContextualHelpButton: FC<Props> = (props) => {\n const { className, color, isDisabled, children } = props;\n\n return (\n <ContextualHelpTriggerView>\n <ButtonView\n className={className}\n color={color}\n variant=\"plain\"\n size=\"s\"\n isDisabled={isDisabled}\n />\n {children}\n </ContextualHelpTriggerView>\n );\n};\n\nexport default ContextualHelpButton;\n"],"mappings":";;;;;;;;;;;AAeA,IAAa,wBAAmC,UAAU;CACxD,MAAM,EAAE,WAAW,OAAO,YAAY,aAAa;CAEnD,OACE,qBAAC,2BAAD,EAAA,UAAA,CACE,oBAAC,YAAD;EACa;EACJ;EACP,SAAQ;EACR,MAAK;EACO;CACb,CAAA,GACA,QACwB,EAAA,CAAA;AAE/B"}
package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/helpers/useCalendarDateRangePresets.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  /* */
3
3
  import { useLocalizedStringFormatter } from "../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
4
- import __locale_default from "../../../../../../../../_virtual/_5.locale.mjs";
4
+ import __locale_default from "../../../../../../../../_virtual/_6.locale.mjs";
5
5
  import { useContext, useMemo } from "react";
6
6
  import { RangeCalendarStateContext } from "react-aria-components";
7
7
  import invariant from "invariant";
package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/TooltipProgressBar.mjs CHANGED
@@ -3,7 +3,7 @@
3
3
  import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
4
4
  import { ProgressBar } from "../../../ProgressBar/ProgressBar.mjs";
5
5
  import { Label } from "../../../Label/Label.mjs";
6
- import __locale_default from "../../../../../../../_virtual/_8.locale.mjs";
6
+ import __locale_default from "../../../../../../../_virtual/_9.locale.mjs";
7
7
  import ChartTooltip_module_default from "./ChartTooltip.module.mjs";
8
8
  import { jsx } from "react/jsx-runtime";
9
9
  import { usePromise } from "@mittwald/react-use-promise";
package/dist/js/packages/components/src/components/CodeBlock/CodeBlock.mjs CHANGED
@@ -4,7 +4,7 @@ import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalized
4
4
  import { Button } from "../Button/Button.mjs";
5
5
  import CodeBlock_module_default from "./CodeBlock.module.mjs";
6
6
  import { CodeEditor } from "../CodeEditor/CodeEditor.mjs";
7
- import __locale_default from "../../../../../_virtual/_10.locale.mjs";
7
+ import __locale_default from "../../../../../_virtual/_11.locale.mjs";
8
8
  import clsx from "clsx";
9
9
  import { useId, useState } from "react";
10
10
  import { jsx } from "react/jsx-runtime";
package/dist/js/packages/components/src/components/ComboBox/ComboBox.mjs CHANGED
@@ -10,7 +10,7 @@ import { useOverlayController } from "../../lib/controller/overlay/useOverlayCon
10
10
  import { Options } from "../Options/Options.mjs";
11
11
  import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
12
12
  import ComboBox_module_default from "./ComboBox.module.mjs";
13
- import __locale_default from "../../../../../_virtual/_11.locale.mjs";
13
+ import __locale_default from "../../../../../_virtual/_12.locale.mjs";
14
14
  import clsx from "clsx";
15
15
  import "react";
16
16
  import { jsx, jsxs } from "react/jsx-runtime";
package/dist/js/packages/components/src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs CHANGED
@@ -5,7 +5,7 @@ import { flowComponent } from "../../../../lib/componentFactory/flowComponent.mj
5
5
  import { IconInfo } from "../../../Icon/components/icons/IconInfo.mjs";
6
6
  import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
7
7
  import { OverlayTrigger } from "../../../OverlayTrigger/OverlayTrigger.mjs";
8
- import __locale_default from "../../../../../../../_virtual/_12.locale.mjs";
8
+ import __locale_default from "../../../../../../../_virtual/_4.locale.mjs";
9
9
  import { jsx } from "react/jsx-runtime";
10
10
  import * as Aria from "react-aria-components";
11
11
  //#region src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.tsx
package/dist/js/packages/components/src/components/CopyButton/CopyButton.mjs CHANGED
@@ -5,7 +5,7 @@ import { IconCopy } from "../Icon/components/icons/IconCopy.mjs";
5
5
  import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
6
6
  import { Button } from "../Button/Button.mjs";
7
7
  import { Action } from "../Action/Action.mjs";
8
- import __locale_default from "../../../../../_virtual/_9.locale.mjs";
8
+ import __locale_default from "../../../../../_virtual/_10.locale.mjs";
9
9
  import { TooltipTrigger } from "../Tooltip/components/TooltipTrigger/TooltipTrigger.mjs";
10
10
  import { Tooltip } from "../Tooltip/Tooltip.mjs";
11
11
  import { jsx, jsxs } from "react/jsx-runtime";
package/dist/js/packages/components/src/components/Label/Label.mjs CHANGED
@@ -5,7 +5,7 @@ import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
5
5
  import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
6
6
  import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
7
7
  import Label_module_default from "./Label.module.mjs";
8
- import __locale_default from "../../../../../_virtual/_7.locale.mjs";
8
+ import __locale_default from "../../../../../_virtual/_8.locale.mjs";
9
9
  import clsx from "clsx";
10
10
  import React from "react";
11
11
  import { jsx, jsxs } from "react/jsx-runtime";
package/dist/js/packages/components/src/components/LightBox/LightBox.mjs CHANGED
@@ -5,8 +5,8 @@ import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
5
5
  import { IconClose } from "../Icon/components/icons/IconClose.mjs";
6
6
  import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
7
7
  import { useOverlayController } from "../../lib/controller/overlay/useOverlayController.mjs";
8
- import DivView from "../../views/DivView.mjs";
9
8
  import ButtonView from "../../views/ButtonView.mjs";
9
+ import DivView from "../../views/DivView.mjs";
10
10
  import __locale_default from "../../../../../_virtual/_20.locale.mjs";
11
11
  import { Overlay } from "../Overlay/Overlay.mjs";
12
12
  import LightBox_module_default from "./LightBox.module.mjs";
package/dist/js/packages/components/src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  "use client"
2
2
  /* */
3
3
  import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
4
- import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
5
4
  import ButtonView from "../../../../../../views/ButtonView.mjs";
5
+ import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
6
6
  import { useList } from "../../../../hooks/useList.mjs";
7
7
  import { jsx } from "react/jsx-runtime";
8
8
  //#region src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.tsx
package/dist/js/packages/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs CHANGED
@@ -4,9 +4,9 @@ import { IconClose } from "../../../../../Icon/components/icons/IconClose.mjs";
4
4
  import { IconSave } from "../../../../../Icon/components/icons/IconSave.mjs";
5
5
  import { IconUndo } from "../../../../../Icon/components/icons/IconUndo.mjs";
6
6
  import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
7
+ import ButtonView from "../../../../../../views/ButtonView.mjs";
7
8
  import DivView from "../../../../../../views/DivView.mjs";
8
9
  import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
9
- import ButtonView from "../../../../../../views/ButtonView.mjs";
10
10
  import TextView from "../../../../../../views/TextView.mjs";
11
11
  import { useList } from "../../../../hooks/useList.mjs";
12
12
  import ActiveFilters_module_default from "./ActiveFilters.module.mjs";
package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.mjs CHANGED
@@ -3,9 +3,9 @@
3
3
  import { IconFilter } from "../../../../../Icon/components/icons/IconFilter.mjs";
4
4
  import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
5
5
  import { useOverlayController } from "../../../../../../lib/controller/overlay/useOverlayController.mjs";
6
+ import ButtonView from "../../../../../../views/ButtonView.mjs";
6
7
  import { SkeletonText } from "../../../../../SkeletonText/SkeletonText.mjs";
7
8
  import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
8
- import ButtonView from "../../../../../../views/ButtonView.mjs";
9
9
  import HeadingView from "../../../../../../views/HeadingView.mjs";
10
10
  import TextView from "../../../../../../views/TextView.mjs";
11
11
  import { useList } from "../../../../hooks/useList.mjs";
package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionDateRange.mjs CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client"
2
2
  /* */
3
3
  import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
4
+ import ButtonView from "../../../../../../views/ButtonView.mjs";
4
5
  import { Flex } from "../../../../../Flex/Flex.mjs";
5
6
  import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
6
- import ButtonView from "../../../../../../views/ButtonView.mjs";
7
7
  import RangeCalendarView from "../../../../../../views/RangeCalendarView.mjs";
8
8
  import "react";
9
9
  import { jsx, jsxs } from "react/jsx-runtime";
package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionRadioGroup.mjs CHANGED
@@ -1,9 +1,9 @@
1
1
  "use client"
2
2
  /* */
3
3
  import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
4
+ import ButtonView from "../../../../../../views/ButtonView.mjs";
4
5
  import { Flex } from "../../../../../Flex/Flex.mjs";
5
6
  import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
6
- import ButtonView from "../../../../../../views/ButtonView.mjs";
7
7
  import RadioGroupView from "../../../../../../views/RadioGroupView.mjs";
8
8
  import RadioView from "../../../../../../views/RadioView.mjs";
9
9
  import "react";
package/dist/js/packages/components/src/components/List/components/Header/components/FilterContextMenu/DateRangeFilterPopover.mjs CHANGED
@@ -4,9 +4,9 @@ import { IconFilter } from "../../../../../Icon/components/icons/IconFilter.mjs"
4
4
  import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
5
5
  import { useOverlayController } from "../../../../../../lib/controller/overlay/useOverlayController.mjs";
6
6
  import { Popover } from "../../../../../Popover/Popover.mjs";
7
+ import ButtonView from "../../../../../../views/ButtonView.mjs";
7
8
  import { PopoverTrigger } from "../../../../../Popover/components/PopoverTrigger/PopoverTrigger.mjs";
8
9
  import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
9
- import ButtonView from "../../../../../../views/ButtonView.mjs";
10
10
  import TextView from "../../../../../../views/TextView.mjs";
11
11
  import Header_module_default from "../../Header.module.mjs";
12
12
  import FilterContextMenus_module_default from "./FilterContextMenus.module.mjs";
package/dist/js/packages/components/src/components/List/components/Header/components/SortingContextMenu/SortingContextMenu.mjs CHANGED
@@ -4,8 +4,8 @@ import { IconAscending } from "../../../../../Icon/components/icons/IconAscendin
4
4
  import { IconDescending } from "../../../../../Icon/components/icons/IconDescending.mjs";
5
5
  import { IconSorting } from "../../../../../Icon/components/icons/IconSorting.mjs";
6
6
  import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
7
- import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
8
7
  import ButtonView from "../../../../../../views/ButtonView.mjs";
8
+ import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
9
9
  import ContextMenuTriggerView from "../../../../../../views/ContextMenuTriggerView.mjs";
10
10
  import ContextMenuView from "../../../../../../views/ContextMenuView.mjs";
11
11
  import TextView from "../../../../../../views/TextView.mjs";
package/dist/js/packages/components/src/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu.mjs CHANGED
@@ -2,8 +2,8 @@
2
2
  /* */
3
3
  import { IconView } from "../../../../../Icon/components/icons/IconView.mjs";
4
4
  import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
5
- import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
6
5
  import ButtonView from "../../../../../../views/ButtonView.mjs";
6
+ import __locale_default from "../../../../../../../../../_virtual/_16.locale.mjs";
7
7
  import ContextMenuTriggerView from "../../../../../../views/ContextMenuTriggerView.mjs";
8
8
  import ContextMenuView from "../../../../../../views/ContextMenuView.mjs";
9
9
  import TextView from "../../../../../../views/TextView.mjs";
package/dist/js/packages/components/src/components/List/components/Items/components/Item/components/AccordionButton.mjs CHANGED
@@ -3,8 +3,8 @@
3
3
  import { IconChevronDown } from "../../../../../../Icon/components/icons/IconChevronDown.mjs";
4
4
  import { IconChevronUp } from "../../../../../../Icon/components/icons/IconChevronUp.mjs";
5
5
  import { useLocalizedStringFormatter } from "../../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
6
- import __locale_default from "../../../../../../../../../../_virtual/_16.locale.mjs";
7
6
  import ButtonView from "../../../../../../../views/ButtonView.mjs";
7
+ import __locale_default from "../../../../../../../../../../_virtual/_16.locale.mjs";
8
8
  import ListItemView_module_default from "../../../../ListItemView/ListItemView.module.mjs";
9
9
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
10
10
  //#region src/components/List/components/Items/components/Item/components/AccordionButton.tsx
package/dist/js/packages/components/src/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.mjs CHANGED
@@ -2,8 +2,8 @@
2
2
  /* */
3
3
  import { IconContextMenu } from "../../../../../../../Icon/components/icons/IconContextMenu.mjs";
4
4
  import { useLocalizedStringFormatter } from "../../../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
5
- import __locale_default from "../../../../../../../../../../../_virtual/_16.locale.mjs";
6
5
  import ButtonView from "../../../../../../../../views/ButtonView.mjs";
6
+ import __locale_default from "../../../../../../../../../../../_virtual/_16.locale.mjs";
7
7
  import ContextMenuTriggerView from "../../../../../../../../views/ContextMenuTriggerView.mjs";
8
8
  import { jsx, jsxs } from "react/jsx-runtime";
9
9
  //#region src/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.tsx
package/dist/js/packages/components/src/components/Modal/Modal.mjs CHANGED
@@ -9,8 +9,8 @@ import { Wrap } from "../Wrap/Wrap.mjs";
9
9
  import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
10
10
  import { OverlayController } from "../../lib/controller/overlay/OverlayController.mjs";
11
11
  import { Action } from "../Action/Action.mjs";
12
- import DivView from "../../views/DivView.mjs";
13
12
  import ButtonView from "../../views/ButtonView.mjs";
13
+ import DivView from "../../views/DivView.mjs";
14
14
  import { Overlay } from "../Overlay/Overlay.mjs";
15
15
  import Modal_module_default from "./Modal.module.mjs";
16
16
  import { OffCanvasSuspenseFallback } from "./components/OffCanvasSuspenseFallback/OffCanvasSuspenseFallback.mjs";