@apexcura/ui-components 0.0.12-Beta52 → 0.0.12-Beta53

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 -28
  2. package/dist/index.d.mts +1 -1
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js +14 -10
  5. package/dist/index.mjs +15 -11
  6. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -431,34 +431,6 @@ video {
431
431
  background-color: white;
432
432
  border: solid 1px #472D7A;
433
433
  }
434
- :where(.css-dev-only-do-not-override-1r287do).ant-input-affix-wrapper {
435
- border: solid 1px #919191;
436
- width: 275px;
437
- height: 16px;
438
- padding: 16px;
439
- gap: 10px;
440
- }
441
- :where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:hover {
442
- border: solid 1px #919191;
443
- }
444
- :where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:focus {
445
- border: solid 1px #919191;
446
- }
447
- :where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:focus-within {
448
- border: solid 1px #919191;
449
- }
450
- :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
451
- display: none;
452
- }
453
- :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::after {
454
- display: none;
455
- }
456
- :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper:not(:first-child)::before {
457
- width: 0;
458
- }
459
- :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper:first-child {
460
- border-inline-start: 1px solid rgb(145 145 145);
461
- }
462
434
  .hover\:bg-\[\#F2F2F2\]:hover {
463
435
  --tw-bg-opacity: 1;
464
436
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
package/dist/index.d.mts CHANGED
@@ -73,7 +73,7 @@ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
73
73
 
74
74
  declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
75
75
 
76
- declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
76
+ declare const ButtonElement: React$1.FC<ElementType>;
77
77
 
78
78
  declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
79
79
 
package/dist/index.d.ts CHANGED
@@ -73,7 +73,7 @@ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
73
73
 
74
74
  declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
75
75
 
76
- declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
76
+ declare const ButtonElement: React$1.FC<ElementType>;
77
77
 
78
78
  declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
79
79
 
package/dist/index.js CHANGED
@@ -187,14 +187,11 @@ var import_react6 = __toESM(require("react"));
187
187
  var import_antd6 = require("antd");
188
188
  var containerClassName = " ";
189
189
  var className = "bg-[#F2F2F2] border border-[#919191] rounded-[8px] p-[6px_6px] m-[10px] hover:bg-[#F2F2F2] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
190
- var selectedClassName = "!bg-[#E2D6F8] !border !border-[#B8A4DE] rounded-[8px] p-[6px_6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
190
+ var selectedClassName = "!bg-[#E2D6F8] !border !border-[#B8A4DE] rounded-[8px] p-[6px_6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
191
191
  var RadioElement = (props) => {
192
192
  const [isDisabled, setIsDisabled] = (0, import_react6.useState)(props.disabled);
193
193
  const [selectedValue, setSelectedValue] = (0, import_react6.useState)(props.value);
194
- let optionType;
195
- if (props.optionType === "button") {
196
- optionType = props.optionType;
197
- }
194
+ const optionType = props.optionType === "button" ? "button" : void 0;
198
195
  const handleChange = (e) => {
199
196
  const selectedVal = e.target.value;
200
197
  const selectedOptions = [{ id: selectedVal, value: selectedVal }];
@@ -205,14 +202,14 @@ var RadioElement = (props) => {
205
202
  }
206
203
  };
207
204
  const getButtonStyle = (option) => {
208
- return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName}` : `${className} ${option.className}`;
205
+ return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName || ""}` : `${className} ${option.className || ""}`;
209
206
  };
210
- return /* @__PURE__ */ import_react6.default.createElement("div", null, /* @__PURE__ */ import_react6.default.createElement(
207
+ return /* @__PURE__ */ import_react6.default.createElement("div", { className: containerClassName }, /* @__PURE__ */ import_react6.default.createElement(
211
208
  import_antd6.Radio.Group,
212
209
  {
213
210
  onChange: handleChange,
214
211
  optionType,
215
- className: `${containerClassName} ${props.className && props.className}`,
212
+ className: props.className || "",
216
213
  value: selectedValue
217
214
  },
218
215
  props.options && props.options.map((option) => /* @__PURE__ */ import_react6.default.createElement(
@@ -387,12 +384,19 @@ var MultipleSelectElement = (props) => {
387
384
  // src/Components/Button.tsx
388
385
  var import_react12 = __toESM(require("react"));
389
386
  var import_antd10 = require("antd");
390
- var className2 = "w-[126px] h-[40px] bg-purple-800 text-white rounded-full shadow-lg submit border-none";
387
+ var defaultClassName = "w-[126px] h-[40px] bg-purple-800 text-white rounded-full shadow-lg submit border-none";
391
388
  var ButtonElement = (props) => {
392
389
  const handleClick = typeof props.action === "string" ? () => {
393
390
  console.log("Performing action:", props.action);
394
391
  } : props.action;
395
- return /* @__PURE__ */ import_react12.default.createElement(import_antd10.Flex, null, /* @__PURE__ */ import_react12.default.createElement(import_antd10.Button, { onClick: handleClick, className: `${className2} ${props.className && props.className}` }, props.label));
392
+ return /* @__PURE__ */ import_react12.default.createElement(
393
+ import_antd10.Button,
394
+ {
395
+ onClick: handleClick,
396
+ className: `${defaultClassName} ${props.className ? props.className : ""}`
397
+ },
398
+ props.label
399
+ );
396
400
  };
397
401
 
398
402
  // src/Components/AddMoreTable.tsx
package/dist/index.mjs CHANGED
@@ -140,14 +140,11 @@ import React6, { useState as useState2 } from "react";
140
140
  import { Radio } from "antd";
141
141
  var containerClassName = " ";
142
142
  var className = "bg-[#F2F2F2] border border-[#919191] rounded-[8px] p-[6px_6px] m-[10px] hover:bg-[#F2F2F2] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
143
- var selectedClassName = "!bg-[#E2D6F8] !border !border-[#B8A4DE] rounded-[8px] p-[6px_6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
143
+ var selectedClassName = "!bg-[#E2D6F8] !border !border-[#B8A4DE] rounded-[8px] p-[6px_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);
147
- let optionType;
148
- if (props.optionType === "button") {
149
- optionType = props.optionType;
150
- }
147
+ const optionType = props.optionType === "button" ? "button" : void 0;
151
148
  const handleChange = (e) => {
152
149
  const selectedVal = e.target.value;
153
150
  const selectedOptions = [{ id: selectedVal, value: selectedVal }];
@@ -158,14 +155,14 @@ var RadioElement = (props) => {
158
155
  }
159
156
  };
160
157
  const getButtonStyle = (option) => {
161
- return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName}` : `${className} ${option.className}`;
158
+ return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName || ""}` : `${className} ${option.className || ""}`;
162
159
  };
163
- return /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement(
160
+ return /* @__PURE__ */ React6.createElement("div", { className: containerClassName }, /* @__PURE__ */ React6.createElement(
164
161
  Radio.Group,
165
162
  {
166
163
  onChange: handleChange,
167
164
  optionType,
168
- className: `${containerClassName} ${props.className && props.className}`,
165
+ className: props.className || "",
169
166
  value: selectedValue
170
167
  },
171
168
  props.options && props.options.map((option) => /* @__PURE__ */ React6.createElement(
@@ -339,13 +336,20 @@ var MultipleSelectElement = (props) => {
339
336
 
340
337
  // src/Components/Button.tsx
341
338
  import React11 from "react";
342
- import { Button as Button2, Flex as Flex2 } from "antd";
343
- var className2 = "w-[126px] h-[40px] bg-purple-800 text-white rounded-full shadow-lg submit border-none";
339
+ import { Button as Button2 } from "antd";
340
+ var defaultClassName = "w-[126px] h-[40px] bg-purple-800 text-white rounded-full shadow-lg submit border-none";
344
341
  var ButtonElement = (props) => {
345
342
  const handleClick = typeof props.action === "string" ? () => {
346
343
  console.log("Performing action:", props.action);
347
344
  } : props.action;
348
- return /* @__PURE__ */ React11.createElement(Flex2, null, /* @__PURE__ */ React11.createElement(Button2, { onClick: handleClick, className: `${className2} ${props.className && props.className}` }, props.label));
345
+ return /* @__PURE__ */ React11.createElement(
346
+ Button2,
347
+ {
348
+ onClick: handleClick,
349
+ className: `${defaultClassName} ${props.className ? props.className : ""}`
350
+ },
351
+ props.label
352
+ );
349
353
  };
350
354
 
351
355
  // src/Components/AddMoreTable.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.12-Beta52",
3
+ "version": "0.0.12-Beta53",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",