@chayns-components/core 5.0.0-beta.159 → 5.0.0-beta.160
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.
- package/lib/components/sharing-bar/SharingBar.d.ts +9 -0
- package/lib/components/sharing-bar/SharingBar.js +111 -0
- package/lib/components/sharing-bar/SharingBar.js.map +1 -0
- package/lib/components/sharing-bar/SharingBar.styles.d.ts +3 -0
- package/lib/components/sharing-bar/SharingBar.styles.js +20 -0
- package/lib/components/sharing-bar/SharingBar.styles.js.map +1 -0
- package/lib/components/slider/Slider.d.ts +21 -0
- package/lib/components/slider/Slider.js +59 -0
- package/lib/components/slider/Slider.js.map +1 -0
- package/lib/components/slider/Slider.styles.d.ts +8 -0
- package/lib/components/slider/Slider.styles.js +76 -0
- package/lib/components/slider/Slider.styles.js.map +1 -0
- package/lib/index.d.ts +2 -0
- package/lib/index.js +14 -0
- package/lib/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _alignment = require("../context-menu/constants/alignment");
|
|
9
|
+
var _ContextMenu = _interopRequireDefault(require("../context-menu/ContextMenu"));
|
|
10
|
+
var _Icon = _interopRequireDefault(require("../icon/Icon"));
|
|
11
|
+
var _SharingBar = require("./SharingBar.styles");
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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; }
|
|
15
|
+
const SharingBar = _ref => {
|
|
16
|
+
let {
|
|
17
|
+
link
|
|
18
|
+
} = _ref;
|
|
19
|
+
const contextMenuRef = (0, _react.useRef)(null);
|
|
20
|
+
const handleImageDownload = async () => {
|
|
21
|
+
const image = await fetch(`https://cube.tobit.cloud/qr-code-generator/v1.0/png?value=${link}&color=005EB8&text=Teilen`);
|
|
22
|
+
const imageBlog = await image.blob();
|
|
23
|
+
const imageURL = URL.createObjectURL(imageBlog);
|
|
24
|
+
const url = document.createElement('a');
|
|
25
|
+
|
|
26
|
+
// Removes illegal characters from the name and shortens it to a maximum of 50 characters
|
|
27
|
+
const fileName = `CallingCode_Share`.replace(/[^\w-]+/g, '_').trim().slice(0, 75);
|
|
28
|
+
url.href = imageURL;
|
|
29
|
+
url.download = fileName;
|
|
30
|
+
document.body.appendChild(url);
|
|
31
|
+
url.click();
|
|
32
|
+
document.body.removeChild(url);
|
|
33
|
+
};
|
|
34
|
+
const handleShare = key => {
|
|
35
|
+
const encodedUrl = encodeURIComponent(link);
|
|
36
|
+
let preparedLink;
|
|
37
|
+
switch (key) {
|
|
38
|
+
case 'whatsapp':
|
|
39
|
+
preparedLink = `https://wa.me/?text=${encodedUrl}`;
|
|
40
|
+
break;
|
|
41
|
+
case 'facebook':
|
|
42
|
+
preparedLink = `https://www.facebook.com/sharer.php?u=${encodedUrl}`;
|
|
43
|
+
break;
|
|
44
|
+
case 'twitter':
|
|
45
|
+
preparedLink = `https://twitter.com/intent/tweet?url=${encodedUrl}`;
|
|
46
|
+
break;
|
|
47
|
+
case 'mail':
|
|
48
|
+
preparedLink = `mailto:?subject=&body= ${encodedUrl}`;
|
|
49
|
+
break;
|
|
50
|
+
case 'copy':
|
|
51
|
+
void navigator.clipboard.writeText(link);
|
|
52
|
+
break;
|
|
53
|
+
default:
|
|
54
|
+
break;
|
|
55
|
+
}
|
|
56
|
+
if (!preparedLink) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
window.open(preparedLink);
|
|
60
|
+
};
|
|
61
|
+
const contextMenuItems = [{
|
|
62
|
+
icons: ['fa fa-copy'],
|
|
63
|
+
key: 'copy',
|
|
64
|
+
onClick: () => handleShare('copy'),
|
|
65
|
+
text: 'Zwischenablage'
|
|
66
|
+
}, {
|
|
67
|
+
icons: ['fa-brands fa-whatsapp'],
|
|
68
|
+
key: 'whatsapp',
|
|
69
|
+
onClick: () => handleShare('whatsapp'),
|
|
70
|
+
text: 'Whatsapp'
|
|
71
|
+
}, {
|
|
72
|
+
icons: ['fa-brands fa-facebook-f'],
|
|
73
|
+
key: 'facebook',
|
|
74
|
+
onClick: () => handleShare('facebook'),
|
|
75
|
+
text: 'Facebook'
|
|
76
|
+
}, {
|
|
77
|
+
icons: ['fa-brands fa-twitter'],
|
|
78
|
+
key: 'twitter',
|
|
79
|
+
onClick: () => handleShare('twitter'),
|
|
80
|
+
text: 'Twitter'
|
|
81
|
+
}, {
|
|
82
|
+
icons: ['fa fa-envelope'],
|
|
83
|
+
key: 'mail',
|
|
84
|
+
onClick: () => handleShare('mail'),
|
|
85
|
+
text: 'Mail'
|
|
86
|
+
}, {
|
|
87
|
+
icons: ['fa fa-qrcode'],
|
|
88
|
+
key: 'callingCode',
|
|
89
|
+
onClick: handleImageDownload,
|
|
90
|
+
text: 'Calling Code herunterladen'
|
|
91
|
+
}];
|
|
92
|
+
const handleSharingBarClick = () => {
|
|
93
|
+
var _contextMenuRef$curre;
|
|
94
|
+
(_contextMenuRef$curre = contextMenuRef.current) === null || _contextMenuRef$curre === void 0 ? void 0 : _contextMenuRef$curre.show();
|
|
95
|
+
};
|
|
96
|
+
return /*#__PURE__*/_react.default.createElement(_SharingBar.StyledSharingBar, {
|
|
97
|
+
onClick: handleSharingBarClick
|
|
98
|
+
}, /*#__PURE__*/_react.default.createElement(_SharingBar.StyledSharingBarIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
99
|
+
icons: ['fa fa-share-nodes']
|
|
100
|
+
})), /*#__PURE__*/_react.default.createElement(_ContextMenu.default, {
|
|
101
|
+
items: contextMenuItems,
|
|
102
|
+
ref: contextMenuRef
|
|
103
|
+
// ToDo change alignment
|
|
104
|
+
,
|
|
105
|
+
alignment: _alignment.ContextMenuAlignment.BottomRight
|
|
106
|
+
}, null), /*#__PURE__*/_react.default.createElement(_SharingBar.StyledSharingBarText, null, "Teilen"));
|
|
107
|
+
};
|
|
108
|
+
SharingBar.displayName = 'SharingBar';
|
|
109
|
+
var _default = SharingBar;
|
|
110
|
+
exports.default = _default;
|
|
111
|
+
//# sourceMappingURL=SharingBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SharingBar.js","names":["_react","_interopRequireWildcard","require","_alignment","_ContextMenu","_interopRequireDefault","_Icon","_SharingBar","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SharingBar","_ref","link","contextMenuRef","useRef","handleImageDownload","image","fetch","imageBlog","blob","imageURL","URL","createObjectURL","url","document","createElement","fileName","replace","trim","slice","href","download","body","appendChild","click","removeChild","handleShare","encodedUrl","encodeURIComponent","preparedLink","navigator","clipboard","writeText","window","open","contextMenuItems","icons","onClick","text","handleSharingBarClick","_contextMenuRef$curre","current","show","StyledSharingBar","StyledSharingBarIconWrapper","items","ref","alignment","ContextMenuAlignment","BottomRight","StyledSharingBarText","displayName","_default","exports"],"sources":["../../../src/components/sharing-bar/SharingBar.tsx"],"sourcesContent":["import React, { FC, useRef } from 'react';\nimport { ContextMenuAlignment } from '../context-menu/constants/alignment';\nimport ContextMenu from '../context-menu/ContextMenu';\nimport Icon from '../icon/Icon';\nimport {\n StyledSharingBar,\n StyledSharingBarIconWrapper,\n StyledSharingBarText,\n} from './SharingBar.styles';\n\nexport type SharingBarProps = {\n /**\n * The link that should be shared.\n */\n link: string;\n};\n\nconst SharingBar: FC<SharingBarProps> = ({ link }) => {\n const contextMenuRef = useRef<{ hide: VoidFunction; show: VoidFunction }>(null);\n\n const handleImageDownload = async () => {\n const image = await fetch(\n `https://cube.tobit.cloud/qr-code-generator/v1.0/png?value=${link}&color=005EB8&text=Teilen`\n );\n const imageBlog = await image.blob();\n const imageURL = URL.createObjectURL(imageBlog);\n\n const url = document.createElement('a');\n\n // Removes illegal characters from the name and shortens it to a maximum of 50 characters\n const fileName = `CallingCode_Share`\n .replace(/[^\\w-]+/g, '_')\n .trim()\n .slice(0, 75);\n\n url.href = imageURL;\n url.download = fileName;\n\n document.body.appendChild(url);\n\n url.click();\n\n document.body.removeChild(url);\n };\n\n const handleShare = (key: string) => {\n const encodedUrl = encodeURIComponent(link);\n let preparedLink;\n\n switch (key) {\n case 'whatsapp':\n preparedLink = `https://wa.me/?text=${encodedUrl}`;\n break;\n case 'facebook':\n preparedLink = `https://www.facebook.com/sharer.php?u=${encodedUrl}`;\n break;\n case 'twitter':\n preparedLink = `https://twitter.com/intent/tweet?url=${encodedUrl}`;\n break;\n case 'mail':\n preparedLink = `mailto:?subject=&body= ${encodedUrl}`;\n break;\n case 'copy':\n void navigator.clipboard.writeText(link);\n break;\n default:\n break;\n }\n\n if (!preparedLink) {\n return;\n }\n\n window.open(preparedLink);\n };\n\n const contextMenuItems = [\n {\n icons: ['fa fa-copy'],\n key: 'copy',\n onClick: () => handleShare('copy'),\n text: 'Zwischenablage',\n },\n {\n icons: ['fa-brands fa-whatsapp'],\n key: 'whatsapp',\n onClick: () => handleShare('whatsapp'),\n text: 'Whatsapp',\n },\n {\n icons: ['fa-brands fa-facebook-f'],\n key: 'facebook',\n onClick: () => handleShare('facebook'),\n text: 'Facebook',\n },\n {\n icons: ['fa-brands fa-twitter'],\n key: 'twitter',\n onClick: () => handleShare('twitter'),\n text: 'Twitter',\n },\n {\n icons: ['fa fa-envelope'],\n key: 'mail',\n onClick: () => handleShare('mail'),\n text: 'Mail',\n },\n {\n icons: ['fa fa-qrcode'],\n key: 'callingCode',\n onClick: handleImageDownload,\n text: 'Calling Code herunterladen',\n },\n ];\n\n const handleSharingBarClick = () => {\n contextMenuRef.current?.show();\n };\n\n return (\n <StyledSharingBar onClick={handleSharingBarClick}>\n <StyledSharingBarIconWrapper>\n <Icon icons={['fa fa-share-nodes']} />\n </StyledSharingBarIconWrapper>\n <ContextMenu\n items={contextMenuItems}\n ref={contextMenuRef}\n // ToDo change alignment\n alignment={ContextMenuAlignment.BottomRight}\n >\n {null}\n </ContextMenu>\n <StyledSharingBarText>Teilen</StyledSharingBarText>\n </StyledSharingBar>\n );\n};\n\nSharingBar.displayName = 'SharingBar';\n\nexport default SharingBar;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export declare const StyledSharingBar: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
+
export declare const StyledSharingBarIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
+
export declare const StyledSharingBarText: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.StyledSharingBarText = exports.StyledSharingBarIconWrapper = exports.StyledSharingBar = void 0;
|
|
7
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
const StyledSharingBar = _styledComponents.default.div`
|
|
10
|
+
cursor: pointer;
|
|
11
|
+
display: flex;
|
|
12
|
+
`;
|
|
13
|
+
exports.StyledSharingBar = StyledSharingBar;
|
|
14
|
+
const StyledSharingBarIconWrapper = _styledComponents.default.div``;
|
|
15
|
+
exports.StyledSharingBarIconWrapper = StyledSharingBarIconWrapper;
|
|
16
|
+
const StyledSharingBarText = _styledComponents.default.p`
|
|
17
|
+
margin-left: 5px;
|
|
18
|
+
`;
|
|
19
|
+
exports.StyledSharingBarText = StyledSharingBarText;
|
|
20
|
+
//# sourceMappingURL=SharingBar.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SharingBar.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledSharingBar","styled","div","exports","StyledSharingBarIconWrapper","StyledSharingBarText","p"],"sources":["../../../src/components/sharing-bar/SharingBar.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledSharingBar = styled.div`\n cursor: pointer;\n display: flex;\n`;\n\nexport const StyledSharingBarIconWrapper = styled.div``;\n\nexport const StyledSharingBarText = styled.p`\n margin-left: 5px;\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;AAEhC,MAAMG,gBAAgB,GAAGC,yBAAM,CAACC,GAAI;AAC3C;AACA;AACA,CAAC;AAACC,OAAA,CAAAH,gBAAA,GAAAA,gBAAA;AAEK,MAAMI,2BAA2B,GAAGH,yBAAM,CAACC,GAAI,EAAC;AAACC,OAAA,CAAAC,2BAAA,GAAAA,2BAAA;AAEjD,MAAMC,oBAAoB,GAAGJ,yBAAM,CAACK,CAAE;AAC7C;AACA,CAAC;AAACH,OAAA,CAAAE,oBAAA,GAAAA,oBAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
export type SliderProps = {
|
|
3
|
+
/**
|
|
4
|
+
* The maximum value of the slider.
|
|
5
|
+
*/
|
|
6
|
+
maxValue: number;
|
|
7
|
+
/**
|
|
8
|
+
* The minimum value of the slider.
|
|
9
|
+
*/
|
|
10
|
+
minValue: number;
|
|
11
|
+
/**
|
|
12
|
+
* Function that will be executed when the value is changed.
|
|
13
|
+
*/
|
|
14
|
+
onChange?: (value: number) => void;
|
|
15
|
+
/**
|
|
16
|
+
* the Value that the slider should have.
|
|
17
|
+
*/
|
|
18
|
+
value?: number;
|
|
19
|
+
};
|
|
20
|
+
declare const Slider: FC<SliderProps>;
|
|
21
|
+
export default Slider;
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _Slider = require("./Slider.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; }
|
|
11
|
+
const Slider = _ref => {
|
|
12
|
+
let {
|
|
13
|
+
maxValue,
|
|
14
|
+
minValue,
|
|
15
|
+
value,
|
|
16
|
+
onChange
|
|
17
|
+
} = _ref;
|
|
18
|
+
const [editedValue, setEditedValue] = (0, _react.useState)(0);
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* This function sets the value
|
|
22
|
+
*/
|
|
23
|
+
(0, _react.useEffect)(() => {
|
|
24
|
+
if (!value) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
if (value >= minValue && value <= maxValue) {
|
|
28
|
+
setEditedValue(value);
|
|
29
|
+
}
|
|
30
|
+
}, [maxValue, minValue, value]);
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* This function alls the onChange function
|
|
34
|
+
*/
|
|
35
|
+
const handelInputBlur = (0, _react.useCallback)(() => {
|
|
36
|
+
if (onChange) {
|
|
37
|
+
onChange(editedValue);
|
|
38
|
+
}
|
|
39
|
+
}, [editedValue, onChange]);
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* This function updates the value
|
|
43
|
+
*/
|
|
44
|
+
const handleInputChange = event => {
|
|
45
|
+
setEditedValue(Number(event.target.value));
|
|
46
|
+
};
|
|
47
|
+
return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_Slider.StyledSlider, null, /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderInput, {
|
|
48
|
+
type: "range",
|
|
49
|
+
value: editedValue,
|
|
50
|
+
max: maxValue,
|
|
51
|
+
min: minValue,
|
|
52
|
+
onChange: handleInputChange,
|
|
53
|
+
onMouseUp: handelInputBlur
|
|
54
|
+
})), [editedValue, handelInputBlur, maxValue, minValue]);
|
|
55
|
+
};
|
|
56
|
+
Slider.displayName = 'Slider';
|
|
57
|
+
var _default = Slider;
|
|
58
|
+
exports.default = _default;
|
|
59
|
+
//# sourceMappingURL=Slider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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","handelInputBlur","useCallback","handleInputChange","event","Number","target","useMemo","createElement","StyledSlider","StyledSliderInput","type","max","min","onMouseUp","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 (!value) {\n return;\n }\n\n if (value >= minValue && value <= maxValue) {\n setEditedValue(value);\n }\n }, [maxValue, minValue, value]);\n\n /**\n * This function alls the onChange function\n */\n const handelInputBlur = useCallback(() => {\n if (onChange) {\n onChange(editedValue);\n }\n }, [editedValue, onChange]);\n\n /**\n * This function updates the value\n */\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n setEditedValue(Number(event.target.value));\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 onMouseUp={handelInputBlur}\n />\n </StyledSlider>\n ),\n [editedValue, handelInputBlur, maxValue, minValue]\n );\n};\n\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAkE,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;AAqBlE,MAAMW,MAAuB,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAAJ,IAAA;EACpE,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;;EAEjD;AACJ;AACA;EACI,IAAAC,gBAAS,EAAC,MAAM;IACZ,IAAI,CAACL,KAAK,EAAE;MACR;IACJ;IAEA,IAAIA,KAAK,IAAID,QAAQ,IAAIC,KAAK,IAAIF,QAAQ,EAAE;MACxCK,cAAc,CAACH,KAAK,CAAC;IACzB;EACJ,CAAC,EAAE,CAACF,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,CAAC,CAAC;;EAE/B;AACJ;AACA;EACI,MAAMM,eAAe,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACtC,IAAIN,QAAQ,EAAE;MACVA,QAAQ,CAACC,WAAW,CAAC;IACzB;EACJ,CAAC,EAAE,CAACA,WAAW,EAAED,QAAQ,CAAC,CAAC;;EAE3B;AACJ;AACA;EACI,MAAMO,iBAAiB,GAAIC,KAAoC,IAAK;IAChEN,cAAc,CAACO,MAAM,CAACD,KAAK,CAACE,MAAM,CAACX,KAAK,CAAC,CAAC;EAC9C,CAAC;EAED,OAAO,IAAAY,cAAO,EACV,mBACI1C,MAAA,CAAAW,OAAA,CAAAgC,aAAA,CAACxC,OAAA,CAAAyC,YAAY,qBACT5C,MAAA,CAAAW,OAAA,CAAAgC,aAAA,CAACxC,OAAA,CAAA0C,iBAAiB;IACdC,IAAI,EAAC,OAAO;IACZhB,KAAK,EAAEE,WAAY;IACnBe,GAAG,EAAEnB,QAAS;IACdoB,GAAG,EAAEnB,QAAS;IACdE,QAAQ,EAAEO,iBAAkB;IAC5BW,SAAS,EAAEb;EAAgB,CAC9B,CACS,CACjB,EACD,CAACJ,WAAW,EAAEI,eAAe,EAAER,QAAQ,EAAEC,QAAQ,CACrD,CAAC;AACL,CAAC;AAEDH,MAAM,CAACwB,WAAW,GAAG,QAAQ;AAAC,IAAAC,QAAA,GAEfzB,MAAM;AAAA0B,OAAA,CAAAzC,OAAA,GAAAwC,QAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const StyledSlider: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
+
export declare const StyledSliderInput: import("styled-components").StyledComponent<"input", any, {
|
|
3
|
+
min: number;
|
|
4
|
+
max: number;
|
|
5
|
+
value: number;
|
|
6
|
+
} & {
|
|
7
|
+
theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
|
|
8
|
+
}, never>;
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.StyledSliderInput = exports.StyledSlider = void 0;
|
|
7
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
const StyledSlider = _styledComponents.default.div`
|
|
10
|
+
width: 100%;
|
|
11
|
+
cursor: pointer;
|
|
12
|
+
`;
|
|
13
|
+
exports.StyledSlider = StyledSlider;
|
|
14
|
+
const StyledSliderInput = _styledComponents.default.input`
|
|
15
|
+
width: 100%;
|
|
16
|
+
border-radius: 100px;
|
|
17
|
+
-webkit-appearance: none;
|
|
18
|
+
height: 10px;
|
|
19
|
+
background: ${_ref => {
|
|
20
|
+
var _theme$, _theme$2, _theme$3, _theme$4;
|
|
21
|
+
let {
|
|
22
|
+
theme,
|
|
23
|
+
min,
|
|
24
|
+
max,
|
|
25
|
+
value
|
|
26
|
+
} = _ref;
|
|
27
|
+
return `linear-gradient(
|
|
28
|
+
to right,
|
|
29
|
+
${(_theme$ = theme['409']) !== null && _theme$ !== void 0 ? _theme$ : ''} 0%,
|
|
30
|
+
${(_theme$2 = theme['409']) !== null && _theme$2 !== void 0 ? _theme$2 : ''}
|
|
31
|
+
${(value - min) / (max - min) * 100}%,
|
|
32
|
+
${(_theme$3 = theme['403']) !== null && _theme$3 !== void 0 ? _theme$3 : ''}
|
|
33
|
+
${(value - min) / (max - min) * 100}%,
|
|
34
|
+
${(_theme$4 = theme['403']) !== null && _theme$4 !== void 0 ? _theme$4 : ''}
|
|
35
|
+
)`;
|
|
36
|
+
}};
|
|
37
|
+
|
|
38
|
+
outline: none;
|
|
39
|
+
opacity: 0.7;
|
|
40
|
+
-webkit-transition: 0.2s;
|
|
41
|
+
transition: opacity 0.2s;
|
|
42
|
+
|
|
43
|
+
// Slider thumb for chrome
|
|
44
|
+
&::-webkit-slider-thumb {
|
|
45
|
+
-webkit-appearance: none;
|
|
46
|
+
appearance: none;
|
|
47
|
+
width: 20px;
|
|
48
|
+
height: 20px;
|
|
49
|
+
background-color: ${_ref2 => {
|
|
50
|
+
let {
|
|
51
|
+
theme
|
|
52
|
+
} = _ref2;
|
|
53
|
+
return theme['100'];
|
|
54
|
+
}};
|
|
55
|
+
cursor: pointer;
|
|
56
|
+
border-radius: 50%;
|
|
57
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
// slider thumb for firefox
|
|
61
|
+
&::-moz-range-thumb {
|
|
62
|
+
width: 20px;
|
|
63
|
+
height: 20px;
|
|
64
|
+
background-color: ${_ref3 => {
|
|
65
|
+
let {
|
|
66
|
+
theme
|
|
67
|
+
} = _ref3;
|
|
68
|
+
return theme['100'];
|
|
69
|
+
}};
|
|
70
|
+
cursor: pointer;
|
|
71
|
+
border-radius: 50%;
|
|
72
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
|
|
73
|
+
}
|
|
74
|
+
`;
|
|
75
|
+
exports.StyledSliderInput = StyledSliderInput;
|
|
76
|
+
//# sourceMappingURL=Slider.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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/index.d.ts
CHANGED
|
@@ -18,4 +18,6 @@ export { default as ListItem } from './components/list/list-item/ListItem';
|
|
|
18
18
|
export { MentionFinderPopupAlignment } from './components/mention-finder/constants/alignment';
|
|
19
19
|
export { default as MentionFinder } from './components/mention-finder/MentionFinder';
|
|
20
20
|
export type { MentionMember } from './components/mention-finder/MentionFinder';
|
|
21
|
+
export { default as SharingBar } from './components/sharing-bar/SharingBar';
|
|
22
|
+
export { default as Slider } from './components/slider/Slider';
|
|
21
23
|
export { default as SmallWaitCursor, SmallWaitCursorSpeed, } from './components/small-wait-cursor/SmallWaitCursor';
|
package/lib/index.js
CHANGED
|
@@ -111,6 +111,18 @@ Object.defineProperty(exports, "MentionFinderPopupAlignment", {
|
|
|
111
111
|
return _alignment.MentionFinderPopupAlignment;
|
|
112
112
|
}
|
|
113
113
|
});
|
|
114
|
+
Object.defineProperty(exports, "SharingBar", {
|
|
115
|
+
enumerable: true,
|
|
116
|
+
get: function () {
|
|
117
|
+
return _SharingBar.default;
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
Object.defineProperty(exports, "Slider", {
|
|
121
|
+
enumerable: true,
|
|
122
|
+
get: function () {
|
|
123
|
+
return _Slider.default;
|
|
124
|
+
}
|
|
125
|
+
});
|
|
114
126
|
Object.defineProperty(exports, "SmallWaitCursor", {
|
|
115
127
|
enumerable: true,
|
|
116
128
|
get: function () {
|
|
@@ -141,6 +153,8 @@ var _ListItemContent = _interopRequireDefault(require("./components/list/list-it
|
|
|
141
153
|
var _ListItem = _interopRequireDefault(require("./components/list/list-item/ListItem"));
|
|
142
154
|
var _alignment = require("./components/mention-finder/constants/alignment");
|
|
143
155
|
var _MentionFinder = _interopRequireDefault(require("./components/mention-finder/MentionFinder"));
|
|
156
|
+
var _SharingBar = _interopRequireDefault(require("./components/sharing-bar/SharingBar"));
|
|
157
|
+
var _Slider = _interopRequireDefault(require("./components/slider/Slider"));
|
|
144
158
|
var _SmallWaitCursor = _interopRequireWildcard(require("./components/small-wait-cursor/SmallWaitCursor"));
|
|
145
159
|
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); }
|
|
146
160
|
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; }
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Accordion","_interopRequireDefault","require","_AccordionContent","_AccordionGroup","_AccordionIntro","_AmountControl","_Badge","_Button","_Checkbox","_ColorSchemeProvider","_ContextMenu","_GridImage","_Icon","_Input","_List","_ListItemContent","_ListItem","_alignment","_MentionFinder","_SmallWaitCursor","_interopRequireWildcard","_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 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 ContextMenu } from './components/context-menu/ContextMenu';\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 {\n default as SmallWaitCursor,\n SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Accordion","_interopRequireDefault","require","_AccordionContent","_AccordionGroup","_AccordionIntro","_AmountControl","_Badge","_Button","_Checkbox","_ColorSchemeProvider","_ContextMenu","_GridImage","_Icon","_Input","_List","_ListItemContent","_ListItem","_alignment","_MentionFinder","_SharingBar","_Slider","_SmallWaitCursor","_interopRequireWildcard","_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 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 ContextMenu } from './components/context-menu/ContextMenu';\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 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';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,eAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,OAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,oBAAA,GAAAT,sBAAA,CAAAC,OAAA;AAEA,IAAAS,YAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,UAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,KAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,MAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,KAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,gBAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,SAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,UAAA,GAAAhB,OAAA;AACA,IAAAiB,cAAA,GAAAlB,sBAAA,CAAAC,OAAA;AAEA,IAAAkB,WAAA,GAAAnB,sBAAA,CAAAC,OAAA;AACA,IAAAmB,OAAA,GAAApB,sBAAA,CAAAC,OAAA;AACA,IAAAoB,gBAAA,GAAAC,uBAAA,CAAArB,OAAA;AAGwD,SAAAsB,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,SAAAF,wBAAAM,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;AAAA,SAAAlC,uBAAA4B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chayns-components/core",
|
|
3
|
-
"version": "5.0.0-beta.
|
|
3
|
+
"version": "5.0.0-beta.160",
|
|
4
4
|
"description": "A set of beautiful React components for developing your own applications with chayns.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"chayns",
|
|
@@ -62,5 +62,5 @@
|
|
|
62
62
|
"publishConfig": {
|
|
63
63
|
"access": "public"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "169b95571d9e03e3301c18d4aacbe28edbb7a8d8"
|
|
66
66
|
}
|