@dxtmisha/wiki 0.39.3 → 0.39.5

package/src/media/props/wikiForm.ts

@@ -0,0 +1,323 @@
+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)'
+      }
+    },
+    isDemo: true
+  },
+  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: 'Задает позицию выравнивания кнопок-стрелок внутри поля'
+      }
+    },
+    isDemo: true,
+    demoOptions: {
+      arrow: 'carousel',
+      arrowCarousel: true
+    }
+  },
+  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)'
+      }
+    },
+    hide: true
+  },
+  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)'
+      }
+    },
+    hide: true
+  },
+  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)'
+      }
+    },
+    hide: true
+  },
+  autofocus: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.form,
+
+      description: {
+        en: 'Automatically focuses the element when the page loads',
+        ru: 'Автоматически устанавливает фокус на элемент при загрузке страницы'
+      }
+    },
+    hide: true
+  },
+  cols: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Specifies the visible width of the text area',
+        ru: 'Указывает видимую ширину текстовой области'
+      }
+    },
+    hide: true
+  },
+  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 на виртуальных клавиатурах'
+      }
+    },
+    hide: true
+  },
+  fieldSizing: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      type: 'string',
+      options: ['content', 'fixed'],
+      description: {
+        en: 'CSS property that enables automatic sizing of the element based on its content',
+        ru: 'CSS свойство, которое включает автоматическое изменение размера элемента в зависимости от его содержимого'
+      }
+    },
+    hide: true
+  },
+  for: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'ID of the element the label is bound to',
+        ru: 'ID элемента, к которому привязана метка'
+      }
+    },
+    hide: true
+  },
+  form: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'ID of the form element this input belongs to',
+        ru: 'ID элемента формы, к которой относится данный инпут'
+      }
+    },
+    hide: true
+  },
+  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: 'Подсказка для типа виртуальной клавиатуры'
+      }
+    },
+    hide: true
+  },
+  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: 'Ссылка на другое поле для валидации совпадения значений (например, подтверждение пароля)'
+      }
+    },
+    hide: true
+  },
+  max: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Maximum value',
+        ru: 'Максимальное значение'
+      }
+    },
+    hide: true
+  },
+  maxlength: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Maximum allowed characters',
+        ru: 'Максимально допустимое количество символов'
+      },
+      value: 100
+    },
+    hide: true
+  },
+  min: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Minimum value',
+        ru: 'Минимальное значение'
+      }
+    },
+    hide: true
+  },
+  minlength: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Minimum required characters',
+        ru: 'Минимально необходимое количество символов'
+      }
+    },
+    hide: true
+  },
+  multiple: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.form,
+      description: {
+        en: 'Enables multiple selection mode',
+        ru: 'Включает режим множественного выбора'
+      }
+    },
+    isDemo: true
+  },
+  name: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'Name attribute for the input field',
+        ru: 'Атрибут name для поля ввода'
+      },
+      value: 'name'
+    },
+    hide: true
+  },
+  pattern: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.form,
+      type: 'string',
+      description: {
+        en: 'Regular expression pattern for input validation',
+        ru: 'Регулярное выражение для валидации ввода'
+      }
+    },
+    hide: true
+  },
+  required: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.form,
+      description: {
+        en: 'Marks the field as required and shows the required indicator',
+        ru: 'Помечает поле как обязательное и показывает индикатор обязательности'
+      }
+    },
+    isDemo: true
+  },
+  rows: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Specifies the visible height of the text area',
+        ru: 'Указывает видимую высоту текстовой области'
+      }
+    },
+    hide: true
+  },
+  spellcheck: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.form,
+      description: {
+        en: 'Enables or disables spell checking for the input',
+        ru: 'Включает или отключает проверку орфографии для ввода'
+      }
+    },
+    hide: true
+  },
+  step: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.form,
+      type: ['number', 'string'],
+      description: {
+        en: 'Step size for numeric inputs',
+        ru: 'Размер шага для числовых инпутов'
+      }
+    },
+    hide: true
+  },
+  validationCode: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.form,
+      type: ['string', 'object'],
+      description: {
+        en: 'Custom validation error messages or validity state map',
+        ru: 'Пользовательские сообщения об ошибках валидации или карта состояний валидности'
+      }
+    },
+    hide: true
+  }
+}

package/src/media/props/wikiGridItem.ts

@@ -0,0 +1,73 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiGridItem object contains descriptions of all properties for the GridItem component
+ *
+ * Объект wikiGridItem содержит описание всех свойств для компонента GridItem
+ */
+export const wikiGridItem: StorybookArgsToList = {
+  'gridItem.base': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Number of columns to span by default',
+        ru: 'Количество занимаемых колонок по умолчанию'
+      }
+    }
+  },
+  'gridItem.sm': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Number of columns to span on small screens (media: sm)',
+        ru: 'Количество занимаемых колонок на маленьких экранах (media: sm)'
+      }
+    }
+  },
+  'gridItem.md': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Number of columns to span on medium screens (media: md)',
+        ru: 'Количество занимаемых колонок на средних экранах (media: md)'
+      }
+    }
+  },
+  'gridItem.lg': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Number of columns to span on large screens (media: lg)',
+        ru: 'Количество занимаемых колонок на больших экранах (media: lg)'
+      }
+    }
+  },
+  'gridItem.xl': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Number of columns to span on extra large screens (media: xl)',
+        ru: 'Количество занимаемых колонок на очень больших экранах (media: xl)'
+      }
+    }
+  },
+  'gridItem.xl2': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Number of columns to span on 2xl screens (media: 2xl)',
+        ru: 'Количество занимаемых колонок на экранах 2xl (media: 2xl)'
+      }
+    }
+  }
+}

package/src/media/props/wikiHook.ts

@@ -0,0 +1,79 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiHook object contains common hook properties for all components
+ *
+ * Объект wikiHook содержит общие hook-свойства для всех компонентов
+ */
+export const wikiHook: StorybookArgsToList = {
+  'onUpdate:modelOpen': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.hook,
+      description: {
+        en: 'Event handler called on update:modelOpen with the new boolean value',
+        ru: 'Обработчик события update:modelOpen, вызывается с новым булевым значением'
+      }
+    },
+    hide: true
+  },
+  '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, вызывается с новым выбранным значением'
+      }
+    },
+    hide: true
+  },
+  'onUpdate:modelValue': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.hook,
+      description: {
+        en: 'Event handler called on update:modelValue with the new value',
+        ru: 'Обработчик события update:modelValue, вызывается с новым значением'
+      }
+    },
+    hide: true
+  },
+  'onUpdate:open': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.hook,
+      description: {
+        en: 'Event handler called on update:open with the new boolean value',
+        ru: 'Обработчик события update:open, вызывается с новым булевым значением'
+      }
+    },
+    hide: true
+  },
+  '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, вызывается с новым выбранным значением'
+      }
+    },
+    hide: true
+  },
+  'onUpdate:value': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.hook,
+      description: {
+        en: 'Event handler called on update:value with the new value',
+        ru: 'Обработчик события update:value, вызывается с новым значением'
+      }
+    },
+    hide: true
+  }
+}

package/src/media/props/wikiIcon.ts

@@ -0,0 +1,146 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+export const wikiIcon: StorybookArgsToList = {
+  // Status
+  'icon.active': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Sets the icon to an active state',
+        ru: 'Переводит иконку в активное состояние'
+      }
+    },
+    isDemo: true
+  },
+
+  // Values
+  'icon.icon': {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      type: ['string', 'File'],
+      description: {
+        en: 'Value of the main icon',
+        ru: 'Значение основной иконки'
+      },
+      value: 'visibility'
+    }
+  },
+  'icon.iconActive': {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      type: ['string', 'File'],
+      description: {
+        en: 'Value of the active icon',
+        ru: 'Значение активной иконки'
+      },
+      value: 'visibility_off'
+    }
+  },
+
+  // Style
+  'icon.start': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Sorts the element to the beginning',
+        ru: 'Сортирует элемент в начало'
+      }
+    },
+    hide: true
+  },
+  'icon.end': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Sorts the element to the end',
+        ru: 'Сортирует элемент в конец'
+      }
+    },
+    hide: true
+  },
+  'icon.high': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Raises the element above others',
+        ru: 'Поднимает элемент над другими'
+      }
+    },
+    hide: true
+  },
+  'icon.rect': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Makes the element rectangular',
+        ru: 'Делает элемент прямоугольным'
+      }
+    },
+    isDemo: true,
+    demoOptions: {
+      overlay: true
+    }
+  },
+  'icon.circle': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Makes the element circular',
+        ru: 'Делает элемент круглым'
+      }
+    },
+    isDemo: true,
+    demoOptions: {
+      overlay: true
+    }
+  },
+  'icon.square': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Makes the element square',
+        ru: 'Делает элемент квадратным'
+      }
+    },
+    isDemo: true,
+    demoOptions: {
+      overlay: true
+    }
+  },
+  'icon.animationType': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      options: ['type1', 'type2'],
+      description: {
+        en: 'Defines the animation type for hide/show transitions',
+        ru: 'Определяет тип анимации при скрытии/появлении'
+      }
+    },
+    hide: true
+  },
+  'icon.animationShow': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Enables animation on first appearance',
+        ru: 'Включает анимацию при первом появлении'
+      }
+    },
+    hide: true
+  }
+}