@apexcura/ui-components 0.0.13-Beta83 → 0.0.13-Beta86

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 -8
  4. package/dist/index.mjs +8 -7
  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,25 +802,25 @@ 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
- console.log("filterOption1--------", filterOption2);
813
813
  setSelectedValue((prev) => ({ ...prev, firstValue: filterOption2 }));
814
+ console.log("selectedValue----------", selectedValue);
814
815
  props.onChange(selectedValue);
815
816
  }
816
817
  };
817
818
  const handleSecondChange = (value) => {
818
819
  if (props.onChange) {
819
- const filterOption2 = props.options && props.options.find((eachOption) => eachOption.value === value);
820
+ const filterOption2 = props.options?.find((eachOption) => eachOption.value === value);
820
821
  console.log("filterOption2--------", filterOption2);
821
- setSelectedValue((prev) => ({ ...prev, secondValue: filterOption2 && filterOption2 }));
822
- props.onChange(selectedValue.secondValue && selectedValue);
822
+ setSelectedValue((prev) => ({ ...prev, secondValue: filterOption2 }));
823
+ props.onChange(selectedValue);
823
824
  }
824
825
  };
825
826
  return /* @__PURE__ */ import_react25.default.createElement("div", { className: props.className, style: { display: "flex", flexDirection: "row", backgroundColor: "white", borderRadius: 10, border: "1px solid gray", width: "100px" } }, /* @__PURE__ */ import_react25.default.createElement(
@@ -906,9 +907,9 @@ var TabsElement = (props) => {
906
907
  CkEditor,
907
908
  DatePickerElement,
908
909
  DateRangePickerElement,
910
+ DropDownGroup,
909
911
  FileUpload,
910
912
  Image,
911
- MultiSelect,
912
913
  MultipleSelectElement,
913
914
  Navbar,
914
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,25 +745,25 @@ 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
- console.log("filterOption1--------", filterOption2);
756
756
  setSelectedValue((prev) => ({ ...prev, firstValue: filterOption2 }));
757
+ console.log("selectedValue----------", selectedValue);
757
758
  props.onChange(selectedValue);
758
759
  }
759
760
  };
760
761
  const handleSecondChange = (value) => {
761
762
  if (props.onChange) {
762
- const filterOption2 = props.options && props.options.find((eachOption) => eachOption.value === value);
763
+ const filterOption2 = props.options?.find((eachOption) => eachOption.value === value);
763
764
  console.log("filterOption2--------", filterOption2);
764
- setSelectedValue((prev) => ({ ...prev, secondValue: filterOption2 && filterOption2 }));
765
- props.onChange(selectedValue.secondValue && selectedValue);
765
+ setSelectedValue((prev) => ({ ...prev, secondValue: filterOption2 }));
766
+ props.onChange(selectedValue);
766
767
  }
767
768
  };
768
769
  return /* @__PURE__ */ React25.createElement("div", { className: props.className, style: { display: "flex", flexDirection: "row", backgroundColor: "white", borderRadius: 10, border: "1px solid gray", width: "100px" } }, /* @__PURE__ */ React25.createElement(
@@ -848,9 +849,9 @@ export {
848
849
  CkEditor,
849
850
  DatePickerElement,
850
851
  DateRangePickerElement,
852
+ DropDownGroup,
851
853
  FileUpload,
852
854
  Image,
853
- MultiSelect,
854
855
  MultipleSelectElement,
855
856
  Navbar,
856
857
  NumberElement,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.13-Beta83",
3
+ "version": "0.0.13-Beta86",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",