@epignosis_llc/gnosis 6.6.18 → 6.6.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -6,21 +6,21 @@
|
|
|
6
6
|
* Released under the MIT license.
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
-
import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
|
+
import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
10
10
|
import 'react';
|
|
11
11
|
import classNames from '../../../node_modules/classnames/index.js';
|
|
12
12
|
import Loader from '../Loaders/Loader.js';
|
|
13
13
|
import { btnContainer } from './styles.js';
|
|
14
|
-
import {
|
|
14
|
+
import { iconSizes, spinnerWrapperVariants } from './constants.js';
|
|
15
15
|
import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
|
|
16
16
|
import { AnimatePresence } from '../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs.js';
|
|
17
17
|
import { m } from '../../../node_modules/framer-motion/dist/es/render/dom/motion-minimal.mjs.js';
|
|
18
18
|
import { domAnimation } from '../../../node_modules/framer-motion/dist/es/render/dom/features-animation.mjs.js';
|
|
19
19
|
import { LazyMotion } from '../../../node_modules/framer-motion/dist/es/components/LazyMotion/index.mjs.js';
|
|
20
20
|
|
|
21
|
-
var _excluded = ["as", "color", "size", "variant", "block", "isLoading", "noGutters", "className", "rounded", "iconBefore", "iconAfter", "children", "disabled", "underlined", "active"];
|
|
21
|
+
var _excluded = ["as", "color", "size", "variant", "block", "isLoading", "noGutters", "className", "rounded", "iconBefore", "iconBeforeProps", "iconAfter", "iconAfterProps", "children", "disabled", "underlined", "active"];
|
|
22
22
|
var Button = function Button(props) {
|
|
23
|
-
var _classNames, _props$id;
|
|
23
|
+
var _classNames, _iconBeforeProps$heig, _iconAfterProps$heigh, _props$id;
|
|
24
24
|
var as = props.as,
|
|
25
25
|
_props$color = props.color,
|
|
26
26
|
color = _props$color === void 0 ? "primary" : _props$color,
|
|
@@ -39,7 +39,9 @@ var Button = function Button(props) {
|
|
|
39
39
|
_props$rounded = props.rounded,
|
|
40
40
|
rounded = _props$rounded === void 0 ? false : _props$rounded,
|
|
41
41
|
iconBefore = props.iconBefore,
|
|
42
|
+
iconBeforeProps = props.iconBeforeProps,
|
|
42
43
|
iconAfter = props.iconAfter,
|
|
44
|
+
iconAfterProps = props.iconAfterProps,
|
|
43
45
|
children = props.children,
|
|
44
46
|
disabled = props.disabled,
|
|
45
47
|
underlined = props.underlined,
|
|
@@ -49,6 +51,16 @@ var Button = function Button(props) {
|
|
|
49
51
|
var PrefixIcon = iconBefore;
|
|
50
52
|
var SuffixIcon = iconAfter;
|
|
51
53
|
var containerClassNames = classNames((_classNames = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_classNames, className, Boolean(className)), "disabled", disabled || isLoading), "rounded", rounded), "solid", variant === "solid"), "outline", variant === "outline"), "ghost", variant === "ghost"), "linkButton", variant === "link"), "icon-after", SuffixIcon), "icon-before", PrefixIcon), "underlined", underlined), _defineProperty(_classNames, "active", active)));
|
|
54
|
+
var iconBeforePropsWithDefaults = _objectSpread2(_objectSpread2({}, iconBeforeProps), {}, {
|
|
55
|
+
height: (_iconBeforeProps$heig = iconBeforeProps === null || iconBeforeProps === void 0 ? void 0 : iconBeforeProps.height) !== null && _iconBeforeProps$heig !== void 0 ? _iconBeforeProps$heig : iconSizes[size],
|
|
56
|
+
className: classNames("icon", iconBeforeProps === null || iconBeforeProps === void 0 ? void 0 : iconBeforeProps.className),
|
|
57
|
+
"data-testid": "prefix-icon"
|
|
58
|
+
});
|
|
59
|
+
var iconAfterPropsWithDefaults = _objectSpread2(_objectSpread2({}, iconAfterProps), {}, {
|
|
60
|
+
height: (_iconAfterProps$heigh = iconAfterProps === null || iconAfterProps === void 0 ? void 0 : iconAfterProps.height) !== null && _iconAfterProps$heigh !== void 0 ? _iconAfterProps$heigh : iconSizes[size],
|
|
61
|
+
className: classNames("icon", iconAfterProps === null || iconAfterProps === void 0 ? void 0 : iconAfterProps.className),
|
|
62
|
+
"data-testid": "suffix-icon"
|
|
63
|
+
});
|
|
52
64
|
return jsx(LazyMotion, {
|
|
53
65
|
features: domAnimation
|
|
54
66
|
}, jsx(Component, _extends({
|
|
@@ -73,17 +85,9 @@ var Button = function Button(props) {
|
|
|
73
85
|
variants: spinnerWrapperVariants
|
|
74
86
|
}, jsx(Loader, {
|
|
75
87
|
size: "md"
|
|
76
|
-
}))), PrefixIcon && jsx(PrefixIcon, {
|
|
77
|
-
height: iconSizes[size],
|
|
78
|
-
className: "icon",
|
|
79
|
-
"data-testid": "prefix-icon"
|
|
80
|
-
}), jsx("span", {
|
|
88
|
+
}))), PrefixIcon && jsx(PrefixIcon, iconBeforePropsWithDefaults), jsx("span", {
|
|
81
89
|
className: "btn-text"
|
|
82
|
-
}, children), SuffixIcon && jsx(SuffixIcon,
|
|
83
|
-
height: iconSizes[size],
|
|
84
|
-
className: "icon",
|
|
85
|
-
"data-testid": "suffix-icon"
|
|
86
|
-
})));
|
|
90
|
+
}, children), SuffixIcon && jsx(SuffixIcon, iconAfterPropsWithDefaults)));
|
|
87
91
|
};
|
|
88
92
|
|
|
89
93
|
export { Button as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, ElementType } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { LazyMotion, domAnimation, m, AnimatePresence } from \"framer-motion\";\nimport classNames from \"classnames\";\nimport Loader from \"../Loaders/Loader\";\nimport { btnContainer } from \"./styles\";\nimport { iconSizes, spinnerWrapperVariants } from \"./constants\";\nimport { IconType, PolymorphicComponentProps } from \"types/common\";\n\nexport type Color =\n | \"primary\"\n | \"secondary\"\n | \"danger\"\n | \"success\"\n | \"primaryLight\"\n | \"primaryDarker\"\n | \"white\"\n | \"orange\";\n\nexport type Size = \"sm\" | \"md\" | \"lg\";\n\nexport type Props = {\n color?: Color;\n size?: Size;\n noGutters?: boolean;\n block?: boolean;\n isLoading?: boolean;\n iconBefore?: IconType;\n iconAfter?: IconType;\n className?: string;\n disabled?: boolean;\n rounded?: boolean;\n children: ReactNode;\n variant?: \"solid\" | \"outline\" | \"ghost\" | \"link\";\n underlined?: boolean;\n active?: boolean;\n};\n\nexport type ButtonProps<C extends ElementType> = PolymorphicComponentProps<C, Props>;\n\nconst Button = <C extends ElementType = \"button\">(props: ButtonProps<C>): ReactElement => {\n const {\n as,\n color = \"primary\",\n size = \"md\",\n variant = \"solid\",\n block = false,\n isLoading = false,\n noGutters = false,\n className = \"\",\n rounded = false,\n iconBefore,\n iconAfter,\n children,\n disabled,\n underlined,\n active,\n ...rest\n } = props;\n\n const Component = as || \"button\";\n const PrefixIcon = iconBefore;\n const SuffixIcon = iconAfter;\n const containerClassNames = classNames({\n [className]: Boolean(className),\n disabled: disabled || isLoading,\n rounded,\n solid: variant === \"solid\",\n outline: variant === \"outline\",\n ghost: variant === \"ghost\",\n linkButton: variant === \"link\",\n \"icon-after\": SuffixIcon,\n \"icon-before\": PrefixIcon,\n underlined: underlined,\n active: active,\n });\n\n return (\n <LazyMotion features={domAnimation}>\n <Component\n css={(theme): SerializedStyles => btnContainer(theme, { color, block, size, noGutters })}\n className={containerClassNames}\n {...((as === \"button\" || as === undefined) && { disabled: disabled || isLoading })}\n {...rest}\n >\n <AnimatePresence>\n {isLoading && (\n <m.div\n key={props.id ?? \"spinner\"}\n className=\"loading\"\n aria-label=\"loading\"\n initial=\"hidden\"\n animate=\"visible\"\n exit=\"hidden\"\n variants={spinnerWrapperVariants}\n >\n <Loader size=\"md\" />\n </m.div>\n )}\n </AnimatePresence>\n {PrefixIcon &&
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, ElementType, SVGProps } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { LazyMotion, domAnimation, m, AnimatePresence } from \"framer-motion\";\nimport classNames from \"classnames\";\nimport Loader from \"../Loaders/Loader\";\nimport { btnContainer } from \"./styles\";\nimport { iconSizes, spinnerWrapperVariants } from \"./constants\";\nimport { IconType, PolymorphicComponentProps } from \"types/common\";\n\nexport type Color =\n | \"primary\"\n | \"secondary\"\n | \"danger\"\n | \"success\"\n | \"primaryLight\"\n | \"primaryDarker\"\n | \"white\"\n | \"orange\";\n\nexport type Size = \"sm\" | \"md\" | \"lg\";\n\nexport type Props = {\n color?: Color;\n size?: Size;\n noGutters?: boolean;\n block?: boolean;\n isLoading?: boolean;\n iconBefore?: IconType;\n iconBeforeProps?: SVGProps<SVGSVGElement>;\n iconAfter?: IconType;\n iconAfterProps?: SVGProps<SVGSVGElement>;\n className?: string;\n disabled?: boolean;\n rounded?: boolean;\n children: ReactNode;\n variant?: \"solid\" | \"outline\" | \"ghost\" | \"link\";\n underlined?: boolean;\n active?: boolean;\n};\n\nexport type ButtonProps<C extends ElementType> = PolymorphicComponentProps<C, Props>;\n\nconst Button = <C extends ElementType = \"button\">(props: ButtonProps<C>): ReactElement => {\n const {\n as,\n color = \"primary\",\n size = \"md\",\n variant = \"solid\",\n block = false,\n isLoading = false,\n noGutters = false,\n className = \"\",\n rounded = false,\n iconBefore,\n iconBeforeProps,\n iconAfter,\n iconAfterProps,\n children,\n disabled,\n underlined,\n active,\n ...rest\n } = props;\n\n const Component = as || \"button\";\n const PrefixIcon = iconBefore;\n const SuffixIcon = iconAfter;\n const containerClassNames = classNames({\n [className]: Boolean(className),\n disabled: disabled || isLoading,\n rounded,\n solid: variant === \"solid\",\n outline: variant === \"outline\",\n ghost: variant === \"ghost\",\n linkButton: variant === \"link\",\n \"icon-after\": SuffixIcon,\n \"icon-before\": PrefixIcon,\n underlined: underlined,\n active: active,\n });\n\n const iconBeforePropsWithDefaults = {\n ...iconBeforeProps,\n height: iconBeforeProps?.height ?? iconSizes[size],\n className: classNames(\"icon\", iconBeforeProps?.className),\n \"data-testid\": \"prefix-icon\",\n };\n\n const iconAfterPropsWithDefaults = {\n ...iconAfterProps,\n height: iconAfterProps?.height ?? iconSizes[size],\n className: classNames(\"icon\", iconAfterProps?.className),\n \"data-testid\": \"suffix-icon\",\n };\n\n return (\n <LazyMotion features={domAnimation}>\n <Component\n css={(theme): SerializedStyles => btnContainer(theme, { color, block, size, noGutters })}\n className={containerClassNames}\n {...((as === \"button\" || as === undefined) && { disabled: disabled || isLoading })}\n {...rest}\n >\n <AnimatePresence>\n {isLoading && (\n <m.div\n key={props.id ?? \"spinner\"}\n className=\"loading\"\n aria-label=\"loading\"\n initial=\"hidden\"\n animate=\"visible\"\n exit=\"hidden\"\n variants={spinnerWrapperVariants}\n >\n <Loader size=\"md\" />\n </m.div>\n )}\n </AnimatePresence>\n {PrefixIcon && <PrefixIcon {...iconBeforePropsWithDefaults} />}\n <span className=\"btn-text\">{children}</span>\n {SuffixIcon && <SuffixIcon {...iconAfterPropsWithDefaults} />}\n </Component>\n </LazyMotion>\n );\n};\n\nexport default Button;\n"],"names":["Button","props","_classNames","_iconBeforeProps$heig","_iconAfterProps$heigh","_props$id","as","_props$color","color","_props$size","size","_props$variant","variant","_props$block","block","_props$isLoading","isLoading","_props$noGutters","noGutters","_props$className","className","_props$rounded","rounded","iconBefore","iconBeforeProps","iconAfter","iconAfterProps","children","disabled","underlined","active","rest","_objectWithoutProperties","_excluded","Component","PrefixIcon","SuffixIcon","containerClassNames","classNames","_defineProperty","Boolean","iconBeforePropsWithDefaults","_objectSpread","height","iconSizes","iconAfterPropsWithDefaults","___EmotionJSX","LazyMotion","features","domAnimation","_extends","css","theme","btnContainer","undefined","AnimatePresence","m","div","key","id","initial","animate","exit","variants","spinnerWrapperVariants","Loader"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { ReactElement, ReactNode, ElementType } from "react";
|
|
1
|
+
import React, { ReactElement, ReactNode, ElementType, SVGProps } from "react";
|
|
2
2
|
import { IconType, PolymorphicComponentProps } from "types/common";
|
|
3
3
|
export type Color = "primary" | "secondary" | "danger" | "success" | "primaryLight" | "primaryDarker" | "white" | "orange";
|
|
4
4
|
export type Size = "sm" | "md" | "lg";
|
|
@@ -9,7 +9,9 @@ export type Props = {
|
|
|
9
9
|
block?: boolean;
|
|
10
10
|
isLoading?: boolean;
|
|
11
11
|
iconBefore?: IconType;
|
|
12
|
+
iconBeforeProps?: SVGProps<SVGSVGElement>;
|
|
12
13
|
iconAfter?: IconType;
|
|
14
|
+
iconAfterProps?: SVGProps<SVGSVGElement>;
|
|
13
15
|
className?: string;
|
|
14
16
|
disabled?: boolean;
|
|
15
17
|
rounded?: boolean;
|