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

package/dist/components/Typography/Highlighter.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createMultiWordRegex = createMultiWordRegex;
+exports.default = void 0;
+exports.extractSearchWords = extractSearchWords;
+exports.matchesAllWords = matchesAllWords;
+
+var _react = _interopRequireDefault(require("react"));
+
+/**
+ * Returns a highlighted string according to the words of the search query.
+ * @param label       The string to highlight.
+ * @param searchValue The mutli-word search query from which single words should be highlighted in the label.
+ */
+function Highlighter({
+  label,
+  searchValue
+}) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, getSearchHighlight(label, searchValue));
+}
+
+const getSearchHighlight = (label, searchValue) => {
+  if (!searchValue || !label) {
+    return label;
+  }
+
+  const searchStringParts = extractSearchWords(searchValue);
+
+  if (searchStringParts.length === 0) {
+    return label;
+  }
+
+  const multiWordRegex = createMultiWordRegex(searchStringParts);
+  const result = [];
+  let offset = 0; // loop through matches and add unmatched and matched parts to result array
+
+  let matchArray = multiWordRegex.exec(label);
+  let key = 0;
+
+  while (matchArray !== null) {
+    key++;
+    result.push(label.slice(offset, matchArray.index));
+    result.push( /*#__PURE__*/_react.default.createElement("mark", {
+      key: key
+    }, matchArray[0]));
+    offset = multiWordRegex.lastIndex;
+    matchArray = multiWordRegex.exec(label);
+  } // Add remaining unmatched string
+
+
+  result.push(label.slice(offset));
+  return result;
+};
+/** Escapes strings to match literally.
+ *  taken from https://stackoverflow.com/questions/6318710/javascript-equivalent-of-perls-q-e-or-quotemeta
+ */
+
+
+const escapeRegexWord = str => {
+  return str.toLowerCase().replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+};
+/** Extracts search words separated by white space. */
+
+
+function extractSearchWords(textQuery, toLowerCase = false) {
+  const words = textQuery.split(RegExp("\\s+")).filter(word => word !== "");
+  return toLowerCase ? words.map(w => w.toLowerCase()) : words;
+}
+/** Returns true if all search words are included in the given text */
+
+
+function matchesAllWords(text, searchWords) {
+  return searchWords.every(w => text.includes(w));
+}
+/** Creates a case-insensitive multi-word regex, that matches any of the given words. */
+
+
+function createMultiWordRegex(multiWordQuery, global = true) {
+  const regexString = multiWordQuery.map(escapeRegexWord).join("|");
+  return RegExp(regexString, (global ? "g" : "") + "i");
+}
+
+var _default = Highlighter;
+exports.default = _default;

package/dist/components/Typography/Highlighter.jsx

@@ -0,0 +1,58 @@
+import React from "react";
+/**
+ * Returns a highlighted string according to the words of the search query.
+ * @param label       The string to highlight.
+ * @param searchValue The mutli-word search query from which single words should be highlighted in the label.
+ */
+function Highlighter(_a) {
+    var label = _a.label, searchValue = _a.searchValue;
+    return <>{getSearchHighlight(label, searchValue)}</>;
+}
+var getSearchHighlight = function (label, searchValue) {
+    if (!searchValue || !label) {
+        return label;
+    }
+    var searchStringParts = extractSearchWords(searchValue);
+    if (searchStringParts.length === 0) {
+        return label;
+    }
+    var multiWordRegex = createMultiWordRegex(searchStringParts);
+    var result = [];
+    var offset = 0;
+    // loop through matches and add unmatched and matched parts to result array
+    var matchArray = multiWordRegex.exec(label);
+    var key = 0;
+    while (matchArray !== null) {
+        key++;
+        result.push(label.slice(offset, matchArray.index));
+        result.push(<mark key={key}>{matchArray[0]}</mark>);
+        offset = multiWordRegex.lastIndex;
+        matchArray = multiWordRegex.exec(label);
+    }
+    // Add remaining unmatched string
+    result.push(label.slice(offset));
+    return result;
+};
+/** Escapes strings to match literally.
+ *  taken from https://stackoverflow.com/questions/6318710/javascript-equivalent-of-perls-q-e-or-quotemeta
+ */
+var escapeRegexWord = function (str) {
+    return str.toLowerCase().replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+};
+/** Extracts search words separated by white space. */
+export function extractSearchWords(textQuery, toLowerCase) {
+    if (toLowerCase === void 0) { toLowerCase = false; }
+    var words = textQuery.split(RegExp("\\s+")).filter(function (word) { return word !== ""; });
+    return toLowerCase ? words.map(function (w) { return w.toLowerCase(); }) : words;
+}
+/** Returns true if all search words are included in the given text */
+export function matchesAllWords(text, searchWords) {
+    return searchWords.every(function (w) { return text.includes(w); });
+}
+/** Creates a case-insensitive multi-word regex, that matches any of the given words. */
+export function createMultiWordRegex(multiWordQuery, global) {
+    if (global === void 0) { global = true; }
+    var regexString = multiWordQuery.map(escapeRegexWord).join("|");
+    return RegExp(regexString, (global ? "g" : "") + "i");
+}
+export default Highlighter;

package/dist/components/Typography/HtmlContentBlock.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare function HtmlContentBlock({ className, children, small, large, // currently unsupported
+muted, // currently unsupported
+disabled, // currently unsupported
+...otherProps }: any): JSX.Element;
+export default HtmlContentBlock;

package/dist/components/Typography/HtmlContentBlock.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 _react = _interopRequireDefault(require("react"));
+
+var _constants = require("../../configuration/constants");
+
+var TypographyClassNames = _interopRequireWildcard(require("./classnames"));
+
+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 HtmlContentBlock({
+  className = "",
+  children,
+  small = false,
+  large = false,
+  // currently unsupported
+  muted = false,
+  // currently unsupported
+  disabled = false,
+  // currently unsupported
+  ...otherProps
+}) {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `${_constants.CLASSPREFIX}-typography__contentblock` + (className ? " " + className : "") + (small ? " " + TypographyClassNames.SMALL : "") + (large ? " " + TypographyClassNames.LARGE : "") + (muted ? " " + TypographyClassNames.MUTED : "") + (disabled ? " " + TypographyClassNames.DISABLED : "")
+  }, children);
+}
+
+var _default = HtmlContentBlock;
+exports.default = _default;

package/dist/components/Typography/HtmlContentBlock.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";
+import * as TypographyClassNames from "./classnames";
+function HtmlContentBlock(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, children = _a.children, _c = _a.small, small = _c === void 0 ? false : _c, _d = _a.large, large = _d === void 0 ? false : _d, // currently unsupported
+    _e = _a.muted, // currently unsupported
+    muted = _e === void 0 ? false : _e, // currently unsupported
+    _f = _a.disabled, // currently unsupported
+    disabled = _f === void 0 ? false : _f, // currently unsupported
+    otherProps = __rest(_a, ["className", "children", "small", "large", "muted", "disabled"]);
+    return (<div className={eccgui + "-typography__contentblock" +
+            (className ? " " + className : "") +
+            (small ? " " + TypographyClassNames.SMALL : "") +
+            (large ? " " + TypographyClassNames.LARGE : "") +
+            (muted ? " " + TypographyClassNames.MUTED : "") +
+            (disabled ? " " + TypographyClassNames.DISABLED : "")}>
+            {children}
+        </div>);
+}
+export default HtmlContentBlock;

package/dist/components/Typography/OverflowText.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface IProps {
+    ellipsis?: "reverse" | "none";
+    inline?: boolean;
+    passDown?: boolean;
+    className?: string;
+    useHtmlElement?: "p" | "div" | "span";
+    [key: string]: any;
+}
+/** Prevents text from overflowing. */
+declare function OverflowText({ className, children, ellipsis, inline, passDown, useHtmlElement, ...otherProps }: IProps): JSX.Element;
+export default OverflowText;

package/dist/components/Typography/OverflowText.js

@@ -0,0 +1,34 @@
+"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");
+
+/** Prevents text from overflowing. */
+function OverflowText({
+  className = "",
+  children,
+  ellipsis,
+  inline = false,
+  passDown = false,
+  useHtmlElement,
+  ...otherProps
+}) {
+  const defaultHtmlElement = inline ? "span" : "div";
+  const overflowtextElement = useHtmlElement ? /*#__PURE__*/_react.default.createElement(useHtmlElement) : /*#__PURE__*/_react.default.createElement(defaultHtmlElement);
+  return /*#__PURE__*/_react.default.createElement(overflowtextElement.type, (0, _extends2.default)({}, otherProps, {
+    className: `${_constants.CLASSPREFIX}-typography__overflowtext` + (className ? " " + className : "") + (ellipsis && (ellipsis === "reverse" || ellipsis === "none") ? ` ${_constants.CLASSPREFIX}-typography__overflowtext--ellipsis-` + ellipsis : "") + (inline ? ` ${_constants.CLASSPREFIX}-typography__overflowtext--inline` : "") + (passDown ? ` ${_constants.CLASSPREFIX}-typography__overflowtext--passdown` : "")
+  }), children);
+}
+
+var _default = OverflowText;
+exports.default = _default;

package/dist/components/Typography/OverflowText.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";
+/** Prevents text from overflowing. */
+function OverflowText(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, children = _a.children, ellipsis = _a.ellipsis, _c = _a.inline, inline = _c === void 0 ? false : _c, _d = _a.passDown, passDown = _d === void 0 ? false : _d, useHtmlElement = _a.useHtmlElement, otherProps = __rest(_a, ["className", "children", "ellipsis", "inline", "passDown", "useHtmlElement"]);
+    var defaultHtmlElement = inline ? "span" : "div";
+    var overflowtextElement = useHtmlElement
+        ? React.createElement(useHtmlElement)
+        : React.createElement(defaultHtmlElement);
+    return (<overflowtextElement.type {...otherProps} className={eccgui + "-typography__overflowtext" +
+            (className ? " " + className : "") +
+            (ellipsis && (ellipsis === "reverse" || ellipsis === "none")
+                ? " " + eccgui + "-typography__overflowtext--ellipsis-" + ellipsis
+                : "") +
+            (inline ? " " + eccgui + "-typography__overflowtext--inline" : "") +
+            (passDown ? " " + eccgui + "-typography__overflowtext--passdown" : "")}>
+            {children}
+        </overflowtextElement.type>);
+}
+export default OverflowText;

package/dist/components/Typography/WhiteSpaceContainer.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare function WhiteSpaceContainer({ className, children, marginTop, // tiny, small, regular, large, xlarge
+marginRight, marginBottom, marginLeft, paddingTop, // tiny, small, regular, large, xlarge
+paddingRight, paddingBottom, paddingLeft, ...otherProps }: any): JSX.Element;
+export default WhiteSpaceContainer;

package/dist/components/Typography/WhiteSpaceContainer.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");
+
+function WhiteSpaceContainer({
+  className = "",
+  children,
+  marginTop = "",
+  // tiny, small, regular, large, xlarge
+  marginRight = "",
+  marginBottom = "",
+  marginLeft = "",
+  paddingTop = "",
+  // tiny, small, regular, large, xlarge
+  paddingRight = "",
+  paddingBottom = "",
+  paddingLeft = "",
+  ...otherProps
+}) {
+  const elementClassName = `${_constants.CLASSPREFIX}-typography__whitespace`;
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: elementClassName + (className ? " " + className : "") + (marginTop ? ` ${elementClassName}-margintop-${marginTop}` : "") + (marginRight ? ` ${elementClassName}-marginright-${marginRight}` : "") + (marginBottom ? ` ${elementClassName}-marginbottom-${marginBottom}` : "") + (marginLeft ? ` ${elementClassName}-marginleft-${marginLeft}` : "") + (paddingTop ? ` ${elementClassName}-paddingtop-${paddingTop}` : "") + (paddingRight ? ` ${elementClassName}-paddingright-${paddingRight}` : "") + (paddingBottom ? ` ${elementClassName}-paddingbottom-${paddingBottom}` : "") + (paddingLeft ? ` ${elementClassName}-paddingleft-${paddingLeft}` : "")
+  }, otherProps), children);
+}
+
+var _default = WhiteSpaceContainer;
+exports.default = _default;

package/dist/components/Typography/WhiteSpaceContainer.jsx

@@ -0,0 +1,34 @@
+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 WhiteSpaceContainer(_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b, children = _a.children, _c = _a.marginTop, marginTop = _c === void 0 ? "" : _c, // tiny, small, regular, large, xlarge
+    _d = _a.marginRight, // tiny, small, regular, large, xlarge
+    marginRight = _d === void 0 ? "" : _d, _e = _a.marginBottom, marginBottom = _e === void 0 ? "" : _e, _f = _a.marginLeft, marginLeft = _f === void 0 ? "" : _f, _g = _a.paddingTop, paddingTop = _g === void 0 ? "" : _g, // tiny, small, regular, large, xlarge
+    _h = _a.paddingRight, // tiny, small, regular, large, xlarge
+    paddingRight = _h === void 0 ? "" : _h, _j = _a.paddingBottom, paddingBottom = _j === void 0 ? "" : _j, _k = _a.paddingLeft, paddingLeft = _k === void 0 ? "" : _k, otherProps = __rest(_a, ["className", "children", "marginTop", "marginRight", "marginBottom", "marginLeft", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft"]);
+    var elementClassName = eccgui + "-typography__whitespace";
+    return (<div className={elementClassName +
+            (className ? " " + className : "") +
+            (marginTop ? " " + elementClassName + "-margintop-" + marginTop : "") +
+            (marginRight ? " " + elementClassName + "-marginright-" + marginRight : "") +
+            (marginBottom ? " " + elementClassName + "-marginbottom-" + marginBottom : "") +
+            (marginLeft ? " " + elementClassName + "-marginleft-" + marginLeft : "") +
+            (paddingTop ? " " + elementClassName + "-paddingtop-" + paddingTop : "") +
+            (paddingRight ? " " + elementClassName + "-paddingright-" + paddingRight : "") +
+            (paddingBottom ? " " + elementClassName + "-paddingbottom-" + paddingBottom : "") +
+            (paddingLeft ? " " + elementClassName + "-paddingleft-" + paddingLeft : "")} {...otherProps}>
+            {children}
+        </div>);
+}
+export default WhiteSpaceContainer;

package/dist/components/Typography/classnames.d.ts

@@ -0,0 +1,7 @@
+export declare const NOOVERFLOW: string;
+export declare const FORCELINEBREAK: string;
+export declare const PREVENTLINEBREAK: string;
+export declare const LARGE: string;
+export declare const SMALL: string;
+export declare const MUTED: string;
+export declare const DISABLED: string;

package/dist/components/Typography/classnames.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SMALL = exports.PREVENTLINEBREAK = exports.NOOVERFLOW = exports.MUTED = exports.LARGE = exports.FORCELINEBREAK = exports.DISABLED = void 0;
+
+var _constants = require("../../configuration/constants");
+
+// helper classes
+const NOOVERFLOW = _constants.CLASSPREFIX + "-typography--nooverflow";
+exports.NOOVERFLOW = NOOVERFLOW;
+const FORCELINEBREAK = _constants.CLASSPREFIX + "-typography--forcelinebreak";
+exports.FORCELINEBREAK = FORCELINEBREAK;
+const PREVENTLINEBREAK = _constants.CLASSPREFIX + "-typography--preventlinebreak";
+exports.PREVENTLINEBREAK = PREVENTLINEBREAK;
+const LARGE = _constants.CLASSPREFIX + "-typography--large";
+exports.LARGE = LARGE;
+const SMALL = _constants.CLASSPREFIX + "-typography--small";
+exports.SMALL = SMALL;
+const MUTED = _constants.CLASSPREFIX + "-typography--muted";
+exports.MUTED = MUTED;
+const DISABLED = _constants.CLASSPREFIX + "-typography--disabled";
+exports.DISABLED = DISABLED;

package/dist/components/Workspace/WorkspaceContent.d.ts

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

package/dist/components/Workspace/WorkspaceContent.js

@@ -0,0 +1,34 @@
+"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 _Grid = _interopRequireDefault(require("./../Grid/Grid"));
+
+var _GridRow = _interopRequireDefault(require("./../Grid/GridRow"));
+
+// import PropTypes from 'prop-types';
+function WorkspaceContent({
+  children,
+  className = '',
+  ...restProps
+}) {
+  return /*#__PURE__*/_react.default.createElement(_Grid.default, (0, _extends2.default)({}, restProps, {
+    as: 'article',
+    className: `${_constants.CLASSPREFIX}-workspace__content ` + className,
+    fullWidth: true
+  }), /*#__PURE__*/_react.default.createElement(_GridRow.default, null, children));
+}
+
+var _default = WorkspaceContent;
+exports.default = _default;

package/dist/components/Workspace/WorkspaceContent.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 { CLASSPREFIX as eccgui } from "../../configuration/constants";
+import Grid from "./../Grid/Grid";
+import GridRow from "./../Grid/GridRow";
+function WorkspaceContent(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, restProps = __rest(_a, ["children", "className"]);
+    return (<Grid {...restProps} as={'article'} className={eccgui + "-workspace__content " + className} fullWidth={true}>
+            <GridRow>
+                {children}
+            </GridRow>
+        </Grid>);
+}
+export default WorkspaceContent;

package/dist/components/Workspace/WorkspaceHeader.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface IWorkspaceHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: any;
+    /**
+        space-delimited list of class names
+    */
+    className?: string;
+}
+declare function WorkspaceHeader({ children, className, ...otherProps }: IWorkspaceHeaderProps): JSX.Element;
+export default WorkspaceHeader;

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

package/dist/components/Workspace/WorkspaceHeader.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 WorkspaceHeader(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, otherProps = __rest(_a, ["children", "className"]);
+    return (<div className={eccgui + "-workspace__header " + className} {...otherProps}>
+            {children}
+        </div>);
+}
+export default WorkspaceHeader;

package/dist/components/Workspace/WorkspaceMain.d.ts

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

package/dist/components/Workspace/WorkspaceMain.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 _constants = require("../../configuration/constants");
+
+var _GridColumn = _interopRequireDefault(require("./../Grid/GridColumn"));
+
+// import PropTypes from 'prop-types';
+function WorkspaceMain({
+  children,
+  className = "",
+  ...restProps
+}) {
+  return /*#__PURE__*/_react.default.createElement(_GridColumn.default, (0, _extends2.default)({}, restProps, {
+    className: `${_constants.CLASSPREFIX}-workspace__main ` + className
+  }), children);
+}
+
+var _default = WorkspaceMain;
+exports.default = _default;

package/dist/components/Workspace/WorkspaceMain.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 { CLASSPREFIX as eccgui } from "../../configuration/constants";
+// import PropTypes from 'prop-types';
+import GridColumn from "./../Grid/GridColumn";
+function WorkspaceMain(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, restProps = __rest(_a, ["children", "className"]);
+    return (<GridColumn {...restProps} className={eccgui + "-workspace__main " + className}>
+            {children}
+        </GridColumn>);
+}
+export default WorkspaceMain;

package/dist/components/Workspace/WorkspaceSide.d.ts

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

package/dist/components/Workspace/WorkspaceSide.js

@@ -0,0 +1,34 @@
+"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 _GridColumn = _interopRequireDefault(require("./../Grid/GridColumn"));
+
+// import PropTypes from 'prop-types';
+function WorkspaceSide({
+  children,
+  className = '',
+  ...restProps
+}) {
+  return /*#__PURE__*/_react.default.createElement(_GridColumn.default, (0, _extends2.default)({}, restProps, {
+    className: `${_constants.CLASSPREFIX}-workspace__side ` + className,
+    sm: 4,
+    md: 8,
+    lg: 5,
+    xlg: 5
+  }), children);
+}
+
+var _default = WorkspaceSide;
+exports.default = _default;