@dfx.swiss/react-components 1.1.3-beta.3 → 1.1.3-beta.30

package/dist/stories/StyledCollapsible.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+interface StyledCollapsibleProps extends PropsWithChildren {
+    darkTheme?: boolean;
+    full?: boolean;
+    title: string;
+    label?: string;
+    smallLabel?: boolean;
+}
+declare const StyledCollapsible: ({ darkTheme, full, title, label, smallLabel, ...props }: StyledCollapsibleProps) => import("react/jsx-runtime").JSX.Element;
+export default StyledCollapsible;
+//# sourceMappingURL=StyledCollapsible.d.ts.map

package/dist/stories/StyledCollapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledCollapsible.d.ts","sourceRoot":"","sources":["../../src/stories/StyledCollapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAIpD,UAAU,sBAAuB,SAAQ,iBAAiB;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,iBAAiB,4DAOpB,sBAAsB,4CA4CxB,CAAC;AACF,eAAe,iBAAiB,CAAC"}

package/dist/stories/StyledCollapsible.js

@@ -0,0 +1,39 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import StyledVerticalStack from './layout-helpers/StyledVerticalStack';
+import DfxIcon, { IconSize, IconVariant } from './DfxIcon';
+var StyledCollapsible = function (_a) {
+    var _b = _a.darkTheme, darkTheme = _b === void 0 ? false : _b, _c = _a.full, full = _c === void 0 ? false : _c, title = _a.title, label = _a.label, smallLabel = _a.smallLabel, props = __rest(_a, ["darkTheme", "full", "title", "label", "smallLabel"]);
+    var textColor = darkTheme ? 'text-white' : 'text-dfxBlue-800';
+    var backgroundColor = darkTheme ? 'bg-white bg-opacity-5' : 'bg-white';
+    var placeholderColor = darkTheme ? 'placeholder:text-dfxGray-800' : 'placeholder:text-dfxGray-600';
+    var borderColor = darkTheme ? 'border-none' : 'border border-dfxGray-500';
+    var outlineColor = darkTheme ? 'outline-none' : 'outline-2 outline-dfxBlue-400';
+    var _d = useState(false), isExpanded = _d[0], setIsExpanded = _d[1];
+    return (_jsxs(StyledVerticalStack, __assign({ gap: 1, full: full }, { children: [label && (_jsx("label", __assign({ className: "text-start ".concat(smallLabel ? 'text-sm' : 'text-base', " font-semibold pl-3 pl- ") + [textColor].join(' ') }, { children: label }))), _jsxs("div", __assign({ className: "text-base font-normal rounded-md w-full " +
+                    [textColor, backgroundColor, placeholderColor, borderColor, outlineColor].join(' ') }, { children: [_jsxs("div", __assign({ className: "p-4 w-full cursor-pointer flex flex-row ".concat(textColor), onClick: function () { return setIsExpanded(function (e) { return !e; }); } }, { children: [_jsx("div", __assign({ className: "flex-1" }, { children: title })), _jsx(DfxIcon, { icon: isExpanded ? IconVariant.EXPAND_LESS : IconVariant.EXPAND_MORE, size: IconSize.LG })] })), isExpanded && (_jsxs("div", __assign({ className: "px-4 pb-4" }, { children: [_jsx("div", { className: "border-b border-dfxGray-400 mb-4" }), props.children] })))] }))] })));
+};
+export default StyledCollapsible;
+//# sourceMappingURL=StyledCollapsible.js.map

package/dist/stories/StyledCollapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledCollapsible.js","sourceRoot":"","sources":["../../src/stories/StyledCollapsible.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAqB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;AACvE,OAAO,OAAO,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAU3D,IAAM,iBAAiB,GAAG,UAAC,EAOF;IANvB,IAAA,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,KAAK,WAAA,EACL,KAAK,WAAA,EACL,UAAU,gBAAA,EACP,KAAK,cANiB,qDAO1B,CADS;IAER,IAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC;IAChE,IAAM,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,UAAU,CAAC;IACzE,IAAM,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,8BAA8B,CAAC;IACrG,IAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,2BAA2B,CAAC;IAC5E,IAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,+BAA+B,CAAC;IAE5E,IAAA,KAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAC;IAEpD,OAAO,CACL,MAAC,mBAAmB,aAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,iBACpC,KAAK,IAAI,CACR,yBACE,SAAS,EACP,qBAAc,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,6BAA0B,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,gBAGrG,KAAK,IACA,CACT,EAED,wBACE,SAAS,EACP,0CAA0C;oBAC1C,CAAC,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,iBAGrF,wBACE,SAAS,EAAE,kDAA2C,SAAS,CAAE,EACjE,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAF,CAAE,CAAC,EAAxB,CAAwB,iBAEvC,uBAAK,SAAS,EAAC,QAAQ,gBAAE,KAAK,IAAO,EACrC,KAAC,OAAO,IAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,GAAI,KAChG,EAEL,UAAU,IAAI,CACb,wBAAK,SAAS,EAAC,WAAW,iBACxB,cAAK,SAAS,EAAC,kCAAkC,GAAO,EACvD,KAAK,CAAC,QAAQ,KACX,CACP,KACG,KACc,CACvB,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,iBAAiB,CAAC"}

package/dist/stories/StyledDataTable.js

@@ -34,6 +34,6 @@ export default function StyledDataTable(_a) {
         headingClasses += ' text-dfxBlue-800';
     }
     showBorder ? (headingClasses += ' ml-3.5') : (headingClasses += ' ');
-    return (_jsx(ThemeContext.Provider, __assign({ value: { darkTheme: darkTheme, showBorder: showBorder, alignContent: alignContent, narrow: narrow, minWidth: minWidth } }, { children: _jsxs("div", __assign({ className: "mb-2.5 ".concat(minWidth ? '' : 'w-full') }, { children: [heading !== undefined && _jsx("h3", __assign({ className: headingClasses }, { children: heading })), label !== undefined && showBorder && _jsx("p", __assign({ className: labelClasses }, { children: label })), _jsx("div", { children: children })] })) })));
+    return (_jsx(ThemeContext.Provider, __assign({ value: { darkTheme: darkTheme, showBorder: showBorder, alignContent: alignContent, narrow: narrow, minWidth: minWidth } }, { children: _jsxs("div", __assign({ className: "".concat(heading || label ? 'mb-2.5' : '', " ").concat(minWidth ? '' : 'w-full') }, { children: [heading !== undefined && _jsx("h3", __assign({ className: headingClasses }, { children: heading })), label !== undefined && showBorder && _jsx("p", __assign({ className: labelClasses }, { children: label })), _jsx("div", { children: children })] })) })));
 }
 //# sourceMappingURL=StyledDataTable.js.map

package/dist/stories/StyledDataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledDataTable.js","sourceRoot":"","sources":["../../src/stories/StyledDataTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAqB,aAAa,EAAE,MAAM,OAAO,CAAC;AAYzD,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,+BAAe,CAAA;IACf,mCAAmB,CAAA;AACrB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAED,IAAM,YAAY,GAAG;IACnB,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;IAChB,YAAY,EAAE,YAAY,CAAC,IAAI;IAC/B,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,IAAI;CACf,CAAC;AACF,MAAM,CAAC,IAAM,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EASjB;QARrB,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACjB,OAAO,aAAA,EACP,KAAK,WAAA,EACL,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,QAAQ,cAAA,EACR,oBAAgC,EAAhC,YAAY,mBAAG,YAAY,CAAC,IAAI,KAAA,EAChC,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA;IAEf,IAAI,cAAc,GAAG,0BAA0B,CAAC;IAChD,IAAI,YAAY,GAAG,qCAAqC,CAAC;IAEzD,IAAI,CAAC,SAAS,EAAE;QACd,YAAY,IAAI,mBAAmB,CAAC;QACpC,cAAc,IAAI,mBAAmB,CAAC;KACvC;IACD,UAAU,CAAC,CAAC,CAAC,CAAC,cAAc,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,IAAI,GAAG,CAAC,CAAC;IACrE,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,SAAS,WAAA,EAAE,UAAU,YAAA,EAAE,YAAY,cAAA,EAAE,MAAM,QAAA,EAAE,QAAQ,UAAA,EAAE,gBACrF,wBAAK,SAAS,EAAE,iBAAU,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAE,iBACjD,OAAO,KAAK,SAAS,IAAI,sBAAI,SAAS,EAAE,cAAc,gBAAG,OAAO,IAAM,EACtE,KAAK,KAAK,SAAS,IAAI,UAAU,IAAI,qBAAG,SAAS,EAAE,YAAY,gBAAG,KAAK,IAAK,EAC7E,wBAAM,QAAQ,GAAO,KACjB,IACgB,CACzB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"StyledDataTable.js","sourceRoot":"","sources":["../../src/stories/StyledDataTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAqB,aAAa,EAAE,MAAM,OAAO,CAAC;AAYzD,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,+BAAe,CAAA;IACf,mCAAmB,CAAA;AACrB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAED,IAAM,YAAY,GAAG;IACnB,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;IAChB,YAAY,EAAE,YAAY,CAAC,IAAI;IAC/B,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,IAAI;CACf,CAAC;AACF,MAAM,CAAC,IAAM,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EASjB;QARrB,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACjB,OAAO,aAAA,EACP,KAAK,WAAA,EACL,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,QAAQ,cAAA,EACR,oBAAgC,EAAhC,YAAY,mBAAG,YAAY,CAAC,IAAI,KAAA,EAChC,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA;IAEf,IAAI,cAAc,GAAG,0BAA0B,CAAC;IAChD,IAAI,YAAY,GAAG,qCAAqC,CAAC;IAEzD,IAAI,CAAC,SAAS,EAAE;QACd,YAAY,IAAI,mBAAmB,CAAC;QACpC,cAAc,IAAI,mBAAmB,CAAC;KACvC;IACD,UAAU,CAAC,CAAC,CAAC,CAAC,cAAc,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,IAAI,GAAG,CAAC,CAAC;IACrE,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,SAAS,WAAA,EAAE,UAAU,YAAA,EAAE,YAAY,cAAA,EAAE,MAAM,QAAA,EAAE,QAAQ,UAAA,EAAE,gBACrF,wBAAK,SAAS,EAAE,UAAG,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,cAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAE,iBAC9E,OAAO,KAAK,SAAS,IAAI,sBAAI,SAAS,EAAE,cAAc,gBAAG,OAAO,IAAM,EACtE,KAAK,KAAK,SAAS,IAAI,UAAU,IAAI,qBAAG,SAAS,EAAE,YAAY,gBAAG,KAAK,IAAK,EAC7E,wBAAM,QAAQ,GAAO,KACjB,IACgB,CACzB,CAAC;AACJ,CAAC"}

package/dist/stories/StyledDataTableRow.d.ts

@@ -4,7 +4,8 @@ interface StyledDataTableRowProps extends PropsWithChildren {
     discreet?: boolean;
     isLoading?: boolean;
     infoText?: string;
+    noPadding?: boolean;
 }
-export default function StyledDataTableRow({ label, children, discreet, isLoading, infoText, }: StyledDataTableRowProps): import("react/jsx-runtime").JSX.Element;
+export default function StyledDataTableRow({ label, children, discreet, isLoading, infoText, noPadding, }: StyledDataTableRowProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=StyledDataTableRow.d.ts.map

package/dist/stories/StyledDataTableRow.d.ts.map

@@ -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;CACnB;AAQD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,2CA8CzB"}
+{"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,2CA8CzB"}

package/dist/stories/StyledDataTableRow.js

@@ -22,7 +22,7 @@ var ALIGN_MAPS = (_a = {},
     _a[AlignContent.BETWEEN] = ' justify-between',
     _a);
 export default function StyledDataTableRow(_a) {
-    var label = _a.label, children = _a.children, discreet = _a.discreet, isLoading = _a.isLoading, infoText = _a.infoText;
+    var label = _a.label, children = _a.children, discreet = _a.discreet, isLoading = _a.isLoading, infoText = _a.infoText, noPadding = _a.noPadding;
     var theme = useContext(ThemeContext);
     var wrapperClasses = 'flex flex-col gap-3 text-sm';
     var labelClasses = ' ';
@@ -30,7 +30,7 @@ export default function StyledDataTableRow(_a) {
     discreet && (wrapperClasses += ' opacity-70');
     theme.showBorder
         ? (wrapperClasses += ' px-3.5 py-2.5 border-t border-x last:border-y first:rounded-t last:rounded-b')
-        : (wrapperClasses += ' py-2');
+        : !noPadding && (wrapperClasses += ' py-2');
     !theme.showBorder && theme.narrow && (wrapperClasses += ' px-3.5');
     if (theme.darkTheme) {
         labelClasses += ' text-dfxGray-600';

package/dist/stories/StyledDataTableRow.js.map

@@ -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;AAS3F,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,EAMjB;QALxB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA;IAER,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,cAAc,IAAI,OAAO,CAAC,CAAC;IAEhC,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,IAAC,IAAI,EAAE,WAAW,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,QAAQ,IAChG,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"}
+{"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,IAAC,IAAI,EAAE,WAAW,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,IAAI,GAAI,CAAC,CAAC,CAAC,QAAQ,IAChG,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"}

package/dist/stories/StyledLink.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
+import { HTMLAttributeAnchorTarget } from 'react';
 interface StyledLinkProps {
     label: string;
     url?: string;
     dark?: boolean;
+    target?: HTMLAttributeAnchorTarget;
 }
-export declare function StyledLink({ label, url, dark }: StyledLinkProps): JSX.Element;
+export declare function StyledLink({ label, url, dark, target }: StyledLinkProps): JSX.Element;
 export {};
 //# sourceMappingURL=StyledLink.d.ts.map

package/dist/stories/StyledLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledLink.d.ts","sourceRoot":"","sources":["../../src/stories/StyledLink.tsx"],"names":[],"mappings":";AAAA,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAW7E"}
+{"version":3,"file":"StyledLink.d.ts","sourceRoot":"","sources":["../../src/stories/StyledLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,OAAO,CAAC;AAElD,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,yBAAyB,CAAC;CACpC;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAWrF"}

package/dist/stories/StyledLink.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 export function StyledLink(_a) {
-    var label = _a.label, url = _a.url, dark = _a.dark;
-    return (_jsx("a", __assign({ className: "".concat(dark ? 'text-dfxGray-800' : 'text-link opacity-30'), target: "_blank", href: url, rel: "noopener noreferrer" }, { children: label })));
+    var label = _a.label, url = _a.url, dark = _a.dark, target = _a.target;
+    return (_jsx("a", __assign({ className: "".concat(dark ? 'text-dfxGray-800' : 'text-link opacity-30'), target: target !== null && target !== void 0 ? target : '_blank', href: url, rel: "noopener noreferrer" }, { children: label })));
 }
 //# sourceMappingURL=StyledLink.js.map

package/dist/stories/StyledLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledLink.js","sourceRoot":"","sources":["../../src/stories/StyledLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAMA,MAAM,UAAU,UAAU,CAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,GAAG,SAAA,EAAE,IAAI,UAAA;IAC3C,OAAO,CACL,qBACE,SAAS,EAAE,UAAG,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,sBAAsB,CAAE,EAClE,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,GAAG,EACT,GAAG,EAAC,qBAAqB,gBAExB,KAAK,IACJ,CACL,CAAC;AACJ,CAAC"}
+{"version":3,"file":"StyledLink.js","sourceRoot":"","sources":["../../src/stories/StyledLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;AASA,MAAM,UAAU,UAAU,CAAC,EAA6C;QAA3C,KAAK,WAAA,EAAE,GAAG,SAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA;IACnD,OAAO,CACL,qBACE,SAAS,EAAE,UAAG,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,sBAAsB,CAAE,EAClE,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,QAAQ,EAC1B,IAAI,EAAE,GAAG,EACT,GAAG,EAAC,qBAAqB,gBAExB,KAAK,IACJ,CACL,CAAC;AACJ,CAAC"}

package/dist/stories/StyledTextBox.d.ts

@@ -0,0 +1,10 @@
+interface StyledTextBoxProps {
+    darkTheme?: boolean;
+    full?: boolean;
+    text: string;
+    label?: string;
+    smallLabel?: boolean;
+}
+declare const StyledTextBox: ({ darkTheme, full, text, label, smallLabel }: StyledTextBoxProps) => import("react/jsx-runtime").JSX.Element;
+export default StyledTextBox;
+//# sourceMappingURL=StyledTextBox.d.ts.map

package/dist/stories/StyledTextBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledTextBox.d.ts","sourceRoot":"","sources":["../../src/stories/StyledTextBox.tsx"],"names":[],"mappings":"AAEA,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,iDAAkE,kBAAkB,4CA+BtG,CAAC;AACF,eAAe,aAAa,CAAC"}

package/dist/stories/StyledTextBox.js

@@ -0,0 +1,25 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import StyledVerticalStack from './layout-helpers/StyledVerticalStack';
+var StyledTextBox = function (_a) {
+    var _b = _a.darkTheme, darkTheme = _b === void 0 ? false : _b, _c = _a.full, full = _c === void 0 ? false : _c, text = _a.text, label = _a.label, smallLabel = _a.smallLabel;
+    var textColor = darkTheme ? 'text-white' : 'text-dfxBlue-800';
+    var backgroundColor = darkTheme ? 'bg-white bg-opacity-5' : 'bg-white';
+    var placeholderColor = darkTheme ? 'placeholder:text-dfxGray-800' : 'placeholder:text-dfxGray-600';
+    var borderColor = darkTheme ? 'border-none' : 'border border-dfxGray-500';
+    var outlineColor = darkTheme ? 'outline-none' : 'outline-2 outline-dfxBlue-400';
+    return (_jsxs(StyledVerticalStack, __assign({ gap: 1, full: full }, { children: [label && (_jsx("label", __assign({ className: "text-start ".concat(smallLabel ? 'text-sm' : 'text-base', " font-semibold pl-3 pl- ") + [textColor].join(' ') }, { children: label }))), _jsx("div", __assign({ className: "text-base font-normal rounded-md w-full " +
+                    [textColor, backgroundColor, placeholderColor, borderColor, outlineColor].join(' ') }, { children: _jsx("div", __assign({ className: "p-4 w-full ".concat(textColor) }, { children: _jsx("div", __assign({ className: "flex-1 whitespace-pre" }, { children: text })) })) }))] })));
+};
+export default StyledTextBox;
+//# sourceMappingURL=StyledTextBox.js.map

package/dist/stories/StyledTextBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledTextBox.js","sourceRoot":"","sources":["../../src/stories/StyledTextBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;AAUvE,IAAM,aAAa,GAAG,UAAC,EAAgF;QAA9E,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAE,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAA;IAC/E,IAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC;IAChE,IAAM,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,UAAU,CAAC;IACzE,IAAM,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,8BAA8B,CAAC;IACrG,IAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,2BAA2B,CAAC;IAC5E,IAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,+BAA+B,CAAC;IAElF,OAAO,CACL,MAAC,mBAAmB,aAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,iBACpC,KAAK,IAAI,CACR,yBACE,SAAS,EACP,qBAAc,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,6BAA0B,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,gBAGrG,KAAK,IACA,CACT,EAED,uBACE,SAAS,EACP,0CAA0C;oBAC1C,CAAC,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,gBAGrF,uBAAK,SAAS,EAAE,qBAAc,SAAS,CAAE,gBACvC,uBAAK,SAAS,EAAC,uBAAuB,gBAAE,IAAI,IAAO,IAC/C,IACF,KACc,CACvB,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,aAAa,CAAC"}

package/dist/stories/form/StyledDropdown.d.ts

@@ -1,4 +1,5 @@
 import { ControlProps } from './Form';
+import { RefObject } from 'react';
 import { IconVariant } from '../DfxIcon';
 import { AssetIconVariant } from '../DfxAssetIcon';
 export interface StyledDropdownProps<T> extends ControlProps {
@@ -12,6 +13,8 @@ export interface StyledDropdownProps<T> extends ControlProps {
     descriptionFunc?: (item: T) => string;
     priceFunc?: (item: T) => string;
     assetIconFunc?: (item: T) => AssetIconVariant;
+    rootRef?: RefObject<HTMLElement>;
+    forceEnable?: boolean;
 }
-export default function StyledDropdown<T>({ label, labelIcon, control, name, rules, disabled, items, placeholder, full, smallLabel, labelFunc, balanceFunc, descriptionFunc, priceFunc, assetIconFunc, ...props }: StyledDropdownProps<T>): import("react/jsx-runtime").JSX.Element;
+export default function StyledDropdown<T>({ label, labelIcon, control, name, rules, disabled, items, placeholder, full, smallLabel, labelFunc, balanceFunc, descriptionFunc, priceFunc, assetIconFunc, rootRef, forceEnable, ...props }: StyledDropdownProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=StyledDropdown.d.ts.map

package/dist/stories/form/StyledDropdown.d.ts.map

@@ -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;AAEtC,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;CAC/C;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,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CA6HxB"}
+{"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;CACvB;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,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAyIxB"}

package/dist/stories/form/StyledDropdown.js

@@ -21,19 +21,26 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import DfxIcon, { IconColor, IconSize, IconVariant } from '../DfxIcon';
 import { Controller } from 'react-hook-form';
 import DfxAssetIcon from '../DfxAssetIcon';
 import { Utils } from '../../utils';
 export default function StyledDropdown(_a) {
-    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, props = __rest(_a, ["label", "labelIcon", "control", "name", "rules", "disabled", "items", "placeholder", "full", "smallLabel", "labelFunc", "balanceFunc", "descriptionFunc", "priceFunc", "assetIconFunc"]);
+    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, props = __rest(_a, ["label", "labelIcon", "control", "name", "rules", "disabled", "items", "placeholder", "full", "smallLabel", "labelFunc", "balanceFunc", "descriptionFunc", "priceFunc", "assetIconFunc", "rootRef", "forceEnable"]);
     var buttonRef = useRef(null);
     var dropdownRef = useRef(null);
     var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
     var buttonClasses = 'flex justify-between border border-dfxGray-500 px-4 py-3 shadow-sm w-full';
     isOpen ? (buttonClasses += ' rounded-x rounded-t bg-dfxGray-400/50') : (buttonClasses += ' rounded');
-    var isDisabled = disabled || items.length <= 1;
+    var isDisabled = disabled || (items.length <= 1 && !forceEnable);
+    useEffect(function () {
+        var element = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current;
+        if (element) {
+            element.addEventListener('mousedown', closeDropdown);
+            return function () { return element.removeEventListener('mousedown', closeDropdown); };
+        }
+    }, [rootRef, isOpen]);
     function closeDropdown(e) {
         if (isOpen &&
             Utils.isNode(e.target) &&
@@ -44,13 +51,12 @@ export default function StyledDropdown(_a) {
             setIsOpen(false);
         }
     }
-    document.addEventListener('mousedown', closeDropdown);
     return (_jsx(Controller, { control: control, render: function (_a) {
             var _b = _a.field, onChange = _b.onChange, onBlur = _b.onBlur, value = _b.value;
-            return (_jsxs("div", __assign({ className: "relative ".concat(full ? 'w-full' : '') }, { children: [_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" }, { 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: "text-dfxBlue-800 leading-none font-semibold flex justify-between ".concat(!descriptionFunc && !assetIconFunc ? 'py-[0.25rem]' : '') }, { children: [labelFunc(value), balanceFunc && _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 w-full z-10 max-h-40 overflow-y-auto" }, { children: items.map(function (item, index) { return (_jsx("button", __assign({ onClick: function () {
+            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" }, { 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: "text-dfxBlue-800 leading-none font-semibold flex justify-between ".concat(!descriptionFunc && !assetIconFunc ? 'py-[0.25rem]' : '') }, { children: [labelFunc(value), balanceFunc && _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", style: { maxHeight: '15rem' } }, { children: items.map(function (item, index) { return (_jsx("button", __assign({ onClick: function () {
                                 onChange(item);
                                 setIsOpen(false);
-                            }, className: "flex flex-col gap-2 justify-between text-left border-x border-dfxGray-500 w-full hover:bg-dfxGray-400/50 last:border-b last:rounded-b px-3.5 py-2.5" }, { 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)); }) })))] })));
+                            }, className: "flex flex-col gap-2 justify-between text-left w-full hover:bg-dfxGray-400/50 px-3.5 py-2.5" }, { 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)); }) })))] })));
         }, name: name, rules: rules }));
 }
 //# sourceMappingURL=StyledDropdown.js.map

package/dist/stories/form/StyledDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledDropdown.js","sourceRoot":"","sources":["../../../src/stories/form/StyledDropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StyledDropdown.js","sourceRoot":"","sources":["../../../src/stories/form/StyledDropdown.tsx"],"names":[],"mappings":"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"}

package/dist/stories/form/StyledInput.d.ts

@@ -4,6 +4,8 @@ interface StyledInputProps extends ControlProps {
     type?: HTMLInputTypeAttribute;
     placeholder?: string;
     prefix?: string;
+    buttonLabel?: string;
+    buttonClick?: () => void;
     forceError?: boolean;
     forceErrorMessage?: string;
     hideLabel?: boolean;

package/dist/stories/form/StyledInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledInput.d.ts","sourceRoot":"","sources":["../../../src/stories/form/StyledInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAG3D,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,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;CACvB;AAmBD,QAAA,MAAM,WAAW,+GA0FhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"StyledInput.d.ts","sourceRoot":"","sources":["../../../src/stories/form/StyledInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAG3D,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;CACvB;AAMD,QAAA,MAAM,WAAW,+GA8GhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/stories/form/StyledInput.js

@@ -25,35 +25,24 @@ import { forwardRef } from 'react';
 import { Controller } from 'react-hook-form';
 import StyledVerticalStack from '../layout-helpers/StyledVerticalStack';
 import StyledLoadingSpinner from '../StyledLoadingSpinner';
-function getLeftMargin(prefix) {
-    switch (prefix.length) {
-        case 1:
-            return 'pl-7';
-        case 2:
-            return 'pl-9';
-        case 3:
-            return 'pl-12';
-        case 4:
-            return 'pl-15';
-        case 5:
-            return 'pl-16';
-        default:
-            return '';
-    }
+function getMargin(affix) {
+    var _a;
+    return 12 + ((_a = affix === null || affix === void 0 ? void 0 : affix.length) !== null && _a !== void 0 ? _a : 0) * 14;
 }
 var StyledInput = forwardRef(function (_a, ref) {
-    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, _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", "forceError", "forceErrorMessage", "hideLabel", "darkTheme", "loading", "full", "small", "smallLabel"]);
+    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"]);
     var textColor = darkTheme ? 'text-white' : 'text-dfxBlue-800';
     var backgroundColor = darkTheme ? 'bg-white bg-opacity-5' : 'bg-white';
     var placeholderColor = darkTheme ? 'placeholder:text-dfxGray-800' : 'placeholder:text-dfxGray-600';
     var borderColor = darkTheme ? 'border-none' : 'border border-dfxGray-500';
     var outlineColor = darkTheme ? 'outline-none' : 'outline-2 outline-dfxBlue-400';
-    var leftMargin = prefix ? getLeftMargin(prefix) : '';
-    var textOrErrorColor = forceError ? 'text-dfxRed-100' : textColor;
+    var paddingLeft = getMargin(prefix);
+    var paddingRight = getMargin(buttonLabel);
+    var textOrErrorColor = error || forceError ? 'text-dfxRed-100' : textColor;
     return (_jsx(Controller, { control: control, render: function (_a) {
             var _b = _a.field, onChange = _b.onChange, onBlur = _b.onBlur, value = _b.value;
-            return (_jsxs(StyledVerticalStack, __assign({ gap: 1, full: full }, { children: [_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 h-[50px] ".concat(prefix.length > 0 ? 'left-3' : '', " flex justify-center items-center") }, { children: _jsx("p", { children: prefix }) }))), loading && (_jsx("div", __assign({ className: "absolute right-3 h-[50px] w-8 flex justify-center items-center pl-" }, { children: _jsx(StyledLoadingSpinner, {}) }))), _jsx("input", __assign({ className: "text-base font-normal rounded-md p-3 ".concat(small ? 'w-24' : 'w-full', " ") +
-                                    [textOrErrorColor, backgroundColor, placeholderColor, borderColor, outlineColor, leftMargin].join(' '), 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))] })), (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 })))] })));
+            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"), style: { height: '3.6rem' } }, { children: _jsx("p", { children: prefix }) }))), loading && (_jsx("div", __assign({ className: "absolute right-3 h-w-8 flex justify-center items-center", style: { height: '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"), style: { height: '3.6rem' } }, { children: _jsx("button", __assign({ onClick: buttonClick }, { children: buttonLabel })) }))), _jsx("input", __assign({ className: "text-base font-normal rounded-md p-4 ".concat(small ? 'w-24' : 'w-full', " ") +
+                                    [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))] })), (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 })))] })));
         }, name: name, rules: rules }));
 });
 export default StyledInput;

package/dist/stories/form/StyledInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledInput.js","sourceRoot":"","sources":["../../../src/stories/form/StyledInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StyledInput.js","sourceRoot":"","sources":["../../../src/stories/form/StyledInput.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@dfx.swiss/react-components",
-  "version": "1.1.3-beta.3",
+  "version": "1.1.3-beta.30",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -87,5 +87,5 @@
     "tailwindcss": "^3.2.4",
     "webpack": "^5.75.0"
   },
-  "gitHead": "93f3d154fc3c06a19e1a54513bd6755a61153461"
+  "gitHead": "0dd8b66f68f31545df2e3865abb0d6d75358fb36"
 }