@dxtmisha/wiki 0.24.2 → 0.25.1

package/src/media/props/wikiForm.ts

@@ -0,0 +1,248 @@
+import { type StorybookArgsToList, StorybookCategory, StorybookControl } from '../../types/storybookTypes'
+
+export const wikiForm: StorybookArgsToList = {
+  arrow: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      options: ['auto', 'carousel', 'stepper', 'none'],
+      description: {
+        en: 'Arrow controls type for numeric input (auto, carousel, stepper, none)',
+        ru: 'Тип стрелочных элементов управления для числового ввода (auto, carousel, stepper, none)'
+      }
+    }
+  },
+  arrowAlign: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      options: ['center', 'right', 'left'],
+      description: {
+        en: 'Sets alignment position of arrow buttons within the field',
+        ru: 'Задает позицию выравнивания кнопок-стрелок внутри поля'
+      }
+    }
+  },
+  arrowStep: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Step size for input arrows (type="number" only) when using increment/decrement buttons',
+        ru: 'Размер шага для стрелок ввода (только для type="number") при использовании кнопок увеличения/уменьшения'
+      }
+    }
+  },
+  autocapitalize: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'Auto capitalization mode for text input (off, none, sentences, words, characters)',
+        ru: 'Режим автоматической капитализации для текстового ввода (off, none, sentences, words, characters)'
+      }
+    }
+  },
+  autocomplete: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'Autocomplete hint for browser autofill feature (e.g., email, name, tel)',
+        ru: 'Подсказка автозаполнения для функции автозаполнения браузера (например, email, name, tel)'
+      }
+    }
+  },
+  autocorrect: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'Autocorrect mode for iOS/Safari (on or off)',
+        ru: 'Режим автокоррекции для iOS/Safari (on или off)'
+      }
+    }
+  },
+  autofocus: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.form,
+
+      description: {
+        en: 'Automatically focuses the element when the page loads',
+        ru: 'Автоматически устанавливает фокус на элемент при загрузке страницы'
+      }
+    }
+  },
+  enterKeyHint: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      options: ['enter', 'done', 'go', 'next', 'previous', 'search', 'send'],
+      description: {
+        en: 'Hint for the enter key label on virtual keyboards',
+        ru: 'Подсказка для метки клавиши Enter на виртуальных клавиатурах'
+      }
+    }
+  },
+  form: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'ID of the form element this input belongs to',
+        ru: 'ID элемента формы, к которой относится данный инпут'
+      }
+    }
+  },
+  inputMode: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      options: ['none', 'text', 'decimal', 'numeric', 'tel', 'search', 'email', 'url'],
+      description: {
+        en: 'Hint for the type of virtual keyboard to display',
+        ru: 'Подсказка для типа виртуальной клавиатуры'
+      }
+    }
+  },
+  match: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'Reference to another field for value matching validation (e.g., password confirmation)',
+        ru: 'Ссылка на другое поле для валидации совпадения значений (например, подтверждение пароля)'
+      }
+    }
+  },
+  max: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Maximum value',
+        ru: 'Максимальное значение'
+      }
+    }
+  },
+  maxlength: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Maximum allowed characters',
+        ru: 'Максимально допустимое количество символов'
+      },
+      value: 100
+    }
+  },
+  min: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Minimum value',
+        ru: 'Минимальное значение'
+      }
+    }
+  },
+  minlength: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Minimum required characters',
+        ru: 'Минимально необходимое количество символов'
+      }
+    }
+  },
+  multiple: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.form,
+      description: {
+        en: 'Enables multiple selection mode',
+        ru: 'Включает режим множественного выбора'
+      }
+    }
+  },
+  pattern: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'Regular expression pattern for input validation',
+        ru: 'Регулярное выражение для валидации ввода'
+      }
+    }
+  },
+  required: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.form,
+      description: {
+        en: 'Marks the field as required and shows the required indicator',
+        ru: 'Помечает поле как обязательное и показывает индикатор обязательности'
+      }
+    }
+  },
+  spellcheck: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.form,
+      description: {
+        en: 'Enables or disables spell checking for the input',
+        ru: 'Включает или отключает проверку орфографии для ввода'
+      }
+    }
+  },
+  step: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Step size for numeric inputs',
+        ru: 'Размер шага для числовых инпутов'
+      }
+    }
+  },
+  tabindex: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: 'number',
+      description: {
+        en: 'Tab order position for keyboard navigation',
+        ru: 'Позиция порядка табуляции для навигации с клавиатуры'
+      }
+    }
+  },
+  validationCode: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.form,
+      type: ['string', 'object'],
+      description: {
+        en: 'Custom validation error messages or validity state map',
+        ru: 'Пользовательские сообщения об ошибках валидации или карта состояний валидности'
+      }
+    }
+  }
+}

package/src/media/props/wikiHook.ts

@@ -20,6 +20,16 @@ export const wikiHook: StorybookArgsToList = {
       }
     }
   },
+  'onUpdate:modelSelected': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.hook,
+      description: {
+        en: 'Event handler called on update:modelSelected with the new selected value',
+        ru: 'Обработчик события update:modelSelected, вызывается с новым выбранным значением'
+      }
+    }
+  },
   'onUpdate:modelValue': {
     type: StorybookControl.object,
     options: {
@@ -40,6 +50,16 @@ export const wikiHook: StorybookArgsToList = {
       }
     }
   },
+  'onUpdate:selected': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.hook,
+      description: {
+        en: 'Event handler called on update:selected with the new selected value',
+        ru: 'Обработчик события update:selected, вызывается с новым выбранным значением'
+      }
+    }
+  },
   'onUpdate:value': {
     type: StorybookControl.object,
     options: {

package/src/media/props/wikiIcon.ts

@@ -47,7 +47,7 @@ export const wikiIcon: StorybookArgsToList = {
   'icon.start': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Sorts the element to the beginning',
         ru: 'Сортирует элемент в начало'
@@ -57,7 +57,7 @@ export const wikiIcon: StorybookArgsToList = {
   'icon.end': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Sorts the element to the end',
         ru: 'Сортирует элемент в конец'
@@ -67,7 +67,7 @@ export const wikiIcon: StorybookArgsToList = {
   'icon.high': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Raises the element above others',
         ru: 'Поднимает элемент над другими'

package/src/media/props/wikiIconInclude.ts

@@ -0,0 +1,319 @@
+import { type StorybookArgsToList, StorybookCategory, StorybookControl } from '../../types/storybookTypes'
+
+export const wikiIconInclude: StorybookArgsToList = {
+  icon: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      type: ['string', 'File'],
+      description: {
+        en: 'Value of the main icon',
+        ru: 'Значение основной иконки'
+      },
+      value: 'home'
+    }
+  },
+  iconAlign: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.icon,
+      type: 'string',
+      options: ['center', 'text'],
+      description: {
+        en: 'Sets icon alignment within the component',
+        ru: 'Задает выравнивание иконки внутри компонента'
+      }
+    }
+  },
+  iconArrowDown: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for down arrow',
+        ru: 'Задает иконку стрелки вниз'
+      }
+    }
+  },
+  iconArrowLeft: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for left arrow',
+        ru: 'Задает иконку стрелки влево'
+      }
+    }
+  },
+  iconArrowRight: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for right arrow',
+        ru: 'Задает иконку стрелки вправо'
+      }
+    }
+  },
+  iconAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets additional attributes for the icon element',
+        ru: 'Задает дополнительные атрибуты для элемента иконки'
+      }
+    }
+  },
+  iconBack: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for back button',
+        ru: 'Задает иконку для кнопки назад'
+      }
+    }
+  },
+  iconCancel: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for cancel/clear action',
+        ru: 'Задает иконку для действия отмены/очистки'
+      }
+    }
+  },
+  iconClose: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for close button',
+        ru: 'Задает иконку для кнопки закрытия'
+      }
+    }
+  },
+  iconContentCopy: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for copy content action',
+        ru: 'Задает иконку для действия копирования содержимого'
+      }
+    }
+  },
+  iconDir: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Mirrors the icon depending on site direction (RTL/LTR)',
+        ru: 'Зеркально отражает иконку в зависимости от направления сайта (RTL/LTR)'
+      }
+    }
+  },
+  iconError: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon displayed in error state',
+        ru: 'Задает иконку, отображаемую в состоянии ошибки'
+      }
+    }
+  },
+  iconHide: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Hides the icon',
+        ru: 'Скрывает иконку'
+      }
+    }
+  },
+  iconLink: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for link',
+        ru: 'Задает иконку для ссылки'
+      }
+    }
+  },
+  iconMinus: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for decrement / minus action',
+        ru: 'Задает иконку для действия уменьшения (минус)'
+      }
+    }
+  },
+  iconPalette: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Sets icon color based on palette class',
+        ru: 'Задает цвет иконки на основе класса палитры'
+      }
+    }
+  },
+  iconPlus: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for increment / plus action',
+        ru: 'Задает иконку для действия увеличения (плюс)'
+      }
+    }
+  },
+  iconSearch: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      type: ['string', 'File'],
+      description: {
+        en: 'Sets icon for search action',
+        ru: 'Задает иконку для действия поиска'
+      },
+      value: 'search'
+    }
+  },
+  iconShow: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Controls visibility of icons in displayed items',
+        ru: 'Управляет видимостью иконок в отображаемых элементах'
+      }
+    }
+  },
+  iconSuccess: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon displayed in success state',
+        ru: 'Задает иконку, отображаемую в состоянии успеха'
+      }
+    }
+  },
+  iconTag: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for tag',
+        ru: 'Задает иконку для тега'
+      }
+    }
+  },
+  iconTop: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Aligns icon to the top of the container',
+        ru: 'Выравнивает иконку по верхнему краю контейнера'
+      }
+    }
+  },
+  iconTrailing: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      type: ['string', 'File'],
+      description: {
+        en: 'Value of the trailing icon',
+        ru: 'Значение завершающей иконки'
+      }
+    }
+  },
+  iconTrailingDirOnly: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Applies direction mirroring only to the trailing icon',
+        ru: 'Применяет зеркальное отражение только к завершающей иконке'
+      }
+    }
+  },
+  iconTrailingPalette: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Sets trailing icon color based on palette class',
+        ru: 'Задает цвет завершающей иконки на основе класса палитры'
+      }
+    }
+  },
+  iconTrailingTurnOnly: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Applies rotation only to the trailing icon',
+        ru: 'Применяет поворот только к завершающей иконке'
+      }
+    }
+  },
+  iconTurn: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Turns the icon',
+        ru: 'Поворачивает иконку'
+      }
+    }
+  },
+  iconVisibility: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for visibility on state (show password)',
+        ru: 'Задает иконку для состояния видимости (показать пароль)'
+      }
+    }
+  },
+  iconVisibilityOff: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for visibility off state (hide password)',
+        ru: 'Задает иконку для состояния скрытия (скрыть пароль)'
+      }
+    }
+  },
+  iconWhenSelected: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Shows the icon only when the element is selected',
+        ru: 'Показывает иконку только при выборе элемента'
+      }
+    }
+  }
+}