sales-frontend-components 0.0.225 → 0.0.226

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 (9) hide show
  1. package/dist/index.cjs.js +164 -149
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +164 -149
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/modal/pre-standard/dea-customer-search-modal/dea-customer-search-modal.module.scss +45 -14
  6. package/dist/modal/pre-standard/employee-search-modal/employee-search-modal.module.scss +34 -13
  7. package/dist/modal/pre-standard/organization-search-modal/organization-search-modal.module.scss +16 -10
  8. package/dist/modal/standard/bank-stock-search/bank-stock-search-modal.module.scss +7 -10
  9. package/package.json +10 -10
package/dist/index.cjs.js CHANGED
@@ -2443,11 +2443,11 @@ function DeaCustomerSearchResult({
2443
2443
  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$f("result-title"), children: [
2444
2444
  "\uCD1D ",
2445
2445
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: customerList.length }),
2446
- "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
2446
+ "\uAC74"
2447
2447
  ] }),
2448
- /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "horizontal", children: [
2448
+ /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "vertical", style: { tableLayout: "fixed" }, height: "281px", children: [
2449
2449
  /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2450
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$f("th-padding"), children: "\uC120\uD0DD" }),
2450
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$f("th-padding", "select-col"), children: "\uC120\uD0DD" }),
2451
2451
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$f("th-padding"), children: "\uACE0\uAC1DID" }),
2452
2452
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$f("th-padding"), children: "\uACE0\uAC1D\uBA85" }),
2453
2453
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$f("th-padding"), children: "\uC8FC\uBBFC\uB4F1\uB85D\uBC88\uD638" }),
@@ -2457,13 +2457,16 @@ function DeaCustomerSearchResult({
2457
2457
  ] }) }),
2458
2458
  /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: customerList.length > 0 ? customerList.map((customer, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2459
2459
  /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx(
2460
- "input",
2460
+ salesFrontendDesignSystem.Radio.Item,
2461
2461
  {
2462
- type: "radio",
2463
- name: "customer",
2462
+ id: `radio-${index}`,
2464
2463
  value: customer.customerId || "",
2464
+ name: "customer",
2465
+ size: "small",
2465
2466
  checked: selectedCustomer?.customerId === customer.customerId,
2466
- onChange: () => onCustomerSelect(customer)
2467
+ onChange: () => {
2468
+ onCustomerSelect(customer);
2469
+ }
2467
2470
  }
2468
2471
  ) }),
2469
2472
  /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.customerId }),
@@ -2472,7 +2475,7 @@ function DeaCustomerSearchResult({
2472
2475
  /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.occupationKindName }),
2473
2476
  /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.mobilePhoneNumber }),
2474
2477
  /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.address })
2475
- ] }, `cust-item-${customer.customerId}-${index}}`)) : /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 7, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$f("no-result"), children: [
2478
+ ] }, `cust-item-${customer.customerId}-${index}`)) : /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 7, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$f("no-result"), children: [
2476
2479
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsFeedbackEmpty, {}),
2477
2480
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC870\uD68C \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }),
2478
2481
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC785\uB825\uD55C \uC815\uBCF4\uB97C \uB2E4\uC2DC \uD655\uC778\uD574\uC8FC\uC138\uC694." })
@@ -2527,55 +2530,61 @@ function DeaCustomerSearch({
2527
2530
  }, [initSearchParams]);
2528
2531
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
2529
2532
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$e("search-section"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$e("search-filters"), children: [
2530
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$e("search-filter-section"), children: [
2531
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uACE0\uAC1D \uAD6C\uBD84" }),
2532
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Select, { value: "personal", placeholder: "\uAC1C\uC778", disabled: true, style: { width: "100px" }, children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Select.Option, { value: "personal", children: "\uAC1C\uC778" }) }),
2533
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uC8FC\uBBFC\uB4F1\uB85D\uBC88\uD638" }),
2534
- /* @__PURE__ */ jsxRuntime.jsx(
2535
- TextField$3,
2536
- {
2537
- name: "residentNumberFront",
2538
- value: residentNumberFront,
2539
- maxLength: 6,
2540
- placeholder: "\uC55E 6\uC790\uB9AC \uC785\uB825",
2541
- onChange: (e) => setResidentNumberFront(e.target.value),
2542
- size: "medium",
2543
- onKeyUp,
2544
- onKeyDown,
2545
- rootProps: {
2546
- className: cx$e("search-input"),
2547
- onClear: () => {
2548
- setResidentNumberFront("");
2533
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$e("search-filters-wrap"), children: [
2534
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$e("search-filter-section", "flex-1"), children: [
2535
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uACE0\uAC1D \uAD6C\uBD84" }),
2536
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Select, { value: "personal", placeholder: "\uAC1C\uC778", disabled: true, size: "small", className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Select.Option, { value: "personal", children: "\uAC1C\uC778" }) })
2537
+ ] }),
2538
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$e("search-filter-section", "flex-2"), children: [
2539
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uC8FC\uBBFC\uB4F1\uB85D\uBC88\uD638" }),
2540
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$e("resident-number-inputs"), children: [
2541
+ /* @__PURE__ */ jsxRuntime.jsx(
2542
+ TextField$3,
2543
+ {
2544
+ name: "residentNumberFront",
2545
+ value: residentNumberFront,
2546
+ maxLength: 6,
2547
+ placeholder: "\uC55E 6\uC790\uB9AC \uC785\uB825",
2548
+ onChange: (e) => setResidentNumberFront(e.target.value),
2549
+ size: "small",
2550
+ onKeyUp,
2551
+ onKeyDown,
2552
+ rootProps: {
2553
+ className: cx$e("search-input"),
2554
+ onClear: () => {
2555
+ setResidentNumberFront("");
2556
+ }
2557
+ }
2549
2558
  }
2550
- }
2551
- }
2552
- ),
2553
- "-",
2554
- /* @__PURE__ */ jsxRuntime.jsx(
2555
- TextField$3,
2556
- {
2557
- type: "password",
2558
- id: "residentNumberBack",
2559
- name: "residentNumberBack",
2560
- value: residentNumberBack,
2561
- maxLength: 7,
2562
- placeholder: "\uB4A4 7\uC790\uB9AC \uC785\uB825",
2563
- onChange: (e) => setResidentNumberBack(e.target.value),
2564
- size: "medium",
2565
- onKeyDown,
2566
- onKeyUp,
2567
- rootProps: {
2568
- className: cx$e("search-input"),
2569
- onClear: () => {
2570
- setResidentNumberBack("");
2559
+ ),
2560
+ "-",
2561
+ /* @__PURE__ */ jsxRuntime.jsx(
2562
+ TextField$3,
2563
+ {
2564
+ type: "password",
2565
+ id: "residentNumberBack",
2566
+ name: "residentNumberBack",
2567
+ value: residentNumberBack,
2568
+ maxLength: 7,
2569
+ placeholder: "\uB4A4 7\uC790\uB9AC \uC785\uB825",
2570
+ onChange: (e) => setResidentNumberBack(e.target.value),
2571
+ size: "small",
2572
+ onKeyDown,
2573
+ onKeyUp,
2574
+ rootProps: {
2575
+ className: cx$e("search-input"),
2576
+ onClear: () => {
2577
+ setResidentNumberBack("");
2578
+ }
2579
+ }
2571
2580
  }
2572
- }
2573
- }
2574
- )
2581
+ )
2582
+ ] })
2583
+ ] })
2575
2584
  ] }),
2576
2585
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$e("search-buttons"), children: [
2577
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "outline", size: "medium", variant: "secondary", onClick: handleReset, children: "\uCD08\uAE30\uD654" }),
2578
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "filled", size: "medium", variant: "primary", onClick: handleSearch, children: "\uC870\uD68C" })
2586
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "outline", size: "small", variant: "secondary", className: "button", onClick: handleReset, children: "\uCD08\uAE30\uD654" }),
2587
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "filled", size: "small", variant: "primary", className: "button", onClick: handleSearch, children: "\uC870\uD68C" })
2579
2588
  ] })
2580
2589
  ] }) }),
2581
2590
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$e("divider") }),
@@ -2637,9 +2646,9 @@ const DeaCustomerSearchModal = ({
2637
2646
  };
2638
2647
  return /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Root, { isOpen, onClose, modalSize: "xlarge", children: [
2639
2648
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Overlay, {}),
2640
- /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { style: { height: "697px" }, children: [
2649
+ /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { style: { height: "530px" }, children: [
2641
2650
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Header, { headerTitle: "\uACE0\uAC1D \uAC80\uC0C9", showCloseButton: true }),
2642
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(
2651
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { className: "pt-xlarge-i", children: /* @__PURE__ */ jsxRuntime.jsx(
2643
2652
  DeaCustomerSearch,
2644
2653
  {
2645
2654
  initSearchParams,
@@ -2673,49 +2682,44 @@ const EMPLOYEE_SEARCH_TABS = [
2673
2682
  ];
2674
2683
 
2675
2684
  const cx$d = classNames.bind(styles$7);
2676
- function EmployeeSearchResult({ filteredEmployees, onEmployeeSelect }) {
2685
+ function EmployeeSearchResult({
2686
+ filteredEmployees,
2687
+ onEmployeeSelect,
2688
+ selectedEmployee
2689
+ }) {
2677
2690
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$d("result-section"), children: [
2678
2691
  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$d("result-title"), children: [
2679
2692
  "\uCD1D ",
2680
2693
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: filteredEmployees.length }),
2681
- "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
2694
+ "\uAC74"
2682
2695
  ] }),
2683
- filteredEmployees.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "horizontal", children: [
2696
+ /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "vertical", style: { tableLayout: "fixed" }, height: "281px", children: [
2684
2697
  /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2685
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC120\uD0DD" }),
2698
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding", "select-col"), children: "\uC120\uD0DD" }),
2686
2699
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC0AC\uC6D0\uBC88\uD638" }),
2687
2700
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC0AC\uC6D0\uBA85" }),
2688
2701
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC18C\uC18D\uAE30\uAD00\uBA85" }),
2689
2702
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC0AC\uC6D0\uAD6C\uBD84" })
2690
2703
  ] }) }),
2691
- /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: filteredEmployees.map((employee) => {
2692
- return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2693
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx(
2694
- "input",
2695
- {
2696
- type: "radio",
2697
- name: "employee",
2698
- value: employee.employeeNumber || "",
2699
- onChange: (e) => {
2700
- onEmployeeSelect(employee);
2701
- }
2704
+ /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: filteredEmployees.length > 0 ? filteredEmployees.map((employee, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2705
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$d("td-padding"), children: /* @__PURE__ */ jsxRuntime.jsx(
2706
+ salesFrontendDesignSystem.Radio.Item,
2707
+ {
2708
+ id: `radio-${index}`,
2709
+ value: employee.employeeNumber || "",
2710
+ name: "employee",
2711
+ size: "small",
2712
+ checked: selectedEmployee?.employeeNumber === employee.employeeNumber,
2713
+ onChange: () => {
2714
+ onEmployeeSelect(employee);
2702
2715
  }
2703
- ) }),
2704
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: employee.employeeNumber }),
2705
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: employee.employeeName }),
2706
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: employee.organizationName }),
2707
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: employee.employeeDivisionCodeName })
2708
- ] }) });
2709
- }) })
2710
- ] }) : /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "horizontal", children: [
2711
- /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2712
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC120\uD0DD" }),
2713
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC0AC\uC6D0\uBC88\uD638" }),
2714
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC0AC\uC6D0\uBA85" }),
2715
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC18C\uC18D\uAE30\uAD00\uBA85" }),
2716
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC0AC\uC6D0\uAD6C\uBD84" })
2717
- ] }) }),
2718
- /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$d("no-result"), children: [
2716
+ }
2717
+ ) }) }),
2718
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$d("td-padding"), children: employee.employeeNumber }) }),
2719
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$d("td-padding"), children: employee.employeeName }) }),
2720
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$d("td-padding"), children: employee.organizationName }) }),
2721
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$d("td-padding"), children: employee.employeeDivisionCodeName }) })
2722
+ ] }, `${employee.employeeNumber}-${index}`)) : /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$d("no-result"), children: [
2719
2723
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsFeedbackEmpty, {}),
2720
2724
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC870\uD68C \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }),
2721
2725
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC785\uB825\uD55C \uC815\uBCF4\uB97C \uB2E4\uC2DC \uD655\uC778\uD574\uC8FC\uC138\uC694." })
@@ -2734,50 +2738,63 @@ function EmployeeSearch({
2734
2738
  searchInput,
2735
2739
  setSearchInput,
2736
2740
  employeeList,
2741
+ selectedEmployee,
2737
2742
  onEmployeeSelect
2738
2743
  }) {
2739
2744
  const handleSearch = () => {
2740
2745
  setSearchTerm(searchInput);
2741
2746
  };
2742
2747
  const handleReset = () => {
2743
- setSearchTerm("");
2744
2748
  setSearchInput("");
2745
2749
  };
2746
2750
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
2747
2751
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$c("search-section"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("search-filters"), children: [
2748
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("search-filter-section"), children: [
2749
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uC131\uBA85/\uC0AC\uBC88" }),
2750
- /* @__PURE__ */ jsxRuntime.jsx(
2751
- TextField$2,
2752
- {
2753
- value: searchInput,
2754
- onChange: (e) => setSearchInput(e.target.value),
2755
- className: styles$7.searchInput,
2756
- size: "medium",
2757
- onKeyUp: (e) => isEnter(e) && handleSearch(),
2758
- rootProps: {
2759
- onClear: handleReset,
2760
- clearable: true
2752
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("search-filters-wrap"), children: [
2753
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("search-filter-section", "flex-1"), children: [
2754
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uC131\uBA85/\uC0AC\uBC88" }),
2755
+ /* @__PURE__ */ jsxRuntime.jsx(
2756
+ TextField$2,
2757
+ {
2758
+ value: searchInput,
2759
+ onChange: (e) => setSearchInput(e.target.value),
2760
+ className: styles$7.searchInput,
2761
+ size: "small",
2762
+ onKeyUp: (e) => isEnter(e) && handleSearch(),
2763
+ rootProps: {
2764
+ onClear: handleReset,
2765
+ clearable: true,
2766
+ className: cx$c("search-input")
2767
+ }
2761
2768
  }
2762
- }
2763
- )
2769
+ )
2770
+ ] }),
2771
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("search-filter-section"), children: [
2772
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uC0AC\uC6D0 \uAD6C\uBD84" }),
2773
+ /* @__PURE__ */ jsxRuntime.jsx(
2774
+ salesFrontendDesignSystem.Select,
2775
+ {
2776
+ value: activeTab,
2777
+ onChange: (value) => onTabChange(value),
2778
+ className: styles$7.select,
2779
+ size: "small",
2780
+ children: EMPLOYEE_SEARCH_TABS.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Select.Option, { value: option.value, children: option.label }, `${option.value}-${index}`))
2781
+ }
2782
+ )
2783
+ ] })
2764
2784
  ] }),
2765
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("search-filter-section"), children: [
2766
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uC0AC\uC6D0 \uAD6C\uBD84" }),
2785
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("search-buttons"), children: [
2767
2786
  /* @__PURE__ */ jsxRuntime.jsx(
2768
- salesFrontendDesignSystem.Select,
2787
+ salesFrontendDesignSystem.Button,
2769
2788
  {
2770
- value: activeTab,
2771
- onChange: (value) => onTabChange(value),
2772
- className: styles$7.select,
2773
- size: "medium",
2774
- children: EMPLOYEE_SEARCH_TABS.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Select.Option, { value: option.value, children: option.label }, `${option.value}-${index}`))
2789
+ appearance: "outline",
2790
+ size: "small",
2791
+ variant: "secondary",
2792
+ onClick: handleReset,
2793
+ className: cx$c("button"),
2794
+ children: "\uCD08\uAE30\uD654"
2775
2795
  }
2776
- )
2777
- ] }),
2778
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("search-buttons"), children: [
2779
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "outline", size: "medium", variant: "secondary", onClick: handleReset, children: "\uCD08\uAE30\uD654" }),
2780
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "filled", size: "medium", variant: "primary", onClick: handleSearch, children: "\uC870\uD68C" })
2796
+ ),
2797
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "filled", size: "small", variant: "primary", onClick: handleSearch, className: cx$c("button"), children: "\uC870\uD68C" })
2781
2798
  ] })
2782
2799
  ] }) }),
2783
2800
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$c("divider") }),
@@ -2786,7 +2803,8 @@ function EmployeeSearch({
2786
2803
  {
2787
2804
  filteredEmployees: employeeList,
2788
2805
  onEmployeeSelect,
2789
- searchTerm
2806
+ searchTerm,
2807
+ selectedEmployee
2790
2808
  }
2791
2809
  )
2792
2810
  ] });
@@ -2833,15 +2851,13 @@ const EmployeeSearchModal = ({
2833
2851
  }
2834
2852
  };
2835
2853
  const onTabChange = (value) => {
2836
- setSearchTerm("");
2837
- setSearchInput("");
2838
2854
  setActiveTab(value);
2839
2855
  };
2840
2856
  return /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Root, { isOpen, onClose, modalSize: "xlarge", children: [
2841
2857
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Overlay, {}),
2842
- /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { style: { height: "697px" }, children: [
2858
+ /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { style: { height: "530px" }, children: [
2843
2859
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Header, { headerTitle: "\uC0AC\uC6D0 \uAC80\uC0C9", showCloseButton: true }),
2844
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(
2860
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { className: "pt-xlarge-i", children: /* @__PURE__ */ jsxRuntime.jsx(
2845
2861
  EmployeeSearch,
2846
2862
  {
2847
2863
  activeTab,
@@ -2851,6 +2867,7 @@ const EmployeeSearchModal = ({
2851
2867
  searchInput,
2852
2868
  setSearchInput,
2853
2869
  employeeList,
2870
+ selectedEmployee,
2854
2871
  onEmployeeSelect: handleEmployeeSelect
2855
2872
  }
2856
2873
  ) }),
@@ -3676,42 +3693,38 @@ function useJobVehicleSearchModal() {
3676
3693
  const cx$4 = classNames.bind(styles$b);
3677
3694
  function OrganizationSearchResult({
3678
3695
  filteredOrganizations,
3696
+ selectedOrganization,
3679
3697
  onOrganizationSelect
3680
3698
  }) {
3681
3699
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("result-section"), children: [
3682
3700
  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$4("result-title"), children: [
3683
3701
  "\uCD1D ",
3684
3702
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: filteredOrganizations.length }),
3685
- "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
3703
+ "\uAC74"
3686
3704
  ] }),
3687
- filteredOrganizations.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "horizontal", children: [
3705
+ /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "vertical", style: { tableLayout: "fixed" }, height: "281px", children: [
3688
3706
  /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
3689
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$4("th-padding"), children: "\uC120\uD0DD" }),
3707
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$4("th-padding", "select-col"), children: "\uC120\uD0DD" }),
3690
3708
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$4("th-padding"), children: "\uAE30\uAD00\uCF54\uB4DC" }),
3691
3709
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$4("th-padding"), children: "\uAE30\uAD00\uBA85" })
3692
3710
  ] }) }),
3693
- /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: filteredOrganizations.map((organization, index) => {
3694
- return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
3695
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx(
3696
- "input",
3697
- {
3698
- type: "radio",
3699
- name: "organization",
3700
- value: organization.organizationCode || "",
3701
- onChange: () => onOrganizationSelect(organization)
3711
+ /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: filteredOrganizations.length > 0 ? filteredOrganizations.map((organization, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
3712
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$4("td-padding"), children: /* @__PURE__ */ jsxRuntime.jsx(
3713
+ salesFrontendDesignSystem.Radio.Item,
3714
+ {
3715
+ id: `radio-${index}`,
3716
+ value: organization.organizationCode || "",
3717
+ name: "organization",
3718
+ size: "small",
3719
+ checked: selectedOrganization?.organizationCode === organization.organizationCode,
3720
+ onChange: () => {
3721
+ onOrganizationSelect(organization);
3702
3722
  }
3703
- ) }),
3704
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: organization.organizationCode }),
3705
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: organization.organizationName })
3706
- ] }, `${organization.organizationCode}-${index}`);
3707
- }) })
3708
- ] }) : /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "horizontal", children: [
3709
- /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
3710
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$4("th-padding"), children: "\uC120\uD0DD" }),
3711
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$4("th-padding"), children: "\uAE30\uAD00\uCF54\uB4DC" }),
3712
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$4("th-padding"), children: "\uAE30\uAD00\uBA85" })
3713
- ] }) }),
3714
- /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 3, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("no-result"), children: [
3723
+ }
3724
+ ) }) }),
3725
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "td-padding", children: organization.organizationCode }) }),
3726
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "td-padding", children: organization.organizationName }) })
3727
+ ] }, `${organization.organizationCode}-${index}`)) : /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 3, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("no-result"), children: [
3715
3728
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsFeedbackEmpty, {}),
3716
3729
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC870\uD68C \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }),
3717
3730
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC785\uB825\uD55C \uC815\uBCF4\uB97C \uB2E4\uC2DC \uD655\uC778\uD574\uC8FC\uC138\uC694." })
@@ -3728,13 +3741,13 @@ function OrganizationSearch({
3728
3741
  searchInput,
3729
3742
  setSearchInput,
3730
3743
  organizationList,
3744
+ selectedOrganization,
3731
3745
  onOrganizationSelect
3732
3746
  }) {
3733
3747
  const handleSearch = () => {
3734
3748
  setSearchTerm(searchInput);
3735
3749
  };
3736
3750
  const handleReset = () => {
3737
- setSearchTerm("");
3738
3751
  setSearchInput("");
3739
3752
  };
3740
3753
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -3747,7 +3760,7 @@ function OrganizationSearch({
3747
3760
  placeholder: "\uAE30\uAD00\uCF54\uB4DC(\uBA85) \uC785\uB825",
3748
3761
  value: searchInput,
3749
3762
  onChange: (e) => setSearchInput(e.target.value),
3750
- size: "medium",
3763
+ size: "small",
3751
3764
  onKeyUp: (e) => isEnter(e) && handleSearch(),
3752
3765
  rootProps: {
3753
3766
  className: cx$3("search-input"),
@@ -3758,8 +3771,8 @@ function OrganizationSearch({
3758
3771
  )
3759
3772
  ] }),
3760
3773
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("search-buttons"), children: [
3761
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "outline", size: "medium", variant: "secondary", onClick: handleReset, children: "\uCD08\uAE30\uD654" }),
3762
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "filled", size: "medium", variant: "primary", onClick: handleSearch, children: "\uC870\uD68C" })
3774
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "outline", size: "small", variant: "secondary", className: cx$3("button"), onClick: handleReset, children: "\uCD08\uAE30\uD654" }),
3775
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "filled", size: "small", variant: "primary", className: cx$3("button"), onClick: handleSearch, children: "\uC870\uD68C" })
3763
3776
  ] })
3764
3777
  ] }) }),
3765
3778
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$3("divider") }),
@@ -3767,6 +3780,7 @@ function OrganizationSearch({
3767
3780
  OrganizationSearchResult,
3768
3781
  {
3769
3782
  filteredOrganizations: organizationList,
3783
+ selectedOrganization,
3770
3784
  onOrganizationSelect,
3771
3785
  searchTerm
3772
3786
  }
@@ -3819,7 +3833,7 @@ const OrganizationSearchModal = ({
3819
3833
  };
3820
3834
  return /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Root, { isOpen, onClose, modalSize: "xlarge", children: [
3821
3835
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Overlay, {}),
3822
- /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { style: { height: "697px" }, children: [
3836
+ /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { style: { height: "530px" }, children: [
3823
3837
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Header, { headerTitle: "\uAE30\uAD00 \uAC80\uC0C9", showCloseButton: true }),
3824
3838
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(
3825
3839
  OrganizationSearch,
@@ -3829,6 +3843,7 @@ const OrganizationSearchModal = ({
3829
3843
  searchInput,
3830
3844
  setSearchInput,
3831
3845
  organizationList,
3846
+ selectedOrganization,
3832
3847
  onOrganizationSelect: handleOrganizationSelect
3833
3848
  }
3834
3849
  ) }),