@vonage/vivid-react 0.0.1 → 2.10.47

package/VwcDataGridColumn/index.d.ts

@@ -0,0 +1,43 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-data-grid';
+import '@vonage/vwc-data-grid/vwc-data-grid-column';
+/**
+* @param {string | undefined} path
+* @param {boolean} tree
+* @param {boolean} hidden
+* @param {boolean} frozen
+* @param {boolean} sortable
+* @param {boolean} filterable
+* @param {boolean} resizable
+* @param {string | undefined} selector
+* @param {boolean} autoWidth
+* @param {string | undefined} width
+* @param {string} header
+* @param {undefined} headerRenderer
+* @param {string} footer
+* @param {undefined} footerRenderer
+* @param {undefined} cellRenderer
+*/
+declare const VwcDataGridColumn: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    path?: string | undefined;
+    tree?: boolean | undefined;
+    hidden?: boolean | undefined;
+    frozen?: boolean | undefined;
+    sortable?: boolean | undefined;
+    filterable?: boolean | undefined;
+    resizable?: boolean | undefined;
+    selector?: string | undefined;
+    autoWidth?: boolean | undefined;
+    width?: string | undefined;
+    header?: string | undefined;
+    headerRenderer?: any;
+    footer?: string | undefined;
+    footerRenderer?: any;
+    cellRenderer?: any;
+}) => JSX.Element;
+export default VwcDataGridColumn;

package/VwcDataGridColumn/index.js

@@ -0,0 +1,144 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "name": "vwc-data-grid-column",
+ "path": "./../node_modules/@vonage/vwc-data-grid/vwc-data-grid-column-api.d.ts",
+ "properties": [
+  {
+   "name": "path",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "tree",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "hidden",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "frozen",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "sortable",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "filterable",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "resizable",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "selector",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "autoWidth",
+   "type": "boolean",
+   "bindable": false
+  },
+  {
+   "name": "width",
+   "type": "string | undefined",
+   "bindable": false
+  },
+  {
+   "name": "header",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "headerRenderer",
+   "type": "undefined",
+   "bindable": true
+  },
+  {
+   "name": "footer",
+   "type": "string",
+   "bindable": false
+  },
+  {
+   "name": "footerRenderer",
+   "type": "undefined",
+   "bindable": true
+  },
+  {
+   "name": "cellRenderer",
+   "type": "undefined",
+   "bindable": true
+  }
+ ],
+ "events": []
+}
+*/
+import PropTypes from 'prop-types'
+import wrapper from '@vonage/vivid-react-wrapper'
+import '@vonage/vwc-data-grid'
+import '@vonage/vwc-data-grid/vwc-data-grid-column'
+
+
+/**  
+* @param {string | undefined} path  
+* @param {boolean} tree  
+* @param {boolean} hidden  
+* @param {boolean} frozen  
+* @param {boolean} sortable  
+* @param {boolean} filterable  
+* @param {boolean} resizable  
+* @param {string | undefined} selector  
+* @param {boolean} autoWidth  
+* @param {string | undefined} width  
+* @param {string} header  
+* @param {undefined} headerRenderer  
+* @param {string} footer  
+* @param {undefined} footerRenderer  
+* @param {undefined} cellRenderer  
+*/
+const VwcDataGridColumn = wrapper('vwc-data-grid-column',  {
+    events: [],
+    attributes: [],
+    properties: ["headerRenderer","footerRenderer","cellRenderer"]
+});
+
+VwcDataGridColumn.propTypes = {
+  path: PropTypes.string,
+  tree: PropTypes.bool,
+  hidden: PropTypes.bool,
+  frozen: PropTypes.bool,
+  sortable: PropTypes.bool,
+  filterable: PropTypes.bool,
+  resizable: PropTypes.bool,
+  selector: PropTypes.string,
+  autoWidth: PropTypes.bool,
+  width: PropTypes.string,
+  header: PropTypes.string,
+  headerRenderer: PropTypes.any /* undefined */,
+  footer: PropTypes.string,
+  footerRenderer: PropTypes.any /* undefined */,
+  cellRenderer: PropTypes.any /* undefined */
+}
+
+VwcDataGridColumn.defaultProps = {
+
+}
+
+VwcDataGridColumn.displayName = 'VwcDataGridColumn'
+
+
+
+export default VwcDataGridColumn

package/VwcDataGridColumn/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@vonage/vivid-react-vwc-data-grid-column",
+  "version": "2.10.47",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "private": true,
+  "license": "MIT",
+  "dependencies": {
+    "@vonage/vwc-data-grid": "2.37.0"
+  }
+}

package/VwcDatepicker/index.d.ts

@@ -0,0 +1,120 @@
+import React, { ReactNode } from 'react';
+import '@vonage/vwc-datepicker';
+/**
+* @param {boolean} monthPicker
+* @param {boolean} weekSelect
+* @param {boolean} closeOnSelect
+* @param {boolean} fixedMenuPosition
+* @param {HTMLElement | null} anchor
+* @param {string} placeholder - Placeholder text for input element provided by lit-flatpickr
+* @param {string} altFormat - Exactly the same as date format, but for the altInput field
+* @param {boolean} altInput - Show the user a readable date (as per altFormat), but return something totally different to the server.
+* @param {string} altInputClass - This class will be added to the input element created by the altInput option.
+Note that altInput already inherits classes from the original input.
+* @param {boolean} allowInput - Allows the user to enter a date directly input the input field. By default, direct entry is disabled.
+* @param {string} ariaDateFormat - Defines how the date will be formatted in the aria-label for calendar days, using the same tokens as dateFormat.
+If you change this, you should choose a value that will make sense if a screen reader reads it out loud
+* @param {boolean} clickOpens - Whether clicking on the input should open the picker.
+You could disable this if you wish to open the calendar manually with.open()
+* @param {string} dateFormat - A string of characters which are used to define how the date will be displayed in the input box.
+* @param {DateOption|DateOption[]} defaultDate - Sets the initial selected date(s).
+
+If you're using mode: "multiple" or a range calendar supply an Array of
+Date objects or an Array of date strings which follow your dateFormat.
+
+Otherwise, you can supply a single Date object or a date string.
+* @param {number} defaultHour - Initial value of the hour element.
+* @param {number} defaultMinute - Initial value of the minute element.
+* @param {DateLimit<DateOption>[]} disable - Dates selected to be unavailable for selection.
+* @param {boolean} disableMobile - Set disableMobile to true to always use the non-native picker.
+By default, flatpickr utilizes native datetime widgets unless certain options (e.g. disable) are used.
+* @param {DateLimit<DateOption>[] | undefined} enable - Dates selected to be available for selection.
+* @param {boolean} enableTime - Enables time picker
+* @param {boolean} enableSeconds - Enables seconds in the time picker
+* @param {((date: Date, format: string, locale: Locale) => string) | undefined} formatDateFn - Allows using a custom date formatting function instead of the built-in
+handling for date formats using dateFormat, altFormat, etc.
+
+Function format: (date: Date, format: string, locale: Locale) => string
+* @param {number} hourIncrement - Adjusts the step for the hour input (incl. scrolling)
+* @param {number} minuteIncrement - Adjusts the step for the minute input (incl. scrolling)
+* @param {boolean} inline - Displays the calendar inline
+* @param {DateOption | undefined} maxDate - The maximum date that a user can pick to (inclusive).
+* @param {DateOption | undefined} minDate - The minimum date that a user can pick to (inclusive).
+* @param {"single" | "multiple" | "range"} mode - "single", "multiple", or "range"
+* @param {string} nextArrow - HTML for the arrow icon, used to switch months.
+* @param {string} prevArrow - HTML for the arrow icon, used to switch months.
+* @param {boolean} noCalendar - Hides the day selection in calendar.
+Use it along with enableTime to create a time picker.
+* @param {Hook | undefined} onChange - Function(s) to trigger on every date selection
+* @param {Hook | undefined} onClose - Function(s) to trigger every time the calendar is closed
+* @param {Hook | undefined} onOpen - Function(s) to trigger every time the calendar is opened
+* @param {Hook | undefined} onReady - Function(s) to trigger when the calendar is ready
+* @param {Hook | undefined} onMonthChange - Function(s) to trigger every time the calendar month is changed by the user or programmatically
+* @param {Hook | undefined} onYearChange - Function(s) to trigger every time the calendar year is changed by the user or programmatically
+* @param {Hook | undefined} onValueUpdate - Function(s) to trigger when the input value is updated with a new date string
+* @param {((date: string, format: string) => Date) | undefined} parseDateFn - Function that expects a date string and must return a Date object.
+
+Function format: (date: string, format: string) => string
+* @param {"auto" | "above" | "below"} position - Where the calendar is rendered relative to the input
+* @param {boolean} shorthandCurrentMonth - Show the month using the shorthand version (ie, Sep instead of September)
+* @param {number} showMonths - The number of months showed
+* @param {boolean} static - Position the calendar inside the wrapper and next to the input element
+* @param {boolean} weekNumbers - Enabled display of week numbers in calendar
+* @param {boolean} wrap - flatpickr can parse an input group of textboxes and buttons, common in Bootstrap and other frameworks.
+This permits additional markup, as well as custom elements to trigger the state of the calendar.
+* @param { "light" | "dark" | "material_blue" | "material_red" | "material_green" | "material_orange" | "airbnb" | "confetti" | "none" } theme - The set theme of flatpickr.
+*/
+declare const VwcDatepicker: (props: {
+    children?: ReactNode;
+    slot?: string | undefined;
+    id?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    monthPicker?: boolean | undefined;
+    weekSelect?: boolean | undefined;
+    closeOnSelect?: boolean | undefined;
+    fixedMenuPosition?: boolean | undefined;
+    anchor?: any;
+    placeholder?: string | undefined;
+    altFormat?: string | undefined;
+    altInput?: boolean | undefined;
+    altInputClass?: string | undefined;
+    allowInput?: boolean | undefined;
+    ariaDateFormat?: string | undefined;
+    clickOpens?: boolean | undefined;
+    dateFormat?: string | undefined;
+    defaultDate?: any[] | undefined;
+    defaultHour?: number | undefined;
+    defaultMinute?: number | undefined;
+    disable?: any[] | undefined;
+    disableMobile?: boolean | undefined;
+    enable?: any;
+    enableTime?: boolean | undefined;
+    enableSeconds?: boolean | undefined;
+    formatDateFn?: any;
+    hourIncrement?: number | undefined;
+    minuteIncrement?: number | undefined;
+    inline?: boolean | undefined;
+    maxDate?: any;
+    minDate?: any;
+    mode?: "single" | "multiple" | "range" | undefined;
+    nextArrow?: string | undefined;
+    prevArrow?: string | undefined;
+    noCalendar?: boolean | undefined;
+    onChange?: any;
+    onClose?: any;
+    onOpen?: any;
+    onReady?: any;
+    onMonthChange?: any;
+    onYearChange?: any;
+    onValueUpdate?: any;
+    parseDateFn?: any;
+    position?: "auto" | "above" | "below" | undefined;
+    shorthandCurrentMonth?: boolean | undefined;
+    showMonths?: number | undefined;
+    static?: boolean | undefined;
+    weekNumbers?: boolean | undefined;
+    wrap?: boolean | undefined;
+    theme?: "light" | "dark" | "material_blue" | "material_red" | "material_green" | "material_orange" | "airbnb" | "confetti" | "none" | undefined;
+}) => JSX.Element;
+export default VwcDatepicker;