@diana-ui/stepper - npm Package Compare versions

Comparing version 1.0.3-delta.38 to 2.0.0

cjs/index.js

 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function _typeof(obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function _typeof(obj) {
+      return obj &&
+        typeof Symbol === "function" &&
+        obj.constructor === Symbol &&
+        obj !== Symbol.prototype
+        ? "symbol"
+        : typeof obj;
+    };
+  }
+  return _typeof(obj);
+}
 
@@ -8,5 +25,2 @@ Object.defineProperty(exports, "__esModule", {
 });
-var _exportNames = {
-  Stepper: true
-};
 Object.defineProperty(exports, "Stepper", {
@@ -18,18 +32,48 @@ enumerable: true,
 });
+Object.defineProperty(exports, "StepperStyles", {
+  enumerable: true,
+  get: function get() {
+    return _Stepper.StepperStyles;
+  }
+});
 
 var _Stepper = _interopRequireWildcard(require("./Stepper"));
 
-Object.keys(_Stepper).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Stepper[key];
+function _getRequireWildcardCache() {
+  if (typeof WeakMap !== "function") return null;
+  var cache = new WeakMap();
+  _getRequireWildcardCache = function _getRequireWildcardCache() {
+    return cache;
+  };
+  return cache;
+}
+
+function _interopRequireWildcard(obj) {
+  if (obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || (_typeof(obj) !== "object" && typeof obj !== "function")) {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache();
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (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];
+      }
     }
-  });
-});
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+  }
+  newObj["default"] = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
+}

cjs/Stepper.js

 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function _typeof(obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function _typeof(obj) {
+      return obj &&
+        typeof Symbol === "function" &&
+        obj.constructor === Symbol &&
+        obj !== Symbol.prototype
+        ? "symbol"
+        : typeof obj;
+    };
+  }
+  return _typeof(obj);
+}
 
@@ -16,70 +33,175 @@ Object.defineProperty(exports, "__esModule", {
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache() {
+  if (typeof WeakMap !== "function") return null;
+  var cache = new WeakMap();
+  _getRequireWildcardCache = function _getRequireWildcardCache() {
+    return cache;
+  };
+  return cache;
+}
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj) {
+  if (obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || (_typeof(obj) !== "object" && typeof obj !== "function")) {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache();
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
+    }
+  }
+  newObj["default"] = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
+}
 
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _slicedToArray(arr, i) {
+  return (
+    _arrayWithHoles(arr) ||
+    _iterableToArrayLimit(arr, i) ||
+    _unsupportedIterableToArray(arr, i) ||
+    _nonIterableRest()
+  );
+}
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _nonIterableRest() {
+  throw new TypeError(
+    "Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."
+  );
+}
 
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+    return _arrayLikeToArray(o, minLen);
+}
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+  return arr2;
+}
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) {
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _e = undefined;
+  try {
+    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+  return _arr;
+}
 
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
 
 var Stepper = function Stepper(_ref) {
   var className = _ref.className,
-      steps = _ref.steps,
-      _ref$clickable = _ref.clickable,
-      clickable = _ref$clickable === void 0 ? false : _ref$clickable,
-      onChange = _ref.onChange,
-      activeStep = _ref.activeStep,
-      _ref$initialActiveSte = _ref.initialActiveStep,
-      initialActiveStep = _ref$initialActiveSte === void 0 ? 0 : _ref$initialActiveSte;
+    steps = _ref.steps,
+    _ref$clickable = _ref.clickable,
+    clickable = _ref$clickable === void 0 ? false : _ref$clickable,
+    onChange = _ref.onChange,
+    activeStep = _ref.activeStep,
+    _ref$initialActiveSte = _ref.initialActiveStep,
+    initialActiveStep = _ref$initialActiveSte === void 0 ? 0 : _ref$initialActiveSte;
 
   // eslint-disable-next-line @typescript-eslint/naming-convention
   var _useState = (0, _react.useState)(initialActiveStep),
-      _useState2 = _slicedToArray(_useState, 2),
-      _activeStep = _useState2[0],
-      setActiveStep = _useState2[1]; // eslint-disable-next-line @typescript-eslint/naming-convention
+    _useState2 = _slicedToArray(_useState, 2),
+    _activeStep = _useState2[0],
+    setActiveStep = _useState2[1]; // eslint-disable-next-line @typescript-eslint/naming-convention
 
+  var _steps = (0, _react.useMemo)(
+    function () {
+      var arraySteps = Array(steps).fill("");
+      return arraySteps.map(function (_, i) {
+        return i <= _activeStep;
+      });
+    },
+    [steps, _activeStep]
+  );
 
-  var _steps = (0, _react.useMemo)(function () {
-    var arraySteps = Array(steps).fill("");
-    return arraySteps.map(function (_, i) {
-      return i <= _activeStep;
-    });
-  }, [steps, _activeStep]);
+  (0, _react.useEffect)(
+    function () {
+      if (activeStep !== undefined) {
+        setActiveStep(activeStep);
+      }
+    },
+    [activeStep]
+  );
+  var change = (0, _react.useCallback)(
+    function (stepIndex) {
+      if (activeStep === undefined) {
+        setActiveStep(stepIndex);
+      }
 
-  (0, _react.useEffect)(function () {
-    if (activeStep !== undefined) {
-      setActiveStep(activeStep);
-    }
-  }, [activeStep]);
-  var change = (0, _react.useCallback)(function (stepIndex) {
-    if (activeStep === undefined) {
-      setActiveStep(stepIndex);
-    }
-
-    return onChange === null || onChange === void 0 ? void 0 : onChange(stepIndex);
-  }, [onChange, activeStep]);
-  return /*#__PURE__*/_react["default"].createElement(StepperStyles.Container, {
-    className: [className, clickable && "clickable"].filter(Boolean).join(" ")
-  }, _steps.map(function (isActive, i) {
-    return /*#__PURE__*/_react["default"].createElement(StepperStyles.StepWrapper, {
-      className: [isActive && "active", clickable && "clickable"].filter(Boolean).join(" "),
-      key: i
-    }, i !== 0 && /*#__PURE__*/_react["default"].createElement(StepperStyles.Line, null), /*#__PURE__*/_react["default"].createElement(StepperStyles.Step, {
-      key: i,
-      onClick: function onClick() {
-        return clickable && change(i);
-      }
-    }, /*#__PURE__*/_react["default"].createElement(StepperStyles.InnerStep, null)));
-  }));
+      return onChange === null || onChange === void 0 ? void 0 : onChange(stepIndex);
+    },
+    [onChange, activeStep]
+  );
+  return /*#__PURE__*/ _react["default"].createElement(
+    StepperStyles.Container,
+    {
+      className: [className, clickable && "clickable"].filter(Boolean).join(" ")
+    },
+    _steps.map(function (isActive, i) {
+      return /*#__PURE__*/ _react["default"].createElement(
+        StepperStyles.StepWrapper,
+        {
+          className: [isActive && "active", clickable && "clickable"].filter(Boolean).join(" "),
+          key: i
+        },
+        i !== 0 && /*#__PURE__*/ _react["default"].createElement(StepperStyles.Line, null),
+        /*#__PURE__*/ _react["default"].createElement(
+          StepperStyles.Step,
+          {
+            key: i,
+            onClick: function onClick() {
+              return clickable && change(i);
+            }
+          },
+          /*#__PURE__*/ _react["default"].createElement(StepperStyles.InnerStep, null)
+        )
+      );
+    })
+  );
 };
 
 var _default = Stepper;
-exports["default"] = _default;
+exports["default"] = _default;

cjs/Stepper.style.js

 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function _typeof(obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function _typeof(obj) {
+      return obj &&
+        typeof Symbol === "function" &&
+        obj.constructor === Symbol &&
+        obj !== Symbol.prototype
+        ? "symbol"
+        : typeof obj;
+    };
+  }
+  return _typeof(obj);
+}
 
@@ -12,65 +29,49 @@ Object.defineProperty(exports, "__esModule", {
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n    box-sizing: border-box;\n    flex: 1;\n    border-radius: 50%;\n\n    ", " & {\n      &.active {\n        background-color: ", ";\n      }\n    }\n  "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
+function _getRequireWildcardCache() {
+  if (typeof WeakMap !== "function") return null;
+  var cache = new WeakMap();
+  _getRequireWildcardCache = function _getRequireWildcardCache() {
+    return cache;
   };
-
-  return data;
+  return cache;
 }
 
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n    box-sizing: border-box;\n    min-width: 12px;\n    min-height: 12px;\n    border-radius: 50%;\n    padding: 3px;\n    display: flex;\n\n    ", " & {\n      &.clickable {\n        cursor: pointer;\n      }\n    }\n  "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
+function _interopRequireWildcard(obj) {
+  if (obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || (_typeof(obj) !== "object" && typeof obj !== "function")) {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache();
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
+    }
+  }
+  newObj["default"] = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
 }
 
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n    box-sizing: border-box;\n    width: 100%;\n    height: 2px;\n  "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n    display: flex;\n    flex: 1;\n    align-items: center;\n\n    &:first-child {\n      flex: 0;\n    }\n  "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n    position: relative;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n  "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 /**
  * Component container element
  */
-var Container = _styledComponents["default"].div.withConfig({
-  displayName: "Container"
+var Container = /*#__PURE__*/ _styledComponents["default"].div.withConfig({
+  displayName: "Stepperstyle__Container"
 })(function () {
-  return (0, _styledComponents.css)(_templateObject());
+  return (0,
+  _styledComponents.css)(["position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;"]);
 });
@@ -81,9 +82,9 @@ /**
 
-
 exports.Container = Container;
 
-var StepWrapper = _styledComponents["default"].div.withConfig({
-  displayName: "StepWrapper"
+var StepWrapper = /*#__PURE__*/ _styledComponents["default"].div.withConfig({
+  displayName: "Stepperstyle__StepWrapper"
 })(function () {
-  return (0, _styledComponents.css)(_templateObject2());
+  return (0,
+  _styledComponents.css)(["display:flex;flex:1;align-items:center;&:first-child{flex:0;}"]);
 });
@@ -93,6 +94,6 @@
 
-var Line = _styledComponents["default"].div.withConfig({
-  displayName: "Line"
+var Line = /*#__PURE__*/ _styledComponents["default"].div.withConfig({
+  displayName: "Stepperstyle__Line"
 })(function () {
-  return (0, _styledComponents.css)(_templateObject3());
+  return (0, _styledComponents.css)(["box-sizing:border-box;width:100%;height:2px;"]);
 });
@@ -102,6 +103,7 @@
 
-var Step = _styledComponents["default"].div.withConfig({
-  displayName: "Step"
+var Step = /*#__PURE__*/ _styledComponents["default"].div.withConfig({
+  displayName: "Stepperstyle__Step"
 })(function () {
-  return (0, _styledComponents.css)(_templateObject4(), StepWrapper);
+  return (0,
+  _styledComponents.css)(["box-sizing:border-box;min-width:12px;min-height:12px;border-radius:50%;padding:3px;display:flex;", " &{&.clickable{cursor:pointer;}}"], StepWrapper);
 });
@@ -111,9 +113,10 @@
 
-var InnerStep = _styledComponents["default"].div.withConfig({
-  displayName: "InnerStep"
+var InnerStep = /*#__PURE__*/ _styledComponents["default"].div.withConfig({
+  displayName: "Stepperstyle__InnerStep"
 })(function (_ref) {
   var theme = _ref.theme;
-  return (0, _styledComponents.css)(_templateObject5(), StepWrapper, theme.colors.black);
+  return (0,
+  _styledComponents.css)(["box-sizing:border-box;flex:1;border-radius:50%;", " &{&.active{background-color:", ";}}"], StepWrapper, theme.colors.black);
 });
 
-exports.InnerStep = InnerStep;
+exports.InnerStep = InnerStep;

esm/index.js

@@ -1,2 +0,1 @@
-export { default as Stepper } from "./Stepper";
-export * from "./Stepper";
+export { default as Stepper, StepperStyles } from "./Stepper";

esm/Stepper.js

 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import * as StepperStyles from "./Stepper.style";
 
-var Stepper = (_ref) => {
-  var {
-    className,
-    steps,
-    clickable = false,
-    onChange,
-    activeStep,
-    initialActiveStep = 0
-  } = _ref;
+var Stepper = _ref => {
+  var { className, steps, clickable = false, onChange, activeStep, initialActiveStep = 0 } = _ref;
   // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -26,21 +19,39 @@ var [_activeStep, setActiveStep] = useState(initialActiveStep); // eslint-disable-next-line @typescript-eslint/naming-convention
   }, [activeStep]);
-  var change = useCallback(stepIndex => {
-    if (activeStep === undefined) {
-      setActiveStep(stepIndex);
-    }
+  var change = useCallback(
+    stepIndex => {
+      if (activeStep === undefined) {
+        setActiveStep(stepIndex);
+      }
 
-    return onChange === null || onChange === void 0 ? void 0 : onChange(stepIndex);
-  }, [onChange, activeStep]);
-  return /*#__PURE__*/React.createElement(StepperStyles.Container, {
-    className: [className, clickable && "clickable"].filter(Boolean).join(" ")
-  }, _steps.map((isActive, i) => /*#__PURE__*/React.createElement(StepperStyles.StepWrapper, {
-    className: [isActive && "active", clickable && "clickable"].filter(Boolean).join(" "),
-    key: i
-  }, i !== 0 && /*#__PURE__*/React.createElement(StepperStyles.Line, null), /*#__PURE__*/React.createElement(StepperStyles.Step, {
-    key: i,
-    onClick: () => clickable && change(i)
-  }, /*#__PURE__*/React.createElement(StepperStyles.InnerStep, null)))));
+      return onChange === null || onChange === void 0 ? void 0 : onChange(stepIndex);
+    },
+    [onChange, activeStep]
+  );
+  return /*#__PURE__*/ React.createElement(
+    StepperStyles.Container,
+    {
+      className: [className, clickable && "clickable"].filter(Boolean).join(" ")
+    },
+    _steps.map((isActive, i) =>
+      /*#__PURE__*/ React.createElement(
+        StepperStyles.StepWrapper,
+        {
+          className: [isActive && "active", clickable && "clickable"].filter(Boolean).join(" "),
+          key: i
+        },
+        i !== 0 && /*#__PURE__*/ React.createElement(StepperStyles.Line, null),
+        /*#__PURE__*/ React.createElement(
+          StepperStyles.Step,
+          {
+            key: i,
+            onClick: () => clickable && change(i)
+          },
+          /*#__PURE__*/ React.createElement(StepperStyles.InnerStep, null)
+        )
+      )
+    )
+  );
 };
 
 export { StepperStyles };
-export default Stepper;
+export default Stepper;

esm/Stepper.style.js

@@ -1,53 +0,1 @@
-function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n    box-sizing: border-box;\n    flex: 1;\n    border-radius: 50%;\n\n    ", " & {\n      &.active {\n        background-color: ", ";\n      }\n    }\n  "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n    box-sizing: border-box;\n    min-width: 12px;\n    min-height: 12px;\n    border-radius: 50%;\n    padding: 3px;\n    display: flex;\n\n    ", " & {\n      &.clickable {\n        cursor: pointer;\n      }\n    }\n  "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n    box-sizing: border-box;\n    width: 100%;\n    height: 2px;\n  "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n    display: flex;\n    flex: 1;\n    align-items: center;\n\n    &:first-child {\n      flex: 0;\n    }\n  "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n    position: relative;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n  "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import styled, { css } from "styled-components";
@@ -58,5 +6,9 @@ /**
 
-export var Container = styled.div.withConfig({
-  displayName: "Container"
-})(() => css(_templateObject()));
+export var Container = /*#__PURE__*/ styled.div.withConfig({
+  displayName: "Stepperstyle__Container"
+})(() =>
+  css([
+    "position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;"
+  ])
+);
 /**
@@ -66,18 +18,28 @@ * Component step wrapper
 
-export var StepWrapper = styled.div.withConfig({
-  displayName: "StepWrapper"
-})(() => css(_templateObject2()));
-export var Line = styled.div.withConfig({
-  displayName: "Line"
-})(() => css(_templateObject3()));
-export var Step = styled.div.withConfig({
-  displayName: "Step"
-})(() => css(_templateObject4(), StepWrapper));
-export var InnerStep = styled.div.withConfig({
-  displayName: "InnerStep"
-})((_ref) => {
-  var {
-    theme
-  } = _ref;
-  return css(_templateObject5(), StepWrapper, theme.colors.black);
-});
+export var StepWrapper = /*#__PURE__*/ styled.div.withConfig({
+  displayName: "Stepperstyle__StepWrapper"
+})(() => css(["display:flex;flex:1;align-items:center;&:first-child{flex:0;}"]));
+export var Line = /*#__PURE__*/ styled.div.withConfig({
+  displayName: "Stepperstyle__Line"
+})(() => css(["box-sizing:border-box;width:100%;height:2px;"]));
+export var Step = /*#__PURE__*/ styled.div.withConfig({
+  displayName: "Stepperstyle__Step"
+})(() =>
+  css(
+    [
+      "box-sizing:border-box;min-width:12px;min-height:12px;border-radius:50%;padding:3px;display:flex;",
+      " &{&.clickable{cursor:pointer;}}"
+    ],
+    StepWrapper
+  )
+);
+export var InnerStep = /*#__PURE__*/ styled.div.withConfig({
+  displayName: "Stepperstyle__InnerStep"
+})(_ref => {
+  var { theme } = _ref;
+  return css(
+    ["box-sizing:border-box;flex:1;border-radius:50%;", " &{&.active{background-color:", ";}}"],
+    StepWrapper,
+    theme.colors.black
+  );
+});

package.json

 {
   "name": "@diana-ui/stepper",
-  "version": "1.0.3-delta.38+9892cab",
+  "version": "2.0.0",
   "main": "cjs/index.js",
@@ -14,3 +14,3 @@ "module": "esm/index.js",
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm",
+    "build": "npm-run-all --parallel build:*",
     "build:cjs": "babel . --root-mode upward --out-dir cjs --extensions '.ts,.tsx'",
@@ -20,3 +20,3 @@ "build:esm": "cross-env TARGET=esm babel . --root-mode upward --out-dir esm --extensions '.ts,.tsx'",
     "clean": "rimraf cjs esm types",
-    "prepare": "npm-run-all --parallel clean build:*",
+    "prepare": "npm-run-all clean build",
     "watch": "npm-watch"
@@ -45,3 +45,3 @@ },
   },
-  "gitHead": "9892cab692444cfd4b573e9f80a6cb54905ac8e0"
+  "gitHead": "c3078ce0afd6ff7fe56c44f1a0cebcbe7e0d38ea"
 }

types/index.d.ts

@@ -1,2 +0,2 @@
-export { default as Stepper } from "./Stepper";
-export * from "./Stepper";
+export { default as Stepper, StepperStyles } from "./Stepper";
+export type { IStepperProps } from "./Stepper";

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

21027

increased by14.79%

Number of package files

13

increased by18.18%

Lines of code

626

increased by103.91%

Number of low quality alerts

1

decreased by-50%

Number of medium supply chain risk alerts

1

decreased by-50%

No dependency changes