@dxtmisha/wiki 0.24.3 → 0.25.1

package/src/media/props/wikiImage.ts

@@ -46,23 +46,13 @@ export const wikiImage: StorybookArgsToList = {
       }
     }
   },
-  'image.objectWidth': {
-    type: StorybookControl.number,
-    options: {
-      category: StorybookCategory.adaptive,
-      description: {
-        en: 'Defines the physical width of an element on the image for adaptive alignment',
-        ru: 'Указывает физическую ширину элемента на изображении для адаптивного выравнивания'
-      }
-    }
-  },
-  'image.objectHeight': {
-    type: StorybookControl.number,
+  'image.adaptiveAlways': {
+    type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.adaptive,
       description: {
-        en: 'Defines the physical height of an element on the image for adaptive alignment',
-        ru: 'Указывает физическую высоту элемента на изображении для адаптивного выравнивания'
+        en: 'Continuously calculates the image size, even when the element is off-screen',
+        ru: 'Постоянно вычисляет размер изображения, даже если элемент находится вне экрана'
       }
     }
   },
@@ -76,13 +66,13 @@ export const wikiImage: StorybookArgsToList = {
       }
     }
   },
-  'image.adaptiveAlways': {
-    type: StorybookControl.boolean,
+  'image.alt': {
+    type: StorybookControl.string,
     options: {
-      category: StorybookCategory.adaptive,
+      category: StorybookCategory.information,
       description: {
-        en: 'Continuously calculates the image size, even when the element is off-screen',
-        ru: 'Постоянно вычисляет размер изображения, даже если элемент находится вне экрана'
+        en: 'Alternative text for the image when using the img tag',
+        ru: 'Альтернативный текст для изображения при использовании тега img'
       }
     }
   },
@@ -99,6 +89,68 @@ export const wikiImage: StorybookArgsToList = {
       }
     }
   },
+  'image.lazy': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Enables lazy loading of the image using the native loading="lazy" attribute',
+        ru: 'Включает ленивую загрузку изображения с использованием нативного атрибута loading="lazy"'
+      }
+    }
+  },
+  'image.objectHeight': {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.adaptive,
+      description: {
+        en: 'Defines the physical height of an element on the image for adaptive alignment',
+        ru: 'Указывает физическую высоту элемента на изображении для адаптивного выравнивания'
+      }
+    }
+  },
+  'image.objectWidth': {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.adaptive,
+      description: {
+        en: 'Defines the physical width of an element on the image for adaptive alignment',
+        ru: 'Указывает физическую ширину элемента на изображении для адаптивного выравнивания'
+      }
+    }
+  },
+  'image.picture': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.value,
+      type: ['Record<string, string>', 'ImagePictureList'],
+      description: {
+        en: 'Sources for different display conditions using the picture tag with media queries',
+        ru: 'Источники для разных условий отображения с использованием тега picture и медиа-запросов'
+      }
+    }
+  },
+  'image.srcset': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.value,
+      type: ['string', 'Record<string, string>'],
+      description: {
+        en: 'Set of image sources for different screen resolutions and pixel densities',
+        ru: 'Набор источников изображения для разных разрешений экрана и плотности пикселей'
+      }
+    }
+  },
+  'image.tagImg': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Use the img tag instead of background image for better accessibility and SEO',
+        ru: 'Использовать тег img вместо фонового изображения для лучшей доступности и SEO'
+      }
+    }
+  },
   'image.x': {
     type: StorybookControl.string,
     options: {

package/src/media/props/wikiInformation.ts

@@ -0,0 +1,160 @@
+import { type StorybookArgsToList, StorybookCategory, StorybookControl } from '../../types/storybookTypes'
+
+export const wikiInformation: StorybookArgsToList = {
+  buttonClose: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.information,
+      type: ['string', 'ConstrBind<ButtonPropsBasic>', 'null'],
+      description: {
+        en: 'Close button configuration (string for label or full button props object, null to hide)',
+        ru: 'Конфигурация кнопки закрытия (строка для метки или объект свойств кнопки, null для скрытия)'
+      }
+    }
+  },
+  buttonOk: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.information,
+      type: ['string', 'ConstrBind<ButtonPropsBasic>', 'null'],
+      description: {
+        en: 'OK button configuration (string for label or full button props object, null to hide)',
+        ru: 'Конфигурация кнопки OK (строка для метки или объект свойств кнопки, null для скрытия)'
+      }
+    }
+  },
+  caption: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Caption text for additional information',
+        ru: 'Текст подписи для дополнительной информации'
+      }
+    }
+  },
+  description: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Description text providing additional context',
+        ru: 'Текст описания, предоставляющий дополнительный контекст'
+      },
+      value: 'Here is a detailed description of the component'
+    }
+  },
+  forceShowMessage: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.information,
+      description: {
+        en: 'Forces display of helper / validation message ignoring usual visibility rules',
+        ru: 'Принудительно показывает сообщение (helper / validation), игнорируя обычные условия видимости'
+      }
+    }
+  },
+  headline: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Headline text',
+        ru: 'Текст заголовка'
+      }
+    }
+  },
+  helperMessage: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Helper text providing guidance or additional information',
+        ru: 'Вспомогательный текст, предоставляющий руководство или дополнительную информацию'
+      },
+      value: 'This is a helpful message'
+    }
+  },
+  image: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string | File | ImageProps',
+      description: {
+        en: 'Specifies the image value for the component',
+        ru: 'Указывает значение изображения для компонента'
+      }
+    }
+  },
+  label: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Text label for the component',
+        ru: 'Текстовая метка для компонента'
+      },
+      value: 'Label'
+    }
+  },
+  labelMax: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.information,
+      type: 'number',
+      description: {
+        en: 'Maximum length of the label text before truncation',
+        ru: 'Максимальная длина текста метки перед обрезкой'
+      }
+    }
+  },
+  placeholder: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Placeholder text shown when the input is empty',
+        ru: 'Текст подсказки, отображаемый при пустом вводе'
+      }
+    }
+  },
+  prefix: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Prefix text displayed before the main content',
+        ru: 'Текст префикса, отображаемый перед основным содержимым'
+      }
+    }
+  },
+  suffix: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Suffix text displayed after the main content',
+        ru: 'Текст суффикса, отображаемый после основного содержимого'
+      }
+    }
+  },
+  validationMessage: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Error or validation message text',
+        ru: 'Текст сообщения об ошибке или валидации'
+      }
+    }
+  }
+}

package/src/media/props/wikiInput.ts

@@ -0,0 +1,34 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiInput object contains descriptions of all properties for the Input component
+ *
+ * Объект wikiInput содержит описание всех свойств для компонента Input
+ */
+export const wikiInput: StorybookArgsToList = {
+  'input.list': {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      description: {
+        en: 'ID of a datalist element that contains predefined autocomplete options for the input field',
+        ru: 'ID элемента datalist, содержащего предопределённые варианты для автозаполнения поля ввода'
+      }
+    }
+  },
+  'input.type': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'Input type that determines the behavior and validation of the field',
+        ru: 'Тип инпута, определяющий поведение и валидацию поля'
+      }
+    }
+  }
+}

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: {

package/src/media/props/wikiMask.ts

@@ -32,16 +32,6 @@ 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: {

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.mask,
+      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

@@ -33,16 +33,6 @@ export const wikiMenu: StorybookArgsToList = {
       }
     }
   },
-  '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

@@ -42,16 +42,6 @@ export const wikiMotionTransform: StorybookArgsToList = {
       }
     }
   },
-  'motionTransform.clickOpen': {
-    type: StorybookControl.boolean,
-    options: {
-      category: StorybookCategory.style,
-      description: {
-        en: 'Enable opening on click',
-        ru: 'Включение открытия по клику'
-      }
-    }
-  },
   'motionTransform.ignore': {
     type: StorybookControl.string,
     options: {

package/src/media/props/wikiOption.ts

@@ -0,0 +1,113 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * Props for the Wiki component in Storybook
+ *
+ * Свойства для компонента Wiki в Storybook
+ */
+export const wikiOption: StorybookArgsToList = {
+  dir: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+
+      description: {
+        en: 'Mirrors the component depending on 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'
+      }
+    }
+  },
+  dynamicHover: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+
+      description: {
+        en: 'Enables dynamic hover effect for the component',
+        ru: 'Включает динамический эффект наведения для компонента'
+      }
+    }
+  },
+  grid: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Enables grid layout mode',
+        ru: 'Включает режим сетки'
+      }
+    }
+  },
+  inDom: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Indicates whether the window is in the DOM',
+        ru: 'Указывает, присутствует ли окно в DOM'
+      }
+    }
+  },
+  isSkeleton: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+
+      description: {
+        en: 'Displays the component in skeleton mode',
+        ru: 'Отображает компонент в режиме скелетона'
+      }
+    }
+  },
+  tag: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Sets HTML tag for the component element',
+        ru: 'Задает HTML‑тег для элемента компонента'
+      }
+    }
+  },
+  tagBody: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Sets HTML tag for the body/content container element',
+        ru: 'Задает HTML‑тег для элемента контейнера тела/содержимого'
+      }
+    }
+  },
+  tagHeader: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Sets HTML tag for the header container element',
+        ru: 'Задает HTML‑тег для элемента контейнера шапки'
+      }
+    }
+  }
+}

package/src/media/props/wikiSelect.ts

@@ -0,0 +1,68 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiSelect object contains properties for the Select component
+ *
+ * Объект wikiSelect содержит свойства для компонента Select
+ */
+export const wikiSelect: StorybookArgsToList = {
+  'select.option': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.value,
+      type: ['array', 'object', 'function'],
+      description: {
+        en: 'List of options to display in the dropdown - accepts array, object, or function returning options',
+        ru: 'Список опций для отображения в выпадающем списке - принимает массив, объект или функцию, возвращающую опции'
+      },
+      value: [
+        { label: 'Home', value: 'home', icon: 'home' },
+        { label: 'Dashboard', value: 'dashboard', icon: 'dashboard' },
+        { label: 'Profile', value: 'profile', icon: 'person' },
+        { label: 'Settings', value: 'settings', icon: 'settings' },
+        { label: 'Notifications', value: 'notifications', icon: 'notifications' },
+        { label: 'Messages', value: 'messages', icon: 'message' },
+        { label: 'Calendar', value: 'calendar', icon: 'calendar_today' },
+        { label: 'Tasks', value: 'tasks', icon: 'task' },
+        { label: 'Projects', value: 'projects', icon: 'work' },
+        { label: 'Team', value: 'team', icon: 'group' },
+        { label: 'Documents', value: 'documents', icon: 'description' }
+      ]
+    }
+  },
+  '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,
+      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/wikiSelectValue.ts

@@ -0,0 +1,30 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiSelectValue object contains properties for the SelectValue component
+ *
+ * Объект wikiSelectValue содержит свойства для компонента SelectValue
+ */
+export const wikiSelectValue: StorybookArgsToList = {
+  'selectValue.value': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.value,
+      type: 'array',
+      description: {
+        en: 'Array of selected values to display - each item should contain label, value, and optional index, icon, and detail properties',
+        ru: 'Массив выбранных значений для отображения - каждый элемент должен содержать свойства label, value и опционально index, icon и detail'
+      },
+      value: [
+        { label: 'JavaScript', value: 'js', icon: 'code', index: '1' },
+        { label: 'TypeScript', value: 'ts', icon: 'verified', index: '2', detail: 'Recommended' },
+        { label: 'React', value: 'react', icon: 'favorite', index: '3' },
+        { label: 'Vue.js', value: 'vue', icon: 'star', index: '4', detail: 'Popular framework' }
+      ]
+    }
+  }
+}