@justeattakeaway/pie-webc-core 0.17.1 → 0.18.0

package/.turbo/turbo-build.log

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

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.18.0
+
+### Minor Changes
+
+- [Added] - PIEInputElement interface ([#1257](https://github.com/justeattakeaway/pie/pull/1257)) by [@fernandofranca](https://github.com/fernandofranca)
+
 ## 0.17.1
 
 ### Patch Changes

package/dist/index.js

@@ -1,32 +1,5 @@
 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).
-     * If the `dir` property is present on the component, it will be used to determine the text direction.
-     * If running on the client-side (not SSR) and the `dir` property is not present, the text direction will be inferred
-     * from the document's root element. This inference is not available during SSR.
-     * In all other cases, it will return `false`, indicating a left-to-right (LTR) text direction.
-     *
-     * @returns {boolean} - Returns `true` if the text direction is RTL, otherwise `false`.
-     */
-    get isRTL() {
-      return this.dir ? this.dir === "rtl" : !l && !this.dir ? document.documentElement.getAttribute("dir") === "rtl" : !1;
-    }
-  }
-  return t;
-}, d = (e) => {
-  class t extends e {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    constructor(...i) {
-      super(...i), this._internals = this.attachInternals();
-    }
-    get form() {
-      return this._internals.form;
-    }
-  }
-  return t.formAssociated = !0, t;
-}, f = (e, t, n) => function(o, r) {
+const a = (e, t, n) => function(o, r) {
   const s = `#${r}`;
   Object.defineProperty(o, r, {
     get() {
@@ -41,7 +14,7 @@ const a = (e) => {
     },
     configurable: !0
   });
-}, m = (e) => function(n, i) {
+}, d = (e) => function(n, i) {
   const o = `#${i}`;
   Object.defineProperty(n, i, {
     get() {
@@ -53,10 +26,10 @@ const a = (e) => {
     configurable: !0
   });
 };
-function b(e, t) {
+function f(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) {
+function m(e) {
   return new CustomEvent(e.type, {
     detail: {
       sourceEvent: e
@@ -65,11 +38,39 @@ function p(e) {
     cancelable: e.cancelable
   });
 }
+const b = (e) => {
+  class t extends e {
+    /**
+     * 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.
+     * If running on the client-side (not SSR) and the `dir` property is not present, the text direction will be inferred
+     * from the document's root element. This inference is not available during SSR.
+     * In all other cases, it will return `false`, indicating a left-to-right (LTR) text direction.
+     *
+     * @returns {boolean} - Returns `true` if the text direction is RTL, otherwise `false`.
+     */
+    get isRTL() {
+      return this.dir ? this.dir === "rtl" : !l && !this.dir ? document.documentElement.getAttribute("dir") === "rtl" : !1;
+    }
+  }
+  return t;
+}, p = (e) => {
+  class t extends e {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    constructor(...i) {
+      super(...i), this._internals = this.attachInternals();
+    }
+    get form() {
+      return this._internals.form;
+    }
+  }
+  return t.formAssociated = !0, t;
+};
 export {
-  d as FormControlMixin,
-  a as RtlMixin,
-  b as defineCustomElement,
-  m as requiredProperty,
-  f as validPropertyValues,
-  p as wrapNativeEvent
+  p as FormControlMixin,
+  b as RtlMixin,
+  f as defineCustomElement,
+  d as requiredProperty,
+  a as validPropertyValues,
+  m as wrapNativeEvent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justeattakeaway/pie-webc-core",
-  "version": "0.17.1",
+  "version": "0.18.0",
   "description": "PIE design system base classes, mixins and utilities for web components",
   "type": "module",
   "main": "dist/index.js",
@@ -10,7 +10,7 @@
     "build": "run -T vite build",
     "lint:scripts": "run -T eslint .",
     "lint:scripts:fix": "run -T eslint . --fix",
-    "test": "run -T vitest run",
+    "test": "run -T vitest run --config ../../../vite.config.js",
     "test:ci": "yarn test",
     "test:browsers": "npx playwright test -c ./playwright-lit.config.ts",
     "test:browsers:ci": "yarn test:browsers",
@@ -20,7 +20,7 @@
     "lit": "3.1.1"
   },
   "devDependencies": {
-    "@justeattakeaway/pie-components-config": "0.9.0"
+    "@justeattakeaway/pie-components-config": "0.11.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/index.ts

@@ -1,3 +1,4 @@
-export * from './mixins';
 export * from './decorators';
 export * from './functions';
+export * from './interfaces';
+export * from './mixins';

package/src/interfaces/index.ts

@@ -0,0 +1 @@
+export * from './pie-input-element';

package/src/interfaces/pie-input-element.ts

@@ -0,0 +1,3 @@
+export interface PIEInputElement {
+  focusTarget: HTMLElement;
+}

package/vite.config.js

@@ -13,7 +13,13 @@ export default defineConfig({
         },
     },
     test: {
+        dir: '.',
         environment: 'jsdom',
-        exclude: ['**/*.browser.spec.ts'],
+        globals: true,
+        exclude: [
+            '**/test/{accessibility,component,system,visual}/*.spec.{js,ts}',
+            '**/test/mixins/**/*.browser.spec.{js,ts}',
+            '**/node_modules/**/*'
+        ],
     },
 });