@fctc/sme-widget-ui 1.1.2 → 1.1.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 (5) hide show
  1. package/dist/index.js +166 -157
  2. package/dist/index.mjs +166 -157
  3. package/dist/widgets.js +166 -157
  4. package/dist/widgets.mjs +166 -157
  5. package/package.json +1 -1
package/dist/widgets.mjs CHANGED
@@ -33610,176 +33610,185 @@ var Many2ManyField = (props) => {
33610
33610
  clearSearch
33611
33611
  } = searchController;
33612
33612
  return createPortal5(
33613
- /* @__PURE__ */ jsxs71("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[9999]", children: [
33614
- /* @__PURE__ */ jsx102("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
33615
- /* @__PURE__ */ jsx102("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ jsxs71(
33616
- "div",
33617
- {
33618
- style: {
33619
- zIndex: 1
33620
- },
33621
- className: "relative p-4 flex flex-col gap-2 max-w-full lg:max-w-[1000px] lg:min-w-[1000px] transform rounded-3xl bg-[#FFF] min-h-[90%] max-h-[90%] h-fit",
33622
- children: [
33623
- /* @__PURE__ */ jsxs71("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
33624
- /* @__PURE__ */ jsx102("div", { className: "text-[20px] font-semibold", children: title }),
33625
- /* @__PURE__ */ jsx102("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx102(CloseIcon, {}) })
33626
- ] }),
33627
- /* @__PURE__ */ jsxs71("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
33628
- /* @__PURE__ */ jsx102("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ jsx102(
33629
- Search,
33630
- {
33631
- removeSearchItems,
33632
- selectedTags,
33633
- filterBy,
33634
- setFilterBy,
33635
- searchString,
33636
- onSearchString,
33637
- handleAddTagSearch,
33638
- searchBy,
33639
- groupBy,
33640
- showFiltersGroups: true,
33641
- setGroupBy,
33642
- setDomainList: setDomain,
33643
- setPage: (pages) => {
33644
- setPage?.(pages);
33645
- },
33646
- fieldsList: [
33647
- ...columns?.filter(
33648
- (col) => col?.field?.type_co === "field" && col?.optional !== "hide"
33649
- )?.map((col) => ({ ...col.field })) ?? []
33650
- ],
33651
- setSelectedRowKeys,
33652
- viewData,
33653
- context,
33654
- selectedRowKeys,
33655
- aid,
33656
- domainSearch,
33657
- evalJSONContext,
33658
- clearSearch
33659
- }
33660
- ) }),
33661
- /* @__PURE__ */ jsx102(
33662
- PaginationView,
33663
- {
33664
- className: "pagination-bar col-span-3 sm:col-span-1 justify-end flex-1",
33665
- currentPage: page,
33666
- totalCount: totalRows ?? 0,
33667
- pageSize: 10,
33668
- onPageChange: (page2) => {
33669
- if (typeof setPage === "function") {
33670
- setPage(page2);
33613
+ /* @__PURE__ */ jsxs71(
33614
+ "div",
33615
+ {
33616
+ style: {
33617
+ zIndex: 99999
33618
+ },
33619
+ className: "fixed bottom-0 left-0 right-0 top-0",
33620
+ children: [
33621
+ /* @__PURE__ */ jsx102("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
33622
+ /* @__PURE__ */ jsx102("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ jsxs71(
33623
+ "div",
33624
+ {
33625
+ style: {
33626
+ zIndex: 1
33627
+ },
33628
+ className: "relative p-4 flex flex-col gap-2 max-w-full lg:max-w-[1000px] lg:min-w-[1000px] transform rounded-3xl bg-[#FFF] min-h-[90%] max-h-[90%] h-fit",
33629
+ children: [
33630
+ /* @__PURE__ */ jsxs71("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
33631
+ /* @__PURE__ */ jsx102("div", { className: "text-[20px] font-semibold", children: title }),
33632
+ /* @__PURE__ */ jsx102("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx102(CloseIcon, {}) })
33633
+ ] }),
33634
+ /* @__PURE__ */ jsxs71("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
33635
+ /* @__PURE__ */ jsx102("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ jsx102(
33636
+ Search,
33637
+ {
33638
+ removeSearchItems,
33639
+ selectedTags,
33640
+ filterBy,
33641
+ setFilterBy,
33642
+ searchString,
33643
+ onSearchString,
33644
+ handleAddTagSearch,
33645
+ searchBy,
33646
+ groupBy,
33647
+ showFiltersGroups: true,
33648
+ setGroupBy,
33649
+ setDomainList: setDomain,
33650
+ setPage: (pages) => {
33651
+ setPage?.(pages);
33652
+ },
33653
+ fieldsList: [
33654
+ ...columns?.filter(
33655
+ (col) => col?.field?.type_co === "field" && col?.optional !== "hide"
33656
+ )?.map((col) => ({ ...col.field })) ?? []
33657
+ ],
33658
+ setSelectedRowKeys,
33659
+ viewData,
33660
+ context,
33661
+ selectedRowKeys,
33662
+ aid,
33663
+ domainSearch,
33664
+ evalJSONContext,
33665
+ clearSearch
33671
33666
  }
33672
- },
33673
- displayPageNumberDots: false,
33674
- displayRowsNumberOption: false
33675
- }
33676
- )
33677
- ] }),
33678
- !isDataLoading && isDataFetched || isPlaceholderData ? /* @__PURE__ */ jsx102("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ jsx102("div", { className: "relative h-full w-full", children: /* @__PURE__ */ jsx102(
33679
- "div",
33680
- {
33681
- className: `border-[1px] h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
33682
- 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(
33667
+ ) }),
33668
+ /* @__PURE__ */ jsx102(
33669
+ PaginationView,
33670
+ {
33671
+ className: "pagination-bar col-span-3 sm:col-span-1 justify-end flex-1",
33672
+ currentPage: page,
33673
+ totalCount: totalRows ?? 0,
33674
+ pageSize: 10,
33675
+ onPageChange: (page2) => {
33676
+ if (typeof setPage === "function") {
33677
+ setPage(page2);
33678
+ }
33679
+ },
33680
+ displayPageNumberDots: false,
33681
+ displayRowsNumberOption: false
33682
+ }
33683
+ )
33684
+ ] }),
33685
+ !isDataLoading && isDataFetched || isPlaceholderData ? /* @__PURE__ */ jsx102("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ jsx102("div", { className: "relative h-full w-full", children: /* @__PURE__ */ jsx102(
33683
33686
  "div",
33684
33687
  {
33685
- className: `flex w-full items-center h-full overflow-auto `,
33686
- children: /* @__PURE__ */ jsx102("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ jsxs71(
33687
- "table",
33688
+ className: `border-[1px] h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
33689
+ 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(
33690
+ "div",
33688
33691
  {
33689
- className: `relative w-full bg-white custom-dropdown `,
33690
- children: [
33691
- /* @__PURE__ */ jsx102(
33692
- TableHead,
33693
- {
33694
- columns,
33695
- onToggleColumnOptional,
33696
- isDisplayCheckbox,
33697
- checkedAll,
33698
- handleCheckBoxAll
33699
- }
33700
- ),
33701
- /* @__PURE__ */ jsx102(
33702
- TableBody,
33703
- {
33704
- columns,
33705
- rows,
33706
- rootField,
33707
- isDisplayCheckbox,
33708
- model: relation,
33709
- renderField: ({
33710
- row,
33711
- col,
33712
- indexRow,
33713
- onChangeData,
33714
- rootField: rootField2
33715
- }) => {
33716
- if (typeof renderField === "function") {
33717
- return renderField({
33692
+ className: `flex w-full items-center h-full overflow-auto `,
33693
+ children: /* @__PURE__ */ jsx102("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ jsxs71(
33694
+ "table",
33695
+ {
33696
+ className: `relative w-full bg-white custom-dropdown `,
33697
+ children: [
33698
+ /* @__PURE__ */ jsx102(
33699
+ TableHead,
33700
+ {
33701
+ columns,
33702
+ onToggleColumnOptional,
33703
+ isDisplayCheckbox,
33704
+ checkedAll,
33705
+ handleCheckBoxAll
33706
+ }
33707
+ ),
33708
+ /* @__PURE__ */ jsx102(
33709
+ TableBody,
33710
+ {
33711
+ columns,
33712
+ rows,
33713
+ rootField,
33714
+ isDisplayCheckbox,
33715
+ model: relation,
33716
+ renderField: ({
33718
33717
  row,
33719
33718
  col,
33720
33719
  indexRow,
33721
33720
  onChangeData,
33722
33721
  rootField: rootField2
33723
- });
33722
+ }) => {
33723
+ if (typeof renderField === "function") {
33724
+ return renderField({
33725
+ row,
33726
+ col,
33727
+ indexRow,
33728
+ onChangeData,
33729
+ rootField: rootField2
33730
+ });
33731
+ }
33732
+ },
33733
+ onRemoveRow: null,
33734
+ onAddRow,
33735
+ onClickRow,
33736
+ typeTable,
33737
+ selectedRowKeysRef,
33738
+ selectedRowKeys,
33739
+ setSelectedRowKeys
33724
33740
  }
33725
- },
33726
- onRemoveRow: null,
33727
- onAddRow,
33728
- onClickRow,
33729
- typeTable,
33730
- selectedRowKeysRef,
33731
- selectedRowKeys,
33732
- setSelectedRowKeys
33733
- }
33734
- )
33735
- ]
33741
+ )
33742
+ ]
33743
+ }
33744
+ ) })
33736
33745
  }
33737
- ) })
33746
+ ) }) })
33738
33747
  }
33739
- ) }) })
33740
- }
33741
- ) }) }) : /* @__PURE__ */ jsx102(LayerLoading, {}),
33742
- /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 mt-auto", children: [
33743
- isDisplayCheckbox && /* @__PURE__ */ jsx102(
33744
- "button",
33745
- {
33746
- disabled: selectedRowKeys?.length === 0,
33747
- type: "button",
33748
- onClick: () => onChoose(selectedRowKeys),
33749
- className: "button-primary",
33750
- children: instance.t("choose")
33751
- }
33752
- ),
33753
- optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ jsx102(
33754
- "button",
33755
- {
33756
- type: "button",
33757
- onClick: () => {
33758
- if (typeof onAddNew === "function") {
33759
- onAddNew();
33760
- onClose();
33761
- } else {
33762
- handleCreateNewOnPage();
33748
+ ) }) }) : /* @__PURE__ */ jsx102(LayerLoading, {}),
33749
+ /* @__PURE__ */ jsxs71("div", { className: "flex items-center gap-2 mt-auto", children: [
33750
+ isDisplayCheckbox && /* @__PURE__ */ jsx102(
33751
+ "button",
33752
+ {
33753
+ disabled: selectedRowKeys?.length === 0,
33754
+ type: "button",
33755
+ onClick: () => onChoose(selectedRowKeys),
33756
+ className: "button-primary",
33757
+ children: instance.t("choose")
33763
33758
  }
33764
- },
33765
- className: "button-primary",
33766
- children: instance.t("new")
33767
- }
33768
- ),
33769
- /* @__PURE__ */ jsx102(
33770
- "button",
33771
- {
33772
- type: "button",
33773
- onClick: onClose,
33774
- className: "button-secondary",
33775
- children: instance.t("cancel_button")
33776
- }
33777
- )
33778
- ] })
33779
- ]
33780
- }
33781
- ) })
33782
- ] }),
33759
+ ),
33760
+ optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ jsx102(
33761
+ "button",
33762
+ {
33763
+ type: "button",
33764
+ onClick: () => {
33765
+ if (typeof onAddNew === "function") {
33766
+ onAddNew();
33767
+ onClose();
33768
+ } else {
33769
+ handleCreateNewOnPage();
33770
+ }
33771
+ },
33772
+ className: "button-primary",
33773
+ children: instance.t("new")
33774
+ }
33775
+ ),
33776
+ /* @__PURE__ */ jsx102(
33777
+ "button",
33778
+ {
33779
+ type: "button",
33780
+ onClick: onClose,
33781
+ className: "button-secondary",
33782
+ children: instance.t("cancel_button")
33783
+ }
33784
+ )
33785
+ ] })
33786
+ ]
33787
+ }
33788
+ ) })
33789
+ ]
33790
+ }
33791
+ ),
33783
33792
  document.body
33784
33793
  );
33785
33794
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fctc/sme-widget-ui",
3
- "version": "1.1.2",
3
+ "version": "1.1.3",
4
4
  "main": "dist/index.cjs",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",