@vonage/vivid-react 2.10.72 → 2.10.74

package/v3/VwcDatePickerBase/package.json

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

package/v3/VwcDateRangePicker/index.d.ts

@@ -0,0 +1,56 @@
+import React, { ReactNode, SyntheticEvent } from 'react';
+/** Base class for date-range-picker
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/date-range-picker
+* @param {string} initialStart - The initial start value. This value sets the `start` property
+only when the `start` property has not been explicitly set. **attribute** `start`
+* @param {string} initialEnd - The initial end value. This value sets the `end` property
+only when the `end` property has not been explicitly set. **attribute** `end`
+* @param {string} start - The start value of the date range.
+* @param {string} end - The end value of the date range.
+* @param {string} currentStart - The current start value of the element. This property serves as a mechanism
+to set the `start` property through both property assignment and the
+.setAttribute() method. This is useful for setting the field's value
+in UI libraries that bind data through the .setAttribute() API
+and don't support IDL attribute binding. **attribute** `current-start`
+* @param {string} currentEnd - The current end value of the element. This property serves as a mechanism
+to set the `end` property through both property assignment and the
+.setAttribute() method. This is useful for setting the field's value
+in UI libraries that bind data through the .setAttribute() API
+and don't support IDL attribute binding. **attribute** `current-end`
+* @param  setFormValue
+* @param {string} label
+* @param {string} min - The earliest accepted date of the date-picker. **attribute** `min`
+* @param {string} max - The latest accepted date of the date-picker.
+* @param {string} initialValue - The initial value of the date-picker. **attribute** `value`
+* @param {string} currentValue - The current value of the date-picker. **attribute** `current-value`
+* @param {boolean} readOnly - Whether the date-picker is readonly. **attribute** `readonly`
+* @param {string} value
+*/
+declare const VwcDateRangePicker: {
+    (props: {
+        (event: SyntheticEvent): void;
+        (event: SyntheticEvent): void;
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onInput: start | null;
+        initialStart?: string | undefined;
+        initialEnd?: string | undefined;
+        start?: string | undefined;
+        end?: string | undefined;
+        currentStart?: string | undefined;
+        currentEnd?: string | undefined;
+        setFormValue?: any;
+        label?: string | undefined;
+        min?: string | undefined;
+        max?: string | undefined;
+        initialValue?: string | undefined;
+        currentValue?: string | undefined;
+        readOnly?: boolean | undefined;
+        value?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcDateRangePicker;

package/v3/VwcDateRangePicker/index.js

@@ -0,0 +1,444 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for date-range-picker",
+ "name": "DateRangePicker",
+ "members": [
+  {
+   "kind": "field",
+   "name": "initialStart",
+   "type": {
+    "text": "string"
+   },
+   "default": "''",
+   "description": "The initial start value. This value sets the `start` property\nonly when the `start` property has not been explicitly set."
+  },
+  {
+   "kind": "field",
+   "name": "initialEnd",
+   "type": {
+    "text": "string"
+   },
+   "default": "''",
+   "description": "The initial end value. This value sets the `end` property\nonly when the `end` property has not been explicitly set."
+  },
+  {
+   "kind": "field",
+   "name": "#isInternalValueUpdate",
+   "privacy": "private",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  },
+  {
+   "kind": "field",
+   "name": "start",
+   "type": {
+    "text": "string"
+   },
+   "default": "''",
+   "description": "The start value of the date range."
+  },
+  {
+   "kind": "field",
+   "name": "end",
+   "type": {
+    "text": "string"
+   },
+   "default": "''",
+   "description": "The end value of the date range."
+  },
+  {
+   "kind": "field",
+   "name": "currentStart",
+   "type": {
+    "text": "string"
+   },
+   "description": "The current start value of the element. This property serves as a mechanism\nto set the `start` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's value\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding."
+  },
+  {
+   "kind": "field",
+   "name": "currentEnd",
+   "type": {
+    "text": "string"
+   },
+   "description": "The current end value of the element. This property serves as a mechanism\nto set the `end` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's value\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding."
+  },
+  {
+   "kind": "method",
+   "name": "#updateValues",
+   "parameters": [
+    {
+     "name": "range",
+     "type": {
+      "text": "Partial<DateRange>"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#handleChangedValues"
+  },
+  {
+   "kind": "method",
+   "name": "#updateFormValue"
+  },
+  {
+   "kind": "field",
+   "name": "setFormValue"
+  },
+  {
+   "kind": "method",
+   "name": "#getVisibleRange",
+   "return": {
+    "type": {
+     "text": "Partial<DateRange>"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "label",
+   "type": {
+    "text": "string"
+   },
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "min",
+   "type": {
+    "text": "string"
+   },
+   "description": "The earliest accepted date of the date-picker.",
+   "privacy": "public",
+   "default": "''",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "max",
+   "type": {
+    "text": "string"
+   },
+   "description": "The latest accepted date of the date-picker.",
+   "privacy": "public",
+   "default": "''",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "initialValue",
+   "type": {
+    "text": "string"
+   },
+   "description": "The initial value of the date-picker.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "currentValue",
+   "type": {
+    "text": "string"
+   },
+   "description": "The current value of the date-picker.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "readOnly",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Whether the date-picker is readonly.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "#getFocusableEls",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "_adjustSelectedMonthToEnsureVisibilityOf",
+   "privacy": "protected",
+   "parameters": [
+    {
+     "name": "date",
+     "type": {
+      "text": "DateStr"
+     }
+    }
+   ],
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "#isMonthAfterValidRange",
+   "parameters": [
+    {
+     "name": "month",
+     "type": {
+      "text": "Month"
+     }
+    }
+   ],
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "#isMonthBeforeValidRange",
+   "parameters": [
+    {
+     "name": "month",
+     "type": {
+      "text": "Month"
+     }
+    }
+   ],
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#onFocusIn",
+   "privacy": "private",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#onFocusOut",
+   "privacy": "private",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "_getCustomValidationError",
+   "privacy": "protected",
+   "return": {
+    "type": {
+     "text": "string | null"
+    }
+   },
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#dismissOnClickOutside",
+   "privacy": "private",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#isClosingPopup",
+   "privacy": "private",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "#openPopupIfPossible",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "_getSelectedDates",
+   "privacy": "protected",
+   "return": {
+    "type": {
+     "text": "DateStr[]"
+    }
+   },
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "value",
+   "type": {
+    "text": "string"
+   },
+   "default": "''",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  }
+ ],
+ "events": [
+  {
+   "description": "Event emitted when the start value changes",
+   "name": "input:start"
+  },
+  {
+   "description": "Event emitted when the end value changes",
+   "name": "input:end"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "start",
+   "type": {
+    "text": "string"
+   },
+   "default": "''",
+   "description": "The initial start value. This value sets the `start` property\nonly when the `start` property has not been explicitly set.",
+   "fieldName": "initialStart"
+  },
+  {
+   "name": "end",
+   "type": {
+    "text": "string"
+   },
+   "default": "''",
+   "description": "The initial end value. This value sets the `end` property\nonly when the `end` property has not been explicitly set.",
+   "fieldName": "initialEnd"
+  },
+  {
+   "name": "current-start",
+   "type": {
+    "text": "string"
+   },
+   "description": "The current start value of the element. This property serves as a mechanism\nto set the `start` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's value\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding.",
+   "fieldName": "currentStart"
+  },
+  {
+   "name": "current-end",
+   "type": {
+    "text": "string"
+   },
+   "description": "The current end value of the element. This property serves as a mechanism\nto set the `end` property through both property assignment and the\n.setAttribute() method. This is useful for setting the field's value\nin UI libraries that bind data through the .setAttribute() API\nand don't support IDL attribute binding.",
+   "fieldName": "currentEnd"
+  },
+  {
+   "type": {
+    "text": "string"
+   },
+   "description": "The earliest accepted date of the date-picker.",
+   "default": "''",
+   "fieldName": "min",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "name": "value",
+   "type": {
+    "text": "string"
+   },
+   "description": "The initial value of the date-picker.",
+   "fieldName": "initialValue",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "name": "current-value",
+   "type": {
+    "text": "string"
+   },
+   "description": "The current value of the date-picker.",
+   "fieldName": "currentValue",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  },
+  {
+   "name": "readonly",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Whether the date-picker is readonly.",
+   "fieldName": "readOnly",
+   "inheritedFrom": {
+    "name": "DatePickerBase",
+    "module": "libs/components/src/shared/date-picker/date-picker-base.ts"
+   }
+  }
+ ],
+ "superclass": {
+  "name": "DatePickerBase",
+  "module": "/libs/components/src/shared/date-picker/date-picker-base"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerDateRangePicker } from '@vonage/vivid'
+
+registerDateRangePicker('vvd3')
+
+const VwcDateRangePicker = wrapper(`vvd3-date-range-picker`,  {
+    events: [{"name":"input:end","propName":"onInput:end"},{"name":"input:start","propName":"onInput:start"}],
+    attributes: [],
+    properties: ['initialStart', 'initialEnd', 'start', 'end', 'currentStart', 'currentEnd', 'setFormValue', 'label', 'min', 'max', 'initialValue', 'currentValue', 'readOnly', 'value']
+})
+
+VwcDateRangePicker.displayName = 'VwcDateRangePicker'
+
+export default VwcDateRangePicker

package/v3/VwcDateRangePicker/package.json

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

package/v3/VwcDialog/index.d.ts

@@ -10,6 +10,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {string | null} ariaLabelledBy  **attribute** `aria-labelledby`
 * @param {string | null} ariaLabel  **attribute** `aria-label`
 * @param {string | null} ariaDescribedBy  **attribute** `aria-describedby`
+* @param {string | null} dismissButtonAriaLabel  **attribute** `dismiss-button-aria-label`
 * @param {string} returnValue
 * @param {HTMLElement[] | undefined} footerSlottedContent
 * @param {HTMLElement[] | undefined} actionItemsSlottedContent
@@ -31,6 +32,7 @@ declare const VwcDialog: {
         ariaLabelledBy?: string | null | undefined;
         ariaLabel?: string | null | undefined;
         ariaDescribedBy?: string | null | undefined;
+        dismissButtonAriaLabel?: string | null | undefined;
         returnValue?: string | undefined;
         footerSlottedContent?: any;
         actionItemsSlottedContent?: any;

package/v3/VwcDialog/index.js

@@ -100,6 +100,14 @@ Code in this file were generated using following JSON:
    },
    "default": "null"
   },
+  {
+   "kind": "field",
+   "name": "dismissButtonAriaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
   {
    "kind": "field",
    "name": "#modal",
@@ -204,7 +212,7 @@ Code in this file were generated using following JSON:
  ],
  "events": [
   {
-   "description": "Fired when the dialog is closed",
+   "description": "Fired when the dialog is closed.",
    "name": "close"
   }
  ],
@@ -276,6 +284,14 @@ Code in this file were generated using following JSON:
    },
    "default": "null",
    "fieldName": "ariaDescribedBy"
+  },
+  {
+   "name": "dismiss-button-aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "dismissButtonAriaLabel"
   }
  ],
  "superclass": {
@@ -292,7 +308,7 @@ registerDialog('vvd3')
 const VwcDialog = wrapper(`vvd3-dialog`,  {
     events: [{"name":"close","propName":"onClose"}],
     attributes: [],
-    properties: ['open', 'icon', 'iconPlacement', 'subtitle', 'headline', 'fullWidthBody', 'ariaLabelledBy', 'ariaLabel', 'ariaDescribedBy', 'returnValue', 'footerSlottedContent', 'actionItemsSlottedContent']
+    properties: ['open', 'icon', 'iconPlacement', 'subtitle', 'headline', 'fullWidthBody', 'ariaLabelledBy', 'ariaLabel', 'ariaDescribedBy', 'dismissButtonAriaLabel', 'returnValue', 'footerSlottedContent', 'actionItemsSlottedContent']
 })
 
 VwcDialog.displayName = 'VwcDialog'

package/v3/VwcDialog/package.json

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

package/v3/VwcDivider/package.json

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

package/v3/VwcElevation/package.json

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

package/v3/VwcEmptyState/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-empty-state",
-  "version": "3.37.0",
+  "version": "3.40.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.37.0"
+    "@vonage/vivid": "3.40.0"
   }
 }

package/v3/VwcFab/package.json

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