@nanoporetech-digital/components-react 7.4.5 → 7.5.1

package/dist/index.js

@@ -1,2 +1,262 @@
-export * from './components';
-//# sourceMappingURL=index.js.map
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import React, { createElement } from "react";
+const dashToPascalCase = (str) => str.toLowerCase().split("-").map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1)).join("");
+const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
+const attachProps = (node, newProps, oldProps = {}) => {
+  if (node instanceof Element) {
+    const className = getClassName(node.classList, newProps, oldProps);
+    if (className !== "") {
+      node.className = className;
+    }
+    Object.keys(newProps).forEach((name) => {
+      if (name === "children" || name === "style" || name === "ref" || name === "class" || name === "className" || name === "forwardedRef") {
+        return;
+      }
+      if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
+        const eventName = name.substring(2);
+        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
+        if (!isCoveredByReact(eventNameLc)) {
+          syncEvent(node, eventNameLc, newProps[name]);
+        }
+      } else {
+        node[name] = newProps[name];
+        const propType = typeof newProps[name];
+        if (propType === "string") {
+          node.setAttribute(camelToDashCase(name), newProps[name]);
+        }
+      }
+    });
+  }
+};
+const getClassName = (classList, newProps, oldProps) => {
+  const newClassProp = newProps.className || newProps.class;
+  const oldClassProp = oldProps.className || oldProps.class;
+  const currentClasses = arrayToMap(classList);
+  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(" ") : []);
+  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(" ") : []);
+  const finalClassNames = [];
+  currentClasses.forEach((currentClass) => {
+    if (incomingPropClasses.has(currentClass)) {
+      finalClassNames.push(currentClass);
+      incomingPropClasses.delete(currentClass);
+    } else if (!oldPropClasses.has(currentClass)) {
+      finalClassNames.push(currentClass);
+    }
+  });
+  incomingPropClasses.forEach((s) => finalClassNames.push(s));
+  return finalClassNames.join(" ");
+};
+/**
+ * Checks if an event is supported in the current execution environment.
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
+ */
+const isCoveredByReact = (eventNameSuffix) => {
+  if (typeof document === "undefined") {
+    return true;
+  } else {
+    const eventName = "on" + eventNameSuffix;
+    let isSupported = eventName in document;
+    if (!isSupported) {
+      const element = document.createElement("div");
+      element.setAttribute(eventName, "return;");
+      isSupported = typeof element[eventName] === "function";
+    }
+    return isSupported;
+  }
+};
+const syncEvent = (node, eventName, newEventHandler) => {
+  const eventStore = node.__events || (node.__events = {});
+  const oldEventHandler = eventStore[eventName];
+  if (oldEventHandler) {
+    node.removeEventListener(eventName, oldEventHandler);
+  }
+  node.addEventListener(
+    eventName,
+    eventStore[eventName] = function handler(e) {
+      if (newEventHandler) {
+        newEventHandler.call(this, e);
+      }
+    }
+  );
+};
+const arrayToMap = (arr) => {
+  const map = /* @__PURE__ */ new Map();
+  arr.forEach((s) => map.set(s, s));
+  return map;
+};
+const setRef = (ref, value) => {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref != null) {
+    ref.current = value;
+  }
+};
+const mergeRefs = (...refs) => {
+  return (value) => {
+    refs.forEach((ref) => {
+      setRef(ref, value);
+    });
+  };
+};
+const createForwardRef = (ReactComponent, displayName) => {
+  const forwardRef = (props, ref) => {
+    return /* @__PURE__ */ React.createElement(ReactComponent, { ...props, forwardedRef: ref });
+  };
+  forwardRef.displayName = displayName;
+  return React.forwardRef(forwardRef);
+};
+const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
+  const displayName = dashToPascalCase(tagName);
+  const ReactComponent = class extends React.Component {
+    constructor(props) {
+      super(props);
+      __publicField(this, "componentEl");
+      __publicField(this, "setComponentElRef", (element) => {
+        this.componentEl = element;
+      });
+    }
+    componentDidMount() {
+      this.componentDidUpdate(this.props);
+    }
+    componentDidUpdate(prevProps) {
+      attachProps(this.componentEl, this.props, prevProps);
+    }
+    render() {
+      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
+      let propsToPass = Object.keys(cProps).reduce((acc, name) => {
+        const value = cProps[name];
+        if (name.indexOf("on") === 0 && name[2] === name[2].toUpperCase()) {
+          const eventName = name.substring(2).toLowerCase();
+          if (typeof document !== "undefined" && isCoveredByReact(eventName)) {
+            acc[name] = value;
+          }
+        } else {
+          const type = typeof value;
+          if (type === "string" || type === "boolean" || type === "number") {
+            acc[camelToDashCase(name)] = value;
+          }
+        }
+        return acc;
+      }, {});
+      const newProps = {
+        ...propsToPass,
+        ref: mergeRefs(forwardedRef, this.setComponentElRef),
+        style
+      };
+      return createElement(tagName, newProps, children);
+    }
+    static get displayName() {
+      return displayName;
+    }
+  };
+  return createForwardRef(ReactComponent, displayName);
+};
+const NanoAccordion = /* @__PURE__ */ createReactComponent("nano-accordion");
+const NanoAlert = /* @__PURE__ */ createReactComponent("nano-alert");
+const NanoAlgolia = /* @__PURE__ */ createReactComponent("nano-algolia");
+const NanoAlgoliaFilter = /* @__PURE__ */ createReactComponent("nano-algolia-filter");
+const NanoAlgoliaPagination = /* @__PURE__ */ createReactComponent("nano-algolia-pagination");
+const NanoAlgoliaResults = /* @__PURE__ */ createReactComponent("nano-algolia-results");
+const NanoAnimation = /* @__PURE__ */ createReactComponent("nano-animation");
+const NanoCheckbox = /* @__PURE__ */ createReactComponent("nano-checkbox");
+const NanoCheckboxGroup = /* @__PURE__ */ createReactComponent("nano-checkbox-group");
+const NanoDatalist = /* @__PURE__ */ createReactComponent("nano-datalist");
+const NanoDateInput = /* @__PURE__ */ createReactComponent("nano-date-input");
+const NanoDatePicker = /* @__PURE__ */ createReactComponent("nano-date-picker");
+const NanoDetails = /* @__PURE__ */ createReactComponent("nano-details");
+const NanoDialog = /* @__PURE__ */ createReactComponent("nano-dialog");
+const NanoDrawer = /* @__PURE__ */ createReactComponent("nano-drawer");
+const NanoDropdown = /* @__PURE__ */ createReactComponent("nano-dropdown");
+const NanoFieldValidator = /* @__PURE__ */ createReactComponent("nano-field-validator");
+const NanoFileUpload = /* @__PURE__ */ createReactComponent("nano-file-upload");
+const NanoGlobalNav = /* @__PURE__ */ createReactComponent("nano-global-nav");
+const NanoGlobalNavUserProfile = /* @__PURE__ */ createReactComponent("nano-global-nav-user-profile");
+const NanoGlobalSearchResults = /* @__PURE__ */ createReactComponent("nano-global-search-results");
+const NanoGrid = /* @__PURE__ */ createReactComponent("nano-grid");
+const NanoGridItem = /* @__PURE__ */ createReactComponent("nano-grid-item");
+const NanoHero = /* @__PURE__ */ createReactComponent("nano-hero");
+const NanoIcon = /* @__PURE__ */ createReactComponent("nano-icon");
+const NanoIconButton = /* @__PURE__ */ createReactComponent("nano-icon-button");
+const NanoImg = /* @__PURE__ */ createReactComponent("nano-img");
+const NanoInput = /* @__PURE__ */ createReactComponent("nano-input");
+const NanoIntersectionObserve = /* @__PURE__ */ createReactComponent("nano-intersection-observe");
+const NanoMenu = /* @__PURE__ */ createReactComponent("nano-menu");
+const NanoMenuDrawer = /* @__PURE__ */ createReactComponent("nano-menu-drawer");
+const NanoMoreLess = /* @__PURE__ */ createReactComponent("nano-more-less");
+const NanoNavItem = /* @__PURE__ */ createReactComponent("nano-nav-item");
+const NanoOption = /* @__PURE__ */ createReactComponent("nano-option");
+const NanoOverflowNav = /* @__PURE__ */ createReactComponent("nano-overflow-nav");
+const NanoProgressBar = /* @__PURE__ */ createReactComponent("nano-progress-bar");
+const NanoRange = /* @__PURE__ */ createReactComponent("nano-range");
+const NanoRating = /* @__PURE__ */ createReactComponent("nano-rating");
+const NanoResizeObserve = /* @__PURE__ */ createReactComponent("nano-resize-observe");
+const NanoSelect = /* @__PURE__ */ createReactComponent("nano-select");
+const NanoSkeleton = /* @__PURE__ */ createReactComponent("nano-skeleton");
+const NanoSlide = /* @__PURE__ */ createReactComponent("nano-slide");
+const NanoSlides = /* @__PURE__ */ createReactComponent("nano-slides");
+const NanoSortable = /* @__PURE__ */ createReactComponent("nano-sortable");
+const NanoSpinner = /* @__PURE__ */ createReactComponent("nano-spinner");
+const NanoSplitPane = /* @__PURE__ */ createReactComponent("nano-split-pane");
+const NanoSticker = /* @__PURE__ */ createReactComponent("nano-sticker");
+const NanoTab = /* @__PURE__ */ createReactComponent("nano-tab");
+const NanoTabContent = /* @__PURE__ */ createReactComponent("nano-tab-content");
+const NanoTabGroup = /* @__PURE__ */ createReactComponent("nano-tab-group");
+const NanoTable = /* @__PURE__ */ createReactComponent("nano-table");
+const NanoTooltip = /* @__PURE__ */ createReactComponent("nano-tooltip");
+export {
+  NanoAccordion,
+  NanoAlert,
+  NanoAlgolia,
+  NanoAlgoliaFilter,
+  NanoAlgoliaPagination,
+  NanoAlgoliaResults,
+  NanoAnimation,
+  NanoCheckbox,
+  NanoCheckboxGroup,
+  NanoDatalist,
+  NanoDateInput,
+  NanoDatePicker,
+  NanoDetails,
+  NanoDialog,
+  NanoDrawer,
+  NanoDropdown,
+  NanoFieldValidator,
+  NanoFileUpload,
+  NanoGlobalNav,
+  NanoGlobalNavUserProfile,
+  NanoGlobalSearchResults,
+  NanoGrid,
+  NanoGridItem,
+  NanoHero,
+  NanoIcon,
+  NanoIconButton,
+  NanoImg,
+  NanoInput,
+  NanoIntersectionObserve,
+  NanoMenu,
+  NanoMenuDrawer,
+  NanoMoreLess,
+  NanoNavItem,
+  NanoOption,
+  NanoOverflowNav,
+  NanoProgressBar,
+  NanoRange,
+  NanoRating,
+  NanoResizeObserve,
+  NanoSelect,
+  NanoSkeleton,
+  NanoSlide,
+  NanoSlides,
+  NanoSortable,
+  NanoSpinner,
+  NanoSplitPane,
+  NanoSticker,
+  NanoTab,
+  NanoTabContent,
+  NanoTabGroup,
+  NanoTable,
+  NanoTooltip
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"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 NanoCheckbox = /*@__PURE__*/createReactComponent<JSX.NanoCheckbox, HTMLNanoCheckboxElement>('nano-checkbox');\nexport const NanoCheckboxGroup = /*@__PURE__*/createReactComponent<JSX.NanoCheckboxGroup, HTMLNanoCheckboxGroupElement>('nano-checkbox-group');\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 NanoFieldValidator = /*@__PURE__*/createReactComponent<JSX.NanoFieldValidator, HTMLNanoFieldValidatorElement>('nano-field-validator');\nexport const NanoFileUpload = /*@__PURE__*/createReactComponent<JSX.NanoFileUpload, HTMLNanoFileUploadElement>('nano-file-upload');\nexport const NanoGlobalNav = /*@__PURE__*/createReactComponent<JSX.NanoGlobalNav, HTMLNanoGlobalNavElement>('nano-global-nav');\nexport const NanoGlobalNavUserProfile = /*@__PURE__*/createReactComponent<JSX.NanoGlobalNavUserProfile, HTMLNanoGlobalNavUserProfileElement>('nano-global-nav-user-profile');\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 NanoImg = /*@__PURE__*/createReactComponent<JSX.NanoImg, HTMLNanoImgElement>('nano-img');\nexport const NanoInput = /*@__PURE__*/createReactComponent<JSX.NanoInput, HTMLNanoInputElement>('nano-input');\nexport const NanoIntersectionObserve = /*@__PURE__*/createReactComponent<JSX.NanoIntersectionObserve, HTMLNanoIntersectionObserveElement>('nano-intersection-observe');\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 NanoOverflowNav = /*@__PURE__*/createReactComponent<JSX.NanoOverflowNav, HTMLNanoOverflowNavElement>('nano-overflow-nav');\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 NanoSkeleton = /*@__PURE__*/createReactComponent<JSX.NanoSkeleton, HTMLNanoSkeletonElement>('nano-skeleton');\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 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 NanoTooltip = /*@__PURE__*/createReactComponent<JSX.NanoTooltip, HTMLNanoTooltipElement>('nano-tooltip');\n"],"names":[],"mappings":"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"}

package/dist/{types/react-component-lib → react-component-lib}/createComponent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface HTMLStencilElement extends HTMLElement {
     componentOnReady(): Promise<this>;
 }
@@ -6,5 +6,5 @@ interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<El
     forwardedRef: React.RefObject<ElementType>;
     ref?: React.Ref<any>;
 }
-export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./interfaces").StyleReactProps> & React.RefAttributes<ElementType>>;
+export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import('./interfaces').StyleReactProps> & React.RefAttributes<ElementType>>;
 export {};

package/dist/{types/react-component-lib → react-component-lib}/createOverlayComponent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { OverlayEventDetail } from './interfaces';
 import { StencilReactForwardedRef } from './utils';
 interface OverlayElement extends HTMLElement {

package/dist/{types/react-component-lib → react-component-lib}/utils/attachProps.d.ts

@@ -7,6 +7,6 @@ export declare const getClassName: (classList: DOMTokenList, newProps: any, oldP
 export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
 export declare const syncEvent: (node: Element & {
     __events?: {
-        [key: string]: (e: Event) => any;
+        [key: string]: ((e: Event) => any) | undefined;
     };
 }, eventName: string, newEventHandler?: (e: Event) => any) => void;

package/dist/{types/react-component-lib → react-component-lib}/utils/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { StyleReactProps } from '../interfaces';
+import { default as React } from 'react';
+import { StyleReactProps } from '../interfaces';
 export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
 export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
 export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanoporetech-digital/components-react",
-  "version": "7.4.5",
+  "version": "7.5.1",
   "sideEffects": false,
   "description": "React wrapper for Nano Components",
   "repository": {
@@ -8,14 +8,19 @@
     "url": "https://git.oxfordnanolabs.local/Digital/nano-components"
   },
   "license": "MIT",
-  "main": "./dist/index.js",
-  "types": "dist/types/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
-    "dist/"
+    "dist"
   ],
-  "targets": {
-    "main": false
-  },
   "browser": "./demo/index.js",
   "devDependencies": {
     "@babel/core": "^7.12.3",
@@ -28,7 +33,7 @@
     "@babel/preset-react": "^7.12.1",
     "@babel/runtime": "~7.4.2",
     "@types/jest": "23.3.9",
-    "@types/node": "10.12.9",
+    "@types/node": "^22.0.0",
     "@types/react": "16.9.56",
     "@types/react-dom": "16.9.8",
     "@types/react-router": "^5.1.12",
@@ -41,11 +46,17 @@
     "react-dom": "^16.7.0",
     "react-router-dom": "^5.2.0",
     "sass": "^1.32.8",
-    "typescript": "^4.7.3"
+    "typescript": "^5.8.2",
+    "vite": "^6.2.1",
+    "vite-plugin-dts": "^4.5.3"
   },
   "dependencies": {
     "tslib": "*",
-    "@nanoporetech-digital/components": "7.4.5"
+    "@nanoporetech-digital/components": "7.5.1"
+  },
+  "peerDependencies": {
+    "react": ">=16.7.0",
+    "react-dom": ">=16.7.0"
   },
   "jest": {
     "preset": "ts-jest",
@@ -69,10 +80,9 @@
     "extends": "../../package.json"
   },
   "scripts": {
-    "build": "npm run clean && npm run compile",
+    "build": "npm run clean && tsc && vite build",
+    "build.test": "npm run build",
     "clean": "rm -rf dist",
-    "compile": "npm run tsc",
-    "tsc": "tsc -p .",
     "demo": "npm run demo.copy-assets && npm run demo.start",
     "demo.start": "parcel demo/src/index.html --dist-dir demo/dist --port 1111",
     "demo.copy-assets": "cp -r node_modules/@nanoporetech-digital/components/dist/nano-assets demo/dist/nano-assets"

package/dist/components.js

@@ -1,57 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-/* auto-generated react proxies */
-import { createReactComponent } from './react-component-lib';
-export const NanoAccordion = /*@__PURE__*/ createReactComponent('nano-accordion');
-export const NanoAlert = /*@__PURE__*/ createReactComponent('nano-alert');
-export const NanoAlgolia = /*@__PURE__*/ createReactComponent('nano-algolia');
-export const NanoAlgoliaFilter = /*@__PURE__*/ createReactComponent('nano-algolia-filter');
-export const NanoAlgoliaPagination = /*@__PURE__*/ createReactComponent('nano-algolia-pagination');
-export const NanoAlgoliaResults = /*@__PURE__*/ createReactComponent('nano-algolia-results');
-export const NanoAnimation = /*@__PURE__*/ createReactComponent('nano-animation');
-export const NanoCheckbox = /*@__PURE__*/ createReactComponent('nano-checkbox');
-export const NanoCheckboxGroup = /*@__PURE__*/ createReactComponent('nano-checkbox-group');
-export const NanoDatalist = /*@__PURE__*/ createReactComponent('nano-datalist');
-export const NanoDateInput = /*@__PURE__*/ createReactComponent('nano-date-input');
-export const NanoDatePicker = /*@__PURE__*/ createReactComponent('nano-date-picker');
-export const NanoDetails = /*@__PURE__*/ createReactComponent('nano-details');
-export const NanoDialog = /*@__PURE__*/ createReactComponent('nano-dialog');
-export const NanoDrawer = /*@__PURE__*/ createReactComponent('nano-drawer');
-export const NanoDropdown = /*@__PURE__*/ createReactComponent('nano-dropdown');
-export const NanoFieldValidator = /*@__PURE__*/ createReactComponent('nano-field-validator');
-export const NanoFileUpload = /*@__PURE__*/ createReactComponent('nano-file-upload');
-export const NanoGlobalNav = /*@__PURE__*/ createReactComponent('nano-global-nav');
-export const NanoGlobalNavUserProfile = /*@__PURE__*/ createReactComponent('nano-global-nav-user-profile');
-export const NanoGlobalSearchResults = /*@__PURE__*/ createReactComponent('nano-global-search-results');
-export const NanoGrid = /*@__PURE__*/ createReactComponent('nano-grid');
-export const NanoGridItem = /*@__PURE__*/ createReactComponent('nano-grid-item');
-export const NanoHero = /*@__PURE__*/ createReactComponent('nano-hero');
-export const NanoIcon = /*@__PURE__*/ createReactComponent('nano-icon');
-export const NanoIconButton = /*@__PURE__*/ createReactComponent('nano-icon-button');
-export const NanoImg = /*@__PURE__*/ createReactComponent('nano-img');
-export const NanoInput = /*@__PURE__*/ createReactComponent('nano-input');
-export const NanoIntersectionObserve = /*@__PURE__*/ createReactComponent('nano-intersection-observe');
-export const NanoMenu = /*@__PURE__*/ createReactComponent('nano-menu');
-export const NanoMenuDrawer = /*@__PURE__*/ createReactComponent('nano-menu-drawer');
-export const NanoMoreLess = /*@__PURE__*/ createReactComponent('nano-more-less');
-export const NanoNavItem = /*@__PURE__*/ createReactComponent('nano-nav-item');
-export const NanoOption = /*@__PURE__*/ createReactComponent('nano-option');
-export const NanoOverflowNav = /*@__PURE__*/ createReactComponent('nano-overflow-nav');
-export const NanoProgressBar = /*@__PURE__*/ createReactComponent('nano-progress-bar');
-export const NanoRange = /*@__PURE__*/ createReactComponent('nano-range');
-export const NanoRating = /*@__PURE__*/ createReactComponent('nano-rating');
-export const NanoResizeObserve = /*@__PURE__*/ createReactComponent('nano-resize-observe');
-export const NanoSelect = /*@__PURE__*/ createReactComponent('nano-select');
-export const NanoSkeleton = /*@__PURE__*/ createReactComponent('nano-skeleton');
-export const NanoSlide = /*@__PURE__*/ createReactComponent('nano-slide');
-export const NanoSlides = /*@__PURE__*/ createReactComponent('nano-slides');
-export const NanoSortable = /*@__PURE__*/ createReactComponent('nano-sortable');
-export const NanoSpinner = /*@__PURE__*/ createReactComponent('nano-spinner');
-export const NanoSplitPane = /*@__PURE__*/ createReactComponent('nano-split-pane');
-export const NanoSticker = /*@__PURE__*/ createReactComponent('nano-sticker');
-export const NanoTab = /*@__PURE__*/ createReactComponent('nano-tab');
-export const NanoTabContent = /*@__PURE__*/ createReactComponent('nano-tab-content');
-export const NanoTabGroup = /*@__PURE__*/ createReactComponent('nano-tab-group');
-export const NanoTable = /*@__PURE__*/ createReactComponent('nano-table');
-export const NanoTooltip = /*@__PURE__*/ createReactComponent('nano-tooltip');
-//# sourceMappingURL=components.js.map

package/dist/components.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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"}

package/dist/react-component-lib/createComponent.js

@@ -1,75 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { createElement } from 'react';
-import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs, } from './utils';
-export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
-    if (defineCustomElement !== undefined) {
-        defineCustomElement();
-    }
-    const displayName = dashToPascalCase(tagName);
-    const ReactComponent = class extends React.Component {
-        constructor(props) {
-            super(props);
-            this.setComponentElRef = (element) => {
-                this.componentEl = element;
-            };
-        }
-        componentDidMount() {
-            this.componentDidUpdate(this.props);
-        }
-        componentDidUpdate(prevProps) {
-            attachProps(this.componentEl, this.props, prevProps);
-        }
-        render() {
-            const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
-            let propsToPass = Object.keys(cProps).reduce((acc, name) => {
-                const value = cProps[name];
-                if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-                    const eventName = name.substring(2).toLowerCase();
-                    if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
-                        acc[name] = value;
-                    }
-                }
-                else {
-                    // we should only render strings, booleans, and numbers as attrs in html.
-                    // objects, functions, arrays etc get synced via properties on mount.
-                    const type = typeof value;
-                    if (type === 'string' || type === 'boolean' || type === 'number') {
-                        acc[camelToDashCase(name)] = value;
-                    }
-                }
-                return acc;
-            }, {});
-            if (manipulatePropsFunction) {
-                propsToPass = manipulatePropsFunction(this.props, propsToPass);
-            }
-            const newProps = Object.assign(Object.assign({}, propsToPass), { ref: mergeRefs(forwardedRef, this.setComponentElRef), style });
-            /**
-             * We use createElement here instead of
-             * React.createElement to work around a
-             * bug in Vite (https://github.com/vitejs/vite/issues/6104).
-             * React.createElement causes all elements to be rendered
-             * as <tagname> instead of the actual Web Component.
-             */
-            return createElement(tagName, newProps, children);
-        }
-        static get displayName() {
-            return displayName;
-        }
-    };
-    // If context was passed to createReactComponent then conditionally add it to the Component Class
-    if (ReactComponentContext) {
-        ReactComponent.contextType = ReactComponentContext;
-    }
-    return createForwardRef(ReactComponent, displayName);
-};
-//# sourceMappingURL=createComponent.js.map

package/dist/react-component-lib/createComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createComponent.js","sourceRoot":"","sources":["../../src/react-component-lib/createComponent.tsx"],"names":[],"mappings":"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"}