sales-frontend-components 0.0.188 → 0.0.190
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.
- package/dist/consent-contents/consent-content.module.scss +3 -3
- package/dist/index.cjs.js +121 -89
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +121 -89
- package/dist/index.esm.js.map +1 -1
- package/package.json +7 -7
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
display: flex;
|
|
112
112
|
flex-direction: column;
|
|
113
113
|
gap: margin(title-xlarge);
|
|
114
|
-
padding: padding(zero) spacing-layout(
|
|
114
|
+
padding: padding(zero) spacing-layout(padding-sub);
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
/* ============================
|
|
@@ -636,7 +636,7 @@
|
|
|
636
636
|
|
|
637
637
|
// 모바일: 좌우 패딩만 적용하는 래퍼(카드 배경/보더 없음)
|
|
638
638
|
.mobile-side-padding {
|
|
639
|
-
padding: padding(zero) spacing-layout(
|
|
639
|
+
padding: padding(zero) spacing-layout(padding-sub);
|
|
640
640
|
|
|
641
641
|
@include media(tablet) {
|
|
642
642
|
padding: 0;
|
|
@@ -677,7 +677,7 @@
|
|
|
677
677
|
|
|
678
678
|
// 모바일: 디스크립션 카드를 좌우 패딩만 적용
|
|
679
679
|
.consent-content.mobile-side-only {
|
|
680
|
-
padding: padding(zero) spacing-layout(
|
|
680
|
+
padding: padding(zero) spacing-layout(padding-sub);
|
|
681
681
|
|
|
682
682
|
@include media(tablet) {
|
|
683
683
|
padding: margin(card-around-large);
|
package/dist/index.cjs.js
CHANGED
|
@@ -3014,53 +3014,64 @@ function useJobSearchModal() {
|
|
|
3014
3014
|
openModal();
|
|
3015
3015
|
};
|
|
3016
3016
|
const closeModalWithCheck = () => {
|
|
3017
|
-
setIsConfirmed(true);
|
|
3018
3017
|
if (!selectedJob) {
|
|
3019
3018
|
salesFrontendDesignSystem.ModalUtils.alert("\uC9C1\uC885\uC744 \uC120\uD0DD\uD558\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4. \uC9C1\uC885 \uC120\uD0DD \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.", "\uC9C1\uC885\uC744 \uC120\uD0DD\uD574\uC8FC\uC138\uC694.", {
|
|
3020
3019
|
modalId: "job-search-alert-no-selected"
|
|
3021
3020
|
});
|
|
3022
3021
|
return;
|
|
3023
3022
|
}
|
|
3023
|
+
setIsConfirmed(true);
|
|
3024
3024
|
closeModal();
|
|
3025
3025
|
};
|
|
3026
3026
|
return {
|
|
3027
|
-
JobSearchModal: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3028
|
-
|
|
3029
|
-
|
|
3030
|
-
|
|
3031
|
-
|
|
3032
|
-
|
|
3033
|
-
|
|
3034
|
-
|
|
3035
|
-
|
|
3036
|
-
|
|
3037
|
-
|
|
3038
|
-
|
|
3039
|
-
|
|
3040
|
-
|
|
3041
|
-
|
|
3042
|
-
|
|
3043
|
-
|
|
3044
|
-
|
|
3045
|
-
|
|
3046
|
-
|
|
3047
|
-
|
|
3048
|
-
|
|
3049
|
-
|
|
3050
|
-
|
|
3051
|
-
|
|
3052
|
-
|
|
3053
|
-
|
|
3054
|
-
|
|
3055
|
-
|
|
3056
|
-
|
|
3057
|
-
|
|
3058
|
-
|
|
3059
|
-
|
|
3060
|
-
|
|
3061
|
-
|
|
3062
|
-
|
|
3063
|
-
|
|
3027
|
+
JobSearchModal: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3028
|
+
salesFrontendDesignSystem.Modal.Root,
|
|
3029
|
+
{
|
|
3030
|
+
isOpen,
|
|
3031
|
+
onClose: () => {
|
|
3032
|
+
closeModal();
|
|
3033
|
+
setIsConfirmed(false);
|
|
3034
|
+
},
|
|
3035
|
+
modalSize: "xlarge",
|
|
3036
|
+
children: [
|
|
3037
|
+
/* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Overlay, {}),
|
|
3038
|
+
/* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { style: { height: "697px" }, children: [
|
|
3039
|
+
/* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Header, { headerTitle: "\uC9C1\uC885 \uAC80\uC0C9", showCloseButton: true }),
|
|
3040
|
+
/* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { raw: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3041
|
+
JobSearch,
|
|
3042
|
+
{
|
|
3043
|
+
firstCategory,
|
|
3044
|
+
firstCategoryList,
|
|
3045
|
+
secondCategoryList,
|
|
3046
|
+
setFirstCategory,
|
|
3047
|
+
secondCategory,
|
|
3048
|
+
activeTab,
|
|
3049
|
+
onTabChange,
|
|
3050
|
+
searchTerm,
|
|
3051
|
+
setSearchInput,
|
|
3052
|
+
filteredJobs: filteredJobs || [],
|
|
3053
|
+
onJobSelect: handleJobSelect,
|
|
3054
|
+
searchInput,
|
|
3055
|
+
setSearchTerm,
|
|
3056
|
+
setSecondCategory,
|
|
3057
|
+
isLoading
|
|
3058
|
+
}
|
|
3059
|
+
) }),
|
|
3060
|
+
/* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Footer, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3061
|
+
salesFrontendDesignSystem.Button,
|
|
3062
|
+
{
|
|
3063
|
+
variant: "primary",
|
|
3064
|
+
size: "medium",
|
|
3065
|
+
appearance: "filled",
|
|
3066
|
+
width: "full",
|
|
3067
|
+
onClick: closeModalWithCheck,
|
|
3068
|
+
children: "\uD655\uC778"
|
|
3069
|
+
}
|
|
3070
|
+
) })
|
|
3071
|
+
] })
|
|
3072
|
+
]
|
|
3073
|
+
}
|
|
3074
|
+
),
|
|
3064
3075
|
JobSearchComponent: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3065
3076
|
JobSearch,
|
|
3066
3077
|
{
|
|
@@ -3273,57 +3284,78 @@ function useJobVehicleSearchModal() {
|
|
|
3273
3284
|
setIsConfirmed,
|
|
3274
3285
|
openJobVehicleModal: openInitModal,
|
|
3275
3286
|
closeJobVehicleModal: closeModal,
|
|
3276
|
-
JobVehicleSearchModalComponent: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3277
|
-
|
|
3278
|
-
|
|
3279
|
-
|
|
3280
|
-
|
|
3281
|
-
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
|
|
3289
|
-
|
|
3290
|
-
|
|
3291
|
-
|
|
3292
|
-
|
|
3293
|
-
|
|
3294
|
-
|
|
3295
|
-
|
|
3296
|
-
|
|
3297
|
-
|
|
3298
|
-
|
|
3299
|
-
|
|
3300
|
-
|
|
3301
|
-
|
|
3302
|
-
|
|
3303
|
-
|
|
3304
|
-
|
|
3305
|
-
|
|
3306
|
-
|
|
3307
|
-
|
|
3308
|
-
|
|
3309
|
-
|
|
3310
|
-
|
|
3311
|
-
|
|
3312
|
-
|
|
3313
|
-
|
|
3314
|
-
|
|
3315
|
-
|
|
3316
|
-
|
|
3317
|
-
|
|
3318
|
-
|
|
3319
|
-
|
|
3320
|
-
|
|
3321
|
-
|
|
3322
|
-
|
|
3323
|
-
|
|
3324
|
-
|
|
3325
|
-
|
|
3326
|
-
|
|
3287
|
+
JobVehicleSearchModalComponent: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3288
|
+
salesFrontendDesignSystem.Modal.Root,
|
|
3289
|
+
{
|
|
3290
|
+
isOpen,
|
|
3291
|
+
onClose: () => {
|
|
3292
|
+
closeModal();
|
|
3293
|
+
setIsConfirmed(false);
|
|
3294
|
+
},
|
|
3295
|
+
modalSize: "xlarge",
|
|
3296
|
+
children: [
|
|
3297
|
+
/* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Overlay, {}),
|
|
3298
|
+
/* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { style: { height: "697px" }, children: [
|
|
3299
|
+
/* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Header, { headerTitle: "\uC9C1\uC885\xB7\uC6B4\uC804\uCC28\uC885 \uAC80\uC0C9", showCloseButton: true }),
|
|
3300
|
+
/* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { className: cx$5("job-vehicle-search-modal"), raw: true, children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
3301
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$5("left-panel"), children: [
|
|
3302
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$5("card-section"), children: [
|
|
3303
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3304
|
+
"div",
|
|
3305
|
+
{
|
|
3306
|
+
className: cx$5("card-menu", { "card-selected": rightPanelView === "jobSearch" }),
|
|
3307
|
+
onClick: () => setRightPanelView("jobSearch"),
|
|
3308
|
+
children: [
|
|
3309
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$5("card-title"), children: [
|
|
3310
|
+
/* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconIllustJob, { className: cx$5("card-icon") }),
|
|
3311
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$5("card-text", "typo-title5", "text-body"), children: "\uC9C1\uC885" }),
|
|
3312
|
+
/* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconSubUiArrowRight, {})
|
|
3313
|
+
] }),
|
|
3314
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "typo-body2 text-body_2", children: selectedJob ? selectedJob.occupationIndustryName : "\uBBF8\uC120\uD0DD" })
|
|
3315
|
+
]
|
|
3316
|
+
}
|
|
3317
|
+
),
|
|
3318
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3319
|
+
"div",
|
|
3320
|
+
{
|
|
3321
|
+
className: cx$5("card-menu", { "card-selected": rightPanelView === "vehicleSelection" }),
|
|
3322
|
+
onClick: () => setRightPanelView("vehicleSelection"),
|
|
3323
|
+
children: [
|
|
3324
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$5("card-title"), children: [
|
|
3325
|
+
/* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconIllustVehicle, { className: cx$5("card-icon") }),
|
|
3326
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$5("card-text", "typo-title5", "text-body"), children: "\uC6B4\uC804 \uC5EC\uBD80\xB7\uCC28\uC885" }),
|
|
3327
|
+
/* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconSubUiArrowRight, {})
|
|
3328
|
+
] }),
|
|
3329
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "typo-body2 text-body_2", children: [
|
|
3330
|
+
selectedVehicle?.integrationCodeValueName,
|
|
3331
|
+
selectedVehicle?.integrationCodeValue || "\uBBF8\uC120\uD0DD"
|
|
3332
|
+
] })
|
|
3333
|
+
]
|
|
3334
|
+
}
|
|
3335
|
+
)
|
|
3336
|
+
] }),
|
|
3337
|
+
/* @__PURE__ */ jsxRuntime.jsx(JobVehicleSearchGrade, { riskGrade, hospitalizationGrade })
|
|
3338
|
+
] }),
|
|
3339
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$5("right-panel"), children: rightPanelView === "jobSearch" ? JobSearch : VehicleSearch })
|
|
3340
|
+
] }) }),
|
|
3341
|
+
/* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Footer, { style: { marginTop: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3342
|
+
salesFrontendDesignSystem.Button,
|
|
3343
|
+
{
|
|
3344
|
+
variant: "primary",
|
|
3345
|
+
size: "medium",
|
|
3346
|
+
appearance: "filled",
|
|
3347
|
+
width: "full",
|
|
3348
|
+
onClick: () => {
|
|
3349
|
+
validate();
|
|
3350
|
+
setIsConfirmed(true);
|
|
3351
|
+
},
|
|
3352
|
+
children: "\uD655\uC778"
|
|
3353
|
+
}
|
|
3354
|
+
) })
|
|
3355
|
+
] })
|
|
3356
|
+
]
|
|
3357
|
+
}
|
|
3358
|
+
)
|
|
3327
3359
|
};
|
|
3328
3360
|
}
|
|
3329
3361
|
|