@wix/editor-react-components 1.2518.0 → 1.2524.0

package/dist/site/components/Button/css.css

@@ -17,7 +17,7 @@
   outline: none;
 }
 .root__IB9QF:hover, .root__IB9QF.active__lpoVO, .root__IB9QF.button--hover {
-  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, width, height, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
+  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
   transition-duration: 0.4s;
   transition-timing-function: ease;
 }

package/dist/site/components/CollapsibleText/css.css

@@ -143,7 +143,7 @@
   outline: none;
 }
 .root__IB9QF:hover, .root__IB9QF.active__lpoVO, .root__IB9QF.button--hover {
-  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, width, height, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
+  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
   transition-duration: 0.4s;
   transition-timing-function: ease;
 }

package/dist/site/components/ItemSelectionTest/ItemSelectionTest.semanticClassNames.d.ts

@@ -0,0 +1,4 @@
+declare const semanticClassNames: {
+    readonly root: "item-selection-test";
+};
+export default semanticClassNames;

package/dist/site/components/ItemSelectionTest/component.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export type ItemSelectionTestProps = {
+    id: string;
+    className?: string;
+    customClassNames?: Array<string>;
+    /** Selected contact id, written by the item-selection picker in the panel. */
+    contactId?: string;
+    /** Related contact names — the picker stores names directly (`itemField: NAME`). */
+    relatedContactNames?: Array<string>;
+};
+declare const ItemSelectionTest: React.FC<ItemSelectionTestProps>;
+export default ItemSelectionTest;

package/dist/site/components/ItemSelectionTest/component.js

@@ -0,0 +1,49 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as clsx } from "../chunks/clsx.js";
+import { f as formatClassNames } from "../chunks/classNames.js";
+import { a as getDataAttributes } from "../chunks/dataUtils.js";
+const semanticClassNames = {
+  root: "item-selection-test"
+};
+const root = "root__cGeS5";
+const info = "info__sQLtB";
+const name = "name__3kjVv";
+const description = "description__iruxR";
+const placeholder = "placeholder__kf4Vj";
+const related = "related__EYp3Q";
+const styles = {
+  root,
+  info,
+  name,
+  description,
+  placeholder,
+  related
+};
+const ItemSelectionTest = (props) => {
+  const {
+    id,
+    className,
+    customClassNames = [],
+    contactId,
+    relatedContactNames = []
+  } = props;
+  const rootClassName = clsx(
+    className,
+    styles.root,
+    formatClassNames(semanticClassNames.root, ...customClassNames),
+    "item-selection-test"
+  );
+  return /* @__PURE__ */ jsxs("div", { id, className: rootClassName, ...getDataAttributes(props), children: [
+    contactId ? /* @__PURE__ */ jsxs("div", { className: styles.info, children: [
+      /* @__PURE__ */ jsx("span", { className: styles.name, children: "Selected contact id" }),
+      /* @__PURE__ */ jsx("span", { className: styles.description, children: contactId })
+    ] }) : /* @__PURE__ */ jsx("div", { className: styles.placeholder, children: "Select a contact to feature" }),
+    relatedContactNames.length > 0 && /* @__PURE__ */ jsxs("div", { className: styles.related, children: [
+      "Related contacts — ",
+      relatedContactNames.join(", ")
+    ] })
+  ] });
+};
+export {
+  ItemSelectionTest as default
+};

package/dist/site/components/ItemSelectionTest/constants.d.ts

@@ -0,0 +1,13 @@
+export declare const DisplayNames: {
+    readonly root: {
+        readonly elementDisplayName: "Item Selection (Test)";
+        readonly data: {
+            readonly contactId: "Contact";
+            readonly relatedContactNames: "Related contacts";
+        };
+    };
+};
+export declare const CONTACTS_PROVIDER_KEY = "74bff718-5977-47f2-9e5f-a9fd0047fd1f_ContactsItemsSelectionProvider";
+export declare const presets: {
+    readonly default: "default";
+};

package/dist/site/components/ItemSelectionTest/css.css

@@ -0,0 +1,32 @@
+.root__cGeS5 {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 16px;
+  box-sizing: border-box;
+}
+
+.info__sQLtB {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+}
+
+.name__3kjVv {
+  font-weight: 600;
+}
+
+.description__iruxR {
+  opacity: 0.7;
+}
+
+.placeholder__kf4Vj {
+  opacity: 0.6;
+  padding: 16px;
+}
+
+.related__EYp3Q {
+  opacity: 0.7;
+  font-size: 0.875em;
+}

package/dist/site/components/ItemSelectionTest/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export { default, default as ItemSelectionTest } from './component';

package/dist/site/components/ItemSelectionTest/index.js

@@ -0,0 +1,6 @@
+'use client';
+
+import ItemSelectionTest from './component.js';
+
+export { ItemSelectionTest };
+export default ItemSelectionTest;

package/dist/site/components/ItemSelectionTest/manifest.d.ts

@@ -0,0 +1,5 @@
+import { EditorReactComponent } from '@wix/component-protocol/schema';
+declare const manifest: EditorReactComponent & {
+    id: string;
+};
+export default manifest;

package/dist/site/components/ItemSelectionTest/manifest.js

@@ -0,0 +1,90 @@
+import { L as LAYOUT, D as DATA, A as Archetype } from "../chunks/chunk-6KMOHX3X.js";
+import { I as ItemField } from "../chunks/types.impl.js";
+const DisplayNames = {
+  root: {
+    elementDisplayName: "Item Selection (Test)",
+    data: {
+      contactId: "Contact",
+      relatedContactNames: "Related contacts"
+    }
+  }
+};
+const CONTACTS_PROVIDER_KEY = "74bff718-5977-47f2-9e5f-a9fd0047fd1f_ContactsItemsSelectionProvider";
+const presets = {
+  default: "default"
+};
+const manifest = {
+  id: "3a3a56a3-aaba-475e-b31f-a65054b188e2",
+  type: "wixEditorElements.ItemSelectionTest__DEV__v1",
+  description: "Test component for the item-selection picker infra — not exposed to users (TestComp convention).",
+  installation: {
+    presets: {
+      large: presets.default,
+      small: presets.default
+    }
+  },
+  resources: {
+    client: {
+      componentUrl: "./site/components/ItemSelectionTest/component.tsx"
+    }
+  },
+  editorElement: {
+    selector: ".item-selection-test",
+    displayName: DisplayNames.root.elementDisplayName,
+    archetype: Archetype.Text,
+    data: {
+      contactId: {
+        dataType: DATA.DATA_TYPE.text,
+        displayName: DisplayNames.root.data.contactId,
+        [DATA.DATA_TYPE.text]: {
+          itemSelection: {
+            providerKey: CONTACTS_PROVIDER_KEY,
+            maxSelected: 1,
+            itemField: ItemField.ID
+          }
+        }
+      },
+      relatedContactNames: {
+        dataType: DATA.DATA_TYPE.arrayItems,
+        displayName: DisplayNames.root.data.relatedContactNames,
+        [DATA.DATA_TYPE.arrayItems]: {
+          dataItem: {
+            dataType: DATA.DATA_TYPE.text,
+            [DATA.DATA_TYPE.text]: {
+              itemSelection: {
+                providerKey: CONTACTS_PROVIDER_KEY,
+                maxSelected: 3,
+                itemField: ItemField.NAME
+              }
+            }
+          }
+        }
+      }
+    },
+    presets: {
+      [presets.default]: {
+        presetCssUrl: `./site/components/ItemSelectionTest/presets/${presets.default}.css`,
+        displayName: DisplayNames.root.elementDisplayName,
+        initialSize: {
+          width: { sizingType: LAYOUT.SIZING_TYPE.pixels, pixels: 360 },
+          height: { sizingType: LAYOUT.SIZING_TYPE.content }
+        },
+        presetDefaults: {
+          layout: {
+            resizeDirection: LAYOUT.RESIZE_DIRECTION.horizontal,
+            contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.vertical,
+            disableStretching: false,
+            disablePositioning: false
+          }
+        }
+      }
+    }
+  },
+  moduleConfiguration: {
+    package: { name: "@wix/editor-react-components", version: "^1.0.0" },
+    component: { path: "site/components/ItemSelectionTest" }
+  }
+};
+export {
+  manifest as default
+};

package/dist/site/components/Lottie/css.css

@@ -57,7 +57,7 @@
   outline: none;
 }
 .root__IB9QF:hover, .root__IB9QF.active__lpoVO, .root__IB9QF.button--hover {
-  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, width, height, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
+  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
   transition-duration: 0.4s;
   transition-timing-function: ease;
 }

package/dist/site/components/Menu/css.css

@@ -943,7 +943,7 @@
   outline: none;
 }
 .root__IB9QF:hover, .root__IB9QF.active__lpoVO, .root__IB9QF.button--hover {
-  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, width, height, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
+  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
   transition-duration: 0.4s;
   transition-timing-function: ease;
 }

package/dist/site/components/Slideshow/css.css

@@ -469,7 +469,7 @@
   outline: none;
 }
 .root__IB9QF:hover, .root__IB9QF.active__lpoVO, .root__IB9QF.button--hover {
-  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, width, height, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
+  transition-property: border-left, border-inline-start, border-right, border-inline-end, border-top, border-bottom, border-color, border-start-start-radius, border-start-end-radius, border-end-start-radius, border-end-end-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, background, background-color, box-shadow, padding-left, padding-inline-start, padding-right, padding-inline-end, padding-top, padding-bottom, color, fill, transform, letter-spacing, line-height, text-decoration-line, text-align, text-transform, text-shadow;
   transition-duration: 0.4s;
   transition-timing-function: ease;
 }

package/dist/site/components/chunks/types.impl.js

@@ -3119,5 +3119,6 @@ var ListStyle;
 export {
   DomEventType as D,
   FunctionRole as F,
+  ItemField as I,
   VideoCategoryTypes as V
 };

package/dist/site/components/extensions.js

@@ -1,21 +1,22 @@
 var _a, _b;
 import { extensions, app } from "@wix/astro/builders";
-import manifest$X from "./AccordionComponent/manifest.js";
-import manifest$W from "./AnimatedIcon/manifest.js";
-import manifest$V from "./AudioPlayer/manifest.js";
-import manifest$U from "./BoxContainer/manifest.js";
-import manifest$T from "./Breadcrumbs/manifest.js";
-import manifest$S from "./Button/manifest.js";
-import manifest$R from "./Checkbox/manifest.js";
-import manifest$Q from "./CheckboxGroup/manifest.js";
-import manifest$P from "./CollapsibleText/manifest.js";
-import manifest$O from "./DatePicker/manifest.js";
-import manifest$N from "./Dropdown/manifest.js";
-import manifest$M from "./GoogleMap/manifest.js";
-import manifest$L from "./HipaaIcon/manifest.js";
+import manifest$Y from "./AccordionComponent/manifest.js";
+import manifest$X from "./AnimatedIcon/manifest.js";
+import manifest$W from "./AudioPlayer/manifest.js";
+import manifest$V from "./BoxContainer/manifest.js";
+import manifest$U from "./Breadcrumbs/manifest.js";
+import manifest$T from "./Button/manifest.js";
+import manifest$S from "./Checkbox/manifest.js";
+import manifest$R from "./CheckboxGroup/manifest.js";
+import manifest$Q from "./CollapsibleText/manifest.js";
+import manifest$P from "./DatePicker/manifest.js";
+import manifest$O from "./Dropdown/manifest.js";
+import manifest$N from "./GoogleMap/manifest.js";
+import manifest$M from "./HipaaIcon/manifest.js";
 import { H as HIPAA_SETTINGS_PANEL_ID } from "./chunks/constants31.js";
-import manifest$K from "./HTMLComponent/manifest.js";
-import manifest$J from "./Image3/manifest.js";
+import manifest$L from "./HTMLComponent/manifest.js";
+import manifest$K from "./Image3/manifest.js";
+import manifest$J from "./ItemSelectionTest/manifest.js";
 import manifest$I from "./LegacyAppWidget/manifest.js";
 import manifest$H from "./LegacyContainer/manifest.js";
 import manifest$G from "./LegacyMultiStateBox/manifest.js";
@@ -482,21 +483,22 @@ const videoUploadPanelExtension = extensions.editorReactComponentPanel({
   }
 });
 const componentManifests = {
-  AccordionComponent: manifest$X,
-  AnimatedIcon: manifest$W,
-  AudioPlayer: manifest$V,
-  BoxContainer: manifest$U,
-  Breadcrumbs: manifest$T,
-  Button: manifest$S,
-  Checkbox: manifest$R,
-  CheckboxGroup: manifest$Q,
-  CollapsibleText: manifest$P,
-  DatePicker: manifest$O,
-  Dropdown: manifest$N,
-  GoogleMap: manifest$M,
-  HipaaIcon: manifest$L,
-  HTMLComponent: manifest$K,
-  Image3: manifest$J,
+  AccordionComponent: manifest$Y,
+  AnimatedIcon: manifest$X,
+  AudioPlayer: manifest$W,
+  BoxContainer: manifest$V,
+  Breadcrumbs: manifest$U,
+  Button: manifest$T,
+  Checkbox: manifest$S,
+  CheckboxGroup: manifest$R,
+  CollapsibleText: manifest$Q,
+  DatePicker: manifest$P,
+  Dropdown: manifest$O,
+  GoogleMap: manifest$N,
+  HipaaIcon: manifest$M,
+  HTMLComponent: manifest$L,
+  Image3: manifest$K,
+  ItemSelectionTest: manifest$J,
   LegacyAppWidget: manifest$I,
   LegacyContainer: manifest$H,
   LegacyMultiStateBox: manifest$G,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2518.0",
+  "version": "1.2524.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -53,7 +53,7 @@
     "test:e2e:ci": "tsx scripts/wait-for-preview-readiness.ts && sled-playwright test --config=playwright.livesite.config.ts",
     "test:detect-flakiness": "yarn build:lite && sled-playwright detect-flakiness --config=playwright.livesite.config.ts --path e2e/livesites/tests --repeat-count 20",
     "check-a11y-coverage": "a11y-check-coverage --warn-only",
-    "tsc": "npx tsc -b ./tsconfig.json --force",
+    "tsc": "node ../../scripts/run-tsc7.js -b ./tsconfig.json",
     "prepare:manifest-tests": "yarn validate:manifests && yarn generate:manifest-tests",
     "build:janet": "yarn build-storybook && janet-build",
     "test:coverage": "vitest run --coverage",
@@ -82,7 +82,7 @@
     "@wix/sdk": "^1.21.15",
     "@wix/services-manager-react": "^0.1.27",
     "@wix/site-service-rendering-context": "^1.0.1",
-    "@wix/site-ui": "1.230.0",
+    "@wix/site-ui": "1.231.0",
     "@wix/video": "^1.106.0",
     "@wix/viewer-service-consent-policy": "^1.0.101",
     "@wix/web-bi-logger": "^2.1.29",
@@ -197,5 +197,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "bf859fd1cc36cbc4e9cd924d4e5a0c59ac4e9ac9fe182e46f1e5e8fc"
+  "falconPackageHash": "ffdbc21b62244c030b4993f44bbf47000344c1f39116e72148709656"
 }