@apexcura/ui-components 0.0.13-Beta82 → 0.0.13-Beta85

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.d.mts +2 -2
  2. package/dist/index.d.ts +2 -2
  3. package/dist/index.js +9 -22
  4. package/dist/index.mjs +8 -21
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -100,10 +100,10 @@ declare const Image: (props: ElementType) => React$1.JSX.Element;
100
100
 
101
101
  declare const SingleCheckbox: (props: ElementType) => React$1.JSX.Element;
102
102
 
103
- declare const MultiSelect: (props: ElementType) => React$1.JSX.Element;
103
+ declare const DropDownGroup: (props: ElementType) => React$1.JSX.Element;
104
104
 
105
105
  declare const FileUpload: (props: ElementType) => React$1.JSX.Element;
106
106
 
107
107
  declare const TabsElement: (props: ElementType) => React$1.JSX.Element;
108
108
 
109
- export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, FileUpload, Image, MultiSelect, MultipleSelectElement, Navbar, NumberElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, TableElement, TabsElement, TextElement, TextareaElement };
109
+ export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, DropDownGroup, FileUpload, Image, MultipleSelectElement, Navbar, NumberElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, TableElement, TabsElement, TextElement, TextareaElement };
package/dist/index.d.ts CHANGED
@@ -100,10 +100,10 @@ declare const Image: (props: ElementType) => React$1.JSX.Element;
100
100
 
101
101
  declare const SingleCheckbox: (props: ElementType) => React$1.JSX.Element;
102
102
 
103
- declare const MultiSelect: (props: ElementType) => React$1.JSX.Element;
103
+ declare const DropDownGroup: (props: ElementType) => React$1.JSX.Element;
104
104
 
105
105
  declare const FileUpload: (props: ElementType) => React$1.JSX.Element;
106
106
 
107
107
  declare const TabsElement: (props: ElementType) => React$1.JSX.Element;
108
108
 
109
- export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, FileUpload, Image, MultiSelect, MultipleSelectElement, Navbar, NumberElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, TableElement, TabsElement, TextElement, TextareaElement };
109
+ export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, DropDownGroup, FileUpload, Image, MultipleSelectElement, Navbar, NumberElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, TableElement, TabsElement, TextElement, TextareaElement };
package/dist/index.js CHANGED
@@ -36,9 +36,9 @@ __export(src_exports, {
36
36
  CkEditor: () => CkEditor,
37
37
  DatePickerElement: () => DatePickerElement,
38
38
  DateRangePickerElement: () => DateRangePickerElement,
39
+ DropDownGroup: () => DropDownGroup,
39
40
  FileUpload: () => FileUpload,
40
41
  Image: () => Image,
41
- MultiSelect: () => MultiSelect,
42
42
  MultipleSelectElement: () => MultipleSelectElement,
43
43
  Navbar: () => Navbar,
44
44
  NumberElement: () => NumberElement,
@@ -197,6 +197,7 @@ var SelectElement = (props) => {
197
197
  return /* @__PURE__ */ import_react5.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react5.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react5.default.createElement(
198
198
  import_antd5.Select,
199
199
  {
200
+ mode: props.mode,
200
201
  options: props.options,
201
202
  placeholder: props.placeholder,
202
203
  allowClear: true,
@@ -801,16 +802,16 @@ var SingleCheckbox = (props) => {
801
802
  return /* @__PURE__ */ import_react24.default.createElement(import_antd17.Checkbox, { onChange: (e) => handleChange(e), className: props.className }, props.label);
802
803
  };
803
804
 
804
- // src/Components/MultiSelect.tsx
805
+ // src/Components/DropDownGroup.tsx
805
806
  var import_react25 = __toESM(require("react"));
806
807
  var import_antd18 = require("antd");
807
- var MultiSelect = (props) => {
808
+ var DropDownGroup = (props) => {
808
809
  const [selectedValue, setSelectedValue] = (0, import_react25.useState)({ firstValue: {}, secondValue: {} });
809
810
  const handleFirstChange = (value) => {
810
811
  if (props.onChange) {
811
812
  const filterOption2 = props.options?.find((eachOption) => eachOption.value === value);
812
813
  console.log("filterOption1--------", filterOption2);
813
- setSelectedValue((prev) => ({ ...prev, firstValue: filterOption2 }));
814
+ setSelectedValue((prev) => ({ ...prev, firstValue: filterOption2 && filterOption2 }));
814
815
  props.onChange(selectedValue);
815
816
  }
816
817
  };
@@ -891,26 +892,12 @@ var FileUpload = (props) => {
891
892
  var import_react27 = __toESM(require("react"));
892
893
  var import_antd20 = require("antd");
893
894
  var TabsElement = (props) => {
894
- console.log(props);
895
- const handleChange = (label) => {
895
+ const handleChange = (key) => {
896
896
  if (props.onChange) {
897
- props.onChange(props.options?.find((eachOption) => eachOption.label === label));
897
+ props.onChange(props.options?.find((eachOption) => eachOption.key === key));
898
898
  }
899
899
  };
900
- return /* @__PURE__ */ import_react27.default.createElement(
901
- import_antd20.Tabs,
902
- {
903
- className: props.containerClassName,
904
- onChange: handleChange,
905
- items: props.options?.map((item, i) => {
906
- const id = String(i + 1);
907
- return {
908
- label: item.label,
909
- key: id
910
- };
911
- })
912
- }
913
- );
900
+ return /* @__PURE__ */ import_react27.default.createElement(import_antd20.Tabs, { className: props.containerClassName, items: props.options, onChange: handleChange });
914
901
  };
915
902
  // Annotate the CommonJS export names for ESM import in node:
916
903
  0 && (module.exports = {
@@ -920,9 +907,9 @@ var TabsElement = (props) => {
920
907
  CkEditor,
921
908
  DatePickerElement,
922
909
  DateRangePickerElement,
910
+ DropDownGroup,
923
911
  FileUpload,
924
912
  Image,
925
- MultiSelect,
926
913
  MultipleSelectElement,
927
914
  Navbar,
928
915
  NumberElement,
package/dist/index.mjs CHANGED
@@ -140,6 +140,7 @@ var SelectElement = (props) => {
140
140
  return /* @__PURE__ */ React5.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React5.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React5.createElement(
141
141
  Select,
142
142
  {
143
+ mode: props.mode,
143
144
  options: props.options,
144
145
  placeholder: props.placeholder,
145
146
  allowClear: true,
@@ -744,16 +745,16 @@ var SingleCheckbox = (props) => {
744
745
  return /* @__PURE__ */ React24.createElement(Checkbox2, { onChange: (e) => handleChange(e), className: props.className }, props.label);
745
746
  };
746
747
 
747
- // src/Components/MultiSelect.tsx
748
+ // src/Components/DropDownGroup.tsx
748
749
  import React25, { useState as useState7 } from "react";
749
750
  import { Select as Select4 } from "antd";
750
- var MultiSelect = (props) => {
751
+ var DropDownGroup = (props) => {
751
752
  const [selectedValue, setSelectedValue] = useState7({ firstValue: {}, secondValue: {} });
752
753
  const handleFirstChange = (value) => {
753
754
  if (props.onChange) {
754
755
  const filterOption2 = props.options?.find((eachOption) => eachOption.value === value);
755
756
  console.log("filterOption1--------", filterOption2);
756
- setSelectedValue((prev) => ({ ...prev, firstValue: filterOption2 }));
757
+ setSelectedValue((prev) => ({ ...prev, firstValue: filterOption2 && filterOption2 }));
757
758
  props.onChange(selectedValue);
758
759
  }
759
760
  };
@@ -834,26 +835,12 @@ var FileUpload = (props) => {
834
835
  import React27 from "react";
835
836
  import { Tabs } from "antd";
836
837
  var TabsElement = (props) => {
837
- console.log(props);
838
- const handleChange = (label) => {
838
+ const handleChange = (key) => {
839
839
  if (props.onChange) {
840
- props.onChange(props.options?.find((eachOption) => eachOption.label === label));
840
+ props.onChange(props.options?.find((eachOption) => eachOption.key === key));
841
841
  }
842
842
  };
843
- return /* @__PURE__ */ React27.createElement(
844
- Tabs,
845
- {
846
- className: props.containerClassName,
847
- onChange: handleChange,
848
- items: props.options?.map((item, i) => {
849
- const id = String(i + 1);
850
- return {
851
- label: item.label,
852
- key: id
853
- };
854
- })
855
- }
856
- );
843
+ return /* @__PURE__ */ React27.createElement(Tabs, { className: props.containerClassName, items: props.options, onChange: handleChange });
857
844
  };
858
845
  export {
859
846
  AddMoreTable,
@@ -862,9 +849,9 @@ export {
862
849
  CkEditor,
863
850
  DatePickerElement,
864
851
  DateRangePickerElement,
852
+ DropDownGroup,
865
853
  FileUpload,
866
854
  Image,
867
- MultiSelect,
868
855
  MultipleSelectElement,
869
856
  Navbar,
870
857
  NumberElement,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.13-Beta82",
3
+ "version": "0.0.13-Beta85",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",