hrm_ui_lib 2.4.39 → 2.5.0

package/{Alert-CnB-WiOO.js → Alert-CtY1YM0z.js}

@@ -33,7 +33,7 @@ import 'react-syntax-highlighter/dist/esm/styles/prism';
 import { Link } from './components/Link/Link.js';
 import { PopoverDesktop } from './components/Popover/PopoverDesktop.js';
 import { IconInfo } from './components/SVGIcons/IconInfo.js';
-import { IconDynamicComponent } from './helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import { IconDynamicComponent } from './components/IconDynamicComponent/IconDynamicComponent.js';
 import 'react-toastify/dist/ReactToastify.css';
 import '@babel/runtime/helpers/typeof';
 import { IconDismissFilled } from './components/SVGIcons/IconDismissFilled.js';

package/components/Alert/Alert.js

@@ -4,7 +4,7 @@ import classnames from 'classnames';
 import { Text } from '../Text';
 import { Button } from '../Button';
 import IconDismissFilled from '../SVGIcons/IconDismissFilled';
-import { IconDynamicComponent } from '../../helperComponents';
+import { IconDynamicComponent } from '../IconDynamicComponent';
 export const Alert = (props) => {
     const { buttonProps, type = 'information', position = 'inline', text, subtext, closeIcon, onClose, className = '' } = props;
     return (_jsx("div", { className: classnames('alert', `alert--${type} alert--${position}`, className), children: _jsxs("div", { className: "alert__content", children: [_jsx(IconDynamicComponent, { componentName: ICONS_MAPPING[type], size: "small", type: TYPE_MAPPING[type] }), _jsxs("div", { className: "alert__text pl-8", children: [_jsxs("div", { children: [_jsx(Text, { type: "primary", size: "standard", weight: "regular", lineHeight: "large", children: text }), subtext ? (_jsx(Text, { className: 'mt-4', type: "secondary", size: "small", weight: "regular", lineHeight: "large", children: subtext })) : null] }), buttonProps ? (_jsxs("div", { className: "alert__actions", children: [buttonProps.confirm && (_jsx(Button, Object.assign({ size: "medium", type: "secondary" }, buttonProps.confirm))), buttonProps.cancel && (_jsx(Button, Object.assign({ size: "medium", type: "tertiary", className: "ml-12" }, buttonProps.cancel)))] })) : null] }), closeIcon ? (_jsx(IconDismissFilled, { type: TYPE_MAPPING[type], size: "xsmall", className: "ml-12 pointer", onClick: onClose })) : null] }) }));

package/components/Checkbox/Checkbox.js

@@ -5,7 +5,7 @@ import { Popover } from '../Popover';
 import { Link } from '../Link';
 import { Text } from '../Text';
 import IconInfo from '../SVGIcons/IconInfo';
-import { IconDynamicComponent } from '../../helperComponents';
+import { IconDynamicComponent } from '../IconDynamicComponent';
 export const Checkbox = forwardRef((props, ref) => {
     const { label, disabled, required = false, link, name, setFieldValue, selectedValue, value, className = '', iconProps = { name: 'checkmark' }, dataId = '', onClick, beforeLink, afterLink, helperText = '', popoverAddons, isInvalid, stopPropagation = false } = props;
     const localRef = useRef(null);

package/components/IconDynamicComponent/IconDynamicComponent.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { ISVGIconProps } from '../SVGIcons/types';
+import type { TIconName } from '../SVGIcons/icon-names';
+interface IconDynamicComponentProps extends ISVGIconProps {
+    componentName: TIconName;
+}
+export declare const IconDynamicComponent: ({ componentName, ...rest }: IconDynamicComponentProps) => ReactElement | null;
+export {};

package/components/IconDynamicComponent/IconDynamicComponent.js

@@ -0,0 +1,36 @@
+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 { lazy, Suspense } from 'react';
+export const IconDynamicComponent = (_a) => {
+    var { componentName } = _a, rest = __rest(_a, ["componentName"]);
+    if (!componentName) {
+        return null;
+    }
+    const toPascalCase = (value) => value
+        .replace(/^[a-z]/, (m) => m.toUpperCase())
+        .replace(/[A-Z]/g, (m) => ` ${m}`)
+        .trim()
+        .split(/\s|_|-/)
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+        .join('');
+    const resolvedName = toPascalCase(componentName);
+    const exportName = `Icon${resolvedName}`;
+    // Dynamically load the component based on the componentName prop
+    const Component = lazy(() => import('../../components/SVGIcons').then((mod) => {
+        var _a;
+        return ({
+            default: (_a = mod[exportName]) !== null && _a !== void 0 ? _a : (() => null)
+        });
+    }));
+    return (_jsx(Suspense, { fallback: null, children: _jsx(Component, Object.assign({}, rest)) }));
+};

package/components/SVGIcons/IconUs.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { ISVGIconProps } from './types';
+export declare const IconUs: ({ size, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconUs;

package/components/SVGIcons/IconUs.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+export const IconUs = ({ size, className = '', onClick, refHandler, id, dataId }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: [_jsx("rect", { y: "3.42999", width: "24", height: "17.1429", rx: "2", fill: "white" }), _jsx("mask", { id: "mask0_1993_2165", style: { maskType: 'luminance' }, maskUnits: "userSpaceOnUse", x: "0", y: "3", width: "24", height: "18", children: _jsx("rect", { y: "3.42999", width: "24", height: "17.1429", rx: "2", fill: "white" }) }), _jsxs("g", { mask: "url(#mask0_1993_2165)", children: [_jsx("rect", { y: "3.42999", width: "24", height: "17.1429", fill: "#0A17A7" }), _jsx("path", { d: "M-1.09929 1.78735L9.14287 8.69577V2.28718H14.8572V8.69573L25.0992 1.78736L26.3774 3.6823L18.2796 9.14432H24V14.8586H18.2796L26.3774 20.3206L25.0992 22.2155L14.8572 15.3072V21.7157H9.14287V15.3071L-1.09928 22.2156L-2.37744 20.3206L5.72032 14.8586H7.62939e-06V9.14432H5.72034L-2.37744 3.6823L-1.09929 1.78735Z", fill: "white" }), _jsx("path", { d: "M27.1356 1.53249C27.2368 1.68629 27.1942 1.89299 27.0404 1.99417L16.1843 9.13605C16.0305 9.23723 15.8238 9.19457 15.7227 9.04078C15.6215 8.88698 15.6641 8.68028 15.8179 8.5791L26.674 1.43722C26.8277 1.33604 27.0344 1.3787 27.1356 1.53249Z", fill: "#DB1F35" }), _jsx("path", { d: "M27.1621 21.9165C27.265 21.7639 27.2247 21.5567 27.072 21.4538L17.3401 14.8943C17.1875 14.7914 16.9803 14.8317 16.8774 14.9844C16.7745 15.137 16.8149 15.3442 16.9675 15.4471L26.6994 22.0066C26.852 22.1095 27.0592 22.0692 27.1621 21.9165Z", fill: "#DB1F35" }), _jsx("path", { d: "M-3.56564 1.81145C-3.46276 1.65878 -3.25559 1.61843 -3.10293 1.72132L7.04823 8.56255C7.20089 8.66544 7.24124 8.8726 7.13836 9.02526C7.03547 9.17792 6.82831 9.21828 6.67565 9.11539L-3.47551 2.27415C-3.62817 2.17127 -3.66853 1.96411 -3.56564 1.81145Z", fill: "#DB1F35" }), _jsx("path", { d: "M-3.56702 22.7375C-3.46528 22.8909 -3.25842 22.9328 -3.105 22.831L8.14717 15.3691C8.30059 15.2674 8.34249 15.0605 8.24074 14.9071C8.139 14.7537 7.93214 14.7118 7.77872 14.8135L-3.47344 22.2754C-3.62687 22.3772 -3.66876 22.584 -3.56702 22.7375Z", fill: "#DB1F35" }), _jsx("path", { d: "M0 13.7157H10.2857V20.5728H13.7143V13.7157H24V10.2871H13.7143V3.42999H10.2857V10.2871H0V13.7157Z", fill: "#E6273E" })] })] }));
+export default IconUs;

package/components/SVGIcons/icon-names.d.ts

@@ -0,0 +1,2 @@
+export declare const ICON_NAMES: string[];
+export type TIconName = (typeof ICON_NAMES)[number];

package/components/SVGIcons/icon-names.js

@@ -0,0 +1,307 @@
+export const ICON_NAMES = [
+    'add',
+    'addCircle',
+    'addCircleFilled',
+    'addFilled',
+    'alert',
+    'alertBadge',
+    'alertBadgeFilled',
+    'alertFilled',
+    'am',
+    'amd',
+    'amdFilled',
+    'apple',
+    'arrowDown',
+    'arrowDownFilled',
+    'arrowDownLeft',
+    'arrowDownLeftFilled',
+    'arrowDownload',
+    'arrowDownloadFilled',
+    'arrowEnter',
+    'arrowEnterFilled',
+    'arrowExit',
+    'arrowExitFilled',
+    'arrowExportLeftToRight',
+    'arrowExportLeftToRightFilled',
+    'arrowExportRightToLeft',
+    'arrowExportRightToLeftFilled',
+    'arrowExportUp',
+    'arrowExportUpFilled',
+    'arrowImport',
+    'arrowImportFilled',
+    'arrowLeft',
+    'arrowLeftFilled',
+    'arrowRepeatAll',
+    'arrowRepeatAllFilled',
+    'arrowReset',
+    'arrowResetFilled',
+    'arrowRight',
+    'arrowRightFilled',
+    'arrowSort',
+    'arrowSortFilled',
+    'arrowSync',
+    'arrowSyncFilled',
+    'arrowUp',
+    'arrowUpFilled',
+    'arrowUpLeft',
+    'arrowUpLeftFilled',
+    'arrowUpRight',
+    'arrowUpRightFilled',
+    'attach',
+    'attachFilled',
+    'beach',
+    'beachFilled',
+    'book',
+    'bookFilled',
+    'bookmark',
+    'bookmarkFilled',
+    'briefcase',
+    'briefcaseFilled',
+    'building',
+    'buildingBank',
+    'buildingBankFilled',
+    'buildingFilled',
+    'bulletListAdd',
+    'bulletListAddFilled',
+    'calculator',
+    'calculatorFilled',
+    'calendarClock',
+    'calendarClockFilled',
+    'calendarDay',
+    'calendarDayFilled',
+    'calendarEmpty',
+    'calendarLeft',
+    'calendarLeftFilled',
+    'calendarRight',
+    'calendarRightFilled',
+    'call',
+    'callFilled',
+    'card',
+    'cardFilled',
+    'caretDown',
+    'caretDownFilled',
+    'caretDownRight',
+    'caretDownRightFilled',
+    'caretLeft',
+    'caretLeftFilled',
+    'caretRight',
+    'caretRightFilled',
+    'caretUp',
+    'caretUpFilled',
+    'chat',
+    'chatFilled',
+    'chatMultiple',
+    'chatMultipleFilled',
+    'checkboxArrowRight',
+    'checkboxArrowRightFilled',
+    'checkmark',
+    'checkmarkCircle',
+    'checkmarkCircleFilled',
+    'checkmarkFilled',
+    'chevronDoubleLeft',
+    'chevronDoubleRight',
+    'chevronDown',
+    'chevronDownFilled',
+    'chevronLeft',
+    'chevronLeftFilled',
+    'chevronRight',
+    'chevronRightFilled',
+    'chevronUp',
+    'chevronUpDown',
+    'chevronUpDownFilled',
+    'chevronUpFilled',
+    'clipboardDay',
+    'clock',
+    'clockDismiss',
+    'clockDismissFilled',
+    'clockFilled',
+    'comment',
+    'commentFilled',
+    'contractCard',
+    'contractCardFilled',
+    'copy',
+    'copyFilled',
+    'cubeTree',
+    'cubeTreeFilled',
+    'database',
+    'databaseFilled',
+    'delete',
+    'deleteFilled',
+    'deviceMeetingRoom',
+    'deviceMeetingRoomFilled',
+    'dismiss',
+    'dismissCircle',
+    'dismissCircleFilled',
+    'dismissFilled',
+    'document',
+    'documentBulletList',
+    'documentBulletListFilled',
+    'documentEdit',
+    'documentEditFilled',
+    'documentFilled',
+    'documentPerson',
+    'edit',
+    'editFilled',
+    'errorCircle',
+    'errorCircleFilled',
+    'eur',
+    'eurFilled',
+    'expandUpLeft',
+    'expandUpLeftFilled',
+    'expandUpRight',
+    'expandUpRightFilled',
+    'eyeOff',
+    'eyeOffFilled',
+    'eyeOn',
+    'eyeOnFilled',
+    'facebook',
+    'filter',
+    'filterFilled',
+    'flag',
+    'flagFilled',
+    'folderLink',
+    'folderLinkFilled',
+    'food',
+    'foodFilled',
+    'gb',
+    'globe',
+    'globeFilled',
+    'google',
+    'handOpenHeart',
+    'handOpenHeartFilled',
+    'heart',
+    'heartFilled',
+    'history',
+    'historyFilled',
+    'home',
+    'homeFilled',
+    'image',
+    'imageFilled',
+    'info',
+    'infoFilled',
+    'instagram',
+    'keyReset',
+    'keyResetFilled',
+    'link',
+    'linkFilled',
+    'linkedin',
+    'list',
+    'listFilled',
+    'location',
+    'locationFilled',
+    'lockClosed',
+    'lockClosedFilled',
+    'lockOpen',
+    'lockOpenFilled',
+    'mail',
+    'mailAdd',
+    'mailAddFilled',
+    'mailArrowForward',
+    'mailArrowForwardFilled',
+    'mailFilled',
+    'mailLink',
+    'mailLinkFilled',
+    'medium',
+    'more',
+    'moreFilled',
+    'moreVertical',
+    'moreVerticalFilled',
+    'navigation',
+    'navigationFilled',
+    'notebook',
+    'notebookAdd',
+    'notebookAddFilled',
+    'notebookFilled',
+    'onlyEmployee',
+    'open',
+    'openFilled',
+    'patient',
+    'patientFilled',
+    'people',
+    'peopleAdd',
+    'peopleAddFilled',
+    'peopleFilled',
+    'peopleList',
+    'peopleListFilled',
+    'percent',
+    'person',
+    'personAccount',
+    'personAccountFilled',
+    'personAdd',
+    'personAddFilled',
+    'personArrowLeft',
+    'personArrowLeftFilled',
+    'personArrowRight',
+    'personArrowRightFilled',
+    'personBoard',
+    'personFilled',
+    'personMinus',
+    'personStar',
+    'personStarFilled',
+    'personSubtract',
+    'personSubtractFilled',
+    'phone',
+    'phoneFilled',
+    'plugConnected',
+    'pos',
+    'posFilled',
+    'prohibited',
+    'prohibitedFilled',
+    'projectProduct',
+    'question',
+    'questionFilled',
+    'redo',
+    'redoFilled',
+    'ru',
+    'rub',
+    'rubFilled',
+    'save',
+    'saveFilled',
+    'savings',
+    'savingsFilled',
+    'search',
+    'searchFilled',
+    'selectAllOff',
+    'selectAllOffFilled',
+    'selectAllOn',
+    'selectAllOnFilled',
+    'send',
+    'sendFilled',
+    'settings',
+    'settingsFilled',
+    'share',
+    'shareAndroid',
+    'shareAndroidFilled',
+    'shareFilled',
+    'signOut',
+    'signOutFilled',
+    'spinner',
+    'spinnerFilled',
+    'status',
+    'statusFilled',
+    'subtract',
+    'subtractCircle',
+    'subtractCircleFilled',
+    'subtractFilled',
+    'tableCellEdit',
+    'tableCellEditFilled',
+    'telegram',
+    'timer',
+    'timerFilled',
+    'twitter',
+    'undo',
+    'undoFilled',
+    'unitsEmployee',
+    'upload',
+    'us',
+    'usd',
+    'usdFilled',
+    'userMinus',
+    'video',
+    'videoFilled',
+    'wallet',
+    'walletFilled',
+    'warning',
+    'warningFilled',
+    'youtube'
+];

package/components/SVGIcons/index.d.ts

@@ -292,6 +292,7 @@ export * from './IconUndo';
 export * from './IconUndoFilled';
 export * from './IconUnitsEmployee';
 export * from './IconUpload';
+export * from './IconUs';
 export * from './IconUsd';
 export * from './IconUsdFilled';
 export * from './IconUserMinus';

package/components/SVGIcons/index.js

@@ -292,6 +292,7 @@ export * from './IconUndo';
 export * from './IconUndoFilled';
 export * from './IconUnitsEmployee';
 export * from './IconUpload';
+export * from './IconUs';
 export * from './IconUsd';
 export * from './IconUsdFilled';
 export * from './IconUserMinus';

package/components/Snackbar/Snackbar.js

@@ -3,7 +3,7 @@ import { ToastContainer, toast, Slide } from 'react-toastify';
 import { Text } from '../Text';
 import { Button } from '../Button';
 import { DEFAULT_DURATION, ICONS_MAPPING, TYPE_MAPPING } from './consts';
-import { IconDynamicComponent } from '../../helperComponents';
+import { IconDynamicComponent } from '../IconDynamicComponent';
 import 'react-toastify/dist/ReactToastify.css';
 const CustomToast = ({ actionProps, toastId, type = 'information', text }) => {
     return (_jsxs("div", { "data-id": `${type}-toast-message`, className: "snackbar", children: [_jsxs("div", { className: "snackbar__content", children: [_jsx(IconDynamicComponent, { componentName: ICONS_MAPPING[type], type: TYPE_MAPPING[type], size: "medium" }), _jsx(Text, { className: "snackbar__text pl-16 pr-8", type: "primary", size: "standard", weight: "regular", lineHeight: "large", children: text })] }), actionProps ? (_jsx(Button, Object.assign({ size: "small", type: "tertiary" }, actionProps, { onClick: (e) => {

package/helperComponents/ErrorMessage/ErrorMessage.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from '../../components/Text';
-import { IconDynamicComponent } from '../IconDynamicComponent';
+import { IconDynamicComponent } from '../../components/IconDynamicComponent';
 import { generateDataTestId } from '../../utils/helpers';
 import classnames from 'classnames';
 export const ErrorMessage = ({ message, icon, dataId, className }) => {

package/helperComponents/index.d.ts

@@ -2,5 +2,4 @@ export * from './Label';
 export * from './ErrorMessage';
 export * from './Loader';
 export * from './OptionItem';
-export * from './IconDynamicComponent';
 export * from './CodeBlock';

package/helperComponents/index.js

@@ -2,5 +2,4 @@ export * from './Label';
 export * from './ErrorMessage';
 export * from './Loader';
 export * from './OptionItem';
-export * from './IconDynamicComponent';
 export * from './CodeBlock';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hrm_ui_lib",
-  "version": "2.4.39",
+  "version": "2.5.0",
   "description": "UI library for Dino",
   "main": "./index.js",
   "module": "./index.js",

package/helperComponents/IconDynamicComponent/IconDynamicComponent.d.ts

@@ -1,9 +0,0 @@
-import { ReactElement } from 'react';
-interface IconDynamicComponentProps {
-    componentName: string;
-    size?: string;
-    type?: string;
-    className?: string;
-}
-export declare const IconDynamicComponent: ({ componentName, size, type, className }: IconDynamicComponentProps) => ReactElement | null;
-export default IconDynamicComponent;

package/helperComponents/IconDynamicComponent/IconDynamicComponent.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Suspense } from 'react';
-import { IconComponentMapping } from './constants';
-export const IconDynamicComponent = ({ componentName, size = 'small', type = 'inverse', className }) => {
-    if (!componentName || !IconComponentMapping[componentName]) {
-        return null;
-    }
-    // Dynamically load the component based on the componentName prop
-    const Component = IconComponentMapping[componentName];
-    return (_jsx(Suspense, { fallback: null, children: _jsx(Component, { type: type, size: size, className: className }) }));
-};
-export default IconDynamicComponent;

package/helperComponents/IconDynamicComponent/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const IconComponentMapping: {
-    [key: string]: any;
-};

package/helperComponents/IconDynamicComponent/constants.js

@@ -1,12 +0,0 @@
-import { lazy } from 'react';
-export const IconComponentMapping = {
-    warningFilled: lazy(() => import('../../components/SVGIcons/IconWarningFilled')),
-    checkmarkCircleFilled: lazy(() => import('../../components/SVGIcons/IconCheckmarkCircleFilled')),
-    errorCircleFilled: lazy(() => import('../../components/SVGIcons/IconErrorCircleFilled')),
-    infoFilled: lazy(() => import('../../components/SVGIcons/IconInfoFilled')),
-    checkmark: lazy(() => import('../../components/SVGIcons/IconCheckmark')),
-    subtract: lazy(() => import('../../components/SVGIcons/IconSubtract')),
-    am: lazy(() => import('../../components/SVGIcons/IconAm')),
-    ru: lazy(() => import('../../components/SVGIcons/IconRu')),
-    us: lazy(() => import('../../components/SVGIcons/IconGb'))
-};