@dfx.swiss/react-components 1.3.0-beta.44 → 1.3.0-beta.46
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/stories/StyledDataTableExpandableRow.d.ts +2 -1
- package/dist/stories/StyledDataTableExpandableRow.d.ts.map +1 -1
- package/dist/stories/StyledDataTableExpandableRow.js +4 -4
- package/dist/stories/StyledDataTableExpandableRow.js.map +1 -1
- package/dist/stories/form/StyledDropdown.d.ts.map +1 -1
- package/dist/stories/form/StyledDropdown.js +7 -4
- package/dist/stories/form/StyledDropdown.js.map +1 -1
- package/dist/stories/form/StyledDropdownMultiChoice.d.ts.map +1 -1
- package/dist/stories/form/StyledDropdownMultiChoice.js +2 -2
- package/dist/stories/form/StyledDropdownMultiChoice.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
|
2
|
-
import { IconVariant } from './DfxIcon';
|
|
2
|
+
import { IconColor, IconVariant } from './DfxIcon';
|
|
3
3
|
interface ExpansionItem {
|
|
4
4
|
label: string;
|
|
5
5
|
text: string;
|
|
6
6
|
infoText?: string;
|
|
7
7
|
icon?: IconVariant;
|
|
8
|
+
iconColor?: IconColor;
|
|
8
9
|
onClick?: () => void;
|
|
9
10
|
}
|
|
10
11
|
interface StyledDataTableExpandableRowProps extends PropsWithChildren {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledDataTableExpandableRow.d.ts","sourceRoot":"","sources":["../../src/stories/StyledDataTableExpandableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAmC,MAAM,OAAO,CAAC;AAC3E,OAAgB,
|
|
1
|
+
{"version":3,"file":"StyledDataTableExpandableRow.d.ts","sourceRoot":"","sources":["../../src/stories/StyledDataTableExpandableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAmC,MAAM,OAAO,CAAC;AAC3E,OAAgB,EAAE,SAAS,EAAY,WAAW,EAAE,MAAM,WAAW,CAAC;AAKtE,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,iCAAkC,SAAQ,iBAAiB;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,aAAa,EAAE,CAAC;CACjC;AAQD,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EACnD,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,cAAc,EACd,GAAG,KAAK,EACT,EAAE,iCAAiC,2CAkGnC"}
|
|
@@ -62,9 +62,9 @@ export default function StyledDataTableExpandableRow(_a) {
|
|
|
62
62
|
setIsExpanded(props.isExpanded);
|
|
63
63
|
}
|
|
64
64
|
}, [props.isExpanded]);
|
|
65
|
-
return (_jsxs("div", __assign({ className: wrapperClasses }, { children: [_jsxs("div", __assign({ className: "flex w-full justify-between" }, { children: [label && _jsx("p", __assign({ className: labelClasses }, { children: label })), _jsx("div", __assign({ className: rowDataClasses }, { children: isLoading ? (_jsx(StyledLoadingSpinner, { size: SpinnerSize.SM, variant: theme.darkTheme ? SpinnerVariant.DARK_MODE : SpinnerVariant.LIGHT_MODE })) : (_jsxs("div", __assign({ className: "w-full cursor-pointer flex flex-row gap-2 ".concat(ALIGN_MAPS[theme.alignContent]), onClick: function () { return setIsExpanded(function (e) { return !e; }); } }, { children: [children, expansionItems.length > 0 && (_jsx(DfxIcon, { icon: isExpanded ? IconVariant.EXPAND_LESS : IconVariant.EXPAND_MORE, size: IconSize.LG }))] }))) }))] })), !isLoading && (
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
65
|
+
return (_jsxs("div", __assign({ className: wrapperClasses }, { children: [_jsxs("div", __assign({ className: "flex w-full justify-between" }, { children: [label && _jsx("p", __assign({ className: labelClasses }, { children: label })), _jsx("div", __assign({ className: rowDataClasses }, { children: isLoading ? (_jsx(StyledLoadingSpinner, { size: SpinnerSize.SM, variant: theme.darkTheme ? SpinnerVariant.DARK_MODE : SpinnerVariant.LIGHT_MODE })) : (_jsxs("div", __assign({ className: "w-full cursor-pointer flex flex-row gap-2 ".concat(ALIGN_MAPS[theme.alignContent]), onClick: function () { return setIsExpanded(function (e) { return !e; }); } }, { children: [children, expansionItems.length > 0 && (_jsx(DfxIcon, { icon: isExpanded ? IconVariant.EXPAND_LESS : IconVariant.EXPAND_MORE, size: IconSize.LG }))] }))) }))] })), !isLoading && (_jsx(_Fragment, { children: expansionItems.length > 0 && isExpanded && (_jsxs("div", __assign({ className: "flex flex-col w-full" }, { children: [infoText && (_jsx("div", __assign({ className: "mt-1" }, { children: _jsx(StyledInfoText, __assign({ textSize: StyledInfoTextSize.XS, iconColor: IconColor.GRAY, discreet: true }, { children: infoText })) }))), _jsx("div", { className: separatorClasses }), expansionItems.map(function (_a) {
|
|
66
|
+
var label = _a.label, text = _a.text, infoText = _a.infoText, icon = _a.icon, iconColor = _a.iconColor, onClick = _a.onClick;
|
|
67
|
+
return (_jsxs("div", __assign({ className: "flex flex-col w-full" }, { children: [_jsxs("div", __assign({ className: "flex w-full justify-between" }, { children: [_jsx("p", __assign({ className: labelClasses }, { children: label })), _jsxs("button", __assign({ className: "flex flex-row items-center gap-2", onClick: onClick, disabled: !onClick }, { children: [_jsx("p", __assign({ className: rowDataClasses }, { children: text })), icon && _jsx(DfxIcon, { icon: icon, color: iconColor, size: IconSize.SM })] }))] }), label), _jsx("div", __assign({ className: "my-1 text-left" }, { children: infoText && (_jsx(StyledInfoText, __assign({ textSize: StyledInfoTextSize.XS, iconColor: IconColor.GRAY, discreet: true }, { children: infoText.split('\n').map(function (line) { return (_jsx("div", { children: line }, line)); }) }))) }))] })));
|
|
68
|
+
})] }))) }))] })));
|
|
69
69
|
}
|
|
70
70
|
//# sourceMappingURL=StyledDataTableExpandableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledDataTableExpandableRow.js","sourceRoot":"","sources":["../../src/stories/StyledDataTableExpandableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAqB,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,OAAO,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,cAAc,EAAE,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,oBAAoB,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"StyledDataTableExpandableRow.js","sourceRoot":"","sources":["../../src/stories/StyledDataTableExpandableRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledDropdown.d.ts","sourceRoot":"","sources":["../../../src/stories/form/StyledDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAC/D,OAAgB,EAAuB,WAAW,EAAE,MAAM,YAAY,CAAC;AAEvE,OAAqB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGjE,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC1D,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAClC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,gBAAgB,CAAC;IAC9C,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,EACxC,KAAK,EACL,SAAS,EACT,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,IAAI,EACJ,UAAU,EACV,SAAS,EACT,WAAW,EACX,eAAe,EACf,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"StyledDropdown.d.ts","sourceRoot":"","sources":["../../../src/stories/form/StyledDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAC/D,OAAgB,EAAuB,WAAW,EAAE,MAAM,YAAY,CAAC;AAEvE,OAAqB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGjE,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC1D,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAClC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,gBAAgB,CAAC;IAC9C,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,EACxC,KAAK,EACL,SAAS,EACT,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,IAAI,EACJ,UAAU,EACV,SAAS,EACT,WAAW,EACX,eAAe,EACf,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAoJxB"}
|
|
@@ -54,10 +54,13 @@ export default function StyledDropdown(_a) {
|
|
|
54
54
|
}
|
|
55
55
|
return (_jsx(Controller, { control: control, render: function (_a) {
|
|
56
56
|
var _b = _a.field, onChange = _b.onChange, onBlur = _b.onBlur, value = _b.value;
|
|
57
|
-
return (_jsxs("div", __assign({ className: "relative ".concat(full ? 'w-full' : '') }, { children: [label && (_jsxs("div", __assign({ className: "flex items-center ml-3.5 mb-2.5" }, { children: [labelIcon !== undefined && _jsx(DfxIcon, { icon: labelIcon, size: IconSize.SM, color: IconColor.BLUE }), _jsx("label", __assign({ className: "text-dfxBlue-800 ".concat(smallLabel ? 'text-sm' : 'text-base', " font-semibold ").concat(labelIcon ? 'pl-3.5' : '') }, { children: label }))] }))), _jsxs("button", __assign({ ref: buttonRef, id: "dropDownButton", type: "button", onClick: function () { return setIsOpen(!isOpen); }, className: buttonClasses, onBlur: onBlur, disabled: isDisabled }, props, { children: [_jsxs("div", __assign({ className: "flex flex-row gap-2 items-center w-full h-full" }, { children: [value && assetIconFunc && _jsx(DfxAssetIcon, { asset: assetIconFunc(value) }), _jsx("div", __assign({ className: "flex flex-col gap-1 justify-between text-left w-full" }, { children: value === undefined ? (_jsx("p", __assign({ className: "text-dfxGray-600 drop-shadow-none py-[0.25rem]" }, { children: placeholder }))) : (_jsxs(_Fragment, { children: [_jsxs("span", __assign({ className: "".concat(error ? 'text-dfxRed-100' : 'text-dfxBlue-800', " leading-none font-semibold flex justify-between ").concat(!descriptionFunc && !assetIconFunc ? 'py-[0.25rem]' : '') }, { children: [labelFunc(value), balanceFunc && !hideBalanceWhenClosed && _jsx("p", { children: balanceFunc(value) })] })), descriptionFunc && (_jsxs("span", __assign({ className: "text-dfxGray-800 text-xs h-min leading-none flex justify-between" }, { children: [descriptionFunc(value), priceFunc && _jsx("p", { children: priceFunc(value) })] })))] })) }))] })), !isDisabled && (_jsx("div", __assign({ className: "place-self-center" }, { children: _jsx(DfxIcon, { icon: isOpen ? IconVariant.EXPAND_LESS : IconVariant.EXPAND_MORE, size: IconSize.LG }) })))] })), isOpen && (_jsx("div", __assign({ ref: dropdownRef, className: "absolute bg-white rounded-b border-x border-b border-dfxGray-500 w-full z-10 overflow-y-auto max-h-[15rem]" }, { children: items.map(function (item, index) {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
57
|
+
return (_jsxs("div", __assign({ className: "relative ".concat(full ? 'w-full' : '') }, { children: [label && (_jsxs("div", __assign({ className: "flex items-center ml-3.5 mb-2.5" }, { children: [labelIcon !== undefined && _jsx(DfxIcon, { icon: labelIcon, size: IconSize.SM, color: IconColor.BLUE }), _jsx("label", __assign({ className: "text-dfxBlue-800 ".concat(smallLabel ? 'text-sm' : 'text-base', " font-semibold ").concat(labelIcon ? 'pl-3.5' : '') }, { children: label }))] }))), _jsxs("button", __assign({ ref: buttonRef, id: "dropDownButton", type: "button", onClick: function () { return setIsOpen(!isOpen); }, className: buttonClasses, onBlur: onBlur, disabled: isDisabled }, props, { children: [_jsxs("div", __assign({ className: "flex flex-row gap-2 items-center w-full h-full" }, { children: [value && assetIconFunc && _jsx(DfxAssetIcon, { asset: assetIconFunc(value) }), _jsx("div", __assign({ className: "flex flex-col gap-1 justify-between text-left w-full" }, { children: value === undefined ? (_jsx("p", __assign({ className: "text-dfxGray-600 drop-shadow-none py-[0.25rem]" }, { children: placeholder }))) : (_jsxs(_Fragment, { children: [_jsxs("span", __assign({ className: "".concat(error ? 'text-dfxRed-100' : 'text-dfxBlue-800', " leading-none font-semibold flex justify-between ").concat(!descriptionFunc && !assetIconFunc ? 'py-[0.25rem]' : '') }, { children: [_jsx("p", __assign({ className: "line-clamp-1" }, { children: labelFunc(value) })), balanceFunc && !hideBalanceWhenClosed && _jsx("p", { children: balanceFunc(value) })] })), descriptionFunc && (_jsxs("span", __assign({ className: "text-dfxGray-800 text-xs h-min leading-none flex justify-between" }, { children: [_jsx("p", __assign({ className: "line-clamp-1" }, { children: descriptionFunc(value) })), priceFunc && _jsx("p", { children: priceFunc(value) })] })))] })) }))] })), !isDisabled && (_jsx("div", __assign({ className: "place-self-center" }, { children: _jsx(DfxIcon, { icon: isOpen ? IconVariant.EXPAND_LESS : IconVariant.EXPAND_MORE, size: IconSize.LG }) })))] })), isOpen && (_jsx("div", __assign({ ref: dropdownRef, className: "absolute bg-white rounded-b border-x border-b border-dfxGray-500 w-full z-10 overflow-y-auto max-h-[15rem]" }, { children: items.map(function (item, index) {
|
|
58
|
+
var isSelected = value !== undefined && JSON.stringify(value) === JSON.stringify(item);
|
|
59
|
+
return (_jsx("button", __assign({ type: "button", onClick: function () {
|
|
60
|
+
onChange(item);
|
|
61
|
+
setIsOpen(false);
|
|
62
|
+
}, className: "flex flex-col gap-2 justify-between text-left w-full hover:bg-dfxGray-400 px-3.5 py-2.5 ".concat(isSelected ? 'bg-dfxGray-400/50' : '') }, { children: _jsxs("div", __assign({ className: "flex flex-row gap-2 items-center w-full" }, { children: [assetIconFunc && _jsx(DfxAssetIcon, { asset: assetIconFunc(item) }), _jsxs("div", __assign({ className: "flex flex-col gap-1 justify-between text-left w-full" }, { children: [_jsxs("span", __assign({ className: "text-dfxBlue-800 leading-none font-semibold flex justify-between ".concat(!descriptionFunc && !assetIconFunc ? 'py-[0.25rem]' : '') }, { children: [labelFunc(item), balanceFunc && _jsx("p", { children: balanceFunc(item) })] })), descriptionFunc && (_jsxs("span", __assign({ className: "text-dfxGray-800 text-xs h-min leading-none flex justify-between" }, { children: [descriptionFunc(item), priceFunc && _jsx("p", { children: priceFunc(item) })] })))] }))] })) }), index));
|
|
63
|
+
}) }))), error && _jsx("p", __assign({ className: "text-start text-sm text-dfxRed-100 pl-3" }, { children: error === null || error === void 0 ? void 0 : error.message }))] })));
|
|
61
64
|
}, name: name, rules: rules }));
|
|
62
65
|
}
|
|
63
66
|
//# sourceMappingURL=StyledDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledDropdown.js","sourceRoot":"","sources":["../../../src/stories/form/StyledDropdown.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"StyledDropdown.js","sourceRoot":"","sources":["../../../src/stories/form/StyledDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledDropdownMultiChoice.d.ts","sourceRoot":"","sources":["../../../src/stories/form/StyledDropdownMultiChoice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAC/D,OAAgB,EAAuB,WAAW,EAAE,MAAM,YAAY,CAAC;AAEvE,OAAqB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGjE,MAAM,WAAW,8BAA8B,CAAC,CAAC,CAAE,SAAQ,YAAY;IACrE,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAClC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,gBAAgB,CAAC;IAC9C,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,CAAC,EAAE,EACnD,KAAK,EACL,SAAS,EACT,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,IAAI,EACJ,UAAU,EACV,SAAS,EACT,WAAW,EACX,eAAe,EACf,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,8BAA8B,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"StyledDropdownMultiChoice.d.ts","sourceRoot":"","sources":["../../../src/stories/form/StyledDropdownMultiChoice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAC/D,OAAgB,EAAuB,WAAW,EAAE,MAAM,YAAY,CAAC;AAEvE,OAAqB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGjE,MAAM,WAAW,8BAA8B,CAAC,CAAC,CAAE,SAAQ,YAAY;IACrE,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAClC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,gBAAgB,CAAC;IAC9C,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,CAAC,EAAE,EACnD,KAAK,EACL,SAAS,EACT,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,IAAI,EACJ,UAAU,EACV,SAAS,EACT,WAAW,EACX,eAAe,EACf,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,8BAA8B,CAAC,CAAC,CAAC,2CAyJnC"}
|
|
@@ -40,7 +40,7 @@ export default function StyledDropdownMultiChoice(_a) {
|
|
|
40
40
|
var buttonRef = useRef(null);
|
|
41
41
|
var dropdownRef = useRef(null);
|
|
42
42
|
var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
|
|
43
|
-
var buttonClasses = 'flex justify-between border border-dfxGray-500 px-4 py-2 shadow-sm w-full h-[58px]';
|
|
43
|
+
var buttonClasses = 'flex justify-between items-center border border-dfxGray-500 px-4 py-2 shadow-sm w-full min-h-[58px]';
|
|
44
44
|
isOpen ? (buttonClasses += ' rounded-x rounded-t bg-dfxGray-400/50') : (buttonClasses += ' rounded');
|
|
45
45
|
var isDisabled = disabled || (items.length <= 1 && !forceEnable);
|
|
46
46
|
useEffect(function () {
|
|
@@ -74,7 +74,7 @@ export default function StyledDropdownMultiChoice(_a) {
|
|
|
74
74
|
};
|
|
75
75
|
return (_jsxs("div", __assign({ className: "relative ".concat(full ? 'w-full' : '') }, { children: [label && (_jsxs("div", __assign({ className: "flex items-center ml-3.5 mb-2.5" }, { children: [labelIcon !== undefined && _jsx(DfxIcon, { icon: labelIcon, size: IconSize.SM, color: IconColor.BLUE }), _jsx("label", __assign({ className: "text-dfxBlue-800 ".concat(smallLabel ? 'text-sm' : 'text-base', " font-semibold ").concat(labelIcon ? 'pl-3.5' : '') }, { children: label }))] }))), _jsx("button", __assign({ ref: buttonRef, id: "dropDownButton", type: "button", onClick: function () { return setIsOpen(!isOpen); }, className: buttonClasses, onBlur: onBlur, disabled: isDisabled }, props, { children: _jsxs("div", __assign({ className: "flex flex-row gap-2 items-center w-full h-full" }, { children: [selectedItems.length > 0 && assetIconFunc && _jsx(DfxAssetIcon, { asset: assetIconFunc(selectedItems[0]) }), _jsx("div", __assign({ className: "flex flex-col gap-1 justify-between text-left w-full" }, { children: selectedItems.length === 0 ? (_jsx("p", __assign({ className: "text-dfxGray-600 drop-shadow-none py-[0.25rem]" }, { children: placeholder }))) : (_jsx(_Fragment, { children: _jsx("span", __assign({ className: "".concat(error ? 'text-dfxRed-100' : 'text-dfxBlue-800', " leading-none font-semibold flex justify-between ").concat(!descriptionFunc && !assetIconFunc ? 'py-[0.25rem]' : '') }, { children: selectedItems.map(function (item) { return labelFunc(item); }).join(', ') })) })) })), !isDisabled && (_jsx("div", __assign({ className: "place-self-center" }, { children: _jsx(DfxIcon, { icon: isOpen ? IconVariant.EXPAND_LESS : IconVariant.EXPAND_MORE, size: IconSize.LG }) })))] })) })), isOpen && (_jsx("div", __assign({ ref: dropdownRef, className: "absolute bg-white rounded-b border-x border-b border-dfxGray-500 w-full z-10 overflow-y-auto max-h-[15rem]" }, { children: items.map(function (item, index) {
|
|
76
76
|
var isSelected = selectedItems.some(function (selected) { return isEqual(selected, item); });
|
|
77
|
-
return (_jsx("button", __assign({ type: "button", onClick: function () { return toggleSelection(item); }, className: "flex flex-col gap-2 justify-between text-left w-full px-3.5 py-2.5 ".concat(isSelected ? 'bg-dfxGray-400/50' : '
|
|
77
|
+
return (_jsx("button", __assign({ type: "button", onClick: function () { return toggleSelection(item); }, className: "flex flex-col gap-2 justify-between text-left w-full px-3.5 py-2.5 hover:bg-dfxGray-400 ".concat(isSelected ? 'bg-dfxGray-400/50' : '') }, { children: _jsxs("div", __assign({ className: "flex flex-row gap-2 items-center w-full" }, { children: [assetIconFunc && _jsx(DfxAssetIcon, { asset: assetIconFunc(item) }), _jsxs("div", __assign({ className: "flex flex-col gap-1 justify-between text-left w-full" }, { children: [_jsxs("span", __assign({ className: "text-dfxBlue-800 leading-none font-semibold flex justify-between ".concat(!descriptionFunc && !assetIconFunc ? 'py-[0.25rem]' : '') }, { children: [labelFunc(item), balanceFunc && _jsx("p", { children: balanceFunc(item) })] })), descriptionFunc && (_jsxs("span", __assign({ className: "text-dfxGray-800 text-xs h-min leading-none flex justify-between" }, { children: [descriptionFunc(item), priceFunc && _jsx("p", { children: priceFunc(item) })] })))] }))] })) }), index));
|
|
78
78
|
}) }))), error && _jsx("p", __assign({ className: "text-start text-sm text-dfxRed-100 pl-3" }, { children: error === null || error === void 0 ? void 0 : error.message }))] })));
|
|
79
79
|
}, name: name, rules: rules }));
|
|
80
80
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledDropdownMultiChoice.js","sourceRoot":"","sources":["../../../src/stories/form/StyledDropdownMultiChoice.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,OAAO,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,YAAkC,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAkBpC,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAI,EAqBjB;IApBlC,IAAA,KAAK,WAAA,EACL,SAAS,eAAA,EACT,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,qBAAqB,2BAAA,EACrB,KAAK,WAAA,EACF,KAAK,cApB2C,qPAqBpD,CADS;IAER,IAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,IAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE3C,IAAA,KAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAE5C,IAAI,aAAa,
|
|
1
|
+
{"version":3,"file":"StyledDropdownMultiChoice.js","sourceRoot":"","sources":["../../../src/stories/form/StyledDropdownMultiChoice.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"private": false,
|
|
3
3
|
"name": "@dfx.swiss/react-components",
|
|
4
|
-
"version": "1.3.0-beta.
|
|
4
|
+
"version": "1.3.0-beta.46",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -89,5 +89,5 @@
|
|
|
89
89
|
"tailwindcss": "^3.2.4",
|
|
90
90
|
"webpack": "^5.75.0"
|
|
91
91
|
},
|
|
92
|
-
"gitHead": "
|
|
92
|
+
"gitHead": "22bf23d3196d5572739f9db69f7a599c90342eaa"
|
|
93
93
|
}
|