@apexcura/ui-components 0.0.14-Beta187 → 0.0.14-Beta189

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 (3) hide show
  1. package/dist/index.js +10 -6
  2. package/dist/index.mjs +10 -6
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -389,8 +389,10 @@ var ButtonElement = (props) => {
389
389
  null
390
390
  );
391
391
  const [hoverColor, setHoverColor] = (0, import_react11.useState)(null);
392
+ const [loading, setLoading] = (0, import_react11.useState)(true);
392
393
  (0, import_react11.useEffect)(() => {
393
394
  if (props.icon) {
395
+ setLoading(false);
394
396
  fetch(props.icon).then((response) => response.text()).then((data) => {
395
397
  const tempDiv = document.createElement("div");
396
398
  tempDiv.innerHTML = data;
@@ -424,6 +426,7 @@ var ButtonElement = (props) => {
424
426
  }
425
427
  }).catch((error) => console.error("Error fetching SVG:", error));
426
428
  }
429
+ setLoading(true);
427
430
  }, []);
428
431
  const handleMouseEnter = () => {
429
432
  if (hoverColor && originalSvgContent) {
@@ -452,14 +455,14 @@ var ButtonElement = (props) => {
452
455
  cursor: props.loading ? "no-drop" : "pointer"
453
456
  }
454
457
  },
455
- props.isLoading ? /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("svg", { className: "animate-spin h-5 w-5 mr-3", viewBox: "0 0 24 24" }), props.label) : /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, props.isSVGStylesOverride === false ? props.icon && /* @__PURE__ */ import_react11.default.createElement(
458
+ props.isLoading ? /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("svg", { className: "animate-spin h-5 w-5 mr-3", viewBox: "0 0 24 24" }), props.label) : /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, props.isSVGStylesOverride === false && loading ? props.icon && /* @__PURE__ */ import_react11.default.createElement(
456
459
  "img",
457
460
  {
458
461
  className: props.iconsClassName,
459
462
  src: props.icon,
460
463
  alt: props.label
461
464
  }
462
- ) : svgContent ? /* @__PURE__ */ import_react11.default.createElement("span", { dangerouslySetInnerHTML: { __html: svgContent } }) : /* @__PURE__ */ import_react11.default.createElement("img", { src: "", className: props.iconsClassName }), props.label)
465
+ ) : svgContent && /* @__PURE__ */ import_react11.default.createElement("span", { dangerouslySetInnerHTML: { __html: svgContent } }), props.label)
463
466
  );
464
467
  };
465
468
 
@@ -692,7 +695,7 @@ var ModelBody = (props) => {
692
695
  return /* @__PURE__ */ import_react18.default.createElement("div", { className: props.modalContent && props.modalContent.className }, props.modalContent && props.modalContent.fields.map(
693
696
  (eachField) => {
694
697
  if (eachField.element === "div") {
695
- return /* @__PURE__ */ import_react18.default.createElement("div", { className: eachField.className }, eachField.label, eachField.dateTime ? /* @__PURE__ */ import_react18.default.createElement(
698
+ return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", { className: eachField.className }, eachField.label), eachField.dateTime ? /* @__PURE__ */ import_react18.default.createElement(
696
699
  "p",
697
700
  {
698
701
  style: {
@@ -703,7 +706,7 @@ var ModelBody = (props) => {
703
706
  (0, import_moment.default)(eachField.dateTime).format("LT")
704
707
  ) : "");
705
708
  } else if (eachField.element === "input-radio") {
706
- return /* @__PURE__ */ import_react18.default.createElement("div", { className: eachField.className }, /* @__PURE__ */ import_react18.default.createElement(RadioElement, { ...eachField }), eachField.dateTime ? /* @__PURE__ */ import_react18.default.createElement(
709
+ return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", { className: eachField.className }, /* @__PURE__ */ import_react18.default.createElement(RadioElement, { ...eachField })), eachField.dateTime ? /* @__PURE__ */ import_react18.default.createElement(
707
710
  "p",
708
711
  {
709
712
  style: {
@@ -714,7 +717,7 @@ var ModelBody = (props) => {
714
717
  (0, import_moment.default)(eachField.dateTime).format("LT")
715
718
  ) : "");
716
719
  } else if (eachField.element === "button") {
717
- return /* @__PURE__ */ import_react18.default.createElement("div", { className: eachField.className }, /* @__PURE__ */ import_react18.default.createElement(ButtonElement, { ...eachField }), eachField.dateTime ? /* @__PURE__ */ import_react18.default.createElement(
720
+ return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", { className: eachField.className }, /* @__PURE__ */ import_react18.default.createElement(ButtonElement, { ...eachField })), eachField.dateTime ? /* @__PURE__ */ import_react18.default.createElement(
718
721
  "p",
719
722
  {
720
723
  style: {
@@ -960,6 +963,7 @@ var import_antd16 = require("antd");
960
963
  var import_dayjs2 = __toESM(require("dayjs"));
961
964
  var import_moment3 = __toESM(require("moment"));
962
965
  var DateRangePickerElement = (props) => {
966
+ const { value } = props;
963
967
  const { RangePicker } = import_antd16.DatePicker;
964
968
  const handleChange = (dates, dateStrings) => {
965
969
  if (dates) {
@@ -983,7 +987,7 @@ var DateRangePickerElement = (props) => {
983
987
  disabledDate,
984
988
  presets: rangePresets,
985
989
  onChange: handleChange,
986
- value: props.value
990
+ value: value ? [(0, import_dayjs2.default)(value[0]), (0, import_dayjs2.default)(value[1])] : void 0
987
991
  }
988
992
  ));
989
993
  };
package/dist/index.mjs CHANGED
@@ -323,8 +323,10 @@ var ButtonElement = (props) => {
323
323
  null
324
324
  );
325
325
  const [hoverColor, setHoverColor] = useState4(null);
326
+ const [loading, setLoading] = useState4(true);
326
327
  useEffect(() => {
327
328
  if (props.icon) {
329
+ setLoading(false);
328
330
  fetch(props.icon).then((response) => response.text()).then((data) => {
329
331
  const tempDiv = document.createElement("div");
330
332
  tempDiv.innerHTML = data;
@@ -358,6 +360,7 @@ var ButtonElement = (props) => {
358
360
  }
359
361
  }).catch((error) => console.error("Error fetching SVG:", error));
360
362
  }
363
+ setLoading(true);
361
364
  }, []);
362
365
  const handleMouseEnter = () => {
363
366
  if (hoverColor && originalSvgContent) {
@@ -386,14 +389,14 @@ var ButtonElement = (props) => {
386
389
  cursor: props.loading ? "no-drop" : "pointer"
387
390
  }
388
391
  },
389
- props.isLoading ? /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement("svg", { className: "animate-spin h-5 w-5 mr-3", viewBox: "0 0 24 24" }), props.label) : /* @__PURE__ */ React11.createElement(React11.Fragment, null, props.isSVGStylesOverride === false ? props.icon && /* @__PURE__ */ React11.createElement(
392
+ props.isLoading ? /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement("svg", { className: "animate-spin h-5 w-5 mr-3", viewBox: "0 0 24 24" }), props.label) : /* @__PURE__ */ React11.createElement(React11.Fragment, null, props.isSVGStylesOverride === false && loading ? props.icon && /* @__PURE__ */ React11.createElement(
390
393
  "img",
391
394
  {
392
395
  className: props.iconsClassName,
393
396
  src: props.icon,
394
397
  alt: props.label
395
398
  }
396
- ) : svgContent ? /* @__PURE__ */ React11.createElement("span", { dangerouslySetInnerHTML: { __html: svgContent } }) : /* @__PURE__ */ React11.createElement("img", { src: "", className: props.iconsClassName }), props.label)
399
+ ) : svgContent && /* @__PURE__ */ React11.createElement("span", { dangerouslySetInnerHTML: { __html: svgContent } }), props.label)
397
400
  );
398
401
  };
399
402
 
@@ -626,7 +629,7 @@ var ModelBody = (props) => {
626
629
  return /* @__PURE__ */ React18.createElement("div", { className: props.modalContent && props.modalContent.className }, props.modalContent && props.modalContent.fields.map(
627
630
  (eachField) => {
628
631
  if (eachField.element === "div") {
629
- return /* @__PURE__ */ React18.createElement("div", { className: eachField.className }, eachField.label, eachField.dateTime ? /* @__PURE__ */ React18.createElement(
632
+ return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: eachField.className }, eachField.label), eachField.dateTime ? /* @__PURE__ */ React18.createElement(
630
633
  "p",
631
634
  {
632
635
  style: {
@@ -637,7 +640,7 @@ var ModelBody = (props) => {
637
640
  moment(eachField.dateTime).format("LT")
638
641
  ) : "");
639
642
  } else if (eachField.element === "input-radio") {
640
- return /* @__PURE__ */ React18.createElement("div", { className: eachField.className }, /* @__PURE__ */ React18.createElement(RadioElement, { ...eachField }), eachField.dateTime ? /* @__PURE__ */ React18.createElement(
643
+ return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: eachField.className }, /* @__PURE__ */ React18.createElement(RadioElement, { ...eachField })), eachField.dateTime ? /* @__PURE__ */ React18.createElement(
641
644
  "p",
642
645
  {
643
646
  style: {
@@ -648,7 +651,7 @@ var ModelBody = (props) => {
648
651
  moment(eachField.dateTime).format("LT")
649
652
  ) : "");
650
653
  } else if (eachField.element === "button") {
651
- return /* @__PURE__ */ React18.createElement("div", { className: eachField.className }, /* @__PURE__ */ React18.createElement(ButtonElement, { ...eachField }), eachField.dateTime ? /* @__PURE__ */ React18.createElement(
654
+ return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: eachField.className }, /* @__PURE__ */ React18.createElement(ButtonElement, { ...eachField })), eachField.dateTime ? /* @__PURE__ */ React18.createElement(
652
655
  "p",
653
656
  {
654
657
  style: {
@@ -894,6 +897,7 @@ import { DatePicker as DatePicker2, Space } from "antd";
894
897
  import dayjs2 from "dayjs";
895
898
  import moment3 from "moment";
896
899
  var DateRangePickerElement = (props) => {
900
+ const { value } = props;
897
901
  const { RangePicker } = DatePicker2;
898
902
  const handleChange = (dates, dateStrings) => {
899
903
  if (dates) {
@@ -917,7 +921,7 @@ var DateRangePickerElement = (props) => {
917
921
  disabledDate,
918
922
  presets: rangePresets,
919
923
  onChange: handleChange,
920
- value: props.value
924
+ value: value ? [dayjs2(value[0]), dayjs2(value[1])] : void 0
921
925
  }
922
926
  ));
923
927
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.14-Beta187",
3
+ "version": "0.0.14-Beta189",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",