@apexcura/ui-components 0.0.11-Beta115 → 0.0.11-Beta117
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 +35 -0
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +5 -14
- package/dist/index.mjs +6 -15
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -332,6 +332,34 @@ video {
|
|
|
332
332
|
--tw-contain-paint: ;
|
|
333
333
|
--tw-contain-style: ;
|
|
334
334
|
}
|
|
335
|
+
.container {
|
|
336
|
+
width: 100%;
|
|
337
|
+
}
|
|
338
|
+
@media (min-width: 640px) {
|
|
339
|
+
.container {
|
|
340
|
+
max-width: 640px;
|
|
341
|
+
}
|
|
342
|
+
}
|
|
343
|
+
@media (min-width: 768px) {
|
|
344
|
+
.container {
|
|
345
|
+
max-width: 768px;
|
|
346
|
+
}
|
|
347
|
+
}
|
|
348
|
+
@media (min-width: 1024px) {
|
|
349
|
+
.container {
|
|
350
|
+
max-width: 1024px;
|
|
351
|
+
}
|
|
352
|
+
}
|
|
353
|
+
@media (min-width: 1280px) {
|
|
354
|
+
.container {
|
|
355
|
+
max-width: 1280px;
|
|
356
|
+
}
|
|
357
|
+
}
|
|
358
|
+
@media (min-width: 1536px) {
|
|
359
|
+
.container {
|
|
360
|
+
max-width: 1536px;
|
|
361
|
+
}
|
|
362
|
+
}
|
|
335
363
|
.visible {
|
|
336
364
|
visibility: visible;
|
|
337
365
|
}
|
|
@@ -341,6 +369,10 @@ video {
|
|
|
341
369
|
.m-\[10px\] {
|
|
342
370
|
margin: 10px;
|
|
343
371
|
}
|
|
372
|
+
.mx-auto {
|
|
373
|
+
margin-left: auto;
|
|
374
|
+
margin-right: auto;
|
|
375
|
+
}
|
|
344
376
|
.table {
|
|
345
377
|
display: table;
|
|
346
378
|
}
|
|
@@ -388,6 +420,9 @@ video {
|
|
|
388
420
|
--tw-bg-opacity: 1;
|
|
389
421
|
background-color: rgb(107 33 168 / var(--tw-bg-opacity));
|
|
390
422
|
}
|
|
423
|
+
.p-4 {
|
|
424
|
+
padding: 1rem;
|
|
425
|
+
}
|
|
391
426
|
.p-\[6px\] {
|
|
392
427
|
padding: 6px;
|
|
393
428
|
}
|
package/dist/index.d.mts
CHANGED
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -546,26 +546,17 @@ var import_react17 = __toESM(require("react"));
|
|
|
546
546
|
// src/Components/Notofication.tsx
|
|
547
547
|
var import_react15 = __toESM(require("react"));
|
|
548
548
|
var import_antd12 = require("antd");
|
|
549
|
-
var Notification = (props) => /* @__PURE__ */ import_react15.default.createElement(
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
className: props.notification.className,
|
|
553
|
-
content: props.notification.items?.map((eachItem) => {
|
|
554
|
-
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));
|
|
555
|
-
}),
|
|
556
|
-
trigger: "focus",
|
|
557
|
-
placement: "bottomRight"
|
|
558
|
-
},
|
|
559
|
-
/* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("span", null, props.notification.icon), /* @__PURE__ */ import_react15.default.createElement("span", { className: props.notification.countClassName }, props.notification.count))
|
|
560
|
-
);
|
|
549
|
+
var Notification = (props) => /* @__PURE__ */ import_react15.default.createElement(import_antd12.Popover, { className: props.notification.className, content: props.notification.items?.map((eachItem) => {
|
|
550
|
+
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));
|
|
551
|
+
}), trigger: "focus", placement: "bottomRight" }, /* @__PURE__ */ import_react15.default.createElement(import_antd12.Button, { className: props.notification.buttonClassname }, /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("span", null, props.notification.icon), /* @__PURE__ */ import_react15.default.createElement("span", { className: props.notification.countClassName }, props.notification.count))));
|
|
561
552
|
|
|
562
553
|
// src/Components/Profile.tsx
|
|
563
554
|
var import_react16 = __toESM(require("react"));
|
|
564
|
-
var Profile = (props) => /* @__PURE__ */ import_react16.default.createElement("div", { className: props.profile.className }, /* @__PURE__ */ import_react16.default.createElement("img", { src: props.profile.profileImage }), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("span", null, props.profile.primaryText), /* @__PURE__ */ import_react16.default.createElement("span", null, props.profile.secondaryText)));
|
|
555
|
+
var Profile = (props) => /* @__PURE__ */ import_react16.default.createElement("div", { className: props.profile.className }, /* @__PURE__ */ import_react16.default.createElement("img", { src: props.profile.profileImage, alt: "profile" }), /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("span", null, props.profile.primaryText), /* @__PURE__ */ import_react16.default.createElement("span", null, props.profile.secondaryText)));
|
|
565
556
|
|
|
566
557
|
// src/Components/Navbar.tsx
|
|
567
558
|
var Navbar = (props) => {
|
|
568
|
-
return /* @__PURE__ */ import_react17.default.createElement("div", { className:
|
|
559
|
+
return /* @__PURE__ */ import_react17.default.createElement("div", { className: "container mx-auto p-4" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: props.subContainerClassname }, /* @__PURE__ */ import_react17.default.createElement("h1", null, "nkjda"), /* @__PURE__ */ import_react17.default.createElement("span", { className: props.dashboard.className }, props.dashboard.label), /* @__PURE__ */ import_react17.default.createElement("div", null, /* @__PURE__ */ import_react17.default.createElement("div", null, /* @__PURE__ */ import_react17.default.createElement(Notification, { ...props })), /* @__PURE__ */ import_react17.default.createElement("div", null, /* @__PURE__ */ import_react17.default.createElement(Profile, { ...props })))));
|
|
569
560
|
};
|
|
570
561
|
// Annotate the CommonJS export names for ESM import in node:
|
|
571
562
|
0 && (module.exports = {
|
package/dist/index.mjs
CHANGED
|
@@ -496,27 +496,18 @@ import React16 from "react";
|
|
|
496
496
|
|
|
497
497
|
// src/Components/Notofication.tsx
|
|
498
498
|
import React14 from "react";
|
|
499
|
-
import { Popover } from "antd";
|
|
500
|
-
var Notification = (props) => /* @__PURE__ */ React14.createElement(
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
className: props.notification.className,
|
|
504
|
-
content: props.notification.items?.map((eachItem) => {
|
|
505
|
-
return /* @__PURE__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement("p", null, eachItem.text), /* @__PURE__ */ React14.createElement("p", null, eachItem.time));
|
|
506
|
-
}),
|
|
507
|
-
trigger: "focus",
|
|
508
|
-
placement: "bottomRight"
|
|
509
|
-
},
|
|
510
|
-
/* @__PURE__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement("span", null, props.notification.icon), /* @__PURE__ */ React14.createElement("span", { className: props.notification.countClassName }, props.notification.count))
|
|
511
|
-
);
|
|
499
|
+
import { Button as Button4, Popover } from "antd";
|
|
500
|
+
var Notification = (props) => /* @__PURE__ */ React14.createElement(Popover, { className: props.notification.className, content: props.notification.items?.map((eachItem) => {
|
|
501
|
+
return /* @__PURE__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement("p", null, eachItem.text), /* @__PURE__ */ React14.createElement("p", null, eachItem.time));
|
|
502
|
+
}), trigger: "focus", placement: "bottomRight" }, /* @__PURE__ */ React14.createElement(Button4, { className: props.notification.buttonClassname }, /* @__PURE__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement("span", null, props.notification.icon), /* @__PURE__ */ React14.createElement("span", { className: props.notification.countClassName }, props.notification.count))));
|
|
512
503
|
|
|
513
504
|
// src/Components/Profile.tsx
|
|
514
505
|
import React15 from "react";
|
|
515
|
-
var Profile = (props) => /* @__PURE__ */ React15.createElement("div", { className: props.profile.className }, /* @__PURE__ */ React15.createElement("img", { src: props.profile.profileImage }), /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("span", null, props.profile.primaryText), /* @__PURE__ */ React15.createElement("span", null, props.profile.secondaryText)));
|
|
506
|
+
var Profile = (props) => /* @__PURE__ */ React15.createElement("div", { className: props.profile.className }, /* @__PURE__ */ React15.createElement("img", { src: props.profile.profileImage, alt: "profile" }), /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("span", null, props.profile.primaryText), /* @__PURE__ */ React15.createElement("span", null, props.profile.secondaryText)));
|
|
516
507
|
|
|
517
508
|
// src/Components/Navbar.tsx
|
|
518
509
|
var Navbar = (props) => {
|
|
519
|
-
return /* @__PURE__ */ React16.createElement("div", { className:
|
|
510
|
+
return /* @__PURE__ */ React16.createElement("div", { className: "container mx-auto p-4" }, /* @__PURE__ */ React16.createElement("div", { className: props.subContainerClassname }, /* @__PURE__ */ React16.createElement("h1", null, "nkjda"), /* @__PURE__ */ React16.createElement("span", { className: props.dashboard.className }, props.dashboard.label), /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement(Notification, { ...props })), /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement(Profile, { ...props })))));
|
|
520
511
|
};
|
|
521
512
|
export {
|
|
522
513
|
AddMoreTable,
|