@sellmate/design-system 1.1.0 → 1.3.0

package/dist/types/components/sd-table/sd-tr/sd-tr.d.ts

@@ -6,6 +6,7 @@ export declare class SdTr {
     stickyColumn?: SdTableStickyColumn;
     rowKey: string;
     row: Row;
+    separator?: boolean;
     tableId: string;
     columnWidths: number[];
     isVisible: boolean;
@@ -15,9 +16,12 @@ export declare class SdTr {
     private _stickyColumn;
     private _scrolledLeft;
     private _scrolledRight;
+    private _dense;
     private tableEl;
+    private _prevRowKey;
     componentWillLoad(): void;
     componentDidLoad(): void;
+    disconnectedCallback(): void;
     private syncTableContext;
     private resolveConfig;
     refreshConfig(): Promise<void>;
@@ -35,7 +39,10 @@ export declare class SdTr {
     private getSpanFor;
     private isCovered;
     private getCellClassFor;
+    private expandCellClass;
     private isVisualLastRow;
     private isVisualLastRowForSelfRow;
+    private isVisualLastRowBeforeSeparator;
+    private isVisualLastRowBeforeSeparatorForSelfRow;
     render(): any;
 }

package/dist/types/components/sd-tag/sd-tag.d.ts

@@ -4,6 +4,7 @@ export declare class SdTag {
     label: string;
     icon?: IconName;
     isLeft: boolean;
+    componentWillLoad(): void;
     private get resolvedName();
     private get resolvedConfig();
     private renderIcon;

package/dist/types/components.d.ts

@@ -12,7 +12,7 @@ import { FieldAddonAlign, FieldSize } from "./components/sd-field/sd-field.confi
 import { Rule } from "./types/form";
 import { SdTooltipProps, TooltipType } from "./components/sd-tooltip/sd-tooltip.config";
 import { Event } from "./stencil-public-runtime";
-import { CalendarEventColors, CalendarEvents } from "./components/sd-calendar/sd-calendar";
+import { CalendarEventGroup } from "./components/sd-calendar/sd-calendar.config";
 import { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 import { CircleProgressType } from "./components/sd-circle-progress/sd-circle-progress.config";
 import { ConfirmModalMainButton, ConfirmModalType, TagName } from "./components/sd-confirm-modal/sd-confirm-modal.config";
@@ -50,7 +50,7 @@ export { FieldAddonAlign, FieldSize } from "./components/sd-field/sd-field.confi
 export { Rule } from "./types/form";
 export { SdTooltipProps, TooltipType } from "./components/sd-tooltip/sd-tooltip.config";
 export { Event } from "./stencil-public-runtime";
-export { CalendarEventColors, CalendarEvents } from "./components/sd-calendar/sd-calendar";
+export { CalendarEventGroup } from "./components/sd-calendar/sd-calendar.config";
 export { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 export { CircleProgressType } from "./components/sd-circle-progress/sd-circle-progress.config";
 export { ConfirmModalMainButton, ConfirmModalType, TagName } from "./components/sd-confirm-modal/sd-confirm-modal.config";
@@ -226,8 +226,7 @@ export namespace Components {
         "type": ButtonType;
     }
     interface SdCalendar {
-        "eventColors"?: CalendarEventColors;
-        "events"?: CalendarEvents;
+        "events"?: CalendarEventGroup[];
         "selectable"?: [string, string];
         /**
           * @default null
@@ -468,13 +467,6 @@ export namespace Components {
          */
         "width": string | number;
     }
-    interface SdDatePickerCalendar {
-        "selectable"?: [string, string];
-        /**
-          * @default null
-         */
-        "value": string | null;
-    }
     interface SdDatePickerTrigger {
         /**
           * @default false
@@ -1522,9 +1514,13 @@ export namespace Components {
           * @default []
          */
         "columns": SdTableColumn[];
+        /**
+          * @default false
+         */
+        "dense": boolean;
         "getIsAllChecked": (rows: Row[]) => Promise<boolean | null>;
         "getPaginationInfo": () => Promise<{ startIndex: number; endIndex: number; currentPage: number; rowsPerPage: number; } | null>;
-        "getStickyStyle": (colIdx: number) => Promise<{ '--sticky-left-offset': string; '--sticky-right-offset': string; width: string; minWidth: string; maxWidth: string; }>;
+        "getStickyStyle": (colIdx: number) => Promise<Record<string, string>>;
         "height"?: string;
         /**
           * @default false
@@ -1544,10 +1540,7 @@ export namespace Components {
           * @default false
          */
         "resizable": boolean;
-        /**
-          * @default 40
-         */
-        "rowHeight": number;
+        "rowHeight"?: number;
         /**
           * @default 'id'
          */
@@ -1641,10 +1634,22 @@ export namespace Components {
     interface SdTd {
         "align"?: 'left' | 'center' | 'right';
         "colspan"?: number;
+        /**
+          * @default false
+         */
+        "dividerLeft": boolean;
+        /**
+          * @default false
+         */
+        "dividerRight": boolean;
         "field": string;
         "rowKey": string;
         "rowspan"?: number;
         "sdClass"?: string;
+        /**
+          * @default false
+         */
+        "useFrame": boolean;
     }
     interface SdTextLink {
         /**
@@ -1913,6 +1918,7 @@ export namespace Components {
          */
         "rowKey": string;
         "selectable"?: boolean;
+        "separator"?: boolean;
         "setColumnWidths": (widths: number[]) => Promise<void>;
         "stickyColumn"?: SdTableStickyColumn;
         "updateVisibility": () => Promise<void>;
@@ -1954,10 +1960,6 @@ export interface SdDatePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdDatePickerElement;
 }
-export interface SdDatePickerCalendarCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLSdDatePickerCalendarElement;
-}
 export interface SdDatePickerTriggerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdDatePickerTriggerElement;
@@ -2152,7 +2154,7 @@ declare global {
         new (): HTMLSdButtonElement;
     };
     interface HTMLSdCalendarElementEventMap {
-        "sdSelect": string;
+        "sdUpdate": string;
         "sdViewChange": { year: number; month: number };
     }
     interface HTMLSdCalendarElement extends Components.SdCalendar, HTMLStencilElement {
@@ -2273,24 +2275,6 @@ declare global {
         prototype: HTMLSdDatePickerElement;
         new (): HTMLSdDatePickerElement;
     };
-    interface HTMLSdDatePickerCalendarElementEventMap {
-        "sdSelect": string;
-        "sdViewChange": { year: number; month: number };
-    }
-    interface HTMLSdDatePickerCalendarElement extends Components.SdDatePickerCalendar, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLSdDatePickerCalendarElementEventMap>(type: K, listener: (this: HTMLSdDatePickerCalendarElement, ev: SdDatePickerCalendarCustomEvent<HTMLSdDatePickerCalendarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLSdDatePickerCalendarElementEventMap>(type: K, listener: (this: HTMLSdDatePickerCalendarElement, ev: SdDatePickerCalendarCustomEvent<HTMLSdDatePickerCalendarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLSdDatePickerCalendarElement: {
-        prototype: HTMLSdDatePickerCalendarElement;
-        new (): HTMLSdDatePickerCalendarElement;
-    };
     interface HTMLSdDatePickerTriggerElementEventMap {
         "sdTriggerClick": void;
     }
@@ -2964,7 +2948,6 @@ declare global {
         "sd-confirm-modal": HTMLSdConfirmModalElement;
         "sd-date-box": HTMLSdDateBoxElement;
         "sd-date-picker": HTMLSdDatePickerElement;
-        "sd-date-picker-calendar": HTMLSdDatePickerCalendarElement;
         "sd-date-picker-trigger": HTMLSdDatePickerTriggerElement;
         "sd-date-range-picker": HTMLSdDateRangePickerElement;
         "sd-date-range-picker-calendar": HTMLSdDateRangePickerCalendarElement;
@@ -3159,9 +3142,8 @@ declare namespace LocalJSX {
         "type"?: ButtonType;
     }
     interface SdCalendar {
-        "eventColors"?: CalendarEventColors;
-        "events"?: CalendarEvents;
-        "onSdSelect"?: (event: SdCalendarCustomEvent<string>) => void;
+        "events"?: CalendarEventGroup[];
+        "onSdUpdate"?: (event: SdCalendarCustomEvent<string>) => void;
         "onSdViewChange"?: (event: SdCalendarCustomEvent<{ year: number; month: number }>) => void;
         "selectable"?: [string, string];
         /**
@@ -3409,15 +3391,6 @@ declare namespace LocalJSX {
          */
         "width"?: string | number;
     }
-    interface SdDatePickerCalendar {
-        "onSdSelect"?: (event: SdDatePickerCalendarCustomEvent<string>) => void;
-        "onSdViewChange"?: (event: SdDatePickerCalendarCustomEvent<{ year: number; month: number }>) => void;
-        "selectable"?: [string, string];
-        /**
-          * @default null
-         */
-        "value"?: string | null;
-    }
     interface SdDatePickerTrigger {
         /**
           * @default false
@@ -4469,6 +4442,10 @@ declare namespace LocalJSX {
           * @default []
          */
         "columns"?: SdTableColumn[];
+        /**
+          * @default false
+         */
+        "dense"?: boolean;
         "height"?: string;
         /**
           * @default false
@@ -4500,9 +4477,6 @@ declare namespace LocalJSX {
           * @default false
          */
         "resizable"?: boolean;
-        /**
-          * @default 40
-         */
         "rowHeight"?: number;
         /**
           * @default 'id'
@@ -4595,10 +4569,22 @@ declare namespace LocalJSX {
     interface SdTd {
         "align"?: 'left' | 'center' | 'right';
         "colspan"?: number;
+        /**
+          * @default false
+         */
+        "dividerLeft"?: boolean;
+        /**
+          * @default false
+         */
+        "dividerRight"?: boolean;
         "field": string;
         "rowKey": string;
         "rowspan"?: number;
         "sdClass"?: string;
+        /**
+          * @default false
+         */
+        "useFrame"?: boolean;
     }
     interface SdTextLink {
         /**
@@ -4863,6 +4849,7 @@ declare namespace LocalJSX {
          */
         "rowKey"?: string;
         "selectable"?: boolean;
+        "separator"?: boolean;
         "stickyColumn"?: SdTableStickyColumn;
     }
 
@@ -4970,9 +4957,6 @@ declare namespace LocalJSX {
         "labelTooltip": string;
         "name": string;
     }
-    interface SdDatePickerCalendarAttributes {
-        "value": string | null;
-    }
     interface SdDatePickerTriggerAttributes {
         "displayText": string;
         "placeholder": string;
@@ -5269,6 +5253,7 @@ declare namespace LocalJSX {
         "isLoading": boolean;
         "useInternalPagination": boolean;
         "useRowsPerPageSelect": boolean;
+        "dense": boolean;
         "useVirtualScroll": boolean;
         "rowHeight": number;
         "virtualBuffer": number;
@@ -5292,6 +5277,9 @@ declare namespace LocalJSX {
         "rowspan": number;
         "colspan": number;
         "sdClass": string;
+        "dividerLeft": boolean;
+        "dividerRight": boolean;
+        "useFrame": boolean;
     }
     interface SdTextLinkAttributes {
         "label": string;
@@ -5371,6 +5359,7 @@ declare namespace LocalJSX {
     interface SdTrAttributes {
         "selectable": boolean;
         "rowKey": string;
+        "separator": boolean;
     }
 
     interface IntrinsicElements {
@@ -5386,7 +5375,6 @@ declare namespace LocalJSX {
         "sd-confirm-modal": Omit<SdConfirmModal, keyof SdConfirmModalAttributes> & { [K in keyof SdConfirmModal & keyof SdConfirmModalAttributes]?: SdConfirmModal[K] } & { [K in keyof SdConfirmModal & keyof SdConfirmModalAttributes as `attr:${K}`]?: SdConfirmModalAttributes[K] } & { [K in keyof SdConfirmModal & keyof SdConfirmModalAttributes as `prop:${K}`]?: SdConfirmModal[K] };
         "sd-date-box": Omit<SdDateBox, keyof SdDateBoxAttributes> & { [K in keyof SdDateBox & keyof SdDateBoxAttributes]?: SdDateBox[K] } & { [K in keyof SdDateBox & keyof SdDateBoxAttributes as `attr:${K}`]?: SdDateBoxAttributes[K] } & { [K in keyof SdDateBox & keyof SdDateBoxAttributes as `prop:${K}`]?: SdDateBox[K] };
         "sd-date-picker": Omit<SdDatePicker, keyof SdDatePickerAttributes> & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes]?: SdDatePicker[K] } & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes as `attr:${K}`]?: SdDatePickerAttributes[K] } & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes as `prop:${K}`]?: SdDatePicker[K] };
-        "sd-date-picker-calendar": Omit<SdDatePickerCalendar, keyof SdDatePickerCalendarAttributes> & { [K in keyof SdDatePickerCalendar & keyof SdDatePickerCalendarAttributes]?: SdDatePickerCalendar[K] } & { [K in keyof SdDatePickerCalendar & keyof SdDatePickerCalendarAttributes as `attr:${K}`]?: SdDatePickerCalendarAttributes[K] } & { [K in keyof SdDatePickerCalendar & keyof SdDatePickerCalendarAttributes as `prop:${K}`]?: SdDatePickerCalendar[K] };
         "sd-date-picker-trigger": Omit<SdDatePickerTrigger, keyof SdDatePickerTriggerAttributes> & { [K in keyof SdDatePickerTrigger & keyof SdDatePickerTriggerAttributes]?: SdDatePickerTrigger[K] } & { [K in keyof SdDatePickerTrigger & keyof SdDatePickerTriggerAttributes as `attr:${K}`]?: SdDatePickerTriggerAttributes[K] } & { [K in keyof SdDatePickerTrigger & keyof SdDatePickerTriggerAttributes as `prop:${K}`]?: SdDatePickerTrigger[K] };
         "sd-date-range-picker": Omit<SdDateRangePicker, keyof SdDateRangePickerAttributes> & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes]?: SdDateRangePicker[K] } & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes as `attr:${K}`]?: SdDateRangePickerAttributes[K] } & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes as `prop:${K}`]?: SdDateRangePicker[K] };
         "sd-date-range-picker-calendar": Omit<SdDateRangePickerCalendar, keyof SdDateRangePickerCalendarAttributes> & { [K in keyof SdDateRangePickerCalendar & keyof SdDateRangePickerCalendarAttributes]?: SdDateRangePickerCalendar[K] } & { [K in keyof SdDateRangePickerCalendar & keyof SdDateRangePickerCalendarAttributes as `attr:${K}`]?: SdDateRangePickerCalendarAttributes[K] } & { [K in keyof SdDateRangePickerCalendar & keyof SdDateRangePickerCalendarAttributes as `prop:${K}`]?: SdDateRangePickerCalendar[K] };
@@ -5449,7 +5437,6 @@ declare module "@stencil/core" {
             "sd-confirm-modal": LocalJSX.IntrinsicElements["sd-confirm-modal"] & JSXBase.HTMLAttributes<HTMLSdConfirmModalElement>;
             "sd-date-box": LocalJSX.IntrinsicElements["sd-date-box"] & JSXBase.HTMLAttributes<HTMLSdDateBoxElement>;
             "sd-date-picker": LocalJSX.IntrinsicElements["sd-date-picker"] & JSXBase.HTMLAttributes<HTMLSdDatePickerElement>;
-            "sd-date-picker-calendar": LocalJSX.IntrinsicElements["sd-date-picker-calendar"] & JSXBase.HTMLAttributes<HTMLSdDatePickerCalendarElement>;
             "sd-date-picker-trigger": LocalJSX.IntrinsicElements["sd-date-picker-trigger"] & JSXBase.HTMLAttributes<HTMLSdDatePickerTriggerElement>;
             "sd-date-range-picker": LocalJSX.IntrinsicElements["sd-date-range-picker"] & JSXBase.HTMLAttributes<HTMLSdDateRangePickerElement>;
             "sd-date-range-picker-calendar": LocalJSX.IntrinsicElements["sd-date-range-picker-calendar"] & JSXBase.HTMLAttributes<HTMLSdDateRangePickerCalendarElement>;

package/dist/types/index.d.ts

@@ -8,14 +8,15 @@
  * to consume components of this package as outlined in the `README.md`.
  */
 export type * from './components.d.ts';
-export type { SdTableColumn, SdTablePagination, SdTableStickyColumn, SdTableConfig, Row } from './components/sd-table/constants';
-export type { ButtonName, ButtonSize, ButtonType, } from './components/sd-button/sd-button.config';
+export type { SdTableColumn, SdTablePagination, SdTableStickyColumn, SdTableConfig, Row, } from './components/sd-table/constants';
+export type { ButtonName, ButtonSize, ButtonType } from './components/sd-button/sd-button.config';
 export type { DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, } from './components/sd-dropdown-button/sd-dropdown-button.config';
 export type { ToastType } from './components/sd-toast/sd-toast.config';
+export type { CalendarEventGroup } from './components/sd-calendar/sd-calendar.config';
 export type { ToastPosition, ToastNotifyOptions, } from './components/sd-toast-container/sd-toast-container.config';
 export { sdToast } from './utils/toast';
 export type { SdToastGlobalOptions } from './utils/toast';
-export { sdModal, _createSdModalRef, _attachSdModalWithRef, } from './utils/modal';
+export { sdModal, _createSdModalRef, _attachSdModalWithRef } from './utils/modal';
 export type { ModalDialogRef, ModalDismissReason, ConfirmModalOptions, SdModalGlobalOptions, SdModalCreateOptions, SdModalCreateOption, } from './utils/modal';
 export { sdLoading } from './utils/loading';
 export type { SdLoadingShowOptions } from './utils/loading';