@justeattakeaway/pie-select 0.1.0 → 0.2.0

package/custom-elements.json

@@ -214,6 +214,84 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/pie-option/defs-react.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/pie-option/defs.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/pie-option/index.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "PieOption",
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "pie-option",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PieOption",
+          "declaration": {
+            "name": "PieOption",
+            "module": "src/pie-option/index.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/pie-option-group/defs-react.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/pie-option-group/defs.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/pie-option-group/index.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "PieOptionGroup",
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "pie-option-group",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PieOptionGroup",
+          "declaration": {
+            "name": "PieOptionGroup",
+            "module": "src/pie-option-group/index.js"
+          }
+        }
+      ]
     }
   ]
 }

package/dist/defs.d.ts

@@ -0,0 +1,29 @@
+import { type ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
+export declare const sizes: readonly ["small", "medium", "large"];
+export declare const statusTypes: readonly ["default", "error"];
+export interface SelectProps {
+    /**
+     * The size of the select component. Can be `small`, `medium` or `large`. Defaults to `medium`.
+     */
+    size?: typeof sizes[number];
+    /**
+     * Same as the HTML disabled attribute - indicates whether the select is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * An optional assistive text to display below the select element. Must be provided when the status is success or error.
+     */
+    assistiveText?: string;
+    /**
+     * The status of the select component / assistive text. Can be default or error.
+     */
+    status?: typeof statusTypes[number];
+    /**
+     * The name of the select (used as a key/value pair with `value`). This is required in order to work properly with forms.
+     */
+    name?: string;
+}
+type DefaultProps = ComponentDefaultProps<SelectProps, keyof Omit<SelectProps, 'name' | 'assistiveText'>>;
+export declare const defaultProps: DefaultProps;
+export {};
+//# 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":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,eAAO,MAAM,KAAK,uCAAwC,CAAC;AAE3D,eAAO,MAAM,WAAW,+BAAgC,CAAC;AAEzD,MAAM,WAAW,WAAW;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;IAEpC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,YAAY,GAAG,qBAAqB,CAAC,WAAW,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,eAAe,CAAE,CAAC,CAAC;AAE3G,eAAO,MAAM,YAAY,EAAE,YAI1B,CAAC"}

package/dist/index.d.ts

@@ -1,64 +1,33 @@
-import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
-import type { CSSResult } from 'lit';
-import type { GenericConstructor } from '@justeattakeaway/pie-webc-core';
-import type { LitElement } from 'lit';
-import type { RTLInterface } from '@justeattakeaway/pie-webc-core';
-import type { TemplateResult } from 'lit-html';
-
-declare type DefaultProps = ComponentDefaultProps<SelectProps, keyof Omit<SelectProps, 'name' | 'assistiveText'>>;
-
-export declare const defaultProps: DefaultProps;
-
-/**
- * @tagname pie-select
- */
-export declare class PieSelect extends PieSelect_base implements SelectProps {
-    static shadowRootOptions: {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-        slotAssignment?: SlotAssignmentMode | undefined;
-    };
-    size: "small" | "medium" | "large";
-    disabled: boolean;
-    status: "default" | "error";
-    assistiveText: SelectProps['assistiveText'];
-    name: SelectProps['name'];
-    focusTarget: HTMLElement;
-    private _leadingIconSlot;
-    private _hasLeadingIcon;
-    private _handleLeadingIconSlotchange;
-    private renderAssistiveText;
-    render(): TemplateResult<1>;
-    static styles: CSSResult;
-}
-
-declare const PieSelect_base: GenericConstructor<RTLInterface> & typeof LitElement;
-
-export declare interface SelectProps {
-    /**
-     * The size of the select component. Can be `small`, `medium` or `large`. Defaults to `medium`.
-     */
-    size?: typeof sizes[number];
-    /**
-     * Same as the HTML disabled attribute - indicates whether the select is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * An optional assistive text to display below the select element. Must be provided when the status is success or error.
-     */
-    assistiveText?: string;
-    /**
-     * The status of the select component / assistive text. Can be default or error.
-     */
-    status?: typeof statusTypes[number];
-    /**
-     * The name of the select (used as a key/value pair with `value`). This is required in order to work properly with forms.
-     */
-    name?: string;
-}
-
-export declare const sizes: readonly ["small", "medium", "large"];
-
-export declare const statusTypes: readonly ["default", "error"];
-
-export { }
+import { LitElement } from 'lit';
+import { type SelectProps } from './defs';
+export * from './defs';
+declare const componentSelector = "pie-select";
+declare const PieSelect_base: import("@justeattakeaway/pie-webc-core").GenericConstructor<import("@justeattakeaway/pie-webc-core").RTLInterface> & typeof LitElement;
+/**
+ * @tagname pie-select
+ */
+export declare class PieSelect extends PieSelect_base implements SelectProps {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        slotAssignment?: SlotAssignmentMode | undefined;
+    };
+    size: "small" | "medium" | "large";
+    disabled: boolean;
+    status: "default" | "error";
+    assistiveText: SelectProps['assistiveText'];
+    name: SelectProps['name'];
+    focusTarget: HTMLElement;
+    private _leadingIconSlot;
+    private _hasLeadingIcon;
+    private _handleLeadingIconSlotchange;
+    private renderAssistiveText;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: PieSelect;
+    }
+}
+//# 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":"AAAA,OAAO,EACH,UAAU,EAIb,MAAM,KAAK,CAAC;AAcb,OAAO,yDAAyD,CAAC;AAGjE,OAAO,EAIH,KAAK,WAAW,EACnB,MAAM,QAAQ,CAAC;AAGhB,cAAc,QAAQ,CAAC;AAEvB,QAAA,MAAM,iBAAiB,eAAe,CAAC;;AAGvC;;GAEG;AACH,qBAAa,SAAU,SAAQ,cAAqB,YAAW,WAAW;IACtE,MAAM,CAAC,iBAAiB;;;;MAA6D;IAI9E,IAAI,+BAAqB;IAGzB,QAAQ,UAAyB;IAIjC,MAAM,sBAAuB;IAG7B,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAG5C,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAG1B,WAAW,EAAG,WAAW,CAAC;IAGjC,OAAO,CAAC,gBAAgB,CAAsB;IAG9C,OAAO,CAAC,eAAe,CAAS;IAEhC,OAAO,CAAC,4BAA4B;IAIpC,OAAO,CAAC,mBAAmB;IAe3B,MAAM;IAwCN,MAAM,CAAC,MAAM,0BAAqB;CACrC;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC;KAClC;CACJ"}

package/dist/pie-option/defs.d.ts

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

package/dist/pie-option/defs.d.ts.map

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

package/dist/pie-option/index.d.ts

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

package/dist/pie-option/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pie-option/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,QAAA,MAAM,iBAAiB,eAAe,CAAC;AAEvC;;GAEG;AACH,qBAAa,SAAU,SAAQ,UAAW,YAAW,WAAW;CAE/D;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC;KAClC;CACJ"}

package/dist/pie-option/index.js

@@ -0,0 +1,9 @@
+import { LitElement as e } from "lit";
+import { defineCustomElement as o } from "@justeattakeaway/pie-webc-core";
+const t = "pie-option";
+class n extends e {
+}
+o(t, n);
+export {
+  n as PieOption
+};

package/dist/pie-option/react.d.ts

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

package/dist/pie-option/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/pie-option/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,cAAc,QAAQ,CAAC;AAUvB,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;AAE5D,eAAO,MAAM,SAAS,kGACkC,CAAC"}

package/dist/pie-option/react.js

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

package/dist/pie-option-group/defs.d.ts

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

package/dist/pie-option-group/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/pie-option-group/defs.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,gBAAgB;CAChC"}

package/dist/pie-option-group/index.d.ts

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

package/dist/pie-option-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pie-option-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE/C,QAAA,MAAM,iBAAiB,qBAAqB,CAAC;AAE7C;;GAEG;AACH,qBAAa,cAAe,SAAQ,UAAW,YAAW,gBAAgB;CAEzE;AAID,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,cAAc,CAAC;KACvC;CACJ"}

package/dist/pie-option-group/index.js

@@ -0,0 +1,9 @@
+import { LitElement as o } from "lit";
+import { defineCustomElement as e } from "@justeattakeaway/pie-webc-core";
+const t = "pie-option-group";
+class n extends o {
+}
+e(t, n);
+export {
+  n as PieOptionGroup
+};

package/dist/pie-option-group/react.d.ts

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

package/dist/pie-option-group/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/pie-option-group/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE/C,cAAc,QAAQ,CAAC;AAUvB,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAA;AAE9D,eAAO,MAAM,cAAc,4GACkC,CAAC"}

package/dist/pie-option-group/react.js

@@ -0,0 +1,13 @@
+import * as o from "react";
+import { createComponent as e } from "@lit/react";
+import { PieOptionGroup as t } from "./index.js";
+const p = e({
+  displayName: "PieOptionGroup",
+  elementClass: t,
+  react: o,
+  tagName: "pie-option-group",
+  events: {}
+}), n = p;
+export {
+  n as PieOptionGroup
+};

package/dist/react.d.ts

@@ -1,69 +1,7 @@
-import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
-import type { CSSResult } from 'lit';
-import type { GenericConstructor } from '@justeattakeaway/pie-webc-core';
-import type { LitElement } from 'lit';
-import * as React_2 from 'react';
-import type { RTLInterface } from '@justeattakeaway/pie-webc-core';
-import type { TemplateResult } from 'lit-html';
-
-declare type DefaultProps = ComponentDefaultProps<SelectProps, keyof Omit<SelectProps, 'name' | 'assistiveText'>>;
-
-export declare const defaultProps: DefaultProps;
-
-export declare const PieSelect: React_2.ForwardRefExoticComponent<SelectProps & React_2.RefAttributes<PieSelect_2> & ReactBaseType>;
-
-/**
- * @tagname pie-select
- */
-declare class PieSelect_2 extends PieSelect_base implements SelectProps {
-    static shadowRootOptions: {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-        slotAssignment?: SlotAssignmentMode | undefined;
-    };
-    size: "small" | "medium" | "large";
-    disabled: boolean;
-    status: "default" | "error";
-    assistiveText: SelectProps['assistiveText'];
-    name: SelectProps['name'];
-    focusTarget: HTMLElement;
-    private _leadingIconSlot;
-    private _hasLeadingIcon;
-    private _handleLeadingIconSlotchange;
-    private renderAssistiveText;
-    render(): TemplateResult<1>;
-    static styles: CSSResult;
-}
-
-declare const PieSelect_base: GenericConstructor<RTLInterface> & typeof LitElement;
-
-declare type ReactBaseType = React_2.HTMLAttributes<HTMLSelectElement>;
-
-export declare interface SelectProps {
-    /**
-     * The size of the select component. Can be `small`, `medium` or `large`. Defaults to `medium`.
-     */
-    size?: typeof sizes[number];
-    /**
-     * Same as the HTML disabled attribute - indicates whether the select is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * An optional assistive text to display below the select element. Must be provided when the status is success or error.
-     */
-    assistiveText?: string;
-    /**
-     * The status of the select component / assistive text. Can be default or error.
-     */
-    status?: typeof statusTypes[number];
-    /**
-     * The name of the select (used as a key/value pair with `value`). This is required in order to work properly with forms.
-     */
-    name?: string;
-}
-
-export declare const sizes: readonly ["small", "medium", "large"];
-
-export declare const statusTypes: readonly ["default", "error"];
-
-export { }
+import * as React from 'react';
+import { PieSelect as PieSelectLit } from './index';
+import { type SelectProps } from './defs';
+export * from './defs';
+type ReactBaseType = React.HTMLAttributes<HTMLSelectElement>;
+export declare const PieSelect: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<PieSelectLit> & 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,SAAS,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,cAAc,QAAQ,CAAC;AAUvB,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;AAE5D,eAAO,MAAM,SAAS,kGACkC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-select",
   "description": "PIE Design System Select built using Web Components",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -33,7 +33,7 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
-    "@justeattakeaway/pie-components-config": "0.18.0",
+    "@justeattakeaway/pie-components-config": "0.18.1",
     "@justeattakeaway/pie-css": "0.16.0",
     "cem-plugin-module-file-extensions": "0.0.5"
   },

package/src/pie-option/defs-react.ts

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

package/src/pie-option/defs.ts

@@ -0,0 +1,3 @@
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface OptionProps {
+}

package/src/pie-option/index.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+import { defineCustomElement } from '@justeattakeaway/pie-webc-core';
+import { type OptionProps } from './defs';
+
+const componentSelector = 'pie-option';
+
+/**
+ * @tagname pie-option
+ */
+export class PieOption extends LitElement implements OptionProps {
+
+}
+
+defineCustomElement(componentSelector, PieOption);
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: PieOption;
+    }
+}

package/src/pie-option-group/defs-react.ts

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

package/src/pie-option-group/defs.ts

@@ -0,0 +1,3 @@
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+export interface OptionGroupProps {
+}

package/src/pie-option-group/index.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+import { defineCustomElement } from '@justeattakeaway/pie-webc-core';
+import { type OptionGroupProps } from './defs';
+
+const componentSelector = 'pie-option-group';
+
+/**
+ * @tagname pie-option-group
+ */
+export class PieOptionGroup extends LitElement implements OptionGroupProps {
+
+}
+
+defineCustomElement(componentSelector, PieOptionGroup);
+
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: PieOptionGroup;
+    }
+}