@mjhls/mjh-framework 1.0.444 → 1.0.446

package/dist/cjs/Ustream-46288bdf.js

@@ -1,119 +0,0 @@
-'use strict';
-
-var React = require('react');
-var slicedToArray = require('./slicedToArray-419d467a.js');
-var index_esm = require('./index.esm-340d3792.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-// THIS FILE IS AUTO GENERATED
-var FaLongArrowAltRight = function (props) {
-  return index_esm.GenIcon({"tag":"svg","attr":{"viewBox":"0 0 448 512"},"child":[{"tag":"path","attr":{"d":"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"}}]})(props);
-};
-FaLongArrowAltRight.displayName = "FaLongArrowAltRight";
-var FaRegWindowClose = function (props) {
-  return index_esm.GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 394c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h404c3.3 0 6 2.7 6 6v340zM356.5 194.6L295.1 256l61.4 61.4c4.6 4.6 4.6 12.1 0 16.8l-22.3 22.3c-4.6 4.6-12.1 4.6-16.8 0L256 295.1l-61.4 61.4c-4.6 4.6-12.1 4.6-16.8 0l-22.3-22.3c-4.6-4.6-4.6-12.1 0-16.8l61.4-61.4-61.4-61.4c-4.6-4.6-4.6-12.1 0-16.8l22.3-22.3c4.6-4.6 12.1-4.6 16.8 0l61.4 61.4 61.4-61.4c4.6-4.6 12.1-4.6 16.8 0l22.3 22.3c4.7 4.6 4.7 12.1 0 16.8z"}}]})(props);
-};
-FaRegWindowClose.displayName = "FaRegWindowClose";
-
-var Ustream = function Ustream(_ref) {
-  var _ref$width = _ref.width,
-      width = _ref$width === undefined ? '300px' : _ref$width,
-      _ref$height = _ref.height,
-      height = _ref$height === undefined ? '168px' : _ref$height,
-      _ref$close = _ref.close,
-      close = _ref$close === undefined ? false : _ref$close,
-      _ref$right = _ref.right,
-      right = _ref$right === undefined ? false : _ref$right,
-      _ref$src = _ref.src,
-      src = _ref$src === undefined ? 'https://video.ibm.com/embed/23627444?volume=0&autoplay=true' : _ref$src;
-
-  var _useState = React.useState(width),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      currentWidth = _useState2[0],
-      setWidth = _useState2[1];
-
-  var _useState3 = React.useState(height),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      currentHeight = _useState4[0],
-      setHeight = _useState4[1];
-
-  var ustreamContainer = React.useRef(null);
-
-  React.useEffect(function () {
-    try {
-      var container = document.getElementById('ustream-container');
-      var ustream = document.getElementById('ustream-iframe');
-      ustream.setAttribute('src', src);
-
-      if (close) {
-        var closeBtn = document.querySelector('.ustream-close');
-        closeBtn.addEventListener('click', function () {
-          container.remove();
-        });
-      } else {
-        document.querySelector('.ustream-minimize').addEventListener('click', function (e) {
-          container.style.position = 'static';
-          container.style.padding = '0 1rem';
-          container.classList.add('closed');
-          setWidth('100%');
-          // aspect ratio
-          var newHeight = 9 / 16 * ustreamContainer.current.clientWidth;
-          setHeight(newHeight);
-          document.querySelector('.ustream-minimize').remove();
-          var closeBtn = document.querySelector('.ustream-close');
-          closeBtn.style.display = 'block';
-          closeBtn.addEventListener('click', function () {
-            container.remove();
-          });
-        });
-      }
-    } catch (err) {}
-  }, []);
-
-  return React__default['default'].createElement(
-    'div',
-    { id: 'ustream-container', ref: ustreamContainer, style: { width: '' + currentWidth, marginBottom: '1rem' } },
-    React__default['default'].createElement(
-      'div',
-      { style: { position: 'relative' } },
-      close ? React__default['default'].createElement(
-        'div',
-        { className: 'ustream-close' },
-        React__default['default'].createElement(FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
-      ) : React__default['default'].createElement(
-        React__default['default'].Fragment,
-        null,
-        React__default['default'].createElement(
-          'div',
-          { className: 'ustream-minimize' },
-          React__default['default'].createElement(index_esm.IoIosOpen, { style: right ? { color: '#fff', fontSize: '1.3rem', transform: 'rotateZ(-90deg)' } : { color: '#fff', fontSize: '1.3rem' } })
-        ),
-        React__default['default'].createElement(
-          'div',
-          { className: 'ustream-close' },
-          React__default['default'].createElement(FaRegWindowClose, { style: { color: '#fff', fontSize: '1rem' } })
-        )
-      ),
-      React__default['default'].createElement('iframe', {
-        id: 'ustream-iframe',
-        webkitallowfullscreen: 'true',
-        allowFullScreen: true,
-        frameBorder: 'no',
-        style: { maxWidth: '100%', height: currentHeight, width: currentWidth }
-      })
-    ),
-    React__default['default'].createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        #ustream-container {\n          position: fixed;\n          bottom: 0;\n          ' + (right ? 'right: 1rem;' : 'left: 1.5rem;') + '\n          z-index: 999;\n          max-width: 100%;\n        }\n        .ustream-minimize,\n        .ustream-close {\n          position: absolute;\n          color: white;\n          right: 0.5rem;\n          top: 0.25rem;\n          cursor: pointer;\n          font-weight: bold;\n        }\n        .ustream-close {\n          ' + (close ? 'display: block; right: .75rem; top: .5rem; ' : 'display: none; right: .5rem; top: .75rem;') + '\n        }\n        @media screen and (max-width: 768px) {\n          #ustream-container:not(.closed) {\n            width: 231px !important;\n            height: 130px !important;\n          }\n          #ustream-container:not(.closed) iframe {\n            height: 130px !important;\n          }\n        }\n      '
-    )
-  );
-};
-
-var Ustream$1 = React__default['default'].memo(Ustream);
-
-exports.FaLongArrowAltRight = FaLongArrowAltRight;
-exports.Ustream = Ustream$1;

package/dist/cjs/index.esm-340d3792.js

@@ -1,110 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-var DefaultContext = {
-  color: undefined,
-  size: undefined,
-  className: undefined,
-  style: undefined,
-  attr: undefined
-};
-var IconContext = React.createContext && React.createContext(DefaultContext);
-
-var __assign = undefined && undefined.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-
-    return t;
-  };
-
-  return __assign.apply(this, arguments);
-};
-
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0) t[p[i]] = s[p[i]];
-  return t;
-};
-
-function Tree2Element(tree) {
-  return tree && tree.map(function (node, i) {
-    return React.createElement(node.tag, __assign({
-      key: i
-    }, node.attr), Tree2Element(node.child));
-  });
-}
-
-function GenIcon(data) {
-  return function (props) {
-    return React.createElement(IconBase, __assign({
-      attr: __assign({}, data.attr)
-    }, props), Tree2Element(data.child));
-  };
-}
-function IconBase(props) {
-  var elem = function (conf) {
-    var computedSize = props.size || conf.size || "1em";
-    var className;
-    if (conf.className) className = conf.className;
-    if (props.className) className = (className ? className + ' ' : '') + props.className;
-
-    var attr = props.attr,
-        title = props.title,
-        svgProps = __rest(props, ["attr", "title"]);
-
-    return React.createElement("svg", __assign({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, conf.attr, attr, svgProps, {
-      className: className,
-      style: __assign({
-        color: props.color || conf.color
-      }, conf.style, props.style),
-      height: computedSize,
-      width: computedSize,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), title && React.createElement("title", null, title), props.children);
-  };
-
-  return IconContext !== undefined ? React.createElement(IconContext.Consumer, null, function (conf) {
-    return elem(conf);
-  }) : elem(DefaultContext);
-}
-
-// THIS FILE IS AUTO GENERATED
-var IoIosArrowForward = function (props) {
-  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z"}}]})(props);
-};
-IoIosArrowForward.displayName = "IoIosArrowForward";
-var IoIosHome = function (props) {
-  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M258.5 104.1c-1.5-1.2-3.5-1.2-5 0l-156 124.8c-.9.8-1.5 1.9-1.5 3.1v230c0 1.1.9 2 2 2h108c1.1 0 2-.9 2-2V322c0-1.1.9-2 2-2h92c1.1 0 2 .9 2 2v140c0 1.1.9 2 2 2h108c1.1 0 2-.9 2-2V232c0-1.2-.6-2.4-1.5-3.1l-156-124.8z"}},{"tag":"path","attr":{"d":"M458.7 204.2l-189-151.4C265.9 49.7 261 48 256 48s-9.9 1.7-13.7 4.8L160 119.7V77.5c0-1.1-.9-2-2-2H98c-1.1 0-2 .9-2 2v92.2l-42.7 35.1c-3.1 2.5-5.1 6.2-5.3 10.2-.2 4 1.3 7.9 4.1 10.7 2.6 2.6 6.1 4.1 9.9 4.1 3.2 0 6.3-1.1 8.8-3.1l183.9-148c.5-.4.9-.4 1.3-.4s.8.1 1.3.4l183.9 147.4c2.5 2 5.6 3.1 8.8 3.1 3.7 0 7.2-1.4 9.9-4.1 2.9-2.8 4.4-6.7 4.2-10.7-.3-4-2.2-7.7-5.4-10.2z"}}]})(props);
-};
-IoIosHome.displayName = "IoIosHome";
-var IoIosOpen = function (props) {
-  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M227.8 300.2c-5.1-5.1-5.1-13.3 0-18.4l133.7-133.7c-5.3-2.6-11.2-4.1-17.5-4.1H88c-22 0-40 18-40 40v224c0 22 18 40 40 40h256c22 0 40-18 40-40V184c0-6.3-1.5-12.2-4.1-17.5L246.2 300.2c-5.1 5.1-13.3 5.1-18.4 0z"}},{"tag":"path","attr":{"d":"M459.5 68.5C457 66 453 64 449 64h-97c-7.2-.1-13.1 5.7-13.1 12.9-.1 7.2 5.7 13.1 12.9 13.1l67.3.5-57.6 57.6c8 3.9 14.5 10.4 18.4 18.4l57.6-57.6.5 67.3c.1 7.2 5.9 13 13.1 12.9 7.2-.1 13-5.9 12.9-13.1V78c0-3.5-2-7-4.5-9.5z"}}]})(props);
-};
-IoIosOpen.displayName = "IoIosOpen";
-var IoMdArrowDropdown = function (props) {
-  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M128 192l128 128 128-128z"}}]})(props);
-};
-IoMdArrowDropdown.displayName = "IoMdArrowDropdown";
-var IoMdLogIn = function (props) {
-  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M256 48c-42.9 0-84.2 13-119.2 37.5-34.2 24-60.2 57.2-75.1 96.1L58 192h45.7l1.9-5c8.2-17.8 19.4-33.9 33.5-48 31.2-31.2 72.7-48.4 116.9-48.4s85.7 17.2 116.9 48.4c31.2 31.2 48.4 72.7 48.4 116.9 0 44.1-17.2 85.7-48.4 116.9-31.2 31.2-72.7 48.4-116.9 48.4-44.1 0-85.6-17.2-116.9-48.4-14-14-25.3-30.1-33.5-47.9l-1.9-5H58l3.6 10.4c14.9 38.9 40.9 72.1 75.1 96.1C171.8 451.1 213 464 256 464c114.7 0 208-93.3 208-208S370.7 48 256 48z"}},{"tag":"path","attr":{"d":"M48 277.4h189.7l-43.6 44.7L224 352l96-96-96-96-31 29.9 44.7 44.7H48v42.8z"}}]})(props);
-};
-IoMdLogIn.displayName = "IoMdLogIn";
-
-exports.GenIcon = GenIcon;
-exports.IoIosArrowForward = IoIosArrowForward;
-exports.IoIosHome = IoIosHome;
-exports.IoIosOpen = IoIosOpen;
-exports.IoMdArrowDropdown = IoMdArrowDropdown;
-exports.IoMdLogIn = IoMdLogIn;