@redsift/products 11.5.0 → 11.6.0-muiv5-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/_virtual/_rollupPluginBabelHelpers.js +93 -0
  2. package/_virtual/_rollupPluginBabelHelpers.js.map +1 -0
  3. package/_virtual/jsx-runtime.js +4 -0
  4. package/_virtual/jsx-runtime.js.map +1 -0
  5. package/_virtual/react-jsx-runtime.development.js +4 -0
  6. package/_virtual/react-jsx-runtime.development.js.map +1 -0
  7. package/_virtual/react-jsx-runtime.production.min.js +4 -0
  8. package/_virtual/react-jsx-runtime.production.min.js.map +1 -0
  9. package/components/radar/index.d.ts +55 -0
  10. package/components/radar/index.js +25 -0
  11. package/components/radar/index.js.map +1 -0
  12. package/components/radar-button/RadarButton.d.ts +8 -0
  13. package/components/radar-button/RadarButton.js +25 -0
  14. package/components/radar-button/RadarButton.js.map +1 -0
  15. package/components/radar-dialog/PulsedRadarImage.js +437 -0
  16. package/components/radar-dialog/PulsedRadarImage.js.map +1 -0
  17. package/components/radar-dialog/RadarDialog.js +146 -0
  18. package/components/radar-dialog/RadarDialog.js.map +1 -0
  19. package/components/radar-dialog/RadarSimpleDialog.d.ts +15 -0
  20. package/components/radar-dialog/RadarSimpleDialog.js +23 -0
  21. package/components/radar-dialog/RadarSimpleDialog.js.map +1 -0
  22. package/components/radar-dialog/ScatterGrid.js +1548 -0
  23. package/components/radar-dialog/ScatterGrid.js.map +1 -0
  24. package/components/radar-item/RadarItem.d.ts +9 -0
  25. package/components/radar-item/RadarItem.js +23 -0
  26. package/components/radar-item/RadarItem.js.map +1 -0
  27. package/components/radar-menu-button/RadarMenuButton.d.ts +35 -0
  28. package/components/radar-menu-button/RadarMenuButton.js +61 -0
  29. package/components/radar-menu-button/RadarMenuButton.js.map +1 -0
  30. package/components/radar-menu-button/RadarSimpleMenuButton.d.ts +13 -0
  31. package/components/radar-menu-button/RadarSimpleMenuButton.js +42 -0
  32. package/components/radar-menu-button/RadarSimpleMenuButton.js.map +1 -0
  33. package/index.d.ts +5 -199
  34. package/index.js +5 -9038
  35. package/index.js.map +1 -1
  36. package/package.json +8 -8
  37. package/packages/popovers/src/components/dialog/Dialog.js +56 -0
  38. package/packages/popovers/src/components/dialog/Dialog.js.map +1 -0
  39. package/packages/popovers/src/components/dialog/context.js +6 -0
  40. package/packages/popovers/src/components/dialog/context.js.map +1 -0
  41. package/packages/popovers/src/components/dialog/types.js +20 -0
  42. package/packages/popovers/src/components/dialog/types.js.map +1 -0
  43. package/packages/popovers/src/components/dialog/useDialog.js +95 -0
  44. package/packages/popovers/src/components/dialog/useDialog.js.map +1 -0
  45. package/packages/popovers/src/components/dialog/useDialogContext.js +13 -0
  46. package/packages/popovers/src/components/dialog/useDialogContext.js.map +1 -0
  47. package/packages/popovers/src/components/dialog-content/DialogContent.js +97 -0
  48. package/packages/popovers/src/components/dialog-content/DialogContent.js.map +1 -0
  49. package/packages/popovers/src/components/dialog-content/intl/en-US.json.js +7 -0
  50. package/packages/popovers/src/components/dialog-content/intl/en-US.json.js.map +1 -0
  51. package/packages/popovers/src/components/dialog-content/intl/fr-FR.json.js +7 -0
  52. package/packages/popovers/src/components/dialog-content/intl/fr-FR.json.js.map +1 -0
  53. package/packages/popovers/src/components/dialog-content/intl/index.js +10 -0
  54. package/packages/popovers/src/components/dialog-content/intl/index.js.map +1 -0
  55. package/packages/popovers/src/components/dialog-content/styles.js +77 -0
  56. package/packages/popovers/src/components/dialog-content/styles.js.map +1 -0
  57. package/packages/popovers/src/components/dialog-content-actions/DialogContentActions.js +38 -0
  58. package/packages/popovers/src/components/dialog-content-actions/DialogContentActions.js.map +1 -0
  59. package/packages/popovers/src/components/dialog-content-actions/styles.js +20 -0
  60. package/packages/popovers/src/components/dialog-content-actions/styles.js.map +1 -0
  61. package/packages/popovers/src/components/dialog-content-body/DialogContentBody.js +49 -0
  62. package/packages/popovers/src/components/dialog-content-body/DialogContentBody.js.map +1 -0
  63. package/packages/popovers/src/components/dialog-content-body/styles.js +65 -0
  64. package/packages/popovers/src/components/dialog-content-body/styles.js.map +1 -0
  65. package/packages/popovers/src/components/dialog-content-header/DialogContentHeader.js +86 -0
  66. package/packages/popovers/src/components/dialog-content-header/DialogContentHeader.js.map +1 -0
  67. package/packages/popovers/src/components/dialog-content-header/styles.js +31 -0
  68. package/packages/popovers/src/components/dialog-content-header/styles.js.map +1 -0
  69. package/packages/popovers/src/components/dialog-trigger/DialogTrigger.js +47 -0
  70. package/packages/popovers/src/components/dialog-trigger/DialogTrigger.js.map +1 -0
  71. package/popovers/src/components/dialog/types.d.ts +50 -0
  72. package/popovers/src/components/dialog-content/types.d.ts +12 -0
  73. package/popovers/src/components/dialog-content-body/types.d.ts +12 -0
  74. package/popovers/src/components/dialog-content-header/types.d.ts +27 -0
  75. package/popovers/src/components/dialog-trigger/types.d.ts +10 -0
@@ -0,0 +1,146 @@
1
+ import { extends as _extends, objectWithoutProperties as _objectWithoutProperties } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React__default, { forwardRef, useRef, useState, useEffect } from 'react';
3
+ import { Flexbox, Icon } from '@redsift/design-system';
4
+ import styled from 'styled-components';
5
+ import { ScatterGrid } from './ScatterGrid.js';
6
+ import { rsiRedSiftHorizontal } from '@redsift/icons';
7
+ import { PulsedRadarImage } from './PulsedRadarImage.js';
8
+ import { Dialog } from '../../packages/popovers/src/components/dialog/Dialog.js';
9
+ import { DialogTrigger } from '../../packages/popovers/src/components/dialog-trigger/DialogTrigger.js';
10
+ import { DialogContent } from '../../packages/popovers/src/components/dialog-content/DialogContent.js';
11
+ import { DialogContentBody } from '../../packages/popovers/src/components/dialog-content-body/DialogContentBody.js';
12
+
13
+ const _excluded = ["children"],
14
+ _excluded2 = ["children"],
15
+ _excluded3 = ["children", "backgroundPosition"];
16
+
17
+ /**
18
+ * The RadarDialog component.
19
+ */
20
+
21
+ const BaseRadarDialog = props => {
22
+ return /*#__PURE__*/React__default.createElement(Dialog, _extends({
23
+ size: "large"
24
+ }, props, {
25
+ hasCloseButton: false
26
+ }));
27
+ };
28
+ BaseRadarDialog.displayName = 'Dialog';
29
+ const RadarDialogContentHeader = props => {
30
+ const {
31
+ children
32
+ } = props,
33
+ forwardedProps = _objectWithoutProperties(props, _excluded);
34
+ return /*#__PURE__*/React__default.createElement(Flexbox, _extends({
35
+ flexDirection: "column",
36
+ paddingLeft: "32px",
37
+ paddingRight: "32px",
38
+ gap: "26px"
39
+ }, forwardedProps), /*#__PURE__*/React__default.createElement(Flexbox, {
40
+ flexDirection: "row",
41
+ gap: "0",
42
+ justifyContent: "space-between",
43
+ alignItems: "center"
44
+ }, /*#__PURE__*/React__default.createElement(ScatterGrid, null), /*#__PURE__*/React__default.createElement(Icon, {
45
+ icon: rsiRedSiftHorizontal,
46
+ size: {
47
+ width: 176
48
+ }
49
+ })), children);
50
+ };
51
+ const RadarDialogContentBody = props => {
52
+ const {
53
+ children
54
+ } = props,
55
+ forwardedProps = _objectWithoutProperties(props, _excluded2);
56
+ return /*#__PURE__*/React__default.createElement(Flexbox, _extends({
57
+ flexDirection: "column",
58
+ maxWidth: "550px",
59
+ padding: "24px 32px"
60
+ }, forwardedProps), children);
61
+ };
62
+ const RadarDialogTrigger = DialogTrigger;
63
+ RadarDialogTrigger.displayName = 'DialogTrigger';
64
+ const StyledDialogContent = styled(DialogContent)`
65
+ border-radius: 4px;
66
+ padding: 0;
67
+ overflow: hidden;
68
+ `;
69
+ const Background = _ref2 => {
70
+ let {
71
+ dialogContentRef
72
+ } = _ref2;
73
+ const [pulsedRadarImageStyle, setPulsedImageRadarStyle] = useState({
74
+ position: 'absolute',
75
+ bottom: 0,
76
+ right: 0,
77
+ zIndex: -1
78
+ });
79
+ useEffect(() => {
80
+ function handleResize() {
81
+ var _dialogContentRef$cur;
82
+ if ((_dialogContentRef$cur = dialogContentRef.current) !== null && _dialogContentRef$cur !== void 0 && _dialogContentRef$cur.clientHeight) {
83
+ var _dialogContentRef$cur2;
84
+ if (((_dialogContentRef$cur2 = dialogContentRef.current) === null || _dialogContentRef$cur2 === void 0 ? void 0 : _dialogContentRef$cur2.clientHeight) < 672) {
85
+ setPulsedImageRadarStyle({
86
+ position: 'absolute',
87
+ top: 0,
88
+ right: 0,
89
+ zIndex: -1
90
+ });
91
+ } else {
92
+ setPulsedImageRadarStyle({
93
+ position: 'absolute',
94
+ bottom: 0,
95
+ right: 0,
96
+ zIndex: -1
97
+ });
98
+ }
99
+ }
100
+ }
101
+ window.addEventListener('resize', handleResize);
102
+ handleResize();
103
+ return () => window.removeEventListener('resize', handleResize);
104
+ }, []);
105
+ return /*#__PURE__*/React__default.createElement(PulsedRadarImage, {
106
+ style: pulsedRadarImageStyle
107
+ });
108
+ };
109
+ const BaseRadarDialogContent = /*#__PURE__*/forwardRef((props, ref) => {
110
+ const {
111
+ children,
112
+ backgroundPosition
113
+ } = props,
114
+ forwardedProps = _objectWithoutProperties(props, _excluded3);
115
+ const dialogContentRef = useRef(null);
116
+ const _ref = ref !== null && ref !== void 0 ? ref : dialogContentRef;
117
+ return /*#__PURE__*/React__default.createElement(StyledDialogContent, _extends({}, forwardedProps, {
118
+ ref: _ref
119
+ }), /*#__PURE__*/React__default.createElement(DialogContentBody, {
120
+ style: {
121
+ padding: '0',
122
+ margin: '0'
123
+ }
124
+ }, children, backgroundPosition === 'top' ? /*#__PURE__*/React__default.createElement(Background, {
125
+ dialogContentRef: _ref
126
+ }) : /*#__PURE__*/React__default.createElement(PulsedRadarImage, {
127
+ style: {
128
+ position: 'absolute',
129
+ bottom: 0,
130
+ right: 0,
131
+ zIndex: -1
132
+ }
133
+ })));
134
+ });
135
+ BaseRadarDialogContent.displayName = 'DialogContent';
136
+ const RadarDialogContent = Object.assign(BaseRadarDialogContent, {
137
+ Header: RadarDialogContentHeader,
138
+ Body: RadarDialogContentBody
139
+ });
140
+ const RadarDialog = Object.assign(BaseRadarDialog, {
141
+ Trigger: RadarDialogTrigger,
142
+ Content: RadarDialogContent
143
+ });
144
+
145
+ export { BaseRadarDialog, BaseRadarDialogContent, RadarDialog, RadarDialogContent, RadarDialogContentBody, RadarDialogContentHeader, RadarDialogTrigger };
146
+ //# sourceMappingURL=RadarDialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadarDialog.js","sources":["../../../src/components/radar-dialog/RadarDialog.tsx"],"sourcesContent":["import React, { CSSProperties, RefObject, useEffect, useRef, useState } from 'react';\nimport {\n Dialog,\n DialogContent,\n DialogContentProps,\n DialogTrigger,\n DialogContentHeaderProps,\n DialogContentBodyProps,\n DialogContentBody,\n DialogProps,\n} from '@redsift/popovers';\nimport { Comp, Flexbox, Icon } from '@redsift/design-system';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\nimport { ScatterGrid } from './ScatterGrid';\nimport { rsiRedSiftHorizontal } from '@redsift/icons';\nimport { PulsedRadarImage } from './PulsedRadarImage';\n\n/**\n * The RadarDialog component.\n */\n\nexport const BaseRadarDialog: React.FC<DialogProps> & {\n displayName?: string;\n className?: string;\n} = (props) => {\n return <Dialog size=\"large\" {...props} hasCloseButton={false} />;\n};\nBaseRadarDialog.displayName = 'Dialog';\n\nexport const RadarDialogContentHeader: Comp<DialogContentHeaderProps, HTMLDivElement> = (props) => {\n const { children, ...forwardedProps } = props;\n return (\n <Flexbox flexDirection=\"column\" paddingLeft=\"32px\" paddingRight=\"32px\" gap=\"26px\" {...forwardedProps}>\n <Flexbox flexDirection=\"row\" gap=\"0\" justifyContent=\"space-between\" alignItems=\"center\">\n <ScatterGrid />\n <Icon icon={rsiRedSiftHorizontal} size={{ width: 176 }} />\n </Flexbox>\n {children}\n </Flexbox>\n );\n};\n\nexport const RadarDialogContentBody: Comp<DialogContentBodyProps, HTMLDivElement> = (props) => {\n const { children, ...forwardedProps } = props;\n return (\n <Flexbox flexDirection=\"column\" maxWidth=\"550px\" padding=\"24px 32px\" {...forwardedProps}>\n {children}\n </Flexbox>\n );\n};\n\nexport const RadarDialogTrigger = DialogTrigger;\nRadarDialogTrigger.displayName = 'DialogTrigger';\n\nconst StyledDialogContent = styled(DialogContent)`\n border-radius: 4px;\n padding: 0;\n overflow: hidden;\n`;\n\nconst Background: React.FC<{ dialogContentRef: RefObject<HTMLDivElement> }> = ({ dialogContentRef }) => {\n const [pulsedRadarImageStyle, setPulsedImageRadarStyle] = useState<CSSProperties>({\n position: 'absolute',\n bottom: 0,\n right: 0,\n zIndex: -1,\n });\n useEffect(() => {\n function handleResize() {\n if (dialogContentRef.current?.clientHeight) {\n if (dialogContentRef.current?.clientHeight < 672) {\n setPulsedImageRadarStyle({ position: 'absolute', top: 0, right: 0, zIndex: -1 });\n } else {\n setPulsedImageRadarStyle({ position: 'absolute', bottom: 0, right: 0, zIndex: -1 });\n }\n }\n }\n\n window.addEventListener('resize', handleResize);\n handleResize();\n\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n return <PulsedRadarImage style={pulsedRadarImageStyle} />;\n};\n\nexport const BaseRadarDialogContent: Comp<\n DialogContentProps & { backgroundPosition?: 'top' | 'bottom' },\n HTMLDivElement\n> = forwardRef((props, ref) => {\n const { children, backgroundPosition, ...forwardedProps } = props;\n const dialogContentRef = useRef<HTMLDivElement>(null);\n const _ref = ref ?? dialogContentRef;\n\n return (\n <StyledDialogContent {...forwardedProps} ref={_ref}>\n <DialogContentBody\n style={{\n padding: '0',\n margin: '0',\n }}\n >\n {children}\n\n {backgroundPosition === 'top' ? (\n <Background dialogContentRef={_ref as RefObject<HTMLDivElement>} />\n ) : (\n <PulsedRadarImage style={{ position: 'absolute', bottom: 0, right: 0, zIndex: -1 }} />\n )}\n </DialogContentBody>\n </StyledDialogContent>\n );\n});\nBaseRadarDialogContent.displayName = 'DialogContent';\n\nexport const RadarDialogContent = Object.assign(BaseRadarDialogContent, {\n Header: RadarDialogContentHeader,\n Body: RadarDialogContentBody,\n});\n\nexport const RadarDialog = Object.assign(BaseRadarDialog, {\n Trigger: RadarDialogTrigger,\n Content: RadarDialogContent,\n});\n"],"names":["BaseRadarDialog","props","React","createElement","Dialog","_extends","size","hasCloseButton","displayName","RadarDialogContentHeader","children","forwardedProps","_objectWithoutProperties","_excluded","Flexbox","flexDirection","paddingLeft","paddingRight","gap","justifyContent","alignItems","ScatterGrid","Icon","icon","rsiRedSiftHorizontal","width","RadarDialogContentBody","_excluded2","maxWidth","padding","RadarDialogTrigger","DialogTrigger","StyledDialogContent","styled","DialogContent","Background","_ref2","dialogContentRef","pulsedRadarImageStyle","setPulsedImageRadarStyle","useState","position","bottom","right","zIndex","useEffect","handleResize","_dialogContentRef$cur","current","clientHeight","_dialogContentRef$cur2","top","window","addEventListener","removeEventListener","PulsedRadarImage","style","BaseRadarDialogContent","forwardRef","ref","backgroundPosition","_excluded3","useRef","_ref","DialogContentBody","margin","RadarDialogContent","Object","assign","Header","Body","RadarDialog","Trigger","Content"],"mappings":"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"}
@@ -0,0 +1,15 @@
1
+ import { ReactNode } from 'react';
2
+ import { Comp } from '@redsift/design-system';
3
+ import { DialogProps } from '../../popovers/src/components/dialog/types.js';
4
+ import { DialogTriggerProps } from '../../popovers/src/components/dialog-trigger/types.js';
5
+ import { DialogContentBodyProps } from '../../popovers/src/components/dialog-content-body/types.js';
6
+
7
+ /**
8
+ * The RadarSimpleDialog component.
9
+ */
10
+ type RadarSimpleDialogProps = Comp<Omit<DialogProps, 'children'> & {
11
+ header?: ReactNode;
12
+ trigger?: Omit<DialogTriggerProps, 'ref'>;
13
+ } & Pick<DialogContentBodyProps, 'children'>, HTMLDivElement>;
14
+
15
+ export { RadarSimpleDialogProps };
@@ -0,0 +1,23 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React__default from 'react';
3
+ import { RadarDialog } from './RadarDialog.js';
4
+
5
+ const _excluded = ["header", "children", "trigger"];
6
+
7
+ /**
8
+ * The RadarSimpleDialog component.
9
+ */
10
+
11
+ const RadarSimpleDialog = props => {
12
+ const {
13
+ header,
14
+ children,
15
+ trigger
16
+ } = props,
17
+ forwardedProps = _objectWithoutProperties(props, _excluded);
18
+ return /*#__PURE__*/React__default.createElement(RadarDialog, forwardedProps, trigger ? /*#__PURE__*/React__default.createElement(RadarDialog.Trigger, trigger) : null, /*#__PURE__*/React__default.createElement(RadarDialog.Content, null, /*#__PURE__*/React__default.createElement(RadarDialog.Content.Header, null, header), /*#__PURE__*/React__default.createElement(RadarDialog.Content.Body, null, children)));
19
+ };
20
+ RadarSimpleDialog.displayName = 'Dialog';
21
+
22
+ export { RadarSimpleDialog };
23
+ //# sourceMappingURL=RadarSimpleDialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadarSimpleDialog.js","sources":["../../../src/components/radar-dialog/RadarSimpleDialog.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { DialogContentBodyProps, DialogProps, DialogTriggerProps } from '@redsift/popovers';\nimport { Comp } from '@redsift/design-system';\nimport { RadarDialog } from './RadarDialog';\n\n/**\n * The RadarSimpleDialog component.\n */\nexport type RadarSimpleDialogProps = Comp<\n Omit<DialogProps, 'children'> & { header?: ReactNode; trigger?: Omit<DialogTriggerProps, 'ref'> } & Pick<\n DialogContentBodyProps,\n 'children'\n >,\n HTMLDivElement\n>;\n\nexport const RadarSimpleDialog: RadarSimpleDialogProps = (props) => {\n const { header, children, trigger, ...forwardedProps } = props;\n\n return (\n <RadarDialog {...forwardedProps}>\n {trigger ? <RadarDialog.Trigger {...trigger} /> : null}\n <RadarDialog.Content>\n <RadarDialog.Content.Header>{header}</RadarDialog.Content.Header>\n <RadarDialog.Content.Body>{children}</RadarDialog.Content.Body>\n </RadarDialog.Content>\n </RadarDialog>\n );\n};\nRadarSimpleDialog.displayName = 'Dialog';\n"],"names":["RadarSimpleDialog","props","header","children","trigger","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","RadarDialog","Trigger","Content","Header","Body","displayName"],"mappings":";;;;;;AAKA;AACA;AACA;;AASaA,MAAAA,iBAAyC,GAAIC,KAAK,IAAK;EAClE,MAAM;MAAEC,MAAM;MAAEC,QAAQ;AAAEC,MAAAA,OAAAA;AAA2B,KAAC,GAAGH,KAAK;AAAxBI,IAAAA,cAAc,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA,CAAA,CAAA;EAE9D,oBACEC,cAAA,CAAAC,aAAA,CAACC,WAAW,EAAKL,cAAc,EAC5BD,OAAO,gBAAGI,cAAA,CAAAC,aAAA,CAACC,WAAW,CAACC,OAAO,EAAKP,OAAU,CAAC,GAAG,IAAI,eACtDI,cAAA,CAAAC,aAAA,CAACC,WAAW,CAACE,OAAO,EAAA,IAAA,eAClBJ,cAAA,CAAAC,aAAA,CAACC,WAAW,CAACE,OAAO,CAACC,MAAM,EAAA,IAAA,EAAEX,MAAmC,CAAC,eACjEM,cAAA,CAAAC,aAAA,CAACC,WAAW,CAACE,OAAO,CAACE,IAAI,EAAEX,IAAAA,EAAAA,QAAmC,CAC3C,CACV,CAAC,CAAA;AAElB,EAAC;AACDH,iBAAiB,CAACe,WAAW,GAAG,QAAQ;;;;"}