@dfx.swiss/react-components 1.3.0-beta.8 → 1.3.0-beta.81
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/README.md +14 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/stories/DfxAssetIcon.d.ts +3 -0
- package/dist/stories/DfxAssetIcon.d.ts.map +1 -1
- package/dist/stories/DfxAssetIcon.js +36 -2
- package/dist/stories/DfxAssetIcon.js.map +1 -1
- package/dist/stories/DfxIcon.d.ts +3 -1
- package/dist/stories/DfxIcon.d.ts.map +1 -1
- package/dist/stories/DfxIcon.js +12 -1
- package/dist/stories/DfxIcon.js.map +1 -1
- package/dist/stories/StyledDataTableExpandableRow.d.ts +8 -2
- package/dist/stories/StyledDataTableExpandableRow.d.ts.map +1 -1
- package/dist/stories/StyledDataTableExpandableRow.js +12 -9
- package/dist/stories/StyledDataTableExpandableRow.js.map +1 -1
- package/dist/stories/StyledDataTableRow.d.ts.map +1 -1
- package/dist/stories/StyledDataTableRow.js +2 -2
- package/dist/stories/StyledDataTableRow.js.map +1 -1
- package/dist/stories/StyledTab.d.ts +2 -1
- package/dist/stories/StyledTab.d.ts.map +1 -1
- package/dist/stories/StyledTab.js +3 -2
- package/dist/stories/StyledTab.js.map +1 -1
- package/dist/stories/StyledTabContainer.d.ts +2 -1
- package/dist/stories/StyledTabContainer.d.ts.map +1 -1
- package/dist/stories/StyledTabContainer.js +2 -2
- package/dist/stories/StyledTabContainer.js.map +1 -1
- package/dist/stories/StyledTabContentWrapper.d.ts +2 -1
- package/dist/stories/StyledTabContentWrapper.d.ts.map +1 -1
- package/dist/stories/StyledTabContentWrapper.js +2 -2
- package/dist/stories/StyledTabContentWrapper.js.map +1 -1
- package/dist/stories/form/StyledDateAndTimePicker.d.ts +9 -0
- package/dist/stories/form/StyledDateAndTimePicker.d.ts.map +1 -0
- package/dist/stories/form/StyledDateAndTimePicker.js +65 -0
- package/dist/stories/form/StyledDateAndTimePicker.js.map +1 -0
- 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 +21 -0
- package/dist/stories/form/StyledDropdownMultiChoice.d.ts.map +1 -0
- package/dist/stories/form/StyledDropdownMultiChoice.js +81 -0
- package/dist/stories/form/StyledDropdownMultiChoice.js.map +1 -0
- package/package.json +4 -3
|
@@ -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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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ControlProps } from './Form';
|
|
2
|
+
import { RefObject } from 'react';
|
|
3
|
+
import { IconVariant } from '../DfxIcon';
|
|
4
|
+
import { AssetIconVariant } from '../DfxAssetIcon';
|
|
5
|
+
export interface StyledDropdownMultiChoiceProps<T> extends ControlProps {
|
|
6
|
+
labelIcon?: IconVariant;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
full?: boolean;
|
|
9
|
+
smallLabel?: boolean;
|
|
10
|
+
items: T[];
|
|
11
|
+
labelFunc: (item: T) => string;
|
|
12
|
+
balanceFunc?: (item: T) => string;
|
|
13
|
+
descriptionFunc?: (item: T) => string;
|
|
14
|
+
priceFunc?: (item: T) => string;
|
|
15
|
+
assetIconFunc?: (item: T) => AssetIconVariant;
|
|
16
|
+
rootRef?: RefObject<HTMLElement>;
|
|
17
|
+
forceEnable?: boolean;
|
|
18
|
+
hideBalanceWhenClosed?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export default function StyledDropdownMultiChoice<T>({ label, labelIcon, control, name, rules, disabled, items, placeholder, full, smallLabel, labelFunc, balanceFunc, descriptionFunc, priceFunc, assetIconFunc, rootRef, forceEnable, hideBalanceWhenClosed, error, ...props }: StyledDropdownMultiChoiceProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
//# sourceMappingURL=StyledDropdownMultiChoice.d.ts.map
|
|
@@ -0,0 +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,2CAyJnC"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
24
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
25
|
+
if (ar || !(i in from)) {
|
|
26
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
27
|
+
ar[i] = from[i];
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
31
|
+
};
|
|
32
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
33
|
+
import { useEffect, useRef, useState } from 'react';
|
|
34
|
+
import DfxIcon, { IconColor, IconSize, IconVariant } from '../DfxIcon';
|
|
35
|
+
import { Controller } from 'react-hook-form';
|
|
36
|
+
import DfxAssetIcon from '../DfxAssetIcon';
|
|
37
|
+
import { Utils } from '../../utils';
|
|
38
|
+
export default function StyledDropdownMultiChoice(_a) {
|
|
39
|
+
var label = _a.label, labelIcon = _a.labelIcon, control = _a.control, name = _a.name, rules = _a.rules, disabled = _a.disabled, items = _a.items, placeholder = _a.placeholder, full = _a.full, smallLabel = _a.smallLabel, labelFunc = _a.labelFunc, balanceFunc = _a.balanceFunc, descriptionFunc = _a.descriptionFunc, priceFunc = _a.priceFunc, assetIconFunc = _a.assetIconFunc, rootRef = _a.rootRef, forceEnable = _a.forceEnable, hideBalanceWhenClosed = _a.hideBalanceWhenClosed, error = _a.error, props = __rest(_a, ["label", "labelIcon", "control", "name", "rules", "disabled", "items", "placeholder", "full", "smallLabel", "labelFunc", "balanceFunc", "descriptionFunc", "priceFunc", "assetIconFunc", "rootRef", "forceEnable", "hideBalanceWhenClosed", "error"]);
|
|
40
|
+
var buttonRef = useRef(null);
|
|
41
|
+
var dropdownRef = useRef(null);
|
|
42
|
+
var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
|
|
43
|
+
var buttonClasses = 'flex justify-between items-center border border-dfxGray-500 px-4 py-2 shadow-sm w-full min-h-[58px]';
|
|
44
|
+
isOpen ? (buttonClasses += ' rounded-x rounded-t bg-dfxGray-400/50') : (buttonClasses += ' rounded');
|
|
45
|
+
var isDisabled = disabled || (items.length <= 1 && !forceEnable);
|
|
46
|
+
useEffect(function () {
|
|
47
|
+
var _a;
|
|
48
|
+
var element = (_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) !== null && _a !== void 0 ? _a : document;
|
|
49
|
+
if (element) {
|
|
50
|
+
element.addEventListener('mousedown', closeDropdown);
|
|
51
|
+
return function () { return element.removeEventListener('mousedown', closeDropdown); };
|
|
52
|
+
}
|
|
53
|
+
}, [rootRef, isOpen]);
|
|
54
|
+
function closeDropdown(e) {
|
|
55
|
+
if (isOpen &&
|
|
56
|
+
Utils.isNode(e.target) &&
|
|
57
|
+
dropdownRef.current &&
|
|
58
|
+
!dropdownRef.current.contains(e.target) &&
|
|
59
|
+
buttonRef.current &&
|
|
60
|
+
!buttonRef.current.contains(e.target)) {
|
|
61
|
+
setIsOpen(false);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
return (_jsx(Controller, { control: control, render: function (_a) {
|
|
65
|
+
var _b = _a.field, onChange = _b.onChange, onBlur = _b.onBlur, value = _b.value;
|
|
66
|
+
var selectedItems = value || [];
|
|
67
|
+
var isEqual = function (a, b) { return JSON.stringify(a) === JSON.stringify(b); };
|
|
68
|
+
var toggleSelection = function (item) {
|
|
69
|
+
var isSelected = selectedItems.some(function (selected) { return isEqual(selected, item); });
|
|
70
|
+
var newValue = isSelected
|
|
71
|
+
? selectedItems.filter(function (selected) { return !isEqual(selected, item); })
|
|
72
|
+
: __spreadArray(__spreadArray([], selectedItems, true), [item], false);
|
|
73
|
+
onChange(newValue);
|
|
74
|
+
};
|
|
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
|
+
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 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
|
+
}) }))), 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
|
+
}, name: name, rules: rules }));
|
|
80
|
+
}
|
|
81
|
+
//# sourceMappingURL=StyledDropdownMultiChoice.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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.81",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -32,7 +32,8 @@
|
|
|
32
32
|
"build": "tsc -b ./tsconfig.build.json",
|
|
33
33
|
"storybook": "start-storybook -p 6006 -s public",
|
|
34
34
|
"build-storybook": "build-storybook -s public",
|
|
35
|
-
"clean": "rm -rf ./dist/ && rm -rf ./tsconfig.build.tsbuildinfo"
|
|
35
|
+
"clean": "rm -rf ./dist/ && rm -rf ./tsconfig.build.tsbuildinfo",
|
|
36
|
+
"pack": "npm pack"
|
|
36
37
|
},
|
|
37
38
|
"eslintConfig": {
|
|
38
39
|
"extends": [
|
|
@@ -88,5 +89,5 @@
|
|
|
88
89
|
"tailwindcss": "^3.2.4",
|
|
89
90
|
"webpack": "^5.75.0"
|
|
90
91
|
},
|
|
91
|
-
"gitHead": "
|
|
92
|
+
"gitHead": "51422abdb9fb224f9ed37f88496ec692d21b43e2"
|
|
92
93
|
}
|