@3t-transform/threeteeui 0.0.16 → 0.0.18

package/dist/types/components/molecules/tttx-input-calendar/tttx-input-calendar.stories.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    required: {
+      control: {
+        type: string;
+      };
+    };
+  };
+  parameters: {
+    actions: {
+      handles: string[];
+    };
+  };
+  decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
+};
+export default _default;
+export declare const BasicCalendar: {
+  ({ required }: {
+    required: any;
+  }): string;
+  args: {
+    required: boolean;
+  };
+};

package/dist/types/components/molecules/tttx-list/tttx-list.d.ts

@@ -1,51 +1,51 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-interface LoadEventOptions {
-  name: string;
-  items: object[];
-  lastPage: boolean;
-}
-interface ActionSelectedEventOptions {
-  name: string;
-  eventName: string;
-  removeRows: boolean;
-}
-interface GenericTemplateData {
-  text: string;
-  icon?: string;
-  iconColor?: string;
-}
-export declare class TttxList {
-  host: HTMLElement;
-  name: string;
-  selectable: boolean;
-  items: object[];
-  selectedIds: number[];
-  loading: boolean;
-  lastPage: boolean;
-  private template;
-  private scrollableParent;
-  private rowCount;
-  listLoadHandler(event: CustomEvent<LoadEventOptions>): void;
-  listPaginate: EventEmitter;
-  listPaginateHandler(): void;
-  listClearDataCacheHandler(event: CustomEvent): void;
-  listActionSelectedEventHandler(event: CustomEvent<ActionSelectedEventOptions>): void;
-  listSelectedEvent: EventEmitter;
-  removeSelectedRows(): void;
-  listItemClick: EventEmitter;
-  listItemClickHandler(itemData: object): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  listItemContainer(): Element;
-  scrollHandler(): Promise<void>;
-  isScrollable(node: HTMLElement): boolean;
-  getScrollableParent(node: HTMLElement): any;
-  appendRowCheckbox(rowContainer: HTMLElement): void;
-  appendSeededTemplate(rowData: object, rowContainer: HTMLElement): void;
-  appendGenericTemplate(rowData: GenericTemplateData, rowContainer: HTMLElement): void;
-  row(rowData: object): HTMLDivElement;
-  renderRows(batchData: object[]): void;
-  loadIndicator(): any;
-  render(): any;
-}
-export {};
+import { EventEmitter } from '../../../stencil-public-runtime';
+interface LoadEventOptions {
+  name: string;
+  items: object[];
+  lastPage: boolean;
+}
+interface ActionSelectedEventOptions {
+  name: string;
+  eventName: string;
+  removeRows: boolean;
+}
+interface GenericTemplateData {
+  text: string;
+  icon?: string;
+  iconColor?: string;
+}
+export declare class TttxList {
+  host: HTMLElement;
+  name: string;
+  selectable: boolean;
+  items: object[];
+  selectedIds: number[];
+  loading: boolean;
+  lastPage: boolean;
+  private template;
+  private scrollableParent;
+  private rowCount;
+  listLoadHandler(event: CustomEvent<LoadEventOptions>): void;
+  listPaginate: EventEmitter;
+  listPaginateHandler(): void;
+  listClearDataCacheHandler(event: CustomEvent): void;
+  listActionSelectedEventHandler(event: CustomEvent<ActionSelectedEventOptions>): void;
+  listSelectedEvent: EventEmitter;
+  removeSelectedRows(): void;
+  listItemClick: EventEmitter;
+  listItemClickHandler(itemData: object): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  listItemContainer(): Element;
+  scrollHandler(): Promise<void>;
+  isScrollable(node: HTMLElement): boolean;
+  getScrollableParent(node: HTMLElement): any;
+  appendRowCheckbox(rowContainer: HTMLElement): void;
+  appendSeededTemplate(rowData: object, rowContainer: HTMLElement): void;
+  appendGenericTemplate(rowData: GenericTemplateData, rowContainer: HTMLElement): void;
+  row(rowData: object): HTMLDivElement;
+  renderRows(batchData: object[]): void;
+  loadIndicator(): any;
+  render(): any;
+}
+export {};

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

@@ -1,13 +1,13 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    selectable: {
-      control: {
-        type: string;
-      };
-    };
-  };
-};
-export default _default;
-export declare const ListWithGenericTemplate: (args: any) => string;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    selectable: {
+      control: {
+        type: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const ListWithGenericTemplate: (args: any) => string;

package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.d.ts

@@ -1,38 +1,38 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export type DateSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}`;
-export type MonthSyntax = `${number}${number}${number}${number}-${number}${number}`;
-export type WeekSyntax = `${number}${number}${number}${number}-W${number}${number}`;
-export type TimeSyntax = `${number}${number}:${number}${number}`;
-export type DateTimeLocalSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}T${number}${number}:${number}${number}`;
-export type MinMaxDates = DateSyntax | MonthSyntax | WeekSyntax | TimeSyntax | DateTimeLocalSyntax;
-export declare class TttxInput {
-  label: string;
-  showerrormsg: boolean;
-  errormsg: string;
-  iconleft: string;
-  iconright: string;
-  autocapitalize: string;
-  autocomplete: 'off' | 'on';
-  autofocus: boolean;
-  checked: boolean;
-  disabled: boolean;
-  max: MinMaxDates | number;
-  maxlength: string | number;
-  min: MinMaxDates | number;
-  minlength: string | number;
-  name: string;
-  pattern: string;
-  placeholder: string;
-  readonly: string | boolean;
-  required: boolean;
-  step: string | number;
-  type: string;
-  value: string | number;
-  valueChanged: EventEmitter<string>;
-  handleChange(event: Event | InputEvent): void;
-  focusChanged: EventEmitter<string>;
-  handleFocus(event: Event | InputEvent): void;
-  blurChanged: EventEmitter<string>;
-  handleBlur(event: Event | InputEvent): void;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+export type DateSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}`;
+export type MonthSyntax = `${number}${number}${number}${number}-${number}${number}`;
+export type WeekSyntax = `${number}${number}${number}${number}-W${number}${number}`;
+export type TimeSyntax = `${number}${number}:${number}${number}`;
+export type DateTimeLocalSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}T${number}${number}:${number}${number}`;
+export type MinMaxDates = DateSyntax | MonthSyntax | WeekSyntax | TimeSyntax | DateTimeLocalSyntax;
+export declare class TttxInput {
+  label: string;
+  showerrormsg: boolean;
+  errormsg: string;
+  iconleft: string;
+  iconright: string;
+  autocapitalize: string;
+  autocomplete: 'off' | 'on';
+  autofocus: boolean;
+  checked: boolean;
+  disabled: boolean;
+  max: MinMaxDates | number;
+  maxlength: string | number;
+  min: MinMaxDates | number;
+  minlength: string | number;
+  name: string;
+  pattern: string;
+  placeholder: string;
+  readonly: string | boolean;
+  required: boolean;
+  step: string | number;
+  type: string;
+  value: string | number;
+  valueChanged: EventEmitter<string>;
+  handleChange(event: Event | InputEvent): void;
+  focusChanged: EventEmitter<string>;
+  handleFocus(event: Event | InputEvent): void;
+  blurChanged: EventEmitter<string>;
+  handleBlur(event: Event | InputEvent): void;
+  render(): any;
+}

package/dist/types/components/molecules/tttx-standalone-input/tttx-standalone-input.stories.d.ts

@@ -1,106 +1,106 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    iconleft: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    iconright: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    label: {
-      control: {
-        type: string;
-      };
-    };
-    errormsg: {
-      control: {
-        type: string;
-      };
-    };
-    showerrormsg: {
-      control: {
-        type: string;
-      };
-    };
-    checked: {
-      control: {
-        type: string;
-      };
-    };
-    disabled: {
-      control: {
-        type: string;
-      };
-    };
-    max: {
-      control: {
-        type: string;
-      };
-    };
-    maxlength: {
-      control: {
-        type: string;
-      };
-    };
-    min: {
-      control: {
-        type: string;
-      };
-    };
-    minlength: {
-      control: {
-        type: string;
-      };
-    };
-    name: {
-      control: {
-        type: string;
-      };
-    };
-    pattern: {
-      control: {
-        type: string;
-      };
-    };
-    placeholder: {
-      control: {
-        type: string;
-      };
-    };
-    readonly: {
-      control: {
-        type: string;
-      };
-    };
-    required: {
-      control: {
-        type: string;
-      };
-    };
-    step: {
-      control: {
-        type: string;
-      };
-    };
-    type: {
-      options: string[];
-      control: {
-        type: string;
-      };
-    };
-    value: {
-      control: {
-        type: string;
-      };
-    };
-  };
-};
-export default _default;
-export declare const InputField: any;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    iconleft: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    iconright: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    label: {
+      control: {
+        type: string;
+      };
+    };
+    errormsg: {
+      control: {
+        type: string;
+      };
+    };
+    showerrormsg: {
+      control: {
+        type: string;
+      };
+    };
+    checked: {
+      control: {
+        type: string;
+      };
+    };
+    disabled: {
+      control: {
+        type: string;
+      };
+    };
+    max: {
+      control: {
+        type: string;
+      };
+    };
+    maxlength: {
+      control: {
+        type: string;
+      };
+    };
+    min: {
+      control: {
+        type: string;
+      };
+    };
+    minlength: {
+      control: {
+        type: string;
+      };
+    };
+    name: {
+      control: {
+        type: string;
+      };
+    };
+    pattern: {
+      control: {
+        type: string;
+      };
+    };
+    placeholder: {
+      control: {
+        type: string;
+      };
+    };
+    readonly: {
+      control: {
+        type: string;
+      };
+    };
+    required: {
+      control: {
+        type: string;
+      };
+    };
+    step: {
+      control: {
+        type: string;
+      };
+    };
+    type: {
+      options: string[];
+      control: {
+        type: string;
+      };
+    };
+    value: {
+      control: {
+        type: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const InputField: any;

package/dist/types/components/molecules/tttx-table/tttx-table.d.ts

@@ -1,15 +1,15 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class TttxTable {
-  headers: any;
-  data: any;
-  loading: boolean;
-  selected: number;
-  rowSelected: EventEmitter<any>;
-  headerClicked: EventEmitter<any>;
-  handleKeyDown(ev: KeyboardEvent): void;
-  updateSelectedIndex(key: string): void;
-  emitRowSelected(): void;
-  rowSelectedHandler(row: any): void;
-  headerClickedHandler(key: string): void;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class TttxTable {
+  headers: any[];
+  data: any[];
+  loading: boolean;
+  selected: number;
+  rowSelected: EventEmitter<any>;
+  headerClicked: EventEmitter<any>;
+  handleKeyDown(ev: KeyboardEvent): void;
+  updateSelectedIndex(key: string): void;
+  emitRowSelected(): void;
+  rowSelectedHandler(row: any): void;
+  headerClickedHandler(key: string): void;
+  render(): any;
+}

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

@@ -1,21 +1,21 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    loading: {
-      control: {
-        type: string;
-      };
-    };
-  };
-  parameters: {
-    actions: {
-      handles: string[];
-    };
-  };
-  decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
-};
-export default _default;
-export declare const BasicTable: any;
-export declare const TablePreSelected: any;
-export declare const TableLoading: any;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    loading: {
+      control: {
+        type: string;
+      };
+    };
+  };
+  parameters: {
+    actions: {
+      handles: string[];
+    };
+  };
+  decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
+};
+export default _default;
+export declare const BasicTable: any;
+export declare const TablePreSelected: any;
+export declare const TableLoading: any;

package/dist/types/components/palette.stories.d.ts

@@ -1,6 +1,6 @@
-declare const _default: {
-  title: string;
-  component: string;
-};
-export default _default;
-export declare const Default: any;
+declare const _default: {
+  title: string;
+  component: string;
+};
+export default _default;
+export declare const Default: any;

package/dist/types/components.d.ts

@@ -8,8 +8,10 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { MinMaxDates } from "./components/molecules/tttx-standalone-input/tttx-standalone-input";
 export namespace Components {
     interface TttxButton {
-        "buttonStyle": string;
-        "fontColor": string;
+        "design": string;
+        "icon": string;
+        "iconposition": 'left' | 'right';
+        "notext": boolean;
     }
     interface TttxCheckbox {
         "label": string;
@@ -21,9 +23,16 @@ export namespace Components {
         "submitValue": any;
     }
     interface TttxIcon {
-        "colour": string;
+        "color": string;
         "icon": string;
     }
+    interface TttxInputCalendar {
+        "months": boolean;
+        "years": boolean;
+    }
+    interface TttxKeyvalueBlock {
+        "keyvalues": any;
+    }
     interface TttxList {
         "name": string;
         "selectable": boolean;
@@ -63,16 +72,12 @@ export namespace Components {
         "value": string | number;
     }
     interface TttxTable {
-        "data": any;
-        "headers": any;
+        "data": any[];
+        "headers": any[];
         "loading": boolean;
         "selected": number;
     }
 }
-export interface TttxButtonCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLTttxButtonElement;
-}
 export interface TttxCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTttxCheckboxElement;
@@ -118,6 +123,18 @@ declare global {
         prototype: HTMLTttxIconElement;
         new (): HTMLTttxIconElement;
     };
+    interface HTMLTttxInputCalendarElement extends Components.TttxInputCalendar, HTMLStencilElement {
+    }
+    var HTMLTttxInputCalendarElement: {
+        prototype: HTMLTttxInputCalendarElement;
+        new (): HTMLTttxInputCalendarElement;
+    };
+    interface HTMLTttxKeyvalueBlockElement extends Components.TttxKeyvalueBlock, HTMLStencilElement {
+    }
+    var HTMLTttxKeyvalueBlockElement: {
+        prototype: HTMLTttxKeyvalueBlockElement;
+        new (): HTMLTttxKeyvalueBlockElement;
+    };
     interface HTMLTttxListElement extends Components.TttxList, HTMLStencilElement {
     }
     var HTMLTttxListElement: {
@@ -153,6 +170,8 @@ declare global {
         "tttx-checkbox": HTMLTttxCheckboxElement;
         "tttx-form": HTMLTttxFormElement;
         "tttx-icon": HTMLTttxIconElement;
+        "tttx-input-calendar": HTMLTttxInputCalendarElement;
+        "tttx-keyvalue-block": HTMLTttxKeyvalueBlockElement;
         "tttx-list": HTMLTttxListElement;
         "tttx-loading-spinner": HTMLTttxLoadingSpinnerElement;
         "tttx-popover-content": HTMLTttxPopoverContentElement;
@@ -162,9 +181,10 @@ declare global {
 }
 declare namespace LocalJSX {
     interface TttxButton {
-        "buttonStyle"?: string;
-        "fontColor"?: string;
-        "onClickEvent"?: (event: TttxButtonCustomEvent<string>) => void;
+        "design"?: string;
+        "icon"?: string;
+        "iconposition"?: 'left' | 'right';
+        "notext"?: boolean;
     }
     interface TttxCheckbox {
         "label"?: string;
@@ -179,9 +199,16 @@ declare namespace LocalJSX {
         "submitValue"?: any;
     }
     interface TttxIcon {
-        "colour"?: string;
+        "color"?: string;
         "icon"?: string;
     }
+    interface TttxInputCalendar {
+        "months"?: boolean;
+        "years"?: boolean;
+    }
+    interface TttxKeyvalueBlock {
+        "keyvalues"?: any;
+    }
     interface TttxList {
         "name"?: string;
         "onListItemClick"?: (event: TttxListCustomEvent<any>) => void;
@@ -227,8 +254,8 @@ declare namespace LocalJSX {
         "value"?: string | number;
     }
     interface TttxTable {
-        "data"?: any;
-        "headers"?: any;
+        "data"?: any[];
+        "headers"?: any[];
         "loading"?: boolean;
         "onHeaderClicked"?: (event: TttxTableCustomEvent<any>) => void;
         "onRowSelected"?: (event: TttxTableCustomEvent<any>) => void;
@@ -239,6 +266,8 @@ declare namespace LocalJSX {
         "tttx-checkbox": TttxCheckbox;
         "tttx-form": TttxForm;
         "tttx-icon": TttxIcon;
+        "tttx-input-calendar": TttxInputCalendar;
+        "tttx-keyvalue-block": TttxKeyvalueBlock;
         "tttx-list": TttxList;
         "tttx-loading-spinner": TttxLoadingSpinner;
         "tttx-popover-content": TttxPopoverContent;
@@ -254,6 +283,8 @@ declare module "@stencil/core" {
             "tttx-checkbox": LocalJSX.TttxCheckbox & JSXBase.HTMLAttributes<HTMLTttxCheckboxElement>;
             "tttx-form": LocalJSX.TttxForm & JSXBase.HTMLAttributes<HTMLTttxFormElement>;
             "tttx-icon": LocalJSX.TttxIcon & JSXBase.HTMLAttributes<HTMLTttxIconElement>;
+            "tttx-input-calendar": LocalJSX.TttxInputCalendar & JSXBase.HTMLAttributes<HTMLTttxInputCalendarElement>;
+            "tttx-keyvalue-block": LocalJSX.TttxKeyvalueBlock & JSXBase.HTMLAttributes<HTMLTttxKeyvalueBlockElement>;
             "tttx-list": LocalJSX.TttxList & JSXBase.HTMLAttributes<HTMLTttxListElement>;
             "tttx-loading-spinner": LocalJSX.TttxLoadingSpinner & JSXBase.HTMLAttributes<HTMLTttxLoadingSpinnerElement>;
             "tttx-popover-content": LocalJSX.TttxPopoverContent & JSXBase.HTMLAttributes<HTMLTttxPopoverContentElement>;

package/dist/types/docs/gettingstarted-developer.stories.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
-  title: string;
-};
-export default _default;
-export declare const Default: any;
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: any;