@entur/layout - npm Package Compare versions

Comparing version 2.4.0-beta.0 to 2.4.0

dist/Badge/Badge.d.ts

@@ -30,3 +30,6 @@ import React from 'react';
     type?: BadgeTypes;
+    /** @deprecated Bruk `hide` i stedet */
     invisible?: boolean;
+    /** Skjul badge */
+    hide?: boolean;
 };
@@ -33,0 +36,0 @@ export type BadgeProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, BadgeOwnProps>;

dist/Badge/BulletBadge.d.ts

@@ -19,2 +19,4 @@ import React from 'react';
     variant: 'primary' | 'neutral' | VariantType | typeof danger | typeof info;
+    /** Skjul badge */
+    hide?: boolean;
 };
@@ -21,0 +23,0 @@ export type BulletBadgeProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, BulletBadgeBaseProps>;

dist/Badge/NotificationBadge.d.ts

@@ -27,2 +27,4 @@ import React from 'react';
     max?: number;
+    /** Skjul badge */
+    hide?: boolean;
 };
@@ -29,0 +31,0 @@ export type NotificationBadgeProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, NotificationBadgeBaseProps>;

dist/Badge/StatusBadge.d.ts

@@ -19,2 +19,4 @@ import React from 'react';
     variant: 'primary' | 'neutral' | VariantType | typeof danger | typeof info;
+    /** Skjul badge */
+    hide?: boolean;
 };
@@ -21,0 +23,0 @@ export type StatusBadgeProps<T extends React.ElementType> = PolymorphicComponentPropsWithRef<T, StatusBadgeBaseProps>;

dist/layout.cjs.development.js

@@ -150,3 +150,3 @@ 'use strict';
 
-var _excluded$1 = ["children", "className", "max", "variant", "showZero", "invisible", "as", "type"];
+var _excluded$1 = ["children", "className", "max", "variant", "showZero", "invisible", "hide", "as", "type"];
 var defaultElement$4 = 'span';
@@ -163,2 +163,4 @@ var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     invisibleProp = _ref$invisible === void 0 ? false : _ref$invisible,
+    _ref$hide = _ref.hide,
+    hideProp = _ref$hide === void 0 ? false : _ref$hide,
     as = _ref.as,
@@ -169,6 +171,3 @@ _ref$type = _ref.type,
   var Element = as || defaultElement$4;
-  var invisible = invisibleProp;
-  if (invisibleProp === false && (children === 0 && !showZero || children == null)) {
-    invisible = true;
-  }
+  var computedHide = hideProp || invisibleProp || children === 0 && !showZero || children == null;
   var displayValue;
@@ -181,3 +180,3 @@ if (typeof children === 'number') {
   var classList = classNames(className, 'eds-badge', {
-    'eds-badge--invisible': invisible,
+    'eds-badge--hide': computedHide,
     'eds-badge--show-zero': showZero
@@ -184,0 +183,0 @@ }, "eds-badge--variant-" + variant, "eds-badge--type-" + type);

dist/layout.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("classnames"),r=require("@entur/typography"),n=require("@entur/icons");function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(null,arguments)}function i(e,a){if(null==e)return{};var t={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(a.includes(r))continue;t[r]=e[r]}return t}var c=["className","as"],l=a.forwardRef((function(e,r){var n=e.className,l=e.as,o=i(e,c);return a.createElement(d.Provider,{value:!0},a.createElement(l||"div",s({className:t("eds-contrast",n),ref:r},o)))})),d=a.createContext(!1),o=["children","className","as"],m=function(e){var r=e.children,n=e.className,c=e.as,l=i(e,o),d=c||"div",m=t("eds-base-card",n);return a.createElement(d,s({className:m},l),r)},u=["title","children","titleIcon","compact","className","externalLink","as"],p=["title","description","children","className","category","style","as","headingLevel","wholeCardAsElement","hideArrow","wrapperProps"],v=["children","className","max","variant","showZero","invisible","as","type"],g=a.forwardRef((function(e,r){var n,c=e.children,l=e.className,d=e.max,o=void 0===d?99:d,m=e.variant,u=e.showZero,p=void 0!==u&&u,g=e.invisible,f=void 0!==g&&g,_=e.as,h=e.type,E=void 0===h?"status":h,N=i(e,v),x=_||"span",y=f;!1!==f||(0!==c||p)&&null!=c||(y=!0),n="number"==typeof c&&c>o?o+"+":c;var b=t(l,"eds-badge",{"eds-badge--invisible":y,"eds-badge--show-zero":p},"eds-badge--variant-"+m,"eds-badge--type-"+E);return a.createElement(x,s({className:b,ref:r},N),n)})),f=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"bullet"}))})),_=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"notification"}))})),h=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"status"}))})),E=["className","children","compact","as"];e.warnAboutMissingStyles("layout","typography"),exports.Badge=g,exports.BaseCard=m,exports.BulletBadge=f,exports.Contrast=l,exports.ContrastContext=d,exports.MediaCard=function(c){var l=c.title,d=c.description,o=c.children,u=c.className,v=c.category,g=c.style,f=c.as,_=c.headingLevel,h=void 0===_?"h2":_,E=c.wholeCardAsElement,N=c.hideArrow,x=c.wrapperProps,y=i(c,p),b=f||"a",w=h,C=E?s({},x,y):s({},x);return a.createElement(m,s({className:t("eds-base-card","eds-media-card",u),style:g},C),a.createElement("div",{className:"eds-media-card__media"},o),a.createElement("div",{className:"eds-media-card__text"},v&&a.createElement(r.Label,{className:"eds-media-card__text__category"},v),a.createElement(e.ConditionalWrapper,{condition:void 0!==d,wrapper:function(e){return a.createElement(w,{className:"eds-media-card__text__title"},e)}},a.createElement(b,s({tabIndex:0,className:"eds-media-card__text__title-link"},y),l)),void 0!==d&&a.createElement(r.Paragraph,null,d),!N&&a.createElement(n.ForwardIcon,{className:"eds-media-card__arrow-icon","aria-hidden":"true"})))},exports.NavigationCard=function(e){var c=e.title,l=e.children,d=e.titleIcon,o=e.compact,p=void 0!==o&&o,v=e.className,g=e.externalLink,f=void 0!==g&&g,_=e.as,h=i(e,u),E=_||"a",N=t("eds-navigation-card",v,{"eds-base-card--red-line":p,"eds-navigation-card--compact":p});return a.createElement(m,s({as:E,className:N},h),!p&&d&&a.createElement("div",{className:"eds-navigation-card__title-icon","aria-hidden":"true"},d),a.createElement("span",{className:"eds-navigation-card__title"},p&&d&&a.createElement("span",{className:"eds-navigation-card__title-icon-compact","aria-hidden":"true"},d),a.createElement(r.Heading3,{as:"span"},c)),!p&&a.createElement(a.Fragment,null,a.createElement(r.Paragraph,null,l),f&&a.createElement(n.ExternalIcon,{"aria-label":"Ekstern lenke",className:"eds-navigation-card__external--not-compact"})),p&&f&&a.createElement(n.ExternalIcon,{"aria-label":"Ekstern lenke",className:"eds-navigattion-card__icon eds-navigation-card__external--compact"}),p&&!f&&a.createElement(n.ForwardIcon,{className:"eds-navigattion-card__icon eds-navigation-card__arrow-icon","aria-hidden":"true"}))},exports.NotificationBadge=_,exports.StatusBadge=h,exports.Tag=function(e){var r=e.className,n=e.children,c=e.compact,l=e.as,d=i(e,E),o=l||"div",m=a.Children.toArray(n);return a.createElement(o,s({className:t("eds-tag",r,{"eds-tag--leading-icon":m.length>1&&"string"!=typeof m[0],"eds-tag--trailing-icon":m.length>1&&"string"!=typeof m[m.length-1],"eds-tag--compact":c})},d),n)},exports.useContrast=function(){return a.useContext(d)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),t=require("classnames"),r=require("@entur/typography"),n=require("@entur/icons");function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(null,arguments)}function i(e,a){if(null==e)return{};var t={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(a.includes(r))continue;t[r]=e[r]}return t}var c=["className","as"],l=a.forwardRef((function(e,r){var n=e.className,l=e.as,o=i(e,c);return a.createElement(d.Provider,{value:!0},a.createElement(l||"div",s({className:t("eds-contrast",n),ref:r},o)))})),d=a.createContext(!1),o=["children","className","as"],m=function(e){var r=e.children,n=e.className,c=e.as,l=i(e,o),d=c||"div",m=t("eds-base-card",n);return a.createElement(d,s({className:m},l),r)},u=["title","children","titleIcon","compact","className","externalLink","as"],p=["title","description","children","className","category","style","as","headingLevel","wholeCardAsElement","hideArrow","wrapperProps"],v=["children","className","max","variant","showZero","invisible","hide","as","type"],g=a.forwardRef((function(e,r){var n,c=e.children,l=e.className,d=e.max,o=void 0===d?99:d,m=e.variant,u=e.showZero,p=void 0!==u&&u,g=e.invisible,f=void 0!==g&&g,h=e.hide,_=void 0!==h&&h,E=e.as,N=e.type,x=void 0===N?"status":N,y=i(e,v),w=E||"span";n="number"==typeof c&&c>o?o+"+":c;var b=t(l,"eds-badge",{"eds-badge--hide":_||f||0===c&&!p||null==c,"eds-badge--show-zero":p},"eds-badge--variant-"+m,"eds-badge--type-"+x);return a.createElement(w,s({className:b,ref:r},y),n)})),f=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"bullet"}))})),h=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"notification"}))})),_=a.forwardRef((function(e,t){return a.createElement(g,s({as:e.as||"span"},e,{ref:t,type:"status"}))})),E=["className","children","compact","as"];e.warnAboutMissingStyles("layout","typography"),exports.Badge=g,exports.BaseCard=m,exports.BulletBadge=f,exports.Contrast=l,exports.ContrastContext=d,exports.MediaCard=function(c){var l=c.title,d=c.description,o=c.children,u=c.className,v=c.category,g=c.style,f=c.as,h=c.headingLevel,_=void 0===h?"h2":h,E=c.wholeCardAsElement,N=c.hideArrow,x=c.wrapperProps,y=i(c,p),w=f||"a",b=_,C=E?s({},x,y):s({},x);return a.createElement(m,s({className:t("eds-base-card","eds-media-card",u),style:g},C),a.createElement("div",{className:"eds-media-card__media"},o),a.createElement("div",{className:"eds-media-card__text"},v&&a.createElement(r.Label,{className:"eds-media-card__text__category"},v),a.createElement(e.ConditionalWrapper,{condition:void 0!==d,wrapper:function(e){return a.createElement(b,{className:"eds-media-card__text__title"},e)}},a.createElement(w,s({tabIndex:0,className:"eds-media-card__text__title-link"},y),l)),void 0!==d&&a.createElement(r.Paragraph,null,d),!N&&a.createElement(n.ForwardIcon,{className:"eds-media-card__arrow-icon","aria-hidden":"true"})))},exports.NavigationCard=function(e){var c=e.title,l=e.children,d=e.titleIcon,o=e.compact,p=void 0!==o&&o,v=e.className,g=e.externalLink,f=void 0!==g&&g,h=e.as,_=i(e,u),E=h||"a",N=t("eds-navigation-card",v,{"eds-base-card--red-line":p,"eds-navigation-card--compact":p});return a.createElement(m,s({as:E,className:N},_),!p&&d&&a.createElement("div",{className:"eds-navigation-card__title-icon","aria-hidden":"true"},d),a.createElement("span",{className:"eds-navigation-card__title"},p&&d&&a.createElement("span",{className:"eds-navigation-card__title-icon-compact","aria-hidden":"true"},d),a.createElement(r.Heading3,{as:"span"},c)),!p&&a.createElement(a.Fragment,null,a.createElement(r.Paragraph,null,l),f&&a.createElement(n.ExternalIcon,{"aria-label":"Ekstern lenke",className:"eds-navigation-card__external--not-compact"})),p&&f&&a.createElement(n.ExternalIcon,{"aria-label":"Ekstern lenke",className:"eds-navigattion-card__icon eds-navigation-card__external--compact"}),p&&!f&&a.createElement(n.ForwardIcon,{className:"eds-navigattion-card__icon eds-navigation-card__arrow-icon","aria-hidden":"true"}))},exports.NotificationBadge=h,exports.StatusBadge=_,exports.Tag=function(e){var r=e.className,n=e.children,c=e.compact,l=e.as,d=i(e,E),o=l||"div",m=a.Children.toArray(n);return a.createElement(o,s({className:t("eds-tag",r,{"eds-tag--leading-icon":m.length>1&&"string"!=typeof m[0],"eds-tag--trailing-icon":m.length>1&&"string"!=typeof m[m.length-1],"eds-tag--compact":c})},d),n)},exports.useContrast=function(){return a.useContext(d)};
 //# sourceMappingURL=layout.cjs.production.min.js.map

dist/layout.esm.js

@@ -146,3 +146,3 @@ import { ConditionalWrapper, warnAboutMissingStyles } from '@entur/utils';
 
-var _excluded$1 = ["children", "className", "max", "variant", "showZero", "invisible", "as", "type"];
+var _excluded$1 = ["children", "className", "max", "variant", "showZero", "invisible", "hide", "as", "type"];
 var defaultElement$4 = 'span';
@@ -159,2 +159,4 @@ var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     invisibleProp = _ref$invisible === void 0 ? false : _ref$invisible,
+    _ref$hide = _ref.hide,
+    hideProp = _ref$hide === void 0 ? false : _ref$hide,
     as = _ref.as,
@@ -165,6 +167,3 @@ _ref$type = _ref.type,
   var Element = as || defaultElement$4;
-  var invisible = invisibleProp;
-  if (invisibleProp === false && (children === 0 && !showZero || children == null)) {
-    invisible = true;
-  }
+  var computedHide = hideProp || invisibleProp || children === 0 && !showZero || children == null;
   var displayValue;
@@ -177,3 +176,3 @@ if (typeof children === 'number') {
   var classList = classNames(className, 'eds-badge', {
-    'eds-badge--invisible': invisible,
+    'eds-badge--hide': computedHide,
     'eds-badge--show-zero': showZero
@@ -180,0 +179,0 @@ }, "eds-badge--variant-" + variant, "eds-badge--type-" + type);

package.json

 {
   "name": "@entur/layout",
-  "version": "2.4.0-beta.0",
+  "version": "2.4.0",
   "license": "EUPL-1.2",
@@ -32,3 +32,3 @@ "main": "dist/index.js",
     "@entur/tokens": "^3.17.5",
-    "@entur/typography": "^1.9.0-beta.0",
+    "@entur/typography": "^1.9.0",
     "@entur/utils": "^0.12.2",
@@ -40,3 +40,3 @@ "classnames": "^2.3.1"
   },
-  "gitHead": "6ee621529704e08c9814cda206da98c37a9f0689"
+  "gitHead": "2a0e12f4ccbc65c2c8a115690b4895ff01ee7f06"
 }

Fixed alerts

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

159175

increased by0.79%

Lines of code

1465

increased by0.69%

Number of low quality alerts

2

decreased by-33.33%

Dependency changes

• Updated@entur/typography@^1.9.0