funda-ui 2.2.355 → 2.2.555

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 (10) hide show
  1. package/EventCalendar/index.js +5 -1
  2. package/EventCalendarTimeline/index.js +5 -1
  3. package/ModalDialog/index.d.ts +3 -0
  4. package/ModalDialog/index.js +5 -1
  5. package/lib/cjs/EventCalendar/index.js +5 -1
  6. package/lib/cjs/EventCalendarTimeline/index.js +5 -1
  7. package/lib/cjs/ModalDialog/index.d.ts +3 -0
  8. package/lib/cjs/ModalDialog/index.js +5 -1
  9. package/lib/esm/ModalDialog/index.tsx +18 -0
  10. package/package.json +1 -1
package/EventCalendar/index.js CHANGED
@@ -492,12 +492,14 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
492
492
  modalTitleClassName = props.modalTitleClassName,
493
493
  modalBodyClassName = props.modalBodyClassName,
494
494
  modalFooterClassName = props.modalFooterClassName,
495
+ modalFooterExpandedContentClassName = props.modalFooterExpandedContentClassName,
495
496
  show = props.show,
496
497
  protectFixedViewport = props.protectFixedViewport,
497
498
  maxWidth = props.maxWidth,
498
499
  minHeight = props.minHeight,
499
500
  enableVideo = props.enableVideo,
500
501
  heading = props.heading,
502
+ footerExpandedContent = props.footerExpandedContent,
501
503
  triggerClassName = props.triggerClassName,
502
504
  triggerContent = props.triggerContent,
503
505
  closeBtnClassName = props.closeBtnClassName,
@@ -820,7 +822,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
820
822
  className: "modal-dialog__video"
821
823
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
822
824
  className: "ratio ratio-16x9"
823
- }, children))) : children), closeBtnLabel || submitBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default().Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
825
+ }, children))) : children), footerExpandedContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default().Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
826
+ className: "modal-footer modal-expanded-footer ".concat(modalFooterExpandedContentClassName || '')
827
+ }, footerExpandedContent)) : null, closeBtnLabel || submitBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default().Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
824
828
  className: "modal-footer ".concat(modalFooterClassName || '')
825
829
  }, !closeDisabled ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default().Fragment, null, closeBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("button", {
826
830
  "data-close": "1",
package/EventCalendarTimeline/index.js CHANGED
@@ -634,12 +634,14 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
634
634
  modalTitleClassName = props.modalTitleClassName,
635
635
  modalBodyClassName = props.modalBodyClassName,
636
636
  modalFooterClassName = props.modalFooterClassName,
637
+ modalFooterExpandedContentClassName = props.modalFooterExpandedContentClassName,
637
638
  show = props.show,
638
639
  protectFixedViewport = props.protectFixedViewport,
639
640
  maxWidth = props.maxWidth,
640
641
  minHeight = props.minHeight,
641
642
  enableVideo = props.enableVideo,
642
643
  heading = props.heading,
644
+ footerExpandedContent = props.footerExpandedContent,
643
645
  triggerClassName = props.triggerClassName,
644
646
  triggerContent = props.triggerContent,
645
647
  closeBtnClassName = props.closeBtnClassName,
@@ -962,7 +964,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
962
964
  className: "modal-dialog__video"
963
965
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
964
966
  className: "ratio ratio-16x9"
965
- }, children))) : children), closeBtnLabel || submitBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default().Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
967
+ }, children))) : children), footerExpandedContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default().Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
968
+ className: "modal-footer modal-expanded-footer ".concat(modalFooterExpandedContentClassName || '')
969
+ }, footerExpandedContent)) : null, closeBtnLabel || submitBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default().Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
966
970
  className: "modal-footer ".concat(modalFooterClassName || '')
967
971
  }, !closeDisabled ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default().Fragment, null, closeBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("button", {
968
972
  "data-close": "1",
package/ModalDialog/index.d.ts CHANGED
@@ -17,6 +17,7 @@ declare type ModalDialogProps = {
17
17
  modalTitleClassName?: string;
18
18
  modalBodyClassName?: string;
19
19
  modalFooterClassName?: string;
20
+ modalFooterExpandedContentClassName?: string;
20
21
  /** Whether the modal dialog is visible or not, you can use it with the `autoClose` property at the same time */
21
22
  show: boolean;
22
23
  /** Prevent "transform", "filter", "perspective" attribute destruction fixed viewport orientation. Enabled by default, after enabling the default JS event will be invalid, you need to use the `onOpen` attribute to add some new events to elements. Please refer to the example. */
@@ -29,6 +30,8 @@ declare type ModalDialogProps = {
29
30
  enableVideo?: boolean;
30
31
  /** Set a window title */
31
32
  heading?: React.ReactNode;
33
+ /** Set footer content */
34
+ footerExpandedContent?: React.ReactNode;
32
35
  /** Specify a class for this Node. */
33
36
  triggerClassName?: string;
34
37
  /** Set a piece of text or HTML code for the trigger */
package/ModalDialog/index.js CHANGED
@@ -371,12 +371,14 @@ var ModalDialog = function ModalDialog(props) {
371
371
  modalTitleClassName = props.modalTitleClassName,
372
372
  modalBodyClassName = props.modalBodyClassName,
373
373
  modalFooterClassName = props.modalFooterClassName,
374
+ modalFooterExpandedContentClassName = props.modalFooterExpandedContentClassName,
374
375
  show = props.show,
375
376
  protectFixedViewport = props.protectFixedViewport,
376
377
  maxWidth = props.maxWidth,
377
378
  minHeight = props.minHeight,
378
379
  enableVideo = props.enableVideo,
379
380
  heading = props.heading,
381
+ footerExpandedContent = props.footerExpandedContent,
380
382
  triggerClassName = props.triggerClassName,
381
383
  triggerContent = props.triggerContent,
382
384
  closeBtnClassName = props.closeBtnClassName,
@@ -699,7 +701,9 @@ var ModalDialog = function ModalDialog(props) {
699
701
  className: "modal-dialog__video"
700
702
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
701
703
  className: "ratio ratio-16x9"
702
- }, children))) : children), closeBtnLabel || submitBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
704
+ }, children))) : children), footerExpandedContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
705
+ className: "modal-footer modal-expanded-footer ".concat(modalFooterExpandedContentClassName || '')
706
+ }, footerExpandedContent)) : null, closeBtnLabel || submitBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
703
707
  className: "modal-footer ".concat(modalFooterClassName || '')
704
708
  }, !closeDisabled ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, closeBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("button", {
705
709
  "data-close": "1",
package/lib/cjs/EventCalendar/index.js CHANGED
@@ -492,12 +492,14 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
492
492
  modalTitleClassName = props.modalTitleClassName,
493
493
  modalBodyClassName = props.modalBodyClassName,
494
494
  modalFooterClassName = props.modalFooterClassName,
495
+ modalFooterExpandedContentClassName = props.modalFooterExpandedContentClassName,
495
496
  show = props.show,
496
497
  protectFixedViewport = props.protectFixedViewport,
497
498
  maxWidth = props.maxWidth,
498
499
  minHeight = props.minHeight,
499
500
  enableVideo = props.enableVideo,
500
501
  heading = props.heading,
502
+ footerExpandedContent = props.footerExpandedContent,
501
503
  triggerClassName = props.triggerClassName,
502
504
  triggerContent = props.triggerContent,
503
505
  closeBtnClassName = props.closeBtnClassName,
@@ -820,7 +822,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
820
822
  className: "modal-dialog__video"
821
823
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
822
824
  className: "ratio ratio-16x9"
823
- }, children))) : children), closeBtnLabel || submitBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default().Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
825
+ }, children))) : children), footerExpandedContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default().Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
826
+ className: "modal-footer modal-expanded-footer ".concat(modalFooterExpandedContentClassName || '')
827
+ }, footerExpandedContent)) : null, closeBtnLabel || submitBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default().Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
824
828
  className: "modal-footer ".concat(modalFooterClassName || '')
825
829
  }, !closeDisabled ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default().Fragment, null, closeBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("button", {
826
830
  "data-close": "1",
package/lib/cjs/EventCalendarTimeline/index.js CHANGED
@@ -634,12 +634,14 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
634
634
  modalTitleClassName = props.modalTitleClassName,
635
635
  modalBodyClassName = props.modalBodyClassName,
636
636
  modalFooterClassName = props.modalFooterClassName,
637
+ modalFooterExpandedContentClassName = props.modalFooterExpandedContentClassName,
637
638
  show = props.show,
638
639
  protectFixedViewport = props.protectFixedViewport,
639
640
  maxWidth = props.maxWidth,
640
641
  minHeight = props.minHeight,
641
642
  enableVideo = props.enableVideo,
642
643
  heading = props.heading,
644
+ footerExpandedContent = props.footerExpandedContent,
643
645
  triggerClassName = props.triggerClassName,
644
646
  triggerContent = props.triggerContent,
645
647
  closeBtnClassName = props.closeBtnClassName,
@@ -962,7 +964,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
962
964
  className: "modal-dialog__video"
963
965
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
964
966
  className: "ratio ratio-16x9"
965
- }, children))) : children), closeBtnLabel || submitBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default().Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
967
+ }, children))) : children), footerExpandedContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default().Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
968
+ className: "modal-footer modal-expanded-footer ".concat(modalFooterExpandedContentClassName || '')
969
+ }, footerExpandedContent)) : null, closeBtnLabel || submitBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default().Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
966
970
  className: "modal-footer ".concat(modalFooterClassName || '')
967
971
  }, !closeDisabled ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default().Fragment, null, closeBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("button", {
968
972
  "data-close": "1",
package/lib/cjs/ModalDialog/index.d.ts CHANGED
@@ -17,6 +17,7 @@ declare type ModalDialogProps = {
17
17
  modalTitleClassName?: string;
18
18
  modalBodyClassName?: string;
19
19
  modalFooterClassName?: string;
20
+ modalFooterExpandedContentClassName?: string;
20
21
  /** Whether the modal dialog is visible or not, you can use it with the `autoClose` property at the same time */
21
22
  show: boolean;
22
23
  /** Prevent "transform", "filter", "perspective" attribute destruction fixed viewport orientation. Enabled by default, after enabling the default JS event will be invalid, you need to use the `onOpen` attribute to add some new events to elements. Please refer to the example. */
@@ -29,6 +30,8 @@ declare type ModalDialogProps = {
29
30
  enableVideo?: boolean;
30
31
  /** Set a window title */
31
32
  heading?: React.ReactNode;
33
+ /** Set footer content */
34
+ footerExpandedContent?: React.ReactNode;
32
35
  /** Specify a class for this Node. */
33
36
  triggerClassName?: string;
34
37
  /** Set a piece of text or HTML code for the trigger */
package/lib/cjs/ModalDialog/index.js CHANGED
@@ -371,12 +371,14 @@ var ModalDialog = function ModalDialog(props) {
371
371
  modalTitleClassName = props.modalTitleClassName,
372
372
  modalBodyClassName = props.modalBodyClassName,
373
373
  modalFooterClassName = props.modalFooterClassName,
374
+ modalFooterExpandedContentClassName = props.modalFooterExpandedContentClassName,
374
375
  show = props.show,
375
376
  protectFixedViewport = props.protectFixedViewport,
376
377
  maxWidth = props.maxWidth,
377
378
  minHeight = props.minHeight,
378
379
  enableVideo = props.enableVideo,
379
380
  heading = props.heading,
381
+ footerExpandedContent = props.footerExpandedContent,
380
382
  triggerClassName = props.triggerClassName,
381
383
  triggerContent = props.triggerContent,
382
384
  closeBtnClassName = props.closeBtnClassName,
@@ -699,7 +701,9 @@ var ModalDialog = function ModalDialog(props) {
699
701
  className: "modal-dialog__video"
700
702
  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
701
703
  className: "ratio ratio-16x9"
702
- }, children))) : children), closeBtnLabel || submitBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
704
+ }, children))) : children), footerExpandedContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
705
+ className: "modal-footer modal-expanded-footer ".concat(modalFooterExpandedContentClassName || '')
706
+ }, footerExpandedContent)) : null, closeBtnLabel || submitBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
703
707
  className: "modal-footer ".concat(modalFooterClassName || '')
704
708
  }, !closeDisabled ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, closeBtnLabel ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("button", {
705
709
  "data-close": "1",
package/lib/esm/ModalDialog/index.tsx CHANGED
@@ -25,6 +25,7 @@ type ModalDialogProps = {
25
25
  modalTitleClassName?: string;
26
26
  modalBodyClassName?: string;
27
27
  modalFooterClassName?: string;
28
+ modalFooterExpandedContentClassName?: string;
28
29
  /** Whether the modal dialog is visible or not, you can use it with the `autoClose` property at the same time */
29
30
  show: boolean;
30
31
  /** Prevent "transform", "filter", "perspective" attribute destruction fixed viewport orientation. Enabled by default, after enabling the default JS event will be invalid, you need to use the `onOpen` attribute to add some new events to elements. Please refer to the example. */
@@ -37,6 +38,8 @@ type ModalDialogProps = {
37
38
  enableVideo?: boolean;
38
39
  /** Set a window title */
39
40
  heading?: React.ReactNode;
41
+ /** Set footer content */
42
+ footerExpandedContent?: React.ReactNode;
40
43
  /** Specify a class for this Node. */
41
44
  triggerClassName?: string;
42
45
  /** Set a piece of text or HTML code for the trigger */
@@ -78,12 +81,14 @@ const ModalDialog = (props: ModalDialogProps) => {
78
81
  modalTitleClassName,
79
82
  modalBodyClassName,
80
83
  modalFooterClassName,
84
+ modalFooterExpandedContentClassName,
81
85
  show,
82
86
  protectFixedViewport,
83
87
  maxWidth,
84
88
  minHeight,
85
89
  enableVideo,
86
90
  heading,
91
+ footerExpandedContent,
87
92
  triggerClassName,
88
93
  triggerContent,
89
94
  closeBtnClassName,
@@ -464,6 +469,18 @@ const ModalDialog = (props: ModalDialogProps) => {
464
469
  {/*<!-- //////// content end //////// -->*/}
465
470
  </div>
466
471
 
472
+
473
+
474
+ {/* FOOTER CONTENT */}
475
+ {footerExpandedContent ? <>
476
+ <div className={`modal-footer modal-expanded-footer ${modalFooterExpandedContentClassName || ''}`}>
477
+ {footerExpandedContent}
478
+ </div>
479
+ </> : null}
480
+ {/* /FOOTER CONTENT */}
481
+
482
+
483
+ {/* SUBMIT & CANCEL */}
467
484
  {closeBtnLabel || submitBtnLabel ? <>
468
485
  <div className={`modal-footer ${modalFooterClassName || ''}`}>
469
486
 
@@ -479,6 +496,7 @@ const ModalDialog = (props: ModalDialogProps) => {
479
496
  }} type="button" className={submitBtnClassName ? submitBtnClassName : 'btn btn-primary'}>{submitBtnLabel}</button> : null}
480
497
  </div>
481
498
  </> : null}
499
+ {/* /SUBMIT & CANCEL */}
482
500
 
483
501
  </div>
484
502
  </div>
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "author": "UIUX Lab",
3
3
  "email": "uiuxlab@gmail.com",
4
4
  "name": "funda-ui",
5
- "version": "2.2.355",
5
+ "version": "2.2.555",
6
6
  "description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
7
7
  "repository": {
8
8
  "type": "git",