@vonage/vivid-react 5.22.0 → 5.23.0

package/v3/VwcDateTimePicker/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-date-time-picker",
-  "version": "5.22.0",
+  "version": "5.23.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.22.0"
+    "@vonage/vivid": "5.23.0"
   }
 }

package/v3/VwcDialPad/index.d.ts

@@ -56,117 +56,3 @@ declare const VwcDialPad: {
     displayName: string;
 };
 export default VwcDialPad;
-/** Base class for dial-pad
-* For more info on this Vivid element please visit https://vivid.deno.dev/components/dial-pad
-* @param {string | null} helperText - Controls the helper text displayed below the phone input element **attribute** `helper-text`
-* @param {string | null} placeholder - Indicates the placeholder's text. **attribute** `placeholder`
-* @param {string} value - Value of the phone input element **attribute** `value`
-* @param {string} pattern - Regular expression to validate the value of the input element **attribute** `pattern`
-* @param {boolean} disabled - Controls the disabled state of the dial pad **attribute** `disabled`
-* @param {boolean} pending - Controls the pending state **attribute** `pending`
-* @param {boolean} callActive - Controls the active state of the call **attribute** `call-active`
-* @param {boolean} noCall - Removes the call button and functionality **attribute** `no-call`
-* @param {boolean} noInput - Removes the phone input element **attribute** `no-input`
-* @param {DialPadSize | undefined} size - Controls the vertical size of the dial pad **attribute** `size`
-* @param {| string
-        | null} endCallButtonLabel - Controls the end call button label **attribute** `end-call-button-label`
-* @param {string | null} callButtonLabel - Controls the call button label **attribute** `call-button-label`
-* @param {string | null} deleteAriaLabel - The aria-label for the delete button **attribute** `delete-aria-label`
-* @param {boolean} autofocus - Indicates that an element should be focused on page load, or when the Dialog that it is part of
-is displayed. When `no-input` attribute is specified, it will be the first digit button.
-Otherwise, the text field will be focused.` **attribute** `autofocus`
-* @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 VwcDialPad: {
-    (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;
-        onBlur?: (event: SyntheticEvent) => void;
-        onFocus?: (event: SyntheticEvent) => void;
-        onKeypadClick?: (event: SyntheticEvent) => void;
-        onDial?: (event: SyntheticEvent) => void;
-        onEndCall?: (event: SyntheticEvent) => void;
-        "helperText"?: string | null;
-        "placeholder"?: string | null;
-        "value"?: string;
-        "pattern"?: string;
-        "disabled"?: boolean;
-        "pending"?: boolean;
-        "callActive"?: boolean;
-        "noCall"?: boolean;
-        "noInput"?: boolean;
-        "size"?: any;
-        "endCallButtonLabel"?: string | null;
-        "callButtonLabel"?: string | null;
-        "deleteAriaLabel"?: string | null;
-        "autofocus"?: boolean;
-        "VIVID_VERSION"?: string;
-        "componentName"?: string;
-    }): JSX.Element;
-    displayName: string;
-};
-export default VwcDialPad;
-/** Base class for dial-pad
-* For more info on this Vivid element please visit https://vivid.deno.dev/components/dial-pad
-* @param {string | null} helperText - Controls the helper text displayed below the phone input element **attribute** `helper-text`
-* @param {string | null} placeholder - Indicates the placeholder's text. **attribute** `placeholder`
-* @param {string} value - Value of the phone input element **attribute** `value`
-* @param {string} pattern - Regular expression to validate the value of the input element **attribute** `pattern`
-* @param {boolean} disabled - Controls the disabled state of the dial pad **attribute** `disabled`
-* @param {boolean} pending - Controls the pending state **attribute** `pending`
-* @param {boolean} callActive - Controls the active state of the call **attribute** `call-active`
-* @param {boolean} noCall - Removes the call button and functionality **attribute** `no-call`
-* @param {boolean} noInput - Removes the phone input element **attribute** `no-input`
-* @param {DialPadSize | undefined} size - Controls the vertical size of the dial pad **attribute** `size`
-* @param {| string
-        | null} endCallButtonLabel - Controls the end call button label **attribute** `end-call-button-label`
-* @param {string | null} callButtonLabel - Controls the call button label **attribute** `call-button-label`
-* @param {string | null} deleteAriaLabel - The aria-label for the delete button **attribute** `delete-aria-label`
-* @param {boolean} autofocus - Indicates that an element should be focused on page load, or when the Dialog that it is part of
-is displayed. When `no-input` attribute is specified, it will be the first digit button.
-Otherwise, the text field will be focused.` **attribute** `autofocus`
-* @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 VwcDialPad: {
-    (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;
-        onBlur?: (event: SyntheticEvent) => void;
-        onFocus?: (event: SyntheticEvent) => void;
-        onKeypadClick?: (event: SyntheticEvent) => void;
-        onDial?: (event: SyntheticEvent) => void;
-        onEndCall?: (event: SyntheticEvent) => void;
-        "helperText"?: string | null;
-        "placeholder"?: string | null;
-        "value"?: string;
-        "pattern"?: string;
-        "disabled"?: boolean;
-        "pending"?: boolean;
-        "callActive"?: boolean;
-        "noCall"?: boolean;
-        "noInput"?: boolean;
-        "size"?: any;
-        "endCallButtonLabel"?: string | null;
-        "callButtonLabel"?: string | null;
-        "deleteAriaLabel"?: string | null;
-        "autofocus"?: boolean;
-        "VIVID_VERSION"?: string;
-        "componentName"?: string;
-    }): JSX.Element;
-    displayName: string;
-};
-export default VwcDialPad;

package/v3/VwcDialPad/index.js

@@ -1,492 +1,62 @@
-/*
-* DO NOT EDIT THIS FILE. IT IS GENERATED
-*/
-/*
-Code in this file were generated using following JSON:
-{
- "kind": "class",
- "description": "Base class for dial-pad",
- "name": "DialPad",
- "cssProperties": [
-  {
-   "name": "--vvd-dial-pad-accent-contrast",
-   "default": "var(--vvd-color-neutral-800)"
-  },
-  {
-   "name": "--vvd-dial-pad-accent-soft",
-   "default": "var(--vvd-color-neutral-100)"
-  },
-  {
-   "name": "--vvd-dial-pad-accent-pale",
-   "default": "var(--vvd-color-neutral-300)"
-  },
-  {
-   "name": "--vvd-dial-pad-accent-fierce",
-   "default": "var(--vvd-color-neutral-700)"
-  },
-  {
-   "name": "--vvd-dial-pad-accent-firm-all",
-   "default": "var(--vvd-color-neutral-600)"
-  },
-  {
-   "name": "--vvd-dial-pad-accent-faint",
-   "default": "var(--vvd-color-neutral-50)"
-  },
-  {
-   "name": "--vvd-dial-pad-accent-dim",
-   "default": "var(--vvd-color-neutral-200)"
-  }
- ],
- "members": [
-  {
-   "kind": "field",
-   "name": "helperText",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "description": "Controls the helper text displayed below the phone input element",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "placeholder",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "description": "Indicates the placeholder's text.",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "value",
-   "type": {
-    "text": "string"
-   },
-   "default": "''",
-   "description": "Value of the phone input element",
-   "privacy": "public"
-  },
-  {
-   "kind": "method",
-   "name": "valueChanged",
-   "parameters": [
-    {
-     "name": "_oldValue",
-     "type": {
-      "text": "string | undefined"
-     }
-    },
-    {
-     "name": "newValue",
-     "type": {
-      "text": "string"
-     }
-    }
-   ]
-  },
-  {
-   "kind": "field",
-   "name": "pattern",
-   "type": {
-    "text": "string"
-   },
-   "default": "'^[0-9#*]*
-*/
-import wrapper from '@repo/react-component-wrapper'
-import { registerDialPad } from '@vonage/vivid'
-
-registerDialPad('vvd3')
-
-const VwcDialPad = wrapper(`vvd3-dial-pad`,  {
-    events: [{"name":"end-call","propName":"onEndCall"},{"name":"dial","propName":"onDial"},{"name":"keypad-click","propName":"onKeypadClick"},{"name":"focus","propName":"onFocus"},{"name":"blur","propName":"onBlur"},{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
-    attributes: [],
-    properties: ['helperText', 'placeholder', 'value', 'pattern', 'disabled', 'pending', 'callActive', 'noCall', 'noInput', 'size', 'endCallButtonLabel', 'callButtonLabel', 'deleteAriaLabel', 'autofocus', 'VIVID_VERSION', 'componentName']
-})
-
-VwcDialPad.displayName = 'VwcDialPad'
-
-export default VwcDialPad
-",
-   "description": "Regular expression to validate the value of the input element",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "disabled",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Controls the disabled state of the dial pad",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "pending",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Controls the pending state",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "callActive",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Controls the active state of the call",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "noCall",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Removes the call button and functionality",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "noInput",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Removes the phone input element",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "size",
-   "type": {
-    "text": "DialPadSize | undefined"
-   },
-   "description": "Controls the vertical size of the dial pad",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "endCallButtonLabel",
-   "type": {
-    "text": "| string\n\t\t| null"
-   },
-   "default": "null",
-   "description": "Controls the end call button label",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "callButtonLabel",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "description": "Controls the call button label",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "deleteAriaLabel",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "description": "The aria-label for the delete button",
-   "privacy": "public"
-  },
-  {
-   "kind": "method",
-   "name": "_clearLongPressTimer",
-   "privacy": "private"
-  },
-  {
-   "kind": "field",
-   "name": "autofocus",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Indicates that an element should be focused on page load, or when the Dialog that it is part of\nis displayed. When `no-input` attribute is specified, it will be the first digit button.\nOtherwise, the text field will be focused.`",
-   "privacy": "public"
-  },
-  {
-   "kind": "method",
-   "name": "focus",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   },
-   "description": "Moves focus into the Dial Pad. If `no-input` attribute is specified, it will be the first digit\nbutton. Otherwise, the input field will be focused.",
-   "privacy": "public"
-  },
-  {
-   "kind": "field",
-   "name": "VIVID_VERSION",
-   "static": true,
-   "default": "__PACKAGE_VERSION__",
-   "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
-   "type": {
-    "text": "string"
-   },
-   "inheritedFrom": {
-    "name": "VividElement",
-    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "componentName",
-   "type": {
-    "text": "string"
-   },
-   "static": true,
-   "description": "Core component name, without prefix",
-   "inheritedFrom": {
-    "name": "VividElement",
-    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-   }
-  }
- ],
- "events": [
-  {
-   "type": {
-    "text": "CustomEvent<undefined>"
-   },
-   "description": "Emitted when the text field value changes",
-   "name": "change"
-  },
-  {
-   "type": {
-    "text": "CustomEvent<undefined>"
-   },
-   "description": "Emitted when the text field value changes",
-   "name": "input"
-  },
-  {
-   "type": {
-    "text": "CustomEvent<undefined>"
-   },
-   "description": "Emitted when the text field loses focus",
-   "name": "blur"
-  },
-  {
-   "type": {
-    "text": "CustomEvent<undefined>"
-   },
-   "description": "Emitted when the text field receives focus",
-   "name": "focus"
-  },
-  {
-   "type": {
-    "text": "CustomEvent<HTMLElement>"
-   },
-   "description": "Emitted when a digit button is clicked",
-   "name": "keypad-click"
-  },
-  {
-   "type": {
-    "text": "CustomEvent<undefined>"
-   },
-   "description": "Emitted when the call button is clicked",
-   "name": "dial"
-  },
-  {
-   "type": {
-    "text": "CustomEvent<undefined>"
-   },
-   "description": "Emitted when the end call button is clicked",
-   "name": "end-call"
-  }
- ],
- "attributes": [
-  {
-   "name": "helper-text",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "description": "Controls the helper text displayed below the phone input element",
-   "fieldName": "helperText"
-  },
-  {
-   "name": "placeholder",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "description": "Indicates the placeholder's text.",
-   "fieldName": "placeholder"
-  },
-  {
-   "name": "value",
-   "type": {
-    "text": "string"
-   },
-   "default": "''",
-   "description": "Value of the phone input element",
-   "fieldName": "value"
-  },
-  {
-   "name": "pattern",
-   "type": {
-    "text": "string"
-   },
-   "default": "'^[0-9#*]*
-*/
-import wrapper from '@repo/react-component-wrapper'
-import { registerDialPad } from '@vonage/vivid'
-
-registerDialPad('vvd3')
-
-const VwcDialPad = wrapper(`vvd3-dial-pad`,  {
-    events: [{"name":"end-call","propName":"onEndCall"},{"name":"dial","propName":"onDial"},{"name":"keypad-click","propName":"onKeypadClick"},{"name":"focus","propName":"onFocus"},{"name":"blur","propName":"onBlur"},{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
-    attributes: [],
-    properties: ['helperText', 'placeholder', 'value', 'pattern', 'disabled', 'pending', 'callActive', 'noCall', 'noInput', 'size', 'endCallButtonLabel', 'callButtonLabel', 'deleteAriaLabel', 'autofocus', 'VIVID_VERSION', 'componentName']
-})
-
-VwcDialPad.displayName = 'VwcDialPad'
-
-export default VwcDialPad
-",
-   "description": "Regular expression to validate the value of the input element",
-   "fieldName": "pattern"
-  },
-  {
-   "name": "disabled",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Controls the disabled state of the dial pad",
-   "fieldName": "disabled"
-  },
-  {
-   "name": "pending",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Controls the pending state",
-   "fieldName": "pending"
-  },
-  {
-   "name": "call-active",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Controls the active state of the call",
-   "fieldName": "callActive"
-  },
-  {
-   "name": "no-call",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Removes the call button and functionality",
-   "fieldName": "noCall"
-  },
-  {
-   "name": "no-input",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Removes the phone input element",
-   "fieldName": "noInput"
-  },
-  {
-   "name": "size",
-   "type": {
-    "text": "DialPadSize | undefined"
-   },
-   "description": "Controls the vertical size of the dial pad",
-   "fieldName": "size"
-  },
-  {
-   "name": "end-call-button-label",
-   "type": {
-    "text": "| string\n\t\t| null"
-   },
-   "default": "null",
-   "description": "Controls the end call button label",
-   "fieldName": "endCallButtonLabel"
-  },
-  {
-   "name": "call-button-label",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "description": "Controls the call button label",
-   "fieldName": "callButtonLabel"
-  },
-  {
-   "name": "delete-aria-label",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "description": "The aria-label for the delete button",
-   "fieldName": "deleteAriaLabel"
-  },
-  {
-   "name": "autofocus",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "Indicates that an element should be focused on page load, or when the Dialog that it is part of\nis displayed. When `no-input` attribute is specified, it will be the first digit button.\nOtherwise, the text field will be focused.`",
-   "fieldName": "autofocus"
-  }
- ],
- "mixins": [
-  {
-   "name": "Localized",
-   "module": "/src/shared/patterns"
-  }
- ],
- "superclass": {
-  "name": "VividElement",
-  "module": "/src/shared/foundation/vivid-element/vivid-element"
- },
- "vividComponent": {
-  "public": true,
-  "name": "dial-pad",
-  "vueModels": [
-   {
-    "name": "modelValue",
-    "propName": "value",
-    "eventNames": [
-     "input",
-     "@lazy:change"
-    ],
-    "valueMapping": "event.currentTarget.value"
-   }
-  ]
- }
-}
-*/
-import wrapper from '@repo/react-component-wrapper'
-import { registerDialPad } from '@vonage/vivid'
-
-registerDialPad('vvd3')
-
-const VwcDialPad = wrapper(`vvd3-dial-pad`,  {
-    events: [{"name":"end-call","propName":"onEndCall"},{"name":"dial","propName":"onDial"},{"name":"keypad-click","propName":"onKeypadClick"},{"name":"focus","propName":"onFocus"},{"name":"blur","propName":"onBlur"},{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
-    attributes: [],
-    properties: ['helperText', 'placeholder', 'value', 'pattern', 'disabled', 'pending', 'callActive', 'noCall', 'noInput', 'size', 'endCallButtonLabel', 'callButtonLabel', 'deleteAriaLabel', 'autofocus', 'VIVID_VERSION', 'componentName']
-})
-
-VwcDialPad.displayName = 'VwcDialPad'
-
-export default VwcDialPad
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+require("../../chunk-KmRHZBOW.js");
+const require_index_es = require("../../index.es-CX858N60.js");
+//#region dist/v3/VwcDialPad/index.js
+(0, require("@vonage/vivid").registerDialPad)("vvd3");
+var VwcDialPad = require_index_es.g(`vvd3-dial-pad`, {
+	events: [
+		{
+			"name": "end-call",
+			"propName": "onEndCall"
+		},
+		{
+			"name": "dial",
+			"propName": "onDial"
+		},
+		{
+			"name": "keypad-click",
+			"propName": "onKeypadClick"
+		},
+		{
+			"name": "focus",
+			"propName": "onFocus"
+		},
+		{
+			"name": "blur",
+			"propName": "onBlur"
+		},
+		{
+			"name": "input",
+			"propName": "onInput"
+		},
+		{
+			"name": "change",
+			"propName": "onChange"
+		}
+	],
+	attributes: [],
+	properties: [
+		"helperText",
+		"placeholder",
+		"value",
+		"pattern",
+		"disabled",
+		"pending",
+		"callActive",
+		"noCall",
+		"noInput",
+		"size",
+		"endCallButtonLabel",
+		"callButtonLabel",
+		"deleteAriaLabel",
+		"autofocus",
+		"VIVID_VERSION",
+		"componentName"
+	]
+});
+VwcDialPad.displayName = "VwcDialPad";
+//#endregion
+exports.default = VwcDialPad;