@prismicio/editor-ui 0.4.86 → 0.4.88
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-coBghf7p.mjs → BarChart-5g5rIx3E.mjs} +1 -1
- package/dist/{BarChart-Iorb738F.js → BarChart-uh63v45P.js} +1 -1
- package/dist/components/ActionList/ActionList.d.ts +1 -1
- package/dist/components/ActionList/ActionList.stories.d.ts +1 -0
- package/dist/components/Alert/AlertContext.d.ts +4 -1
- package/dist/components/Button/Button.d.ts +5 -2
- package/dist/components/Button/Button.stories.d.ts +1 -1
- package/dist/components/ErrorBoundary/ErrorBoundary.d.ts +1 -1
- package/dist/components/IconButton/IconButton.d.ts +0 -2
- package/dist/{index-ugT2HujW.js → index-Lwt5AObf.js} +196 -196
- package/dist/{index--BNL6KeN.mjs → index-lAhV2wrx.mjs} +10578 -10788
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +1 -1
- package/package.json +2 -3
|
@@ -11,7 +11,7 @@ export interface ActionListProps extends PropsWithChildren {
|
|
|
11
11
|
export declare function ActionList(props: ActionListProps): JSX.Element;
|
|
12
12
|
type Color = "grey" | "tomato";
|
|
13
13
|
export type ActionListItemProps = {
|
|
14
|
-
children
|
|
14
|
+
children?: ReactNode;
|
|
15
15
|
color?: Color;
|
|
16
16
|
backgroundColor?: "grey" | "transparent";
|
|
17
17
|
description?: ReactNode;
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import { type ReactNode, type RefObject } from "react";
|
|
2
2
|
import { type FooterButtons } from ".";
|
|
3
3
|
import { type Colors } from "./Alert";
|
|
4
|
+
interface GetFooterButtonsArgs {
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
}
|
|
4
7
|
export interface AlertConfig {
|
|
5
8
|
id?: string;
|
|
6
9
|
title: string;
|
|
7
10
|
subtitle: ReactNode;
|
|
8
|
-
|
|
11
|
+
getFooterButtons?: (args: GetFooterButtonsArgs) => FooterButtons;
|
|
9
12
|
onRetry?: () => void;
|
|
10
13
|
color?: Colors;
|
|
11
14
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { type MouseEvent, type ReactNode } from "react";
|
|
2
|
-
import { type Keys } from "react-hotkeys-hook";
|
|
3
2
|
import type { SX } from "../../theme";
|
|
4
3
|
import { type IconName } from "../Icon";
|
|
5
4
|
export interface ButtonProps {
|
|
@@ -34,7 +33,6 @@ export interface ButtonProps {
|
|
|
34
33
|
endIcon?: IconName;
|
|
35
34
|
renderStartIcon?: (icon: ReactNode) => ReactNode;
|
|
36
35
|
renderEndIcon?: (icon: ReactNode) => ReactNode;
|
|
37
|
-
hotkeys?: Keys;
|
|
38
36
|
/** Invisible variant in the design system. Used for icon buttons with no background */
|
|
39
37
|
invisible?: boolean;
|
|
40
38
|
/** Removes padding around the icon. Will only apply to icon only buttons. */
|
|
@@ -51,6 +49,11 @@ export interface ButtonProps {
|
|
|
51
49
|
* The form ID this button is associated with.
|
|
52
50
|
*/
|
|
53
51
|
form?: string;
|
|
52
|
+
/**
|
|
53
|
+
* A keyboard shortcut that should also trigger this button's onClick handler.
|
|
54
|
+
* Example: "cmd+s"
|
|
55
|
+
*/
|
|
56
|
+
hotKey?: string;
|
|
54
57
|
onClick?: (event: MouseEvent | KeyboardEvent) => void;
|
|
55
58
|
onMouseDown?: (event: MouseEvent) => void;
|
|
56
59
|
onMouseUp?: (event: MouseEvent) => void;
|
|
@@ -29,13 +29,13 @@ export declare const Default: {
|
|
|
29
29
|
endIcon?: "translate" | "visibility" | "search" | "link" | "description" | "code" | "add" | "alert" | "arrowBack" | "arrowDownward" | "arrowDropDown" | "arrowDropDownCircle" | "arrowForward" | "arrowUpward" | "attachFile" | "autoFixHigh" | "autorenew" | "biToggle" | "block" | "calendarToday" | "centerFocusWeak" | "check" | "checkBox" | "checkBoxOutlinedBlank" | "chevronLeft" | "chevronRight" | "close" | "cloud" | "cloudUpload" | "colorLens" | "contentCopy" | "contentPaste" | "createNewFolder" | "creditCard" | "crop" | "cropLandscape" | "cropPortrait" | "dataObject" | "dataUsage" | "database" | "dateRange" | "delete" | "desktopWindows" | "dragIndicator" | "driveFileMove" | "edit" | "event" | "expandLess" | "expandMore" | "firstPage" | "folder" | "folderManaged" | "formatBold" | "formatClear" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatTextDirectionRToL" | "groupWork" | "help" | "hideImage" | "image" | "imageSearch" | "insertDriveFile" | "inventory" | "invite" | "javascript" | "json" | "keyboardArrowDown" | "keyboardArrowUp" | "label" | "language" | "linkOff" | "lock" | "logout" | "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" | "table" | "tabletMac" | "tag" | "terminal" | "textFields" | "thumbDown" | "thumbUp" | "title" | "toggleOff" | "tune" | "typescript" | "unfoldMore" | "unsplash" | "upload" | "videocam" | "viewDay" | "vue" | "warning" | "zoomOutMap" | undefined;
|
|
30
30
|
renderStartIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
|
|
31
31
|
renderEndIcon?: ((icon: import("react").ReactNode) => import("react").ReactNode) | undefined;
|
|
32
|
-
hotkeys?: import("react-hotkeys-hook").Keys | undefined;
|
|
33
32
|
invisible?: boolean | undefined;
|
|
34
33
|
hasPadding?: boolean | undefined;
|
|
35
34
|
underline?: boolean | "hover" | undefined;
|
|
36
35
|
hiddenLabel?: string | undefined;
|
|
37
36
|
type?: "button" | "submit" | "reset" | undefined;
|
|
38
37
|
form?: string | undefined;
|
|
38
|
+
hotKey?: string | undefined;
|
|
39
39
|
onClick?: ((event: import("react").MouseEvent<Element, MouseEvent> | KeyboardEvent) => void) | undefined;
|
|
40
40
|
onMouseDown?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
41
41
|
onMouseUp?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
@@ -3,7 +3,7 @@ import React, { type ReactNode } from "react";
|
|
|
3
3
|
export interface ErrorBoundaryProps {
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
renderError?: (error: unknown, reset: () => void) => ReactNode;
|
|
6
|
-
onError?: (error: unknown) => void;
|
|
6
|
+
onError?: (error: unknown, reset: () => void) => void;
|
|
7
7
|
onReset?: () => void;
|
|
8
8
|
}
|
|
9
9
|
interface State {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { type MouseEvent } from "react";
|
|
2
|
-
import type { Keys } from "react-hotkeys-hook";
|
|
3
2
|
import type { SX } from "../../theme";
|
|
4
3
|
import type { IconName } from "../Icon/iconNames";
|
|
5
4
|
export interface IconButtonProps {
|
|
@@ -8,7 +7,6 @@ export interface IconButtonProps {
|
|
|
8
7
|
hiddenLabel?: string;
|
|
9
8
|
icon: IconName | JSX.Element;
|
|
10
9
|
loading?: boolean;
|
|
11
|
-
hotkeys?: Keys;
|
|
12
10
|
radius?: "normal" | "full";
|
|
13
11
|
size?: "small" | "medium" | "large";
|
|
14
12
|
sx?: SX;
|