hrm_ui_lib 1.4.2 → 1.4.4

package/helperComponents/OptionItem/OptionItem.js

@@ -1,17 +1,17 @@
-import { _ as _extends } from '../../extends-acf19b4c.js';
+import { _ as _extends } from '../../extends-50177a50.js';
 import classNames from 'classnames';
-import React__default, { useCallback } from 'react';
+import React, { useCallback } from 'react';
 import { Avatar } from '../../components/Avatar/Avatar.js';
 import { Tooltip } from '../../components/Tooltip/Tooltip.js';
 import '../../consts/index.js';
 import 'dayjs';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
-import { C as Checkbox } from '../../Button-028f6f93.js';
+import { C as Checkbox } from '../../Button-2f532776.js';
 import { IconCheckmark } from '../../components/SVGIcons/IconCheckmark.js';
-import '../../slicedToArray-72c4258c.js';
+import '../../slicedToArray-9decae19.js';
 import '../../components/FileUpload/FileUpload.js';
-import '../../toConsumableArray-263f95db.js';
+import '../../toConsumableArray-e1453f73.js';
 import '../../components/FileUpload/types.js';
 import '../Label/Label.js';
 import '../../components/Text/Text.js';
@@ -24,12 +24,13 @@ import '../ErrorMessage/ErrorMessage.js';
 import '../IconDynamicComponent/IconDynamicComponent.js';
 import '../IconDynamicComponent/constants.js';
 import '../../components/SVGIcons/IconDelete.js';
-import '../../defineProperty-fdfb938c.js';
-import '../../typeof-e7f3291d.js';
-import '../../objectWithoutProperties-c5575e26.js';
+import '../../defineProperty-6b97a267.js';
+import '../../typeof-20b85ee8.js';
+import '../../objectWithoutProperties-6b5c8df6.js';
 import '../Loader/Loader.js';
 import '../../hooks/useGetIsMobile.js';
-import '../../AnimatePresenceWrapper-cf3daece.js';
+import 'framer-motion';
+import '../AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
 import '../../components/SVGIcons/IconDismiss.js';
@@ -39,7 +40,6 @@ import '../../hooks/useGetElemSizes.js';
 import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
-import '../../proxy-3b995879.js';
 import '../../components/Link/Link.js';
 import '../../components/Popover/PopoverDesktop.js';
 import '../../components/SVGIcons/IconInfo.js';
@@ -81,7 +81,7 @@ var OptionItem = function OptionItem(props) {
       meta: meta
     });
   }, [disabled, value, label, onClick]);
-  var optionContent = /*#__PURE__*/React__default.createElement("div", {
+  var optionContent = /*#__PURE__*/React.createElement("div", {
     "data-id": dataId,
     id: "".concat(value),
     className: classNames('select__option', {
@@ -89,36 +89,36 @@ var OptionItem = function OptionItem(props) {
     }, className),
     onClick: handleClick,
     style: style
-  }, isCheckbox ? /*#__PURE__*/React__default.createElement(Checkbox, {
+  }, isCheckbox ? /*#__PURE__*/React.createElement(Checkbox, {
     className: "mr-8",
     selectedValue: isSelected,
     disabled: disabled
-  }) : null, !isCheckbox && isSelected ? /*#__PURE__*/React__default.createElement(IconCheckmark, {
+  }) : null, !isCheckbox && isSelected ? /*#__PURE__*/React.createElement(IconCheckmark, {
     size: "xsmall",
     type: disabled ? 'disabled' : 'brand',
     className: "mr-8"
-  }) : null, /*#__PURE__*/React__default.createElement("div", {
+  }) : null, /*#__PURE__*/React.createElement("div", {
     className: "select__option__inner"
-  }, optionLeftIcon && optionLeftIcon.Component ? /*#__PURE__*/React__default.createElement(optionLeftIcon.Component, _extends({}, optionLeftIcon, {
+  }, optionLeftIcon && optionLeftIcon.Component ? /*#__PURE__*/React.createElement(optionLeftIcon.Component, _extends({}, optionLeftIcon, {
     size: "small",
     className: "mr-8"
-  })) : null, avatar ? /*#__PURE__*/React__default.createElement(Avatar, {
+  })) : null, avatar ? /*#__PURE__*/React.createElement(Avatar, {
     size: "xxsmall",
     imagePath: avatar,
     className: "mr-4"
-  }) : null, labelLeftIconProps !== null && labelLeftIconProps !== void 0 && labelLeftIconProps.Component ? /*#__PURE__*/React__default.createElement(labelLeftIconProps.Component, _extends({
+  }) : null, labelLeftIconProps !== null && labelLeftIconProps !== void 0 && labelLeftIconProps.Component ? /*#__PURE__*/React.createElement(labelLeftIconProps.Component, _extends({
     size: "xsmall",
     type: disabled ? 'disabled' : 'primary',
     className: "mr-4"
-  }, labelLeftIconProps)) : null, /*#__PURE__*/React__default.createElement("div", {
+  }, labelLeftIconProps)) : null, /*#__PURE__*/React.createElement("div", {
     className: "select__option__content",
     "data-id": dataId
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "select__option__text pr-4 ".concat(disabled ? 'color-disabled' : '')
-  }, label), LabelRightIconComponent && LabelRightIconComponent(value), meta ? /*#__PURE__*/React__default.createElement("span", {
+  }, label), LabelRightIconComponent && LabelRightIconComponent(value), meta ? /*#__PURE__*/React.createElement("span", {
     className: "select__option__meta ".concat(disabled ? 'color-disabled' : '')
   }, meta) : null)), OptionRightIconComponent && OptionRightIconComponent(value));
-  return tooltipAddons ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tooltip, _extends({}, tooltipAddons, {
+  return tooltipAddons ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, _extends({}, tooltipAddons, {
     text: "".concat(label),
     id: "".concat(value)
   })), optionContent) : optionContent;

package/helperComponents/OptionItem/index.js

@@ -1,23 +1,24 @@
 export { OptionItem } from './OptionItem.js';
-import '../../extends-acf19b4c.js';
+import '../../extends-50177a50.js';
 import 'classnames';
 import 'react';
 import '../../components/Avatar/Avatar.js';
-import '../../slicedToArray-72c4258c.js';
+import '../../slicedToArray-9decae19.js';
 import '../../components/FileUpload/FileUpload.js';
-import '../../toConsumableArray-263f95db.js';
+import '../../toConsumableArray-e1453f73.js';
 import '../../components/FileUpload/types.js';
-import '../../Button-028f6f93.js';
-import '../../defineProperty-fdfb938c.js';
-import '../../typeof-e7f3291d.js';
-import '../../objectWithoutProperties-c5575e26.js';
+import '../../Button-2f532776.js';
+import '../../defineProperty-6b97a267.js';
+import '../../typeof-20b85ee8.js';
+import '../../objectWithoutProperties-6b5c8df6.js';
 import 'dayjs';
 import '../Loader/Loader.js';
 import '../../consts/index.js';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
 import '../../hooks/useGetIsMobile.js';
-import '../../AnimatePresenceWrapper-cf3daece.js';
+import 'framer-motion';
+import '../AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../../hooks/useOnOutsideClick.js';
 import '../../hooks/useHideBodyScroll.js';
 import 'react-syntax-highlighter';
@@ -31,7 +32,6 @@ import '../../hooks/useGetElemSizes.js';
 import '../../hooks/useGetElemPositions.js';
 import '../../hooks/useGetTooltipPosition.js';
 import '../../hooks/useHideOnScroll.js';
-import '../../proxy-3b995879.js';
 import '../../components/Link/Link.js';
 import '../../components/Popover/PopoverDesktop.js';
 import '../../components/SVGIcons/IconInfo.js';

package/helperComponents/index.js

@@ -10,21 +10,22 @@ import 'classnames';
 import '../utils/helpers.js';
 import 'dayjs';
 import './IconDynamicComponent/constants.js';
-import '../extends-acf19b4c.js';
+import '../extends-50177a50.js';
 import '../components/Avatar/Avatar.js';
-import '../slicedToArray-72c4258c.js';
+import '../slicedToArray-9decae19.js';
 import '../components/FileUpload/FileUpload.js';
-import '../toConsumableArray-263f95db.js';
+import '../toConsumableArray-e1453f73.js';
 import '../components/FileUpload/types.js';
-import '../Button-028f6f93.js';
-import '../defineProperty-fdfb938c.js';
-import '../typeof-e7f3291d.js';
-import '../objectWithoutProperties-c5575e26.js';
+import '../Button-2f532776.js';
+import '../defineProperty-6b97a267.js';
+import '../typeof-20b85ee8.js';
+import '../objectWithoutProperties-6b5c8df6.js';
 import '../consts/index.js';
 import '../hooks/useScreenSize.js';
 import 'react-hook-form';
 import '../hooks/useGetIsMobile.js';
-import '../AnimatePresenceWrapper-cf3daece.js';
+import 'framer-motion';
+import './AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import '../hooks/useOnOutsideClick.js';
 import '../hooks/useHideBodyScroll.js';
 import 'react-syntax-highlighter';
@@ -36,7 +37,6 @@ import '../hooks/useGetElemSizes.js';
 import '../hooks/useGetElemPositions.js';
 import '../hooks/useGetTooltipPosition.js';
 import '../hooks/useHideOnScroll.js';
-import '../proxy-3b995879.js';
 import '../components/Link/Link.js';
 import '../components/Popover/PopoverDesktop.js';
 import '../components/SVGIcons/IconInfo.js';

package/hooks/index.js

@@ -16,4 +16,4 @@ import '../consts/index.js';
 import '../context/types.js';
 import '../utils/helpers.js';
 import 'dayjs';
-import '../slicedToArray-72c4258c.js';
+import '../slicedToArray-9decae19.js';

package/hooks/useGetIsMobile.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../slicedToArray-72c4258c.js';
+import { _ as _slicedToArray } from '../slicedToArray-9decae19.js';
 import { useState, useRef, useEffect } from 'react';
 import { MOBILE_POINT } from '../consts/index.js';
 

package/hooks/useHideBodyScroll.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../slicedToArray-72c4258c.js';
+import { _ as _slicedToArray } from '../slicedToArray-9decae19.js';
 import { useState, useEffect } from 'react';
 
 var useHideBodyScroll = function useHideBodyScroll(isOpen) {

package/hooks/useScreenSize.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../slicedToArray-72c4258c.js';
+import { _ as _slicedToArray } from '../slicedToArray-9decae19.js';
 import { useState, useEffect } from 'react';
 import { SCREEN_SIZES } from '../consts/index.js';
 

package/index.js

@@ -3,7 +3,7 @@ export { Avatar } from './components/Avatar/Avatar.js';
 export { AvatarGroup } from './components/Avatar/AvatarGroup.js';
 export { Badge } from './components/Badge/Badge.js';
 export { Breadcrumb } from './components/Breadcrumb/Breadcrumb.js';
-export { B as Button, a as ButtonIcon, C as Checkbox, b as MOBILE_ANIMATION, M as Modal, P as Popover } from './Button-028f6f93.js';
+export { B as Button, a as ButtonIcon, C as Checkbox, b as MOBILE_ANIMATION, M as Modal, P as Popover } from './Button-2f532776.js';
 export { CardBody } from './components/CardBody/CardBody.js';
 export { CardSelect } from './components/CardSelect/CardSelect.js';
 export { CardSelectGroup } from './components/CardSelect/CardSelectGroup.js';
@@ -346,7 +346,7 @@ import './consts/index.js';
 export { useFormProps } from './hooks/useFormProps.js';
 import './hooks/useScreenSize.js';
 export { useFieldArray } from 'react-hook-form';
-import './extends-acf19b4c.js';
+import './extends-50177a50.js';
 import './components/Alert/consts.js';
 import 'classnames';
 import './helperComponents/IconDynamicComponent/IconDynamicComponent.js';
@@ -354,13 +354,14 @@ import './helperComponents/IconDynamicComponent/constants.js';
 import 'dayjs';
 import 'react-syntax-highlighter';
 import './utils/helpers.js';
-import './defineProperty-fdfb938c.js';
-import './typeof-e7f3291d.js';
-import './objectWithoutProperties-c5575e26.js';
+import './defineProperty-6b97a267.js';
+import './typeof-20b85ee8.js';
+import './objectWithoutProperties-6b5c8df6.js';
 import './helperComponents/Loader/Loader.js';
-import './slicedToArray-72c4258c.js';
+import './slicedToArray-9decae19.js';
 import './hooks/useGetIsMobile.js';
-import './AnimatePresenceWrapper-cf3daece.js';
+import 'framer-motion';
+import './helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import './hooks/useOnOutsideClick.js';
 import './hooks/useHideBodyScroll.js';
 import './components/Tooltip/types.js';
@@ -369,10 +370,9 @@ import './hooks/useGetElemSizes.js';
 import './hooks/useGetElemPositions.js';
 import './hooks/useGetTooltipPosition.js';
 import './hooks/useHideOnScroll.js';
-import './proxy-3b995879.js';
 import './components/Popover/PopoverDesktop.js';
 import './components/Button/consts.js';
-import './toConsumableArray-263f95db.js';
+import './toConsumableArray-e1453f73.js';
 import './helperComponents/Label/Label.js';
 import './components/FileUpload/UploadItems.js';
 import './helperComponents/ErrorMessage/ErrorMessage.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hrm_ui_lib",
-  "version": "1.4.2",
+  "version": "1.4.4",
   "description": "UI library for Dino",
   "main": "./index.js",
   "module": "./index.js",
@@ -20,6 +20,7 @@
     "@hookform/resolvers": "^2.9.11",
     "classnames": "^2.3.2",
     "dayjs": "^1.11.10",
+    "framer-motion": "12.0.0-alpha.2",
     "react-datepicker": "^4.25.0",
     "react-hook-form": "^7.50.0",
     "react-input-mask": "^2.0.4",

package/stories/CardBody.stories.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { TCardBodyProps } from '../components/CardBody/types';
 declare const _default: {
     title: string;
-    component: (props: TCardBodyProps) => JSX.Element;
+    component: (props: TCardBodyProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 };
 export default _default;
 export declare const CardBody: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TCardBodyProps>;

package/stories/CardSelect.stories.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { CARD_SELECT_TYPES } from '../consts';
 import { TCardSelectGroupProps, TCardSelectProps } from '../components/CardSelect/types';
 declare const _default: {
     title: string;
-    component: (props: TCardSelectGroupProps) => JSX.Element;
+    component: (props: TCardSelectGroupProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
     argTypes: {
         cardsGroupType: {
             options: CARD_SELECT_TYPES[];

package/stories/Collapse.stories.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { TCollapseGroupProps, TCollapseProps } from '../components/Collapse/types';
 declare const _default: {
     title: string;
-    component: (props: TCollapseProps) => JSX.Element;
+    component: (props: TCollapseProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
     argTypes: {};
 };
 export default _default;

package/stories/Container.stories.d.ts

@@ -4,4 +4,4 @@ declare const _default: {
     component: React.FC<import("../components/Container/types").TContainerProps>;
 };
 export default _default;
-export declare const Container: () => JSX.Element;
+export declare const Container: () => React.ReactElement;

package/stories/DatePicker.stories.d.ts

@@ -12,5 +12,5 @@ declare const _default: {
 };
 export default _default;
 export declare const SimpleDatePicker: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ISimpleDatePickerProps>;
-export declare const TimePicker: () => JSX.Element;
+export declare const TimePicker: () => React.ReactElement;
 export declare const RangeDatePicker: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, IRangeDatePickerProps>;

package/stories/Empty.stories.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { TEmptyProps } from '../components/Empty/types';
 declare const _default: {
     title: string;
-    component: (props: TEmptyProps) => JSX.Element;
+    component: (props: TEmptyProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
     argTypes: {
         size: {
             options: string[];

package/stories/FileUpload.stories.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { TFileUploadProps } from '../components/FileUpload';
 declare const _default: {
     title: string;
-    component: (props: TFileUploadProps) => JSX.Element | null;
+    component: (props: TFileUploadProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 };
 export default _default;
 export declare const FileUpload: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TFileUploadProps>;

package/stories/Form.stories.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 declare const _default: {
     title: string;
-    component: (props: import("../components/FormContainer/types").FormPropTypes) => JSX.Element;
+    component: (props: import("../components/FormContainer/types").FormPropTypes) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 };
 export default _default;
-export declare const FormContainer: () => JSX.Element;
+export declare const FormContainer: () => React.ReactElement;

package/stories/ItemSelect.stories.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { TItemSelectGroupProps, TItemSelectProps } from '../components/ItemSelect/types';
 declare const _default: {
     title: string;
-    component: (props: TItemSelectGroupProps) => JSX.Element;
+    component: (props: TItemSelectGroupProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 };
 export default _default;
 export declare const ItemSelect: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TItemSelectProps>;

package/stories/More.stories.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 declare const _default: {
     title: string;
-    component: (props: import("../components/More/types").TMorePropTypes) => JSX.Element;
+    component: (props: import("../components/More/types").TMorePropTypes) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 };
 export default _default;
 export declare const More: () => import("react/jsx-runtime").JSX.Element;

package/stories/Pagination.stories.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { TPaginationProps } from '../components/Pagination/types';
 declare const _default: {
     title: string;
-    component: (props: TPaginationProps) => JSX.Element | null;
+    component: (props: TPaginationProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
     argTypes: {
         size: {
             options: string[];

package/stories/Progress.stories.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { TProgressPropTypes } from '../components/Progress/types';
 declare const _default: {
     title: string;
-    component: (props: TProgressPropTypes) => JSX.Element;
+    component: (props: TProgressPropTypes) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
     argTypes: {
         type: {
             options: string[];

package/stories/Select.stories.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { TButtonSelectPropTypes, TMultiSelectPropTypes, TSingleSelectPropTypes } from '../components/Select/types';
 declare const _default: {
     title: string;
-    component: (props: TSingleSelectPropTypes) => JSX.Element | null;
+    component: (props: TSingleSelectPropTypes) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
     argTypes: {
         size: {
             options: string[];
@@ -15,6 +16,6 @@ export default _default;
 export declare const Select: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TSingleSelectPropTypes>;
 export declare const ButtonSelect: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TButtonSelectPropTypes>;
 export declare const MultiSelect: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TMultiSelectPropTypes>;
-export declare const NestedSelect: (args: any) => JSX.Element;
+export declare const NestedSelect: (args: any) => React.ReactElement;
 export declare const LanguageSelect: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TSingleSelectPropTypes>;
-export declare const ProfileDropdown: (args: any) => JSX.Element;
+export declare const ProfileDropdown: (args: any) => React.ReactElement;

package/stories/SideNavigation.stories.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { TSideNavigationPropTypes } from '../components/SideNavigation/types';
 declare const _default: {
     title: string;
-    component: (props: TSideNavigationPropTypes) => JSX.Element;
+    component: (props: TSideNavigationPropTypes) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
     argTypes: {
         showAction: {
             options: boolean[];

package/stories/SideSheet.stories.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { TSideSheetPropTypes } from '../components/SideSheet/types';
 declare const _default: {
     title: string;
-    component: (props: TSideSheetPropTypes) => JSX.Element | null;
+    component: (props: TSideSheetPropTypes) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
     argTypes: {
         position: {
             options: string[];

package/stories/Stepper.stories.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 declare const _default: {
     title: string;
-    component: (props: import("../components/Stepper/types").TStepperProps) => JSX.Element;
+    component: (props: import("../components/Stepper/types").TStepperProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 };
 export default _default;
 export declare const Stepper: () => import("react/jsx-runtime").JSX.Element;

package/stories/Tooltip.stories.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { TTooltipProps } from '../components/Tooltip/types';
 declare const _default: {
     title: string;
-    component: (props: TTooltipProps) => JSX.Element | null;
+    component: (props: TTooltipProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
     argTypes: {
         position: {
             options: string[];

package/{toConsumableArray-263f95db.js → toConsumableArray-e1453f73.js}

@@ -1,4 +1,4 @@
-import { a as _arrayLikeToArray, b as _unsupportedIterableToArray } from './slicedToArray-72c4258c.js';
+import { a as _arrayLikeToArray, b as _unsupportedIterableToArray } from './slicedToArray-9decae19.js';
 
 function _arrayWithoutHoles(r) {
   if (Array.isArray(r)) return _arrayLikeToArray(r);