@eccenca/gui-elements 6.3.0 → 22.0.0-rc.6

package/dist/components/Dialog/SimpleDialog.d.ts

@@ -0,0 +1,41 @@
+import React from "react";
+import { IntentTypes } from "../../common/Intent";
+import { ModalProps } from "./Modal";
+import { TestableComponent } from "../interfaces";
+export interface SimpleDialogProps extends ModalProps, TestableComponent {
+    /**
+     * The title of the dialog.
+     */
+    title?: string;
+    /**
+     * Parts of the dialog are separated by a horizontal ruler.
+     */
+    hasBorder?: boolean;
+    /**
+     * Include elements to the action footer, e.g. buttons.
+     */
+    actions?: React.ReactNode | React.ReactNode[];
+    /**
+     * If populated with elements, then a second contant area is included before the action footer.
+     * Mainly provided to include `Notification` elements.
+     */
+    notifications?: React.ReactNode | React.ReactNode[];
+    /**
+     * Can contain elements actionable/non-actionable elements display right-aligned to the dialog title.
+     */
+    headerOptions?: null | JSX.Element | JSX.Element[];
+    /**
+     * If enabled neither closing via `esc` key or clicking outside of the component will work, except explicitly specified.
+     */
+    preventSimpleClosing?: boolean;
+    /**
+     * Define purpose of the dialog, e.g. if it is a warning.
+     */
+    intent?: IntentTypes;
+}
+/**
+ * Simplifies the dialog display by providing a direct `Card` template for the `Modal` element.
+ * Inherits all properties from `Modal`.
+ */
+declare function SimpleDialog({ children, canOutsideClickClose, canEscapeKeyClose, title, actions, notifications, hasBorder, preventSimpleClosing, intent, headerOptions, ...otherProps }: SimpleDialogProps): JSX.Element;
+export default SimpleDialog;

package/dist/components/Dialog/SimpleDialog.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _constants = require("../../configuration/constants");
+
+var _Card = require("./../Card");
+
+var _Divider = _interopRequireDefault(require("./../Separation/Divider"));
+
+var _Modal = _interopRequireDefault(require("./Modal"));
+
+/*
+    provides a simple interface for dialogs using modals with a card inside
+*/
+
+/**
+ * Simplifies the dialog display by providing a direct `Card` template for the `Modal` element.
+ * Inherits all properties from `Modal`.
+ */
+function SimpleDialog({
+  children,
+  canOutsideClickClose = false,
+  canEscapeKeyClose = false,
+  title = "",
+  actions = null,
+  notifications = null,
+  hasBorder = false,
+  preventSimpleClosing = false,
+  intent,
+  headerOptions,
+  ...otherProps
+}) {
+  const intentClassName = intent ? `${_constants.CLASSPREFIX}-intent--${intent}` : "";
+  return /*#__PURE__*/_react.default.createElement(_Modal.default, (0, _extends2.default)({}, otherProps, {
+    // set default test id if not given
+    "data-test-id": otherProps["data-test-id"] ?? "simpleDialogWidget",
+    canOutsideClickClose: canOutsideClickClose || !preventSimpleClosing,
+    canEscapeKeyClose: canEscapeKeyClose || !preventSimpleClosing
+  }), /*#__PURE__*/_react.default.createElement(_Card.Card, {
+    className: intentClassName
+  }, (title || headerOptions) && /*#__PURE__*/_react.default.createElement(_Card.CardHeader, null, /*#__PURE__*/_react.default.createElement(_Card.CardTitle, {
+    className: intentClassName
+  }, title), headerOptions && /*#__PURE__*/_react.default.createElement(_Card.CardOptions, null, headerOptions)), hasBorder && /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement(_Card.CardContent, null, children), hasBorder && /*#__PURE__*/_react.default.createElement(_Divider.default, null), !!notifications && /*#__PURE__*/_react.default.createElement(_Card.CardContent, {
+    className: `${_constants.CLASSPREFIX}-dialog__notifications`
+  }, notifications), actions && /*#__PURE__*/_react.default.createElement(_Card.CardActions, {
+    inverseDirection: true,
+    className: intentClassName
+  }, actions)));
+}
+
+var _default = SimpleDialog;
+exports.default = _default;

package/dist/components/Dialog/SimpleDialog.jsx

@@ -0,0 +1,50 @@
+/*
+    provides a simple interface for dialogs using modals with a card inside
+*/
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+import { Card, CardActions, CardContent, CardHeader, CardOptions, CardTitle, } from "./../Card";
+import Divider from "./../Separation/Divider";
+import Modal from "./Modal";
+/**
+ * Simplifies the dialog display by providing a direct `Card` template for the `Modal` element.
+ * Inherits all properties from `Modal`.
+ */
+function SimpleDialog(_a) {
+    var _b;
+    var children = _a.children, _c = _a.canOutsideClickClose, canOutsideClickClose = _c === void 0 ? false : _c, _d = _a.canEscapeKeyClose, canEscapeKeyClose = _d === void 0 ? false : _d, _e = _a.title, title = _e === void 0 ? "" : _e, _f = _a.actions, actions = _f === void 0 ? null : _f, _g = _a.notifications, notifications = _g === void 0 ? null : _g, _h = _a.hasBorder, hasBorder = _h === void 0 ? false : _h, _j = _a.preventSimpleClosing, preventSimpleClosing = _j === void 0 ? false : _j, intent = _a.intent, headerOptions = _a.headerOptions, otherProps = __rest(_a, ["children", "canOutsideClickClose", "canEscapeKeyClose", "title", "actions", "notifications", "hasBorder", "preventSimpleClosing", "intent", "headerOptions"]);
+    var intentClassName = intent ? eccgui + "-intent--" + intent : "";
+    return (<Modal {...otherProps} 
+    // set default test id if not given
+    data-test-id={(_b = otherProps["data-test-id"]) !== null && _b !== void 0 ? _b : "simpleDialogWidget"} canOutsideClickClose={canOutsideClickClose || !preventSimpleClosing} canEscapeKeyClose={canEscapeKeyClose || !preventSimpleClosing}>
+            <Card className={intentClassName}>
+                {(title || headerOptions) && (<CardHeader>
+                        <CardTitle className={intentClassName}>
+                            {title}
+                        </CardTitle>
+                        {headerOptions && (<CardOptions>{headerOptions}</CardOptions>)}
+                    </CardHeader>)}
+                {hasBorder && <Divider />}
+                <CardContent>{children}</CardContent>
+                {hasBorder && <Divider />}
+                {!!notifications && (<CardContent className={eccgui + "-dialog__notifications"}>
+                        {notifications}
+                    </CardContent>)}
+                {actions && (<CardActions inverseDirection className={intentClassName}>
+                        {actions}
+                    </CardActions>)}
+            </Card>
+        </Modal>);
+}
+export default SimpleDialog;

package/dist/components/Form/FieldItem.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { TestableComponent } from "../interfaces";
+interface IProps extends TestableComponent {
+    hasStatePrimary?: boolean;
+    hasStateSuccess?: boolean;
+    hasStateWarning?: boolean;
+    hasStateDanger?: boolean;
+    children: JSX.Element | JSX.Element[] | null;
+    className?: string;
+    disabled?: boolean;
+    labelAttributes?: object;
+    helperText?: string | JSX.Element;
+    messageText?: string;
+}
+declare function FieldItem({ hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, children, className, disabled, labelAttributes, helperText, messageText, ...otherProps }: IProps): JSX.Element;
+export default FieldItem;

package/dist/components/Form/FieldItem.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Label = _interopRequireDefault(require("../Label/Label"));
+
+var _Intent = require("../../common/Intent");
+
+var _constants = require("../../configuration/constants");
+
+function FieldItem({
+  hasStatePrimary = false,
+  hasStateSuccess = false,
+  hasStateWarning = false,
+  hasStateDanger = false,
+  children,
+  className,
+  disabled,
+  labelAttributes = {},
+  helperText,
+  messageText,
+  ...otherProps
+}) {
+  let classIntent = "";
+
+  switch (true) {
+    case hasStatePrimary:
+      classIntent = " " + _Intent.ClassNames.PRIMARY;
+      break;
+
+    case hasStateSuccess:
+      classIntent = " " + _Intent.ClassNames.SUCCESS;
+      break;
+
+    case hasStateWarning:
+      classIntent = " " + _Intent.ClassNames.WARNING;
+      break;
+
+    case hasStateDanger:
+      classIntent = " " + _Intent.ClassNames.DANGER;
+      break;
+
+    default:
+      break;
+  }
+
+  const label = /*#__PURE__*/_react.default.createElement(_Label.default, (0, _extends2.default)({}, labelAttributes, {
+    disabled: disabled
+  }));
+
+  const userhelp = helperText && (typeof helperText === "string" ? /*#__PURE__*/_react.default.createElement("p", {
+    className: `${_constants.CLASSPREFIX}-fielditem__helpertext`
+  }, helperText) : /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_constants.CLASSPREFIX}-fielditem__helpertext`
+  }, helperText));
+
+  const inputfields = children && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_constants.CLASSPREFIX}-fielditem__inputfields`
+  }, children);
+
+  const notification = messageText && (typeof messageText === "string" ? /*#__PURE__*/_react.default.createElement("p", {
+    className: `${_constants.CLASSPREFIX}-fielditem__message` + classIntent
+  }, messageText) : /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_constants.CLASSPREFIX}-fielditem__message` + classIntent
+  }, messageText));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-test-id": otherProps["data-test-id"],
+    className: `${_constants.CLASSPREFIX}-fielditem` + (className ? " " + className : "") + (disabled ? ` ${_constants.CLASSPREFIX}-fielditem--disabled` : "")
+  }, label, userhelp, inputfields, notification);
+}
+
+var _default = FieldItem;
+exports.default = _default;

package/dist/components/Form/FieldItem.jsx

@@ -0,0 +1,48 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import Label from "../Label/Label";
+import { ClassNames as IntentClassNames } from "../../common/Intent";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function FieldItem(_a) {
+    var _b = _a.hasStatePrimary, hasStatePrimary = _b === void 0 ? false : _b, _c = _a.hasStateSuccess, hasStateSuccess = _c === void 0 ? false : _c, _d = _a.hasStateWarning, hasStateWarning = _d === void 0 ? false : _d, _e = _a.hasStateDanger, hasStateDanger = _e === void 0 ? false : _e, children = _a.children, className = _a.className, disabled = _a.disabled, _f = _a.labelAttributes, labelAttributes = _f === void 0 ? {} : _f, helperText = _a.helperText, messageText = _a.messageText, otherProps = __rest(_a, ["hasStatePrimary", "hasStateSuccess", "hasStateWarning", "hasStateDanger", "children", "className", "disabled", "labelAttributes", "helperText", "messageText"]);
+    var classIntent = "";
+    switch (true) {
+        case hasStatePrimary:
+            classIntent = " " + IntentClassNames.PRIMARY;
+            break;
+        case hasStateSuccess:
+            classIntent = " " + IntentClassNames.SUCCESS;
+            break;
+        case hasStateWarning:
+            classIntent = " " + IntentClassNames.WARNING;
+            break;
+        case hasStateDanger:
+            classIntent = " " + IntentClassNames.DANGER;
+            break;
+        default:
+            break;
+    }
+    var label = <Label {...labelAttributes} disabled={disabled}/>;
+    var userhelp = helperText &&
+        (typeof helperText === "string" ? (<p className={eccgui + "-fielditem__helpertext"}>{helperText}</p>) : (<div className={eccgui + "-fielditem__helpertext"}>{helperText}</div>));
+    var inputfields = children && <div className={eccgui + "-fielditem__inputfields"}>{children}</div>;
+    var notification = messageText &&
+        (typeof messageText === "string" ? (<p className={eccgui + "-fielditem__message" + classIntent}>{messageText}</p>) : (<div className={eccgui + "-fielditem__message" + classIntent}>{messageText}</div>));
+    return (<div data-test-id={otherProps["data-test-id"]} className={eccgui + "-fielditem" + (className ? " " + className : "") + (disabled ? " " + eccgui + "-fielditem--disabled" : "")}>
+            {label}
+            {userhelp}
+            {inputfields}
+            {notification}
+        </div>);
+}
+export default FieldItem;

package/dist/components/Form/FieldItemRow.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function FieldItemRow({ children, className, ...otherProps }: any): JSX.Element;
+export default FieldItemRow;

package/dist/components/Form/FieldItemRow.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _constants = require("../../configuration/constants");
+
+/*
+    TODO:
+
+    * allow grow factors for children
+*/
+function FieldItemRow({
+  children,
+  className,
+  ...otherProps
+}) {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_constants.CLASSPREFIX}-fielditem__row` + (className ? " " + className : "")
+  }, children);
+}
+
+var _default = FieldItemRow;
+exports.default = _default;

package/dist/components/Form/FieldItemRow.jsx

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+/*
+    TODO:
+
+    * allow grow factors for children
+*/
+function FieldItemRow(_a) {
+    var children = _a.children, className = _a.className, otherProps = __rest(_a, ["children", "className"]);
+    return <div className={eccgui + "-fielditem__row" + (className ? " " + className : "")}>{children}</div>;
+}
+export default FieldItemRow;

package/dist/components/Form/FieldSet.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function FieldSet({ boxed, children, className, hasStatePrimary, hasStateSuccess, hasStateWarning, hasStateDanger, helperText, messageText, title, ...otherProps }: any): JSX.Element;
+export default FieldSet;

package/dist/components/Form/FieldSet.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Intent = require("../../common/Intent");
+
+var _constants = require("../../configuration/constants");
+
+function FieldSet({
+  boxed = false,
+  children,
+  className,
+  hasStatePrimary = false,
+  hasStateSuccess = false,
+  hasStateWarning = false,
+  hasStateDanger = false,
+  helperText,
+  messageText,
+  title,
+  ...otherProps
+}) {
+  let classIntent = "";
+
+  switch (true) {
+    case hasStatePrimary:
+      classIntent = " " + _Intent.ClassNames.PRIMARY;
+      break;
+
+    case hasStateSuccess:
+      classIntent = " " + _Intent.ClassNames.SUCCESS;
+      break;
+
+    case hasStateWarning:
+      classIntent = " " + _Intent.ClassNames.WARNING;
+      break;
+
+    case hasStateDanger:
+      classIntent = " " + _Intent.ClassNames.DANGER;
+      break;
+
+    default:
+      break;
+  }
+
+  const userhelp = helperText && (typeof helperText === "string" ? /*#__PURE__*/_react.default.createElement("p", {
+    className: `${_constants.CLASSPREFIX}-fieldset__helpertext`
+  }, helperText) : /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_constants.CLASSPREFIX}-fieldset__helpertext`
+  }, helperText));
+  const notification = messageText && (typeof messageText === "string" ? /*#__PURE__*/_react.default.createElement("p", {
+    className: `${_constants.CLASSPREFIX}-fieldset__message`
+  }, messageText) : /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_constants.CLASSPREFIX}-fieldset__message`
+  }, messageText));
+
+  const fielditems = children && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_constants.CLASSPREFIX}-fieldset__fielditems`
+  }, children);
+
+  return /*#__PURE__*/_react.default.createElement("fieldset", {
+    className: `${_constants.CLASSPREFIX}-fieldset` + (className ? " " + className : "") + classIntent + (boxed ? ` ${_constants.CLASSPREFIX}-fieldset--boxed` : "")
+  }, title && /*#__PURE__*/_react.default.createElement("legend", null, title), userhelp, notification, fielditems);
+}
+
+var _default = FieldSet;
+exports.default = _default;

package/dist/components/Form/FieldSet.jsx

@@ -0,0 +1,49 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { ClassNames as IntentClassNames } from "../../common/Intent";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function FieldSet(_a) {
+    var _b = _a.boxed, boxed = _b === void 0 ? false : _b, children = _a.children, className = _a.className, _c = _a.hasStatePrimary, hasStatePrimary = _c === void 0 ? false : _c, _d = _a.hasStateSuccess, hasStateSuccess = _d === void 0 ? false : _d, _e = _a.hasStateWarning, hasStateWarning = _e === void 0 ? false : _e, _f = _a.hasStateDanger, hasStateDanger = _f === void 0 ? false : _f, helperText = _a.helperText, messageText = _a.messageText, title = _a.title, otherProps = __rest(_a, ["boxed", "children", "className", "hasStatePrimary", "hasStateSuccess", "hasStateWarning", "hasStateDanger", "helperText", "messageText", "title"]);
+    var classIntent = "";
+    switch (true) {
+        case hasStatePrimary:
+            classIntent = " " + IntentClassNames.PRIMARY;
+            break;
+        case hasStateSuccess:
+            classIntent = " " + IntentClassNames.SUCCESS;
+            break;
+        case hasStateWarning:
+            classIntent = " " + IntentClassNames.WARNING;
+            break;
+        case hasStateDanger:
+            classIntent = " " + IntentClassNames.DANGER;
+            break;
+        default:
+            break;
+    }
+    var userhelp = helperText &&
+        (typeof helperText === "string" ? (<p className={eccgui + "-fieldset__helpertext"}>{helperText}</p>) : (<div className={eccgui + "-fieldset__helpertext"}>{helperText}</div>));
+    var notification = messageText &&
+        (typeof messageText === "string" ? (<p className={eccgui + "-fieldset__message"}>{messageText}</p>) : (<div className={eccgui + "-fieldset__message"}>{messageText}</div>));
+    var fielditems = children && <div className={eccgui + "-fieldset__fielditems"}>{children}</div>;
+    return (<fieldset className={eccgui + "-fieldset" +
+            (className ? " " + className : "") +
+            classIntent +
+            (boxed ? " " + eccgui + "-fieldset--boxed" : "")}>
+            {title && <legend>{title}</legend>}
+            {userhelp}
+            {notification}
+            {fielditems}
+        </fieldset>);
+}
+export default FieldSet;

package/dist/components/Grid/Grid.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function Grid({ children, verticalStretchable, useAbsoluteSpace, className, ...restProps }: any): JSX.Element;
+export default Grid;

package/dist/components/Grid/Grid.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _carbonComponentsReact = require("carbon-components-react");
+
+var _constants = require("../../configuration/constants");
+
+// import PropTypes from 'prop-types';
+function Grid({
+  children,
+  verticalStretchable,
+  useAbsoluteSpace,
+  className = '',
+  ...restProps
+}) {
+  return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Grid, (0, _extends2.default)({}, restProps, {
+    className: `${_constants.CLASSPREFIX}-grid` + (!!verticalStretchable ? ` ${_constants.CLASSPREFIX}-grid--stretchable` : "") + (!!useAbsoluteSpace ? ` ${_constants.CLASSPREFIX}-grid--absolutespace` : "") + (className ? " " + className : ""),
+    fullWidth: true
+  }), children);
+}
+
+var _default = Grid;
+exports.default = _default;

package/dist/components/Grid/Grid.jsx

@@ -0,0 +1,25 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+// import PropTypes from 'prop-types';
+import { Grid as CarbonGrid } from "carbon-components-react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function Grid(_a) {
+    var children = _a.children, verticalStretchable = _a.verticalStretchable, useAbsoluteSpace = _a.useAbsoluteSpace, _b = _a.className, className = _b === void 0 ? '' : _b, restProps = __rest(_a, ["children", "verticalStretchable", "useAbsoluteSpace", "className"]);
+    return (<CarbonGrid {...restProps} className={eccgui + "-grid" +
+            (!!verticalStretchable ? " " + eccgui + "-grid--stretchable" : "") +
+            (!!useAbsoluteSpace ? " " + eccgui + "-grid--absolutespace" : "") +
+            (className ? " " + className : "")} fullWidth={true}>
+            {children}
+        </CarbonGrid>);
+}
+export default Grid;

package/dist/components/Grid/GridColumn.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function GridColumn({ children, className, small, medium, full, verticalAlign, ...otherProps }: any): JSX.Element;
+export default GridColumn;

package/dist/components/Grid/GridColumn.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _carbonComponentsReact = require("carbon-components-react");
+
+var _constants = require("../../configuration/constants");
+
+// import PropTypes from 'prop-types';
+function GridColumn({
+  children,
+  className = '',
+  small = false,
+  medium = false,
+  full = true,
+  verticalAlign = '',
+  ...otherProps
+}) {
+  let sizeConfig = {};
+  if (small) sizeConfig = {
+    md: 2,
+    lg: 3
+  };
+  if (medium) sizeConfig = {
+    md: 3,
+    lg: 5
+  };
+  return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, (0, _extends2.default)({}, otherProps, sizeConfig, {
+    className: `${_constants.CLASSPREFIX}-grid__column` + (verticalAlign ? ` ${_constants.CLASSPREFIX}-grid__column--vertical-` + verticalAlign : '') + (className ? ' ' + className : '')
+  }), children);
+}
+
+var _default = GridColumn;
+exports.default = _default;

package/dist/components/Grid/GridColumn.jsx

@@ -0,0 +1,29 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+// import PropTypes from 'prop-types';
+import { Column as CarbonColumn } from "carbon-components-react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function GridColumn(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.small, small = _c === void 0 ? false : _c, _d = _a.medium, medium = _d === void 0 ? false : _d, _e = _a.full, full = _e === void 0 ? true : _e, _f = _a.verticalAlign, verticalAlign = _f === void 0 ? '' : _f, otherProps = __rest(_a, ["children", "className", "small", "medium", "full", "verticalAlign"]);
+    var sizeConfig = {};
+    if (small)
+        sizeConfig = { md: 2, lg: 3 };
+    if (medium)
+        sizeConfig = { md: 3, lg: 5 };
+    return (<CarbonColumn {...otherProps} {...sizeConfig} className={eccgui + "-grid__column" +
+            (verticalAlign ? " " + eccgui + "-grid__column--vertical-" + verticalAlign : '') +
+            (className ? ' ' + className : '')}>
+            {children}
+        </CarbonColumn>);
+}
+export default GridColumn;

package/dist/components/Grid/GridRow.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function GridRow({ children, className, dontWrapColumns, fullHeight, verticalStretched, ...otherProps }: any): JSX.Element;
+export default GridRow;