npm - @chayns-components/core - Versions diffs - 5.0.0-beta.211 → 5.0.0-beta.215 - Mend

@chayns-components/core 5.0.0-beta.211 → 5.0.0-beta.215

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 (17) hide show

package/lib/components/button/Button.js CHANGED Viewed

@@ -64,7 +64,7 @@ const Button = _ref => {
     }
   }, /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.default, {
     color: "white",
-    shouldShowBackground: false,
+    shouldHideBackground: true,
     size: _SmallWaitCursor.SmallWaitCursorSize.Small
   })) : /*#__PURE__*/_react.default.createElement(_Button.StyledMotionChildrenWrapper, {
     animate: {

package/lib/components/button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","names":["_clsx","_interopRequireDefault","require","_framerMotion","_react","_Icon","_SmallWaitCursor","_interopRequireWildcard","_Button","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Button","_ref","children","className","icon","isDisabled","isSecondary","onClick","shouldShowWaitCursor","shouldStopPropagation","handleClick","event","stopPropagation","buttonClasses","clsx","createElement","StyledButton","disabled","hasIcon","AnimatePresence","initial","StyledIconWrapper","color","icons","StyledMotionWaitCursorWrapper","animate","opacity","width","exit","style","overflow","transition","duration","~~shouldShowBackground~~","size","SmallWaitCursorSize","Small","StyledMotionChildrenWrapper","displayName","_default","exports"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { AnimatePresence } from 'framer-motion';\nimport React, { FC, MouseEventHandler, ReactNode } from 'react';\nimport Icon from '../icon/Icon';\nimport SmallWaitCursor, { SmallWaitCursorSize } from '../small-wait-cursor/SmallWaitCursor';\nimport {\n StyledButton,\n StyledIconWrapper,\n StyledMotionChildrenWrapper,\n StyledMotionWaitCursorWrapper,\n} from './Button.styles';\n\nexport type ButtonProps = {\n /*\n The label of the button\n /\n children: ReactNode;\n /\n Additional class names for the button element\n /\n className?: string;\n /\n An icon that is displayed on the left-hand side of the button text\n /\n icon?: string;\n /\n Disables the button so that it cannot be clicked anymore\n /\n isDisabled?: boolean;\n /\n Displays the button in the secondary style\n /\n isSecondary?: boolean;\n /\n Function to be executed when the button is clicked\n /\n onClick: MouseEventHandler<HTMLButtonElement>;\n /\n Shows a wait cursor instead of button text\n /\n shouldShowWaitCursor?: boolean;\n /\n Stops event propagation on click\n */\n shouldStopPropagation?: boolean;\n};\n\nconst Button: FC<ButtonProps> = ({\n children,\n className,\n icon,\n isDisabled,\n isSecondary,\n onClick,\n shouldShowWaitCursor,\n shouldStopPropagation,\n}) => {\n const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n if (shouldStopPropagation) {\n event.stopPropagation();\n }\n\n onClick(event);\n };\n\n const buttonClasses = clsx('beta-chayns-button ellipsis', className);\n\n return (\n <StyledButton\n className={buttonClasses}\n disabled={isDisabled}\n hasIcon={typeof icon === 'string' && icon !== ''}\n isSecondary={isSecondary}\n onClick={handleClick}\n >\n <AnimatePresence initial={false}>\n {icon && (\n <StyledIconWrapper>\n <Icon color=\"white\" icons={[icon]} />\n </StyledIconWrapper>\n )}\n {shouldShowWaitCursor ? (\n <StyledMotionWaitCursorWrapper\n animate={{ opacity: 1, width: 40 }}\n exit={{ opacity: 0, width: 0 }}\n initial={{ opacity: 0, width: 0 }}\n key=\"wait-cursor\"\n style={{ overflow: 'hidden' }}\n transition={{ duration: 0.2 }}\n >\n <SmallWaitCursor\n color=\"white\"\n ~~shouldShowBackground={false}~~\n size={SmallWaitCursorSize.Small}\n />\n </StyledMotionWaitCursorWrapper>\n ) : (\n <StyledMotionChildrenWrapper\n animate={{ opacity: 1, width: 'auto' }}\n exit={{ opacity: 0, width: 0 }}\n initial={{ opacity: 0, width: 0 }}\n key=\"children\"\n style={{ overflow: 'hidden' }}\n transition={{ duration: 0.2 }}\n >\n {children}\n </StyledMotionChildrenWrapper>\n )}\n </AnimatePresence>\n </StyledButton>\n );\n};\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"mappings":"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~~,EAAE,KAAM~~;~~IAC5BC~~,IAAI,EAAEC,oCAAmB,CAACC;EAAM,CACnC,CAC0B,CAAC,gBAEhC/D,MAAA,CAAAY,OAAA,CAAA8B,aAAA,CAACtC,OAAA,CAAA4D,2BAA2B;IACxBZ,OAAO,EAAE;MAAEC,OAAO,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAO,CAAE;IACvCC,IAAI,EAAE;MAAEF,OAAO,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAE;IAC/BP,OAAO,EAAE;MAAEM,OAAO,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAE;IAClCjC,GAAG,EAAC,UAAU;IACdmC,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAS,CAAE;IAC9BC,UAAU,EAAE;MAAEC,QAAQ,EAAE;IAAI;EAAE,GAE7B9B,QACwB,CAEpB,CACP,CAAC;AAEvB,CAAC;AAEDF,MAAM,CAACsC,WAAW,GAAG,QAAQ;AAAC,IAAAC,QAAA,GAEfvC,MAAM;AAAAwC,OAAA,CAAAvD,OAAA,GAAAsD,QAAA"}
1	+ {"version":3,"file":"Button.js","names":["_clsx","_interopRequireDefault","require","_framerMotion","_react","_Icon","_SmallWaitCursor","_interopRequireWildcard","_Button","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Button","_ref","children","className","icon","isDisabled","isSecondary","onClick","shouldShowWaitCursor","shouldStopPropagation","handleClick","event","stopPropagation","buttonClasses","clsx","createElement","StyledButton","disabled","hasIcon","AnimatePresence","initial","StyledIconWrapper","color","icons","StyledMotionWaitCursorWrapper","animate","opacity","width","exit","style","overflow","transition","duration","shouldHideBackground","size","SmallWaitCursorSize","Small","StyledMotionChildrenWrapper","displayName","_default","exports"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { AnimatePresence } from 'framer-motion';\nimport React, { FC, MouseEventHandler, ReactNode } from 'react';\nimport Icon from '../icon/Icon';\nimport SmallWaitCursor, { SmallWaitCursorSize } from '../small-wait-cursor/SmallWaitCursor';\nimport {\n StyledButton,\n StyledIconWrapper,\n StyledMotionChildrenWrapper,\n StyledMotionWaitCursorWrapper,\n} from './Button.styles';\n\nexport type ButtonProps = {\n /*\n The label of the button\n /\n children: ReactNode;\n /\n Additional class names for the button element\n /\n className?: string;\n /\n An icon that is displayed on the left-hand side of the button text\n /\n icon?: string;\n /\n Disables the button so that it cannot be clicked anymore\n /\n isDisabled?: boolean;\n /\n Displays the button in the secondary style\n /\n isSecondary?: boolean;\n /\n Function to be executed when the button is clicked\n /\n onClick: MouseEventHandler<HTMLButtonElement>;\n /\n Shows a wait cursor instead of button text\n /\n shouldShowWaitCursor?: boolean;\n /\n Stops event propagation on click\n */\n shouldStopPropagation?: boolean;\n};\n\nconst Button: FC<ButtonProps> = ({\n children,\n className,\n icon,\n isDisabled,\n isSecondary,\n onClick,\n shouldShowWaitCursor,\n shouldStopPropagation,\n}) => {\n const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n if (shouldStopPropagation) {\n event.stopPropagation();\n }\n\n onClick(event);\n };\n\n const buttonClasses = clsx('beta-chayns-button ellipsis', className);\n\n return (\n <StyledButton\n className={buttonClasses}\n disabled={isDisabled}\n hasIcon={typeof icon === 'string' && icon !== ''}\n isSecondary={isSecondary}\n onClick={handleClick}\n >\n <AnimatePresence initial={false}>\n {icon && (\n <StyledIconWrapper>\n <Icon color=\"white\" icons={[icon]} />\n </StyledIconWrapper>\n )}\n {shouldShowWaitCursor ? (\n <StyledMotionWaitCursorWrapper\n animate={{ opacity: 1, width: 40 }}\n exit={{ opacity: 0, width: 0 }}\n initial={{ opacity: 0, width: 0 }}\n key=\"wait-cursor\"\n style={{ overflow: 'hidden' }}\n transition={{ duration: 0.2 }}\n >\n <SmallWaitCursor\n color=\"white\"\n shouldHideBackground\n size={SmallWaitCursorSize.Small}\n />\n </StyledMotionWaitCursorWrapper>\n ) : (\n <StyledMotionChildrenWrapper\n animate={{ opacity: 1, width: 'auto' }}\n exit={{ opacity: 0, width: 0 }}\n initial={{ opacity: 0, width: 0 }}\n key=\"children\"\n style={{ overflow: 'hidden' }}\n transition={{ duration: 0.2 }}\n >\n {children}\n </StyledMotionChildrenWrapper>\n )}\n </AnimatePresence>\n </StyledButton>\n );\n};\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"mappings":"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"}

package/lib/components/radio-button/RadioButton.d.ts CHANGED Viewed

@@ -5,6 +5,10 @@ export type RadioButtonProps = {
      * Whether the radio button should be checked.
      */
     isChecked?: boolean;
+    /**
+     * whether the RadioButton should be shown.
+     */
+    isDisabled?: boolean;
     /**
      * The id of the radio button.
      */

package/lib/components/radio-button/RadioButton.js CHANGED Viewed

@@ -14,7 +14,8 @@ const RadioButton = _ref => {
     isChecked,
     label,
     onChange,
-    id
+    id,
+    isDisabled = false
   } = _ref;
   const {
     selectedRadioButtonId,
@@ -41,18 +42,24 @@ const RadioButton = _ref => {
     }
   }, [id, isMarked, onChange]);
   const handleClick = (0, _react.useCallback)(() => {
+    if (isDisabled) {
+      return;
+    }
     if (typeof updateSelectedRadioButtonId === 'function') {
       updateSelectedRadioButtonId(id);
     }
     setInternalIsChecked(prevState => !prevState);
-  }, [id, updateSelectedRadioButtonId]);
-  const handleMouseEnter = () => {
-    setIsHovered(true);
-  };
+  }, [id, isDisabled, updateSelectedRadioButtonId]);
+  const handleMouseEnter = (0, _react.useCallback)(() => {
+    if (!isDisabled) {
+      setIsHovered(true);
+    }
+  }, [isDisabled]);
   const handleMouseLeave = () => {
     setIsHovered(false);
   };
   return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_RadioButton.StyledRadioButton, {
+    isDisabled: isDisabled,
     onClick: handleClick,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
@@ -62,10 +69,11 @@ const RadioButton = _ref => {
     isHovered: isHovered,
     isSelected: isMarked
   })), /*#__PURE__*/_react.default.createElement(_RadioButton.StyledRadioButtonCheckBox, {
+    disabled: isDisabled,
     type: "radio",
     checked: isMarked,
     onChange: () => {}
-  }), label && /*#__PURE__*/_react.default.createElement(_RadioButton.StyledRadioButtonLabel, null, label)), [handleClick, isHovered, isMarked, label]);
+  }), label && /*#__PURE__*/_react.default.createElement(_RadioButton.StyledRadioButtonLabel, null, label)), [handleClick, handleMouseEnter, isDisabled, isHovered, isMarked, label]);
 };
 RadioButton.displayName = 'RadioButton';
 var _default = RadioButton;

package/lib/components/radio-button/RadioButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButton.js","names":["_react","_interopRequireWildcard","require","_RadioButtonGroup","_RadioButton","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","RadioButton","_ref","isChecked","label","onChange","id","selectedRadioButtonId","updateSelectedRadioButtonId","useContext","RadioButtonGroupContext","internalIsChecked","setInternalIsChecked","useState","isHovered","setIsHovered","isInGroup","isMarked","isInitialRenderRef","useRef","useEffect","current","handleClick","useCallback","prevState","handleMouseEnter","handleMouseLeave","useMemo","createElement","StyledRadioButton","onClick","onMouseEnter","onMouseLeave","StyledRadioButtonPseudoCheckBox","StyledRadioButtonCheckBoxMark","isSelected","StyledRadioButtonCheckBox","type","checked","StyledRadioButtonLabel","displayName","_default","exports"],"sources":["../../../src/components/radio-button/RadioButton.tsx"],"sourcesContent":["import React, { FC, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { RadioButtonGroupContext } from './radio-button-group/RadioButtonGroup';\nimport {\n StyledRadioButton,\n StyledRadioButtonCheckBox,\n StyledRadioButtonCheckBoxMark,\n StyledRadioButtonLabel,\n StyledRadioButtonPseudoCheckBox,\n} from './RadioButton.styles';\nimport type { RadioButtonItem } from './types';\n\nexport type RadioButtonProps = {\n /*\n Whether the radio button should be checked.\n /\n isChecked?: boolean;\n /\n The id of the radio button.\n /\n id: string;\n /\n The label that should be displayed next to the radio button.\n /\n label?: string;\n /\n Function to be executed when a button is checked.\n */\n onChange?: (item: RadioButtonItem) => void;\n};\n\nconst RadioButton: FC<RadioButtonProps> = ({ isChecked, label, onChange, id }) => {\n const { selectedRadioButtonId, updateSelectedRadioButtonId } =\n useContext(RadioButtonGroupContext);\n\n const [internalIsChecked, setInternalIsChecked] = useState(false);\n const [isHovered, setIsHovered] = useState(false);\n\n const isInGroup = typeof updateSelectedRadioButtonId === 'function';\n\n const isMarked = isInGroup ? selectedRadioButtonId === id : internalIsChecked;\n\n const isInitialRenderRef = useRef(true);\n\n useEffect(() => {\n if (isChecked) {\n setInternalIsChecked(isChecked);\n }\n }, [isChecked]);\n\n useEffect(() => {\n if (isInitialRenderRef.current) {\n isInitialRenderRef.current = false;\n } else if (typeof onChange === 'function') {\n onChange({ isChecked: isMarked, id });\n }\n }, [id, isMarked, onChange]);\n\n const handleClick = useCallback(() => {\n if (typeof updateSelectedRadioButtonId === 'function') {\n updateSelectedRadioButtonId(id);\n }\n\n setInternalIsChecked((prevState) => !prevState);\n }, [id, updateSelectedRadioButtonId]);\n\n const handleMouseEnter = () => {\n setIsHovered(true);\n };\n\n const handleMouseLeave = () => {\n setIsHovered(false);\n };\n\n return useMemo(\n () => (\n <StyledRadioButton\n onClick={handleClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <StyledRadioButtonPseudoCheckBox isChecked={isMarked}>\n <StyledRadioButtonCheckBoxMark isHovered={isHovered} isSelected={isMarked} />\n </StyledRadioButtonPseudoCheckBox>\n <StyledRadioButtonCheckBox type=\"radio\" checked={isMarked} onChange={() => {}} />\n {label && <StyledRadioButtonLabel>{label}</StyledRadioButtonLabel>}\n </StyledRadioButton>\n ),\n [handleClick, isHovered, isMarked, label]\n );\n};\n\nRadioButton.displayName = 'RadioButton';\n\nexport default RadioButton;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAM8B,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;~~AAsB9B~~,MAAMW,WAAiC,GAAGC,IAAA,~~IAAwC~~;EAAA,~~IAAvC~~;~~IAAEC~~,SAAS;~~IAAEC~~,KAAK;~~IAAEC~~,QAAQ;~~IAAEC~~;~~EAAG~~,CAAC,~~GAAAJ~~,IAAA;~~EACzE~~,MAAM;~~IAAEK~~,qBAAqB;IAAEC;EAA4B,CAAC,GACxD,IAAAC,iBAAU,EAACC,yCAAuB,CAAC;EAEvC,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAEjD,MAAMG,SAAS,GAAG,OAAOR,2BAA2B,KAAK,UAAU;EAEnE,MAAMS,QAAQ,GAAGD,SAAS,GAAGT,qBAAqB,~~KAAKD~~,EAAE,~~GAAGK~~,iBAAiB;EAE7E,MAAMO,kBAAkB,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAEvC,IAAAC,gBAAS,EAAC,MAAM;IACZ,~~IAAIjB~~,SAAS,EAAE;~~MACXS~~,oBAAoB,~~CAACT~~,SAAS,CAAC;IACnC;EACJ,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,~~IAAAiB~~,gBAAS,EAAC,MAAM;IACZ,IAAIF,kBAAkB,CAACG,OAAO,EAAE;MAC5BH,kBAAkB,CAACG,OAAO,GAAG,KAAK;IACtC,CAAC,MAAM,IAAI,~~OAAOhB~~,QAAQ,KAAK,UAAU,EAAE;MACvCA,QAAQ,CAAC;QAAEF,SAAS,~~EAAEc~~,QAAQ;~~QAAEX~~;MAAG,CAAC,CAAC;IACzC;EACJ,CAAC,EAAE,CAACA,EAAE,~~EAAEW~~,QAAQ,~~EAAEZ~~,QAAQ,CAAC,CAAC;EAE5B,~~MAAMiB~~,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAClC,IAAI,~~OAAOf~~,2BAA2B,KAAK,UAAU,EAAE;MACnDA,2BAA2B,~~CAACF~~,EAAE,CAAC;IACnC;~~IAEAM~~,oBAAoB,CAAEY,SAAS,IAAK,CAACA,SAAS,CAAC;EACnD,CAAC,EAAE,~~CAAClB~~,EAAE,EAAEE,2BAA2B,CAAC,CAAC;~~EAErC~~,MAAMiB,gBAAgB,~~GAAGA~~,~~CAAA~~,~~KAAM~~;~~IAC3BV~~,YAAY,CAAC,IAAI,CAAC;~~EACtB~~,CAAC;~~EAED~~,~~MAAMW~~,gBAAgB,GAAGA,CAAA,KAAM;IAC3BX,YAAY,CAAC,KAAK,CAAC;EACvB,CAAC;EAED,OAAO,IAAAY,cAAO,EACV,~~mBACIrD~~,MAAA,CAAAY,OAAA,~~CAAA0C~~,aAAA,~~CAAClD~~,YAAA,~~CAAAmD~~,iBAAiB;~~IACdC~~,OAAO,EAAER,WAAY;IACrBS,YAAY,EAAEN,gBAAiB;IAC/BO,YAAY,EAAEN;EAAiB,gBAE/~~BpD~~,MAAA,CAAAY,OAAA,~~CAAA0C~~,aAAA,~~CAAClD~~,YAAA,~~CAAAuD~~,+BAA+B;~~IAAC9B~~,SAAS,~~EAAEc~~;EAAS,~~gBACjD3C~~,MAAA,CAAAY,OAAA,~~CAAA0C~~,aAAA,~~CAAClD~~,YAAA,~~CAAAwD~~,6BAA6B;IAACpB,SAAS,EAAEA,SAAU;IAACqB,UAAU,EAAElB;EAAS,CAAE,CAC/C,CAAC,~~eAClC3C~~,MAAA,CAAAY,OAAA,~~CAAA0C~~,aAAA,~~CAAClD~~,YAAA,~~CAAA0D~~,yBAAyB;~~IAACC~~,IAAI,EAAC,OAAO;~~IAACC~~,OAAO,~~EAAErB~~,QAAS;~~IAACZ~~,QAAQ,EAAEA,CAAA,KAAM,CAAC;EAAE,~~CAAE~~,CAAC,~~EAChFD~~,KAAK,iBAAI9B,MAAA,CAAAY,OAAA,~~CAAA0C~~,aAAA,~~CAAClD~~,YAAA,~~CAAA6D~~,sBAAsB,~~QAAEnC~~,KAA8B,CAClD,CACtB,EACD,~~CAACkB~~,WAAW,~~EAAER~~,SAAS,EAAEG,QAAQ,~~EAAEb~~,KAAK,~~CAC5C~~,CAAC;AACL,CAAC;AAEDH,WAAW,~~CAACuC~~,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,~~GAEzBxC~~,WAAW;~~AAAAyC~~,OAAA,~~CAAAxD~~,OAAA,~~GAAAuD~~,QAAA"}
1	+ {"version":3,"file":"RadioButton.js","names":["_react","_interopRequireWildcard","require","_RadioButtonGroup","_RadioButton","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","RadioButton","_ref","isChecked","label","onChange","id","isDisabled","selectedRadioButtonId","updateSelectedRadioButtonId","useContext","RadioButtonGroupContext","internalIsChecked","setInternalIsChecked","useState","isHovered","setIsHovered","isInGroup","isMarked","isInitialRenderRef","useRef","useEffect","current","handleClick","useCallback","prevState","handleMouseEnter","handleMouseLeave","useMemo","createElement","StyledRadioButton","onClick","onMouseEnter","onMouseLeave","StyledRadioButtonPseudoCheckBox","StyledRadioButtonCheckBoxMark","isSelected","StyledRadioButtonCheckBox","disabled","type","checked","StyledRadioButtonLabel","displayName","_default","exports"],"sources":["../../../src/components/radio-button/RadioButton.tsx"],"sourcesContent":["import React, { FC, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { RadioButtonGroupContext } from './radio-button-group/RadioButtonGroup';\nimport {\n StyledRadioButton,\n StyledRadioButtonCheckBox,\n StyledRadioButtonCheckBoxMark,\n StyledRadioButtonLabel,\n StyledRadioButtonPseudoCheckBox,\n} from './RadioButton.styles';\nimport type { RadioButtonItem } from './types';\n\nexport type RadioButtonProps = {\n /*\n Whether the radio button should be checked.\n /\n isChecked?: boolean;\n /\n whether the RadioButton should be shown.\n /\n isDisabled?: boolean;\n /\n The id of the radio button.\n /\n id: string;\n /\n The label that should be displayed next to the radio button.\n /\n label?: string;\n /\n Function to be executed when a button is checked.\n */\n onChange?: (item: RadioButtonItem) => void;\n};\n\nconst RadioButton: FC<RadioButtonProps> = ({\n isChecked,\n label,\n onChange,\n id,\n isDisabled = false,\n}) => {\n const { selectedRadioButtonId, updateSelectedRadioButtonId } =\n useContext(RadioButtonGroupContext);\n\n const [internalIsChecked, setInternalIsChecked] = useState(false);\n const [isHovered, setIsHovered] = useState(false);\n\n const isInGroup = typeof updateSelectedRadioButtonId === 'function';\n\n const isMarked = isInGroup ? selectedRadioButtonId === id : internalIsChecked;\n\n const isInitialRenderRef = useRef(true);\n\n useEffect(() => {\n if (isChecked) {\n setInternalIsChecked(isChecked);\n }\n }, [isChecked]);\n\n useEffect(() => {\n if (isInitialRenderRef.current) {\n isInitialRenderRef.current = false;\n } else if (typeof onChange === 'function') {\n onChange({ isChecked: isMarked, id });\n }\n }, [id, isMarked, onChange]);\n\n const handleClick = useCallback(() => {\n if (isDisabled) {\n return;\n }\n\n if (typeof updateSelectedRadioButtonId === 'function') {\n updateSelectedRadioButtonId(id);\n }\n\n setInternalIsChecked((prevState) => !prevState);\n }, [id, isDisabled, updateSelectedRadioButtonId]);\n\n const handleMouseEnter = useCallback(() => {\n if (!isDisabled) {\n setIsHovered(true);\n }\n }, [isDisabled]);\n\n const handleMouseLeave = () => {\n setIsHovered(false);\n };\n\n return useMemo(\n () => (\n <StyledRadioButton\n isDisabled={isDisabled}\n onClick={handleClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <StyledRadioButtonPseudoCheckBox isChecked={isMarked}>\n <StyledRadioButtonCheckBoxMark isHovered={isHovered} isSelected={isMarked} />\n </StyledRadioButtonPseudoCheckBox>\n <StyledRadioButtonCheckBox\n disabled={isDisabled}\n type=\"radio\"\n checked={isMarked}\n onChange={() => {}}\n />\n {label && <StyledRadioButtonLabel>{label}</StyledRadioButtonLabel>}\n </StyledRadioButton>\n ),\n [handleClick, handleMouseEnter, isDisabled, isHovered, isMarked, label]\n );\n};\n\nRadioButton.displayName = 'RadioButton';\n\nexport default RadioButton;\n"],"mappings":"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"}

package/lib/components/radio-button/RadioButton.styles.d.ts CHANGED Viewed

@@ -1,4 +1,8 @@
-export declare const StyledRadioButton: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledRadioButton: import("styled-components").StyledComponent<"span", any, {
+    isDisabled: boolean;
+} & {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}, never>;
 export declare const StyledRadioButtonCheckBox: import("styled-components").StyledComponent<"input", any, {
     theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never>;

package/lib/components/radio-button/RadioButton.styles.js CHANGED Viewed

@@ -10,11 +10,22 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const StyledRadioButton = _styledComponents.default.span`
     display: flex;
     gap: 5px;
-    cursor: pointer;
     user-select: none;
     width: fit-content;
     align-items: center;
     position: relative;
+    cursor: ${_ref => {
+  let {
+    isDisabled
+  } = _ref;
+  return isDisabled ? 'default !important' : 'pointer';
+}};
+    opacity: ${_ref2 => {
+  let {
+    isDisabled
+  } = _ref2;
+  return isDisabled ? 0.5 : 1;
+}};
 `;
 exports.StyledRadioButton = StyledRadioButton;
 const StyledRadioButtonCheckBox = _styledComponents.default.input`
@@ -22,11 +33,11 @@ const StyledRadioButtonCheckBox = _styledComponents.default.input`
 `;
 exports.StyledRadioButtonCheckBox = StyledRadioButtonCheckBox;
 const StyledRadioButtonPseudoCheckBox = _styledComponents.default.div`
-    background-color: ${_ref => {
+    background-color: ${_ref3 => {
   let {
     theme,
     isChecked
-  } = _ref;
+  } = _ref3;
   return isChecked ? theme.secondary : theme['secondary-103'];
 }};
     opacity: 0.5;
@@ -45,7 +56,7 @@ const StyledRadioButtonCheckBoxMark = _styledComponents.default.span`
     background-color: transparent;
     position: absolute;
     top: 0;
-    left: 3px;
+    left: 2.925px;
     display: inline-block;
     transform: rotate(35deg);
     height: 9px;
@@ -56,11 +67,11 @@ const StyledRadioButtonCheckBoxMark = _styledComponents.default.span`
     border-left: transparent;
     z-index: 2;
-    ${_ref2 => {
+    ${_ref4 => {
   let {
     isHovered,
     isSelected
-  } = _ref2;
+  } = _ref4;
   if (isSelected) {
     return (0, _styledComponents.css)`
                 opacity: 1;
@@ -78,10 +89,10 @@ const StyledRadioButtonCheckBoxMark = _styledComponents.default.span`
 `;
 exports.StyledRadioButtonCheckBoxMark = StyledRadioButtonCheckBoxMark;
 const StyledRadioButtonLabel = _styledComponents.default.p`
-    color: ${_ref3 => {
+    color: ${_ref5 => {
   let {
     theme
-  } = _ref3;
+  } = _ref5;
   return theme.text;
 }};
 `;

package/lib/components/radio-button/RadioButton.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButton.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","StyledRadioButton","styled","span","exports","StyledRadioButtonCheckBox","input","StyledRadioButtonPseudoCheckBox","div","~~_ref~~","theme","isChecked","secondary","StyledRadioButtonCheckBoxMark","~~_ref2~~","isHovered","isSelected","css","StyledRadioButtonLabel","p","~~_ref3~~","text"],"sources":["../../../src/components/radio-button/RadioButton.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledRadioButton = styled.span`\n display: flex;\n gap: 5px;\n ~~cursor: pointer;\n~~ user-select: none;\n width: fit-content;\n align-items: center;\n position: relative;\n`;\n\ntype StyledRadioButtonCheckBoxProps = WithTheme<unknown>;\n\nexport const StyledRadioButtonCheckBox = styled.input<StyledRadioButtonCheckBoxProps>`\n opacity: 0;\n`;\n\ntype StyledRadioButtonPseudoCheckBoxProps = WithTheme<{ isChecked: boolean }>;\n\nexport const StyledRadioButtonPseudoCheckBox = styled.div<StyledRadioButtonPseudoCheckBoxProps>`\n background-color: ${({ theme, isChecked }: StyledRadioButtonPseudoCheckBoxProps) =>\n isChecked ? theme.secondary : theme['secondary-103']};\n opacity: 0.5;\n border: 1px solid rgba(160, 160, 160, 0.3);\n width: 13px;\n height: 13px;\n position: absolute;\n border-radius: 100%;\n top: 22%;\n left: -1%;\n cursor: pointer !important;\n`;\n\ntype StyledRadioButtonCheckBoxMarkProps = WithTheme<{\n isHovered: boolean;\n isSelected: boolean;\n}>;\n\nexport const StyledRadioButtonCheckBoxMark = styled.span<StyledRadioButtonCheckBoxMarkProps>`\n cursor: pointer;\n background-color: transparent;\n position: absolute;\n top: 0;\n left: ~~3px~~;\n display: inline-block;\n transform: rotate(35deg);\n height: 9px;\n width: 5px;\n border-bottom: 2px solid white;\n border-right: 2px solid white;\n border-top: transparent;\n border-left: transparent;\n z-index: 2;\n\n ${({ isHovered, isSelected }) => {\n if (isSelected) {\n return css`\n opacity: 1;\n `;\n }\n\n if (isHovered) {\n return css`\n opacity: 0.5;\n `;\n }\n\n return css`\n opacity: 0;\n `;\n }}\n`;\n\ntype StyledRadioButtonLabelProps = WithTheme<unknown>;\n\nexport const StyledRadioButtonLabel = styled.p<StyledRadioButtonLabelProps>`\n color: ${({ theme }: StyledRadioButtonLabelProps) => theme.text};\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAH,wBAAAO,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;~~AAGzC~~,MAAMW,iBAAiB,GAAGC,yBAAM,CAACC,~~IAAK~~;~~AAC7C~~;AACA;AACA;AACA;AACA;AACA;AACA;~~AACA~~,CAAC;~~AAACC~~,OAAA,~~CAAAH~~,iBAAA,GAAAA,iBAAA;AAIK,~~MAAMI~~,yBAAyB,~~GAAGH~~,yBAAM,~~CAACI~~,KAAsC;AACtF;AACA,CAAC;AAACF,OAAA,CAAAC,yBAAA,GAAAA,yBAAA;AAIK,MAAME,+BAA+B,~~GAAGL~~,yBAAM,~~CAACM~~,GAA0C;AAChG,wBAAwBC,~~IAAA~~;EAAA,IAAC;IAAEC,KAAK;IAAEC;EAAgD,CAAC,GAAAF,~~IAAA~~;EAAA,OAC3EE,SAAS,GAAGD,KAAK,CAACE,SAAS,GAAGF,KAAK,CAAC,eAAe,CAAC;AAAA,CAAC;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACN,OAAA,CAAAG,+BAAA,GAAAA,+BAAA;AAOK,MAAMM,6BAA6B,~~GAAGX~~,yBAAM,CAACC,IAAyC;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,~~MAAMW~~,KAAA,IAA+B;EAAA,IAA9B;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAAF,KAAA;EACxB,IAAIE,UAAU,EAAE;IACZ,OAAO,IAAAC,qBAAG,CAAC;AACvB;AACA,aAAa;EACL;EAEA,IAAIF,SAAS,EAAE;IACX,OAAO,IAAAE,qBAAG,CAAC;AACvB;AACA,aAAa;EACL;EAEA,OAAO,IAAAA,qBAAG,CAAC;AACnB;AACA,SAAS;AACL,CAAE;AACN,CAAC;AAACb,OAAA,CAAAS,6BAAA,GAAAA,6BAAA;AAIK,MAAMK,sBAAsB,~~GAAGhB~~,yBAAM,~~CAACiB~~,CAA+B;AAC5E,aAAaC,KAAA;EAAA,IAAC;IAAEV;EAAmC,CAAC,GAAAU,KAAA;EAAA,OAAKV,KAAK,CAACW,IAAI;AAAA,CAAC;AACpE,CAAC;AAACjB,OAAA,CAAAc,sBAAA,GAAAA,sBAAA"}
1	+ {"version":3,"file":"RadioButton.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","StyledRadioButton","styled","span","_ref","isDisabled","_ref2","exports","StyledRadioButtonCheckBox","input","StyledRadioButtonPseudoCheckBox","div","_ref3","theme","isChecked","secondary","StyledRadioButtonCheckBoxMark","_ref4","isHovered","isSelected","css","StyledRadioButtonLabel","p","_ref5","text"],"sources":["../../../src/components/radio-button/RadioButton.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledRadioButtonProps = WithTheme<{ isDisabled: boolean }>;\n\nexport const StyledRadioButton = styled.span<StyledRadioButtonProps>`\n display: flex;\n gap: 5px;\n user-select: none;\n width: fit-content;\n align-items: center;\n position: relative;\n cursor: ${({ isDisabled }: StyledRadioButtonProps) =>\n isDisabled ? 'default !important' : 'pointer'};\n opacity: ${({ isDisabled }: StyledRadioButtonProps) => (isDisabled ? 0.5 : 1)};\n`;\n\ntype StyledRadioButtonCheckBoxProps = WithTheme<unknown>;\n\nexport const StyledRadioButtonCheckBox = styled.input<StyledRadioButtonCheckBoxProps>`\n opacity: 0;\n`;\n\ntype StyledRadioButtonPseudoCheckBoxProps = WithTheme<{ isChecked: boolean }>;\n\nexport const StyledRadioButtonPseudoCheckBox = styled.div<StyledRadioButtonPseudoCheckBoxProps>`\n background-color: ${({ theme, isChecked }: StyledRadioButtonPseudoCheckBoxProps) =>\n isChecked ? theme.secondary : theme['secondary-103']};\n opacity: 0.5;\n border: 1px solid rgba(160, 160, 160, 0.3);\n width: 13px;\n height: 13px;\n position: absolute;\n border-radius: 100%;\n top: 22%;\n left: -1%;\n cursor: pointer !important;\n`;\n\ntype StyledRadioButtonCheckBoxMarkProps = WithTheme<{\n isHovered: boolean;\n isSelected: boolean;\n}>;\n\nexport const StyledRadioButtonCheckBoxMark = styled.span<StyledRadioButtonCheckBoxMarkProps>`\n cursor: pointer;\n background-color: transparent;\n position: absolute;\n top: 0;\n left: 2.925px;\n display: inline-block;\n transform: rotate(35deg);\n height: 9px;\n width: 5px;\n border-bottom: 2px solid white;\n border-right: 2px solid white;\n border-top: transparent;\n border-left: transparent;\n z-index: 2;\n\n ${({ isHovered, isSelected }) => {\n if (isSelected) {\n return css`\n opacity: 1;\n `;\n }\n\n if (isHovered) {\n return css`\n opacity: 0.5;\n `;\n }\n\n return css`\n opacity: 0;\n `;\n }}\n`;\n\ntype StyledRadioButtonLabelProps = WithTheme<unknown>;\n\nexport const StyledRadioButtonLabel = styled.p<StyledRadioButtonLabelProps>`\n color: ${({ theme }: StyledRadioButtonLabelProps) => theme.text};\n`;\n"],"mappings":"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"}

package/lib/components/search-box/SearchBox.js CHANGED Viewed

@@ -98,6 +98,7 @@ const SearchBox = _ref => {
   }, [onSelect]);
   const content = (0, _react.useMemo)(() => {
     const items = [];
+    matchingItems.sort((a, b) => a.text.localeCompare(b.text));
     matchingItems.forEach(_ref3 => {
       let {
         id,

package/lib/components/search-box/SearchBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchBox.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_calculate","_Input","_interopRequireDefault","_SearchBoxItem","_SearchBox","_utils","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SearchBox","_ref","placeholder","list","onChange","onBlur","onSelect","matchingItems","setMatchingItems","useState","value","setValue","isAnimating","setIsAnimating","height","setHeight","boxRef","useRef","contentRef","handleOutsideClick","useCallback","event","current","contains","target","useEffect","document","addEventListener","removeEventListener","textArray","map","_ref2","text","calculateContentHeight","handleChange","searchedItems","searchList","items","searchString","length","handleBlur","handleSelect","item","content","useMemo","forEach","_ref3","id","push","createElement","StyledSearchBox","ref","AnimatePresence","initial","StyledMotionSearchBoxBody","opacity","animate","transition","duration","type","displayName","_default","exports"],"sources":["../../../src/components/search-box/SearchBox.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion';\nimport React, {\n ChangeEvent,\n ChangeEventHandler,\n FC,\n FocusEvent,\n FocusEventHandler,\n ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { calculateContentHeight } from '../../utils/calculate';\nimport Input from '../input/Input';\nimport SearchBoxItem from './search-box-item/SearchBoxItem';\nimport { StyledMotionSearchBoxBody, StyledSearchBox } from './SearchBox.styles';\nimport type { ISearchBoxItem } from './types';\nimport { searchList } from './utils';\n\nexport type SearchBoxProps = {\n /*\n A list of items that can be searched.\n /\n list: ISearchBoxItem[];\n /\n The placeholder that should be displayed.\n /\n placeholder?: string;\n /\n Function to be executed when the input lost focus.\n /\n onBlur?: FocusEventHandler<HTMLInputElement>;\n /\n Function to be executed when the input is changed.\n /\n onChange?: ChangeEventHandler<HTMLInputElement>;\n /\n Function to be executed when an item is selected.\n /\n onSelect?: (item: ISearchBoxItem) => void;\n};\n\nconst SearchBox: FC<SearchBoxProps> = ({ placeholder, list, onChange, onBlur, onSelect }) => {\n const [matchingItems, setMatchingItems] = useState<ISearchBoxItem[]>([]);\n const [value, setValue] = useState('');\n const [isAnimating, setIsAnimating] = useState(false);\n const [height, setHeight] = useState<number>(0);\n\n const boxRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement \| null>(null);\n\n /\n This function closes the list of items\n /\n const handleOutsideClick = useCallback(\n (event: MouseEvent) => {\n if (boxRef.current && !boxRef.current.contains(event.target as Node)) {\n setIsAnimating(false);\n }\n },\n [boxRef]\n );\n\n /\n This hook listens for clicks\n /\n useEffect(() => {\n document.addEventListener('click', handleOutsideClick);\n\n return () => {\n document.removeEventListener('click', handleOutsideClick);\n };\n }, [handleOutsideClick, boxRef]);\n\n /\n This hook calculates the greatest width\n /\n useEffect(() => {\n const textArray = list.map(({ text }) => text);\n\n setHeight(calculateContentHeight(textArray));\n }, [list, placeholder]);\n\n /\n This function handles changes of the input\n /\n const handleChange = useCallback(\n (event: ChangeEvent<HTMLInputElement>) => {\n const searchedItems = searchList({ items: list, searchString: event.target.value });\n\n setMatchingItems(searchedItems);\n setIsAnimating(searchedItems.length !== 0);\n setValue(event.target.value);\n\n if (typeof onChange === 'function') {\n onChange(event);\n }\n },\n [list, onChange]\n );\n\n /\n This function handles the blur event of the input\n /\n const handleBlur = useCallback(\n (event: FocusEvent<HTMLInputElement>) => {\n if (typeof onBlur === 'function') {\n onBlur(event);\n }\n },\n [onBlur]\n );\n\n /\n This function handles the item selection\n */\n const handleSelect = useCallback(\n (item: ISearchBoxItem) => {\n setValue(item.text);\n setIsAnimating(false);\n\n if (typeof onSelect === 'function') {\n onSelect(item);\n }\n },\n [onSelect]\n );\n\n const content = useMemo(() => {\n const items: ReactElement[] = [];\n\n matchingItems.forEach(({ id, text }) => {\n items.push(<SearchBoxItem key={id} text={text} id={id} onSelect={handleSelect} />);\n });\n\n return items;\n }, [handleSelect, matchingItems]);\n\n return useMemo(\n () => (\n <StyledSearchBox ref={boxRef}>\n <Input\n onChange={handleChange}\n onBlur={handleBlur}\n placeholder={placeholder}\n value={value}\n />\n <AnimatePresence initial={false}>\n <StyledMotionSearchBoxBody\n key=\"content\"\n height={height}\n initial={{ height: 0, opacity: 0 }}\n animate={\n isAnimating\n ? { height: 'fit-content', opacity: 1 }\n : { height: 0, opacity: 0 }\n }\n transition={{\n duration: 0.2,\n type: 'tween',\n }}\n >\n <div ref={contentRef}>{content}</div>\n </StyledMotionSearchBoxBody>\n </AnimatePresence>\n </StyledSearchBox>\n ),\n [content, handleBlur, handleChange, height, isAnimating, placeholder, value]\n );\n};\n\nSearchBox.displayName = 'SearchBox';\n\nexport default SearchBox;\n"],"mappings":"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"}
1	+ {"version":3,"file":"SearchBox.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_calculate","_Input","_interopRequireDefault","_SearchBoxItem","_SearchBox","_utils","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SearchBox","_ref","placeholder","list","onChange","onBlur","onSelect","matchingItems","setMatchingItems","useState","value","setValue","isAnimating","setIsAnimating","height","setHeight","boxRef","useRef","contentRef","handleOutsideClick","useCallback","event","current","contains","target","useEffect","document","addEventListener","removeEventListener","textArray","map","_ref2","text","calculateContentHeight","handleChange","searchedItems","searchList","items","searchString","length","handleBlur","handleSelect","item","content","useMemo","sort","a","b","localeCompare","forEach","_ref3","id","push","createElement","StyledSearchBox","ref","AnimatePresence","initial","StyledMotionSearchBoxBody","opacity","animate","transition","duration","type","displayName","_default","exports"],"sources":["../../../src/components/search-box/SearchBox.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion';\nimport React, {\n ChangeEvent,\n ChangeEventHandler,\n FC,\n FocusEvent,\n FocusEventHandler,\n ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { calculateContentHeight } from '../../utils/calculate';\nimport Input from '../input/Input';\nimport SearchBoxItem from './search-box-item/SearchBoxItem';\nimport { StyledMotionSearchBoxBody, StyledSearchBox } from './SearchBox.styles';\nimport type { ISearchBoxItem } from './types';\nimport { searchList } from './utils';\n\nexport type SearchBoxProps = {\n /*\n A list of items that can be searched.\n /\n list: ISearchBoxItem[];\n /\n The placeholder that should be displayed.\n /\n placeholder?: string;\n /\n Function to be executed when the input lost focus.\n /\n onBlur?: FocusEventHandler<HTMLInputElement>;\n /\n Function to be executed when the input is changed.\n /\n onChange?: ChangeEventHandler<HTMLInputElement>;\n /\n Function to be executed when an item is selected.\n /\n onSelect?: (item: ISearchBoxItem) => void;\n};\n\nconst SearchBox: FC<SearchBoxProps> = ({ placeholder, list, onChange, onBlur, onSelect }) => {\n const [matchingItems, setMatchingItems] = useState<ISearchBoxItem[]>([]);\n const [value, setValue] = useState('');\n const [isAnimating, setIsAnimating] = useState(false);\n const [height, setHeight] = useState<number>(0);\n\n const boxRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement \| null>(null);\n\n /\n This function closes the list of items\n /\n const handleOutsideClick = useCallback(\n (event: MouseEvent) => {\n if (boxRef.current && !boxRef.current.contains(event.target as Node)) {\n setIsAnimating(false);\n }\n },\n [boxRef]\n );\n\n /\n This hook listens for clicks\n /\n useEffect(() => {\n document.addEventListener('click', handleOutsideClick);\n\n return () => {\n document.removeEventListener('click', handleOutsideClick);\n };\n }, [handleOutsideClick, boxRef]);\n\n /\n This hook calculates the greatest width\n /\n useEffect(() => {\n const textArray = list.map(({ text }) => text);\n\n setHeight(calculateContentHeight(textArray));\n }, [list, placeholder]);\n\n /\n This function handles changes of the input\n /\n const handleChange = useCallback(\n (event: ChangeEvent<HTMLInputElement>) => {\n const searchedItems = searchList({ items: list, searchString: event.target.value });\n\n setMatchingItems(searchedItems);\n setIsAnimating(searchedItems.length !== 0);\n setValue(event.target.value);\n\n if (typeof onChange === 'function') {\n onChange(event);\n }\n },\n [list, onChange]\n );\n\n /\n This function handles the blur event of the input\n /\n const handleBlur = useCallback(\n (event: FocusEvent<HTMLInputElement>) => {\n if (typeof onBlur === 'function') {\n onBlur(event);\n }\n },\n [onBlur]\n );\n\n /\n This function handles the item selection\n */\n const handleSelect = useCallback(\n (item: ISearchBoxItem) => {\n setValue(item.text);\n setIsAnimating(false);\n\n if (typeof onSelect === 'function') {\n onSelect(item);\n }\n },\n [onSelect]\n );\n\n const content = useMemo(() => {\n const items: ReactElement[] = [];\n\n matchingItems.sort((a, b) => a.text.localeCompare(b.text));\n\n matchingItems.forEach(({ id, text }) => {\n items.push(<SearchBoxItem key={id} text={text} id={id} onSelect={handleSelect} />);\n });\n\n return items;\n }, [handleSelect, matchingItems]);\n\n return useMemo(\n () => (\n <StyledSearchBox ref={boxRef}>\n <Input\n onChange={handleChange}\n onBlur={handleBlur}\n placeholder={placeholder}\n value={value}\n />\n <AnimatePresence initial={false}>\n <StyledMotionSearchBoxBody\n key=\"content\"\n height={height}\n initial={{ height: 0, opacity: 0 }}\n animate={\n isAnimating\n ? { height: 'fit-content', opacity: 1 }\n : { height: 0, opacity: 0 }\n }\n transition={{\n duration: 0.2,\n type: 'tween',\n }}\n >\n <div ref={contentRef}>{content}</div>\n </StyledMotionSearchBoxBody>\n </AnimatePresence>\n </StyledSearchBox>\n ),\n [content, handleBlur, handleChange, height, isAnimating, placeholder, value]\n );\n};\n\nSearchBox.displayName = 'SearchBox';\n\nexport default SearchBox;\n"],"mappings":"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"}

package/lib/components/small-wait-cursor/SmallWaitCursor.d.ts CHANGED Viewed

@@ -13,11 +13,11 @@ export type SmallWaitCursorProps = {
     /**
      * Specifies whether the wait cursor should be displayed with a background.
      */
-    shouldShowBackground?: boolean;
+    shouldHideBackground?: boolean;
     /**
      * Specifies whether the wait cursor should be displayed.
      */
-    shouldShowWaitCursor?: boolean;
+    shouldHideWaitCursor?: boolean;
     /**
      * The size of the wait cursor in pixels. Use the SmallWaitCursorSize enum for this prop.
      */

package/lib/components/small-wait-cursor/SmallWaitCursor.js CHANGED Viewed

@@ -24,22 +24,20 @@ exports.SmallWaitCursorSpeed = SmallWaitCursorSpeed;
 const SmallWaitCursor = _ref => {
   let {
     color,
-    shouldShowWaitCursor = true,
-    // TODO: Revert prop to hide wait cursor
-    shouldShowBackground = true,
-    // TODO: Revert prop to hide background
+    shouldHideBackground = false,
+    shouldHideWaitCursor = false,
     size = SmallWaitCursorSize.Medium,
     speed = SmallWaitCursorSpeed.Medium
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursor, {
-    shouldShowWaitCursor: shouldShowWaitCursor,
+    shouldShowWaitCursor: !shouldHideWaitCursor,
     size: size
   }, /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursorWaitCursor, {
     color: color,
-    shouldShowBackground: shouldShowBackground,
+    shouldHideBackground: shouldHideBackground,
     size: size,
     speed: speed
-  }), shouldShowBackground && /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursorBackground, null));
+  }), !shouldHideBackground && /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursorBackground, null));
 };
 SmallWaitCursor.displayName = 'SmallWaitCursor';
 var _default = SmallWaitCursor;

package/lib/components/small-wait-cursor/SmallWaitCursor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SmallWaitCursor.js","names":["_react","_interopRequireDefault","require","_SmallWaitCursor","obj","__esModule","default","SmallWaitCursorSize","exports","SmallWaitCursorSpeed","SmallWaitCursor","_ref","color","~~shouldShowWaitCursor~~","~~shouldShowBackground~~","size","Medium","speed","createElement","StyledSmallWaitCursor","StyledSmallWaitCursorWaitCursor","StyledSmallWaitCursorBackground","displayName","_default"],"sources":["../../../src/components/small-wait-cursor/SmallWaitCursor.tsx"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nimport React, { CSSProperties, FC } from 'react';\nimport {\n StyledSmallWaitCursor,\n StyledSmallWaitCursorBackground,\n StyledSmallWaitCursorWaitCursor,\n} from './SmallWaitCursor.styles';\n\nexport enum SmallWaitCursorSize {\n Small = 16,\n Medium = 30,\n}\n\nexport enum SmallWaitCursorSpeed {\n Slow = 1.5,\n Medium = 1,\n Fast = 0.5,\n}\n\nexport type SmallWaitCursorProps = {\n color?: CSSProperties['color'];\n /*\n Specifies whether the wait cursor should be displayed with a background.\n /\n ~~shouldShowBackground~~?: boolean;\n /\n Specifies whether the wait cursor should be displayed.\n /\n ~~shouldShowWaitCursor~~?: boolean;\n /\n The size of the wait cursor in pixels. Use the SmallWaitCursorSize enum for this prop.\n /\n size?: SmallWaitCursorSize;\n /\n The speed of the animation in seconds. Use the SmallWaitCursorSpeed enum for this prop.\n */\n speed?: SmallWaitCursorSpeed;\n};\n\nconst SmallWaitCursor: FC<SmallWaitCursorProps> = ({\n color,\n ~~shouldShowWaitCursor~~ = ~~true, // TODO: Revert prop to hide wait cursor\~~n ~~shouldShowBackground~~ = ~~true, // TODO: Revert prop to hide background\~~n size = SmallWaitCursorSize.Medium,\n speed = SmallWaitCursorSpeed.Medium,\n}) => (\n <StyledSmallWaitCursor shouldShowWaitCursor={~~shouldShowWaitCursor~~} size={size}>\n <StyledSmallWaitCursorWaitCursor\n color={color}\n ~~shouldShowBackground~~={~~shouldShowBackground~~}\n size={size}\n speed={speed}\n />\n {~~shouldShowBackground~~ && <StyledSmallWaitCursorBackground />}\n </StyledSmallWaitCursor>\n);\n\nSmallWaitCursor.displayName = 'SmallWaitCursor';\n\nexport default SmallWaitCursor;\n"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAIkC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAPlC;AAAA,IASYG,mBAAmB,0BAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAA,OAAnBA,mBAAmB;AAAA;AAAAC,OAAA,CAAAD,mBAAA,GAAAA,mBAAA;AAAA,IAKnBE,oBAAoB,0BAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA;AAAAD,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AA0BhC,MAAMC,eAAyC,GAAGC,IAAA;EAAA,IAAC;IAC/CC,KAAK;IACLC,oBAAoB,GAAG,~~IAAI~~;~~IAAE;IAC7BC~~,oBAAoB,GAAG,~~IAAI~~;~~IAAE;IAC7BC~~,IAAI,GAAGR,mBAAmB,CAACS,MAAM;IACjCC,KAAK,GAAGR,oBAAoB,CAACO;EACjC,CAAC,GAAAL,IAAA;EAAA,oBACGX,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACf,gBAAA,CAAAgB,qBAAqB;~~IAACN~~,oBAAoB,~~EAAEA~~,oBAAqB;~~IAACE~~,IAAI,EAAEA;EAAK,~~gBAC1Ef~~,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACf,gBAAA,~~CAAAiB~~,+BAA+B;~~IAC5BR~~,KAAK,EAAEA,KAAM;~~IACbE~~,oBAAoB,EAAEA,oBAAqB;~~IAC3CC~~,IAAI,EAAEA,IAAK;IACXE,KAAK,EAAEA;EAAM,CAChB,CAAC,~~EACDH~~,oBAAoB,~~iBAAId~~,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACf,gBAAA,~~CAAAkB~~,+BAA+B,MAAE,~~CACxC~~,CAAC;AAAA,CAC3B;~~AAEDX~~,eAAe,~~CAACY~~,WAAW,GAAG,iBAAiB;AAAC,IAAAC,QAAA,~~GAEjCb~~,eAAe;AAAAF,OAAA,CAAAF,OAAA,~~GAAAiB~~,QAAA"}
1	+ {"version":3,"file":"SmallWaitCursor.js","names":["_react","_interopRequireDefault","require","_SmallWaitCursor","obj","__esModule","default","SmallWaitCursorSize","exports","SmallWaitCursorSpeed","SmallWaitCursor","_ref","color","shouldHideBackground","shouldHideWaitCursor","size","Medium","speed","createElement","StyledSmallWaitCursor","shouldShowWaitCursor","StyledSmallWaitCursorWaitCursor","StyledSmallWaitCursorBackground","displayName","_default"],"sources":["../../../src/components/small-wait-cursor/SmallWaitCursor.tsx"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nimport React, { CSSProperties, FC } from 'react';\nimport {\n StyledSmallWaitCursor,\n StyledSmallWaitCursorBackground,\n StyledSmallWaitCursorWaitCursor,\n} from './SmallWaitCursor.styles';\n\nexport enum SmallWaitCursorSize {\n Small = 16,\n Medium = 30,\n}\n\nexport enum SmallWaitCursorSpeed {\n Slow = 1.5,\n Medium = 1,\n Fast = 0.5,\n}\n\nexport type SmallWaitCursorProps = {\n color?: CSSProperties['color'];\n /*\n Specifies whether the wait cursor should be displayed with a background.\n /\n shouldHideBackground?: boolean;\n /\n Specifies whether the wait cursor should be displayed.\n /\n shouldHideWaitCursor?: boolean;\n /\n The size of the wait cursor in pixels. Use the SmallWaitCursorSize enum for this prop.\n /\n size?: SmallWaitCursorSize;\n /\n The speed of the animation in seconds. Use the SmallWaitCursorSpeed enum for this prop.\n */\n speed?: SmallWaitCursorSpeed;\n};\n\nconst SmallWaitCursor: FC<SmallWaitCursorProps> = ({\n color,\n shouldHideBackground = false,\n shouldHideWaitCursor = false,\n size = SmallWaitCursorSize.Medium,\n speed = SmallWaitCursorSpeed.Medium,\n}) => (\n <StyledSmallWaitCursor shouldShowWaitCursor={!shouldHideWaitCursor} size={size}>\n <StyledSmallWaitCursorWaitCursor\n color={color}\n shouldHideBackground={shouldHideBackground}\n size={size}\n speed={speed}\n />\n {!shouldHideBackground && <StyledSmallWaitCursorBackground />}\n </StyledSmallWaitCursor>\n);\n\nSmallWaitCursor.displayName = 'SmallWaitCursor';\n\nexport default SmallWaitCursor;\n"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAIkC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAPlC;AAAA,IASYG,mBAAmB,0BAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAnBA,mBAAmB,CAAnBA,mBAAmB;EAAA,OAAnBA,mBAAmB;AAAA;AAAAC,OAAA,CAAAD,mBAAA,GAAAA,mBAAA;AAAA,IAKnBE,oBAAoB,0BAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA;AAAAD,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AA0BhC,MAAMC,eAAyC,GAAGC,IAAA;EAAA,IAAC;IAC/CC,KAAK;IACLC,oBAAoB,GAAG,KAAK;IAC5BC,oBAAoB,GAAG,KAAK;IAC5BC,IAAI,GAAGR,mBAAmB,CAACS,MAAM;IACjCC,KAAK,GAAGR,oBAAoB,CAACO;EACjC,CAAC,GAAAL,IAAA;EAAA,oBACGX,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACf,gBAAA,CAAAgB,qBAAqB;IAACC,oBAAoB,EAAE,CAACN,oBAAqB;IAACC,IAAI,EAAEA;EAAK,gBAC3Ef,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACf,gBAAA,CAAAkB,+BAA+B;IAC5BT,KAAK,EAAEA,KAAM;IACbC,oBAAoB,EAAEA,oBAAqB;IAC3CE,IAAI,EAAEA,IAAK;IACXE,KAAK,EAAEA;EAAM,CAChB,CAAC,EACD,CAACJ,oBAAoB,iBAAIb,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACf,gBAAA,CAAAmB,+BAA+B,MAAE,CACzC,CAAC;AAAA,CAC3B;AAEDZ,eAAe,CAACa,WAAW,GAAG,iBAAiB;AAAC,IAAAC,QAAA,GAEjCd,eAAe;AAAAF,OAAA,CAAAF,OAAA,GAAAkB,QAAA"}

package/lib/components/small-wait-cursor/SmallWaitCursor.styles.d.ts CHANGED Viewed

@@ -10,7 +10,7 @@ export declare const StyledSmallWaitCursorBackground: import("styled-components"
 }, never>;
 export declare const StyledSmallWaitCursorWaitCursor: import("styled-components").StyledComponent<"div", any, {
     color: SmallWaitCursorProps['color'];
-    shouldShowBackground: SmallWaitCursorProps['shouldShowBackground'];
+    shouldHideBackground: SmallWaitCursorProps['shouldHideBackground'];
     size: SmallWaitCursorSize;
     speed: SmallWaitCursorSpeed;
 } & {

package/lib/components/small-wait-cursor/SmallWaitCursor.styles.js CHANGED Viewed

@@ -56,15 +56,15 @@ const StyledSmallWaitCursorWaitCursor = _styledComponents.default.div`
     position: absolute;
     top: ${_ref5 => {
   let {
-    shouldShowBackground
+    shouldHideBackground
   } = _ref5;
-  return shouldShowBackground ? 5 : 0;
+  return shouldHideBackground ? 0 : 5;
 }}px;
     left: ${_ref6 => {
   let {
-    shouldShowBackground
+    shouldHideBackground
   } = _ref6;
-  return shouldShowBackground ? 5 : 0;
+  return shouldHideBackground ? 0 : 5;
 }}px;
     z-index: 2;
     border-style: solid;
@@ -78,17 +78,17 @@ const StyledSmallWaitCursorWaitCursor = _styledComponents.default.div`
 }};
     height: ${_ref8 => {
   let {
-    shouldShowBackground,
+    shouldHideBackground,
     size
   } = _ref8;
-  return shouldShowBackground ? `${size - 10}px` : '100%';
+  return shouldHideBackground ? '100%' : `${size - 10}px`;
 }};
     width: ${_ref9 => {
   let {
-    shouldShowBackground,
+    shouldHideBackground,
     size
   } = _ref9;
-  return shouldShowBackground ? `${size - 10}px` : '100%';
+  return shouldHideBackground ? '100%' : `${size - 10}px`;
 }};
     border-radius: 50%;
     display: inline-block;

package/lib/components/small-wait-cursor/SmallWaitCursor.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SmallWaitCursor.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","StyledSmallWaitCursor","styled","div","_ref","size","_ref2","_ref3","shouldShowWaitCursor","exports","StyledSmallWaitCursorBackground","_ref4","theme","spin","keyframes","StyledSmallWaitCursorWaitCursor","_ref5","~~shouldShowBackground~~","_ref6","_ref7","color","headline","_ref8","_ref9","_ref10","speed"],"sources":["../../../src/components/small-wait-cursor/SmallWaitCursor.styles.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type {\n SmallWaitCursorProps,\n SmallWaitCursorSize,\n SmallWaitCursorSpeed,\n} from './SmallWaitCursor';\nimport {} from './SmallWaitCursor';\n\ntype StyledSmallWaitCursorProps = WithTheme<{\n shouldShowWaitCursor: boolean;\n size: SmallWaitCursorSize;\n}>;\n\nexport const StyledSmallWaitCursor = styled.div<StyledSmallWaitCursorProps>`\n position: relative;\n height: ${({ size }) => size}px;\n width: ${({ size }) => size}px;\n opacity: ${({ shouldShowWaitCursor }) => (shouldShowWaitCursor ? 1 : 0)};\n`;\n\ntype StyledSmallWaitCursorBackgroundProps = WithTheme<unknown>;\n\nexport const StyledSmallWaitCursorBackground = styled.div<StyledSmallWaitCursorBackgroundProps>`\n background-color: ${({ theme }: StyledSmallWaitCursorBackgroundProps) => theme['100']};\n border-radius: 50%;\n height: 100%;\n width: 100%;\n position: relative;\n z-index: 1;\n`;\n\ntype StyledSmallWaitCursorWaitCursorProps = WithTheme<{\n color: SmallWaitCursorProps['color'];\n ~~shouldShowBackground~~: SmallWaitCursorProps['~~shouldShowBackground~~'];\n size: SmallWaitCursorSize;\n speed: SmallWaitCursorSpeed;\n}>;\n\nconst spin = keyframes`\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n`;\n\nexport const StyledSmallWaitCursorWaitCursor = styled.div<StyledSmallWaitCursorWaitCursorProps>`\n position: absolute;\n top: ${({ ~~shouldShowBackground~~ }) => (~~shouldShowBackground~~ ? 5 : 0)}px;\n left: ${({ ~~shouldShowBackground~~ }) => (~~shouldShowBackground~~ ? 5 : 0)}px;\n z-index: 2;\n border-style: solid;\n border-width: 3px;\n border-color: ${({ color, theme }: StyledSmallWaitCursorWaitCursorProps) =>\n color ?? theme.headline};\n height: ${({ ~~shouldShowBackground~~, size }) =>\n ~~shouldShowBackground~~ ? `${size - 10}px` ~~: '100%'~~};\n width: ${({ ~~shouldShowBackground~~, size }) =>\n ~~shouldShowBackground~~ ? `${size - 10}px` ~~: '100%'~~};\n border-radius: 50%;\n display: inline-block;\n border-top: 3px solid transparent;\n\n animation: ${spin} ${({ speed }) => speed}s linear infinite;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOAA,OAAA;AAAmC,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAH,wBAAAO,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAO5B,MAAMW,qBAAqB,GAAGC,yBAAM,CAACC,GAAgC;AAC5E;AACA,cAAcC,IAAA;EAAA,IAAC;IAAEC;EAAK,CAAC,GAAAD,IAAA;EAAA,OAAKC,IAAI;AAAA,CAAC;AACjC,aAAaC,KAAA;EAAA,IAAC;IAAED;EAAK,CAAC,GAAAC,KAAA;EAAA,OAAKD,IAAI;AAAA,CAAC;AAChC,eAAeE,KAAA;EAAA,IAAC;IAAEC;EAAqB,CAAC,GAAAD,KAAA;EAAA,OAAMC,oBAAoB,GAAG,CAAC,GAAG,CAAC;AAAA,CAAE;AAC5E,CAAC;AAACC,OAAA,CAAAR,qBAAA,GAAAA,qBAAA;AAIK,MAAMS,+BAA+B,GAAGR,yBAAM,CAACC,GAA0C;AAChG,wBAAwBQ,KAAA;EAAA,IAAC;IAAEC;EAA4C,CAAC,GAAAD,KAAA;EAAA,OAAKC,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAC1F;AACA;AACA;AACA;AACA;AACA,CAAC;AAACH,OAAA,CAAAC,+BAAA,GAAAA,+BAAA;AASF,MAAMG,IAAI,GAAG,IAAAC,2BAAS,CAAC;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,+BAA+B,GAAGb,yBAAM,CAACC,GAA0C;AAChG;AACA,WAAWa,KAAA;EAAA,IAAC;IAAEC;EAAqB,CAAC,GAAAD,KAAA;EAAA,OAAMC,oBAAoB,GAAG,CAAC,GAAG,CAAC;AAAA,CAAE;AACxE,YAAYC,KAAA;EAAA,IAAC;IAAED;EAAqB,CAAC,GAAAC,KAAA;EAAA,OAAMD,oBAAoB,GAAG,CAAC,GAAG,CAAC;AAAA,CAAE;AACzE;AACA;AACA;AACA,oBAAoBE,KAAA;EAAA,IAAC;IAAEC,KAAK;IAAER;EAA4C,CAAC,GAAAO,KAAA;EAAA,OACnEC,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIR,KAAK,CAACS,QAAQ;AAAA,CAAC;AAChC,cAAcC,KAAA;EAAA,IAAC;IAAEL,oBAAoB;IAAEZ;EAAK,CAAC,GAAAiB,KAAA;EAAA,OACrCL,oBAAoB,GAAI,GAAEZ,IAAI,GAAG,EAAG,IAAG~~,GAAG,MAAM~~;AAAA,CAAC;AACzD,aAAakB,KAAA;EAAA,IAAC;IAAEN,oBAAoB;IAAEZ;EAAK,CAAC,GAAAkB,KAAA;EAAA,OACpCN,oBAAoB,GAAI,GAAEZ,IAAI,GAAG,EAAG,IAAG~~,GAAG,MAAM~~;AAAA,CAAC;AACzD;AACA;AACA;AACA;AACA,iBAAiBQ,IAAK,IAAGW,MAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,MAAA;EAAA,OAAKC,KAAK;AAAA,CAAC;AAC9C,CAAC;AAAChB,OAAA,CAAAM,+BAAA,GAAAA,+BAAA"}
1	+ {"version":3,"file":"SmallWaitCursor.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","StyledSmallWaitCursor","styled","div","_ref","size","_ref2","_ref3","shouldShowWaitCursor","exports","StyledSmallWaitCursorBackground","_ref4","theme","spin","keyframes","StyledSmallWaitCursorWaitCursor","_ref5","shouldHideBackground","_ref6","_ref7","color","headline","_ref8","_ref9","_ref10","speed"],"sources":["../../../src/components/small-wait-cursor/SmallWaitCursor.styles.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type {\n SmallWaitCursorProps,\n SmallWaitCursorSize,\n SmallWaitCursorSpeed,\n} from './SmallWaitCursor';\nimport {} from './SmallWaitCursor';\n\ntype StyledSmallWaitCursorProps = WithTheme<{\n shouldShowWaitCursor: boolean;\n size: SmallWaitCursorSize;\n}>;\n\nexport const StyledSmallWaitCursor = styled.div<StyledSmallWaitCursorProps>`\n position: relative;\n height: ${({ size }) => size}px;\n width: ${({ size }) => size}px;\n opacity: ${({ shouldShowWaitCursor }) => (shouldShowWaitCursor ? 1 : 0)};\n`;\n\ntype StyledSmallWaitCursorBackgroundProps = WithTheme<unknown>;\n\nexport const StyledSmallWaitCursorBackground = styled.div<StyledSmallWaitCursorBackgroundProps>`\n background-color: ${({ theme }: StyledSmallWaitCursorBackgroundProps) => theme['100']};\n border-radius: 50%;\n height: 100%;\n width: 100%;\n position: relative;\n z-index: 1;\n`;\n\ntype StyledSmallWaitCursorWaitCursorProps = WithTheme<{\n color: SmallWaitCursorProps['color'];\n shouldHideBackground: SmallWaitCursorProps['shouldHideBackground'];\n size: SmallWaitCursorSize;\n speed: SmallWaitCursorSpeed;\n}>;\n\nconst spin = keyframes`\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n`;\n\nexport const StyledSmallWaitCursorWaitCursor = styled.div<StyledSmallWaitCursorWaitCursorProps>`\n position: absolute;\n top: ${({ shouldHideBackground }) => (shouldHideBackground ? 0 : 5)}px;\n left: ${({ shouldHideBackground }) => (shouldHideBackground ? 0 : 5)}px;\n z-index: 2;\n border-style: solid;\n border-width: 3px;\n border-color: ${({ color, theme }: StyledSmallWaitCursorWaitCursorProps) =>\n color ?? theme.headline};\n height: ${({ shouldHideBackground, size }) =>\n shouldHideBackground ? '100%' : `${size - 10}px`};\n width: ${({ shouldHideBackground, size }) =>\n shouldHideBackground ? '100%' : `${size - 10}px`};\n border-radius: 50%;\n display: inline-block;\n border-top: 3px solid transparent;\n\n animation: ${spin} ${({ speed }) => speed}s linear infinite;\n`;\n"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.211",
+    "version": "5.0.0-beta.215",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "keywords": [
         "chayns",
@@ -65,5 +65,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "4544061ed9b829654b5fd385014285613b6e2b56"
+    "gitHead": "7de916b0bf3666819686bae4cc3bf900f378a498"
 }