@chayns-components/core 5.0.0-beta.4 → 5.0.0-beta.400

package/lib/components/accordion/accordion-content/AccordionContent.styles.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledAccordionContent = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledAccordionContent = exports.StyledAccordionContent = _styledComponents.default.div`
+    color: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.text;
+}};
+    padding: ${_ref2 => {
+  let {
+    isWrapped
+  } = _ref2;
+  return isWrapped ? '0 9px 18px 26px' : '0 9px 9px 10px';
+}};
+
+    ${_ref3 => {
+  let {
+    maxHeight
+  } = _ref3;
+  return typeof maxHeight === 'number' && (0, _styledComponents.css)`
+            max-height: ${maxHeight}px;
+            overflow-y: scroll;
+        `;
+}}
+`;
+//# sourceMappingURL=AccordionContent.styles.js.map

package/lib/components/accordion/accordion-content/AccordionContent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledAccordionContent","exports","styled","div","_ref","theme","text","_ref2","isWrapped","_ref3","maxHeight","css"],"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\nimport type { AccordionContentProps } from './AccordionContent';\n\ntype StyledAccordionContentProps = WithTheme<{\n    isWrapped: boolean;\n}> &\n    Pick<AccordionContentProps, 'maxHeight'>;\n\nexport const StyledAccordionContent = styled.div<StyledAccordionContentProps>`\n    color: ${({ theme }: StyledAccordionContentProps) => theme.text};\n    padding: ${({ isWrapped }) => (isWrapped ? '0 9px 18px 26px' : '0 9px 9px 10px')};\n\n    ${({ maxHeight }) =>\n        typeof maxHeight === 'number' &&\n        css`\n            max-height: ${maxHeight}px;\n            overflow-y: scroll;\n        `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AASzC,MAAMY,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGE,yBAAM,CAACC,GAAiC;AAC9E,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAAmC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA,CAAC;AACpE,eAAeC,KAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,KAAA;EAAA,OAAMC,SAAS,GAAG,iBAAiB,GAAG,gBAAgB;AAAA,CAAE;AACrF;AACA,MAAMC,KAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,KAAA;EAAA,OACZ,OAAOC,SAAS,KAAK,QAAQ,IAC7B,IAAAC,qBAAG,CAAC;AACZ,0BAA0BD,SAAU;AACpC;AACA,SAAS;AAAA,CAAC;AACV,CAAC"}

package/lib/components/accordion/accordion-group/AccordionGroup.d.ts

@@ -0,0 +1,27 @@
+import React, { Dispatch, FC, ReactNode, SetStateAction } from 'react';
+type IUpdateOpenAccordionUuid = (uuid: string, options?: {
+    shouldOnlyOpen?: boolean;
+}) => void;
+interface IAccordionGroupContext {
+    openAccordionUuid: string | undefined;
+    setOpenAccordionUuid?: Dispatch<SetStateAction<string | undefined>>;
+    updateOpenAccordionUuid?: IUpdateOpenAccordionUuid;
+}
+export declare const AccordionGroupContext: React.Context<IAccordionGroupContext>;
+type AccordionGroupProps = {
+    /**
+     * The Accordions that should be grouped. Accordions with the same group are
+     * automatically closed when an `Accordion` of the group is opened.
+     */
+    children: ReactNode;
+    /**
+     * Function that is executed when all accordions in group are closed.
+     */
+    onClose?: VoidFunction;
+    /**
+     * Function that is executed when any accordion in group will be opened.
+     */
+    onOpen?: VoidFunction;
+};
+declare const AccordionGroup: FC<AccordionGroupProps>;
+export default AccordionGroup;

package/lib/components/accordion/accordion-group/AccordionGroup.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AccordionGroupContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AccordionGroupContext = exports.AccordionGroupContext = /*#__PURE__*/_react.default.createContext({
+  openAccordionUuid: undefined,
+  setOpenAccordionUuid: undefined,
+  updateOpenAccordionUuid: undefined
+});
+AccordionGroupContext.displayName = 'AccordionGroupContext';
+const AccordionGroup = _ref => {
+  let {
+    children,
+    onClose,
+    onOpen
+  } = _ref;
+  const [openAccordionUuid, setOpenAccordionUuid] = (0, _react.useState)(undefined);
+  const isInitialRenderRef = (0, _react.useRef)(true);
+  const updateOpenAccordionUuid = (0, _react.useCallback)(function (uuid) {
+    let {
+      shouldOnlyOpen
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    setOpenAccordionUuid(currentOpenAccordionUuid => {
+      if (currentOpenAccordionUuid === uuid && shouldOnlyOpen !== true) {
+        return undefined;
+      }
+      return uuid;
+    });
+  }, [setOpenAccordionUuid]);
+  (0, _react.useEffect)(() => {
+    if (isInitialRenderRef.current) {
+      isInitialRenderRef.current = false;
+    } else if (typeof openAccordionUuid === 'string') {
+      if (typeof onOpen === 'function') {
+        onOpen();
+      }
+    } else if (typeof onClose === 'function') {
+      onClose();
+    }
+  }, [onClose, onOpen, openAccordionUuid]);
+  const providerValue = (0, _react.useMemo)(() => ({
+    openAccordionUuid,
+    setOpenAccordionUuid,
+    updateOpenAccordionUuid
+  }), [openAccordionUuid, updateOpenAccordionUuid]);
+  return /*#__PURE__*/_react.default.createElement(AccordionGroupContext.Provider, {
+    value: providerValue
+  }, children);
+};
+AccordionGroup.displayName = 'AccordionGroup';
+var _default = exports.default = AccordionGroup;
+//# sourceMappingURL=AccordionGroup.js.map

package/lib/components/accordion/accordion-group/AccordionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionGroup.js","names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","AccordionGroupContext","exports","React","createContext","openAccordionUuid","undefined","setOpenAccordionUuid","updateOpenAccordionUuid","displayName","AccordionGroup","_ref","children","onClose","onOpen","useState","isInitialRenderRef","useRef","useCallback","uuid","shouldOnlyOpen","arguments","length","currentOpenAccordionUuid","useEffect","current","providerValue","useMemo","createElement","Provider","value","_default"],"sources":["../../../../src/components/accordion/accordion-group/AccordionGroup.tsx"],"sourcesContent":["import React, {\n    Dispatch,\n    FC,\n    ReactNode,\n    SetStateAction,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\n\ntype IUpdateOpenAccordionUuid = (uuid: string, options?: { shouldOnlyOpen?: boolean }) => void;\n\ninterface IAccordionGroupContext {\n    openAccordionUuid: string | undefined;\n    setOpenAccordionUuid?: Dispatch<SetStateAction<string | undefined>>;\n    updateOpenAccordionUuid?: IUpdateOpenAccordionUuid;\n}\n\nexport const AccordionGroupContext = React.createContext<IAccordionGroupContext>({\n    openAccordionUuid: undefined,\n    setOpenAccordionUuid: undefined,\n    updateOpenAccordionUuid: undefined,\n});\n\nAccordionGroupContext.displayName = 'AccordionGroupContext';\n\ntype AccordionGroupProps = {\n    /**\n     * The Accordions that should be grouped. Accordions with the same group are\n     * automatically closed when an `Accordion` of the group is opened.\n     */\n    children: ReactNode;\n    /**\n     * Function that is executed when all accordions in group are closed.\n     */\n    onClose?: VoidFunction;\n    /**\n     * Function that is executed when any accordion in group will be opened.\n     */\n    onOpen?: VoidFunction;\n};\n\nconst AccordionGroup: FC<AccordionGroupProps> = ({ children, onClose, onOpen }) => {\n    const [openAccordionUuid, setOpenAccordionUuid] =\n        useState<IAccordionGroupContext['openAccordionUuid']>(undefined);\n\n    const isInitialRenderRef = useRef(true);\n\n    const updateOpenAccordionUuid = useCallback<IUpdateOpenAccordionUuid>(\n        (uuid, { shouldOnlyOpen } = {}) => {\n            setOpenAccordionUuid((currentOpenAccordionUuid) => {\n                if (currentOpenAccordionUuid === uuid && shouldOnlyOpen !== true) {\n                    return undefined;\n                }\n\n                return uuid;\n            });\n        },\n        [setOpenAccordionUuid]\n    );\n\n    useEffect(() => {\n        if (isInitialRenderRef.current) {\n            isInitialRenderRef.current = false;\n        } else if (typeof openAccordionUuid === 'string') {\n            if (typeof onOpen === 'function') {\n                onOpen();\n            }\n        } else if (typeof onClose === 'function') {\n            onClose();\n        }\n    }, [onClose, onOpen, openAccordionUuid]);\n\n    const providerValue = useMemo<IAccordionGroupContext>(\n        () => ({\n            openAccordionUuid,\n            setOpenAccordionUuid,\n            updateOpenAccordionUuid,\n        }),\n        [openAccordionUuid, updateOpenAccordionUuid]\n    );\n\n    return (\n        <AccordionGroupContext.Provider value={providerValue}>\n            {children}\n        </AccordionGroupContext.Provider>\n    );\n};\n\nAccordionGroup.displayName = 'AccordionGroup';\n\nexport default AccordionGroup;\n"],"mappings":"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"}

package/lib/components/accordion/accordion-head/AccordionHead.d.ts

@@ -1,11 +1,17 @@
-import { FC, MouseEventHandler, ReactNode } from 'react';
-declare type AccordionHeadProps = {
+import { ChangeEventHandler, FC, MouseEventHandler, ReactNode } from 'react';
+type AccordionHeadProps = {
     icon?: string;
     isOpen: boolean;
-    isWrapped?: boolean;
+    isFixed: boolean;
+    isTitleGreyed: boolean;
+    isWrapped: boolean;
     onClick: MouseEventHandler<HTMLDivElement>;
-    right?: ReactNode;
+    onSearchChange?: ChangeEventHandler<HTMLInputElement>;
+    rightElement?: ReactNode;
+    searchIcon?: string[];
+    searchPlaceholder?: string;
     title: string;
+    titleElement?: ReactNode;
 };
 declare const AccordionHead: FC<AccordionHeadProps>;
 export default AccordionHead;

package/lib/components/accordion/accordion-head/AccordionHead.js

@@ -1,161 +1,127 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
+var _framerMotion = require("framer-motion");
 var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _Icon = _interopRequireDefault(require("../../icon/Icon"));
-
-var _framerMotion = require("framer-motion");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
+var _utils = require("../utils");
+var _AccordionHead = require("./AccordionHead.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 _getRequireWildcardCache(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; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var StyledMotionAccordionHead = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    overflow: hidden;\n    padding: 4px 0;\n"])));
-var StyledMotionIconWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    align-items: center;\n    display: flex;\n    flex: 0 0 auto;\n    height: 25px;\n    justify-content: center;\n    width: 25px;\n"])));
-
-var StyledTitleWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    align-self: flex-start;\n    flex: 1 1 auto;\n    height: 100%;\n    overflow: hidden;\n    margin-right: 10px;\n    position: relative;\n"])));
-
-var StyledMotionTitle = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transform-origin: top left;\n    user-select: none;\n    width: 100%;\n"])));
-
-var StyledRightWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    display: flex;\n    flex: 0 0 auto;\n    flex-direction: column;\n    justify-content: center;\n    margin-right: 5px;\n    overflow: hidden;\n"])));
-
-var AccordionHead = function AccordionHead(_ref) {
-  var icon = _ref.icon,
-      isOpen = _ref.isOpen,
-      isWrapped = _ref.isWrapped,
-      onClick = _ref.onClick,
-      right = _ref.right,
-      title = _ref.title;
-
-  var _useState = (0, _react.useState)({
-    closed: undefined,
-    open: undefined
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      headHeight = _useState2[0],
-      setHeadHeight = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isAnimating = _useState4[0],
-      setIsAnimating = _useState4[1];
-
-  var titleWrapperRef = (0, _react.useRef)(null);
-  var animatingTimeoutRef = (0, _react.useRef)(undefined);
-  var handleClick = (0, _react.useCallback)(function (event) {
-    window.clearTimeout(animatingTimeoutRef.current);
-    setIsAnimating(true);
-    onClick(event);
-    animatingTimeoutRef.current = window.setTimeout(setIsAnimating, 300, false);
-  }, [onClick]);
-  (0, _react.useEffect)(function () {
-    var _titleWrapperRef$curr, _titleWrapperRef$curr2;
-
-    setHeadHeight(getAccordionHeadHeight({
-      isWrapped: isWrapped,
-      title: title,
-      width: ((_titleWrapperRef$curr = (_titleWrapperRef$curr2 = titleWrapperRef.current) === null || _titleWrapperRef$curr2 === void 0 ? void 0 : _titleWrapperRef$curr2.clientWidth) !== null && _titleWrapperRef$curr !== void 0 ? _titleWrapperRef$curr : 0) - 10
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AccordionHead = _ref => {
+  let {
+    icon,
+    isOpen,
+    isFixed,
+    isTitleGreyed,
+    isWrapped,
+    onClick,
+    onSearchChange,
+    rightElement,
+    searchIcon,
+    searchPlaceholder,
+    title,
+    titleElement
+  } = _ref;
+  const [headHeight, setHeadHeight] = (0, _react.useState)({
+    closed: isWrapped ? 40 : 33,
+    open: isWrapped ? 40 : 33
+  });
+  const titleWrapperRef = (0, _react.useRef)(null);
+  const hasSearchIcon = Array.isArray(searchIcon);
+  (0, _react.useEffect)(() => {
+    setHeadHeight((0, _utils.getAccordionHeadHeight)({
+      isWrapped,
+      title,
+      width: (titleWrapperRef.current?.clientWidth ?? 0) - 10
     }));
   }, [isWrapped, title]);
-  return /*#__PURE__*/_react.default.createElement(StyledMotionAccordionHead, {
+  return /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionAccordionHead, {
     animate: {
       height: isOpen ? headHeight.open : headHeight.closed
     },
     className: "beta-chayns-accordion-head",
-    initial: false,
-    onClick: handleClick
-  }, /*#__PURE__*/_react.default.createElement(StyledMotionIconWrapper, {
+    initial: false
+  }, /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionIconWrapper, {
     animate: {
-      rotate: isOpen ? 90 : 0
+      rotate: isOpen || isFixed ? 90 : 0
     },
-    initial: false
+    initial: false,
+    onClick: !isFixed ? onClick : undefined
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    icons: [icon !== null && icon !== void 0 ? icon : 'ts-angle-right']
-  })), /*#__PURE__*/_react.default.createElement(StyledTitleWrapper, {
+    icons: [isFixed ? 'fa fa-horizontal-rule' : icon ?? 'fa fa-chevron-right']
+  })), /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionContentWrapper, {
+    animate: {
+      opacity: isTitleGreyed ? 0.5 : 1
+    },
+    initial: false,
+    onClick: !isFixed ? onClick : undefined,
     ref: titleWrapperRef
-  }, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
+  }, /*#__PURE__*/_react.default.createElement(_framerMotion.LayoutGroup, null, /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionTitleWrapper, null, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
     initial: false
-  }, /*#__PURE__*/_react.default.createElement(StyledMotionTitle, {
+  }, /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionTitle, {
     animate: {
-      opacity: 1,
       scale: 1
     },
+    initial: {
+      scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3
+    },
+    isOpen: isOpen,
+    isWrapped: isWrapped,
+    key: isOpen && !isWrapped ? 'accordionHeadTitleBig' : 'accordionHeadTitle'
+  }, title))), titleElement && /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionTitleElementWrapper, {
+    layout: true
+  }, titleElement))), (typeof onSearchChange === 'function' || rightElement) && /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledRightWrapper, null, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
+    initial: false
+  }, typeof onSearchChange === 'function' && isOpen ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionRightInput, {
+    animate: {
+      opacity: 1,
+      width: '165px'
+    },
+    autoComplete: "off",
     exit: {
       opacity: 0,
-      position: 'absolute',
-      scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3
+      width: 0
     },
+    hasIcon: hasSearchIcon,
     initial: {
       opacity: 0,
-      scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3
+      width: 0
+    },
+    key: "rightInput",
+    onChange: onSearchChange,
+    placeholder: searchPlaceholder,
+    type: "text"
+  }), hasSearchIcon && /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionRightInputIconWrapper, {
+    animate: {
+      opacity: 1
     },
-    key: isOpen && !isWrapped ? 'accordionHeadTitleBig' : 'accordionHeadTitle',
-    style: {
-      fontSize: isOpen && !isWrapped ? '1.3rem' : undefined,
-      fontWeight: isOpen && isWrapped ? 700 : 'normal',
-      whiteSpace: isOpen && !isWrapped ? 'normal' : 'nowrap'
-    }
-  }, title))), right && /*#__PURE__*/_react.default.createElement(StyledRightWrapper, null, right));
+    exit: {
+      opacity: 0
+    },
+    initial: {
+      opacity: 0
+    },
+    key: "rightInputIcon"
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icons: searchIcon
+  }))) : /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionRightElementWrapper, {
+    animate: {
+      opacity: 1
+    },
+    exit: {
+      opacity: 0
+    },
+    initial: {
+      opacity: 0
+    },
+    key: "rightElementWrapper"
+  }, rightElement))));
 };
-
 AccordionHead.displayName = 'AccordionHead';
-var _default = AccordionHead; //region Utils
-
-exports.default = _default;
-
-var getAccordionHeadHeight = function getAccordionHeadHeight(_ref2) {
-  var isWrapped = _ref2.isWrapped,
-      title = _ref2.title,
-      width = _ref2.width;
-  var element = document.createElement('div');
-  element.style.fontSize = '1rem';
-  element.style.opacity = '0';
-  element.style.pointerEvents = 'none';
-  element.style.whiteSpace = 'nowrap';
-  element.style.width = "".concat(width, "px");
-  element.innerText = title;
-  document.body.appendChild(element);
-  var closedHeight = Math.max(element.clientHeight + 8, 33);
-
-  if (isWrapped) {
-    element.style.fontWeight = 'bold';
-  } else {
-    element.style.fontSize = '1.3rem';
-  }
-
-  element.style.whiteSpace = 'normal';
-  var openHeight = Math.max(element.clientHeight + 8, 33);
-  document.body.removeChild(element);
-  return {
-    closed: closedHeight,
-    open: openHeight
-  };
-}; //endregion
+var _default = exports.default = AccordionHead;
 //# sourceMappingURL=AccordionHead.js.map

package/lib/components/accordion/accordion-head/AccordionHead.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/accordion/accordion-head/AccordionHead.tsx"],"names":["StyledMotionAccordionHead","motion","div","StyledMotionIconWrapper","StyledTitleWrapper","styled","StyledMotionTitle","StyledRightWrapper","AccordionHead","icon","isOpen","isWrapped","onClick","right","title","closed","undefined","open","headHeight","setHeadHeight","isAnimating","setIsAnimating","titleWrapperRef","animatingTimeoutRef","handleClick","event","window","clearTimeout","current","setTimeout","getAccordionHeadHeight","width","clientWidth","height","rotate","opacity","scale","position","fontSize","fontWeight","whiteSpace","displayName","element","document","createElement","style","pointerEvents","innerText","body","appendChild","closedHeight","Math","max","clientHeight","openHeight","removeChild"],"mappings":"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","sourcesContent":["import React, {\n    FC,\n    MouseEventHandler,\n    ReactNode,\n    useCallback,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\nimport styled from 'styled-components';\nimport Icon from '../../icon/Icon';\nimport { AnimatePresence, motion } from 'framer-motion';\n\ntype AccordionHeadProps = {\n    icon?: string;\n    isOpen: boolean;\n    isWrapped?: boolean;\n    onClick: MouseEventHandler<HTMLDivElement>;\n    right?: ReactNode;\n    title: string;\n};\n\ninterface HeadHeight {\n    closed?: number;\n    open?: number;\n}\n\nconst StyledMotionAccordionHead = styled(motion.div)`\n    align-items: center;\n    cursor: pointer;\n    display: flex;\n    overflow: hidden;\n    padding: 4px 0;\n`;\n\nconst StyledMotionIconWrapper = styled(motion.div)`\n    align-items: center;\n    display: flex;\n    flex: 0 0 auto;\n    height: 25px;\n    justify-content: center;\n    width: 25px;\n`;\n\nconst StyledTitleWrapper = styled.div`\n    align-self: flex-start;\n    flex: 1 1 auto;\n    height: 100%;\n    overflow: hidden;\n    margin-right: 10px;\n    position: relative;\n`;\n\nconst StyledMotionTitle = styled(motion.div)`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transform-origin: top left;\n    user-select: none;\n    width: 100%;\n`;\n\nconst StyledRightWrapper = styled.div`\n    display: flex;\n    flex: 0 0 auto;\n    flex-direction: column;\n    justify-content: center;\n    margin-right: 5px;\n    overflow: hidden;\n`;\n\nconst AccordionHead: FC<AccordionHeadProps> = ({\n    icon,\n    isOpen,\n    isWrapped,\n    onClick,\n    right,\n    title,\n}) => {\n    const [headHeight, setHeadHeight] = useState<HeadHeight>({\n        closed: undefined,\n        open: undefined,\n    });\n    const [isAnimating, setIsAnimating] = useState(false);\n\n    const titleWrapperRef = useRef<HTMLDivElement>(null);\n    const animatingTimeoutRef = useRef<number | undefined>(undefined);\n\n    const handleClick: MouseEventHandler<HTMLDivElement> = useCallback(\n        (event) => {\n            window.clearTimeout(animatingTimeoutRef.current);\n\n            setIsAnimating(true);\n            onClick(event);\n\n            animatingTimeoutRef.current = window.setTimeout(setIsAnimating, 300, false);\n        },\n        [onClick]\n    );\n\n    useEffect(() => {\n        setHeadHeight(\n            getAccordionHeadHeight({\n                isWrapped,\n                title,\n                width: (titleWrapperRef.current?.clientWidth ?? 0) - 10,\n            })\n        );\n    }, [isWrapped, title]);\n\n    return (\n        <StyledMotionAccordionHead\n            animate={{ height: isOpen ? headHeight.open : headHeight.closed }}\n            className=\"beta-chayns-accordion-head\"\n            initial={false}\n            onClick={handleClick}\n        >\n            <StyledMotionIconWrapper animate={{ rotate: isOpen ? 90 : 0 }} initial={false}>\n                <Icon icons={[icon ?? 'ts-angle-right']} />\n            </StyledMotionIconWrapper>\n            <StyledTitleWrapper ref={titleWrapperRef}>\n                <AnimatePresence initial={false}>\n                    <StyledMotionTitle\n                        animate={{ opacity: 1, scale: 1 }}\n                        exit={{\n                            opacity: 0,\n                            position: 'absolute',\n                            scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3,\n                        }}\n                        initial={{ opacity: 0, scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3 }}\n                        key={isOpen && !isWrapped ? 'accordionHeadTitleBig' : 'accordionHeadTitle'}\n                        style={{\n                            fontSize: isOpen && !isWrapped ? '1.3rem' : undefined,\n                            fontWeight: isOpen && isWrapped ? 700 : 'normal',\n                            whiteSpace: isOpen && !isWrapped ? 'normal' : 'nowrap',\n                        }}\n                    >\n                        {title}\n                    </StyledMotionTitle>\n                </AnimatePresence>\n            </StyledTitleWrapper>\n            {right && <StyledRightWrapper>{right}</StyledRightWrapper>}\n        </StyledMotionAccordionHead>\n    );\n};\n\nAccordionHead.displayName = 'AccordionHead';\n\nexport default AccordionHead;\n\n//region Utils\ninterface GetAccordionHeadHeightOptions {\n    isWrapped?: boolean;\n    title: string;\n    width: number;\n}\n\ninterface GetAccordionHeadHeightResult {\n    closed: number;\n    open: number;\n}\n\nconst getAccordionHeadHeight = ({\n    isWrapped,\n    title,\n    width,\n}: GetAccordionHeadHeightOptions): GetAccordionHeadHeightResult => {\n    const element = document.createElement('div');\n\n    element.style.fontSize = '1rem';\n    element.style.opacity = '0';\n    element.style.pointerEvents = 'none';\n    element.style.whiteSpace = 'nowrap';\n    element.style.width = `${width}px`;\n\n    element.innerText = title;\n\n    document.body.appendChild(element);\n\n    const closedHeight = Math.max(element.clientHeight + 8, 33);\n\n    if (isWrapped) {\n        element.style.fontWeight = 'bold';\n    } else {\n        element.style.fontSize = '1.3rem';\n    }\n\n    element.style.whiteSpace = 'normal';\n\n    const openHeight = Math.max(element.clientHeight + 8, 33);\n\n    document.body.removeChild(element);\n\n    return { closed: closedHeight, open: openHeight };\n};\n//endregion\n"],"file":"AccordionHead.js"}
+{"version":3,"file":"AccordionHead.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_Icon","_interopRequireDefault","_utils","_AccordionHead","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","AccordionHead","_ref","icon","isOpen","isFixed","isTitleGreyed","isWrapped","onClick","onSearchChange","rightElement","searchIcon","searchPlaceholder","title","titleElement","headHeight","setHeadHeight","useState","closed","open","titleWrapperRef","useRef","hasSearchIcon","Array","isArray","useEffect","getAccordionHeadHeight","width","current","clientWidth","createElement","StyledMotionAccordionHead","animate","height","className","initial","StyledMotionIconWrapper","rotate","undefined","icons","StyledMotionContentWrapper","opacity","ref","LayoutGroup","StyledMotionTitleWrapper","AnimatePresence","StyledMotionTitle","scale","key","StyledMotionTitleElementWrapper","layout","StyledRightWrapper","Fragment","StyledMotionRightInput","autoComplete","exit","hasIcon","onChange","placeholder","type","StyledMotionRightInputIconWrapper","StyledMotionRightElementWrapper","displayName","_default","exports"],"sources":["../../../../src/components/accordion/accordion-head/AccordionHead.tsx"],"sourcesContent":["import { AnimatePresence, LayoutGroup } from 'framer-motion';\nimport React, {\n    ChangeEventHandler,\n    FC,\n    MouseEventHandler,\n    ReactNode,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\nimport Icon from '../../icon/Icon';\nimport { getAccordionHeadHeight } from '../utils';\nimport {\n    StyledMotionAccordionHead,\n    StyledMotionContentWrapper,\n    StyledMotionIconWrapper,\n    StyledMotionRightElementWrapper,\n    StyledMotionRightInput,\n    StyledMotionRightInputIconWrapper,\n    StyledMotionTitle,\n    StyledMotionTitleElementWrapper,\n    StyledMotionTitleWrapper,\n    StyledRightWrapper,\n} from './AccordionHead.styles';\n\ntype AccordionHeadProps = {\n    icon?: string;\n    isOpen: boolean;\n    isFixed: boolean;\n    isTitleGreyed: boolean;\n    isWrapped: boolean;\n    onClick: MouseEventHandler<HTMLDivElement>;\n    onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n    rightElement?: ReactNode;\n    searchIcon?: string[];\n    searchPlaceholder?: string;\n    title: string;\n    titleElement?: ReactNode;\n};\n\ninterface HeadHeight {\n    closed: number;\n    open: number;\n}\n\nconst AccordionHead: FC<AccordionHeadProps> = ({\n    icon,\n    isOpen,\n    isFixed,\n    isTitleGreyed,\n    isWrapped,\n    onClick,\n    onSearchChange,\n    rightElement,\n    searchIcon,\n    searchPlaceholder,\n    title,\n    titleElement,\n}) => {\n    const [headHeight, setHeadHeight] = useState<HeadHeight>({\n        closed: isWrapped ? 40 : 33,\n        open: isWrapped ? 40 : 33,\n    });\n\n    const titleWrapperRef = useRef<HTMLDivElement>(null);\n\n    const hasSearchIcon = Array.isArray(searchIcon);\n\n    useEffect(() => {\n        setHeadHeight(\n            getAccordionHeadHeight({\n                isWrapped,\n                title,\n                width: (titleWrapperRef.current?.clientWidth ?? 0) - 10,\n            })\n        );\n    }, [isWrapped, title]);\n\n    return (\n        <StyledMotionAccordionHead\n            animate={{ height: isOpen ? headHeight.open : headHeight.closed }}\n            className=\"beta-chayns-accordion-head\"\n            initial={false}\n        >\n            <StyledMotionIconWrapper\n                animate={{ rotate: isOpen || isFixed ? 90 : 0 }}\n                initial={false}\n                onClick={!isFixed ? onClick : undefined}\n            >\n                <Icon icons={[isFixed ? 'fa fa-horizontal-rule' : icon ?? 'fa fa-chevron-right']} />\n            </StyledMotionIconWrapper>\n            <StyledMotionContentWrapper\n                animate={{ opacity: isTitleGreyed ? 0.5 : 1 }}\n                initial={false}\n                onClick={!isFixed ? onClick : undefined}\n                ref={titleWrapperRef}\n            >\n                <LayoutGroup>\n                    <StyledMotionTitleWrapper>\n                        <AnimatePresence initial={false}>\n                            <StyledMotionTitle\n                                animate={{ scale: 1 }}\n                                initial={{ scale: isOpen && !isWrapped ? 1 / 1.3 : 1.3 }}\n                                isOpen={isOpen}\n                                isWrapped={isWrapped}\n                                key={\n                                    isOpen && !isWrapped\n                                        ? 'accordionHeadTitleBig'\n                                        : 'accordionHeadTitle'\n                                }\n                            >\n                                {title}\n                            </StyledMotionTitle>\n                        </AnimatePresence>\n                    </StyledMotionTitleWrapper>\n                    {titleElement && (\n                        <StyledMotionTitleElementWrapper layout>\n                            {titleElement}\n                        </StyledMotionTitleElementWrapper>\n                    )}\n                </LayoutGroup>\n            </StyledMotionContentWrapper>\n            {(typeof onSearchChange === 'function' || rightElement) && (\n                <StyledRightWrapper>\n                    <AnimatePresence initial={false}>\n                        {typeof onSearchChange === 'function' && isOpen ? (\n                            <>\n                                <StyledMotionRightInput\n                                    animate={{ opacity: 1, width: '165px' }}\n                                    autoComplete=\"off\"\n                                    exit={{ opacity: 0, width: 0 }}\n                                    hasIcon={hasSearchIcon}\n                                    initial={{ opacity: 0, width: 0 }}\n                                    key=\"rightInput\"\n                                    onChange={onSearchChange}\n                                    placeholder={searchPlaceholder}\n                                    type=\"text\"\n                                />\n                                {hasSearchIcon && (\n                                    <StyledMotionRightInputIconWrapper\n                                        animate={{ opacity: 1 }}\n                                        exit={{ opacity: 0 }}\n                                        initial={{ opacity: 0 }}\n                                        key=\"rightInputIcon\"\n                                    >\n                                        <Icon icons={searchIcon} />\n                                    </StyledMotionRightInputIconWrapper>\n                                )}\n                            </>\n                        ) : (\n                            <StyledMotionRightElementWrapper\n                                animate={{ opacity: 1 }}\n                                exit={{ opacity: 0 }}\n                                initial={{ opacity: 0 }}\n                                key=\"rightElementWrapper\"\n                            >\n                                {rightElement}\n                            </StyledMotionRightElementWrapper>\n                        )}\n                    </AnimatePresence>\n                </StyledRightWrapper>\n            )}\n        </StyledMotionAccordionHead>\n    );\n};\n\nAccordionHead.displayName = 'AccordionHead';\n\nexport default AccordionHead;\n"],"mappings":"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"}