@mittwald/flow-react-components 0.2.0-alpha.516 → 0.2.0-alpha.518
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/CHANGELOG.md +8 -0
- package/dist/assets/doc-properties.json +30692 -30640
- package/dist/js/components/src/components/AccentBox/AccentBox.mjs.map +1 -1
- package/dist/js/components/src/components/Accordion/Accordion.mjs.map +1 -1
- package/dist/js/components/src/components/Action/Action.mjs.map +1 -1
- package/dist/js/components/src/components/Action/context.mjs.map +1 -1
- package/dist/js/components/src/components/Action/hooks/useActionButtonState.mjs.map +1 -1
- package/dist/js/components/src/components/Action/hooks/useConfirmationModalButtonSlot.mjs.map +1 -1
- package/dist/js/components/src/components/Action/lib/ariaLive.mjs.map +1 -1
- package/dist/js/components/src/components/Action/models/ActionExecution.mjs.map +1 -1
- package/dist/js/components/src/components/Action/models/ActionExecutionBatch.mjs.map +1 -1
- package/dist/js/components/src/components/Action/models/ActionModel.mjs.map +1 -1
- package/dist/js/components/src/components/Action/models/ActionState.mjs.map +1 -1
- package/dist/js/components/src/components/Action/models/ActionStateContext.mjs.map +1 -1
- package/dist/js/components/src/components/Action/models/getExecutionFunction.mjs.map +1 -1
- package/dist/js/components/src/components/ActionGroup/ActionGroup.mjs.map +1 -1
- package/dist/js/components/src/components/ActionGroup/lib/getActionGroupSlot.mjs.map +1 -1
- package/dist/js/components/src/components/Activity/Activity.mjs.map +1 -1
- package/dist/js/components/src/components/Alert/Alert.mjs.map +1 -1
- package/dist/js/components/src/components/AlertBadge/AlertBadge.mjs.map +1 -1
- package/dist/js/components/src/components/AlertIcon/AlertIcon.mjs.map +1 -1
- package/dist/js/components/src/components/Align/Align.mjs.map +1 -1
- package/dist/js/components/src/components/Autocomplete/Autocomplete.mjs.map +1 -1
- package/dist/js/components/src/components/Avatar/Avatar.mjs.map +1 -1
- package/dist/js/components/src/components/Avatar/avatarColors.mjs.map +1 -1
- package/dist/js/components/src/components/AvatarStack/AvatarStack.mjs.map +1 -1
- package/dist/js/components/src/components/Badge/Badge.mjs.map +1 -1
- package/dist/js/components/src/components/BigNumber/BigNumber.mjs.map +1 -1
- package/dist/js/components/src/components/Breadcrumb/Breadcrumb.mjs.map +1 -1
- package/dist/js/components/src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.mjs.map +1 -1
- package/dist/js/components/src/components/BrowserOnly/BrowserOnly.mjs.map +1 -1
- package/dist/js/components/src/components/Button/Button.mjs.map +1 -1
- package/dist/js/components/src/components/Calendar/Calendar.mjs.map +1 -1
- package/dist/js/components/src/components/Calendar/RangeCalendar.mjs.map +1 -1
- package/dist/js/components/src/components/Calendar/components/CalendarHeader/CalendarHeader.mjs.map +1 -1
- package/dist/js/components/src/components/CartesianChart/CartesianChart.mjs.map +1 -1
- package/dist/js/components/src/components/CartesianChart/components/Area/Area.mjs.map +1 -1
- package/dist/js/components/src/components/CartesianChart/components/AreaDot/AreaDot.mjs.map +1 -1
- package/dist/js/components/src/components/CartesianChart/components/CartesianGrid/CartesianGrid.mjs.map +1 -1
- package/dist/js/components/src/components/CartesianChart/components/ChartLegend/ChartLegend.mjs.map +1 -1
- package/dist/js/components/src/components/CartesianChart/components/ChartLegend/LegendContent.mjs.map +1 -1
- package/dist/js/components/src/components/CartesianChart/components/ChartTooltip/ChartTooltip.mjs.map +1 -1
- package/dist/js/components/src/components/CartesianChart/components/ChartTooltip/TooltipContent.mjs.map +1 -1
- package/dist/js/components/src/components/CartesianChart/components/Line/Line.mjs.map +1 -1
- package/dist/js/components/src/components/CartesianChart/components/XAxis/XAxis.mjs.map +1 -1
- package/dist/js/components/src/components/CartesianChart/components/YAxis/YAxis.mjs.map +1 -1
- package/dist/js/components/src/components/Chat/Chat.mjs.map +1 -1
- package/dist/js/components/src/components/Checkbox/Checkbox.mjs.map +1 -1
- package/dist/js/components/src/components/CheckboxButton/CheckboxButton.mjs.map +1 -1
- package/dist/js/components/src/components/CheckboxGroup/CheckboxGroup.mjs.map +1 -1
- package/dist/js/components/src/components/CodeBlock/CodeBlock.mjs.map +1 -1
- package/dist/js/components/src/components/Color/Color.mjs.map +1 -1
- package/dist/js/components/src/components/ColumnLayout/ColumnLayout.mjs.map +1 -1
- package/dist/js/components/src/components/ColumnLayout/lib/getColumns.mjs.map +1 -1
- package/dist/js/components/src/components/ComboBox/ComboBox.mjs.map +1 -1
- package/dist/js/components/src/components/Content/Content.mjs.map +1 -1
- package/dist/js/components/src/components/ContextMenu/ContextMenu.mjs.map +1 -1
- package/dist/js/components/src/components/ContextMenu/components/ContextMenuContent/ContextMenuContent.mjs.map +1 -1
- package/dist/js/components/src/components/ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs.map +1 -1
- package/dist/js/components/src/components/ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs.map +1 -1
- package/dist/js/components/src/components/ContextMenu/lib.mjs.map +1 -1
- package/dist/js/components/src/components/ContextualHelp/ContextualHelp.mjs.map +1 -1
- package/dist/js/components/src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs.map +1 -1
- package/dist/js/components/src/components/CopyButton/CopyButton.mjs.map +1 -1
- package/dist/js/components/src/components/CounterBadge/CounterBadge.mjs.map +1 -1
- package/dist/js/components/src/components/CountryOptions/CountryOptions.mjs.map +1 -1
- package/dist/js/components/src/components/CountryOptions/lib/sortBy.mjs.map +1 -1
- package/dist/js/components/src/components/DatePicker/DatePicker.mjs.map +1 -1
- package/dist/js/components/src/components/DatePicker/components/DateInput/DateInput.mjs.map +1 -1
- package/dist/js/components/src/components/DateRangePicker/DateRangePicker.mjs.map +1 -1
- package/dist/js/components/src/components/DateRangePicker/components/DateRangeInput/DateRangeInput.mjs.map +1 -1
- package/dist/js/components/src/components/Div/Div.mjs.map +1 -1
- package/dist/js/components/src/components/DonutChart/DonutChart.mjs.map +1 -1
- package/dist/js/components/src/components/DonutChart/components/Donut.mjs.map +1 -1
- package/dist/js/components/src/components/DonutChart/components/DonutChartFill.mjs.map +1 -1
- package/dist/js/components/src/components/DonutChart/components/DonutChartLegend.mjs.map +1 -1
- package/dist/js/components/src/components/DonutChart/components/DonutChartValue.mjs.map +1 -1
- package/dist/js/components/src/components/EmulatedBoldText/EmulatedBoldText.mjs.map +1 -1
- package/dist/js/components/src/components/FieldDescription/FieldDescription.mjs.map +1 -1
- package/dist/js/components/src/components/FieldError/FieldError.mjs.map +1 -1
- package/dist/js/components/src/components/FileCard/FileCard.mjs.map +1 -1
- package/dist/js/components/src/components/FileCard/components/Avatar/Avatar.mjs.map +1 -1
- package/dist/js/components/src/components/FileCard/components/DeleteButton/DeleteButton.mjs.map +1 -1
- package/dist/js/components/src/components/FileCard/components/FileSizeText/FileSizeText.mjs.map +1 -1
- package/dist/js/components/src/components/FileCardList/FileCardList.mjs.map +1 -1
- package/dist/js/components/src/components/FileDropZone/FileDropZone.mjs.map +1 -1
- package/dist/js/components/src/components/FileField/FileField.mjs.map +1 -1
- package/dist/js/components/src/components/FileField/components/FileInput.mjs.map +1 -1
- package/dist/js/components/src/components/Flex/Flex.mjs.map +1 -1
- package/dist/js/components/src/components/Header/Header.mjs.map +1 -1
- package/dist/js/components/src/components/HeaderNavigation/HeaderNavigation.mjs.map +1 -1
- package/dist/js/components/src/components/Heading/Heading.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/Icon.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconAI.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconAnalytics.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconApp.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconAttachment.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconAutoresponder.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconBackLink.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconBackup.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconCamera.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconCertificate.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconChangelog.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconCheck.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconCheckboxChecked.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconCheckboxEmpty.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconCheckboxIndeterminate.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconChevronDown.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconChevronLeft.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconChevronRight.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconChevronUp.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconClose.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconCode.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconContainer.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconContextMenu.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconContextMenuVertical.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconContract.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconContributor.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconCopy.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconCronjob.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconCustomer.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconDanger.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconDashboard.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconDatabase.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconDate.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconDelete.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconDeliveryBox.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconDesktop.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconDirectory.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconDnsSubZone.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconDnsZone.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconDomain.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconDownload.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconEdit.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconEmail.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconEmailArchive.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconExtension.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconExternalLink.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconFailed.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconFile.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconFilter.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconForwardAddress.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconHide.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconHome.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconImage.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconInfo.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconInvite.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconKnowledgeHint.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconLeadFyndr.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconLink.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconLock.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconLockOpen.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconLogout.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconMainUser.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconMarketplace.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconMaximize.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconMember.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconMenu.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconMinimize.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconMinus.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconMittwald.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconMobile.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconMonitoring.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconMove.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconNotification.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconNumber.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconOrder.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconPassword.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconPath.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconPause.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconPayment.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconPending.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconPicture.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconPlus.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconProject.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconRadioOff.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconRadioOn.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconRedo.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconRefresh.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconRegistry.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconSave.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconSearch.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconSecurity.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconSend.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconServer.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconSettings.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconShare.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconShow.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconSorting.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconSsh.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconSshKey.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconSshSftp.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconStar.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconStarFilled.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconStart.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconSubdomain.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconSucceeded.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconSuccess.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconSupport.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconTerminate.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconTicket.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconTime.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconUndo.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconUpload.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconUser.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconVhost.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconView.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconVolume.mjs.map +1 -1
- package/dist/js/components/src/components/Icon/components/icons/IconWarning.mjs.map +1 -1
- package/dist/js/components/src/components/IllustratedMessage/IllustratedMessage.mjs.map +1 -1
- package/dist/js/components/src/components/Image/Image.mjs.map +1 -1
- package/dist/js/components/src/components/Initials/Initials.mjs.map +1 -1
- package/dist/js/components/src/components/Initials/lib/getColorFromInitials.mjs.map +1 -1
- package/dist/js/components/src/components/Initials/lib/getInitialsFromString.mjs.map +1 -1
- package/dist/js/components/src/components/InlineCode/InlineCode.mjs.map +1 -1
- package/dist/js/components/src/components/Label/Label.mjs.map +1 -1
- package/dist/js/components/src/components/LabeledValue/LabeledValue.mjs.map +1 -1
- package/dist/js/components/src/components/LayoutCard/LayoutCard.mjs.map +1 -1
- package/dist/js/components/src/components/Legend/Legend.mjs.map +1 -1
- package/dist/js/components/src/components/Legend/components/LegendItem/LegendItem.mjs.map +1 -1
- package/dist/js/components/src/components/LightBox/LightBox.mjs.map +1 -1
- package/dist/js/components/src/components/LightBox/components/LightBoxTrigger/LightBoxTrigger.mjs.map +1 -1
- package/dist/js/components/src/components/Link/Link.mjs.map +1 -1
- package/dist/js/components/src/components/Link/components/LinkIcon/LinkIcon.mjs.map +1 -1
- package/dist/js/components/src/components/Link/context.mjs.map +1 -1
- package/dist/js/components/src/components/List/List.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/DataLoader/DataLoader.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Footer/Footer.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Footer/components/PaginationInfos/PaginationInfos.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Footer/components/ShowNextBatchButton/ShowNextBatchButton.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Header/Header.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Header/components/ActiveFilters/ActiveFilters.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Header/components/Filters/CombinedFilterMenu.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Header/components/Filters/FilterMenu.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Header/components/Filters/FilterMenuItem.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Header/components/Filters/FilterMenuList.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Header/components/SearchField/SearchField.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Header/components/Settings/SettingsMenu.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Header/components/Settings/SortingMenu.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Header/components/Settings/SortingMenuItem.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Header/components/Settings/ViewModeMenu.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Header/components/Settings/ViewModeMenuItem.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Header/lib.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Items/Items.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Items/components/FallbackItems/FallbackItems.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Items/components/Item/Item.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Items/components/Item/components/AccordionButton.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Items/components/Item/components/ListItemSkeletonView/ListItemSkeletonView.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Items/components/Item/components/OptionsButton/OptionsButton.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Items/components/Item/hooks/useGridItemProps.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Items/views/GridList/GridList.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Items/views/GridListItem/GridListItem.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/ListItemView/ListItemView.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/ListItemView/components/ListItemViewContent/ListItemViewContent.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/ListSummary/ListSummary.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Table/Table.mjs.map +1 -1
- package/dist/js/components/src/components/List/components/Table/components/TableLoadingView.mjs.map +1 -1
- package/dist/js/components/src/components/List/hooks/useAriaAnnounceSearchState.mjs.map +1 -1
- package/dist/js/components/src/components/List/hooks/useList.mjs.map +1 -1
- package/dist/js/components/src/components/List/listContext.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/List.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/ReactTable.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/filter/Filter.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/filter/FilterValue.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/item/Item.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/item/ItemCollection.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/item/ItemView.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/loading/IncrementalLoader.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/loading/IncrementalLoaderState.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/pagination/BatchesController.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/search/Search.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/sorting/Sorting.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/sorting/SortingFunctions.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/table/Table.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/table/TableBody.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/table/TableCell.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/table/TableColumn.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/table/TableHeader.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/table/TableRow.mjs.map +1 -1
- package/dist/js/components/src/components/List/model/types.mjs.map +1 -1
- package/dist/js/components/src/components/List/setupComponents/ListFilter.mjs.map +1 -1
- package/dist/js/components/src/components/List/setupComponents/ListItem.mjs.map +1 -1
- package/dist/js/components/src/components/List/setupComponents/ListLoaderAsync.mjs.map +1 -1
- package/dist/js/components/src/components/List/setupComponents/ListLoaderAsyncResource.mjs.map +1 -1
- package/dist/js/components/src/components/List/setupComponents/ListSearch.mjs.map +1 -1
- package/dist/js/components/src/components/List/setupComponents/ListSorting.mjs.map +1 -1
- package/dist/js/components/src/components/List/setupComponents/ListStaticData.mjs.map +1 -1
- package/dist/js/components/src/components/List/setupComponents/Table.mjs.map +1 -1
- package/dist/js/components/src/components/List/setupComponents/TableBody.mjs.map +1 -1
- package/dist/js/components/src/components/List/setupComponents/TableCell.mjs.map +1 -1
- package/dist/js/components/src/components/List/setupComponents/TableColumn.mjs.map +1 -1
- package/dist/js/components/src/components/List/setupComponents/TableHeader.mjs.map +1 -1
- package/dist/js/components/src/components/List/setupComponents/TableRow.mjs.map +1 -1
- package/dist/js/components/src/components/List/typedList.mjs.map +1 -1
- package/dist/js/components/src/components/List/views/EmptyView/EmptyView.mjs.map +1 -1
- package/dist/js/components/src/components/LoadingSpinner/LoadingSpinner.mjs.map +1 -1
- package/dist/js/components/src/components/Markdown/Markdown.mjs.map +1 -1
- package/dist/js/components/src/components/Markdown/lib/getHeadingLevelWithOffset.mjs.map +1 -1
- package/dist/js/components/src/components/MarkdownEditor/MarkdownEditor.mjs.map +1 -1
- package/dist/js/components/src/components/MarkdownEditor/components/ModeButton.mjs.map +1 -1
- package/dist/js/components/src/components/MarkdownEditor/components/Toolbar.mjs.map +1 -1
- package/dist/js/components/src/components/MarkdownEditor/components/ToolbarButton.mjs.map +1 -1
- package/dist/js/components/src/components/MarkdownEditor/lib/handleKeyDown.mjs.map +1 -1
- package/dist/js/components/src/components/MarkdownEditor/lib/insertAtCursor.mjs.map +1 -1
- package/dist/js/components/src/components/MenuItem/MenuItem.mjs.map +1 -1
- package/dist/js/components/src/components/MenuItem/components/MenuItemContent/MenuItemContent.mjs.map +1 -1
- package/dist/js/components/src/components/Message/Message.mjs.map +1 -1
- package/dist/js/components/src/components/MessageThread/MessageThread.mjs.map +1 -1
- package/dist/js/components/src/components/MessageThread/components/MessageSeparator/MessageSeparator.mjs.map +1 -1
- package/dist/js/components/src/components/Modal/Modal.mjs.map +1 -1
- package/dist/js/components/src/components/Modal/components/ModalTrigger/ModalTrigger.mjs.map +1 -1
- package/dist/js/components/src/components/Navigation/Navigation.mjs.map +1 -1
- package/dist/js/components/src/components/Navigation/components/NavigationGroup/NavigationGroup.mjs.map +1 -1
- package/dist/js/components/src/components/Notification/Notification.mjs.map +1 -1
- package/dist/js/components/src/components/NotificationProvider/ControlledNotification.mjs.map +1 -1
- package/dist/js/components/src/components/NotificationProvider/NotificationContainer/NotificationContainer.mjs.map +1 -1
- package/dist/js/components/src/components/NotificationProvider/NotificationController.mjs.map +1 -1
- package/dist/js/components/src/components/NotificationProvider/NotificationProvider.mjs.map +1 -1
- package/dist/js/components/src/components/NumberField/NumberField.mjs.map +1 -1
- package/dist/js/components/src/components/Option/Option.mjs.map +1 -1
- package/dist/js/components/src/components/Options/Options.mjs.map +1 -1
- package/dist/js/components/src/components/Overlay/Overlay.mjs.map +1 -1
- package/dist/js/components/src/components/Overlay/components/OverlayContent.mjs.map +1 -1
- package/dist/js/components/src/components/OverlayTrigger/OverlayTrigger.mjs.map +1 -1
- package/dist/js/components/src/components/OverlayTrigger/components/DialogTrigger/DialogTrigger.mjs.map +1 -1
- package/dist/js/components/src/components/OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs.map +1 -1
- package/dist/js/components/src/components/PasswordCreationField/PasswordCreationField.mjs.map +1 -1
- package/dist/js/components/src/components/PasswordCreationField/components/ComplexityIndicator/ComplexityIndicator.mjs.map +1 -1
- package/dist/js/components/src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.mjs.map +1 -1
- package/dist/js/components/src/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.mjs.map +1 -1
- package/dist/js/components/src/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton.mjs.map +1 -1
- package/dist/js/components/src/components/PasswordCreationField/components/ValidationResultEntry/ValidationResultEntry.mjs.map +1 -1
- package/dist/js/components/src/components/PasswordCreationField/lib/generateValidationTranslation.mjs.map +1 -1
- package/dist/js/components/src/components/PasswordCreationField/lib/getStateFromLatestPolicyValidationResult.mjs.map +1 -1
- package/dist/js/components/src/components/PasswordCreationField/lib/getStatusFromPolicyValidationResult.mjs.map +1 -1
- package/dist/js/components/src/components/PasswordCreationField/lib/usePolicyValidationResult.mjs.map +1 -1
- package/dist/js/components/src/components/PasswordCreationField/worker/generatePassword.mjs.map +1 -1
- package/dist/js/components/src/components/Popover/Popover.mjs.map +1 -1
- package/dist/js/components/src/components/Popover/components/PopoverContent/PopoverContent.mjs.map +1 -1
- package/dist/js/components/src/components/Popover/components/PopoverTrigger/PopoverTrigger.mjs.map +1 -1
- package/dist/js/components/src/components/ProgressBar/ProgressBar.mjs.map +1 -1
- package/dist/js/components/src/components/ProgressBar/components/ProgressBarBar.mjs.map +1 -1
- package/dist/js/components/src/components/ProgressBar/components/ProgressBarLegend.mjs.map +1 -1
- package/dist/js/components/src/components/ProgressBar/components/ProgressBarValue.mjs.map +1 -1
- package/dist/js/components/src/components/RadioGroup/RadioGroup.mjs.map +1 -1
- package/dist/js/components/src/components/RadioGroup/components/Radio/Radio.mjs.map +1 -1
- package/dist/js/components/src/components/RadioGroup/components/RadioButton/RadioButton.mjs.map +1 -1
- package/dist/js/components/src/components/Rating/Rating.mjs.map +1 -1
- package/dist/js/components/src/components/SearchField/SearchField.mjs.map +1 -1
- package/dist/js/components/src/components/Section/Section.mjs.map +1 -1
- package/dist/js/components/src/components/Section/components/SectionHeader/SectionHeader.mjs.map +1 -1
- package/dist/js/components/src/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
- package/dist/js/components/src/components/SegmentedControl/components/Segment/Segment.mjs.map +1 -1
- package/dist/js/components/src/components/Select/Select.mjs +1 -1
- package/dist/js/components/src/components/Select/Select.mjs.map +1 -1
- package/dist/js/components/src/components/Separator/Separator.mjs.map +1 -1
- package/dist/js/components/src/components/SettingsProvider/SettingsProvider.mjs.map +1 -1
- package/dist/js/components/src/components/SettingsProvider/backends/LocalStorageSettingsBackend.mjs.map +1 -1
- package/dist/js/components/src/components/SettingsProvider/backends/settingsBackendFactory.mjs.map +1 -1
- package/dist/js/components/src/components/SettingsProvider/models/ComponentSettings.mjs.map +1 -1
- package/dist/js/components/src/components/SettingsProvider/models/SettingsStore.mjs.map +1 -1
- package/dist/js/components/src/components/Skeleton/Skeleton.mjs.map +1 -1
- package/dist/js/components/src/components/SkeletonText/SkeletonText.mjs.map +1 -1
- package/dist/js/components/src/components/Slider/Slider.mjs.map +1 -1
- package/dist/js/components/src/components/SuspenseTrigger/SuspenseTrigger.mjs.map +1 -1
- package/dist/js/components/src/components/Switch/Switch.mjs.map +1 -1
- package/dist/js/components/src/components/Table/Table.mjs.map +1 -1
- package/dist/js/components/src/components/Table/components/TableBody/TableBody.mjs.map +1 -1
- package/dist/js/components/src/components/Table/components/TableCell/TableCell.mjs.map +1 -1
- package/dist/js/components/src/components/Table/components/TableColumn/TableColumn.mjs.map +1 -1
- package/dist/js/components/src/components/Table/components/TableFooterRow/TableFooterRow.mjs.map +1 -1
- package/dist/js/components/src/components/Table/components/TableHeader/TableHeader.mjs.map +1 -1
- package/dist/js/components/src/components/Table/components/TableRow/TableRow.mjs.map +1 -1
- package/dist/js/components/src/components/Tabs/Tabs.mjs.map +1 -1
- package/dist/js/components/src/components/Tabs/components/Tab/Tab.mjs.map +1 -1
- package/dist/js/components/src/components/Tabs/components/Tab/context.mjs.map +1 -1
- package/dist/js/components/src/components/Tabs/components/TabList/TabList.mjs.map +1 -1
- package/dist/js/components/src/components/Tabs/components/TabTitle/TabTitle.mjs.map +1 -1
- package/dist/js/components/src/components/Tabs/components/TabTitle/TabTitleCollapsed.mjs.map +1 -1
- package/dist/js/components/src/components/Text/Text.mjs.map +1 -1
- package/dist/js/components/src/components/TextArea/TextArea.mjs.map +1 -1
- package/dist/js/components/src/components/TextField/TextField.mjs.map +1 -1
- package/dist/js/components/src/components/TextFieldBase/TextFieldBase.mjs.map +1 -1
- package/dist/js/components/src/components/TimeField/TimeField.mjs.map +1 -1
- package/dist/js/components/src/components/Tooltip/Tooltip.mjs.map +1 -1
- package/dist/js/components/src/components/Tooltip/components/TooltipTrigger/TooltipTrigger.mjs.map +1 -1
- package/dist/js/components/src/components/TranslationProvider/TranslationProvider.mjs.map +1 -1
- package/dist/js/components/src/components/TranslationProvider/useLocalizedContextStringFormatter.mjs.map +1 -1
- package/dist/js/components/src/components/TunnelEntry/TunnelEntry.mjs.map +1 -1
- package/dist/js/components/src/components/Wrap/Wrap.mjs.map +1 -1
- package/dist/js/components/src/components/propTypes/index.mjs.map +1 -1
- package/dist/js/components/src/integrations/@mittwald/password-tools-js/defaultPasswordCreationPolicy.mjs.map +1 -1
- package/dist/js/components/src/integrations/@mittwald/password-tools-js/generatePasswordCreationFieldValidation.mjs.map +1 -1
- package/dist/js/components/src/integrations/nextjs/components/Link/Link.mjs.map +1 -1
- package/dist/js/components/src/integrations/nextjs/components/LinkProvider/LinkProvider.mjs.map +1 -1
- package/dist/js/components/src/integrations/nextjs/components/RouterProvider/RouterProvider.mjs.map +1 -1
- package/dist/js/components/src/integrations/react-hook-form/components/Field/Field.mjs.map +1 -1
- package/dist/js/components/src/integrations/react-hook-form/components/Form/Form.mjs.map +1 -1
- package/dist/js/components/src/integrations/react-hook-form/components/Form/lib/useRegisterActionStateContext.mjs.map +1 -1
- package/dist/js/components/src/integrations/react-hook-form/components/context/formContext.mjs.map +1 -1
- package/dist/js/components/src/lib/array/toArray.mjs.map +1 -1
- package/dist/js/components/src/lib/componentFactory/flowComponent.mjs.map +1 -1
- package/dist/js/components/src/lib/controller/overlay/OverlayContextProvider.mjs.map +1 -1
- package/dist/js/components/src/lib/controller/overlay/OverlayController.mjs.map +1 -1
- package/dist/js/components/src/lib/controller/overlay/context.mjs.map +1 -1
- package/dist/js/components/src/lib/controller/overlay/useOverlayController.mjs.map +1 -1
- package/dist/js/components/src/lib/getContainerBreakpointSizeClassName.mjs.map +1 -1
- package/dist/js/components/src/lib/hooks/dom/useMakeFocusable.mjs.map +1 -1
- package/dist/js/components/src/lib/hooks/dom/useObserveOverflow.mjs.map +1 -1
- package/dist/js/components/src/lib/hooks/useIsMounted.mjs.map +1 -1
- package/dist/js/components/src/lib/hooks/useManagedValue.mjs.map +1 -1
- package/dist/js/components/src/lib/hooks/useOnChange.mjs.map +1 -1
- package/dist/js/components/src/lib/hooks/useProps.mjs.map +1 -1
- package/dist/js/components/src/lib/hooks/useStatic.mjs.map +1 -1
- package/dist/js/components/src/lib/mobx/mobxMapToObject.mjs.map +1 -1
- package/dist/js/components/src/lib/mobx/useSelector.mjs.map +1 -1
- package/dist/js/components/src/lib/promises/callAndReact.mjs.map +1 -1
- package/dist/js/components/src/lib/promises/callFunctionsInOrder.mjs.map +1 -1
- package/dist/js/components/src/lib/promises/sleep.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/components/ClearPropsContext.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/components/ComponentPropsContextProvider.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/components/PropsContextProvider.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/dynamicProps/dynamic.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/dynamicProps/lib.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/dynamicProps/resolveDynamicProps.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/dynamicProps/types.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/inherit/PropsContextLevelProvider.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/inherit/lib.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/inherit/propsContextLevel.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/inherit/types.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/isFlowComponentName.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/isFlowComponentProp.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/mergePropsContext.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/nestedPropsContext/lib.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/nestedPropsContext/types.mjs.map +1 -1
- package/dist/js/components/src/lib/propsContext/propsContext.mjs.map +1 -1
- package/dist/js/components/src/lib/react/ReactAriaControlledValueFix.mjs.map +1 -1
- package/dist/js/components/src/lib/react/areChildrenEmpty.mjs.map +1 -1
- package/dist/js/components/src/lib/react/cloneElement.mjs.map +1 -1
- package/dist/js/components/src/lib/react/components/Render/Render.mjs.map +1 -1
- package/dist/js/components/src/lib/react/components/Translate/Translate.mjs.map +1 -1
- package/dist/js/components/src/lib/react/deepFindOfType.mjs.map +1 -1
- package/dist/js/components/src/lib/react/emitElementValueChange.mjs.map +1 -1
- package/dist/js/components/src/lib/react/getPropsMerger.mjs.map +1 -1
- package/dist/js/components/src/lib/react/remote.mjs.map +1 -1
- package/dist/js/components/src/lib/slotContext/SlotContextProvider.mjs.map +1 -1
- package/dist/js/components/src/lib/slotContext/slotContext.mjs.map +1 -1
- package/dist/js/components/src/lib/slotContext/useContextSlot.mjs.map +1 -1
- package/dist/js/components/src/lib/timer/Timer.mjs.map +1 -1
- package/dist/js/components/src/lib/tokens/getCategoricalColorByIndex.mjs.map +1 -1
- package/dist/js/components/src/lib/viewComponentContext/ViewComponentContextProvider.mjs.map +1 -1
- package/dist/js/components/src/lib/viewComponentContext/viewComponentContext.mjs.map +1 -1
- package/dist/js/components/src/views/AvatarView.mjs.map +1 -1
- package/dist/js/components/src/views/BadgeView.mjs.map +1 -1
- package/dist/js/components/src/views/ButtonView.mjs.map +1 -1
- package/dist/js/components/src/views/ClearPropsContextView.mjs.map +1 -1
- package/dist/js/components/src/views/ComponentPropsContextProviderView.mjs.map +1 -1
- package/dist/js/components/src/views/ContextMenuContentView.mjs.map +1 -1
- package/dist/js/components/src/views/ContextMenuSectionView.mjs.map +1 -1
- package/dist/js/components/src/views/ContextMenuTriggerView.mjs.map +1 -1
- package/dist/js/components/src/views/ContextMenuView.mjs.map +1 -1
- package/dist/js/components/src/views/DialogTriggerView.mjs.map +1 -1
- package/dist/js/components/src/views/DivView.mjs.map +1 -1
- package/dist/js/components/src/views/FieldErrorView.mjs.map +1 -1
- package/dist/js/components/src/views/HeadingView.mjs.map +1 -1
- package/dist/js/components/src/views/IconView.mjs.map +1 -1
- package/dist/js/components/src/views/ItemsGridListItemView.mjs.map +1 -1
- package/dist/js/components/src/views/ItemsGridListView.mjs.map +1 -1
- package/dist/js/components/src/views/ListEmptyViewView.mjs.map +1 -1
- package/dist/js/components/src/views/ListItemViewContentView.mjs.map +1 -1
- package/dist/js/components/src/views/MenuItemView.mjs.map +1 -1
- package/dist/js/components/src/views/MenuTriggerView.mjs.map +1 -1
- package/dist/js/components/src/views/OptionView.mjs.map +1 -1
- package/dist/js/components/src/views/OverlayContentView.mjs.map +1 -1
- package/dist/js/components/src/views/PopoverContentView.mjs.map +1 -1
- package/dist/js/components/src/views/SearchFieldView.mjs.map +1 -1
- package/dist/js/components/src/views/SeparatorView.mjs.map +1 -1
- package/dist/js/components/src/views/SkeletonTextView.mjs.map +1 -1
- package/dist/js/components/src/views/SkeletonView.mjs.map +1 -1
- package/dist/js/components/src/views/TableBodyView.mjs.map +1 -1
- package/dist/js/components/src/views/TableCellView.mjs.map +1 -1
- package/dist/js/components/src/views/TableColumnView.mjs.map +1 -1
- package/dist/js/components/src/views/TableHeaderView.mjs.map +1 -1
- package/dist/js/components/src/views/TableRowView.mjs.map +1 -1
- package/dist/js/components/src/views/TableView.mjs.map +1 -1
- package/dist/js/components/src/views/TextView.mjs.map +1 -1
- package/dist/js/components/src/views/TooltipTriggerView.mjs.map +1 -1
- package/dist/js/components/src/views/TooltipView.mjs.map +1 -1
- package/dist/js/core/src/file.mjs.map +1 -1
- package/dist/types/components/ContextMenu/lib.d.ts +1 -1
- package/dist/types/components/Select/Select.d.ts +2 -1
- package/dist/types/components/Select/Select.d.ts.map +1 -1
- package/package.json +49 -49
package/dist/js/components/src/components/Popover/components/PopoverTrigger/PopoverTrigger.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverTrigger.mjs","sources":["../../../../../../../../src/components/Popover/components/PopoverTrigger/PopoverTrigger.tsx"],"sourcesContent":["import type { OverlayTriggerProps } from \"@/components/OverlayTrigger\";\nimport { OverlayTrigger } from \"@/components/OverlayTrigger\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport DialogTriggerView from \"@/views/DialogTriggerView\";\n\nexport type PopoverTriggerProps = OverlayTriggerProps;\n\nexport const PopoverTrigger = flowComponent(\n \"PopoverTrigger\",\n (props) => {\n const { children, ...triggerProps } = props;\n return (\n <OverlayTrigger\n overlayType=\"Popover\"\n {...triggerProps}\n component={DialogTriggerView}\n >\n {children}\n </OverlayTrigger>\n );\n },\n { type: \"provider\" },\n);\n\nexport default PopoverTrigger;\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,
|
|
1
|
+
{"version":3,"file":"PopoverTrigger.mjs","sources":["../../../../../../../../src/components/Popover/components/PopoverTrigger/PopoverTrigger.tsx"],"sourcesContent":["import type { OverlayTriggerProps } from \"@/components/OverlayTrigger\";\nimport { OverlayTrigger } from \"@/components/OverlayTrigger\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport DialogTriggerView from \"@/views/DialogTriggerView\";\n\nexport type PopoverTriggerProps = OverlayTriggerProps;\n\nexport const PopoverTrigger = flowComponent(\n \"PopoverTrigger\",\n (props) => {\n const { children, ...triggerProps } = props;\n return (\n <OverlayTrigger\n overlayType=\"Popover\"\n {...triggerProps}\n component={DialogTriggerView}\n >\n {children}\n </OverlayTrigger>\n );\n },\n { type: \"provider\" },\n);\n\nexport default PopoverTrigger;\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,cAAA,GAAiB,aAAA;AAAA,EAC5B,gBAAA;AAAA,EACA,CAAC,KAAA,KAAU;AACT,IAAA,MAAM,EAAE,QAAA,EAAU,GAAG,YAAA,EAAa,GAAI,KAAA;AACtC,IAAA,uBACE,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAY,SAAA;AAAA,QACX,GAAG,YAAA;AAAA,QACJ,SAAA,EAAW,iBAAA;AAAA,QAEV;AAAA;AAAA,KACH;AAAA,EAEJ,CAAA;AAAA,EACA,EAAE,MAAM,UAAA;AACV;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.mjs","sources":["../../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { PropsWithChildren } from \"react\";\nimport styles from \"./ProgressBar.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { ProgressBarValue } from \"@/components/ProgressBar/components/ProgressBarValue\";\nimport { ProgressBarBar } from \"@/components/ProgressBar/components/ProgressBarBar\";\nimport { ProgressBarLegend } from \"@/components/ProgressBar/components/ProgressBarLegend\";\nimport type { CategoricalColor } from \"@/lib/tokens/CategoricalColors\";\nimport {\n flowComponent,\n type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\nexport interface ProgressBarProps\n extends PropsWithChildren<Omit<Aria.ProgressBarProps, \"children\">>,\n PropsWithStatus,\n FlowComponentProps {\n /** Whether the max value should be displayed. */\n showMaxValue?: boolean;\n /** The size variant of the progress bar. @default \"m\" */\n size?: \"s\" | \"m\" | \"l\";\n /** Divides the fill of the progress bar into segments */\n segments?: {\n value: number;\n title: string;\n color?: CategoricalColor;\n valueText?: string;\n }[];\n /**\n * Whether the legend component is shown when segments are used. @default:\n * true\n */\n showLegend?: boolean;\n}\n\n/** @flr-generate all */\nexport const ProgressBar = flowComponent(\"ProgressBar\", (props) => {\n const {\n children,\n className,\n status = \"info\",\n showMaxValue,\n size = \"m\",\n segments,\n value,\n formatOptions,\n showLegend = true,\n maxValue,\n valueLabel,\n ...rest\n } = props;\n\n const rootClassName = clsx(\n className,\n styles.progressBar,\n styles[`size-${size}`],\n styles[status],\n );\n\n const propsContext: PropsContext = {\n Label: {\n className: styles.label,\n unstyled: true,\n },\n };\n\n const segmentsTotalValue = segments\n ? segments.map((s) => s.value).reduce((a, b) => a + b, 0)\n : undefined;\n\n return (\n <Aria.ProgressBar\n className={rootClassName}\n value={segmentsTotalValue ?? value}\n formatOptions={formatOptions}\n maxValue={maxValue}\n {...rest}\n >\n {({ percentage }) => (\n <PropsContextProvider props={propsContext}>\n {children}\n\n <ProgressBarValue\n showMaxValue={showMaxValue}\n maxValue={maxValue}\n formatOptions={formatOptions}\n value={segmentsTotalValue ?? value}\n valueLabel={valueLabel}\n />\n\n <ProgressBarBar\n percentage={percentage}\n segmentsTotalValue={segmentsTotalValue}\n segments={segments}\n />\n\n <ProgressBarLegend\n showLegend={showLegend}\n segments={segments}\n formatOptions={formatOptions}\n />\n </PropsContextProvider>\n )}\n </Aria.ProgressBar>\n );\n});\n\nexport default ProgressBar;\n"],"names":[],"mappings":";;;;;;;;;;;AAuCO,MAAM,
|
|
1
|
+
{"version":3,"file":"ProgressBar.mjs","sources":["../../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { PropsWithChildren } from \"react\";\nimport styles from \"./ProgressBar.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { ProgressBarValue } from \"@/components/ProgressBar/components/ProgressBarValue\";\nimport { ProgressBarBar } from \"@/components/ProgressBar/components/ProgressBarBar\";\nimport { ProgressBarLegend } from \"@/components/ProgressBar/components/ProgressBarLegend\";\nimport type { CategoricalColor } from \"@/lib/tokens/CategoricalColors\";\nimport {\n flowComponent,\n type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\n\nexport interface ProgressBarProps\n extends PropsWithChildren<Omit<Aria.ProgressBarProps, \"children\">>,\n PropsWithStatus,\n FlowComponentProps {\n /** Whether the max value should be displayed. */\n showMaxValue?: boolean;\n /** The size variant of the progress bar. @default \"m\" */\n size?: \"s\" | \"m\" | \"l\";\n /** Divides the fill of the progress bar into segments */\n segments?: {\n value: number;\n title: string;\n color?: CategoricalColor;\n valueText?: string;\n }[];\n /**\n * Whether the legend component is shown when segments are used. @default:\n * true\n */\n showLegend?: boolean;\n}\n\n/** @flr-generate all */\nexport const ProgressBar = flowComponent(\"ProgressBar\", (props) => {\n const {\n children,\n className,\n status = \"info\",\n showMaxValue,\n size = \"m\",\n segments,\n value,\n formatOptions,\n showLegend = true,\n maxValue,\n valueLabel,\n ...rest\n } = props;\n\n const rootClassName = clsx(\n className,\n styles.progressBar,\n styles[`size-${size}`],\n styles[status],\n );\n\n const propsContext: PropsContext = {\n Label: {\n className: styles.label,\n unstyled: true,\n },\n };\n\n const segmentsTotalValue = segments\n ? segments.map((s) => s.value).reduce((a, b) => a + b, 0)\n : undefined;\n\n return (\n <Aria.ProgressBar\n className={rootClassName}\n value={segmentsTotalValue ?? value}\n formatOptions={formatOptions}\n maxValue={maxValue}\n {...rest}\n >\n {({ percentage }) => (\n <PropsContextProvider props={propsContext}>\n {children}\n\n <ProgressBarValue\n showMaxValue={showMaxValue}\n maxValue={maxValue}\n formatOptions={formatOptions}\n value={segmentsTotalValue ?? value}\n valueLabel={valueLabel}\n />\n\n <ProgressBarBar\n percentage={percentage}\n segmentsTotalValue={segmentsTotalValue}\n segments={segments}\n />\n\n <ProgressBarLegend\n showLegend={showLegend}\n segments={segments}\n formatOptions={formatOptions}\n />\n </PropsContextProvider>\n )}\n </Aria.ProgressBar>\n );\n});\n\nexport default ProgressBar;\n"],"names":[],"mappings":";;;;;;;;;;;AAuCO,MAAM,WAAA,GAAc,aAAA,CAAc,aAAA,EAAe,CAAC,KAAA,KAAU;AACjE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA,GAAS,MAAA;AAAA,IACT,YAAA;AAAA,IACA,IAAA,GAAO,GAAA;AAAA,IACP,QAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA,GAAa,IAAA;AAAA,IACb,QAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,SAAA;AAAA,IACA,MAAA,CAAO,WAAA;AAAA,IACP,MAAA,CAAO,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAAA;AAAA,IACrB,OAAO,MAAM;AAAA,GACf;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,KAAA,EAAO;AAAA,MACL,WAAW,MAAA,CAAO,KAAA;AAAA,MAClB,QAAA,EAAU;AAAA;AACZ,GACF;AAEA,EAAA,MAAM,qBAAqB,QAAA,GACvB,QAAA,CAAS,GAAA,CAAI,CAAC,MAAM,CAAA,CAAE,KAAK,CAAA,CAAE,MAAA,CAAO,CAAC,CAAA,EAAG,CAAA,KAAM,CAAA,GAAI,CAAA,EAAG,CAAC,CAAA,GACtD,MAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,WAAA;AAAA,IAAL;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACX,OAAO,kBAAA,IAAsB,KAAA;AAAA,MAC7B,aAAA;AAAA,MACA,QAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,WAAC,EAAE,UAAA,uBACF,IAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,YAAA,EAC1B,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBAED,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,YAAA;AAAA,YACA,QAAA;AAAA,YACA,aAAA;AAAA,YACA,OAAO,kBAAA,IAAsB,KAAA;AAAA,YAC7B;AAAA;AAAA,SACF;AAAA,wBAEA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,UAAA;AAAA,YACA,kBAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBAEA,GAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YACC,UAAA;AAAA,YACA,QAAA;AAAA,YACA;AAAA;AAAA;AACF,OAAA,EACF;AAAA;AAAA,GAEJ;AAEJ,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBarBar.mjs","sources":["../../../../../../../src/components/ProgressBar/components/ProgressBarBar.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport React, { type FC } from \"react\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\n\ninterface Props extends Pick<ProgressBarProps, \"segments\"> {\n percentage?: number;\n segmentsTotalValue?: number;\n}\n\nexport const ProgressBarBar: FC<Props> = (props) => {\n const { segments, segmentsTotalValue, percentage } = props;\n\n const segmentFill =\n segmentsTotalValue && segments && segments?.length > 0\n ? segments.map((s, i) => (\n <div\n key={s.title}\n aria-hidden\n style={{\n backgroundColor: `var(--color--categorical--${s.color ?? getCategoricalColorByIndex(i)})`,\n width: (100 / segmentsTotalValue) * s.value + \"%\",\n height: \"100%\",\n }}\n />\n ))\n : null;\n\n return (\n <div className={styles.bar}>\n <div className={styles.fill} style={{ width: percentage + \"%\" }}>\n {segmentFill}\n </div>\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"ProgressBarBar.mjs","sources":["../../../../../../../src/components/ProgressBar/components/ProgressBarBar.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport React, { type FC } from \"react\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\n\ninterface Props extends Pick<ProgressBarProps, \"segments\"> {\n percentage?: number;\n segmentsTotalValue?: number;\n}\n\nexport const ProgressBarBar: FC<Props> = (props) => {\n const { segments, segmentsTotalValue, percentage } = props;\n\n const segmentFill =\n segmentsTotalValue && segments && segments?.length > 0\n ? segments.map((s, i) => (\n <div\n key={s.title}\n aria-hidden\n style={{\n backgroundColor: `var(--color--categorical--${s.color ?? getCategoricalColorByIndex(i)})`,\n width: (100 / segmentsTotalValue) * s.value + \"%\",\n height: \"100%\",\n }}\n />\n ))\n : null;\n\n return (\n <div className={styles.bar}>\n <div className={styles.fill} style={{ width: percentage + \"%\" }}>\n {segmentFill}\n </div>\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;AAUO,MAAM,cAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,EAAE,QAAA,EAAU,kBAAA,EAAoB,UAAA,EAAW,GAAI,KAAA;AAErD,EAAA,MAAM,WAAA,GACJ,kBAAA,IAAsB,QAAA,IAAY,QAAA,EAAU,MAAA,GAAS,IACjD,QAAA,CAAS,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qBACf,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAA,EAAW,IAAA;AAAA,MACX,KAAA,EAAO;AAAA,QACL,iBAAiB,CAAA,0BAAA,EAA6B,CAAA,CAAE,KAAA,IAAS,0BAAA,CAA2B,CAAC,CAAC,CAAA,CAAA,CAAA;AAAA,QACtF,KAAA,EAAQ,GAAA,GAAM,kBAAA,GAAsB,CAAA,CAAE,KAAA,GAAQ,GAAA;AAAA,QAC9C,MAAA,EAAQ;AAAA;AACV,KAAA;AAAA,IANK,CAAA,CAAE;AAAA,GAQV,CAAA,GACD,IAAA;AAEN,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,GAAA,EACrB,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,IAAA,EAAM,OAAO,EAAE,KAAA,EAAO,aAAa,GAAA,EAAI,EAC3D,uBACH,CAAA,EACF,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBarLegend.mjs","sources":["../../../../../../../src/components/ProgressBar/components/ProgressBarLegend.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport React, { type FC } from \"react\";\nimport { useNumberFormatter } from \"react-aria\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport { Legend, LegendItem } from \"@/components/Legend\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\n\ntype Props = Pick<\n ProgressBarProps,\n \"segments\" | \"showLegend\" | \"formatOptions\"\n>;\n\nexport const ProgressBarLegend: FC<Props> = (props) => {\n const { segments, showLegend, formatOptions } = props;\n\n const formatter = useNumberFormatter(formatOptions);\n\n if (!segments || !showLegend) {\n return null;\n }\n\n return (\n <Legend className={styles.legend}>\n {segments.map((s, i) => (\n <LegendItem\n key={s.title}\n color={s.color ?? getCategoricalColorByIndex(i)}\n >{`${s.title} (${s.valueText ?? (formatOptions ? formatter.format(s.value) : `${s.value} %`)})`}</LegendItem>\n ))}\n </Legend>\n );\n};\n"],"names":[],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"ProgressBarLegend.mjs","sources":["../../../../../../../src/components/ProgressBar/components/ProgressBarLegend.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport React, { type FC } from \"react\";\nimport { useNumberFormatter } from \"react-aria\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport { Legend, LegendItem } from \"@/components/Legend\";\nimport { getCategoricalColorByIndex } from \"@/lib/tokens/getCategoricalColorByIndex\";\n\ntype Props = Pick<\n ProgressBarProps,\n \"segments\" | \"showLegend\" | \"formatOptions\"\n>;\n\nexport const ProgressBarLegend: FC<Props> = (props) => {\n const { segments, showLegend, formatOptions } = props;\n\n const formatter = useNumberFormatter(formatOptions);\n\n if (!segments || !showLegend) {\n return null;\n }\n\n return (\n <Legend className={styles.legend}>\n {segments.map((s, i) => (\n <LegendItem\n key={s.title}\n color={s.color ?? getCategoricalColorByIndex(i)}\n >{`${s.title} (${s.valueText ?? (formatOptions ? formatter.format(s.value) : `${s.value} %`)})`}</LegendItem>\n ))}\n </Legend>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAYO,MAAM,iBAAA,GAA+B,CAAC,KAAA,KAAU;AACrD,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAY,aAAA,EAAc,GAAI,KAAA;AAEhD,EAAA,MAAM,SAAA,GAAY,mBAAmB,aAAa,CAAA;AAElD,EAAA,IAAI,CAAC,QAAA,IAAY,CAAC,UAAA,EAAY;AAC5B,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA,CAAC,UAAO,SAAA,EAAW,MAAA,CAAO,QACvB,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qBAChB,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MAEC,KAAA,EAAO,CAAA,CAAE,KAAA,IAAS,0BAAA,CAA2B,CAAC,CAAA;AAAA,MAC9C,QAAA,EAAA,CAAA,EAAG,CAAA,CAAE,KAAK,CAAA,EAAA,EAAK,EAAE,SAAA,KAAc,aAAA,GAAgB,SAAA,CAAU,MAAA,CAAO,EAAE,KAAK,CAAA,GAAI,CAAA,EAAG,CAAA,CAAE,KAAK,CAAA,EAAA,CAAA,CAAK,CAAA,CAAA;AAAA,KAAA;AAAA,IAFrF,CAAA,CAAE;AAAA,GAGV,CAAA,EACH,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBarValue.mjs","sources":["../../../../../../../src/components/ProgressBar/components/ProgressBarValue.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport React, { type FC, type ReactNode } from \"react\";\nimport { useLocalizedStringFormatter, useNumberFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\n\ninterface Props\n extends Pick<\n ProgressBarProps,\n \"showMaxValue\" | \"maxValue\" | \"formatOptions\"\n > {\n value?: number;\n valueLabel?: ReactNode;\n}\n\nexport const ProgressBarValue: FC<Props> = (props) => {\n const {\n showMaxValue,\n maxValue,\n value = 0,\n formatOptions,\n valueLabel,\n } = props;\n\n const formatter = useNumberFormatter(formatOptions);\n\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n const maxValueText =\n !showMaxValue || !maxValue\n ? undefined\n : formatOptions\n ? formatter.format(maxValue)\n : `${maxValue} %`;\n\n const valueText = formatOptions ? formatter.format(value) : `${value} %`;\n\n const textWithMaxValue = `${valueText} ${stringFormatter.format(\"progressBar.of\")} ${maxValueText}`;\n\n return (\n <span className={styles.value}>\n {valueLabel ?? (maxValueText ? textWithMaxValue : valueText)}\n </span>\n );\n};\n"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"ProgressBarValue.mjs","sources":["../../../../../../../src/components/ProgressBar/components/ProgressBarValue.tsx"],"sourcesContent":["import styles from \"@/components/ProgressBar/ProgressBar.module.scss\";\nimport React, { type FC, type ReactNode } from \"react\";\nimport { useLocalizedStringFormatter, useNumberFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\n\ninterface Props\n extends Pick<\n ProgressBarProps,\n \"showMaxValue\" | \"maxValue\" | \"formatOptions\"\n > {\n value?: number;\n valueLabel?: ReactNode;\n}\n\nexport const ProgressBarValue: FC<Props> = (props) => {\n const {\n showMaxValue,\n maxValue,\n value = 0,\n formatOptions,\n valueLabel,\n } = props;\n\n const formatter = useNumberFormatter(formatOptions);\n\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n const maxValueText =\n !showMaxValue || !maxValue\n ? undefined\n : formatOptions\n ? formatter.format(maxValue)\n : `${maxValue} %`;\n\n const valueText = formatOptions ? formatter.format(value) : `${value} %`;\n\n const textWithMaxValue = `${valueText} ${stringFormatter.format(\"progressBar.of\")} ${maxValueText}`;\n\n return (\n <span className={styles.value}>\n {valueLabel ?? (maxValueText ? textWithMaxValue : valueText)}\n </span>\n );\n};\n"],"names":[],"mappings":";;;;;;AAeO,MAAM,gBAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM;AAAA,IACJ,YAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,GAAQ,CAAA;AAAA,IACR,aAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,SAAA,GAAY,mBAAmB,aAAa,CAAA;AAElD,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,YAAA,GACJ,CAAC,YAAA,IAAgB,CAAC,QAAA,GACd,MAAA,GACA,aAAA,GACE,SAAA,CAAU,MAAA,CAAO,QAAQ,CAAA,GACzB,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAA;AAEnB,EAAA,MAAM,YAAY,aAAA,GAAgB,SAAA,CAAU,OAAO,KAAK,CAAA,GAAI,GAAG,KAAK,CAAA,EAAA,CAAA;AAEpE,EAAA,MAAM,gBAAA,GAAmB,GAAG,SAAS,CAAA,CAAA,EAAI,gBAAgB,MAAA,CAAO,gBAAgB,CAAC,CAAA,CAAA,EAAI,YAAY,CAAA,CAAA;AAEjG,EAAA,uBACE,GAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,OACrB,QAAA,EAAA,UAAA,KAAe,YAAA,GAAe,mBAAmB,SAAA,CAAA,EACpD,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.mjs","sources":["../../../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./RadioGroup.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\n\nexport interface RadioGroupProps\n extends PropsWithChildren<Omit<Aria.RadioGroupProps, \"children\">>,\n FlowComponentProps,\n Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\"> {}\n\n/** @flr-generate all */\nexport const RadioGroup = flowComponent(\"RadioGroup\", (props) => {\n const { children, className, s, m, l, ref, ...rest } = props;\n\n const rootClassName = clsx(formFieldStyles.formField, className);\n\n const propsContext: PropsContext = {\n Label: {\n className: formFieldStyles.label,\n },\n FieldDescription: {\n className: formFieldStyles.fieldDescription,\n tunnelId: \"fieldDescription\",\n },\n FieldError: {\n className: formFieldStyles.customFieldError,\n tunnelId: \"fieldError\",\n },\n RadioButton: {\n tunnelId: \"radioButtons\",\n },\n Radio: {\n tunnelId: \"radios\",\n },\n };\n\n const localRadioRef = useObjectRef(ref);\n useMakeFocusable(localRadioRef);\n\n return (\n <Aria.RadioGroup {...rest} className={rootClassName} ref={localRadioRef}>\n <PropsContextProvider dependencies={[\"radio\"]} props={propsContext}>\n <TunnelProvider>\n {children}\n\n <ColumnLayout s={s} m={m} l={l} className={styles.radioGroup}>\n <TunnelExit id=\"radioButtons\" />\n </ColumnLayout>\n\n <ColumnLayout\n s={s ?? [1]}\n m={m ?? [1]}\n l={l ?? [1]}\n rowGap=\"s\"\n className={styles.radioGroup}\n >\n <TunnelExit id=\"radios\" />\n </ColumnLayout>\n\n <TunnelExit id=\"fieldDescription\" />\n <TunnelExit id=\"fieldError\" />\n </TunnelProvider>\n </PropsContextProvider>\n <FieldError className={formFieldStyles.fieldError} />\n </Aria.RadioGroup>\n );\n});\n\nexport default RadioGroup;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAsBO,MAAM,
|
|
1
|
+
{"version":3,"file":"RadioGroup.mjs","sources":["../../../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./RadioGroup.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport { ColumnLayout } from \"@/components/ColumnLayout\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\n\nexport interface RadioGroupProps\n extends PropsWithChildren<Omit<Aria.RadioGroupProps, \"children\">>,\n FlowComponentProps,\n Pick<ColumnLayoutProps, \"s\" | \"m\" | \"l\"> {}\n\n/** @flr-generate all */\nexport const RadioGroup = flowComponent(\"RadioGroup\", (props) => {\n const { children, className, s, m, l, ref, ...rest } = props;\n\n const rootClassName = clsx(formFieldStyles.formField, className);\n\n const propsContext: PropsContext = {\n Label: {\n className: formFieldStyles.label,\n },\n FieldDescription: {\n className: formFieldStyles.fieldDescription,\n tunnelId: \"fieldDescription\",\n },\n FieldError: {\n className: formFieldStyles.customFieldError,\n tunnelId: \"fieldError\",\n },\n RadioButton: {\n tunnelId: \"radioButtons\",\n },\n Radio: {\n tunnelId: \"radios\",\n },\n };\n\n const localRadioRef = useObjectRef(ref);\n useMakeFocusable(localRadioRef);\n\n return (\n <Aria.RadioGroup {...rest} className={rootClassName} ref={localRadioRef}>\n <PropsContextProvider dependencies={[\"radio\"]} props={propsContext}>\n <TunnelProvider>\n {children}\n\n <ColumnLayout s={s} m={m} l={l} className={styles.radioGroup}>\n <TunnelExit id=\"radioButtons\" />\n </ColumnLayout>\n\n <ColumnLayout\n s={s ?? [1]}\n m={m ?? [1]}\n l={l ?? [1]}\n rowGap=\"s\"\n className={styles.radioGroup}\n >\n <TunnelExit id=\"radios\" />\n </ColumnLayout>\n\n <TunnelExit id=\"fieldDescription\" />\n <TunnelExit id=\"fieldError\" />\n </TunnelProvider>\n </PropsContextProvider>\n <FieldError className={formFieldStyles.fieldError} />\n </Aria.RadioGroup>\n );\n});\n\nexport default RadioGroup;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAsBO,MAAM,UAAA,GAAa,aAAA,CAAc,YAAA,EAAc,CAAC,KAAA,KAAU;AAC/D,EAAA,MAAM,EAAE,UAAU,SAAA,EAAW,CAAA,EAAG,GAAG,CAAA,EAAG,GAAA,EAAK,GAAG,IAAA,EAAK,GAAI,KAAA;AAEvD,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,eAAA,CAAgB,SAAA,EAAW,SAAS,CAAA;AAE/D,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,KAAA,EAAO;AAAA,MACL,WAAW,eAAA,CAAgB;AAAA,KAC7B;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,WAAW,eAAA,CAAgB,gBAAA;AAAA,MAC3B,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,UAAA,EAAY;AAAA,MACV,WAAW,eAAA,CAAgB,gBAAA;AAAA,MAC3B,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,WAAA,EAAa;AAAA,MACX,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,KAAA,EAAO;AAAA,MACL,QAAA,EAAU;AAAA;AACZ,GACF;AAEA,EAAA,MAAM,aAAA,GAAgB,aAAa,GAAG,CAAA;AACtC,EAAA,gBAAA,CAAiB,aAAa,CAAA;AAE9B,EAAA,uBACE,IAAA,CAAC,KAAK,UAAA,EAAL,EAAiB,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EAAe,GAAA,EAAK,aAAA,EACxD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,cAAc,CAAC,OAAO,GAAG,KAAA,EAAO,YAAA,EACpD,+BAAC,cAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBAED,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA,EAAM,CAAA,EAAM,CAAA,EAAM,SAAA,EAAW,MAAA,CAAO,UAAA,EAChD,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,cAAA,EAAe,CAAA,EAChC,CAAA;AAAA,sBAEA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,CAAA,EAAG,CAAA,IAAK,CAAC,CAAC,CAAA;AAAA,UACV,CAAA,EAAG,CAAA,IAAK,CAAC,CAAC,CAAA;AAAA,UACV,CAAA,EAAG,CAAA,IAAK,CAAC,CAAC,CAAA;AAAA,UACV,MAAA,EAAO,GAAA;AAAA,UACP,WAAW,MAAA,CAAO,UAAA;AAAA,UAElB,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,QAAA,EAAS;AAAA;AAAA,OAC1B;AAAA,sBAEA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,kBAAA,EAAmB,CAAA;AAAA,sBAClC,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,YAAA,EAAa;AAAA,KAAA,EAC9B,CAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,eAAA,CAAgB,UAAA,EAAY;AAAA,GAAA,EACrD,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.mjs","sources":["../../../../../../../../src/components/RadioGroup/components/Radio/Radio.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Radio.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconRadioOff, IconRadioOn } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface RadioProps\n extends PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n FlowComponentProps<HTMLLabelElement> {}\n\n/** @flr-generate all */\nexport const Radio = flowComponent(\"Radio\", (props) => {\n const { children, className, ref, ...rest } = props;\n\n const rootClassName = clsx(styles.radio, className);\n\n return (\n <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n {({ isSelected }) => (\n <>\n {isSelected ? (\n <IconRadioOn className={styles.icon} />\n ) : (\n <IconRadioOff className={styles.icon} />\n )}\n {children}\n </>\n )}\n </Aria.Radio>\n );\n});\n\nexport default Radio;\n"],"names":[],"mappings":";;;;;;;;;;;;AAaO,MAAM,
|
|
1
|
+
{"version":3,"file":"Radio.mjs","sources":["../../../../../../../../src/components/RadioGroup/components/Radio/Radio.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Radio.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconRadioOff, IconRadioOn } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface RadioProps\n extends PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n FlowComponentProps<HTMLLabelElement> {}\n\n/** @flr-generate all */\nexport const Radio = flowComponent(\"Radio\", (props) => {\n const { children, className, ref, ...rest } = props;\n\n const rootClassName = clsx(styles.radio, className);\n\n return (\n <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n {({ isSelected }) => (\n <>\n {isSelected ? (\n <IconRadioOn className={styles.icon} />\n ) : (\n <IconRadioOff className={styles.icon} />\n )}\n {children}\n </>\n )}\n </Aria.Radio>\n );\n});\n\nexport default Radio;\n"],"names":[],"mappings":";;;;;;;;;;;;AAaO,MAAM,KAAA,GAAQ,aAAA,CAAc,OAAA,EAAS,CAAC,KAAA,KAAU;AACrD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAE9C,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,KAAA,EAAO,SAAS,CAAA;AAElD,EAAA,uBACE,GAAA,CAAC,IAAA,CAAK,KAAA,EAAL,EAAY,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EAAe,GAAA,EAC7C,QAAA,EAAA,CAAC,EAAE,UAAA,uBACF,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,UAAA,mBACC,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAW,MAAA,CAAO,IAAA,EAAM,oBAErC,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAW,MAAA,CAAO,IAAA,EAAM,CAAA;AAAA,IAEvC;AAAA,GAAA,EACH,CAAA,EAEJ,CAAA;AAEJ,CAAC;;;;"}
|
package/dist/js/components/src/components/RadioGroup/components/RadioButton/RadioButton.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.mjs","sources":["../../../../../../../../src/components/RadioGroup/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import styles from \"./RadioButton.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { RadioProps } from \"@/components/RadioGroup\";\nimport { Radio } from \"@/components/RadioGroup\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport type RadioButtonProps = RadioProps;\n\n/** @flr-generate all */\nexport const RadioButton = flowComponent(\"RadioButton\", (props) => {\n const { children, className, ref, ...rest } = props;\n\n const rootClassName = clsx(styles.radioButton, className);\n\n const propsContext: PropsContext = {\n Text: {\n className: styles.label,\n },\n Content: {\n className: styles.content,\n },\n };\n\n return (\n <Radio {...rest} className={rootClassName} ref={ref}>\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n </Radio>\n );\n});\n\nexport default RadioButton;\n"],"names":[],"mappings":";;;;;;;;;AAWO,MAAM,
|
|
1
|
+
{"version":3,"file":"RadioButton.mjs","sources":["../../../../../../../../src/components/RadioGroup/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import styles from \"./RadioButton.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { RadioProps } from \"@/components/RadioGroup\";\nimport { Radio } from \"@/components/RadioGroup\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport type RadioButtonProps = RadioProps;\n\n/** @flr-generate all */\nexport const RadioButton = flowComponent(\"RadioButton\", (props) => {\n const { children, className, ref, ...rest } = props;\n\n const rootClassName = clsx(styles.radioButton, className);\n\n const propsContext: PropsContext = {\n Text: {\n className: styles.label,\n },\n Content: {\n className: styles.content,\n },\n };\n\n return (\n <Radio {...rest} className={rootClassName} ref={ref}>\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n </Radio>\n );\n});\n\nexport default RadioButton;\n"],"names":[],"mappings":";;;;;;;;;AAWO,MAAM,WAAA,GAAc,aAAA,CAAc,aAAA,EAAe,CAAC,KAAA,KAAU;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAE9C,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,WAAA,EAAa,SAAS,CAAA;AAExD,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,IAAA,EAAM;AAAA,MACJ,WAAW,MAAA,CAAO;AAAA,KACpB;AAAA,IACA,OAAA,EAAS;AAAA,MACP,WAAW,MAAA,CAAO;AAAA;AACpB,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAO,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EAAe,GAAA,EACzC,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EACH,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.mjs","sources":["../../../../../../src/components/Rating/Rating.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { IconStar, IconStarFilled } from \"@/components/Icon/components/icons\";\nimport styles from \"./Rating.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\n\nexport interface RatingProps extends PropsWithClassName {\n /** The value sets the amount of filled stars. @default: 0 */\n value?: 0 | 1 | 2 | 3 | 4 | 5;\n /** The size of the component. @default: \"m\" */\n size?: \"s\" | \"m\";\n}\n\n/** @flr-generate all */\nexport const Rating: FC<RatingProps> = (props) => {\n const { value = 0, size = \"m\" } = props;\n\n const rootClassName = clsx(styles.rating, styles[`size-${size}`]);\n\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n const stars = Array(5)\n .fill(\"\")\n .map((_, index) =>\n index < value ? (\n <IconStarFilled\n key={index}\n aria-hidden\n size={size}\n className={styles.starFilled}\n />\n ) : (\n <IconStar key={index} aria-hidden size={size} className={styles.star} />\n ),\n );\n\n return (\n <div\n aria-label={stringFormatter.format(`rating.${value}`)}\n className={rootClassName}\n >\n {stars}\n </div>\n );\n};\n\nexport default Rating;\n"],"names":[],"mappings":";;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Rating.mjs","sources":["../../../../../../src/components/Rating/Rating.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { IconStar, IconStarFilled } from \"@/components/Icon/components/icons\";\nimport styles from \"./Rating.module.scss\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./locales/*.locale.json\";\n\nexport interface RatingProps extends PropsWithClassName {\n /** The value sets the amount of filled stars. @default: 0 */\n value?: 0 | 1 | 2 | 3 | 4 | 5;\n /** The size of the component. @default: \"m\" */\n size?: \"s\" | \"m\";\n}\n\n/** @flr-generate all */\nexport const Rating: FC<RatingProps> = (props) => {\n const { value = 0, size = \"m\" } = props;\n\n const rootClassName = clsx(styles.rating, styles[`size-${size}`]);\n\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n const stars = Array(5)\n .fill(\"\")\n .map((_, index) =>\n index < value ? (\n <IconStarFilled\n key={index}\n aria-hidden\n size={size}\n className={styles.starFilled}\n />\n ) : (\n <IconStar key={index} aria-hidden size={size} className={styles.star} />\n ),\n );\n\n return (\n <div\n aria-label={stringFormatter.format(`rating.${value}`)}\n className={rootClassName}\n >\n {stars}\n </div>\n );\n};\n\nexport default Rating;\n"],"names":[],"mappings":";;;;;;;;;;;;AAgBO,MAAM,MAAA,GAA0B,CAAC,KAAA,KAAU;AAChD,EAAA,MAAM,EAAE,KAAA,GAAQ,CAAA,EAAG,IAAA,GAAO,KAAI,GAAI,KAAA;AAElC,EAAA,MAAM,aAAA,GAAgB,KAAK,MAAA,CAAO,MAAA,EAAQ,OAAO,CAAA,KAAA,EAAQ,IAAI,EAAE,CAAC,CAAA;AAEhE,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,QAAQ,KAAA,CAAM,CAAC,CAAA,CAClB,IAAA,CAAK,EAAE,CAAA,CACP,GAAA;AAAA,IAAI,CAAC,CAAA,EAAG,KAAA,KACP,KAAA,GAAQ,KAAA,mBACN,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QAEC,aAAA,EAAW,IAAA;AAAA,QACX,IAAA;AAAA,QACA,WAAW,MAAA,CAAO;AAAA,OAAA;AAAA,MAHb;AAAA,KAIP,uBAEC,QAAA,EAAA,EAAqB,aAAA,EAAW,MAAC,IAAA,EAAY,SAAA,EAAW,MAAA,CAAO,IAAA,EAAA,EAAjD,KAAuD;AAAA,GAE1E;AAEF,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,CAAA,OAAA,EAAU,KAAK,CAAA,CAAE,CAAA;AAAA,MACpD,SAAA,EAAW,aAAA;AAAA,MAEV,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchField.mjs","sources":["../../../../../../src/components/SearchField/SearchField.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./SearchField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose, IconSearch } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\n\nexport interface SearchFieldProps\n extends PropsWithChildren<Omit<Aria.SearchFieldProps, \"children\">>,\n FlowComponentProps<HTMLInputElement> {}\n\n/** @flr-generate all */\nexport const SearchField = flowComponent(\"SearchField\", (props) => {\n const { children, className, ref, ...rest } = props;\n\n const rootClassName = clsx(\n formFieldStyles.formField,\n styles.searchField,\n className,\n );\n\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n const searchText = stringFormatter.format(`searchField.search`);\n\n const propsContext: PropsContext = {\n Label: {\n className: formFieldStyles.label,\n optional: !props.isRequired,\n },\n FieldDescription: {\n className: formFieldStyles.fieldDescription,\n },\n FieldError: {\n className: formFieldStyles.customFieldError,\n },\n };\n\n return (\n <Aria.SearchField\n aria-label={searchText}\n {...rest}\n className={rootClassName}\n >\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n <div className={styles.inputContainer}>\n <IconSearch className={styles.searchIcon} />\n <ReactAriaControlledValueFix\n inputContext={Aria.InputContext}\n props={props}\n >\n <Aria.Input\n placeholder={searchText}\n className={styles.input}\n ref={ref}\n />\n </ReactAriaControlledValueFix>\n <Button\n className={styles.clearButton}\n variant=\"plain\"\n color=\"secondary\"\n >\n <IconClose />\n </Button>\n </div>\n <FieldError className={formFieldStyles.fieldError} />\n </Aria.SearchField>\n );\n});\n\nexport default SearchField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,
|
|
1
|
+
{"version":3,"file":"SearchField.mjs","sources":["../../../../../../src/components/SearchField/SearchField.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./SearchField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose, IconSearch } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\n\nexport interface SearchFieldProps\n extends PropsWithChildren<Omit<Aria.SearchFieldProps, \"children\">>,\n FlowComponentProps<HTMLInputElement> {}\n\n/** @flr-generate all */\nexport const SearchField = flowComponent(\"SearchField\", (props) => {\n const { children, className, ref, ...rest } = props;\n\n const rootClassName = clsx(\n formFieldStyles.formField,\n styles.searchField,\n className,\n );\n\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n const searchText = stringFormatter.format(`searchField.search`);\n\n const propsContext: PropsContext = {\n Label: {\n className: formFieldStyles.label,\n optional: !props.isRequired,\n },\n FieldDescription: {\n className: formFieldStyles.fieldDescription,\n },\n FieldError: {\n className: formFieldStyles.customFieldError,\n },\n };\n\n return (\n <Aria.SearchField\n aria-label={searchText}\n {...rest}\n className={rootClassName}\n >\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n <div className={styles.inputContainer}>\n <IconSearch className={styles.searchIcon} />\n <ReactAriaControlledValueFix\n inputContext={Aria.InputContext}\n props={props}\n >\n <Aria.Input\n placeholder={searchText}\n className={styles.input}\n ref={ref}\n />\n </ReactAriaControlledValueFix>\n <Button\n className={styles.clearButton}\n variant=\"plain\"\n color=\"secondary\"\n >\n <IconClose />\n </Button>\n </div>\n <FieldError className={formFieldStyles.fieldError} />\n </Aria.SearchField>\n );\n});\n\nexport default SearchField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,WAAA,GAAc,aAAA,CAAc,aAAA,EAAe,CAAC,KAAA,KAAU;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAE9C,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,eAAA,CAAgB,SAAA;AAAA,IAChB,MAAA,CAAO,WAAA;AAAA,IACP;AAAA,GACF;AAEA,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,UAAA,GAAa,eAAA,CAAgB,MAAA,CAAO,CAAA,kBAAA,CAAoB,CAAA;AAE9D,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,KAAA,EAAO;AAAA,MACL,WAAW,eAAA,CAAgB,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAA,CAAM;AAAA,KACnB;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,WAAW,eAAA,CAAgB;AAAA,KAC7B;AAAA,IACA,UAAA,EAAY;AAAA,MACV,WAAW,eAAA,CAAgB;AAAA;AAC7B,GACF;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA,CAAK,WAAA;AAAA,IAAL;AAAA,MACC,YAAA,EAAY,UAAA;AAAA,MACX,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,aAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EACH,CAAA;AAAA,wBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,cAAA,EACrB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,MAAA,CAAO,UAAA,EAAY,CAAA;AAAA,0BAC1C,GAAA;AAAA,YAAC,2BAAA;AAAA,YAAA;AAAA,cACC,cAAc,IAAA,CAAK,YAAA;AAAA,cACnB,KAAA;AAAA,cAEA,QAAA,kBAAA,GAAA;AAAA,gBAAC,IAAA,CAAK,KAAA;AAAA,gBAAL;AAAA,kBACC,WAAA,EAAa,UAAA;AAAA,kBACb,WAAW,MAAA,CAAO,KAAA;AAAA,kBAClB;AAAA;AAAA;AACF;AAAA,WACF;AAAA,0BACA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAW,MAAA,CAAO,WAAA;AAAA,cAClB,OAAA,EAAQ,OAAA;AAAA,cACR,KAAA,EAAM,WAAA;AAAA,cAEN,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA;AACb,SAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,eAAA,CAAgB,UAAA,EAAY;AAAA;AAAA;AAAA,GACrD;AAEJ,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.mjs","sources":["../../../../../../src/components/Section/Section.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport { useId } from \"react\";\nimport styles from \"./Section.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport ContextMenuSectionView from \"@/views/ContextMenuSectionView\";\n\nexport interface SectionProps\n extends PropsWithChildren<ComponentProps<\"section\">>,\n FlowComponentProps<HTMLElement> {\n /** @internal */\n renderContextMenuSection?: boolean;\n /** @internal */\n hideSeparator?: boolean;\n}\n\n/** @flr-generate all */\nexport const Section = flowComponent(\"Section\", (props) => {\n const {\n children,\n className,\n ref,\n renderContextMenuSection,\n hideSeparator,\n ...rest\n } = props;\n\n if (!children) {\n return null;\n }\n\n if (renderContextMenuSection) {\n return (\n <ContextMenuSectionView ref={ref as never}>\n {children}\n </ContextMenuSectionView>\n );\n }\n\n const rootClassName = clsx(\n styles.section,\n className,\n hideSeparator && styles.hideSeparator,\n );\n\n const headingId = useId();\n\n const propsContext: PropsContext = {\n Heading: {\n level: 2,\n id: headingId,\n className: styles.heading,\n },\n Header: {\n renderSectionHeader: true,\n },\n List: {\n \"aria-labelledby\": headingId,\n },\n };\n\n return (\n <section {...rest} className={rootClassName} ref={ref}>\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n </section>\n );\n});\n\nexport default Section;\n"],"names":[],"mappings":";;;;;;;;;AAoBO,MAAM,
|
|
1
|
+
{"version":3,"file":"Section.mjs","sources":["../../../../../../src/components/Section/Section.tsx"],"sourcesContent":["import type { ComponentProps, PropsWithChildren } from \"react\";\nimport { useId } from \"react\";\nimport styles from \"./Section.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport ContextMenuSectionView from \"@/views/ContextMenuSectionView\";\n\nexport interface SectionProps\n extends PropsWithChildren<ComponentProps<\"section\">>,\n FlowComponentProps<HTMLElement> {\n /** @internal */\n renderContextMenuSection?: boolean;\n /** @internal */\n hideSeparator?: boolean;\n}\n\n/** @flr-generate all */\nexport const Section = flowComponent(\"Section\", (props) => {\n const {\n children,\n className,\n ref,\n renderContextMenuSection,\n hideSeparator,\n ...rest\n } = props;\n\n if (!children) {\n return null;\n }\n\n if (renderContextMenuSection) {\n return (\n <ContextMenuSectionView ref={ref as never}>\n {children}\n </ContextMenuSectionView>\n );\n }\n\n const rootClassName = clsx(\n styles.section,\n className,\n hideSeparator && styles.hideSeparator,\n );\n\n const headingId = useId();\n\n const propsContext: PropsContext = {\n Heading: {\n level: 2,\n id: headingId,\n className: styles.heading,\n },\n Header: {\n renderSectionHeader: true,\n },\n List: {\n \"aria-labelledby\": headingId,\n },\n };\n\n return (\n <section {...rest} className={rootClassName} ref={ref}>\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n </section>\n );\n});\n\nexport default Section;\n"],"names":[],"mappings":";;;;;;;;;AAoBO,MAAM,OAAA,GAAU,aAAA,CAAc,SAAA,EAAW,CAAC,KAAA,KAAU;AACzD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA,wBAAA;AAAA,IACA,aAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI,wBAAA,EAA0B;AAC5B,IAAA,uBACE,GAAA,CAAC,sBAAA,EAAA,EAAuB,GAAA,EACrB,QAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,OAAA;AAAA,IACP,SAAA;AAAA,IACA,iBAAiB,MAAA,CAAO;AAAA,GAC1B;AAEA,EAAA,MAAM,YAAY,KAAA,EAAM;AAExB,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,OAAA,EAAS;AAAA,MACP,KAAA,EAAO,CAAA;AAAA,MACP,EAAA,EAAI,SAAA;AAAA,MACJ,WAAW,MAAA,CAAO;AAAA,KACpB;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,mBAAA,EAAqB;AAAA,KACvB;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,iBAAA,EAAmB;AAAA;AACrB,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,SAAA,EAAA,EAAS,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EAAe,GAAA,EAC3C,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EACH,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}
|
package/dist/js/components/src/components/Section/components/SectionHeader/SectionHeader.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionHeader.mjs","sources":["../../../../../../../../src/components/Section/components/SectionHeader/SectionHeader.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, RefAttributes } from \"react\";\nimport styles from \"./SectionHeader.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\n\nexport type SectionHeaderProps = PropsWithChildren &\n PropsWithClassName &\n RefAttributes<HTMLHeadingElement>;\n\nexport const SectionHeader: FC<SectionHeaderProps> = (props) => {\n const { children, className, ref } = props;\n\n const rootClassName = clsx(styles.sectionHeader, className);\n\n const propsContext: PropsContext = {\n Switch: {\n labelPosition: \"leading\",\n tunnelId: \"actions\",\n },\n Button: {\n size: \"s\",\n tunnelId: \"actions\",\n },\n FileField: { tunnelId: \"actions\", Button: { size: \"s\" } },\n ContextMenuTrigger: {\n tunnelId: \"actions\",\n Button: {\n tunnelId: null,\n },\n },\n PopoverTrigger: {\n tunnelId: \"actions\",\n Button: {\n tunnelId: null,\n },\n },\n ContextualHelpTrigger: {\n tunnelId: \"actions\",\n Button: {\n tunnelId: null,\n },\n },\n Action: {\n tunnelId: \"actions\",\n Button: {\n tunnelId: null,\n },\n },\n Heading: {\n level: 2,\n },\n Link: {\n tunnelId: \"actions\",\n },\n };\n\n return (\n <header ref={ref} className={rootClassName}>\n <PropsContextProvider props={propsContext}>\n <TunnelProvider>\n {children}\n <div className={styles.actions}>\n <TunnelExit id=\"actions\" />\n </div>\n </TunnelProvider>\n </PropsContextProvider>\n </header>\n );\n};\n\nexport default SectionHeader;\n"],"names":[],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"SectionHeader.mjs","sources":["../../../../../../../../src/components/Section/components/SectionHeader/SectionHeader.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, RefAttributes } from \"react\";\nimport styles from \"./SectionHeader.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\n\nexport type SectionHeaderProps = PropsWithChildren &\n PropsWithClassName &\n RefAttributes<HTMLHeadingElement>;\n\nexport const SectionHeader: FC<SectionHeaderProps> = (props) => {\n const { children, className, ref } = props;\n\n const rootClassName = clsx(styles.sectionHeader, className);\n\n const propsContext: PropsContext = {\n Switch: {\n labelPosition: \"leading\",\n tunnelId: \"actions\",\n },\n Button: {\n size: \"s\",\n tunnelId: \"actions\",\n },\n FileField: { tunnelId: \"actions\", Button: { size: \"s\" } },\n ContextMenuTrigger: {\n tunnelId: \"actions\",\n Button: {\n tunnelId: null,\n },\n },\n PopoverTrigger: {\n tunnelId: \"actions\",\n Button: {\n tunnelId: null,\n },\n },\n ContextualHelpTrigger: {\n tunnelId: \"actions\",\n Button: {\n tunnelId: null,\n },\n },\n Action: {\n tunnelId: \"actions\",\n Button: {\n tunnelId: null,\n },\n },\n Heading: {\n level: 2,\n },\n Link: {\n tunnelId: \"actions\",\n },\n };\n\n return (\n <header ref={ref} className={rootClassName}>\n <PropsContextProvider props={propsContext}>\n <TunnelProvider>\n {children}\n <div className={styles.actions}>\n <TunnelExit id=\"actions\" />\n </div>\n </TunnelProvider>\n </PropsContextProvider>\n </header>\n );\n};\n\nexport default SectionHeader;\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,aAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAA,EAAI,GAAI,KAAA;AAErC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,aAAA,EAAe,SAAS,CAAA;AAE1D,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,MAAA,EAAQ;AAAA,MACN,aAAA,EAAe,SAAA;AAAA,MACf,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM,GAAA;AAAA,MACN,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,SAAA,EAAW,EAAE,QAAA,EAAU,SAAA,EAAW,QAAQ,EAAE,IAAA,EAAM,KAAI,EAAE;AAAA,IACxD,kBAAA,EAAoB;AAAA,MAClB,QAAA,EAAU,SAAA;AAAA,MACV,MAAA,EAAQ;AAAA,QACN,QAAA,EAAU;AAAA;AACZ,KACF;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,QAAA,EAAU,SAAA;AAAA,MACV,MAAA,EAAQ;AAAA,QACN,QAAA,EAAU;AAAA;AACZ,KACF;AAAA,IACA,qBAAA,EAAuB;AAAA,MACrB,QAAA,EAAU,SAAA;AAAA,MACV,MAAA,EAAQ;AAAA,QACN,QAAA,EAAU;AAAA;AACZ,KACF;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU,SAAA;AAAA,MACV,MAAA,EAAQ;AAAA,QACN,QAAA,EAAU;AAAA;AACZ,KACF;AAAA,IACA,OAAA,EAAS;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,QAAA,EAAU;AAAA;AACZ,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,QAAA,EAAA,EAAO,GAAA,EAAU,SAAA,EAAW,aAAA,EAC3B,8BAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,kBAAA,IAAA,CAAC,cAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,GAAA,CAAC,SAAI,SAAA,EAAW,MAAA,CAAO,SACrB,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,SAAA,EAAU,CAAA,EAC3B;AAAA,GAAA,EACF,GACF,CAAA,EACF,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.mjs","sources":["../../../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import {\n flowComponent,\n type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithContainerBreakpointSize } from \"@/lib/types/props\";\nimport React, { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport styles from \"./SegmentedControl.module.scss\";\nimport { getContainerBreakpointSizeClassName } from \"@/lib/getContainerBreakpointSizeClassName\";\nimport { type PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { FieldError } from \"@/components/FieldError\";\nimport clsx from \"clsx\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\n\nexport interface SegmentedControlProps\n extends PropsWithChildren<Omit<Aria.RadioGroupProps, \"children\">>,\n FlowComponentProps,\n PropsWithContainerBreakpointSize {}\n\n/** @flr-generate all */\nexport const SegmentedControl = flowComponent(\"SegmentedControl\", (props) => {\n const {\n children,\n className,\n containerBreakpointSize = \"m\",\n ref,\n ...rest\n } = props;\n\n const rootClassName = clsx(\n formFieldStyles.formField,\n styles.segmentedControlContainer,\n className,\n styles[getContainerBreakpointSizeClassName(containerBreakpointSize)],\n );\n\n const propsContext: PropsContext = {\n Label: {\n className: formFieldStyles.label,\n },\n FieldDescription: {\n className: formFieldStyles.fieldDescription,\n tunnelId: \"fieldDescription\",\n },\n FieldError: {\n className: formFieldStyles.customFieldError,\n tunnelId: \"fieldError\",\n },\n Segment: {\n tunnelId: \"segments\",\n className: styles.segment,\n },\n };\n\n const localRadioRef = useObjectRef(ref);\n useMakeFocusable(localRadioRef);\n\n return (\n <Aria.RadioGroup {...rest} className={rootClassName} ref={localRadioRef}>\n <PropsContextProvider dependencies={[\"segment\"]} props={propsContext}>\n <TunnelProvider>\n {children}\n\n <div className={styles.segmentedControl}>\n <div className={styles.segments}>\n <TunnelExit id=\"segments\" />\n </div>\n </div>\n\n <TunnelExit id=\"fieldDescription\" />\n <TunnelExit id=\"fieldError\" />\n </TunnelProvider>\n </PropsContextProvider>\n <FieldError className={formFieldStyles.fieldError} />\n </Aria.RadioGroup>\n );\n});\n\nexport default SegmentedControl;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAwBO,MAAM,
|
|
1
|
+
{"version":3,"file":"SegmentedControl.mjs","sources":["../../../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import {\n flowComponent,\n type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithContainerBreakpointSize } from \"@/lib/types/props\";\nimport React, { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport styles from \"./SegmentedControl.module.scss\";\nimport { getContainerBreakpointSizeClassName } from \"@/lib/getContainerBreakpointSizeClassName\";\nimport { type PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { FieldError } from \"@/components/FieldError\";\nimport clsx from \"clsx\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\n\nexport interface SegmentedControlProps\n extends PropsWithChildren<Omit<Aria.RadioGroupProps, \"children\">>,\n FlowComponentProps,\n PropsWithContainerBreakpointSize {}\n\n/** @flr-generate all */\nexport const SegmentedControl = flowComponent(\"SegmentedControl\", (props) => {\n const {\n children,\n className,\n containerBreakpointSize = \"m\",\n ref,\n ...rest\n } = props;\n\n const rootClassName = clsx(\n formFieldStyles.formField,\n styles.segmentedControlContainer,\n className,\n styles[getContainerBreakpointSizeClassName(containerBreakpointSize)],\n );\n\n const propsContext: PropsContext = {\n Label: {\n className: formFieldStyles.label,\n },\n FieldDescription: {\n className: formFieldStyles.fieldDescription,\n tunnelId: \"fieldDescription\",\n },\n FieldError: {\n className: formFieldStyles.customFieldError,\n tunnelId: \"fieldError\",\n },\n Segment: {\n tunnelId: \"segments\",\n className: styles.segment,\n },\n };\n\n const localRadioRef = useObjectRef(ref);\n useMakeFocusable(localRadioRef);\n\n return (\n <Aria.RadioGroup {...rest} className={rootClassName} ref={localRadioRef}>\n <PropsContextProvider dependencies={[\"segment\"]} props={propsContext}>\n <TunnelProvider>\n {children}\n\n <div className={styles.segmentedControl}>\n <div className={styles.segments}>\n <TunnelExit id=\"segments\" />\n </div>\n </div>\n\n <TunnelExit id=\"fieldDescription\" />\n <TunnelExit id=\"fieldError\" />\n </TunnelProvider>\n </PropsContextProvider>\n <FieldError className={formFieldStyles.fieldError} />\n </Aria.RadioGroup>\n );\n});\n\nexport default SegmentedControl;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAwBO,MAAM,gBAAA,GAAmB,aAAA,CAAc,kBAAA,EAAoB,CAAC,KAAA,KAAU;AAC3E,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,uBAAA,GAA0B,GAAA;AAAA,IAC1B,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,eAAA,CAAgB,SAAA;AAAA,IAChB,MAAA,CAAO,yBAAA;AAAA,IACP,SAAA;AAAA,IACA,MAAA,CAAO,mCAAA,CAAoC,uBAAuB,CAAC;AAAA,GACrE;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,KAAA,EAAO;AAAA,MACL,WAAW,eAAA,CAAgB;AAAA,KAC7B;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,WAAW,eAAA,CAAgB,gBAAA;AAAA,MAC3B,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,UAAA,EAAY;AAAA,MACV,WAAW,eAAA,CAAgB,gBAAA;AAAA,MAC3B,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,OAAA,EAAS;AAAA,MACP,QAAA,EAAU,UAAA;AAAA,MACV,WAAW,MAAA,CAAO;AAAA;AACpB,GACF;AAEA,EAAA,MAAM,aAAA,GAAgB,aAAa,GAAG,CAAA;AACtC,EAAA,gBAAA,CAAiB,aAAa,CAAA;AAE9B,EAAA,uBACE,IAAA,CAAC,KAAK,UAAA,EAAL,EAAiB,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EAAe,GAAA,EAAK,aAAA,EACxD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,cAAc,CAAC,SAAS,GAAG,KAAA,EAAO,YAAA,EACtD,+BAAC,cAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBAED,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,kBACrB,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,UACrB,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,UAAA,EAAW,GAC5B,CAAA,EACF,CAAA;AAAA,sBAEA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,kBAAA,EAAmB,CAAA;AAAA,sBAClC,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,YAAA,EAAa;AAAA,KAAA,EAC9B,CAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,eAAA,CAAgB,UAAA,EAAY;AAAA,GAAA,EACrD,CAAA;AAEJ,CAAC;;;;"}
|
package/dist/js/components/src/components/SegmentedControl/components/Segment/Segment.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Segment.mjs","sources":["../../../../../../../../src/components/SegmentedControl/components/Segment/Segment.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Segment.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconCheck } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface SegmentProps\n extends PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n FlowComponentProps<HTMLLabelElement> {}\n\n/** @flr-generate all */\nexport const Segment = flowComponent(\"Segment\", (props) => {\n const { children, className, ref, ...rest } = props;\n\n const rootClassName = clsx(styles.segment, className);\n\n return (\n <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n {children}\n <IconCheck className={styles.checkmark} />\n </Aria.Radio>\n );\n});\n\nexport default Segment;\n"],"names":[],"mappings":";;;;;;;;;;;AAaO,MAAM,
|
|
1
|
+
{"version":3,"file":"Segment.mjs","sources":["../../../../../../../../src/components/SegmentedControl/components/Segment/Segment.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Segment.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { IconCheck } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface SegmentProps\n extends PropsWithChildren<Omit<Aria.RadioProps, \"children\">>,\n FlowComponentProps<HTMLLabelElement> {}\n\n/** @flr-generate all */\nexport const Segment = flowComponent(\"Segment\", (props) => {\n const { children, className, ref, ...rest } = props;\n\n const rootClassName = clsx(styles.segment, className);\n\n return (\n <Aria.Radio {...rest} className={rootClassName} ref={ref}>\n {children}\n <IconCheck className={styles.checkmark} />\n </Aria.Radio>\n );\n});\n\nexport default Segment;\n"],"names":[],"mappings":";;;;;;;;;;;AAaO,MAAM,OAAA,GAAU,aAAA,CAAc,SAAA,EAAW,CAAC,KAAA,KAAU;AACzD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAE9C,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACE,IAAA,CAAC,KAAK,KAAA,EAAL,EAAY,GAAG,IAAA,EAAM,SAAA,EAAW,eAAe,GAAA,EAC7C,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAW,MAAA,CAAO,SAAA,EAAW;AAAA,GAAA,EAC1C,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.mjs","sources":["../../../../../../src/components/Select/Select.tsx"],"sourcesContent":["import { type PropsWithChildren, useRef } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { FieldError } from \"@/components/FieldError\";\nimport styles from \"./Select.module.scss\";\nimport clsx from \"clsx\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Options } from \"@/components/Options\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type OverlayController, useOverlayController } from \"@/lib/controller\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\n\nexport interface SelectProps\n extends PropsWithChildren<Omit<Aria.SelectProps, \"children\" | \"className\">>,\n FlowComponentProps,\n PropsWithClassName {\n /** Handler that is called when the selected value changes. */\n onChange?: (value:
|
|
1
|
+
{"version":3,"file":"Select.mjs","sources":["../../../../../../src/components/Select/Select.tsx"],"sourcesContent":["import { type PropsWithChildren, useRef } from \"react\";\nimport type { Key } from \"react-aria-components\";\nimport * as Aria from \"react-aria-components\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { FieldError } from \"@/components/FieldError\";\nimport styles from \"./Select.module.scss\";\nimport clsx from \"clsx\";\nimport { IconChevronDown } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Options } from \"@/components/Options\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type OverlayController, useOverlayController } from \"@/lib/controller\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\n\nexport interface SelectProps\n extends PropsWithChildren<Omit<Aria.SelectProps, \"children\" | \"className\">>,\n FlowComponentProps,\n PropsWithClassName {\n /** Handler that is called when the selected value changes. */\n onChange?: (value: Key | null) => void;\n /** An overlay controller to control the select option popover state. */\n controller?: OverlayController;\n /** Whether the component is read only. */\n isReadOnly?: boolean;\n}\n\n/** @flr-generate all */\nexport const Select = flowComponent(\"Select\", (props) => {\n const {\n children,\n className,\n onChange = () => {\n // default: do nothing\n },\n onSelectionChange = () => {\n // default: do nothing\n },\n controller: controllerFromProps,\n ref,\n isReadOnly,\n ...rest\n } = props;\n\n const rootClassName = clsx(\n styles.select,\n formFieldStyles.formField,\n className,\n );\n\n const propsContext: PropsContext = {\n Label: {\n className: formFieldStyles.label,\n optional: !props.isRequired,\n },\n FieldDescription: {\n className: formFieldStyles.fieldDescription,\n },\n FieldError: {\n className: formFieldStyles.customFieldError,\n },\n Option: {\n tunnelId: \"options\",\n },\n };\n\n const handleOnSelectionChange = (id: Key | null) => {\n onChange(id);\n onSelectionChange(id);\n };\n\n const controllerFromContext = useOverlayController(\"Select\", {\n reuseControllerFromContext: true,\n });\n\n const localSelectRef = useObjectRef(ref);\n const localButtonRef = useRef<HTMLButtonElement>(null);\n\n useMakeFocusable(localSelectRef, () => {\n localButtonRef.current?.focus();\n });\n\n const controller = controllerFromProps ?? controllerFromContext;\n const isOpen = controller.useIsOpen();\n\n return (\n <Aria.Select\n {...rest}\n className={rootClassName}\n ref={localSelectRef}\n onSelectionChange={isReadOnly ? undefined : handleOnSelectionChange}\n onOpenChange={(isOpen) => !isReadOnly && controller.setOpen(isOpen)}\n isOpen={isOpen}\n data-readonly={isReadOnly}\n >\n <PropsContextProvider props={propsContext}>\n <TunnelProvider>\n <Aria.Button\n ref={localButtonRef}\n data-readonly={isReadOnly}\n className={styles.toggle}\n >\n <Aria.SelectValue />\n <IconChevronDown />\n </Aria.Button>\n\n {children}\n <Options controller={controller}>\n <TunnelExit id=\"options\" />\n </Options>\n\n <FieldError className={formFieldStyles.fieldError} />\n </TunnelProvider>\n </PropsContextProvider>\n </Aria.Select>\n );\n});\n\nexport default Select;\n"],"names":["isOpen"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgCO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAW,MAAM;AAAA,IAEjB,CAAA;AAAA,IACA,oBAAoB,MAAM;AAAA,IAE1B,CAAA;AAAA,IACA,UAAA,EAAY,mBAAA;AAAA,IACZ,GAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,eAAA,CAAgB,SAAA;AAAA,IAChB;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,KAAA,EAAO;AAAA,MACL,WAAW,eAAA,CAAgB,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAA,CAAM;AAAA,KACnB;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,WAAW,eAAA,CAAgB;AAAA,KAC7B;AAAA,IACA,UAAA,EAAY;AAAA,MACV,WAAW,eAAA,CAAgB;AAAA,KAC7B;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU;AAAA;AACZ,GACF;AAEA,EAAA,MAAM,uBAAA,GAA0B,CAAC,EAAA,KAAmB;AAClD,IAAA,QAAA,CAAS,EAAE,CAAA;AACX,IAAA,iBAAA,CAAkB,EAAE,CAAA;AAAA,EACtB,CAAA;AAEA,EAAA,MAAM,qBAAA,GAAwB,qBAAqB,QAAA,EAAU;AAAA,IAC3D,0BAAA,EAA4B;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,cAAA,GAAiB,aAAa,GAAG,CAAA;AACvC,EAAA,MAAM,cAAA,GAAiB,OAA0B,IAAI,CAAA;AAErD,EAAA,gBAAA,CAAiB,gBAAgB,MAAM;AACrC,IAAA,cAAA,CAAe,SAAS,KAAA,EAAM;AAAA,EAChC,CAAC,CAAA;AAED,EAAA,MAAM,aAAa,mBAAA,IAAuB,qBAAA;AAC1C,EAAA,MAAM,MAAA,GAAS,WAAW,SAAA,EAAU;AAEpC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,MAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,aAAA;AAAA,MACX,GAAA,EAAK,cAAA;AAAA,MACL,iBAAA,EAAmB,aAAa,MAAA,GAAY,uBAAA;AAAA,MAC5C,cAAc,CAACA,OAAAA,KAAW,CAAC,UAAA,IAAc,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,MAClE,MAAA;AAAA,MACA,eAAA,EAAe,UAAA;AAAA,MAEf,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,+BAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,IAAA,CAAK,MAAA;AAAA,UAAL;AAAA,YACC,GAAA,EAAK,cAAA;AAAA,YACL,eAAA,EAAe,UAAA;AAAA,YACf,WAAW,MAAA,CAAO,MAAA;AAAA,YAElB,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,IAAA,CAAK,aAAL,EAAiB,CAAA;AAAA,kCACjB,eAAA,EAAA,EAAgB;AAAA;AAAA;AAAA,SACnB;AAAA,QAEC,QAAA;AAAA,4BACA,OAAA,EAAA,EAAQ,UAAA,EACP,8BAAC,UAAA,EAAA,EAAW,EAAA,EAAG,WAAU,CAAA,EAC3B,CAAA;AAAA,wBAEA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,eAAA,CAAgB,UAAA,EAAY;AAAA,OAAA,EACrD,CAAA,EACF;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.mjs","sources":["../../../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Separator.module.scss\";\nimport * as Aria from \"react-aria-components\";\n\nexport type SeparatorProps = Omit<Aria.SeparatorProps, \"orientation\">;\n\n/** @flr-generate all */\nexport const Separator: FC<SeparatorProps> = (props) => {\n const { className, ...rest } = props;\n\n const rootClassName = clsx(styles.separator, className);\n\n return (\n <Aria.Separator elementType=\"hr\" className={rootClassName} {...rest} />\n );\n};\n\nexport default Separator;\n"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"Separator.mjs","sources":["../../../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./Separator.module.scss\";\nimport * as Aria from \"react-aria-components\";\n\nexport type SeparatorProps = Omit<Aria.SeparatorProps, \"orientation\">;\n\n/** @flr-generate all */\nexport const Separator: FC<SeparatorProps> = (props) => {\n const { className, ...rest } = props;\n\n const rootClassName = clsx(styles.separator, className);\n\n return (\n <Aria.Separator elementType=\"hr\" className={rootClassName} {...rest} />\n );\n};\n\nexport default Separator;\n"],"names":[],"mappings":";;;;;;AASO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,GAAI,KAAA;AAE/B,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,SAAA,EAAW,SAAS,CAAA;AAEtD,EAAA,uBACE,GAAA,CAAC,KAAK,SAAA,EAAL,EAAe,aAAY,IAAA,EAAK,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EAAM,CAAA;AAEzE;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingsProvider.mjs","sources":["../../../../../../src/components/SettingsProvider/SettingsProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, {\n createContext,\n useContext,\n useEffect,\n useMemo,\n useRef,\n} from \"react\";\nimport type { SupportedSettingsBackend } from \"@/components/SettingsProvider/backends/types\";\nimport { autorun } from \"mobx\";\nimport { getAsyncResource } from \"@mittwald/react-use-promise\";\nimport { SettingsStore } from \"@/components/SettingsProvider/models/SettingsStore\";\nimport { settingsBackendFactory } from \"@/components/SettingsProvider/backends/settingsBackendFactory\";\n\ntype Props = PropsWithChildren &\n SupportedSettingsBackend & {\n id?: string;\n };\n\nconst context = createContext<SettingsStore | undefined>(undefined);\n\nexport const useSettings = () => useContext(context);\n\nexport const SettingsProvider: FC<Props> = (props) => {\n const { children, id, ...storeShape } = props;\n const backend = settingsBackendFactory(storeShape);\n\n const storedSettingsResource = getAsyncResource(() => backend.load(), [], {\n loaderId: id,\n });\n const storedSettings = storedSettingsResource.use();\n const storingPromise = useRef(Promise.resolve());\n\n const settingsStore = useMemo(\n () => SettingsStore.fromJson(storedSettings),\n [id],\n );\n\n const watchAndStoreSettings = () => {\n const json = settingsStore.asJson;\n storingPromise.current = storingPromise.current.then(async () => {\n await backend.store(json);\n storedSettingsResource.refresh();\n });\n };\n\n useEffect(() => autorun(watchAndStoreSettings), [id]);\n\n return <context.Provider value={settingsStore}>{children}</context.Provider>;\n};\n\nexport default SettingsProvider;\n"],"names":[],"mappings":";;;;;;;AAmBA,MAAM,OAAA,GAAU,cAAyC,MAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"SettingsProvider.mjs","sources":["../../../../../../src/components/SettingsProvider/SettingsProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, {\n createContext,\n useContext,\n useEffect,\n useMemo,\n useRef,\n} from \"react\";\nimport type { SupportedSettingsBackend } from \"@/components/SettingsProvider/backends/types\";\nimport { autorun } from \"mobx\";\nimport { getAsyncResource } from \"@mittwald/react-use-promise\";\nimport { SettingsStore } from \"@/components/SettingsProvider/models/SettingsStore\";\nimport { settingsBackendFactory } from \"@/components/SettingsProvider/backends/settingsBackendFactory\";\n\ntype Props = PropsWithChildren &\n SupportedSettingsBackend & {\n id?: string;\n };\n\nconst context = createContext<SettingsStore | undefined>(undefined);\n\nexport const useSettings = () => useContext(context);\n\nexport const SettingsProvider: FC<Props> = (props) => {\n const { children, id, ...storeShape } = props;\n const backend = settingsBackendFactory(storeShape);\n\n const storedSettingsResource = getAsyncResource(() => backend.load(), [], {\n loaderId: id,\n });\n const storedSettings = storedSettingsResource.use();\n const storingPromise = useRef(Promise.resolve());\n\n const settingsStore = useMemo(\n () => SettingsStore.fromJson(storedSettings),\n [id],\n );\n\n const watchAndStoreSettings = () => {\n const json = settingsStore.asJson;\n storingPromise.current = storingPromise.current.then(async () => {\n await backend.store(json);\n storedSettingsResource.refresh();\n });\n };\n\n useEffect(() => autorun(watchAndStoreSettings), [id]);\n\n return <context.Provider value={settingsStore}>{children}</context.Provider>;\n};\n\nexport default SettingsProvider;\n"],"names":[],"mappings":";;;;;;;AAmBA,MAAM,OAAA,GAAU,cAAyC,MAAS,CAAA;AAE3D,MAAM,WAAA,GAAc,MAAM,UAAA,CAAW,OAAO;AAE5C,MAAM,gBAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,QAAA,EAAU,EAAA,EAAI,GAAG,YAAW,GAAI,KAAA;AACxC,EAAA,MAAM,OAAA,GAAU,uBAAuB,UAAU,CAAA;AAEjD,EAAA,MAAM,yBAAyB,gBAAA,CAAiB,MAAM,QAAQ,IAAA,EAAK,EAAG,EAAC,EAAG;AAAA,IACxE,QAAA,EAAU;AAAA,GACX,CAAA;AACD,EAAA,MAAM,cAAA,GAAiB,uBAAuB,GAAA,EAAI;AAClD,EAAA,MAAM,cAAA,GAAiB,MAAA,CAAO,OAAA,CAAQ,OAAA,EAAS,CAAA;AAE/C,EAAA,MAAM,aAAA,GAAgB,OAAA;AAAA,IACpB,MAAM,aAAA,CAAc,QAAA,CAAS,cAAc,CAAA;AAAA,IAC3C,CAAC,EAAE;AAAA,GACL;AAEA,EAAA,MAAM,wBAAwB,MAAM;AAClC,IAAA,MAAM,OAAO,aAAA,CAAc,MAAA;AAC3B,IAAA,cAAA,CAAe,OAAA,GAAU,cAAA,CAAe,OAAA,CAAQ,IAAA,CAAK,YAAY;AAC/D,MAAA,MAAM,OAAA,CAAQ,MAAM,IAAI,CAAA;AACxB,MAAA,sBAAA,CAAuB,OAAA,EAAQ;AAAA,IACjC,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM,OAAA,CAAQ,qBAAqB,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAEpD,EAAA,2BAAQ,OAAA,CAAQ,QAAA,EAAR,EAAiB,KAAA,EAAO,eAAgB,QAAA,EAAS,CAAA;AAC3D;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LocalStorageSettingsBackend.mjs","sources":["../../../../../../../src/components/SettingsProvider/backends/LocalStorageSettingsBackend.ts"],"sourcesContent":["import type { SettingsBackend } from \"@/components/SettingsProvider/backends/types\";\nimport type { SettingsJson } from \"@/components/SettingsProvider/models/SettingsStore\";\n\nconst localStorageAvailable = typeof localStorage !== \"undefined\";\n\nexport class LocalStorageSettingsBackend implements SettingsBackend {\n private readonly storageKey: string;\n\n public constructor(storageKey: string) {\n this.storageKey = storageKey;\n }\n\n public async load(): Promise<SettingsJson> {\n if (!localStorageAvailable) {\n return {};\n }\n\n const jsonString = localStorage.getItem(this.storageKey);\n if (jsonString === null) {\n return {};\n }\n return JSON.parse(jsonString);\n }\n\n public async store(settings: SettingsJson): Promise<void> {\n if (localStorageAvailable) {\n localStorage.setItem(this.storageKey, JSON.stringify(settings));\n }\n }\n}\n"],"names":[],"mappings":"AAGA,MAAM,qBAAA,GAAwB,OAAO,
|
|
1
|
+
{"version":3,"file":"LocalStorageSettingsBackend.mjs","sources":["../../../../../../../src/components/SettingsProvider/backends/LocalStorageSettingsBackend.ts"],"sourcesContent":["import type { SettingsBackend } from \"@/components/SettingsProvider/backends/types\";\nimport type { SettingsJson } from \"@/components/SettingsProvider/models/SettingsStore\";\n\nconst localStorageAvailable = typeof localStorage !== \"undefined\";\n\nexport class LocalStorageSettingsBackend implements SettingsBackend {\n private readonly storageKey: string;\n\n public constructor(storageKey: string) {\n this.storageKey = storageKey;\n }\n\n public async load(): Promise<SettingsJson> {\n if (!localStorageAvailable) {\n return {};\n }\n\n const jsonString = localStorage.getItem(this.storageKey);\n if (jsonString === null) {\n return {};\n }\n return JSON.parse(jsonString);\n }\n\n public async store(settings: SettingsJson): Promise<void> {\n if (localStorageAvailable) {\n localStorage.setItem(this.storageKey, JSON.stringify(settings));\n }\n }\n}\n"],"names":[],"mappings":"AAGA,MAAM,qBAAA,GAAwB,OAAO,YAAA,KAAiB,WAAA;AAE/C,MAAM,2BAAA,CAAuD;AAAA,EACjD,UAAA;AAAA,EAEV,YAAY,UAAA,EAAoB;AACrC,IAAA,IAAA,CAAK,UAAA,GAAa,UAAA;AAAA,EACpB;AAAA,EAEA,MAAa,IAAA,GAA8B;AACzC,IAAA,IAAI,CAAC,qBAAA,EAAuB;AAC1B,MAAA,OAAO,EAAC;AAAA,IACV;AAEA,IAAA,MAAM,UAAA,GAAa,YAAA,CAAa,OAAA,CAAQ,IAAA,CAAK,UAAU,CAAA;AACvD,IAAA,IAAI,eAAe,IAAA,EAAM;AACvB,MAAA,OAAO,EAAC;AAAA,IACV;AACA,IAAA,OAAO,IAAA,CAAK,MAAM,UAAU,CAAA;AAAA,EAC9B;AAAA,EAEA,MAAa,MAAM,QAAA,EAAuC;AACxD,IAAA,IAAI,qBAAA,EAAuB;AACzB,MAAA,YAAA,CAAa,QAAQ,IAAA,CAAK,UAAA,EAAY,IAAA,CAAK,SAAA,CAAU,QAAQ,CAAC,CAAA;AAAA,IAChE;AAAA,EACF;AACF;;;;"}
|
package/dist/js/components/src/components/SettingsProvider/backends/settingsBackendFactory.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"settingsBackendFactory.mjs","sources":["../../../../../../../src/components/SettingsProvider/backends/settingsBackendFactory.ts"],"sourcesContent":["import type {\n SettingsBackend,\n SupportedSettingsBackend,\n} from \"@/components/SettingsProvider/backends/types\";\nimport { LocalStorageSettingsBackend } from \"@/components/SettingsProvider/backends/LocalStorageSettingsBackend\";\n\nexport const settingsBackendFactory = (\n backend: SupportedSettingsBackend,\n): SettingsBackend => {\n switch (backend.type) {\n case \"custom\":\n return backend.store;\n case \"localStorage\":\n return new LocalStorageSettingsBackend(backend.storageKey);\n }\n\n throw new Error(`Unsupported setting backend: ${backend}`);\n};\n"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"settingsBackendFactory.mjs","sources":["../../../../../../../src/components/SettingsProvider/backends/settingsBackendFactory.ts"],"sourcesContent":["import type {\n SettingsBackend,\n SupportedSettingsBackend,\n} from \"@/components/SettingsProvider/backends/types\";\nimport { LocalStorageSettingsBackend } from \"@/components/SettingsProvider/backends/LocalStorageSettingsBackend\";\n\nexport const settingsBackendFactory = (\n backend: SupportedSettingsBackend,\n): SettingsBackend => {\n switch (backend.type) {\n case \"custom\":\n return backend.store;\n case \"localStorage\":\n return new LocalStorageSettingsBackend(backend.storageKey);\n }\n\n throw new Error(`Unsupported setting backend: ${backend}`);\n};\n"],"names":[],"mappings":";;AAMO,MAAM,sBAAA,GAAyB,CACpC,OAAA,KACoB;AACpB,EAAA,QAAQ,QAAQ,IAAA;AAAM,IACpB,KAAK,QAAA;AACH,MAAA,OAAO,OAAA,CAAQ,KAAA;AAAA,IACjB,KAAK,cAAA;AACH,MAAA,OAAO,IAAI,2BAAA,CAA4B,OAAA,CAAQ,UAAU,CAAA;AAAA;AAG7D,EAAA,MAAM,IAAI,KAAA,CAAM,CAAA,6BAAA,EAAgC,OAAO,CAAA,CAAE,CAAA;AAC3D;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComponentSettings.mjs","sources":["../../../../../../../src/components/SettingsProvider/models/ComponentSettings.ts"],"sourcesContent":["import { makeAutoObservable, ObservableMap, toJS } from \"mobx\";\nimport type { ZodSchema } from \"zod\";\nimport type z from \"zod\";\nimport { mobxMapToObject } from \"@/lib/mobx/mobxMapToObject\";\nimport { mapValues } from \"remeda\";\n\nexport type ComponentSettingsJson = Record<string, string>;\n\nexport class ComponentSettings {\n public readonly settings: ObservableMap<string, unknown>;\n\n public constructor(settings = new ObservableMap<string, unknown>()) {\n this.settings = settings;\n makeAutoObservable(this);\n }\n\n public set<T extends ZodSchema>(\n settingKey: string,\n schema: T,\n value: z.infer<T>,\n ) {\n this.settings.set(settingKey, schema.parse(toJS(value)));\n }\n\n public get<T extends ZodSchema>(settingKey: string, schema: T): z.infer<T> {\n return schema.parse(this.settings.get(settingKey));\n }\n\n public clear(settingKey: string) {\n this.settings.delete(settingKey);\n }\n\n public get asJson(): ComponentSettingsJson {\n return mapValues(mobxMapToObject(this.settings), (v) => JSON.stringify(v));\n }\n\n public static fromJson(json: ComponentSettingsJson) {\n return new ComponentSettings(\n new ObservableMap<string, unknown>(\n mapValues(json, (v) => (typeof v === \"string\" ? JSON.parse(v) : v)),\n ),\n );\n }\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,
|
|
1
|
+
{"version":3,"file":"ComponentSettings.mjs","sources":["../../../../../../../src/components/SettingsProvider/models/ComponentSettings.ts"],"sourcesContent":["import { makeAutoObservable, ObservableMap, toJS } from \"mobx\";\nimport type { ZodSchema } from \"zod\";\nimport type z from \"zod\";\nimport { mobxMapToObject } from \"@/lib/mobx/mobxMapToObject\";\nimport { mapValues } from \"remeda\";\n\nexport type ComponentSettingsJson = Record<string, string>;\n\nexport class ComponentSettings {\n public readonly settings: ObservableMap<string, unknown>;\n\n public constructor(settings = new ObservableMap<string, unknown>()) {\n this.settings = settings;\n makeAutoObservable(this);\n }\n\n public set<T extends ZodSchema>(\n settingKey: string,\n schema: T,\n value: z.infer<T>,\n ) {\n this.settings.set(settingKey, schema.parse(toJS(value)));\n }\n\n public get<T extends ZodSchema>(settingKey: string, schema: T): z.infer<T> {\n return schema.parse(this.settings.get(settingKey));\n }\n\n public clear(settingKey: string) {\n this.settings.delete(settingKey);\n }\n\n public get asJson(): ComponentSettingsJson {\n return mapValues(mobxMapToObject(this.settings), (v) => JSON.stringify(v));\n }\n\n public static fromJson(json: ComponentSettingsJson) {\n return new ComponentSettings(\n new ObservableMap<string, unknown>(\n mapValues(json, (v) => (typeof v === \"string\" ? JSON.parse(v) : v)),\n ),\n );\n }\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,iBAAA,CAAkB;AAAA,EACb,QAAA;AAAA,EAET,WAAA,CAAY,QAAA,GAAW,IAAI,aAAA,EAA+B,EAAG;AAClE,IAAA,IAAA,CAAK,QAAA,GAAW,QAAA;AAChB,IAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA,EACzB;AAAA,EAEO,GAAA,CACL,UAAA,EACA,MAAA,EACA,KAAA,EACA;AACA,IAAA,IAAA,CAAK,QAAA,CAAS,IAAI,UAAA,EAAY,MAAA,CAAO,MAAM,IAAA,CAAK,KAAK,CAAC,CAAC,CAAA;AAAA,EACzD;AAAA,EAEO,GAAA,CAAyB,YAAoB,MAAA,EAAuB;AACzE,IAAA,OAAO,OAAO,KAAA,CAAM,IAAA,CAAK,QAAA,CAAS,GAAA,CAAI,UAAU,CAAC,CAAA;AAAA,EACnD;AAAA,EAEO,MAAM,UAAA,EAAoB;AAC/B,IAAA,IAAA,CAAK,QAAA,CAAS,OAAO,UAAU,CAAA;AAAA,EACjC;AAAA,EAEA,IAAW,MAAA,GAAgC;AACzC,IAAA,OAAO,SAAA,CAAU,eAAA,CAAgB,IAAA,CAAK,QAAQ,CAAA,EAAG,CAAC,CAAA,KAAM,IAAA,CAAK,SAAA,CAAU,CAAC,CAAC,CAAA;AAAA,EAC3E;AAAA,EAEA,OAAc,SAAS,IAAA,EAA6B;AAClD,IAAA,OAAO,IAAI,iBAAA;AAAA,MACT,IAAI,aAAA;AAAA,QACF,SAAA,CAAU,IAAA,EAAM,CAAC,CAAA,KAAO,OAAO,CAAA,KAAM,QAAA,GAAW,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,GAAI,CAAE;AAAA;AACpE,KACF;AAAA,EACF;AACF;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingsStore.mjs","sources":["../../../../../../../src/components/SettingsProvider/models/SettingsStore.ts"],"sourcesContent":["import { makeAutoObservable, ObservableMap } from \"mobx\";\nimport { ComponentSettings } from \"@/components/SettingsProvider/models/ComponentSettings\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { mapValues } from \"remeda\";\nimport type { ZodSchema } from \"zod\";\nimport type z from \"zod\";\nimport { mobxMapToObject } from \"@/lib/mobx/mobxMapToObject\";\n\nexport class SettingsStore {\n public readonly componentSettings: ObservableMap<\n FlowComponentName,\n ComponentSettings\n >;\n\n public constructor(\n settings = new ObservableMap<FlowComponentName, ComponentSettings>(),\n ) {\n this.componentSettings = settings;\n makeAutoObservable(this);\n }\n\n public set<T extends ZodSchema>(\n componentName: FlowComponentName,\n settingKey: string,\n schema: T,\n value: z.infer<T>,\n ) {\n const settings =\n this.componentSettings.get(componentName) ?? new ComponentSettings();\n settings.set(settingKey, schema, value);\n this.componentSettings.set(componentName, settings);\n }\n\n public get<T extends ZodSchema>(\n componentName: FlowComponentName,\n settingKey: string,\n schema: T,\n ): z.infer<T> {\n const settings =\n this.componentSettings.get(componentName) ?? new ComponentSettings();\n return settings.get(settingKey, schema);\n }\n\n public clear(componentName: FlowComponentName, settingKey: string) {\n this.componentSettings.get(componentName)?.clear(settingKey);\n }\n\n public get asJson() {\n return mapValues(mobxMapToObject(this.componentSettings), (v) => v.asJson);\n }\n\n public static fromJson(json: SettingsJson) {\n const settings = mapValues(json, (v) => ComponentSettings.fromJson(v));\n return new SettingsStore(new ObservableMap(settings));\n }\n}\n\nexport type SettingsJson = SettingsStore[\"asJson\"];\n"],"names":[],"mappings":";;;;;AAQO,MAAM,
|
|
1
|
+
{"version":3,"file":"SettingsStore.mjs","sources":["../../../../../../../src/components/SettingsProvider/models/SettingsStore.ts"],"sourcesContent":["import { makeAutoObservable, ObservableMap } from \"mobx\";\nimport { ComponentSettings } from \"@/components/SettingsProvider/models/ComponentSettings\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { mapValues } from \"remeda\";\nimport type { ZodSchema } from \"zod\";\nimport type z from \"zod\";\nimport { mobxMapToObject } from \"@/lib/mobx/mobxMapToObject\";\n\nexport class SettingsStore {\n public readonly componentSettings: ObservableMap<\n FlowComponentName,\n ComponentSettings\n >;\n\n public constructor(\n settings = new ObservableMap<FlowComponentName, ComponentSettings>(),\n ) {\n this.componentSettings = settings;\n makeAutoObservable(this);\n }\n\n public set<T extends ZodSchema>(\n componentName: FlowComponentName,\n settingKey: string,\n schema: T,\n value: z.infer<T>,\n ) {\n const settings =\n this.componentSettings.get(componentName) ?? new ComponentSettings();\n settings.set(settingKey, schema, value);\n this.componentSettings.set(componentName, settings);\n }\n\n public get<T extends ZodSchema>(\n componentName: FlowComponentName,\n settingKey: string,\n schema: T,\n ): z.infer<T> {\n const settings =\n this.componentSettings.get(componentName) ?? new ComponentSettings();\n return settings.get(settingKey, schema);\n }\n\n public clear(componentName: FlowComponentName, settingKey: string) {\n this.componentSettings.get(componentName)?.clear(settingKey);\n }\n\n public get asJson() {\n return mapValues(mobxMapToObject(this.componentSettings), (v) => v.asJson);\n }\n\n public static fromJson(json: SettingsJson) {\n const settings = mapValues(json, (v) => ComponentSettings.fromJson(v));\n return new SettingsStore(new ObservableMap(settings));\n }\n}\n\nexport type SettingsJson = SettingsStore[\"asJson\"];\n"],"names":[],"mappings":";;;;;AAQO,MAAM,aAAA,CAAc;AAAA,EACT,iBAAA;AAAA,EAKT,WAAA,CACL,QAAA,GAAW,IAAI,aAAA,EAAoD,EACnE;AACA,IAAA,IAAA,CAAK,iBAAA,GAAoB,QAAA;AACzB,IAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA,EACzB;AAAA,EAEO,GAAA,CACL,aAAA,EACA,UAAA,EACA,MAAA,EACA,KAAA,EACA;AACA,IAAA,MAAM,WACJ,IAAA,CAAK,iBAAA,CAAkB,IAAI,aAAa,CAAA,IAAK,IAAI,iBAAA,EAAkB;AACrE,IAAA,QAAA,CAAS,GAAA,CAAI,UAAA,EAAY,MAAA,EAAQ,KAAK,CAAA;AACtC,IAAA,IAAA,CAAK,iBAAA,CAAkB,GAAA,CAAI,aAAA,EAAe,QAAQ,CAAA;AAAA,EACpD;AAAA,EAEO,GAAA,CACL,aAAA,EACA,UAAA,EACA,MAAA,EACY;AACZ,IAAA,MAAM,WACJ,IAAA,CAAK,iBAAA,CAAkB,IAAI,aAAa,CAAA,IAAK,IAAI,iBAAA,EAAkB;AACrE,IAAA,OAAO,QAAA,CAAS,GAAA,CAAI,UAAA,EAAY,MAAM,CAAA;AAAA,EACxC;AAAA,EAEO,KAAA,CAAM,eAAkC,UAAA,EAAoB;AACjE,IAAA,IAAA,CAAK,iBAAA,CAAkB,GAAA,CAAI,aAAa,CAAA,EAAG,MAAM,UAAU,CAAA;AAAA,EAC7D;AAAA,EAEA,IAAW,MAAA,GAAS;AAClB,IAAA,OAAO,SAAA,CAAU,gBAAgB,IAAA,CAAK,iBAAiB,GAAG,CAAC,CAAA,KAAM,EAAE,MAAM,CAAA;AAAA,EAC3E;AAAA,EAEA,OAAc,SAAS,IAAA,EAAoB;AACzC,IAAA,MAAM,QAAA,GAAW,UAAU,IAAA,EAAM,CAAC,MAAM,iBAAA,CAAkB,QAAA,CAAS,CAAC,CAAC,CAAA;AACrE,IAAA,OAAO,IAAI,aAAA,CAAc,IAAI,aAAA,CAAc,QAAQ,CAAC,CAAA;AAAA,EACtD;AACF;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.mjs","sources":["../../../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import type { ComponentProps, FC } from \"react\";\nimport React from \"react\";\nimport styles from \"./Skeleton.module.scss\";\nimport clsx from \"clsx\";\n\nexport interface SkeletonProps extends ComponentProps<\"div\"> {\n /** The width of the skeleton. */\n width?: string;\n /** The height of the skeleton. */\n height?: string;\n}\n\n/** @flr-generate all */\nexport const Skeleton: FC<SkeletonProps> = (props) => {\n const { width, height, className, ...rest } = props;\n\n const rootClassName = clsx(styles.skeleton, className);\n\n return (\n <div\n className={rootClassName}\n aria-hidden\n style={{ height, width }}\n {...rest}\n />\n );\n};\n\nexport default Skeleton;\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"Skeleton.mjs","sources":["../../../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import type { ComponentProps, FC } from \"react\";\nimport React from \"react\";\nimport styles from \"./Skeleton.module.scss\";\nimport clsx from \"clsx\";\n\nexport interface SkeletonProps extends ComponentProps<\"div\"> {\n /** The width of the skeleton. */\n width?: string;\n /** The height of the skeleton. */\n height?: string;\n}\n\n/** @flr-generate all */\nexport const Skeleton: FC<SkeletonProps> = (props) => {\n const { width, height, className, ...rest } = props;\n\n const rootClassName = clsx(styles.skeleton, className);\n\n return (\n <div\n className={rootClassName}\n aria-hidden\n style={{ height, width }}\n {...rest}\n />\n );\n};\n\nexport default Skeleton;\n"],"names":[],"mappings":";;;;;AAaO,MAAM,QAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAQ,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAE9C,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,aAAA;AAAA,MACX,aAAA,EAAW,IAAA;AAAA,MACX,KAAA,EAAO,EAAE,MAAA,EAAQ,KAAA,EAAM;AAAA,MACtB,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonText.mjs","sources":["../../../../../../src/components/SkeletonText/SkeletonText.tsx"],"sourcesContent":["import type { ComponentProps, FC } from \"react\";\nimport React from \"react\";\nimport styles from \"./SkeletonText.module.scss\";\n\nexport interface SkeletonTextProps extends ComponentProps<\"div\"> {\n /** The width of the skeleton text. */\n width?: string;\n}\n\n/** @flr-generate all */\nexport const SkeletonText: FC<SkeletonTextProps> = (props) => {\n const { width, style = {}, ...rest } = props;\n return (\n <div\n aria-hidden\n className={styles.skeletonText}\n style={{ width, ...style }}\n {...rest}\n />\n );\n};\n\nexport default SkeletonText;\n"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"SkeletonText.mjs","sources":["../../../../../../src/components/SkeletonText/SkeletonText.tsx"],"sourcesContent":["import type { ComponentProps, FC } from \"react\";\nimport React from \"react\";\nimport styles from \"./SkeletonText.module.scss\";\n\nexport interface SkeletonTextProps extends ComponentProps<\"div\"> {\n /** The width of the skeleton text. */\n width?: string;\n}\n\n/** @flr-generate all */\nexport const SkeletonText: FC<SkeletonTextProps> = (props) => {\n const { width, style = {}, ...rest } = props;\n return (\n <div\n aria-hidden\n className={styles.skeletonText}\n style={{ width, ...style }}\n {...rest}\n />\n );\n};\n\nexport default SkeletonText;\n"],"names":[],"mappings":";;;;AAUO,MAAM,YAAA,GAAsC,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,GAAQ,EAAC,EAAG,GAAG,MAAK,GAAI,KAAA;AACvC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAW,IAAA;AAAA,MACX,WAAW,MAAA,CAAO,YAAA;AAAA,MAClB,KAAA,EAAO,EAAE,KAAA,EAAO,GAAG,KAAA,EAAM;AAAA,MACxB,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.mjs","sources":["../../../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Slider.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { IconMinus, IconPlus } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\n\nexport interface SliderProps\n extends FlowComponentProps,\n PropsWithChildren<Aria.SliderProps>,\n Pick<Aria.SliderThumbProps, \"inputRef\" | \"name\"> {\n showInitialMarker?: boolean;\n /** Whether the component is read only. */\n isReadOnly?: boolean;\n}\n\n/** @flr-generate all */\nexport const Slider = flowComponent(\"Slider\", (props) => {\n const {\n className,\n children,\n name,\n isDisabled,\n defaultValue,\n showInitialMarker,\n isReadOnly,\n ref,\n inputRef,\n ...rest\n } = props;\n\n const rootClassName = clsx(\n styles.slider,\n isDisabled && styles.disabled,\n className,\n );\n\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n const localSliderRef = useObjectRef(ref);\n const localInputRef = useObjectRef(inputRef);\n\n useMakeFocusable(localSliderRef, () => {\n localInputRef.current?.focus();\n });\n\n const propsContext: PropsContext = {\n Label: {\n unstyled: true,\n tunnelId: \"label\",\n },\n };\n\n return (\n <PropsContextProvider props={propsContext}>\n <Aria.Slider\n {...rest}\n ref={localSliderRef}\n className={rootClassName}\n isDisabled={isDisabled}\n defaultValue={defaultValue}\n >\n <div className={styles.text}>\n <Aria.SliderOutput className={styles.value} />\n <TunnelExit id=\"label\" />\n </div>\n\n <Aria.SliderTrack className={styles.track}>\n {({ state }) => (\n <PropsContextProvider\n props={{\n Button: {\n isPending: false,\n isFailed: false,\n isSucceeded: false,\n isReadOnly: isReadOnly,\n excludeFromTabOrder: true,\n isDisabled,\n variant: \"plain\",\n color: \"secondary\",\n },\n }}\n >\n <Button\n onPress={() => state.decrementThumb(0)}\n aria-label={stringFormatter.format(\"slider.decrement\")}\n className={styles.decrement}\n >\n <IconMinus />\n </Button>\n\n <Button\n onPress={() => state.incrementThumb(0)}\n aria-label={stringFormatter.format(\"slider.increment\")}\n className={styles.increment}\n >\n <IconPlus />\n </Button>\n\n <div\n className={styles.fill}\n style={{ width: state.getThumbPercent(0) * 100 + \"%\" }}\n />\n\n {showInitialMarker &&\n defaultValue &&\n typeof defaultValue === \"number\" && (\n <div\n className={styles.initialMarker}\n style={{\n left: `calc(${state.getValuePercent(defaultValue) * 100}% - 2px)`,\n }}\n />\n )}\n\n <Aria.SliderThumb\n inputRef={localInputRef}\n name={name}\n className={styles.handle}\n isDisabled={isReadOnly}\n />\n </PropsContextProvider>\n )}\n </Aria.SliderTrack>\n {children}\n </Aria.Slider>\n </PropsContextProvider>\n );\n});\n\nexport default Slider;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA2BO,MAAM,
|
|
1
|
+
{"version":3,"file":"Slider.mjs","sources":["../../../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Slider.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { IconMinus, IconPlus } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\n\nexport interface SliderProps\n extends FlowComponentProps,\n PropsWithChildren<Aria.SliderProps>,\n Pick<Aria.SliderThumbProps, \"inputRef\" | \"name\"> {\n showInitialMarker?: boolean;\n /** Whether the component is read only. */\n isReadOnly?: boolean;\n}\n\n/** @flr-generate all */\nexport const Slider = flowComponent(\"Slider\", (props) => {\n const {\n className,\n children,\n name,\n isDisabled,\n defaultValue,\n showInitialMarker,\n isReadOnly,\n ref,\n inputRef,\n ...rest\n } = props;\n\n const rootClassName = clsx(\n styles.slider,\n isDisabled && styles.disabled,\n className,\n );\n\n const stringFormatter = useLocalizedStringFormatter(locales);\n\n const localSliderRef = useObjectRef(ref);\n const localInputRef = useObjectRef(inputRef);\n\n useMakeFocusable(localSliderRef, () => {\n localInputRef.current?.focus();\n });\n\n const propsContext: PropsContext = {\n Label: {\n unstyled: true,\n tunnelId: \"label\",\n },\n };\n\n return (\n <PropsContextProvider props={propsContext}>\n <Aria.Slider\n {...rest}\n ref={localSliderRef}\n className={rootClassName}\n isDisabled={isDisabled}\n defaultValue={defaultValue}\n >\n <div className={styles.text}>\n <Aria.SliderOutput className={styles.value} />\n <TunnelExit id=\"label\" />\n </div>\n\n <Aria.SliderTrack className={styles.track}>\n {({ state }) => (\n <PropsContextProvider\n props={{\n Button: {\n isPending: false,\n isFailed: false,\n isSucceeded: false,\n isReadOnly: isReadOnly,\n excludeFromTabOrder: true,\n isDisabled,\n variant: \"plain\",\n color: \"secondary\",\n },\n }}\n >\n <Button\n onPress={() => state.decrementThumb(0)}\n aria-label={stringFormatter.format(\"slider.decrement\")}\n className={styles.decrement}\n >\n <IconMinus />\n </Button>\n\n <Button\n onPress={() => state.incrementThumb(0)}\n aria-label={stringFormatter.format(\"slider.increment\")}\n className={styles.increment}\n >\n <IconPlus />\n </Button>\n\n <div\n className={styles.fill}\n style={{ width: state.getThumbPercent(0) * 100 + \"%\" }}\n />\n\n {showInitialMarker &&\n defaultValue &&\n typeof defaultValue === \"number\" && (\n <div\n className={styles.initialMarker}\n style={{\n left: `calc(${state.getValuePercent(defaultValue) * 100}% - 2px)`,\n }}\n />\n )}\n\n <Aria.SliderThumb\n inputRef={localInputRef}\n name={name}\n className={styles.handle}\n isDisabled={isReadOnly}\n />\n </PropsContextProvider>\n )}\n </Aria.SliderTrack>\n {children}\n </Aria.Slider>\n </PropsContextProvider>\n );\n});\n\nexport default Slider;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AA2BO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,cAAc,MAAA,CAAO,QAAA;AAAA,IACrB;AAAA,GACF;AAEA,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,cAAA,GAAiB,aAAa,GAAG,CAAA;AACvC,EAAA,MAAM,aAAA,GAAgB,aAAa,QAAQ,CAAA;AAE3C,EAAA,gBAAA,CAAiB,gBAAgB,MAAM;AACrC,IAAA,aAAA,CAAc,SAAS,KAAA,EAAM;AAAA,EAC/B,CAAC,CAAA;AAED,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,KAAA,EAAO;AAAA,MACL,QAAA,EAAU,IAAA;AAAA,MACV,QAAA,EAAU;AAAA;AACZ,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAA,CAAK,MAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA,EAAK,cAAA;AAAA,MACL,SAAA,EAAW,aAAA;AAAA,MACX,UAAA;AAAA,MACA,YAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,IAAA,EACrB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EAAkB,SAAA,EAAW,OAAO,KAAA,EAAO,CAAA;AAAA,0BAC5C,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,OAAA,EAAQ;AAAA,SAAA,EACzB,CAAA;AAAA,wBAEA,GAAA,CAAC,IAAA,CAAK,WAAA,EAAL,EAAiB,SAAA,EAAW,OAAO,KAAA,EACjC,QAAA,EAAA,CAAC,EAAE,KAAA,EAAM,qBACR,IAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO;AAAA,cACL,MAAA,EAAQ;AAAA,gBACN,SAAA,EAAW,KAAA;AAAA,gBACX,QAAA,EAAU,KAAA;AAAA,gBACV,WAAA,EAAa,KAAA;AAAA,gBACb,UAAA;AAAA,gBACA,mBAAA,EAAqB,IAAA;AAAA,gBACrB,UAAA;AAAA,gBACA,OAAA,EAAS,OAAA;AAAA,gBACT,KAAA,EAAO;AAAA;AACT,aACF;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,MAAM,KAAA,CAAM,cAAA,CAAe,CAAC,CAAA;AAAA,kBACrC,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,kBAAkB,CAAA;AAAA,kBACrD,WAAW,MAAA,CAAO,SAAA;AAAA,kBAElB,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA,eACb;AAAA,8BAEA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,MAAM,KAAA,CAAM,cAAA,CAAe,CAAC,CAAA;AAAA,kBACrC,YAAA,EAAY,eAAA,CAAgB,MAAA,CAAO,kBAAkB,CAAA;AAAA,kBACrD,WAAW,MAAA,CAAO,SAAA;AAAA,kBAElB,8BAAC,QAAA,EAAA,EAAS;AAAA;AAAA,eACZ;AAAA,8BAEA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,WAAW,MAAA,CAAO,IAAA;AAAA,kBAClB,KAAA,EAAO,EAAE,KAAA,EAAO,KAAA,CAAM,gBAAgB,CAAC,CAAA,GAAI,MAAM,GAAA;AAAI;AAAA,eACvD;AAAA,cAEC,iBAAA,IACC,YAAA,IACA,OAAO,YAAA,KAAiB,QAAA,oBACtB,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,WAAW,MAAA,CAAO,aAAA;AAAA,kBAClB,KAAA,EAAO;AAAA,oBACL,MAAM,CAAA,KAAA,EAAQ,KAAA,CAAM,eAAA,CAAgB,YAAY,IAAI,GAAG,CAAA,QAAA;AAAA;AACzD;AAAA,eACF;AAAA,8BAGJ,GAAA;AAAA,gBAAC,IAAA,CAAK,WAAA;AAAA,gBAAL;AAAA,kBACC,QAAA,EAAU,aAAA;AAAA,kBACV,IAAA;AAAA,kBACA,WAAW,MAAA,CAAO,MAAA;AAAA,kBAClB,UAAA,EAAY;AAAA;AAAA;AACd;AAAA;AAAA,SACF,EAEJ,CAAA;AAAA,QACC;AAAA;AAAA;AAAA,GACH,EACF,CAAA;AAEJ,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SuspenseTrigger.mjs","sources":["../../../../../../src/components/SuspenseTrigger/SuspenseTrigger.tsx"],"sourcesContent":["import { lazy, type ComponentType, type FC } from \"react\";\n\nexport interface SuspenseTriggerProps {\n show?: boolean;\n}\n\nconst nonResolvingPromise = new Promise<{ default: ComponentType<unknown> }>(\n () => {\n // no resolve\n },\n);\n\nconst NonResolvingLazy = lazy(() => nonResolvingPromise);\n\nexport const SuspenseTrigger: FC<SuspenseTriggerProps> = (props) => {\n const { show = true } = props;\n return show ? <NonResolvingLazy /> : null;\n};\n\nexport default SuspenseTrigger;\n"],"names":[],"mappings":";;;AAMA,MAAM,sBAAsB,IAAI,OAAA;AAAA,EAC9B,MAAM;AAAA;
|
|
1
|
+
{"version":3,"file":"SuspenseTrigger.mjs","sources":["../../../../../../src/components/SuspenseTrigger/SuspenseTrigger.tsx"],"sourcesContent":["import { lazy, type ComponentType, type FC } from \"react\";\n\nexport interface SuspenseTriggerProps {\n show?: boolean;\n}\n\nconst nonResolvingPromise = new Promise<{ default: ComponentType<unknown> }>(\n () => {\n // no resolve\n },\n);\n\nconst NonResolvingLazy = lazy(() => nonResolvingPromise);\n\nexport const SuspenseTrigger: FC<SuspenseTriggerProps> = (props) => {\n const { show = true } = props;\n return show ? <NonResolvingLazy /> : null;\n};\n\nexport default SuspenseTrigger;\n"],"names":[],"mappings":";;;AAMA,MAAM,sBAAsB,IAAI,OAAA;AAAA,EAC9B,MAAM;AAAA,EAEN;AACF,CAAA;AAEA,MAAM,gBAAA,GAAmB,IAAA,CAAK,MAAM,mBAAmB,CAAA;AAEhD,MAAM,eAAA,GAA4C,CAAC,KAAA,KAAU;AAClE,EAAA,MAAM,EAAE,IAAA,GAAO,IAAA,EAAK,GAAI,KAAA;AACxB,EAAA,OAAO,IAAA,mBAAO,GAAA,CAAC,gBAAA,EAAA,EAAiB,CAAA,GAAK,IAAA;AACvC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.mjs","sources":["../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Switch.module.scss\";\nimport clsx from \"clsx\";\nimport { IconCheck, IconClose } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\n\nexport interface SwitchProps\n extends PropsWithChildren<Omit<Aria.SwitchProps, \"children\">>,\n FlowComponentProps<HTMLLabelElement> {\n /**\n * Whether the label should appear before or after the switch. @default\n * \"trailing\"\n */\n labelPosition?: \"leading\" | \"trailing\";\n}\n\n/** @flr-generate all */\nexport const Switch = flowComponent(\"Switch\", (props) => {\n const {\n children,\n className,\n labelPosition = \"trailing\",\n ref,\n inputRef,\n ...rest\n } = props;\n\n const rootClassName = clsx(\n styles.switch,\n styles[`label-${labelPosition}`],\n className,\n );\n\n const localSwitchRef = useObjectRef(ref);\n const localInputRef = useObjectRef(inputRef);\n\n useMakeFocusable(localSwitchRef, () => {\n localInputRef.current?.focus();\n });\n\n return (\n <PropsContextProvider\n props={{\n Label: {\n tunnelId: \"label\",\n className: styles.label,\n },\n }}\n >\n <Aria.Switch\n {...rest}\n className={rootClassName}\n ref={localSwitchRef}\n inputRef={localInputRef}\n >\n {({ isSelected }) => (\n <>\n <div className={styles.track}>\n <div className={styles.handle}>\n {isSelected ? <IconCheck size=\"s\" /> : <IconClose size=\"s\" />}\n </div>\n </div>\n <TunnelExit id=\"label\" />\n </>\n )}\n </Aria.Switch>\n {children}\n </PropsContextProvider>\n );\n});\n\nexport default Switch;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAuBO,MAAM,
|
|
1
|
+
{"version":3,"file":"Switch.mjs","sources":["../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Switch.module.scss\";\nimport clsx from \"clsx\";\nimport { IconCheck, IconClose } from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { useMakeFocusable } from \"@/lib/hooks/dom/useMakeFocusable\";\n\nexport interface SwitchProps\n extends PropsWithChildren<Omit<Aria.SwitchProps, \"children\">>,\n FlowComponentProps<HTMLLabelElement> {\n /**\n * Whether the label should appear before or after the switch. @default\n * \"trailing\"\n */\n labelPosition?: \"leading\" | \"trailing\";\n}\n\n/** @flr-generate all */\nexport const Switch = flowComponent(\"Switch\", (props) => {\n const {\n children,\n className,\n labelPosition = \"trailing\",\n ref,\n inputRef,\n ...rest\n } = props;\n\n const rootClassName = clsx(\n styles.switch,\n styles[`label-${labelPosition}`],\n className,\n );\n\n const localSwitchRef = useObjectRef(ref);\n const localInputRef = useObjectRef(inputRef);\n\n useMakeFocusable(localSwitchRef, () => {\n localInputRef.current?.focus();\n });\n\n return (\n <PropsContextProvider\n props={{\n Label: {\n tunnelId: \"label\",\n className: styles.label,\n },\n }}\n >\n <Aria.Switch\n {...rest}\n className={rootClassName}\n ref={localSwitchRef}\n inputRef={localInputRef}\n >\n {({ isSelected }) => (\n <>\n <div className={styles.track}>\n <div className={styles.handle}>\n {isSelected ? <IconCheck size=\"s\" /> : <IconClose size=\"s\" />}\n </div>\n </div>\n <TunnelExit id=\"label\" />\n </>\n )}\n </Aria.Switch>\n {children}\n </PropsContextProvider>\n );\n});\n\nexport default Switch;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAuBO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA,GAAgB,UAAA;AAAA,IAChB,GAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,MAAA,CAAO,CAAA,MAAA,EAAS,aAAa,CAAA,CAAE,CAAA;AAAA,IAC/B;AAAA,GACF;AAEA,EAAA,MAAM,cAAA,GAAiB,aAAa,GAAG,CAAA;AACvC,EAAA,MAAM,aAAA,GAAgB,aAAa,QAAQ,CAAA;AAE3C,EAAA,gBAAA,CAAiB,gBAAgB,MAAM;AACrC,IAAA,aAAA,CAAc,SAAS,KAAA,EAAM;AAAA,EAC/B,CAAC,CAAA;AAED,EAAA,uBACE,IAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,KAAA,EAAO;AAAA,UACL,QAAA,EAAU,OAAA;AAAA,UACV,WAAW,MAAA,CAAO;AAAA;AACpB,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,IAAA,CAAK,MAAA;AAAA,UAAL;AAAA,YACE,GAAG,IAAA;AAAA,YACJ,SAAA,EAAW,aAAA;AAAA,YACX,GAAA,EAAK,cAAA;AAAA,YACL,QAAA,EAAU,aAAA;AAAA,YAET,QAAA,EAAA,CAAC,EAAE,UAAA,EAAW,qBACb,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,MAAA,CAAO,KAAA,EACrB,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,MAAA,EACpB,QAAA,EAAA,UAAA,uBAAc,SAAA,EAAA,EAAU,IAAA,EAAK,KAAI,CAAA,mBAAK,GAAA,CAAC,aAAU,IAAA,EAAK,GAAA,EAAI,GAC7D,CAAA,EACF,CAAA;AAAA,8BACA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,OAAA,EAAQ;AAAA,aAAA,EACzB;AAAA;AAAA,SAEJ;AAAA,QACC;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.mjs","sources":["../../../../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Table.module.scss\";\n\nexport type TableProps = Aria.TableProps & {\n /** The vertical alignment of the table cells content. */\n verticalAlign?: \"top\" | \"middle\";\n};\n\n/** @flr-generate all */\nexport const Table: FC<TableProps> = (props) => {\n const { children, className, verticalAlign = \"top\", ...rest } = props;\n\n const rootClassName = clsx(\n styles.table,\n styles[`vertical-align-${verticalAlign}`],\n className,\n );\n\n return (\n <div className={styles.tableContainer}>\n <Aria.Table className={rootClassName} {...rest}>\n {children}\n </Aria.Table>\n </div>\n );\n};\n\nexport default Table;\n"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"Table.mjs","sources":["../../../../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"./Table.module.scss\";\n\nexport type TableProps = Aria.TableProps & {\n /** The vertical alignment of the table cells content. */\n verticalAlign?: \"top\" | \"middle\";\n};\n\n/** @flr-generate all */\nexport const Table: FC<TableProps> = (props) => {\n const { children, className, verticalAlign = \"top\", ...rest } = props;\n\n const rootClassName = clsx(\n styles.table,\n styles[`vertical-align-${verticalAlign}`],\n className,\n );\n\n return (\n <div className={styles.tableContainer}>\n <Aria.Table className={rootClassName} {...rest}>\n {children}\n </Aria.Table>\n </div>\n );\n};\n\nexport default Table;\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,KAAA,GAAwB,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,gBAAgB,KAAA,EAAO,GAAG,MAAK,GAAI,KAAA;AAEhE,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,KAAA;AAAA,IACP,MAAA,CAAO,CAAA,eAAA,EAAkB,aAAa,CAAA,CAAE,CAAA;AAAA,IACxC;AAAA,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,gBACrB,QAAA,kBAAA,GAAA,CAAC,IAAA,CAAK,KAAA,EAAL,EAAW,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EACvC,UACH,CAAA,EACF,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableBody.mjs","sources":["../../../../../../../../src/components/Table/components/TableBody/TableBody.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\n\nexport type TableBodyProps = Aria.TableBodyProps<never>;\n\n/** @flr-generate all */\nexport const TableBody: FC<TableBodyProps> = (props) => {\n const { children, className, ...rest } = props;\n\n const rootClassName = clsx(styles.body, className);\n\n return (\n <Aria.TableBody className={rootClassName} {...rest}>\n {children}\n </Aria.TableBody>\n );\n};\n\nexport default TableBody;\n"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"TableBody.mjs","sources":["../../../../../../../../src/components/Table/components/TableBody/TableBody.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport styles from \"../../Table.module.scss\";\n\nexport type TableBodyProps = Aria.TableBodyProps<never>;\n\n/** @flr-generate all */\nexport const TableBody: FC<TableBodyProps> = (props) => {\n const { children, className, ...rest } = props;\n\n const rootClassName = clsx(styles.body, className);\n\n return (\n <Aria.TableBody className={rootClassName} {...rest}>\n {children}\n </Aria.TableBody>\n );\n};\n\nexport default TableBody;\n"],"names":[],"mappings":";;;;;;AASO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAEzC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AAEjD,EAAA,uBACE,GAAA,CAAC,KAAK,SAAA,EAAL,EAAe,WAAW,aAAA,EAAgB,GAAG,MAC3C,QAAA,EACH,CAAA;AAEJ;;;;"}
|