pds-dev-kit-web 2.2.249 → 2.2.251

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/src/desktop/components/ContextMenu/ContextMenu.d.ts +1 -3
  2. package/dist/src/desktop/components/ContextMenu/ContextMenu.js +7 -38
  3. package/dist/src/desktop/components/Dropdown/Dropdown.d.ts +1 -3
  4. package/dist/src/desktop/components/Dropdown/Dropdown.js +6 -6
  5. package/dist/src/desktop/components/RichTextEditor/RichTextEditor.js +1 -1
  6. package/dist/src/desktop/panels/ContentSheet/ContentSheet.d.ts +1 -4
  7. package/dist/src/desktop/panels/ContentSheet/ContentSheet.js +3 -11
  8. package/dist/src/desktop/panels/SectionSheet/SectionSheet.d.ts +1 -4
  9. package/dist/src/desktop/panels/SectionSheet/SectionSheet.js +3 -11
  10. package/dist/src/mobile/components/ContextMenu/ContextMenu.d.ts +1 -3
  11. package/dist/src/mobile/components/ContextMenu/ContextMenu.js +7 -38
  12. package/dist/src/mobile/components/Dropdown/Dropdown.d.ts +1 -3
  13. package/dist/src/mobile/components/Dropdown/Dropdown.js +6 -6
  14. package/dist/src/mobile/components/RichTextEditor/RichTextEditor.js +1 -1
  15. package/dist/src/mobile/panels/ContentSheet/ContentSheet.d.ts +1 -4
  16. package/dist/src/mobile/panels/ContentSheet/ContentSheet.js +3 -11
  17. package/dist/src/mobile/panels/SectionSheet/SectionSheet.d.ts +1 -4
  18. package/dist/src/mobile/panels/SectionSheet/SectionSheet.js +3 -11
  19. package/package.json +1 -1
  20. package/release-note.md +2 -2
package/dist/src/desktop/components/ContextMenu/ContextMenu.d.ts CHANGED
@@ -1,11 +1,9 @@
1
1
  /// <reference types="react" />
2
- import { ScrollVisibleType } from '../../../common/styles/scroll/scrollbarStyle';
3
2
  type ContextMenuProps = {
4
3
  children: React.ReactNode;
5
4
  autoWidthMode?: 'none' | 'use';
6
5
  maxHeight?: number;
7
6
  customWidth?: string;
8
- scrollVisibleType?: ScrollVisibleType;
9
7
  };
10
- declare function ContextMenu({ children, autoWidthMode, maxHeight, customWidth, scrollVisibleType }: ContextMenuProps): JSX.Element;
8
+ declare function ContextMenu({ children, autoWidthMode, maxHeight, customWidth }: ContextMenuProps): JSX.Element;
11
9
  export default ContextMenu;
package/dist/src/desktop/components/ContextMenu/ContextMenu.js CHANGED
@@ -14,38 +14,17 @@ var __assign = (this && this.__assign) || function () {
14
14
  };
15
15
  return __assign.apply(this, arguments);
16
16
  };
17
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
- if (k2 === undefined) k2 = k;
19
- var desc = Object.getOwnPropertyDescriptor(m, k);
20
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
21
- desc = { enumerable: true, get: function() { return m[k]; } };
22
- }
23
- Object.defineProperty(o, k2, desc);
24
- }) : (function(o, m, k, k2) {
25
- if (k2 === undefined) k2 = k;
26
- o[k2] = m[k];
27
- }));
28
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
29
- Object.defineProperty(o, "default", { enumerable: true, value: v });
30
- }) : function(o, v) {
31
- o["default"] = v;
32
- });
33
- var __importStar = (this && this.__importStar) || function (mod) {
34
- if (mod && mod.__esModule) return mod;
35
- var result = {};
36
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
37
- __setModuleDefault(result, mod);
38
- return result;
17
+ var __importDefault = (this && this.__importDefault) || function (mod) {
18
+ return (mod && mod.__esModule) ? mod : { "default": mod };
39
19
  };
40
20
  Object.defineProperty(exports, "__esModule", { value: true });
41
21
  var jsx_runtime_1 = require("react/jsx-runtime");
42
- var scrollbarStyle_1 = require("../../../common/styles/scroll/scrollbarStyle");
43
- var styled_components_1 = __importStar(require("styled-components"));
22
+ var styled_components_1 = __importDefault(require("styled-components"));
44
23
  function ContextMenu(_a) {
45
- var children = _a.children, _b = _a.autoWidthMode, autoWidthMode = _b === void 0 ? 'none' : _b, maxHeight = _a.maxHeight, customWidth = _a.customWidth, scrollVisibleType = _a.scrollVisibleType;
46
- return ((0, jsx_runtime_1.jsx)(S_ContextMenu, __assign({ "x-pds-name": "ContextMenu", "x-pds-element-type": "component", "x-pds-device-type": "desktop", autoWidth: autoWidthMode === 'use', maxHeight: maxHeight, customWidth: customWidth, scrollVisibleType: scrollVisibleType }, { children: children })));
24
+ var children = _a.children, _b = _a.autoWidthMode, autoWidthMode = _b === void 0 ? 'none' : _b, maxHeight = _a.maxHeight, customWidth = _a.customWidth;
25
+ return ((0, jsx_runtime_1.jsx)(S_ContextMenu, __assign({ "x-pds-name": "ContextMenu", "x-pds-element-type": "component", "x-pds-device-type": "desktop", autoWidth: autoWidthMode === 'use', maxHeight: maxHeight, customWidth: customWidth }, { children: children })));
47
26
  }
48
- var S_ContextMenu = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 14px;\n box-shadow: ", ";\n box-sizing: border-box;\n list-style: none;\n margin: 0;\n max-height: ", ";\n min-width: 128px;\n overflow-y: auto;\n padding: ", " 0;\n position: relative;\n vertical-align: baseline;\n width: ", ";\n\n z-index: 400;\n\n ", "\n\n ", "\n\n ", "\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 14px;\n box-shadow: ", ";\n box-sizing: border-box;\n list-style: none;\n margin: 0;\n max-height: ", ";\n min-width: 128px;\n overflow-y: auto;\n padding: ", " 0;\n position: relative;\n vertical-align: baseline;\n width: ", ";\n\n z-index: 400;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_a) {
27
+ var S_ContextMenu = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 14px;\n box-shadow: ", ";\n box-sizing: border-box;\n list-style: none;\n margin: 0;\n max-height: ", ";\n min-width: 128px;\n overflow-y: auto;\n padding: ", " 0;\n position: relative;\n vertical-align: baseline;\n width: ", ";\n\n z-index: 400;\n\n ", "\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 14px;\n box-shadow: ", ";\n box-sizing: border-box;\n list-style: none;\n margin: 0;\n max-height: ", ";\n min-width: 128px;\n overflow-y: auto;\n padding: ", " 0;\n position: relative;\n vertical-align: baseline;\n width: ", ";\n\n z-index: 400;\n\n ", "\n"])), function (_a) {
49
28
  var theme = _a.theme;
50
29
  return theme.ui_cpnt_contextmenu_base;
51
30
  }, function (_a) {
@@ -72,16 +51,6 @@ var S_ContextMenu = styled_components_1.default.ul(templateObject_2 || (template
72
51
  }, function (_a) {
73
52
  var customWidth = _a.customWidth;
74
53
  return customWidth && "width: ".concat(customWidth, ";min-width: ").concat(customWidth, ";");
75
- }, function (_a) {
76
- var scrollVisibleType = _a.scrollVisibleType;
77
- return scrollVisibleType &&
78
- {
79
- visible: scrollbarStyle_1.scrollbarStyle,
80
- hidden: scrollbarStyle_1.scrollInvisible
81
- }[scrollVisibleType];
82
- }, function (_a) {
83
- var scrollVisibleType = _a.scrollVisibleType;
84
- return scrollVisibleType === 'visible' && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ::-webkit-scrollbar-track {\n margin-bottom: 7px;\n margin-top: 7px;\n }\n "], ["\n ::-webkit-scrollbar-track {\n margin-bottom: 7px;\n margin-top: 7px;\n }\n "])));
85
54
  });
86
55
  exports.default = ContextMenu;
87
- var templateObject_1, templateObject_2;
56
+ var templateObject_1;
package/dist/src/desktop/components/Dropdown/Dropdown.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import type { PDSTextType } from '../../../common';
3
- import type { ScrollVisibleType } from '../../../common/styles/scroll/scrollbarStyle';
4
3
  import type { DropdownGroupInfo, DropdownValueOption } from '../../../common/types';
5
4
  type Props = {
6
5
  colorTheme?: 'none' | 'dark' | 'white';
@@ -16,8 +15,7 @@ type Props = {
16
15
  displayType?: 'text_only' | 'icon_only' | 'icon_text';
17
16
  fontWeight?: 'bold' | 'regular';
18
17
  groupInfoArray?: DropdownGroupInfo[];
19
- scrollVisibleType?: ScrollVisibleType;
20
18
  onChange?: (option: DropdownValueOption) => void;
21
19
  };
22
- declare function Dropdown({ colorTheme, value, defaultValue, hintText, maxHeightItemNumber, responsiveMode, size, state, valueArray, customWidth, displayType, fontWeight, groupInfoArray, scrollVisibleType, onChange }: Props): JSX.Element;
20
+ declare function Dropdown({ colorTheme, value, defaultValue, hintText, maxHeightItemNumber, responsiveMode, size, state, valueArray, customWidth, displayType, fontWeight, groupInfoArray, onChange }: Props): JSX.Element;
23
21
  export default Dropdown;
package/dist/src/desktop/components/Dropdown/Dropdown.js CHANGED
@@ -57,11 +57,11 @@ function Dropdown(_a) {
57
57
  // selectionMode = 'single',
58
58
  _e = _a.size,
59
59
  // selectionMode = 'single',
60
- size = _e === void 0 ? 'large' : _e, _f = _a.state, state = _f === void 0 ? 'normal' : _f, valueArray = _a.valueArray, customWidth = _a.customWidth, _g = _a.displayType, displayType = _g === void 0 ? 'text_only' : _g, _h = _a.fontWeight, fontWeight = _h === void 0 ? 'regular' : _h, groupInfoArray = _a.groupInfoArray, _j = _a.scrollVisibleType, scrollVisibleType = _j === void 0 ? 'visible' : _j, onChange = _a.onChange;
61
- var _k = (0, react_1.useState)(false), isFocused = _k[0], setIsFocused = _k[1];
62
- var _l = (0, react_1.useState)(null), selectedValue = _l[0], setSelectedValue = _l[1];
63
- var _m = (0, react_1.useState)(null), contextMenuSizeOffset = _m[0], setContextMenuSizeOffset = _m[1];
64
- var _o = (0, react_1.useState)(null), dropdownPositionOffset = _o[0], setDropdownPositionOffset = _o[1];
60
+ size = _e === void 0 ? 'large' : _e, _f = _a.state, state = _f === void 0 ? 'normal' : _f, valueArray = _a.valueArray, customWidth = _a.customWidth, _g = _a.displayType, displayType = _g === void 0 ? 'text_only' : _g, _h = _a.fontWeight, fontWeight = _h === void 0 ? 'regular' : _h, groupInfoArray = _a.groupInfoArray, onChange = _a.onChange;
61
+ var _j = (0, react_1.useState)(false), isFocused = _j[0], setIsFocused = _j[1];
62
+ var _k = (0, react_1.useState)(null), selectedValue = _k[0], setSelectedValue = _k[1];
63
+ var _l = (0, react_1.useState)(null), contextMenuSizeOffset = _l[0], setContextMenuSizeOffset = _l[1];
64
+ var _m = (0, react_1.useState)(null), dropdownPositionOffset = _m[0], setDropdownPositionOffset = _m[1];
65
65
  var contextMenuRef = (0, react_1.useRef)(null);
66
66
  var dropdownRef = (0, react_1.useRef)(null);
67
67
  /**
@@ -263,7 +263,7 @@ function Dropdown(_a) {
263
263
  });
264
264
  }
265
265
  return ((0, jsx_runtime_1.jsxs)(S_Dropdown, __assign({ "x-pds-name": "Dropdown", "x-pds-element-type": "component", "x-pds-device-type": "desktop", className: "container", ref: dropdownRef, size: size, tabIndex: 0, onBlur: handleBlur, responsiveMode: responsiveMode, customWidth: customWidth, displayType: displayType }, { children: [(0, jsx_runtime_1.jsxs)(S_Select, __assign({ size: size, onClick: handleClick, isFocused: isFocused, state: state, colorTheme: colorTheme, responsiveMode: responsiveMode, customWidth: customWidth, displayType: displayType }, { children: [(0, jsx_runtime_1.jsxs)(S_TextLabel, __assign({ size: size, responsiveMode: responsiveMode, displayType: displayType }, { children: [(displayType === 'icon_only' || displayType === 'icon_text') && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.iconName) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Icon, { size: size === 'small' ? 20 : 24, iconName: selectedValue.iconName, fillType: selectedValue.iconFillType, colorKey: getIconColorKey() }), displayType === 'icon_text' && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" })] })), (displayType === 'text_only' || displayType === 'icon_text') && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.text) || (value === null || value === void 0 ? void 0 : value.text) || (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text) || hintText, styleTheme: fontWeight === 'bold' ? 'form2Bold' : 'form2Regular', singleLineMode: "use", colorTheme: getTextColorTheme(), colorOverride: getTextColorOverride(), ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }))] })), (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getArrowIconColorKey() })] })), isFocused &&
266
- (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_ContextMenuWrapper, __assign({ ref: contextMenuRef, contextMenuPositionCss: contextMenuPositionCss }, { children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, __assign({ autoWidthMode: "use", maxHeight: maxHeight, customWidth: getCustomWidth(), scrollVisibleType: scrollVisibleType }, { children: groupInfoArray
266
+ (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_ContextMenuWrapper, __assign({ ref: contextMenuRef, contextMenuPositionCss: contextMenuPositionCss }, { children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, __assign({ autoWidthMode: "use", maxHeight: maxHeight, customWidth: getCustomWidth() }, { children: groupInfoArray
267
267
  ? Object.keys(resultByGroup).map(function (key) {
268
268
  var _a, _b, _c;
269
269
  return ((0, jsx_runtime_1.jsxs)(S_Group, __assign({ size: size, hasGroupTitle: Boolean((_a = groupInfoArray.find(function (groupInfo) { return groupInfo.key === key; })) === null || _a === void 0 ? void 0 : _a.title) }, { children: [((_b = groupInfoArray.find(function (groupInfo) { return groupInfo.key === key; })) === null || _b === void 0 ? void 0 : _b.title) && ((0, jsx_runtime_1.jsx)(S_Wrapper, __assign({ size: size }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: (_c = groupInfoArray.find(function (groupInfo) { return groupInfo.key === key; })) === null || _c === void 0 ? void 0 : _c.title, colorTheme: "sysTextSecondary", styleTheme: "caption1Bold", letterSpacing: "0.15em" }) }))), resultByGroup[key].map(function (el) { return ((0, jsx_runtime_1.jsx)("div", __assign({ onMouseDown: function () { return handleClickOption(el); } }, { children: (0, jsx_runtime_1.jsx)(ContextMenuItem_1.ContextMenuItem, { option: el, size: size, isSelected: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.value) === el.value, state: el.state, displayType: displayType }) }), el.value)); })] }), key));
package/dist/src/desktop/components/RichTextEditor/RichTextEditor.js CHANGED
@@ -254,7 +254,7 @@ function RichTextEditor(_a) {
254
254
  }
255
255
  } }), validationText] }), isFileValidationAlertDialogOpen && ((0, jsx_runtime_1.jsx)(DesktopAlertDialog_1.DesktopAlertDialog, { contentText: fileSizeValidationText, tBtn1Text: t('str_confirm'), onClickTBtn1: function () { return setIsFilValidationAlertDialogOpen(false); } }))] }));
256
256
  }
257
- var S_Editor = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-height: 500px;\n position: relative;\n\n .tox-statusbar__wordcount {\n visibility: hidden;\n }\n\n .tox-editor-header {\n z-index: 0 !important;\n }\n"], ["\n min-height: 500px;\n position: relative;\n\n .tox-statusbar__wordcount {\n visibility: hidden;\n }\n\n .tox-editor-header {\n z-index: 0 !important;\n }\n"])));
257
+ var S_Editor = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: fit-content;\n position: relative;\n\n .tox-statusbar__wordcount {\n visibility: hidden;\n }\n\n .tox-editor-header {\n z-index: 0 !important;\n }\n"], ["\n height: fit-content;\n position: relative;\n\n .tox-statusbar__wordcount {\n visibility: hidden;\n }\n\n .tox-editor-header {\n z-index: 0 !important;\n }\n"])));
258
258
  var S_LoadingWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 1000;\n"], ["\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 1000;\n"])));
259
259
  var S_Error = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n"])), function (_a) {
260
260
  var theme = _a.theme;
package/dist/src/desktop/panels/ContentSheet/ContentSheet.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import type { UiColors } from '../../../common';
2
- import type { ScrollVisibleType } from '../../../common/styles/scroll/scrollbarStyle';
3
2
  import type { CSSProperties } from 'react';
4
3
  type PaddingSpacingType = 'none' | keyof typeof paddingSpacing;
5
4
  export type ContentSheetProps = {
@@ -22,7 +21,6 @@ export type ContentSheetProps = {
22
21
  loadingWidth?: string;
23
22
  loadingHeight?: string;
24
23
  isLoading?: boolean;
25
- scrollVisibleType?: ScrollVisibleType;
26
24
  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
27
25
  };
28
26
  export type StyleProps = {
@@ -41,7 +39,6 @@ export type StyleProps = {
41
39
  paddingBottom?: PaddingSpacingType;
42
40
  paddingLeft?: PaddingSpacingType;
43
41
  hasOnClick?: boolean;
44
- scrollVisibleType?: ScrollVisibleType;
45
42
  };
46
43
  declare const paddingSpacing: {
47
44
  readonly spacing_a: "spacingA";
@@ -59,5 +56,5 @@ declare const paddingSpacing: {
59
56
  readonly spacing_m: "spacingM";
60
57
  readonly spacing_n: "spacingN";
61
58
  };
62
- declare function ContentSheet({ width, height, backgroundColorTheme, overrideBackgroundColorKey, borderMode, borderWidth, borderColorTheme, overrideBorderColorKey, shapeType, radius, paddingTop, paddingRight, paddingBottom, paddingLeft, overrideCSS, children, loadingWidth, loadingHeight, isLoading, scrollVisibleType, onClick }: ContentSheetProps): JSX.Element;
59
+ declare function ContentSheet({ width, height, backgroundColorTheme, overrideBackgroundColorKey, borderMode, borderWidth, borderColorTheme, overrideBorderColorKey, shapeType, radius, paddingTop, paddingRight, paddingBottom, paddingLeft, overrideCSS, children, loadingWidth, loadingHeight, isLoading, onClick }: ContentSheetProps): JSX.Element;
63
60
  export default ContentSheet;
package/dist/src/desktop/panels/ContentSheet/ContentSheet.js CHANGED
@@ -39,7 +39,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
39
39
  };
40
40
  Object.defineProperty(exports, "__esModule", { value: true });
41
41
  var jsx_runtime_1 = require("react/jsx-runtime");
42
- var scrollbarStyle_1 = require("../../../common/styles/scroll/scrollbarStyle");
43
42
  var styled_components_1 = __importStar(require("styled-components"));
44
43
  var styles_1 = require("../../../common/styles");
45
44
  var backgroundColorTheme = {
@@ -72,7 +71,7 @@ var paddingSpacing = {
72
71
  spacing_n: 'spacingN'
73
72
  };
74
73
  function ContentSheet(_a) {
75
- var width = _a.width, height = _a.height, _b = _a.backgroundColorTheme, backgroundColorTheme = _b === void 0 ? 'base3' : _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, loadingWidth = _a.loadingWidth, loadingHeight = _a.loadingHeight, isLoading = _a.isLoading, _m = _a.scrollVisibleType, scrollVisibleType = _m === void 0 ? 'visible' : _m, onClick = _a.onClick;
74
+ var width = _a.width, height = _a.height, _b = _a.backgroundColorTheme, backgroundColorTheme = _b === void 0 ? 'base3' : _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, loadingWidth = _a.loadingWidth, loadingHeight = _a.loadingHeight, isLoading = _a.isLoading, onClick = _a.onClick;
76
75
  var handleClick = function (e) {
77
76
  if (onClick) {
78
77
  onClick(e);
@@ -82,7 +81,7 @@ function ContentSheet(_a) {
82
81
  if (isLoading) {
83
82
  return ((0, jsx_runtime_1.jsx)(S_LoadingContentSheet, { "$width": width !== null && width !== void 0 ? width : loadingWidth, "$height": height !== null && height !== void 0 ? height : loadingHeight, shapeType: shapeType, "$radius": radius }));
84
83
  }
85
- return ((0, jsx_runtime_1.jsx)(S_ContentSheet, __assign({ "x-pds-name": "ContentSheet", "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 })));
84
+ return ((0, jsx_runtime_1.jsx)(S_ContentSheet, __assign({ "x-pds-name": "ContentSheet", "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 }, { children: children })));
86
85
  };
87
86
  return ContentSheetVariation();
88
87
  }
@@ -113,7 +112,7 @@ var overrideStyle = (0, styled_components_1.css)(templateObject_6 || (templateOb
113
112
  var theme = _a.theme, overrideBorderColorKey = _a.overrideBorderColorKey;
114
113
  return overrideBorderColorKey && theme[overrideBorderColorKey];
115
114
  });
116
- var S_ContentSheet = 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) {
115
+ var S_ContentSheet = 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 width: ", ";\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 width: ", ";\n\n ", ";\n\n ", ";\n ", ";\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
117
116
  var theme = _a.theme, $backgroundColorTheme = _a.$backgroundColorTheme;
118
117
  return $backgroundColorTheme && theme[backgroundColorTheme[$backgroundColorTheme]];
119
118
  }, function (_a) {
@@ -149,13 +148,6 @@ var S_ContentSheet = styled_components_1.default.div(templateObject_7 || (templa
149
148
  }, function (_a) {
150
149
  var paddingLeft = _a.paddingLeft;
151
150
  return paddingLeft !== 'none' && paddingLeftStyle;
152
- }, function (_a) {
153
- var scrollVisibleType = _a.scrollVisibleType;
154
- return scrollVisibleType &&
155
- {
156
- visible: scrollbarStyle_1.scrollbarWithPaddingStyle,
157
- hidden: scrollbarStyle_1.scrollInvisible
158
- }[scrollVisibleType];
159
151
  }, overrideStyle);
160
152
  var S_LoadingContentSheet = (0, styled_components_1.default)(S_ContentSheet)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), styles_1.skeletonLoadingStyle);
161
153
  exports.default = ContentSheet;
package/dist/src/desktop/panels/SectionSheet/SectionSheet.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import type { UiColors } from '../../../common';
2
- import type { ScrollVisibleType } from '../../../common/styles/scroll/scrollbarStyle';
3
2
  import type { CSSProperties } from 'react';
4
3
  type PaddingSpacingType = 'none' | keyof typeof paddingSpacing;
5
4
  export type SectionSheetProps = {
@@ -19,7 +18,6 @@ export type SectionSheetProps = {
19
18
  paddingLeft?: PaddingSpacingType;
20
19
  overrideCSS?: CSSProperties;
21
20
  children: React.ReactNode;
22
- scrollVisibleType?: ScrollVisibleType;
23
21
  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
24
22
  };
25
23
  export type StyleProps = {
@@ -38,7 +36,6 @@ export type StyleProps = {
38
36
  paddingBottom?: PaddingSpacingType;
39
37
  paddingLeft?: PaddingSpacingType;
40
38
  hasOnClick?: boolean;
41
- scrollVisibleType?: ScrollVisibleType;
42
39
  };
43
40
  declare const paddingSpacing: {
44
41
  readonly spacing_a: "spacingA";
@@ -56,5 +53,5 @@ declare const paddingSpacing: {
56
53
  readonly spacing_m: "spacingM";
57
54
  readonly spacing_n: "spacingN";
58
55
  };
59
- declare function SectionSheet({ width, height, backgroundColorTheme, overrideBackgroundColorKey, borderMode, borderWidth, borderColorTheme, overrideBorderColorKey, shapeType, radius, paddingTop, paddingRight, paddingBottom, paddingLeft, overrideCSS, children, scrollVisibleType, onClick }: SectionSheetProps): JSX.Element;
56
+ declare function SectionSheet({ width, height, backgroundColorTheme, overrideBackgroundColorKey, borderMode, borderWidth, borderColorTheme, overrideBorderColorKey, shapeType, radius, paddingTop, paddingRight, paddingBottom, paddingLeft, overrideCSS, children, onClick }: SectionSheetProps): JSX.Element;
60
57
  export default SectionSheet;
package/dist/src/desktop/panels/SectionSheet/SectionSheet.js CHANGED
@@ -39,7 +39,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
39
39
  };
40
40
  Object.defineProperty(exports, "__esModule", { value: true });
41
41
  var jsx_runtime_1 = require("react/jsx-runtime");
42
- var scrollbarStyle_1 = require("../../../common/styles/scroll/scrollbarStyle");
43
42
  var styled_components_1 = __importStar(require("styled-components"));
44
43
  var backgroundColorTheme = {
45
44
  transparent: 'ui_cpnt_sheet_base_03',
@@ -71,13 +70,13 @@ var paddingSpacing = {
71
70
  spacing_n: 'spacingN'
72
71
  };
73
72
  function SectionSheet(_a) {
74
- 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;
73
+ 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, onClick = _a.onClick;
75
74
  var handleClick = function (e) {
76
75
  if (onClick) {
77
76
  onClick(e);
78
77
  }
79
78
  };
80
- 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 })));
79
+ 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 }, { children: children })));
81
80
  }
82
81
  var radiusStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: ", ";\n"], ["\n border-radius: ", ";\n"])), function (_a) {
83
82
  var $radius = _a.$radius;
@@ -106,7 +105,7 @@ var advancedCSS = (0, styled_components_1.css)(templateObject_6 || (templateObje
106
105
  var theme = _a.theme, overrideBorderColorKey = _a.overrideBorderColorKey;
107
106
  return overrideBorderColorKey && theme[overrideBorderColorKey];
108
107
  });
109
- 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) {
108
+ 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 width: ", ";\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 width: ", ";\n\n ", ";\n\n ", ";\n ", ";\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
110
109
  var theme = _a.theme, $backgroundColorTheme = _a.$backgroundColorTheme;
111
110
  return $backgroundColorTheme && theme[backgroundColorTheme[$backgroundColorTheme]];
112
111
  }, function (_a) {
@@ -142,13 +141,6 @@ var S_SectionSheet = styled_components_1.default.div(templateObject_7 || (templa
142
141
  }, function (_a) {
143
142
  var paddingLeft = _a.paddingLeft;
144
143
  return paddingLeft !== 'none' && paddingLeftStyle;
145
- }, function (_a) {
146
- var scrollVisibleType = _a.scrollVisibleType;
147
- return scrollVisibleType &&
148
- {
149
- visible: scrollbarStyle_1.scrollbarStyle,
150
- hidden: scrollbarStyle_1.scrollInvisible
151
- }[scrollVisibleType];
152
144
  }, advancedCSS);
153
145
  exports.default = SectionSheet;
154
146
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
package/dist/src/mobile/components/ContextMenu/ContextMenu.d.ts CHANGED
@@ -1,11 +1,9 @@
1
1
  /// <reference types="react" />
2
- import { ScrollVisibleType } from '../../../common/styles/scroll/scrollbarStyle';
3
2
  type ContextMenuProps = {
4
3
  children: React.ReactNode;
5
4
  autoWidthMode?: 'none' | 'use';
6
5
  maxHeight?: number;
7
6
  customWidth?: string;
8
- scrollVisibleType?: ScrollVisibleType;
9
7
  };
10
- declare function ContextMenu({ children, autoWidthMode, maxHeight, customWidth, scrollVisibleType }: ContextMenuProps): JSX.Element;
8
+ declare function ContextMenu({ children, autoWidthMode, maxHeight, customWidth }: ContextMenuProps): JSX.Element;
11
9
  export default ContextMenu;
package/dist/src/mobile/components/ContextMenu/ContextMenu.js CHANGED
@@ -14,38 +14,17 @@ var __assign = (this && this.__assign) || function () {
14
14
  };
15
15
  return __assign.apply(this, arguments);
16
16
  };
17
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
- if (k2 === undefined) k2 = k;
19
- var desc = Object.getOwnPropertyDescriptor(m, k);
20
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
21
- desc = { enumerable: true, get: function() { return m[k]; } };
22
- }
23
- Object.defineProperty(o, k2, desc);
24
- }) : (function(o, m, k, k2) {
25
- if (k2 === undefined) k2 = k;
26
- o[k2] = m[k];
27
- }));
28
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
29
- Object.defineProperty(o, "default", { enumerable: true, value: v });
30
- }) : function(o, v) {
31
- o["default"] = v;
32
- });
33
- var __importStar = (this && this.__importStar) || function (mod) {
34
- if (mod && mod.__esModule) return mod;
35
- var result = {};
36
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
37
- __setModuleDefault(result, mod);
38
- return result;
17
+ var __importDefault = (this && this.__importDefault) || function (mod) {
18
+ return (mod && mod.__esModule) ? mod : { "default": mod };
39
19
  };
40
20
  Object.defineProperty(exports, "__esModule", { value: true });
41
21
  var jsx_runtime_1 = require("react/jsx-runtime");
42
- var scrollbarStyle_1 = require("../../../common/styles/scroll/scrollbarStyle");
43
- var styled_components_1 = __importStar(require("styled-components"));
22
+ var styled_components_1 = __importDefault(require("styled-components"));
44
23
  function ContextMenu(_a) {
45
- var children = _a.children, _b = _a.autoWidthMode, autoWidthMode = _b === void 0 ? 'none' : _b, maxHeight = _a.maxHeight, customWidth = _a.customWidth, scrollVisibleType = _a.scrollVisibleType;
46
- return ((0, jsx_runtime_1.jsx)(S_ContextMenu, __assign({ "x-pds-name": "ContextMenu", "x-pds-element-type": "component", "x-pds-device-type": "mobile", autoWidth: autoWidthMode === 'use', maxHeight: maxHeight, customWidth: customWidth, scrollVisibleType: scrollVisibleType }, { children: children })));
24
+ var children = _a.children, _b = _a.autoWidthMode, autoWidthMode = _b === void 0 ? 'none' : _b, maxHeight = _a.maxHeight, customWidth = _a.customWidth;
25
+ return ((0, jsx_runtime_1.jsx)(S_ContextMenu, __assign({ "x-pds-name": "ContextMenu", "x-pds-element-type": "component", "x-pds-device-type": "mobile", autoWidth: autoWidthMode === 'use', maxHeight: maxHeight, customWidth: customWidth }, { children: children })));
47
26
  }
48
- var S_ContextMenu = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 14px;\n box-shadow: ", ";\n box-sizing: border-box;\n list-style: none;\n margin: 0;\n max-height: ", ";\n min-width: 128px;\n overflow-y: auto;\n padding: ", " 0;\n position: relative;\n vertical-align: baseline;\n width: ", ";\n\n z-index: 400;\n\n ", "\n\n ", "\n\n ", "\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 14px;\n box-shadow: ", ";\n box-sizing: border-box;\n list-style: none;\n margin: 0;\n max-height: ", ";\n min-width: 128px;\n overflow-y: auto;\n padding: ", " 0;\n position: relative;\n vertical-align: baseline;\n width: ", ";\n\n z-index: 400;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_a) {
27
+ var S_ContextMenu = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 14px;\n box-shadow: ", ";\n box-sizing: border-box;\n list-style: none;\n margin: 0;\n max-height: ", ";\n min-width: 128px;\n overflow-y: auto;\n padding: ", " 0;\n position: relative;\n vertical-align: baseline;\n width: ", ";\n\n z-index: 400;\n\n ", "\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 14px;\n box-shadow: ", ";\n box-sizing: border-box;\n list-style: none;\n margin: 0;\n max-height: ", ";\n min-width: 128px;\n overflow-y: auto;\n padding: ", " 0;\n position: relative;\n vertical-align: baseline;\n width: ", ";\n\n z-index: 400;\n\n ", "\n"])), function (_a) {
49
28
  var theme = _a.theme;
50
29
  return theme.ui_cpnt_contextmenu_base;
51
30
  }, function (_a) {
@@ -72,16 +51,6 @@ var S_ContextMenu = styled_components_1.default.ul(templateObject_2 || (template
72
51
  }, function (_a) {
73
52
  var customWidth = _a.customWidth;
74
53
  return customWidth && "width: ".concat(customWidth, ";min-width: ").concat(customWidth, ";");
75
- }, function (_a) {
76
- var scrollVisibleType = _a.scrollVisibleType;
77
- return scrollVisibleType &&
78
- {
79
- visible: scrollbarStyle_1.scrollbarStyle,
80
- hidden: scrollbarStyle_1.scrollInvisible
81
- }[scrollVisibleType];
82
- }, function (_a) {
83
- var scrollVisibleType = _a.scrollVisibleType;
84
- return scrollVisibleType === 'visible' && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ::-webkit-scrollbar-track {\n margin-bottom: 7px;\n margin-top: 7px;\n }\n "], ["\n ::-webkit-scrollbar-track {\n margin-bottom: 7px;\n margin-top: 7px;\n }\n "])));
85
54
  });
86
55
  exports.default = ContextMenu;
87
- var templateObject_1, templateObject_2;
56
+ var templateObject_1;
package/dist/src/mobile/components/Dropdown/Dropdown.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import type { PDSTextType } from '../../../common';
3
- import type { ScrollVisibleType } from '../../../common/styles/scroll/scrollbarStyle';
4
3
  import type { DropdownGroupInfo, DropdownValueOption } from '../../../common/types';
5
4
  type Props = {
6
5
  colorTheme?: 'none' | 'dark' | 'white';
@@ -16,8 +15,7 @@ type Props = {
16
15
  displayType?: 'text_only' | 'icon_only' | 'icon_text';
17
16
  fontWeight?: 'bold' | 'regular';
18
17
  groupInfoArray?: DropdownGroupInfo[];
19
- scrollVisibleType?: ScrollVisibleType;
20
18
  onChange?: (option: DropdownValueOption) => void;
21
19
  };
22
- declare function Dropdown({ colorTheme, value, defaultValue, hintText, maxHeightItemNumber, responsiveMode, size, state, valueArray, customWidth, displayType, fontWeight, groupInfoArray, scrollVisibleType, onChange }: Props): JSX.Element;
20
+ declare function Dropdown({ colorTheme, value, defaultValue, hintText, maxHeightItemNumber, responsiveMode, size, state, valueArray, customWidth, displayType, fontWeight, groupInfoArray, onChange }: Props): JSX.Element;
23
21
  export default Dropdown;
package/dist/src/mobile/components/Dropdown/Dropdown.js CHANGED
@@ -57,11 +57,11 @@ function Dropdown(_a) {
57
57
  // selectionMode = 'single',
58
58
  _e = _a.size,
59
59
  // selectionMode = 'single',
60
- size = _e === void 0 ? 'large' : _e, _f = _a.state, state = _f === void 0 ? 'normal' : _f, valueArray = _a.valueArray, customWidth = _a.customWidth, _g = _a.displayType, displayType = _g === void 0 ? 'text_only' : _g, _h = _a.fontWeight, fontWeight = _h === void 0 ? 'regular' : _h, groupInfoArray = _a.groupInfoArray, _j = _a.scrollVisibleType, scrollVisibleType = _j === void 0 ? 'visible' : _j, onChange = _a.onChange;
61
- var _k = (0, react_1.useState)(false), isFocused = _k[0], setIsFocused = _k[1];
62
- var _l = (0, react_1.useState)(null), selectedValue = _l[0], setSelectedValue = _l[1];
63
- var _m = (0, react_1.useState)(null), contextMenuSizeOffset = _m[0], setContextMenuSizeOffset = _m[1];
64
- var _o = (0, react_1.useState)(null), dropdownPositionOffset = _o[0], setDropdownPositionOffset = _o[1];
60
+ size = _e === void 0 ? 'large' : _e, _f = _a.state, state = _f === void 0 ? 'normal' : _f, valueArray = _a.valueArray, customWidth = _a.customWidth, _g = _a.displayType, displayType = _g === void 0 ? 'text_only' : _g, _h = _a.fontWeight, fontWeight = _h === void 0 ? 'regular' : _h, groupInfoArray = _a.groupInfoArray, onChange = _a.onChange;
61
+ var _j = (0, react_1.useState)(false), isFocused = _j[0], setIsFocused = _j[1];
62
+ var _k = (0, react_1.useState)(null), selectedValue = _k[0], setSelectedValue = _k[1];
63
+ var _l = (0, react_1.useState)(null), contextMenuSizeOffset = _l[0], setContextMenuSizeOffset = _l[1];
64
+ var _m = (0, react_1.useState)(null), dropdownPositionOffset = _m[0], setDropdownPositionOffset = _m[1];
65
65
  var contextMenuRef = (0, react_1.useRef)(null);
66
66
  var dropdownRef = (0, react_1.useRef)(null);
67
67
  /**
@@ -261,7 +261,7 @@ function Dropdown(_a) {
261
261
  });
262
262
  }
263
263
  return ((0, jsx_runtime_1.jsxs)(S_Dropdown, __assign({ "x-pds-name": "Dropdown", "x-pds-element-type": "component", "x-pds-device-type": "mobile", className: "container", ref: dropdownRef, size: size, tabIndex: 0, onBlur: handleBlur, responsiveMode: responsiveMode, customWidth: customWidth, displayType: displayType }, { children: [(0, jsx_runtime_1.jsxs)(S_Select, __assign({ size: size, onClick: handleClick, isFocused: isFocused, state: state, colorTheme: colorTheme, responsiveMode: responsiveMode, customWidth: customWidth, displayType: displayType }, { children: [(0, jsx_runtime_1.jsxs)(S_TextLabel, __assign({ size: size, responsiveMode: responsiveMode, displayType: displayType }, { children: [(displayType === 'icon_only' || displayType === 'icon_text') && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.iconName) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Icon, { size: size === 'small' ? 20 : 24, iconName: selectedValue.iconName, fillType: selectedValue.iconFillType, colorKey: getIconColorKey() }), displayType === 'icon_text' && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" })] })), (displayType === 'text_only' || displayType === 'icon_text') && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.text) || (value === null || value === void 0 ? void 0 : value.text) || (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text) || hintText, styleTheme: fontWeight === 'bold' ? 'form2Bold' : 'form2Regular', singleLineMode: "use", colorTheme: getTextColorTheme(), colorOverride: getTextColorOverride(), ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }))] })), (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { size: 16, fillType: "line", iconName: isFocused ? 'ic_arrow_up' : 'ic_arrow_down', colorKey: getArrowIconColorKey() })] })), isFocused &&
264
- (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_ContextMenuWrapper, __assign({ ref: contextMenuRef, contextMenuPositionCss: contextMenuPositionCss }, { children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, __assign({ autoWidthMode: "use", maxHeight: maxHeight, customWidth: getCustomWidth(), scrollVisibleType: scrollVisibleType }, { children: groupInfoArray
264
+ (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_ContextMenuWrapper, __assign({ ref: contextMenuRef, contextMenuPositionCss: contextMenuPositionCss }, { children: (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, __assign({ autoWidthMode: "use", maxHeight: maxHeight, customWidth: getCustomWidth() }, { children: groupInfoArray
265
265
  ? Object.keys(resultByGroup).map(function (key) {
266
266
  var _a, _b, _c;
267
267
  return ((0, jsx_runtime_1.jsxs)(S_Group, __assign({ size: size, hasGroupTitle: Boolean((_a = groupInfoArray.find(function (groupInfo) { return groupInfo.key === key; })) === null || _a === void 0 ? void 0 : _a.title) }, { children: [((_b = groupInfoArray.find(function (groupInfo) { return groupInfo.key === key; })) === null || _b === void 0 ? void 0 : _b.title) && ((0, jsx_runtime_1.jsx)(S_Wrapper, __assign({ size: size }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: (_c = groupInfoArray.find(function (groupInfo) { return groupInfo.key === key; })) === null || _c === void 0 ? void 0 : _c.title, colorTheme: "sysTextSecondary", styleTheme: "caption1Bold", letterSpacing: "0.15em" }) }))), resultByGroup[key].map(function (el) { return ((0, jsx_runtime_1.jsx)("div", __assign({ onMouseDown: function () { return handleClickOption(el); } }, { children: (0, jsx_runtime_1.jsx)(ContextMenuItem_1.ContextMenuItem, { option: el, size: size, isSelected: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.value) === el.value, state: el.state, displayType: displayType }) }), el.value)); })] }), key));
package/dist/src/mobile/components/RichTextEditor/RichTextEditor.js CHANGED
@@ -259,7 +259,7 @@ function RichTextEditor(_a) {
259
259
  }
260
260
  } }), validationText] }), isFileValidationAlertDialogOpen && ((0, jsx_runtime_1.jsx)(MobileAlertDialog_1.MobileAlertDialog, { contentText: fileSizeValidationText, tBtn1Text: t('str_confirm'), onClickTBtn1: function () { return setIsFilValidationAlertDialogOpen(false); } }))] }));
261
261
  }
262
- var S_Editor = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-height: 500px;\n position: relative;\n\n .tox-statusbar__wordcount {\n visibility: hidden;\n }\n"], ["\n min-height: 500px;\n position: relative;\n\n .tox-statusbar__wordcount {\n visibility: hidden;\n }\n"])));
262
+ var S_Editor = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: fit-content;\n position: relative;\n\n .tox-statusbar__wordcount {\n visibility: hidden;\n }\n"], ["\n height: fit-content;\n position: relative;\n\n .tox-statusbar__wordcount {\n visibility: hidden;\n }\n"])));
263
263
  var S_LoadingWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 1000;\n"], ["\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 1000;\n"])));
264
264
  var S_Error = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n"])), function (_a) {
265
265
  var theme = _a.theme;
package/dist/src/mobile/panels/ContentSheet/ContentSheet.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import type { UiColors } from '../../../common';
2
- import type { ScrollVisibleType } from '../../../common/styles/scroll/scrollbarStyle';
3
2
  import type react from 'react';
4
3
  type PaddingSpacingType = 'none' | keyof typeof paddingSpacing;
5
4
  export type ContentSheetProps = {
@@ -22,7 +21,6 @@ export type ContentSheetProps = {
22
21
  loadingWidth?: string;
23
22
  loadingHeight?: string;
24
23
  isLoading?: boolean;
25
- scrollVisibleType?: ScrollVisibleType;
26
24
  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
27
25
  };
28
26
  export type StyleProps = {
@@ -40,7 +38,6 @@ export type StyleProps = {
40
38
  paddingRight?: PaddingSpacingType;
41
39
  paddingBottom?: PaddingSpacingType;
42
40
  paddingLeft?: PaddingSpacingType;
43
- scrollVisibleType?: ScrollVisibleType;
44
41
  };
45
42
  declare const paddingSpacing: {
46
43
  readonly spacing_a: "spacingA";
@@ -58,5 +55,5 @@ declare const paddingSpacing: {
58
55
  readonly spacing_m: "spacingM";
59
56
  readonly spacing_n: "spacingN";
60
57
  };
61
- declare function ContentSheet({ width, height, backgroundColorTheme, overrideBackgroundColorKey, borderMode, borderWidth, borderColorTheme, overrideBorderColorKey, shapeType, radius, paddingTop, paddingRight, paddingBottom, paddingLeft, overrideCSS, children, loadingWidth, loadingHeight, isLoading, scrollVisibleType, onClick }: ContentSheetProps): JSX.Element;
58
+ declare function ContentSheet({ width, height, backgroundColorTheme, overrideBackgroundColorKey, borderMode, borderWidth, borderColorTheme, overrideBorderColorKey, shapeType, radius, paddingTop, paddingRight, paddingBottom, paddingLeft, overrideCSS, children, loadingWidth, loadingHeight, isLoading, onClick }: ContentSheetProps): JSX.Element;
62
59
  export default ContentSheet;
package/dist/src/mobile/panels/ContentSheet/ContentSheet.js CHANGED
@@ -39,7 +39,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
39
39
  };
40
40
  Object.defineProperty(exports, "__esModule", { value: true });
41
41
  var jsx_runtime_1 = require("react/jsx-runtime");
42
- var scrollbarStyle_1 = require("../../../common/styles/scroll/scrollbarStyle");
43
42
  var styled_components_1 = __importStar(require("styled-components"));
44
43
  var styles_1 = require("../../../common/styles");
45
44
  var backgroundColorTheme = {
@@ -72,7 +71,7 @@ var paddingSpacing = {
72
71
  spacing_n: 'spacingN'
73
72
  };
74
73
  function ContentSheet(_a) {
75
- var width = _a.width, height = _a.height, _b = _a.backgroundColorTheme, backgroundColorTheme = _b === void 0 ? 'base3' : _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, loadingWidth = _a.loadingWidth, loadingHeight = _a.loadingHeight, isLoading = _a.isLoading, _m = _a.scrollVisibleType, scrollVisibleType = _m === void 0 ? 'visible' : _m, onClick = _a.onClick;
74
+ var width = _a.width, height = _a.height, _b = _a.backgroundColorTheme, backgroundColorTheme = _b === void 0 ? 'base3' : _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, loadingWidth = _a.loadingWidth, loadingHeight = _a.loadingHeight, isLoading = _a.isLoading, onClick = _a.onClick;
76
75
  var handleClick = function (e) {
77
76
  if (onClick) {
78
77
  onClick(e);
@@ -82,7 +81,7 @@ function ContentSheet(_a) {
82
81
  if (isLoading) {
83
82
  return ((0, jsx_runtime_1.jsx)(S_LoadingContentSheet, { "$width": width !== null && width !== void 0 ? width : loadingWidth, "$height": height !== null && height !== void 0 ? height : loadingHeight, shapeType: shapeType, "$radius": radius }));
84
83
  }
85
- return ((0, jsx_runtime_1.jsx)(S_ContentSheet, __assign({ "x-pds-name": "ContentSheet", "x-pds-element-type": "panel", "x-pds-device-type": "mobile", "$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, scrollVisibleType: scrollVisibleType }, { children: children })));
84
+ return ((0, jsx_runtime_1.jsx)(S_ContentSheet, __assign({ "x-pds-name": "ContentSheet", "x-pds-element-type": "panel", "x-pds-device-type": "mobile", "$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 }, { children: children })));
86
85
  };
87
86
  return ContentSheetVariation();
88
87
  }
@@ -113,7 +112,7 @@ var overrideStyle = (0, styled_components_1.css)(templateObject_6 || (templateOb
113
112
  var theme = _a.theme, overrideBorderColorKey = _a.overrideBorderColorKey;
114
113
  return overrideBorderColorKey && theme[overrideBorderColorKey];
115
114
  });
116
- var S_ContentSheet = 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 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 height: ", ";\n overflow-y: auto;\n width: ", ";\n\n ", ";\n\n ", ";\n ", ";\n ", ";\n ", ";\n\n ", "\n\n ", "\n"])), function (_a) {
115
+ var S_ContentSheet = 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 height: ", ";\n width: ", ";\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 height: ", ";\n width: ", ";\n\n ", ";\n\n ", ";\n ", ";\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
117
116
  var theme = _a.theme, $backgroundColorTheme = _a.$backgroundColorTheme;
118
117
  return $backgroundColorTheme && theme[backgroundColorTheme[$backgroundColorTheme]];
119
118
  }, function (_a) {
@@ -146,13 +145,6 @@ var S_ContentSheet = styled_components_1.default.div(templateObject_7 || (templa
146
145
  }, function (_a) {
147
146
  var paddingLeft = _a.paddingLeft;
148
147
  return paddingLeft !== 'none' && paddingLeftStyle;
149
- }, function (_a) {
150
- var scrollVisibleType = _a.scrollVisibleType;
151
- return scrollVisibleType &&
152
- {
153
- visible: scrollbarStyle_1.scrollbarWithPaddingStyle,
154
- hidden: scrollbarStyle_1.scrollInvisible
155
- }[scrollVisibleType];
156
148
  }, overrideStyle);
157
149
  var S_LoadingContentSheet = (0, styled_components_1.default)(S_ContentSheet)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), styles_1.skeletonLoadingStyle);
158
150
  exports.default = ContentSheet;
package/dist/src/mobile/panels/SectionSheet/SectionSheet.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import type { UiColors } from '../../../common';
2
- import type { ScrollVisibleType } from '../../../common/styles/scroll/scrollbarStyle';
3
2
  import type { CSSProperties } from 'react';
4
3
  type PaddingSpacingType = 'none' | keyof typeof paddingSpacing;
5
4
  export type SectionSheetProps = {
@@ -19,7 +18,6 @@ export type SectionSheetProps = {
19
18
  paddingLeft?: PaddingSpacingType;
20
19
  overrideCSS?: CSSProperties;
21
20
  children: React.ReactNode;
22
- scrollVisibleType?: ScrollVisibleType;
23
21
  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
24
22
  };
25
23
  export type StyleProps = {
@@ -37,7 +35,6 @@ export type StyleProps = {
37
35
  paddingRight?: PaddingSpacingType;
38
36
  paddingBottom?: PaddingSpacingType;
39
37
  paddingLeft?: PaddingSpacingType;
40
- scrollVisibleType?: ScrollVisibleType;
41
38
  };
42
39
  declare const paddingSpacing: {
43
40
  readonly spacing_a: "spacingA";
@@ -55,5 +52,5 @@ declare const paddingSpacing: {
55
52
  readonly spacing_m: "spacingM";
56
53
  readonly spacing_n: "spacingN";
57
54
  };
58
- declare function SectionSheet({ width, height, backgroundColorTheme, overrideBackgroundColorKey, borderMode, borderWidth, borderColorTheme, overrideBorderColorKey, shapeType, radius, paddingTop, paddingRight, paddingBottom, paddingLeft, overrideCSS, children, scrollVisibleType, onClick }: SectionSheetProps): JSX.Element;
55
+ declare function SectionSheet({ width, height, backgroundColorTheme, overrideBackgroundColorKey, borderMode, borderWidth, borderColorTheme, overrideBorderColorKey, shapeType, radius, paddingTop, paddingRight, paddingBottom, paddingLeft, overrideCSS, children, onClick }: SectionSheetProps): JSX.Element;
59
56
  export default SectionSheet;
package/dist/src/mobile/panels/SectionSheet/SectionSheet.js CHANGED
@@ -39,7 +39,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
39
39
  };
40
40
  Object.defineProperty(exports, "__esModule", { value: true });
41
41
  var jsx_runtime_1 = require("react/jsx-runtime");
42
- var scrollbarStyle_1 = require("../../../common/styles/scroll/scrollbarStyle");
43
42
  var styled_components_1 = __importStar(require("styled-components"));
44
43
  var backgroundColorTheme = {
45
44
  transparent: 'ui_cpnt_sheet_base_03',
@@ -71,13 +70,13 @@ var paddingSpacing = {
71
70
  spacing_n: 'spacingN'
72
71
  };
73
72
  function SectionSheet(_a) {
74
- 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;
73
+ 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, onClick = _a.onClick;
75
74
  var handleClick = function (e) {
76
75
  if (onClick) {
77
76
  onClick(e);
78
77
  }
79
78
  };
80
- return ((0, jsx_runtime_1.jsx)(S_SectionSheet, __assign({ "x-pds-name": "SectionSheet", "x-pds-element-type": "panel", "x-pds-device-type": "mobile", "$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, scrollVisibleType: scrollVisibleType }, { children: children })));
79
+ return ((0, jsx_runtime_1.jsx)(S_SectionSheet, __assign({ "x-pds-name": "SectionSheet", "x-pds-element-type": "panel", "x-pds-device-type": "mobile", "$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 }, { children: children })));
81
80
  }
82
81
  var radiusStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: ", ";\n"], ["\n border-radius: ", ";\n"])), function (_a) {
83
82
  var $radius = _a.$radius;
@@ -106,7 +105,7 @@ var advancedCSS = (0, styled_components_1.css)(templateObject_6 || (templateObje
106
105
  var theme = _a.theme, overrideBorderColorKey = _a.overrideBorderColorKey;
107
106
  return overrideBorderColorKey && theme[overrideBorderColorKey];
108
107
  });
109
- 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 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 height: ", ";\n overflow-y: auto;\n width: ", ";\n\n ", ";\n\n ", ";\n ", ";\n ", ";\n ", ";\n\n ", "\n\n ", "\n"])), function (_a) {
108
+ 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 height: ", ";\n width: ", ";\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 height: ", ";\n width: ", ";\n\n ", ";\n\n ", ";\n ", ";\n ", ";\n ", ";\n\n ", "\n"])), function (_a) {
110
109
  var theme = _a.theme, $backgroundColorTheme = _a.$backgroundColorTheme;
111
110
  return $backgroundColorTheme && theme[backgroundColorTheme[$backgroundColorTheme]];
112
111
  }, function (_a) {
@@ -139,13 +138,6 @@ var S_SectionSheet = styled_components_1.default.div(templateObject_7 || (templa
139
138
  }, function (_a) {
140
139
  var paddingLeft = _a.paddingLeft;
141
140
  return paddingLeft !== 'none' && paddingLeftStyle;
142
- }, function (_a) {
143
- var scrollVisibleType = _a.scrollVisibleType;
144
- return scrollVisibleType &&
145
- {
146
- visible: scrollbarStyle_1.scrollbarStyle,
147
- hidden: scrollbarStyle_1.scrollInvisible
148
- }[scrollVisibleType];
149
141
  }, advancedCSS);
150
142
  exports.default = SectionSheet;
151
143
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web",
3
- "version": "2.2.249",
3
+ "version": "2.2.251",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
package/release-note.md CHANGED
@@ -1,7 +1,7 @@
1
1
  # PDS-DEV-KIT-WEB Release Notes
2
- ## [v2.2.249]
2
+ ## [v2.2.251]
3
3
  ## daily|https://design.storybook.publ.biz/
4
4
 
5
5
  ### 업데이트 사항
6
6
 
7
- * [PDS-1372] ContextBubble PDS 추가 건
7
+ * [PDS-1374] RichTextEditor의 높이값 관련 수정 건