@chayns-components/core 5.0.0-beta.19 → 5.0.0-beta.192

package/lib/components/slider/Slider.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Slider = require("./Slider.styles");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const Slider = _ref => {
+  let {
+    maxValue,
+    minValue,
+    value,
+    onChange
+  } = _ref;
+  const [editedValue, setEditedValue] = (0, _react.useState)(0);
+
+  /**
+   * This function sets the value
+   */
+  (0, _react.useEffect)(() => {
+    if (typeof value !== 'number') {
+      return;
+    }
+    if (value >= minValue && value <= maxValue) {
+      setEditedValue(value);
+    }
+  }, [maxValue, minValue, value]);
+
+  /**
+   * This function updates the value
+   */
+  const handleInputChange = (0, _react.useCallback)(event => {
+    setEditedValue(Number(event.target.value));
+    if (onChange) {
+      onChange(Number(event.target.value));
+    }
+  }, [onChange]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_Slider.StyledSlider, null, /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderInput, {
+    type: "range",
+    value: editedValue,
+    max: maxValue,
+    min: minValue,
+    onChange: handleInputChange
+  })), [editedValue, handleInputChange, maxValue, minValue]);
+};
+Slider.displayName = 'Slider';
+var _default = Slider;
+exports.default = _default;
+//# sourceMappingURL=Slider.js.map

package/lib/components/slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","names":["_react","_interopRequireWildcard","require","_Slider","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Slider","_ref","maxValue","minValue","value","onChange","editedValue","setEditedValue","useState","useEffect","handleInputChange","useCallback","event","Number","target","useMemo","createElement","StyledSlider","StyledSliderInput","type","max","min","displayName","_default","exports"],"sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["import React, { ChangeEvent, FC, useCallback, useEffect, useMemo, useState } from 'react';\nimport { StyledSlider, StyledSliderInput } from './Slider.styles';\n\nexport type SliderProps = {\n    /**\n     * The maximum value of the slider.\n     */\n    maxValue: number;\n    /**\n     * The minimum value of the slider.\n     */\n    minValue: number;\n    /**\n     * Function that will be executed when the value is changed.\n     */\n    onChange?: (value: number) => void;\n    /**\n     * the Value that the slider should have.\n     */\n    value?: number;\n};\n\nconst Slider: FC<SliderProps> = ({ maxValue, minValue, value, onChange }) => {\n    const [editedValue, setEditedValue] = useState(0);\n\n    /**\n     * This function sets the value\n     */\n    useEffect(() => {\n        if (typeof value !== 'number') {\n            return;\n        }\n\n        if (value >= minValue && value <= maxValue) {\n            setEditedValue(value);\n        }\n    }, [maxValue, minValue, value]);\n\n    /**\n     * This function updates the value\n     */\n    const handleInputChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            setEditedValue(Number(event.target.value));\n\n            if (onChange) {\n                onChange(Number(event.target.value));\n            }\n        },\n        [onChange]\n    );\n\n    return useMemo(\n        () => (\n            <StyledSlider>\n                <StyledSliderInput\n                    type=\"range\"\n                    value={editedValue}\n                    max={maxValue}\n                    min={minValue}\n                    onChange={handleInputChange}\n                />\n            </StyledSlider>\n        ),\n        [editedValue, handleInputChange, maxValue, minValue]\n    );\n};\n\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"mappings":"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"}

package/lib/components/slider/Slider.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const StyledSlider: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSliderInput: import("styled-components").StyledComponent<"input", any, {
+    min: number;
+    max: number;
+    value: number;
+} & {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}, never>;

package/lib/components/slider/Slider.styles.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSliderInput = exports.StyledSlider = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledSlider = _styledComponents.default.div`
+    width: 100%;
+    cursor: pointer;
+`;
+exports.StyledSlider = StyledSlider;
+const StyledSliderInput = _styledComponents.default.input`
+    width: 100%;
+    border-radius: 100px;
+    -webkit-appearance: none;
+    height: 10px;
+    background: ${_ref => {
+  var _theme$, _theme$2, _theme$3, _theme$4;
+  let {
+    theme,
+    min,
+    max,
+    value
+  } = _ref;
+  return `linear-gradient(
+            to right,
+            ${(_theme$ = theme['409']) !== null && _theme$ !== void 0 ? _theme$ : ''} 0%,
+            ${(_theme$2 = theme['409']) !== null && _theme$2 !== void 0 ? _theme$2 : ''}
+            ${(value - min) / (max - min) * 100}%,
+            ${(_theme$3 = theme['403']) !== null && _theme$3 !== void 0 ? _theme$3 : ''}
+            ${(value - min) / (max - min) * 100}%,
+            ${(_theme$4 = theme['403']) !== null && _theme$4 !== void 0 ? _theme$4 : ''}
+        )`;
+}};
+
+    outline: none;
+    opacity: 0.7;
+    -webkit-transition: 0.2s;
+    transition: opacity 0.2s;
+
+    // Slider thumb for chrome
+    &::-webkit-slider-thumb {
+        -webkit-appearance: none;
+        appearance: none;
+        width: 20px;
+        height: 20px;
+        background-color: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme['100'];
+}};
+        cursor: pointer;
+        border-radius: 50%;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
+    }
+
+    // slider thumb for firefox
+    &::-moz-range-thumb {
+        width: 20px;
+        height: 20px;
+        background-color: ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme['100'];
+}};
+        cursor: pointer;
+        border-radius: 50%;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
+    }
+`;
+exports.StyledSliderInput = StyledSliderInput;
+//# sourceMappingURL=Slider.styles.js.map

package/lib/components/slider/Slider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledSlider","styled","div","exports","StyledSliderInput","input","_ref","_theme$","_theme$2","_theme$3","_theme$4","theme","min","max","value","_ref2","_ref3"],"sources":["../../../src/components/slider/Slider.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledSlider = styled.div`\n    width: 100%;\n    cursor: pointer;\n`;\n\ntype StyledSliderInputProps = WithTheme<{ min: number; max: number; value: number }>;\n\nexport const StyledSliderInput = styled.input<StyledSliderInputProps>`\n    width: 100%;\n    border-radius: 100px;\n    -webkit-appearance: none;\n    height: 10px;\n    background: ${({ theme, min, max, value }: StyledSliderInputProps) =>\n        `linear-gradient(\n            to right,\n            ${theme['409'] ?? ''} 0%,\n            ${theme['409'] ?? ''}\n            ${((value - min) / (max - min)) * 100}%,\n            ${theme['403'] ?? ''}\n            ${((value - min) / (max - min)) * 100}%,\n            ${theme['403'] ?? ''}\n        )`};\n\n    outline: none;\n    opacity: 0.7;\n    -webkit-transition: 0.2s;\n    transition: opacity 0.2s;\n\n    // Slider thumb for chrome\n    &::-webkit-slider-thumb {\n        -webkit-appearance: none;\n        appearance: none;\n        width: 20px;\n        height: 20px;\n        background-color: ${({ theme }: StyledSliderInputProps) => theme['100']};\n        cursor: pointer;\n        border-radius: 50%;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);\n    }\n\n    // slider thumb for firefox\n    &::-moz-range-thumb {\n        width: 20px;\n        height: 20px;\n        background-color: ${({ theme }: StyledSliderInputProps) => theme['100']};\n        cursor: pointer;\n        border-radius: 50%;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);\n    }\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;AAGhC,MAAMG,YAAY,GAAGC,yBAAM,CAACC,GAAI;AACvC;AACA;AACA,CAAC;AAACC,OAAA,CAAAH,YAAA,GAAAA,YAAA;AAIK,MAAMI,iBAAiB,GAAGH,yBAAM,CAACI,KAA8B;AACtE;AACA;AACA;AACA;AACA,kBAAkBC,IAAA;EAAA,IAAAC,OAAA,EAAAC,QAAA,EAAAC,QAAA,EAAAC,QAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC,GAAG;IAAEC,GAAG;IAAEC;EAA8B,CAAC,GAAAR,IAAA;EAAA,OAC5D;AACT;AACA,cAAY,CAAAC,OAAA,GAAEI,KAAK,CAAC,KAAK,CAAC,cAAAJ,OAAA,cAAAA,OAAA,GAAI,EAAG;AACjC,cAAY,CAAAC,QAAA,GAAEG,KAAK,CAAC,KAAK,CAAC,cAAAH,QAAA,cAAAA,QAAA,GAAI,EAAG;AACjC,cAAe,CAACM,KAAK,GAAGF,GAAG,KAAKC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAI;AAClD,cAAY,CAAAH,QAAA,GAAEE,KAAK,CAAC,KAAK,CAAC,cAAAF,QAAA,cAAAA,QAAA,GAAI,EAAG;AACjC,cAAe,CAACK,KAAK,GAAGF,GAAG,KAAKC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAI;AAClD,cAAY,CAAAF,QAAA,GAAEC,KAAK,CAAC,KAAK,CAAC,cAAAD,QAAA,cAAAA,QAAA,GAAI,EAAG;AACjC,UAAU;AAAA,CAAC;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4BK,KAAA;EAAA,IAAC;IAAEJ;EAA8B,CAAC,GAAAI,KAAA;EAAA,OAAKJ,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4BK,KAAA;EAAA,IAAC;IAAEL;EAA8B,CAAC,GAAAK,KAAA;EAAA,OAAKL,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAChF;AACA;AACA;AACA;AACA,CAAC;AAACR,OAAA,CAAAC,iBAAA,GAAAA,iBAAA"}

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

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+export declare enum SmallWaitCursorSpeed {
+    Slow = 1.5,
+    Medium = 1,
+    Fast = 0.5
+}
+export type SmallWaitCursorProps = {
+    /**
+     * Specifies whether the wait cursor should be displayed with a background.
+     */
+    shouldShowBackground?: boolean;
+    /**
+     * Specifies whether the wait cursor should be displayed.
+     */
+    shouldShowWaitCursor: boolean;
+    /**
+     * The speed of the animation in seconds. Use the SmallWaitCursorSpeed enum for this prop.
+     */
+    speed?: SmallWaitCursorSpeed;
+};
+declare const SmallWaitCursor: FC<SmallWaitCursorProps>;
+export default SmallWaitCursor;

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SmallWaitCursorSpeed = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _SmallWaitCursor = require("./SmallWaitCursor.styles");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+// noinspection JSUnusedGlobalSymbols
+let SmallWaitCursorSpeed = /*#__PURE__*/function (SmallWaitCursorSpeed) {
+  SmallWaitCursorSpeed[SmallWaitCursorSpeed["Slow"] = 1.5] = "Slow";
+  SmallWaitCursorSpeed[SmallWaitCursorSpeed["Medium"] = 1] = "Medium";
+  SmallWaitCursorSpeed[SmallWaitCursorSpeed["Fast"] = 0.5] = "Fast";
+  return SmallWaitCursorSpeed;
+}({});
+exports.SmallWaitCursorSpeed = SmallWaitCursorSpeed;
+const SmallWaitCursor = _ref => {
+  let {
+    shouldShowWaitCursor,
+    shouldShowBackground = true,
+    speed = SmallWaitCursorSpeed.Medium
+  } = _ref;
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursor, {
+    shouldShowWaitCursor: shouldShowWaitCursor
+  }, /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursorWaitCursor, {
+    speed: speed
+  }), shouldShowBackground && /*#__PURE__*/_react.default.createElement(_SmallWaitCursor.StyledSmallWaitCursorBackground, null)), [shouldShowBackground, shouldShowWaitCursor, speed]);
+};
+SmallWaitCursor.displayName = 'SmallWaitCursor';
+var _default = SmallWaitCursor;
+exports.default = _default;
+//# sourceMappingURL=SmallWaitCursor.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,13 @@
+export declare const StyledSmallWaitCursor: import("styled-components").StyledComponent<"div", any, {
+    shouldShowWaitCursor: boolean;
+} & {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}, never>;
+export declare const StyledSmallWaitCursorBackground: import("styled-components").StyledComponent<"div", any, {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}, never>;
+export declare const StyledSmallWaitCursorWaitCursor: import("styled-components").StyledComponent<"div", any, {
+    speed: number;
+} & {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}, never>;

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

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSmallWaitCursorWaitCursor = exports.StyledSmallWaitCursorBackground = exports.StyledSmallWaitCursor = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const StyledSmallWaitCursor = _styledComponents.default.div`
+    position: relative;
+    height: 30px;
+    width: 30px;
+    opacity: ${_ref => {
+  let {
+    shouldShowWaitCursor
+  } = _ref;
+  return shouldShowWaitCursor ? 1 : 0;
+}};
+`;
+exports.StyledSmallWaitCursor = StyledSmallWaitCursor;
+const StyledSmallWaitCursorBackground = _styledComponents.default.div`
+    background-color: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme['100'];
+}};
+    border-radius: 50%;
+    height: 30px;
+    width: 30px;
+    position: relative;
+    z-index: 1;
+`;
+exports.StyledSmallWaitCursorBackground = StyledSmallWaitCursorBackground;
+const spin = (0, _styledComponents.keyframes)`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`;
+const StyledSmallWaitCursorWaitCursor = _styledComponents.default.div`
+    position: absolute;
+    top: 5px;
+    left: 5px;
+    z-index: 2;
+    border-style: solid;
+    border-width: 3px;
+    border-color: ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.headline;
+}};
+    height: 20px;
+    width: 20px;
+    border-radius: 50%;
+    display: inline-block;
+    border-top: 3px solid transparent;
+
+    animation: ${spin} ${_ref4 => {
+  let {
+    speed
+  } = _ref4;
+  return speed;
+}}s linear
+        infinite;
+`;
+exports.StyledSmallWaitCursorWaitCursor = StyledSmallWaitCursorWaitCursor;
+//# sourceMappingURL=SmallWaitCursor.styles.js.map

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

@@ -0,0 +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"}

package/lib/components/text-area/TextArea.d.ts

@@ -0,0 +1,25 @@
+import { ChangeEventHandler, CSSProperties, FC, FocusEventHandler } from 'react';
+export type TextAreaProps = {
+    /**
+     * The maximum height of the text area.
+     */
+    maxHeight?: CSSProperties['maxHeight'];
+    /**
+     * Function that is executed when the text area loses focus.
+     */
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    /**
+     * Function that is executed when the text of the text area changes.
+     */
+    onChange?: ChangeEventHandler<HTMLTextAreaElement>;
+    /**
+     * Placeholder for the text area field.
+     */
+    placeholder?: string;
+    /**
+     * Value if the text area should be controlled.
+     */
+    value?: string;
+};
+declare const TextArea: FC<TextAreaProps>;
+export default TextArea;

package/lib/components/text-area/TextArea.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _TextArea = require("./TextArea.styles");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const TextArea = _ref => {
+  let {
+    placeholder,
+    value,
+    onChange,
+    onBlur,
+    maxHeight = '120px'
+  } = _ref;
+  const [displayedValue, setDisplayedValue] = (0, _react.useState)('');
+  const [isOverflowing, setIsOverflowing] = (0, _react.useState)(false);
+  const textareaRef = (0, _react.useRef)(null);
+
+  /**
+   * This function sets the external value
+   */
+  (0, _react.useEffect)(() => {
+    if (value) {
+      setDisplayedValue(value);
+    }
+  }, [value]);
+  const adjustTextareaHeight = (0, _react.useCallback)(() => {
+    if (textareaRef.current) {
+      textareaRef.current.style.height = 'auto';
+      textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
+      setIsOverflowing(textareaRef.current.scrollHeight > parseInt(maxHeight.toString(), 10));
+    }
+  }, [maxHeight]);
+
+  /**
+   * This function updates the value
+   */
+  const handleChange = (0, _react.useCallback)(event => {
+    setDisplayedValue(event.target.value);
+    adjustTextareaHeight();
+    if (onChange) {
+      onChange(event);
+    }
+  }, [adjustTextareaHeight, onChange]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_TextArea.StyledTextArea, null, /*#__PURE__*/_react.default.createElement(_TextArea.StyledTextAreaInput, {
+    ref: textareaRef,
+    value: displayedValue,
+    placeholder: placeholder,
+    onBlur: onBlur,
+    onChange: handleChange,
+    maxHeight: maxHeight,
+    isOverflowing: isOverflowing,
+    rows: 1
+  })), [displayedValue, handleChange, isOverflowing, maxHeight, onBlur, placeholder]);
+};
+TextArea.displayName = 'TextArea';
+var _default = TextArea;
+exports.default = _default;
+//# sourceMappingURL=TextArea.js.map

package/lib/components/text-area/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","names":["_react","_interopRequireWildcard","require","_TextArea","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","TextArea","_ref","placeholder","value","onChange","onBlur","maxHeight","displayedValue","setDisplayedValue","useState","isOverflowing","setIsOverflowing","textareaRef","useRef","useEffect","adjustTextareaHeight","useCallback","current","style","height","scrollHeight","parseInt","toString","handleChange","event","target","useMemo","createElement","StyledTextArea","StyledTextAreaInput","ref","rows","displayName","_default","exports"],"sources":["../../../src/components/text-area/TextArea.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ChangeEventHandler,\n    CSSProperties,\n    FC,\n    FocusEventHandler,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { StyledTextArea, StyledTextAreaInput } from './TextArea.styles';\n\nexport type TextAreaProps = {\n    /**\n     * The maximum height of the text area.\n     */\n    maxHeight?: CSSProperties['maxHeight'];\n    /**\n     * Function that is executed when the text area loses focus.\n     */\n    onBlur?: FocusEventHandler<HTMLTextAreaElement>;\n    /**\n     * Function that is executed when the text of the text area changes.\n     */\n    onChange?: ChangeEventHandler<HTMLTextAreaElement>;\n    /**\n     * Placeholder for the text area field.\n     */\n    placeholder?: string;\n    /**\n     * Value if the text area should be controlled.\n     */\n    value?: string;\n};\n\nconst TextArea: FC<TextAreaProps> = ({\n    placeholder,\n    value,\n    onChange,\n    onBlur,\n    maxHeight = '120px',\n}) => {\n    const [displayedValue, setDisplayedValue] = useState('');\n    const [isOverflowing, setIsOverflowing] = useState(false);\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n    /**\n     * This function sets the external value\n     */\n    useEffect(() => {\n        if (value) {\n            setDisplayedValue(value);\n        }\n    }, [value]);\n\n    const adjustTextareaHeight = useCallback(() => {\n        if (textareaRef.current) {\n            textareaRef.current.style.height = 'auto';\n            textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;\n\n            setIsOverflowing(textareaRef.current.scrollHeight > parseInt(maxHeight.toString(), 10));\n        }\n    }, [maxHeight]);\n\n    /**\n     * This function updates the value\n     */\n    const handleChange = useCallback(\n        (event: ChangeEvent<HTMLTextAreaElement>) => {\n            setDisplayedValue(event.target.value);\n\n            adjustTextareaHeight();\n\n            if (onChange) {\n                onChange(event);\n            }\n        },\n        [adjustTextareaHeight, onChange]\n    );\n\n    return useMemo(\n        () => (\n            <StyledTextArea>\n                <StyledTextAreaInput\n                    ref={textareaRef}\n                    value={displayedValue}\n                    placeholder={placeholder}\n                    onBlur={onBlur}\n                    onChange={handleChange}\n                    maxHeight={maxHeight}\n                    isOverflowing={isOverflowing}\n                    rows={1}\n                />\n            </StyledTextArea>\n        ),\n        [displayedValue, handleChange, isOverflowing, maxHeight, onBlur, placeholder]\n    );\n};\n\nTextArea.displayName = 'TextArea';\n\nexport default TextArea;\n"],"mappings":"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"}

package/lib/components/text-area/TextArea.styles.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from 'react';
+export declare const StyledTextArea: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTextAreaInput: import("styled-components").StyledComponent<"textarea", any, {
+    maxHeight: CSSProperties['maxHeight'];
+    isOverflowing: boolean;
+} & {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}, never>;

package/lib/components/text-area/TextArea.styles.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledTextAreaInput = exports.StyledTextArea = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledTextArea = _styledComponents.default.div``;
+exports.StyledTextArea = StyledTextArea;
+const StyledTextAreaInput = _styledComponents.default.textarea`
+    border-radius: 3px;
+    border: 1px solid rgba(160, 160, 160, 0.3);
+    color: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme['006'];
+}};
+    resize: none;
+    overflow-y: ${_ref2 => {
+  let {
+    isOverflowing
+  } = _ref2;
+  return isOverflowing ? 'scroll' : 'hidden';
+}};
+    max-height: ${_ref3 => {
+  let {
+    maxHeight
+  } = _ref3;
+  return maxHeight;
+}};
+    width: 100%;
+    padding: 8px 10px;
+
+    &::-webkit-scrollbar {
+        width: 5px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background: rgba(160, 160, 160, 1);
+        border-radius: 3px;
+    }
+`;
+exports.StyledTextAreaInput = StyledTextAreaInput;
+//# sourceMappingURL=TextArea.styles.js.map

package/lib/components/text-area/TextArea.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledTextArea","styled","div","exports","StyledTextAreaInput","textarea","_ref","theme","_ref2","isOverflowing","_ref3","maxHeight"],"sources":["../../../src/components/text-area/TextArea.styles.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledTextArea = styled.div``;\n\ntype StyledTextAreaInputProps = WithTheme<{\n    maxHeight: CSSProperties['maxHeight'];\n    isOverflowing: boolean;\n}>;\n\nexport const StyledTextAreaInput = styled.textarea<StyledTextAreaInputProps>`\n    border-radius: 3px;\n    border: 1px solid rgba(160, 160, 160, 0.3);\n    color: ${({ theme }: StyledTextAreaInputProps) => theme['006']};\n    resize: none;\n    overflow-y: ${({ isOverflowing }) => (isOverflowing ? 'scroll' : 'hidden')};\n    max-height: ${({ maxHeight }: StyledTextAreaInputProps) => maxHeight};\n    width: 100%;\n    padding: 8px 10px;\n\n    &::-webkit-scrollbar {\n        width: 5px;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background: rgba(160, 160, 160, 1);\n        border-radius: 3px;\n    }\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGhC,MAAMG,cAAc,GAAGC,yBAAM,CAACC,GAAI,EAAC;AAACC,OAAA,CAAAH,cAAA,GAAAA,cAAA;AAOpC,MAAMI,mBAAmB,GAAGH,yBAAM,CAACI,QAAmC;AAC7E;AACA;AACA,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAAgC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AACnE;AACA,kBAAkBC,KAAA;EAAA,IAAC;IAAEC;EAAc,CAAC,GAAAD,KAAA;EAAA,OAAMC,aAAa,GAAG,QAAQ,GAAG,QAAQ;AAAA,CAAE;AAC/E,kBAAkBC,KAAA;EAAA,IAAC;IAAEC;EAAoC,CAAC,GAAAD,KAAA;EAAA,OAAKC,SAAS;AAAA,CAAC;AACzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACR,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}

package/lib/components/textstring/TextString.d.ts

@@ -0,0 +1,22 @@
+import { FC, ReactHTML, ReactNode } from 'react';
+import type { ITextstring, TextstringReplacement } from './types';
+export type TextStringProps = {
+    /**
+     * The element that the text should be displayed in.
+     */
+    children?: ReactNode;
+    /**
+     * The tag of the HTML element that the text should be displayed in.
+     */
+    childrenTagName?: keyof ReactHTML;
+    /**
+     * A part of the text that should be replaced.
+     */
+    replacements?: TextstringReplacement[];
+    /**
+     * The text that should be displayed.
+     */
+    textString: ITextstring;
+};
+declare const TextString: FC<TextStringProps>;
+export default TextString;

package/lib/components/textstring/TextString.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _TextStringProvider = require("../textstring-provider/TextStringProvider");
+var _TextString = require("./TextString.styles");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const TextString = _ref => {
+  let {
+    textString,
+    replacements,
+    childrenTagName,
+    children
+  } = _ref;
+  const textStrings = (0, _react.useContext)(_TextStringProvider.TextStringContext);
+  const text = (0, _react.useMemo)(() => {
+    var _textStrings$textStri;
+    const value = (_textStrings$textStri = textStrings[textString.name]) !== null && _textStrings$textStri !== void 0 ? _textStrings$textStri : textString.fallback;
+    if (!replacements) {
+      return value;
+    }
+    let newValue = value;
+    replacements.forEach(_ref2 => {
+      let {
+        replacement,
+        key
+      } = _ref2;
+      newValue = newValue.replace(key, replacement);
+    });
+    return newValue;
+  }, [replacements, textString, textStrings]);
+  const childElement = (0, _react.useMemo)(() => {
+    let element = /*#__PURE__*/(0, _react.createElement)('', null, children);
+    if (!children) {
+      element = /*#__PURE__*/(0, _react.createElement)(childrenTagName || 'span', null, text);
+    }
+    return element;
+  }, [children, childrenTagName, text]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_TextString.StyledTextString, null, childElement), [childElement]);
+};
+TextString.displayName = 'TextString';
+var _default = TextString;
+exports.default = _default;
+//# sourceMappingURL=TextString.js.map

package/lib/components/textstring/TextString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextString.js","names":["_react","_interopRequireWildcard","require","_TextStringProvider","_TextString","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","TextString","_ref","textString","replacements","childrenTagName","children","textStrings","useContext","TextStringContext","text","useMemo","_textStrings$textStri","value","name","fallback","newValue","forEach","_ref2","replacement","replace","childElement","element","createElement","StyledTextString","displayName","_default","exports"],"sources":["../../../src/components/textstring/TextString.tsx"],"sourcesContent":["import React, { createElement, FC, ReactHTML, ReactNode, useContext, useMemo } from 'react';\nimport { TextStringContext } from '../textstring-provider/TextStringProvider';\nimport { StyledTextString } from './TextString.styles';\nimport type { ITextstring, TextstringReplacement } from './types';\n\nexport type TextStringProps = {\n    /**\n     * The element that the text should be displayed in.\n     */\n    children?: ReactNode;\n    /**\n     * The tag of the HTML element that the text should be displayed in.\n     */\n    childrenTagName?: keyof ReactHTML;\n    /**\n     * A part of the text that should be replaced.\n     */\n    replacements?: TextstringReplacement[];\n    /**\n     * The text that should be displayed.\n     */\n    textString: ITextstring;\n};\n\nconst TextString: FC<TextStringProps> = ({\n    textString,\n    replacements,\n    childrenTagName,\n    children,\n}) => {\n    const textStrings = useContext(TextStringContext);\n\n    const text = useMemo(() => {\n        const value = textStrings[textString.name] ?? textString.fallback;\n\n        if (!replacements) {\n            return value;\n        }\n\n        let newValue = value;\n\n        replacements.forEach(({ replacement, key }) => {\n            newValue = newValue.replace(key, replacement);\n        });\n\n        return newValue;\n    }, [replacements, textString, textStrings]);\n\n    const childElement = useMemo(() => {\n        let element = createElement('', null, children);\n\n        if (!children) {\n            element = createElement(childrenTagName || 'span', null, text);\n        }\n\n        return element;\n    }, [children, childrenTagName, text]);\n\n    return useMemo(() => <StyledTextString>{childElement}</StyledTextString>, [childElement]);\n};\n\nTextString.displayName = 'TextString';\n\nexport default TextString;\n"],"mappings":"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"}

package/lib/components/textstring/TextString.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledTextString: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/textstring/TextString.styles.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledTextString = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledTextString = _styledComponents.default.div``;
+exports.StyledTextString = StyledTextString;
+//# sourceMappingURL=TextString.styles.js.map

package/lib/components/textstring/TextString.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextString.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledTextString","styled","div","exports"],"sources":["../../../src/components/textstring/TextString.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledTextString = styled.div``;\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;AAEhC,MAAMG,gBAAgB,GAAGC,yBAAM,CAACC,GAAI,EAAC;AAACC,OAAA,CAAAH,gBAAA,GAAAA,gBAAA"}

package/lib/components/textstring/types.d.ts

@@ -0,0 +1,8 @@
+export interface TextstringReplacement {
+    key: string;
+    replacement: string;
+}
+export interface ITextstring {
+    fallback: string;
+    name: string;
+}

package/lib/components/textstring/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/components/textstring/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/textstring/types.ts"],"sourcesContent":["export interface TextstringReplacement {\n    key: string;\n    replacement: string;\n}\n\nexport interface ITextstring {\n    fallback: string;\n    name: string;\n}\n"],"mappings":""}