@vonage/vivid-react 2.10.58 → 2.10.59

package/v3/VwcTreeItem/index.js

@@ -0,0 +1,78 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for tree-item",
+ "name": "TreeItem",
+ "cssProperties": [
+  {
+   "name": "--vvd-tree-item-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-tree-item-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-tree-item-accent-primary-increment",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-tree-item-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-tree-item-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  }
+ ],
+ "slots": [
+  {
+   "description": "To specify a child tree item.",
+   "name": "item"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the text's text.",
+   "privacy": "public"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the text's text.",
+   "fieldName": "text"
+  }
+ ],
+ "superclass": {
+  "name": "FastTreeItem",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerTreeItem } from '@vonage/vivid'
+
+registerTreeItem('vvd3')
+
+const VwcTreeItem = wrapper(`vvd3-tree-item`,  {
+    events: [],
+    attributes: [],
+    properties: ['text']
+})
+
+VwcTreeItem.displayName = 'VwcTreeItem'
+
+export default VwcTreeItem

package/v3/VwcTreeItem/package.json

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

package/v3/VwcTreeView/index.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+/** Base class for Tree View
+
+*/
+declare const VwcTreeView: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcTreeView;

package/v3/VwcTreeView/index.js

@@ -0,0 +1,35 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for Tree View",
+ "name": "TreeView",
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
+ "superclass": {
+  "name": "FastTreeView",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerTreeView } from '@vonage/vivid'
+
+registerTreeView('vvd3')
+
+const VwcTreeView = wrapper(`vvd3-tree-view`,  {
+    events: [],
+    attributes: [],
+    properties: []
+})
+
+VwcTreeView.displayName = 'VwcTreeView'
+
+export default VwcTreeView

package/v3/VwcTreeView/package.json

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

package/.storybook/main.js

@@ -1,11 +0,0 @@
-module.exports = {
-  "stories": [
-    "../**/*.stories.mdx",
-    "../**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  "addons": [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-actions"
-  ]
-}

package/.storybook/preview.js

@@ -1,3 +0,0 @@
-export const parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-}

package/.vscode/settings.json

@@ -1,4 +0,0 @@
-{
-  "npm.exclude": "**/dist",
-  "npm.scriptExplorerExclude": ["install"]
-}

package/babel.config.js

@@ -1,38 +0,0 @@
-module.exports = {
-  // ••••••••••••••••••••••••••••••••••
-  presets: [
-    '@babel/preset-react',
-    [
-      '@babel/preset-env',
-      {
-        modules: false,
-        corejs: '3',
-        useBuiltIns: 'entry'
-      }
-    ]
-  ],
-
-  // ••••••••••••••••••••••••••••••••••
-  plugins: [
-    '@babel/plugin-transform-runtime'
-  ],
-
-  // ••••••••••••••••••••••••••••••••••
-  env: {
-    // --------------------------------
-    test: {
-      presets: [
-        [
-          '@babel/preset-env',
-          {
-            targets: {
-              node: 'current'
-            }
-          }
-        ]
-      ],
-      sourceMaps: true,
-      retainLines: true
-    }
-  }
-}

package/rollup.config.js

@@ -1,30 +0,0 @@
-import babel from '@rollup/plugin-babel'
-import commonjs from '@rollup/plugin-commonjs'
-import autoExternal from 'rollup-plugin-auto-external'
-import resolve from '@rollup/plugin-node-resolve'
-
-const OUTPUT_DIR = './dist'
-
-export default {
-  input: 'src/index.js',
-  output: [
-    {
-      file: `${OUTPUT_DIR}/index.js`,
-      format: 'cjs',
-      exports: 'auto'
-    }
-  ],
-  plugins: [
-    resolve({
-      extensions: ['.js', '.json', '.node']
-    }),
-    babel({
-      babelHelpers: 'runtime',
-      exclude: /node_modules/
-    }),
-    commonjs({
-      include: /node_modules/
-    }),
-    autoExternal()
-  ]
-}

package/scripts/cli.js

@@ -1,27 +0,0 @@
-const { OutputLanguage, CLIArgument, FileName, Assets } = require('./generateWrappers/consts')
-const { generateWrappers, generateWrappersV3 } = require('./generateWrappers/generator')
-const {
-  isFileExists,
-  readMetaData,
-  getParsedJson,
-  getVividPackageNames,
-  getInputArgument,
-  getCustomElementTagsDefinitionsList,
-  copyStaticAssets
-} = require('./generateWrappers/utils')
-
-const outputDir = getInputArgument(CLIArgument.Output, FileName.defaultOutputDirectory)
-const language = getInputArgument(CLIArgument.Language, OutputLanguage.JavaScript)
-const staticAssets = getInputArgument(CLIArgument.Assets, Assets)
-const cleanTemp = getInputArgument(CLIArgument.CleanTemp, true) !== 'false'
-
-// generate wrappers for Vivid 2.x
-isFileExists(FileName.packageJson)
-  .then(getParsedJson)
-  .then(getVividPackageNames)
-  .then(getCustomElementTagsDefinitionsList())
-  .then(generateWrappers(outputDir, language, cleanTemp))
-  .then(() => readMetaData() // generate wrappers for Vivid 3.x
-    .then(generateWrappersV3(outputDir, language, cleanTemp)))
-  .then(copyStaticAssets(outputDir, staticAssets))
-

package/scripts/generateWrappers/consts.js

@@ -1,220 +0,0 @@
-const FileName = {
-  packageJson: 'package.json',
-  tempFolder: 'temp',
-  customElements: 'custom-elements.json',
-  vividApi: 'vivid.api.json',
-  tempFileName: 'analyzerOutput.json',
-  tempTsFolder: 'ts',
-  generatedFolder: 'src/generated',
-  tempVividZipball: 'vivid.zip',
-  defaultOutputDirectory: 'dist',
-  storyOutputDir: 'stories',
-  readme: 'README.md',
-  testing: 'testing',
-  types: 'types'
-}
-
-const Assets = [
-  FileName.packageJson,
-  FileName.readme,
-  FileName.testing,
-  FileName.types
-].join(',')
-
-const VividRepo = 'Vonage/vivid'
-
-const WCAConfig = {
-  tempFolder: FileName.tempFolder,
-  tempFileName: FileName.tempFileName,
-  nodeArgumentsFactory: (packageNames, analyzerOutputFile) => [
-    './node_modules/web-component-analyzer/cli.js',
-    'analyze',
-    `node_modules/{${packageNames.join(',')}}/{src/,}*.?s`,
-    '--discoverNodeModules',
-    '--format', 'json',
-    '--outFile', analyzerOutputFile
-  ]
-}
-
-const CLIArgument = {
-  Assets: 'assets', // static assets to be copied to output folder
-  Output: 'output', // output folder
-  Language: 'language', // language js,ts
-  CleanTemp: 'clean' // clean up temp folder after CLI run
-}
-
-const OutputLanguage = {
-  JavaScript: 'js',
-  TypeScript: 'ts'
-}
-
-// TODO: this can be removed when JSDocs for each component will be updated in Vivid repository
-const ComponentsEventsMap = {
-  VwcButtonToggleGroup: ['selected'],
-  VwcButton: ['click'],
-  VwcCard: ['click'],
-  VwcCheckbox: ['change'],
-  VwcChipSet: [{ name: 'MDCChip:selection', propName: 'onSelection' }],
-  VwcDataGrid: [{ name: 'selected-items-changed', propName: 'onSelectedItemsChange' }],
-  VwcDialog: ['opening', 'opened', 'closing', 'closed'],
-  VwcIconButton: ['click'],
-  VwcIconButtonToggle: [{ name: 'MDCIconButtonToggle:change', propName: 'onChange' }],
-  VwcListExpansionPanel: ['closed', 'opened'],
-  VwcListItem: ['click', { name: 'request-selected', propName: 'onRequestSelected' }],
-  VwcCheckListItem: [{ name: 'request-selected', propName: 'onRequestSelected' }],
-  VwcPagination: ['change'],
-  VwcRadio: ['change'],
-  VwcSlider: ['change'],
-  VwcSnackbar: ['opening', 'opened', 'closing', 'closed'],
-  VwcSwitch: ['change'],
-  VwcTab: [{ name: 'MDCTab:interacted', propName: 'onInteracted' }],
-  VwcTabBar: [{ name: 'MDCTabBar:activated', propName: 'onActivated' }],
-  VwcTextfield: ['input', 'blur', 'focus'],
-  VwcTextarea: ['input', 'blur', 'focus']
-}
-
-const ComponentsEventsMapV3 = {
-  VwcButton: ['click']
-}
-
-const ComponentsReadOnlyPropertiesMap = {
-  VwcAccordion: ['styles'],
-  VwcActionGroup: ['styles'],
-  VwcAudio: ['styles', 'floatingLabelFoundation', 'lineRippleFoundation'],
-  VwcListExpansionPanel: ['styles', 'headerNodes'],
-  VwcExpansionPanel: ['styles'],
-  VwcBadge: ['styles'],
-  VwcBanner: ['styles'],
-  VwcDrawer: ['styles'],
-  VwcNotchedOutline: ['styles'],
-  VwcSurface: ['styles'],
-  VwcFilePicker: ['styles'],
-  VwcFormfield: ['styles'],
-  VwcHelperMessage: ['styles'],
-  VwcLinearProgress: ['styles'],
-  VwcThemeSwitch: ['styles'],
-  VwcTopAppBar: ['styles'],
-  VwcChip: ['styles'],
-  VwcCircularProgress: ['styles'],
-  VwcTopAppBarFixed: ['styles'],
-  VwcMediaController: ['floatingLabelFoundation', 'lineRippleFoundation'],
-  VwcRelativeTime: ['floatingLabelFoundation', 'lineRippleFoundation'],
-  VwcCarouselItem: ['floatingLabelFoundation', 'lineRippleFoundation'],
-  VwcList: ['styles', 'items', 'selected', 'index', 'layout', 'debouncedLayout'],
-  VwcListItem: ['styles', 'ripple', 'text'],
-  VwcLayout: ['styles'],
-  VwcSwitch: ['styles', 'ripple'],
-  VwcTab: ['styles', 'active', 'ripple', 'isRippleActive'],
-  VwcFab: ['styles', 'ripple'],
-  VwcTabBar: ['styles', 'active'],
-  VwcText: ['styles'],
-  VwcTextarea: ['styles', 'validity', 'ripple'],
-  VwcTextfield: ['styles', 'validity', 'willValidate', 'selectionStart', 'selectionEnd', 'ripple'],
-  VwcMenu: ['styles', 'slotElement', 'items', 'index', 'selected', 'mdcRoot'],
-  VwcRadio: ['styles', 'ripple', 'isRippleActive'],
-  VwcRadioListItem: ['styles', 'ripple'],
-  VwcSelect: ['styles', 'items', 'ripple'],
-  VwcCheckbox: ['styles', 'isRippleActive', 'ripple'],
-  VwcChipSet: ['styles', 'chips'],
-  VwcCheckListItem: ['styles', 'ripple'],
-  VwcDialog: ['styles'],
-  VwcDropdown: ['styles', 'items', 'selected'],
-  VwcButton: ['styles', 'buttonElement', 'ripple'],
-  VwcButtonToggleGroup: ['items', 'selected'],
-  VwcKeypad: ['styles', 'digitsDisplay'],
-  VwcIconButton: ['styles', 'buttonElement', 'ripple'],
-  VwcIconButtonToggle: ['styles', 'ripple'],
-  VwcDataGrid: ['styles', 'selectedItems'],
-  VwcSlider: ['styles', 'ripple']
-}
-
-// Properties reflected as attributes having different name
-const RenamedReflectedAttributesPropertiesMap = {
-  VwcText: ['fontFace'], // font-face attribute
-  VwcLayout: ['columnBasis', 'columnSpacing', 'autoSizing']
-}
-
-// Bindable means property has complex type: (Function, Object, Array, etc.) OR properties reflected as attributes having different name
-// Those properties needs to be binded directly to the underlying web element "as is"
-// w/o toString => fromString transformations via HTML attributes
-const ComponentsBindablePropertiesMap = {
-  VwcButton: ['form'],
-  VwcTextarea: ['form'],
-  VwcTextfield: ['form'],
-  VwcDataGrid: ['rowDetailsRenderer'],
-  VwcDataGridColumn: ['headerRenderer', 'footerRenderer', 'cellRenderer'],
-  VwcDialog: ['closeButton'],
-  VwcMenu: ['anchor'],
-  ...RenamedReflectedAttributesPropertiesMap
-}
-
-// Extra properties to be exposed for element
-const ComponentsExtraPropertiesMap = {
-  VwcIconButton: [
-    {
-      "name": "value",
-      "type": "string"
-    }
-  ]
-}
-
-const CompoundComponentsMap = {
-  VwcButton: {
-    CallToAction: {
-      unelevated: true,
-      connotation: 'cta',
-      type: 'button',
-      layout: 'filled'
-    },
-    Alert: {
-      unelevated: true,
-      connotation: 'alert',
-      type: 'button',
-      layout: 'filled'
-    },
-    Outlined: {
-      unelevated: true,
-      layout: 'outlined',
-      type: 'button'
-    },
-    Success: {
-      unelevated: true,
-      connotation: 'success',
-      type: 'button',
-      layout: 'filled'
-    },
-    Info: {
-      unelevated: true,
-      connotation: 'info',
-      type: 'button',
-      layout: 'filled'
-    },
-    Primary: {
-      unelevated: true,
-      connotation: 'primary',
-      type: 'button',
-      layout: 'filled'
-    },
-    Announcement: {
-      unelevated: true,
-      connotation: 'announcement',
-      type: 'button',
-      layout: 'filled'
-    }
-  }
-}
-
-module.exports = {
-  ComponentsEventsMap,
-  ComponentsEventsMapV3,
-  ComponentsReadOnlyPropertiesMap,
-  ComponentsBindablePropertiesMap,
-  ComponentsExtraPropertiesMap,
-  CompoundComponentsMap,
-  FileName,
-  Assets,
-  OutputLanguage,
-  WCAConfig,
-  CLIArgument,
-  VividRepo
-}