hrm_ui_lib 1.6.35 → 1.6.37

package/components/Chips/Chips.js

@@ -24,15 +24,26 @@ var Chips = function Chips(props) {
     leftIconProps = props.leftIconProps,
     withAction = props.withAction,
     onClick = props.onClick,
+    onRemove = props.onRemove,
     _props$dataId = props.dataId,
-    dataId = _props$dataId === void 0 ? '' : _props$dataId;
+    dataId = _props$dataId === void 0 ? '' : _props$dataId,
+    _props$id = props.id,
+    id = _props$id === void 0 ? '' : _props$id;
   var customType = disabled ? 'disabled' : type == ChipCustomType.filled ? ChipCustomType.inverse : color;
   var handleClick = function handleClick(event) {
+    event.preventDefault();
     event.stopPropagation();
     onClick === null || onClick === void 0 || onClick(event);
   };
+  var handleRemove = function handleRemove(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    onRemove === null || onRemove === void 0 || onRemove(event);
+  };
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("chips chips--".concat(type, " chips--").concat(disabled ? 'disabled' : color, " chips--").concat(size), className)
+    className: classNames("chips chips--".concat(type, " chips--").concat(disabled ? 'disabled' : color, " chips--").concat(size), className),
+    id: id,
+    onClick: handleClick
   }, leftIconProps !== null && leftIconProps !== void 0 && leftIconProps.Component ? /*#__PURE__*/React.createElement(leftIconProps.Component, _extends({
     dataId: "".concat(dataId, "-icon"),
     size: ICON_SIZE_MAPPING[size],
@@ -50,7 +61,7 @@ var Chips = function Chips(props) {
     size: ICON_SIZE_MAPPING[size],
     type: customType,
     className: "chips__delete ml-6",
-    onClick: handleClick
+    onClick: handleRemove
   }));
 };
 

package/components/Chips/types.d.ts

@@ -11,8 +11,9 @@ export interface TChipsProps extends IFormCompProps {
     disabled?: boolean;
     withAction?: boolean;
     onClick?: (e: TClickEventType) => void;
+    onRemove?: (e: TClickEventType) => void;
     dataId?: string;
-    id?: string | number;
+    id?: string;
 }
 export declare enum ChipCustomType {
     filled = "filled",

package/components/SVGIcons/IconPersonArrowLeft.d.ts

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

package/components/SVGIcons/IconPersonArrowLeft.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-2ff83f38.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-de618fd6.js';
+
+var IconPersonArrowLeft = function IconPersonArrowLeft(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M14.5836 9.99989C17.1149 9.99989 19.167 12.0519 19.167 14.5832C19.167 17.1145 17.1149 19.1666 14.5836 19.1666C12.0523 19.1666 10.0003 17.1145 10.0003 14.5832C10.0003 12.0519 12.0523 9.99989 14.5836 9.99989ZM10.0189 11.666C9.7716 12.0521 9.572 12.4716 9.42832 12.9163L3.54492 12.9165C3.19974 12.9165 2.91992 13.1963 2.91992 13.5415V14.2976C2.91992 14.844 3.15825 15.3632 3.57256 15.7194C4.62096 16.6207 6.20097 17.0841 8.33364 17.0841C8.83267 17.0841 9.30151 17.0587 9.74042 17.0083C9.94785 17.4251 10.2093 17.8116 10.5146 18.1586C9.84606 18.276 9.11861 18.3341 8.33364 18.3341C5.92572 18.3341 4.06004 17.7869 2.75765 16.6672C2.06713 16.0736 1.66992 15.2082 1.66992 14.2976V13.5415C1.66992 12.506 2.50939 11.6665 3.54492 11.6665L10.0189 11.666ZM13.933 12.157L13.8753 12.2053L11.7789 14.3022L11.7451 14.3444L11.7162 14.3922L11.6893 14.4572L11.6797 14.4932L11.6703 14.5652L11.6735 14.6381L11.6893 14.7091L11.7159 14.7738L11.7364 14.8092L11.7788 14.8641L13.8753 16.9612C14.038 17.1239 14.3018 17.1239 14.4645 16.9612C14.6092 16.8165 14.6252 16.592 14.5127 16.4296L14.4645 16.3719L13.0928 14.9999H17.0836C17.2882 14.9999 17.4583 14.8525 17.4936 14.6581L17.5003 14.5832C17.5003 14.3787 17.3529 14.2086 17.1585 14.1733L17.0836 14.1666H13.0928L14.4645 12.7945C14.6092 12.6499 14.6252 12.4254 14.5127 12.263L14.4645 12.2053C14.3199 12.0606 14.0954 12.0446 13.933 12.157ZM8.33364 1.67041C10.6348 1.67041 12.5003 3.53589 12.5003 5.83708C12.5003 8.13826 10.6348 10.0037 8.33364 10.0037C6.03245 10.0037 4.16697 8.13826 4.16697 5.83708C4.16697 3.53589 6.03245 1.67041 8.33364 1.67041ZM8.33364 2.92041C6.72281 2.92041 5.41697 4.22625 5.41697 5.83708C5.41697 7.44791 6.72281 8.75374 8.33364 8.75374C9.94447 8.75374 11.2503 7.44791 11.2503 5.83708C11.2503 4.22625 9.94447 2.92041 8.33364 2.92041Z",
+    fill: "#5B5B81"
+  }));
+};
+
+export { IconPersonArrowLeft, IconPersonArrowLeft as default };

package/components/SVGIcons/IconPersonArrowRight.d.ts

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

package/components/SVGIcons/IconPersonArrowRight.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-2ff83f38.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-de618fd6.js';
+
+var IconPersonArrowRight = function IconPersonArrowRight(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M9.42824 12.9165C9.57186 12.4719 9.77138 12.0525 10.0185 11.6665H3.54399C2.50897 11.6665 1.66992 12.5055 1.66992 13.5406V14.022C1.66992 14.7659 1.93535 15.4855 2.41849 16.0513C3.72374 17.5798 5.71209 18.3341 8.33364 18.3341C9.10963 18.3341 9.83024 18.268 10.4942 18.1353C10.1948 17.791 9.93824 17.4084 9.7327 16.996C9.29642 17.0547 8.83024 17.0841 8.33364 17.0841C6.05172 17.0841 4.41349 16.4626 3.36906 15.2395C3.07918 14.9001 2.91992 14.4683 2.91992 14.022V13.5406C2.91992 13.1959 3.19932 12.9165 3.54399 12.9165H9.42824ZM8.33364 1.67041C10.6348 1.67041 12.5003 3.53589 12.5003 5.83708C12.5003 8.13826 10.6348 10.0037 8.33364 10.0037C6.03245 10.0037 4.16697 8.13826 4.16697 5.83708C4.16697 3.53589 6.03245 1.67041 8.33364 1.67041ZM8.33364 2.92041C6.72281 2.92041 5.41697 4.22625 5.41697 5.83708C5.41697 7.44791 6.72281 8.75374 8.33364 8.75374C9.94447 8.75374 11.2503 7.44791 11.2503 5.83708C11.2503 4.22625 9.94447 2.92041 8.33364 2.92041ZM19.167 14.5832C19.167 17.1145 17.1149 19.1665 14.5836 19.1665C12.0523 19.1665 10.0003 17.1145 10.0003 14.5832C10.0003 12.0519 12.0523 9.99988 14.5836 9.99988C17.1149 9.99988 19.167 12.0519 19.167 14.5832ZM15.2949 12.2053C15.1322 12.0426 14.8684 12.0426 14.7057 12.2053C14.543 12.368 14.543 12.6318 14.7057 12.7945L16.0777 14.1665H12.5003C12.2702 14.1665 12.0836 14.3531 12.0836 14.5832C12.0836 14.8133 12.2702 14.9999 12.5003 14.9999H16.0778L14.7057 16.372C14.543 16.5347 14.543 16.7985 14.7057 16.9612C14.8684 17.1239 15.1322 17.1239 15.2949 16.9612L17.3783 14.8779C17.4226 14.8336 17.4548 14.7818 17.475 14.7266C17.4905 14.6842 17.4994 14.6385 17.5002 14.5909L17.5003 14.5832C17.5003 14.5189 17.4857 14.458 17.4597 14.4037C17.447 14.3769 17.4312 14.3513 17.4124 14.3272C17.4009 14.3124 17.3883 14.2983 17.3748 14.2852L15.2949 12.2053Z",
+    fill: "#5B5B81"
+  }));
+};
+
+export { IconPersonArrowRight, IconPersonArrowRight as default };

package/components/SVGIcons/IconUserMinus.d.ts

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

package/components/SVGIcons/IconUserMinus.js

@@ -0,0 +1,33 @@
+import { _ as _defineProperty } from '../../defineProperty-2ff83f38.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-de618fd6.js';
+
+var IconUserMinus = function IconUserMinus(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M13.3327 15H18.3327M9.99935 12.9167H6.24935C5.08638 12.9167 4.50489 12.9167 4.03173 13.0602C2.96639 13.3834 2.13272 14.217 1.80955 15.2824C1.66602 15.7555 1.66602 16.337 1.66602 17.5M12.0827 6.25C12.0827 8.32107 10.4038 10 8.33268 10C6.26161 10 4.58268 8.32107 4.58268 6.25C4.58268 4.17893 6.26161 2.5 8.33268 2.5C10.4038 2.5 12.0827 4.17893 12.0827 6.25Z",
+    stroke: "#5B5B81",
+    strokeWidth: "1.66667",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+
+export { IconUserMinus, IconUserMinus as default };

package/components/SVGIcons/index.d.ts

@@ -222,6 +222,8 @@ export * from './IconPersonAccount';
 export * from './IconPersonAccountFilled';
 export * from './IconPersonAdd';
 export * from './IconPersonAddFilled';
+export * from './IconPersonArrowLeft';
+export * from './IconPersonArrowRight';
 export * from './IconPersonBoard';
 export * from './IconPersonFilled';
 export * from './IconPersonStar';
@@ -283,6 +285,7 @@ export * from './IconUnitsEmployee';
 export * from './IconUpload';
 export * from './IconUsd';
 export * from './IconUsdFilled';
+export * from './IconUserMinus';
 export * from './IconVideo';
 export * from './IconVideoFilled';
 export * from './IconWallet';

package/components/SVGIcons/index.js

@@ -222,6 +222,8 @@ export { IconPersonAccount } from './IconPersonAccount.js';
 export { IconPersonAccountFilled } from './IconPersonAccountFilled.js';
 export { IconPersonAdd } from './IconPersonAdd.js';
 export { IconPersonAddFilled } from './IconPersonAddFilled.js';
+export { IconPersonArrowLeft } from './IconPersonArrowLeft.js';
+export { IconPersonArrowRight } from './IconPersonArrowRight.js';
 export { IconPersonBoard } from './IconPersonBoard.js';
 export { IconPersonFilled } from './IconPersonFilled.js';
 export { IconPersonStar } from './IconPersonStar.js';
@@ -283,6 +285,7 @@ export { IconUnitsEmployee } from './IconUnitsEmployee.js';
 export { IconUpload } from './IconUpload.js';
 export { IconUsd } from './IconUsd.js';
 export { IconUsdFilled } from './IconUsdFilled.js';
+export { IconUserMinus } from './IconUserMinus.js';
 export { IconVideo } from './IconVideo.js';
 export { IconVideoFilled } from './IconVideoFilled.js';
 export { IconWallet } from './IconWallet.js';

package/index.js

@@ -276,6 +276,8 @@ export { IconPersonAccount } from './components/SVGIcons/IconPersonAccount.js';
 export { IconPersonAccountFilled } from './components/SVGIcons/IconPersonAccountFilled.js';
 export { IconPersonAdd } from './components/SVGIcons/IconPersonAdd.js';
 export { IconPersonAddFilled } from './components/SVGIcons/IconPersonAddFilled.js';
+export { IconPersonArrowLeft } from './components/SVGIcons/IconPersonArrowLeft.js';
+export { IconPersonArrowRight } from './components/SVGIcons/IconPersonArrowRight.js';
 export { IconPersonBoard } from './components/SVGIcons/IconPersonBoard.js';
 export { IconPersonFilled } from './components/SVGIcons/IconPersonFilled.js';
 export { IconPersonStar } from './components/SVGIcons/IconPersonStar.js';
@@ -337,6 +339,7 @@ export { IconUnitsEmployee } from './components/SVGIcons/IconUnitsEmployee.js';
 export { IconUpload } from './components/SVGIcons/IconUpload.js';
 export { IconUsd } from './components/SVGIcons/IconUsd.js';
 export { IconUsdFilled } from './components/SVGIcons/IconUsdFilled.js';
+export { IconUserMinus } from './components/SVGIcons/IconUserMinus.js';
 export { IconVideo } from './components/SVGIcons/IconVideo.js';
 export { IconVideoFilled } from './components/SVGIcons/IconVideoFilled.js';
 export { IconWallet } from './components/SVGIcons/IconWallet.js';

package/package.json

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