@owp/core 2.5.4 → 2.5.6

package/dist/types/features/themePreview/components/ThemePreviewCanvasSections.d.ts

@@ -0,0 +1,82 @@
+import type { SnackbarProviderTheme, SnackbarVariantKey } from '@/features/themePreview/configs/snackbar';
+import type { ThemePreviewTableConfigType } from '@/features/themePreview/configs/table';
+import { OwpStoreProvider } from '@/contexts';
+import { type SxProps, type Theme } from '@mui/material/styles';
+import { type SnackbarKey } from 'notistack';
+import { type ComponentProps, type MutableRefObject, type ReactNode } from 'react';
+type ThemePreviewButtonPreviewItem = {
+    label: string;
+    color: string;
+    previewContrastColor: string;
+};
+type ThemePreviewSnackbarPreviewItem = {
+    actionHoverColor: string;
+    backgroundColor: string;
+    color: string;
+    icon: ReactNode;
+    key: SnackbarVariantKey;
+    message: string;
+};
+type ThemePreviewStoreState = NonNullable<ComponentProps<typeof OwpStoreProvider>['preloadedState']>;
+interface ThemePreviewButtonsSectionProps {
+    buttonPreviewItems: ThemePreviewButtonPreviewItem[];
+    mainTextSecondary: string;
+    previewSectionCardSx: SxProps<Theme>;
+}
+export declare const ThemePreviewButtonsSection: import("react").NamedExoticComponent<ThemePreviewButtonsSectionProps>;
+interface ThemePreviewSnackbarsSectionProps {
+    previewSectionCardSx: SxProps<Theme>;
+    previewSnackbarKeysRef: MutableRefObject<SnackbarKey[]>;
+    snackbarAnchorOrigin: SnackbarProviderTheme['anchorOrigin'];
+    snackbarPreviewAnchorHorizontal: 'center' | 'left' | 'right';
+    snackbarPreviewAnchorVertical: 'bottom' | 'top';
+    snackbarPreviewFontSize?: number | string;
+    snackbarPreviewItems: ThemePreviewSnackbarPreviewItem[];
+    snackbarPreviewLineHeight?: number | string;
+    snackbarPreviewMaxSnack: number;
+    snackbarAutoHideDuration: SnackbarProviderTheme['autoHideDuration'];
+}
+export declare const ThemePreviewSnackbarsSection: import("react").NamedExoticComponent<ThemePreviewSnackbarsSectionProps>;
+interface ThemePreviewSearchHeaderSectionProps {
+    gridPreviewTable: ReactNode;
+    mainBackground: string;
+    mainPaper: string;
+    mainText: string;
+    mainThemePreviewStoreState: ThemePreviewStoreState;
+    previewSectionCardSx: SxProps<Theme>;
+    searchHeaderPreviewDate: string;
+    searchHeaderPreviewNumber: string;
+    searchHeaderPreviewVersionKey: string;
+    tablePreviewCanTableRadiusZero: boolean;
+    tableTheme: ThemePreviewTableConfigType;
+    tableThemePreviewVersionKey: string;
+}
+export declare const ThemePreviewSearchHeaderSection: import("react").NamedExoticComponent<ThemePreviewSearchHeaderSectionProps>;
+interface ThemePreviewGridSectionProps {
+    editableThemePreviewGridId: string;
+    mainGridChangedBackgroundColor?: string;
+    mainThemePreviewStoreKey: string;
+    mainThemePreviewStoreState: ThemePreviewStoreState;
+    previewSectionCardSx: SxProps<Theme>;
+    readonlyThemePreviewGridId: string;
+}
+export declare const ThemePreviewGridSection: import("react").NamedExoticComponent<ThemePreviewGridSectionProps>;
+interface ThemePreviewTablesSectionProps {
+    mainThemePreviewStoreState: ThemePreviewStoreState;
+    previewSectionCardSx: SxProps<Theme>;
+    tablePreviewCanTableRadiusZero: boolean;
+    tableTheme: ThemePreviewTableConfigType;
+    tableThemePreviewVersionKey: string;
+}
+export declare const ThemePreviewTablesSection: import("react").NamedExoticComponent<ThemePreviewTablesSectionProps>;
+interface ThemePreviewGridPreviewTableProps {
+    gridBodyBorder: string;
+    layoutPreviewGridCellBackground: string;
+    layoutPreviewGridCellFontSize: string;
+    layoutPreviewGridHeaderBackground: string;
+    layoutPreviewGridHeaderBorder: string;
+    layoutPreviewGridHeaderColor: string;
+    layoutPreviewGridHeaderFontSize: string;
+}
+export declare const ThemePreviewGridPreviewTable: import("react").NamedExoticComponent<ThemePreviewGridPreviewTableProps>;
+export {};

package/dist/types/features/themePreview/components/ThemePreviewColorField.d.ts

@@ -0,0 +1,10 @@
+import type { ThemePreviewFieldDefinition, ThemePreviewSectionKey, ThemePreviewSettings } from '../types';
+interface ThemePreviewColorFieldProps {
+    disabled?: boolean;
+    definition: ThemePreviewFieldDefinition;
+    sectionKey: ThemePreviewSectionKey;
+    settings: ThemePreviewSettings;
+    onChange: (path: string, value: string) => void;
+}
+export declare function ThemePreviewColorField({ disabled, definition, sectionKey, settings, onChange, }: ThemePreviewColorFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/features/themePreview/components/ThemePreviewControls.d.ts

@@ -0,0 +1,18 @@
+import type { ThemePreviewMode, ThemePreviewPresetOption, ThemePreviewSectionKey, ThemePreviewSettings } from '../types';
+interface ThemePreviewControlsProps {
+    activeSection: ThemePreviewSectionKey;
+    presetOptions: ThemePreviewPresetOption[];
+    selectedMode: ThemePreviewMode;
+    selectedPresetKey: string;
+    settings: ThemePreviewSettings;
+    onSectionChange: (sectionKey: ThemePreviewSectionKey) => void;
+    onPaletteValueChange: (path: string, value: string) => void;
+    onPaletteValuesChange: (updates: Array<{
+        path: string;
+        value: string;
+    }>) => void;
+    onPresetKeyChange: (presetKey: string) => void;
+    onPresetModeChange: (mode: ThemePreviewMode) => void;
+}
+export declare function ThemePreviewControls({ activeSection, presetOptions, selectedMode, selectedPresetKey, settings, onSectionChange, onPaletteValueChange, onPaletteValuesChange, onPresetKeyChange, onPresetModeChange, }: ThemePreviewControlsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/features/themePreview/components/index.d.ts

@@ -0,0 +1,3 @@
+export { ThemePreviewCanvas } from './ThemePreviewCanvas';
+export { ThemePreviewColorField } from './ThemePreviewColorField';
+export { ThemePreviewControls } from './ThemePreviewControls';

package/dist/types/features/themePreview/components/themePreviewCanvas.icons.d.ts

@@ -0,0 +1,3 @@
+import type { SnackbarVariantKey } from '@/features/themePreview/configs/snackbar';
+import type { ReactNode } from 'react';
+export declare const snackbarPreviewIconByVariant: Record<SnackbarVariantKey, ReactNode>;

package/dist/types/features/themePreview/components/themePreviewCanvas.shared.d.ts

@@ -0,0 +1,121 @@
+import type { OwpFieldTable } from '@/components/OwpTable/OwpFieldTable';
+import type { SnackbarVariantKey } from '@/features/themePreview/configs/snackbar';
+import type { ThemePreviewTableConfigType } from '@/features/themePreview/configs/table';
+import { type SxProps, type Theme } from '@mui/material/styles';
+import type { ComponentProps } from 'react';
+import type { ThemePreviewPaletteSectionKey, ThemePreviewSectionKey, ThemePreviewSettings } from '../types';
+export declare const previewChromeBorder = "#e2e8f0";
+export declare const previewSectionCardClassName = "rounded-lg p-14";
+export declare const previewInnerCardSx: {
+    readonly boxShadow: "none";
+};
+export declare const themePreviewEditableTreeGridId = "ThemePreviewGrid";
+export declare const themePreviewReadonlyTreeGridId = "ThemePreviewReadonlyGrid";
+export declare const gridPreviewBodyBackground = "#ffffff";
+export declare const gridPreviewBodyText = "rgb(17, 24, 39)";
+export declare const defaultPreviewSectionOrder: readonly ["buttons", "searchHeader"];
+export declare const gridPreviewColumnLabels: readonly ["부서명", "사용자ID", "성명", "사용여부"];
+export declare const navbarPreviewItems: readonly ["Dashboard", "Theme Preview", "사용자 관리", "권한 그룹"];
+export declare const previewUserNameById: {
+    readonly admin: "관리자";
+    readonly impix: "담당자1";
+    readonly owp: "담당자2";
+};
+export declare const snackbarPreviewMessageByVariant: Record<SnackbarVariantKey, string>;
+export declare const searchHeaderPreviewData: {
+    previewValue: string;
+};
+export declare const tableFieldPreviewData: {
+    departmentName: string;
+    managerName: "담당자1";
+    useYn: string;
+    locationName: string;
+};
+export declare const tableFieldPreviewLayout: {
+    title: string;
+    key: string;
+}[][];
+export declare const tablePreviewHeaders: {
+    departmentName: string;
+    managerName: string;
+    useYn: string;
+};
+export declare const tablePreviewRows: ({
+    departmentName: string;
+    managerName: "담당자1";
+    useYn: string;
+} | {
+    departmentName: string;
+    managerName: "담당자2";
+    useYn: string;
+})[];
+export declare const gridStyledTablePreviewRows: ({
+    departmentName: string;
+    managerName: "담당자1";
+    useYn: string;
+} | {
+    departmentName: string;
+    managerName: "담당자2";
+    useYn: string;
+})[];
+export declare const dataTablePreviewHeadCells: {
+    id: string;
+    label: string;
+    align: string;
+    valueAlign: string;
+}[];
+export declare const dataTablePreviewRows: ({
+    userId: string;
+    userName: "담당자1";
+    useYn: string;
+} | {
+    userId: string;
+    userName: "담당자2";
+    useYn: string;
+})[];
+export declare const gridStyledDataTablePreviewRows: ({
+    userId: string;
+    userName: "담당자1";
+    useYn: string;
+} | {
+    userId: string;
+    userName: "담당자2";
+    useYn: string;
+})[];
+export declare const gridCanvasPreviewRows: ({
+    'OWP_THEME_PREVIEW.ITEM_NAME': string;
+    'OWP_THEME_PREVIEW.REMARK': string;
+    'OWP_THEME_PREVIEW.STATUS': string;
+    'OWP_THEME_PREVIEW.USER_ID': string;
+    'OWP_THEME_PREVIEW.WEIGHT': number;
+    'OWP_THEME_PREVIEW.WORK_DATE': string;
+    CanSelect: number;
+    Selected: number;
+} | {
+    'OWP_THEME_PREVIEW.ITEM_NAME': string;
+    'OWP_THEME_PREVIEW.REMARK': string;
+    'OWP_THEME_PREVIEW.STATUS': string;
+    'OWP_THEME_PREVIEW.USER_ID': string;
+    'OWP_THEME_PREVIEW.WEIGHT': number;
+    'OWP_THEME_PREVIEW.WORK_DATE': string;
+    CanSelect: number;
+    Selected?: undefined;
+})[];
+export declare const previewNoop: () => void;
+type ThemePreviewFieldTableCellSx = NonNullable<ComponentProps<typeof OwpFieldTable>['cellSx']>;
+type ThemePreviewFieldTableTitleSx = NonNullable<ComponentProps<typeof OwpFieldTable>['titleSx']>;
+export type ThemePreviewLayoutSectionKey = 'buttons' | 'snackbars' | 'searchHeader' | 'grid' | 'tables';
+export declare const gridPreviewRows: readonly [readonly ["관리부", "admin", "관리자", "사용"], readonly ["생산1팀", "impix", "담당자1", "사용"], readonly ["품질팀", "owp", "담당자2", "미사용"]];
+export declare function createThemePreviewVersionKey(sourceValue: unknown): string;
+export declare function getPaletteValue(settings: ThemePreviewSettings, sectionKey: ThemePreviewPaletteSectionKey, path: string): string;
+export declare function getThemePreviewStyleValue<T extends number | string | undefined>(value: T): T;
+export declare function getThemePreviewResolvedBorderRadius(borderRadius: ThemePreviewTableConfigType['borderRadius'], canTableRadiusZero?: boolean): string | number;
+export declare function getThemePreviewTableFrameSx(tableTheme: ThemePreviewTableConfigType, canTableRadiusZero?: boolean): SxProps<Theme>;
+export declare function getThemePreviewFieldTableSx(tableTheme: ThemePreviewTableConfigType, canTableRadiusZero?: boolean): SxProps<Theme>;
+export declare function getThemePreviewFieldTableTitleSx(tableTheme: ThemePreviewTableConfigType): ThemePreviewFieldTableTitleSx | undefined;
+export declare function getThemePreviewFieldTableCellSx(tableTheme: ThemePreviewTableConfigType): ThemePreviewFieldTableCellSx | undefined;
+export declare function getThemePreviewBasicTableSx(tableTheme: ThemePreviewTableConfigType, canTableRadiusZero?: boolean): SxProps<Theme>;
+export declare function getThemePreviewDataTableSx(tableTheme: ThemePreviewTableConfigType, canTableRadiusZero?: boolean): SxProps<Theme>;
+export declare function getPreviewContrastColor(color: string, fallbackColor: string): string;
+export declare function getPreviewSectionOrder(activeSection: ThemePreviewSectionKey): ThemePreviewLayoutSectionKey[];
+export {};

package/dist/types/features/themePreview/configs/grid.d.ts

@@ -0,0 +1,41 @@
+export declare const defaultGridTheme: {
+    header: {
+        backgroundColor: string;
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+        height: number;
+    };
+    body: {
+        backgroundColor: string;
+        color: string;
+        fillBackgroundColor: string;
+    };
+    row: {
+        backgroundColor: string;
+        solidBackgroundColor: string;
+    };
+    cell: {
+        fontSize: string;
+    };
+    state: {
+        hoverRowBackgroundColor: string;
+        hoverRowBorderColor: string;
+        selectedCellBackgroundColor: string;
+        selectedRowBackgroundColor: string;
+        focusedRowBackgroundColor: string;
+        focusedRowBorderColor: string;
+        hoverCellBackgroundColor: string;
+        hoverCellBorderColor: string;
+        focusedCellBackgroundColor: string;
+        focusedCellBorderColor: string;
+        editingCellBorderColor: string;
+        focusedCellRectBackgroundColor: string;
+    };
+    editable: {
+        backgroundColor: string;
+    };
+    changed: {
+        backgroundColor: string;
+    };
+};

package/dist/types/features/themePreview/configs/index.d.ts

@@ -0,0 +1,7 @@
+export { defaultGridTheme } from './grid';
+export { darkPaletteText, defaultNavbarDivider, defaultNavbarSecondaryPalette, defaultPrimaryPalette, defaultSecondaryPalette, defaultToolbarDivider, defaultToolbarSecondaryPalette, designSystemPresetKeys, lightPaletteText, themePreviewPresetContractKeys, themesConfig, toolbarCuratedPresetKeys, } from './presets';
+export { clearThemePreviewAppliedSettings, clearThemePreviewTemporaryState, getResolvedThemePreviewSettingsConfig, getThemePreviewAppliedSettings, getThemePreviewTemporaryState, persistThemePreviewAppliedSettings, persistThemePreviewTemporaryState, type ThemePreviewTemporarySelectionState, type ThemePreviewTemporarySettings, type ThemePreviewTemporaryState, } from './previewStorage';
+export { defaultSettingsConfig } from './settings';
+export { defaultSnackbarProviderProps, defaultSnackbarTheme, snackbarVariantKeys, type SnackbarProviderTheme, type SnackbarTheme, type SnackbarVariantKey, type SnackbarVariantTheme, } from './snackbar';
+export { defaultLayoutSurface } from './surface';
+export { defaultTableTheme, type ThemePreviewTableCellConfigType, type ThemePreviewTableConfigType, type ThemePreviewTableRowConfigType, type ThemePreviewTableVariantConfigType, } from './table';