udp-react-enterprise-component-library 26.9.0-beta.2 → 26.9.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.tsbuildinfo +1 -1
- package/dist/UI/dataDisplay/typography/SideSheetHeader.d.ts.map +1 -1
- package/dist/UI/dataDisplay/typography/SideSheetHeader.js +4 -2
- package/dist/UI/dataDisplay/typography/SideSheetHeader.js.map +1 -1
- package/dist/UI/dataDisplay/typography/SideSheetHeader.mjs +139 -113
- package/dist/UI/dataDisplay/typography/SideSheetHeader.mjs.map +1 -1
- package/dist/UI/surfaces/SideSheet.d.ts +4 -0
- package/dist/UI/surfaces/SideSheet.d.ts.map +1 -1
- package/dist/UI/surfaces/SideSheet.js +6 -2
- package/dist/UI/surfaces/SideSheet.js.map +1 -1
- package/dist/UI/surfaces/SideSheet.mjs +83 -76
- package/dist/UI/surfaces/SideSheet.mjs.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionGrid.d.ts.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionGrid.js +17 -2
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionGrid.js.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionGrid.mjs +6 -2
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionGrid.mjs.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionSidesheet.d.ts.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionSidesheet.js +16 -4
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionSidesheet.js.map +1 -1
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionSidesheet.mjs +7 -3
- package/dist/udp/pages/UdpTransactionsPage/UdpTransactionSidesheet.mjs.map +1 -1
- package/dist/utilities/i18n/locales/es-US.json +1 -0
- package/dist/utilities/i18n/locales/es-US.mjs +1 -0
- package/dist/utilities/i18n/locales/fr-CA.json +1 -0
- package/dist/utilities/i18n/locales/fr-CA.mjs +1 -0
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideSheetHeader.d.ts","sourceRoot":"","sources":["../../../../src/UI/dataDisplay/typography/SideSheetHeader.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SideSheetHeader.d.ts","sourceRoot":"","sources":["../../../../src/UI/dataDisplay/typography/SideSheetHeader.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0C1B,eAAO,MAAM,eAAe;;;uBAkG3B,CAAC"}
|
|
@@ -17,6 +17,7 @@ import { FluentButton } from '../../inputs/buttons/FluentButton';
|
|
|
17
17
|
import { ChromeCloseIcon } from '@fluentui/react-icons';
|
|
18
18
|
import { useTranslation } from 'react-i18next';
|
|
19
19
|
import { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';
|
|
20
|
+
import { UdpTooltip } from '../../fluent-web-components/UdpTooltip';
|
|
20
21
|
const useStyles = makeStyles((theme) => {
|
|
21
22
|
var _a;
|
|
22
23
|
return ({
|
|
@@ -54,13 +55,14 @@ export const SideSheetHeader = (_a) => {
|
|
|
54
55
|
var { isSticky = false } = _a, props = __rest(_a, ["isSticky"]);
|
|
55
56
|
const classes = useStyles({ isSticky });
|
|
56
57
|
const { t } = useTranslation();
|
|
57
|
-
const { title, onClose, buttonLabel, onSubmit, buttonProgress, buttonTwoLabel, buttonTwoIcon, buttonTwoAction, buttonTwoProgress, id, udprecordid = '', buttonOneDisabled, buttonTwoDisabled } = props, otherProps = __rest(props, ["title", "onClose", "buttonLabel", "onSubmit", "buttonProgress", "buttonTwoLabel", "buttonTwoIcon", "buttonTwoAction", "buttonTwoProgress", "id", "udprecordid", "buttonOneDisabled", "buttonTwoDisabled"]);
|
|
58
|
+
const { title, onClose, buttonLabel, onSubmit, buttonProgress, buttonTwoLabel, buttonTwoIcon, buttonTwoAction, buttonTwoProgress, id, udprecordid = '', buttonOneDisabled, buttonOneTooltip, buttonTwoDisabled } = props, otherProps = __rest(props, ["title", "onClose", "buttonLabel", "onSubmit", "buttonProgress", "buttonTwoLabel", "buttonTwoIcon", "buttonTwoAction", "buttonTwoProgress", "id", "udprecordid", "buttonOneDisabled", "buttonOneTooltip", "buttonTwoDisabled"]);
|
|
59
|
+
const buttonOne = (React.createElement(FluentButton, Object.assign({ id: id + '-CreateView', udprecordid: udprecordid + '-CreateView', variant: "contained", color: "secondary", onClick: onSubmit, disabled: buttonOneDisabled }, otherProps), buttonProgress && (React.createElement(CircularProgress, { id: id + '-ButtonProgress', udprecordid: udprecordid + '-ButtonProgress', size: 24, color: "secondary", className: classes.fabProgress })), buttonLabel));
|
|
58
60
|
return (React.createElement("div", { className: classes.root }, React.createElement("div", { className: classes.title }, React.createElement(FluentIconButton, { id: id + '-Close', udprecordid: udprecordid + '-Close', icon: ChromeCloseIcon, onClick: onClose, "aria-label": t('ui.sideSheet.closePanel', {
|
|
59
61
|
defaultValue: 'Close Panel'
|
|
60
62
|
}) }), React.createElement(StandardTitle, { className: classes.title }, title)), buttonTwoLabel && (React.createElement("div", null, React.createElement(FluentButton
|
|
61
63
|
// variant='contained'
|
|
62
64
|
, Object.assign({
|
|
63
65
|
// variant='contained'
|
|
64
|
-
color: "secondary", onClick: buttonTwoAction, disabled: buttonTwoDisabled }, otherProps), buttonTwoProgress && (React.createElement(CircularProgress, { size: 24, color: "secondary", className: classes.fabProgress })), buttonTwoIcon && (React.createElement(FluentIcon, { size: "small", component: buttonTwoIcon, style: { marginRight: 8 } })), buttonTwoLabel))), buttonLabel && (React.createElement("div", { className: classes.actionButton }, React.createElement(
|
|
66
|
+
color: "secondary", onClick: buttonTwoAction, disabled: buttonTwoDisabled }, otherProps), buttonTwoProgress && (React.createElement(CircularProgress, { size: 24, color: "secondary", className: classes.fabProgress })), buttonTwoIcon && (React.createElement(FluentIcon, { size: "small", component: buttonTwoIcon, style: { marginRight: 8 } })), buttonTwoLabel))), buttonLabel && (React.createElement("div", { className: classes.actionButton }, buttonOneTooltip ? (React.createElement(UdpTooltip, { content: buttonOneTooltip, positioning: "below" }, buttonOne)) : (buttonOne)))));
|
|
65
67
|
};
|
|
66
68
|
//# sourceMappingURL=SideSheetHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideSheetHeader.js","sourceRoot":"","sources":["../../../../src/UI/dataDisplay/typography/SideSheetHeader.jsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;
|
|
1
|
+
{"version":3,"file":"SideSheetHeader.js","sourceRoot":"","sources":["../../../../src/UI/dataDisplay/typography/SideSheetHeader.jsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import { c } from "../../../reactCompilerRuntime.mjs";
|
|
|
2
2
|
import { FluentButton } from "../../inputs/buttons/FluentButton.mjs";
|
|
3
3
|
import { FluentIcon } from "../../../utilities/iconLibrary/FluentIcon.mjs";
|
|
4
4
|
import { FluentIconButton } from "../../inputs/buttons/FluentIconButton.mjs";
|
|
5
|
+
import { UdpTooltip } from "../../fluent-web-components/UdpTooltip.mjs";
|
|
5
6
|
import { StandardTitle } from "./StandardTitle.mjs";
|
|
6
7
|
import React from "react";
|
|
7
8
|
import { CircularProgress, makeStyles } from "@material-ui/core";
|
|
@@ -37,7 +38,7 @@ const useStyles = makeStyles((theme) => ({
|
|
|
37
38
|
}
|
|
38
39
|
}));
|
|
39
40
|
const SideSheetHeader = (t0) => {
|
|
40
|
-
const $ = c(
|
|
41
|
+
const $ = c(66);
|
|
41
42
|
let props;
|
|
42
43
|
let t1;
|
|
43
44
|
if ($[0] !== t0) {
|
|
@@ -60,6 +61,7 @@ const SideSheetHeader = (t0) => {
|
|
|
60
61
|
const { t } = useTranslation();
|
|
61
62
|
let buttonLabel;
|
|
62
63
|
let buttonOneDisabled;
|
|
64
|
+
let buttonOneTooltip;
|
|
63
65
|
let buttonProgress;
|
|
64
66
|
let buttonTwoAction;
|
|
65
67
|
let buttonTwoDisabled;
|
|
@@ -73,82 +75,122 @@ const SideSheetHeader = (t0) => {
|
|
|
73
75
|
let t3;
|
|
74
76
|
let title;
|
|
75
77
|
if ($[5] !== props) {
|
|
76
|
-
({title, onClose, buttonLabel, onSubmit, buttonProgress, buttonTwoLabel, buttonTwoIcon, buttonTwoAction, buttonTwoProgress, id, udprecordid: t3, buttonOneDisabled, buttonTwoDisabled, ...otherProps} = props);
|
|
78
|
+
({title, onClose, buttonLabel, onSubmit, buttonProgress, buttonTwoLabel, buttonTwoIcon, buttonTwoAction, buttonTwoProgress, id, udprecordid: t3, buttonOneDisabled, buttonOneTooltip, buttonTwoDisabled, ...otherProps} = props);
|
|
77
79
|
$[5] = props;
|
|
78
80
|
$[6] = buttonLabel;
|
|
79
81
|
$[7] = buttonOneDisabled;
|
|
80
|
-
$[8] =
|
|
81
|
-
$[9] =
|
|
82
|
-
$[10] =
|
|
83
|
-
$[11] =
|
|
84
|
-
$[12] =
|
|
85
|
-
$[13] =
|
|
86
|
-
$[14] =
|
|
87
|
-
$[15] =
|
|
88
|
-
$[16] =
|
|
89
|
-
$[17] =
|
|
90
|
-
$[18] =
|
|
91
|
-
$[19] =
|
|
82
|
+
$[8] = buttonOneTooltip;
|
|
83
|
+
$[9] = buttonProgress;
|
|
84
|
+
$[10] = buttonTwoAction;
|
|
85
|
+
$[11] = buttonTwoDisabled;
|
|
86
|
+
$[12] = buttonTwoIcon;
|
|
87
|
+
$[13] = buttonTwoLabel;
|
|
88
|
+
$[14] = buttonTwoProgress;
|
|
89
|
+
$[15] = id;
|
|
90
|
+
$[16] = onClose;
|
|
91
|
+
$[17] = onSubmit;
|
|
92
|
+
$[18] = otherProps;
|
|
93
|
+
$[19] = t3;
|
|
94
|
+
$[20] = title;
|
|
92
95
|
} else {
|
|
93
96
|
buttonLabel = $[6];
|
|
94
97
|
buttonOneDisabled = $[7];
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
98
|
+
buttonOneTooltip = $[8];
|
|
99
|
+
buttonProgress = $[9];
|
|
100
|
+
buttonTwoAction = $[10];
|
|
101
|
+
buttonTwoDisabled = $[11];
|
|
102
|
+
buttonTwoIcon = $[12];
|
|
103
|
+
buttonTwoLabel = $[13];
|
|
104
|
+
buttonTwoProgress = $[14];
|
|
105
|
+
id = $[15];
|
|
106
|
+
onClose = $[16];
|
|
107
|
+
onSubmit = $[17];
|
|
108
|
+
otherProps = $[18];
|
|
109
|
+
t3 = $[19];
|
|
110
|
+
title = $[20];
|
|
107
111
|
}
|
|
108
112
|
const udprecordid = t3 === void 0 ? "" : t3;
|
|
109
|
-
const t4 =
|
|
110
|
-
const t5 =
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
113
|
+
const t4 = id + "-CreateView";
|
|
114
|
+
const t5 = udprecordid + "-CreateView";
|
|
115
|
+
let t6;
|
|
116
|
+
if ($[21] !== buttonProgress || $[22] !== classes.fabProgress || $[23] !== id || $[24] !== udprecordid) {
|
|
117
|
+
t6 = buttonProgress && /* @__PURE__ */ React.createElement(CircularProgress, {
|
|
118
|
+
id: id + "-ButtonProgress",
|
|
119
|
+
udprecordid: udprecordid + "-ButtonProgress",
|
|
120
|
+
size: 24,
|
|
121
|
+
color: "secondary",
|
|
122
|
+
className: classes.fabProgress
|
|
123
|
+
});
|
|
124
|
+
$[21] = buttonProgress;
|
|
125
|
+
$[22] = classes.fabProgress;
|
|
126
|
+
$[23] = id;
|
|
127
|
+
$[24] = udprecordid;
|
|
128
|
+
$[25] = t6;
|
|
129
|
+
} else t6 = $[25];
|
|
130
|
+
let t7;
|
|
131
|
+
if ($[26] !== buttonLabel || $[27] !== buttonOneDisabled || $[28] !== onSubmit || $[29] !== otherProps || $[30] !== t4 || $[31] !== t5 || $[32] !== t6) {
|
|
132
|
+
t7 = /* @__PURE__ */ React.createElement(FluentButton, {
|
|
133
|
+
id: t4,
|
|
134
|
+
udprecordid: t5,
|
|
135
|
+
variant: "contained",
|
|
136
|
+
color: "secondary",
|
|
137
|
+
onClick: onSubmit,
|
|
138
|
+
disabled: buttonOneDisabled,
|
|
139
|
+
...otherProps
|
|
140
|
+
}, t6, buttonLabel);
|
|
141
|
+
$[26] = buttonLabel;
|
|
142
|
+
$[27] = buttonOneDisabled;
|
|
143
|
+
$[28] = onSubmit;
|
|
144
|
+
$[29] = otherProps;
|
|
145
|
+
$[30] = t4;
|
|
146
|
+
$[31] = t5;
|
|
147
|
+
$[32] = t6;
|
|
148
|
+
$[33] = t7;
|
|
149
|
+
} else t7 = $[33];
|
|
150
|
+
const buttonOne = t7;
|
|
151
|
+
const t8 = classes.root;
|
|
152
|
+
const t9 = classes.title;
|
|
153
|
+
const t10 = id + "-Close";
|
|
154
|
+
const t11 = udprecordid + "-Close";
|
|
155
|
+
let t12;
|
|
156
|
+
if ($[34] !== t) {
|
|
157
|
+
t12 = t("ui.sideSheet.closePanel", { defaultValue: "Close Panel" });
|
|
158
|
+
$[34] = t;
|
|
159
|
+
$[35] = t12;
|
|
160
|
+
} else t12 = $[35];
|
|
161
|
+
let t13;
|
|
162
|
+
if ($[36] !== onClose || $[37] !== t10 || $[38] !== t11 || $[39] !== t12) {
|
|
163
|
+
t13 = /* @__PURE__ */ React.createElement(FluentIconButton, {
|
|
164
|
+
id: t10,
|
|
165
|
+
udprecordid: t11,
|
|
124
166
|
icon: ChromeCloseIcon,
|
|
125
167
|
onClick: onClose,
|
|
126
|
-
"aria-label":
|
|
168
|
+
"aria-label": t12
|
|
127
169
|
});
|
|
128
|
-
$[
|
|
129
|
-
$[
|
|
130
|
-
$[
|
|
131
|
-
$[
|
|
132
|
-
$[
|
|
133
|
-
} else
|
|
134
|
-
let
|
|
135
|
-
if ($[
|
|
136
|
-
|
|
137
|
-
$[
|
|
138
|
-
$[
|
|
139
|
-
$[
|
|
140
|
-
} else
|
|
141
|
-
let
|
|
142
|
-
if ($[
|
|
143
|
-
|
|
144
|
-
$[
|
|
145
|
-
$[
|
|
146
|
-
$[
|
|
147
|
-
$[
|
|
148
|
-
} else
|
|
149
|
-
let
|
|
150
|
-
if ($[
|
|
151
|
-
|
|
170
|
+
$[36] = onClose;
|
|
171
|
+
$[37] = t10;
|
|
172
|
+
$[38] = t11;
|
|
173
|
+
$[39] = t12;
|
|
174
|
+
$[40] = t13;
|
|
175
|
+
} else t13 = $[40];
|
|
176
|
+
let t14;
|
|
177
|
+
if ($[41] !== classes.title || $[42] !== title) {
|
|
178
|
+
t14 = /* @__PURE__ */ React.createElement(StandardTitle, { className: classes.title }, title);
|
|
179
|
+
$[41] = classes.title;
|
|
180
|
+
$[42] = title;
|
|
181
|
+
$[43] = t14;
|
|
182
|
+
} else t14 = $[43];
|
|
183
|
+
let t15;
|
|
184
|
+
if ($[44] !== classes.title || $[45] !== t13 || $[46] !== t14) {
|
|
185
|
+
t15 = /* @__PURE__ */ React.createElement("div", { className: t9 }, t13, t14);
|
|
186
|
+
$[44] = classes.title;
|
|
187
|
+
$[45] = t13;
|
|
188
|
+
$[46] = t14;
|
|
189
|
+
$[47] = t15;
|
|
190
|
+
} else t15 = $[47];
|
|
191
|
+
let t16;
|
|
192
|
+
if ($[48] !== buttonTwoAction || $[49] !== buttonTwoDisabled || $[50] !== buttonTwoIcon || $[51] !== buttonTwoLabel || $[52] !== buttonTwoProgress || $[53] !== classes.fabProgress || $[54] !== otherProps) {
|
|
193
|
+
t16 = buttonTwoLabel && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentButton, {
|
|
152
194
|
color: "secondary",
|
|
153
195
|
onClick: buttonTwoAction,
|
|
154
196
|
disabled: buttonTwoDisabled,
|
|
@@ -162,53 +204,37 @@ const SideSheetHeader = (t0) => {
|
|
|
162
204
|
component: buttonTwoIcon,
|
|
163
205
|
style: { marginRight: 8 }
|
|
164
206
|
}), buttonTwoLabel));
|
|
165
|
-
$[
|
|
166
|
-
$[
|
|
167
|
-
$[
|
|
168
|
-
$[
|
|
169
|
-
$[
|
|
170
|
-
$[
|
|
171
|
-
$[
|
|
172
|
-
$[
|
|
173
|
-
} else
|
|
174
|
-
let
|
|
175
|
-
if ($[
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
$[
|
|
192
|
-
$[
|
|
193
|
-
$[
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
$[47] = id;
|
|
197
|
-
$[48] = onSubmit;
|
|
198
|
-
$[49] = otherProps;
|
|
199
|
-
$[50] = udprecordid;
|
|
200
|
-
$[51] = t13;
|
|
201
|
-
} else t13 = $[51];
|
|
202
|
-
let t14;
|
|
203
|
-
if ($[52] !== classes.root || $[53] !== t11 || $[54] !== t12 || $[55] !== t13) {
|
|
204
|
-
t14 = /* @__PURE__ */ React.createElement("div", { className: t4 }, t11, t12, t13);
|
|
205
|
-
$[52] = classes.root;
|
|
206
|
-
$[53] = t11;
|
|
207
|
-
$[54] = t12;
|
|
208
|
-
$[55] = t13;
|
|
209
|
-
$[56] = t14;
|
|
210
|
-
} else t14 = $[56];
|
|
211
|
-
return t14;
|
|
207
|
+
$[48] = buttonTwoAction;
|
|
208
|
+
$[49] = buttonTwoDisabled;
|
|
209
|
+
$[50] = buttonTwoIcon;
|
|
210
|
+
$[51] = buttonTwoLabel;
|
|
211
|
+
$[52] = buttonTwoProgress;
|
|
212
|
+
$[53] = classes.fabProgress;
|
|
213
|
+
$[54] = otherProps;
|
|
214
|
+
$[55] = t16;
|
|
215
|
+
} else t16 = $[55];
|
|
216
|
+
let t17;
|
|
217
|
+
if ($[56] !== buttonLabel || $[57] !== buttonOne || $[58] !== buttonOneTooltip || $[59] !== classes.actionButton) {
|
|
218
|
+
t17 = buttonLabel && /* @__PURE__ */ React.createElement("div", { className: classes.actionButton }, buttonOneTooltip ? /* @__PURE__ */ React.createElement(UdpTooltip, {
|
|
219
|
+
content: buttonOneTooltip,
|
|
220
|
+
positioning: "below"
|
|
221
|
+
}, buttonOne) : buttonOne);
|
|
222
|
+
$[56] = buttonLabel;
|
|
223
|
+
$[57] = buttonOne;
|
|
224
|
+
$[58] = buttonOneTooltip;
|
|
225
|
+
$[59] = classes.actionButton;
|
|
226
|
+
$[60] = t17;
|
|
227
|
+
} else t17 = $[60];
|
|
228
|
+
let t18;
|
|
229
|
+
if ($[61] !== classes.root || $[62] !== t15 || $[63] !== t16 || $[64] !== t17) {
|
|
230
|
+
t18 = /* @__PURE__ */ React.createElement("div", { className: t8 }, t15, t16, t17);
|
|
231
|
+
$[61] = classes.root;
|
|
232
|
+
$[62] = t15;
|
|
233
|
+
$[63] = t16;
|
|
234
|
+
$[64] = t17;
|
|
235
|
+
$[65] = t18;
|
|
236
|
+
} else t18 = $[65];
|
|
237
|
+
return t18;
|
|
212
238
|
};
|
|
213
239
|
//#endregion
|
|
214
240
|
export { SideSheetHeader };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideSheetHeader.mjs","names":["React","makeStyles","CircularProgress","StandardTitle","FluentIconButton","FluentButton","ChromeCloseIcon","useTranslation","FluentIcon","useStyles","theme","root","display","flexDirection","padding","spacing","paddingLeft","background","getThemeData","mode","palette","grey","common","white","position","isSticky","top","zIndex","title","flex","alignItems","marginLeft","actionButton","marginRight","fabProgress","left","SideSheetHeader","t0","$","_c","props","t1","undefined","t2","classes","t","buttonLabel","buttonOneDisabled","buttonProgress","buttonTwoAction","buttonTwoDisabled","buttonTwoIcon","buttonTwoLabel","buttonTwoProgress","id","onClose","onSubmit","otherProps","t3","udprecordid","t4","t5","t6","t7","
|
|
1
|
+
{"version":3,"file":"SideSheetHeader.mjs","names":["React","makeStyles","CircularProgress","StandardTitle","FluentIconButton","FluentButton","ChromeCloseIcon","useTranslation","FluentIcon","UdpTooltip","useStyles","theme","root","display","flexDirection","padding","spacing","paddingLeft","background","getThemeData","mode","palette","grey","common","white","position","isSticky","top","zIndex","title","flex","alignItems","marginLeft","actionButton","marginRight","fabProgress","left","SideSheetHeader","t0","$","_c","props","t1","undefined","t2","classes","t","buttonLabel","buttonOneDisabled","buttonOneTooltip","buttonProgress","buttonTwoAction","buttonTwoDisabled","buttonTwoIcon","buttonTwoLabel","buttonTwoProgress","id","onClose","onSubmit","otherProps","t3","udprecordid","t4","t5","t6","t7","buttonOne","t8","t9","t10","t11","t12","defaultValue","t13","t14","t15","t16","t17","t18"],"sources":["../../../../src/UI/dataDisplay/typography/SideSheetHeader.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, CircularProgress } from '@material-ui/core';\nimport { StandardTitle } from './StandardTitle';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { FluentButton } from '../../inputs/buttons/FluentButton';\nimport { ChromeCloseIcon } from '@fluentui/react-icons';\nimport { useTranslation } from 'react-i18next';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\nimport { UdpTooltip } from '../../fluent-web-components/UdpTooltip';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n flexDirection: 'row',\n padding: theme.spacing(1),\n paddingLeft: 0,\n background:\n theme?.getThemeData()?.mode === 'dark'\n ? theme.palette.grey[800]\n : theme.palette.common.white,\n position: ({ isSticky }) => (isSticky ? 'sticky' : 'relative'),\n top: ({ isSticky }) => (isSticky ? 0 : 'auto'),\n zIndex: ({ isSticky }) => (isSticky ? 1200 : 'auto')\n },\n title: {\n display: 'flex',\n flex: 1,\n alignItems: 'center',\n marginLeft: theme.spacing(1.5)\n },\n actionButton: {\n marginRight: theme.spacing(1),\n position: 'relative'\n },\n fabProgress: {\n position: 'absolute',\n top: 4,\n left: '35%',\n zIndex: 1\n }\n}));\n\nexport const SideSheetHeader = ({ isSticky = false, ...props }) => {\n const classes = useStyles({ isSticky });\n const { t } = useTranslation();\n const {\n title,\n onClose,\n buttonLabel,\n onSubmit,\n buttonProgress,\n buttonTwoLabel,\n buttonTwoIcon,\n buttonTwoAction,\n buttonTwoProgress,\n id,\n udprecordid = '',\n buttonOneDisabled,\n buttonOneTooltip,\n buttonTwoDisabled,\n ...otherProps\n } = props;\n\n const buttonOne = (\n <FluentButton\n id={id + '-CreateView'}\n udprecordid={udprecordid + '-CreateView'}\n variant='contained'\n color='secondary'\n onClick={onSubmit}\n disabled={buttonOneDisabled}\n {...otherProps}\n >\n {buttonProgress && (\n <CircularProgress\n id={id + '-ButtonProgress'}\n udprecordid={udprecordid + '-ButtonProgress'}\n size={24}\n color='secondary'\n className={classes.fabProgress}\n />\n )}\n {buttonLabel}\n </FluentButton>\n );\n\n return (\n <div className={classes.root}>\n <div className={classes.title}>\n <FluentIconButton\n id={id + '-Close'}\n udprecordid={udprecordid + '-Close'}\n icon={ChromeCloseIcon}\n onClick={onClose}\n aria-label={t('ui.sideSheet.closePanel', {\n defaultValue: 'Close Panel'\n })}\n />\n <StandardTitle className={classes.title}>{title}</StandardTitle>\n </div>\n {buttonTwoLabel && (\n <div>\n <FluentButton\n // variant='contained'\n color='secondary'\n onClick={buttonTwoAction}\n disabled={buttonTwoDisabled}\n {...otherProps}\n >\n {buttonTwoProgress && (\n <CircularProgress\n size={24}\n color='secondary'\n className={classes.fabProgress}\n />\n )}\n {buttonTwoIcon && (\n <FluentIcon\n size='small'\n component={buttonTwoIcon}\n style={{ marginRight: 8 }}\n />\n )}\n {buttonTwoLabel}\n </FluentButton>\n </div>\n )}\n {buttonLabel && (\n <div className={classes.actionButton}>\n {buttonOneTooltip ? (\n <UdpTooltip content={buttonOneTooltip} positioning='below'>\n {buttonOne}\n </UdpTooltip>\n ) : (\n buttonOne\n )}\n </div>\n )}\n </div>\n );\n};\n"],"mappings":"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"}
|
|
@@ -51,6 +51,10 @@ export declare const SideSheet: {
|
|
|
51
51
|
* Label for top action button (global only)
|
|
52
52
|
*/
|
|
53
53
|
buttonLabel: any;
|
|
54
|
+
/**
|
|
55
|
+
* Tooltip shown on hover of the top action button, e.g. why it is disabled
|
|
56
|
+
*/
|
|
57
|
+
buttonOneTooltip: any;
|
|
54
58
|
/**
|
|
55
59
|
* Option to override container padding
|
|
56
60
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideSheet.d.ts","sourceRoot":"","sources":["../../../src/UI/surfaces/SideSheet.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA6B1B;;;;;GAKG;AACH,eAAO,MAAM,aAAa,mCAwBzB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS;;;
|
|
1
|
+
{"version":3,"file":"SideSheet.d.ts","sourceRoot":"","sources":["../../../src/UI/surfaces/SideSheet.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA6B1B;;;;;GAKG;AACH,eAAO,MAAM,aAAa,mCAwBzB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS;;;QA0DpB;;WAEG;;QAKH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;CApDJ,CAAC"}
|
|
@@ -52,9 +52,9 @@ export const BaseSideSheet = (props) => {
|
|
|
52
52
|
*/
|
|
53
53
|
export const SideSheet = (props) => {
|
|
54
54
|
const classes = useStyles(props);
|
|
55
|
-
const { children, title, progress, progressColor = 'secondary', buttonLabel, noPadding, onSubmit, variant = 'determinate', buttonTwoLabel, buttonTwoIcon, buttonTwoAction, buttonTwoProgress, buttonOneDisabled, buttonTwoDisabled, id, udprecordid, anchor = 'right' } = props, otherProps = __rest(props, ["children", "title", "progress", "progressColor", "buttonLabel", "noPadding", "onSubmit", "variant", "buttonTwoLabel", "buttonTwoIcon", "buttonTwoAction", "buttonTwoProgress", "buttonOneDisabled", "buttonTwoDisabled", "id", "udprecordid", "anchor"]);
|
|
55
|
+
const { children, title, progress, progressColor = 'secondary', buttonLabel, noPadding, onSubmit, variant = 'determinate', buttonTwoLabel, buttonTwoIcon, buttonTwoAction, buttonTwoProgress, buttonOneDisabled, buttonOneTooltip, buttonTwoDisabled, id, udprecordid, anchor = 'right' } = props, otherProps = __rest(props, ["children", "title", "progress", "progressColor", "buttonLabel", "noPadding", "onSubmit", "variant", "buttonTwoLabel", "buttonTwoIcon", "buttonTwoAction", "buttonTwoProgress", "buttonOneDisabled", "buttonOneTooltip", "buttonTwoDisabled", "id", "udprecordid", "anchor"]);
|
|
56
56
|
const { onClose } = props;
|
|
57
|
-
return (React.createElement(BaseSideSheet, Object.assign({ anchor: anchor }, otherProps), React.createElement(SideSheetHeader, Object.assign({ id: id, udprecordid: udprecordid, onClose: onClose, title: title, buttonLabel: buttonLabel, onSubmit: onSubmit, buttonTwoLabel: buttonTwoLabel, buttonTwoIcon: buttonTwoIcon, buttonTwoAction: buttonTwoAction, buttonTwoProgress: buttonTwoProgress, isSticky: true, buttonOneDisabled: buttonOneDisabled, buttonTwoDisabled: buttonTwoDisabled }, otherProps)), progress && (React.createElement(LinearProgress, { variant: variant, color: progressColor, value: progress })), React.createElement(CardContent, { classes: { root: classes.container } }, children)));
|
|
57
|
+
return (React.createElement(BaseSideSheet, Object.assign({ anchor: anchor }, otherProps), React.createElement(SideSheetHeader, Object.assign({ id: id, udprecordid: udprecordid, onClose: onClose, title: title, buttonLabel: buttonLabel, onSubmit: onSubmit, buttonTwoLabel: buttonTwoLabel, buttonTwoIcon: buttonTwoIcon, buttonTwoAction: buttonTwoAction, buttonTwoProgress: buttonTwoProgress, isSticky: true, buttonOneDisabled: buttonOneDisabled, buttonOneTooltip: buttonOneTooltip, buttonTwoDisabled: buttonTwoDisabled }, otherProps)), progress && (React.createElement(LinearProgress, { variant: variant, color: progressColor, value: progress })), React.createElement(CardContent, { classes: { root: classes.container } }, children)));
|
|
58
58
|
};
|
|
59
59
|
SideSheet.propTypes = {
|
|
60
60
|
/**
|
|
@@ -96,6 +96,10 @@ SideSheet.propTypes = {
|
|
|
96
96
|
* Label for top action button (global only)
|
|
97
97
|
*/
|
|
98
98
|
buttonLabel: PropTypes.string,
|
|
99
|
+
/**
|
|
100
|
+
* Tooltip shown on hover of the top action button, e.g. why it is disabled
|
|
101
|
+
*/
|
|
102
|
+
buttonOneTooltip: PropTypes.string,
|
|
99
103
|
/**
|
|
100
104
|
* Option to override container padding
|
|
101
105
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideSheet.js","sourceRoot":"","sources":["../../../src/UI/surfaces/SideSheet.jsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,UAAU,EACV,MAAM,EACN,cAAc,EACd,WAAW,EACZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE;;WAAC,CAAC;QACvC,KAAK,EAAE;YACL,wCAAwC;YACxC,KAAK,EAAE,MAAM;YACb,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;gBAC5B,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,GAAG;aACrC;YACD,UAAU,EACR,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,EAAE,0CAAE,IAAI,MAAK,MAAM;gBACpC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;gBACzB,CAAC,CAAC,SAAS;SAChB;QACD,SAAS,EAAE;YACT,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YACnE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YACzD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;SAC/C;KACF,CAAC;CAAA,CAAC,CAAC;AAEJ;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC;IACtC,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,EACJ,MAAM,GAAG,OAAO,EAChB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,WAAW,KAET,KAAK,EADJ,WAAW,UACZ,KAAK,EARH,uEAQL,CAAQ,CAAC;IAEV,OAAO,CACL,oBAAC,MAAM,kBACL,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,EACjC,OAAO,EAAC,WAAW,EACnB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IACZ,WAAW,IACf,aAAa,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,KAEvC,QAAQ,CACF,CACV,CAAC;AAAA,CACH,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC;IAClC,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,GAAG,WAAW,EAC3B,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,cAAc,EACd,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,EAAE,EACF,WAAW,EACX,MAAM,GAAG,OAAO,KAEd,KAAK,EADJ,UAAU,UACX,KAAK,
|
|
1
|
+
{"version":3,"file":"SideSheet.js","sourceRoot":"","sources":["../../../src/UI/surfaces/SideSheet.jsx"],"names":[],"mappings":"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"}
|