@pareto-engineering/design-system 5.2.1 → 5.4.0

package/dist/cjs/a/ContentTree/styles.scss

@@ -1,56 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-/* stylelint-disable selector-max-compound-selectors -- exception */
-
-@use "@pareto-engineering/bem";
-
-$default-dot-size: .5em;
-$default-margin: 1em;
-$default-padding: 1em;
-
-.#{bem.$base}.content-tree {
-  > .#{bem.$base}.tree {
-    position: sticky;
-    top: var(--theme-default-header-height-offset);
-
-    ul {
-      list-style: none;
-      padding: 0;
-
-      &:first-child > li > p {
-        margin-top: 0;
-      }
-
-      &:last-child > li > p {
-        margin-bottom: 0;
-      }
-
-      > li > p > a {
-        color: var(--paragraph);
-        text-decoration: none;
-      }
-    }
-
-    .#{bem.$modifier-active} {
-      font-weight: 700;
-
-      &::before {
-        background: var(--x);
-        border-radius: 50%;
-        content: "";
-        display: inline-block;
-        height: $default-dot-size;
-        margin-right: $default-margin;
-        text-align: center;
-        width: $default-dot-size;
-      }
-    }
-
-    li:not(:last-child) {
-      margin-bottom: $default-margin;
-
-      ul {
-        padding-left: $default-padding;
-      }
-    }
-  }
-}

package/dist/cjs/a/Conversation/Context.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var _default = exports.default = /*#__PURE__*/React.createContext({});

package/dist/cjs/a/Conversation/Conversation.js

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-var _ = require("../..");
-require("./styles.scss");
-var _common = require("./common");
-var _Context = _interopRequireDefault(require("./Context"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/* @pareto-engineering/generator-front 1.0.12 */
-
-// Local Definitions
-
-const baseClassName = _exports.default.base;
-const componentClassName = 'conversation';
-
-/**
- * This is the component description.
- */
-const Conversation = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    ourColor,
-    theirColor,
-    children,
-    backgroundColor
-    // ...otherProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement(_Context.default.Provider, {
-    value: {
-      ourColor,
-      theirColor
-    }
-  }, /*#__PURE__*/React.createElement(_.Card, {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, `y-${backgroundColor}`].filter(e => e).join(' '),
-    style: style
-  }, /*#__PURE__*/React.createElement(_.Card.Section, null, children)));
-};
-Conversation.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: _propTypes.default.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: _propTypes.default.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: _propTypes.default.objectOf(_propTypes.default.string),
-  /**
-   * The base color to our messages component
-   */
-  ourColor: _propTypes.default.string,
-  /**
-   * The base color to their messages component
-   */
-  theirColor: _propTypes.default.string,
-  /**
-   *  The children JSX
-   */
-  children: _propTypes.default.node,
-  /**
-   * The background color
-   */
-  backgroundColor: _propTypes.default.string
-};
-Conversation.defaultProps = {
-  ourColor: 'main',
-  theirColor: 'main2',
-  backgroundColor: 'background-near'
-};
-Conversation.Message = _common.Message;
-var _default = exports.default = Conversation;

package/dist/cjs/a/Conversation/common/Message/Message.js

@@ -1,103 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-var _useConversation = _interopRequireDefault(require("../../useConversation"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/* @pareto-engineering/generator-front 1.0.12 */
-
-// Local Definitions
-
-const baseClassName = _exports.default.base;
-const componentClassName = 'message';
-
-/**
- * This is the component description.
- */
-const Message = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    message,
-    customMessage,
-    sender,
-    from,
-    attachment,
-    attachmentIcon,
-    attachmentColor
-    // ...otherProps
-  } = _ref;
-  const {
-    ourColor,
-    theirColor
-  } = (0, _useConversation.default)();
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, `x-${from === 'ours' ? ourColor : theirColor}`, from].filter(e => e).join(' '),
-    style: style
-  }, sender && /*#__PURE__*/React.createElement("p", {
-    className: "sender"
-  }, sender, ":"), /*#__PURE__*/React.createElement("div", {
-    className: "message-content"
-  }, customMessage || /*#__PURE__*/React.createElement("p", null, message), attachment && /*#__PURE__*/React.createElement("div", {
-    className: `attachment y-${attachmentColor}`
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "icon"
-  }, attachmentIcon), /*#__PURE__*/React.createElement("p", null, attachment))));
-};
-Message.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: _propTypes.default.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: _propTypes.default.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: _propTypes.default.objectOf(_propTypes.default.string),
-  /**
-   * The message in the conversation
-   */
-  message: _propTypes.default.string,
-  /**
-   * The custom message if it uses more complex html
-   */
-  customMessage: _propTypes.default.node,
-  /**
-   * The sender of the message
-   */
-  sender: _propTypes.default.string.isRequired,
-  /**
-   * The owner of the message
-   */
-  from: _propTypes.default.oneOf(['ours', 'theirs']),
-  /**
-   * name of the attachment file
-   */
-  attachment: _propTypes.default.string,
-  /**
-   * source of the attachment icon
-   */
-  attachmentIcon: _propTypes.default.string,
-  /**
-   * background color of the attachment box
-   */
-  attachmentColor: _propTypes.default.string
-};
-Message.defaultProps = {
-  from: 'theirs',
-  attachmentIcon: 'A',
-  attachmentColor: 'interactive'
-};
-var _default = exports.default = Message;

package/dist/cjs/a/Conversation/common/Message/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Message", {
-  enumerable: true,
-  get: function () {
-    return _Message.default;
-  }
-});
-var _Message = _interopRequireDefault(require("./Message"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/a/Conversation/common/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Message", {
-  enumerable: true,
-  get: function () {
-    return _Message.Message;
-  }
-});
-var _Message = require("./Message");

package/dist/cjs/a/Conversation/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Conversation", {
-  enumerable: true,
-  get: function () {
-    return _Conversation.default;
-  }
-});
-Object.defineProperty(exports, "ConversationContext", {
-  enumerable: true,
-  get: function () {
-    return _Context.default;
-  }
-});
-Object.defineProperty(exports, "useConversation", {
-  enumerable: true,
-  get: function () {
-    return _useConversation.default;
-  }
-});
-var _Conversation = _interopRequireDefault(require("./Conversation"));
-var _Context = _interopRequireDefault(require("./Context"));
-var _useConversation = _interopRequireDefault(require("./useConversation"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/a/Conversation/styles.scss

@@ -1,86 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-/* stylelint-disable selector-max-compound-selectors -- Required here  */
-/* stylelint-disable max-nesting-depth -- Required here  */
-/* stylelint-disable selector-max-universal -- Required here  */
-
-@use "@pareto-engineering/bem";
-@use "@pareto-engineering/styles/src/mixins";
-@use "@pareto-engineering/styles/src/globals" as *;
-
-$default-border-radius: var(--theme-default-border-radius);
-$default-padding: var(--gap);
-$default-message-max-width: calc(100% - 4 * #{$default-padding});
-$default-message-border: 1px solid var(--hard-background-cards);
-
-.#{bem.$base}.conversation {
-  background: var(--y);
-
-  > .#{bem.$base}.section {
-    display: flex;
-    flex-direction: column;
-
-    > .#{bem.$base}.message + .#{bem.$base}.message {
-      padding-top: $default-padding;
-    }
-
-    > .#{bem.$base}.message.ours + .#{bem.$base}.message.ours,
-    > .#{bem.$base}.message.theirs + .#{bem.$base}.message.theirs {
-      padding-top: calc($default-padding / 2);
-    }
-
-    > .#{bem.$base}.message {
-      align-self: flex-start;
-      max-width: $default-message-max-width;
-      position: relative;
-
-      > .sender {
-        margin: 0;
-        padding: 0 var(--gap);
-      }
-
-      > .message-content {
-        background-color: var(--x);
-        border: $default-message-border;
-        border-radius: $default-border-radius;
-        display: flex;
-        flex-direction: column;
-        padding: 0 $default-padding;
-
-        > p {
-          color: var(--on-x);
-        }
-
-        > ul {
-          padding: 0 var(--gap);
-          text-align: left;
-
-          > li {
-            color: var(--on-x);
-          }
-        }
-
-        > * {
-          &:not(:last-child) {
-            margin-bottom: 0;
-          }
-        }
-
-        > .attachment {
-          align-items: center;
-          align-self: flex-end;
-          display: flex;
-          flex-direction: row;
-          gap: calc($default-padding / 2);
-        }
-      }
-
-      &.#{bem.$base}.theirs {
-        align-self: flex-end;
-
-        > .sender {
-          text-align: end;
-        }
-      }
-    }
-  }
-}

package/dist/cjs/a/Conversation/useConversation.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _Context = _interopRequireDefault(require("./Context"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = () => (0, _react.useContext)(_Context.default);
-exports.default = _default;

package/dist/cjs/a/DatePicker/DatePicker.js

@@ -1,162 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactDayPicker = require("react-day-picker");
-var _dateFns = require("date-fns");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-require("./styles.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* @pareto-engineering/generator-front 1.0.12 */
-// Local Definitions
-
-const baseClassName = _exports.default.base;
-const componentClassName = 'date-picker';
-
-/**
- * This is the component description.
- */
-const DatePickerWrapper = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    mode,
-    selected,
-    setSelection,
-    fromMonth,
-    toDate,
-    customFooter,
-    timeFrom,
-    setTimeFrom,
-    timeTo,
-    setTimeTo,
-    dateFormat,
-    showDebugger,
-    ...otherProps
-  } = _ref;
-  const convertFooterText = selection => {
-    if (mode === 'single') {
-      return (0, _dateFns.format)(selection, dateFormat);
-    }
-    if (mode === 'multiple') {
-      return selection.map(date => (0, _dateFns.format)(date, dateFormat)).join(', ');
-    }
-    if (mode === 'range') {
-      return selection.from && selection.to ? `${(0, _dateFns.format)(selection.from, dateFormat)} - ${(0, _dateFns.format)(selection.to, dateFormat)}` : 'Please pick an additional day.';
-    }
-    return null;
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: style
-  }, /*#__PURE__*/React.createElement(_reactDayPicker.DayPicker, _extends({
-    mode: mode,
-    selected: selected,
-    onSelect: setSelection,
-    fromMonth: fromMonth,
-    toDate: toDate,
-    showOutsideDays: true,
-    footer: customFooter || /*#__PURE__*/React.createElement("div", {
-      className: "default-footer"
-    }, setTimeFrom && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", {
-      className: "time-label s-1"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "icon"
-    }, "C"), "\xA0 Time"), /*#__PURE__*/React.createElement("div", {
-      className: `time-inputs${timeTo ? ' multiple' : ''}`
-    }, /*#__PURE__*/React.createElement("input", {
-      className: "s-1",
-      type: "time",
-      value: timeFrom,
-      onChange: e => setTimeFrom(e.target.value)
-    }), setTimeTo && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-      className: "icon s-2"
-    }, "r"), /*#__PURE__*/React.createElement("input", {
-      className: "s-1",
-      type: "time",
-      value: timeTo,
-      onChange: e => setTimeTo(e.target.value)
-    })))), /*#__PURE__*/React.createElement("p", {
-      className: "s-1 footer-text"
-    }, selected && convertFooterText(selected)))
-  }, otherProps)), showDebugger && /*#__PURE__*/React.createElement("div", {
-    className: "debugger"
-  }, /*#__PURE__*/React.createElement("pre", null, JSON.stringify(selected, null, 2))));
-};
-DatePickerWrapper.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: _propTypes.default.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: _propTypes.default.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: _propTypes.default.objectOf(_propTypes.default.string),
-  /**
-   * The mode for this date picker.
-   */
-  mode: _propTypes.default.oneOf(['single', 'multiple', 'range']),
-  /**
-   * The current selection.
-   */
-  // eslint-disable-next-line react/forbid-prop-types
-  selected: _propTypes.default.objectOf(_propTypes.default.any).isRequired,
-  /**
-   * The function to update the selection.
-   */
-  setSelection: _propTypes.default.func.isRequired,
-  /**
-   * The earliest month to display.
-   */
-  fromMonth: _propTypes.default.instanceOf(Date),
-  /**
-   * The latest month to display.
-   */
-  toDate: _propTypes.default.instanceOf(Date),
-  /**
-   * Custom footer component.
-   */
-  customFooter: _propTypes.default.node,
-  /**
-   * The start time.
-   */
-  timeFrom: _propTypes.default.string,
-  /**
-   * The function to update the start time.
-   */
-  setTimeFrom: _propTypes.default.func,
-  /**
-   * The end time.
-   */
-  timeTo: _propTypes.default.string,
-  /**
-   * The function to update the end time.
-   */
-  setTimeTo: _propTypes.default.func,
-  /**
-   * The date format.
-   */
-  dateFormat: _propTypes.default.string,
-  /**
-   * Show the debugger.
-   */
-  showDebugger: _propTypes.default.bool
-};
-DatePickerWrapper.defaultProps = {
-  mode: 'single',
-  dateFormat: 'PPP',
-  showDebugger: false
-};
-var _default = exports.default = DatePickerWrapper;

package/dist/cjs/a/DatePicker/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DatePicker", {
-  enumerable: true,
-  get: function () {
-    return _DatePicker.default;
-  }
-});
-var _DatePicker = _interopRequireDefault(require("./DatePicker"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }