@dxtmisha/wiki 0.39.4 → 0.39.5

package/src/media/props/wikiOption.ts

@@ -0,0 +1,410 @@
+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: 'Задает направление оси для раскладки или прокрутки компонента'
+      }
+    },
+    hide: true
+  },
+  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'
+      }
+    },
+    hide: true
+  },
+  dynamicHover: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Enables dynamic hover effect for the component',
+        ru: 'Включает динамический эффект наведения для компонента'
+      }
+    },
+    hide: true
+  },
+  filterMode: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Enables filter mode for search (hides non-matching items)',
+        ru: 'Включает режим фильтрации для поиска (скрывает несовпадающие элементы)'
+      }
+    }
+  },
+  flush: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Removes borders and rounded corners to render the component flush with its container',
+        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: 'Включает режим сетки'
+      }
+    },
+    hide: true
+  },
+  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; отображает только заголовок/панель и другие слоты.'
+      }
+    }
+  },
+  horizontalScrollFlush: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Removes borders and rounded corners to render the horizontal scroll component flush with its container',
+        ru: 'Убирает границы и скругления для отображения компонента горизонтальной прокрутки вплотную к контейнеру'
+      }
+    },
+    hide: true
+  },
+  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: 'Отображает компонент в режиме скелетона'
+      }
+    }
+  },
+  itemCenter: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Centers items inside the component',
+        ru: 'Центрирует элементы внутри компонента'
+      }
+    },
+    isDemo: true,
+    demo: false,
+    demoOptions: { itemCenter: false }
+  },
+  keyLabel: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      description: {
+        en: 'Object key to use as label text',
+        ru: 'Ключ объекта для использования в качестве текста метки'
+      }
+    },
+    hide: true
+  },
+  keyValue: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      description: {
+        en: 'Object key to use as value text',
+        ru: 'Ключ объекта для использования в качестве текста значения'
+      }
+    },
+    hide: true
+  },
+  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
+    }
+  },
+  limit: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Limits the number of simultaneously visible items',
+        ru: 'Ограничивает количество одновременно видимых элементов'
+      }
+    }
+  },
+  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‑тег для элемента компонента'
+      }
+    },
+    hide: true
+  },
+  tagBody: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      description: {
+        en: 'Sets HTML tag for the body/content container element',
+        ru: 'Задает HTML‑тег для элемента контейнера тела/содержимого'
+      }
+    },
+    hide: true
+  },
+  tagHeader: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      description: {
+        en: 'Sets HTML tag for the header container element',
+        ru: 'Задает HTML‑тег для элемента контейнера шапки'
+      }
+    },
+    hide: true
+  },
+  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: 'Выбирает визуальный тип/вариант компонента'
+      }
+    },
+    hide: true
+  },
+  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

@@ -0,0 +1,104 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiProgress object contains descriptions of all properties for the progress component
+ *
+ * Объект wikiProgress содержит описание всех свойств для компонента прогресса
+ */
+export const wikiProgress: StorybookArgsToList = {
+  // Style
+  'progress.delay': {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.option,
+      type: ['number', 'string'],
+      description: {
+        en: 'Delay before showing the progress indicator in milliseconds',
+        ru: 'Задержка перед показом индикатора прогресса в миллисекундах'
+      }
+    },
+    hide: true
+  },
+  'progress.delayHide': {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.option,
+      type: ['number', 'string'],
+      description: {
+        en: 'Delay before hiding the progress indicator in milliseconds',
+        ru: 'Задержка перед скрытием индикатора прогресса в миллисекундах'
+      }
+    },
+    hide: true
+  },
+  'progress.point': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Adds a point at the end of the progress indicator',
+        ru: 'Добавляет точку в конце индикатора прогресса'
+      }
+    },
+    isDemo: true
+  },
+  'progress.linear': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Enables linear progress bar display',
+        ru: 'Включает отображение линейной полосы прогресса'
+      }
+    }
+  },
+  'progress.circular': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Enables circular progress indicator display',
+        ru: 'Включает отображение круглого индикатора прогресса'
+      }
+    },
+    isDemo: true
+  },
+  'progress.indeterminate': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      options: ['type1', 'type2', 'type3'],
+      description: {
+        en: 'Type of indeterminate progress animation',
+        ru: 'Тип анимации неопределенного прогресса'
+      }
+    }
+  },
+  'progress.position': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      options: ['top', 'bottom', 'static'],
+      description: {
+        en: 'Position of the progress indicator',
+        ru: 'Позиция индикатора прогресса'
+      }
+    },
+    isDemo: true
+  },
+  'progress.visible': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      value: true,
+      description: {
+        en: 'Controls the visibility of the progress indicator',
+        ru: 'Управляет видимостью индикатора прогресса'
+      }
+    }
+  }
+}

package/src/media/props/wikiPropsTextarea.ts

@@ -0,0 +1,24 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiPropsTextarea object contains descriptions of Textarea-specific properties
+ *
+ * Объект wikiPropsTextarea содержит описание специфичных для Textarea свойств
+ */
+export const wikiPropsTextarea: StorybookArgsToList = {
+  'textarea.wrap': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Specifies how the text in a text area is to be wrapped when submitted in a form',
+        ru: 'Указывает, как текст в текстовой области должен переноситься при отправке формы'
+      }
+    },
+    hide: true
+  }
+}

package/src/media/props/wikiScrollbar.ts

@@ -0,0 +1,89 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiScrollbar object contains descriptions of all properties for the scrollbar component
+ *
+ * Объект wikiScrollbar содержит описание всех свойств для компонента скроллбара
+ */
+export const wikiScrollbar: StorybookArgsToList = {
+  'scrollbar.divider': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+
+      description: {
+        en: 'Show divider lines at top and bottom depending on scroll position',
+        ru: 'Показывать разделительные линии сверху и снизу в зависимости от положения скролла'
+      }
+    }
+  },
+  'scrollbar.dividerBottom': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+
+      description: {
+        en: 'Show the divider line at the bottom',
+        ru: 'Показывать разделительную линию снизу'
+      }
+    }
+  },
+  'scrollbar.dividerHide': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+
+      description: {
+        en: 'Hide divider lines',
+        ru: 'Скрыть разделительные линии'
+      }
+    }
+  },
+  'scrollbar.dividerTop': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+
+      description: {
+        en: 'Show the divider line at the top',
+        ru: 'Показывать разделительную линию сверху'
+      }
+    }
+  },
+  'scrollbar.inverse': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+
+      description: {
+        en: 'Invert divider line behavior - show lines when the scroll is at beginning/end',
+        ru: 'Инвертировать поведение разделительных линий - показывать линии, когда скролл в начале/конце'
+      }
+    }
+  },
+  'scrollbar.standard': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+
+      description: {
+        en: 'Use standard browser scrollbar',
+        ru: 'Использовать стандартный скролл браузера'
+      }
+    }
+  },
+  'scrollbar.visible': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Controls element visibility and scrolling behavior (overflow: visible)',
+        ru: 'Управляет видимостью элемента и поведением прокрутки (overflow: visible)'
+      }
+    }
+  }
+}

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.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: {
+      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.showSearch': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Shows a search/filter field inside the dropdown menu',
+        ru: 'Отображает поле поиска/фильтра внутри выпадающего меню'
+      }
+    }
+  }
+}