@dfx.swiss/react-components 1.1.4-beta.5 → 1.1.4-beta.7

package/dist/index.d.ts

@@ -33,6 +33,7 @@ export { default as StyledSpacer } from './stories/layout-helpers/StyledSpacer';
 export { default as Form } from './stories/form/Form';
 export { default as StyledBankAccountListItem } from './stories/form/StyledBankAccountListItem';
 export { default as StyledDropdown } from './stories/form/StyledDropdown';
+export { default as StyledSearchDropdown } from './stories/form/StyledSearchDropdown';
 export { default as StyledInput } from './stories/form/StyledInput';
 export { default as StyledModalDropdown } from './stories/form/StyledModalDropdown';
 export { default as StyledModalButton } from './stories/form/StyledModalButton';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -36,6 +36,7 @@ export { default as StyledSpacer } from './stories/layout-helpers/StyledSpacer';
 export { default as Form } from './stories/form/Form';
 export { default as StyledBankAccountListItem } from './stories/form/StyledBankAccountListItem';
 export { default as StyledDropdown } from './stories/form/StyledDropdown';
+export { default as StyledSearchDropdown } from './stories/form/StyledSearchDropdown';
 export { default as StyledInput } from './stories/form/StyledInput';
 export { default as StyledModalDropdown } from './stories/form/StyledModalDropdown';
 export { default as StyledModalButton } from './stories/form/StyledModalButton';

package/dist/index.js.map

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

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

@@ -0,0 +1,22 @@
+import { RefObject } from 'react';
+import { ControlProps } from './Form';
+import { AssetIconVariant } from '../DfxAssetIcon';
+interface StyledSearchDropdownProps<T> extends ControlProps {
+    placeholder?: string;
+    full?: boolean;
+    smallLabel?: boolean;
+    items: T[];
+    labelFunc: (item: T) => string;
+    balanceFunc?: (item: T) => string;
+    descriptionFunc?: (item: T) => string;
+    filterFunc: (item: T, search?: string) => boolean;
+    matchFunc?: (item: T, search?: string) => boolean;
+    priceFunc?: (item: T) => string;
+    assetIconFunc?: (item: T) => AssetIconVariant;
+    rootRef?: RefObject<HTMLElement>;
+    forceEnable?: boolean;
+    autocomplete?: string;
+}
+declare function StyledSearchDropdown<T>({ control, name, label, rules, disabled, error, placeholder, full, smallLabel, items, labelFunc, balanceFunc, descriptionFunc, filterFunc, matchFunc, priceFunc, assetIconFunc, rootRef, forceEnable, autocomplete, ...props }: StyledSearchDropdownProps<T>): import("react/jsx-runtime").JSX.Element;
+export default StyledSearchDropdown;
+//# sourceMappingURL=StyledSearchDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StyledSearchDropdown.d.ts","sourceRoot":"","sources":["../../../src/stories/form/StyledSearchDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAGtC,OAAqB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEjE,UAAU,yBAAyB,CAAC,CAAC,CAAE,SAAQ,YAAY;IACzD,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,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IAClD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IAClD,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,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,oBAAoB,CAAC,CAAC,EAAE,EAC/B,OAAO,EACP,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,KAAK,EACL,WAAW,EACX,IAAY,EACZ,UAAkB,EAClB,KAAK,EACL,SAAS,EACT,WAAW,EACX,eAAe,EACf,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,EACX,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,yBAAyB,CAAC,CAAC,CAAC,2CAoI9B;AAED,eAAe,oBAAoB,CAAC"}

package/dist/stories/form/StyledSearchDropdown.js

@@ -0,0 +1,80 @@
+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 { useEffect, useRef, useState } from 'react';
+import { Controller } from 'react-hook-form';
+import StyledVerticalStack from '../layout-helpers/StyledVerticalStack';
+import DfxIcon, { IconSize, IconVariant } from '../DfxIcon';
+import { Utils } from '../../utils';
+import DfxAssetIcon from '../DfxAssetIcon';
+function StyledSearchDropdown(_a) {
+    var control = _a.control, name = _a.name, label = _a.label, rules = _a.rules, _b = _a.disabled, disabled = _b === void 0 ? false : _b, error = _a.error, placeholder = _a.placeholder, _c = _a.full, full = _c === void 0 ? false : _c, _d = _a.smallLabel, smallLabel = _d === void 0 ? false : _d, items = _a.items, labelFunc = _a.labelFunc, balanceFunc = _a.balanceFunc, descriptionFunc = _a.descriptionFunc, filterFunc = _a.filterFunc, matchFunc = _a.matchFunc, priceFunc = _a.priceFunc, assetIconFunc = _a.assetIconFunc, rootRef = _a.rootRef, forceEnable = _a.forceEnable, autocomplete = _a.autocomplete, props = __rest(_a, ["control", "name", "label", "rules", "disabled", "error", "placeholder", "full", "smallLabel", "items", "labelFunc", "balanceFunc", "descriptionFunc", "filterFunc", "matchFunc", "priceFunc", "assetIconFunc", "rootRef", "forceEnable", "autocomplete"]);
+    var inputRef = useRef(null);
+    var dropdownRef = useRef(null);
+    var _e = useState(false), isOpen = _e[0], setIsOpen = _e[1];
+    var _f = useState(), search = _f[0], setSearch = _f[1];
+    var visibleItems = items.filter(function (i) { return filterFunc(i, search); });
+    var textColor = 'text-dfxBlue-800';
+    var textOrErrorColor = error ? 'text-dfxRed-100' : textColor;
+    var inputClasses = "cursor-pointer text-base font-normal p-4 pr-[2.5rem] w-full bg-white placeholder:text-dfxGray-600 border border-dfxGray-500 outline-2 outline-dfxBlue-400 ".concat(textOrErrorColor);
+    isOpen && visibleItems.length
+        ? (inputClasses += ' rounded-x rounded-t bg-dfxGray-400/50')
+        : (inputClasses += ' rounded');
+    var isDisabled = disabled || (items.length <= 1 && !forceEnable);
+    useEffect(function () {
+        !isOpen && setSearch(undefined);
+    }, [isOpen]);
+    useEffect(function () {
+        var _a;
+        var element = (_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) !== null && _a !== void 0 ? _a : document;
+        if (element) {
+            element.addEventListener('mousedown', closeDropdown);
+            return function () { return element.removeEventListener('mousedown', closeDropdown); };
+        }
+    }, [rootRef, isOpen]);
+    function closeDropdown(e) {
+        if (isOpen &&
+            Utils.isNode(e.target) &&
+            dropdownRef.current &&
+            !dropdownRef.current.contains(e.target) &&
+            inputRef.current &&
+            !inputRef.current.contains(e.target)) {
+            setIsOpen(false);
+        }
+    }
+    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(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: "relative cursor-pointer", onClick: function () { return setIsOpen(function (o) { return !o; }); } }, { children: [!isDisabled && (_jsx("div", __assign({ className: "absolute right-3 flex justify-center items-center", style: { height: '3.6rem' } }, { children: _jsx(DfxIcon, { icon: isOpen ? IconVariant.EXPAND_LESS : IconVariant.EXPAND_MORE, size: IconSize.LG }) }))), _jsx("input", __assign({ ref: inputRef, className: inputClasses, type: "text", name: autocomplete !== null && autocomplete !== void 0 ? autocomplete : name, onBlur: onBlur, onChange: function (value) {
+                                            var val = value.target.value;
+                                            setSearch(val);
+                                            var matches = items.filter(function (i) { return matchFunc === null || matchFunc === void 0 ? void 0 : matchFunc(i, val); });
+                                            if (matches.length === 1)
+                                                onChange(matches[0]);
+                                        }, placeholder: placeholder, value: search !== null && search !== void 0 ? search : (value ? labelFunc(value) : ''), disabled: isDisabled }, props))] })), error && _jsx("p", __assign({ className: "text-start text-sm text-dfxRed-100 pl-3" }, { children: error === null || error === void 0 ? void 0 : error.message }))] })), isOpen && visibleItems.length > 0 && (_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: visibleItems.map(function (item, index) { return (_jsx("button", __assign({ onClick: function () {
+                                onChange(item);
+                                setIsOpen(false);
+                            }, 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 }));
+}
+export default StyledSearchDropdown;
+//# sourceMappingURL=StyledSearchDropdown.js.map

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@dfx.swiss/react-components",
-  "version": "1.1.4-beta.5",
+  "version": "1.1.4-beta.7",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -87,5 +87,5 @@
     "tailwindcss": "^3.2.4",
     "webpack": "^5.75.0"
   },
-  "gitHead": "67f60f8f79629b1bcbb6c33b2dca38f67927377f"
+  "gitHead": "0731fac1223448c222cdd5f84d4ad40d3099ae8e"
 }