@3t-transform/threeteeui 0.1.52 → 0.1.58

package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.d.ts

@@ -1,7 +1,7 @@
-export declare class TttxKeyvalueBlock {
-  keyvalues: any | any[] | string;
-  horizontal: boolean;
-  private renderSingleElements;
-  private renderArrayElements;
-  render(): any;
-}
+export declare class TttxKeyvalueBlock {
+  keyvalues: any | any[] | string;
+  horizontal: boolean;
+  private renderSingleElements;
+  private renderArrayElements;
+  render(): any;
+}

package/dist/types/components/atoms/tttx-keyvalue-block/tttx-keyvalue-block.stories.d.ts

@@ -1,9 +1,9 @@
-declare const _default: {
-  title: string;
-  component: string;
-};
-export default _default;
-export declare const KeyValueBlock: () => string;
-export declare const KeyValueSubtitleBlock: () => string;
-export declare const HorizontalKeyValueBlock: () => string;
-export declare const HorizontalKeyValueSubtitleBlock: () => string;
+declare const _default: {
+  title: string;
+  component: string;
+};
+export default _default;
+export declare const KeyValueBlock: () => string;
+export declare const KeyValueSubtitleBlock: () => string;
+export declare const HorizontalKeyValueBlock: () => string;
+export declare const HorizontalKeyValueSubtitleBlock: () => string;

package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.d.ts

@@ -1,6 +1,6 @@
-export declare class TttxLoadingSpinner {
-  loadingMessage: boolean;
-  size: 'small' | 'large';
-  renderLoadingMessage(): any;
-  render(): any;
-}
+export declare class TttxLoadingSpinner {
+  loadingMessage: boolean;
+  size: 'small' | 'large';
+  renderLoadingMessage(): any;
+  render(): any;
+}

package/dist/types/components/atoms/tttx-loading-spinner/tttx-loading-spinner.stories.d.ts

@@ -1,17 +1,17 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    loadingMessage: {
-      control: string;
-    };
-    size: {
-      control: {
-        type: string;
-      };
-      options: string[];
-    };
-  };
-};
-export default _default;
-export declare const Example: (args: any) => string;
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    loadingMessage: {
+      control: string;
+    };
+    size: {
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+  };
+};
+export default _default;
+export declare const Example: (args: any) => string;

package/dist/types/components/atoms/tttx-qrcode/tttx-qrcode.d.ts

@@ -1,8 +1,8 @@
-export declare class TttxQrCode {
-  link: string;
-  size: number;
-  hostElement: HTMLElement;
-  componentDidLoad(): void;
-  setShadowCanvas(id: string, options: any): void;
-  render(): any;
-}
+export declare class TttxQrCode {
+  link: string;
+  size: number;
+  hostElement: HTMLElement;
+  componentDidLoad(): void;
+  setShadowCanvas(id: string, options: any): void;
+  render(): any;
+}

package/dist/types/components/atoms/tttx-qrcode/tttx-qrcode.stories.d.ts

@@ -1,23 +1,23 @@
-declare const _default: {
-  title: string;
-  component: string;
-  argTypes: {
-    url: {
-      control: {
-        type: string;
-      };
-    };
-    size: {
-      control: string;
-      default: number;
-    };
-  };
-};
-export default _default;
-export declare const basicQRCode: {
-  (args: any): string;
-  args: {
-    url: string;
-    size: number;
-  };
-};
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    url: {
+      control: {
+        type: string;
+      };
+    };
+    size: {
+      control: string;
+      default: number;
+    };
+  };
+};
+export default _default;
+export declare const basicQRCode: {
+  (args: any): string;
+  args: {
+    url: string;
+    size: number;
+  };
+};

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

@@ -1,18 +1,18 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { DialogItems } from './interfaces';
-export declare class TttxDialogBox {
-  data: string | DialogItems;
-  size: 'regular' | 'mobile' | 'large' | 'small';
-  elementSize: 'regular' | 'mobile' | 'large' | 'small';
-  private _data;
-  closeButtonClick: EventEmitter;
-  buttonClick: EventEmitter;
-  handleResize(): void;
-  onCloseClickHandler(): void;
-  onButtonClickHandler(index: number): void;
-  renderHeader(header: any): any;
-  renderContent(content: any): any;
-  renderFooter(footer: any): any;
-  componentWillLoad(): void;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { DialogItems } from './interfaces';
+export declare class TttxDialogBox {
+  data: string | DialogItems;
+  size: 'regular' | 'mobile' | 'large' | 'small';
+  elementSize: 'regular' | 'mobile' | 'large' | 'small';
+  private _data;
+  closeButtonClick: EventEmitter;
+  buttonClick: EventEmitter;
+  handleResize(): void;
+  onCloseClickHandler(): void;
+  onButtonClickHandler(index: number): void;
+  renderHeader(header: any): any;
+  renderContent(content: any): any;
+  renderFooter(footer: any): any;
+  componentWillLoad(): void;
+  render(): any;
+}

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

@@ -1,24 +1,24 @@
-declare const _default: {
-  title: string;
-  component: string;
-  parameters: {
-    docs: {
-      description: {
-        component: string;
-      };
-    };
-  };
-};
-export default _default;
-export declare const Default: any;
-export declare const Mobile: any;
-export declare const Small: any;
-export declare const Large: any;
-export declare const closeDisabled: any;
-export declare const Icon: any;
-export declare const Info: any;
-export declare const Success: any;
-export declare const Warning: any;
-export declare const Critical: any;
-export declare const CustomHTML: any;
-export declare const OverflowingText: any;
+declare const _default: {
+  title: string;
+  component: string;
+  parameters: {
+    docs: {
+      description: {
+        component: string;
+      };
+    };
+  };
+};
+export default _default;
+export declare const Default: any;
+export declare const Mobile: any;
+export declare const Small: any;
+export declare const Large: any;
+export declare const closeDisabled: any;
+export declare const Icon: any;
+export declare const Info: any;
+export declare const Success: any;
+export declare const Warning: any;
+export declare const Critical: any;
+export declare const CustomHTML: any;
+export declare const OverflowingText: any;

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

@@ -1,43 +1,44 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export interface FilterSettings {
-  optionIcon: string;
-  optionIconColor: string;
-  optionText: string;
-}
-export interface FilterChangeEvent {
-  selectedFilters: string[];
-  filterKey: string;
-  allSelected: boolean;
-}
-export declare class TttxFilter {
-  filterKey: string;
-  filterOptions: string | FilterSettings[];
-  showSelectAll: boolean;
-  showSearchField: boolean;
-  showOptionIcons: boolean;
-  filterButtonStyle: 'list filter' | 'list icon' | 'table icon';
-  filterHeader: string;
-  defaultFilterOptions: string[] | string;
-  popoverWidth: string;
-  showPopover: boolean;
-  displayedFilterSettings: FilterSettings[];
-  selectedFilters: string[];
-  filterSearchTerm: string;
-  allSelected: boolean;
-  filterChangeEvent: EventEmitter<FilterChangeEvent>;
-  el: any;
-  handleCloseFilter(): void;
-  emitFilterEvent(): void;
-  onFilterButtonClick(): void;
-  onCloseButtonClick(): void;
-  onApplyFilterButtonClick(): void;
-  onFilterOptionSelected(selectedOption: string): void;
-  componentWillLoad(): void;
-  togglePopover(): void;
-  handleFilterChange(event: Event | InputEvent): void;
-  onSelectAllClick(): void;
-  getFilterButtonClassName(buttonStyle: string): "" | "--table-icon" | "--list-icon";
-  parseFilterOptions(): any;
-  parseDefaultFilterOptions(): any;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+export interface FilterSettings {
+  optionIcon: string;
+  optionIconColor: string;
+  optionText: string;
+}
+export interface FilterChangeEvent {
+  selectedFilters: string[];
+  filterKey: string;
+  allSelected: boolean;
+}
+export declare class TttxFilter {
+  filterKey: string;
+  filterOptions: string | FilterSettings[];
+  showSelectAll: boolean;
+  showSearchField: boolean;
+  showOptionIcons: boolean;
+  filterButtonStyle: 'list filter' | 'list icon' | 'table icon';
+  filterHeader: string;
+  defaultFilterOptions: string[] | string;
+  popoverWidth: string;
+  showPopover: boolean;
+  displayedFilterSettings: FilterSettings[];
+  selectedFilters: string[];
+  filterSearchTerm: string;
+  allSelected: boolean;
+  filterChangeEvent: EventEmitter<FilterChangeEvent>;
+  toggleFilter: EventEmitter<boolean>;
+  el: any;
+  handleCloseFilter(): void;
+  emitFilterEvent(): void;
+  onFilterButtonClick(): void;
+  onCloseButtonClick(): void;
+  onApplyFilterButtonClick(): void;
+  onFilterOptionSelected(selectedOption: string): void;
+  componentWillLoad(): void;
+  togglePopover(): void;
+  handleFilterChange(event: Event | InputEvent): void;
+  onSelectAllClick(): void;
+  getFilterButtonClassName(buttonStyle: string): "" | "--table-icon" | "--list-icon";
+  parseFilterOptions(): any;
+  parseDefaultFilterOptions(): any;
+  render(): any;
+}

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

@@ -0,0 +1,76 @@
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    filterOptions: {
+      control: {
+        type: string;
+      };
+    };
+    filterButtonStyle: {
+      table: {
+        defaultValue: {
+          summary: string;
+        };
+      };
+      control: {
+        type: string;
+      };
+      options: string[];
+    };
+    showSearchField: {
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+      control: {
+        type: string;
+      };
+    };
+    showSelectAll: {
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+      control: {
+        type: string;
+      };
+    };
+    showOptionIcons: {
+      table: {
+        defaultValue: {
+          summary: boolean;
+        };
+      };
+      control: {
+        type: string;
+      };
+    };
+    filterHeader: {
+      control: {
+        type: string;
+      };
+    };
+    popoverWidth: {
+      control: {
+        type: string;
+      };
+    };
+  };
+  parameters: {
+    actions: {
+      handles: string[];
+    };
+  };
+  decorators: import("@storybook/types").Addon_DecoratorFunction<unknown>[];
+};
+export default _default;
+export declare const Default: any;
+export declare const CustomFilterOptions: any;
+export declare const DefaultFilterOptions: any;
+export declare const EverythingDefaultFilterOptions: any;
+export declare const ListFilterWithoutSearchField: any;
+export declare const TableIconWithoutOptionIconsOrSelectAll: any;
+export declare const WithCustomWidth: any;

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

@@ -1,13 +1,13 @@
-/**
- * Sets the error state of an input field by updating its class and error message.
- * If an error was detected, it sets the input field's class to "invalid" and
- * displays the error message in an error bubble. If no error was detected,
- * it removes the "invalid" class from the input field and clears the error bubble.
- *
- * @param {HTMLInputElement} target - The input field to update.
- * @param {boolean} hasError - Whether an error was detected in the field.
- * @param {string} errorMessage - The error message to display (if any).
- * @return {void}
- */
-declare function setErrorState(target: any, hasError: any, errorMessage: any): void;
-export default setErrorState;
+/**
+ * Sets the error state of an input field by updating its class and error message.
+ * If an error was detected, it sets the input field's class to "invalid" and
+ * displays the error message in an error bubble. If no error was detected,
+ * it removes the "invalid" class from the input field and clears the error bubble.
+ *
+ * @param {HTMLInputElement} target - The input field to update.
+ * @param {boolean} hasError - Whether an error was detected in the field.
+ * @param {string} errorMessage - The error message to display (if any).
+ * @return {void}
+ */
+declare function setErrorState(target: any, hasError: any, errorMessage: any): void;
+export default setErrorState;

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

@@ -1,17 +1,17 @@
-/**
- * Validates the input field on focusout event by checking its validity state,
- * sets an error message if there's an issue, and emits a "dataChanged" event to
- * the parent component with the field name and its new value.
- *
- * @param {Event} event - The focusout event triggered by the input field.
- * @return {void}
- */
-declare function validityCheck(event: {
-  target: any;
-  preventDefault: Function;
-}): {
-  target: any;
-  hasError: boolean;
-  errorMessage: string;
-};
-export default validityCheck;
+/**
+ * Validates the input field on focusout event by checking its validity state,
+ * sets an error message if there's an issue, and emits a "dataChanged" event to
+ * the parent component with the field name and its new value.
+ *
+ * @param {Event} event - The focusout event triggered by the input field.
+ * @return {void}
+ */
+declare function validityCheck(event: {
+  target: any;
+  preventDefault: Function;
+}): {
+  target: any;
+  hasError: boolean;
+  errorMessage: string;
+};
+export default validityCheck;