@bosonprotocol/react-kit 0.31.1 → 0.32.0-alpha.0

package/src/components/ui/ThemedButton.tsx

@@ -1,104 +1,11 @@
-import React, { ButtonHTMLAttributes, forwardRef, Fragment } from "react";
-import styled, { css, ThemeProvider } from "styled-components";
+import React, { ButtonHTMLAttributes, forwardRef } from "react";
 
-import { zIndex } from "./zIndex";
-import { Tooltip } from "../tooltip/Tooltip";
-import * as Styles from "./styles";
-import { Typography } from "./Typography";
 import { theme } from "../../theme";
-import { Loading } from "../Loading";
+import { BaseButton } from "../buttons/BaseButton";
 import { ButtonSize } from "./buttonSize";
 
 const colors = theme.colors.light;
 
-const BaseButton = styled.button<{
-  size: IButton["size"];
-  fill: IButton["fill"];
-}>`
-  ${() => Styles.button};
-  ${(props) => Styles[props.size as keyof typeof Styles]}
-  border-style: solid;
-  border-color: ${(props) => props.theme.borderColor || "transparent"};
-  border-width: ${(props) => props.theme.borderWidth || 0}px;
-  color: ${(props) => props.theme.color || "#000000"};
-  background-color: ${(props) => props.theme.background || "transparent"};
-  svg {
-    stroke: ${(props) => props.theme.color || "#000000"};
-  }
-  ${(props) =>
-    props.fill
-      ? css`
-          width: 100%;
-        `
-      : ""};
-  ${(props) =>
-    props.theme.hover &&
-    css`
-      &:hover:not(:disabled) {
-        background-color: ${props.theme.hover.background};
-        ${props.theme.hover.color &&
-        css`
-          color: ${props.theme.hover.color} !important;
-          svg {
-            fill: ${props.theme.hover.color} !important;
-            line {
-              stroke: ${props.theme.hover.color} !important;
-            }
-            polyline {
-              stroke: ${props.theme.hover.color} !important;
-            }
-            path {
-              stroke: ${props.theme.hover.color} !important;
-            }
-          }
-        `};
-        ${props.theme.hover.borderColor &&
-        css`
-          border-color: ${props.theme.hover.borderColor};
-        `};
-      }
-    `}
-  ${(props) =>
-    props.theme.padding
-      ? css`
-          padding: ${props.theme.padding} !important;
-        `
-      : ""}
-
-  ${(props) =>
-    props.theme.disabled
-      ? css`
-          &:disabled {
-            background-color: ${props.theme.disabled.background ||
-            "transparent"};
-            color: ${props.theme.disabled.color || colors.darkGrey};
-            border-color: transparent;
-            cursor: not-allowed;
-            opacity: 0.5;
-          }
-        `
-      : css`
-          &:disabled {
-            background-color: ${colors.lightGrey};
-            color: ${colors.darkGrey};
-            border-color: transparent;
-            cursor: not-allowed;
-            opacity: 0.5;
-          }
-        `};
-`;
-
-const ChildWrapperButton = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 12px;
-  position: relative;
-  z-index: ${zIndex.Button};
-
-  ${() => Styles.buttonText};
-`;
-
 const allThemes = ({ withBosonStyle }: { withBosonStyle?: boolean }) => {
   return {
     primary: {
@@ -325,57 +232,13 @@ export type IButton = ButtonHTMLAttributes<HTMLButtonElement> & {
 };
 
 const ThemedButton = forwardRef<HTMLButtonElement, IButton>(
-  (
-    {
-      children,
-      onClick,
-      size = "regular",
-      themeVal = "primary",
-      type = "button",
-      step = 0,
-      fill = false,
-      isLoading = false,
-      tooltip = "",
-      withBosonStyle = false,
-      ...rest
-    },
-    ref
-  ) => {
-    const Wrapper = tooltip !== "" && rest?.disabled ? Tooltip : Fragment;
-    const wrapperParams =
-      tooltip !== "" && rest?.disabled ? { wrap: false, content: tooltip } : {};
+  ({ themeVal = "primary", withBosonStyle = false, ...rest }, ref) => {
     return (
-      <>
-        {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-        {/* @ts-ignore */}
-        <ThemeProvider theme={allThemes({ withBosonStyle })[themeVal]}>
-          {/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */}
-          {/* @ts-ignore */}
-          <Wrapper {...wrapperParams}>
-            <BaseButton
-              onClick={onClick}
-              type={type}
-              size={size}
-              fill={fill ? fill : undefined}
-              {...rest}
-              ref={ref}
-            >
-              {isLoading ? (
-                <Loading />
-              ) : (
-                <ChildWrapperButton data-child-wrapper-button>
-                  {children}
-                  {step !== 0 && (
-                    <Typography>
-                      <small>Step {step}</small>
-                    </Typography>
-                  )}
-                </ChildWrapperButton>
-              )}
-            </BaseButton>
-          </Wrapper>
-        </ThemeProvider>
-      </>
+      <BaseButton
+        {...rest}
+        ref={ref}
+        theme={allThemes({ withBosonStyle })[themeVal]}
+      />
     );
   }
 );

package/src/components/ui/styles.ts

@@ -33,8 +33,11 @@ export const clamp = css`
   -webkit-box-orient: vertical;
 `;
 export const boxShadow = css`
-  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 0px 8px rgba(0, 0, 0, 0.05),
-    0px 0px 16px rgba(0, 0, 0, 0.05), 0px 0px 32px rgba(0, 0, 0, 0.05);
+  box-shadow:
+    0px 0px 4px rgba(0, 0, 0, 0.05),
+    0px 0px 8px rgba(0, 0, 0, 0.05),
+    0px 0px 16px rgba(0, 0, 0, 0.05),
+    0px 0px 32px rgba(0, 0, 0, 0.05);
 `;
 
 export const text = css`

package/src/hooks/useCurrentSellers.ts

@@ -259,15 +259,15 @@ export function useCurrentSellers(
   const sellerType: string[] | string[][] = resultById?.data
     ? resultById.data.map((d) => Object.keys(d))
     : resultByLensId?.data
-    ? Object.keys(resultByLensId.data)
-    : resultByAddress?.data?.sellerType || [];
+      ? Object.keys(resultByLensId.data)
+      : resultByAddress?.data?.sellerType || [];
 
   const sellerIdsToQuery: string[] =
     sellerAddressType === "SELLER_IDS"
       ? (sellerAddress as string[])
       : sellerAddressType === "LENS_TOKEN_ID" && resultByLensId?.data?.sellerId
-      ? [resultByLensId?.data.sellerId]
-      : [];
+        ? [resultByLensId?.data.sellerId]
+        : [];
   const enableSellerById = !!sellerIdsToQuery?.length;
   const { data: sellers2, refetch: refetchFetchSellers } = fetchSellers(
     sellerIdsToQuery,
@@ -360,10 +360,10 @@ export function useCurrentSellers(
       resultByAddress.data
         ? resultByAddress.data.sellers.map((seller) => seller.id)
         : sellerAddressType === "SELLER_IDS"
-        ? Array.isArray(sellerAddress)
-          ? sellerAddress
-          : [sellerAddress]
-        : []
+          ? Array.isArray(sellerAddress)
+            ? sellerAddress
+            : [sellerAddress]
+          : []
     ).filter((sellerId) => !!sellerId) as string[];
   }, [resultByAddress.data, sellerAddress, sellerAddressType]);
   return {

package/src/index.tsx

@@ -6,6 +6,7 @@ export { default as ThemedButton, IButton } from "./components/ui/ThemedButton";
 export * from "./components/ui/zIndex";
 export * from "./components/ui/buttonSize";
 export * from "./components/buttons/Button";
+export * from "./components/buttons/BaseButton";
 export * from "./components/buttons/CommitButtonView";
 export * from "./components/cta/exchange/BatchCompleteButton";
 export * from "./components/cta/exchange/CancelButton";
@@ -58,6 +59,7 @@ export * from "./components/ui/Grid";
 export * from "./components/ui/GridContainer";
 export * from "./components/ui/Typography";
 export * from "./components/ui/MuteButton";
+export * from "./components/form";
 export * from "./lib/magicLink/logout";
 export * from "./lib/magicLink/provider";
 export * from "./lib/const/networks";

package/src/stories/buttons/button.stories.tsx

@@ -1,88 +1,110 @@
-import React from "react";
-import { ComponentStory, ComponentMeta } from "@storybook/react";
-
+import { fn } from "@storybook/test";
 import { Button } from "../../components/buttons/Button";
+import React from "react";
+import { Meta } from "@storybook/react";
 
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
   title: "Visual Components/Buttons/Button",
-  component: Button
-} as ComponentMeta<typeof Button>;
+  component: Button,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: "centered"
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ["autodocs"],
+  args: { onClick: fn() },
+  argTypes: {
+    disabled: { control: "boolean" },
+    size: {
+      control: "select",
+      options: ["small", "regular", "large"]
+    },
+    children: { control: "text" },
+    tooltip: { control: "text" }
+  },
+  decorators: [
+    (Story) => {
+      return <Story />;
+    }
+  ]
+} satisfies Meta<typeof Button>;
 
 const BASE_ARGS = {
   children: "Button Text",
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  onClick: () => {},
-  size: "regular"
+  size: "regular",
+  tooltip: "tooltip shown when disabled only"
 } as const;
-// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-const Template: ComponentStory<typeof Button> = (args) => (
-  <Button {...BASE_ARGS} {...args} />
-);
-
-export const PrimaryFill: ComponentStory<typeof Button> = Template.bind({});
-
-export const PrimaryInverted: ComponentStory<typeof Button> = Template.bind({});
-
-export const SecondaryFill: ComponentStory<typeof Button> = Template.bind({});
-
-export const SecondaryInverted: ComponentStory<typeof Button> = Template.bind(
-  {}
-);
-
-export const AccentFill: ComponentStory<typeof Button> = Template.bind({});
-
-export const AccentInverted: ComponentStory<typeof Button> = Template.bind({});
-
-export const Disabled: ComponentStory<typeof Button> = Template.bind({});
-
-export const Loading: ComponentStory<typeof Button> = Template.bind({});
 
 // More on args: https://storybook.js.org/docs/react/writing-stories/args
-PrimaryFill.args = {
-  disabled: false,
-  loading: false,
-  variant: "primaryFill"
+export const PrimaryFill = {
+  args: {
+    ...BASE_ARGS,
+    disabled: false,
+    loading: false,
+    variant: "primaryFill"
+  }
 };
 
-PrimaryInverted.args = {
-  disabled: false,
-  loading: false,
-  variant: "primaryInverted"
+export const PrimaryInverted = {
+  args: {
+    ...BASE_ARGS,
+    disabled: false,
+    loading: false,
+    variant: "primaryInverted"
+  }
 };
 
-SecondaryFill.args = {
-  disabled: false,
-  loading: false,
-  variant: "secondaryFill"
+export const SecondaryFill = {
+  args: {
+    ...BASE_ARGS,
+    disabled: false,
+    loading: false,
+    variant: "secondaryFill"
+  }
 };
 
-SecondaryInverted.args = {
-  disabled: false,
-  loading: false,
-  variant: "secondaryInverted"
+export const SecondaryInverted = {
+  args: {
+    ...BASE_ARGS,
+    disabled: false,
+    loading: false,
+    variant: "secondaryInverted"
+  }
 };
 
-AccentFill.args = {
-  disabled: false,
-  loading: false,
-  variant: "accentFill"
+export const AccentFill = {
+  args: {
+    ...BASE_ARGS,
+    disabled: false,
+    loading: false,
+    variant: "accentFill"
+  }
 };
 
-AccentInverted.args = {
-  disabled: false,
-  loading: false,
-  variant: "accentInverted"
+export const AccentInverted = {
+  args: {
+    ...BASE_ARGS,
+    disabled: false,
+    loading: false,
+    variant: "accentInverted"
+  }
 };
 
-Disabled.args = {
-  disabled: true,
-  loading: false,
-  variant: "primaryFill"
+export const Disabled = {
+  args: {
+    ...BASE_ARGS,
+    disabled: true,
+    loading: false,
+    variant: "primaryFill"
+  }
 };
 
-Loading.args = {
-  disabled: false,
-  loading: true,
-  variant: "primaryFill"
+export const Loading = {
+  args: {
+    ...BASE_ARGS,
+    disabled: false,
+    loading: true,
+    variant: "primaryFill"
+  }
 };

package/src/stories/form/Input.stories.tsx

@@ -0,0 +1,67 @@
+import React from "react";
+import { Input } from "../../components/form";
+import { Formik } from "formik";
+import type { Meta } from "@storybook/react";
+import { fn } from "@storybook/test";
+const inputWithErrors = "With error";
+const defaultHeightSize = "regular";
+const inputName = "test";
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+export default {
+  title: "Visual Components/Inputs/Input",
+  component: Input,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: "centered"
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ["autodocs"],
+  // More on argTypes: https://storybook.js.org/docs/api/argtypes
+  argTypes: {
+    disabled: { control: "boolean" },
+    heightSize: {
+      control: "select",
+      options: ["small", "regular", "large"]
+    },
+    isClearable: { control: "boolean" }
+  },
+  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+  args: { onClick: fn() },
+  decorators: [
+    (Story, { name }) => {
+      return (
+        <Formik<{ [inputName]: unknown }>
+          onSubmit={() => {
+            //
+          }}
+          initialErrors={
+            name === inputWithErrors
+              ? { [inputName]: "Input error before typing!" }
+              : {}
+          }
+          initialValues={{ [inputName]: "" }}
+          initialTouched={{ [inputName]: true }}
+        >
+          <Story />
+        </Formik>
+      );
+    }
+  ] satisfies Meta<typeof Input>["decorators"]
+} satisfies Meta<typeof Input>;
+
+export const Simple = {
+  args: {
+    name: inputName,
+    placeholder: "this is a placeholder",
+    heightSize: defaultHeightSize
+  }
+};
+
+export const InputWithError = {
+  name: "With error",
+  args: {
+    name: inputName,
+    placeholder: "this is a placeholder",
+    heightSize: defaultHeightSize
+  }
+};

package/src/stories/ui/ThemedButton.stories.tsx

@@ -1,75 +1,102 @@
-import { ComponentStory, ComponentMeta } from "@storybook/react";
+import { Meta } from "@storybook/react";
 
-import ThemedButton, { IButton } from "../../components/ui/ThemedButton";
-import React from "react";
+import { fn } from "@storybook/test";
 import { CaretDown } from "phosphor-react";
+import React from "react";
+import ThemedButton from "../../components/ui/ThemedButton";
 
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
-  title: "Visual Components/UI/ThemedButton",
-  component: ThemedButton
-} as ComponentMeta<typeof ThemedButton>;
+  title: "Visual Components/Buttons/ThemedButton",
+  component: ThemedButton,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: "centered"
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ["autodocs"],
+  args: { onClick: fn() },
+  argTypes: {
+    disabled: { control: "boolean" },
+    size: {
+      control: "select",
+      options: ["small", "regular", "large"]
+    },
+    children: {
+      table: {
+        disable: true
+      }
+    },
+    onClick: {
+      table: {
+        disable: true
+      }
+    },
+    tooltip: { control: "text" }
+  },
+  decorators: [
+    (Story) => {
+      return <Story />;
+    }
+  ]
+} satisfies Meta<typeof ThemedButton>;
 
-const BASE_ARGS: Pick<IButton, "onClick" | "size" | "children"> = {
+const BASE_ARGS = {
   children: (
     <>
       Button Text <CaretDown size={16} />
     </>
   ),
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  onClick: () => {},
   size: "regular"
-};
-// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-const Template: ComponentStory<typeof ThemedButton> = (args) => (
-  <ThemedButton {...BASE_ARGS} {...args} />
-);
-
-export const Primary: ComponentStory<typeof ThemedButton> = Template.bind({});
-
-export const BosonPrimary: ComponentStory<typeof ThemedButton> = Template.bind(
-  {}
-);
-
-export const Secondary: ComponentStory<typeof ThemedButton> = Template.bind({});
-export const BosonSecondary: ComponentStory<typeof ThemedButton> =
-  Template.bind({});
-export const AccentFiil: ComponentStory<typeof ThemedButton> = Template.bind(
-  {}
-);
+} as const;
 
 // More on args: https://storybook.js.org/docs/react/writing-stories/args
-Primary.args = {
-  disabled: false,
-  isLoading: false,
-  theme: "primary",
-  withBosonStyle: false
+export const Primary = {
+  args: {
+    ...BASE_ARGS,
+    disabled: false,
+    isLoading: false,
+    themeVal: "primary",
+    withBosonStyle: false
+  }
 };
 
-BosonPrimary.args = {
-  disabled: false,
-  isLoading: false,
-  theme: "bosonPrimary",
-  withBosonStyle: true
+export const BosonPrimary = {
+  args: {
+    ...BASE_ARGS,
+    disabled: false,
+    isLoading: false,
+    themeVal: "bosonPrimary",
+    withBosonStyle: true
+  }
 };
 
-Secondary.args = {
-  disabled: false,
-  isLoading: false,
-  theme: "secondary",
-  withBosonStyle: false
+export const Secondary = {
+  args: {
+    ...BASE_ARGS,
+    disabled: false,
+    isLoading: false,
+    themeVal: "secondary",
+    withBosonStyle: false
+  }
 };
 
-BosonSecondary.args = {
-  disabled: false,
-  isLoading: false,
-  theme: "secondary",
-  withBosonStyle: true
+export const BosonSecondary = {
+  args: {
+    ...BASE_ARGS,
+    disabled: false,
+    isLoading: false,
+    themeVal: "secondary",
+    withBosonStyle: true
+  }
 };
 
-AccentFiil.args = {
-  disabled: false,
-  isLoading: false,
-  theme: "accentFill",
-  withBosonStyle: true
+export const AccentFiil = {
+  args: {
+    ...BASE_ARGS,
+    disabled: false,
+    isLoading: false,
+    themeVal: "accentFill",
+    withBosonStyle: true
+  }
 };

package/dist/cjs/components/form/TagsInput.d.ts

@@ -1,4 +0,0 @@
-import { TagsProps } from "./types";
-declare const TagsInput: ({ name, placeholder, onAddTag, onRemoveTag, compareTags, transform, label }: TagsProps) => JSX.Element;
-export default TagsInput;
-//# sourceMappingURL=TagsInput.d.ts.map

package/dist/cjs/components/form/TagsInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TagsInput.d.ts","sourceRoot":"","sources":["../../../../src/components/form/TagsInput.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,QAAA,MAAM,SAAS,gFASZ,SAAS,gBA6EX,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/cjs/components/form/TagsInput.js.map

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

package/dist/cjs/components/form/styles/TagsInput.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TagsInput.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/styles/TagsInput.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY,gNAQxB,CAAC;AAEF,eAAO,MAAM,MAAM,gNAWlB,CAAC;AACF,eAAO,MAAM,UAAU,gNAItB,CAAC;AAEF,eAAO,MAAM,KAAK,kNASjB,CAAC"}