@apexcura/ui-components 0.0.12-Beta75 → 0.0.12-Beta77

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.js CHANGED
@@ -197,7 +197,7 @@ var RadioElement = (props) => {
197
197
  const handleChange = (e) => {
198
198
  console.log(e);
199
199
  const selectedVal = e.target.value;
200
- const selectedLabel = e.target.label;
200
+ const selectedLabel = props.options ? props.options.find((f) => f.value === selectedVal)?.label : "";
201
201
  const selectedOptions = { label: selectedLabel, value: selectedVal };
202
202
  setSelectedValue(selectedVal);
203
203
  setIsDisabled(true);
@@ -543,7 +543,7 @@ var Sidebar = (props) => {
543
543
  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) => {
544
544
  return /* @__PURE__ */ import_react14.default.createElement("li", { onClick: () => {
545
545
  handleChange(item);
546
- }, 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));
546
+ }, key: item.label, className: `${props.listItemClassName} ${item.active && props.activeClassName}` }, /* @__PURE__ */ import_react14.default.createElement("p", null, item.icon), /* @__PURE__ */ import_react14.default.createElement("p", null, item.label));
547
547
  })));
548
548
  };
549
549
 
@@ -559,22 +559,22 @@ var Notification = (props) => /* @__PURE__ */ import_react15.default.createEleme
559
559
  className: props.className,
560
560
  content: props.items?.map(
561
561
  (eachItem) => {
562
- return /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("p", null, eachItem.text), /* @__PURE__ */ import_react15.default.createElement("p", null, eachItem.time));
562
+ return /* @__PURE__ */ import_react15.default.createElement("div", { key: eachItem.text }, /* @__PURE__ */ import_react15.default.createElement("p", null, eachItem.text), /* @__PURE__ */ import_react15.default.createElement("p", null, eachItem.time));
563
563
  }
564
564
  ),
565
565
  trigger: "focus",
566
566
  placement: "bottomRight"
567
567
  },
568
- /* @__PURE__ */ import_react15.default.createElement(import_antd12.Badge, { count: props.count }, props.icon)
568
+ /* @__PURE__ */ import_react15.default.createElement(import_antd12.Button, { className: props.notification.buttonClassName }, /* @__PURE__ */ import_react15.default.createElement("span", null, props.notification.icon), /* @__PURE__ */ import_react15.default.createElement("span", null, props.notification.count))
569
569
  );
570
570
 
571
571
  // src/Components/Profile.tsx
572
572
  var import_react16 = __toESM(require("react"));
573
- var Profile = (props) => /* @__PURE__ */ import_react16.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react16.default.createElement("img", { src: props.profileImage, alt: "profile", className: props.profileImageClassName }), /* @__PURE__ */ import_react16.default.createElement("div", { className: props.profileSubClassName }, /* @__PURE__ */ import_react16.default.createElement("span", null, props.primaryText), /* @__PURE__ */ import_react16.default.createElement("span", null, props.secondaryText)));
573
+ var Profile = (props) => /* @__PURE__ */ import_react16.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react16.default.createElement("img", { src: props.profileImage, alt: "profile", className: props.profileImageClassName }), /* @__PURE__ */ import_react16.default.createElement("div", { className: props.profileSubClassName }, /* @__PURE__ */ import_react16.default.createElement("p", null, props.primaryText), /* @__PURE__ */ import_react16.default.createElement("p", null, props.secondaryText)));
574
574
 
575
575
  // src/Components/Navbar.tsx
576
576
  var Navbar = (props) => {
577
- return /* @__PURE__ */ import_react17.default.createElement("div", { className: ` ${props.className}` }, props.items && props.items.map((item) => {
577
+ return /* @__PURE__ */ import_react17.default.createElement("div", { className: `${props.className}`, key: props.name }, props.items && props.items.map((item) => {
578
578
  if (item.element === "span") {
579
579
  return /* @__PURE__ */ import_react17.default.createElement("span", { className: item.className }, item.label);
580
580
  } else if (item.element === "notifications") {
package/dist/index.mjs CHANGED
@@ -148,7 +148,7 @@ var RadioElement = (props) => {
148
148
  const handleChange = (e) => {
149
149
  console.log(e);
150
150
  const selectedVal = e.target.value;
151
- const selectedLabel = e.target.label;
151
+ const selectedLabel = props.options ? props.options.find((f) => f.value === selectedVal)?.label : "";
152
152
  const selectedOptions = { label: selectedLabel, value: selectedVal };
153
153
  setSelectedValue(selectedVal);
154
154
  setIsDisabled(true);
@@ -494,7 +494,7 @@ var Sidebar = (props) => {
494
494
  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) => {
495
495
  return /* @__PURE__ */ React13.createElement("li", { onClick: () => {
496
496
  handleChange(item);
497
- }, key: item.label, className: `${props.listItemClassName} ${item.active && props.activeClassName}` }, /* @__PURE__ */ React13.createElement("span", null, item.icon), /* @__PURE__ */ React13.createElement("span", null, item.label));
497
+ }, key: item.label, className: `${props.listItemClassName} ${item.active && props.activeClassName}` }, /* @__PURE__ */ React13.createElement("p", null, item.icon), /* @__PURE__ */ React13.createElement("p", null, item.label));
498
498
  })));
499
499
  };
500
500
 
@@ -503,29 +503,29 @@ import React16 from "react";
503
503
 
504
504
  // src/Components/Notification.tsx
505
505
  import React14 from "react";
506
- import { Popover, Badge } from "antd";
506
+ import { Popover, Button as Button4 } from "antd";
507
507
  var Notification = (props) => /* @__PURE__ */ React14.createElement(
508
508
  Popover,
509
509
  {
510
510
  className: props.className,
511
511
  content: props.items?.map(
512
512
  (eachItem) => {
513
- return /* @__PURE__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement("p", null, eachItem.text), /* @__PURE__ */ React14.createElement("p", null, eachItem.time));
513
+ return /* @__PURE__ */ React14.createElement("div", { key: eachItem.text }, /* @__PURE__ */ React14.createElement("p", null, eachItem.text), /* @__PURE__ */ React14.createElement("p", null, eachItem.time));
514
514
  }
515
515
  ),
516
516
  trigger: "focus",
517
517
  placement: "bottomRight"
518
518
  },
519
- /* @__PURE__ */ React14.createElement(Badge, { count: props.count }, props.icon)
519
+ /* @__PURE__ */ React14.createElement(Button4, { className: props.notification.buttonClassName }, /* @__PURE__ */ React14.createElement("span", null, props.notification.icon), /* @__PURE__ */ React14.createElement("span", null, props.notification.count))
520
520
  );
521
521
 
522
522
  // src/Components/Profile.tsx
523
523
  import React15 from "react";
524
- var Profile = (props) => /* @__PURE__ */ React15.createElement("div", { className: props.className }, /* @__PURE__ */ React15.createElement("img", { src: props.profileImage, alt: "profile", className: props.profileImageClassName }), /* @__PURE__ */ React15.createElement("div", { className: props.profileSubClassName }, /* @__PURE__ */ React15.createElement("span", null, props.primaryText), /* @__PURE__ */ React15.createElement("span", null, props.secondaryText)));
524
+ var Profile = (props) => /* @__PURE__ */ React15.createElement("div", { className: props.className }, /* @__PURE__ */ React15.createElement("img", { src: props.profileImage, alt: "profile", className: props.profileImageClassName }), /* @__PURE__ */ React15.createElement("div", { className: props.profileSubClassName }, /* @__PURE__ */ React15.createElement("p", null, props.primaryText), /* @__PURE__ */ React15.createElement("p", null, props.secondaryText)));
525
525
 
526
526
  // src/Components/Navbar.tsx
527
527
  var Navbar = (props) => {
528
- return /* @__PURE__ */ React16.createElement("div", { className: ` ${props.className}` }, props.items && props.items.map((item) => {
528
+ return /* @__PURE__ */ React16.createElement("div", { className: `${props.className}`, key: props.name }, props.items && props.items.map((item) => {
529
529
  if (item.element === "span") {
530
530
  return /* @__PURE__ */ React16.createElement("span", { className: item.className }, item.label);
531
531
  } else if (item.element === "notifications") {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.12-Beta75",
3
+ "version": "0.0.12-Beta77",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",