@oliasoft-open-source/react-ui-library 3.12.0-beta-20 → 3.12.0-beta-21

package/dist/components/slider/slider.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryFn } from '@storybook/react';
+import { ISliderProps } from './slider';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ISliderProps>;
+export declare const Range: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ISliderProps>;
+export declare const Label: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ISliderProps>;
+export declare const RangeWithArrows: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ISliderProps>;
+export declare const JSXLabel: StoryFn<ISliderProps>;
+export declare const Tooltip: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ISliderProps>;
+export declare const FormattedTooltip: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ISliderProps>;
+export declare const Arrows: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ISliderProps>;
+export declare const Marks: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ISliderProps>;
+export declare const Small: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ISliderProps>;
+export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ISliderProps>;
+export declare const Vertical: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ISliderProps>;

package/dist/components/slider/slider.stories.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useArgs } from '@storybook/addons';
+import { Slider } from './slider';
+import { Text } from '../text/text';
+const marks = [
+    { label: 'S1...', tooltip: 'S1 Production', value: 20 },
+    { label: 'S2...', tooltip: 'S2 Cementing', value: 40 },
+    {
+        label: 'S3...',
+        tooltip: (_jsxs("span", { children: [_jsx("strong", { children: "S3" }), " Drilling"] })),
+        value: 60,
+    },
+    { label: 'S4...', tooltip: 'S4 Shut in', value: 80 },
+    { label: 'S5...', tooltip: 'S5 Circulate', value: 100 },
+];
+export default {
+    title: 'Forms/Slider',
+    component: Slider,
+    args: {
+        value: 50,
+        min: 0,
+        max: 100,
+        step: 1,
+        showTooltip: false,
+        label: '',
+    },
+};
+const Template = (args) => {
+    const [_, updateArgs] = useArgs();
+    const handleChange = (evt) => {
+        updateArgs({ value: evt.target.value });
+    };
+    return (_jsx(Slider
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , { ...args, onChange: handleChange }));
+};
+export const Default = Template.bind({});
+export const Range = Template.bind({});
+Range.args = { range: true, value: [10, 40] };
+export const Label = Template.bind({});
+Label.args = { label: 'Number of aardvarks' };
+export const RangeWithArrows = Template.bind({});
+RangeWithArrows.args = { range: true, value: [10, 40], showArrows: true };
+export const JSXLabel = (args) => {
+    const [{ value }, updateArgs] = useArgs();
+    const handleChange = (evt) => {
+        updateArgs({ value: evt.target.value });
+    };
+    return (_jsx(_Fragment, { children: _jsx(Slider
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        , { ...args, label: _jsxs("span", { children: ["Fixed width label: ", _jsx("strong", { children: value * Math.random() })] }), labelWidth: "400px", value: value, onChange: handleChange }) }));
+};
+export const Tooltip = Template.bind({});
+Tooltip.args = { showTooltip: true };
+export const FormattedTooltip = Template.bind({});
+FormattedTooltip.args = {
+    showTooltip: true,
+    tooltipFormatter: (v) => _jsx(Text, { warning: true, children: `${v} extra info lorem ipsum` }),
+};
+export const Arrows = Template.bind({});
+Arrows.args = { showArrows: true };
+export const Marks = Template.bind({});
+Marks.args = {
+    marks,
+};
+export const Small = Template.bind({});
+Small.args = { small: true };
+Small.parameters = {
+    docs: {
+        description: {
+            story: 'Reduces the vertical height of the `Slider` container to align with other `small` elements.',
+        },
+    },
+};
+export const Disabled = Template.bind({});
+Disabled.args = { disabled: true };
+export const Vertical = Template.bind({});
+Vertical.args = {
+    marks,
+    vertical: {
+        enabled: true,
+        width: '100px',
+        height: '400px',
+    },
+};

package/dist/components/spinner/spinner.d.ts

@@ -0,0 +1,7 @@
+export interface ISpinnerProps {
+    small?: boolean;
+    colored?: boolean;
+    dark?: boolean;
+    tiny?: boolean;
+}
+export declare const Spinner: ({ small, colored, dark, tiny, }: ISpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/spinner/spinner.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from 'classnames';
+import styles from './spinner.module.less';
+export const Spinner = ({ small = false, colored = false, dark = false, tiny = false, }) => {
+    return (_jsxs("div", { className: cx(styles.spinner, small && styles.small, tiny && styles.tiny, dark && styles.dark, colored && styles.colored), children: [_jsx("div", {}), _jsx("div", {}), _jsx("div", {}), _jsx("div", {})] }));
+};

package/dist/components/spinner/spinner.stories.d.ts

@@ -0,0 +1,4 @@
+import { ISpinnerProps } from './spinner';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ISpinnerProps>;

package/dist/components/spinner/spinner.stories.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Spinner } from './spinner';
+export default {
+    title: 'Progress/Spinner',
+    component: Spinner,
+    args: {
+        dark: true,
+        colored: false,
+        small: false,
+        tiny: false,
+    },
+};
+const Template = (args) => (_jsx("div", { style: { background: 'var(--color-background)', padding: 20 }, children: _jsx(Spinner, { ...args }) }));
+export const Default = Template.bind({});

package/dist/components/table/cell/cell-types/action-cell.d.ts

@@ -0,0 +1,5 @@
+import { IActionCell } from './cell-types.interface';
+export interface IActionsCellProps {
+    cell: IActionCell;
+}
+export declare const ActionsCell: ({ cell }: IActionsCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/table/cell/cell-types/action-cell.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Actions } from '../../../actions/actions';
+export const ActionsCell = ({ cell }) => {
+    return _jsx(Actions, { actions: cell.actions });
+};

package/dist/components/table/cell/cell-types/cell-help-icon.d.ts

@@ -0,0 +1,5 @@
+import { IHelpIconCell } from './cell-types.interface';
+export interface ICellHelpIconProps {
+    cell: IHelpIconCell;
+}
+export declare const CellHelpIcon: ({ cell }: ICellHelpIconProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/table/cell/cell-types/cell-help-icon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HelpIcon } from '../../../help-icon/help-icon';
+import styles from '../cell.module.less';
+export const CellHelpIcon = ({ cell }) => {
+    const { helpIcon } = cell;
+    return helpIcon ? (_jsx("div", { className: styles.icon, children: _jsx(HelpIcon, { onClick: helpIcon.onClick, text: helpIcon.tooltip }) })) : null;
+};

package/dist/components/table/cell/cell-types/cell-library-icon.d.ts

@@ -0,0 +1,5 @@
+import { ILibraryIconCell } from './cell-types.interface';
+export interface ICellLibraryIconProps {
+    cell: ILibraryIconCell;
+}
+export declare const CellLibraryIcon: ({ cell }: ICellLibraryIconProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/table/cell/cell-types/cell-library-icon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from '../cell.module.less';
+import { HelpIcon } from '../../../help-icon/help-icon';
+import { IconType } from "../../../../common-enum";
+export const CellLibraryIcon = ({ cell }) => {
+    const { libraryIcon } = cell;
+    return libraryIcon ? (_jsx("div", { className: styles.icon, children: _jsx(HelpIcon, { onClick: libraryIcon.onClick, text: libraryIcon.tooltip, icon: IconType.LIBRARY }) })) : null;
+};

package/dist/components/table/cell/cell-types/cell-types.interface.d.ts

@@ -0,0 +1,150 @@
+import React, { ReactNode } from 'react';
+import { TSliderMark } from '../../../slider/slider';
+export type StringNumberOrNode = string | number | ReactNode;
+export type TCellType = 'Static' | 'Icon' | 'Select' | 'Input' | 'NumberInput' | 'Popover' | 'CheckBox' | 'Actions' | 'Link' | 'Slider' | 'Unit';
+export interface IPopoverCell {
+    content: React.ReactNode;
+    fullWidth: boolean;
+    closeOnOutsideClick: boolean;
+    disabled: boolean;
+    value?: StringNumberOrNode;
+    type: TCellType;
+    error?: StringNumberOrNode;
+    warning?: StringNumberOrNode;
+    tooltip?: StringNumberOrNode;
+    maxTooltipWidth?: string | number;
+    hasSort?: boolean;
+}
+export interface IStaticCell {
+    value?: StringNumberOrNode;
+    type: TCellType;
+    colSpan?: number;
+    rowSpan?: number;
+    error?: StringNumberOrNode;
+    warning?: StringNumberOrNode;
+    tooltip?: StringNumberOrNode;
+    maxTooltipWidth?: string | number;
+    breakWord?: boolean;
+    libraryIcon?: {
+        onClick: () => void;
+        tooltip: StringNumberOrNode;
+    };
+    helpIcon?: {
+        onClick: () => void;
+        tooltip: StringNumberOrNode;
+    };
+    testId?: string;
+    hasSort?: boolean;
+    onSort?: (evt: React.MouseEvent<HTMLDivElement>) => void;
+}
+export interface ISelectCell {
+    type: TCellType;
+    name?: string;
+    value?: string | number;
+    onChange?: (ev: any) => void;
+    onCreate?: (ev: any) => void;
+    error?: StringNumberOrNode;
+    warning?: StringNumberOrNode;
+    disabled?: boolean;
+    placeholder?: string;
+    menu?: any;
+    options?: any;
+    native?: boolean;
+    clearable?: boolean;
+    searchable?: boolean;
+    deprecatedEventHandler?: boolean;
+    maxTooltipWidth?: string | number;
+    autoLayerWidth?: boolean;
+}
+export interface IHelpIconCell {
+    type: TCellType;
+    helpIcon?: {
+        onClick: () => void;
+        tooltip: StringNumberOrNode;
+    };
+}
+export interface ILibraryIconCell {
+    type: TCellType;
+    libraryIcon?: {
+        onClick: () => void;
+        tooltip: StringNumberOrNode;
+    };
+}
+export interface ICheckBoxCell {
+    label?: string;
+    checked: boolean;
+    type: TCellType;
+    onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    colSpan?: number;
+    testId?: string;
+}
+export interface IIconCell {
+    type: TCellType;
+    icon: any;
+    tooltip?: StringNumberOrNode;
+}
+export interface IInputCell {
+    type: TCellType;
+    name?: string;
+    value?: string;
+    onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    error?: string;
+    warning?: string;
+    disabled?: boolean;
+    maxTooltipWidth?: string | number;
+    tooltip?: StringNumberOrNode;
+}
+export interface ILinkCell {
+    value?: string | number;
+    type: TCellType;
+    disabled?: boolean;
+    onClick?: (evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    colSpan?: number;
+    testId?: string;
+    error?: StringNumberOrNode;
+    warning?: StringNumberOrNode;
+    tooltip?: StringNumberOrNode;
+    maxTooltipWidth?: string | number;
+}
+export interface INumberInputCell {
+    name?: string;
+    value?: string | number;
+    type: TCellType;
+    onChange?: (ev: any) => void;
+    placeholder?: string;
+    error?: string | boolean;
+    warning?: string | boolean;
+    disabled?: boolean;
+    tooltip?: StringNumberOrNode;
+    left?: boolean;
+    testId?: string;
+    validationCallback?: () => void;
+    allowEmpty?: boolean;
+}
+export interface ISliderCell {
+    type: TCellType;
+    label?: string;
+    value: number;
+    min: number;
+    max: number;
+    step?: number;
+    marks?: TSliderMark[];
+    onChange: (ev: any) => void;
+    showArrows?: boolean;
+    showTooltip?: boolean;
+    tooltipFormatter?: (value: any) => any;
+    disabled?: boolean;
+}
+export interface IActionCell {
+    type: TCellType;
+    actions: any;
+}
+export interface ISortCell {
+    type: TCellType;
+    hasSort?: boolean;
+    sort?: 'up' | 'down';
+    sortPriority?: number;
+}
+export type TCellShape = IPopoverCell | IStaticCell | ISelectCell | IHelpIconCell | ILibraryIconCell | ICheckBoxCell | IIconCell | IInputCell | ILinkCell | INumberInputCell | IActionCell | ISortCell | ISliderCell;

package/dist/components/table/cell/cell-types/cell-types.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/table/cell/cell-types/check-box-cell.d.ts

@@ -0,0 +1,7 @@
+import { ICheckBoxCell } from './cell-types.interface';
+interface ICheckBoxCellProps {
+    cell: ICheckBoxCell;
+    testId?: string;
+}
+export declare const CheckBoxCell: ({ cell, testId }: ICheckBoxCellProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table/cell/cell-types/check-box-cell.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CheckBox } from '../../../check-box/check-box';
+export const CheckBoxCell = ({ cell, testId }) => {
+    return (_jsx(CheckBox, { label: cell.label, checked: cell.checked, isInTable: true, disabled: cell.disabled, onChange: (ev) => cell.onChange(ev), testId: testId, tabIndex: cell.disabled ? -1 : 0 }));
+};

package/dist/components/table/cell/cell-types/icon-cell.d.ts

@@ -0,0 +1,5 @@
+import { IIconCell } from './cell-types.interface';
+export interface IIconCellProps {
+    cell: IIconCell;
+}
+export declare const IconCell: ({ cell }: IIconCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/table/cell/cell-types/icon-cell.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from '../cell.module.less';
+import { Icon } from '../../../icon/icon';
+import { Tooltip } from '../../../tooltip/tooltip';
+import { isStringNumberOrNode } from '../../../../helpers/types';
+export const IconCell = ({ cell }) => {
+    const { tooltip, icon } = cell;
+    return (_jsx("div", { className: styles.iconCellWrapper, children: _jsx(Tooltip, { text: tooltip, enabled: !!tooltip && isStringNumberOrNode(tooltip), display: "flex", placement: "top-center", children: _jsx(Icon, { icon: icon }) }) }));
+};

package/dist/components/table/cell/cell-types/input-cell.d.ts

@@ -0,0 +1,8 @@
+import { IInputCell } from './cell-types.interface';
+import { Align } from "../../../../common-enum";
+export interface IInputCellProps {
+    cell: IInputCell;
+    columnAlignment?: Align.LEFT | Align.RIGHT;
+    testId?: string;
+}
+export declare const InputCell: ({ cell, columnAlignment, testId, }: IInputCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/table/cell/cell-types/input-cell.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Input } from '../../../input/input';
+import { Align } from "../../../../common-enum";
+export const InputCell = ({ cell, columnAlignment, testId, }) => {
+    return (_jsx(Input, { name: cell.name, value: cell.value, onChange: (ev) => cell.onChange?.(ev), placeholder: cell.placeholder, error: cell.error, warning: cell.warning, disabled: cell.disabled, isInTable: true, maxTooltipWidth: cell.maxTooltipWidth, right: columnAlignment === Align.RIGHT, testId: testId, tabIndex: cell.disabled ? -1 : 0, tooltip: cell.tooltip }));
+};

package/dist/components/table/cell/cell-types/link-cell.d.ts

@@ -0,0 +1,7 @@
+import { ILinkCell } from './cell-types.interface';
+interface ILinkCellProps {
+    cell: ILinkCell;
+    testId?: string;
+}
+export declare const LinkCell: ({ cell, testId }: ILinkCellProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table/cell/cell-types/link-cell.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import cx from 'classnames';
+import styles from '../cell.module.less';
+import { DisabledContext } from '../../../../helpers/disabled-context';
+import { isStringNumberOrNode } from '../../../../helpers/types';
+import { Tooltip } from '../../../tooltip/tooltip';
+export const LinkCell = ({ cell, testId }) => {
+    const disabledContext = useContext(DisabledContext);
+    const { error, warning, tooltip, maxTooltipWidth } = cell;
+    const isTooltipEnabled = (text) => {
+        return isStringNumberOrNode(text);
+    };
+    return (_jsx("div", { className: styles.inputWrapper, children: _jsx(Tooltip, { error: !!error, warning: !!warning, text: tooltip || error || warning, enabled: isTooltipEnabled(tooltip) ||
+                isTooltipEnabled(error) ||
+                isTooltipEnabled(warning) ||
+                false, maxWidth: maxTooltipWidth, placement: "bottom-center", children: _jsx("div", { className: cx(styles.staticCellContent, error ? styles.error : warning ? styles.warning : ''), children: _jsx("a", { className: cx((cell.disabled || disabledContext) && styles.disabledLink), onClick: cell.disabled || disabledContext
+                        ? undefined
+                        : (evt) => {
+                            evt.stopPropagation();
+                            cell.onClick?.(evt);
+                        }, "data-testid": testId, children: cell.value }) }) }) }));
+};

package/dist/components/table/cell/cell-types/number-input-cell.d.ts

@@ -0,0 +1,7 @@
+import { INumberInputCell } from './cell-types.interface';
+interface INumberInputCellProps {
+    cell: INumberInputCell;
+    testId?: string;
+}
+export declare const NumberInputCell: ({ cell, testId, }: INumberInputCellProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table/cell/cell-types/number-input-cell.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NumberInput } from '../../../number-input/number-input';
+export const NumberInputCell = ({ cell, testId, }) => {
+    return (_jsx(NumberInput, { name: cell.name, value: cell.value, onChange: (ev) => cell.onChange?.(ev), placeholder: cell.placeholder, error: cell.error, warning: cell.warning, disabled: cell.disabled, isInTable: true, left: cell.left, tabIndex: cell.disabled ? -1 : 0, testId: testId, tooltip: cell.tooltip, validationCallback: cell.validationCallback, allowEmpty: cell.allowEmpty }));
+};

package/dist/components/table/cell/cell-types/popover-cell.d.ts

@@ -0,0 +1,6 @@
+import { IPopoverCell } from './cell-types.interface';
+export interface IPopoverCellProps {
+    cell: IPopoverCell;
+    testId?: string;
+}
+export declare const PopoverCell: ({ cell, testId }: IPopoverCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/table/cell/cell-types/popover-cell.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from '../cell.module.less';
+import { Popover } from '../../../popover/popover';
+import { StaticCell } from './static-cell';
+export const PopoverCell = ({ cell, testId }) => {
+    const { content, fullWidth, closeOnOutsideClick, disabled } = cell;
+    return (_jsx(Popover, { content: content, fullWidth: fullWidth, closeOnOutsideClick: closeOnOutsideClick, disabled: disabled, children: _jsx("div", { className: styles.popover, children: _jsx(StaticCell, { cell: cell, testId: testId }) }) }));
+};

package/dist/components/table/cell/cell-types/select-cell.d.ts

@@ -0,0 +1,8 @@
+import { ISelectCell } from './cell-types.interface';
+import { Align } from "../../../../common-enum";
+export interface ISelectCellProps {
+    cell: ISelectCell;
+    columnAlignment?: Align.LEFT | Align.RIGHT;
+    testId?: string;
+}
+export declare const SelectCell: ({ cell, columnAlignment, testId, }: ISelectCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/table/cell/cell-types/select-cell.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Select } from '../../../select/select';
+import { Align } from "../../../../common-enum";
+export const SelectCell = ({ cell, columnAlignment, testId, }) => {
+    return (_jsx(Select, { name: cell.name, borderRadius: 0, options: cell.options, onChange: (ev) => cell.onChange?.(ev), onCreate: cell.onCreate ? (ev) => cell.onCreate && cell.onCreate(ev) : undefined, error: cell.error, warning: cell.warning, disabled: cell.disabled, placeholder: cell.placeholder, isInTable: true, value: cell.value, native: cell.native, clearable: cell.clearable, searchable: cell.searchable, deprecatedEventHandler: cell.deprecatedEventHandler, maxTooltipWidth: cell.maxTooltipWidth, width: "100%", autoLayerWidth: cell.autoLayerWidth, right: columnAlignment === Align.RIGHT, testId: testId, tabIndex: cell.disabled ? -1 : 0 }));
+};

package/dist/components/table/cell/cell-types/slider-cell.d.ts

@@ -0,0 +1,6 @@
+import { ISliderCell } from './cell-types.interface';
+type ISliderCellProps = {
+    cell: ISliderCell;
+};
+export declare const SliderCell: ({ cell }: ISliderCellProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table/cell/cell-types/slider-cell.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from '../cell.module.less';
+import { Slider } from '../../../slider/slider';
+export const SliderCell = ({ cell }) => {
+    return (_jsx("div", { className: styles.inputWrapper, children: _jsx(Slider, { label: cell.label, value: cell.value, min: cell.min, max: cell.max, step: cell.step, marks: cell.marks, onChange: (ev) => cell.onChange(ev), showArrows: cell.showArrows, showTooltip: cell.showTooltip, tooltipFormatter: cell.tooltipFormatter, disabled: cell.disabled }) }));
+};

package/dist/components/table/cell/cell-types/sort-cell.d.ts

@@ -0,0 +1,5 @@
+import { ISortCell } from "./cell-types.interface";
+export interface ISortProps {
+    cell: ISortCell;
+}
+export declare const Sort: ({ cell }: ISortProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/table/cell/cell-types/sort-cell.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from "../cell.module.less";
+import { Text } from "../../../text/text";
+import { Icon } from "../../../icon/icon";
+import { IconType } from "../../../../common-enum";
+export const Sort = ({ cell }) => {
+    const { hasSort, sort, sortPriority } = cell;
+    return hasSort ? (_jsxs("span", { className: styles.sortingCellIcon, children: [sort === 'down' ? (_jsx(Text, { link: true, children: _jsx(Icon, { icon: IconType.SORT_ASCENDING }) })) : sort === 'up' ? (_jsx(Text, { link: true, children: _jsx(Icon, { icon: IconType.SORT_DESCENDING }) })) : (_jsx(Text, { faint: true, children: _jsx(Icon, { icon: IconType.SORT_DESCENDING }) })), sortPriority && sort ? _jsx("sup", { children: sortPriority }) : null] })) : null;
+};

package/dist/components/table/cell/cell-types/static-cell.d.ts

@@ -0,0 +1,7 @@
+import { IStaticCell } from './cell-types.interface';
+export interface IStaticCellProps {
+    cell: IStaticCell;
+    isHeader?: boolean;
+    testId?: string;
+}
+export declare const StaticCell: ({ cell, isHeader, testId, }: IStaticCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/table/cell/cell-types/static-cell.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from 'classnames';
+import styles from '../cell.module.less';
+import { Tooltip } from '../../../tooltip/tooltip';
+import { isStringNumberOrNode } from '../../../../helpers/types';
+import { CellHelpIcon } from './cell-help-icon';
+import { CellLibraryIcon } from './cell-library-icon';
+import { Sort } from './sort-cell';
+export const StaticCell = ({ cell, isHeader, testId, }) => {
+    const { error, warning, tooltip, maxTooltipWidth, hasSort, onSort, type } = cell;
+    const field = (_jsxs("div", { className: cx(styles.staticCellContent, type === 'Unit' ? styles.unit : '', error ? styles.error : warning ? styles.warning : ''), onClick: hasSort ? (evt) => onSort && onSort(evt) : () => { }, "data-testid": testId, children: [cell.value, isHeader ? (_jsxs(_Fragment, { children: [_jsx(CellHelpIcon, { cell: cell }), _jsx(CellLibraryIcon, { cell: cell }), _jsx(Sort, { cell: cell })] })) : null] }));
+    return (_jsx("div", { className: styles.inputWrapper, children: _jsx(Tooltip, { error: !!error, warning: !!warning, text: tooltip || error || warning, enabled: (tooltip && isStringNumberOrNode(tooltip)) ||
+                (error && isStringNumberOrNode(error)) ||
+                (warning && isStringNumberOrNode(warning)) ||
+                false, maxWidth: maxTooltipWidth, display: "block", placement: "bottom-center", children: field }) }));
+};

package/dist/components/table/cell/cell-wrapper.d.ts

@@ -0,0 +1,8 @@
+import { Align } from "../../../common-enum";
+export interface ICellWrapperProps {
+    cell: any;
+    isHeader: boolean;
+    columnAlignment: Align.LEFT | Align.RIGHT;
+    testId?: string;
+}
+export declare const CellWrapper: ({ cell, isHeader, columnAlignment, testId, }: ICellWrapperProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/table/cell/cell-wrapper.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InputCellWrapper } from "./input-cell-wrapper";
+import { LinkCell } from "./cell-types/link-cell";
+import { CheckBoxCell } from "./cell-types/check-box-cell";
+import { SliderCell } from "./cell-types/slider-cell";
+import { IconCell } from "./cell-types/icon-cell";
+import { ActionsCell } from "./cell-types/action-cell";
+import { PopoverCell } from "./cell-types/popover-cell";
+import { StaticCell } from "./cell-types/static-cell";
+export const CellWrapper = ({ cell, isHeader, columnAlignment, testId, }) => {
+    if (!cell)
+        return null;
+    switch (cell.type) {
+        case 'Input':
+        case 'NumberInput':
+        case 'Select':
+            return (_jsx(InputCellWrapper, { cell: cell, columnAlignment: columnAlignment, testId: testId }));
+        case 'Link':
+            return _jsx(LinkCell, { cell: cell, testId: testId });
+        case 'CheckBox':
+            return _jsx(CheckBoxCell, { cell: cell, testId: testId });
+        case 'Slider':
+            return _jsx(SliderCell, { cell: cell });
+        case 'Icon':
+            return _jsx(IconCell, { cell: cell });
+        case 'Actions':
+            return _jsx(ActionsCell, { cell: cell });
+        case 'Popover':
+            return _jsx(PopoverCell, { cell: cell });
+        default:
+            return _jsx(StaticCell, { cell: cell, isHeader: isHeader, testId: testId });
+    }
+};

package/dist/components/table/cell/cell.d.ts

@@ -0,0 +1,12 @@
+import { TCellShape } from "./cell-types/cell-types.interface";
+import { Align } from "../../../common-enum";
+export interface ICellProps {
+    cell?: TCellShape | any;
+    isHeader: boolean;
+    columnHeaderAlignment?: string;
+    columnAlignment?: Align.LEFT | Align.RIGHT;
+    width?: string | number;
+    snapshot?: any;
+    testId?: string;
+}
+export declare const Cell: ({ cell, isHeader, columnHeaderAlignment, columnAlignment, width: columnWidthProp, snapshot, testId, }: ICellProps) => import("react/jsx-runtime").JSX.Element;