@prismicio/editor-ui 0.4.69 → 0.4.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AnimatedList/AnimatedList.stories.d.ts +1 -1
- package/dist/components/BackgroundIcon/BackgroundIcon.stories.d.ts +3 -3
- package/dist/components/Button/Button.stories.d.ts +2 -2
- package/dist/components/Card/Card.stories.d.ts +1 -1
- package/dist/components/ContentEditable/index.d.ts +1 -1
- package/dist/components/ContentEditable/useEditor.d.ts +2 -6
- package/dist/components/Select/Select.d.ts +1 -0
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/Separator/Separator.stories.d.ts +1 -1
- package/dist/components/Slider/Slider.stories.d.ts +1 -1
- package/dist/components/Video/Video.stories.d.ts +1 -1
- package/dist/index.cjs.js +173 -173
- package/dist/index.d.ts +2 -2
- package/dist/index.es.js +8588 -8358
- package/dist/style.css +1 -1
- package/package.json +2 -2
|
@@ -8,7 +8,7 @@ export default meta;
|
|
|
8
8
|
export declare const Default: {
|
|
9
9
|
render: (args: {
|
|
10
10
|
ariaLabel: string;
|
|
11
|
-
gap?: 0 |
|
|
11
|
+
gap?: 0 | "auto" | "fieldSetGap" | 1 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120 | undefined;
|
|
12
12
|
direction?: "horizontal" | "vertical" | undefined;
|
|
13
13
|
items: unknown[];
|
|
14
14
|
getItemKey: (item: unknown) => string;
|
|
@@ -27,9 +27,9 @@ export default meta;
|
|
|
27
27
|
export declare const Default: {
|
|
28
28
|
name: string;
|
|
29
29
|
render: (args: {
|
|
30
|
-
name: "
|
|
31
|
-
color?: ("
|
|
32
|
-
size?: "small" | "
|
|
30
|
+
name: "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "code" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "creditCard" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dataUsage" | "database" | "dateRange" | "delete" | "description" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "folderManaged" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "groupWork" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "link" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "menuBook" | "migrationRelease" | "moreVert" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "receiptLong" | "refresh" | "save" | "schedule" | "search" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "translate" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "visibility" | "vue" | "warning" | "zoomOutMap";
|
|
31
|
+
color?: ("grey" | "tomato" | "purple" | "white" | "amber" | "green" | "indigo") | undefined;
|
|
32
|
+
size?: "small" | "extraSmall" | "medium" | "large" | undefined;
|
|
33
33
|
iconSize?: "small" | "medium" | "large" | undefined;
|
|
34
34
|
radius?: 6 | "circle" | undefined;
|
|
35
35
|
variant?: "solid" | "soft" | undefined;
|
|
@@ -26,8 +26,8 @@ export declare const Default: {
|
|
|
26
26
|
textWeight?: "bold" | "normal" | undefined;
|
|
27
27
|
radius?: "normal" | "full" | undefined;
|
|
28
28
|
sx?: import("../../theme").SX | undefined;
|
|
29
|
-
startIcon?: "
|
|
30
|
-
endIcon?: "
|
|
29
|
+
startIcon?: "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "code" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "creditCard" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dataUsage" | "database" | "dateRange" | "delete" | "description" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "folderManaged" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "groupWork" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "link" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "menuBook" | "migrationRelease" | "moreVert" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "receiptLong" | "refresh" | "save" | "schedule" | "search" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "translate" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "visibility" | "vue" | "warning" | "zoomOutMap" | undefined;
|
|
30
|
+
endIcon?: "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "code" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "creditCard" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dataUsage" | "database" | "dateRange" | "delete" | "description" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "folderManaged" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "groupWork" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "link" | "linkOff" | "lock" | "looks1" | "looks2" | "looks3" | "looks4" | "looks5" | "looks6" | "menuBook" | "migrationRelease" | "moreVert" | "moveDown" | "moveLeft" | "moveRight" | "moveUp" | "multipleStop" | "musicNote" | "notStarted" | "notes" | "openInFull" | "openInNew" | "outbound" | "people" | "phoneIphone" | "photo" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "receiptLong" | "refresh" | "save" | "schedule" | "search" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "title" | "toggleOff" | "translate" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "visibility" | "vue" | "warning" | "zoomOutMap" | undefined;
|
|
31
31
|
renderStartIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
|
|
32
32
|
renderEndIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
|
|
33
33
|
hotkeys?: import("react-hotkeys-hook").Keys | undefined;
|
|
@@ -33,7 +33,7 @@ export declare const Default: {
|
|
|
33
33
|
render: (args: {
|
|
34
34
|
children?: import("react").ReactNode;
|
|
35
35
|
color?: "grey1" | "grey2" | "grey3" | "indigo2" | "tomato2" | "purple1" | "purple2" | undefined;
|
|
36
|
-
variant?: "
|
|
36
|
+
variant?: "selected" | "dashed" | "animated-light" | "animated-dark" | "elevated" | "highlighted" | "outlined" | undefined;
|
|
37
37
|
radius?: 4 | 6 | undefined;
|
|
38
38
|
gap?: 0 | 8 | 12 | 16 | 28 | 32 | undefined;
|
|
39
39
|
paddingBlock?: 0 | 8 | 12 | 16 | 28 | 32 | undefined;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export { ContentEditable } from "./ContentEditable";
|
|
2
|
-
export { handleEditorFlushSyncError, useEditor } from "./useEditor";
|
|
3
2
|
export declare const contentEditableClass: string;
|
|
4
3
|
export declare const contentEditableNoPaddingClass: string;
|
|
5
4
|
export declare const tableFieldStyles: {
|
|
@@ -11,6 +10,7 @@ export declare const tableFieldStyles: {
|
|
|
11
10
|
tableRowHandle: string;
|
|
12
11
|
tableColumnHandle: string;
|
|
13
12
|
tableHandleVisible: string;
|
|
13
|
+
tableSelectionOverlay: string;
|
|
14
14
|
};
|
|
15
15
|
export declare const contentEditablePlaceholderClass: string;
|
|
16
16
|
export declare const contentEditableMultilinePlaceholderClass: string;
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
import type
|
|
2
|
-
|
|
3
|
-
import { type DependencyList } from "react";
|
|
4
|
-
export declare function useEditor(options?: Partial<UseEditorOptions>, deps?: DependencyList): Editor;
|
|
1
|
+
import { Editor, type UseEditorOptions } from "@tiptap/react";
|
|
2
|
+
export declare function useEditor(options?: UseEditorOptions): Editor | null;
|
|
5
3
|
/**
|
|
6
4
|
* setTimeout is required to combat tiptap flushsync issue
|
|
7
5
|
* https://github.com/ueberdosis/tiptap/issues/3764
|
|
8
6
|
*/
|
|
9
7
|
export declare function handleEditorFlushSyncError(callback: VoidFunction): number;
|
|
10
|
-
type UseEditorOptions = Omit<EditorOptions, "onBeforeCreate" | "onCreate" | "onSelectionUpdate" | "onTransaction" | "onFocus" | "onDestroy">;
|
|
11
|
-
export {};
|
|
@@ -51,6 +51,7 @@ interface SelectItemProps {
|
|
|
51
51
|
value: string;
|
|
52
52
|
}
|
|
53
53
|
export declare function SelectItem(props: SelectItemProps): JSX.Element;
|
|
54
|
+
export declare function SelectSeparator(): JSX.Element;
|
|
54
55
|
interface SelectFooterActionProps {
|
|
55
56
|
onClick: () => void;
|
|
56
57
|
iconName: IconName;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Select, SelectFooterAction, SelectItem, type SelectProps, } from "./Select";
|
|
1
|
+
export { Select, SelectFooterAction, SelectItem, type SelectProps, SelectSeparator, } from "./Select";
|
|
2
2
|
export { SelectGhostTrigger } from "./SelectGhostTrigger";
|
|
@@ -27,7 +27,7 @@ export default meta;
|
|
|
27
27
|
export declare const Default: {
|
|
28
28
|
name: string;
|
|
29
29
|
render: (args: {
|
|
30
|
-
color?: "grey" | "
|
|
30
|
+
color?: "grey" | "tomato" | "purple" | undefined;
|
|
31
31
|
orientation?: "horizontal" | "vertical" | undefined;
|
|
32
32
|
decorative?: boolean | undefined;
|
|
33
33
|
style?: "dashed" | "solid" | undefined;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { StoryObj } from "@storybook/react";
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: ({ value, ...props }: Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "
|
|
4
|
+
component: ({ value, ...props }: Readonly<Pick<import("@radix-ui/react-slider").SliderProps, "value" | "onValueChange" | "min" | "max" | "step">>) => JSX.Element;
|
|
5
5
|
argTypes: {
|
|
6
6
|
value: {};
|
|
7
7
|
onValueChange: {};
|
|
@@ -22,7 +22,7 @@ export declare const Default: {
|
|
|
22
22
|
src: string;
|
|
23
23
|
loop?: boolean | undefined;
|
|
24
24
|
autoPlay?: boolean | undefined;
|
|
25
|
-
sizing?: "
|
|
25
|
+
sizing?: "none" | "contain" | "cover" | undefined;
|
|
26
26
|
borderRadius?: 0 | 4 | undefined;
|
|
27
27
|
boxShadow?: "3" | undefined;
|
|
28
28
|
animateOnLoad?: boolean | undefined;
|