@dfx.swiss/react-components 1.3.0-beta.6 → 1.3.0-beta.61
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 +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/stories/DfxIcon.d.ts +4 -1
- package/dist/stories/DfxIcon.d.ts.map +1 -1
- package/dist/stories/DfxIcon.js +15 -2
- package/dist/stories/DfxIcon.js.map +1 -1
- package/dist/stories/StyledDataTableExpandableRow.d.ts +5 -0
- package/dist/stories/StyledDataTableExpandableRow.d.ts.map +1 -1
- package/dist/stories/StyledDataTableExpandableRow.js +8 -8
- package/dist/stories/StyledDataTableExpandableRow.js.map +1 -1
- package/dist/stories/StyledDataTableRow.d.ts.map +1 -1
- package/dist/stories/StyledDataTableRow.js +1 -1
- 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/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/dist/stories/form/StyledInput.d.ts +1 -0
- package/dist/stories/form/StyledInput.d.ts.map +1 -1
- package/dist/stories/form/StyledInput.js +4 -3
- package/dist/stories/form/StyledInput.js.map +1 -1
- package/package.json +4 -3
package/README.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
1
|
# React Components
|
|
2
2
|
|
|
3
3
|
React UI components for DFX.swiss
|
|
4
|
+
|
|
5
|
+
## Testing package modifications using `npm link`
|
|
6
|
+
|
|
7
|
+
To test the components in a project, you can use `npm link` to link the local package to the project.
|
|
8
|
+
|
|
9
|
+
1. To avoid conflicts with the package name, you can change the package name in the `package.json` file, e.g. to 'react-components-local'
|
|
10
|
+
2. Build the packages using `npm run build` in the root directory.
|
|
11
|
+
3. Link the package using `npm link` in the package directory, i.e. `cd packages/react-components && npm link`.
|
|
12
|
+
4. In the project where you want to test the package, link the package using `npm link <package-name>`, i.e. `npm link react-components-local`.
|
|
13
|
+
5. Import the component in the project using the package name, e.g. `import { StyledTabContentWrapper } from 'react-components-local'`.
|
|
14
|
+
6. To unlink the package, use `npm unlink <package-name>`.
|
|
15
|
+
|
|
16
|
+
Note that at any time you can view linked packages using `npm ls --global --depth=0 --link=true`.
|
|
17
|
+
When you're done, remember to revert the package name in the `package.json` file.
|
package/dist/index.d.ts
CHANGED
|
@@ -34,6 +34,7 @@ export { default as StyledSpacer } from './stories/layout-helpers/StyledSpacer';
|
|
|
34
34
|
export { default as Form } from './stories/form/Form';
|
|
35
35
|
export { default as StyledBankAccountListItem } from './stories/form/StyledBankAccountListItem';
|
|
36
36
|
export { default as StyledDropdown } from './stories/form/StyledDropdown';
|
|
37
|
+
export { default as StyledDropdownMultiChoice } from './stories/form/StyledDropdownMultiChoice';
|
|
37
38
|
export { default as StyledSearchDropdown } from './stories/form/StyledSearchDropdown';
|
|
38
39
|
export { default as StyledInput } from './stories/form/StyledInput';
|
|
39
40
|
export { default as StyledFileUpload } from './stories/form/StyledFileUpload';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AACrF,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACtG,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,wCAAwC,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC9G,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,gBAAgB,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpH,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAGnG,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAGhF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kCAAkC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -37,6 +37,7 @@ export { default as StyledSpacer } from './stories/layout-helpers/StyledSpacer';
|
|
|
37
37
|
export { default as Form } from './stories/form/Form';
|
|
38
38
|
export { default as StyledBankAccountListItem } from './stories/form/StyledBankAccountListItem';
|
|
39
39
|
export { default as StyledDropdown } from './stories/form/StyledDropdown';
|
|
40
|
+
export { default as StyledDropdownMultiChoice } from './stories/form/StyledDropdownMultiChoice';
|
|
40
41
|
export { default as StyledSearchDropdown } from './stories/form/StyledSearchDropdown';
|
|
41
42
|
export { default as StyledInput } from './stories/form/StyledInput';
|
|
42
43
|
export { default as StyledFileUpload } from './stories/form/StyledFileUpload';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -33,6 +33,7 @@ export declare enum IconVariant {
|
|
|
33
33
|
INFO_OUTLINE = "INFO_OUTLINE",
|
|
34
34
|
MENU = "MENU",
|
|
35
35
|
PROCESS_DONE = "PROCESS_DONE",
|
|
36
|
+
PROCESS_FAILED = "PROCESS_FAILED",
|
|
36
37
|
SEPA_INSTANT = "SEPA_INSTANT",
|
|
37
38
|
SETTINGS = "SETTINGS",
|
|
38
39
|
UNFOLD_LESS = "UNFOLD_LESS",
|
|
@@ -56,7 +57,9 @@ export declare enum IconVariant {
|
|
|
56
57
|
APPLE = "APPLE",
|
|
57
58
|
GOOGLE_PLAY = "GOOGLE_PLAY",
|
|
58
59
|
REPEAT = "REPEAT",
|
|
59
|
-
TRANSACTIONS = "TRANSACTIONS"
|
|
60
|
+
TRANSACTIONS = "TRANSACTIONS",
|
|
61
|
+
RELOAD = "RELOAD",
|
|
62
|
+
SUPPORT = "SUPPORT"
|
|
60
63
|
}
|
|
61
64
|
export declare const VARIANT_MAPS: Record<IconVariant, ReactElement<IconType>>;
|
|
62
65
|
export declare enum IconSize {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DfxIcon.d.ts","sourceRoot":"","sources":["../../src/stories/DfxIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,QAAQ,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"DfxIcon.d.ts","sourceRoot":"","sources":["../../src/stories/DfxIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,QAAQ,EAAE,MAAM,aAAa,CAAC;AAkDpD,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAEjD,UAAU,YAAY;IACpB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,cAAc,mBAAmB;IACjC,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,IAAI,SAAS;IACb,WAAW,gBAAgB;IAC3B,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IACb,YAAY,iBAAiB;IAC7B,IAAI,SAAS;IACb,YAAY,iBAAiB;IAC7B,cAAc,mBAAmB;IACjC,YAAY,iBAAiB;IAC7B,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,MAAM,WAAW;IACjB,cAAc,mBAAmB;IACjC,gBAAgB,qBAAqB;IACrC,eAAe,oBAAoB;IACnC,QAAQ,aAAa;IACrB,eAAe,oBAAoB;IACnC,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAC/B,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,cAAc,mBAAmB;IACjC,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,WAAW,gBAAgB;IAC3B,MAAM,WAAW;IACjB,YAAY,iBAAiB;IAC7B,MAAM,WAAW;IACjB,OAAO,YAAY;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAC,CAuDpE,CAAC;AAEF,oBAAY,QAAQ;IAClB,EAAE,gBAAgB;IAClB,EAAE,UAAU;IACZ,EAAE,WAAW;IACb,EAAE,UAAU;IACZ,EAAE,gBAAgB;IAClB,GAAG,sBAAsB;CAC1B;AAED,oBAAY,SAAS;IACnB,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,UAAU,eAAe;IACzB,IAAI,SAAS;IACb,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAqBD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,IAAI,EAAE,KAAqB,EAAE,IAAkB,EAAE,EAAE,YAAY,2CAMhG"}
|
package/dist/stories/DfxIcon.js
CHANGED
|
@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
var _a, _b, _c;
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
14
|
import { IconContext } from 'react-icons';
|
|
15
|
-
import { FaCircle, FaRegCircle, FaUserCog, FaFileAlt, FaTelegramPlane, FaHourglassHalf, FaUserCheck, FaApple, FaGooglePlay, FaFileUpload, FaReceipt, } from 'react-icons/fa';
|
|
16
|
-
import { MdContentCopy, MdArrowBackIos, MdArrowForwardIos, MdUnfoldLess, MdUnfoldMore, MdExpandLess, MdExpandMore, MdChevronLeft, MdChevronRight, MdInfoOutline, MdInfo, MdClose, MdOutlineCancel, MdEast, MdWest, MdSettings, MdEdit, MdHelpOutline, MdCheck, MdDeleteOutline, MdDelete, MdOutlineCheckBoxOutlineBlank, MdOutlineCheckBox, MdMoreVert, MdOpenInNew, MdSearch, MdHome, MdMenu, MdNorth, MdSouth, MdRepeat, } from 'react-icons/md';
|
|
15
|
+
import { FaCircle, FaRegCircle, FaUserCog, FaFileAlt, FaTelegramPlane, FaHourglassHalf, FaUserCheck, FaApple, FaGooglePlay, FaFileUpload, FaReceipt, FaHeadset, } from 'react-icons/fa';
|
|
16
|
+
import { MdContentCopy, MdArrowBackIos, MdArrowForwardIos, MdUnfoldLess, MdUnfoldMore, MdExpandLess, MdExpandMore, MdChevronLeft, MdChevronRight, MdInfoOutline, MdInfo, MdClose, MdOutlineCancel, MdEast, MdWest, MdSettings, MdEdit, MdHelpOutline, MdCheck, MdDeleteOutline, MdDelete, MdOutlineCheckBoxOutlineBlank, MdOutlineCheckBox, MdMoreVert, MdOpenInNew, MdSearch, MdHome, MdMenu, MdNorth, MdSouth, MdRepeat, MdReplay, } from 'react-icons/md';
|
|
17
17
|
import { VscArrowSwap } from 'react-icons/vsc';
|
|
18
18
|
import { useContext } from 'react';
|
|
19
19
|
export var IconVariant;
|
|
@@ -45,6 +45,7 @@ export var IconVariant;
|
|
|
45
45
|
IconVariant["INFO_OUTLINE"] = "INFO_OUTLINE";
|
|
46
46
|
IconVariant["MENU"] = "MENU";
|
|
47
47
|
IconVariant["PROCESS_DONE"] = "PROCESS_DONE";
|
|
48
|
+
IconVariant["PROCESS_FAILED"] = "PROCESS_FAILED";
|
|
48
49
|
IconVariant["SEPA_INSTANT"] = "SEPA_INSTANT";
|
|
49
50
|
IconVariant["SETTINGS"] = "SETTINGS";
|
|
50
51
|
IconVariant["UNFOLD_LESS"] = "UNFOLD_LESS";
|
|
@@ -69,6 +70,8 @@ export var IconVariant;
|
|
|
69
70
|
IconVariant["GOOGLE_PLAY"] = "GOOGLE_PLAY";
|
|
70
71
|
IconVariant["REPEAT"] = "REPEAT";
|
|
71
72
|
IconVariant["TRANSACTIONS"] = "TRANSACTIONS";
|
|
73
|
+
IconVariant["RELOAD"] = "RELOAD";
|
|
74
|
+
IconVariant["SUPPORT"] = "SUPPORT";
|
|
72
75
|
})(IconVariant || (IconVariant = {}));
|
|
73
76
|
export var VARIANT_MAPS = (_a = {},
|
|
74
77
|
_a[IconVariant.MENU] = _jsx(MdMenu, {}),
|
|
@@ -101,6 +104,7 @@ export var VARIANT_MAPS = (_a = {},
|
|
|
101
104
|
_a[IconVariant.HOME] = _jsx(MdHome, {}),
|
|
102
105
|
_a[IconVariant.SEPA_INSTANT] = _jsx(DfxSepaInstantAvailable, {}),
|
|
103
106
|
_a[IconVariant.PROCESS_DONE] = _jsx(DfxProcessDoneIcon, {}),
|
|
107
|
+
_a[IconVariant.PROCESS_FAILED] = _jsx(DfxProcessFailedIcon, {}),
|
|
104
108
|
_a[IconVariant.EDIT] = _jsx(MdEdit, {}),
|
|
105
109
|
_a[IconVariant.HELP] = _jsx(MdHelpOutline, {}),
|
|
106
110
|
_a[IconVariant.DELETE] = _jsx(MdDelete, {}),
|
|
@@ -122,6 +126,8 @@ export var VARIANT_MAPS = (_a = {},
|
|
|
122
126
|
_a[IconVariant.GOOGLE_PLAY] = _jsx(FaGooglePlay, {}),
|
|
123
127
|
_a[IconVariant.REPEAT] = _jsx(MdRepeat, {}),
|
|
124
128
|
_a[IconVariant.TRANSACTIONS] = _jsx(FaReceipt, {}),
|
|
129
|
+
_a[IconVariant.RELOAD] = _jsx(MdReplay, {}),
|
|
130
|
+
_a[IconVariant.SUPPORT] = _jsx(FaHeadset, {}),
|
|
125
131
|
_a);
|
|
126
132
|
export var IconSize;
|
|
127
133
|
(function (IconSize) {
|
|
@@ -174,6 +180,13 @@ function DfxBankIcon() {
|
|
|
174
180
|
function DfxSepaInstantAvailable() {
|
|
175
181
|
return (_jsxs("div", __assign({ className: "bg-primary-red text-xs text-white flex gap-1 justify-center rounded-sm w-fit pl-1 pr-2 py-0.25 font-semibold italic" }, { children: [_jsx("svg", __assign({ width: "27", height: "10", viewBox: "0 0 27 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "place-self-center" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.6502 0.166504H26.5877L23.6145 9.1665H10.677L13.6502 0.166504ZM18.7118 6.93191C17.7944 6.93191 17.1585 6.43613 16.9977 5.71236H19.1029L19.3259 5.01754H16.9794C16.9977 4.90174 17.0233 4.78593 17.0598 4.67013C17.0963 4.55433 17.1439 4.43852 17.1987 4.32272H19.5451L19.7681 3.6279H17.6629C18.2879 2.90413 19.2454 2.40835 20.1592 2.40835C20.7476 2.40835 21.2228 2.61462 21.5298 2.95479L22.3741 2.33959C21.9537 1.84018 21.2776 1.53982 20.4369 1.53982C19.0079 1.53258 17.513 2.40835 16.6724 3.62066H15.3858L15.1629 4.31548H16.2813C16.2301 4.43128 16.1863 4.54709 16.1497 4.66289C16.1132 4.7787 16.0839 4.8945 16.062 5.0103H14.9399L14.717 5.70512H16.0035C16.0693 6.92106 17.0013 7.7932 18.4341 7.7932C19.2783 7.7932 20.1446 7.48922 20.8828 6.99343L20.4296 6.37823C19.907 6.7184 19.3039 6.92468 18.7118 6.92468V6.93191ZM4.35541 2.41281H11.1054V1.29526H4.35541V2.41281ZM0.833334 5.22531H7.58333V4.10776H0.833334V5.22531ZM4.58333 8.03781H9.08333V6.92026H4.58333V8.03781Z", fill: "white" }) })), _jsx("span", { children: " SEPA INSTANT AVAILABLE" })] })));
|
|
176
182
|
}
|
|
183
|
+
function DfxProcessFailedIcon() {
|
|
184
|
+
var icContext = useContext(IconContext);
|
|
185
|
+
var iconSize;
|
|
186
|
+
icContext.size === '32px' ? (iconSize = '170px') : (iconSize = icContext.size);
|
|
187
|
+
var checkMarkColor = icContext.color === '#072440' ? icContext.color : 'white';
|
|
188
|
+
return (_jsxs("svg", __assign({ width: iconSize, height: iconSize, viewBox: "0 0 170 170", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: checkMarkColor === 'white' ? 'url(#clip0_885_9990)' : undefined, filter: checkMarkColor === 'white' ? 'url(#filter0_d_885_9990)' : undefined }, { children: [_jsx("path", { opacity: "0.18", d: "M25.9308 118.563C23.2492 114.352 21.02 109.851 19.2969 105.188L29.3985 101.461C30.8523 105.414 32.7369 109.215 35.0092 112.769L25.9308 118.552V118.563Z", fill: checkMarkColor }), _jsx("path", { opacity: "0.14", d: "M15.6677 90.703C15.1292 86.826 14.9139 82.8522 15.0323 78.9107C15.0646 77.866 15.1185 76.8322 15.1939 75.7983L25.9308 76.5953C25.8662 77.4676 25.8231 78.3507 25.7908 79.2337C25.6939 82.583 25.8662 85.943 26.3292 89.2276L15.6677 90.7137V90.703Z", fill: checkMarkColor }), _jsx("path", { opacity: "0.09", d: "M28.1923 64.1678L17.8646 61.1201C19.2754 56.3385 21.2139 51.7078 23.6154 47.3354L33.0492 52.5262C31.0139 56.2201 29.3877 60.1401 28.1923 64.1785V64.1678Z", fill: checkMarkColor }), _jsx("path", { opacity: "0.06", d: "M40.2862 42.1553L32.1554 35.0907C35.4185 31.3322 39.1015 27.9184 43.0862 24.9353L49.5369 33.5615C46.1662 36.0922 43.0539 38.9784 40.2862 42.1661V42.1553Z", fill: checkMarkColor }), _jsx("path", { opacity: "0.04", d: "M60.3923 27.1109L55.9123 17.3217C60.4461 15.2432 65.2061 13.6601 70.0738 12.6047L72.3569 23.1263C68.2431 24.0201 64.2154 25.3663 60.3815 27.1217L60.3923 27.1109Z", fill: checkMarkColor }), _jsx("path", { opacity: "0.2", d: "M101.143 12.8738C98.3216 12.2062 95.4354 11.7108 92.5385 11.4092C90.04 11.14 87.4877 11 84.9785 11V21.7692C87.1 21.7692 89.2754 21.8877 91.3862 22.1138C93.8308 22.3723 96.2862 22.7923 98.6662 23.3523C125.891 29.7815 145.038 54.7662 144.198 82.7662C143.218 115.408 115.865 141.178 83.2231 140.198C70.0954 139.811 57.797 135.234 47.6416 126.963C45.9939 125.617 44.3893 124.163 42.8923 122.655L35.2354 130.226C37.0016 132.014 38.897 133.726 40.8462 135.32C52.8539 145.098 67.4031 150.505 82.9108 150.968C121.497 152.12 153.815 121.675 154.968 83.0892C155.958 49.9954 133.322 20.4662 101.143 12.8738Z", fill: checkMarkColor }), _jsx("path", { d: "M102.857 108.516 84.236 89.895l-18.624 18.621-8.496-8.493L75.74 81.399 57.116 62.778l8.496-8.496 18.624 18.621 18.621-18.621 8.496 8.496-18.621 18.621 18.621 18.624z", fill: checkMarkColor })] })), checkMarkColor === 'white' && (_jsxs("defs", { children: [_jsxs("filter", __assign({ id: "filter0_d_885_9990", x: "0", y: "0", width: "170", height: "170", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" }, { children: [_jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), _jsx("feOffset", { dy: "4" }), _jsx("feGaussianBlur", { stdDeviation: "7.5" }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" }), _jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_885_9990" }), _jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_885_9990", result: "shape" })] })), _jsx("clipPath", __assign({ id: "clip0_885_9990" }, { children: _jsx("rect", { width: "140", height: "140", fill: "white", transform: "translate(15 11)" }) }))] }))] })));
|
|
189
|
+
}
|
|
177
190
|
function DfxProcessDoneIcon() {
|
|
178
191
|
var icContext = useContext(IconContext);
|
|
179
192
|
var iconSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DfxIcon.js","sourceRoot":"","sources":["../../src/stories/DfxIcon.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DfxIcon.js","sourceRoot":"","sources":["../../src/stories/DfxIcon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { IconColor, IconVariant } from './DfxIcon';
|
|
2
3
|
interface ExpansionItem {
|
|
3
4
|
label: string;
|
|
4
5
|
text: string;
|
|
6
|
+
infoText?: string;
|
|
7
|
+
icon?: IconVariant;
|
|
8
|
+
iconColor?: IconColor;
|
|
9
|
+
onClick?: () => void;
|
|
5
10
|
}
|
|
6
11
|
interface StyledDataTableExpandableRowProps extends PropsWithChildren {
|
|
7
12
|
label?: string;
|
|
@@ -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;
|
|
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"}
|
|
@@ -28,16 +28,16 @@ import { AlignContent, ThemeContext } from './StyledDataTable';
|
|
|
28
28
|
import StyledInfoText, { StyledInfoTextSize } from './StyledInfoText';
|
|
29
29
|
import StyledLoadingSpinner, { SpinnerSize, SpinnerVariant } from './StyledLoadingSpinner';
|
|
30
30
|
var ALIGN_MAPS = (_a = {},
|
|
31
|
-
_a[AlignContent.LEFT] = ' justify-start',
|
|
32
|
-
_a[AlignContent.RIGHT] = ' justify-end',
|
|
31
|
+
_a[AlignContent.LEFT] = ' justify-start text-left',
|
|
32
|
+
_a[AlignContent.RIGHT] = ' justify-end text-right',
|
|
33
33
|
_a[AlignContent.BETWEEN] = ' justify-between',
|
|
34
34
|
_a);
|
|
35
35
|
export default function StyledDataTableExpandableRow(_a) {
|
|
36
36
|
var label = _a.label, children = _a.children, discreet = _a.discreet, isLoading = _a.isLoading, infoText = _a.infoText, noPadding = _a.noPadding, expansionItems = _a.expansionItems, props = __rest(_a, ["label", "children", "discreet", "isLoading", "infoText", "noPadding", "expansionItems"]);
|
|
37
37
|
var theme = useContext(ThemeContext);
|
|
38
38
|
var wrapperClasses = 'flex flex-col text-sm';
|
|
39
|
-
var labelClasses = '
|
|
40
|
-
var rowDataClasses = '
|
|
39
|
+
var labelClasses = '';
|
|
40
|
+
var rowDataClasses = '';
|
|
41
41
|
var separatorClasses = 'border-b my-2.5';
|
|
42
42
|
discreet && (wrapperClasses += ' opacity-70');
|
|
43
43
|
theme.showBorder
|
|
@@ -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" }, { children: [label &&
|
|
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":"StyledDataTableRow.d.ts","sourceRoot":"","sources":["../../src/stories/StyledDataTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAMtD,UAAU,uBAAwB,SAAQ,iBAAiB;IACzD,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;CACrB;AAQD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,
|
|
1
|
+
{"version":3,"file":"StyledDataTableRow.d.ts","sourceRoot":"","sources":["../../src/stories/StyledDataTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAMtD,UAAU,uBAAwB,SAAQ,iBAAiB;IACzD,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;CACrB;AAQD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,2CAqDzB"}
|
|
@@ -42,6 +42,6 @@ export default function StyledDataTableRow(_a) {
|
|
|
42
42
|
wrapperClasses += ' border-dfxGray-400';
|
|
43
43
|
}
|
|
44
44
|
rowDataClasses += ALIGN_MAPS[theme.alignContent];
|
|
45
|
-
return (_jsxs("div", __assign({ className: wrapperClasses }, { children: [_jsxs("div", __assign({ className: "flex" }, { children: [label && (_jsx("div", __assign({ className: "flex-none ".concat(theme.minWidth ? 'w-48' : '') }, { children: _jsx("p", __assign({ className: labelClasses }, { children: label })) }))), _jsx("div", __assign({ className: rowDataClasses }, { children: isLoading ? _jsx(StyledLoadingSpinner, { size: SpinnerSize.SM, variant: SpinnerVariant.
|
|
45
|
+
return (_jsxs("div", __assign({ className: wrapperClasses }, { children: [_jsxs("div", __assign({ className: "flex" }, { children: [label && (_jsx("div", __assign({ className: "flex-none ".concat(theme.minWidth ? 'w-48' : '') }, { children: _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 })) : (children) }))] })), infoText && (_jsx(StyledInfoText, __assign({ textSize: StyledInfoTextSize.XS, iconColor: IconColor.GRAY, discreet: true }, { children: infoText })))] })));
|
|
46
46
|
}
|
|
47
47
|
//# sourceMappingURL=StyledDataTableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledDataTableRow.js","sourceRoot":"","sources":["../../src/stories/StyledDataTableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,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;AAU3F,IAAM,UAAU;IACd,GAAC,YAAY,CAAC,IAAI,IAAG,gBAAgB;IACrC,GAAC,YAAY,CAAC,KAAK,IAAG,cAAc;IACpC,GAAC,YAAY,CAAC,OAAO,IAAG,kBAAkB;OAC3C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAOjB;QANxB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA;IAET,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,IAAI,cAAc,GAAG,6BAA6B,CAAC;IACnD,IAAI,YAAY,GAAG,GAAG,CAAC;IACvB,IAAI,cAAc,GAAG,mBAAmB,CAAC;IAEzC,QAAQ,IAAI,CAAC,cAAc,IAAI,aAAa,CAAC,CAAC;IAE9C,KAAK,CAAC,UAAU;QACd,CAAC,CAAC,CAAC,cAAc,IAAI,+EAA+E,CAAC;QACrG,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,cAAc,IAAI,OAAO,CAAC,CAAC;IAE9C,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,cAAc,IAAI,SAAS,CAAC,CAAC;IAEnE,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,YAAY,IAAI,mBAAmB,CAAC;QACpC,cAAc,IAAI,kBAAkB,CAAC;KACtC;SAAM;QACL,YAAY,IAAI,mBAAmB,CAAC;QACpC,cAAc,IAAI,mBAAmB,CAAC;QACtC,cAAc,IAAI,qBAAqB,CAAC;KACzC;IAED,cAAc,IAAI,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAEjD,OAAO,CACL,wBAAK,SAAS,EAAE,cAAc,iBAC5B,wBAAK,SAAS,EAAC,MAAM,iBAClB,KAAK,IAAI,CACR,uBAAK,SAAS,EAAE,oBAAa,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAE,gBACzD,qBAAG,SAAS,EAAE,YAAY,gBAAG,KAAK,IAAK,IACnC,CACP,EAED,uBAAK,SAAS,EAAE,cAAc,gBAC3B,SAAS,CAAC,CAAC,CAAC,KAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"StyledDataTableRow.js","sourceRoot":"","sources":["../../src/stories/StyledDataTableRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,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;AAU3F,IAAM,UAAU;IACd,GAAC,YAAY,CAAC,IAAI,IAAG,gBAAgB;IACrC,GAAC,YAAY,CAAC,KAAK,IAAG,cAAc;IACpC,GAAC,YAAY,CAAC,OAAO,IAAG,kBAAkB;OAC3C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAOjB;QANxB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA;IAET,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,IAAI,cAAc,GAAG,6BAA6B,CAAC;IACnD,IAAI,YAAY,GAAG,GAAG,CAAC;IACvB,IAAI,cAAc,GAAG,mBAAmB,CAAC;IAEzC,QAAQ,IAAI,CAAC,cAAc,IAAI,aAAa,CAAC,CAAC;IAE9C,KAAK,CAAC,UAAU;QACd,CAAC,CAAC,CAAC,cAAc,IAAI,+EAA+E,CAAC;QACrG,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,cAAc,IAAI,OAAO,CAAC,CAAC;IAE9C,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,cAAc,IAAI,SAAS,CAAC,CAAC;IAEnE,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,YAAY,IAAI,mBAAmB,CAAC;QACpC,cAAc,IAAI,kBAAkB,CAAC;KACtC;SAAM;QACL,YAAY,IAAI,mBAAmB,CAAC;QACpC,cAAc,IAAI,mBAAmB,CAAC;QACtC,cAAc,IAAI,qBAAqB,CAAC;KACzC;IAED,cAAc,IAAI,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAEjD,OAAO,CACL,wBAAK,SAAS,EAAE,cAAc,iBAC5B,wBAAK,SAAS,EAAC,MAAM,iBAClB,KAAK,IAAI,CACR,uBAAK,SAAS,EAAE,oBAAa,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAE,gBACzD,qBAAG,SAAS,EAAE,YAAY,gBAAG,KAAK,IAAK,IACnC,CACP,EAED,uBAAK,SAAS,EAAE,cAAc,gBAC3B,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,oBAAoB,IACnB,IAAI,EAAE,WAAW,CAAC,EAAE,EACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU,GAC/E,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,IACG,KACF,EACL,QAAQ,IAAI,CACX,KAAC,cAAc,aAAC,QAAQ,EAAE,kBAAkB,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,IAAI,EAAE,QAAQ,sBACjF,QAAQ,IACM,CAClB,KACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -9,7 +9,8 @@ interface StyledTabProps extends PropsWithChildren {
|
|
|
9
9
|
flagWord2?: string;
|
|
10
10
|
darkTheme?: boolean;
|
|
11
11
|
spread?: boolean;
|
|
12
|
+
small?: boolean;
|
|
12
13
|
}
|
|
13
|
-
export default function StyledTab({ children, active, setActive, deactivated, icon, flagWord1, flagWord2, darkTheme, spread, }: StyledTabProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export default function StyledTab({ children, active, setActive, deactivated, icon, flagWord1, flagWord2, darkTheme, spread, small, }: StyledTabProps): import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export {};
|
|
15
16
|
//# sourceMappingURL=StyledTab.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledTab.d.ts","sourceRoot":"","sources":["../../src/stories/StyledTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAgB,EAAuB,WAAW,EAAE,MAAM,WAAW,CAAC;AAEtE,UAAU,cAAe,SAAQ,iBAAiB;IAChD,SAAS,EAAE,MAAM,GAAG,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"StyledTab.d.ts","sourceRoot":"","sources":["../../src/stories/StyledTab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAgB,EAAuB,WAAW,EAAE,MAAM,WAAW,CAAC;AAEtE,UAAU,cAAe,SAAQ,iBAAiB;IAChD,SAAS,EAAE,MAAM,GAAG,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,MAAM,EACN,SAAS,EACT,WAAmB,EACnB,IAAI,EACJ,SAAS,EACT,SAAS,EACT,SAAS,EACT,MAAM,EACN,KAAK,GACN,EAAE,cAAc,2CAuChB"}
|
|
@@ -12,8 +12,9 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import DfxIcon, { IconColor, IconSize } from './DfxIcon';
|
|
14
14
|
export default function StyledTab(_a) {
|
|
15
|
-
var children = _a.children, active = _a.active, setActive = _a.setActive, _b = _a.deactivated, deactivated = _b === void 0 ? false : _b, icon = _a.icon, flagWord1 = _a.flagWord1, flagWord2 = _a.flagWord2, darkTheme = _a.darkTheme, spread = _a.spread;
|
|
16
|
-
var tabClasses = '
|
|
15
|
+
var children = _a.children, active = _a.active, setActive = _a.setActive, _b = _a.deactivated, deactivated = _b === void 0 ? false : _b, icon = _a.icon, flagWord1 = _a.flagWord1, flagWord2 = _a.flagWord2, darkTheme = _a.darkTheme, spread = _a.spread, small = _a.small;
|
|
16
|
+
var tabClasses = 'font-black rounded-t-lg block flex items-center gap-2 w-full h-full ';
|
|
17
|
+
tabClasses += small ? 'px-4 py-2 ' : 'text-2xl px-12 py-2 ';
|
|
17
18
|
if (!deactivated) {
|
|
18
19
|
if (active) {
|
|
19
20
|
tabClasses += darkTheme ? 'bg-dfxGray-500' : 'bg-white';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledTab.js","sourceRoot":"","sources":["../../src/stories/StyledTab.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,OAAO,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAe,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"StyledTab.js","sourceRoot":"","sources":["../../src/stories/StyledTab.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,OAAO,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAe,MAAM,WAAW,CAAC;AActE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAWjB;QAVf,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,SAAS,eAAA,EACT,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,SAAS,eAAA,EACT,SAAS,eAAA,EACT,MAAM,YAAA,EACN,KAAK,WAAA;IAEL,IAAI,UAAU,GAAG,sEAAsE,CAAC;IACxF,UAAU,IAAI,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAC5D,IAAI,CAAC,WAAW,EAAE;QAChB,IAAI,MAAM,EAAE;YACV,UAAU,IAAI,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC;SACzD;aAAM;YACL,UAAU,IAAI,SAAS;gBACrB,CAAC,CAAC,iDAAiD;gBACnD,CAAC,CAAC,qCAAqC,CAAC;SAC3C;KACF;SAAM;QACL,UAAU,IAAI,oCAAoC,CAAC;KACpD;IAED,MAAM,IAAI,CAAC,UAAU,IAAI,iBAAiB,CAAC,CAAC;IAE5C,OAAO,CACL,sBAAI,SAAS,EAAE,eAAQ,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,iBAAc,gBACxD,sBACE,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,UAAC,CAAC;gBACT,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,WAAW,EAAE;oBAChB,SAAS,EAAE,CAAC;iBACb;YACH,CAAC,iBACW,KAAK,EACjB,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,SAAS,iBAEb,QAAQ,EAER,IAAI,KAAK,SAAS,IAAI,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,EAE9C,SAAS,KAAK,SAAS,IAAI,KAAC,WAAW,IAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAI,KAC7E,IACD,CACN,CAAC;AACJ,CAAC;AAOD,SAAS,WAAW,CAAC,EAAkC;QAAhC,KAAK,WAAA,EAAE,KAAK,WAAA;IACjC,IAAI,WAAW,GAAG,yDAAyD,CAAC;IAE5E,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,WAAW,IAAI,oBAAoB,CAAC;KACrC;SAAM;QACL,WAAW,IAAI,wBAAwB,CAAC;KACzC;IAED,OAAO,CACL,wBAAK,SAAS,EAAE,WAAW,iBACxB,KAAK,EACL,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,cAAM,CAAC,CAAC,CAAC,IAAI,EACnC,KAAK,KACF,CACP,CAAC;AACJ,CAAC;AAMD,SAAS,QAAQ,CAAC,EAAuB;QAArB,IAAI,UAAA;IACtB,OAAO,CACL,uBAAK,SAAS,EAAC,wBAAwB,gBACrC,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,GAAI,IAC7D,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -5,6 +5,7 @@ interface StyledTabContainerProps {
|
|
|
5
5
|
activeTab?: number;
|
|
6
6
|
darkTheme?: boolean;
|
|
7
7
|
spread?: boolean;
|
|
8
|
+
small?: boolean;
|
|
8
9
|
}
|
|
9
10
|
export interface StyledTabProps {
|
|
10
11
|
title: string;
|
|
@@ -15,6 +16,6 @@ export interface StyledTabProps {
|
|
|
15
16
|
flagWord2?: string;
|
|
16
17
|
onActivate?: () => void;
|
|
17
18
|
}
|
|
18
|
-
export default function StyledTabContainer({ tabs, activeTab, darkTheme, spread }: StyledTabContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export default function StyledTabContainer({ tabs, activeTab, darkTheme, spread, small }: StyledTabContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
19
20
|
export {};
|
|
20
21
|
//# sourceMappingURL=StyledTabContainer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledTabContainer.d.ts","sourceRoot":"","sources":["../../src/stories/StyledTabContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGxC,UAAU,uBAAuB;IAC/B,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"StyledTabContainer.d.ts","sourceRoot":"","sources":["../../src/stories/StyledTabContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGxC,UAAU,uBAAuB;IAC/B,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,IAAI,EAAE,SAAa,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,uBAAuB,2CA4CpH"}
|
|
@@ -13,14 +13,14 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
13
13
|
import { useState } from 'react';
|
|
14
14
|
import StyledTab from './StyledTab';
|
|
15
15
|
export default function StyledTabContainer(_a) {
|
|
16
|
-
var tabs = _a.tabs, _b = _a.activeTab, activeTab = _b === void 0 ? 0 : _b, darkTheme = _a.darkTheme, spread = _a.spread;
|
|
16
|
+
var tabs = _a.tabs, _b = _a.activeTab, activeTab = _b === void 0 ? 0 : _b, darkTheme = _a.darkTheme, spread = _a.spread, small = _a.small;
|
|
17
17
|
var _c = useState(activeTab), active = _c[0], setActive = _c[1];
|
|
18
18
|
return (_jsx(_Fragment, { children: _jsx("div", __assign({ className: "flex flex-wrap text-dfxBlue-800" }, { children: _jsxs("div", __assign({ className: "w-full rounded-lg ".concat(darkTheme ? 'border border-dfxGray-400' : '') }, { children: [_jsx("ul", __assign({ className: "flex mb-0 rounded-t-lg list-none flex-wrap p-0 flex-row ".concat(darkTheme ? 'bg-dfxGray-400' : 'bg-white/50'), role: "tablist" }, { children: tabs.map(function (tab, index) {
|
|
19
19
|
return (_jsx(StyledTab, __assign({ setActive: function () {
|
|
20
20
|
var _a;
|
|
21
21
|
setActive(index);
|
|
22
22
|
(_a = tab.onActivate) === null || _a === void 0 ? void 0 : _a.call(tab);
|
|
23
|
-
}, active: index === active, deactivated: tab.deactivated, icon: tab.icon, flagWord1: tab.flagWord1, flagWord2: tab.flagWord2, darkTheme: darkTheme, spread: spread }, { children: tab.title }), index));
|
|
23
|
+
}, active: index === active, deactivated: tab.deactivated, icon: tab.icon, flagWord1: tab.flagWord1, flagWord2: tab.flagWord2, darkTheme: darkTheme, spread: spread, small: small }, { children: tab.title }), index));
|
|
24
24
|
}) })), _jsx("div", __assign({ className: "relative flex flex-col min-w-0 break-words bg-white w-full rounded-b-lg" }, { children: _jsx("div", __assign({ className: "p-8 flex-auto" }, { children: _jsx("div", __assign({ className: "tab-content tab-space" }, { children: tabs[active].content })) })) }))] })) })) }));
|
|
25
25
|
}
|
|
26
26
|
//# sourceMappingURL=StyledTabContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledTabContainer.js","sourceRoot":"","sources":["../../src/stories/StyledTabContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,SAAS,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"StyledTabContainer.js","sourceRoot":"","sources":["../../src/stories/StyledTabContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,SAAS,MAAM,aAAa,CAAC;AAoBpC,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAA0E;QAAxE,IAAI,UAAA,EAAE,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA;IAClF,IAAA,KAAsB,QAAQ,CAAC,SAAS,CAAC,EAAxC,MAAM,QAAA,EAAE,SAAS,QAAuB,CAAC;IAEhD,OAAO,CACL,4BACE,uBAAK,SAAS,EAAC,iCAAiC,gBAC9C,wBAAK,SAAS,EAAE,4BAAqB,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,CAAE,iBACjF,sBACE,SAAS,EAAE,kEACT,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAC5C,EACF,IAAI,EAAC,SAAS,gBAEb,IAAI,CAAC,GAAG,CAAC,UAAC,GAAmB,EAAE,KAAa;4BAC3C,OAAO,CACL,KAAC,SAAS,aACR,SAAS,EAAE;;oCACT,SAAS,CAAC,KAAK,CAAC,CAAC;oCACjB,MAAA,GAAG,CAAC,UAAU,mDAAI,CAAC;gCACrB,CAAC,EACD,MAAM,EAAE,KAAK,KAAK,MAAM,EACxB,WAAW,EAAE,GAAG,CAAC,WAAW,EAE5B,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,SAAS,EAAE,GAAG,CAAC,SAAS,EACxB,SAAS,EAAE,GAAG,CAAC,SAAS,EACxB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,gBAEX,GAAG,CAAC,KAAK,KARL,KAAK,CASA,CACb,CAAC;wBACJ,CAAC,CAAC,IACC,EACL,uBAAK,SAAS,EAAC,yEAAyE,gBACtF,uBAAK,SAAS,EAAC,eAAe,gBAC5B,uBAAK,SAAS,EAAC,uBAAuB,gBAAE,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,IAAO,IAC/D,IACF,KACF,IACF,GACL,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -3,6 +3,7 @@ export interface StyledTabContentWrapperProps extends PropsWithChildren {
|
|
|
3
3
|
showBackArrow?: boolean;
|
|
4
4
|
leftBorder?: boolean;
|
|
5
5
|
onBackClick?: () => void;
|
|
6
|
+
className?: string;
|
|
6
7
|
}
|
|
7
|
-
export default function StyledTabContentWrapper({ showBackArrow, leftBorder, children, onBackClick, }: StyledTabContentWrapperProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default function StyledTabContentWrapper({ showBackArrow, leftBorder, children, onBackClick, className, }: StyledTabContentWrapperProps): import("react/jsx-runtime").JSX.Element;
|
|
8
9
|
//# sourceMappingURL=StyledTabContentWrapper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledTabContentWrapper.d.ts","sourceRoot":"","sources":["../../src/stories/StyledTabContentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,4BAA6B,SAAQ,iBAAiB;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"StyledTabContentWrapper.d.ts","sourceRoot":"","sources":["../../src/stories/StyledTabContentWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,4BAA6B,SAAQ,iBAAiB;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,aAAqB,EACrB,UAAkB,EAClB,QAAQ,EACR,WAAW,EACX,SAAc,GACf,EAAE,4BAA4B,2CAW9B"}
|
|
@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import { IconVariant } from './DfxIcon';
|
|
14
14
|
import StyledIconButton from './StyledIconButton';
|
|
15
15
|
export default function StyledTabContentWrapper(_a) {
|
|
16
|
-
var _b = _a.showBackArrow, showBackArrow = _b === void 0 ? false : _b, _c = _a.leftBorder, leftBorder = _c === void 0 ? false : _c, children = _a.children, onBackClick = _a.onBackClick;
|
|
17
|
-
return (_jsxs("div", __assign({ className: "w-full ".concat(leftBorder ? 'border-l border-dfxGray-400' : '') }, { children: [showBackArrow && onBackClick && (_jsx("div", __assign({ className: "absolute" }, { children: _jsx(StyledIconButton, { icon: IconVariant.BACK, onClick: onBackClick }) }))), _jsx("div", __assign({ className: "m-auto max-w-lg" }, { children: children }))] })));
|
|
16
|
+
var _b = _a.showBackArrow, showBackArrow = _b === void 0 ? false : _b, _c = _a.leftBorder, leftBorder = _c === void 0 ? false : _c, children = _a.children, onBackClick = _a.onBackClick, _d = _a.className, className = _d === void 0 ? '' : _d;
|
|
17
|
+
return (_jsxs("div", __assign({ className: "w-full ".concat(leftBorder ? 'border-l border-dfxGray-400' : '') }, { children: [showBackArrow && onBackClick && (_jsx("div", __assign({ className: "absolute" }, { children: _jsx(StyledIconButton, { icon: IconVariant.BACK, onClick: onBackClick }) }))), _jsx("div", __assign({ className: "m-auto max-w-lg ".concat(className) }, { children: children }))] })));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=StyledTabContentWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledTabContentWrapper.js","sourceRoot":"","sources":["../../src/stories/StyledTabContentWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"StyledTabContentWrapper.js","sourceRoot":"","sources":["../../src/stories/StyledTabContentWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AASlD,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAMjB;QAL7B,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAEd,OAAO,CACL,wBAAK,SAAS,EAAE,iBAAU,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAE,iBACxE,aAAa,IAAI,WAAW,IAAI,CAC/B,uBAAK,SAAS,EAAC,UAAU,gBACvB,KAAC,gBAAgB,IAAC,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI,IAC9D,CACP,EACD,uBAAK,SAAS,EAAE,0BAAmB,SAAS,CAAE,gBAAG,QAAQ,IAAO,KAC5D,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -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 pt-0.5" }, { 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 pb-0.5" }, { 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 pb-0.5" }, { 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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"}
|
|
@@ -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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"}
|
|
@@ -15,6 +15,7 @@ interface StyledInputProps extends ControlProps {
|
|
|
15
15
|
small?: boolean;
|
|
16
16
|
smallLabel?: boolean;
|
|
17
17
|
autocomplete?: string;
|
|
18
|
+
multiLine?: boolean;
|
|
18
19
|
}
|
|
19
20
|
declare const StyledInput: import("react").ForwardRefExoticComponent<StyledInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
20
21
|
export default StyledInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledInput.d.ts","sourceRoot":"","sources":["../../../src/stories/form/StyledInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,sBAAsB,
|
|
1
|
+
{"version":3,"file":"StyledInput.d.ts","sourceRoot":"","sources":["../../../src/stories/form/StyledInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,sBAAsB,EAAa,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAGtC,UAAU,gBAAiB,SAAQ,YAAY;IAC7C,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAMD,QAAA,MAAM,WAAW,+GAsHhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -30,7 +30,7 @@ function getMargin(affix) {
|
|
|
30
30
|
return 12 + ((_a = affix === null || affix === void 0 ? void 0 : affix.length) !== null && _a !== void 0 ? _a : 0) * 14;
|
|
31
31
|
}
|
|
32
32
|
var StyledInput = forwardRef(function (_a, ref) {
|
|
33
|
-
var control = _a.control, name = _a.name, autocomplete = _a.autocomplete, label = _a.label, rules = _a.rules, _b = _a.disabled, disabled = _b === void 0 ? false : _b, error = _a.error, _c = _a.type, type = _c === void 0 ? 'text' : _c, placeholder = _a.placeholder, prefix = _a.prefix, buttonLabel = _a.buttonLabel, buttonClick = _a.buttonClick, _d = _a.forceError, forceError = _d === void 0 ? false : _d, forceErrorMessage = _a.forceErrorMessage, _e = _a.hideLabel, hideLabel = _e === void 0 ? false : _e, _f = _a.darkTheme, darkTheme = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, _h = _a.full, full = _h === void 0 ? false : _h, _j = _a.small, small = _j === void 0 ? false : _j, _k = _a.smallLabel, smallLabel = _k === void 0 ? false : _k, props = __rest(_a, ["control", "name", "autocomplete", "label", "rules", "disabled", "error", "type", "placeholder", "prefix", "buttonLabel", "buttonClick", "forceError", "forceErrorMessage", "hideLabel", "darkTheme", "loading", "full", "small", "smallLabel"]);
|
|
33
|
+
var control = _a.control, name = _a.name, autocomplete = _a.autocomplete, label = _a.label, rules = _a.rules, _b = _a.disabled, disabled = _b === void 0 ? false : _b, error = _a.error, _c = _a.type, type = _c === void 0 ? 'text' : _c, placeholder = _a.placeholder, prefix = _a.prefix, buttonLabel = _a.buttonLabel, buttonClick = _a.buttonClick, _d = _a.forceError, forceError = _d === void 0 ? false : _d, forceErrorMessage = _a.forceErrorMessage, _e = _a.hideLabel, hideLabel = _e === void 0 ? false : _e, _f = _a.darkTheme, darkTheme = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, _h = _a.full, full = _h === void 0 ? false : _h, _j = _a.small, small = _j === void 0 ? false : _j, _k = _a.smallLabel, smallLabel = _k === void 0 ? false : _k, multiLine = _a.multiLine, props = __rest(_a, ["control", "name", "autocomplete", "label", "rules", "disabled", "error", "type", "placeholder", "prefix", "buttonLabel", "buttonClick", "forceError", "forceErrorMessage", "hideLabel", "darkTheme", "loading", "full", "small", "smallLabel", "multiLine"]);
|
|
34
34
|
var textColor = darkTheme ? 'text-white' : 'text-dfxBlue-800';
|
|
35
35
|
var backgroundColor = darkTheme ? 'bg-white bg-opacity-5' : 'bg-white';
|
|
36
36
|
var placeholderColor = darkTheme ? 'placeholder:text-dfxGray-800' : 'placeholder:text-dfxGray-600';
|
|
@@ -41,8 +41,9 @@ var StyledInput = forwardRef(function (_a, ref) {
|
|
|
41
41
|
var textOrErrorColor = error || forceError ? 'text-dfxRed-100' : textColor;
|
|
42
42
|
return (_jsx(Controller, { control: control, render: function (_a) {
|
|
43
43
|
var _b = _a.field, onChange = _b.onChange, onBlur = _b.onBlur, value = _b.value;
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
var inputProps = __assign({ className: "text-base font-normal rounded-md p-4 ".concat(small ? 'w-24' : 'w-full', " ") +
|
|
45
|
+
[textOrErrorColor, backgroundColor, placeholderColor, borderColor, outlineColor].join(' '), style: { paddingLeft: paddingLeft, paddingRight: paddingRight }, type: type, name: autocomplete !== null && autocomplete !== void 0 ? autocomplete : name, inputMode: type === 'number' ? 'decimal' : undefined, onBlur: onBlur, onChange: function (value) { return onChange(value.target.value); }, placeholder: placeholder, value: value !== null && value !== void 0 ? value : '', disabled: disabled, ref: ref, onWheel: function (e) { return type === 'number' && e.currentTarget.blur(); } }, props);
|
|
46
|
+
return (_jsxs(StyledVerticalStack, __assign({ gap: 1, full: full }, { children: [label && (_jsx("label", __assign({ hidden: hideLabel, className: "text-start ".concat(smallLabel ? 'text-sm' : 'text-base', " font-semibold pl-3 pl- ") + [textColor].join(' ') }, { children: label }))), _jsxs("div", __assign({ className: "relative" }, { children: [prefix && (_jsx("div", __assign({ className: "text-dfxGray-800 absolute ".concat(prefix.length > 0 ? 'left-3' : '', " flex justify-center items-center h-[3.6rem]") }, { children: _jsx("p", { children: prefix }) }))), loading && (_jsx("div", __assign({ className: "absolute right-3 h-w-8 flex justify-center items-center h-[3.6rem]" }, { children: _jsx(StyledLoadingSpinner, {}) }))), buttonLabel && !loading && (_jsx("div", __assign({ className: "text-dfxRed-100 absolute ".concat(buttonLabel.length > 0 ? 'right-3' : '', " flex justify-center items-center h-[3.6rem]") }, { children: _jsx("button", __assign({ type: "button", onClick: buttonClick }, { children: buttonLabel })) }))), multiLine ? (_jsx("textarea", __assign({}, inputProps))) : (_jsx("input", __assign({}, inputProps)))] })), (forceErrorMessage || error) && (_jsx("p", __assign({ className: "text-start text-sm text-dfxRed-100 pl-3" }, { children: forceErrorMessage !== null && forceErrorMessage !== void 0 ? forceErrorMessage : error === null || error === void 0 ? void 0 : error.message })))] })));
|
|
46
47
|
}, name: name, rules: rules }));
|
|
47
48
|
});
|
|
48
49
|
export default StyledInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledInput.js","sourceRoot":"","sources":["../../../src/stories/form/StyledInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"StyledInput.js","sourceRoot":"","sources":["../../../src/stories/form/StyledInput.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.61",
|
|
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": "a965004e7c89e15dea87d3b6774a6194a32e9382"
|
|
92
93
|
}
|