@apexcura/ui-components 0.0.13-Beta43 → 0.0.13-Beta44
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 +78 -124
- package/dist/index.mjs +1 -47
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -304,59 +304,13 @@ var CheckboxElement = (props) => {
|
|
|
304
304
|
};
|
|
305
305
|
|
|
306
306
|
// src/Components/CkEditor.tsx
|
|
307
|
-
var import_react8 = require("react");
|
|
308
|
-
var import_tinymce_react = require("@tinymce/tinymce-react");
|
|
309
|
-
var import_react9 = __toESM(require("react"));
|
|
307
|
+
var import_react8 = __toESM(require("react"));
|
|
310
308
|
var CkEditor = (props) => {
|
|
311
|
-
|
|
312
|
-
const log = () => {
|
|
313
|
-
if (editorRef.current) {
|
|
314
|
-
let content = editorRef.current.getContent();
|
|
315
|
-
if (props.onChange) {
|
|
316
|
-
props.onChange(content);
|
|
317
|
-
}
|
|
318
|
-
}
|
|
319
|
-
};
|
|
320
|
-
return /* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement(
|
|
321
|
-
import_tinymce_react.Editor,
|
|
322
|
-
{
|
|
323
|
-
apiKey: "rwpgt7maa54n0pe5mglhkl686p7h57sg6z636n6gf2mio1b9",
|
|
324
|
-
onInit: (_evt, editor) => {
|
|
325
|
-
if (editor) editorRef.current = editor;
|
|
326
|
-
},
|
|
327
|
-
initialValue: "<p>This is the initial content of the editor.</p>",
|
|
328
|
-
init: {
|
|
329
|
-
height: 500,
|
|
330
|
-
menubar: false,
|
|
331
|
-
plugins: [
|
|
332
|
-
"advlist",
|
|
333
|
-
"autolink",
|
|
334
|
-
"lists",
|
|
335
|
-
"link",
|
|
336
|
-
"image",
|
|
337
|
-
"charmap",
|
|
338
|
-
"preview",
|
|
339
|
-
"anchor",
|
|
340
|
-
"searchreplace",
|
|
341
|
-
"visualblocks",
|
|
342
|
-
"code",
|
|
343
|
-
"fullscreen",
|
|
344
|
-
"insertdatetime",
|
|
345
|
-
"media",
|
|
346
|
-
"table",
|
|
347
|
-
"code",
|
|
348
|
-
"help",
|
|
349
|
-
"wordcount"
|
|
350
|
-
],
|
|
351
|
-
toolbar: "undo redo | blocks | bold italic forecolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help",
|
|
352
|
-
content_style: "body { font-family:Helvetica,Arial,sans-serif; font-size:14px }"
|
|
353
|
-
}
|
|
354
|
-
}
|
|
355
|
-
), /* @__PURE__ */ import_react9.default.createElement("button", { onClick: log }, "Log editor content"));
|
|
309
|
+
return /* @__PURE__ */ import_react8.default.createElement("div", null);
|
|
356
310
|
};
|
|
357
311
|
|
|
358
312
|
// src/Components/Select/SingleSelectElement.tsx
|
|
359
|
-
var
|
|
313
|
+
var import_react9 = __toESM(require("react"));
|
|
360
314
|
var import_antd8 = require("antd");
|
|
361
315
|
var onSearch = (value) => {
|
|
362
316
|
console.log("search:", value);
|
|
@@ -372,7 +326,7 @@ var SingleSelectElement = (props) => {
|
|
|
372
326
|
props.onChange([selectedOption]);
|
|
373
327
|
}
|
|
374
328
|
};
|
|
375
|
-
return /* @__PURE__ */
|
|
329
|
+
return /* @__PURE__ */ import_react9.default.createElement(
|
|
376
330
|
import_antd8.Select,
|
|
377
331
|
{
|
|
378
332
|
showSearch: true,
|
|
@@ -391,7 +345,7 @@ var SingleSelectElement = (props) => {
|
|
|
391
345
|
};
|
|
392
346
|
|
|
393
347
|
// src/Components/Select/MultipleSelectElement.tsx
|
|
394
|
-
var
|
|
348
|
+
var import_react10 = __toESM(require("react"));
|
|
395
349
|
var import_antd9 = require("antd");
|
|
396
350
|
var MultipleSelectElement = (props) => {
|
|
397
351
|
const handleChange = (values) => {
|
|
@@ -403,7 +357,7 @@ var MultipleSelectElement = (props) => {
|
|
|
403
357
|
props.onChange(selectedOptions);
|
|
404
358
|
}
|
|
405
359
|
};
|
|
406
|
-
return /* @__PURE__ */
|
|
360
|
+
return /* @__PURE__ */ import_react10.default.createElement(
|
|
407
361
|
import_antd9.Select,
|
|
408
362
|
{
|
|
409
363
|
mode: "multiple",
|
|
@@ -415,26 +369,26 @@ var MultipleSelectElement = (props) => {
|
|
|
415
369
|
};
|
|
416
370
|
|
|
417
371
|
// src/Components/Button.tsx
|
|
418
|
-
var
|
|
372
|
+
var import_react11 = __toESM(require("react"));
|
|
419
373
|
var ButtonElement = (props) => {
|
|
420
|
-
return /* @__PURE__ */
|
|
374
|
+
return /* @__PURE__ */ import_react11.default.createElement(
|
|
421
375
|
"button",
|
|
422
376
|
{
|
|
423
377
|
onClick: () => props.onClick && props.onClick(),
|
|
424
378
|
className: `${props.className ? props.className : ""}`
|
|
425
379
|
},
|
|
426
|
-
props.icon && /* @__PURE__ */
|
|
380
|
+
props.icon && /* @__PURE__ */ import_react11.default.createElement("img", { src: props.icon }),
|
|
427
381
|
props.label
|
|
428
382
|
);
|
|
429
383
|
};
|
|
430
384
|
|
|
431
385
|
// src/Components/AddMoreTable.tsx
|
|
432
|
-
var
|
|
386
|
+
var import_react12 = __toESM(require("react"));
|
|
433
387
|
var import_antd10 = require("antd");
|
|
434
388
|
var import_icons2 = require("@ant-design/icons");
|
|
435
389
|
var AddMoreTable = (props) => {
|
|
436
390
|
const { thead, tbody } = props;
|
|
437
|
-
const [rows, setRows] = (0,
|
|
391
|
+
const [rows, setRows] = (0, import_react12.useState)(tbody || []);
|
|
438
392
|
const onHandleRows = () => {
|
|
439
393
|
const newId = rows.length > 0 ? rows[rows.length - 1].id + 1 : 1;
|
|
440
394
|
let newRow = {
|
|
@@ -499,16 +453,16 @@ var AddMoreTable = (props) => {
|
|
|
499
453
|
});
|
|
500
454
|
});
|
|
501
455
|
};
|
|
502
|
-
(0,
|
|
456
|
+
(0, import_react12.useEffect)(() => {
|
|
503
457
|
console.log(rows);
|
|
504
458
|
}, [rows]);
|
|
505
459
|
const renderInputElement = (element, value) => {
|
|
506
460
|
if (!element) return null;
|
|
507
461
|
const { element: type, label } = element;
|
|
508
462
|
if (type === "single-select") {
|
|
509
|
-
return /* @__PURE__ */
|
|
463
|
+
return /* @__PURE__ */ import_react12.default.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false });
|
|
510
464
|
} else if (type === "textarea") {
|
|
511
|
-
return /* @__PURE__ */
|
|
465
|
+
return /* @__PURE__ */ import_react12.default.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false });
|
|
512
466
|
} else {
|
|
513
467
|
return null;
|
|
514
468
|
}
|
|
@@ -525,13 +479,13 @@ var AddMoreTable = (props) => {
|
|
|
525
479
|
eachRow.variable_data.forEach((variable, subIndex) => {
|
|
526
480
|
Object.keys(variable).forEach((key) => {
|
|
527
481
|
if (key === "SubRows") {
|
|
528
|
-
rowData[`${key}`] = /* @__PURE__ */
|
|
482
|
+
rowData[`${key}`] = /* @__PURE__ */ import_react12.default.createElement("div", { key: subIndex }, eachRow.variable_data.length > 1 && /* @__PURE__ */ import_react12.default.createElement(import_antd10.Button, { onClick: () => onHandleSubRowsDelete(rowIndex, subIndex) }, /* @__PURE__ */ import_react12.default.createElement(import_icons2.DeleteOutlined, null)), subIndex === eachRow.variable_data.length - 1 && /* @__PURE__ */ import_react12.default.createElement(import_antd10.Button, { onClick: () => onHandleSubRowsAdd(rowIndex) }, /* @__PURE__ */ import_react12.default.createElement(import_icons2.PlusOutlined, null)));
|
|
529
483
|
} else {
|
|
530
484
|
rowData[`${key}`] = renderInputElement(variable[key]);
|
|
531
485
|
}
|
|
532
486
|
});
|
|
533
487
|
});
|
|
534
|
-
rowData.actions = /* @__PURE__ */
|
|
488
|
+
rowData.actions = /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement(import_antd10.Button, { onClick: () => onHandleDelete(eachRow.id) }, /* @__PURE__ */ import_react12.default.createElement(import_icons2.DeleteOutlined, null)), rowIndex === rows.length - 1 && /* @__PURE__ */ import_react12.default.createElement(import_antd10.Button, { onClick: onHandleRows }, /* @__PURE__ */ import_react12.default.createElement(import_icons2.PlusOutlined, null)));
|
|
535
489
|
console.log("=====rowdata", rowData);
|
|
536
490
|
return rowData;
|
|
537
491
|
});
|
|
@@ -547,7 +501,7 @@ var AddMoreTable = (props) => {
|
|
|
547
501
|
key: "actions"
|
|
548
502
|
});
|
|
549
503
|
}
|
|
550
|
-
return /* @__PURE__ */
|
|
504
|
+
return /* @__PURE__ */ import_react12.default.createElement(
|
|
551
505
|
import_antd10.Table,
|
|
552
506
|
{
|
|
553
507
|
columns,
|
|
@@ -559,44 +513,44 @@ var AddMoreTable = (props) => {
|
|
|
559
513
|
};
|
|
560
514
|
|
|
561
515
|
// src/Components/Sidebar.tsx
|
|
562
|
-
var
|
|
516
|
+
var import_react13 = __toESM(require("react"));
|
|
563
517
|
var Sidebar = (props) => {
|
|
564
518
|
const handleChange = (item) => {
|
|
565
519
|
if (props.onChange) {
|
|
566
520
|
props.onChange(item);
|
|
567
521
|
}
|
|
568
522
|
};
|
|
569
|
-
return /* @__PURE__ */
|
|
570
|
-
return /* @__PURE__ */
|
|
523
|
+
return /* @__PURE__ */ import_react13.default.createElement("div", { className: props.className, key: props.name }, /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("img", { src: props.img, alt: "logo" })), /* @__PURE__ */ import_react13.default.createElement("ul", { className: props.listClassName }, props.items?.map((item) => {
|
|
524
|
+
return /* @__PURE__ */ import_react13.default.createElement("li", { onClick: () => {
|
|
571
525
|
handleChange(item);
|
|
572
|
-
}, key: item.label, className: `${props.listItemClassName} ${item.active && props.activeClassName}` }, /* @__PURE__ */
|
|
526
|
+
}, key: item.label, className: `${props.listItemClassName} ${item.active && props.activeClassName}` }, /* @__PURE__ */ import_react13.default.createElement("img", { src: item.icon, className: props.className }), /* @__PURE__ */ import_react13.default.createElement("p", null, item.label));
|
|
573
527
|
})));
|
|
574
528
|
};
|
|
575
529
|
|
|
576
530
|
// src/Components/Navbar.tsx
|
|
577
|
-
var
|
|
531
|
+
var import_react17 = __toESM(require("react"));
|
|
578
532
|
|
|
579
533
|
// src/Components/Notification.tsx
|
|
580
|
-
var
|
|
534
|
+
var import_react14 = __toESM(require("react"));
|
|
581
535
|
var import_antd11 = require("antd");
|
|
582
536
|
var import_io = require("react-icons/io");
|
|
583
537
|
var popoverContentStyle = {
|
|
584
538
|
minWidth: "300px",
|
|
585
539
|
maxWidth: "100%"
|
|
586
540
|
};
|
|
587
|
-
var Notification = (props) => /* @__PURE__ */
|
|
541
|
+
var Notification = (props) => /* @__PURE__ */ import_react14.default.createElement(
|
|
588
542
|
import_antd11.Popover,
|
|
589
543
|
{
|
|
590
544
|
className: props.className,
|
|
591
|
-
content: /* @__PURE__ */
|
|
545
|
+
content: /* @__PURE__ */ import_react14.default.createElement("div", { style: popoverContentStyle }, " ", /* @__PURE__ */ import_react14.default.createElement(
|
|
592
546
|
import_antd11.List,
|
|
593
547
|
{
|
|
594
548
|
itemLayout: "horizontal",
|
|
595
549
|
dataSource: props.items,
|
|
596
|
-
renderItem: (item, index) => /* @__PURE__ */
|
|
550
|
+
renderItem: (item, index) => /* @__PURE__ */ import_react14.default.createElement(import_antd11.List.Item, { key: item.text }, /* @__PURE__ */ import_react14.default.createElement(
|
|
597
551
|
import_antd11.List.Item.Meta,
|
|
598
552
|
{
|
|
599
|
-
avatar: /* @__PURE__ */
|
|
553
|
+
avatar: /* @__PURE__ */ import_react14.default.createElement(import_antd11.Avatar, { src: `https://api.dicebear.com/7.x/miniavs/svg?seed=${index}` }),
|
|
600
554
|
title: item.text,
|
|
601
555
|
description: item.time
|
|
602
556
|
}
|
|
@@ -606,51 +560,51 @@ var Notification = (props) => /* @__PURE__ */ import_react15.default.createEleme
|
|
|
606
560
|
trigger: "focus",
|
|
607
561
|
placement: "bottomRight"
|
|
608
562
|
},
|
|
609
|
-
/* @__PURE__ */
|
|
563
|
+
/* @__PURE__ */ import_react14.default.createElement(import_antd11.Button, { className: props.buttonClassName }, /* @__PURE__ */ import_react14.default.createElement(import_antd11.Badge, { size: "small", count: props.count }, /* @__PURE__ */ import_react14.default.createElement("span", { className: props.iconsClassName }, /* @__PURE__ */ import_react14.default.createElement(import_io.IoIosNotifications, null))))
|
|
610
564
|
);
|
|
611
565
|
|
|
612
566
|
// src/Components/SpanElement.tsx
|
|
613
|
-
var
|
|
614
|
-
var SpanElement = (props) => /* @__PURE__ */
|
|
567
|
+
var import_react15 = __toESM(require("react"));
|
|
568
|
+
var SpanElement = (props) => /* @__PURE__ */ import_react15.default.createElement("span", { className: props.className }, props.label);
|
|
615
569
|
|
|
616
570
|
// src/Components/Profile.tsx
|
|
617
|
-
var
|
|
571
|
+
var import_react16 = __toESM(require("react"));
|
|
618
572
|
var import_antd12 = require("antd");
|
|
619
573
|
var import_icons3 = require("@ant-design/icons");
|
|
620
|
-
var Profile = (props) => /* @__PURE__ */
|
|
574
|
+
var Profile = (props) => /* @__PURE__ */ import_react16.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react16.default.createElement(import_antd12.Avatar, { style: { backgroundColor: "#87d068", marginRight: "10px" }, icon: /* @__PURE__ */ import_react16.default.createElement(import_icons3.UserOutlined, null) }), /* @__PURE__ */ import_react16.default.createElement("div", { className: props.profileSubClassName }, /* @__PURE__ */ import_react16.default.createElement("p", null, props.primaryText), /* @__PURE__ */ import_react16.default.createElement("p", { className: props.secondTextClassName }, " ", props.secondaryText)));
|
|
621
575
|
|
|
622
576
|
// src/Components/Navbar.tsx
|
|
623
577
|
var Navbar = (props) => {
|
|
624
|
-
return /* @__PURE__ */
|
|
578
|
+
return /* @__PURE__ */ import_react17.default.createElement("div", { className: `${props.className}`, key: props.name }, props.items && props.items.map((item) => {
|
|
625
579
|
if (item.element === "span") {
|
|
626
|
-
return /* @__PURE__ */
|
|
580
|
+
return /* @__PURE__ */ import_react17.default.createElement(SpanElement, { ...item });
|
|
627
581
|
} else if (item.element === "notifications") {
|
|
628
|
-
return /* @__PURE__ */
|
|
582
|
+
return /* @__PURE__ */ import_react17.default.createElement(Notification, { ...item });
|
|
629
583
|
} else if (item.name === "profile") {
|
|
630
|
-
return /* @__PURE__ */
|
|
584
|
+
return /* @__PURE__ */ import_react17.default.createElement(Profile, { ...item });
|
|
631
585
|
}
|
|
632
586
|
return null;
|
|
633
587
|
}));
|
|
634
588
|
};
|
|
635
589
|
|
|
636
590
|
// src/Components/TableElement.tsx
|
|
637
|
-
var
|
|
591
|
+
var import_react20 = __toESM(require("react"));
|
|
638
592
|
var import_antd14 = require("antd");
|
|
639
593
|
|
|
640
594
|
// src/Components/Model.tsx
|
|
641
|
-
var
|
|
595
|
+
var import_react19 = __toESM(require("react"));
|
|
642
596
|
var import_antd13 = require("antd");
|
|
643
597
|
|
|
644
598
|
// src/Components/ModelBody.tsx
|
|
645
|
-
var
|
|
599
|
+
var import_react18 = __toESM(require("react"));
|
|
646
600
|
var ModelBody = (props) => {
|
|
647
|
-
return /* @__PURE__ */
|
|
601
|
+
return /* @__PURE__ */ import_react18.default.createElement("div", { className: props.modalContent && props.modalContent.className }, props.modalContent && props.modalContent.fields.map((eachField) => {
|
|
648
602
|
if (eachField.element === "div") {
|
|
649
|
-
return /* @__PURE__ */
|
|
603
|
+
return /* @__PURE__ */ import_react18.default.createElement("div", { className: eachField.className }, eachField.label);
|
|
650
604
|
} else if (eachField.element === "input-radio") {
|
|
651
|
-
return /* @__PURE__ */
|
|
605
|
+
return /* @__PURE__ */ import_react18.default.createElement("div", { className: eachField.className }, /* @__PURE__ */ import_react18.default.createElement(RadioElement, { ...eachField }));
|
|
652
606
|
} else if (eachField.element === "button") {
|
|
653
|
-
return /* @__PURE__ */
|
|
607
|
+
return /* @__PURE__ */ import_react18.default.createElement("div", { className: eachField.className }, /* @__PURE__ */ import_react18.default.createElement(ButtonElement, { ...eachField }));
|
|
654
608
|
} else {
|
|
655
609
|
return null;
|
|
656
610
|
}
|
|
@@ -660,7 +614,7 @@ var ModelBody = (props) => {
|
|
|
660
614
|
// src/Components/Model.tsx
|
|
661
615
|
var ModelElement = (props) => {
|
|
662
616
|
const { model, onCancel, selectedRecord, columns } = props;
|
|
663
|
-
return /* @__PURE__ */
|
|
617
|
+
return /* @__PURE__ */ import_react19.default.createElement(
|
|
664
618
|
import_antd13.Modal,
|
|
665
619
|
{
|
|
666
620
|
centered: true,
|
|
@@ -668,7 +622,7 @@ var ModelElement = (props) => {
|
|
|
668
622
|
onCancel,
|
|
669
623
|
footer: null,
|
|
670
624
|
width: 850,
|
|
671
|
-
title: /* @__PURE__ */
|
|
625
|
+
title: /* @__PURE__ */ import_react19.default.createElement(
|
|
672
626
|
"div",
|
|
673
627
|
{
|
|
674
628
|
style: {
|
|
@@ -681,19 +635,19 @@ var ModelElement = (props) => {
|
|
|
681
635
|
},
|
|
682
636
|
Object.entries(selectedRecord).map(([key, value]) => {
|
|
683
637
|
const record = columns.filter((eachColumn) => eachColumn.key === key);
|
|
684
|
-
return record.length > 0 ? /* @__PURE__ */
|
|
638
|
+
return record.length > 0 ? /* @__PURE__ */ import_react19.default.createElement("p", { style: { fontWeight: "500", padding: "10px" }, key }, /* @__PURE__ */ import_react19.default.createElement("span", { style: { fontWeight: "200", color: "gray", paddingRight: "10px" } }, record[0].title), String(value)) : "";
|
|
685
639
|
})
|
|
686
640
|
)
|
|
687
641
|
},
|
|
688
|
-
/* @__PURE__ */
|
|
642
|
+
/* @__PURE__ */ import_react19.default.createElement(ModelBody, { ...props })
|
|
689
643
|
);
|
|
690
644
|
};
|
|
691
645
|
|
|
692
646
|
// src/Components/TableElement.tsx
|
|
693
647
|
var TableElement = (props) => {
|
|
694
648
|
const { thead, tbody } = props;
|
|
695
|
-
const [selectedRecord, setSelectedRecord] = (0,
|
|
696
|
-
const [model, setModel] = (0,
|
|
649
|
+
const [selectedRecord, setSelectedRecord] = (0, import_react20.useState)({});
|
|
650
|
+
const [model, setModel] = (0, import_react20.useState)(false);
|
|
697
651
|
const handleChange = (record) => {
|
|
698
652
|
if (props.onChange) {
|
|
699
653
|
props.onChange(record);
|
|
@@ -728,7 +682,7 @@ var TableElement = (props) => {
|
|
|
728
682
|
[columns[0].key]: index + 1
|
|
729
683
|
}));
|
|
730
684
|
const count = dataSource ? dataSource.length : 0;
|
|
731
|
-
return /* @__PURE__ */
|
|
685
|
+
return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
|
|
732
686
|
import_antd14.Table,
|
|
733
687
|
{
|
|
734
688
|
pagination: {
|
|
@@ -751,16 +705,16 @@ var TableElement = (props) => {
|
|
|
751
705
|
};
|
|
752
706
|
}
|
|
753
707
|
}
|
|
754
|
-
), model && /* @__PURE__ */
|
|
708
|
+
), model && /* @__PURE__ */ import_react20.default.createElement(ModelElement, { selectedRecord, ...props, columns, model, onCancel: () => setModel(false) }));
|
|
755
709
|
};
|
|
756
710
|
|
|
757
711
|
// src/Components/DatePicker.tsx
|
|
758
|
-
var
|
|
712
|
+
var import_react21 = __toESM(require("react"));
|
|
759
713
|
var import_antd15 = require("antd");
|
|
760
714
|
var import_icons4 = require("@ant-design/icons");
|
|
761
715
|
var import_moment = __toESM(require("moment"));
|
|
762
716
|
var DatePickerElement = (props) => {
|
|
763
|
-
const [date, setDate] = (0,
|
|
717
|
+
const [date, setDate] = (0, import_react21.useState)(null);
|
|
764
718
|
const handleChange = (date2, dateString) => {
|
|
765
719
|
console.log("date---------", date2);
|
|
766
720
|
console.log("datestring", dateString);
|
|
@@ -795,7 +749,7 @@ var DatePickerElement = (props) => {
|
|
|
795
749
|
props.onChange(newDate.format("lll"));
|
|
796
750
|
}
|
|
797
751
|
};
|
|
798
|
-
return /* @__PURE__ */
|
|
752
|
+
return /* @__PURE__ */ import_react21.default.createElement("div", null, /* @__PURE__ */ import_react21.default.createElement("button", { onClick: onHandleDecrement }, /* @__PURE__ */ import_react21.default.createElement(import_icons4.LeftOutlined, null)), /* @__PURE__ */ import_react21.default.createElement(
|
|
799
753
|
import_antd15.DatePicker,
|
|
800
754
|
{
|
|
801
755
|
placeholder: props.placeholder,
|
|
@@ -803,11 +757,11 @@ var DatePickerElement = (props) => {
|
|
|
803
757
|
variant: "borderless",
|
|
804
758
|
onChange: handleChange
|
|
805
759
|
}
|
|
806
|
-
), /* @__PURE__ */
|
|
760
|
+
), /* @__PURE__ */ import_react21.default.createElement("button", { onClick: onHandleIncrement }, /* @__PURE__ */ import_react21.default.createElement(import_icons4.RightOutlined, null)));
|
|
807
761
|
};
|
|
808
762
|
|
|
809
763
|
// src/Components/DateRangePickerElement.tsx
|
|
810
|
-
var
|
|
764
|
+
var import_react22 = __toESM(require("react"));
|
|
811
765
|
var import_antd16 = require("antd");
|
|
812
766
|
var import_dayjs = __toESM(require("dayjs"));
|
|
813
767
|
var DateRangePickerElement = (props) => {
|
|
@@ -825,18 +779,18 @@ var DateRangePickerElement = (props) => {
|
|
|
825
779
|
{ label: "Last 30 Days", value: [(0, import_dayjs.default)().add(-30, "d"), (0, import_dayjs.default)()] },
|
|
826
780
|
{ label: "Last 90 Days", value: [(0, import_dayjs.default)().add(-90, "d"), (0, import_dayjs.default)()] }
|
|
827
781
|
];
|
|
828
|
-
return /* @__PURE__ */
|
|
782
|
+
return /* @__PURE__ */ import_react22.default.createElement(import_antd16.Space, { direction: "vertical", size: 12 }, /* @__PURE__ */ import_react22.default.createElement(RangePicker, { presets: rangePresets, onChange: handleChange }));
|
|
829
783
|
};
|
|
830
784
|
|
|
831
785
|
// src/Components/UploadElement.tsx
|
|
832
|
-
var
|
|
786
|
+
var import_react23 = __toESM(require("react"));
|
|
833
787
|
var import_antd17 = require("antd");
|
|
834
788
|
var import_icons5 = require("@ant-design/icons");
|
|
835
789
|
var UploadElement = (props) => {
|
|
836
|
-
const [previewTitle, setPreviewTitle] = (0,
|
|
837
|
-
const [previewOpen, setPreviewOpen] = (0,
|
|
838
|
-
const [previewType, setPreviewType] = (0,
|
|
839
|
-
const [previewImage, setPreviewImage] = (0,
|
|
790
|
+
const [previewTitle, setPreviewTitle] = (0, import_react23.useState)(null);
|
|
791
|
+
const [previewOpen, setPreviewOpen] = (0, import_react23.useState)(false);
|
|
792
|
+
const [previewType, setPreviewType] = (0, import_react23.useState)(null);
|
|
793
|
+
const [previewImage, setPreviewImage] = (0, import_react23.useState)(null);
|
|
840
794
|
const uploadChange = (fileList) => {
|
|
841
795
|
if (!fileList || fileList.length === 0) return;
|
|
842
796
|
const selectedFile = fileList[0];
|
|
@@ -893,7 +847,7 @@ var UploadElement = (props) => {
|
|
|
893
847
|
setPreviewOpen(false);
|
|
894
848
|
setPreviewTitle(null);
|
|
895
849
|
};
|
|
896
|
-
return /* @__PURE__ */
|
|
850
|
+
return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, Object.keys(props.feildData).length !== 0 && /* @__PURE__ */ import_react23.default.createElement("span", { className: "native-camera-lib" }, /* @__PURE__ */ import_react23.default.createElement("p", { className: "flat-label text-capitalize" }, props.feildData.label), /* @__PURE__ */ import_react23.default.createElement("label", { className: "native-camera-button" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "ant-btn" }, /* @__PURE__ */ import_react23.default.createElement(import_icons5.UploadOutlined, null), " ", props.feildData.max_count ? `Upload (Max:${props.feildData.max_count})` : "Upload"), /* @__PURE__ */ import_react23.default.createElement(
|
|
897
851
|
"input",
|
|
898
852
|
{
|
|
899
853
|
id: "upload",
|
|
@@ -901,7 +855,7 @@ var UploadElement = (props) => {
|
|
|
901
855
|
accept: "image/*;capture=camera",
|
|
902
856
|
onChange: (e) => uploadChange(e.target.files)
|
|
903
857
|
}
|
|
904
|
-
)), /* @__PURE__ */
|
|
858
|
+
)), /* @__PURE__ */ import_react23.default.createElement(
|
|
905
859
|
import_antd17.Upload,
|
|
906
860
|
{
|
|
907
861
|
accept: props.feildData.accept,
|
|
@@ -913,9 +867,9 @@ var UploadElement = (props) => {
|
|
|
913
867
|
onPreview: handlePreview,
|
|
914
868
|
showUploadList: true
|
|
915
869
|
},
|
|
916
|
-
props.feildData.list_type === "picture-card" && /* @__PURE__ */
|
|
917
|
-
props.feildData.list_type === "picture" && /* @__PURE__ */
|
|
918
|
-
), props.feildData.errors && props.feildData.errors.length > 0 && props.feildData.errors.map((error, eKey) => /* @__PURE__ */
|
|
870
|
+
props.feildData.list_type === "picture-card" && /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement(import_icons5.PlusOutlined, null), /* @__PURE__ */ import_react23.default.createElement("div", { style: { marginTop: 8 } }, "Upload ", /* @__PURE__ */ import_react23.default.createElement("small", { className: "d-flex" }, "(Max:", props.feildData.max_count, ")"))),
|
|
871
|
+
props.feildData.list_type === "picture" && /* @__PURE__ */ import_react23.default.createElement(import_antd17.Button, { icon: /* @__PURE__ */ import_react23.default.createElement(import_icons5.UploadOutlined, null) }, props.feildData.max_count ? `Upload (Max:${props.feildData.max_count})` : "Upload")
|
|
872
|
+
), props.feildData.errors && props.feildData.errors.length > 0 && props.feildData.errors.map((error, eKey) => /* @__PURE__ */ import_react23.default.createElement("small", { key: eKey, className: "text-danger animated flash" }, error.message)), /* @__PURE__ */ import_react23.default.createElement(
|
|
919
873
|
import_antd17.Modal,
|
|
920
874
|
{
|
|
921
875
|
visible: previewOpen,
|
|
@@ -928,26 +882,26 @@ var UploadElement = (props) => {
|
|
|
928
882
|
onCancel: handleCancel,
|
|
929
883
|
destroyOnClose: true
|
|
930
884
|
},
|
|
931
|
-
/* @__PURE__ */
|
|
932
|
-
previewType === "application/pdf" || previewType === "pdf" ? /* @__PURE__ */
|
|
885
|
+
/* @__PURE__ */ import_react23.default.createElement(import_antd17.Tooltip, { title: "Close", placement: "bottom" }, /* @__PURE__ */ import_react23.default.createElement(import_icons5.CloseOutlined, { className: "border popup-close", onClick: handleCancel })),
|
|
886
|
+
previewType === "application/pdf" || previewType === "pdf" ? /* @__PURE__ */ import_react23.default.createElement(
|
|
933
887
|
"iframe",
|
|
934
888
|
{
|
|
935
889
|
title: "document",
|
|
936
890
|
style: { width: "95vw", height: "40vw" },
|
|
937
891
|
src: `${previewImage}#toolbar=0`
|
|
938
892
|
}
|
|
939
|
-
) : /* @__PURE__ */
|
|
893
|
+
) : /* @__PURE__ */ import_react23.default.createElement("img", { alt: "image", src: previewImage || void 0, className: "d-flex mx-auto w-100" })
|
|
940
894
|
)));
|
|
941
895
|
};
|
|
942
896
|
|
|
943
897
|
// src/Components/Image.tsx
|
|
944
|
-
var
|
|
898
|
+
var import_react24 = __toESM(require("react"));
|
|
945
899
|
var Image = (props) => {
|
|
946
|
-
return /* @__PURE__ */
|
|
900
|
+
return /* @__PURE__ */ import_react24.default.createElement("div", null, /* @__PURE__ */ import_react24.default.createElement("img", { className: props.className, src: props.img, alt: "image" }));
|
|
947
901
|
};
|
|
948
902
|
|
|
949
903
|
// src/Components/SingleCheckbox.tsx
|
|
950
|
-
var
|
|
904
|
+
var import_react25 = __toESM(require("react"));
|
|
951
905
|
var import_antd18 = require("antd");
|
|
952
906
|
var SingleCheckbox = (props) => {
|
|
953
907
|
const handleChange = (e) => {
|
|
@@ -955,14 +909,14 @@ var SingleCheckbox = (props) => {
|
|
|
955
909
|
props.onChange(e.target.checked);
|
|
956
910
|
}
|
|
957
911
|
};
|
|
958
|
-
return /* @__PURE__ */
|
|
912
|
+
return /* @__PURE__ */ import_react25.default.createElement(import_antd18.Checkbox, { onChange: (e) => handleChange(e), className: props.className }, props.label);
|
|
959
913
|
};
|
|
960
914
|
|
|
961
915
|
// src/Components/MultiSelect.tsx
|
|
962
|
-
var
|
|
916
|
+
var import_react26 = __toESM(require("react"));
|
|
963
917
|
var import_antd19 = require("antd");
|
|
964
918
|
var MultiSelect = (props) => {
|
|
965
|
-
const [selectedValue, setSelectedValue] = (0,
|
|
919
|
+
const [selectedValue, setSelectedValue] = (0, import_react26.useState)({ firstValue: {}, secondValue: {} });
|
|
966
920
|
const handleFirstChange = (value) => {
|
|
967
921
|
if (props.onChange) {
|
|
968
922
|
const filterOption2 = props.options && props.options.find((eachOption) => eachOption.value === value);
|
|
@@ -979,14 +933,14 @@ var MultiSelect = (props) => {
|
|
|
979
933
|
props.onChange(selectedValue.secondValue && selectedValue);
|
|
980
934
|
}
|
|
981
935
|
};
|
|
982
|
-
return /* @__PURE__ */
|
|
936
|
+
return /* @__PURE__ */ import_react26.default.createElement("div", { className: props.className, style: { display: "flex", flexDirection: "row", backgroundColor: "white", borderRadius: 10, border: "1px solid gray", width: "100px" } }, /* @__PURE__ */ import_react26.default.createElement(
|
|
983
937
|
import_antd19.Select,
|
|
984
938
|
{
|
|
985
939
|
onChange: handleFirstChange,
|
|
986
940
|
variant: props.variant,
|
|
987
941
|
options: props.options
|
|
988
942
|
}
|
|
989
|
-
), /* @__PURE__ */
|
|
943
|
+
), /* @__PURE__ */ import_react26.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ import_react26.default.createElement(
|
|
990
944
|
import_antd19.Select,
|
|
991
945
|
{
|
|
992
946
|
onChange: handleSecondChange,
|
package/dist/index.mjs
CHANGED
|
@@ -248,55 +248,9 @@ var CheckboxElement = (props) => {
|
|
|
248
248
|
};
|
|
249
249
|
|
|
250
250
|
// src/Components/CkEditor.tsx
|
|
251
|
-
import { useRef } from "react";
|
|
252
|
-
import { Editor } from "@tinymce/tinymce-react";
|
|
253
251
|
import React8 from "react";
|
|
254
252
|
var CkEditor = (props) => {
|
|
255
|
-
|
|
256
|
-
const log = () => {
|
|
257
|
-
if (editorRef.current) {
|
|
258
|
-
let content = editorRef.current.getContent();
|
|
259
|
-
if (props.onChange) {
|
|
260
|
-
props.onChange(content);
|
|
261
|
-
}
|
|
262
|
-
}
|
|
263
|
-
};
|
|
264
|
-
return /* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement(
|
|
265
|
-
Editor,
|
|
266
|
-
{
|
|
267
|
-
apiKey: "rwpgt7maa54n0pe5mglhkl686p7h57sg6z636n6gf2mio1b9",
|
|
268
|
-
onInit: (_evt, editor) => {
|
|
269
|
-
if (editor) editorRef.current = editor;
|
|
270
|
-
},
|
|
271
|
-
initialValue: "<p>This is the initial content of the editor.</p>",
|
|
272
|
-
init: {
|
|
273
|
-
height: 500,
|
|
274
|
-
menubar: false,
|
|
275
|
-
plugins: [
|
|
276
|
-
"advlist",
|
|
277
|
-
"autolink",
|
|
278
|
-
"lists",
|
|
279
|
-
"link",
|
|
280
|
-
"image",
|
|
281
|
-
"charmap",
|
|
282
|
-
"preview",
|
|
283
|
-
"anchor",
|
|
284
|
-
"searchreplace",
|
|
285
|
-
"visualblocks",
|
|
286
|
-
"code",
|
|
287
|
-
"fullscreen",
|
|
288
|
-
"insertdatetime",
|
|
289
|
-
"media",
|
|
290
|
-
"table",
|
|
291
|
-
"code",
|
|
292
|
-
"help",
|
|
293
|
-
"wordcount"
|
|
294
|
-
],
|
|
295
|
-
toolbar: "undo redo | blocks | bold italic forecolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help",
|
|
296
|
-
content_style: "body { font-family:Helvetica,Arial,sans-serif; font-size:14px }"
|
|
297
|
-
}
|
|
298
|
-
}
|
|
299
|
-
), /* @__PURE__ */ React8.createElement("button", { onClick: log }, "Log editor content"));
|
|
253
|
+
return /* @__PURE__ */ React8.createElement("div", null);
|
|
300
254
|
};
|
|
301
255
|
|
|
302
256
|
// src/Components/Select/SingleSelectElement.tsx
|