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

package/lib/components/input/Input.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Input = require("./Input.styles");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const Input = _ref => {
   let {
     onBlur,
@@ -26,7 +21,6 @@ const Input = _ref => {
   const [hasValue, setHasValue] = (0, _react.useState)(typeof value === 'string' && value !== '');
   const handleInputFieldChange = (0, _react.useCallback)(event => {
     setHasValue(event.target.value !== '');
-
     if (typeof onChange === 'function') {
       onChange(event);
     }
@@ -43,7 +37,6 @@ const Input = _ref => {
         right: -6
       };
     }
-
     return {
       left: 0,
       top: 0
@@ -63,7 +56,8 @@ const Input = _ref => {
       scale: hasValue ? 0.6 : 1
     },
     layout: true,
-    style: { ...labelPosition,
+    style: {
+      ...labelPosition,
       originX: 1,
       originY: 1
     },
@@ -72,7 +66,6 @@ const Input = _ref => {
     }
   }, placeholder)));
 };
-
 Input.displayName = 'Input';
 var _default = Input;
 exports.default = _default;

package/lib/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["Input","onBlur","onChange","onFocus","onKeyDown","placeholder","type","value","hasValue","setHasValue","useState","handleInputFieldChange","useCallback","event","target","useEffect","labelPosition","useMemo","bottom","right","left","top","scale","originX","originY","displayName"],"sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ChangeEventHandler,\n    FC,\n    FocusEventHandler,\n    HTMLInputTypeAttribute,\n    KeyboardEventHandler,\n    useCallback,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\nimport {\n    StyledInput,\n    StyledInputContent,\n    StyledInputField,\n    StyledMotionInputLabel,\n} from './Input.styles';\n\nexport type InputProps = {\n    /**\n     * Function that is executed when the input field loses focus\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when the text of the input changes\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when the input field is focused\n     */\n    onFocus?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when a letter is pressed\n     */\n    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string;\n    /**\n     * Input type set for input element (e.g. 'text', 'number' or 'password')\n     */\n    type?: HTMLInputTypeAttribute;\n    /**\n     * Value if the input field should be controlled\n     */\n    value?: string;\n};\n\nconst Input: FC<InputProps> = ({\n    onBlur,\n    onChange,\n    onFocus,\n    onKeyDown,\n    placeholder,\n    type = 'text',\n    value,\n}) => {\n    const [hasValue, setHasValue] = useState(typeof value === 'string' && value !== '');\n\n    const handleInputFieldChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            setHasValue(event.target.value !== '');\n\n            if (typeof onChange === 'function') {\n                onChange(event);\n            }\n        },\n        [onChange]\n    );\n\n    useEffect(() => {\n        if (typeof value === 'string') {\n            setHasValue(value !== '');\n        }\n    }, [value]);\n\n    const labelPosition = useMemo(() => {\n        if (hasValue) {\n            return { bottom: -8, right: -6 };\n        }\n\n        return { left: 0, top: 0 };\n    }, [hasValue]);\n\n    return (\n        <StyledInput className=\"beta-chayns-input\">\n            <StyledInputContent>\n                <StyledInputField\n                    onBlur={onBlur}\n                    onChange={handleInputFieldChange}\n                    onFocus={onFocus}\n                    onKeyDown={onKeyDown}\n                    value={value}\n                    type={type}\n                />\n                <StyledMotionInputLabel\n                    animate={{ scale: hasValue ? 0.6 : 1 }}\n                    layout\n                    style={{ ...labelPosition, originX: 1, originY: 1 }}\n                    transition={{ type: 'tween' }}\n                >\n                    {placeholder}\n                </StyledMotionInputLabel>\n            </StyledInputContent>\n        </StyledInput>\n    );\n};\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"mappings":";;;;;;;AAAA;;AAYA;;;;;;AAsCA,MAAMA,KAAqB,GAAG,QAQxB;EAAA,IARyB;IAC3BC,MAD2B;IAE3BC,QAF2B;IAG3BC,OAH2B;IAI3BC,SAJ2B;IAK3BC,WAL2B;IAM3BC,IAAI,GAAG,MANoB;IAO3BC;EAP2B,CAQzB;EACF,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0B,IAAAC,eAAA,EAAS,OAAOH,KAAP,KAAiB,QAAjB,IAA6BA,KAAK,KAAK,EAAhD,CAAhC;EAEA,MAAMI,sBAAsB,GAAG,IAAAC,kBAAA,EAC1BC,KAAD,IAA0C;IACtCJ,WAAW,CAACI,KAAK,CAACC,MAAN,CAAaP,KAAb,KAAuB,EAAxB,CAAX;;IAEA,IAAI,OAAOL,QAAP,KAAoB,UAAxB,EAAoC;MAChCA,QAAQ,CAACW,KAAD,CAAR;IACH;EACJ,CAP0B,EAQ3B,CAACX,QAAD,CAR2B,CAA/B;EAWA,IAAAa,gBAAA,EAAU,MAAM;IACZ,IAAI,OAAOR,KAAP,KAAiB,QAArB,EAA+B;MAC3BE,WAAW,CAACF,KAAK,KAAK,EAAX,CAAX;IACH;EACJ,CAJD,EAIG,CAACA,KAAD,CAJH;EAMA,MAAMS,aAAa,GAAG,IAAAC,cAAA,EAAQ,MAAM;IAChC,IAAIT,QAAJ,EAAc;MACV,OAAO;QAAEU,MAAM,EAAE,CAAC,CAAX;QAAcC,KAAK,EAAE,CAAC;MAAtB,CAAP;IACH;;IAED,OAAO;MAAEC,IAAI,EAAE,CAAR;MAAWC,GAAG,EAAE;IAAhB,CAAP;EACH,CANqB,EAMnB,CAACb,QAAD,CANmB,CAAtB;EAQA,oBACI,6BAAC,kBAAD;IAAa,SAAS,EAAC;EAAvB,gBACI,6BAAC,yBAAD,qBACI,6BAAC,uBAAD;IACI,MAAM,EAAEP,MADZ;IAEI,QAAQ,EAAEU,sBAFd;IAGI,OAAO,EAAER,OAHb;IAII,SAAS,EAAEC,SAJf;IAKI,KAAK,EAAEG,KALX;IAMI,IAAI,EAAED;EANV,EADJ,eASI,6BAAC,6BAAD;IACI,OAAO,EAAE;MAAEgB,KAAK,EAAEd,QAAQ,GAAG,GAAH,GAAS;IAA1B,CADb;IAEI,MAAM,MAFV;IAGI,KAAK,EAAE,EAAE,GAAGQ,aAAL;MAAoBO,OAAO,EAAE,CAA7B;MAAgCC,OAAO,EAAE;IAAzC,CAHX;IAII,UAAU,EAAE;MAAElB,IAAI,EAAE;IAAR;EAJhB,GAMKD,WANL,CATJ,CADJ,CADJ;AAsBH,CA1DD;;AA4DAL,KAAK,CAACyB,WAAN,GAAoB,OAApB;eAEezB,K"}
+{"version":3,"file":"Input.js","names":["Input","onBlur","onChange","onFocus","onKeyDown","placeholder","type","value","hasValue","setHasValue","useState","handleInputFieldChange","useCallback","event","target","useEffect","labelPosition","useMemo","bottom","right","left","top","scale","originX","originY","displayName"],"sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ChangeEventHandler,\n    FC,\n    FocusEventHandler,\n    HTMLInputTypeAttribute,\n    KeyboardEventHandler,\n    useCallback,\n    useEffect,\n    useMemo,\n    useState,\n} from 'react';\nimport {\n    StyledInput,\n    StyledInputContent,\n    StyledInputField,\n    StyledMotionInputLabel,\n} from './Input.styles';\n\nexport type InputProps = {\n    /**\n     * Function that is executed when the input field loses focus\n     */\n    onBlur?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when the text of the input changes\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when the input field is focused\n     */\n    onFocus?: FocusEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when a letter is pressed\n     */\n    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string;\n    /**\n     * Input type set for input element (e.g. 'text', 'number' or 'password')\n     */\n    type?: HTMLInputTypeAttribute;\n    /**\n     * Value if the input field should be controlled\n     */\n    value?: string;\n};\n\nconst Input: FC<InputProps> = ({\n    onBlur,\n    onChange,\n    onFocus,\n    onKeyDown,\n    placeholder,\n    type = 'text',\n    value,\n}) => {\n    const [hasValue, setHasValue] = useState(typeof value === 'string' && value !== '');\n\n    const handleInputFieldChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            setHasValue(event.target.value !== '');\n\n            if (typeof onChange === 'function') {\n                onChange(event);\n            }\n        },\n        [onChange]\n    );\n\n    useEffect(() => {\n        if (typeof value === 'string') {\n            setHasValue(value !== '');\n        }\n    }, [value]);\n\n    const labelPosition = useMemo(() => {\n        if (hasValue) {\n            return { bottom: -8, right: -6 };\n        }\n\n        return { left: 0, top: 0 };\n    }, [hasValue]);\n\n    return (\n        <StyledInput className=\"beta-chayns-input\">\n            <StyledInputContent>\n                <StyledInputField\n                    onBlur={onBlur}\n                    onChange={handleInputFieldChange}\n                    onFocus={onFocus}\n                    onKeyDown={onKeyDown}\n                    value={value}\n                    type={type}\n                />\n                <StyledMotionInputLabel\n                    animate={{ scale: hasValue ? 0.6 : 1 }}\n                    layout\n                    style={{ ...labelPosition, originX: 1, originY: 1 }}\n                    transition={{ type: 'tween' }}\n                >\n                    {placeholder}\n                </StyledMotionInputLabel>\n            </StyledInputContent>\n        </StyledInput>\n    );\n};\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"mappings":";;;;;;AAAA;AAYA;AAKwB;AAAA;AAiCxB,MAAMA,KAAqB,GAAG,QAQxB;EAAA,IARyB;IAC3BC,MAAM;IACNC,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,WAAW;IACXC,IAAI,GAAG,MAAM;IACbC;EACJ,CAAC;EACG,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,OAAOH,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,EAAE,CAAC;EAEnF,MAAMI,sBAAsB,GAAG,IAAAC,kBAAW,EACrCC,KAAoC,IAAK;IACtCJ,WAAW,CAACI,KAAK,CAACC,MAAM,CAACP,KAAK,KAAK,EAAE,CAAC;IAEtC,IAAI,OAAOL,QAAQ,KAAK,UAAU,EAAE;MAChCA,QAAQ,CAACW,KAAK,CAAC;IACnB;EACJ,CAAC,EACD,CAACX,QAAQ,CAAC,CACb;EAED,IAAAa,gBAAS,EAAC,MAAM;IACZ,IAAI,OAAOR,KAAK,KAAK,QAAQ,EAAE;MAC3BE,WAAW,CAACF,KAAK,KAAK,EAAE,CAAC;IAC7B;EACJ,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMS,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAM;IAChC,IAAIT,QAAQ,EAAE;MACV,OAAO;QAAEU,MAAM,EAAE,CAAC,CAAC;QAAEC,KAAK,EAAE,CAAC;MAAE,CAAC;IACpC;IAEA,OAAO;MAAEC,IAAI,EAAE,CAAC;MAAEC,GAAG,EAAE;IAAE,CAAC;EAC9B,CAAC,EAAE,CAACb,QAAQ,CAAC,CAAC;EAEd,oBACI,6BAAC,kBAAW;IAAC,SAAS,EAAC;EAAmB,gBACtC,6BAAC,yBAAkB,qBACf,6BAAC,uBAAgB;IACb,MAAM,EAAEP,MAAO;IACf,QAAQ,EAAEU,sBAAuB;IACjC,OAAO,EAAER,OAAQ;IACjB,SAAS,EAAEC,SAAU;IACrB,KAAK,EAAEG,KAAM;IACb,IAAI,EAAED;EAAK,EACb,eACF,6BAAC,6BAAsB;IACnB,OAAO,EAAE;MAAEgB,KAAK,EAAEd,QAAQ,GAAG,GAAG,GAAG;IAAE,CAAE;IACvC,MAAM;IACN,KAAK,EAAE;MAAE,GAAGQ,aAAa;MAAEO,OAAO,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IACpD,UAAU,EAAE;MAAElB,IAAI,EAAE;IAAQ;EAAE,GAE7BD,WAAW,CACS,CACR,CACX;AAEtB,CAAC;AAEDL,KAAK,CAACyB,WAAW,GAAG,OAAO;AAAC,eAEbzB,KAAK;AAAA"}

package/lib/components/input/Input.styles.js

@@ -4,43 +4,54 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledMotionInputLabel = exports.StyledInputField = exports.StyledInputContent = exports.StyledInput = void 0;
-
 var _framerMotion = require("framer-motion");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const StyledInput = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    align-items: center;\n    background-color: ", ";\n    border-radius: 3px;\n    color: ", ";\n    display: flex;\n    justify-content: space-between;\n    min-height: 42px;\n    padding: 8px 10px;\n"])), _ref => {
+const StyledInput = _styledComponents.default.div`
+    align-items: center;
+    background-color: ${_ref => {
   let {
     theme
   } = _ref;
   return theme['100'];
-}, _ref2 => {
+}};
+    border-radius: 3px;
+    color: ${_ref2 => {
   let {
     theme
   } = _ref2;
   return theme['006'];
-});
-
+}};
+    display: flex;
+    justify-content: space-between;
+    min-height: 42px;
+    padding: 8px 10px;
+`;
 exports.StyledInput = StyledInput;
-
-const StyledInputContent = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    position: relative;\n"])));
-
+const StyledInputContent = _styledComponents.default.div`
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    position: relative;
+`;
 exports.StyledInputContent = StyledInputContent;
-
-const StyledInputField = _styledComponents.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    background: none;\n    border: none;\n    color: ", ";\n    padding: 0;\n"])), _ref3 => {
+const StyledInputField = _styledComponents.default.input`
+    background: none;
+    border: none;
+    color: ${_ref3 => {
   let {
     theme
   } = _ref3;
   return theme.text;
-});
-
+}};
+    padding: 0;
+`;
 exports.StyledInputField = StyledInputField;
-const StyledMotionInputLabel = (0, _styledComponents.default)(_framerMotion.motion.label)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    line-height: 1.15;\n    pointer-events: none;\n    position: absolute;\n    user-select: none;\n"])));
+const StyledMotionInputLabel = (0, _styledComponents.default)(_framerMotion.motion.label)`
+    line-height: 1.15;
+    pointer-events: none;
+    position: absolute;
+    user-select: none;
+`;
 exports.StyledMotionInputLabel = StyledMotionInputLabel;
 //# sourceMappingURL=Input.styles.js.map

package/lib/components/input/Input.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.styles.js","names":["StyledInput","styled","div","theme","StyledInputContent","StyledInputField","input","text","StyledMotionInputLabel","motion","label"],"sources":["../../../src/components/input/Input.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledInputProps = WithTheme<unknown>;\n\nexport const StyledInput = styled.div<StyledInputProps>`\n    align-items: center;\n    background-color: ${({ theme }: StyledInputProps) => theme['100']};\n    border-radius: 3px;\n    color: ${({ theme }: StyledInputProps) => theme['006']};\n    display: flex;\n    justify-content: space-between;\n    min-height: 42px;\n    padding: 8px 10px;\n`;\n\nexport const StyledInputContent = styled.div`\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    position: relative;\n`;\n\nexport const StyledInputField = styled.input`\n    background: none;\n    border: none;\n    color: ${({ theme }: StyledInputProps) => theme.text};\n    padding: 0;\n`;\n\nexport const StyledMotionInputLabel = styled(motion.label)`\n    line-height: 1.15;\n    pointer-events: none;\n    position: absolute;\n    user-select: none;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAKO,MAAMA,WAAW,GAAGC,yBAAA,CAAOC,GAAV,kRAEA;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAiCA,KAAK,CAAC,KAAD,CAAtC;AAAA,CAFA,EAIX;EAAA,IAAC;IAAEA;EAAF,CAAD;EAAA,OAAiCA,KAAK,CAAC,KAAD,CAAtC;AAAA,CAJW,CAAjB;;;;AAWA,MAAMC,kBAAkB,GAAGH,yBAAA,CAAOC,GAAV,wKAAxB;;;;AAOA,MAAMG,gBAAgB,GAAGJ,yBAAA,CAAOK,KAAV,uJAGhB;EAAA,IAAC;IAAEH;EAAF,CAAD;EAAA,OAAiCA,KAAK,CAACI,IAAvC;AAAA,CAHgB,CAAtB;;;AAOA,MAAMC,sBAAsB,GAAG,IAAAP,yBAAA,EAAOQ,oBAAA,CAAOC,KAAd,CAAH,6KAA5B"}
+{"version":3,"file":"Input.styles.js","names":["StyledInput","styled","div","theme","StyledInputContent","StyledInputField","input","text","StyledMotionInputLabel","motion","label"],"sources":["../../../src/components/input/Input.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledInputProps = WithTheme<unknown>;\n\nexport const StyledInput = styled.div<StyledInputProps>`\n    align-items: center;\n    background-color: ${({ theme }: StyledInputProps) => theme['100']};\n    border-radius: 3px;\n    color: ${({ theme }: StyledInputProps) => theme['006']};\n    display: flex;\n    justify-content: space-between;\n    min-height: 42px;\n    padding: 8px 10px;\n`;\n\nexport const StyledInputContent = styled.div`\n    display: flex;\n    flex: 1 1 auto;\n    flex-direction: column;\n    position: relative;\n`;\n\nexport const StyledInputField = styled.input`\n    background: none;\n    border: none;\n    color: ${({ theme }: StyledInputProps) => theme.text};\n    padding: 0;\n`;\n\nexport const StyledMotionInputLabel = styled(motion.label)`\n    line-height: 1.15;\n    pointer-events: none;\n    position: absolute;\n    user-select: none;\n`;\n"],"mappings":";;;;;;AAAA;AACA;AAAuC;AAKhC,MAAMA,WAAW,GAAGC,yBAAM,CAACC,GAAsB;AACxD;AACA,wBAAwB;EAAA,IAAC;IAAEC;EAAwB,CAAC;EAAA,OAAKA,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AACtE;AACA,aAAa;EAAA,IAAC;IAAEA;EAAwB,CAAC;EAAA,OAAKA,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAC3D;AACA;AACA;AACA;AACA,CAAC;AAAC;AAEK,MAAMC,kBAAkB,GAAGH,yBAAM,CAACC,GAAI;AAC7C;AACA;AACA;AACA;AACA,CAAC;AAAC;AAEK,MAAMG,gBAAgB,GAAGJ,yBAAM,CAACK,KAAM;AAC7C;AACA;AACA,aAAa;EAAA,IAAC;IAAEH;EAAwB,CAAC;EAAA,OAAKA,KAAK,CAACI,IAAI;AAAA,CAAC;AACzD;AACA,CAAC;AAAC;AAEK,MAAMC,sBAAsB,GAAG,IAAAP,yBAAM,EAACQ,oBAAM,CAACC,KAAK,CAAE;AAC3D;AACA;AACA;AACA;AACA,CAAC;AAAC"}

package/lib/components/list/List.js

@@ -4,23 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ListContext = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const ListContext = /*#__PURE__*/_react.default.createContext({
   incrementExpandableItemCount: () => () => {},
   isAnyItemExpandable: false,
   openItemUuid: undefined,
   updateOpenItemUuid: () => {}
 });
-
 exports.ListContext = ListContext;
 ListContext.displayName = 'ListContext';
-
 const List = _ref => {
   let {
     children
@@ -35,7 +29,6 @@ const List = _ref => {
       if (currentOpenItemUuid === uuid && shouldOnlyOpen !== true) {
         return undefined;
       }
-
       return uuid;
     });
   }, [setOpenItemUuid]);
@@ -55,7 +48,6 @@ const List = _ref => {
     value: providerValue
   }, children);
 };
-
 List.displayName = 'List';
 var _default = List;
 exports.default = _default;

package/lib/components/list/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["ListContext","React","createContext","incrementExpandableItemCount","isAnyItemExpandable","openItemUuid","undefined","updateOpenItemUuid","displayName","List","children","setOpenItemUuid","useState","expandableItemCount","setExpandableItemCount","useCallback","uuid","shouldOnlyOpen","currentOpenItemUuid","count","providerValue","useMemo"],"sources":["../../../src/components/list/List.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback, useMemo, useState } from 'react';\n\ninterface IListContext {\n    incrementExpandableItemCount: () => () => void;\n    isAnyItemExpandable: boolean;\n    openItemUuid: string | undefined;\n    updateOpenItemUuid: (uuid: string, options?: { shouldOnlyOpen?: boolean }) => void;\n}\n\nexport const ListContext = React.createContext<IListContext>({\n    incrementExpandableItemCount: () => () => {},\n    isAnyItemExpandable: false,\n    openItemUuid: undefined,\n    updateOpenItemUuid: () => {},\n});\n\nListContext.displayName = 'ListContext';\n\ntype ListProps = {\n    /**\n     * The items of the list\n     */\n    children: ReactNode;\n};\n\nconst List: FC<ListProps> = ({ children }) => {\n    const [openItemUuid, setOpenItemUuid] = useState<IListContext['openItemUuid']>(undefined);\n    const [expandableItemCount, setExpandableItemCount] = useState<number>(0);\n\n    const updateOpenItemUuid = useCallback<IListContext['updateOpenItemUuid']>(\n        (uuid, { shouldOnlyOpen } = {}) => {\n            setOpenItemUuid((currentOpenItemUuid) => {\n                if (currentOpenItemUuid === uuid && shouldOnlyOpen !== true) {\n                    return undefined;\n                }\n\n                return uuid;\n            });\n        },\n        [setOpenItemUuid]\n    );\n\n    const incrementExpandableItemCount = useCallback(() => {\n        setExpandableItemCount((count) => count + 1);\n\n        return () => {\n            setExpandableItemCount((count) => count - 1);\n        };\n    }, [setExpandableItemCount]);\n\n    const providerValue = useMemo<IListContext>(\n        () => ({\n            isAnyItemExpandable: expandableItemCount > 0,\n            updateOpenItemUuid,\n            openItemUuid,\n            incrementExpandableItemCount,\n        }),\n        [expandableItemCount, incrementExpandableItemCount, openItemUuid, updateOpenItemUuid]\n    );\n\n    return <ListContext.Provider value={providerValue}>{children}</ListContext.Provider>;\n};\n\nList.displayName = 'List';\n\nexport default List;\n"],"mappings":";;;;;;;AAAA;;;;;;AASO,MAAMA,WAAW,gBAAGC,cAAA,CAAMC,aAAN,CAAkC;EACzDC,4BAA4B,EAAE,MAAM,MAAM,CAAE,CADa;EAEzDC,mBAAmB,EAAE,KAFoC;EAGzDC,YAAY,EAAEC,SAH2C;EAIzDC,kBAAkB,EAAE,MAAM,CAAE;AAJ6B,CAAlC,CAApB;;;AAOPP,WAAW,CAACQ,WAAZ,GAA0B,aAA1B;;AASA,MAAMC,IAAmB,GAAG,QAAkB;EAAA,IAAjB;IAAEC;EAAF,CAAiB;EAC1C,MAAM,CAACL,YAAD,EAAeM,eAAf,IAAkC,IAAAC,eAAA,EAAuCN,SAAvC,CAAxC;EACA,MAAM,CAACO,mBAAD,EAAsBC,sBAAtB,IAAgD,IAAAF,eAAA,EAAiB,CAAjB,CAAtD;EAEA,MAAML,kBAAkB,GAAG,IAAAQ,kBAAA,EACvB,UAACC,IAAD,EAAmC;IAAA,IAA5B;MAAEC;IAAF,CAA4B,uEAAP,EAAO;IAC/BN,eAAe,CAAEO,mBAAD,IAAyB;MACrC,IAAIA,mBAAmB,KAAKF,IAAxB,IAAgCC,cAAc,KAAK,IAAvD,EAA6D;QACzD,OAAOX,SAAP;MACH;;MAED,OAAOU,IAAP;IACH,CANc,CAAf;EAOH,CATsB,EAUvB,CAACL,eAAD,CAVuB,CAA3B;EAaA,MAAMR,4BAA4B,GAAG,IAAAY,kBAAA,EAAY,MAAM;IACnDD,sBAAsB,CAAEK,KAAD,IAAWA,KAAK,GAAG,CAApB,CAAtB;IAEA,OAAO,MAAM;MACTL,sBAAsB,CAAEK,KAAD,IAAWA,KAAK,GAAG,CAApB,CAAtB;IACH,CAFD;EAGH,CANoC,EAMlC,CAACL,sBAAD,CANkC,CAArC;EAQA,MAAMM,aAAa,GAAG,IAAAC,cAAA,EAClB,OAAO;IACHjB,mBAAmB,EAAES,mBAAmB,GAAG,CADxC;IAEHN,kBAFG;IAGHF,YAHG;IAIHF;EAJG,CAAP,CADkB,EAOlB,CAACU,mBAAD,EAAsBV,4BAAtB,EAAoDE,YAApD,EAAkEE,kBAAlE,CAPkB,CAAtB;EAUA,oBAAO,6BAAC,WAAD,CAAa,QAAb;IAAsB,KAAK,EAAEa;EAA7B,GAA6CV,QAA7C,CAAP;AACH,CApCD;;AAsCAD,IAAI,CAACD,WAAL,GAAmB,MAAnB;eAEeC,I"}
+{"version":3,"file":"List.js","names":["ListContext","React","createContext","incrementExpandableItemCount","isAnyItemExpandable","openItemUuid","undefined","updateOpenItemUuid","displayName","List","children","setOpenItemUuid","useState","expandableItemCount","setExpandableItemCount","useCallback","uuid","shouldOnlyOpen","currentOpenItemUuid","count","providerValue","useMemo"],"sources":["../../../src/components/list/List.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback, useMemo, useState } from 'react';\n\ninterface IListContext {\n    incrementExpandableItemCount: () => () => void;\n    isAnyItemExpandable: boolean;\n    openItemUuid: string | undefined;\n    updateOpenItemUuid: (uuid: string, options?: { shouldOnlyOpen?: boolean }) => void;\n}\n\nexport const ListContext = React.createContext<IListContext>({\n    incrementExpandableItemCount: () => () => {},\n    isAnyItemExpandable: false,\n    openItemUuid: undefined,\n    updateOpenItemUuid: () => {},\n});\n\nListContext.displayName = 'ListContext';\n\ntype ListProps = {\n    /**\n     * The items of the list\n     */\n    children: ReactNode;\n};\n\nconst List: FC<ListProps> = ({ children }) => {\n    const [openItemUuid, setOpenItemUuid] = useState<IListContext['openItemUuid']>(undefined);\n    const [expandableItemCount, setExpandableItemCount] = useState<number>(0);\n\n    const updateOpenItemUuid = useCallback<IListContext['updateOpenItemUuid']>(\n        (uuid, { shouldOnlyOpen } = {}) => {\n            setOpenItemUuid((currentOpenItemUuid) => {\n                if (currentOpenItemUuid === uuid && shouldOnlyOpen !== true) {\n                    return undefined;\n                }\n\n                return uuid;\n            });\n        },\n        [setOpenItemUuid]\n    );\n\n    const incrementExpandableItemCount = useCallback(() => {\n        setExpandableItemCount((count) => count + 1);\n\n        return () => {\n            setExpandableItemCount((count) => count - 1);\n        };\n    }, [setExpandableItemCount]);\n\n    const providerValue = useMemo<IListContext>(\n        () => ({\n            isAnyItemExpandable: expandableItemCount > 0,\n            updateOpenItemUuid,\n            openItemUuid,\n            incrementExpandableItemCount,\n        }),\n        [expandableItemCount, incrementExpandableItemCount, openItemUuid, updateOpenItemUuid]\n    );\n\n    return <ListContext.Provider value={providerValue}>{children}</ListContext.Provider>;\n};\n\nList.displayName = 'List';\n\nexport default List;\n"],"mappings":";;;;;;AAAA;AAA6E;AAAA;AAStE,MAAMA,WAAW,gBAAGC,cAAK,CAACC,aAAa,CAAe;EACzDC,4BAA4B,EAAE,MAAM,MAAM,CAAC,CAAC;EAC5CC,mBAAmB,EAAE,KAAK;EAC1BC,YAAY,EAAEC,SAAS;EACvBC,kBAAkB,EAAE,MAAM,CAAC;AAC/B,CAAC,CAAC;AAAC;AAEHP,WAAW,CAACQ,WAAW,GAAG,aAAa;AASvC,MAAMC,IAAmB,GAAG,QAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC;EACrC,MAAM,CAACL,YAAY,EAAEM,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAA+BN,SAAS,CAAC;EACzF,MAAM,CAACO,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG,IAAAF,eAAQ,EAAS,CAAC,CAAC;EAEzE,MAAML,kBAAkB,GAAG,IAAAQ,kBAAW,EAClC,UAACC,IAAI,EAA8B;IAAA,IAA5B;MAAEC;IAAe,CAAC,uEAAG,CAAC,CAAC;IAC1BN,eAAe,CAAEO,mBAAmB,IAAK;MACrC,IAAIA,mBAAmB,KAAKF,IAAI,IAAIC,cAAc,KAAK,IAAI,EAAE;QACzD,OAAOX,SAAS;MACpB;MAEA,OAAOU,IAAI;IACf,CAAC,CAAC;EACN,CAAC,EACD,CAACL,eAAe,CAAC,CACpB;EAED,MAAMR,4BAA4B,GAAG,IAAAY,kBAAW,EAAC,MAAM;IACnDD,sBAAsB,CAAEK,KAAK,IAAKA,KAAK,GAAG,CAAC,CAAC;IAE5C,OAAO,MAAM;MACTL,sBAAsB,CAAEK,KAAK,IAAKA,KAAK,GAAG,CAAC,CAAC;IAChD,CAAC;EACL,CAAC,EAAE,CAACL,sBAAsB,CAAC,CAAC;EAE5B,MAAMM,aAAa,GAAG,IAAAC,cAAO,EACzB,OAAO;IACHjB,mBAAmB,EAAES,mBAAmB,GAAG,CAAC;IAC5CN,kBAAkB;IAClBF,YAAY;IACZF;EACJ,CAAC,CAAC,EACF,CAACU,mBAAmB,EAAEV,4BAA4B,EAAEE,YAAY,EAAEE,kBAAkB,CAAC,CACxF;EAED,oBAAO,6BAAC,WAAW,CAAC,QAAQ;IAAC,KAAK,EAAEa;EAAc,GAAEV,QAAQ,CAAwB;AACxF,CAAC;AAEDD,IAAI,CAACD,WAAW,GAAG,MAAM;AAAC,eAEXC,IAAI;AAAA"}

package/lib/components/list/list-item/ListItem.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _framerMotion = require("framer-motion");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _uuid = require("../../../hooks/uuid");
-
 var _List = require("../List");
-
 var _ListItemBody = _interopRequireDefault(require("./list-item-body/ListItemBody"));
-
 var _ListItemHead = _interopRequireDefault(require("./list-item-head/ListItemHead"));
-
 var _ListItem = require("./ListItem.styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const ListItem = _ref => {
   let {
     children,
@@ -54,7 +43,6 @@ const ListItem = _ref => {
     if (isExpandable) {
       updateOpenItemUuid(uuid);
     }
-
     if (typeof onClick === 'function') {
       onClick(event);
     }
@@ -65,7 +53,6 @@ const ListItem = _ref => {
       // function to decrement expandableItemCount if component unmounts
       return incrementExpandableItemCount();
     }
-
     return undefined;
   }, [incrementExpandableItemCount, isExpandable]);
   (0, _react.useEffect)(() => {
@@ -97,7 +84,6 @@ const ListItem = _ref => {
     initial: false
   }, isExpandable && isItemOpen && /*#__PURE__*/_react.default.createElement(_ListItemBody.default, null, children)));
 };
-
 ListItem.displayName = 'ListItem';
 var _default = ListItem;
 exports.default = _default;

package/lib/components/list/list-item/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":["ListItem","children","hoverItem","icons","images","isDefaultOpen","isOpen","onClick","onLongPress","leftElements","rightElements","subtitle","shouldShowRoundImage","title","incrementExpandableItemCount","isAnyItemExpandable","openItemUuid","updateOpenItemUuid","useContext","ListContext","uuid","useUuid","isExpandable","undefined","isItemOpen","handleHeadClick","useCallback","event","useEffect","shouldOnlyOpen","displayName"],"sources":["../../../../src/components/list/list-item/ListItem.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion';\nimport React, {\n    FC,\n    MouseEventHandler,\n    ReactNode,\n    TouchEventHandler,\n    useCallback,\n    useContext,\n    useEffect,\n} from 'react';\nimport { useUuid } from '../../../hooks/uuid';\nimport { ListContext } from '../List';\nimport ListItemBody from './list-item-body/ListItemBody';\nimport ListItemHead from './list-item-head/ListItemHead';\nimport { StyledListItem } from './ListItem.styles';\n\ntype ListItemProps = {\n    /**\n     * The content of the `ListItem` body. When the `ListItem` has children,\n     * it can be opened and also gets an icon as an indicator automatically.\n     */\n    children?: ReactNode;\n    /**\n     * Element that is displayed when hovering over the `ListItem` on the right\n     * side. On mobile devices, this element is not displayed.\n     */\n    hoverItem?: ReactNode;\n    /**\n     * The FontAwesome or tobit icons to render like an image on the left side\n     * of the header. Multiple icons are stacked. See the `Icon` component\n     * documentation for more information.\n     */\n    icons?: string[];\n    /**\n     * A list of image URLs that are displayed on the left side of the header.\n     * If multiple URLs are passed, the image is assembled from the first three\n     * image URLs as a puzzle.\n     */\n    images?: string[];\n    /**\n     * This can be used to automatically expand the `ListItem` during the first render.\n     */\n    isDefaultOpen?: boolean;\n    /**\n     * This overrides the internal opening state of the item and makes it controlled.\n     */\n    isOpen?: boolean;\n    /**\n     * Function to be executed when the header of the `ListItem` was clicked\n     */\n    onClick?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Function to be executed when the header of the `ListItem` is pressed for\n     * 400 milliseconds.\n     */\n    onLongPress?: TouchEventHandler<HTMLDivElement>;\n    /**\n     * Elements that are displayed on the left side of the header. If multiple\n     * elements are specified, they are displayed one aside the other.\n     */\n    leftElements?: [ReactNode, ...ReactNode[]];\n    /**\n     * Elements that are displayed on the right side of the header. If multiple\n     * elements are specified, they are displayed one below the other.\n     */\n    rightElements?: [ReactNode, ...ReactNode[]];\n    /**\n     * Images of users should always be displayed in a round shape. Therefore\n     * this property can be set to true.\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * Subtitle of the `ListItem` displayed in the head below the title\n     */\n    subtitle?: ReactNode;\n    /**\n     * Title of the `ListItem` displayed in the head\n     */\n    title: ReactNode;\n};\n\nconst ListItem: FC<ListItemProps> = ({\n    children,\n    hoverItem,\n    icons,\n    images,\n    isDefaultOpen,\n    isOpen,\n    onClick,\n    onLongPress,\n    leftElements,\n    rightElements,\n    subtitle,\n    shouldShowRoundImage,\n    title,\n}) => {\n    const { incrementExpandableItemCount, isAnyItemExpandable, openItemUuid, updateOpenItemUuid } =\n        useContext(ListContext);\n\n    const uuid = useUuid();\n\n    const isExpandable = children !== undefined;\n    const isItemOpen = isOpen ?? openItemUuid === uuid;\n\n    const handleHeadClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (isExpandable) {\n                updateOpenItemUuid(uuid);\n            }\n\n            if (typeof onClick === 'function') {\n                onClick(event);\n            }\n        },\n        [isExpandable, onClick, updateOpenItemUuid, uuid]\n    );\n\n    useEffect(() => {\n        if (isExpandable) {\n            // The incrementExpandableItemCount function returns an cleanup\n            // function to decrement expandableItemCount if component unmounts\n            return incrementExpandableItemCount();\n        }\n\n        return undefined;\n    }, [incrementExpandableItemCount, isExpandable]);\n\n    useEffect(() => {\n        if (isDefaultOpen) {\n            updateOpenItemUuid(uuid, { shouldOnlyOpen: true });\n        }\n    }, [isDefaultOpen, updateOpenItemUuid, uuid]);\n\n    return (\n        <StyledListItem\n            className=\"beta-chayns-list-item\"\n            isClickable={typeof onClick === 'function' || isExpandable}\n            isOpen={isItemOpen}\n        >\n            <ListItemHead\n                hoverItem={hoverItem}\n                icons={icons}\n                images={images}\n                isAnyItemExpandable={isAnyItemExpandable}\n                isExpandable={isExpandable}\n                isOpen={isItemOpen}\n                onClick={handleHeadClick}\n                onLongPress={onLongPress}\n                leftElements={leftElements}\n                rightElements={rightElements}\n                subtitle={subtitle}\n                shouldShowRoundImage={shouldShowRoundImage}\n                title={title}\n            />\n            <AnimatePresence initial={false}>\n                {isExpandable && isItemOpen && <ListItemBody>{children}</ListItemBody>}\n            </AnimatePresence>\n        </StyledListItem>\n    );\n};\n\nListItem.displayName = 'ListItem';\n\nexport default ListItem;\n"],"mappings":";;;;;;;AAAA;;AACA;;AASA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAmEA,MAAMA,QAA2B,GAAG,QAc9B;EAAA,IAd+B;IACjCC,QADiC;IAEjCC,SAFiC;IAGjCC,KAHiC;IAIjCC,MAJiC;IAKjCC,aALiC;IAMjCC,MANiC;IAOjCC,OAPiC;IAQjCC,WARiC;IASjCC,YATiC;IAUjCC,aAViC;IAWjCC,QAXiC;IAYjCC,oBAZiC;IAajCC;EAbiC,CAc/B;EACF,MAAM;IAAEC,4BAAF;IAAgCC,mBAAhC;IAAqDC,YAArD;IAAmEC;EAAnE,IACF,IAAAC,iBAAA,EAAWC,iBAAX,CADJ;EAGA,MAAMC,IAAI,GAAG,IAAAC,aAAA,GAAb;EAEA,MAAMC,YAAY,GAAGrB,QAAQ,KAAKsB,SAAlC;EACA,MAAMC,UAAU,GAAGlB,MAAH,aAAGA,MAAH,cAAGA,MAAH,GAAaU,YAAY,KAAKI,IAA9C;EAEA,MAAMK,eAAe,GAAG,IAAAC,kBAAA,EACnBC,KAAD,IAAW;IACP,IAAIL,YAAJ,EAAkB;MACdL,kBAAkB,CAACG,IAAD,CAAlB;IACH;;IAED,IAAI,OAAOb,OAAP,KAAmB,UAAvB,EAAmC;MAC/BA,OAAO,CAACoB,KAAD,CAAP;IACH;EACJ,CATmB,EAUpB,CAACL,YAAD,EAAef,OAAf,EAAwBU,kBAAxB,EAA4CG,IAA5C,CAVoB,CAAxB;EAaA,IAAAQ,gBAAA,EAAU,MAAM;IACZ,IAAIN,YAAJ,EAAkB;MACd;MACA;MACA,OAAOR,4BAA4B,EAAnC;IACH;;IAED,OAAOS,SAAP;EACH,CARD,EAQG,CAACT,4BAAD,EAA+BQ,YAA/B,CARH;EAUA,IAAAM,gBAAA,EAAU,MAAM;IACZ,IAAIvB,aAAJ,EAAmB;MACfY,kBAAkB,CAACG,IAAD,EAAO;QAAES,cAAc,EAAE;MAAlB,CAAP,CAAlB;IACH;EACJ,CAJD,EAIG,CAACxB,aAAD,EAAgBY,kBAAhB,EAAoCG,IAApC,CAJH;EAMA,oBACI,6BAAC,wBAAD;IACI,SAAS,EAAC,uBADd;IAEI,WAAW,EAAE,OAAOb,OAAP,KAAmB,UAAnB,IAAiCe,YAFlD;IAGI,MAAM,EAAEE;EAHZ,gBAKI,6BAAC,qBAAD;IACI,SAAS,EAAEtB,SADf;IAEI,KAAK,EAAEC,KAFX;IAGI,MAAM,EAAEC,MAHZ;IAII,mBAAmB,EAAEW,mBAJzB;IAKI,YAAY,EAAEO,YALlB;IAMI,MAAM,EAAEE,UANZ;IAOI,OAAO,EAAEC,eAPb;IAQI,WAAW,EAAEjB,WARjB;IASI,YAAY,EAAEC,YATlB;IAUI,aAAa,EAAEC,aAVnB;IAWI,QAAQ,EAAEC,QAXd;IAYI,oBAAoB,EAAEC,oBAZ1B;IAaI,KAAK,EAAEC;EAbX,EALJ,eAoBI,6BAAC,6BAAD;IAAiB,OAAO,EAAE;EAA1B,GACKS,YAAY,IAAIE,UAAhB,iBAA8B,6BAAC,qBAAD,QAAevB,QAAf,CADnC,CApBJ,CADJ;AA0BH,CA9ED;;AAgFAD,QAAQ,CAAC8B,WAAT,GAAuB,UAAvB;eAEe9B,Q"}
+{"version":3,"file":"ListItem.js","names":["ListItem","children","hoverItem","icons","images","isDefaultOpen","isOpen","onClick","onLongPress","leftElements","rightElements","subtitle","shouldShowRoundImage","title","incrementExpandableItemCount","isAnyItemExpandable","openItemUuid","updateOpenItemUuid","useContext","ListContext","uuid","useUuid","isExpandable","undefined","isItemOpen","handleHeadClick","useCallback","event","useEffect","shouldOnlyOpen","displayName"],"sources":["../../../../src/components/list/list-item/ListItem.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion';\nimport React, {\n    FC,\n    MouseEventHandler,\n    ReactNode,\n    TouchEventHandler,\n    useCallback,\n    useContext,\n    useEffect,\n} from 'react';\nimport { useUuid } from '../../../hooks/uuid';\nimport { ListContext } from '../List';\nimport ListItemBody from './list-item-body/ListItemBody';\nimport ListItemHead from './list-item-head/ListItemHead';\nimport { StyledListItem } from './ListItem.styles';\n\ntype ListItemProps = {\n    /**\n     * The content of the `ListItem` body. When the `ListItem` has children,\n     * it can be opened and also gets an icon as an indicator automatically.\n     */\n    children?: ReactNode;\n    /**\n     * Element that is displayed when hovering over the `ListItem` on the right\n     * side. On mobile devices, this element is not displayed.\n     */\n    hoverItem?: ReactNode;\n    /**\n     * The FontAwesome or tobit icons to render like an image on the left side\n     * of the header. Multiple icons are stacked. See the `Icon` component\n     * documentation for more information.\n     */\n    icons?: string[];\n    /**\n     * A list of image URLs that are displayed on the left side of the header.\n     * If multiple URLs are passed, the image is assembled from the first three\n     * image URLs as a puzzle.\n     */\n    images?: string[];\n    /**\n     * This can be used to automatically expand the `ListItem` during the first render.\n     */\n    isDefaultOpen?: boolean;\n    /**\n     * This overrides the internal opening state of the item and makes it controlled.\n     */\n    isOpen?: boolean;\n    /**\n     * Function to be executed when the header of the `ListItem` was clicked\n     */\n    onClick?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Function to be executed when the header of the `ListItem` is pressed for\n     * 400 milliseconds.\n     */\n    onLongPress?: TouchEventHandler<HTMLDivElement>;\n    /**\n     * Elements that are displayed on the left side of the header. If multiple\n     * elements are specified, they are displayed one aside the other.\n     */\n    leftElements?: [ReactNode, ...ReactNode[]];\n    /**\n     * Elements that are displayed on the right side of the header. If multiple\n     * elements are specified, they are displayed one below the other.\n     */\n    rightElements?: [ReactNode, ...ReactNode[]];\n    /**\n     * Images of users should always be displayed in a round shape. Therefore\n     * this property can be set to true.\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * Subtitle of the `ListItem` displayed in the head below the title\n     */\n    subtitle?: ReactNode;\n    /**\n     * Title of the `ListItem` displayed in the head\n     */\n    title: ReactNode;\n};\n\nconst ListItem: FC<ListItemProps> = ({\n    children,\n    hoverItem,\n    icons,\n    images,\n    isDefaultOpen,\n    isOpen,\n    onClick,\n    onLongPress,\n    leftElements,\n    rightElements,\n    subtitle,\n    shouldShowRoundImage,\n    title,\n}) => {\n    const { incrementExpandableItemCount, isAnyItemExpandable, openItemUuid, updateOpenItemUuid } =\n        useContext(ListContext);\n\n    const uuid = useUuid();\n\n    const isExpandable = children !== undefined;\n    const isItemOpen = isOpen ?? openItemUuid === uuid;\n\n    const handleHeadClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (isExpandable) {\n                updateOpenItemUuid(uuid);\n            }\n\n            if (typeof onClick === 'function') {\n                onClick(event);\n            }\n        },\n        [isExpandable, onClick, updateOpenItemUuid, uuid]\n    );\n\n    useEffect(() => {\n        if (isExpandable) {\n            // The incrementExpandableItemCount function returns an cleanup\n            // function to decrement expandableItemCount if component unmounts\n            return incrementExpandableItemCount();\n        }\n\n        return undefined;\n    }, [incrementExpandableItemCount, isExpandable]);\n\n    useEffect(() => {\n        if (isDefaultOpen) {\n            updateOpenItemUuid(uuid, { shouldOnlyOpen: true });\n        }\n    }, [isDefaultOpen, updateOpenItemUuid, uuid]);\n\n    return (\n        <StyledListItem\n            className=\"beta-chayns-list-item\"\n            isClickable={typeof onClick === 'function' || isExpandable}\n            isOpen={isItemOpen}\n        >\n            <ListItemHead\n                hoverItem={hoverItem}\n                icons={icons}\n                images={images}\n                isAnyItemExpandable={isAnyItemExpandable}\n                isExpandable={isExpandable}\n                isOpen={isItemOpen}\n                onClick={handleHeadClick}\n                onLongPress={onLongPress}\n                leftElements={leftElements}\n                rightElements={rightElements}\n                subtitle={subtitle}\n                shouldShowRoundImage={shouldShowRoundImage}\n                title={title}\n            />\n            <AnimatePresence initial={false}>\n                {isExpandable && isItemOpen && <ListItemBody>{children}</ListItemBody>}\n            </AnimatePresence>\n        </StyledListItem>\n    );\n};\n\nListItem.displayName = 'ListItem';\n\nexport default ListItem;\n"],"mappings":";;;;;;AAAA;AACA;AASA;AACA;AACA;AACA;AACA;AAAmD;AAAA;AAAA;AAmEnD,MAAMA,QAA2B,GAAG,QAc9B;EAAA,IAd+B;IACjCC,QAAQ;IACRC,SAAS;IACTC,KAAK;IACLC,MAAM;IACNC,aAAa;IACbC,MAAM;IACNC,OAAO;IACPC,WAAW;IACXC,YAAY;IACZC,aAAa;IACbC,QAAQ;IACRC,oBAAoB;IACpBC;EACJ,CAAC;EACG,MAAM;IAAEC,4BAA4B;IAAEC,mBAAmB;IAAEC,YAAY;IAAEC;EAAmB,CAAC,GACzF,IAAAC,iBAAU,EAACC,iBAAW,CAAC;EAE3B,MAAMC,IAAI,GAAG,IAAAC,aAAO,GAAE;EAEtB,MAAMC,YAAY,GAAGrB,QAAQ,KAAKsB,SAAS;EAC3C,MAAMC,UAAU,GAAGlB,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIU,YAAY,KAAKI,IAAI;EAElD,MAAMK,eAAe,GAAG,IAAAC,kBAAW,EAC9BC,KAAK,IAAK;IACP,IAAIL,YAAY,EAAE;MACdL,kBAAkB,CAACG,IAAI,CAAC;IAC5B;IAEA,IAAI,OAAOb,OAAO,KAAK,UAAU,EAAE;MAC/BA,OAAO,CAACoB,KAAK,CAAC;IAClB;EACJ,CAAC,EACD,CAACL,YAAY,EAAEf,OAAO,EAAEU,kBAAkB,EAAEG,IAAI,CAAC,CACpD;EAED,IAAAQ,gBAAS,EAAC,MAAM;IACZ,IAAIN,YAAY,EAAE;MACd;MACA;MACA,OAAOR,4BAA4B,EAAE;IACzC;IAEA,OAAOS,SAAS;EACpB,CAAC,EAAE,CAACT,4BAA4B,EAAEQ,YAAY,CAAC,CAAC;EAEhD,IAAAM,gBAAS,EAAC,MAAM;IACZ,IAAIvB,aAAa,EAAE;MACfY,kBAAkB,CAACG,IAAI,EAAE;QAAES,cAAc,EAAE;MAAK,CAAC,CAAC;IACtD;EACJ,CAAC,EAAE,CAACxB,aAAa,EAAEY,kBAAkB,EAAEG,IAAI,CAAC,CAAC;EAE7C,oBACI,6BAAC,wBAAc;IACX,SAAS,EAAC,uBAAuB;IACjC,WAAW,EAAE,OAAOb,OAAO,KAAK,UAAU,IAAIe,YAAa;IAC3D,MAAM,EAAEE;EAAW,gBAEnB,6BAAC,qBAAY;IACT,SAAS,EAAEtB,SAAU;IACrB,KAAK,EAAEC,KAAM;IACb,MAAM,EAAEC,MAAO;IACf,mBAAmB,EAAEW,mBAAoB;IACzC,YAAY,EAAEO,YAAa;IAC3B,MAAM,EAAEE,UAAW;IACnB,OAAO,EAAEC,eAAgB;IACzB,WAAW,EAAEjB,WAAY;IACzB,YAAY,EAAEC,YAAa;IAC3B,aAAa,EAAEC,aAAc;IAC7B,QAAQ,EAAEC,QAAS;IACnB,oBAAoB,EAAEC,oBAAqB;IAC3C,KAAK,EAAEC;EAAM,EACf,eACF,6BAAC,6BAAe;IAAC,OAAO,EAAE;EAAM,GAC3BS,YAAY,IAAIE,UAAU,iBAAI,6BAAC,qBAAY,QAAEvB,QAAQ,CAAgB,CACxD,CACL;AAEzB,CAAC;AAEDD,QAAQ,CAAC8B,WAAW,GAAG,UAAU;AAAC,eAEnB9B,QAAQ;AAAA"}

package/lib/components/list/list-item/ListItem.styles.js

@@ -4,43 +4,53 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledListItem = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _templateObject, _templateObject2, _templateObject3;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const StyledListItem = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n\n    transition: background-color 0.3s ease;\n\n    ", "\n\n    :not(:last-child) {\n        border-bottom: 1px solid ", ";\n    }\n"])), _ref => {
+const StyledListItem = _styledComponents.default.div`
+    ${_ref => {
   let {
     isOpen
   } = _ref;
-  return isOpen && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            background-color: rgba(", ", 0.85);\n        "])), _ref2 => {
+  return isOpen && (0, _styledComponents.css)`
+            background-color: rgba(${_ref2 => {
     let {
       theme
     } = _ref2;
     return theme['100-rgb'];
-  });
-}, _ref3 => {
+  }}, 0.85);
+        `;
+}}
+
+    transition: background-color 0.3s ease;
+
+    ${_ref3 => {
   let {
     isClickable
   } = _ref3;
-  return isClickable && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            :hover {\n                background-color: rgba(\n                    ", ",\n                    0.85\n                );\n            }\n        "])), _ref4 => {
+  return isClickable && (0, _styledComponents.css)`
+            :hover {
+                background-color: rgba(
+                    ${_ref4 => {
     let {
       theme
     } = _ref4;
     return theme['100-rgb'];
-  });
-}, _ref5 => {
+  }},
+                    0.85
+                );
+            }
+        `;
+}}
+
+    :not(:last-child) {
+        border-bottom: 1px solid ${_ref5 => {
   let {
     theme
   } = _ref5;
   return theme.headline;
-});
-
+}};
+    }
+`;
 exports.StyledListItem = StyledListItem;
 //# sourceMappingURL=ListItem.styles.js.map

package/lib/components/list/list-item/ListItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.styles.js","names":["StyledListItem","styled","div","isOpen","css","theme","isClickable","headline"],"sources":["../../../../src/components/list/list-item/ListItem.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemProps = WithTheme<{\n    isClickable: boolean;\n    isOpen: boolean;\n}>;\n\nexport const StyledListItem = styled.div<StyledListItemProps>`\n    ${({ isOpen }) =>\n        isOpen &&\n        css`\n            background-color: rgba(${({ theme }: StyledListItemProps) => theme['100-rgb']}, 0.85);\n        `}\n\n    transition: background-color 0.3s ease;\n\n    ${({ isClickable }) =>\n        isClickable &&\n        css`\n            :hover {\n                background-color: rgba(\n                    ${({ theme }: StyledListItemProps) => theme['100-rgb']},\n                    0.85\n                );\n            }\n        `}\n\n    :not(:last-child) {\n        border-bottom: 1px solid ${({ theme }: StyledListItemProps) => theme.headline};\n    }\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;;;AAQO,MAAMA,cAAc,GAAGC,yBAAA,CAAOC,GAAV,uNACrB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OACEA,MAAM,QACNC,qBADM,oIAEuB;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAAoCA,KAAK,CAAC,SAAD,CAAzC;EAAA,CAFvB,CADR;AAAA,CADqB,EASrB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OACEA,WAAW,QACXF,qBADW,0OAIG;IAAA,IAAC;MAAEC;IAAF,CAAD;IAAA,OAAoCA,KAAK,CAAC,SAAD,CAAzC;EAAA,CAJH,CADb;AAAA,CATqB,EAqBQ;EAAA,IAAC;IAAEA;EAAF,CAAD;EAAA,OAAoCA,KAAK,CAACE,QAA1C;AAAA,CArBR,CAApB"}
+{"version":3,"file":"ListItem.styles.js","names":["StyledListItem","styled","div","isOpen","css","theme","isClickable","headline"],"sources":["../../../../src/components/list/list-item/ListItem.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemProps = WithTheme<{\n    isClickable: boolean;\n    isOpen: boolean;\n}>;\n\nexport const StyledListItem = styled.div<StyledListItemProps>`\n    ${({ isOpen }) =>\n        isOpen &&\n        css`\n            background-color: rgba(${({ theme }: StyledListItemProps) => theme['100-rgb']}, 0.85);\n        `}\n\n    transition: background-color 0.3s ease;\n\n    ${({ isClickable }) =>\n        isClickable &&\n        css`\n            :hover {\n                background-color: rgba(\n                    ${({ theme }: StyledListItemProps) => theme['100-rgb']},\n                    0.85\n                );\n            }\n        `}\n\n    :not(:last-child) {\n        border-bottom: 1px solid ${({ theme }: StyledListItemProps) => theme.headline};\n    }\n`;\n"],"mappings":";;;;;;AAAA;AAAgD;AAAA;AAQzC,MAAMA,cAAc,GAAGC,yBAAM,CAACC,GAAyB;AAC9D,MAAM;EAAA,IAAC;IAAEC;EAAO,CAAC;EAAA,OACTA,MAAM,IACN,IAAAC,qBAAG,CAAC;AACZ,qCAAqC;IAAA,IAAC;MAAEC;IAA2B,CAAC;IAAA,OAAKA,KAAK,CAAC,SAAS,CAAC;EAAA,CAAC;AAC1F,SAAS;AAAA,CAAC;AACV;AACA;AACA;AACA,MAAM;EAAA,IAAC;IAAEC;EAAY,CAAC;EAAA,OACdA,WAAW,IACX,IAAAF,qBAAG,CAAC;AACZ;AACA;AACA,sBAAsB;IAAA,IAAC;MAAEC;IAA2B,CAAC;IAAA,OAAKA,KAAK,CAAC,SAAS,CAAC;EAAA,CAAC;AAC3E;AACA;AACA;AACA,SAAS;AAAA,CAAC;AACV;AACA;AACA,mCAAmC;EAAA,IAAC;IAAEA;EAA2B,CAAC;EAAA,OAAKA,KAAK,CAACE,QAAQ;AAAA,CAAC;AACtF;AACA,CAAC;AAAC"}

package/lib/components/list/list-item/list-item-body/ListItemBody.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ListItemBody = require("./ListItemBody.styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ListItemBody = _ref => {
   let {
     children
@@ -34,7 +30,6 @@ const ListItemBody = _ref => {
     }
   }, children);
 };
-
 ListItemBody.displayName = 'ListItemBody';
 var _default = ListItemBody;
 exports.default = _default;

package/lib/components/list/list-item/list-item-body/ListItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemBody.js","names":["ListItemBody","children","height","opacity","type","displayName"],"sources":["../../../../../src/components/list/list-item/list-item-body/ListItemBody.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledMotionListItemBody } from './ListItemBody.styles';\n\nconst ListItemBody: FC = ({ children }) => (\n    <StyledMotionListItemBody\n        animate={{ height: 'auto', opacity: 1 }}\n        className=\"beta-chayns-list-item-body\"\n        exit={{ height: 0, opacity: 0 }}\n        initial={{ height: 0, opacity: 0 }}\n        transition={{ type: 'tween' }}\n    >\n        {children}\n    </StyledMotionListItemBody>\n);\n\nListItemBody.displayName = 'ListItemBody';\n\nexport default ListItemBody;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,YAAgB,GAAG;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,oBACrB,6BAAC,sCAAD;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,CAJb;IAKI,UAAU,EAAE;MAAEC,IAAI,EAAE;IAAR;EALhB,GAOKH,QAPL,CADqB;AAAA,CAAzB;;AAYAD,YAAY,CAACK,WAAb,GAA2B,cAA3B;eAEeL,Y"}
+{"version":3,"file":"ListItemBody.js","names":["ListItemBody","children","height","opacity","type","displayName"],"sources":["../../../../../src/components/list/list-item/list-item-body/ListItemBody.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledMotionListItemBody } from './ListItemBody.styles';\n\nconst ListItemBody: FC = ({ children }) => (\n    <StyledMotionListItemBody\n        animate={{ height: 'auto', opacity: 1 }}\n        className=\"beta-chayns-list-item-body\"\n        exit={{ height: 0, opacity: 0 }}\n        initial={{ height: 0, opacity: 0 }}\n        transition={{ type: 'tween' }}\n    >\n        {children}\n    </StyledMotionListItemBody>\n);\n\nListItemBody.displayName = 'ListItemBody';\n\nexport default ListItemBody;\n"],"mappings":";;;;;;AAAA;AACA;AAAiE;AAEjE,MAAMA,YAAgB,GAAG;EAAA,IAAC;IAAEC;EAAS,CAAC;EAAA,oBAClC,6BAAC,sCAAwB;IACrB,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,CAAE;IACnC,UAAU,EAAE;MAAEC,IAAI,EAAE;IAAQ;EAAE,GAE7BH,QAAQ,CACc;AAAA,CAC9B;AAEDD,YAAY,CAACK,WAAW,GAAG,cAAc;AAAC,eAE3BL,YAAY;AAAA"}

package/lib/components/list/list-item/list-item-body/ListItemBody.styles.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledMotionListItemBody = void 0;
-
 var _framerMotion = require("framer-motion");
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const StyledMotionListItemBody = (0, _styledComponents.default)(_framerMotion.motion.div)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow: hidden;\n"])));
+const StyledMotionListItemBody = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    overflow: hidden;
+`;
 exports.StyledMotionListItemBody = StyledMotionListItemBody;
 //# sourceMappingURL=ListItemBody.styles.js.map

package/lib/components/list/list-item/list-item-body/ListItemBody.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemBody.styles.js","names":["StyledMotionListItemBody","styled","motion","div"],"sources":["../../../../../src/components/list/list-item/list-item-body/ListItemBody.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nexport const StyledMotionListItemBody = styled(motion.div)`\n    overflow: hidden;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,MAAMA,wBAAwB,GAAG,IAAAC,yBAAA,EAAOC,oBAAA,CAAOC,GAAd,CAAH,8FAA9B"}
+{"version":3,"file":"ListItemBody.styles.js","names":["StyledMotionListItemBody","styled","motion","div"],"sources":["../../../../../src/components/list/list-item/list-item-body/ListItemBody.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nexport const StyledMotionListItemBody = styled(motion.div)`\n    overflow: hidden;\n`;\n"],"mappings":";;;;;;AAAA;AACA;AAAuC;AAEhC,MAAMA,wBAAwB,GAAG,IAAAC,yBAAM,EAACC,oBAAM,CAACC,GAAG,CAAE;AAC3D;AACA,CAAC;AAAC"}

package/lib/components/list/list-item/list-item-content/ListItemContent.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ListItemContent = require("./ListItemContent.styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ListItemContent = _ref => {
   let {
     children
@@ -19,7 +15,6 @@ const ListItemContent = _ref => {
     className: "beta-chayns-list-item-content"
   }, children);
 };
-
 ListItemContent.displayName = 'ListItemContent';
 var _default = ListItemContent;
 exports.default = _default;

package/lib/components/list/list-item/list-item-content/ListItemContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemContent.js","names":["ListItemContent","children","displayName"],"sources":["../../../../../src/components/list/list-item/list-item-content/ListItemContent.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledListItemContent } from './ListItemContent.styles';\n\nconst ListItemContent: FC = ({ children }) => (\n    <StyledListItemContent className=\"beta-chayns-list-item-content\">\n        {children}\n    </StyledListItemContent>\n);\n\nListItemContent.displayName = 'ListItemContent';\n\nexport default ListItemContent;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,eAAmB,GAAG;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,oBACxB,6BAAC,sCAAD;IAAuB,SAAS,EAAC;EAAjC,GACKA,QADL,CADwB;AAAA,CAA5B;;AAMAD,eAAe,CAACE,WAAhB,GAA8B,iBAA9B;eAEeF,e"}
+{"version":3,"file":"ListItemContent.js","names":["ListItemContent","children","displayName"],"sources":["../../../../../src/components/list/list-item/list-item-content/ListItemContent.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledListItemContent } from './ListItemContent.styles';\n\nconst ListItemContent: FC = ({ children }) => (\n    <StyledListItemContent className=\"beta-chayns-list-item-content\">\n        {children}\n    </StyledListItemContent>\n);\n\nListItemContent.displayName = 'ListItemContent';\n\nexport default ListItemContent;\n"],"mappings":";;;;;;AAAA;AACA;AAAiE;AAEjE,MAAMA,eAAmB,GAAG;EAAA,IAAC;IAAEC;EAAS,CAAC;EAAA,oBACrC,6BAAC,sCAAqB;IAAC,SAAS,EAAC;EAA+B,GAC3DA,QAAQ,CACW;AAAA,CAC3B;AAEDD,eAAe,CAACE,WAAW,GAAG,iBAAiB;AAAC,eAEjCF,eAAe;AAAA"}

package/lib/components/list/list-item/list-item-content/ListItemContent.styles.js

@@ -4,21 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledListItemContent = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const StyledListItemContent = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    color: ", ";\n    padding: 9px 18px 8px 35px;\n"])), _ref => {
+const StyledListItemContent = _styledComponents.default.div`
+    color: ${_ref => {
   let {
     theme
   } = _ref;
   return theme.text;
-});
-
+}};
+    padding: 9px 18px 8px 35px;
+`;
 exports.StyledListItemContent = StyledListItemContent;
 //# sourceMappingURL=ListItemContent.styles.js.map

package/lib/components/list/list-item/list-item-content/ListItemContent.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemContent.styles.js","names":["StyledListItemContent","styled","div","theme","text"],"sources":["../../../../../src/components/list/list-item/list-item-content/ListItemContent.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemContentProps = WithTheme<unknown>;\n\nexport const StyledListItemContent = styled.div`\n    color: ${({ theme }: StyledListItemContentProps) => theme.text};\n    padding: 9px 18px 8px 35px;\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAKO,MAAMA,qBAAqB,GAAGC,yBAAA,CAAOC,GAAV,2HACrB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAA2CA,KAAK,CAACC,IAAjD;AAAA,CADqB,CAA3B"}
+{"version":3,"file":"ListItemContent.styles.js","names":["StyledListItemContent","styled","div","theme","text"],"sources":["../../../../../src/components/list/list-item/list-item-content/ListItemContent.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledListItemContentProps = WithTheme<unknown>;\n\nexport const StyledListItemContent = styled.div`\n    color: ${({ theme }: StyledListItemContentProps) => theme.text};\n    padding: 9px 18px 8px 35px;\n`;\n"],"mappings":";;;;;;AAAA;AAAuC;AAKhC,MAAMA,qBAAqB,GAAGC,yBAAM,CAACC,GAAI;AAChD,aAAa;EAAA,IAAC;IAAEC;EAAkC,CAAC;EAAA,OAAKA,KAAK,CAACC,IAAI;AAAA,CAAC;AACnE;AACA,CAAC;AAAC"}

package/lib/components/list/list-item/list-item-head/ListItemHead.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Icon = _interopRequireDefault(require("../../../icon/Icon"));
-
 var _ListItemIcon = _interopRequireDefault(require("./list-item-icon/ListItemIcon"));
-
 var _ListItemImage = _interopRequireDefault(require("./list-item-image/ListItemImage"));
-
 var _ListItemHead = require("./ListItemHead.styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const ListItemHead = _ref => {
   let {
     hoverItem,
@@ -57,14 +48,12 @@ const ListItemHead = _ref => {
         icons: icons
       });
     }
-
     if (images) {
       return /*#__PURE__*/_react.default.createElement(_ListItemImage.default, {
         images: images,
         shouldShowRoundImage: !!shouldShowRoundImage
       });
     }
-
     return undefined;
   }, [icons, images, shouldShowRoundImage]);
   return /*#__PURE__*/_react.default.createElement(_ListItemHead.StyledListItemHead, {
@@ -105,7 +94,6 @@ const ListItemHead = _ref => {
     }
   }, hoverItem));
 };
-
 ListItemHead.displayName = 'ListItemHead';
 var _default = ListItemHead;
 exports.default = _default;