@chayns-components/devalue-slider 5.5.42 → 5.5.45
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.
|
@@ -67,10 +67,10 @@ const Timer = ({
|
|
|
67
67
|
return /*#__PURE__*/_react.default.createElement(_textstrings.Translation, {
|
|
68
68
|
textString: text,
|
|
69
69
|
replacements: {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
70
|
+
MINUTES: minutesShowValue,
|
|
71
|
+
SECONDS: secondsShowValue,
|
|
72
|
+
TIME: formatTime(devalueTime, 'HH:mm'),
|
|
73
|
+
DISTANCE: distanceLabel
|
|
74
74
|
}
|
|
75
75
|
});
|
|
76
76
|
}, [devalueTime, minutesShowValue, secondsShowValue, language]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timer.js","names":["_react","_interopRequireWildcard","require","_chaynsApi","_Timer","_date","_textStrings","_interopRequireDefault","_textstrings","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Timer","devalueTime","color","textColor","active","language","getLanguage","refDate","useRef","Date","distance","setDistance","useState","intervalToDuration","start","end","minutesShowValue","useMemo","Math","max","minutes","toString","secondsShowValue","seconds","useEffect","current","interval","setInterval","clearInterval","handlePointerDownCapture","useCallback","vibrate","pattern","iOSFeedbackVibration","label","text","textStrings","components","timer","devalued","differenceInHours","future","differenceInMinutes","devaluedWithMinutes","formatTime","date","formatString","hours","getHours","padStart","getMinutes","distanceLabel","getTimeTillNow","currentDate","createElement","Translation","textString","replacements","Container","$baseFontSize","$borderSize","$height","$color","$textColor","$backgroundColor","onPointerDownCapture","Time","_default","exports"],"sources":["../../../../src/components/timer/Timer.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { getLanguage, vibrate } from 'chayns-api';\n\nimport { Container, Time } from './Timer.styles';\nimport {\n differenceInHours,\n differenceInMinutes,\n getTimeTillNow,\n intervalToDuration,\n} from '../../utils/date';\nimport textStrings from '../../constants/textStrings';\nimport { Translation } from '@chayns/textstrings';\n\nexport type TimerProps = {\n color: string;\n devalueTime: Date;\n textColor?: string;\n};\n\nconst Timer: FunctionComponent<TimerProps> = ({ devalueTime, color, textColor = 'white' }) => {\n const { active: language } = getLanguage();\n\n const refDate = useRef(new Date());\n const [distance, setDistance] = useState(\n intervalToDuration({\n start: devalueTime,\n end: new Date(),\n }),\n );\n const minutesShowValue = useMemo(\n () => Math.max(distance.minutes ?? 0, 0).toString(),\n [distance.minutes],\n );\n const secondsShowValue = useMemo(\n () => Math.max(distance.seconds ?? 0, 0).toString(),\n [distance.seconds],\n );\n\n useEffect(() => {\n refDate.current = new Date();\n const interval = setInterval(() => {\n refDate.current = new Date();\n setDistance(\n intervalToDuration({\n start: devalueTime,\n end: refDate.current,\n }),\n );\n }, 500);\n return () => clearInterval(interval);\n }, [devalueTime]);\n\n const handlePointerDownCapture = useCallback(() => {\n void vibrate({ pattern: [50], iOSFeedbackVibration: 7 });\n }, []);\n\n const label = useMemo(() => {\n let text: { stringName: string; fallback: string } = textStrings.components.timer.devalued;\n if (differenceInHours(refDate.current, devalueTime) > 0) {\n text = textStrings.components.timer.future;\n } else if (differenceInMinutes(refDate.current, devalueTime) > 0) {\n text = textStrings.components.timer.devaluedWithMinutes;\n }\n\n const formatTime = (date: Date, formatString: string): string => {\n const hours = date.getHours().toString().padStart(2, '0');\n const minutes = date.getMinutes().toString().padStart(2, '0');\n\n if (formatString === 'HH:mm') {\n return `${hours}:${minutes}`;\n }\n return '';\n };\n\n const distanceLabel = getTimeTillNow({\n date: new Date(),\n currentDate: devalueTime,\n language,\n });\n\n return (\n <Translation\n textString={text}\n replacements={{\n
|
|
1
|
+
{"version":3,"file":"Timer.js","names":["_react","_interopRequireWildcard","require","_chaynsApi","_Timer","_date","_textStrings","_interopRequireDefault","_textstrings","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Timer","devalueTime","color","textColor","active","language","getLanguage","refDate","useRef","Date","distance","setDistance","useState","intervalToDuration","start","end","minutesShowValue","useMemo","Math","max","minutes","toString","secondsShowValue","seconds","useEffect","current","interval","setInterval","clearInterval","handlePointerDownCapture","useCallback","vibrate","pattern","iOSFeedbackVibration","label","text","textStrings","components","timer","devalued","differenceInHours","future","differenceInMinutes","devaluedWithMinutes","formatTime","date","formatString","hours","getHours","padStart","getMinutes","distanceLabel","getTimeTillNow","currentDate","createElement","Translation","textString","replacements","MINUTES","SECONDS","TIME","DISTANCE","Container","$baseFontSize","$borderSize","$height","$color","$textColor","$backgroundColor","onPointerDownCapture","Time","_default","exports"],"sources":["../../../../src/components/timer/Timer.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { getLanguage, vibrate } from 'chayns-api';\n\nimport { Container, Time } from './Timer.styles';\nimport {\n differenceInHours,\n differenceInMinutes,\n getTimeTillNow,\n intervalToDuration,\n} from '../../utils/date';\nimport textStrings from '../../constants/textStrings';\nimport { Translation } from '@chayns/textstrings';\n\nexport type TimerProps = {\n color: string;\n devalueTime: Date;\n textColor?: string;\n};\n\nconst Timer: FunctionComponent<TimerProps> = ({ devalueTime, color, textColor = 'white' }) => {\n const { active: language } = getLanguage();\n\n const refDate = useRef(new Date());\n const [distance, setDistance] = useState(\n intervalToDuration({\n start: devalueTime,\n end: new Date(),\n }),\n );\n const minutesShowValue = useMemo(\n () => Math.max(distance.minutes ?? 0, 0).toString(),\n [distance.minutes],\n );\n const secondsShowValue = useMemo(\n () => Math.max(distance.seconds ?? 0, 0).toString(),\n [distance.seconds],\n );\n\n useEffect(() => {\n refDate.current = new Date();\n const interval = setInterval(() => {\n refDate.current = new Date();\n setDistance(\n intervalToDuration({\n start: devalueTime,\n end: refDate.current,\n }),\n );\n }, 500);\n return () => clearInterval(interval);\n }, [devalueTime]);\n\n const handlePointerDownCapture = useCallback(() => {\n void vibrate({ pattern: [50], iOSFeedbackVibration: 7 });\n }, []);\n\n const label = useMemo(() => {\n let text: { stringName: string; fallback: string } = textStrings.components.timer.devalued;\n if (differenceInHours(refDate.current, devalueTime) > 0) {\n text = textStrings.components.timer.future;\n } else if (differenceInMinutes(refDate.current, devalueTime) > 0) {\n text = textStrings.components.timer.devaluedWithMinutes;\n }\n\n const formatTime = (date: Date, formatString: string): string => {\n const hours = date.getHours().toString().padStart(2, '0');\n const minutes = date.getMinutes().toString().padStart(2, '0');\n\n if (formatString === 'HH:mm') {\n return `${hours}:${minutes}`;\n }\n return '';\n };\n\n const distanceLabel = getTimeTillNow({\n date: new Date(),\n currentDate: devalueTime,\n language,\n });\n\n return (\n <Translation\n textString={text}\n replacements={{\n MINUTES: minutesShowValue,\n SECONDS: secondsShowValue,\n TIME: formatTime(devalueTime, 'HH:mm'),\n DISTANCE: distanceLabel,\n }}\n />\n );\n }, [devalueTime, minutesShowValue, secondsShowValue, language]);\n\n return (\n <Container\n $baseFontSize={17}\n $borderSize={2}\n $height={50}\n $color={color}\n $textColor={textColor}\n $backgroundColor={color}\n onPointerDownCapture={handlePointerDownCapture}\n >\n <Time>{label}</Time>\n </Container>\n );\n};\n\nexport default Timer;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -59,10 +59,10 @@ const Timer = ({
|
|
|
59
59
|
return /*#__PURE__*/React.createElement(Translation, {
|
|
60
60
|
textString: text,
|
|
61
61
|
replacements: {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
62
|
+
MINUTES: minutesShowValue,
|
|
63
|
+
SECONDS: secondsShowValue,
|
|
64
|
+
TIME: formatTime(devalueTime, 'HH:mm'),
|
|
65
|
+
DISTANCE: distanceLabel
|
|
66
66
|
}
|
|
67
67
|
});
|
|
68
68
|
}, [devalueTime, minutesShowValue, secondsShowValue, language]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timer.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","getLanguage","vibrate","Container","Time","differenceInHours","differenceInMinutes","getTimeTillNow","intervalToDuration","textStrings","Translation","Timer","devalueTime","color","textColor","active","language","refDate","Date","distance","setDistance","start","end","minutesShowValue","Math","max","minutes","toString","secondsShowValue","seconds","current","interval","setInterval","clearInterval","handlePointerDownCapture","pattern","iOSFeedbackVibration","label","text","components","timer","devalued","future","devaluedWithMinutes","formatTime","date","formatString","hours","getHours","padStart","getMinutes","distanceLabel","currentDate","createElement","textString","replacements","$baseFontSize","$borderSize","$height","$color","$textColor","$backgroundColor","onPointerDownCapture"],"sources":["../../../../src/components/timer/Timer.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { getLanguage, vibrate } from 'chayns-api';\n\nimport { Container, Time } from './Timer.styles';\nimport {\n differenceInHours,\n differenceInMinutes,\n getTimeTillNow,\n intervalToDuration,\n} from '../../utils/date';\nimport textStrings from '../../constants/textStrings';\nimport { Translation } from '@chayns/textstrings';\n\nexport type TimerProps = {\n color: string;\n devalueTime: Date;\n textColor?: string;\n};\n\nconst Timer: FunctionComponent<TimerProps> = ({ devalueTime, color, textColor = 'white' }) => {\n const { active: language } = getLanguage();\n\n const refDate = useRef(new Date());\n const [distance, setDistance] = useState(\n intervalToDuration({\n start: devalueTime,\n end: new Date(),\n }),\n );\n const minutesShowValue = useMemo(\n () => Math.max(distance.minutes ?? 0, 0).toString(),\n [distance.minutes],\n );\n const secondsShowValue = useMemo(\n () => Math.max(distance.seconds ?? 0, 0).toString(),\n [distance.seconds],\n );\n\n useEffect(() => {\n refDate.current = new Date();\n const interval = setInterval(() => {\n refDate.current = new Date();\n setDistance(\n intervalToDuration({\n start: devalueTime,\n end: refDate.current,\n }),\n );\n }, 500);\n return () => clearInterval(interval);\n }, [devalueTime]);\n\n const handlePointerDownCapture = useCallback(() => {\n void vibrate({ pattern: [50], iOSFeedbackVibration: 7 });\n }, []);\n\n const label = useMemo(() => {\n let text: { stringName: string; fallback: string } = textStrings.components.timer.devalued;\n if (differenceInHours(refDate.current, devalueTime) > 0) {\n text = textStrings.components.timer.future;\n } else if (differenceInMinutes(refDate.current, devalueTime) > 0) {\n text = textStrings.components.timer.devaluedWithMinutes;\n }\n\n const formatTime = (date: Date, formatString: string): string => {\n const hours = date.getHours().toString().padStart(2, '0');\n const minutes = date.getMinutes().toString().padStart(2, '0');\n\n if (formatString === 'HH:mm') {\n return `${hours}:${minutes}`;\n }\n return '';\n };\n\n const distanceLabel = getTimeTillNow({\n date: new Date(),\n currentDate: devalueTime,\n language,\n });\n\n return (\n <Translation\n textString={text}\n replacements={{\n
|
|
1
|
+
{"version":3,"file":"Timer.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","getLanguage","vibrate","Container","Time","differenceInHours","differenceInMinutes","getTimeTillNow","intervalToDuration","textStrings","Translation","Timer","devalueTime","color","textColor","active","language","refDate","Date","distance","setDistance","start","end","minutesShowValue","Math","max","minutes","toString","secondsShowValue","seconds","current","interval","setInterval","clearInterval","handlePointerDownCapture","pattern","iOSFeedbackVibration","label","text","components","timer","devalued","future","devaluedWithMinutes","formatTime","date","formatString","hours","getHours","padStart","getMinutes","distanceLabel","currentDate","createElement","textString","replacements","MINUTES","SECONDS","TIME","DISTANCE","$baseFontSize","$borderSize","$height","$color","$textColor","$backgroundColor","onPointerDownCapture"],"sources":["../../../../src/components/timer/Timer.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { getLanguage, vibrate } from 'chayns-api';\n\nimport { Container, Time } from './Timer.styles';\nimport {\n differenceInHours,\n differenceInMinutes,\n getTimeTillNow,\n intervalToDuration,\n} from '../../utils/date';\nimport textStrings from '../../constants/textStrings';\nimport { Translation } from '@chayns/textstrings';\n\nexport type TimerProps = {\n color: string;\n devalueTime: Date;\n textColor?: string;\n};\n\nconst Timer: FunctionComponent<TimerProps> = ({ devalueTime, color, textColor = 'white' }) => {\n const { active: language } = getLanguage();\n\n const refDate = useRef(new Date());\n const [distance, setDistance] = useState(\n intervalToDuration({\n start: devalueTime,\n end: new Date(),\n }),\n );\n const minutesShowValue = useMemo(\n () => Math.max(distance.minutes ?? 0, 0).toString(),\n [distance.minutes],\n );\n const secondsShowValue = useMemo(\n () => Math.max(distance.seconds ?? 0, 0).toString(),\n [distance.seconds],\n );\n\n useEffect(() => {\n refDate.current = new Date();\n const interval = setInterval(() => {\n refDate.current = new Date();\n setDistance(\n intervalToDuration({\n start: devalueTime,\n end: refDate.current,\n }),\n );\n }, 500);\n return () => clearInterval(interval);\n }, [devalueTime]);\n\n const handlePointerDownCapture = useCallback(() => {\n void vibrate({ pattern: [50], iOSFeedbackVibration: 7 });\n }, []);\n\n const label = useMemo(() => {\n let text: { stringName: string; fallback: string } = textStrings.components.timer.devalued;\n if (differenceInHours(refDate.current, devalueTime) > 0) {\n text = textStrings.components.timer.future;\n } else if (differenceInMinutes(refDate.current, devalueTime) > 0) {\n text = textStrings.components.timer.devaluedWithMinutes;\n }\n\n const formatTime = (date: Date, formatString: string): string => {\n const hours = date.getHours().toString().padStart(2, '0');\n const minutes = date.getMinutes().toString().padStart(2, '0');\n\n if (formatString === 'HH:mm') {\n return `${hours}:${minutes}`;\n }\n return '';\n };\n\n const distanceLabel = getTimeTillNow({\n date: new Date(),\n currentDate: devalueTime,\n language,\n });\n\n return (\n <Translation\n textString={text}\n replacements={{\n MINUTES: minutesShowValue,\n SECONDS: secondsShowValue,\n TIME: formatTime(devalueTime, 'HH:mm'),\n DISTANCE: distanceLabel,\n }}\n />\n );\n }, [devalueTime, minutesShowValue, secondsShowValue, language]);\n\n return (\n <Container\n $baseFontSize={17}\n $borderSize={2}\n $height={50}\n $color={color}\n $textColor={textColor}\n $backgroundColor={color}\n onPointerDownCapture={handlePointerDownCapture}\n >\n <Time>{label}</Time>\n </Container>\n );\n};\n\nexport default Timer;\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chayns-components/devalue-slider",
|
|
3
|
-
"version": "5.5.
|
|
3
|
+
"version": "5.5.45",
|
|
4
4
|
"description": "A slider to devalue something.",
|
|
5
5
|
"siteEffects": false,
|
|
6
6
|
"browserslist": [
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"url": "https://github.com/TobitSoftware/chayns-components/issues"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
|
-
"@chayns-components/core": "^5.5.
|
|
55
|
+
"@chayns-components/core": "^5.5.45",
|
|
56
56
|
"@chayns/textstrings": "^1.0.1",
|
|
57
57
|
"@react-hook/size": "^2.1.2",
|
|
58
58
|
"react-compiler-runtime": "^1.0.0"
|
|
@@ -83,5 +83,5 @@
|
|
|
83
83
|
"publishConfig": {
|
|
84
84
|
"access": "public"
|
|
85
85
|
},
|
|
86
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "2fdb77365e5c584e61610bf190ab9c36a5e588ad"
|
|
87
87
|
}
|