@mirai/ui 1.0.12 → 1.0.13

package/build/primitives/Input/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Input = require("./Input");
+
+Object.keys(_Input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Input[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

package/build/primitives/Layer/Layer.js

@@ -0,0 +1,115 @@
+"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.Layer = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _hooks = require("../../hooks");
+
+var _helpers2 = require("./helpers");
+
+var _LayerModule = _interopRequireDefault(require("./Layer.module.css"));
+
+var _LayerContent = require("./LayerContent");
+
+var _excluded = ["centered", "visible"];
+
+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 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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); }
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["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 Layer = function Layer(_ref) {
+  var centered = _ref.centered,
+      visible = _ref.visible,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var device = (0, _hooks.useDevice)();
+  var componentRef = (0, _react.useRef)();
+  var contentRef = (0, _react.useRef)();
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      position = _useState2[0],
+      setPosition = _useState2[1];
+
+  (0, _react.useLayoutEffect)(function () {
+    var _componentRef$current = componentRef.current;
+    _componentRef$current = _componentRef$current === void 0 ? {} : _componentRef$current;
+    var componentEl = _componentRef$current.firstChild;
+    var contentEl = contentRef.current;
+    if (!componentEl || !contentEl) return setPosition();
+    var componentLayout = (0, _helpers2.getElementLayout)(componentEl);
+    var contentLayout = (0, _helpers2.getElementLayout)(contentEl);
+
+    var _getLayerPosition = (0, _helpers2.getLayerPosition)(componentLayout, contentLayout, device, centered),
+        _getLayerPosition$lef = _getLayerPosition.left,
+        left = _getLayerPosition$lef === void 0 ? 0 : _getLayerPosition$lef,
+        _getLayerPosition$top = _getLayerPosition.top,
+        top = _getLayerPosition$top === void 0 ? 0 : _getLayerPosition$top;
+
+    setPosition({
+      left: "".concat(left, "px"),
+      top: "".concat(top, "px")
+    });
+  }, [centered, device, visible]);
+
+  var children = _react.default.Children.map(others.children || [], function (child) {
+    return child;
+  });
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+    "data-testid": others['data-testid'],
+    ref: componentRef
+  }, children.find(function (_ref2) {
+    var name = _ref2.type.name;
+    return name !== _LayerContent.LayerContent.name;
+  })), visible && /*#__PURE__*/_react.default.createElement("span", {
+    ref: contentRef,
+    className: (0, _helpers.styles)(_LayerModule.default.layer, others.className),
+    style: _objectSpread(_objectSpread({}, others.style), position)
+  }, children.find(function (_ref3) {
+    var name = _ref3.type.name;
+    return name === _LayerContent.LayerContent.name;
+  })));
+};
+
+exports.Layer = Layer;
+Layer.propTypes = {
+  children: _propTypes.default.node,
+  centered: _propTypes.default.bool,
+  visible: _propTypes.default.bool
+};
+//# sourceMappingURL=Layer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Layer.js","names":["Layer","centered","visible","others","device","componentRef","contentRef","position","setPosition","current","componentEl","firstChild","contentEl","componentLayout","contentLayout","left","top","children","React","Children","map","child","find","name","type","LayerContent","style","layer","className","propTypes","PropTypes","node","bool"],"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 = ({ centered, visible, ...others }) => {\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, centered);\n\n    setPosition({ left: `${left}px`, top: `${top}px` });\n  }, [centered, device, 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      {visible && (\n        <span\n          ref={contentRef}\n          className={styles(style.layer, others.className)}\n          style={{ ...others.style, ...position }}\n        >\n          {children.find(({ type: { name } }) => name === LayerContent.name)}\n        </span>\n      )}\n    </>\n  );\n};\n\nLayer.propTypes = {\n  children: PropTypes.node,\n  centered: PropTypes.bool,\n  visible: PropTypes.bool,\n};\n\nexport { Layer };\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAAsC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;;EAClD,IAAMC,MAAM,GAAG,uBAAf;EACA,IAAMC,YAAY,GAAG,oBAArB;EACA,IAAMC,UAAU,GAAG,oBAAnB;;EAEA,gBAAgC,sBAAhC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EAEA,4BAAgB,YAAM;IACpB,4BAAsDH,YAAtD,CAAQI,OAAR;IAAA,2DAA+C,EAA/C;IAAA,IAA+BC,WAA/B,yBAAmBC,UAAnB;IACA,IAAiBC,SAAjB,GAA+BN,UAA/B,CAAQG,OAAR;IAEA,IAAI,CAACC,WAAD,IAAgB,CAACE,SAArB,EAAgC,OAAOJ,WAAW,EAAlB;IAEhC,IAAMK,eAAe,GAAG,gCAAiBH,WAAjB,CAAxB;IACA,IAAMI,aAAa,GAAG,gCAAiBF,SAAjB,CAAtB;;IACA,wBAA8B,gCAAiBC,eAAjB,EAAkCC,aAAlC,EAAiDV,MAAjD,EAAyDH,QAAzD,CAA9B;IAAA,8CAAQc,IAAR;IAAA,IAAQA,IAAR,sCAAe,CAAf;IAAA,8CAAkBC,GAAlB;IAAA,IAAkBA,GAAlB,sCAAwB,CAAxB;;IAEAR,WAAW,CAAC;MAAEO,IAAI,YAAKA,IAAL,OAAN;MAAqBC,GAAG,YAAKA,GAAL;IAAxB,CAAD,CAAX;EACD,CAXD,EAWG,CAACf,QAAD,EAAWG,MAAX,EAAmBF,OAAnB,CAXH;;EAaA,IAAMe,QAAQ,GAAGC,eAAMC,QAAN,CAAeC,GAAf,CAAmBjB,MAAM,CAACc,QAAP,IAAmB,EAAtC,EAA0C,UAACI,KAAD;IAAA,OAAWA,KAAX;EAAA,CAA1C,CAAjB;;EAEA,oBACE,yEACE;IAAM,eAAalB,MAAM,CAAC,aAAD,CAAzB;IAA0C,GAAG,EAAEE;EAA/C,GACGY,QAAQ,CAACK,IAAT,CAAc;IAAA,IAAWC,IAAX,SAAGC,IAAH,CAAWD,IAAX;IAAA,OAAwBA,IAAI,KAAKE,2BAAaF,IAA9C;EAAA,CAAd,CADH,CADF,EAKGrB,OAAO,iBACN;IACE,GAAG,EAAEI,UADP;IAEE,SAAS,EAAE,qBAAOoB,qBAAMC,KAAb,EAAoBxB,MAAM,CAACyB,SAA3B,CAFb;IAGE,KAAK,kCAAOzB,MAAM,CAACuB,KAAd,GAAwBnB,QAAxB;EAHP,GAKGU,QAAQ,CAACK,IAAT,CAAc;IAAA,IAAWC,IAAX,SAAGC,IAAH,CAAWD,IAAX;IAAA,OAAwBA,IAAI,KAAKE,2BAAaF,IAA9C;EAAA,CAAd,CALH,CANJ,CADF;AAiBD,CAvCD;;;AAyCAvB,KAAK,CAAC6B,SAAN,GAAkB;EAChBZ,QAAQ,EAAEa,mBAAUC,IADJ;EAEhB9B,QAAQ,EAAE6B,mBAAUE,IAFJ;EAGhB9B,OAAO,EAAE4B,mBAAUE;AAHH,CAAlB"}

package/build/primitives/Layer/Layer.module.css

@@ -0,0 +1,10 @@
+:root {
+  --mirai-ui-layer-content: var(--mirai-ui-layer-XL);
+}
+
+.layer {
+  position: fixed;
+  transition: left var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing),
+    top var(--mirai-ui-motion-expand) var(--mirai-ui-motion-easing);
+  z-index: var(--mirai-ui-layer-content);
+}

package/build/primitives/Layer/LayerContent.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LayerContent = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var LayerContent = function LayerContent(_ref) {
+  var children = _ref.children;
+  return children;
+};
+
+exports.LayerContent = LayerContent;
+LayerContent.displayName = 'Primitive:Layer:Content';
+LayerContent.propTypes = {
+  children: _propTypes.default.node
+};
+//# sourceMappingURL=LayerContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayerContent.js","names":["LayerContent","children","displayName","propTypes","PropTypes","node"],"sources":["../../../src/primitives/Layer/LayerContent.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst LayerContent = ({ children }) => children;\n\nLayerContent.displayName = 'Primitive:Layer:Content';\n\nLayerContent.propTypes = {\n  children: PropTypes.node,\n};\n\nexport { LayerContent };\n"],"mappings":";;;;;;;AAAA;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,OAAkBA,QAAlB;AAAA,CAArB;;;AAEAD,YAAY,CAACE,WAAb,GAA2B,yBAA3B;AAEAF,YAAY,CAACG,SAAb,GAAyB;EACvBF,QAAQ,EAAEG,mBAAUC;AADG,CAAzB"}

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

@@ -0,0 +1,89 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`primitive:<Layer> inherit:className 1`] = `
+<DocumentFragment>
+  <span />
+</DocumentFragment>
+`;
+
+exports[`primitive:<Layer> renders 1`] = `
+<DocumentFragment>
+  <span />
+</DocumentFragment>
+`;
+
+exports[`primitive:<Layer> testID 1`] = `
+<DocumentFragment>
+  <span
+    data-testid="mirai"
+  />
+</DocumentFragment>
+`;
+
+exports[`primitive:<Layer> w/ centered && visible 1`] = `
+<DocumentFragment>
+  <span>
+    <button
+      class="pressable button"
+    >
+      Action
+    </button>
+  </span>
+  <span
+    class="layer"
+    style="left: 0px; top: 0px;"
+  >
+    <span
+      class="text paragraph"
+    >
+      Mirai
+    </span>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Layer> w/ component & <LayerContent> 1`] = `
+<DocumentFragment>
+  <span>
+    <button
+      class="pressable button"
+    >
+      Action
+    </button>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Layer> w/ component 1`] = `
+<DocumentFragment>
+  <span>
+    <button
+      class="pressable button"
+    >
+      Action
+    </button>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Layer> w/ visible 1`] = `
+<DocumentFragment>
+  <span>
+    <button
+      class="pressable button"
+    >
+      Action
+    </button>
+  </span>
+  <span
+    class="layer"
+    style="left: 0px; top: 0px;"
+  >
+    <span
+      class="text paragraph"
+    >
+      Mirai
+    </span>
+  </span>
+</DocumentFragment>
+`;

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getElementLayout = void 0;
+
+var getElementLayout = function getElementLayout() {
+  var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var left = element.offsetLeft,
+      top = element.offsetTop,
+      height = element.offsetHeight,
+      width = element.offsetWidth;
+  return {
+    left: left,
+    top: top,
+    height: height,
+    width: width
+  };
+};
+
+exports.getElementLayout = getElementLayout;
+//# sourceMappingURL=getElementLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getElementLayout.js","names":["getElementLayout","element","left","offsetLeft","top","offsetTop","height","offsetHeight","width","offsetWidth"],"sources":["../../../../src/primitives/Layer/helpers/getElementLayout.js"],"sourcesContent":["export const getElementLayout = (element = {}) => {\n  const { offsetLeft: left, offsetTop: top, offsetHeight: height, offsetWidth: width } = element;\n\n  return { left, top, height, width };\n};\n"],"mappings":";;;;;;;AAAO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAkB;EAAA,IAAjBC,OAAiB,uEAAP,EAAO;EAChD,IAAoBC,IAApB,GAAuFD,OAAvF,CAAQE,UAAR;EAAA,IAAqCC,GAArC,GAAuFH,OAAvF,CAA0BI,SAA1B;EAAA,IAAwDC,MAAxD,GAAuFL,OAAvF,CAA0CM,YAA1C;EAAA,IAA6EC,KAA7E,GAAuFP,OAAvF,CAAgEQ,WAAhE;EAEA,OAAO;IAAEP,IAAI,EAAJA,IAAF;IAAQE,GAAG,EAAHA,GAAR;IAAaE,MAAM,EAANA,MAAb;IAAqBE,KAAK,EAALA;EAArB,CAAP;AACD,CAJM"}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLayerPosition = void 0;
+
+var getLayerPosition = function getLayerPosition() {
+  var componentLayout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var contentLayout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var device = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var centered = arguments.length > 3 ? arguments[3] : undefined;
+  var _componentLayout$left = componentLayout.left,
+      componentLeft = _componentLayout$left === void 0 ? 0 : _componentLayout$left,
+      _componentLayout$top = componentLayout.top,
+      componentTop = _componentLayout$top === void 0 ? 0 : _componentLayout$top,
+      _componentLayout$widt = componentLayout.width,
+      componentWidth = _componentLayout$widt === void 0 ? 0 : _componentLayout$widt,
+      _componentLayout$heig = componentLayout.height,
+      componentHeight = _componentLayout$heig === void 0 ? 0 : _componentLayout$heig;
+  var _contentLayout$width = contentLayout.width,
+      contentWidth = _contentLayout$width === void 0 ? 0 : _contentLayout$width,
+      _contentLayout$height = contentLayout.height,
+      contentHeight = _contentLayout$height === void 0 ? 0 : _contentLayout$height;
+  var _device$height = device.height,
+      height = _device$height === void 0 ? 0 : _device$height,
+      _device$width = device.width,
+      width = _device$width === void 0 ? 0 : _device$width;
+  var top = componentTop + componentHeight;
+  var gapTop = componentTop;
+  var gapBottom = height - top;
+  if (gapTop > gapBottom) top = componentTop - contentHeight;
+  var left = componentLeft;
+  var gapLeft = componentLeft + componentWidth;
+  var gapRight = width - componentLeft;
+  if (gapLeft > gapRight) left = componentLeft - contentWidth + componentWidth;
+  if (centered) left += (contentWidth - componentWidth) / 2 * (gapLeft >= gapRight ? 1 : -1);
+  return {
+    left: left,
+    top: top
+  };
+};
+
+exports.getLayerPosition = getLayerPosition;
+//# sourceMappingURL=getLayerPosition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getLayerPosition.js","names":["getLayerPosition","componentLayout","contentLayout","device","centered","left","componentLeft","top","componentTop","width","componentWidth","height","componentHeight","contentWidth","contentHeight","gapTop","gapBottom","gapLeft","gapRight"],"sources":["../../../../src/primitives/Layer/helpers/getLayerPosition.js"],"sourcesContent":["export const getLayerPosition = (componentLayout = {}, contentLayout = {}, device = {}, centered) => {\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 (gapTop > gapBottom) top = componentTop - contentHeight;\n\n  let left = componentLeft;\n  const gapLeft = componentLeft + componentWidth;\n  const gapRight = width - componentLeft;\n  if (gapLeft > gapRight) left = componentLeft - contentWidth + componentWidth;\n\n  if (centered) left += ((contentWidth - componentWidth) / 2) * (gapLeft >= gapRight ? 1 : -1);\n\n  return { left, top };\n};\n"],"mappings":";;;;;;;AAAO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAqE;EAAA,IAApEC,eAAoE,uEAAlD,EAAkD;EAAA,IAA9CC,aAA8C,uEAA9B,EAA8B;EAAA,IAA1BC,MAA0B,uEAAjB,EAAiB;EAAA,IAAbC,QAAa;EACnG,4BAKIH,eALJ,CACEI,IADF;EAAA,IACQC,aADR,sCACwB,CADxB;EAAA,2BAKIL,eALJ,CAEEM,GAFF;EAAA,IAEOC,YAFP,qCAEsB,CAFtB;EAAA,4BAKIP,eALJ,CAGEQ,KAHF;EAAA,IAGSC,cAHT,sCAG0B,CAH1B;EAAA,4BAKIT,eALJ,CAIEU,MAJF;EAAA,IAIUC,eAJV,sCAI4B,CAJ5B;EAMA,2BAA+DV,aAA/D,CAAQO,KAAR;EAAA,IAAeI,YAAf,qCAA8B,CAA9B;EAAA,4BAA+DX,aAA/D,CAAiCS,MAAjC;EAAA,IAAyCG,aAAzC,sCAAyD,CAAzD;EACA,qBAAkCX,MAAlC,CAAQQ,MAAR;EAAA,IAAQA,MAAR,+BAAiB,CAAjB;EAAA,oBAAkCR,MAAlC,CAAoBM,KAApB;EAAA,IAAoBA,KAApB,8BAA4B,CAA5B;EAEA,IAAIF,GAAG,GAAGC,YAAY,GAAGI,eAAzB;EACA,IAAMG,MAAM,GAAGP,YAAf;EACA,IAAMQ,SAAS,GAAGL,MAAM,GAAGJ,GAA3B;EACA,IAAIQ,MAAM,GAAGC,SAAb,EAAwBT,GAAG,GAAGC,YAAY,GAAGM,aAArB;EAExB,IAAIT,IAAI,GAAGC,aAAX;EACA,IAAMW,OAAO,GAAGX,aAAa,GAAGI,cAAhC;EACA,IAAMQ,QAAQ,GAAGT,KAAK,GAAGH,aAAzB;EACA,IAAIW,OAAO,GAAGC,QAAd,EAAwBb,IAAI,GAAGC,aAAa,GAAGO,YAAhB,GAA+BH,cAAtC;EAExB,IAAIN,QAAJ,EAAcC,IAAI,IAAK,CAACQ,YAAY,GAAGH,cAAhB,IAAkC,CAAnC,IAAyCO,OAAO,IAAIC,QAAX,GAAsB,CAAtB,GAA0B,CAAC,CAApE,CAAR;EAEd,OAAO;IAAEb,IAAI,EAAJA,IAAF;IAAQE,GAAG,EAAHA;EAAR,CAAP;AACD,CAvBM"}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _getElementLayout = require("./getElementLayout");
+
+Object.keys(_getElementLayout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getElementLayout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _getElementLayout[key];
+    }
+  });
+});
+
+var _getLayerPosition = require("./getLayerPosition");
+
+Object.keys(_getLayerPosition).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _getLayerPosition[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _getLayerPosition[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/primitives/Layer/helpers/index.js"],"sourcesContent":["export * from './getElementLayout';\nexport * from './getLayerPosition';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/primitives/Layer/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Layer = require("./Layer");
+
+Object.keys(_Layer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Layer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Layer[key];
+    }
+  });
+});
+
+var _LayerContent = require("./LayerContent");
+
+Object.keys(_LayerContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LayerContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _LayerContent[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

package/build/primitives/Pressable/Pressable.constants.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KEY_ENTER = void 0;
+var KEY_ENTER = 13;
+exports.KEY_ENTER = KEY_ENTER;
+//# sourceMappingURL=Pressable.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pressable.constants.js","names":["KEY_ENTER"],"sources":["../../../src/primitives/Pressable/Pressable.constants.js"],"sourcesContent":["const KEY_ENTER = 13;\n\nexport { KEY_ENTER };\n"],"mappings":";;;;;;AAAA,IAAMA,SAAS,GAAG,EAAlB"}

package/build/primitives/Pressable/Pressable.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pressable = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _helpers = require("../../helpers");
+
+var _Pressable = require("./Pressable.constants");
+
+var _PressableModule = _interopRequireDefault(require("./Pressable.module.css"));
+
+var _excluded = ["children", "disabled", "tag", "onEnter", "onLeave", "onPress"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 Pressable = function Pressable(_ref) {
+  var children = _ref.children,
+      disabled = _ref.disabled,
+      _ref$tag = _ref.tag,
+      tag = _ref$tag === void 0 ? 'button' : _ref$tag,
+      onEnter = _ref.onEnter,
+      onLeave = _ref.onLeave,
+      _ref$onPress = _ref.onPress,
+      onPress = _ref$onPress === void 0 ? function () {} : _ref$onPress,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(tag, _objectSpread(_objectSpread({}, others), {}, {
+    disabled: disabled,
+    className: (0, _helpers.styles)(_PressableModule.default.pressable, others.className)
+  }, !disabled ? {
+    onClick: onPress,
+    onKeyPress: function onKeyPress(_ref2) {
+      var keyCode = _ref2.keyCode;
+      return keyCode === _Pressable.KEY_ENTER ? onPress() : undefined;
+    },
+    onMouseEnter: onEnter,
+    onMouseLeave: onLeave
+  } : {}), children);
+};
+
+exports.Pressable = Pressable;
+Pressable.displayName = 'Primitive:Pressable';
+Pressable.propTypes = {
+  children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
+  disabled: _propTypes.default.bool,
+  tag: _propTypes.default.string,
+  onEnter: _propTypes.default.func,
+  onLeave: _propTypes.default.func,
+  onPress: _propTypes.default.func
+};
+//# sourceMappingURL=Pressable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pressable.js","names":["Pressable","children","disabled","tag","onEnter","onLeave","onPress","others","React","createElement","className","style","pressable","onClick","onKeyPress","keyCode","KEY_ENTER","undefined","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 = ({ children, disabled, tag = 'button', onEnter, onLeave, onPress = () => {}, ...others }) =>\n  React.createElement(\n    tag,\n    {\n      ...others,\n      disabled,\n      className: styles(style.pressable, others.className),\n      ...(!disabled\n        ? {\n            onClick: onPress,\n            onKeyPress: ({ keyCode }) => (keyCode === KEY_ENTER ? onPress() : undefined),\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  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;;;;;;;;;;;;;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,IAAaC,QAAb,QAAaA,QAAb;EAAA,oBAAuBC,GAAvB;EAAA,IAAuBA,GAAvB,yBAA6B,QAA7B;EAAA,IAAuCC,OAAvC,QAAuCA,OAAvC;EAAA,IAAgDC,OAAhD,QAAgDA,OAAhD;EAAA,wBAAyDC,OAAzD;EAAA,IAAyDA,OAAzD,6BAAmE,YAAM,CAAE,CAA3E;EAAA,IAAgFC,MAAhF;;EAAA,oBAChBC,eAAMC,aAAN,CACEN,GADF,kCAGOI,MAHP;IAIIL,QAAQ,EAARA,QAJJ;IAKIQ,SAAS,EAAE,qBAAOC,yBAAMC,SAAb,EAAwBL,MAAM,CAACG,SAA/B;EALf,GAMQ,CAACR,QAAD,GACA;IACEW,OAAO,EAAEP,OADX;IAEEQ,UAAU,EAAE;MAAA,IAAGC,OAAH,SAAGA,OAAH;MAAA,OAAkBA,OAAO,KAAKC,oBAAZ,GAAwBV,OAAO,EAA/B,GAAoCW,SAAtD;IAAA,CAFd;IAGEC,YAAY,EAAEd,OAHhB;IAIEe,YAAY,EAAEd;EAJhB,CADA,GAOA,EAbR,GAeEJ,QAfF,CADgB;AAAA,CAAlB;;;AAmBAD,SAAS,CAACoB,WAAV,GAAwB,qBAAxB;AAEApB,SAAS,CAACqB,SAAV,GAAsB;EACpBpB,QAAQ,EAAEqB,mBAAUC,SAAV,CAAoB,CAACD,mBAAUE,MAAX,EAAmBF,mBAAUG,IAA7B,CAApB,CADU;EAEpBvB,QAAQ,EAAEoB,mBAAUI,IAFA;EAGpBvB,GAAG,EAAEmB,mBAAUE,MAHK;EAIpBpB,OAAO,EAAEkB,mBAAUK,IAJC;EAKpBtB,OAAO,EAAEiB,mBAAUK,IALC;EAMpBrB,OAAO,EAAEgB,mBAAUK;AANC,CAAtB"}

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

@@ -0,0 +1,18 @@
+.pressable {
+  appearance: none;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+  display: inline-block;
+  height: fit-content;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  user-select: none;
+  width: fit-content;
+}
+
+.pressable:disabled {
+  cursor: unset;
+  outline: none;
+}

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

@@ -0,0 +1,53 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`primitive:<Pressable> inherit:className 1`] = `
+<DocumentFragment>
+  <button
+    class="pressable mirai"
+  >
+    children
+  </button>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Pressable> prop:disabled 1`] = `
+<DocumentFragment>
+  <button
+    class="pressable"
+    disabled=""
+  >
+    children
+  </button>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Pressable> prop:tag 1`] = `
+<DocumentFragment>
+  <a
+    class="pressable"
+  >
+    children
+  </a>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Pressable> renders 1`] = `
+<DocumentFragment>
+  <button
+    class="pressable"
+  >
+    children
+  </button>
+</DocumentFragment>
+`;
+
+exports[`primitive:<Pressable> testID 1`] = `
+<DocumentFragment>
+  <button
+    class="pressable"
+    data-testid="mirai"
+  >
+    children
+  </button>
+</DocumentFragment>
+`;

package/build/primitives/Pressable/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Pressable = require("./Pressable");
+
+Object.keys(_Pressable).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Pressable[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Pressable[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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