@chayns-components/core 5.0.0-beta.200 → 5.0.0-beta.201

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.
@@ -24,6 +24,10 @@ export type ButtonProps = {
24
24
  * Function to be executed when the button is clicked
25
25
  */
26
26
  onClick: MouseEventHandler<HTMLButtonElement>;
27
+ /**
28
+ * Shows a wait cursor instead of button text
29
+ */
30
+ shouldShowWaitCursor?: boolean;
27
31
  /**
28
32
  * Stops event propagation on click
29
33
  */
@@ -5,9 +5,13 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _clsx = _interopRequireDefault(require("clsx"));
8
+ var _framerMotion = require("framer-motion");
8
9
  var _react = _interopRequireDefault(require("react"));
9
10
  var _Icon = _interopRequireDefault(require("../icon/Icon"));
11
+ var _SmallWaitCursor = _interopRequireWildcard(require("../small-wait-cursor/SmallWaitCursor"));
10
12
  var _Button = require("./Button.styles");
13
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
11
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
16
  const Button = _ref => {
13
17
  let {
@@ -17,6 +21,7 @@ const Button = _ref => {
17
21
  isDisabled,
18
22
  isSecondary,
19
23
  onClick,
24
+ shouldShowWaitCursor,
20
25
  shouldStopPropagation
21
26
  } = _ref;
22
27
  const handleClick = event => {
@@ -32,10 +37,56 @@ const Button = _ref => {
32
37
  hasIcon: typeof icon === 'string' && icon !== '',
33
38
  isSecondary: isSecondary,
34
39
  onClick: handleClick
35
- }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement(_Button.StyledIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
40
+ }, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
41
+ initial: false
42
+ }, icon && /*#__PURE__*/_react.default.createElement(_Button.StyledIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
36
43
  color: "white",
37
44
  icons: [icon]
38
- })), children));
45
+ })), shouldShowWaitCursor ? /*#__PURE__*/_react.default.createElement(_Button.StyledMotionWaitCursorWrapper, {
46
+ animate: {
47
+ opacity: 1,
48
+ width: 40
49
+ },
50
+ exit: {
51
+ opacity: 0,
52
+ width: 0
53
+ },
54
+ initial: {
55
+ opacity: 0,
56
+ width: 0
57
+ },
58
+ key: "wait-cursor",
59
+ style: {
60
+ overflow: 'hidden'
61
+ },
62
+ transition: {
63
+ duration: 0.2
64
+ }
65
+ }, /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.default, {
66
+ color: "white",
67
+ shouldShowBackground: false,
68
+ size: _SmallWaitCursor.SmallWaitCursorSize.Small
69
+ })) : /*#__PURE__*/_react.default.createElement(_Button.StyledMotionChildrenWrapper, {
70
+ animate: {
71
+ opacity: 1,
72
+ width: 'auto'
73
+ },
74
+ exit: {
75
+ opacity: 0,
76
+ width: 0
77
+ },
78
+ initial: {
79
+ opacity: 0,
80
+ width: 0
81
+ },
82
+ key: "children",
83
+ style: {
84
+ overflow: 'hidden'
85
+ },
86
+ transition: {
87
+ duration: 0.2
88
+ }
89
+ }, children)));
39
90
  };
40
91
  Button.displayName = 'Button';
41
92
  var _default = Button;
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","names":["_clsx","_interopRequireDefault","require","_react","_Icon","_Button","obj","__esModule","default","Button","_ref","children","className","icon","isDisabled","isSecondary","onClick","shouldStopPropagation","handleClick","event","stopPropagation","buttonClasses","clsx","createElement","StyledButton","disabled","hasIcon","Fragment","StyledIconWrapper","color","icons","displayName","_default","exports"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, { FC, MouseEventHandler, ReactNode } from 'react';\nimport Icon from '../icon/Icon';\nimport { StyledButton, StyledIconWrapper } 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 * 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 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 <>\n {icon && (\n <StyledIconWrapper>\n <Icon color=\"white\" icons={[icon]} />\n </StyledIconWrapper>\n )}\n {children}\n </>\n </StyledButton>\n );\n};\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAkE,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAiClE,MAAMG,MAAuB,GAAGC,IAAA,IAQ1B;EAAA,IAR2B;IAC7BC,QAAQ;IACRC,SAAS;IACTC,IAAI;IACJC,UAAU;IACVC,WAAW;IACXC,OAAO;IACPC;EACJ,CAAC,GAAAP,IAAA;EACG,MAAMQ,WAAiD,GAAIC,KAAK,IAAK;IACjE,IAAIF,qBAAqB,EAAE;MACvBE,KAAK,CAACC,eAAe,CAAC,CAAC;IAC3B;IAEAJ,OAAO,CAACG,KAAK,CAAC;EAClB,CAAC;EAED,MAAME,aAAa,GAAG,IAAAC,aAAI,EAAC,6BAA6B,EAAEV,SAAS,CAAC;EAEpE,oBACIT,MAAA,CAAAK,OAAA,CAAAe,aAAA,CAAClB,OAAA,CAAAmB,YAAY;IACTZ,SAAS,EAAES,aAAc;IACzBI,QAAQ,EAAEX,UAAW;IACrBY,OAAO,EAAE,OAAOb,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,EAAG;IACjDE,WAAW,EAAEA,WAAY;IACzBC,OAAO,EAAEE;EAAY,gBAErBf,MAAA,CAAAK,OAAA,CAAAe,aAAA,CAAApB,MAAA,CAAAK,OAAA,CAAAmB,QAAA,QACKd,IAAI,iBACDV,MAAA,CAAAK,OAAA,CAAAe,aAAA,CAAClB,OAAA,CAAAuB,iBAAiB,qBACdzB,MAAA,CAAAK,OAAA,CAAAe,aAAA,CAACnB,KAAA,CAAAI,OAAI;IAACqB,KAAK,EAAC,OAAO;IAACC,KAAK,EAAE,CAACjB,IAAI;EAAE,CAAE,CACrB,CACtB,EACAF,QACH,CACQ,CAAC;AAEvB,CAAC;AAEDF,MAAM,CAACsB,WAAW,GAAG,QAAQ;AAAC,IAAAC,QAAA,GAEfvB,MAAM;AAAAwB,OAAA,CAAAzB,OAAA,GAAAwB,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","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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"}
@@ -5,3 +5,5 @@ export declare const StyledButton: import("styled-components").StyledComponent<"
5
5
  theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
6
6
  }, never>;
7
7
  export declare const StyledIconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
8
+ export declare const StyledMotionChildrenWrapper: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
9
+ export declare const StyledMotionWaitCursorWrapper: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
@@ -3,10 +3,12 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.StyledIconWrapper = exports.StyledButton = void 0;
6
+ exports.StyledMotionWaitCursorWrapper = exports.StyledMotionChildrenWrapper = exports.StyledIconWrapper = exports.StyledButton = void 0;
7
+ var _framerMotion = require("framer-motion");
7
8
  var _styledComponents = _interopRequireDefault(require("styled-components"));
8
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
10
  const StyledButton = _styledComponents.default.button`
11
+ align-items: center;
10
12
  background-color: ${_ref => {
11
13
  let {
12
14
  isSecondary,
@@ -25,9 +27,9 @@ const StyledButton = _styledComponents.default.button`
25
27
  return isSecondary ? theme.text : 'white';
26
28
  }};
27
29
  cursor: pointer;
28
- display: inline-block;
30
+ display: inline-flex;
29
31
  line-height: 1.15;
30
- min-height: 30px;
32
+ min-height: 32px;
31
33
  opacity: ${_ref3 => {
32
34
  let {
33
35
  disabled
@@ -57,4 +59,12 @@ const StyledIconWrapper = _styledComponents.default.span`
57
59
  width: 30px;
58
60
  `;
59
61
  exports.StyledIconWrapper = StyledIconWrapper;
62
+ const StyledMotionChildrenWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)``;
63
+ exports.StyledMotionChildrenWrapper = StyledMotionChildrenWrapper;
64
+ const StyledMotionWaitCursorWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)`
65
+ align-items: center;
66
+ display: flex;
67
+ justify-content: center;
68
+ `;
69
+ exports.StyledMotionWaitCursorWrapper = StyledMotionWaitCursorWrapper;
60
70
  //# sourceMappingURL=Button.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledButton","styled","button","_ref","isSecondary","theme","_ref2","text","_ref3","disabled","_ref4","hasIcon","exports","StyledIconWrapper","span"],"sources":["../../../src/components/button/Button.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { ButtonProps } from './Button';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledButtonProps = ButtonProps &\n WithTheme<{\n hasIcon: boolean;\n }>;\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n background-color: ${({ isSecondary, theme }: StyledButtonProps) =>\n isSecondary ? theme['202'] : theme['408']};\n border-radius: 3px;\n box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);\n border: none;\n color: ${({ isSecondary, theme }: StyledButtonProps) => (isSecondary ? theme.text : 'white')};\n cursor: pointer;\n display: inline-block;\n line-height: 1.15;\n min-height: 30px;\n opacity: ${({ disabled }) => (disabled ? 0.5 : 1)};\n padding: ${({ hasIcon }) => `7px 12px 7px ${hasIcon ? '42px' : '12px'}`};\n position: relative;\n user-select: none;\n transition: opacity 0.3s ease;\n`;\n\nexport const StyledIconWrapper = styled.span`\n align-items: center;\n background-color: rgba(255, 255, 255, 0.2);\n bottom: 0;\n display: flex;\n justify-content: center;\n left: 0;\n position: absolute;\n top: 0;\n width: 30px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAShC,MAAMG,YAAY,GAAGC,yBAAM,CAACC,MAA0B;AAC7D,wBAAwBC,IAAA;EAAA,IAAC;IAAEC,WAAW;IAAEC;EAAyB,CAAC,GAAAF,IAAA;EAAA,OAC1DC,WAAW,GAAGC,KAAK,CAAC,KAAK,CAAC,GAAGA,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAClD;AACA;AACA;AACA,aAAaC,KAAA;EAAA,IAAC;IAAEF,WAAW;IAAEC;EAAyB,CAAC,GAAAC,KAAA;EAAA,OAAMF,WAAW,GAAGC,KAAK,CAACE,IAAI,GAAG,OAAO;AAAA,CAAE;AACjG;AACA;AACA;AACA;AACA,eAAeC,KAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,KAAA;EAAA,OAAMC,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,CAAE;AACtD,eAAeC,KAAA;EAAA,IAAC;IAAEC;EAAQ,CAAC,GAAAD,KAAA;EAAA,OAAM,gBAAeC,OAAO,GAAG,MAAM,GAAG,MAAO,EAAC;AAAA,CAAC;AAC5E;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAZ,YAAA,GAAAA,YAAA;AAEK,MAAMa,iBAAiB,GAAGZ,yBAAM,CAACa,IAAK;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACF,OAAA,CAAAC,iBAAA,GAAAA,iBAAA"}
1
+ {"version":3,"file":"Button.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireDefault","obj","__esModule","default","StyledButton","styled","button","_ref","isSecondary","theme","_ref2","text","_ref3","disabled","_ref4","hasIcon","exports","StyledIconWrapper","span","StyledMotionChildrenWrapper","motion","div","StyledMotionWaitCursorWrapper"],"sources":["../../../src/components/button/Button.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { ButtonProps } from './Button';\n\ntype StyledButtonProps = ButtonProps &\n WithTheme<{\n hasIcon: boolean;\n }>;\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n align-items: center;\n background-color: ${({ isSecondary, theme }: StyledButtonProps) =>\n isSecondary ? theme['202'] : theme['408']};\n border-radius: 3px;\n box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);\n border: none;\n color: ${({ isSecondary, theme }: StyledButtonProps) => (isSecondary ? theme.text : 'white')};\n cursor: pointer;\n display: inline-flex;\n line-height: 1.15;\n min-height: 32px;\n opacity: ${({ disabled }) => (disabled ? 0.5 : 1)};\n padding: ${({ hasIcon }) => `7px 12px 7px ${hasIcon ? '42px' : '12px'}`};\n position: relative;\n user-select: none;\n transition: opacity 0.3s ease;\n`;\n\nexport const StyledIconWrapper = styled.span`\n align-items: center;\n background-color: rgba(255, 255, 255, 0.2);\n bottom: 0;\n display: flex;\n justify-content: center;\n left: 0;\n position: absolute;\n top: 0;\n width: 30px;\n`;\n\nexport const StyledMotionChildrenWrapper = styled(motion.div)``;\n\nexport const StyledMotionWaitCursorWrapper = styled(motion.div)`\n align-items: center;\n display: flex;\n justify-content: center;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAuC,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAShC,MAAMG,YAAY,GAAGC,yBAAM,CAACC,MAA0B;AAC7D;AACA,wBAAwBC,IAAA;EAAA,IAAC;IAAEC,WAAW;IAAEC;EAAyB,CAAC,GAAAF,IAAA;EAAA,OAC1DC,WAAW,GAAGC,KAAK,CAAC,KAAK,CAAC,GAAGA,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAClD;AACA;AACA;AACA,aAAaC,KAAA;EAAA,IAAC;IAAEF,WAAW;IAAEC;EAAyB,CAAC,GAAAC,KAAA;EAAA,OAAMF,WAAW,GAAGC,KAAK,CAACE,IAAI,GAAG,OAAO;AAAA,CAAE;AACjG;AACA;AACA;AACA;AACA,eAAeC,KAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,KAAA;EAAA,OAAMC,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,CAAE;AACtD,eAAeC,KAAA;EAAA,IAAC;IAAEC;EAAQ,CAAC,GAAAD,KAAA;EAAA,OAAM,gBAAeC,OAAO,GAAG,MAAM,GAAG,MAAO,EAAC;AAAA,CAAC;AAC5E;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAZ,YAAA,GAAAA,YAAA;AAEK,MAAMa,iBAAiB,GAAGZ,yBAAM,CAACa,IAAK;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACF,OAAA,CAAAC,iBAAA,GAAAA,iBAAA;AAEK,MAAME,2BAA2B,GAAG,IAAAd,yBAAM,EAACe,oBAAM,CAACC,GAAG,CAAE,EAAC;AAACL,OAAA,CAAAG,2BAAA,GAAAA,2BAAA;AAEzD,MAAMG,6BAA6B,GAAG,IAAAjB,yBAAM,EAACe,oBAAM,CAACC,GAAG,CAAE;AAChE;AACA;AACA;AACA,CAAC;AAACL,OAAA,CAAAM,6BAAA,GAAAA,6BAAA"}
@@ -1,10 +1,15 @@
1
- import { FC } from 'react';
1
+ import { CSSProperties, FC } from 'react';
2
+ export declare enum SmallWaitCursorSize {
3
+ Small = 16,
4
+ Medium = 30
5
+ }
2
6
  export declare enum SmallWaitCursorSpeed {
3
7
  Slow = 1.5,
4
8
  Medium = 1,
5
9
  Fast = 0.5
6
10
  }
7
11
  export type SmallWaitCursorProps = {
12
+ color?: CSSProperties['color'];
8
13
  /**
9
14
  * Specifies whether the wait cursor should be displayed with a background.
10
15
  */
@@ -12,7 +17,11 @@ export type SmallWaitCursorProps = {
12
17
  /**
13
18
  * Specifies whether the wait cursor should be displayed.
14
19
  */
15
- shouldShowWaitCursor: boolean;
20
+ shouldShowWaitCursor?: boolean;
21
+ /**
22
+ * The size of the wait cursor in pixels. Use the SmallWaitCursorSize enum for this prop.
23
+ */
24
+ size?: SmallWaitCursorSize;
16
25
  /**
17
26
  * The speed of the animation in seconds. Use the SmallWaitCursorSpeed enum for this prop.
18
27
  */
@@ -3,12 +3,17 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = exports.SmallWaitCursorSpeed = void 0;
7
- var _react = _interopRequireWildcard(require("react"));
6
+ exports.default = exports.SmallWaitCursorSpeed = exports.SmallWaitCursorSize = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
8
  var _SmallWaitCursor = require("./SmallWaitCursor.styles");
9
- 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); }
10
- 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; }
9
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
10
  // noinspection JSUnusedGlobalSymbols
11
+ let SmallWaitCursorSize = /*#__PURE__*/function (SmallWaitCursorSize) {
12
+ SmallWaitCursorSize[SmallWaitCursorSize["Small"] = 16] = "Small";
13
+ SmallWaitCursorSize[SmallWaitCursorSize["Medium"] = 30] = "Medium";
14
+ return SmallWaitCursorSize;
15
+ }({});
16
+ exports.SmallWaitCursorSize = SmallWaitCursorSize;
12
17
  let SmallWaitCursorSpeed = /*#__PURE__*/function (SmallWaitCursorSpeed) {
13
18
  SmallWaitCursorSpeed[SmallWaitCursorSpeed["Slow"] = 1.5] = "Slow";
14
19
  SmallWaitCursorSpeed[SmallWaitCursorSpeed["Medium"] = 1] = "Medium";
@@ -18,15 +23,23 @@ let SmallWaitCursorSpeed = /*#__PURE__*/function (SmallWaitCursorSpeed) {
18
23
  exports.SmallWaitCursorSpeed = SmallWaitCursorSpeed;
19
24
  const SmallWaitCursor = _ref => {
20
25
  let {
21
- shouldShowWaitCursor,
26
+ color,
27
+ shouldShowWaitCursor = true,
28
+ // TODO: Revert prop to hide wait cursor
22
29
  shouldShowBackground = true,
30
+ // TODO: Revert prop to hide background
31
+ size = SmallWaitCursorSize.Medium,
23
32
  speed = SmallWaitCursorSpeed.Medium
24
33
  } = _ref;
25
- return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursor, {
26
- shouldShowWaitCursor: shouldShowWaitCursor
34
+ return /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursor, {
35
+ shouldShowWaitCursor: shouldShowWaitCursor,
36
+ size: size
27
37
  }, /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursorWaitCursor, {
38
+ color: color,
39
+ shouldShowBackground: shouldShowBackground,
40
+ size: size,
28
41
  speed: speed
29
- }), shouldShowBackground && /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursorBackground, null)), [shouldShowBackground, shouldShowWaitCursor, speed]);
42
+ }), shouldShowBackground && /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursorBackground, null));
30
43
  };
31
44
  SmallWaitCursor.displayName = 'SmallWaitCursor';
32
45
  var _default = SmallWaitCursor;
@@ -1 +1 @@
1
- {"version":3,"file":"SmallWaitCursor.js","names":["_react","_interopRequireWildcard","require","_SmallWaitCursor","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SmallWaitCursorSpeed","exports","SmallWaitCursor","_ref","shouldShowWaitCursor","shouldShowBackground","speed","Medium","useMemo","createElement","StyledSmallWaitCursor","StyledSmallWaitCursorWaitCursor","StyledSmallWaitCursorBackground","displayName","_default"],"sources":["../../../src/components/small-wait-cursor/SmallWaitCursor.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport {\n StyledSmallWaitCursor,\n StyledSmallWaitCursorBackground,\n StyledSmallWaitCursorWaitCursor,\n} from './SmallWaitCursor.styles';\n\n// noinspection JSUnusedGlobalSymbols\nexport enum SmallWaitCursorSpeed {\n Slow = 1.5,\n Medium = 1,\n Fast = 0.5,\n}\n\nexport type SmallWaitCursorProps = {\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 speed of the animation in seconds. Use the SmallWaitCursorSpeed enum for this prop.\n */\n speed?: SmallWaitCursorSpeed;\n};\n\nconst SmallWaitCursor: FC<SmallWaitCursorProps> = ({\n shouldShowWaitCursor,\n shouldShowBackground = true,\n speed = SmallWaitCursorSpeed.Medium,\n}) =>\n useMemo(\n () => (\n <StyledSmallWaitCursor shouldShowWaitCursor={shouldShowWaitCursor}>\n <StyledSmallWaitCursorWaitCursor speed={speed} />\n {shouldShowBackground && <StyledSmallWaitCursorBackground />}\n </StyledSmallWaitCursor>\n ),\n [shouldShowBackground, shouldShowWaitCursor, speed]\n );\n\nSmallWaitCursor.displayName = 'SmallWaitCursor';\n\nexport default SmallWaitCursor;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAIkC,SAAAE,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,SAAAJ,wBAAAQ,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;AAElC;AAAA,IACYW,oBAAoB,0BAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAApBA,oBAAoB,CAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA;AAAAC,OAAA,CAAAD,oBAAA,GAAAA,oBAAA;AAqBhC,MAAME,eAAyC,GAAGC,IAAA;EAAA,IAAC;IAC/CC,oBAAoB;IACpBC,oBAAoB,GAAG,IAAI;IAC3BC,KAAK,GAAGN,oBAAoB,CAACO;EACjC,CAAC,GAAAJ,IAAA;EAAA,OACG,IAAAK,cAAO,EACH,mBACIlC,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,gBAAA,CAAAiC,qBAAqB;IAACN,oBAAoB,EAAEA;EAAqB,gBAC9D9B,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,gBAAA,CAAAkC,+BAA+B;IAACL,KAAK,EAAEA;EAAM,CAAE,CAAC,EAChDD,oBAAoB,iBAAI/B,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,gBAAA,CAAAmC,+BAA+B,MAAE,CACxC,CAC1B,EACD,CAACP,oBAAoB,EAAED,oBAAoB,EAAEE,KAAK,CACtD,CAAC;AAAA;AAELJ,eAAe,CAACW,WAAW,GAAG,iBAAiB;AAAC,IAAAC,QAAA,GAEjCZ,eAAe;AAAAD,OAAA,CAAAhB,OAAA,GAAA6B,QAAA"}
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,5 +1,7 @@
1
+ import type { SmallWaitCursorProps, SmallWaitCursorSize, SmallWaitCursorSpeed } from './SmallWaitCursor';
1
2
  export declare const StyledSmallWaitCursor: import("styled-components").StyledComponent<"div", any, {
2
3
  shouldShowWaitCursor: boolean;
4
+ size: SmallWaitCursorSize;
3
5
  } & {
4
6
  theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
5
7
  }, never>;
@@ -7,7 +9,10 @@ export declare const StyledSmallWaitCursorBackground: import("styled-components"
7
9
  theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
8
10
  }, never>;
9
11
  export declare const StyledSmallWaitCursorWaitCursor: import("styled-components").StyledComponent<"div", any, {
10
- speed: number;
12
+ color: SmallWaitCursorProps['color'];
13
+ shouldShowBackground: SmallWaitCursorProps['shouldShowBackground'];
14
+ size: SmallWaitCursorSize;
15
+ speed: SmallWaitCursorSpeed;
11
16
  } & {
12
17
  theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
13
18
  }, never>;
@@ -5,30 +5,41 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.StyledSmallWaitCursorWaitCursor = exports.StyledSmallWaitCursorBackground = exports.StyledSmallWaitCursor = void 0;
7
7
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
8
+ require("./SmallWaitCursor");
8
9
  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); }
9
10
  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; }
10
11
  const StyledSmallWaitCursor = _styledComponents.default.div`
11
12
  position: relative;
12
- height: 30px;
13
- width: 30px;
14
- opacity: ${_ref => {
13
+ height: ${_ref => {
15
14
  let {
16
- shouldShowWaitCursor
15
+ size
17
16
  } = _ref;
17
+ return size;
18
+ }}px;
19
+ width: ${_ref2 => {
20
+ let {
21
+ size
22
+ } = _ref2;
23
+ return size;
24
+ }}px;
25
+ opacity: ${_ref3 => {
26
+ let {
27
+ shouldShowWaitCursor
28
+ } = _ref3;
18
29
  return shouldShowWaitCursor ? 1 : 0;
19
30
  }};
20
31
  `;
21
32
  exports.StyledSmallWaitCursor = StyledSmallWaitCursor;
22
33
  const StyledSmallWaitCursorBackground = _styledComponents.default.div`
23
- background-color: ${_ref2 => {
34
+ background-color: ${_ref4 => {
24
35
  let {
25
36
  theme
26
- } = _ref2;
37
+ } = _ref4;
27
38
  return theme['100'];
28
39
  }};
29
40
  border-radius: 50%;
30
- height: 30px;
31
- width: 30px;
41
+ height: 100%;
42
+ width: 100%;
32
43
  position: relative;
33
44
  z-index: 1;
34
45
  `;
@@ -43,30 +54,52 @@ const spin = (0, _styledComponents.keyframes)`
43
54
  `;
44
55
  const StyledSmallWaitCursorWaitCursor = _styledComponents.default.div`
45
56
  position: absolute;
46
- top: 5px;
47
- left: 5px;
57
+ top: ${_ref5 => {
58
+ let {
59
+ shouldShowBackground
60
+ } = _ref5;
61
+ return shouldShowBackground ? 5 : 0;
62
+ }}px;
63
+ left: ${_ref6 => {
64
+ let {
65
+ shouldShowBackground
66
+ } = _ref6;
67
+ return shouldShowBackground ? 5 : 0;
68
+ }}px;
48
69
  z-index: 2;
49
70
  border-style: solid;
50
71
  border-width: 3px;
51
- border-color: ${_ref3 => {
72
+ border-color: ${_ref7 => {
52
73
  let {
74
+ color,
53
75
  theme
54
- } = _ref3;
55
- return theme.headline;
76
+ } = _ref7;
77
+ return color !== null && color !== void 0 ? color : theme.headline;
78
+ }};
79
+ height: ${_ref8 => {
80
+ let {
81
+ shouldShowBackground,
82
+ size
83
+ } = _ref8;
84
+ return shouldShowBackground ? `${size - 10}px` : '100%';
85
+ }};
86
+ width: ${_ref9 => {
87
+ let {
88
+ shouldShowBackground,
89
+ size
90
+ } = _ref9;
91
+ return shouldShowBackground ? `${size - 10}px` : '100%';
56
92
  }};
57
- height: 20px;
58
- width: 20px;
59
93
  border-radius: 50%;
60
94
  display: inline-block;
61
95
  border-top: 3px solid transparent;
62
96
 
63
- animation: ${spin} ${_ref4 => {
97
+ animation: ${spin} ${_ref10 => {
64
98
  let {
65
99
  speed
66
- } = _ref4;
100
+ } = _ref10;
67
101
  return speed;
68
- }}s linear
69
- infinite;
102
+ }}s linear infinite;
70
103
  `;
71
104
  exports.StyledSmallWaitCursorWaitCursor = StyledSmallWaitCursorWaitCursor;
72
105
  //# sourceMappingURL=SmallWaitCursor.styles.js.map
@@ -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","shouldShowWaitCursor","exports","StyledSmallWaitCursorBackground","_ref2","theme","spin","keyframes","StyledSmallWaitCursorWaitCursor","_ref3","headline","_ref4","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';\n\ntype StyledSmallWaitCursorProps = WithTheme<{\n shouldShowWaitCursor: boolean;\n}>;\n\nexport const StyledSmallWaitCursor = styled.div<StyledSmallWaitCursorProps>`\n position: relative;\n height: 30px;\n width: 30px;\n opacity: ${({ shouldShowWaitCursor }: StyledSmallWaitCursorProps) =>\n 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: 30px;\n width: 30px;\n position: relative;\n z-index: 1;\n`;\n\ntype StyledSmallWaitCursorWaitCursorProps = WithTheme<{\n speed: number;\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: 5px;\n left: 5px;\n z-index: 2;\n border-style: solid;\n border-width: 3px;\n border-color: ${({ theme }: StyledSmallWaitCursorWaitCursorProps) => theme.headline};\n height: 20px;\n width: 20px;\n border-radius: 50%;\n display: inline-block;\n border-top: 3px solid transparent;\n\n animation: ${spin} ${({ speed }: StyledSmallWaitCursorWaitCursorProps) => speed}s linear\n infinite;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAsD,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;AAO/C,MAAMW,qBAAqB,GAAGC,yBAAM,CAACC,GAAgC;AAC5E;AACA;AACA;AACA,eAAeC,IAAA;EAAA,IAAC;IAAEC;EAAiD,CAAC,GAAAD,IAAA;EAAA,OAC5DC,oBAAoB,GAAG,CAAC,GAAG,CAAC;AAAA,CAAC;AACrC,CAAC;AAACC,OAAA,CAAAL,qBAAA,GAAAA,qBAAA;AAIK,MAAMM,+BAA+B,GAAGL,yBAAM,CAACC,GAA0C;AAChG,wBAAwBK,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;AAMF,MAAMG,IAAI,GAAG,IAAAC,2BAAS,CAAC;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,+BAA+B,GAAGV,yBAAM,CAACC,GAA0C;AAChG;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoBU,KAAA;EAAA,IAAC;IAAEJ;EAA4C,CAAC,GAAAI,KAAA;EAAA,OAAKJ,KAAK,CAACK,QAAQ;AAAA,CAAC;AACxF;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiBJ,IAAK,IAAGK,KAAA;EAAA,IAAC;IAAEC;EAA4C,CAAC,GAAAD,KAAA;EAAA,OAAKC,KAAK;AAAA,CAAC;AACpF;AACA,CAAC;AAACV,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","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"}
package/lib/index.d.ts CHANGED
@@ -35,7 +35,7 @@ export type { ISearchBoxItem as SearchBoxItem } from './components/search-box/ty
35
35
  export { default as SearchInput } from './components/search-input/SearchInput';
36
36
  export { default as SharingBar } from './components/sharing-bar/SharingBar';
37
37
  export { default as Slider } from './components/slider/Slider';
38
- export { default as SmallWaitCursor, SmallWaitCursorSpeed, } from './components/small-wait-cursor/SmallWaitCursor';
38
+ export { default as SmallWaitCursor, SmallWaitCursorSize, SmallWaitCursorSpeed, } from './components/small-wait-cursor/SmallWaitCursor';
39
39
  export { default as TextArea } from './components/text-area/TextArea';
40
40
  export { default as TextStringProvider } from './components/textstring-provider/TextStringProvider';
41
41
  export { default as TextString } from './components/textstring/TextString';
package/lib/index.js CHANGED
@@ -201,6 +201,12 @@ Object.defineProperty(exports, "SmallWaitCursor", {
201
201
  return _SmallWaitCursor.default;
202
202
  }
203
203
  });
204
+ Object.defineProperty(exports, "SmallWaitCursorSize", {
205
+ enumerable: true,
206
+ get: function () {
207
+ return _SmallWaitCursor.SmallWaitCursorSize;
208
+ }
209
+ });
204
210
  Object.defineProperty(exports, "SmallWaitCursorSpeed", {
205
211
  enumerable: true,
206
212
  get: function () {
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_Accordion","_interopRequireDefault","require","_AccordionContent","_AccordionGroup","_AccordionIntro","_AccordionItem","_AmountControl","_Badge","_Button","_Checkbox","_ColorSchemeProvider","_ComboBox","_ContentCard","_ContextMenu","_DateInfo","_FilterButton","_GridImage","_Icon","_Input","_List","_ListItemContent","_ListItem","_alignment","_MentionFinder","_Popup","_ProgressBar","_RadioButtonGroup","_RadioButton","_ScrollView","_SearchBox","_SearchInput","_SharingBar","_Slider","_SmallWaitCursor","_interopRequireWildcard","_TextArea","_TextStringProvider","_TextString","_Tooltip","_fileDialog","_uploadFile","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set"],"sources":["../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport { default as ColorSchemeProvider } from './components/color-scheme-provider/ColorSchemeProvider';\nexport type { WithTheme } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport type { IComboBoxItem as ComboBoxItem } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport { default as DateInfo } from './components/date-info/DateInfo';\nexport { default as FilterButton } from './components/filter-button/FilterButton';\nexport type {\n FilterButtonItemShape,\n FilterButtonSize,\n IFilterButtonItem as FilterButtonItem,\n} from './components/filter-button/types';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as Icon } from './components/icon/Icon';\nexport { default as Input } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport { default as ListItem } from './components/list/list-item/ListItem';\nexport { MentionFinderPopupAlignment } from './components/mention-finder/constants/alignment';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { default as RadioButtonGroup } from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport type { ISearchBoxItem as SearchBoxItem } from './components/search-box/types';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n default as SmallWaitCursor,\n SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as TextStringProvider } from './components/textstring-provider/TextStringProvider';\nexport { default as TextString } from './components/textstring/TextString';\nexport type {\n ITextstring as Textstring,\n TextstringReplacement,\n} from './components/textstring/types';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport type { FileItem, Image, Meta, Video } from './types/file';\nexport { selectFiles } from './utils/fileDialog';\nexport { uploadFile } from './utils/uploadFile';\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["_Accordion","_interopRequireDefault","require","_AccordionContent","_AccordionGroup","_AccordionIntro","_AccordionItem","_AmountControl","_Badge","_Button","_Checkbox","_ColorSchemeProvider","_ComboBox","_ContentCard","_ContextMenu","_DateInfo","_FilterButton","_GridImage","_Icon","_Input","_List","_ListItemContent","_ListItem","_alignment","_MentionFinder","_Popup","_ProgressBar","_RadioButtonGroup","_RadioButton","_ScrollView","_SearchBox","_SearchInput","_SharingBar","_Slider","_SmallWaitCursor","_interopRequireWildcard","_TextArea","_TextStringProvider","_TextString","_Tooltip","_fileDialog","_uploadFile","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set"],"sources":["../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport { default as ColorSchemeProvider } from './components/color-scheme-provider/ColorSchemeProvider';\nexport type { WithTheme } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport type { IComboBoxItem as ComboBoxItem } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport { default as DateInfo } from './components/date-info/DateInfo';\nexport { default as FilterButton } from './components/filter-button/FilterButton';\nexport type {\n FilterButtonItemShape,\n FilterButtonSize,\n IFilterButtonItem as FilterButtonItem,\n} from './components/filter-button/types';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as Icon } from './components/icon/Icon';\nexport { default as Input } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport { default as ListItem } from './components/list/list-item/ListItem';\nexport { MentionFinderPopupAlignment } from './components/mention-finder/constants/alignment';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { default as RadioButtonGroup } from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport type { ISearchBoxItem as SearchBoxItem } from './components/search-box/types';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n default as SmallWaitCursor,\n SmallWaitCursorSize,\n SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as TextStringProvider } from './components/textstring-provider/TextStringProvider';\nexport { default as TextString } from './components/textstring/TextString';\nexport type {\n ITextstring as Textstring,\n TextstringReplacement,\n} from './components/textstring/types';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport type { FileItem, Image, Meta, Video } from './types/file';\nexport { selectFiles } from './utils/fileDialog';\nexport { uploadFile } from './utils/uploadFile';\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chayns-components/core",
3
- "version": "5.0.0-beta.200",
3
+ "version": "5.0.0-beta.201",
4
4
  "description": "A set of beautiful React components for developing your own applications with chayns.",
5
5
  "keywords": [
6
6
  "chayns",
@@ -64,5 +64,5 @@
64
64
  "publishConfig": {
65
65
  "access": "public"
66
66
  },
67
- "gitHead": "bae5f0ef22c2fae26f2b29daa7ec92eaf3d03638"
67
+ "gitHead": "d3cfb19e0ac58cedc481ecc589d2aab63eedd8f6"
68
68
  }