@dxtmisha/wiki 0.39.4 → 0.39.5

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' }
+      ]
+    }
+  }
+}

package/src/media/props/wikiSnackbar.ts

@@ -0,0 +1,58 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiSnackbar object contains descriptions of all properties for the Snackbar component
+ *
+ * Объект wikiSnackbar содержит описание всех свойств для компонента Snackbar
+ */
+export const wikiSnackbar: StorybookArgsToList = {
+  'snackbar.all': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'If enabled, multiple notifications can be displayed simultaneously',
+        ru: 'Если включено, может отображаться несколько уведомлений одновременно'
+      }
+    },
+    hide: true
+  },
+  'snackbar.delay': {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Default display duration for notifications in milliseconds',
+        ru: 'Длительность отображения уведомлений по умолчанию в миллисекундах'
+      }
+    },
+    hide: true
+  },
+  'snackbar.full': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Expands notifications to full width, typically used on mobile devices',
+        ru: 'Растягивает уведомления на всю ширину, обычно используется на мобильных устройствах'
+      }
+    },
+    hide: true
+  },
+  'snackbar.origin': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'The direction from which the notification animation starts',
+        ru: 'Направление, с которого начинается анимация появления уведомления'
+      },
+      options: ['topToBottom', 'bottomToTop', 'rightToLeft', 'leftToRight']
+    },
+    hide: true
+  }
+}

package/src/media/props/wikiSnackbarItem.ts

@@ -0,0 +1,39 @@
+import {
+  type StorybookArgsToList
+} from '../../types/storybookTypes'
+
+import { wikiActionsInclude } from './wikiActionsInclude'
+import { wikiInformation } from './wikiInformation'
+
+/**
+ * The wikiSnackbarItem object contains descriptions of all properties for the SnackbarItem component
+ *
+ * Объект wikiSnackbarItem содержит описание всех свойств для компонента SnackbarItem
+ */
+export const wikiSnackbarItem: StorybookArgsToList = {
+  'snackbarItem.button': {
+    ...wikiInformation.button,
+    options: {
+      ...wikiInformation.button.options,
+      value: 'Go'
+    }
+  },
+  'snackbarItem.actionsList': {
+    ...wikiActionsInclude.actionsList,
+    options: {
+      ...wikiActionsInclude.actionsList.options,
+      value: [
+        { label: 'Undo' }
+      ]
+    }
+  },
+  'snackbarItem.actionsSecondary': {
+    ...wikiActionsInclude.actionsSecondary,
+    options: {
+      ...wikiActionsInclude.actionsSecondary.options,
+      value: [
+        { icon: 'edit' }
+      ]
+    }
+  }
+}

package/src/media/props/wikiStatus.ts

@@ -0,0 +1,172 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiStatus object contains common properties for all components in the status category
+ *
+ * Объект wikiStatus содержит общие свойства для всех компонентов в категории статус
+ */
+export const wikiStatus: StorybookArgsToList = {
+  active: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Sets the element to an active state',
+        ru: 'Переводит элемент в активное состояние'
+      }
+    }
+  },
+  cancelShow: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Used only when cancel=auto: allows showing cancel (обычно при наличии значения). Ignored for always.',
+        ru: 'Работает только при cancel=auto: разрешает показ (обычно при значении). Игнорируется для always.'
+      }
+    }
+  },
+  disabled: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Sets the element to an inactive state',
+        ru: 'Переводит элемент в неактивное состояние'
+      }
+    },
+    isDemo: true
+  },
+  error: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Sets the element to an error state',
+        ru: 'Переводит элемент в состояние ошибки'
+      }
+    },
+    isDemo: true
+  },
+  focus: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Visual focus state',
+        ru: 'Визуальное состояние фокуса'
+      }
+    },
+    isDemo: true
+  },
+  forceShow: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Forces the display of the element regardless of other conditions',
+        ru: 'Принудительно отображает элемент независимо от других условий'
+      }
+    }
+  },
+  hide: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Hides the element',
+        ru: 'Скрывает элемент'
+      }
+    },
+    hide: true
+  },
+  isValue: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Indicates that the control has a value and adjusts visuals (e.g., floating label)',
+        ru: 'Указывает, что у элемента есть значение, и корректирует визуальное состояние (например, плавающая метка)'
+      }
+    }
+  },
+  loading: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Sets the element to a loading state',
+        ru: 'Переводит элемент в состояние загрузки'
+      }
+    },
+    isDemo: true
+  },
+  open: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Sets the element to an open state',
+        ru: 'Переводит элемент в открытое состояние'
+      }
+    },
+    hide: true
+  },
+  readonly: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Read-only state of the element',
+        ru: 'Состояние только для чтения элемента'
+      }
+    }
+  },
+  selected: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Selected state of the element',
+        ru: 'Состояние выбора элемента'
+      }
+    },
+    isDemo: true
+  },
+  success: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Sets the element to a success state',
+        ru: 'Переводит элемент в состояние успеха'
+      }
+    },
+    isDemo: true
+  },
+  turn: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Rotates the element by 180 degrees',
+        ru: 'Поворачивает элемент на 180 градусов'
+      }
+    },
+    isDemo: true
+  },
+  visible: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Controls the visibility of the component',
+        ru: 'Управляет видимостью компонента'
+      }
+    }
+  }
+}

package/src/media/props/wikiStyle.ts

@@ -0,0 +1,382 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiStyle object contains common properties for all components in the style category.
+ *
+ * Объект wikiStyle содержит общие свойства для всех компонентов в категории стиль.
+ */
+export const wikiStyle: StorybookArgsToList = {
+  adaptive: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Controls adaptive display behavior for different screen sizes and media queries',
+        ru: 'Управляет адаптивным поведением отображения для разных размеров экрана и медиа‑запросов'
+      }
+    }
+
+  },
+  align: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'General alignment depending on component semantics',
+        ru: 'Общее выравнивание в зависимости от семантики компонента'
+      }
+    },
+    isDemo: true
+  },
+  asPalette: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+
+      description: {
+        en: 'Sets color based on palette class; otherwise uses default color',
+        ru: 'Задает цвет на основе класса палитры; иначе используется стандартный цвет'
+      }
+    }
+  },
+  barsAdaptive: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Indicates whether the bars (header toolbar) should be shown',
+        ru: 'Показывает, нужно ли отображать бар (верхнюю панель)'
+      }
+    }
+  },
+  block: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Enables block mode (component expands to full width)',
+        ru: 'Включает блочный режим (компонент растягивается на всю ширину)'
+      }
+    }
+  },
+  closeButton: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Shows a close button in the header',
+        ru: 'Показывает кнопку закрытия в заголовке'
+      }
+    },
+    isDemo: true
+  },
+  container: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Controls container‑based layout behavior with adaptive width constraints',
+        ru: 'Управляет контейнерной раскладкой с адаптивными ограничениями ширины'
+      }
+    }
+  },
+  dense: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Enables compact display variant',
+        ru: 'Включает компактный вариант отображения'
+      }
+    },
+    isDemo: true
+  },
+  divider: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+
+      description: {
+        en: 'Enables visual divider between elements',
+        ru: 'Включает визуальный разделитель между элементами'
+      }
+    }
+  },
+  dividerLabel: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      type: 'string',
+      description: {
+        en: 'Adds divider only under the label',
+        ru: 'Добавляет разделитель только под меткой'
+      }
+    }
+  },
+  dot: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+
+      description: {
+        en: 'Displays the component as a dot indicator',
+        ru: 'Отображает компонент как точечный индикатор'
+      }
+    },
+    isDemo: true
+  },
+  fill: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.style,
+      type: 'string',
+      description: {
+        en: 'Sets fill color for the component',
+        ru: 'Задает цвет заливки компонента'
+      }
+    },
+    isDemo: true,
+    demo: 'oklch(53.2% 0.157 131.589)'
+  },
+  flexible: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Enables flexible layout behavior that automatically adapts to available space',
+        ru: 'Включает гибкое поведение раскладки, автоматически адаптирующееся к доступному пространству'
+      }
+    }
+  },
+  height: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Sets component height',
+        ru: 'Задает высоту компонента'
+      }
+    }
+  },
+  horizontalScrollAlign: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      type: 'string',
+      options: ['block', 'center', 'left', 'right'],
+      description: {
+        en: 'Sets the alignment of elements within the horizontal scroll container',
+        ru: 'Задает выравнивание элементов внутри контейнера горизонтальной прокрутки'
+      }
+    },
+    hide: true
+  },
+  imagePosition: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Defines image placement within the window layout',
+        ru: 'Определяет расположение изображения внутри макета окна'
+      },
+      options: ['left', 'top']
+    },
+    isDemo: true,
+    demoOptions: {
+      image: 'https://drscdn.500px.org/photo/294267357/q%3D90_m%3D2048/v2?sig=adb52b9add18ad21ab4a86b99695377f2a18821c609d42149b3426dfb99cf924'
+    }
+  },
+  inverse: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Inverts component colors',
+        ru: 'Инвертирует цвета компонента'
+      }
+    },
+    isDemo: true
+  },
+  isSkeleton: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Displays the component in skeleton mode',
+        ru: 'Отображает компонент в режиме скелетона'
+      }
+    }
+  },
+  hasLabelMinWidth: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Indicates whether a minimum width should be applied to the label',
+        ru: 'Определяет, нужно ли устанавливать минимальную ширину для метки'
+      }
+    }
+  },
+  maxWidth: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Sets the maximum width of the component',
+        ru: 'Задает максимальную ширину компонента'
+      }
+    },
+    isDemo: true
+  },
+  overlay: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Adds background overlay to the component',
+        ru: 'Добавляет фоновую подложку к компоненту'
+      }
+    },
+    isDemo: true
+  },
+  padding: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Sets internal spacing around the content. If `paddingByIndent` is enabled, the `padding` value is ignored.',
+        ru: 'Задает внутренние отступы вокруг содержимого. Если включен `paddingByIndent`, значение `padding` игнорируется.'
+      }
+    },
+    isDemo: true,
+    demoOptions: {
+      paddingByIndent: false
+    }
+  },
+  paddingByIndent: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Applies horizontal padding based on grid indent values',
+        ru: 'Применяет горизонтальные отступы на основе значений отступов сетки'
+      }
+    }
+  },
+  palette: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      options: [],
+      type: 'string',
+      description: {
+        en: 'Sets a color palette for the element',
+        ru: 'Задает цветовую палитру для элемента'
+      }
+    },
+    isDemo: true
+  },
+  position: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Sets the positioning method for the element',
+        ru: 'Задает метод позиционирования элемента'
+      }
+    },
+    isDemo: true
+  },
+  rounded: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      options: [],
+      type: 'string',
+      description: {
+        en: 'Adds rounded corners to the component',
+        ru: 'Добавляет скругленные углы компоненту'
+      }
+    }
+  },
+  roundedFull: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+
+      description: {
+        en: 'Makes the component fully rounded (circular)',
+        ru: 'Делает компонент полностью скругленным (круглым)'
+      }
+    },
+    isDemo: true
+  },
+  size: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      options: [],
+      type: 'string',
+      description: {
+        en: 'Sets component size',
+        ru: 'Задает размер компонента'
+      }
+    },
+    isDemo: true
+  },
+  textAlign: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Sets text alignment within the element',
+        ru: 'Задает выравнивание текста внутри элемента'
+      }
+    }
+  },
+  width: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.style,
+      type: 'string',
+      options: [],
+      description: {
+        en: 'Sets component width',
+        ru: 'Задает ширину компонента'
+      }
+    },
+    isDemo: true
+  },
+  wrap: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      type: 'boolean',
+      description: {
+        en: 'Controls text wrapping behavior',
+        ru: 'Управляет поведением переноса текста'
+      }
+    },
+    isDemo: true
+  }
+}

package/src/media/props/wikiTabs.ts

@@ -0,0 +1,15 @@
+import {
+  type StorybookArgsToItem,
+  type StorybookArgsToList
+} from '../../types/storybookTypes'
+
+import { wikiTabsNavigation } from './wikiTabsNavigation'
+
+/**
+ * The wikiTabs object contains descriptions of all properties for the Tabs component
+ *
+ * Объект wikiTabs содержит описание всех свойств для компонента Tabs
+ */
+export const wikiTabs: StorybookArgsToList = {
+  'tabs.selected': wikiTabsNavigation['tabsNavigation.selected'] as StorybookArgsToItem
+}