@dxtmisha/wiki 0.39.3 → 0.39.5

package/src/media/props/wikiIconInclude.ts

@@ -0,0 +1,365 @@
+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'
+    },
+    hide: true
+  },
+  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: 'Задает иконку стрелки вниз'
+      }
+    },
+    hide: true
+  },
+  iconArrowLeft: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for the left arrow',
+        ru: 'Задает иконку стрелки влево'
+      }
+    },
+    hide: true
+  },
+  iconArrowRight: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for right arrow',
+        ru: 'Задает иконку стрелки вправо'
+      }
+    },
+    hide: true
+  },
+  iconAttrs: {
+    type: StorybookControl.object,
+    options: {
+      category: StorybookCategory.attributes,
+      description: {
+        en: 'Sets additional attributes for the icon element',
+        ru: 'Задает дополнительные атрибуты для элемента иконки'
+      }
+    },
+    hide: true
+  },
+  iconBack: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for the back button',
+        ru: 'Задает иконку для кнопки назад'
+      }
+    },
+    hide: true
+  },
+  iconCancel: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for cancel/clear action',
+        ru: 'Задает иконку для действия отмены/очистки'
+      }
+    },
+    hide: true
+  },
+  iconCheckbox: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for checkbox',
+        ru: 'Задает иконку для чекбокса'
+      }
+    },
+    hide: true
+  },
+  iconClose: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for close button',
+        ru: 'Задает иконку для кнопки закрытия'
+      }
+    },
+    hide: true
+  },
+  iconContentCopy: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for copy content action',
+        ru: 'Задает иконку для действия копирования содержимого'
+      }
+    },
+    hide: true
+  },
+  iconDir: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Mirrors the icon depending on a site direction (RTL/LTR)',
+        ru: 'Зеркально отражает иконку в зависимости от направления сайта (RTL/LTR)'
+      }
+    },
+    hide: true
+  },
+  iconError: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon displayed in the error state',
+        ru: 'Задает иконку, отображаемую в состоянии ошибки'
+      }
+    },
+    hide: true
+  },
+  iconHide: {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.icon,
+
+      description: {
+        en: 'Hides the icon',
+        ru: 'Скрывает иконку'
+      }
+    },
+    hide: true
+  },
+  iconIndeterminate: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for indeterminate state',
+        ru: 'Задает иконку для неопределенного состояния'
+      }
+    },
+    hide: true
+  },
+  iconLink: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for a link',
+        ru: 'Задает иконку для ссылки'
+      }
+    },
+    hide: true
+  },
+  iconMinus: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for decrement / minus action',
+        ru: 'Задает иконку для действия уменьшения (минус)'
+      }
+    },
+    hide: true
+  },
+  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: 'Задает иконку для действия увеличения (плюс)'
+      }
+    },
+    hide: true
+  },
+  iconSearch: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      type: ['string', 'File'],
+      description: {
+        en: 'Sets icon for search action',
+        ru: 'Задает иконку для действия поиска'
+      },
+      value: 'search'
+    },
+    hide: true
+  },
+  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: 'Задает иконку, отображаемую в состоянии успеха'
+      }
+    },
+    hide: true
+  },
+  iconTag: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for tag',
+        ru: 'Задает иконку для тега'
+      }
+    },
+    hide: true
+  },
+  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: 'Применяет зеркальное отражение только к завершающей иконке'
+      }
+    },
+    hide: true
+  },
+  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: 'Применяет поворот только к завершающей иконке'
+      }
+    },
+    hide: true
+  },
+  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: 'Задает иконку для состояния видимости (показать пароль)'
+      }
+    },
+    hide: true
+  },
+  iconVisibilityOff: {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.icon,
+      description: {
+        en: 'Sets icon for visibility off state (hide password)',
+        ru: 'Задает иконку для состояния скрытия (скрыть пароль)'
+      }
+    },
+    hide: true
+  },
+  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

@@ -0,0 +1,208 @@
+import {
+  type StorybookArgsToList,
+  StorybookCategory,
+  StorybookControl
+} from '../../types/storybookTypes'
+
+/**
+ * The wikiImage object contains descriptions of all properties for the image component
+ *
+ * Объект wikiImage содержит описание всех свойств для компонента изображения
+ */
+export const wikiImage: StorybookArgsToList = {
+  // Value
+  'image.value': {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.value,
+      type: ['string', 'File'],
+      description: {
+        en: 'Accepts the name of an icon, a link to an image, a File object, or a link to a PDF file',
+        ru: 'Принимает название иконки, ссылку на изображение, объект File или ссылку на PDF файл'
+      },
+      value: 'rocket_launch'
+    },
+    hide: true
+  },
+  'image.url': {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.value,
+      description: {
+        en: 'Specifies the path to the folder containing images',
+        ru: 'Указывает путь к папке с изображениями'
+      }
+    },
+    hide: true
+  },
+
+  // Adaptive
+  'image.adaptive': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.adaptive,
+
+      description: {
+        en: 'Adjusts the image size for proportional alignment with other elements',
+        ru: 'Регулирует размер изображения для пропорционального выравнивания относительно других элементов'
+      }
+    },
+    hide: true
+  },
+  'image.adaptiveAlways': {
+    type: StorybookControl.boolean,
+    options: {
+      category: StorybookCategory.adaptive,
+      description: {
+        en: 'Continuously calculates the image size, even when the element is off-screen',
+        ru: 'Постоянно вычисляет размер изображения, даже если элемент находится вне экрана'
+      }
+    },
+    hide: true
+  },
+  'image.adaptiveGroup': {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.adaptive,
+      description: {
+        en: 'Groups elements related to adaptiveness',
+        ru: 'Группирует элементы, связанные с адаптивностью'
+      }
+    },
+    hide: true
+  },
+  'image.alt': {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.information,
+      description: {
+        en: 'Alternative text for the image when using the img tag',
+        ru: 'Альтернативный текст для изображения при использовании тега img'
+      }
+    },
+    hide: true
+  },
+
+  // Style
+  'image.coordinator': {
+    type: StorybookControl.array,
+    options: {
+      category: StorybookCategory.style,
+      type: 'number[]',
+      description: {
+        en: 'Defines the crop area of the image, accepting an array of values for top, right, bottom, and left',
+        ru: 'Определяет область обрезки изображения, принимает массив значений для top, right, bottom, left'
+      }
+    }
+  },
+  '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: 'Устанавливает приоритет загрузки изображения'
+      }
+    },
+    hide: true
+  },
+  '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"'
+      }
+    },
+    hide: true
+  },
+  '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: 'Указывает физическую высоту элемента на изображении для адаптивного выравнивания'
+      }
+    },
+    hide: true
+  },
+  '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: 'Указывает физическую ширину элемента на изображении для адаптивного выравнивания'
+      }
+    },
+    hide: true
+  },
+  '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: 'Расстояние от области просмотра для начала предзагрузки изображения'
+      }
+    },
+    hide: true
+  },
+  '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: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Moves the image along the X-axis, accepts a string in % or px format',
+        ru: 'Сдвигает изображение по оси X, принимает строку в формате % или px'
+      }
+    }
+  },
+  'image.y': {
+    type: StorybookControl.string,
+    options: {
+      category: StorybookCategory.style,
+      description: {
+        en: 'Moves the image along the Y-axis, accepts a string in % or px format',
+        ru: 'Сдвигает изображение по оси Y, принимает строку в формате % или px'
+      }
+    }
+  }
+}