hrm_ui_lib 1.3.7-alpha.3 → 1.3.7-alpha.4

package/components/Breadcrumb/Breadcrumb.js

@@ -1,24 +1,18 @@
-import React from 'react';
-
-var Breadcrumb = function Breadcrumb(props) {
-  var selectedValue = props.selectedValue,
-    breadCrumbItems = props.breadCrumbItems,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    onSelect = props.onSelect;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "breadcrumb ".concat(className)
-  }, breadCrumbItems.map(function (itemInfo) {
-    return /*#__PURE__*/React.createElement("span", {
-      className: "breadcrumb__item",
-      key: itemInfo.value
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "breadcrumb__item__inner ".concat(selectedValue === itemInfo.value ? 'selected' : ''),
-      onClick: function onClick() {
-        return onSelect(itemInfo.value);
-      }
-    }, itemInfo.label));
-  }));
-};
-
-export { Breadcrumb };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Breadcrumb = function (props) {
+    var selectedValue = props.selectedValue, breadCrumbItems = props.breadCrumbItems, _a = props.className, className = _a === void 0 ? '' : _a, onSelect = props.onSelect;
+    return (_jsx("div", __assign({ className: "breadcrumb ".concat(className) }, { children: breadCrumbItems.map(function (itemInfo) {
+            return (_jsx("span", __assign({ className: "breadcrumb__item" }, { children: _jsx("span", __assign({ className: "breadcrumb__item__inner ".concat(selectedValue === itemInfo.value ? 'selected' : ''), onClick: function () { return onSelect(itemInfo.value); } }, { children: itemInfo.label })) }), itemInfo.value));
+        }) })));
+};

package/components/Breadcrumb/index.js

@@ -1,2 +1 @@
-export { Breadcrumb } from './Breadcrumb.js';
-import 'react';
+export * from './Breadcrumb';

package/components/Breadcrumb/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export type TBreadCrumbItem = {
     value: number | string;
-    label: string | JSX.Element;
+    label: string | React.ReactElement;
     onClick: () => void;
 };
 export interface TBreadCrumbProps extends IFormCompProps {

package/components/Breadcrumb/types.js

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

package/components/Button/Button.js

@@ -1,35 +1,42 @@
-import '../../extends-5035bfae.js';
-import '../../defineProperty-8cb9aeda.js';
-import '../../objectWithoutProperties-2070b5a0.js';
-import 'react';
-import 'classnames';
-import 'dayjs';
-import '../../helperComponents/Loader/Loader.js';
-export { B as Button } from '../../Button-fc1714ff.js';
-import '../../consts/index.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-syntax-highlighter';
-import './consts.js';
-import '../../typeof-fcb34f52.js';
-import '../../slicedToArray-db090d3f.js';
-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 '../Text/Text.js';
-import '../../utils/helpers.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 '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 classnames from 'classnames';
+import { Loader } from '../../helperComponents';
+import { ICON_SIZE_MAPPING, ICON_TYPE_MAPPING, LITE_LOADER_TYPES } from './consts';
+export var Button = function (props) {
+    var _a;
+    var buttonText = props.buttonText, _b = props.type, type = _b === void 0 ? 'primary' : _b, _c = props.size, size = _c === void 0 ? 'large' : _c, _d = props.className, className = _d === void 0 ? '' : _d, iconProps = props.iconProps, _e = props.buttonActionType, buttonActionType = _e === void 0 ? 'button' : _e, disabled = props.disabled, isLoading = props.isLoading, formId = props.formId, _f = props.dataId, dataId = _f === void 0 ? '' : _f, onClick = props.onClick, _g = props.refHandler, refHandler = _g === void 0 ? null : _g, children = props.children, rest = __rest(props, ["buttonText", "type", "size", "className", "iconProps", "buttonActionType", "disabled", "isLoading", "formId", "dataId", "onClick", "refHandler", "children"]);
+    var justIcon = !buttonText && !children && iconProps !== undefined;
+    var clickHandler = function (e) {
+        if (disabled || isLoading) {
+            return;
+        }
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    };
+    return (_jsx("button", __assign({ ref: refHandler, "data-id": dataId, disabled: disabled, type: buttonActionType, className: classnames('btn', "btn--".concat(type), "btn--".concat(size), (_a = {
+                'btn--icon': justIcon
+            },
+            _a["btn--icon-".concat((iconProps === null || iconProps === void 0 ? void 0 : iconProps.alignment) || 'left')] = !isLoading && !justIcon && (iconProps === null || iconProps === void 0 ? void 0 : iconProps.Component),
+            _a), className), onClick: clickHandler, form: formId }, rest, { children: isLoading ? (_jsx(Loader, { size: size, type: LITE_LOADER_TYPES.indexOf(type) === -1 ? 'dark' : 'lite' })) : (_jsxs(_Fragment, { children: [(iconProps === null || iconProps === void 0 ? void 0 : iconProps.Component) ? (_jsx(iconProps.Component, { size: ICON_SIZE_MAPPING[size], type: ICON_TYPE_MAPPING[iconProps.type || type], className: "btn__icon" })) : null, buttonText || children ? (_jsx("span", __assign({ className: "btn__text" }, { children: buttonText || children }))) : null] })) })));
+};

package/components/Button/consts.js

@@ -1,16 +1,14 @@
-var LITE_LOADER_TYPES = ['primary', 'danger'];
-var ICON_SIZE_MAPPING = {
-  large: 'small',
-  medium: 'small',
-  small: 'xsmall'
-};
-var ICON_TYPE_MAPPING = {
-  primary: 'inverse',
-  secondary: 'secondary',
-  tertiary: 'primary',
-  danger: 'inverse',
-  text: 'selected',
-  link: 'selected'
-};
-
-export { ICON_SIZE_MAPPING, ICON_TYPE_MAPPING, LITE_LOADER_TYPES };
+export var LITE_LOADER_TYPES = ['primary', 'danger'];
+export var ICON_SIZE_MAPPING = {
+    large: 'small',
+    medium: 'small',
+    small: 'xsmall'
+};
+export var ICON_TYPE_MAPPING = {
+    primary: 'inverse',
+    secondary: 'secondary',
+    tertiary: 'primary',
+    danger: 'inverse',
+    text: 'selected',
+    link: 'selected'
+};

package/components/Button/index.js

@@ -1,35 +1 @@
-export { B as Button } from '../../Button-fc1714ff.js';
-import '../../extends-5035bfae.js';
-import '../../defineProperty-8cb9aeda.js';
-import '../../typeof-fcb34f52.js';
-import '../../objectWithoutProperties-2070b5a0.js';
-import 'react';
-import 'classnames';
-import 'dayjs';
-import '../../helperComponents/Loader/Loader.js';
-import '../../consts/index.js';
-import '../../hooks/useScreenSize.js';
-import '../../slicedToArray-db090d3f.js';
-import 'react-hook-form';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import 'react-syntax-highlighter';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Text/Text.js';
-import '../../utils/helpers.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 '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import './consts.js';
+export * from './Button';

package/components/Button/types.js

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

package/components/ButtonIcon/ButtonIcon.js

@@ -1,35 +1,29 @@
-import '../../extends-5035bfae.js';
-import '../../objectWithoutProperties-2070b5a0.js';
-import 'react';
-import 'classnames';
-import 'dayjs';
-import '../../helperComponents/Loader/Loader.js';
-import '../../consts/index.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-export { a as ButtonIcon } from '../../Button-fc1714ff.js';
-import 'react-syntax-highlighter';
-import '../../slicedToArray-db090d3f.js';
-import '../../defineProperty-8cb9aeda.js';
-import '../../typeof-fcb34f52.js';
-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 '../Text/Text.js';
-import '../../utils/helpers.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 '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '../Button/consts.js';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 } from "react/jsx-runtime";
+import classnames from 'classnames';
+import { Loader } from '../../helperComponents';
+export var ButtonIcon = function (props) {
+    var _a = props.size, size = _a === void 0 ? 'medium' : _a, _b = props.className, className = _b === void 0 ? '' : _b, iconProps = props.iconProps, _c = props.buttonActionType, buttonActionType = _c === void 0 ? 'button' : _c, disabled = props.disabled, isLoading = props.isLoading, formId = props.formId, _d = props.dataId, dataId = _d === void 0 ? '' : _d, onClick = props.onClick, _e = props.refHandler, refHandler = _e === void 0 ? null : _e, rest = __rest(props, ["size", "className", "iconProps", "buttonActionType", "disabled", "isLoading", "formId", "dataId", "onClick", "refHandler"]);
+    return (_jsx("button", __assign({ ref: refHandler, "data-id": dataId, disabled: disabled, type: buttonActionType, className: classnames('btn-icon', "btn-icon--".concat(size), className), onClick: onClick, form: formId }, rest, { children: isLoading ? (_jsx(Loader, { size: size, type: 'dark' })) : (_jsx(iconProps.Component, { size: size, type: disabled ? 'disabled' : 'tertiary' })) })));
+};

package/components/ButtonIcon/index.js

@@ -1,35 +1 @@
-export { a as ButtonIcon } from '../../Button-fc1714ff.js';
-import '../../extends-5035bfae.js';
-import '../../defineProperty-8cb9aeda.js';
-import '../../typeof-fcb34f52.js';
-import '../../objectWithoutProperties-2070b5a0.js';
-import 'react';
-import 'classnames';
-import 'dayjs';
-import '../../helperComponents/Loader/Loader.js';
-import '../../consts/index.js';
-import '../../hooks/useScreenSize.js';
-import '../../slicedToArray-db090d3f.js';
-import 'react-hook-form';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import 'react-syntax-highlighter';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Text/Text.js';
-import '../../utils/helpers.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 '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '../Button/consts.js';
+export * from './ButtonIcon';

package/components/ButtonIcon/types.js

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

package/components/CardBody/CardBody.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { TCardBodyProps } from './types';
-export declare const CardBody: (props: TCardBodyProps) => JSX.Element;
+export declare const CardBody: (props: TCardBodyProps) => React.ReactElement;

package/components/CardBody/CardBody.js

@@ -1,66 +1,20 @@
-import { _ as _extends } from '../../extends-5035bfae.js';
-import React from 'react';
-import { Text } from '../Text/Text.js';
-import { Image } from '../Image/Image.js';
-import { B as Button } from '../../Button-fc1714ff.js';
-import classNames from 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../../defineProperty-8cb9aeda.js';
-import '../../typeof-fcb34f52.js';
-import '../../objectWithoutProperties-2070b5a0.js';
-import '../../helperComponents/Loader/Loader.js';
-import '../../consts/index.js';
-import '../../hooks/useScreenSize.js';
-import '../../slicedToArray-db090d3f.js';
-import 'react-hook-form';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import 'react-syntax-highlighter';
-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 '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '../Button/consts.js';
-
-var CardBody = function CardBody(props) {
-  var title = props.title,
-    description = props.description,
-    buttonProps = props.buttonProps,
-    className = props.className,
-    illustration = props.illustration;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('card-body', className)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: 'card-body__image'
-  }, /*#__PURE__*/React.createElement(Image, {
-    imagePath: illustration
-  })), /*#__PURE__*/React.createElement(Text, {
-    size: 'large',
-    weight: "bolder",
-    className: 'mt-32'
-  }, title), description ? /*#__PURE__*/React.createElement(Text, {
-    className: 'mt-12'
-  }, description) : null, buttonProps ? /*#__PURE__*/React.createElement("div", {
-    className: "body__buttons mt-32"
-  }, /*#__PURE__*/React.createElement(Button, _extends({
-    className: "full-width"
-  }, buttonProps.primary || {})), /*#__PURE__*/React.createElement(Button, _extends({
-    type: "text",
-    className: "full-width mt-24"
-  }, buttonProps.secondary))) : null);
-};
-
-export { CardBody };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '../Text';
+import { Image } from '../Image';
+import { Button } from '../Button';
+import classNames from 'classnames';
+export var CardBody = function (props) {
+    var title = props.title, description = props.description, buttonProps = props.buttonProps, className = props.className, illustration = props.illustration;
+    return (_jsxs("div", __assign({ className: classNames('card-body', className) }, { children: [_jsx("div", __assign({ className: 'card-body__image' }, { children: _jsx(Image, { imagePath: illustration }) })), _jsx(Text, __assign({ size: 'large', weight: "bolder", className: 'mt-32' }, { children: title })), description ? _jsx(Text, __assign({ className: 'mt-12' }, { children: description })) : null, buttonProps ? (_jsxs("div", __assign({ className: "body__buttons mt-32" }, { children: [_jsx(Button, __assign({ className: "full-width" }, (buttonProps.primary || {}))), _jsx(Button, __assign({ type: "text", className: "full-width mt-24" }, buttonProps.secondary))] }))) : null] })));
+};

package/components/CardBody/index.js

@@ -1,37 +1 @@
-export { CardBody } from './CardBody.js';
-import '../../extends-5035bfae.js';
-import 'react';
-import '../Text/Text.js';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../Image/Image.js';
-import '../../Button-fc1714ff.js';
-import '../../defineProperty-8cb9aeda.js';
-import '../../typeof-fcb34f52.js';
-import '../../objectWithoutProperties-2070b5a0.js';
-import '../../helperComponents/Loader/Loader.js';
-import '../../consts/index.js';
-import '../../hooks/useScreenSize.js';
-import '../../slicedToArray-db090d3f.js';
-import 'react-hook-form';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import 'react-syntax-highlighter';
-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 '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '../Button/consts.js';
+export * from './CardBody';

package/components/CardBody/types.js

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