@dxtmisha/wiki 0.39.4 → 0.39.5

package/src/media/props/wikiInformation.ts

@@ -0,0 +1,220 @@
+import { type StorybookArgsToList, StorybookCategory, StorybookControl } from '../../types/storybookTypes'
+
+export const wikiInformation: StorybookArgsToList = {
+  button: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.information,
+      type: ['string', 'number', 'ConstrBind<ButtonPropsBasic>', 'null'],
+      description: {
+        en: 'Button configuration (string for label, number, or full button props object)',
+        ru: 'Конфигурация кнопки (строка для метки, число или полный объект свойств кнопки)'
+      }
+    }
+  },
+  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 для скрытия)'
+      }
+    },
+    isDemo: true,
+    demo: 'is close'
+  },
+  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 для скрытия)'
+      }
+    },
+    isDemo: true,
+    demo: 'Confirm'
+  },
+  caption: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Caption text for additional information',
+        ru: 'Текст подписи для дополнительной информации'
+      }
+    },
+    isDemo: true,
+    demo: 'Caption text'
+  },
+  component: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.information,
+      type: 'any',
+      description: {
+        en: 'Component to be rendered',
+        ru: 'Компонент для рендеринга'
+      }
+    },
+    hide: true
+  },
+  componentProps: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.information,
+      type: 'object',
+      description: {
+        en: 'Properties for the rendered component',
+        ru: 'Свойства для рендеримого компонента'
+      }
+    },
+    hide: true
+  },
+  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'
+    },
+    hide: true
+  },
+  forceShowMessage: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.information,
+      description: {
+        en: 'Forces display of a helper / validation message ignoring usual visibility rules',
+        ru: 'Принудительно показывает сообщение (helper / validation), игнорируя обычные условия видимости'
+      }
+    },
+    hide: true
+  },
+  headline: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Headline text',
+        ru: 'Текст заголовка'
+      }
+    },
+    isDemo: true,
+    demo: 'Headline text'
+  },
+  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'
+    },
+    hide: true
+  },
+  html: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'HTML content to be rendered',
+        ru: 'HTML-контент для рендеринга'
+      }
+    }
+  },
+  image: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string | File | ImageProps',
+      description: {
+        en: 'Specifies the image value for the component',
+        ru: 'Указывает значение изображения для компонента'
+      }
+    },
+    isDemo: true,
+    demo: 'https://drscdn.500px.org/photo/294267357/q%3D90_m%3D2048/v2?sig=adb52b9add18ad21ab4a86b99695377f2a18821c609d42149b3426dfb99cf924'
+  },
+  label: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Text label for the component',
+        ru: 'Текстовая метка для компонента'
+      },
+      value: 'Label'
+    },
+    hide: true
+  },
+  placeholder: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Placeholder text shown when the input is empty',
+        ru: 'Текст подсказки, отображаемый при пустом вводе'
+      }
+    },
+    isDemo: true,
+    demo: 'Placeholder text'
+  },
+  prefix: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Prefix text displayed before the main content',
+        ru: 'Текст префикса, отображаемый перед основным содержимым'
+      }
+    },
+    isDemo: true,
+    demo: 'Prefix text'
+  },
+  suffix: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Suffix text displayed after the main content',
+        ru: 'Текст суффикса, отображаемый после основного содержимого'
+      }
+    },
+    isDemo: true,
+    demo: 'Suffix text',
+    demoOptions: {
+      value: 'Value'
+    }
+  },
+  validationMessage: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Error or validation message text',
+        ru: 'Текст сообщения об ошибке или валидации'
+      }
+    },
+    isDemo: true,
+    demo: 'Validation message'
+  }
+}

package/src/media/props/wikiInput.ts

@@ -0,0 +1,35 @@
+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, содержащего предопределённые варианты для автозаполнения поля ввода'
+      }
+    },
+    hide: true
+  },
+  '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/wikiList.ts

@@ -0,0 +1,281 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiList object contains descriptions of all properties for the List component
+ *
+ * Объект wikiList содержит описание всех свойств для компонента List
+ */
+export const wikiList: StorybookArgsToList = {
+  'list.focus': {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Selected item for focus state. Defines which item should be visually focused in the list.',
+        ru: 'Выбранный элемент для состояния фокуса. Определяет, какой элемент должен быть визуально сфокусирован в списке.'
+      }
+    }
+  },
+  'list.itemAttrs': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Additional attributes to apply to each list item element. Allows customization of HTML attributes for individual list items.',
+        ru: 'Дополнительные атрибуты для применения к каждому элементу списка. Позволяет настраивать HTML-атрибуты для отдельных элементов списка.'
+      }
+    },
+    hide: true
+  },
+  'list.itemGroupAttrs': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Additional attributes for group container elements in the list.',
+        ru: 'Дополнительные атрибуты для элементов контейнера группы в списке.'
+      }
+    },
+    hide: true
+  },
+  'list.itemManagementAttrs': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Additional attributes for management control elements in the list.',
+        ru: 'Дополнительные атрибуты для элементов управления в списке.'
+      }
+    },
+    hide: true
+  },
+  'list.itemMenuAttrs': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Additional attributes for menu container elements in the list.',
+        ru: 'Дополнительные атрибуты для элементов контейнера меню в списке.'
+      }
+    },
+    hide: true
+  },
+  'list.list': {
+    type: StorybookControl.array,
+    options: {
+      category: StorybookCategory.value,
+      description: {
+        en: 'Array of list items data. Contains the data for all items to be rendered in the list.',
+        ru: 'Массив данных элементов списка. Содержит данные для всех элементов, которые должны быть отображены в списке.'
+      },
+      value: [
+        {
+          label: 'Запустить проект (Label)',
+          value: 'launch-project',
+          icon: 'play_arrow'
+        },
+        {
+          label: 'Управление задачами',
+          value: 'task-management',
+          icon: 'assignment'
+        },
+        { type: 'space' },
+        {
+          label: 'Команда',
+          value: 'team',
+          icon: 'group',
+          badge: '12'
+        },
+        {
+          label: 'Аналитика и отчеты',
+          value: 'analytics',
+          icon: 'analytics',
+          description: 'Просмотр статистики'
+        },
+        {
+          type: 'subtitle',
+          label: 'Инструменты'
+        },
+        {
+          label: 'Настройки системы',
+          value: 'settings',
+          icon: 'settings',
+          disabled: true
+        },
+        {
+          label: 'Файловый менеджер',
+          value: 'file-manager',
+          icon: 'folder',
+          suffix: 245
+        },
+        {
+          type: 'group',
+          index: 'g1',
+          label: 'Маркетинг',
+          value: [
+            {
+              label: 'Email рассылки',
+              value: 'email-campaigns',
+              icon: 'email'
+            },
+            {
+              label: 'Социальные сети',
+              value: 'social-media',
+              icon: 'share'
+            },
+            {
+              label: 'Реклама',
+              value: 'ads',
+              icon: 'ads_click'
+            }
+          ],
+          icon: 'campaign'
+        },
+        {
+          type: 'group',
+          index: 'g2',
+          label: 'Разработка',
+          value: [
+            {
+              label: 'Репозиторий кода',
+              value: 'repository',
+              icon: 'code'
+            },
+            {
+              label: 'Система сборки',
+              value: 'build-system',
+              icon: 'build'
+            },
+            {
+              type: 'group',
+              index: 'g2-1',
+              label: 'Тестирование',
+              value: [
+                {
+                  label: 'Unit тесты',
+                  value: 'unit-tests',
+                  icon: 'science'
+                },
+                {
+                  label: 'Интеграционные тесты',
+                  value: 'integration-tests',
+                  icon: 'integration_instructions'
+                },
+                {
+                  label: 'E2E тесты',
+                  value: 'e2e-tests',
+                  icon: 'web'
+                }
+              ],
+              icon: 'bug_report'
+            },
+            {
+              label: 'Документация API',
+              value: 'api-docs',
+              icon: 'description'
+            }
+          ],
+          icon: 'developer_mode'
+        },
+        {
+          type: 'menu',
+          index: 'm1',
+          label: 'Администрирование',
+          value: [
+            {
+              label: 'Управление пользователями',
+              value: 'user-management',
+              icon: 'people'
+            },
+            {
+              label: 'Права доступа',
+              value: 'permissions',
+              icon: 'security'
+            },
+            {
+              type: 'menu',
+              index: 'm1-1',
+              label: 'Системные настройки',
+              value: [
+                {
+                  label: 'Конфигурация сервера',
+                  value: 'server-config',
+                  icon: 'dns'
+                },
+                {
+                  label: 'База данных',
+                  value: 'database-config',
+                  icon: 'storage'
+                },
+                {
+                  label: 'Резервное копирование',
+                  value: 'backup',
+                  icon: 'backup'
+                }
+              ],
+              icon: 'tune'
+            },
+            {
+              label: 'Мониторинг системы',
+              value: 'monitoring',
+              icon: 'monitor_heart'
+            }
+          ],
+          icon: 'admin_panel_settings'
+        },
+        { type: 'line' },
+        {
+          label: 'Уведомления',
+          value: 'notifications',
+          icon: 'notifications',
+          badge: 'Новое'
+        },
+        {
+          label: 'Избранное',
+          value: 'favorites',
+          icon: 'star'
+        }
+      ]
+    }
+  },
+  'list.lite': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'Enable lightweight display mode. Reduces visual complexity by showing simplified item styling with minimal decorative elements.',
+        ru: 'Включить упрощенный режим отображения. Уменьшает визуальную сложность, показывая упрощенную стилизацию элементов с минимальными декоративными элементами.'
+      }
+    },
+    isDemo: true,
+    demoOptions: {
+      liteThreshold: 4
+    }
+  },
+  'list.liteThreshold': {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Threshold value that works when lite mode is enabled (lite: true). Defines the maximum number of items before additional optimizations are applied in lite mode.',
+        ru: 'Пороговое значение, которое работает, когда включен lite режим (lite: true). Определяет максимальное количество элементов перед применением дополнительных оптимизаций в lite режиме.'
+      }
+    }
+  },
+  'list.selected': {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.status,
+      description: {
+        en: 'List of selected items. Contains all currently selected items in the list for multi-selection scenarios.',
+        ru: 'Список выбранных элементов. Содержит все текущие выбранные элементы списка для сценариев множественного выбора.'
+      }
+    },
+    isDemo: true,
+    demo: 'task-management'
+  }
+}

package/src/media/props/wikiListItem.ts

@@ -0,0 +1,101 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiListItem object contains descriptions of all properties for the ListItem component
+ *
+ * Объект 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: {
+      category: StorybookCategory.technical,
+      description: {
+        en: 'Unique identifier for the list item. Used for tracking and referencing specific items within the list structure.',
+        ru: 'Уникальный идентификатор элемента списка. Используется для отслеживания и ссылки на конкретные элементы в структуре списка.'
+      }
+    },
+    hide: true
+  },
+  'listItem.open': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.status,
+
+      description: {
+        en: 'Visual open state of the list item',
+        ru: 'Визуальное открытое состояние элемента списка'
+      }
+    }
+  },
+  'listItem.parent': {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.technical,
+      description: {
+        en: 'Identifier of the parent element in hierarchical list structure. Used for establishing parent-child relationships between list items.',
+        ru: 'Идентификатор родительского элемента в иерархической структуре списка. Используется для установления связей родитель-ребенок между элементами списка.'
+      }
+    },
+    hide: true
+  },
+  'listItem.search': {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.technical,
+      type: 'string',
+      description: {
+        en: 'Technical property for internal search functionality',
+        ru: 'Техническое свойство для внутренней функциональности поиска'
+      }
+    },
+    hide: true
+  },
+  'listItem.selectedChild': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.technical,
+      description: {
+        en: 'Indicates if any child element of this list item is selected',
+        ru: 'Указывает, выбран ли какой-либо дочерний элемент данного элемента списка'
+      }
+    },
+    hide: true
+  },
+  'listItem.type': {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.technical,
+      type: 'string',
+      description: {
+        en: 'Technical property for internal type classification',
+        ru: 'Техническое свойство для внутренней классификации типов'
+      }
+    },
+    hide: true
+  }
+}