intelicoreact 1.5.32 → 1.5.34

package/dist/Atomic/UI/TagList/TagList.js

@@ -1,192 +0,0 @@
-"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 = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
-var _utils = require("../../../Functions/utils");
-var _Tag = _interopRequireDefault(require("../Tag/Tag"));
-require("./TagList.scss");
-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; }
-const TagList = _ref => {
-  var _wrapperRef$current$g, _wrapperRef$current;
-  let {
-    disabled,
-    className,
-    onTagClick,
-    removeItem = null,
-    items = [],
-    withToggle = true,
-    disableShowMore = false,
-    shownItemsCount = "auto",
-    testId = "test-taglist",
-    refProp,
-    renderOrder,
-    onEditClick,
-    onToggleRenderAll
-  } = _ref;
-  const wrapperRef = (0, _react.useRef)(null);
-  const [tagList, setTagList] = (0, _react.useState)([]);
-  const [staticTagsCount, setStaticTagsCount] = (0, _react.useState)(-1);
-  const [renderItemsCount, setRenderItemsCount] = (0, _react.useState)(-1);
-  const [renderAll, setRenderAll] = (0, _react.useState)(!withToggle);
-  const wrapperWidth = (_wrapperRef$current$g = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || (_wrapperRef$current = _wrapperRef$current.getBoundingClientRect()) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.width) !== null && _wrapperRef$current$g !== void 0 ? _wrapperRef$current$g : -1;
-  const setRenderAllInterceptor = v => {
-    setRenderAll(v);
-    onToggleRenderAll === null || onToggleRenderAll === void 0 || onToggleRenderAll(v);
-  };
-  const getStaticTagsCount = computedWidth => {
-    var _result$items;
-    if (typeof shownItemsCount === "number") return shownItemsCount;
-    const delta = typeof onEditClick === "function" ? 60 : 32;
-    const result = tagList.reduce((result, _ref2, index) => {
-      var _itemRef$current;
-      let {
-        itemRef
-      } = _ref2;
-      if (result.skip) return result;
-      const itemStyle = (itemRef === null || itemRef === void 0 ? void 0 : itemRef.current) && window.getComputedStyle(itemRef.current);
-      const itemWidth = [parseInt((_itemRef$current = itemRef.current) === null || _itemRef$current === void 0 || (_itemRef$current = _itemRef$current.getBoundingClientRect()) === null || _itemRef$current === void 0 ? void 0 : _itemRef$current.width, 10), parseInt(itemStyle === null || itemStyle === void 0 ? void 0 : itemStyle.marginLeft, 10), parseInt(itemStyle === null || itemStyle === void 0 ? void 0 : itemStyle.marginRight, 10)].reduce((result, item) => {
-        if (!isNaN(item)) result += item;
-        return result;
-      }, 0);
-      if (!isNaN(itemWidth) && itemWidth > 0 && itemWidth + result.width < computedWidth - delta || index === 0) {
-        result = {
-          count: result.count + 1,
-          width: result.width + itemWidth,
-          items: [...result.items, {
-            w: itemWidth,
-            r: itemRef === null || itemRef === void 0 ? void 0 : itemRef.current
-          }]
-        };
-      } else {
-        result.skip = true;
-      }
-      return result;
-    }, {
-      count: 0,
-      width: 0,
-      items: [],
-      skip: false
-    });
-    if ((result === null || result === void 0 || (_result$items = result.items) === null || _result$items === void 0 ? void 0 : _result$items.length) === 1 && tagList.length > 1) {
-      result.items[0].r.style.maxWidth = "".concat(computedWidth - delta - 8, "px");
-    }
-    return result === null || result === void 0 ? void 0 : result.count;
-  };
-  const cancelDefault = function (e) {
-    let cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => {};
-    e === null || e === void 0 || e.preventDefault();
-    e === null || e === void 0 || e.stopPropagation();
-    cb(e);
-  };
-  const renderTags = () => {
-    const tagsRenderOrder = renderOrder !== null && renderOrder !== void 0 ? renderOrder : tagList.map(_ref3 => {
-      let {
-        value,
-        id
-      } = _ref3;
-      return value !== null && value !== void 0 ? value : id;
-    });
-    return tagsRenderOrder.map((v, i) => {
-      var _item$id, _item$id2;
-      const item = tagList.find(_ref4 => {
-        let {
-          value,
-          id
-        } = _ref4;
-        return (value !== null && value !== void 0 ? value : id) === v;
-      });
-      if (!item) return null;
-      const isHidden = renderItemsCount !== -1 && staticTagsCount !== -1 ? i >= renderItemsCount : false;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "tag-list_wrapper_item ".concat(isHidden ? "tag-list_wrapper_item--hidden" : ""),
-        key: "tag-list-item-".concat((_item$id = item === null || item === void 0 ? void 0 : item.id) !== null && _item$id !== void 0 ? _item$id : item === null || item === void 0 ? void 0 : item.value),
-        ref: (0, _utils.checkedRef)(item === null || item === void 0 ? void 0 : item.itemRef)
-      }, /*#__PURE__*/_react.default.createElement(_Tag.default, (0, _extends2.default)({
-        testId: "test-taglist-item-".concat((_item$id2 = item === null || item === void 0 ? void 0 : item.id) !== null && _item$id2 !== void 0 ? _item$id2 : item === null || item === void 0 ? void 0 : item.value)
-      }, item, {
-        onClick: onTagClick,
-        removeItem: removeItem
-      })));
-    });
-  };
-  const renderMoreTags = () => {
-    if ((tagList === null || tagList === void 0 ? void 0 : tagList.length) < shownItemsCount || !(tagList !== null && tagList !== void 0 && tagList.length) || disableShowMore) return null;
-    const restItems = tagList.length - renderItemsCount;
-    if (restItems === 0 || !withToggle || staticTagsCount === -1) return null;
-    return /*#__PURE__*/_react.default.createElement(_Tag.default, {
-      label: "+".concat(restItems),
-      className: "tag-list_wrapper_render-more",
-      onClick: disableShowMore ? () => {} : e => cancelDefault(e, () => setRenderAllInterceptor(true))
-    });
-  };
-  const renderHideTags = () => {
-    if (renderItemsCount !== (tagList === null || tagList === void 0 ? void 0 : tagList.length) || !withToggle || staticTagsCount === -1 || staticTagsCount === (tagList === null || tagList === void 0 ? void 0 : tagList.length)) return null;
-    return /*#__PURE__*/_react.default.createElement(_Tag.default, {
-      label: "...",
-      className: "tag-list_wrapper_hide-more",
-      onClick: e => cancelDefault(e, () => setRenderAllInterceptor(false))
-    });
-  };
-
-  // Set TagList Items
-  (0, _react.useEffect)(() => {
-    setStaticTagsCount(-1);
-    setRenderItemsCount(-1);
-    setRenderAllInterceptor(false);
-    setTagList(items.map(item => ({
-      ...item,
-      itemRef: /*#__PURE__*/(0, _react.createRef)()
-    })));
-  }, [items]);
-
-  // Count Row Tags
-  (0, _react.useLayoutEffect)(() => {
-    if (withToggle && wrapperWidth !== -1 && staticTagsCount === -1) {
-      let computedWidth = wrapperWidth;
-      if (computedWidth === 0) {
-        var _window$getComputedSt;
-        computedWidth = parseInt(wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current ? (_window$getComputedSt = window.getComputedStyle(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current)) === null || _window$getComputedSt === void 0 ? void 0 : _window$getComputedSt.width : 0);
-      }
-      if (!isNaN(computedWidth)) {
-        setStaticTagsCount(getStaticTagsCount(computedWidth));
-      }
-    }
-  }, [tagList, wrapperWidth, wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current]);
-
-  //
-  (0, _react.useLayoutEffect)(() => {
-    setRenderItemsCount(staticTagsCount);
-  }, [staticTagsCount]);
-
-  // Toggle Show/Hide More Tags
-  (0, _react.useEffect)(() => {
-    setRenderItemsCount(renderAll ? tagList === null || tagList === void 0 ? void 0 : tagList.length : staticTagsCount);
-  }, [renderAll]);
-  (0, _react.useEffect)(() => {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current && refProp) refProp.current = wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current;
-  }, [wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("tag-list_wrapper", "".concat(renderItemsCount !== (tagList === null || tagList === void 0 ? void 0 : tagList.length) || !withToggle || staticTagsCount === -1 || staticTagsCount === (tagList === null || tagList === void 0 ? void 0 : tagList.length) ? "tag-list_wrapper--only-static-items" : "tag-list_wrapper--all-items"), className, {
-      "tag-list_wrapper--disabled": disabled
-    }),
-    style: {
-      visibility: staticTagsCount === -1 ? "hidden" : "visible",
-      zIndex: staticTagsCount === -1 ? "-1" : "auto"
-    },
-    ref: wrapperRef
-  }, renderTags(), renderMoreTags(), renderHideTags(), typeof onEditClick === "function" && /*#__PURE__*/_react.default.createElement("div", {
-    className: "tag-list__edit-trigger"
-  }, /*#__PURE__*/_react.default.createElement(_reactFeather.Edit3, {
-    onClick: onEditClick
-  })));
-};
-var _default = exports.default = TagList;

package/dist/Atomic/UI/TagList/TagList.scss

@@ -1,74 +0,0 @@
-.tag-list_wrapper {
-  display: flex;
-  flex-wrap: wrap;
-
-  width: 100%;
-  min-width: 100%;
-  max-width: 100%;
-
-  gap: 4px;
-
-  &--disabled {
-    filter: grayscale(0.2);
-    * {
-      pointer-events: none!important;
-    }
-  }
-
-  &--only-static-items {
-    display: flex;
-
-    .tag-list_wrapper_item {
-      margin-bottom: 0;
-    }
-  }
-
-  &_item {
-    display: inline-block;
-    box-sizing: border-box;
-    width: auto;
-
-    .tag {
-      max-width: 100%;
-      margin: 0!important;
-      box-sizing: border-box;
-
-      &__label {
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-    }
-
-    &--hidden {
-      display: none;
-    }
-  }
-
-  &_render-more,
-  &_hide-more {
-    margin: 0!important;
-    cursor: pointer;
-
-    background: #ffedc8;
-  }
-
-  .tag {
-    margin: 2px;
-  }
-}
-
-.tag-list__edit-trigger {
-  display: flex;
-  align-items: center;
-  align-self: stretch;
-  padding: 2px;
-  box-sizing: border-box;
-  cursor: pointer;
-
-  svg {
-    width: 16px;
-    height: 16px;
-    color: #6B81DD;
-  }
-}
-

package/dist/Atomic/UI/UserBox/UserBox.js

@@ -1,62 +0,0 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../../../Functions/utils");
-var _Label = _interopRequireDefault(require("../../FormElements/Label/Label"));
-var _Button = _interopRequireDefault(require("../Button/Button"));
-require("./UserBox.scss");
-const UserBox = _ref => {
-  let {
-    name = "Username",
-    role,
-    id,
-    onClick,
-    isModal,
-    className,
-    colors,
-    testId = "userbox"
-  } = _ref;
-  const getNameFirstLetter = name.charAt(0).toUpperCase();
-  const renderUser = () => {
-    if (isModal) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-        "data-testid": testId,
-        style: {
-          backgroundColor: (0, _utils.getColorById)(id, colors)
-        },
-        className: "td-user-box__avatar"
-      }, getNameFirstLetter), /*#__PURE__*/_react.default.createElement("div", {
-        className: "td-user-box__user-data",
-        "data-testid": "".concat(testId, "-data")
-      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-        className: "p0 no-shadow",
-        onClick: onClick,
-        label: name,
-        variant: "link"
-      }), role && /*#__PURE__*/_react.default.createElement("span", null, role)));
-    } else {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-        "data-testid": testId,
-        style: {
-          backgroundColor: (0, _utils.getColorById)(id)
-        },
-        className: "td-user-box__avatar"
-      }, getNameFirstLetter), /*#__PURE__*/_react.default.createElement("div", {
-        className: "td-user-box__user-data",
-        "data-testid": "".concat(testId, "-data")
-      }, /*#__PURE__*/_react.default.createElement(_Label.default, {
-        label: name
-      }), role && /*#__PURE__*/_react.default.createElement("span", null, role)));
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("td-user-box", className)
-  }, renderUser());
-};
-var _default = exports.default = UserBox;

package/dist/Atomic/UI/UserBox/UserBox.scss

@@ -1,55 +0,0 @@
-.td-user-box {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-
-  &__avatar {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    width: 24px;
-    height: 24px;
-
-    font-size: 16px;
-    font-weight: 400;
-    user-select: none;
-
-    color: #fff;
-    border-radius: 30px;
-  }
-
-  &__user-data {
-    display: flex;
-    flex-direction: column;
-
-    span {
-      padding-left: 8px;
-
-      font-family: Sarabun;
-      font-size: 12px;
-      font-weight: 400;
-      font-style: normal;
-      line-height: 18px; /* 150% */
-      letter-spacing: 0.2px;
-    }
-  }
-
-  .button_link {
-    height: unset;
-    padding-left: 8px;
-
-    font-size: 14px;
-    font-weight: 400;
-  }
-
-  .label {
-    margin-bottom: 0;
-    margin-left: 8px;
-
-    font-size: 14px;
-    font-weight: 400;
-
-    color: #171d33;
-  }
-}

package/dist/Atomic/UI/WizardStepper/constructor.js

@@ -1,94 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mockData = exports.WIZARD_STEP_VARIANTS = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Status = _interopRequireDefault(require("../Status/Status"));
-const WIZARD_STEP_VARIANTS = exports.WIZARD_STEP_VARIANTS = Object.freeze({
-  DEFAULT: 'default',
-  DONE: 'done',
-  ACTIVE: 'active'
-});
-const JSXMockComponent = () => {
-  const arr = [{
-    title: 'Requested Amont',
-    value: '$15,000'
-  }, {
-    title: 'Repayment Amount',
-    value: '$15,001'
-  }, {
-    title: 'Repayment Date',
-    value: '12/12/2021'
-  }];
-  const textStyles = {
-    fontSize: '14px',
-    fontWeight: 400,
-    lineHeight: '20px',
-    letterSpacing: '0.2px'
-  };
-  return arr.map(row => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        display: 'flex',
-        justifyContent: 'space-between',
-        maxWidth: '250px'
-      }
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      style: textStyles
-    }, row.title), /*#__PURE__*/_react.default.createElement("span", {
-      style: textStyles
-    }, row.value));
-  });
-};
-const mockData = exports.mockData = [{
-  key: 'businessInfo',
-  label: 'Provide Business Info',
-  description: 'This information will help us to evaluate your application',
-  isFinished: true
-}, {
-  key: 'principal',
-  label: 'Add Principal Information',
-  description: 'A principal is essentially another name for a company owner. At some corporations, the principal is also the founder, CEO, or even the chief investor',
-  isFinished: true,
-  isOptional: true
-}, {
-  key: 'coOwners',
-  label: 'Add Co-Owners',
-  description: '{merchantName} will receive that amount from {lenderNmae}',
-  isActive: true,
-  titleSlot: /*#__PURE__*/_react.default.createElement("span", {
-    className: "custom-title-slot"
-  }, "$15,001"),
-  contentSlot: /*#__PURE__*/_react.default.createElement(JSXMockComponent, null)
-}, {
-  key: 'bankAccount',
-  label: 'Add a Bank Account',
-  description: 'Your bank account information will be used to securely and automatically transfer the funds',
-  titleSlot: /*#__PURE__*/_react.default.createElement(_Status.default, {
-    label: "Some JSX",
-    status: "draft"
-  })
-}, {
-  key: 'documents',
-  label: 'Upload Documents',
-  description: 'Please upload the required documents'
-}, {
-  key: 'review',
-  label: 'Review & Submit',
-  description: 'Please review the information and submit your application'
-}, {
-  key: 'success',
-  label: 'Success',
-  description: 'Your application has been submitted successfully'
-}, {
-  key: 'failure',
-  label: 'Failure',
-  description: 'Your application has been failed'
-}, {
-  key: 'pending',
-  label: 'Pending',
-  description: 'Your application is under review'
-}];

package/dist/Atomic/UI/WizardStepper/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ui = _interopRequireDefault(require("./ui"));
-var _default = exports.default = _ui.default;

package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StateIcon = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./StateIcon.scss");
-var _constructor = require("../../constructor");
-const DefaultPoint = () => {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "8",
-    cy: "8",
-    r: "4"
-  }));
-};
-const DonePoint = () => {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M12.5 5L7 10.5L4 7.5",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
-};
-const RC = 'state-icon';
-const {
-  ACTIVE,
-  DEFAULT,
-  DONE
-} = _constructor.WIZARD_STEP_VARIANTS;
-const StateIcon = _ref => {
-  let {
-    variant = DEFAULT,
-    className
-  } = _ref;
-  const computedState = variant === ACTIVE || variant === DONE ? variant : DEFAULT;
-  const Inner = {
-    [DEFAULT]: /*#__PURE__*/_react.default.createElement(DefaultPoint, null),
-    [ACTIVE]: /*#__PURE__*/_react.default.createElement(DefaultPoint, null),
-    // with styles bg
-    [DONE]: /*#__PURE__*/_react.default.createElement(DonePoint, null)
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, "".concat(RC, "--").concat(computedState), className)
-  }, Inner[computedState]);
-};
-exports.StateIcon = StateIcon;

package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.scss

@@ -1,33 +0,0 @@
-.state-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  width: 20px;
-  height: 20px;
-  border-radius: 16px;
-
-  svg {
-    stroke: #656E7A;
-    fill:  #656E7A;
-  }
-
-  &--done,
-  &--active {
-    background-color: #EAF2FF;
-  }
-
-  &--done {
-    svg {
-      stroke: #1F7499;
-      fill:  none;
-    }
-  }
-
-  &--active {
-    svg {
-      stroke: #000;
-      fill:  #000;
-    }
-  }
-}

package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _StateIcon = require("./StateIcon");
-var _default = exports.default = _StateIcon.StateIcon;

package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js

@@ -1,76 +0,0 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _StateIcon = _interopRequireDefault(require("../StateIcon"));
-require("./StepRow.scss");
-var _constructor = require("../../constructor");
-var _Status = _interopRequireDefault(require("../../../Status/Status"));
-// import Status from '../../../../../../Components/Atomic/Status/Status';
-
-const RC = 'step-row';
-const {
-  DEFAULT,
-  ACTIVE,
-  DONE
-} = _constructor.WIZARD_STEP_VARIANTS;
-const StepRow = _ref => {
-  let {
-    label,
-    description,
-    className,
-    isOptional,
-    isFinished,
-    isActive,
-    titleSlot,
-    contentSlot,
-    customIcons
-  } = _ref;
-  const title = label;
-  const rowVariant = (() => {
-    if (isActive) return ACTIVE;
-    if (isFinished) return DONE;
-    return DEFAULT;
-  })();
-  const alternaviteIconFromProps = (() => {
-    if (isActive) return customIcons === null || customIcons === void 0 ? void 0 : customIcons.activeIcon;
-    if (isFinished) return customIcons === null || customIcons === void 0 ? void 0 : customIcons.doneIcon;
-    return customIcons === null || customIcons === void 0 ? void 0 : customIcons.defaultIcon;
-  })();
-  const CorrectIcon = () => {
-    var _Object$values;
-    return !customIcons || Object !== null && Object !== void 0 && (_Object$values = Object.values(customIcons)) !== null && _Object$values !== void 0 && _Object$values.every(icon => !icon) ? /*#__PURE__*/_react.default.createElement(_StateIcon.default, {
-      variant: rowVariant
-    }) : alternaviteIconFromProps;
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, "".concat(RC, "--").concat(rowVariant))
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__state-point ").concat(RC, "__state-point--").concat(rowVariant))
-  }, /*#__PURE__*/_react.default.createElement(CorrectIcon, null)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(RC, "__content")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(RC, "__title")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(RC, "__title-left")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__title-text"), {
-      'text-muted': rowVariant === DEFAULT
-    })
-  }, title), isOptional && /*#__PURE__*/_react.default.createElement(_Status.default, {
-    label: 'Optional',
-    status: "draft"
-  })), titleSlot && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(RC, "__title-right")
-  }, titleSlot)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(RC, "__description")
-  }, description), contentSlot && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(RC, "__body")
-  }, contentSlot)));
-};
-var _default = exports.default = StepRow;