@opengeoweb/shared 9.15.0 → 9.16.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.
- package/index.esm.js +18 -5
- package/package.json +1 -1
package/index.esm.js
CHANGED
|
@@ -4267,6 +4267,18 @@ const ToolFooter = () => {
|
|
|
4267
4267
|
});
|
|
4268
4268
|
};
|
|
4269
4269
|
|
|
4270
|
+
const headerStyle = {
|
|
4271
|
+
containerType: 'inline-size',
|
|
4272
|
+
containerName: 'tool-header',
|
|
4273
|
+
'.header-title': {
|
|
4274
|
+
display: 'none'
|
|
4275
|
+
},
|
|
4276
|
+
'@container tool-header (min-width: 321px)': {
|
|
4277
|
+
'.header-title': {
|
|
4278
|
+
display: 'block'
|
|
4279
|
+
}
|
|
4280
|
+
}
|
|
4281
|
+
};
|
|
4270
4282
|
const getStyle = size => {
|
|
4271
4283
|
switch (size) {
|
|
4272
4284
|
case 'xs':
|
|
@@ -4330,17 +4342,18 @@ const ToolHeader = ({
|
|
|
4330
4342
|
})
|
|
4331
4343
|
}) => {
|
|
4332
4344
|
const styles = getStyle(size);
|
|
4333
|
-
const columnSizeIcon = _leftHeaderComponent || _rightHeaderComponent ? 4 : 1;
|
|
4345
|
+
const columnSizeIcon = title && (_leftHeaderComponent || _rightHeaderComponent) ? 4 : 1;
|
|
4334
4346
|
const columnSizeTitle = _leftHeaderComponent || _rightHeaderComponent ? 4 : 10;
|
|
4347
|
+
const columnSizeLeft = title ? columnSizeIcon : 12 - columnSizeIcon;
|
|
4335
4348
|
return /*#__PURE__*/React__default.createElement(Box, {
|
|
4336
4349
|
component: "header",
|
|
4337
4350
|
className: _className,
|
|
4338
|
-
sx: {
|
|
4351
|
+
sx: Object.assign(Object.assign({}, _rightHeaderComponent ? headerStyle : {}), {
|
|
4339
4352
|
boxShadow: 1,
|
|
4340
4353
|
backgroundColor: 'geowebColors.background.surface',
|
|
4341
4354
|
zIndex: 2,
|
|
4342
4355
|
cursor: _isDraggable ? 'move' : null
|
|
4343
|
-
},
|
|
4356
|
+
}),
|
|
4344
4357
|
role: "heading",
|
|
4345
4358
|
"aria-label": "toolheader"
|
|
4346
4359
|
}, /*#__PURE__*/React__default.createElement(Grid, {
|
|
@@ -4353,7 +4366,7 @@ const ToolHeader = ({
|
|
|
4353
4366
|
}, /*#__PURE__*/React__default.createElement(Grid, {
|
|
4354
4367
|
className: "header-left",
|
|
4355
4368
|
item: true,
|
|
4356
|
-
xs:
|
|
4369
|
+
xs: columnSizeLeft,
|
|
4357
4370
|
sx: {
|
|
4358
4371
|
paddingRight: 1
|
|
4359
4372
|
}
|
|
@@ -4370,7 +4383,7 @@ const ToolHeader = ({
|
|
|
4370
4383
|
}, _dragHandleIcon))), _leftHeaderComponent && _leftHeaderComponent), /*#__PURE__*/React__default.createElement(Grid, {
|
|
4371
4384
|
className: "header-title",
|
|
4372
4385
|
item: true,
|
|
4373
|
-
xs: columnSizeTitle
|
|
4386
|
+
xs: title ? columnSizeTitle : 0
|
|
4374
4387
|
}, /*#__PURE__*/React__default.createElement(Grid, {
|
|
4375
4388
|
container: true,
|
|
4376
4389
|
justifyContent: "center",
|