@otto-de/b2b-core-components 1.4.0 → 1.6.0

package/dist/types/components/rounded-icon/rounded-icon.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/web-components';
 export declare const story010Icon: any;
 export declare const story020Text: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/scrollable-container/scrollable-container.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/web-components';
 export declare const story010HorizontalScroll: any;
 export declare const story020VerticalScroll: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/search/search.d.ts

@@ -14,6 +14,7 @@ export declare class SearchComponent {
   b2bSearch: EventEmitter<SearchClickEventDetail>;
   closed: false;
   private onSearchClicked;
+  handleKeyDown(event: KeyboardEvent): void;
   private onInput;
   private onOptionSelected;
   render(): any;

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

@@ -2,5 +2,5 @@ import { Meta } from '@storybook/web-components';
 export declare const story010Search: any;
 export declare const story020SearchDisabled: any;
 export declare const story030CustomSearch: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/web-components';
 export declare const story010Horizontal: any;
 export declare const story020Vertical: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

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

@@ -4,5 +4,5 @@ export declare const story020Secondary: any;
 export declare const story025Inverse: any;
 export declare const story030Small: any;
 export declare const story040Large: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/tab-group/tab-group.stories.d.ts

@@ -1,4 +1,4 @@
 import { Meta } from '@storybook/web-components';
 export declare const story010AllTabs: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/table/table-cell/table-cell.d.ts

@@ -1,4 +1,4 @@
-import { ContentAlignment, TableSizes, TableColourOptions } from '../types';
+import { ContentAlignment, TableSizes, TableColourOptions } from '../../../utils/types/table.types';
 export declare class TableCellComponent {
   host: HTMLB2bTableCellElement;
   /** Whether text should wrap or truncate.

package/dist/types/components/table/table-header/table-header.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { TableSortDirections } from '../types';
+import { TableSortDirections } from '../../../utils/types/table.types';
 export declare class TableHeaderComponent {
   hostElement: HTMLB2bTableHeaderElement;
   /** adds a border to the right of the header. **/

package/dist/types/components/table/table-row/table-row.d.ts

@@ -1,21 +1,37 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { TableRowTypes, TableColourOptions } from '../types';
+import { TableAccordionRowTypes, TableColourOptions } from '../../../utils/types/table.types';
+import { B2bCheckboxCustomEvent, CheckboxEventDetail } from '../../../components';
 export declare class TableRowComponent {
   hostElement: HTMLB2bTableRowElement;
   /** Whether the row will be highlighted on mouse over **/
   highlight: boolean;
   /** Background color of the row. Use it semantically. This color selection have hover states **/
   color: TableColourOptions;
-  /** Determined by the parent rowgroup for accordion rowgroups. Do not set manually. */
-  type: TableRowTypes;
+  /** @internal Determined by the parent rowgroup for accordion rowgroups. */
+  accordionType: TableAccordionRowTypes;
+  /** @internal Whether the parent rowgroup is selectable. */
+  selectable: boolean;
+  /** The unique identifier for a selectable row. It is emitted when the row is selected. */
+  value?: string;
+  /** If a selectable row is a parent for an accordion, it becomes indeterminate when some of it's children are checked, but not all. */
+  indeterminate: boolean;
+  /** If a selectable row is currently checked. Per default, it is false. */
+  checked: boolean;
   /** Emits if the parent rowgroup is an accordion and the row is a top-level accordion row. Determines if the child rows will be shown. */
   b2bOpen: EventEmitter<boolean>;
+  /** Emits if the row is selectable and it is selected or unselected. Emits both unique value and the checkbox status. */
+  b2bSelected: EventEmitter<CheckboxEventDetail>;
   isOpen: boolean;
-  private toggleOpen;
+  toggleSelected(event: B2bCheckboxCustomEvent<CheckboxEventDetail>): void;
   /** Will toggle the accordion opened or closed. */
-  toggleAccordion(isOpen: any): Promise<void>;
+  toggleAccordion(isOpen: boolean): Promise<void>;
+  componentWillLoad(): void;
+  private toggleOpen;
   private getRowColor;
-  private getParentTableSize;
-  private getRowWidthForEqualSize;
+  private getRowWidth;
+  private shouldAddCheckbox;
+  private getParentRowGroup;
+  private getCheckbox;
+  private getAccordionColumns;
   render(): any;
 }

package/dist/types/components/table/table-rowgroup/table-rowgroup.d.ts

@@ -1,4 +1,6 @@
-import { TableRowgroupTypes } from '../types';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { TableRowgroupTypes } from '../../../utils/types/table.types';
+import { TableAccordionSelectedEventDetail } from '../../../utils/interfaces/content.interface';
 export declare class TableRowgroupComponent {
   host: HTMLB2bTableRowgroupElement;
   /** Rowgroup allows grouping rows by context: header, body or footer.
@@ -9,15 +11,23 @@ export declare class TableRowgroupComponent {
    * One table can contain multiple rowgroups of type body, each of which represents an accordion row with children.
    */
   accordion: boolean;
+  /** If the rows in the rowgroup can be selected via checkmark. Per default, it is false. */
+  selectable: boolean;
   /** Only use when accordion property is true.
    * Will render the accordion opened if set to true. By default, is false.
    */
   opened: boolean;
+  /** Emits when the rowgroup as a whole is selected. */
+  b2bSelect: EventEmitter<TableAccordionSelectedEventDetail>;
+  selectedValues: any[];
+  indeterminate: boolean;
   handleOpenChange(event: any): void;
-  private getFirstRow;
-  private getRemainingRows;
+  handleSelectedChange(event: any): void;
+  private toggleSelectAll;
+  private toggleList;
   private makeHeaderRowNotSelectable;
   private addAccordionControlColumn;
+  private addCheckboxColumn;
   private toggleInitialVisibility;
   private toggleChildRowVisibility;
   componentWillLoad(): void;

package/dist/types/components/table/table.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { TableSizes } from './types';
+import { TableSizes } from '../../utils/types/table.types';
 import { ColumnSortChangeEventDetail } from '../../utils/interfaces/interaction.interface';
 export declare class TableComponent {
   host: HTMLB2bTableElement;
@@ -10,10 +10,10 @@ export declare class TableComponent {
   size: TableSizes;
   /** Emits whenever the sort direction of any column in the table changes. */
   b2bSortChange: EventEmitter<ColumnSortChangeEventDetail>;
+  onColumnSelected(event: any): void;
   private setCellSize;
   private setFixedHeaders;
   componentDidRender(): void;
   componentDidLoad(): void;
-  onColumnSelected(event: any): void;
   render(): any;
 }

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

@@ -11,5 +11,6 @@ export declare const story090TableColor: any;
 export declare const story100ScrollableTable: any;
 export declare const story110Sorting: any;
 export declare const story120Accordion: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+export declare const story130Selectable: any;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/table/utils.d.ts

@@ -0,0 +1,4 @@
+export declare function updateCheckboxState(rows: HTMLB2bTableRowElement[], header: HTMLB2bTableRowElement): void;
+export declare function getAllRows(hostEl: HTMLB2bTableElement | HTMLB2bTableRowgroupElement): HTMLB2bTableRowElement[];
+export declare function getRemainingRows(hostEl: HTMLB2bTableElement | HTMLB2bTableRowgroupElement): HTMLB2bTableRowElement[];
+export declare function getFirstRow(hostEl: HTMLB2bTableElement | HTMLB2bTableRowgroupElement): HTMLB2bTableRowElement;

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

@@ -6,5 +6,5 @@ export declare const story040Hint: any;
 export declare const story050Error: any;
 export declare const story055Required: any;
 export declare const story060AllArgs: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/toggle-group/toggle-group.stories.d.ts

@@ -2,5 +2,5 @@ import { Meta } from '@storybook/web-components';
 export declare const story010Default: any;
 export declare const story020Disabled: any;
 export declare const story030SingleDisabled: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

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

@@ -8,5 +8,5 @@ export declare const story060Left: any;
 export declare const story070Right: any;
 export declare const story080Right: any;
 export declare const story090BlockElement: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;

package/dist/types/components/wizard/wizard-step.d.ts

@@ -0,0 +1,11 @@
+import { WizardSteps, WizardStatus } from '../../utils/types/wizard.types';
+export declare class WizardStepComponent {
+  /** Use when wizard has property custom true. The state of the step */
+  state: WizardStatus;
+  /** Use when wizard has property custom true. The step number */
+  step: WizardSteps;
+  /** Defaults to true. It will show a checkmark icon when a step is completed.
+   * Set as false to show the step number */
+  checkIcon: boolean;
+  render(): any;
+}

package/dist/types/components/wizard/wizard.d.ts

@@ -0,0 +1,19 @@
+import { WizardSteps } from '../../utils/types/wizard.types';
+export declare class WizardComponent {
+  host: HTMLB2bWizardElement;
+  /** The current active step */
+  activeStep: WizardSteps | '0';
+  /** By default, is false, where the wizard will handle steps states.
+   * If set to true, steps state must be handled manually.  */
+  custom: boolean;
+  /** Defaults to true. It will show a checkmark icon when a step is completed.
+   * Set as false to show the step number */
+  checkIcon: boolean;
+  private MAX_STEP_AMOUNT;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  private getChildSteps;
+  private setStepsState;
+  private getStepState;
+  render(): any;
+}

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

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/web-components';
+export declare const story010Wizard: any;
+export declare const story020WizardStates: any;
+declare const _default: Meta;
+export default _default;

package/dist/types/components/wizard-icon/wizard-icon.d.ts

@@ -1,7 +1,11 @@
+import { WizardStatus, WizardSteps } from '../../utils/types/wizard.types';
 export declare class WizardIconComponent {
   /** The step number */
-  step: '1' | '2' | '3' | '4' | '5' | '6';
+  step: WizardSteps;
   /** The state of the step */
-  state: 'completed' | 'pending' | 'disabled';
+  state: WizardStatus;
+  /** Defaults to true. It will show a checkmark icon when a step is completed.
+   * Set as false to show the step number */
+  checkIcon: boolean;
   render(): any;
 }

package/dist/types/components/wizard-icon/wizard-icon.stories.d.ts

@@ -1,6 +1,8 @@
 import { Meta } from '@storybook/web-components';
+export declare const story005Default: any;
 export declare const story010Completed: any;
+export declare const story015CompletedWithNumber: any;
 export declare const story020Pending: any;
 export declare const story030Disabled: any;
-declare const _default: Meta<import("@storybook/web-components").Args>;
+declare const _default: Meta;
 export default _default;