@audius/harmony 0.3.5 → 0.4.0
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.
- package/dist/assets/icons/ArrowRotate.svg.js +86 -0
- package/dist/assets/icons/ArrowRotate.svg.js.map +1 -0
- package/dist/assets/icons/AudiusLogoHorizontalColorNew.svg.js +87 -0
- package/dist/assets/icons/AudiusLogoHorizontalColorNew.svg.js.map +1 -0
- package/dist/assets/icons/AudiusLogoHorizontalNew.svg.js +19 -17
- package/dist/assets/icons/AudiusLogoHorizontalNew.svg.js.map +1 -1
- package/dist/assets/icons/Headphones.svg.js +3 -1
- package/dist/assets/icons/Headphones.svg.js.map +1 -1
- package/dist/assets/icons/X.svg.js +87 -0
- package/dist/assets/icons/X.svg.js.map +1 -0
- package/dist/components/button/IconButton/IconButton.d.ts +4 -0
- package/dist/components/button/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/button/IconButton/IconButton.js +22 -13
- package/dist/components/button/IconButton/IconButton.js.map +1 -1
- package/dist/components/icon-text/IconText.js +2 -2
- package/dist/components/icon-text/IconText.js.map +1 -1
- package/dist/components/layout/Divider/Divider.d.ts.map +1 -1
- package/dist/components/layout/Divider/Divider.js +2 -1
- package/dist/components/layout/Divider/Divider.js.map +1 -1
- package/dist/components/loading-spinner/LoadingSpinner.d.ts +3 -3
- package/dist/components/loading-spinner/LoadingSpinner.d.ts.map +1 -1
- package/dist/components/loading-spinner/LoadingSpinner.js +10 -5
- package/dist/components/loading-spinner/LoadingSpinner.js.map +1 -1
- package/dist/components/modal/Modal.d.ts.map +1 -1
- package/dist/components/modal/Modal.js +2 -2
- package/dist/components/modal/Modal.js.map +1 -1
- package/dist/components/modal/ModalHeader.d.ts +1 -0
- package/dist/components/modal/ModalHeader.d.ts.map +1 -1
- package/dist/components/modal/ModalHeader.js +2 -2
- package/dist/components/modal/ModalHeader.js.map +1 -1
- package/dist/components/modal/types.d.ts +6 -0
- package/dist/components/modal/types.d.ts.map +1 -1
- package/dist/components/modal/types.js.map +1 -1
- package/dist/components/pill/Pill.d.ts +1 -1
- package/dist/components/pill/Pill.d.ts.map +1 -1
- package/dist/components/pill/Pill.js +6 -6
- package/dist/components/pill/Pill.js.map +1 -1
- package/dist/components/scrollbar/Scrollbar.d.ts +2 -1
- package/dist/components/scrollbar/Scrollbar.d.ts.map +1 -1
- package/dist/components/scrollbar/Scrollbar.js +10 -3
- package/dist/components/scrollbar/Scrollbar.js.map +1 -1
- package/dist/components/scrollbar/index.d.ts +1 -1
- package/dist/components/scrollbar/index.d.ts.map +1 -1
- package/dist/components/scrubber/Scrubber.js +2 -2
- package/dist/components/scrubber/Scrubber.js.map +1 -1
- package/dist/components/scrubber/types.d.ts +1 -1
- package/dist/components/scrubber/types.d.ts.map +1 -1
- package/dist/components/select/Select/Select.js +1 -1
- package/dist/components/select/Select/Select.js.map +1 -1
- package/dist/components/send-icon/SendIcon.js +1 -1
- package/dist/components/send-icon/SendIcon.js.map +1 -1
- package/dist/components/skeleton/Skeleton.d.ts +5 -2
- package/dist/components/skeleton/Skeleton.d.ts.map +1 -1
- package/dist/components/skeleton/Skeleton.js +4 -3
- package/dist/components/skeleton/Skeleton.js.map +1 -1
- package/dist/components/text-link/TextLink.d.ts +1 -0
- package/dist/components/text-link/TextLink.d.ts.map +1 -1
- package/dist/components/text-link/TextLink.js +4 -4
- package/dist/components/text-link/TextLink.js.map +1 -1
- package/dist/components/text-link/types.d.ts +5 -0
- package/dist/components/text-link/types.d.ts.map +1 -1
- package/dist/foundations/shadows/shadows.d.ts +2 -1
- package/dist/foundations/shadows/shadows.d.ts.map +1 -1
- package/dist/foundations/shadows/shadows.js +2 -1
- package/dist/foundations/shadows/shadows.js.map +1 -1
- package/dist/harmony.css +1 -1
- package/dist/icons/logos.d.ts +2 -0
- package/dist/icons/logos.d.ts.map +1 -1
- package/dist/icons/logos.js +5 -1
- package/dist/icons/logos.js.map +1 -1
- package/dist/icons/utilityIcons.d.ts +1 -0
- package/dist/icons/utilityIcons.d.ts.map +1 -1
- package/dist/icons/utilityIcons.js +3 -1
- package/dist/icons/utilityIcons.js.map +1 -1
- package/dist/index.js +3 -3
- package/package.json +1 -1
- package/dist/components/loading-spinner/LoadingSpinner.module.css.js +0 -4
- package/dist/components/loading-spinner/LoadingSpinner.module.css.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Headphones.svg.js","sources":["../../../src/assets/icons/Headphones.svg"],"sourcesContent":["<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"
|
|
1
|
+
{"version":3,"file":"Headphones.svg.js","sources":["../../../src/assets/icons/Headphones.svg"],"sourcesContent":["<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.0134 2.00006C6.48629 2.00006 2 6.60305 2 12.274V17.4794C2.02712 19.973 4.02982 21.9999 6.45905 21.9999H7.04629C7.55322 21.9999 7.98088 21.5611 7.98088 21.041V13.7808C7.98088 13.2607 7.55322 12.8219 7.04629 12.8219H6.45905C5.49734 12.8219 4.58988 13.1505 3.84199 13.6984V12.274C3.84199 7.67099 7.49997 3.91786 11.9863 3.91786C16.4725 3.91786 20.1578 7.67099 20.1578 12.274V13.6984C19.4099 13.1505 18.5285 12.8219 17.5407 12.8219H16.9535C16.4465 12.8219 16.0189 13.2607 16.0189 13.7808V21.041C16.0189 21.5611 16.4465 21.9999 16.9535 21.9999H17.5407C19.9971 21.9999 21.9739 19.973 21.9999 17.4794V12.274C22.0269 6.60305 17.5407 2.00006 12.0136 2.00006H12.0134Z\" fill=\"#FF0000\"/>\n</svg>\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { useTheme } from '@emotion/react';
|
|
4
|
+
import { css, cx } from '@emotion/css';
|
|
5
|
+
|
|
6
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
7
|
+
var _g;
|
|
8
|
+
var _excluded = ["title", "titleId", "desc", "descId"],
|
|
9
|
+
_excluded2 = ["color", "size", "sizeH", "sizeW", "height", "width", "shadow", "animatedProps"];
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
14
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
15
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
16
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
17
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
18
|
+
var SvgX = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
19
|
+
var _theme$iconSizes, _theme$iconSizes2, _other$fill, _theme$color;
|
|
20
|
+
var title = _ref.title,
|
|
21
|
+
titleId = _ref.titleId,
|
|
22
|
+
desc = _ref.desc,
|
|
23
|
+
descId = _ref.descId,
|
|
24
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
+
var theme = useTheme();
|
|
26
|
+
var _props = props,
|
|
27
|
+
color = _props.color,
|
|
28
|
+
size = _props.size,
|
|
29
|
+
sizeH = _props.sizeH,
|
|
30
|
+
sizeW = _props.sizeW,
|
|
31
|
+
heightProp = _props.height,
|
|
32
|
+
widthProp = _props.width,
|
|
33
|
+
shadow = _props.shadow;
|
|
34
|
+
_props.animatedProps;
|
|
35
|
+
var other = _objectWithoutProperties(_props, _excluded2);
|
|
36
|
+
var height = heightProp !== null && heightProp !== void 0 ? heightProp : (_theme$iconSizes = theme.iconSizes) === null || _theme$iconSizes === void 0 ? void 0 : _theme$iconSizes[sizeH !== null && sizeH !== void 0 ? sizeH : size];
|
|
37
|
+
if (height) {
|
|
38
|
+
other.height = height;
|
|
39
|
+
}
|
|
40
|
+
var width = widthProp !== null && widthProp !== void 0 ? widthProp : (_theme$iconSizes2 = theme.iconSizes) === null || _theme$iconSizes2 === void 0 ? void 0 : _theme$iconSizes2[sizeW !== null && sizeW !== void 0 ? sizeW : size];
|
|
41
|
+
if (width) {
|
|
42
|
+
other.width = isNaN(width) ? "100%" : width;
|
|
43
|
+
} // Using let here because it may be updated by webStyles
|
|
44
|
+
var fill = (_other$fill = other.fill) !== null && _other$fill !== void 0 ? _other$fill : (_theme$color = theme.color) === null || _theme$color === void 0 ? void 0 : _theme$color.icon[color];
|
|
45
|
+
var classNameProp = other.className;
|
|
46
|
+
var className = css({
|
|
47
|
+
filter: shadow ? theme.shadows.drop : undefined,
|
|
48
|
+
minHeight: height,
|
|
49
|
+
minWidth: width
|
|
50
|
+
});
|
|
51
|
+
other.className = cx(className, classNameProp);
|
|
52
|
+
|
|
53
|
+
// Handle gradient fills for heading style
|
|
54
|
+
if (color === 'heading') {
|
|
55
|
+
fill = 'url(#harmony-gradient)';
|
|
56
|
+
}
|
|
57
|
+
other.role = title ? 'img' : undefined;
|
|
58
|
+
other['aria-hidden'] = title ? undefined : true;
|
|
59
|
+
props = _objectSpread(_objectSpread({}, other), {}, {
|
|
60
|
+
ref: ref,
|
|
61
|
+
fill: fill
|
|
62
|
+
});
|
|
63
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
64
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
65
|
+
width: 20,
|
|
66
|
+
height: 20,
|
|
67
|
+
fill: "none",
|
|
68
|
+
viewBox: "0 0 20 20",
|
|
69
|
+
"aria-labelledby": titleId,
|
|
70
|
+
"aria-describedby": descId
|
|
71
|
+
}, props), desc ? /*#__PURE__*/React.createElement("desc", {
|
|
72
|
+
id: descId
|
|
73
|
+
}, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
|
|
74
|
+
id: titleId
|
|
75
|
+
}, title) : null, _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
76
|
+
id: "socialTwitter"
|
|
77
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
78
|
+
id: "exportLayerAbove",
|
|
79
|
+
fill: "#67D4FF",
|
|
80
|
+
fillRule: "evenodd",
|
|
81
|
+
d: "M10.906 7.736c-.036 0-1.015-1.269-2.174-2.808L6.63 2.12H4.15c-1.369 0-2.482.009-2.482.026 0 .019 1.449 1.966 3.215 4.321 1.767 2.365 3.207 4.33 3.197 4.367a452 452 0 0 1-3.215 3.505c-1.757 1.893-3.197 3.47-3.197 3.496 0 .027.317.046.706.046h.698l2.762-2.999a301 301 0 0 1 2.863-3.08c.072-.054.815.861 2.4 2.99l2.3 3.08 2.473.009c1.35 0 2.464-.027 2.464-.073 0-.037-1.53-2.101-3.396-4.592l-3.397-4.52.434-.462c.245-.245 1.477-1.576 2.736-2.944a590 590 0 0 1 2.618-2.835l.317-.335H16.17l-2.6 2.808c-1.422 1.54-2.627 2.808-2.663 2.808m-1.948 2.382C6.222 6.458 3.94 3.396 3.904 3.332c-.063-.108.127-.126 1.06-.126h1.123l5.018 6.702c2.754 3.687 5.028 6.749 5.036 6.794.018.054-.398.09-1.087.09l-1.114-.009z",
|
|
82
|
+
clipRule: "evenodd"
|
|
83
|
+
}))));
|
|
84
|
+
});
|
|
85
|
+
|
|
86
|
+
export { SvgX as default };
|
|
87
|
+
//# sourceMappingURL=X.svg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"X.svg.js","sources":["../../../src/assets/icons/X.svg"],"sourcesContent":["<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g id=\"socialTwitter\">\n<path id=\"exportLayerAbove\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.9058 7.73557C10.8696 7.73557 9.89095 6.46745 8.73189 4.9276L6.63008 2.11963H4.14856C2.78044 2.11963 1.66667 2.12887 1.66667 2.14644C1.66667 2.16492 3.11595 4.11238 4.88225 6.46745C6.64856 8.83159 8.08877 10.7968 8.07935 10.8338C8.06178 10.8606 6.61251 12.4457 4.86377 14.3388C3.10689 16.2316 1.66667 17.8084 1.66667 17.8352C1.66667 17.862 1.9837 17.8805 2.37283 17.8805H3.07066L5.83334 14.8823C7.35472 13.2341 8.64131 11.8479 8.69566 11.8026C8.76812 11.7477 9.51088 12.6631 11.096 14.7917L13.3967 17.8714L15.8692 17.8805C17.2196 17.8805 18.3333 17.8537 18.3333 17.8084C18.3333 17.7714 16.8025 15.7066 14.9366 13.2156L11.5399 8.69572L11.9743 8.23376C12.2192 7.98883 13.4511 6.65767 14.7101 5.28992C15.9692 3.92198 17.1467 2.64463 17.3279 2.45514L17.6449 2.11963H16.1685L13.5688 4.9276C12.1471 6.46745 10.942 7.73557 10.9058 7.73557ZM8.95834 10.1175C6.22247 6.4584 3.9404 3.3968 3.90435 3.3334C3.84059 3.22506 4.03117 3.20659 4.96377 3.20659H6.0866L11.1054 9.90948C13.8589 13.5964 16.1326 16.6577 16.1409 16.703C16.1594 16.7573 15.7426 16.7935 15.054 16.7935L13.9402 16.7843L8.95834 10.1175Z\" fill=\"#67D4FF\"/>\n</g>\n</svg>\n"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,8 @@ export type IconButtonProps = {
|
|
|
7
7
|
ripple?: boolean;
|
|
8
8
|
'aria-label': string;
|
|
9
9
|
iconCss?: CSSObject;
|
|
10
|
+
isActive?: boolean;
|
|
11
|
+
activeColor?: IconProps['color'];
|
|
10
12
|
} & Pick<IconProps, 'color' | 'size' | 'shadow' | 'height' | 'width'> & BaseButtonProps;
|
|
11
13
|
/**
|
|
12
14
|
* The icon component allows you to pass in an icon and
|
|
@@ -17,6 +19,8 @@ export declare const IconButton: (props: {
|
|
|
17
19
|
ripple?: boolean | undefined;
|
|
18
20
|
'aria-label': string;
|
|
19
21
|
iconCss?: CSSObject | undefined;
|
|
22
|
+
isActive?: boolean | undefined;
|
|
23
|
+
activeColor?: IconProps['color'];
|
|
20
24
|
} & Pick<IconProps, "color" | "size" | "shadow" | "height" | "width"> & {
|
|
21
25
|
iconLeft?: IconComponent | null | undefined;
|
|
22
26
|
iconRight?: IconComponent | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButton/IconButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAGzD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,aAAa,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/IconButton/IconButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAGzD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,aAAa,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;CACjC,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC,GACnE,eAAe,CAAA;AAEjB;;;GAGG;AACH,eAAO,MAAM,UAAU;UAbf,aAAa;;kBAEL,MAAM;;;kBAGN,SAAS,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;sJAwGjC,CAAA"}
|
|
@@ -10,45 +10,54 @@ import { BaseButton } from '../BaseButton/BaseButton.js';
|
|
|
10
10
|
* apply color and sizing properties.
|
|
11
11
|
*/
|
|
12
12
|
var IconButton = forwardRef(function (props, ref) {
|
|
13
|
-
var Icon = props.icon, _a = props.color, iconColor = _a === void 0 ? 'default' : _a, _b = props.size, size = _b === void 0 ? 'l' : _b, shadow = props.shadow, ripple = props.ripple, height = props.height, width = props.width, iconCss = props.iconCss, children = props.children, other = __rest(props, ["icon", "color", "size", "shadow", "ripple", "height", "width", "iconCss", "children"]);
|
|
13
|
+
var Icon = props.icon, _a = props.color, iconColor = _a === void 0 ? 'default' : _a, _b = props.size, size = _b === void 0 ? 'l' : _b, shadow = props.shadow, ripple = props.ripple, height = props.height, width = props.width, iconCss = props.iconCss, children = props.children, isActive = props.isActive, activeColor = props.activeColor, other = __rest(props, ["icon", "color", "size", "shadow", "ripple", "height", "width", "iconCss", "children", "isActive", "activeColor"]);
|
|
14
14
|
var disabled = other.disabled, isLoading = other.isLoading, asChild = other.asChild;
|
|
15
15
|
var _c = useTheme(), color = _c.color, cornerRadius = _c.cornerRadius, spacing = _c.spacing, motion = _c.motion, iconSizes = _c.iconSizes;
|
|
16
|
+
var currentIconColor = disabled
|
|
17
|
+
? 'disabled'
|
|
18
|
+
: (isActive && activeColor) || iconColor;
|
|
16
19
|
var buttonCss = {
|
|
17
20
|
background: 'transparent',
|
|
18
21
|
border: 'none',
|
|
19
|
-
borderRadius:
|
|
20
|
-
padding: spacing.xs,
|
|
22
|
+
borderRadius: cornerRadius.circle,
|
|
23
|
+
padding: ripple ? spacing.xs : 0,
|
|
21
24
|
overflow: 'unset',
|
|
22
25
|
svg: {
|
|
23
|
-
transition: "
|
|
26
|
+
transition: "transform ".concat(motion.hover),
|
|
27
|
+
path: {
|
|
28
|
+
transition: "fill ".concat(motion.hover)
|
|
29
|
+
}
|
|
24
30
|
},
|
|
25
31
|
'&:hover': {
|
|
26
32
|
transform: 'scale(1.0)',
|
|
27
33
|
svg: {
|
|
28
|
-
transform: 'scale(1.1)'
|
|
34
|
+
transform: 'scale(1.1)',
|
|
35
|
+
path: {
|
|
36
|
+
fill: activeColor ? color.icon[activeColor] : undefined
|
|
37
|
+
}
|
|
29
38
|
}
|
|
30
39
|
},
|
|
31
40
|
'&:active': {
|
|
32
41
|
transform: 'scale(1.0)',
|
|
33
42
|
svg: {
|
|
34
|
-
transform: 'scale(0.98)'
|
|
43
|
+
transform: 'scale(0.98)',
|
|
44
|
+
path: {
|
|
45
|
+
fill: activeColor ? color.icon[activeColor] : undefined
|
|
46
|
+
}
|
|
35
47
|
}
|
|
36
48
|
}
|
|
37
49
|
};
|
|
38
50
|
var rippleCss = {
|
|
39
|
-
|
|
51
|
+
transition: "background-color ".concat(motion.hover),
|
|
52
|
+
'&:hover, &[data-active="true"]': {
|
|
40
53
|
backgroundColor: color.neutral.n100
|
|
41
54
|
},
|
|
42
55
|
'&:active': {
|
|
43
56
|
backgroundColor: color.neutral.n150
|
|
44
|
-
},
|
|
45
|
-
'&:focus-visible': {
|
|
46
|
-
border: "1px solid ".concat(color.secondary.secondary),
|
|
47
|
-
borderRadius: cornerRadius.s
|
|
48
57
|
}
|
|
49
58
|
};
|
|
50
|
-
var loadingIconCss = __assign(__assign({}, iconCss), { height: iconSizes[size], width: iconSizes[size]
|
|
51
|
-
return (jsxs(BaseButton, __assign({ ref: ref, type: asChild ? undefined : 'button' }, other, { css: [buttonCss, ripple && rippleCss], styles: { icon: loadingIconCss }, slotted: true }, { children: [isLoading ? null : (jsx(Icon, { "aria-hidden": true, color:
|
|
59
|
+
var loadingIconCss = __assign(__assign({}, iconCss), { height: iconSizes[size], width: iconSizes[size] });
|
|
60
|
+
return (jsxs(BaseButton, __assign({ ref: ref, type: asChild ? undefined : 'button' }, other, { css: [buttonCss, (ripple || isActive) && rippleCss], styles: { icon: loadingIconCss }, slotted: true, "data-active": isActive }, { children: [isLoading ? null : (jsx(Icon, { "aria-hidden": true, color: currentIconColor, size: size, shadow: shadow, height: height, width: width, css: iconCss })), jsx(Slottable, { children: children })] })));
|
|
52
61
|
});
|
|
53
62
|
|
|
54
63
|
export { IconButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sources":["../../../../src/components/button/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { useTheme, type CSSObject } from '@emotion/react'\nimport { Slottable } from '@radix-ui/react-slot'\n\nimport type { IconComponent, IconProps } from '../../icon'\nimport { BaseButton } from '../BaseButton/BaseButton'\nimport type { BaseButtonProps } from '../BaseButton/types'\n\nexport type IconButtonProps = {\n icon: IconComponent\n ripple?: boolean\n 'aria-label': string\n iconCss?: CSSObject\n} & Pick<IconProps, 'color' | 'size' | 'shadow' | 'height' | 'width'> &\n BaseButtonProps\n\n/**\n * The icon component allows you to pass in an icon and\n * apply color and sizing properties.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n (props: IconButtonProps, ref) => {\n const {\n icon: Icon,\n color: iconColor = 'default',\n size = 'l',\n shadow,\n ripple,\n height,\n width,\n iconCss,\n children,\n ...other\n } = props\n const { disabled, isLoading, asChild } = other\n const { color, cornerRadius, spacing, motion, iconSizes } = useTheme()\n\n const buttonCss: CSSObject = {\n background: 'transparent',\n border: 'none',\n borderRadius:
|
|
1
|
+
{"version":3,"file":"IconButton.js","sources":["../../../../src/components/button/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { useTheme, type CSSObject } from '@emotion/react'\nimport { Slottable } from '@radix-ui/react-slot'\n\nimport type { IconComponent, IconProps } from '../../icon'\nimport { BaseButton } from '../BaseButton/BaseButton'\nimport type { BaseButtonProps } from '../BaseButton/types'\n\nexport type IconButtonProps = {\n icon: IconComponent\n ripple?: boolean\n 'aria-label': string\n iconCss?: CSSObject\n isActive?: boolean\n activeColor?: IconProps['color']\n} & Pick<IconProps, 'color' | 'size' | 'shadow' | 'height' | 'width'> &\n BaseButtonProps\n\n/**\n * The icon component allows you to pass in an icon and\n * apply color and sizing properties.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n (props: IconButtonProps, ref) => {\n const {\n icon: Icon,\n color: iconColor = 'default',\n size = 'l',\n shadow,\n ripple,\n height,\n width,\n iconCss,\n children,\n isActive,\n activeColor,\n ...other\n } = props\n const { disabled, isLoading, asChild } = other\n const { color, cornerRadius, spacing, motion, iconSizes } = useTheme()\n\n const currentIconColor = disabled\n ? 'disabled'\n : (isActive && activeColor) || iconColor\n\n const buttonCss: CSSObject = {\n background: 'transparent',\n border: 'none',\n borderRadius: cornerRadius.circle,\n padding: ripple ? spacing.xs : 0,\n overflow: 'unset',\n svg: {\n transition: `transform ${motion.hover}`,\n path: {\n transition: `fill ${motion.hover}`\n }\n },\n '&:hover': {\n transform: 'scale(1.0)',\n svg: {\n transform: 'scale(1.1)',\n path: {\n fill: activeColor ? color.icon[activeColor] : undefined\n }\n }\n },\n '&:active': {\n transform: 'scale(1.0)',\n svg: {\n transform: 'scale(0.98)',\n path: {\n fill: activeColor ? color.icon[activeColor] : undefined\n }\n }\n }\n }\n\n const rippleCss: CSSObject = {\n transition: `background-color ${motion.hover}`,\n '&:hover, &[data-active=\"true\"]': {\n backgroundColor: color.neutral.n100\n },\n '&:active': {\n backgroundColor: color.neutral.n150\n }\n }\n\n const loadingIconCss: CSSObject = {\n ...iconCss,\n height: iconSizes[size],\n width: iconSizes[size]\n }\n\n return (\n <BaseButton\n ref={ref}\n type={asChild ? undefined : 'button'}\n {...other}\n css={[buttonCss, (ripple || isActive) && rippleCss]}\n styles={{ icon: loadingIconCss }}\n slotted\n data-active={isActive}\n >\n {isLoading ? null : (\n <Icon\n aria-hidden\n color={currentIconColor}\n size={size}\n shadow={shadow}\n height={height}\n width={width}\n css={iconCss}\n />\n )}\n <Slottable>{children}</Slottable>\n </BaseButton>\n )\n }\n)\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAmBA;;;AAGG;IACU,UAAU,GAAG,UAAU,CAClC,UAAC,KAAsB,EAAE,GAAG,EAAA;AAExB,IAAA,IAAM,IAAI,GAYR,KAAK,CAAA,IAZG,EACV,EAWE,GAAA,KAAK,CAXqB,KAAA,EAArB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,EAC5B,EAUE,GAAA,KAAK,CAVG,IAAA,EAAV,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,GAAG,GAAA,EAAA,EACV,MAAM,GASJ,KAAK,CAAA,MATD,EACN,MAAM,GAQJ,KAAK,OARD,EACN,MAAM,GAOJ,KAAK,CAPD,MAAA,EACN,KAAK,GAMH,KAAK,CANF,KAAA,EACL,OAAO,GAKL,KAAK,CAAA,OALA,EACP,QAAQ,GAIN,KAAK,CAAA,QAJC,EACR,QAAQ,GAGN,KAAK,CAHC,QAAA,EACR,WAAW,GAET,KAAK,CAFI,WAAA,EACR,KAAK,GACN,MAAA,CAAA,KAAK,EAbH,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,EAAA,aAAA,CAaL,CADS,CACD;AACD,IAAA,IAAA,QAAQ,GAAyB,KAAK,CAAA,QAA9B,EAAE,SAAS,GAAc,KAAK,CAAA,SAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAU;AACxC,IAAA,IAAA,KAAsD,QAAQ,EAAE,EAA9D,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAe,CAAA;IAEtE,IAAM,gBAAgB,GAAG,QAAQ;AAC/B,UAAE,UAAU;UACV,CAAC,QAAQ,IAAI,WAAW,KAAK,SAAS,CAAA;AAE1C,IAAA,IAAM,SAAS,GAAc;AAC3B,QAAA,UAAU,EAAE,aAAa;AACzB,QAAA,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,YAAY,CAAC,MAAM;QACjC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,EAAE,GAAG,CAAC;AAChC,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,GAAG,EAAE;AACH,YAAA,UAAU,EAAE,YAAA,CAAA,MAAA,CAAa,MAAM,CAAC,KAAK,CAAE;AACvC,YAAA,IAAI,EAAE;AACJ,gBAAA,UAAU,EAAE,OAAA,CAAA,MAAA,CAAQ,MAAM,CAAC,KAAK,CAAE;AACnC,aAAA;AACF,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,SAAS,EAAE,YAAY;AACvB,YAAA,GAAG,EAAE;AACH,gBAAA,SAAS,EAAE,YAAY;AACvB,gBAAA,IAAI,EAAE;AACJ,oBAAA,IAAI,EAAE,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,SAAS;AACxD,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,SAAS,EAAE,YAAY;AACvB,YAAA,GAAG,EAAE;AACH,gBAAA,SAAS,EAAE,aAAa;AACxB,gBAAA,IAAI,EAAE;AACJ,oBAAA,IAAI,EAAE,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,SAAS;AACxD,iBAAA;AACF,aAAA;AACF,SAAA;KACF,CAAA;AAED,IAAA,IAAM,SAAS,GAAc;AAC3B,QAAA,UAAU,EAAE,mBAAA,CAAA,MAAA,CAAoB,MAAM,CAAC,KAAK,CAAE;AAC9C,QAAA,gCAAgC,EAAE;AAChC,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACpC,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACpC,SAAA;KACF,CAAA;AAED,IAAA,IAAM,cAAc,GACf,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,OAAO,KACV,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,EACvB,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,GACvB,CAAA;IAED,QACEA,KAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,IAChC,KAAK,EAAA,EACT,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC,MAAM,IAAI,QAAQ,KAAK,SAAS,CAAC,EACnD,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,EAChC,OAAO,EAAA,IAAA,EAAA,aAAA,EACM,QAAQ,EAEpB,EAAA,EAAA,QAAA,EAAA,CAAA,SAAS,GAAG,IAAI,IACfC,GAAA,CAAC,IAAI,EAEH,EAAA,aAAA,EAAA,IAAA,EAAA,KAAK,EAAE,gBAAgB,EACvB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,OAAO,EACZ,CAAA,CACH,EACDA,GAAC,CAAA,SAAS,cAAE,QAAQ,EAAA,CAAa,CACtB,EAAA,CAAA,CAAA,EACd;AACH,CAAC;;;;"}
|
|
@@ -8,8 +8,8 @@ import '../layout/Paper/Paper.js';
|
|
|
8
8
|
import { Text } from '../text/Text.js';
|
|
9
9
|
|
|
10
10
|
var IconText = function (_a) {
|
|
11
|
-
var children = _a.children, _b = _a.color, color = _b === void 0 ? '
|
|
12
|
-
var separator = (jsx(Text, __assign({ variant: 'body', color:
|
|
11
|
+
var children = _a.children, _b = _a.color, color = _b === void 0 ? 'subdued' : _b, _c = _a.icons, icons = _c === void 0 ? [] : _c;
|
|
12
|
+
var separator = (jsx(Text, __assign({ variant: 'body', color: color, css: { fontSize: 8, lineHeight: 20 } }, { children: "\u2022" })));
|
|
13
13
|
return (jsxs(Flex, __assign({ h: 'l', gap: 'xs', alignItems: 'center' }, { children: [icons.map(function (_a, index) {
|
|
14
14
|
var Icon = _a.icon, _b = _a.color, iconColor = _b === void 0 ? 'default' : _b;
|
|
15
15
|
return (jsxs(Fragment, { children: [index > 0 ? separator : null, jsx(Icon, { size: '2xs', color: iconColor })] }, "icon".concat(index)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconText.js","sources":["../../../src/components/icon-text/IconText.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport { Flex } from '~harmony/components/layout'\nimport { Text } from '~harmony/components/text'\n\nimport { IconTextProps } from './types'\n\nexport const IconText = ({\n children,\n color = '
|
|
1
|
+
{"version":3,"file":"IconText.js","sources":["../../../src/components/icon-text/IconText.tsx"],"sourcesContent":["import { Fragment } from 'react'\n\nimport { Flex } from '~harmony/components/layout'\nimport { Text } from '~harmony/components/text'\n\nimport { IconTextProps } from './types'\n\nexport const IconText = ({\n children,\n color = 'subdued',\n icons = []\n}: IconTextProps) => {\n const separator = (\n <Text variant='body' color={color} css={{ fontSize: 8, lineHeight: 20 }}>\n •\n </Text>\n )\n\n return (\n <Flex h='l' gap='xs' alignItems='center'>\n {icons.map(({ icon: Icon, color: iconColor = 'default' }, index) => (\n <Fragment key={`icon${index}`}>\n {index > 0 ? separator : null}\n <Icon size='2xs' color={iconColor} />\n </Fragment>\n ))}\n <Text size='s' color={color}>\n {children}\n </Text>\n </Flex>\n )\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AAOO,IAAM,QAAQ,GAAG,UAAC,EAIT,EAAA;AAHd,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAiB,GAAA,EAAA,CAAA,KAAA,EAAjB,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,GAAA,EAAA,EACjB,EAAU,GAAA,EAAA,CAAA,KAAA,EAAV,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,CAAA;IAEV,IAAM,SAAS,IACbA,GAAC,CAAA,IAAI,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,EAEhE,EAAA,EAAA,QAAA,EAAA,QAAA,EAAA,CAAA,CAAA,CACR,CAAA;IAED,QACEC,KAAC,IAAI,EAAA,QAAA,CAAA,EAAC,CAAC,EAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAA,EAAA,EAAA,QAAA,EAAA,CACrC,KAAK,CAAC,GAAG,CAAC,UAAC,EAA4C,EAAE,KAAK,EAAA;AAA3C,gBAAA,IAAA,IAAI,UAAA,EAAE,EAAA,GAAA,EAAA,CAAA,KAA4B,EAArB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAA,EAAA,CAAA;AAAc,gBAAA,QAClEA,IAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACN,KAAK,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,EAC7BD,GAAC,CAAA,IAAI,EAAC,EAAA,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,SAAS,EAAA,CAAI,CAFxB,EAAA,EAAA,MAAA,CAAA,MAAA,CAAO,KAAK,CAAE,CAGlB,EACZ;AALmE,aAKnE,CAAC,EACFA,GAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,KAAK,EAAA,EAAA,EAAA,QAAA,EACxB,QAAQ,EACJ,CAAA,CAAA,CAAA,EAAA,CAAA,CACF,EACR;AACH;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Divider/Divider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC;;GAEG;AACH,eAAO,MAAM,OAAO,UAAW,YAAY,
|
|
1
|
+
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Divider/Divider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC;;GAEG;AACH,eAAO,MAAM,OAAO,UAAW,YAAY,qDAgD1C,CAAA"}
|
|
@@ -29,7 +29,8 @@ var Divider = function (props) {
|
|
|
29
29
|
height: 'auto'
|
|
30
30
|
})), (!children &&
|
|
31
31
|
orientation === 'horizontal' && {
|
|
32
|
-
borderBottom: border
|
|
32
|
+
borderBottom: border,
|
|
33
|
+
flex: 1
|
|
33
34
|
}));
|
|
34
35
|
var Root = children ? 'div' : 'hr';
|
|
35
36
|
var role = children ? 'separator' : undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.js","sources":["../../../../src/components/layout/Divider/Divider.tsx"],"sourcesContent":["import { CSSObject, useTheme } from '@emotion/react'\n\nimport { DividerProps } from './types'\n\n/**\n * A separator between two elements, usually consisting of a horizontal or vertical line.\n */\nexport const Divider = (props: DividerProps) => {\n const {\n orientation = 'horizontal',\n children,\n color = 'strong',\n className\n } = props\n const theme = useTheme()\n const border = `1px solid ${theme.color.border[color]}`\n\n const css: CSSObject = {\n border: 'none',\n margin: 0,\n ...(children &&\n orientation === 'horizontal' && {\n display: 'flex',\n gap: theme.spacing.s,\n whiteSpace: 'nowrap',\n textAlign: 'center',\n border: 0,\n '&::before, &::after': {\n content: '\"\"',\n alignSelf: 'center',\n width: '100%',\n borderTop: border\n }\n }),\n ...(!children &&\n orientation === 'vertical' && {\n borderRight: border,\n alignSelf: 'stretch',\n height: 'auto'\n }),\n ...(!children &&\n orientation === 'horizontal' && {\n borderBottom: border\n })\n }\n\n const Root = children ? 'div' : 'hr'\n const role = children ? 'separator' : undefined\n\n return (\n <Root role={role} css={css} className={className}>\n {children}\n </Root>\n )\n}\n"],"names":["_jsx"],"mappings":";;;;AAIA;;AAEG;AACI,IAAM,OAAO,GAAG,UAAC,KAAmB,EAAA;IAEvC,IAAA,EAAA,GAIE,KAAK,CAAA,WAJmB,EAA1B,WAAW,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,YAAY,GAAA,EAAA,EAC1B,QAAQ,GAGN,KAAK,CAAA,QAHC,EACR,EAAA,GAEE,KAAK,CAAA,KAFS,EAAhB,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,QAAQ,GAAA,EAAA,EAChB,SAAS,GACP,KAAK,CAAA,SADE,CACF;AACT,IAAA,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;AACxB,IAAA,IAAM,MAAM,GAAG,YAAa,CAAA,MAAA,CAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAE,CAAA;IAEvD,IAAM,GAAG,GACP,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,CAAC,EACN,GAAC,QAAQ;QACV,WAAW,KAAK,YAAY,IAAI;AAC9B,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;AACpB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,qBAAqB,EAAE;AACrB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,SAAS,EAAE,QAAQ;AACnB,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,SAAS,EAAE,MAAM;AAClB,SAAA;KACF,EAAC,GACA,CAAC,QAAQ;QACX,WAAW,KAAK,UAAU,IAAI;AAC5B,QAAA,WAAW,EAAE,MAAM;AACnB,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,MAAM,EAAE,MAAM;KACf,EAAC,GACA,CAAC,QAAQ;QACX,WAAW,KAAK,YAAY,IAAI;AAC9B,QAAA,YAAY,EAAE,MAAM;
|
|
1
|
+
{"version":3,"file":"Divider.js","sources":["../../../../src/components/layout/Divider/Divider.tsx"],"sourcesContent":["import { CSSObject, useTheme } from '@emotion/react'\n\nimport { DividerProps } from './types'\n\n/**\n * A separator between two elements, usually consisting of a horizontal or vertical line.\n */\nexport const Divider = (props: DividerProps) => {\n const {\n orientation = 'horizontal',\n children,\n color = 'strong',\n className\n } = props\n const theme = useTheme()\n const border = `1px solid ${theme.color.border[color]}`\n\n const css: CSSObject = {\n border: 'none',\n margin: 0,\n ...(children &&\n orientation === 'horizontal' && {\n display: 'flex',\n gap: theme.spacing.s,\n whiteSpace: 'nowrap',\n textAlign: 'center',\n border: 0,\n '&::before, &::after': {\n content: '\"\"',\n alignSelf: 'center',\n width: '100%',\n borderTop: border\n }\n }),\n ...(!children &&\n orientation === 'vertical' && {\n borderRight: border,\n alignSelf: 'stretch',\n height: 'auto'\n }),\n ...(!children &&\n orientation === 'horizontal' && {\n borderBottom: border,\n flex: 1\n })\n }\n\n const Root = children ? 'div' : 'hr'\n const role = children ? 'separator' : undefined\n\n return (\n <Root role={role} css={css} className={className}>\n {children}\n </Root>\n )\n}\n"],"names":["_jsx"],"mappings":";;;;AAIA;;AAEG;AACI,IAAM,OAAO,GAAG,UAAC,KAAmB,EAAA;IAEvC,IAAA,EAAA,GAIE,KAAK,CAAA,WAJmB,EAA1B,WAAW,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,YAAY,GAAA,EAAA,EAC1B,QAAQ,GAGN,KAAK,CAAA,QAHC,EACR,EAAA,GAEE,KAAK,CAAA,KAFS,EAAhB,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,QAAQ,GAAA,EAAA,EAChB,SAAS,GACP,KAAK,CAAA,SADE,CACF;AACT,IAAA,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;AACxB,IAAA,IAAM,MAAM,GAAG,YAAa,CAAA,MAAA,CAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAE,CAAA;IAEvD,IAAM,GAAG,GACP,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,CAAC,EACN,GAAC,QAAQ;QACV,WAAW,KAAK,YAAY,IAAI;AAC9B,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;AACpB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,qBAAqB,EAAE;AACrB,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,SAAS,EAAE,QAAQ;AACnB,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,SAAS,EAAE,MAAM;AAClB,SAAA;KACF,EAAC,GACA,CAAC,QAAQ;QACX,WAAW,KAAK,UAAU,IAAI;AAC5B,QAAA,WAAW,EAAE,MAAM;AACnB,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,MAAM,EAAE,MAAM;KACf,EAAC,GACA,CAAC,QAAQ;QACX,WAAW,KAAK,YAAY,IAAI;AAC9B,QAAA,YAAY,EAAE,MAAM;AACpB,QAAA,IAAI,EAAE,CAAC;AACR,KAAA,EACJ,CAAA;IAED,IAAM,IAAI,GAAG,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAA;IACpC,IAAM,IAAI,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,CAAA;AAE/C,IAAA,QACEA,GAAC,CAAA,IAAI,aAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,gBAC7C,QAAQ,EAAA,CAAA,CACJ,EACR;AACH;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { IconProps } from '../icon';
|
|
2
|
+
import { FlexProps } from '../layout/Flex';
|
|
3
|
+
type LoadingSpinnerProps = FlexProps & Pick<IconProps, 'size' | 'color'>;
|
|
4
4
|
declare const LoadingSpinner: (props: LoadingSpinnerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
5
5
|
export default LoadingSpinner;
|
|
6
6
|
//# sourceMappingURL=LoadingSpinner.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/loading-spinner/LoadingSpinner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/loading-spinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAQ,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAEhD,KAAK,mBAAmB,GAAG,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,CAAA;AAExE,QAAA,MAAM,cAAc,UAAW,mBAAmB,qDAkBjD,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -1,13 +1,18 @@
|
|
|
1
|
-
import { __assign } from '../../_virtual/_tslib.js';
|
|
1
|
+
import { __rest, __assign } from '../../_virtual/_tslib.js';
|
|
2
2
|
import { jsx } from '@emotion/react/jsx-runtime';
|
|
3
|
-
import cn from 'classnames';
|
|
4
3
|
import Lottie from 'lottie-react';
|
|
5
4
|
import loadingSpinner from '../../assets/animations/loadingSpinner.json.js';
|
|
6
|
-
import
|
|
5
|
+
import { Flex } from '../layout/Flex/Flex.js';
|
|
7
6
|
|
|
8
7
|
var LoadingSpinner = function (props) {
|
|
9
|
-
var
|
|
10
|
-
return (jsx(
|
|
8
|
+
var _a = props.size, size = _a === void 0 ? 'l' : _a, color = props.color, rest = __rest(props, ["size", "color"]);
|
|
9
|
+
return (jsx(Flex, __assign({ role: 'progressbar', "data-chromatic": 'ignore', css: function (theme) { return ({
|
|
10
|
+
height: size ? theme.iconSizes[size] : undefined,
|
|
11
|
+
width: size ? theme.iconSizes[size] : undefined,
|
|
12
|
+
g: {
|
|
13
|
+
path: { stroke: color ? theme.color.icon[color] : 'currentColor' }
|
|
14
|
+
}
|
|
15
|
+
}); } }, rest, { children: jsx(Lottie, { loop: true, autoplay: true, animationData: loadingSpinner }) })));
|
|
11
16
|
};
|
|
12
17
|
|
|
13
18
|
export { LoadingSpinner as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingSpinner.js","sources":["../../../src/components/loading-spinner/LoadingSpinner.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"LoadingSpinner.js","sources":["../../../src/components/loading-spinner/LoadingSpinner.tsx"],"sourcesContent":["import Lottie from 'lottie-react'\n\nimport loadingSpinner from '~harmony/assets/animations/loadingSpinner.json'\n\nimport { IconProps } from '../icon'\nimport { Flex, FlexProps } from '../layout/Flex'\n\ntype LoadingSpinnerProps = FlexProps & Pick<IconProps, 'size' | 'color'>\n\nconst LoadingSpinner = (props: LoadingSpinnerProps) => {\n const { size = 'l', color, ...rest } = props\n return (\n <Flex\n role='progressbar'\n data-chromatic='ignore'\n css={(theme) => ({\n height: size ? theme.iconSizes[size] : undefined,\n width: size ? theme.iconSizes[size] : undefined,\n g: {\n path: { stroke: color ? theme.color.icon[color] : 'currentColor' }\n }\n })}\n {...rest}\n >\n <Lottie loop autoplay animationData={loadingSpinner} />\n </Flex>\n )\n}\n\nexport default LoadingSpinner\n"],"names":["_jsx"],"mappings":";;;;;;AASM,IAAA,cAAc,GAAG,UAAC,KAA0B,EAAA;IACxC,IAAA,EAAA,GAA+B,KAAK,CAA1B,IAAA,EAAV,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,GAAG,KAAA,EAAE,KAAK,GAAc,KAAK,CAAA,KAAnB,EAAK,IAAI,GAAA,MAAA,CAAK,KAAK,EAAtC,CAAA,MAAA,EAAA,OAAA,CAA8B,CAAF,CAAU;AAC5C,IAAA,QACEA,GAAC,CAAA,IAAI,EACH,QAAA,CAAA,EAAA,IAAI,EAAC,aAAa,EAAA,gBAAA,EACH,QAAQ,EACvB,GAAG,EAAE,UAAC,KAAK,EAAA,EAAK,QAAC;AACf,YAAA,MAAM,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;AAChD,YAAA,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;AAC/C,YAAA,CAAC,EAAE;gBACD,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,cAAc,EAAE;AACnE,aAAA;AACF,SAAA,IAAC,EAAA,EACE,IAAI,EAER,EAAA,QAAA,EAAAA,GAAA,CAAC,MAAM,EAAC,EAAA,IAAI,EAAC,IAAA,EAAA,QAAQ,QAAC,aAAa,EAAE,cAAc,EAAI,CAAA,EAAA,CAAA,CAClD,EACR;AACH;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AA4BA,OAAO,EAAE,UAAU,EAAU,MAAM,SAAS,CAAA;AAoF5C,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AA4BA,OAAO,EAAE,UAAU,EAAU,MAAM,SAAS,CAAA;AAoF5C,eAAO,MAAM,KAAK,sKAqShB,CAAA"}
|
|
@@ -91,7 +91,7 @@ var useModalRoot = function (id, isOpen, zIndex) {
|
|
|
91
91
|
var Modal = forwardRef(function Modal(_a, ref) {
|
|
92
92
|
var _b, _c, _d;
|
|
93
93
|
var _this = this;
|
|
94
|
-
var ariaDescribedbyProp = _a["aria-describedby"], ariaLabelledbyProp = _a["aria-labelledby"], modalKey = _a.modalKey, children = _a.children, onClose = _a.onClose, onClosed = _a.onClosed, isOpenProp = _a.isOpen, wrapperClassName = _a.wrapperClassName, bodyClassName = _a.bodyClassName, titleClassName = _a.titleClassName, subtitleClassName = _a.subtitleClassName, headerContainerClassName = _a.headerContainerClassName, _e = _a.anchor, anchor = _e === void 0 ? Anchor.CENTER : _e, subtitle = _a.subtitle, _f = _a.verticalAnchorOffset, verticalAnchorOffset = _f === void 0 ? 0 : _f, _g = _a.horizontalPadding, horizontalPadding = _g === void 0 ? 8 : _g, _h = _a.contentHorizontalPadding, contentHorizontalPadding = _h === void 0 ? 0 : _h, _j = _a.allowScroll, allowScroll = _j === void 0 ? false : _j, _k = _a.title, title = _k === void 0 ? '' : _k, _l = _a.showTitleHeader, showTitleHeader = _l === void 0 ? false : _l, _m = _a.dismissOnClickOutside, dismissOnClickOutside = _m === void 0 ? true : _m, _o = _a.showDismissButton, showDismissButton = _o === void 0 ? false : _o, zIndex = _a.zIndex, size = _a.size;
|
|
94
|
+
var ariaDescribedbyProp = _a["aria-describedby"], ariaLabelledbyProp = _a["aria-labelledby"], modalKey = _a.modalKey, children = _a.children, onClose = _a.onClose, onClosed = _a.onClosed, isOpenProp = _a.isOpen, wrapperClassName = _a.wrapperClassName, bodyClassName = _a.bodyClassName, titleClassName = _a.titleClassName, subtitleClassName = _a.subtitleClassName, headerContainerClassName = _a.headerContainerClassName, _e = _a.anchor, anchor = _e === void 0 ? Anchor.CENTER : _e, subtitle = _a.subtitle, _f = _a.verticalAnchorOffset, verticalAnchorOffset = _f === void 0 ? 0 : _f, _g = _a.horizontalPadding, horizontalPadding = _g === void 0 ? 8 : _g, _h = _a.contentHorizontalPadding, contentHorizontalPadding = _h === void 0 ? 0 : _h, _j = _a.allowScroll, allowScroll = _j === void 0 ? false : _j, _k = _a.title, title = _k === void 0 ? '' : _k, _l = _a.showTitleHeader, showTitleHeader = _l === void 0 ? false : _l, _m = _a.dismissOnClickOutside, dismissOnClickOutside = _m === void 0 ? true : _m, _o = _a.showDismissButton, showDismissButton = _o === void 0 ? false : _o, zIndex = _a.zIndex, size = _a.size, className = _a.className;
|
|
95
95
|
useEffectOnce(function () {
|
|
96
96
|
if (process.env.NODE_ENV !== 'production' &&
|
|
97
97
|
process.env.NODE_ENV !== 'development') {
|
|
@@ -228,7 +228,7 @@ var Modal = forwardRef(function Modal(_a, ref) {
|
|
|
228
228
|
paddingRight: "".concat(contentHorizontalPadding, "px")
|
|
229
229
|
};
|
|
230
230
|
/** End @deprecated section */
|
|
231
|
-
var bodyClassNames = cn(styles.body, (_c = {},
|
|
231
|
+
var bodyClassNames = cn(styles.body, className, (_c = {},
|
|
232
232
|
_c[styles.noScroll] = !allowScroll,
|
|
233
233
|
_c[styles["size".concat(capitalize(size))]] = size,
|
|
234
234
|
_c[bodyClassName] = !!bodyClassName,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["import {\n useEffect,\n useState,\n useCallback,\n useMemo,\n forwardRef,\n MouseEventHandler,\n useRef\n} from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport cn from 'classnames'\nimport { capitalize } from 'lodash'\nimport uniqueId from 'lodash/uniqueId'\nimport ReactDOM from 'react-dom'\n// eslint-disable-next-line no-restricted-imports -- TODO: migrate to @react-spring/web\nimport { animated, useTransition } from 'react-spring'\nimport { useEffectOnce } from 'react-use'\n\nimport { ModalState } from '~harmony/utils/modalState'\n\nimport { useHotkeys, useScrollLock, useClickOutside } from '../../hooks'\nimport { IconClose } from '../../icons'\n\nimport styles from './Modal.module.css'\nimport { ModalContext } from './ModalContext'\nimport { findAncestor } from './findAncestor'\nimport { useModalScrollCount } from './hooks'\nimport { ModalProps, Anchor } from './types'\n\nconst rootContainer = 'modalRootContainer'\nconst rootId = 'modalRoot'\nconst bgId = 'bgModal'\nconst wrapperClass = 'modalWrapper'\n\nconst anchorStyleMap = {\n [Anchor.TOP]: styles.top,\n [Anchor.CENTER]: styles.center,\n [Anchor.BOTTOM]: styles.bottom\n}\n\nconst anchorPropertyMap = {\n [Anchor.TOP]: 'marginTop',\n [Anchor.CENTER]: 'marginTop',\n [Anchor.BOTTOM]: 'marginBottom'\n}\n\nconst getOffset = (anchor: Anchor, verticalAnchorOffset: number) => {\n return { [anchorPropertyMap[anchor]]: verticalAnchorOffset }\n}\n\nconst useModalRoot = (id: string, isOpen: boolean, zIndex?: number) => {\n const [modalRoot, setModalRoot] = useState<HTMLElement | null>(null)\n const [modalBg, setModalBg] = useState<HTMLElement | null>(null)\n\n useEffect(() => {\n const uniqueRootId = `${id}-${rootId}`\n const uniqueBgId = `${id}-${bgId}`\n const uniqueRootContainerId = `${id}-${rootContainer}`\n let el = document.getElementById(uniqueRootId)\n let bgEl = document.getElementById(uniqueBgId)\n let container = document.getElementById(uniqueRootContainerId)\n\n if (!isOpen) {\n if (bgEl) {\n document.body.removeChild(bgEl)\n }\n if (el && container) {\n container.removeChild(el)\n }\n\n if (container) {\n document.body.removeChild(container)\n }\n\n return\n }\n\n if (!bgEl) {\n bgEl = document.createElement('div')\n bgEl.id = uniqueBgId\n bgEl.classList.add(bgId)\n document.body.appendChild(bgEl)\n }\n\n if (!container) {\n container = document.createElement('div')\n container.id = uniqueRootContainerId\n container.classList.add(rootContainer)\n document.body.appendChild(container)\n }\n\n if (!el) {\n el = document.createElement('div')\n el.id = uniqueRootId\n el.classList.add(rootId)\n container.appendChild(el)\n }\n\n if (zIndex) {\n container.style.zIndex = `${zIndex}`\n el.style.zIndex = `${zIndex}`\n bgEl.style.zIndex = `${zIndex - 1}`\n }\n\n setModalRoot(el)\n setModalBg(bgEl)\n }, [id, zIndex, isOpen])\n\n return [modalRoot, modalBg]\n}\n\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(function Modal(\n {\n 'aria-describedby': ariaDescribedbyProp,\n 'aria-labelledby': ariaLabelledbyProp,\n modalKey,\n children,\n onClose,\n onClosed,\n isOpen: isOpenProp,\n wrapperClassName,\n bodyClassName,\n titleClassName,\n subtitleClassName,\n headerContainerClassName,\n anchor = Anchor.CENTER,\n subtitle,\n verticalAnchorOffset = 0,\n horizontalPadding = 8,\n contentHorizontalPadding = 0,\n allowScroll = false,\n title = '',\n showTitleHeader = false,\n dismissOnClickOutside = true,\n showDismissButton = false,\n zIndex,\n size\n },\n ref\n) {\n useEffectOnce(() => {\n if (\n process.env.NODE_ENV !== 'production' &&\n process.env.NODE_ENV !== 'development'\n ) {\n if (\n subtitle ||\n title ||\n showTitleHeader ||\n titleClassName ||\n subtitleClassName ||\n headerContainerClassName ||\n showDismissButton\n ) {\n console.warn(\n 'Header and title-related props of `Modal` have been deprecated. Use the `ModalHeader` sub-component instead.'\n )\n }\n\n if (allowScroll !== undefined) {\n console.warn('`allowScroll` prop of `Modal` has been deprecated.')\n }\n }\n })\n\n const [modalState, setModalState] = useState<ModalState>('closed')\n const isOpen = modalState !== 'closed'\n const isDoneOpening = modalState === 'open'\n const { spring } = useTheme()\n const id = useMemo(() => modalKey || uniqueId('modal-'), [modalKey])\n const titleId = ariaLabelledbyProp || `${id}-title`\n const subtitleId = ariaDescribedbyProp || `${id}-subtitle`\n const modalContextValue = useMemo(() => {\n return { titleId, subtitleId, onClose, isDoneOpening }\n }, [titleId, subtitleId, onClose, isDoneOpening])\n\n const onTouchMove = useCallback(\n (e: any) => {\n !allowScroll && e.preventDefault()\n },\n [allowScroll]\n )\n\n const [modalRoot, bgModal] = useModalRoot(id, isOpen, zIndex)\n const { incrementScrollCount, decrementScrollCount } = useModalScrollCount()\n useScrollLock(isOpen, incrementScrollCount, decrementScrollCount)\n\n useEffect(() => {\n if (modalState === 'closed' && isOpenProp) {\n setModalState('opening')\n } else if (modalState === 'open' && !isOpenProp) {\n setModalState('closing')\n }\n }, [isOpenProp, modalState])\n\n useEffect(() => {\n if (isOpen) {\n if (bgModal) {\n bgModal.classList.add('bgModalVisible')\n }\n\n // Need to prevent safari iOS bounce\n // overscroll effect by intercepting\n // touchmove events.\n if (modalRoot) modalRoot.addEventListener('touchmove', onTouchMove)\n return () => {\n if (bgModal) bgModal.classList.remove('bgModalVisible')\n }\n }\n if (bgModal) bgModal.classList.remove('bgModalVisible')\n if (modalRoot) modalRoot.removeEventListener('touchmove', onTouchMove)\n return () => {}\n }, [isOpen, bgModal, onTouchMove, modalRoot])\n\n const transition = useTransition(isOpenProp, null, {\n from: { transform: 'scale(0)', opacity: 0 },\n // @ts-ignore function is a valid value for enter, but the types don't acknowledge that\n enter:\n () =>\n async (\n next: (props: { transform: string; opacity: number }) => Promise<void>\n ) => {\n await next({ transform: 'scale(1)', opacity: 1 })\n },\n leave: { transform: 'scale(0)', opacity: 0 },\n unique: true,\n config: spring.standard,\n onDestroyed: (isDestroyed) => {\n setModalState(isDestroyed ? 'closed' : 'open')\n if (isDestroyed) {\n onClosed?.()\n }\n }\n })\n\n const modalContentClickedRef = useRef<boolean>(false)\n const outsideClickRef = useClickOutside(\n onClose,\n isOpen,\n // Check to see if the click outside is not another modal wrapper.\n // If it is, that means we have a nested modal situation and shouldn't\n // dismiss \"this\" modal. We let the useClickOutside in \"that\" modal to\n // dismiss it.\n (e: EventTarget) => {\n // Only close if we're open.\n // Closing when we're not open can cause a race condition when opened\n // via a click since this handler exists prior to visibility,\n // causing the modal to open and close immediately\n if (\n !isOpen ||\n modalContentClickedRef?.current ||\n !dismissOnClickOutside\n ) {\n modalContentClickedRef.current = false\n return true\n }\n if (e instanceof Element) {\n const modalElement = findAncestor(e, `.${wrapperClass}`)\n if (!modalElement) {\n return false\n }\n const isModalWrapper = modalElement.classList.contains(wrapperClass)\n const isThisModalWrapper = modalElement.classList.contains(\n `${wrapperClass}-${id}`\n )\n return isModalWrapper && !isThisModalWrapper\n }\n return false\n }\n )\n\n const handleEscape = useCallback(() => {\n if (isOpen) onClose()\n }, [isOpen, onClose])\n\n useHotkeys({ 27 /* escape */: handleEscape })\n\n const wrapperClassNames = cn(\n styles.wrapper,\n anchorStyleMap[anchor],\n {\n [wrapperClassName!]: !!wrapperClassName\n },\n wrapperClass,\n // Add a unique id class name to detect whether, if we're using\n // click outside to dismiss the modal, the correct \"outside\" is being clicked.\n `${wrapperClass}-${id}`\n )\n\n const wrapperStyle = {\n paddingLeft: `${horizontalPadding}px`,\n paddingRight: `${horizontalPadding}px`\n }\n\n /** Begin @deprecated section (favor using ModalContent sub-component) */\n const bodyStyle = {\n paddingLeft: `${contentHorizontalPadding}px`,\n paddingRight: `${contentHorizontalPadding}px`\n }\n /** End @deprecated section */\n\n const bodyClassNames = cn(styles.body, {\n [styles.noScroll!]: !allowScroll,\n [styles[`size${capitalize(size)}`]]: size,\n [bodyClassName!]: !!bodyClassName\n })\n\n const headerContainerClassNames = cn(styles.headerContainer, {\n [headerContainerClassName!]: !!headerContainerClassName\n })\n\n const [height, setHeight] = useState(\n typeof window !== 'undefined' ? window.innerHeight : 0\n )\n\n useEffect(() => {\n const onResize = () => {\n setHeight(window.innerHeight)\n }\n window.addEventListener('resize', onResize)\n return () => {\n window.removeEventListener('resize', onResize)\n }\n }, [setHeight])\n\n const bodyOffset = getOffset(anchor, verticalAnchorOffset)\n\n const handleModalContentClicked: MouseEventHandler = () => {\n modalContentClickedRef.current = true\n }\n\n return (\n <>\n {modalRoot && (process.env.NODE_ENV === 'test' ? isOpenProp : isOpen)\n ? ReactDOM.createPortal(\n <>\n {transition.map(\n ({ item, props, key }) =>\n item && (\n <animated.div\n className={wrapperClassNames}\n style={{\n ...wrapperStyle,\n opacity: props.opacity,\n height,\n minHeight: height\n }}\n key={key}\n ref={ref}\n >\n <animated.div\n ref={dismissOnClickOutside ? outsideClickRef : null}\n className={bodyClassNames}\n style={{ ...props, ...bodyOffset, ...bodyStyle }}\n role='dialog'\n aria-labelledby={titleId}\n aria-describedby={subtitleId}\n onMouseDown={handleModalContentClicked}\n >\n <>\n {/** Begin @deprecated section (moved to ModalHeader and ModalTitle sub-components) */}\n {showTitleHeader && (\n <div className={headerContainerClassNames}>\n {showDismissButton && (\n <div\n className={styles.dismissButton}\n onClick={onClose}\n >\n <IconClose color='subdued' size='s' />\n </div>\n )}\n <div\n id={titleId}\n className={cn(styles.header, titleClassName)}\n >\n {title}\n </div>\n <div\n id={subtitleId}\n className={cn(\n styles.subtitle,\n subtitleClassName\n )}\n >\n {subtitle}\n </div>\n </div>\n )}\n {/** End @deprecated section */}\n <ModalContext.Provider value={modalContextValue}>\n {children}\n </ModalContext.Provider>\n </>\n </animated.div>\n </animated.div>\n )\n )}\n </>,\n modalRoot\n )\n : null}\n </>\n )\n})\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,IAAM,aAAa,GAAG,oBAAoB,CAAA;AAC1C,IAAM,MAAM,GAAG,WAAW,CAAA;AAC1B,IAAM,IAAI,GAAG,SAAS,CAAA;AACtB,IAAM,YAAY,GAAG,cAAc,CAAA;AAEnC,IAAM,cAAc,IAAA,EAAA,GAAA,EAAA;AAClB,IAAA,EAAA,CAAC,MAAM,CAAC,GAAG,CAAG,GAAA,MAAM,CAAC,GAAG;AACxB,IAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAG,GAAA,MAAM,CAAC,MAAM;AAC9B,IAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAG,GAAA,MAAM,CAAC,MAAM;OAC/B,CAAA;AAED,IAAM,iBAAiB,IAAA,EAAA,GAAA,EAAA;AACrB,IAAA,EAAA,CAAC,MAAM,CAAC,GAAG,CAAA,GAAG,WAAW;AACzB,IAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,WAAW;AAC5B,IAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,cAAc;OAChC,CAAA;AAED,IAAM,SAAS,GAAG,UAAC,MAAc,EAAE,oBAA4B,EAAA;;AAC7D,IAAA,OAAA,EAAA,GAAA,EAAA,EAAS,GAAC,iBAAiB,CAAC,MAAM,CAAC,CAAA,GAAG,oBAAoB,EAAE,EAAA,CAAA;AAC9D,CAAC,CAAA;AAED,IAAM,YAAY,GAAG,UAAC,EAAU,EAAE,MAAe,EAAE,MAAe,EAAA;IAC1D,IAAA,EAAA,GAA4B,QAAQ,CAAqB,IAAI,CAAC,EAA7D,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAAsC,CAAA;IAC9D,IAAA,EAAA,GAAwB,QAAQ,CAAqB,IAAI,CAAC,EAAzD,OAAO,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,GAAA,EAAA,CAAA,CAAA,CAAsC,CAAA;AAEhE,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAM,YAAY,GAAG,EAAA,CAAA,MAAA,CAAG,EAAE,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA;AACtC,QAAA,IAAM,UAAU,GAAG,EAAA,CAAA,MAAA,CAAG,EAAE,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA;AAClC,QAAA,IAAM,qBAAqB,GAAG,EAAA,CAAA,MAAA,CAAG,EAAE,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,aAAa,CAAE,CAAA;QACtD,IAAI,EAAE,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;QAC9C,IAAI,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;QAC9C,IAAI,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAA;QAE9D,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,IAAI,IAAI,EAAE;AACR,gBAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;AAChC,aAAA;YACD,IAAI,EAAE,IAAI,SAAS,EAAE;AACnB,gBAAA,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;AAC1B,aAAA;AAED,YAAA,IAAI,SAAS,EAAE;AACb,gBAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;AACrC,aAAA;YAED,OAAM;AACP,SAAA;QAED,IAAI,CAAC,IAAI,EAAE;AACT,YAAA,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AACpC,YAAA,IAAI,CAAC,EAAE,GAAG,UAAU,CAAA;AACpB,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;AACxB,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;AAChC,SAAA;QAED,IAAI,CAAC,SAAS,EAAE;AACd,YAAA,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AACzC,YAAA,SAAS,CAAC,EAAE,GAAG,qBAAqB,CAAA;AACpC,YAAA,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAA;AACtC,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;AACrC,SAAA;QAED,IAAI,CAAC,EAAE,EAAE;AACP,YAAA,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AAClC,YAAA,EAAE,CAAC,EAAE,GAAG,YAAY,CAAA;AACpB,YAAA,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;AACxB,YAAA,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;AAC1B,SAAA;AAED,QAAA,IAAI,MAAM,EAAE;YACV,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,EAAG,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA;YACpC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,EAAG,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA;YAC7B,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,UAAG,MAAM,GAAG,CAAC,CAAE,CAAA;AACpC,SAAA;QAED,YAAY,CAAC,EAAE,CAAC,CAAA;QAChB,UAAU,CAAC,IAAI,CAAC,CAAA;KACjB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;AAExB,IAAA,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;AAC7B,CAAC,CAAA;AAEY,IAAA,KAAK,GAAG,UAAU,CAA6B,SAAS,KAAK,CACxE,EAyBC,EACD,GAAG,EAAA;;IA3BuD,IAoS3D,KAAA,GAAA,IAAA,CAAA;QAlSuB,mBAAmB,GAAA,EAAA,CAAA,kBAAA,CAAA,EACpB,kBAAkB,GAAA,EAAA,CAAA,iBAAA,CAAA,EACrC,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACA,UAAU,YAAA,EAClB,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EACjB,wBAAwB,GAAA,EAAA,CAAA,wBAAA,EACxB,EAAsB,GAAA,EAAA,CAAA,MAAA,EAAtB,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,CAAC,MAAM,GAAA,EAAA,EACtB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAwB,GAAA,EAAA,CAAA,oBAAA,EAAxB,oBAAoB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,CAAC,GAAA,EAAA,EACxB,EAAqB,GAAA,EAAA,CAAA,iBAAA,EAArB,iBAAiB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,CAAC,GAAA,EAAA,EACrB,EAA4B,GAAA,EAAA,CAAA,wBAAA,EAA5B,wBAAwB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,CAAC,GAAA,EAAA,EAC5B,EAAmB,GAAA,EAAA,CAAA,WAAA,EAAnB,WAAW,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACnB,EAAU,GAAA,EAAA,CAAA,KAAA,EAAV,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACV,EAAuB,GAAA,EAAA,CAAA,eAAA,EAAvB,eAAe,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACvB,EAA4B,GAAA,EAAA,CAAA,qBAAA,EAA5B,qBAAqB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EAC5B,EAAyB,GAAA,EAAA,CAAA,iBAAA,EAAzB,iBAAiB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACzB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,IAAI,GAAA,EAAA,CAAA,IAAA,CAAA;AAIN,IAAA,aAAa,CAAC,YAAA;AACZ,QAAA,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;AACrC,YAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EACtC;AACA,YAAA,IACE,QAAQ;gBACR,KAAK;gBACL,eAAe;gBACf,cAAc;gBACd,iBAAiB;gBACjB,wBAAwB;AACxB,gBAAA,iBAAiB,EACjB;AACA,gBAAA,OAAO,CAAC,IAAI,CACV,8GAA8G,CAC/G,CAAA;AACF,aAAA;YAED,IAAI,WAAW,KAAK,SAAS,EAAE;AAC7B,gBAAA,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAA;AACnE,aAAA;AACF,SAAA;AACH,KAAC,CAAC,CAAA;IAEI,IAAA,EAAA,GAA8B,QAAQ,CAAa,QAAQ,CAAC,EAA3D,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,GAAA,EAAA,CAAA,CAAA,CAAkC,CAAA;AAClE,IAAA,IAAM,MAAM,GAAG,UAAU,KAAK,QAAQ,CAAA;AACtC,IAAA,IAAM,aAAa,GAAG,UAAU,KAAK,MAAM,CAAA;AACnC,IAAA,IAAA,MAAM,GAAK,QAAQ,EAAE,OAAf,CAAe;AAC7B,IAAA,IAAM,EAAE,GAAG,OAAO,CAAC,YAAM,EAAA,OAAA,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAA,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;AACpE,IAAA,IAAM,OAAO,GAAG,kBAAkB,IAAI,EAAG,CAAA,MAAA,CAAA,EAAE,WAAQ,CAAA;AACnD,IAAA,IAAM,UAAU,GAAG,mBAAmB,IAAI,EAAG,CAAA,MAAA,CAAA,EAAE,cAAW,CAAA;IAC1D,IAAM,iBAAiB,GAAG,OAAO,CAAC,YAAA;AAChC,QAAA,OAAO,EAAE,OAAO,EAAA,OAAA,EAAE,UAAU,EAAA,UAAA,EAAE,OAAO,EAAA,OAAA,EAAE,aAAa,EAAA,aAAA,EAAE,CAAA;KACvD,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAA;AAEjD,IAAA,IAAM,WAAW,GAAG,WAAW,CAC7B,UAAC,CAAM,EAAA;AACL,QAAA,CAAC,WAAW,IAAI,CAAC,CAAC,cAAc,EAAE,CAAA;AACpC,KAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;AAEK,IAAA,IAAA,EAAuB,GAAA,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAtD,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,OAAO,QAAoC,CAAA;IACvD,IAAA,EAAA,GAAiD,mBAAmB,EAAE,EAApE,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EAAE,oBAAoB,GAAA,EAAA,CAAA,oBAA0B,CAAA;AAC5E,IAAA,aAAa,CAAC,MAAM,EAAE,oBAAoB,EAAE,oBAAoB,CAAC,CAAA;AAEjE,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,EAAE;YACzC,aAAa,CAAC,SAAS,CAAC,CAAA;AACzB,SAAA;AAAM,aAAA,IAAI,UAAU,KAAK,MAAM,IAAI,CAAC,UAAU,EAAE;YAC/C,aAAa,CAAC,SAAS,CAAC,CAAA;AACzB,SAAA;AACH,KAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAA;AAE5B,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,IAAI,OAAO,EAAE;AACX,gBAAA,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;AACxC,aAAA;;;;AAKD,YAAA,IAAI,SAAS;AAAE,gBAAA,SAAS,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;YACnE,OAAO,YAAA;AACL,gBAAA,IAAI,OAAO;AAAE,oBAAA,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAA;AACzD,aAAC,CAAA;AACF,SAAA;AACD,QAAA,IAAI,OAAO;AAAE,YAAA,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAA;AACvD,QAAA,IAAI,SAAS;AAAE,YAAA,SAAS,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;QACtE,OAAO,YAAA,GAAQ,CAAA;KAChB,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAA;AAE7C,IAAA,IAAM,UAAU,GAAG,aAAa,CAAC,UAAU,EAAE,IAAI,EAAE;QACjD,IAAI,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAAE;;AAE3C,QAAA,KAAK,EACH,YAAA;AACA,YAAA,OAAA,UACE,IAAsE,EAAA,EAAA,OAAA,SAAA,CAAA,KAAA,EAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,YAAA;;;AAEtE,wBAAA,KAAA,CAAA,EAAA,OAAA,CAAA,CAAA,YAAM,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAA,CAAA;;AAAjD,4BAAA,EAAA,CAAA,IAAA,EAAiD,CAAA;;;;AAClD,aAAA,CAAA,CAAA,EAAA,CAAA;SAAA;QACH,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAAE;AAC5C,QAAA,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,MAAM,CAAC,QAAQ;QACvB,WAAW,EAAE,UAAC,WAAW,EAAA;YACvB,aAAa,CAAC,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC,CAAA;AAC9C,YAAA,IAAI,WAAW,EAAE;AACf,gBAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,EAAI,CAAA;AACb,aAAA;SACF;AACF,KAAA,CAAC,CAAA;AAEF,IAAA,IAAM,sBAAsB,GAAG,MAAM,CAAU,KAAK,CAAC,CAAA;AACrD,IAAA,IAAM,eAAe,GAAG,eAAe,CACrC,OAAO,EACP,MAAM;;;;;AAKN,IAAA,UAAC,CAAc,EAAA;;;;;AAKb,QAAA,IACE,CAAC,MAAM;AACP,aAAA,sBAAsB,aAAtB,sBAAsB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAtB,sBAAsB,CAAE,OAAO,CAAA;AAC/B,YAAA,CAAC,qBAAqB,EACtB;AACA,YAAA,sBAAsB,CAAC,OAAO,GAAG,KAAK,CAAA;AACtC,YAAA,OAAO,IAAI,CAAA;AACZ,SAAA;QACD,IAAI,CAAC,YAAY,OAAO,EAAE;YACxB,IAAM,YAAY,GAAG,YAAY,CAAC,CAAC,EAAE,GAAI,CAAA,MAAA,CAAA,YAAY,CAAE,CAAC,CAAA;YACxD,IAAI,CAAC,YAAY,EAAE;AACjB,gBAAA,OAAO,KAAK,CAAA;AACb,aAAA;YACD,IAAM,cAAc,GAAG,YAAY,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpE,YAAA,IAAM,kBAAkB,GAAG,YAAY,CAAC,SAAS,CAAC,QAAQ,CACxD,EAAA,CAAA,MAAA,CAAG,YAAY,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,EAAE,CAAE,CACxB,CAAA;AACD,YAAA,OAAO,cAAc,IAAI,CAAC,kBAAkB,CAAA;AAC7C,SAAA;AACD,QAAA,OAAO,KAAK,CAAA;AACd,KAAC,CACF,CAAA;IAED,IAAM,YAAY,GAAG,WAAW,CAAC,YAAA;AAC/B,QAAA,IAAI,MAAM;AAAE,YAAA,OAAO,EAAE,CAAA;AACvB,KAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAErB,UAAU,CAAC,EAAE,EAAE,eAAe,YAAY,EAAE,CAAC,CAAA;IAE7C,IAAM,iBAAiB,GAAG,EAAE,CAC1B,MAAM,CAAC,OAAO,EACd,cAAc,CAAC,MAAM,CAAC,GAAA,EAAA,GAAA,EAAA;AAEpB,QAAA,EAAA,CAAC,gBAAiB,CAAA,GAAG,CAAC,CAAC,gBAAgB;aAEzC,YAAY;;;AAGZ,IAAA,EAAA,CAAA,MAAA,CAAG,YAAY,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,EAAE,CAAE,CACxB,CAAA;AAED,IAAA,IAAM,YAAY,GAAG;QACnB,WAAW,EAAE,EAAG,CAAA,MAAA,CAAA,iBAAiB,EAAI,IAAA,CAAA;QACrC,YAAY,EAAE,EAAG,CAAA,MAAA,CAAA,iBAAiB,EAAI,IAAA,CAAA;KACvC,CAAA;;AAGD,IAAA,IAAM,SAAS,GAAG;QAChB,WAAW,EAAE,EAAG,CAAA,MAAA,CAAA,wBAAwB,EAAI,IAAA,CAAA;QAC5C,YAAY,EAAE,EAAG,CAAA,MAAA,CAAA,wBAAwB,EAAI,IAAA,CAAA;KAC9C,CAAA;;AAGD,IAAA,IAAM,cAAc,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,GAAA,EAAA,GAAA,EAAA;AACnC,QAAA,EAAA,CAAC,MAAM,CAAC,QAAS,CAAA,GAAG,CAAC,WAAW;QAChC,EAAC,CAAA,MAAM,CAAC,MAAA,CAAA,MAAA,CAAO,UAAU,CAAC,IAAI,CAAC,CAAE,CAAC,CAAA,GAAG,IAAI;AACzC,QAAA,EAAA,CAAC,aAAc,CAAA,GAAG,CAAC,CAAC,aAAa;YACjC,CAAA;AAEF,IAAA,IAAM,yBAAyB,GAAG,EAAE,CAAC,MAAM,CAAC,eAAe,GAAA,EAAA,GAAA,EAAA;AACzD,QAAA,EAAA,CAAC,wBAAyB,CAAA,GAAG,CAAC,CAAC,wBAAwB;YACvD,CAAA;IAEI,IAAA,EAAA,GAAsB,QAAQ,CAClC,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,CACvD,EAFM,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAEvB,CAAA;AAED,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAM,QAAQ,GAAG,YAAA;AACf,YAAA,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;AAC/B,SAAC,CAAA;AACD,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC3C,OAAO,YAAA;AACL,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;AAChD,SAAC,CAAA;AACH,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,IAAM,UAAU,GAAG,SAAS,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAA;AAE1D,IAAA,IAAM,yBAAyB,GAAsB,YAAA;AACnD,QAAA,sBAAsB,CAAC,OAAO,GAAG,IAAI,CAAA;AACvC,KAAC,CAAA;IAED,QACEA,0BACG,SAAS,KAAK,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;cACjE,QAAQ,CAAC,YAAY,CACnBA,GACG,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,UAAU,CAAC,GAAG,CACb,UAAC,EAAoB,EAAA;AAAlB,oBAAA,IAAA,IAAI,UAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,GAAG,GAAA,EAAA,CAAA,GAAA,CAAA;AACjB,oBAAA,OAAA,IAAI,KACFD,GAAC,CAAA,QAAQ,CAAC,GAAG,EAAA,QAAA,CAAA,EACX,SAAS,EAAE,iBAAiB,EAC5B,KAAK,wBACA,YAAY,CAAA,EAAA,EACf,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,MAAM,EAAA,MAAA,EACN,SAAS,EAAE,MAAM,EAAA,CAAA,EAGnB,GAAG,EAAE,GAAG,EAER,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,QAAQ,CAAC,GAAG,aACX,GAAG,EAAE,qBAAqB,GAAG,eAAe,GAAG,IAAI,EACnD,SAAS,EAAE,cAAc,EACzB,KAAK,iCAAO,KAAK,CAAA,EAAK,UAAU,CAAK,EAAA,SAAS,CAC9C,EAAA,IAAI,EAAC,QAAQ,EAAA,iBAAA,EACI,OAAO,EACN,kBAAA,EAAA,UAAU,EAC5B,WAAW,EAAE,yBAAyB,EAAA,EAAA,EAAA,QAAA,EAEtCE,4BAEG,eAAe,KACdA,IAAK,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,yBAAyB,EAAA,EAAA,EAAA,QAAA,EAAA,CACtC,iBAAiB,KAChBF,GACE,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,OAAO,EAAE,OAAO,EAEhB,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,SAAS,EAAC,EAAA,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,GAAG,EAAG,CAAA,EAAA,CAAA,CAClC,CACP,EACDA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EAE3C,EAAA,EAAA,QAAA,EAAA,KAAK,IACF,EACNA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,QAAQ,EACf,iBAAiB,CAClB,EAEA,EAAA,EAAA,QAAA,EAAA,QAAQ,EACL,CAAA,CAAA,CAAA,EAAA,CAAA,CACF,CACP,EAEDA,GAAA,CAAC,YAAY,CAAC,QAAQ,aAAC,KAAK,EAAE,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAC5C,QAAQ,EACa,CAAA,CAAA,CAAA,EAAA,CACvB,IACU,EA9CV,CAAA,EAAA,GAAG,CA+CK,CAChB,CAAA;AAzDD,iBAyDC,CACJ,EAAA,CACA,EACH,SAAS,CACV;AACH,cAAE,IAAI,EACP,CAAA,EACJ;AACH,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["import {\n useEffect,\n useState,\n useCallback,\n useMemo,\n forwardRef,\n MouseEventHandler,\n useRef\n} from 'react'\n\nimport { useTheme } from '@emotion/react'\nimport cn from 'classnames'\nimport { capitalize } from 'lodash'\nimport uniqueId from 'lodash/uniqueId'\nimport ReactDOM from 'react-dom'\n// eslint-disable-next-line no-restricted-imports -- TODO: migrate to @react-spring/web\nimport { animated, useTransition } from 'react-spring'\nimport { useEffectOnce } from 'react-use'\n\nimport { ModalState } from '~harmony/utils/modalState'\n\nimport { useHotkeys, useScrollLock, useClickOutside } from '../../hooks'\nimport { IconClose } from '../../icons'\n\nimport styles from './Modal.module.css'\nimport { ModalContext } from './ModalContext'\nimport { findAncestor } from './findAncestor'\nimport { useModalScrollCount } from './hooks'\nimport { ModalProps, Anchor } from './types'\n\nconst rootContainer = 'modalRootContainer'\nconst rootId = 'modalRoot'\nconst bgId = 'bgModal'\nconst wrapperClass = 'modalWrapper'\n\nconst anchorStyleMap = {\n [Anchor.TOP]: styles.top,\n [Anchor.CENTER]: styles.center,\n [Anchor.BOTTOM]: styles.bottom\n}\n\nconst anchorPropertyMap = {\n [Anchor.TOP]: 'marginTop',\n [Anchor.CENTER]: 'marginTop',\n [Anchor.BOTTOM]: 'marginBottom'\n}\n\nconst getOffset = (anchor: Anchor, verticalAnchorOffset: number) => {\n return { [anchorPropertyMap[anchor]]: verticalAnchorOffset }\n}\n\nconst useModalRoot = (id: string, isOpen: boolean, zIndex?: number) => {\n const [modalRoot, setModalRoot] = useState<HTMLElement | null>(null)\n const [modalBg, setModalBg] = useState<HTMLElement | null>(null)\n\n useEffect(() => {\n const uniqueRootId = `${id}-${rootId}`\n const uniqueBgId = `${id}-${bgId}`\n const uniqueRootContainerId = `${id}-${rootContainer}`\n let el = document.getElementById(uniqueRootId)\n let bgEl = document.getElementById(uniqueBgId)\n let container = document.getElementById(uniqueRootContainerId)\n\n if (!isOpen) {\n if (bgEl) {\n document.body.removeChild(bgEl)\n }\n if (el && container) {\n container.removeChild(el)\n }\n\n if (container) {\n document.body.removeChild(container)\n }\n\n return\n }\n\n if (!bgEl) {\n bgEl = document.createElement('div')\n bgEl.id = uniqueBgId\n bgEl.classList.add(bgId)\n document.body.appendChild(bgEl)\n }\n\n if (!container) {\n container = document.createElement('div')\n container.id = uniqueRootContainerId\n container.classList.add(rootContainer)\n document.body.appendChild(container)\n }\n\n if (!el) {\n el = document.createElement('div')\n el.id = uniqueRootId\n el.classList.add(rootId)\n container.appendChild(el)\n }\n\n if (zIndex) {\n container.style.zIndex = `${zIndex}`\n el.style.zIndex = `${zIndex}`\n bgEl.style.zIndex = `${zIndex - 1}`\n }\n\n setModalRoot(el)\n setModalBg(bgEl)\n }, [id, zIndex, isOpen])\n\n return [modalRoot, modalBg]\n}\n\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(function Modal(\n {\n 'aria-describedby': ariaDescribedbyProp,\n 'aria-labelledby': ariaLabelledbyProp,\n modalKey,\n children,\n onClose,\n onClosed,\n isOpen: isOpenProp,\n wrapperClassName,\n bodyClassName,\n titleClassName,\n subtitleClassName,\n headerContainerClassName,\n anchor = Anchor.CENTER,\n subtitle,\n verticalAnchorOffset = 0,\n horizontalPadding = 8,\n contentHorizontalPadding = 0,\n allowScroll = false,\n title = '',\n showTitleHeader = false,\n dismissOnClickOutside = true,\n showDismissButton = false,\n zIndex,\n size,\n className\n },\n ref\n) {\n useEffectOnce(() => {\n if (\n process.env.NODE_ENV !== 'production' &&\n process.env.NODE_ENV !== 'development'\n ) {\n if (\n subtitle ||\n title ||\n showTitleHeader ||\n titleClassName ||\n subtitleClassName ||\n headerContainerClassName ||\n showDismissButton\n ) {\n console.warn(\n 'Header and title-related props of `Modal` have been deprecated. Use the `ModalHeader` sub-component instead.'\n )\n }\n\n if (allowScroll !== undefined) {\n console.warn('`allowScroll` prop of `Modal` has been deprecated.')\n }\n }\n })\n\n const [modalState, setModalState] = useState<ModalState>('closed')\n const isOpen = modalState !== 'closed'\n const isDoneOpening = modalState === 'open'\n const { spring } = useTheme()\n const id = useMemo(() => modalKey || uniqueId('modal-'), [modalKey])\n const titleId = ariaLabelledbyProp || `${id}-title`\n const subtitleId = ariaDescribedbyProp || `${id}-subtitle`\n const modalContextValue = useMemo(() => {\n return { titleId, subtitleId, onClose, isDoneOpening }\n }, [titleId, subtitleId, onClose, isDoneOpening])\n\n const onTouchMove = useCallback(\n (e: any) => {\n !allowScroll && e.preventDefault()\n },\n [allowScroll]\n )\n\n const [modalRoot, bgModal] = useModalRoot(id, isOpen, zIndex)\n const { incrementScrollCount, decrementScrollCount } = useModalScrollCount()\n useScrollLock(isOpen, incrementScrollCount, decrementScrollCount)\n\n useEffect(() => {\n if (modalState === 'closed' && isOpenProp) {\n setModalState('opening')\n } else if (modalState === 'open' && !isOpenProp) {\n setModalState('closing')\n }\n }, [isOpenProp, modalState])\n\n useEffect(() => {\n if (isOpen) {\n if (bgModal) {\n bgModal.classList.add('bgModalVisible')\n }\n\n // Need to prevent safari iOS bounce\n // overscroll effect by intercepting\n // touchmove events.\n if (modalRoot) modalRoot.addEventListener('touchmove', onTouchMove)\n return () => {\n if (bgModal) bgModal.classList.remove('bgModalVisible')\n }\n }\n if (bgModal) bgModal.classList.remove('bgModalVisible')\n if (modalRoot) modalRoot.removeEventListener('touchmove', onTouchMove)\n return () => {}\n }, [isOpen, bgModal, onTouchMove, modalRoot])\n\n const transition = useTransition(isOpenProp, null, {\n from: { transform: 'scale(0)', opacity: 0 },\n // @ts-ignore function is a valid value for enter, but the types don't acknowledge that\n enter:\n () =>\n async (\n next: (props: { transform: string; opacity: number }) => Promise<void>\n ) => {\n await next({ transform: 'scale(1)', opacity: 1 })\n },\n leave: { transform: 'scale(0)', opacity: 0 },\n unique: true,\n config: spring.standard,\n onDestroyed: (isDestroyed) => {\n setModalState(isDestroyed ? 'closed' : 'open')\n if (isDestroyed) {\n onClosed?.()\n }\n }\n })\n\n const modalContentClickedRef = useRef<boolean>(false)\n const outsideClickRef = useClickOutside(\n onClose,\n isOpen,\n // Check to see if the click outside is not another modal wrapper.\n // If it is, that means we have a nested modal situation and shouldn't\n // dismiss \"this\" modal. We let the useClickOutside in \"that\" modal to\n // dismiss it.\n (e: EventTarget) => {\n // Only close if we're open.\n // Closing when we're not open can cause a race condition when opened\n // via a click since this handler exists prior to visibility,\n // causing the modal to open and close immediately\n if (\n !isOpen ||\n modalContentClickedRef?.current ||\n !dismissOnClickOutside\n ) {\n modalContentClickedRef.current = false\n return true\n }\n if (e instanceof Element) {\n const modalElement = findAncestor(e, `.${wrapperClass}`)\n if (!modalElement) {\n return false\n }\n const isModalWrapper = modalElement.classList.contains(wrapperClass)\n const isThisModalWrapper = modalElement.classList.contains(\n `${wrapperClass}-${id}`\n )\n return isModalWrapper && !isThisModalWrapper\n }\n return false\n }\n )\n\n const handleEscape = useCallback(() => {\n if (isOpen) onClose()\n }, [isOpen, onClose])\n\n useHotkeys({ 27 /* escape */: handleEscape })\n\n const wrapperClassNames = cn(\n styles.wrapper,\n anchorStyleMap[anchor],\n {\n [wrapperClassName!]: !!wrapperClassName\n },\n wrapperClass,\n // Add a unique id class name to detect whether, if we're using\n // click outside to dismiss the modal, the correct \"outside\" is being clicked.\n `${wrapperClass}-${id}`\n )\n\n const wrapperStyle = {\n paddingLeft: `${horizontalPadding}px`,\n paddingRight: `${horizontalPadding}px`\n }\n\n /** Begin @deprecated section (favor using ModalContent sub-component) */\n const bodyStyle = {\n paddingLeft: `${contentHorizontalPadding}px`,\n paddingRight: `${contentHorizontalPadding}px`\n }\n /** End @deprecated section */\n\n const bodyClassNames = cn(styles.body, className, {\n [styles.noScroll!]: !allowScroll,\n [styles[`size${capitalize(size)}`]]: size,\n [bodyClassName!]: !!bodyClassName\n })\n\n const headerContainerClassNames = cn(styles.headerContainer, {\n [headerContainerClassName!]: !!headerContainerClassName\n })\n\n const [height, setHeight] = useState(\n typeof window !== 'undefined' ? window.innerHeight : 0\n )\n\n useEffect(() => {\n const onResize = () => {\n setHeight(window.innerHeight)\n }\n window.addEventListener('resize', onResize)\n return () => {\n window.removeEventListener('resize', onResize)\n }\n }, [setHeight])\n\n const bodyOffset = getOffset(anchor, verticalAnchorOffset)\n\n const handleModalContentClicked: MouseEventHandler = () => {\n modalContentClickedRef.current = true\n }\n\n return (\n <>\n {modalRoot && (process.env.NODE_ENV === 'test' ? isOpenProp : isOpen)\n ? ReactDOM.createPortal(\n <>\n {transition.map(\n ({ item, props, key }) =>\n item && (\n <animated.div\n className={wrapperClassNames}\n style={{\n ...wrapperStyle,\n opacity: props.opacity,\n height,\n minHeight: height\n }}\n key={key}\n ref={ref}\n >\n <animated.div\n ref={dismissOnClickOutside ? outsideClickRef : null}\n className={bodyClassNames}\n style={{ ...props, ...bodyOffset, ...bodyStyle }}\n role='dialog'\n aria-labelledby={titleId}\n aria-describedby={subtitleId}\n onMouseDown={handleModalContentClicked}\n >\n <>\n {/** Begin @deprecated section (moved to ModalHeader and ModalTitle sub-components) */}\n {showTitleHeader && (\n <div className={headerContainerClassNames}>\n {showDismissButton && (\n <div\n className={styles.dismissButton}\n onClick={onClose}\n >\n <IconClose color='subdued' size='s' />\n </div>\n )}\n <div\n id={titleId}\n className={cn(styles.header, titleClassName)}\n >\n {title}\n </div>\n <div\n id={subtitleId}\n className={cn(\n styles.subtitle,\n subtitleClassName\n )}\n >\n {subtitle}\n </div>\n </div>\n )}\n {/** End @deprecated section */}\n <ModalContext.Provider value={modalContextValue}>\n {children}\n </ModalContext.Provider>\n </>\n </animated.div>\n </animated.div>\n )\n )}\n </>,\n modalRoot\n )\n : null}\n </>\n )\n})\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
|
|
@@ -14,6 +14,7 @@ export declare const ModalHeader: (props: import("react").HTMLAttributes<HTMLDiv
|
|
|
14
14
|
export declare const ModalTitle: (props: Omit<import("react").HTMLAttributes<HTMLDivElement>, "title"> & {
|
|
15
15
|
subtitleClassName?: string | undefined;
|
|
16
16
|
icon?: import("react").ReactNode;
|
|
17
|
+
Icon?: import("..").IconComponent | undefined;
|
|
17
18
|
iconClassName?: string | undefined;
|
|
18
19
|
title: import("react").ReactNode;
|
|
19
20
|
titleClassName?: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalHeader.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;mJA2CvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalHeader.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;mJA2CvB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;mJAyCtB,CAAA"}
|
|
@@ -32,11 +32,11 @@ var ModalHeader = forwardRef(function ModalHeader(_a, ref) {
|
|
|
32
32
|
* Title component to be used inside modal headers
|
|
33
33
|
*/
|
|
34
34
|
var ModalTitle = forwardRef(function ModalTitle(_a, ref) {
|
|
35
|
-
var subtitleClassName = _a.subtitleClassName, icon = _a.icon, iconClassName = _a.iconClassName, title = _a.title, titleClassName = _a.titleClassName, subtitle = _a.subtitle, titleIdProp = _a.titleId, subtitleIdProp = _a.subtitleId, props = __rest(_a, ["subtitleClassName", "icon", "iconClassName", "title", "titleClassName", "subtitle", "titleId", "subtitleId"]);
|
|
35
|
+
var subtitleClassName = _a.subtitleClassName, icon = _a.icon, Icon = _a.Icon, iconClassName = _a.iconClassName, title = _a.title, titleClassName = _a.titleClassName, subtitle = _a.subtitle, titleIdProp = _a.titleId, subtitleIdProp = _a.subtitleId, props = __rest(_a, ["subtitleClassName", "icon", "Icon", "iconClassName", "title", "titleClassName", "subtitle", "titleId", "subtitleId"]);
|
|
36
36
|
var modalContext = useContext(ModalContext);
|
|
37
37
|
var titleId = titleIdProp || modalContext.titleId;
|
|
38
38
|
var subtitleId = subtitleIdProp || modalContext.subtitleId;
|
|
39
|
-
return (jsxs(Fragment, { children: [jsxs("div", __assign({ className: styles.titleContainer }, props, { ref: ref }, { children: [icon == null ? null : (jsx("div", __assign({ className: cn(styles.icon, iconClassName) }, { children: icon }))), jsx("h2", __assign({ id: titleId, className: cn(styles.title, titleClassName) }, { children: title }))] })), subtitle == null ? null : (jsx("div", __assign({ className: cn(styles.subtitleContainer, subtitleClassName) }, { children: jsx("h3", __assign({ id: subtitleId, className: styles.subtitle }, { children: subtitle })) })))] }));
|
|
39
|
+
return (jsxs(Fragment, { children: [jsxs("div", __assign({ className: styles.titleContainer }, props, { ref: ref }, { children: [icon == null ? null : (jsx("div", __assign({ className: cn(styles.icon, iconClassName) }, { children: icon }))), Icon ? jsx(Icon, { className: styles.icon }) : null, jsx("h2", __assign({ id: titleId, className: cn(styles.title, titleClassName) }, { children: title }))] })), subtitle == null ? null : (jsx("div", __assign({ className: cn(styles.subtitleContainer, subtitleClassName) }, { children: jsx("h3", __assign({ id: subtitleId, className: styles.subtitle }, { children: subtitle })) })))] }));
|
|
40
40
|
});
|
|
41
41
|
|
|
42
42
|
export { ModalHeader, ModalTitle };
|