@justeattakeaway/pie-checkbox 0.3.0 → 0.3.1

package/custom-elements.json

@@ -11,8 +11,26 @@
     {
       "kind": "javascript-module",
       "path": "src/defs.js",
-      "declarations": [],
-      "exports": []
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "defaultProps",
+          "type": {
+            "text": "DefaultProps"
+          },
+          "default": "{\n    required: false,\n    indeterminate: false,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "defaultProps",
+          "declaration": {
+            "name": "defaultProps",
+            "module": "src/defs.js"
+          }
+        }
+      ]
     },
     {
       "kind": "javascript-module",
@@ -91,7 +109,6 @@
                 "text": "CheckboxProps['required'] | undefined"
               },
               "privacy": "public",
-              "default": "false",
               "attribute": "required",
               "reflects": true
             },
@@ -102,7 +119,6 @@
                 "text": "CheckboxProps['indeterminate'] | undefined"
               },
               "privacy": "public",
-              "default": "false",
               "attribute": "indeterminate"
             },
             {
@@ -189,7 +205,6 @@
               "type": {
                 "text": "CheckboxProps['required'] | undefined"
               },
-              "default": "false",
               "fieldName": "required"
             },
             {
@@ -197,7 +212,6 @@
               "type": {
                 "text": "CheckboxProps['indeterminate'] | undefined"
               },
-              "default": "false",
               "fieldName": "indeterminate"
             },
             {

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { ComponentDefaultPropsGeneric } from '@justeattakeaway/pie-webc-core';
 import type { CSSResult } from 'lit';
 import type { GenericConstructor } from '@justeattakeaway/pie-webc-core';
 import type { LitElement } from 'lit';
@@ -46,6 +47,10 @@ export declare interface CheckboxProps {
     aria?: AriaProps;
 }
 
+export declare type DefaultProps = ComponentDefaultPropsGeneric<CheckboxProps, 'required' | 'indeterminate'>;
+
+export declare const defaultProps: DefaultProps;
+
 /**
  * @tagname pie-checkbox
  * @slot - Default slot (checkbox label)

package/dist/index.js

@@ -1,19 +1,22 @@
-import { LitElement as b, html as u, nothing as c, unsafeCSS as m } from "lit";
-import { RtlMixin as f, wrapNativeEvent as v, defineCustomElement as g } from "@justeattakeaway/pie-webc-core";
-import { property as i, query as $ } from "lit/decorators.js";
+import { LitElement as y, html as m, nothing as d, unsafeCSS as f } from "lit";
+import { RtlMixin as v, wrapNativeEvent as g, defineCustomElement as $ } from "@justeattakeaway/pie-webc-core";
+import { property as n, query as x } from "lit/decorators.js";
 import { ifDefined as h } from "lit/directives/if-defined.js";
-const x = `*,*:after,*:before{box-sizing:inherit}
-`;
-var C = Object.defineProperty, O = Object.getOwnPropertyDescriptor, r = (d, n, p, l) => {
-  for (var t = l > 1 ? void 0 : l ? O(n, p) : n, a = d.length - 1, s; a >= 0; a--)
-    (s = d[a]) && (t = (l ? s(n, p, t) : s(t)) || t);
-  return l && t && C(n, p, t), t;
+const q = `*,*:after,*:before{box-sizing:inherit}
+`, b = {
+  required: !1,
+  indeterminate: !1
 };
-const S = "pie-checkbox";
-class e extends f(b) {
+var C = Object.defineProperty, O = Object.getOwnPropertyDescriptor, o = (c, i, p, a) => {
+  for (var t = a > 1 ? void 0 : a ? O(i, p) : i, l = c.length - 1, s; l >= 0; l--)
+    (s = c[l]) && (t = (a ? s(i, p, t) : s(t)) || t);
+  return a && t && C(i, p, t), t;
+};
+const P = "pie-checkbox";
+class e extends v(y) {
   constructor() {
-    super(...arguments), this.required = !1, this.indeterminate = !1, this.handleChange = (n) => {
-      const p = v(n);
+    super(...arguments), this.required = b.required, this.indeterminate = b.indeterminate, this.handleChange = (i) => {
+      const p = g(i);
       this.dispatchEvent(p);
     };
   }
@@ -26,28 +29,28 @@ class e extends f(b) {
   }
   render() {
     const {
-      checked: n,
+      checked: i,
       value: p,
-      name: l,
+      name: a,
       label: t,
-      disabled: a,
+      disabled: l,
       required: s,
-      indeterminate: y,
-      aria: o
+      indeterminate: u,
+      aria: r
     } = this;
-    return u`
+    return m`
         <label>
             <input
                 type="checkbox"
-                ?checked=${h(n)}
+                ?checked=${h(i)}
                 .value=${h(p)}
-                name=${h(l)}
-                ?disabled=${a}
+                name=${h(a)}
+                ?disabled=${l}
                 ?required=${s}
-                .indeterminate=${y}
-                aria-label=${(o == null ? void 0 : o.label) || c}
-                aria-labelledby=${t ? c : (o == null ? void 0 : o.labelledby) || c}
-                aria-describedby= ${(o == null ? void 0 : o.describedby) || c}
+                .indeterminate=${u}
+                aria-label=${(r == null ? void 0 : r.label) || d}
+                aria-labelledby=${t ? d : (r == null ? void 0 : r.labelledby) || d}
+                aria-describedby= ${(r == null ? void 0 : r.describedby) || d}
                 @change=${this.handleChange}
                 data-test-id="pie-checkbox"
             />
@@ -55,36 +58,37 @@ class e extends f(b) {
         </label>`;
   }
 }
-e.shadowRootOptions = { ...b.shadowRootOptions, delegatesFocus: !0 };
-e.styles = m(x);
-r([
-  i({ type: String })
+e.shadowRootOptions = { ...y.shadowRootOptions, delegatesFocus: !0 };
+e.styles = f(q);
+o([
+  n({ type: String })
 ], e.prototype, "value", 2);
-r([
-  i({ type: String })
+o([
+  n({ type: String })
 ], e.prototype, "label", 2);
-r([
-  i({ type: String })
+o([
+  n({ type: String })
 ], e.prototype, "name", 2);
-r([
-  i({ type: Boolean })
+o([
+  n({ type: Boolean })
 ], e.prototype, "checked", 2);
-r([
-  i({ type: Boolean, reflect: !0 })
+o([
+  n({ type: Boolean, reflect: !0 })
 ], e.prototype, "disabled", 2);
-r([
-  i({ type: Boolean, reflect: !0 })
+o([
+  n({ type: Boolean, reflect: !0 })
 ], e.prototype, "required", 2);
-r([
-  i({ type: Boolean })
+o([
+  n({ type: Boolean })
 ], e.prototype, "indeterminate", 2);
-r([
-  i({ type: Object })
+o([
+  n({ type: Object })
 ], e.prototype, "aria", 2);
-r([
-  $("input")
+o([
+  x("input")
 ], e.prototype, "checkbox", 2);
-g(S, e);
+$(P, e);
 export {
-  e as PieCheckbox
+  e as PieCheckbox,
+  b as defaultProps
 };

package/dist/react.d.ts

@@ -1,3 +1,4 @@
+import { ComponentDefaultPropsGeneric } from '@justeattakeaway/pie-webc-core';
 import type { CSSResult } from 'lit';
 import type { GenericConstructor } from '@justeattakeaway/pie-webc-core';
 import type { LitElement } from 'lit';
@@ -47,6 +48,10 @@ export declare interface CheckboxProps {
     aria?: AriaProps;
 }
 
+export declare type DefaultProps = ComponentDefaultPropsGeneric<CheckboxProps, 'required' | 'indeterminate'>;
+
+export declare const defaultProps: DefaultProps;
+
 export declare const PieCheckbox: React_2.ForwardRefExoticComponent<CheckboxProps & React_2.RefAttributes<PieCheckbox_2> & ReactBaseType>;
 
 /**

package/dist/react.js

@@ -1,17 +1,19 @@
 import * as e from "react";
 import { createComponent as o } from "@lit/react";
 import { PieCheckbox as t } from "./index.js";
+import { defaultProps as h } from "./index.js";
 import "lit";
 import "@justeattakeaway/pie-webc-core";
 import "lit/decorators.js";
 import "lit/directives/if-defined.js";
-const i = o({
+const r = o({
   displayName: "PieCheckbox",
   elementClass: t,
   react: e,
   tagName: "pie-checkbox",
   events: {}
-}), x = i;
+}), x = r;
 export {
-  x as PieCheckbox
+  x as PieCheckbox,
+  h as defaultProps
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-checkbox",
   "description": "PIE Design System Checkbox built using Web Components",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -40,7 +40,7 @@
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "0.22.0"
+    "@justeattakeaway/pie-webc-core": "0.23.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/defs.ts

@@ -1,3 +1,5 @@
+import { type ComponentDefaultPropsGeneric } from '@justeattakeaway/pie-webc-core';
+
 export type AriaProps = {
     label?: string;
     labelledby?: string;
@@ -45,3 +47,11 @@ export interface CheckboxProps {
      */
     aria?: AriaProps;
 }
+
+export type DefaultProps = ComponentDefaultPropsGeneric<CheckboxProps, 'required' | 'indeterminate'>;
+
+export const defaultProps: DefaultProps = {
+    required: false,
+    indeterminate: false,
+};
+

package/src/index.ts

@@ -10,7 +10,7 @@ import { property, query } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 
 import styles from './checkbox.scss?inline';
-import { CheckboxProps } from './defs';
+import { CheckboxProps, defaultProps } from './defs';
 
 // Valid values available to consumers
 export * from './defs';
@@ -40,10 +40,10 @@ export class PieCheckbox extends RtlMixin(LitElement) implements CheckboxProps {
     public disabled?: CheckboxProps['disabled'];
 
     @property({ type: Boolean, reflect: true })
-    public required?: CheckboxProps['required'] = false;
+    public required?: CheckboxProps['required'] = defaultProps.required;
 
     @property({ type: Boolean })
-    public indeterminate?: CheckboxProps['indeterminate'] = false;
+    public indeterminate?: CheckboxProps['indeterminate'] = defaultProps.indeterminate;
 
     @property({ type: Object })
     public aria: CheckboxProps['aria'];