@itcase/ui 1.0.19 → 1.0.20
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/components/Grid.js +10 -4
- package/package.json +1 -1
package/dist/components/Grid.js
CHANGED
|
@@ -39,6 +39,7 @@ function Grid(props) {
|
|
|
39
39
|
type = props.type,
|
|
40
40
|
useGridSystem = props.useGridSystem,
|
|
41
41
|
Tag = props.tag,
|
|
42
|
+
dataTour = props.dataTour,
|
|
42
43
|
verticalResizing = props.verticalResizing;
|
|
43
44
|
var columnsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
44
45
|
prefix: 'grid_columns_',
|
|
@@ -100,7 +101,8 @@ function Grid(props) {
|
|
|
100
101
|
className: clsx__default.default(className, 'grid', useGridSystem && "grid_state_system", type && "grid_type_" + type, columnsClass, rowsClass, rowGapClass, columnGapClass, alignContentClass, alignItemsClass, justifyContentClass, justifyItemsClass, fillClass, horizontalResizing && "grid_horizontal-resizing_" + horizontalResizing, verticalResizing && "grid_vertical-resizing_" + verticalResizing),
|
|
101
102
|
id: id,
|
|
102
103
|
style: gridStyles,
|
|
103
|
-
onClick: onClick
|
|
104
|
+
onClick: onClick,
|
|
105
|
+
"data-tour": dataTour
|
|
104
106
|
}, before && /*#__PURE__*/React__default.default.createElement("div", {
|
|
105
107
|
className: "grid__before"
|
|
106
108
|
}, before), children, after && /*#__PURE__*/React__default.default.createElement("div", {
|
|
@@ -186,7 +188,8 @@ Grid.defaultProps = {
|
|
|
186
188
|
function GridItem(props) {
|
|
187
189
|
var id = props.id,
|
|
188
190
|
children = props.children,
|
|
189
|
-
className = props.className
|
|
191
|
+
className = props.className,
|
|
192
|
+
dataTour = props.dataTour;
|
|
190
193
|
var orderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
191
194
|
prefix: 'order_',
|
|
192
195
|
propsKey: 'order'
|
|
@@ -236,6 +239,7 @@ function GridItem(props) {
|
|
|
236
239
|
return /*#__PURE__*/React__default.default.createElement("div", {
|
|
237
240
|
className: clsx__default.default(className, 'grid__item', orderClass, fillClass, alignSelfClass, justifySelfClass, columnStartClass, columnEndClass, columnSpanClass, rowStartClass, rowEndClass, rowSpanClass, directionClass),
|
|
238
241
|
id: id,
|
|
242
|
+
"data-tour": dataTour,
|
|
239
243
|
style: gridItemStyles
|
|
240
244
|
}, children);
|
|
241
245
|
}
|
|
@@ -292,7 +296,8 @@ GridItem.propTypes = {
|
|
|
292
296
|
function GridRow(props) {
|
|
293
297
|
var id = props.id,
|
|
294
298
|
children = props.children,
|
|
295
|
-
className = props.className
|
|
299
|
+
className = props.className,
|
|
300
|
+
dataTour = props.dataTour;
|
|
296
301
|
var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
297
302
|
prefix: 'fill_',
|
|
298
303
|
propsKey: 'fill'
|
|
@@ -306,7 +311,8 @@ function GridRow(props) {
|
|
|
306
311
|
return /*#__PURE__*/React__default.default.createElement("div", {
|
|
307
312
|
className: clsx__default.default(className, 'grid__row', fillClass, fillHoverClass),
|
|
308
313
|
id: id,
|
|
309
|
-
style: gridRowStyles
|
|
314
|
+
style: gridRowStyles,
|
|
315
|
+
"data-tour": dataTour
|
|
310
316
|
}, children);
|
|
311
317
|
}
|
|
312
318
|
GridRow.propTypes = {
|