@mirai/ui 1.0.65 → 1.0.67

package/build/components/InputText/InputText.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputText.stories.js","names":["title","Story","props","ICON","icon","storyName","args","disabled","error","hint","undefined","label","multiLine","name","placeholder","showState","success","type","value","warning","onChange","console","log","onEnter","onLeave","argTypes","options","Object","keys","control","defaultValue"],"sources":["../../../src/components/InputText/InputText.stories.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport * as React from 'react';\n\nimport { ICON } from '../../primitives';\nimport { InputText } from './InputText';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputText {...props} icon={ICON[props.icon]} />;\n\nStory.storyName = 'InputText';\n\nStory.args = {\n  disabled: false,\n  error: false,\n  hint: 'hint',\n  icon: undefined,\n  label: 'label',\n  multiLine: false,\n  name: 'name',\n  placeholder: '',\n  showState: true,\n  success: false,\n  type: 'text',\n  value: 'value',\n  warning: false,\n  onChange: (...props) => console.log('<InputText>::onChange', ...props),\n  onEnter: (...props) => console.log('<InputText>::onEnter', ...props),\n  onLeave: (...props) => console.log('<InputText>::onLeave', ...props),\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  icon: {\n    options: [undefined, ...Object.keys(ICON)],\n    control: { type: 'select' },\n    defaultValue: undefined,\n  },\n  type: {\n    options: ['text', 'password', 'number', 'email', 'date'],\n    control: { type: 'select' },\n    defaultValue: 'text',\n  },\n};\n"],"mappings":";;;;;;;;;AACA;;AAEA;;AACA;;;;;;;;;;;;;;;;;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,oBAAD,eAAeA,KAAf;IAAsB,IAAI,EAAEC,iBAAKD,KAAK,CAACE,IAAX;EAA5B,GAAX;AAAA,CAAd;;;AAEPH,KAAK,CAACI,SAAN,GAAkB,WAAlB;AAEAJ,KAAK,CAACK,IAAN;EACEC,QAAQ,EAAE,KADZ;EAEEC,KAAK,EAAE,KAFT;EAGEC,IAAI,EAAE,MAHR;EAIEL,IAAI,EAAEM,SAJR;EAKEC,KAAK,EAAE,OALT;EAMEC,SAAS,EAAE,KANb;EAOEC,IAAI,EAAE,MAPR;EAQEC,WAAW,EAAE,EARf;EASEC,SAAS,EAAE,IATb;EAUEC,OAAO,EAAE,KAVX;EAWEC,IAAI,EAAE,MAXR;EAYEC,KAAK,EAAE,OAZT;EAaEC,OAAO,EAAE,KAbX;EAcEC,QAAQ,EAAE;IAAA;;IAAA,kCAAIlB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAmB,OAAO,EAACC,GAAR,kBAAY,uBAAZ,SAAwCpB,KAAxC,EAAd;EAAA,CAdZ;EAeEqB,OAAO,EAAE;IAAA;;IAAA,mCAAIrB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAmB,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCpB,KAAvC,EAAd;EAAA,CAfX;EAgBEsB,OAAO,EAAE;IAAA;;IAAA,mCAAItB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAmB,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCpB,KAAvC,EAAd;EAAA;AAhBX,GAiBG,aAjBH,EAiBmB,YAjBnB;AAoBAD,KAAK,CAACwB,QAAN,GAAiB;EACfrB,IAAI,EAAE;IACJsB,OAAO,GAAGhB,SAAH,4BAAiBiB,MAAM,CAACC,IAAP,CAAYzB,gBAAZ,CAAjB,EADH;IAEJ0B,OAAO,EAAE;MAAEZ,IAAI,EAAE;IAAR,CAFL;IAGJa,YAAY,EAAEpB;EAHV,CADS;EAMfO,IAAI,EAAE;IACJS,OAAO,EAAE,CAAC,MAAD,EAAS,UAAT,EAAqB,QAArB,EAA+B,OAA/B,EAAwC,MAAxC,CADL;IAEJG,OAAO,EAAE;MAAEZ,IAAI,EAAE;IAAR,CAFL;IAGJa,YAAY,EAAE;EAHV;AANS,CAAjB"}
+{"version":3,"file":"InputText.stories.js","names":["title","Story","props","ICON","icon","storyName","args","disabled","error","hint","undefined","label","multiLine","name","placeholder","showState","success","type","value","warning","onChange","console","log","onEnter","onLeave","argTypes","options","Object","keys","control","defaultValue"],"sources":["../../../src/components/InputText/InputText.stories.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport * as React from 'react';\n\nimport { ICON } from '../../primitives';\nimport { InputText } from './InputText';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputText {...props} icon={ICON[props.icon]} />;\n\nStory.storyName = 'InputText';\n\nStory.args = {\n  disabled: false,\n  error: false,\n  hint: 'hint',\n  icon: undefined,\n  label: 'label',\n  multiLine: false,\n  name: 'name',\n  placeholder: '',\n  showState: true,\n  success: false,\n  type: 'text',\n  value: 'value',\n  warning: false,\n  onChange: (...props) => console.log('<InputText>::onChange', ...props),\n  onEnter: (...props) => console.log('<InputText>::onEnter', ...props),\n  onLeave: (...props) => console.log('<InputText>::onLeave', ...props),\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  icon: {\n    options: [undefined, ...Object.keys(ICON)],\n    control: { type: 'select' },\n    defaultValue: undefined,\n  },\n  type: {\n    options: ['text', 'password', 'number', 'email', 'date'],\n    control: { type: 'select' },\n    defaultValue: 'text',\n  },\n};\n"],"mappings":";;;;;;;AACA;AAEA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEzB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,oBAAC,oBAAS,eAAKA,KAAK;IAAE,IAAI,EAAEC,gBAAI,CAACD,KAAK,CAACE,IAAI;EAAE,GAAG;AAAA;AAAC;AAEjFH,KAAK,CAACI,SAAS,GAAG,WAAW;AAE7BJ,KAAK,CAACK,IAAI;EACRC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,KAAK;EACZC,IAAI,EAAE,MAAM;EACZL,IAAI,EAAEM,SAAS;EACfC,KAAK,EAAE,OAAO;EACdC,SAAS,EAAE,KAAK;EAChBC,IAAI,EAAE,MAAM;EACZC,WAAW,EAAE,EAAE;EACfC,SAAS,EAAE,IAAI;EACfC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE;IAAA;IAAA,kCAAIlB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,YAAAmB,OAAO,EAACC,GAAG,kBAAC,uBAAuB,SAAKpB,KAAK,EAAC;EAAA;EACtEqB,OAAO,EAAE;IAAA;IAAA,mCAAIrB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAmB,OAAO,EAACC,GAAG,mBAAC,sBAAsB,SAAKpB,KAAK,EAAC;EAAA;EACpEsB,OAAO,EAAE;IAAA;IAAA,mCAAItB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAmB,OAAO,EAACC,GAAG,mBAAC,sBAAsB,SAAKpB,KAAK,EAAC;EAAA;AAAA,GACnE,aAAa,EAAG,YAAY,CAC9B;AAEDD,KAAK,CAACwB,QAAQ,GAAG;EACfrB,IAAI,EAAE;IACJsB,OAAO,GAAGhB,SAAS,4BAAKiB,MAAM,CAACC,IAAI,CAACzB,gBAAI,CAAC,EAAC;IAC1C0B,OAAO,EAAE;MAAEZ,IAAI,EAAE;IAAS,CAAC;IAC3Ba,YAAY,EAAEpB;EAChB,CAAC;EACDO,IAAI,EAAE;IACJS,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;IACxDG,OAAO,EAAE;MAAEZ,IAAI,EAAE;IAAS,CAAC;IAC3Ba,YAAY,EAAE;EAChB;AACF,CAAC"}

package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap

@@ -300,7 +300,7 @@ exports[`component:<InputText> prop:type 1`] = `
           type="button"
         >
           <span
-            class="icon headline-3 icon"
+            class="icon headline-3 icon pressable"
           >
             <svg
               fill="currentColor"

package/build/components/InputText/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _InputText = require("./InputText");
-
 Object.keys(_InputText).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _InputText[key]) return;

package/build/components/InputText/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/InputText/index.js"],"sourcesContent":["export * from './InputText';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/InputText/index.js"],"sourcesContent":["export * from './InputText';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/components/Menu/Menu.Option.js

@@ -4,37 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Option = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _helpers = require("../../helpers");
-
 var _primitives = require("../../primitives");
-
 var _MenuModule = _interopRequireDefault(require("./Menu.module.css"));
-
 var _excluded = ["children", "disabled", "divider", "icon", "label", "value", "onPress"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var Option = function Option(_ref) {
   var children = _ref.children,
-      disabled = _ref.disabled,
-      divider = _ref.divider,
-      icon = _ref.icon,
-      label = _ref.label,
-      value = _ref.value,
-      onPress = _ref.onPress,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+    disabled = _ref.disabled,
+    divider = _ref.divider,
+    icon = _ref.icon,
+    label = _ref.label,
+    value = _ref.value,
+    onPress = _ref.onPress,
+    others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _extends({}, others, {
     preventDefault: false,
     tag: "div",
@@ -47,7 +35,6 @@ var Option = function Option(_ref) {
     className: _MenuModule.default.label
   }, label), children);
 };
-
 exports.Option = Option;
 Option.displayName = 'Component:Menu:Option';
 Option.propTypes = {

package/build/components/Menu/Menu.Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.Option.js","names":["Option","children","disabled","divider","icon","label","value","onPress","others","style","option","undefined","displayName","propTypes","PropTypes","node","bool","func","string","oneOfType","number"],"sources":["../../../src/components/Menu/Menu.Option.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Pressable, Text } from '../../primitives';\nimport style from './Menu.module.css';\n\nconst Option = ({ children, disabled, divider, icon, label, value, onPress, ...others }) => (\n  <Pressable\n    {...others}\n    preventDefault={false}\n    tag=\"div\"\n    className={styles(style.option, value && style.value, divider && style.divider, disabled && style.disabled)}\n    onPress={!disabled && value ? onPress : undefined}\n  >\n    {icon && <Icon value={icon} className={style.icon} />}\n    {label && <Text className={style.label}>{label}</Text>}\n    {children}\n  </Pressable>\n);\n\nOption.displayName = 'Component:Menu:Option';\n\nOption.propTypes = {\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  divider: PropTypes.bool,\n  icon: PropTypes.func,\n  label: PropTypes.string,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onPress: PropTypes.func,\n};\n\nexport { Option };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAaC,QAAb,QAAaA,QAAb;EAAA,IAAuBC,OAAvB,QAAuBA,OAAvB;EAAA,IAAgCC,IAAhC,QAAgCA,IAAhC;EAAA,IAAsCC,KAAtC,QAAsCA,KAAtC;EAAA,IAA6CC,KAA7C,QAA6CA,KAA7C;EAAA,IAAoDC,OAApD,QAAoDA,OAApD;EAAA,IAAgEC,MAAhE;;EAAA,oBACb,6BAAC,qBAAD,eACMA,MADN;IAEE,cAAc,EAAE,KAFlB;IAGE,GAAG,EAAC,KAHN;IAIE,SAAS,EAAE,qBAAOC,oBAAMC,MAAb,EAAqBJ,KAAK,IAAIG,oBAAMH,KAApC,EAA2CH,OAAO,IAAIM,oBAAMN,OAA5D,EAAqED,QAAQ,IAAIO,oBAAMP,QAAvF,CAJb;IAKE,OAAO,EAAE,CAACA,QAAD,IAAaI,KAAb,GAAqBC,OAArB,GAA+BI;EAL1C,IAOGP,IAAI,iBAAI,6BAAC,gBAAD;IAAM,KAAK,EAAEA,IAAb;IAAmB,SAAS,EAAEK,oBAAML;EAApC,EAPX,EAQGC,KAAK,iBAAI,6BAAC,gBAAD;IAAM,SAAS,EAAEI,oBAAMJ;EAAvB,GAA+BA,KAA/B,CARZ,EASGJ,QATH,CADa;AAAA,CAAf;;;AAcAD,MAAM,CAACY,WAAP,GAAqB,uBAArB;AAEAZ,MAAM,CAACa,SAAP,GAAmB;EACjBZ,QAAQ,EAAEa,mBAAUC,IADH;EAEjBb,QAAQ,EAAEY,mBAAUE,IAFH;EAGjBb,OAAO,EAAEW,mBAAUE,IAHF;EAIjBZ,IAAI,EAAEU,mBAAUG,IAJC;EAKjBZ,KAAK,EAAES,mBAAUI,MALA;EAMjBZ,KAAK,EAAEQ,mBAAUK,SAAV,CAAoB,CAACL,mBAAUI,MAAX,EAAmBJ,mBAAUM,MAA7B,CAApB,CANU;EAOjBb,OAAO,EAAEO,mBAAUG;AAPF,CAAnB"}
+{"version":3,"file":"Menu.Option.js","names":["Option","children","disabled","divider","icon","label","value","onPress","others","styles","style","option","undefined","displayName","propTypes","PropTypes","node","bool","func","string","oneOfType","number"],"sources":["../../../src/components/Menu/Menu.Option.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Pressable, Text } from '../../primitives';\nimport style from './Menu.module.css';\n\nconst Option = ({ children, disabled, divider, icon, label, value, onPress, ...others }) => (\n  <Pressable\n    {...others}\n    preventDefault={false}\n    tag=\"div\"\n    className={styles(style.option, value && style.value, divider && style.divider, disabled && style.disabled)}\n    onPress={!disabled && value ? onPress : undefined}\n  >\n    {icon && <Icon value={icon} className={style.icon} />}\n    {label && <Text className={style.label}>{label}</Text>}\n    {children}\n  </Pressable>\n);\n\nOption.displayName = 'Component:Menu:Option';\n\nOption.propTypes = {\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  divider: PropTypes.bool,\n  icon: PropTypes.func,\n  label: PropTypes.string,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onPress: PropTypes.func,\n};\n\nexport { Option };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,OAAO,QAAPA,OAAO;IAAEC,IAAI,QAAJA,IAAI;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EAAA,oBACnF,6BAAC,qBAAS,eACJA,MAAM;IACV,cAAc,EAAE,KAAM;IACtB,GAAG,EAAC,KAAK;IACT,SAAS,EAAE,IAAAC,eAAM,EAACC,mBAAK,CAACC,MAAM,EAAEL,KAAK,IAAII,mBAAK,CAACJ,KAAK,EAAEH,OAAO,IAAIO,mBAAK,CAACP,OAAO,EAAED,QAAQ,IAAIQ,mBAAK,CAACR,QAAQ,CAAE;IAC5G,OAAO,EAAE,CAACA,QAAQ,IAAII,KAAK,GAAGC,OAAO,GAAGK;EAAU,IAEjDR,IAAI,iBAAI,6BAAC,gBAAI;IAAC,KAAK,EAAEA,IAAK;IAAC,SAAS,EAAEM,mBAAK,CAACN;EAAK,EAAG,EACpDC,KAAK,iBAAI,6BAAC,gBAAI;IAAC,SAAS,EAAEK,mBAAK,CAACL;EAAM,GAAEA,KAAK,CAAQ,EACrDJ,QAAQ,CACC;AAAA,CACb;AAAC;AAEFD,MAAM,CAACa,WAAW,GAAG,uBAAuB;AAE5Cb,MAAM,CAACc,SAAS,GAAG;EACjBb,QAAQ,EAAEc,kBAAS,CAACC,IAAI;EACxBd,QAAQ,EAAEa,kBAAS,CAACE,IAAI;EACxBd,OAAO,EAAEY,kBAAS,CAACE,IAAI;EACvBb,IAAI,EAAEW,kBAAS,CAACG,IAAI;EACpBb,KAAK,EAAEU,kBAAS,CAACI,MAAM;EACvBb,KAAK,EAAES,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACM,MAAM,CAAC,CAAC;EAChEd,OAAO,EAAEQ,kBAAS,CAACG;AACrB,CAAC"}

package/build/components/Menu/Menu.js

@@ -4,48 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Menu = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _helpers = require("../../helpers");
-
 var _hooks = require("../../hooks");
-
 var _primitives = require("../../primitives");
-
 var _Modal = require("../Modal");
-
 var _MenuModule = _interopRequireDefault(require("./Menu.module.css"));
-
 var _Menu = require("./Menu.Option");
-
 var _excluded = ["children", "options", "Template", "title", "visible", "onPress"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var Menu = function Menu(_ref) {
   var children = _ref.children,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? [] : _ref$options,
-      _ref$Template = _ref.Template,
-      Template = _ref$Template === void 0 ? _Menu.Option : _ref$Template,
-      title = _ref.title,
-      visible = _ref.visible,
-      _ref$onPress = _ref.onPress,
-      _onPress = _ref$onPress === void 0 ? function () {} : _ref$onPress,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    _ref$Template = _ref.Template,
+    Template = _ref$Template === void 0 ? _Menu.Option : _ref$Template,
+    title = _ref.title,
+    visible = _ref.visible,
+    _ref$onPress = _ref.onPress,
+    _onPress = _ref$onPress === void 0 ? function () {} : _ref$onPress,
+    others = _objectWithoutProperties(_ref, _excluded);
   var _useDevice = (0, _hooks.useDevice)(),
-      isDesktop = _useDevice.isDesktop;
-
+    isDesktop = _useDevice.isDesktop;
   var renderOptions = function renderOptions() {
     return options.map(function () {
       var option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -60,7 +44,6 @@ var Menu = function Menu(_ref) {
       }));
     });
   };
-
   return isDesktop ? /*#__PURE__*/_react.default.createElement(_primitives.Layer, _extends({
     forceRender: false
   }, others, {
@@ -75,7 +58,6 @@ var Menu = function Menu(_ref) {
     className: (0, _helpers.styles)(_MenuModule.default.menu, others.className)
   }, renderOptions()));
 };
-
 exports.Menu = Menu;
 Menu.displayName = 'Component:Menu';
 Menu.propTypes = {

package/build/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["Menu","children","options","Template","Option","title","visible","onPress","others","isDesktop","renderOptions","map","option","index","undefined","event","value","style","menu","desktop","className","displayName","propTypes","PropTypes","node","arrayOf","shape","disabled","bool","divider","icon","func","label","string","oneOfType","number","onClose"],"sources":["../../../src/components/Menu/Menu.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Layer, LayerContent } from '../../primitives';\nimport { Modal } from '../Modal';\nimport style from './Menu.module.css';\nimport { Option } from './Menu.Option';\n\nconst Menu = ({ children, options = [], Template = Option, title, visible, onPress = () => {}, ...others }) => {\n  const { isDesktop } = useDevice();\n\n  const renderOptions = () =>\n    options.map((option = {}, index) => (\n      <Template\n        data-testid={others['data-testid'] ? `${others['data-testid']}-${index}` : undefined}\n        {...option}\n        key={index}\n        onPress={(event) => onPress(option.value, event)}\n      />\n    ));\n\n  return isDesktop ? (\n    <Layer\n      forceRender={false}\n      {...others}\n      className={styles(style.menu, style.desktop, visible && style.visible, others.className)}\n      visible={visible}\n    >\n      {children}\n      <LayerContent>{renderOptions()}</LayerContent>\n    </Layer>\n  ) : (\n    <>\n      {children}\n      <Modal\n        title={title}\n        visible={visible}\n        onClose={(event) => onPress(undefined, event)}\n        className={styles(style.menu, others.className)}\n      >\n        {renderOptions()}\n      </Modal>\n    </>\n  );\n};\n\nMenu.displayName = 'Component:Menu';\n\nMenu.propTypes = {\n  children: PropTypes.node,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      children: PropTypes.node,\n      disabled: PropTypes.bool,\n      divider: PropTypes.bool,\n      icon: PropTypes.func,\n      label: PropTypes.string,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    }),\n  ),\n  Template: PropTypes.node,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n  onClose: PropTypes.func,\n};\n\nexport { Menu };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAAkG;EAAA,IAA/FC,QAA+F,QAA/FA,QAA+F;EAAA,wBAArFC,OAAqF;EAAA,IAArFA,OAAqF,6BAA3E,EAA2E;EAAA,yBAAvEC,QAAuE;EAAA,IAAvEA,QAAuE,8BAA5DC,YAA4D;EAAA,IAApDC,KAAoD,QAApDA,KAAoD;EAAA,IAA7CC,OAA6C,QAA7CA,OAA6C;EAAA,wBAApCC,OAAoC;EAAA,IAApCA,QAAoC,6BAA1B,YAAM,CAAE,CAAkB;EAAA,IAAbC,MAAa;;EAC7G,iBAAsB,uBAAtB;EAAA,IAAQC,SAAR,cAAQA,SAAR;;EAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB;IAAA,OACpBR,OAAO,CAACS,GAAR,CAAY;MAAA,IAACC,MAAD,uEAAU,EAAV;MAAA,IAAcC,KAAd;MAAA,oBACV,6BAAC,QAAD;QACE,eAAaL,MAAM,CAAC,aAAD,CAAN,aAA2BA,MAAM,CAAC,aAAD,CAAjC,cAAoDK,KAApD,IAA8DC;MAD7E,GAEMF,MAFN;QAGE,GAAG,EAAEC,KAHP;QAIE,OAAO,EAAE,iBAACE,KAAD;UAAA,OAAWR,QAAO,CAACK,MAAM,CAACI,KAAR,EAAeD,KAAf,CAAlB;QAAA;MAJX,GADU;IAAA,CAAZ,CADoB;EAAA,CAAtB;;EAUA,OAAON,SAAS,gBACd,6BAAC,iBAAD;IACE,WAAW,EAAE;EADf,GAEMD,MAFN;IAGE,SAAS,EAAE,qBAAOS,oBAAMC,IAAb,EAAmBD,oBAAME,OAAzB,EAAkCb,OAAO,IAAIW,oBAAMX,OAAnD,EAA4DE,MAAM,CAACY,SAAnE,CAHb;IAIE,OAAO,EAAEd;EAJX,IAMGL,QANH,eAOE,6BAAC,wBAAD,QAAeS,aAAa,EAA5B,CAPF,CADc,gBAWd,4DACGT,QADH,eAEE,6BAAC,YAAD;IACE,KAAK,EAAEI,KADT;IAEE,OAAO,EAAEC,OAFX;IAGE,OAAO,EAAE,iBAACS,KAAD;MAAA,OAAWR,QAAO,CAACO,SAAD,EAAYC,KAAZ,CAAlB;IAAA,CAHX;IAIE,SAAS,EAAE,qBAAOE,oBAAMC,IAAb,EAAmBV,MAAM,CAACY,SAA1B;EAJb,GAMGV,aAAa,EANhB,CAFF,CAXF;AAuBD,CApCD;;;AAsCAV,IAAI,CAACqB,WAAL,GAAmB,gBAAnB;AAEArB,IAAI,CAACsB,SAAL,GAAiB;EACfrB,QAAQ,EAAEsB,mBAAUC,IADL;EAEftB,OAAO,EAAEqB,mBAAUE,OAAV,CACPF,mBAAUG,KAAV,CAAgB;IACdzB,QAAQ,EAAEsB,mBAAUC,IADN;IAEdG,QAAQ,EAAEJ,mBAAUK,IAFN;IAGdC,OAAO,EAAEN,mBAAUK,IAHL;IAIdE,IAAI,EAAEP,mBAAUQ,IAJF;IAKdC,KAAK,EAAET,mBAAUU,MALH;IAMdjB,KAAK,EAAEO,mBAAUW,SAAV,CAAoB,CAACX,mBAAUU,MAAX,EAAmBV,mBAAUY,MAA7B,CAApB;EANO,CAAhB,CADO,CAFM;EAYfhC,QAAQ,EAAEoB,mBAAUC,IAZL;EAafnB,KAAK,EAAEkB,mBAAUU,MAbF;EAcf3B,OAAO,EAAEiB,mBAAUK,IAdJ;EAefrB,OAAO,EAAEgB,mBAAUQ,IAfJ;EAgBfK,OAAO,EAAEb,mBAAUQ;AAhBJ,CAAjB"}
+{"version":3,"file":"Menu.js","names":["Menu","children","options","Template","Option","title","visible","onPress","others","useDevice","isDesktop","renderOptions","map","option","index","undefined","event","value","styles","style","menu","desktop","className","displayName","propTypes","PropTypes","node","arrayOf","shape","disabled","bool","divider","icon","func","label","string","oneOfType","number","onClose"],"sources":["../../../src/components/Menu/Menu.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Layer, LayerContent } from '../../primitives';\nimport { Modal } from '../Modal';\nimport style from './Menu.module.css';\nimport { Option } from './Menu.Option';\n\nconst Menu = ({ children, options = [], Template = Option, title, visible, onPress = () => {}, ...others }) => {\n  const { isDesktop } = useDevice();\n\n  const renderOptions = () =>\n    options.map((option = {}, index) => (\n      <Template\n        data-testid={others['data-testid'] ? `${others['data-testid']}-${index}` : undefined}\n        {...option}\n        key={index}\n        onPress={(event) => onPress(option.value, event)}\n      />\n    ));\n\n  return isDesktop ? (\n    <Layer\n      forceRender={false}\n      {...others}\n      className={styles(style.menu, style.desktop, visible && style.visible, others.className)}\n      visible={visible}\n    >\n      {children}\n      <LayerContent>{renderOptions()}</LayerContent>\n    </Layer>\n  ) : (\n    <>\n      {children}\n      <Modal\n        title={title}\n        visible={visible}\n        onClose={(event) => onPress(undefined, event)}\n        className={styles(style.menu, others.className)}\n      >\n        {renderOptions()}\n      </Modal>\n    </>\n  );\n};\n\nMenu.displayName = 'Component:Menu';\n\nMenu.propTypes = {\n  children: PropTypes.node,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      children: PropTypes.node,\n      disabled: PropTypes.bool,\n      divider: PropTypes.bool,\n      icon: PropTypes.func,\n      label: PropTypes.string,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    }),\n  ),\n  Template: PropTypes.node,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onPress: PropTypes.func,\n  onClose: PropTypes.func,\n};\n\nexport { Menu };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAEvC,IAAMA,IAAI,GAAG,SAAPA,IAAI,OAAqG;EAAA,IAA/FC,QAAQ,QAARA,QAAQ;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAGC,YAAM;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAA,oBAAEC,OAAO;IAAPA,QAAO,6BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EACtG,iBAAsB,IAAAC,gBAAS,GAAE;IAAzBC,SAAS,cAATA,SAAS;EAEjB,IAAMC,aAAa,GAAG,SAAhBA,aAAa;IAAA,OACjBT,OAAO,CAACU,GAAG,CAAC;MAAA,IAACC,MAAM,uEAAG,CAAC,CAAC;MAAA,IAAEC,KAAK;MAAA,oBAC7B,6BAAC,QAAQ;QACP,eAAaN,MAAM,CAAC,aAAa,CAAC,aAAMA,MAAM,CAAC,aAAa,CAAC,cAAIM,KAAK,IAAKC;MAAU,GACjFF,MAAM;QACV,GAAG,EAAEC,KAAM;QACX,OAAO,EAAE,iBAACE,KAAK;UAAA,OAAKT,QAAO,CAACM,MAAM,CAACI,KAAK,EAAED,KAAK,CAAC;QAAA;MAAC,GACjD;IAAA,CACH,CAAC;EAAA;EAEJ,OAAON,SAAS,gBACd,6BAAC,iBAAK;IACJ,WAAW,EAAE;EAAM,GACfF,MAAM;IACV,SAAS,EAAE,IAAAU,eAAM,EAACC,mBAAK,CAACC,IAAI,EAAED,mBAAK,CAACE,OAAO,EAAEf,OAAO,IAAIa,mBAAK,CAACb,OAAO,EAAEE,MAAM,CAACc,SAAS,CAAE;IACzF,OAAO,EAAEhB;EAAQ,IAEhBL,QAAQ,eACT,6BAAC,wBAAY,QAAEU,aAAa,EAAE,CAAgB,CACxC,gBAER,4DACGV,QAAQ,eACT,6BAAC,YAAK;IACJ,KAAK,EAAEI,KAAM;IACb,OAAO,EAAEC,OAAQ;IACjB,OAAO,EAAE,iBAACU,KAAK;MAAA,OAAKT,QAAO,CAACQ,SAAS,EAAEC,KAAK,CAAC;IAAA,CAAC;IAC9C,SAAS,EAAE,IAAAE,eAAM,EAACC,mBAAK,CAACC,IAAI,EAAEZ,MAAM,CAACc,SAAS;EAAE,GAE/CX,aAAa,EAAE,CACV,CAEX;AACH,CAAC;AAAC;AAEFX,IAAI,CAACuB,WAAW,GAAG,gBAAgB;AAEnCvB,IAAI,CAACwB,SAAS,GAAG;EACfvB,QAAQ,EAAEwB,kBAAS,CAACC,IAAI;EACxBxB,OAAO,EAAEuB,kBAAS,CAACE,OAAO,CACxBF,kBAAS,CAACG,KAAK,CAAC;IACd3B,QAAQ,EAAEwB,kBAAS,CAACC,IAAI;IACxBG,QAAQ,EAAEJ,kBAAS,CAACK,IAAI;IACxBC,OAAO,EAAEN,kBAAS,CAACK,IAAI;IACvBE,IAAI,EAAEP,kBAAS,CAACQ,IAAI;IACpBC,KAAK,EAAET,kBAAS,CAACU,MAAM;IACvBlB,KAAK,EAAEQ,kBAAS,CAACW,SAAS,CAAC,CAACX,kBAAS,CAACU,MAAM,EAAEV,kBAAS,CAACY,MAAM,CAAC;EACjE,CAAC,CAAC,CACH;EACDlC,QAAQ,EAAEsB,kBAAS,CAACC,IAAI;EACxBrB,KAAK,EAAEoB,kBAAS,CAACU,MAAM;EACvB7B,OAAO,EAAEmB,kBAAS,CAACK,IAAI;EACvBvB,OAAO,EAAEkB,kBAAS,CAACQ,IAAI;EACvBK,OAAO,EAAEb,kBAAS,CAACQ;AACrB,CAAC"}

package/build/components/Menu/Menu.stories.js

@@ -1,37 +1,28 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Story = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _ = require("../");
-
 var _primitives = require("../../primitives");
-
 var _Menu = require("./Menu");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var _default = {
   title: 'Components'
 };
 exports.default = _default;
-
 var Story = function Story(props) {
   return /*#__PURE__*/React.createElement(_Menu.Menu, props, /*#__PURE__*/React.createElement("span", {
     className: "children"
   }, "children"));
 };
-
 exports.Story = Story;
 Story.storyName = 'Menu';
 Story.args = _defineProperty({

package/build/components/Menu/Menu.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.stories.js","names":["title","Story","props","storyName","args","options","children","divider","label","icon","ICON","ADD","value","disabled","visible","argTypes","onPress","action"],"sources":["../../../src/components/Menu/Menu.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button } from '../';\nimport { ICON, Text } from '../../primitives';\nimport { Menu } from './Menu';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <Menu {...props}>\n    <span className=\"children\">children</span>\n  </Menu>\n);\n\nStory.storyName = 'Menu';\n\nStory.args = {\n  options: [\n    {\n      children: (\n        <>\n          <Text bold>Lorem</Text>\n          <Text>Ipsum is simply dummy text...</Text>\n        </>\n      ),\n      divider: true,\n    },\n    { label: 'Lorem Ipsum is simply dummy text...', divider: true },\n    { icon: ICON.ADD, label: 'Item 1', value: 'one', ['data-testid']: 'custom-test' },\n    { icon: ICON.ADD, label: 'Item 2', disabled: true, value: 'two' },\n    { label: 'Item 3', divider: true, value: 'three' },\n    { label: 'Item 4', children: <Button small>Add</Button>, value: 'four' },\n    {\n      children: (\n        <Button secondary wide>\n          Logout\n        </Button>\n      ),\n    },\n  ],\n  title: 'title',\n  visible: true,\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBACnB,oBAAC,UAAD,EAAUA,KAAV,eACE;IAAM,SAAS,EAAC;EAAhB,cADF,CADmB;AAAA,CAAd;;;AAMPD,KAAK,CAACE,SAAN,GAAkB,MAAlB;AAEAF,KAAK,CAACG,IAAN;EACEC,OAAO,EAAE,CACP;IACEC,QAAQ,eACN,uDACE,oBAAC,gBAAD;MAAM,IAAI;IAAV,WADF,eAEE,oBAAC,gBAAD,wCAFF,CAFJ;IAOEC,OAAO,EAAE;EAPX,CADO,EAUP;IAAEC,KAAK,EAAE,qCAAT;IAAgDD,OAAO,EAAE;EAAzD,CAVO;IAWLE,IAAI,EAAEC,iBAAKC,GAXN;IAWWH,KAAK,EAAE,QAXlB;IAW4BI,KAAK,EAAE;EAXnC,GAW2C,aAX3C,EAW2D,aAX3D,GAYP;IAAEH,IAAI,EAAEC,iBAAKC,GAAb;IAAkBH,KAAK,EAAE,QAAzB;IAAmCK,QAAQ,EAAE,IAA7C;IAAmDD,KAAK,EAAE;EAA1D,CAZO,EAaP;IAAEJ,KAAK,EAAE,QAAT;IAAmBD,OAAO,EAAE,IAA5B;IAAkCK,KAAK,EAAE;EAAzC,CAbO,EAcP;IAAEJ,KAAK,EAAE,QAAT;IAAmBF,QAAQ,eAAE,oBAAC,QAAD;MAAQ,KAAK;IAAb,SAA7B;IAAyDM,KAAK,EAAE;EAAhE,CAdO,EAeP;IACEN,QAAQ,eACN,oBAAC,QAAD;MAAQ,SAAS,MAAjB;MAAkB,IAAI;IAAtB;EAFJ,CAfO,CADX;EAwBEN,KAAK,EAAE,OAxBT;EAyBEc,OAAO,EAAE;AAzBX,GA0BG,aA1BH,EA0BmB,YA1BnB;AA6BAb,KAAK,CAACc,QAAN,GAAiB;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAV;AADM,CAAjB"}
+{"version":3,"file":"Menu.stories.js","names":["title","Story","props","storyName","args","options","children","divider","label","icon","ICON","ADD","value","disabled","visible","argTypes","onPress","action"],"sources":["../../../src/components/Menu/Menu.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button } from '../';\nimport { ICON, Text } from '../../primitives';\nimport { Menu } from './Menu';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <Menu {...props}>\n    <span className=\"children\">children</span>\n  </Menu>\n);\n\nStory.storyName = 'Menu';\n\nStory.args = {\n  options: [\n    {\n      children: (\n        <>\n          <Text bold>Lorem</Text>\n          <Text>Ipsum is simply dummy text...</Text>\n        </>\n      ),\n      divider: true,\n    },\n    { label: 'Lorem Ipsum is simply dummy text...', divider: true },\n    { icon: ICON.ADD, label: 'Item 1', value: 'one', ['data-testid']: 'custom-test' },\n    { icon: ICON.ADD, label: 'Item 2', disabled: true, value: 'two' },\n    { label: 'Item 3', divider: true, value: 'three' },\n    { label: 'Item 4', children: <Button small>Add</Button>, value: 'four' },\n    {\n      children: (\n        <Button secondary wide>\n          Logout\n        </Button>\n      ),\n    },\n  ],\n  title: 'title',\n  visible: true,\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEf;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBACzB,oBAAC,UAAI,EAAKA,KAAK,eACb;IAAM,SAAS,EAAC;EAAU,cAAgB,CACrC;AAAA,CACR;AAAC;AAEFD,KAAK,CAACE,SAAS,GAAG,MAAM;AAExBF,KAAK,CAACG,IAAI;EACRC,OAAO,EAAE,CACP;IACEC,QAAQ,eACN,uDACE,oBAAC,gBAAI;MAAC,IAAI;IAAA,WAAa,eACvB,oBAAC,gBAAI,wCAAqC,CAE7C;IACDC,OAAO,EAAE;EACX,CAAC,EACD;IAAEC,KAAK,EAAE,qCAAqC;IAAED,OAAO,EAAE;EAAK,CAAC;IAC7DE,IAAI,EAAEC,gBAAI,CAACC,GAAG;IAAEH,KAAK,EAAE,QAAQ;IAAEI,KAAK,EAAE;EAAK,GAAG,aAAa,EAAG,aAAa,GAC/E;IAAEH,IAAI,EAAEC,gBAAI,CAACC,GAAG;IAAEH,KAAK,EAAE,QAAQ;IAAEK,QAAQ,EAAE,IAAI;IAAED,KAAK,EAAE;EAAM,CAAC,EACjE;IAAEJ,KAAK,EAAE,QAAQ;IAAED,OAAO,EAAE,IAAI;IAAEK,KAAK,EAAE;EAAQ,CAAC,EAClD;IAAEJ,KAAK,EAAE,QAAQ;IAAEF,QAAQ,eAAE,oBAAC,QAAM;MAAC,KAAK;IAAA,SAAa;IAAEM,KAAK,EAAE;EAAO,CAAC,EACxE;IACEN,QAAQ,eACN,oBAAC,QAAM;MAAC,SAAS;MAAC,IAAI;IAAA;EAI1B,CAAC,CACF;EACDN,KAAK,EAAE,OAAO;EACdc,OAAO,EAAE;AAAI,GACZ,aAAa,EAAG,YAAY,CAC9B;AAEDb,KAAK,CAACc,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU;AAC/B,CAAC"}

package/build/components/Menu/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Menu = require("./Menu");
-
 Object.keys(_Menu).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Menu[key]) return;

package/build/components/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Menu/index.js"],"sourcesContent":["export * from './Menu';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Menu/index.js"],"sourcesContent":["export * from './Menu';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/components/Modal/Modal.js

@@ -4,48 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Modal = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _helpers = require("../../helpers");
-
 var _hooks = require("../../hooks");
-
 var _primitives = require("../../primitives");
-
 var _ModalModule = _interopRequireDefault(require("./Modal.module.css"));
-
 var _excluded = ["children", "fit", "overflow", "portal", "title", "visible", "onBack", "onClose"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var Modal = function Modal(_ref) {
   var children = _ref.children,
-      _ref$fit = _ref.fit,
-      fit = _ref$fit === void 0 ? false : _ref$fit,
-      _ref$overflow = _ref.overflow,
-      overflow = _ref$overflow === void 0 ? true : _ref$overflow,
-      _ref$portal = _ref.portal,
-      portal = _ref$portal === void 0 ? false : _ref$portal,
-      title = _ref.title,
-      visible = _ref.visible,
-      onBack = _ref.onBack,
-      onClose = _ref.onClose,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$fit = _ref.fit,
+    fit = _ref$fit === void 0 ? false : _ref$fit,
+    _ref$overflow = _ref.overflow,
+    overflow = _ref$overflow === void 0 ? true : _ref$overflow,
+    _ref$portal = _ref.portal,
+    portal = _ref$portal === void 0 ? false : _ref$portal,
+    title = _ref.title,
+    visible = _ref.visible,
+    onBack = _ref.onBack,
+    onClose = _ref.onClose,
+    others = _objectWithoutProperties(_ref, _excluded);
   var _useDevice = (0, _hooks.useDevice)(),
-      isDesktop = _useDevice.isDesktop;
-
+    isDesktop = _useDevice.isDesktop;
   var renderer = _helpers.IS_JEST || !portal ? function (jsx) {
     return jsx;
   } : _reactDom.default.createPortal;
@@ -76,7 +61,6 @@ var Modal = function Modal(_ref) {
     className: _ModalModule.default.icon
   }))), children)), document.body);
 };
-
 exports.Modal = Modal;
 Modal.propTypes = {
   children: _propTypes.default.node,

package/build/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["Modal","children","fit","overflow","portal","title","visible","onBack","onClose","others","isDesktop","renderer","IS_JEST","jsx","ReactDOM","createPortal","testId","style","container","modal","calcWidth","className","header","undefined","ICON","LEFT","icon","left","right","CLOSE","EXPAND_MORE","document","body","propTypes","PropTypes","node","bool","string","func"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { IS_JEST, styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({\n  children,\n  fit = false,\n  overflow = true,\n  portal = false,\n  title,\n  visible,\n  onBack,\n  onClose,\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n\n  const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n\n  const { ['data-testid']: testId } = others;\n\n  return renderer(\n    <View row className={styles(style.container, overflow && style.overflow, visible && style.visible)}>\n      <View\n        {...others}\n        fit\n        className={styles(style.modal, !fit && style.calcWidth, visible && style.visible, others.className)}\n      >\n        {(title || onBack || onClose) && (\n          <View row className={style.header}>\n            {onBack && (\n              <Pressable onPress={onBack} data-testid={testId ? `${testId}-button-back` : undefined}>\n                <Icon value={ICON.LEFT} className={style.icon} />\n              </Pressable>\n            )}\n            {title && (\n              <Text headline className={styles(style.title, !onBack && style.left, !onClose && style.right)}>\n                {title}\n              </Text>\n            )}\n            {onClose && (\n              <Pressable onPress={onClose} data-testid={testId ? `${testId}-button-close` : undefined}>\n                <Icon value={isDesktop || title !== undefined ? ICON.CLOSE : ICON.EXPAND_MORE} className={style.icon} />\n              </Pressable>\n            )}\n          </View>\n        )}\n        {children}\n      </View>\n    </View>,\n    document.body,\n  );\n};\n\nModal.propTypes = {\n  children: PropTypes.node,\n  fit: PropTypes.bool,\n  portal: PropTypes.bool,\n  overflow: PropTypes.bool,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onBack: PropTypes.func,\n  onClose: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAUR;EAAA,IATJC,QASI,QATJA,QASI;EAAA,oBARJC,GAQI;EAAA,IARJA,GAQI,yBARE,KAQF;EAAA,yBAPJC,QAOI;EAAA,IAPJA,QAOI,8BAPO,IAOP;EAAA,uBANJC,MAMI;EAAA,IANJA,MAMI,4BANK,KAML;EAAA,IALJC,KAKI,QALJA,KAKI;EAAA,IAJJC,OAII,QAJJA,OAII;EAAA,IAHJC,MAGI,QAHJA,MAGI;EAAA,IAFJC,OAEI,QAFJA,OAEI;EAAA,IADDC,MACC;;EACJ,iBAAsB,uBAAtB;EAAA,IAAQC,SAAR,cAAQA,SAAR;;EAEA,IAAMC,QAAQ,GAAGC,oBAAW,CAACR,MAAZ,GAAqB,UAACS,GAAD;IAAA,OAASA,GAAT;EAAA,CAArB,GAAoCC,kBAASC,YAA9D;EAEA,IAAyBC,MAAzB,GAAoCP,MAApC,CAAS,aAAT;EAEA,OAAOE,QAAQ,eACb,6BAAC,gBAAD;IAAM,GAAG,MAAT;IAAU,SAAS,EAAE,qBAAOM,qBAAMC,SAAb,EAAwBf,QAAQ,IAAIc,qBAAMd,QAA1C,EAAoDG,OAAO,IAAIW,qBAAMX,OAArE;EAArB,gBACE,6BAAC,gBAAD,eACMG,MADN;IAEE,GAAG,MAFL;IAGE,SAAS,EAAE,qBAAOQ,qBAAME,KAAb,EAAoB,CAACjB,GAAD,IAAQe,qBAAMG,SAAlC,EAA6Cd,OAAO,IAAIW,qBAAMX,OAA9D,EAAuEG,MAAM,CAACY,SAA9E;EAHb,IAKG,CAAChB,KAAK,IAAIE,MAAT,IAAmBC,OAApB,kBACC,6BAAC,gBAAD;IAAM,GAAG,MAAT;IAAU,SAAS,EAAES,qBAAMK;EAA3B,GACGf,MAAM,iBACL,6BAAC,qBAAD;IAAW,OAAO,EAAEA,MAApB;IAA4B,eAAaS,MAAM,aAAMA,MAAN,oBAA6BO;EAA5E,gBACE,6BAAC,gBAAD;IAAM,KAAK,EAAEC,iBAAKC,IAAlB;IAAwB,SAAS,EAAER,qBAAMS;EAAzC,EADF,CAFJ,EAMGrB,KAAK,iBACJ,6BAAC,gBAAD;IAAM,QAAQ,MAAd;IAAe,SAAS,EAAE,qBAAOY,qBAAMZ,KAAb,EAAoB,CAACE,MAAD,IAAWU,qBAAMU,IAArC,EAA2C,CAACnB,OAAD,IAAYS,qBAAMW,KAA7D;EAA1B,GACGvB,KADH,CAPJ,EAWGG,OAAO,iBACN,6BAAC,qBAAD;IAAW,OAAO,EAAEA,OAApB;IAA6B,eAAaQ,MAAM,aAAMA,MAAN,qBAA8BO;EAA9E,gBACE,6BAAC,gBAAD;IAAM,KAAK,EAAEb,SAAS,IAAIL,KAAK,KAAKkB,SAAvB,GAAmCC,iBAAKK,KAAxC,GAAgDL,iBAAKM,WAAlE;IAA+E,SAAS,EAAEb,qBAAMS;EAAhG,EADF,CAZJ,CANJ,EAwBGzB,QAxBH,CADF,CADa,EA6Bb8B,QAAQ,CAACC,IA7BI,CAAf;AA+BD,CAhDD;;;AAkDAhC,KAAK,CAACiC,SAAN,GAAkB;EAChBhC,QAAQ,EAAEiC,mBAAUC,IADJ;EAEhBjC,GAAG,EAAEgC,mBAAUE,IAFC;EAGhBhC,MAAM,EAAE8B,mBAAUE,IAHF;EAIhBjC,QAAQ,EAAE+B,mBAAUE,IAJJ;EAKhB/B,KAAK,EAAE6B,mBAAUG,MALD;EAMhB/B,OAAO,EAAE4B,mBAAUE,IANH;EAOhB7B,MAAM,EAAE2B,mBAAUI,IAPF;EAQhB9B,OAAO,EAAE0B,mBAAUI;AARH,CAAlB"}
+{"version":3,"file":"Modal.js","names":["Modal","children","fit","overflow","portal","title","visible","onBack","onClose","others","useDevice","isDesktop","renderer","IS_JEST","jsx","ReactDOM","createPortal","testId","styles","style","container","modal","calcWidth","className","header","undefined","ICON","LEFT","icon","left","right","CLOSE","EXPAND_MORE","document","body","propTypes","PropTypes","node","bool","string","func"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { IS_JEST, styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({\n  children,\n  fit = false,\n  overflow = true,\n  portal = false,\n  title,\n  visible,\n  onBack,\n  onClose,\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n\n  const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n\n  const { ['data-testid']: testId } = others;\n\n  return renderer(\n    <View row className={styles(style.container, overflow && style.overflow, visible && style.visible)}>\n      <View\n        {...others}\n        fit\n        className={styles(style.modal, !fit && style.calcWidth, visible && style.visible, others.className)}\n      >\n        {(title || onBack || onClose) && (\n          <View row className={style.header}>\n            {onBack && (\n              <Pressable onPress={onBack} data-testid={testId ? `${testId}-button-back` : undefined}>\n                <Icon value={ICON.LEFT} className={style.icon} />\n              </Pressable>\n            )}\n            {title && (\n              <Text headline className={styles(style.title, !onBack && style.left, !onClose && style.right)}>\n                {title}\n              </Text>\n            )}\n            {onClose && (\n              <Pressable onPress={onClose} data-testid={testId ? `${testId}-button-close` : undefined}>\n                <Icon value={isDesktop || title !== undefined ? ICON.CLOSE : ICON.EXPAND_MORE} className={style.icon} />\n              </Pressable>\n            )}\n          </View>\n        )}\n        {children}\n      </View>\n    </View>,\n    document.body,\n  );\n};\n\nModal.propTypes = {\n  children: PropTypes.node,\n  fit: PropTypes.bool,\n  portal: PropTypes.bool,\n  overflow: PropTypes.bool,\n  title: PropTypes.string,\n  visible: PropTypes.bool,\n  onBack: PropTypes.func,\n  onClose: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,OAUL;EAAA,IATJC,QAAQ,QAARA,QAAQ;IAAA,gBACRC,GAAG;IAAHA,GAAG,yBAAG,KAAK;IAAA,qBACXC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IAAA,mBACfC,MAAM;IAANA,MAAM,4BAAG,KAAK;IACdC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACPC,MAAM,QAANA,MAAM;IACNC,OAAO,QAAPA,OAAO;IACJC,MAAM;EAET,iBAAsB,IAAAC,gBAAS,GAAE;IAAzBC,SAAS,cAATA,SAAS;EAEjB,IAAMC,QAAQ,GAAGC,gBAAO,IAAI,CAACT,MAAM,GAAG,UAACU,GAAG;IAAA,OAAKA,GAAG;EAAA,IAAGC,iBAAQ,CAACC,YAAY;EAE1E,IAAyBC,MAAM,GAAKR,MAAM,CAAjC,aAAa;EAEtB,OAAOG,QAAQ,eACb,6BAAC,gBAAI;IAAC,GAAG;IAAC,SAAS,EAAE,IAAAM,eAAM,EAACC,oBAAK,CAACC,SAAS,EAAEjB,QAAQ,IAAIgB,oBAAK,CAAChB,QAAQ,EAAEG,OAAO,IAAIa,oBAAK,CAACb,OAAO;EAAE,gBACjG,6BAAC,gBAAI,eACCG,MAAM;IACV,GAAG;IACH,SAAS,EAAE,IAAAS,eAAM,EAACC,oBAAK,CAACE,KAAK,EAAE,CAACnB,GAAG,IAAIiB,oBAAK,CAACG,SAAS,EAAEhB,OAAO,IAAIa,oBAAK,CAACb,OAAO,EAAEG,MAAM,CAACc,SAAS;EAAE,IAEnG,CAAClB,KAAK,IAAIE,MAAM,IAAIC,OAAO,kBAC1B,6BAAC,gBAAI;IAAC,GAAG;IAAC,SAAS,EAAEW,oBAAK,CAACK;EAAO,GAC/BjB,MAAM,iBACL,6BAAC,qBAAS;IAAC,OAAO,EAAEA,MAAO;IAAC,eAAaU,MAAM,aAAMA,MAAM,oBAAiBQ;EAAU,gBACpF,6BAAC,gBAAI;IAAC,KAAK,EAAEC,gBAAI,CAACC,IAAK;IAAC,SAAS,EAAER,oBAAK,CAACS;EAAK,EAAG,CAEpD,EACAvB,KAAK,iBACJ,6BAAC,gBAAI;IAAC,QAAQ;IAAC,SAAS,EAAE,IAAAa,eAAM,EAACC,oBAAK,CAACd,KAAK,EAAE,CAACE,MAAM,IAAIY,oBAAK,CAACU,IAAI,EAAE,CAACrB,OAAO,IAAIW,oBAAK,CAACW,KAAK;EAAE,GAC3FzB,KAAK,CAET,EACAG,OAAO,iBACN,6BAAC,qBAAS;IAAC,OAAO,EAAEA,OAAQ;IAAC,eAAaS,MAAM,aAAMA,MAAM,qBAAkBQ;EAAU,gBACtF,6BAAC,gBAAI;IAAC,KAAK,EAAEd,SAAS,IAAIN,KAAK,KAAKoB,SAAS,GAAGC,gBAAI,CAACK,KAAK,GAAGL,gBAAI,CAACM,WAAY;IAAC,SAAS,EAAEb,oBAAK,CAACS;EAAK,EAAG,CAE3G,CAEJ,EACA3B,QAAQ,CACJ,CACF,EACPgC,QAAQ,CAACC,IAAI,CACd;AACH,CAAC;AAAC;AAEFlC,KAAK,CAACmC,SAAS,GAAG;EAChBlC,QAAQ,EAAEmC,kBAAS,CAACC,IAAI;EACxBnC,GAAG,EAAEkC,kBAAS,CAACE,IAAI;EACnBlC,MAAM,EAAEgC,kBAAS,CAACE,IAAI;EACtBnC,QAAQ,EAAEiC,kBAAS,CAACE,IAAI;EACxBjC,KAAK,EAAE+B,kBAAS,CAACG,MAAM;EACvBjC,OAAO,EAAE8B,kBAAS,CAACE,IAAI;EACvB/B,MAAM,EAAE6B,kBAAS,CAACI,IAAI;EACtBhC,OAAO,EAAE4B,kBAAS,CAACI;AACrB,CAAC"}

package/build/components/Modal/Modal.stories.js

@@ -1,33 +1,26 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Story = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _Modal = require("./Modal");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var _default = {
   title: 'Components'
 };
 exports.default = _default;
-
 var Story = function Story(props) {
   return /*#__PURE__*/React.createElement(_Modal.Modal, props, /*#__PURE__*/React.createElement("span", {
     className: "children"
   }, "children"));
 };
-
 exports.Story = Story;
 Story.storyName = 'Modal';
 Story.args = _defineProperty({

package/build/components/Modal/Modal.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.stories.js","names":["title","Story","props","storyName","args","fit","overflow","portal","visible","argTypes","onBack","action","onClose"],"sources":["../../../src/components/Modal/Modal.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Modal } from './Modal';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <Modal {...props}>\n    <span className=\"children\">children</span>\n  </Modal>\n);\n\nStory.storyName = 'Modal';\n\nStory.args = {\n  fit: false,\n  overflow: true,\n  portal: false,\n  title: 'title',\n  visible: true,\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  onBack: { action: 'onBack' },\n  onClose: { action: 'onClose' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBACnB,oBAAC,YAAD,EAAWA,KAAX,eACE;IAAM,SAAS,EAAC;EAAhB,cADF,CADmB;AAAA,CAAd;;;AAMPD,KAAK,CAACE,SAAN,GAAkB,OAAlB;AAEAF,KAAK,CAACG,IAAN;EACEC,GAAG,EAAE,KADP;EAEEC,QAAQ,EAAE,IAFZ;EAGEC,MAAM,EAAE,KAHV;EAIEP,KAAK,EAAE,OAJT;EAKEQ,OAAO,EAAE;AALX,GAMG,aANH,EAMmB,YANnB;AASAP,KAAK,CAACQ,QAAN,GAAiB;EACfC,MAAM,EAAE;IAAEC,MAAM,EAAE;EAAV,CADO;EAEfC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAV;AAFM,CAAjB"}
+{"version":3,"file":"Modal.stories.js","names":["title","Story","props","storyName","args","fit","overflow","portal","visible","argTypes","onBack","action","onClose"],"sources":["../../../src/components/Modal/Modal.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Modal } from './Modal';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <Modal {...props}>\n    <span className=\"children\">children</span>\n  </Modal>\n);\n\nStory.storyName = 'Modal';\n\nStory.args = {\n  fit: false,\n  overflow: true,\n  portal: false,\n  title: 'title',\n  visible: true,\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  onBack: { action: 'onBack' },\n  onClose: { action: 'onClose' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEjB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBACzB,oBAAC,YAAK,EAAKA,KAAK,eACd;IAAM,SAAS,EAAC;EAAU,cAAgB,CACpC;AAAA,CACT;AAAC;AAEFD,KAAK,CAACE,SAAS,GAAG,OAAO;AAEzBF,KAAK,CAACG,IAAI;EACRC,GAAG,EAAE,KAAK;EACVC,QAAQ,EAAE,IAAI;EACdC,MAAM,EAAE,KAAK;EACbP,KAAK,EAAE,OAAO;EACdQ,OAAO,EAAE;AAAI,GACZ,aAAa,EAAG,YAAY,CAC9B;AAEDP,KAAK,CAACQ,QAAQ,GAAG;EACfC,MAAM,EAAE;IAAEC,MAAM,EAAE;EAAS,CAAC;EAC5BC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAU;AAC/B,CAAC"}

package/build/components/Modal/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Modal = require("./Modal");
-
 Object.keys(_Modal).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Modal[key]) return;

package/build/components/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Modal/index.js"],"sourcesContent":["export * from './Modal';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Modal/index.js"],"sourcesContent":["export * from './Modal';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/components/Notification/Notification.js

@@ -4,38 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Notification = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _helpers = require("../../helpers");
-
 var _primitives = require("../../primitives");
-
 var _NotificationModule = _interopRequireDefault(require("./Notification.module.css"));
-
 var _excluded = ["children", "error", "inline", "small", "success", "warning", "onClose"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var Notification = function Notification(_ref) {
   var children = _ref.children,
-      error = _ref.error,
-      _ref$inline = _ref.inline,
-      inline = _ref$inline === void 0 ? false : _ref$inline,
-      small = _ref.small,
-      success = _ref.success,
-      warning = _ref.warning,
-      onClose = _ref.onClose,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+    error = _ref.error,
+    _ref$inline = _ref.inline,
+    inline = _ref$inline === void 0 ? false : _ref$inline,
+    small = _ref.small,
+    success = _ref.success,
+    warning = _ref.warning,
+    onClose = _ref.onClose,
+    others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
     row: true,
     className: (0, _helpers.styles)(_NotificationModule.default.notification, error ? _NotificationModule.default.error : warning ? _NotificationModule.default.warning : success ? _NotificationModule.default.success : undefined, inline ? _NotificationModule.default.inline : _NotificationModule.default.outlined, inline && _NotificationModule.default.inline, small && _NotificationModule.default.small, others.className)
@@ -58,7 +46,6 @@ var Notification = function Notification(_ref) {
     paragraph: small
   })));
 };
-
 exports.Notification = Notification;
 Notification.displayName = 'Component:Notification';
 Notification.propTypes = {

package/build/components/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","names":["Notification","children","error","inline","small","success","warning","onClose","others","style","notification","undefined","outlined","className","icon","text","pressable","ICON","CLOSE","displayName","propTypes","PropTypes","string","isRequired","bool","func"],"sources":["../../../src/components/Notification/Notification.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Notification.module.css';\n\nconst Notification = ({ children, error, inline = false, small, success, warning, onClose, ...others }) => (\n  <View\n    {...others}\n    row\n    className={styles(\n      style.notification,\n      error ? style.error : warning ? style.warning : success ? style.success : undefined,\n      inline ? style.inline : style.outlined,\n      inline && style.inline,\n      small && style.small,\n      others.className,\n    )}\n  >\n    <Icon\n      value={getIconState({ error, success, warning })}\n      paragraph={small}\n      className={styles(style.icon, small && style.small)}\n    />\n    <Text\n      small={small}\n      className={styles(\n        style.text,\n        error ? style.error : warning ? style.warning : success ? style.success : undefined,\n      )}\n    >\n      {children}\n    </Text>\n    {onClose && (\n      <Pressable className={styles(style.pressable, style.icon, small && style.small)} onPress={onClose}>\n        <Icon value={ICON.CLOSE} paragraph={small} />\n      </Pressable>\n    )}\n  </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n  children: PropTypes.string.isRequired,\n  error: PropTypes.bool,\n  inline: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  warning: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAaC,KAAb,QAAaA,KAAb;EAAA,uBAAoBC,MAApB;EAAA,IAAoBA,MAApB,4BAA6B,KAA7B;EAAA,IAAoCC,KAApC,QAAoCA,KAApC;EAAA,IAA2CC,OAA3C,QAA2CA,OAA3C;EAAA,IAAoDC,OAApD,QAAoDA,OAApD;EAAA,IAA6DC,OAA7D,QAA6DA,OAA7D;EAAA,IAAyEC,MAAzE;;EAAA,oBACnB,6BAAC,gBAAD,eACMA,MADN;IAEE,GAAG,MAFL;IAGE,SAAS,EAAE,qBACTC,4BAAMC,YADG,EAETR,KAAK,GAAGO,4BAAMP,KAAT,GAAiBI,OAAO,GAAGG,4BAAMH,OAAT,GAAmBD,OAAO,GAAGI,4BAAMJ,OAAT,GAAmBM,SAFjE,EAGTR,MAAM,GAAGM,4BAAMN,MAAT,GAAkBM,4BAAMG,QAHrB,EAITT,MAAM,IAAIM,4BAAMN,MAJP,EAKTC,KAAK,IAAIK,4BAAML,KALN,EAMTI,MAAM,CAACK,SANE;EAHb,iBAYE,6BAAC,gBAAD;IACE,KAAK,EAAE,2BAAa;MAAEX,KAAK,EAALA,KAAF;MAASG,OAAO,EAAPA,OAAT;MAAkBC,OAAO,EAAPA;IAAlB,CAAb,CADT;IAEE,SAAS,EAAEF,KAFb;IAGE,SAAS,EAAE,qBAAOK,4BAAMK,IAAb,EAAmBV,KAAK,IAAIK,4BAAML,KAAlC;EAHb,EAZF,eAiBE,6BAAC,gBAAD;IACE,KAAK,EAAEA,KADT;IAEE,SAAS,EAAE,qBACTK,4BAAMM,IADG,EAETb,KAAK,GAAGO,4BAAMP,KAAT,GAAiBI,OAAO,GAAGG,4BAAMH,OAAT,GAAmBD,OAAO,GAAGI,4BAAMJ,OAAT,GAAmBM,SAFjE;EAFb,GAOGV,QAPH,CAjBF,EA0BGM,OAAO,iBACN,6BAAC,qBAAD;IAAW,SAAS,EAAE,qBAAOE,4BAAMO,SAAb,EAAwBP,4BAAMK,IAA9B,EAAoCV,KAAK,IAAIK,4BAAML,KAAnD,CAAtB;IAAiF,OAAO,EAAEG;EAA1F,gBACE,6BAAC,gBAAD;IAAM,KAAK,EAAEU,iBAAKC,KAAlB;IAAyB,SAAS,EAAEd;EAApC,EADF,CA3BJ,CADmB;AAAA,CAArB;;;AAmCAJ,YAAY,CAACmB,WAAb,GAA2B,wBAA3B;AAEAnB,YAAY,CAACoB,SAAb,GAAyB;EACvBnB,QAAQ,EAAEoB,mBAAUC,MAAV,CAAiBC,UADJ;EAEvBrB,KAAK,EAAEmB,mBAAUG,IAFM;EAGvBrB,MAAM,EAAEkB,mBAAUG,IAHK;EAIvBpB,KAAK,EAAEiB,mBAAUG,IAJM;EAKvBnB,OAAO,EAAEgB,mBAAUG,IALI;EAMvBlB,OAAO,EAAEe,mBAAUG,IANI;EAOvBjB,OAAO,EAAEc,mBAAUI;AAPI,CAAzB"}
+{"version":3,"file":"Notification.js","names":["Notification","children","error","inline","small","success","warning","onClose","others","styles","style","notification","undefined","outlined","className","getIconState","icon","text","pressable","ICON","CLOSE","displayName","propTypes","PropTypes","string","isRequired","bool","func"],"sources":["../../../src/components/Notification/Notification.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Notification.module.css';\n\nconst Notification = ({ children, error, inline = false, small, success, warning, onClose, ...others }) => (\n  <View\n    {...others}\n    row\n    className={styles(\n      style.notification,\n      error ? style.error : warning ? style.warning : success ? style.success : undefined,\n      inline ? style.inline : style.outlined,\n      inline && style.inline,\n      small && style.small,\n      others.className,\n    )}\n  >\n    <Icon\n      value={getIconState({ error, success, warning })}\n      paragraph={small}\n      className={styles(style.icon, small && style.small)}\n    />\n    <Text\n      small={small}\n      className={styles(\n        style.text,\n        error ? style.error : warning ? style.warning : success ? style.success : undefined,\n      )}\n    >\n      {children}\n    </Text>\n    {onClose && (\n      <Pressable className={styles(style.pressable, style.icon, small && style.small)} onPress={onClose}>\n        <Icon value={ICON.CLOSE} paragraph={small} />\n      </Pressable>\n    )}\n  </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n  children: PropTypes.string.isRequired,\n  error: PropTypes.bool,\n  inline: PropTypes.bool,\n  small: PropTypes.bool,\n  success: PropTypes.bool,\n  warning: PropTypes.bool,\n  onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA8C;AAAA;AAAA;AAAA;AAAA;AAE9C,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EAAA,oBAClG,6BAAC,gBAAI,eACCA,MAAM;IACV,GAAG;IACH,SAAS,EAAE,IAAAC,eAAM,EACfC,2BAAK,CAACC,YAAY,EAClBT,KAAK,GAAGQ,2BAAK,CAACR,KAAK,GAAGI,OAAO,GAAGI,2BAAK,CAACJ,OAAO,GAAGD,OAAO,GAAGK,2BAAK,CAACL,OAAO,GAAGO,SAAS,EACnFT,MAAM,GAAGO,2BAAK,CAACP,MAAM,GAAGO,2BAAK,CAACG,QAAQ,EACtCV,MAAM,IAAIO,2BAAK,CAACP,MAAM,EACtBC,KAAK,IAAIM,2BAAK,CAACN,KAAK,EACpBI,MAAM,CAACM,SAAS;EAChB,iBAEF,6BAAC,gBAAI;IACH,KAAK,EAAE,IAAAC,qBAAY,EAAC;MAAEb,KAAK,EAALA,KAAK;MAAEG,OAAO,EAAPA,OAAO;MAAEC,OAAO,EAAPA;IAAQ,CAAC,CAAE;IACjD,SAAS,EAAEF,KAAM;IACjB,SAAS,EAAE,IAAAK,eAAM,EAACC,2BAAK,CAACM,IAAI,EAAEZ,KAAK,IAAIM,2BAAK,CAACN,KAAK;EAAE,EACpD,eACF,6BAAC,gBAAI;IACH,KAAK,EAAEA,KAAM;IACb,SAAS,EAAE,IAAAK,eAAM,EACfC,2BAAK,CAACO,IAAI,EACVf,KAAK,GAAGQ,2BAAK,CAACR,KAAK,GAAGI,OAAO,GAAGI,2BAAK,CAACJ,OAAO,GAAGD,OAAO,GAAGK,2BAAK,CAACL,OAAO,GAAGO,SAAS;EACnF,GAEDX,QAAQ,CACJ,EACNM,OAAO,iBACN,6BAAC,qBAAS;IAAC,SAAS,EAAE,IAAAE,eAAM,EAACC,2BAAK,CAACQ,SAAS,EAAER,2BAAK,CAACM,IAAI,EAAEZ,KAAK,IAAIM,2BAAK,CAACN,KAAK,CAAE;IAAC,OAAO,EAAEG;EAAQ,gBAChG,6BAAC,gBAAI;IAAC,KAAK,EAAEY,gBAAI,CAACC,KAAM;IAAC,SAAS,EAAEhB;EAAM,EAAG,CAEhD,CACI;AAAA,CACR;AAAC;AAEFJ,YAAY,CAACqB,WAAW,GAAG,wBAAwB;AAEnDrB,YAAY,CAACsB,SAAS,GAAG;EACvBrB,QAAQ,EAAEsB,kBAAS,CAACC,MAAM,CAACC,UAAU;EACrCvB,KAAK,EAAEqB,kBAAS,CAACG,IAAI;EACrBvB,MAAM,EAAEoB,kBAAS,CAACG,IAAI;EACtBtB,KAAK,EAAEmB,kBAAS,CAACG,IAAI;EACrBrB,OAAO,EAAEkB,kBAAS,CAACG,IAAI;EACvBpB,OAAO,EAAEiB,kBAAS,CAACG,IAAI;EACvBnB,OAAO,EAAEgB,kBAAS,CAACI;AACrB,CAAC"}