@splunk/visualizations 27.5.1 → 27.5.2

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/SingleValue.js CHANGED
@@ -2302,7 +2302,7 @@ var withFixedSizeContainer = (Viz) => {
2302
2302
  FixSizeItem,
2303
2303
  {
2304
2304
  "data-test": "fix-size-item",
2305
- "data-splunk-visualization-version": "27.5.1 - 8ecd94150",
2305
+ "data-splunk-visualization-version": "27.5.2 - 942186e5f",
2306
2306
  width,
2307
2307
  height,
2308
2308
  backgroundColor
@@ -2368,7 +2368,7 @@ var Cover = styled_components_default.div`
2368
2368
  bottom: 0;
2369
2369
  `;
2370
2370
  var Blocker = styled_components_default.div.attrs({
2371
- "data-splunk-visualization-version": "27.5.1 - 8ecd94150"
2371
+ "data-splunk-visualization-version": "27.5.2 - 942186e5f"
2372
2372
  })`
2373
2373
  position: relative;
2374
2374
  width: 100%;
@@ -1737,7 +1737,7 @@ var withFixedSizeContainer = (Viz) => {
1737
1737
  FixSizeItem,
1738
1738
  {
1739
1739
  "data-test": "fix-size-item",
1740
- "data-splunk-visualization-version": "27.5.1 - 8ecd94150",
1740
+ "data-splunk-visualization-version": "27.5.2 - 942186e5f",
1741
1741
  width,
1742
1742
  height,
1743
1743
  backgroundColor
@@ -1803,7 +1803,7 @@ var Cover = styled_components_default.div`
1803
1803
  bottom: 0;
1804
1804
  `;
1805
1805
  var Blocker = styled_components_default.div.attrs({
1806
- "data-splunk-visualization-version": "27.5.1 - 8ecd94150"
1806
+ "data-splunk-visualization-version": "27.5.2 - 942186e5f"
1807
1807
  })`
1808
1808
  position: relative;
1809
1809
  width: 100%;
@@ -2123,7 +2123,7 @@ var withFixedSizeContainer = (Viz) => {
2123
2123
  FixSizeItem,
2124
2124
  {
2125
2125
  "data-test": "fix-size-item",
2126
- "data-splunk-visualization-version": "27.5.1 - 8ecd94150",
2126
+ "data-splunk-visualization-version": "27.5.2 - 942186e5f",
2127
2127
  width,
2128
2128
  height,
2129
2129
  backgroundColor
@@ -2189,7 +2189,7 @@ var Cover = styled_components_default.div`
2189
2189
  bottom: 0;
2190
2190
  `;
2191
2191
  var Blocker = styled_components_default.div.attrs({
2192
- "data-splunk-visualization-version": "27.5.1 - 8ecd94150"
2192
+ "data-splunk-visualization-version": "27.5.2 - 942186e5f"
2193
2193
  })`
2194
2194
  position: relative;
2195
2195
  width: 100%;
package/Table.js CHANGED
@@ -1062,7 +1062,7 @@ var withFixedSizeContainer = (Viz) => {
1062
1062
  FixSizeItem,
1063
1063
  {
1064
1064
  "data-test": "fix-size-item",
1065
- "data-splunk-visualization-version": "27.5.1 - 8ecd94150",
1065
+ "data-splunk-visualization-version": "27.5.2 - 942186e5f",
1066
1066
  width,
1067
1067
  height,
1068
1068
  backgroundColor
@@ -1128,7 +1128,7 @@ var Cover = styled_components_default.div`
1128
1128
  bottom: 0;
1129
1129
  `;
1130
1130
  var Blocker = styled_components_default.div.attrs({
1131
- "data-splunk-visualization-version": "27.5.1 - 8ecd94150"
1131
+ "data-splunk-visualization-version": "27.5.2 - 942186e5f"
1132
1132
  })`
1133
1133
  position: relative;
1134
1134
  width: 100%;
@@ -2395,27 +2395,50 @@ var TextCell = ({ cell, useMouseOverEffect }) => {
2395
2395
  TextCell.displayName = "TextCell";
2396
2396
 
2397
2397
  // src/Table/cells/ArrayCell.tsx
2398
- var noop4 = () => void 0;
2398
+ var StyledTableCell = styled_components_default(Table_default.Cell)`
2399
+ & > div {
2400
+ flex-direction: column;
2401
+ }
2402
+ `;
2403
+ var ArrayItemDiv = styled_components_default.div`
2404
+ min-width: 0;
2405
+ max-width: 100%;
2406
+ `;
2399
2407
  var ArrayCell = ({ cell, useMouseOverEffect }) => {
2400
2408
  const value = react_exports.useMemo(() => Array.isArray(cell.value) ? cell.value : [cell.value], [cell.value]);
2401
- const cellStyle = react_exports.useMemo(() => __spreadValues({}, cell.style), [cell.style]);
2409
+ const { cellStyle, itemStyle } = react_exports.useMemo(() => {
2410
+ const style = cell.style || {};
2411
+ const _a = style, { whiteSpace, overflow, textOverflow, wordBreak, wordWrap, overflowWrap } = _a, rest = __objRest(_a, ["whiteSpace", "overflow", "textOverflow", "wordBreak", "wordWrap", "overflowWrap"]);
2412
+ return {
2413
+ cellStyle: rest,
2414
+ itemStyle: {
2415
+ whiteSpace,
2416
+ overflow,
2417
+ textOverflow,
2418
+ wordBreak,
2419
+ wordWrap,
2420
+ overflowWrap
2421
+ }
2422
+ };
2423
+ }, [cell.style]);
2402
2424
  return /* @__PURE__ */ react_exports.createElement(
2403
- Table_default.Cell,
2425
+ StyledTableCell,
2404
2426
  {
2405
2427
  style: cellStyle,
2406
2428
  align: cell.align,
2407
2429
  "data-test-align-value": cell.align,
2408
2430
  "data-test-cell-type": "ArrayCell",
2409
- onClick: useMouseOverEffect ? noop4 : void 0
2431
+ onClick: useMouseOverEffect ? lodash_exports.noop : void 0
2410
2432
  },
2411
- value.map(
2433
+ value.filter((v) => v !== null).map(
2412
2434
  (v, i) => /* @__PURE__ */ react_exports.createElement(
2413
- "div",
2435
+ ArrayItemDiv,
2414
2436
  {
2415
- key: v.toString(),
2437
+ key: (0, id_exports.createDOMID)(),
2416
2438
  "data-row-index": cell.rowIndex,
2417
2439
  "data-col-index": cell.columnIndex,
2418
- "data-array-index": i
2440
+ "data-array-index": i,
2441
+ style: itemStyle
2419
2442
  },
2420
2443
  v.toString()
2421
2444
  )