@dxtmisha/wiki 0.24.3 → 0.39.1

package/src/media/props/wikiAria.ts

@@ -0,0 +1,123 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiAria object contains common properties for all components in the ARIA category
+ *
+ * Объект wikiAria содержит общие свойства для всех компонентов в категории ARIA
+ */
+export const wikiAria: StorybookArgsToList = {
+  ariaDescribedby: {
+    type: StorybookControl.text,
+    options: {
+      category: StorybookCategory.aria,
+      type: 'string',
+      description: {
+        en: 'Identifies the element(s) that describe the object',
+        ru: 'Определяет элемент(ы), которые описывают объект'
+      }
+    }
+  },
+  ariaHaspopup: {
+    type: StorybookControl.text,
+    options: {
+      category: StorybookCategory.aria,
+      type: 'string',
+      description: {
+        en: 'Indicates the availability and type of interactive popup element',
+        ru: 'Указывает на наличие и тип интерактивного всплывающего элемента'
+      }
+    }
+  },
+  ariaLabel: {
+    type: StorybookControl.text,
+    options: {
+      category: StorybookCategory.aria,
+      type: 'string',
+      description: {
+        en: 'Defines a label for the element for screen readers',
+        ru: 'Определяет метку для элемента для программ чтения с экрана'
+      }
+    }
+  },
+  ariaLabelledby: {
+    type: StorybookControl.text,
+    options: {
+      category: StorybookCategory.aria,
+      type: 'string',
+      description: {
+        en: 'Identifies the element(s) that label the current element',
+        ru: 'Определяет элемент(ы), которые обозначают текущий элемент'
+      }
+    }
+  },
+  ariaLive: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.aria,
+      type: 'string',
+      options: ['off', 'polite', 'assertive'],
+      description: {
+        en: 'Indicates that an element will be updated, and describes the types of updates',
+        ru: 'Указывает, что элемент будет обновляться, и описывает типы обновлений'
+      }
+    }
+  },
+  ariaMultiselectable: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.technical,
+      description: {
+        en: 'Indicates that the user may select more than one item',
+        ru: 'Указывает, что пользователь может выбрать более одного элемента'
+      }
+    }
+  },
+  polite: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.aria,
+      type: 'boolean',
+      description: {
+        en: 'Sets aria-live to "polite" for non-intrusive screen reader announcements',
+        ru: 'Устанавливает aria-live в "polite" для ненавязчивых объявлений программы чтения с экрана'
+      }
+    }
+  },
+  role: {
+    type: StorybookControl.text,
+    options: {
+      category: StorybookCategory.aria,
+      type: 'string',
+      description: {
+        en: 'Defines the role of the element for accessibility',
+        ru: 'Определяет роль элемента для доступности'
+      }
+    }
+  },
+  roleItem: {
+    type: StorybookControl.text,
+    options: {
+      category: StorybookCategory.aria,
+      type: 'string',
+      description: {
+        en: 'Defines the role of the item element for accessibility',
+        ru: 'Определяет роль элемента item для доступности'
+      }
+    }
+  },
+  tabindex: {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.aria,
+      type: 'number',
+      description: {
+        en: 'Tab order position for keyboard navigation',
+        ru: 'Позиция порядка табуляции для навигации с клавиатуры'
+      }
+    }
+  }
+}

package/src/media/props/wikiArrow.ts

@@ -0,0 +1,24 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiArrow object contains descriptions of all properties for the Arrow component
+ *
+ * Объект wikiArrow содержит описание всех свойств для компонента Arrow
+ */
+export const wikiArrow: StorybookArgsToList = {
+  elementTarget: {
+    type: StorybookControl.text,
+    options: {
+      category: StorybookCategory.value,
+      description: {
+        en: 'The arrow will point to this element if auto mode is set',
+        ru: 'Стрелка будет указывать на этот элемент, если установлен автоматический режим'
+      },
+      value: '#id-arrow-target'
+    }
+  }
+}

package/src/media/props/wikiArrowInclude.ts

@@ -0,0 +1,45 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiArrowInclude object contains descriptions of all properties for the Arrow include
+ *
+ * Объект wikiArrowInclude содержит описание всех свойств для включения Arrow
+ */
+export const wikiArrowInclude: StorybookArgsToList = {
+  arrowAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the Arrow component',
+        ru: 'Дополнительные атрибуты для компонента Arrow'
+      }
+    }
+  },
+  arrowPosition: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.arrow,
+      description: {
+        en: 'Arrow position',
+        ru: 'Позиция стрелки'
+      },
+      options: ['auto', 'top', 'bottom', 'left', 'right'],
+      defaultValue: 'auto'
+    }
+  },
+  arrowShow: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.arrow,
+      description: {
+        en: 'Show arrow',
+        ru: 'Показать стрелку'
+      }
+    }
+  }
+}

package/src/media/props/wikiAttributes.ts

@@ -0,0 +1,143 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiAttributes object contains descriptions of all attribute properties
+ *
+ * Объект wikiAttributes содержит описание всех свойств атрибутов
+ */
+export const wikiAttributes: StorybookArgsToList = {
+  buttonAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for button elements',
+        ru: 'Дополнительные атрибуты для элементов кнопок'
+      }
+    }
+  },
+  buttonSecondaryAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for secondary button elements',
+        ru: 'Дополнительные атрибуты для элементов вторичных кнопок'
+      }
+    }
+  },
+  cellAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the Cell component',
+        ru: 'Дополнительные атрибуты для компонента Cell'
+      }
+    }
+  },
+  chipAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the Chip component',
+        ru: 'Дополнительные атрибуты для компонента Chip'
+      }
+    }
+  },
+  fieldAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the Field component',
+        ru: 'Дополнительные атрибуты для компонента Field'
+      }
+    }
+  },
+  fieldLabelAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the FieldLabel element',
+        ru: 'Дополнительные атрибуты для элемента FieldLabel'
+      }
+    }
+  },
+  fieldMessageAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the FieldMessage element',
+        ru: 'Дополнительные атрибуты для элемента FieldMessage'
+      }
+    }
+  },
+  inputAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the native input element',
+        ru: 'Дополнительные атрибуты для нативного элемента input'
+      }
+    }
+  },
+  menuAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the Menu root container',
+        ru: 'Дополнительные атрибуты для корневого контейнера Menu'
+      }
+    }
+  },
+  motionTransformAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the MotionTransform component',
+        ru: 'Дополнительные атрибуты для компонента MotionTransform'
+      }
+    }
+  },
+  scrollbarAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Sets attributes for the internal scrollbar',
+        ru: 'Задает атрибуты встроенного скроллбара'
+      }
+    }
+  },
+  tooltipAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the Tooltip component',
+        ru: 'Дополнительные атрибуты для компонента Tooltip'
+      }
+    }
+  },
+  windowAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the Window root container',
+        ru: 'Дополнительные атрибуты для корневого контейнера Window'
+      }
+    }
+  }
+}

package/src/media/props/wikiBadge.ts

@@ -16,10 +16,11 @@ export const wikiBadge: StorybookArgsToList = {
       category: StorybookCategory.style,
 
       description: {
-        en: 'Outline variant of the badge with transparent background and border',
+        en: 'Outline variant of the badge with a transparent background and border',
         ru: 'Контурный вариант бейджа с прозрачным фоном и границей'
       }
-    }
+    },
+    isDemo: true
   },
   'badge.primary': {
     type: StorybookControl.boolean,
@@ -29,7 +30,8 @@ export const wikiBadge: StorybookArgsToList = {
         en: 'Primary color variant for the badge with high contrast and emphasis',
         ru: 'Основной цветовой вариант бейджа с высоким контрастом и акцентом'
       }
-    }
+    },
+    isDemo: true
   },
   'badge.secondary': {
     type: StorybookControl.boolean,
@@ -40,6 +42,7 @@ export const wikiBadge: StorybookArgsToList = {
         en: 'Secondary color variant for the badge with moderate contrast',
         ru: 'Второстепенный цветовой вариант бейджа с умеренным контрастом'
       }
-    }
+    },
+    isDemo: true
   }
 }

package/src/media/props/wikiBars.ts

@@ -18,7 +18,8 @@ export const wikiBars: StorybookArgsToList = {
         en: 'Enables action mode',
         ru: 'Включает режим действия'
       }
-    }
+    },
+    isDemo: true
   },
   'bars.actionBars': {
     type: StorybookControl.object,
@@ -38,7 +39,7 @@ export const wikiBars: StorybookArgsToList = {
   'bars.actionDescription': {
     type: StorybookControl.text,
     options: {
-      category: StorybookCategory.value,
+      category: StorybookCategory.information,
       description: {
         en: 'Description for the action',
         ru: 'Описание для действия'
@@ -49,7 +50,7 @@ export const wikiBars: StorybookArgsToList = {
   'bars.actionLabel': {
     type: StorybookControl.text,
     options: {
-      category: StorybookCategory.value,
+      category: StorybookCategory.information,
       description: {
         en: 'Label for the action',
         ru: 'Метка для действия'
@@ -70,7 +71,7 @@ export const wikiBars: StorybookArgsToList = {
   'bars.backActionHide': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Hide back button in action',
         ru: 'Скрыть кнопку назад в action'
@@ -80,7 +81,7 @@ export const wikiBars: StorybookArgsToList = {
   'bars.backHide': {
     type: StorybookControl.boolean,
     options: {
-      category: StorybookCategory.style,
+      category: StorybookCategory.option,
       description: {
         en: 'Hides the back button',
         ru: 'Скрывает кнопку назад'
@@ -107,7 +108,7 @@ export const wikiBars: StorybookArgsToList = {
     options: {
       category: StorybookCategory.technical,
       description: {
-        en: 'Two-way binding for action state (v-model:action)',
+        en: 'Two-way binding for the action state (v-model:action)',
         ru: 'Двусторонняя привязка состояния action (v-model:action)'
       }
     }

package/src/media/props/wikiBarsInclude.ts

@@ -0,0 +1,82 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiBarsInclude object contains descriptions of all properties for the Bars include
+ *
+ * Объект wikiBarsInclude содержит описание всех свойств для включения Bars
+ */
+export const wikiBarsInclude: StorybookArgsToList = {
+  barsAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Additional attributes for the bars (header toolbar) container',
+        ru: 'Дополнительные атрибуты для контейнера бара (верхней панели)'
+      }
+    }
+  },
+  barsBackHide: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.bars,
+      description: {
+        en: 'Hides the back button in the bars',
+        ru: 'Скрывает кнопку назад в барах'
+      }
+    }
+  },
+  barsDescription: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.bars,
+      type: 'string',
+      description: {
+        en: 'Description text displayed in the bars area (subtitle/help)',
+        ru: 'Текст описания, отображаемый в области бара (подзаголовок/подсказка)'
+      },
+      value: 'Welcome to the application!'
+    }
+  },
+  barsHide: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.bars,
+      description: {
+        en: 'Hides the bars (header toolbar)',
+        ru: 'Скрывает бар (верхнюю панель)'
+      }
+    }
+  },
+  barsLabel: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.bars,
+      type: ['string', 'number'],
+      description: {
+        en: 'Label or numeric indicator shown in the bars header',
+        ru: 'Метка или числовой индикатор, отображаемый в заголовке бара'
+      },
+      value: 'Hello friend'
+    }
+  },
+  barsList: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.bars,
+      description: {
+        en: 'Array of buttons displayed in the bars area (actions)',
+        ru: 'Массив кнопок, отображаемых в области бара (действия)'
+      },
+      value: [
+        { icon: 'home', label: 'Home' },
+        { icon: 'search', label: 'Search' },
+        { icon: 'settings', label: 'Settings' }
+      ]
+    }
+  }
+}

package/src/media/props/wikiButton.ts

@@ -19,7 +19,8 @@ export const wikiButton: StorybookArgsToList = {
         en: 'Outline button style',
         ru: 'Стиль кнопки с обводкой'
       }
-    }
+    },
+    isDemo: true
   },
   'button.primary': {
     type: StorybookControl.boolean,
@@ -30,7 +31,8 @@ export const wikiButton: StorybookArgsToList = {
         en: 'Primary button style',
         ru: 'Основной стиль кнопки'
       }
-    }
+    },
+    isDemo: true
   },
   'button.secondary': {
     type: StorybookControl.boolean,
@@ -41,7 +43,8 @@ export const wikiButton: StorybookArgsToList = {
         en: 'Secondary button style',
         ru: 'Вторичный стиль кнопки'
       }
-    }
+    },
+    isDemo: true
   },
   'button.text': {
     type: StorybookControl.boolean,
@@ -52,6 +55,7 @@ export const wikiButton: StorybookArgsToList = {
         en: 'Text button style',
         ru: 'Текстовый стиль кнопки'
       }
-    }
+    },
+    isDemo: true
   }
 }

package/src/media/props/wikiChip.ts

@@ -19,7 +19,8 @@ export const wikiChip: StorybookArgsToList = {
         en: 'Alternative visual appearance style',
         ru: 'Альтернативный стиль внешнего вида'
       }
-    }
+    },
+    isDemo: true
   },
   'chip.input': {
     type: StorybookControl.boolean,
@@ -30,6 +31,7 @@ export const wikiChip: StorybookArgsToList = {
         en: 'Input-style visual appearance',
         ru: 'Внешний вид в стиле поля ввода'
       }
-    }
+    },
+    isDemo: true
   }
 }

package/src/media/props/wikiChipGroup.ts

@@ -0,0 +1,39 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiChipGroup object contains properties for the ChipGroup component
+ *
+ * Объект wikiChipGroup содержит свойства для компонента ChipGroup
+ */
+export const wikiChipGroup: StorybookArgsToList = {
+  'chipGroup.list': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.value,
+      description: {
+        en: 'Array of chip items data. Contains the data for all chips to be rendered in the group.',
+        ru: 'Массив данных элементов чипов. Содержит данные для всех чипов, которые должны быть отображены в группе.'
+      },
+      value: [
+        { label: 'Apple', value: 'apple' },
+        { label: 'Banana', value: 'banana' },
+        { label: 'Orange', value: 'orange' }
+      ]
+    }
+  },
+  'chipGroup.selected': {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.status,
+      type: ['string', 'number', 'boolean', 'array'],
+      description: {
+        en: 'Currently selected item(s) - can be a single value or an array of values',
+        ru: 'Выбранный элемент(ы) - может быть одним значением или массивом значений'
+      }
+    }
+  }
+}

package/src/media/props/wikiDialog.ts

@@ -0,0 +1,33 @@
+import {
+  type StorybookArgsToItem,
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+import { wikiActionsInclude } from './wikiActionsInclude'
+
+/**
+ * The wikiDialog object contains properties specific to Dialog component
+ *
+ * Объект wikiDialog содержит свойства, специфичные для компонента Dialog
+ */
+export const wikiDialog: StorybookArgsToList = {
+  'dialog.actionsList': {
+    ...(wikiActionsInclude.actionsList as StorybookArgsToItem),
+    options: {
+      ...(wikiActionsInclude.actionsList as StorybookArgsToItem).options,
+      value: undefined
+    }
+  },
+  'dialog.clickOkAndClose': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Automatically closes the dialog when the OK button is clicked',
+        ru: 'Автоматически закрывает диалог при клике на кнопку OK'
+      }
+    }
+  }
+}