@justeattakeaway/pie-modal 0.1.1 → 0.3.0

package/.turbo/turbo-build.log

@@ -1,11 +1,14 @@
+[11:03:18 AM] @custom-elements-manifest/analyzer: Created new manifest.
+react wrapper has been added!
 vite v4.2.1 building for production...
 transforming...
-✓ 1 modules transformed.
+✓ 17 modules transformed.
 rendering chunks...
 computing gzip size...
-dist/index.js  0.63 kB │ gzip: 0.40 kB
+dist/index.js   1.46 kB │ gzip:  0.76 kB
+dist/react.js  59.09 kB │ gzip: 15.93 kB
 
 [vite:dts] Start generate declaration files...
-✓ built in 24.45s
-[vite:dts] Declaration files built in 23862ms.
+✓ built in 35.44s
+[vite:dts] Declaration files built in 33629ms.
 

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @justeattakeaway/pie-modal
 
+## 0.3.0
+
+### Minor Changes
+
+- [Changed] - Build script to include generating react wrapper ([#426](https://github.com/justeattakeaway/pie/pull/426)) by [@LTurns](https://github.com/LTurns)
+
+### Patch Changes
+
+- [Added] - Missing `test:ci` scripts to package.json ([#492](https://github.com/justeattakeaway/pie/pull/492)) by [@siggerzz](https://github.com/siggerzz)
+
+- [Updated] - components to use the shared configurations ([#487](https://github.com/justeattakeaway/pie/pull/487)) by [@fernandofranca](https://github.com/fernandofranca)
+
+- Updated dependencies [[`090354733`](https://github.com/justeattakeaway/pie/commit/090354733f24f0aa52ce287db7f8d13648414150)]:
+  - @justeattakeaway/pie-webc-core@0.2.0
+
+## 0.2.0
+
+### Minor Changes
+
+- [Changed] - use RTL mixin on component ([#478](https://github.com/justeattakeaway/pie/pull/478)) by [@jamieomaguire](https://github.com/jamieomaguire)
+
+### Patch Changes
+
+- Updated dependencies [[`1f79d9d1a`](https://github.com/justeattakeaway/pie/commit/1f79d9d1a6fe9160b244e82d956290136b87187b)]:
+  - @justeattakeaway/pie-webc-core@0.1.0
+
 ## 0.1.1
 
 ### Patch Changes

package/README.md

@@ -29,3 +29,13 @@ Compile and watch for changes (auto-compiles `dist` on save)
 ```
 yarn watch
 ```
+
+### Importing the component
+
+```javascript
+// default
+import { PieModal } from '@justeattakeaway/pie-button';
+
+// react
+import { PieModal } from '@justeattakeaway/pie-button/dist/react';
+```

package/dist/index.js

@@ -1,22 +1,43 @@
-import { LitElement as p, html as v } from "lit";
-import { customElement as f } from "lit/decorators.js";
-var n = Object.defineProperty, P = Object.getOwnPropertyDescriptor, _ = (i, r, l, t) => {
-  for (var e = t > 1 ? void 0 : t ? P(r, l) : r, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (e = (t ? s(r, l, e) : s(e)) || e);
-  return t && e && n(r, l, e), e;
+import { html as n, LitElement as p } from "lit";
+import { property as d } from "lit/decorators/property.js";
+var u = Object.defineProperty, f = Object.getOwnPropertyDescriptor, m = (i, e, s, t) => {
+  for (var r = t > 1 ? void 0 : t ? f(e, s) : e, o = i.length - 1, l; o >= 0; o--)
+    (l = i[o]) && (r = (t ? l(e, s, r) : l(r)) || r);
+  return t && r && u(e, s, r), r;
 };
-let m = class extends p {
+const a = (i) => {
+  class e extends i {
+    constructor() {
+      super(...arguments), this.dir = "";
+    }
+    /**
+     * Returns true if the element is in Right to Left mode.
+     * If a dir attribute is not explicitly set on the web component
+     * then it falls back to the nearest parent with a dir attribute set.
+     *
+     * A dir attribute being set will result in a reactive property.
+     * If the component falls back to a parent dir attribute then the value
+     * will not be reactive and is only computed once
+     */
+    get isRTL() {
+      var t;
+      return this.dir === "ltr" ? !1 : this.dir === "rtl" || ((t = window == null ? void 0 : window.getComputedStyle(this)) == null ? void 0 : t.direction) === "rtl";
+    }
+  }
+  return m([
+    d({ type: String })
+  ], e.prototype, "dir", 2), e;
+};
+class c extends a(p) {
   // eslint-disable-next-line class-methods-use-this
   render() {
-    return v`
+    return n`
             <div>This is the Pie Modal
                 <slot></slot>
             </div>`;
   }
-};
-m = _([
-  f("pie-modal")
-], m);
+}
+customElements.define("pie-modal", c);
 export {
-  m as PieModal
+  c as PieModal
 };