@pareto-engineering/design-system 2.0.0-alpha.22 → 2.0.0-alpha.26

package/dist/cjs/f/fields/RadioInput/RadioInput.js

@@ -1,110 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _formik = require("formik");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
-var _common = require("../../common");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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; }
-
-// Local Definitions
-var baseClassName = _bem.default.base;
-var componentClassName = 'radio-input';
-/**
- * This is the component description.
- */
-
-var RadioInput = _ref => {
-  var {
-    id,
-    className: userClassName,
-    children,
-    style,
-    name,
-    value // ...otherProps
-
-  } = _ref;
-  (0, React.useLayoutEffect)(() => {
-    Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
-  }, []);
-  var [field, meta] = (0, _formik.useField)(name);
-  var isOptionSelected = field.value === value;
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: style // {...otherProps}
-
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(isOptionSelected ? 'selected' : 'not-selected', " uc v1 pv-v")
-  }, /*#__PURE__*/React.createElement(_common.FormLabel, {
-    name: name
-  }, /*#__PURE__*/React.createElement("input", _extends({}, field, {
-    id: name,
-    className: "input",
-    type: "radio",
-    value: value
-  })), /*#__PURE__*/React.createElement("span", {
-    className: "text"
-  }, children))), meta.error && meta.touched && /*#__PURE__*/React.createElement(_common.FormDescription, {
-    error: true
-  }, meta.error));
-};
-
-RadioInput.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 name of the radio input
-   */
-  name: _propTypes.default.string,
-
-  /**
-   * The value of the radio input
-   */
-  value: _propTypes.default.string,
-
-  /**
-   * The label of the radio input
-   */
-  label: _propTypes.default.string
-};
-RadioInput.defaultProps = {// someProp:false
-};
-
-var _default = /*#__PURE__*/(0, React.memo)(RadioInput);
-
-exports.default = _default;

package/dist/cjs/f/fields/RadioInput/index.js

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

package/dist/cjs/f/fields/RadioInput/styles.scss

@@ -1,26 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-
-@use "@pareto-engineering/bem";
-@use "../../../form.scss";
-
-
-.#{bem.$base}.radio-input {
-  .input {
-    @include form.radio-checkbox-input;
-  }
-
-  .not-selected {
-    @include form.radio-checkbox-input-not-selected;
-  }
-
-
-  .selected {
-    @include form.radio-checkbox-input-selected;
-  }
-
-  .text {
-    color: inherit;
-  }
-}
-
-

package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js

@@ -1,129 +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 _formik = require("formik");
-
-var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
-var _common = require("../../common");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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; }
-
-// Local Definitions
-var baseClassName = _bem.default.base;
-var componentClassName = 'task-recommendation';
-/**
- * This is the component description.
- */
-
-var TaskRecommendation = _ref => {
-  var _field$value;
-
-  var {
-    id,
-    className: userClassName,
-    style,
-    name,
-    value,
-    oneLiner,
-    label,
-    color,
-    image // ...otherProps
-
-  } = _ref;
-  (0, React.useLayoutEffect)(() => {
-    Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
-  }, []);
-  var [field] = (0, _formik.useField)(name);
-  var isOptionSelected = !!(((_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.length) > 0 && field.value.includes(value));
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, "x-".concat(color)].filter(e => e).join(' '),
-    style: style // {...otherProps}
-
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "task-content ".concat(isOptionSelected ? 'b-x' : 'b-on-x')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "v1 p-v task"
-  }, /*#__PURE__*/React.createElement(_common.FormLabel, {
-    className: "uc mb-v ".concat(isOptionSelected ? 'c-on-x' : 'c-x'),
-    name: name
-  }, label), /*#__PURE__*/React.createElement("input", _extends({}, field, {
-    value: value,
-    id: name,
-    className: "input",
-    type: "checkbox"
-  })), /*#__PURE__*/React.createElement("img", {
-    className: "image",
-    src: image,
-    alt: "img"
-  }), /*#__PURE__*/React.createElement("p", {
-    className: ['uc u2 mt-u', isOptionSelected && 'c-on-x'].filter(e => e).join(' ')
-  }, oneLiner))));
-};
-
-TaskRecommendation.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 name of the input
-   */
-  name: _propTypes.default.string.isRequired,
-
-  /**
-   *  The value of the input
-   */
-  value: _propTypes.default.string.isRequired,
-
-  /**
-   *  The task one liner description
-   */
-  oneLiner: _propTypes.default.string.isRequired,
-
-  /**
-   *  The task label
-   */
-  label: _propTypes.default.string.isRequired,
-
-  /**
-   *  The color
-   */
-  color: _propTypes.default.string,
-
-  /**
-   *  Task image
-   */
-  image: _propTypes.default.string.isRequired
-};
-TaskRecommendation.defaultProps = {
-  color: 'main2'
-};
-var _default = TaskRecommendation;
-exports.default = _default;

package/dist/cjs/f/fields/TaskRecommendation/index.js

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

package/dist/cjs/f/fields/TaskRecommendation/styles.scss

@@ -1,37 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-@use "@pareto-engineering/bem";
-
-.#{bem.$base}.task-recommendation {
-
-  .task-content {
-    border-radius: var(--theme-border-radius);
-    border: 1px solid var(--x);
-    height: 100%;
-
-    .task {
-      position: relative;
-      display: flex;
-      flex-direction: column;
-      justify-content: space-around;
-      align-items: center;
-      height: 100%;
-
-      .input {
-        appearance: none;
-        position: absolute;
-        left: 0;
-        top: 0;
-        bottom:0;
-        cursor: pointer;
-        width: 100%;
-      }
-
-      .image {
-        width: 7rem;
-      }
-    }
-  }
-}
-
-
-

package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js

@@ -1,131 +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 _formik = require("formik");
-
-var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
-var _common = require("../../common");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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; }
-
-// Local Definitions
-var baseClassName = _bem.default.base;
-var componentClassName = 'task-recommendation-input';
-/**
- * This is the component description.
- */
-
-var TaskRecommendationInput = _ref => {
-  var _field$value;
-
-  var {
-    id,
-    className: userClassName,
-    style,
-    name,
-    value,
-    oneLiner,
-    label,
-    color,
-    image // ...otherProps
-
-  } = _ref;
-  (0, React.useLayoutEffect)(() => {
-    Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
-  }, []);
-  var [field] = (0, _formik.useField)(name);
-  var isOptionSelected = !!(((_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value.length) > 0 && field.value.includes(value));
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, "x-".concat(color)].filter(e => e).join(' '),
-    style: style // {...otherProps}
-
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "task-content ".concat(isOptionSelected ? 'b-x' : 'b-on-x')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "v1 p-v task"
-  }, /*#__PURE__*/React.createElement(_common.FormLabel, {
-    className: "uc mb-v ".concat(isOptionSelected ? _bem.default.modifierActive : ''),
-    name: name
-  }, label), /*#__PURE__*/React.createElement("input", _extends({}, field, {
-    value: value,
-    id: name,
-    className: "input",
-    type: "checkbox"
-  })), /*#__PURE__*/React.createElement("img", {
-    className: "image",
-    src: image,
-    alt: "img"
-  }), /*#__PURE__*/React.createElement("p", {
-    className: ['uc u2 mt-u', isOptionSelected && 'c-on-x'].filter(e => e).join(' ')
-  }, oneLiner))));
-};
-
-TaskRecommendationInput.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 name of the input
-   */
-  name: _propTypes.default.string.isRequired,
-
-  /**
-   *  The value of the input
-   */
-  value: _propTypes.default.string.isRequired,
-
-  /**
-   *  The task one liner description
-   */
-  oneLiner: _propTypes.default.string.isRequired,
-
-  /**
-   *  The task label
-   */
-  label: _propTypes.default.string.isRequired,
-
-  /**
-   *  The color
-   */
-  color: _propTypes.default.string,
-
-  /**
-   *  Task image
-   */
-  image: _propTypes.default.string.isRequired
-};
-TaskRecommendationInput.defaultProps = {
-  color: 'main2'
-};
-
-var _default = /*#__PURE__*/(0, React.memo)(TaskRecommendationInput);
-
-exports.default = _default;

package/dist/cjs/f/fields/TaskRecommendationInput/index.js

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

package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss

@@ -1,41 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-@use "@pareto-engineering/bem";
-
-.#{bem.$base}.task-recommendation-input {
-
-  .task-content {
-    border-radius: var(--theme-border-radius);
-    border: 1px solid var(--x);
-    height: 100%;
-
-    .task {
-      position: relative;
-      display: flex;
-      flex-direction: column;
-      justify-content: space-around;
-      align-items: center;
-      height: 100%;
-
-      .#{bem.$modifier-active} {
-        color: var(--on-x);
-      }
-
-      .input {
-        appearance: none;
-        position: absolute;
-        left: 0;
-        top: 0;
-        bottom:0;
-        cursor: pointer;
-        width: 100%;
-      }
-
-      .image {
-        width: 7rem;
-      }
-    }
-  }
-}
-
-
-

package/dist/cjs/f/fields/TextArea/TextArea.js

@@ -1,141 +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 _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
-var _formik = require("formik");
-
-var _common = require("../../common");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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 baseClassName = _bem.default.base;
-var componentClassName = 'text-area';
-/**
- * This is the component description.
- */
-
-var TextArea = _ref => {
-  var {
-    id,
-    className: userClassName,
-    style,
-    name,
-    label,
-    validate,
-    labelAsDescription,
-    textAreaId,
-    rows,
-    textAreaColor,
-    labelColor,
-    description // ...otherProps
-
-  } = _ref;
-  (0, React.useLayoutEffect)(() => {
-    Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
-  }, []);
-  var [field, meta] = (0, _formik.useField)({
-    name,
-    validate
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, "x-".concat(textAreaColor), "y-".concat(labelColor)].filter(e => e).join(' '),
-    style: style // {...otherProps}
-
-  }, /*#__PURE__*/React.createElement(_common.FormLabel, {
-    className: ['c-y', labelAsDescription ? 'md-s2 s0 v1 mb-v' : 'v50 mb-v'].filter(e => e).join(' '),
-    name: name
-  }, label), /*#__PURE__*/React.createElement("textarea", _extends({
-    id: textAreaId,
-    className: "textarea v50 pv-v ".concat(meta.touched && meta.error ? 'input-border-error' : 'input-border')
-  }, field, {
-    rows: rows
-  })), (description || meta.touched && meta.error) && /*#__PURE__*/React.createElement(_common.FormDescription, {
-    isError: !!meta.error,
-    className: "v50 mt-v s-1"
-  }, meta.error || description), ' ');
-};
-
-TextArea.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 input name (html - and Formik state)
-   */
-  name: _propTypes.default.string.isRequired,
-
-  /**
-   * The input label
-   */
-  label: _propTypes.default.string.isRequired,
-
-  /**
-   * The input value validator function
-   */
-  validate: _propTypes.default.func,
-
-  /**
-   * If the text area depends on it's label's text as the default description
-   */
-  labelAsDescription: _propTypes.default.bool,
-
-  /**
-   * The textarea id
-  */
-  textAreaId: _propTypes.default.string,
-
-  /**
-   * The number of rows int the text area
-   */
-  rows: _propTypes.default.number,
-
-  /**
-   * Text area base color
-   */
-  textAreaColor: _propTypes.default.string,
-
-  /**
-   * Label base color
-   */
-  labelColor: _propTypes.default.string,
-
-  /**
-   * Text area description
-   */
-  description: _propTypes.default.string
-};
-TextArea.defaultProps = {
-  rows: 3,
-  textAreaColor: 'background',
-  labelColor: 'main1'
-};
-var _default = TextArea;
-exports.default = _default;

package/dist/cjs/f/fields/TextArea/index.js

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