@justeattakeaway/pie-webc-core 0.16.0 → 0.17.1

package/.turbo/turbo-build.log

@@ -1,7 +1,7 @@
 vite v4.3.9 building for production...
 transforming...
-✓ 10 modules transformed.
+✓ 11 modules transformed.
 rendering chunks...
 computing gzip size...
-dist/index.js  2.23 kB │ gzip: 1.02 kB
-✓ built in 333ms
+dist/index.js  2.40 kB │ gzip: 1.09 kB
+✓ built in 198ms

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.17.1
+
+### Patch Changes
+
+- [Changed] - Updated Lit to 3.1.1 ([#1178](https://github.com/justeattakeaway/pie/pull/1178)) by [@renovate](https://github.com/apps/renovate)
+
+## 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

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.16.0",
+  "version": "0.17.1",
   "description": "PIE design system base classes, mixins and utilities for web components",
   "type": "module",
   "main": "dist/index.js",
@@ -17,10 +17,10 @@
     "test:watch": "run -T vitest"
   },
   "dependencies": {
-    "lit": "3.1.0"
+    "lit": "3.1.1"
   },
   "devDependencies": {
-    "@justeattakeaway/pie-components-config": "0.8.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/tsconfig.json

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