@vonage/vivid-react 3.5.2 → 5.19.0

package/v3/VwcSelectableBox/index.js

@@ -63,19 +63,9 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Controls the checked state of the box",
+   "description": "Controls the checked state",
    "privacy": "public"
   },
-  {
-   "kind": "field",
-   "name": "clickable",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "privacy": "public",
-   "description": ""
-  },
   {
    "kind": "field",
    "name": "clickableBox",
@@ -83,7 +73,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Makes the entire selectable box clickable",
+   "description": "Sets the whole box to be clickable",
    "privacy": "public"
   },
   {
@@ -92,7 +82,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SelectableBoxConnotation | undefined"
    },
-   "description": "The connotation the selectable box should have.",
+   "description": "Controls the color of the box and its control",
    "privacy": "public"
   },
   {
@@ -101,7 +91,17 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SelectableBoxControlType | undefined"
    },
-   "description": "The type of control the box should have: checkbox or radio.",
+   "description": "Controls the type of control in the box",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "controlPlacement",
+   "type": {
+    "text": "SelectableBoxControlPlacement"
+   },
+   "default": "'end-stacked'",
+   "description": "Controls where the control should be placed in the box",
    "privacy": "public"
   },
   {
@@ -111,20 +111,18 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Removes the padding around the box's slot content",
+   "description": "Removes the padding from the boxes content area",
    "privacy": "public"
   },
   {
    "kind": "field",
-   "name": "_vividAriaBehaviour",
-   "default": "'delegate'",
+   "name": "disabled",
    "type": {
-    "text": "'delegate'"
+    "text": "boolean"
    },
-   "inheritedFrom": {
-    "name": "DelegatesAria",
-    "module": "src/shared/aria/delegates-aria.ts"
-   }
+   "default": "false",
+   "description": "Controls the disabled state of the box and its control",
+   "privacy": "public"
   },
   {
    "kind": "field",
@@ -170,24 +168,16 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Controls the checked state of the box",
+   "description": "Controls the checked state",
    "fieldName": "checked"
   },
-  {
-   "name": "clickable",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "fieldName": "clickable"
-  },
   {
    "name": "clickable-box",
    "type": {
     "text": "boolean"
    },
    "default": "false",
-   "description": "Makes the entire selectable box clickable",
+   "description": "Sets the whole box to be clickable",
    "fieldName": "clickableBox"
   },
   {
@@ -195,7 +185,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SelectableBoxConnotation | undefined"
    },
-   "description": "The connotation the selectable box should have.",
+   "description": "Controls the color of the box and its control",
    "fieldName": "connotation"
   },
   {
@@ -203,17 +193,35 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "SelectableBoxControlType | undefined"
    },
-   "description": "The type of control the box should have: checkbox or radio.",
+   "description": "Controls the type of control in the box",
    "fieldName": "controlType"
   },
+  {
+   "name": "control-placement",
+   "type": {
+    "text": "SelectableBoxControlPlacement"
+   },
+   "default": "'end-stacked'",
+   "description": "Controls where the control should be placed in the box",
+   "fieldName": "controlPlacement"
+  },
   {
    "name": "tight",
    "type": {
     "text": "boolean"
    },
    "default": "false",
-   "description": "Removes the padding around the box's slot content",
+   "description": "Removes the padding from the boxes content area",
    "fieldName": "tight"
+  },
+  {
+   "name": "disabled",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Controls the disabled state of the box and its control",
+   "fieldName": "disabled"
   }
  ],
  "mixins": [
@@ -229,10 +237,55 @@ Code in this file were generated using following JSON:
  "vividComponent": {
   "public": true,
   "name": "selectable-box"
+ },
+ "vividTesting": {
+  "selectors": [],
+  "actions": [
+   {
+    "name": "check",
+    "args": [
+     "check",
+     "#control"
+    ]
+   },
+   {
+    "name": "uncheck",
+    "args": [
+     "uncheck",
+     "#control"
+    ]
+   }
+  ],
+  "queries": [
+   {
+    "name": "checked",
+    "args": [
+     "checked",
+     "true"
+    ]
+   },
+   {
+    "name": "unchecked",
+    "args": [
+     "checked",
+     "false"
+    ]
+   }
+  ],
+  "refs": [
+   {
+    "name": "control",
+    "args": [
+     "nestedShadow",
+     "[data-vvd-component].control",
+     "div.control"
+    ]
+   }
+  ]
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerSelectableBox } from '@vonage/vivid'
 
 registerSelectableBox('vvd3')
@@ -240,7 +293,7 @@ registerSelectableBox('vvd3')
 const VwcSelectableBox = wrapper(`vvd3-selectable-box`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['checked', 'clickable', 'clickableBox', 'connotation', 'controlType', 'tight', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['checked', 'clickableBox', 'connotation', 'controlType', 'controlPlacement', 'tight', 'disabled', 'VIVID_VERSION', 'componentName']
 })
 
 VwcSelectableBox.displayName = 'VwcSelectableBox'

package/v3/VwcSelectableBox/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-selectable-box",
-  "version": "4.29.0",
+  "version": "5.19.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.29.0"
+    "@vonage/vivid": "5.19.0"
   }
 }

package/v3/VwcSideDrawer/index.d.ts

@@ -12,19 +12,19 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcSideDrawer: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        onClose?: ((event: SyntheticEvent) => void) | undefined;
-        onOpen?: ((event: SyntheticEvent) => void) | undefined;
-        onCancel?: ((event: SyntheticEvent) => void) | undefined;
-        alternate?: boolean | undefined;
-        modal?: boolean | undefined;
-        open?: boolean | undefined;
-        trailing?: boolean | undefined;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onClose?: (event: SyntheticEvent) => void;
+        onOpen?: (event: SyntheticEvent) => void;
+        onCancel?: (event: SyntheticEvent) => void;
+        "alternate"?: boolean;
+        "modal"?: boolean;
+        "open"?: boolean;
+        "trailing"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcSideDrawer/index.js

@@ -175,7 +175,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerSideDrawer } from '@vonage/vivid'
 
 registerSideDrawer('vvd3')

package/v3/VwcSideDrawer/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-side-drawer",
-  "version": "4.29.0",
+  "version": "5.19.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.29.0"
+    "@vonage/vivid": "5.19.0"
   }
 }

package/v3/VwcSimpleColorPicker/index.d.ts

@@ -0,0 +1,49 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+/** VwcSimpleColorPicker
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/simple-color-picker
+* @param {Placement | undefined} placement - Preferred placement of the Color Picker's popup in relation to the anchor element **attribute** `placement`
+* @param {number} swatchesPerRow - Number of swatches per row for grid layout **attribute** `swatches-per-row`
+* @param {AnchorType | undefined} anchor - ID or direct reference to the component's anchor element. **attribute** `anchor`
+* @param {boolean} open - Indicates whether the popup is open **attribute** `open`
+* @param {ColorSwatch[]} swatches - List of color swatches, has to be an array of objects
+
+### Examples
+* @param {string | undefined} label - The label for the form element. **attribute** `label`
+* @param {string} value - The current value of the element. **attribute** `current-value`
+* @param  currentValue
+* @param {string} initialValue - The default value of the element. This value sets the `value` property
+only when the `value` property has not been explicitly set. **attribute** `value`
+* @param {boolean} disabled - Sets the element's disabled state. A disabled element will not be included during form submission. **attribute** `disabled`
+* @param {string} name - The name of the element. This element's value will be surfaced during form submission under the provided name. **attribute** `name`
+* @param {boolean} required - Require the field to be completed prior to form submission. **attribute** `required`
+* @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
+It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
+* @param {string} componentName - Core component name, without prefix
+*/
+declare const VwcSimpleColorPicker: {
+    (props: {
+        children?: ReactNode;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        onChange?: (event: SyntheticEvent) => void;
+        onInput?: (event: SyntheticEvent) => void;
+        "placement"?: any;
+        "swatchesPerRow"?: number;
+        "anchor"?: any;
+        "open"?: boolean;
+        "swatches"?: any[];
+        "label"?: string | undefined;
+        "value"?: string;
+        "currentValue"?: any;
+        "initialValue"?: string;
+        "disabled"?: boolean;
+        "name"?: string;
+        "required"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcSimpleColorPicker;