@leafygreen-ui/stepper - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

CHANGELOG.md

 # @leafygreen-ui/stepper
 
+## 1.0.2
+
+### Patch Changes
+
+- 691eb05: Better support for UMD
+- Updated dependencies [691eb05]
+  - @leafygreen-ui/emotion@2.0.2
+  - @leafygreen-ui/icon@6.3.2
+  - @leafygreen-ui/lib@5.1.1
+  - @leafygreen-ui/palette@2.0.2
+
 ## 1.0.1
@@ -4,0 +15,0 @@

dist/index.js

@@ -1,2 +0,2 @@
-export { Step, Stepper } from './Stepper';
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@leafygreen-ui/emotion"),require("react"),require("prop-types"),require("@leafygreen-ui/icon/dist/Checkmark"),require("@leafygreen-ui/icon/dist/Ellipsis"),require("polished"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/palette"));else if("function"==typeof define&&define.amd)define(["@leafygreen-ui/emotion","react","prop-types","@leafygreen-ui/icon/dist/Checkmark","@leafygreen-ui/icon/dist/Ellipsis","polished","@leafygreen-ui/lib","@leafygreen-ui/palette"],t);else{var n="object"==typeof exports?t(require("@leafygreen-ui/emotion"),require("react"),require("prop-types"),require("@leafygreen-ui/icon/dist/Checkmark"),require("@leafygreen-ui/icon/dist/Ellipsis"),require("polished"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/palette")):t(e["@leafygreen-ui/emotion"],e.react,e["prop-types"],e["@leafygreen-ui/icon/dist/Checkmark"],e["@leafygreen-ui/icon/dist/Ellipsis"],e.polished,e["@leafygreen-ui/lib"],e["@leafygreen-ui/palette"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}("undefined"!=typeof self?self:this,(function(e,t,n,r,o,i,a,l){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=1)}([function(t,n){t.exports=e},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Step",{enumerable:!0,get:function(){return r.Step}}),Object.defineProperty(t,"Stepper",{enumerable:!0,get:function(){return r.Stepper}});var r=n(2)},function(e,t,n){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.Stepper=O,t.Step=void 0;var o=function(e){if(e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var t=p();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var a=o?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=e[i]}n.default=e,t&&t.set(e,n);return n}(n(3)),i=s(n(4)),a=n(0),l=s(n(5)),u=s(n(6)),c=n(7);function s(e){return e&&e.__esModule?e:{default:e}}function p(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return p=function(){return e},e}function f(e){return function(e){if(Array.isArray(e))return g(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||m(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var a,l=e[Symbol.iterator]();!(r=(a=l.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==l.return||l.return()}finally{if(o)throw i}}return n}(e,t)||m(e,t)||function(){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 m(e,t){if(e){if("string"==typeof e)return g(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function S(){return(S=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function h(e){var t,n,r=e.children,i=e.state,u=e.stepLabel,s=e.isPreview,p=e.className,f=x(e,["children","state","stepLabel","isPreview","className"]),d="current"===i,y="upcoming"===i,b="completed"===i;return o.default.createElement("div",S({className:"".concat((0,a.cx)(c.stepStyle,(t={},v(t,c.currentStepStyle,d),v(t,c.upcomingStepStyle,y),v(t,c.previewStyle,s),t))," ").concat(p)},f),u&&o.default.createElement("div",{className:(0,a.cx)(c.stepLabelStyle,(n={},v(n,c.currentStepLabelStyle,d),v(n,c.completedStepLabelStyle,b),v(n,c.upcomingStepLabelStyle,y),v(n,c.previewStyle,s),n))},b?o.default.createElement(l.default,null):o.default.createElement("div",{className:c.stepLabelTextStyle},u)),o.default.createElement("div",{className:(0,a.cx)(c.stepTextStyle,v({},c.previewStyle,s))},r),o.default.createElement("div",{className:c.stepBoxStyle},o.default.createElement("span",S({className:c.stepBoxTopStyle},c.dataProps.stepBoxTop.prop),o.default.createElement("div",null)),o.default.createElement("span",S({className:c.stepBoxBottomStyle},c.dataProps.stepBoxBottom.prop),o.default.createElement("div",null))))}function O(e){var t=e.children,n=e.currentStep,r=e.maxDisplayedSteps,i=void 0===r?Array.isArray(t)?t.length:1:r,l=b((0,o.useState)("current"),2),u=l[0],s=l[1],p=(Array.isArray(t)?t:[t]).map((function(e,t){var r;return r=t<n?"completed":t===n?"current":"upcoming",{"aria-label":P(e.props.children),"aria-current":n===t?"step":void 0,step:t,stepLabel:(t+1).toString(),state:r,children:e,isPreview:!1}})),f=p.length,d=E({currentStep:n,numSteps:f,maxDisplayedSteps:i}),m=d.rangeStart,g=d.rangeEnd,x=j(p,{currentStep:n,rangeStart:m,rangeEnd:g}),O={current:x};return m>0&&(x[0].onMouseOver=function(){s("previous")},O.previous=j(p,y({currentStep:n},E({currentStep:m-1,numSteps:f,maxDisplayedSteps:i}))).map((function(e){return y({},e,{isPreview:!0})}))),g<f-1&&(x[x.length-1].onMouseOver=function(){s("next")},O.next=j(p,y({currentStep:n},E({currentStep:g,numSteps:f,maxDisplayedSteps:i}))).map((function(e){return y({},e,{isPreview:!0})}))),Object.entries(O).forEach((function(e){var t=b(e,2),n=t[0],r=t[1];r.forEach((function(e,t){var o;t<r.length-1&&(e.className=(0,a.cx)((v(o={},c.slideInAnimationStyle,u===n),v(o,c.slideOutAnimationStyle,u!==n),o)))}))})),o.default.createElement("ol",{className:c.containerStyle,onMouseLeave:function(){return s("current")}},Object.entries(O).map((function(e){var t=b(e,2),n=t[0],r=t[1];return o.default.createElement("li",{key:n,className:(0,a.cx)(c.layerStyle,v({},c.hiddenLayerStyle,u!==n))},r.map((function(e,t){return o.default.createElement(h,S({key:t},e))})))})))}h.displayName="Step",O.displayName="Stepper",O.propTypes={children:i.default.node.isRequired,currentStep:i.default.number.isRequired,maxDisplayedSteps:i.default.number};var w=function(e){var t=e.children;return o.default.createElement(o.default.Fragment,null,t)};function j(e,t){var n=t.currentStep,r=t.rangeStart,i=t.rangeEnd,a=[];return r>0&&a.push({"aria-label":"Previous steps",step:"previous",stepLabel:"+".concat(r),state:r>n+1?"upcoming":"completed",children:o.default.createElement(u.default,null),isPreview:!0}),a.push.apply(a,f(e.slice(r,i).map((function(e){return y({},e)})))),i<e.length&&a.push({"aria-label":"Next steps",step:"next",stepLabel:"+".concat(e.length-i),state:"upcoming",children:o.default.createElement(u.default,null),isPreview:!0}),a}function P(e){return e instanceof Array?e.map((function(e){return P(e)})).join(""):e.toString()}function E(e){var t=e.currentStep,n=e.numSteps,r=e.maxDisplayedSteps;if(n<=r)return{rangeStart:0,rangeEnd:n};if(t+1<r)return{rangeStart:0,rangeEnd:r-1};if(t>n-r)return{rangeStart:n-r+1,rangeEnd:n};var o=t-(t-r+1)%(r-2);return{rangeStart:o,rangeEnd:o+r-2}}t.Step=w,w.displayName="Step",w.propTypes={children:i.default.oneOfType([i.default.string,i.default.number,i.default.arrayOf(i.default.oneOfType([i.default.string,i.default.number]))]).isRequired}},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t){e.exports=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.previewStyle=t.stepLabelTextStyle=t.upcomingStepLabelStyle=t.currentStepLabelStyle=t.completedStepLabelStyle=t.stepLabelStyle=t.containerStyle=t.slideOutAnimationStyle=t.slideInAnimationStyle=t.hiddenLayerStyle=t.upcomingStepStyle=t.currentStepStyle=t.stepTextStyle=t.stepStyle=t.stepBoxBottomStyle=t.stepBoxTopStyle=t.stepBoxStyle=t.layerStyle=t.dataProps=void 0;var r=n(8),o=n(0),i=n(9),a=n(10);function l(){var e=j(["\n  background-color: white;\n  border-color: ",";\n  color: ",";\n"]);return l=function(){return e},e}function u(){var e=j(["\n  background-color: ",";\n  border-color: #464c4f;\n  color: white;\n"]);return u=function(){return e},e}function c(){var e=j(["\n  background-color: white;\n  border-color: ",";\n  color: ",";\n"]);return c=function(){return e},e}function s(){var e=j(["\n  display: flex;\n  position: absolute;\n\n  align-items: center;\n  justify-content: center;\n  top: calc(100% - 12px);\n\n  height: 24px;\n  min-width: 24px;\n  max-width: max-content;\n\n  font-size: 12px;\n  line-height: 14px;\n\n  border-radius: 12px;\n  border: 1px solid;\n"]);return s=function(){return e},e}function p(){var e=j(["\n  position: relative;\n  height: ","px;\n  width: 100%;\n\n  background: ",";\n  border-bottom: 1px solid;\n  border-top: 1px solid;\n  border-color: ",";\n"]);return p=function(){return e},e}function f(){var e=j(["\n  left: ","px;\n  transition: left 700ms;\n"]);return f=function(){return e},e}function d(){var e=j(["\n  left: 0;\n  transition: left 700ms;\n"]);return d=function(){return e},e}function y(){var e=j(["\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n"]);return y=function(){return e},e}function b(){var e=j(["\n  color: ",";\n  z-index: 1;\n\n  &:last-of-type {\n    z-index: 0;\n  }\n\n  ",", "," {\n    & > *,\n    &:before,\n    &:after {\n      background: ",";\n      border-color: ",";\n    }\n  }\n"]);return b=function(){return e},e}function m(){var e=j(["\n  filter: drop-shadow(0px 4px 4px ",");\n  z-index: 3;\n\n  &:last-of-type:not(:first-of-type) {\n    ",":before {\n      transform: skewX(","rad);\n    }\n\n    ",":before {\n      transform: skewX(-","rad);\n    }\n  }\n"]);return m=function(){return e},e}function g(){var e=j(["\n  overflow: hidden;\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n"]);return g=function(){return e},e}function S(){var e=j(["\n  flex: 1;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: calc(100% + 2px);\n  min-width: 0; // https://css-tricks.com/flexbox-truncated-text/\n  margin-left: -","px;\n  margin-top: -1px;\n  margin-bottom: -1px;\n  padding-left: ","px;\n  padding-right: 16px;\n\n  color: ",";\n  font-family: Akzidenz, 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-size: 14px;\n  font-weight: bold;\n\n  z-index: 2;\n\n  &:first-of-type {\n    margin-left: 0;\n    padding-left: 16px;\n\n    ",", "," {\n      &:before {\n        transform: none;\n      }\n    }\n  }\n\n  &:last-of-type {\n    padding-left: calc(","px);\n\n    ",", "," {\n      &:after {\n        transform: none;\n      }\n    }\n  }\n"]);return S=function(){return e},e}function v(){var e=j(["\n  ",";\n\n  & > * {\n    border-top: none;\n  }\n\n  &:before,\n  &:after {\n    border-top: none;\n    transform-origin: 50% 100%;\n    transform: skewX(","rad);\n  }\n"]);return v=function(){return e},e}function x(){var e=j(["\n  ",";\n\n  & > * {\n    border-bottom: none;\n  }\n\n  &:before,\n  &:after {\n    border-bottom: none;\n    transform-origin: 50% 0%;\n    transform: skewX(","rad);\n  }\n"]);return x=function(){return e},e}function h(){var e=j(["\n  display: inline-block;\n\n  height: 50%;\n  width: 100%;\n\n  & > *,\n  &:before,\n  &:after {\n    display: inline-block;\n    height: 100%;\n    background: white;\n    border: 1px solid #dee0e3;\n  }\n\n  & > * {\n    width: calc(100% - ","px);\n    margin-right: -","px;\n    border-left: none;\n    border-right: none;\n  }\n\n  &:before,\n  &:after {\n    content: '';\n    width: ","px;\n  }\n\n  &:before {\n    border-right: none;\n  }\n\n  &:after {\n    border-left: none;\n  }\n"]);return h=function(){return e},e}function O(){var e=j(["\n  display: flex;\n  flex-wrap: wrap;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n\n  // Safari doesn't correctly position absolutely positioned elements inside flex containers\n  // https://developers.google.com/web/updates/2016/06/absolute-positioned-children\n  left: 0;\n  top: 0;\n"]);return O=function(){return e},e}function w(){var e=j(["\n  display: flex;\n  position: absolute;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  transition: opacity 700ms, visibility 700ms;\n"]);return w=function(){return e},e}function j(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var P={stepBoxTop:(0,i.createDataProp)("step-box-top"),stepBoxBottom:(0,i.createDataProp)("step-box-bottom")};t.dataProps=P;var E=(0,o.css)(w());t.layerStyle=E;var k=(0,o.css)(O());t.stepBoxStyle=k;var B=(0,o.css)(h(),16,16,16),L=(0,o.css)(x(),B,Math.atan(2/3));t.stepBoxTopStyle=L;var T=(0,o.css)(v(),B,-Math.atan(2/3));t.stepBoxBottomStyle=T;var A=(0,o.css)(S(),17,32,a.uiColors.gray.dark3,P.stepBoxTop.selector,P.stepBoxBottom.selector,48,P.stepBoxTop.selector,P.stepBoxBottom.selector);t.stepStyle=A;var q=(0,o.css)(g());t.stepTextStyle=q;var M=(0,o.css)(m(),(0,r.transparentize)(.75,a.uiColors.black),P.stepBoxTop.selector,Math.atan(2/3),P.stepBoxBottom.selector,Math.atan(2/3));t.currentStepStyle=M;var C=(0,o.css)(b(),a.uiColors.gray.base,P.stepBoxTop.selector,P.stepBoxBottom.selector,a.uiColors.gray.light3,a.uiColors.gray.light2);t.upcomingStepStyle=C;var N=(0,o.css)(y());t.hiddenLayerStyle=N;var _=(0,o.css)(d());t.slideInAnimationStyle=_;var D=(0,o.css)(f(),-32);t.slideOutAnimationStyle=D;var z=(0,o.css)(p(),48,a.uiColors.gray.light3,a.uiColors.gray.light2);t.containerStyle=z;var I=(0,o.css)(s());t.stepLabelStyle=I;var X=(0,o.css)(c(),a.uiColors.green.base,a.uiColors.green.base);t.completedStepLabelStyle=X;var R=(0,o.css)(u(),a.uiColors.gray.dark2);t.currentStepLabelStyle=R;var H=(0,o.css)(l(),a.uiColors.gray.light1,a.uiColors.gray.base);t.upcomingStepLabelStyle=H;var W=(0,o.css)("padding: 0 8px;");t.stepLabelTextStyle=W;var F=(0,o.css)("cursor: pointer;");t.previewStyle=F},function(e,t){e.exports=i},function(e,t){e.exports=a},function(e,t){e.exports=l}])}));
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@leafygreen-ui/stepper",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "leafyGreen UI Kit Stepper",
-  "browser": "./dist/index.web.js",
-  "main": "./dist/index.node.js",
+  "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -16,8 +15,8 @@ "scripts": {
   "dependencies": {
-    "@leafygreen-ui/emotion": "^2.0.1",
-    "@leafygreen-ui/icon": "^6.3.0",
-    "@leafygreen-ui/lib": "^5.0.0",
-    "@leafygreen-ui/palette": "^2.0.1",
+    "@leafygreen-ui/emotion": "^2.0.2",
+    "@leafygreen-ui/icon": "^6.3.2",
+    "@leafygreen-ui/lib": "^5.1.1",
+    "@leafygreen-ui/palette": "^2.0.2",
     "polished": "^3.6.5"
   }
 }

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

2

decreased by-33.33%

Worsened metrics

Total package byte prevSize

483586

decreased by-8.27%

Number of package files

22

decreased by-15.38%

Lines of code

1220

decreased by-4.84%

Dependency changes

• Updated@leafygreen-ui/emotion@^2.0.2

• Updated@leafygreen-ui/icon@^6.3.2

• Updated@leafygreen-ui/lib@^5.1.1

• Updated@leafygreen-ui/palette@^2.0.2