pds-dev-kit-web-test 2.7.93 → 2.7.95

package/dist/src/desktop/panels/LocalizedContentModal/LocalizedContentModal.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import type { LanguageCode } from '../../../common/types';
-import type { RichTextEditorProps } from '../../components/RichTextEditor/RichTextEditor';
-import type { ImageViewProps } from '../../../hybrid/components/ImageView/ImageView';
-import type { ImageUploadHandler } from '../../../mobile/components/RichTextEditor';
-export type RichEditorConfig = Omit<RichTextEditorProps, 'toolbar'> & {
-    toolbar?: string[];
-    onImageUpload: ImageUploadHandler;
-};
-export type ImageConfig = ImageViewProps & {
-    accept?: string;
-    onValid: (file: File) => boolean;
-    onImageUpload: ImageUploadHandler;
-};
-export type LocalizedContentModalProps = {
-    isOpen: boolean;
-    size?: 'large' | 'medium' | 'small' | 'rlarge';
-    originalFieldType?: 'text' | 'image';
-    textFieldLineType?: 'single' | 'multi' | 'auto' | 'tinyeditor';
-    originalText?: string;
-    initialValues?: {
-        [key in LanguageCode]?: string;
-    };
-    visibleLanguages?: LanguageCode[];
-    richEditorConfig?: RichEditorConfig;
-    imageConfig?: ImageConfig;
-    readonly?: boolean;
-    onClose: () => void;
-    onApply?: (values: {
-        [key in LanguageCode]?: string;
-    }) => void;
-};
-declare function LocalizedContentModal({ isOpen, originalFieldType, size, textFieldLineType, originalText, initialValues, visibleLanguages, readonly, richEditorConfig, imageConfig, onClose, onApply }: LocalizedContentModalProps): JSX.Element | null;
-export default LocalizedContentModal;

package/dist/src/desktop/panels/LocalizedContentModal/LocalizedContentModal.js

@@ -1,171 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_hook_form_1 = require("react-hook-form");
-var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
-var editorContentStyle_1 = require("../../../common/styles/editorContentStyle");
-var components_1 = require("../../components");
-var HTMLReader_1 = require("../../components/RichTextEditor/HTMLReader");
-var index_1 = require("../../index");
-var components_2 = require("../../../hybrid/components");
-var components_3 = require("../../../sub/DynamicLayout/components");
-var styled_components_1 = __importDefault(require("styled-components"));
-var AnnotationSheet_1 = require("../AnnotationSheet");
-var DesktopBasicModal_1 = require("../DesktopBasicModal");
-var LANGUAGE_I18N_KEYS = {
-    ko: 'str_multilingual_ko',
-    en: 'str_multilingual_en',
-    ja: 'str_multilingual_ja',
-    zh: 'str_multilingual_zh_cn',
-    'zh-Hant': 'str_multilingual_zh_tw',
-    fr: 'str_multilingual_fr',
-    es: 'str_multilingual_es'
-};
-var LANGUAGE_DESC_TEXT_KEYS = {
-    ko: 'str_9064',
-    en: 'str_9065',
-    ja: 'str_9066',
-    zh: 'str_9067',
-    'zh-Hant': 'str_9068',
-    fr: 'str_9069',
-    es: 'str_9070'
-};
-function LocalizedContentModal(_a) {
-    var _this = this;
-    var isOpen = _a.isOpen, _b = _a.originalFieldType, originalFieldType = _b === void 0 ? 'text' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, textFieldLineType = _a.textFieldLineType, originalText = _a.originalText, initialValues = _a.initialValues, visibleLanguages = _a.visibleLanguages, readonly = _a.readonly, richEditorConfig = _a.richEditorConfig, imageConfig = _a.imageConfig, onClose = _a.onClose, onApply = _a.onApply;
-    var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
-    var form = (0, react_hook_form_1.useForm)({
-        defaultValues: initialValues
-    });
-    var watchedValues = (0, react_hook_form_1.useWatch)({
-        control: form.control
-    });
-    (0, react_1.useLayoutEffect)(function () {
-        if (isOpen && initialValues) {
-            form.reset(initialValues);
-        }
-    }, [isOpen, initialValues]);
-    var handleImageUpload = function (e, lang) { return __awaiter(_this, void 0, void 0, function () {
-        var file, isValid, result, error_1;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    if (!((_a = e.target.files) === null || _a === void 0 ? void 0 : _a.length))
-                        return [2 /*return*/];
-                    file = e.target.files[0];
-                    if (imageConfig === null || imageConfig === void 0 ? void 0 : imageConfig.onValid) {
-                        isValid = imageConfig.onValid(file);
-                        if (!isValid)
-                            return [2 /*return*/];
-                    }
-                    if (!(imageConfig === null || imageConfig === void 0 ? void 0 : imageConfig.onImageUpload)) return [3 /*break*/, 4];
-                    _b.label = 1;
-                case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, imageConfig.onImageUpload(file)];
-                case 2:
-                    result = _b.sent();
-                    if (result.location) {
-                        form.setValue(lang, result.location);
-                    }
-                    return [3 /*break*/, 4];
-                case 3:
-                    error_1 = _b.sent();
-                    // eslint-disable-next-line no-console
-                    console.error('Image upload failed', error_1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleDelete = function (code) {
-        form.setValue(code, '');
-    };
-    var handleApply = function () {
-        var formValues = form.getValues();
-        if (onApply) {
-            onApply(formValues);
-        }
-        onClose();
-    };
-    var handleCancel = function () {
-        onClose();
-    };
-    if (!isOpen)
-        return null;
-    return ((0, jsx_runtime_1.jsx)(DesktopBasicModal_1.DesktopBasicModal, __assign({ titleText: t('str_multilingual_settings'), btnMode: readonly ? 'mbtn_amount1' : 'mbtn_amount2', mBtn1Text: readonly ? t('str_confirm') : t('str_apply'), mBtn2Text: t('str_cancel'), size: size, onClickMBtn1: handleApply, onClickMBtn2: handleCancel }, { children: (0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, __assign({}, form, { children: [originalText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: t('str_original_text'), wordBreak: "keep_all", styleTheme: "subTitleBold", colorTheme: "sysTextPrimary" }), originalFieldType === 'text' && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: textFieldLineType === 'tinyeditor' ? ((0, jsx_runtime_1.jsx)(S_ReadonlyContent, { children: (0, jsx_runtime_1.jsx)(HTMLReader_1.HTMLReader, { data: originalText }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" }), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: originalText, wordBreak: "keep_all", styleTheme: "body2Regular", colorTheme: "sysTextPrimary" })] })) })), originalFieldType === 'image' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" }), (0, jsx_runtime_1.jsx)(components_3.ImageView, __assign({ width: "responsive", height: "responsive" }, imageConfig, { src: originalText }))] })), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" }), (0, jsx_runtime_1.jsx)(components_2.Divider, {}), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" })] })), visibleLanguages === null || visibleLanguages === void 0 ? void 0 : visibleLanguages.map(function (languageCode, index) {
-                    return ((0, jsx_runtime_1.jsxs)(S_LanguageField, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: t(LANGUAGE_I18N_KEYS[languageCode]), styleTheme: "subTitleBold", colorTheme: "sysTextPrimary" }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: t(LANGUAGE_DESC_TEXT_KEYS[languageCode]), styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b" }), originalFieldType === 'text' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [textFieldLineType === 'tinyeditor' && readonly && ((0, jsx_runtime_1.jsx)(AnnotationSheet_1.AnnotationSheet, __assign({ width: "100%", height: "240px", backgroundColorTheme: "base3", shapeType: "round", radius: 16, paddingTop: "spacing_d", paddingRight: "spacing_d", paddingBottom: "spacing_d", paddingLeft: "spacing_d" }, { children: (0, jsx_runtime_1.jsx)(S_ReadonlyContent, { dangerouslySetInnerHTML: {
-                                                __html: (initialValues === null || initialValues === void 0 ? void 0 : initialValues[languageCode]) || ''
-                                            } }) }))), textFieldLineType === 'tinyeditor' && !readonly && ((0, jsx_runtime_1.jsx)(components_1.RichTextEditor, __assign({}, richEditorConfig, { onChange: function (value) { return form.setValue(languageCode, value); }, defaultText: form.getValues(languageCode), toolbar: (richEditorConfig === null || richEditorConfig === void 0 ? void 0 : richEditorConfig.toolbar) || [
-                                            'blocks',
-                                            'bold italic underline strikethrough',
-                                            'alignleft aligncenter alignright alignjustify',
-                                            'outdent indent',
-                                            'forecolor backcolor numlist bullist blockquote',
-                                            'link insertfile image media',
-                                            'undo redo',
-                                            'code'
-                                        ] }))), textFieldLineType !== 'tinyeditor' && ((0, jsx_runtime_1.jsx)(components_1.TextField, { responsiveMode: "use", multiRows: textFieldLineType === 'multi' ? 5 : undefined, autoMaxRows: textFieldLineType === 'auto' ? 5 : undefined, autoMinRows: textFieldLineType === 'auto' ? 1 : undefined, name: languageCode, hintText: t('str_9071'), placeholder: "Input Text", textLineType: textFieldLineType, state: readonly ? 'disabled' : 'normal' }))] })), originalFieldType === 'image' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!readonly && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" }), (0, jsx_runtime_1.jsxs)(S_ImageUploadButtonWrapper, { children: [(0, jsx_runtime_1.jsx)(index_1.D_UploadMainButton, { text: t('str_upload'), styleTheme: "secondary", size: "small", accept: (imageConfig === null || imageConfig === void 0 ? void 0 : imageConfig.accept) || 'image/png, image/jpg, image/jpeg, image/gif', onClick: function (e) { return handleImageUpload(e, languageCode); } }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(components_1.MainButton, { text: t('str_delete'), styleTheme: "secondary", size: "small", state: (watchedValues === null || watchedValues === void 0 ? void 0 : watchedValues[languageCode]) ? 'normal' : 'disabled', onClick: function () { return handleDelete(languageCode); } })] })] })), (watchedValues === null || watchedValues === void 0 ? void 0 : watchedValues[languageCode]) && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" }), (0, jsx_runtime_1.jsx)(components_3.ImageView, __assign({ width: "responsive", height: "responsive" }, imageConfig, { src: watchedValues === null || watchedValues === void 0 ? void 0 : watchedValues[languageCode] }))] })), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" })] })), index < ((visibleLanguages === null || visibleLanguages === void 0 ? void 0 : visibleLanguages.length) || 0) - 1 && (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" })] }, "".concat(languageCode, "_field")));
-                })] })) })));
-}
-var S_LanguageField = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
-var S_ReadonlyContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  height: 100%;\n  overflow-y: auto;\n"], ["\n  ", "\n  height: 100%;\n  overflow-y: auto;\n"])), editorContentStyle_1.editorContentStyle);
-var S_ImageUploadButtonWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-exports.default = LocalizedContentModal;
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/src/desktop/panels/LocalizedContentModal/index.d.ts

@@ -1 +0,0 @@
-export { default } from './LocalizedContentModal';

package/dist/src/desktop/panels/LocalizedContentModal/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var LocalizedContentModal_1 = require("./LocalizedContentModal");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(LocalizedContentModal_1).default; } });

package/dist/src/desktop/panels/SectionSheet/SectionSheet.d.ts

@@ -1,60 +0,0 @@
-import type { UiColors } from '../../../common';
-import type { ScrollVisibleType } from '../../../common/styles/scroll/scrollbarStyle';
-import type { CSSProperties } from 'react';
-type PaddingSpacingType = 'none' | keyof typeof paddingSpacing;
-export type SectionSheetProps = {
-    width: string;
-    height: string;
-    backgroundColorTheme?: 'transparent' | 'white' | 'black' | 'base1' | 'base2' | 'base3';
-    overrideBackgroundColorKey?: UiColors;
-    borderMode?: 'none' | 'use';
-    borderWidth?: 1 | 2;
-    borderColorTheme?: 'grey' | 'blue' | 'green';
-    overrideBorderColorKey?: UiColors;
-    shapeType?: 'rectangle' | 'round';
-    radius?: 8 | 16 | 24;
-    paddingTop?: PaddingSpacingType;
-    paddingRight?: PaddingSpacingType;
-    paddingBottom?: PaddingSpacingType;
-    paddingLeft?: PaddingSpacingType;
-    overrideCSS?: CSSProperties;
-    children: React.ReactNode;
-    scrollVisibleType?: ScrollVisibleType;
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-};
-export type StyleProps = {
-    $width?: string;
-    $height?: string;
-    $backgroundColorTheme?: 'transparent' | 'white' | 'black' | 'base1' | 'base2' | 'base3';
-    overrideBackgroundColorKey?: UiColors;
-    borderMode?: 'none' | 'use';
-    $borderWidth?: 1 | 2;
-    $borderColorTheme?: 'grey' | 'blue' | 'green';
-    overrideBorderColorKey?: UiColors;
-    shapeType?: 'rectangle' | 'round';
-    $radius?: 8 | 16 | 24;
-    paddingTop?: PaddingSpacingType;
-    paddingRight?: PaddingSpacingType;
-    paddingBottom?: PaddingSpacingType;
-    paddingLeft?: PaddingSpacingType;
-    hasOnClick?: boolean;
-    scrollVisibleType?: ScrollVisibleType;
-};
-declare const paddingSpacing: {
-    readonly spacing_a: "spacingA";
-    readonly spacing_b: "spacingB";
-    readonly spacing_c: "spacingC";
-    readonly spacing_d: "spacingD";
-    readonly spacing_e: "spacingE";
-    readonly spacing_f: "spacingF";
-    readonly spacing_g: "spacingG";
-    readonly spacing_h: "spacingH";
-    readonly spacing_i: "spacingI";
-    readonly spacing_j: "spacingJ";
-    readonly spacing_k: "spacingK";
-    readonly spacing_l: "spacingL";
-    readonly spacing_m: "spacingM";
-    readonly spacing_n: "spacingN";
-};
-declare function SectionSheet({ width, height, backgroundColorTheme, overrideBackgroundColorKey, borderMode, borderWidth, borderColorTheme, overrideBorderColorKey, shapeType, radius, paddingTop, paddingRight, paddingBottom, paddingLeft, overrideCSS, children, scrollVisibleType, onClick }: SectionSheetProps): JSX.Element;
-export default SectionSheet;

package/dist/src/desktop/panels/SectionSheet/SectionSheet.js

@@ -1,154 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var scrollbarStyle_1 = require("../../../common/styles/scroll/scrollbarStyle");
-var styled_components_1 = __importStar(require("styled-components"));
-var backgroundColorTheme = {
-    transparent: 'ui_cpnt_sheet_base_03',
-    white: 'ui_cpnt_sheet_base_white',
-    black: 'ui_cpnt_sheet_base_black',
-    base1: 'ui_cpnt_sheet_base_01',
-    base2: 'ui_cpnt_sheet_base_02',
-    base3: 'ui_cpnt_sheet_base'
-};
-var borderColorTheme = {
-    grey: 'ui_cpnt_sheet_border_01',
-    blue: 'ui_cpnt_sheet_border_02',
-    green: 'ui_cpnt_sheet_border_03'
-};
-var paddingSpacing = {
-    spacing_a: 'spacingA',
-    spacing_b: 'spacingB',
-    spacing_c: 'spacingC',
-    spacing_d: 'spacingD',
-    spacing_e: 'spacingE',
-    spacing_f: 'spacingF',
-    spacing_g: 'spacingG',
-    spacing_h: 'spacingH',
-    spacing_i: 'spacingI',
-    spacing_j: 'spacingJ',
-    spacing_k: 'spacingK',
-    spacing_l: 'spacingL',
-    spacing_m: 'spacingM',
-    spacing_n: 'spacingN'
-};
-function SectionSheet(_a) {
-    var width = _a.width, height = _a.height, _b = _a.backgroundColorTheme, backgroundColorTheme = _b === void 0 ? 'transparent' : _b, overrideBackgroundColorKey = _a.overrideBackgroundColorKey, _c = _a.borderMode, borderMode = _c === void 0 ? 'none' : _c, _d = _a.borderWidth, borderWidth = _d === void 0 ? 1 : _d, _e = _a.borderColorTheme, borderColorTheme = _e === void 0 ? 'grey' : _e, overrideBorderColorKey = _a.overrideBorderColorKey, _f = _a.shapeType, shapeType = _f === void 0 ? 'rectangle' : _f, _g = _a.radius, radius = _g === void 0 ? 24 : _g, _h = _a.paddingTop, paddingTop = _h === void 0 ? 'spacing_e' : _h, _j = _a.paddingRight, paddingRight = _j === void 0 ? 'spacing_e' : _j, _k = _a.paddingBottom, paddingBottom = _k === void 0 ? 'spacing_e' : _k, _l = _a.paddingLeft, paddingLeft = _l === void 0 ? 'spacing_e' : _l, overrideCSS = _a.overrideCSS, children = _a.children, _m = _a.scrollVisibleType, scrollVisibleType = _m === void 0 ? 'visible' : _m, onClick = _a.onClick;
-    var handleClick = function (e) {
-        if (onClick) {
-            onClick(e);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(S_SectionSheet, __assign({ "x-pds-name": "SectionSheet", "x-pds-element-type": "panel", "x-pds-device-type": "desktop", "$width": width, "$height": height, "$backgroundColorTheme": backgroundColorTheme, overrideBackgroundColorKey: overrideBackgroundColorKey, borderMode: borderMode, "$borderWidth": borderWidth, "$borderColorTheme": borderColorTheme, overrideBorderColorKey: overrideBorderColorKey, shapeType: shapeType, "$radius": radius, paddingTop: paddingTop, paddingRight: paddingRight, paddingBottom: paddingBottom, paddingLeft: paddingLeft, style: overrideCSS, onClick: handleClick, hasOnClick: !!onClick, scrollVisibleType: scrollVisibleType }, { children: children })));
-}
-var radiusStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: ", ";\n"], ["\n  border-radius: ", ";\n"])), function (_a) {
-    var $radius = _a.$radius;
-    return "".concat($radius, "px");
-});
-var paddingTopStyle = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding-top: ", ";\n"], ["\n  padding-top: ", ";\n"])), function (_a) {
-    var theme = _a.theme, paddingTop = _a.paddingTop;
-    return paddingTop && (paddingTop === 'none' ? 0 : theme.spacing[paddingSpacing[paddingTop]]);
-});
-var paddingRightStyle = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-right: ", ";\n"], ["\n  padding-right: ", ";\n"])), function (_a) {
-    var theme = _a.theme, paddingRight = _a.paddingRight;
-    return paddingRight && (paddingRight === 'none' ? 0 : theme.spacing[paddingSpacing[paddingRight]]);
-});
-var paddingBottomStyle = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding-bottom: ", ";\n"], ["\n  padding-bottom: ", ";\n"])), function (_a) {
-    var theme = _a.theme, paddingBottom = _a.paddingBottom;
-    return paddingBottom && (paddingBottom === 'none' ? 0 : theme.spacing[paddingSpacing[paddingBottom]]);
-});
-var paddingLeftStyle = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  padding-left: ", ";\n"], ["\n  padding-left: ", ";\n"])), function (_a) {
-    var theme = _a.theme, paddingLeft = _a.paddingLeft;
-    return paddingLeft && (paddingLeft === 'none' ? 0 : theme.spacing[paddingSpacing[paddingLeft]]);
-});
-var advancedCSS = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background-color: ", ";\n  border-color: ", ";\n"], ["\n  background-color: ", ";\n  border-color: ", ";\n"])), function (_a) {
-    var theme = _a.theme, overrideBackgroundColorKey = _a.overrideBackgroundColorKey;
-    return overrideBackgroundColorKey && theme[overrideBackgroundColorKey];
-}, function (_a) {
-    var theme = _a.theme, overrideBorderColorKey = _a.overrideBorderColorKey;
-    return overrideBorderColorKey && theme[overrideBorderColorKey];
-});
-var S_SectionSheet = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  background-color: ", ";\n  border-color: ", ";\n  border-style: ", ";\n  border-width: ", ";\n  box-sizing: border-box;\n  cursor: ", ";\n  height: ", ";\n  overflow-y: auto;\n  width: ", ";\n\n  ", ";\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  ", "\n\n  ", "\n"], ["\n  background-color: ", ";\n  border-color: ", ";\n  border-style: ", ";\n  border-width: ", ";\n  box-sizing: border-box;\n  cursor: ", ";\n  height: ", ";\n  overflow-y: auto;\n  width: ", ";\n\n  ", ";\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (_a) {
-    var theme = _a.theme, $backgroundColorTheme = _a.$backgroundColorTheme;
-    return $backgroundColorTheme && theme[backgroundColorTheme[$backgroundColorTheme]];
-}, function (_a) {
-    var theme = _a.theme, $borderColorTheme = _a.$borderColorTheme;
-    return $borderColorTheme && theme[borderColorTheme[$borderColorTheme]];
-}, function (_a) {
-    var borderMode = _a.borderMode;
-    return (borderMode === 'use' ? 'solid' : 'none');
-}, function (_a) {
-    var $borderWidth = _a.$borderWidth;
-    return "".concat($borderWidth, "px");
-}, function (_a) {
-    var hasOnClick = _a.hasOnClick;
-    return (hasOnClick ? 'pointer' : 'default');
-}, function (_a) {
-    var $height = _a.$height;
-    return $height;
-}, function (_a) {
-    var $width = _a.$width;
-    return $width;
-}, function (_a) {
-    var shapeType = _a.shapeType;
-    return shapeType === 'round' && radiusStyle;
-}, function (_a) {
-    var paddingTop = _a.paddingTop;
-    return paddingTop !== 'none' && paddingTopStyle;
-}, function (_a) {
-    var paddingRight = _a.paddingRight;
-    return paddingRight !== 'none' && paddingRightStyle;
-}, function (_a) {
-    var paddingBottom = _a.paddingBottom;
-    return paddingBottom !== 'none' && paddingBottomStyle;
-}, function (_a) {
-    var paddingLeft = _a.paddingLeft;
-    return paddingLeft !== 'none' && paddingLeftStyle;
-}, function (_a) {
-    var scrollVisibleType = _a.scrollVisibleType;
-    return scrollVisibleType &&
-        {
-            visible: scrollbarStyle_1.scrollbarStyle,
-            hidden: scrollbarStyle_1.scrollInvisible
-        }[scrollVisibleType];
-}, advancedCSS);
-exports.default = SectionSheet;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/src/desktop/panels/SectionSheet/index.d.ts

@@ -1 +0,0 @@
-export { default as SectionSheet } from './SectionSheet';

package/dist/src/desktop/panels/SectionSheet/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SectionSheet = void 0;
-var SectionSheet_1 = require("./SectionSheet");
-Object.defineProperty(exports, "SectionSheet", { enumerable: true, get: function () { return __importDefault(SectionSheet_1).default; } });

package/dist/src/desktop/panels/index.d.ts

@@ -1,11 +0,0 @@
-import { AnnotationSheet } from './AnnotationSheet';
-import { ContentSheet } from './ContentSheet';
-import { DesktopBasicModal } from './DesktopBasicModal';
-import { DesktopBasicModalWithTab, DesktopBasicModalWithTabInfoType } from './DesktopBasicModalWithTab';
-import { DesktopHeadlessModal } from './DesktopHeadlessModal';
-import { DesktopTutorialModal, DesktopTutorialModalInfoType } from './DesktopTutorialModal';
-import LocalizedContentModal from './LocalizedContentModal';
-import { SectionSheet } from './SectionSheet';
-export { AnnotationSheet, ContentSheet, DesktopBasicModal, DesktopBasicModalWithTab, DesktopHeadlessModal, DesktopTutorialModal, LocalizedContentModal, SectionSheet };
-export { DesktopBasicModalWithTabInfoType };
-export { DesktopTutorialModalInfoType };

package/dist/src/desktop/panels/index.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SectionSheet = exports.LocalizedContentModal = exports.DesktopTutorialModal = exports.DesktopHeadlessModal = exports.DesktopBasicModalWithTab = exports.DesktopBasicModal = exports.ContentSheet = exports.AnnotationSheet = void 0;
-var AnnotationSheet_1 = require("./AnnotationSheet");
-Object.defineProperty(exports, "AnnotationSheet", { enumerable: true, get: function () { return AnnotationSheet_1.AnnotationSheet; } });
-var ContentSheet_1 = require("./ContentSheet");
-Object.defineProperty(exports, "ContentSheet", { enumerable: true, get: function () { return ContentSheet_1.ContentSheet; } });
-var DesktopBasicModal_1 = require("./DesktopBasicModal");
-Object.defineProperty(exports, "DesktopBasicModal", { enumerable: true, get: function () { return DesktopBasicModal_1.DesktopBasicModal; } });
-var DesktopBasicModalWithTab_1 = require("./DesktopBasicModalWithTab");
-Object.defineProperty(exports, "DesktopBasicModalWithTab", { enumerable: true, get: function () { return DesktopBasicModalWithTab_1.DesktopBasicModalWithTab; } });
-var DesktopHeadlessModal_1 = require("./DesktopHeadlessModal");
-Object.defineProperty(exports, "DesktopHeadlessModal", { enumerable: true, get: function () { return DesktopHeadlessModal_1.DesktopHeadlessModal; } });
-var DesktopTutorialModal_1 = require("./DesktopTutorialModal");
-Object.defineProperty(exports, "DesktopTutorialModal", { enumerable: true, get: function () { return DesktopTutorialModal_1.DesktopTutorialModal; } });
-var LocalizedContentModal_1 = __importDefault(require("./LocalizedContentModal"));
-exports.LocalizedContentModal = LocalizedContentModal_1.default;
-var SectionSheet_1 = require("./SectionSheet");
-Object.defineProperty(exports, "SectionSheet", { enumerable: true, get: function () { return SectionSheet_1.SectionSheet; } });

package/dist/src/hybrid/components/Divider/Divider.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { UiColors } from '../../../common/types';
-export type DividerProps = {
-    displayType?: 'line' | 'area';
-    direction?: 'vertical' | 'horizontal';
-    height?: number;
-    colorTheme?: 'none' | 'divider1' | 'divider2';
-    overrideColorKey?: UiColors;
-};
-declare function Divider({ displayType, direction, height, colorTheme, overrideColorKey }: DividerProps): JSX.Element;
-export default Divider;

package/dist/src/hybrid/components/Divider/Divider.js

@@ -1,84 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importStar(require("styled-components"));
-function Divider(_a) {
-    var _b = _a.displayType, displayType = _b === void 0 ? 'line' : _b, _c = _a.direction, direction = _c === void 0 ? 'horizontal' : _c, height = _a.height, _d = _a.colorTheme, colorTheme = _d === void 0 ? 'none' : _d, overrideColorKey = _a.overrideColorKey;
-    return ((0, jsx_runtime_1.jsx)(S_Divider, { "x-pds-name": "Divider", "x-pds-element-type": "component", "x-pds-device-type": "hybrid", displayType: displayType, "$height": height, "$direction": direction, colorTheme: colorTheme, overrideColorKey: overrideColorKey }));
-}
-var horizontal = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  height: ", ";\n  width: 100%;\n"], ["\n  background-color: ", ";\n  height: ", ";\n  width: 100%;\n"])), function (_a) {
-    var displayType = _a.displayType, theme = _a.theme;
-    return displayType &&
-        {
-            line: theme.ui_cpnt_divider,
-            area: theme.ui_cpnt_divider_area
-        }[displayType];
-}, function (_a) {
-    var displayType = _a.displayType;
-    return displayType &&
-        {
-            line: '1px',
-            area: '16px'
-        }[displayType];
-});
-var vertical = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  display: inline-block;\n  height: ", ";\n  width: 1px;\n"], ["\n  background-color: ", ";\n  display: inline-block;\n  height: ", ";\n  width: 1px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_divider;
-}, function (_a) {
-    var $height = _a.$height;
-    return ($height ? "".concat($height, "px") : '100%');
-});
-var divider1Color = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_divider_white_opacity30;
-});
-var divider2Color = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_divider_white_opacity00;
-});
-var S_Divider = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n  ", ";\n\n  ", ";\n"], ["\n  ", ";\n  ", ";\n\n  ", ";\n"])), function (_a) {
-    var $direction = _a.$direction;
-    return $direction === 'horizontal' && horizontal;
-}, function (_a) {
-    var $direction = _a.$direction, displayType = _a.displayType;
-    return $direction === 'vertical' && displayType === 'line' && vertical;
-}, function (_a) {
-    var overrideColorKey = _a.overrideColorKey, theme = _a.theme, colorTheme = _a.colorTheme;
-    if (overrideColorKey)
-        return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        background-color: ", ";\n      "], ["\n        background-color: ", ";\n      "])), theme[overrideColorKey]);
-    return (colorTheme &&
-        {
-            divider1: divider1Color,
-            divider2: divider2Color,
-            none: ''
-        }[colorTheme]);
-});
-exports.default = Divider;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/src/hybrid/components/Divider/index.d.ts

@@ -1 +0,0 @@
-export { default as Divider } from './Divider';

package/dist/src/hybrid/components/Divider/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Divider = void 0;
-var Divider_1 = require("./Divider");
-Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return __importDefault(Divider_1).default; } });

package/dist/src/hybrid/components/Icon/Icon.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { PDSIconType, UiColors } from '../../../common';
-type FillType = 'line' | 'fill';
-export type IconProps = {
-    iconName?: PDSIconType;
-    size?: 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72;
-    colorKey?: UiColors;
-    fillType?: FillType;
-} & Record<string, any>;
-declare const Icon: ({ iconName, size, colorKey, fillType }: IconProps) => JSX.Element;
-export default Icon;