@chayns-components/core 5.0.0-beta.37 → 5.0.0-beta.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/lib/components/accordion/Accordion.js +0 -16
  2. package/lib/components/accordion/Accordion.js.map +1 -1
  3. package/lib/components/accordion/Accordion.styles.js +42 -21
  4. package/lib/components/accordion/Accordion.styles.js.map +1 -1
  5. package/lib/components/accordion/accordion-body/AccordionBody.js +0 -6
  6. package/lib/components/accordion/accordion-body/AccordionBody.js.map +1 -1
  7. package/lib/components/accordion/accordion-body/AccordionBody.styles.js +3 -9
  8. package/lib/components/accordion/accordion-body/AccordionBody.styles.js.map +1 -1
  9. package/lib/components/accordion/accordion-content/AccordionContent.js +0 -6
  10. package/lib/components/accordion/accordion-content/AccordionContent.js.map +1 -1
  11. package/lib/components/accordion/accordion-content/AccordionContent.styles.js +6 -11
  12. package/lib/components/accordion/accordion-content/AccordionContent.styles.js.map +1 -1
  13. package/lib/components/accordion/accordion-group/AccordionGroup.js +0 -8
  14. package/lib/components/accordion/accordion-group/AccordionGroup.js.map +1 -1
  15. package/lib/components/accordion/accordion-head/AccordionHead.js +1 -12
  16. package/lib/components/accordion/accordion-head/AccordionHead.js.map +1 -1
  17. package/lib/components/accordion/accordion-head/AccordionHead.styles.js +95 -32
  18. package/lib/components/accordion/accordion-head/AccordionHead.styles.js.map +1 -1
  19. package/lib/components/accordion/accordion-intro/AccordionIntro.js +0 -5
  20. package/lib/components/accordion/accordion-intro/AccordionIntro.js.map +1 -1
  21. package/lib/components/accordion/accordion-intro/AccordionIntro.styles.js +3 -9
  22. package/lib/components/accordion/accordion-intro/AccordionIntro.styles.js.map +1 -1
  23. package/lib/components/accordion/utils.js +1 -5
  24. package/lib/components/accordion/utils.js.map +1 -1
  25. package/lib/components/badge/Badge.js +0 -6
  26. package/lib/components/badge/Badge.js.map +1 -1
  27. package/lib/components/badge/Badge.styles.js +12 -11
  28. package/lib/components/badge/Badge.styles.js.map +1 -1
  29. package/lib/components/button/Button.js +0 -10
  30. package/lib/components/button/Button.js.map +1 -1
  31. package/lib/components/button/Button.styles.js +32 -17
  32. package/lib/components/button/Button.styles.js.map +1 -1
  33. package/lib/components/checkbox/Checkbox.js +0 -8
  34. package/lib/components/checkbox/Checkbox.js.map +1 -1
  35. package/lib/components/checkbox/Checkbox.styles.js +67 -29
  36. package/lib/components/checkbox/Checkbox.styles.js.map +1 -1
  37. package/lib/components/color-scheme-provider/ColorSchemeProvider.js +12 -21
  38. package/lib/components/color-scheme-provider/ColorSchemeProvider.js.map +1 -1
  39. package/lib/components/context-menu/ContextMenu.js +3 -24
  40. package/lib/components/context-menu/ContextMenu.js.map +1 -1
  41. package/lib/components/context-menu/ContextMenu.styles.js +3 -9
  42. package/lib/components/context-menu/ContextMenu.styles.js.map +1 -1
  43. package/lib/components/context-menu/constants/alignment.js +0 -1
  44. package/lib/components/context-menu/constants/alignment.js.map +1 -1
  45. package/lib/components/context-menu/context-menu-content/ContextMenuContent.js +7 -8
  46. package/lib/components/context-menu/context-menu-content/ContextMenuContent.js.map +1 -1
  47. package/lib/components/context-menu/context-menu-content/ContextMenuContent.styles.js +78 -33
  48. package/lib/components/context-menu/context-menu-content/ContextMenuContent.styles.js.map +1 -1
  49. package/lib/components/grid-image/GridImage.js +0 -6
  50. package/lib/components/grid-image/GridImage.js.map +1 -1
  51. package/lib/components/grid-image/GridImage.styles.js +52 -28
  52. package/lib/components/grid-image/GridImage.styles.js.map +1 -1
  53. package/lib/components/icon/Icon.js +0 -13
  54. package/lib/components/icon/Icon.js.map +1 -1
  55. package/lib/components/icon/Icon.styles.js +33 -25
  56. package/lib/components/icon/Icon.styles.js.map +1 -1
  57. package/lib/components/icon/utils.js +0 -3
  58. package/lib/components/icon/utils.js.map +1 -1
  59. package/lib/components/input/Input.js +2 -9
  60. package/lib/components/input/Input.js.map +1 -1
  61. package/lib/components/input/Input.styles.js +31 -20
  62. package/lib/components/input/Input.styles.js.map +1 -1
  63. package/lib/components/list/List.js +0 -8
  64. package/lib/components/list/List.js.map +1 -1
  65. package/lib/components/list/list-item/ListItem.js +0 -14
  66. package/lib/components/list/list-item/ListItem.js.map +1 -1
  67. package/lib/components/list/list-item/ListItem.styles.js +27 -17
  68. package/lib/components/list/list-item/ListItem.styles.js.map +1 -1
  69. package/lib/components/list/list-item/list-item-body/ListItemBody.js +0 -5
  70. package/lib/components/list/list-item/list-item-body/ListItemBody.js.map +1 -1
  71. package/lib/components/list/list-item/list-item-body/ListItemBody.styles.js +3 -9
  72. package/lib/components/list/list-item/list-item-body/ListItemBody.styles.js.map +1 -1
  73. package/lib/components/list/list-item/list-item-content/ListItemContent.js +0 -5
  74. package/lib/components/list/list-item/list-item-content/ListItemContent.js.map +1 -1
  75. package/lib/components/list/list-item/list-item-content/ListItemContent.styles.js +5 -10
  76. package/lib/components/list/list-item/list-item-content/ListItemContent.styles.js.map +1 -1
  77. package/lib/components/list/list-item/list-item-head/ListItemHead.js +0 -12
  78. package/lib/components/list/list-item/list-item-head/ListItemHead.js.map +1 -1
  79. package/lib/components/list/list-item/list-item-head/ListItemHead.styles.js +73 -42
  80. package/lib/components/list/list-item/list-item-head/ListItemHead.styles.js.map +1 -1
  81. package/lib/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.js +0 -6
  82. package/lib/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.js.map +1 -1
  83. package/lib/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.js +14 -11
  84. package/lib/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.js.map +1 -1
  85. package/lib/components/list/list-item/list-item-head/list-item-image/ListItemImage.js +0 -11
  86. package/lib/components/list/list-item/list-item-head/list-item-image/ListItemImage.js.map +1 -1
  87. package/lib/components/list/list-item/list-item-head/list-item-image/ListItemImage.styles.js +25 -16
  88. package/lib/components/list/list-item/list-item-head/list-item-image/ListItemImage.styles.js.map +1 -1
  89. package/lib/hooks/uuid.js +0 -4
  90. package/lib/hooks/uuid.js.map +1 -1
  91. package/lib/index.js +0 -14
  92. package/lib/index.js.map +1 -1
  93. package/lib/types/chayns.js +0 -1
  94. package/lib/types/chayns.js.map +1 -1
  95. package/package.json +15 -15
@@ -4,34 +4,21 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = exports.AccordionContext = void 0;
7
-
8
7
  var _framerMotion = require("framer-motion");
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _uuid = require("../../hooks/uuid");
13
-
14
10
  var _AccordionBody = _interopRequireDefault(require("./accordion-body/AccordionBody"));
15
-
16
11
  var _AccordionGroup = require("./accordion-group/AccordionGroup");
17
-
18
12
  var _AccordionHead = _interopRequireDefault(require("./accordion-head/AccordionHead"));
19
-
20
13
  var _Accordion = require("./Accordion.styles");
21
-
22
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
15
  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); }
25
-
26
16
  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; }
27
-
28
17
  const AccordionContext = /*#__PURE__*/_react.default.createContext({
29
18
  isWrapped: false
30
19
  });
31
-
32
20
  exports.AccordionContext = AccordionContext;
33
21
  AccordionContext.displayName = 'AccordionContext';
34
-
35
22
  const Accordion = _ref => {
36
23
  let {
37
24
  children,
@@ -67,11 +54,9 @@ const Accordion = _ref => {
67
54
  if (isDisabled) {
68
55
  return;
69
56
  }
70
-
71
57
  if (typeof updateOpenAccordionUuid === 'function') {
72
58
  updateOpenAccordionUuid(uuid);
73
59
  }
74
-
75
60
  setIsAccordionOpen(currentIsAccordionOpen => !currentIsAccordionOpen);
76
61
  }, [isDisabled, updateOpenAccordionUuid, uuid]);
77
62
  (0, _react.useEffect)(() => {
@@ -123,7 +108,6 @@ const Accordion = _ref => {
123
108
  initial: false
124
109
  }, isOpen && /*#__PURE__*/_react.default.createElement(_AccordionBody.default, null, children)))));
125
110
  };
126
-
127
111
  Accordion.displayName = 'Accordion';
128
112
  var _default = Accordion;
129
113
  exports.default = _default;
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.js","names":["AccordionContext","React","createContext","isWrapped","displayName","Accordion","children","icon","isDefaultOpen","isDisabled","isFixed","isTitleGreyed","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","type"],"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { AnimatePresence, MotionConfig } from 'framer-motion';\nimport React, {\n ChangeEventHandler,\n FC,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\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 * 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 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 children,\n icon,\n isDefaultOpen = false,\n isDisabled = false,\n isFixed = false,\n isTitleGreyed = false,\n isWrapped = false,\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 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={{ isWrapped }}>\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 && <AccordionBody>{children}</AccordionBody>}\n </AnimatePresence>\n </MotionConfig>\n </AccordionContext.Provider>\n </StyledAccordion>\n );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":"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"}
1
+ {"version":3,"file":"Accordion.js","names":["AccordionContext","React","createContext","isWrapped","displayName","Accordion","children","icon","isDefaultOpen","isDisabled","isFixed","isTitleGreyed","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","type"],"sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { AnimatePresence, MotionConfig } from 'framer-motion';\nimport React, {\n ChangeEventHandler,\n FC,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\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 * 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 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 children,\n icon,\n isDefaultOpen = false,\n isDisabled = false,\n isFixed = false,\n isTitleGreyed = false,\n isWrapped = false,\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 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={{ isWrapped }}>\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 && <AccordionBody>{children}</AccordionBody>}\n </AnimatePresence>\n </MotionConfig>\n </AccordionContext.Provider>\n </StyledAccordion>\n );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":";;;;;;AAAA;AACA;AAUA;AACA;AACA;AACA;AACA;AAAqD;AAAA;AAAA;AAE9C,MAAMA,gBAAgB,gBAAGC,cAAK,CAACC,aAAa,CAAC;EAAEC,SAAS,EAAE;AAAM,CAAC,CAAC;AAAC;AAE1EH,gBAAgB,CAACI,WAAW,GAAG,kBAAkB;AAyEjD,MAAMC,SAA6B,GAAG,QAiBhC;EAAA,IAjBiC;IACnCC,QAAQ;IACRC,IAAI;IACJC,aAAa,GAAG,KAAK;IACrBC,UAAU,GAAG,KAAK;IAClBC,OAAO,GAAG,KAAK;IACfC,aAAa,GAAG,KAAK;IACrBR,SAAS,GAAG,KAAK;IACjBS,OAAO;IACPC,MAAM;IACNC,cAAc;IACdC,YAAY;IACZC,UAAU;IACVC,iBAAiB;IACjBC,oBAAoB,GAAG,KAAK;IAC5BC,KAAK;IACLC;EACJ,CAAC;EACG,MAAM;IAAEC,iBAAiB;IAAEC;EAAwB,CAAC,GAAG,IAAAC,iBAAU,EAACC,qCAAqB,CAAC;EACxF,MAAM;IAAErB,SAAS,EAAEsB;EAAgB,CAAC,GAAG,IAAAF,iBAAU,EAACvB,gBAAgB,CAAC;EAEnE,MAAM,CAAC0B,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAC,eAAQ,EAAUpB,aAAa,CAAC;EAE9E,MAAMqB,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,IAAI3B,UAAU,EAAE;MACZ;IACJ;IAEA,IAAI,OAAOa,uBAAuB,KAAK,UAAU,EAAE;MAC/CA,uBAAuB,CAACO,IAAI,CAAC;IACjC;IAEAF,kBAAkB,CAAEU,sBAAsB,IAAK,CAACA,sBAAsB,CAAC;EAC3E,CAAC,EAAE,CAAC5B,UAAU,EAAEa,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,IAAI9B,aAAa,IAAI,OAAOc,uBAAuB,KAAK,UAAU,EAAE;MAChEA,uBAAuB,CAACO,IAAI,EAAE;QAAEW,cAAc,EAAE;MAAK,CAAC,CAAC;IAC3D;EACJ,CAAC,EAAE,CAAChC,aAAa,EAAEc,uBAAuB,EAAEO,IAAI,CAAC,CAAC;EAElD,oBACI,6BAAC,0BAAe;IACZ,SAAS,EAAC,uBAAuB;IACjC,MAAM,EAAEK,MAAO;IACf,eAAe,EAAET,eAAgB;IACjC,SAAS,EAAEtB,SAAU;IACrB,oBAAoB,EAAEe;EAAqB,gBAE3C,6BAAC,gBAAgB,CAAC,QAAQ;IAAC,KAAK,EAAE;MAAEf;IAAU;EAAE,gBAC5C,6BAAC,0BAAY;IAAC,UAAU,EAAE;MAAEsC,IAAI,EAAE;IAAQ;EAAE,gBACxC,6BAAC,sBAAa;IACV,IAAI,EAAElC,IAAK;IACX,MAAM,EAAE2B,MAAO;IACf,OAAO,EAAExB,OAAQ;IACjB,aAAa,EAAEC,aAAa,IAAIF,UAAW;IAC3C,SAAS,EAAEN,SAAU;IACrB,OAAO,EAAEgC,eAAgB;IACzB,cAAc,EAAErB,cAAe;IAC/B,YAAY,EAAEC,YAAa;IAC3B,UAAU,EAAEC,UAAW;IACvB,iBAAiB,EAAEC,iBAAkB;IACrC,KAAK,EAAEE,KAAM;IACb,YAAY,EAAEC;EAAa,EAC7B,eACF,6BAAC,6BAAe;IAAC,OAAO,EAAE;EAAM,GAC3Bc,MAAM,iBAAI,6BAAC,sBAAa,QAAE5B,QAAQ,CAAiB,CACtC,CACP,CACS,CACd;AAE1B,CAAC;AAEDD,SAAS,CAACD,WAAW,GAAG,WAAW;AAAC,eAErBC,SAAS;AAAA"}
@@ -4,57 +4,78 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.StyledAccordion = void 0;
7
-
8
7
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
-
10
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
11
-
12
8
  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); }
13
-
14
9
  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; }
15
-
16
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
17
-
18
- const StyledAccordion = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n\n margin-bottom: ", ";\n transition: background-color 0.3s ease, border-radius 0.3s ease, box-shadow 0.3s ease,\n margin-bottom 0.3s ease;\n\n ", "\n\n ", "\n\n ", "\n"])), _ref => {
10
+ const StyledAccordion = _styledComponents.default.div`
11
+ ${_ref => {
19
12
  let {
20
13
  isOpen,
21
14
  isWrapped,
22
15
  shouldHideBackground
23
16
  } = _ref;
24
- return isOpen && !isWrapped && !shouldHideBackground && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n background-color: rgba(\n ", ",\n 0.85\n );\n border-radius: 3px; // ToDo: Add correct border-radius here\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); // ToDo: Add correct box-shadow here\n "])), _ref2 => {
17
+ return isOpen && !isWrapped && !shouldHideBackground && (0, _styledComponents.css)`
18
+ background-color: rgba(
19
+ ${_ref2 => {
25
20
  let {
26
21
  theme
27
22
  } = _ref2;
28
23
  return theme['100-rgb'];
29
- });
30
- }, _ref3 => {
24
+ }},
25
+ 0.85
26
+ );
27
+ border-radius: 3px; // ToDo: Add correct border-radius here
28
+ box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); // ToDo: Add correct box-shadow here
29
+ `;
30
+ }}
31
+
32
+ margin-bottom: ${_ref3 => {
31
33
  let {
32
34
  isOpen,
33
35
  isWrapped
34
36
  } = _ref3;
35
37
  return isOpen && !isWrapped ? '30px' : '0px';
36
- }, _ref4 => {
38
+ }};
39
+ transition: background-color 0.3s ease, border-radius 0.3s ease, box-shadow 0.3s ease,
40
+ margin-bottom 0.3s ease;
41
+
42
+ ${_ref4 => {
37
43
  let {
38
44
  isParentWrapped
39
45
  } = _ref4;
40
- return isParentWrapped && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding-left: 17px;\n "])));
41
- }, _ref5 => {
46
+ return isParentWrapped && (0, _styledComponents.css)`
47
+ padding-left: 17px;
48
+ `;
49
+ }}
50
+
51
+ ${_ref5 => {
42
52
  let {
43
53
  isWrapped
44
54
  } = _ref5;
45
- return !isWrapped && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-top: 10px;\n "])));
46
- }, _ref6 => {
55
+ return !isWrapped && (0, _styledComponents.css)`
56
+ margin-top: 10px;
57
+ `;
58
+ }}
59
+
60
+ ${_ref6 => {
47
61
  let {
48
62
  isWrapped,
49
63
  shouldHideBackground
50
64
  } = _ref6;
51
- return !isWrapped && !shouldHideBackground && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n &:hover {\n background-color: rgba(\n ", ",\n 0.85\n );\n }\n "])), _ref7 => {
65
+ return !isWrapped && !shouldHideBackground && (0, _styledComponents.css)`
66
+ &:hover {
67
+ background-color: rgba(
68
+ ${_ref7 => {
52
69
  let {
53
70
  theme
54
71
  } = _ref7;
55
72
  return theme['100-rgb'];
56
- });
57
- });
58
-
73
+ }},
74
+ 0.85
75
+ );
76
+ }
77
+ `;
78
+ }}
79
+ `;
59
80
  exports.StyledAccordion = StyledAccordion;
60
81
  //# sourceMappingURL=Accordion.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.styles.js","names":["StyledAccordion","styled","div","isOpen","isWrapped","shouldHideBackground","css","theme","isParentWrapped"],"sources":["../../../src/components/accordion/Accordion.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { AccordionProps } from './Accordion';\n\ntype StyledMotionAccordionProps = WithTheme<{\n isOpen: boolean;\n isParentWrapped: boolean;\n}> &\n Pick<AccordionProps, 'isWrapped' | 'shouldHideBackground'>;\n\nexport const StyledAccordion = styled.div<StyledMotionAccordionProps>`\n ${({ isOpen, isWrapped, shouldHideBackground }) =>\n isOpen &&\n !isWrapped &&\n !shouldHideBackground &&\n css`\n background-color: rgba(\n ${({ theme }: StyledMotionAccordionProps) => theme['100-rgb']},\n 0.85\n );\n border-radius: 3px; // ToDo: Add correct border-radius here\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); // ToDo: Add correct box-shadow here\n `}\n\n margin-bottom: ${({ isOpen, isWrapped }) => (isOpen && !isWrapped ? '30px' : '0px')};\n transition: background-color 0.3s ease, border-radius 0.3s ease, box-shadow 0.3s ease,\n margin-bottom 0.3s ease;\n\n ${({ isParentWrapped }) =>\n isParentWrapped &&\n css`\n padding-left: 17px;\n `}\n\n ${({ isWrapped }) =>\n !isWrapped &&\n css`\n margin-top: 10px;\n `}\n\n ${({ isWrapped, shouldHideBackground }) =>\n !isWrapped &&\n !shouldHideBackground &&\n css`\n &:hover {\n background-color: rgba(\n ${({ theme }: StyledMotionAccordionProps) => theme['100-rgb']},\n 0.85\n );\n }\n `}\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;;;AAUO,MAAMA,eAAe,GAAGC,yBAAA,CAAOC,GAAV,gRACtB;EAAA,IAAC;IAAEC,MAAF;IAAUC,SAAV;IAAqBC;EAArB,CAAD;EAAA,OACEF,MAAM,IACN,CAACC,SADD,IAEA,CAACC,oBAFD,QAGAC,qBAHA,6VAKU;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAA2CA,KAAK,CAAC,SAAD,CAAhD;EAAA,CALV,CADF;AAAA,CADsB,EAcP;EAAA,IAAC;IAAEJ,MAAF;IAAUC;EAAV,CAAD;EAAA,OAA4BD,MAAM,IAAI,CAACC,SAAX,GAAuB,MAAvB,GAAgC,KAA5D;AAAA,CAdO,EAkBtB;EAAA,IAAC;IAAEI;EAAF,CAAD;EAAA,OACEA,eAAe,QACfF,qBADe,mHADjB;AAAA,CAlBsB,EAwBtB;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,OACE,CAACA,SAAD,QACAE,qBADA,iHADF;AAAA,CAxBsB,EA8BtB;EAAA,IAAC;IAAEF,SAAF;IAAaC;EAAb,CAAD;EAAA,OACE,CAACD,SAAD,IACA,CAACC,oBADD,QAEAC,qBAFA,2OAKc;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAA2CA,KAAK,CAAC,SAAD,CAAhD;EAAA,CALd,CADF;AAAA,CA9BsB,CAArB"}
1
+ {"version":3,"file":"Accordion.styles.js","names":["StyledAccordion","styled","div","isOpen","isWrapped","shouldHideBackground","css","theme","isParentWrapped"],"sources":["../../../src/components/accordion/Accordion.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { AccordionProps } from './Accordion';\n\ntype StyledMotionAccordionProps = WithTheme<{\n isOpen: boolean;\n isParentWrapped: boolean;\n}> &\n Pick<AccordionProps, 'isWrapped' | 'shouldHideBackground'>;\n\nexport const StyledAccordion = styled.div<StyledMotionAccordionProps>`\n ${({ isOpen, isWrapped, shouldHideBackground }) =>\n isOpen &&\n !isWrapped &&\n !shouldHideBackground &&\n css`\n background-color: rgba(\n ${({ theme }: StyledMotionAccordionProps) => theme['100-rgb']},\n 0.85\n );\n border-radius: 3px; // ToDo: Add correct border-radius here\n box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15); // ToDo: Add correct box-shadow here\n `}\n\n margin-bottom: ${({ isOpen, isWrapped }) => (isOpen && !isWrapped ? '30px' : '0px')};\n transition: background-color 0.3s ease, border-radius 0.3s ease, box-shadow 0.3s ease,\n margin-bottom 0.3s ease;\n\n ${({ isParentWrapped }) =>\n isParentWrapped &&\n css`\n padding-left: 17px;\n `}\n\n ${({ isWrapped }) =>\n !isWrapped &&\n css`\n margin-top: 10px;\n `}\n\n ${({ isWrapped, shouldHideBackground }) =>\n !isWrapped &&\n !shouldHideBackground &&\n css`\n &:hover {\n background-color: rgba(\n ${({ theme }: StyledMotionAccordionProps) => theme['100-rgb']},\n 0.85\n );\n }\n `}\n`;\n"],"mappings":";;;;;;AAAA;AAAgD;AAAA;AAUzC,MAAMA,eAAe,GAAGC,yBAAM,CAACC,GAAgC;AACtE,MAAM;EAAA,IAAC;IAAEC,MAAM;IAAEC,SAAS;IAAEC;EAAqB,CAAC;EAAA,OAC1CF,MAAM,IACN,CAACC,SAAS,IACV,CAACC,oBAAoB,IACrB,IAAAC,qBAAG,CAAC;AACZ;AACA,kBAAkB;IAAA,IAAC;MAAEC;IAAkC,CAAC;IAAA,OAAKA,KAAK,CAAC,SAAS,CAAC;EAAA,CAAC;AAC9E;AACA;AACA;AACA;AACA,SAAS;AAAA,CAAC;AACV;AACA,qBAAqB;EAAA,IAAC;IAAEJ,MAAM;IAAEC;EAAU,CAAC;EAAA,OAAMD,MAAM,IAAI,CAACC,SAAS,GAAG,MAAM,GAAG,KAAK;AAAA,CAAE;AACxF;AACA;AACA;AACA,MAAM;EAAA,IAAC;IAAEI;EAAgB,CAAC;EAAA,OAClBA,eAAe,IACf,IAAAF,qBAAG,CAAC;AACZ;AACA,SAAS;AAAA,CAAC;AACV;AACA,MAAM;EAAA,IAAC;IAAEF;EAAU,CAAC;EAAA,OACZ,CAACA,SAAS,IACV,IAAAE,qBAAG,CAAC;AACZ;AACA,SAAS;AAAA,CAAC;AACV;AACA,MAAM;EAAA,IAAC;IAAEF,SAAS;IAAEC;EAAqB,CAAC;EAAA,OAClC,CAACD,SAAS,IACV,CAACC,oBAAoB,IACrB,IAAAC,qBAAG,CAAC;AACZ;AACA;AACA,sBAAsB;IAAA,IAAC;MAAEC;IAAkC,CAAC;IAAA,OAAKA,KAAK,CAAC,SAAS,CAAC;EAAA,CAAC;AAClF;AACA;AACA;AACA,SAAS;AAAA,CAAC;AACV,CAAC;AAAC"}
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _AccordionGroup = require("../accordion-group/AccordionGroup");
11
-
12
9
  var _AccordionBody = require("./AccordionBody.styles");
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  const AccordionBody = _ref => {
17
12
  let {
18
13
  children
@@ -37,7 +32,6 @@ const AccordionBody = _ref => {
37
32
  }
38
33
  }, children));
39
34
  };
40
-
41
35
  AccordionBody.displayName = 'AccordionBody';
42
36
  var _default = AccordionBody;
43
37
  exports.default = _default;
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionBody.js","names":["AccordionBody","children","height","opacity","openAccordionUuid","undefined","displayName"],"sources":["../../../../src/components/accordion/accordion-body/AccordionBody.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { AccordionGroupContext } from '../accordion-group/AccordionGroup';\nimport { StyledMotionAccordionBody } from './AccordionBody.styles';\n\nconst AccordionBody: FC = ({ children }) => (\n <StyledMotionAccordionBody\n animate={{ height: 'auto', opacity: 1 }}\n className=\"beta-chayns-accordion-body\"\n exit={{ height: 0, opacity: 0 }}\n initial={{ height: 0, opacity: 0 }}\n >\n <AccordionGroupContext.Provider value={{ openAccordionUuid: undefined }}>\n {children}\n </AccordionGroupContext.Provider>\n </StyledMotionAccordionBody>\n);\n\nAccordionBody.displayName = 'AccordionBody';\n\nexport default AccordionBody;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,aAAiB,GAAG;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,oBACtB,6BAAC,wCAAD;IACI,OAAO,EAAE;MAAEC,MAAM,EAAE,MAAV;MAAkBC,OAAO,EAAE;IAA3B,CADb;IAEI,SAAS,EAAC,4BAFd;IAGI,IAAI,EAAE;MAAED,MAAM,EAAE,CAAV;MAAaC,OAAO,EAAE;IAAtB,CAHV;IAII,OAAO,EAAE;MAAED,MAAM,EAAE,CAAV;MAAaC,OAAO,EAAE;IAAtB;EAJb,gBAMI,6BAAC,qCAAD,CAAuB,QAAvB;IAAgC,KAAK,EAAE;MAAEC,iBAAiB,EAAEC;IAArB;EAAvC,GACKJ,QADL,CANJ,CADsB;AAAA,CAA1B;;AAaAD,aAAa,CAACM,WAAd,GAA4B,eAA5B;eAEeN,a"}
1
+ {"version":3,"file":"AccordionBody.js","names":["AccordionBody","children","height","opacity","openAccordionUuid","undefined","displayName"],"sources":["../../../../src/components/accordion/accordion-body/AccordionBody.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { AccordionGroupContext } from '../accordion-group/AccordionGroup';\nimport { StyledMotionAccordionBody } from './AccordionBody.styles';\n\nconst AccordionBody: FC = ({ children }) => (\n <StyledMotionAccordionBody\n animate={{ height: 'auto', opacity: 1 }}\n className=\"beta-chayns-accordion-body\"\n exit={{ height: 0, opacity: 0 }}\n initial={{ height: 0, opacity: 0 }}\n >\n <AccordionGroupContext.Provider value={{ openAccordionUuid: undefined }}>\n {children}\n </AccordionGroupContext.Provider>\n </StyledMotionAccordionBody>\n);\n\nAccordionBody.displayName = 'AccordionBody';\n\nexport default AccordionBody;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmE;AAEnE,MAAMA,aAAiB,GAAG;EAAA,IAAC;IAAEC;EAAS,CAAC;EAAA,oBACnC,6BAAC,wCAAyB;IACtB,OAAO,EAAE;MAAEC,MAAM,EAAE,MAAM;MAAEC,OAAO,EAAE;IAAE,CAAE;IACxC,SAAS,EAAC,4BAA4B;IACtC,IAAI,EAAE;MAAED,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IAChC,OAAO,EAAE;MAAED,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE;EAAE,gBAEnC,6BAAC,qCAAqB,CAAC,QAAQ;IAAC,KAAK,EAAE;MAAEC,iBAAiB,EAAEC;IAAU;EAAE,GACnEJ,QAAQ,CACoB,CACT;AAAA,CAC/B;AAEDD,aAAa,CAACM,WAAW,GAAG,eAAe;AAAC,eAE7BN,aAAa;AAAA"}
@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.StyledMotionAccordionBody = void 0;
7
-
8
7
  var _framerMotion = require("framer-motion");
9
-
10
8
  var _styledComponents = _interopRequireDefault(require("styled-components"));
11
-
12
- var _templateObject;
13
-
14
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
17
-
18
- const StyledMotionAccordionBody = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n overflow: hidden;\n"])));
10
+ const StyledMotionAccordionBody = (0, _styledComponents.default)(_framerMotion.motion.div)`
11
+ overflow: hidden;
12
+ `;
19
13
  exports.StyledMotionAccordionBody = StyledMotionAccordionBody;
20
14
  //# sourceMappingURL=AccordionBody.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionBody.styles.js","names":["StyledMotionAccordionBody","styled","motion","div"],"sources":["../../../../src/components/accordion/accordion-body/AccordionBody.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nexport const StyledMotionAccordionBody = styled(motion.div)`\n overflow: hidden;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,MAAMA,yBAAyB,GAAG,IAAAC,yBAAA,EAAOC,oBAAA,CAAOC,GAAd,CAAH,8FAA/B"}
1
+ {"version":3,"file":"AccordionBody.styles.js","names":["StyledMotionAccordionBody","styled","motion","div"],"sources":["../../../../src/components/accordion/accordion-body/AccordionBody.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nexport const StyledMotionAccordionBody = styled(motion.div)`\n overflow: hidden;\n`;\n"],"mappings":";;;;;;AAAA;AACA;AAAuC;AAEhC,MAAMA,yBAAyB,GAAG,IAAAC,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAAE;AAC5D;AACA,CAAC;AAAC"}
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _Accordion = require("../Accordion");
11
-
12
9
  var _AccordionContent = require("./AccordionContent.styles");
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  const AccordionContent = _ref => {
17
12
  let {
18
13
  children
@@ -27,7 +22,6 @@ const AccordionContent = _ref => {
27
22
  }, children);
28
23
  });
29
24
  };
30
-
31
25
  AccordionContent.displayName = 'AccordionContent';
32
26
  var _default = AccordionContent;
33
27
  exports.default = _default;
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionContent.js","names":["AccordionContent","children","isWrapped","displayName"],"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { AccordionContext } from '../Accordion';\nimport { StyledAccordionContent } from './AccordionContent.styles';\n\nexport type AccordionContentProps = {\n /**\n * The content of the accordion content element\n */\n children: ReactNode;\n};\n\nconst AccordionContent: FC<AccordionContentProps> = ({ children }) => (\n <AccordionContext.Consumer>\n {({ isWrapped }) => (\n <StyledAccordionContent className=\"beta-chayns-accordion-content\" isWrapped={isWrapped}>\n {children}\n </StyledAccordionContent>\n )}\n </AccordionContext.Consumer>\n);\n\nAccordionContent.displayName = 'AccordionContent';\n\nexport default AccordionContent;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AASA,MAAMA,gBAA2C,GAAG;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,oBAChD,6BAAC,2BAAD,CAAkB,QAAlB,QACK;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,oBACG,6BAAC,wCAAD;MAAwB,SAAS,EAAC,+BAAlC;MAAkE,SAAS,EAAEA;IAA7E,GACKD,QADL,CADH;EAAA,CADL,CADgD;AAAA,CAApD;;AAUAD,gBAAgB,CAACG,WAAjB,GAA+B,kBAA/B;eAEeH,gB"}
1
+ {"version":3,"file":"AccordionContent.js","names":["AccordionContent","children","isWrapped","displayName"],"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { AccordionContext } from '../Accordion';\nimport { StyledAccordionContent } from './AccordionContent.styles';\n\nexport type AccordionContentProps = {\n /**\n * The content of the accordion content element\n */\n children: ReactNode;\n};\n\nconst AccordionContent: FC<AccordionContentProps> = ({ children }) => (\n <AccordionContext.Consumer>\n {({ isWrapped }) => (\n <StyledAccordionContent className=\"beta-chayns-accordion-content\" isWrapped={isWrapped}>\n {children}\n </StyledAccordionContent>\n )}\n </AccordionContext.Consumer>\n);\n\nAccordionContent.displayName = 'AccordionContent';\n\nexport default AccordionContent;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmE;AASnE,MAAMA,gBAA2C,GAAG;EAAA,IAAC;IAAEC;EAAS,CAAC;EAAA,oBAC7D,6BAAC,2BAAgB,CAAC,QAAQ,QACrB;IAAA,IAAC;MAAEC;IAAU,CAAC;IAAA,oBACX,6BAAC,wCAAsB;MAAC,SAAS,EAAC,+BAA+B;MAAC,SAAS,EAAEA;IAAU,GAClFD,QAAQ,CACY;EAAA,CAC5B,CACuB;AAAA,CAC/B;AAEDD,gBAAgB,CAACG,WAAW,GAAG,kBAAkB;AAAC,eAEnCH,gBAAgB;AAAA"}
@@ -4,26 +4,21 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.StyledAccordionContent = void 0;
7
-
8
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
- var _templateObject;
11
-
12
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
15
-
16
- const StyledAccordionContent = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n padding: ", ";\n"])), _ref => {
9
+ const StyledAccordionContent = _styledComponents.default.div`
10
+ color: ${_ref => {
17
11
  let {
18
12
  theme
19
13
  } = _ref;
20
14
  return theme.text;
21
- }, _ref2 => {
15
+ }};
16
+ padding: ${_ref2 => {
22
17
  let {
23
18
  isWrapped
24
19
  } = _ref2;
25
20
  return isWrapped ? '0 9px 18px 26px' : '0 9px 9px 10px';
26
- });
27
-
21
+ }};
22
+ `;
28
23
  exports.StyledAccordionContent = StyledAccordionContent;
29
24
  //# sourceMappingURL=AccordionContent.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionContent.styles.js","names":["StyledAccordionContent","styled","div","theme","text","isWrapped"],"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledAccordionContentProps = WithTheme<{\n isWrapped: boolean;\n}>;\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"],"mappings":";;;;;;;AAAA;;;;;;;;AAOO,MAAMA,sBAAsB,GAAGC,yBAAA,CAAOC,GAAV,8GACtB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAA4CA,KAAK,CAACC,IAAlD;AAAA,CADsB,EAEpB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAoBA,SAAS,GAAG,iBAAH,GAAuB,gBAApD;AAAA,CAFoB,CAA5B"}
1
+ {"version":3,"file":"AccordionContent.styles.js","names":["StyledAccordionContent","styled","div","theme","text","isWrapped"],"sources":["../../../../src/components/accordion/accordion-content/AccordionContent.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledAccordionContentProps = WithTheme<{\n isWrapped: boolean;\n}>;\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"],"mappings":";;;;;;AAAA;AAAuC;AAOhC,MAAMA,sBAAsB,GAAGC,yBAAM,CAACC,GAAiC;AAC9E,aAAa;EAAA,IAAC;IAAEC;EAAmC,CAAC;EAAA,OAAKA,KAAK,CAACC,IAAI;AAAA,CAAC;AACpE,eAAe;EAAA,IAAC;IAAEC;EAAU,CAAC;EAAA,OAAMA,SAAS,GAAG,iBAAiB,GAAG,gBAAgB;AAAA,CAAE;AACrF,CAAC;AAAC"}
@@ -4,21 +4,15 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = exports.AccordionGroupContext = void 0;
7
-
8
7
  var _react = _interopRequireWildcard(require("react"));
9
-
10
8
  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); }
11
-
12
9
  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; }
13
-
14
10
  const AccordionGroupContext = /*#__PURE__*/_react.default.createContext({
15
11
  openAccordionUuid: undefined,
16
12
  updateOpenAccordionUuid: undefined
17
13
  });
18
-
19
14
  exports.AccordionGroupContext = AccordionGroupContext;
20
15
  AccordionGroupContext.displayName = 'AccordionGroupContext';
21
-
22
16
  const AccordionGroup = _ref => {
23
17
  let {
24
18
  children,
@@ -35,7 +29,6 @@ const AccordionGroup = _ref => {
35
29
  if (currentOpenAccordionUuid === uuid && shouldOnlyOpen !== true) {
36
30
  return undefined;
37
31
  }
38
-
39
32
  return uuid;
40
33
  });
41
34
  }, [setOpenAccordionUuid]);
@@ -58,7 +51,6 @@ const AccordionGroup = _ref => {
58
51
  value: providerValue
59
52
  }, children);
60
53
  };
61
-
62
54
  AccordionGroup.displayName = 'AccordionGroup';
63
55
  var _default = AccordionGroup;
64
56
  exports.default = _default;
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionGroup.js","names":["AccordionGroupContext","React","createContext","openAccordionUuid","undefined","updateOpenAccordionUuid","displayName","AccordionGroup","children","onClose","onOpen","setOpenAccordionUuid","useState","isInitialRenderRef","useRef","useCallback","uuid","shouldOnlyOpen","currentOpenAccordionUuid","useEffect","current","providerValue","useMemo"],"sources":["../../../../src/components/accordion/accordion-group/AccordionGroup.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\ntype IUpdateOpenAccordionUuid = (uuid: string, options?: { shouldOnlyOpen?: boolean }) => void;\n\ninterface IAccordionGroupContext {\n openAccordionUuid: string | undefined;\n updateOpenAccordionUuid?: IUpdateOpenAccordionUuid;\n}\n\nexport const AccordionGroupContext = React.createContext<IAccordionGroupContext>({\n openAccordionUuid: 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 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":";;;;;;;AAAA;;;;;;AASO,MAAMA,qBAAqB,gBAAGC,cAAA,CAAMC,aAAN,CAA4C;EAC7EC,iBAAiB,EAAEC,SAD0D;EAE7EC,uBAAuB,EAAED;AAFoD,CAA5C,CAA9B;;;AAKPJ,qBAAqB,CAACM,WAAtB,GAAoC,uBAApC;;AAkBA,MAAMC,cAAuC,GAAG,QAAmC;EAAA,IAAlC;IAAEC,QAAF;IAAYC,OAAZ;IAAqBC;EAArB,CAAkC;EAC/E,MAAM,CAACP,iBAAD,EAAoBQ,oBAApB,IACF,IAAAC,eAAA,EAAsDR,SAAtD,CADJ;EAGA,MAAMS,kBAAkB,GAAG,IAAAC,aAAA,EAAO,IAAP,CAA3B;EAEA,MAAMT,uBAAuB,GAAG,IAAAU,kBAAA,EAC5B,UAACC,IAAD,EAAmC;IAAA,IAA5B;MAAEC;IAAF,CAA4B,uEAAP,EAAO;IAC/BN,oBAAoB,CAAEO,wBAAD,IAA8B;MAC/C,IAAIA,wBAAwB,KAAKF,IAA7B,IAAqCC,cAAc,KAAK,IAA5D,EAAkE;QAC9D,OAAOb,SAAP;MACH;;MAED,OAAOY,IAAP;IACH,CANmB,CAApB;EAOH,CAT2B,EAU5B,CAACL,oBAAD,CAV4B,CAAhC;EAaA,IAAAQ,gBAAA,EAAU,MAAM;IACZ,IAAIN,kBAAkB,CAACO,OAAvB,EAAgC;MAC5BP,kBAAkB,CAACO,OAAnB,GAA6B,KAA7B;IACH,CAFD,MAEO,IAAI,OAAOjB,iBAAP,KAA6B,QAAjC,EAA2C;MAC9C,IAAI,OAAOO,MAAP,KAAkB,UAAtB,EAAkC;QAC9BA,MAAM;MACT;IACJ,CAJM,MAIA,IAAI,OAAOD,OAAP,KAAmB,UAAvB,EAAmC;MACtCA,OAAO;IACV;EACJ,CAVD,EAUG,CAACA,OAAD,EAAUC,MAAV,EAAkBP,iBAAlB,CAVH;EAYA,MAAMkB,aAAa,GAAG,IAAAC,cAAA,EAClB,OAAO;IACHnB,iBADG;IAEHE;EAFG,CAAP,CADkB,EAKlB,CAACF,iBAAD,EAAoBE,uBAApB,CALkB,CAAtB;EAQA,oBACI,6BAAC,qBAAD,CAAuB,QAAvB;IAAgC,KAAK,EAAEgB;EAAvC,GACKb,QADL,CADJ;AAKH,CA5CD;;AA8CAD,cAAc,CAACD,WAAf,GAA6B,gBAA7B;eAEeC,c"}
1
+ {"version":3,"file":"AccordionGroup.js","names":["AccordionGroupContext","React","createContext","openAccordionUuid","undefined","updateOpenAccordionUuid","displayName","AccordionGroup","children","onClose","onOpen","setOpenAccordionUuid","useState","isInitialRenderRef","useRef","useCallback","uuid","shouldOnlyOpen","currentOpenAccordionUuid","useEffect","current","providerValue","useMemo"],"sources":["../../../../src/components/accordion/accordion-group/AccordionGroup.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\ntype IUpdateOpenAccordionUuid = (uuid: string, options?: { shouldOnlyOpen?: boolean }) => void;\n\ninterface IAccordionGroupContext {\n openAccordionUuid: string | undefined;\n updateOpenAccordionUuid?: IUpdateOpenAccordionUuid;\n}\n\nexport const AccordionGroupContext = React.createContext<IAccordionGroupContext>({\n openAccordionUuid: 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 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":";;;;;;AAAA;AAAgG;AAAA;AASzF,MAAMA,qBAAqB,gBAAGC,cAAK,CAACC,aAAa,CAAyB;EAC7EC,iBAAiB,EAAEC,SAAS;EAC5BC,uBAAuB,EAAED;AAC7B,CAAC,CAAC;AAAC;AAEHJ,qBAAqB,CAACM,WAAW,GAAG,uBAAuB;AAkB3D,MAAMC,cAAuC,GAAG,QAAmC;EAAA,IAAlC;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAO,CAAC;EAC1E,MAAM,CAACP,iBAAiB,EAAEQ,oBAAoB,CAAC,GAC3C,IAAAC,eAAQ,EAA8CR,SAAS,CAAC;EAEpE,MAAMS,kBAAkB,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAEvC,MAAMT,uBAAuB,GAAG,IAAAU,kBAAW,EACvC,UAACC,IAAI,EAA8B;IAAA,IAA5B;MAAEC;IAAe,CAAC,uEAAG,CAAC,CAAC;IAC1BN,oBAAoB,CAAEO,wBAAwB,IAAK;MAC/C,IAAIA,wBAAwB,KAAKF,IAAI,IAAIC,cAAc,KAAK,IAAI,EAAE;QAC9D,OAAOb,SAAS;MACpB;MAEA,OAAOY,IAAI;IACf,CAAC,CAAC;EACN,CAAC,EACD,CAACL,oBAAoB,CAAC,CACzB;EAED,IAAAQ,gBAAS,EAAC,MAAM;IACZ,IAAIN,kBAAkB,CAACO,OAAO,EAAE;MAC5BP,kBAAkB,CAACO,OAAO,GAAG,KAAK;IACtC,CAAC,MAAM,IAAI,OAAOjB,iBAAiB,KAAK,QAAQ,EAAE;MAC9C,IAAI,OAAOO,MAAM,KAAK,UAAU,EAAE;QAC9BA,MAAM,EAAE;MACZ;IACJ,CAAC,MAAM,IAAI,OAAOD,OAAO,KAAK,UAAU,EAAE;MACtCA,OAAO,EAAE;IACb;EACJ,CAAC,EAAE,CAACA,OAAO,EAAEC,MAAM,EAAEP,iBAAiB,CAAC,CAAC;EAExC,MAAMkB,aAAa,GAAG,IAAAC,cAAO,EACzB,OAAO;IACHnB,iBAAiB;IACjBE;EACJ,CAAC,CAAC,EACF,CAACF,iBAAiB,EAAEE,uBAAuB,CAAC,CAC/C;EAED,oBACI,6BAAC,qBAAqB,CAAC,QAAQ;IAAC,KAAK,EAAEgB;EAAc,GAChDb,QAAQ,CACoB;AAEzC,CAAC;AAEDD,cAAc,CAACD,WAAW,GAAG,gBAAgB;AAAC,eAE/BC,cAAc;AAAA"}
@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _framerMotion = require("framer-motion");
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _Icon = _interopRequireDefault(require("../../icon/Icon"));
13
-
14
10
  var _utils = require("../utils");
15
-
16
11
  var _AccordionHead = require("./AccordionHead.styles");
17
-
18
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
13
  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); }
21
-
22
14
  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; }
23
-
24
15
  const AccordionHead = _ref => {
25
16
  let {
26
17
  icon,
@@ -44,7 +35,6 @@ const AccordionHead = _ref => {
44
35
  const hasSearchIcon = Array.isArray(searchIcon);
45
36
  (0, _react.useEffect)(() => {
46
37
  var _titleWrapperRef$curr, _titleWrapperRef$curr2;
47
-
48
38
  setHeadHeight((0, _utils.getAccordionHeadHeight)({
49
39
  isWrapped,
50
40
  title,
@@ -72,7 +62,7 @@ const AccordionHead = _ref => {
72
62
  initial: false,
73
63
  onClick: !isFixed ? onClick : undefined,
74
64
  ref: titleWrapperRef
75
- }, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimateSharedLayout, null, /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionTitleWrapper, null, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
65
+ }, /*#__PURE__*/_react.default.createElement(_framerMotion.LayoutGroup, null, /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionTitleWrapper, null, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
76
66
  initial: false
77
67
  }, /*#__PURE__*/_react.default.createElement(_AccordionHead.StyledMotionTitle, {
78
68
  animate: {
@@ -133,7 +123,6 @@ const AccordionHead = _ref => {
133
123
  key: "rightElementWrapper"
134
124
  }, rightElement))));
135
125
  };
136
-
137
126
  AccordionHead.displayName = 'AccordionHead';
138
127
  var _default = AccordionHead;
139
128
  exports.default = _default;
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionHead.js","names":["AccordionHead","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","height","rotate","undefined","opacity","scale","displayName"],"sources":["../../../../src/components/accordion/accordion-head/AccordionHead.tsx"],"sourcesContent":["import { AnimatePresence, AnimateSharedLayout } 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 <AnimateSharedLayout>\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 </AnimateSharedLayout>\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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"}
1
+ {"version":3,"file":"AccordionHead.js","names":["AccordionHead","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","height","rotate","undefined","opacity","scale","displayName"],"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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"}