@justeattakeaway/pie-list 0.0.0 → 0.0.2

package/custom-elements.json

@@ -55,6 +55,45 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/pie-list-item/defs-react.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/pie-list-item/defs.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/pie-list-item/index.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "PieListItem",
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "pie-list-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PieListItem",
+          "declaration": {
+            "name": "PieListItem",
+            "module": "src/pie-list-item/index.js"
+          }
+        }
+      ]
     }
   ]
 }

package/dist/defs.d.ts

@@ -0,0 +1,3 @@
+export interface ListProps {
+}
+//# sourceMappingURL=defs.d.ts.map

package/dist/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../src/defs.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS;CAAG"}

package/dist/index.d.ts

@@ -1,20 +1,18 @@
-import type { CSSResult } from 'lit';
-import type { GenericConstructor } from '@justeattakeaway/pie-webc-core';
-import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
-import type { RTLInterface } from '@justeattakeaway/pie-webc-core';
-import type { TemplateResult } from 'lit-html';
-
-export declare interface ListProps {
-}
-
-/**
- * @tagname pie-list
- */
-export declare class PieList extends PieList_base implements ListProps {
-    render(): TemplateResult<1>;
-    static styles: CSSResult;
-}
-
-declare const PieList_base: GenericConstructor<RTLInterface> & typeof PieElement;
-
-export { }
+import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
+import { type ListProps } from './defs';
+export * from './defs';
+declare const componentSelector = "pie-list";
+declare const PieList_base: import("@justeattakeaway/pie-webc-core").GenericConstructor<import("@justeattakeaway/pie-webc-core").RTLInterface> & typeof PieElement;
+/**
+ * @tagname pie-list
+ */
+export declare class PieList extends PieList_base implements ListProps {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: PieList;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAIrF,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,cAAc,QAAQ,CAAC;AAEvB,QAAA,MAAM,iBAAiB,aAAa,CAAC;;AAErC;;GAEG;AACH,qBACa,OAAQ,SAAQ,YAAqB,YAAW,SAAS;IAClE,MAAM;IAKN,MAAM,CAAC,MAAM,0BAAqB;CACrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAChC;CACJ"}

package/dist/index.js

@@ -1,27 +1,27 @@
-import { LitElement as f, html as m, unsafeCSS as a } from "lit";
-import { property as c } from "lit/decorators.js";
-import { RtlMixin as d, defineCustomElement as u } from "@justeattakeaway/pie-webc-core";
-var h = Object.defineProperty, v = (t, o, i, S) => {
-  for (var e = void 0, r = t.length - 1, l; r >= 0; r--)
-    (l = t[r]) && (e = l(o, i, e) || e);
-  return e && h(o, i, e), e;
-};
-class p extends f {
-  constructor() {
-    super(...arguments), this.v = "0.0.0";
+import { LitElement as p, html as v, unsafeCSS as h } from "lit";
+import { RtlMixin as u, safeCustomElement as c } from "@justeattakeaway/pie-webc-core";
+const e = class e extends p {
+  willUpdate() {
+    this.getAttribute("v") || this.setAttribute("v", e.v);
   }
-}
-v([
-  c({ type: String, reflect: !0 })
-], p.prototype, "v");
-const x = "*,*:after,*:before{box-sizing:inherit}", y = "pie-list", n = class n extends d(p) {
+};
+e.v = "0.0.2";
+let r = e;
+const d = "*,*:after,*:before{box-sizing:inherit}";
+var m = Object.getOwnPropertyDescriptor, b = (l, o, f, a) => {
+  for (var t = a > 1 ? void 0 : a ? m(o, f) : o, s = l.length - 1, n; s >= 0; s--)
+    (n = l[s]) && (t = n(t) || t);
+  return t;
+};
+let i = class extends u(r) {
   render() {
-    return m`<h1 data-test-id="pie-list">Hello world!</h1>`;
+    return v`<h1 data-test-id="pie-list">Hello world!</h1>`;
   }
 };
-n.styles = a(x);
-let s = n;
-u(y, s);
+i.styles = h(d);
+i = b([
+  c("pie-list")
+], i);
 export {
-  s as PieList
+  i as PieList
 };

package/dist/pie-list-item/defs.d.ts

@@ -0,0 +1,3 @@
+export interface ListItemProps {
+}
+//# sourceMappingURL=defs.d.ts.map

package/dist/pie-list-item/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/pie-list-item/defs.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;CAAG"}

package/dist/pie-list-item/index.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+import { type ListItemProps } from './defs';
+declare const componentSelector = "pie-list-item";
+/**
+ * @tagname pie-list-item
+ */
+export declare class PieListItem extends LitElement implements ListItemProps {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: PieListItem;
+    }
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/pie-list-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pie-list-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C,QAAA,MAAM,iBAAiB,kBAAkB,CAAC;AAE1C;;GAEG;AACH,qBACa,WAAY,SAAQ,UAAW,YAAW,aAAa;CAEnE;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;KACpC;CACJ"}

package/dist/pie-list-item/index.js

@@ -0,0 +1,16 @@
+import { LitElement as p } from "lit";
+import { safeCustomElement as n } from "@justeattakeaway/pie-webc-core";
+var a = Object.getOwnPropertyDescriptor, f = (r, s, o, m) => {
+  for (var e = m > 1 ? void 0 : m ? a(s, o) : s, t = r.length - 1, i; t >= 0; t--)
+    (i = r[t]) && (e = i(e) || e);
+  return e;
+};
+let l = class extends p {
+  // component logic
+};
+l = f([
+  n("pie-list-item")
+], l);
+export {
+  l as PieListItem
+};

package/dist/pie-list-item/react.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { PieListItem as PieListItemLit } from './index';
+import { type ListItemProps } from './defs';
+export * from './defs';
+type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+export declare const PieListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<PieListItemLit> & ReactBaseType>;
+//# sourceMappingURL=react.d.ts.map

package/dist/pie-list-item/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/pie-list-item/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C,cAAc,QAAQ,CAAC;AAUvB,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEtD,eAAO,MAAM,WAAW,sGACkC,CAAC"}

package/dist/pie-list-item/react.js

@@ -0,0 +1,13 @@
+import * as e from "react";
+import { createComponent as t } from "@lit/react";
+import { PieListItem as i } from "./index.js";
+const m = t({
+  displayName: "PieListItem",
+  elementClass: i,
+  react: e,
+  tagName: "pie-list-item",
+  events: {}
+}), o = m;
+export {
+  o as PieListItem
+};

package/dist/react.d.ts

@@ -1,25 +1,7 @@
-import type { CSSResult } from 'lit';
-import type { GenericConstructor } from '@justeattakeaway/pie-webc-core';
-import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
-import * as React_2 from 'react';
-import type { RTLInterface } from '@justeattakeaway/pie-webc-core';
-import type { TemplateResult } from 'lit-html';
-
-export declare interface ListProps {
-}
-
-export declare const PieList: React_2.ForwardRefExoticComponent<ListProps & React_2.RefAttributes<PieList_2> & ReactBaseType>;
-
-/**
- * @tagname pie-list
- */
-declare class PieList_2 extends PieList_base implements ListProps {
-    render(): TemplateResult<1>;
-    static styles: CSSResult;
-}
-
-declare const PieList_base: GenericConstructor<RTLInterface> & typeof PieElement;
-
-declare type ReactBaseType = React_2.HTMLAttributes<HTMLElement>;
-
-export { }
+import * as React from 'react';
+import { PieList as PieListLit } from './index';
+import { type ListProps } from './defs';
+export * from './defs';
+type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+export declare const PieList: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<PieListLit> & ReactBaseType>;
+//# sourceMappingURL=react.d.ts.map

package/dist/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,cAAc,QAAQ,CAAC;AAUvB,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEtD,eAAO,MAAM,OAAO,8FACkC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-list",
   "description": "PIE Design System List built using Web Components",
-  "version": "0.0.0",
+  "version": "0.0.2",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -33,13 +33,13 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
-    "@justeattakeaway/pie-components-config": "0.20.0",
+    "@justeattakeaway/pie-components-config": "0.20.1",
     "@justeattakeaway/pie-css": "0.16.0",
-    "@justeattakeaway/pie-monorepo-utils": "0.5.0",
+    "@justeattakeaway/pie-monorepo-utils": "0.5.1",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "0.25.1"
+    "@justeattakeaway/pie-webc-core": "1.0.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/index.ts

@@ -1,6 +1,6 @@
 import { html, unsafeCSS } from 'lit';
 import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
-import { RtlMixin, defineCustomElement } from '@justeattakeaway/pie-webc-core';
+import { RtlMixin, safeCustomElement } from '@justeattakeaway/pie-webc-core';
 
 import styles from './list.scss?inline';
 import { type ListProps } from './defs';
@@ -13,6 +13,7 @@ const componentSelector = 'pie-list';
 /**
  * @tagname pie-list
  */
+@safeCustomElement('pie-list')
 export class PieList extends RtlMixin(PieElement) implements ListProps {
     render () {
         return html`<h1 data-test-id="pie-list">Hello world!</h1>`;
@@ -22,8 +23,6 @@ export class PieList extends RtlMixin(PieElement) implements ListProps {
     static styles = unsafeCSS(styles);
 }
 
-defineCustomElement(componentSelector, PieList);
-
 declare global {
     interface HTMLElementTagNameMap {
         [componentSelector]: PieList;

package/src/pie-list-item/defs-react.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+
+export type ReactBaseType = React.HTMLAttributes<HTMLElement>

package/src/pie-list-item/defs.ts

@@ -0,0 +1,3 @@
+// TODO - please remove the eslint disable comment below when you add props to this interface
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface ListItemProps {}

package/src/pie-list-item/index.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+import { safeCustomElement } from '@justeattakeaway/pie-webc-core';
+import { type ListItemProps } from './defs';
+
+const componentSelector = 'pie-list-item';
+
+/**
+ * @tagname pie-list-item
+ */
+@safeCustomElement('pie-list-item')
+export class PieListItem extends LitElement implements ListItemProps {
+    // component logic
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: PieListItem;
+    }
+}

package/src/pie-list-item/list-item.scss

@@ -0,0 +1 @@
+@use '@justeattakeaway/pie-css/scss' as p;

package/src/pie-list-item/react.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { PieListItem as PieListItemLit } from './index';
+import { type ListItemProps } from './defs';
+
+export * from './defs';
+
+const PieListItemReact = createComponent({
+    displayName: 'PieListItem',
+    elementClass: PieListItemLit,
+    react: React,
+    tagName: 'pie-list-item',
+    events: {},
+});
+
+type ReactBaseType = React.HTMLAttributes<HTMLElement>
+
+export const PieListItem = PieListItemReact as React.ForwardRefExoticComponent<React.PropsWithoutRef<ListItemProps>
+    & React.RefAttributes<PieListItemLit> & ReactBaseType>;