@transferwise/components 45.12.0 → 45.14.0

package/build/es/no-polyfill/button/index.js

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

package/build/es/no-polyfill/button/legacyUtils/index.js

@@ -1 +0,0 @@
-export{establishNewPriority,establishNewType,logDeprecationNotices}from"./legacyUtils";

package/build/es/no-polyfill/button/legacyUtils/legacyUtils.js

@@ -1,4 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";var _deprecatedTypeMap,_oldTypePriorityMap,_deprecatedTypeMapMes;import{ControlType,Priority,Size,Type}from"../../common";import{logActionRequiredIf}from"../../utilities";var deprecatedTypeMap=(_deprecatedTypeMap={},_defineProperty(_deprecatedTypeMap,Type.PRIMARY,ControlType.ACCENT),_defineProperty(_deprecatedTypeMap,Type.SECONDARY,ControlType.ACCENT),_defineProperty(_deprecatedTypeMap,Type.LINK,ControlType.ACCENT),_defineProperty(_deprecatedTypeMap,Type.PAY,ControlType.POSITIVE),_defineProperty(_deprecatedTypeMap,Type.DANGER,ControlType.NEGATIVE),_deprecatedTypeMap),oldTypePriorityMap=(_oldTypePriorityMap={},_defineProperty(_oldTypePriorityMap,Type.DANGER,Priority.SECONDARY),_defineProperty(_oldTypePriorityMap,Type.LINK,Priority.TERTIARY),_defineProperty(_oldTypePriorityMap,Type.SECONDARY,Priority.SECONDARY),_oldTypePriorityMap),deprecatedTypeMapMessage=(_deprecatedTypeMapMes={},_defineProperty(_deprecatedTypeMapMes,Type.DANGER,"Type.NEGATIVE"),_defineProperty(_deprecatedTypeMapMes,Type.LINK,"ControlType.ACCENT with priority Priority.TERTIARY"),_defineProperty(_deprecatedTypeMapMes,Type.PAY,"ControlType.POSITIVE"),_defineProperty(_deprecatedTypeMapMes,Type.PRIMARY,"ControlType.ACCENT"),_defineProperty(_deprecatedTypeMapMes,Type.SECONDARY,"ControlType.ACCENT with priority Priority.SECONDARY"),_deprecatedTypeMapMes),deprecatedTypes=Object.keys(deprecatedTypeMap);export var establishNewType=function(a){return deprecatedTypeMap[a]||a};export var establishNewPriority=function(a,b){var c=establishNewType(b);// The old SECONDARY and LINK types now map to priorities. If they're still using one of
-// these old types, ignore whatever priority they've passed and use this instead.
-return oldTypePriorityMap[b]?oldTypePriorityMap[b]:a===Priority.TERTIARY&&c!==ControlType.ACCENT?Priority.SECONDARY:a;// Only ControlType.ACCENT supports tertiary styles
-};export var logDeprecationNotices=function(a){var b=a.size,c=a.type;logActionRequiredIf("Button has deprecated the `Size.EXTRA_SMALL` value for the `size` prop. Please use Size.SMALL instead.",b===Size.EXTRA_SMALL),logActionRequiredIf("Button has deprecated the ".concat(c," value for the `type` prop. Please update to ").concat(deprecatedTypeMapMessage[c],"."),deprecatedTypes.includes(c))};

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

@@ -1 +0,0 @@
-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/no-polyfill/card/index.js

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

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

@@ -1 +0,0 @@
-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=classNames("np-checkbox",{checkbox:!0,"checkbox-lg":i,disabled:n&&e},h),p=e||f;return/*#__PURE__*/_jsx("div",{id:b,className:o,children:/*#__PURE__*/_jsxs("label",{className:classNames({disabled:e}),children:[/*#__PURE__*/_jsx(CheckboxButton,{className:"p-r-2",checked:c,disabled:p,required:!p&&d,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_LARGE,children:[/*#__PURE__*/_jsx("span",{className:d?"has-required":void 0,children:g}),i&&/*#__PURE__*/_jsx(Body,{as:"span",className:classNames({secondary:!n}),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/no-polyfill/checkbox/Checkbox.story.js

@@ -1 +0,0 @@
-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{lorem10,storyConfig}from"../test-utils";import Checkbox from"./Checkbox";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:Checkbox,title:"Forms/Checkbox",args:{label:"This is the label"},tags:["autodocs"]};export var Basic={};export var Multiple=storyConfig({render:function render(a){return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Checkbox,_objectSpread({},a)),/*#__PURE__*/_jsx(Checkbox,_objectSpread(_objectSpread({},a),{},{checked:!0})),/*#__PURE__*/_jsx(Checkbox,_objectSpread(_objectSpread({},a),{},{label:lorem10})),/*#__PURE__*/_jsx(Checkbox,_objectSpread(_objectSpread({},a),{},{label:lorem10,secondary:lorem10})),/*#__PURE__*/_jsx(Checkbox,_objectSpread(_objectSpread({},a),{},{disabled:!0}))]})}},{variants:["default","dark","rtl"]});export var MultipleMobile=storyConfig(Multiple,{variants:["default","dark","rtl","mobile"]});

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

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

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

@@ -1 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","className","disabled","onChange"];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/no-polyfill/checkboxButton/CheckboxButton.spec.js

@@ -1 +0,0 @@
-/* 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/no-polyfill/checkboxButton/CheckboxButton.story.js

@@ -1,2 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";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{action}from"@storybook/addon-actions";import{useState}from"react";import CheckboxButton from"./CheckboxButton";import{jsx as _jsx}from"react/jsx-runtime";export default{component:CheckboxButton,title:"Actions/CheckboxButton",tags:["autodocs"],args:{onBlur:action("blur"),onClick:action("click"),onFocus:action("focus")}};export var Basic={args:{"aria-label":"Toggle email updates",disabled:!1},render:function render(a){// eslint-disable-next-line react-hooks/rules-of-hooks
-var b=useState(!0),c=_slicedToArray(b,2),d=c[0],e=c[1];return/*#__PURE__*/_jsx(CheckboxButton,_objectSpread(_objectSpread({},a),{},{checked:d,onChange:function onChange(){return e(!d)}}))}};

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

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

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

@@ -1 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["checked","disabled","onChange"];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/no-polyfill/checkboxOption/CheckboxOption.spec.js

@@ -1 +0,0 @@
-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}/* 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/no-polyfill/checkboxOption/CheckboxOption.story.js

@@ -1 +0,0 @@
-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";var meta={component:CheckboxOption,title:"Option/CheckboxOption",tags:["autodocs"]};export default meta;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("div",{children:/*#__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/no-polyfill/checkboxOption/index.js

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

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

@@ -1 +0,0 @@
-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/no-polyfill/chevron/Chevron.story.js

@@ -1 +0,0 @@
-import Chevron from"./Chevron";export default{component:Chevron,title:"Other/Chevron",argTypes:{orientation:{type:{name:"enum",value:["top","bottom","left","right"]}},size:{type:{name:"enum",value:["xs","sm","md"]}}},tags:["autodocs"]};export var Basic={args:{orientation:"top",size:"md"}};

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

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

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

@@ -1 +0,0 @@
-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{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,className:q?"btn-unstyled":"btn-unstyled m-l-1","aria-label":l&&l["aria-label"],size:"sm",filled:q,onClick:d}):null]}),c)};export default Chip;

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

@@ -1 +0,0 @@
-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 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/no-polyfill/chips/Chips.messages.js

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

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

@@ -1 +0,0 @@
-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"@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/no-polyfill/chips/Chips.story.js

@@ -1 +0,0 @@
-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{useState}from"react";import Chips from"./Chips";import{jsx as _jsx}from"react/jsx-runtime";var meta={title:"Actions/Chips",component:Chips,tags:["autodocs"]};export default meta;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/no-polyfill/chips/index.js

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

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

@@ -1 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children","disabled","icon","priority","type"];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,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/no-polyfill/circularButton/index.js

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

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

@@ -1,9 +0,0 @@
-/**
- * Defined in `Dimmer.less`
- */var NO_SCROLL_CLASS="no-scroll";/**
- * Apply {@link NO_SCROLL_CLASS} that disables scroll on page (e.g use in Dimmer to disable scroll behind the component)
- *
- * CSS class needs to be applied for `html` and not `body`, as this doing both will break any position sticky in the document.
- */export var addNoScrollClass=function(){document.documentElement.classList.add(NO_SCROLL_CLASS)};/**
- * Clean up after {@link addNoScrollClass} function
- */export var removeNoScrollClass=function(){document.documentElement.classList.remove(NO_SCROLL_CLASS)};

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

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

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

@@ -1 +0,0 @@
-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"];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/no-polyfill/common/Option/index.js

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

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

@@ -1 +0,0 @@
-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/no-polyfill/common/RadioButton/index.js

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

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

@@ -1,10 +0,0 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";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)}))}}};return/*#__PURE__*/_jsx(Dimmer,{open:a.open,fadeContentOnEnter:!0,fadeContentOnExit:!0,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:"sm",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/no-polyfill/common/bottomSheet/BottomSheet.spec.js

@@ -1 +0,0 @@
-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/no-polyfill/common/bottomSheet/BottomSheet.story.js

@@ -1,2 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";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{action}from"@storybook/addon-actions";import{FastFlag}from"@transferwise/icons";import{useState}from"react";import Body from"../../body/Body";import Button from"../../button";import NavigationOption from"../../navigationOption";import{lorem10,lorem500,storyConfig}from"../../test-utils";import Title from"../../title/Title";import{Typography}from"../propsValues/typography";import BottomSheet from"./BottomSheet";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";export default{component:BottomSheet,title:"Dialogs/BottomSheet",args:{open:!0},render:function render(a){// eslint-disable-next-line react-hooks/rules-of-hooks
-var b=useState(a.open),c=_slicedToArray(b,2),d=c[0],e=c[1];return/*#__PURE__*/_jsxs("div",{style:{height:"2000px"},children:[/*#__PURE__*/_jsx(Button,{onClick:function onClick(){return e(!0)},children:"Open BottomSheet"}),/*#__PURE__*/_jsx(BottomSheet,_objectSpread(_objectSpread({},a),{},{open:d,onClose:function onClose(){e(!1),action("BottomSheet closed")()}}))]})}};export var Basic={args:{children:/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Title,{type:Typography.TITLE_SECTION,children:"Money without borders"}),lorem10,/*#__PURE__*/_jsx("br",{}),/*#__PURE__*/_jsx("br",{}),/*#__PURE__*/_jsx(NavigationOption,{title:"Navigation option",content:"Button and icon are vertically centered.",media:/*#__PURE__*/_jsx(FastFlag,{size:24}),isContainerAligned:!0})]})},parameters:{chromatic:{delay:1e3}}};export var BasicMobile=storyConfig(Basic,{variants:["mobile"]});export var WithOverflowContent={args:{children:/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Title,{type:Typography.TITLE_SECTION,children:"Money without borders"}),lorem10,/*#__PURE__*/_jsx(NavigationOption,{title:"Navigation option",content:"Button and icon are vertically centered.",media:/*#__PURE__*/_jsx(FastFlag,{size:24})}),/*#__PURE__*/_jsx(NavigationOption,{title:"Navigation option",content:"Button and icon are vertically centered.",media:/*#__PURE__*/_jsx(FastFlag,{size:24}),isContainerAligned:!0}),lorem500,/*#__PURE__*/_jsx(Body,{type:Typography.BODY_DEFAULT_BOLD,children:lorem10})]})},parameters:{chromatic:{delay:1e3}}};export var WithOverflowContentMobile=storyConfig(WithOverflowContent,{variants:["mobile"]});export var WithOverflowContentDark=storyConfig(WithOverflowContent,{variants:["dark"]});export var WithOverflowContentDarkMobile=storyConfig(WithOverflowContent,{variants:["dark","mobile"]});

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

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

package/build/es/no-polyfill/common/card/Card.js

@@ -1,21 +0,0 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children","id","isDisabled","isSmall","onDismiss","testId"];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{useRef}from"react";import{CloseButton}from"../closeButton";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";/**
- * Card component.
- *
- * A card is a container for content that is used to group related information.
- * It can be used to display information in a structured way, and can be
- * customized with various props to suit different use cases.
- *
- * @param {Object} props - The component props.
- * @param {ReactNode} children - The content to display inside the card.
- * @param {string} className - Optional class name(s) to add to the card container.
- * @param {string} id - Optional ID to add to the card container.
- * @param {boolean} isDisabled - Whether the card is disabled or not.
- * @param {boolean} isSmall - Whether the card is small or not.
- * @param {(event_: MouseEvent<HTMLButtonElement>) => void} onDismiss - Optional function to call when the card is dismissed.
- * @param {string} testId - Optional ID to add to the card container for testing purposes.
- * @returns {JSX.Element} - The card component.
- * @example
- * <Card>
- *   <p>Hello World!</p>
- * </Card>
- */var Card=function(a){var b=a.className,c=a.children,d=a.id,e=a.isDisabled,f=void 0!==e&&e,g=a.isSmall,h=void 0!==g&&g,i=a.onDismiss,j=a.testId,k=_objectWithoutProperties(a,_excluded),l=useRef(null);return/*#__PURE__*/_jsxs("div",_objectSpread(_objectSpread({className:classNames("np-Card",{"np-Card--small":!!h,"is-disabled":!!f},b),id:d,"data-testid":j},k),{},{children:[i&&/*#__PURE__*/_jsx(CloseButton,{ref:l,className:"np-Card-closeButton",size:h?"sm":"md",isDisabled:f,testId:"close-button",onClick:i}),c]}))};export default Card;

package/build/es/no-polyfill/common/card/Card.spec.js

@@ -1,6 +0,0 @@
-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{render,fireEvent,screen}from"@testing-library/react";import React from"react";import{IntlProvider}from"react-intl";import Card from"./Card";import{jsx as _jsx}from"react/jsx-runtime";describe("Card",function(){var a={children:"Test Content",testId:"test-card"};it("matches snapshot",function(){var b=render(/*#__PURE__*/_jsx(Card,_objectSpread({},a))),c=b.container;expect(c.firstChild).toMatchSnapshot()}),it("renders",function(){var b=_objectSpread(_objectSpread({},a),{},{children:"Test text"}),c=render(/*#__PURE__*/_jsx(Card,_objectSpread(_objectSpread({},a),{},{children:"Test Content"}))),d=c.rerender;// Change props
-expect(screen.getByTestId("test-card")).toBeInTheDocument(),expect(screen.getByTestId("test-card")).toHaveClass("np-Card"),d(/*#__PURE__*/_jsx(Card,_objectSpread({},b))),expect(screen.getByText("Test text")).toBeInTheDocument()}),it("is set with class by the `className` prop",function(){var b=_objectSpread(_objectSpread({},a),{},{className:"test-custom"}),c=render(/*#__PURE__*/_jsx(Card,_objectSpread({},a))),d=c.rerender;// Change props
-expect(screen.getByTestId("test-card")).not.toHaveClass("test-custom"),d(/*#__PURE__*/_jsx(Card,_objectSpread({},b))),expect(screen.getByTestId("test-card")).toHaveClass("test-custom")}),it("applies `is-disabled` class when isDisabled is true",function(){var b=_objectSpread(_objectSpread({},a),{},{isDisabled:!0}),c=render(/*#__PURE__*/_jsx(Card,_objectSpread({},a))),d=c.rerender;// Change props
-expect(screen.getByTestId("test-card")).not.toHaveClass("is-disabled"),d(/*#__PURE__*/_jsx(Card,_objectSpread({},b))),expect(screen.getByTestId("test-card")).toHaveClass("is-disabled")}),it("applies `np-Card--small` class when isSmall is true",function(){var b=_objectSpread(_objectSpread({},a),{},{isSmall:!0}),c=render(/*#__PURE__*/_jsx(Card,_objectSpread({},a))),d=c.rerender;// Change props
-expect(screen.getByTestId("test-card")).not.toHaveClass("np-Card--small"),d(/*#__PURE__*/_jsx(Card,_objectSpread({},b))),expect(screen.getByTestId("test-card")).toHaveClass("np-Card--small")}),it("renders CloseButton and handles onDismiss",function(){var b=jest.fn(),c=_objectSpread(_objectSpread({},a),{},{onDismiss:b});// onClick function has been called.
-render(/*#__PURE__*/_jsx(IntlProvider,{locale:"en",children:/*#__PURE__*/_jsx(Card,_objectSpread({},c))})),fireEvent.click(screen.getByTestId("close-button")),expect(b).toHaveBeenCalledTimes(1)})});

package/build/es/no-polyfill/common/card/Card.story.js

@@ -1 +0,0 @@
-import{lorem10}from"../../test-utils";import Title from"../../title";import{Typography}from"../propsValues/typography";import Card from".";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 meta={component:Card,title:"Internal/Card",tags:["autodocs"]};export default meta;export var Default={args:{children:/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Title,{type:Typography.TITLE_SECTION,children:"Money without borders"}),lorem10]})}};

package/build/es/no-polyfill/common/card/index.js

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

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

@@ -1 +0,0 @@
-import{Cross,CrossCircleFill}from"@transferwise/icons";import classNames from"classnames";import{forwardRef}from"react";import{useIntl}from"react-intl";import{Size}from"../propsValues/size";import messages from"./CloseButton.messages";import{jsx as _jsx}from"react/jsx-runtime";export var CloseButton=/*#__PURE__*/forwardRef(function(a,b){var c,d=a["aria-label"],e=a.size,f=void 0===e?Size.MEDIUM:e,g=a.filled,h=a.className,i=a.onClick,j=a.isDisabled,k=a.testId,l=useIntl();null!==(c=d)&&void 0!==c?c:d=l.formatMessage(messages.ariaLabel);var m=void 0!==g&&g?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":f===Size.MEDIUM,"np-close-button--x-large":f===Size.LARGE},h),"aria-label":d,"aria-disabled":j,disabled:j,"data-testid":k,onClick:i,children:/*#__PURE__*/_jsx(m,{size:f===Size.SMALL?16:24})})});

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

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

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

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

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

@@ -1,2 +0,0 @@
-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/no-polyfill/common/dateUtils/getDayNames/index.js

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

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

@@ -1 +0,0 @@
-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/no-polyfill/common/dateUtils/getMonthNames/index.js

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

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

@@ -1 +0,0 @@
-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/no-polyfill/common/dateUtils/isDateValid/index.js

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

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

@@ -1 +0,0 @@
-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/no-polyfill/common/dateUtils/isMonthAndYearFormat/index.js

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-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/no-polyfill/common/deviceDetection/deviceDetection.js

@@ -1 +0,0 @@
-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/no-polyfill/common/deviceDetection/index.js

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

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

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

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

@@ -1,5 +0,0 @@
-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/no-polyfill/common/domHelpers/index.js

@@ -1 +0,0 @@
-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/no-polyfill/common/fakeEvents.js

@@ -1 +0,0 @@
-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}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/no-polyfill/common/fileType.js

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

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

@@ -1 +0,0 @@
-import classNames from"classnames";import*as React 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__*/React.forwardRef(function(a,b){var c=a.bottomContent,d=a.className,e=a.layout,f=void 0===e?Layout.HORIZONTAL:e,g=a.leftContent,h=a.rightContent,i=f===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":i}),children:g}),/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","d-flex","np-flow-header__right","justify-content-end",{"flex__item--4 ":i,"order-2":!i}),children:h}),/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","d-flex","justify-content-center",{"flex__item--12":i,"order-1 flex-grow-1":!i}),children:c})]})});export default FlowHeader;

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

@@ -1 +0,0 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{isKey,isUndefined}from"@transferwise/neptune-validation";import{useEffect,useRef,useState}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(null),d=isUndefined(document)?void 0:document,e=useState({}),f=_slicedToArray(e,2),g=f[0],h=f[1];return useEffect(function(){null!==c&&void 0!==c&&c.current&&(c.current.focus({preventScroll:!0}),h(getFocusableElements(c.current)))},[]),useConditionalListener({eventType:"keydown",callback:function callback(a){isKey({keyType:TAB,event:a})&&resetFocus({event:a,focusableEls:g})},attachListener:!0,parent:d}),/*#__PURE__*/_jsx("div",{ref:c,tabIndex:-1,className:"np-focus-boundary outline-none",children:b})};export default FocusBoundary;

package/build/es/no-polyfill/common/focusBoundary/FocusBoundary.spec.js

@@ -1 +0,0 @@
-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{render,screen,userEvent}from"../../test-utils";import FocusBoundary from"./FocusBoundary";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 props={onClose:jest.fn()};describe("FocusBoundary",function(){beforeEach(function(){jest.clearAllMocks()}),it("renders component",function(){var a=render(/*#__PURE__*/_jsx(FocusBoundary,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/_jsx("a",{href:"test",children:"Test"})}))),b=a.container;expect(b).toMatchSnapshot()}),it("focus on container by default",function(){render(/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("a",{href:"test",children:"not focusable"}),/*#__PURE__*/_jsx(FocusBoundary,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/_jsx("a",{href:"test",children:"Test"})}))]})),expect(c()).toHaveFocus()}),it("traps the focus when user presses tab",function(){render(/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("a",{href:"test",children:"not focusable"}),/*#__PURE__*/_jsxs(FocusBoundary,_objectSpread(_objectSpread({},props),{},{children:[/*#__PURE__*/_jsx("a",{href:"test",children:"firstFocusable"}),/*#__PURE__*/_jsx("a",{href:"test",children:"lastFocusable"})]}))]})),userEvent.tab(),expect(a()).toHaveFocus(),userEvent.tab(),expect(b()).toHaveFocus(),userEvent.tab(),expect(a()).toHaveFocus(),userEvent.tab({shift:!0}),expect(b()).toHaveFocus(),userEvent.tab({shift:!0}),expect(a()).toHaveFocus()});var a=function(){return screen.getByText("firstFocusable")},b=function(){return screen.getByText("lastFocusable")},c=function(){return document.querySelector(".np-focus-boundary")}});

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

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

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

@@ -1,6 +0,0 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";/**
- * 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 c=_toConsumableArray(a.querySelectorAll("a, button, input, textarea, select, details,[tabindex]:not([tabindex=\"-1\"])")).filter(function(a){return!a.hasAttribute("disabled")});if(0<c.length){var d=_slicedToArray(c,1);b.first=d[0],b.last=c[c.length-1]}}return b};

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

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

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

@@ -1,6 +0,0 @@
-/**
- * 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/no-polyfill/common/historyNavigator/historyNavigator.js

@@ -1 +0,0 @@
-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/no-polyfill/common/historyNavigator/index.js

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

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

@@ -1 +0,0 @@
-export{useClientWidth}from"./useClientWidth/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/no-polyfill/common/hooks/useClientWidth/useClientWidth.js

@@ -1,5 +0,0 @@
-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&&("innerWidth"in b?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/no-polyfill/common/hooks/useConditionalListener/index.js

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

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

@@ -1 +0,0 @@
-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&&!isUndefined(e)&&e.addEventListener(d,c,!0),function(){isUndefined(e)||e.removeEventListener(d,c,!0)}},[b,c,d,e])};

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

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

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

@@ -1 +0,0 @@
-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/no-polyfill/common/hooks/useHasIntersected/index.js

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

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

@@ -1,11 +0,0 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";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/no-polyfill/common/hooks/useLayout/index.js

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

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

@@ -1 +0,0 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useState}from"react";import{Breakpoint}from"../../propsValues/breakpoint";import{useClientWidth}from"../useClientWidth/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/no-polyfill/common/index.js

@@ -1,2 +0,0 @@
-export{default as HistoryNavigator}from"./historyNavigator";export*from"./domHelpers";export{addNoScrollClass,removeNoScrollClass}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/no-polyfill/common/key.js

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

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

@@ -1,5 +0,0 @@
-/**
- * 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/no-polyfill/common/locale/index.js

@@ -1,37 +0,0 @@
-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}}