pds-dev-kit-web-test 0.0.5 → 0.0.8

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

@@ -33,6 +33,8 @@ var ChatCounseling_1 = __importDefault(require("./ChatCounseling"));
 var ChatCrm_1 = __importDefault(require("./ChatCrm"));
 var Check_1 = __importDefault(require("./Check"));
 var CheckboxOff_1 = __importDefault(require("./CheckboxOff"));
+var Clip_1 = __importDefault(require("./Clip"));
+var Coins_1 = __importDefault(require("./Coins"));
 var ContWatching_1 = __importDefault(require("./ContWatching"));
 var Copy_1 = __importDefault(require("./Copy"));
 var Cs_1 = __importDefault(require("./Cs"));
@@ -48,7 +50,10 @@ var Eye_1 = __importDefault(require("./Eye"));
 var EyeClose_1 = __importDefault(require("./EyeClose"));
 var Filter_1 = __importDefault(require("./Filter"));
 var Folder_1 = __importDefault(require("./Folder"));
+var Ghost_1 = __importDefault(require("./Ghost"));
+var Home_1 = __importDefault(require("./Home"));
 var Information_1 = __importDefault(require("./Information"));
+var Internal_1 = __importDefault(require("./Internal"));
 var Language_1 = __importDefault(require("./Language"));
 var Links_1 = __importDefault(require("./Links"));
 var Live_1 = __importDefault(require("./Live"));
@@ -69,6 +74,7 @@ var PageSizeReduce_1 = __importDefault(require("./PageSizeReduce"));
 var Papp_1 = __importDefault(require("./Papp"));
 var PappType_1 = __importDefault(require("./PappType"));
 var Payment_1 = __importDefault(require("./Payment"));
+var PaymentFreeTrial_1 = __importDefault(require("./PaymentFreeTrial"));
 var PaymentGift_1 = __importDefault(require("./PaymentGift"));
 var PaymentOnetime_1 = __importDefault(require("./PaymentOnetime"));
 var PaymentRegularly_1 = __importDefault(require("./PaymentRegularly"));
@@ -78,11 +84,13 @@ var Plan_1 = __importDefault(require("./Plan"));
 var Plus_1 = __importDefault(require("./Plus"));
 var PlusCircle_1 = __importDefault(require("./PlusCircle"));
 var PostBlog_1 = __importDefault(require("./PostBlog"));
+var PostColumn_1 = __importDefault(require("./PostColumn"));
 var PostCommunityP_1 = __importDefault(require("./PostCommunityP"));
 var PostFree_1 = __importDefault(require("./PostFree"));
 var PostInquiry_1 = __importDefault(require("./PostInquiry"));
 var PostMagazine_1 = __importDefault(require("./PostMagazine"));
 var PostNotice_1 = __importDefault(require("./PostNotice"));
+var PostPaperPlane_1 = __importDefault(require("./PostPaperPlane"));
 var PostPhotobook_1 = __importDefault(require("./PostPhotobook"));
 var PostPromotion_1 = __importDefault(require("./PostPromotion"));
 var PostPromotionP_1 = __importDefault(require("./PostPromotionP"));
@@ -171,6 +179,8 @@ var lineIcons = {
     ic_chat_crm: ChatCrm_1.default,
     ic_check: Check_1.default,
     ic_checkbox_off: CheckboxOff_1.default,
+    ic_clip: Clip_1.default,
+    ic_coins: Coins_1.default,
     ic_cont_watching: ContWatching_1.default,
     ic_copy: Copy_1.default,
     ic_cs: Cs_1.default,
@@ -186,7 +196,10 @@ var lineIcons = {
     ic_eye_close: EyeClose_1.default,
     ic_filter: Filter_1.default,
     ic_folder: Folder_1.default,
+    ic_ghost: Ghost_1.default,
+    ic_home: Home_1.default,
     ic_information: Information_1.default,
+    ic_internal: Internal_1.default,
     ic_language: Language_1.default,
     ic_links: Links_1.default,
     ic_live: Live_1.default,
@@ -207,6 +220,7 @@ var lineIcons = {
     ic_papp: Papp_1.default,
     ic_papp_type: PappType_1.default,
     ic_payment: Payment_1.default,
+    ic_payment_free_trial: PaymentFreeTrial_1.default,
     ic_payment_gift: PaymentGift_1.default,
     ic_payment_onetime: PaymentOnetime_1.default,
     ic_payment_regularly: PaymentRegularly_1.default,
@@ -216,11 +230,13 @@ var lineIcons = {
     ic_plus: Plus_1.default,
     ic_plus_circle: PlusCircle_1.default,
     ic_post_blog: PostBlog_1.default,
+    ic_post_column: PostColumn_1.default,
     ic_post_community_p: PostCommunityP_1.default,
     ic_post_free: PostFree_1.default,
     ic_post_inquiry: PostInquiry_1.default,
     ic_post_magazine: PostMagazine_1.default,
     ic_post_notice: PostNotice_1.default,
+    ic_post_paper_plane: PostPaperPlane_1.default,
     ic_post_photobook: PostPhotobook_1.default,
     ic_post_promotion: PostPromotion_1.default,
     ic_post_promotion_p: PostPromotionP_1.default,

package/dist/src/common/components/BoxLayout/Row.js

@@ -43,6 +43,6 @@ function Row(_a, ref) {
     var children = _a.children, style = _a.style;
     return (react_1.default.createElement(S_Row, { ref: ref, style: __assign({}, style) }, children));
 }
-var S_Row = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+var S_Row = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n"], ["\n  display: flex;\n  width: 100%;\n"])));
 exports.default = (0, react_1.forwardRef)(Row);
 var templateObject_1;

package/dist/src/common/components/Navigations/ContextTextLabelNav.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     text: string;
     openNewTab: boolean;
     preventLineChange?: boolean;
+    onClick?: () => void;
 };
-declare function TextLabelNav({ to, text, openNewTab, isActive, preventLineChange }: Props, ref: ForwardedRefType<HTMLAnchorElement>): JSX.Element;
-export default TextLabelNav;
+declare function ContextTextLabelNav({ to, text, openNewTab, isActive, preventLineChange, onClick }: Props, ref: ForwardedRefType<HTMLAnchorElement>): JSX.Element;
+export default ContextTextLabelNav;

package/dist/src/common/components/Navigations/ContextTextLabelNav.js

@@ -5,11 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var desktop_1 = require("../../../desktop");
+var hybrid_1 = require("../../../hybrid");
+var BoxLayout_1 = require("../BoxLayout");
 var NavLink_1 = __importDefault(require("./NavLink"));
-function TextLabelNav(_a, ref) {
-    var to = _a.to, text = _a.text, openNewTab = _a.openNewTab, _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.preventLineChange, preventLineChange = _c === void 0 ? false : _c;
-    return preventLineChange ? (react_1.default.createElement(NavLink_1.default, { ref: ref, to: to, openNewTab: openNewTab, style: { width: 'max-content' } },
-        react_1.default.createElement(desktop_1.D_TextLabel, { text: text, styleTheme: "form2Regular", ellipsisMode: "use", lineLimit: 1 }))) : (react_1.default.createElement(NavLink_1.default, { ref: ref, to: to, openNewTab: openNewTab },
+function ContextTextLabelNav(_a, ref) {
+    var to = _a.to, text = _a.text, openNewTab = _a.openNewTab, _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.preventLineChange, preventLineChange = _c === void 0 ? false : _c, onClick = _a.onClick;
+    return preventLineChange ? (react_1.default.createElement(NavLink_1.default, { onClick: onClick, ref: ref, to: to, openNewTab: openNewTab, style: { minWidth: '100%', width: 'max-content' } },
+        react_1.default.createElement(BoxLayout_1.Row, null,
+            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }),
+            react_1.default.createElement(desktop_1.D_TextLabel, { text: text, styleTheme: "form2Regular", ellipsisMode: "use", lineLimit: 1 }),
+            react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" })))) : (react_1.default.createElement(NavLink_1.default, { onClick: onClick, ref: ref, to: to, openNewTab: openNewTab },
         react_1.default.createElement(desktop_1.D_TextLabel, { text: text, styleTheme: "form2Regular" })));
 }
-exports.default = TextLabelNav;
+exports.default = ContextTextLabelNav;

package/dist/src/common/components/Navigations/NavLink.js

@@ -34,7 +34,9 @@ function NavLink(_a,
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 ref) {
     var to = _a.to, children = _a.children, _b = _a.openNewTab, openNewTab = _b === void 0 ? false : _b, style = _a.style, onClick = _a.onClick, onMouseOver = _a.onMouseOver, onMouseOut = _a.onMouseOut;
-    return openNewTab ? (react_1.default.createElement(S_NavLink, { href: to, onClick: onClick, target: "_blank", rel: "noopener noreferrer", onMouseOver: onMouseOver, onMouseOut: onMouseOut, style: style }, children)) : (react_1.default.createElement(S_Link, { to: to, onClick: onClick, style: style, onMouseOver: onMouseOver, onMouseOut: onMouseOut }, children));
+    return openNewTab ? (react_1.default.createElement("div", { style: style, onClick: onClick },
+        react_1.default.createElement(S_NavLink, { href: to, target: "_blank", rel: "noopener noreferrer", onMouseOver: onMouseOver, onMouseOut: onMouseOut }, children))) : (react_1.default.createElement("div", { style: style, onClick: onClick },
+        react_1.default.createElement(S_Link, { to: to, onMouseOver: onMouseOver, onMouseOut: onMouseOut }, children)));
 }
 var S_NavLink = styled_components_1.default.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-height: 100%;\n"], ["\n  max-height: 100%;\n"])));
 var S_Link = (0, styled_components_1.default)(react_router_dom_1.Link)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  max-height: 100%;\n"], ["\n  max-height: 100%;\n"])));

package/dist/src/common/components/Navigations/TextLabelNav.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     text: string;
     openNewTab: boolean;
     preventLineChange?: boolean;
+    onClick?: () => void;
 };
-declare function TextLabelNav({ to, text, openNewTab, isActive, preventLineChange }: Props, ref: ForwardedRefType<HTMLAnchorElement>): JSX.Element;
+declare function TextLabelNav({ to, text, openNewTab, isActive, preventLineChange, onClick }: Props, ref: ForwardedRefType<HTMLAnchorElement>): JSX.Element;
 export default TextLabelNav;

package/dist/src/common/components/Navigations/TextLabelNav.js

@@ -7,9 +7,9 @@ var react_1 = __importDefault(require("react"));
 var desktop_1 = require("../../../desktop");
 var NavLink_1 = __importDefault(require("./NavLink"));
 function TextLabelNav(_a, ref) {
-    var to = _a.to, text = _a.text, openNewTab = _a.openNewTab, _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.preventLineChange, preventLineChange = _c === void 0 ? false : _c;
-    return preventLineChange ? (react_1.default.createElement(NavLink_1.default, { ref: ref, to: to, openNewTab: openNewTab, style: { width: 'max-content' } },
-        react_1.default.createElement(desktop_1.D_TextLabel, { text: text, styleTheme: isActive ? 'body1Bold' : 'body1Regular', ellipsisMode: "use", lineLimit: 1 }))) : (react_1.default.createElement(NavLink_1.default, { ref: ref, to: to, openNewTab: openNewTab },
+    var to = _a.to, text = _a.text, openNewTab = _a.openNewTab, _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.preventLineChange, preventLineChange = _c === void 0 ? false : _c, onClick = _a.onClick;
+    return preventLineChange ? (react_1.default.createElement(NavLink_1.default, { ref: ref, to: to, openNewTab: openNewTab, style: { width: 'max-content' }, onClick: onClick },
+        react_1.default.createElement(desktop_1.D_TextLabel, { text: text, styleTheme: isActive ? 'body1Bold' : 'body1Regular', ellipsisMode: "use", lineLimit: 1 }))) : (react_1.default.createElement(NavLink_1.default, { ref: ref, to: to, openNewTab: openNewTab, onClick: onClick },
         react_1.default.createElement(desktop_1.D_TextLabel, { text: text, styleTheme: isActive ? 'body1Bold' : 'body1Regular' })));
 }
 exports.default = TextLabelNav;

package/dist/src/common/hooks/index.d.ts

@@ -1 +1,2 @@
 export { default as useDetectOverflow } from './useDetectOverflow';
+export { default as usePrevious } from './usePrevious';

package/dist/src/common/hooks/index.js

@@ -3,6 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDetectOverflow = void 0;
+exports.usePrevious = exports.useDetectOverflow = void 0;
 var useDetectOverflow_1 = require("./useDetectOverflow");
 Object.defineProperty(exports, "useDetectOverflow", { enumerable: true, get: function () { return __importDefault(useDetectOverflow_1).default; } });
+var usePrevious_1 = require("./usePrevious");
+Object.defineProperty(exports, "usePrevious", { enumerable: true, get: function () { return __importDefault(usePrevious_1).default; } });

package/dist/src/common/hooks/useDetectOverflow.js

@@ -30,7 +30,7 @@ function useDetectOverflow(ref, detectOnResize) {
         else {
             setIsScrollBoxStart(false);
         }
-        if (ref.node.scrollLeft + ref.node.clientWidth === ref.node.scrollWidth) {
+        if (Math.abs(ref.node.scrollLeft + ref.node.clientWidth - ref.node.scrollWidth) <= 5) {
             setIsScrollBoxEnd(true);
         }
         else {

package/dist/src/common/hooks/usePrevious.d.ts

@@ -0,0 +1,2 @@
+declare function usePrevious<T>(value: T): T;
+export default usePrevious;

package/dist/src/common/hooks/usePrevious.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+function usePrevious(value) {
+    var ref = (0, react_1.useRef)();
+    (0, react_1.useEffect)(function () {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+}
+exports.default = usePrevious;

package/dist/src/common/styles/colorSet/PaletteColor_Dark.json

@@ -168,5 +168,13 @@
     "sys_border_line_darktheme_05": "darkgrey30",
     "sys_component_base_darktheme_06": "darkgrey70",
     "sys_border_line_darktheme_06": "darkgrey70",
-    "sys_border_line_darktheme_07": "darkgrey50"
+    "sys_border_line_darktheme_07": "darkgrey50",
+    "sys_border_line_11": "darkgreen500",
+    "sys_base_dimmed_01": "black/opacity30",
+    "sys_kakao": "kakaoyellow",
+    "sys_border_line_12": "grey100",
+    "sys_component_base_08": "white",
+    "sys_text_social_login_01": "grey900",
+    "sys_text_social_login_02": "grey900",
+    "sys_papp_livechat_link": "darkskyblue500"
 }

package/dist/src/common/styles/colorSet/PaletteColor_light.json

@@ -168,5 +168,13 @@
     "sys_border_line_darktheme_05": "darkgrey30",
     "sys_component_base_darktheme_06": "darkgrey70",
     "sys_border_line_darktheme_06": "darkgrey70",
-    "sys_border_line_darktheme_07": "darkgrey50"
+    "sys_border_line_darktheme_07": "darkgrey50",
+    "sys_border_line_11": "green500",
+    "sys_base_dimmed_01": "white/opacity30",
+    "sys_kakao": "kakaoyellow",
+    "sys_border_line_12": "grey100",
+    "sys_component_base_08": "black",
+    "sys_text_social_login_01": "white",
+    "sys_text_social_login_02": "grey900",
+    "sys_papp_livechat_link": "skyblue500"
 }

package/dist/src/common/styles/colorSet/SemanticColor.json

@@ -55,5 +55,6 @@
     "grey30": "#f5f5f8",
     "opacity95": "F2",
     "darkgrey30": "#1d1d1e",
-    "opacity40": "66"
+    "opacity40": "66",
+    "kakaoyellow": "#fee500"
 }

package/dist/src/common/styles/colorSet/UIColor.json

@@ -513,5 +513,34 @@
     "ui_hero_description_text": "sys_text_white",
     "ui_cpnt_divider_area": "sys_border_area_01",
     "ui_cpnt_button_white_base_hover": "sys_component_base_darktheme_01",
-    "ui_cpnt_button_white_base_pressed": "sys_component_base_darktheme_03"
+    "ui_cpnt_button_white_base_pressed": "sys_component_base_darktheme_03",
+    "ui_cpnt_list_base_area_hover": "sys_container_background_02",
+    "ui_cpnt_sheet_border_01": "sys_border_line_01",
+    "ui_cpnt_sheet_border_02": "sys_border_line_03",
+    "ui_cpnt_sheet_border_03": "sys_border_line_11",
+    "ui_43": "sys_border_line_12",
+    "ui_44": "sys_component_base_white",
+    "ui_45": "sys_component_base_08",
+    "ui_46": "sys_base_dimmed_01",
+    "ui_47": "sys_kakao",
+    "ui_cpnt_sheet_base_03": "sys_component_base_white_opacity00",
+    "ui_48": "sys_text_social_login_01",
+    "ui_49": "sys_text_social_login_02",
+    "ui_50": "sys_text_white",
+    "ui_51": "sys_background_dimmed_65",
+    "ui_cpnt_list_text_caption_03": "sys_text_grey_darktheme_03",
+    "ui_cpnt_list_chatbubble_base_area": "sys_component_base_01",
+    "ui_cpnt_list_chatbubble_base_area_my": "sys_component_base_01",
+    "ui_cpnt_list_chatbubble_text_my": "sys_text_grey_01",
+    "ui_papp_livechat_link": "sys_papp_livechat_link",
+    "ui_cpnt_list_chatbubble_base_area_seller_color": "usr_brand_primary",
+    "ui_cpnt_list_chatbubble_text_seller_color": "usr_on_brand_primary",
+    "ui_cpnt_list_chatbubble_base_area_subscriber": "sys_component_base_01",
+    "ui_cpnt_list_chatbubble_text_subscriber": "sys_text_grey_01",
+    "ui_cpnt_list_chatbubble_base_area_my_color": "usr_brand_primary",
+    "ui_cpnt_list_chatbubble_text_my_color": "usr_on_brand_primary",
+    "ui_cpnt_list_chatbubble_base_area_seller": "usr_brand_primary",
+    "ui_cpnt_list_chatbubble_text_seller": "usr_on_brand_primary",
+    "ui_52": "sys_widget_success_01",
+    "ui_cpnt_imageview_dimmed": "sys_on_base_black_opacity65"
 }