@gov-design-system-ce/components 0.0.66 → 0.0.67

package/dist/types/components/gov-button/button/gov-button.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { ButtonSizesType, NativeTypesType, TypesType, ButtonVariantType, ButtonTargetType } from "./constants";
+import { ButtonSizesType, ButtonTargetType, ButtonVariantType, NativeTypesType, TypesType } from "./constants";
 import { ButtonEvent } from "./gov-button.types";
 export declare class GovButton {
   private h;
@@ -30,6 +30,14 @@ export declare class GovButton {
    * The name of the button, which gets paired with the button's value when submitted as part of a form. Corresponds with the native HTML name attribute
    */
   readonly name: string;
+  /**
+   * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+   */
+  readonly iconLeft?: string;
+  /**
+   * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+   */
+  readonly iconRight?: string;
   /**
    * Makes the button component disabled.
    * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies

package/dist/types/components/gov-chip/gov-chip.d.ts

@@ -26,6 +26,14 @@ export declare class GovChip {
    * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
    */
   readonly target: string;
+  /**
+   * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+   */
+  readonly iconLeft?: string;
+  /**
+   * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+   */
+  readonly iconRight?: string;
   /**
    * Chip’s size.
    */

package/dist/types/components/gov-control-group/constants.d.ts

@@ -1,6 +1,6 @@
 import { Variants } from '../../core/constants/variants';
 import { ValueOf } from '../../types/interfaces';
-export declare const ControlGroupVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
+export declare const ControlGroupVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
 export type ControlGroupVariantType = `${ValueOf<typeof ControlGroupVariants>}`;
 export declare const ControlGroupClass: {
   root: string;

package/dist/types/components/gov-form/multiselect/gov-form-multi-select.d.ts

@@ -30,6 +30,10 @@ export declare class GovFormMultiSelect {
    * Name of the select.
    */
   readonly name: string;
+  /**
+   * Option to hide the list of selected items
+   */
+  readonly hideSelectedList: boolean;
   /**
    * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them.
    * When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
@@ -80,12 +84,20 @@ export declare class GovFormMultiSelect {
    * Emitted when the select change value.
    */
   govChange: EventEmitter<FormMultiselectEvent>;
+  /**
+   * Emitted when an item is selected
+   */
+  govSelect: EventEmitter<FormMultiselectEvent>;
+  /**
+   * Emitted when an item is removed
+   */
+  govRemove: EventEmitter<FormMultiselectEvent>;
   focused: boolean;
   value: string;
   selectedOptions: GovFormMultiSelectItem[];
+  options: GovFormMultiSelectItem[];
   validateVariant(newValue: string): void;
   validateSize(newValue: string): void;
-  emitChange(newValue: GovFormMultiSelectItem[]): void;
   watchDisabled(): void;
   private passControlAttrs;
   componentWillLoad(): void;
@@ -114,6 +126,26 @@ export declare class GovFormMultiSelect {
    * Returns an instance of the native html select element
    */
   getRef(): Promise<HTMLSelectElement>;
+  /**
+   * Returns a list of selected items
+   */
+  getSelectedOptions(): Promise<GovFormMultiSelectItem[]>;
+  /**
+   * Setting a list of options to choose from
+   */
+  setOptions(options: GovFormMultiSelectItem[]): Promise<void>;
+  /**
+   * Setting the list of selected options
+   */
+  setSelectedOptions(options: GovFormMultiSelectItem[]): Promise<void>;
+  /**
+   * To remove an option from the selected list
+   */
+  removeSelectedOption(option: GovFormMultiSelectItem): Promise<void>;
+  /**
+   * Returns an instance of the native html select element
+   */
+  setSelectedOption(option: GovFormMultiSelectItem): Promise<void>;
   /**
    * Validate the WCAG attributes of the component
    */

package/dist/types/components/gov-form/multiselect/gov-form-multi-select.types.d.ts

@@ -2,6 +2,7 @@ import { GovBaseEvent } from "../../../types/event.types";
 export interface GovFormMultiSelectItem {
   name: string;
   value: string;
+  disabled?: boolean;
 }
 export interface FormMultiselectEvent extends GovBaseEvent {
   value: GovFormMultiSelectItem[];

package/dist/types/components/gov-icon/helpers.d.ts

@@ -0,0 +1,5 @@
+import { Nullable } from "../../types/interfaces";
+export declare const prepareIconFormat: (value: string) => Nullable<{
+  type: string;
+  name: string;
+}>;

package/dist/types/components/gov-modal/gov-modal.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { Nullable } from "../../types/interfaces";
+import { EventEmitter } from '../../stencil-public-runtime';
+import { Nullable } from '../../types/interfaces';
 export declare class GovModal {
   private h;
   private readonly labelId;
@@ -37,7 +37,7 @@ export declare class GovModal {
   /**
    * Adds accessible label for the modal close button that is only shown for screen readers.
    */
-  wcagCloseLabel: string;
+  readonly wcagCloseLabel: string;
   /**
    * A string of identifiers that indicate alternative label elements for closing the modal window
    */

package/dist/types/components/gov-promp/gov-prompt.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { Nullable } from "../../types/interfaces";
+import { EventEmitter } from '../../stencil-public-runtime';
+import { Nullable } from '../../types/interfaces';
 export declare class GovPrompt {
   private h;
   private readonly labelId;
@@ -33,7 +33,7 @@ export declare class GovPrompt {
   /**
    * Adds accessible label for the modal close button that is only shown for screen readers.
    */
-  wcagCloseLabel: string;
+  readonly wcagCloseLabel: string;
   /**
    * A string of identifiers that indicate alternative label elements for closing the modal window
    */

package/dist/types/components/gov-tag/gov-tag.d.ts

@@ -7,6 +7,14 @@ export declare class GovTag {
    * Determine if component should have inverse colors to be used on dark background
    */
   readonly inverse: boolean;
+  /**
+   * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+   */
+  readonly iconLeft?: string;
+  /**
+   * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+   */
+  readonly iconRight?: string;
   /**
    * Tag’s size.
    */

package/dist/types/components.d.ts

@@ -28,7 +28,7 @@ import { FormInputEvent } from "./components/gov-form/input/gov-form-input.types
 import { FormLabelSizesTypes } from "./components/gov-form/label/constants";
 import { FormMessageVariantType } from "./components/gov-form/message/constants";
 import { FormMultiselectSizesType, FormMultiselectVariantType } from "./components/gov-form/multiselect/constants";
-import { FormMultiselectEvent } from "./components/gov-form/multiselect/gov-form-multi-select.types";
+import { FormMultiselectEvent, GovFormMultiSelectItem } from "./components/gov-form/multiselect/gov-form-multi-select.types";
 import { FormRadioSizesType } from "./components/gov-form/radio/constants";
 import { FormRadioEvent } from "./components/gov-form/radio/gov-form-radio.types";
 import { FormSearchVariantType } from "./components/gov-form/search/constants";
@@ -77,7 +77,7 @@ export { FormInputEvent } from "./components/gov-form/input/gov-form-input.types
 export { FormLabelSizesTypes } from "./components/gov-form/label/constants";
 export { FormMessageVariantType } from "./components/gov-form/message/constants";
 export { FormMultiselectSizesType, FormMultiselectVariantType } from "./components/gov-form/multiselect/constants";
-export { FormMultiselectEvent } from "./components/gov-form/multiselect/gov-form-multi-select.types";
+export { FormMultiselectEvent, GovFormMultiSelectItem } from "./components/gov-form/multiselect/gov-form-multi-select.types";
 export { FormRadioSizesType } from "./components/gov-form/radio/constants";
 export { FormRadioEvent } from "./components/gov-form/radio/gov-form-radio.types";
 export { FormSearchVariantType } from "./components/gov-form/search/constants";
@@ -271,6 +271,14 @@ export namespace Components {
           * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-hreflang
          */
         "hreflang": string;
+        /**
+          * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+         */
+        "iconLeft"?: string;
+        /**
+          * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+         */
+        "iconRight"?: string;
         /**
           * Custom button identifier
          */
@@ -440,6 +448,14 @@ export namespace Components {
           * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
          */
         "href": string;
+        /**
+          * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+         */
+        "iconLeft"?: string;
+        /**
+          * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+         */
+        "iconRight"?: string;
         /**
           * Custom chip identifier. Otherwise, it will be generated
          */
@@ -982,6 +998,14 @@ export namespace Components {
           * Returns an instance of the native html select element
          */
         "getRef": () => Promise<HTMLSelectElement>;
+        /**
+          * Returns a list of selected items
+         */
+        "getSelectedOptions": () => Promise<GovFormMultiSelectItem[]>;
+        /**
+          * Option to hide the list of selected items
+         */
+        "hideSelectedList": boolean;
         /**
           * Custom select identifier.
          */
@@ -1006,6 +1030,10 @@ export namespace Components {
           * Custom select placeholder.
          */
         "placeholder": string;
+        /**
+          * To remove an option from the selected list
+         */
+        "removeSelectedOption": (option: GovFormMultiSelectItem) => Promise<void>;
         /**
           * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them. When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
          */
@@ -1014,6 +1042,18 @@ export namespace Components {
           * Returns the current state of the component
          */
         "setFocus": (options?: FocusOptions) => Promise<void>;
+        /**
+          * Setting a list of options to choose from
+         */
+        "setOptions": (options: GovFormMultiSelectItem[]) => Promise<void>;
+        /**
+          * Returns an instance of the native html select element
+         */
+        "setSelectedOption": (option: GovFormMultiSelectItem) => Promise<void>;
+        /**
+          * Setting the list of selected options
+         */
+        "setSelectedOptions": (options: GovFormMultiSelectItem[]) => Promise<void>;
         /**
           * Sets the ordered value of the element
          */
@@ -1758,6 +1798,14 @@ export namespace Components {
         "triggerIdentifier": string;
     }
     interface GovTag {
+        /**
+          * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+         */
+        "iconLeft"?: string;
+        /**
+          * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+         */
+        "iconRight"?: string;
         /**
           * Determine if component should have inverse colors to be used on dark background
          */
@@ -2658,6 +2706,14 @@ declare namespace LocalJSX {
           * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-hreflang
          */
         "hreflang"?: string;
+        /**
+          * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+         */
+        "iconLeft"?: string;
+        /**
+          * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+         */
+        "iconRight"?: string;
         /**
           * Custom button identifier
          */
@@ -2815,6 +2871,14 @@ declare namespace LocalJSX {
           * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
          */
         "href"?: string;
+        /**
+          * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+         */
+        "iconLeft"?: string;
+        /**
+          * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+         */
+        "iconRight"?: string;
         /**
           * Custom chip identifier. Otherwise, it will be generated
          */
@@ -3343,6 +3407,10 @@ declare namespace LocalJSX {
           * Makes the select component disabled. This prevents users from being able to interact with the select, and conveys its inactive state to assistive technologies.
          */
         "disabled"?: boolean;
+        /**
+          * Option to hide the list of selected items
+         */
+        "hideSelectedList"?: boolean;
         /**
           * Custom select identifier.
          */
@@ -3375,6 +3443,14 @@ declare namespace LocalJSX {
           * Emitted when the select has focus.
          */
         "onGov-focus"?: (event: GovFormMultiSelectCustomEvent<FormMultiselectEvent>) => void;
+        /**
+          * Emitted when an item is removed
+         */
+        "onGov-remove"?: (event: GovFormMultiSelectCustomEvent<FormMultiselectEvent>) => void;
+        /**
+          * Emitted when an item is selected
+         */
+        "onGov-select"?: (event: GovFormMultiSelectCustomEvent<FormMultiselectEvent>) => void;
         /**
           * Custom select placeholder.
          */
@@ -4063,6 +4139,14 @@ declare namespace LocalJSX {
         "triggerIdentifier"?: string;
     }
     interface GovTag {
+        /**
+          * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+         */
+        "iconLeft"?: string;
+        /**
+          * Definition of the button icon on the left. The icon must be defined in the form "type/name".
+         */
+        "iconRight"?: string;
         /**
           * Determine if component should have inverse colors to be used on dark background
          */

package/dist/types/utils/helpers.types.d.ts

@@ -0,0 +1,49 @@
+export type Optional<T> = T | undefined;
+export type Nullable<T> = T | null;
+export type OptionalProperty<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
+export type ValueOf<T> = T[keyof T];
+export type DeepPartial<T> = {
+  [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+export type ObjectOrArrayType<T> = T | T[];
+export declare const ObjectOrArray: {
+  first: <T>(item: ObjectOrArrayType<T>) => T;
+  array: <T_1>(item: ObjectOrArrayType<T_1>) => T_1[];
+};
+export declare const Omit: <T extends object, P extends keyof T, R extends Omit<T, P>>(properties: P[], object: T) => R;
+export declare const whenDefined: <I, O>(fn: (input: I) => O) => (value?: I) => O;
+/**
+ * Comparator function which defines the sort order
+ * @example
+ * ```
+ * // sorts objects by `id` property
+ * [{ id: 3 }, { id: 2 }, { id: 1 }].sort(compare(['id']))
+ *
+ * // sorts objects by `id` and `name` properties
+ * [{ id: 3, name: 'b' }, { id: 2, name: 'a' }, { id: 1, name: 'b' }].sort(compare(['id', 'name']))
+ * ```
+ *
+ * @param {Array<keyof T>} properties
+ * @return {number}
+ */
+export declare const compare: <T extends object>(properties: (keyof T)[]) => (a: T, b: T) => number;
+export declare const is: <T>(value: T) => value is T;
+export declare const has: <T extends object, P extends keyof T>(property: P) => (object: OptionalProperty<T, P>) => object is T;
+export declare const equals: <A>(a?: A) => (b?: A) => boolean;
+export declare const prop: <T, P extends keyof T>(property: P) => (object: T) => T[P];
+export declare const propOptional: <T, P extends keyof T>(property: P) => (object?: T) => T[P];
+export declare const hasOwnProperty: <X extends object, Y extends PropertyKey>(obj: X, prop: Y) => obj is X & Record<Y, ValueOf<X>>;
+export declare const isObject: <T extends object>(obj: unknown) => obj is T;
+export declare const isString: (input: unknown) => input is string;
+export declare const isNumber: (input: unknown) => input is string;
+type Entries<T> = {
+  [K in keyof T]: [K, T[K]];
+}[keyof T][];
+export declare const getEntries: <T extends object>(obj: T) => Entries<T>;
+export declare const getKeys: <T extends object>(obj: T) => (keyof T)[];
+export declare const getValues: <T extends object>(obj: T) => ValueOf<T>[];
+export declare const first: <T>(array: T[]) => T;
+export declare const pairs: <T>(arr: T[]) => Array<[string, string]>;
+export declare const find: <T, S extends T>(predicate: (item: T) => item is S) => (array?: T[]) => S;
+export declare const filter: <T, S extends T>(predicate: (item: T) => item is S) => (array?: T[]) => S[];
+export {};

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@gov-design-system-ce/components",
 	"description": "This package includes Gov Design System Web Components and related utilities.",
 	"author": "Zdeněk Vítek",
-	"version": "0.0.66",
+	"version": "0.0.67",
 	"license": "EUPL v1.2 Licensed",
 	"main": "./dist/index.cjs.js",
 	"unpkg": "./dist/core/core.esm.js",
@@ -24,6 +24,6 @@
     "dependencies" : {
         "@gov-design-system-ce/icons": "0.0.12",
         "@gov-design-system-ce/fonts": "0.0.2",
-        "@gov-design-system-ce/styles": "0.0.14"
+        "@gov-design-system-ce/styles": "0.0.15"
     }
 }

package/dist/cjs/win-0427c131.js.map

@@ -1 +0,0 @@
-{"file":"win-0427c131.js","mappings":";;;;AASO,MAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,WAAW,CAAA;AAErD,MAAM,iBAAiB,GAAG,CAAI,IAAY,KAA6B,QAAQ,IAAI,MAAM,IAAIA,cAAQ,CAAC,IAA2B,EAAE,MAAM,CAAC,CAAA;AAE1I,MAAM,MAAM,GAAG;EACd,MAAM,aAAa,GAAY;IAC9B,uBAAuB,EAAE,KAAK;IAC9B,SAAS,EAAE,gBAAgB;IAC3B,aAAa,EAAE,IAAI;IACnB,YAAY,EAAE,QAAQ,GAAG,QAAQ,GAAG,IAAI;GACxC,CAAA;EAED,MAAM,cAAc,GAAG,iBAAiB,CAAU,eAAe,CAAC,CAAA;EAClE,IAAI,cAAc,EAAE;IACnB,uCAAY,aAAa,GAAK,cAAc,EAAE;GAC9C;EAED,OAAO,aAAa,CAAA;AACrB,CAAC,CAAA;MAEY,uBAAuB,GAAG,MAA0C,MAAM,EAAE,CAAC,wBAAuB;MACpG,SAAS,GAAG,MAA4B,MAAM,EAAE,CAAC,UAAS;MAC1D,aAAa,GAAG,MAAgC,MAAM,EAAE,CAAC,cAAa;MACtE,YAAY,GAAG,MAA+B,MAAM,EAAE,CAAC;;;;;;;","names":["property"],"sources":["../../../packages/core/src/helpers/Dom/win.ts"],"sourcesContent":["import { property } from '../../utils/utils'\n\ninterface IConfig {\n\tcanValidateWcagOnRender: boolean\n\ticonsPath: string\n\ticonsLazyLoad: boolean\n\tdocumentNode: Document\n}\n\nexport const isWindow = typeof window !== \"undefined\"\n\nconst getWindowProperty = <T>(name: string): Partial<T> | undefined => isWindow && window && property(name as keyof typeof window, window)\n\nconst config = (): IConfig => {\n\tconst defaultConfig: IConfig = {\n\t\tcanValidateWcagOnRender: false,\n\t\ticonsPath: './assets/icons',\n\t\ticonsLazyLoad: true,\n\t\tdocumentNode: document ? document : null,\n\t}\n\n\tconst windowProperty = getWindowProperty<IConfig>('GOV_DS_CONFIG')\n\tif (windowProperty) {\n\t\treturn { ...defaultConfig, ...windowProperty }\n\t}\n\n\treturn defaultConfig\n}\n\nexport const canValidateWcagOnRender = (): IConfig['canValidateWcagOnRender'] => config().canValidateWcagOnRender\nexport const iconsPath = (): IConfig['iconsPath'] => config().iconsPath\nexport const iconsLazyLoad = (): IConfig['iconsLazyLoad'] => config().iconsLazyLoad\nexport const documentNode = (): IConfig['documentNode'] => config().documentNode\n"],"version":3}

package/dist/collection/helpers/StorybookDocsTemplate.js

@@ -1,9 +0,0 @@
-import { ArgsTable, Stories, PRIMARY_STORY, Primary as PrimaryStory } from "@storybook/addon-docs";
-import React from "react";
-import { h } from "@stencil/core";
-export const docsPage = (component, Readme) => {
-  return {
-    page: () => (h(React.Fragment, null, h("h1", null, component), h("h2", null, "Playground"), h(PrimaryStory, null), h(ArgsTable, { story: PRIMARY_STORY }), h("h2", null, "Stories"), h(Stories, { title: "", includePrimary: false }), h(Readme, null))),
-  };
-};
-//# sourceMappingURL=StorybookDocsTemplate.js.map

package/dist/collection/helpers/StorybookDocsTemplate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StorybookDocsTemplate.js","sourceRoot":"","sources":["../../../../../src/helpers/StorybookDocsTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAClG,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AACjC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,MAAc,EAAE,EAAE;EAC7D,OAAO;IACN,IAAI,EAAE,GAAG,EAAE,CAAC,CACX,EAAC,KAAK,CAAC,QAAQ;MACd,cAAK,SAAS,CAAM;MAEpB,2BAAmB;MACnB,EAAC,YAAY,OAAG;MAChB,EAAC,SAAS,IAAC,KAAK,EAAE,aAAa,GAAI;MAEnC,wBAAgB;MAChB,EAAC,OAAO,IAAC,KAAK,EAAC,EAAE,EAAC,cAAc,EAAE,KAAK,GAAI;MAC3C,EAAC,MAAM,OAAG,CACM,CACjB;GACD,CAAA;AACF,CAAC,CAAA","sourcesContent":["import { ArgsTable, Stories, PRIMARY_STORY, Primary as PrimaryStory } from '@storybook/addon-docs'\nimport React from 'react'\nimport { h } from '@stencil/core'\nexport const docsPage = (component: string, Readme: string) => {\n\treturn {\n\t\tpage: () => (\n\t\t\t<React.Fragment>\n\t\t\t\t<h1>{component}</h1>\n\n\t\t\t\t<h2>Playground</h2>\n\t\t\t\t<PrimaryStory />\n\t\t\t\t<ArgsTable story={PRIMARY_STORY} />\n\n\t\t\t\t<h2>Stories</h2>\n\t\t\t\t<Stories title=\"\" includePrimary={false} />\n\t\t\t\t<Readme />\n\t\t\t</React.Fragment>\n\t\t),\n\t}\n}\n"]}