@mirai/ui 1.0.79 → 1.0.81-beta

package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap

@@ -30,26 +30,41 @@ exports[` 2`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Tooltip> inherit:className 1`] = `
+exports[` 3`] = `
 <DocumentFragment>
-  <span />
+  <span
+    data-testid="onPress"
+  >
+    <button
+      class="pressable button dispatcher"
+      data-testid="onPress-dispatcher"
+    >
+      Action
+    </button>
+  </span>
 </DocumentFragment>
 `;
 
-exports[`component:<Tooltip> renders 1`] = `
+exports[` 4`] = `
 <DocumentFragment>
-  <span />
+  <span
+    data-testid="onPress"
+  >
+    <button
+      class="pressable button dispatcher"
+      data-testid="onPress-dispatcher"
+    >
+      Action
+    </button>
+  </span>
 </DocumentFragment>
 `;
 
-exports[`component:<Tooltip> simulate behavior: onEnter & onLeave w/ Template 1`] = `
+exports[`component:<Tooltip> inherit:className 1`] = `
 <DocumentFragment>
-  <span
-    data-testid="onEnter"
-  >
+  <span>
     <button
       class="pressable button dispatcher"
-      data-testid="onEnter-dispatcher"
     >
       Action
     </button>
@@ -57,30 +72,57 @@ exports[`component:<Tooltip> simulate behavior: onEnter & onLeave w/ Template 1`
 </DocumentFragment>
 `;
 
-exports[`component:<Tooltip> simulate behavior: onEnter & onLeave w/ Template 2`] = `
+exports[`component:<Tooltip> prop:Template 1`] = `
 <DocumentFragment>
-  <span
-    data-testid="onEnter"
-  >
+  <span>
     <button
       class="pressable button dispatcher"
-      data-testid="onEnter-dispatcher"
     >
       Action
     </button>
   </span>
+  <div
+    class="layer"
+    style="left: 0px; top: 0px;"
+  >
+    <div
+      class="view tooltip left bottom"
+    >
+      <strong>
+        mirai
+      </strong>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
-exports[`component:<Tooltip> testID 1`] = `
+exports[`component:<Tooltip> prop:text 1`] = `
 <DocumentFragment>
-  <span
-    data-testid="mirai"
-  />
+  <span>
+    <button
+      class="pressable button dispatcher"
+    >
+      Action
+    </button>
+  </span>
+  <div
+    class="layer"
+    style="left: 0px; top: 0px;"
+  >
+    <div
+      class="view tooltip left bottom"
+    >
+      <span
+        class="text bold small text"
+      >
+        mirai
+      </span>
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
-exports[`component:<Tooltip> w/ children + Template 1`] = `
+exports[`component:<Tooltip> prop:top 1`] = `
 <DocumentFragment>
   <span>
     <button
@@ -89,10 +131,22 @@ exports[`component:<Tooltip> w/ children + Template 1`] = `
       Action
     </button>
   </span>
+  <div
+    class="layer"
+    style="left: 0px; top: 0px;"
+  >
+    <div
+      class="view tooltip left top"
+    >
+      <span
+        class="text bold small text"
+      />
+    </div>
+  </div>
 </DocumentFragment>
 `;
 
-exports[`component:<Tooltip> w/ children + text 1`] = `
+exports[`component:<Tooltip> renders 1`] = `
 <DocumentFragment>
   <span>
     <button
@@ -104,11 +158,14 @@ exports[`component:<Tooltip> w/ children + text 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Tooltip> w/ children 1`] = `
+exports[`component:<Tooltip> testID 1`] = `
 <DocumentFragment>
-  <span>
+  <span
+    data-testid="mirai"
+  >
     <button
       class="pressable button dispatcher"
+      data-testid="mirai-dispatcher"
     >
       Action
     </button>

package/build/hooks/useDevice.stories.js

@@ -1,15 +1,13 @@
 "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 _react = _interopRequireDefault(require("react"));
 var _ = require("..");
 var _useDevice = require("./useDevice");
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -22,15 +20,18 @@ var _default = {
 exports.default = _default;
 var Story = function Story() {
   var device = (0, _useDevice.useDevice)();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, Object.entries(device).map(function (_ref) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Object.entries(device).map(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
       key = _ref2[0],
       value = _ref2[1];
-    return /*#__PURE__*/React.createElement(_.View, {
+    return /*#__PURE__*/_react.default.createElement(_.View, {
       row: true,
       key: key
-    }, /*#__PURE__*/React.createElement(_.Text, null, key, ":"), /*#__PURE__*/React.createElement(_.Text, {
-      bold: true
+    }, /*#__PURE__*/_react.default.createElement(_.Text, {
+      bold: true,
+      action: true
+    }, "".concat(key, ": ")), /*#__PURE__*/_react.default.createElement(_.Text, {
+      action: true
     }, value.toString()));
   }));
 };

package/build/hooks/useDevice.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDevice.stories.js","names":["title","Story","device","useDevice","Object","entries","map","key","value","toString","storyName","args","argTypes"],"sources":["../../src/hooks/useDevice.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Text, View } from '..';\nimport { useDevice } from './useDevice';\n\nexport default { title: 'Hooks' };\n\nexport const Story = () => {\n  const device = useDevice();\n\n  return (\n    <>\n      {Object.entries(device).map(([key, value]) => (\n        <View row key={key}>\n          <Text>{key}:</Text>\n          <Text bold>{value.toString()}</Text>\n        </View>\n      ))}\n    </>\n  );\n};\n\nStory.storyName = 'useDevice';\n\nStory.args = {};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEzB;EAAEA,KAAK,EAAE;AAAQ,CAAC;AAAA;AAE1B,IAAMC,KAAK,GAAG,SAARA,KAAK,GAAS;EACzB,IAAMC,MAAM,GAAG,IAAAC,oBAAS,GAAE;EAE1B,oBACE,0CACGC,MAAM,CAACC,OAAO,CAACH,MAAM,CAAC,CAACI,GAAG,CAAC;IAAA;MAAEC,GAAG;MAAEC,KAAK;IAAA,oBACtC,oBAAC,MAAI;MAAC,GAAG;MAAC,GAAG,EAAED;IAAI,gBACjB,oBAAC,MAAI,QAAEA,GAAG,MAAS,eACnB,oBAAC,MAAI;MAAC,IAAI;IAAA,GAAEC,KAAK,CAACC,QAAQ,EAAE,CAAQ,CAC/B;EAAA,CACR,CAAC,CACD;AAEP,CAAC;AAAC;AAEFR,KAAK,CAACS,SAAS,GAAG,WAAW;AAE7BT,KAAK,CAACU,IAAI,GAAG,CAAC,CAAC;AAEfV,KAAK,CAACW,QAAQ,GAAG,CAAC,CAAC"}
+{"version":3,"file":"useDevice.stories.js","names":["title","Story","device","useDevice","Object","entries","map","key","value","toString","storyName","args","argTypes"],"sources":["../../src/hooks/useDevice.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Text, View } from '..';\nimport { useDevice } from './useDevice';\n\nexport default { title: 'Hooks' };\n\nexport const Story = () => {\n  const device = useDevice();\n\n  return (\n    <>\n      {Object.entries(device).map(([key, value]) => (\n        <View row key={key}>\n          <Text bold action>\n            {`${key}: `}\n          </Text>\n          <Text action>{value.toString()}</Text>\n        </View>\n      ))}\n    </>\n  );\n};\n\nStory.storyName = 'useDevice';\n\nStory.args = {};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEzB;EAAEA,KAAK,EAAE;AAAQ,CAAC;AAAA;AAE1B,IAAMC,KAAK,GAAG,SAARA,KAAK,GAAS;EACzB,IAAMC,MAAM,GAAG,IAAAC,oBAAS,GAAE;EAE1B,oBACE,4DACGC,MAAM,CAACC,OAAO,CAACH,MAAM,CAAC,CAACI,GAAG,CAAC;IAAA;MAAEC,GAAG;MAAEC,KAAK;IAAA,oBACtC,6BAAC,MAAI;MAAC,GAAG;MAAC,GAAG,EAAED;IAAI,gBACjB,6BAAC,MAAI;MAAC,IAAI;MAAC,MAAM;IAAA,aACXA,GAAG,QACF,eACP,6BAAC,MAAI;MAAC,MAAM;IAAA,GAAEC,KAAK,CAACC,QAAQ,EAAE,CAAQ,CACjC;EAAA,CACR,CAAC,CACD;AAEP,CAAC;AAAC;AAEFR,KAAK,CAACS,SAAS,GAAG,WAAW;AAE7BT,KAAK,CAACU,IAAI,GAAG,CAAC,CAAC;AAEfV,KAAK,CAACW,QAAQ,GAAG,CAAC,CAAC"}

package/build/primitives/Checkbox/Checkbox.js

@@ -13,15 +13,18 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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 Checkbox = function Checkbox(_ref) {
-  var checked = _ref.checked,
+  var _ref$checked = _ref.checked,
+    checked = _ref$checked === void 0 ? false : _ref$checked,
     children = _ref.children,
     disabled = _ref.disabled,
     name = _ref.name,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? '' : _ref$value,
-    onChange = _ref.onChange,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
     others = _objectWithoutProperties(_ref, _excluded);
   var handleChange = function handleChange(event) {
+    if (disabled) return;
     var checked = event.target.checked;
     onChange(checked, event);
   };
@@ -36,7 +39,7 @@ var Checkbox = function Checkbox(_ref) {
     type: "checkbox",
     value: value,
     className: (0, _helpers.styles)(checked && _CheckboxModule.default.checked),
-    onChange: !disabled && onChange ? handleChange : undefined
+    onChange: handleChange
   }), children);
 };
 exports.Checkbox = Checkbox;

package/build/primitives/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["Checkbox","checked","children","disabled","name","value","onChange","others","handleChange","event","target","styles","style","checkbox","className","undefined","displayName","propTypes","PropTypes","bool","node","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Checkbox/Checkbox.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Checkbox.module.css';\n\nconst Checkbox = ({ checked, children, disabled, name, value = '', onChange, ...others }) => {\n  const handleChange = (event) => {\n    const {\n      target: { checked },\n    } = event;\n    onChange(checked, event);\n  };\n\n  return (\n    <div className={styles(style.checkbox, others.className)} style={others.style}>\n      <input\n        checked={checked}\n        data-testid={others['data-testid']}\n        disabled={disabled}\n        name={name}\n        type=\"checkbox\"\n        value={value}\n        className={styles(checked && style.checked)}\n        onChange={!disabled && onChange ? handleChange : undefined}\n      />\n      {children}\n    </div>\n  );\n};\n\nCheckbox.displayName = 'Primitive:Checkbox';\n\nCheckbox.propTypes = {\n  checked: PropTypes.bool,\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { Checkbox };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAA0C;AAAA;AAAA;AAAA;AAE1C,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAA+E;EAAA,IAAzEC,OAAO,QAAPA,OAAO;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,MAAM;EACpF,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IACYR,OAAO,GACfQ,KAAK,CADPC,MAAM,CAAIT,OAAO;IAEnBK,QAAQ,CAACL,OAAO,EAAEQ,KAAK,CAAC;EAC1B,CAAC;EAED,oBACE;IAAK,SAAS,EAAE,IAAAE,eAAM,EAACC,uBAAK,CAACC,QAAQ,EAAEN,MAAM,CAACO,SAAS,CAAE;IAAC,KAAK,EAAEP,MAAM,CAACK;EAAM,gBAC5E;IACE,OAAO,EAAEX,OAAQ;IACjB,eAAaM,MAAM,CAAC,aAAa,CAAE;IACnC,QAAQ,EAAEJ,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,IAAI,EAAC,UAAU;IACf,KAAK,EAAEC,KAAM;IACb,SAAS,EAAE,IAAAM,eAAM,EAACV,OAAO,IAAIW,uBAAK,CAACX,OAAO,CAAE;IAC5C,QAAQ,EAAE,CAACE,QAAQ,IAAIG,QAAQ,GAAGE,YAAY,GAAGO;EAAU,EAC3D,EACDb,QAAQ,CACL;AAEV,CAAC;AAAC;AAEFF,QAAQ,CAACgB,WAAW,GAAG,oBAAoB;AAE3ChB,QAAQ,CAACiB,SAAS,GAAG;EACnBhB,OAAO,EAAEiB,kBAAS,CAACC,IAAI;EACvBjB,QAAQ,EAAEgB,kBAAS,CAACE,IAAI;EACxBjB,QAAQ,EAAEe,kBAAS,CAACC,IAAI;EACxBf,IAAI,EAAEc,kBAAS,CAACG,MAAM,CAACC,UAAU;EACjCjB,KAAK,EAAEa,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9Db,QAAQ,EAAEY,kBAAS,CAACM;AACtB,CAAC"}
+{"version":3,"file":"Checkbox.js","names":["Checkbox","checked","children","disabled","name","value","onChange","others","handleChange","event","target","styles","style","checkbox","className","displayName","propTypes","PropTypes","bool","node","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Checkbox/Checkbox.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Checkbox.module.css';\n\nconst Checkbox = ({ checked = false, children, disabled, name, value = '', onChange = () => {}, ...others }) => {\n  const handleChange = (event) => {\n    if (disabled) return;\n\n    const {\n      target: { checked },\n    } = event;\n    onChange(checked, event);\n  };\n\n  return (\n    <div className={styles(style.checkbox, others.className)} style={others.style}>\n      <input\n        checked={checked}\n        data-testid={others['data-testid']}\n        disabled={disabled}\n        name={name}\n        type=\"checkbox\"\n        value={value}\n        className={styles(checked && style.checked)}\n        onChange={handleChange}\n      />\n      {children}\n    </div>\n  );\n};\n\nCheckbox.displayName = 'Primitive:Checkbox';\n\nCheckbox.propTypes = {\n  checked: PropTypes.bool,\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { Checkbox };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAA0C;AAAA;AAAA;AAAA;AAE1C,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAAkG;EAAA,wBAA5FC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EACvG,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIN,QAAQ,EAAE;IAEd,IACYF,OAAO,GACfQ,KAAK,CADPC,MAAM,CAAIT,OAAO;IAEnBK,QAAQ,CAACL,OAAO,EAAEQ,KAAK,CAAC;EAC1B,CAAC;EAED,oBACE;IAAK,SAAS,EAAE,IAAAE,eAAM,EAACC,uBAAK,CAACC,QAAQ,EAAEN,MAAM,CAACO,SAAS,CAAE;IAAC,KAAK,EAAEP,MAAM,CAACK;EAAM,gBAC5E;IACE,OAAO,EAAEX,OAAQ;IACjB,eAAaM,MAAM,CAAC,aAAa,CAAE;IACnC,QAAQ,EAAEJ,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,IAAI,EAAC,UAAU;IACf,KAAK,EAAEC,KAAM;IACb,SAAS,EAAE,IAAAM,eAAM,EAACV,OAAO,IAAIW,uBAAK,CAACX,OAAO,CAAE;IAC5C,QAAQ,EAAEO;EAAa,EACvB,EACDN,QAAQ,CACL;AAEV,CAAC;AAAC;AAEFF,QAAQ,CAACe,WAAW,GAAG,oBAAoB;AAE3Cf,QAAQ,CAACgB,SAAS,GAAG;EACnBf,OAAO,EAAEgB,kBAAS,CAACC,IAAI;EACvBhB,QAAQ,EAAEe,kBAAS,CAACE,IAAI;EACxBhB,QAAQ,EAAEc,kBAAS,CAACC,IAAI;EACxBd,IAAI,EAAEa,kBAAS,CAACG,MAAM,CAACC,UAAU;EACjChB,KAAK,EAAEY,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9DZ,QAAQ,EAAEW,kBAAS,CAACM;AACtB,CAAC"}

package/build/primitives/Checkbox/Checkbox.stories.js

@@ -1,36 +1,54 @@
 "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 _react = _interopRequireWildcard(require("react"));
 var _Checkbox = require("./Checkbox");
+var _Story$args;
 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 _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); }
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var _default = {
   title: 'Primitives'
 };
 exports.default = _default;
 var Story = function Story(props) {
-  return /*#__PURE__*/React.createElement(_Checkbox.Checkbox, props);
+  var _useState = (0, _react.useState)(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    checked = _useState2[0],
+    setChecked = _useState2[1];
+  var handleChange = function handleChange(next) {
+    var _console;
+    setChecked(next);
+    for (var _len = arguments.length, others = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      others[_key - 1] = arguments[_key];
+    }
+    (_console = console).log.apply(_console, ['<Checkbox>::onChange', next].concat(others));
+  };
+  return /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, _extends({}, props, {
+    checked: checked,
+    onChange: handleChange
+  }));
 };
 exports.Story = Story;
 Story.storyName = 'Checkbox';
-Story.args = _defineProperty({
-  checked: false,
+Story.args = (_Story$args = {
   children: 'children',
   disabled: false,
   name: 'checkbox',
   value: 'value'
-}, 'data-testid', 'test-story');
-Story.argTypes = {
-  onChange: {
-    action: 'onChange'
-  }
-};
+}, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "style", {}), _Story$args);
+Story.argTypes = {};
 //# sourceMappingURL=Checkbox.stories.js.map

package/build/primitives/Checkbox/Checkbox.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.js","names":["title","Story","props","storyName","args","checked","children","disabled","name","value","argTypes","onChange","action"],"sources":["../../../src/primitives/Checkbox/Checkbox.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Checkbox } from './Checkbox';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => <Checkbox {...props} />;\n\nStory.storyName = 'Checkbox';\n\nStory.args = {\n  checked: false,\n  children: 'children',\n  disabled: false,\n  name: 'checkbox',\n  value: 'value',\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  onChange: { action: 'onChange' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEvB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBAAK,oBAAC,kBAAQ,EAAKA,KAAK,CAAI;AAAA;AAAC;AAExDD,KAAK,CAACE,SAAS,GAAG,UAAU;AAE5BF,KAAK,CAACG,IAAI;EACRC,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE;AAAO,GACb,aAAa,EAAG,YAAY,CAC9B;AAEDR,KAAK,CAACS,QAAQ,GAAG;EACfC,QAAQ,EAAE;IAAEC,MAAM,EAAE;EAAW;AACjC,CAAC"}
+{"version":3,"file":"Checkbox.stories.js","names":["title","Story","props","useState","checked","setChecked","handleChange","next","others","console","log","storyName","args","children","disabled","name","value","argTypes"],"sources":["../../../src/primitives/Checkbox/Checkbox.stories.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Checkbox } from './Checkbox';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => {\n  const [checked, setChecked] = useState(true);\n\n  const handleChange = (next, ...others) => {\n    setChecked(next);\n    console.log('<Checkbox>::onChange', next, ...others);\n  };\n\n  return <Checkbox {...props} checked={checked} onChange={handleChange} />;\n};\n\nStory.storyName = 'Checkbox';\n\nStory.args = {\n  children: 'children',\n  disabled: false,\n  name: 'checkbox',\n  value: 'value',\n  // inherited properties\n  ['data-testid']: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;AAAA;AAEA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEvB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK,EAAK;EAC9B,gBAA8B,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAA;IAArCC,OAAO;IAAEC,UAAU;EAE1B,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,IAAI,EAAgB;IAAA;IACxCF,UAAU,CAACE,IAAI,CAAC;IAAC,kCADYC,MAAM;MAANA,MAAM;IAAA;IAEnC,YAAAC,OAAO,EAACC,GAAG,kBAAC,sBAAsB,EAAEH,IAAI,SAAKC,MAAM,EAAC;EACtD,CAAC;EAED,oBAAO,6BAAC,kBAAQ,eAAKN,KAAK;IAAE,OAAO,EAAEE,OAAQ;IAAC,QAAQ,EAAEE;EAAa,GAAG;AAC1E,CAAC;AAAC;AAEFL,KAAK,CAACU,SAAS,GAAG,UAAU;AAE5BV,KAAK,CAACW,IAAI;EACRC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE;AAAO,gCAEb,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAEDf,KAAK,CAACgB,QAAQ,GAAG,CAAC,CAAC"}

package/build/primitives/Icon/Icon.stories.js

@@ -5,50 +5,45 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Story = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _Text = require("../Text");
-var _View = require("../View");
+var _react = _interopRequireDefault(require("react"));
 var _ = require("./");
-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; }
+var _Story$args;
+var _excluded = ["value"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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); }
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 _default = {
   title: 'Primitives'
 };
 exports.default = _default;
-var Story = function Story(props) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_.Icon, props), Object.entries(_.ICON).map(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      key = _ref2[0],
-      value = _ref2[1];
-    return /*#__PURE__*/React.createElement(_View.View, {
-      key: key,
-      row: true
-    }, /*#__PURE__*/React.createElement(_Text.Text, {
-      small: true
-    }, key), /*#__PURE__*/React.createElement(_.Icon, _extends({}, props, {
-      value: value
-    })));
+var Story = function Story(_ref) {
+  var value = _ref.value,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_.Icon, _extends({}, props, {
+    value: _.ICON[value]
   }));
 };
 exports.Story = Story;
 Story.storyName = 'Icon';
-Story.args = _defineProperty({
+Story.args = (_Story$args = {
   action: false,
   headline: false,
   level: 3,
   paragraph: false,
   small: false,
-  value: _.ICON.EYE_OPEN
-}, 'data-testid', 'test-story');
-Story.argTypes = {};
+  value: undefined
+}, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "style", {}), _Story$args);
+Story.argTypes = {
+  value: {
+    options: Object.keys(_.ICON),
+    control: {
+      type: 'select'
+    },
+    defaultValue: Object.keys(_.ICON)[0]
+  }
+};
 //# sourceMappingURL=Icon.stories.js.map

package/build/primitives/Icon/Icon.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.stories.js","names":["title","Story","props","Object","entries","ICON","map","key","value","storyName","args","action","headline","level","paragraph","small","EYE_OPEN","argTypes"],"sources":["../../../src/primitives/Icon/Icon.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Text } from '../Text';\nimport { View } from '../View';\nimport { Icon, ICON } from './';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => (\n  <>\n    <Icon {...props} />\n    {Object.entries(ICON).map(([key, value]) => (\n      <View key={key} row>\n        <Text small>{key}</Text>\n        <Icon {...props} value={value} />\n      </View>\n    ))}\n  </>\n);\n\nStory.storyName = 'Icon';\n\nStory.args = {\n  action: false,\n  headline: false,\n  level: 3,\n  paragraph: false,\n  small: false,\n  value: ICON.EYE_OPEN,\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEjB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBACzB,uDACE,oBAAC,MAAI,EAAKA,KAAK,CAAI,EAClBC,MAAM,CAACC,OAAO,CAACC,MAAI,CAAC,CAACC,GAAG,CAAC;IAAA;MAAEC,GAAG;MAAEC,KAAK;IAAA,oBACpC,oBAAC,UAAI;MAAC,GAAG,EAAED,GAAI;MAAC,GAAG;IAAA,gBACjB,oBAAC,UAAI;MAAC,KAAK;IAAA,GAAEA,GAAG,CAAQ,eACxB,oBAAC,MAAI,eAAKL,KAAK;MAAE,KAAK,EAAEM;IAAM,GAAG,CAC5B;EAAA,CACR,CAAC,CACD;AAAA,CACJ;AAAC;AAEFP,KAAK,CAACQ,SAAS,GAAG,MAAM;AAExBR,KAAK,CAACS,IAAI;EACRC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,CAAC;EACRC,SAAS,EAAE,KAAK;EAChBC,KAAK,EAAE,KAAK;EACZP,KAAK,EAAEH,MAAI,CAACW;AAAQ,GACnB,aAAa,EAAG,YAAY,CAC9B;AAEDf,KAAK,CAACgB,QAAQ,GAAG,CAAC,CAAC"}
+{"version":3,"file":"Icon.stories.js","names":["title","Story","value","props","ICON","storyName","args","action","headline","level","paragraph","small","undefined","argTypes","options","Object","keys","control","type","defaultValue"],"sources":["../../../src/primitives/Icon/Icon.stories.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { Icon, ICON } from './';\n\nexport default { title: 'Primitives' };\n\nexport const Story = ({ value, ...props }) => <Icon {...props} value={ICON[value]} />;\n\nStory.storyName = 'Icon';\n\nStory.args = {\n  action: false,\n  headline: false,\n  level: 3,\n  paragraph: false,\n  small: false,\n  value: undefined,\n  // inherited properties\n  ['data-testid']: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  value: {\n    options: Object.keys(ICON),\n    control: { type: 'select' },\n    defaultValue: Object.keys(ICON)[0],\n  },\n};\n"],"mappings":";;;;;;;AACA;AAEA;AAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEjB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK;EAAA,IAAMC,KAAK,QAALA,KAAK;IAAKC,KAAK;EAAA,oBAAO,6BAAC,MAAI,eAAKA,KAAK;IAAE,KAAK,EAAEC,MAAI,CAACF,KAAK;EAAE,GAAG;AAAA;AAAC;AAEtFD,KAAK,CAACI,SAAS,GAAG,MAAM;AAExBJ,KAAK,CAACK,IAAI;EACRC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,KAAK;EACfC,KAAK,EAAE,CAAC;EACRC,SAAS,EAAE,KAAK;EAChBC,KAAK,EAAE,KAAK;EACZT,KAAK,EAAEU;AAAS,gCAEf,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAEDX,KAAK,CAACY,QAAQ,GAAG;EACfX,KAAK,EAAE;IACLY,OAAO,EAAEC,MAAM,CAACC,IAAI,CAACZ,MAAI,CAAC;IAC1Ba,OAAO,EAAE;MAAEC,IAAI,EAAE;IAAS,CAAC;IAC3BC,YAAY,EAAEJ,MAAM,CAACC,IAAI,CAACZ,MAAI,CAAC,CAAC,CAAC;EACnC;AACF,CAAC"}

package/build/primitives/Input/Input.js

@@ -48,6 +48,7 @@ var Input = function Input(_ref) {
     disabled: disabled,
     test: undefined,
     type: type,
+    value: others.value || '',
     className: (0, _helpers.styles)(_InputModule.default.input, others.className)
   }, !disabled ? {
     onChange: function onChange(event) {

package/build/primitives/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["Input","disabled","multiLine","type","onChange","onEnter","onError","onLeave","others","errors","getInputErrors","handleChange","next","event","isNaN","value","parseValue","React","createElement","test","undefined","className","styles","style","input","target","onFocus","onBlur","displayName","propTypes","PropTypes","bool","name","string","isRequired","func"],"sources":["../../../src/primitives/Input/Input.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { parseValue } from './helpers';\nimport style from './Input.module.css';\n\nconst Input = ({ disabled, multiLine, type = 'text', onChange, onEnter, onError, onLeave, ...others }) => {\n  const errors = getInputErrors({ ...others, type });\n  if (errors && onError) onError(errors);\n\n  const handleChange = (next = '', event) => {\n    if (type === 'number' && isNaN(next)) return;\n    const value = parseValue(next, type, others);\n\n    onError && onError(getInputErrors({ ...others, type, value }));\n    onChange && onChange(value || '', event);\n  };\n\n  return React.createElement(multiLine ? 'textarea' : 'input', {\n    ...others,\n    disabled,\n    test: undefined,\n    type,\n    className: styles(style.input, others.className),\n    ...(!disabled\n      ? {\n          onChange: (event) => handleChange(event.target.value, event),\n          onFocus: onEnter,\n          onBlur: onLeave,\n        }\n      : {}),\n  });\n};\n\nInput.displayName = 'Primitive:Input';\n\nInput.propTypes = {\n  disabled: PropTypes.bool,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  type: PropTypes.string,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { Input };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,OAA+F;EAAA,IAAzFC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAA,iBAAEC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EACjG,IAAMC,MAAM,GAAG,IAAAC,uBAAc,kCAAMF,MAAM;IAAEL,IAAI,EAAJA;EAAI,GAAG;EAClD,IAAIM,MAAM,IAAIH,OAAO,EAAEA,OAAO,CAACG,MAAM,CAAC;EAEtC,IAAME,YAAY,GAAG,SAAfA,YAAY,GAAyB;IAAA,IAArBC,IAAI,uEAAG,EAAE;IAAA,IAAEC,KAAK;IACpC,IAAIV,IAAI,KAAK,QAAQ,IAAIW,KAAK,CAACF,IAAI,CAAC,EAAE;IACtC,IAAMG,KAAK,GAAG,IAAAC,oBAAU,EAACJ,IAAI,EAAET,IAAI,EAAEK,MAAM,CAAC;IAE5CF,OAAO,IAAIA,OAAO,CAAC,IAAAI,uBAAc,kCAAMF,MAAM;MAAEL,IAAI,EAAJA,IAAI;MAAEY,KAAK,EAALA;IAAK,GAAG,CAAC;IAC9DX,QAAQ,IAAIA,QAAQ,CAACW,KAAK,IAAI,EAAE,EAAEF,KAAK,CAAC;EAC1C,CAAC;EAED,oBAAOI,cAAK,CAACC,aAAa,CAAChB,SAAS,GAAG,UAAU,GAAG,OAAO,kCACtDM,MAAM;IACTP,QAAQ,EAARA,QAAQ;IACRkB,IAAI,EAAEC,SAAS;IACfjB,IAAI,EAAJA,IAAI;IACJkB,SAAS,EAAE,IAAAC,eAAM,EAACC,oBAAK,CAACC,KAAK,EAAEhB,MAAM,CAACa,SAAS;EAAC,GAC5C,CAACpB,QAAQ,GACT;IACEG,QAAQ,EAAE,kBAACS,KAAK;MAAA,OAAKF,YAAY,CAACE,KAAK,CAACY,MAAM,CAACV,KAAK,EAAEF,KAAK,CAAC;IAAA;IAC5Da,OAAO,EAAErB,OAAO;IAChBsB,MAAM,EAAEpB;EACV,CAAC,GACD,CAAC,CAAC,EACN;AACJ,CAAC;AAAC;AAEFP,KAAK,CAAC4B,WAAW,GAAG,iBAAiB;AAErC5B,KAAK,CAAC6B,SAAS,GAAG;EAChB5B,QAAQ,EAAE6B,kBAAS,CAACC,IAAI;EACxB7B,SAAS,EAAE4B,kBAAS,CAACC,IAAI;EACzBC,IAAI,EAAEF,kBAAS,CAACG,MAAM,CAACC,UAAU;EACjC/B,IAAI,EAAE2B,kBAAS,CAACG,MAAM;EACtB7B,QAAQ,EAAE0B,kBAAS,CAACK,IAAI;EACxB9B,OAAO,EAAEyB,kBAAS,CAACK,IAAI;EACvB7B,OAAO,EAAEwB,kBAAS,CAACK,IAAI;EACvB5B,OAAO,EAAEuB,kBAAS,CAACK;AACrB,CAAC"}
+{"version":3,"file":"Input.js","names":["Input","disabled","multiLine","type","onChange","onEnter","onError","onLeave","others","errors","getInputErrors","handleChange","next","event","isNaN","value","parseValue","React","createElement","test","undefined","className","styles","style","input","target","onFocus","onBlur","displayName","propTypes","PropTypes","bool","name","string","isRequired","func"],"sources":["../../../src/primitives/Input/Input.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getInputErrors, styles } from '../../helpers';\nimport { parseValue } from './helpers';\nimport style from './Input.module.css';\n\nconst Input = ({ disabled, multiLine, type = 'text', onChange, onEnter, onError, onLeave, ...others }) => {\n  const errors = getInputErrors({ ...others, type });\n  if (errors && onError) onError(errors);\n\n  const handleChange = (next = '', event) => {\n    if (type === 'number' && isNaN(next)) return;\n    const value = parseValue(next, type, others);\n\n    onError && onError(getInputErrors({ ...others, type, value }));\n    onChange && onChange(value || '', event);\n  };\n\n  return React.createElement(multiLine ? 'textarea' : 'input', {\n    ...others,\n    disabled,\n    test: undefined,\n    type,\n    value: others.value || '',\n    className: styles(style.input, others.className),\n    ...(!disabled\n      ? {\n          onChange: (event) => handleChange(event.target.value, event),\n          onFocus: onEnter,\n          onBlur: onLeave,\n        }\n      : {}),\n  });\n};\n\nInput.displayName = 'Primitive:Input';\n\nInput.propTypes = {\n  disabled: PropTypes.bool,\n  multiLine: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  type: PropTypes.string,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n};\n\nexport { Input };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,OAA+F;EAAA,IAAzFC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAA,iBAAEC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAKC,MAAM;EACjG,IAAMC,MAAM,GAAG,IAAAC,uBAAc,kCAAMF,MAAM;IAAEL,IAAI,EAAJA;EAAI,GAAG;EAClD,IAAIM,MAAM,IAAIH,OAAO,EAAEA,OAAO,CAACG,MAAM,CAAC;EAEtC,IAAME,YAAY,GAAG,SAAfA,YAAY,GAAyB;IAAA,IAArBC,IAAI,uEAAG,EAAE;IAAA,IAAEC,KAAK;IACpC,IAAIV,IAAI,KAAK,QAAQ,IAAIW,KAAK,CAACF,IAAI,CAAC,EAAE;IACtC,IAAMG,KAAK,GAAG,IAAAC,oBAAU,EAACJ,IAAI,EAAET,IAAI,EAAEK,MAAM,CAAC;IAE5CF,OAAO,IAAIA,OAAO,CAAC,IAAAI,uBAAc,kCAAMF,MAAM;MAAEL,IAAI,EAAJA,IAAI;MAAEY,KAAK,EAALA;IAAK,GAAG,CAAC;IAC9DX,QAAQ,IAAIA,QAAQ,CAACW,KAAK,IAAI,EAAE,EAAEF,KAAK,CAAC;EAC1C,CAAC;EAED,oBAAOI,cAAK,CAACC,aAAa,CAAChB,SAAS,GAAG,UAAU,GAAG,OAAO,kCACtDM,MAAM;IACTP,QAAQ,EAARA,QAAQ;IACRkB,IAAI,EAAEC,SAAS;IACfjB,IAAI,EAAJA,IAAI;IACJY,KAAK,EAAEP,MAAM,CAACO,KAAK,IAAI,EAAE;IACzBM,SAAS,EAAE,IAAAC,eAAM,EAACC,oBAAK,CAACC,KAAK,EAAEhB,MAAM,CAACa,SAAS;EAAC,GAC5C,CAACpB,QAAQ,GACT;IACEG,QAAQ,EAAE,kBAACS,KAAK;MAAA,OAAKF,YAAY,CAACE,KAAK,CAACY,MAAM,CAACV,KAAK,EAAEF,KAAK,CAAC;IAAA;IAC5Da,OAAO,EAAErB,OAAO;IAChBsB,MAAM,EAAEpB;EACV,CAAC,GACD,CAAC,CAAC,EACN;AACJ,CAAC;AAAC;AAEFP,KAAK,CAAC4B,WAAW,GAAG,iBAAiB;AAErC5B,KAAK,CAAC6B,SAAS,GAAG;EAChB5B,QAAQ,EAAE6B,kBAAS,CAACC,IAAI;EACxB7B,SAAS,EAAE4B,kBAAS,CAACC,IAAI;EACzBC,IAAI,EAAEF,kBAAS,CAACG,MAAM,CAACC,UAAU;EACjC/B,IAAI,EAAE2B,kBAAS,CAACG,MAAM;EACtB7B,QAAQ,EAAE0B,kBAAS,CAACK,IAAI;EACxB9B,OAAO,EAAEyB,kBAAS,CAACK,IAAI;EACvB7B,OAAO,EAAEwB,kBAAS,CAACK,IAAI;EACvB5B,OAAO,EAAEuB,kBAAS,CAACK;AACrB,CAAC"}

package/build/primitives/Input/Input.stories.js

@@ -1,33 +1,77 @@
 "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 _react = _interopRequireWildcard(require("react"));
 var _Input = require("./Input");
+var _Story$args;
 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 _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); }
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var _default = {
   title: 'Primitives'
 };
 exports.default = _default;
 var Story = function Story(props) {
-  return /*#__PURE__*/React.createElement(_Input.Input, props);
+  var _useState = (0, _react.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var handleChange = function handleChange(next) {
+    var _console;
+    setValue(next);
+    for (var _len = arguments.length, others = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      others[_key - 1] = arguments[_key];
+    }
+    (_console = console).log.apply(_console, ['<Input>::onChange', next].concat(others));
+  };
+  return /*#__PURE__*/_react.default.createElement(_Input.Input, _extends({}, props, {
+    value: value,
+    onChange: handleChange
+  }));
 };
 exports.Story = Story;
 Story.storyName = 'Input';
-Story.args = _defineProperty({
+Story.args = (_Story$args = {
   disabled: false,
   multiLine: false,
   name: 'Input',
   placeholder: 'placeholder',
-  type: 'text'
-}, 'data-testid', 'test-story');
+  type: 'text',
+  onEnter: function onEnter() {
+    var _console2;
+    for (var _len2 = arguments.length, props = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      props[_key2] = arguments[_key2];
+    }
+    return (_console2 = console).log.apply(_console2, ['<Select>::onEnter'].concat(props));
+  },
+  onError: function onError() {
+    var _console3;
+    for (var _len3 = arguments.length, props = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      props[_key3] = arguments[_key3];
+    }
+    return (_console3 = console).log.apply(_console3, ['<Select>::onError'].concat(props));
+  },
+  onLeave: function onLeave() {
+    var _console4;
+    for (var _len4 = arguments.length, props = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      props[_key4] = arguments[_key4];
+    }
+    return (_console4 = console).log.apply(_console4, ['<Select>::onLeave'].concat(props));
+  }
+}, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "style", {}), _Story$args);
 Story.argTypes = {
   type: {
     options: ['text', 'password', 'number', 'email', 'date'],
@@ -35,18 +79,6 @@ Story.argTypes = {
       type: 'select'
     },
     defaultValue: 'text'
-  },
-  onChange: {
-    action: 'onChange'
-  },
-  onEnter: {
-    action: 'onEnter'
-  },
-  onError: {
-    action: 'onError'
-  },
-  onLeave: {
-    action: 'onLeave'
   }
 };
 //# sourceMappingURL=Input.stories.js.map

package/build/primitives/Input/Input.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.js","names":["title","Story","props","storyName","args","disabled","multiLine","name","placeholder","type","argTypes","options","control","defaultValue","onChange","action","onEnter","onError","onLeave"],"sources":["../../../src/primitives/Input/Input.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Input } from './Input';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => <Input {...props} />;\n\nStory.storyName = 'Input';\n\nStory.args = {\n  disabled: false,\n  multiLine: false,\n  name: 'Input',\n  placeholder: 'placeholder',\n  type: 'text',\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  type: {\n    options: ['text', 'password', 'number', 'email', 'date'],\n    control: { type: 'select' },\n    defaultValue: 'text',\n  },\n  onChange: { action: 'onChange' },\n  onEnter: { action: 'onEnter' },\n  onError: { action: 'onError' },\n  onLeave: { action: 'onLeave' },\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,oBAAK,oBAAC,YAAK,EAAKA,KAAK,CAAI;AAAA;AAAC;AAErDD,KAAK,CAACE,SAAS,GAAG,OAAO;AAEzBF,KAAK,CAACG,IAAI;EACRC,QAAQ,EAAE,KAAK;EACfC,SAAS,EAAE,KAAK;EAChBC,IAAI,EAAE,OAAO;EACbC,WAAW,EAAE,aAAa;EAC1BC,IAAI,EAAE;AAAM,GACX,aAAa,EAAG,YAAY,CAC9B;AAEDR,KAAK,CAACS,QAAQ,GAAG;EACfD,IAAI,EAAE;IACJE,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;IACxDC,OAAO,EAAE;MAAEH,IAAI,EAAE;IAAS,CAAC;IAC3BI,YAAY,EAAE;EAChB,CAAC;EACDC,QAAQ,EAAE;IAAEC,MAAM,EAAE;EAAW,CAAC;EAChCC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAU,CAAC;EAC9BE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAU,CAAC;EAC9BG,OAAO,EAAE;IAAEH,MAAM,EAAE;EAAU;AAC/B,CAAC"}
+{"version":3,"file":"Input.stories.js","names":["title","Story","props","useState","value","setValue","handleChange","next","others","console","log","storyName","args","disabled","multiLine","name","placeholder","type","onEnter","onError","onLeave","argTypes","options","control","defaultValue"],"sources":["../../../src/primitives/Input/Input.stories.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Input } from './Input';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => {\n  const [value, setValue] = useState();\n\n  const handleChange = (next, ...others) => {\n    setValue(next);\n    console.log('<Input>::onChange', next, ...others);\n  };\n\n  return <Input {...props} value={value} onChange={handleChange} />;\n};\n\nStory.storyName = 'Input';\n\nStory.args = {\n  disabled: false,\n  multiLine: false,\n  name: 'Input',\n  placeholder: 'placeholder',\n  type: 'text',\n  onEnter: (...props) => console.log('<Select>::onEnter', ...props),\n  onError: (...props) => console.log('<Select>::onError', ...props),\n  onLeave: (...props) => console.log('<Select>::onLeave', ...props),\n  // inherited properties\n  ['data-testid']: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  type: {\n    options: ['text', 'password', 'number', 'email', 'date'],\n    control: { type: 'select' },\n    defaultValue: 'text',\n  },\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEjB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK,EAAK;EAC9B,gBAA0B,IAAAC,eAAQ,GAAE;IAAA;IAA7BC,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,IAAI,EAAgB;IAAA;IACxCF,QAAQ,CAACE,IAAI,CAAC;IAAC,kCADcC,MAAM;MAANA,MAAM;IAAA;IAEnC,YAAAC,OAAO,EAACC,GAAG,kBAAC,mBAAmB,EAAEH,IAAI,SAAKC,MAAM,EAAC;EACnD,CAAC;EAED,oBAAO,6BAAC,YAAK,eAAKN,KAAK;IAAE,KAAK,EAAEE,KAAM;IAAC,QAAQ,EAAEE;EAAa,GAAG;AACnE,CAAC;AAAC;AAEFL,KAAK,CAACU,SAAS,GAAG,OAAO;AAEzBV,KAAK,CAACW,IAAI;EACRC,QAAQ,EAAE,KAAK;EACfC,SAAS,EAAE,KAAK;EAChBC,IAAI,EAAE,OAAO;EACbC,WAAW,EAAE,aAAa;EAC1BC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE;IAAA;IAAA,mCAAIhB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAO,OAAO,EAACC,GAAG,mBAAC,mBAAmB,SAAKR,KAAK,EAAC;EAAA;EACjEiB,OAAO,EAAE;IAAA;IAAA,mCAAIjB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAO,OAAO,EAACC,GAAG,mBAAC,mBAAmB,SAAKR,KAAK,EAAC;EAAA;EACjEkB,OAAO,EAAE;IAAA;IAAA,mCAAIlB,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,aAAAO,OAAO,EAACC,GAAG,mBAAC,mBAAmB,SAAKR,KAAK,EAAC;EAAA;AAAA,gCAEhE,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAEDD,KAAK,CAACoB,QAAQ,GAAG;EACfJ,IAAI,EAAE;IACJK,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC;IACxDC,OAAO,EAAE;MAAEN,IAAI,EAAE;IAAS,CAAC;IAC3BO,YAAY,EAAE;EAChB;AACF,CAAC"}