@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 +0 -12
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +5 -6
- package/dist/index.mjs +5 -6
- package/package.json +1 -1
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
package/dist/index.d.ts
CHANGED
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", {
|
|
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.
|
|
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
|
-
|
|
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:
|
|
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", {
|
|
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.
|
|
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
|
-
|
|
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:
|
|
881
|
+
value: dateValues
|
|
883
882
|
}
|
|
884
883
|
));
|
|
885
884
|
};
|