@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.
Files changed (83) hide show
  1. package/{packages/products/src/components/radar-button/_internal → _internal}/RadarButton.js +2 -2
  2. package/_internal/RadarButton.js.map +1 -0
  3. package/{packages/products/src/components/radar-item/_internal → _internal}/RadarItem.js +2 -2
  4. package/_internal/RadarItem.js.map +1 -0
  5. package/_internal/RadarSimpleDialog.js +8810 -0
  6. package/_internal/RadarSimpleDialog.js.map +1 -0
  7. package/{packages/products/src/components/radar-menu-button/_internal/RadarMenuButton.js → _internal/RadarSimpleMenuButton.js} +39 -3
  8. package/_internal/RadarSimpleMenuButton.js.map +1 -0
  9. package/{_virtual/_internal → _internal}/_rollupPluginBabelHelpers.js +1 -1
  10. package/_internal/radar-button.js +2 -0
  11. package/_internal/radar-dialog.js +2 -0
  12. package/{packages/products/src/components/radar-dialog/_internal → _internal}/radar-dialog.js.map +1 -1
  13. package/_internal/radar-item.js +2 -0
  14. package/_internal/radar-menu-button.js +2 -0
  15. package/{packages/products/src/components/radar-menu-button/_internal → _internal}/radar-menu-button.js.map +1 -1
  16. package/_internal/radar.js +23 -0
  17. package/_internal/radar.js.map +1 -0
  18. package/index.js +5 -0
  19. package/{packages/products/src/index.js.map → index.js.map} +1 -1
  20. package/package.json +5 -5
  21. package/_virtual/_internal/jsx-runtime.js +0 -4
  22. package/_virtual/_internal/jsx-runtime.js.map +0 -1
  23. package/_virtual/_internal/react-jsx-runtime.development.js +0 -4
  24. package/_virtual/_internal/react-jsx-runtime.development.js.map +0 -1
  25. package/_virtual/_internal/react-jsx-runtime.production.min.js +0 -4
  26. package/_virtual/_internal/react-jsx-runtime.production.min.js.map +0 -1
  27. package/packages/popovers/src/components/dialog/_internal/Dialog.js +0 -56
  28. package/packages/popovers/src/components/dialog/_internal/Dialog.js.map +0 -1
  29. package/packages/popovers/src/components/dialog/_internal/context.js +0 -6
  30. package/packages/popovers/src/components/dialog/_internal/context.js.map +0 -1
  31. package/packages/popovers/src/components/dialog/_internal/types.js +0 -20
  32. package/packages/popovers/src/components/dialog/_internal/types.js.map +0 -1
  33. package/packages/popovers/src/components/dialog/_internal/useDialog.js +0 -95
  34. package/packages/popovers/src/components/dialog/_internal/useDialog.js.map +0 -1
  35. package/packages/popovers/src/components/dialog/_internal/useDialogContext.js +0 -13
  36. package/packages/popovers/src/components/dialog/_internal/useDialogContext.js.map +0 -1
  37. package/packages/popovers/src/components/dialog-content/_internal/DialogContent.js +0 -97
  38. package/packages/popovers/src/components/dialog-content/_internal/DialogContent.js.map +0 -1
  39. package/packages/popovers/src/components/dialog-content/_internal/styles.js +0 -77
  40. package/packages/popovers/src/components/dialog-content/_internal/styles.js.map +0 -1
  41. package/packages/popovers/src/components/dialog-content/intl/_internal/en-US.js +0 -7
  42. package/packages/popovers/src/components/dialog-content/intl/_internal/en-US.js.map +0 -1
  43. package/packages/popovers/src/components/dialog-content/intl/_internal/fr-FR.js +0 -7
  44. package/packages/popovers/src/components/dialog-content/intl/_internal/fr-FR.js.map +0 -1
  45. package/packages/popovers/src/components/dialog-content/intl/index.js +0 -10
  46. package/packages/popovers/src/components/dialog-content/intl/index.js.map +0 -1
  47. package/packages/popovers/src/components/dialog-content-actions/_internal/DialogContentActions.js +0 -38
  48. package/packages/popovers/src/components/dialog-content-actions/_internal/DialogContentActions.js.map +0 -1
  49. package/packages/popovers/src/components/dialog-content-actions/_internal/styles.js +0 -20
  50. package/packages/popovers/src/components/dialog-content-actions/_internal/styles.js.map +0 -1
  51. package/packages/popovers/src/components/dialog-content-body/_internal/DialogContentBody.js +0 -49
  52. package/packages/popovers/src/components/dialog-content-body/_internal/DialogContentBody.js.map +0 -1
  53. package/packages/popovers/src/components/dialog-content-body/_internal/styles.js +0 -65
  54. package/packages/popovers/src/components/dialog-content-body/_internal/styles.js.map +0 -1
  55. package/packages/popovers/src/components/dialog-content-header/_internal/DialogContentHeader.js +0 -86
  56. package/packages/popovers/src/components/dialog-content-header/_internal/DialogContentHeader.js.map +0 -1
  57. package/packages/popovers/src/components/dialog-content-header/_internal/styles.js +0 -31
  58. package/packages/popovers/src/components/dialog-content-header/_internal/styles.js.map +0 -1
  59. package/packages/popovers/src/components/dialog-trigger/_internal/DialogTrigger.js +0 -47
  60. package/packages/popovers/src/components/dialog-trigger/_internal/DialogTrigger.js.map +0 -1
  61. package/packages/products/src/components/radar/_internal/radar.js +0 -25
  62. package/packages/products/src/components/radar/_internal/radar.js.map +0 -1
  63. package/packages/products/src/components/radar-button/_internal/RadarButton.js.map +0 -1
  64. package/packages/products/src/components/radar-button/_internal/radar-button.js +0 -2
  65. package/packages/products/src/components/radar-dialog/_internal/PulsedRadarImage.js +0 -437
  66. package/packages/products/src/components/radar-dialog/_internal/PulsedRadarImage.js.map +0 -1
  67. package/packages/products/src/components/radar-dialog/_internal/RadarDialog.js +0 -146
  68. package/packages/products/src/components/radar-dialog/_internal/RadarDialog.js.map +0 -1
  69. package/packages/products/src/components/radar-dialog/_internal/RadarSimpleDialog.js +0 -23
  70. package/packages/products/src/components/radar-dialog/_internal/RadarSimpleDialog.js.map +0 -1
  71. package/packages/products/src/components/radar-dialog/_internal/ScatterGrid.js +0 -1548
  72. package/packages/products/src/components/radar-dialog/_internal/ScatterGrid.js.map +0 -1
  73. package/packages/products/src/components/radar-dialog/_internal/radar-dialog.js +0 -3
  74. package/packages/products/src/components/radar-item/_internal/RadarItem.js.map +0 -1
  75. package/packages/products/src/components/radar-item/_internal/radar-item.js +0 -2
  76. package/packages/products/src/components/radar-menu-button/_internal/RadarMenuButton.js.map +0 -1
  77. package/packages/products/src/components/radar-menu-button/_internal/RadarSimpleMenuButton.js +0 -42
  78. package/packages/products/src/components/radar-menu-button/_internal/RadarSimpleMenuButton.js.map +0 -1
  79. package/packages/products/src/components/radar-menu-button/_internal/radar-menu-button.js +0 -3
  80. package/packages/products/src/index.js +0 -6
  81. /package/{_virtual/_internal → _internal}/_rollupPluginBabelHelpers.js.map +0 -0
  82. /package/{packages/products/src/components/radar-button/_internal → _internal}/radar-button.js.map +0 -0
  83. /package/{packages/products/src/components/radar-item/_internal → _internal}/radar-item.js.map +0 -0
@@ -1,7 +1,10 @@
1
- import { extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
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
- export { BaseRadarMenuButton, BaseRadarMenuButtonContent, RadarMenuButton, RadarMenuButtonContent, RadarMenuButtonContentFooter, RadarMenuButtonContentHeader, RadarMenuButtonContentMenu, RadarMenuButtonTrigger };
61
- //# sourceMappingURL=RadarMenuButton.js.map
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":"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"}
@@ -89,5 +89,5 @@ function _toPropertyKey(arg) {
89
89
  return typeof key === "symbol" ? key : String(key);
90
90
  }
91
91
 
92
- export { _defineProperty as defineProperty, _extends as extends, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey };
92
+ export { _extends as _, _objectWithoutProperties as a, _objectSpread2 as b };
93
93
  //# sourceMappingURL=_rollupPluginBabelHelpers.js.map
@@ -0,0 +1,2 @@
1
+ export { R as RadarButton } from './RadarButton.js';
2
+ //# sourceMappingURL=radar-button.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
@@ -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 { R as RadarItem } from './RadarItem.js';
2
+ //# sourceMappingURL=radar-item.js.map
@@ -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.11",
33
+ "version": "11.6.0-muiv5-alpha.13",
34
34
  "dependencies": {
35
- "@redsift/design-system": "^11.6.0-muiv5-alpha.11",
36
- "@redsift/icons": "^11.6.0-muiv5-alpha.11",
37
- "@redsift/pickers": "^11.6.0-muiv5-alpha.11",
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": "aa2b60078c31ab64a6d5d7d77aa7a9dc71eb4031"
98
+ "gitHead": "fae3274ea2f622d9dab01d41ab4403a95c5359aa"
99
99
  }
@@ -1,4 +0,0 @@
1
- var jsxRuntime = {exports: {}};
2
-
3
- export { jsxRuntime as __module };
4
- //# sourceMappingURL=jsx-runtime.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"jsx-runtime.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,4 +0,0 @@
1
- var reactJsxRuntime_development = {};
2
-
3
- export { reactJsxRuntime_development as __exports };
4
- //# sourceMappingURL=react-jsx-runtime.development.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"react-jsx-runtime.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,4 +0,0 @@
1
- var reactJsxRuntime_production_min = {};
2
-
3
- export { reactJsxRuntime_production_min as __exports };
4
- //# sourceMappingURL=react-jsx-runtime.production.min.js.map
@@ -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,6 +0,0 @@
1
- import React__default from 'react';
2
-
3
- const DialogContext = /*#__PURE__*/React__default.createContext(null);
4
-
5
- export { DialogContext };
6
- //# sourceMappingURL=context.js.map
@@ -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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"}