@dxtmisha/wiki 0.24.3 → 0.39.1

package/src/media/props/wikiIconInclude.ts

@@ -0,0 +1,322 @@
+import { type StorybookArgsToList, StorybookCategory, StorybookControl } from '../../types/storybookTypes'
+
+export const wikiIconInclude: StorybookArgsToList = {
+  icon: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      type: ['string', 'File'],
+      description: {
+        en: 'Value of the main icon',
+        ru: 'Значение основной иконки'
+      },
+      value: 'home'
+    }
+  },
+  iconAlign: {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.icon,
+      type: 'string',
+      options: ['center', 'text'],
+      description: {
+        en: 'Sets icon alignment within the component',
+        ru: 'Задает выравнивание иконки внутри компонента'
+      }
+    }
+  },
+  iconArrowDown: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for down arrow',
+        ru: 'Задает иконку стрелки вниз'
+      }
+    }
+  },
+  iconArrowLeft: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for the left arrow',
+        ru: 'Задает иконку стрелки влево'
+      }
+    }
+  },
+  iconArrowRight: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for right arrow',
+        ru: 'Задает иконку стрелки вправо'
+      }
+    }
+  },
+  iconAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Sets additional attributes for the icon element',
+        ru: 'Задает дополнительные атрибуты для элемента иконки'
+      }
+    }
+  },
+  iconBack: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for the back button',
+        ru: 'Задает иконку для кнопки назад'
+      }
+    }
+  },
+  iconCancel: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for cancel/clear action',
+        ru: 'Задает иконку для действия отмены/очистки'
+      }
+    }
+  },
+  iconClose: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for close button',
+        ru: 'Задает иконку для кнопки закрытия'
+      }
+    }
+  },
+  iconContentCopy: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for copy content action',
+        ru: 'Задает иконку для действия копирования содержимого'
+      }
+    }
+  },
+  iconDir: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Mirrors the icon depending on a site direction (RTL/LTR)',
+        ru: 'Зеркально отражает иконку в зависимости от направления сайта (RTL/LTR)'
+      }
+    }
+  },
+  iconError: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon displayed in the error state',
+        ru: 'Задает иконку, отображаемую в состоянии ошибки'
+      }
+    }
+  },
+  iconHide: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Hides the icon',
+        ru: 'Скрывает иконку'
+      }
+    }
+  },
+  iconLink: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for a link',
+        ru: 'Задает иконку для ссылки'
+      }
+    }
+  },
+  iconMinus: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for decrement / minus action',
+        ru: 'Задает иконку для действия уменьшения (минус)'
+      }
+    }
+  },
+  iconPalette: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Sets icon color based on palette class',
+        ru: 'Задает цвет иконки на основе класса палитры'
+      }
+    }
+  },
+  iconPlus: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for increment / plus action',
+        ru: 'Задает иконку для действия увеличения (плюс)'
+      }
+    }
+  },
+  iconSearch: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      type: ['string', 'File'],
+      description: {
+        en: 'Sets icon for search action',
+        ru: 'Задает иконку для действия поиска'
+      },
+      value: 'search'
+    }
+  },
+  iconShow: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Controls visibility of icons in displayed items',
+        ru: 'Управляет видимостью иконок в отображаемых элементах'
+      }
+    }
+  },
+  iconSuccess: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon displayed in a success state',
+        ru: 'Задает иконку, отображаемую в состоянии успеха'
+      }
+    }
+  },
+  iconTag: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for tag',
+        ru: 'Задает иконку для тега'
+      }
+    }
+  },
+  iconTop: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Aligns icon to the top of the container',
+        ru: 'Выравнивает иконку по верхнему краю контейнера'
+      }
+    }
+  },
+  iconTrailing: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      type: ['string', 'File'],
+      description: {
+        en: 'Value of the trailing icon',
+        ru: 'Значение завершающей иконки'
+      }
+    },
+    isDemo: true,
+    demo: 'settings'
+  },
+  iconTrailingDirOnly: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Applies direction mirroring only to the trailing icon',
+        ru: 'Применяет зеркальное отражение только к завершающей иконке'
+      }
+    }
+  },
+  iconTrailingPalette: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Sets trailing icon color based on palette class',
+        ru: 'Задает цвет завершающей иконки на основе класса палитры'
+      }
+    }
+  },
+  iconTrailingTurnOnly: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Applies rotation only to the trailing icon',
+        ru: 'Применяет поворот только к завершающей иконке'
+      }
+    }
+  },
+  iconTurn: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Turns the icon',
+        ru: 'Поворачивает иконку'
+      }
+    },
+    isDemo: true
+  },
+  iconVisibility: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for visibility on state (show password)',
+        ru: 'Задает иконку для состояния видимости (показать пароль)'
+      }
+    }
+  },
+  iconVisibilityOff: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for visibility off state (hide password)',
+        ru: 'Задает иконку для состояния скрытия (скрыть пароль)'
+      }
+    }
+  },
+  iconWhenSelected: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Shows the icon only when the element is selected',
+        ru: 'Показывает иконку только при выборе элемента'
+      }
+    }
+  }
+}

package/src/media/props/wikiImage.ts

@@ -21,7 +21,9 @@ export const wikiImage: StorybookArgsToList = {
         ru: 'Принимает название иконки, ссылку на изображение, объект File или ссылку на PDF файл'
       },
       value: 'rocket_launch'
-    }
+    },
+    isDemo: true,
+    demo: 'https://drscdn.500px.org/photo/294267357/q%3D90_m%3D2048/v2?sig=adb52b9add18ad21ab4a86b99695377f2a18821c609d42149b3426dfb99cf924'
   },
   'image.url': {
     type: StorybookControl.string,
@@ -46,23 +48,13 @@ export const wikiImage: StorybookArgsToList = {
       }
     }
   },
-  'image.objectWidth': {
-    type: StorybookControl.number,
-    options: {
-      category: StorybookCategory.adaptive,
-      description: {
-        en: 'Defines the physical width of an element on the image for adaptive alignment',
-        ru: 'Указывает физическую ширину элемента на изображении для адаптивного выравнивания'
-      }
-    }
-  },
-  'image.objectHeight': {
-    type: StorybookControl.number,
+  'image.adaptiveAlways': {
+    type: StorybookControl.boolean,
     options: {
       category: StorybookCategory.adaptive,
       description: {
-        en: 'Defines the physical height of an element on the image for adaptive alignment',
-        ru: 'Указывает физическую высоту элемента на изображении для адаптивного выравнивания'
+        en: 'Continuously calculates the image size, even when the element is off-screen',
+        ru: 'Постоянно вычисляет размер изображения, даже если элемент находится вне экрана'
       }
     }
   },
@@ -76,13 +68,13 @@ export const wikiImage: StorybookArgsToList = {
       }
     }
   },
-  'image.adaptiveAlways': {
-    type: StorybookControl.boolean,
+  'image.alt': {
+    type: StorybookControl.string,
     options: {
-      category: StorybookCategory.adaptive,
+      category: StorybookCategory.information,
       description: {
-        en: 'Continuously calculates the image size, even when the element is off-screen',
-        ru: 'Постоянно вычисляет размер изображения, даже если элемент находится вне экрана'
+        en: 'Alternative text for the image when using the img tag',
+        ru: 'Альтернативный текст для изображения при использовании тега img'
       }
     }
   },
@@ -99,6 +91,91 @@ export const wikiImage: StorybookArgsToList = {
       }
     }
   },
+  'image.fetchPriority': {
+    type: StorybookControl.select,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      options: ['auto', 'high', 'low'],
+      description: {
+        en: 'Sets the priority for fetching the image',
+        ru: 'Устанавливает приоритет загрузки изображения'
+      }
+    }
+  },
+  'image.lazy': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Enables lazy loading of the image using the native loading="lazy" attribute',
+        ru: 'Включает ленивую загрузку изображения с использованием нативного атрибута loading="lazy"'
+      }
+    }
+  },
+  'image.objectHeight': {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.adaptive,
+      description: {
+        en: 'Defines the physical height of an element on the image for adaptive alignment',
+        ru: 'Указывает физическую высоту элемента на изображении для адаптивного выравнивания'
+      }
+    }
+  },
+  'image.objectWidth': {
+    type: StorybookControl.number,
+    options: {
+      category: StorybookCategory.adaptive,
+      description: {
+        en: 'Defines the physical width of an element on the image for adaptive alignment',
+        ru: 'Указывает физическую ширину элемента на изображении для адаптивного выравнивания'
+      }
+    }
+  },
+  'image.picture': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.value,
+      type: ['Record<string, string>', 'ImagePictureList'],
+      description: {
+        en: 'Sources for different display conditions using the picture tag with media queries',
+        ru: 'Источники для разных условий отображения с использованием тега picture и медиа-запросов'
+      }
+    }
+  },
+  'image.preloadOffset': {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.option,
+      type: 'string',
+      description: {
+        en: 'Distance from the viewport to start preloading the image',
+        ru: 'Расстояние от области просмотра для начала предзагрузки изображения'
+      }
+    }
+  },
+  'image.srcset': {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.value,
+      type: ['string', 'Record<string, string>'],
+      description: {
+        en: 'Set of image sources for different screen resolutions and pixel densities',
+        ru: 'Набор источников изображения для разных разрешений экрана и плотности пикселей'
+      }
+    }
+  },
+  'image.tagImg': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.option,
+      description: {
+        en: 'Use the img tag instead of background image for better accessibility and SEO',
+        ru: 'Использовать тег img вместо фонового изображения для лучшей доступности и SEO'
+      }
+    }
+  },
   'image.x': {
     type: StorybookControl.string,
     options: {

package/src/media/props/wikiInformation.ts

@@ -0,0 +1,164 @@
+import { type StorybookArgsToList, StorybookCategory, StorybookControl } from '../../types/storybookTypes'
+
+export const wikiInformation: StorybookArgsToList = {
+  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 для скрытия)'
+      }
+    }
+  },
+  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 для скрытия)'
+      }
+    }
+  },
+  caption: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Caption text for additional information',
+        ru: 'Текст подписи для дополнительной информации'
+      }
+    },
+    isDemo: true,
+    demo: 'Caption text'
+  },
+  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'
+    }
+  },
+  forceShowMessage: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.information,
+      description: {
+        en: 'Forces display of a helper / validation message ignoring usual visibility rules',
+        ru: 'Принудительно показывает сообщение (helper / validation), игнорируя обычные условия видимости'
+      }
+    }
+  },
+  headline: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      type: 'string',
+      description: {
+        en: 'Headline text',
+        ru: 'Текст заголовка'
+      }
+    }
+  },
+  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'
+    }
+  },
+  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'
+    }
+  },
+  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,34 @@
+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, содержащего предопределённые варианты для автозаполнения поля ввода'
+      }
+    }
+  },
+  '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: 'Тип инпута, определяющий поведение и валидацию поля'
+      }
+    }
+  }
+}