Skip to content

Commit

Permalink
5480 toast komponente wiederherstellen (#5489)
Browse files Browse the repository at this point in the history
  • Loading branch information
@deleonio
deleonio authored Oct 27, 2023
2 parents 5b0c6a4 + e3c64db commit ba23eb6
Show file tree
Hide file tree
Showing 36 changed files with 1,028 additions and 294 deletions.
78 changes: 68 additions & 10 deletions packages/components/src/components.d.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ import { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps
import { KoliBriTabsCallbacks, TabButtonProps } from "./components/tabs/types";
import { CSSResize } from "./components/textarea/types";
import { KoliBriToastEventCallbacks } from "./types/toast";
import { Toast, ToastState, ToastStatus } from "./components/toast-container/types";
import { Toast, ToastState } from "./components/toaster/types";
export { LabelPropType, LabelWithExpertSlotPropType } from "./types/props/label";
export { TooltipAlignPropType } from "./types/props/tooltip-align";
export { HeadingLevel } from "./types/heading-level";
Expand Down Expand Up @@ -124,7 +124,7 @@ export { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps
export { KoliBriTabsCallbacks, TabButtonProps } from "./components/tabs/types";
export { CSSResize } from "./components/textarea/types";
export { KoliBriToastEventCallbacks } from "./types/toast";
export { Toast, ToastState, ToastStatus } from "./components/toast-container/types";
export { Toast, ToastState } from "./components/toaster/types";
export namespace Components {
interface KolAbbr {
/**
Expand Down Expand Up @@ -3097,19 +3097,45 @@ export namespace Components {
*/
"_value"?: string;
}
/**
* @deprecated - Use ToastService - see toaster
*/
interface KolToast {
/**
* Defines whether the screen-readers should read out the notification.
*/
"_alert"?: boolean;
/**
* Defines whether the element can be closed.
* @TODO : Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.
*/
"_hasCloser"?: boolean;
/**
* Deprecated: Gibt die Beschriftung der Komponente an.
* @deprecated Use _label.
*/
"_heading"?: string;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
*/
"_label": LabelPropType;
"_label"?: LabelPropType;
/**
* Defines the event callback functions for the component.
* Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
*/
"_level"?: HeadingLevel;
/**
* Gibt die EventCallback-Function für das Schließen des Toasts an.
*/
"_on"?: KoliBriToastEventCallbacks;
/**
* Defines the current toast status.
* Makes the element show up.
* @TODO : Change type back to `ShowPropType` after Stencil#4663 has been resolved.
*/
"_status": ToastStatus;
"_show"?: boolean;
/**
* Gibt an, wie viele Millisekunden der Toast eingeblendet werden soll.
*/
"_showDuration"?: number;
/**
* Defines either the type of the component or of the components interactive element.
*/
Expand Down Expand Up @@ -3514,6 +3540,9 @@ declare global {
prototype: HTMLKolTextareaElement;
new (): HTMLKolTextareaElement;
};
/**
* @deprecated - Use ToastService - see toaster
*/
interface HTMLKolToastElement extends Components.KolToast, HTMLStencilElement {
}
var HTMLKolToastElement: {
Expand Down Expand Up @@ -6576,19 +6605,45 @@ declare namespace LocalJSX {
*/
"_value"?: string;
}
/**
* @deprecated - Use ToastService - see toaster
*/
interface KolToast {
/**
* Defines whether the screen-readers should read out the notification.
*/
"_alert"?: boolean;
/**
* Defines whether the element can be closed.
* @TODO : Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.
*/
"_hasCloser"?: boolean;
/**
* Deprecated: Gibt die Beschriftung der Komponente an.
* @deprecated Use _label.
*/
"_heading"?: string;
/**
* Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
*/
"_label": LabelPropType;
"_label"?: LabelPropType;
/**
* Defines the event callback functions for the component.
* Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
*/
"_level"?: HeadingLevel;
/**
* Gibt die EventCallback-Function für das Schließen des Toasts an.
*/
"_on"?: KoliBriToastEventCallbacks;
/**
* Defines the current toast status.
* Makes the element show up.
* @TODO : Change type back to `ShowPropType` after Stencil#4663 has been resolved.
*/
"_status": ToastStatus;
"_show"?: boolean;
/**
* Gibt an, wie viele Millisekunden der Toast eingeblendet werden soll.
*/
"_showDuration"?: number;
/**
* Defines either the type of the component or of the components interactive element.
*/
Expand Down Expand Up @@ -6765,6 +6820,9 @@ declare module "@stencil/core" {
"kol-table": LocalJSX.KolTable & JSXBase.HTMLAttributes<HTMLKolTableElement>;
"kol-tabs": LocalJSX.KolTabs & JSXBase.HTMLAttributes<HTMLKolTabsElement>;
"kol-textarea": LocalJSX.KolTextarea & JSXBase.HTMLAttributes<HTMLKolTextareaElement>;
/**
* @deprecated - Use ToastService - see toaster
*/
"kol-toast": LocalJSX.KolToast & JSXBase.HTMLAttributes<HTMLKolToastElement>;
"kol-toast-container": LocalJSX.KolToastContainer & JSXBase.HTMLAttributes<HTMLKolToastContainerElement>;
"kol-tooltip-wc": LocalJSX.KolTooltipWc & JSXBase.HTMLAttributes<HTMLKolTooltipWcElement>;
Expand Down
2 changes: 1 addition & 1 deletion packages/components/src/components/button/readme.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -130,7 +130,7 @@ Probleme mit Disabled-Status
- [kol-nav](../nav)
- [kol-pagination](../pagination)
- [kol-table](../table)
- [kol-toast-container](../toast-container)
- [kol-toast-container](../toaster)

### Depends on

Expand Down
2 changes: 1 addition & 1 deletion packages/components/src/components/component-list.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ import { KolSymbol } from './symbol/component';
import { KolTable } from './table/component';
import { KolTabs } from './tabs/component';
import { KolTextarea } from './textarea/component';
import { KolToastContainer } from './toast-container/component';
import { KolToastContainer } from './toaster/component';
import { KolToast } from './toast/component';
import { KolTooltip } from './tooltip/component';
import { KolVersion } from './version/component';
Expand Down
14 changes: 7 additions & 7 deletions packages/components/src/components/modal/readme.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -106,13 +106,13 @@ Des Weiteren gibt es immer nur maximal ein aktives Modal, welches alle selektier

## Properties

| Property | Attribute | Description | Type | Default |
| ---------------- | ------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | ----------- |
| `_activeElement` | -- | Gibt die Referenz auf das auslösende HTML-Element an, wodurch das Modal geöffnet wurde. | `HTMLElement \| null \| undefined` | `undefined` |
| `_ariaLabel` | `_aria-label` | <span style="color:red">**[DEPRECATED]**</span> use \_label instead<br/><br/>Deprecated: Setzt die semantische Beschriftung der Komponente. | `string \| undefined` | `undefined` |
| `_label` | `_label` | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string \| undefined` | `undefined` |
| `_on` | -- | Gibt die EventCallback-Function für das Schließen des Modals an. | `undefined \| { onClose?: EventCallback<Event> \| undefined; }` | `undefined` |
| `_width` | `_width` | Defines the width of the modal. (max-width: 100%) | `string \| undefined` | `'100%'` |
| Property | Attribute | Description | Type | Default |
| ---------------- | ------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- | ----------- |
| `_activeElement` | -- | Gibt die Referenz auf das auslösende HTML-Element an, wodurch das Modal geöffnet wurde. | `HTMLElement \| null \| undefined` | `undefined` |
| `_ariaLabel` | `_aria-label` | <span style="color:red">**[DEPRECATED]**</span> use \_label instead<br/><br/>Deprecated: Setzt die semantische Beschriftung der Komponente. | `string \| undefined` | `undefined` |
| `_label` | `_label` | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string \| undefined` | `undefined` |
| `_on` | -- | Gibt die EventCallback-Function für das Schließen des Modals an. | `undefined \| ({ onClose?: (() => void) \| undefined; })` | `undefined` |
| `_width` | `_width` | Defines the width of the modal. (max-width: 100%) | `string \| undefined` | `'100%'` |

## Slots

Expand Down
39 changes: 0 additions & 39 deletions packages/components/src/components/toast-container/readme.md
View file

This file was deleted.

9 changes: 0 additions & 9 deletions packages/components/src/components/toast-container/style.css
View file

This file was deleted.

Loading

0 comments on commit ba23eb6

Please sign in to comment.