@chayns-components/gallery 5.0.0-beta.1102 → 5.0.0-beta.1104

package/lib/cjs/components/gallery-item/GalleryItem.js

@@ -36,7 +36,9 @@ const GalleryItem = ({
   isEditMode: isEditMode,
   ratio: ratio,
   openSelectedFile: onClick
-})), remainingItemsLength && /*#__PURE__*/_react2.default.createElement(_GalleryItem.StyledGalleryItemMoreItemsIndicator, null, /*#__PURE__*/_react2.default.createElement("p", null, `+ ${remainingItemsLength - 3}`))), [fileItem, handleDeleteFile, isEditMode, onClick, ratio, remainingItemsLength]);
+})), remainingItemsLength && /*#__PURE__*/_react2.default.createElement(_GalleryItem.StyledGalleryItemMoreItemsIndicator, {
+  onClick: () => onClick(fileItem)
+}, /*#__PURE__*/_react2.default.createElement("p", null, `+ ${remainingItemsLength - 3}`))), [fileItem, handleDeleteFile, isEditMode, onClick, ratio, remainingItemsLength]);
 GalleryItem.displayName = 'GalleryItem';
 var _default = exports.default = GalleryItem;
 //# sourceMappingURL=GalleryItem.js.map

package/lib/cjs/components/gallery-item/GalleryItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryItem.js","names":["_core","require","_react","_react2","_interopRequireWildcard","_GalleryItem","_MediaItem","_interopRequireDefault","_PreviewItem","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GalleryItem","fileItem","handleDeleteFile","isEditMode","ratio","remainingItemsLength","onClick","useMemo","createElement","StyledGalleryItem","StyledGalleryItemDeleteButton","id","Icon","size","icons","state","previewUrl","uploadedFile","AnimatePresence","initial","key","openSelectedFile","StyledGalleryItemMoreItemsIndicator","displayName","_default","exports"],"sources":["../../../../src/components/gallery-item/GalleryItem.tsx"],"sourcesContent":["import { Icon, type InternalFileItem } from '@chayns-components/core';\nimport { AnimatePresence } from 'motion/react';\nimport React, { FC, useMemo } from 'react';\nimport {\n    StyledGalleryItem,\n    StyledGalleryItemDeleteButton,\n    StyledGalleryItemMoreItemsIndicator,\n} from './GalleryItem.styles';\nimport MediaItem from './media-item/MediaItem';\nimport PreviewItem from './preview-item/PreviewItem';\n\nexport type GalleryItemProps = {\n    /**\n     *  Images and videos which should be displayed\n     */\n    fileItem: InternalFileItem;\n    /**\n     *  Whether images and videos can be edited\n     */\n    isEditMode: boolean;\n    /**\n     *  Function to be executed when a file is deleted\n     */\n    handleDeleteFile: (id?: string) => void;\n    /**\n     * The ratio of the image\n     */\n    ratio?: number;\n    /**\n     *  Length of the uploaded files\n     */\n    remainingItemsLength?: number;\n    /**\n     * Function to be executed if a file should be opened\n     */\n    onClick: (file: InternalFileItem) => void;\n};\n\nconst GalleryItem: FC<GalleryItemProps> = ({\n    fileItem,\n    handleDeleteFile,\n    isEditMode,\n    ratio = 1,\n    remainingItemsLength,\n    onClick,\n}) =>\n    useMemo(\n        () => (\n            <StyledGalleryItem>\n                {isEditMode && (\n                    <StyledGalleryItemDeleteButton onClick={() => handleDeleteFile(fileItem.id)}>\n                        <Icon size={20} icons={['ts-wrong']} />\n                    </StyledGalleryItemDeleteButton>\n                )}\n                {!fileItem.state ||\n                fileItem.state === 'none' ||\n                (!fileItem.previewUrl && !fileItem.uploadedFile) ? null : (\n                    <AnimatePresence initial={false}>\n                        {fileItem.state === 'uploading' ? (\n                            <PreviewItem\n                                ratio={ratio}\n                                key={`uploading_${fileItem.id ?? ''}`}\n                                fileItem={fileItem}\n                            />\n                        ) : (\n                            <MediaItem\n                                key={`uploaded_${fileItem.id ?? ''}`}\n                                fileItem={fileItem}\n                                isEditMode={isEditMode}\n                                ratio={ratio}\n                                openSelectedFile={onClick}\n                            />\n                        )}\n                    </AnimatePresence>\n                )}\n                {remainingItemsLength && (\n                    <StyledGalleryItemMoreItemsIndicator>\n                        <p>{`+ ${remainingItemsLength - 3}`}</p>\n                    </StyledGalleryItemMoreItemsIndicator>\n                )}\n            </StyledGalleryItem>\n        ),\n        [fileItem, handleDeleteFile, isEditMode, onClick, ratio, remainingItemsLength],\n    );\n\nGalleryItem.displayName = 'GalleryItem';\n\nexport default GalleryItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"GalleryItem.js","names":["_core","require","_react","_react2","_interopRequireWildcard","_GalleryItem","_MediaItem","_interopRequireDefault","_PreviewItem","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GalleryItem","fileItem","handleDeleteFile","isEditMode","ratio","remainingItemsLength","onClick","useMemo","createElement","StyledGalleryItem","StyledGalleryItemDeleteButton","id","Icon","size","icons","state","previewUrl","uploadedFile","AnimatePresence","initial","key","openSelectedFile","StyledGalleryItemMoreItemsIndicator","displayName","_default","exports"],"sources":["../../../../src/components/gallery-item/GalleryItem.tsx"],"sourcesContent":["import { Icon, type InternalFileItem } from '@chayns-components/core';\nimport { AnimatePresence } from 'motion/react';\nimport React, { FC, useMemo } from 'react';\nimport {\n    StyledGalleryItem,\n    StyledGalleryItemDeleteButton,\n    StyledGalleryItemMoreItemsIndicator,\n} from './GalleryItem.styles';\nimport MediaItem from './media-item/MediaItem';\nimport PreviewItem from './preview-item/PreviewItem';\n\nexport type GalleryItemProps = {\n    /**\n     *  Images and videos which should be displayed\n     */\n    fileItem: InternalFileItem;\n    /**\n     *  Whether images and videos can be edited\n     */\n    isEditMode: boolean;\n    /**\n     *  Function to be executed when a file is deleted\n     */\n    handleDeleteFile: (id?: string) => void;\n    /**\n     * The ratio of the image\n     */\n    ratio?: number;\n    /**\n     *  Length of the uploaded files\n     */\n    remainingItemsLength?: number;\n    /**\n     * Function to be executed if a file should be opened\n     */\n    onClick: (file: InternalFileItem) => void;\n};\n\nconst GalleryItem: FC<GalleryItemProps> = ({\n    fileItem,\n    handleDeleteFile,\n    isEditMode,\n    ratio = 1,\n    remainingItemsLength,\n    onClick,\n}) =>\n    useMemo(\n        () => (\n            <StyledGalleryItem>\n                {isEditMode && (\n                    <StyledGalleryItemDeleteButton onClick={() => handleDeleteFile(fileItem.id)}>\n                        <Icon size={20} icons={['ts-wrong']} />\n                    </StyledGalleryItemDeleteButton>\n                )}\n                {!fileItem.state ||\n                fileItem.state === 'none' ||\n                (!fileItem.previewUrl && !fileItem.uploadedFile) ? null : (\n                    <AnimatePresence initial={false}>\n                        {fileItem.state === 'uploading' ? (\n                            <PreviewItem\n                                ratio={ratio}\n                                key={`uploading_${fileItem.id ?? ''}`}\n                                fileItem={fileItem}\n                            />\n                        ) : (\n                            <MediaItem\n                                key={`uploaded_${fileItem.id ?? ''}`}\n                                fileItem={fileItem}\n                                isEditMode={isEditMode}\n                                ratio={ratio}\n                                openSelectedFile={onClick}\n                            />\n                        )}\n                    </AnimatePresence>\n                )}\n                {remainingItemsLength && (\n                    <StyledGalleryItemMoreItemsIndicator onClick={() => onClick(fileItem)}>\n                        <p>{`+ ${remainingItemsLength - 3}`}</p>\n                    </StyledGalleryItemMoreItemsIndicator>\n                )}\n            </StyledGalleryItem>\n        ),\n        [fileItem, handleDeleteFile, isEditMode, onClick, ratio, remainingItemsLength],\n    );\n\nGalleryItem.displayName = 'GalleryItem';\n\nexport default GalleryItem;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/gallery-item/GalleryItem.js

@@ -30,7 +30,9 @@ const GalleryItem = _ref => {
     isEditMode: isEditMode,
     ratio: ratio,
     openSelectedFile: onClick
-  })), remainingItemsLength && /*#__PURE__*/React.createElement(StyledGalleryItemMoreItemsIndicator, null, /*#__PURE__*/React.createElement("p", null, `+ ${remainingItemsLength - 3}`))), [fileItem, handleDeleteFile, isEditMode, onClick, ratio, remainingItemsLength]);
+  })), remainingItemsLength && /*#__PURE__*/React.createElement(StyledGalleryItemMoreItemsIndicator, {
+    onClick: () => onClick(fileItem)
+  }, /*#__PURE__*/React.createElement("p", null, `+ ${remainingItemsLength - 3}`))), [fileItem, handleDeleteFile, isEditMode, onClick, ratio, remainingItemsLength]);
 };
 GalleryItem.displayName = 'GalleryItem';
 export default GalleryItem;

package/lib/esm/components/gallery-item/GalleryItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryItem.js","names":["Icon","AnimatePresence","React","useMemo","StyledGalleryItem","StyledGalleryItemDeleteButton","StyledGalleryItemMoreItemsIndicator","MediaItem","PreviewItem","GalleryItem","_ref","fileItem","handleDeleteFile","isEditMode","ratio","remainingItemsLength","onClick","createElement","id","size","icons","state","previewUrl","uploadedFile","initial","key","openSelectedFile","displayName"],"sources":["../../../../src/components/gallery-item/GalleryItem.tsx"],"sourcesContent":["import { Icon, type InternalFileItem } from '@chayns-components/core';\nimport { AnimatePresence } from 'motion/react';\nimport React, { FC, useMemo } from 'react';\nimport {\n    StyledGalleryItem,\n    StyledGalleryItemDeleteButton,\n    StyledGalleryItemMoreItemsIndicator,\n} from './GalleryItem.styles';\nimport MediaItem from './media-item/MediaItem';\nimport PreviewItem from './preview-item/PreviewItem';\n\nexport type GalleryItemProps = {\n    /**\n     *  Images and videos which should be displayed\n     */\n    fileItem: InternalFileItem;\n    /**\n     *  Whether images and videos can be edited\n     */\n    isEditMode: boolean;\n    /**\n     *  Function to be executed when a file is deleted\n     */\n    handleDeleteFile: (id?: string) => void;\n    /**\n     * The ratio of the image\n     */\n    ratio?: number;\n    /**\n     *  Length of the uploaded files\n     */\n    remainingItemsLength?: number;\n    /**\n     * Function to be executed if a file should be opened\n     */\n    onClick: (file: InternalFileItem) => void;\n};\n\nconst GalleryItem: FC<GalleryItemProps> = ({\n    fileItem,\n    handleDeleteFile,\n    isEditMode,\n    ratio = 1,\n    remainingItemsLength,\n    onClick,\n}) =>\n    useMemo(\n        () => (\n            <StyledGalleryItem>\n                {isEditMode && (\n                    <StyledGalleryItemDeleteButton onClick={() => handleDeleteFile(fileItem.id)}>\n                        <Icon size={20} icons={['ts-wrong']} />\n                    </StyledGalleryItemDeleteButton>\n                )}\n                {!fileItem.state ||\n                fileItem.state === 'none' ||\n                (!fileItem.previewUrl && !fileItem.uploadedFile) ? null : (\n                    <AnimatePresence initial={false}>\n                        {fileItem.state === 'uploading' ? (\n                            <PreviewItem\n                                ratio={ratio}\n                                key={`uploading_${fileItem.id ?? ''}`}\n                                fileItem={fileItem}\n                            />\n                        ) : (\n                            <MediaItem\n                                key={`uploaded_${fileItem.id ?? ''}`}\n                                fileItem={fileItem}\n                                isEditMode={isEditMode}\n                                ratio={ratio}\n                                openSelectedFile={onClick}\n                            />\n                        )}\n                    </AnimatePresence>\n                )}\n                {remainingItemsLength && (\n                    <StyledGalleryItemMoreItemsIndicator>\n                        <p>{`+ ${remainingItemsLength - 3}`}</p>\n                    </StyledGalleryItemMoreItemsIndicator>\n                )}\n            </StyledGalleryItem>\n        ),\n        [fileItem, handleDeleteFile, isEditMode, onClick, ratio, remainingItemsLength],\n    );\n\nGalleryItem.displayName = 'GalleryItem';\n\nexport default GalleryItem;\n"],"mappings":"AAAA,SAASA,IAAI,QAA+B,yBAAyB;AACrE,SAASC,eAAe,QAAQ,cAAc;AAC9C,OAAOC,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAC1C,SACIC,iBAAiB,EACjBC,6BAA6B,EAC7BC,mCAAmC,QAChC,sBAAsB;AAC7B,OAAOC,SAAS,MAAM,wBAAwB;AAC9C,OAAOC,WAAW,MAAM,4BAA4B;AA6BpD,MAAMC,WAAiC,GAAGC,IAAA;EAAA,IAAC;IACvCC,QAAQ;IACRC,gBAAgB;IAChBC,UAAU;IACVC,KAAK,GAAG,CAAC;IACTC,oBAAoB;IACpBC;EACJ,CAAC,GAAAN,IAAA;EAAA,OACGP,OAAO,CACH,mBACID,KAAA,CAAAe,aAAA,CAACb,iBAAiB,QACbS,UAAU,iBACPX,KAAA,CAAAe,aAAA,CAACZ,6BAA6B;IAACW,OAAO,EAAEA,CAAA,KAAMJ,gBAAgB,CAACD,QAAQ,CAACO,EAAE;EAAE,gBACxEhB,KAAA,CAAAe,aAAA,CAACjB,IAAI;IAACmB,IAAI,EAAE,EAAG;IAACC,KAAK,EAAE,CAAC,UAAU;EAAE,CAAE,CACX,CAClC,EACA,CAACT,QAAQ,CAACU,KAAK,IAChBV,QAAQ,CAACU,KAAK,KAAK,MAAM,IACxB,CAACV,QAAQ,CAACW,UAAU,IAAI,CAACX,QAAQ,CAACY,YAAa,GAAG,IAAI,gBACnDrB,KAAA,CAAAe,aAAA,CAAChB,eAAe;IAACuB,OAAO,EAAE;EAAM,GAC3Bb,QAAQ,CAACU,KAAK,KAAK,WAAW,gBAC3BnB,KAAA,CAAAe,aAAA,CAACT,WAAW;IACRM,KAAK,EAAEA,KAAM;IACbW,GAAG,EAAE,aAAad,QAAQ,CAACO,EAAE,IAAI,EAAE,EAAG;IACtCP,QAAQ,EAAEA;EAAS,CACtB,CAAC,gBAEFT,KAAA,CAAAe,aAAA,CAACV,SAAS;IACNkB,GAAG,EAAE,YAAYd,QAAQ,CAACO,EAAE,IAAI,EAAE,EAAG;IACrCP,QAAQ,EAAEA,QAAS;IACnBE,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;IACbY,gBAAgB,EAAEV;EAAQ,CAC7B,CAEQ,CACpB,EACAD,oBAAoB,iBACjBb,KAAA,CAAAe,aAAA,CAACX,mCAAmC,qBAChCJ,KAAA,CAAAe,aAAA,YAAI,KAAKF,oBAAoB,GAAG,CAAC,EAAM,CACN,CAE1B,CACtB,EACD,CAACJ,QAAQ,EAAEC,gBAAgB,EAAEC,UAAU,EAAEG,OAAO,EAAEF,KAAK,EAAEC,oBAAoB,CACjF,CAAC;AAAA;AAELN,WAAW,CAACkB,WAAW,GAAG,aAAa;AAEvC,eAAelB,WAAW","ignoreList":[]}
+{"version":3,"file":"GalleryItem.js","names":["Icon","AnimatePresence","React","useMemo","StyledGalleryItem","StyledGalleryItemDeleteButton","StyledGalleryItemMoreItemsIndicator","MediaItem","PreviewItem","GalleryItem","_ref","fileItem","handleDeleteFile","isEditMode","ratio","remainingItemsLength","onClick","createElement","id","size","icons","state","previewUrl","uploadedFile","initial","key","openSelectedFile","displayName"],"sources":["../../../../src/components/gallery-item/GalleryItem.tsx"],"sourcesContent":["import { Icon, type InternalFileItem } from '@chayns-components/core';\nimport { AnimatePresence } from 'motion/react';\nimport React, { FC, useMemo } from 'react';\nimport {\n    StyledGalleryItem,\n    StyledGalleryItemDeleteButton,\n    StyledGalleryItemMoreItemsIndicator,\n} from './GalleryItem.styles';\nimport MediaItem from './media-item/MediaItem';\nimport PreviewItem from './preview-item/PreviewItem';\n\nexport type GalleryItemProps = {\n    /**\n     *  Images and videos which should be displayed\n     */\n    fileItem: InternalFileItem;\n    /**\n     *  Whether images and videos can be edited\n     */\n    isEditMode: boolean;\n    /**\n     *  Function to be executed when a file is deleted\n     */\n    handleDeleteFile: (id?: string) => void;\n    /**\n     * The ratio of the image\n     */\n    ratio?: number;\n    /**\n     *  Length of the uploaded files\n     */\n    remainingItemsLength?: number;\n    /**\n     * Function to be executed if a file should be opened\n     */\n    onClick: (file: InternalFileItem) => void;\n};\n\nconst GalleryItem: FC<GalleryItemProps> = ({\n    fileItem,\n    handleDeleteFile,\n    isEditMode,\n    ratio = 1,\n    remainingItemsLength,\n    onClick,\n}) =>\n    useMemo(\n        () => (\n            <StyledGalleryItem>\n                {isEditMode && (\n                    <StyledGalleryItemDeleteButton onClick={() => handleDeleteFile(fileItem.id)}>\n                        <Icon size={20} icons={['ts-wrong']} />\n                    </StyledGalleryItemDeleteButton>\n                )}\n                {!fileItem.state ||\n                fileItem.state === 'none' ||\n                (!fileItem.previewUrl && !fileItem.uploadedFile) ? null : (\n                    <AnimatePresence initial={false}>\n                        {fileItem.state === 'uploading' ? (\n                            <PreviewItem\n                                ratio={ratio}\n                                key={`uploading_${fileItem.id ?? ''}`}\n                                fileItem={fileItem}\n                            />\n                        ) : (\n                            <MediaItem\n                                key={`uploaded_${fileItem.id ?? ''}`}\n                                fileItem={fileItem}\n                                isEditMode={isEditMode}\n                                ratio={ratio}\n                                openSelectedFile={onClick}\n                            />\n                        )}\n                    </AnimatePresence>\n                )}\n                {remainingItemsLength && (\n                    <StyledGalleryItemMoreItemsIndicator onClick={() => onClick(fileItem)}>\n                        <p>{`+ ${remainingItemsLength - 3}`}</p>\n                    </StyledGalleryItemMoreItemsIndicator>\n                )}\n            </StyledGalleryItem>\n        ),\n        [fileItem, handleDeleteFile, isEditMode, onClick, ratio, remainingItemsLength],\n    );\n\nGalleryItem.displayName = 'GalleryItem';\n\nexport default GalleryItem;\n"],"mappings":"AAAA,SAASA,IAAI,QAA+B,yBAAyB;AACrE,SAASC,eAAe,QAAQ,cAAc;AAC9C,OAAOC,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAC1C,SACIC,iBAAiB,EACjBC,6BAA6B,EAC7BC,mCAAmC,QAChC,sBAAsB;AAC7B,OAAOC,SAAS,MAAM,wBAAwB;AAC9C,OAAOC,WAAW,MAAM,4BAA4B;AA6BpD,MAAMC,WAAiC,GAAGC,IAAA;EAAA,IAAC;IACvCC,QAAQ;IACRC,gBAAgB;IAChBC,UAAU;IACVC,KAAK,GAAG,CAAC;IACTC,oBAAoB;IACpBC;EACJ,CAAC,GAAAN,IAAA;EAAA,OACGP,OAAO,CACH,mBACID,KAAA,CAAAe,aAAA,CAACb,iBAAiB,QACbS,UAAU,iBACPX,KAAA,CAAAe,aAAA,CAACZ,6BAA6B;IAACW,OAAO,EAAEA,CAAA,KAAMJ,gBAAgB,CAACD,QAAQ,CAACO,EAAE;EAAE,gBACxEhB,KAAA,CAAAe,aAAA,CAACjB,IAAI;IAACmB,IAAI,EAAE,EAAG;IAACC,KAAK,EAAE,CAAC,UAAU;EAAE,CAAE,CACX,CAClC,EACA,CAACT,QAAQ,CAACU,KAAK,IAChBV,QAAQ,CAACU,KAAK,KAAK,MAAM,IACxB,CAACV,QAAQ,CAACW,UAAU,IAAI,CAACX,QAAQ,CAACY,YAAa,GAAG,IAAI,gBACnDrB,KAAA,CAAAe,aAAA,CAAChB,eAAe;IAACuB,OAAO,EAAE;EAAM,GAC3Bb,QAAQ,CAACU,KAAK,KAAK,WAAW,gBAC3BnB,KAAA,CAAAe,aAAA,CAACT,WAAW;IACRM,KAAK,EAAEA,KAAM;IACbW,GAAG,EAAE,aAAad,QAAQ,CAACO,EAAE,IAAI,EAAE,EAAG;IACtCP,QAAQ,EAAEA;EAAS,CACtB,CAAC,gBAEFT,KAAA,CAAAe,aAAA,CAACV,SAAS;IACNkB,GAAG,EAAE,YAAYd,QAAQ,CAACO,EAAE,IAAI,EAAE,EAAG;IACrCP,QAAQ,EAAEA,QAAS;IACnBE,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;IACbY,gBAAgB,EAAEV;EAAQ,CAC7B,CAEQ,CACpB,EACAD,oBAAoB,iBACjBb,KAAA,CAAAe,aAAA,CAACX,mCAAmC;IAACU,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACL,QAAQ;EAAE,gBAClET,KAAA,CAAAe,aAAA,YAAI,KAAKF,oBAAoB,GAAG,CAAC,EAAM,CACN,CAE1B,CACtB,EACD,CAACJ,QAAQ,EAAEC,gBAAgB,EAAEC,UAAU,EAAEG,OAAO,EAAEF,KAAK,EAAEC,oBAAoB,CACjF,CAAC;AAAA;AAELN,WAAW,CAACkB,WAAW,GAAG,aAAa;AAEvC,eAAelB,WAAW","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/gallery",
-    "version": "5.0.0-beta.1102",
+    "version": "5.0.0-beta.1104",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -69,7 +69,7 @@
         "typescript": "^5.8.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.1102",
+        "@chayns-components/core": "^5.0.0-beta.1103",
         "uuid": "^10.0.0"
     },
     "peerDependencies": {
@@ -82,5 +82,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "0ceb964904dc0abfd4604ffde41483a2a3177bdb"
+    "gitHead": "429b5221b16e583933a5e87b38b5c19f3b67d48a"
 }