@mittwald/flow-react-components 1.6.0-next.2 → 1.6.0-next.4
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/assets/component-index.json +1 -1
- package/dist/assets/doc-properties.json +1 -1
- package/dist/css/all-layered.css +1 -1
- package/dist/css/all.css +1 -1
- package/dist/js/_virtual/_10.locale.mjs +3 -3
- package/dist/js/_virtual/_11.locale.mjs +3 -9
- package/dist/js/_virtual/_12.locale.mjs +9 -3
- package/dist/js/_virtual/_13.locale.mjs +3 -9
- package/dist/js/_virtual/_14.locale.mjs +5 -505
- package/dist/js/_virtual/_15.locale.mjs +505 -5
- package/dist/js/_virtual/_16.locale.mjs +9 -3
- package/dist/js/_virtual/_17.locale.mjs +3 -63
- package/dist/js/_virtual/_18.locale.mjs +63 -3
- package/dist/js/_virtual/_19.locale.mjs +3 -9
- package/dist/js/_virtual/_20.locale.mjs +5 -5
- package/dist/js/_virtual/_21.locale.mjs +5 -11
- package/dist/js/_virtual/_22.locale.mjs +15 -3
- package/dist/js/_virtual/_23.locale.mjs +3 -15
- package/dist/js/_virtual/_24.locale.mjs +15 -3
- package/dist/js/_virtual/_25.locale.mjs +3 -33
- package/dist/js/_virtual/_26.locale.mjs +29 -5
- package/dist/js/_virtual/_27.locale.mjs +9 -3
- package/dist/js/_virtual/_28.locale.mjs +3 -3
- package/dist/js/_virtual/_29.locale.mjs +3 -93
- package/dist/js/_virtual/_30.locale.mjs +93 -3
- package/dist/js/_virtual/_31.locale.mjs +3 -9
- package/dist/js/_virtual/_32.locale.mjs +9 -3
- package/dist/js/_virtual/_33.locale.mjs +3 -9
- package/dist/js/_virtual/_34.locale.mjs +5 -7
- package/dist/js/_virtual/_35.locale.mjs +7 -13
- package/dist/js/_virtual/_36.locale.mjs +23 -0
- package/dist/js/_virtual/_4.locale.mjs +3 -9
- package/dist/js/_virtual/_5.locale.mjs +9 -3
- package/dist/js/_virtual/_6.locale.mjs +3 -21
- package/dist/js/_virtual/_7.locale.mjs +21 -3
- package/dist/js/_virtual/_8.locale.mjs +3 -3
- package/dist/js/_virtual/_9.locale.mjs +3 -3
- package/dist/js/packages/components/src/components/AvatarStack/AvatarStack.mjs +4 -0
- package/dist/js/packages/components/src/components/AvatarStack/AvatarStack.mjs.map +1 -1
- package/dist/js/packages/components/src/components/Badge/Badge.mjs +1 -1
- package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/helpers/useCalendarDateRangePresets.mjs +1 -1
- package/dist/js/packages/components/src/components/CartesianChart/components/ChartTooltip/TooltipProgressBar.mjs +1 -1
- package/dist/js/packages/components/src/components/CodeBlock/CodeBlock.mjs +1 -1
- package/dist/js/packages/components/src/components/ComboBox/ComboBox.mjs +1 -1
- package/dist/js/packages/components/src/components/ContextMenu/components/ContextMenuSelectAll/ContextMenuSelectAll.mjs +1 -1
- package/dist/js/packages/components/src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs +1 -1
- package/dist/js/packages/components/src/components/CopyButton/CopyButton.mjs +1 -1
- package/dist/js/packages/components/src/components/CountryOptions/CountryOptions.mjs +1 -1
- package/dist/js/packages/components/src/components/FileCard/components/DeleteButton/DeleteButton.mjs +1 -1
- package/dist/js/packages/components/src/components/ImageCropper/ImageCropper.mjs +1 -1
- package/dist/js/packages/components/src/components/Kbd/Kbd.mjs +1 -1
- package/dist/js/packages/components/src/components/Label/Label.mjs +1 -1
- package/dist/js/packages/components/src/components/LightBox/LightBox.mjs +1 -1
- package/dist/js/packages/components/src/components/LightBox/components/LightBoxGallery/Controls.mjs +1 -1
- package/dist/js/packages/components/src/components/LightBox/components/LightBoxGallery/LightBoxGallery.mjs +1 -1
- package/dist/js/packages/components/src/components/LightBox/components/LightBoxGalleryItem/LightBoxGalleryItem.mjs +1 -1
- package/dist/js/packages/components/src/components/Link/components/LinkIcon/LinkIcon.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/EmptySearchResultView/EmptySearchResultView.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/EmptyView/EmptyView.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/Footer/Footer.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/Footer/components/PaginationInfos/PaginationInfos.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs +2 -1
- package/dist/js/packages/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs.map +1 -1
- package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/AllFiltersModal.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionCheckboxGroup.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionDateRange.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/FilterAccordionRadioGroup.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/SortingAccordion.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/Header/components/AllFiltersModal/ViewModeAccordion.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/Header/components/FilterContextMenu/DateRangeFilterPopover.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/Header/components/SortingContextMenu/SortingContextMenu.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/Header/components/ViewModeContextMenu/ViewModeContextMenu.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/Header/components/ViewModeContextMenu/ViewModeMenuItem.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/Items/components/Item/components/AccordionButton.mjs +1 -1
- package/dist/js/packages/components/src/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.mjs +1 -1
- package/dist/js/packages/components/src/components/List/hooks/useAriaAnnounceSearchState.mjs +1 -1
- package/dist/js/packages/components/src/components/List/views/EmptyView/EmptyView.mjs +1 -1
- package/dist/js/packages/components/src/components/Markdown/Markdown.mjs +4 -4
- package/dist/js/packages/components/src/components/Markdown/Markdown.mjs.map +1 -1
- package/dist/js/packages/components/src/components/MarkdownEditor/components/ModeButton.mjs +1 -1
- package/dist/js/packages/components/src/components/MarkdownEditor/components/ToolbarButton.mjs +1 -1
- package/dist/js/packages/components/src/components/MarkdownEditor/lib/useFileUpload.mjs +1 -1
- package/dist/js/packages/components/src/components/Message/Message.mjs +1 -1
- package/dist/js/packages/components/src/components/MessageThread/components/MessageSeparator/MessageSeparator.mjs +1 -1
- package/dist/js/packages/components/src/components/Modal/Modal.mjs +1 -1
- package/dist/js/packages/components/src/components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.mjs +1 -1
- package/dist/js/packages/components/src/components/Notification/Notification.mjs +1 -1
- package/dist/js/packages/components/src/components/PasswordCreationField/PasswordCreationField.mjs +1 -1
- package/dist/js/packages/components/src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.mjs +1 -1
- package/dist/js/packages/components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.mjs +1 -1
- package/dist/js/packages/components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.mjs +1 -1
- package/dist/js/packages/components/src/components/PasswordCreationField/components/ValidationResultEntry/ValidationResultEntry.mjs +1 -1
- package/dist/js/packages/components/src/components/PasswordCreationField/lib/ariaAnnounce.mjs +1 -1
- package/dist/js/packages/components/src/components/ProgressBar/components/ProgressBarValue.mjs +1 -1
- package/dist/js/packages/components/src/components/Rating/components/RatingSegment/RatingSegment.mjs +1 -1
- package/dist/js/packages/components/src/components/SearchField/SearchField.mjs +1 -1
- package/dist/js/packages/components/src/components/SkeletonMode/SkeletonMode.mjs +1 -1
- package/dist/js/packages/components/src/components/Slider/Slider.mjs +1 -1
- package/dist/js/packages/components/src/components/TabNavigation/TabNavigation.mjs +1 -1
- package/dist/js/packages/components/src/components/Tabs/components/FallbackTab/FallbackTab.mjs +1 -1
- package/dist/js/packages/components/src/components/Tabs/components/TabList/TabList.mjs +0 -3
- package/dist/js/packages/components/src/components/Tabs/components/TabList/TabList.mjs.map +1 -1
- package/dist/js/packages/components/src/components/TextArea/TextArea.mjs +1 -1
- package/dist/js/packages/components/src/components/TextField/TextField.mjs +1 -1
- package/dist/js/packages/components/src/integrations/react-hook-form/components/Field/Field.mjs +1 -1
- package/dist/js/packages/design-tokens/dist/json-runtime/all-dark.mjs +7 -2
- package/dist/js/packages/design-tokens/dist/json-runtime/all-dark.mjs.map +1 -1
- package/dist/js/packages/design-tokens/dist/json-runtime/all-light.mjs +6 -1
- package/dist/js/packages/design-tokens/dist/json-runtime/all-light.mjs.map +1 -1
- package/dist/types/lib/theming/hooks/useDesignTokens.d.ts +6 -0
- package/package.json +10 -10
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
//#region \0.locale.json@
|
|
3
|
+
//#region \0.locale.json@926b2109eb7c356d3d5e61c950de4c00
|
|
4
4
|
var __locale_default = {
|
|
5
5
|
"de-DE": {
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
"password.show": "Passwort anzeigen"
|
|
6
|
+
"fallbackTab.heading": "Tab nicht gefunden",
|
|
7
|
+
"fallbackTab.text": "Das Tab das du aufrufen wolltest gibt es nicht mehr oder du hast keinen Zugriff darauf."
|
|
9
8
|
},
|
|
10
9
|
"en-US": {
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"password.show": "Hide password"
|
|
10
|
+
"fallbackTab.heading": "Tab not found",
|
|
11
|
+
"fallbackTab.text": "The tab you tried to access no longer exists or you do not have permission to view it."
|
|
14
12
|
}
|
|
15
13
|
};
|
|
16
14
|
//#endregion
|
|
@@ -1,22 +1,16 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
//#region \0.locale.json@
|
|
3
|
+
//#region \0.locale.json@16189d7d260d7331b0e0a1936d5c7c52
|
|
4
4
|
var __locale_default = {
|
|
5
5
|
"de-DE": {
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
"validation.minLength": "Bitte gib mindestens {number} Zeichen ein",
|
|
10
|
-
"validation.pattern": "Entspricht nicht dem erwarteten Format: {pattern}",
|
|
11
|
-
"validation.required": "Dieses Feld ist erforderlich"
|
|
6
|
+
"characters": "{maxCount, select, 0 {{count}} other {{count}/{maxCount}}} Zeichen",
|
|
7
|
+
"password.hide": "Passwort verbergen",
|
|
8
|
+
"password.show": "Passwort anzeigen"
|
|
12
9
|
},
|
|
13
10
|
"en-US": {
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"validation.minLength": "Please enter at least {number} characters",
|
|
18
|
-
"validation.pattern": "Does not match the expected format: {pattern}",
|
|
19
|
-
"validation.required": "This field is required"
|
|
11
|
+
"characters": "{maxCount, select, 0 {{count}} other {{count}/{maxCount}}} characters",
|
|
12
|
+
"password.hide": "Show password",
|
|
13
|
+
"password.show": "Hide password"
|
|
20
14
|
}
|
|
21
15
|
};
|
|
22
16
|
//#endregion
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
/* */
|
|
3
|
+
//#region \0.locale.json@72ba2ce40f190df671686fec50c04ddf
|
|
4
|
+
var __locale_default = {
|
|
5
|
+
"de-DE": {
|
|
6
|
+
"validation.max": "Maximale Anzahl von {number} erreicht",
|
|
7
|
+
"validation.maxLength": "Bitte gib höchstens {number} Zeichen ein",
|
|
8
|
+
"validation.min": "Minimale Anzahl von {number} noch nicht erreicht",
|
|
9
|
+
"validation.minLength": "Bitte gib mindestens {number} Zeichen ein",
|
|
10
|
+
"validation.pattern": "Entspricht nicht dem erwarteten Format: {pattern}",
|
|
11
|
+
"validation.required": "Dieses Feld ist erforderlich"
|
|
12
|
+
},
|
|
13
|
+
"en-US": {
|
|
14
|
+
"validation.max": "Maximum number of {number} reached",
|
|
15
|
+
"validation.maxLength": "Please enter at most {number} characters",
|
|
16
|
+
"validation.min": "Minimum number of {number} has not yet been reached",
|
|
17
|
+
"validation.minLength": "Please enter at least {number} characters",
|
|
18
|
+
"validation.pattern": "Does not match the expected format: {pattern}",
|
|
19
|
+
"validation.required": "This field is required"
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
//#endregion
|
|
23
|
+
export { __locale_default as default };
|
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
//#region \0.locale.json@
|
|
3
|
+
//#region \0.locale.json@b20072b12eabc063a1429a48d6b366aa
|
|
4
4
|
var __locale_default = {
|
|
5
|
-
"de-DE": {
|
|
6
|
-
|
|
7
|
-
"moreInformationAbout": "Weitere Informationen zu {subject}"
|
|
8
|
-
},
|
|
9
|
-
"en-US": {
|
|
10
|
-
"moreInformation": "More information",
|
|
11
|
-
"moreInformationAbout": "More information about {subject}"
|
|
12
|
-
}
|
|
5
|
+
"de-DE": { "additionalItems": "{count} weitere" },
|
|
6
|
+
"en-US": { "additionalItems": "{count} more" }
|
|
13
7
|
};
|
|
14
8
|
//#endregion
|
|
15
9
|
export { __locale_default as default };
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
//#region \0.locale.json@
|
|
3
|
+
//#region \0.locale.json@df0c8534e2e4f7c6c3d4365218df7347
|
|
4
4
|
var __locale_default = {
|
|
5
|
-
"de-DE": {
|
|
6
|
-
|
|
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 };
|
|
@@ -1,27 +1,9 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
//#region \0.locale.json@
|
|
3
|
+
//#region \0.locale.json@24d7079ce80a619bbdda6dfcc8289f94
|
|
4
4
|
var __locale_default = {
|
|
5
|
-
"de-DE": {
|
|
6
|
-
|
|
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 };
|
|
@@ -1,9 +1,27 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
//#region \0.locale.json@
|
|
3
|
+
//#region \0.locale.json@aaaa2422dd023a875e13abc0d3d178ce
|
|
4
4
|
var __locale_default = {
|
|
5
|
-
"de-DE": {
|
|
6
|
-
|
|
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 };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
//#region \0.locale.json@
|
|
3
|
+
//#region \0.locale.json@162914df08c90e5e10d2f78b03d9d768
|
|
4
4
|
var __locale_default = {
|
|
5
|
-
"de-DE": { "
|
|
6
|
-
"en-US": { "
|
|
5
|
+
"de-DE": { "progressBar.of": "von" },
|
|
6
|
+
"en-US": { "progressBar.of": "of" }
|
|
7
7
|
};
|
|
8
8
|
//#endregion
|
|
9
9
|
export { __locale_default as default };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
|
-
//#region \0.locale.json@
|
|
3
|
+
//#region \0.locale.json@3b9d9e153ad753f427f375d1275fbcad
|
|
4
4
|
var __locale_default = {
|
|
5
|
-
"de-DE": { "
|
|
6
|
-
"en-US": { "
|
|
5
|
+
"de-DE": { "optional": "(optional)" },
|
|
6
|
+
"en-US": { "optional": "(optional)" }
|
|
7
7
|
};
|
|
8
8
|
//#endregion
|
|
9
9
|
export { __locale_default as default };
|
|
@@ -2,9 +2,11 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
|
|
4
4
|
import { Wrap } from "../Wrap/Wrap.mjs";
|
|
5
|
+
import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
|
|
5
6
|
import { Button } from "../Button/Button.mjs";
|
|
6
7
|
import { Avatar } from "../Avatar/Avatar.mjs";
|
|
7
8
|
import AvatarStack_module_default from "./AvatarStack.module.mjs";
|
|
9
|
+
import __locale_default from "../../../../../_virtual/_4.locale.mjs";
|
|
8
10
|
import clsx from "clsx";
|
|
9
11
|
import { Children } from "react";
|
|
10
12
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -12,6 +14,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
12
14
|
/** @flr-generate all */
|
|
13
15
|
var AvatarStack = (props) => {
|
|
14
16
|
const { className, children, totalCount = 0, size = "m", onCountPress } = props;
|
|
17
|
+
const stringFormatter = useLocalizedStringFormatter(__locale_default, "AvatarStack");
|
|
15
18
|
const additionalItemsCount = totalCount - Children.toArray(children).length;
|
|
16
19
|
const rootClassName = clsx(AvatarStack_module_default.avatarStack, AvatarStack_module_default[`size-${size}`], className);
|
|
17
20
|
const propsContext = {
|
|
@@ -31,6 +34,7 @@ var AvatarStack = (props) => {
|
|
|
31
34
|
onPress: onCountPress,
|
|
32
35
|
children: /* @__PURE__ */ jsxs(Avatar, {
|
|
33
36
|
size,
|
|
37
|
+
label: stringFormatter.format("additionalItems", { count: additionalItemsCount }),
|
|
34
38
|
children: ["+", additionalItemsCount]
|
|
35
39
|
})
|
|
36
40
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarStack.mjs","names":["styles"],"sources":["../../../../../../../src/components/AvatarStack/AvatarStack.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { Children } from \"react\";\nimport clsx from \"clsx\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport styles from \"./AvatarStack.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { Avatar } from \"@/components/Avatar\";\nimport { Wrap } from \"@/components/Wrap\";\n\nexport interface AvatarStackProps\n extends PropsWithClassName, PropsWithChildren {\n /**\n * The total count of items, as avatars should only be displayed for the first\n * view\n */\n totalCount?: number;\n /** The onPress action of the additional items count element */\n onCountPress?: () => void;\n /** The size of the avatars inside the stack. @default \"m\" */\n size?: \"xs\" | \"s\" | \"m\" | \"l\";\n}\n\n/** @flr-generate all */\nexport const AvatarStack: FC<AvatarStackProps> = (props) => {\n const {\n className,\n children,\n totalCount = 0,\n size = \"m\",\n onCountPress,\n } = props;\n\n const avatarCount = Children.toArray(children).length;\n\n const additionalItemsCount = totalCount - avatarCount;\n\n const rootClassName = clsx(\n styles.avatarStack,\n styles[`size-${size}`],\n className,\n );\n\n const propsContext: PropsContext = {\n Avatar: { className: styles.avatar, size },\n Button: {\n className: styles.avatar,\n },\n };\n\n return (\n <PropsContextProvider props={propsContext}>\n <div className={rootClassName}>\n {children}\n {additionalItemsCount > 0 && (\n <Wrap if={onCountPress}>\n <Button onPress={onCountPress}>\n <Avatar
|
|
1
|
+
{"version":3,"file":"AvatarStack.mjs","names":["locales","styles"],"sources":["../../../../../../../src/components/AvatarStack/AvatarStack.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { Children } from \"react\";\nimport clsx from \"clsx\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport styles from \"./AvatarStack.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { Avatar } from \"@/components/Avatar\";\nimport { Wrap } from \"@/components/Wrap\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\n\nexport interface AvatarStackProps\n extends PropsWithClassName, PropsWithChildren {\n /**\n * The total count of items, as avatars should only be displayed for the first\n * view\n */\n totalCount?: number;\n /** The onPress action of the additional items count element */\n onCountPress?: () => void;\n /** The size of the avatars inside the stack. @default \"m\" */\n size?: \"xs\" | \"s\" | \"m\" | \"l\";\n}\n\n/** @flr-generate all */\nexport const AvatarStack: FC<AvatarStackProps> = (props) => {\n const {\n className,\n children,\n totalCount = 0,\n size = \"m\",\n onCountPress,\n } = props;\n\n const stringFormatter = useLocalizedStringFormatter(locales, \"AvatarStack\");\n\n const avatarCount = Children.toArray(children).length;\n\n const additionalItemsCount = totalCount - avatarCount;\n\n const rootClassName = clsx(\n styles.avatarStack,\n styles[`size-${size}`],\n className,\n );\n\n const propsContext: PropsContext = {\n Avatar: { className: styles.avatar, size },\n Button: {\n className: styles.avatar,\n },\n };\n\n return (\n <PropsContextProvider props={propsContext}>\n <div className={rootClassName}>\n {children}\n {additionalItemsCount > 0 && (\n <Wrap if={onCountPress}>\n <Button onPress={onCountPress}>\n <Avatar\n size={size}\n label={stringFormatter.format(\"additionalItems\", {\n count: additionalItemsCount,\n })}\n >\n +{additionalItemsCount}\n </Avatar>\n </Button>\n </Wrap>\n )}\n </div>\n </PropsContextProvider>\n );\n};\n\nexport default AvatarStack;\n"],"mappings":";;;;;;;;;;;;;;AA2BA,IAAa,eAAqC,UAAU;CAC1D,MAAM,EACJ,WACA,UACA,aAAa,GACb,OAAO,KACP,iBACE;CAEJ,MAAM,kBAAkB,4BAA4BA,kBAAS,aAAa;CAI1E,MAAM,uBAAuB,aAFT,SAAS,QAAQ,QAAQ,CAAC,CAAC;CAI/C,MAAM,gBAAgB,KACpBC,2BAAO,aACPA,2BAAO,QAAQ,SACf,SACF;CAEA,MAAM,eAA6B;EACjC,QAAQ;GAAE,WAAWA,2BAAO;GAAQ;EAAK;EACzC,QAAQ,EACN,WAAWA,2BAAO,OACpB;CACF;CAEA,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC3B,UAAA,qBAAC,OAAD;GAAK,WAAW;GAAhB,UAAA,CACG,UACA,uBAAuB,KACtB,oBAAC,MAAD;IAAM,IAAI;IACR,UAAA,oBAAC,QAAD;KAAQ,SAAS;KACf,UAAA,qBAAC,QAAD;MACQ;MACN,OAAO,gBAAgB,OAAO,mBAAmB,EAC/C,OAAO,qBACT,CAAC;MAJH,UAAA,CAKC,KACG,oBACI;;IACF,CAAA;GACJ,CAAA,CAEL;;CACe,CAAA;AAE1B"}
|
|
@@ -10,7 +10,7 @@ import { Button } from "../Button/Button.mjs";
|
|
|
10
10
|
import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
|
|
11
11
|
import Badge_module_default from "./Badge.module.mjs";
|
|
12
12
|
import { ContextualHelpButton } from "./components/ContextualHelpButton/ContextualHelpButton.mjs";
|
|
13
|
-
import __locale_default from "../../../../../_virtual/
|
|
13
|
+
import __locale_default from "../../../../../_virtual/_6.locale.mjs";
|
|
14
14
|
import clsx from "clsx";
|
|
15
15
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
16
16
|
[...alphaColors];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import { useLocalizedStringFormatter } from "../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
|
|
4
|
-
import __locale_default from "../../../../../../../../_virtual/
|
|
4
|
+
import __locale_default from "../../../../../../../../_virtual/_7.locale.mjs";
|
|
5
5
|
import { useContext, useMemo } from "react";
|
|
6
6
|
import { RangeCalendarStateContext } from "react-aria-components";
|
|
7
7
|
import invariant from "invariant";
|
|
@@ -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/
|
|
6
|
+
import __locale_default from "../../../../../../../_virtual/_10.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";
|
|
@@ -5,7 +5,7 @@ import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalized
|
|
|
5
5
|
import { Button } from "../Button/Button.mjs";
|
|
6
6
|
import CodeBlock_module_default from "./CodeBlock.module.mjs";
|
|
7
7
|
import { CodeEditor } from "../CodeEditor/CodeEditor.mjs";
|
|
8
|
-
import __locale_default from "../../../../../_virtual/
|
|
8
|
+
import __locale_default from "../../../../../_virtual/_12.locale.mjs";
|
|
9
9
|
import clsx from "clsx";
|
|
10
10
|
import { useId, useRef, useState } from "react";
|
|
11
11
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -11,7 +11,7 @@ import { getOptionsTunnelProps } from "../Option/optionsTunnel.mjs";
|
|
|
11
11
|
import { Options } from "../Options/Options.mjs";
|
|
12
12
|
import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
|
|
13
13
|
import ComboBox_module_default from "./ComboBox.module.mjs";
|
|
14
|
-
import __locale_default from "../../../../../_virtual/
|
|
14
|
+
import __locale_default from "../../../../../_virtual/_13.locale.mjs";
|
|
15
15
|
import clsx from "clsx";
|
|
16
16
|
import "react";
|
|
17
17
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -5,7 +5,7 @@ import { Text } from "../../../Text/Text.mjs";
|
|
|
5
5
|
import MenuItem_module_default from "../../../MenuItem/MenuItem.module.mjs";
|
|
6
6
|
import { MenuItemContent } from "../../../MenuItem/components/MenuItemContent/MenuItemContent.mjs";
|
|
7
7
|
import ContextMenu_module_default from "../../ContextMenu.module.mjs";
|
|
8
|
-
import __locale_default from "../../../../../../../_virtual/
|
|
8
|
+
import __locale_default from "../../../../../../../_virtual/_14.locale.mjs";
|
|
9
9
|
import { useContext, useRef } from "react";
|
|
10
10
|
import { jsx } from "react/jsx-runtime";
|
|
11
11
|
import * as Aria from "react-aria-components";
|
|
@@ -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/
|
|
8
|
+
import __locale_default from "../../../../../../../_virtual/_5.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
|
|
@@ -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/
|
|
8
|
+
import __locale_default from "../../../../../_virtual/_11.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";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
|
|
4
|
-
import __locale_default from "../../../../../_virtual/
|
|
4
|
+
import __locale_default from "../../../../../_virtual/_15.locale.mjs";
|
|
5
5
|
import OptionView from "../../views/OptionView.mjs";
|
|
6
6
|
import { useMemo } from "react";
|
|
7
7
|
import { jsx } from "react/jsx-runtime";
|
package/dist/js/packages/components/src/components/FileCard/components/DeleteButton/DeleteButton.mjs
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { IconClose } from "../../../Icon/components/icons/IconClose.mjs";
|
|
4
4
|
import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
|
|
5
5
|
import { Button } from "../../../Button/Button.mjs";
|
|
6
|
-
import __locale_default from "../../../../../../../_virtual/
|
|
6
|
+
import __locale_default from "../../../../../../../_virtual/_17.locale.mjs";
|
|
7
7
|
import { jsx } from "react/jsx-runtime";
|
|
8
8
|
//#region src/components/FileCard/components/DeleteButton/DeleteButton.tsx
|
|
9
9
|
var DeleteButton = (props) => {
|
|
@@ -8,7 +8,7 @@ import { IllustratedMessage } from "../IllustratedMessage/IllustratedMessage.mjs
|
|
|
8
8
|
import ImageCropper_module_default from "./ImageCropper.module.mjs";
|
|
9
9
|
import { Slider } from "../Slider/Slider.mjs";
|
|
10
10
|
import { getCroppedImageFile } from "./lib/getCroppedImageFile.mjs";
|
|
11
|
-
import __locale_default from "../../../../../_virtual/
|
|
11
|
+
import __locale_default from "../../../../../_virtual/_21.locale.mjs";
|
|
12
12
|
import { useImageSrc } from "../../lib/hooks/useImageSrc.mjs";
|
|
13
13
|
import clsx from "clsx";
|
|
14
14
|
import { useEffect, useRef, useState } from "react";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
|
|
4
4
|
import { useSkeletonMode } from "../SkeletonMode/skeletonModeContext.mjs";
|
|
5
5
|
import { useLocalizedStringFormatter as useLocalizedStringFormatter$1 } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
|
|
6
|
-
import __locale_default from "../../../../../_virtual/
|
|
6
|
+
import __locale_default from "../../../../../_virtual/_32.locale.mjs";
|
|
7
7
|
import Kbd_module_default from "./Kbd.module.mjs";
|
|
8
8
|
import clsx from "clsx";
|
|
9
9
|
import { Fragment } from "react";
|
|
@@ -8,7 +8,7 @@ import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalized
|
|
|
8
8
|
import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExit.mjs";
|
|
9
9
|
import { SkeletonTextContent } from "../SkeletonMode/components/SkeletonTextContent/SkeletonTextContent.mjs";
|
|
10
10
|
import Label_module_default from "./Label.module.mjs";
|
|
11
|
-
import __locale_default from "../../../../../_virtual/
|
|
11
|
+
import __locale_default from "../../../../../_virtual/_9.locale.mjs";
|
|
12
12
|
import clsx from "clsx";
|
|
13
13
|
import React from "react";
|
|
14
14
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -7,7 +7,7 @@ import { UiComponentTunnelExit } from "../UiComponentTunnel/UiComponentTunnelExi
|
|
|
7
7
|
import { useOverlayController } from "../../lib/controller/overlay/useOverlayController.mjs";
|
|
8
8
|
import ButtonView from "../../views/ButtonView.mjs";
|
|
9
9
|
import DivView from "../../views/DivView.mjs";
|
|
10
|
-
import __locale_default from "../../../../../_virtual/
|
|
10
|
+
import __locale_default from "../../../../../_virtual/_22.locale.mjs";
|
|
11
11
|
import { Overlay } from "../Overlay/Overlay.mjs";
|
|
12
12
|
import LightBox_module_default from "./LightBox.module.mjs";
|
|
13
13
|
import clsx from "clsx";
|
package/dist/js/packages/components/src/components/LightBox/components/LightBoxGallery/Controls.mjs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
|
|
4
4
|
import LightBoxGallery_module_default from "./LightBoxGallery.module.mjs";
|
|
5
|
-
import __locale_default from "../../../../../../../_virtual/
|
|
5
|
+
import __locale_default from "../../../../../../../_virtual/_22.locale.mjs";
|
|
6
6
|
import clsx from "clsx";
|
|
7
7
|
import { jsx } from "react/jsx-runtime";
|
|
8
8
|
//#region src/components/LightBox/components/LightBoxGallery/Controls.tsx
|
|
@@ -5,7 +5,7 @@ import { IconChevronLeft } from "../../../Icon/components/icons/IconChevronLeft.
|
|
|
5
5
|
import { IconChevronRight } from "../../../Icon/components/icons/IconChevronRight.mjs";
|
|
6
6
|
import { Button } from "../../../Button/Button.mjs";
|
|
7
7
|
import LightBoxGallery_module_default from "./LightBoxGallery.module.mjs";
|
|
8
|
-
import __locale_default from "../../../../../../../_virtual/
|
|
8
|
+
import __locale_default from "../../../../../../../_virtual/_22.locale.mjs";
|
|
9
9
|
import { Controls } from "./Controls.mjs";
|
|
10
10
|
import clsx from "clsx";
|
|
11
11
|
import React, { useEffect, useRef, useState } from "react";
|
|
@@ -7,7 +7,7 @@ import { Button } from "../../../Button/Button.mjs";
|
|
|
7
7
|
import { UiComponentTunnelExit } from "../../../UiComponentTunnel/UiComponentTunnelExit.mjs";
|
|
8
8
|
import { useOverlayController } from "../../../../lib/controller/overlay/useOverlayController.mjs";
|
|
9
9
|
import LightBoxGallery_module_default from "../LightBoxGallery/LightBoxGallery.module.mjs";
|
|
10
|
-
import __locale_default from "../../../../../../../_virtual/
|
|
10
|
+
import __locale_default from "../../../../../../../_virtual/_22.locale.mjs";
|
|
11
11
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
12
12
|
import { useLocalizedStringFormatter } from "react-aria";
|
|
13
13
|
//#region src/components/LightBox/components/LightBoxGalleryItem/LightBoxGalleryItem.tsx
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { IconDownload } from "../../../Icon/components/icons/IconDownload.mjs";
|
|
4
4
|
import { IconExternalLink } from "../../../Icon/components/icons/IconExternalLink.mjs";
|
|
5
5
|
import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
|
|
6
|
-
import __locale_default from "../../../../../../../_virtual/
|
|
6
|
+
import __locale_default from "../../../../../../../_virtual/_16.locale.mjs";
|
|
7
7
|
import LinkIcon_module_default from "./LinkIcon.module.mjs";
|
|
8
8
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
9
9
|
//#region src/components/Link/components/LinkIcon/LinkIcon.tsx
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import { IconSearch } from "../../../Icon/components/icons/IconSearch.mjs";
|
|
4
4
|
import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
|
|
5
|
-
import __locale_default from "../../../../../../../_virtual/
|
|
5
|
+
import __locale_default from "../../../../../../../_virtual/_18.locale.mjs";
|
|
6
6
|
import IllustratedMessageView from "../../../../views/IllustratedMessageView.mjs";
|
|
7
7
|
import HeadingView from "../../../../views/HeadingView.mjs";
|
|
8
8
|
import TextView from "../../../../views/TextView.mjs";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import { IconUnorderedList } from "../../../Icon/components/icons/IconUnorderedList.mjs";
|
|
4
4
|
import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
|
|
5
|
-
import __locale_default from "../../../../../../../_virtual/
|
|
5
|
+
import __locale_default from "../../../../../../../_virtual/_18.locale.mjs";
|
|
6
6
|
import IllustratedMessageView from "../../../../views/IllustratedMessageView.mjs";
|
|
7
7
|
import HeadingView from "../../../../views/HeadingView.mjs";
|
|
8
8
|
import TextView from "../../../../views/TextView.mjs";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
|
|
4
4
|
import DivView from "../../../../views/DivView.mjs";
|
|
5
5
|
import LoadingSpinnerView from "../../../../views/LoadingSpinnerView.mjs";
|
|
6
|
-
import __locale_default from "../../../../../../../_virtual/
|
|
6
|
+
import __locale_default from "../../../../../../../_virtual/_18.locale.mjs";
|
|
7
7
|
import { useList } from "../../hooks/useList.mjs";
|
|
8
8
|
import Footer_module_default from "./Footer.module.mjs";
|
|
9
9
|
import { PaginationInfos } from "./components/PaginationInfos/PaginationInfos.mjs";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
|
|
4
|
-
import __locale_default from "../../../../../../../../../_virtual/
|
|
4
|
+
import __locale_default from "../../../../../../../../../_virtual/_18.locale.mjs";
|
|
5
5
|
import TextView from "../../../../../../views/TextView.mjs";
|
|
6
6
|
import { useList } from "../../../../hooks/useList.mjs";
|
|
7
7
|
import SkeletonView from "../../../../../../views/SkeletonView.mjs";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
|
|
4
4
|
import ButtonView from "../../../../../../views/ButtonView.mjs";
|
|
5
|
-
import __locale_default from "../../../../../../../../../_virtual/
|
|
5
|
+
import __locale_default from "../../../../../../../../../_virtual/_18.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
|
|
@@ -6,7 +6,7 @@ import { IconUndo } from "../../../../../Icon/components/icons/IconUndo.mjs";
|
|
|
6
6
|
import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
|
|
7
7
|
import ButtonView from "../../../../../../views/ButtonView.mjs";
|
|
8
8
|
import DivView from "../../../../../../views/DivView.mjs";
|
|
9
|
-
import __locale_default from "../../../../../../../../../_virtual/
|
|
9
|
+
import __locale_default from "../../../../../../../../../_virtual/_18.locale.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";
|
|
@@ -72,6 +72,7 @@ var ActiveFilters = observer((props) => {
|
|
|
72
72
|
variant: "plain",
|
|
73
73
|
color: "secondary",
|
|
74
74
|
onPress: () => list.clearFilters(),
|
|
75
|
+
"aria-label": formatter.format("filters.clear"),
|
|
75
76
|
children: /* @__PURE__ */ jsx(IconClose, {})
|
|
76
77
|
})]
|
|
77
78
|
}) : void 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActiveFilters.mjs","names":["locales","styles"],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/ActiveFilters/ActiveFilters.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport styles from \"./ActiveFilters.module.scss\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { observer } from \"mobx-react-lite\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport {\n IconClose,\n IconSave,\n IconUndo,\n} from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport TooltipView from \"@/views/TooltipView\";\nimport DivView from \"@/views/DivView\";\nimport BadgeView from \"@/views/BadgeView\";\nimport TooltipTriggerView from \"@/views/TooltipTriggerView\";\nimport TextView from \"@/views/TextView\";\nimport { Filter } from \"@/components/List/model/filter/Filter\";\nimport { transformDateValueToFormattedDate } from \"@/lib/date/transformDateValueToFormattedDate\";\nimport { DateRangeFilter } from \"@/components/List/model/filter/DateRangeFilter\";\n\ninterface Props {\n isDisabled?: boolean;\n}\n\nexport const ActiveFilters: FC<Props> = observer((props) => {\n const { isDisabled } = props;\n const list = useList();\n const formatter = useLocalizedStringFormatter(locales, \"List\");\n\n const activeFilters = list.filters.flatMap((f) => {\n if (f instanceof DateRangeFilter) {\n const value = f.getValue();\n if (value) {\n return [\n <BadgeView\n key={f.name}\n onClose={() => f.clear()}\n isDisabled={isDisabled}\n >\n <TextView>\n {`${transformDateValueToFormattedDate(value.start)} - ${transformDateValueToFormattedDate(value.end)}`}\n </TextView>\n </BadgeView>,\n ];\n }\n }\n\n return f.values\n .filter((v) => v.isActive)\n .map((v) => (\n <BadgeView\n key={v.id}\n onClose={() => v.deactivate()}\n isDisabled={isDisabled}\n >\n <TextView>{v.render()}</TextView>\n </BadgeView>\n ));\n });\n\n const storingAvailable = list.filters.some((f) => f.isStoringAvailable());\n const hasChanges = list.filters.some((f) => f.hasChanges());\n\n const storeFiltersButton = storingAvailable && hasChanges && (\n <TooltipTriggerView isDisabled={isDisabled}>\n <TooltipView>{formatter.format(\"filters.store\")}</TooltipView>\n <ButtonView\n size=\"s\"\n variant=\"plain\"\n color=\"secondary\"\n onPress={() =>\n Filter.storeFilters(list, list.filters, {\n autosave: false,\n manualSave: true,\n })\n }\n aria-label={formatter.format(\"filters.store\")}\n >\n <IconSave />\n </ButtonView>\n </TooltipTriggerView>\n );\n\n const resetFiltersButton = hasChanges ? (\n <TooltipTriggerView isDisabled={isDisabled}>\n <TooltipView>{formatter.format(\"filters.reset\")}</TooltipView>\n <ButtonView\n size=\"s\"\n variant=\"plain\"\n color=\"secondary\"\n onPress={() => list.resetFilters()}\n aria-label={formatter.format(\"filters.reset\")}\n >\n <IconUndo />\n </ButtonView>\n </TooltipTriggerView>\n ) : undefined;\n\n const removeAllFiltersButton =\n activeFilters.length > 1 ? (\n <TooltipTriggerView isDisabled={isDisabled}>\n <TooltipView>{formatter.format(\"filters.clear\")}</TooltipView>\n <ButtonView\n size=\"s\"\n variant=\"plain\"\n color=\"secondary\"\n onPress={() => list.clearFilters()}\n >\n <IconClose />\n </ButtonView>\n </TooltipTriggerView>\n ) : undefined;\n\n if (\n activeFilters.length === 0 &&\n !storeFiltersButton &&\n !resetFiltersButton\n ) {\n return null;\n }\n\n return (\n <DivView className={styles.activeFilters}>\n {activeFilters}\n {storeFiltersButton}\n {resetFiltersButton}\n {removeAllFiltersButton}\n </DivView>\n );\n});\n\nexport default ActiveFilters;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyBA,IAAa,gBAA2B,UAAU,UAAU;CAC1D,MAAM,EAAE,eAAe;CACvB,MAAM,OAAO,QAAQ;CACrB,MAAM,YAAY,4BAA4BA,kBAAS,MAAM;CAE7D,MAAM,gBAAgB,KAAK,QAAQ,SAAS,MAAM;EAChD,IAAI,aAAa,iBAAiB;GAChC,MAAM,QAAQ,EAAE,SAAS;GACzB,IAAI,OACF,OAAO,CACL,oBAAC,WAAD;IAEE,eAAe,EAAE,MAAM;IACX;IAEZ,UAAA,oBAAC,UAAD,EAAA,UACG,GAAG,kCAAkC,MAAM,KAAK,EAAE,KAAK,kCAAkC,MAAM,GAAG,IAC3F,CAAA;GACD,GAPJ,EAAE,IAOE,CACb;EAEJ;EAEA,OAAO,EAAE,OACN,QAAQ,MAAM,EAAE,QAAQ,CAAC,CACzB,KAAK,MACJ,oBAAC,WAAD;GAEE,eAAe,EAAE,WAAW;GAChB;GAEZ,UAAA,oBAAC,UAAD,EAAA,UAAW,EAAE,OAAO,EAAY,CAAA;EACvB,GALJ,EAAE,EAKE,CACZ;CACL,CAAC;CAED,MAAM,mBAAmB,KAAK,QAAQ,MAAM,MAAM,EAAE,mBAAmB,CAAC;CACxE,MAAM,aAAa,KAAK,QAAQ,MAAM,MAAM,EAAE,WAAW,CAAC;CAE1D,MAAM,qBAAqB,oBAAoB,cAC7C,qBAAC,oBAAD;EAAgC;EAAhC,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,UAAU,OAAO,eAAe,EAAe,CAAA,GAC7D,oBAAC,YAAD;GACE,MAAK;GACL,SAAQ;GACR,OAAM;GACN,eACE,OAAO,aAAa,MAAM,KAAK,SAAS;IACtC,UAAU;IACV,YAAY;GACd,CAAC;GAEH,cAAY,UAAU,OAAO,eAAe;GAE5C,UAAA,oBAAC,UAAD,CAAW,CAAA;EACD,CAAA,CACM;;CAGtB,MAAM,qBAAqB,aACzB,qBAAC,oBAAD;EAAgC;EAAhC,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,UAAU,OAAO,eAAe,EAAe,CAAA,GAC7D,oBAAC,YAAD;GACE,MAAK;GACL,SAAQ;GACR,OAAM;GACN,eAAe,KAAK,aAAa;GACjC,cAAY,UAAU,OAAO,eAAe;GAE5C,UAAA,oBAAC,UAAD,CAAW,CAAA;EACD,CAAA,CACM;CAClB,CAAA,IAAA,KAAA;CAEJ,MAAM,yBACJ,cAAc,SAAS,IACrB,qBAAC,oBAAD;EAAgC;EAAhC,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,UAAU,OAAO,eAAe,EAAe,CAAA,GAC7D,oBAAC,YAAD;GACE,MAAK;GACL,SAAQ;GACR,OAAM;GACN,eAAe,KAAK,aAAa;
|
|
1
|
+
{"version":3,"file":"ActiveFilters.mjs","names":["locales","styles"],"sources":["../../../../../../../../../../../src/components/List/components/Header/components/ActiveFilters/ActiveFilters.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useList } from \"@/components/List/hooks/useList\";\nimport styles from \"./ActiveFilters.module.scss\";\nimport locales from \"../../../../locales/*.locale.json\";\nimport { observer } from \"mobx-react-lite\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport {\n IconClose,\n IconSave,\n IconUndo,\n} from \"@/components/Icon/components/icons\";\nimport ButtonView from \"@/views/ButtonView\";\nimport TooltipView from \"@/views/TooltipView\";\nimport DivView from \"@/views/DivView\";\nimport BadgeView from \"@/views/BadgeView\";\nimport TooltipTriggerView from \"@/views/TooltipTriggerView\";\nimport TextView from \"@/views/TextView\";\nimport { Filter } from \"@/components/List/model/filter/Filter\";\nimport { transformDateValueToFormattedDate } from \"@/lib/date/transformDateValueToFormattedDate\";\nimport { DateRangeFilter } from \"@/components/List/model/filter/DateRangeFilter\";\n\ninterface Props {\n isDisabled?: boolean;\n}\n\nexport const ActiveFilters: FC<Props> = observer((props) => {\n const { isDisabled } = props;\n const list = useList();\n const formatter = useLocalizedStringFormatter(locales, \"List\");\n\n const activeFilters = list.filters.flatMap((f) => {\n if (f instanceof DateRangeFilter) {\n const value = f.getValue();\n if (value) {\n return [\n <BadgeView\n key={f.name}\n onClose={() => f.clear()}\n isDisabled={isDisabled}\n >\n <TextView>\n {`${transformDateValueToFormattedDate(value.start)} - ${transformDateValueToFormattedDate(value.end)}`}\n </TextView>\n </BadgeView>,\n ];\n }\n }\n\n return f.values\n .filter((v) => v.isActive)\n .map((v) => (\n <BadgeView\n key={v.id}\n onClose={() => v.deactivate()}\n isDisabled={isDisabled}\n >\n <TextView>{v.render()}</TextView>\n </BadgeView>\n ));\n });\n\n const storingAvailable = list.filters.some((f) => f.isStoringAvailable());\n const hasChanges = list.filters.some((f) => f.hasChanges());\n\n const storeFiltersButton = storingAvailable && hasChanges && (\n <TooltipTriggerView isDisabled={isDisabled}>\n <TooltipView>{formatter.format(\"filters.store\")}</TooltipView>\n <ButtonView\n size=\"s\"\n variant=\"plain\"\n color=\"secondary\"\n onPress={() =>\n Filter.storeFilters(list, list.filters, {\n autosave: false,\n manualSave: true,\n })\n }\n aria-label={formatter.format(\"filters.store\")}\n >\n <IconSave />\n </ButtonView>\n </TooltipTriggerView>\n );\n\n const resetFiltersButton = hasChanges ? (\n <TooltipTriggerView isDisabled={isDisabled}>\n <TooltipView>{formatter.format(\"filters.reset\")}</TooltipView>\n <ButtonView\n size=\"s\"\n variant=\"plain\"\n color=\"secondary\"\n onPress={() => list.resetFilters()}\n aria-label={formatter.format(\"filters.reset\")}\n >\n <IconUndo />\n </ButtonView>\n </TooltipTriggerView>\n ) : undefined;\n\n const removeAllFiltersButton =\n activeFilters.length > 1 ? (\n <TooltipTriggerView isDisabled={isDisabled}>\n <TooltipView>{formatter.format(\"filters.clear\")}</TooltipView>\n <ButtonView\n size=\"s\"\n variant=\"plain\"\n color=\"secondary\"\n onPress={() => list.clearFilters()}\n aria-label={formatter.format(\"filters.clear\")}\n >\n <IconClose />\n </ButtonView>\n </TooltipTriggerView>\n ) : undefined;\n\n if (\n activeFilters.length === 0 &&\n !storeFiltersButton &&\n !resetFiltersButton\n ) {\n return null;\n }\n\n return (\n <DivView className={styles.activeFilters}>\n {activeFilters}\n {storeFiltersButton}\n {resetFiltersButton}\n {removeAllFiltersButton}\n </DivView>\n );\n});\n\nexport default ActiveFilters;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyBA,IAAa,gBAA2B,UAAU,UAAU;CAC1D,MAAM,EAAE,eAAe;CACvB,MAAM,OAAO,QAAQ;CACrB,MAAM,YAAY,4BAA4BA,kBAAS,MAAM;CAE7D,MAAM,gBAAgB,KAAK,QAAQ,SAAS,MAAM;EAChD,IAAI,aAAa,iBAAiB;GAChC,MAAM,QAAQ,EAAE,SAAS;GACzB,IAAI,OACF,OAAO,CACL,oBAAC,WAAD;IAEE,eAAe,EAAE,MAAM;IACX;IAEZ,UAAA,oBAAC,UAAD,EAAA,UACG,GAAG,kCAAkC,MAAM,KAAK,EAAE,KAAK,kCAAkC,MAAM,GAAG,IAC3F,CAAA;GACD,GAPJ,EAAE,IAOE,CACb;EAEJ;EAEA,OAAO,EAAE,OACN,QAAQ,MAAM,EAAE,QAAQ,CAAC,CACzB,KAAK,MACJ,oBAAC,WAAD;GAEE,eAAe,EAAE,WAAW;GAChB;GAEZ,UAAA,oBAAC,UAAD,EAAA,UAAW,EAAE,OAAO,EAAY,CAAA;EACvB,GALJ,EAAE,EAKE,CACZ;CACL,CAAC;CAED,MAAM,mBAAmB,KAAK,QAAQ,MAAM,MAAM,EAAE,mBAAmB,CAAC;CACxE,MAAM,aAAa,KAAK,QAAQ,MAAM,MAAM,EAAE,WAAW,CAAC;CAE1D,MAAM,qBAAqB,oBAAoB,cAC7C,qBAAC,oBAAD;EAAgC;EAAhC,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,UAAU,OAAO,eAAe,EAAe,CAAA,GAC7D,oBAAC,YAAD;GACE,MAAK;GACL,SAAQ;GACR,OAAM;GACN,eACE,OAAO,aAAa,MAAM,KAAK,SAAS;IACtC,UAAU;IACV,YAAY;GACd,CAAC;GAEH,cAAY,UAAU,OAAO,eAAe;GAE5C,UAAA,oBAAC,UAAD,CAAW,CAAA;EACD,CAAA,CACM;;CAGtB,MAAM,qBAAqB,aACzB,qBAAC,oBAAD;EAAgC;EAAhC,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,UAAU,OAAO,eAAe,EAAe,CAAA,GAC7D,oBAAC,YAAD;GACE,MAAK;GACL,SAAQ;GACR,OAAM;GACN,eAAe,KAAK,aAAa;GACjC,cAAY,UAAU,OAAO,eAAe;GAE5C,UAAA,oBAAC,UAAD,CAAW,CAAA;EACD,CAAA,CACM;CAClB,CAAA,IAAA,KAAA;CAEJ,MAAM,yBACJ,cAAc,SAAS,IACrB,qBAAC,oBAAD;EAAgC;EAAhC,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,UAAU,OAAO,eAAe,EAAe,CAAA,GAC7D,oBAAC,YAAD;GACE,MAAK;GACL,SAAQ;GACR,OAAM;GACN,eAAe,KAAK,aAAa;GACjC,cAAY,UAAU,OAAO,eAAe;GAE5C,UAAA,oBAAC,WAAD,CAAY,CAAA;EACF,CAAA,CACM;CAClB,CAAA,IAAA,KAAA;CAEN,IACE,cAAc,WAAW,KACzB,CAAC,sBACD,CAAC,oBAED,OAAO;CAGT,OACE,qBAAC,SAAD;EAAS,WAAWC,6BAAO;EAA3B,UAAA;GACG;GACA;GACA;GACA;EACM;;AAEb,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/
|
|
|
5
5
|
import { useOverlayController } from "../../../../../../lib/controller/overlay/useOverlayController.mjs";
|
|
6
6
|
import ButtonView from "../../../../../../views/ButtonView.mjs";
|
|
7
7
|
import SkeletonTextView from "../../../../../../views/SkeletonTextView.mjs";
|
|
8
|
-
import __locale_default from "../../../../../../../../../_virtual/
|
|
8
|
+
import __locale_default from "../../../../../../../../../_virtual/_18.locale.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";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
/* */
|
|
3
3
|
import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
|
|
4
|
-
import __locale_default from "../../../../../../../../../_virtual/
|
|
4
|
+
import __locale_default from "../../../../../../../../../_virtual/_18.locale.mjs";
|
|
5
5
|
import CheckboxGroupView from "../../../../../../views/CheckboxGroupView.mjs";
|
|
6
6
|
import CheckboxView from "../../../../../../views/CheckboxView.mjs";
|
|
7
7
|
import FilterAccordionCheckboxGroup_module_default from "./FilterAccordionCheckboxGroup.module.mjs";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
|
|
4
4
|
import ButtonView from "../../../../../../views/ButtonView.mjs";
|
|
5
|
-
import __locale_default from "../../../../../../../../../_virtual/
|
|
5
|
+
import __locale_default from "../../../../../../../../../_virtual/_18.locale.mjs";
|
|
6
6
|
import RangeCalendarView from "../../../../../../views/RangeCalendarView.mjs";
|
|
7
7
|
import FlexView from "../../../../../../views/FlexView.mjs";
|
|
8
8
|
import "react";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/* */
|
|
3
3
|
import { useLocalizedStringFormatter } from "../../../../../TranslationProvider/useLocalizedStringFormatter.mjs";
|
|
4
4
|
import ButtonView from "../../../../../../views/ButtonView.mjs";
|
|
5
|
-
import __locale_default from "../../../../../../../../../_virtual/
|
|
5
|
+
import __locale_default from "../../../../../../../../../_virtual/_18.locale.mjs";
|
|
6
6
|
import RadioGroupView from "../../../../../../views/RadioGroupView.mjs";
|
|
7
7
|
import RadioView from "../../../../../../views/RadioView.mjs";
|
|
8
8
|
import FlexView from "../../../../../../views/FlexView.mjs";
|