@fctc/sme-widget-ui 1.1.4 → 1.1.5

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 (5) hide show
  1. package/dist/index.js +73 -63
  2. package/dist/index.mjs +73 -63
  3. package/dist/widgets.js +73 -63
  4. package/dist/widgets.mjs +73 -63
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -14868,7 +14868,7 @@ var PopupFilter = ({
14868
14868
  right: 0,
14869
14869
  zIndex: 33
14870
14870
  },
14871
- className: "popup-filter w-full overflow-x-auto rounded-lg border bg-white border-none shadow-xl",
14871
+ className: "popup-filter w-full overflow-x-auto rounded-lg border border-[var(--stroke-default)] bg-white shadow-xl",
14872
14872
  children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
14873
14873
  "div",
14874
14874
  {
@@ -15228,64 +15228,59 @@ var Search = ({
15228
15228
  "div",
15229
15229
  {
15230
15230
  ref: popupFilterRef,
15231
- className: `search ${selectedRowKeys?.length <= 0 ? "flex" : "hidden"} !order-3 xl:!order-2 bg-white custom-search-input relative items-center w-full min-w-[70%] flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] bg-grey-100 shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[#F2F2F2]`,
15231
+ className: `search gap-[8px] p-2 items-center ${selectedRowKeys?.length <= 0 ? "flex" : "hidden"} !order-3 xl:!order-2 bg-white custom-search-input relative flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[var(--stroke-default)]`,
15232
15232
  children: [
15233
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
15234
- "div",
15235
- {
15236
- className: `relative flex md:min-w-[400px] max-w-full items-center gap-[8px] p-1 !pl-4 w-full ${(showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && "border-r border-[rgba(242,242,242,1)]"}`,
15237
- children: [
15238
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "min-h-5 min-w-5", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SearchIcon, {}) }),
15239
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
15240
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15241
- TagSearch,
15242
- {
15243
- removeSearchItems,
15244
- selectedTags,
15245
- filterBy,
15246
- setFilterBy
15247
- }
15248
- ),
15249
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15250
- "input",
15251
- {
15252
- value: searchString,
15253
- className: "min-h-[44px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
15254
- placeholder: instance.t("search..."),
15255
- onChange: (e3) => {
15256
- onSearchString(e3.target.value);
15257
- setShowPopupFilter(false);
15258
- },
15259
- onKeyUp: (e3) => e3.preventDefault()
15260
- }
15261
- ),
15262
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15263
- SearchList,
15264
- {
15265
- handleAddTagSearch,
15266
- searchBy,
15267
- searchString
15268
- }
15269
- )
15270
- ] })
15271
- ]
15272
- }
15273
- ),
15274
- (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
15233
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "size-5", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SearchIcon, {}) }),
15234
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
15235
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15236
+ TagSearch,
15237
+ {
15238
+ removeSearchItems,
15239
+ selectedTags,
15240
+ filterBy,
15241
+ setFilterBy
15242
+ }
15243
+ ),
15244
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15245
+ "input",
15246
+ {
15247
+ value: searchString,
15248
+ className: "h-5 w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
15249
+ placeholder: instance.t("search..."),
15250
+ onChange: (e3) => {
15251
+ onSearchString(e3.target.value);
15252
+ setShowPopupFilter(false);
15253
+ },
15254
+ onKeyUp: (e3) => e3.preventDefault()
15255
+ }
15256
+ ),
15275
15257
  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15258
+ SearchList,
15259
+ {
15260
+ handleAddTagSearch,
15261
+ searchBy,
15262
+ searchString
15263
+ }
15264
+ )
15265
+ ] }),
15266
+ (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
15267
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
15276
15268
  "div",
15277
15269
  {
15278
- className: `flex h-full cursor-pointer items-center justify-center px-[10px] max-w-fit`,
15270
+ className: `flex h-full gap-2 cursor-pointer items-center justify-center max-w-fit`,
15279
15271
  onClick: (e3) => {
15280
15272
  e3.stopPropagation();
15281
15273
  setShowPopupFilter((prev2) => !prev2);
15282
15274
  },
15283
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("button", { className: "w-max cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15284
- ChevronBottomIcon,
15285
- {
15286
- className: `h-5 w-5 min-w-fit transition-all ${showPopupFilter ? "rotate-180 " : ""}`
15287
- }
15288
- ) })
15275
+ children: [
15276
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-[1px] h-[28px] bg-[var(--stroke-default)]" }),
15277
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15278
+ ChevronBottomIcon,
15279
+ {
15280
+ className: `h-5 w-5 min-w-fit transition-all ${showPopupFilter ? "rotate-180 " : ""}`
15281
+ }
15282
+ )
15283
+ ]
15289
15284
  }
15290
15285
  ),
15291
15286
  showPopupFilter && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
@@ -18240,12 +18235,12 @@ var CheckboxField = (props) => {
18240
18235
  {
18241
18236
  name: name2 ?? "",
18242
18237
  control: methods?.control,
18243
- render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
18244
- "input",
18238
+ render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
18239
+ "div",
18245
18240
  {
18246
- ...field,
18247
- onChange: (e3) => {
18248
- const checked = e3.target.checked;
18241
+ className: "flex items-center gap-2",
18242
+ onClick: () => {
18243
+ const checked = !field.value;
18249
18244
  if (!isEditTable && readonly) return;
18250
18245
  methods.setValue(name2, checked, { shouldDirty: true });
18251
18246
  field.onChange(checked);
@@ -18253,13 +18248,28 @@ var CheckboxField = (props) => {
18253
18248
  onChange2(name2 ?? "", checked);
18254
18249
  }
18255
18250
  },
18256
- type: "checkbox",
18257
- disabled: readonly,
18258
- required: !invisible && required,
18259
- className: "custom-checkbox",
18260
- checked: field.value ?? false
18251
+ children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
18252
+ "input",
18253
+ {
18254
+ ...field,
18255
+ onChange: (e3) => {
18256
+ const checked = e3.target.checked;
18257
+ if (!isEditTable && readonly) return;
18258
+ methods.setValue(name2, checked, { shouldDirty: true });
18259
+ field.onChange(checked);
18260
+ if (onChange2) {
18261
+ onChange2(name2 ?? "", checked);
18262
+ }
18263
+ },
18264
+ type: "checkbox",
18265
+ disabled: readonly,
18266
+ required: !invisible && required,
18267
+ className: "custom-checkbox",
18268
+ checked: field.value ?? false
18269
+ }
18270
+ )
18261
18271
  }
18262
- ) })
18272
+ )
18263
18273
  }
18264
18274
  );
18265
18275
  };
@@ -34116,7 +34126,7 @@ var Many2ManyField = (props) => {
34116
34126
  !isDataLoading && isDataFetched || isPlaceholderData ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "relative h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
34117
34127
  "div",
34118
34128
  {
34119
- className: `border-[1px] h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
34129
+ className: `border-y h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
34120
34130
  children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex flex-col gap-[16px] w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: `relative w-full h-full`, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
34121
34131
  "div",
34122
34132
  {
package/dist/index.mjs CHANGED
@@ -14749,7 +14749,7 @@ var PopupFilter = ({
14749
14749
  right: 0,
14750
14750
  zIndex: 33
14751
14751
  },
14752
- className: "popup-filter w-full overflow-x-auto rounded-lg border bg-white border-none shadow-xl",
14752
+ className: "popup-filter w-full overflow-x-auto rounded-lg border border-[var(--stroke-default)] bg-white shadow-xl",
14753
14753
  children: /* @__PURE__ */ jsxs35(
14754
14754
  "div",
14755
14755
  {
@@ -15109,64 +15109,59 @@ var Search = ({
15109
15109
  "div",
15110
15110
  {
15111
15111
  ref: popupFilterRef,
15112
- className: `search ${selectedRowKeys?.length <= 0 ? "flex" : "hidden"} !order-3 xl:!order-2 bg-white custom-search-input relative items-center w-full min-w-[70%] flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] bg-grey-100 shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[#F2F2F2]`,
15112
+ className: `search gap-[8px] p-2 items-center ${selectedRowKeys?.length <= 0 ? "flex" : "hidden"} !order-3 xl:!order-2 bg-white custom-search-input relative flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[var(--stroke-default)]`,
15113
15113
  children: [
15114
- /* @__PURE__ */ jsxs38(
15115
- "div",
15116
- {
15117
- className: `relative flex md:min-w-[400px] max-w-full items-center gap-[8px] p-1 !pl-4 w-full ${(showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && "border-r border-[rgba(242,242,242,1)]"}`,
15118
- children: [
15119
- /* @__PURE__ */ jsx57("div", { className: "min-h-5 min-w-5", children: /* @__PURE__ */ jsx57(SearchIcon, {}) }),
15120
- /* @__PURE__ */ jsxs38("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
15121
- /* @__PURE__ */ jsx57(
15122
- TagSearch,
15123
- {
15124
- removeSearchItems,
15125
- selectedTags,
15126
- filterBy,
15127
- setFilterBy
15128
- }
15129
- ),
15130
- /* @__PURE__ */ jsx57(
15131
- "input",
15132
- {
15133
- value: searchString,
15134
- className: "min-h-[44px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
15135
- placeholder: instance.t("search..."),
15136
- onChange: (e3) => {
15137
- onSearchString(e3.target.value);
15138
- setShowPopupFilter(false);
15139
- },
15140
- onKeyUp: (e3) => e3.preventDefault()
15141
- }
15142
- ),
15143
- /* @__PURE__ */ jsx57(
15144
- SearchList,
15145
- {
15146
- handleAddTagSearch,
15147
- searchBy,
15148
- searchString
15149
- }
15150
- )
15151
- ] })
15152
- ]
15153
- }
15154
- ),
15155
- (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ jsxs38(Fragment9, { children: [
15114
+ /* @__PURE__ */ jsx57("div", { className: "size-5", children: /* @__PURE__ */ jsx57(SearchIcon, {}) }),
15115
+ /* @__PURE__ */ jsxs38("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
15116
+ /* @__PURE__ */ jsx57(
15117
+ TagSearch,
15118
+ {
15119
+ removeSearchItems,
15120
+ selectedTags,
15121
+ filterBy,
15122
+ setFilterBy
15123
+ }
15124
+ ),
15125
+ /* @__PURE__ */ jsx57(
15126
+ "input",
15127
+ {
15128
+ value: searchString,
15129
+ className: "h-5 w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
15130
+ placeholder: instance.t("search..."),
15131
+ onChange: (e3) => {
15132
+ onSearchString(e3.target.value);
15133
+ setShowPopupFilter(false);
15134
+ },
15135
+ onKeyUp: (e3) => e3.preventDefault()
15136
+ }
15137
+ ),
15156
15138
  /* @__PURE__ */ jsx57(
15139
+ SearchList,
15140
+ {
15141
+ handleAddTagSearch,
15142
+ searchBy,
15143
+ searchString
15144
+ }
15145
+ )
15146
+ ] }),
15147
+ (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ jsxs38(Fragment9, { children: [
15148
+ /* @__PURE__ */ jsxs38(
15157
15149
  "div",
15158
15150
  {
15159
- className: `flex h-full cursor-pointer items-center justify-center px-[10px] max-w-fit`,
15151
+ className: `flex h-full gap-2 cursor-pointer items-center justify-center max-w-fit`,
15160
15152
  onClick: (e3) => {
15161
15153
  e3.stopPropagation();
15162
15154
  setShowPopupFilter((prev2) => !prev2);
15163
15155
  },
15164
- children: /* @__PURE__ */ jsx57("button", { className: "w-max cursor-pointer", children: /* @__PURE__ */ jsx57(
15165
- ChevronBottomIcon,
15166
- {
15167
- className: `h-5 w-5 min-w-fit transition-all ${showPopupFilter ? "rotate-180 " : ""}`
15168
- }
15169
- ) })
15156
+ children: [
15157
+ /* @__PURE__ */ jsx57("div", { className: "w-[1px] h-[28px] bg-[var(--stroke-default)]" }),
15158
+ /* @__PURE__ */ jsx57(
15159
+ ChevronBottomIcon,
15160
+ {
15161
+ className: `h-5 w-5 min-w-fit transition-all ${showPopupFilter ? "rotate-180 " : ""}`
15162
+ }
15163
+ )
15164
+ ]
15170
15165
  }
15171
15166
  ),
15172
15167
  showPopupFilter && /* @__PURE__ */ jsx57(
@@ -18121,12 +18116,12 @@ var CheckboxField = (props) => {
18121
18116
  {
18122
18117
  name: name2 ?? "",
18123
18118
  control: methods?.control,
18124
- render: ({ field }) => /* @__PURE__ */ jsx72("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx72(
18125
- "input",
18119
+ render: ({ field }) => /* @__PURE__ */ jsx72(
18120
+ "div",
18126
18121
  {
18127
- ...field,
18128
- onChange: (e3) => {
18129
- const checked = e3.target.checked;
18122
+ className: "flex items-center gap-2",
18123
+ onClick: () => {
18124
+ const checked = !field.value;
18130
18125
  if (!isEditTable && readonly) return;
18131
18126
  methods.setValue(name2, checked, { shouldDirty: true });
18132
18127
  field.onChange(checked);
@@ -18134,13 +18129,28 @@ var CheckboxField = (props) => {
18134
18129
  onChange2(name2 ?? "", checked);
18135
18130
  }
18136
18131
  },
18137
- type: "checkbox",
18138
- disabled: readonly,
18139
- required: !invisible && required,
18140
- className: "custom-checkbox",
18141
- checked: field.value ?? false
18132
+ children: /* @__PURE__ */ jsx72(
18133
+ "input",
18134
+ {
18135
+ ...field,
18136
+ onChange: (e3) => {
18137
+ const checked = e3.target.checked;
18138
+ if (!isEditTable && readonly) return;
18139
+ methods.setValue(name2, checked, { shouldDirty: true });
18140
+ field.onChange(checked);
18141
+ if (onChange2) {
18142
+ onChange2(name2 ?? "", checked);
18143
+ }
18144
+ },
18145
+ type: "checkbox",
18146
+ disabled: readonly,
18147
+ required: !invisible && required,
18148
+ className: "custom-checkbox",
18149
+ checked: field.value ?? false
18150
+ }
18151
+ )
18142
18152
  }
18143
- ) })
18153
+ )
18144
18154
  }
18145
18155
  );
18146
18156
  };
@@ -33997,7 +34007,7 @@ var Many2ManyField = (props) => {
33997
34007
  !isDataLoading && isDataFetched || isPlaceholderData ? /* @__PURE__ */ jsx102("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ jsx102("div", { className: "relative h-full w-full", children: /* @__PURE__ */ jsx102(
33998
34008
  "div",
33999
34009
  {
34000
- className: `border-[1px] h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
34010
+ className: `border-y h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
34001
34011
  children: /* @__PURE__ */ jsx102("div", { className: "flex flex-col gap-[16px] w-full h-full", children: /* @__PURE__ */ jsx102("div", { className: `relative w-full h-full`, children: /* @__PURE__ */ jsx102(
34002
34012
  "div",
34003
34013
  {
package/dist/widgets.js CHANGED
@@ -14513,7 +14513,7 @@ var PopupFilter = ({
14513
14513
  right: 0,
14514
14514
  zIndex: 33
14515
14515
  },
14516
- className: "popup-filter w-full overflow-x-auto rounded-lg border bg-white border-none shadow-xl",
14516
+ className: "popup-filter w-full overflow-x-auto rounded-lg border border-[var(--stroke-default)] bg-white shadow-xl",
14517
14517
  children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
14518
14518
  "div",
14519
14519
  {
@@ -14873,64 +14873,59 @@ var Search = ({
14873
14873
  "div",
14874
14874
  {
14875
14875
  ref: popupFilterRef,
14876
- className: `search ${selectedRowKeys?.length <= 0 ? "flex" : "hidden"} !order-3 xl:!order-2 bg-white custom-search-input relative items-center w-full min-w-[70%] flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] bg-grey-100 shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[#F2F2F2]`,
14876
+ className: `search gap-[8px] p-2 items-center ${selectedRowKeys?.length <= 0 ? "flex" : "hidden"} !order-3 xl:!order-2 bg-white custom-search-input relative flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[var(--stroke-default)]`,
14877
14877
  children: [
14878
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
14879
- "div",
14880
- {
14881
- className: `relative flex md:min-w-[400px] max-w-full items-center gap-[8px] p-1 !pl-4 w-full ${(showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && "border-r border-[rgba(242,242,242,1)]"}`,
14882
- children: [
14883
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "min-h-5 min-w-5", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SearchIcon, {}) }),
14884
- /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
14885
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
14886
- TagSearch,
14887
- {
14888
- removeSearchItems,
14889
- selectedTags,
14890
- filterBy,
14891
- setFilterBy
14892
- }
14893
- ),
14894
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
14895
- "input",
14896
- {
14897
- value: searchString,
14898
- className: "min-h-[44px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
14899
- placeholder: instance.t("search..."),
14900
- onChange: (e3) => {
14901
- onSearchString(e3.target.value);
14902
- setShowPopupFilter(false);
14903
- },
14904
- onKeyUp: (e3) => e3.preventDefault()
14905
- }
14906
- ),
14907
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
14908
- SearchList,
14909
- {
14910
- handleAddTagSearch,
14911
- searchBy,
14912
- searchString
14913
- }
14914
- )
14915
- ] })
14916
- ]
14917
- }
14918
- ),
14919
- (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
14878
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "size-5", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SearchIcon, {}) }),
14879
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
14880
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
14881
+ TagSearch,
14882
+ {
14883
+ removeSearchItems,
14884
+ selectedTags,
14885
+ filterBy,
14886
+ setFilterBy
14887
+ }
14888
+ ),
14889
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
14890
+ "input",
14891
+ {
14892
+ value: searchString,
14893
+ className: "h-5 w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
14894
+ placeholder: instance.t("search..."),
14895
+ onChange: (e3) => {
14896
+ onSearchString(e3.target.value);
14897
+ setShowPopupFilter(false);
14898
+ },
14899
+ onKeyUp: (e3) => e3.preventDefault()
14900
+ }
14901
+ ),
14920
14902
  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
14903
+ SearchList,
14904
+ {
14905
+ handleAddTagSearch,
14906
+ searchBy,
14907
+ searchString
14908
+ }
14909
+ )
14910
+ ] }),
14911
+ (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
14912
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
14921
14913
  "div",
14922
14914
  {
14923
- className: `flex h-full cursor-pointer items-center justify-center px-[10px] max-w-fit`,
14915
+ className: `flex h-full gap-2 cursor-pointer items-center justify-center max-w-fit`,
14924
14916
  onClick: (e3) => {
14925
14917
  e3.stopPropagation();
14926
14918
  setShowPopupFilter((prev2) => !prev2);
14927
14919
  },
14928
- children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("button", { className: "w-max cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
14929
- ChevronBottomIcon,
14930
- {
14931
- className: `h-5 w-5 min-w-fit transition-all ${showPopupFilter ? "rotate-180 " : ""}`
14932
- }
14933
- ) })
14920
+ children: [
14921
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-[1px] h-[28px] bg-[var(--stroke-default)]" }),
14922
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
14923
+ ChevronBottomIcon,
14924
+ {
14925
+ className: `h-5 w-5 min-w-fit transition-all ${showPopupFilter ? "rotate-180 " : ""}`
14926
+ }
14927
+ )
14928
+ ]
14934
14929
  }
14935
14930
  ),
14936
14931
  showPopupFilter && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
@@ -17885,12 +17880,12 @@ var CheckboxField = (props) => {
17885
17880
  {
17886
17881
  name: name2 ?? "",
17887
17882
  control: methods?.control,
17888
- render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
17889
- "input",
17883
+ render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
17884
+ "div",
17890
17885
  {
17891
- ...field,
17892
- onChange: (e3) => {
17893
- const checked = e3.target.checked;
17886
+ className: "flex items-center gap-2",
17887
+ onClick: () => {
17888
+ const checked = !field.value;
17894
17889
  if (!isEditTable && readonly) return;
17895
17890
  methods.setValue(name2, checked, { shouldDirty: true });
17896
17891
  field.onChange(checked);
@@ -17898,13 +17893,28 @@ var CheckboxField = (props) => {
17898
17893
  onChange2(name2 ?? "", checked);
17899
17894
  }
17900
17895
  },
17901
- type: "checkbox",
17902
- disabled: readonly,
17903
- required: !invisible && required,
17904
- className: "custom-checkbox",
17905
- checked: field.value ?? false
17896
+ children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
17897
+ "input",
17898
+ {
17899
+ ...field,
17900
+ onChange: (e3) => {
17901
+ const checked = e3.target.checked;
17902
+ if (!isEditTable && readonly) return;
17903
+ methods.setValue(name2, checked, { shouldDirty: true });
17904
+ field.onChange(checked);
17905
+ if (onChange2) {
17906
+ onChange2(name2 ?? "", checked);
17907
+ }
17908
+ },
17909
+ type: "checkbox",
17910
+ disabled: readonly,
17911
+ required: !invisible && required,
17912
+ className: "custom-checkbox",
17913
+ checked: field.value ?? false
17914
+ }
17915
+ )
17906
17916
  }
17907
- ) })
17917
+ )
17908
17918
  }
17909
17919
  );
17910
17920
  };
@@ -33761,7 +33771,7 @@ var Many2ManyField = (props) => {
33761
33771
  !isDataLoading && isDataFetched || isPlaceholderData ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "relative h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33762
33772
  "div",
33763
33773
  {
33764
- className: `border-[1px] h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
33774
+ className: `border-y h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
33765
33775
  children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex flex-col gap-[16px] w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: `relative w-full h-full`, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
33766
33776
  "div",
33767
33777
  {
package/dist/widgets.mjs CHANGED
@@ -14451,7 +14451,7 @@ var PopupFilter = ({
14451
14451
  right: 0,
14452
14452
  zIndex: 33
14453
14453
  },
14454
- className: "popup-filter w-full overflow-x-auto rounded-lg border bg-white border-none shadow-xl",
14454
+ className: "popup-filter w-full overflow-x-auto rounded-lg border border-[var(--stroke-default)] bg-white shadow-xl",
14455
14455
  children: /* @__PURE__ */ jsxs35(
14456
14456
  "div",
14457
14457
  {
@@ -14811,64 +14811,59 @@ var Search = ({
14811
14811
  "div",
14812
14812
  {
14813
14813
  ref: popupFilterRef,
14814
- className: `search ${selectedRowKeys?.length <= 0 ? "flex" : "hidden"} !order-3 xl:!order-2 bg-white custom-search-input relative items-center w-full min-w-[70%] flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] bg-grey-100 shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[#F2F2F2]`,
14814
+ className: `search gap-[8px] p-2 items-center ${selectedRowKeys?.length <= 0 ? "flex" : "hidden"} !order-3 xl:!order-2 bg-white custom-search-input relative flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[var(--stroke-default)]`,
14815
14815
  children: [
14816
- /* @__PURE__ */ jsxs38(
14817
- "div",
14818
- {
14819
- className: `relative flex md:min-w-[400px] max-w-full items-center gap-[8px] p-1 !pl-4 w-full ${(showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && "border-r border-[rgba(242,242,242,1)]"}`,
14820
- children: [
14821
- /* @__PURE__ */ jsx57("div", { className: "min-h-5 min-w-5", children: /* @__PURE__ */ jsx57(SearchIcon, {}) }),
14822
- /* @__PURE__ */ jsxs38("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
14823
- /* @__PURE__ */ jsx57(
14824
- TagSearch,
14825
- {
14826
- removeSearchItems,
14827
- selectedTags,
14828
- filterBy,
14829
- setFilterBy
14830
- }
14831
- ),
14832
- /* @__PURE__ */ jsx57(
14833
- "input",
14834
- {
14835
- value: searchString,
14836
- className: "min-h-[44px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
14837
- placeholder: instance.t("search..."),
14838
- onChange: (e3) => {
14839
- onSearchString(e3.target.value);
14840
- setShowPopupFilter(false);
14841
- },
14842
- onKeyUp: (e3) => e3.preventDefault()
14843
- }
14844
- ),
14845
- /* @__PURE__ */ jsx57(
14846
- SearchList,
14847
- {
14848
- handleAddTagSearch,
14849
- searchBy,
14850
- searchString
14851
- }
14852
- )
14853
- ] })
14854
- ]
14855
- }
14856
- ),
14857
- (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ jsxs38(Fragment9, { children: [
14816
+ /* @__PURE__ */ jsx57("div", { className: "size-5", children: /* @__PURE__ */ jsx57(SearchIcon, {}) }),
14817
+ /* @__PURE__ */ jsxs38("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
14818
+ /* @__PURE__ */ jsx57(
14819
+ TagSearch,
14820
+ {
14821
+ removeSearchItems,
14822
+ selectedTags,
14823
+ filterBy,
14824
+ setFilterBy
14825
+ }
14826
+ ),
14827
+ /* @__PURE__ */ jsx57(
14828
+ "input",
14829
+ {
14830
+ value: searchString,
14831
+ className: "h-5 w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
14832
+ placeholder: instance.t("search..."),
14833
+ onChange: (e3) => {
14834
+ onSearchString(e3.target.value);
14835
+ setShowPopupFilter(false);
14836
+ },
14837
+ onKeyUp: (e3) => e3.preventDefault()
14838
+ }
14839
+ ),
14858
14840
  /* @__PURE__ */ jsx57(
14841
+ SearchList,
14842
+ {
14843
+ handleAddTagSearch,
14844
+ searchBy,
14845
+ searchString
14846
+ }
14847
+ )
14848
+ ] }),
14849
+ (showFiltersGroups || filterBy?.length > 0 || groupBy?.length > 0) && /* @__PURE__ */ jsxs38(Fragment9, { children: [
14850
+ /* @__PURE__ */ jsxs38(
14859
14851
  "div",
14860
14852
  {
14861
- className: `flex h-full cursor-pointer items-center justify-center px-[10px] max-w-fit`,
14853
+ className: `flex h-full gap-2 cursor-pointer items-center justify-center max-w-fit`,
14862
14854
  onClick: (e3) => {
14863
14855
  e3.stopPropagation();
14864
14856
  setShowPopupFilter((prev2) => !prev2);
14865
14857
  },
14866
- children: /* @__PURE__ */ jsx57("button", { className: "w-max cursor-pointer", children: /* @__PURE__ */ jsx57(
14867
- ChevronBottomIcon,
14868
- {
14869
- className: `h-5 w-5 min-w-fit transition-all ${showPopupFilter ? "rotate-180 " : ""}`
14870
- }
14871
- ) })
14858
+ children: [
14859
+ /* @__PURE__ */ jsx57("div", { className: "w-[1px] h-[28px] bg-[var(--stroke-default)]" }),
14860
+ /* @__PURE__ */ jsx57(
14861
+ ChevronBottomIcon,
14862
+ {
14863
+ className: `h-5 w-5 min-w-fit transition-all ${showPopupFilter ? "rotate-180 " : ""}`
14864
+ }
14865
+ )
14866
+ ]
14872
14867
  }
14873
14868
  ),
14874
14869
  showPopupFilter && /* @__PURE__ */ jsx57(
@@ -17823,12 +17818,12 @@ var CheckboxField = (props) => {
17823
17818
  {
17824
17819
  name: name2 ?? "",
17825
17820
  control: methods?.control,
17826
- render: ({ field }) => /* @__PURE__ */ jsx72("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx72(
17827
- "input",
17821
+ render: ({ field }) => /* @__PURE__ */ jsx72(
17822
+ "div",
17828
17823
  {
17829
- ...field,
17830
- onChange: (e3) => {
17831
- const checked = e3.target.checked;
17824
+ className: "flex items-center gap-2",
17825
+ onClick: () => {
17826
+ const checked = !field.value;
17832
17827
  if (!isEditTable && readonly) return;
17833
17828
  methods.setValue(name2, checked, { shouldDirty: true });
17834
17829
  field.onChange(checked);
@@ -17836,13 +17831,28 @@ var CheckboxField = (props) => {
17836
17831
  onChange2(name2 ?? "", checked);
17837
17832
  }
17838
17833
  },
17839
- type: "checkbox",
17840
- disabled: readonly,
17841
- required: !invisible && required,
17842
- className: "custom-checkbox",
17843
- checked: field.value ?? false
17834
+ children: /* @__PURE__ */ jsx72(
17835
+ "input",
17836
+ {
17837
+ ...field,
17838
+ onChange: (e3) => {
17839
+ const checked = e3.target.checked;
17840
+ if (!isEditTable && readonly) return;
17841
+ methods.setValue(name2, checked, { shouldDirty: true });
17842
+ field.onChange(checked);
17843
+ if (onChange2) {
17844
+ onChange2(name2 ?? "", checked);
17845
+ }
17846
+ },
17847
+ type: "checkbox",
17848
+ disabled: readonly,
17849
+ required: !invisible && required,
17850
+ className: "custom-checkbox",
17851
+ checked: field.value ?? false
17852
+ }
17853
+ )
17844
17854
  }
17845
- ) })
17855
+ )
17846
17856
  }
17847
17857
  );
17848
17858
  };
@@ -33699,7 +33709,7 @@ var Many2ManyField = (props) => {
33699
33709
  !isDataLoading && isDataFetched || isPlaceholderData ? /* @__PURE__ */ jsx102("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ jsx102("div", { className: "relative h-full w-full", children: /* @__PURE__ */ jsx102(
33700
33710
  "div",
33701
33711
  {
33702
- className: `border-[1px] h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
33712
+ className: `border-y h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
33703
33713
  children: /* @__PURE__ */ jsx102("div", { className: "flex flex-col gap-[16px] w-full h-full", children: /* @__PURE__ */ jsx102("div", { className: `relative w-full h-full`, children: /* @__PURE__ */ jsx102(
33704
33714
  "div",
33705
33715
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fctc/sme-widget-ui",
3
- "version": "1.1.4",
3
+ "version": "1.1.5",
4
4
  "main": "dist/index.cjs",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",