@1money/component-ui 0.0.42-alpha.12 → 0.0.42-alpha.13

package/lib/components/Select/SelectOptionContent.d.ts

@@ -1,9 +1,17 @@
 import type { ClassNamesFn } from "../../utils/classnames";
+import type { FC, ReactNode } from 'react';
 import type { SelectOption } from './interface';
+interface SelectOptionCheckProps {
+    classes: ClassNamesFn;
+    selected: boolean;
+}
+export declare const SelectOptionCheck: FC<SelectOptionCheckProps>;
 interface SelectOptionContentProps {
     classes: ClassNamesFn;
     option: SelectOption;
     selected: boolean;
+    /** Custom content body; falls back to default label + description layout. */
+    content?: ReactNode;
 }
 export declare const SelectOptionContent: import("react").NamedExoticComponent<SelectOptionContentProps>;
 export default SelectOptionContent;

package/lib/components/Select/SelectOptionContent.js

@@ -3,18 +3,31 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.SelectOptionContent = void 0;
+exports["default"] = exports.SelectOptionContent = exports.SelectOptionCheck = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _Icons = require("../Icons");
 var _Typography = require("../Typography");
 var _constants = require("./constants");
-var SelectOptionContentBase = function SelectOptionContentBase(_ref) {
+var SelectOptionCheck = exports.SelectOptionCheck = function SelectOptionCheck(_ref) {
   var classes = _ref.classes,
-    option = _ref.option,
     selected = _ref.selected;
+  return (0, _jsxRuntime.jsx)("span", {
+    className: classes('option-check'),
+    children: selected && (0, _jsxRuntime.jsx)(_Icons.Icons, {
+      name: "check",
+      size: 16,
+      color: "currentColor"
+    })
+  });
+};
+var SelectOptionContentBase = function SelectOptionContentBase(_ref2) {
+  var classes = _ref2.classes,
+    option = _ref2.option,
+    selected = _ref2.selected,
+    content = _ref2.content;
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsxs)("span", {
+    children: [content !== undefined ? content : (0, _jsxRuntime.jsxs)("span", {
       className: classes('option-content'),
       children: [(0, _jsxRuntime.jsx)(_Typography.TypographyBody, {
         className: classes('option-label'),
@@ -27,16 +40,12 @@ var SelectOptionContentBase = function SelectOptionContentBase(_ref) {
         color: _constants.SELECT_TYPOGRAPHY.option.description.color,
         children: option.description
       })]
-    }), (0, _jsxRuntime.jsx)("span", {
-      className: classes('option-check'),
-      children: selected && (0, _jsxRuntime.jsx)(_Icons.Icons, {
-        name: "check",
-        size: 16,
-        color: "currentColor"
-      })
+    }), (0, _jsxRuntime.jsx)(SelectOptionCheck, {
+      classes: classes,
+      selected: selected
     })]
   });
 };
 var SelectOptionContent = exports.SelectOptionContent = /*#__PURE__*/(0, _react.memo)(SelectOptionContentBase);
 var _default = exports["default"] = SelectOptionContent;
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdE9wdGlvbkNvbnRlbnQuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3RPcHRpb25Db250ZW50LnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfcmVhY3QiLCJfSWNvbnMiLCJfVHlwb2dyYXBoeSIsIl9jb25zdGFudHMiLCJTZWxlY3RPcHRpb25Db250ZW50QmFzZSIsIl9yZWYiLCJjbGFzc2VzIiwib3B0aW9uIiwic2VsZWN0ZWQiLCJfanN4cyIsIl9GcmFnbWVudCIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwiX2pzeCIsIlR5cG9ncmFwaHlCb2R5Iiwic2l6ZSIsIlNFTEVDVF9UWVBPR1JBUEhZIiwibGFiZWwiLCJzdHJvbmciLCJkZXNjcmlwdGlvbiIsImNvbG9yIiwiSWNvbnMiLCJuYW1lIiwiU2VsZWN0T3B0aW9uQ29udGVudCIsImV4cG9ydHMiLCJtZW1vIiwiX2RlZmF1bHQiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ0FBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLE1BQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLFdBQUEsR0FBQUgsT0FBQTtBQUlBLElBQUFJLFVBQUEsR0FBQUosT0FBQTtBQVFBLElBQU1LLHVCQUF1QixHQUFpQyxTQUF4REEsdUJBQXVCQSxDQUFBQyxJQUFBO0VBQUEsSUFDM0JDLE9BQU8sR0FBQUQsSUFBQSxDQUFQQyxPQUFPO0lBQ1BDLE1BQU0sR0FBQUYsSUFBQSxDQUFORSxNQUFNO0lBQ05DLFFBQVEsR0FBQUgsSUFBQSxDQUFSRyxRQUFRO0VBQUEsT0FFUixJQUFBQyxnQkFBQSxFQUFBQyxvQkFBQSxFQUFBO0lBQUFDLFFBQUEsRUFBQSxDQUNFLElBQUFGLGdCQUFBLEVBQUEsTUFBQSxFQUFBO01BQU1HLFNBQVMsRUFBRU4sT0FBTyxDQUFDLGdCQUFnQixDQUFDO01BQUFLLFFBQUEsRUFBQSxDQUN4QyxJQUFBRSxlQUFBLEVBQUNDLDBCQUFjLEVBQUE7UUFBQ0YsU0FBUyxFQUFFTixPQUFPLENBQUMsY0FBYyxDQUFDO1FBQUVTLElBQUksRUFBRUMsNEJBQWlCLENBQUNULE1BQU0sQ0FBQ1UsS0FBSyxDQUFDRixJQUFJO1FBQUVHLE1BQU0sRUFBQSxJQUFBO1FBQUFQLFFBQUEsRUFBRUosTUFBTSxDQUFDVTtNQUFLLENBQUEsQ0FBa0IsRUFDcElWLE1BQU0sQ0FBQ1ksV0FBVyxJQUNqQixJQUFBTixlQUFBLEVBQUNDLDBCQUFjLEVBQUE7UUFBQ0YsU0FBUyxFQUFFTixPQUFPLENBQUMsb0JBQW9CLENBQUM7UUFBRVMsSUFBSSxFQUFFQyw0QkFBaUIsQ0FBQ1QsTUFBTSxDQUFDWSxXQUFXLENBQUNKLElBQUk7UUFBRUssS0FBSyxFQUFFSiw0QkFBaUIsQ0FBQ1QsTUFBTSxDQUFDWSxXQUFXLENBQUNDLEtBQUs7UUFBQVQsUUFBQSxFQUFHSixNQUFNLENBQUNZO01BQVcsQ0FBQSxDQUNsTDtJQUFBLENBQUEsQ0FDSSxFQUNQLElBQUFOLGVBQUEsRUFBQSxNQUFBLEVBQUE7TUFBTUQsU0FBUyxFQUFFTixPQUFPLENBQUMsY0FBYyxDQUFDO01BQUFLLFFBQUEsRUFDckNILFFBQVEsSUFBSSxJQUFBSyxlQUFBLEVBQUNRLFlBQUssRUFBQTtRQUFDQyxJQUFJLEVBQUMsT0FBTztRQUFDUCxJQUFJLEVBQUUsRUFBRTtRQUFFSyxLQUFLLEVBQUM7TUFBYyxDQUFBO0lBQUcsQ0FBQSxDQUM3RDtFQUFBLENBQUEsQ0FDTjtBQUFBLENBQ0o7QUFFTSxJQUFNRyxtQkFBbUIsR0FBQUMsT0FBQSxDQUFBRCxtQkFBQSxnQkFBRyxJQUFBRSxXQUFJLEVBQUNyQix1QkFBdUIsQ0FBQztBQUFDLElBQUFzQixRQUFBLEdBQUFGLE9BQUEsY0FFbERELG1CQUFtQiIsImZpbGUiOiJjb21wb25lbnRzL1NlbGVjdC9TZWxlY3RPcHRpb25Db250ZW50LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMsIEZyYWdtZW50IGFzIF9GcmFnbWVudCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgVHlwb2dyYXBoeUJvZHkgfSBmcm9tICcuLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IFNFTEVDVF9UWVBPR1JBUEhZIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuY29uc3QgU2VsZWN0T3B0aW9uQ29udGVudEJhc2UgPSAoeyBjbGFzc2VzLCBvcHRpb24sIHNlbGVjdGVkLCB9KSA9PiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdvcHRpb24tY29udGVudCcpLCBjaGlsZHJlbjogW19qc3goVHlwb2dyYXBoeUJvZHksIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdvcHRpb24tbGFiZWwnKSwgc2l6ZTogU0VMRUNUX1RZUE9HUkFQSFkub3B0aW9uLmxhYmVsLnNpemUsIHN0cm9uZzogdHJ1ZSwgY2hpbGRyZW46IG9wdGlvbi5sYWJlbCB9KSwgb3B0aW9uLmRlc2NyaXB0aW9uICYmIChfanN4KFR5cG9ncmFwaHlCb2R5LCB7IGNsYXNzTmFtZTogY2xhc3Nlcygnb3B0aW9uLWRlc2NyaXB0aW9uJyksIHNpemU6IFNFTEVDVF9UWVBPR1JBUEhZLm9wdGlvbi5kZXNjcmlwdGlvbi5zaXplLCBjb2xvcjogU0VMRUNUX1RZUE9HUkFQSFkub3B0aW9uLmRlc2NyaXB0aW9uLmNvbG9yLCBjaGlsZHJlbjogb3B0aW9uLmRlc2NyaXB0aW9uIH0pKV0gfSksIF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdvcHRpb24tY2hlY2snKSwgY2hpbGRyZW46IHNlbGVjdGVkICYmIF9qc3goSWNvbnMsIHsgbmFtZTogXCJjaGVja1wiLCBzaXplOiAxNiwgY29sb3I6IFwiY3VycmVudENvbG9yXCIgfSkgfSldIH0pKTtcbmV4cG9ydCBjb25zdCBTZWxlY3RPcHRpb25Db250ZW50ID0gbWVtbyhTZWxlY3RPcHRpb25Db250ZW50QmFzZSk7XG5leHBvcnQgZGVmYXVsdCBTZWxlY3RPcHRpb25Db250ZW50OyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdE9wdGlvbkNvbnRlbnQuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3RPcHRpb25Db250ZW50LnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfcmVhY3QiLCJfSWNvbnMiLCJfVHlwb2dyYXBoeSIsIl9jb25zdGFudHMiLCJTZWxlY3RPcHRpb25DaGVjayIsImV4cG9ydHMiLCJfcmVmIiwiY2xhc3NlcyIsInNlbGVjdGVkIiwiX2pzeCIsImNsYXNzTmFtZSIsImNoaWxkcmVuIiwiSWNvbnMiLCJuYW1lIiwic2l6ZSIsImNvbG9yIiwiU2VsZWN0T3B0aW9uQ29udGVudEJhc2UiLCJfcmVmMiIsIm9wdGlvbiIsImNvbnRlbnQiLCJfanN4cyIsIl9GcmFnbWVudCIsInVuZGVmaW5lZCIsIlR5cG9ncmFwaHlCb2R5IiwiU0VMRUNUX1RZUE9HUkFQSFkiLCJsYWJlbCIsInN0cm9uZyIsImRlc2NyaXB0aW9uIiwiU2VsZWN0T3B0aW9uQ29udGVudCIsIm1lbW8iLCJfZGVmYXVsdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsV0FBQSxHQUFBQyxPQUFBO0FDQUEsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsTUFBQSxHQUFBRixPQUFBO0FBQ0EsSUFBQUcsV0FBQSxHQUFBSCxPQUFBO0FBSUEsSUFBQUksVUFBQSxHQUFBSixPQUFBO0FBT08sSUFBTUssaUJBQWlCLEdBQUFDLE9BQUEsQ0FBQUQsaUJBQUEsR0FBK0IsU0FBaERBLGlCQUFpQkEsQ0FBQUUsSUFBQTtFQUFBLElBQWtDQyxPQUFPLEdBQUFELElBQUEsQ0FBUEMsT0FBTztJQUFFQyxRQUFRLEdBQUFGLElBQUEsQ0FBUkUsUUFBUTtFQUFBLE9BQy9FLElBQUFDLGVBQUEsRUFBQSxNQUFBLEVBQUE7SUFBTUMsU0FBUyxFQUFFSCxPQUFPLENBQUMsY0FBYyxDQUFDO0lBQUFJLFFBQUEsRUFDckNILFFBQVEsSUFBSSxJQUFBQyxlQUFBLEVBQUNHLFlBQUssRUFBQTtNQUFDQyxJQUFJLEVBQUMsT0FBTztNQUFDQyxJQUFJLEVBQUUsRUFBRTtNQUFFQyxLQUFLLEVBQUM7SUFBYyxDQUFBO0VBQUcsQ0FBQSxDQUM3RDtBQUFBLENBQ1I7QUFVRCxJQUFNQyx1QkFBdUIsR0FBaUMsU0FBeERBLHVCQUF1QkEsQ0FBQUMsS0FBQTtFQUFBLElBQzNCVixPQUFPLEdBQUFVLEtBQUEsQ0FBUFYsT0FBTztJQUNQVyxNQUFNLEdBQUFELEtBQUEsQ0FBTkMsTUFBTTtJQUNOVixRQUFRLEdBQUFTLEtBQUEsQ0FBUlQsUUFBUTtJQUNSVyxPQUFPLEdBQUFGLEtBQUEsQ0FBUEUsT0FBTztFQUFBLE9BRVAsSUFBQUMsZ0JBQUEsRUFBQUMsb0JBQUEsRUFBQTtJQUFBVixRQUFBLEVBQUEsQ0FDR1EsT0FBTyxLQUFLRyxTQUFTLEdBQ3BCSCxPQUFPLEdBRVAsSUFBQUMsZ0JBQUEsRUFBQSxNQUFBLEVBQUE7TUFBTVYsU0FBUyxFQUFFSCxPQUFPLENBQUMsZ0JBQWdCLENBQUM7TUFBQUksUUFBQSxFQUFBLENBQ3hDLElBQUFGLGVBQUEsRUFBQ2MsMEJBQWMsRUFBQTtRQUFDYixTQUFTLEVBQUVILE9BQU8sQ0FBQyxjQUFjLENBQUM7UUFBRU8sSUFBSSxFQUFFVSw0QkFBaUIsQ0FBQ04sTUFBTSxDQUFDTyxLQUFLLENBQUNYLElBQUk7UUFBRVksTUFBTSxFQUFBLElBQUE7UUFBQWYsUUFBQSxFQUFFTyxNQUFNLENBQUNPO01BQUssQ0FBQSxDQUFrQixFQUNwSVAsTUFBTSxDQUFDUyxXQUFXLElBQ2pCLElBQUFsQixlQUFBLEVBQUNjLDBCQUFjLEVBQUE7UUFBQ2IsU0FBUyxFQUFFSCxPQUFPLENBQUMsb0JBQW9CLENBQUM7UUFBRU8sSUFBSSxFQUFFVSw0QkFBaUIsQ0FBQ04sTUFBTSxDQUFDUyxXQUFXLENBQUNiLElBQUk7UUFBRUMsS0FBSyxFQUFFUyw0QkFBaUIsQ0FBQ04sTUFBTSxDQUFDUyxXQUFXLENBQUNaLEtBQUs7UUFBQUosUUFBQSxFQUFHTyxNQUFNLENBQUNTO01BQVcsQ0FBQSxDQUNsTDtJQUFBLENBQUEsQ0FFSixFQUNELElBQUFsQixlQUFBLEVBQUNMLGlCQUFpQixFQUFBO01BQUNHLE9BQU8sRUFBRUEsT0FBTztNQUFFQyxRQUFRLEVBQUVBO0lBQVEsQ0FBQSxDQUFJO0VBQUEsQ0FBQSxDQUMxRDtBQUFBLENBQ0o7QUFFTSxJQUFNb0IsbUJBQW1CLEdBQUF2QixPQUFBLENBQUF1QixtQkFBQSxnQkFBRyxJQUFBQyxXQUFJLEVBQUNiLHVCQUF1QixDQUFDO0FBQUMsSUFBQWMsUUFBQSxHQUFBekIsT0FBQSxjQUVsRHVCLG1CQUFtQiIsImZpbGUiOiJjb21wb25lbnRzL1NlbGVjdC9TZWxlY3RPcHRpb25Db250ZW50LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMsIEZyYWdtZW50IGFzIF9GcmFnbWVudCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgVHlwb2dyYXBoeUJvZHkgfSBmcm9tICcuLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IFNFTEVDVF9UWVBPR1JBUEhZIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuZXhwb3J0IGNvbnN0IFNlbGVjdE9wdGlvbkNoZWNrID0gKHsgY2xhc3Nlcywgc2VsZWN0ZWQgfSkgPT4gKF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdvcHRpb24tY2hlY2snKSwgY2hpbGRyZW46IHNlbGVjdGVkICYmIF9qc3goSWNvbnMsIHsgbmFtZTogXCJjaGVja1wiLCBzaXplOiAxNiwgY29sb3I6IFwiY3VycmVudENvbG9yXCIgfSkgfSkpO1xuY29uc3QgU2VsZWN0T3B0aW9uQ29udGVudEJhc2UgPSAoeyBjbGFzc2VzLCBvcHRpb24sIHNlbGVjdGVkLCBjb250ZW50LCB9KSA9PiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbY29udGVudCAhPT0gdW5kZWZpbmVkID8gKGNvbnRlbnQpIDogKF9qc3hzKFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3Nlcygnb3B0aW9uLWNvbnRlbnQnKSwgY2hpbGRyZW46IFtfanN4KFR5cG9ncmFwaHlCb2R5LCB7IGNsYXNzTmFtZTogY2xhc3Nlcygnb3B0aW9uLWxhYmVsJyksIHNpemU6IFNFTEVDVF9UWVBPR1JBUEhZLm9wdGlvbi5sYWJlbC5zaXplLCBzdHJvbmc6IHRydWUsIGNoaWxkcmVuOiBvcHRpb24ubGFiZWwgfSksIG9wdGlvbi5kZXNjcmlwdGlvbiAmJiAoX2pzeChUeXBvZ3JhcGh5Qm9keSwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ29wdGlvbi1kZXNjcmlwdGlvbicpLCBzaXplOiBTRUxFQ1RfVFlQT0dSQVBIWS5vcHRpb24uZGVzY3JpcHRpb24uc2l6ZSwgY29sb3I6IFNFTEVDVF9UWVBPR1JBUEhZLm9wdGlvbi5kZXNjcmlwdGlvbi5jb2xvciwgY2hpbGRyZW46IG9wdGlvbi5kZXNjcmlwdGlvbiB9KSldIH0pKSwgX2pzeChTZWxlY3RPcHRpb25DaGVjaywgeyBjbGFzc2VzOiBjbGFzc2VzLCBzZWxlY3RlZDogc2VsZWN0ZWQgfSldIH0pKTtcbmV4cG9ydCBjb25zdCBTZWxlY3RPcHRpb25Db250ZW50ID0gbWVtbyhTZWxlY3RPcHRpb25Db250ZW50QmFzZSk7XG5leHBvcnQgZGVmYXVsdCBTZWxlY3RPcHRpb25Db250ZW50OyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Select/interface.d.ts

@@ -121,7 +121,19 @@ export interface SelectProps extends Omit<HTMLAttributes<HTMLDivElement>, 'defau
     onSearchChange?: (value: string) => void;
     onBlur?: (event?: FocusEvent<HTMLElement>) => void;
     filterOption?: SelectFilterOption;
+    /**
+     * Fully replace an option's rendering, including the trailing selected check.
+     * Use when you need complete control of the option layout (e.g. custom check
+     * indicator). If both `renderOption` and `renderOptionContent` are provided,
+     * `renderOption` wins.
+     */
     renderOption?: (option: SelectOption, meta: SelectRenderOptionMeta) => ReactNode;
+    /**
+     * Replace only the content portion of an option; the default selected check
+     * is still rendered by the component. Prefer this over `renderOption` when
+     * you only need a custom option body.
+     */
+    renderOptionContent?: (option: SelectOption, meta: SelectRenderOptionMeta) => ReactNode;
     renderValue?: (option: SelectOption | SelectOption[] | null, meta: SelectRenderValueMeta) => ReactNode;
 }
 export interface SelectCustomProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onBlur' | 'prefix'> {