@epam/uui 5.3.0 → 5.4.0

package/components/widgets/__tests__/__snapshots__/Badge.test.tsx.snap

@@ -1,48 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Badge should be rendered correctly 1`] = `
-<button
-  className="container uui-button-box uui-enabled uui-badge root size-36 uui-fill-solid"
-  onClick={[Function]}
-  tabIndex={-1}
-  type="button"
-/>
-`;
-
-exports[`Badge should be rendered correctly with props 1`] = `
-<button
-  className="container uui-button-box uui-enabled -clickable uui-badge root size-36 uui-fill-semitransparent uui-color-success"
-  onClick={[Function]}
-  tabIndex={0}
-  type="button"
->
-  <div
-    className="container uui-icon uui-enabled -clickable"
-    onClick={[Function]}
-    style={Object {}}
-  >
-    <SvgrURL
-      className=""
-    />
-  </div>
-  <div
-    className="uui-caption"
-  >
-    Test badge
-  </div>
-  <div
-    className="root uui-count_indicator size-18"
-  >
-    12
-  </div>
-  <div
-    className="container uui-icon uui-enabled -clickable -clickable"
-    onClick={[Function]}
-    style={Object {}}
-  >
-    <svg
-      className=""
-    />
-  </div>
-</button>
-`;

package/components/widgets/__tests__/__snapshots__/IndeterminateBar.test.tsx.snap

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ProgressBar should be rendered correctly 1`] = `
-<div
-  className="uui-indeterminate_bar root size-12"
->
-  <div
-    className="progressBar"
-  />
-</div>
-`;
-
-exports[`ProgressBar should be rendered correctly with props 1`] = `
-<div
-  className="uui-indeterminate_bar root size-24"
->
-  <div
-    className="progressBar"
-  />
-</div>
-`;

package/components/widgets/__tests__/__snapshots__/IndicatorBar.test.tsx.snap

@@ -1,30 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`IndicatorBar should be rendered correctly 1`] = `
-<div
-  className="uui-indeterminate_bar root root size-12"
->
-  <div
-    className="progressBar"
-  />
-</div>
-`;
-
-exports[`IndicatorBar should be rendered correctly with props 1`] = `
-<div
-  className="uui-progress_bar root size-12 root container"
->
-  <div
-    aria-valuemax={100}
-    aria-valuemin={0}
-    aria-valuenow={20}
-    className="bar bar"
-    role="progressbar"
-    style={
-      Object {
-        "width": "20%",
-      }
-    }
-  />
-</div>
-`;

package/components/widgets/__tests__/__snapshots__/Paginator.test.tsx.snap

@@ -1,125 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Paginator should be rendered correctly 1`] = `
-<nav
-  className="root uui-paginator"
-  role="navigation"
->
-  <button
-    aria-disabled={false}
-    className="container uui-button-box uui-enabled -clickable root uui-button uui-fill-outline uui-color-secondary uui-size-24 navigation-size-24"
-    onClick={[Function]}
-    tabIndex={0}
-    type="button"
-  >
-    <div
-      className="container uui-icon uui-enabled"
-      style={Object {}}
-    >
-      <svg
-        className=""
-      />
-    </div>
-  </button>
-  <button
-    className="container uui-button-box uui-enabled -clickable root uui-button uui-fill-ghost uui-color-primary uui-size-24 size-24 mode-ghost"
-    onClick={[Function]}
-    tabIndex={0}
-    type="button"
-  >
-    <div
-      className="uui-caption"
-    >
-      1
-    </div>
-  </button>
-  <button
-    className="container uui-button-box uui-enabled -clickable root uui-button uui-fill-ghost uui-color-primary uui-size-24 size-24 mode-ghost"
-    onClick={[Function]}
-    tabIndex={0}
-    type="button"
-  >
-    <div
-      className="uui-caption"
-    >
-      2
-    </div>
-  </button>
-  <button
-    className="container uui-button-box uui-enabled -clickable root uui-button uui-fill-ghost uui-color-primary uui-size-24 size-24 mode-ghost"
-    onClick={[Function]}
-    tabIndex={0}
-    type="button"
-  >
-    <div
-      className="uui-caption"
-    >
-      3
-    </div>
-  </button>
-  <button
-    className="container uui-button-box uui-enabled -clickable root uui-button uui-fill-ghost uui-color-primary uui-size-24 size-24 mode-ghost"
-    onClick={[Function]}
-    tabIndex={0}
-    type="button"
-  >
-    <div
-      className="uui-caption"
-    >
-      4
-    </div>
-  </button>
-  <button
-    className="container uui-button-box uui-enabled -clickable root uui-button uui-fill-ghost uui-color-primary uui-size-24 size-24 mode-ghost"
-    onClick={[Function]}
-    tabIndex={0}
-    type="button"
-  >
-    <div
-      className="uui-caption"
-    >
-      5
-    </div>
-  </button>
-  <button
-    className="container uui-button-box uui-enabled root uui-button uui-fill-ghost uui-color-secondary uui-size-24 size-24 spacer"
-    onClick={[Function]}
-    tabIndex={-1}
-    type="button"
-  >
-    <div
-      className="uui-caption"
-    >
-      ...
-    </div>
-  </button>
-  <button
-    className="container uui-button-box uui-enabled -clickable root uui-button uui-fill-ghost uui-color-primary uui-size-24 size-24 mode-ghost"
-    onClick={[Function]}
-    tabIndex={0}
-    type="button"
-  >
-    <div
-      className="uui-caption"
-    >
-      10
-    </div>
-  </button>
-  <button
-    aria-disabled={false}
-    className="container uui-button-box uui-enabled -clickable root uui-button uui-fill-outline uui-color-secondary uui-size-24 navigation-size-24"
-    onClick={[Function]}
-    tabIndex={0}
-    type="button"
-  >
-    <div
-      className="container uui-icon uui-enabled"
-      style={Object {}}
-    >
-      <svg
-        className=""
-      />
-    </div>
-  </button>
-</nav>
-`;

package/components/widgets/__tests__/__snapshots__/ProgressBar.test.tsx.snap

@@ -1,107 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ProgressBar should be rendered correctly 1`] = `
-<div
-  className="uui-progress_bar root size-12 container"
->
-  <div
-    aria-valuemax={100}
-    aria-valuemin={0}
-    aria-valuenow={20}
-    className="bar bar"
-    role="progressbar"
-    style={
-      Object {
-        "width": "20%",
-      }
-    }
-  />
-  <div
-    className="label label"
-  >
-    20%
-  </div>
-  <div
-    className="label topLabel"
-    style={
-      Object {
-        "clipPath": "inset(0 0 0 20%)",
-      }
-    }
-  >
-    20%
-  </div>
-</div>
-`;
-
-exports[`ProgressBar should be rendered correctly with custom label 1`] = `
-<div
-  className="uui-progress_bar root size-18 container"
->
-  <div
-    aria-valuemax={100}
-    aria-valuemin={0}
-    aria-valuenow={56}
-    className="bar bar"
-    role="progressbar"
-    style={
-      Object {
-        "width": "56%",
-      }
-    }
-  />
-  <div
-    className="label label"
-  >
-    5/10
-  </div>
-  <div
-    className="label topLabel"
-    style={
-      Object {
-        "clipPath": "inset(0 0 0 56%)",
-      }
-    }
-  >
-    5/10
-  </div>
-</div>
-`;
-
-exports[`ProgressBar should be rendered correctly with striped animation 1`] = `
-<div
-  className="uui-progress_bar root size-18 striped container"
->
-  <div
-    aria-valuemax={100}
-    aria-valuemin={0}
-    aria-valuenow={56}
-    className="bar bar"
-    role="progressbar"
-    style={
-      Object {
-        "width": "56%",
-      }
-    }
-  />
-</div>
-`;
-
-exports[`ProgressBar should be rendered correctly without label 1`] = `
-<div
-  className="uui-progress_bar root size-18 container"
->
-  <div
-    aria-valuemax={100}
-    aria-valuemin={0}
-    aria-valuenow={56}
-    className="bar bar"
-    role="progressbar"
-    style={
-      Object {
-        "width": "56%",
-      }
-    }
-  />
-</div>
-`;

package/components/widgets/__tests__/__snapshots__/Spinner.test.tsx.snap

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Spinner should be rendered correctly 1`] = `
-<div
-  className="container uui-spinner-container root uui-spinner"
->
-  <div
-    className="uui-spinner-animation"
-  >
-    <div
-      className="uui-spinner-dot uui-spinner-dot-1"
-    />
-    <div
-      className="uui-spinner-dot uui-spinner-dot-2"
-    />
-    <div
-      className="uui-spinner-dot uui-spinner-dot-3"
-    />
-  </div>
-</div>
-`;

package/components/widgets/__tests__/__snapshots__/StatusIndicator.test.tsx.snap

@@ -1,31 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`StatusIndicator should be rendered correctly 1`] = `
-<div
-  className="root size-24 uui-status_indicator uui-color-neutral uui-fill-solid"
->
-  <div
-    className="uui-status_indicator_dot"
-  />
-  <p
-    className="uui-status_indicator_caption"
-  >
-    Indicator
-  </p>
-</div>
-`;
-
-exports[`StatusIndicator should be rendered correctly with props 1`] = `
-<div
-  className="root size-12 uui-status_indicator uui-color-info uui-fill-outline"
->
-  <div
-    className="uui-status_indicator_dot"
-  />
-  <p
-    className="uui-status_indicator_caption"
-  >
-    Indicator
-  </p>
-</div>
-`;

package/components/widgets/__tests__/__snapshots__/Tag.test.tsx.snap

@@ -1,48 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Tag should be rendered correctly 1`] = `
-<button
-  className="container uui-button-box uui-enabled size-36 root uui-color-neutral uui-tag"
-  onClick={[Function]}
-  tabIndex={-1}
-  type="button"
-/>
-`;
-
-exports[`Tag should be rendered correctly with props 1`] = `
-<button
-  className="container uui-button-box uui-enabled -clickable size-36 root uui-color-neutral uui-tag"
-  onClick={[Function]}
-  tabIndex={0}
-  type="button"
->
-  <div
-    className="container uui-icon uui-enabled -clickable"
-    onClick={[Function]}
-    style={Object {}}
-  >
-    <svg
-      className=""
-    />
-  </div>
-  <div
-    className="uui-caption"
-  >
-    Test badge
-  </div>
-  <div
-    className="root uui-count_indicator size-18 uui-color-white"
-  >
-    12
-  </div>
-  <div
-    className="container uui-icon uui-enabled -clickable -clickable"
-    onClick={[Function]}
-    style={Object {}}
-  >
-    <svg
-      className=""
-    />
-  </div>
-</button>
-`;

package/components/widgets/index.ts

@@ -1,11 +0,0 @@
-export { Avatar } from '@epam/uui-components';
-export * from './AvatarStack';
-export * from './Badge';
-export * from './Tag';
-export * from './Spinner';
-export * from './Paginator';
-export * from './IndeterminateBar';
-export * from './IndicatorBar';
-export * from './ProgressBar';
-export * from './CountIndicator';
-export * from './StatusIndicator';

package/globals.d.ts

@@ -1,12 +0,0 @@
-/// <reference path="../uui_globals.d.ts" />
-
-declare module 'jsurl';
-declare module 'query-string';
-declare module 'draft-js-plugins-editor';
-declare module 'draft-js-clear-formatting';
-declare module 'draft-convert';
-declare module 'draft-js-plugins-utils';
-declare module 'draft-js/lib/*';
-declare module 'slate-soft-break';
-declare module 'slate-mark-hotkeys';
-declare module 'markdown-draft-js';

package/helpers/index.ts

@@ -1,2 +0,0 @@
-export * from './useColumnsWithFilters';
-export * from './textLayout';

package/helpers/text-layout.module.scss

@@ -1,81 +0,0 @@
-.line-height-12 { line-height: 12px; }
-.line-height-18 { line-height: 18px; }
-.line-height-24 { line-height: 24px; }
-.line-height-30 { line-height: 30px; }
-
-.font-size-10 { font-size: 10px; }
-.font-size-12 { font-size: 12px; }
-.font-size-14 { font-size: 14px; }
-.font-size-16 { font-size: 16px; }
-.font-size-18 { font-size: 18px; }
-.font-size-24 { font-size: 24px; }
-
-.v-padding-2 {
-    padding-top: 2px;
-    padding-bottom: 2px;
-}
-
-.v-padding-3 {
-    padding-top: 3px;
-    padding-bottom: 3px;
-}
-
-.v-padding-5 {
-    padding-top: 5px;
-    padding-bottom: 5px;
-}
-
-.v-padding-6 {
-    padding-top: 6px;
-    padding-bottom: 6px;
-}
-
-.v-padding-8 {
-    padding-top: 8px;
-    padding-bottom: 8px;
-}
-
-.v-padding-9 {
-    padding-top: 9px;
-    padding-bottom: 9px;
-}
-
-.v-padding-11 {
-    padding-top: 11px;
-    padding-bottom: 11px;
-}
-
-.v-padding-12 {
-    padding-top: 12px;
-    padding-bottom: 12px;
-}
-
-.v-padding-14 {
-    padding-top: 14px;
-    padding-bottom: 14px;
-}
-
-.v-padding-15 {
-    padding-top: 15px;
-    padding-bottom: 15px;
-}
-
-.v-padding-17 {
-    padding-top: 17px;
-    padding-bottom: 17px;
-}
-
-.v-padding-18 {
-    padding-top: 18px;
-    padding-bottom: 18px;
-}
-
-.v-padding-23 {
-    padding-top: 23px;
-    padding-bottom: 23px;
-}
-
-.v-padding-24 {
-    padding-top: 24px;
-    padding-bottom: 24px;
-}

package/helpers/textLayout.tsx

@@ -1,35 +0,0 @@
-import css from './text-layout.module.scss';
-import { ControlSize } from '../components/types';
-
-export interface TextSettings {
-    lineHeight?: '12' | '18' | '24' | '30';
-    fontSize?: '10' | '12' | '14' | '16' | '18' | '24';
-}
-
-const defaultTextSettings = {
-    18: { lineHeight: 12, fontSize: 10 },
-    24: { lineHeight: 18, fontSize: 12 },
-    30: { lineHeight: 18, fontSize: 14 },
-    36: { lineHeight: 18, fontSize: 14 },
-    42: { lineHeight: 24, fontSize: 16 },
-    48: { lineHeight: 24, fontSize: 16 },
-    60: { lineHeight: 30, fontSize: 24 },
-};
-
-export function getTextClasses(props: TextSettings & { size: '18' | ControlSize | '60' }, border: boolean) {
-    if (props.size === 'none') {
-        return [css['line-height-' + props.lineHeight], css['font-size-' + props.fontSize]];
-    }
-
-    const setting = {
-        size: props.size,
-        lineHeight: props.lineHeight || defaultTextSettings[props.size].lineHeight,
-        fontSize: props.fontSize || defaultTextSettings[props.size].fontSize,
-    };
-
-    const vPadding = (+setting.size - +setting.lineHeight - (border ? 2 : 0)) / 2;
-
-    return [
-        css['line-height-' + setting.lineHeight], css['font-size-' + setting.fontSize], css['v-padding-' + vPadding],
-    ];
-}

package/helpers/useColumnsWithFilters.tsx

@@ -1,34 +0,0 @@
-import React, { useCallback, useMemo } from 'react';
-import { DataColumnProps, ILens, TableFiltersConfig, IDropdownBodyProps } from '@epam/uui-core';
-import { FilterItemBody } from '../components/filters';
-
-export const useColumnsWithFilters = <TFilter extends Record<string, any>>(initialColumns: DataColumnProps[], filters: TableFiltersConfig<TFilter>[] | undefined) => {
-    const makeFilterRenderCallback = useCallback<(key: string) => (lens: ILens<TFilter>, dropdownProps: IDropdownBodyProps) => React.ReactNode>
-        ((key) => function (filterLens, dropdownProps) {
-            const filter = filters.find((f) => f.columnKey === key);
-            if (!filter) return null;
-
-            const props = filterLens.prop(filter.field).toProps();
-            return <FilterItemBody { ...props } { ...filter } { ...dropdownProps } />;
-        }, [filters]);
-
-    const columns = useMemo(() => {
-        if (filters) {
-            const filterKeys = filters.map((f) => f.columnKey);
-            const newColumns = (initialColumns.map((column) => {
-                if (filterKeys.includes(column.key)) {
-                    return {
-                        ...column,
-                        renderFilter: makeFilterRenderCallback(column.key),
-                    };
-                } else {
-                    return column;
-                }
-            }));
-            return newColumns;
-        }
-        return initialColumns;
-    }, [filters, initialColumns]);
-
-    return columns;
-};