@cashub/ui 0.14.1 → 0.14.3

package/cropper/Cropper.js

@@ -25,11 +25,7 @@ var CropperWrapper = function CropperWrapper(_ref) {
       cropBoxResizable = _ref$cropBoxResizable === void 0 ? false : _ref$cropBoxResizable,
       onInitialized = _ref.onInitialized,
       _ref$dragMode = _ref.dragMode,
-      dragMode = _ref$dragMode === void 0 ? 'move' : _ref$dragMode,
-      minCroppedWidth = _ref.minCroppedWidth,
-      minCroppedHeight = _ref.minCroppedHeight,
-      maxCroppedWidth = _ref.maxCroppedWidth,
-      maxCroppedHeight = _ref.maxCroppedHeight;
+      dragMode = _ref$dragMode === void 0 ? 'move' : _ref$dragMode;
   var imageRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     var node = imageRef.current;
@@ -41,25 +37,9 @@ var CropperWrapper = function CropperWrapper(_ref) {
         initialAspectRatio: 9 / 16,
         background: true,
         cropBoxResizable: cropBoxResizable,
-        minCroppedWidth: minCroppedWidth,
-        minCroppedHeight: minCroppedHeight,
-        maxCroppedWidth: maxCroppedWidth,
-        maxCroppedHeight: maxCroppedHeight,
         data: {
           width: width,
           height: height
-        },
-        crop: function crop() {
-          var _cropper$getCropBoxDa = cropper.getCropBoxData(),
-              width = _cropper$getCropBoxDa.width,
-              height = _cropper$getCropBoxDa.height;
-
-          if (width < minCroppedWidth || height < minCroppedHeight || width > maxCroppedWidth || height > maxCroppedHeight) {
-            cropper.setCropBoxData({
-              width: Math.max(minCroppedWidth, Math.min(maxCroppedWidth, width)),
-              height: Math.max(minCroppedHeight, Math.min(maxCroppedHeight, height))
-            });
-          }
         }
       });
 
@@ -73,7 +53,7 @@ var CropperWrapper = function CropperWrapper(_ref) {
 
       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, cropBoxResizable, minCroppedWidth, minCroppedHeight, maxCroppedWidth, maxCroppedHeight]);
+  }, [onInitialized, dragMode, width, height, cropBoxResizable]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: src,

package/cropper/CropperModalHandler.js

@@ -21,11 +21,7 @@ var CropperModalHandler = function CropperModalHandler(_ref) {
       _ref$cropBoxResizable = _ref.cropBoxResizable,
       cropBoxResizable = _ref$cropBoxResizable === void 0 ? false : _ref$cropBoxResizable,
       onCrop = _ref.onCrop,
-      _onClose = _ref.onClose,
-      minCroppedWidth = _ref.minCroppedWidth,
-      minCroppedHeight = _ref.minCroppedHeight,
-      maxCroppedWidth = _ref.maxCroppedWidth,
-      maxCroppedHeight = _ref.maxCroppedHeight;
+      _onClose = _ref.onClose;
   (0, _TitleModal.default)({
     size: 'normal',
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CropImageModal.default, {
@@ -37,11 +33,7 @@ var CropperModalHandler = function CropperModalHandler(_ref) {
       height: height,
       cropBoxResizable: cropBoxResizable,
       onCrop: onCrop,
-      onClose: _onClose,
-      minCroppedWidth: minCroppedWidth,
-      minCroppedHeight: minCroppedHeight,
-      maxCroppedWidth: maxCroppedWidth,
-      maxCroppedHeight: maxCroppedHeight
+      onClose: _onClose
     }),
     onClose: function onClose(dismiss) {
       if (dismiss === true && _onClose) {

package/cropper/subComponent/CropImageModal.js

@@ -45,11 +45,7 @@ var CropImageModal = function CropImageModal(_ref) {
       cropBoxResizable = _ref$cropBoxResizable === void 0 ? false : _ref$cropBoxResizable,
       onCrop = _ref.onCrop,
       onClose = _ref.onClose,
-      close = _ref.close,
-      minCroppedWidth = _ref.minCroppedWidth,
-      minCroppedHeight = _ref.minCroppedHeight,
-      maxCroppedWidth = _ref.maxCroppedWidth,
-      maxCroppedHeight = _ref.maxCroppedHeight;
+      close = _ref.close;
 
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
@@ -96,11 +92,7 @@ var CropImageModal = function CropImageModal(_ref) {
         width: width,
         height: height,
         cropBoxResizable: cropBoxResizable,
-        onInitialized: handleInitialized,
-        minCroppedWidth: minCroppedWidth,
-        minCroppedHeight: minCroppedHeight,
-        maxCroppedWidth: maxCroppedWidth,
-        maxCroppedHeight: maxCroppedHeight
+        onInitialized: handleInitialized
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TitleModal.default.Footer, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ButtonGroup.default, {

package/dropzone/ImageDropzone.js

@@ -54,10 +54,6 @@ var ImageDropzone = function ImageDropzone(_ref) {
       width = _ref$width === void 0 ? 180 : _ref$width,
       _ref$height = _ref.height,
       height = _ref$height === void 0 ? 320 : _ref$height,
-      minCroppedWidth = _ref.minCroppedWidth,
-      minCroppedHeight = _ref.minCroppedHeight,
-      maxCroppedWidth = _ref.maxCroppedWidth,
-      maxCroppedHeight = _ref.maxCroppedHeight,
       _ref$fixedSize = _ref.fixedSize,
       fixedSize = _ref$fixedSize === void 0 ? true : _ref$fixedSize,
       maxFiles = _ref.maxFiles,
@@ -186,10 +182,6 @@ var ImageDropzone = function ImageDropzone(_ref) {
       src: file.url,
       width: width,
       height: height,
-      minCroppedWidth: minCroppedWidth,
-      minCroppedHeight: minCroppedHeight,
-      maxCroppedWidth: maxCroppedWidth,
-      maxCroppedHeight: maxCroppedHeight,
       cropBoxResizable: cropper.cropBoxResizable ? cropper.cropBoxResizable : false,
       onCrop: function onCrop(croppedSrc) {
         var croppedImageFile = (0, _utils.dataURLtoFile)(croppedSrc, file.name);
@@ -203,7 +195,7 @@ var ImageDropzone = function ImageDropzone(_ref) {
         });
       }
     });
-  }, [width, height, cropper, minCroppedWidth, minCroppedHeight, maxCroppedWidth, maxCroppedHeight]);
+  }, [width, height, cropper]);
 
   var previewItem = function previewItem() {
     return files.map(function (file, index) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.14.1",
+  "version": "0.14.3",
   "private": false,
   "author": "CASHUB Team",
   "description": "CASHUB UI components library",

package/table/Table.js

@@ -304,7 +304,7 @@ var BodyTR = _styledComponents.default.tr(_templateObject4 || (_templateObject4
   return noData && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        height: 168px;\n\n        > td {\n          &:first-child:before {\n            display: none;\n          }\n        }\n      "])));
 }));
 
-var TableDataCell = _styledComponents.default.td(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  height: 48px;\n  background: ", ";\n  padding: 0 var(--spacing-xs);\n  max-width: 0px;\n  text-align: ", ";\n  vertical-align: middle;\n  border-top: var(--border-width) solid transparent;\n  border-bottom: var(--border-width) solid transparent;\n  transition: border-color 0.3s;\n\n  &:first-child {\n    border-left: var(--border-width) solid transparent;\n    border-top-left-radius: var(--border-radius-l);\n    border-bottom-left-radius: var(--border-radius-l);\n    padding-left: var(--spacing);\n  }\n\n  &:last-child {\n    border-right: var(--border-width) solid transparent;\n    border-top-right-radius: var(--border-radius-l);\n    border-bottom-right-radius: var(--border-radius-l);\n    padding-right: var(--spacing);\n  }\n\n  > span {\n    display: inline-block;\n    width: 100%;\n    padding: 0 2px;\n    overflow: hidden;\n    white-space: pre;\n    text-overflow: ellipsis;\n  }\n\n  ", "\n\n  ", "\n"])), function (_ref8) {
+var TableDataCell = _styledComponents.default.td(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  height: 48px;\n  background: ", ";\n  padding: 0 var(--spacing-xs);\n  max-width: 0px;\n  text-align: ", ";\n  vertical-align: middle;\n  border-top: var(--border-width) solid transparent;\n  border-bottom: var(--border-width) solid transparent;\n  transition: border-color 0.3s;\n\n  &:first-child {\n    border-left: var(--border-width) solid transparent;\n    border-top-left-radius: var(--border-radius-l);\n    border-bottom-left-radius: var(--border-radius-l);\n    padding-left: var(--spacing);\n  }\n\n  &:last-child {\n    border-right: var(--border-width) solid transparent;\n    border-top-right-radius: var(--border-radius-l);\n    border-bottom-right-radius: var(--border-radius-l);\n    padding-right: var(--spacing);\n  }\n\n  > span {\n    display: inline-block;\n    width: 100%;\n    overflow: hidden;\n    white-space: pre;\n    text-overflow: ellipsis;\n  }\n\n  ", "\n\n  ", "\n"])), function (_ref8) {
   var backgroundReverse = _ref8.backgroundReverse;
   return backgroundReverse ? 'var(--color-background1)' : 'var(--color-background2)';
 }, function (_ref9) {

package/table/subComponent/BaseTableHeadCell.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2, _templateObject3;
 
 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); }
 
@@ -17,18 +17,18 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var BaseTableHeadCell = _styledComponents.default.th(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  font-size: var(--font-body1);\n  font-weight: var(--font-bold);\n  width: ", ";\n  padding: var(--spacing-s) var(--spacing-xs);\n\n  > div {\n    display: flex;\n\n    > span {\n      max-width: calc(100% - 0.5rem - 1rem);\n      padding-right: var(--spacing-xs);\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+var BaseTableHeadCell = _styledComponents.default.th(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  font-size: var(--font-body1);\n  font-weight: var(--font-bold);\n  width: ", ";\n  padding: var(--spacing-s) var(--spacing-xs);\n\n  > div {\n    display: flex;\n\n    > span {\n      overflow: hidden;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n    }\n  }\n\n  ", "\n\n  ", "\n"])), function (_ref) {
   var width = _ref.width;
   return width || 'auto';
 }, function (_ref2) {
   var sortable = _ref2.sortable;
-  return sortable && 'cursor: pointer;';
+  return sortable && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        cursor: pointer;\n\n        > div > span {\n          max-width: calc(100% - 1rem);\n          padding-right: var(--spacing-xs);\n        }\n      "])));
 }, function (_ref3) {
   var align = _ref3.align;
 
   switch (align) {
     case 'center':
-      return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          > div {\n            justify-content: center;\n          }\n        "])));
+      return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          > div {\n            justify-content: center;\n          }\n        "])));
 
     default:
       break;

package/table/subComponent/TableHeadCell.js

@@ -15,6 +15,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var TableHeadCell = (0, _styledComponents.default)(_BaseTableHeadCell.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-width: 0px;\n\n  &:first-child {\n    padding-left: var(--spacing);\n  }\n\n  &:last-child {\n    padding-right: var(--spacing);\n  }\n"])));
+var TableHeadCell = (0, _styledComponents.default)(_BaseTableHeadCell.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &:first-child {\n    padding-left: var(--spacing);\n  }\n\n  &:last-child {\n    padding-right: var(--spacing);\n  }\n"])));
 var _default = TableHeadCell;
 exports.default = _default;