@dxtmisha/wiki 0.24.3 → 0.39.1

package/src/media/props/wikiList.ts

@@ -80,7 +80,7 @@ export const wikiList: StorybookArgsToList = {
       },
       value: [
         {
-          label: 'Запустить проект',
+          label: 'Запустить проект (Label)',
           value: 'launch-project',
           icon: 'play_arrow'
         },
@@ -256,15 +256,19 @@ export const wikiList: StorybookArgsToList = {
         en: 'Enable lightweight display mode. Reduces visual complexity by showing simplified item styling with minimal decorative elements.',
         ru: 'Включить упрощенный режим отображения. Уменьшает визуальную сложность, показывая упрощенную стилизацию элементов с минимальными декоративными элементами.'
       }
+    },
+    isDemo: true,
+    demoOptions: {
+      liteThreshold: 4
     }
   },
   'list.liteThreshold': {
     type: StorybookControl.number,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Threshold value that works when lite mode is enabled (lite: true). Defines the maximum number of items before additional optimizations are applied in lite mode.',
-        ru: 'Пороговое значение, которое работает когда включен lite режим (lite: true). Определяет максимальное количество элементов перед применением дополнительных оптимизаций в lite режиме.'
+        ru: 'Пороговое значение, которое работает, когда включен lite режим (lite: true). Определяет максимальное количество элементов перед применением дополнительных оптимизаций в lite режиме.'
       }
     }
   },
@@ -276,6 +280,8 @@ export const wikiList: StorybookArgsToList = {
         en: 'List of selected items. Contains all currently selected items in the list for multi-selection scenarios.',
         ru: 'Список выбранных элементов. Содержит все текущие выбранные элементы списка для сценариев множественного выбора.'
       }
-    }
+    },
+    isDemo: true,
+    demo: 'task-management'
   }
 }

package/src/media/props/wikiListItem.ts

@@ -10,6 +10,26 @@ import {
  * Объект wikiListItem содержит описание всех свойств для компонента ListItem
  */
 export const wikiListItem: StorybookArgsToList = {
+  'listItem.isItemMenu': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.technical,
+      description: {
+        en: 'Indicates if the item is a menu item. Adds aria-checked attribute for accessibility.',
+        ru: 'Указывает, является ли элемент пунктом меню. Добавляет атрибут aria-checked для доступности.'
+      }
+    }
+  },
+  'listItem.isMenu': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.technical,
+      description: {
+        en: 'Indicates if the item is a menu. Adds aria-haspopup="menu" and aria-expanded attributes for accessibility.',
+        ru: 'Указывает, является ли элемент меню. Добавляет атрибуты aria-haspopup="menu" и aria-expanded для доступности.'
+      }
+    }
+  },
   'listItem.listId': {
     type: StorybookControl.string,
     options: {
@@ -55,12 +75,13 @@ export const wikiListItem: StorybookArgsToList = {
   'listItem.selectedChild': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.status,
+      category: StorybookCategory.technical,
       description: {
         en: 'Indicates if any child element of this list item is selected',
         ru: 'Указывает, выбран ли какой-либо дочерний элемент данного элемента списка'
       }
-    }
+    },
+    isDemo: true
   },
   'listItem.type': {
     type: StorybookControl.string,

package/src/media/props/wikiMask.ts

@@ -32,20 +32,10 @@ export const wikiMask: StorybookArgsToList = {
       }
     }
   },
-  'mask.currencyHide': {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.value,
-      description: {
-        en: 'Hide the currency symbol in the formatted value',
-        ru: 'Скрывать символ валюты в форматированном значении'
-      }
-    }
-  },
   'mask.fullOnly': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.value,
+      category: StorybookCategory.option,
       description: {
         en: 'Treat input as valid only when the mask is fully completed',
         ru: 'Считать ввод валидным только при полном заполнении маски'
@@ -55,7 +45,7 @@ export const wikiMask: StorybookArgsToList = {
   'mask.groupSave': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Controls cursor behavior when moving between different special character groups in the mask',
         ru: 'Управляет поведением курсора при переходе между разными группами специальных символов в маске'

package/src/media/props/wikiMaskInclude.ts

@@ -0,0 +1,54 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiMask object contains descriptions of all properties for the mask component
+ *
+ * Объект wikiMask содержит описание всех свойств для компонента маски (Mask)
+ */
+export const wikiMaskInclude: StorybookArgsToList = {
+  mask: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.mask,
+      type: ['string', 'object'],
+      description: {
+        en: 'Input mask pattern or mask configuration object',
+        ru: 'Паттерн маски ввода или объект конфигурации маски'
+      }
+    }
+  },
+  maskAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the mask component',
+        ru: 'Дополнительные атрибуты для компонента маски'
+      }
+    }
+  },
+  maskNone: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.mask,
+      description: {
+        en: 'Disables the mask functionality',
+        ru: 'Отключает функциональность маски'
+      }
+    }
+  },
+  maskVisible: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.mask,
+      description: {
+        en: 'Controls visibility of mask placeholder characters',
+        ru: 'Управляет видимостью символов-заполнителей маски'
+      }
+    }
+  }
+}

package/src/media/props/wikiMenu.ts

@@ -26,23 +26,13 @@ export const wikiMenu: StorybookArgsToList = {
   'menu.cache': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.status,
+      category: StorybookCategory.option,
       description: {
         en: 'Enables caching of loaded menu data to reduce network requests.',
         ru: 'Включает кэширование загруженных данных меню для уменьшения сетевых запросов.'
       }
     }
   },
-  'menu.hideList': {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Hides the internal List part of Menu; shows only header/toolbar and other slots.',
-        ru: 'Скрывает внутреннюю часть List в Menu; отображает только заголовок/панель и другие слоты.'
-      }
-    }
-  },
   'menu.isSelectedByValue': {
     type: StorybookControl.boolean,
     options: {

package/src/media/props/wikiMotionTransform.ts

@@ -35,23 +35,13 @@ export const wikiMotionTransform: StorybookArgsToList = {
   'motionTransform.autoClose': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
-        en: 'Automatically close on outside click',
+        en: 'Automatically close on the outside click',
         ru: 'Автоматическое закрытие при клике снаружи'
       }
     }
   },
-  'motionTransform.clickOpen': {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Enable opening on click',
-        ru: 'Включение открытия по клику'
-      }
-    }
-  },
   'motionTransform.ignore': {
     type: StorybookControl.string,
     options: {
@@ -75,11 +65,15 @@ export const wikiMotionTransform: StorybookArgsToList = {
   'motionTransform.section': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Enable section styling mode',
         ru: 'Включение режима стилизации секции'
       }
+    },
+    isDemo: true,
+    demoOptions: {
+      open: true
     }
   }
 }

package/src/media/props/wikiOption.ts

@@ -0,0 +1,356 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * Props for the Wiki component in Storybook
+ *
+ * Свойства для компонента 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 a site direction (RTL/LTR)',
+        ru: 'Зеркально отражает компонент в зависимости от направления сайта (RTL/LTR)'
+      }
+    }
+  },
+  dynamic: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+
+      description: {
+        en: 'Enables dynamic reactions to hover and focus',
+        ru: 'Включает динамическую реакцию на hover и focus'
+      }
+    },
+    isDemo: true
+  },
+  dynamicHover: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+
+      description: {
+        en: 'Enables dynamic hover effect for the component',
+        ru: 'Включает динамический эффект наведения для компонента'
+      }
+    }
+  },
+  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: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Enables grid layout mode',
+        ru: 'Включает режим сетки'
+      }
+    }
+  },
+  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: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Indicates whether the window is in the DOM',
+        ru: 'Указывает, присутствует ли окно в DOM'
+      }
+    }
+  },
+  interactive: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Enables interactive mode for the component',
+        ru: 'Включает интерактивный режим для компонента'
+      }
+    }
+  },
+  isSkeleton: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+
+      description: {
+        en: 'Displays the component in skeleton mode',
+        ru: 'Отображает компонент в режиме скелетона'
+      }
+    }
+  },
+  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‑тег для элемента компонента'
+      }
+    }
+  },
+  tagBody: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      description: {
+        en: 'Sets HTML tag for the body/content container element',
+        ru: 'Задает HTML‑тег для элемента контейнера тела/содержимого'
+      }
+    }
+  },
+  tagHeader: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      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)'