@chayns-components/core 5.0.0-beta.98 → 5.0.0-beta.981

package/lib/types/types/list.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties, ReactNode } from 'react';
+export interface IListItemRightElement {
+    bottom?: ReactNode;
+    center?: ReactNode;
+    top?: ReactNode;
+    topAlignment?: CSSProperties['justifyContent'];
+    bottomAlignment?: CSSProperties['justifyContent'];
+}
+export type IListItemRightElements = IListItemRightElement | ReactNode;

package/lib/types/types/popup.d.ts

@@ -0,0 +1,16 @@
+export declare enum PopupAlignment {
+    TopLeft = 0,
+    TopCenter = 1,
+    TopRight = 2,
+    BottomLeft = 3,
+    BottomCenter = 4,
+    BottomRight = 5
+}
+export type PopupCoordinates = {
+    x: number;
+    y: number;
+};
+export type PopupRef = {
+    hide: VoidFunction;
+    show: VoidFunction;
+};

package/lib/types/types/radioButton.d.ts

@@ -0,0 +1,5 @@
+export interface RadioButtonItem {
+    id: string;
+    isChecked: boolean;
+}
+export type RadioButtonRightElementMargin = 'NONE' | 'TOP' | 'BOTTOM' | 'BOTH';

package/lib/types/types/searchBox.d.ts

@@ -0,0 +1,9 @@
+export interface ISearchBoxItems {
+    groupName?: string;
+    list: ISearchBoxItem[];
+}
+export interface ISearchBoxItem {
+    text: string;
+    id: string;
+    imageUrl?: string;
+}

package/lib/types/types/selectButton.d.ts

@@ -0,0 +1,4 @@
+export interface SelectButtonItem {
+    text: string;
+    id: number;
+}

package/lib/types/types/sharingBar.d.ts

@@ -0,0 +1,9 @@
+export interface SharingBarProvider {
+    id: number;
+    providerId: number;
+    name: string;
+    androidIdentifier: string | null;
+    icon: string;
+    url: string | null;
+    available: boolean;
+}

package/lib/types/types/signature.d.ts

@@ -0,0 +1,10 @@
+import type { ButtonType } from './chayns';
+export interface GetUserSignatureResult {
+    key: string;
+    personId: string;
+    value: string;
+}
+export interface SignatureDialogResult {
+    buttonType: ButtonType;
+    result: string;
+}

package/lib/types/types/slider-button.d.ts

@@ -0,0 +1,4 @@
+export interface SliderButtonItem {
+    id: string;
+    text: string;
+}

package/lib/types/types/tagInput.d.ts

@@ -0,0 +1,4 @@
+export interface Tag {
+    id: string;
+    text: string;
+}

package/lib/types/types/tooltip.d.ts

@@ -0,0 +1,9 @@
+export interface ITooltipItem {
+    headline?: string;
+    text: string;
+    imageUrl?: string;
+    button?: {
+        text: string;
+        onClick: () => void;
+    };
+}

package/lib/types/types/truncation.d.ts

@@ -0,0 +1,5 @@
+export declare enum ClampPosition {
+    Right = 0,
+    Middle = 1,
+    Left = 2
+}

package/lib/types/utils/accordion.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import type { AccordionHeadProps } from '../components/accordion/accordion-head/AccordionHead';
+type GetAccordionHeadHeightOptions = Pick<AccordionHeadProps, 'isWrapped' | 'title'> & {
+    width: number;
+    hasSearch: boolean;
+};
+interface GetAccordionHeadHeightResult {
+    closed: number;
+    open: number;
+}
+export declare const getAccordionHeadHeight: ({ isWrapped, title, width, hasSearch, }: GetAccordionHeadHeightOptions) => GetAccordionHeadHeightResult;
+export declare const getElementClickEvent: (element: ReactNode) => boolean;
+export {};

package/lib/types/utils/amountControl.d.ts

@@ -0,0 +1,7 @@
+interface CheckForValidAmount {
+    amount: number;
+    maxAmount?: number;
+    minAmount: number;
+}
+export declare const checkForValidAmount: ({ amount, maxAmount, minAmount }: CheckForValidAmount) => number;
+export {};

package/lib/types/utils/calculate.d.ts

@@ -0,0 +1,9 @@
+import { ChaynsReactFunctions, ChaynsReactValues } from 'chayns-api';
+import { type CSSProperties } from 'react';
+import type { IComboBoxItem } from '../components/combobox/ComboBox';
+import type { SliderButtonItem } from '../types/slider-button';
+export declare const calculateContentWidth: (list: IComboBoxItem[], functions: ChaynsReactFunctions, values: ChaynsReactValues) => number;
+export declare const calculateBiggestWidth: (elements: SliderButtonItem[]) => number;
+export declare const calculateContentHeight: (elements: string[]) => number;
+export declare const getHeightOfSingleTextLine: () => number;
+export declare const getMaxHeightInPixels: (maxHeight: CSSProperties["maxHeight"], rootElement: HTMLElement) => number;

package/lib/types/utils/checkBox.d.ts

@@ -0,0 +1 @@
+export declare const getCheckBoxPosition: (fontSize: number) => number | undefined;

package/lib/types/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare const debounce: <F extends (...args: any[]) => any>(func: F, waitFor: number) => (...args: Parameters<F>) => Promise<ReturnType<F>>;

package/lib/types/utils/environment.d.ts

@@ -0,0 +1 @@
+export declare const getIsTouch: () => boolean;

package/lib/types/utils/file.d.ts

@@ -0,0 +1,20 @@
+export declare const hasDuplicate: <T>(items: T[], newItem: T, comparator: (a: T, b: T) => boolean) => boolean;
+interface FilerDuplicateFileOptions {
+    files: File[];
+    newFile: File;
+}
+export declare const filterDuplicateFile: ({ files, newFile }: FilerDuplicateFileOptions) => boolean;
+interface FilterDuplicateFileUrlsOptions {
+    files: string[];
+    newFile: string;
+}
+export declare const filterDuplicateFileUrls: ({ files, newFile }: FilterDuplicateFileUrlsOptions) => boolean;
+export declare const getHumanSize: (bytes: number) => string;
+interface IsValidFileTypeOptions {
+    file: File;
+    types: string;
+}
+export declare const isValidFileType: ({ types, file }: IsValidFileTypeOptions) => boolean;
+export declare const MIME_TYPE_MAPPING: Record<string, string>;
+export declare const getIconByMimeType: (mimeType?: string) => string;
+export {};

package/lib/types/utils/fileDialog.d.ts

@@ -0,0 +1,9 @@
+interface SelectFilesOptions {
+    type?: string;
+    multiple: boolean;
+    maxFileSizeInMB?: number;
+}
+export declare const selectFiles: ({ type, multiple, maxFileSizeInMB, }: SelectFilesOptions) => Promise<File[]>;
+export declare const filterFilesByMimeType: (files: FileList | File[], mimeTypes: string) => FileList | File[];
+export declare const getFileAsArrayBuffer: (file: File) => Promise<string | ArrayBuffer>;
+export {};

package/lib/types/utils/font.d.ts

@@ -0,0 +1,8 @@
+import { IconStyle, type ParagraphFormat } from '../types/colorSchemeProvider';
+export declare const convertIconStyle: (iconStyle: IconStyle) => "fa-solid" | "fa-duotone" | "fa-sharp" | "fa-light" | "fa-regular";
+export declare const getFontSize: () => string;
+export declare const getHeadlineColorSelector: (data: ParagraphFormat[]) => {
+    themeResult: {
+        [key: string]: string;
+    };
+};

package/lib/types/utils/isTobitEmployee.d.ts

@@ -0,0 +1 @@
+export declare const isTobitEmployee: () => Promise<boolean>;

package/lib/types/utils/numberInput.d.ts

@@ -0,0 +1,23 @@
+interface ParseFloatWithDecimals {
+    ({ stringValue, decimals }: {
+        stringValue: string;
+        decimals?: number;
+    }): number;
+}
+export declare const parseFloatWithDecimals: ParseFloatWithDecimals;
+interface FormateNumberOptions {
+    number: number | string | null;
+    isMoneyInput?: boolean;
+    isTimeInput?: boolean;
+}
+export declare const formateNumber: ({ number, isMoneyInput, isTimeInput }: FormateNumberOptions) => string;
+interface IsValidString {
+    (config: {
+        string: string;
+        isDecimalInput?: boolean;
+        isMoneyInput?: boolean;
+        isTimeInput?: boolean;
+    }): boolean;
+}
+export declare const isValidString: IsValidString;
+export {};

package/lib/types/utils/pageProvider.d.ts

@@ -0,0 +1,2 @@
+export declare const getPagePadding: () => "0" | "35px 43px 30px" | "15px 10px 20px";
+export declare const getUsableHeight: (shouldRemovePadding?: boolean) => Promise<number>;

package/lib/types/utils/radioButton.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const getRadioButtonOrder: (children: ReactNode) => string[];

package/lib/types/utils/searchBox.d.ts

@@ -0,0 +1,8 @@
+import type { ISearchBoxItem } from '../types/searchBox';
+export declare const getCurrentGroupName: (element: HTMLElement) => string;
+interface SearchListOptions {
+    items: ISearchBoxItem[];
+    searchString: string;
+}
+export declare const searchList: ({ searchString, items }: SearchListOptions) => ISearchBoxItem[];
+export {};

package/lib/types/utils/sharingBar.d.ts

@@ -0,0 +1,3 @@
+export declare const copyToClipboard: (link: string) => void;
+export declare const shareWithApp: (link: string) => void;
+export declare const shareWithUrl: (link: string) => void;

package/lib/types/utils/slider.d.ts

@@ -0,0 +1,30 @@
+import type { Theme } from '../components/color-scheme-provider/ColorSchemeProvider';
+export interface FillSlider {
+    fromSlider: HTMLInputElement;
+    toSlider: HTMLInputElement;
+    fromValue?: number;
+    toValue?: number;
+    theme: Theme;
+}
+export declare const fillSlider: ({ fromSlider, toSlider, theme, fromValue, toValue }: FillSlider) => void;
+interface CalculateGradientOffset {
+    value: number;
+    min: number;
+    max: number;
+    thumbWidth: number;
+    containerWidth: number;
+}
+export declare const calculateGradientOffset: ({ value, min, max, thumbWidth, containerWidth, }: CalculateGradientOffset) => number;
+interface GetThumbMaxWidthOptions {
+    maxNumber: number;
+    thumbLabelFormatter?: (value: number) => string;
+}
+interface CalculatePopupPositionOptions {
+    sliderValue: number;
+    min: number;
+    max: number;
+    popupWidth: number;
+}
+export declare const calculatePopupPosition: ({ sliderValue, min, max, popupWidth, }: CalculatePopupPositionOptions) => number;
+export declare const getThumbMaxWidth: ({ maxNumber, thumbLabelFormatter }: GetThumbMaxWidthOptions) => number;
+export {};

package/lib/types/utils/sliderButton.d.ts

@@ -0,0 +1,20 @@
+import type { AnimationScope } from 'framer-motion';
+interface GetNearestPointProps {
+    position: number;
+    snapPoints: number[];
+    scrollLeft: number;
+}
+export declare const getNearestPoint: ({ snapPoints, position, scrollLeft }: GetNearestPointProps) => {
+    nearestIndex: number;
+    nearestPoint: number;
+};
+interface GetThumbPositionProps {
+    scope: AnimationScope;
+    itemWidth: number;
+}
+export declare const getThumbPosition: ({ itemWidth, scope }: GetThumbPositionProps) => {
+    left: number;
+    right: number;
+    middle: number;
+} | undefined;
+export {};

package/lib/types/utils/tooltip.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const isTextOnlyElement: (element: ReactNode) => boolean;

package/lib/types/utils/truncation.d.ts

@@ -0,0 +1 @@
+export declare const truncateElement: (element: HTMLElement, referenceHeight: number) => void;

package/lib/types/utils/uploadFile.d.ts

@@ -0,0 +1,8 @@
+import type { Image, InternalFileItem, Video } from '../types/file';
+interface UploadFilesOptions {
+    fileToUpload: InternalFileItem;
+    callback: (UploadedFile: Video | Image) => void;
+    shouldUploadImageToSite?: boolean;
+}
+export declare const uploadFile: ({ fileToUpload, callback, shouldUploadImageToSite, }: UploadFilesOptions) => Promise<void>;
+export {};

package/package.json

@@ -1,7 +1,14 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.98",
+    "version": "5.0.0-beta.981",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
+    "sideEffects": false,
+    "browserslist": [
+        ">0.5%",
+        "not dead",
+        "not op_mini all",
+        "not IE 11"
+    ],
     "keywords": [
         "chayns",
         "react",
@@ -10,8 +17,16 @@
     "author": "Tobit.Software",
     "homepage": "https://github.com/TobitSoftware/chayns-components/tree/main/packages/core#readme",
     "license": "MIT",
-    "main": "lib/index.js",
-    "types": "lib/index.d.ts",
+    "types": "lib/types/index.d.ts",
+    "main": "lib/cjs/index.js",
+    "module": "lib/esm/index.js",
+    "exports": {
+        ".": {
+            "types": "./lib/types/index.d.ts",
+            "require": "./lib/cjs/index.js",
+            "import": "./lib/esm/index.js"
+        }
+    },
     "directories": {
         "lib": "lib",
         "test": "__tests__"
@@ -24,43 +39,53 @@
         "url": "git+https://github.com/TobitSoftware/chayns-components.git"
     },
     "scripts": {
-        "build": "npm run build:js && npm run build:types",
-        "build:js": "babel src --out-dir lib --extensions=.ts,.tsx --source-maps --ignore=src/stories",
+        "build": "npm run build:cjs && npm run build:esm && npm run build:types",
         "build:types": "tsc",
-        "prepublishOnly": "npm run build"
+        "build:cjs": "cross-env NODE_ENV=cjs babel src --out-dir lib/cjs --extensions=.ts,.tsx --source-maps --ignore=src/stories",
+        "build:esm": "cross-env NODE_ENV=esm babel src --out-dir lib/esm --extensions=.ts,.tsx --source-maps --ignore=src/stories",
+        "prepublishOnly": "npm run build",
+        "watch:js": "npm run build:esm -- --watch",
+        "link": "npm link && npm run watch:js"
     },
     "bugs": {
         "url": "https://github.com/TobitSoftware/chayns-components/issues"
     },
     "devDependencies": {
-        "@babel/cli": "^7.21.0",
-        "@babel/core": "^7.21.3",
-        "@babel/preset-env": "^7.20.2",
-        "@babel/preset-react": "^7.18.6",
-        "@babel/preset-typescript": "^7.21.0",
-        "@types/react": "^17.0.53",
-        "@types/react-dom": "^17.0.19",
-        "@types/styled-components": "^5.1.26",
-        "@types/uuid": "^9.0.1",
-        "babel-loader": "^8.3.0",
-        "lerna": "^6.5.1",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
-        "typescript": "^4.9.5"
+        "@babel/cli": "^7.26.4",
+        "@babel/core": "^7.26.0",
+        "@babel/preset-env": "^7.26.0",
+        "@babel/preset-react": "^7.26.3",
+        "@babel/preset-typescript": "^7.26.0",
+        "@types/react": "^18.3.18",
+        "@types/react-dom": "^18.3.5",
+        "@types/react-helmet": "^6.1.11",
+        "@types/styled-components": "^5.1.34",
+        "@types/uuid": "^10.0.0",
+        "babel-loader": "^9.2.1",
+        "cross-env": "^7.0.3",
+        "lerna": "^8.1.9",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "styled-components": "^6.1.14",
+        "typescript": "^5.7.3"
     },
     "dependencies": {
         "@chayns/colors": "^2.0.0",
-        "clsx": "^1.2.1",
-        "framer-motion": "^6.5.1",
-        "styled-components": "^5.3.9",
-        "uuid": "^9.0.0"
+        "@chayns/uac-service": "~0.0.53",
+        "@react-hook/resize-observer": "^2.0.2",
+        "clsx": "^2.1.1",
+        "react-helmet": "^6.1.0",
+        "uuid": "^10.0.0"
     },
     "peerDependencies": {
+        "chayns-api": ">=1.0.73",
+        "framer-motion": ">=10.18.0",
         "react": ">=16.14.0",
-        "react-dom": ">=16.14.0"
+        "react-dom": ">=16.14.0",
+        "styled-components": ">=5.3.11"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "ee7237bbc5e9a51e98268f74989f98da251255c1"
+    "gitHead": "a5d2942d7a6adea7b282fcbcb9f490af90517978"
 }

package/lib/components/accordion/Accordion.js

@@ -1,120 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.AccordionContext = void 0;
-var _framerMotion = require("framer-motion");
-var _react = _interopRequireWildcard(require("react"));
-var _uuid = require("../../hooks/uuid");
-var _AccordionBody = _interopRequireDefault(require("./accordion-body/AccordionBody"));
-var _AccordionGroup = require("./accordion-group/AccordionGroup");
-var _AccordionHead = _interopRequireDefault(require("./accordion-head/AccordionHead"));
-var _Accordion = require("./Accordion.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const AccordionContext = /*#__PURE__*/_react.default.createContext({
-  isWrapped: false
-});
-exports.AccordionContext = AccordionContext;
-AccordionContext.displayName = 'AccordionContext';
-const Accordion = _ref => {
-  let {
-    bodyMaxHeight,
-    children,
-    icon,
-    isDefaultOpen = false,
-    isDisabled = false,
-    isFixed = false,
-    isTitleGreyed = false,
-    isWrapped = false,
-    onBodyScroll,
-    onClose,
-    onOpen,
-    onSearchChange,
-    rightElement,
-    searchIcon,
-    searchPlaceholder,
-    shouldHideBackground = false,
-    title,
-    titleElement
-  } = _ref;
-  const {
-    openAccordionUuid,
-    updateOpenAccordionUuid
-  } = (0, _react.useContext)(_AccordionGroup.AccordionGroupContext);
-  const {
-    isWrapped: isParentWrapped
-  } = (0, _react.useContext)(AccordionContext);
-  const [isAccordionOpen, setIsAccordionOpen] = (0, _react.useState)(isDefaultOpen);
-  const uuid = (0, _uuid.useUuid)();
-  const isInitialRenderRef = (0, _react.useRef)(true);
-  const isInGroup = typeof updateOpenAccordionUuid === 'function';
-  const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;
-  const handleHeadClick = (0, _react.useCallback)(() => {
-    if (isDisabled) {
-      return;
-    }
-    if (typeof updateOpenAccordionUuid === 'function') {
-      updateOpenAccordionUuid(uuid);
-    }
-    setIsAccordionOpen(currentIsAccordionOpen => !currentIsAccordionOpen);
-  }, [isDisabled, updateOpenAccordionUuid, uuid]);
-  (0, _react.useEffect)(() => {
-    if (isInitialRenderRef.current) {
-      isInitialRenderRef.current = false;
-    } else if (isOpen) {
-      if (typeof onOpen === 'function') {
-        onOpen();
-      }
-    } else if (typeof onClose === 'function') {
-      onClose();
-    }
-  }, [isOpen, onClose, onOpen]);
-  (0, _react.useEffect)(() => {
-    if (isDefaultOpen && typeof updateOpenAccordionUuid === 'function') {
-      updateOpenAccordionUuid(uuid, {
-        shouldOnlyOpen: true
-      });
-    }
-  }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);
-  const accordionContextProviderValue = (0, _react.useMemo)(() => ({
-    isWrapped
-  }), [isWrapped]);
-  return /*#__PURE__*/_react.default.createElement(_Accordion.StyledAccordion, {
-    className: "beta-chayns-accordion",
-    isOpen: isOpen,
-    isParentWrapped: isParentWrapped,
-    isWrapped: isWrapped,
-    shouldHideBackground: shouldHideBackground
-  }, /*#__PURE__*/_react.default.createElement(AccordionContext.Provider, {
-    value: accordionContextProviderValue
-  }, /*#__PURE__*/_react.default.createElement(_framerMotion.MotionConfig, {
-    transition: {
-      type: 'tween'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_AccordionHead.default, {
-    icon: icon,
-    isOpen: isOpen,
-    isFixed: isFixed,
-    isTitleGreyed: isTitleGreyed || isDisabled,
-    isWrapped: isWrapped,
-    onClick: handleHeadClick,
-    onSearchChange: onSearchChange,
-    rightElement: rightElement,
-    searchIcon: searchIcon,
-    searchPlaceholder: searchPlaceholder,
-    title: title,
-    titleElement: titleElement
-  }), /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
-    initial: false
-  }, isOpen && /*#__PURE__*/_react.default.createElement(_AccordionBody.default, {
-    maxHeight: bodyMaxHeight,
-    onScroll: onBodyScroll
-  }, children)))));
-};
-Accordion.displayName = 'Accordion';
-var _default = Accordion;
-exports.default = _default;
-//# sourceMappingURL=Accordion.js.map

package/lib/components/accordion/Accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_uuid","_AccordionBody","_interopRequireDefault","_AccordionGroup","_AccordionHead","_Accordion","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AccordionContext","React","createContext","isWrapped","exports","displayName","Accordion","_ref","bodyMaxHeight","children","icon","isDefaultOpen","isDisabled","isFixed","isTitleGreyed","onBodyScroll","onClose","onOpen","onSearchChange","rightElement","searchIcon","searchPlaceholder","shouldHideBackground","title","titleElement","openAccordionUuid","updateOpenAccordionUuid","useContext","AccordionGroupContext","isParentWrapped","isAccordionOpen","setIsAccordionOpen","useState","uuid","useUuid","isInitialRenderRef","useRef","isInGroup","isOpen","handleHeadClick","useCallback","currentIsAccordionOpen","useEffect","current","shouldOnlyOpen","accordionContextProviderValue","useMemo","createElement","StyledAccordion","className","Provider","value","MotionConfig","transition","type","onClick","AnimatePresence","initial","maxHeight","onScroll","_default"],"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { AnimatePresence, MotionConfig } from 'framer-motion';\nimport React, {\n    ChangeEventHandler,\n    FC,\n    ReactNode,\n    UIEvent,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport AccordionBody from './accordion-body/AccordionBody';\nimport { AccordionGroupContext } from './accordion-group/AccordionGroup';\nimport AccordionHead from './accordion-head/AccordionHead';\nimport { StyledAccordion } from './Accordion.styles';\n\nexport const AccordionContext = React.createContext({ isWrapped: false });\n\nAccordionContext.displayName = 'AccordionContext';\n\nexport type AccordionProps = {\n    /**\n     * Maximum height of the accordion body element. This automatically makes the content of the\n     * body element scrollable.\n     */\n    bodyMaxHeight?: number;\n    /**\n     * The content of the accordion body\n     */\n    children: ReactNode;\n    /**\n     * The icon that is displayed in front of the title\n     */\n    icon?: string;\n    /**\n     * This can be used to automatically expand the Accordion during the first render.\n     */\n    isDefaultOpen?: boolean;\n    /**\n     * This will disable the Accordion so that it cannot be opened and will gray out the title.\n     */\n    isDisabled?: boolean;\n    /**\n     * This can be used so that the Accordion cannot be opened or closed.\n     * In addition, in this case the icon is exchanged to mark the Accordions.\n     */\n    isFixed?: boolean;\n    /**\n     * This will gray out the title of the Accordion to indicate hidden content, for example.\n     */\n    isTitleGreyed?: boolean;\n    /**\n     * This value must be set for nested Accordions. This adjusts the style of\n     * the head and the padding of the content.\n     */\n    isWrapped?: boolean;\n    /**\n     * Function that is executed when the accordion body will be scrolled\n     */\n    onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;\n    /**\n     * Function that is executed when the accordion will be closed.\n     */\n    onClose?: VoidFunction;\n    /**\n     * Function that is executed when the accordion will be opened.\n     */\n    onOpen?: VoidFunction;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * head changes. When this function is given, the search field is displayed\n     * in the Accordion Head.\n     */\n    onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Content to be displayed on the right side in the head of the Accordion\n     */\n    rightElement?: ReactNode;\n    /**\n     * Icon to be displayed on the right side in the search input\n     */\n    searchIcon?: string[];\n    /**\n     * The placeholder to be used for the search\n     */\n    searchPlaceholder?: string;\n    /**\n     * This will hide the background color of the accordion\n     */\n    shouldHideBackground?: boolean;\n    /**\n     * Title of the Accordion displayed in the head\n     */\n    title: string;\n    /**\n     * Additional elements to be displayed in the header next to the title.\n     */\n    titleElement?: ReactNode;\n};\n\nconst Accordion: FC<AccordionProps> = ({\n    bodyMaxHeight,\n    children,\n    icon,\n    isDefaultOpen = false,\n    isDisabled = false,\n    isFixed = false,\n    isTitleGreyed = false,\n    isWrapped = false,\n    onBodyScroll,\n    onClose,\n    onOpen,\n    onSearchChange,\n    rightElement,\n    searchIcon,\n    searchPlaceholder,\n    shouldHideBackground = false,\n    title,\n    titleElement,\n}) => {\n    const { openAccordionUuid, updateOpenAccordionUuid } = useContext(AccordionGroupContext);\n    const { isWrapped: isParentWrapped } = useContext(AccordionContext);\n\n    const [isAccordionOpen, setIsAccordionOpen] = useState<boolean>(isDefaultOpen);\n\n    const uuid = useUuid();\n\n    const isInitialRenderRef = useRef(true);\n\n    const isInGroup = typeof updateOpenAccordionUuid === 'function';\n\n    const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;\n\n    const handleHeadClick = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        if (typeof updateOpenAccordionUuid === 'function') {\n            updateOpenAccordionUuid(uuid);\n        }\n\n        setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n    }, [isDisabled, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isInitialRenderRef.current) {\n            isInitialRenderRef.current = false;\n        } else if (isOpen) {\n            if (typeof onOpen === 'function') {\n                onOpen();\n            }\n        } else if (typeof onClose === 'function') {\n            onClose();\n        }\n    }, [isOpen, onClose, onOpen]);\n\n    useEffect(() => {\n        if (isDefaultOpen && typeof updateOpenAccordionUuid === 'function') {\n            updateOpenAccordionUuid(uuid, { shouldOnlyOpen: true });\n        }\n    }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);\n\n    const accordionContextProviderValue = useMemo(() => ({ isWrapped }), [isWrapped]);\n\n    return (\n        <StyledAccordion\n            className=\"beta-chayns-accordion\"\n            isOpen={isOpen}\n            isParentWrapped={isParentWrapped}\n            isWrapped={isWrapped}\n            shouldHideBackground={shouldHideBackground}\n        >\n            <AccordionContext.Provider value={accordionContextProviderValue}>\n                <MotionConfig transition={{ type: 'tween' }}>\n                    <AccordionHead\n                        icon={icon}\n                        isOpen={isOpen}\n                        isFixed={isFixed}\n                        isTitleGreyed={isTitleGreyed || isDisabled}\n                        isWrapped={isWrapped}\n                        onClick={handleHeadClick}\n                        onSearchChange={onSearchChange}\n                        rightElement={rightElement}\n                        searchIcon={searchIcon}\n                        searchPlaceholder={searchPlaceholder}\n                        title={title}\n                        titleElement={titleElement}\n                    />\n                    <AnimatePresence initial={false}>\n                        {isOpen && (\n                            <AccordionBody maxHeight={bodyMaxHeight} onScroll={onBodyScroll}>\n                                {children}\n                            </AccordionBody>\n                        )}\n                    </AnimatePresence>\n                </MotionConfig>\n            </AccordionContext.Provider>\n        </StyledAccordion>\n    );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAYA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAF,sBAAA,CAAAL,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AAAqD,SAAAK,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAX,wBAAAO,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAE9C,MAAMW,gBAAgB,gBAAGC,cAAK,CAACC,aAAa,CAAC;EAAEC,SAAS,EAAE;AAAM,CAAC,CAAC;AAACC,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA;AAE1EA,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAkFjD,MAAMC,SAA6B,GAAGC,IAAA,IAmBhC;EAAA,IAnBiC;IACnCC,aAAa;IACbC,QAAQ;IACRC,IAAI;IACJC,aAAa,GAAG,KAAK;IACrBC,UAAU,GAAG,KAAK;IAClBC,OAAO,GAAG,KAAK;IACfC,aAAa,GAAG,KAAK;IACrBX,SAAS,GAAG,KAAK;IACjBY,YAAY;IACZC,OAAO;IACPC,MAAM;IACNC,cAAc;IACdC,YAAY;IACZC,UAAU;IACVC,iBAAiB;IACjBC,oBAAoB,GAAG,KAAK;IAC5BC,KAAK;IACLC;EACJ,CAAC,GAAAjB,IAAA;EACG,MAAM;IAAEkB,iBAAiB;IAAEC;EAAwB,CAAC,GAAG,IAAAC,iBAAU,EAACC,qCAAqB,CAAC;EACxF,MAAM;IAAEzB,SAAS,EAAE0B;EAAgB,CAAC,GAAG,IAAAF,iBAAU,EAAC3B,gBAAgB,CAAC;EAEnE,MAAM,CAAC8B,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAC,eAAQ,EAAUrB,aAAa,CAAC;EAE9E,MAAMsB,IAAI,GAAG,IAAAC,aAAO,GAAE;EAEtB,MAAMC,kBAAkB,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAEvC,MAAMC,SAAS,GAAG,OAAOX,uBAAuB,KAAK,UAAU;EAE/D,MAAMY,MAAM,GAAGD,SAAS,GAAGZ,iBAAiB,KAAKQ,IAAI,GAAGH,eAAe;EAEvE,MAAMS,eAAe,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACtC,IAAI5B,UAAU,EAAE;MACZ;IACJ;IAEA,IAAI,OAAOc,uBAAuB,KAAK,UAAU,EAAE;MAC/CA,uBAAuB,CAACO,IAAI,CAAC;IACjC;IAEAF,kBAAkB,CAAEU,sBAAsB,IAAK,CAACA,sBAAsB,CAAC;EAC3E,CAAC,EAAE,CAAC7B,UAAU,EAAEc,uBAAuB,EAAEO,IAAI,CAAC,CAAC;EAE/C,IAAAS,gBAAS,EAAC,MAAM;IACZ,IAAIP,kBAAkB,CAACQ,OAAO,EAAE;MAC5BR,kBAAkB,CAACQ,OAAO,GAAG,KAAK;IACtC,CAAC,MAAM,IAAIL,MAAM,EAAE;MACf,IAAI,OAAOrB,MAAM,KAAK,UAAU,EAAE;QAC9BA,MAAM,EAAE;MACZ;IACJ,CAAC,MAAM,IAAI,OAAOD,OAAO,KAAK,UAAU,EAAE;MACtCA,OAAO,EAAE;IACb;EACJ,CAAC,EAAE,CAACsB,MAAM,EAAEtB,OAAO,EAAEC,MAAM,CAAC,CAAC;EAE7B,IAAAyB,gBAAS,EAAC,MAAM;IACZ,IAAI/B,aAAa,IAAI,OAAOe,uBAAuB,KAAK,UAAU,EAAE;MAChEA,uBAAuB,CAACO,IAAI,EAAE;QAAEW,cAAc,EAAE;MAAK,CAAC,CAAC;IAC3D;EACJ,CAAC,EAAE,CAACjC,aAAa,EAAEe,uBAAuB,EAAEO,IAAI,CAAC,CAAC;EAElD,MAAMY,6BAA6B,GAAG,IAAAC,cAAO,EAAC,OAAO;IAAE3C;EAAU,CAAC,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEjF,oBACIjC,MAAA,CAAAU,OAAA,CAAAmE,aAAA,CAACtE,UAAA,CAAAuE,eAAe;IACZC,SAAS,EAAC,uBAAuB;IACjCX,MAAM,EAAEA,MAAO;IACfT,eAAe,EAAEA,eAAgB;IACjC1B,SAAS,EAAEA,SAAU;IACrBmB,oBAAoB,EAAEA;EAAqB,gBAE3CpD,MAAA,CAAAU,OAAA,CAAAmE,aAAA,CAAC/C,gBAAgB,CAACkD,QAAQ;IAACC,KAAK,EAAEN;EAA8B,gBAC5D3E,MAAA,CAAAU,OAAA,CAAAmE,aAAA,CAAC/E,aAAA,CAAAoF,YAAY;IAACC,UAAU,EAAE;MAAEC,IAAI,EAAE;IAAQ;EAAE,gBACxCpF,MAAA,CAAAU,OAAA,CAAAmE,aAAA,CAACvE,cAAA,CAAAI,OAAa;IACV8B,IAAI,EAAEA,IAAK;IACX4B,MAAM,EAAEA,MAAO;IACfzB,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAa,IAAIF,UAAW;IAC3CT,SAAS,EAAEA,SAAU;IACrBoD,OAAO,EAAEhB,eAAgB;IACzBrB,cAAc,EAAEA,cAAe;IAC/BC,YAAY,EAAEA,YAAa;IAC3BC,UAAU,EAAEA,UAAW;IACvBC,iBAAiB,EAAEA,iBAAkB;IACrCE,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA;EAAa,EAC7B,eACFtD,MAAA,CAAAU,OAAA,CAAAmE,aAAA,CAAC/E,aAAA,CAAAwF,eAAe;IAACC,OAAO,EAAE;EAAM,GAC3BnB,MAAM,iBACHpE,MAAA,CAAAU,OAAA,CAAAmE,aAAA,CAAC1E,cAAA,CAAAO,OAAa;IAAC8E,SAAS,EAAElD,aAAc;IAACmD,QAAQ,EAAE5C;EAAa,GAC3DN,QAAQ,CAEhB,CACa,CACP,CACS,CACd;AAE1B,CAAC;AAEDH,SAAS,CAACD,WAAW,GAAG,WAAW;AAAC,IAAAuD,QAAA,GAErBtD,SAAS;AAAAF,OAAA,CAAAxB,OAAA,GAAAgF,QAAA"}

package/lib/components/accordion/Accordion.styles.d.ts

@@ -1,7 +0,0 @@
-import type { AccordionProps } from './Accordion';
-export declare const StyledAccordion: import("styled-components").StyledComponent<"div", any, {
-    isOpen: boolean;
-    isParentWrapped: boolean;
-} & {
-    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
-} & Pick<AccordionProps, "isWrapped" | "shouldHideBackground">, never>;