@pareto-engineering/design-system 0.0.1-alpha.8 → 0.0.4-testing-id.0

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

@@ -0,0 +1,169 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactRouterDom = require("react-router-dom");
+var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
+var _Context = _interopRequireDefault(require("./Context"));
+var _common = require("./common");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+// Local Definitions
+
+var baseClassName = _bem.default.base;
+var componentClassName = 'content-slides';
+var reducer = (state, action) => {
+  switch (action.type) {
+    case 'SET_STEP_INDEX':
+      return _objectSpread(_objectSpread({}, state), {}, {
+        currentStepIndex: action.payload
+      });
+    case 'SET_CURRENT_STEP':
+      return _objectSpread(_objectSpread({}, state), action.payload);
+    case 'SET_EXTRA_CONTEXT':
+      return _objectSpread(_objectSpread({}, state), action.payload);
+    default:
+      return state;
+  }
+};
+
+/**
+ * This is the component description.
+ * Colors :
+ * `y` : the background of the content
+ */
+var ContentSlides = _ref => {
+  var {
+    id,
+    className: userClassName,
+    style,
+    children,
+    steps,
+    simple,
+    isDebug
+    // ...otherProps
+  } = _ref;
+  (0, React.useLayoutEffect)(() => {
+    Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
+  }, []);
+  var history = (0, _reactRouterDom.useHistory)();
+  var [state, dispatch] = (0, React.useReducer)(reducer, {
+    currentStepIndex: 0
+  });
+  var {
+    // currentSlide,
+    currentStepIndex,
+    isFirstStep,
+    isLastStep
+  } = state;
+  var setNextStepIndex = function setNextStepIndex() {
+    var step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+    if (!isLastStep) {
+      dispatch({
+        type: 'SET_STEP_INDEX',
+        payload: currentStepIndex + step
+      });
+    }
+  };
+  var setPrevStepIndex = function setPrevStepIndex() {
+    var step = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+    if (!isFirstStep) {
+      dispatch({
+        type: 'SET_STEP_INDEX',
+        payload: currentStepIndex - step
+      });
+    }
+  };
+  var setStepIndex = index => {
+    dispatch({
+      type: 'SET_STEP_INDEX',
+      payload: index
+    });
+  };
+  var setCurrentStep = index => {
+    var 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.useLayoutEffect)(() => {
+    setCurrentStep(currentStepIndex);
+  }, [currentStepIndex]);
+  return /*#__PURE__*/React.createElement(_Context.default.Provider, {
+    value: _objectSpread({
+      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 = ContentSlides;
+exports.default = _default;

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+var _default = /*#__PURE__*/React.createContext({});
+exports.default = _default;

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

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
+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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+/* @pareto-engineering/generator-front 1.0.12 */
+
+// Local Definitions
+
+// const baseClassName = styleNames.base
+
+var componentClassName = 'horizontal-menu';
+
+/**
+ * This is the component description.
+ */
+var HorizontalMenu = _ref => {
+  var {
+    id,
+    className: userClassName,
+    style,
+    logoColor,
+    hideBackIcon,
+    stepsBackwards,
+    customPrevStep,
+    color
+    // ...otherProps
+  } = _ref;
+  var {
+    setPrevStepIndex,
+    // setNextStepIndex,
+    currentStep,
+    isFirstStep
+    // currentStep,
+    // currentStepIndex,
+  } = (0, _useContentSlides.default)();
+  var 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 === null || currentStep === void 0 ? void 0 : currentStep.progress) > 0 && /*#__PURE__*/React.createElement(_a.ProgressBar, {
+    progress: currentStep.progress,
+    attached: true,
+    height: ".4em",
+    color: color,
+    className: "y-background1 b-dark-y"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: _bem.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 === null || currentStep === void 0 ? void 0 : 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 = HorizontalMenu;
+exports.default = _default;

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

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

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

@@ -0,0 +1,129 @@
+"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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+/* @pareto-engineering/generator-front 1.0.12 */
+
+// Local Definitions
+
+var componentClassName = 'navigator';
+
+/**
+ * This is the component description.
+ */
+var Navigator = _ref => {
+  var {
+    id,
+    className: userClassName,
+    style,
+    canMoveForward,
+    previousColor,
+    nextColor,
+    stepsForward,
+    stepsBackwards,
+    customPrevStep,
+    customNextStep,
+    isLoading
+    // ...otherProps
+  } = _ref;
+  var {
+    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-".concat(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-".concat(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 = Navigator;
+exports.default = _default;

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

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

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

@@ -0,0 +1,95 @@
+"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 _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
+var _useContentSlides = _interopRequireDefault(require("../../useContentSlides"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+/* @pareto-engineering/generator-front 1.0.12 */
+
+// Local Definitions
+
+// const baseClassName = styleNames.base
+
+var componentClassName = 'sidebar';
+
+/**
+ * This is the component description.
+ */
+var Sidebar = _ref => {
+  var {
+    id,
+    className: userClassName,
+    style,
+    header,
+    footer
+    // ...otherProps
+  } = _ref;
+  var {
+    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: _bem.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 || true ? /*#__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 = Sidebar;
+exports.default = _default;

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

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

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

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
+var _useContentSlides = _interopRequireDefault(require("../../useContentSlides"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+/* @pareto-engineering/generator-front 1.0.12 */
+
+// Local Definitions
+
+// const baseClassName = styleNames.base
+
+var componentClassName = 'slide';
+
+/**
+ * This is the component description.
+ */
+var Slide = _ref => {
+  var {
+    id,
+    className: userClassName,
+    style,
+    children,
+    index
+    // ...otherProps
+  } = _ref;
+  var {
+    currentStepIndex
+  } = (0, _useContentSlides.default)();
+  var isActive = currentStepIndex === index;
+  return /*#__PURE__*/React.createElement("div", {
+    id: id,
+    className: [
+    // baseClassName,
+    isActive && _bem.default.modifierActive, componentClassName, userClassName].filter(e => e).join(' '),
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "content"
+  }, children)));
+};
+Slide.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 index of this slide
+   */
+  index: _propTypes.default.number
+};
+Slide.defaultProps = {
+  // someProp:false
+};
+var _default = Slide;
+exports.default = _default;

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

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