@galaxy-ds/core 1.1.74 → 1.1.75
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/FormHeader/FormHeader.d.ts +2 -2
- package/dist/index.esm.js +75 -67
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +75 -67
- package/dist/index.js.map +1 -1
- package/dist/package.json +1 -1
- package/package.json +1 -1
- package/dist/Icons/Reciept.d.ts +0 -3
package/dist/index.js
CHANGED
|
@@ -34261,82 +34261,90 @@ function LawconnectIcon(props) {
|
|
|
34261
34261
|
React__default["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.163 119.104a69.739 69.739 0 0049.313 20.426h.133a69.68 69.68 0 0064.35-43.067 69.663 69.663 0 005.281-26.673h-33.528v.042a36.23 36.23 0 01-22.382 33.464 36.236 36.236 0 11-13.853-69.718V.05a69.74 69.74 0 00-49.314 119.054zm119.049-95.585c0 12.962-10.507 23.47-23.469 23.47-12.962 0-23.47-10.508-23.47-23.47S103.782.049 116.744.049s23.469 10.508 23.469 23.47z", fill: "#ecedef" })));
|
|
34262
34262
|
}
|
|
34263
34263
|
|
|
34264
|
-
var useStyles$m = makeStyles({
|
|
34265
|
-
|
|
34266
|
-
|
|
34267
|
-
|
|
34268
|
-
|
|
34269
|
-
|
|
34270
|
-
|
|
34271
|
-
|
|
34272
|
-
|
|
34273
|
-
|
|
34274
|
-
|
|
34275
|
-
|
|
34276
|
-
|
|
34277
|
-
|
|
34278
|
-
|
|
34279
|
-
|
|
34280
|
-
|
|
34281
|
-
|
|
34282
|
-
|
|
34283
|
-
|
|
34284
|
-
|
|
34285
|
-
|
|
34286
|
-
|
|
34287
|
-
|
|
34288
|
-
|
|
34289
|
-
|
|
34290
|
-
|
|
34291
|
-
|
|
34292
|
-
|
|
34293
|
-
maxHeight: 77,
|
|
34294
|
-
overflowY: "auto",
|
|
34295
|
-
zIndex: 9,
|
|
34296
|
-
marginTop: 10,
|
|
34297
|
-
},
|
|
34298
|
-
'& .gds-header_divider': {
|
|
34299
|
-
height: 16,
|
|
34300
|
-
},
|
|
34301
|
-
"& .gds-header_info": {
|
|
34302
|
-
paddingTop: 0,
|
|
34303
|
-
paddingBottom: 0,
|
|
34304
|
-
flexWrap: 'nowrap',
|
|
34305
|
-
"& p": {
|
|
34306
|
-
fontWeight: 500,
|
|
34307
|
-
color: "#6d7278",
|
|
34308
|
-
whiteSpace: 'nowrap'
|
|
34264
|
+
var useStyles$m = makeStyles(function (theme) {
|
|
34265
|
+
var _a;
|
|
34266
|
+
return ({
|
|
34267
|
+
root: {
|
|
34268
|
+
'&.gds-header': {
|
|
34269
|
+
overflow: 'hidden',
|
|
34270
|
+
backgroundColor: '#F9F9F9',
|
|
34271
|
+
position: 'relative',
|
|
34272
|
+
padding: 16,
|
|
34273
|
+
minHeight: 81,
|
|
34274
|
+
display: 'flex',
|
|
34275
|
+
flexDirection: 'column',
|
|
34276
|
+
},
|
|
34277
|
+
'& .gds-header_detail': {
|
|
34278
|
+
display: 'flex',
|
|
34279
|
+
alignItems: 'center',
|
|
34280
|
+
zIndex: 9,
|
|
34281
|
+
position: 'relative',
|
|
34282
|
+
minHeight: 21,
|
|
34283
|
+
'& button': {
|
|
34284
|
+
fontSize: 12,
|
|
34285
|
+
},
|
|
34286
|
+
},
|
|
34287
|
+
'& .gds-header_accent': {
|
|
34288
|
+
position: 'absolute',
|
|
34289
|
+
top: -78,
|
|
34290
|
+
right: 32,
|
|
34291
|
+
zIndex: 1,
|
|
34292
|
+
opacity: '0.7',
|
|
34309
34293
|
},
|
|
34310
|
-
|
|
34294
|
+
'& .gds-header_content': {
|
|
34295
|
+
maxHeight: 77,
|
|
34296
|
+
overflowY: 'auto',
|
|
34297
|
+
zIndex: 9,
|
|
34298
|
+
marginTop: 10,
|
|
34299
|
+
},
|
|
34300
|
+
'& .gds-header_divider': {
|
|
34301
|
+
height: 16,
|
|
34302
|
+
},
|
|
34303
|
+
'& .gds-header_info': (_a = {
|
|
34304
|
+
paddingTop: 0,
|
|
34305
|
+
paddingBottom: 0
|
|
34306
|
+
},
|
|
34307
|
+
_a[theme.breakpoints.down('sm')] = {
|
|
34308
|
+
justifyContent: 'flex-start',
|
|
34309
|
+
},
|
|
34310
|
+
_a[theme.breakpoints.up('sm')] = {
|
|
34311
|
+
justifyContent: 'flex-end',
|
|
34312
|
+
},
|
|
34313
|
+
_a['& p'] = {
|
|
34314
|
+
fontWeight: 500,
|
|
34315
|
+
color: '#6d7278',
|
|
34316
|
+
whiteSpace: 'nowrap',
|
|
34317
|
+
},
|
|
34318
|
+
_a['& .MuiButton-label'] = {
|
|
34319
|
+
top: 0,
|
|
34320
|
+
},
|
|
34321
|
+
_a['& .MuiButtonBase-root'] = {
|
|
34322
|
+
paddingTop: 0,
|
|
34323
|
+
paddingBottom: 0,
|
|
34324
|
+
height: 21,
|
|
34325
|
+
},
|
|
34326
|
+
_a),
|
|
34327
|
+
'&.gds-header-fixed': {
|
|
34328
|
+
position: 'absolute',
|
|
34311
34329
|
top: 0,
|
|
34330
|
+
left: 0,
|
|
34331
|
+
right: 0,
|
|
34332
|
+
width: '100%',
|
|
34312
34333
|
},
|
|
34313
|
-
"& .MuiButtonBase-root": {
|
|
34314
|
-
paddingTop: 0,
|
|
34315
|
-
paddingBottom: 0,
|
|
34316
|
-
height: 21
|
|
34317
|
-
}
|
|
34318
|
-
},
|
|
34319
|
-
"&.gds-header-fixed": {
|
|
34320
|
-
position: 'absolute',
|
|
34321
|
-
top: 0,
|
|
34322
|
-
left: 0,
|
|
34323
|
-
right: 0,
|
|
34324
|
-
width: '100%'
|
|
34325
34334
|
},
|
|
34326
|
-
}
|
|
34335
|
+
});
|
|
34327
34336
|
});
|
|
34328
34337
|
var FormHeader = React__default["default"].forwardRef(function (props, ref) {
|
|
34329
34338
|
var classes = useStyles$m();
|
|
34330
34339
|
return (React__default["default"].createElement(Box$2, { className: clsx(classes.root, 'gds-header', props.fixed ? 'gds-header-fixed' : '') },
|
|
34331
|
-
props.hideBranding ? "" :
|
|
34332
|
-
React__default["default"].createElement(
|
|
34333
|
-
|
|
34334
|
-
|
|
34335
|
-
React__default["default"].createElement(Grid$2, { item: true, xs:
|
|
34336
|
-
|
|
34337
|
-
React__default["default"].createElement(Grid$2, { container: true, alignItems: "center", justifyContent: "flex-end", className: clsx(classes.root, 'gds-header_info') },
|
|
34340
|
+
props.hideBranding ? ('') : (React__default["default"].createElement("div", { className: clsx(classes.root, 'gds-header_accent') },
|
|
34341
|
+
React__default["default"].createElement(LawconnectIcon, { size: "260" }))),
|
|
34342
|
+
React__default["default"].createElement(Grid$2, { container: true, className: clsx(classes.root, 'gds-header_detail') },
|
|
34343
|
+
React__default["default"].createElement(Grid$2, { item: true, xs: 12, sm: 5, className: clsx('gds-toolbar-title') }, props.platformWeb ? (React__default["default"].createElement(Typography, { color: "default", variant: "body2", upperCase: true }, props.title)) : (React__default["default"].createElement(Typography, { variant: "h4", upperCase: true }, props.title))),
|
|
34344
|
+
React__default["default"].createElement(Grid$2, { item: true, xs: 12, sm: 7 },
|
|
34345
|
+
React__default["default"].createElement(Grid$2, { container: true, className: clsx(classes.root, 'gds-header_info') },
|
|
34338
34346
|
props.from ? (React__default["default"].createElement(Typography, { align: "right", variant: "body2" }, props.from)) : null,
|
|
34339
|
-
props.from && props.onClick ? React__default["default"].createElement(Divider, { orientation: "vertical" }) : null,
|
|
34347
|
+
props.from && props.onClick ? (React__default["default"].createElement(Divider, { orientation: "vertical" })) : null,
|
|
34340
34348
|
props.onClick ? (React__default["default"].createElement(Button, { color: "primary", variant: "text", onClick: props.onClick }, "Change")) : null))),
|
|
34341
34349
|
React__default["default"].createElement("div", { className: clsx(classes.root, 'gds-header_content') }, props.children)));
|
|
34342
34350
|
});
|