pds-dev-kit-web-test 2.4.12 → 2.4.14

package/dist/src/common/styles/colorSet/index.d.ts

@@ -474,6 +474,7 @@ declare const colorSet: {
         sys_sw_sidebar_divider_vertical: string;
         sys_cpnt_sheet_base_13: string;
         sys_cpnt_sheet_base_14: string;
+        sys_cpnt_white_opacity60: string;
     };
     readonly PaletteColor_Dark: {
         sys_container_background_01: string;
@@ -830,6 +831,7 @@ declare const colorSet: {
         sys_sw_sidebar_divider_vertical: string;
         sys_cpnt_sheet_base_13: string;
         sys_cpnt_sheet_base_14: string;
+        sys_cpnt_white_opacity60: string;
     };
     readonly UIColor: {
         ui_cpnt_button_fill_base_primary: string;
@@ -1686,6 +1688,9 @@ declare const colorSet: {
         ui_115: string;
         ui_116: string;
         ui_117: string;
+        ui_118: string;
+        ui_119: string;
+        ui_120: string;
     };
 };
 export default colorSet;

package/dist/src/common/styles/colorSet/ui-type.d.ts

@@ -853,4 +853,7 @@ export interface UITheme {
     ui_115: string;
     ui_116: string;
     ui_117: string;
+    ui_118: string;
+    ui_119: string;
+    ui_120: string;
 }

package/dist/src/mobile/components/MobileTabBar/MobileTabBar.stories.d.ts

@@ -3,3 +3,4 @@ import type { ComponentStory, ComponentMeta } from '@storybook/react';
 declare const _default: ComponentMeta<typeof MobileTabBar>;
 export default _default;
 export declare const Default: ComponentStory<typeof MobileTabBar>;
+export declare const InLayout: ComponentStory<typeof MobileTabBar>;

package/dist/src/sub/SandollFontKit/Sandoll.stories.d.ts

@@ -0,0 +1,5 @@
+import SandollFontsList from './headless/SandollFontsList';
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<typeof SandollFontsList>;
+export default _default;
+export declare const Sample: ComponentStory<typeof SandollFontsList>;

package/dist/src/sub/SandollFontKit/api/getSandollFonts.d.ts

@@ -0,0 +1,4 @@
+import type { FontResponse, PublHeaders, SandollFontsQueryParams } from './types';
+export declare function fetchSandollFonts(baseURL: string, searchParams: SandollFontsQueryParams, publHeaders: PublHeaders): Promise<FontResponse | {
+    error: any;
+}>;

package/dist/src/sub/SandollFontKit/api/types.d.ts

@@ -0,0 +1,51 @@
+import type { SANDOLL_CategoryType } from '../types';
+export type Pagination = {
+    page: number;
+    limit: number;
+};
+export type Filter = {
+    sort: 'trending' | 'popularity' | 'date' | 'alpha';
+    order: 'ASC' | 'DESC';
+};
+export type SearchQuery = {
+    usecase?: 'EDITOR';
+    searchTerm?: string;
+};
+export type SandollFont = {
+    id: string;
+    distinctId: string;
+    fontEnumValue: string;
+    provider: string;
+    fontName: string;
+    fontFamilyName: string;
+    supportedWeights: number[];
+    providerFontId: string;
+    providerFontName: string;
+    providerFontFamilyId: string;
+    providerFontFamilyName: string;
+    providerCssInfoDict: CSSInfoDict;
+    category: SANDOLL_CategoryType;
+};
+export type CSSInfoDict = {
+    fontFamily: string;
+    fontWeight: number;
+};
+export type SupportedOptionMap = {};
+export type FontResponse = {
+    data: {
+        availableFonts: SandollFont[];
+        supportedOptions: SupportedOptionMap;
+        pagination: Pagination;
+    };
+};
+export type SandollFontsQueryParams = {
+    pagination: Pagination;
+    searchQuery: SearchQuery;
+    filter: Filter;
+    categories: SANDOLL_CategoryType[];
+    isGlobal: boolean;
+};
+export type PublHeaders = {
+    channelToken: string;
+    channelId: string;
+};

package/dist/src/sub/SandollFontKit/constants.d.ts

@@ -0,0 +1,9 @@
+import type { SANDOLL_CategoryType, SANDOLL_CategoryIconType, SANDOLL_SortOptionType } from './types';
+export declare const SANDOLL_SORT_OPTIONS: SANDOLL_SortOptionType[];
+export declare const SANDOLL_DEFAULT_SORT: {
+    text: string;
+    value: SANDOLL_SortOptionType;
+};
+export declare const SANDOLL_SORT_OPTION_KEY_MAP: Record<SANDOLL_SortOptionType, string>;
+export declare const SANDOLL_CATEGORIES: SANDOLL_CategoryType[];
+export declare const SANDOLL_CATEGORY_ICONS: SANDOLL_CategoryIconType;

package/dist/src/sub/SandollFontKit/headless/SandollFontsList.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { QueryParamDispatchFunction } from '../hooks/useQueryParamsReducer';
+import type { PublHeaders, SandollFontsQueryParams } from '../api/types';
+import type { SANDOLL_Font } from '../types';
+type HeadlessProps = {
+    isLoading: boolean;
+    fonts: SANDOLL_Font[];
+    queryParams: SandollFontsQueryParams;
+    queryParamDispatch: QueryParamDispatchFunction;
+};
+type Props = {
+    baseURL: string;
+    defaultQueryParams?: SandollFontsQueryParams;
+    publHeaders: PublHeaders;
+    children: (args: HeadlessProps) => JSX.Element;
+};
+declare function SandollFontsList({ baseURL, defaultQueryParams, publHeaders, children }: Props): JSX.Element;
+export default SandollFontsList;

package/dist/src/sub/SandollFontKit/hooks/useQueryParamsReducer.d.ts

@@ -0,0 +1,30 @@
+import { Dispatch } from 'react';
+import type { SandollFontsQueryParams } from '../api/types';
+import type { SANDOLL_CategoryType } from '../types';
+type Filter = {
+    sort: 'trending' | 'popularity' | 'date' | 'alpha';
+    order: 'ASC' | 'DESC';
+};
+type Action = {
+    type: 'SET_PAGE';
+    payload: number;
+} | {
+    type: 'SET_LIMIT';
+    payload: number;
+} | {
+    type: 'SET_SEARCH_TERM';
+    payload: string;
+} | {
+    type: 'SET_SORT';
+    payload: Filter['sort'];
+} | {
+    type: 'SET_ORDER';
+    payload: Filter['order'];
+} | {
+    type: 'TOGGLE_CATEGORIES';
+    payload: SANDOLL_CategoryType;
+};
+export type QueryParamDispatchFunction = Dispatch<Action>;
+export declare const DEFAULT_QUERY_PARAMS: SandollFontsQueryParams;
+export declare function useQueryParamsReducer(initialQueryParams: SandollFontsQueryParams): [SandollFontsQueryParams, Dispatch<Action>];
+export {};

package/dist/src/sub/SandollFontKit/index.d.ts

@@ -0,0 +1,5 @@
+export { default as SandollFontsList } from './headless/SandollFontsList';
+export { default as appendSandollFontTag } from './utils/appendSandollTagToHead';
+export { default as getSandollFontNameInKorean } from './utils/getSandollFontNameInKorean';
+export * from './types';
+export * from './constants';

package/dist/src/sub/SandollFontKit/types.d.ts

@@ -0,0 +1,14 @@
+import type { SandollFont } from './api/types';
+import type { PDSIconType } from '@common/types';
+export type SANDOLL_Font = SandollFont;
+export type SANDOLL_CategoryType = 'buri' | 'min-buri' | 'slab' | 'round' | 'script' | 'deco' | 'symbol' | 'blackLetter' | 'display';
+export type SANDOLL_SortOptionType = 'date' | 'alpha';
+export type SANDOLL_CategoryIconType = Record<SANDOLL_CategoryType, PDSIconType>;
+export type SANDOLL_FilterOptionHandlerArgType = {
+    name: 'searchQuery';
+    value: string;
+} | {
+    name: 'categories';
+    value: SANDOLL_CategoryType[];
+};
+export type SANDOLL_ChangeFilterOptionHandler = (arg: SANDOLL_FilterOptionHandlerArgType) => void;

package/dist/src/sub/SandollFontKit/utils/appendSandollTagToHead.d.ts

@@ -0,0 +1 @@
+export default function appendSandollTagToHead(tagString: string): void;

package/dist/src/sub/SandollFontKit/utils/getSandollFontNameInKorean.d.ts

@@ -0,0 +1,3 @@
+import type { SANDOLL_Font } from '../types';
+export declare function getSandollFontNameInKorean(providerFontFamilyName: SANDOLL_Font['providerFontFamilyName']): string;
+export default getSandollFontNameInKorean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.4.12",
+  "version": "2.4.14",
   "license": "MIT",
   "private": false,
   "main": "dist/index.esm.js",
@@ -13,9 +13,19 @@
     "react-dom": "^17.0.2 || ^18.0.0"
   },
   "dependencies": {
+    "@babel/cli": "^7.10.5",
+    "@babel/core": "^7.24.7",
+    "@babel/plugin-transform-nullish-coalescing-operator": "^7.18.6",
     "@babel/preset-env": "^7.24.7",
+    "@babel/preset-react": "^7.10.4",
+    "@babel/preset-typescript": "^7.24.7",
+    "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.6",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^12.8.3",
@@ -36,21 +46,12 @@
     "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.3",
     "rollup": "^4.18.0",
+    "rollup-plugin-sourcemaps": "^0.6.3",
     "smoothscroll-polyfill": "^0.4.4",
     "styled-components": "^5.2.1",
     "swiper": "^8.4.5",
     "tsc-init": "^2.1.0",
-    "web-vitals": "^1.1.2",
-    "@babel/cli": "^7.10.5",
-    "@babel/core": "^7.24.7",
-    "@babel/plugin-transform-nullish-coalescing-operator": "^7.18.6",
-    "@babel/preset-react": "^7.10.4",
-    "@babel/preset-typescript": "^7.24.7",
-    "@rollup/plugin-alias": "^5.1.0",
-    "@rollup/plugin-commonjs": "^26.0.1",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "rollup-plugin-sourcemaps": "^0.6.3"
+    "web-vitals": "^1.1.2"
   },
   "scripts": {
     "build": "rm -rf ./dist && rollup -c",