pds-dev-kit-web 2.2.122 → 2.2.124

package/dist/src/common/assets/icons/fill/Developer.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type IconType from '../IconType';
+declare const Developer: ({ color, size, ...rest }: IconType) => JSX.Element;
+export default Developer;

package/dist/src/common/assets/icons/fill/Developer.js

@@ -0,0 +1,30 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Developer = function (_a) {
+    var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M19.1301,12.2744 C19.0451,12.4064 18.8911,12.5264 18.6451,12.6514 L15.7631,14.1654 C15.6251,14.2384 15.5031,14.2634 15.4021,14.2634 C15.3211,14.2634 15.2531,14.2474 15.2001,14.2284 C15.0351,14.1694 14.9031,14.0434 14.8201,13.8634 C14.7511,13.7034 14.7291,13.5434 14.7511,13.3814 C14.7711,13.2394 14.8491,13.0464 15.1061,12.9194 L17.3211,11.7914 L15.1051,10.6764 C14.8491,10.5474 14.7711,10.3564 14.7511,10.2174 C14.7291,10.0504 14.7521,9.8924 14.8191,9.7424 C14.9231,9.5144 15.0811,9.4174 15.1951,9.3754 C15.3651,9.3134 15.5531,9.3344 15.7531,9.4354 L18.6541,10.9554 C18.7621,11.0164 18.8511,11.0714 18.9211,11.1244 C19.0001,11.1824 19.0681,11.2484 19.1191,11.3174 C19.1741,11.3954 19.2121,11.4794 19.2331,11.5674 C19.2511,11.6414 19.2601,11.7224 19.2601,11.8054 C19.2601,11.9844 19.2161,12.1424 19.1301,12.2744 L19.1301,12.2744 Z M13.8431,8.8414 L11.5431,15.5894 C11.4471,15.8654 11.2661,15.9714 11.1311,16.0114 C11.0521,16.0354 10.9701,16.0474 10.8881,16.0474 C10.8021,16.0474 10.7141,16.0334 10.6261,16.0074 C10.4551,15.9604 10.3121,15.8584 10.2181,15.7144 C10.1461,15.6064 10.0771,15.4204 10.1611,15.1634 L12.4541,8.4114 C12.5511,8.1344 12.7321,8.0294 12.8671,7.9884 C13.0281,7.9394 13.1971,7.9414 13.3691,7.9924 C13.5451,8.0414 13.6841,8.1404 13.7831,8.2874 C13.8921,8.4524 13.9121,8.6444 13.8431,8.8414 L13.8431,8.8414 Z M8.8961,12.9204 C9.1521,13.0484 9.2291,13.2414 9.2481,13.3804 C9.2701,13.5434 9.2481,13.7034 9.1821,13.8574 C9.0981,14.0414 8.9651,14.1684 8.7971,14.2284 C8.7331,14.2524 8.6661,14.2644 8.5971,14.2644 C8.4821,14.2644 8.3611,14.2314 8.2361,14.1654 L5.3511,12.6504 C5.1081,12.5264 4.9541,12.4064 4.8681,12.2734 C4.7831,12.1434 4.7401,11.9854 4.7401,11.8054 C4.7401,11.7194 4.7491,11.6384 4.7671,11.5654 C4.7861,11.4814 4.8231,11.3974 4.8791,11.3204 C4.9331,11.2474 5.0001,11.1824 5.0801,11.1234 C5.1481,11.0714 5.2361,11.0164 5.3451,10.9554 L8.2441,9.4364 C8.4451,9.3324 8.6321,9.3124 8.8031,9.3754 C8.9181,9.4174 9.0771,9.5154 9.1801,9.7424 C9.2471,9.8924 9.2701,10.0504 9.2481,10.2144 C9.2291,10.3534 9.1521,10.5454 8.8961,10.6764 L6.6781,11.7914 L8.8961,12.9204 Z M18.7001,3.4504 L5.3001,3.4504 C3.3671,3.4504 1.8001,5.0174 1.8001,6.9504 L1.8001,17.0504 C1.8001,18.9834 3.3671,20.5504 5.3001,20.5504 L18.7001,20.5504 C20.6331,20.5504 22.2001,18.9834 22.2001,17.0504 L22.2001,6.9504 C22.2001,5.0174 20.6331,3.4504 18.7001,3.4504 L18.7001,3.4504 Z" }) })));
+};
+exports.default = Developer;

package/dist/src/common/assets/icons/fill/index.d.ts

@@ -34,6 +34,7 @@ declare const fillIcons: {
     readonly ic_cloud_download: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_copy: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_delete: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
+    readonly ic_developer: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_device_app: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_device_desktop: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;
     readonly ic_device_mobile: ({ color, size, ...rest }: import("../IconType").default) => JSX.Element;

package/dist/src/common/assets/icons/fill/index.js

@@ -40,6 +40,7 @@ var CloudDownload_1 = __importDefault(require("./CloudDownload"));
 var Copy_1 = __importDefault(require("./Copy"));
 var Cut_1 = __importDefault(require("./Cut"));
 var Delete_1 = __importDefault(require("./Delete"));
+var Developer_1 = __importDefault(require("./Developer"));
 var DeviceApp_1 = __importDefault(require("./DeviceApp"));
 var DeviceDesktop_1 = __importDefault(require("./DeviceDesktop"));
 var DeviceMobile_1 = __importDefault(require("./DeviceMobile"));
@@ -193,6 +194,7 @@ var fillIcons = {
     ic_cloud_download: CloudDownload_1.default,
     ic_copy: Copy_1.default,
     ic_delete: Delete_1.default,
+    ic_developer: Developer_1.default,
     ic_device_app: DeviceApp_1.default,
     ic_device_desktop: DeviceDesktop_1.default,
     ic_device_mobile: DeviceMobile_1.default,

package/dist/src/common/types/components.d.ts

@@ -11,6 +11,8 @@ export type PDSTabItemOption = {
     title: PDSTextType;
     isActive: boolean;
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    disabled?: boolean;
+    tooltipText?: PDSTextType;
 };
 export type ContextMenuItemValueOption = {
     text?: PDSTextType;

package/dist/src/desktop/components/DesktopTabBar/DesktopTabBar.js

@@ -60,23 +60,23 @@ function DesktopTabBar(_a) {
         };
         var textLabel_1 = function (item, isSubText) {
             if (isSubText) {
-                return ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: item.title, textAlign: "center", styleTheme: "caption1Bold", colorTheme: item.isActive ? 'sysTextPrimary' : 'sysTextTertiary', singleLineMode: "use" }));
+                return ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, __assign({ text: item.title, textAlign: "center", styleTheme: "caption1Bold", colorTheme: item.isActive ? 'sysTextPrimary' : 'sysTextTertiary', singleLineMode: "use" }, (item.tooltipText && { tooltipText: item.tooltipText }))));
             }
             if (styleTheme === 'content_black') {
-                return ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: item.title, textAlign: "center", styleTheme: item.isActive ? 'caption1Bold' : 'caption1Regular', colorTheme: item.isActive ? 'sysTextPrimary' : 'sysTextSecondary', singleLineMode: "use" }));
+                return ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, __assign({ text: item.title, textAlign: "center", styleTheme: item.isActive ? 'caption1Bold' : 'caption1Regular', colorTheme: item.isActive ? 'sysTextPrimary' : 'sysTextSecondary', singleLineMode: "use" }, (item.tooltipText && { tooltipText: item.tooltipText }))));
             }
             if (styleTheme === 'content') {
-                return ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: item.title, textAlign: "center", styleTheme: item.isActive ? 'caption1Bold' : 'caption1Regular', colorTheme: item.isActive ? 'usrTextBrandPrimary' : 'sysTextSecondary', singleLineMode: "use" }));
+                return ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, __assign({ text: item.title, textAlign: "center", styleTheme: item.isActive ? 'caption1Bold' : 'caption1Regular', colorTheme: item.isActive ? 'usrTextBrandPrimary' : 'sysTextSecondary', singleLineMode: "use" }, (item.tooltipText && { tooltipText: item.tooltipText }))));
             }
             if (styleTheme === 'main') {
-                return ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: item.title, textAlign: "center", styleTheme: "leadParaBold", colorTheme: item.isActive ? 'sysTextPrimary' : 'sysTextTertiary', singleLineMode: "use", letterSpacing: "-0.04em" }));
+                return ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, __assign({ text: item.title, textAlign: "center", styleTheme: "leadParaBold", colorTheme: item.isActive ? 'sysTextPrimary' : 'sysTextTertiary', singleLineMode: "use", letterSpacing: "-0.04em" }, (item.tooltipText && { tooltipText: item.tooltipText }))));
             }
         };
-        return ((0, jsx_runtime_1.jsxs)(S_TabBarBox, __assign({ "x-pds-name": "DesktopTabBar", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsx)(S_MainTabBarSpace, __assign({ styleTheme: styleTheme, isSubTabBarActivated: isSubTabBarActivated }, { children: itemArray.map(function (item) { return ((0, jsx_runtime_1.jsxs)(S_MainTabItemBox, __assign({ styleTheme: styleTheme }, { children: [(0, jsx_runtime_1.jsxs)(S_MainTabItemWrapper, __assign({ text: item.title, styleTheme: styleTheme, isActive: item.isActive, onClick: function (e) { return handelClickTabItem_1(item, e); } }, { children: [textLabel_1(item, false), item.iconMode === 'use' && item.iconName && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacing_1.default, { size: "spacing_a", spacingType: "width" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { size: styleTheme === 'main' ? 20 : 16, iconName: item.iconName || 'ic_unavailable', fillType: item.iconFillType || 'line', colorKey: item.isActive
+        return ((0, jsx_runtime_1.jsxs)(S_TabBarBox, __assign({ "x-pds-name": "DesktopTabBar", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsx)(S_MainTabBarSpace, __assign({ styleTheme: styleTheme, isSubTabBarActivated: isSubTabBarActivated }, { children: itemArray.map(function (item) { return ((0, jsx_runtime_1.jsxs)(S_MainTabItemBox, __assign({ styleTheme: styleTheme }, { children: [(0, jsx_runtime_1.jsxs)(S_MainTabItemWrapper, __assign({ text: item.title, styleTheme: styleTheme, isActive: item.isActive, onClick: function (e) { return !item.disabled && handelClickTabItem_1(item, e); }, disabled: item.disabled }, { children: [textLabel_1(item, false), item.iconMode === 'use' && item.iconName && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacing_1.default, { size: "spacing_a", spacingType: "width" }), (0, jsx_runtime_1.jsx)(Icon_1.default, { size: styleTheme === 'main' ? 20 : 16, iconName: item.iconName || 'ic_unavailable', fillType: item.iconFillType || 'line', colorKey: item.isActive
                                                     ? styleTheme === 'content'
                                                         ? 'ui_cpnt_textlabel_usr_brandprimary'
                                                         : 'ui_cpnt_textlabel_sys_primary'
-                                                    : 'ui_cpnt_textlabel_sys_tertiary' })] }))] })), item.isActive && item.subArray && ((0, jsx_runtime_1.jsx)(S_SubTabBarWrapper, { children: item.subArray.map(function (subItem) { return ((0, jsx_runtime_1.jsx)(S_SubTabItemWrapper, __assign({ text: subItem.title, styleTheme: styleTheme, onClick: function (e) { return handelClickTabItem_1(subItem, e); } }, { children: textLabel_1(subItem, true) }), subItem.title)); }) }))] }), item.title)); }) })), isSubTabBarActivated && (0, jsx_runtime_1.jsx)(S_SubTabBarSpace, { styleTheme: styleTheme })] })));
+                                                    : 'ui_cpnt_textlabel_sys_tertiary' })] }))] })), item.isActive && item.subArray && ((0, jsx_runtime_1.jsx)(S_SubTabBarWrapper, { children: item.subArray.map(function (subItem) { return ((0, jsx_runtime_1.jsx)(S_SubTabItemWrapper, __assign({ text: subItem.title, styleTheme: styleTheme, disabled: subItem.disabled, onClick: function (e) { return !subItem.disabled && handelClickTabItem_1(subItem, e); } }, { children: textLabel_1(subItem, true) }), subItem.title)); }) }))] }), item.title)); }) })), isSubTabBarActivated && (0, jsx_runtime_1.jsx)(S_SubTabBarSpace, { styleTheme: styleTheme })] })));
     }
     if (textArray) {
         var isSubTabBarActivated = textArray.some(function (item) { return pathname.includes(item.path) && item.subArray; });
@@ -158,7 +158,10 @@ var S_MainTabItemBox = styled_components_1.default.div(templateObject_5 || (temp
     var theme = _a.theme, styleTheme = _a.styleTheme;
     return styleTheme === 'main' ? '20px' : theme.spacing.spacingD;
 });
-var S_MainTabItemWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  align-items: flex-end;\n  box-sizing: border-box;\n  cursor: pointer;\n  display: flex;\n  height: 100%;\n  padding: 0 ", ";\n  ", "\n  ", "\n  & > [x-pds-name=\"TextLabel\"] {\n    padding-bottom: ", ";\n  }\n  & > svg {\n    padding-bottom: ", ";\n  }\n"], ["\n  align-items: flex-end;\n  box-sizing: border-box;\n  cursor: pointer;\n  display: flex;\n  height: 100%;\n  padding: 0 ", ";\n  ", "\n  ", "\n  & > [x-pds-name=\"TextLabel\"] {\n    padding-bottom: ", ";\n  }\n  & > svg {\n    padding-bottom: ", ";\n  }\n"])), function (_a) {
+var S_MainTabItemWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  align-items: flex-end;\n  box-sizing: border-box;\n  cursor: ", ";\n  display: flex;\n  height: 100%;\n  padding: 0 ", ";\n  ", "\n  ", "\n  & > [x-pds-name=\"TextLabel\"] {\n    padding-bottom: ", ";\n  }\n  & > svg {\n    padding-bottom: ", ";\n  }\n"], ["\n  align-items: flex-end;\n  box-sizing: border-box;\n  cursor: ", ";\n  display: flex;\n  height: 100%;\n  padding: 0 ", ";\n  ", "\n  ", "\n  & > [x-pds-name=\"TextLabel\"] {\n    padding-bottom: ", ";\n  }\n  & > svg {\n    padding-bottom: ", ";\n  }\n"])), function (_a) {
+    var disabled = _a.disabled;
+    return (disabled ? 'default' : 'pointer');
+}, function (_a) {
     var theme = _a.theme, styleTheme = _a.styleTheme;
     return (styleTheme === 'main' ? 0 : theme.spacing.spacingA);
 }, tabIndicator, textOffset, function (_a) {
@@ -179,7 +182,10 @@ var S_SubTabBarSpace = styled_components_1.default.div(templateObject_8 || (temp
     var styleTheme = _a.styleTheme;
     return (styleTheme === 'main' ? '26px' : '32px');
 });
-var S_SubTabItemWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  margin-right: ", ";\n  ", ";\n  ", ";\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  ", "\n"], ["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  margin-right: ", ";\n  ", ";\n  ", ";\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  ", "\n"])), function (_a) {
+var S_SubTabItemWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  align-items: center;\n  cursor: ", ";\n  display: flex;\n  justify-content: center;\n  margin-right: ", ";\n  ", ";\n  ", ";\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  ", "\n"], ["\n  align-items: center;\n  cursor: ", ";\n  display: flex;\n  justify-content: center;\n  margin-right: ", ";\n  ", ";\n  ", ";\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  ", "\n"])), function (_a) {
+    var disabled = _a.disabled;
+    return (disabled ? 'default' : 'pointer');
+}, function (_a) {
     var theme = _a.theme, styleTheme = _a.styleTheme;
     return styleTheme === 'main' ? theme.spacing.spacingD : theme.spacing.spacingE;
 }, function (_a) {

package/package.json

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

package/release-note.md

@@ -1,6 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.122]
+## [v2.2.124]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* [PDS-1267] 텍스트라벨-tooltipText 수정 건
+* [PDS-1270] ic_developer fillType 아이콘 작업 건