@entur-partner/common 4.0.6 → 4.2.0

package/dist/common.esm.js

@@ -32,7 +32,17 @@ function _extends() {
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
+
+  _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
 }
 
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -50,6 +60,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var _excluded$f = ["as", "children", "contrast", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "padding", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "margin", "display", "justifyContent", "alignItems", "maxWidth", "width", "background", "color", "flexDirection", "flexWrap", "className"];
 function responsiveProp(prefix, prop) {
   if (Array.isArray(prop)) {
     var classes = [];
@@ -82,6 +93,7 @@ var Box = function Box(_ref) {
       margin = _ref.margin,
       display = _ref.display,
       justifyContent = _ref.justifyContent,
+      alignItems = _ref.alignItems,
       maxWidth = _ref.maxWidth,
       width = _ref.width,
       background = _ref.background,
@@ -89,7 +101,7 @@ var Box = function Box(_ref) {
       flexDirection = _ref.flexDirection,
       flexWrap = _ref.flexWrap,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["as", "children", "contrast", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "padding", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "margin", "display", "justifyContent", "maxWidth", "width", "background", "color", "flexDirection", "flexWrap", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
 
   var classes = [];
   var resolvedPaddingTop = paddingTop || paddingY || padding;
@@ -111,6 +123,11 @@ var Box = function Box(_ref) {
   resolvedMarginRight && classes.push.apply(classes, responsiveProp('eps-mr-', resolvedMarginRight));
   display && classes.push.apply(classes, responsiveProp('eps-', display));
   justifyContent && classes.push.apply(classes, responsiveProp('eps-justify-', justifyContent));
+
+  if (alignItems) {
+    classes.push.apply(classes, responsiveProp('eps-items-', alignItems));
+  }
+
   maxWidth && classes.push.apply(classes, responsiveProp('eps-max-w-', maxWidth));
   width && classes.push.apply(classes, responsiveProp('eps-w-', width));
   color && classes.push("eps-color-" + color);
@@ -118,7 +135,7 @@ var Box = function Box(_ref) {
   flexDirection && classes.push.apply(classes, responsiveProp('eps-flex-', flexDirection));
   flexWrap && classes.push.apply(classes, responsiveProp('eps-flex-wrap-', flexWrap));
   var classList = cx(classes, className);
-  return React.createElement(Component, Object.assign({
+  return React.createElement(Component, _extends({
     className: classList
   }, rest), children);
 };
@@ -168,12 +185,13 @@ var ActionBar = function ActionBar(_ref3) {
   }, children));
 };
 
+var _excluded$e = ["children", "className"];
 var LinkButton = function LinkButton(_ref) {
   var children = _ref.children,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
 
-  return React.createElement(Link$1, Object.assign({}, rest, {
+  return React.createElement(Link$1, _extends({}, rest, {
     as: "button",
     className: cx('eps-link-button', className)
   }), children);
@@ -187,14 +205,21 @@ var LinkButton = function LinkButton(_ref) {
  * you can drop the REACT_APP_ prefix.
  */
 
-function useFeatureToggle(flag) {
+function featureFlag(flag) {
   var _window$localStorage, _window$localStorage2;
 
-  if (process.env["REACT_APP_" + flag] === 'true' || ((_window$localStorage = window.localStorage) == null ? void 0 : _window$localStorage.getItem(flag)) === 'true' || ((_window$localStorage2 = window.localStorage) == null ? void 0 : _window$localStorage2.getItem("REACT_APP_" + flag)) === 'true') {
-    return true;
-  }
+  return process.env["REACT_APP_" + flag] === 'true' || ((_window$localStorage = window.localStorage) == null ? void 0 : _window$localStorage.getItem(flag)) === 'true' || ((_window$localStorage2 = window.localStorage) == null ? void 0 : _window$localStorage2.getItem("REACT_APP_" + flag)) === 'true';
+}
+/**
+ * Returns true if the provided flag exist in localStorage
+ * or is set as an environment variable.
+ *
+ * @param flag case sensitive flag. If it is an environment variable
+ * you can drop the REACT_APP_ prefix.
+ */
 
-  return false;
+function useFeatureToggle(flag) {
+  return featureFlag(flag);
 }
 var FeatureToggle = function FeatureToggle(_ref) {
   var children = _ref.children,
@@ -208,11 +233,12 @@ var FeatureToggle = function FeatureToggle(_ref) {
   return null;
 };
 
+var _excluded$d = ["title"];
 var EnturPartnerLogoSvg = function EnturPartnerLogoSvg(_ref) {
   var title = _ref.title,
-      rest = _objectWithoutPropertiesLoose(_ref, ["title"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
 
-  return React.createElement("svg", Object.assign({
+  return React.createElement("svg", _extends({
     width: 257,
     height: 37,
     viewBox: "0 0 257 37"
@@ -270,6 +296,7 @@ var Content = function Content(_ref) {
   }, children);
 };
 
+var _excluded$c = ["className", "children", "userName", "open", "onOpenChange"];
 var UserMenu = function UserMenu(_ref) {
   var className = _ref.className,
       messages = _ref.messages,
@@ -352,7 +379,7 @@ var CustomOverflowMenu = function CustomOverflowMenu(_ref2) {
       userName = _ref2.userName,
       open = _ref2.open,
       onOpenChange = _ref2.onOpenChange,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["className", "children", "userName", "open", "onOpenChange"]);
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded$c);
 
   var overflowItemsClasses = cx('eps-overflow-menu__group', {
     'eps-overflow-menu__group--open': open
@@ -362,7 +389,7 @@ var CustomOverflowMenu = function CustomOverflowMenu(_ref2) {
   useOutsideClick(overflowContentRef, overflowMenuTriggerRef, function () {
     return onOpenChange(false);
   });
-  return React.createElement("div", null, React.createElement(SecondaryButton, Object.assign({
+  return React.createElement("div", null, React.createElement(SecondaryButton, _extends({
     className: cx('eps-overflow-menu__button', className),
     onClick: function onClick() {
       return onOpenChange(open ? false : true);
@@ -392,7 +419,7 @@ var CustomOverflowMenu = function CustomOverflowMenu(_ref2) {
 };
 
 var CustomOverflowMenuItem = function CustomOverflowMenuItem(props) {
-  return React.createElement("button", Object.assign({
+  return React.createElement("button", _extends({
     className: cx(props.className, 'eps-overflow-menu__item'),
     role: "menuitem"
   }, props));
@@ -441,17 +468,18 @@ function useOutsideClick(ref, buttonRef, handler) {
   }, [ref, buttonRef, handler]);
 }
 
+var _excluded$b = ["label", "organisations", "onChange", "selectedOrganisationId"];
 var OrganisationDropDown = function OrganisationDropDown(_ref) {
   var label = _ref.label,
       organisations = _ref.organisations,
       handleChange = _ref.onChange,
       selectedOrganisationId = _ref.selectedOrganisationId,
-      rest = _objectWithoutPropertiesLoose(_ref, ["label", "organisations", "onChange", "selectedOrganisationId"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
 
   var selectedOrganisation = organisations.find(function (org) {
     return org.id === selectedOrganisationId;
   });
-  return React.createElement(Dropdown, Object.assign({
+  return React.createElement(Dropdown, _extends({
     label: label,
     searchable: true,
     clearable: true,
@@ -476,6 +504,7 @@ var OrganisationDropDown = function OrganisationDropDown(_ref) {
   }, rest));
 };
 
+/*global EventListener WindowEventHandlers*/
 function useEventListener(eventName, handler, element) {
   if (element === void 0) {
     element = window;
@@ -500,15 +529,16 @@ function useEventListener(eventName, handler, element) {
   }, [eventName, element]);
 }
 
+var _excluded$a = ["language", "options", "className", "onChange"];
 var LanguageSelect = function LanguageSelect(_ref) {
   var language = _ref.language,
       options = _ref.options,
       className = _ref.className,
       _onChange = _ref.onChange,
-      rest = _objectWithoutPropertiesLoose(_ref, ["language", "options", "className", "onChange"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
 
   var classNames = cx('eps-language-select', className);
-  return React.createElement("div", Object.assign({}, rest, {
+  return React.createElement("div", _extends({}, rest, {
     className: classNames
   }), React.createElement(SegmentedControl, {
     onChange: function onChange(language) {
@@ -527,6 +557,7 @@ var LanguageSelect = function LanguageSelect(_ref) {
   })));
 };
 
+var _excluded$9 = ["title", "inputComponent", "languages", "values", "onChange", "name", "variant", "feedback"];
 var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
   var title = _ref.title,
       InputComponent = _ref.inputComponent,
@@ -536,7 +567,7 @@ var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
       name = _ref.name,
       variant = _ref.variant,
       feedback = _ref.feedback,
-      rest = _objectWithoutPropertiesLoose(_ref, ["title", "inputComponent", "languages", "values", "onChange", "name", "variant", "feedback"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
 
   var handleOnChange = function handleOnChange(language, value) {
     var changes = _extends({}, values);
@@ -564,7 +595,7 @@ var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
     var langKey = _ref2.value,
         label = _ref2.label,
         required = _ref2.required;
-    return React.createElement(InputComponent, Object.assign({
+    return React.createElement(InputComponent, _extends({
       "data-testid": "multi-lang-input-" + name + "-" + langKey,
       key: title + langKey,
       label: required ? label + '*' : label,
@@ -579,6 +610,7 @@ var ExpandableMultiLanguageInput = function ExpandableMultiLanguageInput(_ref) {
   })));
 };
 
+var _excluded$8 = ["className", "inputComponent", "alertLabel", "alertLevel", "name", "languages", "values", "onChange", "defaultLanguage", "label", "onBlur"];
 /**
  * @deprecated use ExpandableMultiLanguageInput
  */
@@ -598,7 +630,7 @@ var MultiLanguageInput = function MultiLanguageInput(_ref) {
       label = _ref$label === void 0 ? '' : _ref$label,
       _ref$onBlur = _ref.onBlur,
       onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
-      rest = _objectWithoutPropertiesLoose(_ref, ["className", "inputComponent", "alertLabel", "alertLevel", "name", "languages", "values", "onChange", "defaultLanguage", "label", "onBlur"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
 
   var _useState = useState(defaultLanguage),
       language = _useState[0],
@@ -646,7 +678,7 @@ var MultiLanguageInput = function MultiLanguageInput(_ref) {
     onChange: function onChange(lang) {
       return handleLanguageChange(lang);
     }
-  }), React.createElement(InputComponent, Object.assign({
+  }), React.createElement(InputComponent, _extends({
     label: label,
     variant: alertLevel,
     feedback: alertLabel,
@@ -659,12 +691,13 @@ var MultiLanguageInput = function MultiLanguageInput(_ref) {
   }, rest))));
 };
 
+var _excluded$7 = ["children", "className"];
 var Unbutton = function Unbutton(_ref) {
   var children = _ref.children,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
 
-  return React.createElement(Button, Object.assign({
+  return React.createElement(Button, _extends({
     variant: "primary"
   }, rest, {
     className: cx('eps-unbutton', className)
@@ -732,39 +765,42 @@ var ErrorBoundary = /*#__PURE__*/function (_Component) {
   return ErrorBoundary;
 }(Component);
 
+var _excluded$6 = ["date", "locale", "as", "hideTime"];
 var FormatDateTime = function FormatDateTime(_ref) {
   var date = _ref.date,
       locale = _ref.locale,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'main' : _ref$as,
       hideTime = _ref.hideTime,
-      rest = _objectWithoutPropertiesLoose(_ref, ["date", "locale", "as", "hideTime"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
 
-  return React.createElement(Component, Object.assign({}, rest), hideTime ? localeDate(date, locale) : localeDateTime(date, locale));
+  return React.createElement(Component, _extends({}, rest), hideTime ? localeDate(date, locale) : localeDateTime(date, locale));
 };
 
+var _excluded$5 = ["amount", "as"];
 var FormatCurrencyAmount = function FormatCurrencyAmount(_ref) {
   var amount = _ref.amount,
       _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'span' : _ref$as,
-      rest = _objectWithoutPropertiesLoose(_ref, ["amount", "as"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
   var parsedAmount = Number(amount) || 0;
   var formattedAmount = new Intl.NumberFormat('nb-NO', {
     maximumFractionDigits: 2,
     minimumFractionDigits: 2
   }).format(parsedAmount);
-  return React.createElement(Component, Object.assign({}, rest), formattedAmount);
+  return React.createElement(Component, _extends({}, rest), formattedAmount);
 };
 
+var _excluded$4 = ["items", "locale", "className"];
 var AuditInfo = function AuditInfo(_ref) {
   var items = _ref.items,
       locale = _ref.locale,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["items", "locale", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
   var classNames = cx('ep-audit-info', className);
-  return React.createElement("div", Object.assign({
+  return React.createElement("div", _extends({
     className: classNames
   }, rest), items.map(function (_ref2, i) {
     var label = _ref2.label,
@@ -781,6 +817,7 @@ var AuditInfo = function AuditInfo(_ref) {
   }));
 };
 
+var _excluded$3 = ["isOpen", "children", "message", "size", "buttons", "onConfirm", "messages", "onClose", "onDismiss"];
 var ConfirmModal = function ConfirmModal(_ref) {
   var _ref$isOpen = _ref.isOpen,
       isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
@@ -793,11 +830,11 @@ var ConfirmModal = function ConfirmModal(_ref) {
       messages = _ref.messages,
       onClose = _ref.onClose,
       onDismiss = _ref.onDismiss,
-      rest = _objectWithoutPropertiesLoose(_ref, ["isOpen", "children", "message", "size", "buttons", "onConfirm", "messages", "onClose", "onDismiss"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
   var childrenToRender = children ? children : message;
   var handleDismiss = onClose ? onClose : onDismiss;
-  return React.createElement(Modal, Object.assign({
+  return React.createElement(Modal, _extends({
     size: size,
     open: isOpen,
     onDismiss: handleDismiss
@@ -812,10 +849,11 @@ var ConfirmModal = function ConfirmModal(_ref) {
   }, messages.confirm)) : buttons));
 };
 
+var _excluded$2 = ["children", "shouldBlockNavigation"];
 var RouteLeavingGuard = function RouteLeavingGuard(_ref) {
   var children = _ref.children,
       shouldBlockNavigation = _ref.shouldBlockNavigation,
-      rest = _objectWithoutPropertiesLoose(_ref, ["children", "shouldBlockNavigation"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
   var history = useHistory();
 
@@ -847,7 +885,7 @@ var RouteLeavingGuard = function RouteLeavingGuard(_ref) {
 
   return React.createElement(React.Fragment, null, React.createElement(Prompt, {
     message: allowNavigation
-  }), React.createElement(ConfirmModal, Object.assign({
+  }), React.createElement(ConfirmModal, _extends({
     onDismiss: closeModal,
     open: status === 'BLOCKED',
     onConfirm: handleConfirm
@@ -912,13 +950,14 @@ var PermissionCheck = function PermissionCheck(_ref) {
   return React.createElement(React.Fragment, null, allowed ? children : fallback);
 };
 
+var _excluded$1 = ["children", "actualPermissions", "all", "oneOf", "onReject"];
 var PermissionCheckedRoute = function PermissionCheckedRoute(_ref) {
   var children = _ref.children,
       actualPermissions = _ref.actualPermissions,
       all = _ref.all,
       oneOf = _ref.oneOf,
       onReject = _ref.onReject,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "actualPermissions", "all", "oneOf", "onReject"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
   var redirect = React.createElement(Redirect, {
     to: {
@@ -933,7 +972,7 @@ var PermissionCheckedRoute = function PermissionCheckedRoute(_ref) {
     all: all,
     oneOf: oneOf,
     fallback: onReject ? onReject : redirect
-  }, React.createElement(Route, Object.assign({}, props), children));
+  }, React.createElement(Route, _extends({}, props), children));
 };
 
 var Breadcrumbs = function Breadcrumbs(_ref) {
@@ -984,11 +1023,12 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
 };
 
 var Link = function Link(props) {
-  return React.createElement(Link$1, Object.assign({}, props, {
+  return React.createElement(Link$1, _extends({}, props, {
     as: Link$2
   }), props.children);
 };
 
+var _excluded = ["as", "children", "fontSize", "color", "lineHeight", "fontWeight", "className"];
 var Text = function Text(_ref) {
   var _ref$as = _ref.as,
       component = _ref$as === void 0 ? 'span' : _ref$as,
@@ -998,19 +1038,19 @@ var Text = function Text(_ref) {
       lineHeight = _ref.lineHeight,
       fontWeight = _ref.fontWeight,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["as", "children", "fontSize", "color", "lineHeight", "fontWeight", "className"]);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var classes = [];
   fontSize && classes.push.apply(classes, responsiveProp('eps-font-size-', fontSize));
   lineHeight && classes.push.apply(classes, responsiveProp('eps-line-height-', lineHeight));
   fontWeight && classes.push('eps-font-weight-' + fontWeight);
   var classList = cx(classes, className);
-  return React.createElement(Box, Object.assign({
+  return React.createElement(Box, _extends({
     as: component,
     color: color,
     className: classList
   }, rest), children);
 };
 
-export { ActionBar, ActionBarLeft, ActionBarRight, AuditInfo, Box, Breadcrumbs, ConfirmModal, Content, EnturPartnerLogo, EnturPartnerLogoSvg, ErrorBoundary, ExpandableMultiLanguageInput, FeatureToggle, FormatCurrencyAmount, FormatDateTime, LanguageSelect, Link, LinkButton, Menu, MultiLanguageInput, OrganisationDropDown, Pager, PermissionCheck, PermissionCheckedRoute, RouteLeavingGuard, Stack, StatusLabel, Text, Unbutton, UserMenu, responsiveProp, useEventListener, useFeatureToggle };
+export { ActionBar, ActionBarLeft, ActionBarRight, AuditInfo, Box, Breadcrumbs, ConfirmModal, Content, EnturPartnerLogo, EnturPartnerLogoSvg, ErrorBoundary, ExpandableMultiLanguageInput, FeatureToggle, FormatCurrencyAmount, FormatDateTime, LanguageSelect, Link, LinkButton, Menu, MultiLanguageInput, OrganisationDropDown, Pager, PermissionCheck, PermissionCheckedRoute, RouteLeavingGuard, Stack, StatusLabel, Text, Unbutton, UserMenu, featureFlag, responsiveProp, useEventListener, useFeatureToggle };
 //# sourceMappingURL=common.esm.js.map