@ebrains/react 0.9.2-beta → 0.9.3-beta

package/tutotial-150ee1fd.esm.js

@@ -0,0 +1,27 @@
+const tutorial = `  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M3 7.5L10 3L17 7.5L10 12L3 7.5Z"
+      stroke="currentColor"
+      stroke-width="1.5"
+      stroke-linecap="round"
+    />
+    <path
+      d="M5 8.5V13.2L10 16.5L15 13.6667V8.5"
+      stroke="currentColor"
+      stroke-width="1.5"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M16.8896 13.4492V7.5H18.3896V12.6081L16.8896 13.4492Z"
+      fill="currentColor"
+    />
+  </svg>`;
+
+export { tutorial as t };

package/twitter-ac21b505.esm.js

@@ -0,0 +1,14 @@
+const twitter = `  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M7.03188 17C13.07 17 16.3718 11.999 16.3718 7.66246C16.3718 7.52041 16.3689 7.37901 16.3625 7.23824C17.0035 6.775 17.5606 6.1969 18 5.53882C17.4118 5.80019 16.7789 5.97615 16.1149 6.05549C16.7926 5.64919 17.313 5.00647 17.5584 4.24026C16.9242 4.61617 16.2217 4.88938 15.4739 5.03686C14.8748 4.39894 14.022 4 13.0777 4C11.2649 4 9.7948 5.46972 9.7948 7.28143C9.7948 7.53897 9.8236 7.78947 9.87992 8.02973C7.15157 7.89248 4.73235 6.58656 3.11345 4.60081C2.83153 5.08581 2.66897 5.64919 2.66897 6.25032C2.66897 7.38893 3.2485 8.39412 4.12978 8.98213C3.59122 8.9655 3.08529 8.81769 2.64305 8.57167C2.64257 8.58544 2.64257 8.59887 2.64257 8.61358C2.64257 10.203 3.7741 11.53 5.27619 11.8307C5.00035 11.9059 4.71011 11.9462 4.41059 11.9462C4.19938 11.9462 3.99362 11.9254 3.79362 11.887C4.21154 13.191 5.42339 14.1399 6.86021 14.1665C5.73668 15.0469 4.3213 15.5712 2.78305 15.5712C2.51841 15.5712 2.25696 15.5562 2 15.5258C3.45281 16.4568 5.17795 17 7.03205 17"
+      fill="currentColor"
+    />
+  </svg>`;
+
+export { twitter as t };

package/unknown-ed01a24c.esm.js

@@ -0,0 +1,22 @@
+const unknown = `<svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle
+      cx="10.0001"
+      cy="10.0001"
+      r="9.00007"
+      fill="white"
+      stroke="currentColor"
+      stroke-width="2"
+    />
+    <path
+      d="M8.78976 12.086V11.9135C8.79306 11.3215 8.8442 10.8495 8.94319 10.4977C9.04547 10.1458 9.19395 9.86167 9.38863 9.64515C9.5833 9.42864 9.81757 9.23242 10.0914 9.0565C10.296 8.92118 10.4791 8.78078 10.6408 8.63531C10.8025 8.48984 10.9312 8.32915 11.0268 8.15323C11.1225 7.97392 11.1704 7.77433 11.1704 7.55443C11.1704 7.321 11.1159 7.11632 11.0071 6.9404C10.8982 6.76448 10.7513 6.62916 10.5666 6.53444C10.3851 6.43971 10.1838 6.39235 9.96275 6.39235C9.74828 6.39235 9.54536 6.4414 9.35398 6.53951C9.16261 6.63424 9.00588 6.77632 8.8838 6.96578C8.76171 7.15184 8.69572 7.38358 8.68582 7.66099H6.6665C6.683 6.98438 6.84138 6.42618 7.14164 5.98638C7.4419 5.5432 7.83949 5.21336 8.33442 4.99684C8.82935 4.77694 9.37543 4.66699 9.97265 4.66699C10.6293 4.66699 11.21 4.77863 11.7148 5.00191C12.2196 5.22181 12.6156 5.54151 12.9026 5.96101C13.1897 6.38051 13.3332 6.88627 13.3332 7.47831C13.3332 7.87412 13.2689 8.22596 13.1402 8.53382C13.0148 8.83829 12.8383 9.10894 12.6106 9.34575C12.383 9.57918 12.114 9.79062 11.8039 9.98007C11.5432 10.1391 11.3288 10.3048 11.1605 10.4774C10.9955 10.6499 10.8718 10.8495 10.7893 11.0762C10.7101 11.3028 10.6688 11.5819 10.6655 11.9135V12.086H8.78976ZM9.76972 15.3338C9.43977 15.3338 9.15766 15.2153 8.92339 14.9785C8.69242 14.7383 8.57859 14.4508 8.58189 14.1159C8.57859 13.7843 8.69242 13.5001 8.92339 13.2633C9.15766 13.0265 9.43977 12.9081 9.76972 12.9081C10.0832 12.9081 10.3587 13.0265 10.5963 13.2633C10.8338 13.5001 10.9543 13.7843 10.9576 14.1159C10.9543 14.3391 10.8965 14.5438 10.7843 14.7299C10.6754 14.9126 10.5319 15.0597 10.3537 15.1714C10.1756 15.2796 9.98089 15.3338 9.76972 15.3338Z"
+      fill="currentColor"
+    />
+  </svg>`;
+
+export { unknown as u };

package/up-and-down-d747abee.esm.js

@@ -0,0 +1,12 @@
+const upDonw = `  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M10 3L15 8L5 8L10 3Z" fill="currentColor" />
+    <path d="M10 17L5 12L15 12L10 17Z" fill="currentColor" />
+  </svg>`;
+
+export { upDonw as u };

package/user-71ebdc15.esm.js

@@ -0,0 +1,16 @@
+const user = `<svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="10" cy="6" r="3" stroke="currentColor" stroke-width="2" />
+    <path
+      d="M17 18V17C17 14.7909 15.2091 13 13 13H7C4.79086 13 3 14.7909 3 17V18"
+      stroke="currentColor"
+      stroke-width="2"
+    />
+  </svg>`;
+
+export { user as u };

package/youtube-efbfbdc4.esm.js

@@ -0,0 +1,14 @@
+const youtube = `  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M19.5821 5.18614C19.3521 4.3256 18.6743 3.64795 17.8137 3.41797C16.2542 3 10 3 10 3C10 3 3.74579 3 2.18614 3.41797C1.32557 3.64795 0.647844 4.3256 0.417841 5.18614C-2.98023e-08 6.74579 0 10 0 10C0 10 -2.98023e-08 13.2541 0.417841 14.8139C0.647844 15.6744 1.32557 16.352 2.18614 16.5821C3.74579 17 10 17 10 17C10 17 16.2542 17 17.8137 16.5821C18.6743 16.352 19.3521 15.6744 19.5821 14.8139C20 13.2541 20 10 20 10C20 10 20 6.74579 19.5821 5.18614ZM8 13V7L14 10L8 13Z"
+      fill="currentColor"
+    />
+  </svg>`;
+
+export { youtube as y };

package/.babelrc

@@ -1,12 +0,0 @@
-{
-  "presets": [
-    [
-      "@nx/react/babel",
-      {
-        "runtime": "automatic",
-        "useBuiltIns": "usage"
-      }
-    ]
-  ],
-  "plugins": []
-}

package/project.json

@@ -1,10 +0,0 @@
-{
-  "name": "react",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "packages/react/src",
-  "projectType": "library",
-  "tags": [],
-  "implicitDependencies": ["components"],
-  "// targets": "to see all targets run: nx show project react --web",
-  "targets": {}
-}

package/rollup.config.js

@@ -1,43 +0,0 @@
-const { withNx } = require('@nx/rollup/with-nx');
-const url = require('@rollup/plugin-url');
-const svg = require('@svgr/rollup');
-//const nodeResolve = require('@rollup/plugin-node-resolve');
-const alias = require('@rollup/plugin-alias');
-const path = require('path');
-//const commonjs = require('@rollup/plugin-commonjs');
-//const typescript = require('@rollup/plugin-typescript');
-
-module.exports = withNx(
-  {
-    main: './src/index.ts',
-    outputPath: '../../dist/packages/react',
-    tsConfig: './tsconfig.lib.json',
-    compiler: 'babel',
-    //external: ['react', 'react-dom', 'react/jsx-runtime', '@ebrains/components', '@ebrains/components/loader'], 
-    external: ['react', 'react-dom', 'react/jsx-runtime'], 
-    format: ['esm'],
-    assets: [{ input: 'packages/react', output: '.', glob: '{README.md,LICENSE}'}],
-  },
-  {
-    // Provide additional rollup configuration here. See: https://rollupjs.org/configuration-options
-    plugins: [
-      //nodeResolve(),
-      //commonjs(), // Convert CommonJS to ES modules
-      //typescript(), // Support for TypeScript files
-      alias({
-        entries: [
-          { find: '@ebrains/components', replacement: path.resolve(__dirname, '../../dist/packages/components') },
-          { find: '@ebrains/components/loader', replacement: path.resolve(__dirname, '../../dist/packages/components/loader') }
-        ],
-      }),
-      svg({
-        svgo: false,
-        titleProp: true,
-        ref: true,
-      }),
-      url({
-        limit: 10000, // 10kB
-      }),
-    ],
-  },
-);

package/src/components.ts

@@ -1,49 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-/* auto-generated react proxies */
-import { createReactComponent } from './react-component-lib';
-
-import type { JSX } from '@ebrains/components';
-
-import { defineCustomElements } from '@ebrains/components/loader';
-
-defineCustomElements();
-export const EdsAccordion = /*@__PURE__*/createReactComponent<JSX.EdsAccordion, HTMLEdsAccordionElement>('eds-accordion');
-export const EdsAlert = /*@__PURE__*/createReactComponent<JSX.EdsAlert, HTMLEdsAlertElement>('eds-alert');
-export const EdsAvatar = /*@__PURE__*/createReactComponent<JSX.EdsAvatar, HTMLEdsAvatarElement>('eds-avatar');
-export const EdsBlockBreak = /*@__PURE__*/createReactComponent<JSX.EdsBlockBreak, HTMLEdsBlockBreakElement>('eds-block-break');
-export const EdsBreadcrumb = /*@__PURE__*/createReactComponent<JSX.EdsBreadcrumb, HTMLEdsBreadcrumbElement>('eds-breadcrumb');
-export const EdsButton = /*@__PURE__*/createReactComponent<JSX.EdsButton, HTMLEdsButtonElement>('eds-button');
-export const EdsCardGeneric = /*@__PURE__*/createReactComponent<JSX.EdsCardGeneric, HTMLEdsCardGenericElement>('eds-card-generic');
-export const EdsCardSection = /*@__PURE__*/createReactComponent<JSX.EdsCardSection, HTMLEdsCardSectionElement>('eds-card-section');
-export const EdsCodeBlock = /*@__PURE__*/createReactComponent<JSX.EdsCodeBlock, HTMLEdsCodeBlockElement>('eds-code-block');
-export const EdsDropdown = /*@__PURE__*/createReactComponent<JSX.EdsDropdown, HTMLEdsDropdownElement>('eds-dropdown');
-export const EdsFeedback = /*@__PURE__*/createReactComponent<JSX.EdsFeedback, HTMLEdsFeedbackElement>('eds-feedback');
-export const EdsFooter = /*@__PURE__*/createReactComponent<JSX.EdsFooter, HTMLEdsFooterElement>('eds-footer');
-export const EdsForm = /*@__PURE__*/createReactComponent<JSX.EdsForm, HTMLEdsFormElement>('eds-form');
-export const EdsFullscreenMenu = /*@__PURE__*/createReactComponent<JSX.EdsFullscreenMenu, HTMLEdsFullscreenMenuElement>('eds-fullscreen-menu');
-export const EdsHeader = /*@__PURE__*/createReactComponent<JSX.EdsHeader, HTMLEdsHeaderElement>('eds-header');
-export const EdsIconWrapper = /*@__PURE__*/createReactComponent<JSX.EdsIconWrapper, HTMLEdsIconWrapperElement>('eds-icon-wrapper');
-export const EdsImg = /*@__PURE__*/createReactComponent<JSX.EdsImg, HTMLEdsImgElement>('eds-img');
-export const EdsInputField = /*@__PURE__*/createReactComponent<JSX.EdsInputField, HTMLEdsInputFieldElement>('eds-input-field');
-export const EdsLink = /*@__PURE__*/createReactComponent<JSX.EdsLink, HTMLEdsLinkElement>('eds-link');
-export const EdsLogo = /*@__PURE__*/createReactComponent<JSX.EdsLogo, HTMLEdsLogoElement>('eds-logo');
-export const EdsMatomoNotice = /*@__PURE__*/createReactComponent<JSX.EdsMatomoNotice, HTMLEdsMatomoNoticeElement>('eds-matomo-notice');
-export const EdsModal = /*@__PURE__*/createReactComponent<JSX.EdsModal, HTMLEdsModalElement>('eds-modal');
-export const EdsPagination = /*@__PURE__*/createReactComponent<JSX.EdsPagination, HTMLEdsPaginationElement>('eds-pagination');
-export const EdsProgressBar = /*@__PURE__*/createReactComponent<JSX.EdsProgressBar, HTMLEdsProgressBarElement>('eds-progress-bar');
-export const EdsRating = /*@__PURE__*/createReactComponent<JSX.EdsRating, HTMLEdsRatingElement>('eds-rating');
-export const EdsSectionCore = /*@__PURE__*/createReactComponent<JSX.EdsSectionCore, HTMLEdsSectionCoreElement>('eds-section-core');
-export const EdsSocialNetworks = /*@__PURE__*/createReactComponent<JSX.EdsSocialNetworks, HTMLEdsSocialNetworksElement>('eds-social-networks');
-export const EdsSpinner = /*@__PURE__*/createReactComponent<JSX.EdsSpinner, HTMLEdsSpinnerElement>('eds-spinner');
-export const EdsSplashScreen = /*@__PURE__*/createReactComponent<JSX.EdsSplashScreen, HTMLEdsSplashScreenElement>('eds-splash-screen');
-export const EdsSteps = /*@__PURE__*/createReactComponent<JSX.EdsSteps, HTMLEdsStepsElement>('eds-steps');
-export const EdsStepsV2 = /*@__PURE__*/createReactComponent<JSX.EdsStepsV2, HTMLEdsStepsV2Element>('eds-steps-v2');
-export const EdsSwitch = /*@__PURE__*/createReactComponent<JSX.EdsSwitch, HTMLEdsSwitchElement>('eds-switch');
-export const EdsTable = /*@__PURE__*/createReactComponent<JSX.EdsTable, HTMLEdsTableElement>('eds-table');
-export const EdsTabs = /*@__PURE__*/createReactComponent<JSX.EdsTabs, HTMLEdsTabsElement>('eds-tabs');
-export const EdsTag = /*@__PURE__*/createReactComponent<JSX.EdsTag, HTMLEdsTagElement>('eds-tag');
-export const EdsTimeline = /*@__PURE__*/createReactComponent<JSX.EdsTimeline, HTMLEdsTimelineElement>('eds-timeline');
-export const EdsToast = /*@__PURE__*/createReactComponent<JSX.EdsToast, HTMLEdsToastElement>('eds-toast');
-export const EdsTooltip = /*@__PURE__*/createReactComponent<JSX.EdsTooltip, HTMLEdsTooltipElement>('eds-tooltip');
-export const EdsUser = /*@__PURE__*/createReactComponent<JSX.EdsUser, HTMLEdsUserElement>('eds-user');

package/src/generated/components.ts

@@ -1,47 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-/* auto-generated react proxies */
-import { createReactComponent } from './react-component-lib';
-
-import type { JSX } from '@ebrains/components';
-
-import { defineCustomElements } from '@ebrains/components/loader';
-
-defineCustomElements();
-export const EdsAccordion = /*@__PURE__*/createReactComponent<JSX.EdsAccordion, HTMLEdsAccordionElement>('eds-accordion');
-export const EdsAlert = /*@__PURE__*/createReactComponent<JSX.EdsAlert, HTMLEdsAlertElement>('eds-alert');
-export const EdsAvatar = /*@__PURE__*/createReactComponent<JSX.EdsAvatar, HTMLEdsAvatarElement>('eds-avatar');
-export const EdsBlockBreak = /*@__PURE__*/createReactComponent<JSX.EdsBlockBreak, HTMLEdsBlockBreakElement>('eds-block-break');
-export const EdsBreadcrumb = /*@__PURE__*/createReactComponent<JSX.EdsBreadcrumb, HTMLEdsBreadcrumbElement>('eds-breadcrumb');
-export const EdsButton = /*@__PURE__*/createReactComponent<JSX.EdsButton, HTMLEdsButtonElement>('eds-button');
-export const EdsCardDesc = /*@__PURE__*/createReactComponent<JSX.EdsCardDesc, HTMLEdsCardDescElement>('eds-card-desc');
-export const EdsCardGeneric = /*@__PURE__*/createReactComponent<JSX.EdsCardGeneric, HTMLEdsCardGenericElement>('eds-card-generic');
-export const EdsCardSection = /*@__PURE__*/createReactComponent<JSX.EdsCardSection, HTMLEdsCardSectionElement>('eds-card-section');
-export const EdsCodeBlock = /*@__PURE__*/createReactComponent<JSX.EdsCodeBlock, HTMLEdsCodeBlockElement>('eds-code-block');
-export const EdsDropdown = /*@__PURE__*/createReactComponent<JSX.EdsDropdown, HTMLEdsDropdownElement>('eds-dropdown');
-export const EdsFooter = /*@__PURE__*/createReactComponent<JSX.EdsFooter, HTMLEdsFooterElement>('eds-footer');
-export const EdsForm = /*@__PURE__*/createReactComponent<JSX.EdsForm, HTMLEdsFormElement>('eds-form');
-export const EdsFrame = /*@__PURE__*/createReactComponent<JSX.EdsFrame, HTMLEdsFrameElement>('eds-frame');
-export const EdsFullscreenMenu = /*@__PURE__*/createReactComponent<JSX.EdsFullscreenMenu, HTMLEdsFullscreenMenuElement>('eds-fullscreen-menu');
-export const EdsHeader = /*@__PURE__*/createReactComponent<JSX.EdsHeader, HTMLEdsHeaderElement>('eds-header');
-export const EdsIconWrapper = /*@__PURE__*/createReactComponent<JSX.EdsIconWrapper, HTMLEdsIconWrapperElement>('eds-icon-wrapper');
-export const EdsImg = /*@__PURE__*/createReactComponent<JSX.EdsImg, HTMLEdsImgElement>('eds-img');
-export const EdsInputField = /*@__PURE__*/createReactComponent<JSX.EdsInputField, HTMLEdsInputFieldElement>('eds-input-field');
-export const EdsLink = /*@__PURE__*/createReactComponent<JSX.EdsLink, HTMLEdsLinkElement>('eds-link');
-export const EdsLogin = /*@__PURE__*/createReactComponent<JSX.EdsLogin, HTMLEdsLoginElement>('eds-login');
-export const EdsLogo = /*@__PURE__*/createReactComponent<JSX.EdsLogo, HTMLEdsLogoElement>('eds-logo');
-export const EdsMatomoNotice = /*@__PURE__*/createReactComponent<JSX.EdsMatomoNotice, HTMLEdsMatomoNoticeElement>('eds-matomo-notice');
-export const EdsModal = /*@__PURE__*/createReactComponent<JSX.EdsModal, HTMLEdsModalElement>('eds-modal');
-export const EdsPagination = /*@__PURE__*/createReactComponent<JSX.EdsPagination, HTMLEdsPaginationElement>('eds-pagination');
-export const EdsProgressBar = /*@__PURE__*/createReactComponent<JSX.EdsProgressBar, HTMLEdsProgressBarElement>('eds-progress-bar');
-export const EdsRating = /*@__PURE__*/createReactComponent<JSX.EdsRating, HTMLEdsRatingElement>('eds-rating');
-export const EdsSectionCore = /*@__PURE__*/createReactComponent<JSX.EdsSectionCore, HTMLEdsSectionCoreElement>('eds-section-core');
-export const EdsSectionHeading = /*@__PURE__*/createReactComponent<JSX.EdsSectionHeading, HTMLEdsSectionHeadingElement>('eds-section-heading');
-export const EdsSocialNetworks = /*@__PURE__*/createReactComponent<JSX.EdsSocialNetworks, HTMLEdsSocialNetworksElement>('eds-social-networks');
-export const EdsTable = /*@__PURE__*/createReactComponent<JSX.EdsTable, HTMLEdsTableElement>('eds-table');
-export const EdsTabs = /*@__PURE__*/createReactComponent<JSX.EdsTabs, HTMLEdsTabsElement>('eds-tabs');
-export const EdsTag = /*@__PURE__*/createReactComponent<JSX.EdsTag, HTMLEdsTagElement>('eds-tag');
-export const EdsToast = /*@__PURE__*/createReactComponent<JSX.EdsToast, HTMLEdsToastElement>('eds-toast');
-export const EdsToastManager = /*@__PURE__*/createReactComponent<JSX.EdsToastManager, HTMLEdsToastManagerElement>('eds-toast-manager');
-export const EdsTooltip = /*@__PURE__*/createReactComponent<JSX.EdsTooltip, HTMLEdsTooltipElement>('eds-tooltip');
-export const EdsUser = /*@__PURE__*/createReactComponent<JSX.EdsUser, HTMLEdsUserElement>('eds-user');

package/src/generated/react-component-lib/attachProps.ts

@@ -1,125 +0,0 @@
-import { camelToDashCase } from './case';
-
-export const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {
-  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
-  if (node instanceof Element) {
-    // add any classes in className to the class list
-    const className = getClassName(node.classList, newProps, oldProps);
-    if (className !== '') {
-      node.className = className;
-    }
-
-    Object.keys(newProps).forEach((name) => {
-      if (
-        name === 'children' ||
-        name === 'style' ||
-        name === 'ref' ||
-        name === 'class' ||
-        name === 'className' ||
-        name === 'forwardedRef'
-      ) {
-        return;
-      }
-      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-        const eventName = name.substring(2);
-        const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
-
-        if (!isCoveredByReact(eventNameLc)) {
-          syncEvent(node, eventNameLc, newProps[name]);
-        }
-      } else {
-        (node as any)[name] = newProps[name];
-        const propType = typeof newProps[name];
-        if (propType === 'string') {
-          node.setAttribute(camelToDashCase(name), newProps[name]);
-        }
-      }
-    });
-  }
-};
-
-export const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {
-  const newClassProp: string = newProps.className || newProps.class;
-  const oldClassProp: string = oldProps.className || oldProps.class;
-  // map the classes to Maps for performance
-  const currentClasses = arrayToMap(classList);
-  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
-  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
-  const finalClassNames: string[] = [];
-  // loop through each of the current classes on the component
-  // to see if it should be a part of the classNames added
-  currentClasses.forEach((currentClass) => {
-    if (incomingPropClasses.has(currentClass)) {
-      // add it as its already included in classnames coming in from newProps
-      finalClassNames.push(currentClass);
-      incomingPropClasses.delete(currentClass);
-    } else if (!oldPropClasses.has(currentClass)) {
-      // add it as it has NOT been removed by user
-      finalClassNames.push(currentClass);
-    }
-  });
-  incomingPropClasses.forEach((s) => finalClassNames.push(s));
-  return finalClassNames.join(' ');
-};
-
-/**
- * Transforms a React event name to a browser event name.
- */
-export const transformReactEventName = (eventNameSuffix: string) => {
-  switch (eventNameSuffix) {
-    case 'doubleclick':
-      return 'dblclick';
-  }
-  return eventNameSuffix;
-};
-
-/**
- * Checks if an event is supported in the current execution environment.
- * @license Modernizr 3.0.0pre (Custom Build) | MIT
- */
-export const isCoveredByReact = (eventNameSuffix: string) => {
-  if (typeof document === 'undefined') {
-    return true;
-  } else {
-    const eventName = 'on' + transformReactEventName(eventNameSuffix);
-    let isSupported = eventName in document;
-
-    if (!isSupported) {
-      const element = document.createElement('div');
-      element.setAttribute(eventName, 'return;');
-      isSupported = typeof (element as any)[eventName] === 'function';
-    }
-
-    return isSupported;
-  }
-};
-
-export const syncEvent = (
-  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },
-  eventName: string,
-  newEventHandler?: (e: Event) => any
-) => {
-  const eventStore = node.__events || (node.__events = {});
-  const oldEventHandler = eventStore[eventName];
-
-  // Remove old listener so they don't double up.
-  if (oldEventHandler) {
-    node.removeEventListener(eventName, oldEventHandler);
-  }
-
-  // Bind new listener.
-  node.addEventListener(
-    eventName,
-    (eventStore[eventName] = function handler(e: Event) {
-      if (newEventHandler) {
-        newEventHandler.call(this, e);
-      }
-    })
-  );
-};
-
-const arrayToMap = (arr: string[] | DOMTokenList) => {
-  const map = new Map<string, string>();
-  (arr as string[]).forEach((s: string) => map.set(s, s));
-  return map;
-};

package/src/generated/react-component-lib/case.ts

@@ -1,7 +0,0 @@
-export const dashToPascalCase = (str: string) =>
-  str
-    .toLowerCase()
-    .split('-')
-    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
-    .join('');
-export const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);

package/src/generated/react-component-lib/createComponent.tsx

@@ -1,106 +0,0 @@
-import React, { createElement } from 'react';
-
-import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
-
-export interface HTMLStencilElement extends HTMLElement {
-  componentOnReady(): Promise<this>;
-}
-
-interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
-  forwardedRef: React.RefObject<ElementType>;
-  ref?: React.Ref<any>;
-}
-
-export const createReactComponent = <
-  PropType,
-  ElementType extends HTMLStencilElement,
-  ContextStateType = {},
-  ExpandedPropsTypes = {}
->(
-  tagName: string,
-  ReactComponentContext?: React.Context<ContextStateType>,
-  manipulatePropsFunction?: (
-    originalProps: StencilReactInternalProps<ElementType>,
-    propsToPass: any
-  ) => ExpandedPropsTypes,
-  defineCustomElement?: () => void
-) => {
-  if (defineCustomElement !== undefined) {
-    defineCustomElement();
-  }
-
-  const displayName = dashToPascalCase(tagName);
-  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {
-    componentEl!: ElementType;
-
-    setComponentElRef = (element: ElementType) => {
-      this.componentEl = element;
-    };
-
-    constructor(props: StencilReactInternalProps<ElementType>) {
-      super(props);
-    }
-
-    componentDidMount() {
-      this.componentDidUpdate(this.props);
-    }
-
-    componentDidUpdate(prevProps: StencilReactInternalProps<ElementType>) {
-      attachProps(this.componentEl, this.props, prevProps);
-    }
-
-    render() {
-      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
-
-      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {
-        const value = (cProps as any)[name];
-
-        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-          const eventName = name.substring(2).toLowerCase();
-          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
-            acc[name] = value;
-          }
-        } else {
-          // we should only render strings, booleans, and numbers as attrs in html.
-          // objects, functions, arrays etc get synced via properties on mount.
-          const type = typeof value;
-
-          if (type === 'string' || type === 'boolean' || type === 'number') {
-            acc[camelToDashCase(name)] = value;
-          }
-        }
-        return acc;
-      }, {} as ExpandedPropsTypes);
-
-      if (manipulatePropsFunction) {
-        propsToPass = manipulatePropsFunction(this.props, propsToPass);
-      }
-
-      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {
-        ...propsToPass,
-        ref: mergeRefs(forwardedRef, this.setComponentElRef),
-        style,
-      };
-
-      /**
-       * We use createElement here instead of
-       * React.createElement to work around a
-       * bug in Vite (https://github.com/vitejs/vite/issues/6104).
-       * React.createElement causes all elements to be rendered
-       * as <tagname> instead of the actual Web Component.
-       */
-      return createElement(tagName, newProps, children);
-    }
-
-    static get displayName() {
-      return displayName;
-    }
-  };
-
-  // If context was passed to createReactComponent then conditionally add it to the Component Class
-  if (ReactComponentContext) {
-    ReactComponent.contextType = ReactComponentContext;
-  }
-
-  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);
-};