@dynamic-framework/ui-react 1.36.2 → 1.36.4
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/css/dynamic-ui-non-root.css +9 -4
- package/dist/css/dynamic-ui-non-root.min.css +2 -2
- package/dist/css/dynamic-ui-root.css +1 -1
- package/dist/css/dynamic-ui-root.min.css +1 -1
- package/dist/css/dynamic-ui.css +9 -4
- package/dist/css/dynamic-ui.min.css +2 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +34 -34
- package/dist/index.js.map +1 -1
- package/dist/js/bootstrap.bundle.js +3 -6
- package/dist/js/bootstrap.bundle.min.js +2 -2
- package/dist/js/bootstrap.esm.js +3 -6
- package/dist/js/bootstrap.esm.min.js +2 -2
- package/dist/js/bootstrap.js +3 -6
- package/dist/js/bootstrap.min.js +2 -2
- package/package.json +15 -15
package/dist/index.js
CHANGED
|
@@ -921,10 +921,10 @@ function DCardFooter({ className, style, children, }) {
|
|
|
921
921
|
return (jsxRuntime.jsx("div", { className: classNames('card-footer', className), style: style, children: children }));
|
|
922
922
|
}
|
|
923
923
|
|
|
924
|
-
function DCard({ className, style, children, dataAttributes, }) {
|
|
924
|
+
function DCard$1({ className, style, children, dataAttributes, }) {
|
|
925
925
|
return (jsxRuntime.jsx("div", Object.assign({ style: style, className: classNames('card', className) }, dataAttributes, { children: children })));
|
|
926
926
|
}
|
|
927
|
-
var DCard
|
|
927
|
+
var DCard = Object.assign(DCard$1, {
|
|
928
928
|
Header: DCardHeader,
|
|
929
929
|
Body: DCardBody,
|
|
930
930
|
Footer: DCardFooter,
|
|
@@ -935,7 +935,7 @@ function DCarouselSlide(_a) {
|
|
|
935
935
|
return (jsxRuntime.jsx(reactSplide.SplideSlide, Object.assign({ className: classNames('d-carousel-slide', className) }, props)));
|
|
936
936
|
}
|
|
937
937
|
|
|
938
|
-
function DCarousel(_a, ref) {
|
|
938
|
+
function DCarousel$1(_a, ref) {
|
|
939
939
|
var { children, className, style, options, dataAttributes } = _a, props = tslib.__rest(_a, ["children", "className", "style", "options", "dataAttributes"]);
|
|
940
940
|
return (jsxRuntime.jsx(reactSplide.Splide, Object.assign({ className: classNames('d-carousel', className), style: style, ref: ref, options: Object.assign(Object.assign({}, options), { classes: {
|
|
941
941
|
// Arrows
|
|
@@ -948,9 +948,9 @@ function DCarousel(_a, ref) {
|
|
|
948
948
|
page: 'splide__pagination__page d-carousel-pagination-page',
|
|
949
949
|
} }) }, dataAttributes, props, { children: children })));
|
|
950
950
|
}
|
|
951
|
-
const ForwardedDCarousel = React.forwardRef(DCarousel);
|
|
951
|
+
const ForwardedDCarousel = React.forwardRef(DCarousel$1);
|
|
952
952
|
ForwardedDCarousel.displayName = 'DCarousel';
|
|
953
|
-
var DCarousel
|
|
953
|
+
var DCarousel = Object.assign(ForwardedDCarousel, {
|
|
954
954
|
Slide: DCarouselSlide,
|
|
955
955
|
});
|
|
956
956
|
|
|
@@ -1144,7 +1144,7 @@ function DSelectPlaceholder(_a) {
|
|
|
1144
1144
|
return (jsxRuntime.jsx(Select.components.Placeholder, Object.assign({ innerProps: innerProps, selectProps: selectProps }, props, { children: children })));
|
|
1145
1145
|
}
|
|
1146
1146
|
|
|
1147
|
-
function DSelect(_a) {
|
|
1147
|
+
function DSelect$1(_a) {
|
|
1148
1148
|
var { id: idProp, className, style, label, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, hint, iconFamilyClass, iconFamilyPrefix, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartAriaLabel, iconStartTabIndex, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndAriaLabel, iconEndTabIndex, invalid, valid, menuWithMaxContent = false, disabled, clearable, loading, floatingLabel = false, rtl, searchable, multi, components, defaultValue, placeholder, onIconStartClick, onIconEndClick, dataAttributes } = _a, props = tslib.__rest(_a, ["id", "className", "style", "label", "labelIcon", "labelIconFamilyClass", "labelIconFamilyPrefix", "hint", "iconFamilyClass", "iconFamilyPrefix", "iconStart", "iconStartFamilyClass", "iconStartFamilyPrefix", "iconStartAriaLabel", "iconStartTabIndex", "iconEnd", "iconEndFamilyClass", "iconEndFamilyPrefix", "iconEndAriaLabel", "iconEndTabIndex", "invalid", "valid", "menuWithMaxContent", "disabled", "clearable", "loading", "floatingLabel", "rtl", "searchable", "multi", "components", "defaultValue", "placeholder", "onIconStartClick", "onIconEndClick", "dataAttributes"]);
|
|
1149
1149
|
const innerId = React.useId();
|
|
1150
1150
|
const id = React.useMemo(() => idProp || innerId, [idProp, innerId]);
|
|
@@ -1170,7 +1170,7 @@ function DSelect(_a) {
|
|
|
1170
1170
|
'is-valid': valid,
|
|
1171
1171
|
}), classNamePrefix: "d-select", isDisabled: disabled || loading, isClearable: clearable, isLoading: loading, isRtl: rtl, isSearchable: searchable, isMulti: multi, defaultValue: defaultValue, placeholder: floatingLabel ? '' : placeholder, unstyled: true, components: Object.assign({ Placeholder: DSelectPlaceholder, DropdownIndicator: DSelectDropdownIndicator, ClearIndicator: DSelectClearIndicator, MultiValueRemove: DSelectMultiValueRemove, LoadingIndicator: DSelectLoadingIndicator }, components) }, props)), (iconEnd && !loading) && (jsxRuntime.jsx("button", { type: "button", className: "input-group-text", id: `${id}End`, onClick: handleOnIconEndClick, disabled: disabled || loading, "aria-label": iconEndAriaLabel, tabIndex: iconEndTabIndex, children: iconEnd && (jsxRuntime.jsx(DIcon, { icon: iconEnd, familyClass: iconEndFamilyClass, familyPrefix: iconEndFamilyPrefix })) }))] }), hint && (jsxRuntime.jsx("div", { className: "form-text", id: `${id}Hint`, children: hint }))] })));
|
|
1172
1172
|
}
|
|
1173
|
-
var DSelect
|
|
1173
|
+
var DSelect = Object.assign(DSelect$1, {
|
|
1174
1174
|
OptionCheck: DSelectOptionCheck,
|
|
1175
1175
|
OptionIcon: DSelectOptionIcon,
|
|
1176
1176
|
SingleValueIconText: DSelectSingleValueIconText,
|
|
@@ -1219,9 +1219,9 @@ function DDatePickerHeaderSelector({ date, changeYear, changeMonth, decreaseMont
|
|
|
1219
1219
|
return (jsxRuntime.jsxs("div", { className: classNames('react-datepicker__header-selector react-datepicker__header-year-selector', className), style: style, children: [jsxRuntime.jsx(DButton, { iconStart: iconPrev || chevronLeft, iconStartFamilyClass: iconFamilyClass, iconStartFamilyPrefix: iconFamilyPrefix, iconStartMaterialStyle: iconMaterialStyle, size: iconSize, variant: buttonVariant, theme: buttonTheme, onClick: decreaseYear, disabled: prevYearButtonDisabled, ariaLabel: prevYearAriaLabel, className: "header-button" }), jsxRuntime.jsx("p", { children: `${startYear} - ${endYear}` }), jsxRuntime.jsx(DButton, { iconStart: iconNext || chevronRight, iconStartFamilyClass: iconFamilyClass, iconStartFamilyPrefix: iconFamilyPrefix, iconStartMaterialStyle: iconMaterialStyle, size: iconSize, variant: buttonVariant, theme: buttonTheme, onClick: increaseYear, disabled: nextYearButtonDisabled, ariaLabel: nextYearAriaLabel, className: "header-button" })] }));
|
|
1220
1220
|
}
|
|
1221
1221
|
if (pickerType === PickerType.Quarter || pickerType === PickerType.Month) {
|
|
1222
|
-
return (jsxRuntime.jsxs("div", { className: classNames(`react-datepicker__header-selector react-datepicker__header-${pickerType}-selector`, className), style: style, children: [jsxRuntime.jsx(DButton, { iconStart: iconPrev || chevronLeft, iconStartFamilyClass: iconFamilyClass, iconStartFamilyPrefix: iconFamilyPrefix, iconStartMaterialStyle: iconMaterialStyle, size: iconSize, variant: buttonVariant, theme: buttonTheme, onClick: decreaseYear, disabled: prevMonthButtonDisabled, ariaLabel: prevMonthAriaLabel, className: "header-button", style: { visibility: customHeaderCount === 0 ? 'visible' : 'hidden' } }), jsxRuntime.jsx("div", { className: "d-flex justify-content-center flex-grow-1", children: showHeaderSelectors ? (jsxRuntime.jsx(DSelect
|
|
1222
|
+
return (jsxRuntime.jsxs("div", { className: classNames(`react-datepicker__header-selector react-datepicker__header-${pickerType}-selector`, className), style: style, children: [jsxRuntime.jsx(DButton, { iconStart: iconPrev || chevronLeft, iconStartFamilyClass: iconFamilyClass, iconStartFamilyPrefix: iconFamilyPrefix, iconStartMaterialStyle: iconMaterialStyle, size: iconSize, variant: buttonVariant, theme: buttonTheme, onClick: decreaseYear, disabled: prevMonthButtonDisabled, ariaLabel: prevMonthAriaLabel, className: "header-button", style: { visibility: customHeaderCount === 0 ? 'visible' : 'hidden' } }), jsxRuntime.jsx("div", { className: "d-flex justify-content-center flex-grow-1", children: showHeaderSelectors ? (jsxRuntime.jsx(DSelect, { options: years, value: defaultYear, defaultValue: defaultYear, onChange: (year) => changeYear(Number(year === null || year === void 0 ? void 0 : year.value)), searchable: false })) : (jsxRuntime.jsx("p", { children: defaultYear === null || defaultYear === void 0 ? void 0 : defaultYear.label })) }), jsxRuntime.jsx(DButton, { iconStart: iconNext || chevronRight, iconStartFamilyClass: iconFamilyClass, iconStartFamilyPrefix: iconFamilyPrefix, iconStartMaterialStyle: iconMaterialStyle, size: iconSize, variant: buttonVariant, theme: buttonTheme, onClick: increaseYear, disabled: nextMonthButtonDisabled, ariaLabel: nextMonthAriaLabel, className: "header-button", style: { visibility: customHeaderCount === monthsShown - 1 ? 'visible' : 'hidden' } })] }));
|
|
1223
1223
|
}
|
|
1224
|
-
return (jsxRuntime.jsxs("div", { className: classNames('react-datepicker__header-selector react-datepicker__header-day-selector', className), style: style, children: [jsxRuntime.jsx(DButton, { iconStart: iconPrev || chevronLeft, iconStartFamilyClass: iconFamilyClass, iconStartFamilyPrefix: iconFamilyPrefix, iconStartMaterialStyle: iconMaterialStyle, size: iconSize, variant: buttonVariant, theme: buttonTheme, onClick: decreaseMonth, disabled: prevMonthButtonDisabled, ariaLabel: prevMonthAriaLabel, className: "header-button", style: { visibility: customHeaderCount === 0 ? 'visible' : 'hidden' } }), showHeaderSelectors ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DSelect
|
|
1224
|
+
return (jsxRuntime.jsxs("div", { className: classNames('react-datepicker__header-selector react-datepicker__header-day-selector', className), style: style, children: [jsxRuntime.jsx(DButton, { iconStart: iconPrev || chevronLeft, iconStartFamilyClass: iconFamilyClass, iconStartFamilyPrefix: iconFamilyPrefix, iconStartMaterialStyle: iconMaterialStyle, size: iconSize, variant: buttonVariant, theme: buttonTheme, onClick: decreaseMonth, disabled: prevMonthButtonDisabled, ariaLabel: prevMonthAriaLabel, className: "header-button", style: { visibility: customHeaderCount === 0 ? 'visible' : 'hidden' } }), showHeaderSelectors ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DSelect, { options: months, value: defaultMonth, defaultValue: defaultMonth, onChange: (month) => changeMonth((month === null || month === void 0 ? void 0 : month.value) || 0), searchable: false, className: "custom-month-selector" }), jsxRuntime.jsx(DSelect, { options: years, value: defaultYear, defaultValue: defaultYear, onChange: (year) => changeYear(Number(year === null || year === void 0 ? void 0 : year.value)), searchable: false, className: "custom-year-selector" })] })) : (jsxRuntime.jsx("p", { children: `${defaultMonth.label} ${defaultYear === null || defaultYear === void 0 ? void 0 : defaultYear.label}` })), jsxRuntime.jsx(DButton, { iconStart: iconNext || chevronRight, iconStartFamilyClass: iconFamilyClass, iconStartFamilyPrefix: iconFamilyPrefix, iconStartMaterialStyle: iconMaterialStyle, size: iconSize, variant: buttonVariant, theme: buttonTheme, onClick: increaseMonth, disabled: nextMonthButtonDisabled, ariaLabel: nextMonthAriaLabel, className: "header-button", style: { visibility: customHeaderCount === monthsShown - 1 ? 'visible' : 'hidden' } })] }));
|
|
1225
1225
|
}
|
|
1226
1226
|
|
|
1227
1227
|
function DDatePicker(_a) {
|
|
@@ -1723,7 +1723,7 @@ function DListItem({ children, className, style, active = false, disabled = fals
|
|
|
1723
1723
|
/**
|
|
1724
1724
|
* @deprecated Please use DListGroup instead
|
|
1725
1725
|
*/
|
|
1726
|
-
function DList({ children, className, style, flush = false, numbered = false, horizontal = false, horizontalBreakpoint, dataAttributes, }) {
|
|
1726
|
+
function DList$1({ children, className, style, flush = false, numbered = false, horizontal = false, horizontalBreakpoint, dataAttributes, }) {
|
|
1727
1727
|
if (flush && horizontal) {
|
|
1728
1728
|
throw new Error("Horizontal and Flush props don't work together");
|
|
1729
1729
|
}
|
|
@@ -1733,7 +1733,7 @@ function DList({ children, className, style, flush = false, numbered = false, ho
|
|
|
1733
1733
|
'list-group-horizontal': horizontal && !horizontalBreakpoint,
|
|
1734
1734
|
}, (horizontal && horizontalBreakpoint) && `list-group-horizontal-${horizontalBreakpoint}`, className), style: style }, dataAttributes, { children: children })));
|
|
1735
1735
|
}
|
|
1736
|
-
var DList
|
|
1736
|
+
var DList = Object.assign(DList$1, {
|
|
1737
1737
|
Item: DListItem,
|
|
1738
1738
|
});
|
|
1739
1739
|
|
|
@@ -1769,7 +1769,7 @@ function DListGroupItem({ as = 'li', action: actionProp, active, disabled, href,
|
|
|
1769
1769
|
return (jsxRuntime.jsx(Tag, Object.assign({ className: classNames(generateClasses, className), style: style }, Tag === 'a' && href && { href }, onClick && { onClick }, ariaAttributes, dataAttributes, Tag === 'button' && { type: 'button' }, { children: children })));
|
|
1770
1770
|
}
|
|
1771
1771
|
|
|
1772
|
-
function DListGroup({ as = 'ul', numbered, flush, horizontal, children, className, style, dataAttributes, }) {
|
|
1772
|
+
function DListGroup$1({ as = 'ul', numbered, flush, horizontal, children, className, style, dataAttributes, }) {
|
|
1773
1773
|
const Tag = React.useMemo(() => {
|
|
1774
1774
|
if (numbered) {
|
|
1775
1775
|
return 'ol';
|
|
@@ -1789,7 +1789,7 @@ function DListGroup({ as = 'ul', numbered, flush, horizontal, children, classNam
|
|
|
1789
1789
|
}, [flush, horizontal, numbered]);
|
|
1790
1790
|
return (jsxRuntime.jsx(Tag, Object.assign({ className: classNames(generateClasses, className), style: style }, dataAttributes, { children: children })));
|
|
1791
1791
|
}
|
|
1792
|
-
var DListGroup
|
|
1792
|
+
var DListGroup = Object.assign(DListGroup$1, {
|
|
1793
1793
|
Item: DListGroupItem,
|
|
1794
1794
|
});
|
|
1795
1795
|
|
|
@@ -1811,7 +1811,7 @@ function DModalFooter({ className, style, actionPlacement, children, }) {
|
|
|
1811
1811
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "d-modal-separator" }), jsxRuntime.jsx("div", { className: classNames(generateClasses, className), style: style, children: children })] }));
|
|
1812
1812
|
}
|
|
1813
1813
|
|
|
1814
|
-
function DModal({ name, className, style, staticBackdrop, scrollable, centered, fullScreen, fullScreenFrom, size, children, dataAttributes, }) {
|
|
1814
|
+
function DModal$1({ name, className, style, staticBackdrop, scrollable, centered, fullScreen, fullScreenFrom, size, children, dataAttributes, }) {
|
|
1815
1815
|
const fullScreenClass = React.useMemo(() => {
|
|
1816
1816
|
if (fullScreen) {
|
|
1817
1817
|
if (fullScreenFrom) {
|
|
@@ -1827,7 +1827,7 @@ function DModal({ name, className, style, staticBackdrop, scrollable, centered,
|
|
|
1827
1827
|
[`data-${PREFIX_BS}keyboard`]: 'false',
|
|
1828
1828
|
}), dataAttributes, { children: jsxRuntime.jsx("div", { className: classNames(generateModalDialogClasses), children: jsxRuntime.jsx("div", { className: "modal-content", children: children }) }) })));
|
|
1829
1829
|
}
|
|
1830
|
-
var DModal
|
|
1830
|
+
var DModal = Object.assign(DModal$1, {
|
|
1831
1831
|
Header: DModalHeader,
|
|
1832
1832
|
Body: DModalBody,
|
|
1833
1833
|
Footer: DModalFooter,
|
|
@@ -1851,7 +1851,7 @@ function DOffcanvasFooter({ actionPlacement, children, className, style, }) {
|
|
|
1851
1851
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "d-offcanvas-separator" }), jsxRuntime.jsx("div", { className: classNames(generateClasses, className), style: style, children: children })] }));
|
|
1852
1852
|
}
|
|
1853
1853
|
|
|
1854
|
-
function DOffcanvas({ name, className, style, staticBackdrop, scrollable, openFrom = 'end', children, dataAttributes, }) {
|
|
1854
|
+
function DOffcanvas$1({ name, className, style, staticBackdrop, scrollable, openFrom = 'end', children, dataAttributes, }) {
|
|
1855
1855
|
return (jsxRuntime.jsx("div", Object.assign({ className: classNames('offcanvas portal show', {
|
|
1856
1856
|
[`offcanvas-${openFrom}`]: openFrom,
|
|
1857
1857
|
}, className), style: style, id: name, tabIndex: -1, "aria-labelledby": `${name}Label`, "aria-hidden": "false" }, staticBackdrop && ({
|
|
@@ -1862,7 +1862,7 @@ function DOffcanvas({ name, className, style, staticBackdrop, scrollable, openFr
|
|
|
1862
1862
|
[`data-${PREFIX_BS}keyboard`]: 'false',
|
|
1863
1863
|
}), dataAttributes, { children: children })));
|
|
1864
1864
|
}
|
|
1865
|
-
var DOffcanvas
|
|
1865
|
+
var DOffcanvas = Object.assign(DOffcanvas$1, {
|
|
1866
1866
|
Header: DOffcanvasHeader,
|
|
1867
1867
|
Body: DOffcanvasBody,
|
|
1868
1868
|
Footer: DOffcanvasFooter,
|
|
@@ -2133,7 +2133,7 @@ function DTabContent({ tab, children, className, style, }) {
|
|
|
2133
2133
|
return (jsxRuntime.jsx("div", { className: classNames('tab-pane fade show active', className), id: `${tab}Pane`, role: "tabpanel", tabIndex: 0, "aria-labelledby": `${tab}Tab`, style: style, children: children }));
|
|
2134
2134
|
}
|
|
2135
2135
|
|
|
2136
|
-
function DTabs({ children, defaultSelected, onChange, options, className, classNameTab, style, vertical, variant = 'underline', dataAttributes, }) {
|
|
2136
|
+
function DTabs$1({ children, defaultSelected, onChange, options, className, classNameTab, style, vertical, variant = 'underline', dataAttributes, }) {
|
|
2137
2137
|
const [selected, setSelected] = React.useState(defaultSelected);
|
|
2138
2138
|
const onSelect = React.useCallback((option) => {
|
|
2139
2139
|
if (option.tab) {
|
|
@@ -2156,7 +2156,7 @@ function DTabs({ children, defaultSelected, onChange, options, className, classN
|
|
|
2156
2156
|
active: option.tab === selected,
|
|
2157
2157
|
}, classNameTab), type: "button", role: "tab", "aria-controls": `${option.tab}Pane`, "aria-selected": option.tab === selected, disabled: option.disabled, onClick: () => onSelect(option), children: option.label }, option.label))) }), jsxRuntime.jsx("div", { className: "tab-content w-100", children: children })] })) }));
|
|
2158
2158
|
}
|
|
2159
|
-
var DTabs
|
|
2159
|
+
var DTabs = Object.assign(DTabs$1, {
|
|
2160
2160
|
Tab: DTabContent,
|
|
2161
2161
|
});
|
|
2162
2162
|
|
|
@@ -2168,10 +2168,10 @@ function DToastBody({ children, className, style }) {
|
|
|
2168
2168
|
return (jsxRuntime.jsx("div", { className: classNames('toast-body', className), style: style, children: children }));
|
|
2169
2169
|
}
|
|
2170
2170
|
|
|
2171
|
-
function DToast({ children, className, style, dataAttributes, }) {
|
|
2171
|
+
function DToast$1({ children, className, style, dataAttributes, }) {
|
|
2172
2172
|
return (jsxRuntime.jsx("div", Object.assign({ className: classNames('toast', className), role: "alert", "aria-live": "assertive", "aria-atomic": "true", style: style }, dataAttributes, { children: children })));
|
|
2173
2173
|
}
|
|
2174
|
-
var DToast
|
|
2174
|
+
var DToast = Object.assign(DToast$1, {
|
|
2175
2175
|
Header: DToastHeader,
|
|
2176
2176
|
Body: DToastBody,
|
|
2177
2177
|
});
|
|
@@ -2192,15 +2192,15 @@ function useDToast() {
|
|
|
2192
2192
|
return null;
|
|
2193
2193
|
}
|
|
2194
2194
|
if (!description) {
|
|
2195
|
-
return (jsxRuntime.jsx(DToast
|
|
2195
|
+
return (jsxRuntime.jsx(DToast, { className: classNames({
|
|
2196
2196
|
[`toast-${theme}`]: !!theme && !soft,
|
|
2197
2197
|
[`toast-soft-${theme}`]: !!theme && !!soft,
|
|
2198
|
-
}, 'show'), children: jsxRuntime.jsxs(DToast
|
|
2198
|
+
}, 'show'), children: jsxRuntime.jsxs(DToast.Body, { children: [icon && (jsxRuntime.jsx(DIcon, { className: "toast-icon", icon: icon })), jsxRuntime.jsx("p", { className: "toast-title", children: title }), jsxRuntime.jsx("button", { type: "button", className: "d-close align-self-center", "aria-label": "Close", onClick: () => reactHotToast.toast.dismiss(id), children: jsxRuntime.jsx(DIcon, { icon: closeIcon || xLg }) })] }) }));
|
|
2199
2199
|
}
|
|
2200
|
-
return (jsxRuntime.jsxs(DToast
|
|
2200
|
+
return (jsxRuntime.jsxs(DToast, { className: classNames({
|
|
2201
2201
|
[`toast-${theme}`]: !!theme && !soft,
|
|
2202
2202
|
[`toast-soft-${theme}`]: !!theme && !!soft,
|
|
2203
|
-
}, 'show'), children: [jsxRuntime.jsxs(DToast
|
|
2203
|
+
}, 'show'), children: [jsxRuntime.jsxs(DToast.Header, { children: [icon && (jsxRuntime.jsx(DIcon, { className: "toast-icon", icon: icon })), jsxRuntime.jsx("p", { className: "toast-title", children: title }), timestamp && (jsxRuntime.jsx("small", { className: "toast-timestamp", children: timestamp })), jsxRuntime.jsx("button", { type: "button", className: "d-close align-self-center", "aria-label": "Close", onClick: () => reactHotToast.toast.dismiss(id), children: jsxRuntime.jsx(DIcon, { icon: closeIcon || xLg }) })] }), jsxRuntime.jsx(DToast.Body, { children: jsxRuntime.jsx("span", { children: description }) })] }));
|
|
2204
2204
|
}, toastProps);
|
|
2205
2205
|
}, [xLg]);
|
|
2206
2206
|
return {
|
|
@@ -2362,11 +2362,11 @@ exports.DBadge = DBadge;
|
|
|
2362
2362
|
exports.DBoxFile = DBoxFile;
|
|
2363
2363
|
exports.DButton = DButton;
|
|
2364
2364
|
exports.DButtonIcon = DButtonIcon;
|
|
2365
|
-
exports.DCard = DCard
|
|
2365
|
+
exports.DCard = DCard;
|
|
2366
2366
|
exports.DCardBody = DCardBody;
|
|
2367
2367
|
exports.DCardFooter = DCardFooter;
|
|
2368
2368
|
exports.DCardHeader = DCardHeader;
|
|
2369
|
-
exports.DCarousel = DCarousel
|
|
2369
|
+
exports.DCarousel = DCarousel;
|
|
2370
2370
|
exports.DCarouselSlide = DCarouselSlide;
|
|
2371
2371
|
exports.DChip = DChip;
|
|
2372
2372
|
exports.DCollapse = DCollapse;
|
|
@@ -2389,15 +2389,15 @@ exports.DInputRange = ForwardedDInputRange;
|
|
|
2389
2389
|
exports.DInputSearch = ForwardedDInputSearch;
|
|
2390
2390
|
exports.DInputSelect = DInputSelect;
|
|
2391
2391
|
exports.DInputSwitch = DInputSwitch;
|
|
2392
|
-
exports.DList = DList
|
|
2393
|
-
exports.DListGroup = DListGroup
|
|
2392
|
+
exports.DList = DList;
|
|
2393
|
+
exports.DListGroup = DListGroup;
|
|
2394
2394
|
exports.DListGroupItem = DListGroupItem;
|
|
2395
2395
|
exports.DListItem = DListItem;
|
|
2396
|
-
exports.DModal = DModal
|
|
2396
|
+
exports.DModal = DModal;
|
|
2397
2397
|
exports.DModalBody = DModalBody;
|
|
2398
2398
|
exports.DModalFooter = DModalFooter;
|
|
2399
2399
|
exports.DModalHeader = DModalHeader;
|
|
2400
|
-
exports.DOffcanvas = DOffcanvas
|
|
2400
|
+
exports.DOffcanvas = DOffcanvas;
|
|
2401
2401
|
exports.DOffcanvasBody = DOffcanvasBody;
|
|
2402
2402
|
exports.DOffcanvasFooter = DOffcanvasFooter;
|
|
2403
2403
|
exports.DOffcanvasHeader = DOffcanvasHeader;
|
|
@@ -2408,15 +2408,15 @@ exports.DQuickActionButton = DQuickActionButton;
|
|
|
2408
2408
|
exports.DQuickActionCheck = DQuickActionCheck;
|
|
2409
2409
|
exports.DQuickActionSelect = DQuickActionSelect;
|
|
2410
2410
|
exports.DQuickActionSwitch = DQuickActionSwitch;
|
|
2411
|
-
exports.DSelect = DSelect
|
|
2411
|
+
exports.DSelect = DSelect;
|
|
2412
2412
|
exports.DSkeleton = DSkeleton;
|
|
2413
2413
|
exports.DStepper = DStepper;
|
|
2414
2414
|
exports.DStepperDesktop = DStepper$2;
|
|
2415
2415
|
exports.DStepperMobile = DStepper$1;
|
|
2416
2416
|
exports.DTabContent = DTabContent;
|
|
2417
2417
|
exports.DTableHead = DTableHead;
|
|
2418
|
-
exports.DTabs = DTabs
|
|
2419
|
-
exports.DToast = DToast
|
|
2418
|
+
exports.DTabs = DTabs;
|
|
2419
|
+
exports.DToast = DToast;
|
|
2420
2420
|
exports.DToastContainer = DToastContainer;
|
|
2421
2421
|
exports.DTooltip = DTooltip;
|
|
2422
2422
|
exports.changeQueryString = changeQueryString;
|