@redneckz/wildless-cms-uni-blocks 0.6.21 → 0.6.23

package/src/icons/IconName.ts

@@ -70,6 +70,7 @@ export enum IconMap {
   DocIcon = 'DocIcon',
   DocIconMonoColor = 'DocIconMonoColor',
   DocsIcon = 'DocsIcon',
+  DocumentText2Icon = 'DocumentText2Icon',
   DocumentTextIcon = 'DocumentTextIcon',
   DollarIcon = 'DollarIcon',
   DoneIcon = 'DoneIcon',
@@ -166,6 +167,7 @@ export enum IconTitleMap {
   DocIcon = 'Документ',
   DocIconMonoColor = 'Документ (одноцветный)',
   DocsIcon = 'Документы',
+  DocumentText2Icon = 'Документы-2',
   DocumentTextIcon = 'Документ с текстом',
   DollarIcon = 'Доллар',
   DoneIcon = "Зелёная 'галочка' в круге",
@@ -235,7 +237,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка вверх', 'Банкомат', 'Банк', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кинотеатр', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
+ *   'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка', 'Стрелка вверх', 'Банкомат', 'Банк', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кинотеатр', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
  * ]
  */
 export type IconName =
@@ -271,6 +273,7 @@ export type IconName =
   | 'DocIcon'
   | 'DocIconMonoColor'
   | 'DocsIcon'
+  | 'DocumentText2Icon'
   | 'DocumentTextIcon'
   | 'DollarIcon'
   | 'DoneIcon'

package/src/index.ts

@@ -7,4 +7,4 @@ export { ContentPage } from './components/ContentPage/ContentPage';
 export { projectSettings } from './ProjectSettings';
 export { joinList } from './utils/joinList';
 export * as url from './utils/url';
-export const packageVersion = process.env.UNI_BLOCKS_VERSION;
+export const packageVersion = process?.env?.UNI_BLOCKS_VERSION;

package/src/ui-kit/BlockWrapper.tsx

@@ -21,7 +21,7 @@ const OBSERVER_OPTIONS = {
 };
 
 export const BlockWrapper = JSX<BlockWrapperProps>(
-  ({ anchor, className, children, tag = 'section', labels }) => {
+  ({ anchor, className, children, tag = 'section', labels, role }) => {
     const Tag: any = tag;
 
     const [shouldRenderBlock, setShouldRenderBlock] = useState(true);
@@ -66,11 +66,14 @@ export const BlockWrapper = JSX<BlockWrapperProps>(
         observerCallback={observerCallback}
         observerOptions={OBSERVER_OPTIONS}
         anchor={anchor}
+        role={role}
       >
         {children}
       </IntersectionObserverTag>
     ) : (
-      <Tag className={className}>{children}</Tag>
+      <Tag className={className} role={role}>
+        {children}
+      </Tag>
     );
   },
 );

package/src/ui-kit/InnerTable/InnerTableHeader.tsx

@@ -31,12 +31,12 @@ export const InnerTableHeader = JSX<InnerTableHeaderProps>(
         <Button
           href={linkToPDF}
           version="secondary"
-          className="flex justify-center items-center text-l-light text-primary-main px-8 max-h-14"
           target="_blank"
-        >
-          <Img image="DocDownloadIcon" className="mr-2.5" width="20" height="20" asSVG />
-          <span>Скачать в PDF</span>
-        </Button>
+          appendLeft={
+            <Img image="DocDownloadIcon" className="mr-0.5" width="20" height="20" asSVG />
+          }
+          text="Скачать в PDF"
+        />
       ) : null}
     </div>
   ),

package/src/ui-kit/IntersectionObserverTag.tsx

@@ -9,6 +9,7 @@ interface IntersectionObserverTagProps {
   children?: VNode;
   observerCallback: IntersectionObserverCallback;
   observerOptions?: IntersectionObserverInit;
+  role?: string;
 }
 
 export const IntersectionObserverTag = JSX<IntersectionObserverTagProps>((props) => {
@@ -19,6 +20,7 @@ export const IntersectionObserverTag = JSX<IntersectionObserverTagProps>((props)
     className = '',
     anchor = null,
     children,
+    role,
   } = props;
   const tagRef = useRef<HTMLElement | null>(null);
 
@@ -38,7 +40,7 @@ export const IntersectionObserverTag = JSX<IntersectionObserverTagProps>((props)
   const Tag = tag as any;
 
   return (
-    <Tag ref={tagRef} className={className} id={anchor}>
+    <Tag ref={tagRef} className={className} id={anchor} role={role}>
       {children}
     </Tag>
   );

package/src/ui-kit/Tags/Tags.fixture.tsx

@@ -0,0 +1,9 @@
+import { Tags } from './Tags';
+
+const tags = ['Tag #1', 'Tag #2', 'Tag #3', 'Tag #4'];
+
+export default (
+  <div className="bg-white p-12">
+    <Tags tags={tags} />
+  </div>
+);

package/src/ui-kit/Tags/Tags.tsx

@@ -0,0 +1,26 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { TagsContent } from './TagsContent';
+
+export interface TagsProps extends TagsContent {
+  /** @hidden */
+  className?: string;
+}
+
+export const Tags = JSX<TagsProps>((props) => {
+  const { tags, className = '' } = props;
+
+  return tags?.length ? (
+    <div className={`flex flex-wrap gap-2 ${className}`}>
+      {tags.map((_, i) => renderTag(_, String(i)))}
+    </div>
+  ) : null;
+});
+
+const renderTag = (tag: string, key: string) => (
+  <span
+    key={key}
+    className="text-m-light py-2 px-2.5 border-solid border rounded-md border-color-stroke"
+  >
+    {tag}
+  </span>
+);

package/src/ui-kit/Tags/TagsContent.ts

@@ -0,0 +1,6 @@
+export interface TagsContent {
+  /**
+   * @title Теги
+   */
+  tags?: string[];
+}

package/tailwind.config.cjs

@@ -251,7 +251,8 @@ module.exports = {
         'primary-focus': 'rgba(28, 28, 28, 1);',
         'checkbox-hover': 'rgba(134, 134, 134, 1);',
         'green-light': 'rgba(219, 242, 219, 1);',
-        'golden': 'rgba(255, 237, 184, 1);',
+        golden: 'rgba(255, 237, 184, 1);',
+        'color-stroke': 'rgba(201, 202, 204, 1)',
       },
     },
   },