react-zoom-components/dist/index.min.js

A React zoom component library

import*as e from"react";var t={267:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",n=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),n&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),n&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,n,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var l={};if(n)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(l[c]=!0)}for(var u=0;u<e.length;u++){var s=[].concat(e[u]);n&&l[s[0]]||(void 0!==a&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=a),r&&(s[2]?(s[1]="@media ".concat(s[2]," {").concat(s[1],"}"),s[2]=r):s[2]=r),o&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=o):s[4]="".concat(o)),t.push(s))}},t}},978:e=>{e.exports=function(e){return e[1]}},235:(e,t,r)=>{r.d(t,{A:()=>i});var n=r(978),o=r.n(n),a=r(267),l=r.n(a)()(o());l.push([e.id,".lhq-drag-container {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.lhq-skeleton {\n  border: 2px solid #d9d9d9;\n  cursor: e-resize;\n}\n\n.lhq-skeleton:hover {\n  border-color: #2e75d3;\n}\n",""]);const i=l},756:(e,t,r)=>{r.d(t,{A:()=>i});var n=r(978),o=r.n(n),a=r(267),l=r.n(a)()(o());l.push([e.id,".lhq-fold-rowContainer {\n  width: 100%;\n  position: relative;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);\n}\n.lhq-fold-columnContainer {\n  height: 100%;\n  display: flex;\n  position: relative;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);\n}\n\n.lhq-fold-selectContainer {\n  border-color: #2e75d3;\n}\n\n.lhq-fold-arrowRowContainer {\n  position: absolute;\n  bottom: 0;\n  right: 50%;\n  z-index: 2;\n}\n.lhq-fold-arrowColumnContainer {\n  position: absolute;\n  right: 0;\n  top: 50%;\n  z-index: 2;\n}\n\n.lhq-arrow {\n  padding: 4px;\n  border: 1px solid #2e75d3;\n  cursor: pointer;\n}\n.lhq-row-arrow-open {\n  border-radius: 8px 8px 0 0;\n  border-bottom: 0;\n}\n.lhq-row-arrow-close {\n  border-radius: 0 0 8px 8px;\n  border-top: 0;\n}\n.lhq-column-arrow-open {\n  border-radius: 8px 0 0 8px;\n  border-right: 0;\n}\n.lhq-column-arrow-close {\n  border-radius: 0 8px 8px 0;\n  border-left: 0;\n}\n\n.lhq-down-arrow {\n  width: 0;\n  height: 0;\n  transform: translate(0, 25%);\n  border: 7px solid transparent;\n  border-top-color: black;\n}\n.lhq-up-arrow {\n  width: 0;\n  height: 0;\n  transform: translate(0, -25%);\n  border: 7px solid transparent;\n  border-bottom-color: black;\n}\n.lhq-right-arrow {\n  width: 0;\n  height: 0;\n  transform: translate(25%, 0);\n  border: 7px solid transparent;\n  border-left-color: black;\n}\n.lhq-left-arrow {\n  width: 0;\n  height: 0;\n  transform: translate(-25%, 0);\n  border: 7px solid transparent;\n  border-right-color: black;\n}\n",""]);const i=l},72:e=>{var t=[];function r(e){for(var r=-1,n=0;n<t.length;n++)if(t[n].identifier===e){r=n;break}return r}function n(e,n){for(var a={},l=[],i=0;i<e.length;i++){var c=e[i],u=n.base?c[0]+n.base:c[0],s=a[u]||0,d="".concat(u," ").concat(s);a[u]=s+1;var f=r(d),p={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==f)t[f].references++,t[f].updater(p);else{var h=o(p,n);n.byIndex=i,t.splice(i,0,{identifier:d,updater:h,references:1})}l.push(d)}return l}function o(e,t){var r=t.domAPI(t);r.update(e);return function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;r.update(e=t)}else r.remove()}}e.exports=function(e,o){var a=n(e=e||[],o=o||{});return function(e){e=e||[];for(var l=0;l<a.length;l++){var i=r(a[l]);t[i].references--}for(var c=n(e,o),u=0;u<a.length;u++){var s=r(a[u]);0===t[s].references&&(t[s].updater(),t.splice(s,1))}a=c}}},659:e=>{var t={};e.exports=function(e,r){var n=function(e){if(void 0===t[e]){var r=document.querySelector(e);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}(e);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(r)}},540:e=>{e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},56:(e,t,r)=>{e.exports=function(e){var t=r.nc;t&&e.setAttribute("nonce",t)}},825:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(r){!function(e,t,r){var n="";r.supports&&(n+="@supports (".concat(r.supports,") {")),r.media&&(n+="@media ".concat(r.media," {"));var o=void 0!==r.layer;o&&(n+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),n+=r.css,o&&(n+="}"),r.media&&(n+="}"),r.supports&&(n+="}");var a=r.sourceMap;a&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),t.styleTagTransform(n,e,t.options)}(t,e,r)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},113:e=>{e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={id:e,exports:{}};return t[e](a,a.exports,n),a.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.nc=void 0;var o={};(()=>{n.d(o,{Si:()=>F,X0:()=>E,SQ:()=>U});const t=(e=>{var t={};return n.d(t,e),t})({default:()=>e.default,useState:()=>e.useState});var r=n(72),a=n.n(r),l=n(825),i=n.n(l),c=n(659),u=n.n(c),s=n(56),d=n.n(s),f=n(540),p=n.n(f),h=n(113),m=n.n(h),y=n(235),b={};b.styleTagTransform=m(),b.setAttributes=d(),b.insert=u().bind(null,"head"),b.domAPI=i(),b.insertStyleElement=p();a()(y.A,b);y.A&&y.A.locals&&y.A.locals;function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){x(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function x(e,t,r){var n;return n=function(e,t){if("object"!=v(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=v(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"),(t="symbol"==v(n)?n:n+"")in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function S(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,i=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return O(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return O(e,t)}(e,t)||function(){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 O(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function E(e){var r=e.children,n=e.width,o=S((0,t.useState)(0),2),a=o[0],l=o[1],i=S((0,t.useState)(0),2),c=i[0],u=i[1],s=S((0,t.useState)(!1),2),d=s[0],f=s[1],p=S((0,t.useState)(0),2),h=p[0],m=p[1];return t.default.createElement("div",{className:"lhq-drag-container",style:{cursor:d?"e-resize":"default"},onMouseMove:function(e){if(e.preventDefault(),e.stopPropagation(),d){var t=e.clientX-c;l(h+t)}},onMouseUp:function(e){d&&f(!1)}},t.default.cloneElement(r[0],{style:g({minWidth:"5%",maxWidth:"95%",width:"calc(".concat(n[0]," + ").concat(a,"px)")},r[0].props.style)}),t.default.createElement("div",{className:"lhq-skeleton",onMouseDown:function(e){f(!0),u(e.clientX),m(a)}}),t.default.cloneElement(r[1],{style:g({minWidth:"5%",maxWidth:"95%",width:"calc(".concat(n[1]," - ").concat(a,"px)")},r[1].props.style)}))}var j=n(756),q={};q.styleTagTransform=m(),q.setAttributes=d(),q.insert=u().bind(null,"head"),q.domAPI=i(),q.insertStyleElement=p();a()(j.A,q);j.A&&j.A.locals&&j.A.locals;function A(e){return A="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},A(e)}function C(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?C(Object(r),!0).forEach((function(t){k(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function k(e,t,r){var n;return n=function(e,t){if("object"!=A(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=A(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"),(t="symbol"==A(n)?n:n+"")in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function M(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,i=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return N(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return N(e,t)}(e,t)||function(){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 N(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function T(){return t.default.createElement("div",{className:"lhq-up-arrow"})}function D(){return t.default.createElement("div",{className:"lhq-down-arrow"})}function I(){return t.default.createElement("div",{className:"lhq-left-arrow"})}function R(){return t.default.createElement("div",{className:"lhq-right-arrow"})}function L(e){var r=e.child,n=e.height,o=M((0,t.useState)(!0),2),a=o[0],l=o[1],i=M((0,t.useState)(!1),2),c=i[0],u=i[1];return t.default.createElement("div",{className:c?"lhq-fold-rowContainer lhq-fold-selectContainer":"lhq-fold-rowContainer",style:a?{flex:"1 0 ".concat(n)}:{flex:"0"}},t.default.createElement("div",{style:a?{width:"100%",height:"100%",opacity:1}:{width:"100%",height:"0",opacity:0}},t.default.cloneElement(r,{style:P({borderRadius:"6px",minHeight:"100%"},r.props.style)})),t.default.createElement("div",{className:"lhq-fold-arrowRowContainer",style:a?{transform:"translate(50%, 0)"}:{transform:"translate(50%, 100%)"},onMouseEnter:function(){return u(!0)},onMouseLeave:function(){return u(!1)}},!c&&!a&&t.default.createElement("div",{style:{borderTop:"2px solid black"}}),t.default.createElement("button",{style:c?{opacity:1}:{opacity:0},className:a?"lhq-arrow lhq-row-arrow-open":"lhq-arrow lhq-row-arrow-close",onClick:function(){l(!a),u(!c)}},a?t.default.createElement(T,null):t.default.createElement(D,null)),!c&&a&&t.default.createElement("div",{style:{borderBottom:"2px solid black"}})))}function U(e){var r=e.children,n=e.height;return t.default.createElement("div",{style:{width:"100%",height:"100%",display:"flex",flexDirection:"column",rowGap:5}},r.map((function(e,r){return t.default.createElement(L,{key:r,child:e,height:n[r]})})))}function z(e){var r=e.child,n=e.width,o=M((0,t.useState)(!0),2),a=o[0],l=o[1],i=M((0,t.useState)(!1),2),c=i[0],u=i[1];return t.default.createElement("div",{className:c?"lhq-fold-columnContainer lhq-fold-selectContainer":"lhq-fold-columnContainer",style:a?{flex:"1 0 ".concat(n)}:{flex:"0"}},t.default.createElement("div",{style:a?{width:"100%",height:"100%",opacity:1}:{width:"0",height:"100%",opacity:0}},t.default.cloneElement(r,{style:P({borderRadius:"6px",minHeight:"100%"},r.props.style)})),t.default.createElement("div",{className:"lhq-fold-arrowColumnContainer",style:a?{transform:"translate(0, -50%)"}:{transform:"translate(100%, -50%)"},onMouseEnter:function(){return u(!0)},onMouseLeave:function(){return u(!1)}},!c&&!a&&t.default.createElement("div",{style:{borderLeft:"2px solid black"}}),t.default.createElement("button",{style:c?{opacity:1}:{opacity:0},className:a?"lhq-arrow lhq-column-arrow-open":"lhq-arrow lhq-column-arrow-close",onClick:function(){l(!a),u(!c)}},a?t.default.createElement(I,null):t.default.createElement(R,null)),!c&&a&&t.default.createElement("div",{style:{borderRight:"2px solid black"}})))}function F(e){var r=e.children,n=e.width;return t.default.createElement("div",{style:{width:"100%",height:"100%",display:"flex",columnGap:5}},r.map((function(e,r){return t.default.createElement(z,{key:r,child:e,width:n[r]})})))}})();var a=o.Si,l=o.X0,i=o.SQ;export{a as ColumnFold,l as Drag,i as RowFold};