pds-dev-kit-web-test 2.3.6 → 2.3.8

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

@@ -1,4 +1,4 @@
-import type { FontResponse, PublHeaders, SearchParams } from './types';
+import type { FontResponse, PublHeaders, SandollFontsQueryParams } from './types';
 export declare const DEFAULT_PAGINATION: {
     page: number;
     limit: number;
@@ -11,4 +11,4 @@ export declare const DEFAULT_SEARCHQUERY: {
     usecase: string;
     searchTerm: string;
 };
-export declare function fetchSandollFonts(baseURL: string, searchParams: SearchParams, publHeaders: PublHeaders): Promise<FontResponse>;
+export declare function fetchSandollFonts(baseURL: string, searchParams: SandollFontsQueryParams, publHeaders: PublHeaders): Promise<FontResponse>;

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

@@ -1,3 +1,4 @@
+import type { SANDOLL_CategoryType } from '../types';
 export type Pagination = {
     page: number;
     limit: number;
@@ -36,10 +37,11 @@ export type FontResponse = {
         pagination: Pagination;
     };
 };
-export type SearchParams = {
+export type SandollFontsQueryParams = {
     pagination: Pagination;
     searchQuery: SearchQuery;
     filter: Filter;
+    categories: SANDOLL_CategoryType[];
 };
 export type PublHeaders = {
     channelToken: string;

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

@@ -1,9 +1,9 @@
-import type { SANDOLL_Category, SANDOLL_CategoryIconType, SANDOLL_SortOptionType } from './types';
+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_Category[];
+export declare const SANDOLL_CATEGORIES: SANDOLL_CategoryType[];
 export declare const SANDOLL_CATEGORY_ICONS: SANDOLL_CategoryIconType;

package/dist/src/sub/SandollFontKit/constants.js

@@ -12,7 +12,7 @@ exports.SANDOLL_SORT_OPTION_KEY_MAP = {
 };
 exports.SANDOLL_CATEGORIES = [
     'serif',
-    'san-serif',
+    'sans-serif',
     'slab',
     'blackLetter',
     'deco',
@@ -22,12 +22,12 @@ exports.SANDOLL_CATEGORIES = [
 ];
 // NOTE: remove as
 exports.SANDOLL_CATEGORY_ICONS = {
-    serif: 'ic_typeface_sandoll_serif',
-    'san-serif': 'ic_typeface_sandoll_sanserif',
-    slab: 'ic_typeface_sandoll_slab',
-    round: 'ic_typeface_sandoll_round',
-    script: 'ic_typeface_sandoll_script',
-    deco: 'ic_typeface_sandoll_deco',
-    symbol: 'ic_typeface_sandoll_symbol',
-    blackLetter: 'ic_typeface_sandoll_blackletter'
+    serif: 'ic_typeface_serif_20',
+    'sans-serif': 'ic_typeface_sans_serif_20',
+    slab: 'ic_typeface_slab_20',
+    round: 'ic_typeface_round_20',
+    script: 'ic_typeface_script_20',
+    deco: 'ic_typeface_deco_20',
+    symbol: 'ic_typeface_symbol_20',
+    blackLetter: 'ic_typeface_blackletter_20'
 };

package/dist/src/sub/SandollFontKit/headless/SandollFontItem.js

@@ -58,34 +58,15 @@ function SandollFontItem(_a) {
                     switch (_a.label) {
                         case 0:
                             setIsLoading(true);
-                            return [4 /*yield*/, (0, delay_1.default)(2000)];
+                            return [4 /*yield*/, (0, delay_1.default)(500)];
                         case 1:
                             _a.sent();
-                            //   const css = await getGoogleFontCss({
-                            //     family: `${font.family}${parseVariants(font.variants, {
-                            //       prefix: ':wght@',
-                            //       separator: ';'
-                            //     })}`,
-                            //     'font-display': 'swap'
-                            //   });
-                            //   const fontStyles = extractFontStyles(css);
-                            //   fillStylesheet(font.id, fontStyles[font.id]);
                             setIsLoading(false);
                             return [2 /*return*/];
                     }
                 });
             });
         }
-        // if (isStylesheetExists(font.id, false)) {
-        //   applyActiveFont(font, '', '');
-        //   setIsLoading(false);
-        // } else if (isStylesheetExists(font.id, true)) {
-        //   setStylesheetType(font.id, false);
-        //   setIsLoading(false);
-        // } else {
-        //   createStylesheet(font.id, false);
-        //   getCss();
-        // }
         getCss();
     }, [font, isVisible]);
     return children({ isLoading: isLoading, isVisible: isVisible, ref: ref });

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

@@ -1,18 +1,18 @@
 /// <reference types="react" />
-import type { PublHeaders, SearchParams } from '../api/types';
-import type { SANDOLL_Font, SANDOLL_FilterOptionType, SANDOLL_ChangeFilterOptionHandler } from '../types';
+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[];
-    filterOptions: SANDOLL_FilterOptionType;
-    changeSort: (option: SearchParams) => void;
-    changeFilterOption: SANDOLL_ChangeFilterOptionHandler;
+    queryParams: SandollFontsQueryParams;
+    queryParamDispatch: QueryParamDispatchFunction;
 };
 type Props = {
     baseURL: string;
-    searchParams: SearchParams;
+    defaultQueryParams?: SandollFontsQueryParams;
     publHeaders: PublHeaders;
     children: (args: HeadlessProps) => JSX.Element;
 };
-declare function SandollFontsList({ baseURL, searchParams, publHeaders, children }: Props): JSX.Element;
+declare function SandollFontsList({ baseURL, defaultQueryParams, publHeaders, children }: Props): JSX.Element;
 export default SandollFontsList;

package/dist/src/sub/SandollFontKit/headless/SandollFontsList.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -49,24 +38,21 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var getSandollFonts_1 = require("../api/getSandollFonts");
-var DEFAULT_CATEGORIES = ['serif'];
+var useQueryParamsReducer_1 = require("../hooks/useQueryParamsReducer");
 function SandollFontsList(_a) {
-    var baseURL = _a.baseURL, searchParams = _a.searchParams, publHeaders = _a.publHeaders, children = _a.children;
-    var _b = (0, react_1.useState)(false), isLoading = _b[0], setIsLoading = _b[1];
-    var _c = (0, react_1.useState)([]), fonts = _c[0], setFonts = _c[1];
-    var _d = (0, react_1.useState)({
-        searchQuery: '',
-        categories: DEFAULT_CATEGORIES
-    }), filterOptions = _d[0], setFilterOptions = _d[1];
+    var baseURL = _a.baseURL, _b = _a.defaultQueryParams, defaultQueryParams = _b === void 0 ? useQueryParamsReducer_1.DEFAULT_QUERY_PARAMS : _b, publHeaders = _a.publHeaders, children = _a.children;
+    var _c = (0, useQueryParamsReducer_1.useQueryParamsReducer)(defaultQueryParams), queryParams = _c[0], queryParamDispatch = _c[1];
+    var _d = (0, react_1.useState)(false), isLoading = _d[0], setIsLoading = _d[1];
+    var _e = (0, react_1.useState)([]), fonts = _e[0], setFonts = _e[1];
     (0, react_1.useEffect)(function () {
-        function call() {
+        function fetchFontsList() {
             return __awaiter(this, void 0, void 0, function () {
                 var res;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
                             setIsLoading(true);
-                            return [4 /*yield*/, (0, getSandollFonts_1.fetchSandollFonts)(baseURL, searchParams, publHeaders)];
+                            return [4 /*yield*/, (0, getSandollFonts_1.fetchSandollFonts)(baseURL, queryParams, publHeaders)];
                         case 1:
                             res = _a.sent();
                             setFonts(res.data.availableFonts);
@@ -76,51 +62,13 @@ function SandollFontsList(_a) {
                 });
             });
         }
-        call();
-    }, [baseURL, searchParams, publHeaders]);
-    function changeSort(searchParams) {
-        return __awaiter(this, void 0, void 0, function () {
-            var res;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        setIsLoading(true);
-                        return [4 /*yield*/, (0, getSandollFonts_1.fetchSandollFonts)(baseURL, searchParams, publHeaders)];
-                    case 1:
-                        res = _a.sent();
-                        setFonts(res.data.availableFonts);
-                        setIsLoading(false);
-                        return [2 /*return*/];
-                }
-            });
-        });
-    }
-    function changeFilterOption(arg) {
-        var name = arg.name, value = arg.value;
-        setFilterOptions(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[name] = value, _a)));
-        });
-    }
-    // const filteredFonts = fonts.filter((font) => {
-    //   const { categories, searchQuery } = filterOptions;
-    //   const isSelectedCategory = categories.includes(font.category);
-    //   const query = searchQuery.toLocaleLowerCase().trim();
-    //   const matchSearchQuery = font.family.toLocaleLowerCase().includes(query);
-    //   if (!matchSearchQuery) {
-    //     return false;
-    //   }
-    //   if (isSelectedCategory) {
-    //     return true;
-    //   }
-    //   return false;
-    // });
+        fetchFontsList();
+    }, [baseURL, queryParams, publHeaders]);
     return children({
         isLoading: isLoading,
         fonts: fonts,
-        filterOptions: filterOptions,
-        changeSort: changeSort,
-        changeFilterOption: changeFilterOption
+        queryParams: queryParams,
+        queryParamDispatch: queryParamDispatch
     });
 }
 exports.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/hooks/useQueryParamsReducer.js

@@ -0,0 +1,69 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQueryParamsReducer = exports.DEFAULT_QUERY_PARAMS = void 0;
+var react_1 = require("react");
+// Initial state
+exports.DEFAULT_QUERY_PARAMS = {
+    pagination: {
+        page: 1,
+        limit: 100
+    },
+    searchQuery: {
+        usecase: 'EDITOR',
+        searchTerm: ''
+    },
+    filter: {
+        sort: 'date',
+        order: 'ASC'
+    },
+    categories: ['sans-serif']
+};
+// Reducer function
+function queryParamsReducer(state, action) {
+    switch (action.type) {
+        case 'SET_PAGE':
+            return __assign(__assign({}, state), { pagination: __assign(__assign({}, state.pagination), { page: action.payload }) });
+        case 'SET_LIMIT':
+            return __assign(__assign({}, state), { pagination: __assign(__assign({}, state.pagination), { limit: action.payload }) });
+        case 'SET_SEARCH_TERM':
+            return __assign(__assign({}, state), { searchQuery: __assign(__assign({}, state.searchQuery), { searchTerm: action.payload }) });
+        case 'SET_SORT':
+            return __assign(__assign({}, state), { filter: __assign(__assign({}, state.filter), { sort: action.payload }) });
+        case 'SET_ORDER':
+            return __assign(__assign({}, state), { filter: __assign(__assign({}, state.filter), { order: action.payload }) });
+        case 'TOGGLE_CATEGORIES': {
+            var category_1 = action.payload;
+            var categories = state.categories.includes(category_1)
+                ? state.categories.filter(function (c) { return c !== category_1; })
+                : __spreadArray(__spreadArray([], state.categories, true), [category_1], false);
+            return __assign(__assign({}, state), { categories: categories });
+        }
+        default:
+            return state;
+    }
+}
+// Usage of useReducer with the defined reducer and initial state
+function useQueryParamsReducer(initialQueryParams) {
+    return (0, react_1.useReducer)(queryParamsReducer, initialQueryParams);
+}
+exports.useQueryParamsReducer = useQueryParamsReducer;

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

@@ -1,10 +1,9 @@
 import type { SandollFont } from './api/types';
 import type { PDSIconType } from '../../common/types';
 export type SANDOLL_Font = SandollFont;
-export type SANDOLL_CategoryType = 'serif' | 'san-serif' | 'slab' | 'round' | 'script' | 'deco' | 'symbol' | 'blackLetter';
+export type SANDOLL_CategoryType = 'serif' | 'sans-serif' | 'slab' | 'round' | 'script' | 'deco' | 'symbol' | 'blackLetter';
 export type SANDOLL_SortOptionType = 'date' | 'alpha';
-export type SANDOLL_CategoryIconType = Record<SANDOLL_Category, PDSIconType>;
-export type SANDOLL_Category = 'serif' | 'san-serif' | 'slab' | 'round' | 'script' | 'deco' | 'symbol' | 'blackLetter';
+export type SANDOLL_CategoryIconType = Record<SANDOLL_CategoryType, PDSIconType>;
 export type SANDOLL_FilterOptionHandlerArgType = {
     name: 'searchQuery';
     value: string;
@@ -13,7 +12,3 @@ export type SANDOLL_FilterOptionHandlerArgType = {
     value: SANDOLL_CategoryType[];
 };
 export type SANDOLL_ChangeFilterOptionHandler = (arg: SANDOLL_FilterOptionHandlerArgType) => void;
-export type SANDOLL_FilterOptionType = {
-    searchQuery: string;
-    categories: SANDOLL_CategoryType[];
-};

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

@@ -1,2 +1,2 @@
-declare function createSandollFontLink(href: string): void;
+declare function createSandollFontLink(href: string, id?: string): void;
 export default createSandollFontLink;

package/dist/src/sub/SandollFontKit/utils/createSandollFontLink.js

@@ -1,12 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 // href: CSS_URI_FOR_PUBL_OR_INDIVIDUAL_URI
-function createSandollFontLink(href) {
+var SANDOLL_LINK_ID = 'sandoll-css-link';
+function createSandollFontLink(href, id) {
+    if (id === void 0) { id = SANDOLL_LINK_ID; }
     try {
+        var sandollLink = document.getElementById(id);
+        if (sandollLink) {
+            sandollLink.setAttribute('href', href);
+            return;
+        }
         var linkTag = document.createElement('link');
         linkTag.setAttribute('rel', 'stylesheet');
         linkTag.setAttribute('charset', 'utf-8');
         linkTag.setAttribute('href', href);
+        linkTag.id = 'sandoll-css-link';
         document.head.appendChild(linkTag);
     }
     catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.3.6",
+  "version": "2.3.8",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",