@zextras/carbonio-ui-commons 1.0.5

package/lib/components/modals/modal-header.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalHeader = void 0;
+/*
+ * SPDX-FileCopyrightText: 2021 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const react_1 = __importDefault(require("react"));
+const carbonio_design_system_1 = require("@zextras/carbonio-design-system");
+const ModalHeader = ({ title, onClose, showCloseIcon = true }) => (react_1.default.createElement(carbonio_design_system_1.Container, { mainAlignment: "space-between", width: "100%" },
+    react_1.default.createElement(carbonio_design_system_1.Row, { takeAvailableSpace: true, mainAlignment: "space-between", width: "100%" },
+        react_1.default.createElement(carbonio_design_system_1.Row, { width: "calc(100% - 1.5rem)", takeAvailableSpace: true, mainAlignment: "flex-start" },
+            react_1.default.createElement(carbonio_design_system_1.Text, { weight: "bold", size: "large" }, title)),
+        onClose && showCloseIcon && (react_1.default.createElement(carbonio_design_system_1.Row, { mainAlignment: "flex-start" },
+            react_1.default.createElement(carbonio_design_system_1.IconButton, { size: "medium", style: { padding: 0, margin: 0 }, onClick: onClose, icon: "CloseOutline" })))),
+    react_1.default.createElement(carbonio_design_system_1.Padding, { top: "medium" }),
+    react_1.default.createElement(carbonio_design_system_1.Divider, null),
+    react_1.default.createElement(carbonio_design_system_1.Padding, { bottom: "medium" })));
+exports.ModalHeader = ModalHeader;
+//# sourceMappingURL=modal-header.js.map

package/lib/components/modals/modal-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-header.js","sourceRoot":"","sources":["../../../src/components/modals/modal-header.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;GAIG;AACH,kDAAkC;AAElC,4EAOyC;AAElC,MAAM,WAAW,GAAyE,CAAC,EACjG,KAAK,EACL,OAAO,EACP,aAAa,GAAG,IAAI,EACpB,EAAE,EAAE,CAAC,CACL,8BAAC,kCAAS,IAAC,aAAa,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM;IACpD,8BAAC,4BAAG,IAAC,kBAAkB,QAAC,aAAa,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM;QACjE,8BAAC,4BAAG,IAAC,KAAK,EAAC,qBAAqB,EAAC,kBAAkB,QAAC,aAAa,EAAC,YAAY;YAC7E,8BAAC,6BAAI,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,IAC9B,KAAK,CACA,CACF;QACL,OAAO,IAAI,aAAa,IAAI,CAC5B,8BAAC,4BAAG,IAAC,aAAa,EAAC,YAAY;YAC9B,8BAAC,mCAAU,IACV,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAChC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,cAAc,GAClB,CACG,CACN,CACI;IACN,8BAAC,gCAAO,IAAC,GAAG,EAAC,QAAQ,GAAG;IACxB,8BAAC,gCAAO,OAAG;IACX,8BAAC,gCAAO,IAAC,MAAM,EAAC,QAAQ,GAAG,CAChB,CACZ,CAAC;AA3BW,QAAA,WAAW,eA2BtB"}

package/lib/components/select/color-select.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { SingleSelectionOnChange } from '@zextras/carbonio-design-system';
+export declare const ColorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@zextras/carbonio-design-system").ContainerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<React.ForwardRefExoticComponent<import("@zextras/carbonio-design-system").ContainerProps & React.RefAttributes<HTMLDivElement>>, keyof React.Component<any, {}, any>>;
+export declare const TextUpperCase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("@zextras/carbonio-design-system").TextProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<React.ForwardRefExoticComponent<import("@zextras/carbonio-design-system").TextProps & React.RefAttributes<HTMLDivElement>>, keyof React.Component<any, {}, any>>;
+export type ColorSelectProps = {
+    onChange: SingleSelectionOnChange;
+    defaultColor: number;
+    label: string;
+};
+export declare const ColorSelect: ({ onChange, defaultColor, label }: ColorSelectProps) => React.JSX.Element;

package/lib/components/select/color-select.js

@@ -0,0 +1,93 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorSelect = exports.TextUpperCase = exports.ColorContainer = void 0;
+/*
+ * SPDX-FileCopyrightText: 2024 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const react_1 = __importStar(require("react"));
+const carbonio_design_system_1 = require("@zextras/carbonio-design-system");
+const react_i18next_1 = require("react-i18next");
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../constants/utils");
+const Square = styled_components_1.default.div `
+	width: 1.125rem;
+	height: 1.125rem;
+	position: relative;
+	top: -0.1875rem;
+	border: 0.0625rem solid ${({ theme }) => theme.palette.gray2.regular};
+	background: ${({ $color }) => $color};
+	border-radius: 0.25rem;
+`;
+exports.ColorContainer = (0, styled_components_1.default)(carbonio_design_system_1.Container) `
+	border-bottom: 0.0625rem solid ${({ theme }) => theme.palette.gray2.regular};
+	cursor: 'pointer';
+`;
+exports.TextUpperCase = (0, styled_components_1.default)(carbonio_design_system_1.Text) `
+	text-transform: capitalize;
+`;
+const LabelFactory = ({ selected, label, open, focus }) => (react_1.default.createElement(exports.ColorContainer, { orientation: "horizontal", width: "fill", crossAlignment: "center", mainAlignment: "space-between", borderRadius: "half", background: "gray5", padding: {
+        all: 'small'
+    } },
+    react_1.default.createElement(carbonio_design_system_1.Row, { width: "100%", takeAvailableSpace: true, mainAlignment: "space-between" },
+        react_1.default.createElement(carbonio_design_system_1.Row, { orientation: "vertical", crossAlignment: "flex-start", mainAlignment: "flex-start", padding: { left: 'small' } },
+            react_1.default.createElement(carbonio_design_system_1.Text, { size: "small", color: open || focus ? 'primary' : 'secondary' }, label),
+            react_1.default.createElement(exports.TextUpperCase, null, selected[0].label)),
+        react_1.default.createElement(carbonio_design_system_1.Padding, { right: "small" },
+            react_1.default.createElement(Square, { "$color": utils_1.ZIMBRA_STANDARD_COLORS[parseInt(selected[0].value, 10)].hex }))),
+    react_1.default.createElement(carbonio_design_system_1.Icon, { size: "large", icon: open ? 'ChevronUpOutline' : 'ChevronDownOutline', color: open || focus ? 'primary' : 'secondary', style: { alignSelf: 'center' } })));
+const ColorSelect = ({ onChange, defaultColor = 0, label }) => {
+    const [t] = (0, react_i18next_1.useTranslation)();
+    const colors = (0, react_1.useMemo)(() => utils_1.ZIMBRA_STANDARD_COLORS.map((el, index) => {
+        const colorLabel = t(`colors.${el.zLabel}`, el.zLabel);
+        return {
+            label: colorLabel,
+            value: index.toString(),
+            customComponent: (react_1.default.createElement(carbonio_design_system_1.Container, { width: "100%", mainAlignment: "space-between", orientation: "horizontal", height: "fit" },
+                react_1.default.createElement(carbonio_design_system_1.Padding, { left: "small" },
+                    react_1.default.createElement(exports.TextUpperCase, null, colorLabel)),
+                react_1.default.createElement(Square, { "$color": el.hex })))
+        };
+    }), [t]);
+    const defaultSelection = (0, react_1.useMemo)(() => colors[defaultColor], [colors, defaultColor]);
+    return (react_1.default.createElement(carbonio_design_system_1.Select, { label: label, onChange: onChange, items: colors, defaultSelection: defaultSelection, LabelFactory: LabelFactory, "data-testid": "color-select" }));
+};
+exports.ColorSelect = ColorSelect;
+//# sourceMappingURL=color-select.js.map

package/lib/components/select/color-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-select.js","sourceRoot":"","sources":["../../../src/components/select/color-select.tsx"],"names":[],"mappings":"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"}

package/lib/components/select/folders/flat-folder.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Folder } from '../../../types';
+export type FlaFolderProps = {
+    folder: Folder;
+    selected?: boolean;
+    onFolderSelected?: (arg: Folder) => void;
+};
+export declare const FlatFolder: ({ folder, onFolderSelected, ...rest }: FlaFolderProps) => React.JSX.Element;

package/lib/components/select/folders/flat-folder.js

@@ -0,0 +1,91 @@
+"use strict";
+/*
+ * SPDX-FileCopyrightText: 2025 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlatFolder = void 0;
+const react_1 = __importStar(require("react"));
+const carbonio_design_system_1 = require("@zextras/carbonio-design-system");
+const lodash_1 = require("lodash");
+const utils_1 = require("./utils");
+const folders_1 = require("../../../helpers/folders");
+const static_breadcrumbs_1 = require("../../breadcrumbs/static-breadcrumbs");
+/**
+ * Process the absolute path of the given folder, removing
+ * the leading slash
+ *
+ * @param folder
+ * @return the array of the crumbs name of the path
+ */
+const getFolderAbsPathParts = (folder) => {
+    if (!folder) {
+        return [];
+    }
+    // Exception for root folders
+    if ((0, folders_1.isRoot)(folder?.id)) {
+        return [folder.name ?? ''];
+    }
+    const reg = /^\/?(.*)$/gm;
+    const matches = reg.exec(folder.absFolderPath ?? '');
+    if (!matches) {
+        return [];
+    }
+    return matches[1].split('/');
+};
+const FlatFolder = ({ folder, onFolderSelected, ...rest }) => {
+    const iconName = (0, utils_1.getFolderIconName)(folder);
+    const iconColor = (0, utils_1.getFolderIconColor)(folder);
+    const parts = getFolderAbsPathParts(folder);
+    /*
+     * Create the crumbs array and try to get the translations
+     * for the first part which usually represent a system folder
+     * for which a translated name is available
+     */
+    const crumbs = parts.map((part, index) => ({
+        id: `${index} `,
+        label: index === 0 ? (0, utils_1.getSystemFolderTranslatedName)({ folderName: part }) : part
+    }));
+    const selectionHandler = (0, react_1.useCallback)(() => onFolderSelected?.(folder) ?? lodash_1.noop, [onFolderSelected, folder]);
+    return (react_1.default.createElement(carbonio_design_system_1.Container, { width: "fill", "main-alignment": "flex-start", orientation: "vertical", crossAlignment: "flex-start", padding: { top: 'small', right: 'small', bottom: 'small', left: 'extralarge' }, height: '2.6rem', onClick: selectionHandler, wrap: "nowrap", ...rest },
+        react_1.default.createElement(carbonio_design_system_1.Row, { mainAlignment: "flex-start", wrap: "nowrap", width: "fill" },
+            react_1.default.createElement(carbonio_design_system_1.Container, { width: "fit" },
+                react_1.default.createElement(carbonio_design_system_1.Icon, { color: iconColor, icon: iconName ?? 'FolderOutline', size: "large" })),
+            react_1.default.createElement(static_breadcrumbs_1.StaticBreadcrumbs, { crumbs: crumbs, size: "large" }))));
+};
+exports.FlatFolder = FlatFolder;
+//# sourceMappingURL=flat-folder.js.map

package/lib/components/select/folders/flat-folder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flat-folder.js","sourceRoot":"","sources":["../../../../src/components/select/folders/flat-folder.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,+CAA2C;AAE3C,4EAAuE;AACvE,mCAA8B;AAE9B,mCAA+F;AAC/F,sDAAkD;AAElD,6EAAyE;AAEzE;;;;;;GAMG;AACH,MAAM,qBAAqB,GAAG,CAAC,MAAc,EAAiB,EAAE;IAC/D,IAAI,CAAC,MAAM,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;IACX,CAAC;IAED,6BAA6B;IAC7B,IAAI,IAAA,gBAAM,EAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC;QACxB,OAAO,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACD,MAAM,GAAG,GAAG,aAAa,CAAC;IAE1B,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC;IACrD,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,OAAO,EAAE,CAAC;IACX,CAAC;IAED,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAC9B,CAAC,CAAC;AAQK,MAAM,UAAU,GAAG,CAAC,EAC1B,MAAM,EACN,gBAAgB,EAChB,GAAG,IAAI,EACS,EAAqB,EAAE;IACvC,MAAM,QAAQ,GAAG,IAAA,yBAAiB,EAAC,MAAM,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAG,IAAA,0BAAkB,EAAC,MAAM,CAAC,CAAC;IAC7C,MAAM,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAE5C;;;;OAIG;IACH,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAC1C,EAAE,EAAE,GAAG,KAAK,GAAG;QACf,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAA,qCAA6B,EAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;KAC/E,CAAC,CAAC,CAAC;IAEJ,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EACnC,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,IAAI,aAAI,EACxC,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAC1B,CAAC;IAEF,OAAO,CACN,8BAAC,kCAAS,IACT,KAAK,EAAC,MAAM,oBACG,YAAY,EAC3B,WAAW,EAAC,UAAU,EACtB,cAAc,EAAC,YAAY,EAC3B,OAAO,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,EAC9E,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAC,QAAQ,KACT,IAAI;QAER,8BAAC,4BAAG,IAAC,aAAa,EAAC,YAAY,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM;YACzD,8BAAC,kCAAS,IAAC,KAAK,EAAC,KAAK;gBACrB,8BAAC,6BAAI,IAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,IAAI,eAAe,EAAE,IAAI,EAAC,OAAO,GAAG,CAC/D;YACZ,8BAAC,sCAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,GAAG,CAC7C,CACK,CACZ,CAAC;AACH,CAAC,CAAC;AA5CW,QAAA,UAAU,cA4CrB"}

package/lib/components/select/folders/flat-folders.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Folder } from '../../../types';
+type FlatFoldersProps = {
+    rootFolders: Array<Folder>;
+    searchString: string;
+    selectedFolderId?: string;
+    onFolderSelected?: (folder: Folder) => void;
+    allowRootSelection?: boolean;
+    filterChildren?: (folder: Folder) => boolean;
+};
+export declare const FlatFolders: ({ rootFolders, searchString, onFolderSelected, selectedFolderId, allowRootSelection, filterChildren }: FlatFoldersProps) => React.JSX.Element;
+export {};

package/lib/components/select/folders/flat-folders.js

@@ -0,0 +1,83 @@
+"use strict";
+/*
+ * SPDX-FileCopyrightText: 2025 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlatFolders = void 0;
+const react_1 = __importStar(require("react"));
+const carbonio_design_system_1 = require("@zextras/carbonio-design-system");
+const react_i18next_1 = require("react-i18next");
+const flat_root_1 = require("./flat-root");
+const utils_1 = require("./utils");
+const FlatFolders = ({ rootFolders, searchString, onFolderSelected, selectedFolderId, allowRootSelection, filterChildren }) => {
+    const [hasMoreResults, setHasMoreResults] = react_1.default.useState(false);
+    const [t] = (0, react_i18next_1.useTranslation)();
+    const flatFilteredFolders = (0, react_1.useMemo)(() => {
+        let remaining = 100;
+        return rootFolders
+            .map((rootFolder) => {
+            if (remaining <= 0) {
+                return { ...rootFolder, children: [] };
+            }
+            const currentFolder = {
+                ...rootFolder,
+                name: (0, utils_1.getSystemFolderTranslatedName)({ folderName: rootFolder.name }),
+                children: []
+            };
+            const children = (0, utils_1.flattenAndFilterFoldersWithCap)(rootFolder.children, searchString, remaining, filterChildren);
+            remaining -= children.length;
+            if (remaining <= 0) {
+                setHasMoreResults(true);
+            }
+            else {
+                setHasMoreResults(false);
+            }
+            return { ...currentFolder, children };
+        })
+            .filter((folder) => folder !== null);
+    }, [filterChildren, rootFolders, searchString]);
+    const hasMoreResultsWarningLabel = t('modal.messageFilteringList', 'Only the first 100 results are displayed. Narrow your search criteria to view the complete list.');
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        hasMoreResults && (react_1.default.createElement(carbonio_design_system_1.Padding, { top: "small", bottom: "large" },
+            react_1.default.createElement(carbonio_design_system_1.Row, { wrap: "nowrap", takeAvailableSpace: true, width: "fill" },
+                react_1.default.createElement(carbonio_design_system_1.Text, { "data-testid": 'has-more-results', textAlign: "left", size: "small" }, hasMoreResultsWarningLabel)))),
+        !hasMoreResults && react_1.default.createElement(carbonio_design_system_1.Padding, { vertical: "medium" }),
+        react_1.default.createElement(carbonio_design_system_1.Container, { "data-testid": 'flat-folders-selector', orientation: 'vertical', style: { overflowY: 'auto' } }, flatFilteredFolders.map((folder) => (react_1.default.createElement(flat_root_1.FlatRoot, { key: folder.id, folder: folder, childrenFolders: folder.children, isOpen: true, onFolderSelected: onFolderSelected, selectedFolderId: selectedFolderId, allowRootSelection: allowRootSelection }))))));
+};
+exports.FlatFolders = FlatFolders;
+//# sourceMappingURL=flat-folders.js.map

package/lib/components/select/folders/flat-folders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flat-folders.js","sourceRoot":"","sources":["../../../../src/components/select/folders/flat-folders.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,+CAAqD;AAErD,4EAAgF;AAChF,iDAA+C;AAE/C,2CAAuC;AACvC,mCAAwF;AAYjF,MAAM,WAAW,GAAG,CAAC,EAC3B,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACI,EAAqB,EAAE;IACzC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,CAAC,CAAC,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC7B,MAAM,mBAAmB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACxC,IAAI,SAAS,GAAG,GAAG,CAAC;QAEpB,OAAO,WAAW;aAChB,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;YACnB,IAAI,SAAS,IAAI,CAAC,EAAE,CAAC;gBACpB,OAAO,EAAE,GAAG,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;YACxC,CAAC;YACD,MAAM,aAAa,GAAG;gBACrB,GAAG,UAAU;gBACb,IAAI,EAAE,IAAA,qCAA6B,EAAC,EAAE,UAAU,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC;gBACpE,QAAQ,EAAE,EAAE;aACZ,CAAC;YACF,MAAM,QAAQ,GAAG,IAAA,sCAA8B,EAC9C,UAAU,CAAC,QAAQ,EACnB,YAAY,EACZ,SAAS,EACT,cAAc,CACd,CAAC;YACF,SAAS,IAAI,QAAQ,CAAC,MAAM,CAAC;YAC7B,IAAI,SAAS,IAAI,CAAC,EAAE,CAAC;gBACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACP,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;YAED,OAAO,EAAE,GAAG,aAAa,EAAE,QAAQ,EAAE,CAAC;QACvC,CAAC,CAAC;aACD,MAAM,CAAC,CAAC,MAAM,EAAoB,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhD,MAAM,0BAA0B,GAAG,CAAC,CACnC,4BAA4B,EAC5B,kGAAkG,CAClG,CAAC;IAEF,OAAO,CACN;QACE,cAAc,IAAI,CAClB,8BAAC,gCAAO,IAAC,GAAG,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO;YAClC,8BAAC,4BAAG,IAAC,IAAI,EAAC,QAAQ,EAAC,kBAAkB,QAAC,KAAK,EAAC,MAAM;gBACjD,8BAAC,6BAAI,mBAAc,kBAAkB,EAAE,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,IAClE,0BAA0B,CACrB,CACF,CACG,CACV;QACA,CAAC,cAAc,IAAI,8BAAC,gCAAO,IAAC,QAAQ,EAAC,QAAQ,GAAG;QACjD,8BAAC,kCAAS,mBACI,uBAAuB,EACpC,WAAW,EAAE,UAAU,EACvB,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,IAE3B,mBAAmB,CAAC,GAAG,CAAe,CAAC,MAAM,EAAE,EAAE,CAAC,CAClD,8BAAC,oBAAQ,IACR,GAAG,EAAE,MAAM,CAAC,EAAE,EACd,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,MAAM,CAAC,QAAQ,EAChC,MAAM,QACN,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,GACrC,CACF,CAAC,CACS,CACV,CACH,CAAC;AACH,CAAC,CAAC;AA7EW,QAAA,WAAW,eA6EtB"}

package/lib/components/select/folders/flat-root.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type FlaFolderProps } from './flat-folder';
+import { Folder } from '../../../types';
+type FlatRootProps = FlaFolderProps & {
+    childrenFolders: Array<Folder>;
+    isOpen?: boolean;
+    onOpenStatusChange?: (isOpen: boolean) => void;
+    selectedFolderId?: string;
+    allowRootSelection?: boolean;
+};
+export declare const FlatRoot: ({ folder, childrenFolders, isOpen, onFolderSelected, onOpenStatusChange, selectedFolderId, allowRootSelection }: FlatRootProps) => React.JSX.Element;
+export {};

package/lib/components/select/folders/flat-root.js

@@ -0,0 +1,98 @@
+"use strict";
+/*
+ * SPDX-FileCopyrightText: 2025 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlatRoot = void 0;
+const react_1 = __importStar(require("react"));
+const carbonio_design_system_1 = require("@zextras/carbonio-design-system");
+const carbonio_shell_ui_1 = require("@zextras/carbonio-shell-ui");
+const styled_components_1 = __importDefault(require("styled-components"));
+const flat_folder_1 = require("./flat-folder");
+const folders_1 = require("../../../constants/folders");
+const FOLDER_ROW_HEIGHT = '2.6rem';
+const CustomListItem = (0, styled_components_1.default)(carbonio_design_system_1.ListItem).attrs({
+    background: 'gray6',
+    activeBackground: 'highlight',
+    selectedBackground: 'gray5'
+}) ``;
+const CustomContainer = (0, styled_components_1.default)(carbonio_design_system_1.Container) `
+	&:hover {
+		background-color: ${({ theme, $active }) => $active ? theme.palette.highlight.active : theme.palette.gray6.hover};
+	}
+`;
+const FlatRoot = ({ folder, childrenFolders, isOpen = false, onFolderSelected, onOpenStatusChange, selectedFolderId, allowRootSelection }) => {
+    const [open, setOpen] = (0, react_1.useState)(isOpen);
+    const account = (0, carbonio_shell_ui_1.useUserAccount)();
+    const rootLabel = folder.id === folders_1.FOLDERS.USER_ROOT ? account.name : folder.name;
+    const toggleOpen = (0, react_1.useCallback)((e) => {
+        e.stopPropagation();
+        setOpen((op) => {
+            onOpenStatusChange && onOpenStatusChange(!op);
+            return !op;
+        });
+    }, [onOpenStatusChange]);
+    const onClick = (0, react_1.useCallback)((e) => {
+        e.stopPropagation();
+        if (!open) {
+            setOpen(true);
+        }
+        if (!allowRootSelection) {
+            return;
+        }
+        onFolderSelected?.(folder);
+    }, [open, allowRootSelection, onFolderSelected, folder]);
+    return (react_1.default.createElement(carbonio_design_system_1.Row, { width: "fill", style: {
+            cursor: 'pointer'
+        } },
+        react_1.default.createElement(CustomContainer, { orientation: "horizontal", width: "fill", height: "fit", mainAlignment: "space-between", padding: 'small', onClick: onClick, "data-testid": `folder-flat-root-${folder.id}`, background: selectedFolderId === folder.id ? 'highlight.active' : 'gray6', "$active": selectedFolderId === folder.id },
+            react_1.default.createElement(carbonio_design_system_1.Container, { orientation: "horizontal", width: "fill", mainAlignment: "flex-start" },
+                react_1.default.createElement(carbonio_design_system_1.Padding, { horizontal: "small" },
+                    react_1.default.createElement(carbonio_design_system_1.Avatar, { label: rootLabel, size: "medium" })),
+                react_1.default.createElement(carbonio_design_system_1.Tooltip, { label: rootLabel, placement: "right", maxWidth: "100%" },
+                    react_1.default.createElement(carbonio_design_system_1.Text, null, rootLabel))),
+            react_1.default.createElement(carbonio_design_system_1.Padding, { right: "small" },
+                react_1.default.createElement(carbonio_design_system_1.IconButton, { customSize: { iconSize: 'large', paddingSize: 0 }, onClick: toggleOpen, icon: open ? 'ChevronUp' : 'ChevronDown' }))),
+        react_1.default.createElement(carbonio_design_system_1.Collapse, { crossSize: "100%", orientation: "vertical", open: open, disableTransition: false },
+            react_1.default.createElement(carbonio_design_system_1.List, null, childrenFolders.map((childFolder) => (react_1.default.createElement(CustomListItem, { key: childFolder.id, selected: selectedFolderId === childFolder.id, active: selectedFolderId === childFolder.id }, (visible) => visible ? (react_1.default.createElement(flat_folder_1.FlatFolder, { "data-testid": `folder-flat-item-${childFolder.id}`, folder: childFolder, onFolderSelected: onFolderSelected })) : (react_1.default.createElement("div", { style: { height: `${FOLDER_ROW_HEIGHT}` } })))))))));
+};
+exports.FlatRoot = FlatRoot;
+//# sourceMappingURL=flat-root.js.map

package/lib/components/select/folders/flat-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flat-root.js","sourceRoot":"","sources":["../../../../src/components/select/folders/flat-root.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,+CAAmE;AAEnE,4EAWyC;AACzC,kEAA4D;AAC5D,0EAAuC;AAEvC,+CAAgE;AAChE,wDAAqD;AAWrD,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AAEnC,MAAM,cAAc,GAAG,IAAA,2BAAM,EAAC,iCAAQ,CAAC,CAAC,KAAK,CAAC;IAC7C,UAAU,EAAE,OAAO;IACnB,gBAAgB,EAAE,WAAW;IAC7B,kBAAkB,EAAE,OAAO;CAC3B,CAAC,CAAA,EAAE,CAAC;AAEL,MAAM,eAAe,GAAG,IAAA,2BAAM,EAAC,kCAAS,CAAC,CAAuB;;sBAE1C,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAU,EAAE,CAClD,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK;;CAEtE,CAAC;AAEK,MAAM,QAAQ,GAAG,CAAC,EACxB,MAAM,EACN,eAAe,EACf,MAAM,GAAG,KAAK,EACd,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EACH,EAAqB,EAAE;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAM,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,IAAA,kCAAc,GAAE,CAAC;IAEjC,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,KAAK,iBAAO,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;IAC/E,MAAM,UAAU,GAAG,IAAA,mBAAW,EAC7B,CAAC,CAAuC,EAAE,EAAE;QAC3C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YACd,kBAAkB,IAAI,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;YAC9C,OAAO,CAAC,EAAE,CAAC;QACZ,CAAC,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,kBAAkB,CAAC,CACpB,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,mBAAW,EAC1B,CAAC,CAAuC,EAAE,EAAE;QAC3C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,IAAI,EAAE,CAAC;YACX,OAAO,CAAC,IAAI,CAAC,CAAC;QACf,CAAC;QAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACzB,OAAO;QACR,CAAC;QAED,gBAAgB,EAAE,CAAC,MAAM,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,IAAI,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,CAAC,CACpD,CAAC;IACF,OAAO,CACN,8BAAC,4BAAG,IACH,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE;YACN,MAAM,EAAE,SAAS;SACjB;QAED,8BAAC,eAAe,IACf,WAAW,EAAC,YAAY,EACxB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,KAAK,EACZ,aAAa,EAAC,eAAe,EAC7B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,iBACH,oBAAoB,MAAM,CAAC,EAAE,EAAE,EAC5C,UAAU,EAAE,gBAAgB,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,aAChE,gBAAgB,KAAK,MAAM,CAAC,EAAE;YAEvC,8BAAC,kCAAS,IAAC,WAAW,EAAC,YAAY,EAAC,KAAK,EAAC,MAAM,EAAC,aAAa,EAAC,YAAY;gBAC1E,8BAAC,gCAAO,IAAC,UAAU,EAAC,OAAO;oBAC1B,8BAAC,+BAAM,IAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAC,QAAQ,GAAG,CACjC;gBACV,8BAAC,gCAAO,IAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAC,OAAO,EAAC,QAAQ,EAAC,MAAM;oBAC3D,8BAAC,6BAAI,QAAE,SAAS,CAAQ,CACf,CACC;YAEZ,8BAAC,gCAAO,IAAC,KAAK,EAAC,OAAO;gBACrB,8BAAC,mCAAU,IACV,UAAU,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,EACjD,OAAO,EAAE,UAAU,EACnB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,GACvC,CACO,CACO;QAClB,8BAAC,iCAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,WAAW,EAAC,UAAU,EAAC,IAAI,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK;YACrF,8BAAC,6BAAI,QACH,eAAe,CAAC,GAAG,CAAe,CAAC,WAAW,EAAE,EAAE,CAAC,CACnD,8BAAC,cAAc,IACd,GAAG,EAAE,WAAW,CAAC,EAAE,EACnB,QAAQ,EAAE,gBAAgB,KAAK,WAAW,CAAC,EAAE,EAC7C,MAAM,EAAE,gBAAgB,KAAK,WAAW,CAAC,EAAE,IAE1C,CAAC,OAAgB,EAAgB,EAAE,CACnC,OAAO,CAAC,CAAC,CAAC,CACT,8BAAC,wBAAU,mBACG,oBAAoB,WAAW,CAAC,EAAE,EAAE,EACjD,MAAM,EAAE,WAAW,EACnB,gBAAgB,EAAE,gBAAgB,GACjC,CACF,CAAC,CAAC,CAAC,CACH,uCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,EAAE,GAAI,CAClD,CAEc,CACjB,CAAC,CACI,CACG,CACN,CACN,CAAC;AACH,CAAC,CAAC;AAnGW,QAAA,QAAQ,YAmGnB"}

package/lib/components/select/folders/folder-accordions-custom-component.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Folder } from '../../../types';
+export declare const FolderAccordionCustomComponent: ({ folder }: {
+    folder: Folder;
+}) => React.JSX.Element;

package/lib/components/select/folders/folder-accordions-custom-component.js

@@ -0,0 +1,84 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FolderAccordionCustomComponent = void 0;
+/*
+ * SPDX-FileCopyrightText: 2025 Zextras <https://www.zextras.com>
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+const react_1 = __importStar(require("react"));
+const carbonio_design_system_1 = require("@zextras/carbonio-design-system");
+const carbonio_shell_ui_1 = require("@zextras/carbonio-shell-ui");
+const styled_components_1 = __importDefault(require("styled-components"));
+const status_icon_1 = require("./status-icon");
+const utils_1 = require("./utils");
+const folders_1 = require("../../../constants/folders");
+const utils_2 = require("../../../constants/utils");
+const FittedRow = (0, styled_components_1.default)(carbonio_design_system_1.Row) `
+	max-width: calc(100% - (2 * ${({ theme }) => theme.sizes.padding.small}));
+	height: 3rem;
+`;
+const FolderAccordionCustomComponent = ({ folder }) => {
+    const accountName = (0, carbonio_shell_ui_1.useUserAccount)().name;
+    const textProps = (0, react_1.useMemo)(() => ({
+        size: 'small'
+    }), []);
+    const accordionItem = (0, react_1.useMemo)(() => ({
+        ...folder,
+        label: folder.id === folders_1.FOLDERS.USER_ROOT
+            ? accountName
+            : ((0, utils_1.getFolderTranslatedName)({ folderId: folder.id, folderName: folder.name }) ?? ''),
+        icon: (0, utils_1.getFolderIconName)(folder) ?? undefined,
+        iconColor: (0, utils_1.getFolderIconColor)(folder) ?? '',
+        textProps
+    }), [folder, accountName, textProps]);
+    // hide folders where a share was provided and subsequently removed
+    if (folder.isLink && folder.broken) {
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    }
+    const showAvatar = folder.id === folders_1.FOLDERS.USER_ROOT || (folder.isLink && folder.oname === utils_2.ROOT_NAME);
+    return (react_1.default.createElement(FittedRow, null,
+        showAvatar && (react_1.default.createElement(carbonio_design_system_1.Padding, { left: "small" },
+            react_1.default.createElement(carbonio_design_system_1.Avatar, { label: accordionItem.label, colorLabel: accordionItem.iconColor, size: "medium" }))),
+        react_1.default.createElement(carbonio_design_system_1.Tooltip, { label: accordionItem.label, placement: "right", maxWidth: "100%" },
+            react_1.default.createElement(carbonio_design_system_1.AccordionItem, { "data-testid": `accordion-folder-item-${folder.id}`, item: accordionItem },
+                react_1.default.createElement(status_icon_1.StatusIcon, { folder: folder })))));
+};
+exports.FolderAccordionCustomComponent = FolderAccordionCustomComponent;
+//# sourceMappingURL=folder-accordions-custom-component.js.map

package/lib/components/select/folders/folder-accordions-custom-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"folder-accordions-custom-component.js","sourceRoot":"","sources":["../../../../src/components/select/folders/folder-accordions-custom-component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;GAIG;AACH,+CAAuC;AAEvC,4EAA+F;AAC/F,kEAA4D;AAC5D,0EAAuC;AAEvC,+CAA2C;AAC3C,mCAAyF;AACzF,wDAAqD;AACrD,oDAAqD;AAGrD,MAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,4BAAG,CAAC,CAAA;+BACE,CAAC,EAAE,KAAK,EAAE,EAAU,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;;CAE9E,CAAC;AAEK,MAAM,8BAA8B,GAAG,CAAC,EAC9C,MAAM,EAGN,EAAqB,EAAE;IACvB,MAAM,WAAW,GAAG,IAAA,kCAAc,GAAE,CAAC,IAAI,CAAC;IAE1C,MAAM,SAAS,GAAsB,IAAA,eAAO,EAC3C,GAAG,EAAE,CAAC,CAAC;QACN,IAAI,EAAE,OAAO;KACb,CAAC,EACF,EAAE,CACF,CAAC;IACF,MAAM,aAAa,GAAG,IAAA,eAAO,EAC5B,GAAG,EAAE,CAAC,CAAC;QACN,GAAG,MAAM;QACT,KAAK,EACJ,MAAM,CAAC,EAAE,KAAK,iBAAO,CAAC,SAAS;YAC9B,CAAC,CAAC,WAAW;YACb,CAAC,CAAC,CAAC,IAAA,+BAAuB,EAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;QACrF,IAAI,EAAE,IAAA,yBAAiB,EAAC,MAAM,CAAC,IAAI,SAAS;QAC5C,SAAS,EAAE,IAAA,0BAAkB,EAAC,MAAM,CAAC,IAAI,EAAE;QAC3C,SAAS;KACT,CAAC,EACF,CAAC,MAAM,EAAE,WAAW,EAAE,SAAS,CAAC,CAChC,CAAC;IAEF,mEAAmE;IACnE,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;QACpC,OAAO,6DAAK,CAAC;IACd,CAAC;IAED,MAAM,UAAU,GACf,MAAM,CAAC,EAAE,KAAK,iBAAO,CAAC,SAAS,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,KAAK,iBAAS,CAAC,CAAC;IAElF,OAAO,CACN,8BAAC,SAAS;QACR,UAAU,IAAI,CACd,8BAAC,gCAAO,IAAC,IAAI,EAAC,OAAO;YACpB,8BAAC,+BAAM,IAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,UAAU,EAAE,aAAa,CAAC,SAAS,EAAE,IAAI,EAAC,QAAQ,GAAG,CAChF,CACV;QACD,8BAAC,gCAAO,IAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,SAAS,EAAC,OAAO,EAAC,QAAQ,EAAC,MAAM;YACrE,8BAAC,sCAAa,mBAAc,yBAAyB,MAAM,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa;gBACpF,8BAAC,wBAAU,IAAC,MAAM,EAAE,MAAM,GAAI,CACf,CACP,CACC,CACZ,CAAC;AACH,CAAC,CAAC;AAjDW,QAAA,8BAA8B,kCAiDzC"}

package/lib/components/select/folders/folder-selector.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { Folder } from '../../../types';
+export type FolderSelectorProps = {
+    inputLabel?: string;
+    onNewFolderClick?: () => void;
+    selectedFolderId?: string;
+    onFolderSelected: (arg: Folder) => void;
+    showSharedAccounts: boolean;
+    allowRootSelection: boolean;
+    filterChildren?: (folder: Folder) => boolean;
+};
+export declare const FolderSelector: ({ inputLabel, onNewFolderClick, selectedFolderId, onFolderSelected, allowRootSelection, showSharedAccounts, filterChildren }: FolderSelectorProps) => ReactElement;