@apexcura/ui-components 0.0.14-Beta105 → 0.0.14-Beta107

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 (6) hide show
  1. package/dist/index.css +0 -23
  2. package/dist/index.d.mts +1 -1
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js +11 -11
  5. package/dist/index.mjs +11 -11
  6. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -341,29 +341,12 @@ video {
341
341
  .m-\[10px\] {
342
342
  margin: 10px;
343
343
  }
344
- .mr-3 {
345
- margin-right: 0.75rem;
346
- }
347
344
  .flex {
348
345
  display: flex;
349
346
  }
350
347
  .table {
351
348
  display: table;
352
349
  }
353
- .h-5 {
354
- height: 1.25rem;
355
- }
356
- .w-5 {
357
- width: 1.25rem;
358
- }
359
- @keyframes spin {
360
- to {
361
- transform: rotate(360deg);
362
- }
363
- }
364
- .animate-spin {
365
- animation: spin 1s linear infinite;
366
- }
367
350
  .rounded-\[8px\] {
368
351
  border-radius: 8px;
369
352
  }
@@ -402,12 +385,6 @@ video {
402
385
  --tw-text-opacity: 1;
403
386
  color: rgb(0 0 0 / var(--tw-text-opacity));
404
387
  }
405
- .opacity-25 {
406
- opacity: 0.25;
407
- }
408
- .opacity-75 {
409
- opacity: 0.75;
410
- }
411
388
  .shadow-\[0px_0px_1px_1px_\#919191\] {
412
389
  --tw-shadow: 0px 0px 1px 1px #919191;
413
390
  --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
package/dist/index.d.mts CHANGED
@@ -120,6 +120,6 @@ declare const Upload: (props: ElementType) => React$1.JSX.Element;
120
120
 
121
121
  declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
122
122
 
123
- declare const Donut: (props: ElementType) => React$1.JSX.Element;
123
+ declare const Donut: React$1.FC<any>;
124
124
 
125
125
  export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, Donut, DropDownGroup, FileUpload, Image, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
package/dist/index.d.ts CHANGED
@@ -120,6 +120,6 @@ declare const Upload: (props: ElementType) => React$1.JSX.Element;
120
120
 
121
121
  declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
122
122
 
123
- declare const Donut: (props: ElementType) => React$1.JSX.Element;
123
+ declare const Donut: React$1.FC<any>;
124
124
 
125
125
  export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, Donut, DropDownGroup, FileUpload, Image, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
package/dist/index.js CHANGED
@@ -36,7 +36,7 @@ __export(src_exports, {
36
36
  CkEditor: () => CkEditor,
37
37
  DatePickerElement: () => DatePickerElement,
38
38
  DateRangePickerElement: () => DateRangePickerElement,
39
- Donut: () => Donut,
39
+ Donut: () => Donut_default,
40
40
  DropDownGroup: () => DropDownGroup,
41
41
  FileUpload: () => FileUpload,
42
42
  Image: () => Image,
@@ -417,7 +417,7 @@ var ButtonElement = (props) => {
417
417
  }
418
418
  }).catch((error) => console.error("Error fetching SVG:", error));
419
419
  }
420
- }, []);
420
+ }, [props.icon, props.className]);
421
421
  const handleMouseEnter = () => {
422
422
  if (hoverColor && originalSvgContent) {
423
423
  const tempDiv = document.createElement("div");
@@ -439,15 +439,15 @@ var ButtonElement = (props) => {
439
439
  onClick: props.onClick,
440
440
  className: `${props.className ? props.className : ""}`,
441
441
  onMouseEnter: handleMouseEnter,
442
- onMouseLeave: handleMouseLeave,
443
- disabled: props.loading
442
+ onMouseLeave: handleMouseLeave
444
443
  },
445
- props.loading ? /* @__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" }, /* @__PURE__ */ import_react11.default.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ import_react11.default.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8v8H4z" })), props.label) : /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, props.isSVGStylesOverride === false ? props.icon && /* @__PURE__ */ import_react11.default.createElement("img", { className: props.iconsClassName, src: props.icon, alt: props.label }) : svgContent && /* @__PURE__ */ import_react11.default.createElement(
444
+ props.isSVGStylesOverride === false ? props.icon && /* @__PURE__ */ import_react11.default.createElement("img", { className: props.iconsClassName, src: props.icon, alt: props.label }) : svgContent && /* @__PURE__ */ import_react11.default.createElement(
446
445
  "span",
447
446
  {
448
447
  dangerouslySetInnerHTML: { __html: svgContent }
449
448
  }
450
- ), props.label)
449
+ ),
450
+ props.label
451
451
  );
452
452
  };
453
453
 
@@ -594,7 +594,7 @@ var Sidebar = (props) => {
594
594
  ButtonElement,
595
595
  {
596
596
  ...item,
597
- className: `${props.className} ${item.active ? props.activeClassName : ""}`,
597
+ className: item.active ? props.activeClassName : props.className,
598
598
  iconsClassName: props.iconsClassName,
599
599
  onClick: (e) => {
600
600
  e.preventDefault();
@@ -810,8 +810,7 @@ var TableElement = (props) => {
810
810
  dataSource,
811
811
  columns,
812
812
  size: props.size,
813
- bordered: true,
814
- scroll: { x: 1300 }
813
+ bordered: true
815
814
  }
816
815
  ), model && /* @__PURE__ */ import_react20.default.createElement(ModelElement, { selectedRecord, ...props, columns, model, onCancel: () => setModel(false) }));
817
816
  };
@@ -826,7 +825,7 @@ var DatePickerElement = (props) => {
826
825
  const [dateState, setDateState] = (0, import_react21.useState)("");
827
826
  const handleChange = (date, dateString) => {
828
827
  if (date) {
829
- const formattedDate = date;
828
+ const formattedDate = dateString;
830
829
  setDateState(date);
831
830
  if (props.onChange) {
832
831
  props.onChange(formattedDate);
@@ -1138,8 +1137,9 @@ var Donut = (props) => {
1138
1137
  }
1139
1138
  ]
1140
1139
  };
1141
- return /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, /* @__PURE__ */ import_react31.default.createElement(HighchartsChart, { highcharts: import_highcharts.default, options: chartOptions }));
1140
+ return /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, /* @__PURE__ */ import_react31.default.createElement(HighchartsChart, { options: chartOptions }));
1142
1141
  };
1142
+ var Donut_default = Donut;
1143
1143
  // Annotate the CommonJS export names for ESM import in node:
1144
1144
  0 && (module.exports = {
1145
1145
  AddMoreTable,
package/dist/index.mjs CHANGED
@@ -356,7 +356,7 @@ var ButtonElement = (props) => {
356
356
  }
357
357
  }).catch((error) => console.error("Error fetching SVG:", error));
358
358
  }
359
- }, []);
359
+ }, [props.icon, props.className]);
360
360
  const handleMouseEnter = () => {
361
361
  if (hoverColor && originalSvgContent) {
362
362
  const tempDiv = document.createElement("div");
@@ -378,15 +378,15 @@ var ButtonElement = (props) => {
378
378
  onClick: props.onClick,
379
379
  className: `${props.className ? props.className : ""}`,
380
380
  onMouseEnter: handleMouseEnter,
381
- onMouseLeave: handleMouseLeave,
382
- disabled: props.loading
381
+ onMouseLeave: handleMouseLeave
383
382
  },
384
- props.loading ? /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement("svg", { className: "animate-spin h-5 w-5 mr-3", viewBox: "0 0 24 24" }, /* @__PURE__ */ React11.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React11.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8v8H4z" })), props.label) : /* @__PURE__ */ React11.createElement(React11.Fragment, null, props.isSVGStylesOverride === false ? props.icon && /* @__PURE__ */ React11.createElement("img", { className: props.iconsClassName, src: props.icon, alt: props.label }) : svgContent && /* @__PURE__ */ React11.createElement(
383
+ props.isSVGStylesOverride === false ? props.icon && /* @__PURE__ */ React11.createElement("img", { className: props.iconsClassName, src: props.icon, alt: props.label }) : svgContent && /* @__PURE__ */ React11.createElement(
385
384
  "span",
386
385
  {
387
386
  dangerouslySetInnerHTML: { __html: svgContent }
388
387
  }
389
- ), props.label)
388
+ ),
389
+ props.label
390
390
  );
391
391
  };
392
392
 
@@ -533,7 +533,7 @@ var Sidebar = (props) => {
533
533
  ButtonElement,
534
534
  {
535
535
  ...item,
536
- className: `${props.className} ${item.active ? props.activeClassName : ""}`,
536
+ className: item.active ? props.activeClassName : props.className,
537
537
  iconsClassName: props.iconsClassName,
538
538
  onClick: (e) => {
539
539
  e.preventDefault();
@@ -749,8 +749,7 @@ var TableElement = (props) => {
749
749
  dataSource,
750
750
  columns,
751
751
  size: props.size,
752
- bordered: true,
753
- scroll: { x: 1300 }
752
+ bordered: true
754
753
  }
755
754
  ), model && /* @__PURE__ */ React20.createElement(ModelElement, { selectedRecord, ...props, columns, model, onCancel: () => setModel(false) }));
756
755
  };
@@ -765,7 +764,7 @@ var DatePickerElement = (props) => {
765
764
  const [dateState, setDateState] = useState7("");
766
765
  const handleChange = (date, dateString) => {
767
766
  if (date) {
768
- const formattedDate = date;
767
+ const formattedDate = dateString;
769
768
  setDateState(date);
770
769
  if (props.onChange) {
771
770
  props.onChange(formattedDate);
@@ -1077,8 +1076,9 @@ var Donut = (props) => {
1077
1076
  }
1078
1077
  ]
1079
1078
  };
1080
- return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(HighchartsChart, { highcharts: Highcharts, options: chartOptions }));
1079
+ return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(HighchartsChart, { options: chartOptions }));
1081
1080
  };
1081
+ var Donut_default = Donut;
1082
1082
  export {
1083
1083
  AddMoreTable,
1084
1084
  ButtonElement,
@@ -1086,7 +1086,7 @@ export {
1086
1086
  CkEditor,
1087
1087
  DatePickerElement,
1088
1088
  DateRangePickerElement,
1089
- Donut,
1089
+ Donut_default as Donut,
1090
1090
  DropDownGroup,
1091
1091
  FileUpload,
1092
1092
  Image,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.14-Beta105",
3
+ "version": "0.0.14-Beta107",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",