@ledgerhq/react-ui 0.14.8 → 0.14.10-next.0

package/lib/cjs/components/asorted/Icon/Providers.stories.js

@@ -1,123 +0,0 @@
-"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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-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 to;
-};
-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 Providers_stories_exports = {};
-__export(Providers_stories_exports, {
-  List: () => List,
-  SingleIcon: () => SingleIcon,
-  default: () => Providers_stories_default
-});
-module.exports = __toCommonJS(Providers_stories_exports);
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ProviderIcon = __toESM(require("./ProviderIcon"));
-var import__ = require("../../..");
-const ScrollArea = (0, import_styled_components.default)(import__.Grid)`
-  flex: 1;
-  height: auto;
-  ${(p) => p.theme.overflow.y};
-`;
-const Container = (0, import_styled_components.default)(import__.Flex).attrs({
-  flex: 1,
-  flexDirection: "column",
-  p: 4
-})`
-  overflow: hidden;
-  height: calc(100vh - 4em);
-`;
-const IconContainer = (0, import_styled_components.default)(import__.Flex).attrs({
-  flexDirection: "column",
-  justifyContent: "flex-end",
-  alignItems: "center",
-  p: 4
-})`
-  ${(p) => p.active ? `background-color: ${p.theme.colors.neutral.c20};` : ``}
-  border-radius: 4px;
-  height: 100px;
-`;
-const Bold = import_styled_components.default.b`
-  color: ${(p) => p.theme.colors.primary.c80};
-`;
-const Story = {
-  title: "Asorted/Icons/ProviderIcons",
-  argTypes: {
-    size: {
-      type: "enum",
-      description: "Icon size",
-      defaultValue: "L",
-      control: {
-        options: Object.keys(import_ProviderIcon.sizes)
-      }
-    },
-    boxed: {
-      type: "boolean",
-      description: "Boxed",
-      defaultValue: false
-    },
-    name: {
-      type: "string"
-      // defaultValue: "Aave",
-      // description: "[Only for single icon], Icon name",
-      // control: {
-      //   options: iconNames,
-      //   control: {
-      //     type: "select",
-      //   },
-      // },
-    }
-  }
-};
-var Providers_stories_default = Story;
-const ListTemplate = (args) => {
-  const [search, setSearch] = (0, import_react.useState)("");
-  const s = search.toLowerCase();
-  const regexp = new RegExp(s, "i");
-  return /* @__PURE__ */ import_react.default.createElement(Container, null, /* @__PURE__ */ import_react.default.createElement(import__.SearchInput, { value: search, onChange: setSearch }), /* @__PURE__ */ import_react.default.createElement(
-    ScrollArea,
-    {
-      gridTemplateColumns: "repeat(auto-fill, 100px);",
-      gridTemplateRows: "repeat(auto-fill, 100px);",
-      gridGap: 4,
-      mt: 4
-    },
-    import_ProviderIcon.iconNames.sort((a, b) => {
-      return s ? b.toLowerCase().indexOf(s) - a.toLowerCase().indexOf(s) : a.localeCompare(b);
-    }).map((name) => {
-      const match = name.match(regexp);
-      const active = s && match;
-      const index = (match == null ? void 0 : match.index) ?? 0;
-      return /* @__PURE__ */ import_react.default.createElement(IconContainer, { active: !!active }, /* @__PURE__ */ import_react.default.createElement(import__.Flex, { flex: 1, justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ import_react.default.createElement(import_ProviderIcon.default, { key: name, name, size: args.size, boxed: args.boxed })), /* @__PURE__ */ import_react.default.createElement(import__.Text, { variant: "extraSmall" }, active ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, name.substr(0, index), /* @__PURE__ */ import_react.default.createElement(Bold, null, name.substr(index, s.length)), name.substr(index + s.length)) : name));
-    })
-  ));
-};
-const FlagTemplate = (args) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_ProviderIcon.default, { ...args });
-};
-const List = ListTemplate.bind({});
-const SingleIcon = FlagTemplate.bind({});
-//# sourceMappingURL=Providers.stories.js.map

package/lib/cjs/components/asorted/Icon/Providers.stories.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/asorted/Icon/Providers.stories.tsx"],
-  "sourcesContent": ["import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport ProviderIcon, {\n  iconNames,\n  Props as ProviderIconProps,\n  sizes as providerSizes,\n} from \"./ProviderIcon\";\nimport { Text, SearchInput, Flex, Grid } from \"../../..\";\n\nconst ScrollArea = styled(Grid)`\n  flex: 1;\n  height: auto;\n  ${p => p.theme.overflow.y};\n`;\n\nconst Container = styled(Flex).attrs({\n  flex: 1,\n  flexDirection: \"column\",\n  p: 4,\n})`\n  overflow: hidden;\n  height: calc(100vh - 4em);\n`;\n\nconst IconContainer = styled(Flex).attrs<{ active?: boolean }>({\n  flexDirection: \"column\",\n  justifyContent: \"flex-end\",\n  alignItems: \"center\",\n  p: 4,\n})<{ active?: boolean }>`\n  ${p => (p.active ? `background-color: ${p.theme.colors.neutral.c20};` : ``)}\n  border-radius: 4px;\n  height: 100px;\n`;\n\nconst Bold = styled.b`\n  color: ${p => p.theme.colors.primary.c80};\n`;\n\nconst Story = {\n  title: \"Asorted/Icons/ProviderIcons\",\n  argTypes: {\n    size: {\n      type: \"enum\",\n      description: \"Icon size\",\n      defaultValue: \"L\",\n      control: {\n        options: Object.keys(providerSizes),\n      },\n    },\n    boxed: {\n      type: \"boolean\",\n      description: \"Boxed\",\n      defaultValue: false,\n    },\n    name: {\n      type: \"string\",\n      // defaultValue: \"Aave\",\n      // description: \"[Only for single icon], Icon name\",\n      // control: {\n      //   options: iconNames,\n      //   control: {\n      //     type: \"select\",\n      //   },\n      // },\n    },\n  },\n};\nexport default Story;\n\nconst ListTemplate = (args: ProviderIconProps) => {\n  const [search, setSearch] = useState(\"\");\n  const s = search.toLowerCase();\n  const regexp = new RegExp(s, \"i\");\n\n  return (\n    <Container>\n      <SearchInput value={search} onChange={setSearch} />\n      <ScrollArea\n        gridTemplateColumns=\"repeat(auto-fill, 100px);\"\n        gridTemplateRows=\"repeat(auto-fill, 100px);\"\n        gridGap={4}\n        mt={4}\n      >\n        {iconNames\n          .sort((a: string, b: string) => {\n            return s ? b.toLowerCase().indexOf(s) - a.toLowerCase().indexOf(s) : a.localeCompare(b);\n          })\n          .map(name => {\n            const match = name.match(regexp);\n            const active = s && match;\n            const index = match?.index ?? 0;\n            return (\n              <IconContainer active={!!active}>\n                <Flex flex={1} justifyContent=\"center\" alignItems=\"center\">\n                  <ProviderIcon key={name} name={name} size={args.size} boxed={args.boxed} />\n                </Flex>\n                <Text variant=\"extraSmall\">\n                  {active ? (\n                    <>\n                      {name.substr(0, index)}\n                      <Bold>{name.substr(index, s.length)}</Bold>\n                      {name.substr(index + s.length)}\n                    </>\n                  ) : (\n                    name\n                  )}\n                </Text>\n              </IconContainer>\n            );\n          })}\n      </ScrollArea>\n    </Container>\n  );\n};\nconst FlagTemplate = (args: ProviderIconProps) => {\n  return <ProviderIcon {...args} />;\n};\n\nexport const List = ListTemplate.bind({});\nexport const SingleIcon = FlagTemplate.bind({});\n"],
-  "mappings": "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",
-  "names": ["styled", "providerSizes", "React", "ProviderIcon"]
-}

package/lib/components/asorted/Icon/ProviderIcon.d.ts

@@ -1,22 +0,0 @@
-import React from "react";
-export declare const sizes: {
-    XXS: number;
-    XS: number;
-    S: number;
-    M: number;
-    L: number;
-    XL: number;
-};
-export type ProviderSizes = keyof typeof sizes;
-export type Props = {
-    name: string;
-    size?: ProviderSizes;
-    boxed?: boolean;
-};
-export declare const iconNames: string[];
-export type IconGetterProps = {
-    search: string;
-    object: Record<string, React.ReactNode>;
-};
-declare const ProviderIcon: ({ name, size, boxed }: Props) => JSX.Element | null;
-export default ProviderIcon;

package/lib/components/asorted/Icon/ProviderIcon.js

@@ -1,50 +0,0 @@
-import * as providers from "@ledgerhq/icons-ui/reactLegacy/Providers/index";
-import * as providersBoxed from "@ledgerhq/icons-ui/reactLegacy/ProvidersBoxed/index";
-import React from "react";
-import FlexBox from "../../layout/Flex";
-export const sizes = {
-    XXS: 16,
-    XS: 24,
-    S: 32,
-    M: 40,
-    L: 48,
-    XL: 56,
-};
-export const iconNames = Array.from(Object.keys(providers).reduce((set, rawKey) => {
-    const key = rawKey
-        .replace(/(.+)(Regular|Light|UltraLight|Thin|Medium)+$/g, "$1")
-        .replace(/(.+)(Ultra)+$/g, "$1")
-        .replace(/^_/, "");
-    if (!set.has(key))
-        set.add(key);
-    return set;
-}, new Set()));
-const getIconCaseInsensitive = ({ search, object }) => {
-    const asLower = search.toLowerCase();
-    const key = Object.keys(object).find(key => key.toLowerCase().replace(/^_/, "") === asLower);
-    return key ? object[key] : null;
-};
-const ProviderIcon = ({ name, size = "S", boxed = false }) => {
-    const maybeIconName = `${name}`;
-    if (boxed) {
-        const BoxedComponent = getIconCaseInsensitive({
-            search: maybeIconName,
-            object: providersBoxed,
-        });
-        if (BoxedComponent) {
-            return (React.createElement(FlexBox, { width: sizes[size], height: sizes[size], borderRadius: 8, overflow: "hidden" },
-                React.createElement(BoxedComponent, { size: sizes[size] })));
-        }
-        return null;
-    }
-    const Component = getIconCaseInsensitive({
-        search: maybeIconName,
-        object: providers,
-    });
-    if (Component) {
-        return React.createElement(Component, { size: sizes[size] });
-    }
-    return null;
-};
-export default ProviderIcon;
-//# sourceMappingURL=ProviderIcon.js.map

package/lib/components/asorted/Icon/ProviderIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProviderIcon.js","sourceRoot":"","sources":["../../../../src/components/asorted/Icon/ProviderIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,gDAAgD,CAAC;AAC5E,OAAO,KAAK,cAAc,MAAM,qDAAqD,CAAC;AAEtF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,mBAAmB,CAAC;AAExC,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,EAAE;IACN,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,EAAE;CACP,CAAC;AAUF,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CACjC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;IAC5C,MAAM,GAAG,GAAG,MAAM;SACf,OAAO,CAAC,+CAA+C,EAAE,IAAI,CAAC;SAC9D,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC;SAC/B,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACrB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAChC,OAAO,GAAG,CAAC;AACb,CAAC,EAAE,IAAI,GAAG,EAAU,CAAC,CACtB,CAAC;AAOF,MAAM,sBAAsB,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAmB,EAAE,EAAE;IACrE,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IACrC,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC;IAC7F,OAAO,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,GAAG,EAAE,KAAK,GAAG,KAAK,EAAS,EAAsB,EAAE;IACtF,MAAM,aAAa,GAAG,GAAG,IAAI,EAAE,CAAC;IAEhC,IAAI,KAAK,EAAE;QACT,MAAM,cAAc,GAAG,sBAAsB,CAAC;YAC5C,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,cAAc;SACvB,CAAsB,CAAC;QACxB,IAAI,cAAc,EAAE;YAClB,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ;gBACnF,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,GAAI,CAC7B,CACX,CAAC;SACH;QACD,OAAO,IAAI,CAAC;KACb;IACD,MAAM,SAAS,GAAG,sBAAsB,CAAC;QACvC,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,SAAS;KAClB,CAAsB,CAAC;IACxB,IAAI,SAAS,EAAE;QACb,OAAO,oBAAC,SAAS,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,GAAI,CAAC;KACzC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}