@webstudio-is/sdk-components-react 0.151.0 → 0.167.0

package/lib/props.js

@@ -3285,6 +3285,19 @@ var meta = {
       selector: "[aria-current=page]",
       label: "Current page"
     }
+  ],
+  template: [
+    {
+      type: "instance",
+      component: "Link",
+      children: [
+        {
+          type: "text",
+          value: "Link text you can edit",
+          placeholder: true
+        }
+      ]
+    }
   ]
 };
 var propsMeta9 = {
@@ -6474,7 +6487,20 @@ var meta3 = {
     { selector: ":disabled", label: "Disabled" },
     { selector: ":enabled", label: "Enabled" }
   ],
-  order: 2
+  order: 2,
+  template: [
+    {
+      type: "instance",
+      component: "Button",
+      children: [
+        {
+          type: "text",
+          value: "Button text you can edit",
+          placeholder: true
+        }
+      ]
+    }
+  ]
 };
 var propsMeta16 = {
   props: props13,
@@ -13008,7 +13034,7 @@ var meta7 = {
           component: "Text",
           label: "Radio Label",
           props: [{ type: "string", name: "tag", value: "span" }],
-          children: [{ type: "text", value: "Radio" }]
+          children: [{ type: "text", value: "Radio", placeholder: true }]
         }
       ]
     }
@@ -13741,7 +13767,7 @@ var meta8 = {
           component: "Text",
           label: "Checkbox Label",
           props: [{ type: "string", name: "tag", value: "span" }],
-          children: [{ type: "text", value: "Checkbox" }]
+          children: [{ type: "text", value: "Checkbox", placeholder: true }]
         }
       ]
     }
@@ -16144,7 +16170,8 @@ import "@webstudio-is/react-sdk";
 
 // src/__generated__/xml-node.props.ts
 var props30 = {
-  tag: { required: false, control: "text", type: "string", defaultValue: "" }
+  tag: { required: false, control: "text", type: "string", defaultValue: "" },
+  xmlns: { required: false, control: "text", type: "string" }
 };
 
 // src/xml-node.ws.ts
@@ -16152,6 +16179,330 @@ var propsMeta33 = {
   props: props30,
   initialProps: ["tag"]
 };
+
+// src/time.ws.ts
+import { CalendarIcon } from "@webstudio-is/icons/svg";
+import {
+  defaultStates as defaultStates28
+} from "@webstudio-is/react-sdk";
+import { time } from "@webstudio-is/react-sdk/css-normalize";
+
+// src/__generated__/time.props.ts
+var props31 = {
+  country: {
+    required: false,
+    control: "select",
+    type: "string",
+    defaultValue: "GB",
+    options: [
+      "AF",
+      "AL",
+      "DZ",
+      "AS",
+      "AD",
+      "AO",
+      "AI",
+      "AQ",
+      "AG",
+      "AR",
+      "AM",
+      "AW",
+      "AU",
+      "AT",
+      "AZ",
+      "BS",
+      "BH",
+      "BD",
+      "BB",
+      "BY",
+      "BE",
+      "BZ",
+      "BJ",
+      "BM",
+      "BT",
+      "BO",
+      "BA",
+      "BW",
+      "BR",
+      "BN",
+      "BG",
+      "BF",
+      "BI",
+      "CV",
+      "KH",
+      "CM",
+      "CA",
+      "KY",
+      "CF",
+      "TD",
+      "CL",
+      "CN",
+      "CO",
+      "KM",
+      "CG",
+      "CD",
+      "CR",
+      "HR",
+      "CU",
+      "CY",
+      "CZ",
+      "DK",
+      "DJ",
+      "DM",
+      "DO",
+      "EC",
+      "EG",
+      "SV",
+      "GQ",
+      "ER",
+      "EE",
+      "SZ",
+      "ET",
+      "FJ",
+      "FI",
+      "FR",
+      "GA",
+      "GM",
+      "GE",
+      "DE",
+      "GH",
+      "GR",
+      "GD",
+      "GT",
+      "GN",
+      "GW",
+      "GY",
+      "HT",
+      "HN",
+      "HU",
+      "IS",
+      "IN",
+      "ID",
+      "IR",
+      "IQ",
+      "IE",
+      "IL",
+      "IT",
+      "JM",
+      "JP",
+      "JO",
+      "KZ",
+      "KE",
+      "KI",
+      "KP",
+      "KR",
+      "KW",
+      "KG",
+      "LA",
+      "LV",
+      "LB",
+      "LS",
+      "LR",
+      "LY",
+      "LI",
+      "LT",
+      "LU",
+      "MG",
+      "MW",
+      "MY",
+      "MV",
+      "ML",
+      "MT",
+      "MH",
+      "MR",
+      "MU",
+      "MX",
+      "FM",
+      "MD",
+      "MC",
+      "MN",
+      "ME",
+      "MA",
+      "MZ",
+      "MM",
+      "NA",
+      "NR",
+      "NP",
+      "NL",
+      "NZ",
+      "NI",
+      "NE",
+      "NG",
+      "NO",
+      "OM",
+      "PK",
+      "PW",
+      "PA",
+      "PG",
+      "PY",
+      "PE",
+      "PH",
+      "PL",
+      "PT",
+      "QA",
+      "RO",
+      "RU",
+      "RW",
+      "KN",
+      "LC",
+      "VC",
+      "WS",
+      "SM",
+      "ST",
+      "SA",
+      "SN",
+      "RS",
+      "SC",
+      "SL",
+      "SG",
+      "SK",
+      "SI",
+      "SB",
+      "SO",
+      "ZA",
+      "SS",
+      "ES",
+      "LK",
+      "SD",
+      "SR",
+      "SE",
+      "CH",
+      "SY",
+      "TW",
+      "TJ",
+      "TZ",
+      "TH",
+      "TL",
+      "TG",
+      "TO",
+      "TT",
+      "TN",
+      "TR",
+      "TM",
+      "TV",
+      "UG",
+      "UA",
+      "AE",
+      "GB",
+      "US",
+      "UY",
+      "UZ",
+      "VU",
+      "VA",
+      "VE",
+      "VN",
+      "YE",
+      "ZM",
+      "ZW"
+    ]
+  },
+  dateStyle: {
+    required: false,
+    control: "select",
+    type: "string",
+    defaultValue: "medium",
+    options: ["full", "long", "medium", "short", "none"]
+  },
+  datetime: {
+    required: false,
+    control: "text",
+    type: "string",
+    defaultValue: "dateTime attribute is not set"
+  },
+  language: {
+    required: false,
+    control: "select",
+    type: "string",
+    defaultValue: "en",
+    options: [
+      "hr",
+      "th",
+      "tr",
+      "id",
+      "is",
+      "cy",
+      "fr",
+      "af",
+      "am",
+      "ar",
+      "az",
+      "be",
+      "bg",
+      "bn",
+      "bs",
+      "ca",
+      "cs",
+      "da",
+      "de",
+      "el",
+      "en",
+      "es",
+      "et",
+      "eu",
+      "fa",
+      "fi",
+      "ga",
+      "gl",
+      "gu",
+      "he",
+      "hi",
+      "hu",
+      "hy",
+      "it",
+      "ja",
+      "ka",
+      "kk",
+      "km",
+      "kn",
+      "ko",
+      "ky",
+      "lb",
+      "lt",
+      "lv",
+      "mk",
+      "ml",
+      "mn",
+      "mr",
+      "ms",
+      "mt",
+      "nb",
+      "nl",
+      "nn",
+      "pl",
+      "pt",
+      "ro",
+      "ru",
+      "si",
+      "sk",
+      "sl",
+      "sq",
+      "sr",
+      "sv",
+      "sw",
+      "ta",
+      "te",
+      "uk",
+      "ur",
+      "uz",
+      "vi",
+      "zh"
+    ],
+    description: "Defines the script language used in the element."
+  },
+  timeStyle: {
+    required: false,
+    control: "select",
+    type: "string",
+    defaultValue: "none",
+    options: ["full", "long", "medium", "short", "none"]
+  }
+};
+
+// src/time.ws.ts
+var propsMeta34 = {
+  props: props31,
+  initialProps: ["datetime", "language", "country", "dateStyle", "timeStyle"]
+};
 export {
   propsMeta20 as Blockquote,
   propsMeta4 as Body,
@@ -16181,6 +16532,7 @@ export {
   propsMeta14 as Superscript,
   propsMeta6 as Text,
   propsMeta26 as Textarea,
+  propsMeta34 as Time,
   propsMeta29 as Vimeo,
   propsMeta31 as VimeoPlayButton,
   propsMeta30 as VimeoPreviewImage,

package/lib/types/__generated__/local-date.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/time.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/react-sdk";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components.d.ts

@@ -31,3 +31,4 @@ export { VimeoPreviewImage } from "./vimeo-preview-image";
 export { VimeoPlayButton } from "./vimeo-play-button";
 export { VimeoSpinner } from "./vimeo-spinner";
 export { XmlNode } from "./xml-node";
+export { Time } from "./time";

package/lib/types/content-embed.ws.d.ts

@@ -0,0 +1,2 @@
+import { type WsComponentMeta } from "@webstudio-is/react-sdk";
+export declare const meta: WsComponentMeta;

package/lib/types/html-embed.d.ts

@@ -6,6 +6,7 @@ type HtmlEmbedProps = {
     code: string;
     executeScriptOnCanvas?: boolean;
     clientOnly?: boolean;
+    children?: never;
 };
 export declare const HtmlEmbed: import("react").ForwardRefExoticComponent<HtmlEmbedProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/lib/types/metas.d.ts

@@ -1,6 +1,7 @@
 export { meta as Slot } from "./slot.ws";
 export { meta as Fragment } from "./fragment.ws";
 export { meta as HtmlEmbed } from "./html-embed.ws";
+export { meta as ContentEmbed } from "./content-embed.ws";
 export { meta as Body } from "./body.ws";
 export { meta as Box } from "./box.ws";
 export { meta as Text } from "./text.ws";
@@ -31,3 +32,4 @@ export { meta as VimeoPreviewImage } from "./vimeo-preview-image.ws";
 export { meta as VimeoPlayButton } from "./vimeo-play-button.ws";
 export { meta as VimeoSpinner } from "./vimeo-spinner.ws";
 export { meta as XmlNode } from "./xml-node.ws";
+export { meta as Time } from "./time.ws";

package/lib/types/props.d.ts

@@ -31,3 +31,4 @@ export { propsMeta as VimeoPreviewImage } from "./vimeo-preview-image.ws";
 export { propsMeta as VimeoPlayButton } from "./vimeo-play-button.ws";
 export { propsMeta as VimeoSpinner } from "./vimeo-spinner.ws";
 export { propsMeta as XmlNode } from "./xml-node.ws";
+export { propsMeta as Time } from "./time.ws";

package/lib/types/time.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+declare const languages: readonly ["af", "am", "ar", "az", "be", "bg", "bn", "bs", "ca", "cs", "cy", "da", "de", "el", "en", "es", "et", "eu", "fa", "fi", "fr", "ga", "gl", "gu", "he", "hi", "hr", "hu", "hy", "id", "is", "it", "ja", "ka", "kk", "km", "kn", "ko", "ky", "lb", "lt", "lv", "mk", "ml", "mn", "mr", "ms", "mt", "nb", "nl", "nn", "pl", "pt", "ro", "ru", "si", "sk", "sl", "sq", "sr", "sv", "sw", "ta", "te", "th", "tr", "uk", "ur", "uz", "vi", "zh"];
+declare const countries: readonly ["AF", "AL", "DZ", "AS", "AD", "AO", "AI", "AQ", "AG", "AR", "AM", "AW", "AU", "AT", "AZ", "BS", "BH", "BD", "BB", "BY", "BE", "BZ", "BJ", "BM", "BT", "BO", "BA", "BW", "BR", "BN", "BG", "BF", "BI", "CV", "KH", "CM", "CA", "KY", "CF", "TD", "CL", "CN", "CO", "KM", "CG", "CD", "CR", "HR", "CU", "CY", "CZ", "DK", "DJ", "DM", "DO", "EC", "EG", "SV", "GQ", "ER", "EE", "SZ", "ET", "FJ", "FI", "FR", "GA", "GM", "GE", "DE", "GH", "GR", "GD", "GT", "GN", "GW", "GY", "HT", "HN", "HU", "IS", "IN", "ID", "IR", "IQ", "IE", "IL", "IT", "JM", "JP", "JO", "KZ", "KE", "KI", "KP", "KR", "KW", "KG", "LA", "LV", "LB", "LS", "LR", "LY", "LI", "LT", "LU", "MG", "MW", "MY", "MV", "ML", "MT", "MH", "MR", "MU", "MX", "FM", "MD", "MC", "MN", "ME", "MA", "MZ", "MM", "NA", "NR", "NP", "NL", "NZ", "NI", "NE", "NG", "NO", "OM", "PK", "PW", "PA", "PG", "PY", "PE", "PH", "PL", "PT", "QA", "RO", "RU", "RW", "KN", "LC", "VC", "WS", "SM", "ST", "SA", "SN", "RS", "SC", "SL", "SG", "SK", "SI", "SB", "SO", "ZA", "SS", "ES", "LK", "SD", "SR", "SE", "CH", "SY", "TW", "TJ", "TZ", "TH", "TL", "TG", "TO", "TT", "TN", "TR", "TM", "TV", "UG", "UA", "AE", "GB", "US", "UY", "UZ", "VU", "VA", "VE", "VN", "YE", "ZM", "ZW"];
+type Language = (typeof languages)[number];
+type Country = (typeof countries)[number];
+type DateStyle = Intl.DateTimeFormatOptions["dateStyle"] | "none";
+type TimeStyle = Intl.DateTimeFormatOptions["timeStyle"] | "none";
+export type TimeProps = {
+    datetime?: string;
+    language?: Language;
+    country?: Country;
+    dateStyle?: DateStyle;
+    timeStyle?: TimeStyle;
+};
+export declare const Time: React.ForwardRefExoticComponent<TimeProps & React.RefAttributes<HTMLTimeElement>>;
+export {};

package/lib/types/time.ws.d.ts

@@ -0,0 +1,3 @@
+import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/react-sdk";
+export declare const meta: WsComponentMeta;
+export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/xml-node.d.ts

@@ -1,8 +1,12 @@
+import { idAttribute, componentAttribute } from "@webstudio-is/react-sdk";
 import { type ReactNode } from "react";
 export declare const defaultTag = "div";
 type Props = {
     tag: string;
+    xmlns?: string;
     children: ReactNode;
+    [idAttribute]: string;
+    [componentAttribute]: string;
 };
 export declare const XmlNode: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react",
-  "version": "0.151.0",
+  "version": "0.167.0",
   "description": "Webstudio default library for react",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -16,20 +16,17 @@
     ".": {
       "webstudio": "./src/components.ts",
       "types": "./lib/types/components.d.ts",
-      "import": "./lib/components.js",
-      "require": "./lib/components.js"
+      "import": "./lib/components.js"
     },
     "./metas": {
       "webstudio": "./src/metas.ts",
       "types": "./lib/types/metas.d.ts",
-      "import": "./lib/metas.js",
-      "require": "./lib/metas.js"
+      "import": "./lib/metas.js"
     },
     "./props": {
       "webstudio": "./src/props.ts",
       "types": "./lib/types/props.d.ts",
-      "import": "./lib/props.js",
-      "require": "./lib/props.js"
+      "import": "./lib/props.js"
     }
   },
   "peerDependencies": {
@@ -39,15 +36,12 @@
   "dependencies": {
     "@react-aria/utils": "^3.21.0",
     "colord": "^2.9.3",
-    "@webstudio-is/icons": "0.151.0",
-    "@webstudio-is/image": "0.151.0",
-    "@webstudio-is/react-sdk": "0.151.0"
+    "@webstudio-is/icons": "0.167.0",
+    "@webstudio-is/image": "0.167.0",
+    "@webstudio-is/react-sdk": "0.167.0"
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
-    "@storybook/addon-essentials": "^7.4.0",
-    "@storybook/addon-links": "^7.4.0",
-    "@storybook/react": "^7.4.0",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.2",
     "@types/react": "^18.2.70",
@@ -57,7 +51,6 @@
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "typescript": "5.4.5",
     "@webstudio-is/generate-arg-types": "0.0.0",
-    "@webstudio-is/storybook-config": "0.0.0",
     "@webstudio-is/tsconfig": "1.0.7",
     "@webstudio-is/jest-config": "1.0.7"
   },
@@ -68,8 +61,6 @@
     "dts": "tsc --project tsconfig.dts.json",
     "test": "NODE_OPTIONS=--experimental-vm-modules jest",
     "typecheck": "tsc",
-    "checks": "pnpm typecheck",
-    "storybook:dev": "storybook dev -p 6006 --static-dir=./public",
-    "storybook:build": "storybook build"
+    "checks": "pnpm typecheck"
   }
 }