@redsift/products 11.6.0-muiv5-alpha.11 → 11.6.0-muiv5-alpha.13
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/{packages/products/src/components/radar-button/_internal → _internal}/RadarButton.js +2 -2
- package/_internal/RadarButton.js.map +1 -0
- package/{packages/products/src/components/radar-item/_internal → _internal}/RadarItem.js +2 -2
- package/_internal/RadarItem.js.map +1 -0
- package/_internal/RadarSimpleDialog.js +8810 -0
- package/_internal/RadarSimpleDialog.js.map +1 -0
- package/{packages/products/src/components/radar-menu-button/_internal/RadarMenuButton.js → _internal/RadarSimpleMenuButton.js} +39 -3
- package/_internal/RadarSimpleMenuButton.js.map +1 -0
- package/{_virtual/_internal → _internal}/_rollupPluginBabelHelpers.js +1 -1
- package/_internal/radar-button.js +2 -0
- package/_internal/radar-dialog.js +2 -0
- package/{packages/products/src/components/radar-dialog/_internal → _internal}/radar-dialog.js.map +1 -1
- package/_internal/radar-item.js +2 -0
- package/_internal/radar-menu-button.js +2 -0
- package/{packages/products/src/components/radar-menu-button/_internal → _internal}/radar-menu-button.js.map +1 -1
- package/_internal/radar.js +23 -0
- package/_internal/radar.js.map +1 -0
- package/index.js +5 -0
- package/{packages/products/src/index.js.map → index.js.map} +1 -1
- package/package.json +5 -5
- package/_virtual/_internal/jsx-runtime.js +0 -4
- package/_virtual/_internal/jsx-runtime.js.map +0 -1
- package/_virtual/_internal/react-jsx-runtime.development.js +0 -4
- package/_virtual/_internal/react-jsx-runtime.development.js.map +0 -1
- package/_virtual/_internal/react-jsx-runtime.production.min.js +0 -4
- package/_virtual/_internal/react-jsx-runtime.production.min.js.map +0 -1
- package/packages/popovers/src/components/dialog/_internal/Dialog.js +0 -56
- package/packages/popovers/src/components/dialog/_internal/Dialog.js.map +0 -1
- package/packages/popovers/src/components/dialog/_internal/context.js +0 -6
- package/packages/popovers/src/components/dialog/_internal/context.js.map +0 -1
- package/packages/popovers/src/components/dialog/_internal/types.js +0 -20
- package/packages/popovers/src/components/dialog/_internal/types.js.map +0 -1
- package/packages/popovers/src/components/dialog/_internal/useDialog.js +0 -95
- package/packages/popovers/src/components/dialog/_internal/useDialog.js.map +0 -1
- package/packages/popovers/src/components/dialog/_internal/useDialogContext.js +0 -13
- package/packages/popovers/src/components/dialog/_internal/useDialogContext.js.map +0 -1
- package/packages/popovers/src/components/dialog-content/_internal/DialogContent.js +0 -97
- package/packages/popovers/src/components/dialog-content/_internal/DialogContent.js.map +0 -1
- package/packages/popovers/src/components/dialog-content/_internal/styles.js +0 -77
- package/packages/popovers/src/components/dialog-content/_internal/styles.js.map +0 -1
- package/packages/popovers/src/components/dialog-content/intl/_internal/en-US.js +0 -7
- package/packages/popovers/src/components/dialog-content/intl/_internal/en-US.js.map +0 -1
- package/packages/popovers/src/components/dialog-content/intl/_internal/fr-FR.js +0 -7
- package/packages/popovers/src/components/dialog-content/intl/_internal/fr-FR.js.map +0 -1
- package/packages/popovers/src/components/dialog-content/intl/index.js +0 -10
- package/packages/popovers/src/components/dialog-content/intl/index.js.map +0 -1
- package/packages/popovers/src/components/dialog-content-actions/_internal/DialogContentActions.js +0 -38
- package/packages/popovers/src/components/dialog-content-actions/_internal/DialogContentActions.js.map +0 -1
- package/packages/popovers/src/components/dialog-content-actions/_internal/styles.js +0 -20
- package/packages/popovers/src/components/dialog-content-actions/_internal/styles.js.map +0 -1
- package/packages/popovers/src/components/dialog-content-body/_internal/DialogContentBody.js +0 -49
- package/packages/popovers/src/components/dialog-content-body/_internal/DialogContentBody.js.map +0 -1
- package/packages/popovers/src/components/dialog-content-body/_internal/styles.js +0 -65
- package/packages/popovers/src/components/dialog-content-body/_internal/styles.js.map +0 -1
- package/packages/popovers/src/components/dialog-content-header/_internal/DialogContentHeader.js +0 -86
- package/packages/popovers/src/components/dialog-content-header/_internal/DialogContentHeader.js.map +0 -1
- package/packages/popovers/src/components/dialog-content-header/_internal/styles.js +0 -31
- package/packages/popovers/src/components/dialog-content-header/_internal/styles.js.map +0 -1
- package/packages/popovers/src/components/dialog-trigger/_internal/DialogTrigger.js +0 -47
- package/packages/popovers/src/components/dialog-trigger/_internal/DialogTrigger.js.map +0 -1
- package/packages/products/src/components/radar/_internal/radar.js +0 -25
- package/packages/products/src/components/radar/_internal/radar.js.map +0 -1
- package/packages/products/src/components/radar-button/_internal/RadarButton.js.map +0 -1
- package/packages/products/src/components/radar-button/_internal/radar-button.js +0 -2
- package/packages/products/src/components/radar-dialog/_internal/PulsedRadarImage.js +0 -437
- package/packages/products/src/components/radar-dialog/_internal/PulsedRadarImage.js.map +0 -1
- package/packages/products/src/components/radar-dialog/_internal/RadarDialog.js +0 -146
- package/packages/products/src/components/radar-dialog/_internal/RadarDialog.js.map +0 -1
- package/packages/products/src/components/radar-dialog/_internal/RadarSimpleDialog.js +0 -23
- package/packages/products/src/components/radar-dialog/_internal/RadarSimpleDialog.js.map +0 -1
- package/packages/products/src/components/radar-dialog/_internal/ScatterGrid.js +0 -1548
- package/packages/products/src/components/radar-dialog/_internal/ScatterGrid.js.map +0 -1
- package/packages/products/src/components/radar-dialog/_internal/radar-dialog.js +0 -3
- package/packages/products/src/components/radar-item/_internal/RadarItem.js.map +0 -1
- package/packages/products/src/components/radar-item/_internal/radar-item.js +0 -2
- package/packages/products/src/components/radar-menu-button/_internal/RadarMenuButton.js.map +0 -1
- package/packages/products/src/components/radar-menu-button/_internal/RadarSimpleMenuButton.js +0 -42
- package/packages/products/src/components/radar-menu-button/_internal/RadarSimpleMenuButton.js.map +0 -1
- package/packages/products/src/components/radar-menu-button/_internal/radar-menu-button.js +0 -3
- package/packages/products/src/index.js +0 -6
- /package/{_virtual/_internal → _internal}/_rollupPluginBabelHelpers.js.map +0 -0
- /package/{packages/products/src/components/radar-button/_internal → _internal}/radar-button.js.map +0 -0
- /package/{packages/products/src/components/radar-item/_internal → _internal}/radar-item.js.map +0 -0
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _ as _extends, a as _objectWithoutProperties } from './_rollupPluginBabelHelpers.js';
|
|
2
2
|
import React__default, { forwardRef } from 'react';
|
|
3
|
+
import { Flexbox, Icon, Text } from '@redsift/design-system';
|
|
4
|
+
import { rsiSparkleGradient } from '@redsift/icons';
|
|
3
5
|
import { MenuButton, MenuButtonTrigger, MenuButtonContent, MenuButtonContentHeader, MenuButtonContentMenu, MenuButtonContentFooter } from '@redsift/pickers';
|
|
4
6
|
import styled from 'styled-components';
|
|
7
|
+
import { R as RadarButton } from './RadarButton.js';
|
|
5
8
|
|
|
6
9
|
/**
|
|
7
10
|
* The RadarMenuButton component.
|
|
@@ -57,5 +60,38 @@ const RadarMenuButton = Object.assign(BaseRadarMenuButton, {
|
|
|
57
60
|
Content: RadarMenuButtonContent
|
|
58
61
|
});
|
|
59
62
|
|
|
60
|
-
|
|
61
|
-
|
|
63
|
+
const _excluded = ["icon", "children", "title", "subtitle"];
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
* The RadarSimpleMenuButton component.
|
|
67
|
+
*/
|
|
68
|
+
|
|
69
|
+
const RadarSimpleMenuButton = props => {
|
|
70
|
+
const {
|
|
71
|
+
icon,
|
|
72
|
+
children,
|
|
73
|
+
title,
|
|
74
|
+
subtitle
|
|
75
|
+
} = props,
|
|
76
|
+
forwardedProps = _objectWithoutProperties(props, _excluded);
|
|
77
|
+
return /*#__PURE__*/React__default.createElement(RadarMenuButton, forwardedProps, /*#__PURE__*/React__default.createElement(RadarMenuButton.Trigger, null, /*#__PURE__*/React__default.createElement(RadarButton, null)), /*#__PURE__*/React__default.createElement(RadarMenuButton.Content, null, /*#__PURE__*/React__default.createElement(RadarMenuButton.Content.Header, null, /*#__PURE__*/React__default.createElement(Flexbox, {
|
|
78
|
+
flexDirection: "row",
|
|
79
|
+
gap: "0"
|
|
80
|
+
}, /*#__PURE__*/React__default.createElement(Icon, _extends({
|
|
81
|
+
icon: rsiSparkleGradient,
|
|
82
|
+
size: "medium",
|
|
83
|
+
marginRight: "8px"
|
|
84
|
+
}, icon)), /*#__PURE__*/React__default.createElement(Text, {
|
|
85
|
+
fontSize: "20px",
|
|
86
|
+
fontWeight: "500"
|
|
87
|
+
}, title)), subtitle ? /*#__PURE__*/React__default.createElement(Flexbox, {
|
|
88
|
+
marginLeft: "32px",
|
|
89
|
+
marginRight: "16px"
|
|
90
|
+
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
91
|
+
fontSize: "12px"
|
|
92
|
+
}, subtitle)) : null), /*#__PURE__*/React__default.createElement(RadarMenuButton.Content.Menu, null, children)));
|
|
93
|
+
};
|
|
94
|
+
RadarSimpleMenuButton.displayName = 'MenuButton';
|
|
95
|
+
|
|
96
|
+
export { BaseRadarMenuButton as B, RadarMenuButtonTrigger as R, BaseRadarMenuButtonContent as a, RadarMenuButtonContentHeader as b, RadarMenuButtonContentMenu as c, RadarMenuButtonContentFooter as d, RadarMenuButtonContent as e, RadarMenuButton as f, RadarSimpleMenuButton as g };
|
|
97
|
+
//# sourceMappingURL=RadarSimpleMenuButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadarSimpleMenuButton.js","sources":["../../src/components/radar-menu-button/RadarMenuButton.tsx","../../src/components/radar-menu-button/RadarSimpleMenuButton.tsx"],"sourcesContent":["import React from 'react';\nimport {\n MenuButton,\n MenuButtonContent,\n MenuButtonContentProps,\n MenuButtonTrigger,\n MenuButtonContentFooter,\n MenuButtonContentHeaderProps,\n MenuButtonContentHeader,\n MenuButtonContentMenuProps,\n MenuButtonContentMenu,\n MenuButtonProps,\n} from '@redsift/pickers';\nimport { Comp } from '@redsift/design-system';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\n\n/**\n * The RadarMenuButton component.\n */\n\nexport const BaseRadarMenuButton: React.FC<MenuButtonProps> & {\n displayName?: string;\n className?: string;\n} = (props) => {\n return <MenuButton offset={0} minWidth={545} color=\"radar\" {...props} />;\n};\nBaseRadarMenuButton.displayName = 'MenuButton';\n\nexport const RadarMenuButtonTrigger = MenuButtonTrigger;\nRadarMenuButtonTrigger.displayName = 'MenuButtonTrigger';\n\nconst StyledMenuButtonContent = styled(MenuButtonContent)`\n background: transparent;\n background-image: linear-gradient(90deg, white, white), linear-gradient(90deg, #51b7a4, #0081c3);\n background-clip: padding-box, border-box;\n background-origin: border-box;\n border: 2px solid transparent;\n border-radius: 4px;\n`;\n\nexport const BaseRadarMenuButtonContent: Comp<MenuButtonContentProps, HTMLDivElement> = forwardRef((props, ref) => (\n <StyledMenuButtonContent {...props} ref={ref} />\n));\nBaseRadarMenuButtonContent.displayName = 'MenuButtonContent';\n\nexport const RadarMenuButtonContentHeader: Comp<MenuButtonContentHeaderProps, HTMLDivElement> = forwardRef(\n (props, ref) => (\n <MenuButtonContentHeader\n margin=\"24px 16px 8px\"\n display=\"flex\"\n flexDirection=\"column\"\n gap=\"8px\"\n {...props}\n ref={ref}\n />\n )\n);\nRadarMenuButtonContentHeader.displayName = 'MenuButtonContentHeader';\n\nexport const RadarMenuButtonContentMenu: Comp<MenuButtonContentMenuProps, HTMLDivElement> = forwardRef((props, ref) => (\n <MenuButtonContentMenu margin=\"0 16px 20px 49px\" width=\"calc(100% - 64px)\" {...props} ref={ref} />\n));\nRadarMenuButtonContentMenu.displayName = 'MenuButtonContentMenu';\n\nexport const RadarMenuButtonContentFooter = MenuButtonContentFooter;\nRadarMenuButtonContentFooter.displayName = 'MenuButtonContentFooter';\n\nexport const RadarMenuButtonContent = Object.assign(BaseRadarMenuButtonContent, {\n Header: RadarMenuButtonContentHeader,\n Menu: RadarMenuButtonContentMenu,\n Footer: RadarMenuButtonContentFooter,\n});\n\nexport const RadarMenuButton = Object.assign(BaseRadarMenuButton, {\n Trigger: RadarMenuButtonTrigger,\n Content: RadarMenuButtonContent,\n});\n","import React from 'react';\nimport { MenuButtonContentMenuProps, MenuButtonProps } from '@redsift/pickers';\nimport { Comp, Flexbox, Icon, IconProps, Text } from '@redsift/design-system';\nimport { rsiSparkleGradient } from '@redsift/icons';\nimport { RadarButton } from '../radar-button';\nimport { RadarMenuButton } from './RadarMenuButton';\n\n/**\n * The RadarSimpleMenuButton component.\n */\n\nexport const RadarSimpleMenuButton: Comp<\n Omit<MenuButtonProps, 'children'> & { title: string; subtitle?: string; icon?: Omit<IconProps, 'ref'> } & Pick<\n MenuButtonContentMenuProps,\n 'children'\n >,\n HTMLDivElement\n> = (props) => {\n const { icon, children, title, subtitle, ...forwardedProps } = props;\n\n return (\n <RadarMenuButton {...forwardedProps}>\n <RadarMenuButton.Trigger>\n <RadarButton />\n </RadarMenuButton.Trigger>\n <RadarMenuButton.Content>\n <RadarMenuButton.Content.Header>\n <Flexbox flexDirection=\"row\" gap=\"0\">\n <Icon icon={rsiSparkleGradient} size=\"medium\" marginRight=\"8px\" {...icon} />\n <Text fontSize=\"20px\" fontWeight=\"500\">\n {title}\n </Text>\n </Flexbox>\n {subtitle ? (\n <Flexbox marginLeft=\"32px\" marginRight=\"16px\">\n <Text fontSize=\"12px\">{subtitle}</Text>\n </Flexbox>\n ) : null}\n </RadarMenuButton.Content.Header>\n <RadarMenuButton.Content.Menu>{children}</RadarMenuButton.Content.Menu>\n </RadarMenuButton.Content>\n </RadarMenuButton>\n );\n};\nRadarSimpleMenuButton.displayName = 'MenuButton';\n"],"names":["BaseRadarMenuButton","props","React","createElement","MenuButton","_extends","offset","minWidth","color","displayName","RadarMenuButtonTrigger","MenuButtonTrigger","StyledMenuButtonContent","styled","MenuButtonContent","BaseRadarMenuButtonContent","forwardRef","ref","RadarMenuButtonContentHeader","MenuButtonContentHeader","margin","display","flexDirection","gap","RadarMenuButtonContentMenu","MenuButtonContentMenu","width","RadarMenuButtonContentFooter","MenuButtonContentFooter","RadarMenuButtonContent","Object","assign","Header","Menu","Footer","RadarMenuButton","Trigger","Content","RadarSimpleMenuButton","icon","children","title","subtitle","forwardedProps","_objectWithoutProperties","_excluded","RadarButton","Flexbox","Icon","rsiSparkleGradient","size","marginRight","Text","fontSize","fontWeight","marginLeft"],"mappings":";;;;;;;;AAiBA;AACA;AACA;;AAEaA,MAAAA,mBAGZ,GAAIC,KAAK,IAAK;AACb,EAAA,oBAAOC,cAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;AAACC,IAAAA,MAAM,EAAE,CAAE;AAACC,IAAAA,QAAQ,EAAE,GAAI;AAACC,IAAAA,KAAK,EAAC,OAAA;GAAYP,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC1E,EAAC;AACDD,mBAAmB,CAACS,WAAW,GAAG,YAAY,CAAA;AAEvC,MAAMC,sBAAsB,GAAGC,kBAAiB;AACvDD,sBAAsB,CAACD,WAAW,GAAG,mBAAmB,CAAA;AAExD,MAAMG,uBAAuB,GAAGC,MAAM,CAACC,iBAAiB,CAAE,CAAA;AAC1D;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;MAEYC,0BAAwE,gBAAGC,UAAU,CAAC,CAACf,KAAK,EAAEgB,GAAG,kBAC5Gf,cAAA,CAAAC,aAAA,CAACS,uBAAuB,EAAAP,QAAA,KAAKJ,KAAK,EAAA;AAAEgB,EAAAA,GAAG,EAAEA,GAAAA;AAAI,CAAA,CAAE,CAChD,EAAC;AACFF,0BAA0B,CAACN,WAAW,GAAG,mBAAmB,CAAA;MAE/CS,4BAAgF,gBAAGF,UAAU,CACxG,CAACf,KAAK,EAAEgB,GAAG,kBACTf,cAAA,CAAAC,aAAA,CAACgB,uBAAuB,EAAAd,QAAA,CAAA;AACtBe,EAAAA,MAAM,EAAC,eAAe;AACtBC,EAAAA,OAAO,EAAC,MAAM;AACdC,EAAAA,aAAa,EAAC,QAAQ;AACtBC,EAAAA,GAAG,EAAC,KAAA;AAAK,CAAA,EACLtB,KAAK,EAAA;AACTgB,EAAAA,GAAG,EAAEA,GAAAA;AAAI,CAAA,CACV,CAEL,EAAC;AACDC,4BAA4B,CAACT,WAAW,GAAG,yBAAyB,CAAA;MAEvDe,0BAA4E,gBAAGR,UAAU,CAAC,CAACf,KAAK,EAAEgB,GAAG,kBAChHf,cAAA,CAAAC,aAAA,CAACsB,qBAAqB,EAAApB,QAAA,CAAA;AAACe,EAAAA,MAAM,EAAC,kBAAkB;AAACM,EAAAA,KAAK,EAAC,mBAAA;AAAmB,CAAA,EAAKzB,KAAK,EAAA;AAAEgB,EAAAA,GAAG,EAAEA,GAAAA;AAAI,CAAA,CAAE,CAClG,EAAC;AACFO,0BAA0B,CAACf,WAAW,GAAG,uBAAuB,CAAA;AAEzD,MAAMkB,4BAA4B,GAAGC,wBAAuB;AACnED,4BAA4B,CAAClB,WAAW,GAAG,yBAAyB,CAAA;AAE7D,MAAMoB,sBAAsB,GAAGC,MAAM,CAACC,MAAM,CAAChB,0BAA0B,EAAE;AAC9EiB,EAAAA,MAAM,EAAEd,4BAA4B;AACpCe,EAAAA,IAAI,EAAET,0BAA0B;AAChCU,EAAAA,MAAM,EAAEP,4BAAAA;AACV,CAAC,EAAC;AAEK,MAAMQ,eAAe,GAAGL,MAAM,CAACC,MAAM,CAAC/B,mBAAmB,EAAE;AAChEoC,EAAAA,OAAO,EAAE1B,sBAAsB;AAC/B2B,EAAAA,OAAO,EAAER,sBAAAA;AACX,CAAC;;;;ACtED;AACA;AACA;;AAEaS,MAAAA,qBAMZ,GAAIrC,KAAK,IAAK;EACb,MAAM;MAAEsC,IAAI;MAAEC,QAAQ;MAAEC,KAAK;AAAEC,MAAAA,QAAAA;AAA4B,KAAC,GAAGzC,KAAK;AAAxB0C,IAAAA,cAAc,GAAAC,wBAAA,CAAK3C,KAAK,EAAA4C,SAAA,CAAA,CAAA;EAEpE,oBACE3C,cAAA,CAAAC,aAAA,CAACgC,eAAe,EAAKQ,cAAc,eACjCzC,cAAA,CAAAC,aAAA,CAACgC,eAAe,CAACC,OAAO,EAAA,IAAA,eACtBlC,cAAA,CAAAC,aAAA,CAAC2C,WAAW,EAAE,IAAA,CACS,CAAC,eAC1B5C,cAAA,CAAAC,aAAA,CAACgC,eAAe,CAACE,OAAO,EACtBnC,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAACgC,eAAe,CAACE,OAAO,CAACL,MAAM,qBAC7B9B,cAAA,CAAAC,aAAA,CAAC4C,OAAO,EAAA;AAACzB,IAAAA,aAAa,EAAC,KAAK;AAACC,IAAAA,GAAG,EAAC,GAAA;AAAG,GAAA,eAClCrB,cAAA,CAAAC,aAAA,CAAC6C,IAAI,EAAA3C,QAAA,CAAA;AAACkC,IAAAA,IAAI,EAAEU,kBAAmB;AAACC,IAAAA,IAAI,EAAC,QAAQ;AAACC,IAAAA,WAAW,EAAC,KAAA;GAAUZ,EAAAA,IAAI,CAAG,CAAC,eAC5ErC,cAAA,CAAAC,aAAA,CAACiD,IAAI,EAAA;AAACC,IAAAA,QAAQ,EAAC,MAAM;AAACC,IAAAA,UAAU,EAAC,KAAA;GAC9Bb,EAAAA,KACG,CACC,CAAC,EACTC,QAAQ,gBACPxC,cAAA,CAAAC,aAAA,CAAC4C,OAAO,EAAA;AAACQ,IAAAA,UAAU,EAAC,MAAM;AAACJ,IAAAA,WAAW,EAAC,MAAA;AAAM,GAAA,eAC3CjD,cAAA,CAAAC,aAAA,CAACiD,IAAI,EAAA;AAACC,IAAAA,QAAQ,EAAC,MAAA;GAAQX,EAAAA,QAAe,CAC/B,CAAC,GACR,IAC0B,CAAC,eACjCxC,cAAA,CAAAC,aAAA,CAACgC,eAAe,CAACE,OAAO,CAACJ,IAAI,QAAEO,QAAuC,CAC/C,CACV,CAAC,CAAA;AAEtB,EAAC;AACDF,qBAAqB,CAAC7B,WAAW,GAAG,YAAY;;;;"}
|
|
@@ -89,5 +89,5 @@ function _toPropertyKey(arg) {
|
|
|
89
89
|
return typeof key === "symbol" ? key : String(key);
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
-
export {
|
|
92
|
+
export { _extends as _, _objectWithoutProperties as a, _objectSpread2 as b };
|
|
93
93
|
//# sourceMappingURL=_rollupPluginBabelHelpers.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { B as BaseRadarDialog, e as BaseRadarDialogContent, a as RadarDialog, f as RadarDialogContent, c as RadarDialogContentBody, b as RadarDialogContentHeader, d as RadarDialogTrigger, R as RadarSimpleDialog } from './RadarSimpleDialog.js';
|
|
2
|
+
//# sourceMappingURL=radar-dialog.js.map
|
package/{packages/products/src/components/radar-dialog/_internal → _internal}/radar-dialog.js.map
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radar-dialog.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"radar-dialog.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { B as BaseRadarMenuButton, a as BaseRadarMenuButtonContent, f as RadarMenuButton, e as RadarMenuButtonContent, d as RadarMenuButtonContentFooter, b as RadarMenuButtonContentHeader, c as RadarMenuButtonContentMenu, R as RadarMenuButtonTrigger, g as RadarSimpleMenuButton } from './RadarSimpleMenuButton.js';
|
|
2
|
+
//# sourceMappingURL=radar-menu-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radar-menu-button.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"radar-menu-button.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { R as RadarItem } from './RadarItem.js';
|
|
2
|
+
import { f as RadarMenuButton, g as RadarSimpleMenuButton } from './RadarSimpleMenuButton.js';
|
|
3
|
+
import { R as RadarSimpleDialog, a as RadarDialog } from './RadarSimpleDialog.js';
|
|
4
|
+
import { R as RadarButton } from './RadarButton.js';
|
|
5
|
+
|
|
6
|
+
RadarButton.displayName = 'Button';
|
|
7
|
+
RadarItem.displayName = 'Item';
|
|
8
|
+
RadarMenuButton.displayName = 'MenuButton';
|
|
9
|
+
RadarSimpleMenuButton.displayName = 'MenuButton';
|
|
10
|
+
const RadarSimple = {
|
|
11
|
+
Dialog: RadarSimpleDialog,
|
|
12
|
+
MenuButton: RadarSimpleMenuButton
|
|
13
|
+
};
|
|
14
|
+
const Radar = {
|
|
15
|
+
Button: RadarButton,
|
|
16
|
+
Dialog: RadarDialog,
|
|
17
|
+
Item: RadarItem,
|
|
18
|
+
MenuButton: RadarMenuButton,
|
|
19
|
+
Simple: RadarSimple
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export { Radar, RadarSimple };
|
|
23
|
+
//# sourceMappingURL=radar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radar.js","sources":["../../src/components/radar/index.ts"],"sourcesContent":["import { RadarButton } from '../radar-button';\nimport { RadarSimpleDialog, RadarDialog } from '../radar-dialog';\nimport { RadarItem } from '../radar-item';\nimport { RadarMenuButton, RadarSimpleMenuButton } from '../radar-menu-button';\n\nRadarButton.displayName = 'Button';\nRadarItem.displayName = 'Item';\nRadarMenuButton.displayName = 'MenuButton';\nRadarSimpleMenuButton.displayName = 'MenuButton';\n\nexport const RadarSimple = {\n Dialog: RadarSimpleDialog,\n MenuButton: RadarSimpleMenuButton,\n};\n\nexport const Radar = {\n Button: RadarButton,\n Dialog: RadarDialog,\n Item: RadarItem,\n MenuButton: RadarMenuButton,\n Simple: RadarSimple,\n};\n"],"names":["RadarButton","displayName","RadarItem","RadarMenuButton","RadarSimpleMenuButton","RadarSimple","Dialog","RadarSimpleDialog","MenuButton","Radar","Button","RadarDialog","Item","Simple"],"mappings":";;;;;AAKAA,WAAW,CAACC,WAAW,GAAG,QAAQ,CAAA;AAClCC,SAAS,CAACD,WAAW,GAAG,MAAM,CAAA;AAC9BE,eAAe,CAACF,WAAW,GAAG,YAAY,CAAA;AAC1CG,qBAAqB,CAACH,WAAW,GAAG,YAAY,CAAA;AAEzC,MAAMI,WAAW,GAAG;AACzBC,EAAAA,MAAM,EAAEC,iBAAiB;AACzBC,EAAAA,UAAU,EAAEJ,qBAAAA;AACd,EAAC;AAEM,MAAMK,KAAK,GAAG;AACnBC,EAAAA,MAAM,EAAEV,WAAW;AACnBM,EAAAA,MAAM,EAAEK,WAAW;AACnBC,EAAAA,IAAI,EAAEV,SAAS;AACfM,EAAAA,UAAU,EAAEL,eAAe;AAC3BU,EAAAA,MAAM,EAAER,WAAAA;AACV;;;;"}
|
package/index.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { Radar, RadarSimple } from './_internal/radar.js';
|
|
2
|
+
export { R as RadarButton } from './_internal/RadarButton.js';
|
|
3
|
+
export { R as RadarItem } from './_internal/RadarItem.js';
|
|
4
|
+
export { B as BaseRadarMenuButton, a as BaseRadarMenuButtonContent, f as RadarMenuButton, e as RadarMenuButtonContent, d as RadarMenuButtonContentFooter, b as RadarMenuButtonContentHeader, c as RadarMenuButtonContentMenu, R as RadarMenuButtonTrigger, g as RadarSimpleMenuButton } from './_internal/RadarSimpleMenuButton.js';
|
|
5
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
package/package.json
CHANGED
|
@@ -30,11 +30,11 @@
|
|
|
30
30
|
"test": "yarn test:unit && yarn test:storybook"
|
|
31
31
|
},
|
|
32
32
|
"types": "index.d.ts",
|
|
33
|
-
"version": "11.6.0-muiv5-alpha.
|
|
33
|
+
"version": "11.6.0-muiv5-alpha.13",
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@redsift/design-system": "^11.6.0-muiv5-alpha.
|
|
36
|
-
"@redsift/icons": "^11.6.0-muiv5-alpha.
|
|
37
|
-
"@redsift/pickers": "^11.6.0-muiv5-alpha.
|
|
35
|
+
"@redsift/design-system": "^11.6.0-muiv5-alpha.13",
|
|
36
|
+
"@redsift/icons": "^11.6.0-muiv5-alpha.13",
|
|
37
|
+
"@redsift/pickers": "^11.6.0-muiv5-alpha.13",
|
|
38
38
|
"classnames": "^2.3.1",
|
|
39
39
|
"styled-components": "^5.3.5"
|
|
40
40
|
},
|
|
@@ -95,5 +95,5 @@
|
|
|
95
95
|
"react-dom": ">=17",
|
|
96
96
|
"styled-components": "^5.3.5"
|
|
97
97
|
},
|
|
98
|
-
"gitHead": "
|
|
98
|
+
"gitHead": "fae3274ea2f622d9dab01d41ab4403a95c5359aa"
|
|
99
99
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"jsx-runtime.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"react-jsx-runtime.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"react-jsx-runtime.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { useTheme, partitionComponents, isComponent, ThemeProvider } from '@redsift/design-system';
|
|
3
|
-
import { DialogContext } from './context.js';
|
|
4
|
-
import { DialogSize } from './types.js';
|
|
5
|
-
import { useDialog } from './useDialog.js';
|
|
6
|
-
import { DialogTrigger } from '../../dialog-trigger/_internal/DialogTrigger.js';
|
|
7
|
-
import { DialogContent } from '../../dialog-content/_internal/DialogContent.js';
|
|
8
|
-
|
|
9
|
-
const COMPONENT_NAME = 'Dialog';
|
|
10
|
-
const CLASSNAME = 'redsift-dialog';
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* The Dialog component.
|
|
14
|
-
*/
|
|
15
|
-
const BaseDialog = props => {
|
|
16
|
-
const {
|
|
17
|
-
color,
|
|
18
|
-
children,
|
|
19
|
-
defaultOpen,
|
|
20
|
-
hasCloseButton = true,
|
|
21
|
-
initialFocus,
|
|
22
|
-
isOpen,
|
|
23
|
-
onOpen,
|
|
24
|
-
size = DialogSize.medium,
|
|
25
|
-
theme: propsTheme,
|
|
26
|
-
triggerClassName
|
|
27
|
-
} = props;
|
|
28
|
-
const theme = useTheme(propsTheme);
|
|
29
|
-
const dialog = useDialog({
|
|
30
|
-
color,
|
|
31
|
-
defaultOpen,
|
|
32
|
-
hasCloseButton,
|
|
33
|
-
initialFocus,
|
|
34
|
-
isOpen,
|
|
35
|
-
onOpen,
|
|
36
|
-
size,
|
|
37
|
-
triggerClassName
|
|
38
|
-
});
|
|
39
|
-
const [[trigger], [content]] = partitionComponents(React__default.Children.toArray(children), [isComponent('DialogTrigger'), isComponent('DialogContent')]);
|
|
40
|
-
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
|
41
|
-
value: {
|
|
42
|
-
theme
|
|
43
|
-
}
|
|
44
|
-
}, /*#__PURE__*/React__default.createElement(DialogContext.Provider, {
|
|
45
|
-
value: dialog
|
|
46
|
-
}, trigger && isComponent('DialogTrigger')(trigger) ? trigger : null, content && isComponent('DialogContent')(content) ? content : null));
|
|
47
|
-
};
|
|
48
|
-
BaseDialog.className = CLASSNAME;
|
|
49
|
-
BaseDialog.displayName = COMPONENT_NAME;
|
|
50
|
-
const Dialog = Object.assign(BaseDialog, {
|
|
51
|
-
Trigger: DialogTrigger,
|
|
52
|
-
Content: DialogContent
|
|
53
|
-
});
|
|
54
|
-
|
|
55
|
-
export { BaseDialog, Dialog };
|
|
56
|
-
//# sourceMappingURL=Dialog.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sources":["../../../../../../../../popovers/src/components/dialog/Dialog.tsx"],"sourcesContent":["import React from 'react';\nimport { partitionComponents, isComponent, useTheme, ThemeProvider } from '@redsift/design-system';\nimport { DialogContent } from '../dialog-content';\nimport { DialogTrigger } from '../dialog-trigger';\n\nimport { DialogContext } from './context';\nimport { DialogProps, DialogSize } from './types';\nimport { useDialog } from './useDialog';\n\nconst COMPONENT_NAME = 'Dialog';\nconst CLASSNAME = 'redsift-dialog';\n\n/**\n * The Dialog component.\n */\nexport const BaseDialog: React.FC<DialogProps> & {\n displayName?: string;\n className?: string;\n} = (props) => {\n const {\n color,\n children,\n defaultOpen,\n hasCloseButton = true,\n initialFocus,\n isOpen,\n onOpen,\n size = DialogSize.medium,\n theme: propsTheme,\n triggerClassName,\n } = props;\n\n const theme = useTheme(propsTheme);\n\n const dialog = useDialog({\n color,\n defaultOpen,\n hasCloseButton,\n initialFocus,\n isOpen,\n onOpen,\n size,\n triggerClassName,\n });\n\n const [[trigger], [content]] = partitionComponents(React.Children.toArray(children), [\n isComponent('DialogTrigger'),\n isComponent('DialogContent'),\n ]);\n\n return (\n <ThemeProvider value={{ theme }}>\n <DialogContext.Provider value={dialog}>\n {trigger && isComponent('DialogTrigger')(trigger) ? trigger : null}\n {content && isComponent('DialogContent')(content) ? content : null}\n </DialogContext.Provider>\n </ThemeProvider>\n );\n};\nBaseDialog.className = CLASSNAME;\nBaseDialog.displayName = COMPONENT_NAME;\n\nexport const Dialog = Object.assign(BaseDialog, {\n Trigger: DialogTrigger,\n Content: DialogContent,\n});\n"],"names":["COMPONENT_NAME","CLASSNAME","BaseDialog","props","color","children","defaultOpen","hasCloseButton","initialFocus","isOpen","onOpen","size","DialogSize","medium","theme","propsTheme","triggerClassName","useTheme","dialog","useDialog","trigger","content","partitionComponents","React","Children","toArray","isComponent","createElement","ThemeProvider","value","DialogContext","Provider","className","displayName","Dialog","Object","assign","Trigger","DialogTrigger","Content","DialogContent"],"mappings":";;;;;;;;AASA,MAAMA,cAAc,GAAG,QAAQ,CAAA;AAC/B,MAAMC,SAAS,GAAG,gBAAgB,CAAA;;AAElC;AACA;AACA;AACaC,MAAAA,UAGZ,GAAIC,KAAK,IAAK;EACb,MAAM;IACJC,KAAK;IACLC,QAAQ;IACRC,WAAW;AACXC,IAAAA,cAAc,GAAG,IAAI;IACrBC,YAAY;IACZC,MAAM;IACNC,MAAM;IACNC,IAAI,GAAGC,UAAU,CAACC,MAAM;AACxBC,IAAAA,KAAK,EAAEC,UAAU;AACjBC,IAAAA,gBAAAA;AACF,GAAC,GAAGb,KAAK,CAAA;AAET,EAAA,MAAMW,KAAK,GAAGG,QAAQ,CAACF,UAAU,CAAC,CAAA;EAElC,MAAMG,MAAM,GAAGC,SAAS,CAAC;IACvBf,KAAK;IACLE,WAAW;IACXC,cAAc;IACdC,YAAY;IACZC,MAAM;IACNC,MAAM;IACNC,IAAI;AACJK,IAAAA,gBAAAA;AACF,GAAC,CAAC,CAAA;AAEF,EAAA,MAAM,CAAC,CAACI,OAAO,CAAC,EAAE,CAACC,OAAO,CAAC,CAAC,GAAGC,mBAAmB,CAACC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACpB,QAAQ,CAAC,EAAE,CACnFqB,WAAW,CAAC,eAAe,CAAC,EAC5BA,WAAW,CAAC,eAAe,CAAC,CAC7B,CAAC,CAAA;AAEF,EAAA,oBACEH,cAAA,CAAAI,aAAA,CAACC,aAAa,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEf,MAAAA,KAAAA;AAAM,KAAA;AAAE,GAAA,eAC9BS,cAAA,CAAAI,aAAA,CAACG,aAAa,CAACC,QAAQ,EAAA;AAACF,IAAAA,KAAK,EAAEX,MAAAA;AAAO,GAAA,EACnCE,OAAO,IAAIM,WAAW,CAAC,eAAe,CAAC,CAACN,OAAO,CAAC,GAAGA,OAAO,GAAG,IAAI,EACjEC,OAAO,IAAIK,WAAW,CAAC,eAAe,CAAC,CAACL,OAAO,CAAC,GAAGA,OAAO,GAAG,IACxC,CACX,CAAC,CAAA;AAEpB,EAAC;AACDnB,UAAU,CAAC8B,SAAS,GAAG/B,SAAS,CAAA;AAChCC,UAAU,CAAC+B,WAAW,GAAGjC,cAAc,CAAA;AAEhC,MAAMkC,MAAM,GAAGC,MAAM,CAACC,MAAM,CAAClC,UAAU,EAAE;AAC9CmC,EAAAA,OAAO,EAAEC,aAAa;AACtBC,EAAAA,OAAO,EAAEC,aAAAA;AACX,CAAC;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sources":["../../../../../../../../popovers/src/components/dialog/context.ts"],"sourcesContent":["import React from 'react';\nimport { DialogState } from './types';\n\nexport const DialogContext = React.createContext<DialogState | null>(null);\n"],"names":["DialogContext","React","createContext"],"mappings":";;AAGO,MAAMA,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAqB,IAAI;;;;"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Context props.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Component variant.
|
|
7
|
-
*/
|
|
8
|
-
const DialogSize = {
|
|
9
|
-
small: 'small',
|
|
10
|
-
medium: 'medium',
|
|
11
|
-
large: 'large',
|
|
12
|
-
xlarge: 'xlarge'
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Component props.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
|
-
export { DialogSize };
|
|
20
|
-
//# sourceMappingURL=types.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../../../../../../../popovers/src/components/dialog/types.ts"],"sourcesContent":["import { Dispatch, ReactNode, SetStateAction } from 'react';\nimport { ButtonColor, Theme, ValueOf } from '@redsift/design-system';\nimport { useDialog } from './useDialog';\n\n/**\n * Context props.\n */\nexport type DialogState =\n | (ReturnType<typeof useDialog> & {\n setLabelId: Dispatch<SetStateAction<string | undefined>>;\n setDescriptionId: Dispatch<SetStateAction<string | undefined>>;\n /** Class name to append to the trigger. */\n readonly triggerClassName?: string;\n })\n | null;\n\n/**\n * Component variant.\n */\nexport const DialogSize = {\n small: 'small',\n medium: 'medium',\n large: 'large',\n xlarge: 'xlarge',\n} as const;\nexport type DialogSize = ValueOf<typeof DialogSize>;\n\n/**\n * Component props.\n */\nexport interface DialogProps {\n /** Button color that will be forward to the trigger. */\n color?: ButtonColor;\n /** Children. Can only be DialogTrigger and DialogContent. */\n children: ReactNode;\n /**\n * Default open status.\n * Used for uncontrolled version.\n */\n defaultOpen?: boolean;\n /** Whether the Close icon button is displayed or not. */\n hasCloseButton?: boolean;\n /** Which element to initially focus. Can be either a number (tabbable index), a ref to en element, or a shortcut pointing towards a section of the dialog. See the accessibility section in the documentation to know which one to use. */\n initialFocus?: number | React.MutableRefObject<HTMLElement | null> | 'header' | 'body' | 'actions';\n /**\n * Whether the component is opened or not.\n * Used for controlled version.\n */\n isOpen?: boolean;\n /** Method to handle component change. */\n onOpen?: (open: boolean) => void;\n /** Dialog size. */\n size?: DialogSize | { width?: string; maxWidth?: string; minWidth?: string };\n /** Theme. */\n theme?: Theme;\n /** Class name to append to the trigger. */\n triggerClassName?: string;\n}\n\nexport type StyledDialogProps = DialogProps;\n"],"names":["DialogSize","small","medium","large","xlarge"],"mappings":"AAIA;AACA;AACA;;AAUA;AACA;AACA;AACO,MAAMA,UAAU,GAAG;AACxBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAU;;AAGV;AACA;AACA;;;;"}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import React__default, { useRef, useState, useEffect, useCallback } from 'react';
|
|
3
|
-
import { useFloating, useDismiss, useRole, useInteractions } from '../../../../../../node_modules/@floating-ui/react/dist/_internal/floating-ui.react.js';
|
|
4
|
-
import { DialogSize } from './types.js';
|
|
5
|
-
|
|
6
|
-
const sizeToDimension = size => {
|
|
7
|
-
if (typeof size !== 'string') {
|
|
8
|
-
return size;
|
|
9
|
-
}
|
|
10
|
-
switch (size) {
|
|
11
|
-
case DialogSize.small:
|
|
12
|
-
return {
|
|
13
|
-
width: '540px'
|
|
14
|
-
};
|
|
15
|
-
case DialogSize.large:
|
|
16
|
-
return {
|
|
17
|
-
width: '800px'
|
|
18
|
-
};
|
|
19
|
-
case DialogSize.xlarge:
|
|
20
|
-
return {
|
|
21
|
-
width: '80vw'
|
|
22
|
-
};
|
|
23
|
-
case DialogSize.medium:
|
|
24
|
-
default:
|
|
25
|
-
return {
|
|
26
|
-
width: '700px'
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
function useDialog(_ref) {
|
|
31
|
-
let {
|
|
32
|
-
color,
|
|
33
|
-
defaultOpen,
|
|
34
|
-
hasCloseButton,
|
|
35
|
-
initialFocus,
|
|
36
|
-
isOpen: propsIsOpen,
|
|
37
|
-
onOpen,
|
|
38
|
-
size,
|
|
39
|
-
triggerClassName
|
|
40
|
-
} = _ref;
|
|
41
|
-
const headerRef = useRef(null);
|
|
42
|
-
const bodyRef = useRef(null);
|
|
43
|
-
const actionsRef = useRef(null);
|
|
44
|
-
const [labelId, setLabelId] = React__default.useState();
|
|
45
|
-
const [descriptionId, setDescriptionId] = React__default.useState();
|
|
46
|
-
const [isOpen, setIsOpen] = useState(propsIsOpen !== null && propsIsOpen !== void 0 ? propsIsOpen : defaultOpen);
|
|
47
|
-
const {
|
|
48
|
-
width,
|
|
49
|
-
minWidth,
|
|
50
|
-
maxWidth
|
|
51
|
-
} = sizeToDimension(size);
|
|
52
|
-
useEffect(() => {
|
|
53
|
-
setIsOpen(propsIsOpen !== null && propsIsOpen !== void 0 ? propsIsOpen : defaultOpen);
|
|
54
|
-
}, [propsIsOpen, defaultOpen]);
|
|
55
|
-
const handleOpen = useCallback(collapsed => {
|
|
56
|
-
if (onOpen) {
|
|
57
|
-
onOpen(collapsed);
|
|
58
|
-
}
|
|
59
|
-
if (propsIsOpen === undefined || propsIsOpen === null) {
|
|
60
|
-
setIsOpen(collapsed);
|
|
61
|
-
}
|
|
62
|
-
}, [onOpen]);
|
|
63
|
-
const data = useFloating({
|
|
64
|
-
open: isOpen,
|
|
65
|
-
onOpenChange: handleOpen
|
|
66
|
-
});
|
|
67
|
-
const context = data.context;
|
|
68
|
-
const dismiss = useDismiss(context, {
|
|
69
|
-
outsidePressEvent: 'mousedown'
|
|
70
|
-
});
|
|
71
|
-
const role = useRole(context);
|
|
72
|
-
const interactions = useInteractions([dismiss, role]);
|
|
73
|
-
return React__default.useMemo(() => _objectSpread2(_objectSpread2(_objectSpread2({
|
|
74
|
-
color,
|
|
75
|
-
isOpen,
|
|
76
|
-
handleOpen
|
|
77
|
-
}, interactions), data), {}, {
|
|
78
|
-
labelId,
|
|
79
|
-
descriptionId,
|
|
80
|
-
setLabelId,
|
|
81
|
-
setDescriptionId,
|
|
82
|
-
hasCloseButton,
|
|
83
|
-
initialFocus,
|
|
84
|
-
width,
|
|
85
|
-
minWidth,
|
|
86
|
-
maxWidth,
|
|
87
|
-
headerRef,
|
|
88
|
-
bodyRef,
|
|
89
|
-
actionsRef,
|
|
90
|
-
triggerClassName
|
|
91
|
-
}), [color, isOpen, handleOpen, interactions, data, labelId, descriptionId, hasCloseButton, initialFocus, width, minWidth, maxWidth, headerRef, bodyRef, actionsRef, triggerClassName]);
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
export { sizeToDimension, useDialog };
|
|
95
|
-
//# sourceMappingURL=useDialog.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useDialog.js","sources":["../../../../../../../../popovers/src/components/dialog/useDialog.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { useFloating, useDismiss, useRole, useInteractions } from '@floating-ui/react';\nimport { DialogProps, DialogSize } from './types';\n\nexport const sizeToDimension = (\n size: DialogSize | { width?: string; maxWidth?: string; minWidth?: string }\n): { width?: string; maxWidth?: string; minWidth?: string } => {\n if (typeof size !== 'string') {\n return size;\n }\n\n switch (size) {\n case DialogSize.small:\n return { width: '540px' };\n case DialogSize.large:\n return { width: '800px' };\n case DialogSize.xlarge:\n return { width: '80vw' };\n case DialogSize.medium:\n default:\n return { width: '700px' };\n }\n};\n\nexport function useDialog({\n color,\n defaultOpen,\n hasCloseButton,\n initialFocus,\n isOpen: propsIsOpen,\n onOpen,\n size,\n triggerClassName,\n}: Omit<DialogProps, 'children'>) {\n const headerRef = useRef(null);\n const bodyRef = useRef(null);\n const actionsRef = useRef(null);\n const [labelId, setLabelId] = React.useState<string | undefined>();\n const [descriptionId, setDescriptionId] = React.useState<string | undefined>();\n\n const [isOpen, setIsOpen] = useState(propsIsOpen ?? defaultOpen);\n\n const { width, minWidth, maxWidth } = sizeToDimension(size!);\n\n useEffect(() => {\n setIsOpen(propsIsOpen ?? defaultOpen);\n }, [propsIsOpen, defaultOpen]);\n\n const handleOpen = useCallback(\n (collapsed: boolean) => {\n if (onOpen) {\n onOpen(collapsed);\n }\n if (propsIsOpen === undefined || propsIsOpen === null) {\n setIsOpen(collapsed);\n }\n },\n [onOpen]\n );\n\n const data = useFloating({\n open: isOpen,\n onOpenChange: handleOpen,\n });\n\n const context = data.context;\n\n const dismiss = useDismiss(context, { outsidePressEvent: 'mousedown' });\n const role = useRole(context);\n\n const interactions = useInteractions([dismiss, role]);\n\n return React.useMemo(\n () => ({\n color,\n isOpen,\n handleOpen,\n ...interactions,\n ...data,\n labelId,\n descriptionId,\n setLabelId,\n setDescriptionId,\n hasCloseButton,\n initialFocus,\n width,\n minWidth,\n maxWidth,\n headerRef,\n bodyRef,\n actionsRef,\n triggerClassName,\n }),\n [\n color,\n isOpen,\n handleOpen,\n interactions,\n data,\n labelId,\n descriptionId,\n hasCloseButton,\n initialFocus,\n width,\n minWidth,\n maxWidth,\n headerRef,\n bodyRef,\n actionsRef,\n triggerClassName,\n ]\n );\n}\n"],"names":["sizeToDimension","size","DialogSize","small","width","large","xlarge","medium","useDialog","_ref","color","defaultOpen","hasCloseButton","initialFocus","isOpen","propsIsOpen","onOpen","triggerClassName","headerRef","useRef","bodyRef","actionsRef","labelId","setLabelId","React","useState","descriptionId","setDescriptionId","setIsOpen","minWidth","maxWidth","useEffect","handleOpen","useCallback","collapsed","undefined","data","useFloating","open","onOpenChange","context","dismiss","useDismiss","outsidePressEvent","role","useRole","interactions","useInteractions","useMemo","_objectSpread"],"mappings":"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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { DialogContext } from './context.js';
|
|
3
|
-
|
|
4
|
-
const useDialogContext = () => {
|
|
5
|
-
const context = React__default.useContext(DialogContext);
|
|
6
|
-
if (context == null) {
|
|
7
|
-
throw new Error('Dialog components must be wrapped in <Dialog />');
|
|
8
|
-
}
|
|
9
|
-
return context;
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { useDialogContext };
|
|
13
|
-
//# sourceMappingURL=useDialogContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useDialogContext.js","sources":["../../../../../../../../popovers/src/components/dialog/useDialogContext.tsx"],"sourcesContent":["import React from 'react';\nimport { DialogContext } from './context';\n\nexport const useDialogContext = () => {\n const context = React.useContext(DialogContext);\n\n if (context == null) {\n throw new Error('Dialog components must be wrapped in <Dialog />');\n }\n\n return context;\n};\n"],"names":["useDialogContext","context","React","useContext","DialogContext","Error"],"mappings":";;;AAGaA,MAAAA,gBAAgB,GAAGA,MAAM;AACpC,EAAA,MAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,aAAa,CAAC,CAAA;EAE/C,IAAIH,OAAO,IAAI,IAAI,EAAE;AACnB,IAAA,MAAM,IAAII,KAAK,CAAC,iDAAiD,CAAC,CAAA;AACpE,GAAA;AAEA,EAAA,OAAOJ,OAAO,CAAA;AAChB;;;;"}
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import React__default, { forwardRef, useContext } from 'react';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import { useTransitionStyles, useMergeRefs, FloatingPortal, FloatingFocusManager } from '../../../../../../node_modules/@floating-ui/react/dist/_internal/floating-ui.react.js';
|
|
5
|
-
import { mdiClose } from '@redsift/icons';
|
|
6
|
-
import { AppContainerContext, useTheme, useMessageFormatter, partitionComponents, isComponent, IconButton } from '@redsift/design-system';
|
|
7
|
-
import intlMessages from '../intl/index.js';
|
|
8
|
-
import { StyledFloatingOverlay, StyledDialogContent } from './styles.js';
|
|
9
|
-
import { DialogContentHeader } from '../../dialog-content-header/_internal/DialogContentHeader.js';
|
|
10
|
-
import { DialogContentBody } from '../../dialog-content-body/_internal/DialogContentBody.js';
|
|
11
|
-
import { DialogContentActions } from '../../dialog-content-actions/_internal/DialogContentActions.js';
|
|
12
|
-
import { useDialogContext } from '../../dialog/_internal/useDialogContext.js';
|
|
13
|
-
|
|
14
|
-
const _excluded = ["children", "className", "style", "theme"];
|
|
15
|
-
const COMPONENT_NAME = 'DialogContent';
|
|
16
|
-
const CLASSNAME = 'redsift-dialog-content';
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* The DialogContent component.
|
|
20
|
-
*/
|
|
21
|
-
const BaseDialogContent = /*#__PURE__*/forwardRef((props, ref) => {
|
|
22
|
-
const {
|
|
23
|
-
children,
|
|
24
|
-
className,
|
|
25
|
-
style,
|
|
26
|
-
theme: propsTheme
|
|
27
|
-
} = props,
|
|
28
|
-
forwardedProps = _objectWithoutProperties(props, _excluded);
|
|
29
|
-
const appContainerState = useContext(AppContainerContext);
|
|
30
|
-
const {
|
|
31
|
-
context: floatingContext,
|
|
32
|
-
getFloatingProps,
|
|
33
|
-
refs,
|
|
34
|
-
labelId,
|
|
35
|
-
descriptionId,
|
|
36
|
-
handleOpen,
|
|
37
|
-
hasCloseButton,
|
|
38
|
-
initialFocus: propsInitialFocus,
|
|
39
|
-
width,
|
|
40
|
-
minWidth,
|
|
41
|
-
maxWidth,
|
|
42
|
-
headerRef,
|
|
43
|
-
bodyRef,
|
|
44
|
-
actionsRef
|
|
45
|
-
} = useDialogContext();
|
|
46
|
-
const theme = useTheme(propsTheme);
|
|
47
|
-
const {
|
|
48
|
-
isMounted,
|
|
49
|
-
styles
|
|
50
|
-
} = useTransitionStyles(floatingContext);
|
|
51
|
-
const dialogRef = useMergeRefs([refs.setFloating, ref]);
|
|
52
|
-
const format = useMessageFormatter(intlMessages);
|
|
53
|
-
const [[header], [body], [actions]] = partitionComponents(React__default.Children.toArray(children), [isComponent('DialogContentHeader'), isComponent('DialogContentBody'), isComponent('DialogContentActions')]);
|
|
54
|
-
const initialFocus = propsInitialFocus === 'header' ? headerRef : propsInitialFocus === 'body' ? bodyRef : propsInitialFocus === 'actions' ? actionsRef : propsInitialFocus ? propsInitialFocus : undefined;
|
|
55
|
-
return /*#__PURE__*/React__default.createElement(FloatingPortal, {
|
|
56
|
-
root: appContainerState === null || appContainerState === void 0 ? void 0 : appContainerState.appContainerRef.current
|
|
57
|
-
}, isMounted && /*#__PURE__*/React__default.createElement(StyledFloatingOverlay, {
|
|
58
|
-
lockScroll: true,
|
|
59
|
-
style: styles
|
|
60
|
-
}, /*#__PURE__*/React__default.createElement(FloatingFocusManager, {
|
|
61
|
-
context: floatingContext,
|
|
62
|
-
initialFocus: initialFocus ? initialFocus : undefined
|
|
63
|
-
}, /*#__PURE__*/React__default.createElement(StyledDialogContent, _extends({
|
|
64
|
-
$theme: theme,
|
|
65
|
-
className: classNames(DialogContent.className, className)
|
|
66
|
-
}, forwardedProps, {
|
|
67
|
-
ref: dialogRef,
|
|
68
|
-
"aria-labelledby": labelId,
|
|
69
|
-
"aria-describedby": descriptionId
|
|
70
|
-
}, getFloatingProps(props), {
|
|
71
|
-
style: _objectSpread2(_objectSpread2({}, styles), style),
|
|
72
|
-
$width: width,
|
|
73
|
-
$minWidth: minWidth,
|
|
74
|
-
$maxWidth: maxWidth
|
|
75
|
-
}), !header && !body && !actions ? /*#__PURE__*/React__default.createElement(DialogContentBody, null, children) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, header || hasCloseButton ? /*#__PURE__*/React__default.createElement("div", {
|
|
76
|
-
className: `${BaseDialogContent.className}__header`
|
|
77
|
-
}, header, hasCloseButton ? /*#__PURE__*/React__default.createElement(IconButton, {
|
|
78
|
-
theme: theme,
|
|
79
|
-
"aria-label": format('close'),
|
|
80
|
-
className: `${BaseDialogContent.className}-header__icon-button`,
|
|
81
|
-
color: "grey",
|
|
82
|
-
icon: mdiClose,
|
|
83
|
-
onClick: () => handleOpen(false)
|
|
84
|
-
}) : null) : null, body || actions ? /*#__PURE__*/React__default.createElement("div", {
|
|
85
|
-
className: `${BaseDialogContent.className}__content`
|
|
86
|
-
}, body, actions) : null)))));
|
|
87
|
-
});
|
|
88
|
-
BaseDialogContent.className = CLASSNAME;
|
|
89
|
-
BaseDialogContent.displayName = COMPONENT_NAME;
|
|
90
|
-
const DialogContent = Object.assign(BaseDialogContent, {
|
|
91
|
-
Header: DialogContentHeader,
|
|
92
|
-
Body: DialogContentBody,
|
|
93
|
-
Actions: DialogContentActions
|
|
94
|
-
});
|
|
95
|
-
|
|
96
|
-
export { BaseDialogContent, DialogContent };
|
|
97
|
-
//# sourceMappingURL=DialogContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DialogContent.js","sources":["../../../../../../../../popovers/src/components/dialog-content/DialogContent.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\nimport classNames from 'classnames';\nimport { useMergeRefs, FloatingPortal, FloatingFocusManager, useTransitionStyles } from '@floating-ui/react';\nimport { mdiClose } from '@redsift/icons';\n\nimport { AppContainerContext, useMessageFormatter } from '@redsift/design-system';\nimport intlMessages from './intl';\n\nimport { Comp, IconButton, isComponent, partitionComponents, useTheme } from '@redsift/design-system';\nimport { DialogContentProps } from './types';\nimport { useDialogContext } from '../dialog';\nimport { StyledDialogContent, StyledFloatingOverlay } from './styles';\nimport { DialogContentActions } from '../dialog-content-actions';\nimport { DialogContentBody } from '../dialog-content-body';\nimport { DialogContentHeader } from '../dialog-content-header';\n\nconst COMPONENT_NAME = 'DialogContent';\nconst CLASSNAME = 'redsift-dialog-content';\n\n/**\n * The DialogContent component.\n */\nexport const BaseDialogContent: Comp<DialogContentProps, HTMLDivElement> = forwardRef((props, ref) => {\n const { children, className, style, theme: propsTheme, ...forwardedProps } = props;\n const appContainerState = useContext(AppContainerContext);\n const {\n context: floatingContext,\n getFloatingProps,\n refs,\n labelId,\n descriptionId,\n handleOpen,\n hasCloseButton,\n initialFocus: propsInitialFocus,\n width,\n minWidth,\n maxWidth,\n headerRef,\n bodyRef,\n actionsRef,\n } = useDialogContext();\n const theme = useTheme(propsTheme);\n const { isMounted, styles } = useTransitionStyles(floatingContext);\n const dialogRef = useMergeRefs([refs.setFloating, ref]);\n\n const format = useMessageFormatter(intlMessages);\n\n const [[header], [body], [actions]] = partitionComponents(React.Children.toArray(children), [\n isComponent('DialogContentHeader'),\n isComponent('DialogContentBody'),\n isComponent('DialogContentActions'),\n ]);\n\n const initialFocus: number | React.MutableRefObject<HTMLElement | null> | undefined =\n propsInitialFocus === 'header'\n ? headerRef\n : propsInitialFocus === 'body'\n ? bodyRef\n : propsInitialFocus === 'actions'\n ? actionsRef\n : propsInitialFocus\n ? propsInitialFocus\n : undefined;\n\n return (\n <FloatingPortal root={appContainerState?.appContainerRef.current}>\n {isMounted && (\n <StyledFloatingOverlay lockScroll style={styles}>\n <FloatingFocusManager context={floatingContext} initialFocus={initialFocus ? initialFocus : undefined}>\n <StyledDialogContent\n $theme={theme!}\n className={classNames(DialogContent.className, className)}\n {...forwardedProps}\n ref={dialogRef}\n aria-labelledby={labelId}\n aria-describedby={descriptionId}\n {...getFloatingProps(props)}\n style={{ ...styles, ...style }}\n $width={width}\n $minWidth={minWidth}\n $maxWidth={maxWidth}\n >\n {!header && !body && !actions ? (\n <DialogContentBody>{children}</DialogContentBody>\n ) : (\n <>\n {header || hasCloseButton ? (\n <div className={`${BaseDialogContent.className}__header`}>\n {header}\n\n {hasCloseButton ? (\n <IconButton\n theme={theme}\n aria-label={format('close')}\n className={`${BaseDialogContent.className}-header__icon-button`}\n color=\"grey\"\n icon={mdiClose}\n onClick={() => handleOpen(false)}\n />\n ) : null}\n </div>\n ) : null}\n {body || actions ? (\n <div className={`${BaseDialogContent.className}__content`}>\n {body}\n {actions}\n </div>\n ) : null}\n </>\n )}\n </StyledDialogContent>\n </FloatingFocusManager>\n </StyledFloatingOverlay>\n )}\n </FloatingPortal>\n );\n});\nBaseDialogContent.className = CLASSNAME;\nBaseDialogContent.displayName = COMPONENT_NAME;\n\nexport const DialogContent = Object.assign(BaseDialogContent, {\n Header: DialogContentHeader,\n Body: DialogContentBody,\n Actions: DialogContentActions,\n});\n"],"names":["COMPONENT_NAME","CLASSNAME","BaseDialogContent","forwardRef","props","ref","children","className","style","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","appContainerState","useContext","AppContainerContext","context","floatingContext","getFloatingProps","refs","labelId","descriptionId","handleOpen","hasCloseButton","initialFocus","propsInitialFocus","width","minWidth","maxWidth","headerRef","bodyRef","actionsRef","useDialogContext","useTheme","isMounted","styles","useTransitionStyles","dialogRef","useMergeRefs","setFloating","format","useMessageFormatter","intlMessages","header","body","actions","partitionComponents","React","Children","toArray","isComponent","undefined","createElement","FloatingPortal","root","appContainerRef","current","StyledFloatingOverlay","lockScroll","FloatingFocusManager","StyledDialogContent","_extends","$theme","classNames","DialogContent","_objectSpread","$width","$minWidth","$maxWidth","DialogContentBody","Fragment","IconButton","color","icon","mdiClose","onClick","displayName","Object","assign","Header","DialogContentHeader","Body","Actions","DialogContentActions"],"mappings":"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"}
|