@mirai/ui 1.0.79 → 1.0.81-beta

package/build/primitives/Input/__tests__/__snapshots__/Input.test.js.snap

@@ -6,6 +6,7 @@ exports[`primitive:<Input> inherit:className 1`] = `
     class="input mirai"
     name="name"
     type="text"
+    value=""
   />
 </DocumentFragment>
 `;
@@ -17,6 +18,7 @@ exports[`primitive:<Input> prop:disabled 1`] = `
     disabled=""
     name="name"
     type="text"
+    value=""
   />
 </DocumentFragment>
 `;
@@ -37,6 +39,7 @@ exports[`primitive:<Input> prop:type 1`] = `
     class="input"
     name="name"
     type="password"
+    value=""
   />
 </DocumentFragment>
 `;
@@ -58,6 +61,7 @@ exports[`primitive:<Input> renders 1`] = `
     class="input"
     name="name"
     type="text"
+    value=""
   />
 </DocumentFragment>
 `;
@@ -69,6 +73,7 @@ exports[`primitive:<Input> testID 1`] = `
     data-testid="mirai"
     name="name"
     type="text"
+    value=""
   />
 </DocumentFragment>
 `;

package/build/primitives/Layer/Layer.js

@@ -12,7 +12,7 @@ var _hooks = require("../../hooks");
 var _helpers2 = require("./helpers");
 var _LayerModule = _interopRequireDefault(require("./Layer.module.css"));
 var _LayerContent = require("./LayerContent");
-var _excluded = ["bottom", "centered", "forceRender", "left", "right", "top", "visible"];
+var _excluded = ["bottom", "centered", "forceRender", "left", "right", "top", "visible", "onPosition"];
 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 }; }
@@ -38,6 +38,8 @@ var Layer = function Layer(_ref) {
     forceRight = _ref.right,
     forceTop = _ref.top,
     visible = _ref.visible,
+    _ref$onPosition = _ref.onPosition,
+    onPosition = _ref$onPosition === void 0 ? function () {} : _ref$onPosition,
     others = _objectWithoutProperties(_ref, _excluded);
   var device = (0, _hooks.useDevice)();
   var componentRef = (0, _react.useRef)();
@@ -64,11 +66,14 @@ var Layer = function Layer(_ref) {
       _getLayerPosition$lef = _getLayerPosition.left,
       left = _getLayerPosition$lef === void 0 ? 0 : _getLayerPosition$lef,
       _getLayerPosition$top = _getLayerPosition.top,
-      top = _getLayerPosition$top === void 0 ? 0 : _getLayerPosition$top;
+      top = _getLayerPosition$top === void 0 ? 0 : _getLayerPosition$top,
+      _getLayerPosition$ori = _getLayerPosition.orientation,
+      orientation = _getLayerPosition$ori === void 0 ? {} : _getLayerPosition$ori;
     setPosition({
       left: "".concat(left, "px"),
       top: "".concat(top, "px")
     });
+    onPosition(orientation);
   }, [centered, device, forceBottom, forceLeft, forceRight, forceTop, visible]);
   var children = _react.default.Children.map(others.children || [], function (child) {
     return child;
@@ -97,6 +102,7 @@ Layer.propTypes = {
   left: _propTypes.default.bool,
   right: _propTypes.default.bool,
   top: _propTypes.default.bool,
-  visible: _propTypes.default.bool
+  visible: _propTypes.default.bool,
+  onPosition: _propTypes.default.func
 };
 //# sourceMappingURL=Layer.js.map

package/build/primitives/Layer/Layer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layer.js","names":["Layer","forceBottom","bottom","centered","forceRender","forceLeft","left","forceRight","right","forceTop","top","visible","others","device","useDevice","componentRef","useRef","contentRef","useState","position","setPosition","useLayoutEffect","current","componentEl","firstChild","contentEl","componentLayout","getElementLayout","contentLayout","getLayerPosition","children","React","Children","map","child","find","name","type","LayerContent","styles","style","layer","hidden","className","propTypes","PropTypes","bool","node"],"sources":["../../../src/primitives/Layer/Layer.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { getElementLayout, getLayerPosition } from './helpers';\nimport style from './Layer.module.css';\nimport { LayerContent } from './LayerContent';\n\nconst Layer = ({\n  bottom: forceBottom,\n  centered,\n  forceRender = true,\n  left: forceLeft,\n  right: forceRight,\n  top: forceTop,\n  visible,\n  ...others\n}) => {\n  const device = useDevice();\n  const componentRef = useRef();\n  const contentRef = useRef();\n\n  const [position, setPosition] = useState();\n\n  useLayoutEffect(() => {\n    const { current: { firstChild: componentEl } = {} } = componentRef;\n    const { current: contentEl } = contentRef;\n\n    if (!componentEl || !contentEl) return setPosition();\n\n    const componentLayout = getElementLayout(componentEl);\n    const contentLayout = getElementLayout(contentEl);\n    const { left = 0, top = 0 } = getLayerPosition(componentLayout, contentLayout, device, {\n      centered,\n      forceBottom,\n      forceLeft,\n      forceRight,\n      forceTop,\n    });\n\n    setPosition({ left: `${left}px`, top: `${top}px` });\n  }, [centered, device, forceBottom, forceLeft, forceRight, forceTop, visible]);\n\n  const children = React.Children.map(others.children || [], (child) => child);\n\n  return (\n    <>\n      <span data-testid={others['data-testid']} ref={componentRef}>\n        {children.find(({ type: { name } }) => name !== LayerContent.name)}\n      </span>\n\n      {(forceRender || visible) && (\n        <div\n          ref={contentRef}\n          className={styles(style.layer, !visible && style.hidden, others.className)}\n          style={{ ...others.style, ...position }}\n        >\n          {children?.find(({ type: { name } }) => name === LayerContent.name)}\n        </div>\n      )}\n    </>\n  );\n};\n\nLayer.propTypes = {\n  bottom: PropTypes.bool,\n  centered: PropTypes.bool,\n  children: PropTypes.node,\n  forceRender: PropTypes.bool,\n  left: PropTypes.bool,\n  right: PropTypes.bool,\n  top: PropTypes.bool,\n  visible: PropTypes.bool,\n};\n\nexport { Layer };\n"],"mappings":"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"}
+{"version":3,"file":"Layer.js","names":["Layer","forceBottom","bottom","centered","forceRender","forceLeft","left","forceRight","right","forceTop","top","visible","onPosition","others","device","useDevice","componentRef","useRef","contentRef","useState","position","setPosition","useLayoutEffect","current","componentEl","firstChild","contentEl","componentLayout","getElementLayout","contentLayout","getLayerPosition","orientation","children","React","Children","map","child","find","name","type","LayerContent","styles","style","layer","hidden","className","propTypes","PropTypes","bool","node","func"],"sources":["../../../src/primitives/Layer/Layer.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { getElementLayout, getLayerPosition } from './helpers';\nimport style from './Layer.module.css';\nimport { LayerContent } from './LayerContent';\n\nconst Layer = ({\n  bottom: forceBottom,\n  centered,\n  forceRender = true,\n  left: forceLeft,\n  right: forceRight,\n  top: forceTop,\n  visible,\n  onPosition = () => {},\n  ...others\n}) => {\n  const device = useDevice();\n  const componentRef = useRef();\n  const contentRef = useRef();\n\n  const [position, setPosition] = useState();\n\n  useLayoutEffect(() => {\n    const { current: { firstChild: componentEl } = {} } = componentRef;\n    const { current: contentEl } = contentRef;\n\n    if (!componentEl || !contentEl) return setPosition();\n\n    const componentLayout = getElementLayout(componentEl);\n    const contentLayout = getElementLayout(contentEl);\n    const {\n      left = 0,\n      top = 0,\n      orientation = {},\n    } = getLayerPosition(componentLayout, contentLayout, device, {\n      centered,\n      forceBottom,\n      forceLeft,\n      forceRight,\n      forceTop,\n    });\n\n    setPosition({ left: `${left}px`, top: `${top}px` });\n    onPosition(orientation);\n  }, [centered, device, forceBottom, forceLeft, forceRight, forceTop, visible]);\n\n  const children = React.Children.map(others.children || [], (child) => child);\n\n  return (\n    <>\n      <span data-testid={others['data-testid']} ref={componentRef}>\n        {children.find(({ type: { name } }) => name !== LayerContent.name)}\n      </span>\n\n      {(forceRender || visible) && (\n        <div\n          ref={contentRef}\n          className={styles(style.layer, !visible && style.hidden, others.className)}\n          style={{ ...others.style, ...position }}\n        >\n          {children?.find(({ type: { name } }) => name === LayerContent.name)}\n        </div>\n      )}\n    </>\n  );\n};\n\nLayer.propTypes = {\n  bottom: PropTypes.bool,\n  centered: PropTypes.bool,\n  children: PropTypes.node,\n  forceRender: PropTypes.bool,\n  left: PropTypes.bool,\n  right: PropTypes.bool,\n  top: PropTypes.bool,\n  visible: PropTypes.bool,\n  onPosition: PropTypes.func,\n};\n\nexport { Layer };\n"],"mappings":"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"}

package/build/primitives/Layer/Layer.stories.js

@@ -5,11 +5,12 @@ 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 _Layer = require("./Layer");
 var _LayerContent = require("./LayerContent");
-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;
+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); }
@@ -19,19 +20,23 @@ var _default = {
 };
 exports.default = _default;
 var Story = function Story(props) {
-  return /*#__PURE__*/React.createElement(_Layer.Layer, _extends({
+  return /*#__PURE__*/_react.default.createElement(_Layer.Layer, _extends({}, props, {
     className: "children"
-  }, props), /*#__PURE__*/React.createElement("span", null, "dispatcher"), /*#__PURE__*/React.createElement(_LayerContent.LayerContent, null, /*#__PURE__*/React.createElement("span", null, "children")));
+  }), /*#__PURE__*/_react.default.createElement(_.Action, {
+    style: {
+      margin: '0 auto'
+    }
+  }, "Parent element"), /*#__PURE__*/_react.default.createElement(_LayerContent.LayerContent, null, /*#__PURE__*/_react.default.createElement("span", null, "Lorem ipsum, dolor sit amet consectetur adipisicing elit.")));
 };
 exports.Story = Story;
 Story.storyName = 'Layer';
-Story.args = _defineProperty({
+Story.args = (_Story$args = {
   bottom: false,
   centered: false,
   forceRender: true,
   left: false,
   right: false,
   top: false,
-  visible: false
-}, 'data-testid', 'test-story');
+  visible: true
+}, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "style", {}), _Story$args);
 //# sourceMappingURL=Layer.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Layer.stories.js","names":["title","Story","props","storyName","args","bottom","centered","forceRender","left","right","top","visible"],"sources":["../../../src/primitives/Layer/Layer.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Layer } from './Layer';\nimport { LayerContent } from './LayerContent';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => (\n  <Layer className=\"children\" {...props}>\n    <span>dispatcher</span>\n    <LayerContent>\n      <span>children</span>\n    </LayerContent>\n  </Layer>\n);\n\nStory.storyName = 'Layer';\n\nStory.args = {\n  bottom: false,\n  centered: false,\n  forceRender: true,\n  left: false,\n  right: false,\n  top: false,\n  visible: false,\n  ['data-testid']: 'test-story',\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAA8C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAE/B;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBACzB,oBAAC,YAAK;IAAC,SAAS,EAAC;EAAU,GAAKA,KAAK,gBACnC,+CAAuB,eACvB,oBAAC,0BAAY,qBACX,6CAAqB,CACR,CACT;AAAA,CACT;AAAC;AAEFD,KAAK,CAACE,SAAS,GAAG,OAAO;AAEzBF,KAAK,CAACG,IAAI;EACRC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,KAAK;EACfC,WAAW,EAAE,IAAI;EACjBC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,KAAK;EACZC,GAAG,EAAE,KAAK;EACVC,OAAO,EAAE;AAAK,GACb,aAAa,EAAG,YAAY,CAC9B"}
+{"version":3,"file":"Layer.stories.js","names":["title","Story","props","margin","storyName","args","bottom","centered","forceRender","left","right","top","visible"],"sources":["../../../src/primitives/Layer/Layer.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Action } from '../../';\nimport { Layer } from './Layer';\nimport { LayerContent } from './LayerContent';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => (\n  <Layer {...props} className=\"children\">\n    <Action style={{ margin: '0 auto' }}>Parent element</Action>\n\n    <LayerContent>\n      <span>Lorem ipsum, dolor sit amet consectetur adipisicing elit.</span>\n    </LayerContent>\n  </Layer>\n);\n\nStory.storyName = 'Layer';\n\nStory.args = {\n  bottom: false,\n  centered: false,\n  forceRender: true,\n  left: false,\n  right: false,\n  top: false,\n  visible: true,\n  // inherited properties\n  ['data-testid']: 'test-story',\n  style: {},\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AAA8C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAE/B;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBACzB,6BAAC,YAAK,eAAKA,KAAK;IAAE,SAAS,EAAC;EAAU,iBACpC,6BAAC,QAAM;IAAC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAS;EAAE,oBAAwB,eAE5D,6BAAC,0BAAY,qBACX,uGAAsE,CACzD,CACT;AAAA,CACT;AAAC;AAEFF,KAAK,CAACG,SAAS,GAAG,OAAO;AAEzBH,KAAK,CAACI,IAAI;EACRC,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,KAAK;EACfC,WAAW,EAAE,IAAI;EACjBC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,KAAK;EACZC,GAAG,EAAE,KAAK;EACVC,OAAO,EAAE;AAAI,gCAEZ,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV"}

package/build/primitives/Layer/helpers/getLayerPosition.js

@@ -4,6 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getLayerPosition = void 0;
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 getLayerPosition = function getLayerPosition() {
   var componentLayout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var contentLayout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -30,23 +36,55 @@ var getLayerPosition = function getLayerPosition() {
     height = _device$height === void 0 ? 0 : _device$height,
     _device$width = device.width,
     width = _device$width === void 0 ? 0 : _device$width;
+  var orientation = {
+    left: true
+  };
   var top = componentTop + componentHeight;
   var gapTop = componentTop;
   var gapBottom = height - top;
-  if (contentHeight > gapBottom && gapTop > gapBottom && !forceBottom || forceTop) top = componentTop - contentHeight;
+  if (contentHeight > gapBottom && gapTop > gapBottom && !forceBottom || forceTop) {
+    top = componentTop - contentHeight;
+    orientation = _objectSpread(_objectSpread({}, orientation), {}, {
+      top: true
+    });
+  }
   var left = componentLeft;
   var gapLeft = componentLeft + componentWidth;
   var gapRight = width - componentLeft;
-  if (contentWidth > gapRight && gapLeft > gapRight && !forceLeft || forceRight) left = componentLeft - contentWidth + componentWidth;
+  if (contentWidth > gapRight && gapLeft > gapRight && !forceLeft || forceRight) {
+    left = componentLeft - contentWidth + componentWidth;
+    orientation = _objectSpread(_objectSpread({}, orientation), {}, {
+      left: undefined,
+      right: true
+    });
+  }
   if (centered) {
     var gapCenter = (componentWidth + contentWidth) / 2;
     var space = (contentWidth - componentWidth) / 2;
-    if (gapLeft > gapRight) left = componentLeft - contentWidth + componentWidth;
-    if (gapLeft > gapCenter && gapRight > gapCenter) left += space * (gapLeft > gapRight ? 1 : -1);
+    orientation = _objectSpread(_objectSpread({}, orientation), {}, {
+      left: true,
+      right: undefined
+    });
+    if (gapLeft > gapRight) {
+      left = componentLeft - contentWidth + componentWidth;
+      orientation = _objectSpread(_objectSpread({}, orientation), {}, {
+        left: undefined,
+        right: true
+      });
+    }
+    if (gapLeft > gapCenter && gapRight > gapCenter) {
+      left += space * (gapLeft > gapRight ? 1 : -1);
+      orientation = _objectSpread(_objectSpread({}, orientation), {}, {
+        left: undefined,
+        right: undefined,
+        center: true
+      });
+    }
   }
   return {
     left: left,
-    top: top
+    top: top,
+    orientation: orientation
   };
 };
 exports.getLayerPosition = getLayerPosition;

package/build/primitives/Layer/helpers/getLayerPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"getLayerPosition.js","names":["getLayerPosition","componentLayout","contentLayout","device","centered","forceBottom","forceLeft","forceRight","forceTop","left","componentLeft","top","componentTop","width","componentWidth","height","componentHeight","contentWidth","contentHeight","gapTop","gapBottom","gapLeft","gapRight","gapCenter","space"],"sources":["../../../../src/primitives/Layer/helpers/getLayerPosition.js"],"sourcesContent":["export const getLayerPosition = (\n  componentLayout = {},\n  contentLayout = {},\n  device = {},\n  { centered, forceBottom, forceLeft, forceRight, forceTop } = {},\n) => {\n  const {\n    left: componentLeft = 0,\n    top: componentTop = 0,\n    width: componentWidth = 0,\n    height: componentHeight = 0,\n  } = componentLayout;\n  const { width: contentWidth = 0, height: contentHeight = 0 } = contentLayout;\n  const { height = 0, width = 0 } = device;\n\n  let top = componentTop + componentHeight;\n  const gapTop = componentTop;\n  const gapBottom = height - top;\n  if ((contentHeight > gapBottom && gapTop > gapBottom && !forceBottom) || forceTop) top = componentTop - contentHeight;\n\n  let left = componentLeft;\n  const gapLeft = componentLeft + componentWidth;\n  const gapRight = width - componentLeft;\n\n  if ((contentWidth > gapRight && gapLeft > gapRight && !forceLeft) || forceRight)\n    left = componentLeft - contentWidth + componentWidth;\n\n  if (centered) {\n    const gapCenter = (componentWidth + contentWidth) / 2;\n    const space = (contentWidth - componentWidth) / 2;\n    if (gapLeft > gapRight) left = componentLeft - contentWidth + componentWidth;\n    if (gapLeft > gapCenter && gapRight > gapCenter) left += space * (gapLeft > gapRight ? 1 : -1);\n  }\n\n  return { left, top };\n};\n"],"mappings":";;;;;;AAAO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,GAKxB;EAAA,IAJHC,eAAe,uEAAG,CAAC,CAAC;EAAA,IACpBC,aAAa,uEAAG,CAAC,CAAC;EAAA,IAClBC,MAAM,uEAAG,CAAC,CAAC;EAAA,+EACkD,CAAC,CAAC;IAA7DC,QAAQ,QAARA,QAAQ;IAAEC,WAAW,QAAXA,WAAW;IAAEC,SAAS,QAATA,SAAS;IAAEC,UAAU,QAAVA,UAAU;IAAEC,QAAQ,QAARA,QAAQ;EAExD,4BAKIP,eAAe,CAJjBQ,IAAI;IAAEC,aAAa,sCAAG,CAAC;IAAA,uBAIrBT,eAAe,CAHjBU,GAAG;IAAEC,YAAY,qCAAG,CAAC;IAAA,wBAGnBX,eAAe,CAFjBY,KAAK;IAAEC,cAAc,sCAAG,CAAC;IAAA,wBAEvBb,eAAe,CADjBc,MAAM;IAAEC,eAAe,sCAAG,CAAC;EAE7B,2BAA+Dd,aAAa,CAApEW,KAAK;IAAEI,YAAY,qCAAG,CAAC;IAAA,wBAAgCf,aAAa,CAA3Ca,MAAM;IAAEG,aAAa,sCAAG,CAAC;EAC1D,qBAAkCf,MAAM,CAAhCY,MAAM;IAANA,MAAM,+BAAG,CAAC;IAAA,gBAAgBZ,MAAM,CAApBU,KAAK;IAALA,KAAK,8BAAG,CAAC;EAE7B,IAAIF,GAAG,GAAGC,YAAY,GAAGI,eAAe;EACxC,IAAMG,MAAM,GAAGP,YAAY;EAC3B,IAAMQ,SAAS,GAAGL,MAAM,GAAGJ,GAAG;EAC9B,IAAKO,aAAa,GAAGE,SAAS,IAAID,MAAM,GAAGC,SAAS,IAAI,CAACf,WAAW,IAAKG,QAAQ,EAAEG,GAAG,GAAGC,YAAY,GAAGM,aAAa;EAErH,IAAIT,IAAI,GAAGC,aAAa;EACxB,IAAMW,OAAO,GAAGX,aAAa,GAAGI,cAAc;EAC9C,IAAMQ,QAAQ,GAAGT,KAAK,GAAGH,aAAa;EAEtC,IAAKO,YAAY,GAAGK,QAAQ,IAAID,OAAO,GAAGC,QAAQ,IAAI,CAAChB,SAAS,IAAKC,UAAU,EAC7EE,IAAI,GAAGC,aAAa,GAAGO,YAAY,GAAGH,cAAc;EAEtD,IAAIV,QAAQ,EAAE;IACZ,IAAMmB,SAAS,GAAG,CAACT,cAAc,GAAGG,YAAY,IAAI,CAAC;IACrD,IAAMO,KAAK,GAAG,CAACP,YAAY,GAAGH,cAAc,IAAI,CAAC;IACjD,IAAIO,OAAO,GAAGC,QAAQ,EAAEb,IAAI,GAAGC,aAAa,GAAGO,YAAY,GAAGH,cAAc;IAC5E,IAAIO,OAAO,GAAGE,SAAS,IAAID,QAAQ,GAAGC,SAAS,EAAEd,IAAI,IAAIe,KAAK,IAAIH,OAAO,GAAGC,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;EAChG;EAEA,OAAO;IAAEb,IAAI,EAAJA,IAAI;IAAEE,GAAG,EAAHA;EAAI,CAAC;AACtB,CAAC;AAAC"}
+{"version":3,"file":"getLayerPosition.js","names":["getLayerPosition","componentLayout","contentLayout","device","centered","forceBottom","forceLeft","forceRight","forceTop","left","componentLeft","top","componentTop","width","componentWidth","height","componentHeight","contentWidth","contentHeight","orientation","gapTop","gapBottom","gapLeft","gapRight","undefined","right","gapCenter","space","center"],"sources":["../../../../src/primitives/Layer/helpers/getLayerPosition.js"],"sourcesContent":["export const getLayerPosition = (\n  componentLayout = {},\n  contentLayout = {},\n  device = {},\n  { centered, forceBottom, forceLeft, forceRight, forceTop } = {},\n) => {\n  const {\n    left: componentLeft = 0,\n    top: componentTop = 0,\n    width: componentWidth = 0,\n    height: componentHeight = 0,\n  } = componentLayout;\n  const { width: contentWidth = 0, height: contentHeight = 0 } = contentLayout;\n  const { height = 0, width = 0 } = device;\n  let orientation = { left: true };\n\n  let top = componentTop + componentHeight;\n  const gapTop = componentTop;\n  const gapBottom = height - top;\n  if ((contentHeight > gapBottom && gapTop > gapBottom && !forceBottom) || forceTop) {\n    top = componentTop - contentHeight;\n    orientation = { ...orientation, top: true };\n  }\n\n  let left = componentLeft;\n  const gapLeft = componentLeft + componentWidth;\n  const gapRight = width - componentLeft;\n\n  if ((contentWidth > gapRight && gapLeft > gapRight && !forceLeft) || forceRight) {\n    left = componentLeft - contentWidth + componentWidth;\n    orientation = { ...orientation, left: undefined, right: true };\n  }\n\n  if (centered) {\n    const gapCenter = (componentWidth + contentWidth) / 2;\n    const space = (contentWidth - componentWidth) / 2;\n    orientation = { ...orientation, left: true, right: undefined };\n\n    if (gapLeft > gapRight) {\n      left = componentLeft - contentWidth + componentWidth;\n      orientation = { ...orientation, left: undefined, right: true };\n    }\n    if (gapLeft > gapCenter && gapRight > gapCenter) {\n      left += space * (gapLeft > gapRight ? 1 : -1);\n      orientation = { ...orientation, left: undefined, right: undefined, center: true };\n    }\n  }\n\n  return { left, top, orientation };\n};\n"],"mappings":"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"}

package/build/primitives/Pressable/Pressable.js

@@ -23,9 +23,9 @@ var Pressable = function Pressable(_ref) {
   var children = _ref.children,
     disabled = _ref.disabled,
     _ref$preventDefault = _ref.preventDefault,
-    preventDefault = _ref$preventDefault === void 0 ? false : _ref$preventDefault,
+    preventDefault = _ref$preventDefault === void 0 ? true : _ref$preventDefault,
     _ref$tag = _ref.tag,
-    tag = _ref$tag === void 0 ? 'button' : _ref$tag,
+    tag = _ref$tag === void 0 ? 'div' : _ref$tag,
     onEnter = _ref.onEnter,
     onLeave = _ref.onLeave,
     _ref$onPress = _ref.onPress,
@@ -33,7 +33,7 @@ var Pressable = function Pressable(_ref) {
     others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(tag, _objectSpread(_objectSpread({}, others), {}, {
     disabled: disabled,
-    className: (0, _helpers.styles)(_PressableModule.default.pressable, others.className)
+    className: (0, _helpers.styles)(_PressableModule.default.pressable, disabled && _PressableModule.default.disabled, others.className)
   }, !disabled ? {
     onClick: function onClick(event) {
       if (preventDefault) {

package/build/primitives/Pressable/Pressable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pressable.js","names":["Pressable","children","disabled","preventDefault","tag","onEnter","onLeave","onPress","others","React","createElement","className","styles","style","pressable","onClick","event","stopPropagation","onKeyPress","keyCode","KEY_ENTER","onMouseEnter","onMouseLeave","displayName","propTypes","PropTypes","oneOfType","string","node","bool","func"],"sources":["../../../src/primitives/Pressable/Pressable.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { KEY_ENTER } from './Pressable.constants';\nimport style from './Pressable.module.css';\n\nconst Pressable = ({\n  children,\n  disabled,\n  preventDefault = false,\n  tag = 'button',\n  onEnter,\n  onLeave,\n  onPress = () => {},\n  ...others\n}) =>\n  React.createElement(\n    tag,\n    {\n      ...others,\n      disabled,\n      className: styles(style.pressable, others.className),\n      ...(!disabled\n        ? {\n            onClick: (event) => {\n              if (preventDefault) {\n                event.preventDefault();\n                event.stopPropagation();\n              }\n              onPress(event);\n            },\n            onKeyPress: (event) => {\n              if (event.keyCode === KEY_ENTER) {\n                if (preventDefault) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                }\n                onPress(event);\n              }\n            },\n            onMouseEnter: onEnter,\n            onMouseLeave: onLeave,\n          }\n        : {}),\n    },\n    children,\n  );\n\nPressable.displayName = 'Primitive:Pressable';\n\nPressable.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  disabled: PropTypes.bool,\n  preventDefault: PropTypes.bool,\n  tag: PropTypes.string,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n  onPress: PropTypes.func,\n};\n\nexport { Pressable };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA2C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE3C,IAAMA,SAAS,GAAG,SAAZA,SAAS;EAAA,IACbC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IAAA,2BACRC,cAAc;IAAdA,cAAc,oCAAG,KAAK;IAAA,gBACtBC,GAAG;IAAHA,GAAG,yBAAG,QAAQ;IACdC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IAAA,oBACPC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;IACfC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBN,GAAG,kCAEEI,MAAM;IACTN,QAAQ,EAARA,QAAQ;IACRS,SAAS,EAAE,IAAAC,eAAM,EAACC,wBAAK,CAACC,SAAS,EAAEN,MAAM,CAACG,SAAS;EAAC,GAChD,CAACT,QAAQ,GACT;IACEa,OAAO,EAAE,iBAACC,KAAK,EAAK;MAClB,IAAIb,cAAc,EAAE;QAClBa,KAAK,CAACb,cAAc,EAAE;QACtBa,KAAK,CAACC,eAAe,EAAE;MACzB;MACAV,OAAO,CAACS,KAAK,CAAC;IAChB,CAAC;IACDE,UAAU,EAAE,oBAACF,KAAK,EAAK;MACrB,IAAIA,KAAK,CAACG,OAAO,KAAKC,oBAAS,EAAE;QAC/B,IAAIjB,cAAc,EAAE;UAClBa,KAAK,CAACb,cAAc,EAAE;UACtBa,KAAK,CAACC,eAAe,EAAE;QACzB;QACAV,OAAO,CAACS,KAAK,CAAC;MAChB;IACF,CAAC;IACDK,YAAY,EAAEhB,OAAO;IACrBiB,YAAY,EAAEhB;EAChB,CAAC,GACD,CAAC,CAAC,GAERL,QAAQ,CACT;AAAA;AAAC;AAEJD,SAAS,CAACuB,WAAW,GAAG,qBAAqB;AAE7CvB,SAAS,CAACwB,SAAS,GAAG;EACpBvB,QAAQ,EAAEwB,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACG,IAAI,CAAC,CAAC;EACjE1B,QAAQ,EAAEuB,kBAAS,CAACI,IAAI;EACxB1B,cAAc,EAAEsB,kBAAS,CAACI,IAAI;EAC9BzB,GAAG,EAAEqB,kBAAS,CAACE,MAAM;EACrBtB,OAAO,EAAEoB,kBAAS,CAACK,IAAI;EACvBxB,OAAO,EAAEmB,kBAAS,CAACK,IAAI;EACvBvB,OAAO,EAAEkB,kBAAS,CAACK;AACrB,CAAC"}
+{"version":3,"file":"Pressable.js","names":["Pressable","children","disabled","preventDefault","tag","onEnter","onLeave","onPress","others","React","createElement","className","styles","style","pressable","onClick","event","stopPropagation","onKeyPress","keyCode","KEY_ENTER","onMouseEnter","onMouseLeave","displayName","propTypes","PropTypes","oneOfType","string","node","bool","func"],"sources":["../../../src/primitives/Pressable/Pressable.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { KEY_ENTER } from './Pressable.constants';\nimport style from './Pressable.module.css';\n\nconst Pressable = ({\n  children,\n  disabled,\n  preventDefault = true,\n  tag = 'div',\n  onEnter,\n  onLeave,\n  onPress = () => {},\n  ...others\n}) =>\n  React.createElement(\n    tag,\n    {\n      ...others,\n      disabled,\n      className: styles(style.pressable, disabled && style.disabled, others.className),\n      ...(!disabled\n        ? {\n            onClick: (event) => {\n              if (preventDefault) {\n                event.preventDefault();\n                event.stopPropagation();\n              }\n              onPress(event);\n            },\n            onKeyPress: (event) => {\n              if (event.keyCode === KEY_ENTER) {\n                if (preventDefault) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                }\n                onPress(event);\n              }\n            },\n            onMouseEnter: onEnter,\n            onMouseLeave: onLeave,\n          }\n        : {}),\n    },\n    children,\n  );\n\nPressable.displayName = 'Primitive:Pressable';\n\nPressable.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  disabled: PropTypes.bool,\n  preventDefault: PropTypes.bool,\n  tag: PropTypes.string,\n  onEnter: PropTypes.func,\n  onLeave: PropTypes.func,\n  onPress: PropTypes.func,\n};\n\nexport { Pressable };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA2C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE3C,IAAMA,SAAS,GAAG,SAAZA,SAAS;EAAA,IACbC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IAAA,2BACRC,cAAc;IAAdA,cAAc,oCAAG,IAAI;IAAA,gBACrBC,GAAG;IAAHA,GAAG,yBAAG,KAAK;IACXC,OAAO,QAAPA,OAAO;IACPC,OAAO,QAAPA,OAAO;IAAA,oBACPC,OAAO;IAAPA,OAAO,6BAAG,YAAM,CAAC,CAAC;IACfC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBN,GAAG,kCAEEI,MAAM;IACTN,QAAQ,EAARA,QAAQ;IACRS,SAAS,EAAE,IAAAC,eAAM,EAACC,wBAAK,CAACC,SAAS,EAAEZ,QAAQ,IAAIW,wBAAK,CAACX,QAAQ,EAAEM,MAAM,CAACG,SAAS;EAAC,GAC5E,CAACT,QAAQ,GACT;IACEa,OAAO,EAAE,iBAACC,KAAK,EAAK;MAClB,IAAIb,cAAc,EAAE;QAClBa,KAAK,CAACb,cAAc,EAAE;QACtBa,KAAK,CAACC,eAAe,EAAE;MACzB;MACAV,OAAO,CAACS,KAAK,CAAC;IAChB,CAAC;IACDE,UAAU,EAAE,oBAACF,KAAK,EAAK;MACrB,IAAIA,KAAK,CAACG,OAAO,KAAKC,oBAAS,EAAE;QAC/B,IAAIjB,cAAc,EAAE;UAClBa,KAAK,CAACb,cAAc,EAAE;UACtBa,KAAK,CAACC,eAAe,EAAE;QACzB;QACAV,OAAO,CAACS,KAAK,CAAC;MAChB;IACF,CAAC;IACDK,YAAY,EAAEhB,OAAO;IACrBiB,YAAY,EAAEhB;EAChB,CAAC,GACD,CAAC,CAAC,GAERL,QAAQ,CACT;AAAA;AAAC;AAEJD,SAAS,CAACuB,WAAW,GAAG,qBAAqB;AAE7CvB,SAAS,CAACwB,SAAS,GAAG;EACpBvB,QAAQ,EAAEwB,kBAAS,CAACC,SAAS,CAAC,CAACD,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACG,IAAI,CAAC,CAAC;EACjE1B,QAAQ,EAAEuB,kBAAS,CAACI,IAAI;EACxB1B,cAAc,EAAEsB,kBAAS,CAACI,IAAI;EAC9BzB,GAAG,EAAEqB,kBAAS,CAACE,MAAM;EACrBtB,OAAO,EAAEoB,kBAAS,CAACK,IAAI;EACvBxB,OAAO,EAAEmB,kBAAS,CAACK,IAAI;EACvBvB,OAAO,EAAEkB,kBAAS,CAACK;AACrB,CAAC"}

package/build/primitives/Pressable/Pressable.module.css

@@ -13,6 +13,7 @@
   -webkit-tap-highlight-color: transparent;
 }
 
+.pressable.disabled,
 .pressable:disabled {
   cursor: unset;
   outline: none;

package/build/primitives/Pressable/Pressable.stories.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Story = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _Pressable = require("./Pressable");
-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;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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); }
@@ -17,17 +17,17 @@ var _default = {
 };
 exports.default = _default;
 var Story = function Story(props) {
-  return /*#__PURE__*/React.createElement(_Pressable.Pressable, props, /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/_react.default.createElement(_Pressable.Pressable, props, /*#__PURE__*/_react.default.createElement("span", {
     className: "children"
   }, "children"));
 };
 exports.Story = Story;
 Story.storyName = 'Pressable';
-Story.args = _defineProperty({
+Story.args = (_Story$args = {
   disabled: false,
-  preventDefault: false,
+  preventDefault: true,
   tag: 'button'
-}, 'data-testid', 'test-story');
+}, _defineProperty(_Story$args, 'data-testid', 'test-story'), _defineProperty(_Story$args, "style", {}), _Story$args);
 Story.argTypes = {
   onEnter: {
     action: 'onEnter'

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

@@ -1 +1 @@
-{"version":3,"file":"Pressable.stories.js","names":["title","Story","props","storyName","args","disabled","preventDefault","tag","argTypes","onEnter","action","onLeave","onPress"],"sources":["../../../src/primitives/Pressable/Pressable.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Pressable } from './Pressable';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => (\n  <Pressable {...props}>\n    <span className=\"children\">children</span>\n  </Pressable>\n);\n\nStory.storyName = 'Pressable';\n\nStory.args = {\n  disabled: false,\n  preventDefault: false,\n  tag: 'button',\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  onEnter: { action: 'onEnter' },\n  onLeave: { action: 'onLeave' },\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEzB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBACzB,oBAAC,oBAAS,EAAKA,KAAK,eAClB;IAAM,SAAS,EAAC;EAAU,cAAgB,CAChC;AAAA,CACb;AAAC;AAEFD,KAAK,CAACE,SAAS,GAAG,WAAW;AAE7BF,KAAK,CAACG,IAAI;EACRC,QAAQ,EAAE,KAAK;EACfC,cAAc,EAAE,KAAK;EACrBC,GAAG,EAAE;AAAQ,GACZ,aAAa,EAAG,YAAY,CAC9B;AAEDN,KAAK,CAACO,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU,CAAC;EAC9BC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAU,CAAC;EAC9BE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAU;AAC/B,CAAC"}
+{"version":3,"file":"Pressable.stories.js","names":["title","Story","props","storyName","args","disabled","preventDefault","tag","argTypes","onEnter","action","onLeave","onPress"],"sources":["../../../src/primitives/Pressable/Pressable.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Pressable } from './Pressable';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => (\n  <Pressable {...props}>\n    <span className=\"children\">children</span>\n  </Pressable>\n);\n\nStory.storyName = 'Pressable';\n\nStory.args = {\n  disabled: false,\n  preventDefault: true,\n  tag: 'button',\n  // inherited properties\n  ['data-testid']: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {\n  onEnter: { action: 'onEnter' },\n  onLeave: { action: 'onLeave' },\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAEzB;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAE/B,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,oBACzB,6BAAC,oBAAS,EAAKA,KAAK,eAClB;IAAM,SAAS,EAAC;EAAU,cAAgB,CAChC;AAAA,CACb;AAAC;AAEFD,KAAK,CAACE,SAAS,GAAG,WAAW;AAE7BF,KAAK,CAACG,IAAI;EACRC,QAAQ,EAAE,KAAK;EACfC,cAAc,EAAE,IAAI;EACpBC,GAAG,EAAE;AAAQ,gCAEZ,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAEDN,KAAK,CAACO,QAAQ,GAAG;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAU,CAAC;EAC9BC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAU,CAAC;EAC9BE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAU;AAC/B,CAAC"}

package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap

@@ -2,22 +2,22 @@
 
 exports[`primitive:<Pressable> inherit:className 1`] = `
 <DocumentFragment>
-  <button
+  <div
     class="pressable mirai"
   >
     children
-  </button>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Pressable> prop:disabled 1`] = `
 <DocumentFragment>
-  <button
-    class="pressable"
+  <div
+    class="pressable disabled"
     disabled=""
   >
     children
-  </button>
+  </div>
 </DocumentFragment>
 `;
 
@@ -33,21 +33,21 @@ exports[`primitive:<Pressable> prop:tag 1`] = `
 
 exports[`primitive:<Pressable> renders 1`] = `
 <DocumentFragment>
-  <button
+  <div
     class="pressable"
   >
     children
-  </button>
+  </div>
 </DocumentFragment>
 `;
 
 exports[`primitive:<Pressable> testID 1`] = `
 <DocumentFragment>
-  <button
+  <div
     class="pressable"
     data-testid="mirai"
   >
     children
-  </button>
+  </div>
 </DocumentFragment>
 `;

package/build/primitives/Radio/Radio.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 Radio = function Radio(_ref) {
-  var checked = _ref.checked,
+  var _ref$checked = _ref.checked,
+    checked = _ref$checked === void 0 ? false : _ref$checked,
     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) {
-    onChange && onChange(value, event);
+    if (disabled) return;
+    onChange(value, event);
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers.styles)(_RadioModule.default.radio, others.className),
@@ -33,7 +36,7 @@ var Radio = function Radio(_ref) {
     name: name,
     type: "radio",
     value: value,
-    onChange: !disabled ? handleChange : undefined
+    onChange: handleChange
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: _RadioModule.default.checkmark
   }));

package/build/primitives/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["Radio","checked","disabled","name","value","onChange","others","handleChange","event","styles","style","radio","className","undefined","checkmark","displayName","propTypes","PropTypes","bool","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Radio/Radio.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Radio.module.css';\n\nconst Radio = ({ checked, disabled, name, value = '', onChange, ...others }) => {\n  const handleChange = (event) => {\n    onChange && onChange(value, event);\n  };\n\n  return (\n    <div className={styles(style.radio, others.className)} style={others.style}>\n      <input\n        checked={checked}\n        data-testid={others['data-testid']}\n        disabled={disabled}\n        name={name}\n        type=\"radio\"\n        value={value}\n        onChange={!disabled ? handleChange : undefined}\n      />\n      <span className={style.checkmark} />\n    </div>\n  );\n};\n\nRadio.displayName = 'Primitive:Radio';\n\nRadio.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { Radio };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAAuC;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,OAAqE;EAAA,IAA/DC,OAAO,QAAPA,OAAO;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,MAAM;EACvE,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9BH,QAAQ,IAAIA,QAAQ,CAACD,KAAK,EAAEI,KAAK,CAAC;EACpC,CAAC;EAED,oBACE;IAAK,SAAS,EAAE,IAAAC,eAAM,EAACC,oBAAK,CAACC,KAAK,EAAEL,MAAM,CAACM,SAAS,CAAE;IAAC,KAAK,EAAEN,MAAM,CAACI;EAAM,gBACzE;IACE,OAAO,EAAET,OAAQ;IACjB,eAAaK,MAAM,CAAC,aAAa,CAAE;IACnC,QAAQ,EAAEJ,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,IAAI,EAAC,OAAO;IACZ,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAE,CAACF,QAAQ,GAAGK,YAAY,GAAGM;EAAU,EAC/C,eACF;IAAM,SAAS,EAAEH,oBAAK,CAACI;EAAU,EAAG,CAChC;AAEV,CAAC;AAAC;AAEFd,KAAK,CAACe,WAAW,GAAG,iBAAiB;AAErCf,KAAK,CAACgB,SAAS,GAAG;EAChBf,OAAO,EAAEgB,kBAAS,CAACC,IAAI;EACvBhB,QAAQ,EAAEe,kBAAS,CAACC,IAAI;EACxBf,IAAI,EAAEc,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjChB,KAAK,EAAEa,kBAAS,CAACI,SAAS,CAAC,CAACJ,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9Db,QAAQ,EAAEY,kBAAS,CAACK;AACtB,CAAC"}
+{"version":3,"file":"Radio.js","names":["Radio","checked","disabled","name","value","onChange","others","handleChange","event","styles","style","radio","className","checkmark","displayName","propTypes","PropTypes","bool","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Radio/Radio.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Radio.module.css';\n\nconst Radio = ({ checked = false, disabled, name, value = '', onChange = () => {}, ...others }) => {\n  const handleChange = (event) => {\n    if (disabled) return;\n\n    onChange(value, event);\n  };\n\n  return (\n    <div className={styles(style.radio, others.className)} style={others.style}>\n      <input\n        checked={checked}\n        data-testid={others['data-testid']}\n        disabled={disabled}\n        name={name}\n        type=\"radio\"\n        value={value}\n        onChange={handleChange}\n      />\n      <span className={style.checkmark} />\n    </div>\n  );\n};\n\nRadio.displayName = 'Primitive:Radio';\n\nRadio.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onChange: PropTypes.func,\n};\n\nexport { Radio };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAAuC;AAAA;AAAA;AAAA;AAEvC,IAAMA,KAAK,GAAG,SAARA,KAAK,OAAwF;EAAA,wBAAlFC,OAAO;IAAPA,OAAO,6BAAG,KAAK;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;EAC1F,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIN,QAAQ,EAAE;IAEdG,QAAQ,CAACD,KAAK,EAAEI,KAAK,CAAC;EACxB,CAAC;EAED,oBACE;IAAK,SAAS,EAAE,IAAAC,eAAM,EAACC,oBAAK,CAACC,KAAK,EAAEL,MAAM,CAACM,SAAS,CAAE;IAAC,KAAK,EAAEN,MAAM,CAACI;EAAM,gBACzE;IACE,OAAO,EAAET,OAAQ;IACjB,eAAaK,MAAM,CAAC,aAAa,CAAE;IACnC,QAAQ,EAAEJ,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,IAAI,EAAC,OAAO;IACZ,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEG;EAAa,EACvB,eACF;IAAM,SAAS,EAAEG,oBAAK,CAACG;EAAU,EAAG,CAChC;AAEV,CAAC;AAAC;AAEFb,KAAK,CAACc,WAAW,GAAG,iBAAiB;AAErCd,KAAK,CAACe,SAAS,GAAG;EAChBd,OAAO,EAAEe,kBAAS,CAACC,IAAI;EACvBf,QAAQ,EAAEc,kBAAS,CAACC,IAAI;EACxBd,IAAI,EAAEa,kBAAS,CAACE,MAAM,CAACC,UAAU;EACjCf,KAAK,EAAEY,kBAAS,CAACI,SAAS,CAAC,CAACJ,kBAAS,CAACE,MAAM,EAAEF,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9DZ,QAAQ,EAAEW,kBAAS,CAACK;AACtB,CAAC"}

package/build/primitives/Radio/Radio.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 _Radio = require("./Radio");
+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(_Radio.Radio, props);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    checked = _useState2[0],
+    setChecked = _useState2[1];
+  var handleChange = function handleChange(next) {
+    var _console;
+    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, ['<Radio>::onChange', next].concat(others));
+    setChecked(!checked);
+  };
+  return /*#__PURE__*/_react.default.createElement(_Radio.Radio, _extends({}, props, {
+    checked: checked,
+    onChange: handleChange
+  }));
 };
 exports.Story = Story;
 Story.storyName = 'Radio';
-Story.args = _defineProperty({
-  checked: false,
+Story.args = (_Story$args = {
   children: 'children',
   disabled: false,
   name: 'Radio',
   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=Radio.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.stories.js","names":["title","Story","props","storyName","args","checked","children","disabled","name","value","argTypes","onChange","action"],"sources":["../../../src/primitives/Radio/Radio.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Radio } from './Radio';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => <Radio {...props} />;\n\nStory.storyName = 'Radio';\n\nStory.args = {\n  checked: false,\n  children: 'children',\n  disabled: false,\n  name: 'Radio',\n  value: 'value',\n  ['data-testid']: 'test-story',\n};\n\nStory.argTypes = {\n  onChange: { action: 'onChange' },\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,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,OAAO;EACbC,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":"Radio.stories.js","names":["title","Story","props","useState","checked","setChecked","handleChange","next","others","console","log","storyName","args","children","disabled","name","value","argTypes"],"sources":["../../../src/primitives/Radio/Radio.stories.jsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Radio } from './Radio';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => {\n  const [checked, setChecked] = useState(false);\n\n  const handleChange = (next, ...others) => {\n    console.log('<Radio>::onChange', next, ...others);\n    setChecked(!checked);\n  };\n\n  return <Radio {...props} checked={checked} onChange={handleChange} />;\n};\n\nStory.storyName = 'Radio';\n\nStory.args = {\n  children: 'children',\n  disabled: false,\n  name: 'Radio',\n  value: 'value',\n  // inherited properties\n  ['data-testid']: 'test-story',\n  style: {},\n};\n\nStory.argTypes = {};\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,gBAA8B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAAtCC,OAAO;IAAEC,UAAU;EAE1B,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,IAAI,EAAgB;IAAA;IAAA,kCAAXC,MAAM;MAANA,MAAM;IAAA;IACnC,YAAAC,OAAO,EAACC,GAAG,kBAAC,mBAAmB,EAAEH,IAAI,SAAKC,MAAM,EAAC;IACjDH,UAAU,CAAC,CAACD,OAAO,CAAC;EACtB,CAAC;EAED,oBAAO,6BAAC,YAAK,eAAKF,KAAK;IAAE,OAAO,EAAEE,OAAQ;IAAC,QAAQ,EAAEE;EAAa,GAAG;AACvE,CAAC;AAAC;AAEFL,KAAK,CAACU,SAAS,GAAG,OAAO;AAEzBV,KAAK,CAACW,IAAI;EACRC,QAAQ,EAAE,UAAU;EACpBC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;AAAO,gCAEb,aAAa,EAAG,YAAY,yCACtB,CAAC,CAAC,eACV;AAEDf,KAAK,CAACgB,QAAQ,GAAG,CAAC,CAAC"}

package/build/primitives/ScrollView/ScrollView.js

@@ -74,10 +74,10 @@ var ScrollView = function ScrollView(_ref) {
   return /*#__PURE__*/_react.default.createElement(tag, _objectSpread(_objectSpread({}, others), {}, {
     ref: ref,
     className: (0, _helpers.styles)(_ScrollViewModule.default.scrollview, snap && _ScrollViewModule.default.snap, horizontal && _ScrollViewModule.default.horizontal, scrollIndicator && _ScrollViewModule.default.indicator, others.className),
-    style: {
+    style: _objectSpread(_objectSpread({}, others.style), {}, {
       height: height,
       width: width
-    },
+    }),
     onScroll: onScroll ? handleScroll : undefined
   }), children);
 };

package/build/primitives/ScrollView/ScrollView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollView.js","names":["ScrollView","behavior","children","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","snap","tag","width","onScroll","others","ref","useRef","timeout","useEffect","current","handleScroll","target","clientHeight","clientWidth","scrollHeight","scrollWidth","scrollTop","scrollLeft","x","parseInt","y","offsetX","offsetY","clearTimeout","setTimeout","percentX","percentY","React","createElement","className","styles","style","scrollview","indicator","undefined","displayName","propTypes","PropTypes","string","node","isRequired","number","bool","func"],"sources":["../../../src/primitives/ScrollView/ScrollView.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './ScrollView.module.css';\n\nconst ScrollView = ({\n  behavior = 'smooth',\n  children,\n  height,\n  horizontal,\n  scrollEventThrottle = 16, // * 60fps\n  scrollIndicator,\n  scrollTo,\n  snap = true,\n  tag = 'div',\n  width,\n  onScroll,\n  ...others\n}) => {\n  const ref = useRef();\n\n  let timeout = null;\n\n  useEffect(() => {\n    const { current = {} } = ref || {};\n    if (!current.scrollTo || !scrollTo) return;\n\n    current.scrollTo({ [horizontal ? 'left' : 'top']: scrollTo, behavior });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scrollTo]);\n\n  const handleScroll = ({\n    target: { clientHeight, clientWidth, scrollHeight, scrollWidth, scrollTop, scrollLeft } = {},\n  }) => {\n    const x = parseInt(scrollLeft, 10);\n    const y = parseInt(scrollTop, 10);\n    const offsetX = scrollWidth - clientWidth;\n    const offsetY = scrollHeight - clientHeight;\n\n    clearTimeout(timeout);\n    timeout = setTimeout(() => {\n      onScroll({\n        x,\n        y,\n        percentX: offsetX ? parseInt((x * 100) / offsetX, 10) : 0,\n        percentY: offsetY ? parseInt((y * 100) / offsetY, 10) : 0,\n      });\n    }, scrollEventThrottle);\n  };\n\n  return React.createElement(\n    tag,\n    {\n      ...others,\n      ref,\n      className: styles(\n        style.scrollview,\n        snap && style.snap,\n        horizontal && style.horizontal,\n        scrollIndicator && style.indicator,\n        others.className,\n      ),\n      style: { height, width },\n      onScroll: onScroll ? handleScroll : undefined,\n    },\n    children,\n  );\n};\n\nScrollView.displayName = 'Primitive:ScrollView';\n\nScrollView.propTypes = {\n  behavior: PropTypes.string,\n  children: PropTypes.node.isRequired,\n  height: PropTypes.number,\n  horizontal: PropTypes.bool,\n  scrollEventThrottle: PropTypes.number,\n  scrollIndicator: PropTypes.bool,\n  scrollTo: PropTypes.number,\n  snap: PropTypes.bool,\n  tag: PropTypes.string,\n  width: PropTypes.number,\n  onScroll: PropTypes.func,\n};\n\nexport { ScrollView };\n"],"mappings":"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"}
+{"version":3,"file":"ScrollView.js","names":["ScrollView","behavior","children","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","snap","tag","width","onScroll","others","ref","useRef","timeout","useEffect","current","handleScroll","target","clientHeight","clientWidth","scrollHeight","scrollWidth","scrollTop","scrollLeft","x","parseInt","y","offsetX","offsetY","clearTimeout","setTimeout","percentX","percentY","React","createElement","className","styles","style","scrollview","indicator","undefined","displayName","propTypes","PropTypes","string","node","isRequired","number","bool","func"],"sources":["../../../src/primitives/ScrollView/ScrollView.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './ScrollView.module.css';\n\nconst ScrollView = ({\n  behavior = 'smooth',\n  children,\n  height,\n  horizontal,\n  scrollEventThrottle = 16, // * 60fps\n  scrollIndicator,\n  scrollTo,\n  snap = true,\n  tag = 'div',\n  width,\n  onScroll,\n  ...others\n}) => {\n  const ref = useRef();\n\n  let timeout = null;\n\n  useEffect(() => {\n    const { current = {} } = ref || {};\n    if (!current.scrollTo || !scrollTo) return;\n\n    current.scrollTo({ [horizontal ? 'left' : 'top']: scrollTo, behavior });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scrollTo]);\n\n  const handleScroll = ({\n    target: { clientHeight, clientWidth, scrollHeight, scrollWidth, scrollTop, scrollLeft } = {},\n  }) => {\n    const x = parseInt(scrollLeft, 10);\n    const y = parseInt(scrollTop, 10);\n    const offsetX = scrollWidth - clientWidth;\n    const offsetY = scrollHeight - clientHeight;\n\n    clearTimeout(timeout);\n    timeout = setTimeout(() => {\n      onScroll({\n        x,\n        y,\n        percentX: offsetX ? parseInt((x * 100) / offsetX, 10) : 0,\n        percentY: offsetY ? parseInt((y * 100) / offsetY, 10) : 0,\n      });\n    }, scrollEventThrottle);\n  };\n\n  return React.createElement(\n    tag,\n    {\n      ...others,\n      ref,\n      className: styles(\n        style.scrollview,\n        snap && style.snap,\n        horizontal && style.horizontal,\n        scrollIndicator && style.indicator,\n        others.className,\n      ),\n      style: { ...others.style, height, width },\n      onScroll: onScroll ? handleScroll : undefined,\n    },\n    children,\n  );\n};\n\nScrollView.displayName = 'Primitive:ScrollView';\n\nScrollView.propTypes = {\n  behavior: PropTypes.string,\n  children: PropTypes.node.isRequired,\n  height: PropTypes.number,\n  horizontal: PropTypes.bool,\n  scrollEventThrottle: PropTypes.number,\n  scrollIndicator: PropTypes.bool,\n  scrollTo: PropTypes.number,\n  snap: PropTypes.bool,\n  tag: PropTypes.string,\n  width: PropTypes.number,\n  onScroll: PropTypes.func,\n};\n\nexport { ScrollView };\n"],"mappings":"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"}