chore(mixin): import carbon-components mixin (carbon-design-system#…

…10400)

* chore(mixin): import carbon-component into package

* chore(deps): bump package version to beta.2

web-components/packages/carbon-web-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/web-components",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.2",
   "publishConfig": {
     "access": "public"
   },

web-components/packages/carbon-web-components/src/components/date-picker/fix-events-plugin.ts

@@ -9,7 +9,7 @@
 
 import { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance';
 import { Plugin } from 'flatpickr/dist/types/options';
-import on from 'carbon-components/es/globals/js/misc/on';
+import on from '../../globals/mixins/on';
 import Handle from '../../globals/internal/handle';
 import CDSDatePickerInput from './date-picker-input';
 

web-components/packages/carbon-web-components/src/components/date-picker/focus-plugin.ts

@@ -9,7 +9,7 @@
 
 import { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance';
 import { Plugin } from 'flatpickr/dist/types/options';
-import on from 'carbon-components/es/globals/js/misc/on';
+import on from '../../globals/mixins/on';
 import Handle from '../../globals/internal/handle';
 import CDSDatePickerInput from './date-picker-input';
 

web-components/packages/carbon-web-components/src/components/date-picker/shadow-dom-events-plugin.ts

@@ -9,7 +9,7 @@
 
 import { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance';
 import { Plugin } from 'flatpickr/dist/types/options';
-import on from 'carbon-components/es/globals/js/misc/on';
+import on from '../../globals/mixins/on';
 import Handle from '../../globals/internal/handle';
 import { find } from '../../globals/internal/collection-helpers';
 

web-components/packages/carbon-web-components/src/components/ui-shell/side-nav.ts

@@ -9,7 +9,7 @@
 
 import { LitElement, html } from 'lit';
 import { property, customElement } from 'lit/decorators.js';
-import on from 'carbon-components/es/globals/js/misc/on';
+import on from '../../globals/mixins/on';
 import { prefix } from '../../globals/settings';
 import HostListenerMixin from '../../globals/mixins/host-listener';
 import HostListener from '../../globals/decorators/host-listener';

web-components/packages/carbon-web-components/src/globals/mixins/form.ts

@@ -1,13 +1,13 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import on from 'carbon-components/es/globals/js/misc/on';
+import on from './on';
 import Handle from '../internal/handle';
 
 /**

web-components/packages/carbon-web-components/src/globals/mixins/host-listener.ts

@@ -1,13 +1,13 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import on from 'carbon-components/es/globals/js/misc/on';
+import on from './on';
 import Handle from '../internal/handle';
 
 /**

web-components/packages/carbon-web-components/src/globals/mixins/on.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export default function on(element: any, ...args: any) {
+  element.addEventListener(...args);
+  return {
+    release() {
+      element.removeEventListener(...args);
+      return null;
+    },
+  };
+}

web-components/packages/carbon-web-components/src/globals/wrappers/createReactCustomElementType.ts

@@ -8,7 +8,7 @@
  */
 
 import React, { Component, createElement, forwardRef } from 'react';
-import on from 'carbon-components/es/globals/js/misc/on';
+import on from '../mixins/on';
 import Handle from '../internal/handle';
 
 /**

web-components/packages/carbon-web-components/tests/utils/event-manager.ts

@@ -1,13 +1,13 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2019, 2022
+ * Copyright IBM Corp. 2019, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import on from 'carbon-components/es/globals/js/misc/on';
+import on from '../../src/globals/mixins/on';
 import Handle from '../../src/globals/internal/handle';
 
 interface CustomEventListener {