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

package/dist/components/PropertyValuePair/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PropertyName", {
+  enumerable: true,
+  get: function () {
+    return _PropertyName.default;
+  }
+});
+Object.defineProperty(exports, "PropertyValue", {
+  enumerable: true,
+  get: function () {
+    return _PropertyValue.default;
+  }
+});
+Object.defineProperty(exports, "PropertyValueList", {
+  enumerable: true,
+  get: function () {
+    return _PropertyValueList.default;
+  }
+});
+Object.defineProperty(exports, "PropertyValuePair", {
+  enumerable: true,
+  get: function () {
+    return _PropertyValuePair.default;
+  }
+});
+
+var _PropertyName = _interopRequireDefault(require("./PropertyName"));
+
+var _PropertyValue = _interopRequireDefault(require("./PropertyValue"));
+
+var _PropertyValuePair = _interopRequireDefault(require("./PropertyValuePair"));
+
+var _PropertyValueList = _interopRequireDefault(require("./PropertyValueList"));

package/dist/components/PropertyValuePair/index.jsx

@@ -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 };

package/dist/components/RadioButton/RadioButton.d.ts

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

package/dist/components/RadioButton/RadioButton.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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@blueprintjs/core");
+
+var _constants = require("../../configuration/constants");
+
+function RadioButton({
+  children,
+  className = '',
+  ...restProps
+}) {
+  return /*#__PURE__*/_react.default.createElement(_core.Radio, (0, _extends2.default)({}, restProps, {
+    className: `${_constants.CLASSPREFIX}-radiobutton ` + className
+  }), children);
+}
+
+;
+var _default = RadioButton;
+exports.default = _default;

package/dist/components/RadioButton/RadioButton.jsx

@@ -0,0 +1,22 @@
+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 { Radio as BlueprintRadioButton } from "@blueprintjs/core";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function RadioButton(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, restProps = __rest(_a, ["children", "className"]);
+    return (<BlueprintRadioButton {...restProps} className={eccgui + "-radiobutton " + className}>
+            {children}
+        </BlueprintRadioButton>);
+}
+;
+export default RadioButton;

package/dist/components/Separation/Divider.d.ts

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

package/dist/components/Separation/Divider.js

@@ -0,0 +1,23 @@
+"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");
+
+function Divider({
+  addSpacing = "none"
+}) {
+  return /*#__PURE__*/_react.default.createElement("hr", {
+    className: `${_constants.CLASSPREFIX}-separation__divider-horizontal ${_constants.CLASSPREFIX}-separation__spacing--${addSpacing}`
+  });
+}
+
+var _default = Divider;
+exports.default = _default;

package/dist/components/Separation/Divider.jsx

@@ -0,0 +1,7 @@
+import React from "react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function Divider(_a) {
+    var _b = _a.addSpacing, addSpacing = _b === void 0 ? "none" : _b;
+    return <hr className={eccgui + "-separation__divider-horizontal " + eccgui + "-separation__spacing--" + addSpacing}/>;
+}
+export default Divider;

package/dist/components/Separation/Spacing.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface IProps {
+    size?: "tiny" | "small" | "medium" | "large";
+    hasDivider?: boolean;
+    vertical?: boolean;
+}
+/** Adds horizontal or vertical space between neighbouring elements. */
+declare function Spacing({ size, hasDivider, vertical }: IProps): JSX.Element;
+export default Spacing;

package/dist/components/Separation/Spacing.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 _react = _interopRequireDefault(require("react"));
+
+var _constants = require("../../configuration/constants");
+
+/** Adds horizontal or vertical space between neighbouring elements. */
+function Spacing({
+  size = "medium",
+  hasDivider = false,
+  vertical = false
+}) {
+  const direction = vertical ? "vertical" : "horizontal";
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_constants.CLASSPREFIX}-separation__spacing-` + direction + ` ${_constants.CLASSPREFIX}-separation__spacing--` + size + (hasDivider ? ` ${_constants.CLASSPREFIX}-separation__spacing--hasdivider` : "")
+  });
+}
+
+var _default = Spacing;
+exports.default = _default;

package/dist/components/Separation/Spacing.jsx

@@ -0,0 +1,11 @@
+import React from "react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+/** Adds horizontal or vertical space between neighbouring elements. */
+function Spacing(_a) {
+    var _b = _a.size, size = _b === void 0 ? "medium" : _b, _c = _a.hasDivider, hasDivider = _c === void 0 ? false : _c, _d = _a.vertical, vertical = _d === void 0 ? false : _d;
+    var direction = vertical ? "vertical" : "horizontal";
+    return (<div className={eccgui + "-separation__spacing-" + direction +
+            (" " + eccgui + "-separation__spacing--") + size +
+            (hasDivider ? " " + eccgui + "-separation__spacing--hasdivider" : "")}/>);
+}
+export default Spacing;

package/dist/components/SimpleTable/TableContainer.d.ts

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

package/dist/components/SimpleTable/TableContainer.js

@@ -0,0 +1,37 @@
+"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");
+
+function TableContainer({
+  children,
+  className = "",
+  ...otherProps
+}) {
+  if (typeof otherProps.title !== "undefined") {
+    otherProps.title = "";
+  }
+
+  if (typeof otherProps.description !== "undefined") {
+    otherProps.description = "";
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.DataTable.TableContainer, (0, _extends2.default)({}, otherProps, {
+    className: `${_constants.CLASSPREFIX}-simpletable__container ` + className
+  }), children);
+}
+
+var _default = TableContainer;
+exports.default = _default;

package/dist/components/SimpleTable/TableContainer.jsx

@@ -0,0 +1,27 @@
+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 { DataTable as CarbonDataTable } from "carbon-components-react";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function TableContainer(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, otherProps = __rest(_a, ["children", "className"]);
+    if (typeof otherProps.title !== "undefined") {
+        otherProps.title = "";
+    }
+    if (typeof otherProps.description !== "undefined") {
+        otherProps.description = "";
+    }
+    return (<CarbonDataTable.TableContainer {...otherProps} className={eccgui + "-simpletable__container " + className}>
+            {children}
+        </CarbonDataTable.TableContainer>);
+}
+export default TableContainer;

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

@@ -0,0 +1,3 @@
+import { Table, TableHead, TableRow, TableBody, TableCell, TableHeader } from "carbon-components-react";
+import TableContainer from "./TableContainer";
+export { TableContainer, Table, TableHead, TableRow, TableBody, TableCell, TableHeader };

package/dist/components/SimpleTable/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function () {
+    return _carbonComponentsReact.Table;
+  }
+});
+Object.defineProperty(exports, "TableBody", {
+  enumerable: true,
+  get: function () {
+    return _carbonComponentsReact.TableBody;
+  }
+});
+Object.defineProperty(exports, "TableCell", {
+  enumerable: true,
+  get: function () {
+    return _carbonComponentsReact.TableCell;
+  }
+});
+Object.defineProperty(exports, "TableContainer", {
+  enumerable: true,
+  get: function () {
+    return _TableContainer.default;
+  }
+});
+Object.defineProperty(exports, "TableHead", {
+  enumerable: true,
+  get: function () {
+    return _carbonComponentsReact.TableHead;
+  }
+});
+Object.defineProperty(exports, "TableHeader", {
+  enumerable: true,
+  get: function () {
+    return _carbonComponentsReact.TableHeader;
+  }
+});
+Object.defineProperty(exports, "TableRow", {
+  enumerable: true,
+  get: function () {
+    return _carbonComponentsReact.TableRow;
+  }
+});
+
+var _carbonComponentsReact = require("carbon-components-react");
+
+var _TableContainer = _interopRequireDefault(require("./TableContainer"));

package/dist/components/SimpleTable/index.jsx

@@ -0,0 +1,3 @@
+import { Table, TableHead, TableRow, TableBody, TableCell, TableHeader } from "carbon-components-react";
+import TableContainer from "./TableContainer";
+export { TableContainer, Table, TableHead, TableRow, TableBody, TableCell, TableHeader };

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { OverlayProps as BlueprintOverlayProps, SpinnerProps as BlueprintSpinnerProps } from "@blueprintjs/core";
+export declare type SpinnerPosition = "local" | "inline" | "global";
+export declare type SpinnerSize = "tiny" | "small" | "medium" | "large" | "xlarge" | "inherit";
+export declare type SpinnerStroke = "thin" | "medium" | "bold";
+declare type Intent = "inherit" | "primary" | "success" | "warning" | "danger";
+/** A spinner that is either displayed globally or locally. */
+export interface SpinnerProps extends Partial<BlueprintOverlayProps & Omit<BlueprintSpinnerProps, "size">> {
+    color?: Intent | string;
+    className?: string;
+    description?: string;
+    position?: SpinnerPosition;
+    size?: SpinnerSize;
+    stroke?: SpinnerStroke;
+    delay?: number;
+}
+declare function Spinner({ className, color, description, // currently unsupported (TODO)
+position, size, stroke, delay, ...otherProps }: SpinnerProps): JSX.Element | null;
+export default Spinner;

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,98 @@
+"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 = _interopRequireWildcard(require("react"));
+
+var _core = require("@blueprintjs/core");
+
+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 Spinner({
+  className = "",
+  color = "inherit",
+  description = "Loading indicator",
+  // currently unsupported (TODO)
+  position = "local",
+  size,
+  stroke,
+  delay = 0,
+  ...otherProps
+}) {
+  const [showSpinner, setShowSpinner] = (0, _react.useState)(!delay || delay <= 0);
+  (0, _react.useEffect)(() => {
+    if (!showSpinner) {
+      const timeoutId = setTimeout(() => setShowSpinner(true), delay);
+      return () => clearTimeout(timeoutId);
+    }
+  }, [showSpinner, delay]);
+  const availableIntent = ["primary", "success", "warning", "danger", "inherit"];
+  const internSizes = {
+    thin: 100,
+    medium: 50,
+    bold: 10
+  };
+  const spinnerElement = position === "inline" ? "span" : "div";
+  const spinnerColor = availableIntent.indexOf(color) < 0 ? color : null;
+  const spinnerIntent = availableIntent.indexOf(color) < 0 ? "usercolor" : color;
+  let spinnerSize;
+  let spinnerStroke;
+
+  switch (position) {
+    case "local":
+      spinnerSize = size ?? "medium";
+      spinnerStroke = stroke ?? "medium";
+      break;
+
+    case "global":
+      spinnerSize = size ?? "large";
+      spinnerStroke = stroke ?? "thin";
+      break;
+
+    case "inline":
+      spinnerSize = size ?? "inherit";
+      spinnerStroke = stroke ?? "bold";
+      break;
+
+    default:
+      spinnerSize = size ?? "medium";
+      spinnerStroke = stroke ?? "medium";
+  }
+
+  let spinner = /*#__PURE__*/_react.default.createElement(_core.Spinner, (0, _extends2.default)({
+    size: internSizes[spinnerStroke],
+    tagName: spinnerElement,
+    className: `${_constants.CLASSPREFIX}-spinner` + (className ? " " + className : "") + ` ${_constants.CLASSPREFIX}-spinner--intent-` + spinnerIntent + ` ${_constants.CLASSPREFIX}-spinner--size-` + spinnerSize
+  }, otherProps));
+
+  if (spinnerColor) {
+    spinner = /*#__PURE__*/_react.default.createElement("span", {
+      style: {
+        color: spinnerColor
+      }
+    }, spinner);
+  }
+
+  return position === "global" ? /*#__PURE__*/_react.default.createElement(_core.Overlay, (0, _extends2.default)({}, otherProps, {
+    className: `${_constants.CLASSPREFIX}-spinner__overlay`,
+    backdropClassName: `${_constants.CLASSPREFIX}-spinner__backdrop`,
+    canOutsideClickClose: false,
+    canEscapeKeyClose: false,
+    hasBackdrop: true,
+    isOpen: true
+  }), spinner) : showSpinner ? spinner : null;
+}
+
+var _default = Spinner;
+exports.default = _default;

package/dist/components/Spinner/Spinner.jsx

@@ -0,0 +1,83 @@
+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;
+};
+import React, { useEffect, useState } from "react";
+import { Overlay as BlueprintOverlay, Spinner as BlueprintSpinner } from "@blueprintjs/core";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants";
+function Spinner(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.color, color = _c === void 0 ? "inherit" : _c, _d = _a.description, description = _d === void 0 ? "Loading indicator" : _d, // currently unsupported (TODO)
+    _e = _a.position, // currently unsupported (TODO)
+    position = _e === void 0 ? "local" : _e, size = _a.size, stroke = _a.stroke, _f = _a.delay, delay = _f === void 0 ? 0 : _f, otherProps = __rest(_a, ["className", "color", "description", "position", "size", "stroke", "delay"]);
+    var _g = __read(useState(!delay || delay <= 0), 2), showSpinner = _g[0], setShowSpinner = _g[1];
+    useEffect(function () {
+        if (!showSpinner) {
+            var timeoutId_1 = setTimeout(function () { return setShowSpinner(true); }, delay);
+            return function () { return clearTimeout(timeoutId_1); };
+        }
+    }, [showSpinner, delay]);
+    var availableIntent = ["primary", "success", "warning", "danger", "inherit"];
+    var internSizes = {
+        thin: 100,
+        medium: 50,
+        bold: 10
+    };
+    var spinnerElement = position === "inline" ? "span" : "div";
+    var spinnerColor = availableIntent.indexOf(color) < 0 ? color : null;
+    var spinnerIntent = availableIntent.indexOf(color) < 0 ? "usercolor" : color;
+    var spinnerSize;
+    var spinnerStroke;
+    switch (position) {
+        case "local":
+            spinnerSize = size !== null && size !== void 0 ? size : "medium";
+            spinnerStroke = stroke !== null && stroke !== void 0 ? stroke : "medium";
+            break;
+        case "global":
+            spinnerSize = size !== null && size !== void 0 ? size : "large";
+            spinnerStroke = stroke !== null && stroke !== void 0 ? stroke : "thin";
+            break;
+        case "inline":
+            spinnerSize = size !== null && size !== void 0 ? size : "inherit";
+            spinnerStroke = stroke !== null && stroke !== void 0 ? stroke : "bold";
+            break;
+        default:
+            spinnerSize = size !== null && size !== void 0 ? size : "medium";
+            spinnerStroke = stroke !== null && stroke !== void 0 ? stroke : "medium";
+    }
+    var spinner = (<BlueprintSpinner size={internSizes[spinnerStroke]} tagName={spinnerElement} className={eccgui + "-spinner" +
+            (className ? " " + className : "") +
+            (" " + eccgui + "-spinner--intent-") +
+            spinnerIntent +
+            (" " + eccgui + "-spinner--size-") +
+            spinnerSize} {...otherProps}/>);
+    if (spinnerColor) {
+        spinner = <span style={{ color: spinnerColor }}>{spinner}</span>;
+    }
+    return position === "global" ? (<BlueprintOverlay {...otherProps} className={eccgui + "-spinner__overlay"} backdropClassName={eccgui + "-spinner__backdrop"} canOutsideClickClose={false} canEscapeKeyClose={false} hasBackdrop={true} isOpen={true}>
+            {spinner}
+        </BlueprintOverlay>) : (showSpinner ? spinner : null);
+}
+export default Spinner;

package/dist/components/Structure/Section.d.ts

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

package/dist/components/Structure/Section.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 Section({
+  children,
+  className = '',
+  ...restProps
+}) {
+  return /*#__PURE__*/_react.default.createElement("section", (0, _extends2.default)({}, restProps, {
+    className: `${_constants.CLASSPREFIX}-structure__section ` + className
+  }), children);
+}
+
+var _default = Section;
+exports.default = _default;

package/dist/components/Structure/Section.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 Section(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, restProps = __rest(_a, ["children", "className"]);
+    return (<section {...restProps} className={eccgui + "-structure__section " + className}>
+            {children}
+        </section>);
+}
+export default Section;

package/dist/components/Structure/SectionHeader.d.ts

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

package/dist/components/Structure/SectionHeader.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 SectionHeader({
+  children,
+  className = '',
+  ...restProps
+}) {
+  return /*#__PURE__*/_react.default.createElement("header", (0, _extends2.default)({}, restProps, {
+    className: `${_constants.CLASSPREFIX}-structure__section__header ` + className
+  }), children);
+}
+
+var _default = SectionHeader;
+exports.default = _default;

package/dist/components/Structure/SectionHeader.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 SectionHeader(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, restProps = __rest(_a, ["children", "className"]);
+    return (<header {...restProps} className={eccgui + "-structure__section__header " + className}>
+            {children}
+        </header>);
+}
+export default SectionHeader;

package/dist/components/Structure/TitleMainsection.d.ts

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