hrm_ui_lib 2.0.0-alpha.2 → 2.0.0-alpha.21

package/components/TableV2/AdvancedPagination.js

@@ -2,11 +2,12 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React, { useState, useEffect } from 'react';
 import { Input } from '../Input/Input.js';
-import { B as Button } from '../../Alert-w8FkRd9I.js';
+import { B as Button } from '../../Alert--0rz5XL1.js';
 import { Select } from '../Select/Select/Select.js';
 import '../Select/MultiSelect/MultiSelect.js';
 import '@babel/runtime/helpers/toConsumableArray';
 import { Text } from '../Text/Text.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
 import 'dayjs';
 import classNames from 'classnames';
 import '@babel/runtime/helpers/extends';
@@ -14,24 +15,23 @@ import '../../consts/index.js';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import 'react-dom';
-import 'framer-motion';
+import 'motion/react';
 import { IconChevronRight } from '../SVGIcons/IconChevronRight.js';
-import { IconChevronLeft } from '../SVGIcons/IconChevronLeft.js';
-import { IconMore } from '../SVGIcons/IconMore.js';
 import { IconChevronDoubleLeft } from '../SVGIcons/IconChevronDoubleLeft.js';
 import { IconChevronDoubleRight } from '../SVGIcons/IconChevronDoubleRight.js';
+import { IconChevronLeft } from '../SVGIcons/IconChevronLeft.js';
+import { IconMore } from '../SVGIcons/IconMore.js';
 import '../Collapse/CollapseGroup/CollapseGroup.js';
 import '../Select/SharedComponents/ContentTop.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
 import { OPTIONS } from './constants/index.js';
 import 'react-input-mask';
 import 'react-number-format';
 import '../../helperComponents/Label/Label.js';
 import '../../utils/helpers.js';
 import '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
+import '../IconDynamicComponent/IconDynamicComponent.js';
 import '../SVGIcons/IconCheckmarkCircleFilled.js';
 import '../../type/file-upload.js';
 import '../Alert/consts.js';
@@ -40,6 +40,7 @@ import 'react-dropzone';
 import '../SVGIcons/IconUpload.js';
 import '../FileUpload/types.js';
 import '../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../helpers/locale.js';
 import '../../type/locale.js';
 import '../../helpers/storage.js';
@@ -59,6 +60,7 @@ import '../../hooks/useHideOnScroll.js';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../SVGIcons/IconDismissFilled.js';
 import '../SVGIcons/IconDelete.js';

package/components/TableV2/ColumnSettings.js

@@ -1,6 +1,6 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React, { useState } from 'react';
-import { B as Button } from '../../Alert-w8FkRd9I.js';
+import { B as Button } from '../../Alert--0rz5XL1.js';
 import '@babel/runtime/helpers/defineProperty';
 import 'classnames';
 import { IconSettings } from '../SVGIcons/IconSettings.js';
@@ -13,21 +13,23 @@ import 'dayjs';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
 import '@babel/runtime/helpers/extends';
-import 'framer-motion';
+import 'motion/react';
 import '../Collapse/CollapseGroup/CollapseGroup.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/toConsumableArray';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../Alert/consts.js';
 import '../Text/Text.js';
 import '../../utils/helpers.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
 import '../../helperComponents/Loader/Loader.js';
 import 'react-dropzone';
 import '../SVGIcons/IconUpload.js';
 import '../../type/file-upload.js';
 import '../FileUpload/types.js';
 import '../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../helpers/locale.js';
 import '../../type/locale.js';
 import '../../helpers/storage.js';
@@ -45,8 +47,8 @@ import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
 import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
+import '../IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../SVGIcons/IconDismissFilled.js';
 import '../SVGIcons/IconDelete.js';
@@ -56,7 +58,6 @@ import '../SVGIcons/IconArrowDownloadFilled.js';
 import '../../helpers/download-file.js';
 import '../Button/consts.js';
 import '../../helperComponents/Label/Label.js';
-import '../SVGIcons/IconCheckmark.js';
 import '../../helperComponents/OptionItem/OptionItem.js';
 import '../Avatar/Avatar.js';
 import '../FileUpload/FileUpload.js';
@@ -67,6 +68,7 @@ import '../../helperComponents/ErrorMessage/ErrorMessage.js';
 import '../SVGIcons/IconEditFilled.js';
 import '../SVGIcons/IconEdit.js';
 import '../SVGIcons/IconAttach.js';
+import '../SVGIcons/IconCheckmark.js';
 import '../Collapse/CollapseItem/CollapseItem.js';
 import '../SVGIcons/IconChevronRight.js';
 import '../Divider/Divider.js';

package/components/TableV2/IndeterminateCheckbox.js

@@ -1,5 +1,5 @@
 import React, { forwardRef, useRef, useEffect } from 'react';
-import { C as Checkbox } from '../../Alert-w8FkRd9I.js';
+import { C as Checkbox } from '../../Alert--0rz5XL1.js';
 import classNames from 'classnames';
 import '@babel/runtime/helpers/extends';
 import '../Alert/consts.js';
@@ -19,12 +19,13 @@ import 'react-dropzone';
 import '../SVGIcons/IconUpload.js';
 import '../FileUpload/types.js';
 import '../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../helpers/locale.js';
 import '../../type/locale.js';
 import '../../helpers/storage.js';
 import 'react-toastify';
 import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
+import 'motion/react';
 import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
@@ -37,11 +38,12 @@ import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
+import '../IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../SVGIcons/IconDismissFilled.js';
 import '../SVGIcons/IconDelete.js';

package/components/TableV2/Table.js

@@ -11,9 +11,10 @@ import { useTableControl } from './hooks/useTableControl.js';
 import { Text } from '../Text/Text.js';
 import classNames from 'classnames';
 import { Empty } from '../Empty/Empty.js';
-import { B as Button } from '../../Alert-w8FkRd9I.js';
+import { B as Button } from '../../Alert--0rz5XL1.js';
 import { IconChevronDown } from '../SVGIcons/IconChevronDown.js';
 import { IconChevronUp } from '../SVGIcons/IconChevronUp.js';
+import 'react-loading-skeleton/dist/skeleton.css';
 import '@babel/runtime/helpers/extends';
 import '../SVGIcons/IconArrowDown.js';
 import '../SVGIcons/IconArrowSort.js';
@@ -32,12 +33,13 @@ import 'react-dropzone';
 import '../SVGIcons/IconUpload.js';
 import '../FileUpload/types.js';
 import '../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../helpers/locale.js';
 import '../../type/locale.js';
 import '../../helpers/storage.js';
 import 'react-toastify';
 import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
+import 'motion/react';
 import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
@@ -50,11 +52,12 @@ import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
+import '../IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../SVGIcons/IconDismissFilled.js';
 import '../SVGIcons/IconDelete.js';

package/components/TableV2/hooks/useTableControl.js

@@ -9,7 +9,7 @@ import { arrayMove } from '@dnd-kit/sortable';
 import { loadTableSettings } from '../loadTableSettings.js';
 import { useTableColumnSettings } from './useTableColumnSettings.js';
 import { STORAGE_TYPE, TABLE_NAME_PREFIX } from '../constants/index.js';
-import '../../../Alert-w8FkRd9I.js';
+import '../../../Alert--0rz5XL1.js';
 import '@babel/runtime/helpers/extends';
 import '../../Alert/consts.js';
 import 'classnames';
@@ -26,12 +26,13 @@ import 'react-dropzone';
 import '../../SVGIcons/IconUpload.js';
 import '../../FileUpload/types.js';
 import '../../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../../helpers/locale.js';
 import '../../../type/locale.js';
 import '../../../helpers/storage.js';
 import 'react-toastify';
 import '../../../hooks/useGetIsMobile.js';
-import 'framer-motion';
+import 'motion/react';
 import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../../hooks/useOnOutsideClick.js';
 import '../../../hooks/useHideBodyScroll.js';
@@ -44,11 +45,12 @@ import '../../../hooks/useGetElemPositions.js';
 import '../../../hooks/useGetTooltipPosition.js';
 import '../../../hooks/useHideOnScroll.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../../Link/Link.js';
 import '../../Popover/PopoverDesktop.js';
 import '../../SVGIcons/IconInfo.js';
-import '../../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../../helperComponents/IconDynamicComponent/constants.js';
+import '../../IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../../SVGIcons/IconDismissFilled.js';
 import '../../SVGIcons/IconDelete.js';
@@ -84,8 +86,7 @@ function useTableControl(_ref) {
   var savedSettings = shouldPersistToStorage && tableName ? loadTableSettings(tableName) : {
     columnVisibility: {},
     columnSizing: {},
-    columnOrder: []
-  };
+    columnOrder: []};
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     activeId = _useState2[0],
@@ -198,6 +199,18 @@ function useTableControl(_ref) {
     acc[key] = false;
     return acc;
   }, {});
+  var columnPinning = useMemo(function () {
+    var left = [];
+    memoizedColumns.forEach(function (col) {
+      if (col.enablePinning && col.id) {
+        left.push(col.id);
+      }
+    });
+    return {
+      left: left,
+      right: ['actions']
+    };
+  }, [memoizedColumns]);
   var table = useReactTable({
     data: data,
     columns: reorderedColumns,
@@ -209,15 +222,7 @@ function useTableControl(_ref) {
       columnSizing: columnSizing,
       rowSelection: rowSelection,
       columnVisibility: _objectSpread(_objectSpread({}, hiddenColumns), columnVisibility),
-      columnPinning: {
-        left: ['select'],
-        right: ['actions']
-      }
-    },
-    defaultColumn: {
-      minSize: 200,
-      size: 150,
-      maxSize: 400
+      columnPinning: columnPinning
     },
     onPaginationChange: handlePaginationChange,
     onColumnSizingChange: handleColumnSizingChange,

package/components/TableV2/index.js

@@ -20,7 +20,7 @@ import 'dayjs';
 import 'react-loading-skeleton';
 import './hooks/useTableControl.js';
 import './IndeterminateCheckbox.js';
-import '../../Alert-w8FkRd9I.js';
+import '../../Alert--0rz5XL1.js';
 import '../Alert/consts.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '../../helperComponents/Loader/Loader.js';
@@ -32,12 +32,13 @@ import 'react-dropzone';
 import '../SVGIcons/IconUpload.js';
 import '../FileUpload/types.js';
 import '../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../helpers/locale.js';
 import '../../type/locale.js';
 import '../../helpers/storage.js';
 import 'react-toastify';
 import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
+import 'motion/react';
 import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
@@ -50,11 +51,12 @@ import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
+import '../IconDynamicComponent/IconDynamicComponent.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../SVGIcons/IconDismissFilled.js';
 import '../SVGIcons/IconDelete.js';
@@ -70,10 +72,10 @@ import '../Empty/Empty.js';
 import '../Image/Image.js';
 import '../SVGIcons/IconChevronDown.js';
 import '../SVGIcons/IconChevronUp.js';
+import 'react-loading-skeleton/dist/skeleton.css';
 import '../SVGIcons/IconSettings.js';
 import '../Switcher/Switcher.js';
 import '../../helperComponents/Label/Label.js';
-import '../SVGIcons/IconCheckmark.js';
 import '../Menu/Menu.js';
 import 'react-dom';
 import '../../helperComponents/OptionItem/OptionItem.js';
@@ -86,6 +88,7 @@ import '../../helperComponents/ErrorMessage/ErrorMessage.js';
 import '../SVGIcons/IconEditFilled.js';
 import '../SVGIcons/IconEdit.js';
 import '../SVGIcons/IconAttach.js';
+import '../SVGIcons/IconCheckmark.js';
 import '../Collapse/CollapseGroup/CollapseGroup.js';
 import '../Collapse/CollapseItem/CollapseItem.js';
 import '../SVGIcons/IconChevronRight.js';

package/components/Text/types.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, MouseEvent, ReactNode } from 'react';
 type TTextTypes = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'inverse' | 'selected' | 'brand' | 'danger' | 'warning' | 'success' | 'information' | 'discovery';
-type TTextSize = 'xxsmall' | 'xsmall' | 'small' | 'standard' | 'medium' | 'large';
+export type TTextSize = 'xxsmall' | 'xsmall' | 'small' | 'standard' | 'medium' | 'large' | 'xlarge';
 type TTextWeight = 'regular' | 'semibold' | 'bold' | 'bolder';
 type TTextLineHeight = 'xsmall' | 'small' | 'medium' | 'large';
 export interface TextPropTypes {

package/components/Textarea/Textarea.js

@@ -12,12 +12,12 @@ import '../../consts/index.js';
 import 'dayjs';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
-import '../../Alert-w8FkRd9I.js';
+import '../../Alert--0rz5XL1.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import { IconCheckmarkCircleFilled } from '../SVGIcons/IconCheckmarkCircleFilled.js';
 import '../../utils/helpers.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
+import '../IconDynamicComponent/IconDynamicComponent.js';
 import '../../type/file-upload.js';
 import '../Alert/consts.js';
 import '../../helperComponents/Loader/Loader.js';
@@ -25,12 +25,13 @@ import 'react-dropzone';
 import '../SVGIcons/IconUpload.js';
 import '../FileUpload/types.js';
 import '../../helpers/format-date.js';
+import 'dayjs/plugin/utc';
 import '../../helpers/locale.js';
 import '../../type/locale.js';
 import '../../helpers/storage.js';
 import 'react-toastify';
 import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
+import 'motion/react';
 import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
@@ -45,6 +46,7 @@ import '../../hooks/useHideOnScroll.js';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../SVGIcons/IconDismissFilled.js';
 import '../SVGIcons/IconDelete.js';

package/components/Textarea/index.js

@@ -8,8 +8,7 @@ import 'classnames';
 import '../../utils/helpers.js';
 import 'dayjs';
 import '../../helperComponents/ErrorMessage/ErrorMessage.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
+import '../IconDynamicComponent/IconDynamicComponent.js';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -17,19 +16,20 @@ import '../../consts/index.js';
 import '../../type/file-upload.js';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
-import '../../Alert-w8FkRd9I.js';
+import '../../Alert--0rz5XL1.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 'dayjs/plugin/utc';
 import '../../helpers/locale.js';
 import '../../type/locale.js';
 import '../../helpers/storage.js';
 import 'react-toastify';
 import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
+import 'motion/react';
 import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
@@ -42,9 +42,11 @@ import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
 import 'react-syntax-highlighter';
+import 'react-syntax-highlighter/dist/esm/styles/prism';
 import '../Link/Link.js';
 import '../Popover/PopoverDesktop.js';
 import '../SVGIcons/IconInfo.js';
+import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import '../SVGIcons/IconDismissFilled.js';
 import '../SVGIcons/IconDelete.js';

package/components/Tooltip/types.d.ts

@@ -17,5 +17,4 @@ export interface TTooltipProps extends IFormCompProps {
     elemRef?: HTMLElement | null;
     id?: string | number;
     hovered?: boolean;
-    timer?: number;
 }

package/components/UnderConstruction/UnderConstruction.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TUnderConstructionProps } from './types';
+export declare const UnderConstruction: (props: TUnderConstructionProps) => React.ReactElement;