@nanoporetech-digital/components-react 7.4.5 → 7.5.1

package/dist/components.d.ts

@@ -0,0 +1,53 @@
+import { JSX } from '@nanoporetech-digital/components';
+export declare const NanoAccordion: import('react').ForwardRefExoticComponent<JSX.NanoAccordion & Omit<import('react').HTMLAttributes<HTMLNanoAccordionElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoAccordionElement>>;
+export declare const NanoAlert: import('react').ForwardRefExoticComponent<JSX.NanoAlert & Omit<import('react').HTMLAttributes<HTMLNanoAlertElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoAlertElement>>;
+export declare const NanoAlgolia: import('react').ForwardRefExoticComponent<JSX.NanoAlgolia & Omit<import('react').HTMLAttributes<HTMLNanoAlgoliaElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoAlgoliaElement>>;
+export declare const NanoAlgoliaFilter: import('react').ForwardRefExoticComponent<JSX.NanoAlgoliaFilter & Omit<import('react').HTMLAttributes<HTMLNanoAlgoliaFilterElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoAlgoliaFilterElement>>;
+export declare const NanoAlgoliaPagination: import('react').ForwardRefExoticComponent<JSX.NanoAlgoliaPagination & Omit<import('react').HTMLAttributes<HTMLNanoAlgoliaPaginationElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoAlgoliaPaginationElement>>;
+export declare const NanoAlgoliaResults: import('react').ForwardRefExoticComponent<JSX.NanoAlgoliaResults & Omit<import('react').HTMLAttributes<HTMLNanoAlgoliaResultsElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoAlgoliaResultsElement>>;
+export declare const NanoAnimation: import('react').ForwardRefExoticComponent<JSX.NanoAnimation & Omit<import('react').HTMLAttributes<HTMLNanoAnimationElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoAnimationElement>>;
+export declare const NanoCheckbox: import('react').ForwardRefExoticComponent<JSX.NanoCheckbox & Omit<import('react').HTMLAttributes<HTMLNanoCheckboxElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoCheckboxElement>>;
+export declare const NanoCheckboxGroup: import('react').ForwardRefExoticComponent<JSX.NanoCheckboxGroup & Omit<import('react').HTMLAttributes<HTMLNanoCheckboxGroupElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoCheckboxGroupElement>>;
+export declare const NanoDatalist: import('react').ForwardRefExoticComponent<JSX.NanoDatalist & Omit<import('react').HTMLAttributes<HTMLNanoDatalistElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoDatalistElement>>;
+export declare const NanoDateInput: import('react').ForwardRefExoticComponent<JSX.NanoDateInput & Omit<import('react').HTMLAttributes<HTMLNanoDateInputElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoDateInputElement>>;
+export declare const NanoDatePicker: import('react').ForwardRefExoticComponent<JSX.NanoDatePicker & Omit<import('react').HTMLAttributes<HTMLNanoDatePickerElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoDatePickerElement>>;
+export declare const NanoDetails: import('react').ForwardRefExoticComponent<JSX.NanoDetails & Omit<import('react').HTMLAttributes<HTMLNanoDetailsElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoDetailsElement>>;
+export declare const NanoDialog: import('react').ForwardRefExoticComponent<JSX.NanoDialog & Omit<import('react').HTMLAttributes<HTMLNanoDialogElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoDialogElement>>;
+export declare const NanoDrawer: import('react').ForwardRefExoticComponent<JSX.NanoDrawer & Omit<import('react').HTMLAttributes<HTMLNanoDrawerElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoDrawerElement>>;
+export declare const NanoDropdown: import('react').ForwardRefExoticComponent<JSX.NanoDropdown & Omit<import('react').HTMLAttributes<HTMLNanoDropdownElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoDropdownElement>>;
+export declare const NanoFieldValidator: import('react').ForwardRefExoticComponent<JSX.NanoFieldValidator & Omit<import('react').HTMLAttributes<HTMLNanoFieldValidatorElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoFieldValidatorElement>>;
+export declare const NanoFileUpload: import('react').ForwardRefExoticComponent<JSX.NanoFileUpload & Omit<import('react').HTMLAttributes<HTMLNanoFileUploadElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoFileUploadElement>>;
+export declare const NanoGlobalNav: import('react').ForwardRefExoticComponent<JSX.NanoGlobalNav & Omit<import('react').HTMLAttributes<HTMLNanoGlobalNavElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoGlobalNavElement>>;
+export declare const NanoGlobalNavUserProfile: import('react').ForwardRefExoticComponent<JSX.NanoGlobalNavUserProfile & Omit<import('react').HTMLAttributes<HTMLNanoGlobalNavUserProfileElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoGlobalNavUserProfileElement>>;
+export declare const NanoGlobalSearchResults: import('react').ForwardRefExoticComponent<JSX.NanoGlobalSearchResults & Omit<import('react').HTMLAttributes<HTMLNanoGlobalSearchResultsElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoGlobalSearchResultsElement>>;
+export declare const NanoGrid: import('react').ForwardRefExoticComponent<JSX.NanoGrid & Omit<import('react').HTMLAttributes<HTMLNanoGridElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoGridElement>>;
+export declare const NanoGridItem: import('react').ForwardRefExoticComponent<JSX.NanoGridItem & Omit<import('react').HTMLAttributes<HTMLNanoGridItemElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoGridItemElement>>;
+export declare const NanoHero: import('react').ForwardRefExoticComponent<JSX.NanoHero & Omit<import('react').HTMLAttributes<HTMLNanoHeroElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoHeroElement>>;
+export declare const NanoIcon: import('react').ForwardRefExoticComponent<JSX.NanoIcon & Omit<import('react').HTMLAttributes<HTMLNanoIconElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoIconElement>>;
+export declare const NanoIconButton: import('react').ForwardRefExoticComponent<JSX.NanoIconButton & Omit<import('react').HTMLAttributes<HTMLNanoIconButtonElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoIconButtonElement>>;
+export declare const NanoImg: import('react').ForwardRefExoticComponent<JSX.NanoImg & Omit<import('react').HTMLAttributes<HTMLNanoImgElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoImgElement>>;
+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 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 NanoMenu: import('react').ForwardRefExoticComponent<JSX.NanoMenu & Omit<import('react').HTMLAttributes<HTMLNanoMenuElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoMenuElement>>;
+export declare const NanoMenuDrawer: import('react').ForwardRefExoticComponent<JSX.NanoMenuDrawer & Omit<import('react').HTMLAttributes<HTMLNanoMenuDrawerElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoMenuDrawerElement>>;
+export declare const NanoMoreLess: import('react').ForwardRefExoticComponent<JSX.NanoMoreLess & Omit<import('react').HTMLAttributes<HTMLNanoMoreLessElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoMoreLessElement>>;
+export declare const NanoNavItem: import('react').ForwardRefExoticComponent<JSX.NanoNavItem & Omit<import('react').HTMLAttributes<HTMLNanoNavItemElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoNavItemElement>>;
+export declare const NanoOption: import('react').ForwardRefExoticComponent<JSX.NanoOption & Omit<import('react').HTMLAttributes<HTMLNanoOptionElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoOptionElement>>;
+export declare const NanoOverflowNav: import('react').ForwardRefExoticComponent<JSX.NanoOverflowNav & Omit<import('react').HTMLAttributes<HTMLNanoOverflowNavElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoOverflowNavElement>>;
+export declare const NanoProgressBar: import('react').ForwardRefExoticComponent<JSX.NanoProgressBar & Omit<import('react').HTMLAttributes<HTMLNanoProgressBarElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoProgressBarElement>>;
+export declare const NanoRange: import('react').ForwardRefExoticComponent<JSX.NanoRange & Omit<import('react').HTMLAttributes<HTMLNanoRangeElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoRangeElement>>;
+export declare const NanoRating: import('react').ForwardRefExoticComponent<JSX.NanoRating & Omit<import('react').HTMLAttributes<HTMLNanoRatingElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoRatingElement>>;
+export declare const NanoResizeObserve: import('react').ForwardRefExoticComponent<JSX.NanoResizeObserve & Omit<import('react').HTMLAttributes<HTMLNanoResizeObserveElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoResizeObserveElement>>;
+export declare const NanoSelect: import('react').ForwardRefExoticComponent<JSX.NanoSelect & Omit<import('react').HTMLAttributes<HTMLNanoSelectElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoSelectElement>>;
+export declare const NanoSkeleton: import('react').ForwardRefExoticComponent<JSX.NanoSkeleton & Omit<import('react').HTMLAttributes<HTMLNanoSkeletonElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoSkeletonElement>>;
+export declare const NanoSlide: import('react').ForwardRefExoticComponent<JSX.NanoSlide & Omit<import('react').HTMLAttributes<HTMLNanoSlideElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoSlideElement>>;
+export declare const NanoSlides: import('react').ForwardRefExoticComponent<JSX.NanoSlides & Omit<import('react').HTMLAttributes<HTMLNanoSlidesElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoSlidesElement>>;
+export declare const NanoSortable: import('react').ForwardRefExoticComponent<JSX.NanoSortable & Omit<import('react').HTMLAttributes<HTMLNanoSortableElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoSortableElement>>;
+export declare const NanoSpinner: import('react').ForwardRefExoticComponent<JSX.NanoSpinner & Omit<import('react').HTMLAttributes<HTMLNanoSpinnerElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoSpinnerElement>>;
+export declare const NanoSplitPane: import('react').ForwardRefExoticComponent<JSX.NanoSplitPane & Omit<import('react').HTMLAttributes<HTMLNanoSplitPaneElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoSplitPaneElement>>;
+export declare const NanoSticker: import('react').ForwardRefExoticComponent<JSX.NanoSticker & Omit<import('react').HTMLAttributes<HTMLNanoStickerElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoStickerElement>>;
+export declare const NanoTab: import('react').ForwardRefExoticComponent<JSX.NanoTab & Omit<import('react').HTMLAttributes<HTMLNanoTabElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoTabElement>>;
+export declare const NanoTabContent: import('react').ForwardRefExoticComponent<JSX.NanoTabContent & Omit<import('react').HTMLAttributes<HTMLNanoTabContentElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoTabContentElement>>;
+export declare const NanoTabGroup: import('react').ForwardRefExoticComponent<JSX.NanoTabGroup & Omit<import('react').HTMLAttributes<HTMLNanoTabGroupElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoTabGroupElement>>;
+export declare const NanoTable: import('react').ForwardRefExoticComponent<JSX.NanoTable & Omit<import('react').HTMLAttributes<HTMLNanoTableElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoTableElement>>;
+export declare const NanoTooltip: import('react').ForwardRefExoticComponent<JSX.NanoTooltip & Omit<import('react').HTMLAttributes<HTMLNanoTooltipElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoTooltipElement>>;

package/dist/index.cjs

@@ -0,0 +1,262 @@
+"use strict";
+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);
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("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 React.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");
+exports.NanoAccordion = NanoAccordion;
+exports.NanoAlert = NanoAlert;
+exports.NanoAlgolia = NanoAlgolia;
+exports.NanoAlgoliaFilter = NanoAlgoliaFilter;
+exports.NanoAlgoliaPagination = NanoAlgoliaPagination;
+exports.NanoAlgoliaResults = NanoAlgoliaResults;
+exports.NanoAnimation = NanoAnimation;
+exports.NanoCheckbox = NanoCheckbox;
+exports.NanoCheckboxGroup = NanoCheckboxGroup;
+exports.NanoDatalist = NanoDatalist;
+exports.NanoDateInput = NanoDateInput;
+exports.NanoDatePicker = NanoDatePicker;
+exports.NanoDetails = NanoDetails;
+exports.NanoDialog = NanoDialog;
+exports.NanoDrawer = NanoDrawer;
+exports.NanoDropdown = NanoDropdown;
+exports.NanoFieldValidator = NanoFieldValidator;
+exports.NanoFileUpload = NanoFileUpload;
+exports.NanoGlobalNav = NanoGlobalNav;
+exports.NanoGlobalNavUserProfile = NanoGlobalNavUserProfile;
+exports.NanoGlobalSearchResults = NanoGlobalSearchResults;
+exports.NanoGrid = NanoGrid;
+exports.NanoGridItem = NanoGridItem;
+exports.NanoHero = NanoHero;
+exports.NanoIcon = NanoIcon;
+exports.NanoIconButton = NanoIconButton;
+exports.NanoImg = NanoImg;
+exports.NanoInput = NanoInput;
+exports.NanoIntersectionObserve = NanoIntersectionObserve;
+exports.NanoMenu = NanoMenu;
+exports.NanoMenuDrawer = NanoMenuDrawer;
+exports.NanoMoreLess = NanoMoreLess;
+exports.NanoNavItem = NanoNavItem;
+exports.NanoOption = NanoOption;
+exports.NanoOverflowNav = NanoOverflowNav;
+exports.NanoProgressBar = NanoProgressBar;
+exports.NanoRange = NanoRange;
+exports.NanoRating = NanoRating;
+exports.NanoResizeObserve = NanoResizeObserve;
+exports.NanoSelect = NanoSelect;
+exports.NanoSkeleton = NanoSkeleton;
+exports.NanoSlide = NanoSlide;
+exports.NanoSlides = NanoSlides;
+exports.NanoSortable = NanoSortable;
+exports.NanoSpinner = NanoSpinner;
+exports.NanoSplitPane = NanoSplitPane;
+exports.NanoSticker = NanoSticker;
+exports.NanoTab = NanoTab;
+exports.NanoTabContent = NanoTabContent;
+exports.NanoTabGroup = NanoTabGroup;
+exports.NanoTable = NanoTable;
+exports.NanoTooltip = NanoTooltip;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +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 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":["createElement"],"mappings":"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"}