@3t-transform/threeteeui 0.2.74 → 0.2.75

package/dist/types/components/molecules/tttx-multiselect-box/tttx-multiselect-box.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { SelectItem } from './interfaces';
+export declare class TttxMultiselectBox {
+  optionsData: string | SelectItem[];
+  label: string;
+  inline: boolean;
+  placeholder: string;
+  searchEnabled: boolean;
+  htmlVisibleValue: boolean;
+  visibleValue: string;
+  open: boolean;
+  unsavedSelectedItems: SelectItem[];
+  searchTerm: string;
+  private _optionsData;
+  private bodyOffset;
+  el: any;
+  selectItemEvent: EventEmitter<SelectItem>;
+  toggleOpen: EventEmitter<boolean>;
+  changesApplied: EventEmitter<SelectItem[]>;
+  handleCloseSelectBox(): void;
+  handleBlur(): void;
+  /**
+   * We want to generally clone instances of optionsData, _optionsData and unsavedSelectedItems
+   * This is because they may be assigned from each other, but have different purposes
+   * If we don't clone them, changing one may propagate to the others
+   * JSON.parse/stringify will deep clone them, so the references of the array elements will also change
+   */
+  safelyCloneArray(arr: Array<any>): any;
+  onDropdownClicked(): void;
+  onCancel(): void;
+  applyChanges(): void;
+  onItemSelected(option: SelectItem): void;
+  dropdownSelectorContent(): any;
+  dropdownOption(option: SelectItem): any;
+  handleSearchInput(event: InputEvent): void;
+  calculateDropdownMenuOffset(): void;
+  render(): any;
+}

package/dist/types/components/molecules/tttx-multiselect-box/tttx-multiselect-box.stories.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+  title: string;
+  component: string;
+  parameters: {
+    actions: {
+      handles: string[];
+    };
+  };
+  decorators: (<T extends import("@storybook/types").Renderer>(storyFn: import("@storybook/types").PartialStoryFn<T, import("@storybook/types").Args>) => T["storyResult"])[];
+};
+export default _default;
+export declare const BasicMultiselectBox: any;
+export declare const HtmlVisibleValueWrap: any;
+export declare const HtmlVisibleValue: any;
+export declare const DialogBoxWithDropdown: any;

package/dist/types/components.d.ts

@@ -8,7 +8,8 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { DialogItems } from "./components/molecules/tttx-dialog-box/interfaces";
 import { FilterChangeEvent, FilterSettings } from "./components/molecules/tttx-filter/tttx-filter";
 import { ListItem } from "./components/molecules/tttx-list/interfaces";
-import { SelectItem } from "./components/molecules/tttx-select-box/interfaces";
+import { SelectItem } from "./components/molecules/tttx-multiselect-box/interfaces";
+import { SelectItem as SelectItem1 } from "./components/molecules/tttx-select-box/interfaces";
 import { SorterChangeEvent, SorterData } from "./components/molecules/tttx-sorter/interfaces";
 import { MinMaxDates } from "./components/molecules/tttx-standalone-input/tttx-standalone-input";
 import { Tab } from "./components/molecules/tttx-tabs/interfaces";
@@ -59,6 +60,15 @@ export namespace Components {
         "loadingMessage": boolean;
         "size": 'small' | 'large';
     }
+    interface TttxMultiselectBox {
+        "htmlVisibleValue": boolean;
+        "inline": boolean;
+        "label": string;
+        "optionsData": string | SelectItem[];
+        "placeholder": string;
+        "searchEnabled": boolean;
+        "visibleValue": string;
+    }
     interface TttxQrcode {
         "link": string;
         "size": number;
@@ -66,7 +76,7 @@ export namespace Components {
     interface TttxSelectBox {
         "inline": boolean;
         "label": string;
-        "optionsData": string | SelectItem[];
+        "optionsData": string | SelectItem1[];
         "placeholder": string;
         "searchEnabled": boolean;
         "selectedValue": string;
@@ -155,6 +165,10 @@ export interface TttxListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTttxListElement;
 }
+export interface TttxMultiselectBoxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTttxMultiselectBoxElement;
+}
 export interface TttxSelectBoxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTttxSelectBoxElement;
@@ -224,6 +238,12 @@ declare global {
         prototype: HTMLTttxLoadingSpinnerElement;
         new (): HTMLTttxLoadingSpinnerElement;
     };
+    interface HTMLTttxMultiselectBoxElement extends Components.TttxMultiselectBox, HTMLStencilElement {
+    }
+    var HTMLTttxMultiselectBoxElement: {
+        prototype: HTMLTttxMultiselectBoxElement;
+        new (): HTMLTttxMultiselectBoxElement;
+    };
     interface HTMLTttxQrcodeElement extends Components.TttxQrcode, HTMLStencilElement {
     }
     var HTMLTttxQrcodeElement: {
@@ -281,6 +301,7 @@ declare global {
         "tttx-keyvalue-block": HTMLTttxKeyvalueBlockElement;
         "tttx-list": HTMLTttxListElement;
         "tttx-loading-spinner": HTMLTttxLoadingSpinnerElement;
+        "tttx-multiselect-box": HTMLTttxMultiselectBoxElement;
         "tttx-qrcode": HTMLTttxQrcodeElement;
         "tttx-select-box": HTMLTttxSelectBoxElement;
         "tttx-sorter": HTMLTttxSorterElement;
@@ -344,6 +365,18 @@ declare namespace LocalJSX {
         "loadingMessage"?: boolean;
         "size"?: 'small' | 'large';
     }
+    interface TttxMultiselectBox {
+        "htmlVisibleValue"?: boolean;
+        "inline"?: boolean;
+        "label"?: string;
+        "onChangesApplied"?: (event: TttxMultiselectBoxCustomEvent<SelectItem[]>) => void;
+        "onSelectItemEvent"?: (event: TttxMultiselectBoxCustomEvent<SelectItem>) => void;
+        "onToggleOpen"?: (event: TttxMultiselectBoxCustomEvent<boolean>) => void;
+        "optionsData"?: string | SelectItem[];
+        "placeholder"?: string;
+        "searchEnabled"?: boolean;
+        "visibleValue"?: string;
+    }
     interface TttxQrcode {
         "link"?: string;
         "size"?: number;
@@ -351,9 +384,9 @@ declare namespace LocalJSX {
     interface TttxSelectBox {
         "inline"?: boolean;
         "label"?: string;
-        "onSelectItemEvent"?: (event: TttxSelectBoxCustomEvent<SelectItem>) => void;
+        "onSelectItemEvent"?: (event: TttxSelectBoxCustomEvent<SelectItem1>) => void;
         "onToggleOpen"?: (event: TttxSelectBoxCustomEvent<boolean>) => void;
-        "optionsData"?: string | SelectItem[];
+        "optionsData"?: string | SelectItem1[];
         "placeholder"?: string;
         "searchEnabled"?: boolean;
         "selectedValue"?: string;
@@ -447,6 +480,7 @@ declare namespace LocalJSX {
         "tttx-keyvalue-block": TttxKeyvalueBlock;
         "tttx-list": TttxList;
         "tttx-loading-spinner": TttxLoadingSpinner;
+        "tttx-multiselect-box": TttxMultiselectBox;
         "tttx-qrcode": TttxQrcode;
         "tttx-select-box": TttxSelectBox;
         "tttx-sorter": TttxSorter;
@@ -469,6 +503,7 @@ declare module "@stencil/core" {
             "tttx-keyvalue-block": LocalJSX.TttxKeyvalueBlock & JSXBase.HTMLAttributes<HTMLTttxKeyvalueBlockElement>;
             "tttx-list": LocalJSX.TttxList & JSXBase.HTMLAttributes<HTMLTttxListElement>;
             "tttx-loading-spinner": LocalJSX.TttxLoadingSpinner & JSXBase.HTMLAttributes<HTMLTttxLoadingSpinnerElement>;
+            "tttx-multiselect-box": LocalJSX.TttxMultiselectBox & JSXBase.HTMLAttributes<HTMLTttxMultiselectBoxElement>;
             "tttx-qrcode": LocalJSX.TttxQrcode & JSXBase.HTMLAttributes<HTMLTttxQrcodeElement>;
             "tttx-select-box": LocalJSX.TttxSelectBox & JSXBase.HTMLAttributes<HTMLTttxSelectBoxElement>;
             "tttx-sorter": LocalJSX.TttxSorter & JSXBase.HTMLAttributes<HTMLTttxSorterElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@3t-transform/threeteeui",
-    "version": "0.2.74",
+    "version": "0.2.75",
     "description": "3t Design System",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",