@transferwise/components 43.12.6-beta-.16 → 43.12.7

package/build/es/polyfill/card/Card.js

@@ -0,0 +1 @@
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["aria-label","as","isExpanded","title","details","children","onClick","icon","id","className"];import classNames from"classnames";import PropTypes from"prop-types";import{forwardRef}from"react";import requiredIf from"react-required-if";import Body from"../body";import Chevron from"../chevron";import{Position,Typography}from"../common";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Card=/*#__PURE__*/forwardRef(function(a,b){var c=a["aria-label"],d=a.as,e=a.isExpanded,f=a.title,g=a.details,h=a.children,i=a.onClick,j=a.icon,k=a.id,l=a.className,m=_objectWithoutProperties(a,_excluded),n=!!(e&&h);return/*#__PURE__*/_jsxs(d,{ref:b,className:classNames("np-card",l,{"np-card--expanded":n,"np-card--inactive":!h,"np-card--has-icon":!!j}),id:k,"data-testid":m["data-testid"],children:[/*#__PURE__*/_jsx(Option,{"aria-label":c,as:h?"button":"div",className:classNames("np-card__button"),media:j,title:f,content:g,showMediaAtAllSizes:!0,button:h&&/*#__PURE__*/_jsx(Chevron,{orientation:n?Position.TOP:Position.BOTTOM}),onClick:function onClick(){return h&&i(!e)}}),/*#__PURE__*/_jsx("div",{className:classNames("np-card__divider",{"np-card__divider--expanded":n})}),n&&/*#__PURE__*/_jsx(Body,{as:"span",type:Typography.BODY_LARGE,className:"np-card__content d-block",children:h})]})}),hasChildren=function(a){var b=a.children;return b};Card.propTypes={"aria-label":PropTypes.string,as:PropTypes.string,isExpanded:requiredIf(PropTypes.bool,hasChildren),title:PropTypes.node.isRequired,details:PropTypes.node.isRequired,onClick:requiredIf(PropTypes.func,hasChildren),icon:PropTypes.node,children:PropTypes.node,id:PropTypes.string,className:PropTypes.string,"data-testid":PropTypes.string},Card.defaultProps={"aria-label":void 0,as:"div",children:null,id:null,className:null,"data-testid":null};export default Card;

package/build/es/polyfill/card/index.js

@@ -0,0 +1 @@
+export{default}from"./Card";

package/build/es/polyfill/checkbox/Checkbox.js

@@ -0,0 +1 @@
+import{useTheme}from"@wise/components-theming";import classNames from"classnames";import PropTypes from"prop-types";import Body from"../body/Body";import CheckboxButton from"../checkboxButton";import{Typography}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Checkbox=function(a){var b=a.id,c=a.checked,d=a.required,e=a.disabled,f=a.readOnly,g=a.label,h=a.className,i=a.secondary,j=a.onChange,k=a.onFocus,l=a.onBlur,m=useTheme(),n=m.isModern,o=d&&!e&&!f&&!c,p=classNames("np-checkbox",{checkbox:!0,"checkbox-lg":i,"has-error":o,disabled:n&&e},h);return/*#__PURE__*/_jsx("div",{id:b,className:p,children:/*#__PURE__*/_jsxs("label",{className:classNames({disabled:e}),children:[/*#__PURE__*/_jsx(CheckboxButton,{className:classNames("p-r-2",{"has-error":o}),checked:c,disabled:e||f,onFocus:k,onChange:function onChange(){return j(!c)},onBlur:l}),/*#__PURE__*/_jsxs(Body,{as:"span",className:"np-checkbox__text",type:i?Typography.BODY_LARGE_BOLD:Typography.BODY_DEFAULT,children:[g,d&&"*",i&&/*#__PURE__*/_jsx(Body,{as:"span",children:i})]})]})})};Checkbox.propTypes={id:PropTypes.string,checked:PropTypes.bool,required:PropTypes.bool,disabled:PropTypes.bool,readOnly:PropTypes.bool,label:PropTypes.node.isRequired,secondary:PropTypes.string,onFocus:PropTypes.func,onChange:PropTypes.func.isRequired,onBlur:PropTypes.func,className:PropTypes.string},Checkbox.defaultProps={id:null,checked:!1,required:!1,disabled:!1,readOnly:!1,secondary:null,onFocus:null,onBlur:null,className:void 0};export default Checkbox;

package/build/es/polyfill/checkbox/index.js

@@ -0,0 +1 @@
+import Checkbox from"./Checkbox";export default Checkbox;

package/build/es/polyfill/checkboxButton/CheckboxButton.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","className","disabled","onChange"];import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classNames from"classnames";import{forwardRef}from"react";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var CheckboxButton=/*#__PURE__*/forwardRef(function(a,b){var c=a.checked,d=a.className,e=a.disabled,f=a.onChange,g=_objectWithoutProperties(a,_excluded);return/*#__PURE__*/_jsxs("span",{className:classNames("np-checkbox-button",d,e&&"disabled"),children:[/*#__PURE__*/_jsx("input",_objectSpread(_objectSpread({},g),{},{ref:b,type:"checkbox",disabled:e,checked:c,onChange:f})),/*#__PURE__*/_jsx("span",{className:"tw-checkbox-button",children:/*#__PURE__*/_jsx("span",{className:"tw-checkbox-check"})})]})});export default CheckboxButton;

package/build/es/polyfill/checkboxButton/CheckboxButton.spec.js

@@ -0,0 +1 @@
+/* eslint-disable jest/expect-expect */ /* eslint-disable testing-library/no-render-in-setup */import"@testing-library/jest-dom";import{render,fireEvent,screen}from"../test-utils";import CheckboxButton from".";import{jsx as _jsx}from"react/jsx-runtime";describe("Checkbox button",function(){describe("by default",function(){render(/*#__PURE__*/_jsx(CheckboxButton,{onChange:jest.fn()}));var a=screen.getByRole("checkbox");it("is not checked",function(){return expect(a).not.toBeChecked()}),it("is not disabled",function(){return expect(a).toBeEnabled()})}),it("applies aria-label if provided",function(){render(/*#__PURE__*/_jsx(CheckboxButton,{"aria-label":"An aria label",onChange:jest.fn()})),expect(screen.getByRole("checkbox",{name:"An aria label"})).toBeInTheDocument()}),it("is checked when checked prop is true",function(){render(/*#__PURE__*/_jsx(CheckboxButton,{checked:!0,onChange:jest.fn()})),expect(screen.getByRole("checkbox")).toBeChecked()}),it("is disabled when disabled prop is true",function(){render(/*#__PURE__*/_jsx(CheckboxButton,{disabled:!0,onChange:jest.fn()}));var a=screen.getByRole("checkbox");expect(a).toBeDisabled()}),it("calls onChange handler on change",function(){var a=jest.fn();render(/*#__PURE__*/_jsx(CheckboxButton,{onChange:a}));var b=screen.getByRole("checkbox");expect(a).not.toHaveBeenCalled(),fireEvent.click(b),expect(a).toHaveBeenCalledTimes(1)})});

package/build/es/polyfill/checkboxButton/CheckboxButton.story.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{boolean}from"@storybook/addon-knobs";import{useState}from"react";import CheckboxButton from"./CheckboxButton";import{jsx as _jsx}from"react/jsx-runtime";export default{component:CheckboxButton,title:"Forms/CheckboxButton"};var onBlur=function(){return console.log("blur")},onClick=function(){return console.log("click")},onFocus=function(){return console.log("focus")};export var Basic=function(){var a=useState(!0),b=_slicedToArray(a,2),c=b[0],d=b[1],e=boolean("disabled",!1);return/*#__PURE__*/_jsx(CheckboxButton,{"aria-label":"Toggle email updates",checked:c,disabled:e,onBlur:onBlur,onClick:onClick,onFocus:onFocus,onChange:function onChange(){return d(!c)}})};

package/build/es/polyfill/checkboxButton/index.js

@@ -0,0 +1 @@
+export{default}from"./CheckboxButton";

package/build/es/polyfill/checkboxOption/CheckboxOption.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","disabled","onChange"];import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{forwardRef}from"react";import CheckboxButton from"../checkboxButton";import Option from"../common/Option";import{jsx as _jsx}from"react/jsx-runtime";var CheckboxOption=/*#__PURE__*/forwardRef(function(a,b){var c=a.checked,d=a.disabled,e=a.onChange,f=_objectWithoutProperties(a,_excluded);return/*#__PURE__*/_jsx(Option,_objectSpread(_objectSpread({},f),{},{ref:b,disabled:d,button:/*#__PURE__*/_jsx(CheckboxButton,{checked:c,disabled:d,onChange:function onChange(){return e(!c)}})}))});export default CheckboxOption;

package/build/es/polyfill/checkboxOption/CheckboxOption.spec.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}/* eslint-disable jest/expect-expect */import"@testing-library/jest-dom";import{render,fireEvent,screen}from"../test-utils";import CheckboxOption from".";import{jsx as _jsx}from"react/jsx-runtime";describe("Checkbox option",function(){var a={id:"id",name:"name",title:"Title",onChange:jest.fn(),"aria-label":"test-label"};describe("by default",function(){render(/*#__PURE__*/_jsx(CheckboxOption,_objectSpread({},a)));var b=screen.getByRole("checkbox");it("is not checked",function(){expect(b).not.toBeChecked()}),it("is not disabled",function(){expect(b).toBeEnabled()})}),it("has `aria-label` attr",function(){render(/*#__PURE__*/_jsx(CheckboxOption,_objectSpread({},a)));var b=screen.getByLabelText("test-label");expect(b).toBeInTheDocument()}),it("is checked when checked prop is true",function(){render(/*#__PURE__*/_jsx(CheckboxOption,_objectSpread(_objectSpread({},a),{},{checked:!0}))),expect(screen.getByRole("checkbox")).toBeChecked()}),it("is disabled when disabled prop is true",function(){render(/*#__PURE__*/_jsx(CheckboxOption,_objectSpread(_objectSpread({},a),{},{disabled:!0}))),expect(screen.getByRole("checkbox")).toBeDisabled()}),describe("onChange",function(){it("is called with new checked value when the option is clicked",function(){var b=jest.fn(),c=render(/*#__PURE__*/_jsx(CheckboxOption,_objectSpread(_objectSpread({},a),{},{onChange:b}))),d=c.rerender,e=screen.getByLabelText("test-label");expect(b).not.toHaveBeenCalled(),fireEvent.click(e),expect(b).toHaveBeenCalledWith(!0),d(/*#__PURE__*/_jsx(CheckboxOption,_objectSpread(_objectSpread({},a),{},{checked:!0,onChange:b}))),fireEvent.click(e),expect(b).toHaveBeenCalledWith(!1)}),it("is not called if the option is disabled",function(){var b=jest.fn();render(/*#__PURE__*/_jsx(CheckboxOption,_objectSpread(_objectSpread({},a),{},{disabled:!0,onChange:b})));var c=screen.getByLabelText("test-label");expect(b).not.toHaveBeenCalled(),fireEvent.click(c),expect(b).not.toHaveBeenCalled()})}),it("renders aligned with container content",function(){render(/*#__PURE__*/_jsx(CheckboxOption,_objectSpread(_objectSpread({},a),{},{isContainerAligned:!0}))),expect(document.querySelector(".np-option__container-aligned")).toBeInTheDocument()})});

package/build/es/polyfill/checkboxOption/CheckboxOption.story.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{action}from"@storybook/addon-actions";import{boolean,text}from"@storybook/addon-knobs";import{FastFlag as FastFlagIcon}from"@transferwise/icons";import{useState}from"react";import{Nudge}from"..";import CheckboxOption from"./CheckboxOption";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";export default{component:CheckboxOption,title:"Option/CheckboxOption"};var Template=function(){var a=useState(!0),b=_slicedToArray(a,2),c=b[0],d=b[1],e=text("content","Normally, the button and icon are vertically centered."),f=text("title","Checkbox option"),g=boolean("disabled",!1),h=boolean("showMediaAtAllSizes",!1),i=boolean("isContainerAligned",!1);return/*#__PURE__*/_jsx(CheckboxOption,{id:"checkbox-option",name:"checkbox-option",checked:c,disabled:g,title:f,content:e,media:/*#__PURE__*/_jsx(FastFlagIcon,{}),showMediaAtAllSizes:h,isContainerAligned:i,onChange:function onChange(a){return d(a)}})};export var Basic=function(){return/*#__PURE__*/_jsx(Template,{})};export var Multiple=function(){return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Template,{}),/*#__PURE__*/_jsx(Template,{}),/*#__PURE__*/_jsx(Template,{})]})};export var WithContainerContent=function(){return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("h2",{className:"m-b-2",children:"Choose how to pay"}),/*#__PURE__*/_jsx(Template,{}),/*#__PURE__*/_jsx(Template,{}),/*#__PURE__*/_jsx(Template,{}),/*#__PURE__*/_jsx(Nudge,{className:"m-t-2",mediaName:"globe",title:"Text that is no longer than two lines.",link:"Link",href:"#",onClick:action("action clicked"),onDismiss:action("dismissed")})]})};

package/build/es/polyfill/checkboxOption/index.js

@@ -0,0 +1 @@
+export{default}from"./CheckboxOption";

package/build/es/polyfill/chevron/Chevron.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";var _CONTAINER_SIZE;import{ChevronUp}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{Size,Position}from"../common";import{jsx as _jsx}from"react/jsx-runtime";var CONTAINER_SIZE=(_CONTAINER_SIZE={},_defineProperty(_CONTAINER_SIZE,Size.EXTRA_SMALL,10),_defineProperty(_CONTAINER_SIZE,Size.SMALL,16),_defineProperty(_CONTAINER_SIZE,Size.MEDIUM,24),_CONTAINER_SIZE),ExtraSmallChevron=function(a){var b=a.className;return/*#__PURE__*/_jsx("span",{className:classNames("tw-icon","tw-icon-chevron",b),role:"presentation","aria-hidden":!0,children:/*#__PURE__*/_jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"currentColor",focusable:"false",children:/*#__PURE__*/_jsx("path",{fillRule:"evenodd",d:"M4.9995 2.0865L0.0635004 6.7645L1.2745 7.9125L4.9995 4.3835L8.7245 7.9135L9.9355 6.7645L4.9995 2.0865Z"})})})};ExtraSmallChevron.propTypes={className:PropTypes.string},ExtraSmallChevron.defaultProps={className:null};var Chevron=function(a){var b=a.orientation,c=a.size,d=a.disabled,e=a.className,f=classNames("tw-chevron",{"chevron-color":!d},"".concat([b]).toLowerCase(),e),g=CONTAINER_SIZE[c];return c===Size.EXTRA_SMALL?/*#__PURE__*/_jsx(ExtraSmallChevron,{className:f}):/*#__PURE__*/_jsx(ChevronUp,{className:f,size:g})};Chevron.propTypes={orientation:PropTypes.oneOf(["top","bottom","left","right"]),size:PropTypes.oneOf(["xs","sm","md"]),disabled:PropTypes.bool,className:PropTypes.string},Chevron.defaultProps={orientation:Position.BOTTOM,size:Size.SMALL,disabled:!1,className:null};export default Chevron;

package/build/es/polyfill/chevron/index.js

@@ -0,0 +1 @@
+export{default}from"./Chevron";

package/build/es/polyfill/chips/Chip.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useTheme}from"@wise/components-theming";import classNames from"classnames";import{useEffect,useRef}from"react";import Body from"../body/Body";import{Typography}from"../common";import CloseButton from"../common/closeButton/CloseButton";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Chip=function(a){var b=a.label,c=a.value,d=a.onRemove,e=a.onClick,f=a.onKeyPress,g=a.className,h=void 0===g?void 0:g,i=a["aria-label"],j=a["aria-checked"],k=a.role,l=a.closeButton,m=e||f,n=m?"button":void 0,o=m?0:-1,p=useTheme(),q=p.isModern,r=useRef(null),s=useRef();return useEffect(function(){if(null!=r.current&&!1===s.current){var a;null===(a=r.current)||void 0===a?void 0:a.focus()}s.current=null!=r.current},[d]),/*#__PURE__*/_jsxs("div",_objectSpread(_objectSpread({role:null!==k&&void 0!==k?k:n,tabIndex:o,"aria-label":i,"aria-checked":j,className:classNames("np-chip","d-flex","align-items-center","justify-content-between",d?"np-chip--removable":"",h)},m&&{onClick:e,onKeyPress:f}),{},{children:[q?/*#__PURE__*/_jsx(Body,{"aria-hidden":!!d,type:Typography.BODY_DEFAULT_BOLD,children:b}):/*#__PURE__*/_jsx("span",{"aria-hidden":"false",className:"np-chip-label",children:b}),d?/*#__PURE__*/_jsx(CloseButton,{ref:r/* @ts-expect-error remove when CloseButton will be written on TS */,className:q?"btn-unstyled":"btn-unstyled m-l-1","aria-label":l&&l["aria-label"],size:16,filled:q,onClick:d}):null]}),c)};export default Chip;

package/build/es/polyfill/chips/Chips.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"core-js/modules/es.array.includes.js";import"core-js/modules/es.string.includes.js";import"core-js/modules/es.array.map.js";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";import classNames from"classnames";import{useIntl}from"react-intl";import Chip from"./Chip";import messages from"./Chips.messages";import{jsx as _jsx}from"react/jsx-runtime";var Chips=function(a){var b=a.chips,c=a.onChange,d=a.selected,e=a["aria-label"],f=a.className,g=a.multiple,h=useIntl(),i=function(a){return Array.isArray(d)?d.includes(a):d===a},j=function(a,b){c({isEnabled:!b,selectedValue:a})};return/*#__PURE__*/_jsx("div",{className:classNames("np-chips d-flex",f),"aria-label":e,role:g?void 0:"radiogroup",children:b.map(function(a){var b=i(a.value);return/*#__PURE__*/_jsx(Chip,_objectSpread({value:a.value,label:a.label,closeButton:{"aria-label":h.formatMessage(messages.ariaLabel,{choice:a.label})},className:classNames("text-xs-nowrap",{"np-chip--selected":b,"p-r-1":g&&b})},g&&b?{onRemove:function onRemove(){return j(a.value,b)},"aria-label":a.label}:{onClick:function onClick(){return j(a.value,b)},onKeyPress:function onKeyPress(){return j(a.value,b)},role:g?void 0:"radio","aria-checked":b}),a.value)})})};export default Chips;

package/build/es/polyfill/chips/Chips.messages.js

@@ -0,0 +1 @@
+import{defineMessages}from"react-intl";export default defineMessages({ariaLabel:{id:"neptune.Chips.ariaLabel"}});

package/build/es/polyfill/chips/Chips.spec.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"@testing-library/jest-dom";import{render,screen,fireEvent}from"../test-utils";import Chips from".";import{jsx as _jsx}from"react/jsx-runtime";var choiceProps={chips:[{value:"accounting",label:"Accounting"},{value:"payroll",label:"Payroll"},{value:"reporting",label:"Reporting"},{value:"payments",label:"Payments"}],selected:"payroll",onChange:jest.fn(),"aria-label":"Please select a category"},filterProps={chips:[{value:"accounting",label:"Accounting"},{value:"payroll",label:"Payroll"},{value:"reporting",label:"Reporting"},{value:"payments",label:"Payments"}],onChange:jest.fn(),"aria-label":"Filter by categories",selected:["payments"],multiple:!0};describe("Chips",function(){describe("Choice Chips",function(){it("renders as expected",function(){expect(render(/*#__PURE__*/_jsx(Chips,_objectSpread({},choiceProps))).container).toMatchSnapshot()}),it("will pass previous state, updated state, and selected value on select",function(){render(/*#__PURE__*/_jsx(Chips,_objectSpread({},choiceProps)));var a=screen.getByText("Accounting");fireEvent.click(a),expect(choiceProps.onChange).toHaveBeenCalledWith({selectedValue:"accounting",isEnabled:!0})})}),describe("Filter Chips",function(){it("renders as expected",function(){expect(render(/*#__PURE__*/_jsx(Chips,_objectSpread({},filterProps))).container).toMatchSnapshot()}),it("will pass previous state, updated state, and selected value on select",function(){render(/*#__PURE__*/_jsx(Chips,_objectSpread({},filterProps)));var a=screen.getByText("Accounting");fireEvent.click(a),expect(filterProps.onChange).toHaveBeenCalledWith({selectedValue:"accounting",isEnabled:!0})}),it("will pass previous state, updated state, and cleared value on clear",function(){render(/*#__PURE__*/_jsx(Chips,_objectSpread({},filterProps))),fireEvent.click(screen.getAllByRole("button")[3]),expect(filterProps.onChange).toHaveBeenCalledWith({selectedValue:"payments",isEnabled:!1})})})});

package/build/es/polyfill/chips/Chips.story.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"core-js/modules/es.array.concat.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";import{useState}from"react";import Chips from"./Chips";import{jsx as _jsx}from"react/jsx-runtime";export default{title:"Actions/Chips",component:Chips};var FilterTemplate=function(a){var b=useState(a.selected?a.selected:[]),c=_slicedToArray(b,2),d=c[0],e=c[1];return/*#__PURE__*/_jsx(Chips,_objectSpread(_objectSpread({},a),{},{selected:d,multiple:!0,onChange:function onChange(a){var b=a.selectedValue,c=a.isEnabled;if(c)e([].concat(_toConsumableArray(d),[b]));else{var f=d.filter(function(a){return b!==a});e(f)}}}))},ChoiceTemplate=function(a){var b=useState(a.selected),c=_slicedToArray(b,2),d=c[0],e=c[1];return/*#__PURE__*/_jsx(Chips,_objectSpread(_objectSpread({},a),{},{selected:d,onChange:function onChange(a){var b=a.selectedValue;return e(b)}}))};export var FilterChips=FilterTemplate.bind({});FilterChips.args={chips:[{value:"accounting",label:"Accounting"},{value:"payroll",label:"Payroll"},{value:"reporting",label:"Reporting"},{value:"payments",label:"Payments"}]};export var PreSelectedFilterChips=FilterTemplate.bind({});PreSelectedFilterChips.args={chips:[{value:"accounting",label:"Accounting"},{value:"payroll",label:"Payroll"},{value:"reporting",label:"Reporting"},{value:"payments",label:"Payments"}],selected:["accounting","payments"]};export var ChoiceChips=ChoiceTemplate.bind({});ChoiceChips.args={chips:[{value:1,label:"100 GBP"},{value:2,label:"200 GBP"},{value:3,label:"300 GBP"},{value:4,label:"400 GBP+"}],selected:3};

package/build/es/polyfill/chips/index.js

@@ -0,0 +1 @@
+export{default}from"./Chips";export{default as Chip}from"./Chip";

package/build/es/polyfill/circularButton/CircularButton.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children","disabled","icon","priority","type"];import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classNames from"classnames";import PropTypes from"prop-types";import{cloneElement}from"react";import Body from"../body/Body";import{typeClassMap,priorityClassMap}from"../button/classMap";import{ControlType,Priority}from"../common";import{Typography}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var CircularButton=function(a){var b=a.className,c=a.children,d=a.disabled,e=a.icon,f=a.priority,g=a.type,h=_objectWithoutProperties(a,_excluded),i=classNames("btn np-btn",typeClassMap[g],priorityClassMap[f]),j=24===e.props.size?e:/*#__PURE__*/cloneElement(e,{size:24});return/*#__PURE__*/_jsxs("label",{className:classNames("np-circular-btn",f,g,d?"disabled":"",b),children:[/*#__PURE__*/_jsx("input",_objectSpread({type:"button","aria-label":c,className:i,disabled:d},h)),j,/*#__PURE__*/_jsx(Body,{as:"span",className:"np-circular-btn__label",type:Typography.BODY_DEFAULT_BOLD,children:c})]})};CircularButton.propTypes={className:PropTypes.string,children:PropTypes.string.isRequired,disabled:PropTypes.bool,icon:PropTypes.element.isRequired,onClick:PropTypes.func.isRequired,priority:PropTypes.oneOf(["primary","secondary"]),type:PropTypes.oneOf(["accent","positive","negative"])},CircularButton.defaultProps={className:void 0,disabled:!1,priority:Priority.PRIMARY,type:ControlType.ACCENT};export default CircularButton;

package/build/es/polyfill/circularButton/index.js

@@ -0,0 +1 @@
+export{default}from"./CircularButton";

package/build/es/polyfill/common/DOMOperations/DOMOperations.js

@@ -0,0 +1,9 @@
+/**
+ * Defined in `Dimmer.less`
+ */var NO_SCROLL_BODY_CLASS="no-scroll";/**
+ * Apply {@link NO_SCROLL_BODY_CLASS} that disables scroll on page (e.g use in Dimmer to disable scroll behind the component)
+ *
+ * For a proper disabling, the CSS class needs to be applied for `html` and `body` elements.
+ */export var addNoScrollBodyClass=function(){document.documentElement.classList.add(NO_SCROLL_BODY_CLASS),document.body.classList.add(NO_SCROLL_BODY_CLASS)};/**
+ * Clean up after {@link addNoScrollBodyClass} function
+ */export var removeNoScrollBodyClass=function(){document.documentElement.classList.remove(NO_SCROLL_BODY_CLASS),document.body.classList.remove(NO_SCROLL_BODY_CLASS)};

package/build/es/polyfill/common/DOMOperations/index.js

@@ -0,0 +1 @@
+import{addNoScrollBodyClass,removeNoScrollBodyClass}from"./DOMOperations";export{addNoScrollBodyClass,removeNoScrollBodyClass};

package/build/es/polyfill/common/Option/Option.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["media","title","content","as","button","decision","disabled","complex","inverseMediaCircle","className","showMediaAtAllSizes","showMediaCircle","isContainerAligned"];import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classNames from"classnames";import{forwardRef}from"react";import Body from"../../body";import{Typography}from"../propsValues/typography";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Option=/*#__PURE__*/forwardRef(function(a,b){var c,d=a.media,e=void 0===d?"":d,f=a.title,g=a.content,h=a.as,i=a.button,j=a.decision,k=a.disabled,l=void 0!==k&&k,m=a.complex,n=a.inverseMediaCircle,o=a.className,p=a.showMediaAtAllSizes,q=a.showMediaCircle,r=a.isContainerAligned,s=_objectWithoutProperties(a,_excluded),t=null!==(c=h)&&void 0!==c?c:"label";return/*#__PURE__*/_jsx(t,_objectSpread(_objectSpread({},s),{},{ref:b,className:classNames("np-option",o,{"decision-complex":m,decision:!(void 0!==j)||j,disabled:l,"np-option__sm-media":p,"np-option__container-aligned":void 0!==r&&r}),disabled:l&&"button"===t,children:/*#__PURE__*/_jsxs("div",{className:"media",children:[e&&/*#__PURE__*/_jsx("div",{className:"media-left",children:!(void 0!==q)||q?/*#__PURE__*/_jsx("div",{className:classNames("circle circle-sm text-primary",{"circle-inverse":!(void 0!==n)||n}),children:e}):/*#__PURE__*/_jsx("div",{className:"np-option__no-media-circle",children:e})}),/*#__PURE__*/_jsxs("div",{className:"media-body",children:[/*#__PURE__*/_jsx(Body,{as:"span",type:Typography.BODY_LARGE_BOLD,className:"text-primary np-option__title d-block",children:f}),g&&/*#__PURE__*/_jsx(Body,{className:"d-block np-option__body",children:g})]}),/*#__PURE__*/_jsx("div",{className:"media-right",children:i})]})}))});export default Option;

package/build/es/polyfill/common/Option/index.js

@@ -0,0 +1 @@
+export{default}from"./Option";

package/build/es/polyfill/common/RadioButton/RadioButton.js

@@ -0,0 +1 @@
+import"core-js/modules/es.function.name.js";import classNames from"classnames";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var RadioButton=function(a){var b=a.id,c=a.value,d=a.name,e=a.checked,f=a.onChange,g=a.disabled,h=a.readOnly;return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("input",{type:"radio",className:"sr-only",id:b,value:c,name:d,checked:e,disabled:g||h,onChange:function onChange(){return e?null:f(c)}}),/*#__PURE__*/_jsx("span",{className:classNames("tw-radio-button",{checked:e,disabled:g||h}),children:/*#__PURE__*/_jsx("span",{className:"tw-radio-check"})})]})};RadioButton.propTypes={id:PropTypes.string,name:PropTypes.string.isRequired,checked:PropTypes.bool,onChange:PropTypes.func,disabled:PropTypes.bool,value:PropTypes.oneOfType([PropTypes.number,PropTypes.string]),readOnly:PropTypes.bool},RadioButton.defaultProps={checked:!1,onChange:function onChange(){},disabled:!1,id:null,value:"",readOnly:!1};export default RadioButton;

package/build/es/polyfill/common/RadioButton/index.js

@@ -0,0 +1 @@
+export{default}from"./RadioButton";

package/build/es/polyfill/common/bottomSheet/BottomSheet.js

@@ -0,0 +1,10 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"core-js/modules/es.array.concat.js";import{useTheme}from"@wise/components-theming";import classNames from"classnames";import{useRef,useState}from"react";import Dimmer from"../../dimmer";import SlidingPanel from"../../slidingPanel";import CloseButton from"../closeButton";import{isServerSide}from"../domHelpers";import{useConditionalListener}from"../hooks";import{Position}from"../propsValues/position";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var INITIAL_Y_POSITION=0,CONTENT_SCROLL_THRESHOLD=1,MOVE_OFFSET_THRESHOLD=50,BottomSheet=function(a){function b(a){null!==g.current&&(g.current.style.transform="translateY(".concat(a,"px)"))}function c(b){m(!1),o.current=INITIAL_Y_POSITION,null!==g.current&&g.current.style.removeProperty("transform"),a.onClose&&a.onClose(b)}function d(a){// stop moving component
+cancelAnimationFrame(n.current),m(!1),o.current>MOVE_OFFSET_THRESHOLD&&e()?c(a):b(INITIAL_Y_POSITION),o.current=INITIAL_Y_POSITION}function e(){var a;return(null===i||void 0===i||null===(a=i.current)||void 0===a?void 0:a.scrollTop)!==void 0&&i.current.scrollTop<=CONTENT_SCROLL_THRESHOLD}/**
+   * Calculates how hard user moves component,
+   * result value used to determine whether to hide component or re-position to default state
+   *
+   * @param afterMoveYCoordinate
+   */function f(a){return a-p.current}/**
+   * Set `max-height` for content part (in order to keep it scrollable for content overflow cases) of the component
+   * and ensures space for safe zone (32px) at the top.
+   */var g=useRef(null),h=useRef(null),i=useRef(null),j=useState(!1),k=_slicedToArray(j,2),l=k[0],m=k[1],n=useRef(0),o=useRef(0),p=useRef(0);useConditionalListener({attachListener:a.open&&!isServerSide(),callback:function callback(){if(null!==h.current){var a=h.current.classList;e()?a.remove("np-bottom-sheet--top-bar--shadow"):a.add("np-bottom-sheet--top-bar--shadow")}},eventType:"scroll",parent:isServerSide()?void 0:document});var q=function(a){return function(b){p.current=(a?b.touches[0]:b).clientY,m(!0)}},r=function(a){return function(c){if(l){var d=a?c.touches[0]:c,h=d.clientY,i=f(h);i>INITIAL_Y_POSITION&&e()&&(o.current=i,n.current=requestAnimationFrame(function(){n.current!==void 0&&null!==g.current&&b(i)}))}}},s=useTheme(),t=s.className;return/*#__PURE__*/_jsx(Dimmer,{open:a.open,fadeContentOnEnter:!0,fadeContentOnExit:!0,className:t,onClose:c,children:/*#__PURE__*/_jsxs(SlidingPanel,{ref:g,open:a.open,position:Position.BOTTOM,className:classNames("np-bottom-sheet",a.className),role:"dialog",onTouchStart:q(!0),onTouchMove:r(!0),onTouchEnd:d,onMouseDown:q(!1),onMouseMove:r(!1),onMouseUp:d,children:[/*#__PURE__*/_jsxs("div",{ref:h,className:"np-bottom-sheet--top-bar",children:[/*#__PURE__*/_jsx("div",{className:"np-bottom-sheet--handler"}),/*#__PURE__*/_jsx(CloseButton,{size:16,className:"sr-only np-bottom-sheet--close-btn",onClick:c})]}),/*#__PURE__*/_jsx("div",{ref:i,style:function(){var a=isServerSide()?0:window.innerHeight,b="".concat(100*(.01*a),"px");return{maxHeight:"calc(".concat(b," - ").concat("64px"," - ").concat("32px",")")}}(),className:"np-bottom-sheet--content",children:a.children})]})})};export default BottomSheet;

package/build/es/polyfill/common/bottomSheet/BottomSheet.spec.js

@@ -0,0 +1 @@
+import{render}from"../../test-utils";import BottomSheet from"./BottomSheet";import{jsx as _jsx}from"react/jsx-runtime";describe("BottomSheet",function(){it("renders content when open",function(){var a=render(/*#__PURE__*/_jsx(BottomSheet,{open:!0,onClose:jest.fn(),children:/*#__PURE__*/_jsx("b",{children:"Test Content"})})),b=a.baseElement;expect(b).toMatchSnapshot()}),it("does not renders when closed",function(){var a=render(/*#__PURE__*/_jsx(BottomSheet,{open:!1,onClose:jest.fn(),children:"content"})),b=a.container;expect(b).toBeEmptyDOMElement()})});

package/build/es/polyfill/common/bottomSheet/index.js

@@ -0,0 +1 @@
+export{default}from"./BottomSheet";

package/build/es/polyfill/common/closeButton/CloseButton.js

@@ -0,0 +1 @@
+import"core-js/modules/es.object.values.js";import{Cross,CrossCircleFill}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{forwardRef}from"react";import{useIntl}from"react-intl";import messages from"./CloseButton.messages";import{jsx as _jsx}from"react/jsx-runtime";export var CloseButton=/*#__PURE__*/forwardRef(function(a,b){var c=useIntl(),d=a.onClick,e=a.size,f=a.filled,g=a.className,h=a["aria-label"]||c.formatMessage(messages.ariaLabel),i=f?CrossCircleFill:Cross;return/*#__PURE__*/_jsx("button",{ref:b,type:"button",className:classNames("np-close-button","close btn-link","text-no-decoration",{"np-close-button--large":e===CloseButton.Size.LARGE},g),"aria-label":h,onClick:d,children:/*#__PURE__*/_jsx(i,{size:e})})});CloseButton.Size={SMALL:16,LARGE:24},CloseButton.propTypes={onClick:PropTypes.func.isRequired,className:PropTypes.string,size:PropTypes.oneOf(Object.values(CloseButton.Size)),filled:PropTypes.bool,"aria-label":PropTypes.string},CloseButton.defaultProps={className:null,size:CloseButton.Size.LARGE,filled:!1,"aria-label":void 0};export default CloseButton;

package/build/es/polyfill/common/closeButton/CloseButton.messages.js

@@ -0,0 +1 @@
+import{defineMessages}from"react-intl";export default defineMessages({ariaLabel:{id:"neptune.CloseButton.ariaLabel"}});

package/build/es/polyfill/common/closeButton/index.js

@@ -0,0 +1 @@
+export{default}from"./CloseButton";

package/build/es/polyfill/common/dateUtils/getDayNames/getDayNames.js

@@ -0,0 +1,2 @@
+import{formatDate}from"@transferwise/formatting";export function getDayNames(a){// 2018 started with Monday
+for(var b=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"short",c=[],d=new Date(2018,0,1);7>c.length;)c.push(formatDate(d,a,{weekday:b})),d.setDate(d.getDate()+1);return c}

package/build/es/polyfill/common/dateUtils/getDayNames/index.js

@@ -0,0 +1 @@
+export{getDayNames}from"./getDayNames";

package/build/es/polyfill/common/dateUtils/getMonthNames/getMonthNames.js

@@ -0,0 +1 @@
+import{formatDate}from"@transferwise/formatting";export var getMonthNames=function(a){for(var b=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"long",c=[],d=new Date(2018,0,1),e={month:b};12>c.length;)c.push(formatDate(d,a,e)),d.setMonth(d.getMonth()+1);return c};

package/build/es/polyfill/common/dateUtils/getMonthNames/index.js

@@ -0,0 +1 @@
+export{getMonthNames}from"./getMonthNames";

package/build/es/polyfill/common/dateUtils/index.js

@@ -0,0 +1 @@
+export{getDayNames}from"./getDayNames";export{moveToWithinRange}from"./moveToWithinRange";export{isWithinRange}from"./isWithinRange";export{getMonthNames}from"./getMonthNames";export{isDateValid}from"./isDateValid";export{isMonthAndYearFormat}from"./isMonthAndYearFormat";

package/build/es/polyfill/common/dateUtils/isDateValid/index.js

@@ -0,0 +1 @@
+export{isDateValid,validDateString}from"./isDateValid";

package/build/es/polyfill/common/dateUtils/isDateValid/isDateValid.js

@@ -0,0 +1 @@
+export var isDateValid=function(a){return validDateObject(a)||validDateString(a)};export var validDateString=function(a){return"string"==typeof a&&validDateObject(new Date(a))};var validDateObject=function(a){return a instanceof Date&&!isNaN(a)};// eslint-disable-line no-restricted-globals

package/build/es/polyfill/common/dateUtils/isMonthAndYearFormat/index.js

@@ -0,0 +1 @@
+export{isMonthAndYearFormat}from"./isMonthAndYearFormat";

package/build/es/polyfill/common/dateUtils/isMonthAndYearFormat/isMonthAndYearFormat.js

@@ -0,0 +1 @@
+import"core-js/modules/es.regexp.exec.js";import"core-js/modules/es.string.split.js";import{validDateString}from"../isDateValid";export var isMonthAndYearFormat=function(a){return validDateString(a)&&3>a.split("-").length};

package/build/es/polyfill/common/dateUtils/isWithinRange/index.js

@@ -0,0 +1 @@
+export{isWithinRange}from"./isWithinRange";

package/build/es/polyfill/common/dateUtils/isWithinRange/isWithinRange.js

@@ -0,0 +1 @@
+export function isWithinRange(a,b,c){return!a||(!b||a>=b)&&(!c||a<=c)}

package/build/es/polyfill/common/dateUtils/moveToWithinRange/index.js

@@ -0,0 +1 @@
+export{moveToWithinRange}from"./moveToWithinRange";

package/build/es/polyfill/common/dateUtils/moveToWithinRange/moveToWithinRange.js

@@ -0,0 +1,2 @@
+import{isWithinRange}from"../isWithinRange";// Makes sure that date is between min and max dates, returns a cloned min or max
+export function moveToWithinRange(a,b,c){return isWithinRange(a,b,c)?a:new Date(b&&a<b?+b:+c)}

package/build/es/polyfill/common/deviceDetection/deviceDetection.js

@@ -0,0 +1 @@
+import"core-js/modules/es.array.join.js";import"core-js/modules/es.array.map.js";import"core-js/modules/es.regexp.constructor.js";import"core-js/modules/es.regexp.exec.js";import"core-js/modules/es.regexp.to-string.js";import"core-js/modules/es.string.match.js";export function isIosDevice(){var a=["iphone","ipad","ipod"].map(function(a){return"(".concat(a,")")}).join("|"),b=new RegExp(a,"ig");return"undefined"!=typeof navigator&&!!navigator.userAgent.match(b)}

package/build/es/polyfill/common/deviceDetection/index.js

@@ -0,0 +1 @@
+export{isIosDevice}from"./deviceDetection";

package/build/es/polyfill/common/direction.js

@@ -0,0 +1 @@
+export var Direction;(function(a){a.RTL="rtl",a.LTR="ltr",a.AUTO="auto"})(Direction||(Direction={}));

package/build/es/polyfill/common/domHelpers/documentIosClick.js

@@ -0,0 +1,5 @@
+import{isIosDevice}from"../deviceDetection";/*
+  This is a hack to make ios devices register `click` on document.
+	Ios document doesn't have `click`. It has `touch` and because of that we can't addEventListener('click') to document.
+	So we add `ios-click` class to html root element and in css we add {cursor: pointer} so ios devices know that document is clickable element.
+*/export function addClickClassToDocumentOnIos(){isIosDevice()&&document.documentElement.classList.add("ios-click")}export function removeClickClassFromDocumentOnIos(){isIosDevice()&&document.documentElement.classList.remove("ios-click")}

package/build/es/polyfill/common/domHelpers/index.js

@@ -0,0 +1 @@
+import"core-js/modules/es.array.concat.js";export function isServerSide(){return"undefined"==typeof window}export function isBrowser(){return!isServerSide()}export function stopPropagation(a){a.stopPropagation(),a.preventDefault(),a.nativeEvent&&a.nativeEvent.stopImmediatePropagation&&a.nativeEvent.stopImmediatePropagation()}export function getSimpleRandomId(a){var b=Math.ceil(999999*Math.random());return"".concat(a).concat(b)}export{addClickClassToDocumentOnIos,removeClickClassFromDocumentOnIos}from"./documentIosClick";

package/build/es/polyfill/common/fakeEvents.js

@@ -0,0 +1 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var fakeEvent=function(){return{nativeEvent:{stopImmediatePropagation:function stopImmediatePropagation(){}},stopPropagation:function stopPropagation(){},preventDefault:function preventDefault(){}}};export var fakeKeyDownEventForKey=function(a){return _objectSpread(_objectSpread({},fakeEvent()),{},{keyCode:a})};export var fakeKeyDownEvent=function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{};return _objectSpread(_objectSpread({},fakeEvent()),a)};

package/build/es/polyfill/common/fileType.js

@@ -0,0 +1 @@
+export var FileType;(function(a){a.PDF=".pdf,application/pdf",a.JPG=".jpg,.jpeg,image/jpeg",a.PNG=".png,image/png",a.CSV=".csv,text/csv"})(FileType||(FileType={}));

package/build/es/polyfill/common/flowHeader/FlowHeader.js

@@ -0,0 +1 @@
+import classNames from"classnames";import PropTypes from"prop-types";import{forwardRef}from"react";import{Layout}from"../propsValues/layouts";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var FlowHeader=/*#__PURE__*/forwardRef(function(a,b){var c=a.bottomContent,d=a.className,e=a.layout,f=a.leftContent,g=a.rightContent,h=e===Layout.VERTICAL;return/*#__PURE__*/_jsxs("div",{ref:b,className:classNames("np-flow-header","d-flex","flex-wrap","align-items-center",d),children:[/*#__PURE__*/_jsx("div",{className:classNames("np-flow-header__left",{"flex__item--8":h}),children:f}),/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","d-flex","np-flow-header__right","justify-content-end",{"flex__item--4 ":h,"order-2":!h}),children:g}),/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","d-flex","justify-content-center",{"flex__item--12":h,"order-1 flex-grow-1":!h}),children:c})]})});FlowHeader.defaultProps={bottomContent:void 0,className:void 0,layout:Layout.HORIZONTAL,leftContent:void 0,rightContent:void 0},FlowHeader.propTypes={bottomContent:PropTypes.node,className:PropTypes.string,layout:PropTypes.oneOf(["HORIZONTAL","VERTICAL"]),leftContent:PropTypes.node,rightContent:PropTypes.node};export default FlowHeader;

package/build/es/polyfill/common/flowHeader/index.js

@@ -0,0 +1 @@
+export{default}from"./FlowHeader";

package/build/es/polyfill/common/focusBoundary/FocusBoundary.js

@@ -0,0 +1 @@
+import{isKey,isUndefined}from"@transferwise/neptune-validation";import PropTypes from"prop-types";import{useEffect,useRef}from"react";import{useConditionalListener}from"../hooks";import{Key}from"../key";import{getFocusableElements,resetFocus}from"./utils";import{jsx as _jsx}from"react/jsx-runtime";var TAB=Key.TAB,FocusBoundary=function(a){var b=a.children,c=useRef(),d=isUndefined(document)?void 0:document,e={};return useEffect(function(){c.current.focus(),e=getFocusableElements(c.current)},[]),useConditionalListener({eventType:"keydown",callback:function callback(a){return isKey({keyType:TAB,event:a})&&resetFocus({event:a,focusableEls:e})},attachListener:!0,parent:d}),/*#__PURE__*/_jsx("span",{ref:c,tabIndex:-1,className:"np-focus-boundary outline-none",children:b})};FocusBoundary.propTypes={children:PropTypes.node};export default FocusBoundary;

package/build/es/polyfill/common/focusBoundary/index.js

@@ -0,0 +1 @@
+export{default}from"./FocusBoundary";

package/build/es/polyfill/common/focusBoundary/utils/getFocusableElements.js

@@ -0,0 +1,6 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.to-string.js";/**
+ * This function returns the first and the last focusable elements within a node.
+ *
+ * @param {Node} focusBoundaryContainer - the area that contains focused elements.
+ * @returns {object} focusableEls - which contains the first focusable element and the last focusable element. First and last can be the same element if area contains one or none focusable element.
+ */export var getFocusableElements=function(a){var b={first:a,last:a};if(null!==a&&void 0!==a&&a.querySelectorAll){var d=_toConsumableArray(a.querySelectorAll("a, button, input, textarea, select, details,[tabindex]:not([tabindex=\"-1\"])")).filter(function(a){return!a.hasAttribute("disabled")});if(0<d.length){var c=_slicedToArray(d,1);b.first=c[0],b.last=d[d.length-1]}}return b};

package/build/es/polyfill/common/focusBoundary/utils/index.js

@@ -0,0 +1 @@
+export{getFocusableElements}from"./getFocusableElements";export{resetFocus}from"./resetFocus";

package/build/es/polyfill/common/focusBoundary/utils/resetFocus.js

@@ -0,0 +1,6 @@
+/**
+ * This function resets the focus to either last of first focusable elements within a node.
+ *
+ * @param {object} focusableEls - contains the first last of first focusable elements within a node.
+ * @param {object} event - the triggered event
+ */export var resetFocus=function(a){var b=a.focusableEls,c=b.first,d=b.last,e=a.event,f=document,g=f.activeElement;e.shiftKey&&g===c&&(d&&d.focus(),e.preventDefault()),e.shiftKey||g!==d||(c&&c.focus(),e.preventDefault())};

package/build/es/polyfill/common/historyNavigator/historyNavigator.js

@@ -0,0 +1 @@
+import _createClass from"@babel/runtime/helpers/createClass";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _defineProperty from"@babel/runtime/helpers/defineProperty";var HistoryNavigator=/*#__PURE__*/_createClass(function a(){var b=this,c=0<arguments.length&&arguments[0]!==void 0?arguments[0]:[],d=1<arguments.length&&arguments[1]!==void 0?arguments[1]:null;_classCallCheck(this,a),_defineProperty(this,"reset",function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:[""],c=1<arguments.length&&arguments[1]!==void 0?arguments[1]:20;b.history=a,b.currIndex=0<a.length-1?a.length-1:0,b.historyLimit=c}),_defineProperty(this,"add",function(a){!b.historyLimit||b.history.length<=b.historyLimit?(b.history.push(a),b.currIndex=b.history.length-1):b.currIndex=b.history.length-1}),_defineProperty(this,"redo",function(){var a=b.history.length;return b.currIndex=b.currIndex+1<a?b.currIndex+1:a-1,b.history[b.currIndex]}),_defineProperty(this,"undo",function(){return b.currIndex=0<b.currIndex-1?b.currIndex-1:0,b.history[b.currIndex]}),this.history=c&&0<c.length?c:[""],this.currIndex=this.history.length-1,this.historyLimit=d});export default HistoryNavigator;

package/build/es/polyfill/common/historyNavigator/index.js

@@ -0,0 +1 @@
+export{default}from"./historyNavigator";

package/build/es/polyfill/common/hooks/index.js

@@ -0,0 +1 @@
+export{default as useClientWidth}from"./useClientWidth";export{default as useConditionalListener}from"./useConditionalListener";export{default as useDirection}from"./useDirection";export{default as useHasIntersected}from"./useHasIntersected";export{default as useLayout}from"./useLayout";

package/build/es/polyfill/common/hooks/useClientWidth/index.js

@@ -0,0 +1 @@
+export{useClientWidth as default}from"./useClientWidth";

package/build/es/polyfill/common/hooks/useClientWidth/useClientWidth.js

@@ -0,0 +1,5 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import throttle from"lodash.throttle";import{useLayoutEffect,useState,useEffect}from"react";var THROTTLE_MS=100,useIsomorphicLayoutEffect="undefined"==typeof window?useEffect:useLayoutEffect;export var useClientWidth=function(a){var b=a.ref,c=a.throttleMs,d=void 0===c?THROTTLE_MS:c,e=useState(null),f=_slicedToArray(e,2),g=f[0],h=f[1];return useIsomorphicLayoutEffect(function(){// eslint-disable-next-line unicorn/consistent-function-scoping
+var a=function(){b&&(b.innerWidth?h(b.innerWidth):b.current&&h(b.current.clientWidth))},c=throttle(a,d);// This assignment saves a reference to the function so it will be the same passed to both addEventListener removeEventListener.
+// If throttle gets passed directly to both add and removeEventListenet the results will be that the event
+// won't get removed even if the component is unmounted.
+return window.addEventListener("resize",c,!0),window.requestAnimationFrame(a),function(){return window.removeEventListener("resize",c,!0)}},[]),[g]};useClientWidth.THROTTLE_MS=100;

package/build/es/polyfill/common/hooks/useConditionalListener/index.js

@@ -0,0 +1 @@
+export{useConditionalListener as default}from"./useConditionalListener";

package/build/es/polyfill/common/hooks/useConditionalListener/useConditionalListener.js

@@ -0,0 +1,3 @@
+// @ts-expect-error remove this when `@transferwise/neptune-validation` provides types
+import{isUndefined}from"@transferwise/neptune-validation";import{useEffect}from"react";export var useConditionalListener=function(a){var b=a.attachListener,c=a.callback,d=a.eventType,e=a.parent;useEffect(function(){return b&&// eslint-disable-next-line @typescript-eslint/no-unsafe-call
+!isUndefined(e)&&e.addEventListener(d,c,!0),function(){isUndefined(e)||e.removeEventListener(d,c,!0)}},[b,c,d,e])};

package/build/es/polyfill/common/hooks/useDirection/index.js

@@ -0,0 +1 @@
+export{useDirection as default}from"./useDirection";

package/build/es/polyfill/common/hooks/useDirection/useDirection.js

@@ -0,0 +1 @@
+import{useContext}from"react";import{DirectionContext}from"../../../provider/direction/DirectionProvider";export var useDirection=function(){var a=useContext(DirectionContext);return{direction:a,isRTL:"rtl"===a}};

package/build/es/polyfill/common/hooks/useHasIntersected/index.js

@@ -0,0 +1 @@
+export{useHasIntersected as default}from"./useHasIntersected";

package/build/es/polyfill/common/hooks/useHasIntersected/useHasIntersected.js

@@ -0,0 +1,11 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"core-js/modules/es.object.to-string.js";import"core-js/modules/web.dom-collections.for-each.js";import{useEffect,useState}from"react";var ObserverParams={threshold:.1};/**
+ * useHasIntersected.
+ * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.
+ * Once the intersection has happened the hook will not return false even if the element gets out of the viewport.
+ *
+ * @param elRef.elRef
+ * @param {object} [elRef] - node object that contains a react reference to the element that needs to be observed.
+ * @param {strimng} [loading = 'eager'] - string that contains the type of loading.
+ * @param elRef.loading
+ * @usage `const [hasIntersected] = useHasIntersected({imageRef,loading});`
+ */export var useHasIntersected=function(a){var b=a.elRef,c=a.loading,d=useState(!1),e=_slicedToArray(d,2),f=e[0],g=e[1],h=(b||{}).current,i=function(){return b&&h},j=function(a,b){a.forEach(function(a){a.isIntersecting&&(g(!0),b.unobserve(h))})};return useEffect(function(){var a,b=!1;return"undefined"!=typeof window&&window.IntersectionObserver&&i()?!b&&(a=new IntersectionObserver(j,ObserverParams),a.observe(h)):g(!0),function(){b=!0,a&&a.unobserve(h)}},[b]),"eager"===c?[!1]:[f]};

package/build/es/polyfill/common/hooks/useLayout/index.js

@@ -0,0 +1 @@
+export{useLayout as default}from"./useLayout";

package/build/es/polyfill/common/hooks/useLayout/useLayout.js

@@ -0,0 +1 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import"core-js/modules/es.array.includes.js";import"core-js/modules/es.string.includes.js";import{useEffect,useState}from"react";import{Breakpoint}from"../../propsValues/breakpoint";import useClientWidth from"../useClientWidth";export var useLayout=function(){var a="undefined"==typeof window?void 0:window,b=useState(),c=_slicedToArray(b,2),d=c[0],e=c[1],f=useClientWidth({ref:a}),g=_slicedToArray(f,1),h=g[0];return useEffect(function(){return h?h<=Breakpoint.EXTRA_SMALL?void e(Breakpoint.EXTRA_SMALL):Breakpoint.EXTRA_SMALL<h&&h<=Breakpoint.SMALL?void e(Breakpoint.SMALL):Breakpoint.SMALL<h&&h<=Breakpoint.MEDIUM?void e(Breakpoint.MEDIUM):Breakpoint.MEDIUM<h&&h<=Breakpoint.LARGE?void e(Breakpoint.LARGE):void(Breakpoint.LARGE<h&&e(Breakpoint.EXTRA_LARGE)):void 0},[h]),{isMobile:!!d&&[Breakpoint.EXTRA_SMALL,Breakpoint.SMALL].includes(d),isExtraSmall:d===Breakpoint.EXTRA_SMALL,isSmall:d===Breakpoint.SMALL,isMedium:d===Breakpoint.MEDIUM,isLarge:d===Breakpoint.LARGE,isExtraLarge:d===Breakpoint.EXTRA_LARGE}};

package/build/es/polyfill/common/index.js

@@ -0,0 +1,2 @@
+export{default as HistoryNavigator}from"./historyNavigator";export*from"./domHelpers";export{addNoScrollBodyClass,removeNoScrollBodyClass}from"./DOMOperations";export*from"./theme";export*from"./direction";// Props
+export*from"./propsValues/control";export{Breakpoint}from"./propsValues/breakpoint";export*from"./propsValues/size";export*from"./propsValues/typography";export*from"./propsValues/width";export{Type}from"./propsValues/type";export{DateMode}from"./propsValues/dateMode";export{MonthFormat}from"./propsValues/monthFormat";export*from"./propsValues/position";export{Layout}from"./propsValues/layouts";export{Status}from"./propsValues/status";export{Sentiment}from"./propsValues/sentiment";export{ProfileType}from"./propsValues/profileType";export{Variant}from"./propsValues/variant";export*from"./propsValues/scroll";export{MarkdownNodeType}from"./propsValues/markdownNodeType";export{FileType}from"./fileType";export{Key}from"./key";export*from"./locale";export*from"./commonProps";

package/build/es/polyfill/common/key.js

@@ -0,0 +1 @@
+export var Key={ENTER:"Enter",ESCAPE:"Escape",SPACE:[" ","Spacebar"],TAB:"Tab",PERIOD:".",COMMA:","};

package/build/es/polyfill/common/keyCodes.js

@@ -0,0 +1,5 @@
+/**
+ * TODO: mention what to use instead or consider to delete this object
+ *
+ * @deprecated
+ */export default{DOWN:40,UP:38,LEFT:37,RIGHT:39,ENTER:13,ESCAPE:27,TAB:9,SPACE:32,BACKSPACE:8,DELETE:46,COMMA:188,PERIOD:190};

package/build/es/polyfill/common/locale/index.js

@@ -0,0 +1,37 @@
+import"core-js/modules/es.string.trim.js";import"core-js/modules/es.regexp.exec.js";import"core-js/modules/es.string.replace.js";import"core-js/modules/es.array.includes.js";import{Direction}from"..";/**
+ * Default language
+ *
+ * @type {string}
+ */export var DEFAULT_LANG="en";/**
+ * Default locale
+ *
+ * @type {string}
+ */export var DEFAULT_LOCALE="en-GB";/**
+ * Array of languages that are written from the right to the left
+ *
+ * @type {string[]}
+ */export var RTL_LANGUAGES=["ar","he"];export var SUPPORTED_LANGUAGES=["en","de","es","fr","hu","id","it","ja","pl","pt","ro","ru","th","tr","uk","zh"];/**
+ * Verifies and adjusts locale (replace `_` with `-`)
+ * Returns null if locale is unrecognized by {Intl.Locale}
+ *
+ * @param {string} locale (`es`, `es_ES`, `en-GB`, `en`, `ja`, `ja-JP` etc)
+ * @returns {string|null}
+ */export function adjustLocale(a){if(!a||0===a.trim().length)return null;try{var b=new Intl.Locale(a.trim().replace("_","-")),c=b.baseName;return c}catch(a){return console.error(a),null}}/**
+ * Provides corresponding lang (iso2) for provided locale
+ * if locale is invalid or language is unsupported returns null
+ *
+ * @param {string} locale (`es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP` etc)
+ * @returns {string|null}
+ */export function getLangFromLocale(a){var b=adjustLocale(a);if(null===b)return null;try{var c=new Intl.Locale(b),d=c.language;return SUPPORTED_LANGUAGES.includes(d)?d:null}catch(a){return console.error(a),null}}/**
+ * Provides corresponding country code (iso2) for locales code with explicit region value (`es-ES`, `en-GB`, `ja-JP` etc.)
+ * if the value is invalid or missing region it returns null
+ *
+ * @param {string} locale
+ * @returns {string|null}
+ */export function getCountryFromLocale(a){var b=adjustLocale(a);if(null===b)return null;try{var c=new Intl.Locale(b),d=c.region;return null!==d&&void 0!==d?d:null}catch(a){return console.error(a),null}}/**
+ * Provides the layout direction for a given locale.
+ * If locale is invalid or language is unsupported returns Direction.LTR
+ *
+ * @param {string} locale (`es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP` etc)
+ * @returns {Direction} The layout direction based on the locale
+ */export function getDirectionFromLocale(a){try{var b=adjustLocale(a),c=new Intl.Locale(b),d=c.language;return RTL_LANGUAGES.includes(d)?Direction.RTL:Direction.LTR}catch(a){return console.error(a),Direction.LTR}}

package/build/es/polyfill/common/panel/Panel.js

@@ -0,0 +1,10 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _defineProperty from"@babel/runtime/helpers/defineProperty";import"core-js/modules/es.object.keys.js";import"core-js/modules/es.symbol.js";import"core-js/modules/es.array.filter.js";import"core-js/modules/es.object.to-string.js";import"core-js/modules/es.object.get-own-property-descriptor.js";import"core-js/modules/web.dom-collections.for-each.js";import"core-js/modules/es.object.get-own-property-descriptors.js";var _fallbackPlacements,_excluded=["arrow","flip","altAxis","children","open","onClose","position","anchorRef","anchorWidth"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classnames from"classnames";import{useState,forwardRef,useEffect}from"react";import{usePopper}from"react-popper";import{Position}from"..";import Dimmer from"../../dimmer";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var POPOVER_OFFSET=[0,16],fallbackPlacements=(_fallbackPlacements={},_defineProperty(_fallbackPlacements,Position.TOP,[Position.BOTTOM,Position.RIGHT,Position.LEFT]),_defineProperty(_fallbackPlacements,Position.BOTTOM,[Position.TOP,Position.RIGHT,Position.LEFT]),_defineProperty(_fallbackPlacements,Position.LEFT,[Position.RIGHT,Position.TOP,Position.BOTTOM]),_defineProperty(_fallbackPlacements,Position.RIGHT,[Position.LEFT,Position.TOP,Position.BOTTOM]),_fallbackPlacements),Panel=/*#__PURE__*/forwardRef(function(a,b){var c,d=a.arrow,e=void 0!==d&&d,f=a.flip,g=a.altAxis,h=a.children,i=a.open,j=void 0!==i&&i,k=a.onClose,l=a.position,m=void 0===l?Position.BOTTOM:l,n=a.anchorRef,o=a.anchorWidth,p=_objectWithoutProperties(a,_excluded),q=useState(null),r=_slicedToArray(q,2),s=r[0],t=r[1],u=useState(null),v=_slicedToArray(u,2),w=v[0],x=v[1],y=[];void 0!==g&&g&&y.push({// https://popper.js.org/docs/v2/modifiers/prevent-overflow
+name:"preventOverflow",options:{altAxis:!0,tether:!1}}),e&&(y.push({name:"arrow",options:{element:s,options:{padding:8// 8px from the edges of the popper
+}}}),y.push({name:"offset",options:{offset:POPOVER_OFFSET}})),(!(void 0!==f)||f)&&fallbackPlacements[m]&&y.push({name:"flip",options:{fallbackPlacements:fallbackPlacements[m]}});var z=usePopper(n.current,w,{placement:m,modifiers:y}),A=z.styles,B=z.attributes,C=z.forceUpdate;// If the trigger is not visible when the position is calculated, it will be incorrect. Because this can happen repeatedly (on resize for example),
+// it is most simple just to always position before opening
+useEffect(function(){j&&C&&C()},[j]);var D=_objectSpread({},void 0!==o&&o?{width:null===(c=n.current)||void 0===c?void 0:c.clientWidth}:void 0);return/*#__PURE__*/_jsx(Dimmer,{open:j,transparent:!0,fadeContentOnEnter:!0,fadeContentOnExit:!0,onClose:k,children:/*#__PURE__*/_jsx("div",_objectSpread(_objectSpread(_objectSpread({},p),{},{ref:x// eslint-disable-next-line react/forbid-dom-props
+,style:_objectSpread({},A.popper)},B.popper),{},{className:classnames("np-panel",{"np-panel--open":j},p.className),children:/*#__PURE__*/_jsxs("div",{ref:b/* eslint-disable-next-line react/forbid-dom-props */,style:D,className:classnames("np-panel__content"),children:[h,e&&/*#__PURE__*/_jsx("div",{ref:t,className:classnames("np-panel__arrow")// eslint-disable-next-line react/forbid-dom-props
+,style:A.arrow})]})}))})});// By default the flip positioning explores only the opposite alternative. So if left is passed and there's no enough space
+// the right one gets chosen. If there's no space on both sides popover goes back to the initially chosen one left.
+// This mapping forces popover to try the four available positions before going back to the initial chosen one.
+export default Panel;

package/build/es/polyfill/common/panel/index.js

@@ -0,0 +1 @@
+export{default}from"./Panel";

package/build/es/polyfill/common/propsValues/breakpoint.js

@@ -0,0 +1 @@
+export var Breakpoint;(function(a){a[a.EXTRA_SMALL=480]="EXTRA_SMALL",a[a.SMALL=576]="SMALL",a[a.MEDIUM=768]="MEDIUM",a[a.LARGE=992]="LARGE",a[a.EXTRA_LARGE=1200]="EXTRA_LARGE"})(Breakpoint||(Breakpoint={}));

package/build/es/polyfill/common/propsValues/control.js

@@ -0,0 +1 @@
+export var ControlType;(function(a){a.ACCENT="accent",a.POSITIVE="positive",a.NEGATIVE="negative"})(ControlType||(ControlType={}));export var Priority;(function(a){a.PRIMARY="primary",a.SECONDARY="secondary",a.TERTIARY="tertiary"})(Priority||(Priority={}));

package/build/es/polyfill/common/propsValues/dateMode.js

@@ -0,0 +1 @@
+export var DateMode;(function(a){a.DAY_MONTH_YEAR="day-month-year",a.MONTH_YEAR="month-year"})(DateMode||(DateMode={}));

package/build/es/polyfill/common/propsValues/layouts.js

@@ -0,0 +1 @@
+export var Layout;(function(a){a.VERTICAL="VERTICAL",a.VERTICAL_TWO_COLUMN="VERTICAL_TWO_COLUMN",a.VERTICAL_ONE_COLUMN="VERTICAL_ONE_COLUMN",a.HORIZONTAL="HORIZONTAL",a.HORIZONTAL_JUSTIFIED="HORIZONTAL_JUSTIFIED",a.HORIZONTAL_LEFT_ALIGNED="HORIZONTAL_LEFT_ALIGNED",a.HORIZONTAL_RIGHT_ALIGNED="HORIZONTAL_RIGHT_ALIGNED"})(Layout||(Layout={}));

package/build/es/polyfill/common/propsValues/markdownNodeType.js

@@ -0,0 +1 @@
+export var MarkdownNodeType;(function(a){a.BLOCK_QUOTE="block_quote",a.CODE_BLOCK="code_block",a.CODE="code",a.EMPH="emph",a.HEADING="heading",a.HTML_BLOCK="html_block",a.HTML_INLINE="html_inline",a.IMAGE="image",a.ITEM="item",a.LINEBREAK="linebreak",a.LINK="link",a.LIST="list",a.PARAGRAPH="paragraph",a.SOFTBREAK="softbreak",a.STRONG="strong",a.THEMATIC_BREAK="thematic_break"})(MarkdownNodeType||(MarkdownNodeType={}));

package/build/es/polyfill/common/propsValues/monthFormat.js

@@ -0,0 +1 @@
+export var MonthFormat;(function(a){a.SHORT="short",a.LONG="long"})(MonthFormat||(MonthFormat={}));

package/build/es/polyfill/common/propsValues/position.js

@@ -0,0 +1 @@
+export var Position;(function(a){a.BOTTOM="bottom",a.BOTTOM_LEFT="bottom-left",a.BOTTOM_RIGHT="bottom-right",a.CENTER="center",a.LEFT="left",a.LEFT_TOP="left-top",a.RIGHT="right",a.RIGHT_TOP="right-top",a.TOP="top"})(Position||(Position={}));

package/build/es/polyfill/common/propsValues/profileType.js

@@ -0,0 +1 @@
+export var ProfileType;(function(a){a.BUSINESS="BUSINESS",a.PERSONAL="PERSONAL"})(ProfileType||(ProfileType={}));

package/build/es/polyfill/common/propsValues/scroll.js

@@ -0,0 +1 @@
+export var Scroll;(function(a){a.CONTENT="content",a.VIEWPORT="viewport"})(Scroll||(Scroll={}));

package/build/es/polyfill/common/propsValues/sentiment.js

@@ -0,0 +1 @@
+export var Sentiment;(function(a){a.NEGATIVE="negative",a.NEUTRAL="neutral",a.POSITIVE="positive",a.WARNING="warning",a.PENDING="pending",a.INFO="info",a.ERROR="error",a.SUCCESS="success"})(Sentiment||(Sentiment={}));

package/build/es/polyfill/common/propsValues/size.js

@@ -0,0 +1 @@
+export var Size;(function(a){a.EXTRA_SMALL="xs",a.SMALL="sm",a.MEDIUM="md",a.LARGE="lg",a.EXTRA_LARGE="xl"})(Size||(Size={}));

package/build/es/polyfill/common/propsValues/status.js

@@ -0,0 +1 @@
+export var Status;(function(a){a.PROCESSING="processing",a.FAILED="failed",a.SUCCEEDED="succeeded",a.HIDDEN="hidden",a.DONE="done",a.NOT_DONE="notDone",a.PENDING="pending"})(Status||(Status={}));

package/build/es/polyfill/common/propsValues/type.js

@@ -0,0 +1,3 @@
+/**
+ * @deprecated use `ControlType` and `Priority` enums instead
+ */export var Type;(function(a){a.PRIMARY="primary",a.PAY="pay",a.SECONDARY="secondary",a.DANGER="danger",a.LINK="link"})(Type||(Type={}));

package/build/es/polyfill/common/propsValues/typography.js

@@ -0,0 +1 @@
+export var Typography;(function(a){a.DISPLAY_EXTRA_LARGE="display-extra-large",a.DISPLAY_LARGE="display-large",a.DISPLAY_MEDIUM="display-medium",a.DISPLAY_SMALL="display-small",a.TITLE_SCREEN="title-screen",a.TITLE_SECTION="title-section",a.TITLE_SUBSECTION="title-subsection",a.TITLE_BODY="title-body",a.TITLE_GROUP="title-group",a.BODY_LARGE="body-large",a.BODY_DEFAULT="body-default",a.BODY_DEFAULT_BOLD="body-default-bold",a.BODY_LARGE_BOLD="body-large-bold",a.LINK_LARGE="link-large",a.LINK_DEFAULT="link-default"})(Typography||(Typography={}));

package/build/es/polyfill/common/propsValues/variant.js

@@ -0,0 +1 @@
+export var Variant;(function(a){a.DESKTOP="desktop",a.MOBILE="mobile"})(Variant||(Variant={}));

package/build/es/polyfill/common/propsValues/width.js

@@ -0,0 +1 @@
+export var Width;(function(a){a.BLOCK="block",a.AUTO="auto"})(Width||(Width={}));