@justeattakeaway/pie-modal 0.1.1

package/.turbo/turbo-build.log

@@ -0,0 +1,11 @@
+vite v4.2.1 building for production...
+transforming...
+✓ 1 modules transformed.
+rendering chunks...
+computing gzip size...
+dist/index.js  0.63 kB │ gzip: 0.40 kB
+
+[vite:dts] Start generate declaration files...
+✓ built in 24.45s
+[vite:dts] Declaration files built in 23862ms.
+

package/CHANGELOG.md

@@ -0,0 +1,11 @@
+# @justeattakeaway/pie-modal
+
+## 0.1.1
+
+### Patch Changes
+
+- [Added] - PieModal component shell ([#439](https://github.com/justeattakeaway/pie/pull/439)) by [@fernandofranca](https://github.com/fernandofranca)
+
+  [Added] - README and LICENSE files
+  [Added] - Initial TypeScript and Vite config
+  [Added] - `declaration.d.ts` file for TypeScript

package/LICENSE

@@ -0,0 +1,17 @@
+Apache License
+Version 2.0, January 2004
+http://www.apache.org/licenses/
+
+Copyright (c) Just Eat Takeaway.com
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/README.md

@@ -0,0 +1,31 @@
+<p align="center">
+  <img align="center" src="../../../readme_image.png" height="200" alt="">
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/@justeattakeaway/pie-modal">
+    <img alt="GitHub Workflow Status" src="https://img.shields.io/npm/v/@justeattakeaway/pie-modal.svg">
+  </a>
+</p>
+
+# pie-modal
+
+This modal is a Web Component built using Lit.
+
+## Local development
+
+Install dependencies at the root
+```
+yarn
+```
+
+Navigate to this folder, compile with TypeScript and build with Vite
+```
+cd packages/components/pie-modal
+yarn build
+```
+
+Compile and watch for changes (auto-compiles `dist` on save)
+```
+yarn watch
+```

package/declaration.d.ts

@@ -0,0 +1,9 @@
+declare module '*.scss' {
+    const content: Record<string, string>;
+    export default content;
+}
+
+declare module '*.scss?inline' {
+    const content: Record<string, string>;
+    export default content;
+}

package/dist/index.js

@@ -0,0 +1,22 @@
+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;
+};
+let m = class extends p {
+  // eslint-disable-next-line class-methods-use-this
+  render() {
+    return v`
+            <div>This is the Pie Modal
+                <slot></slot>
+            </div>`;
+  }
+};
+m = _([
+  f("pie-modal")
+], m);
+export {
+  m as PieModal
+};

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './src/index'

package/dist/types/src/index.d.ts

@@ -0,0 +1,10 @@
+import { LitElement } from 'lit';
+export declare class PieModal extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pie-modal': PieModal;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,qBACa,QAAS,SAAQ,UAAU;IAEpC,MAAM;CAMT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;CACJ"}

package/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "@justeattakeaway/pie-modal",
+  "version": "0.1.1",
+  "description": "PIE design system modal built using web components",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "scripts": {
+    "build": "run -T vite build",
+    "watch": "run -T vite build --watch",
+    "test": "echo \"Error: no test specified\" && exit 0"
+  },
+  "author": "JustEatTakeaway - Design System Web Team",
+  "license": "Apache-2.0",
+  "volta": {
+    "extends": "../../../package.json"
+  }
+}

package/src/index.ts

@@ -0,0 +1,19 @@
+import { LitElement, html } from 'lit'; // eslint-disable-line import/no-extraneous-dependencies
+import { customElement } from 'lit/decorators.js'; // eslint-disable-line import/no-extraneous-dependencies
+
+@customElement('pie-modal')
+export class PieModal extends LitElement {
+    // eslint-disable-next-line class-methods-use-this
+    render () {
+        return html`
+            <div>This is the Pie Modal
+                <slot></slot>
+            </div>`;
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'pie-modal': PieModal;
+    }
+}

package/tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+      "target": "ES6",
+      "module": "ES2022",
+      "lib": ["es2020", "DOM", "DOM.Iterable"],
+      "declaration": true,
+      "declarationMap": true,
+      "sourceMap": true,
+      "inlineSources": true,
+      "outDir": "./compiled",
+      "baseUrl": ".",
+      "paths": {
+        "@/*": ["./src/*"]
+      },
+      "rootDir": ".",
+      "strict": true,
+      "noUnusedLocals": true,
+      "noUnusedParameters": true,
+      "noImplicitReturns": true,
+      "noFallthroughCasesInSwitch": true,
+      "noImplicitAny": true,
+      "noImplicitThis": true,
+      "moduleResolution": "node",
+      "allowSyntheticDefaultImports": true,
+      "experimentalDecorators": true,
+      "forceConsistentCasingInFileNames": true
+  },
+  "include": ["src/**/*.ts","./declaration.d.ts", "test/**/*.ts"],
+  "exclude": []
+}

package/vite.config.js

@@ -0,0 +1,21 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    build: {
+        lib: {
+            entry: 'src/index.ts',
+            fileName: 'index',
+            formats: ['es'],
+        },
+        rollupOptions: {
+            external: /^lit/,
+        },
+    },
+    plugins: [dts({
+        insertTypesEntry: true,
+        outputDir: 'dist/types',
+    })],
+});