@dxtmisha/wiki 0.25.1 → 0.39.1

package/src/media/props/wikiOption.ts

@@ -10,13 +10,87 @@ import {
  * Свойства для компонента Wiki в Storybook
  */
 export const wikiOption: StorybookArgsToList = {
+  autoClose: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+
+      description: {
+        en: 'Closes the window/menu when clicking inside the content area',
+        ru: 'Закрывает окно/меню при клике внутри области содержимого'
+      }
+    }
+  },
+  autosize: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+
+      description: {
+        en: 'Automatically adjusts the component size based on content',
+        ru: 'Автоматически подстраивает размер компонента под содержимое'
+      }
+    }
+  },
+  axis: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Sets the axis direction for component layout or scrolling',
+        ru: 'Задает направление оси для раскладки или прокрутки компонента'
+      }
+    }
+  },
+  cancel: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.option,
+      options: ['auto', 'always'],
+      description: {
+        en: 'Cancel button mode: auto (show only if cancelShow + active, no arrows) or always (force unless disabled/readonly or arrows).',
+        ru: 'Режим кнопки очистки: auto (показывать если cancelShow и активен, без стрелок) или always (всегда, кроме disabled/readonly или стрелок).'
+      }
+    },
+    isDemo: true,
+    demoOptions: {
+      value: 'Value'
+    }
+  },
+  clickOpen: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Enable opening on click',
+        ru: 'Включение открытия по клику'
+      }
+    }
+  },
+  currencyHide: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Hide the currency symbol in the formatted value',
+        ru: 'Скрывать символ валюты в форматированном значении'
+      }
+    },
+    isDemo: true,
+    demoOptions: {
+      currency: 'USD',
+      type: 'currency'
+    }
+  },
   dir: {
     type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.option,
 
       description: {
-        en: 'Mirrors the component depending on site direction (RTL/LTR)',
+        en: 'Mirrors the component depending on a site direction (RTL/LTR)',
         ru: 'Зеркально отражает компонент в зависимости от направления сайта (RTL/LTR)'
       }
     }
@@ -30,7 +104,8 @@ export const wikiOption: StorybookArgsToList = {
         en: 'Enables dynamic reactions to hover and focus',
         ru: 'Включает динамическую реакцию на hover и focus'
       }
-    }
+    },
+    isDemo: true
   },
   dynamicHover: {
     type: StorybookControl.boolean,
@@ -43,6 +118,30 @@ export const wikiOption: StorybookArgsToList = {
       }
     }
   },
+  filterMode: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Enables filter mode for search (hides non-matching items)',
+        ru: 'Включает режим фильтрации для поиска (скрывает несовпадающие элементы)'
+      }
+    }
+  },
+  formatting: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Whether to format values before displaying',
+        ru: 'Нужно ли форматировать значения перед отображением'
+      }
+    },
+    isDemo: true,
+    demoOptions: {
+      label: 1234567
+    }
+  },
   grid: {
     type: StorybookControl.boolean,
     options: {
@@ -53,6 +152,32 @@ export const wikiOption: StorybookArgsToList = {
       }
     }
   },
+  hideList: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Hides the internal List part of the Menu; shows only header/toolbar and other slots.',
+        ru: 'Скрывает внутреннюю часть List в Menu; отображает только заголовок/панель и другие слоты.'
+      }
+    }
+  },
+  horizontal: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Sets horizontal alignment of elements',
+        ru: 'Задает горизонтальное выравнивание элементов'
+      }
+    },
+    isDemo: true,
+    demoOptions: {
+      overlap: 'rectangular'
+    }
+  },
   inDom: {
     type: StorybookControl.boolean,
     options: {
@@ -63,6 +188,16 @@ export const wikiOption: StorybookArgsToList = {
       }
     }
   },
+  interactive: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Enables interactive mode for the component',
+        ru: 'Включает интерактивный режим для компонента'
+      }
+    }
+  },
   isSkeleton: {
     type: StorybookControl.boolean,
     options: {
@@ -74,12 +209,73 @@ export const wikiOption: StorybookArgsToList = {
       }
     }
   },
-  tag: {
+  keyLabel: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      description: {
+        en: 'Object key to use as label text',
+        ru: 'Ключ объекта для использования в качестве текста метки'
+      }
+    }
+  },
+  keyValue: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      description: {
+        en: 'Object key to use as value text',
+        ru: 'Ключ объекта для использования в качестве текста значения'
+      }
+    }
+  },
+  labelMax: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.option,
+      type: 'number',
+      description: {
+        en: 'Maximum length of the label text before truncation',
+        ru: 'Максимальная длина текста метки перед обрезкой'
+      }
+    },
+    isDemo: true,
+    demo: 1000,
+    demoOptions: {
+      label: 1234567
+    }
+  },
+  maxlengthOnce: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.option,
+      type: 'number',
+      description: {
+        en: 'The number of characters remaining at which the screen reader starts announcing',
+        ru: 'Количество оставшихся символов, при котором скринридер начинает произносить'
+      }
+    }
+  },
+  overlap: {
     type: StorybookControl.select,
     options: {
       category: StorybookCategory.option,
       type: 'string',
       options: [],
+      description: {
+        en: 'Defines element positioning relative to other elements',
+        ru: 'Определяет расположение элемента относительно других элементов'
+      }
+    },
+    isDemo: true
+  },
+  tag: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
       description: {
         en: 'Sets HTML tag for the component element',
         ru: 'Задает HTML‑тег для элемента компонента'
@@ -87,11 +283,10 @@ export const wikiOption: StorybookArgsToList = {
     }
   },
   tagBody: {
-    type: StorybookControl.select,
+    type: StorybookControl.string,
     options: {
       category: StorybookCategory.option,
       type: 'string',
-      options: [],
       description: {
         en: 'Sets HTML tag for the body/content container element',
         ru: 'Задает HTML‑тег для элемента контейнера тела/содержимого'
@@ -99,15 +294,63 @@ export const wikiOption: StorybookArgsToList = {
     }
   },
   tagHeader: {
-    type: StorybookControl.select,
+    type: StorybookControl.string,
     options: {
       category: StorybookCategory.option,
       type: 'string',
-      options: [],
       description: {
         en: 'Sets HTML tag for the header container element',
         ru: 'Задает HTML‑тег для элемента контейнера шапки'
       }
     }
+  },
+  template: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      description: {
+        en: 'Custom display template used by the component',
+        ru: 'Пользовательский шаблон отображения, используемый компонентом'
+      }
+    }
+  },
+  touchClose: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Enables closing the component by a swipe-down gesture on mobile devices',
+        ru: 'Включает закрытие компонента жестом свайпа вниз на мобильных устройствах'
+      }
+    }
+  },
+  type: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Selects the visual type/variant of the component',
+        ru: 'Выбирает визуальный тип/вариант компонента'
+      }
+    }
+  },
+  vertical: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Sets vertical alignment of elements',
+        ru: 'Задает вертикальное выравнивание элементов'
+      }
+    },
+    isDemo: true,
+    demoOptions: {
+      overlap: 'rectangular'
+    }
   }
 }

package/src/media/props/wikiProgress.ts

@@ -14,7 +14,7 @@ export const wikiProgress: StorybookArgsToList = {
   'progress.delay': {
     type: StorybookControl.number,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       type: ['number', 'string'],
       description: {
         en: 'Delay before showing the progress indicator in milliseconds',
@@ -25,7 +25,7 @@ export const wikiProgress: StorybookArgsToList = {
   'progress.delayHide': {
     type: StorybookControl.number,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       type: ['number', 'string'],
       description: {
         en: 'Delay before hiding the progress indicator in milliseconds',
@@ -41,7 +41,8 @@ export const wikiProgress: StorybookArgsToList = {
         en: 'Adds a point at the end of the progress indicator',
         ru: 'Добавляет точку в конце индикатора прогресса'
       }
-    }
+    },
+    isDemo: true
   },
   'progress.linear': {
     type: StorybookControl.boolean,
@@ -61,7 +62,8 @@ export const wikiProgress: StorybookArgsToList = {
         en: 'Enables circular progress indicator display',
         ru: 'Включает отображение круглого индикатора прогресса'
       }
-    }
+    },
+    isDemo: true
   },
   'progress.indeterminate': {
     type: StorybookControl.select,
@@ -83,7 +85,8 @@ export const wikiProgress: StorybookArgsToList = {
         en: 'Position of the progress indicator',
         ru: 'Позиция индикатора прогресса'
       }
-    }
+    },
+    isDemo: true
   },
   'progress.visible': {
     type: StorybookControl.boolean,

package/src/media/props/wikiScrollbar.ts

@@ -27,7 +27,7 @@ export const wikiScrollbar: StorybookArgsToList = {
       category: StorybookCategory.style,
 
       description: {
-        en: 'Show divider line at the bottom',
+        en: 'Show the divider line at the bottom',
         ru: 'Показывать разделительную линию снизу'
       }
     }
@@ -49,7 +49,7 @@ export const wikiScrollbar: StorybookArgsToList = {
       category: StorybookCategory.style,
 
       description: {
-        en: 'Show divider line at the top',
+        en: 'Show the divider line at the top',
         ru: 'Показывать разделительную линию сверху'
       }
     }
@@ -60,15 +60,15 @@ export const wikiScrollbar: StorybookArgsToList = {
       category: StorybookCategory.style,
 
       description: {
-        en: 'Invert divider line behavior - show lines when scroll is at beginning/end',
-        ru: 'Инвертировать поведение разделительных линий - показывать линии когда скролл в начале/конце'
+        en: 'Invert divider line behavior - show lines when the scroll is at beginning/end',
+        ru: 'Инвертировать поведение разделительных линий - показывать линии, когда скролл в начале/конце'
       }
     }
   },
   'scrollbar.standard': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
 
       description: {
         en: 'Use standard browser scrollbar',
@@ -79,7 +79,7 @@ export const wikiScrollbar: StorybookArgsToList = {
   'scrollbar.visible': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Controls element visibility and scrolling behavior (overflow: visible)',
         ru: 'Управляет видимостью элемента и поведением прокрутки (overflow: visible)'

package/src/media/props/wikiSelect.ts

@@ -10,6 +10,27 @@ import {
  * Объект wikiSelect содержит свойства для компонента Select
  */
 export const wikiSelect: StorybookArgsToList = {
+  'select.editValue': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.form,
+      description: {
+        en: 'Allows editing the selected value directly inside the input when not in multiple mode',
+        ru: 'Позволяет редактировать выбранное значение прямо в input при одиночном выборе'
+      }
+    }
+  },
+  'select.inputSearchAttrs': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      type: ['object', 'function'],
+      description: {
+        en: 'Additional bindings or attributes for the search input inside the dropdown',
+        ru: 'Дополнительные привязки или атрибуты для поля поиска внутри выпадающего меню'
+      }
+    }
+  },
   'select.option': {
     type: StorybookControl.object,
     options: {
@@ -34,35 +55,14 @@ export const wikiSelect: StorybookArgsToList = {
       ]
     }
   },
-  'select.editValue': {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.form,
-      description: {
-        en: 'Allows editing the selected value directly inside the input when not in multiple mode',
-        ru: 'Позволяет редактировать выбранное значение прямо в input при одиночном выборе'
-      }
-    }
-  },
   'select.showSearch': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Shows a search/filter field inside the dropdown menu',
         ru: 'Отображает поле поиска/фильтра внутри выпадающего меню'
       }
     }
-  },
-  'select.inputSearchAttrs': {
-    type: StorybookControl.object,
-    options: {
-      category: StorybookCategory.style,
-      type: ['object', 'function'],
-      description: {
-        en: 'Additional bindings or attributes for the search input inside the dropdown',
-        ru: 'Дополнительные привязки или атрибуты для поля поиска внутри выпадающего меню'
-      }
-    }
   }
 }

package/src/media/props/wikiStatus.ts

@@ -14,7 +14,6 @@ export const wikiStatus: StorybookArgsToList = {
     type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.status,
-
       description: {
         en: 'Sets the element to an active state',
         ru: 'Переводит элемент в активное состояние'
@@ -31,37 +30,27 @@ export const wikiStatus: StorybookArgsToList = {
       }
     }
   },
-  clickOpen: {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Enable opening on click',
-        ru: 'Включение открытия по клику'
-      }
-    }
-  },
   disabled: {
     type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.status,
-
       description: {
         en: 'Sets the element to an inactive state',
         ru: 'Переводит элемент в неактивное состояние'
       }
-    }
+    },
+    isDemo: true
   },
   error: {
     type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.status,
-
       description: {
         en: 'Sets the element to an error state',
         ru: 'Переводит элемент в состояние ошибки'
       }
-    }
+    },
+    isDemo: true
   },
   focus: {
     type: StorybookControl.boolean,
@@ -71,13 +60,13 @@ export const wikiStatus: StorybookArgsToList = {
         en: 'Visual focus state',
         ru: 'Визуальное состояние фокуса'
       }
-    }
+    },
+    isDemo: true
   },
   forceShow: {
     type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.status,
-
       description: {
         en: 'Forces the display of the element regardless of other conditions',
         ru: 'Принудительно отображает элемент независимо от других условий'
@@ -88,7 +77,6 @@ export const wikiStatus: StorybookArgsToList = {
     type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.status,
-
       description: {
         en: 'Hides the element',
         ru: 'Скрывает элемент'
@@ -109,23 +97,23 @@ export const wikiStatus: StorybookArgsToList = {
     type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.status,
-
       description: {
         en: 'Sets the element to a loading state',
         ru: 'Переводит элемент в состояние загрузки'
       }
-    }
+    },
+    isDemo: true
   },
   open: {
     type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.status,
-
       description: {
         en: 'Sets the element to an open state',
         ru: 'Переводит элемент в открытое состояние'
       }
-    }
+    },
+    isDemo: true
   },
   readonly: {
     type: StorybookControl.boolean,
@@ -145,29 +133,30 @@ export const wikiStatus: StorybookArgsToList = {
         en: 'Selected state of the element',
         ru: 'Состояние выбора элемента'
       }
-    }
+    },
+    isDemo: true
   },
   success: {
     type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.status,
-
       description: {
         en: 'Sets the element to a success state',
         ru: 'Переводит элемент в состояние успеха'
       }
-    }
+    },
+    isDemo: true
   },
   turn: {
     type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.status,
-
       description: {
         en: 'Rotates the element by 180 degrees',
         ru: 'Поворачивает элемент на 180 градусов'
       }
-    }
+    },
+    isDemo: true
   },
   visible: {
     type: StorybookControl.boolean,