@cashub/ui 0.3.4 → 0.4.1

package/cropper/Cropper.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+require("cropperjs/dist/cropper.css");
+
+var _cropperjs = _interopRequireDefault(require("cropperjs"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var CropperWrapper = function CropperWrapper(_ref) {
+  var src = _ref.src,
+      _ref$alt = _ref.alt,
+      alt = _ref$alt === void 0 ? 'picture' : _ref$alt,
+      width = _ref.width,
+      height = _ref.height,
+      onInitialized = _ref.onInitialized,
+      _ref$dragMode = _ref.dragMode,
+      dragMode = _ref$dragMode === void 0 ? 'move' : _ref$dragMode;
+  var imageRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    var node = imageRef.current;
+
+    if (node !== null) {
+      var cropper = new _cropperjs.default(node, {
+        viewMode: 1,
+        initialAspectRatio: 9 / 16,
+        dragMode: dragMode,
+        background: true,
+        cropBoxResizable: false,
+        data: {
+          width: width,
+          height: height
+        }
+      });
+
+      if (onInitialized) {
+        onInitialized(cropper);
+      }
+    }
+
+    return function () {
+      var _node$cropper;
+
+      node === null || node === void 0 ? void 0 : (_node$cropper = node.cropper) === null || _node$cropper === void 0 ? void 0 : _node$cropper.destroy();
+    };
+  }, [onInitialized, dragMode, width, height]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: src,
+      alt: alt,
+      ref: imageRef,
+      crossOrigin: "anonymous"
+    })
+  });
+};
+
+var _default = CropperWrapper;
+exports.default = _default;

package/cropper/CropperHandler.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _TitleModal = _interopRequireDefault(require("../modal/TitleModal"));
+
+var _CropImageModal = _interopRequireDefault(require("../partial/modal/CropImageModal"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var CropperHandler = function CropperHandler(_ref) {
+  var src = _ref.src,
+      file = _ref.file,
+      width = _ref.width,
+      height = _ref.height,
+      onCrop = _ref.onCrop,
+      _onClose = _ref.onClose;
+  (0, _TitleModal.default)({
+    size: 'normal',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CropImageModal.default, {
+      src: src,
+      mime: file.type,
+      alt: file.name,
+      file: file,
+      width: width,
+      height: height,
+      onCrop: onCrop,
+      onClose: _onClose
+    }),
+    onClose: function onClose(dismiss) {
+      if (dismiss === true && _onClose) {
+        _onClose();
+      }
+    }
+  });
+};
+
+var _default = CropperHandler;
+exports.default = _default;

package/cropper/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Cropper", {
+  enumerable: true,
+  get: function get() {
+    return _Cropper.default;
+  }
+});
+Object.defineProperty(exports, "CropperHandler", {
+  enumerable: true,
+  get: function get() {
+    return _CropperHandler.default;
+  }
+});
+
+var _Cropper = _interopRequireDefault(require("./Cropper"));
+
+var _CropperHandler = _interopRequireDefault(require("./CropperHandler"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }