pds-dev-kit-web-test 2.3.17 → 2.4.0

package/dist/src/sub/AdminList/ToolBar/SearchField.js

@@ -1,269 +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 react_1 = require("react");
-var react_hook_form_1 = require("react-hook-form");
-var styles_1 = require("../../../common/styles");
-var components_1 = require("../../../desktop/common/components");
-var components_2 = require("../../../desktop/components");
-var components_3 = require("../../../hybrid/components");
-var styled_components_1 = __importStar(require("styled-components"));
-function SearchField(_a) {
-    var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, _b = _a.responsiveMode, responsiveMode = _b === void 0 ? 'none' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, customWidth = _a.customWidth, _d = _a.arrowBtnMode, arrowBtnMode = _d === void 0 ? 'use' : _d, onTarget = _a.onTarget, onClickArrowIBtn = _a.onClickArrowIBtn, onClickSearchIBtn = _a.onClickSearchIBtn;
-    var _e = (0, react_1.useState)(false), isFocused = _e[0], setIsFocused = _e[1];
-    var textFieldBaseRef = (0, react_1.useRef)(null);
-    var _f = (0, react_hook_form_1.useFormContext)(), register = _f.register, getValues = _f.getValues, trigger = _f.trigger;
-    var validateOnBlur = register(name).onBlur;
-    var handleFocus = function () {
-        setIsFocused(true);
-    };
-    var handleArrowIBtnClick = function () {
-        if (onClickArrowIBtn) {
-            onClickArrowIBtn();
-        }
-    };
-    var handleSearchIBtnClick = function () {
-        var searchValue = getValues(name);
-        if (onClickSearchIBtn) {
-            onClickSearchIBtn(searchValue);
-        }
-    };
-    var handleBlur = function (e) {
-        validateOnBlur(e);
-        setIsFocused(false);
-        trigger(name);
-    };
-    var handleTarget = function () {
-        if (onTarget) {
-            onTarget();
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(S_SearchFieldBox, __assign({ "x-pds-name": "SearchField", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: (0, jsx_runtime_1.jsxs)(S_SearchFieldWrapper, __assign({ size: size, textLineType: "single", isFocused: isFocused, state: "normal", colorTheme: "none", responsiveMode: responsiveMode, customWidth: customWidth }, { children: [arrowBtnMode === 'use' && ((0, jsx_runtime_1.jsx)(components_2.IconButton, { baseSize: "medium", iconSize: 20, iconName: "ic_arrow_left", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleArrowIBtnClick })), (0, jsx_runtime_1.jsx)(components_1.TextFieldBase, { inputRef: textFieldBaseRef, name: name, size: size, hintText: hintText, defaultText: defaultText, enterSubmitMode: "use", textLineType: "single", textSize: "form2", textWeight: "normal", fieldPaddingLeft: 8, deleteIconMode: "use", deleteIconSize: size === 'large' ? 20 : 16, deleteIconColor: "ui_cpnt_button_icon_disabled", isFocused: isFocused, onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onChange: register('searchField').onChange }), (0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_a", spacingType: "width" }), (0, jsx_runtime_1.jsx)(components_2.IconButton, { baseSize: "medium", iconSize: 20, iconName: "ic_search", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleSearchIBtnClick })] })) })));
-}
-var S_SearchFieldBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  ", "\n"], ["\n  ", ";\n  ", ";\n  ", "\n"])), function (_a) {
-    var size = _a.size;
-    return size &&
-        {
-            small: 'width: 188px;',
-            medium: 'width: 188px;',
-            large: 'width: 432px;'
-        }[size];
-}, function (_a) {
-    var responsiveMode = _a.responsiveMode;
-    return responsiveMode === 'use' && 'width: 100%';
-}, function (_a) {
-    var customWidth = _a.customWidth;
-    return customWidth && "width: ".concat(customWidth, ";");
-});
-var multi = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: auto;\n  padding: 14px;\n"], ["\n  height: auto;\n  padding: 14px;\n"])));
-var auto = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: auto;\n  padding-bottom: ", "px;\n  padding-top: ", "px;\n"], ["\n  height: auto;\n  padding-bottom: ", "px;\n  padding-top: ", "px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return (46 -
-        Number(theme.desktopFontSize.form2.substring(0, 2)) * Number(theme.desktopLineHeight.form2)) /
-        2;
-}, function (_a) {
-    var theme = _a.theme;
-    return (46 -
-        Number(theme.desktopFontSize.form2.substring(0, 2)) * Number(theme.desktopLineHeight.form2)) /
-        2;
-});
-var small = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  border-radius: 10px;\n  height: 32px;\n  padding-right: ", ";\n  width: 188px;\n"], ["\n  border-radius: 10px;\n  height: 32px;\n  padding-right: ", ";\n  width: 188px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-});
-var medium = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: 40px;\n  padding-right: ", ";\n  width: 188px;\n"], ["\n  height: 40px;\n  padding-right: ", ";\n  width: 188px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-});
-var large = (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  height: 48px;\n  padding-right: ", ";\n  width: 432px;\n  ", "\n  ", "\n"], ["\n  height: 48px;\n  padding-right: ", ";\n  width: 432px;\n  ", "\n  ", "\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-}, function (_a) {
-    var textLineType = _a.textLineType;
-    return textLineType === 'multi' && multi;
-}, function (_a) {
-    var textLineType = _a.textLineType;
-    return textLineType === 'auto' && auto;
-});
-var normal = (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  background-color: ", ";\n  border: solid 2px\n    ", ";\n"], ["\n  background-color: ", ";\n  border: solid 2px\n    ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textfield_base_normal;
-}, function (_a) {
-    var theme = _a.theme, isError = _a.isError, isFocused = _a.isFocused;
-    if (isError)
-        return theme.ui_cpnt_textfield_border_error;
-    if (isFocused)
-        return theme.ui_cpnt_textfield_border_focus;
-    return theme.ui_cpnt_textfield_border_normal;
-});
-var read_only = (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  background-color: ", ";\n  border: solid 2px ", ";\n"], ["\n  background-color: ", ";\n  border: solid 2px ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textfield_base_disabled;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textfield_border_disabled;
-});
-var disabled = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  background-color: ", ";\n  border: solid 2px ", ";\n"], ["\n  background-color: ", ";\n  border: solid 2px ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textfield_base_disabled;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textfield_border_disabled;
-});
-var dark_normal = (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  background-color: ", ";\n  border: solid 2px\n    ", ";\n"], ["\n  background-color: ", ";\n  border: solid 2px\n    ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textfield_base_darktheme_normal;
-}, function (_a) {
-    var theme = _a.theme, isError = _a.isError, isFocused = _a.isFocused;
-    if (isError)
-        return theme.ui_cpnt_textfield_border_darktheme_error;
-    if (isFocused)
-        return theme.ui_cpnt_textfield_border_darktheme_focus;
-    return theme.ui_cpnt_textfield_border_darktheme_normal;
-});
-var dark_read_only = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  background-color: ", ";\n  border: solid 2px ", ";\n"], ["\n  background-color: ", ";\n  border: solid 2px ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textfield_base_darktheme_disabled;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textfield_border_darktheme_normal;
-});
-var dark_disabled = (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  background-color: ", ";\n  border: solid 2px ", ";\n"], ["\n  background-color: ", ";\n  border: solid 2px ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textfield_base_darktheme_disabled;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textfield_border_darktheme_normal;
-});
-var transparent_normal = (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  background-color: ", ";\n  border: solid 2px\n    ", ";\n"], ["\n  background-color: ", ";\n  border: solid 2px\n    ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textfield_base_colortheme_transparent_normal;
-}, function (_a) {
-    var theme = _a.theme, isError = _a.isError, isFocused = _a.isFocused;
-    if (isError)
-        return theme.ui_cpnt_textfield_border_colortheme_transparent_error;
-    if (isFocused)
-        return theme.ui_cpnt_textfield_border_colortheme_transparent_focus;
-    return theme.ui_cpnt_textfield_border_colortheme_transparent_normal;
-});
-var transparent_read_only = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  background-color: ", ";\n  border: solid 2px ", ";\n"], ["\n  background-color: ", ";\n  border: solid 2px ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textfield_base_colortheme_transparent_readonly;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textfield_border_colortheme_transparent_readonly;
-});
-var transparent_disabled = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  background-color: ", ";\n  border: solid 2px ", ";\n"], ["\n  background-color: ", ";\n  border: solid 2px ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textfield_base_colortheme_transparent_disabled;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textfield_border_colortheme_transparent_disabled;
-});
-var backgroundHoverColor = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (_a) {
-    var colorTheme = _a.colorTheme, theme = _a.theme;
-    switch (colorTheme) {
-        case 'none':
-            return theme.ui_cpnt_textfield_base_hover;
-        case 'dark':
-            return theme.ui_cpnt_textfield_base_hover_darktheme;
-        case 'transparent':
-            return theme.ui_cpnt_textfield_base_hover_transparent;
-        default:
-            return theme.ui_cpnt_textfield_base_hover;
-    }
-});
-var backgroundActiveColor = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (_a) {
-    var colorTheme = _a.colorTheme, theme = _a.theme;
-    switch (colorTheme) {
-        case 'none':
-            return theme.ui_cpnt_textfield_base_pressed;
-        case 'dark':
-            return theme.ui_cpnt_textfield_base_pressed_darktheme;
-        case 'transparent':
-            return theme.ui_cpnt_textfield_base_pressed_transparent;
-        default:
-            return theme.ui_cpnt_textfield_base_pressed;
-    }
-});
-var normalActionColor = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n"], ["\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n"])), backgroundHoverColor, backgroundActiveColor);
-var S_SearchFieldWrapper = styled_components_1.default.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  align-items: center;\n  border-radius: 14px;\n  box-sizing: border-box;\n  cursor: ", ";\n  display: flex;\n  ", ";\n  ", ";\n\n  ", "\n\n  ", "\n\n  ", ";\n  ", "\n"], ["\n  align-items: center;\n  border-radius: 14px;\n  box-sizing: border-box;\n  cursor: ", ";\n  display: flex;\n  ", ";\n  ", ";\n\n  ", "\n\n  ", "\n\n  ", ";\n  ", "\n"])), function (_a) {
-    var state = _a.state;
-    return (state === 'disabled' ? 'not-allowed' : 'text');
-}, function (_a) {
-    var size = _a.size;
-    return size &&
-        {
-            small: small,
-            medium: medium,
-            large: large
-        }[size];
-}, function (_a) {
-    var state = _a.state, colorTheme = _a.colorTheme;
-    if (state) {
-        switch (colorTheme) {
-            case 'none': {
-                return { normal: normal, read_only: read_only, disabled: disabled }[state];
-            }
-            case 'dark': {
-                return { normal: dark_normal, read_only: dark_read_only, disabled: dark_disabled }[state];
-            }
-            case 'transparent': {
-                return {
-                    normal: transparent_normal,
-                    read_only: transparent_read_only,
-                    disabled: transparent_disabled
-                }[state];
-            }
-        }
-    }
-}, styles_1.InputTransition, function (_a) {
-    var state = _a.state;
-    return state === 'normal' && normalActionColor;
-}, function (_a) {
-    var responsiveMode = _a.responsiveMode;
-    return responsiveMode === 'use' && 'width: 100%';
-}, function (_a) {
-    var customWidth = _a.customWidth;
-    return customWidth && "width: ".concat(customWidth, ";");
-});
-exports.default = SearchField;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19;

package/dist/src/sub/AdminList/ToolBar/ToolBar.js

@@ -1,87 +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 __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 components_1 = require("../../../common/components");
-var components_2 = require("../../../desktop/components");
-var components_3 = require("../../../hybrid/components");
-var styled_components_1 = __importDefault(require("styled-components"));
-var ChipList_1 = __importDefault(require("./ChipList"));
-var SearchField_1 = __importDefault(require("./SearchField"));
-function ToolBar(_a) {
-    var searchFieldHintText = _a.searchFieldHintText, searchFieldDefaultText = _a.searchFieldDefaultText, chipTextArray = _a.chipTextArray, chipValue = _a.chipValue, _b = _a.searchMode, searchMode = _b === void 0 ? 'none' : _b, _c = _a.searchStyleTheme, searchStyleTheme = _c === void 0 ? 'searchField' : _c, dropdownArray = _a.dropdownArray, dropdownDefaultText = _a.dropdownDefaultText, dropdownHintText = _a.dropdownHintText, _d = _a.dropdownWidth, dropdownWidth = _d === void 0 ? '240px' : _d, dropdownValue = _a.dropdownValue, onChangeDropdown = _a.onChangeDropdown, _e = _a.chipMode, chipMode = _e === void 0 ? 'none' : _e, _f = _a.iBtnMode, iBtnMode = _f === void 0 ? 'none' : _f, iBtn1IconName = _a.iBtn1IconName, _g = _a.iBtn1IconFillType, iBtn1IconFillType = _g === void 0 ? 'line' : _g, iBtn2IconName = _a.iBtn2IconName, _h = _a.iBtn2IconFillType, iBtn2IconFillType = _h === void 0 ? 'line' : _h, iBtn3IconName = _a.iBtn3IconName, _j = _a.iBtn3IconFillType, iBtn3IconFillType = _j === void 0 ? 'line' : _j, onClickChip = _a.onClickChip, onClickSearchFieldResetIBtn = _a.onClickSearchFieldResetIBtn, onClickSearchIBtn = _a.onClickSearchIBtn, onEnterKeyDown = _a.onEnterKeyDown, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onClickIBtn3 = _a.onClickIBtn3;
-    var _k = (0, react_1.useState)(!!searchFieldDefaultText), isShowSearchField = _k[0], setIsShowSearchField = _k[1];
-    var methods = (0, react_hook_form_1.useForm)();
-    var reset = methods.reset, handleSubmit = methods.handleSubmit;
-    var onSubmit = function (_a) {
-        var searchField = _a.searchField;
-        if (onEnterKeyDown) {
-            onEnterKeyDown(searchField);
-        }
-    };
-    var handleArrowIBtnClick = function () {
-        setIsShowSearchField(false);
-        reset();
-        if (onClickSearchFieldResetIBtn) {
-            onClickSearchFieldResetIBtn();
-        }
-    };
-    var handleSearchIBtnClick = function (value) {
-        if (onClickSearchIBtn) {
-            onClickSearchIBtn(value);
-        }
-    };
-    var handleSearchFieldShowIBtnClick = function () {
-        setIsShowSearchField(function (prev) { return !prev; });
-    };
-    var handleChipClick = function (option) {
-        if (onClickChip) {
-            onClickChip(option);
-        }
-    };
-    var handleIBtn1Click = function () {
-        if (onClickIBtn1) {
-            onClickIBtn1();
-        }
-    };
-    var handleIBtn2Click = function () {
-        if (onClickIBtn2) {
-            onClickIBtn2();
-        }
-    };
-    var handleIBtn3Click = function () {
-        if (onClickIBtn3) {
-            onClickIBtn3();
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_ToolBarBox, { children: [(0, jsx_runtime_1.jsx)(S_FilterBox, { children: isShowSearchField ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: searchMode === 'use' && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, methods, { children: (0, jsx_runtime_1.jsxs)(components_1.Form, __assign({ onSubmit: handleSubmit(onSubmit) }, { children: [searchStyleTheme === 'searchField' && ((0, jsx_runtime_1.jsxs)(S_Flex, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_e", spacingType: "width" }), (0, jsx_runtime_1.jsx)(SearchField_1.default, { name: "searchField", hintText: searchFieldHintText, defaultText: searchFieldDefaultText, onClickArrowIBtn: handleArrowIBtnClick, onClickSearchIBtn: handleSearchIBtnClick, customWidth: "424px" })] })), searchStyleTheme === 'dropdown_searchField' && ((0, jsx_runtime_1.jsxs)(S_Flex, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_c", spacingType: "width" }), (0, jsx_runtime_1.jsx)(components_2.IconButton, { baseSize: "medium", iconSize: 20, iconName: "ic_arrow_left", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleArrowIBtnClick }), (0, jsx_runtime_1.jsx)(components_2.Dropdown, { valueArray: dropdownArray || [], defaultValue: dropdownDefaultText, hintText: dropdownHintText, value: dropdownValue, onChange: onChangeDropdown, size: "medium", customWidth: dropdownWidth }), (0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(SearchField_1.default, { name: "searchField", arrowBtnMode: "none", hintText: searchFieldHintText, defaultText: searchFieldDefaultText, onClickSearchIBtn: handleSearchIBtnClick, customWidth: "424px" })] }))] })) })) })) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [searchMode === 'use' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_d", spacingType: "width" }), (0, jsx_runtime_1.jsx)(S_SearchIconWrapper, { children: (0, jsx_runtime_1.jsx)(components_2.IconButton, { fillType: "fill", baseSize: "small", iconSize: 24, shapeType: "rectangle", iconName: "ic_search", iconFillType: "fill", iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleSearchFieldShowIBtnClick }) })] })), chipMode === 'use' && chipTextArray && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_3.Spacing, { size: searchMode === 'use' ? 'spacing_d' : 'spacing_e', spacingType: "width" }), (0, jsx_runtime_1.jsx)(ChipList_1.default, { textArray: chipTextArray, value: chipValue, onClickChip: handleChipClick })] }))] })) }), (0, jsx_runtime_1.jsx)(S_IconButtonBox, { children: iBtnMode !== 'none' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [iBtnMode === 'iBtn_amount3' && iBtn3IconName && ((0, jsx_runtime_1.jsx)(components_2.IconButton, { fillType: "fill", baseSize: "medium", iconSize: 24, shapeType: "rectangle", iconName: iBtn3IconName, iconFillType: iBtn3IconFillType, iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleIBtn3Click })), (iBtnMode === 'iBtn_amount2' || iBtnMode === 'iBtn_amount3') && iBtn2IconName && ((0, jsx_runtime_1.jsx)(components_2.IconButton, { fillType: "fill", baseSize: "medium", iconSize: 24, shapeType: "rectangle", iconName: iBtn2IconName, iconFillType: iBtn2IconFillType, iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleIBtn2Click })), iBtn1IconName && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.IconButton, { fillType: "fill", baseSize: "medium", iconSize: 24, shapeType: "rectangle", iconName: iBtn1IconName, iconFillType: iBtn1IconFillType, iconColorKey: "ui_cpnt_list_icon_01", baseColorKey: "ui_cpnt_button_fill_base_transparent", onClick: handleIBtn1Click }), (0, jsx_runtime_1.jsx)(components_3.Spacing, { size: "spacing_d", spacingType: "width" })] }))] })) })] }) }));
-}
-var S_ToolBarBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: flex-start;\n  display: flex;\n  justify-content: space-between;\n  min-height: 40px;\n"], ["\n  align-items: flex-start;\n  display: flex;\n  justify-content: space-between;\n  min-height: 40px;\n"])));
-var S_FilterBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var S_Flex = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var S_SearchIconWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  height: 40px;\n"], ["\n  align-items: center;\n  display: flex;\n  height: 40px;\n"])));
-var S_IconButtonBox = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  height: 40px;\n\n  & > :not(:first-child) {\n    margin-left: ", ";\n  }\n"], ["\n  display: flex;\n  height: 40px;\n\n  & > :not(:first-child) {\n    margin-left: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-});
-exports.default = ToolBar;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/src/sub/AdminList/ToolBar/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.ToolBar = void 0;
-var ToolBar_1 = require("./ToolBar");
-Object.defineProperty(exports, "ToolBar", { enumerable: true, get: function () { return __importDefault(ToolBar_1).default; } });

package/dist/src/sub/AdminList/index.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToolBar = exports.BulkActionBar = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = void 0;
-var AdminList_1 = require("./AdminList");
-Object.defineProperty(exports, "AdminList", { enumerable: true, get: function () { return AdminList_1.AdminList; } });
-var AdminListHeader_1 = require("./AdminListHeader");
-Object.defineProperty(exports, "AdminListHeader", { enumerable: true, get: function () { return AdminListHeader_1.AdminListHeader; } });
-var AdminListItem_1 = require("./AdminListItem");
-Object.defineProperty(exports, "AdminListItem", { enumerable: true, get: function () { return AdminListItem_1.AdminListItem; } });
-var BulkActionBar_1 = require("./BulkActionBar");
-Object.defineProperty(exports, "BulkActionBar", { enumerable: true, get: function () { return BulkActionBar_1.BulkActionBar; } });
-var ToolBar_1 = require("./ToolBar");
-Object.defineProperty(exports, "ToolBar", { enumerable: true, get: function () { return ToolBar_1.ToolBar; } });

package/dist/src/sub/DynamicLayout/DynamicLayout.js

@@ -1,44 +0,0 @@
-"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 });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var EditModeSectionMatcher_1 = require("./components/EditModeSectionMatcher");
-var SectionMatcher_1 = require("./components/SectionMatcher");
-var dynamicLayoutContext_1 = require("./dynamicLayoutContext");
-function DynamicLayout(_a) {
-    var device = _a.device, _b = _a.mode, mode = _b === void 0 ? 'NORMAL' : _b, isPreview = _a.isPreview, sections = _a.sections, scrollDownTargetSectionId = _a.scrollDownTargetSectionId, editingSectionId = _a.editingSectionId, navigationHandler = _a.navigationHandler, sectionActionHandler = _a.sectionActionHandler, onClickEditSection = _a.onClickEditSection, programmedSectionComponents = _a.programmedSectionComponents, shortcutKeyMode = _a.shortcutKeyMode, dynamicLayoutRef = _a.dynamicLayoutRef;
-    var filteredSortedSection = __spreadArray([], sections, true).filter(function (section) { return section.display; })
-        .sort(function (a, b) { return a.order - b.order; });
-    var iframeSection = filteredSortedSection.find(function (section) { return section.manifest.schema === 'EXP_IFRAME' && section.display; });
-    return ((0, jsx_runtime_1.jsxs)(dynamicLayoutContext_1.dynamicLayoutContext.Provider, __assign({ value: {
-            device: device,
-            mode: mode,
-            isPreview: isPreview,
-            navigationHandler: navigationHandler,
-            sectionActionHandler: sectionActionHandler,
-            editingSectionId: editingSectionId,
-            programmedSectionComponents: programmedSectionComponents,
-            shortcutKeyMode: shortcutKeyMode
-        } }, { children: [mode === 'EDIT' && onClickEditSection && ((0, jsx_runtime_1.jsx)(EditModeSectionMatcher_1.EditModeSectionMatcher, { dynamicLayoutRef: dynamicLayoutRef, editingSectionId: editingSectionId, scrollDownTargetSectionId: scrollDownTargetSectionId, filteredSortedSection: filteredSortedSection, onClickEditSection: onClickEditSection })), mode !== 'EDIT' &&
-                (iframeSection ? ((0, jsx_runtime_1.jsx)(SectionMatcher_1.SectionMatcher, __assign({}, iframeSection), iframeSection.id)) : (filteredSortedSection.map(function (section) { return (0, jsx_runtime_1.jsx)(SectionMatcher_1.SectionMatcher, __assign({}, section), section.id); })))] })));
-}
-exports.default = DynamicLayout;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/Image/Image.js

@@ -1,46 +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 __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 styled_components_1 = __importDefault(require("styled-components"));
-var Image = (0, react_1.forwardRef)(function (_a, ref) {
-    var imageSrc = _a.imageSrc, _b = _a.viewType, viewType = _b === void 0 ? 'fit' : _b, _c = _a.imagePosition, imagePosition = _c === void 0 ? 'center-center' : _c;
-    return (0, jsx_runtime_1.jsx)(S_Image, { ref: ref, src: imageSrc, viewType: viewType, imagePosition: imagePosition });
-});
-var S_Image = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", ";\n  object-fit: ", ";\n  object-fit: ", ";\n  width: ", ";\n"], ["\n  height: ", ";\n  object-fit: ", ";\n  object-fit: ", ";\n  width: ", ";\n"])), function (_a) {
-    var viewType = _a.viewType;
-    return (viewType === 'fit' ? 'auto' : '100%');
-}, function (_a) {
-    var viewType = _a.viewType;
-    switch (viewType) {
-        case 'fit':
-            return 'contain';
-        case 'fill':
-            return 'cover';
-        default:
-            return 'contain';
-    }
-}, function (_a) {
-    var viewType = _a.viewType;
-    switch (viewType) {
-        case 'fit':
-            return 'contain';
-        case 'fill':
-            return 'cover';
-        default:
-            return 'contain';
-    }
-}, function (_a) {
-    var viewType = _a.viewType;
-    return (viewType === 'fit' ? 'auto' : '100%');
-});
-exports.default = Image;
-Image.displayName = 'Image';
-var templateObject_1;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/Image/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.Image = void 0;
-var Image_1 = __importDefault(require("./Image"));
-exports.Image = Image_1.default;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/RichText/RichText.js

@@ -1,24 +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 __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 styled_components_1 = __importDefault(require("styled-components"));
-function RichText(_a) {
-    var text = _a.text;
-    return (0, jsx_runtime_1.jsx)(S_RichText, { dangerouslySetInnerHTML: { __html: text } });
-}
-var S_RichText = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  line-height: 1.5;\n  text-align: left;\n  white-space: pre-wrap;\n  width: 100%;\n  word-break: break-word;\n\n  & pre {\n    white-space: pre-wrap;\n  }\n\n  div,\n  p {\n    overflow: hidden;\n  }\n\n  a {\n    color: ", ";\n  }\n\n  img {\n    max-width: 100%;\n    height: auto;\n  }\n\n  figure {\n    margin: 0;\n    max-width: 100%;\n\n    img {\n      max-width: 100%;\n      height: auto;\n    }\n  }\n\n  blockquote {\n    border-left: 4px solid ", ";\n    margin: 4px;\n    padding: 4px;\n\n    p {\n      font-style: oblique;\n      margin: 0;\n    }\n  }\n\n  iframe {\n    border: none;\n  }\n"], ["\n  line-height: 1.5;\n  text-align: left;\n  white-space: pre-wrap;\n  width: 100%;\n  word-break: break-word;\n\n  & pre {\n    white-space: pre-wrap;\n  }\n\n  div,\n  p {\n    overflow: hidden;\n  }\n\n  a {\n    color: ", ";\n  }\n\n  img {\n    max-width: 100%;\n    height: auto;\n  }\n\n  figure {\n    margin: 0;\n    max-width: 100%;\n\n    img {\n      max-width: 100%;\n      height: auto;\n    }\n  }\n\n  blockquote {\n    border-left: 4px solid ", ";\n    margin: 4px;\n    padding: 4px;\n\n    p {\n      font-style: oblique;\n      margin: 0;\n    }\n  }\n\n  iframe {\n    border: none;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_papp_post_notice_link;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_98;
-});
-exports.default = RichText;
-var templateObject_1;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/RichText/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.RichText = void 0;
-var RichText_1 = __importDefault(require("./RichText"));
-exports.RichText = RichText_1.default;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/Text/Text.js

@@ -1,63 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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 styled_components_1 = __importDefault(require("styled-components"));
-var Text = (0, react_1.forwardRef)(function (_a, ref) {
-    var text = _a.text, _b = _a.letterSpacing, letterSpacing = _b === void 0 ? 0 : _b, _c = _a.lineHeight, lineHeight = _c === void 0 ? 1.3 : _c, _d = _a.textAlign, textAlign = _d === void 0 ? 'left' : _d, args = __rest(_a, ["text", "letterSpacing", "lineHeight", "textAlign"]);
-    return ((0, jsx_runtime_1.jsx)(S_Text, __assign({ ref: ref, letterSpacing: letterSpacing, lineHeight: lineHeight, textAlign: textAlign }, args, { children: text })));
-});
-var S_Text = styled_components_1.default.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: auto;\n  letter-spacing: ", "em;\n  line-height: ", ";\n  margin: 0;\n  text-align: ", ";\n  width: auto;\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n"], ["\n  height: auto;\n  letter-spacing: ", "em;\n  line-height: ", ";\n  margin: 0;\n  text-align: ", ";\n  width: auto;\n\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n"])), function (_a) {
-    var letterSpacing = _a.letterSpacing;
-    return letterSpacing;
-}, function (_a) {
-    var lineHeight = _a.lineHeight;
-    return lineHeight;
-}, function (_a) {
-    var textAlign = _a.textAlign;
-    return textAlign;
-}, function (_a) {
-    var fontFamilyName = _a.fontFamilyName;
-    return fontFamilyName && "font-family: ".concat(fontFamilyName);
-}, function (_a) {
-    var fontWeight = _a.fontWeight;
-    return fontWeight && "font-weight: ".concat(fontWeight);
-}, function (_a) {
-    var fontSize = _a.fontSize;
-    return fontSize && "font-size: ".concat(fontSize, "px");
-}, function (_a) {
-    var textColor = _a.textColor;
-    return textColor && "color: ".concat(textColor);
-});
-exports.default = Text;
-Text.displayName = 'Text';
-var templateObject_1;

package/dist/src/sub/DynamicLayout/components/ComponentBlocks/Text/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.Text = void 0;
-var Text_1 = __importDefault(require("./Text"));
-exports.Text = Text_1.default;