@apexcura/ui-components 0.0.14-Beta232 → 0.0.14-Beta234

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.css CHANGED
@@ -341,9 +341,6 @@ video {
341
341
  .m-\[10px\] {
342
342
  margin: 10px;
343
343
  }
344
- .mr-2 {
345
- margin-right: 0.5rem;
346
- }
347
344
  .flex {
348
345
  display: flex;
349
346
  }
@@ -353,12 +350,6 @@ video {
353
350
  .grid {
354
351
  display: grid;
355
352
  }
356
- .h-4 {
357
- height: 1rem;
358
- }
359
- .w-4 {
360
- width: 1rem;
361
- }
362
353
  .rounded-\[8px\] {
363
354
  border-radius: 8px;
364
355
  }
@@ -381,9 +372,6 @@ video {
381
372
  --tw-bg-opacity: 1;
382
373
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
383
374
  }
384
- .fill-current {
385
- fill: currentColor;
386
- }
387
375
  .p-\[6px\] {
388
376
  padding: 6px;
389
377
  }
package/dist/index.d.mts CHANGED
@@ -46,7 +46,7 @@ type ElementType = {
46
46
  primaryText?: string;
47
47
  secondaryText?: string;
48
48
  count?: number;
49
- icon?: string;
49
+ icon?: string | any;
50
50
  placement?: string;
51
51
  profileImage?: string;
52
52
  buttonClassName?: string;
package/dist/index.d.ts CHANGED
@@ -46,7 +46,7 @@ type ElementType = {
46
46
  primaryText?: string;
47
47
  secondaryText?: string;
48
48
  count?: number;
49
- icon?: string;
49
+ icon?: string | any;
50
50
  placement?: string;
51
51
  profileImage?: string;
52
52
  buttonClassName?: string;
package/dist/index.js CHANGED
@@ -387,14 +387,13 @@ var import_react12 = __toESM(require("react"));
387
387
  // src/constants/icons.tsx
388
388
  var import_react11 = __toESM(require("react"));
389
389
  var icons = {
390
- download: /* @__PURE__ */ import_react11.default.createElement("svg", { className: "fill-current w-4 h-4 mr-2", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z" }))
390
+ "download": /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z" })),
391
+ "save": /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M18.4602 4.67108H6.6883C5.5994 4.67108 4.72632 5.55397 4.72632 6.63306V20.3669C4.72632 21.446 5.5994 22.3289 6.6883 22.3289H20.4222C21.5013 22.3289 22.3842 21.446 22.3842 20.3669V8.59505L18.4602 4.67108ZM13.5552 20.3669C11.9268 20.3669 10.6123 19.0524 10.6123 17.424C10.6123 15.7955 11.9268 14.481 13.5552 14.481C15.1837 14.481 16.4982 15.7955 16.4982 17.424C16.4982 19.0524 15.1837 20.3669 13.5552 20.3669ZM16.4982 10.557H6.6883V6.63306H16.4982V10.557Z" }))
391
392
  };
392
393
 
393
394
  // src/Components/Button.tsx
394
395
  var ButtonElement = (props) => {
395
396
  const textColorClass = props.className?.match(/text-[\w-]+/g)?.[0] === "text-white";
396
- console.log(textColorClass);
397
- console.log(props.className?.match(/text-[\w-]+/g)?.[0]);
398
397
  return /* @__PURE__ */ import_react12.default.createElement(
399
398
  "button",
400
399
  {
@@ -405,7 +404,7 @@ var ButtonElement = (props) => {
405
404
  cursor: props.loading ? "no-drop" : "pointer"
406
405
  }
407
406
  },
408
- /* @__PURE__ */ import_react12.default.createElement("span", { className: props.iconsClassName }, icons.download, /* @__PURE__ */ import_react12.default.createElement("style", null, textColorClass ? `.${props.className?.match(/text-[\w-]+/g)?.[0]} path {
407
+ /* @__PURE__ */ import_react12.default.createElement("span", { className: props.iconsClassName }, props.isSVGStylesOverride === false ? props.icon : icons[props.icon], /* @__PURE__ */ import_react12.default.createElement("style", null, textColorClass ? `.${props.className?.match(/text-[\w-]+/g)?.[0]} path {
409
408
  filter: brightness(0) invert(1);
410
409
  }` : `.${props.className?.match(/text-[\w-]+/g)?.[0]} path {
411
410
  fill: #A3A3A3;
@@ -921,7 +920,7 @@ var import_moment3 = __toESM(require("moment"));
921
920
  var DateRangePickerElement = (props) => {
922
921
  const { value } = props;
923
922
  const { RangePicker } = import_antd16.DatePicker;
924
- console.log(value);
923
+ const dateValues = value ? value.map((date) => (0, import_dayjs2.default)(date, "DD-MM-YYYY")) : null;
925
924
  const handleChange = (dates, dateStrings) => {
926
925
  if (dates) {
927
926
  props.onChange && props.onChange(dateStrings);
@@ -945,7 +944,7 @@ var DateRangePickerElement = (props) => {
945
944
  presets: rangePresets,
946
945
  format: { format: "DD-MM-YYYY" },
947
946
  onChange: handleChange,
948
- value: value && [(0, import_dayjs2.default)(value[0]), (0, import_dayjs2.default)(value[1])]
947
+ value: dateValues
949
948
  }
950
949
  ));
951
950
  };
package/dist/index.mjs CHANGED
@@ -321,14 +321,13 @@ import React12 from "react";
321
321
  // src/constants/icons.tsx
322
322
  import React11 from "react";
323
323
  var icons = {
324
- download: /* @__PURE__ */ React11.createElement("svg", { className: "fill-current w-4 h-4 mr-2", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" }, /* @__PURE__ */ React11.createElement("path", { d: "M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z" }))
324
+ "download": /* @__PURE__ */ React11.createElement("svg", { xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React11.createElement("path", { d: "M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z" })),
325
+ "save": /* @__PURE__ */ React11.createElement("svg", { xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React11.createElement("path", { d: "M18.4602 4.67108H6.6883C5.5994 4.67108 4.72632 5.55397 4.72632 6.63306V20.3669C4.72632 21.446 5.5994 22.3289 6.6883 22.3289H20.4222C21.5013 22.3289 22.3842 21.446 22.3842 20.3669V8.59505L18.4602 4.67108ZM13.5552 20.3669C11.9268 20.3669 10.6123 19.0524 10.6123 17.424C10.6123 15.7955 11.9268 14.481 13.5552 14.481C15.1837 14.481 16.4982 15.7955 16.4982 17.424C16.4982 19.0524 15.1837 20.3669 13.5552 20.3669ZM16.4982 10.557H6.6883V6.63306H16.4982V10.557Z" }))
325
326
  };
326
327
 
327
328
  // src/Components/Button.tsx
328
329
  var ButtonElement = (props) => {
329
330
  const textColorClass = props.className?.match(/text-[\w-]+/g)?.[0] === "text-white";
330
- console.log(textColorClass);
331
- console.log(props.className?.match(/text-[\w-]+/g)?.[0]);
332
331
  return /* @__PURE__ */ React12.createElement(
333
332
  "button",
334
333
  {
@@ -339,7 +338,7 @@ var ButtonElement = (props) => {
339
338
  cursor: props.loading ? "no-drop" : "pointer"
340
339
  }
341
340
  },
342
- /* @__PURE__ */ React12.createElement("span", { className: props.iconsClassName }, icons.download, /* @__PURE__ */ React12.createElement("style", null, textColorClass ? `.${props.className?.match(/text-[\w-]+/g)?.[0]} path {
341
+ /* @__PURE__ */ React12.createElement("span", { className: props.iconsClassName }, props.isSVGStylesOverride === false ? props.icon : icons[props.icon], /* @__PURE__ */ React12.createElement("style", null, textColorClass ? `.${props.className?.match(/text-[\w-]+/g)?.[0]} path {
343
342
  filter: brightness(0) invert(1);
344
343
  }` : `.${props.className?.match(/text-[\w-]+/g)?.[0]} path {
345
344
  fill: #A3A3A3;
@@ -855,7 +854,7 @@ import moment3 from "moment";
855
854
  var DateRangePickerElement = (props) => {
856
855
  const { value } = props;
857
856
  const { RangePicker } = DatePicker2;
858
- console.log(value);
857
+ const dateValues = value ? value.map((date) => dayjs2(date, "DD-MM-YYYY")) : null;
859
858
  const handleChange = (dates, dateStrings) => {
860
859
  if (dates) {
861
860
  props.onChange && props.onChange(dateStrings);
@@ -879,7 +878,7 @@ var DateRangePickerElement = (props) => {
879
878
  presets: rangePresets,
880
879
  format: { format: "DD-MM-YYYY" },
881
880
  onChange: handleChange,
882
- value: value && [dayjs2(value[0]), dayjs2(value[1])]
881
+ value: dateValues
883
882
  }
884
883
  ));
885
884
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.14-Beta232",
3
+ "version": "0.0.14-Beta234",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",