@mcurros2/microm 1.1.339-0 → 1.1.341-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -39400,6 +39400,36 @@ const $35745da8be2e2bdc$export$d0486c7a5136628 = (props)=>{
39400
39400
  className: "image-editor",
39401
39401
  spacing: "sm",
39402
39402
  children: [
39403
+ manualRotation !== false && /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Group), {
39404
+ spacing: "xs",
39405
+ children: [
39406
+ /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Button), {
39407
+ variant: "light",
39408
+ title: rotateCounterClockwiseLabel,
39409
+ "aria-label": rotateCounterClockwiseLabel,
39410
+ onClick: ()=>rotate(-1),
39411
+ disabled: !ready || saving,
39412
+ leftIcon: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconRotate2), {
39413
+ size: "1rem",
39414
+ style: {
39415
+ transform: 'scaleX(-1)'
39416
+ }
39417
+ }),
39418
+ children: rotateCounterClockwiseLabel
39419
+ }),
39420
+ /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Button), {
39421
+ variant: "light",
39422
+ title: rotateClockwiseLabel,
39423
+ "aria-label": rotateClockwiseLabel,
39424
+ onClick: ()=>rotate(1),
39425
+ disabled: !ready || saving,
39426
+ leftIcon: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconRotateClockwise2), {
39427
+ size: "1rem"
39428
+ }),
39429
+ children: rotateClockwiseLabel
39430
+ })
39431
+ ]
39432
+ }),
39403
39433
  preparedImage && cropEnabled && options.crop !== false && /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)("div", {
39404
39434
  className: "image-editor__cropper",
39405
39435
  children: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, ($parcel$interopDefault($b4te3$reacteasycrop))), {
@@ -39432,65 +39462,31 @@ const $35745da8be2e2bdc$export$d0486c7a5136628 = (props)=>{
39432
39462
  color: "red",
39433
39463
  children: error
39434
39464
  }),
39435
- /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Group), {
39436
- position: "apart",
39437
- children: [
39438
- /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Group), {
39439
- spacing: "xs",
39440
- children: manualRotation !== false && /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$reactjsxruntime.Fragment), {
39441
- children: [
39442
- /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Button), {
39443
- variant: "light",
39444
- title: rotateCounterClockwiseLabel,
39445
- "aria-label": rotateCounterClockwiseLabel,
39446
- onClick: ()=>rotate(-1),
39447
- disabled: !ready || saving,
39448
- leftIcon: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconRotateClockwise), {
39449
- size: "1rem",
39450
- style: {
39451
- transform: 'scaleX(-1)'
39452
- }
39453
- }),
39454
- children: rotateCounterClockwiseLabel
39455
- }),
39456
- /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Button), {
39457
- variant: "light",
39458
- title: rotateClockwiseLabel,
39459
- "aria-label": rotateClockwiseLabel,
39460
- onClick: ()=>rotate(1),
39461
- disabled: !ready || saving,
39462
- leftIcon: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconRotateClockwise), {
39463
- size: "1rem"
39464
- }),
39465
- children: rotateClockwiseLabel
39466
- })
39467
- ]
39468
- })
39469
- }),
39470
- /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Group), {
39471
- spacing: "xs",
39472
- children: [
39473
- /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Button), {
39474
- variant: "light",
39475
- onClick: ()=>void onCancel(),
39476
- disabled: saving,
39477
- leftIcon: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconX), {
39478
- size: "1rem"
39479
- }),
39480
- children: cancelLabel
39465
+ /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Group), {
39466
+ position: "right",
39467
+ children: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsxs)((0, $b4te3$mantinecore.Group), {
39468
+ spacing: "xs",
39469
+ children: [
39470
+ /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Button), {
39471
+ variant: "light",
39472
+ onClick: ()=>void onCancel(),
39473
+ disabled: saving,
39474
+ leftIcon: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconX), {
39475
+ size: "1rem"
39481
39476
  }),
39482
- /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Button), {
39483
- onClick: ()=>void save(),
39484
- loading: saving,
39485
- disabled: !ready,
39486
- leftIcon: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconCheck), {
39487
- size: "1rem"
39488
- }),
39489
- children: saveLabel
39490
- })
39491
- ]
39492
- })
39493
- ]
39477
+ children: cancelLabel
39478
+ }),
39479
+ /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$mantinecore.Button), {
39480
+ onClick: ()=>void save(),
39481
+ loading: saving,
39482
+ disabled: !ready,
39483
+ leftIcon: /*#__PURE__*/ (0, $b4te3$reactjsxruntime.jsx)((0, $b4te3$tablericonsreact.IconCheck), {
39484
+ size: "1rem"
39485
+ }),
39486
+ children: saveLabel
39487
+ })
39488
+ ]
39489
+ })
39494
39490
  })
39495
39491
  ]
39496
39492
  });