@synerise/ds-avatar-group 1.1.26 → 1.1.28

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.28](https://github.com/Synerise/synerise-design/compare/@synerise/ds-avatar-group@1.1.27...@synerise/ds-avatar-group@1.1.28) (2026-04-01)
+
+**Note:** Version bump only for package @synerise/ds-avatar-group
+
+## [1.1.27](https://github.com/Synerise/synerise-design/compare/@synerise/ds-avatar-group@1.1.26...@synerise/ds-avatar-group@1.1.27) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-avatar-group
+
 ## [1.1.26](https://github.com/Synerise/synerise-design/compare/@synerise/ds-avatar-group@1.1.25...@synerise/ds-avatar-group@1.1.26) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-avatar-group

package/dist/AvatarGroup.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type AvatarGroupProps } from './AvatarGroup.types';
+import { default as React } from 'react';
+import { AvatarGroupProps } from './AvatarGroup.types';
 declare const AvatarGroup: React.FC<AvatarGroupProps>;
 export default AvatarGroup;

package/dist/AvatarGroup.js

@@ -1,69 +1,52 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import Avatar from '@synerise/ds-avatar';
-import Badge from '@synerise/ds-badge';
-import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
-import * as S from './AvatarGroup.styles';
-import GroupModal from './Modal/GroupModal';
-var AvatarGroup = function AvatarGroup(_ref) {
-  var dataSource = _ref.dataSource,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    hasStatus = _ref.hasStatus,
-    _ref$numberOfVisibleU = _ref.numberOfVisibleUsers,
-    numberOfVisibleUsers = _ref$numberOfVisibleU === void 0 ? 3 : _ref$numberOfVisibleU,
-    moreInfoTooltip = _ref.moreInfoTooltip,
-    groupModal = _ref.groupModal;
-  var _React$useState = React.useState(false),
-    modalVisible = _React$useState[0],
-    setModalVisible = _React$useState[1];
-  var hideModal = React.useCallback(function () {
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import Avatar from "@synerise/ds-avatar";
+import Badge from "@synerise/ds-badge";
+import Tooltip from "@synerise/ds-tooltip/dist/Tooltip";
+import { MoreInfo, Group } from "./AvatarGroup.styles.js";
+import GroupModal from "./Modal/GroupModal.js";
+const AvatarGroup = ({
+  dataSource,
+  size = "medium",
+  hasStatus,
+  numberOfVisibleUsers = 3,
+  moreInfoTooltip,
+  groupModal
+}) => {
+  const [modalVisible, setModalVisible] = React.useState(false);
+  const hideModal = React.useCallback(() => {
     setModalVisible(false);
   }, [setModalVisible]);
-  var showModal = React.useCallback(function () {
+  const showModal = React.useCallback(() => {
     if (groupModal) {
       setModalVisible(true);
     }
   }, [setModalVisible, groupModal]);
-  var dataSourceWithKeys = React.useMemo(function () {
-    return dataSource.map(function (avatar, index) {
-      return _extends({}, avatar, {
-        key: avatar.initials + "-" + index
-      });
-    });
+  const dataSourceWithKeys = React.useMemo(() => {
+    return dataSource.map((avatar, index) => ({
+      ...avatar,
+      key: `${avatar.initials}-${index}`
+    }));
   }, [dataSource]);
-  var renderMoreInfo = React.useMemo(function () {
-    var diff = dataSource.length - numberOfVisibleUsers;
-    return diff > 0 && /*#__PURE__*/React.createElement(Tooltip, {
-      title: diff + " " + moreInfoTooltip
-    }, /*#__PURE__*/React.createElement(S.MoreInfo, {
-      onClick: showModal,
-      size: size
-    }, "+", diff));
+  const renderMoreInfo = React.useMemo(() => {
+    const diff = dataSource.length - numberOfVisibleUsers;
+    return diff > 0 && /* @__PURE__ */ jsx(Tooltip, { title: `${diff} ${moreInfoTooltip}`, children: /* @__PURE__ */ jsxs(MoreInfo, { onClick: showModal, size, children: [
+      "+",
+      diff
+    ] }) });
   }, [dataSource, numberOfVisibleUsers, size, moreInfoTooltip, showModal]);
-  var renderGroupModal = React.useMemo(function () {
+  const renderGroupModal = React.useMemo(() => {
     if (!groupModal) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(GroupModal, _extends({}, groupModal, {
-      visible: modalVisible,
-      hideModal: hideModal,
-      dataSource: dataSource,
-      showStatus: Boolean(hasStatus)
-    }));
+    return /* @__PURE__ */ jsx(GroupModal, { ...groupModal, visible: modalVisible, hideModal, dataSource, showStatus: Boolean(hasStatus) });
   }, [dataSource, groupModal, modalVisible, hideModal, hasStatus]);
-  return /*#__PURE__*/React.createElement(S.Group, {
-    size: size,
-    className: "ds-avatar-group"
-  }, dataSourceWithKeys.slice(0, numberOfVisibleUsers).map(function (avatar) {
-    return /*#__PURE__*/React.createElement(Badge, {
-      key: avatar.key,
-      status: avatar.status
-    }, /*#__PURE__*/React.createElement(Avatar, _extends({
-      size: size,
-      shape: "circle",
-      hasStatus: hasStatus
-    }, avatar.avatarProps), avatar.initials));
-  }), renderMoreInfo, renderGroupModal);
+  return /* @__PURE__ */ jsxs(Group, { size, className: "ds-avatar-group", children: [
+    dataSourceWithKeys.slice(0, numberOfVisibleUsers).map((avatar) => /* @__PURE__ */ jsx(Badge, { status: avatar.status, children: /* @__PURE__ */ jsx(Avatar, { size, shape: "circle", hasStatus, ...avatar.avatarProps, children: avatar.initials }) }, avatar.key)),
+    renderMoreInfo,
+    renderGroupModal
+  ] });
+};
+export {
+  AvatarGroup as default
 };
-export default AvatarGroup;

package/dist/AvatarGroup.styles.d.ts

@@ -1,7 +1,7 @@
-import { type Size } from './AvatarGroup.types';
-export declare const Group: import("styled-components").StyledComponent<"div", any, {
+import { Size } from './AvatarGroup.types';
+export declare const Group: import('styled-components').StyledComponent<"div", any, {
     size?: Size;
 }, never>;
-export declare const MoreInfo: import("styled-components").StyledComponent<({ backgroundColor, backgroundColorHue, children, disabled, hasStatus, iconComponent, iconScale, tooltip, size, src, ...antdProps }: import("@synerise/ds-avatar").AvatarProps) => React.JSX.Element, any, {
+export declare const MoreInfo: import('styled-components').StyledComponent<({ backgroundColor, backgroundColorHue, children, disabled, hasStatus, iconComponent, iconScale, tooltip, size, src, ...antdProps }: import('@synerise/ds-avatar').AvatarProps) => React.JSX.Element, any, {
     onClick: () => void;
 }, never>;

package/dist/AvatarGroup.styles.js

@@ -1,42 +1,34 @@
-import styled, { css } from 'styled-components';
-import Avatar from '@synerise/ds-avatar';
-var MARGINS = {
-  small: '-8px',
-  medium: '-12px',
-  large: '-16px'
+import styled, { css } from "styled-components";
+import Avatar from "@synerise/ds-avatar";
+const MARGINS = {
+  small: "-8px",
+  medium: "-12px",
+  large: "-16px"
 };
-var applyMarginLeft = function applyMarginLeft(size) {
-  return css(["margin-left:", ";"], size ? MARGINS[size] : '16px');
+const applyMarginLeft = (size) => {
+  return css(["margin-left:", ";"], size ? MARGINS[size] : "16px");
 };
-export var Group = styled.div.withConfig({
+const Group = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AvatarGroupstyles__Group",
   componentId: "sc-19wl6zd-0"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;&&{.ant-badge{transition:all 0.3s ease;", ";&:first-of-type{margin-left:0;}.ant-badge-dot{transition:all 0.3s ease;opacity:0;}.ant-avatar{pointer-events:none;box-shadow:0 0 0 2px ", ";}}&:hover{.ant-badge{margin-left:8px;&:first-of-type{margin-left:0;}.ant-badge-dot{opacity:1;}.ant-avatar{pointer-events:all;box-shadow:0 0 0 2px ", ";}}}}"], function (props) {
-  return applyMarginLeft(props.size);
-}, function (props) {
-  return props.theme.palette.white + "FF";
-}, function (props) {
-  return props.theme.palette.white + "00";
-});
-export var MoreInfo = styled(Avatar).withConfig({
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;&&{.ant-badge{transition:all 0.3s ease;", ";&:first-of-type{margin-left:0;}.ant-badge-dot{transition:all 0.3s ease;opacity:0;}.ant-avatar{pointer-events:none;box-shadow:0 0 0 2px ", ";}}&:hover{.ant-badge{margin-left:8px;&:first-of-type{margin-left:0;}.ant-badge-dot{opacity:1;}.ant-avatar{pointer-events:all;box-shadow:0 0 0 2px ", ";}}}}"], (props) => applyMarginLeft(props.size), (props) => `${props.theme.palette.white}FF`, (props) => `${props.theme.palette.white}00`);
+const MoreInfo = /* @__PURE__ */ styled(Avatar).withConfig({
   displayName: "AvatarGroupstyles__MoreInfo",
   componentId: "sc-19wl6zd-1"
-})(["&&{margin-left:8px;background:", ";border:1px solid ", ";color:", ";span{color:", " !important;}::after,::before{display:none;}&:hover,&:active{color:", ";border-color:", ";}}"], function (_ref) {
-  var theme = _ref.theme;
-  return theme.palette.white;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.palette['grey-300'];
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.palette['grey-400'];
-}, function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.palette['grey-400'];
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.palette['grey-500'];
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.palette['grey-500'];
-});
+})(["&&{margin-left:8px;background:", ";border:1px solid ", ";color:", ";span{color:", " !important;}::after,::before{display:none;}&:hover,&:active{color:", ";border-color:", ";}}"], ({
+  theme
+}) => theme.palette.white, ({
+  theme
+}) => theme.palette["grey-300"], ({
+  theme
+}) => theme.palette["grey-400"], ({
+  theme
+}) => theme.palette["grey-400"], ({
+  theme
+}) => theme.palette["grey-500"], ({
+  theme
+}) => theme.palette["grey-500"]);
+export {
+  Group,
+  MoreInfo
+};

package/dist/AvatarGroup.types.d.ts

@@ -1,6 +1,6 @@
-import type React from 'react';
-import { type AvatarProps } from '@synerise/ds-avatar/dist/Avatar.types';
-import type { BadgeProps } from '@synerise/ds-badge/dist/Badge.types';
+import { default as React } from 'react';
+import { AvatarProps } from '@synerise/ds-avatar/dist/Avatar.types';
+import { BadgeProps } from '@synerise/ds-badge/dist/Badge.types';
 export type Size = 'small' | 'medium' | 'large';
 export type DataSource = Omit<BadgeProps, 'children'> & {
     initials: string;

package/dist/AvatarGroup.types.js

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

package/dist/Modal/GroupModal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type GroupModalProps } from './GroupModal.types';
+import { default as React } from 'react';
+import { GroupModalProps } from './GroupModal.types';
 declare const GroupModal: ({ renderRowMenu, title, listTitle, dataSource, visible, hideModal, showStatus, handleInvite, handleOk, okText, cancelText, inviteText, }: GroupModalProps) => React.JSX.Element;
 export default GroupModal;

package/dist/Modal/GroupModal.js

@@ -1,99 +1,55 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import Avatar from '@synerise/ds-avatar';
-import Badge from '@synerise/ds-badge';
-import Button from '@synerise/ds-button';
-import Dropdown from '@synerise/ds-dropdown';
-import Icon, { OptionHorizontalM } from '@synerise/ds-icon';
-import ModalProxy from '@synerise/ds-modal';
-import { TableCell, VirtualTable } from '@synerise/ds-table';
-import * as S from './GroupModal.styles';
-var GroupModal = function GroupModal(_ref) {
-  var renderRowMenu = _ref.renderRowMenu,
-    title = _ref.title,
-    listTitle = _ref.listTitle,
-    dataSource = _ref.dataSource,
-    visible = _ref.visible,
-    hideModal = _ref.hideModal,
-    showStatus = _ref.showStatus,
-    handleInvite = _ref.handleInvite,
-    handleOk = _ref.handleOk,
-    okText = _ref.okText,
-    cancelText = _ref.cancelText,
-    inviteText = _ref.inviteText;
-  var getColums = React.useMemo(function () {
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import Avatar from "@synerise/ds-avatar";
+import Badge from "@synerise/ds-badge";
+import Button from "@synerise/ds-button";
+import Dropdown from "@synerise/ds-dropdown";
+import Icon, { OptionHorizontalM } from "@synerise/ds-icon";
+import ModalProxy from "@synerise/ds-modal";
+import { TableCell, VirtualTable } from "@synerise/ds-table";
+import { ModalFooter, FooterSettings, FooterActions } from "./GroupModal.styles.js";
+const GroupModal = ({
+  renderRowMenu,
+  title,
+  listTitle,
+  dataSource,
+  visible,
+  hideModal,
+  showStatus,
+  handleInvite,
+  handleOk,
+  okText,
+  cancelText,
+  inviteText
+}) => {
+  const getColums = React.useMemo(() => {
     return [{
-      key: 'avatarProps',
-      dataIndex: 'avatarProps',
-      render: function render(avatar, record) {
-        return /*#__PURE__*/React.createElement(TableCell.AvatarLabelCell, {
-          avatar: /*#__PURE__*/React.createElement(Badge, {
-            key: record.id,
-            status: record.status
-          }, /*#__PURE__*/React.createElement(Avatar, _extends({}, avatar, {
-            hasStatus: showStatus,
-            size: "medium",
-            shape: "circle"
-          }), record.initials)),
-          textSize: "small",
-          title: record.firstname + " " + record.lastname,
-          labels: [record.email]
-        });
+      key: "avatarProps",
+      dataIndex: "avatarProps",
+      render: (avatar, record) => {
+        return /* @__PURE__ */ jsx(TableCell.AvatarLabelCell, { avatar: /* @__PURE__ */ jsx(Badge, { status: record.status, children: /* @__PURE__ */ jsx(Avatar, { ...avatar, hasStatus: showStatus, size: "medium", shape: "circle", children: record.initials }) }, record.id), textSize: "small", title: `${record.firstname} ${record.lastname}`, labels: [record.email] });
       }
     }, {
-      key: 'actions',
-      dataIndex: 'id',
+      key: "actions",
+      dataIndex: "id",
       width: 72,
-      render: function render(id, record) {
-        return /*#__PURE__*/React.createElement(TableCell.ActionCell, {
-          contentAlign: "right"
-        }, /*#__PURE__*/React.createElement(Dropdown, {
-          asChild: true,
-          overlay: renderRowMenu(record),
-          trigger: ['click'],
-          placement: "bottomRight",
-          popoverProps: {
-            testId: 'avatar-group-actions'
-          }
-        }, /*#__PURE__*/React.createElement(Button, {
-          type: "ghost",
-          mode: "single-icon"
-        }, /*#__PURE__*/React.createElement(Icon, {
-          component: /*#__PURE__*/React.createElement(OptionHorizontalM, null)
-        }))));
-      }
+      render: (id, record) => /* @__PURE__ */ jsx(TableCell.ActionCell, { contentAlign: "right", children: /* @__PURE__ */ jsx(Dropdown, { asChild: true, overlay: renderRowMenu(record), trigger: ["click"], placement: "bottomRight", popoverProps: {
+        testId: "avatar-group-actions"
+      }, children: /* @__PURE__ */ jsx(Button, { type: "ghost", mode: "single-icon", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(OptionHorizontalM, {}) }) }) }) })
     }];
   }, [renderRowMenu, showStatus]);
-  return /*#__PURE__*/React.createElement(ModalProxy, {
-    bodyStyle: {
-      padding: 0
-    },
-    size: "small",
-    title: title,
-    closable: true,
-    visible: visible,
-    onCancel: hideModal,
-    footer: /*#__PURE__*/React.createElement(S.ModalFooter, null, /*#__PURE__*/React.createElement(S.FooterSettings, null, /*#__PURE__*/React.createElement(Button, {
-      type: "secondary",
-      onClick: handleInvite
-    }, inviteText)), /*#__PURE__*/React.createElement(S.FooterActions, null, /*#__PURE__*/React.createElement(Button, {
-      type: "ghost",
-      onClick: hideModal
-    }, cancelText), /*#__PURE__*/React.createElement(Button, {
-      type: "primary",
-      onClick: handleOk
-    }, okText)))
-  }, /*#__PURE__*/React.createElement(VirtualTable, {
-    hideColumnNames: true,
-    title: listTitle,
-    columns: getColums,
-    scroll: {
-      y: 430
-    },
-    cellHeight: 64,
-    initialWidth: 520,
-    dataSource: dataSource,
-    rowKey: "id"
-  }));
+  return /* @__PURE__ */ jsx(ModalProxy, { bodyStyle: {
+    padding: 0
+  }, size: "small", title, closable: true, visible, onCancel: hideModal, footer: /* @__PURE__ */ jsxs(ModalFooter, { children: [
+    /* @__PURE__ */ jsx(FooterSettings, { children: /* @__PURE__ */ jsx(Button, { type: "secondary", onClick: handleInvite, children: inviteText }) }),
+    /* @__PURE__ */ jsxs(FooterActions, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "ghost", onClick: hideModal, children: cancelText }),
+      /* @__PURE__ */ jsx(Button, { type: "primary", onClick: handleOk, children: okText })
+    ] })
+  ] }), children: /* @__PURE__ */ jsx(VirtualTable, { hideColumnNames: true, title: listTitle, columns: getColums, scroll: {
+    y: 430
+  }, cellHeight: 64, initialWidth: 520, dataSource, rowKey: "id" }) });
+};
+export {
+  GroupModal as default
 };
-export default GroupModal;

package/dist/Modal/GroupModal.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const ModalFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FooterSettings: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FooterActions: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ModalFooter: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const FooterSettings: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const FooterActions: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Modal/GroupModal.styles.js

@@ -1,13 +1,18 @@
-import styled from 'styled-components';
-export var ModalFooter = styled.div.withConfig({
+import styled from "styled-components";
+const ModalFooter = /* @__PURE__ */ styled.div.withConfig({
   displayName: "GroupModalstyles__ModalFooter",
   componentId: "sc-s1kau3-0"
 })(["display:flex;flex-wrap:nowrap;"]);
-export var FooterSettings = styled.div.withConfig({
+const FooterSettings = /* @__PURE__ */ styled.div.withConfig({
   displayName: "GroupModalstyles__FooterSettings",
   componentId: "sc-s1kau3-1"
 })(["width:100%;display:flex;"]);
-export var FooterActions = styled.div.withConfig({
+const FooterActions = /* @__PURE__ */ styled.div.withConfig({
   displayName: "GroupModalstyles__FooterActions",
   componentId: "sc-s1kau3-2"
-})(["display:flex;"]);
+})(["display:flex;"]);
+export {
+  FooterActions,
+  FooterSettings,
+  ModalFooter
+};

package/dist/Modal/GroupModal.types.d.ts

@@ -1,4 +1,4 @@
-import { type DataSource, type GroupModalSettings } from '../AvatarGroup.types';
+import { DataSource, GroupModalSettings } from '../AvatarGroup.types';
 export type GroupModalProps = GroupModalSettings & {
     visible: boolean;
     hideModal: () => void;

package/dist/Modal/GroupModal.types.js

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

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './AvatarGroup';
+import { default as default2 } from "./AvatarGroup.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-avatar-group",
-  "version": "1.1.26",
+  "version": "1.1.28",
   "description": "AvatarGroup UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,14 +35,14 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-avatar": "^1.3.4",
-    "@synerise/ds-badge": "^1.0.43",
-    "@synerise/ds-button": "^1.5.17",
-    "@synerise/ds-dropdown": "^1.3.1",
-    "@synerise/ds-icon": "^1.15.0",
-    "@synerise/ds-modal": "^1.4.0",
-    "@synerise/ds-table": "^1.9.11",
-    "@synerise/ds-tooltip": "^1.4.9"
+    "@synerise/ds-avatar": "^1.3.6",
+    "@synerise/ds-badge": "^1.0.45",
+    "@synerise/ds-button": "^1.5.19",
+    "@synerise/ds-dropdown": "^1.3.3",
+    "@synerise/ds-icon": "^1.15.2",
+    "@synerise/ds-modal": "^1.4.2",
+    "@synerise/ds-table": "^1.9.13",
+    "@synerise/ds-tooltip": "^1.4.11"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -50,5 +50,5 @@
     "styled-components": "^5.3.3",
     "vitest": "4"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "c2384982c3533a31eb5e5e0408f8dcecb2b0f399"
 }