carbon-react 124.3.0 → 124.4.0

package/lib/components/tile/flex-tile-cell/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./flex-tile-cell.component";
+export type { FlexTileCellProps } from "./flex-tile-cell.component";

package/lib/components/tile/flex-tile-cell/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _flexTileCell.default;
+  }
+});
+var _flexTileCell = _interopRequireDefault(require("./flex-tile-cell.component"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/tile/flex-tile-cell/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../../../../esm/components/tile/flex-tile-cell/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/tile/flex-tile-container/flex-tile-container.component.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { BoxProps } from "../../box";
+export interface FlexTileContainerProps extends Pick<BoxProps, "columnGap"> {
+    /** The child elements of FlexTileContainer need to be FlexTileCell components. */
+    children: React.ReactNode;
+}
+export declare const FlexTileContainer: ({ children, columnGap, }: FlexTileContainerProps) => JSX.Element;
+export default FlexTileContainer;

package/lib/components/tile/flex-tile-container/flex-tile-container.component.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FlexTileContainer = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _box = _interopRequireDefault(require("../../box"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FlexTileContainer = ({
+  children,
+  columnGap = 2
+}) => {
+  if (!children) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+  return /*#__PURE__*/_react.default.createElement(_box.default, {
+    alignContent: "stretch",
+    alignItems: "stretch",
+    display: "flex",
+    flexDirection: "row",
+    flexWrap: "wrap",
+    columnGap: columnGap,
+    justifyContent: "flex-start",
+    overflow: "hidden",
+    width: "100%",
+    "data-component": "flex-tile-container"
+  }, children);
+};
+exports.FlexTileContainer = FlexTileContainer;
+FlexTileContainer.propTypes = {
+  "children": _propTypes.default.node,
+  "columnGap": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
+};
+var _default = exports.default = FlexTileContainer;

package/lib/components/tile/flex-tile-container/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./flex-tile-container.component";
+export type { FlexTileContainerProps } from "./flex-tile-container.component";

package/lib/components/tile/flex-tile-container/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _flexTileContainer.default;
+  }
+});
+var _flexTileContainer = _interopRequireDefault(require("./flex-tile-container.component"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/tile/flex-tile-container/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../../../../esm/components/tile/flex-tile-container/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/tile/flex-tile-divider/flex-tile-divider.component.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const FlexTileDivider: () => JSX.Element;
+export default FlexTileDivider;

package/lib/components/tile/flex-tile-divider/flex-tile-divider.component.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FlexTileDivider = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _box = _interopRequireDefault(require("../../box"));
+var _hr = _interopRequireDefault(require("../../hr/hr.component"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FlexTileDivider = () => {
+  return /*#__PURE__*/_react.default.createElement(_box.default, {
+    position: "absolute",
+    bottom: "0px",
+    left: "0px",
+    height: "1px",
+    width: "100vw",
+    m: "0px 0px -1px 0px"
+  }, /*#__PURE__*/_react.default.createElement(_hr.default, {
+    m: 0
+  }));
+};
+exports.FlexTileDivider = FlexTileDivider;
+var _default = exports.default = FlexTileDivider;

package/lib/components/tile/flex-tile-divider/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./flex-tile-divider.component";

package/lib/components/tile/flex-tile-divider/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _flexTileDivider.default;
+  }
+});
+var _flexTileDivider = _interopRequireDefault(require("./flex-tile-divider.component"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/tile/flex-tile-divider/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../../../../esm/components/tile/flex-tile-divider/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/lib/components/tile/index.d.ts

@@ -4,3 +4,8 @@ export { default as TileContent } from "./tile-content";
 export type { TileContentProps } from "./tile-content";
 export { default as TileFooter } from "./tile-footer";
 export type { TileFooterProps } from "./tile-footer";
+export { default as FlexTileContainer } from "./flex-tile-container";
+export type { FlexTileContainerProps } from "./flex-tile-container";
+export { default as FlexTileCell } from "./flex-tile-cell";
+export type { FlexTileCellProps } from "./flex-tile-cell";
+export { default as FlexTileDivider } from "./flex-tile-divider";

package/lib/components/tile/index.js

@@ -3,6 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "FlexTileCell", {
+  enumerable: true,
+  get: function () {
+    return _flexTileCell.default;
+  }
+});
+Object.defineProperty(exports, "FlexTileContainer", {
+  enumerable: true,
+  get: function () {
+    return _flexTileContainer.default;
+  }
+});
+Object.defineProperty(exports, "FlexTileDivider", {
+  enumerable: true,
+  get: function () {
+    return _flexTileDivider.default;
+  }
+});
 Object.defineProperty(exports, "Tile", {
   enumerable: true,
   get: function () {
@@ -24,4 +42,7 @@ Object.defineProperty(exports, "TileFooter", {
 var _tile = _interopRequireDefault(require("./tile.component"));
 var _tileContent = _interopRequireDefault(require("./tile-content"));
 var _tileFooter = _interopRequireDefault(require("./tile-footer"));
+var _flexTileContainer = _interopRequireDefault(require("./flex-tile-container"));
+var _flexTileCell = _interopRequireDefault(require("./flex-tile-cell"));
+var _flexTileDivider = _interopRequireDefault(require("./flex-tile-divider"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/style/utils/box-gap.d.ts

@@ -0,0 +1,5 @@
+export declare const GAP_VALUES: number[];
+export declare type AllowedNumericalValues = typeof GAP_VALUES[number];
+export declare type Gap = AllowedNumericalValues | string;
+export declare const getGapValue: (gapValue: number | string) => string;
+export default function gap(gapValue: number | string): string;

package/lib/style/utils/box-gap.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GAP_VALUES = void 0;
+exports.default = gap;
+exports.getGapValue = void 0;
+var _baseTheme = require("../../style/themes/base/base-theme.config");
+const GAP_VALUES = exports.GAP_VALUES = [0, 1, 2, 3, 4, 5, 6, 7, 8];
+const getGapValue = gapValue => typeof gapValue === "number" ? `var(--spacing${gapValue}00)` : gapValue;
+exports.getGapValue = getGapValue;
+function gap(gapValue) {
+  if (typeof gapValue === "number") {
+    return _baseTheme.space[gapValue];
+  }
+  return gapValue;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "124.3.0",
+  "version": "124.4.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -156,6 +156,7 @@
     "jest-environment-jsdom": "^27.5.1",
     "jest-fetch-mock": "^3.0.3",
     "jest-styled-components": "^6.3.4",
+    "jsdom-testing-mocks": "^1.11.0",
     "lint-staged": "^11.2.6",
     "mockdate": "^2.0.5",
     "nock": "^13.3.8",
@@ -182,7 +183,7 @@
     "@floating-ui/react-dom": "~1.3.0",
     "@octokit/rest": "^18.12.0",
     "@styled-system/prop-types": "^5.1.5",
-    "@tanstack/react-virtual": "3.0.0-beta.54",
+    "@tanstack/react-virtual": "^3.0.0-beta.68",
     "@types/styled-system": "^5.1.22",
     "chalk": "^4.1.2",
     "ci-info": "^3.8.0",