@cratis/scene.primereact 1.1.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/preview.tsx +44 -0
- package/MenuItem.ts +57 -0
- package/PrimeSeverity.ts +17 -0
- package/README.md +79 -92
- package/TreeNode.ts +68 -0
- package/button/ButtonGallery.stories.tsx +1 -1
- package/button/PrimeButton.tsx +26 -8
- package/button/PrimeButtonGroup.tsx +4 -1
- package/button/PrimeSpeedDial.tsx +23 -5
- package/button/PrimeSplitButton.tsx +11 -5
- package/button/SplitButton.tsx +135 -0
- package/button/index.ts +1 -0
- package/data/Column.tsx +62 -0
- package/data/ColumnDefinition.ts +10 -1
- package/data/DataGallery.stories.tsx +0 -5
- package/data/Pagination.tsx +82 -0
- package/data/PrimeColumn.tsx +17 -7
- package/data/PrimeDataTable.tsx +111 -16
- package/data/PrimeDataView.tsx +30 -15
- package/data/PrimeOrderList.tsx +54 -13
- package/data/PrimeOrganizationChart.tsx +28 -8
- package/data/PrimePaginator.tsx +16 -14
- package/data/PrimePickList.tsx +56 -19
- package/data/PrimeTimeline.tsx +49 -14
- package/data/PrimeTree.tsx +29 -6
- package/data/columnDefinitions.ts +5 -3
- package/data/index.ts +1 -2
- package/data/primeTreeNodes.ts +68 -0
- package/data/selectOptions.ts +29 -0
- package/dist/cjs/button/PrimeButton.js +33 -9
- package/dist/cjs/button/PrimeButton.js.map +1 -1
- package/dist/cjs/button/PrimeButtonGroup.js +4 -1
- package/dist/cjs/button/PrimeButtonGroup.js.map +1 -1
- package/dist/cjs/button/PrimeSpeedDial.js +33 -4
- package/dist/cjs/button/PrimeSpeedDial.js.map +1 -1
- package/dist/cjs/button/PrimeSplitButton.js +14 -6
- package/dist/cjs/button/PrimeSplitButton.js.map +1 -1
- package/dist/cjs/button/SplitButton.js +126 -0
- package/dist/cjs/button/SplitButton.js.map +1 -0
- package/dist/cjs/data/Column.js +21 -0
- package/dist/cjs/data/Column.js.map +1 -0
- package/dist/cjs/data/Pagination.js +55 -0
- package/dist/cjs/data/Pagination.js.map +1 -0
- package/dist/cjs/data/PrimeColumn.js +14 -8
- package/dist/cjs/data/PrimeColumn.js.map +1 -1
- package/dist/cjs/data/PrimeDataTable.js +121 -16
- package/dist/cjs/data/PrimeDataTable.js.map +1 -1
- package/dist/cjs/data/PrimeDataView.js +42 -20
- package/dist/cjs/data/PrimeDataView.js.map +1 -1
- package/dist/cjs/data/PrimeOrderList.js +75 -12
- package/dist/cjs/data/PrimeOrderList.js.map +1 -1
- package/dist/cjs/data/PrimeOrganizationChart.js +34 -10
- package/dist/cjs/data/PrimeOrganizationChart.js.map +1 -1
- package/dist/cjs/data/PrimePaginator.js +16 -18
- package/dist/cjs/data/PrimePaginator.js.map +1 -1
- package/dist/cjs/data/PrimePickList.js +79 -19
- package/dist/cjs/data/PrimePickList.js.map +1 -1
- package/dist/cjs/data/PrimeTimeline.js +55 -19
- package/dist/cjs/data/PrimeTimeline.js.map +1 -1
- package/dist/cjs/data/PrimeTree.js +43 -4
- package/dist/cjs/data/PrimeTree.js.map +1 -1
- package/dist/cjs/data/columnDefinitions.js +5 -3
- package/dist/cjs/data/columnDefinitions.js.map +1 -1
- package/dist/cjs/data/primeTreeNodes.js +33 -0
- package/dist/cjs/data/primeTreeNodes.js.map +1 -0
- package/dist/cjs/data/selectOptions.js +22 -0
- package/dist/cjs/data/selectOptions.js.map +1 -0
- package/dist/cjs/form/PrimeAutoComplete.js +36 -15
- package/dist/cjs/form/PrimeAutoComplete.js.map +1 -1
- package/dist/cjs/form/PrimeCalendar.js +80 -10
- package/dist/cjs/form/PrimeCalendar.js.map +1 -1
- package/dist/cjs/form/PrimeCheckbox.js +11 -3
- package/dist/cjs/form/PrimeCheckbox.js.map +1 -1
- package/dist/cjs/form/PrimeChips.js +41 -7
- package/dist/cjs/form/PrimeChips.js.map +1 -1
- package/dist/cjs/form/PrimeColorPicker.js +57 -10
- package/dist/cjs/form/PrimeColorPicker.js.map +1 -1
- package/dist/cjs/form/PrimeDropdown.js +37 -9
- package/dist/cjs/form/PrimeDropdown.js.map +1 -1
- package/dist/cjs/form/PrimeIconField.js +15 -9
- package/dist/cjs/form/PrimeIconField.js.map +1 -1
- package/dist/cjs/form/PrimeInputNumber.js +26 -4
- package/dist/cjs/form/PrimeInputNumber.js.map +1 -1
- package/dist/cjs/form/PrimeInputTextarea.js +6 -4
- package/dist/cjs/form/PrimeInputTextarea.js.map +1 -1
- package/dist/cjs/form/PrimeKnob.js +13 -3
- package/dist/cjs/form/PrimeKnob.js.map +1 -1
- package/dist/cjs/form/PrimeListBox.js +11 -5
- package/dist/cjs/form/PrimeListBox.js.map +1 -1
- package/dist/cjs/form/PrimeMultiSelect.js +43 -8
- package/dist/cjs/form/PrimeMultiSelect.js.map +1 -1
- package/dist/cjs/form/PrimePassword.js +12 -6
- package/dist/cjs/form/PrimePassword.js.map +1 -1
- package/dist/cjs/form/PrimeRadioButton.js +13 -3
- package/dist/cjs/form/PrimeRadioButton.js.map +1 -1
- package/dist/cjs/form/PrimeRating.js +30 -5
- package/dist/cjs/form/PrimeRating.js.map +1 -1
- package/dist/cjs/form/PrimeSelectButton.js +15 -8
- package/dist/cjs/form/PrimeSelectButton.js.map +1 -1
- package/dist/cjs/form/PrimeSlider.js +14 -3
- package/dist/cjs/form/PrimeSlider.js.map +1 -1
- package/dist/cjs/form/PrimeToggleSwitch.js +15 -8
- package/dist/cjs/form/PrimeToggleSwitch.js.map +1 -1
- package/dist/cjs/form/PrimeTreeSelect.js +17 -8
- package/dist/cjs/form/PrimeTreeSelect.js.map +1 -1
- package/dist/cjs/form/TreeSelect.js +132 -0
- package/dist/cjs/form/TreeSelect.js.map +1 -0
- package/dist/cjs/index.js +41 -13
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/media/Image.js +99 -0
- package/dist/cjs/media/Image.js.map +1 -0
- package/dist/cjs/media/PrimeCarousel.js +50 -16
- package/dist/cjs/media/PrimeCarousel.js.map +1 -1
- package/dist/cjs/media/PrimeGalleria.js +58 -18
- package/dist/cjs/media/PrimeGalleria.js.map +1 -1
- package/dist/cjs/media/PrimeImage.js +9 -3
- package/dist/cjs/media/PrimeImage.js.map +1 -1
- package/dist/cjs/menu/Dock.js +111 -0
- package/dist/cjs/menu/Dock.js.map +1 -0
- package/dist/cjs/menu/DockPosition.js +29 -0
- package/dist/cjs/menu/DockPosition.js.map +1 -0
- package/dist/cjs/menu/MegaMenu.js +138 -0
- package/dist/cjs/menu/MegaMenu.js.map +1 -0
- package/dist/cjs/menu/MenuItemAction.js +54 -0
- package/dist/cjs/menu/MenuItemAction.js.map +1 -0
- package/dist/cjs/menu/MenuItemContent.js +34 -0
- package/dist/cjs/menu/MenuItemContent.js.map +1 -0
- package/dist/cjs/menu/Menubar.js +139 -0
- package/dist/cjs/menu/Menubar.js.map +1 -0
- package/dist/cjs/menu/PanelMenu.js +112 -0
- package/dist/cjs/menu/PanelMenu.js.map +1 -0
- package/dist/cjs/menu/PrimeBreadcrumb.js +69 -7
- package/dist/cjs/menu/PrimeBreadcrumb.js.map +1 -1
- package/dist/cjs/menu/PrimeContextMenu.js +36 -12
- package/dist/cjs/menu/PrimeContextMenu.js.map +1 -1
- package/dist/cjs/menu/PrimeDock.js +35 -8
- package/dist/cjs/menu/PrimeDock.js.map +1 -1
- package/dist/cjs/menu/PrimeMegaMenu.js +12 -8
- package/dist/cjs/menu/PrimeMegaMenu.js.map +1 -1
- package/dist/cjs/menu/PrimeMenu.js +58 -2
- package/dist/cjs/menu/PrimeMenu.js.map +1 -1
- package/dist/cjs/menu/PrimeMenubar.js +10 -3
- package/dist/cjs/menu/PrimeMenubar.js.map +1 -1
- package/dist/cjs/menu/PrimePanelMenu.js +9 -4
- package/dist/cjs/menu/PrimePanelMenu.js.map +1 -1
- package/dist/cjs/menu/PrimeSteps.js +16 -10
- package/dist/cjs/menu/PrimeSteps.js.map +1 -1
- package/dist/cjs/menu/PrimeTabMenu.js +12 -9
- package/dist/cjs/menu/PrimeTabMenu.js.map +1 -1
- package/dist/cjs/menu/PrimeTieredMenu.js +9 -3
- package/dist/cjs/menu/PrimeTieredMenu.js.map +1 -1
- package/dist/cjs/menu/Steps.js +74 -0
- package/dist/cjs/menu/Steps.js.map +1 -0
- package/dist/cjs/menu/TabMenu.js +59 -0
- package/dist/cjs/menu/TabMenu.js.map +1 -0
- package/dist/cjs/menu/TieredMenu.js +131 -0
- package/dist/cjs/menu/TieredMenu.js.map +1 -0
- package/dist/cjs/menuItems.js.map +1 -1
- package/dist/cjs/messages/PrimeInlineMessage.js +40 -4
- package/dist/cjs/messages/PrimeInlineMessage.js.map +1 -1
- package/dist/cjs/messages/PrimeMessage.js +39 -4
- package/dist/cjs/messages/PrimeMessage.js.map +1 -1
- package/dist/cjs/messages/PrimeToast.js +96 -12
- package/dist/cjs/messages/PrimeToast.js.map +1 -1
- package/dist/cjs/misc/BlockUI.js +47 -0
- package/dist/cjs/misc/BlockUI.js.map +1 -0
- package/dist/cjs/misc/PrimeAvatar.js +26 -5
- package/dist/cjs/misc/PrimeAvatar.js.map +1 -1
- package/dist/cjs/misc/PrimeBadge.js +15 -3
- package/dist/cjs/misc/PrimeBadge.js.map +1 -1
- package/dist/cjs/misc/PrimeBlockUI.js +13 -3
- package/dist/cjs/misc/PrimeBlockUI.js.map +1 -1
- package/dist/cjs/misc/PrimeChip.js +41 -5
- package/dist/cjs/misc/PrimeChip.js.map +1 -1
- package/dist/cjs/misc/PrimeInplace.js +18 -5
- package/dist/cjs/misc/PrimeInplace.js.map +1 -1
- package/dist/cjs/misc/PrimeProgressBar.js +16 -6
- package/dist/cjs/misc/PrimeProgressBar.js.map +1 -1
- package/dist/cjs/misc/PrimeProgressSpinner.js +14 -3
- package/dist/cjs/misc/PrimeProgressSpinner.js.map +1 -1
- package/dist/cjs/misc/PrimeScrollTop.js +22 -12
- package/dist/cjs/misc/PrimeScrollTop.js.map +1 -1
- package/dist/cjs/misc/PrimeSkeleton.js +4 -0
- package/dist/cjs/misc/PrimeSkeleton.js.map +1 -1
- package/dist/cjs/misc/PrimeTag.js +21 -5
- package/dist/cjs/misc/PrimeTag.js.map +1 -1
- package/dist/cjs/misc/PrimeTerminal.js +22 -7
- package/dist/cjs/misc/PrimeTerminal.js.map +1 -1
- package/dist/cjs/misc/ScrollTop.js +70 -0
- package/dist/cjs/misc/ScrollTop.js.map +1 -0
- package/dist/cjs/overlay/ConfirmDialog.js +107 -0
- package/dist/cjs/overlay/ConfirmDialog.js.map +1 -0
- package/dist/cjs/overlay/PrimeConfirmDialog.js +15 -8
- package/dist/cjs/overlay/PrimeConfirmDialog.js.map +1 -1
- package/dist/cjs/overlay/PrimeDialog.js +50 -9
- package/dist/cjs/overlay/PrimeDialog.js.map +1 -1
- package/dist/cjs/overlay/PrimeOverlayPanel.js +29 -17
- package/dist/cjs/overlay/PrimeOverlayPanel.js.map +1 -1
- package/dist/cjs/overlay/PrimeSidebar.js +51 -12
- package/dist/cjs/overlay/PrimeSidebar.js.map +1 -1
- package/dist/cjs/overlay/PrimeTooltip.js +26 -13
- package/dist/cjs/overlay/PrimeTooltip.js.map +1 -1
- package/dist/cjs/panel/PrimeAccordion.js +39 -9
- package/dist/cjs/panel/PrimeAccordion.js.map +1 -1
- package/dist/cjs/panel/PrimeCard.js +25 -4
- package/dist/cjs/panel/PrimeCard.js.map +1 -1
- package/dist/cjs/panel/PrimeDivider.js +6 -1
- package/dist/cjs/panel/PrimeDivider.js.map +1 -1
- package/dist/cjs/panel/PrimeFieldset.js +37 -4
- package/dist/cjs/panel/PrimeFieldset.js.map +1 -1
- package/dist/cjs/panel/PrimePanel.js +41 -5
- package/dist/cjs/panel/PrimePanel.js.map +1 -1
- package/dist/cjs/panel/PrimeScrollPanel.js +20 -5
- package/dist/cjs/panel/PrimeScrollPanel.js.map +1 -1
- package/dist/cjs/panel/PrimeSplitter.js +26 -6
- package/dist/cjs/panel/PrimeSplitter.js.map +1 -1
- package/dist/cjs/panel/PrimeStepper.js +71 -29
- package/dist/cjs/panel/PrimeStepper.js.map +1 -1
- package/dist/cjs/panel/PrimeTabView.js +35 -10
- package/dist/cjs/panel/PrimeTabView.js.map +1 -1
- package/dist/cjs/panel/PrimeToolbar.js +18 -4
- package/dist/cjs/panel/PrimeToolbar.js.map +1 -1
- package/dist/cjs/primeReactComponents.js +12 -8
- package/dist/cjs/primeReactComponents.js.map +1 -1
- package/dist/cjs/primeReactPackage.js +7 -8
- package/dist/cjs/primeReactPackage.js.map +1 -1
- package/dist/cjs/properties.js +15 -0
- package/dist/cjs/properties.js.map +1 -1
- package/dist/cjs/screen/PrimeAction.js +24 -6
- package/dist/cjs/screen/PrimeAction.js.map +1 -1
- package/dist/cjs/screen/PrimeSummary.js +50 -26
- package/dist/cjs/screen/PrimeSummary.js.map +1 -1
- package/dist/cjs/theme/PrimeReactThemeFamily.js +34 -0
- package/dist/cjs/theme/PrimeReactThemeFamily.js.map +1 -0
- package/dist/cjs/theme/primeReactThemePreset.js +73 -0
- package/dist/cjs/theme/primeReactThemePreset.js.map +1 -0
- package/dist/cjs/theme/primeReactThemes.js +36 -18
- package/dist/cjs/theme/primeReactThemes.js.map +1 -1
- package/dist/cjs/theme/themePresets.js +364 -331
- package/dist/cjs/theme/themePresets.js.map +1 -1
- package/dist/cjs/theme/usePrimeReactTheme.js +46 -25
- package/dist/cjs/theme/usePrimeReactTheme.js.map +1 -1
- package/dist/cjs/treeNodes.js.map +1 -1
- package/dist/esm/MenuItem.d.ts +10 -0
- package/dist/esm/MenuItem.d.ts.map +1 -0
- package/dist/esm/MenuItem.js +2 -0
- package/dist/esm/MenuItem.js.map +1 -0
- package/dist/esm/PrimeSeverity.d.ts +2 -0
- package/dist/esm/PrimeSeverity.d.ts.map +1 -0
- package/dist/esm/PrimeSeverity.js +2 -0
- package/dist/esm/PrimeSeverity.js.map +1 -0
- package/dist/esm/TreeNode.d.ts +12 -0
- package/dist/esm/TreeNode.d.ts.map +1 -0
- package/dist/esm/TreeNode.js +2 -0
- package/dist/esm/TreeNode.js.map +1 -0
- package/dist/esm/button/ButtonGallery.stories.js +1 -1
- package/dist/esm/button/ButtonGallery.stories.js.map +1 -1
- package/dist/esm/button/PrimeButton.d.ts.map +1 -1
- package/dist/esm/button/PrimeButton.js +35 -11
- package/dist/esm/button/PrimeButton.js.map +1 -1
- package/dist/esm/button/PrimeButtonGroup.d.ts.map +1 -1
- package/dist/esm/button/PrimeButtonGroup.js +4 -1
- package/dist/esm/button/PrimeButtonGroup.js.map +1 -1
- package/dist/esm/button/PrimeSpeedDial.d.ts.map +1 -1
- package/dist/esm/button/PrimeSpeedDial.js +34 -5
- package/dist/esm/button/PrimeSpeedDial.js.map +1 -1
- package/dist/esm/button/PrimeSplitButton.d.ts.map +1 -1
- package/dist/esm/button/PrimeSplitButton.js +13 -5
- package/dist/esm/button/PrimeSplitButton.js.map +1 -1
- package/dist/esm/button/SplitButton.d.ts +12 -0
- package/dist/esm/button/SplitButton.d.ts.map +1 -0
- package/dist/esm/button/SplitButton.js +124 -0
- package/dist/esm/button/SplitButton.js.map +1 -0
- package/dist/esm/button/index.d.ts +1 -0
- package/dist/esm/button/index.d.ts.map +1 -1
- package/dist/esm/button/index.js +1 -0
- package/dist/esm/button/index.js.map +1 -1
- package/dist/esm/data/Column.d.ts +10 -0
- package/dist/esm/data/Column.d.ts.map +1 -0
- package/dist/esm/data/Column.js +19 -0
- package/dist/esm/data/Column.js.map +1 -0
- package/dist/esm/data/ColumnDefinition.d.ts.map +1 -1
- package/dist/esm/data/DataGallery.stories.d.ts.map +1 -1
- package/dist/esm/data/DataGallery.stories.js +0 -5
- package/dist/esm/data/DataGallery.stories.js.map +1 -1
- package/dist/esm/data/Pagination.d.ts +9 -0
- package/dist/esm/data/Pagination.d.ts.map +1 -0
- package/dist/esm/data/Pagination.js +53 -0
- package/dist/esm/data/Pagination.js.map +1 -0
- package/dist/esm/data/PrimeColumn.d.ts.map +1 -1
- package/dist/esm/data/PrimeColumn.js +13 -7
- package/dist/esm/data/PrimeColumn.js.map +1 -1
- package/dist/esm/data/PrimeDataTable.d.ts +1 -1
- package/dist/esm/data/PrimeDataTable.d.ts.map +1 -1
- package/dist/esm/data/PrimeDataTable.js +122 -17
- package/dist/esm/data/PrimeDataTable.js.map +1 -1
- package/dist/esm/data/PrimeDataView.d.ts.map +1 -1
- package/dist/esm/data/PrimeDataView.js +44 -22
- package/dist/esm/data/PrimeDataView.js.map +1 -1
- package/dist/esm/data/PrimeOrderList.d.ts.map +1 -1
- package/dist/esm/data/PrimeOrderList.js +76 -13
- package/dist/esm/data/PrimeOrderList.js.map +1 -1
- package/dist/esm/data/PrimeOrganizationChart.d.ts.map +1 -1
- package/dist/esm/data/PrimeOrganizationChart.js +35 -11
- package/dist/esm/data/PrimeOrganizationChart.js.map +1 -1
- package/dist/esm/data/PrimePaginator.d.ts.map +1 -1
- package/dist/esm/data/PrimePaginator.js +16 -18
- package/dist/esm/data/PrimePaginator.js.map +1 -1
- package/dist/esm/data/PrimePickList.d.ts.map +1 -1
- package/dist/esm/data/PrimePickList.js +80 -20
- package/dist/esm/data/PrimePickList.js.map +1 -1
- package/dist/esm/data/PrimeTimeline.d.ts.map +1 -1
- package/dist/esm/data/PrimeTimeline.js +55 -19
- package/dist/esm/data/PrimeTimeline.js.map +1 -1
- package/dist/esm/data/PrimeTree.d.ts.map +1 -1
- package/dist/esm/data/PrimeTree.js +44 -5
- package/dist/esm/data/PrimeTree.js.map +1 -1
- package/dist/esm/data/columnDefinitions.d.ts.map +1 -1
- package/dist/esm/data/columnDefinitions.js +5 -3
- package/dist/esm/data/columnDefinitions.js.map +1 -1
- package/dist/esm/data/index.d.ts +1 -2
- package/dist/esm/data/index.d.ts.map +1 -1
- package/dist/esm/data/index.js +1 -2
- package/dist/esm/data/index.js.map +1 -1
- package/dist/esm/data/primeTreeNodes.d.ts +10 -0
- package/dist/esm/data/primeTreeNodes.d.ts.map +1 -0
- package/dist/esm/data/primeTreeNodes.js +31 -0
- package/dist/esm/data/primeTreeNodes.js.map +1 -0
- package/dist/esm/data/selectOptions.d.ts +3 -0
- package/dist/esm/data/selectOptions.d.ts.map +1 -0
- package/dist/esm/data/selectOptions.js +20 -0
- package/dist/esm/data/selectOptions.js.map +1 -0
- package/dist/esm/for_primeReactPackage/when_rendering_every_declared_component.js +21 -1
- package/dist/esm/for_primeReactPackage/when_rendering_every_declared_component.js.map +1 -1
- package/dist/esm/for_primeReactThemePreset/when_resolving_a_preset.d.ts +2 -0
- package/dist/esm/for_primeReactThemePreset/when_resolving_a_preset.d.ts.map +1 -0
- package/dist/esm/for_primeReactThemePreset/when_resolving_a_preset.js +30 -0
- package/dist/esm/for_primeReactThemePreset/when_resolving_a_preset.js.map +1 -0
- package/dist/esm/for_primeReactThemes/when_checking_attribution.js +3 -3
- package/dist/esm/for_primeReactThemes/when_checking_attribution.js.map +1 -1
- package/dist/esm/for_primeReactThemes/when_checking_the_token_vocabulary.js +9 -3
- package/dist/esm/for_primeReactThemes/when_checking_the_token_vocabulary.js.map +1 -1
- package/dist/esm/form/FormGallery.stories.d.ts.map +1 -1
- package/dist/esm/form/FormGallery.stories.js +1 -5
- package/dist/esm/form/FormGallery.stories.js.map +1 -1
- package/dist/esm/form/PrimeAutoComplete.d.ts.map +1 -1
- package/dist/esm/form/PrimeAutoComplete.js +37 -16
- package/dist/esm/form/PrimeAutoComplete.js.map +1 -1
- package/dist/esm/form/PrimeCalendar.d.ts.map +1 -1
- package/dist/esm/form/PrimeCalendar.js +81 -11
- package/dist/esm/form/PrimeCalendar.js.map +1 -1
- package/dist/esm/form/PrimeCheckbox.d.ts.map +1 -1
- package/dist/esm/form/PrimeCheckbox.js +11 -3
- package/dist/esm/form/PrimeCheckbox.js.map +1 -1
- package/dist/esm/form/PrimeChips.d.ts.map +1 -1
- package/dist/esm/form/PrimeChips.js +44 -10
- package/dist/esm/form/PrimeChips.js.map +1 -1
- package/dist/esm/form/PrimeColorPicker.d.ts.map +1 -1
- package/dist/esm/form/PrimeColorPicker.js +58 -11
- package/dist/esm/form/PrimeColorPicker.js.map +1 -1
- package/dist/esm/form/PrimeDropdown.d.ts.map +1 -1
- package/dist/esm/form/PrimeDropdown.js +38 -10
- package/dist/esm/form/PrimeDropdown.js.map +1 -1
- package/dist/esm/form/PrimeIconField.d.ts.map +1 -1
- package/dist/esm/form/PrimeIconField.js +16 -10
- package/dist/esm/form/PrimeIconField.js.map +1 -1
- package/dist/esm/form/PrimeInputNumber.d.ts.map +1 -1
- package/dist/esm/form/PrimeInputNumber.js +27 -5
- package/dist/esm/form/PrimeInputNumber.js.map +1 -1
- package/dist/esm/form/PrimeInputTextarea.d.ts.map +1 -1
- package/dist/esm/form/PrimeInputTextarea.js +6 -4
- package/dist/esm/form/PrimeInputTextarea.js.map +1 -1
- package/dist/esm/form/PrimeKnob.d.ts.map +1 -1
- package/dist/esm/form/PrimeKnob.js +14 -4
- package/dist/esm/form/PrimeKnob.js.map +1 -1
- package/dist/esm/form/PrimeListBox.d.ts.map +1 -1
- package/dist/esm/form/PrimeListBox.js +12 -6
- package/dist/esm/form/PrimeListBox.js.map +1 -1
- package/dist/esm/form/PrimeMultiSelect.d.ts.map +1 -1
- package/dist/esm/form/PrimeMultiSelect.js +45 -10
- package/dist/esm/form/PrimeMultiSelect.js.map +1 -1
- package/dist/esm/form/PrimePassword.d.ts.map +1 -1
- package/dist/esm/form/PrimePassword.js +12 -6
- package/dist/esm/form/PrimePassword.js.map +1 -1
- package/dist/esm/form/PrimeRadioButton.d.ts.map +1 -1
- package/dist/esm/form/PrimeRadioButton.js +13 -3
- package/dist/esm/form/PrimeRadioButton.js.map +1 -1
- package/dist/esm/form/PrimeRating.d.ts.map +1 -1
- package/dist/esm/form/PrimeRating.js +31 -6
- package/dist/esm/form/PrimeRating.js.map +1 -1
- package/dist/esm/form/PrimeSelectButton.d.ts.map +1 -1
- package/dist/esm/form/PrimeSelectButton.js +16 -9
- package/dist/esm/form/PrimeSelectButton.js.map +1 -1
- package/dist/esm/form/PrimeSlider.d.ts.map +1 -1
- package/dist/esm/form/PrimeSlider.js +15 -4
- package/dist/esm/form/PrimeSlider.js.map +1 -1
- package/dist/esm/form/PrimeToggleSwitch.d.ts.map +1 -1
- package/dist/esm/form/PrimeToggleSwitch.js +15 -8
- package/dist/esm/form/PrimeToggleSwitch.js.map +1 -1
- package/dist/esm/form/PrimeTreeSelect.d.ts.map +1 -1
- package/dist/esm/form/PrimeTreeSelect.js +17 -8
- package/dist/esm/form/PrimeTreeSelect.js.map +1 -1
- package/dist/esm/form/TreeSelect.d.ts +10 -0
- package/dist/esm/form/TreeSelect.d.ts.map +1 -0
- package/dist/esm/form/TreeSelect.js +130 -0
- package/dist/esm/form/TreeSelect.js.map +1 -0
- package/dist/esm/form/index.d.ts +1 -2
- package/dist/esm/form/index.d.ts.map +1 -1
- package/dist/esm/form/index.js +1 -2
- package/dist/esm/form/index.js.map +1 -1
- package/dist/esm/index.d.ts +3 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +22 -9
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/media/Image.d.ts +10 -0
- package/dist/esm/media/Image.d.ts.map +1 -0
- package/dist/esm/media/Image.js +97 -0
- package/dist/esm/media/Image.js.map +1 -0
- package/dist/esm/media/MediaGallery.stories.js +1 -1
- package/dist/esm/media/MediaGallery.stories.js.map +1 -1
- package/dist/esm/media/PrimeCarousel.d.ts.map +1 -1
- package/dist/esm/media/PrimeCarousel.js +52 -18
- package/dist/esm/media/PrimeCarousel.js.map +1 -1
- package/dist/esm/media/PrimeGalleria.d.ts.map +1 -1
- package/dist/esm/media/PrimeGalleria.js +60 -20
- package/dist/esm/media/PrimeGalleria.js.map +1 -1
- package/dist/esm/media/PrimeImage.d.ts.map +1 -1
- package/dist/esm/media/PrimeImage.js +8 -2
- package/dist/esm/media/PrimeImage.js.map +1 -1
- package/dist/esm/media/index.d.ts +1 -0
- package/dist/esm/media/index.d.ts.map +1 -1
- package/dist/esm/media/index.js +1 -0
- package/dist/esm/media/index.js.map +1 -1
- package/dist/esm/menu/Dock.d.ts +9 -0
- package/dist/esm/menu/Dock.d.ts.map +1 -0
- package/dist/esm/menu/Dock.js +109 -0
- package/dist/esm/menu/Dock.js.map +1 -0
- package/dist/esm/menu/DockPosition.d.ts +7 -0
- package/dist/esm/menu/DockPosition.d.ts.map +1 -0
- package/dist/esm/menu/DockPosition.js +27 -0
- package/dist/esm/menu/DockPosition.js.map +1 -0
- package/dist/esm/menu/MegaMenu.d.ts +7 -0
- package/dist/esm/menu/MegaMenu.d.ts.map +1 -0
- package/dist/esm/menu/MegaMenu.js +136 -0
- package/dist/esm/menu/MegaMenu.js.map +1 -0
- package/dist/esm/menu/MenuGallery.stories.d.ts +1 -0
- package/dist/esm/menu/MenuGallery.stories.d.ts.map +1 -1
- package/dist/esm/menu/MenuGallery.stories.js +25 -3
- package/dist/esm/menu/MenuGallery.stories.js.map +1 -1
- package/dist/esm/menu/MenuItemAction.d.ts +12 -0
- package/dist/esm/menu/MenuItemAction.d.ts.map +1 -0
- package/dist/esm/menu/MenuItemAction.js +52 -0
- package/dist/esm/menu/MenuItemAction.js.map +1 -0
- package/dist/esm/menu/MenuItemContent.d.ts +6 -0
- package/dist/esm/menu/MenuItemContent.d.ts.map +1 -0
- package/dist/esm/menu/MenuItemContent.js +32 -0
- package/dist/esm/menu/MenuItemContent.js.map +1 -0
- package/dist/esm/menu/Menubar.d.ts +9 -0
- package/dist/esm/menu/Menubar.d.ts.map +1 -0
- package/dist/esm/menu/Menubar.js +137 -0
- package/dist/esm/menu/Menubar.js.map +1 -0
- package/dist/esm/menu/PanelMenu.d.ts +8 -0
- package/dist/esm/menu/PanelMenu.d.ts.map +1 -0
- package/dist/esm/menu/PanelMenu.js +110 -0
- package/dist/esm/menu/PanelMenu.js.map +1 -0
- package/dist/esm/menu/PrimeBreadcrumb.d.ts.map +1 -1
- package/dist/esm/menu/PrimeBreadcrumb.js +71 -9
- package/dist/esm/menu/PrimeBreadcrumb.js.map +1 -1
- package/dist/esm/menu/PrimeContextMenu.d.ts.map +1 -1
- package/dist/esm/menu/PrimeContextMenu.js +36 -12
- package/dist/esm/menu/PrimeContextMenu.js.map +1 -1
- package/dist/esm/menu/PrimeDock.d.ts.map +1 -1
- package/dist/esm/menu/PrimeDock.js +34 -7
- package/dist/esm/menu/PrimeDock.js.map +1 -1
- package/dist/esm/menu/PrimeMegaMenu.d.ts.map +1 -1
- package/dist/esm/menu/PrimeMegaMenu.js +11 -7
- package/dist/esm/menu/PrimeMegaMenu.js.map +1 -1
- package/dist/esm/menu/PrimeMenu.d.ts.map +1 -1
- package/dist/esm/menu/PrimeMenu.js +59 -3
- package/dist/esm/menu/PrimeMenu.js.map +1 -1
- package/dist/esm/menu/PrimeMenubar.d.ts.map +1 -1
- package/dist/esm/menu/PrimeMenubar.js +9 -2
- package/dist/esm/menu/PrimeMenubar.js.map +1 -1
- package/dist/esm/menu/PrimePanelMenu.d.ts.map +1 -1
- package/dist/esm/menu/PrimePanelMenu.js +8 -3
- package/dist/esm/menu/PrimePanelMenu.js.map +1 -1
- package/dist/esm/menu/PrimeSteps.d.ts.map +1 -1
- package/dist/esm/menu/PrimeSteps.js +16 -10
- package/dist/esm/menu/PrimeSteps.js.map +1 -1
- package/dist/esm/menu/PrimeTabMenu.d.ts.map +1 -1
- package/dist/esm/menu/PrimeTabMenu.js +11 -8
- package/dist/esm/menu/PrimeTabMenu.js.map +1 -1
- package/dist/esm/menu/PrimeTieredMenu.d.ts.map +1 -1
- package/dist/esm/menu/PrimeTieredMenu.js +8 -2
- package/dist/esm/menu/PrimeTieredMenu.js.map +1 -1
- package/dist/esm/menu/Steps.d.ts +8 -0
- package/dist/esm/menu/Steps.d.ts.map +1 -0
- package/dist/esm/menu/Steps.js +72 -0
- package/dist/esm/menu/Steps.js.map +1 -0
- package/dist/esm/menu/TabMenu.d.ts +8 -0
- package/dist/esm/menu/TabMenu.d.ts.map +1 -0
- package/dist/esm/menu/TabMenu.js +57 -0
- package/dist/esm/menu/TabMenu.js.map +1 -0
- package/dist/esm/menu/TieredMenu.d.ts +7 -0
- package/dist/esm/menu/TieredMenu.d.ts.map +1 -0
- package/dist/esm/menu/TieredMenu.js +129 -0
- package/dist/esm/menu/TieredMenu.js.map +1 -0
- package/dist/esm/menu/index.d.ts +10 -0
- package/dist/esm/menu/index.d.ts.map +1 -1
- package/dist/esm/menu/index.js +10 -0
- package/dist/esm/menu/index.js.map +1 -1
- package/dist/esm/menuItems.d.ts +1 -1
- package/dist/esm/menuItems.d.ts.map +1 -1
- package/dist/esm/menuItems.js.map +1 -1
- package/dist/esm/messages/MessageGallery.stories.js +1 -1
- package/dist/esm/messages/MessageGallery.stories.js.map +1 -1
- package/dist/esm/messages/PrimeInlineMessage.d.ts.map +1 -1
- package/dist/esm/messages/PrimeInlineMessage.js +42 -6
- package/dist/esm/messages/PrimeInlineMessage.js.map +1 -1
- package/dist/esm/messages/PrimeMessage.d.ts.map +1 -1
- package/dist/esm/messages/PrimeMessage.js +41 -6
- package/dist/esm/messages/PrimeMessage.js.map +1 -1
- package/dist/esm/messages/PrimeToast.d.ts.map +1 -1
- package/dist/esm/messages/PrimeToast.js +99 -15
- package/dist/esm/messages/PrimeToast.js.map +1 -1
- package/dist/esm/misc/BlockUI.d.ts +7 -0
- package/dist/esm/misc/BlockUI.d.ts.map +1 -0
- package/dist/esm/misc/BlockUI.js +45 -0
- package/dist/esm/misc/BlockUI.js.map +1 -0
- package/dist/esm/misc/MiscGallery.stories.js +1 -1
- package/dist/esm/misc/MiscGallery.stories.js.map +1 -1
- package/dist/esm/misc/PrimeAvatar.d.ts.map +1 -1
- package/dist/esm/misc/PrimeAvatar.js +27 -6
- package/dist/esm/misc/PrimeAvatar.js.map +1 -1
- package/dist/esm/misc/PrimeBadge.d.ts.map +1 -1
- package/dist/esm/misc/PrimeBadge.js +16 -4
- package/dist/esm/misc/PrimeBadge.js.map +1 -1
- package/dist/esm/misc/PrimeBlockUI.d.ts.map +1 -1
- package/dist/esm/misc/PrimeBlockUI.js +12 -2
- package/dist/esm/misc/PrimeBlockUI.js.map +1 -1
- package/dist/esm/misc/PrimeChip.d.ts.map +1 -1
- package/dist/esm/misc/PrimeChip.js +43 -7
- package/dist/esm/misc/PrimeChip.js.map +1 -1
- package/dist/esm/misc/PrimeInplace.d.ts.map +1 -1
- package/dist/esm/misc/PrimeInplace.js +19 -6
- package/dist/esm/misc/PrimeInplace.js.map +1 -1
- package/dist/esm/misc/PrimeProgressBar.d.ts.map +1 -1
- package/dist/esm/misc/PrimeProgressBar.js +16 -6
- package/dist/esm/misc/PrimeProgressBar.js.map +1 -1
- package/dist/esm/misc/PrimeProgressSpinner.d.ts.map +1 -1
- package/dist/esm/misc/PrimeProgressSpinner.js +15 -4
- package/dist/esm/misc/PrimeProgressSpinner.js.map +1 -1
- package/dist/esm/misc/PrimeScrollTop.d.ts.map +1 -1
- package/dist/esm/misc/PrimeScrollTop.js +21 -11
- package/dist/esm/misc/PrimeScrollTop.js.map +1 -1
- package/dist/esm/misc/PrimeSkeleton.d.ts.map +1 -1
- package/dist/esm/misc/PrimeSkeleton.js +4 -0
- package/dist/esm/misc/PrimeSkeleton.js.map +1 -1
- package/dist/esm/misc/PrimeTag.d.ts.map +1 -1
- package/dist/esm/misc/PrimeTag.js +23 -7
- package/dist/esm/misc/PrimeTag.js.map +1 -1
- package/dist/esm/misc/PrimeTerminal.d.ts.map +1 -1
- package/dist/esm/misc/PrimeTerminal.js +23 -8
- package/dist/esm/misc/PrimeTerminal.js.map +1 -1
- package/dist/esm/misc/ScrollTop.d.ts +8 -0
- package/dist/esm/misc/ScrollTop.d.ts.map +1 -0
- package/dist/esm/misc/ScrollTop.js +68 -0
- package/dist/esm/misc/ScrollTop.js.map +1 -0
- package/dist/esm/misc/index.d.ts +2 -0
- package/dist/esm/misc/index.d.ts.map +1 -1
- package/dist/esm/misc/index.js +2 -0
- package/dist/esm/misc/index.js.map +1 -1
- package/dist/esm/overlay/ConfirmDialog.d.ts +14 -0
- package/dist/esm/overlay/ConfirmDialog.d.ts.map +1 -0
- package/dist/esm/overlay/ConfirmDialog.js +105 -0
- package/dist/esm/overlay/ConfirmDialog.js.map +1 -0
- package/dist/esm/overlay/OverlayGallery.stories.js +1 -1
- package/dist/esm/overlay/OverlayGallery.stories.js.map +1 -1
- package/dist/esm/overlay/PrimeConfirmDialog.d.ts.map +1 -1
- package/dist/esm/overlay/PrimeConfirmDialog.js +14 -7
- package/dist/esm/overlay/PrimeConfirmDialog.js.map +1 -1
- package/dist/esm/overlay/PrimeDialog.d.ts.map +1 -1
- package/dist/esm/overlay/PrimeDialog.js +50 -9
- package/dist/esm/overlay/PrimeDialog.js.map +1 -1
- package/dist/esm/overlay/PrimeOverlayPanel.d.ts.map +1 -1
- package/dist/esm/overlay/PrimeOverlayPanel.js +30 -18
- package/dist/esm/overlay/PrimeOverlayPanel.js.map +1 -1
- package/dist/esm/overlay/PrimeSidebar.d.ts.map +1 -1
- package/dist/esm/overlay/PrimeSidebar.js +51 -12
- package/dist/esm/overlay/PrimeSidebar.js.map +1 -1
- package/dist/esm/overlay/PrimeTooltip.d.ts.map +1 -1
- package/dist/esm/overlay/PrimeTooltip.js +27 -14
- package/dist/esm/overlay/PrimeTooltip.js.map +1 -1
- package/dist/esm/overlay/index.d.ts +1 -0
- package/dist/esm/overlay/index.d.ts.map +1 -1
- package/dist/esm/overlay/index.js +1 -0
- package/dist/esm/overlay/index.js.map +1 -1
- package/dist/esm/panel/PanelGallery.stories.js +1 -1
- package/dist/esm/panel/PanelGallery.stories.js.map +1 -1
- package/dist/esm/panel/PrimeAccordion.d.ts.map +1 -1
- package/dist/esm/panel/PrimeAccordion.js +41 -11
- package/dist/esm/panel/PrimeAccordion.js.map +1 -1
- package/dist/esm/panel/PrimeCard.d.ts.map +1 -1
- package/dist/esm/panel/PrimeCard.js +26 -5
- package/dist/esm/panel/PrimeCard.js.map +1 -1
- package/dist/esm/panel/PrimeDivider.d.ts.map +1 -1
- package/dist/esm/panel/PrimeDivider.js +6 -1
- package/dist/esm/panel/PrimeDivider.js.map +1 -1
- package/dist/esm/panel/PrimeFieldset.d.ts.map +1 -1
- package/dist/esm/panel/PrimeFieldset.js +39 -6
- package/dist/esm/panel/PrimeFieldset.js.map +1 -1
- package/dist/esm/panel/PrimePanel.d.ts.map +1 -1
- package/dist/esm/panel/PrimePanel.js +42 -6
- package/dist/esm/panel/PrimePanel.js.map +1 -1
- package/dist/esm/panel/PrimeScrollPanel.d.ts.map +1 -1
- package/dist/esm/panel/PrimeScrollPanel.js +21 -6
- package/dist/esm/panel/PrimeScrollPanel.js.map +1 -1
- package/dist/esm/panel/PrimeSplitter.d.ts.map +1 -1
- package/dist/esm/panel/PrimeSplitter.js +28 -8
- package/dist/esm/panel/PrimeSplitter.js.map +1 -1
- package/dist/esm/panel/PrimeStepper.d.ts.map +1 -1
- package/dist/esm/panel/PrimeStepper.js +74 -32
- package/dist/esm/panel/PrimeStepper.js.map +1 -1
- package/dist/esm/panel/PrimeTabView.d.ts.map +1 -1
- package/dist/esm/panel/PrimeTabView.js +36 -11
- package/dist/esm/panel/PrimeTabView.js.map +1 -1
- package/dist/esm/panel/PrimeToolbar.d.ts.map +1 -1
- package/dist/esm/panel/PrimeToolbar.js +19 -5
- package/dist/esm/panel/PrimeToolbar.js.map +1 -1
- package/dist/esm/primeReactComponents.d.ts.map +1 -1
- package/dist/esm/primeReactComponents.js +12 -8
- package/dist/esm/primeReactComponents.js.map +1 -1
- package/dist/esm/primeReactPackage.d.ts.map +1 -1
- package/dist/esm/primeReactPackage.js +7 -8
- package/dist/esm/primeReactPackage.js.map +1 -1
- package/dist/esm/properties.d.ts +3 -0
- package/dist/esm/properties.d.ts.map +1 -1
- package/dist/esm/properties.js +15 -1
- package/dist/esm/properties.js.map +1 -1
- package/dist/esm/screen/PrimeAction.d.ts.map +1 -1
- package/dist/esm/screen/PrimeAction.js +25 -7
- package/dist/esm/screen/PrimeAction.js.map +1 -1
- package/dist/esm/screen/PrimeSummary.d.ts.map +1 -1
- package/dist/esm/screen/PrimeSummary.js +51 -27
- package/dist/esm/screen/PrimeSummary.js.map +1 -1
- package/dist/esm/theme/PrimeReactThemeFamily.d.ts +7 -0
- package/dist/esm/theme/PrimeReactThemeFamily.d.ts.map +1 -0
- package/dist/esm/theme/PrimeReactThemeFamily.js +32 -0
- package/dist/esm/theme/PrimeReactThemeFamily.js.map +1 -0
- package/dist/esm/theme/index.d.ts +2 -2
- package/dist/esm/theme/index.d.ts.map +1 -1
- package/dist/esm/theme/index.js +2 -2
- package/dist/esm/theme/index.js.map +1 -1
- package/dist/esm/theme/primeReactThemePreset.d.ts +7 -0
- package/dist/esm/theme/primeReactThemePreset.d.ts.map +1 -0
- package/dist/esm/theme/primeReactThemePreset.js +71 -0
- package/dist/esm/theme/primeReactThemePreset.js.map +1 -0
- package/dist/esm/theme/primeReactThemes.d.ts +1 -0
- package/dist/esm/theme/primeReactThemes.d.ts.map +1 -1
- package/dist/esm/theme/primeReactThemes.js +36 -19
- package/dist/esm/theme/primeReactThemes.js.map +1 -1
- package/dist/esm/theme/themePresets.d.ts +5 -1
- package/dist/esm/theme/themePresets.d.ts.map +1 -1
- package/dist/esm/theme/themePresets.js +364 -331
- package/dist/esm/theme/themePresets.js.map +1 -1
- package/dist/esm/theme/usePrimeReactTheme.d.ts +11 -1
- package/dist/esm/theme/usePrimeReactTheme.d.ts.map +1 -1
- package/dist/esm/theme/usePrimeReactTheme.js +47 -27
- package/dist/esm/theme/usePrimeReactTheme.js.map +1 -1
- package/dist/esm/treeNodes.d.ts +1 -1
- package/dist/esm/treeNodes.d.ts.map +1 -1
- package/dist/esm/treeNodes.js.map +1 -1
- package/dist/esm/tsconfig.tsbuildinfo +1 -1
- package/for_menuItems/when_converting_entries.ts +1 -1
- package/for_primeReactPackage/when_rendering_every_declared_component.tsx +43 -1
- package/for_primeReactThemePreset/when_resolving_a_preset.ts +49 -0
- package/for_primeReactThemes/when_checking_attribution.ts +9 -3
- package/for_primeReactThemes/when_checking_the_token_vocabulary.ts +22 -3
- package/form/FormGallery.stories.tsx +1 -5
- package/form/PrimeAutoComplete.tsx +34 -18
- package/form/PrimeCalendar.tsx +60 -11
- package/form/PrimeCheckbox.tsx +12 -4
- package/form/PrimeChips.tsx +29 -9
- package/form/PrimeColorPicker.tsx +56 -12
- package/form/PrimeDropdown.tsx +29 -11
- package/form/PrimeIconField.tsx +12 -5
- package/form/PrimeInputNumber.tsx +19 -5
- package/form/PrimeInputTextarea.tsx +8 -6
- package/form/PrimeKnob.tsx +12 -4
- package/form/PrimeListBox.tsx +13 -7
- package/form/PrimeMultiSelect.tsx +35 -10
- package/form/PrimePassword.tsx +12 -6
- package/form/PrimeRadioButton.tsx +14 -4
- package/form/PrimeRating.tsx +23 -6
- package/form/PrimeSelectButton.tsx +17 -9
- package/form/PrimeSlider.tsx +13 -4
- package/form/PrimeToggleSwitch.tsx +16 -9
- package/form/PrimeTreeSelect.tsx +18 -10
- package/form/TreeSelect.tsx +158 -0
- package/form/index.ts +1 -2
- package/index.ts +3 -0
- package/media/Image.tsx +104 -0
- package/media/MediaGallery.stories.tsx +1 -1
- package/media/PrimeCarousel.tsx +35 -14
- package/media/PrimeGalleria.tsx +43 -18
- package/media/PrimeImage.tsx +6 -2
- package/media/index.ts +1 -0
- package/menu/Dock.tsx +109 -0
- package/menu/DockPosition.ts +32 -0
- package/menu/MegaMenu.tsx +138 -0
- package/menu/MenuGallery.stories.tsx +31 -3
- package/menu/MenuItemAction.tsx +92 -0
- package/menu/MenuItemContent.tsx +36 -0
- package/menu/Menubar.tsx +149 -0
- package/menu/PanelMenu.tsx +107 -0
- package/menu/PrimeBreadcrumb.tsx +62 -7
- package/menu/PrimeContextMenu.tsx +43 -9
- package/menu/PrimeDock.tsx +33 -6
- package/menu/PrimeMegaMenu.tsx +9 -12
- package/menu/PrimeMenu.tsx +64 -1
- package/menu/PrimeMenubar.tsx +7 -2
- package/menu/PrimePanelMenu.tsx +6 -5
- package/menu/PrimeSteps.tsx +13 -15
- package/menu/PrimeTabMenu.tsx +8 -13
- package/menu/PrimeTieredMenu.tsx +6 -2
- package/menu/Steps.tsx +79 -0
- package/menu/TabMenu.tsx +72 -0
- package/menu/TieredMenu.tsx +136 -0
- package/menu/index.ts +10 -0
- package/menuItems.ts +1 -1
- package/messages/MessageGallery.stories.tsx +1 -1
- package/messages/PrimeInlineMessage.tsx +37 -6
- package/messages/PrimeMessage.tsx +35 -8
- package/messages/PrimeToast.tsx +84 -9
- package/misc/BlockUI.tsx +51 -0
- package/misc/MiscGallery.stories.tsx +1 -1
- package/misc/PrimeAvatar.tsx +17 -6
- package/misc/PrimeBadge.tsx +17 -5
- package/misc/PrimeBlockUI.tsx +13 -3
- package/misc/PrimeChip.tsx +27 -7
- package/misc/PrimeInplace.tsx +17 -5
- package/misc/PrimeProgressBar.tsx +11 -7
- package/misc/PrimeProgressSpinner.tsx +14 -1
- package/misc/PrimeScrollTop.tsx +16 -8
- package/misc/PrimeSkeleton.tsx +4 -0
- package/misc/PrimeTag.tsx +17 -6
- package/misc/PrimeTerminal.tsx +18 -9
- package/misc/ScrollTop.tsx +81 -0
- package/misc/index.ts +2 -0
- package/overlay/ConfirmDialog.tsx +135 -0
- package/overlay/OverlayGallery.stories.tsx +1 -1
- package/overlay/PrimeConfirmDialog.tsx +15 -10
- package/overlay/PrimeDialog.tsx +35 -8
- package/overlay/PrimeOverlayPanel.tsx +20 -8
- package/overlay/PrimeSidebar.tsx +38 -12
- package/overlay/PrimeTooltip.tsx +24 -10
- package/overlay/index.ts +1 -0
- package/package.json +29 -13
- package/panel/PanelGallery.stories.tsx +1 -1
- package/panel/PrimeAccordion.tsx +28 -10
- package/panel/PrimeCard.tsx +18 -3
- package/panel/PrimeDivider.tsx +6 -1
- package/panel/PrimeFieldset.tsx +25 -3
- package/panel/PrimePanel.tsx +26 -7
- package/panel/PrimeScrollPanel.tsx +16 -8
- package/panel/PrimeSplitter.tsx +24 -7
- package/panel/PrimeStepper.tsx +57 -20
- package/panel/PrimeTabView.tsx +29 -9
- package/panel/PrimeToolbar.tsx +13 -1
- package/primeReactComponents.ts +0 -8
- package/primeReactPackage.ts +8 -7
- package/primeReactTheme.css +56 -33
- package/properties.ts +30 -0
- package/screen/PrimeAction.tsx +20 -6
- package/screen/PrimeSummary.tsx +36 -13
- package/theme/PrimeReactThemeFamily.ts +37 -0
- package/theme/index.ts +2 -2
- package/theme/primeReactThemePreset.ts +83 -0
- package/theme/primeReactThemes.ts +37 -18
- package/theme/themePresets.ts +381 -336
- package/theme/usePrimeReactTheme.ts +73 -25
- package/treeNodes.ts +1 -1
- package/.storybook/preview.ts +0 -22
- package/data/PrimeTreeTable.tsx +0 -32
- package/data/PrimeVirtualScroller.tsx +0 -31
- package/dist/cjs/data/PrimeTreeTable.js +0 -40
- package/dist/cjs/data/PrimeTreeTable.js.map +0 -1
- package/dist/cjs/data/PrimeVirtualScroller.js +0 -34
- package/dist/cjs/data/PrimeVirtualScroller.js.map +0 -1
- package/dist/cjs/form/PrimeCascadeSelect.js +0 -32
- package/dist/cjs/form/PrimeCascadeSelect.js.map +0 -1
- package/dist/cjs/form/PrimeInputMask.js +0 -26
- package/dist/cjs/form/PrimeInputMask.js.map +0 -1
- package/dist/cjs/theme/applyPrimeReactTheme.js +0 -51
- package/dist/cjs/theme/applyPrimeReactTheme.js.map +0 -1
- package/dist/cjs/theme/primeReactThemeStylesheet.js +0 -34
- package/dist/cjs/theme/primeReactThemeStylesheet.js.map +0 -1
- package/dist/esm/data/PrimeTreeTable.d.ts +0 -3
- package/dist/esm/data/PrimeTreeTable.d.ts.map +0 -1
- package/dist/esm/data/PrimeTreeTable.js +0 -38
- package/dist/esm/data/PrimeTreeTable.js.map +0 -1
- package/dist/esm/data/PrimeVirtualScroller.d.ts +0 -3
- package/dist/esm/data/PrimeVirtualScroller.d.ts.map +0 -1
- package/dist/esm/data/PrimeVirtualScroller.js +0 -32
- package/dist/esm/data/PrimeVirtualScroller.js.map +0 -1
- package/dist/esm/for_applyPrimeReactTheme/when_swapping_the_theme_stylesheet.d.ts +0 -2
- package/dist/esm/for_applyPrimeReactTheme/when_swapping_the_theme_stylesheet.d.ts.map +0 -1
- package/dist/esm/for_applyPrimeReactTheme/when_swapping_the_theme_stylesheet.js +0 -63
- package/dist/esm/for_applyPrimeReactTheme/when_swapping_the_theme_stylesheet.js.map +0 -1
- package/dist/esm/for_primeReactThemes/when_resolving_a_theme_stylesheet.d.ts +0 -2
- package/dist/esm/for_primeReactThemes/when_resolving_a_theme_stylesheet.d.ts.map +0 -1
- package/dist/esm/for_primeReactThemes/when_resolving_a_theme_stylesheet.js +0 -17
- package/dist/esm/for_primeReactThemes/when_resolving_a_theme_stylesheet.js.map +0 -1
- package/dist/esm/form/PrimeCascadeSelect.d.ts +0 -3
- package/dist/esm/form/PrimeCascadeSelect.d.ts.map +0 -1
- package/dist/esm/form/PrimeCascadeSelect.js +0 -30
- package/dist/esm/form/PrimeCascadeSelect.js.map +0 -1
- package/dist/esm/form/PrimeInputMask.d.ts +0 -3
- package/dist/esm/form/PrimeInputMask.d.ts.map +0 -1
- package/dist/esm/form/PrimeInputMask.js +0 -24
- package/dist/esm/form/PrimeInputMask.js.map +0 -1
- package/dist/esm/theme/applyPrimeReactTheme.d.ts +0 -2
- package/dist/esm/theme/applyPrimeReactTheme.d.ts.map +0 -1
- package/dist/esm/theme/applyPrimeReactTheme.js +0 -49
- package/dist/esm/theme/applyPrimeReactTheme.js.map +0 -1
- package/dist/esm/theme/primeReactThemeStylesheet.d.ts +0 -3
- package/dist/esm/theme/primeReactThemeStylesheet.d.ts.map +0 -1
- package/dist/esm/theme/primeReactThemeStylesheet.js +0 -31
- package/dist/esm/theme/primeReactThemeStylesheet.js.map +0 -1
- package/for_applyPrimeReactTheme/when_swapping_the_theme_stylesheet.ts +0 -81
- package/for_primeReactThemes/when_resolving_a_theme_stylesheet.ts +0 -22
- package/form/PrimeCascadeSelect.tsx +0 -31
- package/form/PrimeInputMask.tsx +0 -27
- package/theme/applyPrimeReactTheme.ts +0 -52
- package/theme/primeReactThemeStylesheet.ts +0 -32
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"properties.d.ts","sourceRoot":"","sources":["../../properties.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"properties.d.ts","sourceRoot":"","sources":["../../properties.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAoB9C,wBAAgB,cAAc,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AACxF,wBAAgB,cAAc,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;AAc9F,wBAAgB,eAAe,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAC1F,wBAAgB,eAAe,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC;AAiBjG,wBAAgB,cAAc,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AACxF,wBAAgB,cAAc,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;AAiB9F,wBAAgB,aAAa,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,EAAE,CAG5E;AASD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAEjF;AAYD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAIlG;AAcD,wBAAgB,eAAe,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,GAAG,YAAY,EAAE,CAiBnF;AAoBD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,CAAC;AACjG,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,aAAa,CAAC"}
|
package/dist/esm/properties.js
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
// Copyright (c) Cratis. All rights reserved.
|
|
2
2
|
// Licensed under the MIT license. See LICENSE file in the project root for full license information.
|
|
3
|
+
/** Every severity PrimeReact 11 knows, so an unrecognized one can fall back rather than reach a component. */ const severities = [
|
|
4
|
+
'secondary',
|
|
5
|
+
'info',
|
|
6
|
+
'success',
|
|
7
|
+
'warn',
|
|
8
|
+
'danger',
|
|
9
|
+
'help',
|
|
10
|
+
'contrast'
|
|
11
|
+
];
|
|
3
12
|
function stringProperty(element, name, fallback) {
|
|
4
13
|
const value = element.properties[name];
|
|
5
14
|
return typeof value === 'string' ? value : fallback;
|
|
@@ -79,6 +88,11 @@ function numberProperty(element, name, fallback) {
|
|
|
79
88
|
}
|
|
80
89
|
return options;
|
|
81
90
|
}
|
|
91
|
+
function severityProperty(element, name, fallback) {
|
|
92
|
+
const authored = stringProperty(element, name);
|
|
93
|
+
const translated = authored === 'warning' ? 'warn' : authored;
|
|
94
|
+
return severities.includes(translated) ? translated : fallback;
|
|
95
|
+
}
|
|
82
96
|
|
|
83
|
-
export { arrayProperty, booleanProperty, numberProperty, optionsProperty, recordArrayProperty, stringArrayProperty, stringProperty };
|
|
97
|
+
export { arrayProperty, booleanProperty, numberProperty, optionsProperty, recordArrayProperty, severityProperty, stringArrayProperty, stringProperty };
|
|
84
98
|
//# sourceMappingURL=properties.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"properties.js","sources":["../../properties.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { SceneElement } from '@cratis/scene.model';\nimport { SelectOption } from './SelectOption';\n\n/**\n * Reads a string configuration value off a Scene element.\n *\n * `SceneElement.properties` is `Record<string, unknown>` because a screen's properties come from\n * authored model data, not from a compiler that knows this package's expectations. Every adapter\n * therefore has to narrow before it can use a value, and doing that with a cast would defeat the point -\n * a mistyped property would sail through and blow up inside PrimeReact instead of quietly falling back\n * here. These helpers are the single narrowing point, so a wrong type behaves exactly like an absent\n * one everywhere.\n *\n * @param element The element whose properties to read.\n * @param name The property name.\n * @param fallback The value to use when the property is missing or is not a string.\n * @returns The string value, or `fallback` (`undefined` when none was given).\n */\nexport function stringProperty(element: SceneElement, name: string): string | undefined;\nexport function stringProperty(element: SceneElement, name: string, fallback: string): string;\nexport function stringProperty(element: SceneElement, name: string, fallback?: string): string | undefined {\n const value = element.properties[name];\n return typeof value === 'string' ? value : fallback;\n}\n\n/**\n * Reads a boolean configuration value off a Scene element.\n *\n * @param element The element whose properties to read.\n * @param name The property name.\n * @param fallback The value to use when the property is missing or is not a boolean.\n * @returns The boolean value, or `fallback` (`undefined` when none was given).\n */\nexport function booleanProperty(element: SceneElement, name: string): boolean | undefined;\nexport function booleanProperty(element: SceneElement, name: string, fallback: boolean): boolean;\nexport function booleanProperty(element: SceneElement, name: string, fallback?: boolean): boolean | undefined {\n const value = element.properties[name];\n return typeof value === 'boolean' ? value : fallback;\n}\n\n/**\n * Reads a numeric configuration value off a Scene element.\n *\n * `NaN` is rejected alongside non-numbers: it is a number by `typeof` but never a usable size, count or\n * bound, and letting it through would surface as an unexplained blank component rather than a fallback.\n *\n * @param element The element whose properties to read.\n * @param name The property name.\n * @param fallback The value to use when the property is missing or is not a usable number.\n * @returns The numeric value, or `fallback` (`undefined` when none was given).\n */\nexport function numberProperty(element: SceneElement, name: string): number | undefined;\nexport function numberProperty(element: SceneElement, name: string, fallback: number): number;\nexport function numberProperty(element: SceneElement, name: string, fallback?: number): number | undefined {\n const value = element.properties[name];\n return typeof value === 'number' && !Number.isNaN(value) ? value : fallback;\n}\n\n/**\n * Reads an array configuration value off a Scene element, as raw entries.\n *\n * Always returns an array - an absent or wrongly typed property becomes an empty one - because every\n * caller is about to map over it, and a component rendering nothing is a far better failure than one\n * throwing on `undefined.map`.\n *\n * @param element The element whose properties to read.\n * @param name The property name.\n * @returns The entries, or an empty array when the property is missing or is not an array.\n */\nexport function arrayProperty(element: SceneElement, name: string): unknown[] {\n const value = element.properties[name];\n return Array.isArray(value) ? value : [];\n}\n\n/**\n * Reads an array of strings off a Scene element, dropping any entry that is not one.\n *\n * @param element The element whose properties to read.\n * @param name The property name.\n * @returns The string entries, in order.\n */\nexport function stringArrayProperty(element: SceneElement, name: string): string[] {\n return arrayProperty(element, name).filter((entry): entry is string => typeof entry === 'string');\n}\n\n/**\n * Reads an array of objects off a Scene element, dropping any entry that is not one.\n *\n * This is the shape row data, column definitions and menu items all arrive in, so it is the common\n * bottom step every structured reader in this package builds on.\n *\n * @param element The element whose properties to read.\n * @param name The property name.\n * @returns The object entries, in order.\n */\nexport function recordArrayProperty(element: SceneElement, name: string): Record<string, unknown>[] {\n return arrayProperty(element, name).filter(\n (entry): entry is Record<string, unknown> => typeof entry === 'object' && entry !== undefined && entry !== null && !Array.isArray(entry)\n );\n}\n\n/**\n * Reads a selection component's options off a Scene element, normalizing both shapes a screen may use.\n *\n * A screen written by hand tends to say `options: ['Draft', 'Published']`; one generated from a model\n * says `options: [{ label: 'Draft', value: 'draft' }]`. Both are reasonable, so both are accepted and\n * flattened to {@link SelectOption} - an entry with only a label uses that label as its value, which is\n * exactly what the shorthand means.\n *\n * @param element The element whose properties to read.\n * @param name The property name.\n * @returns The normalized options, in order, skipping entries that carry no usable label.\n */\nexport function optionsProperty(element: SceneElement, name: string): SelectOption[] {\n const options: SelectOption[] = [];\n for (const entry of arrayProperty(element, name)) {\n if (typeof entry === 'string') {\n options.push({ label: entry, value: entry });\n continue;\n }\n\n if (typeof entry !== 'object' || entry === undefined || entry === null || Array.isArray(entry)) continue;\n\n const record = entry as Record<string, unknown>;\n const label = typeof record.label === 'string' ? record.label : undefined;\n const value = typeof record.value === 'string' ? record.value : label;\n if (label !== undefined && value !== undefined) options.push({ label, value });\n }\n\n return options;\n}\n"],"names":["stringProperty","element","name","fallback","value","properties","booleanProperty","numberProperty","Number","isNaN","arrayProperty","Array","isArray","stringArrayProperty","filter","entry","recordArrayProperty","undefined","optionsProperty","options","push","label","record"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"properties.js","sources":["../../properties.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { SceneElement } from '@cratis/scene.model';\nimport { PrimeSeverity } from './PrimeSeverity';\nimport { SelectOption } from './SelectOption';\n\n/** Every severity PrimeReact 11 knows, so an unrecognized one can fall back rather than reach a component. */\nconst severities: PrimeSeverity[] = ['secondary', 'info', 'success', 'warn', 'danger', 'help', 'contrast'];\n\n/**\n * Reads a string configuration value off a Scene element.\n *\n * `SceneElement.properties` is `Record<string, unknown>` because a screen's properties come from\n * authored model data, not from a compiler that knows this package's expectations. Every adapter\n * therefore has to narrow before it can use a value, and doing that with a cast would defeat the point -\n * a mistyped property would sail through and blow up inside PrimeReact instead of quietly falling back\n * here. These helpers are the single narrowing point, so a wrong type behaves exactly like an absent\n * one everywhere.\n *\n * @param element The element whose properties to read.\n * @param name The property name.\n * @param fallback The value to use when the property is missing or is not a string.\n * @returns The string value, or `fallback` (`undefined` when none was given).\n */\nexport function stringProperty(element: SceneElement, name: string): string | undefined;\nexport function stringProperty(element: SceneElement, name: string, fallback: string): string;\nexport function stringProperty(element: SceneElement, name: string, fallback?: string): string | undefined {\n const value = element.properties[name];\n return typeof value === 'string' ? value : fallback;\n}\n\n/**\n * Reads a boolean configuration value off a Scene element.\n *\n * @param element The element whose properties to read.\n * @param name The property name.\n * @param fallback The value to use when the property is missing or is not a boolean.\n * @returns The boolean value, or `fallback` (`undefined` when none was given).\n */\nexport function booleanProperty(element: SceneElement, name: string): boolean | undefined;\nexport function booleanProperty(element: SceneElement, name: string, fallback: boolean): boolean;\nexport function booleanProperty(element: SceneElement, name: string, fallback?: boolean): boolean | undefined {\n const value = element.properties[name];\n return typeof value === 'boolean' ? value : fallback;\n}\n\n/**\n * Reads a numeric configuration value off a Scene element.\n *\n * `NaN` is rejected alongside non-numbers: it is a number by `typeof` but never a usable size, count or\n * bound, and letting it through would surface as an unexplained blank component rather than a fallback.\n *\n * @param element The element whose properties to read.\n * @param name The property name.\n * @param fallback The value to use when the property is missing or is not a usable number.\n * @returns The numeric value, or `fallback` (`undefined` when none was given).\n */\nexport function numberProperty(element: SceneElement, name: string): number | undefined;\nexport function numberProperty(element: SceneElement, name: string, fallback: number): number;\nexport function numberProperty(element: SceneElement, name: string, fallback?: number): number | undefined {\n const value = element.properties[name];\n return typeof value === 'number' && !Number.isNaN(value) ? value : fallback;\n}\n\n/**\n * Reads an array configuration value off a Scene element, as raw entries.\n *\n * Always returns an array - an absent or wrongly typed property becomes an empty one - because every\n * caller is about to map over it, and a component rendering nothing is a far better failure than one\n * throwing on `undefined.map`.\n *\n * @param element The element whose properties to read.\n * @param name The property name.\n * @returns The entries, or an empty array when the property is missing or is not an array.\n */\nexport function arrayProperty(element: SceneElement, name: string): unknown[] {\n const value = element.properties[name];\n return Array.isArray(value) ? value : [];\n}\n\n/**\n * Reads an array of strings off a Scene element, dropping any entry that is not one.\n *\n * @param element The element whose properties to read.\n * @param name The property name.\n * @returns The string entries, in order.\n */\nexport function stringArrayProperty(element: SceneElement, name: string): string[] {\n return arrayProperty(element, name).filter((entry): entry is string => typeof entry === 'string');\n}\n\n/**\n * Reads an array of objects off a Scene element, dropping any entry that is not one.\n *\n * This is the shape row data, column definitions and menu items all arrive in, so it is the common\n * bottom step every structured reader in this package builds on.\n *\n * @param element The element whose properties to read.\n * @param name The property name.\n * @returns The object entries, in order.\n */\nexport function recordArrayProperty(element: SceneElement, name: string): Record<string, unknown>[] {\n return arrayProperty(element, name).filter(\n (entry): entry is Record<string, unknown> => typeof entry === 'object' && entry !== undefined && entry !== null && !Array.isArray(entry)\n );\n}\n\n/**\n * Reads a selection component's options off a Scene element, normalizing both shapes a screen may use.\n *\n * A screen written by hand tends to say `options: ['Draft', 'Published']`; one generated from a model\n * says `options: [{ label: 'Draft', value: 'draft' }]`. Both are reasonable, so both are accepted and\n * flattened to {@link SelectOption} - an entry with only a label uses that label as its value, which is\n * exactly what the shorthand means.\n *\n * @param element The element whose properties to read.\n * @param name The property name.\n * @returns The normalized options, in order, skipping entries that carry no usable label.\n */\nexport function optionsProperty(element: SceneElement, name: string): SelectOption[] {\n const options: SelectOption[] = [];\n for (const entry of arrayProperty(element, name)) {\n if (typeof entry === 'string') {\n options.push({ label: entry, value: entry });\n continue;\n }\n\n if (typeof entry !== 'object' || entry === undefined || entry === null || Array.isArray(entry)) continue;\n\n const record = entry as Record<string, unknown>;\n const label = typeof record.label === 'string' ? record.label : undefined;\n const value = typeof record.value === 'string' ? record.value : label;\n if (label !== undefined && value !== undefined) options.push({ label, value });\n }\n\n return options;\n}\n\n/**\n * Reads a severity off a Scene element, in the vocabulary PrimeReact 11 uses.\n *\n * This exists because PrimeReact renamed one severity between v10 and v11 - `warning` became `warn` - and\n * the rename is silent in the worst way. The v11 prop types are string-literal unions, so an unchanged\n * `warning` does not fail to compile when it arrives through `stringProperty`; it simply falls through to\n * the default color, and a screen authored against the old vocabulary loses its warning styling without\n * anything reporting a problem.\n *\n * Six adapters need that translation, which is five too many to leave copied. Putting it here also keeps\n * the promise the rest of this file makes: properties are narrowed in exactly one place, so an\n * unrecognized value behaves the same way everywhere - like an absent one, rather than like a broken one.\n *\n * @param element The element whose properties to read.\n * @param name The property name, `severity` for every current caller.\n * @param fallback The severity to use when the property is missing or is not one PrimeReact knows.\n * @returns The severity, or `fallback` (`undefined` when none was given).\n */\nexport function severityProperty(element: SceneElement, name: string): PrimeSeverity | undefined;\nexport function severityProperty(element: SceneElement, name: string, fallback: PrimeSeverity): PrimeSeverity;\nexport function severityProperty(element: SceneElement, name: string, fallback?: PrimeSeverity): PrimeSeverity | undefined {\n const authored = stringProperty(element, name);\n const translated = authored === 'warning' ? 'warn' : authored;\n return severities.includes(translated as PrimeSeverity) ? (translated as PrimeSeverity) : fallback;\n}\n"],"names":["severities","stringProperty","element","name","fallback","value","properties","booleanProperty","numberProperty","Number","isNaN","arrayProperty","Array","isArray","stringArrayProperty","filter","entry","recordArrayProperty","undefined","optionsProperty","options","push","label","record","severityProperty","authored","translated","includes"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrimeAction.d.ts","sourceRoot":"","sources":["../../../screen/PrimeAction.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"PrimeAction.d.ts","sourceRoot":"","sources":["../../../screen/PrimeAction.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAiC/D,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,wBAAwB,+BAahE"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Button } from 'primereact/button';
|
|
3
3
|
import { stringProperty, booleanProperty } from '../properties.js';
|
|
4
4
|
|
|
@@ -9,6 +9,9 @@ import { stringProperty, booleanProperty } from '../properties.js';
|
|
|
9
9
|
* this the main thing to do here, a secondary one, a destructive one - and that vocabulary is what a
|
|
10
10
|
* screen author writes. Translating intent to PrimeReact's `severity` here keeps the mapping in one
|
|
11
11
|
* place, so a change to how destructive actions look is one edit rather than one per screen.
|
|
12
|
+
*
|
|
13
|
+
* PrimeReact 11 renamed the `warning` severity to `warn`, which is why the union below is not the v10
|
|
14
|
+
* one. No intent currently maps to it, but the type has to be right for the one that eventually does.
|
|
12
15
|
*/ const severityForIntent = {
|
|
13
16
|
primary: undefined,
|
|
14
17
|
secondary: 'secondary',
|
|
@@ -17,15 +20,30 @@ import { stringProperty, booleanProperty } from '../properties.js';
|
|
|
17
20
|
positive: 'success',
|
|
18
21
|
success: 'success'
|
|
19
22
|
};
|
|
20
|
-
|
|
23
|
+
/**
|
|
24
|
+
* Renders the action.
|
|
25
|
+
*
|
|
26
|
+
* Two v10 conveniences are gone in PrimeReact 11 and are assembled here instead. `Button` no longer takes
|
|
27
|
+
* `label` and `icon` props - it renders its children - so the icon element and the label text are composed
|
|
28
|
+
* directly. And `outlined` is no longer a boolean; outlining is one of the values of `variant`.
|
|
29
|
+
*
|
|
30
|
+
* The icon is `aria-hidden` because the label already names the action; announcing a decorative glyph
|
|
31
|
+
* beside it would have a screen reader say the same thing twice.
|
|
32
|
+
*/ function PrimeAction({ element }) {
|
|
21
33
|
const intent = stringProperty(element, 'intent', 'primary');
|
|
22
|
-
|
|
34
|
+
const icon = stringProperty(element, 'icon');
|
|
35
|
+
return /*#__PURE__*/ jsxs(Button, {
|
|
23
36
|
"data-scene-id": element.id,
|
|
24
|
-
label: stringProperty(element, 'label', ''),
|
|
25
|
-
icon: stringProperty(element, 'icon'),
|
|
26
37
|
severity: severityForIntent[intent],
|
|
27
|
-
|
|
28
|
-
disabled: booleanProperty(element, 'disabled', false)
|
|
38
|
+
variant: intent === 'secondary' ? 'outlined' : undefined,
|
|
39
|
+
disabled: booleanProperty(element, 'disabled', false),
|
|
40
|
+
children: [
|
|
41
|
+
icon !== undefined && /*#__PURE__*/ jsx("i", {
|
|
42
|
+
className: icon,
|
|
43
|
+
"aria-hidden": "true"
|
|
44
|
+
}),
|
|
45
|
+
stringProperty(element, 'label', '')
|
|
46
|
+
]
|
|
29
47
|
});
|
|
30
48
|
}
|
|
31
49
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrimeAction.js","sources":["../../../screen/PrimeAction.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Button } from 'primereact/button';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:action` component - one of Screenplay's screen directives: something the user can do.\n *\n * A button, but not the same adapter as `button`. Screenplay describes an action by its *intent* - is\n * this the main thing to do here, a secondary one, a destructive one - and that vocabulary is what a\n * screen author writes. Translating intent to PrimeReact's `severity` here keeps the mapping in one\n * place, so a change to how destructive actions look is one edit rather than one per screen.\n */\nconst severityForIntent: Record<string, 'secondary' | 'success' | 'info' | '
|
|
1
|
+
{"version":3,"file":"PrimeAction.js","sources":["../../../screen/PrimeAction.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Button } from 'primereact/button';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { booleanProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:action` component - one of Screenplay's screen directives: something the user can do.\n *\n * A button, but not the same adapter as `button`. Screenplay describes an action by its *intent* - is\n * this the main thing to do here, a secondary one, a destructive one - and that vocabulary is what a\n * screen author writes. Translating intent to PrimeReact's `severity` here keeps the mapping in one\n * place, so a change to how destructive actions look is one edit rather than one per screen.\n *\n * PrimeReact 11 renamed the `warning` severity to `warn`, which is why the union below is not the v10\n * one. No intent currently maps to it, but the type has to be right for the one that eventually does.\n */\nconst severityForIntent: Record<string, 'secondary' | 'success' | 'info' | 'warn' | 'danger' | 'help' | 'contrast' | undefined> = {\n primary: undefined,\n secondary: 'secondary',\n destructive: 'danger',\n danger: 'danger',\n positive: 'success',\n success: 'success',\n};\n\n/**\n * Renders the action.\n *\n * Two v10 conveniences are gone in PrimeReact 11 and are assembled here instead. `Button` no longer takes\n * `label` and `icon` props - it renders its children - so the icon element and the label text are composed\n * directly. And `outlined` is no longer a boolean; outlining is one of the values of `variant`.\n *\n * The icon is `aria-hidden` because the label already names the action; announcing a decorative glyph\n * beside it would have a screen reader say the same thing twice.\n */\nexport function PrimeAction({ element }: RegisteredComponentProps) {\n const intent = stringProperty(element, 'intent', 'primary');\n const icon = stringProperty(element, 'icon');\n return (\n <Button\n data-scene-id={element.id}\n severity={severityForIntent[intent]}\n variant={intent === 'secondary' ? 'outlined' : undefined}\n disabled={booleanProperty(element, 'disabled', false)}>\n {icon !== undefined && <i className={icon} aria-hidden='true' />}\n {stringProperty(element, 'label', '')}\n </Button>\n );\n}\n"],"names":["severityForIntent","primary","undefined","secondary","destructive","danger","positive","success","PrimeAction","element","intent","stringProperty","icon","_jsxs","Button","data-scene-id","id","severity","variant","disabled","booleanProperty","_jsx","i","className","aria-hidden"],"mappings":";;;;AAOA;;;;;;;;;;AAUC,IACD,MAAMA,iBAAAA,GAA4H;IAC9HC,OAAAA,EAASC,SAAAA;IACTC,SAAAA,EAAW,WAAA;IACXC,WAAAA,EAAa,QAAA;IACbC,MAAAA,EAAQ,QAAA;IACRC,QAAAA,EAAU,SAAA;IACVC,OAAAA,EAAS;AACb,CAAA;AAEA;;;;;;;;;AASC,IACM,SAASC,WAAAA,CAAY,EAAEC,OAAO,EAA4B,EAAA;IAC7D,MAAMC,MAAAA,GAASC,cAAAA,CAAeF,OAAAA,EAAS,QAAA,EAAU,SAAA,CAAA;IACjD,MAAMG,IAAAA,GAAOD,eAAeF,OAAAA,EAAS,MAAA,CAAA;AACrC,IAAA,qBACII,IAAA,CAACC,MAAAA,EAAAA;AACGC,QAAAA,eAAAA,EAAeN,QAAQO,EAAE;QACzBC,QAAAA,EAAUjB,iBAAiB,CAACU,MAAAA,CAAO;QACnCQ,OAAAA,EAASR,MAAAA,KAAW,cAAc,UAAA,GAAaR,SAAAA;QAC/CiB,QAAAA,EAAUC,eAAAA,CAAgBX,SAAS,UAAA,EAAY,KAAA,CAAA;;AAC9CG,YAAAA,IAAAA,KAASV,2BAAamB,GAAA,CAACC,GAAAA,EAAAA;gBAAEC,SAAAA,EAAWX,IAAAA;gBAAMY,aAAAA,EAAY;;AACtDb,YAAAA,cAAAA,CAAeF,SAAS,OAAA,EAAS,EAAA;;;AAG9C;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrimeSummary.d.ts","sourceRoot":"","sources":["../../../screen/PrimeSummary.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"PrimeSummary.d.ts","sourceRoot":"","sources":["../../../screen/PrimeSummary.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAwB/D,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,wBAAwB,+BA2BxE"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { Card } from 'primereact/card';
|
|
3
3
|
import { recordArrayProperty, stringProperty } from '../properties.js';
|
|
4
4
|
|
|
@@ -9,35 +9,59 @@ import { recordArrayProperty, stringProperty } from '../properties.js';
|
|
|
9
9
|
* Rendered as a description list inside a card. A description list is the correct element for
|
|
10
10
|
* label/value pairs and gets the pairing across to a screen reader for free, which a grid of `div`s does
|
|
11
11
|
* not.
|
|
12
|
+
*
|
|
13
|
+
* PrimeReact 11 made `Card` compositional, so the v10 `<Card title=...>` form is assembled here from
|
|
14
|
+
* `Card.Root` / `Card.Body` / `Card.Caption` / `Card.Title` / `Card.Content` instead.
|
|
15
|
+
*
|
|
16
|
+
* The nesting matters and is easy to get wrong. `Card.Body` is the part that carries the padding - it is
|
|
17
|
+
* the only one of them the preset gives a `padding` token - so everything visible has to sit inside it.
|
|
18
|
+
* A title placed in a `Card.Header` instead renders flush to the card edge with no styling at all,
|
|
19
|
+
* because `header` is not a themed part: the preset's `card` tokens are exactly `root`, `body`,
|
|
20
|
+
* `caption`, `title` and `subtitle`, and `p-card-header` is v11's slot for a media image above the body.
|
|
21
|
+
*
|
|
22
|
+
* The caption is rendered only when a title was authored. v10 collapsed an absent `title` to nothing, and
|
|
23
|
+
* an empty `Card.Caption` still reserves its own gap, which would leave a stray band above a summary that
|
|
24
|
+
* simply has no heading.
|
|
12
25
|
*/ function PrimeSummary({ element, slots }) {
|
|
13
26
|
const items = recordArrayProperty(element, 'items');
|
|
14
|
-
|
|
27
|
+
const title = stringProperty(element, 'title');
|
|
28
|
+
return /*#__PURE__*/ jsx(Card.Root, {
|
|
15
29
|
"data-scene-id": element.id,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
30
|
+
children: /*#__PURE__*/ jsxs(Card.Body, {
|
|
31
|
+
children: [
|
|
32
|
+
title !== undefined && /*#__PURE__*/ jsx(Card.Caption, {
|
|
33
|
+
children: /*#__PURE__*/ jsx(Card.Title, {
|
|
34
|
+
children: title
|
|
35
|
+
})
|
|
36
|
+
}),
|
|
37
|
+
/*#__PURE__*/ jsxs(Card.Content, {
|
|
38
|
+
children: [
|
|
39
|
+
/*#__PURE__*/ jsx("dl", {
|
|
40
|
+
className: "grid grid-cols-2 gap-2",
|
|
41
|
+
children: items.map((item, index)=>/*#__PURE__*/ jsxs("div", {
|
|
42
|
+
className: "flex flex-col",
|
|
43
|
+
children: [
|
|
44
|
+
/*#__PURE__*/ jsx("dt", {
|
|
45
|
+
className: "text-sm",
|
|
46
|
+
style: {
|
|
47
|
+
color: 'var(--scene-text-muted-color)'
|
|
48
|
+
},
|
|
49
|
+
children: String(item.label ?? '')
|
|
50
|
+
}),
|
|
51
|
+
/*#__PURE__*/ jsx("dd", {
|
|
52
|
+
style: {
|
|
53
|
+
color: 'var(--scene-text-color)'
|
|
54
|
+
},
|
|
55
|
+
children: String(item.value ?? '')
|
|
56
|
+
})
|
|
57
|
+
]
|
|
58
|
+
}, index))
|
|
59
|
+
}),
|
|
60
|
+
slots.content
|
|
61
|
+
]
|
|
62
|
+
})
|
|
63
|
+
]
|
|
64
|
+
})
|
|
41
65
|
});
|
|
42
66
|
}
|
|
43
67
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PrimeSummary.js","sources":["../../../screen/PrimeSummary.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Card } from 'primereact/card';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { recordArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:summary` component - one of Screenplay's screen directives: the headline facts about\n * one thing.\n *\n * Rendered as a description list inside a card. A description list is the correct element for\n * label/value pairs and gets the pairing across to a screen reader for free, which a grid of `div`s does\n * not.\n */\nexport function PrimeSummary({ element, slots }: RegisteredComponentProps) {\n const items = recordArrayProperty(element, 'items');\n return (\n <Card data-scene-id={element.id}
|
|
1
|
+
{"version":3,"file":"PrimeSummary.js","sources":["../../../screen/PrimeSummary.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { Card } from 'primereact/card';\nimport { RegisteredComponentProps } from '@cratis/scene.react';\nimport { recordArrayProperty, stringProperty } from '../properties';\n\n/**\n * The `PrimeReact:summary` component - one of Screenplay's screen directives: the headline facts about\n * one thing.\n *\n * Rendered as a description list inside a card. A description list is the correct element for\n * label/value pairs and gets the pairing across to a screen reader for free, which a grid of `div`s does\n * not.\n *\n * PrimeReact 11 made `Card` compositional, so the v10 `<Card title=...>` form is assembled here from\n * `Card.Root` / `Card.Body` / `Card.Caption` / `Card.Title` / `Card.Content` instead.\n *\n * The nesting matters and is easy to get wrong. `Card.Body` is the part that carries the padding - it is\n * the only one of them the preset gives a `padding` token - so everything visible has to sit inside it.\n * A title placed in a `Card.Header` instead renders flush to the card edge with no styling at all,\n * because `header` is not a themed part: the preset's `card` tokens are exactly `root`, `body`,\n * `caption`, `title` and `subtitle`, and `p-card-header` is v11's slot for a media image above the body.\n *\n * The caption is rendered only when a title was authored. v10 collapsed an absent `title` to nothing, and\n * an empty `Card.Caption` still reserves its own gap, which would leave a stray band above a summary that\n * simply has no heading.\n */\nexport function PrimeSummary({ element, slots }: RegisteredComponentProps) {\n const items = recordArrayProperty(element, 'items');\n const title = stringProperty(element, 'title');\n return (\n <Card.Root data-scene-id={element.id}>\n <Card.Body>\n {title !== undefined && (\n <Card.Caption>\n <Card.Title>{title}</Card.Title>\n </Card.Caption>\n )}\n <Card.Content>\n <dl className='grid grid-cols-2 gap-2'>\n {items.map((item, index) => (\n <div key={index} className='flex flex-col'>\n <dt className='text-sm' style={{ color: 'var(--scene-text-muted-color)' }}>\n {String(item.label ?? '')}\n </dt>\n <dd style={{ color: 'var(--scene-text-color)' }}>{String(item.value ?? '')}</dd>\n </div>\n ))}\n </dl>\n {slots.content}\n </Card.Content>\n </Card.Body>\n </Card.Root>\n );\n}\n"],"names":["PrimeSummary","element","slots","items","recordArrayProperty","title","stringProperty","_jsx","Card","Root","data-scene-id","id","_jsxs","Body","undefined","Caption","Title","Content","dl","className","map","item","index","div","dt","style","color","String","label","dd","value","content"],"mappings":";;;;AAOA;;;;;;;;;;;;;;;;;;;;AAoBC,IACM,SAASA,YAAAA,CAAa,EAAEC,OAAO,EAAEC,KAAK,EAA4B,EAAA;IACrE,MAAMC,KAAAA,GAAQC,oBAAoBH,OAAAA,EAAS,OAAA,CAAA;IAC3C,MAAMI,KAAAA,GAAQC,eAAeL,OAAAA,EAAS,OAAA,CAAA;IACtC,qBACIM,GAAA,CAACC,KAAKC,IAAI,EAAA;AAACC,QAAAA,eAAAA,EAAeT,QAAQU,EAAE;gCAChCC,IAAA,CAACJ,KAAKK,IAAI,EAAA;;gBACLR,KAAAA,KAAUS,SAAAA,kBACPP,GAAA,CAACC,IAAAA,CAAKO,OAAO,EAAA;4CACTR,GAAA,CAACC,KAAKQ,KAAK,EAAA;AAAEX,wBAAAA,QAAAA,EAAAA;;;AAGrB,8BAAAO,IAAA,CAACJ,KAAKS,OAAO,EAAA;;sCACbV,GAAA,CAACW,IAAAA,EAAAA;4BAAGC,SAAAA,EAAU,wBAAA;AACThB,4BAAAA,QAAAA,EAAAA,KAAAA,CAAMiB,GAAG,CAAC,CAACC,IAAAA,EAAMC,sBACdV,IAAA,CAACW,KAAAA,EAAAA;oCAAgBJ,SAAAA,EAAU,eAAA;;sDACvBZ,GAAA,CAACiB,IAAAA,EAAAA;4CAAGL,SAAAA,EAAU,SAAA;4CAAUM,KAAAA,EAAO;gDAAEC,KAAAA,EAAO;AAAgC,6CAAA;sDACnEC,MAAAA,CAAON,IAAAA,CAAKO,KAAK,IAAI,EAAA;;sDAE1BrB,GAAA,CAACsB,IAAAA,EAAAA;4CAAGJ,KAAAA,EAAO;gDAAEC,KAAAA,EAAO;AAA0B,6CAAA;sDAAIC,MAAAA,CAAON,IAAAA,CAAKS,KAAK,IAAI,EAAA;;;AAJjER,iCAAAA,EAAAA,KAAAA,CAAAA;;AAQbpB,wBAAAA,KAAAA,CAAM6B;;;;;;AAK3B;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PrimeReactThemeFamily.d.ts","sourceRoot":"","sources":["../../../theme/PrimeReactThemeFamily.ts"],"names":[],"mappings":"AAaA,oBAAY,qBAAqB;IAK7B,IAAI,SAAS;IAMb,IAAI,SAAS;IAKb,IAAI,SAAS;IAMb,QAAQ,aAAa;CACxB"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
// Copyright (c) Cratis. All rights reserved.
|
|
2
|
+
// Licensed under the MIT license. See LICENSE file in the project root for full license information.
|
|
3
|
+
/**
|
|
4
|
+
* The `@primeuix/themes` preset families a PrimeReact 11 theme can be built on.
|
|
5
|
+
*
|
|
6
|
+
* PrimeReact 10 had no concept like this: a theme was a folder name and a compiled stylesheet, and the
|
|
7
|
+
* family it belonged to was a naming convention rather than anything the code could act on. In v11 the
|
|
8
|
+
* family is the actual unit of design - a JavaScript preset object supplied to `PrimeReactProvider` -
|
|
9
|
+
* and a Scene theme is that preset plus an accent color. Making it an enum rather than a string means a
|
|
10
|
+
* theme cannot name a family that does not exist, and `primeReactThemePreset` gets an exhaustive
|
|
11
|
+
* `switch` the compiler checks when PrimeTek adds a fifth family.
|
|
12
|
+
*/ var PrimeReactThemeFamily = /*#__PURE__*/ function(PrimeReactThemeFamily) {
|
|
13
|
+
/**
|
|
14
|
+
* Aura - PrimeTek's flagship design language for v11, and the one their own documentation defaults
|
|
15
|
+
* to. Softer radii and a lower-contrast surface ramp than Lara.
|
|
16
|
+
*/ PrimeReactThemeFamily["Aura"] = "aura";
|
|
17
|
+
/**
|
|
18
|
+
* Lara - the family Scene shipped throughout PrimeReact 10. Carried forward so an application
|
|
19
|
+
* upgrading from v10 can keep a recognisably similar look.
|
|
20
|
+
*/ PrimeReactThemeFamily["Lara"] = "lara";
|
|
21
|
+
/**
|
|
22
|
+
* Nora - tighter spacing, squarer corners and heavier borders. The most compact of the four.
|
|
23
|
+
*/ PrimeReactThemeFamily["Nora"] = "nora";
|
|
24
|
+
/**
|
|
25
|
+
* Material - PrimeTek's reading of Material Design, and the nearest thing v11 has to the v10
|
|
26
|
+
* `md-*` and `mdc-*` themes.
|
|
27
|
+
*/ PrimeReactThemeFamily["Material"] = "material";
|
|
28
|
+
return PrimeReactThemeFamily;
|
|
29
|
+
}({});
|
|
30
|
+
|
|
31
|
+
export { PrimeReactThemeFamily };
|
|
32
|
+
//# sourceMappingURL=PrimeReactThemeFamily.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PrimeReactThemeFamily.js","sources":["../../../theme/PrimeReactThemeFamily.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/**\n * The `@primeuix/themes` preset families a PrimeReact 11 theme can be built on.\n *\n * PrimeReact 10 had no concept like this: a theme was a folder name and a compiled stylesheet, and the\n * family it belonged to was a naming convention rather than anything the code could act on. In v11 the\n * family is the actual unit of design - a JavaScript preset object supplied to `PrimeReactProvider` -\n * and a Scene theme is that preset plus an accent color. Making it an enum rather than a string means a\n * theme cannot name a family that does not exist, and `primeReactThemePreset` gets an exhaustive\n * `switch` the compiler checks when PrimeTek adds a fifth family.\n */\nexport enum PrimeReactThemeFamily {\n /**\n * Aura - PrimeTek's flagship design language for v11, and the one their own documentation defaults\n * to. Softer radii and a lower-contrast surface ramp than Lara.\n */\n Aura = 'aura',\n\n /**\n * Lara - the family Scene shipped throughout PrimeReact 10. Carried forward so an application\n * upgrading from v10 can keep a recognisably similar look.\n */\n Lara = 'lara',\n\n /**\n * Nora - tighter spacing, squarer corners and heavier borders. The most compact of the four.\n */\n Nora = 'nora',\n\n /**\n * Material - PrimeTek's reading of Material Design, and the nearest thing v11 has to the v10\n * `md-*` and `mdc-*` themes.\n */\n Material = 'material',\n}\n"],"names":["PrimeReactThemeFamily"],"mappings":"AAAA;AACA;AAEA;;;;;;;;;IAUO,IAAKA,qBAAAA,iBAAAA,SAAAA,qBAAAA,EAAAA;AACR;;;AAGC,QAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAA;AAGD;;;AAGC,QAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAA;AAGD;;AAEC,QAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAA;AAGD;;;AAGC,QAAA,qBAAA,CAAA,UAAA,CAAA,GAAA,UAAA;AArBOA,IAAAA,OAAAA,qBAAAA;AAuBX,CAAA,CAAA,EAAA;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
export * from './PrimeReactThemeFamily';
|
|
1
2
|
export * from './themePresets';
|
|
2
3
|
export * from './primeReactThemes';
|
|
3
|
-
export * from './
|
|
4
|
-
export * from './applyPrimeReactTheme';
|
|
4
|
+
export * from './primeReactThemePreset';
|
|
5
5
|
export * from './usePrimeReactTheme';
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../theme/index.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../theme/index.ts"],"names":[],"mappings":"AAGA,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC"}
|
package/dist/esm/theme/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
export * from './PrimeReactThemeFamily';
|
|
1
2
|
export * from './themePresets';
|
|
2
3
|
export * from './primeReactThemes';
|
|
3
|
-
export * from './
|
|
4
|
-
export * from './applyPrimeReactTheme';
|
|
4
|
+
export * from './primeReactThemePreset';
|
|
5
5
|
export * from './usePrimeReactTheme';
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../theme/index.ts"],"names":[],"mappings":"AAGA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../theme/index.ts"],"names":[],"mappings":"AAGA,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import Aura from '@primeuix/themes/aura';
|
|
2
|
+
import Lara from '@primeuix/themes/lara';
|
|
3
|
+
import Material from '@primeuix/themes/material';
|
|
4
|
+
import Nora from '@primeuix/themes/nora';
|
|
5
|
+
export type PrimeReactPreset = typeof Aura | typeof Lara | typeof Nora | typeof Material;
|
|
6
|
+
export declare function primeReactThemePreset(themeName: string): PrimeReactPreset | undefined;
|
|
7
|
+
//# sourceMappingURL=primeReactThemePreset.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"primeReactThemePreset.d.ts","sourceRoot":"","sources":["../../../theme/primeReactThemePreset.ts"],"names":[],"mappings":"AAIA,OAAO,IAAI,MAAM,uBAAuB,CAAC;AACzC,OAAO,IAAI,MAAM,uBAAuB,CAAC;AACzC,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,IAAI,MAAM,uBAAuB,CAAC;AAWzC,MAAM,MAAM,gBAAgB,GAAG,OAAO,IAAI,GAAG,OAAO,IAAI,GAAG,OAAO,IAAI,GAAG,OAAO,QAAQ,CAAC;AA8CzF,wBAAgB,qBAAqB,CAAC,SAAS,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS,CAkBrF"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { definePreset } from '@primeuix/themes';
|
|
2
|
+
import Aura from '@primeuix/themes/aura';
|
|
3
|
+
import Lara from '@primeuix/themes/lara';
|
|
4
|
+
import Material from '@primeuix/themes/material';
|
|
5
|
+
import Nora from '@primeuix/themes/nora';
|
|
6
|
+
import { PrimeReactThemeFamily } from './PrimeReactThemeFamily.js';
|
|
7
|
+
import { themePresets } from './themePresets.js';
|
|
8
|
+
|
|
9
|
+
// Copyright (c) Cratis. All rights reserved.
|
|
10
|
+
// Licensed under the MIT license. See LICENSE file in the project root for full license information.
|
|
11
|
+
/**
|
|
12
|
+
* The base preset object for each family.
|
|
13
|
+
*
|
|
14
|
+
* These are PrimeTek's own preset exports, untouched. The accent binding in
|
|
15
|
+
* {@link primeReactThemePreset} is applied on top with `definePreset`, which merges rather than mutates -
|
|
16
|
+
* important, because these objects are module singletons and two themes tinted differently must not
|
|
17
|
+
* fight over one shared object.
|
|
18
|
+
*/ const basePresets = {
|
|
19
|
+
[PrimeReactThemeFamily.Aura]: Aura,
|
|
20
|
+
[PrimeReactThemeFamily.Lara]: Lara,
|
|
21
|
+
[PrimeReactThemeFamily.Nora]: Nora,
|
|
22
|
+
[PrimeReactThemeFamily.Material]: Material
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* Presets are built once per theme name and reused.
|
|
26
|
+
*
|
|
27
|
+
* `definePreset` deep-merges, so calling it per render would produce a new object every time - and
|
|
28
|
+
* `PrimeReactProvider` treats a new preset identity as a theme change, which re-emits every `--p-*`
|
|
29
|
+
* custom property. Caching keeps switching themes cheap and, more importantly, keeps *not* switching
|
|
30
|
+
* free.
|
|
31
|
+
*/ const presetCache = new Map();
|
|
32
|
+
/**
|
|
33
|
+
* Resolves one of this package's themes to the `@primeuix/themes` preset that renders it.
|
|
34
|
+
*
|
|
35
|
+
* This is what replaced `primeReactThemeStylesheet` in the PrimeReact 11 port, and the change is the
|
|
36
|
+
* whole shape of theming in v11 in one function. A v10 theme was a *file*: the question was which URL to
|
|
37
|
+
* load, the answer was a string, and applying it meant swapping a `<link>`. A v11 theme is an *object*:
|
|
38
|
+
* the question is which preset to hand `PrimeReactProvider`, the answer is a value, and applying it
|
|
39
|
+
* means re-rendering a provider. Nothing is fetched, so there is no unstyled flash on switch and no way
|
|
40
|
+
* for a theme to 404.
|
|
41
|
+
*
|
|
42
|
+
* The accent is bound by overriding the preset's `primary` scale with a primitive color ramp the preset
|
|
43
|
+
* already ships - so `lara-light-teal` is genuinely Lara with Lara's own teal, not an approximation
|
|
44
|
+
* mixed here.
|
|
45
|
+
*
|
|
46
|
+
* @param themeName The theme name, as it appears in {@link themePresets}.
|
|
47
|
+
* @returns The preset, or `undefined` when this package ships no theme by that name. `undefined` rather
|
|
48
|
+
* than a default preset, because silently theming a screen as something other than what was asked for is
|
|
49
|
+
* harder to notice than nothing happening.
|
|
50
|
+
*/ function primeReactThemePreset(themeName) {
|
|
51
|
+
const cached = presetCache.get(themeName);
|
|
52
|
+
if (cached !== undefined) return cached;
|
|
53
|
+
const preset = themePresets.find((candidate)=>candidate.name === themeName);
|
|
54
|
+
if (preset === undefined) return undefined;
|
|
55
|
+
const base = basePresets[preset.family];
|
|
56
|
+
// The ramp is looked up by name, so its type has to be widened to index the primitives and then
|
|
57
|
+
// narrowed again for `definePreset`. `ColorScale` is the shape every primitive color in a preset has -
|
|
58
|
+
// the 50..950 steps - and `primaryColor` is only ever one of those names, guaranteed by the catalog.
|
|
59
|
+
const primitives = base.primitive;
|
|
60
|
+
const ramp = primitives[preset.primaryColor];
|
|
61
|
+
const built = definePreset(base, {
|
|
62
|
+
semantic: {
|
|
63
|
+
primary: ramp
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
presetCache.set(themeName, built);
|
|
67
|
+
return built;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
export { primeReactThemePreset };
|
|
71
|
+
//# sourceMappingURL=primeReactThemePreset.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"primeReactThemePreset.js","sources":["../../../theme/primeReactThemePreset.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { definePreset } from '@primeuix/themes';\nimport Aura from '@primeuix/themes/aura';\nimport Lara from '@primeuix/themes/lara';\nimport Material from '@primeuix/themes/material';\nimport Nora from '@primeuix/themes/nora';\nimport { PrimeReactThemeFamily } from './PrimeReactThemeFamily';\nimport { themePresets } from './themePresets';\n\n/**\n * A `@primeuix/themes` preset, as `PrimeReactProvider` wants it.\n *\n * `@primeuix/themes` types this as `Preset`, but the type is generic over the preset's own token shape\n * and the four families do not share one instantiation, so naming the union here rather than importing\n * `Preset` keeps the call sites free of casts.\n */\nexport type PrimeReactPreset = typeof Aura | typeof Lara | typeof Nora | typeof Material;\n\n/**\n * The base preset object for each family.\n *\n * These are PrimeTek's own preset exports, untouched. The accent binding in\n * {@link primeReactThemePreset} is applied on top with `definePreset`, which merges rather than mutates -\n * important, because these objects are module singletons and two themes tinted differently must not\n * fight over one shared object.\n */\nconst basePresets: Record<PrimeReactThemeFamily, PrimeReactPreset> = {\n [PrimeReactThemeFamily.Aura]: Aura,\n [PrimeReactThemeFamily.Lara]: Lara,\n [PrimeReactThemeFamily.Nora]: Nora,\n [PrimeReactThemeFamily.Material]: Material,\n};\n\n/**\n * Presets are built once per theme name and reused.\n *\n * `definePreset` deep-merges, so calling it per render would produce a new object every time - and\n * `PrimeReactProvider` treats a new preset identity as a theme change, which re-emits every `--p-*`\n * custom property. Caching keeps switching themes cheap and, more importantly, keeps *not* switching\n * free.\n */\nconst presetCache = new Map<string, PrimeReactPreset>();\n\n/**\n * Resolves one of this package's themes to the `@primeuix/themes` preset that renders it.\n *\n * This is what replaced `primeReactThemeStylesheet` in the PrimeReact 11 port, and the change is the\n * whole shape of theming in v11 in one function. A v10 theme was a *file*: the question was which URL to\n * load, the answer was a string, and applying it meant swapping a `<link>`. A v11 theme is an *object*:\n * the question is which preset to hand `PrimeReactProvider`, the answer is a value, and applying it\n * means re-rendering a provider. Nothing is fetched, so there is no unstyled flash on switch and no way\n * for a theme to 404.\n *\n * The accent is bound by overriding the preset's `primary` scale with a primitive color ramp the preset\n * already ships - so `lara-light-teal` is genuinely Lara with Lara's own teal, not an approximation\n * mixed here.\n *\n * @param themeName The theme name, as it appears in {@link themePresets}.\n * @returns The preset, or `undefined` when this package ships no theme by that name. `undefined` rather\n * than a default preset, because silently theming a screen as something other than what was asked for is\n * harder to notice than nothing happening.\n */\nexport function primeReactThemePreset(themeName: string): PrimeReactPreset | undefined {\n const cached = presetCache.get(themeName);\n if (cached !== undefined) return cached;\n\n const preset = themePresets.find((candidate) => candidate.name === themeName);\n if (preset === undefined) return undefined;\n\n const base = basePresets[preset.family];\n\n // The ramp is looked up by name, so its type has to be widened to index the primitives and then\n // narrowed again for `definePreset`. `ColorScale` is the shape every primitive color in a preset has -\n // the 50..950 steps - and `primaryColor` is only ever one of those names, guaranteed by the catalog.\n const primitives = base.primitive as unknown as Record<string, Record<string, string>>;\n const ramp = primitives[preset.primaryColor];\n const built = definePreset(base, { semantic: { primary: ramp } }) as PrimeReactPreset;\n\n presetCache.set(themeName, built);\n return built;\n}\n"],"names":["basePresets","PrimeReactThemeFamily","Aura","Lara","Nora","Material","presetCache","Map","primeReactThemePreset","themeName","cached","get","undefined","preset","themePresets","find","candidate","name","base","family","primitives","primitive","ramp","primaryColor","built","definePreset","semantic","primary","set"],"mappings":";;;;;;;;AAAA;AACA;AAmBA;;;;;;;AAOC,IACD,MAAMA,WAAAA,GAA+D;IACjE,CAACC,qBAAAA,CAAsBC,IAAI,GAAGA,IAAAA;IAC9B,CAACD,qBAAAA,CAAsBE,IAAI,GAAGA,IAAAA;IAC9B,CAACF,qBAAAA,CAAsBG,IAAI,GAAGA,IAAAA;IAC9B,CAACH,qBAAAA,CAAsBI,QAAQ,GAAGA;AACtC,CAAA;AAEA;;;;;;;IAQA,MAAMC,cAAc,IAAIC,GAAAA,EAAAA;AAExB;;;;;;;;;;;;;;;;;;IAmBO,SAASC,qBAAAA,CAAsBC,SAAiB,EAAA;IACnD,MAAMC,MAAAA,GAASJ,WAAAA,CAAYK,GAAG,CAACF,SAAAA,CAAAA;IAC/B,IAAIC,MAAAA,KAAWE,WAAW,OAAOF,MAAAA;IAEjC,MAAMG,MAAAA,GAASC,aAAaC,IAAI,CAAC,CAACC,SAAAA,GAAcA,SAAAA,CAAUC,IAAI,KAAKR,SAAAA,CAAAA;IACnE,IAAII,MAAAA,KAAWD,WAAW,OAAOA,SAAAA;AAEjC,IAAA,MAAMM,IAAAA,GAAOlB,WAAW,CAACa,MAAAA,CAAOM,MAAM,CAAC;;;;IAKvC,MAAMC,UAAAA,GAAaF,KAAKG,SAAS;AACjC,IAAA,MAAMC,IAAAA,GAAOF,UAAU,CAACP,MAAAA,CAAOU,YAAY,CAAC;IAC5C,MAAMC,KAAAA,GAAQC,aAAaP,IAAAA,EAAM;QAAEQ,QAAAA,EAAU;YAAEC,OAAAA,EAASL;AAAK;AAAE,KAAA,CAAA;IAE/DhB,WAAAA,CAAYsB,GAAG,CAACnB,SAAAA,EAAWe,KAAAA,CAAAA;IAC3B,OAAOA,KAAAA;AACX;;;;"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Theme } from '@cratis/scene.model';
|
|
2
2
|
export declare const primeReactThemeCompatibility: string[];
|
|
3
|
+
export declare const primeReactThemeLicense = "PrimeUI Commercial";
|
|
3
4
|
export declare const primeReactThemes: Theme[];
|
|
4
5
|
export declare const primeReactThemeNames: string[];
|
|
5
6
|
export declare function primeReactTheme(name: string): Theme | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"primeReactThemes.d.ts","sourceRoot":"","sources":["../../../theme/primeReactThemes.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"primeReactThemes.d.ts","sourceRoot":"","sources":["../../../theme/primeReactThemes.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAqB5C,eAAO,MAAM,4BAA4B,EAAE,MAAM,EAAuC,CAAC;AAmBzF,eAAO,MAAM,sBAAsB,uBAAuB,CAAC;AAc3D,eAAO,MAAM,gBAAgB,EAAE,KAAK,EAMjC,CAAC;AAMJ,eAAO,MAAM,oBAAoB,EAAE,MAAM,EAAgD,CAAC;AAQ1F,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAE/D"}
|
|
@@ -5,15 +5,16 @@ import { themePresets } from './themePresets.js';
|
|
|
5
5
|
/**
|
|
6
6
|
* The packages a PrimeReact theme declares itself compatible with.
|
|
7
7
|
*
|
|
8
|
-
* `PrimeReact` and `Tailwind` are obvious - the
|
|
9
|
-
*
|
|
8
|
+
* `PrimeReact` and `Tailwind` are obvious - the preset skins PrimeReact's components, and this package's
|
|
9
|
+
* own wrappers lay themselves out with Tailwind utilities.
|
|
10
10
|
*
|
|
11
11
|
* `core` is the interesting one, and it is listed deliberately rather than by reflex. A theme reaches a
|
|
12
|
-
* screen in two layers:
|
|
13
|
-
*
|
|
14
|
-
*
|
|
15
|
-
*
|
|
16
|
-
*
|
|
12
|
+
* screen in two layers: the `--p-*` custom properties `@primeuix/styled` emits for the active preset,
|
|
13
|
+
* which only PrimeReact's own components read, and a set of semantic Scene tokens that
|
|
14
|
+
* `SceneThemeProvider` writes onto the wrapping element. The second layer applies to *everything*
|
|
15
|
+
* underneath it, `core`'s unstyled primitives included - they inherit the theme's type color and can read
|
|
16
|
+
* any token they choose to. So the claim being made is precise: these themes genuinely reach `core`'s
|
|
17
|
+
* components, through tokens rather than through the component skin.
|
|
17
18
|
*
|
|
18
19
|
* This has to be said explicitly because `ThemeCompatibility` has no implicit exemption for `core`. A
|
|
19
20
|
* theme that leaves it out is reported incompatible for every profile that lists `core`, which for a
|
|
@@ -24,23 +25,39 @@ import { themePresets } from './themePresets.js';
|
|
|
24
25
|
'core'
|
|
25
26
|
];
|
|
26
27
|
/**
|
|
27
|
-
*
|
|
28
|
+
* The license every theme in this catalog is published under.
|
|
28
29
|
*
|
|
29
|
-
*
|
|
30
|
-
*
|
|
31
|
-
*
|
|
32
|
-
*
|
|
33
|
-
*
|
|
30
|
+
* This is **not** MIT, and the difference matters enough to be a named constant rather than a string
|
|
31
|
+
* repeated twenty-four times. PrimeReact 10 - presets included - was MIT. PrimeReact 11 relicensed the
|
|
32
|
+
* entire stack (`primereact`, `@primereact/core`, `@primereact/headless`, `primeicons`,
|
|
33
|
+
* `@primeuix/themes`, `@primeuix/styled`) under the commercial PrimeUI license, which requires a license
|
|
34
|
+
* key: without one, `PrimeReactProvider` warns on the console and injects an "Invalid PrimeUI License"
|
|
35
|
+
* banner, in development and production alike.
|
|
34
36
|
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
*
|
|
37
|
+
* `Theme`'s `license` field exists so a theme picker, an audit, or a person reading the catalog can see
|
|
38
|
+
* what they are actually taking on. Reporting these as MIT because the *previous* major was MIT is the
|
|
39
|
+
* exact mistake the field is there to prevent.
|
|
40
|
+
*
|
|
41
|
+
* @see https://primeui.dev/licenses/community for the free community tier and its eligibility limits.
|
|
42
|
+
* @see https://primeui.dev/licenses/commercial for the paid tier.
|
|
43
|
+
*/ const primeReactThemeLicense = 'PrimeUI Commercial';
|
|
44
|
+
/**
|
|
45
|
+
* Every theme this package ships, as Scene {@link Theme}s.
|
|
46
|
+
*
|
|
47
|
+
* None of these themes are ours. They are PrimeTek's `@primeuix/themes` presets - Aura, Lara, Nora and
|
|
48
|
+
* Material - with one of the preset's own primitive color ramps bound to its primary scale. Choosing
|
|
49
|
+
* which accent to bind is the only design decision Scene makes here, and it is not enough to claim
|
|
50
|
+
* authorship over: the surface ramps, the radii, the focus rings, the component styling and the design
|
|
51
|
+
* language are all PrimeTek's work.
|
|
52
|
+
*
|
|
53
|
+
* That is what `Theme`'s `author`, `authorUrl` and `license` fields exist to record, and why the credit
|
|
54
|
+
* is applied here, once, to every preset, rather than written out per theme where it could be forgotten.
|
|
38
55
|
*/ const primeReactThemes = themePresets.map((preset)=>({
|
|
39
56
|
...preset,
|
|
40
57
|
compatibleWith: primeReactThemeCompatibility,
|
|
41
58
|
author: 'PrimeTek',
|
|
42
59
|
authorUrl: 'https://primereact.org',
|
|
43
|
-
license:
|
|
60
|
+
license: primeReactThemeLicense
|
|
44
61
|
}));
|
|
45
62
|
/**
|
|
46
63
|
* The names of every theme this package ships, in catalog order - what the manifest declares and what a
|
|
@@ -49,11 +66,11 @@ import { themePresets } from './themePresets.js';
|
|
|
49
66
|
/**
|
|
50
67
|
* Finds one of this package's themes by name.
|
|
51
68
|
*
|
|
52
|
-
* @param name The theme name
|
|
69
|
+
* @param name The theme name.
|
|
53
70
|
* @returns The theme, or `undefined` when this package does not ship one by that name.
|
|
54
71
|
*/ function primeReactTheme(name) {
|
|
55
72
|
return primeReactThemes.find((theme)=>theme.name === name);
|
|
56
73
|
}
|
|
57
74
|
|
|
58
|
-
export { primeReactTheme, primeReactThemeCompatibility, primeReactThemeNames, primeReactThemes };
|
|
75
|
+
export { primeReactTheme, primeReactThemeCompatibility, primeReactThemeLicense, primeReactThemeNames, primeReactThemes };
|
|
59
76
|
//# sourceMappingURL=primeReactThemes.js.map
|