@synerise/ds-item-picker 2.1.3 → 2.2.0

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@2.1.4...@synerise/ds-item-picker@2.2.0) (2026-10-20)
+
+
+### Bug Fixes
+
+* **utils:** let measured list rows shrink back to their content ([f04903d](https://github.com/Synerise/synerise-design/commit/f04903dc40ddbec33850946045c02f914569aeb7))
+
+
+### Features
+
+* **item-picker:** info tooltip on section title rows ([ed8fb07](https://github.com/Synerise/synerise-design/commit/ed8fb0722e094c32e3ac5af2370cbb070db9f402))
+
+
+
+
+
+## [2.1.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@2.1.3...@synerise/ds-item-picker@2.1.4) (2026-10-09)
+
+**Note:** Version bump only for package @synerise/ds-item-picker
+
+
+
+
+
 ## [2.1.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-item-picker@2.1.2...@synerise/ds-item-picker@2.1.3) (2026-09-24)
 
 **Note:** Version bump only for package @synerise/ds-item-picker

package/CLAUDE.md

@@ -199,7 +199,7 @@ The standalone trigger button, exported for custom dropdown implementations.
 | `ItemSelectHandler` | `onItemSelect` callback type |
 | `ItemPickerListAPI` | Ref handle type |
 | `BaseItemType` | Minimum item shape |
-| `BaseSectionType` | Minimum section shape |
+| `BaseSectionType` | Minimum section shape; optional `tooltip` puts an info icon with that tooltip on the section's title row |
 | `BaseSectionTypeWithFolders` | Section with optional `folders` tree |
 | `ItemPickerListTexts` | All 23 localisation text keys |
 | `Action` | Union of action types |
@@ -249,7 +249,7 @@ const loaderConfig: ItemLoaderConfig<MyItem> = {
  isNewVersion
  items={loaderConfig}
  sections={[
- { id: 'seg', text: 'Segmentations', folders: [{ id: 'f1', text: 'Folder A' }] },
+ { id: 'seg', text: 'Segmentations', folders: [{ id: 'f1', text: 'Folder A', tooltip: 'What Folder A holds' }] },
  ]}
  onSectionChange={(section) => console.log('navigated to', section)}
  onChange={handleChange}
@@ -315,6 +315,8 @@ import { ItemPickerList } from '@synerise/ds-item-picker';
 - **AbortController**: each `loadItems` call gets a fresh `AbortController`; the previous one is aborted on re-trigger (section change, search, refresh).
 - **Search action trigger**: typing `/` into the search bar activates the global actions list (`listActions = searchQuery === '/'`).
 - **Infinite scroll**: only active for `ItemLoaderConfig` items in `LIST_ITEMS` render mode. Pages are tracked via `pageToLoad.current`; deduplication relies on the caller returning accurate `total`.
+- **Section tooltips**: a section's `tooltip` renders on its **title row** only (an `InfoFillS` icon in `ds-tooltip`), never on the folder row that opens it. Top-level section titles take it in `LIST_FOLDERS_IN_SECTIONS`; a folder's title (or title path, e.g. "Attributes - Ready to use") takes it when its items are listed under it. The icon sits in a negative-margin wrapper so the title stays as tall as its `ITEM_SIZE.title` estimate.
+- **Measured row heights**: rows report real heights through `useMeasuredRowHeights` (`@synerise/ds-utils`). Each row's floor is its **estimate** (`getMeasuredRowStyle(style, getEstimatedItemSize(index))`), never react-window's `style.height`, so a row measures shorter again when its key last stood for a taller row. Row keys are `itemKey ?? key ?? id`, falling back to the position only for rows with no id at all.
 - **Section/folder rendering modes** (`renderMode.ts`):
  - `LIST_ITEMS` — flat list
  - `LIST_ITEMS_IN_SECTIONS` — items grouped under section headers
@@ -324,6 +326,6 @@ import { ItemPickerList } from '@synerise/ds-item-picker';
 - **`isObjectDeleted` prop** (on `ItemPickerNew`, `ItemPickerLegacy`, and the shared `Trigger`) flags a selected item that no longer exists. When `true`, `Trigger.styles` renders `ValueText` in `red-600` and skips the grey-600 `Prefix` icon override so the deleted state reads visually. It only affects the selected-value display — it has no effect while showing the placeholder.
 - **Several `ItemPickerTriggerProps` fields are `@deprecated`**: `clear`, `changeButtonLabel`, `clearConfirmTitle`, `yesText`, `noText` — move to `texts` object.
 - **`Props` alias** in `Trigger.types.ts` is marked `@deprecated`; use `ItemPickerTriggerProps`.
-- **Tests use Jest** (`jest.config.js` present); the package has not been migrated to Vitest.
+- **Tests use Vitest** (`vitest run`); the root `@testing-library/user-event` is v10, so there is no `userEvent.hover` — a `ds-tooltip` cannot be opened from these specs.
 - The search-bar `searchPlaceholder` in `ItemPickerNew` must be overridden via `texts.searchPlaceholder` (not a top-level prop), unlike `ItemPickerLegacy` where it is a direct prop.
 - `ItemPickerList` generates a unique per-instance CSS class via `uuid()` on mount; `focusWithArrowKeys` from `@synerise/ds-utils` uses this class for keyboard navigation.

package/dist/components/ItemPickerList/ItemPickerList.js

@@ -156,7 +156,7 @@ const ItemPickerListInner = ({
     }
     return ITEM_SIZE[item.size || itemSizes.DEFAULT];
   }, [mergedItemsList]);
-  const rowKeys = useMemo(() => mergedItemsList.map((item, index) => isTitle(item) ? `title-${index}` : item.itemKey ?? item.key ?? index), [mergedItemsList]);
+  const rowKeys = useMemo(() => mergedItemsList.map((item, index) => isTitle(item) ? `title-${index}` : item.itemKey ?? item.key ?? item.id ?? `row-${index}`), [mergedItemsList]);
   const {
     listRef,
     getItemSize,
@@ -169,6 +169,7 @@ const ItemPickerListInner = ({
     dataSource: mergedItemsList,
     classNames,
     getItemSize,
+    getEstimatedItemSize,
     measureRow,
     texts: allTexts,
     infiniteScroll: {
@@ -176,7 +177,7 @@ const ItemPickerListInner = ({
       hasMore: !isLoadedAll,
       hasError: isLoadingMoreError
     }
-  }), [mergedItemsList, classNames, getItemSize, measureRow, allTexts, isLoadingMore, isLoadedAll, isLoadingMoreError]);
+  }), [mergedItemsList, classNames, getItemSize, getEstimatedItemSize, measureRow, allTexts, isLoadingMore, isLoadedAll, isLoadingMoreError]);
   const handleRefresh = onRefresh || refreshItems ? () => {
     changeSearchQuery("");
     setSearchByParamConfig(void 0);

package/dist/components/ItemPickerList/ItemPickerList.styles.d.ts

@@ -26,6 +26,8 @@ export declare const SkeletonWrapper: import('styled-components').StyledComponen
     wrapperHeight?: number;
 }, never>;
 export declare const Title: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const TitleWithTooltip: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const TitleTooltipIcon: import('styled-components').StyledComponent<"div", any, {}, never>;
 export declare const SectionTitleWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
 export declare const InfiniteLoaderItemWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
 export declare const Loader: import('styled-components').StyledComponent<({ size, label, labelPosition, color, percent, percentFormatter, text, fontSize, mode, className, }: import('@synerise/ds-loader/dist/Loader.types').LoaderProps) => React.JSX.Element, any, {}, never>;

package/dist/components/ItemPickerList/ItemPickerList.styles.js

@@ -64,17 +64,25 @@ const Title = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ItemPickerListstyles__Title",
   componentId: "sc-1r33ill-13"
 })(["font-size:10px;line-height:1.6;font-weight:500;text-transform:uppercase;color:", ";padding:8px 12px;"], (props) => props.theme.palette["grey-500"]);
+const TitleWithTooltip = /* @__PURE__ */ styled.div.withConfig({
+  displayName: "ItemPickerListstyles__TitleWithTooltip",
+  componentId: "sc-1r33ill-14"
+})(["display:flex;align-items:center;"]);
+const TitleTooltipIcon = /* @__PURE__ */ styled.div.withConfig({
+  displayName: "ItemPickerListstyles__TitleTooltipIcon",
+  componentId: "sc-1r33ill-15"
+})(["display:flex;margin:-4px 0;color:", ";"], (props) => props.theme.palette["grey-400"]);
 const SectionTitleWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ItemPickerListstyles__SectionTitleWrapper",
-  componentId: "sc-1r33ill-14"
+  componentId: "sc-1r33ill-16"
 })([""]);
 const InfiniteLoaderItemWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ItemPickerListstyles__InfiniteLoaderItemWrapper",
-  componentId: "sc-1r33ill-15"
+  componentId: "sc-1r33ill-17"
 })([""]);
 const Loader = /* @__PURE__ */ styled(DSLoader).withConfig({
   displayName: "ItemPickerListstyles__Loader",
-  componentId: "sc-1r33ill-16"
+  componentId: "sc-1r33ill-18"
 })(["justify-content:flex-start;"]);
 export {
   EmptyStates,
@@ -93,5 +101,7 @@ export {
   SkeletonWrapper,
   StyledList,
   StyledScrollbar,
-  Title
+  Title,
+  TitleTooltipIcon,
+  TitleWithTooltip
 };

package/dist/components/ItemPickerList/ItemPickerList.types.d.ts

@@ -1,9 +1,10 @@
-import { Ref } from 'react';
+import { ReactNode, Ref } from 'react';
 import { ListItemProps } from '@synerise/ds-list-item';
 import { BaseItemType, BaseSectionType, BaseSectionTypeWithFolders } from '../ItemPickerNew/types/baseItemSectionType.types';
 export type ItemSelectHandler<ItemType extends BaseItemType, SectionType extends BaseSectionType | undefined> = SectionType extends BaseSectionType ? (item: ItemType, section?: BaseSectionTypeWithFolders<BaseSectionType>) => void : (item: ItemType) => void;
 export type TitleListItemProps = Omit<ListItemProps, 'type'> & {
     type: 'title';
+    tooltip?: ReactNode;
 };
 export type ItemPickerListAPI = {
     reloadActiveSection: () => void;

package/dist/components/ItemPickerList/components/ItemPickerListRow.d.ts

@@ -9,6 +9,7 @@ export type ItemPickerListRowProps = {
         dataSource: Array<ListItemProps | TitleListItemProps>;
         classNames: string;
         getItemSize: (index: number) => number;
+        getEstimatedItemSize: (index: number) => number;
         measureRow: (index: number, height: number) => void;
         texts: ItemPickerListTexts;
         infiniteScroll?: {
@@ -18,4 +19,4 @@ export type ItemPickerListRowProps = {
         };
     };
 };
-export declare const ItemPickerListRow: ({ index, style, data: { dataSource, classNames, getItemSize, measureRow, infiniteScroll, texts, }, }: PropsWithChildren<ItemPickerListRowProps>) => React.JSX.Element;
+export declare const ItemPickerListRow: ({ index, style, data: { dataSource, classNames, getItemSize, getEstimatedItemSize, measureRow, infiniteScroll, texts, }, }: PropsWithChildren<ItemPickerListRowProps>) => React.JSX.Element;

package/dist/components/ItemPickerList/components/ItemPickerListRow.js

@@ -1,8 +1,10 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useCallback } from "react";
+import Icon, { InfoFillS } from "@synerise/ds-icon";
 import DSListItem from "@synerise/ds-list-item";
-import { useMeasuredRow } from "@synerise/ds-utils";
-import { InfiniteLoaderItemWrapper, Title } from "../ItemPickerList.styles.js";
+import Tooltip from "@synerise/ds-tooltip";
+import { useMeasuredRow, getMeasuredRowStyle } from "@synerise/ds-utils";
+import { InfiniteLoaderItemWrapper, Title, TitleWithTooltip, TitleTooltipIcon } from "../ItemPickerList.styles.js";
 import { isTitle } from "../utils/typeguards.utils.js";
 import { InfiniteLoaderItem } from "./InfiniteLoaderItem.js";
 const INFINITE_LOADER_ITEM_HEIGHT = 48;
@@ -13,6 +15,7 @@ const ItemPickerListRow = ({
     dataSource,
     classNames,
     getItemSize,
+    getEstimatedItemSize,
     measureRow,
     infiniteScroll,
     texts
@@ -20,11 +23,7 @@ const ItemPickerListRow = ({
 }) => {
   const listItem = dataSource[index];
   const rowRef = useMeasuredRow(index, measureRow);
-  const rowStyle = {
-    ...style,
-    height: "auto",
-    minHeight: style.height
-  };
+  const rowStyle = getMeasuredRowStyle(style, getEstimatedItemSize(index));
   const lastItemHeight = getItemSize(dataSource.length - 1);
   const infiniteLoaderItem = useCallback(() => {
     if (infiniteScroll) {
@@ -46,7 +45,10 @@ const ItemPickerListRow = ({
     return null;
   }, [infiniteScroll, lastItemHeight, style, texts]);
   if (isTitle(listItem)) {
-    return /* @__PURE__ */ jsx("div", { ref: rowRef, style: rowStyle, children: /* @__PURE__ */ jsx(Title, { children: listItem.text }) });
+    return /* @__PURE__ */ jsx("div", { ref: rowRef, style: rowStyle, children: /* @__PURE__ */ jsx(Title, { children: listItem.tooltip ? /* @__PURE__ */ jsxs(TitleWithTooltip, { children: [
+      /* @__PURE__ */ jsx("span", { children: listItem.text }),
+      /* @__PURE__ */ jsx(Tooltip, { type: "default", trigger: "hover", title: listItem.tooltip, children: /* @__PURE__ */ jsx(TitleTooltipIcon, { children: /* @__PURE__ */ jsx(Icon, { size: 24, component: /* @__PURE__ */ jsx(InfoFillS, {}), "data-testid": "title-tooltip-icon" }) }) })
+    ] }) : listItem.text }) });
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { ref: rowRef, style: rowStyle, children: /* @__PURE__ */ jsx(DSListItem, { ...listItem, className: classNames }) }),

package/dist/components/ItemPickerList/hooks/useItemsInSections.js

@@ -459,6 +459,7 @@ const useItemsInSections = ({
       return getItems({
         items: itemsInFolder,
         titlePath: folder.titles,
+        titleTooltip: folder.tooltip,
         texts,
         searchQuery,
         maxItems: itemsLimitPerSection,

package/dist/components/ItemPickerList/hooks/useItemsInSections.utils.d.ts

@@ -3,9 +3,9 @@ import { ListItemProps } from '@synerise/ds-list-item';
 import { BaseItemType, BaseSectionType, BaseSectionTypeWithFolders } from '../../ItemPickerNew/types/baseItemSectionType.types';
 import { ItemPickerListTexts } from '../../ItemPickerNew/types/itemPickerListTexts.types';
 import { TitleListItemProps } from '../ItemPickerList.types';
-export declare const getFolderItem: (item: ListItemProps, onClick: ListItemProps["onClick"]) => ListItemProps;
+export declare const getFolderItem: (item: ListItemProps & Pick<BaseSectionType, "tooltip">, onClick: ListItemProps["onClick"]) => ListItemProps;
 export declare const getShowMoreItem: (label: ReactNode, onClick: ListItemProps["onClick"]) => ListItemProps;
-export declare const getTitleItem: (titleText: ReactNode) => TitleListItemProps;
+export declare const getTitleItem: (titleText: ReactNode, tooltip?: ReactNode) => TitleListItemProps;
 export declare const getListItem: <ItemType extends ListItemProps>(item: ItemType, isSelected: (item: ItemType) => boolean, searchQuery?: string, onItemSelect?: (item: ItemType) => void, renderHoverTooltip?: () => JSX.Element, isSearchParam?: boolean) => ListItemProps;
 export declare const matchesSearchQuery: (text: ReactNode, searchQuery: string) => boolean;
 export declare const getItemsSectionTitle: (texts: ItemPickerListTexts, showItemsSectionLabel: boolean, searchQuery?: string) => TitleListItemProps[];
@@ -17,9 +17,11 @@ export declare const getRecentItems: <ItemType extends BaseItemType>({ recents,
     searchQuery?: string;
     isSearchParam: boolean;
 }) => (ListItemProps | TitleListItemProps)[];
-export declare const getItems: <ItemType extends BaseItemType>({ items, texts, titlePath, searchQuery, isSelected, handleItemSelect, showItemsSectionLabel, showMoreOnClick, maxItems, isSearchParam, }: {
+export declare const getItems: <ItemType extends BaseItemType>({ items, texts, titlePath, titleTooltip, searchQuery, isSelected, handleItemSelect, showItemsSectionLabel, showMoreOnClick, maxItems, isSearchParam, }: {
     items?: ItemType[];
     titlePath?: ReactNode[];
+    /** Tooltip of the folder the items belong to, shown on the `titlePath` title row. */
+    titleTooltip?: ReactNode;
     texts: ItemPickerListTexts;
     isSelected: (item: ItemType) => boolean;
     handleItemSelect?: (item: ItemType) => void;

package/dist/components/ItemPickerList/hooks/useItemsInSections.utils.js

@@ -4,9 +4,13 @@ import InformationCard from "@synerise/ds-information-card";
 import { createTitleFromTitlePath } from "../utils/createTitleFromTitlePath.js";
 import "../../ItemPickerNew/types/actions.types.js";
 const getFolderItem = (item, onClick) => {
+  const {
+    tooltip: _sectionTooltip,
+    ...folder
+  } = item;
   return {
     prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(FolderM, {}) }),
-    ...item,
+    ...folder,
     onClick
   };
 };
@@ -17,10 +21,11 @@ const getShowMoreItem = (label, onClick) => {
     onClick
   };
 };
-const getTitleItem = (titleText) => {
+const getTitleItem = (titleText, tooltip) => {
   return {
     type: "title",
-    text: titleText
+    text: titleText,
+    tooltip
   };
 };
 const getListItem = (item, isSelected, searchQuery, onItemSelect, renderHoverTooltip, isSearchParam) => {
@@ -55,6 +60,7 @@ const getItems = ({
   items,
   texts,
   titlePath,
+  titleTooltip,
   searchQuery,
   isSelected,
   handleItemSelect,
@@ -63,7 +69,7 @@ const getItems = ({
   maxItems,
   isSearchParam
 }) => {
-  const sectionTitle = titlePath ? [getTitleItem(createTitleFromTitlePath(titlePath))] : getItemsSectionTitle(texts, showItemsSectionLabel, searchQuery);
+  const sectionTitle = titlePath ? [getTitleItem(createTitleFromTitlePath(titlePath), titleTooltip)] : getItemsSectionTitle(texts, showItemsSectionLabel, searchQuery);
   const results = items?.length ? [...sectionTitle, ...items.map((item) => getListItem(item, isSelected, searchQuery, handleItemSelect, getInformationCardTooltip(item), isSearchParam))] : [];
   if (maxItems) {
     const maxItemsWithTitle = maxItems + (sectionTitle.length ? 1 : 0);
@@ -79,7 +85,7 @@ const getFolderItems = ({
   sections
 }) => {
   return sections ? sections.reduce((itemsArray, section) => {
-    const folderItemsWithTitle = section.folders?.length ? [getTitleItem(section.text), ...section.folders.map((folder) => getFolderItem(folder, () => handleSectionChange(folder)))] : [];
+    const folderItemsWithTitle = section.folders?.length ? [getTitleItem(section.text, section.tooltip), ...section.folders.map((folder) => getFolderItem(folder, () => handleSectionChange(folder)))] : [];
     return [...itemsArray, ...folderItemsWithTitle];
   }, []) : [];
 };

package/dist/components/ItemPickerNew/types/baseItemSectionType.types.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { InformationCardProps } from '@synerise/ds-information-card';
 import { ListItemProps } from '@synerise/ds-list-item';
 import { ItemPickerListTexts } from './itemPickerListTexts.types';
@@ -5,6 +6,8 @@ export type InheritedFromListItem = Pick<ListItemProps, 'id' | 'type' | 'selecte
 export type BaseSectionType = InheritedFromListItem & {
     text: string;
     id: string | number;
+    /** Explains the section: an info icon with this tooltip follows the section's title row. */
+    tooltip?: ReactNode;
     texts?: Partial<Pick<ItemPickerListTexts, 'noResultsInSection' | 'searchAllFoldersButtonLabel'>>;
 };
 export type BaseSectionTypeWithFolders<SectionType extends BaseSectionType> = SectionType & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-item-picker",
-  "version": "2.1.3",
+  "version": "2.2.0",
   "description": "ItemPicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -42,27 +42,27 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-avatar": "^2.0.6",
-    "@synerise/ds-button": "^2.1.1",
-    "@synerise/ds-dropdown": "^2.1.3",
-    "@synerise/ds-empty-states": "^2.0.5",
-    "@synerise/ds-flag": "^2.0.1",
-    "@synerise/ds-form-field": "^2.0.6",
-    "@synerise/ds-icon": "^2.2.0",
-    "@synerise/ds-information-card": "^2.0.9",
-    "@synerise/ds-inline-alert": "^2.0.5",
-    "@synerise/ds-list-item": "^2.1.3",
+    "@synerise/ds-avatar": "^2.0.8",
+    "@synerise/ds-button": "^2.1.3",
+    "@synerise/ds-dropdown": "^2.1.5",
+    "@synerise/ds-empty-states": "^2.0.7",
+    "@synerise/ds-flag": "^2.0.2",
+    "@synerise/ds-form-field": "^2.0.8",
+    "@synerise/ds-icon": "^2.2.2",
+    "@synerise/ds-information-card": "^2.0.11",
+    "@synerise/ds-inline-alert": "^2.0.7",
+    "@synerise/ds-list-item": "^2.2.1",
     "@synerise/ds-loader": "^2.0.2",
-    "@synerise/ds-popconfirm": "^2.0.6",
-    "@synerise/ds-result": "^2.0.6",
-    "@synerise/ds-scrollbar": "^2.0.5",
-    "@synerise/ds-search": "^2.0.6",
-    "@synerise/ds-search-bar": "^2.0.7",
-    "@synerise/ds-short-cuts": "^2.0.6",
-    "@synerise/ds-skeleton": "^2.0.6",
-    "@synerise/ds-tooltip": "^2.0.6",
-    "@synerise/ds-typography": "^2.0.6",
-    "@synerise/ds-utils": "^2.2.0",
+    "@synerise/ds-popconfirm": "^2.0.8",
+    "@synerise/ds-result": "^2.0.8",
+    "@synerise/ds-scrollbar": "^2.0.7",
+    "@synerise/ds-search": "^2.0.8",
+    "@synerise/ds-search-bar": "^2.0.9",
+    "@synerise/ds-short-cuts": "^2.0.8",
+    "@synerise/ds-skeleton": "^2.0.8",
+    "@synerise/ds-tooltip": "^2.0.8",
+    "@synerise/ds-typography": "^2.0.8",
+    "@synerise/ds-utils": "^2.2.1",
     "lodash.debounce": "^4.0.8",
     "react-window": "^1.8.11",
     "uuid": "^8.3.2"
@@ -77,5 +77,5 @@
     "styled-components": "^5.3.3",
     "vitest": "4"
   },
-  "gitHead": "6b725db2b0de1a2dfc6e9a3744f6c2fb2a04cc04"
+  "gitHead": "ac1a96b3cd66d2836b0639b3d9920fc0ebd7f8f3"
 }