@pushwoosh/smart-components-kit 1.21.2 → 1.23.0

package/MediaStorage/CreateCropDrawer.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import { useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { Button, Chip, Drawer, DrawerBody, DrawerHeader, DrawerTitle, ModalConfirm, NativeInput, useToast } from '@pushwoosh/dumb-components';
+import { Color } from '@pushwoosh/kit-constants';
 import { Columns, Vertical } from '@pushwoosh/kit-helpers';
 import { CloseIcon, TrashIcon } from '@pushwoosh/kit-icons';
 import { Text } from '@pushwoosh/kit-typography';
@@ -10,7 +11,7 @@ import { CENTER_FOCAL, getCropWindow, getRequestedSize, getStoredOrigin, getStor
 import { useDeleteMediaFile } from './hooks';
 import { getAspectRatio, getCropCaption, getThumbUrl } from './mediaFile.utils';
 import { useLang } from './polyglot';
-import { Chips, CropStrip, CropThumb, CropThumbButton, CropThumbCaption, CropThumbDelete, CropThumbImage, FieldLabel, PreviewFrame, PreviewImage, PreviewStage, Segment, SegmentItem, SizeInput } from './styles';
+import { Chips, CropStrip, CropThumb, CropThumbButton, CropThumbCaption, CropThumbDelete, CropThumbImage, FieldLabel, PreviewFrame, PreviewImage, PreviewStage, SizeInput } from './styles';
 const RATIOS = [{
   value: 'ASPECT_RATIO_1_1',
   label: '1:1',
@@ -58,6 +59,15 @@ const RATIOS = [{
 }];
 const DEFAULT_SIZE = '1080';
 const DEFAULT_QUALITY = '90';
+const flashRecalculated = input => {
+  if (!input || window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
+  input.animate([{
+    color: Color.PRIMARY
+  }, {}], {
+    duration: 600,
+    easing: 'ease-out'
+  });
+};
 export const CreateCropDrawer = ({
   application,
   original,
@@ -76,7 +86,7 @@ export const CreateCropDrawer = ({
   } = useToast();
   const deleteMediaFile = useDeleteMediaFile(application);
   const [ratio, setRatio] = useState('original');
-  const [dimension, setDimension] = useState('width');
+  const [lastEdited, setLastEdited] = useState('width');
   const [size, setSize] = useState(DEFAULT_SIZE);
   const [quality, setQuality] = useState(DEFAULT_QUALITY);
   const [isCreating, setIsCreating] = useState(false);
@@ -89,7 +99,7 @@ export const CreateCropDrawer = ({
   useEffect(() => {
     if (original) {
       setRatio('original');
-      setDimension('width');
+      setLastEdited('width');
       setSize(DEFAULT_SIZE);
       setQuality(DEFAULT_QUALITY);
       setViewedCrop(null);
@@ -119,7 +129,7 @@ export const CreateCropDrawer = ({
   const {
     width: outputWidth,
     height: outputHeight
-  } = getRequestedSize(ratioW, ratioH, dimension, sizeValue);
+  } = getRequestedSize(ratioW, ratioH, lastEdited, sizeValue);
   const srcW = originalMeta?.width ?? 0;
   const srcH = originalMeta?.height ?? 0;
   const canPlaceWindow = !isOriginalView && srcW > 0 && srcH > 0;
@@ -134,20 +144,34 @@ export const CreateCropDrawer = ({
     height: outputHeight
   };
   const isCapped = storedSize.width !== outputWidth || storedSize.height !== outputHeight;
-  // Both inputs are always visible: the driving one is editable, the other is
-  // read-only and shows the value computed from the aspect ratio.
+  // Both inputs are editable; the last edited one drives the size, the other follows the ratio.
   const computedText = value => isSizeValid ? String(value) : '';
-  const widthText = dimension === 'width' ? size : computedText(outputWidth);
-  const heightText = dimension === 'height' ? size : computedText(outputHeight);
-  const handleDimensionChange = next => {
-    if (next === dimension) return;
-    // Seed the newly editable field with its computed value so the visible
-    // numbers stay put and only editability swaps.
-    if (isSizeValid) {
-      setSize(String(next === 'width' ? outputWidth : outputHeight));
-    }
-    setDimension(next);
+  const widthText = lastEdited === 'width' ? size : computedText(outputWidth);
+  const heightText = lastEdited === 'height' ? size : computedText(outputHeight);
+  const handleSizeChange = (edited, value) => {
+    setLastEdited(edited);
+    setSize(value);
   };
+  const widthInputRef = useRef(null);
+  const heightInputRef = useRef(null);
+  const prevSizeRef = useRef({
+    original,
+    ratio,
+    width: widthText,
+    height: heightText
+  });
+  useLayoutEffect(() => {
+    const prev = prevSizeRef.current;
+    prevSizeRef.current = {
+      original,
+      ratio,
+      width: widthText,
+      height: heightText
+    };
+    if (isOriginalView || prev.original !== original || prev.ratio === 'original') return;
+    if (lastEdited === 'width' && heightText && heightText !== prev.height) flashRecalculated(heightInputRef.current);
+    if (lastEdited === 'height' && widthText && widthText !== prev.width) flashRecalculated(widthInputRef.current);
+  }, [original, ratio, isOriginalView, lastEdited, widthText, heightText]);
   // A crop is the same one only at the same ratio, output size and window position.
   const duplicateExists = !isOriginalView && isSizeValid && existingCrops.some(crop => {
     if (crop.meta?.type !== 'imageMeta') return false;
@@ -172,7 +196,7 @@ export const CreateCropDrawer = ({
         uuid: parent.uuid,
         ratio,
         size: {
-          type: dimension,
+          type: lastEdited,
           data: sizeValue
         },
         ...(isJpeg ? {
@@ -265,45 +289,31 @@ export const CreateCropDrawer = ({
               message: 'SMART.MEDIA_STORAGE.CREATE_CROP.SIZE_LABEL'
             })
           }), _jsxs(Columns, {
-            "$sizes": "auto 1fr 1fr",
+            "$sizes": "1fr auto 1fr",
             "$gap": 8,
             "$alignItems": "center",
-            children: [_jsxs(Segment, {
-              children: [_jsx(SegmentItem, {
-                type: "button",
-                "$active": dimension === 'width',
-                onClick: () => handleDimensionChange('width'),
-                children: lang({
-                  message: 'SMART.MEDIA_STORAGE.CREATE_CROP.WIDTH'
-                })
-              }), _jsx(SegmentItem, {
-                type: "button",
-                "$active": dimension === 'height',
-                onClick: () => handleDimensionChange('height'),
-                children: lang({
-                  message: 'SMART.MEDIA_STORAGE.CREATE_CROP.HEIGHT'
-                })
-              })]
-            }), _jsx(SizeInput, {
+            children: [_jsx(SizeInput, {
               type: "number",
               min: 1,
               value: widthText,
-              readOnly: dimension !== 'width',
-              "$isErrored": dimension === 'width' && !isSizeValid,
+              "$isErrored": lastEdited === 'width' && !isSizeValid,
+              ref: widthInputRef,
               "aria-label": lang({
                 message: 'SMART.MEDIA_STORAGE.CREATE_CROP.WIDTH'
               }),
-              onChange: event => setSize(event.target.value)
+              onChange: event => handleSizeChange('width', event.target.value)
+            }), _jsx(Text, {
+              children: "\u00D7"
             }), _jsx(SizeInput, {
               type: "number",
               min: 1,
               value: heightText,
-              readOnly: dimension !== 'height',
-              "$isErrored": dimension === 'height' && !isSizeValid,
+              "$isErrored": lastEdited === 'height' && !isSizeValid,
+              ref: heightInputRef,
               "aria-label": lang({
                 message: 'SMART.MEDIA_STORAGE.CREATE_CROP.HEIGHT'
               }),
-              onChange: event => setSize(event.target.value)
+              onChange: event => handleSizeChange('height', event.target.value)
             })]
           })]
         }), _jsxs(Vertical, {

package/MediaStorage/styles.js

@@ -115,7 +115,7 @@ export const FieldLabel = styled.div.withConfig({
 export const SizeInput = styled(NativeInput).withConfig({
   displayName: "SizeInput",
   componentId: "sc-uu3cbo-25"
-})(["&[readonly]{background:", ";color:", ";}"], Color.SOFT_LIGHT, Color.LOCKED);
+})(["-webkit-text-fill-color:currentColor;"]);
 export const Chips = styled.div.withConfig({
   displayName: "Chips",
   componentId: "sc-uu3cbo-26"

package/PickerSort/components/PickerSortMenu/PickerSortMenu.d.ts

@@ -1,4 +1,4 @@
 import { type FC } from 'react';
 import { type PickerSortMenuProps } from './types';
-/** Compact "⇅ <order> ▾" button that lets the user pick the order of a picker list. */
+/** Compact "⇅ Sort: <order>" button that lets the user pick the order of a picker list. */
 export declare const PickerSortMenu: FC<PickerSortMenuProps>;

package/PickerSort/components/PickerSortMenu/PickerSortMenu.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DropdownMenuButton, DropdownMenuItem, DropdownMenuSection } from '@pushwoosh/dumb-components';
-import { DropdownIcon, SortIcon } from '@pushwoosh/kit-icons';
+import { SortIcon } from '@pushwoosh/kit-icons';
 import { PICKER_SORT_ORDERS } from '../../constants';
 import { ORDER_MESSAGES, useLang } from '../../polyglot';
-/** Compact "⇅ <order> ▾" button that lets the user pick the order of a picker list. */
+/** Compact "⇅ Sort: <order>" button that lets the user pick the order of a picker list. */
 export const PickerSortMenu = ({
   value,
   onChange,
@@ -11,6 +11,9 @@ export const PickerSortMenu = ({
   isDisabled
 }) => {
   const lang = useLang();
+  const order = lang({
+    message: ORDER_MESSAGES[value]
+  });
   return _jsx(DropdownMenuButton, {
     color: "secondary",
     view: "ghost",
@@ -19,12 +22,9 @@ export const PickerSortMenu = ({
       size: "small",
       type: "not-sorted"
     }),
-    rightIcon: _jsx(DropdownIcon, {
-      direction: "down",
-      size: "small"
-    }),
     label: lang({
-      message: ORDER_MESSAGES[value]
+      message: 'SMART.PICKER_SORT.LABEL',
+      order
     }),
     isDisabled: isDisabled,
     menuPlacement: "bottom-end",

package/PickerSort/polyglot/index.d.ts

@@ -1,4 +1,4 @@
 import { type PickerSortOrder } from '../types';
 import { type PickerSortMessages } from './types';
 export declare const Lang: import("react").FC<import("@pushwoosh/dumb-components/polyglot").LangProps<PickerSortMessages>>, useLang: () => (props: import("@pushwoosh/dumb-components/polyglot").LangProps<PickerSortMessages>) => string;
-export declare const ORDER_MESSAGES: Record<PickerSortOrder, keyof PickerSortMessages>;
+export declare const ORDER_MESSAGES: Record<PickerSortOrder, Extract<keyof PickerSortMessages, `SMART.PICKER_SORT.ORDER.${string}`>>;

package/PickerSort/polyglot/messages_ar.js

@@ -1,8 +1,9 @@
 export const messages = {
   'SMART.PICKER_SORT.TITLE': 'ترتيب حسب',
+  'SMART.PICKER_SORT.LABEL': 'الترتيب: {{order}}',
   'SMART.PICKER_SORT.ORDER.CREATED_DESC': 'الأحدث أولاً',
   'SMART.PICKER_SORT.ORDER.CREATED_ASC': 'الأقدم أولاً',
-  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'المحدّثة مؤخرًا',
-  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'الاسم أ→ي',
-  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'الاسم ي→أ'
+  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'آخر تحديث',
+  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'أ-ي',
+  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'ي-أ'
 };

package/PickerSort/polyglot/messages_bn.js

@@ -1,8 +1,9 @@
 export const messages = {
   'SMART.PICKER_SORT.TITLE': 'সাজান',
+  'SMART.PICKER_SORT.LABEL': 'সাজানো: {{order}}',
   'SMART.PICKER_SORT.ORDER.CREATED_DESC': 'নতুন আগে',
   'SMART.PICKER_SORT.ORDER.CREATED_ASC': 'পুরনো আগে',
-  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'সম্প্রতি আপডেট করা',
-  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'নাম A→Z',
-  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'নাম Z→A'
+  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'সর্বশেষ আপডেট',
+  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'A-Z',
+  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Z-A'
 };

package/PickerSort/polyglot/messages_de.js

@@ -1,8 +1,9 @@
 export const messages = {
   'SMART.PICKER_SORT.TITLE': 'Sortieren nach',
+  'SMART.PICKER_SORT.LABEL': 'Sortierung: {{order}}',
   'SMART.PICKER_SORT.ORDER.CREATED_DESC': 'Neueste zuerst',
   'SMART.PICKER_SORT.ORDER.CREATED_ASC': 'Älteste zuerst',
   'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'Zuletzt aktualisiert',
-  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'Name A→Z',
-  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Name Z→A'
+  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'A-Z',
+  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Z-A'
 };

package/PickerSort/polyglot/messages_en.js

@@ -1,8 +1,9 @@
 export const messages = {
   'SMART.PICKER_SORT.TITLE': 'Sort by',
+  'SMART.PICKER_SORT.LABEL': 'Sort: {{order}}',
   'SMART.PICKER_SORT.ORDER.CREATED_DESC': 'Newest first',
   'SMART.PICKER_SORT.ORDER.CREATED_ASC': 'Oldest first',
-  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'Recently updated',
-  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'Name A→Z',
-  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Name Z→A'
+  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'Last updated',
+  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'A-Z',
+  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Z-A'
 };

package/PickerSort/polyglot/messages_es.js

@@ -1,8 +1,9 @@
 export const messages = {
   'SMART.PICKER_SORT.TITLE': 'Ordenar por',
+  'SMART.PICKER_SORT.LABEL': 'Orden: {{order}}',
   'SMART.PICKER_SORT.ORDER.CREATED_DESC': 'Más recientes primero',
   'SMART.PICKER_SORT.ORDER.CREATED_ASC': 'Más antiguos primero',
-  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'Actualizados recientemente',
-  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'Nombre A→Z',
-  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Nombre Z→A'
+  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'Última actualización',
+  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'A-Z',
+  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Z-A'
 };

package/PickerSort/polyglot/messages_fr.js

@@ -1,8 +1,9 @@
 export const messages = {
   'SMART.PICKER_SORT.TITLE': 'Trier par',
+  'SMART.PICKER_SORT.LABEL': 'Tri : {{order}}',
   'SMART.PICKER_SORT.ORDER.CREATED_DESC': 'Plus récents d’abord',
   'SMART.PICKER_SORT.ORDER.CREATED_ASC': 'Plus anciens d’abord',
-  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'Modifiés récemment',
-  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'Nom A→Z',
-  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Nom Z→A'
+  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'Dernière modification',
+  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'A-Z',
+  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Z-A'
 };

package/PickerSort/polyglot/messages_he.js

@@ -1,8 +1,9 @@
 export const messages = {
   'SMART.PICKER_SORT.TITLE': 'מיון לפי',
+  'SMART.PICKER_SORT.LABEL': 'מיון: {{order}}',
   'SMART.PICKER_SORT.ORDER.CREATED_DESC': 'החדשים קודם',
   'SMART.PICKER_SORT.ORDER.CREATED_ASC': 'הישנים קודם',
-  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'עודכנו לאחרונה',
-  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'שם א→ת',
-  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'שם ת→א'
+  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'עודכן לאחרונה',
+  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'א-ת',
+  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'ת-א'
 };

package/PickerSort/polyglot/messages_hi.js

@@ -1,8 +1,9 @@
 export const messages = {
   'SMART.PICKER_SORT.TITLE': 'क्रमबद्ध करें',
+  'SMART.PICKER_SORT.LABEL': 'क्रम: {{order}}',
   'SMART.PICKER_SORT.ORDER.CREATED_DESC': 'नए पहले',
   'SMART.PICKER_SORT.ORDER.CREATED_ASC': 'पुराने पहले',
-  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'हाल ही में अपडेट किए गए',
-  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'नाम A→Z',
-  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'नाम Z→A'
+  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'अंतिम अपडेट',
+  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'A-Z',
+  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Z-A'
 };

package/PickerSort/polyglot/messages_ja.js

@@ -1,8 +1,9 @@
 export const messages = {
   'SMART.PICKER_SORT.TITLE': '並べ替え',
+  'SMART.PICKER_SORT.LABEL': '並べ替え: {{order}}',
   'SMART.PICKER_SORT.ORDER.CREATED_DESC': '新しい順',
   'SMART.PICKER_SORT.ORDER.CREATED_ASC': '古い順',
-  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': '最近更新した順',
-  'SMART.PICKER_SORT.ORDER.NAME_ASC': '名前 A→Z',
-  'SMART.PICKER_SORT.ORDER.NAME_DESC': '名前 Z→A'
+  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': '最終更新',
+  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'A-Z',
+  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Z-A'
 };

package/PickerSort/polyglot/messages_ko.js

@@ -1,8 +1,9 @@
 export const messages = {
   'SMART.PICKER_SORT.TITLE': '정렬',
+  'SMART.PICKER_SORT.LABEL': '정렬: {{order}}',
   'SMART.PICKER_SORT.ORDER.CREATED_DESC': '최신순',
   'SMART.PICKER_SORT.ORDER.CREATED_ASC': '오래된순',
-  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': '최근 업데이트순',
-  'SMART.PICKER_SORT.ORDER.NAME_ASC': '이름 A→Z',
-  'SMART.PICKER_SORT.ORDER.NAME_DESC': '이름 Z→A'
+  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': '최종 업데이트',
+  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'A-Z',
+  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Z-A'
 };

package/PickerSort/polyglot/messages_pt.js

@@ -1,8 +1,9 @@
 export const messages = {
   'SMART.PICKER_SORT.TITLE': 'Ordenar por',
+  'SMART.PICKER_SORT.LABEL': 'Ordem: {{order}}',
   'SMART.PICKER_SORT.ORDER.CREATED_DESC': 'Mais recentes primeiro',
   'SMART.PICKER_SORT.ORDER.CREATED_ASC': 'Mais antigos primeiro',
-  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'Atualizados recentemente',
-  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'Nome A→Z',
-  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Nome Z→A'
+  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'Última atualização',
+  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'A-Z',
+  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Z-A'
 };

package/PickerSort/polyglot/messages_ru.js

@@ -1,8 +1,9 @@
 export const messages = {
   'SMART.PICKER_SORT.TITLE': 'Сортировка',
+  'SMART.PICKER_SORT.LABEL': 'Сортировка: {{order}}',
   'SMART.PICKER_SORT.ORDER.CREATED_DESC': 'Сначала новые',
   'SMART.PICKER_SORT.ORDER.CREATED_ASC': 'Сначала старые',
-  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'Недавно изменённые',
-  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'Название А→Я',
-  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Название Я→А'
+  'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'Последнее изменение',
+  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'А-Я',
+  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Я-А'
 };

package/PickerSort/polyglot/messages_th.js

@@ -1,8 +1,9 @@
 export const messages = {
   'SMART.PICKER_SORT.TITLE': 'เรียงตาม',
+  'SMART.PICKER_SORT.LABEL': 'เรียง: {{order}}',
   'SMART.PICKER_SORT.ORDER.CREATED_DESC': 'ใหม่สุดก่อน',
   'SMART.PICKER_SORT.ORDER.CREATED_ASC': 'เก่าสุดก่อน',
   'SMART.PICKER_SORT.ORDER.UPDATED_DESC': 'อัปเดตล่าสุด',
-  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'ชื่อ A→Z',
-  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'ชื่อ Z→A'
+  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'A-Z',
+  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Z-A'
 };

package/PickerSort/polyglot/messages_zh.js

@@ -1,8 +1,9 @@
 export const messages = {
   'SMART.PICKER_SORT.TITLE': '排序方式',
+  'SMART.PICKER_SORT.LABEL': '排序：{{order}}',
   'SMART.PICKER_SORT.ORDER.CREATED_DESC': '最新优先',
   'SMART.PICKER_SORT.ORDER.CREATED_ASC': '最早优先',
   'SMART.PICKER_SORT.ORDER.UPDATED_DESC': '最近更新',
-  'SMART.PICKER_SORT.ORDER.NAME_ASC': '名称 A→Z',
-  'SMART.PICKER_SORT.ORDER.NAME_DESC': '名称 Z→A'
+  'SMART.PICKER_SORT.ORDER.NAME_ASC': 'A-Z',
+  'SMART.PICKER_SORT.ORDER.NAME_DESC': 'Z-A'
 };

package/PickerSort/polyglot/types.d.ts

@@ -1,6 +1,9 @@
 import type { NoParams } from '@pushwoosh/dumb-components/polyglot';
 export type PickerSortMessages = {
     'SMART.PICKER_SORT.TITLE': NoParams;
+    'SMART.PICKER_SORT.LABEL': {
+        order: string;
+    };
     'SMART.PICKER_SORT.ORDER.CREATED_DESC': NoParams;
     'SMART.PICKER_SORT.ORDER.CREATED_ASC': NoParams;
     'SMART.PICKER_SORT.ORDER.UPDATED_DESC': NoParams;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/smart-components-kit",
-  "version": "1.21.2",
+  "version": "1.23.0",
   "description": "Stateful, data-connected React components shared by Pushwoosh micro-frontends",
   "repository": {
     "type": "git",
@@ -17,7 +17,7 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.2",
-    "@pushwoosh/dumb-components": "^3.2.0",
+    "@pushwoosh/dumb-components": "^3.4.0",
     "@pushwoosh/kit-constants": "^2.1.1",
     "@pushwoosh/kit-helpers": "^4.16.0",
     "@pushwoosh/kit-icons": "^2.3.10",