@eocrm/design-system 0.0.0-stage → 0.6.17
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/AI-PRIMER.md +341 -0
- package/README.md +262 -2
- package/docs/components/Accordion.md +114 -0
- package/docs/components/AgentAvatar.md +58 -0
- package/docs/components/Alert.md +81 -0
- package/docs/components/AppLayout.md +70 -0
- package/docs/components/Avatar.md +49 -0
- package/docs/components/AvatarGroup.md +47 -0
- package/docs/components/Badge.md +60 -0
- package/docs/components/Banner.md +89 -0
- package/docs/components/BrandIcon.md +32 -0
- package/docs/components/Breadcrumb.md +72 -0
- package/docs/components/Button.md +107 -0
- package/docs/components/ButtonGroup.md +78 -0
- package/docs/components/Calendar.md +158 -0
- package/docs/components/Card.md +165 -0
- package/docs/components/CatalogPicker.md +83 -0
- package/docs/components/Chart.md +114 -0
- package/docs/components/ChatBubble.md +55 -0
- package/docs/components/ChatLauncher.md +97 -0
- package/docs/components/Checkbox.md +55 -0
- package/docs/components/CircularProgress.md +53 -0
- package/docs/components/Cluster.md +96 -0
- package/docs/components/Code.md +35 -0
- package/docs/components/CodeBlock.md +67 -0
- package/docs/components/ColorPicker.md +115 -0
- package/docs/components/ConfirmationPopover.md +70 -0
- package/docs/components/Constrain.md +39 -0
- package/docs/components/CurrencySelect.md +57 -0
- package/docs/components/CursorPagination.md +43 -0
- package/docs/components/DashboardCanvas.md +79 -0
- package/docs/components/DashboardWidget.md +131 -0
- package/docs/components/DataTable.md +88 -0
- package/docs/components/DatePicker.md +68 -0
- package/docs/components/DateRangePicker.md +71 -0
- package/docs/components/DateStrip.md +56 -0
- package/docs/components/DefinitionList.md +82 -0
- package/docs/components/Divider.md +57 -0
- package/docs/components/Dot.md +26 -0
- package/docs/components/Drawer.md +94 -0
- package/docs/components/DropdownMenu.md +299 -0
- package/docs/components/EmojiPicker.md +84 -0
- package/docs/components/EmptyState.md +55 -0
- package/docs/components/EntityChip.md +102 -0
- package/docs/components/ErrorState.md +72 -0
- package/docs/components/Field.md +91 -0
- package/docs/components/FileUpload.md +109 -0
- package/docs/components/FilterChip.md +88 -0
- package/docs/components/FlowCanvas.md +108 -0
- package/docs/components/FormRow.md +31 -0
- package/docs/components/FormSection.md +37 -0
- package/docs/components/Grid.md +103 -0
- package/docs/components/Highlight.md +75 -0
- package/docs/components/HighlightedText.md +50 -0
- package/docs/components/IconPicker.md +134 -0
- package/docs/components/IconTile.md +30 -0
- package/docs/components/Image.md +84 -0
- package/docs/components/ImageCrop.md +163 -0
- package/docs/components/Indent.md +31 -0
- package/docs/components/InlineDatePicker.md +58 -0
- package/docs/components/InlineDateRangePicker.md +57 -0
- package/docs/components/Input.md +54 -0
- package/docs/components/Kanban.md +122 -0
- package/docs/components/Kbd.md +41 -0
- package/docs/components/Lightbox.md +105 -0
- package/docs/components/Link.md +65 -0
- package/docs/components/LinkCard.md +41 -0
- package/docs/components/LiquidEditor.md +84 -0
- package/docs/components/List.md +68 -0
- package/docs/components/LiveRegion.md +29 -0
- package/docs/components/LocaleProvider.md +25 -0
- package/docs/components/Logo.md +41 -0
- package/docs/components/Masonry.md +48 -0
- package/docs/components/MediaTile.md +95 -0
- package/docs/components/Modal.md +107 -0
- package/docs/components/MoneyInput.md +62 -0
- package/docs/components/OptionsPicker.md +123 -0
- package/docs/components/OtpInput.md +65 -0
- package/docs/components/Page.md +35 -0
- package/docs/components/PageHeader.md +133 -0
- package/docs/components/Pagination.md +44 -0
- package/docs/components/Palette.md +32 -0
- package/docs/components/PasswordInput.md +45 -0
- package/docs/components/PasswordStrengthMeter.md +27 -0
- package/docs/components/PersonDisplay.md +153 -0
- package/docs/components/PhoneInput.md +54 -0
- package/docs/components/PillMenu.md +91 -0
- package/docs/components/Popover.md +127 -0
- package/docs/components/Progress.md +56 -0
- package/docs/components/QrCode.md +34 -0
- package/docs/components/Radio.md +37 -0
- package/docs/components/RadioGroup.md +56 -0
- package/docs/components/Rail.md +191 -0
- package/docs/components/RelativeDateInput.md +114 -0
- package/docs/components/RichText.md +44 -0
- package/docs/components/RichTextEditor.md +112 -0
- package/docs/components/Screen.md +37 -0
- package/docs/components/ScrollArea.md +39 -0
- package/docs/components/Select.md +131 -0
- package/docs/components/SettingRow.md +98 -0
- package/docs/components/Skeleton.md +68 -0
- package/docs/components/Slider.md +92 -0
- package/docs/components/SlotGrid.md +55 -0
- package/docs/components/SocialButton.md +31 -0
- package/docs/components/Sortable.md +127 -0
- package/docs/components/SortableGroup.md +52 -0
- package/docs/components/Sparkline.md +51 -0
- package/docs/components/Split.md +76 -0
- package/docs/components/Stack.md +59 -0
- package/docs/components/StagePath.md +66 -0
- package/docs/components/StatGroup.md +61 -0
- package/docs/components/StatTile.md +58 -0
- package/docs/components/Sticky.md +69 -0
- package/docs/components/Switch.md +89 -0
- package/docs/components/Table.md +184 -0
- package/docs/components/TableOfContents.md +76 -0
- package/docs/components/Tabs.md +94 -0
- package/docs/components/Text.md +63 -0
- package/docs/components/Textarea.md +59 -0
- package/docs/components/Thread.md +52 -0
- package/docs/components/TimeField.md +70 -0
- package/docs/components/Timeline.md +57 -0
- package/docs/components/Title.md +54 -0
- package/docs/components/ToastViewport.md +61 -0
- package/docs/components/Tooltip.md +63 -0
- package/docs/components/TopBar.md +214 -0
- package/docs/components/Tour.md +85 -0
- package/docs/components/TreeView.md +113 -0
- package/docs/components/VisuallyHidden.md +43 -0
- package/docs/components/WidgetPreview.md +54 -0
- package/docs/components/useBelowBreakpoint.md +11 -0
- package/docs/components/useMonth.md +18 -0
- package/docs/setup.md +51 -0
- package/docs/theming.md +95 -0
- package/docs/tokens.md +123 -0
- package/docs/transient-state.md +56 -0
- package/package.json +82 -4
- package/src/_meta/manifest.ts +293 -0
- package/src/app/AppProvider.tsx +78 -0
- package/src/app/index.ts +3 -0
- package/src/app/themeTokens.ts +95 -0
- package/src/calendar/dateMath.ts +114 -0
- package/src/calendar/formatters.ts +75 -0
- package/src/calendar/index.ts +39 -0
- package/src/calendar/types.ts +36 -0
- package/src/calendar/useAgenda.ts +70 -0
- package/src/calendar/useDay.ts +51 -0
- package/src/calendar/useMonth.ts +82 -0
- package/src/calendar/useWeek.ts +62 -0
- package/src/calendar/weekInfo.ts +83 -0
- package/src/components/Accordion/Accordion.module.scss +304 -0
- package/src/components/Accordion/Accordion.tokens.scss +64 -0
- package/src/components/Accordion/Accordion.tsx +272 -0
- package/src/components/Accordion/AccordionContent.tsx +36 -0
- package/src/components/Accordion/AccordionItem.tsx +66 -0
- package/src/components/Accordion/AccordionTrigger.tsx +121 -0
- package/src/components/Accordion/context.ts +47 -0
- package/src/components/Accordion/index.ts +14 -0
- package/src/components/Alert/Alert.module.scss +92 -0
- package/src/components/Alert/Alert.tokens.scss +60 -0
- package/src/components/Alert/Alert.tsx +136 -0
- package/src/components/Alert/index.ts +2 -0
- package/src/components/AppLayout/AppLayout.module.scss +130 -0
- package/src/components/AppLayout/AppLayout.tokens.scss +27 -0
- package/src/components/AppLayout/AppLayout.tsx +211 -0
- package/src/components/AppLayout/index.ts +2 -0
- package/src/components/Avatar/AgentAvatar.module.scss +117 -0
- package/src/components/Avatar/AgentAvatar.tsx +122 -0
- package/src/components/Avatar/Avatar.module.scss +181 -0
- package/src/components/Avatar/Avatar.tokens.scss +107 -0
- package/src/components/Avatar/Avatar.tsx +210 -0
- package/src/components/Avatar/AvatarGroup.module.scss +128 -0
- package/src/components/Avatar/AvatarGroup.tsx +119 -0
- package/src/components/Avatar/AvatarGroupContext.tsx +20 -0
- package/src/components/Avatar/index.ts +6 -0
- package/src/components/Badge/Badge.module.scss +124 -0
- package/src/components/Badge/Badge.tokens.scss +74 -0
- package/src/components/Badge/Badge.tsx +164 -0
- package/src/components/Badge/index.ts +2 -0
- package/src/components/Banner/Banner.module.scss +73 -0
- package/src/components/Banner/Banner.tokens.scss +51 -0
- package/src/components/Banner/Banner.tsx +138 -0
- package/src/components/Banner/index.ts +2 -0
- package/src/components/BrandIcon/BrandIcon.module.scss +5 -0
- package/src/components/BrandIcon/BrandIcon.tsx +99 -0
- package/src/components/BrandIcon/index.ts +2 -0
- package/src/components/Breadcrumb/Breadcrumb.module.scss +32 -0
- package/src/components/Breadcrumb/Breadcrumb.tokens.scss +9 -0
- package/src/components/Breadcrumb/Breadcrumb.tsx +146 -0
- package/src/components/Breadcrumb/index.ts +2 -0
- package/src/components/Button/Button.module.scss +167 -0
- package/src/components/Button/Button.tokens.scss +90 -0
- package/src/components/Button/Button.tsx +205 -0
- package/src/components/Button/index.ts +2 -0
- package/src/components/ButtonGroup/ButtonGroup.module.scss +134 -0
- package/src/components/ButtonGroup/ButtonGroup.tokens.scss +42 -0
- package/src/components/ButtonGroup/ButtonGroup.tsx +278 -0
- package/src/components/ButtonGroup/ButtonGroupItem.tsx +74 -0
- package/src/components/ButtonGroup/context.ts +45 -0
- package/src/components/ButtonGroup/index.ts +2 -0
- package/src/components/Calendar/AgendaView.module.scss +231 -0
- package/src/components/Calendar/AgendaView.tsx +214 -0
- package/src/components/Calendar/AllDayBand.module.scss +18 -0
- package/src/components/Calendar/AllDayBand.tsx +75 -0
- package/src/components/Calendar/Calendar.module.scss +23 -0
- package/src/components/Calendar/Calendar.tokens.scss +262 -0
- package/src/components/Calendar/Calendar.tsx +370 -0
- package/src/components/Calendar/DayCell.module.scss +30 -0
- package/src/components/Calendar/DayCell.tsx +50 -0
- package/src/components/Calendar/DayView.module.scss +10 -0
- package/src/components/Calendar/DayView.tsx +163 -0
- package/src/components/Calendar/EventChip.module.scss +171 -0
- package/src/components/Calendar/EventChip.tsx +115 -0
- package/src/components/Calendar/HourGrid.module.scss +123 -0
- package/src/components/Calendar/HourGrid.tsx +381 -0
- package/src/components/Calendar/MonthView.module.scss +99 -0
- package/src/components/Calendar/MonthView.tsx +296 -0
- package/src/components/Calendar/TimedEvent.module.scss +205 -0
- package/src/components/Calendar/TimedEvent.tsx +247 -0
- package/src/components/Calendar/ViewSwitcher.module.scss +3 -0
- package/src/components/Calendar/ViewSwitcher.tsx +47 -0
- package/src/components/Calendar/WeekView.module.scss +10 -0
- package/src/components/Calendar/WeekView.tsx +137 -0
- package/src/components/Calendar/eventColor.ts +60 -0
- package/src/components/Calendar/index.ts +18 -0
- package/src/components/Calendar/types.ts +451 -0
- package/src/components/Calendar/useEventDrag.ts +783 -0
- package/src/components/Calendar/utils.ts +622 -0
- package/src/components/Card/Card.module.scss +264 -0
- package/src/components/Card/Card.tokens.scss +55 -0
- package/src/components/Card/Card.tsx +170 -0
- package/src/components/Card/CardBody.tsx +45 -0
- package/src/components/Card/CardHeader.tsx +113 -0
- package/src/components/Card/CardList.tsx +24 -0
- package/src/components/Card/CardListRow.tsx +24 -0
- package/src/components/Card/index.ts +7 -0
- package/src/components/CatalogPicker/CatalogPicker.module.scss +193 -0
- package/src/components/CatalogPicker/CatalogPicker.tokens.scss +26 -0
- package/src/components/CatalogPicker/CatalogPicker.tsx +339 -0
- package/src/components/CatalogPicker/index.ts +2 -0
- package/src/components/Chart/Chart.module.scss +287 -0
- package/src/components/Chart/Chart.tokens.scss +63 -0
- package/src/components/Chart/Chart.tsx +607 -0
- package/src/components/Chart/ChartLegend.tsx +99 -0
- package/src/components/Chart/ChartTable.tsx +62 -0
- package/src/components/Chart/ChartTooltip.tsx +91 -0
- package/src/components/Chart/chartModel.ts +689 -0
- package/src/components/Chart/index.ts +2 -0
- package/src/components/ChatBubble/ChatBubble.module.scss +93 -0
- package/src/components/ChatBubble/ChatBubble.tokens.scss +17 -0
- package/src/components/ChatBubble/ChatBubble.tsx +61 -0
- package/src/components/ChatBubble/ChatBubbleList.tsx +27 -0
- package/src/components/ChatBubble/index.ts +3 -0
- package/src/components/ChatLauncher/ChatLauncher.module.scss +68 -0
- package/src/components/ChatLauncher/ChatLauncher.tokens.scss +27 -0
- package/src/components/ChatLauncher/ChatLauncher.tsx +202 -0
- package/src/components/ChatLauncher/index.ts +2 -0
- package/src/components/ChatLauncher/isAtBottom.ts +12 -0
- package/src/components/Checkbox/Checkbox.module.scss +147 -0
- package/src/components/Checkbox/Checkbox.tokens.scss +44 -0
- package/src/components/Checkbox/Checkbox.tsx +188 -0
- package/src/components/Checkbox/index.ts +2 -0
- package/src/components/CircularProgress/CircularProgress.module.scss +133 -0
- package/src/components/CircularProgress/CircularProgress.tokens.scss +40 -0
- package/src/components/CircularProgress/CircularProgress.tsx +139 -0
- package/src/components/CircularProgress/index.ts +7 -0
- package/src/components/Cluster/Cluster.module.scss +145 -0
- package/src/components/Cluster/Cluster.tokens.scss +11 -0
- package/src/components/Cluster/Cluster.tsx +215 -0
- package/src/components/Cluster/index.ts +2 -0
- package/src/components/Code/Code.module.scss +28 -0
- package/src/components/Code/Code.tokens.scss +15 -0
- package/src/components/Code/Code.tsx +44 -0
- package/src/components/Code/index.ts +2 -0
- package/src/components/CodeBlock/CodeBlock.module.scss +146 -0
- package/src/components/CodeBlock/CodeBlock.tokens.scss +27 -0
- package/src/components/CodeBlock/CodeBlock.tsx +274 -0
- package/src/components/CodeBlock/highlight.ts +179 -0
- package/src/components/CodeBlock/index.ts +8 -0
- package/src/components/CodeBlock/sampleSync.ts +42 -0
- package/src/components/ColorPicker/ColorPicker.module.scss +286 -0
- package/src/components/ColorPicker/ColorPicker.tokens.scss +60 -0
- package/src/components/ColorPicker/ColorPicker.tsx +367 -0
- package/src/components/ColorPicker/ColorPickerPanel.tsx +265 -0
- package/src/components/ColorPicker/SVSquare.tsx +189 -0
- package/src/components/ColorPicker/colorMath.ts +141 -0
- package/src/components/ColorPicker/index.ts +6 -0
- package/src/components/ConfirmationPopover/ConfirmationPopover.module.scss +39 -0
- package/src/components/ConfirmationPopover/ConfirmationPopover.tokens.scss +13 -0
- package/src/components/ConfirmationPopover/ConfirmationPopover.tsx +395 -0
- package/src/components/ConfirmationPopover/index.ts +2 -0
- package/src/components/Constrain/Constrain.module.scss +99 -0
- package/src/components/Constrain/Constrain.tsx +79 -0
- package/src/components/Constrain/index.ts +2 -0
- package/src/components/CurrencySelect/CurrencySelect.module.scss +7 -0
- package/src/components/CurrencySelect/CurrencySelect.tsx +167 -0
- package/src/components/CurrencySelect/index.ts +3 -0
- package/src/components/CursorPagination/CursorPagination.module.scss +69 -0
- package/src/components/CursorPagination/CursorPagination.tokens.scss +32 -0
- package/src/components/CursorPagination/CursorPagination.tsx +121 -0
- package/src/components/CursorPagination/index.ts +2 -0
- package/src/components/DashboardCanvas/DashboardCanvas.module.scss +360 -0
- package/src/components/DashboardCanvas/DashboardCanvas.tokens.scss +48 -0
- package/src/components/DashboardCanvas/DashboardCanvas.tsx +1270 -0
- package/src/components/DashboardCanvas/DashboardCanvasItem.tsx +140 -0
- package/src/components/DashboardCanvas/DashboardCanvasSection.tsx +174 -0
- package/src/components/DashboardCanvas/engine.ts +363 -0
- package/src/components/DashboardCanvas/index.ts +9 -0
- package/src/components/DashboardWidget/DashboardWidget.module.scss +100 -0
- package/src/components/DashboardWidget/DashboardWidget.tokens.scss +16 -0
- package/src/components/DashboardWidget/DashboardWidget.tsx +188 -0
- package/src/components/DashboardWidget/index.ts +7 -0
- package/src/components/DataTable/BodyRow.tsx +197 -0
- package/src/components/DataTable/ColumnVisibilityTrigger.module.scss +7 -0
- package/src/components/DataTable/ColumnVisibilityTrigger.tsx +105 -0
- package/src/components/DataTable/DataTable.module.scss +511 -0
- package/src/components/DataTable/DataTable.tokens.scss +80 -0
- package/src/components/DataTable/DataTable.tsx +734 -0
- package/src/components/DataTable/HeaderCell.module.scss +215 -0
- package/src/components/DataTable/HeaderCell.tsx +440 -0
- package/src/components/DataTable/columnShift.ts +117 -0
- package/src/components/DataTable/index.ts +23 -0
- package/src/components/DataTable/pinStyle.ts +47 -0
- package/src/components/DataTable/reorderColumns.ts +66 -0
- package/src/components/DataTable/types.ts +289 -0
- package/src/components/DataTable/useColumnDragShift.ts +216 -0
- package/src/components/DataTable/useDataTable.ts +372 -0
- package/src/components/DataTable/useResizeHandle.ts +97 -0
- package/src/components/DatePicker/DatePicker.module.scss +180 -0
- package/src/components/DatePicker/DatePicker.tokens.scss +152 -0
- package/src/components/DatePicker/DatePicker.tsx +664 -0
- package/src/components/DatePicker/DatePickerGrid.module.scss +172 -0
- package/src/components/DatePicker/DatePickerGrid.tsx +341 -0
- package/src/components/DatePicker/InlineDatePicker.module.scss +32 -0
- package/src/components/DatePicker/InlineDatePicker.tsx +201 -0
- package/src/components/DatePicker/index.ts +4 -0
- package/src/components/DatePicker/utils.ts +364 -0
- package/src/components/DateRangePicker/DateRangePicker.module.scss +237 -0
- package/src/components/DateRangePicker/DateRangePicker.tokens.scss +78 -0
- package/src/components/DateRangePicker/DateRangePicker.tsx +720 -0
- package/src/components/DateRangePicker/InlineDateRangePicker.module.scss +94 -0
- package/src/components/DateRangePicker/InlineDateRangePicker.tsx +376 -0
- package/src/components/DateRangePicker/index.ts +5 -0
- package/src/components/DateRangePicker/utils.ts +151 -0
- package/src/components/DateStrip/DateStrip.module.scss +78 -0
- package/src/components/DateStrip/DateStrip.tokens.scss +23 -0
- package/src/components/DateStrip/DateStrip.tsx +205 -0
- package/src/components/DateStrip/index.ts +2 -0
- package/src/components/DefinitionList/DefinitionList.module.scss +102 -0
- package/src/components/DefinitionList/DefinitionList.tokens.scss +29 -0
- package/src/components/DefinitionList/DefinitionList.tsx +198 -0
- package/src/components/DefinitionList/index.ts +9 -0
- package/src/components/Divider/Divider.module.scss +144 -0
- package/src/components/Divider/Divider.tokens.scss +21 -0
- package/src/components/Divider/Divider.tsx +103 -0
- package/src/components/Divider/index.ts +2 -0
- package/src/components/Dot/Dot.module.scss +40 -0
- package/src/components/Dot/Dot.tokens.scss +4 -0
- package/src/components/Dot/Dot.tsx +45 -0
- package/src/components/Dot/index.ts +2 -0
- package/src/components/Drawer/Body.tsx +23 -0
- package/src/components/Drawer/Close.tsx +35 -0
- package/src/components/Drawer/Content.tsx +93 -0
- package/src/components/Drawer/Drawer.module.scss +232 -0
- package/src/components/Drawer/Drawer.tokens.scss +38 -0
- package/src/components/Drawer/Drawer.tsx +23 -0
- package/src/components/Drawer/DrawerRoot.tsx +190 -0
- package/src/components/Drawer/Footer.tsx +24 -0
- package/src/components/Drawer/Header.tsx +64 -0
- package/src/components/Drawer/Overlay.tsx +82 -0
- package/src/components/Drawer/context.ts +44 -0
- package/src/components/Drawer/index.ts +12 -0
- package/src/components/Drawer/useDragToClose.ts +149 -0
- package/src/components/DropdownMenu/CheckboxItem.tsx +144 -0
- package/src/components/DropdownMenu/Content.tsx +419 -0
- package/src/components/DropdownMenu/DropdownMenu.module.scss +280 -0
- package/src/components/DropdownMenu/DropdownMenu.tokens.scss +88 -0
- package/src/components/DropdownMenu/DropdownMenu.tsx +43 -0
- package/src/components/DropdownMenu/Group.tsx +76 -0
- package/src/components/DropdownMenu/Item.tsx +148 -0
- package/src/components/DropdownMenu/ItemIndicator.tsx +30 -0
- package/src/components/DropdownMenu/Radio.tsx +178 -0
- package/src/components/DropdownMenu/Root.tsx +100 -0
- package/src/components/DropdownMenu/Sub.tsx +332 -0
- package/src/components/DropdownMenu/Trigger.tsx +76 -0
- package/src/components/DropdownMenu/context.ts +65 -0
- package/src/components/DropdownMenu/index.ts +20 -0
- package/src/components/EmojiPicker/EmojiPicker.module.scss +84 -0
- package/src/components/EmojiPicker/EmojiPicker.tokens.scss +24 -0
- package/src/components/EmojiPicker/EmojiPicker.tsx +341 -0
- package/src/components/EmojiPicker/emojiData.ts +245 -0
- package/src/components/EmojiPicker/index.ts +3 -0
- package/src/components/EmptyState/EmptyState.module.scss +102 -0
- package/src/components/EmptyState/EmptyState.tokens.scss +28 -0
- package/src/components/EmptyState/EmptyState.tsx +112 -0
- package/src/components/EmptyState/index.ts +7 -0
- package/src/components/EntityChip/EntityChip.module.scss +275 -0
- package/src/components/EntityChip/EntityChip.tokens.scss +66 -0
- package/src/components/EntityChip/EntityChip.tsx +649 -0
- package/src/components/EntityChip/index.ts +10 -0
- package/src/components/ErrorState/ErrorState.module.scss +105 -0
- package/src/components/ErrorState/ErrorState.tokens.scss +32 -0
- package/src/components/ErrorState/ErrorState.tsx +125 -0
- package/src/components/ErrorState/index.ts +8 -0
- package/src/components/Field/Field.module.scss +46 -0
- package/src/components/Field/Field.tsx +185 -0
- package/src/components/Field/index.ts +2 -0
- package/src/components/FileUpload/FileUpload.module.scss +187 -0
- package/src/components/FileUpload/FileUpload.tokens.scss +81 -0
- package/src/components/FileUpload/FileUpload.tsx +569 -0
- package/src/components/FileUpload/formatBytes.ts +34 -0
- package/src/components/FileUpload/iconForFile.ts +40 -0
- package/src/components/FileUpload/index.ts +2 -0
- package/src/components/FilterChip/FilterChip.module.scss +61 -0
- package/src/components/FilterChip/FilterChip.tokens.scss +25 -0
- package/src/components/FilterChip/FilterChip.tsx +208 -0
- package/src/components/FilterChip/index.ts +5 -0
- package/src/components/FlowCanvas/FlowCanvas.module.scss +329 -0
- package/src/components/FlowCanvas/FlowCanvas.tokens.scss +45 -0
- package/src/components/FlowCanvas/FlowCanvas.tsx +1867 -0
- package/src/components/FlowCanvas/FlowControls.tsx +46 -0
- package/src/components/FlowCanvas/FlowEdge.tsx +58 -0
- package/src/components/FlowCanvas/FlowNode.tsx +76 -0
- package/src/components/FlowCanvas/edgePath.ts +85 -0
- package/src/components/FlowCanvas/index.ts +4 -0
- package/src/components/FlowCanvas/layout.ts +148 -0
- package/src/components/FlowCanvas/spatialNav.ts +76 -0
- package/src/components/FlowCanvas/types.ts +59 -0
- package/src/components/FlowCanvas/useViewport.ts +122 -0
- package/src/components/FormRow/FormRow.module.scss +2 -0
- package/src/components/FormRow/FormRow.tsx +37 -0
- package/src/components/FormRow/index.ts +2 -0
- package/src/components/FormSection/FormSection.module.scss +24 -0
- package/src/components/FormSection/FormSection.tsx +46 -0
- package/src/components/FormSection/index.ts +2 -0
- package/src/components/Grid/Grid.module.scss +162 -0
- package/src/components/Grid/Grid.tokens.scss +13 -0
- package/src/components/Grid/Grid.tsx +226 -0
- package/src/components/Grid/GridItem.tsx +77 -0
- package/src/components/Grid/index.ts +11 -0
- package/src/components/Highlight/Highlight.module.scss +43 -0
- package/src/components/Highlight/Highlight.tokens.scss +35 -0
- package/src/components/Highlight/Highlight.tsx +164 -0
- package/src/components/Highlight/HighlightOverlay.tsx +100 -0
- package/src/components/Highlight/index.ts +2 -0
- package/src/components/HighlightedText/HighlightedText.module.scss +11 -0
- package/src/components/HighlightedText/HighlightedText.tokens.scss +9 -0
- package/src/components/HighlightedText/HighlightedText.tsx +50 -0
- package/src/components/HighlightedText/highlightRanges.ts +44 -0
- package/src/components/HighlightedText/index.ts +2 -0
- package/src/components/IconPicker/IconPicker.module.scss +175 -0
- package/src/components/IconPicker/IconPicker.tokens.scss +40 -0
- package/src/components/IconPicker/IconPicker.tsx +629 -0
- package/src/components/IconPicker/index.ts +9 -0
- package/src/components/IconTile/IconTile.module.scss +57 -0
- package/src/components/IconTile/IconTile.tokens.scss +16 -0
- package/src/components/IconTile/IconTile.tsx +91 -0
- package/src/components/IconTile/index.ts +2 -0
- package/src/components/Image/Image.module.scss +266 -0
- package/src/components/Image/Image.tokens.scss +55 -0
- package/src/components/Image/Image.tsx +342 -0
- package/src/components/Image/index.ts +2 -0
- package/src/components/ImageCrop/ImageCrop.module.scss +274 -0
- package/src/components/ImageCrop/ImageCrop.tokens.scss +33 -0
- package/src/components/ImageCrop/ImageCrop.tsx +542 -0
- package/src/components/ImageCrop/cropGeometry.ts +120 -0
- package/src/components/ImageCrop/extractCropBlob.ts +140 -0
- package/src/components/ImageCrop/index.ts +11 -0
- package/src/components/ImageCrop/useCropPreview.ts +161 -0
- package/src/components/Indent/Indent.module.scss +33 -0
- package/src/components/Indent/Indent.tokens.scss +10 -0
- package/src/components/Indent/Indent.tsx +46 -0
- package/src/components/Indent/index.ts +2 -0
- package/src/components/Input/Input.module.scss +99 -0
- package/src/components/Input/Input.tokens.scss +54 -0
- package/src/components/Input/Input.tsx +105 -0
- package/src/components/Input/Suggestions.tsx +260 -0
- package/src/components/Input/index.ts +2 -0
- package/src/components/Kanban/Kanban.module.scss +39 -0
- package/src/components/Kanban/Kanban.tokens.scss +15 -0
- package/src/components/Kanban/Kanban.tsx +951 -0
- package/src/components/Kanban/index.ts +7 -0
- package/src/components/Kbd/Kbd.module.scss +47 -0
- package/src/components/Kbd/Kbd.tokens.scss +26 -0
- package/src/components/Kbd/Kbd.tsx +73 -0
- package/src/components/Kbd/index.ts +2 -0
- package/src/components/Lightbox/Lightbox.module.scss +283 -0
- package/src/components/Lightbox/Lightbox.tokens.scss +36 -0
- package/src/components/Lightbox/Lightbox.tsx +506 -0
- package/src/components/Lightbox/index.ts +2 -0
- package/src/components/Link/Link.module.scss +78 -0
- package/src/components/Link/Link.tokens.scss +28 -0
- package/src/components/Link/Link.tsx +114 -0
- package/src/components/Link/index.ts +2 -0
- package/src/components/LinkCard/LinkCard.module.scss +92 -0
- package/src/components/LinkCard/LinkCard.tokens.scss +9 -0
- package/src/components/LinkCard/LinkCard.tsx +72 -0
- package/src/components/LinkCard/index.ts +2 -0
- package/src/components/LiquidEditor/AutocompleteMenu.tsx +133 -0
- package/src/components/LiquidEditor/HighlightLayer.tsx +53 -0
- package/src/components/LiquidEditor/InsertVariableMenu.tsx +81 -0
- package/src/components/LiquidEditor/LiquidEditor.module.scss +339 -0
- package/src/components/LiquidEditor/LiquidEditor.tokens.scss +81 -0
- package/src/components/LiquidEditor/LiquidEditor.tsx +412 -0
- package/src/components/LiquidEditor/PreviewPane.tsx +29 -0
- package/src/components/LiquidEditor/caretCoordinates.ts +97 -0
- package/src/components/LiquidEditor/index.ts +7 -0
- package/src/components/LiquidEditor/liquidFilters.ts +23 -0
- package/src/components/LiquidEditor/liquidTokenizer.ts +235 -0
- package/src/components/LiquidEditor/types.ts +101 -0
- package/src/components/LiquidEditor/useLiquidAutocomplete.ts +178 -0
- package/src/components/List/List.module.scss +105 -0
- package/src/components/List/List.tokens.scss +42 -0
- package/src/components/List/List.tsx +124 -0
- package/src/components/List/index.ts +9 -0
- package/src/components/LiveRegion/LiveRegion.module.scss +3 -0
- package/src/components/LiveRegion/LiveRegion.tsx +116 -0
- package/src/components/LiveRegion/index.ts +2 -0
- package/src/components/Logo/Logo.module.scss +139 -0
- package/src/components/Logo/Logo.tokens.scss +14 -0
- package/src/components/Logo/Logo.tsx +126 -0
- package/src/components/Logo/index.ts +2 -0
- package/src/components/Masonry/Masonry.module.scss +42 -0
- package/src/components/Masonry/Masonry.tokens.scss +8 -0
- package/src/components/Masonry/Masonry.tsx +136 -0
- package/src/components/Masonry/index.ts +2 -0
- package/src/components/Masonry/masonryUtils.ts +42 -0
- package/src/components/MediaTile/MediaTile.module.scss +183 -0
- package/src/components/MediaTile/MediaTile.tokens.scss +60 -0
- package/src/components/MediaTile/MediaTile.tsx +208 -0
- package/src/components/MediaTile/index.ts +8 -0
- package/src/components/Modal/Body.tsx +27 -0
- package/src/components/Modal/Close.tsx +45 -0
- package/src/components/Modal/Content.tsx +98 -0
- package/src/components/Modal/Footer.tsx +28 -0
- package/src/components/Modal/Header.tsx +51 -0
- package/src/components/Modal/Modal.module.scss +262 -0
- package/src/components/Modal/Modal.tokens.scss +50 -0
- package/src/components/Modal/Modal.tsx +23 -0
- package/src/components/Modal/ModalRoot.tsx +299 -0
- package/src/components/Modal/Overlay.tsx +101 -0
- package/src/components/Modal/context.ts +60 -0
- package/src/components/Modal/index.ts +11 -0
- package/src/components/MoneyInput/MoneyInput.module.scss +57 -0
- package/src/components/MoneyInput/MoneyInput.tsx +433 -0
- package/src/components/MoneyInput/index.ts +2 -0
- package/src/components/OptionsPicker/OptionsPicker.module.scss +216 -0
- package/src/components/OptionsPicker/OptionsPicker.tokens.scss +68 -0
- package/src/components/OptionsPicker/OptionsPicker.tsx +936 -0
- package/src/components/OptionsPicker/index.ts +9 -0
- package/src/components/OtpInput/OtpInput.module.scss +69 -0
- package/src/components/OtpInput/OtpInput.tokens.scss +45 -0
- package/src/components/OtpInput/OtpInput.tsx +368 -0
- package/src/components/OtpInput/index.ts +2 -0
- package/src/components/Page/Page.module.scss +30 -0
- package/src/components/Page/Page.tokens.scss +11 -0
- package/src/components/Page/Page.tsx +53 -0
- package/src/components/Page/index.ts +2 -0
- package/src/components/PageHeader/PageHeader.module.scss +197 -0
- package/src/components/PageHeader/PageHeader.tokens.scss +41 -0
- package/src/components/PageHeader/PageHeader.tsx +310 -0
- package/src/components/PageHeader/index.ts +20 -0
- package/src/components/Pagination/Pagination.module.scss +117 -0
- package/src/components/Pagination/Pagination.tokens.scss +54 -0
- package/src/components/Pagination/Pagination.tsx +165 -0
- package/src/components/Pagination/index.ts +4 -0
- package/src/components/Pagination/paginationRange.ts +72 -0
- package/src/components/PasswordInput/PasswordInput.module.scss +120 -0
- package/src/components/PasswordInput/PasswordInput.tokens.scss +44 -0
- package/src/components/PasswordInput/PasswordInput.tsx +210 -0
- package/src/components/PasswordInput/index.ts +2 -0
- package/src/components/PasswordStrengthMeter/PasswordStrengthMeter.module.scss +80 -0
- package/src/components/PasswordStrengthMeter/PasswordStrengthMeter.tokens.scss +40 -0
- package/src/components/PasswordStrengthMeter/PasswordStrengthMeter.tsx +96 -0
- package/src/components/PasswordStrengthMeter/index.ts +2 -0
- package/src/components/PersonDisplay/PersonDisplay.module.scss +180 -0
- package/src/components/PersonDisplay/PersonDisplay.tokens.scss +35 -0
- package/src/components/PersonDisplay/PersonDisplay.tsx +420 -0
- package/src/components/PersonDisplay/index.ts +10 -0
- package/src/components/PhoneInput/PhoneInput.module.scss +23 -0
- package/src/components/PhoneInput/PhoneInput.tsx +271 -0
- package/src/components/PhoneInput/index.ts +4 -0
- package/src/components/PhoneInput/phone.ts +128 -0
- package/src/components/PillMenu/PillMenu.module.scss +117 -0
- package/src/components/PillMenu/PillMenu.tokens.scss +22 -0
- package/src/components/PillMenu/PillMenu.tsx +324 -0
- package/src/components/PillMenu/index.ts +2 -0
- package/src/components/Popover/Anchor.tsx +37 -0
- package/src/components/Popover/Close.tsx +45 -0
- package/src/components/Popover/Content.tsx +213 -0
- package/src/components/Popover/Heading.tsx +33 -0
- package/src/components/Popover/Popover.module.scss +177 -0
- package/src/components/Popover/Popover.tokens.scss +22 -0
- package/src/components/Popover/Popover.tsx +23 -0
- package/src/components/Popover/PopoverRoot.tsx +75 -0
- package/src/components/Popover/Trigger.tsx +86 -0
- package/src/components/Popover/context.ts +22 -0
- package/src/components/Popover/index.ts +7 -0
- package/src/components/Progress/Progress.module.scss +110 -0
- package/src/components/Progress/Progress.tokens.scss +44 -0
- package/src/components/Progress/Progress.tsx +129 -0
- package/src/components/Progress/index.ts +2 -0
- package/src/components/QrCode/QrCode.module.scss +97 -0
- package/src/components/QrCode/QrCode.tokens.scss +17 -0
- package/src/components/QrCode/QrCode.tsx +233 -0
- package/src/components/QrCode/index.ts +2 -0
- package/src/components/QrCode/qr.ts +161 -0
- package/src/components/Radio/Radio.module.scss +175 -0
- package/src/components/Radio/Radio.tokens.scss +59 -0
- package/src/components/Radio/Radio.tsx +127 -0
- package/src/components/Radio/RadioGroup.module.scss +42 -0
- package/src/components/Radio/RadioGroup.tsx +120 -0
- package/src/components/Radio/RadioGroupContext.tsx +30 -0
- package/src/components/Radio/index.ts +4 -0
- package/src/components/Rail/Rail.module.scss +510 -0
- package/src/components/Rail/Rail.tokens.scss +92 -0
- package/src/components/Rail/Rail.tsx +287 -0
- package/src/components/Rail/RailCollapseToggle.tsx +57 -0
- package/src/components/Rail/RailFooter.tsx +17 -0
- package/src/components/Rail/RailGroup.tsx +728 -0
- package/src/components/Rail/RailGroupContext.ts +9 -0
- package/src/components/Rail/RailHeader.tsx +23 -0
- package/src/components/Rail/RailItem.tsx +119 -0
- package/src/components/Rail/RailSection.tsx +39 -0
- package/src/components/Rail/RailSpacer.tsx +19 -0
- package/src/components/Rail/index.ts +9 -0
- package/src/components/RelativeDateInput/RelativeDateInput.module.scss +15 -0
- package/src/components/RelativeDateInput/RelativeDateInput.tokens.scss +6 -0
- package/src/components/RelativeDateInput/RelativeDateInput.tsx +474 -0
- package/src/components/RelativeDateInput/index.ts +10 -0
- package/src/components/RelativeDateInput/relativeDate.ts +127 -0
- package/src/components/RichText/RichText.module.scss +5 -0
- package/src/components/RichText/RichText.tsx +70 -0
- package/src/components/RichText/RichTextAttachment.module.scss +82 -0
- package/src/components/RichText/RichTextAttachment.tsx +122 -0
- package/src/components/RichText/_prose.scss +79 -0
- package/src/components/RichText/attachmentIcon.tsx +24 -0
- package/src/components/RichText/engine/attachment.ts +154 -0
- package/src/components/RichText/engine/autolink.ts +64 -0
- package/src/components/RichText/engine/blockUnit.ts +174 -0
- package/src/components/RichText/engine/colorMarks.ts +85 -0
- package/src/components/RichText/engine/escape.ts +11 -0
- package/src/components/RichText/engine/fromHtml.ts +353 -0
- package/src/components/RichText/engine/fromMarkdown.ts +20 -0
- package/src/components/RichText/engine/inlines.ts +82 -0
- package/src/components/RichText/engine/listDepths.ts +32 -0
- package/src/components/RichText/engine/marks.ts +80 -0
- package/src/components/RichText/engine/mdToHtml.ts +178 -0
- package/src/components/RichText/engine/model.ts +157 -0
- package/src/components/RichText/engine/position.ts +118 -0
- package/src/components/RichText/engine/renderDoc.tsx +395 -0
- package/src/components/RichText/engine/renderLink.ts +15 -0
- package/src/components/RichText/engine/renderMention.ts +16 -0
- package/src/components/RichText/engine/safeHref.ts +22 -0
- package/src/components/RichText/engine/toHtml.ts +154 -0
- package/src/components/RichText/engine/toMarkdown.ts +97 -0
- package/src/components/RichText/engine/transforms.ts +434 -0
- package/src/components/RichText/imageMaxHeightStyle.ts +10 -0
- package/src/components/RichText/index.ts +31 -0
- package/src/components/RichTextEditor/RichTextAttachmentConfig.tsx +264 -0
- package/src/components/RichTextEditor/RichTextBlockControls.tsx +365 -0
- package/src/components/RichTextEditor/RichTextBlockMenu.tsx +162 -0
- package/src/components/RichTextEditor/RichTextColorMenu.tsx +115 -0
- package/src/components/RichTextEditor/RichTextEditor.module.scss +298 -0
- package/src/components/RichTextEditor/RichTextEditor.tsx +1910 -0
- package/src/components/RichTextEditor/RichTextImageResizer.tsx +131 -0
- package/src/components/RichTextEditor/RichTextLinkEditor.tsx +151 -0
- package/src/components/RichTextEditor/RichTextMentionMenu.tsx +99 -0
- package/src/components/RichTextEditor/RichTextToolbar.tsx +379 -0
- package/src/components/RichTextEditor/autolinkInput.ts +65 -0
- package/src/components/RichTextEditor/blockDrop.ts +9 -0
- package/src/components/RichTextEditor/blockReflow.ts +62 -0
- package/src/components/RichTextEditor/commands.ts +300 -0
- package/src/components/RichTextEditor/history.ts +93 -0
- package/src/components/RichTextEditor/icons.tsx +152 -0
- package/src/components/RichTextEditor/imageSize.ts +70 -0
- package/src/components/RichTextEditor/index.ts +5 -0
- package/src/components/RichTextEditor/input.ts +209 -0
- package/src/components/RichTextEditor/inputRules.ts +71 -0
- package/src/components/RichTextEditor/links.ts +103 -0
- package/src/components/RichTextEditor/mentionContext.ts +37 -0
- package/src/components/RichTextEditor/mentions.ts +28 -0
- package/src/components/RichTextEditor/preventSelectionLoss.ts +15 -0
- package/src/components/RichTextEditor/selection.ts +415 -0
- package/src/components/RichTextEditor/shortcuts.ts +44 -0
- package/src/components/RichTextEditor/useAnchoredFloating.ts +50 -0
- package/src/components/RichTextEditor/useAttachmentConfig.ts +134 -0
- package/src/components/RichTextEditor/useDismissOnOutsidePointerDown.ts +26 -0
- package/src/components/RichTextEditor/useLinkEditor.ts +107 -0
- package/src/components/RichTextEditor/useMention.ts +226 -0
- package/src/components/RichTextEditor/useOverlayRect.ts +73 -0
- package/src/components/RichTextEditor/useUpload.ts +246 -0
- package/src/components/Screen/Screen.module.scss +46 -0
- package/src/components/Screen/Screen.tokens.scss +20 -0
- package/src/components/Screen/Screen.tsx +97 -0
- package/src/components/Screen/index.ts +2 -0
- package/src/components/ScrollArea/ScrollArea.module.scss +39 -0
- package/src/components/ScrollArea/ScrollArea.tokens.scss +15 -0
- package/src/components/ScrollArea/ScrollArea.tsx +154 -0
- package/src/components/ScrollArea/index.ts +2 -0
- package/src/components/Select/Chip.tsx +45 -0
- package/src/components/Select/Empty.tsx +39 -0
- package/src/components/Select/Error.tsx +51 -0
- package/src/components/Select/HiddenInputs.tsx +44 -0
- package/src/components/Select/Listbox.tsx +557 -0
- package/src/components/Select/Loading.tsx +30 -0
- package/src/components/Select/Select.module.scss +512 -0
- package/src/components/Select/Select.tokens.scss +140 -0
- package/src/components/Select/Select.tsx +685 -0
- package/src/components/Select/Trigger.tsx +952 -0
- package/src/components/Select/context.ts +101 -0
- package/src/components/Select/emptyStateText.ts +19 -0
- package/src/components/Select/index.ts +9 -0
- package/src/components/Select/useSelectState.ts +157 -0
- package/src/components/Select/utils-types.ts +7 -0
- package/src/components/Select/utils.ts +122 -0
- package/src/components/SettingRow/SettingRow.module.scss +166 -0
- package/src/components/SettingRow/SettingRow.tokens.scss +37 -0
- package/src/components/SettingRow/SettingRow.tsx +242 -0
- package/src/components/SettingRow/index.ts +7 -0
- package/src/components/Skeleton/Skeleton.module.scss +55 -0
- package/src/components/Skeleton/Skeleton.tokens.scss +17 -0
- package/src/components/Skeleton/Skeleton.tsx +131 -0
- package/src/components/Skeleton/index.ts +4 -0
- package/src/components/Skeleton/useSkeletonVisibility.ts +95 -0
- package/src/components/Slider/Slider.module.scss +293 -0
- package/src/components/Slider/Slider.tokens.scss +98 -0
- package/src/components/Slider/Slider.tsx +624 -0
- package/src/components/Slider/index.ts +9 -0
- package/src/components/SlotGrid/SlotGrid.module.scss +61 -0
- package/src/components/SlotGrid/SlotGrid.tokens.scss +21 -0
- package/src/components/SlotGrid/SlotGrid.tsx +111 -0
- package/src/components/SlotGrid/index.ts +2 -0
- package/src/components/SocialButton/SocialButton.module.scss +4 -0
- package/src/components/SocialButton/SocialButton.tsx +40 -0
- package/src/components/SocialButton/index.ts +2 -0
- package/src/components/Sortable/Sortable.module.scss +177 -0
- package/src/components/Sortable/Sortable.tokens.scss +27 -0
- package/src/components/Sortable/Sortable.tsx +572 -0
- package/src/components/Sortable/containerAwareCollision.ts +125 -0
- package/src/components/Sortable/index.ts +13 -0
- package/src/components/SortableGroup/SortableGroup.module.scss +23 -0
- package/src/components/SortableGroup/SortableGroup.tsx +315 -0
- package/src/components/SortableGroup/index.ts +4 -0
- package/src/components/SortableGroup/moveSortableItem.ts +39 -0
- package/src/components/Sparkline/Sparkline.module.scss +28 -0
- package/src/components/Sparkline/Sparkline.tokens.scss +7 -0
- package/src/components/Sparkline/Sparkline.tsx +133 -0
- package/src/components/Sparkline/index.ts +2 -0
- package/src/components/Sparkline/sparklineModel.ts +119 -0
- package/src/components/Split/Split.module.scss +158 -0
- package/src/components/Split/Split.tokens.scss +10 -0
- package/src/components/Split/Split.tsx +231 -0
- package/src/components/Split/index.ts +2 -0
- package/src/components/Stack/Stack.module.scss +67 -0
- package/src/components/Stack/Stack.tokens.scss +11 -0
- package/src/components/Stack/Stack.tsx +100 -0
- package/src/components/Stack/index.ts +2 -0
- package/src/components/StagePath/StagePath.module.scss +255 -0
- package/src/components/StagePath/StagePath.tokens.scss +43 -0
- package/src/components/StagePath/StagePath.tsx +176 -0
- package/src/components/StagePath/index.ts +2 -0
- package/src/components/StatGroup/StatGroup.module.scss +6 -0
- package/src/components/StatGroup/StatGroup.tsx +70 -0
- package/src/components/StatGroup/StatGroupContext.ts +10 -0
- package/src/components/StatGroup/StatTile.module.scss +99 -0
- package/src/components/StatGroup/StatTile.tokens.scss +35 -0
- package/src/components/StatGroup/StatTile.tsx +143 -0
- package/src/components/StatGroup/index.ts +4 -0
- package/src/components/Sticky/Sticky.module.scss +98 -0
- package/src/components/Sticky/Sticky.tokens.scss +17 -0
- package/src/components/Sticky/Sticky.tsx +103 -0
- package/src/components/Sticky/index.ts +2 -0
- package/src/components/Switch/Switch.module.scss +182 -0
- package/src/components/Switch/Switch.tokens.scss +59 -0
- package/src/components/Switch/Switch.tsx +214 -0
- package/src/components/Switch/index.ts +2 -0
- package/src/components/Table/Table.module.scss +308 -0
- package/src/components/Table/Table.tokens.scss +79 -0
- package/src/components/Table/Table.tsx +381 -0
- package/src/components/Table/index.ts +15 -0
- package/src/components/TableOfContents/TableOfContents.module.scss +83 -0
- package/src/components/TableOfContents/TableOfContents.tokens.scss +26 -0
- package/src/components/TableOfContents/TableOfContents.tsx +192 -0
- package/src/components/TableOfContents/activeSection.ts +18 -0
- package/src/components/TableOfContents/index.ts +2 -0
- package/src/components/Tabs/Tabs.module.scss +359 -0
- package/src/components/Tabs/Tabs.tokens.scss +50 -0
- package/src/components/Tabs/Tabs.tsx +538 -0
- package/src/components/Tabs/index.ts +2 -0
- package/src/components/Text/Text.module.scss +115 -0
- package/src/components/Text/Text.tokens.scss +55 -0
- package/src/components/Text/Text.tsx +197 -0
- package/src/components/Text/index.ts +2 -0
- package/src/components/Textarea/Textarea.module.scss +94 -0
- package/src/components/Textarea/Textarea.tokens.scss +48 -0
- package/src/components/Textarea/Textarea.tsx +246 -0
- package/src/components/Textarea/index.ts +2 -0
- package/src/components/Thread/Thread.module.scss +161 -0
- package/src/components/Thread/Thread.tokens.scss +32 -0
- package/src/components/Thread/Thread.tsx +176 -0
- package/src/components/Thread/index.ts +2 -0
- package/src/components/TimeField/TimeField.module.scss +232 -0
- package/src/components/TimeField/TimeField.tsx +793 -0
- package/src/components/TimeField/index.ts +2 -0
- package/src/components/Timeline/Timeline.module.scss +58 -0
- package/src/components/Timeline/Timeline.tokens.scss +13 -0
- package/src/components/Timeline/Timeline.tsx +53 -0
- package/src/components/Timeline/index.ts +2 -0
- package/src/components/Title/Title.module.scss +84 -0
- package/src/components/Title/Title.tokens.scss +37 -0
- package/src/components/Title/Title.tsx +150 -0
- package/src/components/Title/index.ts +2 -0
- package/src/components/Toast/Toast.module.scss +299 -0
- package/src/components/Toast/Toast.tokens.scss +65 -0
- package/src/components/Toast/Toast.tsx +122 -0
- package/src/components/Toast/ToastViewport.tsx +166 -0
- package/src/components/Toast/api.ts +175 -0
- package/src/components/Toast/index.ts +5 -0
- package/src/components/Toast/store.ts +133 -0
- package/src/components/Toast/useToastTimer.ts +94 -0
- package/src/components/Tooltip/Tooltip.module.scss +99 -0
- package/src/components/Tooltip/Tooltip.tokens.scss +23 -0
- package/src/components/Tooltip/Tooltip.tsx +341 -0
- package/src/components/Tooltip/index.ts +2 -0
- package/src/components/TopBar/TopBar.module.scss +235 -0
- package/src/components/TopBar/TopBar.tokens.scss +79 -0
- package/src/components/TopBar/TopBar.tsx +87 -0
- package/src/components/TopBar/TopBarEnd.tsx +20 -0
- package/src/components/TopBar/TopBarIconButton.tsx +86 -0
- package/src/components/TopBar/TopBarSearch.tsx +319 -0
- package/src/components/TopBar/TopBarSearchPanel.tsx +268 -0
- package/src/components/TopBar/TopBarStart.tsx +20 -0
- package/src/components/TopBar/index.ts +11 -0
- package/src/components/Tour/Spotlight.tsx +121 -0
- package/src/components/Tour/Tour.module.scss +210 -0
- package/src/components/Tour/Tour.tokens.scss +58 -0
- package/src/components/Tour/Tour.tsx +617 -0
- package/src/components/Tour/index.ts +2 -0
- package/src/components/Tour/useTourTarget.ts +115 -0
- package/src/components/TreeView/TreeView.module.scss +268 -0
- package/src/components/TreeView/TreeView.tokens.scss +36 -0
- package/src/components/TreeView/TreeView.tsx +536 -0
- package/src/components/TreeView/index.ts +3 -0
- package/src/components/TreeView/treeModel.ts +224 -0
- package/src/components/VisuallyHidden/VisuallyHidden.module.scss +7 -0
- package/src/components/VisuallyHidden/VisuallyHidden.tsx +29 -0
- package/src/components/VisuallyHidden/index.ts +2 -0
- package/src/components/WidgetPreview/WidgetPreview.module.scss +11 -0
- package/src/components/WidgetPreview/WidgetPreview.tokens.scss +26 -0
- package/src/components/WidgetPreview/WidgetPreview.tsx +36 -0
- package/src/components/WidgetPreview/WidgetShape.module.scss +140 -0
- package/src/components/WidgetPreview/WidgetShape.tsx +159 -0
- package/src/components/WidgetPreview/index.ts +2 -0
- package/src/components/_internal/Trend.tsx +27 -0
- package/src/components/_internal/choiceTile.scss +74 -0
- package/src/components/_internal/collapse.scss +10 -0
- package/src/components/_internal/collapse.ts +58 -0
- package/src/components/_internal/currency.ts +257 -0
- package/src/components/_internal/dragAnnouncements.ts +200 -0
- package/src/components/_internal/fieldWiring.ts +225 -0
- package/src/components/_internal/gridSpan.ts +54 -0
- package/src/components/_internal/isoDay.ts +35 -0
- package/src/components/_internal/letterKey.ts +26 -0
- package/src/components/_internal/overlay/focusRestore.ts +21 -0
- package/src/components/_internal/overlay/index.ts +12 -0
- package/src/components/_internal/overlay/tourHold.ts +23 -0
- package/src/components/_internal/overlay/useFocusTrap.ts +120 -0
- package/src/components/_internal/overlay/useInOverlay.ts +81 -0
- package/src/components/_internal/overlay/useOverlayStack.ts +232 -0
- package/src/components/_internal/overlay/useScrollLock.ts +112 -0
- package/src/components/_internal/refs.ts +48 -0
- package/src/components/_internal/statusColor.ts +26 -0
- package/src/components/_internal/timeUtils.ts +23 -0
- package/src/components/_internal/useAsyncOptions.ts +145 -0
- package/src/components/_internal/useClippedTooltip.ts +50 -0
- package/src/components/_internal/useControllableState.ts +50 -0
- package/src/components.manifest.json +1141 -0
- package/src/hooks/useBelowBreakpoint.ts +58 -0
- package/src/i18n/I18nProvider.tsx +52 -0
- package/src/i18n/LocaleProvider.tsx +17 -0
- package/src/i18n/en.ts +648 -0
- package/src/i18n/format.ts +71 -0
- package/src/i18n/index.ts +13 -0
- package/src/i18n/messages.ts +1275 -0
- package/src/i18n/ru.ts +677 -0
- package/src/i18n/useLocale.ts +19 -0
- package/src/i18n/useTranslation.ts +58 -0
- package/src/index.ts +913 -0
- package/src/palette/index.ts +2 -0
- package/src/palette/palette.ts +108 -0
- package/src/styles/dark.scss +4 -0
- package/src/styles/global.scss +7 -0
- package/src/styles/mixins.scss +143 -0
- package/src/styles/reset.scss +78 -0
- package/src/styles/tokens.scss +18 -0
- package/src/styles/typography.scss +44 -0
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
// toMarkdown.ts — serialize a RichDoc to Markdown (CommonMark + GFM strikethrough,
|
|
2
|
+
// restricted to the model). The inverse of fromMarkdown. Lossy: underline has no
|
|
3
|
+
// Markdown syntax and is dropped — use toHtml for full fidelity.
|
|
4
|
+
import type { RichDoc, Block, Inline, MarkType } from './model';
|
|
5
|
+
import { runsText } from './inlines';
|
|
6
|
+
import { safeHref } from './safeHref';
|
|
7
|
+
import { isListItem, effectiveDepths } from './listDepths';
|
|
8
|
+
import { attachmentIsImage } from './attachment';
|
|
9
|
+
|
|
10
|
+
/** Backslash-escape inline specials so literal chars don't become formatting. */
|
|
11
|
+
function escapeMd(s: string): string {
|
|
12
|
+
return s.replace(/[\\*_`[\]]/g, (c) => `\\${c}`);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/** Escape a leading block marker at the very start of the content. */
|
|
16
|
+
function escapeLineStart(s: string): string {
|
|
17
|
+
return s.replace(/^(\s*)([#>+-]|\d+\.)/, '$1\\$2');
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
// Inline marks innermost → outermost (link applied last, outermost).
|
|
21
|
+
const MARKERS: { type: MarkType; open: string; close: string }[] = [
|
|
22
|
+
{ type: 'code', open: '`', close: '`' },
|
|
23
|
+
{ type: 'strike', open: '~~', close: '~~' },
|
|
24
|
+
{ type: 'italic', open: '*', close: '*' },
|
|
25
|
+
{ type: 'bold', open: '**', close: '**' },
|
|
26
|
+
];
|
|
27
|
+
|
|
28
|
+
function inlineRun(run: Inline): string {
|
|
29
|
+
const isCode = run.marks.some((m) => m.type === 'code');
|
|
30
|
+
// Code content is verbatim; other text is MD-escaped. textColor/bgColor marks
|
|
31
|
+
// have no Markdown representation and are dropped (like underline) — the run's
|
|
32
|
+
// text passes through unchanged with no color markup.
|
|
33
|
+
let text = isCode ? run.text : escapeMd(run.text);
|
|
34
|
+
for (const m of MARKERS) {
|
|
35
|
+
if (run.marks.some((mk) => mk.type === m.type)) text = `${m.open}${text}${m.close}`;
|
|
36
|
+
}
|
|
37
|
+
const linkMark = run.marks.find((m) => m.type === 'link');
|
|
38
|
+
if (linkMark && linkMark.type === 'link') text = `[${text}](${safeHref(linkMark.href) ?? ''})`;
|
|
39
|
+
return text;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
function blockMd(block: Block, depth: number): string {
|
|
43
|
+
if (block.type === 'code_block') return '```\n' + runsText(block.inlines) + '\n```';
|
|
44
|
+
if (block.type === 'attachment') {
|
|
45
|
+
// Only finalized attachments serialize; in-flight/failed uploads emit nothing.
|
|
46
|
+
if (block.status && block.status !== 'ready') return '';
|
|
47
|
+
// An unsafe src drops the whole block (consistent with toHtml) rather than
|
|
48
|
+
// emitting an empty-URL link.
|
|
49
|
+
const url = safeHref(block.src ?? '');
|
|
50
|
+
if (url === undefined) return '';
|
|
51
|
+
return attachmentIsImage(block)
|
|
52
|
+
? ``
|
|
53
|
+
: `[${block.name ?? url}](${url})`;
|
|
54
|
+
}
|
|
55
|
+
const inline = escapeLineStart(block.inlines.map(inlineRun).join(''));
|
|
56
|
+
switch (block.type) {
|
|
57
|
+
case 'heading':
|
|
58
|
+
return `${'#'.repeat(block.level ?? 1)} ${inline}`;
|
|
59
|
+
case 'blockquote':
|
|
60
|
+
return `> ${inline}`;
|
|
61
|
+
case 'bullet_item':
|
|
62
|
+
return `${' '.repeat(depth)}- ${inline}`;
|
|
63
|
+
case 'ordered_item':
|
|
64
|
+
return `${' '.repeat(depth)}1. ${inline}`;
|
|
65
|
+
case 'paragraph':
|
|
66
|
+
default:
|
|
67
|
+
return inline;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
/**
|
|
72
|
+
* Serialize a `RichDoc` to Markdown (CommonMark + GFM strikethrough), the inverse
|
|
73
|
+
* of `fromMarkdown`. Lossy: **underline and text/background color are dropped** (no
|
|
74
|
+
* Markdown syntax — use `toHtml` for full fidelity) and **mentions degrade to plain
|
|
75
|
+
* `@label` text** (the id is not representable in Markdown — `toHtml`/`fromHtml`
|
|
76
|
+
* preserve mentions); images/tables aren't modeled; MD-special escaping
|
|
77
|
+
* is best-effort.
|
|
78
|
+
*
|
|
79
|
+
* @example
|
|
80
|
+
* const md = toMarkdown(doc); // '# Title\n\n- one\n- two'
|
|
81
|
+
*/
|
|
82
|
+
export function toMarkdown(doc: RichDoc): string {
|
|
83
|
+
const eff = effectiveDepths(doc.blocks);
|
|
84
|
+
let out = '';
|
|
85
|
+
for (let i = 0; i < doc.blocks.length; i += 1) {
|
|
86
|
+
const b = doc.blocks[i];
|
|
87
|
+
if (i > 0) {
|
|
88
|
+
// Consecutive SAME-TYPE list items stay in one list (single newline). A
|
|
89
|
+
// bullet→ordered transition needs a blank line, or the Markdown parser would
|
|
90
|
+
// read both as one list and coerce the second to the first's type.
|
|
91
|
+
const prev = doc.blocks[i - 1];
|
|
92
|
+
out += isListItem(prev) && isListItem(b) && prev.type === b.type ? '\n' : '\n\n';
|
|
93
|
+
}
|
|
94
|
+
out += blockMd(b, isListItem(b) ? eff[i] : 0);
|
|
95
|
+
}
|
|
96
|
+
return out;
|
|
97
|
+
}
|
|
@@ -0,0 +1,434 @@
|
|
|
1
|
+
// transforms.ts — Layer D. Document transforms. Pure + immutable; each returns
|
|
2
|
+
// { doc, selection } (the new doc + where the caret/selection should land).
|
|
3
|
+
import type { RichDoc, Block, Point, Range, Mark, MarkType } from './model';
|
|
4
|
+
import { createBlock, nextId } from './model';
|
|
5
|
+
import { normalizeInlines, sliceInlines, mapMarksOverRange, runsLength } from './inlines';
|
|
6
|
+
import { withMark, withoutMark, hasMark } from './marks';
|
|
7
|
+
import {
|
|
8
|
+
blockLength,
|
|
9
|
+
findBlockIndex,
|
|
10
|
+
orderedRange,
|
|
11
|
+
isCollapsed,
|
|
12
|
+
collapsedRange,
|
|
13
|
+
marksForTypedText,
|
|
14
|
+
} from './position';
|
|
15
|
+
import { isVoidBlock } from './attachment';
|
|
16
|
+
|
|
17
|
+
function collapsed(point: Point): Range {
|
|
18
|
+
return collapsedRange(point.blockId, point.offset);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
function replaceBlock(doc: RichDoc, index: number, block: Block): RichDoc {
|
|
22
|
+
const blocks = doc.blocks.slice();
|
|
23
|
+
blocks[index] = block;
|
|
24
|
+
return { blocks };
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/** Bounds of the mention run strictly containing `offset`, or null. */
|
|
28
|
+
function mentionRunBoundsAt(block: Block, offset: number): { start: number; end: number } | null {
|
|
29
|
+
let pos = 0;
|
|
30
|
+
for (const run of block.inlines ?? []) {
|
|
31
|
+
const s = pos;
|
|
32
|
+
const e = pos + run.text.length;
|
|
33
|
+
pos = e;
|
|
34
|
+
if (offset > s && offset < e && run.marks.some((m) => m.type === 'mention')) {
|
|
35
|
+
return { start: s, end: e };
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
return null;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/** Snap a range START leftward out of any mention it bisects. */
|
|
42
|
+
function snapStartOffset(block: Block, offset: number): number {
|
|
43
|
+
const b = mentionRunBoundsAt(block, offset);
|
|
44
|
+
return b ? b.start : offset;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
/** Snap a range END rightward out of any mention it bisects. */
|
|
48
|
+
function snapEndOffset(block: Block, offset: number): number {
|
|
49
|
+
const b = mentionRunBoundsAt(block, offset);
|
|
50
|
+
return b ? b.end : offset;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* Pure/immutable. Insert `text` at `point`, inheriting the marks of the character
|
|
55
|
+
* immediately before the cursor (see {@link marksForTypedText} for the `mention`
|
|
56
|
+
* and `link` boundary exceptions). Returns `{ doc, selection }` with the caret
|
|
57
|
+
* placed after the inserted text. On a void block the text opens a new paragraph
|
|
58
|
+
* after the void. No-op (returns input unchanged) when `text` is empty or
|
|
59
|
+
* `point.blockId` does not exist in `doc`.
|
|
60
|
+
*/
|
|
61
|
+
export function insertText(
|
|
62
|
+
doc: RichDoc,
|
|
63
|
+
point: Point,
|
|
64
|
+
text: string,
|
|
65
|
+
): { doc: RichDoc; selection: Range } {
|
|
66
|
+
if (text === '') return { doc, selection: collapsed(point) };
|
|
67
|
+
const idx = findBlockIndex(doc, point.blockId);
|
|
68
|
+
if (idx === -1) return { doc, selection: collapsed(point) };
|
|
69
|
+
const block = doc.blocks[idx];
|
|
70
|
+
// A void block (e.g. an attachment) holds no editable text — never splice the
|
|
71
|
+
// typed text into it. The caret sits beside it (e.g. after a doc-final image),
|
|
72
|
+
// so the text opens a new paragraph AFTER the void, like insertFragment does.
|
|
73
|
+
// ponytail: a caret BEFORE a void maps to the same {void, 0} point, so it also
|
|
74
|
+
// lands after; distinguishing would need a second void offset in the model.
|
|
75
|
+
if (isVoidBlock(block)) {
|
|
76
|
+
const after = createBlock('paragraph', text);
|
|
77
|
+
const blocks = [...doc.blocks.slice(0, idx + 1), after, ...doc.blocks.slice(idx + 1)];
|
|
78
|
+
return { doc: { blocks }, selection: collapsed({ blockId: after.id, offset: text.length }) };
|
|
79
|
+
}
|
|
80
|
+
const inlines = normalizeInlines([
|
|
81
|
+
...sliceInlines(block.inlines, 0, point.offset),
|
|
82
|
+
{ text, marks: marksForTypedText(doc, point) },
|
|
83
|
+
...sliceInlines(block.inlines, point.offset, blockLength(block)),
|
|
84
|
+
]);
|
|
85
|
+
return {
|
|
86
|
+
doc: replaceBlock(doc, idx, { ...block, inlines }),
|
|
87
|
+
selection: collapsed({ blockId: block.id, offset: point.offset + text.length }),
|
|
88
|
+
};
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
/**
|
|
92
|
+
* Pure/immutable. Delete the content covered by `range`. If `range` is collapsed
|
|
93
|
+
* (anchor === focus) returns `{ doc, selection }` unchanged — no-op. Cross-block
|
|
94
|
+
* ranges merge the surviving text of the start and end blocks. Returns `{ doc,
|
|
95
|
+
* selection }` with the caret at the deletion point.
|
|
96
|
+
*/
|
|
97
|
+
export function deleteRange(doc: RichDoc, range: Range): { doc: RichDoc; selection: Range } {
|
|
98
|
+
const ord = orderedRange(doc, range);
|
|
99
|
+
let start = ord.start;
|
|
100
|
+
let end = ord.end;
|
|
101
|
+
// Collapsed input → no-op (never snap a collapsed caret into a deletion).
|
|
102
|
+
if (start.blockId === end.blockId && start.offset === end.offset) {
|
|
103
|
+
return { doc, selection: collapsed(start) };
|
|
104
|
+
}
|
|
105
|
+
const si = findBlockIndex(doc, start.blockId);
|
|
106
|
+
const ei = findBlockIndex(doc, end.blockId);
|
|
107
|
+
if (si === -1 || ei === -1) return { doc, selection: collapsed(start) };
|
|
108
|
+
// Snap endpoints out of any mention run they bisect, so a partial selection (or
|
|
109
|
+
// a one-char backspace/forward-delete at a chip edge) removes the whole chip.
|
|
110
|
+
start = { ...start, offset: snapStartOffset(doc.blocks[si], start.offset) };
|
|
111
|
+
end = { ...end, offset: snapEndOffset(doc.blocks[ei], end.offset) };
|
|
112
|
+
const startBlock = doc.blocks[si];
|
|
113
|
+
const endBlock = doc.blocks[ei];
|
|
114
|
+
const startVoid = isVoidBlock(startBlock);
|
|
115
|
+
const endVoid = isVoidBlock(endBlock);
|
|
116
|
+
// A void block contributes no text to the merge. Crucially, the survivor must be
|
|
117
|
+
// a TEXT block — never `{...void, inlines: text}` (a model-illegal "attachment
|
|
118
|
+
// with text" that also drops the text from render/serialize). When the start is
|
|
119
|
+
// void, base the survivor on the end block (if it's text) else a fresh paragraph,
|
|
120
|
+
// but keep the start block's id so the caret target stays valid.
|
|
121
|
+
const inlines = normalizeInlines([
|
|
122
|
+
...(startVoid ? [] : sliceInlines(startBlock.inlines, 0, start.offset)),
|
|
123
|
+
...(endVoid ? [] : sliceInlines(endBlock.inlines, end.offset, blockLength(endBlock))),
|
|
124
|
+
]);
|
|
125
|
+
let survivor: Block;
|
|
126
|
+
if (!startVoid) {
|
|
127
|
+
survivor = { ...startBlock, inlines };
|
|
128
|
+
} else if (!endVoid) {
|
|
129
|
+
survivor = { ...endBlock, id: startBlock.id, inlines };
|
|
130
|
+
} else {
|
|
131
|
+
survivor = { ...createBlock('paragraph', '', { id: startBlock.id }), inlines };
|
|
132
|
+
}
|
|
133
|
+
const blocks = doc.blocks.slice();
|
|
134
|
+
blocks.splice(si, ei - si + 1, survivor);
|
|
135
|
+
return {
|
|
136
|
+
doc: { blocks },
|
|
137
|
+
selection: collapsed({ blockId: startBlock.id, offset: startVoid ? 0 : start.offset }),
|
|
138
|
+
};
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
/**
|
|
142
|
+
* Pure/immutable. Split the block at `point` into two blocks of the same type,
|
|
143
|
+
* placing the caret at offset 0 of the new (right) block. On a void block it
|
|
144
|
+
* inserts an empty paragraph after the void instead. Returns `{ doc, selection }`.
|
|
145
|
+
* No-op (returns input) when `point.blockId` is not found.
|
|
146
|
+
*/
|
|
147
|
+
export function splitBlock(doc: RichDoc, point: Point): { doc: RichDoc; selection: Range } {
|
|
148
|
+
const idx = findBlockIndex(doc, point.blockId);
|
|
149
|
+
if (idx === -1) return { doc, selection: collapsed(point) };
|
|
150
|
+
const block = doc.blocks[idx];
|
|
151
|
+
if (isVoidBlock(block)) {
|
|
152
|
+
// Can't split a void — Enter beside it opens an empty paragraph after it.
|
|
153
|
+
const after = createBlock('paragraph');
|
|
154
|
+
const blocks = [...doc.blocks.slice(0, idx + 1), after, ...doc.blocks.slice(idx + 1)];
|
|
155
|
+
return { doc: { blocks }, selection: collapsed({ blockId: after.id, offset: 0 }) };
|
|
156
|
+
}
|
|
157
|
+
const left: Block = {
|
|
158
|
+
...block,
|
|
159
|
+
inlines: normalizeInlines(sliceInlines(block.inlines, 0, point.offset)),
|
|
160
|
+
};
|
|
161
|
+
const rightInlines = normalizeInlines(
|
|
162
|
+
sliceInlines(block.inlines, point.offset, blockLength(block)),
|
|
163
|
+
);
|
|
164
|
+
const right: Block = {
|
|
165
|
+
...createBlock(block.type, '', { level: block.level, depth: block.depth }),
|
|
166
|
+
inlines: rightInlines,
|
|
167
|
+
};
|
|
168
|
+
const blocks = doc.blocks.slice();
|
|
169
|
+
blocks.splice(idx, 1, left, right);
|
|
170
|
+
return { doc: { blocks }, selection: collapsed({ blockId: right.id, offset: 0 }) };
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
/**
|
|
174
|
+
* Pure/immutable. Merge the block identified by `blockId` into the preceding
|
|
175
|
+
* block, appending its inlines. Returns `{ doc, selection }` with the caret at the
|
|
176
|
+
* join point. No-op (returns input) when `blockId` is the first block in the doc.
|
|
177
|
+
*/
|
|
178
|
+
export function mergeBlockBackward(
|
|
179
|
+
doc: RichDoc,
|
|
180
|
+
blockId: string,
|
|
181
|
+
): { doc: RichDoc; selection: Range } {
|
|
182
|
+
const idx = findBlockIndex(doc, blockId);
|
|
183
|
+
if (idx <= 0) return { doc, selection: collapsed({ blockId, offset: 0 }) };
|
|
184
|
+
const prev = doc.blocks[idx - 1];
|
|
185
|
+
const cur = doc.blocks[idx];
|
|
186
|
+
if (isVoidBlock(prev)) {
|
|
187
|
+
const blocks = doc.blocks.slice();
|
|
188
|
+
blocks.splice(idx - 1, 1); // drop the preceding void; `cur` shifts up
|
|
189
|
+
return { doc: { blocks }, selection: collapsed({ blockId: cur.id, offset: 0 }) };
|
|
190
|
+
}
|
|
191
|
+
if (isVoidBlock(cur)) {
|
|
192
|
+
const blocks = doc.blocks.slice();
|
|
193
|
+
blocks.splice(idx, 1); // drop the void; caret to end of prev
|
|
194
|
+
return {
|
|
195
|
+
doc: { blocks },
|
|
196
|
+
selection: collapsed({ blockId: prev.id, offset: blockLength(prev) }),
|
|
197
|
+
};
|
|
198
|
+
}
|
|
199
|
+
const joinOffset = blockLength(prev);
|
|
200
|
+
const inlines = normalizeInlines([...prev.inlines, ...cur.inlines]);
|
|
201
|
+
const blocks = doc.blocks.slice();
|
|
202
|
+
blocks.splice(idx - 1, 2, { ...prev, inlines });
|
|
203
|
+
return { doc: { blocks }, selection: collapsed({ blockId: prev.id, offset: joinOffset }) };
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
function transformMarksOverRange(
|
|
207
|
+
doc: RichDoc,
|
|
208
|
+
range: Range,
|
|
209
|
+
fn: (marks: Mark[]) => Mark[],
|
|
210
|
+
): { doc: RichDoc; selection: Range } {
|
|
211
|
+
const { start, end } = orderedRange(doc, range);
|
|
212
|
+
const si = findBlockIndex(doc, start.blockId);
|
|
213
|
+
const ei = findBlockIndex(doc, end.blockId);
|
|
214
|
+
if (si === -1 || ei === -1) return { doc, selection: range };
|
|
215
|
+
const blocks = doc.blocks.slice();
|
|
216
|
+
for (let i = si; i <= ei; i += 1) {
|
|
217
|
+
const block = blocks[i];
|
|
218
|
+
const from = i === si ? start.offset : 0;
|
|
219
|
+
const to = i === ei ? end.offset : blockLength(block);
|
|
220
|
+
if (to <= from) continue;
|
|
221
|
+
blocks[i] = { ...block, inlines: mapMarksOverRange(block.inlines, from, to, fn) };
|
|
222
|
+
}
|
|
223
|
+
return { doc: { blocks }, selection: range };
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
/**
|
|
227
|
+
* Pure/immutable. Apply `mark` to every character in `range`, splitting inline
|
|
228
|
+
* runs at the boundaries as needed. Returns `{ doc, selection }` with the
|
|
229
|
+
* original range preserved.
|
|
230
|
+
*/
|
|
231
|
+
export function applyMark(
|
|
232
|
+
doc: RichDoc,
|
|
233
|
+
range: Range,
|
|
234
|
+
mark: Mark,
|
|
235
|
+
): { doc: RichDoc; selection: Range } {
|
|
236
|
+
return transformMarksOverRange(doc, range, (m) => withMark(m, mark));
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
/**
|
|
240
|
+
* Pure/immutable. Remove the mark of `type` from every character in `range`.
|
|
241
|
+
* Returns `{ doc, selection }` with the original range preserved.
|
|
242
|
+
*/
|
|
243
|
+
export function removeMark(
|
|
244
|
+
doc: RichDoc,
|
|
245
|
+
range: Range,
|
|
246
|
+
type: MarkType,
|
|
247
|
+
): { doc: RichDoc; selection: Range } {
|
|
248
|
+
return transformMarksOverRange(doc, range, (m) => withoutMark(m, type));
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
/** True iff every character in the (non-empty) range carries `type`. */
|
|
252
|
+
function rangeHasMarkEverywhere(doc: RichDoc, range: Range, type: MarkType): boolean {
|
|
253
|
+
const { start, end } = orderedRange(doc, range);
|
|
254
|
+
if (start.blockId === end.blockId && start.offset === end.offset) return false;
|
|
255
|
+
const si = findBlockIndex(doc, start.blockId);
|
|
256
|
+
const ei = findBlockIndex(doc, end.blockId);
|
|
257
|
+
if (si === -1 || ei === -1) return false;
|
|
258
|
+
for (let i = si; i <= ei; i += 1) {
|
|
259
|
+
const block = doc.blocks[i];
|
|
260
|
+
const from = i === si ? start.offset : 0;
|
|
261
|
+
const to = i === ei ? end.offset : blockLength(block);
|
|
262
|
+
if (to <= from) continue;
|
|
263
|
+
let pos = 0;
|
|
264
|
+
for (const run of block.inlines) {
|
|
265
|
+
const rs = pos;
|
|
266
|
+
const re = pos + run.text.length;
|
|
267
|
+
pos = re;
|
|
268
|
+
const f = Math.max(from, rs);
|
|
269
|
+
const t = Math.min(to, re);
|
|
270
|
+
if (t > f && !hasMark(run.marks, type)) return false;
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
return true;
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
/**
|
|
277
|
+
* Pure/immutable. If every character in `range` already carries `mark.type`,
|
|
278
|
+
* removes it (via `removeMark`); otherwise applies it (via `applyMark`). Returns
|
|
279
|
+
* `{ doc, selection }` with the original range preserved.
|
|
280
|
+
*/
|
|
281
|
+
export function toggleMark(
|
|
282
|
+
doc: RichDoc,
|
|
283
|
+
range: Range,
|
|
284
|
+
mark: Mark,
|
|
285
|
+
): { doc: RichDoc; selection: Range } {
|
|
286
|
+
return rangeHasMarkEverywhere(doc, range, mark.type)
|
|
287
|
+
? removeMark(doc, range, mark.type)
|
|
288
|
+
: applyMark(doc, range, mark);
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
/**
|
|
292
|
+
* Pure/immutable. Set (or clear) the single color mark of `type`
|
|
293
|
+
* (`'textColor'` | `'bgColor'`) over `range`. The run carries at most one color
|
|
294
|
+
* mark of each type: a non-null `key` REPLACES any existing one (clear-then-apply);
|
|
295
|
+
* a `null` key CLEARS it. `key` is a palette key (e.g. `'red'`), resolved to a
|
|
296
|
+
* token at render/serialize time — see `colorMarks.ts`. Returns the new `RichDoc`.
|
|
297
|
+
*
|
|
298
|
+
* Note: returns a bare `RichDoc` (not `{ doc, selection }` like the lower-level
|
|
299
|
+
* `applyMark`/`removeMark`) because a color change never moves the caret — callers
|
|
300
|
+
* keep their existing selection.
|
|
301
|
+
*/
|
|
302
|
+
export function setColorMark(
|
|
303
|
+
doc: RichDoc,
|
|
304
|
+
range: Range,
|
|
305
|
+
type: 'textColor' | 'bgColor',
|
|
306
|
+
key: string | null,
|
|
307
|
+
): RichDoc {
|
|
308
|
+
const cleared = removeMark(doc, range, type).doc;
|
|
309
|
+
return key ? applyMark(cleared, range, { type, color: key }).doc : cleared;
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
/**
|
|
313
|
+
* Pure/immutable. Patch the `type`, `level`, and/or `depth` of the block
|
|
314
|
+
* identified by `blockId`. Cleans up irrelevant fields (`level` for non-headings,
|
|
315
|
+
* `depth` for non-list blocks). Returns `{ doc, selection }` with the caret at
|
|
316
|
+
* offset 0 of the block. No-op (returns input) when `blockId` is not found, or
|
|
317
|
+
* when the target is a void block (an attachment can't become a heading/list —
|
|
318
|
+
* converting it would strip the figure rendering and silently lose the file).
|
|
319
|
+
*/
|
|
320
|
+
export function setBlockType(
|
|
321
|
+
doc: RichDoc,
|
|
322
|
+
blockId: string,
|
|
323
|
+
patch: Partial<Pick<Block, 'type' | 'level' | 'depth'>>,
|
|
324
|
+
): { doc: RichDoc; selection: Range } {
|
|
325
|
+
const idx = findBlockIndex(doc, blockId);
|
|
326
|
+
if (idx === -1) return { doc, selection: collapsed({ blockId, offset: 0 }) };
|
|
327
|
+
if (isVoidBlock(doc.blocks[idx])) return { doc, selection: collapsed({ blockId, offset: 0 }) };
|
|
328
|
+
const next: Block = { ...doc.blocks[idx], ...patch };
|
|
329
|
+
if (next.type !== 'heading') delete next.level;
|
|
330
|
+
if (next.type !== 'bullet_item' && next.type !== 'ordered_item') delete next.depth;
|
|
331
|
+
return { doc: replaceBlock(doc, idx, next), selection: collapsed({ blockId, offset: 0 }) };
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
/**
|
|
335
|
+
* Pure/immutable. Insert a multi-block `fragment` at `range`, replacing any
|
|
336
|
+
* selection, with the conventional paste merge: the fragment's first block
|
|
337
|
+
* continues the current line and its last block rejoins the trailing text.
|
|
338
|
+
* Returns `{ doc, selection }` with the caret at the join. An empty fragment is
|
|
339
|
+
* a no-op (returns the input doc + a collapsed caret).
|
|
340
|
+
*/
|
|
341
|
+
export function insertFragment(
|
|
342
|
+
doc: RichDoc,
|
|
343
|
+
range: Range,
|
|
344
|
+
fragment: RichDoc,
|
|
345
|
+
): { doc: RichDoc; selection: Range } {
|
|
346
|
+
const frag = fragment.blocks;
|
|
347
|
+
const fragEmpty = frag.length === 0 || (frag.length === 1 && blockLength(frag[0]) === 0);
|
|
348
|
+
|
|
349
|
+
const base = isCollapsed(range) ? { doc, selection: range } : deleteRange(doc, range);
|
|
350
|
+
const caret = base.selection.anchor;
|
|
351
|
+
if (fragEmpty) return { doc: base.doc, selection: collapsed(caret) };
|
|
352
|
+
|
|
353
|
+
const idx = findBlockIndex(base.doc, caret.blockId);
|
|
354
|
+
if (idx === -1) return { doc: base.doc, selection: collapsed(caret) };
|
|
355
|
+
const B = base.doc.blocks[idx];
|
|
356
|
+
// Caret resting on a void block (e.g. paste while the caret sits on an
|
|
357
|
+
// attachment): never merge the fragment's text INTO the void — splice the
|
|
358
|
+
// fragment's blocks (fresh ids) immediately after it, caret at the last block.
|
|
359
|
+
if (isVoidBlock(B)) {
|
|
360
|
+
const inserted = frag.map((b) => ({ ...b, id: nextId() }));
|
|
361
|
+
const blocks = base.doc.blocks.slice();
|
|
362
|
+
blocks.splice(idx + 1, 0, ...inserted);
|
|
363
|
+
const lastInserted = inserted[inserted.length - 1];
|
|
364
|
+
return {
|
|
365
|
+
doc: { blocks },
|
|
366
|
+
selection: collapsed({ blockId: lastInserted.id, offset: blockLength(lastInserted) }),
|
|
367
|
+
};
|
|
368
|
+
}
|
|
369
|
+
const left = sliceInlines(B.inlines, 0, caret.offset);
|
|
370
|
+
const right = sliceInlines(B.inlines, caret.offset, blockLength(B));
|
|
371
|
+
|
|
372
|
+
if (frag.length === 1) {
|
|
373
|
+
const merged = normalizeInlines([...left, ...frag[0].inlines, ...right]);
|
|
374
|
+
const offset = caret.offset + runsLength(frag[0].inlines);
|
|
375
|
+
return {
|
|
376
|
+
doc: replaceBlock(base.doc, idx, { ...B, inlines: merged }),
|
|
377
|
+
selection: collapsed({ blockId: B.id, offset }),
|
|
378
|
+
};
|
|
379
|
+
}
|
|
380
|
+
|
|
381
|
+
const first = frag[0];
|
|
382
|
+
const last = frag[frag.length - 1];
|
|
383
|
+
const middle = frag.slice(1, -1).map((b) => ({ ...b, id: nextId() }));
|
|
384
|
+
const bleft: Block = { ...B, inlines: normalizeInlines([...left, ...first.inlines]) };
|
|
385
|
+
const bright: Block = {
|
|
386
|
+
...last,
|
|
387
|
+
id: nextId(),
|
|
388
|
+
inlines: normalizeInlines([...last.inlines, ...right]),
|
|
389
|
+
};
|
|
390
|
+
const blocks = base.doc.blocks.slice();
|
|
391
|
+
blocks.splice(idx, 1, bleft, ...middle, bright);
|
|
392
|
+
return {
|
|
393
|
+
doc: { blocks },
|
|
394
|
+
selection: collapsed({ blockId: bright.id, offset: runsLength(last.inlines) }),
|
|
395
|
+
};
|
|
396
|
+
}
|
|
397
|
+
|
|
398
|
+
/**
|
|
399
|
+
* Pure/immutable. Replace the block-relative span `[range.from, range.to)` with a
|
|
400
|
+
* mention chip run (`text: trigger + mention.label`, mark `{type:'mention', id,
|
|
401
|
+
* label}`) followed by a single trailing space. Returns `{ doc, selection }` with
|
|
402
|
+
* the caret after the trailing space. No-op (collapsed caret at `range.from`) when
|
|
403
|
+
* `blockId` is not found.
|
|
404
|
+
*/
|
|
405
|
+
export function insertMention(
|
|
406
|
+
doc: RichDoc,
|
|
407
|
+
blockId: string,
|
|
408
|
+
range: { from: number; to: number },
|
|
409
|
+
trigger: string,
|
|
410
|
+
mention: { id: string; label: string },
|
|
411
|
+
): { doc: RichDoc; selection: Range } {
|
|
412
|
+
const idx = findBlockIndex(doc, blockId);
|
|
413
|
+
if (idx === -1) return { doc, selection: collapsed({ blockId, offset: range.from }) };
|
|
414
|
+
// Defense-in-depth: a void block holds no text to replace (no UI path forms a
|
|
415
|
+
// mention inside one, but keep the engine uniformly void-safe).
|
|
416
|
+
if (isVoidBlock(doc.blocks[idx]))
|
|
417
|
+
return { doc, selection: collapsed({ blockId, offset: range.from }) };
|
|
418
|
+
// Defensive clamp: tolerate an inverted range (from > to). No-op for valid input.
|
|
419
|
+
const from = Math.min(range.from, range.to);
|
|
420
|
+
const to = Math.max(range.from, range.to);
|
|
421
|
+
const block = doc.blocks[idx];
|
|
422
|
+
const chipText = `${trigger}${mention.label}`;
|
|
423
|
+
const inlines = normalizeInlines([
|
|
424
|
+
...sliceInlines(block.inlines, 0, from),
|
|
425
|
+
{ text: chipText, marks: [{ type: 'mention', id: mention.id, label: mention.label }] },
|
|
426
|
+
{ text: ' ', marks: [] },
|
|
427
|
+
...sliceInlines(block.inlines, to, blockLength(block)),
|
|
428
|
+
]);
|
|
429
|
+
const offset = from + chipText.length + 1;
|
|
430
|
+
return {
|
|
431
|
+
doc: replaceBlock(doc, idx, { ...block, inlines }),
|
|
432
|
+
selection: collapsed({ blockId, offset }),
|
|
433
|
+
};
|
|
434
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { CSSProperties } from 'react';
|
|
2
|
+
|
|
3
|
+
/** Inline style carrying `imageMaxHeight` to the image rule; consumer style wins on conflict. */
|
|
4
|
+
export function imageMaxHeightStyle(
|
|
5
|
+
imageMaxHeight: number | undefined,
|
|
6
|
+
style: CSSProperties | undefined,
|
|
7
|
+
): CSSProperties | undefined {
|
|
8
|
+
if (imageMaxHeight === undefined) return style;
|
|
9
|
+
return { '--rich-text-image-max-height': `${imageMaxHeight}px`, ...style } as CSSProperties;
|
|
10
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export { RichText } from './RichText';
|
|
2
|
+
export type { RichTextProps } from './RichText';
|
|
3
|
+
// Model types are exported with a `Rich` prefix so the package's flat namespace
|
|
4
|
+
// doesn't claim generic names — `Block`/`Mark`/`Point`/`Inline` are likely future
|
|
5
|
+
// collisions and `Range` shadows the DOM global. The engine keeps the short names
|
|
6
|
+
// internally; only the public surface is prefixed.
|
|
7
|
+
export type {
|
|
8
|
+
RichDoc,
|
|
9
|
+
Block as RichBlock,
|
|
10
|
+
BlockType as RichBlockType,
|
|
11
|
+
Inline as RichInline,
|
|
12
|
+
Mark as RichMark,
|
|
13
|
+
MarkType as RichMarkType,
|
|
14
|
+
Point as RichPoint,
|
|
15
|
+
Range as RichRange,
|
|
16
|
+
} from './engine/model';
|
|
17
|
+
export { emptyDoc, createBlock, docFromText } from './engine/model';
|
|
18
|
+
export {
|
|
19
|
+
insertText,
|
|
20
|
+
deleteRange,
|
|
21
|
+
splitBlock,
|
|
22
|
+
mergeBlockBackward,
|
|
23
|
+
applyMark,
|
|
24
|
+
removeMark,
|
|
25
|
+
toggleMark,
|
|
26
|
+
setBlockType,
|
|
27
|
+
} from './engine/transforms';
|
|
28
|
+
export { fromHtml } from './engine/fromHtml';
|
|
29
|
+
export { fromMarkdown } from './engine/fromMarkdown';
|
|
30
|
+
export { toHtml } from './engine/toHtml';
|
|
31
|
+
export { toMarkdown } from './engine/toMarkdown';
|