@apexcura/ui-components 0.0.14-Beta21 → 0.0.14-Beta23

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.
package/dist/index.js CHANGED
@@ -741,7 +741,7 @@ var TableElement = (props) => {
741
741
  var import_react21 = __toESM(require("react"));
742
742
  var import_antd15 = require("antd");
743
743
  var DatePickerElement = (props) => {
744
- const [date, setDate] = (0, import_react21.useState)(null);
744
+ const [date, setDate] = (0, import_react21.useState)("");
745
745
  const dateFormat = "DD/MM/YYYY";
746
746
  const handleChange = (date2, dateString) => {
747
747
  console.log("date==========", date2);
@@ -753,7 +753,7 @@ var DatePickerElement = (props) => {
753
753
  props.onChange(formattedDate);
754
754
  }
755
755
  } else {
756
- setDate(null);
756
+ setDate("");
757
757
  if (props.onChange) {
758
758
  props.onChange("");
759
759
  }
@@ -763,7 +763,7 @@ var DatePickerElement = (props) => {
763
763
  import_antd15.DatePicker,
764
764
  {
765
765
  placeholder: props.placeholder,
766
- value: date,
766
+ value: date.format(dateFormat),
767
767
  variant: "borderless",
768
768
  onChange: handleChange
769
769
  }
@@ -836,21 +836,23 @@ var DropDownGroup = (props) => {
836
836
  return newValue;
837
837
  });
838
838
  };
839
- return /* @__PURE__ */ import_react25.default.createElement("div", { className: props.className, style: { display: "flex", flexDirection: "row", backgroundColor: "white", borderRadius: 10, border: "1px solid gray" } }, /* @__PURE__ */ import_react25.default.createElement(
839
+ return /* @__PURE__ */ import_react25.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react25.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react25.default.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ import_react25.default.createElement(
840
840
  import_antd18.Select,
841
841
  {
842
842
  onChange: handleFirstChange,
843
843
  variant: props.variant,
844
- options: props.firstOptions
844
+ options: props.firstOptions,
845
+ className: props.className
845
846
  }
846
847
  ), /* @__PURE__ */ import_react25.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ import_react25.default.createElement(
847
848
  import_antd18.Select,
848
849
  {
849
850
  onChange: handleSecondChange,
850
851
  variant: props.variant,
851
- options: props.secondOptions
852
+ options: props.secondOptions,
853
+ className: props.className
852
854
  }
853
- ));
855
+ )));
854
856
  };
855
857
 
856
858
  // src/Components/FilesUpload.tsx
package/dist/index.mjs CHANGED
@@ -683,7 +683,7 @@ var TableElement = (props) => {
683
683
  import React21, { useState as useState6 } from "react";
684
684
  import { DatePicker } from "antd";
685
685
  var DatePickerElement = (props) => {
686
- const [date, setDate] = useState6(null);
686
+ const [date, setDate] = useState6("");
687
687
  const dateFormat = "DD/MM/YYYY";
688
688
  const handleChange = (date2, dateString) => {
689
689
  console.log("date==========", date2);
@@ -695,7 +695,7 @@ var DatePickerElement = (props) => {
695
695
  props.onChange(formattedDate);
696
696
  }
697
697
  } else {
698
- setDate(null);
698
+ setDate("");
699
699
  if (props.onChange) {
700
700
  props.onChange("");
701
701
  }
@@ -705,7 +705,7 @@ var DatePickerElement = (props) => {
705
705
  DatePicker,
706
706
  {
707
707
  placeholder: props.placeholder,
708
- value: date,
708
+ value: date.format(dateFormat),
709
709
  variant: "borderless",
710
710
  onChange: handleChange
711
711
  }
@@ -778,21 +778,23 @@ var DropDownGroup = (props) => {
778
778
  return newValue;
779
779
  });
780
780
  };
781
- return /* @__PURE__ */ React25.createElement("div", { className: props.className, style: { display: "flex", flexDirection: "row", backgroundColor: "white", borderRadius: 10, border: "1px solid gray" } }, /* @__PURE__ */ React25.createElement(
781
+ return /* @__PURE__ */ React25.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React25.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React25.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ React25.createElement(
782
782
  Select4,
783
783
  {
784
784
  onChange: handleFirstChange,
785
785
  variant: props.variant,
786
- options: props.firstOptions
786
+ options: props.firstOptions,
787
+ className: props.className
787
788
  }
788
789
  ), /* @__PURE__ */ React25.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ React25.createElement(
789
790
  Select4,
790
791
  {
791
792
  onChange: handleSecondChange,
792
793
  variant: props.variant,
793
- options: props.secondOptions
794
+ options: props.secondOptions,
795
+ className: props.className
794
796
  }
795
- ));
797
+ )));
796
798
  };
797
799
 
798
800
  // src/Components/FilesUpload.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.14-Beta21",
3
+ "version": "0.0.14-Beta23",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",