@webiny/admin-ui 6.0.0-alpha.1 → 6.0.0-alpha.2

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.
Files changed (17) hide show
  1. package/Alert/Alert.d.ts +1 -1
  2. package/Button/IconButton.d.ts +1 -1
  3. package/Card/components/CardRoot.d.ts +3 -3
  4. package/Command/Command.d.ts +5 -5
  5. package/Dialog/components/DialogContent.d.ts +1 -1
  6. package/Dialog/components/DialogFooter.d.ts +1 -1
  7. package/Dialog/components/DialogTitle.d.ts +1 -1
  8. package/Grid/Grid.d.ts +4 -4
  9. package/Heading/Heading.d.ts +1 -1
  10. package/Link/Link.d.ts +1 -1
  11. package/Separator/Separator.d.ts +2 -2
  12. package/Skeleton/Skeleton.d.ts +1 -1
  13. package/Slider/primitives/components/SliderTooltip.d.ts +1 -1
  14. package/Tag/Tag.d.ts +1 -1
  15. package/Textarea/Textarea.d.ts +1 -1
  16. package/Textarea/Textarea.js.map +1 -1
  17. package/package.json +8 -8
package/Alert/Alert.d.ts CHANGED
@@ -2,7 +2,7 @@ import * as React from "react";
2
2
  import { type VariantProps } from "../utils";
3
3
  import { type ButtonProps } from "../Button";
4
4
  declare const alertVariants: (props?: ({
5
- type?: "success" | "info" | "warning" | "danger" | null | undefined;
5
+ type?: "info" | "success" | "warning" | "danger" | null | undefined;
6
6
  variant?: "strong" | "subtle" | null | undefined;
7
7
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
8
8
  export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
package/Button/IconButton.d.ts CHANGED
@@ -3,7 +3,7 @@ import { type VariantProps } from "../utils";
3
3
  declare const iconButtonVariants: (props?: ({
4
4
  variant?: "primary" | "secondary" | "tertiary" | "ghost" | "ghost-negative" | null | undefined;
5
5
  size?: "sm" | "md" | "lg" | "xl" | "xs" | "xxs" | null | undefined;
6
- iconSize?: "default" | "lg" | null | undefined;
6
+ iconSize?: "lg" | "default" | null | undefined;
7
7
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
8
8
  interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof iconButtonVariants> {
9
9
  icon?: React.ReactNode;
package/Card/components/CardRoot.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import React from "react";
2
2
  import type { VariantProps } from "../../utils";
3
3
  declare const cardRootVariants: (props?: ({
4
- padding?: "standard" | "compact" | "comfortable" | null | undefined;
5
- elevation?: "none" | "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
6
- borderRadius?: "none" | "sm" | "md" | null | undefined;
4
+ padding?: "standard" | "comfortable" | "compact" | null | undefined;
5
+ elevation?: "sm" | "md" | "none" | "lg" | "xl" | "xs" | null | undefined;
6
+ borderRadius?: "sm" | "md" | "none" | null | undefined;
7
7
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
8
8
  interface CardRootProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof cardRootVariants> {
9
9
  }
package/Command/Command.d.ts CHANGED
@@ -8,14 +8,14 @@ declare const Command: (({ className, ...props }: React.ComponentPropsWithoutRef
8
8
  ref?: React.Ref<HTMLDivElement> | undefined;
9
9
  } & {
10
10
  asChild?: boolean | undefined;
11
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref">) => React.JSX.Element;
11
+ }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref">) => React.JSX.Element;
12
12
  Group: ({ className, ...props }: Omit<{
13
13
  children?: React.ReactNode;
14
14
  } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
15
15
  ref?: React.Ref<HTMLDivElement> | undefined;
16
16
  } & {
17
17
  asChild?: boolean | undefined;
18
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
18
+ }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
19
19
  heading?: React.ReactNode;
20
20
  value?: string | undefined;
21
21
  forceMount?: boolean | undefined;
@@ -28,7 +28,7 @@ declare const Command: (({ className, ...props }: React.ComponentPropsWithoutRef
28
28
  ref?: React.Ref<HTMLDivElement> | undefined;
29
29
  } & {
30
30
  asChild?: boolean | undefined;
31
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
31
+ }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
32
32
  label?: string | undefined;
33
33
  } & React.RefAttributes<HTMLDivElement>, "ref">) => React.JSX.Element;
34
34
  Loading: (props: Omit<{
@@ -37,7 +37,7 @@ declare const Command: (({ className, ...props }: React.ComponentPropsWithoutRef
37
37
  ref?: React.Ref<HTMLDivElement> | undefined;
38
38
  } & {
39
39
  asChild?: boolean | undefined;
40
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
40
+ }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
41
41
  progress?: number | undefined;
42
42
  label?: string | undefined;
43
43
  } & React.RefAttributes<HTMLDivElement>, "ref">) => React.JSX.Element;
@@ -45,7 +45,7 @@ declare const Command: (({ className, ...props }: React.ComponentPropsWithoutRef
45
45
  ref?: React.Ref<HTMLDivElement> | undefined;
46
46
  } & {
47
47
  asChild?: boolean | undefined;
48
- }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
48
+ }, "asChild" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
49
49
  alwaysRender?: boolean | undefined;
50
50
  } & React.RefAttributes<HTMLDivElement>, "ref">) => React.JSX.Element;
51
51
  };
package/Dialog/components/DialogContent.d.ts CHANGED
@@ -2,7 +2,7 @@ import * as React from "react";
2
2
  import { Dialog as DialogPrimitive } from "radix-ui";
3
3
  import { type VariantProps } from "../../utils";
4
4
  declare const dialogContentVariants: (props?: ({
5
- size?: "full" | "sm" | "md" | "lg" | "xl" | null | undefined;
5
+ size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
6
6
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
7
7
  export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof dialogContentVariants> {
8
8
  dismissible?: boolean;
package/Dialog/components/DialogFooter.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { type VariantProps } from "../../utils";
3
3
  declare const dialogFooterVariants: (props?: ({
4
- size?: "full" | "sm" | "md" | "lg" | "xl" | null | undefined;
4
+ size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
5
5
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
6
6
  export interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dialogFooterVariants> {
7
7
  actions?: React.ReactNode;
package/Dialog/components/DialogTitle.d.ts CHANGED
@@ -2,7 +2,7 @@ import * as React from "react";
2
2
  import { Dialog as DialogPrimitive } from "radix-ui";
3
3
  import { type VariantProps } from "../../utils";
4
4
  declare const dialogTitleVariants: (props?: ({
5
- size?: "full" | "sm" | "md" | "lg" | "xl" | null | undefined;
5
+ size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
6
6
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
7
7
  export type DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> & VariantProps<typeof dialogTitleVariants>;
8
8
  export declare const DialogTitle: ({ className, size, ...props }: DialogTitleProps) => React.JSX.Element;
package/Grid/Grid.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import React from "react";
2
2
  import { type VariantProps } from "../utils";
3
3
  declare const columnVariants: (props?: ({
4
- span?: "auto" | 2 | 1 | 3 | 4 | 8 | 5 | 6 | 10 | 7 | 12 | 9 | 11 | null | undefined;
5
- offset?: 2 | 1 | 3 | 4 | 8 | 5 | 6 | 10 | 7 | 9 | 11 | null | undefined;
6
- align?: "top" | "bottom" | "middle" | null | undefined;
4
+ span?: 1 | 4 | 2 | 3 | 5 | 12 | 6 | 8 | 10 | "auto" | 9 | 7 | 11 | null | undefined;
5
+ offset?: 1 | 4 | 2 | 3 | 5 | 6 | 8 | 10 | 9 | 7 | 11 | null | undefined;
6
+ align?: "bottom" | "top" | "middle" | null | undefined;
7
7
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
8
8
  interface ColumnProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof columnVariants> {
9
9
  children?: React.ReactNode;
@@ -28,7 +28,7 @@ declare const Column: (({ span, align, children, className, offset, ...props }:
28
28
  }>) => (props: unknown) => React.JSX.Element;
29
29
  };
30
30
  declare const gridVariants: (props?: ({
31
- gap?: "small" | "none" | "compact" | "comfortable" | "micro" | "spacious" | null | undefined;
31
+ gap?: "none" | "small" | "comfortable" | "compact" | "micro" | "spacious" | null | undefined;
32
32
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
33
33
  interface GridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
34
34
  children: React.ReactElement<ColumnProps, typeof Column> | Array<React.ReactElement<ColumnProps, typeof Column>>;
package/Heading/Heading.d.ts CHANGED
@@ -3,7 +3,7 @@ import { type VariantProps } from "../utils";
3
3
  export type HeadingTags = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
4
4
  export type HeadingLevels = 1 | 2 | 3 | 4 | 5 | 6;
5
5
  declare const headingVariants: (props?: ({
6
- level?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
6
+ level?: 1 | 4 | 2 | 3 | 5 | 6 | null | undefined;
7
7
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
8
8
  interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariants> {
9
9
  as?: HeadingTags;
package/Link/Link.d.ts CHANGED
@@ -2,7 +2,7 @@ import React from "react";
2
2
  import { type VariantProps } from "../utils";
3
3
  import { type LinkProps as WebinyReactRouterLinkProps } from "@webiny/react-router";
4
4
  declare const linkVariants: (props?: ({
5
- size?: "inherit" | "sm" | "md" | "lg" | "xl" | null | undefined;
5
+ size?: "sm" | "md" | "lg" | "xl" | "inherit" | null | undefined;
6
6
  variant?: "primary" | "secondary" | "primary-negative" | "secondary-negative" | null | undefined;
7
7
  underline?: boolean | null | undefined;
8
8
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
package/Separator/Separator.d.ts CHANGED
@@ -2,9 +2,9 @@ import * as React from "react";
2
2
  import { Separator as SeparatorPrimitive } from "radix-ui";
3
3
  import { type VariantProps } from "../utils";
4
4
  declare const separatorVariants: (props?: ({
5
- margin?: "none" | "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
5
+ margin?: "sm" | "md" | "none" | "lg" | "xl" | "xs" | null | undefined;
6
6
  orientation?: "horizontal" | "vertical" | null | undefined;
7
- variant?: "base" | "transparent" | "strong" | "muted" | "dimmed" | null | undefined;
7
+ variant?: "base" | "strong" | "transparent" | "dimmed" | "muted" | null | undefined;
8
8
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
9
9
  type SeparatorProps = SeparatorPrimitive.SeparatorProps & VariantProps<typeof separatorVariants>;
10
10
  declare const Separator: (({ className, orientation, margin, variant, decorative, ...props }: SeparatorProps) => React.JSX.Element) & {
package/Skeleton/Skeleton.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { type VariantProps } from "../utils";
3
3
  declare const skeletonVariants: (props?: ({
4
- type?: "area" | "text" | "thumbnail" | null | undefined;
4
+ type?: "text" | "area" | "thumbnail" | null | undefined;
5
5
  size?: "sm" | "md" | "lg" | "xl" | "xs" | "xxl" | "3xl" | null | undefined;
6
6
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
7
7
  interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
package/Slider/primitives/components/SliderTooltip.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { type VariantProps } from "../../../utils";
3
3
  declare const sliderTooltipVariants: (props?: ({
4
- side?: "top" | "bottom" | null | undefined;
4
+ side?: "bottom" | "top" | null | undefined;
5
5
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
6
6
  type SliderTooltipProps = VariantProps<typeof sliderTooltipVariants> & {
7
7
  textValue: string;
package/Tag/Tag.d.ts CHANGED
@@ -4,7 +4,7 @@ declare const tagVariants: (props?: ({
4
4
  isInteractive?: boolean | null | undefined;
5
5
  isDismissible?: boolean | null | undefined;
6
6
  isDisabled?: boolean | null | undefined;
7
- variant?: "accent" | "success" | "neutral-light" | "neutral-strong" | "neutral-base" | "warning" | "neutral-base-outline" | "neutral-muted" | "neutral-xstrong" | "neutral-dark" | "accent-light" | "success-light" | "destructive" | null | undefined;
7
+ variant?: "accent" | "neutral-light" | "neutral-strong" | "neutral-base" | "success" | "warning" | "neutral-base-outline" | "neutral-muted" | "neutral-xstrong" | "neutral-dark" | "accent-light" | "success-light" | "destructive" | null | undefined;
8
8
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
9
9
  export interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "content">, VariantProps<typeof tagVariants> {
10
10
  content: React.ReactNode;
package/Textarea/Textarea.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import type { TextareaPrimitiveProps } from "./TextareaPrimitive";
3
3
  import type { FormComponentProps } from "../FormComponent";
4
- type TextareaGroupProps = TextareaPrimitiveProps & FormComponentProps;
4
+ type TextareaGroupProps = Omit<TextareaPrimitiveProps, "onChange"> & FormComponentProps;
5
5
  declare const Textarea: (({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TextareaGroupProps) => React.JSX.Element) & {
6
6
  original: ({ label, description, note, required, disabled, validation, validate, onBlur: originalOnBlur, ...props }: TextareaGroupProps) => React.JSX.Element;
7
7
  originalName: string;
package/Textarea/Textarea.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","useCallback","useMemo","generateId","makeDecoratable","TextareaPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableTextarea","label","description","note","required","disabled","validation","validate","onBlur","originalOnBlur","props","isValid","validationIsValid","message","validationMessage","id","invalid","e","persist","createElement","className","htmlFor","text","Object","assign","Textarea"],"sources":["Textarea.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { generateId, makeDecoratable } from \"~/utils\";\nimport type { TextareaPrimitiveProps } from \"./TextareaPrimitive\";\nimport { TextareaPrimitive } from \"./TextareaPrimitive\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport {\n FormComponentDescription,\n FormComponentErrorMessage,\n FormComponentLabel,\n FormComponentNote\n} from \"~/FormComponent\";\n\ntype TextareaGroupProps = TextareaPrimitiveProps & FormComponentProps;\n\nconst DecoratableTextarea = ({\n label,\n description,\n note,\n required,\n disabled,\n validation,\n validate,\n onBlur: originalOnBlur,\n ...props\n}: TextareaGroupProps) => {\n const { isValid: validationIsValid, message: validationMessage } = validation || {};\n const id = useMemo(() => generateId(props.id), [props.id]);\n const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n const onBlur = useCallback(\n async (e: React.FocusEvent<HTMLTextAreaElement>) => {\n if (validate) {\n // Since we are accessing event in an async operation, we need to persist it.\n // See https://reactjs.org/docs/events.html#event-pooling.\n e.persist();\n await validate();\n }\n originalOnBlur && originalOnBlur(e);\n },\n [validate, originalOnBlur]\n );\n\n return (\n <div className={\"wby-w-full\"}>\n <FormComponentLabel\n htmlFor={id}\n text={label}\n required={required}\n disabled={disabled}\n invalid={invalid}\n />\n <FormComponentDescription text={description} disabled={disabled} />\n <TextareaPrimitive\n {...props}\n id={id}\n disabled={disabled}\n invalid={invalid}\n onBlur={onBlur}\n />\n <FormComponentErrorMessage\n text={validationMessage}\n invalid={invalid}\n disabled={disabled}\n />\n <FormComponentNote text={note} disabled={disabled} />\n </div>\n );\n};\nconst Textarea = makeDecoratable(\"Textarea\", DecoratableTextarea);\n\nexport { Textarea };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,UAAU,EAAEC,eAAe;AAEpC,SAASC,iBAAiB;AAE1B,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAKrB,MAAMC,mBAAmB,GAAGA,CAAC;EACzBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,MAAM,EAAEC,cAAc;EACtB,GAAGC;AACa,CAAC,KAAK;EACtB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGR,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMS,EAAE,GAAGvB,OAAO,CAAC,MAAMC,UAAU,CAACiB,KAAK,CAACK,EAAE,CAAC,EAAE,CAACL,KAAK,CAACK,EAAE,CAAC,CAAC;EAC1D,MAAMC,OAAO,GAAGxB,OAAO,CAAC,MAAMoB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,MAAMJ,MAAM,GAAGjB,WAAW,CACtB,MAAO0B,CAAwC,IAAK;IAChD,IAAIV,QAAQ,EAAE;MACV;MACA;MACAU,CAAC,CAACC,OAAO,CAAC,CAAC;MACX,MAAMX,QAAQ,CAAC,CAAC;IACpB;IACAE,cAAc,IAAIA,cAAc,CAACQ,CAAC,CAAC;EACvC,CAAC,EACD,CAACV,QAAQ,EAAEE,cAAc,CAC7B,CAAC;EAED,oBACInB,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzB9B,KAAA,CAAA6B,aAAA,CAACrB,kBAAkB;IACfuB,OAAO,EAAEN,EAAG;IACZO,IAAI,EAAErB,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACF1B,KAAA,CAAA6B,aAAA,CAACvB,wBAAwB;IAAC0B,IAAI,EAAEpB,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEf,KAAA,CAAA6B,aAAA,CAACxB,iBAAiB,EAAA4B,MAAA,CAAAC,MAAA,KACVd,KAAK;IACTK,EAAE,EAAEA,EAAG;IACPV,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA,OAAQ;IACjBR,MAAM,EAAEA;EAAO,EAClB,CAAC,eACFlB,KAAA,CAAA6B,aAAA,CAACtB,yBAAyB;IACtByB,IAAI,EAAER,iBAAkB;IACxBE,OAAO,EAAEA,OAAQ;IACjBX,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFf,KAAA,CAAA6B,aAAA,CAACpB,iBAAiB;IAACuB,IAAI,EAAEnB,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMoB,QAAQ,GAAG/B,eAAe,CAAC,UAAU,EAAEM,mBAAmB,CAAC;AAEjE,SAASyB,QAAQ","ignoreList":[]}
1
+ {"version":3,"names":["React","useCallback","useMemo","generateId","makeDecoratable","TextareaPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableTextarea","label","description","note","required","disabled","validation","validate","onBlur","originalOnBlur","props","isValid","validationIsValid","message","validationMessage","id","invalid","e","persist","createElement","className","htmlFor","text","Object","assign","Textarea"],"sources":["Textarea.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { generateId, makeDecoratable } from \"~/utils\";\nimport type { TextareaPrimitiveProps } from \"./TextareaPrimitive\";\nimport { TextareaPrimitive } from \"./TextareaPrimitive\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport {\n FormComponentDescription,\n FormComponentErrorMessage,\n FormComponentLabel,\n FormComponentNote\n} from \"~/FormComponent\";\n\ntype TextareaGroupProps = Omit<TextareaPrimitiveProps, \"onChange\"> & FormComponentProps;\n\nconst DecoratableTextarea = ({\n label,\n description,\n note,\n required,\n disabled,\n validation,\n validate,\n onBlur: originalOnBlur,\n ...props\n}: TextareaGroupProps) => {\n const { isValid: validationIsValid, message: validationMessage } = validation || {};\n const id = useMemo(() => generateId(props.id), [props.id]);\n const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n const onBlur = useCallback(\n async (e: React.FocusEvent<HTMLTextAreaElement>) => {\n if (validate) {\n // Since we are accessing event in an async operation, we need to persist it.\n // See https://reactjs.org/docs/events.html#event-pooling.\n e.persist();\n await validate();\n }\n originalOnBlur && originalOnBlur(e);\n },\n [validate, originalOnBlur]\n );\n\n return (\n <div className={\"wby-w-full\"}>\n <FormComponentLabel\n htmlFor={id}\n text={label}\n required={required}\n disabled={disabled}\n invalid={invalid}\n />\n <FormComponentDescription text={description} disabled={disabled} />\n <TextareaPrimitive\n {...props}\n id={id}\n disabled={disabled}\n invalid={invalid}\n onBlur={onBlur}\n />\n <FormComponentErrorMessage\n text={validationMessage}\n invalid={invalid}\n disabled={disabled}\n />\n <FormComponentNote text={note} disabled={disabled} />\n </div>\n );\n};\nconst Textarea = makeDecoratable(\"Textarea\", DecoratableTextarea);\n\nexport { Textarea };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,UAAU,EAAEC,eAAe;AAEpC,SAASC,iBAAiB;AAE1B,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAKrB,MAAMC,mBAAmB,GAAGA,CAAC;EACzBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,MAAM,EAAEC,cAAc;EACtB,GAAGC;AACa,CAAC,KAAK;EACtB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGR,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMS,EAAE,GAAGvB,OAAO,CAAC,MAAMC,UAAU,CAACiB,KAAK,CAACK,EAAE,CAAC,EAAE,CAACL,KAAK,CAACK,EAAE,CAAC,CAAC;EAC1D,MAAMC,OAAO,GAAGxB,OAAO,CAAC,MAAMoB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,MAAMJ,MAAM,GAAGjB,WAAW,CACtB,MAAO0B,CAAwC,IAAK;IAChD,IAAIV,QAAQ,EAAE;MACV;MACA;MACAU,CAAC,CAACC,OAAO,CAAC,CAAC;MACX,MAAMX,QAAQ,CAAC,CAAC;IACpB;IACAE,cAAc,IAAIA,cAAc,CAACQ,CAAC,CAAC;EACvC,CAAC,EACD,CAACV,QAAQ,EAAEE,cAAc,CAC7B,CAAC;EAED,oBACInB,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzB9B,KAAA,CAAA6B,aAAA,CAACrB,kBAAkB;IACfuB,OAAO,EAAEN,EAAG;IACZO,IAAI,EAAErB,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACF1B,KAAA,CAAA6B,aAAA,CAACvB,wBAAwB;IAAC0B,IAAI,EAAEpB,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEf,KAAA,CAAA6B,aAAA,CAACxB,iBAAiB,EAAA4B,MAAA,CAAAC,MAAA,KACVd,KAAK;IACTK,EAAE,EAAEA,EAAG;IACPV,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA,OAAQ;IACjBR,MAAM,EAAEA;EAAO,EAClB,CAAC,eACFlB,KAAA,CAAA6B,aAAA,CAACtB,yBAAyB;IACtByB,IAAI,EAAER,iBAAkB;IACxBE,OAAO,EAAEA,OAAQ;IACjBX,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFf,KAAA,CAAA6B,aAAA,CAACpB,iBAAiB;IAACuB,IAAI,EAAEnB,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMoB,QAAQ,GAAG/B,eAAe,CAAC,UAAU,EAAEM,mBAAmB,CAAC;AAEjE,SAASyB,QAAQ","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webiny/admin-ui",
3
- "version": "6.0.0-alpha.1",
3
+ "version": "6.0.0-alpha.2",
4
4
  "main": "index.js",
5
5
  "repository": {
6
6
  "type": "git",
@@ -14,10 +14,10 @@
14
14
  "@fortawesome/react-fontawesome": "0.1.19",
15
15
  "@minoru/react-dnd-treeview": "3.5.2",
16
16
  "@tanstack/react-table": "8.20.6",
17
- "@webiny/icons": "6.0.0-alpha.1",
18
- "@webiny/react-composition": "6.0.0-alpha.1",
19
- "@webiny/react-router": "6.0.0-alpha.1",
20
- "@webiny/utils": "6.0.0-alpha.1",
17
+ "@webiny/icons": "6.0.0-alpha.2",
18
+ "@webiny/react-composition": "6.0.0-alpha.2",
19
+ "@webiny/react-router": "6.0.0-alpha.2",
20
+ "@webiny/utils": "6.0.0-alpha.2",
21
21
  "ace-builds": "1.37.5",
22
22
  "bytes": "3.1.2",
23
23
  "class-variance-authority": "0.7.1",
@@ -51,8 +51,8 @@
51
51
  "@types/react-color": "2.17.11",
52
52
  "@types/react-custom-scrollbars": "4.0.10",
53
53
  "@types/react-virtualized": "9.22.0",
54
- "@webiny/cli": "6.0.0-alpha.1",
55
- "@webiny/project-utils": "6.0.0-alpha.1",
54
+ "@webiny/cli": "6.0.0-alpha.2",
55
+ "@webiny/project-utils": "6.0.0-alpha.2",
56
56
  "chalk": "4.1.2",
57
57
  "css-loader": "6.10.0",
58
58
  "file-loader": "6.2.0",
@@ -82,5 +82,5 @@
82
82
  ]
83
83
  }
84
84
  },
85
- "gitHead": "9bd236cf5e689f209a11bec089207dcc2d41a53c"
85
+ "gitHead": "7c9e8fbfd62a57ece5f880dbad6c864636b0355e"
86
86
  }