hrm_ui_lib 2.0.3 → 2.1.1

package/components/TableV2/hooks/useTableControl.js

@@ -0,0 +1,182 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useReactTable, getCoreRowModel, getSortedRowModel, getPaginationRowModel } from '@tanstack/react-table';
+import { MouseSensor, TouchSensor, useSensor, useSensors } from '@dnd-kit/core';
+import { useState, useMemo, useEffect } from 'react';
+import { IndeterminateCheckbox } from '../IndeterminateCheckbox';
+import { arrayMove } from '@dnd-kit/sortable';
+import { loadTableSettings } from '../loadTableSettings';
+import { useTableColumnSettings } from './useTableColumnSettings';
+import { STORAGE_TYPE, TABLE_NAME_PREFIX } from '../constants';
+export function useTableControl({ withSelect, columns, data, tableSettings, totalCount = 0, defaultPageSize = 10, defaultPageIndex = 0, defaultHiddenColumns = [], onSortChange, onRowSelection, onColumnSizing, onPaginationChange }) {
+    var _a, _b;
+    const shouldPersistToStorage = (tableSettings === null || tableSettings === void 0 ? void 0 : tableSettings.persistColumnSettings) === STORAGE_TYPE.LOCAL;
+    const shouldEmitExternal = (tableSettings === null || tableSettings === void 0 ? void 0 : tableSettings.persistColumnSettings) === STORAGE_TYPE.EXTERNAL;
+    const tableName = `${TABLE_NAME_PREFIX}-${tableSettings === null || tableSettings === void 0 ? void 0 : tableSettings.tableName}`;
+    const savedSettings = shouldPersistToStorage && tableName
+        ? loadTableSettings(tableName)
+        : { columnVisibility: {}, columnSizing: {}, columnOrder: [] };
+    const [activeId, setActiveId] = useState(null);
+    const [sorting, setSorting] = useState([]);
+    const [rowSelection, setRowSelection] = useState({});
+    const [columnSizing, setColumnSizing] = useState((_a = savedSettings.columnSizing) !== null && _a !== void 0 ? _a : {});
+    const [columnVisibility, setColumnVisibility] = useState(Object.assign(Object.assign({}, defaultHiddenColumns.reduce((acc, key) => {
+        acc[key] = false;
+        return acc;
+    }, {})), savedSettings.columnVisibility));
+    const [pagination, setPagination] = useState({
+        pageIndex: defaultPageIndex,
+        pageSize: defaultPageSize
+    });
+    const memoizedColumns = useMemo(() => {
+        const columnsList = [...columns].map((col) => {
+            if (col.id === 'actions') {
+                return Object.assign(Object.assign({}, col), { enableColumnDragging: false, enableSorting: false, enableResizing: false, enableHiding: false });
+            }
+            return col;
+        });
+        if (withSelect) {
+            columnsList.unshift({
+                id: 'select',
+                enableHiding: false,
+                enableColumnDragging: false,
+                enablePinning: true,
+                header: ({ table }) => (_jsx(IndeterminateCheckbox, { checked: table.getIsAllRowsSelected(), indeterminate: table.getIsSomeRowsSelected(), onChange: table.getToggleAllRowsSelectedHandler() })),
+                cell: ({ row }) => (_jsx(IndeterminateCheckbox, { checked: row.getIsSelected(), disabled: !row.getCanSelect(), indeterminate: row.getIsSomeSelected(), onChange: row.getToggleSelectedHandler() }))
+            });
+        }
+        return columnsList;
+    }, [columns]);
+    const [columnOrder, setColumnOrder] = useState(((_b = savedSettings.columnOrder) === null || _b === void 0 ? void 0 : _b.length) && savedSettings.columnOrder.length === memoizedColumns.length
+        ? savedSettings.columnOrder
+        : memoizedColumns.map((column) => column.id));
+    const reorderedColumns = columnOrder.map((columnId) => memoizedColumns.find((col) => col.id === columnId));
+    const handleSortingChange = (updaterOrValue) => {
+        const newSorting = typeof updaterOrValue === 'function' ? updaterOrValue(sorting) : updaterOrValue;
+        setSorting(newSorting);
+        const sortingEvent = newSorting.map((sort) => {
+            var _a;
+            return ({
+                column: (_a = sort.id) !== null && _a !== void 0 ? _a : '',
+                direction: sort.desc ? 'desc' : sort.id ? 'asc' : false,
+                timestamp: Date.now()
+            });
+        });
+        onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange(sortingEvent);
+    };
+    const handleRowSelect = (updaterOrValue) => {
+        const newSelectionRow = typeof updaterOrValue === 'function' ? updaterOrValue(rowSelection) : updaterOrValue;
+        setRowSelection(newSelectionRow);
+        onRowSelection === null || onRowSelection === void 0 ? void 0 : onRowSelection(newSelectionRow);
+    };
+    const handleColumnSizingChange = (updaterOrValue) => {
+        const newColumnSizing = typeof updaterOrValue === 'function' ? updaterOrValue(columnSizing) : updaterOrValue;
+        setColumnSizing(newColumnSizing);
+        onColumnSizing === null || onColumnSizing === void 0 ? void 0 : onColumnSizing(newColumnSizing);
+    };
+    const handlePaginationChange = (updaterOrValue) => {
+        const newPagination = typeof updaterOrValue === 'function' ? updaterOrValue(pagination) : updaterOrValue;
+        setPagination(newPagination);
+        onPaginationChange === null || onPaginationChange === void 0 ? void 0 : onPaginationChange(newPagination);
+    };
+    const hiddenColumns = defaultHiddenColumns === null || defaultHiddenColumns === void 0 ? void 0 : defaultHiddenColumns.reduce((acc, key) => {
+        acc[key] = false;
+        return acc;
+    }, {});
+    const table = useReactTable({
+        data,
+        columns: reorderedColumns,
+        pageCount: Math.ceil(totalCount / pagination.pageSize),
+        state: {
+            sorting,
+            pagination,
+            columnOrder,
+            columnSizing,
+            rowSelection,
+            columnVisibility: Object.assign(Object.assign({}, hiddenColumns), columnVisibility),
+            columnPinning: {
+                left: ['select'],
+                right: ['actions']
+            }
+        },
+        defaultColumn: {
+            minSize: 200,
+            size: 150,
+            maxSize: 400
+        },
+        onPaginationChange: handlePaginationChange,
+        onColumnSizingChange: handleColumnSizingChange,
+        onSortingChange: handleSortingChange,
+        onRowSelectionChange: handleRowSelect,
+        onColumnVisibilityChange: setColumnVisibility,
+        getCoreRowModel: getCoreRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        columnResizeMode: 'onChange',
+        manualSorting: !!onSortChange,
+        manualPagination: !!onPaginationChange,
+        enableRowSelection: true,
+        enableColumnResizing: true,
+        isMultiSortEvent: () => true
+    });
+    useTableColumnSettings(table, tableName, shouldPersistToStorage);
+    const sensors = useSensors(useSensor(MouseSensor, {
+        activationConstraint: {
+            distance: 8
+        }
+    }), useSensor(TouchSensor, {
+        activationConstraint: {
+            delay: 200,
+            tolerance: 5
+        }
+    }));
+    const handleDragStart = (event) => {
+        setActiveId(event.active.id);
+        document.body.classList.add('select-none');
+    };
+    const handleDragEnd = (event) => {
+        const { active, over } = event;
+        if (over && active.id !== over.id) {
+            const oldIndex = columnOrder.indexOf(active.id);
+            const newIndex = columnOrder.indexOf(over.id);
+            const oldColumn = reorderedColumns[newIndex];
+            if ((oldColumn === null || oldColumn === void 0 ? void 0 : oldColumn.enableColumnDragging) === false) {
+                return;
+            }
+            const newColumnOrder = arrayMove(columnOrder, oldIndex, newIndex);
+            setColumnOrder(newColumnOrder);
+        }
+        setActiveId(null);
+        document.body.classList.remove('select-none');
+    };
+    const handleDragCancel = () => {
+        setActiveId(null);
+        document.body.classList.remove('select-none');
+    };
+    const activeHeader = activeId
+        ? table.getHeaderGroups()[0].headers.find((header) => header.id === activeId)
+        : null;
+    useEffect(() => {
+        var _a;
+        const settings = {
+            columnVisibility,
+            columnOrder,
+            columnSizing
+        };
+        if (shouldPersistToStorage && tableSettings.tableName) {
+            const serialized = JSON.stringify(settings);
+            localStorage.setItem(tableName, serialized);
+        }
+        if (shouldEmitExternal) {
+            (_a = tableSettings === null || tableSettings === void 0 ? void 0 : tableSettings.onColumnSettingsChange) === null || _a === void 0 ? void 0 : _a.call(tableSettings, settings);
+        }
+    }, [columnVisibility, columnOrder, columnSizing]);
+    return {
+        table,
+        activeHeader,
+        sensors,
+        memoizedColumns,
+        handleDragCancel,
+        handleDragEnd,
+        handleDragStart
+    };
+}

package/components/TableV2/index.d.ts

@@ -0,0 +1,3 @@
+export { Table as TableV2 } from './Table';
+export { ColumnSettings } from './ColumnSettings';
+export { AdvancedPagination } from './AdvancedPagination';

package/components/TableV2/index.js

@@ -0,0 +1,3 @@
+export { Table as TableV2 } from './Table';
+export { ColumnSettings } from './ColumnSettings';
+export { AdvancedPagination } from './AdvancedPagination';

package/components/TableV2/loadTableSettings.d.ts

@@ -0,0 +1,2 @@
+import type { ColumnSettings } from './types';
+export declare const loadTableSettings: (tableKey: string) => ColumnSettings;

package/components/TableV2/loadTableSettings.js

@@ -0,0 +1,9 @@
+export const loadTableSettings = (tableKey) => {
+    try {
+        const raw = localStorage.getItem(tableKey);
+        return raw ? JSON.parse(raw) : { columnOrder: [], columnSizing: {}, columnVisibility: {} };
+    }
+    catch (_a) {
+        return { columnOrder: [], columnSizing: {}, columnVisibility: {} };
+    }
+};

package/components/TableV2/types.d.ts

@@ -0,0 +1,70 @@
+import type { ColumnDef, ColumnSizingState, PaginationState, RowSelectionState, Table, Row } from '@tanstack/react-table';
+import type { ReactNode } from 'react';
+export type TTable<TData> = Table<TData>;
+export type TRowSelectionState = RowSelectionState;
+export type TColumnSizingState = ColumnSizingState;
+export type TPaginationState = PaginationState;
+export type TPersistColumnSettings = 'localStorage' | 'external';
+export type TTableProps<TData> = {
+    data: (TData & {
+        subRows?: TData[];
+    })[];
+    isLoading?: boolean;
+    columns: ColumnDef<TData>[];
+    wi?: boolean;
+    isActionsVisible?: boolean;
+    totalCount?: number;
+    hasError?: boolean;
+    emptyTitle?: string;
+    emptySubTitle?: string;
+    emptyIllustration?: string;
+    className?: string;
+    withSelect?: boolean;
+    withBorder?: boolean;
+    customHeader?: ReactNode;
+    defaultPageIndex?: number;
+    defaultPageSize?: number;
+    defaultHiddenColumns?: string[];
+    collapsibleRows?: boolean;
+    tableSettings?: {
+        tableName: string;
+        persistColumnSettings?: TPersistColumnSettings;
+        onColumnSettingsChange?: (settings: ColumnSettings) => void;
+    };
+    renderExpandedContent?: (row: Row<TData>) => ReactNode;
+    renderHeader?: (table: TTable<TData>) => ReactNode;
+    renderFooter?: (table: Table<TData>) => ReactNode;
+    onRowClick?: (row: Row<TData>) => void;
+    onSortChange?: (state: SortingUpdateEvent[]) => void;
+    onRowSelection?: (state: TRowSelectionState) => void;
+    onColumnSizing?: (state: TColumnSizingState) => void;
+    onPaginationChange?: (state: TPaginationState) => void;
+};
+export type Column<TData> = ColumnDef<TData> & {
+    enableColumnDragging?: boolean;
+};
+export type SortingUpdateEvent = {
+    column: string;
+    direction: 'asc' | 'desc' | false;
+    timestamp: number;
+};
+export interface ICellProps<TData> {
+    row: Row<TData>;
+}
+export interface IHeaderProps<TData> {
+    table: Table<TData>;
+}
+export interface TableData {
+    subRows: TableData[];
+    [key: string]: unknown;
+}
+export interface ExpandColumnProps<TData> {
+    row: Row<TData>;
+    expandedRows: Set<string>;
+    onToggle: (rowId: string) => void;
+}
+export interface ColumnSettings {
+    columnVisibility: Record<string, boolean>;
+    columnOrder: string[];
+    columnSizing: Record<string, number>;
+}

package/components/TableV2/types.js

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

package/components/Text/Text.js

@@ -1,36 +1,7 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-import { noop } from '../../utils/helpers.js';
-import 'dayjs';
-
-var Text = function Text(props) {
-  var children = props.children,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'primary' : _props$type,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'standard' : _props$size,
-    _props$weight = props.weight,
-    weight = _props$weight === void 0 ? 'regular' : _props$weight,
-    _props$lineHeight = props.lineHeight,
-    lineHeight = _props$lineHeight === void 0 ? 'medium' : _props$lineHeight,
-    _props$as = props.as,
-    As = _props$as === void 0 ? 'p' : _props$as,
-    _props$dataId = props.dataId,
-    dataId = _props$dataId === void 0 ? '' : _props$dataId,
-    _props$onClick = props.onClick,
-    onClick = _props$onClick === void 0 ? noop : _props$onClick,
-    _props$id = props.id,
-    id = _props$id === void 0 ? '' : _props$id,
-    title = props.title;
-  return /*#__PURE__*/React.createElement(As, {
-    id: id,
-    title: title,
-    "data-id": dataId,
-    onClick: onClick,
-    className: classNames('body', size && "body-".concat(size), type && "color-".concat(type), weight, lineHeight && "lh-".concat(lineHeight), className)
-  }, children);
+import { noop } from '../../utils/helpers';
+export const Text = (props) => {
+    const { children, className = '', type = 'primary', size = 'standard', weight = 'regular', lineHeight = 'medium', as: As = 'p', dataId = '', onClick = noop, id = '', title } = props;
+    return (_jsx(As, { id: id, title: title, "data-id": dataId, onClick: onClick, className: classNames('body', size && `body-${size}`, type && `color-${type}`, weight, lineHeight && `lh-${lineHeight}`, className), children: children }));
 };
-
-export { Text };

package/components/Text/index.js

@@ -1,5 +1 @@
-export { Text } from './Text.js';
-import 'react';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
+export * from './Text';

package/components/Text/types.js

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

package/components/Textarea/Textarea.js

@@ -1,144 +1,40 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
-import { Label } from '../../helperComponents/Label/Label.js';
-import { ErrorMessage } from '../../helperComponents/ErrorMessage/ErrorMessage.js';
+import { ErrorMessage, Label } from '../../helperComponents';
+import { Text } from '../Text';
 import classNames from 'classnames';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/defineProperty';
-import { Text } from '../Text/Text.js';
-import '../../consts/index.js';
-import 'dayjs';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../Alert-V_kH4Snn.js';
-import 'react-syntax-highlighter';
-import { IconCheckmarkCircleFilled } from '../SVGIcons/IconCheckmarkCircleFilled.js';
-import '../../utils/helpers.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '../../type/file-upload.js';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-
-var _excluded = ["className", "error", "hasError", "label", "disabled", "currentValue", "changeHandler", "placeHolder", "onChange", "required", "maxCount", "helperText", "successMessage", "dataId", "labelAddons", "isValid", "setFieldValue"];
-var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    error = _ref.error,
-    hasError = _ref.hasError,
-    label = _ref.label,
-    disabled = _ref.disabled,
-    currentValue = _ref.currentValue,
-    changeHandler = _ref.changeHandler,
-    placeHolder = _ref.placeHolder,
-    onChange = _ref.onChange,
-    _ref$required = _ref.required,
-    required = _ref$required === void 0 ? false : _ref$required,
-    maxCount = _ref.maxCount,
-    helperText = _ref.helperText,
-    successMessage = _ref.successMessage,
-    _ref$dataId = _ref.dataId,
-    dataId = _ref$dataId === void 0 ? '' : _ref$dataId,
-    labelAddons = _ref.labelAddons;
-    _ref.isValid;
-    _ref.setFieldValue;
-    var rest = _objectWithoutProperties(_ref, _excluded);
-  // const isErrorVisible = hasError !== undefined ? hasError : !!error
-
-  var handleChange = function handleChange(event) {
-    if (changeHandler) {
-      changeHandler(event);
-    }
-    if (onChange) {
-      onChange(event);
-    }
-  };
-  var currentLength = useMemo(function () {
-    if (currentValue) {
-      return currentValue.length;
-    }
-    if (rest && rest.value && typeof rest.value === 'string') {
-      return rest.value.length;
-    }
-    return 0;
-  }, [rest, currentValue]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('textarea', className, {
-      'textarea--invalid': hasError
-    })
-  }, /*#__PURE__*/React.createElement(Label, {
-    text: label,
-    required: required,
-    disabled: disabled,
-    labelAddons: labelAddons
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "textarea__inner"
-  }, /*#__PURE__*/React.createElement("textarea", _extends({
-    "data-id": dataId,
-    disabled: disabled,
-    ref: ref,
-    placeholder: placeHolder
-  }, rest, {
-    onChange: handleChange
-  }, currentValue ? {
-    value: currentValue
-  } : {}))), error || successMessage || helperText || maxCount ? /*#__PURE__*/React.createElement("div", {
-    className: "textarea__message mt-8"
-  }, error && /*#__PURE__*/React.createElement(ErrorMessage, {
-    message: error,
-    icon: "infoFilled",
-    dataId: dataId
-  }), successMessage ? /*#__PURE__*/React.createElement(Text, {
-    size: "small",
-    type: "success",
-    className: "flexbox align-items--center"
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconCheckmarkCircleFilled, {
-    type: "success",
-    size: "xsmall"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "ml-4"
-  }, successMessage))) : null, helperText && !successMessage ? /*#__PURE__*/React.createElement(Text, {
-    size: "small",
-    type: disabled ? 'disabled' : 'secondary'
-  }, helperText) : null, maxCount ? /*#__PURE__*/React.createElement(Text, {
-    size: "small",
-    type: disabled ? 'disabled' : 'secondary',
-    className: "textarea__counter"
-  }, "".concat(currentLength, "/").concat(maxCount)) : null) : null);
+import IconCheckmarkCircleFilled from '../SVGIcons/IconCheckmarkCircleFilled';
+export const Textarea = React.forwardRef((_a, ref) => {
+    // const isErrorVisible = hasError !== undefined ? hasError : !!error
+    var { className, error, hasError, label, disabled, currentValue, changeHandler, placeHolder, onChange, required = false, maxCount, helperText, successMessage, dataId = '', labelAddons, isValid, setFieldValue } = _a, rest = __rest(_a, ["className", "error", "hasError", "label", "disabled", "currentValue", "changeHandler", "placeHolder", "onChange", "required", "maxCount", "helperText", "successMessage", "dataId", "labelAddons", "isValid", "setFieldValue"]);
+    const handleChange = (event) => {
+        if (changeHandler) {
+            changeHandler(event);
+        }
+        if (onChange) {
+            onChange(event);
+        }
+    };
+    const currentLength = useMemo(() => {
+        if (currentValue) {
+            return currentValue.length;
+        }
+        if (rest && rest.value && typeof rest.value === 'string') {
+            return rest.value.length;
+        }
+        return 0;
+    }, [rest, currentValue]);
+    return (_jsxs("div", { className: classNames('textarea', className, { 'textarea--invalid': hasError }), children: [_jsx(Label, { text: label, required: required, disabled: disabled, labelAddons: labelAddons }), _jsx("div", { className: "textarea__inner", children: _jsx("textarea", Object.assign({ "data-id": dataId, disabled: disabled, ref: ref, placeholder: placeHolder }, rest, { onChange: handleChange }, (currentValue ? { value: currentValue } : {}))) }), error || successMessage || helperText || maxCount ? (_jsxs("div", { className: "textarea__message mt-8", children: [error && _jsx(ErrorMessage, { message: error, icon: "infoFilled", dataId: dataId }), successMessage ? (_jsx(Text, { size: "small", type: "success", className: "flexbox align-items--center", children: _jsxs(_Fragment, { children: [_jsx(IconCheckmarkCircleFilled, { type: "success", size: "xsmall" }), _jsx("span", { className: "ml-4", children: successMessage })] }) })) : null, helperText && !successMessage ? (_jsx(Text, { size: "small", type: disabled ? 'disabled' : 'secondary', children: helperText })) : null, maxCount ? (_jsx(Text, { size: "small", type: disabled ? 'disabled' : 'secondary', className: "textarea__counter", children: `${currentLength}/${maxCount}` })) : null] })) : null] }));
 });
 Textarea.displayName = 'Textarea';
-
-export { Textarea };

package/components/Textarea/index.js

@@ -1,56 +1 @@
-export { Textarea } from './Textarea.js';
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
-import '../../helperComponents/Label/Label.js';
-import '../Text/Text.js';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/defineProperty';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import '../../Alert-V_kH4Snn.js';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-import '../SVGIcons/IconCheckmarkCircleFilled.js';
+export * from './Textarea';

package/components/Textarea/types.js

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