@pareto-engineering/design-system 4.0.0-alpha.69 → 4.0.0-alpha.72

package/dist/cjs/c/ContentSlides/ContentSlides.js

@@ -1,172 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactRouterDom = require("react-router-dom");
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-var _Context = _interopRequireDefault(require("./Context"));
-var _common = require("./common");
-require("./styles.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 && Object.prototype.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 = 'content-slides';
-const reducer = (state, action) => {
-  switch (action.type) {
-    case 'SET_STEP_INDEX':
-      return {
-        ...state,
-        currentStepIndex: action.payload
-      };
-    case 'SET_CURRENT_STEP':
-      return {
-        ...state,
-        ...action.payload
-      };
-    case 'SET_EXTRA_CONTEXT':
-      return {
-        ...state,
-        ...action.payload
-      };
-    default:
-      return state;
-  }
-};
-
-/**
- * This is the component description.
- * Colors :
- * `y` : the background of the content
- */
-const ContentSlides = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    children,
-    steps,
-    simple,
-    isDebug
-    // ...otherProps
-  } = _ref;
-  const history = (0, _reactRouterDom.useHistory)();
-  const [state, dispatch] = (0, _react.useReducer)(reducer, {
-    currentStepIndex: 0
-  });
-  const {
-    // currentSlide,
-    currentStepIndex,
-    isFirstStep,
-    isLastStep
-  } = state;
-  const setNextStepIndex = function () {
-    let step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-    if (!isLastStep) {
-      dispatch({
-        type: 'SET_STEP_INDEX',
-        payload: currentStepIndex + step
-      });
-    }
-  };
-  const setPrevStepIndex = function () {
-    let step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-    if (!isFirstStep) {
-      dispatch({
-        type: 'SET_STEP_INDEX',
-        payload: currentStepIndex - step
-      });
-    }
-  };
-  const setStepIndex = index => {
-    dispatch({
-      type: 'SET_STEP_INDEX',
-      payload: index
-    });
-  };
-  const setCurrentStep = index => {
-    const newStep = steps[index];
-    if (newStep.location) {
-      history.push(newStep.location);
-    }
-    dispatch({
-      type: 'SET_CURRENT_STEP',
-      payload: {
-        currentStep: steps[index],
-        isFirstStep: index === 0,
-        isLastStep: index === steps.length - 1
-      }
-    });
-  };
-  (0, _react.useInsertionEffect)(() => {
-    setCurrentStep(currentStepIndex);
-  }, [currentStepIndex]);
-  return /*#__PURE__*/React.createElement(_Context.default.Provider, {
-    value: {
-      steps,
-      setNextStepIndex,
-      setPrevStepIndex,
-      setStepIndex,
-      dispatch,
-      isDebug,
-      ...state
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, simple && 'simple', 'u1 md-u2'].filter(e => e).join(' '),
-    style: style
-  }, children));
-};
-ContentSlides.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 children JSX
-   */
-  children: _propTypes.default.node,
-  /**
-  * The slides properties
-  */
-  steps: _propTypes.default.arrayOf(_propTypes.default.shape({
-    id: _propTypes.default.string.isRequired,
-    title: _propTypes.default.string.isRequired,
-    progress: _propTypes.default.number.isRequired,
-    location: _propTypes.default.string.isRequired
-  })),
-  /**
-   * Whether this shouldn't use a sidebar on desktop
-   */
-  simple: _propTypes.default.bool,
-  /**
-   * Whether the debug mode is enabled
-   */
-  isDebug: _propTypes.default.bool
-};
-ContentSlides.defaultProps = {
-  simple: false,
-  isDebug: false
-};
-ContentSlides.Sidebar = _common.Sidebar;
-ContentSlides.HorizontalMenu = _common.HorizontalMenu;
-ContentSlides.Slide = _common.Slide;
-ContentSlides.Navigator = _common.Navigator;
-var _default = exports.default = ContentSlides;

package/dist/cjs/c/ContentSlides/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 && Object.prototype.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/c/ContentSlides/common/HorizontalMenu/HorizontalMenu.js

@@ -1,124 +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 _a = require("../../../../a");
-var _b = require("../../../../b");
-var _useContentSlides = _interopRequireDefault(require("../../useContentSlides"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 && Object.prototype.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 = styleNames.base
-const componentClassName = 'horizontal-menu';
-
-/**
- * This is the component description.
- */
-const HorizontalMenu = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    logoColor,
-    hideBackIcon,
-    stepsBackwards,
-    customPrevStep,
-    color
-    // ...otherProps
-  } = _ref;
-  const {
-    setPrevStepIndex,
-    // setNextStepIndex,
-    currentStep,
-    isFirstStep
-    // currentStep,
-    // currentStepIndex,
-  } = (0, _useContentSlides.default)();
-  const mobilePreviousStep = () => {
-    if (customPrevStep) {
-      customPrevStep();
-    } else {
-      setPrevStepIndex(stepsBackwards);
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [
-    // baseClassName,
-
-    componentClassName, userClassName].filter(e => e).join(' '),
-    style: style
-  }, currentStep?.progress > 0 && /*#__PURE__*/React.createElement(_a.ProgressBar, {
-    progress: currentStep.progress,
-    attached: true,
-    height: ".4em",
-    color: color,
-    className: "y-background-far b-hard-y"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: _exports.default.elementContent
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "left"
-  }, !isFirstStep && !hideBackIcon && /*#__PURE__*/React.createElement("span", {
-    className: "prev-button pointer",
-    onClick: mobilePreviousStep,
-    role: "button",
-    onKeyDown: mobilePreviousStep,
-    tabIndex: 0
-  }, '<--')), /*#__PURE__*/React.createElement("div", {
-    className: "title"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "md-h lg-h"
-  }, currentStep?.title), /*#__PURE__*/React.createElement(_b.Logo, {
-    className: "xs-h sm-h y-transparent",
-    height: "1.1em",
-    color: logoColor
-  }))));
-};
-HorizontalMenu.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),
-  /**
-   * Number of backward steps for the customPrevStep
-   */
-  stepsBackwards: _propTypes.default.number,
-  /**
-   * A custom previous function
-   */
-  customPrevStep: _propTypes.default.func,
-  /**
-   * The logo color
-   */
-  logoColor: _propTypes.default.string,
-  /**
-   * Hide back icon boolean
-   */
-  hideBackIcon: _propTypes.default.bool,
-  /**
-   * String that will represent color for Progress bar
-   */
-  color: _propTypes.default.string
-};
-HorizontalMenu.defaultProps = {
-  logoColor: 'paragraph',
-  stepsBackwards: 1,
-  color: 'main2'
-};
-var _default = exports.default = HorizontalMenu;

package/dist/cjs/c/ContentSlides/common/Navigator/Navigator.js

@@ -1,128 +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 _b = require("../../../../b");
-var _useContentSlides = _interopRequireDefault(require("../../useContentSlides"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 && Object.prototype.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 componentClassName = 'navigator';
-
-/**
- * This is the component description.
- */
-const Navigator = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    canMoveForward,
-    previousColor,
-    nextColor,
-    stepsForward,
-    stepsBackwards,
-    customPrevStep,
-    customNextStep,
-    isLoading
-    // ...otherProps
-  } = _ref;
-  const {
-    setPrevStepIndex,
-    setNextStepIndex,
-    isFirstStep,
-    isLastStep,
-    isDebug
-    // currentStep,
-    // currentStepIndex,
-  } = (0, _useContentSlides.default)();
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [componentClassName, userClassName].filter(e => e).join(' '),
-    style: style
-  }, !isFirstStep ? /*#__PURE__*/React.createElement(_b.Button, {
-    className: `x-${previousColor} prev`,
-    isSimple: true,
-    onClick: () => {
-      if (customPrevStep) {
-        customPrevStep();
-      } else {
-        setPrevStepIndex(stepsBackwards);
-      }
-    }
-  }, "Previous") : /*#__PURE__*/React.createElement("span", null), !isLastStep ? /*#__PURE__*/React.createElement(_b.Button, {
-    className: `x-${nextColor} next`,
-    disabled: !isDebug && !canMoveForward,
-    isLoading: isLoading,
-    onClick: () => {
-      if (customNextStep) {
-        customNextStep();
-      } else {
-        setNextStepIndex(stepsForward);
-      }
-    },
-    isCompact: true
-  }, "Next") : /*#__PURE__*/React.createElement("span", null));
-};
-Navigator.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),
-  /**
-   * Whether the user can move to the next slide
-   */
-  canMoveForward: _propTypes.default.bool,
-  /**
-   * The previous color
-   */
-  previousColor: _propTypes.default.string,
-  /**
-   * The next color
-   */
-  nextColor: _propTypes.default.string,
-  /**
-   * Number of forward steps for the customNextStep
-   */
-  stepsForward: _propTypes.default.number,
-  /**
-   * Number of backward steps for the customPrevStep
-   */
-  stepsBackwards: _propTypes.default.number,
-  /**
-   * A custom previous function
-   */
-  customPrevStep: _propTypes.default.func,
-  /**
-   * A custom next function
-   */
-  customNextStep: _propTypes.default.func,
-  /**
-   * Button loading state
-   */
-  isLoading: _propTypes.default.bool
-};
-Navigator.defaultProps = {
-  canMoveForward: true,
-  previousColor: 'main2',
-  nextColor: 'main2',
-  stepsForward: 1,
-  stepsBackwards: 1
-};
-var _default = exports.default = Navigator;

package/dist/cjs/c/ContentSlides/common/Sidebar/Sidebar.js

@@ -1,92 +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 _a = require("../../../../a");
-var _b = require("../../../../b");
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-var _useContentSlides = _interopRequireDefault(require("../../useContentSlides"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 && Object.prototype.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 = styleNames.base
-const componentClassName = 'sidebar';
-
-/**
- * This is the component description.
- */
-const Sidebar = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    header,
-    footer
-    // ...otherProps
-  } = _ref;
-  const {
-    steps,
-    // setPrevStepIndex,
-    // setNextStepIndex,
-    setStepIndex,
-    // isFirstStep,
-    // isLastStep,
-    // currentStep,
-    currentStepIndex
-  } = (0, _useContentSlides.default)();
-  return /*#__PURE__*/React.createElement("nav", {
-    id: id,
-    className: [
-    // baseClassName,
-
-    componentClassName, userClassName].filter(e => e).join(' '),
-    style: style
-  }, header ? /*#__PURE__*/React.createElement("header", null, header) : /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("div", {
-    className: _exports.default.elementContent
-  }, /*#__PURE__*/React.createElement(_a.IconList, null, steps.map((step, i) =>
-  /*#__PURE__*/
-  /* eslint-disable no-nested-ternary -- bc of math inequality cases */
-  React.createElement(_a.IconList.Item, {
-    key: step.location,
-    icon: currentStepIndex === i ? 'L' : i < currentStepIndex ? 'I' : undefined,
-    iconHover: i < currentStepIndex ? 'L' : undefined,
-    className: [currentStepIndex === i ? 'x-heading' : i < currentStepIndex ? 'pointer x-paragraph xh-main2' : 'x-subtitle', 'c-x'].filter(e => e).join(' '),
-    onClick: i < currentStepIndex ? () => setStepIndex(i) : undefined
-  }, step.title)
-  /* eslint-enable no-nested-ternary */))), footer ? /*#__PURE__*/React.createElement("footer", null, footer, /*#__PURE__*/React.createElement(_b.ThemeSelector, {
-    className: "x-heading"
-  })) : /*#__PURE__*/React.createElement("span", null));
-};
-Sidebar.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 header JSX
-   */
-  header: _propTypes.default.node,
-  /**
-   *  The footer JSX
-   */
-  footer: _propTypes.default.node
-};
-Sidebar.defaultProps = {
-  // someProp:false
-};
-var _default = exports.default = Sidebar;

package/dist/cjs/c/ContentSlides/common/index.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "HorizontalMenu", {
-  enumerable: true,
-  get: function () {
-    return _HorizontalMenu.HorizontalMenu;
-  }
-});
-Object.defineProperty(exports, "Navigator", {
-  enumerable: true,
-  get: function () {
-    return _Navigator.Navigator;
-  }
-});
-Object.defineProperty(exports, "Sidebar", {
-  enumerable: true,
-  get: function () {
-    return _Sidebar.Sidebar;
-  }
-});
-Object.defineProperty(exports, "Slide", {
-  enumerable: true,
-  get: function () {
-    return _Slide.Slide;
-  }
-});
-var _Sidebar = require("./Sidebar");
-var _HorizontalMenu = require("./HorizontalMenu");
-var _Slide = require("./Slide");
-var _Navigator = require("./Navigator");

package/dist/cjs/c/ContentSlides/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ContentSlides", {
-  enumerable: true,
-  get: function () {
-    return _ContentSlides.default;
-  }
-});
-Object.defineProperty(exports, "ContentSlidesContext", {
-  enumerable: true,
-  get: function () {
-    return _Context.default;
-  }
-});
-Object.defineProperty(exports, "useContentSlides", {
-  enumerable: true,
-  get: function () {
-    return _useContentSlides.default;
-  }
-});
-var _ContentSlides = _interopRequireDefault(require("./ContentSlides"));
-var _useContentSlides = _interopRequireDefault(require("./useContentSlides"));
-var _Context = _interopRequireDefault(require("./Context"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }