@nanoporetech-digital/components-react 7.9.2 → 8.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components.d.ts +14 -2
  2. package/dist/index.cjs +28 -4
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.js +28 -4
  5. package/dist/index.js.map +1 -1
  6. package/package.json +2 -2
package/dist/components.d.ts CHANGED
@@ -6,8 +6,17 @@ export declare const NanoAlgoliaFilter: import('react').ForwardRefExoticComponen
6
6
  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>>;
7
7
  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>>;
8
8
  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>>;
9
+ export declare const NanoAvatar: import('react').ForwardRefExoticComponent<JSX.NanoAvatar & Omit<import('react').HTMLAttributes<HTMLNanoAvatarElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoAvatarElement>>;
10
+ export declare const NanoBadge: import('react').ForwardRefExoticComponent<JSX.NanoBadge & Omit<import('react').HTMLAttributes<HTMLNanoBadgeElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoBadgeElement>>;
11
+ export declare const NanoBreadcrumb: import('react').ForwardRefExoticComponent<JSX.NanoBreadcrumb & Omit<import('react').HTMLAttributes<HTMLNanoBreadcrumbElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoBreadcrumbElement>>;
12
+ export declare const NanoCard: import('react').ForwardRefExoticComponent<JSX.NanoCard & Omit<import('react').HTMLAttributes<HTMLNanoCardElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoCardElement>>;
13
+ export declare const NanoCardCarousel: import('react').ForwardRefExoticComponent<JSX.NanoCardCarousel & Omit<import('react').HTMLAttributes<HTMLNanoCardCarouselElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoCardCarouselElement>>;
9
14
  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>>;
10
15
  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>>;
16
+ export declare const NanoCollapsibleComparison: import('react').ForwardRefExoticComponent<JSX.NanoCollapsibleComparison & Omit<import('react').HTMLAttributes<HTMLNanoCollapsibleComparisonElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoCollapsibleComparisonElement>>;
17
+ export declare const NanoContentLinks: import('react').ForwardRefExoticComponent<JSX.NanoContentLinks & Omit<import('react').HTMLAttributes<HTMLNanoContentLinksElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoContentLinksElement>>;
18
+ export declare const NanoCta: import('react').ForwardRefExoticComponent<JSX.NanoCta & Omit<import('react').HTMLAttributes<HTMLNanoCtaElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoCtaElement>>;
19
+ export declare const NanoDataTable: import('react').ForwardRefExoticComponent<JSX.NanoDataTable & Omit<import('react').HTMLAttributes<HTMLNanoDataTableElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoDataTableElement>>;
11
20
  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>>;
12
21
  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>>;
13
22
  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>>;
@@ -17,23 +26,25 @@ export declare const NanoDrawer: import('react').ForwardRefExoticComponent<JSX.N
17
26
  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>>;
18
27
  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>>;
19
28
  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>>;
29
+ export declare const NanoFooter: import('react').ForwardRefExoticComponent<JSX.NanoFooter & Omit<import('react').HTMLAttributes<HTMLNanoFooterElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoFooterElement>>;
20
30
  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>>;
21
- 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>>;
22
31
  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>>;
23
32
  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>>;
24
33
  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>>;
25
34
  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>>;
26
35
  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>>;
27
36
  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>>;
37
+ export declare const NanoIconItem: import('react').ForwardRefExoticComponent<JSX.NanoIconItem & Omit<import('react').HTMLAttributes<HTMLNanoIconItemElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoIconItemElement>>;
28
38
  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>>;
39
+ 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>>;
29
40
  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>>;
30
41
  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>>;
42
+ 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>>;
31
43
  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>>;
32
44
  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>>;
33
45
  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>>;
34
46
  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>>;
35
47
  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>>;
36
- 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>>;
37
48
  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>>;
38
49
  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>>;
39
50
  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>>;
@@ -50,4 +61,5 @@ export declare const NanoTab: import('react').ForwardRefExoticComponent<JSX.Nano
50
61
  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>>;
51
62
  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>>;
52
63
  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>>;
64
+ export declare const NanoTag: import('react').ForwardRefExoticComponent<JSX.NanoTag & Omit<import('react').HTMLAttributes<HTMLNanoTagElement>, "style"> & import('./react-component-lib/interfaces').StyleReactProps & import('react').RefAttributes<HTMLNanoTagElement>>;
53
65
  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 CHANGED
@@ -162,8 +162,17 @@ const NanoAlgoliaFilter = /* @__PURE__ */ createReactComponent("nano-algolia-fil
162
162
  const NanoAlgoliaPagination = /* @__PURE__ */ createReactComponent("nano-algolia-pagination");
163
163
  const NanoAlgoliaResults = /* @__PURE__ */ createReactComponent("nano-algolia-results");
164
164
  const NanoAnimation = /* @__PURE__ */ createReactComponent("nano-animation");
165
+ const NanoAvatar = /* @__PURE__ */ createReactComponent("nano-avatar");
166
+ const NanoBadge = /* @__PURE__ */ createReactComponent("nano-badge");
167
+ const NanoBreadcrumb = /* @__PURE__ */ createReactComponent("nano-breadcrumb");
168
+ const NanoCard = /* @__PURE__ */ createReactComponent("nano-card");
169
+ const NanoCardCarousel = /* @__PURE__ */ createReactComponent("nano-card-carousel");
165
170
  const NanoCheckbox = /* @__PURE__ */ createReactComponent("nano-checkbox");
166
171
  const NanoCheckboxGroup = /* @__PURE__ */ createReactComponent("nano-checkbox-group");
172
+ const NanoCollapsibleComparison = /* @__PURE__ */ createReactComponent("nano-collapsible-comparison");
173
+ const NanoContentLinks = /* @__PURE__ */ createReactComponent("nano-content-links");
174
+ const NanoCta = /* @__PURE__ */ createReactComponent("nano-cta");
175
+ const NanoDataTable = /* @__PURE__ */ createReactComponent("nano-data-table");
167
176
  const NanoDatalist = /* @__PURE__ */ createReactComponent("nano-datalist");
168
177
  const NanoDateInput = /* @__PURE__ */ createReactComponent("nano-date-input");
169
178
  const NanoDatePicker = /* @__PURE__ */ createReactComponent("nano-date-picker");
@@ -173,23 +182,25 @@ const NanoDrawer = /* @__PURE__ */ createReactComponent("nano-drawer");
173
182
  const NanoDropdown = /* @__PURE__ */ createReactComponent("nano-dropdown");
174
183
  const NanoFieldValidator = /* @__PURE__ */ createReactComponent("nano-field-validator");
175
184
  const NanoFileUpload = /* @__PURE__ */ createReactComponent("nano-file-upload");
185
+ const NanoFooter = /* @__PURE__ */ createReactComponent("nano-footer");
176
186
  const NanoGlobalNav = /* @__PURE__ */ createReactComponent("nano-global-nav");
177
- const NanoGlobalNavUserProfile = /* @__PURE__ */ createReactComponent("nano-global-nav-user-profile");
178
187
  const NanoGlobalSearchResults = /* @__PURE__ */ createReactComponent("nano-global-search-results");
179
188
  const NanoGrid = /* @__PURE__ */ createReactComponent("nano-grid");
180
189
  const NanoGridItem = /* @__PURE__ */ createReactComponent("nano-grid-item");
181
190
  const NanoHero = /* @__PURE__ */ createReactComponent("nano-hero");
182
191
  const NanoIcon = /* @__PURE__ */ createReactComponent("nano-icon");
183
192
  const NanoIconButton = /* @__PURE__ */ createReactComponent("nano-icon-button");
193
+ const NanoIconItem = /* @__PURE__ */ createReactComponent("nano-icon-item");
184
194
  const NanoImg = /* @__PURE__ */ createReactComponent("nano-img");
195
+ const NanoInPageNav = /* @__PURE__ */ createReactComponent("nano-in-page-nav");
185
196
  const NanoInput = /* @__PURE__ */ createReactComponent("nano-input");
186
197
  const NanoIntersectionObserve = /* @__PURE__ */ createReactComponent("nano-intersection-observe");
198
+ const NanoMaskedOverflow = /* @__PURE__ */ createReactComponent("nano-masked-overflow");
187
199
  const NanoMenu = /* @__PURE__ */ createReactComponent("nano-menu");
188
200
  const NanoMenuDrawer = /* @__PURE__ */ createReactComponent("nano-menu-drawer");
189
201
  const NanoMoreLess = /* @__PURE__ */ createReactComponent("nano-more-less");
190
202
  const NanoNavItem = /* @__PURE__ */ createReactComponent("nano-nav-item");
191
203
  const NanoOption = /* @__PURE__ */ createReactComponent("nano-option");
192
- const NanoOverflowNav = /* @__PURE__ */ createReactComponent("nano-overflow-nav");
193
204
  const NanoProgressBar = /* @__PURE__ */ createReactComponent("nano-progress-bar");
194
205
  const NanoRange = /* @__PURE__ */ createReactComponent("nano-range");
195
206
  const NanoRating = /* @__PURE__ */ createReactComponent("nano-rating");
@@ -206,6 +217,7 @@ const NanoTab = /* @__PURE__ */ createReactComponent("nano-tab");
206
217
  const NanoTabContent = /* @__PURE__ */ createReactComponent("nano-tab-content");
207
218
  const NanoTabGroup = /* @__PURE__ */ createReactComponent("nano-tab-group");
208
219
  const NanoTable = /* @__PURE__ */ createReactComponent("nano-table");
220
+ const NanoTag = /* @__PURE__ */ createReactComponent("nano-tag");
209
221
  const NanoTooltip = /* @__PURE__ */ createReactComponent("nano-tooltip");
210
222
  exports.NanoAccordion = NanoAccordion;
211
223
  exports.NanoAlert = NanoAlert;
@@ -214,8 +226,17 @@ exports.NanoAlgoliaFilter = NanoAlgoliaFilter;
214
226
  exports.NanoAlgoliaPagination = NanoAlgoliaPagination;
215
227
  exports.NanoAlgoliaResults = NanoAlgoliaResults;
216
228
  exports.NanoAnimation = NanoAnimation;
229
+ exports.NanoAvatar = NanoAvatar;
230
+ exports.NanoBadge = NanoBadge;
231
+ exports.NanoBreadcrumb = NanoBreadcrumb;
232
+ exports.NanoCard = NanoCard;
233
+ exports.NanoCardCarousel = NanoCardCarousel;
217
234
  exports.NanoCheckbox = NanoCheckbox;
218
235
  exports.NanoCheckboxGroup = NanoCheckboxGroup;
236
+ exports.NanoCollapsibleComparison = NanoCollapsibleComparison;
237
+ exports.NanoContentLinks = NanoContentLinks;
238
+ exports.NanoCta = NanoCta;
239
+ exports.NanoDataTable = NanoDataTable;
219
240
  exports.NanoDatalist = NanoDatalist;
220
241
  exports.NanoDateInput = NanoDateInput;
221
242
  exports.NanoDatePicker = NanoDatePicker;
@@ -225,23 +246,25 @@ exports.NanoDrawer = NanoDrawer;
225
246
  exports.NanoDropdown = NanoDropdown;
226
247
  exports.NanoFieldValidator = NanoFieldValidator;
227
248
  exports.NanoFileUpload = NanoFileUpload;
249
+ exports.NanoFooter = NanoFooter;
228
250
  exports.NanoGlobalNav = NanoGlobalNav;
229
- exports.NanoGlobalNavUserProfile = NanoGlobalNavUserProfile;
230
251
  exports.NanoGlobalSearchResults = NanoGlobalSearchResults;
231
252
  exports.NanoGrid = NanoGrid;
232
253
  exports.NanoGridItem = NanoGridItem;
233
254
  exports.NanoHero = NanoHero;
234
255
  exports.NanoIcon = NanoIcon;
235
256
  exports.NanoIconButton = NanoIconButton;
257
+ exports.NanoIconItem = NanoIconItem;
236
258
  exports.NanoImg = NanoImg;
259
+ exports.NanoInPageNav = NanoInPageNav;
237
260
  exports.NanoInput = NanoInput;
238
261
  exports.NanoIntersectionObserve = NanoIntersectionObserve;
262
+ exports.NanoMaskedOverflow = NanoMaskedOverflow;
239
263
  exports.NanoMenu = NanoMenu;
240
264
  exports.NanoMenuDrawer = NanoMenuDrawer;
241
265
  exports.NanoMoreLess = NanoMoreLess;
242
266
  exports.NanoNavItem = NanoNavItem;
243
267
  exports.NanoOption = NanoOption;
244
- exports.NanoOverflowNav = NanoOverflowNav;
245
268
  exports.NanoProgressBar = NanoProgressBar;
246
269
  exports.NanoRange = NanoRange;
247
270
  exports.NanoRating = NanoRating;
@@ -258,5 +281,6 @@ exports.NanoTab = NanoTab;
258
281
  exports.NanoTabContent = NanoTabContent;
259
282
  exports.NanoTabGroup = NanoTabGroup;
260
283
  exports.NanoTable = NanoTable;
284
+ exports.NanoTag = NanoTag;
261
285
  exports.NanoTooltip = NanoTooltip;
262
286
  //# sourceMappingURL=index.cjs.map
package/dist/index.cjs.map CHANGED
@@ -1 +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 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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"}
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 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 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 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 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 CHANGED
@@ -160,8 +160,17 @@ const NanoAlgoliaFilter = /* @__PURE__ */ createReactComponent("nano-algolia-fil
160
160
  const NanoAlgoliaPagination = /* @__PURE__ */ createReactComponent("nano-algolia-pagination");
161
161
  const NanoAlgoliaResults = /* @__PURE__ */ createReactComponent("nano-algolia-results");
162
162
  const NanoAnimation = /* @__PURE__ */ createReactComponent("nano-animation");
163
+ const NanoAvatar = /* @__PURE__ */ createReactComponent("nano-avatar");
164
+ const NanoBadge = /* @__PURE__ */ createReactComponent("nano-badge");
165
+ const NanoBreadcrumb = /* @__PURE__ */ createReactComponent("nano-breadcrumb");
166
+ const NanoCard = /* @__PURE__ */ createReactComponent("nano-card");
167
+ const NanoCardCarousel = /* @__PURE__ */ createReactComponent("nano-card-carousel");
163
168
  const NanoCheckbox = /* @__PURE__ */ createReactComponent("nano-checkbox");
164
169
  const NanoCheckboxGroup = /* @__PURE__ */ createReactComponent("nano-checkbox-group");
170
+ const NanoCollapsibleComparison = /* @__PURE__ */ createReactComponent("nano-collapsible-comparison");
171
+ const NanoContentLinks = /* @__PURE__ */ createReactComponent("nano-content-links");
172
+ const NanoCta = /* @__PURE__ */ createReactComponent("nano-cta");
173
+ const NanoDataTable = /* @__PURE__ */ createReactComponent("nano-data-table");
165
174
  const NanoDatalist = /* @__PURE__ */ createReactComponent("nano-datalist");
166
175
  const NanoDateInput = /* @__PURE__ */ createReactComponent("nano-date-input");
167
176
  const NanoDatePicker = /* @__PURE__ */ createReactComponent("nano-date-picker");
@@ -171,23 +180,25 @@ const NanoDrawer = /* @__PURE__ */ createReactComponent("nano-drawer");
171
180
  const NanoDropdown = /* @__PURE__ */ createReactComponent("nano-dropdown");
172
181
  const NanoFieldValidator = /* @__PURE__ */ createReactComponent("nano-field-validator");
173
182
  const NanoFileUpload = /* @__PURE__ */ createReactComponent("nano-file-upload");
183
+ const NanoFooter = /* @__PURE__ */ createReactComponent("nano-footer");
174
184
  const NanoGlobalNav = /* @__PURE__ */ createReactComponent("nano-global-nav");
175
- const NanoGlobalNavUserProfile = /* @__PURE__ */ createReactComponent("nano-global-nav-user-profile");
176
185
  const NanoGlobalSearchResults = /* @__PURE__ */ createReactComponent("nano-global-search-results");
177
186
  const NanoGrid = /* @__PURE__ */ createReactComponent("nano-grid");
178
187
  const NanoGridItem = /* @__PURE__ */ createReactComponent("nano-grid-item");
179
188
  const NanoHero = /* @__PURE__ */ createReactComponent("nano-hero");
180
189
  const NanoIcon = /* @__PURE__ */ createReactComponent("nano-icon");
181
190
  const NanoIconButton = /* @__PURE__ */ createReactComponent("nano-icon-button");
191
+ const NanoIconItem = /* @__PURE__ */ createReactComponent("nano-icon-item");
182
192
  const NanoImg = /* @__PURE__ */ createReactComponent("nano-img");
193
+ const NanoInPageNav = /* @__PURE__ */ createReactComponent("nano-in-page-nav");
183
194
  const NanoInput = /* @__PURE__ */ createReactComponent("nano-input");
184
195
  const NanoIntersectionObserve = /* @__PURE__ */ createReactComponent("nano-intersection-observe");
196
+ const NanoMaskedOverflow = /* @__PURE__ */ createReactComponent("nano-masked-overflow");
185
197
  const NanoMenu = /* @__PURE__ */ createReactComponent("nano-menu");
186
198
  const NanoMenuDrawer = /* @__PURE__ */ createReactComponent("nano-menu-drawer");
187
199
  const NanoMoreLess = /* @__PURE__ */ createReactComponent("nano-more-less");
188
200
  const NanoNavItem = /* @__PURE__ */ createReactComponent("nano-nav-item");
189
201
  const NanoOption = /* @__PURE__ */ createReactComponent("nano-option");
190
- const NanoOverflowNav = /* @__PURE__ */ createReactComponent("nano-overflow-nav");
191
202
  const NanoProgressBar = /* @__PURE__ */ createReactComponent("nano-progress-bar");
192
203
  const NanoRange = /* @__PURE__ */ createReactComponent("nano-range");
193
204
  const NanoRating = /* @__PURE__ */ createReactComponent("nano-rating");
@@ -204,6 +215,7 @@ const NanoTab = /* @__PURE__ */ createReactComponent("nano-tab");
204
215
  const NanoTabContent = /* @__PURE__ */ createReactComponent("nano-tab-content");
205
216
  const NanoTabGroup = /* @__PURE__ */ createReactComponent("nano-tab-group");
206
217
  const NanoTable = /* @__PURE__ */ createReactComponent("nano-table");
218
+ const NanoTag = /* @__PURE__ */ createReactComponent("nano-tag");
207
219
  const NanoTooltip = /* @__PURE__ */ createReactComponent("nano-tooltip");
208
220
  export {
209
221
  NanoAccordion,
@@ -213,8 +225,17 @@ export {
213
225
  NanoAlgoliaPagination,
214
226
  NanoAlgoliaResults,
215
227
  NanoAnimation,
228
+ NanoAvatar,
229
+ NanoBadge,
230
+ NanoBreadcrumb,
231
+ NanoCard,
232
+ NanoCardCarousel,
216
233
  NanoCheckbox,
217
234
  NanoCheckboxGroup,
235
+ NanoCollapsibleComparison,
236
+ NanoContentLinks,
237
+ NanoCta,
238
+ NanoDataTable,
218
239
  NanoDatalist,
219
240
  NanoDateInput,
220
241
  NanoDatePicker,
@@ -224,23 +245,25 @@ export {
224
245
  NanoDropdown,
225
246
  NanoFieldValidator,
226
247
  NanoFileUpload,
248
+ NanoFooter,
227
249
  NanoGlobalNav,
228
- NanoGlobalNavUserProfile,
229
250
  NanoGlobalSearchResults,
230
251
  NanoGrid,
231
252
  NanoGridItem,
232
253
  NanoHero,
233
254
  NanoIcon,
234
255
  NanoIconButton,
256
+ NanoIconItem,
235
257
  NanoImg,
258
+ NanoInPageNav,
236
259
  NanoInput,
237
260
  NanoIntersectionObserve,
261
+ NanoMaskedOverflow,
238
262
  NanoMenu,
239
263
  NanoMenuDrawer,
240
264
  NanoMoreLess,
241
265
  NanoNavItem,
242
266
  NanoOption,
243
- NanoOverflowNav,
244
267
  NanoProgressBar,
245
268
  NanoRange,
246
269
  NanoRating,
@@ -257,6 +280,7 @@ export {
257
280
  NanoTabContent,
258
281
  NanoTabGroup,
259
282
  NanoTable,
283
+ NanoTag,
260
284
  NanoTooltip
261
285
  };
262
286
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +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 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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"}
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 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 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 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 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nanoporetech-digital/components-react",
3
- "version": "7.9.2",
3
+ "version": "8.0.0-alpha.1",
4
4
  "sideEffects": false,
5
5
  "description": "React wrapper for Nano Components",
6
6
  "repository": {
@@ -52,7 +52,7 @@
52
52
  },
53
53
  "dependencies": {
54
54
  "tslib": "*",
55
- "@nanoporetech-digital/components": "7.9.2"
55
+ "@nanoporetech-digital/components": "8.0.0-alpha.1"
56
56
  },
57
57
  "peerDependencies": {
58
58
  "react": ">=16.7.0",