@saleor/macaw-ui 0.7.2 → 0.8.0-dev.104

package/src/icons/indicator/regular/FailIndicatorIcon.tsx

@@ -1,31 +0,0 @@
-import * as React from "react";
-import { forwardRef, Ref, SVGProps } from "react";
-export const FailIndicatorIcon = forwardRef(
-  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 24 24"
-      ref={ref}
-      {...props}
-    >
-      <circle
-        cx={12}
-        cy={12}
-        r={8.25}
-        stroke="currentColor"
-        strokeWidth={1.5}
-      />
-      <path
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={1.5}
-        d="m6.5 6.5 11 11"
-      />
-    </svg>
-  )
-) as React.ForwardRefExoticComponent<
-  Partial<React.PropsWithoutRef<SVGProps<SVGSVGElement>>> &
-    React.RefAttributes<SVGSVGElement>
->;

package/src/icons/indicator/regular/FailOutlineIndicatorIcon.tsx

@@ -1,31 +0,0 @@
-import * as React from "react";
-import { forwardRef, Ref, SVGProps } from "react";
-export const FailOutlineIndicatorIcon = forwardRef(
-  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 24 24"
-      ref={ref}
-      {...props}
-    >
-      <circle
-        cx={12}
-        cy={12}
-        r={11.25}
-        stroke="currentColor"
-        strokeWidth={1.5}
-      />
-      <path
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={1.5}
-        d="m4.5 4.5 15 15"
-      />
-    </svg>
-  )
-) as React.ForwardRefExoticComponent<
-  Partial<React.PropsWithoutRef<SVGProps<SVGSVGElement>>> &
-    React.RefAttributes<SVGSVGElement>
->;

package/src/icons/indicator/regular/HelpIndicatorIcon.tsx

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { forwardRef, Ref, SVGProps } from "react";
-export const HelpIndicatorIcon = forwardRef(
-  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 24 24"
-      ref={ref}
-      {...props}
-    >
-      <path
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeWidth={1.5}
-        d="M12 17v.5"
-      />
-      <path
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={1.5}
-        d="M12 14.25v-1.73c1.8 0 3-1.155 3-2.885 0-1.731-1.2-2.885-3-2.885S9 7.904 9 9.635"
-      />
-    </svg>
-  )
-) as React.ForwardRefExoticComponent<
-  Partial<React.PropsWithoutRef<SVGProps<SVGSVGElement>>> &
-    React.RefAttributes<SVGSVGElement>
->;

package/src/icons/indicator/regular/SuccessIndicatorIcon.tsx

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { forwardRef, Ref, SVGProps } from "react";
-export const SuccessIndicatorIcon = forwardRef(
-  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 24 24"
-      ref={ref}
-      {...props}
-    >
-      <path
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={1.5}
-        d="M7 13.143 9.632 16 17 8"
-      />
-    </svg>
-  )
-) as React.ForwardRefExoticComponent<
-  Partial<React.PropsWithoutRef<SVGProps<SVGSVGElement>>> &
-    React.RefAttributes<SVGSVGElement>
->;

package/src/icons/indicator/regular/WarningIndicatorIcon.tsx

@@ -1,23 +0,0 @@
-import * as React from "react";
-import { forwardRef, Ref, SVGProps } from "react";
-export const WarningIndicatorIcon = forwardRef(
-  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 24 24"
-      ref={ref}
-      {...props}
-    >
-      <path
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeWidth={1.5}
-        d="M12 6v7m0 4v1"
-      />
-    </svg>
-  )
-) as React.ForwardRefExoticComponent<
-  Partial<React.PropsWithoutRef<SVGProps<SVGSVGElement>>> &
-    React.RefAttributes<SVGSVGElement>
->;

package/src/icons/indicator/regular/index.ts

@@ -1,6 +0,0 @@
-export * from "./ErrorIndicatorIcon";
-export * from "./FailIndicatorIcon";
-export * from "./FailOutlineIndicatorIcon";
-export * from "./HelpIndicatorIcon";
-export * from "./SuccessIndicatorIcon";
-export * from "./WarningIndicatorIcon";

package/src/icons/indicator/small/ErrorSmallIndicatorIcon.tsx

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { forwardRef, Ref, SVGProps } from "react";
-export const ErrorSmallIndicatorIcon = forwardRef(
-  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
-    <svg
-      viewBox="0 0 16 16"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      ref={ref}
-      {...props}
-    >
-      <path
-        d="m6 6 4 4m0-4-4 4"
-        stroke="currentColor"
-        strokeWidth={1.5}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
-  )
-) as React.ForwardRefExoticComponent<
-  Partial<React.PropsWithoutRef<SVGProps<SVGSVGElement>>> &
-    React.RefAttributes<SVGSVGElement>
->;

package/src/icons/indicator/small/SuccessSmallIndicatorIcon.tsx

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { forwardRef, Ref, SVGProps } from "react";
-export const SuccessSmallIndicatorIcon = forwardRef(
-  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
-    <svg
-      viewBox="0 0 16 16"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      ref={ref}
-      {...props}
-    >
-      <path
-        d="m4.5 8.5 2 2 5-5"
-        stroke="currentColor"
-        strokeWidth={1.5}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
-  )
-) as React.ForwardRefExoticComponent<
-  Partial<React.PropsWithoutRef<SVGProps<SVGSVGElement>>> &
-    React.RefAttributes<SVGSVGElement>
->;

package/src/icons/indicator/small/WarningSmallIndicatorIcon.tsx

@@ -1,23 +0,0 @@
-import * as React from "react";
-import { forwardRef, Ref, SVGProps } from "react";
-export const WarningSmallIndicatorIcon = forwardRef(
-  (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
-    <svg
-      viewBox="0 0 16 16"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      ref={ref}
-      {...props}
-    >
-      <path
-        d="M8 5v3m0 2.5v.5"
-        stroke="currentColor"
-        strokeWidth={1.5}
-        strokeLinecap="round"
-      />
-    </svg>
-  )
-) as React.ForwardRefExoticComponent<
-  Partial<React.PropsWithoutRef<SVGProps<SVGSVGElement>>> &
-    React.RefAttributes<SVGSVGElement>
->;

package/src/icons/indicator/small/index.ts

@@ -1,3 +0,0 @@
-export * from "./ErrorSmallIndicatorIcon";
-export * from "./SuccessSmallIndicatorIcon";
-export * from "./WarningSmallIndicatorIcon";

package/src/icons/styles.ts

@@ -1,10 +0,0 @@
-import { makeStyles } from "../theme";
-
-export const useIconStyles = makeStyles(
-  {
-    root: {
-      fill: "none",
-    },
-  },
-  { name: "MacawIcon" }
-);

package/src/icons/types.ts

@@ -1,4 +0,0 @@
-import { SvgIconTypeMap } from "@material-ui/core/SvgIcon";
-
-export type IconProps = SvgIconTypeMap["props"] &
-  Omit<React.SVGProps<SVGSVGElement>, "css">;

package/src/index.tsx

@@ -1,41 +0,0 @@
-export * from "./theme";
-export * from "./extensions";
-export * from "./icons";
-export * from "./Savebar";
-export * from "./Backlink";
-export * from "./ConfirmButton";
-export * from "./Sidebar";
-export * from "./SidebarDrawer";
-export * from "./SquareButton";
-export * from "./Alert";
-export * from "./Notification";
-export * from "./UserChipMenu";
-export * from "./ResponsiveTable";
-export * from "./Tooltip";
-export * from "./ActionBar";
-export * from "./Pagination";
-export * from "./LayoutButton";
-export * from "./icons";
-export * from "./StatusChip";
-export * from "./PageTabs";
-export * from "./Filter";
-export * from "./ActionBar";
-export * from "./DialogHeader";
-export * from "./DialogTable";
-export * from "./ScrollShadow";
-export * from "./tools";
-export * from "./Button";
-export * from "./IconButton";
-export * from "./PillLink";
-export * from "./BaseList";
-export * from "./OffsettedList";
-export * from "./List";
-export * from "./NavigationCard";
-export * from "./Pill";
-export * from "./CircleIndicator";
-export * from "./Indicator";
-export * from "./SwitchSelector";
-export * from "./Autocomplete";
-export * from "./MultipleValueAutocomplete";
-export * from "./Avatar";
-export * from "./Accordion";

package/src/localStorageKeys.ts

@@ -1,4 +0,0 @@
-export const localStorageKeys = {
-  theme: "macaw-ui-theme",
-  menuShrink: "macaw-ui-menu-shrink",
-};

package/src/theme/Baseline.tsx

@@ -1,75 +0,0 @@
-import CssBaseline from "@material-ui/core/CssBaseline";
-import { alpha } from "@material-ui/core/styles";
-import React from "react";
-
-import { makeStyles } from "./styles";
-
-const useStyles = makeStyles(
-  (theme) => ({
-    "@global": {
-      "@import": "url('https://rsms.me/inter/inter.css')",
-      // Putting them here, because MUI doesn't let putting own keys in
-      // `overrides` objects
-      "@keyframes hoverControlStart": {
-        from: {
-          transform: "scale(1)",
-        },
-        to: {
-          transform: "scale(1.4)",
-        },
-      },
-      "@keyframes hoverControl": {
-        from: {
-          transform: "scale(1.4)",
-        },
-        to: {
-          transform: "scale(1.6)",
-        },
-      },
-
-      "@keyframes hoverSwitchStart": {
-        from: {
-          boxShadow: `0 0 0 0 ${theme.palette.saleor.active[5]}`,
-        },
-        to: {
-          boxShadow: `0 0 0 3px ${theme.palette.saleor.active[5]}`,
-        },
-      },
-      "@keyframes hoverSwitch": {
-        from: {
-          boxShadow: `0 0 0 3px ${theme.palette.saleor.active[5]}`,
-        },
-        to: {
-          boxShadow: `0 0 0 5px ${theme.palette.saleor.active[5]}`,
-        },
-      },
-
-      ":root": {
-        "--background-paper": theme.palette.background.paper,
-        "--background-default": theme.palette.background.default,
-        colorScheme: theme.palette.type
-      },
-
-      // For some reason @import clause must be put on top
-      // eslint-disable-next-line sort-keys
-      "::selection": {
-        background: alpha(theme.palette.primary.main, 0.2),
-      },
-      html: {
-        fontSize: "58.4%",
-      },
-      a: {
-        color: "inherit",
-        textDecoration: "none",
-      },
-    },
-  }),
-  { name: "Baseline" }
-);
-
-export const Baseline: React.FC = () => {
-  useStyles();
-
-  return <CssBaseline />;
-};
-Baseline.displayName = "Baseline";

package/src/theme/ThemeProvider.tsx

@@ -1,89 +0,0 @@
-import type { Theme } from "@material-ui/core/styles";
-import { MuiThemeProvider } from "@material-ui/core/styles";
-import { merge } from "lodash";
-import React, { useEffect } from "react";
-
-import { ActionBarProvider } from "../ActionBar/context";
-import { BacklinkProvider } from "../Backlink/context";
-import {
-  ExtensionMessageType,
-  sendMessageToExtension,
-  ThemeChangeMessage,
-} from "../extensions";
-import { localStorageKeys } from "../localStorageKeys";
-import useLocalStorage from "../tools/useLocalStorage";
-import { Baseline } from "./Baseline";
-import { ThemeContext } from "./context";
-import { createTheme, Themes, ThemeType } from "./createSaleorTheme";
-import { dark, light } from "./themes";
-import { changeColorMeta } from "./utils";
-
-export interface ThemeProviderProps {
-  defaultTheme?: ThemeType;
-  /**
-   * Passing an object here will result in losing visual consistency with
-   * Saleor's Dashboard. Use with caution.
-   */
-  palettes?: Partial<Themes>;
-  /**
-   * Passing an object here will result in losing visual consistency with
-   * Saleor's Dashboard. Use with caution.
-   */
-  overrides?: Partial<Theme>;
-  /**
-   * Enables server side rendering.
-   */
-  ssr?: boolean;
-}
-export const ThemeProvider: React.FC<ThemeProviderProps> = ({
-  children,
-  defaultTheme = "light",
-  palettes = {},
-  overrides = {},
-  ssr = false,
-}) => {
-  const { value: themeTypeName, setValue: setThemeType } = useLocalStorage(
-    localStorageKeys.theme,
-    defaultTheme
-  );
-  const themeType = themeTypeName as ThemeType;
-  const themes = {
-    light,
-    dark,
-    ...palettes,
-  };
-  const theme = merge(createTheme(themes[themeType], themeType), overrides);
-  const sendThemeToExtension = () =>
-    sendMessageToExtension<ThemeChangeMessage>(
-      {
-        theme: themeType,
-        type: ExtensionMessageType.THEME,
-      },
-      "*"
-    );
-
-  useEffect(() => {
-    sendThemeToExtension();
-    changeColorMeta(theme.palette.background.default);
-  }, [themeType]);
-
-  return (
-    <ThemeContext.Provider
-      value={{
-        themeType,
-        ssr,
-        sendThemeToExtension,
-        setTheme: setThemeType,
-      }}
-    >
-      <MuiThemeProvider theme={theme}>
-        <ActionBarProvider>
-          <BacklinkProvider>
-            <Baseline />
-            {children}
-          </BacklinkProvider>
-        </ActionBarProvider>
-      </MuiThemeProvider>
-    </ThemeContext.Provider>
-  );
-};

package/src/theme/context.ts

@@ -1,8 +0,0 @@
-import React from "react";
-
-import { SaleorThemeContext } from "./types";
-
-export const ThemeContext = React.createContext<SaleorThemeContext | undefined>(
-  undefined
-);
-ThemeContext.displayName = "ThemeContext";