@sellmate/design-system 0.0.55 → 1.0.0

package/dist/esm/sd-tbody_3.entry.js

@@ -1,40 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-7X2nzJWz.js';
-
-const sdTbodyCss = () => `sd-tbody{display:table-row-group}`;
-
-const SdTbody = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h(Host, { key: 'bef033a85bc25bdd4c08be9ac93e1dd7904d3b92' }, h("slot", { key: '380295c93446b7c99068bddb1ebefeee25056759' })));
-    }
-};
-SdTbody.style = sdTbodyCss();
-
-const sdThCss = () => `sd-th{display:table-cell;padding:12px;font-weight:bold;text-align:left;border-bottom:2px solid #ddd;background-color:#f1f1f1}`;
-
-const SdTh = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h(Host, { key: '1ffd60e25f49d7a2840e90e4813be0f249634a0e', role: "columnheader" }, h("slot", { key: 'afc47eff5e8714aca488a928fdd356d58f20235a' })));
-    }
-};
-SdTh.style = sdThCss();
-
-const sdTrCss = () => `sd-tr{display:table-row}`;
-
-const SdTr = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h(Host, { key: '384b83fc792b3482a2f5e299c248ccfe52e23aab', role: "row" }, h("slot", { key: '49d0f2140923af7709222b596e6cdc511bbac0a3' })));
-    }
-};
-SdTr.style = sdTrCss();
-
-export { SdTbody as sd_tbody, SdTh as sd_th, SdTr as sd_tr };
-//# sourceMappingURL=sd-tbody.sd-th.sd-tr.entry.js.map

package/dist/esm/sd-td.entry.js

@@ -1,24 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-7X2nzJWz.js';
-
-const sdTdCss = () => `sd-td{display:table-cell;padding:12px 16px;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}`;
-
-const SdTd = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    name = '';
-    align = 'left';
-    tdStyle;
-    tdClass;
-    render() {
-        return (h(Host, { key: 'b220b330eccc8e87ba9b0333f25d5d8e922fbf5e', role: "cell", class: {
-                'sd-td': true,
-                [`sd-td--${this.align}`]: true,
-                [this.tdClass || '']: Boolean(this.tdClass),
-            }, style: this.tdStyle }, h("slot", { key: '807cf20b823a3efa00ce4f690ff1be2226d6ad8f' })));
-    }
-};
-SdTd.style = sdTdCss();
-
-export { SdTd as sd_td };
-//# sourceMappingURL=sd-td.entry.js.map

package/dist/esm/sd-td.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-td.entry.js","sources":["src/components/sd-table/sd-td/sd-td.scss?tag=sd-td","src/components/sd-table/sd-td/sd-td.tsx"],"sourcesContent":["sd-td {\n display: table-cell;\n padding: 12px 16px;\n vertical-align: middle;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n word-break: keep-all;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'sd-td',\n styleUrl: 'sd-td.scss',\n})\nexport class SdTd {\n @Prop() name: string = '';\n @Prop() align: 'left' | 'center' | 'right' = 'left';\n @Prop() tdStyle?: Record<string, string>;\n @Prop() tdClass?: string;\n\n render() {\n  return (\n   <Host\n    role=\"cell\"\n    class={{\n     'sd-td': true,\n     [`sd-td--${this.align}`]: true,\n     [this.tdClass || '']: Boolean(this.tdClass),\n    }}\n    style={this.tdStyle}\n   >\n    <slot></slot>\n   </Host>\n  );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,OAAO,GAAG,MAAM,CAAC,+IAA+I,CAAC;;MCM1J,IAAI,GAAA,MAAA;;;;IACR,IAAI,GAAW,EAAE;IACjB,KAAK,GAAgC,MAAM;AAC3C,IAAA,OAAO;AACP,IAAA,OAAO;IAEf,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACJ,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;AACN,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,CAAC,UAAU,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,IAAI;AAC9B,gBAAA,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;AAC3C,aAAA,EACD,KAAK,EAAE,IAAI,CAAC,OAAO,EAAA,EAEnB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP;;;;;;;"}

package/dist/esm/select-keyboard-navigation-C2JaR3A6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-keyboard-navigation-C2JaR3A6.js","sources":["src/utils/dropdown-manager.ts","src/utils/base-dropdown-event.ts","src/utils/select-keyboard-navigation.ts"],"sourcesContent":["import { BaseDropdownEvent } from './base-dropdown-event';\n\nclass DropdownManager {\n private static instance: DropdownManager;\n private activeDropdowns = new Set<BaseDropdownEvent>();\n\n static getInstance(): DropdownManager {\n  if (!DropdownManager.instance) {\n   DropdownManager.instance = new DropdownManager();\n  }\n  return DropdownManager.instance;\n }\n\n register(component: BaseDropdownEvent) {\n  this.activeDropdowns.add(component);\n }\n\n unregister(component: BaseDropdownEvent) {\n  this.activeDropdowns.delete(component);\n }\n\n openDropdown(targetComponent: BaseDropdownEvent) {\n  // 다른 모든 드롭다운 닫기\n  this.activeDropdowns.forEach(component => {\n   if (component !== targetComponent && component.isOpen) {\n    component.closeDropdown();\n   }\n  });\n }\n\n closeAllDropdowns() {\n  this.activeDropdowns.forEach(component => {\n   if (component.isOpen) {\n    component.closeDropdown();\n   }\n  });\n }\n}\n\nexport const dropdownManager = DropdownManager.getInstance();\n","import { dropdownManager } from './dropdown-manager';\n\n// 여러 select를 동시에 사용할때에 이벤트 리스너의 등록이 충돌나는 문제를 해결하기 위한 Base class\n// 각 드롭다운 컴포넌트는 이 클래스를 상속 및 구현 필요\n// 기본적으로 click, keydown 추상 이벤트를 구현해야하고\n// isOpen가 true일때에만 이벤트 등록 그외에는 이벤트 클리닝을 수행\n// 추후 필요한 이벤트는 이곳에 추가하여 추가 구현 후 사용\n// 별도로 드롭다운 전용의 Base class가 아닌 공통적으로 사용할 수 있는 Base class가 필요할지 검토 필요\nexport abstract class BaseDropdownEvent {\n abstract el: HTMLElement;\n abstract isOpen: boolean;\n abstract disabled?: boolean;\n\n private documentClickHandler?: (event: Event) => void;\n private documentKeydownHandler?: (event: KeyboardEvent) => void;\n\n // 컴포넌트 생명주기에서 호출할 메서드들\n protected initializeEvent() {\n  dropdownManager.register(this);\n  this.initializeEventHandlers();\n }\n\n protected cleanupEvent() {\n  dropdownManager.unregister(this);\n  this.cleanup();\n }\n\n protected initializeEventHandlers() {\n  this.documentClickHandler = (event: Event) => this.handleDocumentClick(event);\n  this.documentKeydownHandler = (event: KeyboardEvent) => this.handleDocumentKeydown(event);\n }\n\n protected addGlobalEventListeners() {\n  if (this.documentClickHandler) {\n   document.addEventListener('click', this.documentClickHandler);\n  }\n  if (this.documentKeydownHandler) {\n   document.addEventListener('keydown', this.documentKeydownHandler);\n  }\n }\n\n protected removeGlobalEventListeners() {\n  if (this.documentClickHandler) {\n   document.removeEventListener('click', this.documentClickHandler);\n  }\n  if (this.documentKeydownHandler) {\n   document.removeEventListener('keydown', this.documentKeydownHandler);\n  }\n }\n\n protected onDropdownToggle(isOpen: boolean) {\n  if (isOpen && !this.disabled) {\n   dropdownManager.openDropdown(this);\n   this.addGlobalEventListeners();\n  } else {\n   this.removeGlobalEventListeners();\n  }\n }\n\n protected cleanup() {\n  this.removeGlobalEventListeners();\n }\n\n closeDropdown() {\n  this.isOpen = false;\n }\n\n protected abstract handleDocumentClick(event: Event): void;\n protected abstract handleDocumentKeydown(event: KeyboardEvent): void;\n}\n","import { SelectOption } from '../types/select';\n\nexport class SelectKeyboardNavigation {\n isSearchable: boolean;\n filteredOptions: SelectOption[];\n\n constructor(isSearchable: boolean, filteredOptions: SelectOption[]) {\n  this.isSearchable = isSearchable;\n  this.filteredOptions = filteredOptions;\n }\n\n getNavigationBounds() {\n  return {\n   minIndex: this.isSearchable ? -1 : 0,\n   maxIndex: this.filteredOptions.length - 1,\n  };\n }\n\n getNextIndex(currentIndex: number, direction: KeyboardEvent['key']): number {\n  const { minIndex, maxIndex } = this.getNavigationBounds();\n\n  if (direction === 'ArrowUp') {\n   return currentIndex > minIndex ? currentIndex - 1 : maxIndex;\n  } else {\n   return currentIndex < maxIndex ? currentIndex + 1 : minIndex;\n  }\n }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,3 +0,0 @@
-export declare class SdTbody {
-    render(): any;
-}

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

@@ -1,7 +0,0 @@
-export declare class SdTd {
-    name: string;
-    align: 'left' | 'center' | 'right';
-    tdStyle?: Record<string, string>;
-    tdClass?: string;
-    render(): any;
-}

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

@@ -1,3 +0,0 @@
-export declare class SdTh {
-    render(): any;
-}

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

@@ -1,3 +0,0 @@
-export declare class SdTr {
-    render(): any;
-}

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

@@ -1,135 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { SelectOption } from '../sd-select/sd-select';
-export type SdTableSortDir = 'asc' | 'desc' | 'none';
-export interface SdTableColumn {
-    name: string;
-    label: string;
-    field: string | ((row: any) => any);
-    align?: 'left' | 'center' | 'right';
-    width?: string;
-    format?: (value: any, row: any) => string;
-    visible?: boolean;
-    usePageMoveIcon?: boolean;
-    tooltip?: string[];
-    tooltipOptions?: Record<string, any>;
-    tdClass?: string;
-    minWidth?: number;
-    maxWidth?: number;
-    thStyle?: Record<string, any>;
-    thClass?: string;
-}
-export interface Row {
-    [key: string]: any;
-}
-export declare class SdTable {
-    el: HTMLElement;
-    columns: SdTableColumn[];
-    rows: Row[];
-    selected: Set<Row>;
-    rowKey: string;
-    selectable: boolean;
-    resizable: boolean;
-    width?: string;
-    height?: string;
-    stickyHeader: boolean;
-    stickyColumn: {
-        left?: number;
-        right?: number;
-    };
-    noDataLabel: string;
-    isLoading: boolean;
-    pagination?: {
-        page: number;
-        rowsPerPage: number;
-        lastPage?: number;
-    };
-    headerCellRenderer?: (column: SdTableColumn) => HTMLElement | string | null | undefined;
-    bodyCellRenderer?: (column: SdTableColumn, row: Row) => HTMLElement | string | null | undefined;
-    useInternalPagination: boolean;
-    useRowsPerPageSelect: boolean;
-    rowsPerPageOption: SelectOption[];
-    useVirtualScroll: {
-        vertical?: boolean;
-        horizontal?: boolean;
-    };
-    virtualRowHeight: number;
-    virtualColumnWidth: number;
-    virtualBufferSize: {
-        vertical?: number;
-        horizontal?: number;
-    };
-    sdSelectChange: EventEmitter<Row[]>;
-    sdPageChange: EventEmitter<number>;
-    sdRowsPerPageChange: EventEmitter<number>;
-    currentPage: number;
-    innerRows: Row[];
-    innerSelected: Set<Row>;
-    columnWidths: number[];
-    scrolledLeft: boolean;
-    scrolledRight: boolean;
-    virtualStartIndex: number;
-    virtualEndIndex: number;
-    scrollTopPosition: number;
-    virtualStartColIdx: number;
-    virtualEndColIdx: number;
-    scrollLeftPosition: number;
-    private scrollRequestAnimationFrame;
-    private scrollContainer;
-    private rafScheduled;
-    private pendingUpdates;
-    private cachedVisibleColumns;
-    private lastColumnsRef;
-    private cachedVirtualRows;
-    private cachedVirtualIndexKey;
-    private cachedColumnOrder;
-    private lastColumnOrderKey;
-    private cachedContainerHeight;
-    private cachedContainerWidth;
-    private stickyStyleCache;
-    private cachedIsAllChecked;
-    private lastSelectionKey;
-    private onScroll?;
-    handleColumnsChange(newCols: SdTableColumn[]): void;
-    handleColumnWidthsChange(): void;
-    handleRowsChange(newRows: Row[]): void;
-    handleSelectedChange(newSelected: Set<Row>): void;
-    private cleanUpVirtualCache;
-    handlePaginationChange(newVal?: {
-        page: number;
-        rowsPerPage: number;
-        lastPage?: number;
-    } | undefined): void;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    private changePage;
-    private changeRowsPerPage;
-    disconnectedCallback(): void;
-    private get visibleColumns();
-    private get paginatedRows();
-    private get virtualRows();
-    private get topSpacerHeight();
-    private get bottomSpacerHeight();
-    private getHorizontalSpacerWidth;
-    private get leftSpacerWidth();
-    private get rightSpacerWidth();
-    private get totalVirtualHeight();
-    private get lastPageNumber();
-    private get sdTableClasses();
-    private isRowSelected;
-    private updateRowSelect;
-    private toggleSelectAll;
-    private get isAllChecked();
-    private scheduleUpdate;
-    private calculateVisibleRange;
-    private calculateVisibleColumnRange;
-    private getStickyStyle;
-    private handleResize;
-    private getCellValue;
-    private getColumnRenderedInOrder;
-    private renderHead;
-    private renderBody;
-    private renderRow;
-    private renderSpacerRow;
-    private renderSpacerTd;
-    render(): any;
-}