@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/StatusBadge/utils.js

@@ -1 +1,199 @@
-import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{omitBy as e,isEqual as n,keys as s,sortBy as r}from"lodash";import{ALERT_STATUSES as u,BADGE_ICON_STATUSES as a,DATA_QUALITY_CHECK_PASSED as i,ALERT_STATES as o}from"./constants.js";var d=function(t){return void 0===t&&(t=""),t.toLowerCase()===u.RESOLVED},c=function(t,e,n){return n||!e?"":e>40?t.error:e>10?t.warn:e>5?t.ok:t.good},l=function(t,e){return!e&&t>=0?"".concat(t,"%"):"—"};var f=function(t){var e,n,s,r;return"Issue"===t.data.state&&"Manual Alert"!==t.data.name&&"User Created"!==t.data.category?null:{id:t._id,assetId:t.asset_id,name:t.data.name,category:t.data.category,lastCheckedAt:t.data.last_checked_at,ruleId:t.data.rule_id,message:t.data.message,status:(r=t.data.status,"under investigation"===r?"investigation":["not available","resolved"].includes(r)?"resolved":r),statusReason:t.data.status_reason,statusUpdatedAt:t.data.status_updated_at,state:(s=t.data.state,["Fatal","Critical","Issue","Manual"].includes(s)?"Issue":["Missing Data"].includes(s)?"Missing":"Unknown"),createdAt:t.timestamp,note:t.data.note,isThrottled:t.data.is_throttled,segment:t.data.segment,metrics:{holeDepth:null===(e=t.data.metrics)||void 0===e?void 0:e.hole_depth,state:null===(n=t.data.metrics)||void 0===n?void 0:n.state},deductsFromScore:t.data.deducts_from_score}},m=function(t){var e=t.assetId,n=t.wellHubSlug;return"/assets/".concat(e,"/").concat(n,"/Data Quality")},g=function(t,e){return t.reduce((function(t,n){if(!n)return t;if([u.FLAGGED,u.INVESTIGATION,u.ON_HOLD].includes(n.status))return t;var s=e.find((function(t){return t.id===n.assetId})).name;return t[s]||(t[s]=[]),t[s].push(n),t}),{})},v=function(e){var n=e.assetsList,s=e.alertsGroupByRuleId,r=e.wellnessRuleSettings,a=e.wellHubSlug,c=s.reduce((function(e,s){if(!(null==s?void 0:s.length))return e;var c=g(s,n);return Object.keys(c).forEach((function(n){var s=c[n],l=r.find((function(t){var e=t.data;return(null==e?void 0:e.rule_id)===s[0].ruleId})),f=l.data.customer_name||s[0].name,g=l.data.customer_category||s[0].category,v=s.find((function(t){return t.status===u.OPEN||t.status===u.EXPIRED})),h=s.every((function(t){return d(t.status)}));e[n]||(e[n]=[]),e[n].push({alert:t(t({},h?t(t({},s.sort((function(t,e){return e.statusUpdatedAt-t.statusUpdatedAt}))[0]),{emptyMessage:i}):v),{name:f,category:g}),isResolved:h,id:s[0].id,issuesNum:s.filter((function(t){return t.state===o.issue&&!d(t.status)})).length,name:f,missingNum:s.filter((function(t){return t.state===o.missing&&!d(t.status)})).length,linkToDQPage:m({assetId:s[0].assetId,wellHubSlug:a})})})),e}),{});return c},h=function(t,e){return t.filter((function(t){return e[t].every((function(t){return t.isResolved}))})).length===t.length?a.success:t.filter((function(t){return e[t].some((function(t){return t.missingNum}))})).length?a.error:t.filter((function(t){return e[t].some((function(t){return t.issuesNum}))})).length?a.issue:""},_=function(t,s){return e(s,(function(e,s){return n(e,t[s])}))},p=function(t){return n(s(t),["lastCheckedAt"])},I=function(e,n){return e.reduce((function(e,s){var u;return t(t({},e),((u={})[s]=r(n[s],[function(t){return-t.missingNum},function(t){return-t.issuesNum},function(t){return t.alert.category},function(t){return t.name}]),u))}),{})},y=function(t){return t.some((function(t){return t.missingNum>0}))?a.error:t.some((function(t){return t.issuesNum>0}))?a.issue:a.resolved};export{_ as findUpdatedFields,y as getCategoryIconType,c as getDeductsFromScoreClass,l as getDeductsFromScoreValue,h as getIconType,m as getLinkToDQPage,v as getNewWellnessAlerts,I as getSortedWellnessAlerts,g as groupAlertsByAssetName,p as hasOnlyLastCheckedAtKey,d as isResolved,f as parseWellnessAlertFromJson};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { omitBy, isEqual, keys, sortBy } from 'lodash';
+import { ALERT_STATUSES, BADGE_ICON_STATUSES, DATA_QUALITY_CHECK_PASSED, ALERT_STATES } from './constants.js';
+
+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; }
+var isResolved = function isResolved() {
+  var status = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return status.toLowerCase() === ALERT_STATUSES.RESOLVED;
+};
+var getDeductsFromScoreClass = function getDeductsFromScoreClass(styles, score, isResolved) {
+  if (isResolved || !score) return '';
+  if (score > 40) {
+    return styles.error;
+  } else if (score > 10) {
+    return styles.warn;
+  } else if (score > 5) {
+    return styles.ok;
+  }
+  return styles.good;
+};
+var getDeductsFromScoreValue = function getDeductsFromScoreValue(deductsFromScore, isResolved) {
+  return !isResolved && deductsFromScore >= 0 ? "".concat(deductsFromScore, "%") : '—';
+};
+function parseStatus(status) {
+  var resolvedStatuses = ['not available', 'resolved'];
+  if (status === 'under investigation') {
+    return 'investigation';
+  }
+  if (resolvedStatuses.includes(status)) {
+    return 'resolved';
+  }
+  return status;
+}
+function parseState(state) {
+  var issueStates = ['Fatal', 'Critical', 'Issue', 'Manual'];
+  var missingStates = ['Missing Data'];
+  if (issueStates.includes(state)) {
+    return 'Issue';
+  } else if (missingStates.includes(state)) {
+    return 'Missing';
+  }
+  return 'Unknown';
+}
+var parseWellnessAlertFromJson = function parseWellnessAlertFromJson(obj) {
+  var _obj$data$metrics, _obj$data$metrics2;
+  if (obj.data.state === 'Issue' && obj.data.name !== 'Manual Alert' && obj.data.category !== 'User Created') {
+    return null;
+  }
+  return {
+    id: obj._id,
+    assetId: obj.asset_id,
+    name: obj.data.name,
+    category: obj.data.category,
+    lastCheckedAt: obj.data.last_checked_at,
+    ruleId: obj.data.rule_id,
+    message: obj.data.message,
+    status: parseStatus(obj.data.status),
+    statusReason: obj.data.status_reason,
+    statusUpdatedAt: obj.data.status_updated_at,
+    state: parseState(obj.data.state),
+    createdAt: obj.timestamp,
+    note: obj.data.note,
+    isThrottled: obj.data.is_throttled,
+    segment: obj.data.segment,
+    metrics: {
+      holeDepth: (_obj$data$metrics = obj.data.metrics) === null || _obj$data$metrics === void 0 ? void 0 : _obj$data$metrics.hole_depth,
+      state: (_obj$data$metrics2 = obj.data.metrics) === null || _obj$data$metrics2 === void 0 ? void 0 : _obj$data$metrics2.state
+    },
+    deductsFromScore: obj.data.deducts_from_score
+  };
+};
+var getLinkToDQPage = function getLinkToDQPage(_ref) {
+  var assetId = _ref.assetId,
+    wellHubSlug = _ref.wellHubSlug;
+  return "/assets/".concat(assetId, "/").concat(wellHubSlug, "/Data Quality");
+};
+var groupAlertsByAssetName = function groupAlertsByAssetName(alerts, assetsList) {
+  return alerts.reduce(function (alertAcc, alert) {
+    if (!alert) return alertAcc;
+    if ([ALERT_STATUSES.FLAGGED, ALERT_STATUSES.INVESTIGATION, ALERT_STATUSES.ON_HOLD].includes(alert.status)) return alertAcc;
+    var asset = assetsList.find(function (asset) {
+      return asset.id === alert.assetId;
+    });
+    var assetName = asset.name;
+    if (!alertAcc[assetName]) alertAcc[assetName] = [];
+    alertAcc[assetName].push(alert);
+    return alertAcc;
+  }, {});
+};
+var getNewWellnessAlerts = function getNewWellnessAlerts(_ref2) {
+  var assetsList = _ref2.assetsList,
+    alertsGroupByRuleId = _ref2.alertsGroupByRuleId,
+    wellnessRuleSettings = _ref2.wellnessRuleSettings,
+    wellHubSlug = _ref2.wellHubSlug;
+  var newWellnessAlerts = alertsGroupByRuleId.reduce(function (acc, alerts) {
+    if (!(alerts !== null && alerts !== void 0 && alerts.length)) {
+      return acc;
+    }
+    var alertsGroupByName = groupAlertsByAssetName(alerts, assetsList);
+    Object.keys(alertsGroupByName).forEach(function (alertKey) {
+      var alertsList = alertsGroupByName[alertKey];
+      var rule = wellnessRuleSettings.find(function (_ref3) {
+        var data = _ref3.data;
+        return (data === null || data === void 0 ? void 0 : data.rule_id) === alertsList[0].ruleId;
+      });
+      var name = rule.data.customer_name || alertsList[0].name;
+      var category = rule.data.customer_category || alertsList[0].category;
+      var alert = alertsList.find(function (item) {
+        return item.status === ALERT_STATUSES.OPEN || item.status === ALERT_STATUSES.EXPIRED;
+      });
+      var isAlertResolved = alertsList.every(function (alert) {
+        return isResolved(alert.status);
+      });
+      if (!acc[alertKey]) acc[alertKey] = [];
+      acc[alertKey].push({
+        alert: _objectSpread(_objectSpread({}, isAlertResolved ? _objectSpread(_objectSpread({}, alertsList.sort(function (a, b) {
+          return b.statusUpdatedAt - a.statusUpdatedAt;
+        })[0]), {}, {
+          emptyMessage: DATA_QUALITY_CHECK_PASSED
+        }) : alert), {}, {
+          name: name,
+          category: category
+        }),
+        isResolved: isAlertResolved,
+        id: alertsList[0].id,
+        issuesNum: alertsList.filter(function (alert) {
+          return alert.state === ALERT_STATES.issue && !isResolved(alert.status);
+        }).length,
+        name: name,
+        missingNum: alertsList.filter(function (alert) {
+          return alert.state === ALERT_STATES.missing && !isResolved(alert.status);
+        }).length,
+        linkToDQPage: getLinkToDQPage({
+          assetId: alertsList[0].assetId,
+          wellHubSlug: wellHubSlug
+        })
+      });
+    });
+    return acc;
+  }, {});
+  return newWellnessAlerts;
+};
+var getIconType = function getIconType(alertsFromAssetsListKeys, wellnessAlertsFromAssetsList) {
+  var isAllAlertsResolved = alertsFromAssetsListKeys.filter(function (key) {
+    return wellnessAlertsFromAssetsList[key].every(function (item) {
+      return item.isResolved;
+    });
+  }).length === alertsFromAssetsListKeys.length;
+  if (isAllAlertsResolved) return BADGE_ICON_STATUSES.success;
+  var hasMissingAlerts = alertsFromAssetsListKeys.filter(function (key) {
+    return wellnessAlertsFromAssetsList[key].some(function (item) {
+      return item.missingNum;
+    });
+  }).length;
+  if (hasMissingAlerts) return BADGE_ICON_STATUSES.error;
+  var hasIssueAlerts = alertsFromAssetsListKeys.filter(function (key) {
+    return wellnessAlertsFromAssetsList[key].some(function (item) {
+      return item.issuesNum;
+    });
+  }).length;
+  if (hasIssueAlerts) return BADGE_ICON_STATUSES.issue;
+  return '';
+};
+var findUpdatedFields = function findUpdatedFields(oldAlert, newAlert) {
+  return omitBy(newAlert, function (value, key) {
+    return isEqual(value, oldAlert[key]);
+  });
+};
+var hasOnlyLastCheckedAtKey = function hasOnlyLastCheckedAtKey(alert) {
+  return isEqual(keys(alert), ['lastCheckedAt']);
+};
+var getSortedWellnessAlerts = function getSortedWellnessAlerts(alertsKeys, alerts) {
+  return alertsKeys.reduce(function (acc, key) {
+    return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, sortBy(alerts[key], [function (item) {
+      return -item.missingNum;
+    }, function (item) {
+      return -item.issuesNum;
+    }, function (item) {
+      return item.alert.category;
+    }, function (item) {
+      return item.name;
+    }])));
+  }, {});
+};
+var getCategoryIconType = function getCategoryIconType(rules) {
+  var isError = rules.some(function (rule) {
+    return rule.missingNum > 0;
+  });
+  if (isError) return BADGE_ICON_STATUSES.error;
+  var isIssue = rules.some(function (rule) {
+    return rule.issuesNum > 0;
+  });
+  if (isIssue) return BADGE_ICON_STATUSES.issue;
+  return BADGE_ICON_STATUSES.resolved;
+};
+
+export { findUpdatedFields, getCategoryIconType, getDeductsFromScoreClass, getDeductsFromScoreValue, getIconType, getLinkToDQPage, getNewWellnessAlerts, getSortedWellnessAlerts, groupAlertsByAssetName, hasOnlyLastCheckedAtKey, isResolved, parseWellnessAlertFromJson };
+//# sourceMappingURL=utils.js.map

package/components/StatusBadge/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/StatusBadge/utils.ts"],"sourcesContent":["import { omitBy, isEqual, keys, sortBy } from 'lodash';\nimport {\n  ALERT_STATES,\n  ALERT_STATUSES,\n  BADGE_ICON_STATUSES,\n  DATA_QUALITY_CHECK_PASSED,\n  AssetItem,\n  BadgeIconStatus,\n} from '~/components/StatusBadge/constants';\nimport {\n  ParseWellnessAlertFromJson,\n  GetDeductsFromScoreValue,\n  GetDeductsFromScoreClass,\n} from '~/components/StatusBadge/types';\n\nexport const isResolved: (status: string) => boolean = (status = '') =>\n  status.toLowerCase() === ALERT_STATUSES.RESOLVED;\n\nexport const getDeductsFromScoreClass: GetDeductsFromScoreClass = (styles, score, isResolved) => {\n  if (isResolved || !score) return '';\n\n  if (score > 40) {\n    return styles.error;\n  } else if (score > 10) {\n    return styles.warn;\n  } else if (score > 5) {\n    return styles.ok;\n  }\n\n  return styles.good;\n};\n\nexport const getDeductsFromScoreValue: GetDeductsFromScoreValue = (\n  deductsFromScore,\n  isResolved\n) => {\n  return !isResolved && deductsFromScore >= 0 ? `${deductsFromScore}%` : '—';\n};\n\nfunction parseStatus(status) {\n  const resolvedStatuses = ['not available', 'resolved'];\n\n  if (status === 'under investigation') {\n    return 'investigation';\n  }\n\n  if (resolvedStatuses.includes(status)) {\n    return 'resolved';\n  }\n\n  return status;\n}\n\nfunction parseState(state) {\n  const issueStates = ['Fatal', 'Critical', 'Issue', 'Manual'];\n  const missingStates = ['Missing Data'];\n\n  if (issueStates.includes(state)) {\n    return 'Issue';\n  } else if (missingStates.includes(state)) {\n    return 'Missing';\n  }\n\n  return 'Unknown';\n}\n\nexport const parseWellnessAlertFromJson: ParseWellnessAlertFromJson = obj => {\n  if (\n    obj.data.state === 'Issue' &&\n    obj.data.name !== 'Manual Alert' &&\n    obj.data.category !== 'User Created'\n  ) {\n    return null;\n  }\n\n  return {\n    id: obj._id,\n    assetId: obj.asset_id,\n    name: obj.data.name,\n    category: obj.data.category,\n    lastCheckedAt: obj.data.last_checked_at,\n    ruleId: obj.data.rule_id,\n    message: obj.data.message,\n    status: parseStatus(obj.data.status),\n    statusReason: obj.data.status_reason,\n    statusUpdatedAt: obj.data.status_updated_at,\n    state: parseState(obj.data.state),\n    createdAt: obj.timestamp,\n    note: obj.data.note,\n    isThrottled: obj.data.is_throttled,\n    segment: obj.data.segment,\n    metrics: {\n      holeDepth: obj.data.metrics?.hole_depth,\n      state: obj.data.metrics?.state,\n    },\n    deductsFromScore: obj.data.deducts_from_score,\n  };\n};\n\nexport const getLinkToDQPage = ({\n  assetId,\n  wellHubSlug,\n}: {\n  assetId: number;\n  wellHubSlug: string;\n}): string => `/assets/${assetId}/${wellHubSlug}/Data Quality`;\n\nexport const groupAlertsByAssetName = (alerts, assetsList) =>\n  alerts.reduce((alertAcc, alert) => {\n    if (!alert) return alertAcc;\n\n    if (\n      [ALERT_STATUSES.FLAGGED, ALERT_STATUSES.INVESTIGATION, ALERT_STATUSES.ON_HOLD].includes(\n        alert.status\n      )\n    )\n      return alertAcc;\n\n    const asset = assetsList.find(asset => asset.id === alert.assetId);\n    const assetName = asset.name;\n\n    if (!alertAcc[assetName]) alertAcc[assetName] = [];\n\n    alertAcc[assetName].push(alert);\n    return alertAcc;\n  }, {});\n\nexport const getNewWellnessAlerts = ({\n  assetsList,\n  alertsGroupByRuleId,\n  wellnessRuleSettings,\n  wellHubSlug,\n}) => {\n  const newWellnessAlerts = alertsGroupByRuleId.reduce((acc, alerts) => {\n    if (!alerts?.length) {\n      return acc;\n    }\n\n    const alertsGroupByName = groupAlertsByAssetName(alerts, assetsList);\n    Object.keys(alertsGroupByName).forEach(alertKey => {\n      const alertsList = alertsGroupByName[alertKey];\n      const rule = wellnessRuleSettings.find(({ data }) => data?.rule_id === alertsList[0].ruleId);\n      const name = rule.data.customer_name || alertsList[0].name;\n      const category = rule.data.customer_category || alertsList[0].category;\n      const alert = alertsList.find(\n        item => item.status === ALERT_STATUSES.OPEN || item.status === ALERT_STATUSES.EXPIRED\n      );\n      const isAlertResolved = alertsList.every(alert => isResolved(alert.status));\n\n      if (!acc[alertKey]) acc[alertKey] = [];\n      acc[alertKey].push({\n        alert: {\n          ...(isAlertResolved\n            ? {\n                ...alertsList.sort((a, b) => b.statusUpdatedAt - a.statusUpdatedAt)[0],\n                emptyMessage: DATA_QUALITY_CHECK_PASSED,\n              }\n            : alert),\n          name,\n          category,\n        },\n        isResolved: isAlertResolved,\n        id: alertsList[0].id,\n        issuesNum: alertsList.filter(\n          alert => alert.state === ALERT_STATES.issue && !isResolved(alert.status)\n        ).length,\n        name,\n        missingNum: alertsList.filter(\n          alert => alert.state === ALERT_STATES.missing && !isResolved(alert.status)\n        ).length,\n        linkToDQPage: getLinkToDQPage({ assetId: alertsList[0].assetId, wellHubSlug }),\n      });\n    });\n\n    return acc;\n  }, {});\n\n  return newWellnessAlerts;\n};\n\nexport const getIconType = (alertsFromAssetsListKeys, wellnessAlertsFromAssetsList) => {\n  const isAllAlertsResolved =\n    alertsFromAssetsListKeys.filter(key =>\n      wellnessAlertsFromAssetsList[key].every(item => item.isResolved)\n    ).length === alertsFromAssetsListKeys.length;\n  if (isAllAlertsResolved) return BADGE_ICON_STATUSES.success;\n\n  const hasMissingAlerts = alertsFromAssetsListKeys.filter(key =>\n    wellnessAlertsFromAssetsList[key].some(item => item.missingNum)\n  ).length;\n\n  if (hasMissingAlerts) return BADGE_ICON_STATUSES.error;\n\n  const hasIssueAlerts = alertsFromAssetsListKeys.filter(key =>\n    wellnessAlertsFromAssetsList[key].some(item => item.issuesNum)\n  ).length;\n\n  if (hasIssueAlerts) return BADGE_ICON_STATUSES.issue;\n\n  return '';\n};\n\nexport const findUpdatedFields = (oldAlert, newAlert) =>\n  omitBy(newAlert, (value, key) => isEqual(value, oldAlert[key]));\n\nexport const hasOnlyLastCheckedAtKey = alert => isEqual(keys(alert), ['lastCheckedAt']);\n\nexport const getSortedWellnessAlerts = (alertsKeys, alerts) =>\n  alertsKeys.reduce(\n    (acc, key) => ({\n      ...acc,\n      [key]: sortBy(alerts[key], [\n        item => -item.missingNum,\n        item => -item.issuesNum,\n        item => item.alert.category,\n        item => item.name,\n      ]),\n    }),\n    {}\n  );\n\nexport const getCategoryIconType: (rules: AssetItem[]) => BadgeIconStatus = rules => {\n  const isError = rules.some(rule => rule.missingNum > 0);\n  if (isError) return BADGE_ICON_STATUSES.error;\n\n  const isIssue = rules.some(rule => rule.issuesNum > 0);\n  if (isIssue) return BADGE_ICON_STATUSES.issue;\n\n  return BADGE_ICON_STATUSES.resolved;\n};\n"],"names":["isResolved","status","toLowerCase","ALERT_STATUSES","RESOLVED","getDeductsFromScoreClass","styles","score","error","warn","ok","good","getDeductsFromScoreValue","deductsFromScore","parseStatus","resolvedStatuses","includes","parseState","state","issueStates","missingStates","parseWellnessAlertFromJson","obj","data","name","category","id","_id","assetId","asset_id","lastCheckedAt","last_checked_at","ruleId","rule_id","message","statusReason","status_reason","statusUpdatedAt","status_updated_at","createdAt","timestamp","note","isThrottled","is_throttled","segment","metrics","holeDepth","hole_depth","deducts_from_score","getLinkToDQPage","wellHubSlug","groupAlertsByAssetName","alerts","assetsList","reduce","alertAcc","alert","FLAGGED","INVESTIGATION","ON_HOLD","asset","find","assetName","push","getNewWellnessAlerts","alertsGroupByRuleId","wellnessRuleSettings","newWellnessAlerts","acc","length","alertsGroupByName","Object","keys","forEach","alertKey","alertsList","rule","customer_name","customer_category","item","OPEN","EXPIRED","isAlertResolved","every","sort","a","b","emptyMessage","DATA_QUALITY_CHECK_PASSED","issuesNum","filter","ALERT_STATES","issue","missingNum","missing","linkToDQPage","getIconType","alertsFromAssetsListKeys","wellnessAlertsFromAssetsList","isAllAlertsResolved","key","BADGE_ICON_STATUSES","success","hasMissingAlerts","some","hasIssueAlerts","findUpdatedFields","oldAlert","newAlert","omitBy","value","isEqual","hasOnlyLastCheckedAtKey","getSortedWellnessAlerts","alertsKeys","sortBy","getCategoryIconType","rules","isError","isIssue","resolved"],"mappings":";;;;;;AAeaA,IAAAA,UAAuC,GAAG,SAA1CA,UAAuC,GAAA;EAAA,IAAIC,MAAM,uEAAG,EAAE,CAAA;AAAA,EAAA,OACjEA,MAAM,CAACC,WAAW,EAAE,KAAKC,cAAc,CAACC,QAAQ,CAAA;AAAA,EAAA;AAE3C,IAAMC,wBAAkD,GAAG,SAArDA,wBAAkD,CAAIC,MAAM,EAAEC,KAAK,EAAEP,UAAU,EAAK;AAC/F,EAAA,IAAIA,UAAU,IAAI,CAACO,KAAK,EAAE,OAAO,EAAE,CAAA;EAEnC,IAAIA,KAAK,GAAG,EAAE,EAAE;IACd,OAAOD,MAAM,CAACE,KAAK,CAAA;AACrB,GAAC,MAAM,IAAID,KAAK,GAAG,EAAE,EAAE;IACrB,OAAOD,MAAM,CAACG,IAAI,CAAA;AACpB,GAAC,MAAM,IAAIF,KAAK,GAAG,CAAC,EAAE;IACpB,OAAOD,MAAM,CAACI,EAAE,CAAA;AAClB,GAAA;EAEA,OAAOJ,MAAM,CAACK,IAAI,CAAA;AACpB,EAAC;AAEM,IAAMC,wBAAkD,GAAG,SAArDA,wBAAkD,CAC7DC,gBAAgB,EAChBb,UAAU,EACP;EACH,OAAO,CAACA,UAAU,IAAIa,gBAAgB,IAAI,CAAC,GAAA,EAAA,CAAA,MAAA,CAAMA,gBAAgB,EAAA,GAAA,CAAA,GAAM,GAAG,CAAA;AAC5E,EAAC;AAED,SAASC,WAAW,CAACb,MAAM,EAAE;AAC3B,EAAA,IAAMc,gBAAgB,GAAG,CAAC,eAAe,EAAE,UAAU,CAAC,CAAA;EAEtD,IAAId,MAAM,KAAK,qBAAqB,EAAE;AACpC,IAAA,OAAO,eAAe,CAAA;AACxB,GAAA;AAEA,EAAA,IAAIc,gBAAgB,CAACC,QAAQ,CAACf,MAAM,CAAC,EAAE;AACrC,IAAA,OAAO,UAAU,CAAA;AACnB,GAAA;AAEA,EAAA,OAAOA,MAAM,CAAA;AACf,CAAA;AAEA,SAASgB,UAAU,CAACC,KAAK,EAAE;EACzB,IAAMC,WAAW,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAA;AAC5D,EAAA,IAAMC,aAAa,GAAG,CAAC,cAAc,CAAC,CAAA;AAEtC,EAAA,IAAID,WAAW,CAACH,QAAQ,CAACE,KAAK,CAAC,EAAE;AAC/B,IAAA,OAAO,OAAO,CAAA;GACf,MAAM,IAAIE,aAAa,CAACJ,QAAQ,CAACE,KAAK,CAAC,EAAE;AACxC,IAAA,OAAO,SAAS,CAAA;AAClB,GAAA;AAEA,EAAA,OAAO,SAAS,CAAA;AAClB,CAAA;IAEaG,0BAAsD,GAAG,SAAzDA,0BAAsD,CAAGC,GAAG,EAAI;AAAA,EAAA,IAAA,iBAAA,EAAA,kBAAA,CAAA;EAC3E,IACEA,GAAG,CAACC,IAAI,CAACL,KAAK,KAAK,OAAO,IAC1BI,GAAG,CAACC,IAAI,CAACC,IAAI,KAAK,cAAc,IAChCF,GAAG,CAACC,IAAI,CAACE,QAAQ,KAAK,cAAc,EACpC;AACA,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EAEA,OAAO;IACLC,EAAE,EAAEJ,GAAG,CAACK,GAAG;IACXC,OAAO,EAAEN,GAAG,CAACO,QAAQ;AACrBL,IAAAA,IAAI,EAAEF,GAAG,CAACC,IAAI,CAACC,IAAI;AACnBC,IAAAA,QAAQ,EAAEH,GAAG,CAACC,IAAI,CAACE,QAAQ;AAC3BK,IAAAA,aAAa,EAAER,GAAG,CAACC,IAAI,CAACQ,eAAe;AACvCC,IAAAA,MAAM,EAAEV,GAAG,CAACC,IAAI,CAACU,OAAO;AACxBC,IAAAA,OAAO,EAAEZ,GAAG,CAACC,IAAI,CAACW,OAAO;IACzBjC,MAAM,EAAEa,WAAW,CAACQ,GAAG,CAACC,IAAI,CAACtB,MAAM,CAAC;AACpCkC,IAAAA,YAAY,EAAEb,GAAG,CAACC,IAAI,CAACa,aAAa;AACpCC,IAAAA,eAAe,EAAEf,GAAG,CAACC,IAAI,CAACe,iBAAiB;IAC3CpB,KAAK,EAAED,UAAU,CAACK,GAAG,CAACC,IAAI,CAACL,KAAK,CAAC;IACjCqB,SAAS,EAAEjB,GAAG,CAACkB,SAAS;AACxBC,IAAAA,IAAI,EAAEnB,GAAG,CAACC,IAAI,CAACkB,IAAI;AACnBC,IAAAA,WAAW,EAAEpB,GAAG,CAACC,IAAI,CAACoB,YAAY;AAClCC,IAAAA,OAAO,EAAEtB,GAAG,CAACC,IAAI,CAACqB,OAAO;AACzBC,IAAAA,OAAO,EAAE;MACPC,SAAS,EAAA,CAAA,iBAAA,GAAExB,GAAG,CAACC,IAAI,CAACsB,OAAO,MAAA,IAAA,IAAA,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhB,kBAAkBE,UAAU;AACvC7B,MAAAA,KAAK,wBAAEI,GAAG,CAACC,IAAI,CAACsB,OAAO,uDAAhB,kBAAkB3B,CAAAA,KAAAA;KAC1B;AACDL,IAAAA,gBAAgB,EAAES,GAAG,CAACC,IAAI,CAACyB,kBAAAA;GAC5B,CAAA;AACH,EAAC;AAEYC,IAAAA,eAAe,GAAG,SAAlBA,eAAe,CAAA,IAAA,EAAA;EAAA,IAC1BrB,OAAO,QAAPA,OAAO;AACPsB,IAAAA,WAAW,QAAXA,WAAW,CAAA;EAAA,OAIYtB,UAAAA,CAAAA,MAAAA,CAAAA,OAAO,cAAIsB,WAAW,EAAA,eAAA,CAAA,CAAA;AAAA,EAAe;AAEvD,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAIC,MAAM,EAAEC,UAAU,EAAA;EAAA,OACvDD,MAAM,CAACE,MAAM,CAAC,UAACC,QAAQ,EAAEC,KAAK,EAAK;AACjC,IAAA,IAAI,CAACA,KAAK,EAAE,OAAOD,QAAQ,CAAA;IAE3B,IACE,CAACpD,cAAc,CAACsD,OAAO,EAAEtD,cAAc,CAACuD,aAAa,EAAEvD,cAAc,CAACwD,OAAO,CAAC,CAAC3C,QAAQ,CACrFwC,KAAK,CAACvD,MAAM,CACb,EAED,OAAOsD,QAAQ,CAAA;AAEjB,IAAA,IAAMK,KAAK,GAAGP,UAAU,CAACQ,IAAI,CAAC,UAAAD,KAAK,EAAA;AAAA,MAAA,OAAIA,KAAK,CAAClC,EAAE,KAAK8B,KAAK,CAAC5B,OAAO,CAAA;KAAC,CAAA,CAAA;AAClE,IAAA,IAAMkC,SAAS,GAAGF,KAAK,CAACpC,IAAI,CAAA;IAE5B,IAAI,CAAC+B,QAAQ,CAACO,SAAS,CAAC,EAAEP,QAAQ,CAACO,SAAS,CAAC,GAAG,EAAE,CAAA;AAElDP,IAAAA,QAAQ,CAACO,SAAS,CAAC,CAACC,IAAI,CAACP,KAAK,CAAC,CAAA;AAC/B,IAAA,OAAOD,QAAQ,CAAA;GAChB,EAAE,EAAE,CAAC,CAAA;AAAA,EAAA;AAEKS,IAAAA,oBAAoB,GAAG,SAAvBA,oBAAoB,CAK3B,KAAA,EAAA;EAAA,IAJJX,UAAU,SAAVA,UAAU;AACVY,IAAAA,mBAAmB,SAAnBA,mBAAmB;AACnBC,IAAAA,oBAAoB,SAApBA,oBAAoB;AACpBhB,IAAAA,WAAW,SAAXA,WAAW,CAAA;EAEX,IAAMiB,iBAAiB,GAAGF,mBAAmB,CAACX,MAAM,CAAC,UAACc,GAAG,EAAEhB,MAAM,EAAK;IACpE,IAAI,EAACA,MAAM,KAANA,IAAAA,IAAAA,MAAM,eAANA,MAAM,CAAEiB,MAAM,CAAE,EAAA;AACnB,MAAA,OAAOD,GAAG,CAAA;AACZ,KAAA;AAEA,IAAA,IAAME,iBAAiB,GAAGnB,sBAAsB,CAACC,MAAM,EAAEC,UAAU,CAAC,CAAA;IACpEkB,MAAM,CAACC,IAAI,CAACF,iBAAiB,CAAC,CAACG,OAAO,CAAC,UAAAC,QAAQ,EAAI;AACjD,MAAA,IAAMC,UAAU,GAAGL,iBAAiB,CAACI,QAAQ,CAAC,CAAA;AAC9C,MAAA,IAAME,IAAI,GAAGV,oBAAoB,CAACL,IAAI,CAAC,UAAA,KAAA,EAAA;QAAA,IAAGtC,IAAI,SAAJA,IAAI,CAAA;AAAA,QAAA,OAAO,CAAAA,IAAI,KAAJA,IAAAA,IAAAA,IAAI,uBAAJA,IAAI,CAAEU,OAAO,MAAK0C,UAAU,CAAC,CAAC,CAAC,CAAC3C,MAAM,CAAA;OAAC,CAAA,CAAA;AAC5F,MAAA,IAAMR,IAAI,GAAGoD,IAAI,CAACrD,IAAI,CAACsD,aAAa,IAAIF,UAAU,CAAC,CAAC,CAAC,CAACnD,IAAI,CAAA;AAC1D,MAAA,IAAMC,QAAQ,GAAGmD,IAAI,CAACrD,IAAI,CAACuD,iBAAiB,IAAIH,UAAU,CAAC,CAAC,CAAC,CAAClD,QAAQ,CAAA;AACtE,MAAA,IAAM+B,KAAK,GAAGmB,UAAU,CAACd,IAAI,CAC3B,UAAAkB,IAAI,EAAA;AAAA,QAAA,OAAIA,IAAI,CAAC9E,MAAM,KAAKE,cAAc,CAAC6E,IAAI,IAAID,IAAI,CAAC9E,MAAM,KAAKE,cAAc,CAAC8E,OAAO,CAAA;OACtF,CAAA,CAAA;AACD,MAAA,IAAMC,eAAe,GAAGP,UAAU,CAACQ,KAAK,CAAC,UAAA3B,KAAK,EAAA;AAAA,QAAA,OAAIxD,UAAU,CAACwD,KAAK,CAACvD,MAAM,CAAC,CAAA;OAAC,CAAA,CAAA;MAE3E,IAAI,CAACmE,GAAG,CAACM,QAAQ,CAAC,EAAEN,GAAG,CAACM,QAAQ,CAAC,GAAG,EAAE,CAAA;AACtCN,MAAAA,GAAG,CAACM,QAAQ,CAAC,CAACX,IAAI,CAAC;QACjBP,KAAK,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EACC0B,eAAe,GAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAEVP,UAAU,CAACS,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,EAAA;AAAA,UAAA,OAAKA,CAAC,CAACjD,eAAe,GAAGgD,CAAC,CAAChD,eAAe,CAAA;SAAC,CAAA,CAAC,CAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AACtEkD,UAAAA,YAAY,EAAEC,yBAAAA;AAAyB,SAAA,CAAA,GAEzChC,KAAK,CAAA,EAAA,EAAA,EAAA;AACThC,UAAAA,IAAI,EAAJA,IAAI;AACJC,UAAAA,QAAQ,EAARA,QAAAA;SACD,CAAA;AACDzB,QAAAA,UAAU,EAAEkF,eAAe;AAC3BxD,QAAAA,EAAE,EAAEiD,UAAU,CAAC,CAAC,CAAC,CAACjD,EAAE;AACpB+D,QAAAA,SAAS,EAAEd,UAAU,CAACe,MAAM,CAC1B,UAAAlC,KAAK,EAAA;AAAA,UAAA,OAAIA,KAAK,CAACtC,KAAK,KAAKyE,YAAY,CAACC,KAAK,IAAI,CAAC5F,UAAU,CAACwD,KAAK,CAACvD,MAAM,CAAC,CAAA;AAAA,SAAA,CACzE,CAACoE,MAAM;AACR7C,QAAAA,IAAI,EAAJA,IAAI;AACJqE,QAAAA,UAAU,EAAElB,UAAU,CAACe,MAAM,CAC3B,UAAAlC,KAAK,EAAA;AAAA,UAAA,OAAIA,KAAK,CAACtC,KAAK,KAAKyE,YAAY,CAACG,OAAO,IAAI,CAAC9F,UAAU,CAACwD,KAAK,CAACvD,MAAM,CAAC,CAAA;AAAA,SAAA,CAC3E,CAACoE,MAAM;QACR0B,YAAY,EAAE9C,eAAe,CAAC;AAAErB,UAAAA,OAAO,EAAE+C,UAAU,CAAC,CAAC,CAAC,CAAC/C,OAAO;AAAEsB,UAAAA,WAAW,EAAXA,WAAAA;SAAa,CAAA;AAC/E,OAAC,CAAC,CAAA;AACJ,KAAC,CAAC,CAAA;AAEF,IAAA,OAAOkB,GAAG,CAAA;GACX,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,OAAOD,iBAAiB,CAAA;AAC1B,EAAC;AAEM,IAAM6B,WAAW,GAAG,SAAdA,WAAW,CAAIC,wBAAwB,EAAEC,4BAA4B,EAAK;AACrF,EAAA,IAAMC,mBAAmB,GACvBF,wBAAwB,CAACP,MAAM,CAAC,UAAAU,GAAG,EAAA;IAAA,OACjCF,4BAA4B,CAACE,GAAG,CAAC,CAACjB,KAAK,CAAC,UAAAJ,IAAI,EAAA;MAAA,OAAIA,IAAI,CAAC/E,UAAU,CAAA;KAAC,CAAA,CAAA;AAAA,GAAA,CACjE,CAACqE,MAAM,KAAK4B,wBAAwB,CAAC5B,MAAM,CAAA;AAC9C,EAAA,IAAI8B,mBAAmB,EAAE,OAAOE,mBAAmB,CAACC,OAAO,CAAA;AAE3D,EAAA,IAAMC,gBAAgB,GAAGN,wBAAwB,CAACP,MAAM,CAAC,UAAAU,GAAG,EAAA;IAAA,OAC1DF,4BAA4B,CAACE,GAAG,CAAC,CAACI,IAAI,CAAC,UAAAzB,IAAI,EAAA;MAAA,OAAIA,IAAI,CAACc,UAAU,CAAA;KAAC,CAAA,CAAA;AAAA,GAAA,CAChE,CAACxB,MAAM,CAAA;AAER,EAAA,IAAIkC,gBAAgB,EAAE,OAAOF,mBAAmB,CAAC7F,KAAK,CAAA;AAEtD,EAAA,IAAMiG,cAAc,GAAGR,wBAAwB,CAACP,MAAM,CAAC,UAAAU,GAAG,EAAA;IAAA,OACxDF,4BAA4B,CAACE,GAAG,CAAC,CAACI,IAAI,CAAC,UAAAzB,IAAI,EAAA;MAAA,OAAIA,IAAI,CAACU,SAAS,CAAA;KAAC,CAAA,CAAA;AAAA,GAAA,CAC/D,CAACpB,MAAM,CAAA;AAER,EAAA,IAAIoC,cAAc,EAAE,OAAOJ,mBAAmB,CAACT,KAAK,CAAA;AAEpD,EAAA,OAAO,EAAE,CAAA;AACX,EAAC;AAEM,IAAMc,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,QAAQ,EAAEC,QAAQ,EAAA;AAAA,EAAA,OAClDC,MAAM,CAACD,QAAQ,EAAE,UAACE,KAAK,EAAEV,GAAG,EAAA;IAAA,OAAKW,OAAO,CAACD,KAAK,EAAEH,QAAQ,CAACP,GAAG,CAAC,CAAC,CAAA;GAAC,CAAA,CAAA;AAAA,EAAA;IAEpDY,uBAAuB,GAAG,SAA1BA,uBAAuB,CAAGxD,KAAK,EAAA;EAAA,OAAIuD,OAAO,CAACvC,IAAI,CAAChB,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;AAAA,EAAA;AAEhF,IAAMyD,uBAAuB,GAAG,SAA1BA,uBAAuB,CAAIC,UAAU,EAAE9D,MAAM,EAAA;AAAA,EAAA,OACxD8D,UAAU,CAAC5D,MAAM,CACf,UAACc,GAAG,EAAEgC,GAAG,EAAA;AAAA,IAAA,OAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EACJhC,GAAG,CAAA,EAAA,EAAA,EAAA,eAAA,CAAA,EAAA,EACLgC,GAAG,EAAGe,MAAM,CAAC/D,MAAM,CAACgD,GAAG,CAAC,EAAE,CACzB,UAAArB,IAAI,EAAA;MAAA,OAAI,CAACA,IAAI,CAACc,UAAU,CAAA;AAAA,KAAA,EACxB,UAAAd,IAAI,EAAA;MAAA,OAAI,CAACA,IAAI,CAACU,SAAS,CAAA;AAAA,KAAA,EACvB,UAAAV,IAAI,EAAA;AAAA,MAAA,OAAIA,IAAI,CAACvB,KAAK,CAAC/B,QAAQ,CAAA;AAAA,KAAA,EAC3B,UAAAsD,IAAI,EAAA;MAAA,OAAIA,IAAI,CAACvD,IAAI,CAAA;AAAA,KAAA,CAClB,CAAC,CAAA,CAAA,CAAA;GACF,EACF,EAAE,CACH,CAAA;AAAA,EAAA;IAEU4F,mBAA4D,GAAG,SAA/DA,mBAA4D,CAAGC,KAAK,EAAI;AACnF,EAAA,IAAMC,OAAO,GAAGD,KAAK,CAACb,IAAI,CAAC,UAAA5B,IAAI,EAAA;AAAA,IAAA,OAAIA,IAAI,CAACiB,UAAU,GAAG,CAAC,CAAA;GAAC,CAAA,CAAA;AACvD,EAAA,IAAIyB,OAAO,EAAE,OAAOjB,mBAAmB,CAAC7F,KAAK,CAAA;AAE7C,EAAA,IAAM+G,OAAO,GAAGF,KAAK,CAACb,IAAI,CAAC,UAAA5B,IAAI,EAAA;AAAA,IAAA,OAAIA,IAAI,CAACa,SAAS,GAAG,CAAC,CAAA;GAAC,CAAA,CAAA;AACtD,EAAA,IAAI8B,OAAO,EAAE,OAAOlB,mBAAmB,CAACT,KAAK,CAAA;EAE7C,OAAOS,mBAAmB,CAACmB,QAAQ,CAAA;AACrC;;;;"}

package/components/Stepper/Step/Step.js

@@ -1 +1,95 @@
-import{jsxs as o,Fragment as s,jsx as c}from"react/jsx-runtime";import i from"classnames";import{CheckSmallIcon as n}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/Gap.js";import{Regular20 as t,Regular16 as r,Regular14 as e}from"../../Typography.js";import{Tooltip as m}from"../../Tooltip/Tooltip.js";import"../../Tooltip/ScrollableTooltip.js";import{Size as l}from"../constants.js";import{useStyles as a}from"./styles.js";var p,u=((p={})[l.Large]={value:t,label:r},p[l.Medium]={value:r,label:e},p),d=function(t){var r,e,p=t.label,d=t.value,j=t.canGoBack,I=void 0===j||j,b=t.className,h=t.goBackTooltip,v=void 0===h?"Go Back":h,k=t.tooltip,C=t.onClick,f=t.size,F=void 0===f?l.Medium:f,M=t.checked,x=t.active,T=t.error,g=t.disabled,G=a(),N=u[F]||u[l.Medium],y=I&&M,A=!(y&&C||k),B=o(s,{children:[y&&v,y&&k&&o(s,{children:[c("br",{}),c("br",{})]}),k]}),E=((r={})[l.Large]="",r[l.Medium]=G.medium,r),L=o("div",{className:i(G.step,(e={},e[G.error]=T,e[G.disabled]=g,e[G.passed]=M,e[G.current]=x,e[G.hoverable]=I,e),E[F],b),onClick:y?C:void 0,children:[c(N.value,{className:G.value,children:I||!M?d:c(n,{})}),c(N.label,{className:G.label,children:p})]});return A?L:c(m,{title:B,placement:"bottom",children:L})};export{d as Step};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import classNames from 'classnames';
+import { CheckSmallIcon } from '../../../icons/iconParkIcons.js';
+import '../../../icons/customIcons/icons/AddMessage.js';
+import '../../../icons/customIcons/icons/Attention.js';
+import '../../../icons/customIcons/icons/Collapse.js';
+import '../../../icons/customIcons/icons/Dashboard.js';
+import '../../../icons/customIcons/icons/Expand.js';
+import '../../../icons/customIcons/icons/FolderClosed.js';
+import '../../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../../icons/customIcons/icons/FolderOpened.js';
+import '../../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../../icons/customIcons/icons/LessOrEqual.js';
+import '../../../icons/customIcons/icons/Search.js';
+import '../../../icons/customIcons/icons/Wellhub.js';
+import '../../../icons/customIcons/icons/MultiRuler.js';
+import '../../../icons/customIcons/icons/Checkbox.js';
+import '../../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../../icons/customIcons/icons/Radio.js';
+import '../../../icons/customIcons/icons/RadioChecked.js';
+import '../../../icons/customIcons/icons/SimulFrac.js';
+import '../../../icons/customIcons/icons/ZipperFrac.js';
+import '../../../icons/customIcons/icons/CautionFilled.js';
+import '../../../icons/customIcons/icons/MoreApp.js';
+import '../../../icons/customIcons/icons/Pad.js';
+import '../../../icons/customIcons/icons/Gap.js';
+import { Regular20, Regular16, Regular14 } from '../../Typography.js';
+import { Tooltip } from '../../Tooltip/Tooltip.js';
+import '../../Tooltip/ScrollableTooltip.js';
+import { Size } from '../constants.js';
+import { useStyles } from './styles.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var _sizeToComponentMap;
+var sizeToComponentMap = (_sizeToComponentMap = {}, _defineProperty(_sizeToComponentMap, Size.Large, {
+  value: Regular20,
+  label: Regular16
+}), _defineProperty(_sizeToComponentMap, Size.Medium, {
+  value: Regular16,
+  label: Regular14
+}), _sizeToComponentMap);
+
+// ⚠️⚠️⚠️ Mentioned in storybook, please update when editing this type
+
+var Step = function Step(props) {
+  var _sizeToClassMap, _classNames;
+  var label = props.label,
+    value = props.value,
+    _props$canGoBack = props.canGoBack,
+    canGoBack = _props$canGoBack === void 0 ? true : _props$canGoBack,
+    className = props.className,
+    _props$goBackTooltip = props.goBackTooltip,
+    goBackTooltip = _props$goBackTooltip === void 0 ? 'Go Back' : _props$goBackTooltip,
+    tooltip = props.tooltip,
+    onClick = props.onClick,
+    _props$size = props.size,
+    size = _props$size === void 0 ? Size.Medium : _props$size,
+    checked = props.checked,
+    active = props.active,
+    error = props.error,
+    disabled = props.disabled;
+  var classes = useStyles();
+  var Components = sizeToComponentMap[size] || sizeToComponentMap[Size.Medium];
+  var goBackEnabled = canGoBack && checked;
+  var disableTooltip = (!goBackEnabled || !onClick) && !tooltip;
+  var tooltipContent = /*#__PURE__*/jsxs(Fragment, {
+    children: [goBackEnabled && goBackTooltip, goBackEnabled && tooltip && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx("br", {})]
+    }), tooltip]
+  });
+  var sizeToClassMap = (_sizeToClassMap = {}, _defineProperty(_sizeToClassMap, Size.Large, ''), _defineProperty(_sizeToClassMap, Size.Medium, classes.medium), _sizeToClassMap);
+  var content = /*#__PURE__*/jsxs("div", {
+    className: classNames(classes.step, (_classNames = {}, _defineProperty(_classNames, classes.error, error), _defineProperty(_classNames, classes.disabled, disabled), _defineProperty(_classNames, classes.passed, checked), _defineProperty(_classNames, classes.current, active), _defineProperty(_classNames, classes.hoverable, canGoBack), _classNames), sizeToClassMap[size], className),
+    onClick: goBackEnabled ? onClick : undefined,
+    children: [/*#__PURE__*/jsx(Components.value, {
+      className: classes.value,
+      children: canGoBack || !checked ? value : /*#__PURE__*/jsx(CheckSmallIcon, {})
+    }), /*#__PURE__*/jsx(Components.label, {
+      className: classes.label,
+      children: label
+    })]
+  });
+  if (disableTooltip) {
+    return content;
+  }
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: tooltipContent,
+    placement: "bottom",
+    children: content
+  });
+};
+
+export { Step };
+//# sourceMappingURL=Step.js.map

package/components/Stepper/Stepper.js

@@ -1 +1,36 @@
-import{__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import{useMemo as e}from"react";import{Step as o}from"./Step/Step.js";import{Size as i}from"./constants.js";import{StepsWrapper as s}from"./StepsWrapper.js";var m=function(m){var a=m.steps,p=m.activeStep,n=void 0===p?-1:p,c=m.size,f=void 0===c?i.Medium:c,u=m.className,v=e((function(){return a.map((function(e,i){var s=i+1;return t(o,r({size:f,checked:s<n,active:s===n},e),s)}))}),[a,n,f]);return t(s,{className:u,children:v})};m.SIZE=i;var a=m;export{a as Stepper};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useMemo } from 'react';
+import { Step } from './Step/Step.js';
+import { Size } from './constants.js';
+import { StepsWrapper } from './StepsWrapper.js';
+import { jsx } from 'react/jsx-runtime';
+
+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; }
+var StepperBase = function StepperBase(_ref) {
+  var steps = _ref.steps,
+    _ref$activeStep = _ref.activeStep,
+    activeStep = _ref$activeStep === void 0 ? -1 : _ref$activeStep,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? Size.Medium : _ref$size,
+    className = _ref.className;
+  var actualSteps = useMemo(function () {
+    return steps.map(function (stepProps, index) {
+      var stepIndex = index + 1;
+      return /*#__PURE__*/jsx(Step, _objectSpread({
+        size: size,
+        checked: stepIndex < activeStep,
+        active: stepIndex === activeStep
+      }, stepProps), stepIndex);
+    });
+  }, [steps, activeStep, size]);
+  return /*#__PURE__*/jsx(StepsWrapper, {
+    className: className,
+    children: actualSteps
+  });
+};
+StepperBase.SIZE = Size;
+var Stepper = StepperBase;
+
+export { Stepper };
+//# sourceMappingURL=Stepper.js.map

package/components/Stepper/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import { ComponentProps, useMemo } from 'react';\nimport { Step } from './Step';\nimport { Size } from './constants';\nimport { StepsWrapper } from './StepsWrapper';\n\ntype StepperProps = {\n  steps: ComponentProps<typeof Step>[];\n  className?: string;\n  activeStep?: number;\n  size?: Size;\n};\n\nconst StepperBase = ({ steps, activeStep = -1, size = Size.Medium, className }: StepperProps) => {\n  const actualSteps = useMemo(() => {\n    return steps.map((stepProps, index) => {\n      const stepIndex = index + 1;\n      return (\n        <Step\n          key={stepIndex}\n          size={size}\n          checked={stepIndex < activeStep}\n          active={stepIndex === activeStep}\n          {...stepProps}\n        />\n      );\n    });\n  }, [steps, activeStep, size]);\n\n  return <StepsWrapper className={className}>{actualSteps}</StepsWrapper>;\n};\n\nStepperBase.SIZE = Size;\n\nexport const Stepper = StepperBase;\n"],"names":["StepperBase","steps","activeStep","size","Size","Medium","className","actualSteps","useMemo","map","stepProps","index","stepIndex","_jsx","SIZE","Stepper"],"mappings":";;;;;;;;;AAYA,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAgF,IAAA,EAAA;EAAA,IAA1EC,KAAK,QAALA,KAAK;AAAA,IAAA,eAAA,GAAA,IAAA,CAAEC,UAAU;IAAVA,UAAU,GAAA,eAAA,KAAA,KAAA,CAAA,GAAG,CAAC,CAAC,GAAA,eAAA;AAAA,IAAA,SAAA,GAAA,IAAA,CAAEC,IAAI;IAAJA,IAAI,GAAA,SAAA,KAAA,KAAA,CAAA,GAAGC,IAAI,CAACC,MAAM,GAAA,SAAA;AAAEC,IAAAA,SAAS,QAATA,SAAS,CAAA;AAC1E,EAAA,IAAMC,WAAW,GAAGC,OAAO,CAAC,YAAM;IAChC,OAAOP,KAAK,CAACQ,GAAG,CAAC,UAACC,SAAS,EAAEC,KAAK,EAAK;AACrC,MAAA,IAAMC,SAAS,GAAGD,KAAK,GAAG,CAAC,CAAA;AAC3B,MAAA,oBACEE,IAAC,IAAI,EAAA,aAAA,CAAA;AAEH,QAAA,IAAI,EAAEV,IAAK;QACX,OAAO,EAAES,SAAS,GAAGV,UAAW;QAChC,MAAM,EAAEU,SAAS,KAAKV,UAAAA;OAClBQ,EAAAA,SAAS,CAJRE,EAAAA,SAAS,CAKd,CAAA;AAEN,KAAC,CAAC,CAAA;GACH,EAAE,CAACX,KAAK,EAAEC,UAAU,EAAEC,IAAI,CAAC,CAAC,CAAA;AAE7B,EAAA,oBAAOU,IAAC,YAAY,EAAA;AAAC,IAAA,SAAS,EAAEP,SAAU;IAAA,QAAEC,EAAAA,WAAAA;GAA2B,CAAA,CAAA;AACzE,CAAC,CAAA;AAEDP,WAAW,CAACc,IAAI,GAAGV,IAAI,CAAA;AAEhB,IAAMW,OAAO,GAAGf;;;;"}

package/components/Stepper/StepsWrapper.js

@@ -1 +1,27 @@
-import{jsx as r}from"react/jsx-runtime";import{makeStyles as e}from"@material-ui/core";import a from"classnames";var o=e((function(r){return{root:{display:"flex",gap:r.spacing(2),flexFlow:"row wrap",padding:r.spacing(2,0),justifyContent:"space-between"}}})),t=function(e){var t=e.className,i=e.children,n=o();return r("div",{className:a(n.root,t),children:i})};export{t as StepsWrapper};
+import { makeStyles } from '@material-ui/core';
+import classNames from 'classnames';
+import { jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    root: {
+      display: 'flex',
+      gap: theme.spacing(2),
+      flexFlow: 'row wrap',
+      padding: theme.spacing(2, 0),
+      justifyContent: 'space-between'
+    }
+  };
+});
+var StepsWrapper = function StepsWrapper(_ref) {
+  var className = _ref.className,
+    children = _ref.children;
+  var styles = useStyles();
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(styles.root, className),
+    children: children
+  });
+};
+
+export { StepsWrapper };
+//# sourceMappingURL=StepsWrapper.js.map

package/components/Stepper/StepsWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepsWrapper.js","sources":["../../../src/components/Stepper/StepsWrapper.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    gap: theme.spacing(2),\n    flexFlow: 'row wrap',\n    padding: theme.spacing(2, 0),\n    justifyContent: 'space-between',\n  },\n}));\n\ntype StepsWrapperProps = { className?: string; children?: ReactNode };\n\nexport const StepsWrapper = ({ className, children }: StepsWrapperProps) => {\n  const styles = useStyles();\n\n  return <div className={classNames(styles.root, className)}>{children}</div>;\n};\n"],"names":["useStyles","makeStyles","theme","root","display","gap","spacing","flexFlow","padding","justifyContent","StepsWrapper","className","children","styles","_jsx","classNames"],"mappings":";;;;AAIA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,GAAG,EAAEH,KAAK,CAACI,OAAO,CAAC,CAAC,CAAC;AACrBC,MAAAA,QAAQ,EAAE,UAAU;MACpBC,OAAO,EAAEN,KAAK,CAACI,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;AAC5BG,MAAAA,cAAc,EAAE,eAAA;AAClB,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAIUC,IAAAA,YAAY,GAAG,SAAfA,YAAY,CAAmD,IAAA,EAAA;EAAA,IAA7CC,SAAS,QAATA,SAAS;AAAEC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;EAChD,IAAMC,MAAM,GAAGb,SAAS,EAAE,CAAA;EAE1B,oBAAOc,GAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,UAAU,CAACF,MAAM,CAACV,IAAI,EAAEQ,SAAS,CAAE;IAAA,QAAEC,EAAAA,QAAAA;GAAe,CAAA,CAAA;AAC7E;;;;"}

package/components/Stepper/constants.js

@@ -1 +1,8 @@
-var e;!function(e){e.Large="large",e.Medium="medium"}(e||(e={}));export{e as Size};
+var Size; // Default
+(function (Size) {
+  Size["Large"] = "large";
+  Size["Medium"] = "medium";
+})(Size || (Size = {}));
+
+export { Size };
+//# sourceMappingURL=constants.js.map

package/components/StyledMenuItem/index.js

@@ -1 +1,21 @@
-import e from"@babel/runtime/helpers/defineProperty";import{withStyles as r,MenuItem as t}from"@material-ui/core";import{jsx as o}from"react/jsx-runtime";function n(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function c(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var i=r({root:{"&.Mui-selected":{backgroundColor:"#414141"}}})(t),p=function(e){return o(i,c(c({},e),{},{children:e.children}))};export{p as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { withStyles, MenuItem } from '@material-ui/core';
+import { jsx } from 'react/jsx-runtime';
+
+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; }
+var MenuItemWithStyles = withStyles({
+  root: {
+    '&.Mui-selected': {
+      backgroundColor: '#414141'
+    }
+  }
+})(MenuItem);
+var StyledMenuItem = function StyledMenuItem(props) {
+  return /*#__PURE__*/jsx(MenuItemWithStyles, _objectSpread(_objectSpread({}, props), {}, {
+    children: props.children
+  }));
+};
+
+export { StyledMenuItem as default };
+//# sourceMappingURL=index.js.map

package/components/StyledMenuItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/StyledMenuItem/index.js"],"sourcesContent":["import { MenuItem, withStyles } from '@material-ui/core';\n\nconst MenuItemWithStyles = withStyles({\n  root: {\n    '&.Mui-selected': {\n      backgroundColor: '#414141',\n    },\n  },\n})(MenuItem);\n\nconst StyledMenuItem = props => (\n  <MenuItemWithStyles {...props}>{props.children}</MenuItemWithStyles>\n);\n\nexport default StyledMenuItem;\n"],"names":["MenuItemWithStyles","withStyles","root","backgroundColor","MenuItem","StyledMenuItem","props","_jsx","children"],"mappings":";;;;;;AAEA,IAAMA,kBAAkB,GAAGC,UAAU,CAAC;AACpCC,EAAAA,IAAI,EAAE;AACJ,IAAA,gBAAgB,EAAE;AAChBC,MAAAA,eAAe,EAAE,SAAA;AACnB,KAAA;AACF,GAAA;AACF,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAA;AAEZ,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAGC,KAAK,EAAA;EAAA,oBAC1BC,GAAA,CAAC,kBAAkB,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAAKD,KAAK,CAAA,EAAA,EAAA,EAAA;AAAA,IAAA,QAAA,EAAGA,KAAK,CAACE,QAAAA;GAA8B,CAAA,CAAA,CAAA;AAAA;;;;"}

package/components/SwitchControl/index.js

@@ -1 +1,162 @@
-import{__rest as e,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as a,jsx as i}from"react/jsx-runtime";import{forwardRef as l}from"react";import o from"classnames";import{makeStyles as r,Grid as s,Tooltip as c,Typography as n,Switch as d}from"@material-ui/core";import b from"./style.css.js";var m=r((function(e){return{root:{width:60,height:40,padding:13,"&.MuiSwitch-sizeSmall":{width:52,height:36,padding:13},"& .MuiSwitch-switchBase":{padding:10}},switchBase:{padding:10,color:"#03BCD4","&.MuiIconButton-root:hover":{backgroundColor:"rgba(3, 188, 212, 0.08)"}},switchBaseDisabled:{color:"#196069 !important"},track:{backgroundColor:"#196069 !important",opacity:"1 !important",border:"none"},trackDisabled:{backgroundColor:"#223D40 !important",opacity:"1 !important",border:"none"},switchBaseDisabledNoLabels:{color:"#545454 !important"},trackDisabledNoLabels:{backgroundColor:"#3D3D3D !important",opacity:"1 !important",border:"none"},label:{display:"flex",justifyContent:"center",flexDirection:"column",fontSize:"16px",lineHeight:"22px",color:e.palette.primary.text7,margin:"8px 0px",cursor:"pointer"},labelSmall:{fontSize:"14px",lineHeight:"20px"},disabledLabel:{cursor:"default",color:"#808080"},activeLabel:{color:e.palette.primary.text1}}})),p=l((function(l,r){var p,h,u=l.title,g=l.leftLabel,f=l.rightLabel,L=l.checked,w=l.onChange,k=l.disabled,D=l.size,C=l.className,x=l.rightLabelTooltip,B=l.leftLabelTooltip,y=l.customClasses,v=l["data-testid"],N=m(),S=g&&f,z=y.root,T=y.track,j=y.switchBase,M=e(y,["root","track","switchBase"]);return a("div",{className:C,children:[u&&i("div",{className:b.switchControlTitle,children:u}),a(s,{component:"label",container:!0,alignItems:"center",spacing:0,children:[g&&i(s,{item:!0,children:i(c,{title:B,children:i(n,{variant:"body2",className:o(N.label,"small"===D&&N.labelSmall,(!L||!f)&&!k&&N.activeLabel,k&&N.disabledLabel),children:g})})}),i(s,{item:!0,children:i(d,{"data-testid":"".concat(v,"_switch_").concat(L),ref:r,checked:L,onChange:w,color:"primary",disabled:k,classes:t({root:o(N.root,z),switchBase:o((p={},p[N.switchBase]=S||L&&!k,p[N.switchBaseDisabled]=k&&(S||L),p[N.switchBaseDisabledNoLabels]=!S&&k&&!L,p),j),track:o((h={},h[N.track]=S||L&&!k,h[N.trackDisabled]=k&&(S||L),h[N.trackDisabledNoLabels]=!S&&k&&!L,h),T)},M),size:D})}),f&&i(s,{item:!0,children:i(c,{title:x,children:i(n,{variant:"body2",className:o(N.label,"small"===D&&N.labelSmall,(L||!g)&&!k&&N.activeLabel,k&&N.disabledLabel),children:f})})})]})]})}));p.defaultProps={title:"",leftLabel:"",rightLabel:"",disabled:!1,size:"medium",className:"",customClasses:{},rightLabelTooltip:"",leftLabelTooltip:"","data-testid":"SwitchControlComponent"};export{p as SwitchControlComponent,p as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import classNames from 'classnames';
+import { makeStyles, Grid, Tooltip, Typography, Switch } from '@material-ui/core';
+import styles from './style.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["root", "track", "switchBase"];
+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; }
+var useStyles = makeStyles(function (theme) {
+  return {
+    root: {
+      width: 60,
+      height: 40,
+      padding: 13,
+      '&.MuiSwitch-sizeSmall': {
+        width: 52,
+        height: 36,
+        padding: 13
+      },
+      '& .MuiSwitch-switchBase': {
+        padding: 10
+      }
+    },
+    switchBase: {
+      padding: 10,
+      color: '#03BCD4',
+      '&.MuiIconButton-root:hover': {
+        backgroundColor: 'rgba(3, 188, 212, 0.08)'
+      }
+    },
+    switchBaseDisabled: {
+      color: '#196069 !important'
+    },
+    track: {
+      backgroundColor: '#196069 !important',
+      opacity: '1 !important',
+      border: 'none'
+    },
+    trackDisabled: {
+      backgroundColor: '#223D40 !important',
+      opacity: '1 !important',
+      border: 'none'
+    },
+    switchBaseDisabledNoLabels: {
+      color: '#545454 !important'
+    },
+    trackDisabledNoLabels: {
+      backgroundColor: '#3D3D3D !important',
+      opacity: '1 !important',
+      border: 'none'
+    },
+    label: {
+      display: 'flex',
+      justifyContent: 'center',
+      flexDirection: 'column',
+      fontSize: '16px',
+      lineHeight: '22px',
+      color: theme.palette.primary.text7,
+      margin: '8px 0px',
+      cursor: 'pointer'
+    },
+    labelSmall: {
+      fontSize: '14px',
+      lineHeight: '20px'
+    },
+    disabledLabel: {
+      cursor: 'default',
+      color: '#808080'
+    },
+    activeLabel: {
+      color: theme.palette.primary.text1
+    }
+  };
+});
+var SwitchControlComponent = forwardRef(function (_ref, ref) {
+  var _classNames, _classNames2;
+  var title = _ref.title,
+    leftLabel = _ref.leftLabel,
+    rightLabel = _ref.rightLabel,
+    checked = _ref.checked,
+    onChange = _ref.onChange,
+    disabled = _ref.disabled,
+    size = _ref.size,
+    className = _ref.className,
+    rightLabelTooltip = _ref.rightLabelTooltip,
+    leftLabelTooltip = _ref.leftLabelTooltip,
+    customClasses = _ref.customClasses,
+    dataTestId = _ref['data-testid'];
+  var classes = useStyles();
+  var isSwitchWithLabels = leftLabel && rightLabel;
+  var root = customClasses.root,
+    track = customClasses.track,
+    switchBase = customClasses.switchBase,
+    restSwitchClasses = _objectWithoutProperties(customClasses, _excluded);
+  return /*#__PURE__*/jsxs("div", {
+    className: className,
+    children: [title && /*#__PURE__*/jsx("div", {
+      className: styles.switchControlTitle,
+      children: title
+    }), /*#__PURE__*/jsxs(Grid, {
+      component: "label",
+      container: true,
+      alignItems: "center",
+      spacing: 0,
+      children: [leftLabel && /*#__PURE__*/jsx(Grid, {
+        item: true,
+        children: /*#__PURE__*/jsx(Tooltip, {
+          title: leftLabelTooltip,
+          children: /*#__PURE__*/jsx(Typography, {
+            variant: "body2",
+            className: classNames(classes.label, size === 'small' && classes.labelSmall, (!checked || !rightLabel) && !disabled && classes.activeLabel, disabled && classes.disabledLabel),
+            children: leftLabel
+          })
+        })
+      }), /*#__PURE__*/jsx(Grid, {
+        item: true,
+        children: /*#__PURE__*/jsx(Switch, {
+          "data-testid": "".concat(dataTestId, "_switch_").concat(checked),
+          ref: ref,
+          checked: checked,
+          onChange: onChange,
+          color: "primary",
+          disabled: disabled,
+          classes: _objectSpread({
+            root: classNames(classes.root, root),
+            switchBase: classNames((_classNames = {}, _defineProperty(_classNames, classes.switchBase, isSwitchWithLabels || checked && !disabled), _defineProperty(_classNames, classes.switchBaseDisabled, disabled && (isSwitchWithLabels || checked)), _defineProperty(_classNames, classes.switchBaseDisabledNoLabels, !isSwitchWithLabels && disabled && !checked), _classNames), switchBase),
+            track: classNames((_classNames2 = {}, _defineProperty(_classNames2, classes.track, isSwitchWithLabels || checked && !disabled), _defineProperty(_classNames2, classes.trackDisabled, disabled && (isSwitchWithLabels || checked)), _defineProperty(_classNames2, classes.trackDisabledNoLabels, !isSwitchWithLabels && disabled && !checked), _classNames2), track)
+          }, restSwitchClasses),
+          size: size
+        })
+      }), rightLabel && /*#__PURE__*/jsx(Grid, {
+        item: true,
+        children: /*#__PURE__*/jsx(Tooltip, {
+          title: rightLabelTooltip,
+          children: /*#__PURE__*/jsx(Typography, {
+            variant: "body2",
+            className: classNames(classes.label, size === 'small' && classes.labelSmall, (checked || !leftLabel) && !disabled && classes.activeLabel, disabled && classes.disabledLabel),
+            children: rightLabel
+          })
+        })
+      })]
+    })]
+  });
+});
+SwitchControlComponent.defaultProps = {
+  title: '',
+  leftLabel: '',
+  rightLabel: '',
+  disabled: false,
+  size: 'medium',
+  className: '',
+  customClasses: {},
+  rightLabelTooltip: '',
+  leftLabelTooltip: '',
+  'data-testid': 'SwitchControlComponent'
+};
+
+export { SwitchControlComponent, SwitchControlComponent as default };
+//# sourceMappingURL=index.js.map