sales-frontend-components 2.0.2 → 2.0.3

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 (4) hide show
  1. package/dist/index.cjs.js +7 -7
  2. package/dist/index.esm.js +7 -7
  3. package/dist/modal/pre-standard/dea-customer-search-modal/dea-customer-search-modal.module.scss +4 -0
  4. package/package.json +14 -14
package/dist/index.cjs.js CHANGED
@@ -727,7 +727,7 @@ const AddressSearchDetailInput = ({
727
727
  }) => {
728
728
  const { land, road } = selectedStandardizationAddress || {};
729
729
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
730
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Radio.Root, { name: "address-search-standardization", size: "medium", className: "mb-xxlarge", children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Radio.Item, { wrapperProps: { className: cx$x("search-result-radio") }, value: "", checked: true, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx$x("search-result"), children: [
730
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Radio.Root, { name: "address-search-standardization", size: "medium", align: "vertical", className: "mb-xxlarge", children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Radio.Item, { wrapperProps: { className: cx$x("search-result-radio") }, value: "", checked: true, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cx$x("search-result"), children: [
731
731
  /* @__PURE__ */ jsxRuntime.jsx(
732
732
  "span",
733
733
  {
@@ -2452,7 +2452,7 @@ function DeaCustomerSearchResult({
2452
2452
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$q("th-padding"), children: "\uC8FC\uC18C" })
2453
2453
  ] }) }),
2454
2454
  /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: customerList.length > 0 ? customerList.map((customer, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2455
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx(
2455
+ /* @__PURE__ */ jsxRuntime.jsx("td", { className: cx$q("radio-cell"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "d-flex-center-center", children: /* @__PURE__ */ jsxRuntime.jsx(
2456
2456
  salesFrontendDesignSystem.Radio.Item,
2457
2457
  {
2458
2458
  id: `radio-${index}`,
@@ -2464,7 +2464,7 @@ function DeaCustomerSearchResult({
2464
2464
  onCustomerSelect(customer);
2465
2465
  }
2466
2466
  }
2467
- ) }),
2467
+ ) }) }),
2468
2468
  /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.customerId }),
2469
2469
  /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.customerName }),
2470
2470
  /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.residentNumber }),
@@ -3006,8 +3006,7 @@ function JobSearchCategory({ filteredJobs, onJobSelect, searchTerm }) {
3006
3006
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: filteredJobs.length }),
3007
3007
  "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
3008
3008
  ] }),
3009
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Radio.Root, { name: "job-selection", size: "small", className: cx$m("job-radio-root"), onToggle: () => {
3010
- }, children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxRuntime.jsxs(
3009
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Radio.Root, { name: "job-selection", size: "small", align: "vertical", className: cx$m("job-radio-root"), children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxRuntime.jsxs(
3011
3010
  salesFrontendDesignSystem.Accordion.Item,
3012
3011
  {
3013
3012
  id: `item-${job.occupationIndustryCode}-${index}-accordion`,
@@ -3041,7 +3040,7 @@ const cx$l = classNames.bind(styles$8);
3041
3040
  function JobSearchFavorite({ filteredJobs, onJobSelect }) {
3042
3041
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$l("popular-jobs"), children: [
3043
3042
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uB9CE\uC774 \uCC3E\uB294 \uC9C1\uC885" }),
3044
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Radio.Root, { name: "job-selection", size: "small", className: cx$l("job-radio-root"), children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxRuntime.jsxs(
3043
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Radio.Root, { name: "job-selection", size: "small", align: "vertical", className: cx$l("job-radio-root"), children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxRuntime.jsxs(
3045
3044
  salesFrontendDesignSystem.Accordion.Item,
3046
3045
  {
3047
3046
  id: `item-${job.occupationIndustryCode}-${index}`,
@@ -3085,7 +3084,7 @@ function JobSearchResult({ filteredJobs, onJobSelect, searchTerm }) {
3085
3084
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: filteredJobs.length }),
3086
3085
  "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
3087
3086
  ] }),
3088
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Radio.Root, { name: "job-selection", size: "small", className: cx$k("job-radio-root"), children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxRuntime.jsxs(
3087
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Accordion.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Radio.Root, { name: "job-selection", size: "small", align: "vertical", className: cx$k("job-radio-root"), children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxRuntime.jsxs(
3089
3088
  salesFrontendDesignSystem.Accordion.Item,
3090
3089
  {
3091
3090
  id: `item-${job.occupationIndustryCode}`,
@@ -3505,6 +3504,7 @@ function VehicleSearch({ vehicles, onVehicleSelect, selectedVehicle }) {
3505
3504
  {
3506
3505
  name: "vehicle-selection",
3507
3506
  size: "small",
3507
+ align: "vertical",
3508
3508
  className: cx$h("vehicle-radio-root"),
3509
3509
  defaultValue: selectedVehicle?.integrationCodeValue || "",
3510
3510
  children: vehicles.map((vehicle, index) => /* @__PURE__ */ jsxRuntime.jsxs(
package/dist/index.esm.js CHANGED
@@ -725,7 +725,7 @@ const AddressSearchDetailInput = ({
725
725
  }) => {
726
726
  const { land, road } = selectedStandardizationAddress || {};
727
727
  return /* @__PURE__ */ jsxs("div", { children: [
728
- /* @__PURE__ */ jsx(Radio.Root, { name: "address-search-standardization", size: "medium", className: "mb-xxlarge", children: /* @__PURE__ */ jsx(Radio.Item, { wrapperProps: { className: cx$x("search-result-radio") }, value: "", checked: true, children: /* @__PURE__ */ jsxs("span", { className: cx$x("search-result"), children: [
728
+ /* @__PURE__ */ jsx(Radio.Root, { name: "address-search-standardization", size: "medium", align: "vertical", className: "mb-xxlarge", children: /* @__PURE__ */ jsx(Radio.Item, { wrapperProps: { className: cx$x("search-result-radio") }, value: "", checked: true, children: /* @__PURE__ */ jsxs("span", { className: cx$x("search-result"), children: [
729
729
  /* @__PURE__ */ jsx(
730
730
  "span",
731
731
  {
@@ -2450,7 +2450,7 @@ function DeaCustomerSearchResult({
2450
2450
  /* @__PURE__ */ jsx("th", { className: cx$q("th-padding"), children: "\uC8FC\uC18C" })
2451
2451
  ] }) }),
2452
2452
  /* @__PURE__ */ jsx("tbody", { children: customerList.length > 0 ? customerList.map((customer, index) => /* @__PURE__ */ jsxs("tr", { children: [
2453
- /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
2453
+ /* @__PURE__ */ jsx("td", { className: cx$q("radio-cell"), children: /* @__PURE__ */ jsx("div", { className: "d-flex-center-center", children: /* @__PURE__ */ jsx(
2454
2454
  Radio.Item,
2455
2455
  {
2456
2456
  id: `radio-${index}`,
@@ -2462,7 +2462,7 @@ function DeaCustomerSearchResult({
2462
2462
  onCustomerSelect(customer);
2463
2463
  }
2464
2464
  }
2465
- ) }),
2465
+ ) }) }),
2466
2466
  /* @__PURE__ */ jsx("td", { children: customer.customerId }),
2467
2467
  /* @__PURE__ */ jsx("td", { children: customer.customerName }),
2468
2468
  /* @__PURE__ */ jsx("td", { children: customer.residentNumber }),
@@ -3004,8 +3004,7 @@ function JobSearchCategory({ filteredJobs, onJobSelect, searchTerm }) {
3004
3004
  /* @__PURE__ */ jsx("span", { className: "text-primary", children: filteredJobs.length }),
3005
3005
  "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
3006
3006
  ] }),
3007
- /* @__PURE__ */ jsx(Accordion.Root, { children: /* @__PURE__ */ jsx(Radio.Root, { name: "job-selection", size: "small", className: cx$m("job-radio-root"), onToggle: () => {
3008
- }, children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxs(
3007
+ /* @__PURE__ */ jsx(Accordion.Root, { children: /* @__PURE__ */ jsx(Radio.Root, { name: "job-selection", size: "small", align: "vertical", className: cx$m("job-radio-root"), children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxs(
3009
3008
  Accordion.Item,
3010
3009
  {
3011
3010
  id: `item-${job.occupationIndustryCode}-${index}-accordion`,
@@ -3039,7 +3038,7 @@ const cx$l = classNames.bind(styles$8);
3039
3038
  function JobSearchFavorite({ filteredJobs, onJobSelect }) {
3040
3039
  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: cx$l("popular-jobs"), children: [
3041
3040
  /* @__PURE__ */ jsx("p", { children: "\uB9CE\uC774 \uCC3E\uB294 \uC9C1\uC885" }),
3042
- /* @__PURE__ */ jsx(Accordion.Root, { children: /* @__PURE__ */ jsx(Radio.Root, { name: "job-selection", size: "small", className: cx$l("job-radio-root"), children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxs(
3041
+ /* @__PURE__ */ jsx(Accordion.Root, { children: /* @__PURE__ */ jsx(Radio.Root, { name: "job-selection", size: "small", align: "vertical", className: cx$l("job-radio-root"), children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxs(
3043
3042
  Accordion.Item,
3044
3043
  {
3045
3044
  id: `item-${job.occupationIndustryCode}-${index}`,
@@ -3083,7 +3082,7 @@ function JobSearchResult({ filteredJobs, onJobSelect, searchTerm }) {
3083
3082
  /* @__PURE__ */ jsx("span", { className: "text-primary", children: filteredJobs.length }),
3084
3083
  "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
3085
3084
  ] }),
3086
- /* @__PURE__ */ jsx(Accordion.Root, { children: /* @__PURE__ */ jsx(Radio.Root, { name: "job-selection", size: "small", className: cx$k("job-radio-root"), children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxs(
3085
+ /* @__PURE__ */ jsx(Accordion.Root, { children: /* @__PURE__ */ jsx(Radio.Root, { name: "job-selection", size: "small", align: "vertical", className: cx$k("job-radio-root"), children: filteredJobs.map((job, index) => /* @__PURE__ */ jsxs(
3087
3086
  Accordion.Item,
3088
3087
  {
3089
3088
  id: `item-${job.occupationIndustryCode}`,
@@ -3503,6 +3502,7 @@ function VehicleSearch({ vehicles, onVehicleSelect, selectedVehicle }) {
3503
3502
  {
3504
3503
  name: "vehicle-selection",
3505
3504
  size: "small",
3505
+ align: "vertical",
3506
3506
  className: cx$h("vehicle-radio-root"),
3507
3507
  defaultValue: selectedVehicle?.integrationCodeValue || "",
3508
3508
  children: vehicles.map((vehicle, index) => /* @__PURE__ */ jsxs(
package/dist/modal/pre-standard/dea-customer-search-modal/dea-customer-search-modal.module.scss CHANGED
@@ -89,6 +89,10 @@
89
89
  padding: padding(xsmall);
90
90
  text-align: center;
91
91
 
92
+ &.radio-cell {
93
+ padding: padding(xsmall) 0;
94
+ }
95
+
92
96
  .td-padding {
93
97
  display: block;
94
98
  padding: padding(xxxsmall) 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sales-frontend-components",
3
- "version": "2.0.2",
3
+ "version": "2.0.3",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs.js",
@@ -45,12 +45,12 @@
45
45
  "sales-frontend-stores": "0.0.15",
46
46
  "sales-frontend-typescript-config": "0.0.2",
47
47
  "sales-frontend-assets": "0.0.27",
48
- "sales-frontend-api": "0.0.177",
49
- "sales-frontend-design-system": "0.2.1",
50
- "sales-frontend-bridge": "0.0.117",
51
- "sales-frontend-hooks": "0.0.178",
52
- "sales-frontend-solution": "0.0.57",
53
- "sales-frontend-debug": "0.0.75",
48
+ "sales-frontend-api": "0.0.178",
49
+ "sales-frontend-design-system": "0.2.2",
50
+ "sales-frontend-bridge": "0.0.118",
51
+ "sales-frontend-hooks": "0.0.179",
52
+ "sales-frontend-solution": "0.0.58",
53
+ "sales-frontend-debug": "0.0.76",
54
54
  "sales-frontend-vitest-config": "0.0.3"
55
55
  },
56
56
  "peerDependencies": {
@@ -58,19 +58,19 @@
58
58
  "react": ">=19.0.0",
59
59
  "react-dom": ">=19.0.0",
60
60
  "react-hook-form": "^7.58.1",
61
- "sales-frontend-api": "0.0.177",
61
+ "sales-frontend-api": "0.0.178",
62
62
  "sales-frontend-assets": "0.0.27",
63
63
  "sales-frontend-stores": "0.0.15",
64
- "sales-frontend-design-system": "0.2.1",
65
- "sales-frontend-bridge": "0.0.117",
66
- "sales-frontend-hooks": "0.0.178",
67
- "sales-frontend-solution": "0.0.57"
64
+ "sales-frontend-design-system": "0.2.2",
65
+ "sales-frontend-bridge": "0.0.118",
66
+ "sales-frontend-hooks": "0.0.179",
67
+ "sales-frontend-solution": "0.0.58"
68
68
  },
69
69
  "dependencies": {
70
70
  "classnames": "^2.5.1",
71
71
  "dayjs": "^1.11.13",
72
- "sales-frontend-utils": "0.0.69",
73
- "sales-frontend-debug": "0.0.75"
72
+ "sales-frontend-utils": "0.0.70",
73
+ "sales-frontend-debug": "0.0.76"
74
74
  },
75
75
  "scripts": {
76
76
  "lint": "eslint . --max-warnings 0",