@chayns-components/core 5.5.59 → 5.5.61

package/AGENTS.md

@@ -897,6 +897,25 @@ import { ComboBox } from '@chayns-components/core';
 />
 ```
 
+#### Mini
+
+```tsx
+<ComboBox
+    lists={[
+                {
+                    list: [
+                        {
+                            text: 'Margherita',
+                            value: 1,
+                        },
+                    ],
+                },
+            ]}
+    placeholder={'Select Pizza'}
+    size={ComboBoxSize.MINI}
+/>
+```
+
 #### Custom
 
 ```tsx
@@ -1437,6 +1456,10 @@ import { ComboBox } from '@chayns-components/core';
      * Compact height and spacing.
      */
     SMALL = 'small',
+    /**
+     * Minimal height and spacing.
+     */
+    MINI = 'mini',
 }`
 - `DropdownDirection` -> `enum DropdownDirection {
     BOTTOM,

package/lib/cjs/api/image/post.js

@@ -12,6 +12,7 @@ var _uploadUrls = require("../../config/uploadUrls");
 const postImage = async ({
   file,
   shouldUploadImageToSite,
+  uploadPath,
   uploadUrls
 }) => {
   const {
@@ -31,7 +32,8 @@ const postImage = async ({
     imageServiceUrl,
     imageResizerUrl
   } = (0, _uploadUrls.getUploadUrls)(uploadUrls);
-  const url = file.size > 10 * 1024 * 1024 ? `${imageResizerUrl}/${shouldUploadImageToSite ? site.id : user.personId}` : `${imageServiceUrl}/${shouldUploadImageToSite ? site.id : user.personId}`;
+  const targetPath = uploadPath ?? (shouldUploadImageToSite ? site.id : user.personId);
+  const url = file.size > 10 * 1024 * 1024 ? `${imageResizerUrl}/${targetPath}` : `${imageServiceUrl}/${targetPath}`;
   const response = await fetch(url, {
     body,
     headers: {

package/lib/cjs/api/image/post.js.map

@@ -1 +1 @@
-{"version":3,"file":"post.js","names":["_chaynsApi","require","_uploadUrls","postImage","file","shouldUploadImageToSite","uploadUrls","accessToken","getAccessToken","user","getUser","site","getSite","personId","undefined","body","FormData","append","imageServiceUrl","imageResizerUrl","getUploadUrls","url","size","id","response","fetch","headers","Accept","Authorization","method","ok","image","baseDomain","json","key","path","base","endsWith","slice","meta","preview","width","String","height","Error","status","exports"],"sources":["../../../../src/api/image/post.ts"],"sourcesContent":["import { getAccessToken, getSite, getUser } from 'chayns-api';\nimport { getUploadUrls, type UploadUrls } from '../../config/uploadUrls';\nimport type { Meta } from '../../types/file';\n\nexport interface PostImageResult {\n    key: string;\n    base: string;\n    meta?: Meta;\n}\n\ninterface Result {\n    requestId: string;\n    image: Image;\n    baseDomain: string;\n    signature: Signature;\n}\n\nexport interface Image {\n    path: string;\n    width: number;\n    height: number;\n    size: number;\n    hash: string;\n    preview: string;\n    isSecured: boolean;\n    format: string;\n    fileExtension: string;\n}\n\nexport interface Signature {\n    verify: string;\n    signature: string;\n    expires: Date;\n}\n\ninterface PostImageOptions {\n    file: File;\n    shouldUploadImageToSite?: boolean;\n    /**\n     * Overrides the globally configured upload service URLs for this upload.\n     */\n    uploadUrls?: Partial<UploadUrls>;\n}\n\n/**\n * Uploads an image to the tsimg cloud service\n */\nexport const postImage = async ({\n    file,\n    shouldUploadImageToSite,\n    uploadUrls,\n}: PostImageOptions): Promise<PostImageResult | undefined> => {\n    const { accessToken } = await getAccessToken();\n    const user = getUser();\n    const site = getSite();\n\n    if (!accessToken || !user?.personId) {\n        return undefined;\n    }\n\n    // const body = await getFileAsArrayBuffer(file);\n\n    const body = new FormData();\n\n    body.append('File', file);\n\n    const { imageServiceUrl, imageResizerUrl } = getUploadUrls(uploadUrls);\n\n    const url =\n        file.size > 10 * 1024 * 1024\n            ? `${imageResizerUrl}/${shouldUploadImageToSite ? site.id : user.personId}`\n            : `${imageServiceUrl}/${shouldUploadImageToSite ? site.id : user.personId}`;\n\n    const response = await fetch(url, {\n        body,\n        headers: {\n            Accept: 'application/json',\n            Authorization: `bearer ${accessToken}`,\n        },\n        method: 'POST',\n    });\n\n    if (response.ok) {\n        const { image, baseDomain } = (await response.json()) as Result;\n        // Maps image-service-api-v3 result to v2 result.\n        return {\n            key: image.path,\n            // Removes trailing slash from baseDomain, since image-service-api-v2 doesn't have a trailing slash on base.\n            base: baseDomain.endsWith('/') ? baseDomain.slice(0, -1) : baseDomain,\n            meta: {\n                preview: image.preview,\n                width: String(image.width),\n                height: String(image.height),\n            },\n        };\n    }\n\n    throw Error(`Failed to POST image (status code: ${response.status}).`);\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AA2CA;AACA;AACA;AACO,MAAME,SAAS,GAAG,MAAAA,CAAO;EAC5BC,IAAI;EACJC,uBAAuB;EACvBC;AACc,CAAC,KAA2C;EAC1D,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAM,IAAAC,yBAAc,EAAC,CAAC;EAC9C,MAAMC,IAAI,GAAG,IAAAC,kBAAO,EAAC,CAAC;EACtB,MAAMC,IAAI,GAAG,IAAAC,kBAAO,EAAC,CAAC;EAEtB,IAAI,CAACL,WAAW,IAAI,EAACE,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEI,QAAQ,GAAE;IACjC,OAAOC,SAAS;EACpB;;EAEA;;EAEA,MAAMC,IAAI,GAAG,IAAIC,QAAQ,CAAC,CAAC;EAE3BD,IAAI,CAACE,MAAM,CAAC,MAAM,EAAEb,IAAI,CAAC;EAEzB,MAAM;IAAEc,eAAe;IAAEC;EAAgB,CAAC,GAAG,IAAAC,yBAAa,EAACd,UAAU,CAAC;EAEtE,MAAMe,GAAG,GACLjB,IAAI,CAACkB,IAAI,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,GACtB,GAAGH,eAAe,IAAId,uBAAuB,GAAGM,IAAI,CAACY,EAAE,GAAGd,IAAI,CAACI,QAAQ,EAAE,GACzE,GAAGK,eAAe,IAAIb,uBAAuB,GAAGM,IAAI,CAACY,EAAE,GAAGd,IAAI,CAACI,QAAQ,EAAE;EAEnF,MAAMW,QAAQ,GAAG,MAAMC,KAAK,CAACJ,GAAG,EAAE;IAC9BN,IAAI;IACJW,OAAO,EAAE;MACLC,MAAM,EAAE,kBAAkB;MAC1BC,aAAa,EAAE,UAAUrB,WAAW;IACxC,CAAC;IACDsB,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIL,QAAQ,CAACM,EAAE,EAAE;IACb,MAAM;MAAEC,KAAK;MAAEC;IAAW,CAAC,GAAI,MAAMR,QAAQ,CAACS,IAAI,CAAC,CAAY;IAC/D;IACA,OAAO;MACHC,GAAG,EAAEH,KAAK,CAACI,IAAI;MACf;MACAC,IAAI,EAAEJ,UAAU,CAACK,QAAQ,CAAC,GAAG,CAAC,GAAGL,UAAU,CAACM,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAGN,UAAU;MACrEO,IAAI,EAAE;QACFC,OAAO,EAAET,KAAK,CAACS,OAAO;QACtBC,KAAK,EAAEC,MAAM,CAACX,KAAK,CAACU,KAAK,CAAC;QAC1BE,MAAM,EAAED,MAAM,CAACX,KAAK,CAACY,MAAM;MAC/B;IACJ,CAAC;EACL;EAEA,MAAMC,KAAK,CAAC,sCAAsCpB,QAAQ,CAACqB,MAAM,IAAI,CAAC;AAC1E,CAAC;AAACC,OAAA,CAAA3C,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"file":"post.js","names":["_chaynsApi","require","_uploadUrls","postImage","file","shouldUploadImageToSite","uploadPath","uploadUrls","accessToken","getAccessToken","user","getUser","site","getSite","personId","undefined","body","FormData","append","imageServiceUrl","imageResizerUrl","getUploadUrls","targetPath","id","url","size","response","fetch","headers","Accept","Authorization","method","ok","image","baseDomain","json","key","path","base","endsWith","slice","meta","preview","width","String","height","Error","status","exports"],"sources":["../../../../src/api/image/post.ts"],"sourcesContent":["import { getAccessToken, getSite, getUser } from 'chayns-api';\nimport { getUploadUrls, type UploadUrls } from '../../config/uploadUrls';\nimport type { Meta } from '../../types/file';\n\nexport interface PostImageResult {\n    key: string;\n    base: string;\n    meta?: Meta;\n}\n\ninterface Result {\n    requestId: string;\n    image: Image;\n    baseDomain: string;\n    signature: Signature;\n}\n\nexport interface Image {\n    path: string;\n    width: number;\n    height: number;\n    size: number;\n    hash: string;\n    preview: string;\n    isSecured: boolean;\n    format: string;\n    fileExtension: string;\n}\n\nexport interface Signature {\n    verify: string;\n    signature: string;\n    expires: Date;\n}\n\ninterface PostImageOptions {\n    file: File;\n    shouldUploadImageToSite?: boolean;\n    /**\n     * Relative target path appended to the image service URL. When set, it\n     * takes precedence over the default user or site ID path.\n     */\n    uploadPath?: string;\n    /**\n     * Overrides the globally configured upload service URLs for this upload.\n     */\n    uploadUrls?: Partial<UploadUrls>;\n}\n\n/**\n * Uploads an image to the tsimg cloud service\n */\nexport const postImage = async ({\n    file,\n    shouldUploadImageToSite,\n    uploadPath,\n    uploadUrls,\n}: PostImageOptions): Promise<PostImageResult | undefined> => {\n    const { accessToken } = await getAccessToken();\n    const user = getUser();\n    const site = getSite();\n\n    if (!accessToken || !user?.personId) {\n        return undefined;\n    }\n\n    // const body = await getFileAsArrayBuffer(file);\n\n    const body = new FormData();\n\n    body.append('File', file);\n\n    const { imageServiceUrl, imageResizerUrl } = getUploadUrls(uploadUrls);\n    const targetPath = uploadPath ?? (shouldUploadImageToSite ? site.id : user.personId);\n\n    const url =\n        file.size > 10 * 1024 * 1024\n            ? `${imageResizerUrl}/${targetPath}`\n            : `${imageServiceUrl}/${targetPath}`;\n\n    const response = await fetch(url, {\n        body,\n        headers: {\n            Accept: 'application/json',\n            Authorization: `bearer ${accessToken}`,\n        },\n        method: 'POST',\n    });\n\n    if (response.ok) {\n        const { image, baseDomain } = (await response.json()) as Result;\n        // Maps image-service-api-v3 result to v2 result.\n        return {\n            key: image.path,\n            // Removes trailing slash from baseDomain, since image-service-api-v2 doesn't have a trailing slash on base.\n            base: baseDomain.endsWith('/') ? baseDomain.slice(0, -1) : baseDomain,\n            meta: {\n                preview: image.preview,\n                width: String(image.width),\n                height: String(image.height),\n            },\n        };\n    }\n\n    throw Error(`Failed to POST image (status code: ${response.status}).`);\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAgDA;AACA;AACA;AACO,MAAME,SAAS,GAAG,MAAAA,CAAO;EAC5BC,IAAI;EACJC,uBAAuB;EACvBC,UAAU;EACVC;AACc,CAAC,KAA2C;EAC1D,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAM,IAAAC,yBAAc,EAAC,CAAC;EAC9C,MAAMC,IAAI,GAAG,IAAAC,kBAAO,EAAC,CAAC;EACtB,MAAMC,IAAI,GAAG,IAAAC,kBAAO,EAAC,CAAC;EAEtB,IAAI,CAACL,WAAW,IAAI,EAACE,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEI,QAAQ,GAAE;IACjC,OAAOC,SAAS;EACpB;;EAEA;;EAEA,MAAMC,IAAI,GAAG,IAAIC,QAAQ,CAAC,CAAC;EAE3BD,IAAI,CAACE,MAAM,CAAC,MAAM,EAAEd,IAAI,CAAC;EAEzB,MAAM;IAAEe,eAAe;IAAEC;EAAgB,CAAC,GAAG,IAAAC,yBAAa,EAACd,UAAU,CAAC;EACtE,MAAMe,UAAU,GAAGhB,UAAU,KAAKD,uBAAuB,GAAGO,IAAI,CAACW,EAAE,GAAGb,IAAI,CAACI,QAAQ,CAAC;EAEpF,MAAMU,GAAG,GACLpB,IAAI,CAACqB,IAAI,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,GACtB,GAAGL,eAAe,IAAIE,UAAU,EAAE,GAClC,GAAGH,eAAe,IAAIG,UAAU,EAAE;EAE5C,MAAMI,QAAQ,GAAG,MAAMC,KAAK,CAACH,GAAG,EAAE;IAC9BR,IAAI;IACJY,OAAO,EAAE;MACLC,MAAM,EAAE,kBAAkB;MAC1BC,aAAa,EAAE,UAAUtB,WAAW;IACxC,CAAC;IACDuB,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIL,QAAQ,CAACM,EAAE,EAAE;IACb,MAAM;MAAEC,KAAK;MAAEC;IAAW,CAAC,GAAI,MAAMR,QAAQ,CAACS,IAAI,CAAC,CAAY;IAC/D;IACA,OAAO;MACHC,GAAG,EAAEH,KAAK,CAACI,IAAI;MACf;MACAC,IAAI,EAAEJ,UAAU,CAACK,QAAQ,CAAC,GAAG,CAAC,GAAGL,UAAU,CAACM,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAGN,UAAU;MACrEO,IAAI,EAAE;QACFC,OAAO,EAAET,KAAK,CAACS,OAAO;QACtBC,KAAK,EAAEC,MAAM,CAACX,KAAK,CAACU,KAAK,CAAC;QAC1BE,MAAM,EAAED,MAAM,CAACX,KAAK,CAACY,MAAM;MAC/B;IACJ,CAAC;EACL;EAEA,MAAMC,KAAK,CAAC,sCAAsCpB,QAAQ,CAACqB,MAAM,IAAI,CAAC;AAC1E,CAAC;AAACC,OAAA,CAAA7C,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/cjs/api/image/post.test.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _uploadUrls = require("../../config/uploadUrls");
+var _post = require("./post");
+_vitest.vi.mock('chayns-api', () => ({
+  getAccessToken: _vitest.vi.fn().mockResolvedValue({
+    accessToken: 'access-token'
+  }),
+  getSite: _vitest.vi.fn().mockReturnValue({
+    id: 'site-id'
+  }),
+  getUser: _vitest.vi.fn().mockReturnValue({
+    personId: 'person-id'
+  })
+}));
+(0, _vitest.describe)('postImage', () => {
+  (0, _vitest.afterEach)(() => {
+    (0, _uploadUrls.resetUploadUrls)();
+    _vitest.vi.unstubAllGlobals();
+  });
+  (0, _vitest.it)('uses an explicitly provided upload path instead of the default user path', async () => {
+    const fetchMock = _vitest.vi.fn().mockResolvedValue({
+      ok: true,
+      json: _vitest.vi.fn().mockResolvedValue({
+        baseDomain: 'https://tsimg.cloud/',
+        image: {
+          path: 'image-path',
+          preview: 'preview',
+          width: 1,
+          height: 1
+        }
+      })
+    });
+    _vitest.vi.stubGlobal('fetch', fetchMock);
+    await (0, _post.postImage)({
+      file: new File(['image'], 'image.png', {
+        type: 'image/png'
+      }),
+      uploadPath: 'threads/thread-id'
+    });
+    (0, _vitest.expect)(fetchMock).toHaveBeenCalledWith('https://cube.tobit.cloud/image-service/v3/Images/threads/thread-id', _vitest.expect.objectContaining({
+      method: 'POST'
+    }));
+  });
+});
+//# sourceMappingURL=post.test.js.map

package/lib/cjs/api/image/post.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post.test.js","names":["_vitest","require","_uploadUrls","_post","vi","mock","getAccessToken","fn","mockResolvedValue","accessToken","getSite","mockReturnValue","id","getUser","personId","describe","afterEach","resetUploadUrls","unstubAllGlobals","it","fetchMock","ok","json","baseDomain","image","path","preview","width","height","stubGlobal","postImage","file","File","type","uploadPath","expect","toHaveBeenCalledWith","objectContaining","method"],"sources":["../../../../src/api/image/post.test.ts"],"sourcesContent":["import { afterEach, describe, expect, it, vi } from 'vitest';\nimport { resetUploadUrls } from '../../config/uploadUrls';\nimport { postImage } from './post';\n\nvi.mock('chayns-api', () => ({\n    getAccessToken: vi.fn().mockResolvedValue({ accessToken: 'access-token' }),\n    getSite: vi.fn().mockReturnValue({ id: 'site-id' }),\n    getUser: vi.fn().mockReturnValue({ personId: 'person-id' }),\n}));\n\ndescribe('postImage', () => {\n    afterEach(() => {\n        resetUploadUrls();\n        vi.unstubAllGlobals();\n    });\n\n    it('uses an explicitly provided upload path instead of the default user path', async () => {\n        const fetchMock = vi.fn().mockResolvedValue({\n            ok: true,\n            json: vi.fn().mockResolvedValue({\n                baseDomain: 'https://tsimg.cloud/',\n                image: {\n                    path: 'image-path',\n                    preview: 'preview',\n                    width: 1,\n                    height: 1,\n                },\n            }),\n        });\n        vi.stubGlobal('fetch', fetchMock);\n\n        await postImage({\n            file: new File(['image'], 'image.png', { type: 'image/png' }),\n            uploadPath: 'threads/thread-id',\n        });\n\n        expect(fetchMock).toHaveBeenCalledWith(\n            'https://cube.tobit.cloud/image-service/v3/Images/threads/thread-id',\n            expect.objectContaining({ method: 'POST' }),\n        );\n    });\n});\n"],"mappings":";;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEAG,UAAE,CAACC,IAAI,CAAC,YAAY,EAAE,OAAO;EACzBC,cAAc,EAAEF,UAAE,CAACG,EAAE,CAAC,CAAC,CAACC,iBAAiB,CAAC;IAAEC,WAAW,EAAE;EAAe,CAAC,CAAC;EAC1EC,OAAO,EAAEN,UAAE,CAACG,EAAE,CAAC,CAAC,CAACI,eAAe,CAAC;IAAEC,EAAE,EAAE;EAAU,CAAC,CAAC;EACnDC,OAAO,EAAET,UAAE,CAACG,EAAE,CAAC,CAAC,CAACI,eAAe,CAAC;IAAEG,QAAQ,EAAE;EAAY,CAAC;AAC9D,CAAC,CAAC,CAAC;AAEH,IAAAC,gBAAQ,EAAC,WAAW,EAAE,MAAM;EACxB,IAAAC,iBAAS,EAAC,MAAM;IACZ,IAAAC,2BAAe,EAAC,CAAC;IACjBb,UAAE,CAACc,gBAAgB,CAAC,CAAC;EACzB,CAAC,CAAC;EAEF,IAAAC,UAAE,EAAC,0EAA0E,EAAE,YAAY;IACvF,MAAMC,SAAS,GAAGhB,UAAE,CAACG,EAAE,CAAC,CAAC,CAACC,iBAAiB,CAAC;MACxCa,EAAE,EAAE,IAAI;MACRC,IAAI,EAAElB,UAAE,CAACG,EAAE,CAAC,CAAC,CAACC,iBAAiB,CAAC;QAC5Be,UAAU,EAAE,sBAAsB;QAClCC,KAAK,EAAE;UACHC,IAAI,EAAE,YAAY;UAClBC,OAAO,EAAE,SAAS;UAClBC,KAAK,EAAE,CAAC;UACRC,MAAM,EAAE;QACZ;MACJ,CAAC;IACL,CAAC,CAAC;IACFxB,UAAE,CAACyB,UAAU,CAAC,OAAO,EAAET,SAAS,CAAC;IAEjC,MAAM,IAAAU,eAAS,EAAC;MACZC,IAAI,EAAE,IAAIC,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,WAAW,EAAE;QAAEC,IAAI,EAAE;MAAY,CAAC,CAAC;MAC7DC,UAAU,EAAE;IAChB,CAAC,CAAC;IAEF,IAAAC,cAAM,EAACf,SAAS,CAAC,CAACgB,oBAAoB,CAClC,oEAAoE,EACpED,cAAM,CAACE,gBAAgB,CAAC;MAAEC,MAAM,EAAE;IAAO,CAAC,CAC9C,CAAC;EACL,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/lib/cjs/components/combobox/ComboBox.js

@@ -368,10 +368,14 @@ const ComboBox = /*#__PURE__*/(0, _react.forwardRef)(({
     tabIndex: !isDisabled && typeof inputValue !== 'string' ? 0 : undefined,
     role: !isDisabled && typeof inputValue !== 'string' ? 'button' : undefined,
     "aria-expanded": !isDisabled && typeof inputValue !== 'string' ? isAnimating : undefined
-  }, /*#__PURE__*/_react.default.createElement(_ComboBox.StyledComboBoxPrefixAndPlaceholderWrapper, null, prefix && /*#__PURE__*/_react.default.createElement(_ComboBox.StyledComboBoxPrefix, {
-    $prefixMinWidth: prefixMinWidth
+  }, /*#__PURE__*/_react.default.createElement(_ComboBox.StyledComboBoxPrefixAndPlaceholderWrapper, {
+    $size: size
+  }, prefix && /*#__PURE__*/_react.default.createElement(_ComboBox.StyledComboBoxPrefix, {
+    $prefixMinWidth: prefixMinWidth,
+    $size: size
   }, prefix), /*#__PURE__*/_react.default.createElement(_ComboBox.StyledComboBoxPlaceholder, {
-    $shouldReduceOpacity: !selectedItem && !internalSelectedItem
+    $shouldReduceOpacity: !selectedItem && !internalSelectedItem,
+    $size: size
   }, placeholderImageUrl && /*#__PURE__*/_react.default.createElement(_ComboBox.StyledComboBoxPlaceholderImage, {
     src: placeholderImageUrl,
     $shouldShowBigImage: shouldShowBigImage,
@@ -388,16 +392,19 @@ const ComboBox = /*#__PURE__*/(0, _react.forwardRef)(({
     placeholder: placeholderText
   }) : /*#__PURE__*/_react.default.createElement(_ComboBox.StyledComboBoxPlaceholderText, null, placeholderText), internalSelectedItem && internalSelectedItem.suffixElement && internalSelectedItem.suffixElement)), shouldShowClearIcon && internalSelectedItem && /*#__PURE__*/_react.default.createElement(_ComboBox.StyledComboBoxClearIconWrapper, {
     $isDisabled: isDisabled,
+    $size: size,
     onClick: handleClear
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icons: ['fa fa-times']
+    icons: ['fa fa-times'],
+    size: size === _ComboBox2.ComboBoxSize.MINI ? 13 : 15
   })), !shouldDisableActions && /*#__PURE__*/_react.default.createElement(_ComboBox.StyledComboBoxIconWrapper, {
     $isDisabled: isDisabled,
     $size: size,
     $shouldShowBorderLeft: shouldShowClearIcon === true && internalSelectedItem !== undefined
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icons: ['fa fa-chevron-down'],
-    isDisabled: isDisabled
+    isDisabled: isDisabled,
+    size: size === _ComboBox2.ComboBoxSize.MINI ? 13 : 15
   }))), styledComboBoxElementRef.current && /*#__PURE__*/_react.default.createElement(_DropdownBodyWrapper.default, {
     anchorElement: styledComboBoxElementRef.current,
     bodyWidth: bodyWidth,

package/lib/cjs/components/combobox/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_environment","_AreaContextProvider","_Icon","_interopRequireDefault","_ComboBoxItem","_ComboBox","_DropdownBodyWrapper","_dropdown","_element","_ComboBox2","_ComboBox3","_useFocusRingPortal","_useKeyboardFocusHighlighting","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ComboBox","forwardRef","bodyWidth","direction","DropdownDirection","RIGHT","isDisabled","lists","maxHeight","onSelect","placeholder","prefix","container","shouldCaptureEvents","selectedItem","onHide","onShow","shouldShowBigImage","shouldShowClearIcon","shouldShowRoundImage","onInputFocus","prefixMinWidth","size","ComboBoxSize","NORMAL","shouldUseFullWidth","onInputChange","shouldUseCurrentItemWidth","onInputBlur","shouldShowTransparentBackground","inputValue","shouldDropDownUseMaxItemWidth","shouldEnableKeyboardHighlighting","ref","internalSelectedItem","setInternalSelectedItem","useState","isAnimating","setIsAnimating","minWidth","setMinWidth","undefined","bodyMinWidth","setBodyMinWidth","focusedIndex","setFocusedIndex","availableMaxHeight","setAvailableMaxHeight","isInputFocused","useRef","styledComboBoxElementRef","comboBoxHeaderRef","comboBoxInputRef","contentRef","parentSize","useElementSize","shouldUseParentElement","functions","useFunctions","values","useValues","isTouch","useIsTouch","areaProvider","useContext","AreaContext","useEffect","calculatedMinWidth","calculatedBodyMinWidth","getComboBoxWidthResult","parentWidth","width","shouldChangeColor","useMemo","shouldShowKeyboardHighlighting","useKeyboardFocusHighlighting","useFocusRingPortal","isEnabled","shouldDisableActions","combinedLists","flatMap","list","length","some","item","value","effectiveMaxHeight","Math","min","contentHeight","flatItems","height","reduce","isBigItem","subtext","trim","handleInputFocus","useCallback","event","current","handleInputBlur","handleOpen","handleClose","handleContainerBlur","_contentRef$current","nextFocusedElement","relatedTarget","currentContainer","currentTarget","contains","restoreTriggerFocus","requestAnimationFrame","_comboBoxHeaderRef$cu","_comboBoxInputRef$cur","focus","handleSetSelectedItem","itemToSelect","onSelectResult","Promise","then","shouldPreventSelection","handleClear","preventDefault","stopPropagation","handleKeyDown","key","_contentRef$current2","children","stepDirection","newIndex","attempts","newElement","shouldSkip","id","startsWith","endsWith","prevElement","tabIndex","focusedElement","_contentRef$current3","element","newSelectedItem","find","String","replace","document","addEventListener","removeEventListener","placeholderImageUrl","imageUrl","placeholderIcon","icons","placeholderText","text","shouldShowRoundPlaceholderImage","selectedItemList","handleHeaderClick","handleHeaderKeyDown","useImperativeHandle","hide","show","comboBoxGroups","map","createElement","Fragment","groupName","StyledComboBoxTopic","isSelected","StyledComboBox","$minWidth","$shouldUseFullWidth","onBlur","StyledComboBoxHeader","$direction","onClick","$isOpen","$isTouch","$size","$shouldShowTransparentBackground","$isDisabled","$shouldChangeColor","$shouldShowBigImage","onKeyDown","role","StyledComboBoxPrefixAndPlaceholderWrapper","StyledComboBoxPrefix","$prefixMinWidth","StyledComboBoxPlaceholder","$shouldReduceOpacity","StyledComboBoxPlaceholderImage","src","$shouldShowRoundImage","StyledComboBoxInput","disabled","onChange","onFocus","StyledComboBoxPlaceholderText","suffixElement","StyledComboBoxClearIconWrapper","StyledComboBoxIconWrapper","$shouldShowBorderLeft","anchorElement","onAvailableMaxHeightChange","onClose","shouldShowDropdown","minBodyWidth","StyledComboBoxBody","$maxHeight","className","displayName","_default","exports"],"sources":["../../../../src/components/combobox/ComboBox.tsx"],"sourcesContent":["import { useFunctions, useValues } from 'chayns-api';\nimport React, {\n    FocusEventHandler,\n    KeyboardEventHandler,\n    forwardRef,\n    Fragment,\n    useCallback,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useIsTouch } from '../../utils/environment';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport Icon from '../icon/Icon';\nimport ComboBoxItem from './combobox-item/ComboBoxItem';\nimport {\n    StyledComboBox,\n    StyledComboBoxBody,\n    StyledComboBoxClearIconWrapper,\n    StyledComboBoxHeader,\n    StyledComboBoxIconWrapper,\n    StyledComboBoxInput,\n    StyledComboBoxPlaceholder,\n    StyledComboBoxPlaceholderImage,\n    StyledComboBoxPlaceholderText,\n    StyledComboBoxPrefix,\n    StyledComboBoxPrefixAndPlaceholderWrapper,\n    StyledComboBoxTopic,\n} from './ComboBox.styles';\nimport DropdownBodyWrapper from '../dropdown-body-wrapper/DropdownBodyWrapper';\nimport { DropdownDirection } from '../../types/dropdown';\nimport { useElementSize } from '../../hooks/element';\nimport { ComboBoxProps, ComboBoxRef, ComboBoxSize, IComboBoxItem } from './ComboBox.types';\nimport { getComboBoxWidthResult } from './ComboBox.utils';\nimport { useFocusRingPortal } from '../../hooks/useFocusRingPortal';\nimport { useKeyboardFocusHighlighting } from '../../hooks/useKeyboardFocusHighlighting';\n\nconst ComboBox = forwardRef<ComboBoxRef, ComboBoxProps>(\n    (\n        {\n            bodyWidth,\n            direction = DropdownDirection.RIGHT,\n            isDisabled = false,\n            lists,\n            maxHeight = 280,\n            onSelect,\n            placeholder,\n            prefix,\n            container,\n            shouldCaptureEvents,\n            selectedItem,\n            onHide,\n            onShow,\n            shouldShowBigImage,\n            shouldShowClearIcon,\n            shouldShowRoundImage,\n            onInputFocus,\n            prefixMinWidth,\n            size = ComboBoxSize.NORMAL,\n            shouldUseFullWidth = false,\n            onInputChange,\n            shouldUseCurrentItemWidth = false,\n            onInputBlur,\n            shouldShowTransparentBackground = false,\n            inputValue,\n            shouldDropDownUseMaxItemWidth = false,\n            shouldEnableKeyboardHighlighting,\n        },\n        ref,\n    ) => {\n        const [internalSelectedItem, setInternalSelectedItem] = useState<IComboBoxItem>();\n        const [isAnimating, setIsAnimating] = useState(false);\n        const [minWidth, setMinWidth] = useState<number | undefined>(undefined);\n        const [bodyMinWidth, setBodyMinWidth] = useState(0);\n        const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n        const [availableMaxHeight, setAvailableMaxHeight] = useState<number | undefined>(undefined);\n\n        const isInputFocused = useRef(false);\n        const styledComboBoxElementRef = useRef<HTMLDivElement>(null);\n        const comboBoxHeaderRef = useRef<HTMLDivElement>(null);\n        const comboBoxInputRef = useRef<HTMLInputElement>(null);\n        const contentRef = useRef<HTMLDivElement | null>(null);\n\n        const parentSize = useElementSize(styledComboBoxElementRef, {\n            shouldUseParentElement: true,\n        });\n\n        const functions = useFunctions();\n        const values = useValues();\n        const isTouch = useIsTouch();\n        const areaProvider = useContext(AreaContext);\n\n        useEffect(() => {\n            if (!parentSize) {\n                return;\n            }\n\n            const { minWidth: calculatedMinWidth, bodyMinWidth: calculatedBodyMinWidth } =\n                getComboBoxWidthResult({\n                    functions,\n                    internalSelectedItem,\n                    lists,\n                    parentWidth: parentSize.width,\n                    placeholder,\n                    prefix,\n                    prefixMinWidth,\n                    selectedItem,\n                    shouldDropDownUseMaxItemWidth,\n                    shouldShowBigImage,\n                    shouldShowClearIcon,\n                    shouldUseCurrentItemWidth,\n                    shouldUseFullWidth,\n                    values,\n                });\n\n            setMinWidth(calculatedMinWidth);\n            setBodyMinWidth(calculatedBodyMinWidth);\n        }, [\n            functions,\n            internalSelectedItem,\n            lists,\n            parentSize,\n            placeholder,\n            prefix,\n            prefixMinWidth,\n            selectedItem,\n            shouldDropDownUseMaxItemWidth,\n            shouldShowBigImage,\n            shouldShowClearIcon,\n            shouldUseCurrentItemWidth,\n            shouldUseFullWidth,\n            values,\n        ]);\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\n\n        const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(\n            shouldEnableKeyboardHighlighting && !isDisabled,\n        );\n        useFocusRingPortal(comboBoxHeaderRef, {\n            isEnabled: shouldShowKeyboardHighlighting && typeof inputValue !== 'string',\n        });\n        useFocusRingPortal(comboBoxInputRef, {\n            isEnabled: shouldShowKeyboardHighlighting && typeof inputValue === 'string',\n        });\n\n        const shouldDisableActions = useMemo(() => {\n            if (!selectedItem) {\n                return false;\n            }\n\n            const combinedLists = lists.flatMap((list) => list.list);\n\n            return (\n                combinedLists.length === 1 &&\n                combinedLists.some((item) => item.value === selectedItem.value)\n            );\n        }, [lists, selectedItem]);\n\n        // Limits the configured maxHeight by the height that is actually available inside the\n        // container (reported by the DropdownBodyWrapper). This prevents the dropdown from being cut\n        // off when it is opened to the top or bottom and there is not enough space.\n        const effectiveMaxHeight = useMemo(() => {\n            if (typeof availableMaxHeight === 'number' && availableMaxHeight > 0) {\n                return Math.min(maxHeight, availableMaxHeight);\n            }\n\n            return maxHeight;\n        }, [availableMaxHeight, maxHeight]);\n\n        const contentHeight = useMemo(() => {\n            const flatItems = lists.flatMap((list) => list.list);\n\n            let height = flatItems.reduce((value, item) => {\n                const isBigItem =\n                    shouldShowBigImage ||\n                    (typeof item.subtext === 'string' && item.subtext.trim() !== '');\n\n                return value + (isBigItem ? 56 : 38);\n            }, 0);\n\n            if (lists.length > 1) {\n                height += lists.length * 38;\n            }\n\n            if (effectiveMaxHeight < height) {\n                height = effectiveMaxHeight;\n            }\n\n            return height;\n        }, [effectiveMaxHeight, lists, shouldShowBigImage]);\n\n        const handleInputFocus: FocusEventHandler<HTMLInputElement> = useCallback(\n            (event) => {\n                isInputFocused.current = true;\n                onInputFocus?.(event);\n            },\n            [onInputFocus],\n        );\n\n        const handleInputBlur: FocusEventHandler<HTMLInputElement> = useCallback(\n            (event) => {\n                isInputFocused.current = false;\n                onInputBlur?.(event);\n            },\n            [onInputBlur],\n        );\n\n        const handleOpen = useCallback(() => {\n            if (typeof onShow === 'function') {\n                onShow();\n            }\n\n            setIsAnimating(true);\n        }, [onShow]);\n\n        const handleClose = useCallback(() => {\n            if (typeof onHide === 'function') {\n                onHide();\n            }\n\n            setIsAnimating(false);\n        }, [onHide]);\n\n        const handleContainerBlur = useCallback(\n            (event: React.FocusEvent<HTMLDivElement>) => {\n                const nextFocusedElement = event.relatedTarget as Node | null;\n                const currentContainer = event.currentTarget as HTMLElement;\n\n                if (\n                    !nextFocusedElement ||\n                    (!currentContainer.contains(nextFocusedElement) &&\n                        !contentRef.current?.contains(nextFocusedElement))\n                ) {\n                    handleClose();\n                }\n            },\n            [handleClose],\n        );\n\n        const restoreTriggerFocus = useCallback(() => {\n            // Delay is needed so focus happens after dropdown close/render cycle.\n            requestAnimationFrame(() => {\n                if (typeof inputValue === 'string') {\n                    comboBoxInputRef.current?.focus();\n                    return;\n                }\n\n                comboBoxHeaderRef.current?.focus();\n            });\n        }, [inputValue]);\n\n        /**\n         * This function sets the selected item\n         */\n        const handleSetSelectedItem = useCallback(\n            (itemToSelect?: IComboBoxItem) => {\n                if (typeof onSelect === 'function') {\n                    const onSelectResult = onSelect(itemToSelect);\n\n                    if (onSelectResult === false) {\n                        return;\n                    }\n\n                    if (onSelectResult instanceof Promise) {\n                        void onSelectResult.then((shouldPreventSelection) => {\n                            if (shouldPreventSelection) return;\n\n                            setInternalSelectedItem(itemToSelect);\n                            handleClose();\n                            restoreTriggerFocus();\n                        });\n\n                        return;\n                    }\n                }\n\n                setInternalSelectedItem(itemToSelect);\n                handleClose();\n                restoreTriggerFocus();\n            },\n            [handleClose, onSelect, restoreTriggerFocus],\n        );\n\n        const handleClear = useCallback(\n            (event: React.MouseEvent<HTMLDivElement>) => {\n                event.preventDefault();\n                event.stopPropagation();\n\n                handleSetSelectedItem(undefined);\n            },\n            [handleSetSelectedItem],\n        );\n\n        useEffect(() => {\n            const handleKeyDown = (e: KeyboardEvent) => {\n                if (!isAnimating) return;\n\n                if (e.key === 'Escape') {\n                    e.preventDefault();\n                    handleClose();\n                    restoreTriggerFocus();\n                    return;\n                }\n\n                if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                    e.preventDefault();\n\n                    const children = contentRef.current?.children;\n\n                    if (!children || children.length === 0) return;\n\n                    const stepDirection = e.key === 'ArrowUp' ? -1 : 1;\n\n                    let newIndex = focusedIndex ?? -1;\n\n                    let attempts = 0;\n\n                    do {\n                        newIndex = (newIndex + stepDirection + children.length) % children.length;\n\n                        const newElement = children[newIndex] as HTMLDivElement;\n\n                        let shouldSkip = false;\n\n                        if (\n                            newElement.id.startsWith('combobox-group--') ||\n                            newElement.id.endsWith('--disabled-item')\n                        ) {\n                            shouldSkip = true;\n                        }\n\n                        if (!shouldSkip) break;\n\n                        attempts++;\n                    } while (attempts < children.length);\n\n                    if (focusedIndex !== null) {\n                        const prevElement = children[focusedIndex] as HTMLDivElement;\n\n                        prevElement.tabIndex = -1;\n                    }\n\n                    setFocusedIndex(newIndex);\n\n                    const focusedElement = children[newIndex] as HTMLDivElement;\n\n                    focusedElement.tabIndex = 0;\n                    focusedElement.focus();\n                } else if ((e.key === 'Enter' || e.key === ' ') && focusedIndex !== null) {\n                    e.preventDefault();\n                    const element = contentRef.current?.children[focusedIndex];\n\n                    if (!element) return;\n\n                    const { id } = element;\n\n                    let newSelectedItem: IComboBoxItem | undefined;\n\n                    lists.some((list) => {\n                        newSelectedItem = list.list.find(\n                            ({ value }) => String(value) === id.replace('combobox-item__', ''),\n                        );\n\n                        return !!newSelectedItem;\n                    });\n\n                    if (newSelectedItem) {\n                        handleSetSelectedItem(newSelectedItem);\n                    }\n                }\n            };\n\n            document.addEventListener('keydown', handleKeyDown);\n\n            return () => document.removeEventListener('keydown', handleKeyDown);\n        }, [\n            focusedIndex,\n            handleClose,\n            handleSetSelectedItem,\n            isAnimating,\n            lists,\n            restoreTriggerFocus,\n        ]);\n\n        /**\n         * This function sets the external selected item\n         */\n        useEffect(() => {\n            setIsAnimating(false);\n            setInternalSelectedItem(selectedItem);\n        }, [selectedItem]);\n\n        const placeholderImageUrl = useMemo(() => {\n            if (selectedItem) {\n                return selectedItem.imageUrl;\n            }\n\n            if (internalSelectedItem) {\n                return internalSelectedItem.imageUrl;\n            }\n\n            return undefined;\n        }, [internalSelectedItem, selectedItem]);\n\n        const placeholderIcon = useMemo(() => {\n            if (selectedItem) {\n                return selectedItem.icons;\n            }\n\n            if (internalSelectedItem) {\n                return internalSelectedItem.icons;\n            }\n\n            return undefined;\n        }, [internalSelectedItem, selectedItem]);\n\n        /**\n         * This function resets the placeholder\n         */\n        const placeholderText = useMemo(() => {\n            let text = placeholder;\n\n            if (selectedItem) {\n                text = selectedItem.text;\n            } else if (internalSelectedItem) {\n                text = internalSelectedItem.text;\n            }\n\n            return text;\n        }, [internalSelectedItem, placeholder, selectedItem]);\n\n        const shouldShowRoundPlaceholderImage = useMemo(() => {\n            const selectedItemList = lists.find((list) =>\n                list.list.some(\n                    ({ value }) => value === (selectedItem?.value ?? internalSelectedItem?.value),\n                ),\n            );\n\n            return selectedItemList?.shouldShowRoundImage ?? shouldShowRoundImage;\n        }, [internalSelectedItem?.value, lists, selectedItem?.value, shouldShowRoundImage]);\n\n        /**\n         * This function opens the content of the combobox\n         */\n        const handleHeaderClick = useCallback(() => {\n            if (!isDisabled && !isInputFocused.current) {\n                if (isAnimating) {\n                    handleClose();\n                } else {\n                    handleOpen();\n                }\n            }\n        }, [handleClose, handleOpen, isAnimating, isDisabled]);\n\n        const handleHeaderKeyDown: KeyboardEventHandler<HTMLDivElement> = useCallback(\n            (event) => {\n                if (isDisabled || typeof inputValue === 'string') {\n                    return;\n                }\n\n                if (event.key === 'Escape' && isAnimating) {\n                    event.preventDefault();\n                    handleClose();\n                    restoreTriggerFocus();\n                    return;\n                }\n\n                if (event.key === 'Enter' || event.key === ' ') {\n                    event.preventDefault();\n                    handleHeaderClick();\n                }\n            },\n            [\n                handleClose,\n                handleHeaderClick,\n                inputValue,\n                isAnimating,\n                isDisabled,\n                restoreTriggerFocus,\n            ],\n        );\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                hide: handleClose,\n                show: handleOpen,\n            }),\n            [handleClose, handleOpen],\n        );\n\n        const comboBoxGroups = useMemo(\n            () =>\n                lists.map((list) => (\n                    <Fragment key={list.groupName ?? 'default-group'}>\n                        {list.groupName && lists.length > 1 && (\n                            <StyledComboBoxTopic id={`combobox-group--${list.groupName}`}>\n                                {list.groupName}\n                            </StyledComboBoxTopic>\n                        )}\n                        {list.list.map((item) => (\n                            <ComboBoxItem\n                                key={`item-${item.text}`}\n                                item={item}\n                                isSelected={\n                                    selectedItem ? item.value === selectedItem.value : false\n                                }\n                                onSelect={handleSetSelectedItem}\n                                shouldShowBigImage={shouldShowBigImage}\n                                shouldShowRoundImage={\n                                    list.shouldShowRoundImage ?? shouldShowRoundImage\n                                }\n                            />\n                        ))}\n                    </Fragment>\n                )),\n            [handleSetSelectedItem, lists, selectedItem, shouldShowBigImage, shouldShowRoundImage],\n        );\n\n        return useMemo(\n            () => (\n                <StyledComboBox\n                    ref={styledComboBoxElementRef}\n                    $minWidth={minWidth}\n                    $shouldUseFullWidth={shouldUseFullWidth}\n                    onBlur={handleContainerBlur}\n                >\n                    <StyledComboBoxHeader\n                        ref={comboBoxHeaderRef}\n                        $direction={direction}\n                        onClick={handleHeaderClick}\n                        $isOpen={isAnimating}\n                        $isTouch={isTouch}\n                        $size={size}\n                        $shouldShowTransparentBackground={shouldShowTransparentBackground}\n                        $isDisabled={isDisabled}\n                        $shouldChangeColor={shouldChangeColor}\n                        $shouldShowBigImage={shouldShowBigImage}\n                        onKeyDown={handleHeaderKeyDown}\n                        tabIndex={!isDisabled && typeof inputValue !== 'string' ? 0 : undefined}\n                        role={!isDisabled && typeof inputValue !== 'string' ? 'button' : undefined}\n                        aria-expanded={\n                            !isDisabled && typeof inputValue !== 'string' ? isAnimating : undefined\n                        }\n                    >\n                        <StyledComboBoxPrefixAndPlaceholderWrapper>\n                            {prefix && (\n                                <StyledComboBoxPrefix $prefixMinWidth={prefixMinWidth}>\n                                    {prefix}\n                                </StyledComboBoxPrefix>\n                            )}\n                            <StyledComboBoxPlaceholder\n                                $shouldReduceOpacity={!selectedItem && !internalSelectedItem}\n                            >\n                                {placeholderImageUrl && (\n                                    <StyledComboBoxPlaceholderImage\n                                        src={placeholderImageUrl}\n                                        $shouldShowBigImage={shouldShowBigImage}\n                                        $shouldShowRoundImage={shouldShowRoundPlaceholderImage}\n                                    />\n                                )}\n                                {placeholderIcon && <Icon icons={placeholderIcon} />}\n                                {typeof inputValue === 'string' ? (\n                                    <StyledComboBoxInput\n                                        ref={comboBoxInputRef}\n                                        disabled={isDisabled}\n                                        value={inputValue}\n                                        onChange={onInputChange}\n                                        onBlur={handleInputBlur}\n                                        onFocus={handleInputFocus}\n                                        placeholder={placeholderText}\n                                    />\n                                ) : (\n                                    <StyledComboBoxPlaceholderText>\n                                        {placeholderText}\n                                    </StyledComboBoxPlaceholderText>\n                                )}\n                                {internalSelectedItem &&\n                                    internalSelectedItem.suffixElement &&\n                                    internalSelectedItem.suffixElement}\n                            </StyledComboBoxPlaceholder>\n                        </StyledComboBoxPrefixAndPlaceholderWrapper>\n                        {shouldShowClearIcon && internalSelectedItem && (\n                            <StyledComboBoxClearIconWrapper\n                                $isDisabled={isDisabled}\n                                onClick={handleClear}\n                            >\n                                <Icon icons={['fa fa-times']} />\n                            </StyledComboBoxClearIconWrapper>\n                        )}\n                        {!shouldDisableActions && (\n                            <StyledComboBoxIconWrapper\n                                $isDisabled={isDisabled}\n                                $size={size}\n                                $shouldShowBorderLeft={\n                                    shouldShowClearIcon === true &&\n                                    internalSelectedItem !== undefined\n                                }\n                            >\n                                <Icon icons={['fa fa-chevron-down']} isDisabled={isDisabled} />\n                            </StyledComboBoxIconWrapper>\n                        )}\n                    </StyledComboBoxHeader>\n                    {styledComboBoxElementRef.current && (\n                        <DropdownBodyWrapper\n                            anchorElement={styledComboBoxElementRef.current}\n                            bodyWidth={bodyWidth}\n                            contentHeight={contentHeight}\n                            shouldCaptureEvents={shouldCaptureEvents}\n                            onAvailableMaxHeightChange={setAvailableMaxHeight}\n                            onClose={handleClose}\n                            direction={direction}\n                            container={container}\n                            shouldShowDropdown={isAnimating}\n                            minBodyWidth={bodyWidth ?? bodyMinWidth}\n                        >\n                            <StyledComboBoxBody\n                                $maxHeight={effectiveMaxHeight}\n                                $minWidth={bodyWidth ?? bodyMinWidth}\n                                className=\"chayns-scrollbar\"\n                                ref={contentRef}\n                                tabIndex={0}\n                            >\n                                {comboBoxGroups}\n                            </StyledComboBoxBody>\n                        </DropdownBodyWrapper>\n                    )}\n                </StyledComboBox>\n            ),\n            [\n                bodyMinWidth,\n                bodyWidth,\n                comboBoxGroups,\n                container,\n                contentHeight,\n                direction,\n                handleClear,\n                handleClose,\n                handleHeaderClick,\n                handleHeaderKeyDown,\n                handleInputBlur,\n                handleInputFocus,\n                inputValue,\n                internalSelectedItem,\n                isAnimating,\n                isDisabled,\n                isTouch,\n                effectiveMaxHeight,\n                minWidth,\n                onInputChange,\n                placeholderIcon,\n                placeholderImageUrl,\n                placeholderText,\n                prefix,\n                prefixMinWidth,\n                selectedItem,\n                shouldChangeColor,\n                shouldDisableActions,\n                shouldCaptureEvents,\n                shouldShowKeyboardHighlighting,\n                shouldShowBigImage,\n                shouldShowClearIcon,\n                shouldShowRoundPlaceholderImage,\n                shouldShowTransparentBackground,\n                shouldUseFullWidth,\n                size,\n            ],\n        );\n    },\n);\n\nComboBox.displayName = 'ComboBox';\n\nexport default ComboBox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ComboBox.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_environment","_AreaContextProvider","_Icon","_interopRequireDefault","_ComboBoxItem","_ComboBox","_DropdownBodyWrapper","_dropdown","_element","_ComboBox2","_ComboBox3","_useFocusRingPortal","_useKeyboardFocusHighlighting","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ComboBox","forwardRef","bodyWidth","direction","DropdownDirection","RIGHT","isDisabled","lists","maxHeight","onSelect","placeholder","prefix","container","shouldCaptureEvents","selectedItem","onHide","onShow","shouldShowBigImage","shouldShowClearIcon","shouldShowRoundImage","onInputFocus","prefixMinWidth","size","ComboBoxSize","NORMAL","shouldUseFullWidth","onInputChange","shouldUseCurrentItemWidth","onInputBlur","shouldShowTransparentBackground","inputValue","shouldDropDownUseMaxItemWidth","shouldEnableKeyboardHighlighting","ref","internalSelectedItem","setInternalSelectedItem","useState","isAnimating","setIsAnimating","minWidth","setMinWidth","undefined","bodyMinWidth","setBodyMinWidth","focusedIndex","setFocusedIndex","availableMaxHeight","setAvailableMaxHeight","isInputFocused","useRef","styledComboBoxElementRef","comboBoxHeaderRef","comboBoxInputRef","contentRef","parentSize","useElementSize","shouldUseParentElement","functions","useFunctions","values","useValues","isTouch","useIsTouch","areaProvider","useContext","AreaContext","useEffect","calculatedMinWidth","calculatedBodyMinWidth","getComboBoxWidthResult","parentWidth","width","shouldChangeColor","useMemo","shouldShowKeyboardHighlighting","useKeyboardFocusHighlighting","useFocusRingPortal","isEnabled","shouldDisableActions","combinedLists","flatMap","list","length","some","item","value","effectiveMaxHeight","Math","min","contentHeight","flatItems","height","reduce","isBigItem","subtext","trim","handleInputFocus","useCallback","event","current","handleInputBlur","handleOpen","handleClose","handleContainerBlur","_contentRef$current","nextFocusedElement","relatedTarget","currentContainer","currentTarget","contains","restoreTriggerFocus","requestAnimationFrame","_comboBoxHeaderRef$cu","_comboBoxInputRef$cur","focus","handleSetSelectedItem","itemToSelect","onSelectResult","Promise","then","shouldPreventSelection","handleClear","preventDefault","stopPropagation","handleKeyDown","key","_contentRef$current2","children","stepDirection","newIndex","attempts","newElement","shouldSkip","id","startsWith","endsWith","prevElement","tabIndex","focusedElement","_contentRef$current3","element","newSelectedItem","find","String","replace","document","addEventListener","removeEventListener","placeholderImageUrl","imageUrl","placeholderIcon","icons","placeholderText","text","shouldShowRoundPlaceholderImage","selectedItemList","handleHeaderClick","handleHeaderKeyDown","useImperativeHandle","hide","show","comboBoxGroups","map","createElement","Fragment","groupName","StyledComboBoxTopic","isSelected","StyledComboBox","$minWidth","$shouldUseFullWidth","onBlur","StyledComboBoxHeader","$direction","onClick","$isOpen","$isTouch","$size","$shouldShowTransparentBackground","$isDisabled","$shouldChangeColor","$shouldShowBigImage","onKeyDown","role","StyledComboBoxPrefixAndPlaceholderWrapper","StyledComboBoxPrefix","$prefixMinWidth","StyledComboBoxPlaceholder","$shouldReduceOpacity","StyledComboBoxPlaceholderImage","src","$shouldShowRoundImage","StyledComboBoxInput","disabled","onChange","onFocus","StyledComboBoxPlaceholderText","suffixElement","StyledComboBoxClearIconWrapper","MINI","StyledComboBoxIconWrapper","$shouldShowBorderLeft","anchorElement","onAvailableMaxHeightChange","onClose","shouldShowDropdown","minBodyWidth","StyledComboBoxBody","$maxHeight","className","displayName","_default","exports"],"sources":["../../../../src/components/combobox/ComboBox.tsx"],"sourcesContent":["import { useFunctions, useValues } from 'chayns-api';\nimport React, {\n    FocusEventHandler,\n    KeyboardEventHandler,\n    forwardRef,\n    Fragment,\n    useCallback,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useIsTouch } from '../../utils/environment';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport Icon from '../icon/Icon';\nimport ComboBoxItem from './combobox-item/ComboBoxItem';\nimport {\n    StyledComboBox,\n    StyledComboBoxBody,\n    StyledComboBoxClearIconWrapper,\n    StyledComboBoxHeader,\n    StyledComboBoxIconWrapper,\n    StyledComboBoxInput,\n    StyledComboBoxPlaceholder,\n    StyledComboBoxPlaceholderImage,\n    StyledComboBoxPlaceholderText,\n    StyledComboBoxPrefix,\n    StyledComboBoxPrefixAndPlaceholderWrapper,\n    StyledComboBoxTopic,\n} from './ComboBox.styles';\nimport DropdownBodyWrapper from '../dropdown-body-wrapper/DropdownBodyWrapper';\nimport { DropdownDirection } from '../../types/dropdown';\nimport { useElementSize } from '../../hooks/element';\nimport { ComboBoxProps, ComboBoxRef, ComboBoxSize, IComboBoxItem } from './ComboBox.types';\nimport { getComboBoxWidthResult } from './ComboBox.utils';\nimport { useFocusRingPortal } from '../../hooks/useFocusRingPortal';\nimport { useKeyboardFocusHighlighting } from '../../hooks/useKeyboardFocusHighlighting';\n\nconst ComboBox = forwardRef<ComboBoxRef, ComboBoxProps>(\n    (\n        {\n            bodyWidth,\n            direction = DropdownDirection.RIGHT,\n            isDisabled = false,\n            lists,\n            maxHeight = 280,\n            onSelect,\n            placeholder,\n            prefix,\n            container,\n            shouldCaptureEvents,\n            selectedItem,\n            onHide,\n            onShow,\n            shouldShowBigImage,\n            shouldShowClearIcon,\n            shouldShowRoundImage,\n            onInputFocus,\n            prefixMinWidth,\n            size = ComboBoxSize.NORMAL,\n            shouldUseFullWidth = false,\n            onInputChange,\n            shouldUseCurrentItemWidth = false,\n            onInputBlur,\n            shouldShowTransparentBackground = false,\n            inputValue,\n            shouldDropDownUseMaxItemWidth = false,\n            shouldEnableKeyboardHighlighting,\n        },\n        ref,\n    ) => {\n        const [internalSelectedItem, setInternalSelectedItem] = useState<IComboBoxItem>();\n        const [isAnimating, setIsAnimating] = useState(false);\n        const [minWidth, setMinWidth] = useState<number | undefined>(undefined);\n        const [bodyMinWidth, setBodyMinWidth] = useState(0);\n        const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n        const [availableMaxHeight, setAvailableMaxHeight] = useState<number | undefined>(undefined);\n\n        const isInputFocused = useRef(false);\n        const styledComboBoxElementRef = useRef<HTMLDivElement>(null);\n        const comboBoxHeaderRef = useRef<HTMLDivElement>(null);\n        const comboBoxInputRef = useRef<HTMLInputElement>(null);\n        const contentRef = useRef<HTMLDivElement | null>(null);\n\n        const parentSize = useElementSize(styledComboBoxElementRef, {\n            shouldUseParentElement: true,\n        });\n\n        const functions = useFunctions();\n        const values = useValues();\n        const isTouch = useIsTouch();\n        const areaProvider = useContext(AreaContext);\n\n        useEffect(() => {\n            if (!parentSize) {\n                return;\n            }\n\n            const { minWidth: calculatedMinWidth, bodyMinWidth: calculatedBodyMinWidth } =\n                getComboBoxWidthResult({\n                    functions,\n                    internalSelectedItem,\n                    lists,\n                    parentWidth: parentSize.width,\n                    placeholder,\n                    prefix,\n                    prefixMinWidth,\n                    selectedItem,\n                    shouldDropDownUseMaxItemWidth,\n                    shouldShowBigImage,\n                    shouldShowClearIcon,\n                    shouldUseCurrentItemWidth,\n                    shouldUseFullWidth,\n                    values,\n                });\n\n            setMinWidth(calculatedMinWidth);\n            setBodyMinWidth(calculatedBodyMinWidth);\n        }, [\n            functions,\n            internalSelectedItem,\n            lists,\n            parentSize,\n            placeholder,\n            prefix,\n            prefixMinWidth,\n            selectedItem,\n            shouldDropDownUseMaxItemWidth,\n            shouldShowBigImage,\n            shouldShowClearIcon,\n            shouldUseCurrentItemWidth,\n            shouldUseFullWidth,\n            values,\n        ]);\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\n\n        const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(\n            shouldEnableKeyboardHighlighting && !isDisabled,\n        );\n        useFocusRingPortal(comboBoxHeaderRef, {\n            isEnabled: shouldShowKeyboardHighlighting && typeof inputValue !== 'string',\n        });\n        useFocusRingPortal(comboBoxInputRef, {\n            isEnabled: shouldShowKeyboardHighlighting && typeof inputValue === 'string',\n        });\n\n        const shouldDisableActions = useMemo(() => {\n            if (!selectedItem) {\n                return false;\n            }\n\n            const combinedLists = lists.flatMap((list) => list.list);\n\n            return (\n                combinedLists.length === 1 &&\n                combinedLists.some((item) => item.value === selectedItem.value)\n            );\n        }, [lists, selectedItem]);\n\n        // Limits the configured maxHeight by the height that is actually available inside the\n        // container (reported by the DropdownBodyWrapper). This prevents the dropdown from being cut\n        // off when it is opened to the top or bottom and there is not enough space.\n        const effectiveMaxHeight = useMemo(() => {\n            if (typeof availableMaxHeight === 'number' && availableMaxHeight > 0) {\n                return Math.min(maxHeight, availableMaxHeight);\n            }\n\n            return maxHeight;\n        }, [availableMaxHeight, maxHeight]);\n\n        const contentHeight = useMemo(() => {\n            const flatItems = lists.flatMap((list) => list.list);\n\n            let height = flatItems.reduce((value, item) => {\n                const isBigItem =\n                    shouldShowBigImage ||\n                    (typeof item.subtext === 'string' && item.subtext.trim() !== '');\n\n                return value + (isBigItem ? 56 : 38);\n            }, 0);\n\n            if (lists.length > 1) {\n                height += lists.length * 38;\n            }\n\n            if (effectiveMaxHeight < height) {\n                height = effectiveMaxHeight;\n            }\n\n            return height;\n        }, [effectiveMaxHeight, lists, shouldShowBigImage]);\n\n        const handleInputFocus: FocusEventHandler<HTMLInputElement> = useCallback(\n            (event) => {\n                isInputFocused.current = true;\n                onInputFocus?.(event);\n            },\n            [onInputFocus],\n        );\n\n        const handleInputBlur: FocusEventHandler<HTMLInputElement> = useCallback(\n            (event) => {\n                isInputFocused.current = false;\n                onInputBlur?.(event);\n            },\n            [onInputBlur],\n        );\n\n        const handleOpen = useCallback(() => {\n            if (typeof onShow === 'function') {\n                onShow();\n            }\n\n            setIsAnimating(true);\n        }, [onShow]);\n\n        const handleClose = useCallback(() => {\n            if (typeof onHide === 'function') {\n                onHide();\n            }\n\n            setIsAnimating(false);\n        }, [onHide]);\n\n        const handleContainerBlur = useCallback(\n            (event: React.FocusEvent<HTMLDivElement>) => {\n                const nextFocusedElement = event.relatedTarget as Node | null;\n                const currentContainer = event.currentTarget as HTMLElement;\n\n                if (\n                    !nextFocusedElement ||\n                    (!currentContainer.contains(nextFocusedElement) &&\n                        !contentRef.current?.contains(nextFocusedElement))\n                ) {\n                    handleClose();\n                }\n            },\n            [handleClose],\n        );\n\n        const restoreTriggerFocus = useCallback(() => {\n            // Delay is needed so focus happens after dropdown close/render cycle.\n            requestAnimationFrame(() => {\n                if (typeof inputValue === 'string') {\n                    comboBoxInputRef.current?.focus();\n                    return;\n                }\n\n                comboBoxHeaderRef.current?.focus();\n            });\n        }, [inputValue]);\n\n        /**\n         * This function sets the selected item\n         */\n        const handleSetSelectedItem = useCallback(\n            (itemToSelect?: IComboBoxItem) => {\n                if (typeof onSelect === 'function') {\n                    const onSelectResult = onSelect(itemToSelect);\n\n                    if (onSelectResult === false) {\n                        return;\n                    }\n\n                    if (onSelectResult instanceof Promise) {\n                        void onSelectResult.then((shouldPreventSelection) => {\n                            if (shouldPreventSelection) return;\n\n                            setInternalSelectedItem(itemToSelect);\n                            handleClose();\n                            restoreTriggerFocus();\n                        });\n\n                        return;\n                    }\n                }\n\n                setInternalSelectedItem(itemToSelect);\n                handleClose();\n                restoreTriggerFocus();\n            },\n            [handleClose, onSelect, restoreTriggerFocus],\n        );\n\n        const handleClear = useCallback(\n            (event: React.MouseEvent<HTMLDivElement>) => {\n                event.preventDefault();\n                event.stopPropagation();\n\n                handleSetSelectedItem(undefined);\n            },\n            [handleSetSelectedItem],\n        );\n\n        useEffect(() => {\n            const handleKeyDown = (e: KeyboardEvent) => {\n                if (!isAnimating) return;\n\n                if (e.key === 'Escape') {\n                    e.preventDefault();\n                    handleClose();\n                    restoreTriggerFocus();\n                    return;\n                }\n\n                if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                    e.preventDefault();\n\n                    const children = contentRef.current?.children;\n\n                    if (!children || children.length === 0) return;\n\n                    const stepDirection = e.key === 'ArrowUp' ? -1 : 1;\n\n                    let newIndex = focusedIndex ?? -1;\n\n                    let attempts = 0;\n\n                    do {\n                        newIndex = (newIndex + stepDirection + children.length) % children.length;\n\n                        const newElement = children[newIndex] as HTMLDivElement;\n\n                        let shouldSkip = false;\n\n                        if (\n                            newElement.id.startsWith('combobox-group--') ||\n                            newElement.id.endsWith('--disabled-item')\n                        ) {\n                            shouldSkip = true;\n                        }\n\n                        if (!shouldSkip) break;\n\n                        attempts++;\n                    } while (attempts < children.length);\n\n                    if (focusedIndex !== null) {\n                        const prevElement = children[focusedIndex] as HTMLDivElement;\n\n                        prevElement.tabIndex = -1;\n                    }\n\n                    setFocusedIndex(newIndex);\n\n                    const focusedElement = children[newIndex] as HTMLDivElement;\n\n                    focusedElement.tabIndex = 0;\n                    focusedElement.focus();\n                } else if ((e.key === 'Enter' || e.key === ' ') && focusedIndex !== null) {\n                    e.preventDefault();\n                    const element = contentRef.current?.children[focusedIndex];\n\n                    if (!element) return;\n\n                    const { id } = element;\n\n                    let newSelectedItem: IComboBoxItem | undefined;\n\n                    lists.some((list) => {\n                        newSelectedItem = list.list.find(\n                            ({ value }) => String(value) === id.replace('combobox-item__', ''),\n                        );\n\n                        return !!newSelectedItem;\n                    });\n\n                    if (newSelectedItem) {\n                        handleSetSelectedItem(newSelectedItem);\n                    }\n                }\n            };\n\n            document.addEventListener('keydown', handleKeyDown);\n\n            return () => document.removeEventListener('keydown', handleKeyDown);\n        }, [\n            focusedIndex,\n            handleClose,\n            handleSetSelectedItem,\n            isAnimating,\n            lists,\n            restoreTriggerFocus,\n        ]);\n\n        /**\n         * This function sets the external selected item\n         */\n        useEffect(() => {\n            setIsAnimating(false);\n            setInternalSelectedItem(selectedItem);\n        }, [selectedItem]);\n\n        const placeholderImageUrl = useMemo(() => {\n            if (selectedItem) {\n                return selectedItem.imageUrl;\n            }\n\n            if (internalSelectedItem) {\n                return internalSelectedItem.imageUrl;\n            }\n\n            return undefined;\n        }, [internalSelectedItem, selectedItem]);\n\n        const placeholderIcon = useMemo(() => {\n            if (selectedItem) {\n                return selectedItem.icons;\n            }\n\n            if (internalSelectedItem) {\n                return internalSelectedItem.icons;\n            }\n\n            return undefined;\n        }, [internalSelectedItem, selectedItem]);\n\n        /**\n         * This function resets the placeholder\n         */\n        const placeholderText = useMemo(() => {\n            let text = placeholder;\n\n            if (selectedItem) {\n                text = selectedItem.text;\n            } else if (internalSelectedItem) {\n                text = internalSelectedItem.text;\n            }\n\n            return text;\n        }, [internalSelectedItem, placeholder, selectedItem]);\n\n        const shouldShowRoundPlaceholderImage = useMemo(() => {\n            const selectedItemList = lists.find((list) =>\n                list.list.some(\n                    ({ value }) => value === (selectedItem?.value ?? internalSelectedItem?.value),\n                ),\n            );\n\n            return selectedItemList?.shouldShowRoundImage ?? shouldShowRoundImage;\n        }, [internalSelectedItem?.value, lists, selectedItem?.value, shouldShowRoundImage]);\n\n        /**\n         * This function opens the content of the combobox\n         */\n        const handleHeaderClick = useCallback(() => {\n            if (!isDisabled && !isInputFocused.current) {\n                if (isAnimating) {\n                    handleClose();\n                } else {\n                    handleOpen();\n                }\n            }\n        }, [handleClose, handleOpen, isAnimating, isDisabled]);\n\n        const handleHeaderKeyDown: KeyboardEventHandler<HTMLDivElement> = useCallback(\n            (event) => {\n                if (isDisabled || typeof inputValue === 'string') {\n                    return;\n                }\n\n                if (event.key === 'Escape' && isAnimating) {\n                    event.preventDefault();\n                    handleClose();\n                    restoreTriggerFocus();\n                    return;\n                }\n\n                if (event.key === 'Enter' || event.key === ' ') {\n                    event.preventDefault();\n                    handleHeaderClick();\n                }\n            },\n            [\n                handleClose,\n                handleHeaderClick,\n                inputValue,\n                isAnimating,\n                isDisabled,\n                restoreTriggerFocus,\n            ],\n        );\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                hide: handleClose,\n                show: handleOpen,\n            }),\n            [handleClose, handleOpen],\n        );\n\n        const comboBoxGroups = useMemo(\n            () =>\n                lists.map((list) => (\n                    <Fragment key={list.groupName ?? 'default-group'}>\n                        {list.groupName && lists.length > 1 && (\n                            <StyledComboBoxTopic id={`combobox-group--${list.groupName}`}>\n                                {list.groupName}\n                            </StyledComboBoxTopic>\n                        )}\n                        {list.list.map((item) => (\n                            <ComboBoxItem\n                                key={`item-${item.text}`}\n                                item={item}\n                                isSelected={\n                                    selectedItem ? item.value === selectedItem.value : false\n                                }\n                                onSelect={handleSetSelectedItem}\n                                shouldShowBigImage={shouldShowBigImage}\n                                shouldShowRoundImage={\n                                    list.shouldShowRoundImage ?? shouldShowRoundImage\n                                }\n                            />\n                        ))}\n                    </Fragment>\n                )),\n            [handleSetSelectedItem, lists, selectedItem, shouldShowBigImage, shouldShowRoundImage],\n        );\n\n        return useMemo(\n            () => (\n                <StyledComboBox\n                    ref={styledComboBoxElementRef}\n                    $minWidth={minWidth}\n                    $shouldUseFullWidth={shouldUseFullWidth}\n                    onBlur={handleContainerBlur}\n                >\n                    <StyledComboBoxHeader\n                        ref={comboBoxHeaderRef}\n                        $direction={direction}\n                        onClick={handleHeaderClick}\n                        $isOpen={isAnimating}\n                        $isTouch={isTouch}\n                        $size={size}\n                        $shouldShowTransparentBackground={shouldShowTransparentBackground}\n                        $isDisabled={isDisabled}\n                        $shouldChangeColor={shouldChangeColor}\n                        $shouldShowBigImage={shouldShowBigImage}\n                        onKeyDown={handleHeaderKeyDown}\n                        tabIndex={!isDisabled && typeof inputValue !== 'string' ? 0 : undefined}\n                        role={!isDisabled && typeof inputValue !== 'string' ? 'button' : undefined}\n                        aria-expanded={\n                            !isDisabled && typeof inputValue !== 'string' ? isAnimating : undefined\n                        }\n                    >\n                        <StyledComboBoxPrefixAndPlaceholderWrapper $size={size}>\n                            {prefix && (\n                                <StyledComboBoxPrefix $prefixMinWidth={prefixMinWidth} $size={size}>\n                                    {prefix}\n                                </StyledComboBoxPrefix>\n                            )}\n                            <StyledComboBoxPlaceholder\n                                $shouldReduceOpacity={!selectedItem && !internalSelectedItem}\n                                $size={size}\n                            >\n                                {placeholderImageUrl && (\n                                    <StyledComboBoxPlaceholderImage\n                                        src={placeholderImageUrl}\n                                        $shouldShowBigImage={shouldShowBigImage}\n                                        $shouldShowRoundImage={shouldShowRoundPlaceholderImage}\n                                    />\n                                )}\n                                {placeholderIcon && <Icon icons={placeholderIcon} />}\n                                {typeof inputValue === 'string' ? (\n                                    <StyledComboBoxInput\n                                        ref={comboBoxInputRef}\n                                        disabled={isDisabled}\n                                        value={inputValue}\n                                        onChange={onInputChange}\n                                        onBlur={handleInputBlur}\n                                        onFocus={handleInputFocus}\n                                        placeholder={placeholderText}\n                                    />\n                                ) : (\n                                    <StyledComboBoxPlaceholderText>\n                                        {placeholderText}\n                                    </StyledComboBoxPlaceholderText>\n                                )}\n                                {internalSelectedItem &&\n                                    internalSelectedItem.suffixElement &&\n                                    internalSelectedItem.suffixElement}\n                            </StyledComboBoxPlaceholder>\n                        </StyledComboBoxPrefixAndPlaceholderWrapper>\n                        {shouldShowClearIcon && internalSelectedItem && (\n                            <StyledComboBoxClearIconWrapper\n                                $isDisabled={isDisabled}\n                                $size={size}\n                                onClick={handleClear}\n                            >\n                                <Icon\n                                    icons={['fa fa-times']}\n                                    size={size === ComboBoxSize.MINI ? 13 : 15}\n                                />\n                            </StyledComboBoxClearIconWrapper>\n                        )}\n                        {!shouldDisableActions && (\n                            <StyledComboBoxIconWrapper\n                                $isDisabled={isDisabled}\n                                $size={size}\n                                $shouldShowBorderLeft={\n                                    shouldShowClearIcon === true &&\n                                    internalSelectedItem !== undefined\n                                }\n                            >\n                                <Icon\n                                    icons={['fa fa-chevron-down']}\n                                    isDisabled={isDisabled}\n                                    size={size === ComboBoxSize.MINI ? 13 : 15}\n                                />\n                            </StyledComboBoxIconWrapper>\n                        )}\n                    </StyledComboBoxHeader>\n                    {styledComboBoxElementRef.current && (\n                        <DropdownBodyWrapper\n                            anchorElement={styledComboBoxElementRef.current}\n                            bodyWidth={bodyWidth}\n                            contentHeight={contentHeight}\n                            shouldCaptureEvents={shouldCaptureEvents}\n                            onAvailableMaxHeightChange={setAvailableMaxHeight}\n                            onClose={handleClose}\n                            direction={direction}\n                            container={container}\n                            shouldShowDropdown={isAnimating}\n                            minBodyWidth={bodyWidth ?? bodyMinWidth}\n                        >\n                            <StyledComboBoxBody\n                                $maxHeight={effectiveMaxHeight}\n                                $minWidth={bodyWidth ?? bodyMinWidth}\n                                className=\"chayns-scrollbar\"\n                                ref={contentRef}\n                                tabIndex={0}\n                            >\n                                {comboBoxGroups}\n                            </StyledComboBoxBody>\n                        </DropdownBodyWrapper>\n                    )}\n                </StyledComboBox>\n            ),\n            [\n                bodyMinWidth,\n                bodyWidth,\n                comboBoxGroups,\n                container,\n                contentHeight,\n                direction,\n                handleClear,\n                handleClose,\n                handleHeaderClick,\n                handleHeaderKeyDown,\n                handleInputBlur,\n                handleInputFocus,\n                inputValue,\n                internalSelectedItem,\n                isAnimating,\n                isDisabled,\n                isTouch,\n                effectiveMaxHeight,\n                minWidth,\n                onInputChange,\n                placeholderIcon,\n                placeholderImageUrl,\n                placeholderText,\n                prefix,\n                prefixMinWidth,\n                selectedItem,\n                shouldChangeColor,\n                shouldDisableActions,\n                shouldCaptureEvents,\n                shouldShowKeyboardHighlighting,\n                shouldShowBigImage,\n                shouldShowClearIcon,\n                shouldShowRoundPlaceholderImage,\n                shouldShowTransparentBackground,\n                shouldUseFullWidth,\n                size,\n            ],\n        );\n    },\n);\n\nComboBox.displayName = 'ComboBox';\n\nexport default ComboBox;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/combobox/ComboBox.styles.js

@@ -54,6 +54,11 @@ const StyledComboBoxHeader = exports.StyledComboBoxHeader = _styledComponents.de
   $size
 }) => {
   switch ($size) {
+    case _ComboBox.ComboBoxSize.MINI:
+      return (0, _styledComponents.css)`
+                    box-sizing: border-box;
+                    height: 28px;
+                `;
     case _ComboBox.ComboBoxSize.SMALL:
       return (0, _styledComponents.css)`
                     height: 34px;
@@ -74,12 +79,12 @@ const StyledComboBoxHeader = exports.StyledComboBoxHeader = _styledComponents.de
   if ($shouldShowTransparentBackground) {
     if (theme.colorMode === 'dark') {
       return (0, _styledComponents.css)`
-                    border-color: rgba(255, 255, 255, 0.5);
+                    border-color: rgba(255, 255, 255, 0.3);
                     background-color: transparent;
                 `;
     }
     return (0, _styledComponents.css)`
-                border-color: rgba(0, 0, 0, 0.5);
+                border-color: rgba(0, 0, 0, 0.3);
                 background-color: transparent;
             `;
   }
@@ -139,6 +144,12 @@ const StyledComboBoxPlaceholder = exports.StyledComboBoxPlaceholder = _styledCom
     opacity: ${({
   $shouldReduceOpacity
 }) => $shouldReduceOpacity ? 0.5 : 1};
+
+    ${({
+  $size
+}) => $size === _ComboBox.ComboBoxSize.MINI && (0, _styledComponents.css)`
+            font-size: 13px;
+        `}
 `;
 const StyledComboBoxPlaceholderText = exports.StyledComboBoxPlaceholderText = _styledComponents.default.div`
     overflow: hidden;
@@ -151,6 +162,12 @@ const StyledComboBoxPrefixAndPlaceholderWrapper = exports.StyledComboBoxPrefixAn
     flex: 1 1 auto;
     min-width: 0;
     padding: 4px 10px;
+
+    ${({
+  $size
+}) => $size === _ComboBox.ComboBoxSize.MINI && (0, _styledComponents.css)`
+            padding: 2px 8px;
+        `}
 `;
 const StyledComboBoxPrefix = exports.StyledComboBoxPrefix = _styledComponents.default.div`
     flex: 0 0 auto;
@@ -158,6 +175,13 @@ const StyledComboBoxPrefix = exports.StyledComboBoxPrefix = _styledComponents.de
   $prefixMinWidth
 }) => $prefixMinWidth ?? 0}px;
     padding-right: 5px;
+
+    ${({
+  $size
+}) => $size === _ComboBox.ComboBoxSize.MINI && (0, _styledComponents.css)`
+            font-size: 13px;
+            padding-right: 4px;
+        `}
 `;
 const StyledComboBoxInput = exports.StyledComboBoxInput = _styledComponents.default.input`
     color: ${({
@@ -165,6 +189,7 @@ const StyledComboBoxInput = exports.StyledComboBoxInput = _styledComponents.defa
 }) => theme.text};
     border: none;
     background-color: transparent;
+    font: inherit;
     width: 100%;
     min-width: 0;
 `;
@@ -196,6 +221,13 @@ const StyledComboBoxClearIconWrapper = exports.StyledComboBoxClearIconWrapper =
     height: 40px;
     justify-content: center;
     width: 40px;
+
+    ${({
+  $size
+}) => $size === _ComboBox.ComboBoxSize.MINI && (0, _styledComponents.css)`
+            height: 26px;
+            width: 28px;
+        `}
 `;
 const StyledComboBoxIconWrapper = exports.StyledComboBoxIconWrapper = _styledComponents.default.div`
     align-items: center;
@@ -214,6 +246,11 @@ const StyledComboBoxIconWrapper = exports.StyledComboBoxIconWrapper = _styledCom
   $size
 }) => {
   switch ($size) {
+    case _ComboBox.ComboBoxSize.MINI:
+      return (0, _styledComponents.css)`
+                    height: 26px;
+                    width: 28px;
+                `;
     case _ComboBox.ComboBoxSize.SMALL:
       return (0, _styledComponents.css)`
                     height: 30px;

package/lib/cjs/components/combobox/ComboBox.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_dropdown","_ComboBox","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledComboBox","exports","styled","div","$shouldUseFullWidth","$minWidth","css","StyledComboBoxHeader","$isDisabled","$size","ComboBoxSize","SMALL","NORMAL","theme","$shouldShowTransparentBackground","$shouldChangeColor","colorMode","$shouldShowBigImage","$isOpen","$direction","DropdownDirection","BOTTOM","BOTTOM_LEFT","BOTTOM_RIGHT","includes","$isTouch","StyledComboBoxPlaceholder","text","$shouldReduceOpacity","StyledComboBoxPlaceholderText","StyledComboBoxPrefixAndPlaceholderWrapper","StyledComboBoxPrefix","$prefixMinWidth","StyledComboBoxInput","input","StyledComboBoxPlaceholderImage","img","$shouldShowRoundImage","StyledComboBoxClearIconWrapper","StyledComboBoxIconWrapper","$shouldShowBorderLeft","StyledComboBoxBody","$maxHeight","StyledComboBoxTopic"],"sources":["../../../../src/components/combobox/ComboBox.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { Theme, WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { DropdownDirection } from '../../types/dropdown';\nimport { ComboBoxProps, ComboBoxSize } from './ComboBox.types';\n\ntype StyledComboBoxProps = WithTheme<{\n    $minWidth?: number;\n    $shouldUseFullWidth: ComboBoxProps['shouldUseFullWidth'];\n}>;\n\nexport const StyledComboBox = styled.div<StyledComboBoxProps>`\n    min-width: 0;\n    user-select: none;\n    position: relative;\n\n    ${({ $shouldUseFullWidth, $minWidth }) => {\n        if ($shouldUseFullWidth) {\n            return css`\n                width: 100%;\n                max-width: 100%;\n                min-width: ${typeof $minWidth === 'number' ? `${$minWidth}px` : '0'};\n            `;\n        }\n\n        if (typeof $minWidth === 'number') {\n            return css`\n                width: fit-content;\n                max-width: 100%;\n                min-width: ${$minWidth}px;\n            `;\n        }\n\n        return css`\n            width: fit-content;\n            max-width: 100%;\n        `;\n    }}\n`;\n\ntype StyledComboBoxHeaderProps = WithTheme<{\n    $isTouch: boolean;\n    $isOpen: boolean;\n    $direction: DropdownDirection;\n    $isDisabled?: boolean;\n    $shouldChangeColor: boolean;\n    $shouldShowBigImage: ComboBoxProps['shouldShowBigImage'];\n    $shouldShowTransparentBackground: boolean;\n    $size: ComboBoxSize;\n}>;\n\nexport const StyledComboBoxHeader = styled.div<StyledComboBoxHeaderProps>`\n    display: flex;\n    min-width: 0;\n    border: 1px solid transparent;\n    cursor: ${({ $isDisabled }) => (!$isDisabled ? 'pointer' : 'default')};\n    justify-content: space-between;\n    opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n    transition: background-color 0.2s ease-in-out;\n\n    ${({ $size }) => {\n        switch ($size) {\n            case ComboBoxSize.SMALL:\n                return css`\n                    height: 34px;\n                `;\n            case ComboBoxSize.NORMAL:\n            default:\n                return css`\n                    min-height: 42px;\n                `;\n        }\n    }}\n\n    ${({ theme, $shouldShowTransparentBackground, $shouldChangeColor }) => {\n        if ($shouldShowTransparentBackground) {\n            if (theme.colorMode === 'dark') {\n                return css`\n                    border-color: rgba(255, 255, 255, 0.5);\n                    background-color: transparent;\n                `;\n            }\n\n            return css`\n                border-color: rgba(0, 0, 0, 0.5);\n                background-color: transparent;\n            `;\n        }\n\n        return css`\n            border-color: rgba(160, 160, 160, 0.3);\n            background-color: ${theme.colorMode === 'classic' || $shouldChangeColor\n                ? theme['000']\n                : theme['100']};\n        `;\n    }}\n\n    ${({ $shouldShowBigImage }) =>\n        $shouldShowBigImage &&\n        css`\n            height: 42px;\n        `}\n\n    ${({ $isOpen, $direction }) => {\n        if ($isOpen) {\n            return [\n                DropdownDirection.BOTTOM,\n                DropdownDirection.BOTTOM_LEFT,\n                DropdownDirection.BOTTOM_RIGHT,\n            ].includes($direction)\n                ? css`\n                      border-top-left-radius: 3px;\n                      border-top-right-radius: 3px;\n                  `\n                : css`\n                      border-bottom-left-radius: 3px;\n                      border-bottom-right-radius: 3px;\n                  `;\n        }\n\n        return css`\n            border-radius: 3px;\n        `;\n    }}\n\n    ${({ $isTouch, $isDisabled, theme }: StyledComboBoxHeaderProps) =>\n        !$isTouch &&\n        !$isDisabled &&\n        css`\n            &:hover {\n                background-color: ${theme['secondary-102']};\n            }\n        `}\n\n    &:focus-visible {\n        outline: none;\n    }\n`;\n\ntype StyledComboBoxPlaceholderProps = WithTheme<{ $shouldReduceOpacity: boolean }>;\n\nexport const StyledComboBoxPlaceholder = styled.div<StyledComboBoxPlaceholderProps>`\n    align-items: center;\n    color: ${({ theme }: StyledComboBoxPlaceholderProps) => theme.text};\n    display: flex;\n    flex: 1 1 auto;\n    gap: 10px;\n    min-width: 0;\n    opacity: ${({ $shouldReduceOpacity }) => ($shouldReduceOpacity ? 0.5 : 1)};\n`;\n\nexport const StyledComboBoxPlaceholderText = styled.div`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n`;\n\nexport const StyledComboBoxPrefixAndPlaceholderWrapper = styled.div`\n    align-items: center;\n    display: flex;\n    flex: 1 1 auto;\n    min-width: 0;\n    padding: 4px 10px;\n`;\n\ntype StyledComboBoxPrefixProps = {\n    $prefixMinWidth?: number;\n};\n\nexport const StyledComboBoxPrefix = styled.div<StyledComboBoxPrefixProps>`\n    flex: 0 0 auto;\n    min-width: ${({ $prefixMinWidth }) => $prefixMinWidth ?? 0}px;\n    padding-right: 5px;\n`;\n\nexport const StyledComboBoxInput = styled.input`\n    color: ${({ theme }: { theme: Theme }) => theme.text};\n    border: none;\n    background-color: transparent;\n    width: 100%;\n    min-width: 0;\n`;\n\ntype StyledComboBoxPlaceholderImageProps = WithTheme<{\n    $shouldShowBigImage: ComboBoxProps['shouldShowBigImage'];\n    $shouldShowRoundImage: ComboBoxProps['shouldShowRoundImage'];\n}>;\n\nexport const StyledComboBoxPlaceholderImage = styled.img<StyledComboBoxPlaceholderImageProps>`\n    box-shadow: 0 0 0 1px\n        rgba(${({ theme }: StyledComboBoxPlaceholderImageProps) => theme['009-rgb']}, 0.15);\n    height: ${({ $shouldShowBigImage }) => ($shouldShowBigImage ? '32px' : '22px')};\n    width: ${({ $shouldShowBigImage }) => ($shouldShowBigImage ? '32px' : '22px')};\n\n    ${({ $shouldShowRoundImage }) =>\n        $shouldShowRoundImage &&\n        css`\n            border-radius: 50%;\n        `}\n`;\n\ntype StyledComboBoxClearIconWrapperProps = { $isDisabled: boolean };\n\nexport const StyledComboBoxClearIconWrapper = styled.div<StyledComboBoxClearIconWrapperProps>`\n    align-items: center;\n    cursor: ${({ $isDisabled }) => (!$isDisabled ? 'pointer' : 'default')};\n    display: flex;\n    flex: 0 0 auto;\n    height: 40px;\n    justify-content: center;\n    width: 40px;\n`;\n\ntype StyledComboBoxIconWrapperProps = {\n    $shouldShowBorderLeft: boolean;\n    $isDisabled: boolean;\n    $size: ComboBoxSize;\n};\n\nexport const StyledComboBoxIconWrapper = styled.div<StyledComboBoxIconWrapperProps>`\n    align-items: center;\n    border-left: ${({ $shouldShowBorderLeft }) =>\n        $shouldShowBorderLeft ? '1px solid rgba(160, 160, 160, 0.3)' : 'none'};\n    cursor: ${({ $isDisabled }) => (!$isDisabled ? 'pointer' : 'default')};\n    display: flex;\n    flex: 0 0 auto;\n    justify-content: center;\n    width: 40px;\n\n    ${({ $size }) => {\n        switch ($size) {\n            case ComboBoxSize.SMALL:\n                return css`\n                    height: 30px;\n                `;\n            case ComboBoxSize.NORMAL:\n            default:\n                return css`\n                    height: 40px;\n                `;\n        }\n    }}\n`;\n\ntype StyledComboBoxBodyProps = WithTheme<{\n    $maxHeight: number;\n    $minWidth: number;\n}>;\n\nexport const StyledComboBoxBody = styled.div<StyledComboBoxBodyProps>`\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n    min-width: ${({ $minWidth }) => $minWidth}px;\n\n    overflow-x: hidden;\n    overflow-y: auto;\n\n    max-height: ${({ $maxHeight }) => $maxHeight}px;\n`;\n\ntype StyledComboBoxTopicProps = WithTheme<unknown>;\n\nexport const StyledComboBoxTopic = styled.div`\n    align-items: center;\n    background-color: ${({ theme }: StyledComboBoxTopicProps) => theme['secondary-102']};\n    color: rgba(${({ theme }: StyledComboBoxTopicProps) => theme['text-rgb']}, 0.65);\n    cursor: default;\n    display: flex;\n    flex: 0 0 auto;\n    font-weight: bold;\n    min-height: 38px;\n    line-height: normal;\n    padding: 8px 10px;\n    position: sticky;\n    top: 0;\n    z-index: 10;\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ComboBox.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_dropdown","_ComboBox","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledComboBox","exports","styled","div","$shouldUseFullWidth","$minWidth","css","StyledComboBoxHeader","$isDisabled","$size","ComboBoxSize","MINI","SMALL","NORMAL","theme","$shouldShowTransparentBackground","$shouldChangeColor","colorMode","$shouldShowBigImage","$isOpen","$direction","DropdownDirection","BOTTOM","BOTTOM_LEFT","BOTTOM_RIGHT","includes","$isTouch","StyledComboBoxPlaceholder","text","$shouldReduceOpacity","StyledComboBoxPlaceholderText","StyledComboBoxPrefixAndPlaceholderWrapper","StyledComboBoxPrefix","$prefixMinWidth","StyledComboBoxInput","input","StyledComboBoxPlaceholderImage","img","$shouldShowRoundImage","StyledComboBoxClearIconWrapper","StyledComboBoxIconWrapper","$shouldShowBorderLeft","StyledComboBoxBody","$maxHeight","StyledComboBoxTopic"],"sources":["../../../../src/components/combobox/ComboBox.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { Theme, WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { DropdownDirection } from '../../types/dropdown';\nimport { ComboBoxProps, ComboBoxSize } from './ComboBox.types';\n\ntype StyledComboBoxProps = WithTheme<{\n    $minWidth?: number;\n    $shouldUseFullWidth: ComboBoxProps['shouldUseFullWidth'];\n}>;\n\nexport const StyledComboBox = styled.div<StyledComboBoxProps>`\n    min-width: 0;\n    user-select: none;\n    position: relative;\n\n    ${({ $shouldUseFullWidth, $minWidth }) => {\n        if ($shouldUseFullWidth) {\n            return css`\n                width: 100%;\n                max-width: 100%;\n                min-width: ${typeof $minWidth === 'number' ? `${$minWidth}px` : '0'};\n            `;\n        }\n\n        if (typeof $minWidth === 'number') {\n            return css`\n                width: fit-content;\n                max-width: 100%;\n                min-width: ${$minWidth}px;\n            `;\n        }\n\n        return css`\n            width: fit-content;\n            max-width: 100%;\n        `;\n    }}\n`;\n\ntype StyledComboBoxHeaderProps = WithTheme<{\n    $isTouch: boolean;\n    $isOpen: boolean;\n    $direction: DropdownDirection;\n    $isDisabled?: boolean;\n    $shouldChangeColor: boolean;\n    $shouldShowBigImage: ComboBoxProps['shouldShowBigImage'];\n    $shouldShowTransparentBackground: boolean;\n    $size: ComboBoxSize;\n}>;\n\nexport const StyledComboBoxHeader = styled.div<StyledComboBoxHeaderProps>`\n    display: flex;\n    min-width: 0;\n    border: 1px solid transparent;\n    cursor: ${({ $isDisabled }) => (!$isDisabled ? 'pointer' : 'default')};\n    justify-content: space-between;\n    opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n    transition: background-color 0.2s ease-in-out;\n\n    ${({ $size }) => {\n        switch ($size) {\n            case ComboBoxSize.MINI:\n                return css`\n                    box-sizing: border-box;\n                    height: 28px;\n                `;\n            case ComboBoxSize.SMALL:\n                return css`\n                    height: 34px;\n                `;\n            case ComboBoxSize.NORMAL:\n            default:\n                return css`\n                    min-height: 42px;\n                `;\n        }\n    }}\n\n    ${({ theme, $shouldShowTransparentBackground, $shouldChangeColor }) => {\n        if ($shouldShowTransparentBackground) {\n            if (theme.colorMode === 'dark') {\n                return css`\n                    border-color: rgba(255, 255, 255, 0.3);\n                    background-color: transparent;\n                `;\n            }\n\n            return css`\n                border-color: rgba(0, 0, 0, 0.3);\n                background-color: transparent;\n            `;\n        }\n\n        return css`\n            border-color: rgba(160, 160, 160, 0.3);\n            background-color: ${\n                theme.colorMode === 'classic' || $shouldChangeColor ? theme['000'] : theme['100']\n            };\n        `;\n    }}\n\n    ${({ $shouldShowBigImage }) =>\n        $shouldShowBigImage &&\n        css`\n            height: 42px;\n        `}\n\n    ${({ $isOpen, $direction }) => {\n        if ($isOpen) {\n            return [\n                DropdownDirection.BOTTOM,\n                DropdownDirection.BOTTOM_LEFT,\n                DropdownDirection.BOTTOM_RIGHT,\n            ].includes($direction)\n                ? css`\n                      border-top-left-radius: 3px;\n                      border-top-right-radius: 3px;\n                  `\n                : css`\n                      border-bottom-left-radius: 3px;\n                      border-bottom-right-radius: 3px;\n                  `;\n        }\n\n        return css`\n            border-radius: 3px;\n        `;\n    }}\n\n    ${({ $isTouch, $isDisabled, theme }: StyledComboBoxHeaderProps) =>\n        !$isTouch &&\n        !$isDisabled &&\n        css`\n            &:hover {\n                background-color: ${theme['secondary-102']};\n            }\n        `}\n\n    &:focus-visible {\n        outline: none;\n    }\n`;\n\ntype StyledComboBoxPlaceholderProps = WithTheme<{\n    $shouldReduceOpacity: boolean;\n    $size: ComboBoxSize;\n}>;\n\nexport const StyledComboBoxPlaceholder = styled.div<StyledComboBoxPlaceholderProps>`\n    align-items: center;\n    color: ${({ theme }: StyledComboBoxPlaceholderProps) => theme.text};\n    display: flex;\n    flex: 1 1 auto;\n    gap: 10px;\n    min-width: 0;\n    opacity: ${({ $shouldReduceOpacity }) => ($shouldReduceOpacity ? 0.5 : 1)};\n\n    ${({ $size }) =>\n        $size === ComboBoxSize.MINI &&\n        css`\n            font-size: 13px;\n        `}\n`;\n\nexport const StyledComboBoxPlaceholderText = styled.div`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n`;\n\ntype StyledComboBoxPrefixAndPlaceholderWrapperProps = {\n    $size: ComboBoxSize;\n};\n\nexport const StyledComboBoxPrefixAndPlaceholderWrapper = styled.div<StyledComboBoxPrefixAndPlaceholderWrapperProps>`\n    align-items: center;\n    display: flex;\n    flex: 1 1 auto;\n    min-width: 0;\n    padding: 4px 10px;\n\n    ${({ $size }) =>\n        $size === ComboBoxSize.MINI &&\n        css`\n            padding: 2px 8px;\n        `}\n`;\n\ntype StyledComboBoxPrefixProps = {\n    $prefixMinWidth?: number;\n    $size: ComboBoxSize;\n};\n\nexport const StyledComboBoxPrefix = styled.div<StyledComboBoxPrefixProps>`\n    flex: 0 0 auto;\n    min-width: ${({ $prefixMinWidth }) => $prefixMinWidth ?? 0}px;\n    padding-right: 5px;\n\n    ${({ $size }) =>\n        $size === ComboBoxSize.MINI &&\n        css`\n            font-size: 13px;\n            padding-right: 4px;\n        `}\n`;\n\nexport const StyledComboBoxInput = styled.input`\n    color: ${({ theme }: { theme: Theme }) => theme.text};\n    border: none;\n    background-color: transparent;\n    font: inherit;\n    width: 100%;\n    min-width: 0;\n`;\n\ntype StyledComboBoxPlaceholderImageProps = WithTheme<{\n    $shouldShowBigImage: ComboBoxProps['shouldShowBigImage'];\n    $shouldShowRoundImage: ComboBoxProps['shouldShowRoundImage'];\n}>;\n\nexport const StyledComboBoxPlaceholderImage = styled.img<StyledComboBoxPlaceholderImageProps>`\n    box-shadow: 0 0 0 1px\n        rgba(${({ theme }: StyledComboBoxPlaceholderImageProps) => theme['009-rgb']}, 0.15);\n    height: ${({ $shouldShowBigImage }) => ($shouldShowBigImage ? '32px' : '22px')};\n    width: ${({ $shouldShowBigImage }) => ($shouldShowBigImage ? '32px' : '22px')};\n\n    ${({ $shouldShowRoundImage }) =>\n        $shouldShowRoundImage &&\n        css`\n            border-radius: 50%;\n        `}\n`;\n\ntype StyledComboBoxClearIconWrapperProps = {\n    $isDisabled: boolean;\n    $size: ComboBoxSize;\n};\n\nexport const StyledComboBoxClearIconWrapper = styled.div<StyledComboBoxClearIconWrapperProps>`\n    align-items: center;\n    cursor: ${({ $isDisabled }) => (!$isDisabled ? 'pointer' : 'default')};\n    display: flex;\n    flex: 0 0 auto;\n    height: 40px;\n    justify-content: center;\n    width: 40px;\n\n    ${({ $size }) =>\n        $size === ComboBoxSize.MINI &&\n        css`\n            height: 26px;\n            width: 28px;\n        `}\n`;\n\ntype StyledComboBoxIconWrapperProps = {\n    $shouldShowBorderLeft: boolean;\n    $isDisabled: boolean;\n    $size: ComboBoxSize;\n};\n\nexport const StyledComboBoxIconWrapper = styled.div<StyledComboBoxIconWrapperProps>`\n    align-items: center;\n    border-left: ${({ $shouldShowBorderLeft }) =>\n        $shouldShowBorderLeft ? '1px solid rgba(160, 160, 160, 0.3)' : 'none'};\n    cursor: ${({ $isDisabled }) => (!$isDisabled ? 'pointer' : 'default')};\n    display: flex;\n    flex: 0 0 auto;\n    justify-content: center;\n    width: 40px;\n\n    ${({ $size }) => {\n        switch ($size) {\n            case ComboBoxSize.MINI:\n                return css`\n                    height: 26px;\n                    width: 28px;\n                `;\n            case ComboBoxSize.SMALL:\n                return css`\n                    height: 30px;\n                `;\n            case ComboBoxSize.NORMAL:\n            default:\n                return css`\n                    height: 40px;\n                `;\n        }\n    }}\n`;\n\ntype StyledComboBoxBodyProps = WithTheme<{\n    $maxHeight: number;\n    $minWidth: number;\n}>;\n\nexport const StyledComboBoxBody = styled.div<StyledComboBoxBodyProps>`\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n    min-width: ${({ $minWidth }) => $minWidth}px;\n\n    overflow-x: hidden;\n    overflow-y: auto;\n\n    max-height: ${({ $maxHeight }) => $maxHeight}px;\n`;\n\ntype StyledComboBoxTopicProps = WithTheme<unknown>;\n\nexport const StyledComboBoxTopic = styled.div`\n    align-items: center;\n    background-color: ${({ theme }: StyledComboBoxTopicProps) => theme['secondary-102']};\n    color: rgba(${({ theme }: StyledComboBoxTopicProps) => theme['text-rgb']}, 0.65);\n    cursor: default;\n    display: flex;\n    flex: 0 0 auto;\n    font-weight: bold;\n    min-height: 38px;\n    line-height: normal;\n    padding: 8px 10px;\n    position: sticky;\n    top: 0;\n    z-index: 10;\n`;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/combobox/ComboBox.types.js

@@ -28,6 +28,10 @@ let ComboBoxSize = exports.ComboBoxSize = /*#__PURE__*/function (ComboBoxSize) {
    * Compact height and spacing.
    */
   ComboBoxSize["SMALL"] = "small";
+  /**
+   * Minimal height and spacing.
+   */
+  ComboBoxSize["MINI"] = "mini";
   return ComboBoxSize;
 }({});
 /**