@apexcura/ui-components 0.0.11-Beta140 → 0.0.11-Beta141
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 -29
- package/dist/index.js +8 -6
- package/dist/index.mjs +8 -6
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -335,9 +335,6 @@ video {
|
|
|
335
335
|
.visible {
|
|
336
336
|
visibility: visible;
|
|
337
337
|
}
|
|
338
|
-
.\!m-\[10px\] {
|
|
339
|
-
margin: 10px !important;
|
|
340
|
-
}
|
|
341
338
|
.m-\[10px\] {
|
|
342
339
|
margin: 10px;
|
|
343
340
|
}
|
|
@@ -353,9 +350,6 @@ video {
|
|
|
353
350
|
.w-\[126px\] {
|
|
354
351
|
width: 126px;
|
|
355
352
|
}
|
|
356
|
-
.\!rounded-\[8px\] {
|
|
357
|
-
border-radius: 8px !important;
|
|
358
|
-
}
|
|
359
353
|
.rounded-\[8px\] {
|
|
360
354
|
border-radius: 8px;
|
|
361
355
|
}
|
|
@@ -375,10 +369,6 @@ video {
|
|
|
375
369
|
--tw-border-opacity: 1 !important;
|
|
376
370
|
border-color: rgb(184 164 222 / var(--tw-border-opacity)) !important;
|
|
377
371
|
}
|
|
378
|
-
.border-\[\#919191\] {
|
|
379
|
-
--tw-border-opacity: 1;
|
|
380
|
-
border-color: rgb(145 145 145 / var(--tw-border-opacity));
|
|
381
|
-
}
|
|
382
372
|
.border-\[\#E2D6F8\] {
|
|
383
373
|
--tw-border-opacity: 1;
|
|
384
374
|
border-color: rgb(226 214 248 / var(--tw-border-opacity));
|
|
@@ -387,10 +377,6 @@ video {
|
|
|
387
377
|
--tw-bg-opacity: 1 !important;
|
|
388
378
|
background-color: rgb(226 214 248 / var(--tw-bg-opacity)) !important;
|
|
389
379
|
}
|
|
390
|
-
.bg-\[\#F2F2F2\] {
|
|
391
|
-
--tw-bg-opacity: 1;
|
|
392
|
-
background-color: rgb(242 242 242 / var(--tw-bg-opacity));
|
|
393
|
-
}
|
|
394
380
|
.bg-purple-800 {
|
|
395
381
|
--tw-bg-opacity: 1;
|
|
396
382
|
background-color: rgb(107 33 168 / var(--tw-bg-opacity));
|
|
@@ -402,9 +388,6 @@ video {
|
|
|
402
388
|
.p-\[6px\] {
|
|
403
389
|
padding: 6px;
|
|
404
390
|
}
|
|
405
|
-
.\!text-center {
|
|
406
|
-
text-align: center !important;
|
|
407
|
-
}
|
|
408
391
|
.text-center {
|
|
409
392
|
text-align: center;
|
|
410
393
|
}
|
|
@@ -419,14 +402,6 @@ video {
|
|
|
419
402
|
--tw-text-opacity: 1;
|
|
420
403
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
421
404
|
}
|
|
422
|
-
.\!shadow-\[0px_0px_1px_1px_\#919191\] {
|
|
423
|
-
--tw-shadow: 0px 0px 1px 1px #919191 !important;
|
|
424
|
-
--tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color) !important;
|
|
425
|
-
box-shadow:
|
|
426
|
-
var(--tw-ring-offset-shadow, 0 0 #0000),
|
|
427
|
-
var(--tw-ring-shadow, 0 0 #0000),
|
|
428
|
-
var(--tw-shadow) !important;
|
|
429
|
-
}
|
|
430
405
|
.shadow-\[0px_0px_1px_1px_\#919191\] {
|
|
431
406
|
--tw-shadow: 0px 0px 1px 1px #919191;
|
|
432
407
|
--tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
|
|
@@ -490,7 +465,3 @@ video {
|
|
|
490
465
|
:where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper:first-child {
|
|
491
466
|
border-inline-start: 1px solid rgb(145 145 145);
|
|
492
467
|
}
|
|
493
|
-
.hover\:bg-\[\#F2F2F2\]:hover {
|
|
494
|
-
--tw-bg-opacity: 1;
|
|
495
|
-
background-color: rgb(242 242 242 / var(--tw-bg-opacity));
|
|
496
|
-
}
|
package/dist/index.js
CHANGED
|
@@ -188,8 +188,8 @@ var SelectElement = (props) => {
|
|
|
188
188
|
var import_react6 = __toESM(require("react"));
|
|
189
189
|
var import_antd6 = require("antd");
|
|
190
190
|
var containerClassName = " ";
|
|
191
|
-
var
|
|
192
|
-
var
|
|
191
|
+
var radioDefaultStyle = "bg-red-500 m-[10px]";
|
|
192
|
+
var radioSelectedDefaultStyle = "!bg-[#E2D6F8] !border !border-[#B8A4DE] rounded-[8px] p-[6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
|
|
193
193
|
var RadioElement = (props) => {
|
|
194
194
|
const [isDisabled, setIsDisabled] = (0, import_react6.useState)(props.disabled);
|
|
195
195
|
const [selectedValue, setSelectedValue] = (0, import_react6.useState)(props.value);
|
|
@@ -205,7 +205,7 @@ var RadioElement = (props) => {
|
|
|
205
205
|
}
|
|
206
206
|
};
|
|
207
207
|
const getButtonStyle = (option) => {
|
|
208
|
-
return selectedValue === option.value ? `${
|
|
208
|
+
return selectedValue === option.value ? `${radioSelectedDefaultStyle} ${option.selectedClassName}` : `${radioDefaultStyle} ${option.className}`;
|
|
209
209
|
};
|
|
210
210
|
return /* @__PURE__ */ import_react6.default.createElement("div", { className: containerClassName }, /* @__PURE__ */ import_react6.default.createElement("p", null, props.label), /* @__PURE__ */ import_react6.default.createElement(
|
|
211
211
|
import_antd6.Radio.Group,
|
|
@@ -534,13 +534,15 @@ var AddMoreTable = (props) => {
|
|
|
534
534
|
// src/Components/Sidebar.tsx
|
|
535
535
|
var import_react14 = __toESM(require("react"));
|
|
536
536
|
var Sidebar = (props) => {
|
|
537
|
-
const handleChange = (
|
|
537
|
+
const handleChange = (item) => {
|
|
538
538
|
if (props.onChange) {
|
|
539
|
-
props.onChange(
|
|
539
|
+
props.onChange(item);
|
|
540
540
|
}
|
|
541
541
|
};
|
|
542
542
|
return /* @__PURE__ */ import_react14.default.createElement("div", { className: props.className, key: props.name }, /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("img", { src: props.img, alt: "logo" })), /* @__PURE__ */ import_react14.default.createElement("ul", { className: props.listClassName }, props.items?.map((item) => {
|
|
543
|
-
return /* @__PURE__ */ import_react14.default.createElement("li", { onChange:
|
|
543
|
+
return /* @__PURE__ */ import_react14.default.createElement("li", { onChange: () => {
|
|
544
|
+
handleChange(item);
|
|
545
|
+
}, key: item.label, className: `${props.listItemClassName} ${item.active && props.activeClassName}` }, /* @__PURE__ */ import_react14.default.createElement("span", null, item.icon), /* @__PURE__ */ import_react14.default.createElement("span", null, item.label));
|
|
544
546
|
})));
|
|
545
547
|
};
|
|
546
548
|
|
package/dist/index.mjs
CHANGED
|
@@ -139,8 +139,8 @@ var SelectElement = (props) => {
|
|
|
139
139
|
import React6, { useState as useState2 } from "react";
|
|
140
140
|
import { Radio } from "antd";
|
|
141
141
|
var containerClassName = " ";
|
|
142
|
-
var
|
|
143
|
-
var
|
|
142
|
+
var radioDefaultStyle = "bg-red-500 m-[10px]";
|
|
143
|
+
var radioSelectedDefaultStyle = "!bg-[#E2D6F8] !border !border-[#B8A4DE] rounded-[8px] p-[6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
|
|
144
144
|
var RadioElement = (props) => {
|
|
145
145
|
const [isDisabled, setIsDisabled] = useState2(props.disabled);
|
|
146
146
|
const [selectedValue, setSelectedValue] = useState2(props.value);
|
|
@@ -156,7 +156,7 @@ var RadioElement = (props) => {
|
|
|
156
156
|
}
|
|
157
157
|
};
|
|
158
158
|
const getButtonStyle = (option) => {
|
|
159
|
-
return selectedValue === option.value ? `${
|
|
159
|
+
return selectedValue === option.value ? `${radioSelectedDefaultStyle} ${option.selectedClassName}` : `${radioDefaultStyle} ${option.className}`;
|
|
160
160
|
};
|
|
161
161
|
return /* @__PURE__ */ React6.createElement("div", { className: containerClassName }, /* @__PURE__ */ React6.createElement("p", null, props.label), /* @__PURE__ */ React6.createElement(
|
|
162
162
|
Radio.Group,
|
|
@@ -485,13 +485,15 @@ var AddMoreTable = (props) => {
|
|
|
485
485
|
// src/Components/Sidebar.tsx
|
|
486
486
|
import React13 from "react";
|
|
487
487
|
var Sidebar = (props) => {
|
|
488
|
-
const handleChange = (
|
|
488
|
+
const handleChange = (item) => {
|
|
489
489
|
if (props.onChange) {
|
|
490
|
-
props.onChange(
|
|
490
|
+
props.onChange(item);
|
|
491
491
|
}
|
|
492
492
|
};
|
|
493
493
|
return /* @__PURE__ */ React13.createElement("div", { className: props.className, key: props.name }, /* @__PURE__ */ React13.createElement("div", null, /* @__PURE__ */ React13.createElement("img", { src: props.img, alt: "logo" })), /* @__PURE__ */ React13.createElement("ul", { className: props.listClassName }, props.items?.map((item) => {
|
|
494
|
-
return /* @__PURE__ */ React13.createElement("li", { onChange:
|
|
494
|
+
return /* @__PURE__ */ React13.createElement("li", { onChange: () => {
|
|
495
|
+
handleChange(item);
|
|
496
|
+
}, key: item.label, className: `${props.listItemClassName} ${item.active && props.activeClassName}` }, /* @__PURE__ */ React13.createElement("span", null, item.icon), /* @__PURE__ */ React13.createElement("span", null, item.label));
|
|
495
497
|
})));
|
|
496
498
|
};
|
|
497
499
|
|