@prismicio/editor-ui 0.4.76-alpha.tree-view-component.1 → 0.4.77-alpha.bump-types-internal.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/dist/BarChart--aJ3q6Iz.mjs +9414 -0
- package/dist/BarChart-B7MgPsWW.mjs +9414 -0
- package/dist/BarChart-HkZTxUbd.js +28 -0
- package/dist/BarChart-IL_tSmQR.js +28 -0
- package/dist/BarChart-N9tfHZUp.mjs +9414 -0
- package/dist/BarChart-NL0k1wUp.mjs +9414 -0
- package/dist/BarChart-OHHT4eEA.js +28 -0
- package/dist/BarChart-Q1uqPdDl.mjs +9414 -0
- package/dist/BarChart-dJdAOo0d.js +28 -0
- package/dist/BarChart-eDuUUCMp.js +28 -0
- package/dist/BarChart-k8-TPIIo.mjs +9414 -0
- package/dist/BarChart-kQ4wOCy6.mjs +9414 -0
- package/dist/BarChart-mNQgUOhp.mjs +9414 -0
- package/dist/BarChart-mXHHyTK9.js +28 -0
- package/dist/BarChart-nLFOi_5R.js +28 -0
- package/dist/BarChart-wl3CfD3u.js +28 -0
- package/dist/components/BackgroundIcon/BackgroundIcon.stories.d.ts +1 -1
- package/dist/components/Blockquote/Blockquote.d.ts +2 -0
- package/dist/components/Blockquote/Blockquote.stories.d.ts +16 -0
- package/dist/components/Blockquote/index.d.ts +1 -0
- package/dist/components/Button/Button.stories.d.ts +4 -4
- package/dist/components/Card/Card.d.ts +1 -1
- package/dist/components/Card/Card.stories.d.ts +2 -2
- package/dist/components/Checkbox/Checkbox.d.ts +0 -1
- package/dist/components/Text/Text.d.ts +2 -1
- package/dist/components/TreeView/TreeView.d.ts +8 -25
- package/dist/index-7mKBxjJG.mjs +56387 -0
- package/dist/index-Bj-yzJNr.js +616 -0
- package/dist/index-H2WefE8V.mjs +56380 -0
- package/dist/index-HNNWLhxo.mjs +56377 -0
- package/dist/index-HdH-PUCi.mjs +56380 -0
- package/dist/index-PapWVi4a.js +616 -0
- package/dist/index-_V-Cbpgr.mjs +56380 -0
- package/dist/index-ed_AGgId.js +616 -0
- package/dist/index-fpp_n335.js +616 -0
- package/dist/index-hPKEQkCd.js +616 -0
- package/dist/index-j5_28oG6.mjs +56377 -0
- package/dist/index-o-7wSWyF.mjs +56387 -0
- package/dist/index-qvqjpqnZ.mjs +56379 -0
- package/dist/index-sABf-cCL.js +616 -0
- package/dist/index-vWb-_Y9u.js +616 -0
- package/dist/index-ybIUyQjC.js +616 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.es.js +160 -159
- package/dist/style.css +1 -1
- package/package.json +2 -2
|
@@ -27,7 +27,7 @@ export default meta;
|
|
|
27
27
|
export declare const Default: {
|
|
28
28
|
name: string;
|
|
29
29
|
render: (args: {
|
|
30
|
-
name: "
|
|
30
|
+
name: "search" | "link" | "code" | "label" | "alert" | "table" | "title" | "visibility" | "image" | "close" | "add" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "cloud" | "cloudUpload" | "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" | "help" | "hideImage" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "language" | "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" | "photoCamera" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "receiptLong" | "refresh" | "save" | "schedule" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "thumbDown" | "thumbUp" | "toggleOff" | "translate" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "warning" | "zoomOutMap";
|
|
31
31
|
color?: ("white" | "green" | "grey" | "indigo" | "purple" | "tomato" | "amber") | undefined;
|
|
32
32
|
size?: "small" | "medium" | "large" | "extraSmall" | undefined;
|
|
33
33
|
iconSize?: "small" | "medium" | "large" | undefined;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { Blockquote } from "./Blockquote";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Blockquote;
|
|
6
|
+
argTypes: {
|
|
7
|
+
children: {
|
|
8
|
+
control: {
|
|
9
|
+
disable: true;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
type Story = StoryObj<typeof meta>;
|
|
16
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Blockquote } from "./Blockquote";
|
|
@@ -17,7 +17,7 @@ export declare const Default: {
|
|
|
17
17
|
render: (args: {
|
|
18
18
|
children?: import("react").ReactNode;
|
|
19
19
|
asChild?: boolean | undefined;
|
|
20
|
-
color?: "dark" | "white" | "black" | "green" | "grey" | "indigo" | "purple" | "tomato" | "darkGrey" | "
|
|
20
|
+
color?: "dark" | "white" | "black" | "green" | "grey" | "indigo" | "purple" | "tomato" | "darkGrey" | "amber" | "tomato-dimmed" | undefined;
|
|
21
21
|
size?: "small" | "medium" | "large" | undefined;
|
|
22
22
|
disabled?: boolean | undefined;
|
|
23
23
|
loading?: boolean | 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?: "search" | "link" | "code" | "label" | "alert" | "table" | "title" | "visibility" | "image" | "close" | "add" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "cloud" | "cloudUpload" | "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" | "help" | "hideImage" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "language" | "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" | "photoCamera" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "receiptLong" | "refresh" | "save" | "schedule" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "thumbDown" | "thumbUp" | "toggleOff" | "translate" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "warning" | "zoomOutMap" | undefined;
|
|
30
|
+
endIcon?: "search" | "link" | "code" | "label" | "alert" | "table" | "title" | "visibility" | "image" | "close" | "add" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "cloud" | "cloudUpload" | "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" | "help" | "hideImage" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "language" | "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" | "photoCamera" | "pin" | "place" | "playCircle" | "preview" | "prismic" | "public" | "receiptLong" | "refresh" | "save" | "schedule" | "security" | "sentimentSatisfied" | "settings" | "settingsEthernet" | "smartDisplay" | "svelte" | "tabletMac" | "tag" | "terminal" | "textFields" | "thumbDown" | "thumbUp" | "toggleOff" | "translate" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "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;
|
|
@@ -35,7 +35,7 @@ export declare const Default: {
|
|
|
35
35
|
hasPadding?: boolean | undefined;
|
|
36
36
|
underline?: boolean | "hover" | undefined;
|
|
37
37
|
hiddenLabel?: string | undefined;
|
|
38
|
-
type?: "button" | "
|
|
38
|
+
type?: "button" | "reset" | "submit" | undefined;
|
|
39
39
|
form?: string | undefined;
|
|
40
40
|
onClick?: ((event: import("react").MouseEvent<Element, MouseEvent> | KeyboardEvent) => void) | undefined;
|
|
41
41
|
onMouseDown?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -7,7 +7,7 @@ export interface CardProps {
|
|
|
7
7
|
color?: "grey1" | "grey2" | "grey3" | "indigo2" | "purple1" | "purple2" | "tomato2";
|
|
8
8
|
variant?: "animated-light" | "animated-dark" | "dashed" | "elevated" | "highlighted" | "outlined" | "selected";
|
|
9
9
|
radius?: 4 | 6;
|
|
10
|
-
gap?: 0 | 8 | 12 | 16 | 28 | 32;
|
|
10
|
+
gap?: 0 | 4 | 8 | 12 | 16 | 28 | 32;
|
|
11
11
|
paddingBlock?: 0 | 8 | 12 | 16 | 28 | 32;
|
|
12
12
|
paddingInline?: 0 | 8 | 16 | 24 | 32;
|
|
13
13
|
paddingLeft?: 0 | 16 | 32;
|
|
@@ -33,9 +33,9 @@ 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?: "dashed" | "
|
|
36
|
+
variant?: "dashed" | "animated-light" | "animated-dark" | "elevated" | "highlighted" | "outlined" | "selected" | undefined;
|
|
37
37
|
radius?: 4 | 6 | undefined;
|
|
38
|
-
gap?: 0 | 8 | 12 | 16 | 28 | 32 | undefined;
|
|
38
|
+
gap?: 0 | 4 | 8 | 12 | 16 | 28 | 32 | undefined;
|
|
39
39
|
paddingBlock?: 0 | 8 | 12 | 16 | 28 | 32 | undefined;
|
|
40
40
|
paddingInline?: 0 | 8 | 16 | 24 | 32 | undefined;
|
|
41
41
|
paddingLeft?: 0 | 16 | 32 | undefined;
|
|
@@ -7,6 +7,5 @@ export interface CheckboxProps {
|
|
|
7
7
|
variant?: "default" | "error";
|
|
8
8
|
onCheckedChange?: (checked: boolean, event: MouseEvent) => void;
|
|
9
9
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
10
|
-
defaultChecked?: boolean;
|
|
11
10
|
}
|
|
12
11
|
export declare function Checkbox(props: CheckboxProps): JSX.Element;
|
|
@@ -51,7 +51,7 @@ interface NonLinkProps extends BaseTextProps {
|
|
|
51
51
|
}
|
|
52
52
|
export type TextProps = NonLinkProps | LinkProps;
|
|
53
53
|
export declare const Text: (props: TextProps & import("react").RefAttributes<HTMLElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
54
|
-
type Component = "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "header" | "kbd" | "p" | "pre" | "span" | "label" | "a";
|
|
54
|
+
type Component = "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "kbd" | "p" | "pre" | "span" | "label" | "a";
|
|
55
55
|
export declare const textVariantMapping: {
|
|
56
56
|
readonly normal: "p";
|
|
57
57
|
readonly bold: "p";
|
|
@@ -66,6 +66,7 @@ export declare const textVariantMapping: {
|
|
|
66
66
|
readonly h3: "h3";
|
|
67
67
|
readonly h4: "h4";
|
|
68
68
|
readonly h5: "h5";
|
|
69
|
+
readonly h6: "h6";
|
|
69
70
|
readonly inherit: "p";
|
|
70
71
|
};
|
|
71
72
|
export {};
|
|
@@ -1,39 +1,22 @@
|
|
|
1
|
-
import { type ReactNode } from "react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
name: string;
|
|
6
|
-
items: TreeViewItem[];
|
|
7
|
-
}
|
|
8
|
-
interface TreeViewItemCheckbox {
|
|
9
|
-
type: "checkbox";
|
|
10
|
-
name: string;
|
|
11
|
-
value: boolean;
|
|
12
|
-
}
|
|
13
|
-
export type TreeViewItem = TreeViewItemSection | TreeViewItemCheckbox;
|
|
14
|
-
export interface TreeViewProps {
|
|
1
|
+
import { type MouseEvent, type ReactNode } from "react";
|
|
2
|
+
interface TreeViewProps {
|
|
3
|
+
title: string;
|
|
4
|
+
subtitle: string;
|
|
15
5
|
children: ReactNode;
|
|
16
|
-
title?: string;
|
|
17
|
-
subtitle?: string;
|
|
18
|
-
onChange?: (data: TreeViewItem[]) => void;
|
|
19
6
|
}
|
|
20
7
|
export declare function TreeView(props: TreeViewProps): JSX.Element;
|
|
21
8
|
interface TreeViewSectionProps {
|
|
22
|
-
/** Name that will be used to identify the section in the tree data. */
|
|
23
|
-
name: string;
|
|
24
9
|
title: string;
|
|
25
10
|
children: ReactNode;
|
|
26
11
|
badge?: string;
|
|
27
12
|
subtitle?: string;
|
|
28
|
-
open?: boolean;
|
|
29
|
-
defaultOpen?: boolean;
|
|
30
|
-
onOpenChange?: (open: boolean) => void;
|
|
31
13
|
}
|
|
32
14
|
export declare function TreeViewSection(props: TreeViewSectionProps): JSX.Element;
|
|
33
|
-
interface TreeViewCheckboxProps
|
|
34
|
-
/** Name that will be used to identify the checkbox in the tree data. */
|
|
35
|
-
name: string;
|
|
15
|
+
export interface TreeViewCheckboxProps {
|
|
36
16
|
title: string;
|
|
17
|
+
checked?: boolean;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
onCheckedChange?: (checked: boolean, event: MouseEvent) => void;
|
|
37
20
|
}
|
|
38
21
|
export declare function TreeViewCheckbox(props: TreeViewCheckboxProps): JSX.Element;
|
|
39
22
|
export {};
|