@vonage/vivid-react 2.10.72 → 2.10.73

package/v3/VwcDatePickerBase/index.js

@@ -0,0 +1,248 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for date-picker",
+ "name": "DatePickerBase",
+ "cssProperties": [
+  {
+   "name": "--vvd-date-picker-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-date-picker-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-date-picker-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  },
+  {
+   "name": "--vvd-date-picker-accent-dim",
+   "default": "var(--vvd-color-neutral-200)"
+  },
+  {
+   "name": "--vvd-date-picker-accent-pale",
+   "default": "var(--vvd-color-neutral-300)"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "label",
+   "type": {
+    "text": "string"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "min",
+   "type": {
+    "text": "string"
+   },
+   "description": "The earliest accepted date of the date-picker.",
+   "privacy": "public",
+   "default": "''"
+  },
+  {
+   "kind": "field",
+   "name": "max",
+   "type": {
+    "text": "string"
+   },
+   "description": "The latest accepted date of the date-picker.",
+   "privacy": "public",
+   "default": "''"
+  },
+  {
+   "kind": "field",
+   "name": "initialValue",
+   "type": {
+    "text": "string"
+   },
+   "description": "The initial value of the date-picker.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "currentValue",
+   "type": {
+    "text": "string"
+   },
+   "description": "The current value of the date-picker.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "readOnly",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Whether the date-picker is readonly.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "#getFocusableEls"
+  },
+  {
+   "kind": "method",
+   "name": "_adjustSelectedMonthToEnsureVisibilityOf",
+   "privacy": "protected",
+   "parameters": [
+    {
+     "name": "date",
+     "type": {
+      "text": "DateStr"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#isMonthAfterValidRange",
+   "parameters": [
+    {
+     "name": "month",
+     "type": {
+      "text": "Month"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#isMonthBeforeValidRange",
+   "parameters": [
+    {
+     "name": "month",
+     "type": {
+      "text": "Month"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "#onFocusIn",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#onFocusOut",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "_getCustomValidationError",
+   "privacy": "protected",
+   "return": {
+    "type": {
+     "text": "string | null"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#dismissOnClickOutside",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#isClosingPopup",
+   "privacy": "private",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  },
+  {
+   "kind": "method",
+   "name": "#openPopupIfPossible"
+  },
+  {
+   "kind": "method",
+   "name": "_getSelectedDates",
+   "privacy": "protected",
+   "return": {
+    "type": {
+     "text": "DateStr[]"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "value",
+   "type": {
+    "text": "string"
+   },
+   "default": "''"
+  }
+ ],
+ "attributes": [
+  {
+   "type": {
+    "text": "string"
+   },
+   "description": "The earliest accepted date of the date-picker.",
+   "default": "''",
+   "fieldName": "min"
+  },
+  {
+   "type": {
+    "text": "string"
+   },
+   "description": "The latest accepted date of the date-picker.",
+   "default": "''",
+   "fieldName": "max"
+  },
+  {
+   "name": "value",
+   "type": {
+    "text": "string"
+   },
+   "description": "The initial value of the date-picker.",
+   "fieldName": "initialValue"
+  },
+  {
+   "name": "current-value",
+   "type": {
+    "text": "string"
+   },
+   "description": "The current value of the date-picker.",
+   "fieldName": "currentValue"
+  },
+  {
+   "name": "readonly",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Whether the date-picker is readonly.",
+   "fieldName": "readOnly"
+  }
+ ],
+ "superclass": {
+  "name": "FormAssociatedDatePickerBase",
+  "module": "/libs/components/src/shared/date-picker/date-picker-base.form-associated"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerDatePickerBase } from '@vonage/vivid'
+
+registerDatePickerBase('vvd3')
+
+const VwcDatePickerBase = wrapper(`vvd3-date-picker-base`,  {
+    events: [],
+    attributes: [],
+    properties: ['label', 'min', 'max', 'initialValue', 'currentValue', 'readOnly', 'value']
+})
+
+VwcDatePickerBase.displayName = 'VwcDatePickerBase'
+
+export default VwcDatePickerBase

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;