@prismicio/editor-ui 0.4.59-alpha.fix-prevent-onclick-on-tablerow.1 → 0.4.59-alpha.xru-link-variant-link-style.1
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/AnimatedElement/AnimatedElement.d.ts +3 -1
- package/dist/components/AnimatedElement/AnimatedElement.stories.d.ts +3 -1
- package/dist/components/AnimatedList/dnd.d.ts +2 -0
- package/dist/components/BaseInput/BaseInput.d.ts +1 -0
- package/dist/components/Box/Box.d.ts +0 -9
- package/dist/components/CodeBlock/CodeBlock.d.ts +1 -1
- package/dist/components/Draggable/Draggable.d.ts +7 -0
- package/dist/components/Draggable/Draggable.stories.d.ts +25 -0
- package/dist/components/Draggable/index.d.ts +1 -0
- package/dist/components/Field/Field.d.ts +1 -1
- package/dist/components/Field/Field.stories.d.ts +6 -0
- package/dist/components/HairlineButton/HairlineButton.d.ts +1 -0
- package/dist/components/Icon/iconNames.d.ts +1 -1
- package/dist/components/Popover/Popover.d.ts +0 -1
- package/dist/components/Popover/Popover.stories.d.ts +8 -31
- package/dist/components/ScrollArea/ScrollArea.d.ts +3 -0
- package/dist/components/Text/Text.d.ts +2 -0
- package/dist/index.cjs.js +164 -164
- package/dist/index.d.ts +1 -0
- package/dist/index.es.js +6327 -6270
- package/dist/style.css +1 -1
- package/package.json +2 -2
|
@@ -13,7 +13,9 @@ export declare const Default: {
|
|
|
13
13
|
name: "slide";
|
|
14
14
|
offset?: number | undefined;
|
|
15
15
|
} | {
|
|
16
|
-
name: "expand";
|
|
16
|
+
name: "expand-vertical";
|
|
17
|
+
} | {
|
|
18
|
+
name: "expand-horizontal";
|
|
17
19
|
} | undefined;
|
|
18
20
|
enterDuration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
|
|
19
21
|
exitDuration?: 0 | 100 | 75 | 150 | 200 | 250 | 300 | 400 | undefined;
|
|
@@ -39,6 +39,7 @@ export interface UseDndListItemProps<ITEM> {
|
|
|
39
39
|
dragState: DragState | undefined;
|
|
40
40
|
renderDropIndicator: RenderDropIndicator | undefined;
|
|
41
41
|
listId: string;
|
|
42
|
+
itemCount: number;
|
|
42
43
|
}
|
|
43
44
|
export declare function useDndListItem<ITEM>(props: UseDndListItemProps<ITEM>): {
|
|
44
45
|
rowProps: {};
|
|
@@ -57,6 +58,7 @@ export interface RenderDropIndicatorArgs {
|
|
|
57
58
|
isDropTarget: boolean;
|
|
58
59
|
itemIndex: number;
|
|
59
60
|
position: "before" | "after";
|
|
61
|
+
itemCount: number;
|
|
60
62
|
}
|
|
61
63
|
export interface RenderDragPreviewArgs<ITEM> {
|
|
62
64
|
item: ITEM;
|
|
@@ -23,6 +23,7 @@ export interface BaseInputProps {
|
|
|
23
23
|
maxLength?: number;
|
|
24
24
|
disabled?: boolean;
|
|
25
25
|
type?: "text" | "email" | "password" | "number";
|
|
26
|
+
wrap?: boolean;
|
|
26
27
|
sx?: SX;
|
|
27
28
|
onFocus?: (event: FocusEvent<HTMLInputElement, Element>) => void;
|
|
28
29
|
onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void;
|
|
@@ -21,17 +21,8 @@ export type BoxProps = {
|
|
|
21
21
|
animation?: Animation;
|
|
22
22
|
transition?: Transition;
|
|
23
23
|
padding?: Padding;
|
|
24
|
-
/**
|
|
25
|
-
* @deprecated Use or add a more specific component
|
|
26
|
-
*/
|
|
27
24
|
border?: Border;
|
|
28
|
-
/**
|
|
29
|
-
* @deprecated Use or add a more specific component
|
|
30
|
-
*/
|
|
31
25
|
borderRadius?: BorderRadius;
|
|
32
|
-
/**
|
|
33
|
-
* @deprecated Use or add a more specific component
|
|
34
|
-
*/
|
|
35
26
|
borderStyle?: ThemeKeys<"borderStyle">;
|
|
36
27
|
backgroundColor?: ThemeKeys<"color">;
|
|
37
28
|
opacity?: ThemeKeys<"opacity">;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const supportedLanguages: readonly ["typescript", "tsx", "javascript", "jsx", "vue", "svelte", "plaintext", "json", "bash"];
|
|
2
2
|
export interface CodeBlockProps {
|
|
3
3
|
title?: string;
|
|
4
|
-
language: typeof supportedLanguages[number];
|
|
4
|
+
language: (typeof supportedLanguages)[number];
|
|
5
5
|
code: string;
|
|
6
6
|
showLineNumbers?: boolean;
|
|
7
7
|
onCopy?: () => void;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
type DraggableProps = {
|
|
3
|
+
children?: ReactNode;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
};
|
|
6
|
+
export declare const Draggable: (props: DraggableProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: (props: {
|
|
5
|
+
children?: import("react").ReactNode;
|
|
6
|
+
disabled?: boolean | undefined;
|
|
7
|
+
} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
8
|
+
argTypes: {
|
|
9
|
+
disabled: {
|
|
10
|
+
control: {
|
|
11
|
+
disable: boolean;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const Default: {
|
|
17
|
+
render: (props: {
|
|
18
|
+
children?: import("react").ReactNode;
|
|
19
|
+
disabled?: boolean | undefined;
|
|
20
|
+
ref?: import("react").Ref<HTMLDivElement> | undefined;
|
|
21
|
+
key?: import("react").Key | null | undefined;
|
|
22
|
+
}) => JSX.Element;
|
|
23
|
+
name: string;
|
|
24
|
+
};
|
|
25
|
+
export default meta;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Draggable } from "./Draggable";
|
|
@@ -5,8 +5,8 @@ export interface FieldProps {
|
|
|
5
5
|
footer?: ReactNode;
|
|
6
6
|
labelPosition?: "top" | "side";
|
|
7
7
|
selected?: boolean;
|
|
8
|
-
onMouseOverChange?: (isMouseOver: boolean) => void;
|
|
9
8
|
variant?: "normal" | "compact";
|
|
9
|
+
color?: "transparent" | "grey1";
|
|
10
10
|
}
|
|
11
11
|
export declare const Field: (props: FieldProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
12
12
|
interface FieldIconProps {
|
|
@@ -14,6 +14,7 @@ export interface HairlineButtonProps {
|
|
|
14
14
|
content: string;
|
|
15
15
|
side?: TooltipProps["side"];
|
|
16
16
|
};
|
|
17
|
+
size?: "small" | "medium";
|
|
17
18
|
}
|
|
18
19
|
export declare const HairlineButton: (props: HairlineButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
19
20
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const iconNames: readonly ["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", "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", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
|
|
2
|
-
export type IconName = typeof iconNames[number];
|
|
2
|
+
export type IconName = (typeof iconNames)[number];
|
|
@@ -10,7 +10,6 @@ export interface PopoverProps {
|
|
|
10
10
|
align?: "start" | "center" | "end";
|
|
11
11
|
sideOffset?: number;
|
|
12
12
|
onOpenChange?: (open: boolean) => void;
|
|
13
|
-
onMouseOverChange?: (isMouseOver: boolean) => void;
|
|
14
13
|
onInteractOutside?: (event: PopoverInteractOutsideEvent) => void;
|
|
15
14
|
onEscapeKeyDown?: (event: KeyboardEvent) => void;
|
|
16
15
|
}
|
|
@@ -1,32 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
control: {
|
|
8
|
-
disable: boolean;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
anchor: {
|
|
12
|
-
control: {
|
|
13
|
-
disable: boolean;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
align: {
|
|
17
|
-
control: {
|
|
18
|
-
type: string;
|
|
19
|
-
};
|
|
20
|
-
options: string[];
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
args: {
|
|
24
|
-
open: boolean;
|
|
25
|
-
openDelay: number;
|
|
26
|
-
closeDelay: number;
|
|
27
|
-
align: string;
|
|
28
|
-
anchor: JSX.Element;
|
|
29
|
-
children: JSX.Element;
|
|
30
|
-
};
|
|
31
|
-
name: string;
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { Popover } from "./Popover";
|
|
3
|
+
type Story = StoryObj<typeof meta>;
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: typeof Popover;
|
|
32
7
|
};
|
|
8
|
+
export default meta;
|
|
9
|
+
export declare const Default: Story;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type CSSProperties, type ReactNode } from "react";
|
|
2
|
+
import type { ThemeKeys } from "../../theme";
|
|
2
3
|
export interface ScrollAreaProps {
|
|
3
4
|
"aria-label"?: string;
|
|
4
5
|
children?: ReactNode;
|
|
@@ -16,5 +17,7 @@ export interface ScrollAreaProps {
|
|
|
16
17
|
* @default 50
|
|
17
18
|
*/
|
|
18
19
|
threshold?: number;
|
|
20
|
+
scrollPaddingBlock?: ThemeKeys<"space">;
|
|
21
|
+
stableScrollbar?: boolean;
|
|
19
22
|
}
|
|
20
23
|
export declare const ScrollArea: (props: ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
@@ -39,11 +39,13 @@ interface LinkProps extends BaseTextProps {
|
|
|
39
39
|
component?: "a";
|
|
40
40
|
target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];
|
|
41
41
|
rel?: AnchorHTMLAttributes<HTMLAnchorElement>["rel"];
|
|
42
|
+
onClick?: AnchorHTMLAttributes<HTMLAnchorElement>["onClick"];
|
|
42
43
|
}
|
|
43
44
|
interface NonLinkProps extends BaseTextProps {
|
|
44
45
|
component?: Exclude<Component, "a">;
|
|
45
46
|
href?: never;
|
|
46
47
|
inline?: never;
|
|
48
|
+
onClick?: never;
|
|
47
49
|
}
|
|
48
50
|
export type TextProps = NonLinkProps | LinkProps;
|
|
49
51
|
export declare const Text: (props: TextProps & import("react").RefAttributes<HTMLElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|