@dynamic-framework/ui-react 1.7.0 → 1.7.1
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.esm.js +6 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +6 -4
- package/dist/index.js.map +1 -1
- package/dist/types/components/DInputCurrencyBase.d.ts +1 -1
- package/dist/types/components/DInputSelect.d.ts +2 -1
- package/dist/types/components/DOffcanvas.d.ts +2 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -754,7 +754,7 @@ function DFormikInputCurrency(_a) {
|
|
|
754
754
|
return (jsxRuntime.jsx(DInputCurrency, Object.assign({}, props, { name: field.name, value: field.value, onChange: (value) => helpers.setValue(value), onBlur: (value) => field.onBlur(value), isInvalid: !!meta.error, hint: (meta === null || meta === void 0 ? void 0 : meta.error) || hint })));
|
|
755
755
|
}
|
|
756
756
|
|
|
757
|
-
function DInputSelect({ id, name, label = '', options, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, isDisabled = false, isLoading = false, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, hint, selectedOption, valueExtractor, labelExtractor, onChange, onBlur, onIconStartClick, onIconEndClick, }) {
|
|
757
|
+
function DInputSelect({ id, name, label = '', className, options, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, isDisabled = false, isLoading = false, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, hint, selectedOption, valueExtractor, labelExtractor, onChange, onBlur, onIconStartClick, onIconEndClick, }) {
|
|
758
758
|
const internalValueExtractor = react.useCallback((option) => {
|
|
759
759
|
if (valueExtractor) {
|
|
760
760
|
return valueExtractor(option);
|
|
@@ -787,7 +787,7 @@ function DInputSelect({ id, name, label = '', options, labelIcon, labelIconFamil
|
|
|
787
787
|
const iconEndClickHandler = react.useCallback((event) => {
|
|
788
788
|
onIconEndClick === null || onIconEndClick === void 0 ? void 0 : onIconEndClick(event);
|
|
789
789
|
}, [onIconEndClick]);
|
|
790
|
-
return (jsxRuntime.jsxs("div", { className: "d-input
|
|
790
|
+
return (jsxRuntime.jsxs("div", { className: classNames__default["default"]('d-input', className), children: [label && (jsxRuntime.jsxs("label", { htmlFor: id, children: [label, labelIcon && (jsxRuntime.jsx(DIcon, { className: "mdinput-icon", icon: labelIcon, size: `var(--${PREFIX_BS}input-label-font-size)`, familyClass: labelIconFamilyClass, familyPrefix: labelIconFamilyPrefix }))] })), jsxRuntime.jsxs("div", { className: "d-input-control", children: [jsxRuntime.jsxs("div", { className: classNames__default["default"]({
|
|
791
791
|
'input-group': true,
|
|
792
792
|
disabled: isDisabled || isLoading,
|
|
793
793
|
}), children: [iconStart && (jsxRuntime.jsx("button", { type: "button", className: "input-group-text", id: `${id}Start`, onClick: iconStartClickHandler, disabled: isDisabled || isLoading, children: iconStart && (jsxRuntime.jsx(DIcon, { className: "d-input-icon", icon: iconStart, familyClass: iconStartFamilyClass, familyPrefix: iconStartFamilyPrefix })) })), jsxRuntime.jsx("select", Object.assign({ id: id, name: name, className: "form-select", "aria-label": label, disabled: isDisabled || isLoading, "aria-describedby": `${id}Add ${id}Hint`, onChange: changeHandler, onBlur: blurHandler }, selectedOption && { value: internalValueExtractor(selectedOption) }, { children: options.map((option) => (jsxRuntime.jsx("option", { value: internalValueExtractor(option), children: internalLabelExtractor(option) }, internalValueExtractor(option)))) })), iconEnd && !isLoading && (jsxRuntime.jsx("button", { type: "button", className: "input-group-text", id: `${id}End`, onClick: iconEndClickHandler, disabled: isDisabled || isLoading, children: iconEnd && (jsxRuntime.jsx(DIcon, { className: "d-input-icon", icon: iconEnd, familyClass: iconEndFamilyClass, familyPrefix: iconEndFamilyPrefix })) })), isLoading && (jsxRuntime.jsx("div", { className: "input-group-text form-control-icon loading", children: jsxRuntime.jsx("span", { className: "spinner-border spinner-border-sm", role: "status", "aria-hidden": "true", children: jsxRuntime.jsx("span", { className: "visually-hidden", children: "Loading..." }) }) }))] }), hint && (jsxRuntime.jsx("div", { className: "form-text", id: `${id}Hint`, children: hint }))] })] }));
|
|
@@ -1091,8 +1091,10 @@ function DModalHeader({ showCloseButton, onClose, children, }) {
|
|
|
1091
1091
|
return (jsxRuntime.jsxs("div", { className: "modal-header", children: [showCloseButton && (jsxRuntime.jsx("button", { type: "button", className: "d-modal-close", "aria-label": "Close", onClick: onClose, children: jsxRuntime.jsx(DIcon, { icon: "x-lg" }) })), children] }));
|
|
1092
1092
|
}
|
|
1093
1093
|
|
|
1094
|
-
function DOffcanvas({ name, isStatic, isScrollable, openFrom = 'end', children, }) {
|
|
1095
|
-
return (jsxRuntime.jsx("div", Object.assign({ className:
|
|
1094
|
+
function DOffcanvas({ name, className, isStatic, isScrollable, openFrom = 'end', children, }) {
|
|
1095
|
+
return (jsxRuntime.jsx("div", Object.assign({ className: classNames__default["default"]('offcanvas show', {
|
|
1096
|
+
[`offcanvas-${openFrom}`]: openFrom,
|
|
1097
|
+
}, className), id: name, tabIndex: -1, "aria-labelledby": `${name}Label`, "aria-hidden": "false" }, isStatic && ({
|
|
1096
1098
|
[`data-${PREFIX_BS}backdrop`]: 'static',
|
|
1097
1099
|
[`data-${PREFIX_BS}keyboard`]: 'false',
|
|
1098
1100
|
}), isScrollable && ({
|