@nanoporetech-digital/components-react 8.7.2 → 8.9.0

package/dist/components.d.ts

@@ -40,6 +40,7 @@ export declare const NanoImg: import('react').ForwardRefExoticComponent<JSX.Nano
 export declare const NanoInPageNav: import('react').ForwardRefExoticComponent<JSX.NanoInPageNav & Omit<import('react').HTMLAttributes<HTMLNanoInPageNavElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoInPageNavElement>>;
 export declare const NanoIncrement: import('react').ForwardRefExoticComponent<JSX.NanoIncrement & Omit<import('react').HTMLAttributes<HTMLNanoIncrementElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoIncrementElement>>;
 export declare const NanoInput: import('react').ForwardRefExoticComponent<JSX.NanoInput & Omit<import('react').HTMLAttributes<HTMLNanoInputElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoInputElement>>;
+export declare const NanoInputOtp: import('react').ForwardRefExoticComponent<JSX.NanoInputOtp & Omit<import('react').HTMLAttributes<HTMLNanoInputOtpElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoInputOtpElement>>;
 export declare const NanoIntersectionObserve: import('react').ForwardRefExoticComponent<JSX.NanoIntersectionObserve & Omit<import('react').HTMLAttributes<HTMLNanoIntersectionObserveElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoIntersectionObserveElement>>;
 export declare const NanoMaskedOverflow: import('react').ForwardRefExoticComponent<JSX.NanoMaskedOverflow & Omit<import('react').HTMLAttributes<HTMLNanoMaskedOverflowElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoMaskedOverflowElement>>;
 export declare const NanoMenu: import('react').ForwardRefExoticComponent<JSX.NanoMenu & Omit<import('react').HTMLAttributes<HTMLNanoMenuElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoMenuElement>>;

package/dist/index.cjs

@@ -196,6 +196,7 @@ const NanoImg = /* @__PURE__ */ createReactComponent("nano-img");
 const NanoInPageNav = /* @__PURE__ */ createReactComponent("nano-in-page-nav");
 const NanoIncrement = /* @__PURE__ */ createReactComponent("nano-increment");
 const NanoInput = /* @__PURE__ */ createReactComponent("nano-input");
+const NanoInputOtp = /* @__PURE__ */ createReactComponent("nano-input-otp");
 const NanoIntersectionObserve = /* @__PURE__ */ createReactComponent("nano-intersection-observe");
 const NanoMaskedOverflow = /* @__PURE__ */ createReactComponent("nano-masked-overflow");
 const NanoMenu = /* @__PURE__ */ createReactComponent("nano-menu");
@@ -264,6 +265,7 @@ exports.NanoImg = NanoImg;
 exports.NanoInPageNav = NanoInPageNav;
 exports.NanoIncrement = NanoIncrement;
 exports.NanoInput = NanoInput;
+exports.NanoInputOtp = NanoInputOtp;
 exports.NanoIntersectionObserve = NanoIntersectionObserve;
 exports.NanoMaskedOverflow = NanoMaskedOverflow;
 exports.NanoMenu = NanoMenu;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/react-component-lib/utils/case.ts","../src/react-component-lib/utils/attachProps.ts","../src/react-component-lib/utils/index.tsx","../src/react-component-lib/createComponent.tsx","../src/components.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) =>\n  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 * 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' + 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>(\n  ReactComponent: any,\n  displayName: string,\n) => {\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 (\n    customElement !== undefined &&\n    typeof customElements !== 'undefined' &&\n    !customElements.get(tagName)\n  ) {\n    customElements.define(tagName, customElement);\n  }\n}\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport {\n  attachProps,\n  camelToDashCase,\n  createForwardRef,\n  dashToPascalCase,\n  isCoveredByReact,\n  mergeRefs,\n} 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      }, {});\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 '@nanoporetech-digital/components';\n\n\n\nexport const NanoAccordion = /*@__PURE__*/createReactComponent<JSX.NanoAccordion, HTMLNanoAccordionElement>('nano-accordion');\nexport const NanoAlert = /*@__PURE__*/createReactComponent<JSX.NanoAlert, HTMLNanoAlertElement>('nano-alert');\nexport const NanoAlgolia = /*@__PURE__*/createReactComponent<JSX.NanoAlgolia, HTMLNanoAlgoliaElement>('nano-algolia');\nexport const NanoAlgoliaFilter = /*@__PURE__*/createReactComponent<JSX.NanoAlgoliaFilter, HTMLNanoAlgoliaFilterElement>('nano-algolia-filter');\nexport const NanoAlgoliaPagination = /*@__PURE__*/createReactComponent<JSX.NanoAlgoliaPagination, HTMLNanoAlgoliaPaginationElement>('nano-algolia-pagination');\nexport const NanoAlgoliaResults = /*@__PURE__*/createReactComponent<JSX.NanoAlgoliaResults, HTMLNanoAlgoliaResultsElement>('nano-algolia-results');\nexport const NanoAnimation = /*@__PURE__*/createReactComponent<JSX.NanoAnimation, HTMLNanoAnimationElement>('nano-animation');\nexport const NanoAvatar = /*@__PURE__*/createReactComponent<JSX.NanoAvatar, HTMLNanoAvatarElement>('nano-avatar');\nexport const NanoBadge = /*@__PURE__*/createReactComponent<JSX.NanoBadge, HTMLNanoBadgeElement>('nano-badge');\nexport const NanoBreadcrumb = /*@__PURE__*/createReactComponent<JSX.NanoBreadcrumb, HTMLNanoBreadcrumbElement>('nano-breadcrumb');\nexport const NanoCard = /*@__PURE__*/createReactComponent<JSX.NanoCard, HTMLNanoCardElement>('nano-card');\nexport const NanoCardCarousel = /*@__PURE__*/createReactComponent<JSX.NanoCardCarousel, HTMLNanoCardCarouselElement>('nano-card-carousel');\nexport const NanoCheckbox = /*@__PURE__*/createReactComponent<JSX.NanoCheckbox, HTMLNanoCheckboxElement>('nano-checkbox');\nexport const NanoCheckboxGroup = /*@__PURE__*/createReactComponent<JSX.NanoCheckboxGroup, HTMLNanoCheckboxGroupElement>('nano-checkbox-group');\nexport const NanoCollapsibleComparison = /*@__PURE__*/createReactComponent<JSX.NanoCollapsibleComparison, HTMLNanoCollapsibleComparisonElement>('nano-collapsible-comparison');\nexport const NanoContentLinks = /*@__PURE__*/createReactComponent<JSX.NanoContentLinks, HTMLNanoContentLinksElement>('nano-content-links');\nexport const NanoCta = /*@__PURE__*/createReactComponent<JSX.NanoCta, HTMLNanoCtaElement>('nano-cta');\nexport const NanoDataTable = /*@__PURE__*/createReactComponent<JSX.NanoDataTable, HTMLNanoDataTableElement>('nano-data-table');\nexport const NanoDatalist = /*@__PURE__*/createReactComponent<JSX.NanoDatalist, HTMLNanoDatalistElement>('nano-datalist');\nexport const NanoDateInput = /*@__PURE__*/createReactComponent<JSX.NanoDateInput, HTMLNanoDateInputElement>('nano-date-input');\nexport const NanoDatePicker = /*@__PURE__*/createReactComponent<JSX.NanoDatePicker, HTMLNanoDatePickerElement>('nano-date-picker');\nexport const NanoDetails = /*@__PURE__*/createReactComponent<JSX.NanoDetails, HTMLNanoDetailsElement>('nano-details');\nexport const NanoDialog = /*@__PURE__*/createReactComponent<JSX.NanoDialog, HTMLNanoDialogElement>('nano-dialog');\nexport const NanoDrawer = /*@__PURE__*/createReactComponent<JSX.NanoDrawer, HTMLNanoDrawerElement>('nano-drawer');\nexport const NanoDropdown = /*@__PURE__*/createReactComponent<JSX.NanoDropdown, HTMLNanoDropdownElement>('nano-dropdown');\nexport const NanoFeatureBox = /*@__PURE__*/createReactComponent<JSX.NanoFeatureBox, HTMLNanoFeatureBoxElement>('nano-feature-box');\nexport const NanoFieldValidator = /*@__PURE__*/createReactComponent<JSX.NanoFieldValidator, HTMLNanoFieldValidatorElement>('nano-field-validator');\nexport const NanoFileUpload = /*@__PURE__*/createReactComponent<JSX.NanoFileUpload, HTMLNanoFileUploadElement>('nano-file-upload');\nexport const NanoFooter = /*@__PURE__*/createReactComponent<JSX.NanoFooter, HTMLNanoFooterElement>('nano-footer');\nexport const NanoGlobalNav = /*@__PURE__*/createReactComponent<JSX.NanoGlobalNav, HTMLNanoGlobalNavElement>('nano-global-nav');\nexport const NanoGlobalSearchResults = /*@__PURE__*/createReactComponent<JSX.NanoGlobalSearchResults, HTMLNanoGlobalSearchResultsElement>('nano-global-search-results');\nexport const NanoGrid = /*@__PURE__*/createReactComponent<JSX.NanoGrid, HTMLNanoGridElement>('nano-grid');\nexport const NanoGridItem = /*@__PURE__*/createReactComponent<JSX.NanoGridItem, HTMLNanoGridItemElement>('nano-grid-item');\nexport const NanoHero = /*@__PURE__*/createReactComponent<JSX.NanoHero, HTMLNanoHeroElement>('nano-hero');\nexport const NanoIcon = /*@__PURE__*/createReactComponent<JSX.NanoIcon, HTMLNanoIconElement>('nano-icon');\nexport const NanoIconButton = /*@__PURE__*/createReactComponent<JSX.NanoIconButton, HTMLNanoIconButtonElement>('nano-icon-button');\nexport const NanoIconItem = /*@__PURE__*/createReactComponent<JSX.NanoIconItem, HTMLNanoIconItemElement>('nano-icon-item');\nexport const NanoImg = /*@__PURE__*/createReactComponent<JSX.NanoImg, HTMLNanoImgElement>('nano-img');\nexport const NanoInPageNav = /*@__PURE__*/createReactComponent<JSX.NanoInPageNav, HTMLNanoInPageNavElement>('nano-in-page-nav');\nexport const NanoIncrement = /*@__PURE__*/createReactComponent<JSX.NanoIncrement, HTMLNanoIncrementElement>('nano-increment');\nexport const NanoInput = /*@__PURE__*/createReactComponent<JSX.NanoInput, HTMLNanoInputElement>('nano-input');\nexport const NanoIntersectionObserve = /*@__PURE__*/createReactComponent<JSX.NanoIntersectionObserve, HTMLNanoIntersectionObserveElement>('nano-intersection-observe');\nexport const NanoMaskedOverflow = /*@__PURE__*/createReactComponent<JSX.NanoMaskedOverflow, HTMLNanoMaskedOverflowElement>('nano-masked-overflow');\nexport const NanoMenu = /*@__PURE__*/createReactComponent<JSX.NanoMenu, HTMLNanoMenuElement>('nano-menu');\nexport const NanoMenuDrawer = /*@__PURE__*/createReactComponent<JSX.NanoMenuDrawer, HTMLNanoMenuDrawerElement>('nano-menu-drawer');\nexport const NanoMoreLess = /*@__PURE__*/createReactComponent<JSX.NanoMoreLess, HTMLNanoMoreLessElement>('nano-more-less');\nexport const NanoNavItem = /*@__PURE__*/createReactComponent<JSX.NanoNavItem, HTMLNanoNavItemElement>('nano-nav-item');\nexport const NanoOption = /*@__PURE__*/createReactComponent<JSX.NanoOption, HTMLNanoOptionElement>('nano-option');\nexport const NanoOptionBox = /*@__PURE__*/createReactComponent<JSX.NanoOptionBox, HTMLNanoOptionBoxElement>('nano-option-box');\nexport const NanoProgressBar = /*@__PURE__*/createReactComponent<JSX.NanoProgressBar, HTMLNanoProgressBarElement>('nano-progress-bar');\nexport const NanoRange = /*@__PURE__*/createReactComponent<JSX.NanoRange, HTMLNanoRangeElement>('nano-range');\nexport const NanoRating = /*@__PURE__*/createReactComponent<JSX.NanoRating, HTMLNanoRatingElement>('nano-rating');\nexport const NanoResizeObserve = /*@__PURE__*/createReactComponent<JSX.NanoResizeObserve, HTMLNanoResizeObserveElement>('nano-resize-observe');\nexport const NanoSelect = /*@__PURE__*/createReactComponent<JSX.NanoSelect, HTMLNanoSelectElement>('nano-select');\nexport const NanoSlide = /*@__PURE__*/createReactComponent<JSX.NanoSlide, HTMLNanoSlideElement>('nano-slide');\nexport const NanoSlides = /*@__PURE__*/createReactComponent<JSX.NanoSlides, HTMLNanoSlidesElement>('nano-slides');\nexport const NanoSortable = /*@__PURE__*/createReactComponent<JSX.NanoSortable, HTMLNanoSortableElement>('nano-sortable');\nexport const NanoSpinner = /*@__PURE__*/createReactComponent<JSX.NanoSpinner, HTMLNanoSpinnerElement>('nano-spinner');\nexport const NanoSplitPane = /*@__PURE__*/createReactComponent<JSX.NanoSplitPane, HTMLNanoSplitPaneElement>('nano-split-pane');\nexport const NanoStepAccordion = /*@__PURE__*/createReactComponent<JSX.NanoStepAccordion, HTMLNanoStepAccordionElement>('nano-step-accordion');\nexport const NanoStepBreadcrumb = /*@__PURE__*/createReactComponent<JSX.NanoStepBreadcrumb, HTMLNanoStepBreadcrumbElement>('nano-step-breadcrumb');\nexport const NanoSticker = /*@__PURE__*/createReactComponent<JSX.NanoSticker, HTMLNanoStickerElement>('nano-sticker');\nexport const NanoTab = /*@__PURE__*/createReactComponent<JSX.NanoTab, HTMLNanoTabElement>('nano-tab');\nexport const NanoTabContent = /*@__PURE__*/createReactComponent<JSX.NanoTabContent, HTMLNanoTabContentElement>('nano-tab-content');\nexport const NanoTabGroup = /*@__PURE__*/createReactComponent<JSX.NanoTabGroup, HTMLNanoTabGroupElement>('nano-tab-group');\nexport const NanoTable = /*@__PURE__*/createReactComponent<JSX.NanoTable, HTMLNanoTableElement>('nano-table');\nexport const NanoTag = /*@__PURE__*/createReactComponent<JSX.NanoTag, HTMLNanoTagElement>('nano-tag');\nexport const NanoTooltip = /*@__PURE__*/createReactComponent<JSX.NanoTooltip, HTMLNanoTooltipElement>('nano-tooltip');\n"],"names":["createElement"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../src/react-component-lib/utils/case.ts","../src/react-component-lib/utils/attachProps.ts","../src/react-component-lib/utils/index.tsx","../src/react-component-lib/createComponent.tsx","../src/components.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) =>\n  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 * 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' + 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>(\n  ReactComponent: any,\n  displayName: string,\n) => {\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 (\n    customElement !== undefined &&\n    typeof customElements !== 'undefined' &&\n    !customElements.get(tagName)\n  ) {\n    customElements.define(tagName, customElement);\n  }\n}\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport {\n  attachProps,\n  camelToDashCase,\n  createForwardRef,\n  dashToPascalCase,\n  isCoveredByReact,\n  mergeRefs,\n} 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      }, {});\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 '@nanoporetech-digital/components';\n\n\n\nexport const NanoAccordion = /*@__PURE__*/createReactComponent<JSX.NanoAccordion, HTMLNanoAccordionElement>('nano-accordion');\nexport const NanoAlert = /*@__PURE__*/createReactComponent<JSX.NanoAlert, HTMLNanoAlertElement>('nano-alert');\nexport const NanoAlgolia = /*@__PURE__*/createReactComponent<JSX.NanoAlgolia, HTMLNanoAlgoliaElement>('nano-algolia');\nexport const NanoAlgoliaFilter = /*@__PURE__*/createReactComponent<JSX.NanoAlgoliaFilter, HTMLNanoAlgoliaFilterElement>('nano-algolia-filter');\nexport const NanoAlgoliaPagination = /*@__PURE__*/createReactComponent<JSX.NanoAlgoliaPagination, HTMLNanoAlgoliaPaginationElement>('nano-algolia-pagination');\nexport const NanoAlgoliaResults = /*@__PURE__*/createReactComponent<JSX.NanoAlgoliaResults, HTMLNanoAlgoliaResultsElement>('nano-algolia-results');\nexport const NanoAnimation = /*@__PURE__*/createReactComponent<JSX.NanoAnimation, HTMLNanoAnimationElement>('nano-animation');\nexport const NanoAvatar = /*@__PURE__*/createReactComponent<JSX.NanoAvatar, HTMLNanoAvatarElement>('nano-avatar');\nexport const NanoBadge = /*@__PURE__*/createReactComponent<JSX.NanoBadge, HTMLNanoBadgeElement>('nano-badge');\nexport const NanoBreadcrumb = /*@__PURE__*/createReactComponent<JSX.NanoBreadcrumb, HTMLNanoBreadcrumbElement>('nano-breadcrumb');\nexport const NanoCard = /*@__PURE__*/createReactComponent<JSX.NanoCard, HTMLNanoCardElement>('nano-card');\nexport const NanoCardCarousel = /*@__PURE__*/createReactComponent<JSX.NanoCardCarousel, HTMLNanoCardCarouselElement>('nano-card-carousel');\nexport const NanoCheckbox = /*@__PURE__*/createReactComponent<JSX.NanoCheckbox, HTMLNanoCheckboxElement>('nano-checkbox');\nexport const NanoCheckboxGroup = /*@__PURE__*/createReactComponent<JSX.NanoCheckboxGroup, HTMLNanoCheckboxGroupElement>('nano-checkbox-group');\nexport const NanoCollapsibleComparison = /*@__PURE__*/createReactComponent<JSX.NanoCollapsibleComparison, HTMLNanoCollapsibleComparisonElement>('nano-collapsible-comparison');\nexport const NanoContentLinks = /*@__PURE__*/createReactComponent<JSX.NanoContentLinks, HTMLNanoContentLinksElement>('nano-content-links');\nexport const NanoCta = /*@__PURE__*/createReactComponent<JSX.NanoCta, HTMLNanoCtaElement>('nano-cta');\nexport const NanoDataTable = /*@__PURE__*/createReactComponent<JSX.NanoDataTable, HTMLNanoDataTableElement>('nano-data-table');\nexport const NanoDatalist = /*@__PURE__*/createReactComponent<JSX.NanoDatalist, HTMLNanoDatalistElement>('nano-datalist');\nexport const NanoDateInput = /*@__PURE__*/createReactComponent<JSX.NanoDateInput, HTMLNanoDateInputElement>('nano-date-input');\nexport const NanoDatePicker = /*@__PURE__*/createReactComponent<JSX.NanoDatePicker, HTMLNanoDatePickerElement>('nano-date-picker');\nexport const NanoDetails = /*@__PURE__*/createReactComponent<JSX.NanoDetails, HTMLNanoDetailsElement>('nano-details');\nexport const NanoDialog = /*@__PURE__*/createReactComponent<JSX.NanoDialog, HTMLNanoDialogElement>('nano-dialog');\nexport const NanoDrawer = /*@__PURE__*/createReactComponent<JSX.NanoDrawer, HTMLNanoDrawerElement>('nano-drawer');\nexport const NanoDropdown = /*@__PURE__*/createReactComponent<JSX.NanoDropdown, HTMLNanoDropdownElement>('nano-dropdown');\nexport const NanoFeatureBox = /*@__PURE__*/createReactComponent<JSX.NanoFeatureBox, HTMLNanoFeatureBoxElement>('nano-feature-box');\nexport const NanoFieldValidator = /*@__PURE__*/createReactComponent<JSX.NanoFieldValidator, HTMLNanoFieldValidatorElement>('nano-field-validator');\nexport const NanoFileUpload = /*@__PURE__*/createReactComponent<JSX.NanoFileUpload, HTMLNanoFileUploadElement>('nano-file-upload');\nexport const NanoFooter = /*@__PURE__*/createReactComponent<JSX.NanoFooter, HTMLNanoFooterElement>('nano-footer');\nexport const NanoGlobalNav = /*@__PURE__*/createReactComponent<JSX.NanoGlobalNav, HTMLNanoGlobalNavElement>('nano-global-nav');\nexport const NanoGlobalSearchResults = /*@__PURE__*/createReactComponent<JSX.NanoGlobalSearchResults, HTMLNanoGlobalSearchResultsElement>('nano-global-search-results');\nexport const NanoGrid = /*@__PURE__*/createReactComponent<JSX.NanoGrid, HTMLNanoGridElement>('nano-grid');\nexport const NanoGridItem = /*@__PURE__*/createReactComponent<JSX.NanoGridItem, HTMLNanoGridItemElement>('nano-grid-item');\nexport const NanoHero = /*@__PURE__*/createReactComponent<JSX.NanoHero, HTMLNanoHeroElement>('nano-hero');\nexport const NanoIcon = /*@__PURE__*/createReactComponent<JSX.NanoIcon, HTMLNanoIconElement>('nano-icon');\nexport const NanoIconButton = /*@__PURE__*/createReactComponent<JSX.NanoIconButton, HTMLNanoIconButtonElement>('nano-icon-button');\nexport const NanoIconItem = /*@__PURE__*/createReactComponent<JSX.NanoIconItem, HTMLNanoIconItemElement>('nano-icon-item');\nexport const NanoImg = /*@__PURE__*/createReactComponent<JSX.NanoImg, HTMLNanoImgElement>('nano-img');\nexport const NanoInPageNav = /*@__PURE__*/createReactComponent<JSX.NanoInPageNav, HTMLNanoInPageNavElement>('nano-in-page-nav');\nexport const NanoIncrement = /*@__PURE__*/createReactComponent<JSX.NanoIncrement, HTMLNanoIncrementElement>('nano-increment');\nexport const NanoInput = /*@__PURE__*/createReactComponent<JSX.NanoInput, HTMLNanoInputElement>('nano-input');\nexport const NanoInputOtp = /*@__PURE__*/createReactComponent<JSX.NanoInputOtp, HTMLNanoInputOtpElement>('nano-input-otp');\nexport const NanoIntersectionObserve = /*@__PURE__*/createReactComponent<JSX.NanoIntersectionObserve, HTMLNanoIntersectionObserveElement>('nano-intersection-observe');\nexport const NanoMaskedOverflow = /*@__PURE__*/createReactComponent<JSX.NanoMaskedOverflow, HTMLNanoMaskedOverflowElement>('nano-masked-overflow');\nexport const NanoMenu = /*@__PURE__*/createReactComponent<JSX.NanoMenu, HTMLNanoMenuElement>('nano-menu');\nexport const NanoMenuDrawer = /*@__PURE__*/createReactComponent<JSX.NanoMenuDrawer, HTMLNanoMenuDrawerElement>('nano-menu-drawer');\nexport const NanoMoreLess = /*@__PURE__*/createReactComponent<JSX.NanoMoreLess, HTMLNanoMoreLessElement>('nano-more-less');\nexport const NanoNavItem = /*@__PURE__*/createReactComponent<JSX.NanoNavItem, HTMLNanoNavItemElement>('nano-nav-item');\nexport const NanoOption = /*@__PURE__*/createReactComponent<JSX.NanoOption, HTMLNanoOptionElement>('nano-option');\nexport const NanoOptionBox = /*@__PURE__*/createReactComponent<JSX.NanoOptionBox, HTMLNanoOptionBoxElement>('nano-option-box');\nexport const NanoProgressBar = /*@__PURE__*/createReactComponent<JSX.NanoProgressBar, HTMLNanoProgressBarElement>('nano-progress-bar');\nexport const NanoRange = /*@__PURE__*/createReactComponent<JSX.NanoRange, HTMLNanoRangeElement>('nano-range');\nexport const NanoRating = /*@__PURE__*/createReactComponent<JSX.NanoRating, HTMLNanoRatingElement>('nano-rating');\nexport const NanoResizeObserve = /*@__PURE__*/createReactComponent<JSX.NanoResizeObserve, HTMLNanoResizeObserveElement>('nano-resize-observe');\nexport const NanoSelect = /*@__PURE__*/createReactComponent<JSX.NanoSelect, HTMLNanoSelectElement>('nano-select');\nexport const NanoSlide = /*@__PURE__*/createReactComponent<JSX.NanoSlide, HTMLNanoSlideElement>('nano-slide');\nexport const NanoSlides = /*@__PURE__*/createReactComponent<JSX.NanoSlides, HTMLNanoSlidesElement>('nano-slides');\nexport const NanoSortable = /*@__PURE__*/createReactComponent<JSX.NanoSortable, HTMLNanoSortableElement>('nano-sortable');\nexport const NanoSpinner = /*@__PURE__*/createReactComponent<JSX.NanoSpinner, HTMLNanoSpinnerElement>('nano-spinner');\nexport const NanoSplitPane = /*@__PURE__*/createReactComponent<JSX.NanoSplitPane, HTMLNanoSplitPaneElement>('nano-split-pane');\nexport const NanoStepAccordion = /*@__PURE__*/createReactComponent<JSX.NanoStepAccordion, HTMLNanoStepAccordionElement>('nano-step-accordion');\nexport const NanoStepBreadcrumb = /*@__PURE__*/createReactComponent<JSX.NanoStepBreadcrumb, HTMLNanoStepBreadcrumbElement>('nano-step-breadcrumb');\nexport const NanoSticker = /*@__PURE__*/createReactComponent<JSX.NanoSticker, HTMLNanoStickerElement>('nano-sticker');\nexport const NanoTab = /*@__PURE__*/createReactComponent<JSX.NanoTab, HTMLNanoTabElement>('nano-tab');\nexport const NanoTabContent = /*@__PURE__*/createReactComponent<JSX.NanoTabContent, HTMLNanoTabContentElement>('nano-tab-content');\nexport const NanoTabGroup = /*@__PURE__*/createReactComponent<JSX.NanoTabGroup, HTMLNanoTabGroupElement>('nano-tab-group');\nexport const NanoTable = /*@__PURE__*/createReactComponent<JSX.NanoTable, HTMLNanoTableElement>('nano-table');\nexport const NanoTag = /*@__PURE__*/createReactComponent<JSX.NanoTag, HTMLNanoTagElement>('nano-tag');\nexport const NanoTooltip = /*@__PURE__*/createReactComponent<JSX.NanoTooltip, HTMLNanoTooltipElement>('nano-tooltip');\n"],"names":["createElement"],"mappings":"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"}

package/dist/index.js

@@ -194,6 +194,7 @@ const NanoImg = /* @__PURE__ */ createReactComponent("nano-img");
 const NanoInPageNav = /* @__PURE__ */ createReactComponent("nano-in-page-nav");
 const NanoIncrement = /* @__PURE__ */ createReactComponent("nano-increment");
 const NanoInput = /* @__PURE__ */ createReactComponent("nano-input");
+const NanoInputOtp = /* @__PURE__ */ createReactComponent("nano-input-otp");
 const NanoIntersectionObserve = /* @__PURE__ */ createReactComponent("nano-intersection-observe");
 const NanoMaskedOverflow = /* @__PURE__ */ createReactComponent("nano-masked-overflow");
 const NanoMenu = /* @__PURE__ */ createReactComponent("nano-menu");
@@ -263,6 +264,7 @@ export {
   NanoInPageNav,
   NanoIncrement,
   NanoInput,
+  NanoInputOtp,
   NanoIntersectionObserve,
   NanoMaskedOverflow,
   NanoMenu,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/react-component-lib/utils/case.ts","../src/react-component-lib/utils/attachProps.ts","../src/react-component-lib/utils/index.tsx","../src/react-component-lib/createComponent.tsx","../src/components.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) =>\n  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 * 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' + 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>(\n  ReactComponent: any,\n  displayName: string,\n) => {\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 (\n    customElement !== undefined &&\n    typeof customElements !== 'undefined' &&\n    !customElements.get(tagName)\n  ) {\n    customElements.define(tagName, customElement);\n  }\n}\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport {\n  attachProps,\n  camelToDashCase,\n  createForwardRef,\n  dashToPascalCase,\n  isCoveredByReact,\n  mergeRefs,\n} 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      }, {});\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 '@nanoporetech-digital/components';\n\n\n\nexport const NanoAccordion = /*@__PURE__*/createReactComponent<JSX.NanoAccordion, HTMLNanoAccordionElement>('nano-accordion');\nexport const NanoAlert = /*@__PURE__*/createReactComponent<JSX.NanoAlert, HTMLNanoAlertElement>('nano-alert');\nexport const NanoAlgolia = /*@__PURE__*/createReactComponent<JSX.NanoAlgolia, HTMLNanoAlgoliaElement>('nano-algolia');\nexport const NanoAlgoliaFilter = /*@__PURE__*/createReactComponent<JSX.NanoAlgoliaFilter, HTMLNanoAlgoliaFilterElement>('nano-algolia-filter');\nexport const NanoAlgoliaPagination = /*@__PURE__*/createReactComponent<JSX.NanoAlgoliaPagination, HTMLNanoAlgoliaPaginationElement>('nano-algolia-pagination');\nexport const NanoAlgoliaResults = /*@__PURE__*/createReactComponent<JSX.NanoAlgoliaResults, HTMLNanoAlgoliaResultsElement>('nano-algolia-results');\nexport const NanoAnimation = /*@__PURE__*/createReactComponent<JSX.NanoAnimation, HTMLNanoAnimationElement>('nano-animation');\nexport const NanoAvatar = /*@__PURE__*/createReactComponent<JSX.NanoAvatar, HTMLNanoAvatarElement>('nano-avatar');\nexport const NanoBadge = /*@__PURE__*/createReactComponent<JSX.NanoBadge, HTMLNanoBadgeElement>('nano-badge');\nexport const NanoBreadcrumb = /*@__PURE__*/createReactComponent<JSX.NanoBreadcrumb, HTMLNanoBreadcrumbElement>('nano-breadcrumb');\nexport const NanoCard = /*@__PURE__*/createReactComponent<JSX.NanoCard, HTMLNanoCardElement>('nano-card');\nexport const NanoCardCarousel = /*@__PURE__*/createReactComponent<JSX.NanoCardCarousel, HTMLNanoCardCarouselElement>('nano-card-carousel');\nexport const NanoCheckbox = /*@__PURE__*/createReactComponent<JSX.NanoCheckbox, HTMLNanoCheckboxElement>('nano-checkbox');\nexport const NanoCheckboxGroup = /*@__PURE__*/createReactComponent<JSX.NanoCheckboxGroup, HTMLNanoCheckboxGroupElement>('nano-checkbox-group');\nexport const NanoCollapsibleComparison = /*@__PURE__*/createReactComponent<JSX.NanoCollapsibleComparison, HTMLNanoCollapsibleComparisonElement>('nano-collapsible-comparison');\nexport const NanoContentLinks = /*@__PURE__*/createReactComponent<JSX.NanoContentLinks, HTMLNanoContentLinksElement>('nano-content-links');\nexport const NanoCta = /*@__PURE__*/createReactComponent<JSX.NanoCta, HTMLNanoCtaElement>('nano-cta');\nexport const NanoDataTable = /*@__PURE__*/createReactComponent<JSX.NanoDataTable, HTMLNanoDataTableElement>('nano-data-table');\nexport const NanoDatalist = /*@__PURE__*/createReactComponent<JSX.NanoDatalist, HTMLNanoDatalistElement>('nano-datalist');\nexport const NanoDateInput = /*@__PURE__*/createReactComponent<JSX.NanoDateInput, HTMLNanoDateInputElement>('nano-date-input');\nexport const NanoDatePicker = /*@__PURE__*/createReactComponent<JSX.NanoDatePicker, HTMLNanoDatePickerElement>('nano-date-picker');\nexport const NanoDetails = /*@__PURE__*/createReactComponent<JSX.NanoDetails, HTMLNanoDetailsElement>('nano-details');\nexport const NanoDialog = /*@__PURE__*/createReactComponent<JSX.NanoDialog, HTMLNanoDialogElement>('nano-dialog');\nexport const NanoDrawer = /*@__PURE__*/createReactComponent<JSX.NanoDrawer, HTMLNanoDrawerElement>('nano-drawer');\nexport const NanoDropdown = /*@__PURE__*/createReactComponent<JSX.NanoDropdown, HTMLNanoDropdownElement>('nano-dropdown');\nexport const NanoFeatureBox = /*@__PURE__*/createReactComponent<JSX.NanoFeatureBox, HTMLNanoFeatureBoxElement>('nano-feature-box');\nexport const NanoFieldValidator = /*@__PURE__*/createReactComponent<JSX.NanoFieldValidator, HTMLNanoFieldValidatorElement>('nano-field-validator');\nexport const NanoFileUpload = /*@__PURE__*/createReactComponent<JSX.NanoFileUpload, HTMLNanoFileUploadElement>('nano-file-upload');\nexport const NanoFooter = /*@__PURE__*/createReactComponent<JSX.NanoFooter, HTMLNanoFooterElement>('nano-footer');\nexport const NanoGlobalNav = /*@__PURE__*/createReactComponent<JSX.NanoGlobalNav, HTMLNanoGlobalNavElement>('nano-global-nav');\nexport const NanoGlobalSearchResults = /*@__PURE__*/createReactComponent<JSX.NanoGlobalSearchResults, HTMLNanoGlobalSearchResultsElement>('nano-global-search-results');\nexport const NanoGrid = /*@__PURE__*/createReactComponent<JSX.NanoGrid, HTMLNanoGridElement>('nano-grid');\nexport const NanoGridItem = /*@__PURE__*/createReactComponent<JSX.NanoGridItem, HTMLNanoGridItemElement>('nano-grid-item');\nexport const NanoHero = /*@__PURE__*/createReactComponent<JSX.NanoHero, HTMLNanoHeroElement>('nano-hero');\nexport const NanoIcon = /*@__PURE__*/createReactComponent<JSX.NanoIcon, HTMLNanoIconElement>('nano-icon');\nexport const NanoIconButton = /*@__PURE__*/createReactComponent<JSX.NanoIconButton, HTMLNanoIconButtonElement>('nano-icon-button');\nexport const NanoIconItem = /*@__PURE__*/createReactComponent<JSX.NanoIconItem, HTMLNanoIconItemElement>('nano-icon-item');\nexport const NanoImg = /*@__PURE__*/createReactComponent<JSX.NanoImg, HTMLNanoImgElement>('nano-img');\nexport const NanoInPageNav = /*@__PURE__*/createReactComponent<JSX.NanoInPageNav, HTMLNanoInPageNavElement>('nano-in-page-nav');\nexport const NanoIncrement = /*@__PURE__*/createReactComponent<JSX.NanoIncrement, HTMLNanoIncrementElement>('nano-increment');\nexport const NanoInput = /*@__PURE__*/createReactComponent<JSX.NanoInput, HTMLNanoInputElement>('nano-input');\nexport const NanoIntersectionObserve = /*@__PURE__*/createReactComponent<JSX.NanoIntersectionObserve, HTMLNanoIntersectionObserveElement>('nano-intersection-observe');\nexport const NanoMaskedOverflow = /*@__PURE__*/createReactComponent<JSX.NanoMaskedOverflow, HTMLNanoMaskedOverflowElement>('nano-masked-overflow');\nexport const NanoMenu = /*@__PURE__*/createReactComponent<JSX.NanoMenu, HTMLNanoMenuElement>('nano-menu');\nexport const NanoMenuDrawer = /*@__PURE__*/createReactComponent<JSX.NanoMenuDrawer, HTMLNanoMenuDrawerElement>('nano-menu-drawer');\nexport const NanoMoreLess = /*@__PURE__*/createReactComponent<JSX.NanoMoreLess, HTMLNanoMoreLessElement>('nano-more-less');\nexport const NanoNavItem = /*@__PURE__*/createReactComponent<JSX.NanoNavItem, HTMLNanoNavItemElement>('nano-nav-item');\nexport const NanoOption = /*@__PURE__*/createReactComponent<JSX.NanoOption, HTMLNanoOptionElement>('nano-option');\nexport const NanoOptionBox = /*@__PURE__*/createReactComponent<JSX.NanoOptionBox, HTMLNanoOptionBoxElement>('nano-option-box');\nexport const NanoProgressBar = /*@__PURE__*/createReactComponent<JSX.NanoProgressBar, HTMLNanoProgressBarElement>('nano-progress-bar');\nexport const NanoRange = /*@__PURE__*/createReactComponent<JSX.NanoRange, HTMLNanoRangeElement>('nano-range');\nexport const NanoRating = /*@__PURE__*/createReactComponent<JSX.NanoRating, HTMLNanoRatingElement>('nano-rating');\nexport const NanoResizeObserve = /*@__PURE__*/createReactComponent<JSX.NanoResizeObserve, HTMLNanoResizeObserveElement>('nano-resize-observe');\nexport const NanoSelect = /*@__PURE__*/createReactComponent<JSX.NanoSelect, HTMLNanoSelectElement>('nano-select');\nexport const NanoSlide = /*@__PURE__*/createReactComponent<JSX.NanoSlide, HTMLNanoSlideElement>('nano-slide');\nexport const NanoSlides = /*@__PURE__*/createReactComponent<JSX.NanoSlides, HTMLNanoSlidesElement>('nano-slides');\nexport const NanoSortable = /*@__PURE__*/createReactComponent<JSX.NanoSortable, HTMLNanoSortableElement>('nano-sortable');\nexport const NanoSpinner = /*@__PURE__*/createReactComponent<JSX.NanoSpinner, HTMLNanoSpinnerElement>('nano-spinner');\nexport const NanoSplitPane = /*@__PURE__*/createReactComponent<JSX.NanoSplitPane, HTMLNanoSplitPaneElement>('nano-split-pane');\nexport const NanoStepAccordion = /*@__PURE__*/createReactComponent<JSX.NanoStepAccordion, HTMLNanoStepAccordionElement>('nano-step-accordion');\nexport const NanoStepBreadcrumb = /*@__PURE__*/createReactComponent<JSX.NanoStepBreadcrumb, HTMLNanoStepBreadcrumbElement>('nano-step-breadcrumb');\nexport const NanoSticker = /*@__PURE__*/createReactComponent<JSX.NanoSticker, HTMLNanoStickerElement>('nano-sticker');\nexport const NanoTab = /*@__PURE__*/createReactComponent<JSX.NanoTab, HTMLNanoTabElement>('nano-tab');\nexport const NanoTabContent = /*@__PURE__*/createReactComponent<JSX.NanoTabContent, HTMLNanoTabContentElement>('nano-tab-content');\nexport const NanoTabGroup = /*@__PURE__*/createReactComponent<JSX.NanoTabGroup, HTMLNanoTabGroupElement>('nano-tab-group');\nexport const NanoTable = /*@__PURE__*/createReactComponent<JSX.NanoTable, HTMLNanoTableElement>('nano-table');\nexport const NanoTag = /*@__PURE__*/createReactComponent<JSX.NanoTag, HTMLNanoTagElement>('nano-tag');\nexport const NanoTooltip = /*@__PURE__*/createReactComponent<JSX.NanoTooltip, HTMLNanoTooltipElement>('nano-tooltip');\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/react-component-lib/utils/case.ts","../src/react-component-lib/utils/attachProps.ts","../src/react-component-lib/utils/index.tsx","../src/react-component-lib/createComponent.tsx","../src/components.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) =>\n  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 * 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' + 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>(\n  ReactComponent: any,\n  displayName: string,\n) => {\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 (\n    customElement !== undefined &&\n    typeof customElements !== 'undefined' &&\n    !customElements.get(tagName)\n  ) {\n    customElements.define(tagName, customElement);\n  }\n}\n\nexport * from './attachProps';\nexport * from './case';\n","import React, { createElement } from 'react';\n\nimport {\n  attachProps,\n  camelToDashCase,\n  createForwardRef,\n  dashToPascalCase,\n  isCoveredByReact,\n  mergeRefs,\n} 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      }, {});\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 '@nanoporetech-digital/components';\n\n\n\nexport const NanoAccordion = /*@__PURE__*/createReactComponent<JSX.NanoAccordion, HTMLNanoAccordionElement>('nano-accordion');\nexport const NanoAlert = /*@__PURE__*/createReactComponent<JSX.NanoAlert, HTMLNanoAlertElement>('nano-alert');\nexport const NanoAlgolia = /*@__PURE__*/createReactComponent<JSX.NanoAlgolia, HTMLNanoAlgoliaElement>('nano-algolia');\nexport const NanoAlgoliaFilter = /*@__PURE__*/createReactComponent<JSX.NanoAlgoliaFilter, HTMLNanoAlgoliaFilterElement>('nano-algolia-filter');\nexport const NanoAlgoliaPagination = /*@__PURE__*/createReactComponent<JSX.NanoAlgoliaPagination, HTMLNanoAlgoliaPaginationElement>('nano-algolia-pagination');\nexport const NanoAlgoliaResults = /*@__PURE__*/createReactComponent<JSX.NanoAlgoliaResults, HTMLNanoAlgoliaResultsElement>('nano-algolia-results');\nexport const NanoAnimation = /*@__PURE__*/createReactComponent<JSX.NanoAnimation, HTMLNanoAnimationElement>('nano-animation');\nexport const NanoAvatar = /*@__PURE__*/createReactComponent<JSX.NanoAvatar, HTMLNanoAvatarElement>('nano-avatar');\nexport const NanoBadge = /*@__PURE__*/createReactComponent<JSX.NanoBadge, HTMLNanoBadgeElement>('nano-badge');\nexport const NanoBreadcrumb = /*@__PURE__*/createReactComponent<JSX.NanoBreadcrumb, HTMLNanoBreadcrumbElement>('nano-breadcrumb');\nexport const NanoCard = /*@__PURE__*/createReactComponent<JSX.NanoCard, HTMLNanoCardElement>('nano-card');\nexport const NanoCardCarousel = /*@__PURE__*/createReactComponent<JSX.NanoCardCarousel, HTMLNanoCardCarouselElement>('nano-card-carousel');\nexport const NanoCheckbox = /*@__PURE__*/createReactComponent<JSX.NanoCheckbox, HTMLNanoCheckboxElement>('nano-checkbox');\nexport const NanoCheckboxGroup = /*@__PURE__*/createReactComponent<JSX.NanoCheckboxGroup, HTMLNanoCheckboxGroupElement>('nano-checkbox-group');\nexport const NanoCollapsibleComparison = /*@__PURE__*/createReactComponent<JSX.NanoCollapsibleComparison, HTMLNanoCollapsibleComparisonElement>('nano-collapsible-comparison');\nexport const NanoContentLinks = /*@__PURE__*/createReactComponent<JSX.NanoContentLinks, HTMLNanoContentLinksElement>('nano-content-links');\nexport const NanoCta = /*@__PURE__*/createReactComponent<JSX.NanoCta, HTMLNanoCtaElement>('nano-cta');\nexport const NanoDataTable = /*@__PURE__*/createReactComponent<JSX.NanoDataTable, HTMLNanoDataTableElement>('nano-data-table');\nexport const NanoDatalist = /*@__PURE__*/createReactComponent<JSX.NanoDatalist, HTMLNanoDatalistElement>('nano-datalist');\nexport const NanoDateInput = /*@__PURE__*/createReactComponent<JSX.NanoDateInput, HTMLNanoDateInputElement>('nano-date-input');\nexport const NanoDatePicker = /*@__PURE__*/createReactComponent<JSX.NanoDatePicker, HTMLNanoDatePickerElement>('nano-date-picker');\nexport const NanoDetails = /*@__PURE__*/createReactComponent<JSX.NanoDetails, HTMLNanoDetailsElement>('nano-details');\nexport const NanoDialog = /*@__PURE__*/createReactComponent<JSX.NanoDialog, HTMLNanoDialogElement>('nano-dialog');\nexport const NanoDrawer = /*@__PURE__*/createReactComponent<JSX.NanoDrawer, HTMLNanoDrawerElement>('nano-drawer');\nexport const NanoDropdown = /*@__PURE__*/createReactComponent<JSX.NanoDropdown, HTMLNanoDropdownElement>('nano-dropdown');\nexport const NanoFeatureBox = /*@__PURE__*/createReactComponent<JSX.NanoFeatureBox, HTMLNanoFeatureBoxElement>('nano-feature-box');\nexport const NanoFieldValidator = /*@__PURE__*/createReactComponent<JSX.NanoFieldValidator, HTMLNanoFieldValidatorElement>('nano-field-validator');\nexport const NanoFileUpload = /*@__PURE__*/createReactComponent<JSX.NanoFileUpload, HTMLNanoFileUploadElement>('nano-file-upload');\nexport const NanoFooter = /*@__PURE__*/createReactComponent<JSX.NanoFooter, HTMLNanoFooterElement>('nano-footer');\nexport const NanoGlobalNav = /*@__PURE__*/createReactComponent<JSX.NanoGlobalNav, HTMLNanoGlobalNavElement>('nano-global-nav');\nexport const NanoGlobalSearchResults = /*@__PURE__*/createReactComponent<JSX.NanoGlobalSearchResults, HTMLNanoGlobalSearchResultsElement>('nano-global-search-results');\nexport const NanoGrid = /*@__PURE__*/createReactComponent<JSX.NanoGrid, HTMLNanoGridElement>('nano-grid');\nexport const NanoGridItem = /*@__PURE__*/createReactComponent<JSX.NanoGridItem, HTMLNanoGridItemElement>('nano-grid-item');\nexport const NanoHero = /*@__PURE__*/createReactComponent<JSX.NanoHero, HTMLNanoHeroElement>('nano-hero');\nexport const NanoIcon = /*@__PURE__*/createReactComponent<JSX.NanoIcon, HTMLNanoIconElement>('nano-icon');\nexport const NanoIconButton = /*@__PURE__*/createReactComponent<JSX.NanoIconButton, HTMLNanoIconButtonElement>('nano-icon-button');\nexport const NanoIconItem = /*@__PURE__*/createReactComponent<JSX.NanoIconItem, HTMLNanoIconItemElement>('nano-icon-item');\nexport const NanoImg = /*@__PURE__*/createReactComponent<JSX.NanoImg, HTMLNanoImgElement>('nano-img');\nexport const NanoInPageNav = /*@__PURE__*/createReactComponent<JSX.NanoInPageNav, HTMLNanoInPageNavElement>('nano-in-page-nav');\nexport const NanoIncrement = /*@__PURE__*/createReactComponent<JSX.NanoIncrement, HTMLNanoIncrementElement>('nano-increment');\nexport const NanoInput = /*@__PURE__*/createReactComponent<JSX.NanoInput, HTMLNanoInputElement>('nano-input');\nexport const NanoInputOtp = /*@__PURE__*/createReactComponent<JSX.NanoInputOtp, HTMLNanoInputOtpElement>('nano-input-otp');\nexport const NanoIntersectionObserve = /*@__PURE__*/createReactComponent<JSX.NanoIntersectionObserve, HTMLNanoIntersectionObserveElement>('nano-intersection-observe');\nexport const NanoMaskedOverflow = /*@__PURE__*/createReactComponent<JSX.NanoMaskedOverflow, HTMLNanoMaskedOverflowElement>('nano-masked-overflow');\nexport const NanoMenu = /*@__PURE__*/createReactComponent<JSX.NanoMenu, HTMLNanoMenuElement>('nano-menu');\nexport const NanoMenuDrawer = /*@__PURE__*/createReactComponent<JSX.NanoMenuDrawer, HTMLNanoMenuDrawerElement>('nano-menu-drawer');\nexport const NanoMoreLess = /*@__PURE__*/createReactComponent<JSX.NanoMoreLess, HTMLNanoMoreLessElement>('nano-more-less');\nexport const NanoNavItem = /*@__PURE__*/createReactComponent<JSX.NanoNavItem, HTMLNanoNavItemElement>('nano-nav-item');\nexport const NanoOption = /*@__PURE__*/createReactComponent<JSX.NanoOption, HTMLNanoOptionElement>('nano-option');\nexport const NanoOptionBox = /*@__PURE__*/createReactComponent<JSX.NanoOptionBox, HTMLNanoOptionBoxElement>('nano-option-box');\nexport const NanoProgressBar = /*@__PURE__*/createReactComponent<JSX.NanoProgressBar, HTMLNanoProgressBarElement>('nano-progress-bar');\nexport const NanoRange = /*@__PURE__*/createReactComponent<JSX.NanoRange, HTMLNanoRangeElement>('nano-range');\nexport const NanoRating = /*@__PURE__*/createReactComponent<JSX.NanoRating, HTMLNanoRatingElement>('nano-rating');\nexport const NanoResizeObserve = /*@__PURE__*/createReactComponent<JSX.NanoResizeObserve, HTMLNanoResizeObserveElement>('nano-resize-observe');\nexport const NanoSelect = /*@__PURE__*/createReactComponent<JSX.NanoSelect, HTMLNanoSelectElement>('nano-select');\nexport const NanoSlide = /*@__PURE__*/createReactComponent<JSX.NanoSlide, HTMLNanoSlideElement>('nano-slide');\nexport const NanoSlides = /*@__PURE__*/createReactComponent<JSX.NanoSlides, HTMLNanoSlidesElement>('nano-slides');\nexport const NanoSortable = /*@__PURE__*/createReactComponent<JSX.NanoSortable, HTMLNanoSortableElement>('nano-sortable');\nexport const NanoSpinner = /*@__PURE__*/createReactComponent<JSX.NanoSpinner, HTMLNanoSpinnerElement>('nano-spinner');\nexport const NanoSplitPane = /*@__PURE__*/createReactComponent<JSX.NanoSplitPane, HTMLNanoSplitPaneElement>('nano-split-pane');\nexport const NanoStepAccordion = /*@__PURE__*/createReactComponent<JSX.NanoStepAccordion, HTMLNanoStepAccordionElement>('nano-step-accordion');\nexport const NanoStepBreadcrumb = /*@__PURE__*/createReactComponent<JSX.NanoStepBreadcrumb, HTMLNanoStepBreadcrumbElement>('nano-step-breadcrumb');\nexport const NanoSticker = /*@__PURE__*/createReactComponent<JSX.NanoSticker, HTMLNanoStickerElement>('nano-sticker');\nexport const NanoTab = /*@__PURE__*/createReactComponent<JSX.NanoTab, HTMLNanoTabElement>('nano-tab');\nexport const NanoTabContent = /*@__PURE__*/createReactComponent<JSX.NanoTabContent, HTMLNanoTabContentElement>('nano-tab-content');\nexport const NanoTabGroup = /*@__PURE__*/createReactComponent<JSX.NanoTabGroup, HTMLNanoTabGroupElement>('nano-tab-group');\nexport const NanoTable = /*@__PURE__*/createReactComponent<JSX.NanoTable, HTMLNanoTableElement>('nano-table');\nexport const NanoTag = /*@__PURE__*/createReactComponent<JSX.NanoTag, HTMLNanoTagElement>('nano-tag');\nexport const NanoTooltip = /*@__PURE__*/createReactComponent<JSX.NanoTooltip, HTMLNanoTooltipElement>('nano-tooltip');\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanoporetech-digital/components-react",
-  "version": "8.7.2",
+  "version": "8.9.0",
   "sideEffects": false,
   "description": "React wrapper for Nano Components",
   "repository": {
@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "tslib": "*",
-    "@nanoporetech-digital/components": "8.7.2"
+    "@nanoporetech-digital/components": "8.9.0"
   },
   "peerDependencies": {
     "react": ">=16.7.0",