@cashub/ui 0.26.2 → 0.26.4

package/index.js

@@ -500,6 +500,18 @@ Object.keys(_wizard).forEach(function (key) {
     }
   });
 });
+var _xmleditor = require("./xmleditor");
+Object.keys(_xmleditor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _xmleditor[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _xmleditor[key];
+    }
+  });
+});
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.26.2",
+  "version": "0.26.4",
   "private": false,
   "author": "CasHUB Team",
   "description": "CasHUB UI components library",
@@ -14,6 +14,7 @@
     "@cashub/utils": "^0.5.0",
     "@googlemaps/markerclusterer": "^2.5.1",
     "@googlemaps/react-wrapper": "^1.1.35",
+    "@monaco-editor/react": "^4.6.0",
     "@popperjs/core": "^2.11.5",
     "@yaireo/tagify": "^4.12.0",
     "brace": "^0.11.1",

package/select/Select.js

@@ -44,7 +44,8 @@ const Select = _ref => {
     fill,
     fillReverse,
     onBlur,
-    onSearch
+    onSearch,
+    flexGrow
   } = _ref;
   const {
     t
@@ -494,64 +495,70 @@ const Select = _ref => {
       }
     }
   }, [setupFocus, display, allowSearch]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactOutsideClickHandler.default, {
-    onOutsideClick: () => {
-      setDisplay(false);
-      if (onBlur) onBlur();
-      setIsFocusCombobox(false);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      flexGrow: flexGrow ? 1 : 0
     },
-    disabled: !isFocusCombobox,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Combobox, {
-      role: "combobox",
-      tabIndex: "0",
-      "aria-haspopup": "listbox",
-      "aria-expanded": display,
-      "aria-owns": id,
-      ref: setComboboxElement,
-      onClick: handleToggle,
-      onKeyUp: handleKeyUp,
-      onKeyDown: handleKeyDown,
-      $display: display,
-      disabled: disabled,
-      fullWidth: fullWidth,
-      large: large,
-      $fill: fill,
-      fillReverse: fillReverse,
-      onFocus: handleFocus,
-      placeholder: placeholder,
-      children: [selectedItem, selectedOptions.length > 0 && !multiple && !disabled && allowClear && /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseButton, {
-        onClick: () => {
-          onSelect('');
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpandArrow, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactOutsideClickHandler.default, {
+      onOutsideClick: () => {
+        setDisplay(false);
+        if (onBlur) onBlur();
+        setIsFocusCombobox(false);
+      },
+      disabled: !isFocusCombobox,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Combobox, {
+        flexGrow: flexGrow,
+        role: "combobox",
+        tabIndex: "0",
         "aria-haspopup": "listbox",
-        "aria-expanded": display
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ListBox.default, {
-      role: "listbox",
-      tabIndex: "0",
-      id: id,
-      ref: setListBoxElement,
-      onKeyUp: handleKeyUp,
-      onKeyDown: handleKeyDown,
-      width: listBoxWidth,
-      $display: display,
-      style: styles.popper,
-      ...attributes.popper,
-      placement: state && state.placement,
-      children: [allowSearch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchBox.default, {
-        ref: searchBoxElement,
-        placeholder: "Search",
-        onChange: handleSearchChange,
-        value: search
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Options.default, {
-        ref: optionsElementRef,
-        allowSearch: allowSearch,
-        children: optionItem || /*#__PURE__*/(0, _jsxRuntime.jsx)(Message, {
-          children: "No results found"
-        })
+        "aria-expanded": display,
+        "aria-owns": id,
+        ref: setComboboxElement,
+        onClick: handleToggle,
+        onKeyUp: handleKeyUp,
+        onKeyDown: handleKeyDown,
+        $display: display,
+        disabled: disabled,
+        fullWidth: fullWidth,
+        large: large,
+        $fill: fill,
+        fillReverse: fillReverse,
+        onFocus: handleFocus,
+        placeholder: placeholder,
+        children: [selectedItem, selectedOptions.length > 0 && !multiple && !disabled && allowClear && /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseButton, {
+          onClick: () => {
+            onSelect('');
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpandArrow, {
+          "aria-haspopup": "listbox",
+          "aria-expanded": display
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ListBox.default, {
+        role: "listbox",
+        tabIndex: "0",
+        id: id,
+        ref: setListBoxElement,
+        onKeyUp: handleKeyUp,
+        onKeyDown: handleKeyDown,
+        width: listBoxWidth,
+        $display: display,
+        style: styles.popper,
+        ...attributes.popper,
+        placement: state && state.placement,
+        children: [allowSearch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchBox.default, {
+          ref: searchBoxElement,
+          placeholder: "Search",
+          onChange: handleSearchChange,
+          value: search
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Options.default, {
+          ref: optionsElementRef,
+          allowSearch: allowSearch,
+          children: optionItem || /*#__PURE__*/(0, _jsxRuntime.jsx)(Message, {
+            children: "No results found"
+          })
+        })]
       })]
-    })]
+    })
   });
 };
 const Icon = _ref2 => {
@@ -570,45 +577,50 @@ const Icon = _ref2 => {
     }), "\xA0"]
   });
 };
-const Combobox = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  min-height: 36px;\n  min-width: 160px;\n  cursor: pointer;\n  position: relative;\n  background: transparent;\n  color: var(--font-on-background);\n  font-size: var(--font-body1);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius-l);\n  padding: 0 calc(var(--spacing-s) * 2 + 8px) 0 var(--spacing-s);\n\n  &:focus {\n    ", ";\n  }\n\n  ", "\n\n  ", "\n  ", "\n  \n  ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _ref3 => {
+const Combobox = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  min-height: 36px;\n  cursor: pointer;\n  position: relative;\n  background: transparent;\n  color: var(--font-on-background);\n  font-size: var(--font-body1);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius-l);\n  padding: 0 calc(var(--spacing-s) * 2 + 8px) 0 var(--spacing-s);\n\n  &:focus {\n    ", ";\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n  ", "\n  \n  ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n"])), _ref3 => {
   let {
     disabled
   } = _ref3;
   return !disabled && "\n        border-color: var(--color-primary);\n        outline: none;\n      ";
 }, _ref4 => {
   let {
-    $display
+    flexGrow
   } = _ref4;
-  return $display && "\n      border-color: var(--color-primary);\n      outline: none;\n    ";
+  return !flexGrow && 'min-width: 160px;';
 }, _ref5 => {
   let {
-    disabled
+    $display
   } = _ref5;
-  return disabled && 'cursor: not-allowed;opacity: 0.5;';
+  return $display && "\n      border-color: var(--color-primary);\n      outline: none;\n    ";
 }, _ref6 => {
   let {
-    placeholder
+    disabled
   } = _ref6;
-  return placeholder && 'color: var(--font-on-mute);';
+  return disabled && 'cursor: not-allowed;opacity: 0.5;';
 }, _ref7 => {
   let {
-    fullWidth
+    placeholder
   } = _ref7;
-  return fullWidth ? 'width: 100%' : 'max-width: 320px';
+  return placeholder && 'color: var(--font-on-mute);';
 }, _ref8 => {
   let {
-    large
+    fullWidth
   } = _ref8;
-  return large && "\n      height: 40px;\n      padding: 12px calc(var(--spacing-s) * 2 + 8px) 12px var(--spacing-s);\n    ";
+  return fullWidth ? 'width: 100%' : 'max-width: 320px';
 }, _ref9 => {
   let {
-    $fill
+    large
   } = _ref9;
-  return $fill && "\n      background: var(--color-background2);\n      border-color: transparent;\n    ";
+  return large && "\n      height: 40px;\n      padding: 12px calc(var(--spacing-s) * 2 + 8px) 12px var(--spacing-s);\n    ";
 }, _ref10 => {
   let {
-    fillReverse
+    $fill
   } = _ref10;
+  return $fill && "\n      background: var(--color-background2);\n      border-color: transparent;\n    ";
+}, _ref11 => {
+  let {
+    fillReverse
+  } = _ref11;
   return fillReverse && "\n      background: var(--color-background1);\n      border-color: transparent;\n    ";
 });
 Combobox.displayName = 'Combobox';

package/xmleditor/XmlEditor.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("@monaco-editor/react"));
+var _src = require("../../../utils/src");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const XmlEditor = _ref => {
+  let {
+    mode,
+    initialValue,
+    onXmlEditorMounted
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default, {
+      height: "150px",
+      theme: "vs-dark",
+      defaultLanguage: "xml",
+      defaultValue: initialValue ? (0, _src.xmlFormatter)(initialValue) : '',
+      options: {
+        readOnly: mode === 'view',
+        minimap: {
+          enabled: false
+        },
+        tabSize: 2
+      },
+      onMount: onXmlEditorMounted
+    })
+  });
+};
+var _default = exports.default = XmlEditor;

package/xmleditor/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "XmlEditor", {
+  enumerable: true,
+  get: function () {
+    return _XmlEditor.default;
+  }
+});
+var _XmlEditor = _interopRequireDefault(require("./XmlEditor"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }