@ledgerhq/react-ui 0.12.1 → 0.13.0-next.0

package/lib/cjs/components/form/SelectInput/Option.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SelectInput/Option.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { components, GroupBase, StylesConfig, OptionProps } from \"react-select\";\nimport styled from \"styled-components\";\nimport Text from \"../../asorted/Text\";\n\nexport function getStyles<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(): NonNullable<StylesConfig<O, M, G>[\"option\"]> {\n  return (provided) => ({\n    ...provided,\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: 0,\n    cursor: \"inherit\",\n    background: \"inherit\",\n    color: \"inherit\",\n    boxShadow: \"none\",\n    border: \"none\",\n    \":active\": undefined,\n  });\n}\n\nconst Wrapper = styled(Text).attrs({ as: \"div\" })<{\n  disabled: boolean;\n  selected: boolean;\n  focus: boolean;\n}>`\n  height: 48px;\n  display: flex;\n  padding: 0 ${(p) => p.theme.space[5]}px;\n  border-radius: ${(p) => `${p.theme.radii[1]}px`};\n  ${(p) => (!p.disabled ? \"cursor: pointer;\" : \"\")}\n  ${(props) => {\n    const { theme, selected, focus, disabled } = props;\n    if (selected) {\n      return `\n        color: ${theme.colors.primary.c90};\n        background: ${theme.colors.primary.c20};\n      `;\n    }\n    if (disabled) {\n      return `\n        color: ${theme.colors.neutral.c50};\n        ${\n          focus\n            ? `&:not(:active) {\n            background: ${theme.colors.neutral.c20};\n          }`\n            : \"\"\n        }\n      `;\n    }\n    return `\n      color: ${theme.colors.neutral.c80};\n      &:hover {\n        color: ${theme.colors.neutral.c100};\n        background: ${theme.colors.primary.c10};\n      }\n      &:active {\n        color: ${theme.colors.neutral.c100};\n        background: ${theme.colors.primary.c30};\n      }\n      ${\n        focus\n          ? `&:not(:active) {\n          color: ${theme.colors.neutral.c100};\n          background: ${theme.colors.primary.c10};\n        }`\n          : \"\"\n      }\n    `;\n  }};\n`;\n\nexport type ExtraProps<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n> = {\n  /* A render function to customize the contents. */\n  render?: (props: React.PropsWithChildren<OptionProps<O, M, G>>) => React.ReactNode;\n};\nexport type Props<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n> = OptionProps<O, M, G> & ExtraProps<O, M, G>;\nexport function Option<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(props: Props<O, M, G>): JSX.Element {\n  const { render, children, ...innerProps } = props;\n\n  return (\n    <Wrapper\n      disabled={props.isDisabled}\n      selected={props.isSelected}\n      focus={props.isFocused}\n      fontWeight=\"semiBold\"\n      variant={\"paragraph\"}\n    >\n      <components.Option {...innerProps}>{render ? render(props) : children}</components.Option>\n    </Wrapper>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAiE;AACjE,+BAAmB;AACnB,kBAAiB;AAEV,qBAI2C;AAChD,SAAO,CAAC,aAAc;AAAA,OACjB;AAAA,IACH,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,WAAW;AAAA;AAAA;AAIf,MAAM,UAAU,sCAAO,qBAAM,MAAM,EAAE,IAAI;AAAA;AAAA;AAAA,eAO1B,CAAC,MAAM,EAAE,MAAM,MAAM;AAAA,mBACjB,CAAC,MAAM,GAAG,EAAE,MAAM,MAAM;AAAA,IACvC,CAAC,MAAO,CAAC,EAAE,WAAW,qBAAqB;AAAA,IAC3C,CAAC,UAAU;AACX,QAAM,EAAE,OAAO,UAAU,OAAO,aAAa;AAC7C,MAAI,UAAU;AACZ,WAAO;AAAA,iBACI,MAAM,OAAO,QAAQ;AAAA,sBAChB,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGvC,MAAI,UAAU;AACZ,WAAO;AAAA,iBACI,MAAM,OAAO,QAAQ;AAAA,UAE5B,QACI;AAAA,0BACY,MAAM,OAAO,QAAQ;AAAA,eAEjC;AAAA;AAAA;AAIV,SAAO;AAAA,eACI,MAAM,OAAO,QAAQ;AAAA;AAAA,iBAEnB,MAAM,OAAO,QAAQ;AAAA,sBAChB,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,iBAG1B,MAAM,OAAO,QAAQ;AAAA,sBAChB,MAAM,OAAO,QAAQ;AAAA;AAAA,QAGnC,QACI;AAAA,mBACO,MAAM,OAAO,QAAQ;AAAA,wBAChB,MAAM,OAAO,QAAQ;AAAA,aAEjC;AAAA;AAAA;AAAA;AAmBL,gBAIL,OAAoC;AACpC,QAAM,EAAE,QAAQ,aAAa,eAAe;AAE5C,SACE,mDAAC,SAAD;AAAA,IACE,UAAU,MAAM;AAAA,IAChB,UAAU,MAAM;AAAA,IAChB,OAAO,MAAM;AAAA,IACb,YAAW;AAAA,IACX,SAAS;AAAA,KAET,mDAAC,+BAAW,QAAZ;AAAA,OAAuB;AAAA,KAAa,SAAS,OAAO,SAAS;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAiE;AACjE,+BAAmB;AACnB,kBAAiB;AAEV,SAAS,YAIkC;AAChD,SAAO,CAAC,cAAc;AAAA,IACpB,GAAG;AAAA,IACH,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,WAAW;AAAA,EACb;AACF;AAEA,MAAM,cAAU,yBAAAA,SAAO,YAAAC,OAAI,EAAE,MAAM,EAAE,IAAI,MAAM,CAAC;AAAA;AAAA;AAAA,eAOjC,CAAC,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,mBAClB,CAAC,MAAM,GAAG,EAAE,MAAM,MAAM,CAAC;AAAA,IACxC,CAAC,MAAO,CAAC,EAAE,WAAW,qBAAqB;AAAA,IAC3C,CAAC,UAAU;AACX,QAAM,EAAE,OAAO,UAAU,OAAO,SAAS,IAAI;AAC7C,MAAI,UAAU;AACZ,WAAO;AAAA,iBACI,MAAM,OAAO,QAAQ;AAAA,sBAChB,MAAM,OAAO,QAAQ;AAAA;AAAA,EAEvC;AACA,MAAI,UAAU;AACZ,WAAO;AAAA,iBACI,MAAM,OAAO,QAAQ;AAAA,UAE5B,QACI;AAAA,0BACY,MAAM,OAAO,QAAQ;AAAA,eAEjC;AAAA;AAAA,EAGV;AACA,SAAO;AAAA,eACI,MAAM,OAAO,QAAQ;AAAA;AAAA,iBAEnB,MAAM,OAAO,QAAQ;AAAA,sBAChB,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,iBAG1B,MAAM,OAAO,QAAQ;AAAA,sBAChB,MAAM,OAAO,QAAQ;AAAA;AAAA,QAGnC,QACI;AAAA,mBACO,MAAM,OAAO,QAAQ;AAAA,wBAChB,MAAM,OAAO,QAAQ;AAAA,aAEjC;AAAA;AAGV;AAAA;AAgBK,SAAS,OAId,OAAoC;AACpC,QAAM,EAAE,QAAQ,UAAU,GAAG,WAAW,IAAI;AAE5C,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,OAAO,MAAM;AAAA,MACb,YAAW;AAAA,MACX,SAAS;AAAA;AAAA,IAET,6BAAAA,QAAA,cAAC,+BAAW,QAAX,EAAmB,GAAG,cAAa,SAAS,OAAO,KAAK,IAAI,QAAS;AAAA,EACxE;AAEJ;",
+  "names": ["styled", "Text", "React"]
 }

package/lib/cjs/components/form/SelectInput/Select.stories.js

@@ -1,27 +1,33 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Select_stories_exports = {};
+__export(Select_stories_exports, {
   CustomOptions: () => CustomOptions,
   Default: () => Default,
   DisabledOption: () => DisabledOption,
@@ -31,16 +37,17 @@ __export(exports, {
   VirtualList: () => VirtualList,
   default: () => Select_stories_default
 });
-var import_react = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_Text = __toModule(require("../../asorted/Text"));
-var import_Flex = __toModule(require("../../layout/Flex"));
-var import_Grid = __toModule(require("../../layout/Grid"));
-var import_SearchMedium = __toModule(require("@ledgerhq/icons-ui/react/SearchMedium"));
-var import_index = __toModule(require("./index"));
-var import_Option = __toModule(require("./Option"));
-var import_VirtualMenuList = __toModule(require("./VirtualMenuList"));
-var import_ValueContainer = __toModule(require("./ValueContainer"));
+module.exports = __toCommonJS(Select_stories_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = require("styled-components");
+var import_Text = __toESM(require("../../asorted/Text"));
+var import_Flex = __toESM(require("../../layout/Flex"));
+var import_Grid = __toESM(require("../../layout/Grid"));
+var import_SearchMedium = __toESM(require("@ledgerhq/icons-ui/react/SearchMedium"));
+var import_index = __toESM(require("./index"));
+var import_Option = require("./Option");
+var import_VirtualMenuList = require("./VirtualMenuList");
+var import_ValueContainer = require("./ValueContainer");
 const description = `
 ### A styled Select Input control
 
@@ -184,6 +191,8 @@ var Select_stories_default = {
   }
 };
 const options = [
+  // Labels contain muttons spaces (U+2003 character).
+  // Do not replace with a regular space please!
   { value: "chocolate", label: "\u{1F36B}\u2003Chocolate" },
   { value: "strawberry", label: "\u{1F353}\u2003Strawberry" },
   { value: "lemon", label: "\u{1F34B}\u2003Lemon" },
@@ -340,60 +349,54 @@ const cssColors = [
 ];
 const colorOptions = cssColors.map((color) => ({ label: color, value: color }));
 const ColorOption = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Option.Option, {
-    ...props,
-    render: ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-      flex: 1,
-      py: 2,
-      alignItems: "center"
-    }, /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-      mr: 4,
-      p: 4,
-      style: { background: props.data.value }
-    }), /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-      flex: 1,
-      style: { textTransform: "capitalize" }
-    }, children))
-  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Option.Option,
+    {
+      ...props,
+      render: ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flex: 1, py: 2, alignItems: "center" }, /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { mr: 4, p: 4, style: { background: props.data.value } }), /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flex: 1, style: { textTransform: "capitalize" } }, children))
+    }
+  );
 };
 const ColorValueContainer = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_ValueContainer.ValueContainer, {
-    render: ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_Grid.default, {
-      alignItems: "center",
-      style: { textTransform: "capitalize" }
-    }, children),
-    ...props
-  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_ValueContainer.ValueContainer,
+    {
+      render: ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { alignItems: "center", style: { textTransform: "capitalize" } }, children),
+      ...props
+    }
+  );
 };
 const Default = (args) => {
   const [value, setValue] = import_react.default.useState(null);
-  return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    options: colorOptions,
-    value,
-    onChange: setValue,
-    placeholder: "Pick a color",
-    isClearable: true,
-    isOptionDisabled: (option) => option.value.startsWith("b"),
-    components: { Option: ColorOption, ValueContainer: ColorValueContainer },
-    renderLeft: (_) => value && /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-      mr: 4,
-      p: 4,
-      style: { background: value.value }
-    }),
-    menuPortalTarget: document.body,
-    styles: { menuPortal: (provided) => ({ ...provided, zIndex: 2 }) },
-    ...args
-  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_index.default,
+    {
+      options: colorOptions,
+      value,
+      onChange: setValue,
+      placeholder: "Pick a color",
+      isClearable: true,
+      isOptionDisabled: (option) => option.value.startsWith("b"),
+      components: { Option: ColorOption, ValueContainer: ColorValueContainer },
+      renderLeft: (_) => value && /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { mr: 4, p: 4, style: { background: value.value } }),
+      menuPortalTarget: document.body,
+      styles: { menuPortal: (provided) => ({ ...provided, zIndex: 2 }) },
+      ...args
+    }
+  );
 };
 const Minimal = (args) => {
   const [value, setValue] = import_react.default.useState(null);
-  return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    options,
-    value,
-    onChange: setValue,
-    menuPortalTarget: document.body,
-    ...args
-  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_index.default,
+    {
+      options,
+      value,
+      onChange: setValue,
+      menuPortalTarget: document.body,
+      ...args
+    }
+  );
 };
 Minimal.parameters = {
   docs: {
@@ -405,24 +408,18 @@ Minimal.parameters = {
 const SideRenders = (args) => {
   const [value, setValue] = import_react.default.useState(null);
   const theme = (0, import_styled_components.useTheme)();
-  return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    options,
-    value,
-    onChange: setValue,
-    renderLeft: (props) => /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-      mr: 3
-    }, /* @__PURE__ */ import_react.default.createElement(import_SearchMedium.default, {
-      color: props.isDisabled ? "currentColor" : theme.colors.neutral.c70
-    })),
-    renderRight: () => /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-      mr: 4,
-      fontWeight: "semiBold",
-      variant: "body",
-      color: "inherit"
-    }, "#Right"),
-    menuPortalTarget: document.body,
-    ...args
-  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_index.default,
+    {
+      options,
+      value,
+      onChange: setValue,
+      renderLeft: (props) => /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { mr: 3 }, /* @__PURE__ */ import_react.default.createElement(import_SearchMedium.default, { color: props.isDisabled ? "currentColor" : theme.colors.neutral.c70 })),
+      renderRight: () => /* @__PURE__ */ import_react.default.createElement(import_Text.default, { mr: 4, fontWeight: "semiBold", variant: "body", color: "inherit" }, "#Right"),
+      menuPortalTarget: document.body,
+      ...args
+    }
+  );
 };
 SideRenders.parameters = {
   docs: {
@@ -432,35 +429,27 @@ SideRenders.parameters = {
   }
 };
 const CustomOption = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Option.Option, {
-    ...props,
-    render: ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-      flex: 1,
-      alignItems: "center"
-    }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-      fontWeight: "semiBold",
-      variant: "paragraph",
-      mr: 4
-    }, "#Left"), /* @__PURE__ */ import_react.default.createElement(import_Flex.default, {
-      flex: 1,
-      justifyContent: "space-between"
-    }, children, /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-      fontWeight: "semiBold",
-      variant: "paragraph",
-      color: "inherit"
-    }, "#Right")))
-  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Option.Option,
+    {
+      ...props,
+      render: ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flex: 1, alignItems: "center" }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, { fontWeight: "semiBold", variant: "paragraph", mr: 4 }, "#Left"), /* @__PURE__ */ import_react.default.createElement(import_Flex.default, { flex: 1, justifyContent: "space-between" }, children, /* @__PURE__ */ import_react.default.createElement(import_Text.default, { fontWeight: "semiBold", variant: "paragraph", color: "inherit" }, "#Right")))
+    }
+  );
 };
 const CustomOptions = (args) => {
   const [value, setValue] = import_react.default.useState();
-  return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    options,
-    value,
-    onChange: setValue,
-    components: { Option: CustomOption },
-    menuPortalTarget: document.body,
-    ...args
-  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_index.default,
+    {
+      options,
+      value,
+      onChange: setValue,
+      components: { Option: CustomOption },
+      menuPortalTarget: document.body,
+      ...args
+    }
+  );
 };
 CustomOptions.parameters = {
   docs: {
@@ -471,14 +460,17 @@ CustomOptions.parameters = {
 };
 const DisabledOption = (args) => {
   const [value, setValue] = import_react.default.useState(null);
-  return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    options,
-    value,
-    onChange: setValue,
-    isOptionDisabled: (option) => option.value === "lemon",
-    menuPortalTarget: document.body,
-    ...args
-  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_index.default,
+    {
+      options,
+      value,
+      onChange: setValue,
+      isOptionDisabled: (option) => option.value === "lemon",
+      menuPortalTarget: document.body,
+      ...args
+    }
+  );
 };
 DisabledOption.parameters = {
   docs: {
@@ -490,16 +482,19 @@ DisabledOption.parameters = {
 const hugeOptions = new Array(1e4).fill(0).map((_, i) => ({ label: "" + i, value: "" + i }));
 const VirtualList = (args) => {
   const [value, setValue] = import_react.default.useState(null);
-  return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    options: hugeOptions,
-    value,
-    onChange: setValue,
-    components: {
-      MenuList: import_VirtualMenuList.VirtualMenuList
-    },
-    menuPortalTarget: document.body,
-    ...args
-  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_index.default,
+    {
+      options: hugeOptions,
+      value,
+      onChange: setValue,
+      components: {
+        MenuList: import_VirtualMenuList.VirtualMenuList
+      },
+      menuPortalTarget: document.body,
+      ...args
+    }
+  );
 };
 VirtualList.parameters = {
   docs: {
@@ -510,14 +505,17 @@ VirtualList.parameters = {
 };
 const MultiSelect = (args) => {
   const [value, setValue] = import_react.default.useState([]);
-  return /* @__PURE__ */ import_react.default.createElement(import_index.default, {
-    isMulti: true,
-    options,
-    value,
-    onChange: setValue,
-    menuPortalTarget: document.body,
-    ...args
-  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_index.default,
+    {
+      isMulti: true,
+      options,
+      value,
+      onChange: setValue,
+      menuPortalTarget: document.body,
+      ...args
+    }
+  );
 };
 MultiSelect.parameters = {
   docs: {

package/lib/cjs/components/form/SelectInput/Select.stories.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SelectInput/Select.stories.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { useTheme } from \"styled-components\";\nimport { OptionProps, ValueContainerProps } from \"react-select\";\n\nimport Text from \"../../asorted/Text\";\nimport Flex from \"../../layout/Flex\";\nimport Grid from \"../../layout/Grid\";\nimport SearchMedium from \"@ledgerhq/icons-ui/react/SearchMedium\";\nimport SelectInput, { Props } from \"./index\";\nimport { Option } from \"./Option\";\nimport { VirtualMenuList } from \"./VirtualMenuList\";\nimport { ValueContainer } from \"./ValueContainer\";\nimport { StoryTemplate } from \"../../helpers\";\n\nconst description = `\n### A styled Select Input control\n\n> This component is based on [react-select](https://react-select.com/). Please refer to the [documentation](https://react-select.com/props) for an exhaustive list of available props.\n\n## Usage\n\n\\`\\`\\`jsx\n\nimport { SelectInput } from \"@ledgerhq/react-ui\"\n\n\\`\\`\\`\n\nBasically the component accepts a list of selectable options and a callback.\n\n\\`\\`\\`jsx\n// Minimal working example\n\nconst [value, setValue] = React.useState()\nconst options = [\n  { value: \"chocolate\", label: \"Chocolate\" },\n  { value: \"strawberry\", label: \"Strawberry\" },\n  { value: \"vanilla\", label: \"Vanilla\" },\n]\n\n<SelectInput\n  options={options}\n  value={value}\n  onChange={setValue}\n/>\n\\`\\`\\`\n\n## Portaling\n\nThe opened menu is not rendered inside a portal by default.\n\n- Use the \\`menuPortalTarget\\` [prop](https://react-select.com/advanced#portaling) to specify a node to root the portal.\n- To specify a custom z-index you will need to override the \\`menuPortal\\` style.\n\n\\`\\`\\`jsx\n<SelectInput\n  menuPortalTarget={document.body}\n  styles={{ menuPortal: (provided) => ({ ...provided, zIndex: 2 }) }}\n/>\n\\`\\`\\`\n\n## Extending Styles\n\nreact-select has built in support for [overriding styles](https://react-select.com/styles#provided-styles-and-state).\n\n#### Using the \\`extendStyles\\` props\n\nSelectInput contains custom built-in styles to integrate the select control with the rest of the Ledger design.\n\nThe \\`extendStyles\\` prop is a function that will allow you to compose new styles.\nThe function argument is a map between the react-select provided styles and additional ones.\n\n\\`\\`\\`jsx\n/*\n  The \"styles\" argument is an object containing component names as keys and functions as values.\n  These functions take as arguments the styles provided by react-select and return an object of additional styles.\n*/\nconst extendStyles = (styles) => ({\n  ...styles,\n  menuPortal: (provided) => {\n    return {\n      // \"styles.menuPortal\" will exist if SelectInput has custom styles for this component.\n      // Otherwise, use the react-select provided ones.\n      ...((styles.menuPortal && styles.menuPortal(provided)) || { ...provided }),\n      // Then extend the output with your own styles!\n      zIndex: 2,\n    };\n  },\n});\n\n<SelectInput extendStyles={extendStyles} />\n\\`\\`\\`\n\n#### Using the \\`styles\\` prop\n\nTo completely override the SelectInput styles, use the \\`style\\` prop.\n\n\\`\\`\\`jsx\n// The \"provided\" argument will only contain the base react-select styles.\nconst styles = { menuPortal: (provided) => ({ ...provided, zIndex: 2 }) }\n\n<SelectInput styles={styles} />\n\\`\\`\\`\n\n## Extending Components\n\nreact-select has built in support for [extending components](https://react-select.com/components).\n\nTo override components use the \\`components\\` prop:\n\n\\`\\`\\`jsx\n\n<SelectInput components={{ Option: ColorOption, ValueContainer: ColorValueContainer }} />\n\n\\`\\`\\`\n\nIf you would like to re-use inner SelectInput components you can import them like so:\n\n\\`\\`\\`jsx\n// Import them as modules\nimport * as DropdownIndicatorModule from \"@ledgerhq/react-ui/components/form/SelectInput/DropdownIndicator\";\nimport * as ValueContainerModule from \"@ledgerhq/react-ui/components/form/SelectInput/ValueContainer\";\nimport * as ControlModule from \"@ledgerhq/react-ui/components/form/SelectInput/Control\";\nimport * as MenuListModule from \"@ledgerhq/react-ui/components/form/SelectInput/MenuList\";\nimport * as OptionModule from \"@ledgerhq/react-ui/components/form/SelectInput/Option\";\n\n// Then each module contains the component definition and the associated style\nconst { DropdownIndicator, getStyles } = DropdownIndicatorModule\n\n<SelectInput\n  components={{dropdownIndicator: DropdownIndicator}}\n  styles={{dropdownIndicator: getStyles}}\n/>\n\\`\\`\\`\n\n## Sandbox\n\nThe following advanced example showcases how to override components and styles and disable elements.\n`;\n\nexport default {\n  title: \"Form/Input/Select\",\n  component: SelectInput,\n  argTypes: {\n    value: { table: { disable: true } },\n    renderLeft: { table: { disable: true } },\n    renderRight: { table: { disable: true } },\n    rowHeight: { table: { disable: true } },\n    isDisabled: { type: \"boolean\" },\n    error: { type: \"string\" },\n    menuIsOpen: { type: \"boolean\" },\n  },\n  parameters: {\n    docs: {\n      description: { component: description },\n    },\n  },\n};\n\nconst options = [\n  // Labels contain muttons spaces (U+2003 character).\n  // Do not replace with a regular space please!\n  { value: \"chocolate\", label: \"\uD83C\uDF6B\u2003Chocolate\" },\n  { value: \"strawberry\", label: \"\uD83C\uDF53\u2003Strawberry\" },\n  { value: \"lemon\", label: \"\uD83C\uDF4B\u2003Lemon\" },\n  { value: \"vanilla\", label: \"\uD83C\uDF66\u2003Vanilla\" },\n];\n\nconst cssColors = [\n  \"aliceblue\",\n  \"antiquewhite\",\n  \"aqua\",\n  \"aquamarine\",\n  \"azure\",\n  \"beige\",\n  \"bisque\",\n  \"black\",\n  \"blanchedalmond\",\n  \"blue\",\n  \"blueviolet\",\n  \"brown\",\n  \"burlywood\",\n  \"cadetblue\",\n  \"chartreuse\",\n  \"chocolate\",\n  \"coral\",\n  \"cornflowerblue\",\n  \"cornsilk\",\n  \"crimson\",\n  \"cyan\",\n  \"darkblue\",\n  \"darkcyan\",\n  \"darkgoldenrod\",\n  \"darkgray\",\n  \"darkgreen\",\n  \"darkgrey\",\n  \"darkkhaki\",\n  \"darkmagenta\",\n  \"darkolivegreen\",\n  \"darkorange\",\n  \"darkorchid\",\n  \"darkred\",\n  \"darksalmon\",\n  \"darkseagreen\",\n  \"darkslateblue\",\n  \"darkslategray\",\n  \"darkslategrey\",\n  \"darkturquoise\",\n  \"darkviolet\",\n  \"deeppink\",\n  \"deepskyblue\",\n  \"dimgray\",\n  \"dimgrey\",\n  \"dodgerblue\",\n  \"firebrick\",\n  \"floralwhite\",\n  \"forestgreen\",\n  \"fuchsia\",\n  \"gainsboro\",\n  \"ghostwhite\",\n  \"gold\",\n  \"goldenrod\",\n  \"gray\",\n  \"green\",\n  \"greenyellow\",\n  \"grey\",\n  \"honeydew\",\n  \"hotpink\",\n  \"indianred\",\n  \"indigo\",\n  \"ivory\",\n  \"khaki\",\n  \"lavender\",\n  \"lavenderblush\",\n  \"lawngreen\",\n  \"lemonchiffon\",\n  \"lightblue\",\n  \"lightcoral\",\n  \"lightcyan\",\n  \"lightgoldenrodyellow\",\n  \"lightgray\",\n  \"lightgreen\",\n  \"lightgrey\",\n  \"lightpink\",\n  \"lightsalmon\",\n  \"lightseagreen\",\n  \"lightskyblue\",\n  \"lightslategray\",\n  \"lightslategrey\",\n  \"lightsteelblue\",\n  \"lightyellow\",\n  \"lime\",\n  \"limegreen\",\n  \"linen\",\n  \"magenta\",\n  \"maroon\",\n  \"mediumaquamarine\",\n  \"mediumblue\",\n  \"mediumorchid\",\n  \"mediumpurple\",\n  \"mediumseagreen\",\n  \"mediumslateblue\",\n  \"mediumspringgreen\",\n  \"mediumturquoise\",\n  \"mediumvioletred\",\n  \"midnightblue\",\n  \"mintcream\",\n  \"mistyrose\",\n  \"moccasin\",\n  \"navajowhite\",\n  \"navy\",\n  \"oldlace\",\n  \"olive\",\n  \"olivedrab\",\n  \"orange\",\n  \"orangered\",\n  \"orchid\",\n  \"palegoldenrod\",\n  \"palegreen\",\n  \"paleturquoise\",\n  \"palevioletred\",\n  \"papayawhip\",\n  \"peachpuff\",\n  \"peru\",\n  \"pink\",\n  \"plum\",\n  \"powderblue\",\n  \"purple\",\n  \"red\",\n  \"rosybrown\",\n  \"royalblue\",\n  \"saddlebrown\",\n  \"salmon\",\n  \"sandybrown\",\n  \"seagreen\",\n  \"seashell\",\n  \"sienna\",\n  \"silver\",\n  \"skyblue\",\n  \"slateblue\",\n  \"slategray\",\n  \"slategrey\",\n  \"snow\",\n  \"springgreen\",\n  \"steelblue\",\n  \"tan\",\n  \"teal\",\n  \"thistle\",\n  \"tomato\",\n  \"turquoise\",\n  \"violet\",\n  \"wheat\",\n  \"white\",\n  \"whitesmoke\",\n  \"yellow\",\n  \"yellowgreen\",\n];\n\ntype SelectItem = { label: string; value: string };\n\nconst colorOptions = cssColors.map((color) => ({ label: color, value: color }));\nconst ColorOption = (props: OptionProps<SelectItem, false>) => {\n  return (\n    <Option\n      {...props}\n      render={({ children }) => (\n        <Flex flex={1} py={2} alignItems=\"center\">\n          <Flex mr={4} p={4} style={{ background: props.data.value }} />\n          <Flex flex={1} style={{ textTransform: \"capitalize\" }}>\n            {children}\n          </Flex>\n        </Flex>\n      )}\n    />\n  );\n};\nconst ColorValueContainer = (props: ValueContainerProps<SelectItem, false>) => {\n  return (\n    <ValueContainer\n      render={({ children }) => (\n        <Grid alignItems=\"center\" style={{ textTransform: \"capitalize\" }}>\n          {children}\n        </Grid>\n      )}\n      {...props}\n    />\n  );\n};\n\nexport const Default: StoryTemplate<Props<SelectItem>> = (args) => {\n  const [value, setValue] = React.useState<SelectItem | null>(null);\n\n  return (\n    <SelectInput\n      options={colorOptions}\n      value={value}\n      onChange={setValue}\n      placeholder=\"Pick a color\"\n      isClearable\n      isOptionDisabled={(option) => option.value.startsWith(\"b\")}\n      components={{ Option: ColorOption, ValueContainer: ColorValueContainer }}\n      renderLeft={(_) => value && <Flex mr={4} p={4} style={{ background: value.value }} />}\n      menuPortalTarget={document.body}\n      styles={{ menuPortal: (provided) => ({ ...provided, zIndex: 2 }) }}\n      {...args}\n    />\n  );\n};\n\nexport const Minimal: StoryTemplate<Props<SelectItem>> = (args) => {\n  const [value, setValue] = React.useState<SelectItem | null>(null);\n\n  return (\n    <SelectInput\n      options={options}\n      value={value}\n      onChange={setValue}\n      menuPortalTarget={document.body}\n      {...args}\n    />\n  );\n};\n\nMinimal.parameters = {\n  docs: {\n    description: {\n      story: \"This is a minimal working example with only required props.\",\n    },\n  },\n};\n\nexport const SideRenders: StoryTemplate<Props<SelectItem>> = (args) => {\n  const [value, setValue] = React.useState<SelectItem | null>(null);\n  const theme = useTheme();\n\n  return (\n    <SelectInput\n      options={options}\n      value={value}\n      onChange={setValue}\n      renderLeft={(props) => (\n        <Flex mr={3}>\n          <SearchMedium color={props.isDisabled ? \"currentColor\" : theme.colors.neutral.c70} />\n        </Flex>\n      )}\n      renderRight={() => (\n        <Text mr={4} fontWeight=\"semiBold\" variant={\"body\"} color=\"inherit\">\n          #Right\n        </Text>\n      )}\n      menuPortalTarget={document.body}\n      {...args}\n    />\n  );\n};\n\nSideRenders.parameters = {\n  docs: {\n    description: {\n      story:\n        \"This example has side renders - a magnifying glass icon on the left and custom label on the right.\",\n    },\n  },\n};\n\nconst CustomOption = (props: OptionProps<SelectItem, false>) => {\n  return (\n    <Option\n      {...props}\n      render={({ children }) => (\n        <Flex flex={1} alignItems=\"center\">\n          <Text fontWeight=\"semiBold\" variant={\"paragraph\"} mr={4}>\n            #Left\n          </Text>\n          <Flex flex={1} justifyContent=\"space-between\">\n            {children}\n            <Text fontWeight=\"semiBold\" variant={\"paragraph\"} color=\"inherit\">\n              #Right\n            </Text>\n          </Flex>\n        </Flex>\n      )}\n    />\n  );\n};\nexport const CustomOptions: StoryTemplate<Props<SelectItem>> = (args) => {\n  const [value, setValue] = React.useState<SelectItem | null>();\n\n  return (\n    <SelectInput\n      options={options}\n      value={value}\n      onChange={setValue}\n      components={{ Option: CustomOption }}\n      menuPortalTarget={document.body}\n      {...args}\n    />\n  );\n};\n\nCustomOptions.parameters = {\n  docs: {\n    description: {\n      story: \"Here the `Option` component is overriden to display side labels (#Left and #Right).\",\n    },\n  },\n};\n\nexport const DisabledOption: StoryTemplate<Props<SelectItem>> = (args) => {\n  const [value, setValue] = React.useState<SelectItem | null>(null);\n\n  return (\n    <SelectInput\n      options={options}\n      value={value}\n      onChange={setValue}\n      isOptionDisabled={(option) => option.value === \"lemon\"}\n      menuPortalTarget={document.body}\n      {...args}\n    />\n  );\n};\n\nDisabledOption.parameters = {\n  docs: {\n    description: {\n      story:\n        \"Using the `isOptionDisabled` prop, options having a value that matches 'lemon' are disabled.\",\n    },\n  },\n};\n\nconst hugeOptions = new Array(10000).fill(0).map((_, i) => ({ label: \"\" + i, value: \"\" + i }));\nexport const VirtualList: StoryTemplate<Props<SelectItem>> = (args) => {\n  const [value, setValue] = React.useState<SelectItem | null>(null);\n\n  return (\n    <SelectInput\n      options={hugeOptions}\n      value={value}\n      onChange={setValue}\n      components={{\n        MenuList: VirtualMenuList,\n      }}\n      menuPortalTarget={document.body}\n      {...args}\n    />\n  );\n};\n\nVirtualList.parameters = {\n  docs: {\n    description: {\n      story:\n        \"This control contains a list of 10_000 elements. It uses the `VirtualMenuList` component to render the list inside a `react-window` wrapper.\",\n    },\n  },\n};\n\nexport const MultiSelect: StoryTemplate<Props<SelectItem, true>> = (args) => {\n  const [value, setValue] = React.useState<readonly SelectItem[]>([]);\n\n  return (\n    <SelectInput\n      isMulti\n      options={options}\n      value={value}\n      onChange={setValue}\n      menuPortalTarget={document.body}\n      {...args}\n    />\n  );\n};\n\nMultiSelect.parameters = {\n  docs: {\n    description: {\n      story: \"A standard selector with multiselection using the `isMulti` prop.\",\n    },\n  },\n};\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["SelectInput", "React", "Flex", "Grid", "SearchMedium", "Text"]
 }

package/lib/cjs/components/form/SelectInput/ValueContainer.js

@@ -1,33 +1,40 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ValueContainer_exports = {};
+__export(ValueContainer_exports, {
   ValueContainer: () => ValueContainer,
   getStyles: () => getStyles
 });
-var import_react = __toModule(require("react"));
-var import_react_select = __toModule(require("react-select"));
-var import_Text = __toModule(require("../../asorted/Text"));
+module.exports = __toCommonJS(ValueContainer_exports);
+var import_react = __toESM(require("react"));
+var import_react_select = require("react-select");
+var import_Text = __toESM(require("../../asorted/Text"));
 function getStyles() {
   return (provided) => ({
     ...provided,
@@ -36,13 +43,15 @@ function getStyles() {
 }
 function ValueContainer(props) {
   const color = props.selectProps.isDisabled ? "neutral.c60" : "neutral.c100";
-  return /* @__PURE__ */ import_react.default.createElement(import_react_select.components.ValueContainer, {
-    ...props
-  }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, {
-    as: "div",
-    variant: "paragraph",
-    color,
-    style: { display: "inherit", alignItems: "center" }
-  }, props.render ? props.render(props) : props.children));
+  return /* @__PURE__ */ import_react.default.createElement(import_react_select.components.ValueContainer, { ...props }, /* @__PURE__ */ import_react.default.createElement(
+    import_Text.default,
+    {
+      as: "div",
+      variant: "paragraph",
+      color,
+      style: { display: "inherit", alignItems: "center" }
+    },
+    props.render ? props.render(props) : props.children
+  ));
 }
 //# sourceMappingURL=ValueContainer.js.map

package/lib/cjs/components/form/SelectInput/ValueContainer.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/components/form/SelectInput/ValueContainer.tsx"],
   "sourcesContent": ["import React from \"react\";\nimport { components, GroupBase, StylesConfig, ValueContainerProps } from \"react-select\";\nimport Text from \"../../asorted/Text\";\n\nexport function getStyles<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(): StylesConfig<O, M, G>[\"valueContainer\"] {\n  return (provided) => ({\n    ...provided,\n    padding: 0,\n  });\n}\n\ntype ExtraProps<O = unknown, M extends boolean = false, G extends GroupBase<O> = GroupBase<O>> = {\n  /* A render function to customize the contents. */\n  render?: (props: React.PropsWithChildren<ValueContainerProps<O, M, G>>) => React.ReactNode;\n};\nexport function ValueContainer<\n  O = unknown,\n  M extends boolean = false,\n  G extends GroupBase<O> = GroupBase<O>,\n>(props: ValueContainerProps<O, M, G> & ExtraProps<O, M, G>): JSX.Element {\n  const color = props.selectProps.isDisabled ? \"neutral.c60\" : \"neutral.c100\";\n  return (\n    <components.ValueContainer {...props}>\n      <Text\n        as=\"div\"\n        variant=\"paragraph\"\n        color={color}\n        style={{ display: \"inherit\", alignItems: \"center\" }}\n      >\n        {props.render ? props.render(props) : props.children}\n      </Text>\n    </components.ValueContainer>\n  );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAyE;AACzE,kBAAiB;AAEV,qBAIsC;AAC3C,SAAO,CAAC,aAAc;AAAA,OACjB;AAAA,IACH,SAAS;AAAA;AAAA;AAQN,wBAIL,OAAwE;AACxE,QAAM,QAAQ,MAAM,YAAY,aAAa,gBAAgB;AAC7D,SACE,mDAAC,+BAAW,gBAAZ;AAAA,OAA+B;AAAA,KAC7B,mDAAC,qBAAD;AAAA,IACE,IAAG;AAAA,IACH,SAAQ;AAAA,IACR;AAAA,IACA,OAAO,EAAE,SAAS,WAAW,YAAY;AAAA,KAExC,MAAM,SAAS,MAAM,OAAO,SAAS,MAAM;AAAA;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAyE;AACzE,kBAAiB;AAEV,SAAS,YAI6B;AAC3C,SAAO,CAAC,cAAc;AAAA,IACpB,GAAG;AAAA,IACH,SAAS;AAAA,EACX;AACF;AAMO,SAAS,eAId,OAAwE;AACxE,QAAM,QAAQ,MAAM,YAAY,aAAa,gBAAgB;AAC7D,SACE,6BAAAA,QAAA,cAAC,+BAAW,gBAAX,EAA2B,GAAG,SAC7B,6BAAAA,QAAA;AAAA,IAAC,YAAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,SAAQ;AAAA,MACR;AAAA,MACA,OAAO,EAAE,SAAS,WAAW,YAAY,SAAS;AAAA;AAAA,IAEjD,MAAM,SAAS,MAAM,OAAO,KAAK,IAAI,MAAM;AAAA,EAC9C,CACF;AAEJ;",
+  "names": ["React", "Text"]
 }