endfield-vision 0.0.0-stage → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +205 -2
- package/README.ru.md +206 -0
- package/dist/components/Accordion.d.ts +49 -0
- package/dist/components/Accordion.d.ts.map +1 -0
- package/dist/components/Accordion.js +63 -0
- package/dist/components/Accordion.js.map +1 -0
- package/dist/components/AnimatedNumber.d.ts +25 -0
- package/dist/components/AnimatedNumber.d.ts.map +1 -0
- package/dist/components/AnimatedNumber.js +33 -0
- package/dist/components/AnimatedNumber.js.map +1 -0
- package/dist/components/AppShell.d.ts +54 -0
- package/dist/components/AppShell.d.ts.map +1 -0
- package/dist/components/AppShell.js +75 -0
- package/dist/components/AppShell.js.map +1 -0
- package/dist/components/AvatarGroup.d.ts +21 -0
- package/dist/components/AvatarGroup.d.ts.map +1 -0
- package/dist/components/AvatarGroup.js +15 -0
- package/dist/components/AvatarGroup.js.map +1 -0
- package/dist/components/BadgeStack.d.ts +26 -0
- package/dist/components/BadgeStack.d.ts.map +1 -0
- package/dist/components/BadgeStack.js +24 -0
- package/dist/components/BadgeStack.js.map +1 -0
- package/dist/components/Banner.d.ts +29 -0
- package/dist/components/Banner.d.ts.map +1 -0
- package/dist/components/Banner.js +68 -0
- package/dist/components/Banner.js.map +1 -0
- package/dist/components/Button.d.ts +44 -0
- package/dist/components/Button.d.ts.map +1 -0
- package/dist/components/Button.js +27 -0
- package/dist/components/Button.js.map +1 -0
- package/dist/components/Calendar.d.ts +18 -0
- package/dist/components/Calendar.d.ts.map +1 -0
- package/dist/components/Calendar.js +124 -0
- package/dist/components/Calendar.js.map +1 -0
- package/dist/components/Chat.d.ts +160 -0
- package/dist/components/Chat.d.ts.map +1 -0
- package/dist/components/Chat.js +343 -0
- package/dist/components/Chat.js.map +1 -0
- package/dist/components/Chip.d.ts +35 -0
- package/dist/components/Chip.d.ts.map +1 -0
- package/dist/components/Chip.js +31 -0
- package/dist/components/Chip.js.map +1 -0
- package/dist/components/Choice.d.ts +72 -0
- package/dist/components/Choice.d.ts.map +1 -0
- package/dist/components/Choice.js +93 -0
- package/dist/components/Choice.js.map +1 -0
- package/dist/components/CodeBlock.d.ts +38 -0
- package/dist/components/CodeBlock.d.ts.map +1 -0
- package/dist/components/CodeBlock.js +177 -0
- package/dist/components/CodeBlock.js.map +1 -0
- package/dist/components/ColorField.d.ts +25 -0
- package/dist/components/ColorField.d.ts.map +1 -0
- package/dist/components/ColorField.js +119 -0
- package/dist/components/ColorField.js.map +1 -0
- package/dist/components/CommandPalette.d.ts +71 -0
- package/dist/components/CommandPalette.d.ts.map +1 -0
- package/dist/components/CommandPalette.js +168 -0
- package/dist/components/CommandPalette.js.map +1 -0
- package/dist/components/CompletenessBadge.d.ts +38 -0
- package/dist/components/CompletenessBadge.d.ts.map +1 -0
- package/dist/components/CompletenessBadge.js +57 -0
- package/dist/components/CompletenessBadge.js.map +1 -0
- package/dist/components/ConnectionStatus.d.ts +16 -0
- package/dist/components/ConnectionStatus.d.ts.map +1 -0
- package/dist/components/ConnectionStatus.js +16 -0
- package/dist/components/ConnectionStatus.js.map +1 -0
- package/dist/components/ContextMenu.d.ts +121 -0
- package/dist/components/ContextMenu.d.ts.map +1 -0
- package/dist/components/ContextMenu.js +319 -0
- package/dist/components/ContextMenu.js.map +1 -0
- package/dist/components/DataTable.d.ts +109 -0
- package/dist/components/DataTable.d.ts.map +1 -0
- package/dist/components/DataTable.js +155 -0
- package/dist/components/DataTable.js.map +1 -0
- package/dist/components/DateField.d.ts +42 -0
- package/dist/components/DateField.d.ts.map +1 -0
- package/dist/components/DateField.js +129 -0
- package/dist/components/DateField.js.map +1 -0
- package/dist/components/Display.d.ts +172 -0
- package/dist/components/Display.d.ts.map +1 -0
- package/dist/components/Display.js +133 -0
- package/dist/components/Display.js.map +1 -0
- package/dist/components/EditablePanel.d.ts +33 -0
- package/dist/components/EditablePanel.d.ts.map +1 -0
- package/dist/components/EditablePanel.js +99 -0
- package/dist/components/EditablePanel.js.map +1 -0
- package/dist/components/ExpandableText.d.ts +20 -0
- package/dist/components/ExpandableText.d.ts.map +1 -0
- package/dist/components/ExpandableText.js +39 -0
- package/dist/components/ExpandableText.js.map +1 -0
- package/dist/components/Field.d.ts +62 -0
- package/dist/components/Field.d.ts.map +1 -0
- package/dist/components/Field.js +61 -0
- package/dist/components/Field.js.map +1 -0
- package/dist/components/Highlight.d.ts +24 -0
- package/dist/components/Highlight.d.ts.map +1 -0
- package/dist/components/Highlight.js +85 -0
- package/dist/components/Highlight.js.map +1 -0
- package/dist/components/InlineEdit.d.ts +32 -0
- package/dist/components/InlineEdit.d.ts.map +1 -0
- package/dist/components/InlineEdit.js +129 -0
- package/dist/components/InlineEdit.js.map +1 -0
- package/dist/components/Input.d.ts +62 -0
- package/dist/components/Input.d.ts.map +1 -0
- package/dist/components/Input.js +143 -0
- package/dist/components/Input.js.map +1 -0
- package/dist/components/KanbanBoard.d.ts +82 -0
- package/dist/components/KanbanBoard.d.ts.map +1 -0
- package/dist/components/KanbanBoard.js +266 -0
- package/dist/components/KanbanBoard.js.map +1 -0
- package/dist/components/Lightbox.d.ts +27 -0
- package/dist/components/Lightbox.d.ts.map +1 -0
- package/dist/components/Lightbox.js +69 -0
- package/dist/components/Lightbox.js.map +1 -0
- package/dist/components/MaskedInput.d.ts +90 -0
- package/dist/components/MaskedInput.d.ts.map +1 -0
- package/dist/components/MaskedInput.js +167 -0
- package/dist/components/MaskedInput.js.map +1 -0
- package/dist/components/Menu.d.ts +20 -0
- package/dist/components/Menu.d.ts.map +1 -0
- package/dist/components/Menu.js +70 -0
- package/dist/components/Menu.js.map +1 -0
- package/dist/components/MenuCore.d.ts +151 -0
- package/dist/components/MenuCore.d.ts.map +1 -0
- package/dist/components/MenuCore.js +228 -0
- package/dist/components/MenuCore.js.map +1 -0
- package/dist/components/Modal.d.ts +115 -0
- package/dist/components/Modal.d.ts.map +1 -0
- package/dist/components/Modal.js +217 -0
- package/dist/components/Modal.js.map +1 -0
- package/dist/components/NotificationCenter.d.ts +65 -0
- package/dist/components/NotificationCenter.d.ts.map +1 -0
- package/dist/components/NotificationCenter.js +108 -0
- package/dist/components/NotificationCenter.js.map +1 -0
- package/dist/components/OtpInput.d.ts +48 -0
- package/dist/components/OtpInput.d.ts.map +1 -0
- package/dist/components/OtpInput.js +140 -0
- package/dist/components/OtpInput.js.map +1 -0
- package/dist/components/Page.d.ts +56 -0
- package/dist/components/Page.d.ts.map +1 -0
- package/dist/components/Page.js +34 -0
- package/dist/components/Page.js.map +1 -0
- package/dist/components/PermissionMatrix.d.ts +52 -0
- package/dist/components/PermissionMatrix.d.ts.map +1 -0
- package/dist/components/PermissionMatrix.js +145 -0
- package/dist/components/PermissionMatrix.js.map +1 -0
- package/dist/components/Popover.d.ts +25 -0
- package/dist/components/Popover.d.ts.map +1 -0
- package/dist/components/Popover.js +62 -0
- package/dist/components/Popover.js.map +1 -0
- package/dist/components/RecordHeader.d.ts +52 -0
- package/dist/components/RecordHeader.d.ts.map +1 -0
- package/dist/components/RecordHeader.js +13 -0
- package/dist/components/RecordHeader.js.map +1 -0
- package/dist/components/RecordLayout.d.ts +16 -0
- package/dist/components/RecordLayout.d.ts.map +1 -0
- package/dist/components/RecordLayout.js +10 -0
- package/dist/components/RecordLayout.js.map +1 -0
- package/dist/components/RelativeTime.d.ts +28 -0
- package/dist/components/RelativeTime.d.ts.map +1 -0
- package/dist/components/RelativeTime.js +51 -0
- package/dist/components/RelativeTime.js.map +1 -0
- package/dist/components/RingProgress.d.ts +54 -0
- package/dist/components/RingProgress.d.ts.map +1 -0
- package/dist/components/RingProgress.js +84 -0
- package/dist/components/RingProgress.js.map +1 -0
- package/dist/components/ScreenOverlay.d.ts +67 -0
- package/dist/components/ScreenOverlay.d.ts.map +1 -0
- package/dist/components/ScreenOverlay.js +75 -0
- package/dist/components/ScreenOverlay.js.map +1 -0
- package/dist/components/Select.d.ts +57 -0
- package/dist/components/Select.d.ts.map +1 -0
- package/dist/components/Select.js +231 -0
- package/dist/components/Select.js.map +1 -0
- package/dist/components/SettingsList.d.ts +83 -0
- package/dist/components/SettingsList.d.ts.map +1 -0
- package/dist/components/SettingsList.js +79 -0
- package/dist/components/SettingsList.js.map +1 -0
- package/dist/components/SlaTimer.d.ts +60 -0
- package/dist/components/SlaTimer.d.ts.map +1 -0
- package/dist/components/SlaTimer.js +122 -0
- package/dist/components/SlaTimer.js.map +1 -0
- package/dist/components/Slider.d.ts +62 -0
- package/dist/components/Slider.d.ts.map +1 -0
- package/dist/components/Slider.js +215 -0
- package/dist/components/Slider.js.map +1 -0
- package/dist/components/Spinner.d.ts +13 -0
- package/dist/components/Spinner.d.ts.map +1 -0
- package/dist/components/Spinner.js +15 -0
- package/dist/components/Spinner.js.map +1 -0
- package/dist/components/StatusBar.d.ts +57 -0
- package/dist/components/StatusBar.d.ts.map +1 -0
- package/dist/components/StatusBar.js +54 -0
- package/dist/components/StatusBar.js.map +1 -0
- package/dist/components/Steps.d.ts +34 -0
- package/dist/components/Steps.d.ts.map +1 -0
- package/dist/components/Steps.js +63 -0
- package/dist/components/Steps.js.map +1 -0
- package/dist/components/Tabs.d.ts +46 -0
- package/dist/components/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs.js +80 -0
- package/dist/components/Tabs.js.map +1 -0
- package/dist/components/TagInput.d.ts +72 -0
- package/dist/components/TagInput.d.ts.map +1 -0
- package/dist/components/TagInput.js +262 -0
- package/dist/components/TagInput.js.map +1 -0
- package/dist/components/Timeline.d.ts +27 -0
- package/dist/components/Timeline.d.ts.map +1 -0
- package/dist/components/Timeline.js +19 -0
- package/dist/components/Timeline.js.map +1 -0
- package/dist/components/Toast.d.ts +60 -0
- package/dist/components/Toast.d.ts.map +1 -0
- package/dist/components/Toast.js +118 -0
- package/dist/components/Toast.js.map +1 -0
- package/dist/components/Tooltip.d.ts +11 -0
- package/dist/components/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip.js +140 -0
- package/dist/components/Tooltip.js.map +1 -0
- package/dist/components/TreeView.d.ts +80 -0
- package/dist/components/TreeView.d.ts.map +1 -0
- package/dist/components/TreeView.js +304 -0
- package/dist/components/TreeView.js.map +1 -0
- package/dist/components/UptimeBar.d.ts +32 -0
- package/dist/components/UptimeBar.d.ts.map +1 -0
- package/dist/components/UptimeBar.js +86 -0
- package/dist/components/UptimeBar.js.map +1 -0
- package/dist/components/Utility.d.ts +60 -0
- package/dist/components/Utility.d.ts.map +1 -0
- package/dist/components/Utility.js +127 -0
- package/dist/components/Utility.js.map +1 -0
- package/dist/components/WorkspaceSwitcher.d.ts +43 -0
- package/dist/components/WorkspaceSwitcher.d.ts.map +1 -0
- package/dist/components/WorkspaceSwitcher.js +168 -0
- package/dist/components/WorkspaceSwitcher.js.map +1 -0
- package/dist/components/charts/Charts.d.ts +99 -0
- package/dist/components/charts/Charts.d.ts.map +1 -0
- package/dist/components/charts/Charts.js +346 -0
- package/dist/components/charts/Charts.js.map +1 -0
- package/dist/components/charts/DonutChart.d.ts +70 -0
- package/dist/components/charts/DonutChart.d.ts.map +1 -0
- package/dist/components/charts/DonutChart.js +216 -0
- package/dist/components/charts/DonutChart.js.map +1 -0
- package/dist/components/charts/Gauge.d.ts +50 -0
- package/dist/components/charts/Gauge.d.ts.map +1 -0
- package/dist/components/charts/Gauge.js +72 -0
- package/dist/components/charts/Gauge.js.map +1 -0
- package/dist/components/charts/Heatmap.d.ts +98 -0
- package/dist/components/charts/Heatmap.d.ts.map +1 -0
- package/dist/components/charts/Heatmap.js +287 -0
- package/dist/components/charts/Heatmap.js.map +1 -0
- package/dist/index.d.ts +76 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +90 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/color.d.ts +20 -0
- package/dist/lib/color.d.ts.map +1 -0
- package/dist/lib/color.js +52 -0
- package/dist/lib/color.js.map +1 -0
- package/dist/lib/cx.d.ts +7 -0
- package/dist/lib/cx.d.ts.map +1 -0
- package/dist/lib/cx.js +17 -0
- package/dist/lib/cx.js.map +1 -0
- package/dist/lib/dates.d.ts +69 -0
- package/dist/lib/dates.d.ts.map +1 -0
- package/dist/lib/dates.js +185 -0
- package/dist/lib/dates.js.map +1 -0
- package/dist/lib/files.d.ts +6 -0
- package/dist/lib/files.d.ts.map +1 -0
- package/dist/lib/files.js +32 -0
- package/dist/lib/files.js.map +1 -0
- package/dist/lib/hooks.d.ts +27 -0
- package/dist/lib/hooks.d.ts.map +1 -0
- package/dist/lib/hooks.js +126 -0
- package/dist/lib/hooks.js.map +1 -0
- package/dist/lib/i18n-messages.d.ts +356 -0
- package/dist/lib/i18n-messages.d.ts.map +1 -0
- package/dist/lib/i18n-messages.js +729 -0
- package/dist/lib/i18n-messages.js.map +1 -0
- package/dist/lib/i18n.d.ts +15 -0
- package/dist/lib/i18n.d.ts.map +1 -0
- package/dist/lib/i18n.js +27 -0
- package/dist/lib/i18n.js.map +1 -0
- package/dist/lib/link.d.ts +26 -0
- package/dist/lib/link.d.ts.map +1 -0
- package/dist/lib/link.js +19 -0
- package/dist/lib/link.js.map +1 -0
- package/dist/lib/masks.d.ts +112 -0
- package/dist/lib/masks.d.ts.map +1 -0
- package/dist/lib/masks.js +292 -0
- package/dist/lib/masks.js.map +1 -0
- package/dist/lib/motion-values.d.ts +14 -0
- package/dist/lib/motion-values.d.ts.map +1 -0
- package/dist/lib/motion-values.js +36 -0
- package/dist/lib/motion-values.js.map +1 -0
- package/dist/lib/motion.d.ts +66 -0
- package/dist/lib/motion.d.ts.map +1 -0
- package/dist/lib/motion.js +169 -0
- package/dist/lib/motion.js.map +1 -0
- package/dist/lib/overlay.d.ts +58 -0
- package/dist/lib/overlay.d.ts.map +1 -0
- package/dist/lib/overlay.js +217 -0
- package/dist/lib/overlay.js.map +1 -0
- package/dist/lib/relative-time.d.ts +15 -0
- package/dist/lib/relative-time.d.ts.map +1 -0
- package/dist/lib/relative-time.js +49 -0
- package/dist/lib/relative-time.js.map +1 -0
- package/dist/lib/theme-script.d.ts +30 -0
- package/dist/lib/theme-script.d.ts.map +1 -0
- package/dist/lib/theme-script.js +17 -0
- package/dist/lib/theme-script.js.map +1 -0
- package/dist/lib/theme.d.ts +29 -0
- package/dist/lib/theme.d.ts.map +1 -0
- package/dist/lib/theme.js +92 -0
- package/dist/lib/theme.js.map +1 -0
- package/dist/lib/url-filters.d.ts +58 -0
- package/dist/lib/url-filters.d.ts.map +1 -0
- package/dist/lib/url-filters.js +194 -0
- package/dist/lib/url-filters.js.map +1 -0
- package/dist/styles/accents.css +232 -0
- package/dist/styles/base.css +243 -0
- package/dist/styles/components/button.css +201 -0
- package/dist/styles/components/chart-extras.css +459 -0
- package/dist/styles/components/chart.css +273 -0
- package/dist/styles/components/communication.css +850 -0
- package/dist/styles/components/content.css +311 -0
- package/dist/styles/components/data.css +437 -0
- package/dist/styles/components/display.css +1491 -0
- package/dist/styles/components/form.css +688 -0
- package/dist/styles/components/input-extras.css +563 -0
- package/dist/styles/components/navigation.css +791 -0
- package/dist/styles/components/overlay.css +503 -0
- package/dist/styles/components/records.css +511 -0
- package/dist/styles/components/select.css +567 -0
- package/dist/styles/components/shell-extras.css +374 -0
- package/dist/styles/components/workflow.css +723 -0
- package/dist/styles/index.css +27 -0
- package/dist/styles/shell.css +404 -0
- package/dist/styles/slim.css +93 -0
- package/dist/styles/tokens.css +429 -0
- package/package.json +68 -4
- package/src/components/Accordion.tsx +189 -0
- package/src/components/AnimatedNumber.tsx +74 -0
- package/src/components/AppShell.tsx +193 -0
- package/src/components/AvatarGroup.tsx +88 -0
- package/src/components/BadgeStack.tsx +75 -0
- package/src/components/Banner.tsx +123 -0
- package/src/components/Button.tsx +144 -0
- package/src/components/Calendar.tsx +263 -0
- package/src/components/Chat.tsx +791 -0
- package/src/components/Chip.tsx +127 -0
- package/src/components/Choice.tsx +299 -0
- package/src/components/CodeBlock.tsx +303 -0
- package/src/components/ColorField.tsx +243 -0
- package/src/components/CommandPalette.tsx +337 -0
- package/src/components/CompletenessBadge.tsx +194 -0
- package/src/components/ConnectionStatus.tsx +85 -0
- package/src/components/ContextMenu.tsx +525 -0
- package/src/components/DataTable.tsx +510 -0
- package/src/components/DateField.tsx +349 -0
- package/src/components/Display.tsx +503 -0
- package/src/components/EditablePanel.tsx +222 -0
- package/src/components/ExpandableText.tsx +72 -0
- package/src/components/Field.tsx +168 -0
- package/src/components/Highlight.tsx +116 -0
- package/src/components/InlineEdit.tsx +278 -0
- package/src/components/Input.tsx +379 -0
- package/src/components/KanbanBoard.tsx +473 -0
- package/src/components/Lightbox.tsx +193 -0
- package/src/components/MaskedInput.tsx +393 -0
- package/src/components/Menu.tsx +107 -0
- package/src/components/MenuCore.tsx +372 -0
- package/src/components/Modal.tsx +526 -0
- package/src/components/NotificationCenter.tsx +391 -0
- package/src/components/OtpInput.tsx +240 -0
- package/src/components/Page.tsx +154 -0
- package/src/components/PermissionMatrix.tsx +329 -0
- package/src/components/Popover.tsx +126 -0
- package/src/components/RecordHeader.tsx +140 -0
- package/src/components/RecordLayout.tsx +55 -0
- package/src/components/RelativeTime.tsx +86 -0
- package/src/components/RingProgress.tsx +244 -0
- package/src/components/ScreenOverlay.tsx +308 -0
- package/src/components/Select.tsx +612 -0
- package/src/components/SettingsList.tsx +228 -0
- package/src/components/SlaTimer.tsx +206 -0
- package/src/components/Slider.tsx +377 -0
- package/src/components/Spinner.tsx +35 -0
- package/src/components/StatusBar.tsx +161 -0
- package/src/components/Steps.tsx +164 -0
- package/src/components/Tabs.tsx +163 -0
- package/src/components/TagInput.tsx +446 -0
- package/src/components/Timeline.tsx +90 -0
- package/src/components/Toast.tsx +259 -0
- package/src/components/Tooltip.tsx +202 -0
- package/src/components/TreeView.tsx +477 -0
- package/src/components/UptimeBar.tsx +187 -0
- package/src/components/Utility.tsx +281 -0
- package/src/components/WorkspaceSwitcher.tsx +381 -0
- package/src/components/charts/Charts.tsx +710 -0
- package/src/components/charts/DonutChart.tsx +396 -0
- package/src/components/charts/Gauge.tsx +198 -0
- package/src/components/charts/Heatmap.tsx +574 -0
- package/src/index.ts +385 -0
- package/src/lib/color.ts +59 -0
- package/src/lib/cx.ts +17 -0
- package/src/lib/dates.ts +236 -0
- package/src/lib/files.ts +30 -0
- package/src/lib/hooks.ts +154 -0
- package/src/lib/i18n-messages.ts +1077 -0
- package/src/lib/i18n.tsx +39 -0
- package/src/lib/link.tsx +32 -0
- package/src/lib/masks.ts +345 -0
- package/src/lib/motion-values.tsx +40 -0
- package/src/lib/motion.tsx +230 -0
- package/src/lib/overlay.tsx +251 -0
- package/src/lib/relative-time.ts +53 -0
- package/src/lib/theme-script.tsx +54 -0
- package/src/lib/theme.ts +118 -0
- package/src/lib/url-filters.ts +250 -0
- package/src/styles/accents.css +232 -0
- package/src/styles/base.css +243 -0
- package/src/styles/components/button.css +201 -0
- package/src/styles/components/chart-extras.css +459 -0
- package/src/styles/components/chart.css +273 -0
- package/src/styles/components/communication.css +850 -0
- package/src/styles/components/content.css +311 -0
- package/src/styles/components/data.css +437 -0
- package/src/styles/components/display.css +1491 -0
- package/src/styles/components/form.css +688 -0
- package/src/styles/components/input-extras.css +563 -0
- package/src/styles/components/navigation.css +791 -0
- package/src/styles/components/overlay.css +503 -0
- package/src/styles/components/records.css +511 -0
- package/src/styles/components/select.css +567 -0
- package/src/styles/components/shell-extras.css +374 -0
- package/src/styles/components/workflow.css +723 -0
- package/src/styles/index.css +27 -0
- package/src/styles/shell.css +404 -0
- package/src/styles/slim.css +93 -0
- package/src/styles/tokens.css +429 -0
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useRef } from 'react';
|
|
4
|
+
import { cx } from '../lib/cx.js';
|
|
5
|
+
import { useMessages } from '../lib/i18n.js';
|
|
6
|
+
import { formatNumericText, parseNumericText, useCountUp, useEntranceMotion } from '../lib/motion.js';
|
|
7
|
+
export function AnimatedNumber({ value, format, decimals = 0, animate, duration, className }) {
|
|
8
|
+
const { intl } = useMessages();
|
|
9
|
+
const ref = useRef(null);
|
|
10
|
+
const motion = useEntranceMotion(ref, animate, { duration });
|
|
11
|
+
const current = useCountUp(value, motion.phase, motion.duration);
|
|
12
|
+
const fmt = format ?? ((v) => v.toLocaleString(intl, { minimumFractionDigits: decimals, maximumFractionDigits: decimals }));
|
|
13
|
+
// Промежуточные значения округляются до точности итогового, иначе «12 845 000,37 ₽».
|
|
14
|
+
const rounded = format ? current : Number(current.toFixed(decimals));
|
|
15
|
+
return (_jsx("span", { ref: ref, className: cx('ev-animated-number ev-num', className), children: motion.phase === 'static' ? (fmt(value)) : (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", children: fmt(rounded) }), _jsx("span", { className: "ev-visually-hidden", children: fmt(value) })] })) }));
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Число внутри готовой строки («12 845 000 ₽», «96,4%»): набирается с
|
|
19
|
+
* сохранением формата, префикса и суффикса. Строка без числа или узел -
|
|
20
|
+
* выводится как есть.
|
|
21
|
+
*/
|
|
22
|
+
export function AnimatedText({ children, animate, duration }) {
|
|
23
|
+
const { intl } = useMessages();
|
|
24
|
+
const text = typeof children === 'number' ? children.toLocaleString(intl) : typeof children === 'string' ? children : null;
|
|
25
|
+
const parsed = text === null ? null : parseNumericText(text, intl);
|
|
26
|
+
const ref = useRef(null);
|
|
27
|
+
const motion = useEntranceMotion(ref, parsed ? animate : false, { duration });
|
|
28
|
+
const current = useCountUp(parsed?.value ?? 0, motion.phase, motion.duration);
|
|
29
|
+
if (!parsed || text === null)
|
|
30
|
+
return _jsx(_Fragment, { children: children });
|
|
31
|
+
return (_jsx("span", { ref: ref, className: "ev-animated-number", children: motion.phase === 'static' ? (text) : (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", children: formatNumericText(parsed, current, intl) }), _jsx("span", { className: "ev-visually-hidden", children: text })] })) }));
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=AnimatedNumber.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnimatedNumber.js","sourceRoot":"","sources":["../../src/components/AnimatedNumber.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
interface ShellContextValue {
|
|
3
|
+
/** Узкий экран: меню - выезжающая панель. */
|
|
4
|
+
mobile: boolean;
|
|
5
|
+
navOpen: boolean;
|
|
6
|
+
setNavOpen: (open: boolean) => void;
|
|
7
|
+
collapsed: boolean;
|
|
8
|
+
setCollapsed: (collapsed: boolean) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare function useAppShell(): ShellContextValue;
|
|
11
|
+
export interface AppShellProps {
|
|
12
|
+
sidebar: ReactNode;
|
|
13
|
+
topbar: ReactNode;
|
|
14
|
+
children: ReactNode;
|
|
15
|
+
/** Свёрнутое меню (управляемое); иначе состояние внутри. */
|
|
16
|
+
collapsed?: boolean;
|
|
17
|
+
onCollapsedChange?: (collapsed: boolean) => void;
|
|
18
|
+
/** Строка состояния (StatusBar) внизу колонки содержимого; прилипает к низу окна. */
|
|
19
|
+
statusBar?: ReactNode;
|
|
20
|
+
className?: string;
|
|
21
|
+
}
|
|
22
|
+
export declare function AppShell({ sidebar, topbar, children, collapsed: collapsedProp, onCollapsedChange, statusBar, className }: AppShellProps): import("react").JSX.Element;
|
|
23
|
+
/** Кнопка меню в шапке: видна только на узком экране. */
|
|
24
|
+
export declare function AppShellMenuButton(): import("react").JSX.Element | null;
|
|
25
|
+
export declare function Topbar({ left, right, children, className }: {
|
|
26
|
+
left?: ReactNode;
|
|
27
|
+
right?: ReactNode;
|
|
28
|
+
children?: ReactNode;
|
|
29
|
+
className?: string;
|
|
30
|
+
}): import("react").JSX.Element;
|
|
31
|
+
export declare function Sidebar({ header, footer, children, className }: {
|
|
32
|
+
header?: ReactNode;
|
|
33
|
+
footer?: ReactNode;
|
|
34
|
+
children: ReactNode;
|
|
35
|
+
className?: string;
|
|
36
|
+
}): import("react").JSX.Element;
|
|
37
|
+
export declare function SidebarSection({ title, children }: {
|
|
38
|
+
title?: ReactNode;
|
|
39
|
+
children: ReactNode;
|
|
40
|
+
}): import("react").JSX.Element;
|
|
41
|
+
export interface SidebarItemProps {
|
|
42
|
+
href: string;
|
|
43
|
+
label: string;
|
|
44
|
+
icon?: ReactNode;
|
|
45
|
+
active?: boolean;
|
|
46
|
+
/** Счётчик или метка справа. */
|
|
47
|
+
badge?: ReactNode;
|
|
48
|
+
onClick?: () => void;
|
|
49
|
+
}
|
|
50
|
+
export declare function SidebarItem({ href, label, icon, active, badge, onClick }: SidebarItemProps): import("react").JSX.Element;
|
|
51
|
+
/** Свернуть или развернуть меню (только на широком экране). */
|
|
52
|
+
export declare function SidebarCollapseButton(): import("react").JSX.Element | null;
|
|
53
|
+
export {};
|
|
54
|
+
//# sourceMappingURL=AppShell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/components/AppShell.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAgBpF,UAAU,iBAAiB;IACzB,6CAA6C;IAC7C,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACnC,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CAC3C;AAUD,wBAAgB,WAAW,IAAI,iBAAiB,CAE/C;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,SAAS,CAAA;IAClB,MAAM,EAAE,SAAS,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,qFAAqF;IACrF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,aAAa,+BAyCvI;AAED,yDAAyD;AACzD,wBAAgB,kBAAkB,uCAKjC;AAED,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAW7I;AAED,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAWnJ;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAW7F;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAc,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,gBAAgB,+BAyBlG;AAED,+DAA+D;AAC/D,wBAAgB,qBAAqB,uCAYpC"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Menu as MenuIcon, PanelLeftClose, PanelLeftOpen } from 'lucide-react';
|
|
4
|
+
import { createContext, useContext, useMemo, useState } from 'react';
|
|
5
|
+
import { cx } from '../lib/cx.js';
|
|
6
|
+
import { useMessages } from '../lib/i18n.js';
|
|
7
|
+
import { useMediaQuery } from '../lib/hooks.js';
|
|
8
|
+
import { UiLink } from '../lib/link.js';
|
|
9
|
+
import { IconButton } from './Button.js';
|
|
10
|
+
import { Drawer } from './Modal.js';
|
|
11
|
+
import { Tooltip } from './Tooltip.js';
|
|
12
|
+
const ShellContext = createContext({
|
|
13
|
+
mobile: false,
|
|
14
|
+
navOpen: false,
|
|
15
|
+
setNavOpen: () => undefined,
|
|
16
|
+
collapsed: false,
|
|
17
|
+
setCollapsed: () => undefined,
|
|
18
|
+
});
|
|
19
|
+
export function useAppShell() {
|
|
20
|
+
return useContext(ShellContext);
|
|
21
|
+
}
|
|
22
|
+
export function AppShell({ sidebar, topbar, children, collapsed: collapsedProp, onCollapsedChange, statusBar, className }) {
|
|
23
|
+
const t = useMessages();
|
|
24
|
+
const mobile = useMediaQuery('(max-width: 1023px)');
|
|
25
|
+
const [navOpen, setNavOpen] = useState(false);
|
|
26
|
+
const [innerCollapsed, setInnerCollapsed] = useState(false);
|
|
27
|
+
const collapsed = !mobile && (collapsedProp ?? innerCollapsed);
|
|
28
|
+
const ctx = useMemo(() => ({
|
|
29
|
+
mobile,
|
|
30
|
+
navOpen: mobile && navOpen,
|
|
31
|
+
setNavOpen,
|
|
32
|
+
collapsed,
|
|
33
|
+
setCollapsed: (c) => {
|
|
34
|
+
setInnerCollapsed(c);
|
|
35
|
+
onCollapsedChange?.(c);
|
|
36
|
+
},
|
|
37
|
+
}), [mobile, navOpen, collapsed, onCollapsedChange]);
|
|
38
|
+
return (_jsx(ShellContext.Provider, { value: ctx, children: _jsxs("div", { className: cx('ev-shell', className), "data-collapsed": collapsed || undefined, children: [_jsx("a", { href: "#ev-main", className: "ev-skip-link", children: t.shell.skipToContent }), !mobile ? _jsx("aside", { className: "ev-shell-sidebar", children: sidebar }) : null, _jsxs("div", { className: "ev-shell-main", children: [_jsx("header", { className: "ev-shell-topbar", children: topbar }), _jsx("main", { id: "ev-main", className: "ev-shell-content", tabIndex: -1, children: children }), statusBar ? _jsx("div", { className: "ev-shell-statusbar", children: statusBar }) : null] }), mobile ? (_jsx(Drawer, { open: navOpen, onClose: () => setNavOpen(false), side: "left", width: 288, bare: true, "aria-label": t.shell.menu, children: _jsx("div", { className: "ev-shell-drawer-nav", children: sidebar }) })) : null] }) }));
|
|
39
|
+
}
|
|
40
|
+
/** Кнопка меню в шапке: видна только на узком экране. */
|
|
41
|
+
export function AppShellMenuButton() {
|
|
42
|
+
const t = useMessages();
|
|
43
|
+
const { mobile, setNavOpen } = useAppShell();
|
|
44
|
+
if (!mobile)
|
|
45
|
+
return null;
|
|
46
|
+
return _jsx(IconButton, { label: t.shell.openMenu, icon: _jsx(MenuIcon, { size: 19 }), noTooltip: true, onClick: () => setNavOpen(true) });
|
|
47
|
+
}
|
|
48
|
+
export function Topbar({ left, right, children, className }) {
|
|
49
|
+
return (_jsxs("div", { className: cx('ev-topbar', className), children: [_jsxs("div", { className: "ev-topbar-left", children: [_jsx(AppShellMenuButton, {}), left] }), children ? _jsx("div", { className: "ev-topbar-center", children: children }) : _jsx("div", { className: "ev-spacer" }), right ? _jsx("div", { className: "ev-topbar-right", children: right }) : null] }));
|
|
50
|
+
}
|
|
51
|
+
export function Sidebar({ header, footer, children, className }) {
|
|
52
|
+
const t = useMessages();
|
|
53
|
+
return (_jsxs("div", { className: cx('ev-sidebar', className), children: [header ? _jsx("div", { className: "ev-sidebar-header", children: header }) : null, _jsx("nav", { className: "ev-sidebar-nav", "aria-label": t.shell.navigation, children: children }), footer ? _jsx("div", { className: "ev-sidebar-footer", children: footer }) : null] }));
|
|
54
|
+
}
|
|
55
|
+
export function SidebarSection({ title, children }) {
|
|
56
|
+
const { collapsed } = useAppShell();
|
|
57
|
+
return (_jsxs("div", { className: "ev-sidebar-section", children: [title && !collapsed ? _jsx("div", { className: "ev-sidebar-section-title", children: title }) : null, title && collapsed ? _jsx("div", { className: "ev-sidebar-section-sep", "aria-hidden": "true" }) : null, _jsx("ul", { role: "list", className: "ev-sidebar-list", children: children })] }));
|
|
58
|
+
}
|
|
59
|
+
export function SidebarItem({ href, label, icon, active = false, badge, onClick }) {
|
|
60
|
+
const { collapsed, setNavOpen } = useAppShell();
|
|
61
|
+
const link = (_jsxs(UiLink, { href: href, className: "ev-sidebar-item ev-corners", "data-corners": active ? 'diagonal' : 'off', "data-active": active || undefined, "aria-current": active ? 'page' : undefined, "aria-label": collapsed ? label : undefined, onClick: () => {
|
|
62
|
+
setNavOpen(false);
|
|
63
|
+
onClick?.();
|
|
64
|
+
}, children: [icon ? (_jsx("span", { className: "ev-sidebar-item-icon", "aria-hidden": "true", children: icon })) : null, !collapsed ? _jsx("span", { className: "ev-sidebar-item-label", children: label }) : null, !collapsed && badge !== undefined && badge !== null ? _jsx("span", { className: "ev-sidebar-item-badge", children: badge }) : null] }));
|
|
65
|
+
return _jsx("li", { children: collapsed ? _jsx(Tooltip, { content: label, placement: "right", children: link }) : link });
|
|
66
|
+
}
|
|
67
|
+
/** Свернуть или развернуть меню (только на широком экране). */
|
|
68
|
+
export function SidebarCollapseButton() {
|
|
69
|
+
const t = useMessages();
|
|
70
|
+
const { collapsed, setCollapsed, mobile } = useAppShell();
|
|
71
|
+
if (mobile)
|
|
72
|
+
return null;
|
|
73
|
+
return (_jsx(IconButton, { label: collapsed ? t.shell.expand : t.shell.collapse, icon: collapsed ? _jsx(PanelLeftOpen, { size: 17 }) : _jsx(PanelLeftClose, { size: 17 }), tooltipPlacement: "right", onClick: () => setCollapsed(!collapsed) }));
|
|
74
|
+
}
|
|
75
|
+
//# sourceMappingURL=AppShell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppShell.js","sourceRoot":"","sources":["../../src/components/AppShell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type PresenceStatus, type Tone } from './Display.js';
|
|
2
|
+
export interface AvatarGroupItem {
|
|
3
|
+
/** Ключ; по умолчанию - имя. */
|
|
4
|
+
id?: string;
|
|
5
|
+
name: string;
|
|
6
|
+
src?: string;
|
|
7
|
+
tone?: Tone;
|
|
8
|
+
status?: PresenceStatus;
|
|
9
|
+
}
|
|
10
|
+
export interface AvatarGroupProps {
|
|
11
|
+
items: AvatarGroupItem[];
|
|
12
|
+
/** Сколько аватаров показать до «+K» (по умолчанию 4). */
|
|
13
|
+
max?: number;
|
|
14
|
+
/** Размер аватара, px (по умолчанию 28). */
|
|
15
|
+
size?: number;
|
|
16
|
+
/** Подпись группы для скринридера: «Команда объекта». */
|
|
17
|
+
label?: string;
|
|
18
|
+
className?: string;
|
|
19
|
+
}
|
|
20
|
+
export declare function AvatarGroup({ items, max, size, label, className }: AvatarGroupProps): import("react").JSX.Element | null;
|
|
21
|
+
//# sourceMappingURL=AvatarGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../src/components/AvatarGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAU,KAAK,cAAc,EAAE,KAAK,IAAI,EAAE,MAAM,WAAW,CAAA;AASlE,MAAM,WAAW,eAAe;IAC9B,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAO,EAAE,IAAS,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,sCAoD5F"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cx } from '../lib/cx.js';
|
|
4
|
+
import { useMessages } from '../lib/i18n.js';
|
|
5
|
+
import { splitOverflow } from './BadgeStack.js';
|
|
6
|
+
import { Avatar } from './Display.js';
|
|
7
|
+
import { Tooltip } from './Tooltip.js';
|
|
8
|
+
export function AvatarGroup({ items, max = 4, size = 28, label, className }) {
|
|
9
|
+
const t = useMessages();
|
|
10
|
+
if (items.length === 0)
|
|
11
|
+
return null;
|
|
12
|
+
const { visible, hidden } = splitOverflow(items, max);
|
|
13
|
+
return (_jsxs("div", { className: cx('ev-avatar-group', className), role: "group", "aria-label": label, style: { '--ev-avatar-group-size': `${size}px` }, children: [visible.map((it) => (_jsx(Tooltip, { content: it.status ? (_jsxs("span", { className: "ev-avatar-group-tip", children: [_jsx("span", { children: it.name }), _jsx("span", { className: "ev-avatar-group-tip-muted", children: t.presence[it.status] })] })) : (it.name), children: _jsx("span", { className: "ev-avatar-group-item", children: _jsx(Avatar, { name: it.name, src: it.src, tone: it.tone, status: it.status, size: size, alt: it.name }) }) }, it.id ?? it.name))), hidden.length > 0 ? (_jsx(Tooltip, { content: _jsx("span", { className: "ev-avatar-group-tip", children: hidden.map((it) => (_jsx("span", { children: it.name }, it.id ?? it.name))) }), children: _jsxs("span", { className: "ev-avatar-group-more", tabIndex: 0, style: { width: size, height: size, fontSize: Math.max(10, Math.round(size * 0.36)) }, children: [_jsxs("span", { "aria-hidden": "true", children: ["+", hidden.length] }), _jsx("span", { className: "ev-visually-hidden", children: t.badgeStack.more(hidden.length) })] }) })) : null] }));
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=AvatarGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../../src/components/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAkC,MAAM,WAAW,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AA4BnC,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAoB;IAC3F,MAAM,CAAC,GAAG,WAAW,EAAE,CAAA;IACvB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACnC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IACrD,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAC3C,IAAI,EAAC,OAAO,gBACA,KAAK,EACjB,KAAK,EAAE,EAAE,wBAAwB,EAAE,GAAG,IAAI,IAAI,EAAmB,aAEhE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CACnB,KAAC,OAAO,IAEN,OAAO,EACL,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CACV,gBAAM,SAAS,EAAC,qBAAqB,aACnC,yBAAO,EAAE,CAAC,IAAI,GAAQ,EACtB,eAAM,SAAS,EAAC,2BAA2B,YAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,GAAQ,IACrE,CACR,CAAC,CAAC,CAAC,CACF,EAAE,CAAC,IAAI,CACR,YAGH,eAAM,SAAS,EAAC,sBAAsB,YACpC,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,GAAI,GAC7F,IAdF,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,IAAI,CAeb,CACX,CAAC,EACD,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACnB,KAAC,OAAO,IACN,OAAO,EACL,eAAM,SAAS,EAAC,qBAAqB,YAClC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAClB,yBAA8B,EAAE,CAAC,IAAI,IAA1B,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,IAAI,CAAkB,CAC9C,CAAC,GACG,YAGT,gBACE,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,EAAE,aAErF,+BAAkB,MAAM,kBAAG,MAAM,CAAC,MAAM,IAAQ,EAChD,eAAM,SAAS,EAAC,oBAAoB,YAAE,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,GAAQ,IACzE,GACC,CACX,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { type Tone } from './Display.js';
|
|
3
|
+
export interface BadgeStackItem {
|
|
4
|
+
id: string;
|
|
5
|
+
label: ReactNode;
|
|
6
|
+
tone?: Tone;
|
|
7
|
+
icon?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/** Деление списка на видимую часть и остаток для «+K». max меньше нуля считается нулём. */
|
|
10
|
+
export declare function splitOverflow<T>(items: readonly T[], max: number): {
|
|
11
|
+
visible: T[];
|
|
12
|
+
hidden: T[];
|
|
13
|
+
};
|
|
14
|
+
export interface BadgeStackProps {
|
|
15
|
+
/** Бейджи данными. Вместо них можно передать children (Badge, Chip, StatusPill). */
|
|
16
|
+
items?: BadgeStackItem[];
|
|
17
|
+
children?: ReactNode;
|
|
18
|
+
/** Сколько показать до «+K» (по умолчанию 1). */
|
|
19
|
+
max?: number;
|
|
20
|
+
size?: 'sm' | 'md';
|
|
21
|
+
/** Что показать, когда список пуст. */
|
|
22
|
+
empty?: ReactNode;
|
|
23
|
+
className?: string;
|
|
24
|
+
}
|
|
25
|
+
export declare function BadgeStack({ items, children, max, size, empty, className }: BadgeStackProps): import("react").JSX.Element | null;
|
|
26
|
+
//# sourceMappingURL=BadgeStack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BadgeStack.d.ts","sourceRoot":"","sources":["../../src/components/BadgeStack.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGhD,OAAO,EAAS,KAAK,IAAI,EAAE,MAAM,WAAW,CAAA;AAS5C,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,2FAA2F;AAC3F,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,MAAM,GAAG;IAAE,OAAO,EAAE,CAAC,EAAE,CAAC;IAAC,MAAM,EAAE,CAAC,EAAE,CAAA;CAAE,CAGhG;AAED,MAAM,WAAW,eAAe;IAC9B,oFAAoF;IACpF,KAAK,CAAC,EAAE,cAAc,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,uCAAuC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAO,EAAE,IAAW,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,sCAmCtG"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Children } from 'react';
|
|
4
|
+
import { cx } from '../lib/cx.js';
|
|
5
|
+
import { useMessages } from '../lib/i18n.js';
|
|
6
|
+
import { Badge } from './Display.js';
|
|
7
|
+
import { Tooltip } from './Tooltip.js';
|
|
8
|
+
/** Деление списка на видимую часть и остаток для «+K». max меньше нуля считается нулём. */
|
|
9
|
+
export function splitOverflow(items, max) {
|
|
10
|
+
const n = Math.max(0, Math.floor(max));
|
|
11
|
+
return { visible: items.slice(0, n), hidden: items.slice(n) };
|
|
12
|
+
}
|
|
13
|
+
export function BadgeStack({ items, children, max = 1, size = 'md', empty, className }) {
|
|
14
|
+
const t = useMessages();
|
|
15
|
+
const nodes = items
|
|
16
|
+
? items.map((it) => (_jsx(Badge, { tone: it.tone, icon: it.icon, size: size, children: it.label }, it.id)))
|
|
17
|
+
: Children.toArray(children);
|
|
18
|
+
if (nodes.length === 0)
|
|
19
|
+
return empty ? _jsx(_Fragment, { children: empty }) : null;
|
|
20
|
+
const { visible, hidden } = splitOverflow(nodes, max);
|
|
21
|
+
const tip = items ? (_jsx("span", { className: "ev-badge-stack-tip", children: splitOverflow(items, max).hidden.map((it) => (_jsx("span", { children: it.label }, it.id))) })) : (_jsx("span", { className: "ev-badge-stack-tip", "data-nodes": "", children: hidden }));
|
|
22
|
+
return (_jsxs("span", { className: cx('ev-badge-stack', className), "data-size": size, children: [visible, hidden.length > 0 ? (_jsx(Tooltip, { content: tip, children: _jsxs("span", { className: "ev-badge ev-badge-stack-more", "data-tone": "neutral", "data-size": size, tabIndex: 0, children: [_jsxs("span", { "aria-hidden": "true", children: ["+", hidden.length] }), _jsx("span", { className: "ev-visually-hidden", children: t.badgeStack.more(hidden.length) })] }) })) : null] }));
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=BadgeStack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BadgeStack.js","sourceRoot":"","sources":["../../src/components/BadgeStack.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,KAAK,EAAa,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAenC,2FAA2F;AAC3F,MAAM,UAAU,aAAa,CAAI,KAAmB,EAAE,GAAW;IAC/D,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;IACtC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;AAC/D,CAAC;AAcD,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAmB;IACrG,MAAM,CAAC,GAAG,WAAW,EAAE,CAAA;IACvB,MAAM,KAAK,GAAgB,KAAK;QAC9B,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAChB,KAAC,KAAK,IAAa,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,YACxD,EAAE,CAAC,KAAK,IADC,EAAE,CAAC,EAAE,CAET,CACT,CAAC;QACJ,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC9B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,CAAC,CAAC,4BAAG,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IAC1D,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IACrD,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAClB,eAAM,SAAS,EAAC,oBAAoB,YACjC,aAAa,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAC5C,yBAAmB,EAAE,CAAC,KAAK,IAAhB,EAAE,CAAC,EAAE,CAAmB,CACpC,CAAC,GACG,CACR,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,oBAAoB,gBAAY,EAAE,YAC/C,MAAM,GACF,CACR,CAAA;IACD,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,eAAa,IAAI,aAC9D,OAAO,EACP,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACnB,KAAC,OAAO,IAAC,OAAO,EAAE,GAAG,YACnB,gBAAM,SAAS,EAAC,8BAA8B,eAAW,SAAS,eAAY,IAAI,EAAE,QAAQ,EAAE,CAAC,aAC7F,+BAAkB,MAAM,kBAAG,MAAM,CAAC,MAAM,IAAQ,EAChD,eAAM,SAAS,EAAC,oBAAoB,YAAE,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,GAAQ,IACzE,GACC,CACX,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
export type BannerTone = 'info' | 'success' | 'warning' | 'danger' | 'accent' | 'neutral';
|
|
3
|
+
export interface BannerProps {
|
|
4
|
+
tone?: BannerTone;
|
|
5
|
+
title?: ReactNode;
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
/** Своя иконка; false - без иконки. По умолчанию - иконка тона. */
|
|
8
|
+
icon?: ReactNode | false;
|
|
9
|
+
/** Кнопки справа; на узком экране - под текстом. */
|
|
10
|
+
actions?: ReactNode;
|
|
11
|
+
/** Кнопка «Скрыть». */
|
|
12
|
+
dismissible?: boolean;
|
|
13
|
+
onDismiss?: () => void;
|
|
14
|
+
/**
|
|
15
|
+
* Ключ localStorage: скрытый баннер не показывается снова. Состояние
|
|
16
|
+
* читается после гидрации - сервер всегда рендерит баннер.
|
|
17
|
+
*/
|
|
18
|
+
storageKey?: string;
|
|
19
|
+
/** Прилипает к верху прокручиваемой области (top - переменная --ev-banner-top). */
|
|
20
|
+
sticky?: boolean;
|
|
21
|
+
className?: string;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Объявление во всю ширину: вверху страницы или над шапкой раздела.
|
|
25
|
+
* Сильнее Callout: тонированная полоса с кромкой тона. Ошибка объявляется
|
|
26
|
+
* скринридером сразу (role=alert), остальное - вежливо (role=status).
|
|
27
|
+
*/
|
|
28
|
+
export declare function Banner({ tone, title, children, icon, actions, dismissible, onDismiss, storageKey, sticky, className, }: BannerProps): import("react").JSX.Element | null;
|
|
29
|
+
//# sourceMappingURL=Banner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/components/Banner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAKnF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEzF,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAA;IACxB,oDAAoD;IACpD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,uBAAuB;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAgDD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,IAAa,EACb,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,WAAmB,EACnB,SAAS,EACT,UAAU,EACV,MAAc,EACd,SAAS,GACV,EAAE,WAAW,sCA6Bb"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { CircleCheck, Info, Megaphone, OctagonAlert, TriangleAlert, X } from 'lucide-react';
|
|
4
|
+
import { useCallback, useState, useSyncExternalStore } from 'react';
|
|
5
|
+
import { cx } from '../lib/cx.js';
|
|
6
|
+
import { useMessages } from '../lib/i18n.js';
|
|
7
|
+
import { IconButton } from './Button.js';
|
|
8
|
+
const ICONS = {
|
|
9
|
+
info: _jsx(Info, { size: 18 }),
|
|
10
|
+
success: _jsx(CircleCheck, { size: 18 }),
|
|
11
|
+
warning: _jsx(TriangleAlert, { size: 18 }),
|
|
12
|
+
danger: _jsx(OctagonAlert, { size: 18 }),
|
|
13
|
+
accent: _jsx(Megaphone, { size: 18 }),
|
|
14
|
+
neutral: _jsx(Info, { size: 18 }),
|
|
15
|
+
};
|
|
16
|
+
/* Хранилище скрытых баннеров: localStorage может быть недоступен (приватный режим, запрет cookies). */
|
|
17
|
+
const listeners = new Set();
|
|
18
|
+
function readDismissed(key) {
|
|
19
|
+
try {
|
|
20
|
+
return window.localStorage.getItem(key) === '1';
|
|
21
|
+
}
|
|
22
|
+
catch {
|
|
23
|
+
return false;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
function writeDismissed(key) {
|
|
27
|
+
try {
|
|
28
|
+
window.localStorage.setItem(key, '1');
|
|
29
|
+
}
|
|
30
|
+
catch {
|
|
31
|
+
// без хранилища баннер скрывается только до перезагрузки
|
|
32
|
+
}
|
|
33
|
+
listeners.forEach((l) => l());
|
|
34
|
+
}
|
|
35
|
+
function subscribe(cb) {
|
|
36
|
+
listeners.add(cb);
|
|
37
|
+
window.addEventListener('storage', cb);
|
|
38
|
+
return () => {
|
|
39
|
+
listeners.delete(cb);
|
|
40
|
+
window.removeEventListener('storage', cb);
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
const getServerDismissed = () => false;
|
|
44
|
+
/** Скрыт ли баннер по ключу. На сервере и при гидрации - нет. */
|
|
45
|
+
function useStoredDismissed(key) {
|
|
46
|
+
const get = useCallback(() => (key ? readDismissed(key) : false), [key]);
|
|
47
|
+
return useSyncExternalStore(subscribe, get, getServerDismissed);
|
|
48
|
+
}
|
|
49
|
+
/**
|
|
50
|
+
* Объявление во всю ширину: вверху страницы или над шапкой раздела.
|
|
51
|
+
* Сильнее Callout: тонированная полоса с кромкой тона. Ошибка объявляется
|
|
52
|
+
* скринридером сразу (role=alert), остальное - вежливо (role=status).
|
|
53
|
+
*/
|
|
54
|
+
export function Banner({ tone = 'info', title, children, icon, actions, dismissible = false, onDismiss, storageKey, sticky = false, className, }) {
|
|
55
|
+
const t = useMessages();
|
|
56
|
+
const [dismissed, setDismissed] = useState(false);
|
|
57
|
+
const stored = useStoredDismissed(storageKey);
|
|
58
|
+
if (dismissed || stored)
|
|
59
|
+
return null;
|
|
60
|
+
const dismiss = () => {
|
|
61
|
+
setDismissed(true);
|
|
62
|
+
if (storageKey)
|
|
63
|
+
writeDismissed(storageKey);
|
|
64
|
+
onDismiss?.();
|
|
65
|
+
};
|
|
66
|
+
return (_jsxs("div", { className: cx('ev-banner ev-corners', className), "data-corners": "diagonal", "data-tone": tone, "data-sticky": sticky || undefined, role: tone === 'danger' ? 'alert' : 'status', children: [icon !== false ? (_jsx("span", { className: "ev-banner-icon", "aria-hidden": "true", children: icon ?? ICONS[tone] })) : null, _jsxs("div", { className: "ev-banner-body", children: [title ? _jsx("div", { className: "ev-banner-title", children: title }) : null, children ? _jsx("div", { className: "ev-banner-text", children: children }) : null] }), actions ? _jsx("div", { className: "ev-banner-actions", children: actions }) : null, dismissible ? (_jsx(IconButton, { className: "ev-banner-close", size: "sm", label: t.banner.dismiss, icon: _jsx(X, { size: 15 }), onClick: dismiss })) : null] }));
|
|
67
|
+
}
|
|
68
|
+
//# sourceMappingURL=Banner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../src/components/Banner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import type { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode, Ref } from 'react';
|
|
2
|
+
import { type TooltipPlacement } from './Tooltip.js';
|
|
3
|
+
/** link - текстовая ссылка без фона и высоты контрола, для действий внутри текста («Забыли пароль?»). */
|
|
4
|
+
export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'danger-ghost' | 'link';
|
|
5
|
+
export type ButtonSize = 'sm' | 'md' | 'lg';
|
|
6
|
+
interface ButtonOwnProps {
|
|
7
|
+
variant?: ButtonVariant;
|
|
8
|
+
size?: ButtonSize;
|
|
9
|
+
/** Иконка слева от подписи. */
|
|
10
|
+
icon?: ReactNode;
|
|
11
|
+
/** Иконка справа (шеврон, стрелка). */
|
|
12
|
+
iconRight?: ReactNode;
|
|
13
|
+
/** Спиннер вместо иконки, кнопка недоступна. */
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
/** На всю ширину контейнера. */
|
|
16
|
+
block?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export interface ButtonProps extends ButtonOwnProps, ButtonHTMLAttributes<HTMLButtonElement> {
|
|
19
|
+
ref?: Ref<HTMLButtonElement>;
|
|
20
|
+
}
|
|
21
|
+
export declare function Button({ variant, size, icon, iconRight, loading, block, className, children, disabled, type, ...rest }: ButtonProps): import("react").JSX.Element;
|
|
22
|
+
export interface LinkButtonProps extends Omit<ButtonOwnProps, 'loading'>, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
|
|
23
|
+
href: string;
|
|
24
|
+
ref?: Ref<HTMLAnchorElement>;
|
|
25
|
+
}
|
|
26
|
+
/** Переход, оформленный кнопкой: внутренняя навигация идёт через ссылку приложения. */
|
|
27
|
+
export declare function LinkButton({ variant, size, icon, iconRight, block, className, children, ...rest }: LinkButtonProps): import("react").JSX.Element;
|
|
28
|
+
export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
|
|
29
|
+
/** Обязательная подпись: aria-label и текст подсказки. */
|
|
30
|
+
label: string;
|
|
31
|
+
icon: ReactNode;
|
|
32
|
+
variant?: Extract<ButtonVariant, 'ghost' | 'secondary' | 'danger-ghost' | 'primary'>;
|
|
33
|
+
size?: ButtonSize;
|
|
34
|
+
loading?: boolean;
|
|
35
|
+
/** Не показывать подсказку (например, подпись уже видна рядом). */
|
|
36
|
+
noTooltip?: boolean;
|
|
37
|
+
tooltipPlacement?: TooltipPlacement;
|
|
38
|
+
/** Нажатое состояние для кнопок-переключателей. */
|
|
39
|
+
pressed?: boolean;
|
|
40
|
+
ref?: Ref<HTMLButtonElement>;
|
|
41
|
+
}
|
|
42
|
+
export declare function IconButton({ label, icon, variant, size, loading, noTooltip, tooltipPlacement, pressed, className, disabled, type, ...rest }: IconButtonProps): import("react").JSX.Element;
|
|
43
|
+
export {};
|
|
44
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAKvF,OAAO,EAAW,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE1D,yGAAyG;AACzG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,MAAM,CAAA;AAClG,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,UAAU,cAAc;IACtB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,uCAAuC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gCAAgC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,EAAE,oBAAoB,CAAC,iBAAiB,CAAC;IAC1F,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AAMD,wBAAgB,MAAM,CAAC,EACrB,OAAqB,EACrB,IAAW,EACX,IAAI,EACJ,SAAS,EACT,OAAe,EACf,KAAa,EACb,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,WAAW,+BAmBb;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC7H,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AAED,uFAAuF;AACvF,wBAAgB,UAAU,CAAC,EACzB,OAAqB,EACrB,IAAW,EACX,IAAI,EACJ,SAAS,EACT,KAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,eAAe,+BAQjB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAChG,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,OAAO,GAAG,WAAW,GAAG,cAAc,GAAG,SAAS,CAAC,CAAA;IACpF,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,OAAiB,EACjB,IAAW,EACX,OAAe,EACf,SAAiB,EACjB,gBAAgB,EAChB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,IAAe,EACf,GAAG,IAAI,EACR,EAAE,eAAe,+BAuBjB"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cx } from '../lib/cx.js';
|
|
4
|
+
import { useMessages } from '../lib/i18n.js';
|
|
5
|
+
import { UiLink } from '../lib/link.js';
|
|
6
|
+
import { Spinner } from './Spinner.js';
|
|
7
|
+
import { Tooltip } from './Tooltip.js';
|
|
8
|
+
function spinnerSize(size) {
|
|
9
|
+
return size === 'sm' ? 12 : size === 'lg' ? 16 : 14;
|
|
10
|
+
}
|
|
11
|
+
export function Button({ variant = 'secondary', size = 'md', icon, iconRight, loading = false, block = false, className, children, disabled, type = 'button', ...rest }) {
|
|
12
|
+
const t = useMessages();
|
|
13
|
+
const hasLabel = children !== undefined && children !== null && children !== false;
|
|
14
|
+
return (_jsxs("button", { type: type, className: cx('ev-btn', block && 'ev-btn-block', !hasLabel && 'ev-btn-iconic', className), "data-variant": variant, "data-size": size, "data-loading": loading || undefined, disabled: disabled || loading, "aria-busy": loading || undefined, ...rest, children: [loading ? _jsx(Spinner, { size: spinnerSize(size), label: t.common.inProgress }) : icon ? _jsx("span", { className: "ev-btn-icon", children: icon }) : null, hasLabel ? _jsx("span", { className: "ev-btn-label", children: children }) : null, iconRight ? _jsx("span", { className: "ev-btn-icon", children: iconRight }) : null] }));
|
|
15
|
+
}
|
|
16
|
+
/** Переход, оформленный кнопкой: внутренняя навигация идёт через ссылку приложения. */
|
|
17
|
+
export function LinkButton({ variant = 'secondary', size = 'md', icon, iconRight, block = false, className, children, ...rest }) {
|
|
18
|
+
return (_jsxs(UiLink, { className: cx('ev-btn', block && 'ev-btn-block', className), "data-variant": variant, "data-size": size, ...rest, children: [icon ? _jsx("span", { className: "ev-btn-icon", children: icon }) : null, children !== undefined && children !== null ? _jsx("span", { className: "ev-btn-label", children: children }) : null, iconRight ? _jsx("span", { className: "ev-btn-icon", children: iconRight }) : null] }));
|
|
19
|
+
}
|
|
20
|
+
export function IconButton({ label, icon, variant = 'ghost', size = 'md', loading = false, noTooltip = false, tooltipPlacement, pressed, className, disabled, type = 'button', ...rest }) {
|
|
21
|
+
const t = useMessages();
|
|
22
|
+
const button = (_jsx("button", { type: type, className: cx('ev-btn ev-btn-iconic', className), "data-variant": variant, "data-size": size, "aria-label": label, "aria-pressed": pressed, "data-loading": loading || undefined, disabled: disabled || loading, ...rest, children: loading ? _jsx(Spinner, { size: spinnerSize(size), label: t.common.inProgress }) : _jsx("span", { className: "ev-btn-icon", children: icon }) }));
|
|
23
|
+
if (noTooltip)
|
|
24
|
+
return button;
|
|
25
|
+
return (_jsx(Tooltip, { content: label, placement: tooltipPlacement, children: button }));
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type DateRange } from '../lib/dates.js';
|
|
2
|
+
export interface CalendarProps {
|
|
3
|
+
/** Выбранный день (одиночный выбор). */
|
|
4
|
+
value?: string;
|
|
5
|
+
/** Выбранный период (выбор диапазона). */
|
|
6
|
+
range?: Partial<DateRange> | null;
|
|
7
|
+
min?: string;
|
|
8
|
+
max?: string;
|
|
9
|
+
onPick: (iso: string) => void;
|
|
10
|
+
/** Перевести фокус в сетку при монтировании. */
|
|
11
|
+
autoFocus?: boolean;
|
|
12
|
+
/** С какого месяца открыть, если значения нет. */
|
|
13
|
+
initialMonth?: string;
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
/** Календарь: дни -> месяцы -> годы, неделя с понедельника, управление с клавиатуры. */
|
|
17
|
+
export declare function Calendar({ value, range, min, max, onPick, autoFocus, initialMonth, className }: CalendarProps): import("react").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=Calendar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/components/Calendar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,cAAc,CAAA;AAErB,MAAM,WAAW,aAAa;IAC5B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0CAA0C;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA;IACjC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wFAAwF;AACxF,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,SAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,aAAa,+BAqOrH"}
|