@vertexvis/ui-react 0.1.1-canary.0 → 0.1.1-canary.1

package/dist/bundle.cjs.js

@@ -230,6 +230,7 @@ var VertexAutoResizeTextarea = /*@__PURE__*/ createReactComponent('vertex-auto-r
 var VertexAvatar = /*@__PURE__*/ createReactComponent('vertex-avatar');
 var VertexAvatarGroup = /*@__PURE__*/ createReactComponent('vertex-avatar-group');
 var VertexBadge = /*@__PURE__*/ createReactComponent('vertex-badge');
+var VertexBanner = /*@__PURE__*/ createReactComponent('vertex-banner');
 var VertexButton = /*@__PURE__*/ createReactComponent('vertex-button');
 var VertexCard = /*@__PURE__*/ createReactComponent('vertex-card');
 var VertexCardGroup = /*@__PURE__*/ createReactComponent('vertex-card-group');
@@ -279,6 +280,7 @@ exports.VertexAutoResizeTextarea = VertexAutoResizeTextarea;
 exports.VertexAvatar = VertexAvatar;
 exports.VertexAvatarGroup = VertexAvatarGroup;
 exports.VertexBadge = VertexBadge;
+exports.VertexBanner = VertexBanner;
 exports.VertexButton = VertexButton;
 exports.VertexCard = VertexCard;
 exports.VertexCardGroup = VertexCardGroup;

package/dist/bundle.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.cjs.js","sources":["../src/generated/react-component-lib/utils/case.ts","../src/generated/react-component-lib/utils/attachProps.ts","../src/generated/react-component-lib/utils/index.tsx","../src/generated/react-component-lib/createComponent.tsx","../src/generated/ui.ts"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n  switch (eventNameSuffix) {\n    case 'doubleclick':\n      return 'dblclick';\n  }\n  return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + transformReactEventName(eventNameSuffix);\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@vertexvis/ui';\n\nimport { defineCustomElements } from '@vertexvis/ui/loader';\n\ndefineCustomElements();\nexport const VertexAutoResizeTextarea = /*@__PURE__*/createReactComponent<JSX.VertexAutoResizeTextarea, HTMLVertexAutoResizeTextareaElement>('vertex-auto-resize-textarea');\nexport const VertexAvatar = /*@__PURE__*/createReactComponent<JSX.VertexAvatar, HTMLVertexAvatarElement>('vertex-avatar');\nexport const VertexAvatarGroup = /*@__PURE__*/createReactComponent<JSX.VertexAvatarGroup, HTMLVertexAvatarGroupElement>('vertex-avatar-group');\nexport const VertexBadge = /*@__PURE__*/createReactComponent<JSX.VertexBadge, HTMLVertexBadgeElement>('vertex-badge');\nexport const VertexButton = /*@__PURE__*/createReactComponent<JSX.VertexButton, HTMLVertexButtonElement>('vertex-button');\nexport const VertexCard = /*@__PURE__*/createReactComponent<JSX.VertexCard, HTMLVertexCardElement>('vertex-card');\nexport const VertexCardGroup = /*@__PURE__*/createReactComponent<JSX.VertexCardGroup, HTMLVertexCardGroupElement>('vertex-card-group');\nexport const VertexChip = /*@__PURE__*/createReactComponent<JSX.VertexChip, HTMLVertexChipElement>('vertex-chip');\nexport const VertexClickToEditTextfield = /*@__PURE__*/createReactComponent<JSX.VertexClickToEditTextfield, HTMLVertexClickToEditTextfieldElement>('vertex-click-to-edit-textfield');\nexport const VertexCollapsible = /*@__PURE__*/createReactComponent<JSX.VertexCollapsible, HTMLVertexCollapsibleElement>('vertex-collapsible');\nexport const VertexColorCirclePicker = /*@__PURE__*/createReactComponent<JSX.VertexColorCirclePicker, HTMLVertexColorCirclePickerElement>('vertex-color-circle-picker');\nexport const VertexColorPicker = /*@__PURE__*/createReactComponent<JSX.VertexColorPicker, HTMLVertexColorPickerElement>('vertex-color-picker');\nexport const VertexColorSwatch = /*@__PURE__*/createReactComponent<JSX.VertexColorSwatch, HTMLVertexColorSwatchElement>('vertex-color-swatch');\nexport const VertexContextMenu = /*@__PURE__*/createReactComponent<JSX.VertexContextMenu, HTMLVertexContextMenuElement>('vertex-context-menu');\nexport const VertexDialog = /*@__PURE__*/createReactComponent<JSX.VertexDialog, HTMLVertexDialogElement>('vertex-dialog');\nexport const VertexDraggablePopover = /*@__PURE__*/createReactComponent<JSX.VertexDraggablePopover, HTMLVertexDraggablePopoverElement>('vertex-draggable-popover');\nexport const VertexDropdownMenu = /*@__PURE__*/createReactComponent<JSX.VertexDropdownMenu, HTMLVertexDropdownMenuElement>('vertex-dropdown-menu');\nexport const VertexExpandable = /*@__PURE__*/createReactComponent<JSX.VertexExpandable, HTMLVertexExpandableElement>('vertex-expandable');\nexport const VertexHelpTooltip = /*@__PURE__*/createReactComponent<JSX.VertexHelpTooltip, HTMLVertexHelpTooltipElement>('vertex-help-tooltip');\nexport const VertexIcon = /*@__PURE__*/createReactComponent<JSX.VertexIcon, HTMLVertexIconElement>('vertex-icon');\nexport const VertexIconButton = /*@__PURE__*/createReactComponent<JSX.VertexIconButton, HTMLVertexIconButtonElement>('vertex-icon-button');\nexport const VertexLogoLoading = /*@__PURE__*/createReactComponent<JSX.VertexLogoLoading, HTMLVertexLogoLoadingElement>('vertex-logo-loading');\nexport const VertexMenu = /*@__PURE__*/createReactComponent<JSX.VertexMenu, HTMLVertexMenuElement>('vertex-menu');\nexport const VertexMenuDivider = /*@__PURE__*/createReactComponent<JSX.VertexMenuDivider, HTMLVertexMenuDividerElement>('vertex-menu-divider');\nexport const VertexMenuItem = /*@__PURE__*/createReactComponent<JSX.VertexMenuItem, HTMLVertexMenuItemElement>('vertex-menu-item');\nexport const VertexPopover = /*@__PURE__*/createReactComponent<JSX.VertexPopover, HTMLVertexPopoverElement>('vertex-popover');\nexport const VertexRadio = /*@__PURE__*/createReactComponent<JSX.VertexRadio, HTMLVertexRadioElement>('vertex-radio');\nexport const VertexRadioGroup = /*@__PURE__*/createReactComponent<JSX.VertexRadioGroup, HTMLVertexRadioGroupElement>('vertex-radio-group');\nexport const VertexResizable = /*@__PURE__*/createReactComponent<JSX.VertexResizable, HTMLVertexResizableElement>('vertex-resizable');\nexport const VertexResultList = /*@__PURE__*/createReactComponent<JSX.VertexResultList, HTMLVertexResultListElement>('vertex-result-list');\nexport const VertexSearchBar = /*@__PURE__*/createReactComponent<JSX.VertexSearchBar, HTMLVertexSearchBarElement>('vertex-search-bar');\nexport const VertexSelect = /*@__PURE__*/createReactComponent<JSX.VertexSelect, HTMLVertexSelectElement>('vertex-select');\nexport const VertexSlider = /*@__PURE__*/createReactComponent<JSX.VertexSlider, HTMLVertexSliderElement>('vertex-slider');\nexport const VertexSpinner = /*@__PURE__*/createReactComponent<JSX.VertexSpinner, HTMLVertexSpinnerElement>('vertex-spinner');\nexport const VertexTab = /*@__PURE__*/createReactComponent<JSX.VertexTab, HTMLVertexTabElement>('vertex-tab');\nexport const VertexTabs = /*@__PURE__*/createReactComponent<JSX.VertexTabs, HTMLVertexTabsElement>('vertex-tabs');\nexport const VertexTextfield = /*@__PURE__*/createReactComponent<JSX.VertexTextfield, HTMLVertexTextfieldElement>('vertex-textfield');\nexport const VertexToast = /*@__PURE__*/createReactComponent<JSX.VertexToast, HTMLVertexToastElement>('vertex-toast');\nexport const VertexToggle = /*@__PURE__*/createReactComponent<JSX.VertexToggle, HTMLVertexToggleElement>('vertex-toggle');\nexport const VertexTooltip = /*@__PURE__*/createReactComponent<JSX.VertexTooltip, HTMLVertexTooltipElement>('vertex-tooltip');\n"],"names":["React","__extends","createElement","defineCustomElements"],"mappings":"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"}
+{"version":3,"file":"bundle.cjs.js","sources":["../src/generated/react-component-lib/utils/case.ts","../src/generated/react-component-lib/utils/attachProps.ts","../src/generated/react-component-lib/utils/index.tsx","../src/generated/react-component-lib/createComponent.tsx","../src/generated/ui.ts"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n  switch (eventNameSuffix) {\n    case 'doubleclick':\n      return 'dblclick';\n  }\n  return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + transformReactEventName(eventNameSuffix);\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@vertexvis/ui';\n\nimport { defineCustomElements } from '@vertexvis/ui/loader';\n\ndefineCustomElements();\nexport const VertexAutoResizeTextarea = /*@__PURE__*/createReactComponent<JSX.VertexAutoResizeTextarea, HTMLVertexAutoResizeTextareaElement>('vertex-auto-resize-textarea');\nexport const VertexAvatar = /*@__PURE__*/createReactComponent<JSX.VertexAvatar, HTMLVertexAvatarElement>('vertex-avatar');\nexport const VertexAvatarGroup = /*@__PURE__*/createReactComponent<JSX.VertexAvatarGroup, HTMLVertexAvatarGroupElement>('vertex-avatar-group');\nexport const VertexBadge = /*@__PURE__*/createReactComponent<JSX.VertexBadge, HTMLVertexBadgeElement>('vertex-badge');\nexport const VertexBanner = /*@__PURE__*/createReactComponent<JSX.VertexBanner, HTMLVertexBannerElement>('vertex-banner');\nexport const VertexButton = /*@__PURE__*/createReactComponent<JSX.VertexButton, HTMLVertexButtonElement>('vertex-button');\nexport const VertexCard = /*@__PURE__*/createReactComponent<JSX.VertexCard, HTMLVertexCardElement>('vertex-card');\nexport const VertexCardGroup = /*@__PURE__*/createReactComponent<JSX.VertexCardGroup, HTMLVertexCardGroupElement>('vertex-card-group');\nexport const VertexChip = /*@__PURE__*/createReactComponent<JSX.VertexChip, HTMLVertexChipElement>('vertex-chip');\nexport const VertexClickToEditTextfield = /*@__PURE__*/createReactComponent<JSX.VertexClickToEditTextfield, HTMLVertexClickToEditTextfieldElement>('vertex-click-to-edit-textfield');\nexport const VertexCollapsible = /*@__PURE__*/createReactComponent<JSX.VertexCollapsible, HTMLVertexCollapsibleElement>('vertex-collapsible');\nexport const VertexColorCirclePicker = /*@__PURE__*/createReactComponent<JSX.VertexColorCirclePicker, HTMLVertexColorCirclePickerElement>('vertex-color-circle-picker');\nexport const VertexColorPicker = /*@__PURE__*/createReactComponent<JSX.VertexColorPicker, HTMLVertexColorPickerElement>('vertex-color-picker');\nexport const VertexColorSwatch = /*@__PURE__*/createReactComponent<JSX.VertexColorSwatch, HTMLVertexColorSwatchElement>('vertex-color-swatch');\nexport const VertexContextMenu = /*@__PURE__*/createReactComponent<JSX.VertexContextMenu, HTMLVertexContextMenuElement>('vertex-context-menu');\nexport const VertexDialog = /*@__PURE__*/createReactComponent<JSX.VertexDialog, HTMLVertexDialogElement>('vertex-dialog');\nexport const VertexDraggablePopover = /*@__PURE__*/createReactComponent<JSX.VertexDraggablePopover, HTMLVertexDraggablePopoverElement>('vertex-draggable-popover');\nexport const VertexDropdownMenu = /*@__PURE__*/createReactComponent<JSX.VertexDropdownMenu, HTMLVertexDropdownMenuElement>('vertex-dropdown-menu');\nexport const VertexExpandable = /*@__PURE__*/createReactComponent<JSX.VertexExpandable, HTMLVertexExpandableElement>('vertex-expandable');\nexport const VertexHelpTooltip = /*@__PURE__*/createReactComponent<JSX.VertexHelpTooltip, HTMLVertexHelpTooltipElement>('vertex-help-tooltip');\nexport const VertexIcon = /*@__PURE__*/createReactComponent<JSX.VertexIcon, HTMLVertexIconElement>('vertex-icon');\nexport const VertexIconButton = /*@__PURE__*/createReactComponent<JSX.VertexIconButton, HTMLVertexIconButtonElement>('vertex-icon-button');\nexport const VertexLogoLoading = /*@__PURE__*/createReactComponent<JSX.VertexLogoLoading, HTMLVertexLogoLoadingElement>('vertex-logo-loading');\nexport const VertexMenu = /*@__PURE__*/createReactComponent<JSX.VertexMenu, HTMLVertexMenuElement>('vertex-menu');\nexport const VertexMenuDivider = /*@__PURE__*/createReactComponent<JSX.VertexMenuDivider, HTMLVertexMenuDividerElement>('vertex-menu-divider');\nexport const VertexMenuItem = /*@__PURE__*/createReactComponent<JSX.VertexMenuItem, HTMLVertexMenuItemElement>('vertex-menu-item');\nexport const VertexPopover = /*@__PURE__*/createReactComponent<JSX.VertexPopover, HTMLVertexPopoverElement>('vertex-popover');\nexport const VertexRadio = /*@__PURE__*/createReactComponent<JSX.VertexRadio, HTMLVertexRadioElement>('vertex-radio');\nexport const VertexRadioGroup = /*@__PURE__*/createReactComponent<JSX.VertexRadioGroup, HTMLVertexRadioGroupElement>('vertex-radio-group');\nexport const VertexResizable = /*@__PURE__*/createReactComponent<JSX.VertexResizable, HTMLVertexResizableElement>('vertex-resizable');\nexport const VertexResultList = /*@__PURE__*/createReactComponent<JSX.VertexResultList, HTMLVertexResultListElement>('vertex-result-list');\nexport const VertexSearchBar = /*@__PURE__*/createReactComponent<JSX.VertexSearchBar, HTMLVertexSearchBarElement>('vertex-search-bar');\nexport const VertexSelect = /*@__PURE__*/createReactComponent<JSX.VertexSelect, HTMLVertexSelectElement>('vertex-select');\nexport const VertexSlider = /*@__PURE__*/createReactComponent<JSX.VertexSlider, HTMLVertexSliderElement>('vertex-slider');\nexport const VertexSpinner = /*@__PURE__*/createReactComponent<JSX.VertexSpinner, HTMLVertexSpinnerElement>('vertex-spinner');\nexport const VertexTab = /*@__PURE__*/createReactComponent<JSX.VertexTab, HTMLVertexTabElement>('vertex-tab');\nexport const VertexTabs = /*@__PURE__*/createReactComponent<JSX.VertexTabs, HTMLVertexTabsElement>('vertex-tabs');\nexport const VertexTextfield = /*@__PURE__*/createReactComponent<JSX.VertexTextfield, HTMLVertexTextfieldElement>('vertex-textfield');\nexport const VertexToast = /*@__PURE__*/createReactComponent<JSX.VertexToast, HTMLVertexToastElement>('vertex-toast');\nexport const VertexToggle = /*@__PURE__*/createReactComponent<JSX.VertexToggle, HTMLVertexToggleElement>('vertex-toggle');\nexport const VertexTooltip = /*@__PURE__*/createReactComponent<JSX.VertexTooltip, HTMLVertexTooltipElement>('vertex-tooltip');\n"],"names":["React","__extends","createElement","defineCustomElements"],"mappings":"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"}

package/dist/bundle.cjs.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),o=(e=r)&&"object"==typeof e&&"default"in e?e.default:e;require("react-dom");var n=require("@vertexvis/ui/loader"),s=function(e){return e.replace(/([A-Z])/g,(function(e){return"-".concat(e[0].toLowerCase())}))},i=function(e,t,r){var o=t.className||t.class,n=r.className||r.class,s=p(e),i=p(o?o.split(" "):[]),a=p(n?n.split(" "):[]),x=[];return s.forEach((function(e){i.has(e)?(x.push(e),i.delete(e)):a.has(e)||x.push(e)})),i.forEach((function(e){return x.push(e)})),x.join(" ")},a=function(e){if("undefined"==typeof document)return!0;var t="on"+function(e){switch(e){case"doubleclick":return"dblclick"}return e}(e),r=t in document;if(!r){var o=document.createElement("div");o.setAttribute(t,"return;"),r="function"==typeof o[t]}return r},x=function(e,t,r){var o=e.__events||(e.__events={}),n=o[t];n&&e.removeEventListener(t,n),e.addEventListener(t,o[t]=function(e){r&&r.call(this,e)})},p=function(e){var t=new Map;return e.forEach((function(e){return t.set(e,e)})),t},c=function(e,t){"function"==typeof e?e(t):null!=e&&(e.current=t)},u=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){e.forEach((function(e){c(e,t)}))}},l=function(e,n,p,c){void 0!==c&&c();var l=e.toLowerCase().split("-").map((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})).join(""),f=function(o){function n(e){var t=o.call(this,e)||this;return t.setComponentElRef=function(e){t.componentEl=e},t}return t.__extends(n,o),n.prototype.componentDidMount=function(){this.componentDidUpdate(this.props)},n.prototype.componentDidUpdate=function(e){!function(e,t,r){if(void 0===r&&(r={}),e instanceof Element){var o=i(e.classList,t,r);""!==o&&(e.className=o),Object.keys(t).forEach((function(r){if("children"!==r&&"style"!==r&&"ref"!==r&&"class"!==r&&"className"!==r&&"forwardedRef"!==r)if(0===r.indexOf("on")&&r[2]===r[2].toUpperCase()){var o=r.substring(2),n=o[0].toLowerCase()+o.substring(1);a(n)||x(e,n,t[r])}else{e[r]=t[r],"string"===typeof t[r]&&e.setAttribute(s(r),t[r])}}))}}(this.componentEl,this.props,e)},n.prototype.render=function(){var o=this.props,n=o.children,i=o.forwardedRef,x=o.style,c=(o.className,o.ref,t.__rest(o,["children","forwardedRef","style","className","ref"])),l=Object.keys(c).reduce((function(e,t){var r=c[t];if(0===t.indexOf("on")&&t[2]===t[2].toUpperCase()){var o=t.substring(2).toLowerCase();"undefined"!=typeof document&&a(o)&&(e[t]=r)}else{var n=typeof r;"string"!==n&&"boolean"!==n&&"number"!==n||(e[s(t)]=r)}return e}),{});p&&(l=p(this.props,l));var f=t.__assign(t.__assign({},l),{ref:u(i,this.setComponentElRef),style:x});return r.createElement(e,f,n)},Object.defineProperty(n,"displayName",{get:function(){return l},enumerable:!1,configurable:!0}),n}(o.Component);return n&&(f.contextType=n),function(e,r){var n=function(r,n){return o.createElement(e,t.__assign({},r,{forwardedRef:n}))};return n.displayName=r,o.forwardRef(n)}(f,l)};n.defineCustomElements();var f=l("vertex-auto-resize-textarea"),d=l("vertex-avatar"),v=l("vertex-avatar-group"),V=l("vertex-badge"),m=l("vertex-button"),b=l("vertex-card"),h=l("vertex-card-group"),g=l("vertex-chip"),y=l("vertex-click-to-edit-textfield"),C=l("vertex-collapsible"),E=l("vertex-color-circle-picker"),_=l("vertex-color-picker"),w=l("vertex-color-swatch"),R=l("vertex-context-menu"),k=l("vertex-dialog"),T=l("vertex-draggable-popover"),L=l("vertex-dropdown-menu"),j=l("vertex-expandable"),M=l("vertex-help-tooltip"),N=l("vertex-icon"),O=l("vertex-icon-button"),A=l("vertex-logo-loading"),D=l("vertex-menu"),P=l("vertex-menu-divider"),S=l("vertex-menu-item"),U=l("vertex-popover"),q=l("vertex-radio"),z=l("vertex-radio-group"),B=l("vertex-resizable"),G=l("vertex-result-list"),I=l("vertex-search-bar"),H=l("vertex-select"),Z=l("vertex-slider"),F=l("vertex-spinner"),J=l("vertex-tab"),K=l("vertex-tabs"),Q=l("vertex-textfield"),W=l("vertex-toast"),X=l("vertex-toggle"),Y=l("vertex-tooltip");Object.keys(n).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return n[e]}})})),exports.VertexAutoResizeTextarea=f,exports.VertexAvatar=d,exports.VertexAvatarGroup=v,exports.VertexBadge=V,exports.VertexButton=m,exports.VertexCard=b,exports.VertexCardGroup=h,exports.VertexChip=g,exports.VertexClickToEditTextfield=y,exports.VertexCollapsible=C,exports.VertexColorCirclePicker=E,exports.VertexColorPicker=_,exports.VertexColorSwatch=w,exports.VertexContextMenu=R,exports.VertexDialog=k,exports.VertexDraggablePopover=T,exports.VertexDropdownMenu=L,exports.VertexExpandable=j,exports.VertexHelpTooltip=M,exports.VertexIcon=N,exports.VertexIconButton=O,exports.VertexLogoLoading=A,exports.VertexMenu=D,exports.VertexMenuDivider=P,exports.VertexMenuItem=S,exports.VertexPopover=U,exports.VertexRadio=q,exports.VertexRadioGroup=z,exports.VertexResizable=B,exports.VertexResultList=G,exports.VertexSearchBar=I,exports.VertexSelect=H,exports.VertexSlider=Z,exports.VertexSpinner=F,exports.VertexTab=J,exports.VertexTabs=K,exports.VertexTextfield=Q,exports.VertexToast=W,exports.VertexToggle=X,exports.VertexTooltip=Y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),o=(e=r)&&"object"==typeof e&&"default"in e?e.default:e;require("react-dom");var n=require("@vertexvis/ui/loader"),s=function(e){return e.replace(/([A-Z])/g,(function(e){return"-".concat(e[0].toLowerCase())}))},i=function(e,t,r){var o=t.className||t.class,n=r.className||r.class,s=p(e),i=p(o?o.split(" "):[]),a=p(n?n.split(" "):[]),x=[];return s.forEach((function(e){i.has(e)?(x.push(e),i.delete(e)):a.has(e)||x.push(e)})),i.forEach((function(e){return x.push(e)})),x.join(" ")},a=function(e){if("undefined"==typeof document)return!0;var t="on"+function(e){switch(e){case"doubleclick":return"dblclick"}return e}(e),r=t in document;if(!r){var o=document.createElement("div");o.setAttribute(t,"return;"),r="function"==typeof o[t]}return r},x=function(e,t,r){var o=e.__events||(e.__events={}),n=o[t];n&&e.removeEventListener(t,n),e.addEventListener(t,o[t]=function(e){r&&r.call(this,e)})},p=function(e){var t=new Map;return e.forEach((function(e){return t.set(e,e)})),t},c=function(e,t){"function"==typeof e?e(t):null!=e&&(e.current=t)},u=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){e.forEach((function(e){c(e,t)}))}},l=function(e,n,p,c){void 0!==c&&c();var l=e.toLowerCase().split("-").map((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})).join(""),f=function(o){function n(e){var t=o.call(this,e)||this;return t.setComponentElRef=function(e){t.componentEl=e},t}return t.__extends(n,o),n.prototype.componentDidMount=function(){this.componentDidUpdate(this.props)},n.prototype.componentDidUpdate=function(e){!function(e,t,r){if(void 0===r&&(r={}),e instanceof Element){var o=i(e.classList,t,r);""!==o&&(e.className=o),Object.keys(t).forEach((function(r){if("children"!==r&&"style"!==r&&"ref"!==r&&"class"!==r&&"className"!==r&&"forwardedRef"!==r)if(0===r.indexOf("on")&&r[2]===r[2].toUpperCase()){var o=r.substring(2),n=o[0].toLowerCase()+o.substring(1);a(n)||x(e,n,t[r])}else{e[r]=t[r],"string"===typeof t[r]&&e.setAttribute(s(r),t[r])}}))}}(this.componentEl,this.props,e)},n.prototype.render=function(){var o=this.props,n=o.children,i=o.forwardedRef,x=o.style,c=(o.className,o.ref,t.__rest(o,["children","forwardedRef","style","className","ref"])),l=Object.keys(c).reduce((function(e,t){var r=c[t];if(0===t.indexOf("on")&&t[2]===t[2].toUpperCase()){var o=t.substring(2).toLowerCase();"undefined"!=typeof document&&a(o)&&(e[t]=r)}else{var n=typeof r;"string"!==n&&"boolean"!==n&&"number"!==n||(e[s(t)]=r)}return e}),{});p&&(l=p(this.props,l));var f=t.__assign(t.__assign({},l),{ref:u(i,this.setComponentElRef),style:x});return r.createElement(e,f,n)},Object.defineProperty(n,"displayName",{get:function(){return l},enumerable:!1,configurable:!0}),n}(o.Component);return n&&(f.contextType=n),function(e,r){var n=function(r,n){return o.createElement(e,t.__assign({},r,{forwardedRef:n}))};return n.displayName=r,o.forwardRef(n)}(f,l)};n.defineCustomElements();var f=l("vertex-auto-resize-textarea"),v=l("vertex-avatar"),d=l("vertex-avatar-group"),V=l("vertex-badge"),m=l("vertex-banner"),b=l("vertex-button"),h=l("vertex-card"),g=l("vertex-card-group"),y=l("vertex-chip"),C=l("vertex-click-to-edit-textfield"),E=l("vertex-collapsible"),_=l("vertex-color-circle-picker"),w=l("vertex-color-picker"),R=l("vertex-color-swatch"),k=l("vertex-context-menu"),T=l("vertex-dialog"),L=l("vertex-draggable-popover"),j=l("vertex-dropdown-menu"),M=l("vertex-expandable"),N=l("vertex-help-tooltip"),O=l("vertex-icon"),A=l("vertex-icon-button"),D=l("vertex-logo-loading"),P=l("vertex-menu"),B=l("vertex-menu-divider"),S=l("vertex-menu-item"),U=l("vertex-popover"),q=l("vertex-radio"),z=l("vertex-radio-group"),G=l("vertex-resizable"),I=l("vertex-result-list"),H=l("vertex-search-bar"),Z=l("vertex-select"),F=l("vertex-slider"),J=l("vertex-spinner"),K=l("vertex-tab"),Q=l("vertex-tabs"),W=l("vertex-textfield"),X=l("vertex-toast"),Y=l("vertex-toggle"),$=l("vertex-tooltip");Object.keys(n).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return n[e]}})})),exports.VertexAutoResizeTextarea=f,exports.VertexAvatar=v,exports.VertexAvatarGroup=d,exports.VertexBadge=V,exports.VertexBanner=m,exports.VertexButton=b,exports.VertexCard=h,exports.VertexCardGroup=g,exports.VertexChip=y,exports.VertexClickToEditTextfield=C,exports.VertexCollapsible=E,exports.VertexColorCirclePicker=_,exports.VertexColorPicker=w,exports.VertexColorSwatch=R,exports.VertexContextMenu=k,exports.VertexDialog=T,exports.VertexDraggablePopover=L,exports.VertexDropdownMenu=j,exports.VertexExpandable=M,exports.VertexHelpTooltip=N,exports.VertexIcon=O,exports.VertexIconButton=A,exports.VertexLogoLoading=D,exports.VertexMenu=P,exports.VertexMenuDivider=B,exports.VertexMenuItem=S,exports.VertexPopover=U,exports.VertexRadio=q,exports.VertexRadioGroup=z,exports.VertexResizable=G,exports.VertexResultList=I,exports.VertexSearchBar=H,exports.VertexSelect=Z,exports.VertexSlider=F,exports.VertexSpinner=J,exports.VertexTab=K,exports.VertexTabs=Q,exports.VertexTextfield=W,exports.VertexToast=X,exports.VertexToggle=Y,exports.VertexTooltip=$;
 //# sourceMappingURL=bundle.cjs.min.js.map

package/dist/bundle.cjs.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.cjs.min.js","sources":["../src/generated/react-component-lib/utils/case.ts","../src/generated/react-component-lib/utils/attachProps.ts","../src/generated/react-component-lib/utils/index.tsx","../src/generated/react-component-lib/createComponent.tsx","../src/generated/ui.ts"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n  switch (eventNameSuffix) {\n    case 'doubleclick':\n      return 'dblclick';\n  }\n  return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + transformReactEventName(eventNameSuffix);\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@vertexvis/ui';\n\nimport { defineCustomElements } from '@vertexvis/ui/loader';\n\ndefineCustomElements();\nexport const VertexAutoResizeTextarea = /*@__PURE__*/createReactComponent<JSX.VertexAutoResizeTextarea, HTMLVertexAutoResizeTextareaElement>('vertex-auto-resize-textarea');\nexport const VertexAvatar = /*@__PURE__*/createReactComponent<JSX.VertexAvatar, HTMLVertexAvatarElement>('vertex-avatar');\nexport const VertexAvatarGroup = /*@__PURE__*/createReactComponent<JSX.VertexAvatarGroup, HTMLVertexAvatarGroupElement>('vertex-avatar-group');\nexport const VertexBadge = /*@__PURE__*/createReactComponent<JSX.VertexBadge, HTMLVertexBadgeElement>('vertex-badge');\nexport const VertexButton = /*@__PURE__*/createReactComponent<JSX.VertexButton, HTMLVertexButtonElement>('vertex-button');\nexport const VertexCard = /*@__PURE__*/createReactComponent<JSX.VertexCard, HTMLVertexCardElement>('vertex-card');\nexport const VertexCardGroup = /*@__PURE__*/createReactComponent<JSX.VertexCardGroup, HTMLVertexCardGroupElement>('vertex-card-group');\nexport const VertexChip = /*@__PURE__*/createReactComponent<JSX.VertexChip, HTMLVertexChipElement>('vertex-chip');\nexport const VertexClickToEditTextfield = /*@__PURE__*/createReactComponent<JSX.VertexClickToEditTextfield, HTMLVertexClickToEditTextfieldElement>('vertex-click-to-edit-textfield');\nexport const VertexCollapsible = /*@__PURE__*/createReactComponent<JSX.VertexCollapsible, HTMLVertexCollapsibleElement>('vertex-collapsible');\nexport const VertexColorCirclePicker = /*@__PURE__*/createReactComponent<JSX.VertexColorCirclePicker, HTMLVertexColorCirclePickerElement>('vertex-color-circle-picker');\nexport const VertexColorPicker = /*@__PURE__*/createReactComponent<JSX.VertexColorPicker, HTMLVertexColorPickerElement>('vertex-color-picker');\nexport const VertexColorSwatch = /*@__PURE__*/createReactComponent<JSX.VertexColorSwatch, HTMLVertexColorSwatchElement>('vertex-color-swatch');\nexport const VertexContextMenu = /*@__PURE__*/createReactComponent<JSX.VertexContextMenu, HTMLVertexContextMenuElement>('vertex-context-menu');\nexport const VertexDialog = /*@__PURE__*/createReactComponent<JSX.VertexDialog, HTMLVertexDialogElement>('vertex-dialog');\nexport const VertexDraggablePopover = /*@__PURE__*/createReactComponent<JSX.VertexDraggablePopover, HTMLVertexDraggablePopoverElement>('vertex-draggable-popover');\nexport const VertexDropdownMenu = /*@__PURE__*/createReactComponent<JSX.VertexDropdownMenu, HTMLVertexDropdownMenuElement>('vertex-dropdown-menu');\nexport const VertexExpandable = /*@__PURE__*/createReactComponent<JSX.VertexExpandable, HTMLVertexExpandableElement>('vertex-expandable');\nexport const VertexHelpTooltip = /*@__PURE__*/createReactComponent<JSX.VertexHelpTooltip, HTMLVertexHelpTooltipElement>('vertex-help-tooltip');\nexport const VertexIcon = /*@__PURE__*/createReactComponent<JSX.VertexIcon, HTMLVertexIconElement>('vertex-icon');\nexport const VertexIconButton = /*@__PURE__*/createReactComponent<JSX.VertexIconButton, HTMLVertexIconButtonElement>('vertex-icon-button');\nexport const VertexLogoLoading = /*@__PURE__*/createReactComponent<JSX.VertexLogoLoading, HTMLVertexLogoLoadingElement>('vertex-logo-loading');\nexport const VertexMenu = /*@__PURE__*/createReactComponent<JSX.VertexMenu, HTMLVertexMenuElement>('vertex-menu');\nexport const VertexMenuDivider = /*@__PURE__*/createReactComponent<JSX.VertexMenuDivider, HTMLVertexMenuDividerElement>('vertex-menu-divider');\nexport const VertexMenuItem = /*@__PURE__*/createReactComponent<JSX.VertexMenuItem, HTMLVertexMenuItemElement>('vertex-menu-item');\nexport const VertexPopover = /*@__PURE__*/createReactComponent<JSX.VertexPopover, HTMLVertexPopoverElement>('vertex-popover');\nexport const VertexRadio = /*@__PURE__*/createReactComponent<JSX.VertexRadio, HTMLVertexRadioElement>('vertex-radio');\nexport const VertexRadioGroup = /*@__PURE__*/createReactComponent<JSX.VertexRadioGroup, HTMLVertexRadioGroupElement>('vertex-radio-group');\nexport const VertexResizable = /*@__PURE__*/createReactComponent<JSX.VertexResizable, HTMLVertexResizableElement>('vertex-resizable');\nexport const VertexResultList = /*@__PURE__*/createReactComponent<JSX.VertexResultList, HTMLVertexResultListElement>('vertex-result-list');\nexport const VertexSearchBar = /*@__PURE__*/createReactComponent<JSX.VertexSearchBar, HTMLVertexSearchBarElement>('vertex-search-bar');\nexport const VertexSelect = /*@__PURE__*/createReactComponent<JSX.VertexSelect, HTMLVertexSelectElement>('vertex-select');\nexport const VertexSlider = /*@__PURE__*/createReactComponent<JSX.VertexSlider, HTMLVertexSliderElement>('vertex-slider');\nexport const VertexSpinner = /*@__PURE__*/createReactComponent<JSX.VertexSpinner, HTMLVertexSpinnerElement>('vertex-spinner');\nexport const VertexTab = /*@__PURE__*/createReactComponent<JSX.VertexTab, HTMLVertexTabElement>('vertex-tab');\nexport const VertexTabs = /*@__PURE__*/createReactComponent<JSX.VertexTabs, HTMLVertexTabsElement>('vertex-tabs');\nexport const VertexTextfield = /*@__PURE__*/createReactComponent<JSX.VertexTextfield, HTMLVertexTextfieldElement>('vertex-textfield');\nexport const VertexToast = /*@__PURE__*/createReactComponent<JSX.VertexToast, HTMLVertexToastElement>('vertex-toast');\nexport const VertexToggle = /*@__PURE__*/createReactComponent<JSX.VertexToggle, HTMLVertexToggleElement>('vertex-toggle');\nexport const VertexTooltip = /*@__PURE__*/createReactComponent<JSX.VertexTooltip, HTMLVertexTooltipElement>('vertex-tooltip');\n"],"names":["camelToDashCase","str","replace","m","toLowerCase","getClassName","classList","newProps","oldProps","newClassProp","className","class","oldClassProp","currentClasses","arrayToMap","incomingPropClasses","split","oldPropClasses","finalClassNames","forEach","currentClass","has","push","delete","s","join","isCoveredByReact","eventNameSuffix","document","eventName","transformReactEventName","isSupported","element","createElement","setAttribute","syncEvent","node","newEventHandler","eventStore","__events","oldEventHandler","removeEventListener","addEventListener","e","call","this","arr","map","Map","set","setRef","ref","value","current","mergeRefs","_i","refs","createReactComponent","tagName","ReactComponentContext","manipulatePropsFunction","defineCustomElement","undefined","displayName","segment","charAt","toUpperCase","slice","ReactComponent","props","_super","_this","componentEl","__extends","class_1","componentDidUpdate","prevProps","Element","Object","keys","name","indexOf","substring","eventNameLc","attachProps","_a","children","forwardedRef","style","cProps","propsToPass","reduce","acc","type","setComponentElRef","React","Component","contextType","forwardRef","createForwardRef","loader","VertexAutoResizeTextarea","VertexAvatar","VertexAvatarGroup","VertexBadge","VertexButton","VertexCard","VertexCardGroup","VertexChip","VertexClickToEditTextfield","VertexCollapsible","VertexColorCirclePicker","VertexColorPicker","VertexColorSwatch","VertexContextMenu","VertexDialog","VertexDraggablePopover","VertexDropdownMenu","VertexExpandable","VertexHelpTooltip","VertexIcon","VertexIconButton","VertexLogoLoading","VertexMenu","VertexMenuDivider","VertexMenuItem","VertexPopover","VertexRadio","VertexRadioGroup","VertexResizable","VertexResultList","VertexSearchBar","VertexSelect","VertexSlider","VertexSpinner","VertexTab","VertexTabs","VertexTextfield","VertexToast","VertexToggle","VertexTooltip"],"mappings":"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"}
+{"version":3,"file":"bundle.cjs.min.js","sources":["../src/generated/react-component-lib/utils/case.ts","../src/generated/react-component-lib/utils/attachProps.ts","../src/generated/react-component-lib/utils/index.tsx","../src/generated/react-component-lib/createComponent.tsx","../src/generated/ui.ts"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n  switch (eventNameSuffix) {\n    case 'doubleclick':\n      return 'dblclick';\n  }\n  return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + transformReactEventName(eventNameSuffix);\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@vertexvis/ui';\n\nimport { defineCustomElements } from '@vertexvis/ui/loader';\n\ndefineCustomElements();\nexport const VertexAutoResizeTextarea = /*@__PURE__*/createReactComponent<JSX.VertexAutoResizeTextarea, HTMLVertexAutoResizeTextareaElement>('vertex-auto-resize-textarea');\nexport const VertexAvatar = /*@__PURE__*/createReactComponent<JSX.VertexAvatar, HTMLVertexAvatarElement>('vertex-avatar');\nexport const VertexAvatarGroup = /*@__PURE__*/createReactComponent<JSX.VertexAvatarGroup, HTMLVertexAvatarGroupElement>('vertex-avatar-group');\nexport const VertexBadge = /*@__PURE__*/createReactComponent<JSX.VertexBadge, HTMLVertexBadgeElement>('vertex-badge');\nexport const VertexBanner = /*@__PURE__*/createReactComponent<JSX.VertexBanner, HTMLVertexBannerElement>('vertex-banner');\nexport const VertexButton = /*@__PURE__*/createReactComponent<JSX.VertexButton, HTMLVertexButtonElement>('vertex-button');\nexport const VertexCard = /*@__PURE__*/createReactComponent<JSX.VertexCard, HTMLVertexCardElement>('vertex-card');\nexport const VertexCardGroup = /*@__PURE__*/createReactComponent<JSX.VertexCardGroup, HTMLVertexCardGroupElement>('vertex-card-group');\nexport const VertexChip = /*@__PURE__*/createReactComponent<JSX.VertexChip, HTMLVertexChipElement>('vertex-chip');\nexport const VertexClickToEditTextfield = /*@__PURE__*/createReactComponent<JSX.VertexClickToEditTextfield, HTMLVertexClickToEditTextfieldElement>('vertex-click-to-edit-textfield');\nexport const VertexCollapsible = /*@__PURE__*/createReactComponent<JSX.VertexCollapsible, HTMLVertexCollapsibleElement>('vertex-collapsible');\nexport const VertexColorCirclePicker = /*@__PURE__*/createReactComponent<JSX.VertexColorCirclePicker, HTMLVertexColorCirclePickerElement>('vertex-color-circle-picker');\nexport const VertexColorPicker = /*@__PURE__*/createReactComponent<JSX.VertexColorPicker, HTMLVertexColorPickerElement>('vertex-color-picker');\nexport const VertexColorSwatch = /*@__PURE__*/createReactComponent<JSX.VertexColorSwatch, HTMLVertexColorSwatchElement>('vertex-color-swatch');\nexport const VertexContextMenu = /*@__PURE__*/createReactComponent<JSX.VertexContextMenu, HTMLVertexContextMenuElement>('vertex-context-menu');\nexport const VertexDialog = /*@__PURE__*/createReactComponent<JSX.VertexDialog, HTMLVertexDialogElement>('vertex-dialog');\nexport const VertexDraggablePopover = /*@__PURE__*/createReactComponent<JSX.VertexDraggablePopover, HTMLVertexDraggablePopoverElement>('vertex-draggable-popover');\nexport const VertexDropdownMenu = /*@__PURE__*/createReactComponent<JSX.VertexDropdownMenu, HTMLVertexDropdownMenuElement>('vertex-dropdown-menu');\nexport const VertexExpandable = /*@__PURE__*/createReactComponent<JSX.VertexExpandable, HTMLVertexExpandableElement>('vertex-expandable');\nexport const VertexHelpTooltip = /*@__PURE__*/createReactComponent<JSX.VertexHelpTooltip, HTMLVertexHelpTooltipElement>('vertex-help-tooltip');\nexport const VertexIcon = /*@__PURE__*/createReactComponent<JSX.VertexIcon, HTMLVertexIconElement>('vertex-icon');\nexport const VertexIconButton = /*@__PURE__*/createReactComponent<JSX.VertexIconButton, HTMLVertexIconButtonElement>('vertex-icon-button');\nexport const VertexLogoLoading = /*@__PURE__*/createReactComponent<JSX.VertexLogoLoading, HTMLVertexLogoLoadingElement>('vertex-logo-loading');\nexport const VertexMenu = /*@__PURE__*/createReactComponent<JSX.VertexMenu, HTMLVertexMenuElement>('vertex-menu');\nexport const VertexMenuDivider = /*@__PURE__*/createReactComponent<JSX.VertexMenuDivider, HTMLVertexMenuDividerElement>('vertex-menu-divider');\nexport const VertexMenuItem = /*@__PURE__*/createReactComponent<JSX.VertexMenuItem, HTMLVertexMenuItemElement>('vertex-menu-item');\nexport const VertexPopover = /*@__PURE__*/createReactComponent<JSX.VertexPopover, HTMLVertexPopoverElement>('vertex-popover');\nexport const VertexRadio = /*@__PURE__*/createReactComponent<JSX.VertexRadio, HTMLVertexRadioElement>('vertex-radio');\nexport const VertexRadioGroup = /*@__PURE__*/createReactComponent<JSX.VertexRadioGroup, HTMLVertexRadioGroupElement>('vertex-radio-group');\nexport const VertexResizable = /*@__PURE__*/createReactComponent<JSX.VertexResizable, HTMLVertexResizableElement>('vertex-resizable');\nexport const VertexResultList = /*@__PURE__*/createReactComponent<JSX.VertexResultList, HTMLVertexResultListElement>('vertex-result-list');\nexport const VertexSearchBar = /*@__PURE__*/createReactComponent<JSX.VertexSearchBar, HTMLVertexSearchBarElement>('vertex-search-bar');\nexport const VertexSelect = /*@__PURE__*/createReactComponent<JSX.VertexSelect, HTMLVertexSelectElement>('vertex-select');\nexport const VertexSlider = /*@__PURE__*/createReactComponent<JSX.VertexSlider, HTMLVertexSliderElement>('vertex-slider');\nexport const VertexSpinner = /*@__PURE__*/createReactComponent<JSX.VertexSpinner, HTMLVertexSpinnerElement>('vertex-spinner');\nexport const VertexTab = /*@__PURE__*/createReactComponent<JSX.VertexTab, HTMLVertexTabElement>('vertex-tab');\nexport const VertexTabs = /*@__PURE__*/createReactComponent<JSX.VertexTabs, HTMLVertexTabsElement>('vertex-tabs');\nexport const VertexTextfield = /*@__PURE__*/createReactComponent<JSX.VertexTextfield, HTMLVertexTextfieldElement>('vertex-textfield');\nexport const VertexToast = /*@__PURE__*/createReactComponent<JSX.VertexToast, HTMLVertexToastElement>('vertex-toast');\nexport const VertexToggle = /*@__PURE__*/createReactComponent<JSX.VertexToggle, HTMLVertexToggleElement>('vertex-toggle');\nexport const VertexTooltip = /*@__PURE__*/createReactComponent<JSX.VertexTooltip, HTMLVertexTooltipElement>('vertex-tooltip');\n"],"names":["camelToDashCase","str","replace","m","toLowerCase","getClassName","classList","newProps","oldProps","newClassProp","className","class","oldClassProp","currentClasses","arrayToMap","incomingPropClasses","split","oldPropClasses","finalClassNames","forEach","currentClass","has","push","delete","s","join","isCoveredByReact","eventNameSuffix","document","eventName","transformReactEventName","isSupported","element","createElement","setAttribute","syncEvent","node","newEventHandler","eventStore","__events","oldEventHandler","removeEventListener","addEventListener","e","call","this","arr","map","Map","set","setRef","ref","value","current","mergeRefs","_i","refs","createReactComponent","tagName","ReactComponentContext","manipulatePropsFunction","defineCustomElement","undefined","displayName","segment","charAt","toUpperCase","slice","ReactComponent","props","_super","_this","componentEl","__extends","class_1","componentDidUpdate","prevProps","Element","Object","keys","name","indexOf","substring","eventNameLc","attachProps","_a","children","forwardedRef","style","cProps","propsToPass","reduce","acc","type","setComponentElRef","React","Component","contextType","forwardRef","createForwardRef","loader","VertexAutoResizeTextarea","VertexAvatar","VertexAvatarGroup","VertexBadge","VertexBanner","VertexButton","VertexCard","VertexCardGroup","VertexChip","VertexClickToEditTextfield","VertexCollapsible","VertexColorCirclePicker","VertexColorPicker","VertexColorSwatch","VertexContextMenu","VertexDialog","VertexDraggablePopover","VertexDropdownMenu","VertexExpandable","VertexHelpTooltip","VertexIcon","VertexIconButton","VertexLogoLoading","VertexMenu","VertexMenuDivider","VertexMenuItem","VertexPopover","VertexRadio","VertexRadioGroup","VertexResizable","VertexResultList","VertexSearchBar","VertexSelect","VertexSlider","VertexSpinner","VertexTab","VertexTabs","VertexTextfield","VertexToast","VertexToggle","VertexTooltip"],"mappings":"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"}

package/dist/bundle.esm.js

@@ -224,6 +224,7 @@ var VertexAutoResizeTextarea = /*@__PURE__*/ createReactComponent('vertex-auto-r
 var VertexAvatar = /*@__PURE__*/ createReactComponent('vertex-avatar');
 var VertexAvatarGroup = /*@__PURE__*/ createReactComponent('vertex-avatar-group');
 var VertexBadge = /*@__PURE__*/ createReactComponent('vertex-badge');
+var VertexBanner = /*@__PURE__*/ createReactComponent('vertex-banner');
 var VertexButton = /*@__PURE__*/ createReactComponent('vertex-button');
 var VertexCard = /*@__PURE__*/ createReactComponent('vertex-card');
 var VertexCardGroup = /*@__PURE__*/ createReactComponent('vertex-card-group');
@@ -261,5 +262,5 @@ var VertexToast = /*@__PURE__*/ createReactComponent('vertex-toast');
 var VertexToggle = /*@__PURE__*/ createReactComponent('vertex-toggle');
 var VertexTooltip = /*@__PURE__*/ createReactComponent('vertex-tooltip');
 
-export { VertexAutoResizeTextarea, VertexAvatar, VertexAvatarGroup, VertexBadge, VertexButton, VertexCard, VertexCardGroup, VertexChip, VertexClickToEditTextfield, VertexCollapsible, VertexColorCirclePicker, VertexColorPicker, VertexColorSwatch, VertexContextMenu, VertexDialog, VertexDraggablePopover, VertexDropdownMenu, VertexExpandable, VertexHelpTooltip, VertexIcon, VertexIconButton, VertexLogoLoading, VertexMenu, VertexMenuDivider, VertexMenuItem, VertexPopover, VertexRadio, VertexRadioGroup, VertexResizable, VertexResultList, VertexSearchBar, VertexSelect, VertexSlider, VertexSpinner, VertexTab, VertexTabs, VertexTextfield, VertexToast, VertexToggle, VertexTooltip };
+export { VertexAutoResizeTextarea, VertexAvatar, VertexAvatarGroup, VertexBadge, VertexBanner, VertexButton, VertexCard, VertexCardGroup, VertexChip, VertexClickToEditTextfield, VertexCollapsible, VertexColorCirclePicker, VertexColorPicker, VertexColorSwatch, VertexContextMenu, VertexDialog, VertexDraggablePopover, VertexDropdownMenu, VertexExpandable, VertexHelpTooltip, VertexIcon, VertexIconButton, VertexLogoLoading, VertexMenu, VertexMenuDivider, VertexMenuItem, VertexPopover, VertexRadio, VertexRadioGroup, VertexResizable, VertexResultList, VertexSearchBar, VertexSelect, VertexSlider, VertexSpinner, VertexTab, VertexTabs, VertexTextfield, VertexToast, VertexToggle, VertexTooltip };
 //# sourceMappingURL=bundle.esm.js.map

package/dist/bundle.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.esm.js","sources":["../src/generated/react-component-lib/utils/case.ts","../src/generated/react-component-lib/utils/attachProps.ts","../src/generated/react-component-lib/utils/index.tsx","../src/generated/react-component-lib/createComponent.tsx","../src/generated/ui.ts"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n  switch (eventNameSuffix) {\n    case 'doubleclick':\n      return 'dblclick';\n  }\n  return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + transformReactEventName(eventNameSuffix);\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@vertexvis/ui';\n\nimport { defineCustomElements } from '@vertexvis/ui/loader';\n\ndefineCustomElements();\nexport const VertexAutoResizeTextarea = /*@__PURE__*/createReactComponent<JSX.VertexAutoResizeTextarea, HTMLVertexAutoResizeTextareaElement>('vertex-auto-resize-textarea');\nexport const VertexAvatar = /*@__PURE__*/createReactComponent<JSX.VertexAvatar, HTMLVertexAvatarElement>('vertex-avatar');\nexport const VertexAvatarGroup = /*@__PURE__*/createReactComponent<JSX.VertexAvatarGroup, HTMLVertexAvatarGroupElement>('vertex-avatar-group');\nexport const VertexBadge = /*@__PURE__*/createReactComponent<JSX.VertexBadge, HTMLVertexBadgeElement>('vertex-badge');\nexport const VertexButton = /*@__PURE__*/createReactComponent<JSX.VertexButton, HTMLVertexButtonElement>('vertex-button');\nexport const VertexCard = /*@__PURE__*/createReactComponent<JSX.VertexCard, HTMLVertexCardElement>('vertex-card');\nexport const VertexCardGroup = /*@__PURE__*/createReactComponent<JSX.VertexCardGroup, HTMLVertexCardGroupElement>('vertex-card-group');\nexport const VertexChip = /*@__PURE__*/createReactComponent<JSX.VertexChip, HTMLVertexChipElement>('vertex-chip');\nexport const VertexClickToEditTextfield = /*@__PURE__*/createReactComponent<JSX.VertexClickToEditTextfield, HTMLVertexClickToEditTextfieldElement>('vertex-click-to-edit-textfield');\nexport const VertexCollapsible = /*@__PURE__*/createReactComponent<JSX.VertexCollapsible, HTMLVertexCollapsibleElement>('vertex-collapsible');\nexport const VertexColorCirclePicker = /*@__PURE__*/createReactComponent<JSX.VertexColorCirclePicker, HTMLVertexColorCirclePickerElement>('vertex-color-circle-picker');\nexport const VertexColorPicker = /*@__PURE__*/createReactComponent<JSX.VertexColorPicker, HTMLVertexColorPickerElement>('vertex-color-picker');\nexport const VertexColorSwatch = /*@__PURE__*/createReactComponent<JSX.VertexColorSwatch, HTMLVertexColorSwatchElement>('vertex-color-swatch');\nexport const VertexContextMenu = /*@__PURE__*/createReactComponent<JSX.VertexContextMenu, HTMLVertexContextMenuElement>('vertex-context-menu');\nexport const VertexDialog = /*@__PURE__*/createReactComponent<JSX.VertexDialog, HTMLVertexDialogElement>('vertex-dialog');\nexport const VertexDraggablePopover = /*@__PURE__*/createReactComponent<JSX.VertexDraggablePopover, HTMLVertexDraggablePopoverElement>('vertex-draggable-popover');\nexport const VertexDropdownMenu = /*@__PURE__*/createReactComponent<JSX.VertexDropdownMenu, HTMLVertexDropdownMenuElement>('vertex-dropdown-menu');\nexport const VertexExpandable = /*@__PURE__*/createReactComponent<JSX.VertexExpandable, HTMLVertexExpandableElement>('vertex-expandable');\nexport const VertexHelpTooltip = /*@__PURE__*/createReactComponent<JSX.VertexHelpTooltip, HTMLVertexHelpTooltipElement>('vertex-help-tooltip');\nexport const VertexIcon = /*@__PURE__*/createReactComponent<JSX.VertexIcon, HTMLVertexIconElement>('vertex-icon');\nexport const VertexIconButton = /*@__PURE__*/createReactComponent<JSX.VertexIconButton, HTMLVertexIconButtonElement>('vertex-icon-button');\nexport const VertexLogoLoading = /*@__PURE__*/createReactComponent<JSX.VertexLogoLoading, HTMLVertexLogoLoadingElement>('vertex-logo-loading');\nexport const VertexMenu = /*@__PURE__*/createReactComponent<JSX.VertexMenu, HTMLVertexMenuElement>('vertex-menu');\nexport const VertexMenuDivider = /*@__PURE__*/createReactComponent<JSX.VertexMenuDivider, HTMLVertexMenuDividerElement>('vertex-menu-divider');\nexport const VertexMenuItem = /*@__PURE__*/createReactComponent<JSX.VertexMenuItem, HTMLVertexMenuItemElement>('vertex-menu-item');\nexport const VertexPopover = /*@__PURE__*/createReactComponent<JSX.VertexPopover, HTMLVertexPopoverElement>('vertex-popover');\nexport const VertexRadio = /*@__PURE__*/createReactComponent<JSX.VertexRadio, HTMLVertexRadioElement>('vertex-radio');\nexport const VertexRadioGroup = /*@__PURE__*/createReactComponent<JSX.VertexRadioGroup, HTMLVertexRadioGroupElement>('vertex-radio-group');\nexport const VertexResizable = /*@__PURE__*/createReactComponent<JSX.VertexResizable, HTMLVertexResizableElement>('vertex-resizable');\nexport const VertexResultList = /*@__PURE__*/createReactComponent<JSX.VertexResultList, HTMLVertexResultListElement>('vertex-result-list');\nexport const VertexSearchBar = /*@__PURE__*/createReactComponent<JSX.VertexSearchBar, HTMLVertexSearchBarElement>('vertex-search-bar');\nexport const VertexSelect = /*@__PURE__*/createReactComponent<JSX.VertexSelect, HTMLVertexSelectElement>('vertex-select');\nexport const VertexSlider = /*@__PURE__*/createReactComponent<JSX.VertexSlider, HTMLVertexSliderElement>('vertex-slider');\nexport const VertexSpinner = /*@__PURE__*/createReactComponent<JSX.VertexSpinner, HTMLVertexSpinnerElement>('vertex-spinner');\nexport const VertexTab = /*@__PURE__*/createReactComponent<JSX.VertexTab, HTMLVertexTabElement>('vertex-tab');\nexport const VertexTabs = /*@__PURE__*/createReactComponent<JSX.VertexTabs, HTMLVertexTabsElement>('vertex-tabs');\nexport const VertexTextfield = /*@__PURE__*/createReactComponent<JSX.VertexTextfield, HTMLVertexTextfieldElement>('vertex-textfield');\nexport const VertexToast = /*@__PURE__*/createReactComponent<JSX.VertexToast, HTMLVertexToastElement>('vertex-toast');\nexport const VertexToggle = /*@__PURE__*/createReactComponent<JSX.VertexToggle, HTMLVertexToggleElement>('vertex-toggle');\nexport const VertexTooltip = /*@__PURE__*/createReactComponent<JSX.VertexTooltip, HTMLVertexTooltipElement>('vertex-tooltip');\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bundle.esm.js","sources":["../src/generated/react-component-lib/utils/case.ts","../src/generated/react-component-lib/utils/attachProps.ts","../src/generated/react-component-lib/utils/index.tsx","../src/generated/react-component-lib/createComponent.tsx","../src/generated/ui.ts"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n  switch (eventNameSuffix) {\n    case 'doubleclick':\n      return 'dblclick';\n  }\n  return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + transformReactEventName(eventNameSuffix);\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@vertexvis/ui';\n\nimport { defineCustomElements } from '@vertexvis/ui/loader';\n\ndefineCustomElements();\nexport const VertexAutoResizeTextarea = /*@__PURE__*/createReactComponent<JSX.VertexAutoResizeTextarea, HTMLVertexAutoResizeTextareaElement>('vertex-auto-resize-textarea');\nexport const VertexAvatar = /*@__PURE__*/createReactComponent<JSX.VertexAvatar, HTMLVertexAvatarElement>('vertex-avatar');\nexport const VertexAvatarGroup = /*@__PURE__*/createReactComponent<JSX.VertexAvatarGroup, HTMLVertexAvatarGroupElement>('vertex-avatar-group');\nexport const VertexBadge = /*@__PURE__*/createReactComponent<JSX.VertexBadge, HTMLVertexBadgeElement>('vertex-badge');\nexport const VertexBanner = /*@__PURE__*/createReactComponent<JSX.VertexBanner, HTMLVertexBannerElement>('vertex-banner');\nexport const VertexButton = /*@__PURE__*/createReactComponent<JSX.VertexButton, HTMLVertexButtonElement>('vertex-button');\nexport const VertexCard = /*@__PURE__*/createReactComponent<JSX.VertexCard, HTMLVertexCardElement>('vertex-card');\nexport const VertexCardGroup = /*@__PURE__*/createReactComponent<JSX.VertexCardGroup, HTMLVertexCardGroupElement>('vertex-card-group');\nexport const VertexChip = /*@__PURE__*/createReactComponent<JSX.VertexChip, HTMLVertexChipElement>('vertex-chip');\nexport const VertexClickToEditTextfield = /*@__PURE__*/createReactComponent<JSX.VertexClickToEditTextfield, HTMLVertexClickToEditTextfieldElement>('vertex-click-to-edit-textfield');\nexport const VertexCollapsible = /*@__PURE__*/createReactComponent<JSX.VertexCollapsible, HTMLVertexCollapsibleElement>('vertex-collapsible');\nexport const VertexColorCirclePicker = /*@__PURE__*/createReactComponent<JSX.VertexColorCirclePicker, HTMLVertexColorCirclePickerElement>('vertex-color-circle-picker');\nexport const VertexColorPicker = /*@__PURE__*/createReactComponent<JSX.VertexColorPicker, HTMLVertexColorPickerElement>('vertex-color-picker');\nexport const VertexColorSwatch = /*@__PURE__*/createReactComponent<JSX.VertexColorSwatch, HTMLVertexColorSwatchElement>('vertex-color-swatch');\nexport const VertexContextMenu = /*@__PURE__*/createReactComponent<JSX.VertexContextMenu, HTMLVertexContextMenuElement>('vertex-context-menu');\nexport const VertexDialog = /*@__PURE__*/createReactComponent<JSX.VertexDialog, HTMLVertexDialogElement>('vertex-dialog');\nexport const VertexDraggablePopover = /*@__PURE__*/createReactComponent<JSX.VertexDraggablePopover, HTMLVertexDraggablePopoverElement>('vertex-draggable-popover');\nexport const VertexDropdownMenu = /*@__PURE__*/createReactComponent<JSX.VertexDropdownMenu, HTMLVertexDropdownMenuElement>('vertex-dropdown-menu');\nexport const VertexExpandable = /*@__PURE__*/createReactComponent<JSX.VertexExpandable, HTMLVertexExpandableElement>('vertex-expandable');\nexport const VertexHelpTooltip = /*@__PURE__*/createReactComponent<JSX.VertexHelpTooltip, HTMLVertexHelpTooltipElement>('vertex-help-tooltip');\nexport const VertexIcon = /*@__PURE__*/createReactComponent<JSX.VertexIcon, HTMLVertexIconElement>('vertex-icon');\nexport const VertexIconButton = /*@__PURE__*/createReactComponent<JSX.VertexIconButton, HTMLVertexIconButtonElement>('vertex-icon-button');\nexport const VertexLogoLoading = /*@__PURE__*/createReactComponent<JSX.VertexLogoLoading, HTMLVertexLogoLoadingElement>('vertex-logo-loading');\nexport const VertexMenu = /*@__PURE__*/createReactComponent<JSX.VertexMenu, HTMLVertexMenuElement>('vertex-menu');\nexport const VertexMenuDivider = /*@__PURE__*/createReactComponent<JSX.VertexMenuDivider, HTMLVertexMenuDividerElement>('vertex-menu-divider');\nexport const VertexMenuItem = /*@__PURE__*/createReactComponent<JSX.VertexMenuItem, HTMLVertexMenuItemElement>('vertex-menu-item');\nexport const VertexPopover = /*@__PURE__*/createReactComponent<JSX.VertexPopover, HTMLVertexPopoverElement>('vertex-popover');\nexport const VertexRadio = /*@__PURE__*/createReactComponent<JSX.VertexRadio, HTMLVertexRadioElement>('vertex-radio');\nexport const VertexRadioGroup = /*@__PURE__*/createReactComponent<JSX.VertexRadioGroup, HTMLVertexRadioGroupElement>('vertex-radio-group');\nexport const VertexResizable = /*@__PURE__*/createReactComponent<JSX.VertexResizable, HTMLVertexResizableElement>('vertex-resizable');\nexport const VertexResultList = /*@__PURE__*/createReactComponent<JSX.VertexResultList, HTMLVertexResultListElement>('vertex-result-list');\nexport const VertexSearchBar = /*@__PURE__*/createReactComponent<JSX.VertexSearchBar, HTMLVertexSearchBarElement>('vertex-search-bar');\nexport const VertexSelect = /*@__PURE__*/createReactComponent<JSX.VertexSelect, HTMLVertexSelectElement>('vertex-select');\nexport const VertexSlider = /*@__PURE__*/createReactComponent<JSX.VertexSlider, HTMLVertexSliderElement>('vertex-slider');\nexport const VertexSpinner = /*@__PURE__*/createReactComponent<JSX.VertexSpinner, HTMLVertexSpinnerElement>('vertex-spinner');\nexport const VertexTab = /*@__PURE__*/createReactComponent<JSX.VertexTab, HTMLVertexTabElement>('vertex-tab');\nexport const VertexTabs = /*@__PURE__*/createReactComponent<JSX.VertexTabs, HTMLVertexTabsElement>('vertex-tabs');\nexport const VertexTextfield = /*@__PURE__*/createReactComponent<JSX.VertexTextfield, HTMLVertexTextfieldElement>('vertex-textfield');\nexport const VertexToast = /*@__PURE__*/createReactComponent<JSX.VertexToast, HTMLVertexToastElement>('vertex-toast');\nexport const VertexToggle = /*@__PURE__*/createReactComponent<JSX.VertexToggle, HTMLVertexToggleElement>('vertex-toggle');\nexport const VertexTooltip = /*@__PURE__*/createReactComponent<JSX.VertexTooltip, HTMLVertexTooltipElement>('vertex-tooltip');\n"],"names":[],"mappings":"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"}

package/dist/bundle.esm.min.js

@@ -1,2 +1,2 @@
-import{__assign as e,__extends as t,__rest as r}from"tslib";import n,{createElement as o}from"react";import"react-dom";import{defineCustomElements as i}from"@vertexvis/ui/loader";export*from"@vertexvis/ui/loader";var a=function(e){return e.replace(/([A-Z])/g,(function(e){return"-".concat(e[0].toLowerCase())}))},c=function(e,t,r){var n=t.className||t.class,o=r.className||r.class,i=f(e),a=f(n?n.split(" "):[]),c=f(o?o.split(" "):[]),s=[];return i.forEach((function(e){a.has(e)?(s.push(e),a.delete(e)):c.has(e)||s.push(e)})),a.forEach((function(e){return s.push(e)})),s.join(" ")},s=function(e){if("undefined"==typeof document)return!0;var t="on"+function(e){switch(e){case"doubleclick":return"dblclick"}return e}(e),r=t in document;if(!r){var n=document.createElement("div");n.setAttribute(t,"return;"),r="function"==typeof n[t]}return r},u=function(e,t,r){var n=e.__events||(e.__events={}),o=n[t];o&&e.removeEventListener(t,o),e.addEventListener(t,n[t]=function(e){r&&r.call(this,e)})},f=function(e){var t=new Map;return e.forEach((function(e){return t.set(e,e)})),t},l=function(e,t){"function"==typeof e?e(t):null!=e&&(e.current=t)},v=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){e.forEach((function(e){l(e,t)}))}},p=function(i,f,l,p){void 0!==p&&p();var d=i.toLowerCase().split("-").map((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})).join(""),x=function(n){function f(e){var t=n.call(this,e)||this;return t.setComponentElRef=function(e){t.componentEl=e},t}return t(f,n),f.prototype.componentDidMount=function(){this.componentDidUpdate(this.props)},f.prototype.componentDidUpdate=function(e){!function(e,t,r){if(void 0===r&&(r={}),e instanceof Element){var n=c(e.classList,t,r);""!==n&&(e.className=n),Object.keys(t).forEach((function(r){if("children"!==r&&"style"!==r&&"ref"!==r&&"class"!==r&&"className"!==r&&"forwardedRef"!==r)if(0===r.indexOf("on")&&r[2]===r[2].toUpperCase()){var n=r.substring(2),o=n[0].toLowerCase()+n.substring(1);s(o)||u(e,o,t[r])}else{e[r]=t[r],"string"===typeof t[r]&&e.setAttribute(a(r),t[r])}}))}}(this.componentEl,this.props,e)},f.prototype.render=function(){var t=this.props,n=t.children,c=t.forwardedRef,u=t.style,f=(t.className,t.ref,r(t,["children","forwardedRef","style","className","ref"])),p=Object.keys(f).reduce((function(e,t){var r=f[t];if(0===t.indexOf("on")&&t[2]===t[2].toUpperCase()){var n=t.substring(2).toLowerCase();"undefined"!=typeof document&&s(n)&&(e[t]=r)}else{var o=typeof r;"string"!==o&&"boolean"!==o&&"number"!==o||(e[a(t)]=r)}return e}),{});l&&(p=l(this.props,p));var d=e(e({},p),{ref:v(c,this.setComponentElRef),style:u});return o(i,d,n)},Object.defineProperty(f,"displayName",{get:function(){return d},enumerable:!1,configurable:!0}),f}(n.Component);return f&&(x.contextType=f),function(t,r){var o=function(r,o){return n.createElement(t,e({},r,{forwardedRef:o}))};return o.displayName=r,n.forwardRef(o)}(x,d)};i();var d=p("vertex-auto-resize-textarea"),x=p("vertex-avatar"),m=p("vertex-avatar-group"),h=p("vertex-badge"),b=p("vertex-button"),g=p("vertex-card"),y=p("vertex-card-group"),E=p("vertex-chip"),w=p("vertex-click-to-edit-textfield"),C=p("vertex-collapsible"),N=p("vertex-color-circle-picker"),k=p("vertex-color-picker"),L=p("vertex-color-swatch"),R=p("vertex-context-menu"),j=p("vertex-dialog"),O=p("vertex-draggable-popover"),U=p("vertex-dropdown-menu"),A=p("vertex-expandable"),_=p("vertex-help-tooltip"),D=p("vertex-icon"),z=p("vertex-icon-button"),M=p("vertex-logo-loading"),P=p("vertex-menu"),T=p("vertex-menu-divider"),Z=p("vertex-menu-item"),q=p("vertex-popover"),B=p("vertex-radio"),F=p("vertex-radio-group"),G=p("vertex-resizable"),H=p("vertex-result-list"),I=p("vertex-search-bar"),J=p("vertex-select"),K=p("vertex-slider"),Q=p("vertex-spinner"),S=p("vertex-tab"),V=p("vertex-tabs"),W=p("vertex-textfield"),X=p("vertex-toast"),Y=p("vertex-toggle"),$=p("vertex-tooltip");export{d as VertexAutoResizeTextarea,x as VertexAvatar,m as VertexAvatarGroup,h as VertexBadge,b as VertexButton,g as VertexCard,y as VertexCardGroup,E as VertexChip,w as VertexClickToEditTextfield,C as VertexCollapsible,N as VertexColorCirclePicker,k as VertexColorPicker,L as VertexColorSwatch,R as VertexContextMenu,j as VertexDialog,O as VertexDraggablePopover,U as VertexDropdownMenu,A as VertexExpandable,_ as VertexHelpTooltip,D as VertexIcon,z as VertexIconButton,M as VertexLogoLoading,P as VertexMenu,T as VertexMenuDivider,Z as VertexMenuItem,q as VertexPopover,B as VertexRadio,F as VertexRadioGroup,G as VertexResizable,H as VertexResultList,I as VertexSearchBar,J as VertexSelect,K as VertexSlider,Q as VertexSpinner,S as VertexTab,V as VertexTabs,W as VertexTextfield,X as VertexToast,Y as VertexToggle,$ as VertexTooltip};
+import{__assign as e,__extends as t,__rest as r}from"tslib";import n,{createElement as o}from"react";import"react-dom";import{defineCustomElements as i}from"@vertexvis/ui/loader";export*from"@vertexvis/ui/loader";var a=function(e){return e.replace(/([A-Z])/g,(function(e){return"-".concat(e[0].toLowerCase())}))},c=function(e,t,r){var n=t.className||t.class,o=r.className||r.class,i=f(e),a=f(n?n.split(" "):[]),c=f(o?o.split(" "):[]),s=[];return i.forEach((function(e){a.has(e)?(s.push(e),a.delete(e)):c.has(e)||s.push(e)})),a.forEach((function(e){return s.push(e)})),s.join(" ")},s=function(e){if("undefined"==typeof document)return!0;var t="on"+function(e){switch(e){case"doubleclick":return"dblclick"}return e}(e),r=t in document;if(!r){var n=document.createElement("div");n.setAttribute(t,"return;"),r="function"==typeof n[t]}return r},u=function(e,t,r){var n=e.__events||(e.__events={}),o=n[t];o&&e.removeEventListener(t,o),e.addEventListener(t,n[t]=function(e){r&&r.call(this,e)})},f=function(e){var t=new Map;return e.forEach((function(e){return t.set(e,e)})),t},v=function(e,t){"function"==typeof e?e(t):null!=e&&(e.current=t)},l=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){e.forEach((function(e){v(e,t)}))}},p=function(i,f,v,p){void 0!==p&&p();var d=i.toLowerCase().split("-").map((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})).join(""),x=function(n){function f(e){var t=n.call(this,e)||this;return t.setComponentElRef=function(e){t.componentEl=e},t}return t(f,n),f.prototype.componentDidMount=function(){this.componentDidUpdate(this.props)},f.prototype.componentDidUpdate=function(e){!function(e,t,r){if(void 0===r&&(r={}),e instanceof Element){var n=c(e.classList,t,r);""!==n&&(e.className=n),Object.keys(t).forEach((function(r){if("children"!==r&&"style"!==r&&"ref"!==r&&"class"!==r&&"className"!==r&&"forwardedRef"!==r)if(0===r.indexOf("on")&&r[2]===r[2].toUpperCase()){var n=r.substring(2),o=n[0].toLowerCase()+n.substring(1);s(o)||u(e,o,t[r])}else{e[r]=t[r],"string"===typeof t[r]&&e.setAttribute(a(r),t[r])}}))}}(this.componentEl,this.props,e)},f.prototype.render=function(){var t=this.props,n=t.children,c=t.forwardedRef,u=t.style,f=(t.className,t.ref,r(t,["children","forwardedRef","style","className","ref"])),p=Object.keys(f).reduce((function(e,t){var r=f[t];if(0===t.indexOf("on")&&t[2]===t[2].toUpperCase()){var n=t.substring(2).toLowerCase();"undefined"!=typeof document&&s(n)&&(e[t]=r)}else{var o=typeof r;"string"!==o&&"boolean"!==o&&"number"!==o||(e[a(t)]=r)}return e}),{});v&&(p=v(this.props,p));var d=e(e({},p),{ref:l(c,this.setComponentElRef),style:u});return o(i,d,n)},Object.defineProperty(f,"displayName",{get:function(){return d},enumerable:!1,configurable:!0}),f}(n.Component);return f&&(x.contextType=f),function(t,r){var o=function(r,o){return n.createElement(t,e({},r,{forwardedRef:o}))};return o.displayName=r,n.forwardRef(o)}(x,d)};i();var d=p("vertex-auto-resize-textarea"),x=p("vertex-avatar"),m=p("vertex-avatar-group"),h=p("vertex-badge"),b=p("vertex-banner"),g=p("vertex-button"),y=p("vertex-card"),E=p("vertex-card-group"),w=p("vertex-chip"),C=p("vertex-click-to-edit-textfield"),N=p("vertex-collapsible"),k=p("vertex-color-circle-picker"),L=p("vertex-color-picker"),R=p("vertex-color-swatch"),j=p("vertex-context-menu"),O=p("vertex-dialog"),U=p("vertex-draggable-popover"),A=p("vertex-dropdown-menu"),_=p("vertex-expandable"),D=p("vertex-help-tooltip"),z=p("vertex-icon"),M=p("vertex-icon-button"),P=p("vertex-logo-loading"),T=p("vertex-menu"),Z=p("vertex-menu-divider"),q=p("vertex-menu-item"),B=p("vertex-popover"),F=p("vertex-radio"),G=p("vertex-radio-group"),H=p("vertex-resizable"),I=p("vertex-result-list"),J=p("vertex-search-bar"),K=p("vertex-select"),Q=p("vertex-slider"),S=p("vertex-spinner"),V=p("vertex-tab"),W=p("vertex-tabs"),X=p("vertex-textfield"),Y=p("vertex-toast"),$=p("vertex-toggle"),ee=p("vertex-tooltip");export{d as VertexAutoResizeTextarea,x as VertexAvatar,m as VertexAvatarGroup,h as VertexBadge,b as VertexBanner,g as VertexButton,y as VertexCard,E as VertexCardGroup,w as VertexChip,C as VertexClickToEditTextfield,N as VertexCollapsible,k as VertexColorCirclePicker,L as VertexColorPicker,R as VertexColorSwatch,j as VertexContextMenu,O as VertexDialog,U as VertexDraggablePopover,A as VertexDropdownMenu,_ as VertexExpandable,D as VertexHelpTooltip,z as VertexIcon,M as VertexIconButton,P as VertexLogoLoading,T as VertexMenu,Z as VertexMenuDivider,q as VertexMenuItem,B as VertexPopover,F as VertexRadio,G as VertexRadioGroup,H as VertexResizable,I as VertexResultList,J as VertexSearchBar,K as VertexSelect,Q as VertexSlider,S as VertexSpinner,V as VertexTab,W as VertexTabs,X as VertexTextfield,Y as VertexToast,$ as VertexToggle,ee as VertexTooltip};
 //# sourceMappingURL=bundle.esm.min.js.map

package/dist/bundle.esm.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.esm.min.js","sources":["../src/generated/react-component-lib/utils/case.ts","../src/generated/react-component-lib/utils/attachProps.ts","../src/generated/react-component-lib/utils/index.tsx","../src/generated/react-component-lib/createComponent.tsx","../src/generated/ui.ts"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n  switch (eventNameSuffix) {\n    case 'doubleclick':\n      return 'dblclick';\n  }\n  return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + transformReactEventName(eventNameSuffix);\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@vertexvis/ui';\n\nimport { defineCustomElements } from '@vertexvis/ui/loader';\n\ndefineCustomElements();\nexport const VertexAutoResizeTextarea = /*@__PURE__*/createReactComponent<JSX.VertexAutoResizeTextarea, HTMLVertexAutoResizeTextareaElement>('vertex-auto-resize-textarea');\nexport const VertexAvatar = /*@__PURE__*/createReactComponent<JSX.VertexAvatar, HTMLVertexAvatarElement>('vertex-avatar');\nexport const VertexAvatarGroup = /*@__PURE__*/createReactComponent<JSX.VertexAvatarGroup, HTMLVertexAvatarGroupElement>('vertex-avatar-group');\nexport const VertexBadge = /*@__PURE__*/createReactComponent<JSX.VertexBadge, HTMLVertexBadgeElement>('vertex-badge');\nexport const VertexButton = /*@__PURE__*/createReactComponent<JSX.VertexButton, HTMLVertexButtonElement>('vertex-button');\nexport const VertexCard = /*@__PURE__*/createReactComponent<JSX.VertexCard, HTMLVertexCardElement>('vertex-card');\nexport const VertexCardGroup = /*@__PURE__*/createReactComponent<JSX.VertexCardGroup, HTMLVertexCardGroupElement>('vertex-card-group');\nexport const VertexChip = /*@__PURE__*/createReactComponent<JSX.VertexChip, HTMLVertexChipElement>('vertex-chip');\nexport const VertexClickToEditTextfield = /*@__PURE__*/createReactComponent<JSX.VertexClickToEditTextfield, HTMLVertexClickToEditTextfieldElement>('vertex-click-to-edit-textfield');\nexport const VertexCollapsible = /*@__PURE__*/createReactComponent<JSX.VertexCollapsible, HTMLVertexCollapsibleElement>('vertex-collapsible');\nexport const VertexColorCirclePicker = /*@__PURE__*/createReactComponent<JSX.VertexColorCirclePicker, HTMLVertexColorCirclePickerElement>('vertex-color-circle-picker');\nexport const VertexColorPicker = /*@__PURE__*/createReactComponent<JSX.VertexColorPicker, HTMLVertexColorPickerElement>('vertex-color-picker');\nexport const VertexColorSwatch = /*@__PURE__*/createReactComponent<JSX.VertexColorSwatch, HTMLVertexColorSwatchElement>('vertex-color-swatch');\nexport const VertexContextMenu = /*@__PURE__*/createReactComponent<JSX.VertexContextMenu, HTMLVertexContextMenuElement>('vertex-context-menu');\nexport const VertexDialog = /*@__PURE__*/createReactComponent<JSX.VertexDialog, HTMLVertexDialogElement>('vertex-dialog');\nexport const VertexDraggablePopover = /*@__PURE__*/createReactComponent<JSX.VertexDraggablePopover, HTMLVertexDraggablePopoverElement>('vertex-draggable-popover');\nexport const VertexDropdownMenu = /*@__PURE__*/createReactComponent<JSX.VertexDropdownMenu, HTMLVertexDropdownMenuElement>('vertex-dropdown-menu');\nexport const VertexExpandable = /*@__PURE__*/createReactComponent<JSX.VertexExpandable, HTMLVertexExpandableElement>('vertex-expandable');\nexport const VertexHelpTooltip = /*@__PURE__*/createReactComponent<JSX.VertexHelpTooltip, HTMLVertexHelpTooltipElement>('vertex-help-tooltip');\nexport const VertexIcon = /*@__PURE__*/createReactComponent<JSX.VertexIcon, HTMLVertexIconElement>('vertex-icon');\nexport const VertexIconButton = /*@__PURE__*/createReactComponent<JSX.VertexIconButton, HTMLVertexIconButtonElement>('vertex-icon-button');\nexport const VertexLogoLoading = /*@__PURE__*/createReactComponent<JSX.VertexLogoLoading, HTMLVertexLogoLoadingElement>('vertex-logo-loading');\nexport const VertexMenu = /*@__PURE__*/createReactComponent<JSX.VertexMenu, HTMLVertexMenuElement>('vertex-menu');\nexport const VertexMenuDivider = /*@__PURE__*/createReactComponent<JSX.VertexMenuDivider, HTMLVertexMenuDividerElement>('vertex-menu-divider');\nexport const VertexMenuItem = /*@__PURE__*/createReactComponent<JSX.VertexMenuItem, HTMLVertexMenuItemElement>('vertex-menu-item');\nexport const VertexPopover = /*@__PURE__*/createReactComponent<JSX.VertexPopover, HTMLVertexPopoverElement>('vertex-popover');\nexport const VertexRadio = /*@__PURE__*/createReactComponent<JSX.VertexRadio, HTMLVertexRadioElement>('vertex-radio');\nexport const VertexRadioGroup = /*@__PURE__*/createReactComponent<JSX.VertexRadioGroup, HTMLVertexRadioGroupElement>('vertex-radio-group');\nexport const VertexResizable = /*@__PURE__*/createReactComponent<JSX.VertexResizable, HTMLVertexResizableElement>('vertex-resizable');\nexport const VertexResultList = /*@__PURE__*/createReactComponent<JSX.VertexResultList, HTMLVertexResultListElement>('vertex-result-list');\nexport const VertexSearchBar = /*@__PURE__*/createReactComponent<JSX.VertexSearchBar, HTMLVertexSearchBarElement>('vertex-search-bar');\nexport const VertexSelect = /*@__PURE__*/createReactComponent<JSX.VertexSelect, HTMLVertexSelectElement>('vertex-select');\nexport const VertexSlider = /*@__PURE__*/createReactComponent<JSX.VertexSlider, HTMLVertexSliderElement>('vertex-slider');\nexport const VertexSpinner = /*@__PURE__*/createReactComponent<JSX.VertexSpinner, HTMLVertexSpinnerElement>('vertex-spinner');\nexport const VertexTab = /*@__PURE__*/createReactComponent<JSX.VertexTab, HTMLVertexTabElement>('vertex-tab');\nexport const VertexTabs = /*@__PURE__*/createReactComponent<JSX.VertexTabs, HTMLVertexTabsElement>('vertex-tabs');\nexport const VertexTextfield = /*@__PURE__*/createReactComponent<JSX.VertexTextfield, HTMLVertexTextfieldElement>('vertex-textfield');\nexport const VertexToast = /*@__PURE__*/createReactComponent<JSX.VertexToast, HTMLVertexToastElement>('vertex-toast');\nexport const VertexToggle = /*@__PURE__*/createReactComponent<JSX.VertexToggle, HTMLVertexToggleElement>('vertex-toggle');\nexport const VertexTooltip = /*@__PURE__*/createReactComponent<JSX.VertexTooltip, HTMLVertexTooltipElement>('vertex-tooltip');\n"],"names":["camelToDashCase","str","replace","m","toLowerCase","getClassName","classList","newProps","oldProps","newClassProp","className","class","oldClassProp","currentClasses","arrayToMap","incomingPropClasses","split","oldPropClasses","finalClassNames","forEach","currentClass","has","push","delete","s","join","isCoveredByReact","eventNameSuffix","document","eventName","transformReactEventName","isSupported","element","createElement","setAttribute","syncEvent","node","newEventHandler","eventStore","__events","oldEventHandler","removeEventListener","addEventListener","e","call","this","arr","map","Map","set","setRef","ref","value","current","mergeRefs","_i","refs","createReactComponent","tagName","ReactComponentContext","manipulatePropsFunction","defineCustomElement","undefined","displayName","segment","charAt","toUpperCase","slice","ReactComponent","props","_super","_this","componentEl","__extends","class_1","componentDidUpdate","prevProps","Element","Object","keys","name","indexOf","substring","eventNameLc","attachProps","_a","children","forwardedRef","style","cProps","propsToPass","reduce","acc","type","setComponentElRef","React","Component","contextType","forwardRef","createForwardRef","defineCustomElements","VertexAutoResizeTextarea","VertexAvatar","VertexAvatarGroup","VertexBadge","VertexButton","VertexCard","VertexCardGroup","VertexChip","VertexClickToEditTextfield","VertexCollapsible","VertexColorCirclePicker","VertexColorPicker","VertexColorSwatch","VertexContextMenu","VertexDialog","VertexDraggablePopover","VertexDropdownMenu","VertexExpandable","VertexHelpTooltip","VertexIcon","VertexIconButton","VertexLogoLoading","VertexMenu","VertexMenuDivider","VertexMenuItem","VertexPopover","VertexRadio","VertexRadioGroup","VertexResizable","VertexResultList","VertexSearchBar","VertexSelect","VertexSlider","VertexSpinner","VertexTab","VertexTabs","VertexTextfield","VertexToast","VertexToggle","VertexTooltip"],"mappings":"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"}
+{"version":3,"file":"bundle.esm.min.js","sources":["../src/generated/react-component-lib/utils/case.ts","../src/generated/react-component-lib/utils/attachProps.ts","../src/generated/react-component-lib/utils/index.tsx","../src/generated/react-component-lib/createComponent.tsx","../src/generated/ui.ts"],"sourcesContent":["export const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('');\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n","import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Transforms a React event name to a browser event name.\n */\nexport const transformReactEventName = (eventNameSuffix: string) => {\n  switch (eventNameSuffix) {\n    case 'doubleclick':\n      return 'dblclick';\n  }\n  return eventNameSuffix;\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + transformReactEventName(eventNameSuffix);\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n","import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value;\n  }\n};\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value);\n    });\n  };\n};\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />;\n  };\n  forwardRef.displayName = displayName;\n\n  return React.forwardRef(forwardRef);\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>;\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>;\n  ref?: React.Ref<any>;\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = {},\n  ExpandedPropsTypes = {}\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const displayName = dashToPascalCase(tagName);\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType;\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element;\n    };\n\n    constructor(props: StencilReactInternalProps<ElementType>) {\n      super(props);\n    }\n\n    componentDidMount() {\n      this.componentDidUpdate(this.props);\n    }\n\n    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps);\n    }\n\n    render() {\n      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name];\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase();\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value;\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value;\n\n          if (type === 'string' || type === 'boolean' || type === 'number') {\n            acc[camelToDashCase(name)] = value;\n          }\n        }\n        return acc;\n      }, {} as ExpandedPropsTypes);\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass);\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        style,\n      };\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children);\n    }\n\n    static get displayName() {\n      return displayName;\n    }\n  };\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext;\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);\n};\n","/* eslint-disable */\n/* tslint:disable */\n/* auto-generated react proxies */\nimport { createReactComponent } from './react-component-lib';\n\nimport type { JSX } from '@vertexvis/ui';\n\nimport { defineCustomElements } from '@vertexvis/ui/loader';\n\ndefineCustomElements();\nexport const VertexAutoResizeTextarea = /*@__PURE__*/createReactComponent<JSX.VertexAutoResizeTextarea, HTMLVertexAutoResizeTextareaElement>('vertex-auto-resize-textarea');\nexport const VertexAvatar = /*@__PURE__*/createReactComponent<JSX.VertexAvatar, HTMLVertexAvatarElement>('vertex-avatar');\nexport const VertexAvatarGroup = /*@__PURE__*/createReactComponent<JSX.VertexAvatarGroup, HTMLVertexAvatarGroupElement>('vertex-avatar-group');\nexport const VertexBadge = /*@__PURE__*/createReactComponent<JSX.VertexBadge, HTMLVertexBadgeElement>('vertex-badge');\nexport const VertexBanner = /*@__PURE__*/createReactComponent<JSX.VertexBanner, HTMLVertexBannerElement>('vertex-banner');\nexport const VertexButton = /*@__PURE__*/createReactComponent<JSX.VertexButton, HTMLVertexButtonElement>('vertex-button');\nexport const VertexCard = /*@__PURE__*/createReactComponent<JSX.VertexCard, HTMLVertexCardElement>('vertex-card');\nexport const VertexCardGroup = /*@__PURE__*/createReactComponent<JSX.VertexCardGroup, HTMLVertexCardGroupElement>('vertex-card-group');\nexport const VertexChip = /*@__PURE__*/createReactComponent<JSX.VertexChip, HTMLVertexChipElement>('vertex-chip');\nexport const VertexClickToEditTextfield = /*@__PURE__*/createReactComponent<JSX.VertexClickToEditTextfield, HTMLVertexClickToEditTextfieldElement>('vertex-click-to-edit-textfield');\nexport const VertexCollapsible = /*@__PURE__*/createReactComponent<JSX.VertexCollapsible, HTMLVertexCollapsibleElement>('vertex-collapsible');\nexport const VertexColorCirclePicker = /*@__PURE__*/createReactComponent<JSX.VertexColorCirclePicker, HTMLVertexColorCirclePickerElement>('vertex-color-circle-picker');\nexport const VertexColorPicker = /*@__PURE__*/createReactComponent<JSX.VertexColorPicker, HTMLVertexColorPickerElement>('vertex-color-picker');\nexport const VertexColorSwatch = /*@__PURE__*/createReactComponent<JSX.VertexColorSwatch, HTMLVertexColorSwatchElement>('vertex-color-swatch');\nexport const VertexContextMenu = /*@__PURE__*/createReactComponent<JSX.VertexContextMenu, HTMLVertexContextMenuElement>('vertex-context-menu');\nexport const VertexDialog = /*@__PURE__*/createReactComponent<JSX.VertexDialog, HTMLVertexDialogElement>('vertex-dialog');\nexport const VertexDraggablePopover = /*@__PURE__*/createReactComponent<JSX.VertexDraggablePopover, HTMLVertexDraggablePopoverElement>('vertex-draggable-popover');\nexport const VertexDropdownMenu = /*@__PURE__*/createReactComponent<JSX.VertexDropdownMenu, HTMLVertexDropdownMenuElement>('vertex-dropdown-menu');\nexport const VertexExpandable = /*@__PURE__*/createReactComponent<JSX.VertexExpandable, HTMLVertexExpandableElement>('vertex-expandable');\nexport const VertexHelpTooltip = /*@__PURE__*/createReactComponent<JSX.VertexHelpTooltip, HTMLVertexHelpTooltipElement>('vertex-help-tooltip');\nexport const VertexIcon = /*@__PURE__*/createReactComponent<JSX.VertexIcon, HTMLVertexIconElement>('vertex-icon');\nexport const VertexIconButton = /*@__PURE__*/createReactComponent<JSX.VertexIconButton, HTMLVertexIconButtonElement>('vertex-icon-button');\nexport const VertexLogoLoading = /*@__PURE__*/createReactComponent<JSX.VertexLogoLoading, HTMLVertexLogoLoadingElement>('vertex-logo-loading');\nexport const VertexMenu = /*@__PURE__*/createReactComponent<JSX.VertexMenu, HTMLVertexMenuElement>('vertex-menu');\nexport const VertexMenuDivider = /*@__PURE__*/createReactComponent<JSX.VertexMenuDivider, HTMLVertexMenuDividerElement>('vertex-menu-divider');\nexport const VertexMenuItem = /*@__PURE__*/createReactComponent<JSX.VertexMenuItem, HTMLVertexMenuItemElement>('vertex-menu-item');\nexport const VertexPopover = /*@__PURE__*/createReactComponent<JSX.VertexPopover, HTMLVertexPopoverElement>('vertex-popover');\nexport const VertexRadio = /*@__PURE__*/createReactComponent<JSX.VertexRadio, HTMLVertexRadioElement>('vertex-radio');\nexport const VertexRadioGroup = /*@__PURE__*/createReactComponent<JSX.VertexRadioGroup, HTMLVertexRadioGroupElement>('vertex-radio-group');\nexport const VertexResizable = /*@__PURE__*/createReactComponent<JSX.VertexResizable, HTMLVertexResizableElement>('vertex-resizable');\nexport const VertexResultList = /*@__PURE__*/createReactComponent<JSX.VertexResultList, HTMLVertexResultListElement>('vertex-result-list');\nexport const VertexSearchBar = /*@__PURE__*/createReactComponent<JSX.VertexSearchBar, HTMLVertexSearchBarElement>('vertex-search-bar');\nexport const VertexSelect = /*@__PURE__*/createReactComponent<JSX.VertexSelect, HTMLVertexSelectElement>('vertex-select');\nexport const VertexSlider = /*@__PURE__*/createReactComponent<JSX.VertexSlider, HTMLVertexSliderElement>('vertex-slider');\nexport const VertexSpinner = /*@__PURE__*/createReactComponent<JSX.VertexSpinner, HTMLVertexSpinnerElement>('vertex-spinner');\nexport const VertexTab = /*@__PURE__*/createReactComponent<JSX.VertexTab, HTMLVertexTabElement>('vertex-tab');\nexport const VertexTabs = /*@__PURE__*/createReactComponent<JSX.VertexTabs, HTMLVertexTabsElement>('vertex-tabs');\nexport const VertexTextfield = /*@__PURE__*/createReactComponent<JSX.VertexTextfield, HTMLVertexTextfieldElement>('vertex-textfield');\nexport const VertexToast = /*@__PURE__*/createReactComponent<JSX.VertexToast, HTMLVertexToastElement>('vertex-toast');\nexport const VertexToggle = /*@__PURE__*/createReactComponent<JSX.VertexToggle, HTMLVertexToggleElement>('vertex-toggle');\nexport const VertexTooltip = /*@__PURE__*/createReactComponent<JSX.VertexTooltip, HTMLVertexTooltipElement>('vertex-tooltip');\n"],"names":["camelToDashCase","str","replace","m","toLowerCase","getClassName","classList","newProps","oldProps","newClassProp","className","class","oldClassProp","currentClasses","arrayToMap","incomingPropClasses","split","oldPropClasses","finalClassNames","forEach","currentClass","has","push","delete","s","join","isCoveredByReact","eventNameSuffix","document","eventName","transformReactEventName","isSupported","element","createElement","setAttribute","syncEvent","node","newEventHandler","eventStore","__events","oldEventHandler","removeEventListener","addEventListener","e","call","this","arr","map","Map","set","setRef","ref","value","current","mergeRefs","_i","refs","createReactComponent","tagName","ReactComponentContext","manipulatePropsFunction","defineCustomElement","undefined","displayName","segment","charAt","toUpperCase","slice","ReactComponent","props","_super","_this","componentEl","__extends","class_1","componentDidUpdate","prevProps","Element","Object","keys","name","indexOf","substring","eventNameLc","attachProps","_a","children","forwardedRef","style","cProps","propsToPass","reduce","acc","type","setComponentElRef","React","Component","contextType","forwardRef","createForwardRef","defineCustomElements","VertexAutoResizeTextarea","VertexAvatar","VertexAvatarGroup","VertexBadge","VertexBanner","VertexButton","VertexCard","VertexCardGroup","VertexChip","VertexClickToEditTextfield","VertexCollapsible","VertexColorCirclePicker","VertexColorPicker","VertexColorSwatch","VertexContextMenu","VertexDialog","VertexDraggablePopover","VertexDropdownMenu","VertexExpandable","VertexHelpTooltip","VertexIcon","VertexIconButton","VertexLogoLoading","VertexMenu","VertexMenuDivider","VertexMenuItem","VertexPopover","VertexRadio","VertexRadioGroup","VertexResizable","VertexResultList","VertexSearchBar","VertexSelect","VertexSlider","VertexSpinner","VertexTab","VertexTabs","VertexTextfield","VertexToast","VertexToggle","VertexTooltip"],"mappings":"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"}

package/dist/generated/ui.d.ts

@@ -4,6 +4,7 @@ export declare const VertexAutoResizeTextarea: import("react").ForwardRefExoticC
 export declare const VertexAvatar: import("react").ForwardRefExoticComponent<JSX.VertexAvatar & Omit<import("react").HTMLAttributes<HTMLVertexAvatarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVertexAvatarElement>>;
 export declare const VertexAvatarGroup: import("react").ForwardRefExoticComponent<JSX.VertexAvatarGroup & Omit<import("react").HTMLAttributes<HTMLVertexAvatarGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVertexAvatarGroupElement>>;
 export declare const VertexBadge: import("react").ForwardRefExoticComponent<JSX.VertexBadge & Omit<import("react").HTMLAttributes<HTMLVertexBadgeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVertexBadgeElement>>;
+export declare const VertexBanner: import("react").ForwardRefExoticComponent<JSX.VertexBanner & Omit<import("react").HTMLAttributes<HTMLVertexBannerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVertexBannerElement>>;
 export declare const VertexButton: import("react").ForwardRefExoticComponent<JSX.VertexButton & Omit<import("react").HTMLAttributes<HTMLVertexButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVertexButtonElement>>;
 export declare const VertexCard: import("react").ForwardRefExoticComponent<JSX.VertexCard & Omit<import("react").HTMLAttributes<HTMLVertexCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVertexCardElement>>;
 export declare const VertexCardGroup: import("react").ForwardRefExoticComponent<JSX.VertexCardGroup & Omit<import("react").HTMLAttributes<HTMLVertexCardGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVertexCardGroupElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertexvis/ui-react",
-  "version": "0.1.1-canary.0",
+  "version": "0.1.1-canary.1",
   "description": "React bindings for the Vertex component library.",
   "license": "MIT",
   "author": "Vertex Developers <support@vertexvis.com> (https://developer.vertexvis.com)",
@@ -36,7 +36,7 @@
     "@types/react": "^18.3.2",
     "@types/react-dom": "^18.3.0",
     "@vertexvis/eslint-config-vertexvis-typescript": "^0.5.1",
-    "@vertexwebui/build": "^0.1.1-canary.0",
+    "@vertexwebui/build": "^0.1.1-canary.1",
     "eslint": "8.49.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -47,7 +47,7 @@
     "react-dom": ">=16.3.0 <19.0.0"
   },
   "dependencies": {
-    "@vertexvis/ui": "^0.1.1-canary.0"
+    "@vertexvis/ui": "^0.1.1-canary.1"
   },
-  "gitHead": "95dd86df1f5adacedad3e2b713c8d4322cff3b9c"
+  "gitHead": "5bc28d443c56d65223bd6c3a069b1fcbe00efd80"
 }