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

package/dist/components/OverviewItem/OverviewItemLine.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 { CLASSPREFIX as eccgui } from "../../configuration/constants";
+/**
+ * Contains content of a single line in an `OverviewItemDescription` element.
+ * It is limited to one line only, text is not broken to multiple lines on white spaces.
+ * If the content overflows the container then this part of the content is hidden.
+ * It does not make sense to include more that 2 or 3 of those lines within one `OverviewItemDescription`.
+ */
+function OverviewItemLine(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.small, small = _c === void 0 ? false : _c, _d = _a.large, large = _d === void 0 ? false : _d, restProps = __rest(_a, ["children", "className", "small", "large"]);
+    return (<div {...restProps} className={eccgui + "-overviewitem__line " +
+            (small ? eccgui + "-overviewitem__line--small " : '') +
+            (large ? eccgui + "-overviewitem__line--large " : '') +
+            className}>
+            {children}
+        </div>);
+}
+export default OverviewItemLine;

package/dist/components/OverviewItem/OverviewItemList.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+export interface OverviewItemListProps extends React.HTMLAttributes<HTMLOListElement> {
+    /**
+     * Displays the element using reduced height and less white space inside.
+     */
+    densityHigh?: boolean;
+    /**
+     * Add a bit white space around each of the contained items.
+     */
+    hasSpacing?: boolean;
+    /**
+     * Insert a horizontal rule between list items.
+     */
+    hasDivider?: boolean;
+    /**
+     * Use multiple columns.
+     * Currently only lists using 1 and 2 columns are supported.
+     */
+    columns?: number;
+}
+/**
+ * This element can include all basic information and actions to give an overview about the item.
+ * Mainly used in items list or to create basic widgets.
+ */
+declare function OverviewItemList({ children, className, densityHigh, hasDivider, hasSpacing, columns, ...restProps }: OverviewItemListProps): JSX.Element;
+export default OverviewItemList;

package/dist/components/OverviewItem/OverviewItemList.js

@@ -0,0 +1,38 @@
+"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");
+
+/**
+ * This element can include all basic information and actions to give an overview about the item.
+ * Mainly used in items list or to create basic widgets.
+ */
+function OverviewItemList({
+  children,
+  className = '',
+  densityHigh = false,
+  hasDivider = false,
+  hasSpacing = false,
+  columns = 1,
+  ...restProps
+}) {
+  return /*#__PURE__*/_react.default.createElement("ol", (0, _extends2.default)({}, restProps, {
+    className: `${_constants.CLASSPREFIX}-overviewitem__list ` + (densityHigh ? `${_constants.CLASSPREFIX}-overviewitem__list--highdensity ` : '') + (hasDivider ? `${_constants.CLASSPREFIX}-overviewitem__list--hasdivider ` : '') + (hasSpacing ? `${_constants.CLASSPREFIX}-overviewitem__list--hasspacing ` : '') + (columns > 1 ? `${_constants.CLASSPREFIX}-overviewitem__list--hascolumns ` : '') + // TODO: add number
+    className
+  }), _react.default.Children.map(children, (child, i) => {
+    return /*#__PURE__*/_react.default.createElement("li", null, child);
+  }));
+}
+
+var _default = OverviewItemList;
+exports.default = _default;

package/dist/components/OverviewItem/OverviewItemList.jsx

@@ -0,0 +1,31 @@
+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";
+/**
+ * This element can include all basic information and actions to give an overview about the item.
+ * Mainly used in items list or to create basic widgets.
+ */
+function OverviewItemList(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.densityHigh, densityHigh = _c === void 0 ? false : _c, _d = _a.hasDivider, hasDivider = _d === void 0 ? false : _d, _e = _a.hasSpacing, hasSpacing = _e === void 0 ? false : _e, _f = _a.columns, columns = _f === void 0 ? 1 : _f, restProps = __rest(_a, ["children", "className", "densityHigh", "hasDivider", "hasSpacing", "columns"]);
+    return (<ol {...restProps} className={eccgui + "-overviewitem__list " +
+            (densityHigh ? eccgui + "-overviewitem__list--highdensity " : '') +
+            (hasDivider ? eccgui + "-overviewitem__list--hasdivider " : '') +
+            (hasSpacing ? eccgui + "-overviewitem__list--hasspacing " : '') +
+            (columns > 1 ? eccgui + "-overviewitem__list--hascolumns " : '') + // TODO: add number
+            className}>
+            {React.Children.map(children, function (child, i) {
+            return <li>{child}</li>;
+        })}
+        </ol>);
+}
+export default OverviewItemList;

package/dist/components/OverviewItem/index.d.ts

@@ -0,0 +1,7 @@
+import OverviewItem from './OverviewItem';
+import OverviewItemDepiction from './OverviewItemDepiction';
+import OverviewItemDescription from './OverviewItemDescription';
+import OverviewItemLine from './OverviewItemLine';
+import OverviewItemActions from './OverviewItemActions';
+import OverviewItemList from './OverviewItemList';
+export { OverviewItem, OverviewItemDepiction, OverviewItemDescription, OverviewItemLine, OverviewItemActions, OverviewItemList, };

package/dist/components/OverviewItem/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "OverviewItem", {
+  enumerable: true,
+  get: function () {
+    return _OverviewItem.default;
+  }
+});
+Object.defineProperty(exports, "OverviewItemActions", {
+  enumerable: true,
+  get: function () {
+    return _OverviewItemActions.default;
+  }
+});
+Object.defineProperty(exports, "OverviewItemDepiction", {
+  enumerable: true,
+  get: function () {
+    return _OverviewItemDepiction.default;
+  }
+});
+Object.defineProperty(exports, "OverviewItemDescription", {
+  enumerable: true,
+  get: function () {
+    return _OverviewItemDescription.default;
+  }
+});
+Object.defineProperty(exports, "OverviewItemLine", {
+  enumerable: true,
+  get: function () {
+    return _OverviewItemLine.default;
+  }
+});
+Object.defineProperty(exports, "OverviewItemList", {
+  enumerable: true,
+  get: function () {
+    return _OverviewItemList.default;
+  }
+});
+
+var _OverviewItem = _interopRequireDefault(require("./OverviewItem"));
+
+var _OverviewItemDepiction = _interopRequireDefault(require("./OverviewItemDepiction"));
+
+var _OverviewItemDescription = _interopRequireDefault(require("./OverviewItemDescription"));
+
+var _OverviewItemLine = _interopRequireDefault(require("./OverviewItemLine"));
+
+var _OverviewItemActions = _interopRequireDefault(require("./OverviewItemActions"));
+
+var _OverviewItemList = _interopRequireDefault(require("./OverviewItemList"));

package/dist/components/OverviewItem/index.jsx

@@ -0,0 +1,7 @@
+import OverviewItem from './OverviewItem';
+import OverviewItemDepiction from './OverviewItemDepiction';
+import OverviewItemDescription from './OverviewItemDescription';
+import OverviewItemLine from './OverviewItemLine';
+import OverviewItemActions from './OverviewItemActions';
+import OverviewItemList from './OverviewItemList';
+export { OverviewItem, OverviewItemDepiction, OverviewItemDescription, OverviewItemLine, OverviewItemActions, OverviewItemList, };

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare function Pagination({ className, hidePageSizeConfiguration, hideInfoText, hidePageSelect, hideNavigationArrows, ...otherProps }: any): JSX.Element;
+interface IPaginationDetails {
+    total: number;
+    current: number;
+    limit: number;
+    minPageSize: number;
+}
+interface IPaginationOptions {
+    initialPageSize?: number;
+    pageSizes?: number[];
+    presentation?: {
+        hideInfoText?: boolean;
+    };
+}
+export declare const usePagination: ({ pageSizes, presentation, initialPageSize, }: IPaginationOptions) => readonly [IPaginationDetails, JSX.Element, (total: number) => void];
+export default Pagination;

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePagination = exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _carbonComponentsReact = require("carbon-components-react");
+
+var _constants = require("../../configuration/constants");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function Pagination({
+  className,
+  hidePageSizeConfiguration = false,
+  hideInfoText = false,
+  hidePageSelect = false,
+  hideNavigationArrows = false,
+  ...otherProps
+}) {
+  return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Pagination, (0, _extends2.default)({}, otherProps, {
+    className: `${_constants.CLASSPREFIX}-pagination` + (className ? " " + className : "") + (hidePageSizeConfiguration ? ` ${_constants.CLASSPREFIX}-pagination--hidepagesize` : "") + (hideInfoText ? ` ${_constants.CLASSPREFIX}-pagination--hideinfotext` : "") + (hidePageSelect ? ` ${_constants.CLASSPREFIX}-pagination--hidepageselect` : "") + (hideNavigationArrows ? ` ${_constants.CLASSPREFIX}-pagination--hidenavigation` : "")
+  }));
+}
+
+// Custom hook to add pagination. Currently only use-cases are supported where paging has no further side effects, e.g. REST calls.
+const usePagination = ({
+  pageSizes = [5, 10, 25, 50],
+  presentation = {},
+  initialPageSize
+}) => {
+  const minSize = Math.min(...pageSizes);
+  const [pagination, setPagination] = (0, _react.useState)({
+    total: 0,
+    current: 1,
+    limit: initialPageSize ? initialPageSize : minSize,
+    minPageSize: minSize
+  });
+
+  const onPaginationChange = ({
+    page,
+    pageSize
+  }) => {
+    setPagination({ ...pagination,
+      current: page,
+      limit: pageSize
+    });
+  }; // When the total number of pageable items changes, this function must be called
+
+
+  const onTotalChange = total => {
+    setPagination({ ...pagination,
+      total: total,
+      current: 1
+    });
+  };
+
+  const paginationElement = /*#__PURE__*/_react.default.createElement(Pagination, (0, _extends2.default)({
+    onChange: onPaginationChange,
+    totalItems: pagination.total,
+    pageSizes: pageSizes,
+    page: pagination.current,
+    pageSize: pagination.limit
+  }, presentation));
+
+  return [pagination, paginationElement, onTotalChange];
+};
+
+exports.usePagination = usePagination;
+var _default = Pagination;
+exports.default = _default;

package/dist/components/Pagination/Pagination.jsx

@@ -0,0 +1,81 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React, { useState } from "react";
+import { Pagination as CarbonPagination } from "carbon-components-react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function Pagination(_a) {
+    var className = _a.className, _b = _a.hidePageSizeConfiguration, hidePageSizeConfiguration = _b === void 0 ? false : _b, _c = _a.hideInfoText, hideInfoText = _c === void 0 ? false : _c, _d = _a.hidePageSelect, hidePageSelect = _d === void 0 ? false : _d, _e = _a.hideNavigationArrows, hideNavigationArrows = _e === void 0 ? false : _e, otherProps = __rest(_a, ["className", "hidePageSizeConfiguration", "hideInfoText", "hidePageSelect", "hideNavigationArrows"]);
+    return (<CarbonPagination {...otherProps} className={eccgui + "-pagination" +
+            (className ? " " + className : "") +
+            (hidePageSizeConfiguration ? " " + eccgui + "-pagination--hidepagesize" : "") +
+            (hideInfoText ? " " + eccgui + "-pagination--hideinfotext" : "") +
+            (hidePageSelect ? " " + eccgui + "-pagination--hidepageselect" : "") +
+            (hideNavigationArrows ? " " + eccgui + "-pagination--hidenavigation" : "")}/>);
+}
+// Custom hook to add pagination. Currently only use-cases are supported where paging has no further side effects, e.g. REST calls.
+export var usePagination = function (_a) {
+    var _b = _a.pageSizes, pageSizes = _b === void 0 ? [5, 10, 25, 50] : _b, _c = _a.presentation, presentation = _c === void 0 ? {} : _c, initialPageSize = _a.initialPageSize;
+    var minSize = Math.min.apply(Math, __spreadArray([], __read(pageSizes), false));
+    var _d = __read(useState({
+        total: 0,
+        current: 1,
+        limit: initialPageSize ? initialPageSize : minSize,
+        minPageSize: minSize,
+    }), 2), pagination = _d[0], setPagination = _d[1];
+    var onPaginationChange = function (_a) {
+        var page = _a.page, pageSize = _a.pageSize;
+        setPagination(__assign(__assign({}, pagination), { current: page, limit: pageSize }));
+    };
+    // When the total number of pageable items changes, this function must be called
+    var onTotalChange = function (total) {
+        setPagination(__assign(__assign({}, pagination), { total: total, current: 1 }));
+    };
+    var paginationElement = (<Pagination onChange={onPaginationChange} totalItems={pagination.total} pageSizes={pageSizes} page={pagination.current} pageSize={pagination.limit} {...presentation}/>);
+    return [pagination, paginationElement, onTotalChange];
+};
+export default Pagination;

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,3 @@
+import { ProgressBar as BlueprintProgressBar, ProgressBarProps as BlueprintProgressBarProps } from "@blueprintjs/core";
+export declare const ProgressBar: typeof BlueprintProgressBar;
+export declare type ProgressBarProps = BlueprintProgressBarProps;

package/dist/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressBar = void 0;
+
+var _core = require("@blueprintjs/core");
+
+// we currently do not apply changes or additions
+const ProgressBar = _core.ProgressBar;
+exports.ProgressBar = ProgressBar;

package/dist/components/ProgressBar/ProgressBar.jsx

@@ -0,0 +1,3 @@
+import { ProgressBar as BlueprintProgressBar } from "@blueprintjs/core";
+// we currently do not apply changes or additions
+export var ProgressBar = BlueprintProgressBar;

package/dist/components/PropertyValuePair/PropertyName.d.ts

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

package/dist/components/PropertyValuePair/PropertyName.js

@@ -0,0 +1,32 @@
+"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 _Label = _interopRequireDefault(require("../Label/Label"));
+
+function PropertyName({
+  className = "",
+  children,
+  ...otherProps
+}) {
+  return /*#__PURE__*/_react.default.createElement("dt", (0, _extends2.default)({
+    className: `${_constants.CLASSPREFIX}-propertyvalue__property` + (className ? " " + className : "")
+  }, otherProps), /*#__PURE__*/_react.default.createElement("div", null, typeof children === "string" ? /*#__PURE__*/_react.default.createElement(_Label.default, {
+    text: children,
+    isLayoutForElement: "span"
+  }) : children));
+}
+
+var _default = PropertyName;
+exports.default = _default;

package/dist/components/PropertyValuePair/PropertyName.jsx

@@ -0,0 +1,21 @@
+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 Label from "../Label/Label";
+function PropertyName(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, children = _a.children, otherProps = __rest(_a, ["className", "children"]);
+    return (<dt className={eccgui + "-propertyvalue__property" + (className ? " " + className : "")} {...otherProps}>
+            <div>{typeof children === "string" ? <Label text={children} isLayoutForElement="span"/> : children}</div>
+        </dt>);
+}
+export default PropertyName;

package/dist/components/PropertyValuePair/PropertyValue.d.ts

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

package/dist/components/PropertyValuePair/PropertyValue.js

@@ -0,0 +1,27 @@
+"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");
+
+function PropertyValue({
+  className = "",
+  children,
+  ...otherProps
+}) {
+  return /*#__PURE__*/_react.default.createElement("dd", (0, _extends2.default)({
+    className: `${_constants.CLASSPREFIX}-propertyvalue__value` + (className ? " " + className : "")
+  }, otherProps), /*#__PURE__*/_react.default.createElement("div", null, children));
+}
+
+var _default = PropertyValue;
+exports.default = _default;

package/dist/components/PropertyValuePair/PropertyValue.jsx

@@ -0,0 +1,20 @@
+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";
+function PropertyValue(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, children = _a.children, otherProps = __rest(_a, ["className", "children"]);
+    return (<dd className={eccgui + "-propertyvalue__value" + (className ? " " + className : "")} {...otherProps}>
+            <div>{children}</div>
+        </dd>);
+}
+export default PropertyValue;

package/dist/components/PropertyValuePair/PropertyValueList.d.ts

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

package/dist/components/PropertyValuePair/PropertyValueList.js

@@ -0,0 +1,27 @@
+"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");
+
+function PropertyValueList({
+  className = "",
+  children,
+  ...otherProps
+}) {
+  return /*#__PURE__*/_react.default.createElement("dl", (0, _extends2.default)({
+    className: `${_constants.CLASSPREFIX}-propertyvalue__list` + (className ? " " + className : "")
+  }, otherProps), children);
+}
+
+var _default = PropertyValueList;
+exports.default = _default;

package/dist/components/PropertyValuePair/PropertyValueList.jsx

@@ -0,0 +1,20 @@
+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";
+function PropertyValueList(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, children = _a.children, otherProps = __rest(_a, ["className", "children"]);
+    return (<dl className={eccgui + "-propertyvalue__list" + (className ? " " + className : "")} {...otherProps}>
+            {children}
+        </dl>);
+}
+export default PropertyValueList;

package/dist/components/PropertyValuePair/PropertyValuePair.d.ts

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

package/dist/components/PropertyValuePair/PropertyValuePair.js

@@ -0,0 +1,29 @@
+"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");
+
+function PropertyValuePair({
+  className = "",
+  children,
+  hasSpacing = false,
+  hasDivider = false,
+  ...otherProps
+}) {
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: `${_constants.CLASSPREFIX}-propertyvalue__pair` + (className ? " " + className : "") + (hasSpacing ? ` ${_constants.CLASSPREFIX}-propertyvalue__pair--hasspacing` : "") + (hasDivider ? ` ${_constants.CLASSPREFIX}-propertyvalue__pair--hasdivider` : "")
+  }, otherProps), children);
+}
+
+var _default = PropertyValuePair;
+exports.default = _default;

package/dist/components/PropertyValuePair/PropertyValuePair.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";
+function PropertyValuePair(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, children = _a.children, _c = _a.hasSpacing, hasSpacing = _c === void 0 ? false : _c, _d = _a.hasDivider, hasDivider = _d === void 0 ? false : _d, otherProps = __rest(_a, ["className", "children", "hasSpacing", "hasDivider"]);
+    return (<div className={eccgui + "-propertyvalue__pair" +
+            (className ? " " + className : "") +
+            (hasSpacing ? " " + eccgui + "-propertyvalue__pair--hasspacing" : "") +
+            (hasDivider ? " " + eccgui + "-propertyvalue__pair--hasdivider" : "")} {...otherProps}>
+            {children}
+        </div>);
+}
+export default PropertyValuePair;

package/dist/components/PropertyValuePair/index.d.ts

@@ -0,0 +1,5 @@
+import PropertyName from "./PropertyName";
+import PropertyValue from "./PropertyValue";
+import PropertyValuePair from "./PropertyValuePair";
+import PropertyValueList from "./PropertyValueList";
+export { PropertyName, PropertyValue, PropertyValuePair, PropertyValueList };