@pushwoosh/smart-components-kit 1.0.90 → 1.1.0

package/MediaStore/CreateVariantDrawer.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { Button, Drawer, DrawerBody, DrawerHeader, DrawerTitle, NativeInput, useToast } from '@pushwoosh/dumb-components';
 import { Columns, Vertical } from '@pushwoosh/kit-helpers';
 import { CloseIcon } from '@pushwoosh/kit-icons';
@@ -127,90 +128,138 @@ export const CreateVariantDrawer = ({
       setIsCreating(false);
     }
   };
-  return React.createElement(Drawer, {
+  return _jsxs(Drawer, {
     size: "medium",
     isOpen: isOpen,
-    onClose: onClose
-  }, React.createElement(DrawerHeader, null, React.createElement(DrawerTitle, null, React.createElement("span", null, lang({
-    message: 'SMART.MEDIA_STORE.CREATE_VARIANT.TITLE'
-  })), React.createElement(Button, {
-    view: "ghost",
-    color: "secondary",
-    size: "compact",
-    icon: React.createElement(CloseIcon, {
-      size: "small"
-    }),
-    "aria-label": lang({
-      message: 'SMART.MEDIA_STORE.CREATE_VARIANT.CLOSE'
-    }),
-    onClick: onClose
-  }))), React.createElement(DrawerBody, null, original && React.createElement(Vertical, {
-    "$gap": 20
-  }, React.createElement("div", null, React.createElement(FieldLabel, null, lang({
-    message: 'SMART.MEDIA_STORE.CREATE_VARIANT.RATIO_LABEL'
-  })), React.createElement(Chips, null, RATIOS.map(item => React.createElement(Chip, {
-    key: item.value,
-    type: "button",
-    "$active": item.value === ratio,
-    onClick: () => setRatio(item.value)
-  }, item.label)))), React.createElement("div", null, React.createElement(FieldLabel, null, lang({
-    message: 'SMART.MEDIA_STORE.CREATE_VARIANT.SIZE_LABEL'
-  })), React.createElement(Columns, {
-    "$sizes": "auto 1fr",
-    "$gap": 8,
-    "$alignItems": "center"
-  }, React.createElement(Segment, null, React.createElement(SegmentItem, {
-    type: "button",
-    "$active": dimension === 'width',
-    onClick: () => setDimension('width')
-  }, lang({
-    message: 'SMART.MEDIA_STORE.CREATE_VARIANT.WIDTH'
-  })), React.createElement(SegmentItem, {
-    type: "button",
-    "$active": dimension === 'height',
-    onClick: () => setDimension('height')
-  }, lang({
-    message: 'SMART.MEDIA_STORE.CREATE_VARIANT.HEIGHT'
-  }))), React.createElement(NativeInput, {
-    type: "number",
-    min: 1,
-    value: size,
-    "$isErrored": !isSizeValid,
-    onChange: event => setSize(event.target.value)
-  }))), React.createElement(Vertical, {
-    "$gap": 6
-  }, React.createElement(PreviewStage, null, React.createElement(PreviewFrame, {
-    "$ratio": selectedRatio.ar
-  }, React.createElement(PreviewImage, {
-    src: original.url,
-    alt: original.filename
-  }))), isSizeValid && React.createElement(Text, null, selectedRatio.label, ' · ', outputWidth, ' × ', outputHeight)), isJpeg && React.createElement("div", null, React.createElement(FieldLabel, null, lang({
-    message: 'SMART.MEDIA_STORE.CREATE_VARIANT.QUALITY_LABEL'
-  })), React.createElement(NativeInput, {
-    type: "number",
-    min: 1,
-    max: 100,
-    value: quality,
-    "$isErrored": !isQualityValid,
-    onChange: event => setQuality(event.target.value)
-  })), ratioExists && React.createElement(Text, null, lang({
-    message: 'SMART.MEDIA_STORE.CREATE_VARIANT.RATIO_EXISTS'
-  })), React.createElement(Button, {
-    color: "primary",
-    size: "field",
-    isDisabled: !isSizeValid || !isQualityValid || ratioExists,
-    isLoading: isCreating,
-    onClick: () => void handleCreate()
-  }, lang({
-    message: 'SMART.MEDIA_STORE.CREATE_VARIANT.CREATE_BUTTON'
-  })), React.createElement("div", null, React.createElement(FieldLabel, null, lang({
-    message: 'SMART.MEDIA_STORE.CREATE_VARIANT.EXISTING_LABEL'
-  })), existingVariants.length === 0 ? React.createElement(Text, null, lang({
-    message: 'SMART.MEDIA_STORE.CREATE_VARIANT.NO_VARIANTS'
-  })) : React.createElement(VariantStrip, null, existingVariants.map(variant => React.createElement(VariantThumb, {
-    key: variant.uuid
-  }, React.createElement(TileImage, {
-    src: getThumbUrl(variant),
-    alt: variant.filename
-  }), React.createElement(VariantThumbCaption, null, getRatioLabel(variant) || variant.filename))))))));
+    onClose: onClose,
+    children: [_jsx(DrawerHeader, {
+      children: _jsxs(DrawerTitle, {
+        children: [_jsx("span", {
+          children: lang({
+            message: 'SMART.MEDIA_STORE.CREATE_VARIANT.TITLE'
+          })
+        }), _jsx(Button, {
+          view: "ghost",
+          color: "secondary",
+          size: "compact",
+          icon: _jsx(CloseIcon, {
+            size: "small"
+          }),
+          "aria-label": lang({
+            message: 'SMART.MEDIA_STORE.CREATE_VARIANT.CLOSE'
+          }),
+          onClick: onClose
+        })]
+      })
+    }), _jsx(DrawerBody, {
+      children: original && _jsxs(Vertical, {
+        "$gap": 20,
+        children: [_jsxs("div", {
+          children: [_jsx(FieldLabel, {
+            children: lang({
+              message: 'SMART.MEDIA_STORE.CREATE_VARIANT.RATIO_LABEL'
+            })
+          }), _jsx(Chips, {
+            children: RATIOS.map(item => _jsx(Chip, {
+              type: "button",
+              "$active": item.value === ratio,
+              onClick: () => setRatio(item.value),
+              children: item.label
+            }, item.value))
+          })]
+        }), _jsxs("div", {
+          children: [_jsx(FieldLabel, {
+            children: lang({
+              message: 'SMART.MEDIA_STORE.CREATE_VARIANT.SIZE_LABEL'
+            })
+          }), _jsxs(Columns, {
+            "$sizes": "auto 1fr",
+            "$gap": 8,
+            "$alignItems": "center",
+            children: [_jsxs(Segment, {
+              children: [_jsx(SegmentItem, {
+                type: "button",
+                "$active": dimension === 'width',
+                onClick: () => setDimension('width'),
+                children: lang({
+                  message: 'SMART.MEDIA_STORE.CREATE_VARIANT.WIDTH'
+                })
+              }), _jsx(SegmentItem, {
+                type: "button",
+                "$active": dimension === 'height',
+                onClick: () => setDimension('height'),
+                children: lang({
+                  message: 'SMART.MEDIA_STORE.CREATE_VARIANT.HEIGHT'
+                })
+              })]
+            }), _jsx(NativeInput, {
+              type: "number",
+              min: 1,
+              value: size,
+              "$isErrored": !isSizeValid,
+              onChange: event => setSize(event.target.value)
+            })]
+          })]
+        }), _jsxs(Vertical, {
+          "$gap": 6,
+          children: [_jsx(PreviewStage, {
+            children: _jsx(PreviewFrame, {
+              "$ratio": selectedRatio.ar,
+              children: _jsx(PreviewImage, {
+                src: original.url,
+                alt: original.filename
+              })
+            })
+          }), isSizeValid && _jsxs(Text, {
+            children: [selectedRatio.label, ' · ', outputWidth, ' × ', outputHeight]
+          })]
+        }), isJpeg && _jsxs("div", {
+          children: [_jsx(FieldLabel, {
+            children: lang({
+              message: 'SMART.MEDIA_STORE.CREATE_VARIANT.QUALITY_LABEL'
+            })
+          }), _jsx(NativeInput, {
+            type: "number",
+            min: 1,
+            max: 100,
+            value: quality,
+            "$isErrored": !isQualityValid,
+            onChange: event => setQuality(event.target.value)
+          })]
+        }), ratioExists && _jsx(Text, {
+          children: lang({
+            message: 'SMART.MEDIA_STORE.CREATE_VARIANT.RATIO_EXISTS'
+          })
+        }), _jsx(Button, {
+          color: "primary",
+          size: "field",
+          isDisabled: !isSizeValid || !isQualityValid || ratioExists,
+          isLoading: isCreating,
+          onClick: () => void handleCreate(),
+          children: lang({
+            message: 'SMART.MEDIA_STORE.CREATE_VARIANT.CREATE_BUTTON'
+          })
+        }), _jsxs("div", {
+          children: [_jsx(FieldLabel, {
+            children: lang({
+              message: 'SMART.MEDIA_STORE.CREATE_VARIANT.EXISTING_LABEL'
+            })
+          }), existingVariants.length === 0 ? _jsx(Text, {
+            children: lang({
+              message: 'SMART.MEDIA_STORE.CREATE_VARIANT.NO_VARIANTS'
+            })
+          }) : _jsx(VariantStrip, {
+            children: existingVariants.map(variant => _jsxs(VariantThumb, {
+              children: [_jsx(TileImage, {
+                src: getThumbUrl(variant),
+                alt: variant.filename
+              }), _jsx(VariantThumbCaption, {
+                children: getRatioLabel(variant) || variant.filename
+              })]
+            }, variant.uuid))
+          })]
+        })]
+      })
+    })]
+  });
 };

package/MediaStore/MediaStore.js

@@ -1,4 +1,5 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { Button, DropdownMenuButton, DropdownMenuItem, DropdownMenuSection, useToast } from '@pushwoosh/dumb-components';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { CheckIcon, EditIcon, UploadIcon } from '@pushwoosh/kit-icons';
@@ -143,116 +144,140 @@ export const MediaStore = ({
     }));
   };
   const totalPages = Math.ceil(total / perPage);
-  return React.createElement(React.Fragment, null, React.createElement(Dropzone, {
-    type: "button",
-    "$dragOver": isDragOver,
-    disabled: isUploading,
-    onClick: () => {
-      var _uploadInputRef$curre;
-      return (_uploadInputRef$curre = uploadInputRef.current) === null || _uploadInputRef$curre === void 0 ? void 0 : _uploadInputRef$curre.click();
-    },
-    onDragOver: event => {
-      event.preventDefault();
-      setIsDragOver(true);
-    },
-    onDragLeave: () => setIsDragOver(false),
-    onDrop: event => {
-      event.preventDefault();
-      setIsDragOver(false);
-      void uploadFiles(Array.from(event.dataTransfer.files));
-    }
-  }, React.createElement(UploadIcon, {
-    size: "medium",
-    view: "lined"
-  }), isUploading ? lang({
-    message: 'SMART.MEDIA_STORE.UPLOADING'
-  }) : lang({
-    message: 'SMART.MEDIA_STORE.DROPZONE_HINT'
-  })), React.createElement(HiddenInput, {
-    ref: uploadInputRef,
-    type: "file",
-    accept: "image/*",
-    multiple: true,
-    onChange: event => void uploadFiles(Array.from(event.target.files ?? []))
-  }), loading && React.createElement(EmptyState, null, lang({
-    message: 'SMART.MEDIA_STORE.LOADING'
-  })), !loading && files.length === 0 && React.createElement(EmptyState, null, lang({
-    message: 'SMART.MEDIA_STORE.EMPTY'
-  })), !loading && files.length > 0 && React.createElement(React.Fragment, null, React.createElement(Grid, null, files.map(file => {
-    const variants = variantsByUuid[file.uuid] ?? [];
-    return React.createElement(Tile, {
-      key: file.uuid
-    }, React.createElement(TileImage, {
-      src: getThumbUrl(file),
-      alt: file.filename
-    }), variants.length > 0 && React.createElement(VariantBadge, null, lang({
-      message: 'SMART.MEDIA_STORE.VARIANTS_BADGE',
-      count: variants.length
-    })), React.createElement(TileActions, null, variants.length > 0 ? React.createElement(DropdownMenuButton, {
-      color: "secondary",
-      size: "compact",
-      icon: React.createElement(CheckIcon, {
-        size: "small"
-      }),
-      menuPlacement: "bottom-start"
-    }, React.createElement(DropdownMenuSection, null, React.createElement(DropdownMenuItem, {
-      onClick: () => onSelect(file.url)
-    }, lang({
-      message: 'SMART.MEDIA_STORE.SELECT_ORIGINAL'
-    })), variants.map(variant => React.createElement(DropdownMenuItem, {
-      key: variant.uuid,
-      onClick: () => onSelect(variant.url)
-    }, getRatioLabel(variant) || variant.filename)))) : React.createElement(Button, {
-      color: "secondary",
-      size: "compact",
-      icon: React.createElement(CheckIcon, {
-        size: "small"
-      }),
-      "aria-label": lang({
-        message: 'SMART.MEDIA_STORE.SELECT_HINT'
-      }),
-      onClick: () => onSelect(file.url)
-    }), React.createElement(Button, {
-      color: "secondary",
-      size: "compact",
-      icon: React.createElement(EditIcon, {
-        size: "small",
+  return _jsxs(_Fragment, {
+    children: [_jsxs(Dropzone, {
+      type: "button",
+      "$dragOver": isDragOver,
+      disabled: isUploading,
+      onClick: () => {
+        var _uploadInputRef$curre;
+        return (_uploadInputRef$curre = uploadInputRef.current) === null || _uploadInputRef$curre === void 0 ? void 0 : _uploadInputRef$curre.click();
+      },
+      onDragOver: event => {
+        event.preventDefault();
+        setIsDragOver(true);
+      },
+      onDragLeave: () => setIsDragOver(false),
+      onDrop: event => {
+        event.preventDefault();
+        setIsDragOver(false);
+        void uploadFiles(Array.from(event.dataTransfer.files));
+      },
+      children: [_jsx(UploadIcon, {
+        size: "medium",
         view: "lined"
-      }),
-      "aria-label": lang({
-        message: 'SMART.MEDIA_STORE.CREATE_VARIANT_HINT'
-      }),
-      onClick: () => setCreateVariantFor(file)
-    })));
-  })), totalPages > 1 && React.createElement(Horizontal, {
-    "$justifyContent": "center",
-    "$alignItems": "center",
-    "$gap": 8,
-    "$margin": {
-      top: 16
-    }
-  }, React.createElement(Button, {
-    view: "ghost",
-    color: "secondary",
-    size: "field",
-    isDisabled: page <= 0,
-    onClick: () => void fetchFiles(page - 1)
-  }, lang({
-    message: 'SMART.MEDIA_STORE.PREV_BUTTON'
-  })), React.createElement(Text, null, `${page + 1} / ${totalPages}`), React.createElement(Button, {
-    view: "ghost",
-    color: "secondary",
-    size: "field",
-    isDisabled: page + 1 >= totalPages,
-    onClick: () => void fetchFiles(page + 1)
-  }, lang({
-    message: 'SMART.MEDIA_STORE.NEXT_BUTTON'
-  })))), React.createElement(CreateVariantDrawer, {
-    application: application,
-    original: createVariantFor,
-    isOpen: createVariantFor !== null,
-    existingVariants: createVariantFor ? variantsByUuid[createVariantFor.uuid] ?? [] : [],
-    onClose: () => setCreateVariantFor(null),
-    onCreated: handleVariantCreated
-  }));
+      }), isUploading ? lang({
+        message: 'SMART.MEDIA_STORE.UPLOADING'
+      }) : lang({
+        message: 'SMART.MEDIA_STORE.DROPZONE_HINT'
+      })]
+    }), _jsx(HiddenInput, {
+      ref: uploadInputRef,
+      type: "file",
+      accept: "image/*",
+      multiple: true,
+      onChange: event => void uploadFiles(Array.from(event.target.files ?? []))
+    }), loading && _jsx(EmptyState, {
+      children: lang({
+        message: 'SMART.MEDIA_STORE.LOADING'
+      })
+    }), !loading && files.length === 0 && _jsx(EmptyState, {
+      children: lang({
+        message: 'SMART.MEDIA_STORE.EMPTY'
+      })
+    }), !loading && files.length > 0 && _jsxs(_Fragment, {
+      children: [_jsx(Grid, {
+        children: files.map(file => {
+          const variants = variantsByUuid[file.uuid] ?? [];
+          return _jsxs(Tile, {
+            children: [_jsx(TileImage, {
+              src: getThumbUrl(file),
+              alt: file.filename
+            }), variants.length > 0 && _jsx(VariantBadge, {
+              children: lang({
+                message: 'SMART.MEDIA_STORE.VARIANTS_BADGE',
+                count: variants.length
+              })
+            }), _jsxs(TileActions, {
+              children: [variants.length > 0 ? _jsx(DropdownMenuButton, {
+                color: "secondary",
+                size: "compact",
+                icon: _jsx(CheckIcon, {
+                  size: "small"
+                }),
+                menuPlacement: "bottom-start",
+                children: _jsxs(DropdownMenuSection, {
+                  children: [_jsx(DropdownMenuItem, {
+                    onClick: () => onSelect(file.url),
+                    children: lang({
+                      message: 'SMART.MEDIA_STORE.SELECT_ORIGINAL'
+                    })
+                  }), variants.map(variant => _jsx(DropdownMenuItem, {
+                    onClick: () => onSelect(variant.url),
+                    children: getRatioLabel(variant) || variant.filename
+                  }, variant.uuid))]
+                })
+              }) : _jsx(Button, {
+                color: "secondary",
+                size: "compact",
+                icon: _jsx(CheckIcon, {
+                  size: "small"
+                }),
+                "aria-label": lang({
+                  message: 'SMART.MEDIA_STORE.SELECT_HINT'
+                }),
+                onClick: () => onSelect(file.url)
+              }), _jsx(Button, {
+                color: "secondary",
+                size: "compact",
+                icon: _jsx(EditIcon, {
+                  size: "small",
+                  view: "lined"
+                }),
+                "aria-label": lang({
+                  message: 'SMART.MEDIA_STORE.CREATE_VARIANT_HINT'
+                }),
+                onClick: () => setCreateVariantFor(file)
+              })]
+            })]
+          }, file.uuid);
+        })
+      }), totalPages > 1 && _jsxs(Horizontal, {
+        "$justifyContent": "center",
+        "$alignItems": "center",
+        "$gap": 8,
+        "$margin": {
+          top: 16
+        },
+        children: [_jsx(Button, {
+          view: "ghost",
+          color: "secondary",
+          size: "field",
+          isDisabled: page <= 0,
+          onClick: () => void fetchFiles(page - 1),
+          children: lang({
+            message: 'SMART.MEDIA_STORE.PREV_BUTTON'
+          })
+        }), _jsx(Text, {
+          children: `${page + 1} / ${totalPages}`
+        }), _jsx(Button, {
+          view: "ghost",
+          color: "secondary",
+          size: "field",
+          isDisabled: page + 1 >= totalPages,
+          onClick: () => void fetchFiles(page + 1),
+          children: lang({
+            message: 'SMART.MEDIA_STORE.NEXT_BUTTON'
+          })
+        })]
+      })]
+    }), _jsx(CreateVariantDrawer, {
+      application: application,
+      original: createVariantFor,
+      isOpen: createVariantFor !== null,
+      existingVariants: createVariantFor ? variantsByUuid[createVariantFor.uuid] ?? [] : [],
+      onClose: () => setCreateVariantFor(null),
+      onCreated: handleVariantCreated
+    })]
+  });
 };

package/ModalCloningJourney/ModalCloningJourney.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { type ModalCloningJourneyProps } from './types';
-export declare function ModalCloningJourney({ journeyId, journeyTitle, onAfterClone, onCancel, isOpen }: ModalCloningJourneyProps): React.JSX.Element;
+export declare function ModalCloningJourney({ journeyId, journeyTitle, onAfterClone, onCancel, isOpen }: ModalCloningJourneyProps): import("react").JSX.Element;