@3t-transform/threeteeui 0.1.37 → 0.1.42

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

@@ -1,13 +1,278 @@
-declare const _default: {
-  title: string;
-  component: string;
-  parameters: {
-    actions: {
-      handles: string[];
-    };
-  };
-  decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
-};
-export default _default;
-export declare const ExampleFormFromJSON: () => string;
-export declare const PrePopulateForm: () => string;
+declare const _default: {
+  title: string;
+  component: string;
+  parameters: {
+    actions: {
+      handles: string[];
+    };
+  };
+  decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
+};
+export default _default;
+export declare const SingleFormItem: {
+  (args: any): string;
+  args: {
+    formSchema: {
+      properties: {
+        input: {
+          type: string;
+          format: string;
+          form: {
+            type: string;
+            label: string;
+            validation: {
+              required: {
+                message: string;
+              };
+            };
+          };
+        };
+      };
+    };
+  };
+};
+export declare const ExampleFormFromJSON: {
+  (args: any): string;
+  args: {
+    formSchema: {
+      properties: {
+        title: {
+          type: string;
+          format: string;
+          form: {
+            type: string;
+            placeholder: string;
+            label: string;
+          };
+        };
+        forename: {
+          type: string;
+          format: string;
+          form: {
+            type: string;
+            placeholder: string;
+            label: string;
+            validation: {
+              required: {
+                message: string;
+              };
+            };
+          };
+        };
+        surname: {
+          type: string;
+          format: string;
+          form: {
+            type: string;
+            placeholder: string;
+            label: string;
+            validation: {
+              required: {
+                message: string;
+              };
+            };
+          };
+        };
+        postcode: {
+          type: string;
+          format: string;
+          form: {
+            type: string;
+            placeholder: string;
+            label: string;
+            validation: {
+              required: {
+                message: string;
+              };
+              pattern: {
+                pattern: string;
+                message: string;
+              };
+              maxlength: number;
+            };
+          };
+        };
+        age: {
+          type: string;
+          format: string;
+          form: {
+            type: string;
+            placeholder: string;
+            label: string;
+            validation: {
+              required: {
+                message: string;
+              };
+              badInput: {
+                message: string;
+              };
+            };
+          };
+        };
+        dob: {
+          type: string;
+          format: string;
+          form: {
+            type: string;
+            placeholder: string;
+            label: string;
+            validation: {
+              required: {
+                message: string;
+              };
+              minmax: {
+                min: string;
+                max: string;
+                message: string;
+              };
+            };
+          };
+        };
+        dropdown: {
+          form: {
+            type: string;
+            blankDefault: boolean;
+            label: string;
+            options: ({
+              label: string;
+              value: string;
+              placeholder: boolean;
+            } | {
+              label: string;
+              value: string;
+              placeholder?: undefined;
+            })[];
+            validation: {
+              required: {
+                message: string;
+              };
+            };
+          };
+        };
+        permissions: {
+          form: {
+            type: string;
+            label: string;
+            inlineLabel: string;
+            validation: {
+              required: {
+                message: string;
+              };
+            };
+          };
+        };
+      };
+    };
+  };
+};
+export declare const PrePopulateForm: {
+  (args: any): string;
+  args: {
+    data: {
+      title: string;
+      forename: string;
+      surname: string;
+      postcode: string;
+      age: string;
+      dob: string;
+    };
+    formSchema: {
+      properties: {
+        title: {
+          type: string;
+          format: string;
+          form: {
+            type: string;
+            placeholder: string;
+            label: string;
+          };
+        };
+        forename: {
+          type: string;
+          format: string;
+          form: {
+            type: string;
+            placeholder: string;
+            label: string;
+            validation: {
+              required: {
+                message: string;
+              };
+            };
+          };
+        };
+        surname: {
+          type: string;
+          format: string;
+          form: {
+            type: string;
+            placeholder: string;
+            label: string;
+            validation: {
+              required: {
+                message: string;
+              };
+            };
+          };
+        };
+        postcode: {
+          type: string;
+          format: string;
+          form: {
+            type: string;
+            placeholder: string;
+            label: string;
+            validation: {
+              required: {
+                message: string;
+              };
+              pattern: {
+                pattern: string;
+                message: string;
+              };
+              maxlength: number;
+            };
+          };
+        };
+        age: {
+          type: string;
+          format: string;
+          form: {
+            type: string;
+            placeholder: string;
+            label: string;
+            readonly: boolean;
+            validation: {
+              required: {
+                message: string;
+              };
+              badInput: {
+                message: string;
+              };
+            };
+          };
+        };
+        dob: {
+          type: string;
+          format: string;
+          form: {
+            type: string;
+            placeholder: string;
+            label: string;
+            readonly: boolean;
+            validation: {
+              required: {
+                message: string;
+              };
+              minmax: {
+                min: string;
+                max: string;
+                message: string;
+              };
+            };
+          };
+        };
+      };
+    };
+  };
+};

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

@@ -1,11 +1,11 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { ListItem } from './interfaces';
-export declare class TttxList {
-  data: string | ListItem[];
-  name: string;
-  rowClick: EventEmitter;
-  private _data;
-  onRowClickHandler(item: ListItem): void;
-  renderListItem(item: ListItem): any;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { ListItem } from './interfaces';
+export declare class TttxList {
+  data: string | ListItem[];
+  name: string;
+  rowClick: EventEmitter;
+  private _data;
+  onRowClickHandler(item: ListItem): void;
+  renderListItem(item: ListItem): any;
+  render(): any;
+}

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

@@ -1,14 +1,14 @@
-declare const _default: {
-  title: string;
-  component: string;
-  parameters: {
-    actions: {
-      handles: string[];
-    };
-  };
-  decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
-};
-export default _default;
-export declare const BasicStringList: any;
-export declare const BasicObjectList: any;
-export declare const BasicClickableList: any;
+declare const _default: {
+  title: string;
+  component: string;
+  parameters: {
+    actions: {
+      handles: string[];
+    };
+  };
+  decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
+};
+export default _default;
+export declare const BasicStringList: any;
+export declare const BasicObjectList: any;
+export declare const BasicClickableList: any;

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

@@ -1,19 +1,19 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { SorterData, SorterChangeEvent } from './interfaces';
-export declare class TttxSorter {
-  sorterKey: string;
-  defaultSortDirection: 'ascending' | 'descending';
-  fieldOptionsData: string | SorterData;
-  defaultOption: string;
-  selectedField: string;
-  sortDirection: 'ascending' | 'descending';
-  dropdownExpand: boolean;
-  dropdownOptions: HTMLElement[];
-  sorterChangeEvent: EventEmitter<SorterChangeEvent>;
-  el: any;
-  emitSortEvent(): void;
-  onSortToggleClick(event: Event): void;
-  onDropdownClicked(): void;
-  onDropdownSelected(event: Event): void;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { SorterData, SorterChangeEvent } from './interfaces';
+export declare class TttxSorter {
+  sorterKey: string;
+  defaultSortDirection: 'ascending' | 'descending';
+  fieldOptionsData: string | SorterData;
+  defaultOption: string;
+  selectedField: string;
+  sortDirection: 'ascending' | 'descending';
+  dropdownExpand: boolean;
+  dropdownOptions: HTMLElement[];
+  sorterChangeEvent: EventEmitter<SorterChangeEvent>;
+  el: any;
+  emitSortEvent(): void;
+  onSortToggleClick(event: Event): void;
+  onDropdownClicked(): void;
+  onDropdownSelected(event: Event): void;
+  render(): any;
+}

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

@@ -1,30 +1,30 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    fieldOptionsData: {
-      control: {
-        type: string;
-      };
-    };
-    defaultOption: {
-      control: {
-        type: string;
-      };
-    };
-    sorterKey: {
-      control: {
-        type: string;
-      };
-    };
-  };
-  parameters: {
-    actions: {
-      handles: string[];
-    };
-  };
-  decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
-};
-export default _default;
-export declare const BasicSorter: any;
-export declare const AnotherSorter: any;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    fieldOptionsData: {
+      control: {
+        type: string;
+      };
+    };
+    defaultOption: {
+      control: {
+        type: string;
+      };
+    };
+    sorterKey: {
+      control: {
+        type: string;
+      };
+    };
+  };
+  parameters: {
+    actions: {
+      handles: string[];
+    };
+  };
+  decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
+};
+export default _default;
+export declare const BasicSorter: any;
+export declare const AnotherSorter: any;

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

@@ -1,69 +1,69 @@
-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;
-  /**
-   * Footnote under the input field
-   */
-  secondarylabel: string;
-  showerrormsg: boolean;
-  showerrorbubble: boolean;
-  errormsg: string;
-  iconleft: string;
-  iconleftcolor: string;
-  iconright: string;
-  iconrightcolor: string;
-  inputicon: string;
-  inputiconcolor: string;
-  inline: boolean;
-  inputautocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
-  inputautofocus: boolean;
-  /**
-   * Defines what action to present for the enter key on virtual keyboards
-   */
-  inputkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
-  /**
-   * tabindex - Allows the HTML elements to be focusable
-   * @example <caption>In HTML (like `index.html`)</caption>
-   * <tttx-standalone-input input-index="1" />
-   * @example <caption>In TSX files</caption>
-   * <tttx-standalone-input inputindex={1} />
-   */
-  inputindex: string | number;
-  inputtitle: string;
-  autocomplete: 'off' | 'on';
-  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;
-  invalidChanged: EventEmitter<string>;
-  handleInvalid(event: Event | InputEvent): void;
-  inputIconClick: EventEmitter<void>;
-  handleInputIconClick(event: PointerEvent): void;
-  leftIconClick: EventEmitter<void>;
-  handleLeftIconClick(event: PointerEvent): void;
-  rightIconClick: EventEmitter<void>;
-  handleRightIconClick(event: PointerEvent): void;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare type DateSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}`;
+export declare type MonthSyntax = `${number}${number}${number}${number}-${number}${number}`;
+export declare type WeekSyntax = `${number}${number}${number}${number}-W${number}${number}`;
+export declare type TimeSyntax = `${number}${number}:${number}${number}`;
+export declare type DateTimeLocalSyntax = `${number}${number}${number}${number}-${number}${number}-${number}${number}T${number}${number}:${number}${number}`;
+export declare type MinMaxDates = DateSyntax | MonthSyntax | WeekSyntax | TimeSyntax | DateTimeLocalSyntax;
+export declare class TttxInput {
+  label: string;
+  /**
+   * Footnote under the input field
+   */
+  secondarylabel: string;
+  showerrormsg: boolean;
+  showerrorbubble: boolean;
+  errormsg: string;
+  iconleft: string;
+  iconleftcolor: string;
+  iconright: string;
+  iconrightcolor: string;
+  inputicon: string;
+  inputiconcolor: string;
+  inline: boolean;
+  inputautocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
+  inputautofocus: boolean;
+  /**
+   * Defines what action to present for the enter key on virtual keyboards
+   */
+  inputkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+  /**
+   * tabindex - Allows the HTML elements to be focusable
+   * @example <caption>In HTML (like `index.html`)</caption>
+   * <tttx-standalone-input input-index="1" />
+   * @example <caption>In TSX files</caption>
+   * <tttx-standalone-input inputindex={1} />
+   */
+  inputindex: string | number;
+  inputtitle: string;
+  autocomplete: 'off' | 'on';
+  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;
+  invalidChanged: EventEmitter<string>;
+  handleInvalid(event: Event | InputEvent): void;
+  inputIconClick: EventEmitter<void>;
+  handleInputIconClick(event: PointerEvent): void;
+  leftIconClick: EventEmitter<void>;
+  handleLeftIconClick(event: PointerEvent): void;
+  rightIconClick: EventEmitter<void>;
+  handleRightIconClick(event: PointerEvent): void;
+  render(): any;
+}