@justeattakeaway/pie-webc-core 0.15.0 → 0.17.0

package/.turbo/turbo-build.log

@@ -3,5 +3,5 @@ transforming...
 ✓ 11 modules transformed.
 rendering chunks...
 computing gzip size...
-dist/index.js  2.23 kB │ gzip: 1.02 kB
-✓ built in 123ms
+dist/index.js  2.40 kB │ gzip: 1.09 kB
+✓ built in 333ms

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 0.17.0
+
+### Minor Changes
+
+- [Added] - new wrapNativeEvent function to standardise how we structure custom versions of native browser events such as 'change' ([#1173](https://github.com/justeattakeaway/pie/pull/1173)) by [@jamieomaguire](https://github.com/jamieomaguire)
+
+## 0.16.0
+
+### Minor Changes
+
+- [Removed] - unused LitElementMixin type as we do not need it anywhere ([#1145](https://github.com/justeattakeaway/pie/pull/1145)) by [@jamieomaguire](https://github.com/jamieomaguire)
+
+- [Changed] - Added `@justeattakeaway/pie-wrapper-react` as a devDependency as `build` now relies on the publish `add-react-wrapper` executable ([#1144](https://github.com/justeattakeaway/pie/pull/1144)) by [@siggerzz](https://github.com/siggerzz)
+
+- [Changed] - Use proper interface keyword for RTLmixin interface. Was using a class before which is incorrect. ([#1145](https://github.com/justeattakeaway/pie/pull/1145)) by [@jamieomaguire](https://github.com/jamieomaguire)
+
 ## 0.15.0
 
 ### Minor Changes

package/dist/index.js

@@ -1,5 +1,5 @@
-import { isServer as u } from "lit";
-const l = (e) => {
+import { isServer as l } from "lit";
+const a = (e) => {
   class t extends e {
     /**
      * A getter to determine whether the text direction is right-to-left (RTL).
@@ -11,11 +11,11 @@ const l = (e) => {
      * @returns {boolean} - Returns `true` if the text direction is RTL, otherwise `false`.
      */
     get isRTL() {
-      return this.dir ? this.dir === "rtl" : !u && !this.dir ? document.documentElement.getAttribute("dir") === "rtl" : !1;
+      return this.dir ? this.dir === "rtl" : !l && !this.dir ? document.documentElement.getAttribute("dir") === "rtl" : !1;
     }
   }
   return t;
-}, a = (e) => {
+}, d = (e) => {
   class t extends e {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     constructor(...i) {
@@ -53,13 +53,23 @@ const l = (e) => {
     configurable: !0
   });
 };
-function h(e, t) {
+function b(e, t) {
   customElements.get(e) ? console.warn(`PIE Web Component: "${e}" has already been defined. Please ensure the component is only being defined once in your application.`) : customElements.define(e, t);
 }
+function p(e) {
+  return new CustomEvent(e.type, {
+    detail: {
+      sourceEvent: e
+    },
+    bubbles: e.bubbles,
+    cancelable: e.cancelable
+  });
+}
 export {
-  a as FormControlMixin,
-  l as RtlMixin,
-  h as defineCustomElement,
+  d as FormControlMixin,
+  a as RtlMixin,
+  b as defineCustomElement,
   m as requiredProperty,
-  f as validPropertyValues
+  f as validPropertyValues,
+  p as wrapNativeEvent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justeattakeaway/pie-webc-core",
-  "version": "0.15.0",
+  "version": "0.17.0",
   "description": "PIE design system base classes, mixins and utilities for web components",
   "type": "module",
   "main": "dist/index.js",
@@ -20,7 +20,7 @@
     "lit": "3.1.0"
   },
   "devDependencies": {
-    "@justeattakeaway/pie-components-config": "0.7.0"
+    "@justeattakeaway/pie-components-config": "0.9.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/functions/index.ts

@@ -1 +1,2 @@
 export * from './defineCustomElement';
+export * from './wrapNativeEvent';

package/src/functions/wrapNativeEvent.ts

@@ -0,0 +1,14 @@
+/**
+ * Wraps the native event in a custom event. This is useful for native events that have `composed` set to `false`
+ * as these cannot propagate outside of the shadow DOM.
+ * @param event - The native event.
+ */
+export function wrapNativeEvent (event: Event) {
+    return new CustomEvent(event.type, {
+        detail: {
+            sourceEvent: event,
+        },
+        bubbles: event.bubbles,
+        cancelable: event.cancelable,
+    });
+}

package/src/mixins/formControl/formControlMixin.ts

@@ -36,7 +36,7 @@ export const FormControlMixin =
         /**
        * Class representing a LitElement that behaves like a native HTML form control element.
        * @extends {LitElement}
-       * @implements {_FormControlInterface}
+       * @implements {FormControlInterface}
        */
         class FormControlElement extends superClass implements FormControlInterface {
             static formAssociated = true;

package/src/mixins/index.ts

@@ -2,4 +2,3 @@ export * from './rtl/rtlMixin';
 export * from './formControl/formControlMixin';
 
 export * from './types/GenericConstructor';
-export * from './types/LitElementMixin';

package/src/mixins/rtl/rtlMixin.ts

@@ -6,7 +6,7 @@ import type { GenericConstructor } from '../types/GenericConstructor';
  * An interface representing the structure of RTL related class.
  * @interface
  */
-declare class _RTLInterface {
+export interface RTLInterface {
     /** A boolean indicating whether the text direction is right-to-left. */
     isRTL: boolean;
 }
@@ -18,7 +18,7 @@ declare class _RTLInterface {
  *
  * @function
  * @param {GenericConstructor<LitElement>} superClass - The LitElement class to extend with RTL functionality.
- * @returns {GenericConstructor<_RTLInterface> & T} - A new class extending both LitElement and _RTLInterface.
+ * @returns {GenericConstructor<RTLInterface> & T} - A new class extending both LitElement and RTLInterface.
  *
  * @example
  * ```typescript
@@ -61,9 +61,9 @@ export const RtlMixin =
         /**
        * Class representing a LitElement with RTL handling.
        * @extends {LitElement}
-       * @implements {_RTLInterface}
+       * @implements {RTLInterface}
        */
-        class RTLElement extends superClass implements _RTLInterface {
+        class RTLElement extends superClass implements RTLInterface {
             /**
              * A getter to determine whether the text direction is right-to-left (RTL).
              * If the `dir` property is present on the component, it will be used to determine the text direction.
@@ -87,5 +87,5 @@ export const RtlMixin =
             }
         }
 
-        return RTLElement as GenericConstructor<_RTLInterface> & T;
+        return RTLElement as GenericConstructor<RTLInterface> & T;
     };

package/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../../configs/pie-components-config/tsconfig.json",
+  "extends": "@justeattakeaway/pie-components-config/tsconfig.json",
   "compilerOptions": {
     "baseUrl": ".",
     "rootDir": ".",