@webstudio-is/sdk-components-react 0.144.1-89bca38.0 → 0.151.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.
Files changed (13) hide show
  1. package/lib/components.js +117 -11
  2. package/lib/metas.js +850 -372
  3. package/lib/props.js +945 -1099
  4. package/lib/types/__generated__/xml-node.props.d.ts +2 -0
  5. package/lib/types/code-text.d.ts +3 -1
  6. package/lib/types/components.d.ts +1 -0
  7. package/lib/types/html-embed-patchers.d.ts +2 -0
  8. package/lib/types/metas.d.ts +1 -0
  9. package/lib/types/props.d.ts +1 -0
  10. package/lib/types/vimeo-preview-image.d.ts +62 -64
  11. package/lib/types/xml-node.d.ts +8 -0
  12. package/lib/types/xml-node.ws.d.ts +3 -0
  13. package/package.json +15 -15
package/lib/types/__generated__/xml-node.props.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import type { PropMeta } from "@webstudio-is/react-sdk";
2
+ export declare const props: Record<string, PropMeta>;
package/lib/types/code-text.d.ts CHANGED
@@ -1,3 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  export declare const defaultTag = "code";
3
- export declare const CodeText: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
3
+ export declare const CodeText: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
4
+ code?: string | undefined;
5
+ }, "ref"> & import("react").RefAttributes<HTMLElement>>;
package/lib/types/components.d.ts CHANGED
@@ -30,3 +30,4 @@ export { Vimeo } from "./vimeo";
30
30
  export { VimeoPreviewImage } from "./vimeo-preview-image";
31
31
  export { VimeoPlayButton } from "./vimeo-play-button";
32
32
  export { VimeoSpinner } from "./vimeo-spinner";
33
+ export { XmlNode } from "./xml-node";
package/lib/types/html-embed-patchers.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const patchDomEvents: () => void;
2
+ export declare const executeDomEvents: () => void;
package/lib/types/metas.d.ts CHANGED
@@ -30,3 +30,4 @@ export { meta as Vimeo } from "./vimeo.ws";
30
30
  export { meta as VimeoPreviewImage } from "./vimeo-preview-image.ws";
31
31
  export { meta as VimeoPlayButton } from "./vimeo-play-button.ws";
32
32
  export { meta as VimeoSpinner } from "./vimeo-spinner.ws";
33
+ export { meta as XmlNode } from "./xml-node.ws";
package/lib/types/props.d.ts CHANGED
@@ -30,3 +30,4 @@ export { propsMeta as Vimeo } from "./vimeo.ws";
30
30
  export { propsMeta as VimeoPreviewImage } from "./vimeo-preview-image.ws";
31
31
  export { propsMeta as VimeoPlayButton } from "./vimeo-play-button.ws";
32
32
  export { propsMeta as VimeoSpinner } from "./vimeo-spinner.ws";
33
+ export { propsMeta as XmlNode } from "./xml-node.ws";
package/lib/types/vimeo-preview-image.d.ts CHANGED
@@ -12,7 +12,7 @@ export declare const VimeoPreviewImage: import("react").ForwardRefExoticComponen
12
12
  accessKey?: string | undefined;
13
13
  autoFocus?: boolean | undefined;
14
14
  className?: string | undefined;
15
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
15
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
16
16
  contextMenu?: string | undefined;
17
17
  dir?: string | undefined;
18
18
  draggable?: (boolean | "true" | "false") | undefined;
@@ -20,7 +20,6 @@ export declare const VimeoPreviewImage: import("react").ForwardRefExoticComponen
20
20
  id?: string | undefined;
21
21
  lang?: string | undefined;
22
22
  nonce?: string | undefined;
23
- placeholder?: string | undefined;
24
23
  spellCheck?: (boolean | "true" | "false") | undefined;
25
24
  tabIndex?: number | undefined;
26
25
  translate?: "yes" | "no" | undefined;
@@ -51,59 +50,59 @@ export declare const VimeoPreviewImage: import("react").ForwardRefExoticComponen
51
50
  unselectable?: "on" | "off" | undefined;
52
51
  inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
53
52
  is?: string | undefined;
54
- 'aria-activedescendant'?: string | undefined;
55
- 'aria-atomic'?: (boolean | "true" | "false") | undefined;
56
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
57
- 'aria-braillelabel'?: string | undefined;
58
- 'aria-brailleroledescription'?: string | undefined;
59
- 'aria-busy'?: (boolean | "true" | "false") | undefined;
60
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
61
- 'aria-colcount'?: number | undefined;
62
- 'aria-colindex'?: number | undefined;
63
- 'aria-colindextext'?: string | undefined;
64
- 'aria-colspan'?: number | undefined;
65
- 'aria-controls'?: string | undefined;
66
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "date" | "step" | "location" | undefined;
67
- 'aria-describedby'?: string | undefined;
68
- 'aria-description'?: string | undefined;
69
- 'aria-details'?: string | undefined;
70
- 'aria-disabled'?: (boolean | "true" | "false") | undefined;
71
- 'aria-dropeffect'?: "link" | "none" | "execute" | "copy" | "move" | "popup" | undefined;
72
- 'aria-errormessage'?: string | undefined;
73
- 'aria-expanded'?: (boolean | "true" | "false") | undefined;
74
- 'aria-flowto'?: string | undefined;
75
- 'aria-grabbed'?: (boolean | "true" | "false") | undefined;
76
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
77
- 'aria-hidden'?: (boolean | "true" | "false") | undefined;
78
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
79
- 'aria-keyshortcuts'?: string | undefined;
80
- 'aria-label'?: string | undefined;
81
- 'aria-labelledby'?: string | undefined;
82
- 'aria-level'?: number | undefined;
83
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
84
- 'aria-modal'?: (boolean | "true" | "false") | undefined;
85
- 'aria-multiline'?: (boolean | "true" | "false") | undefined;
86
- 'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
87
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
88
- 'aria-owns'?: string | undefined;
89
- 'aria-placeholder'?: string | undefined;
90
- 'aria-posinset'?: number | undefined;
91
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
92
- 'aria-readonly'?: (boolean | "true" | "false") | undefined;
93
- 'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
94
- 'aria-required'?: (boolean | "true" | "false") | undefined;
95
- 'aria-roledescription'?: string | undefined;
96
- 'aria-rowcount'?: number | undefined;
97
- 'aria-rowindex'?: number | undefined;
98
- 'aria-rowindextext'?: string | undefined;
99
- 'aria-rowspan'?: number | undefined;
100
- 'aria-selected'?: (boolean | "true" | "false") | undefined;
101
- 'aria-setsize'?: number | undefined;
102
- 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
103
- 'aria-valuemax'?: number | undefined;
104
- 'aria-valuemin'?: number | undefined;
105
- 'aria-valuenow'?: number | undefined;
106
- 'aria-valuetext'?: string | undefined;
53
+ "aria-activedescendant"?: string | undefined;
54
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
55
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
56
+ "aria-braillelabel"?: string | undefined;
57
+ "aria-brailleroledescription"?: string | undefined;
58
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
59
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
60
+ "aria-colcount"?: number | undefined;
61
+ "aria-colindex"?: number | undefined;
62
+ "aria-colindextext"?: string | undefined;
63
+ "aria-colspan"?: number | undefined;
64
+ "aria-controls"?: string | undefined;
65
+ "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "date" | "location" | undefined;
66
+ "aria-describedby"?: string | undefined;
67
+ "aria-description"?: string | undefined;
68
+ "aria-details"?: string | undefined;
69
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
70
+ "aria-dropeffect"?: "link" | "none" | "execute" | "copy" | "move" | "popup" | undefined;
71
+ "aria-errormessage"?: string | undefined;
72
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
73
+ "aria-flowto"?: string | undefined;
74
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
75
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
76
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
77
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
78
+ "aria-keyshortcuts"?: string | undefined;
79
+ "aria-label"?: string | undefined;
80
+ "aria-labelledby"?: string | undefined;
81
+ "aria-level"?: number | undefined;
82
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
83
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
84
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
85
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
86
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
87
+ "aria-owns"?: string | undefined;
88
+ "aria-placeholder"?: string | undefined;
89
+ "aria-posinset"?: number | undefined;
90
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
91
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
92
+ "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
93
+ "aria-required"?: (boolean | "true" | "false") | undefined;
94
+ "aria-roledescription"?: string | undefined;
95
+ "aria-rowcount"?: number | undefined;
96
+ "aria-rowindex"?: number | undefined;
97
+ "aria-rowindextext"?: string | undefined;
98
+ "aria-rowspan"?: number | undefined;
99
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
100
+ "aria-setsize"?: number | undefined;
101
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
102
+ "aria-valuemax"?: number | undefined;
103
+ "aria-valuemin"?: number | undefined;
104
+ "aria-valuenow"?: number | undefined;
105
+ "aria-valuetext"?: string | undefined;
107
106
  children?: import("react").ReactNode;
108
107
  dangerouslySetInnerHTML?: {
109
108
  __html: string | TrustedHTML;
@@ -247,9 +246,7 @@ export declare const VimeoPreviewImage: import("react").ForwardRefExoticComponen
247
246
  onPointerCancel?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
248
247
  onPointerCancelCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
249
248
  onPointerEnter?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
250
- onPointerEnterCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
251
249
  onPointerLeave?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
252
- onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
253
250
  onPointerOver?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
254
251
  onPointerOverCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
255
252
  onPointerOut?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
@@ -272,15 +269,16 @@ export declare const VimeoPreviewImage: import("react").ForwardRefExoticComponen
272
269
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
273
270
  height?: string | number | undefined;
274
271
  width?: string | number | undefined;
275
- src?: string | undefined;
276
- quality?: number | undefined;
277
- sizes?: string | undefined;
278
- alt?: string | undefined;
279
272
  crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
280
- decoding?: "async" | "auto" | "sync" | undefined;
281
- loading?: "eager" | "lazy" | undefined;
273
+ useMap?: string | undefined;
282
274
  referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
275
+ alt?: string | undefined;
276
+ src?: string | undefined;
277
+ loading?: "eager" | "lazy" | undefined;
278
+ decoding?: "async" | "auto" | "sync" | undefined;
279
+ fetchPriority?: "high" | "low" | "auto" | undefined;
280
+ sizes?: string | undefined;
283
281
  srcSet?: string | undefined;
284
- useMap?: string | undefined;
282
+ quality?: number | undefined;
285
283
  optimize?: boolean | undefined;
286
284
  } & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
package/lib/types/xml-node.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { type ReactNode } from "react";
2
+ export declare const defaultTag = "div";
3
+ type Props = {
4
+ tag: string;
5
+ children: ReactNode;
6
+ };
7
+ export declare const XmlNode: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
8
+ export {};
package/lib/types/xml-node.ws.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
2
+ export declare const meta: WsComponentMeta;
3
+ export declare const propsMeta: WsComponentPropsMeta;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webstudio-is/sdk-components-react",
3
- "version": "0.144.1-89bca38.0",
3
+ "version": "0.151.0",
4
4
  "description": "Webstudio default library for react",
5
5
  "author": "Webstudio <github@webstudio.is>",
6
6
  "homepage": "https://webstudio.is",
@@ -33,15 +33,15 @@
33
33
  }
34
34
  },
35
35
  "peerDependencies": {
36
- "react": "^18.2.0",
37
- "react-dom": "^18.2.0"
36
+ "react": "18.3.0-canary-14898b6a9-20240318",
37
+ "react-dom": "18.3.0-canary-14898b6a9-20240318"
38
38
  },
39
39
  "dependencies": {
40
40
  "@react-aria/utils": "^3.21.0",
41
41
  "colord": "^2.9.3",
42
- "@webstudio-is/icons": "0.144.1-89bca38.0",
43
- "@webstudio-is/image": "0.144.1-89bca38.0",
44
- "@webstudio-is/react-sdk": "0.144.1-89bca38.0"
42
+ "@webstudio-is/icons": "0.151.0",
43
+ "@webstudio-is/image": "0.151.0",
44
+ "@webstudio-is/react-sdk": "0.151.0"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@jest/globals": "^29.7.0",
@@ -50,16 +50,16 @@
50
50
  "@storybook/react": "^7.4.0",
51
51
  "@testing-library/jest-dom": "^6.4.2",
52
52
  "@testing-library/react": "^14.2.2",
53
- "@types/react": "^18.2.21",
54
- "@types/react-dom": "^18.2.7",
53
+ "@types/react": "^18.2.70",
54
+ "@types/react-dom": "^18.2.25",
55
55
  "jest-environment-jsdom": "^29.7.0",
56
- "react": "^18.2.0",
57
- "react-dom": "^18.2.0",
58
- "typescript": "5.2.2",
59
- "@webstudio-is/generate-arg-types": "0.144.1-89bca38.0",
60
- "@webstudio-is/jest-config": "1.0.8-89bca38.0",
61
- "@webstudio-is/storybook-config": "0.0.1-89bca38.0",
62
- "@webstudio-is/tsconfig": "1.0.8-89bca38.0"
56
+ "react": "18.3.0-canary-14898b6a9-20240318",
57
+ "react-dom": "18.3.0-canary-14898b6a9-20240318",
58
+ "typescript": "5.4.5",
59
+ "@webstudio-is/generate-arg-types": "0.0.0",
60
+ "@webstudio-is/storybook-config": "0.0.0",
61
+ "@webstudio-is/tsconfig": "1.0.7",
62
+ "@webstudio-is/jest-config": "1.0.7"
63
63
  },
64
64
  "scripts": {
65
65
  "dev": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib --watch",