@activecollab/components 1.0.377 → 1.0.379
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/dist/cjs/components/EditableContent/Styles.js +1 -1
- package/dist/cjs/components/EditableContent/Styles.js.map +1 -1
- package/dist/cjs/components/EditableHours/EditableHours.js +17 -211
- package/dist/cjs/components/EditableHours/EditableHours.js.map +1 -1
- package/dist/cjs/components/HoursWrapper/HoursWrapper.js +254 -0
- package/dist/cjs/components/HoursWrapper/HoursWrapper.js.map +1 -0
- package/dist/cjs/components/HoursWrapper/index.js +17 -0
- package/dist/cjs/components/HoursWrapper/index.js.map +1 -0
- package/dist/cjs/components/Input/Input.js.map +1 -1
- package/dist/cjs/components/Input/InputHours.js +54 -0
- package/dist/cjs/components/Input/InputHours.js.map +1 -0
- package/dist/cjs/utils/timeUtils.js +3 -0
- package/dist/cjs/utils/timeUtils.js.map +1 -1
- package/dist/cjs/utils/timeUtils.test.js +1 -1
- package/dist/cjs/utils/timeUtils.test.js.map +1 -1
- package/dist/esm/components/ComboBox/Styles.d.ts +1 -1
- package/dist/esm/components/EditableContent/Styles.js +1 -1
- package/dist/esm/components/EditableContent/Styles.js.map +1 -1
- package/dist/esm/components/EditableHours/EditableHours.d.ts +2 -1
- package/dist/esm/components/EditableHours/EditableHours.d.ts.map +1 -1
- package/dist/esm/components/EditableHours/EditableHours.js +18 -203
- package/dist/esm/components/EditableHours/EditableHours.js.map +1 -1
- package/dist/esm/components/HoursWrapper/HoursWrapper.d.ts +9 -0
- package/dist/esm/components/HoursWrapper/HoursWrapper.d.ts.map +1 -0
- package/dist/esm/components/HoursWrapper/HoursWrapper.js +235 -0
- package/dist/esm/components/HoursWrapper/HoursWrapper.js.map +1 -0
- package/dist/esm/components/HoursWrapper/index.d.ts +2 -0
- package/dist/esm/components/HoursWrapper/index.d.ts.map +1 -0
- package/dist/esm/components/HoursWrapper/index.js +2 -0
- package/dist/esm/components/HoursWrapper/index.js.map +1 -0
- package/dist/esm/components/Input/Input.d.ts +5 -3
- package/dist/esm/components/Input/Input.d.ts.map +1 -1
- package/dist/esm/components/Input/Input.js.map +1 -1
- package/dist/esm/components/Input/InputHours.d.ts +7 -0
- package/dist/esm/components/Input/InputHours.d.ts.map +1 -0
- package/dist/esm/components/Input/InputHours.js +42 -0
- package/dist/esm/components/Input/InputHours.js.map +1 -0
- package/dist/esm/components/Select/Styles.d.ts +1 -1
- package/dist/esm/components/Select/Styles.d.ts.map +1 -1
- package/dist/esm/utils/timeUtils.d.ts +1 -1
- package/dist/esm/utils/timeUtils.d.ts.map +1 -1
- package/dist/esm/utils/timeUtils.js +3 -0
- package/dist/esm/utils/timeUtils.js.map +1 -1
- package/dist/esm/utils/timeUtils.test.js +1 -1
- package/dist/esm/utils/timeUtils.test.js.map +1 -1
- package/dist/index.js +88 -42
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableHours.js","names":["EditableContent","React","useCallback","useEffect","useRef","useState","decimalToHours","useForkRef","classNames","validateTimeInput","EditableHours","forwardRef","ref","value","onCancel","onSave","inputProps","allowEmptyValue","withLeadingZero","validation","incrementOnlySelected","minuteIncrement","rest","inputRef","handleRef","undefined","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","_value","handleBlur","e","current","target","trim","length","handleIncrementDecrement","increment","selectionStart","dotsIndex","indexOf","split","map","Number","hours","minutes","newHours","newMinutes","newMinutesString","newHoursString","newValue","requestAnimationFrame","newDotsIndex","isHoursSelected","newSelectionStart","selectionEnd","setSelectionRange","handleKeyDown","key","blur","input","start","end","shiftKey","isMinutesSelected","preventDefault","substring","handleChange","handleClick","handleDoubleClick","onBlur","onKeyDown","onChange","type","onClick","onDoubleClick","className","displayName"],"sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"sourcesContent":["import { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { decimalToHours } from \"../../utils/timeUtils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport classNames from \"classnames\";\nimport { validateTimeInput } from \"../../utils\";\n\nexport interface EditableHoursProps extends EditableContentInterface {\n value?: number | string;\n onSave?: (e: Event) => void;\n onCancel?: () => void;\n withLeadingZero?: boolean;\n incrementOnlySelected?: boolean;\n validation?: (value: string) => boolean;\n allowEmptyValue?: boolean;\n minuteIncrement?: number;\n}\nexport const EditableHours = React.forwardRef<\n HTMLDivElement,\n EditableHoursProps\n>(\n (\n {\n value = 0,\n onCancel,\n onSave,\n inputProps,\n allowEmptyValue,\n withLeadingZero = true,\n validation = validateTimeInput,\n incrementOnlySelected = false,\n minuteIncrement = 1,\n ...rest\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef(ref, inputRef);\n const [currentValue, setCurrentValue] = useState(() => {\n if (value !== undefined) {\n return decimalToHours(value, withLeadingZero);\n }\n return \"\";\n });\n const [prevValue, setPrevValue] = useState(() => {\n if (value !== undefined) {\n return decimalToHours(value, withLeadingZero);\n }\n return \"\";\n });\n const escapeRef = useRef(false);\n\n useEffect(() => {\n let _value;\n if (value !== undefined) {\n _value = decimalToHours(value, withLeadingZero);\n }\n if (currentValue !== _value) {\n setCurrentValue(_value);\n setPrevValue(_value);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value]);\n\n const handleBlur = useCallback(\n (e) => {\n if (escapeRef.current) {\n setCurrentValue(prevValue);\n escapeRef.current = false;\n } else {\n if (\n e.target.value.trim().length > 0 &&\n prevValue !== e.target.value\n ) {\n const _value = decimalToHours(e.target.value, withLeadingZero);\n setPrevValue(_value);\n setCurrentValue(_value);\n typeof onSave === \"function\" && onSave(e);\n } else {\n !allowEmptyValue\n ? setCurrentValue(prevValue)\n : typeof onSave === \"function\" &&\n prevValue !== e.target.value &&\n onSave(e);\n }\n }\n },\n [allowEmptyValue, onSave, prevValue, withLeadingZero]\n );\n\n const handleIncrementDecrement = useCallback(\n (increment: boolean) => {\n if (inputRef.current) {\n const selectionStart = inputRef.current.selectionStart;\n if (selectionStart !== null) {\n const dotsIndex = currentValue.indexOf(\":\");\n const [hours, minutes] = currentValue.split(\":\").map(Number);\n let newHours = hours;\n let newMinutes = minutes;\n\n if (selectionStart < dotsIndex) {\n if (increment) {\n newHours += 1;\n } else {\n newHours -= 1;\n if (newHours < 0) newHours = 0;\n }\n } else if (selectionStart > dotsIndex) {\n if (increment) {\n newMinutes += minuteIncrement;\n if (newMinutes > 59) {\n newMinutes = 0;\n if (!incrementOnlySelected) newHours += 1;\n }\n } else {\n if (newMinutes >= minuteIncrement || newMinutes === 0) {\n newMinutes -= minuteIncrement;\n if (newMinutes < 0 && newHours > 0) {\n newMinutes = 60 - minuteIncrement;\n if (!incrementOnlySelected) newHours -= 1;\n }\n if (newHours < 0) {\n newHours = 0;\n }\n } else {\n newMinutes = 0;\n }\n }\n }\n\n const newMinutesString =\n newMinutes < 10 ? `0${newMinutes}` : newMinutes;\n const newHoursString =\n withLeadingZero && newHours < 10 ? `0${newHours}` : newHours;\n const newValue = `${newHoursString}:${newMinutesString}`;\n\n if (validation(newValue, withLeadingZero)) {\n setCurrentValue(newValue);\n\n requestAnimationFrame(() => {\n const newDotsIndex = newValue.indexOf(\":\");\n const isHoursSelected = selectionStart < newDotsIndex;\n const newSelectionStart = isHoursSelected\n ? 0\n : newDotsIndex + 1;\n const selectionEnd = isHoursSelected\n ? newDotsIndex\n : newValue.length;\n inputRef.current?.setSelectionRange(\n newSelectionStart,\n selectionEnd\n );\n });\n }\n }\n }\n },\n [\n currentValue,\n incrementOnlySelected,\n minuteIncrement,\n validation,\n withLeadingZero,\n ]\n );\n\n const handleKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n e.target.blur();\n }\n if (e.key === \"ArrowLeft\") {\n return;\n }\n if (e.key === \"ArrowRight\") {\n return;\n }\n if (e.key === \"Escape\") {\n escapeRef.current = true;\n e.target.blur();\n typeof onCancel === \"function\" && onCancel();\n }\n if (e.key === \"Backspace\") {\n return;\n }\n const input = e.target;\n const start = input.selectionStart;\n const end = input.selectionEnd;\n const currentValue = input.value;\n if (e.key === \"Tab\") {\n if (start !== end) {\n if (e.shiftKey) {\n const newDotsIndex = currentValue.indexOf(\":\");\n const isMinutesSelected = start > newDotsIndex;\n if (isMinutesSelected) {\n e.preventDefault();\n inputRef.current?.setSelectionRange(0, newDotsIndex);\n }\n } else {\n const newDotsIndex = currentValue.indexOf(\":\");\n const isHoursSelected = start < newDotsIndex;\n if (isHoursSelected) {\n e.preventDefault();\n inputRef.current?.setSelectionRange(\n newDotsIndex + 1,\n currentValue.length\n );\n }\n }\n }\n return;\n }\n\n if (start !== end) {\n if (e.key === \"ArrowUp\") {\n handleIncrementDecrement(true);\n return;\n }\n if (e.key === \"ArrowDown\") {\n handleIncrementDecrement(false);\n return;\n }\n const newValue =\n currentValue.substring(0, start) +\n e.key +\n currentValue.substring(end);\n if (!validation(newValue, withLeadingZero)) {\n e.preventDefault();\n return;\n }\n } else {\n const newValue =\n currentValue.substring(0, start) +\n e.key +\n currentValue.substring(end);\n\n if (!validation(newValue, withLeadingZero)) {\n e.preventDefault();\n return;\n }\n }\n },\n [handleIncrementDecrement, onCancel, validation, withLeadingZero]\n );\n\n const handleChange = useCallback((e) => {\n setCurrentValue(e.target.value);\n }, []);\n\n const handleClick = () => {\n const selectionStart = inputRef.current?.selectionStart;\n if (\n inputRef.current &&\n currentValue &&\n currentValue.length > 0 &&\n typeof selectionStart === \"number\"\n ) {\n const dotsIndex = currentValue.indexOf(\":\");\n if (selectionStart < dotsIndex) {\n inputRef.current?.setSelectionRange(0, dotsIndex);\n } else if (selectionStart >= dotsIndex) {\n inputRef.current?.setSelectionRange(\n dotsIndex + 1,\n currentValue.length\n );\n }\n }\n };\n\n const handleDoubleClick = () => {\n if (inputRef.current) {\n inputRef.current?.setSelectionRange(0, currentValue.length);\n }\n };\n\n return (\n <EditableContent\n ref={handleRef}\n inputProps={{\n ...inputProps,\n value: currentValue,\n onBlur: handleBlur,\n onKeyDown: handleKeyDown,\n onChange: handleChange,\n type: \"text\",\n onClick: handleClick,\n onDoubleClick: handleDoubleClick,\n className: classNames(\"c-input\", inputProps?.className),\n }}\n {...rest}\n />\n );\n }\n);\n\nEditableHours.displayName = \"EditableHours\";\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"EditableHours.js","names":["EditableContent","React","useRef","useForkRef","classNames","validateTimeInput","HoursWrapper","EditableHours","forwardRef","ref","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","incrementOnlySelected","minuteIncrement","className","inputProps","rest","inputRef","handleRef","type","displayName"],"sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"sourcesContent":["import { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport React, { useRef } from \"react\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport classNames from \"classnames\";\nimport { validateTimeInput } from \"../../utils\";\nimport { HoursWrapper } from \"../HoursWrapper\";\n\nexport interface EditableHoursProps extends EditableContentInterface {\n value?: number | string;\n onSave?: (e: Event) => void;\n onCancel?: () => void;\n withLeadingZero?: boolean;\n incrementOnlySelected?: boolean;\n validation?: (value: string, withLeadingZero: boolean) => boolean;\n allowEmptyValue?: boolean;\n minuteIncrement?: number;\n className?: string;\n}\nexport const EditableHours = React.forwardRef<\n HTMLDivElement,\n EditableHoursProps\n>(\n (\n {\n value,\n onCancel,\n onSave,\n allowEmptyValue,\n withLeadingZero = true,\n validation = validateTimeInput,\n incrementOnlySelected = false,\n minuteIncrement = 1,\n className,\n inputProps,\n ...rest\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef(ref, inputRef);\n\n return (\n <HoursWrapper\n value={value}\n onCancel={onCancel}\n onSave={onSave}\n incrementOnlySelected={incrementOnlySelected}\n minuteIncrement={minuteIncrement}\n allowEmptyValue={allowEmptyValue}\n withLeadingZero={withLeadingZero}\n validation={validation}\n >\n <EditableContent\n ref={handleRef}\n inputProps={{\n ...inputProps,\n type: \"text\",\n className: classNames(\"c-input\", className),\n }}\n {...rest}\n />\n </HoursWrapper>\n );\n }\n);\n\nEditableHours.displayName = \"EditableHours\";\n"],"mappings":";;;AAAA,SAASA,eAAe,QAAkC,oBAAoB;AAC9E,OAAOC,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,YAAY,QAAQ,iBAAiB;AAa9C,OAAO,IAAMC,aAAa,gBAAGN,KAAK,CAACO,UAAU,CAI3C,gBAcEC,GAAG,EACA;EAAA,IAbDC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,eAAe,QAAfA,eAAe;IAAA,4BACfC,eAAe;IAAfA,eAAe,qCAAG,IAAI;IAAA,uBACtBC,UAAU;IAAVA,UAAU,gCAAGV,iBAAiB;IAAA,6BAC9BW,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,4BAC7BC,eAAe;IAAfA,eAAe,qCAAG,CAAC;IACnBC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACPC,IAAI;EAIT,IAAMC,QAAQ,GAAGnB,MAAM,CAAmB,IAAI,CAAC;EAC/C,IAAMoB,SAAS,GAAGnB,UAAU,CAACM,GAAG,EAAEY,QAAQ,CAAC;EAE3C,oBACE,oBAAC,YAAY;IACX,KAAK,EAAEX,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,MAAM,EAAEC,MAAO;IACf,qBAAqB,EAAEI,qBAAsB;IAC7C,eAAe,EAAEC,eAAgB;IACjC,eAAe,EAAEJ,eAAgB;IACjC,eAAe,EAAEC,eAAgB;IACjC,UAAU,EAAEC;EAAW,gBAEvB,oBAAC,eAAe;IACd,GAAG,EAAEO,SAAU;IACf,UAAU,eACLH,UAAU;MACbI,IAAI,EAAE,MAAM;MACZL,SAAS,EAAEd,UAAU,CAAC,SAAS,EAAEc,SAAS;IAAC;EAC3C,GACEE,IAAI,EACR,CACW;AAEnB,CAAC,CACF;AAEDb,aAAa,CAACiB,WAAW,GAAG,eAAe"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { InputHoursProps } from "../Input/InputHours";
|
|
3
|
+
interface HoursWrapperProps extends InputHoursProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const HoursWrapper: React.ForwardRefExoticComponent<HoursWrapperProps & {
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=HoursWrapper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HoursWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/HoursWrapper/HoursWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAItD,UAAU,iBAAkB,SAAQ,eAAe;CAAG;AAEtD,eAAO,MAAM,YAAY;;0CA+RxB,CAAC"}
|
|
@@ -0,0 +1,235 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import React, { useCallback, useEffect, useRef, useState } from "react";
|
|
3
|
+
import { decimalToHours } from "../../utils/timeUtils";
|
|
4
|
+
import useForkRef from "../../utils/useForkRef";
|
|
5
|
+
import { validateTimeInput } from "../../utils";
|
|
6
|
+
import { EditableContent } from "../EditableContent";
|
|
7
|
+
|
|
8
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-interface
|
|
9
|
+
|
|
10
|
+
export var HoursWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
11
|
+
var children = _ref.children,
|
|
12
|
+
value = _ref.value,
|
|
13
|
+
onCancel = _ref.onCancel,
|
|
14
|
+
onSave = _ref.onSave,
|
|
15
|
+
allowEmptyValue = _ref.allowEmptyValue,
|
|
16
|
+
_ref$withLeadingZero = _ref.withLeadingZero,
|
|
17
|
+
withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
|
|
18
|
+
_ref$validation = _ref.validation,
|
|
19
|
+
validation = _ref$validation === void 0 ? validateTimeInput : _ref$validation,
|
|
20
|
+
_ref$incrementOnlySel = _ref.incrementOnlySelected,
|
|
21
|
+
incrementOnlySelected = _ref$incrementOnlySel === void 0 ? false : _ref$incrementOnlySel,
|
|
22
|
+
_ref$minuteIncrement = _ref.minuteIncrement,
|
|
23
|
+
minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement;
|
|
24
|
+
var inputRef = useRef(null);
|
|
25
|
+
var handleRef = useForkRef(ref, inputRef);
|
|
26
|
+
var _useState = useState(decimalToHours(value, withLeadingZero)),
|
|
27
|
+
currentValue = _useState[0],
|
|
28
|
+
setCurrentValue = _useState[1];
|
|
29
|
+
var _useState2 = useState(decimalToHours(value, withLeadingZero)),
|
|
30
|
+
prevValue = _useState2[0],
|
|
31
|
+
setPrevValue = _useState2[1];
|
|
32
|
+
var escapeRef = useRef(false);
|
|
33
|
+
useEffect(function () {
|
|
34
|
+
var _value;
|
|
35
|
+
if (value !== undefined) {
|
|
36
|
+
_value = decimalToHours(value, withLeadingZero);
|
|
37
|
+
}
|
|
38
|
+
if (currentValue !== _value) {
|
|
39
|
+
setCurrentValue(_value);
|
|
40
|
+
setPrevValue(_value);
|
|
41
|
+
}
|
|
42
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
43
|
+
}, [value]);
|
|
44
|
+
var handleBlur = useCallback(function (e) {
|
|
45
|
+
if (escapeRef.current) {
|
|
46
|
+
setCurrentValue(prevValue);
|
|
47
|
+
} else {
|
|
48
|
+
if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {
|
|
49
|
+
var _value = decimalToHours(e.target.value, withLeadingZero);
|
|
50
|
+
setPrevValue(_value);
|
|
51
|
+
setCurrentValue(_value);
|
|
52
|
+
typeof onSave === "function" && onSave(e);
|
|
53
|
+
} else {
|
|
54
|
+
!allowEmptyValue ? setCurrentValue(prevValue) : typeof onSave === "function" && prevValue !== e.target.value && onSave(e);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}, [allowEmptyValue, onSave, prevValue, withLeadingZero]);
|
|
58
|
+
var handleIncrementDecrement = useCallback(function (increment) {
|
|
59
|
+
if (inputRef.current) {
|
|
60
|
+
var selectionStart = inputRef.current.selectionStart;
|
|
61
|
+
if (selectionStart !== null) {
|
|
62
|
+
var dotsIndex = currentValue.indexOf(":");
|
|
63
|
+
var _currentValue$split$m = currentValue.split(":").map(Number),
|
|
64
|
+
hours = _currentValue$split$m[0],
|
|
65
|
+
minutes = _currentValue$split$m[1];
|
|
66
|
+
var newHours = hours;
|
|
67
|
+
var newMinutes = minutes;
|
|
68
|
+
if (selectionStart < dotsIndex) {
|
|
69
|
+
if (increment) {
|
|
70
|
+
newHours += 1;
|
|
71
|
+
} else {
|
|
72
|
+
newHours -= 1;
|
|
73
|
+
if (newHours < 0) newHours = 0;
|
|
74
|
+
}
|
|
75
|
+
} else if (selectionStart > dotsIndex) {
|
|
76
|
+
if (increment) {
|
|
77
|
+
newMinutes += minuteIncrement;
|
|
78
|
+
if (newMinutes > 59) {
|
|
79
|
+
newMinutes = 0;
|
|
80
|
+
if (!incrementOnlySelected) newHours += 1;
|
|
81
|
+
}
|
|
82
|
+
} else {
|
|
83
|
+
if (newMinutes >= minuteIncrement || newMinutes === 0) {
|
|
84
|
+
newMinutes -= minuteIncrement;
|
|
85
|
+
if (newMinutes < 0 && newHours > 0) {
|
|
86
|
+
newMinutes = 60 - minuteIncrement;
|
|
87
|
+
if (!incrementOnlySelected) newHours -= 1;
|
|
88
|
+
}
|
|
89
|
+
if (newHours < 0) {
|
|
90
|
+
newHours = 0;
|
|
91
|
+
}
|
|
92
|
+
} else {
|
|
93
|
+
newMinutes = 0;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
var newMinutesString = newMinutes < 10 ? "0" + newMinutes : newMinutes;
|
|
98
|
+
var newHoursString = withLeadingZero && newHours < 10 ? "0" + newHours : newHours;
|
|
99
|
+
var newValue = newHoursString + ":" + newMinutesString;
|
|
100
|
+
if (validation(newValue, withLeadingZero)) {
|
|
101
|
+
setCurrentValue(newValue);
|
|
102
|
+
requestAnimationFrame(function () {
|
|
103
|
+
var _inputRef$current;
|
|
104
|
+
var newDotsIndex = newValue.indexOf(":");
|
|
105
|
+
var isHoursSelected = selectionStart < newDotsIndex;
|
|
106
|
+
var newSelectionStart = isHoursSelected ? 0 : newDotsIndex + 1;
|
|
107
|
+
var selectionEnd = isHoursSelected ? newDotsIndex : newValue.length;
|
|
108
|
+
(_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.setSelectionRange(newSelectionStart, selectionEnd);
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}, [currentValue, incrementOnlySelected, minuteIncrement, validation, withLeadingZero]);
|
|
114
|
+
var handleKeyDown = useCallback(function (e) {
|
|
115
|
+
if (e.key === "Enter") {
|
|
116
|
+
e.target.blur();
|
|
117
|
+
}
|
|
118
|
+
if (e.key === "ArrowLeft") {
|
|
119
|
+
return;
|
|
120
|
+
}
|
|
121
|
+
if (e.key === "ArrowRight") {
|
|
122
|
+
return;
|
|
123
|
+
}
|
|
124
|
+
if (e.key === "Escape") {
|
|
125
|
+
escapeRef.current = true;
|
|
126
|
+
e.target.blur();
|
|
127
|
+
typeof onCancel === "function" && onCancel();
|
|
128
|
+
escapeRef.current = false;
|
|
129
|
+
}
|
|
130
|
+
if (e.key === "Backspace") {
|
|
131
|
+
return;
|
|
132
|
+
}
|
|
133
|
+
if ((e.metaKey || e.ctrlKey) && e.key === "a") {
|
|
134
|
+
var _inputRef$current2;
|
|
135
|
+
(_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.select();
|
|
136
|
+
return;
|
|
137
|
+
}
|
|
138
|
+
var input = e.target;
|
|
139
|
+
var start = input.selectionStart;
|
|
140
|
+
var end = input.selectionEnd;
|
|
141
|
+
var currentValue = input.value;
|
|
142
|
+
if (e.key === "Tab") {
|
|
143
|
+
if (start !== end) {
|
|
144
|
+
if (e.shiftKey) {
|
|
145
|
+
var newDotsIndex = currentValue.indexOf(":");
|
|
146
|
+
var isMinutesSelected = start > newDotsIndex;
|
|
147
|
+
if (isMinutesSelected) {
|
|
148
|
+
var _inputRef$current3;
|
|
149
|
+
e.preventDefault();
|
|
150
|
+
(_inputRef$current3 = inputRef.current) == null ? void 0 : _inputRef$current3.setSelectionRange(0, newDotsIndex);
|
|
151
|
+
}
|
|
152
|
+
} else {
|
|
153
|
+
var _newDotsIndex = currentValue.indexOf(":");
|
|
154
|
+
var isHoursSelected = start < _newDotsIndex;
|
|
155
|
+
if (isHoursSelected) {
|
|
156
|
+
var _inputRef$current4;
|
|
157
|
+
e.preventDefault();
|
|
158
|
+
(_inputRef$current4 = inputRef.current) == null ? void 0 : _inputRef$current4.setSelectionRange(_newDotsIndex + 1, currentValue.length);
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
return;
|
|
163
|
+
}
|
|
164
|
+
if (start !== end) {
|
|
165
|
+
if (e.key === "ArrowUp") {
|
|
166
|
+
handleIncrementDecrement(true);
|
|
167
|
+
return;
|
|
168
|
+
}
|
|
169
|
+
if (e.key === "ArrowDown") {
|
|
170
|
+
handleIncrementDecrement(false);
|
|
171
|
+
return;
|
|
172
|
+
}
|
|
173
|
+
var newValue = currentValue.substring(0, start) + e.key + currentValue.substring(end);
|
|
174
|
+
if (!validation(newValue, withLeadingZero)) {
|
|
175
|
+
e.preventDefault();
|
|
176
|
+
return;
|
|
177
|
+
}
|
|
178
|
+
} else {
|
|
179
|
+
var _newValue = currentValue.substring(0, start) + e.key + currentValue.substring(end);
|
|
180
|
+
if (!validation(_newValue, withLeadingZero)) {
|
|
181
|
+
e.preventDefault();
|
|
182
|
+
return;
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
}, [handleIncrementDecrement, onCancel, validation, withLeadingZero]);
|
|
186
|
+
var handleChange = useCallback(function (e) {
|
|
187
|
+
setCurrentValue(e.target.value);
|
|
188
|
+
}, []);
|
|
189
|
+
var handleClick = function handleClick() {
|
|
190
|
+
var _inputRef$current5;
|
|
191
|
+
var selectionStart = (_inputRef$current5 = inputRef.current) == null ? void 0 : _inputRef$current5.selectionStart;
|
|
192
|
+
if (inputRef.current && currentValue && currentValue.length > 0 && typeof selectionStart === "number") {
|
|
193
|
+
var dotsIndex = currentValue.indexOf(":");
|
|
194
|
+
if (selectionStart < dotsIndex) {
|
|
195
|
+
var _inputRef$current6;
|
|
196
|
+
(_inputRef$current6 = inputRef.current) == null ? void 0 : _inputRef$current6.setSelectionRange(0, dotsIndex);
|
|
197
|
+
} else if (selectionStart >= dotsIndex) {
|
|
198
|
+
var _inputRef$current7;
|
|
199
|
+
(_inputRef$current7 = inputRef.current) == null ? void 0 : _inputRef$current7.setSelectionRange(dotsIndex + 1, currentValue.length);
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
};
|
|
203
|
+
var handleDoubleClick = function handleDoubleClick() {
|
|
204
|
+
if (inputRef.current) {
|
|
205
|
+
var _inputRef$current8;
|
|
206
|
+
(_inputRef$current8 = inputRef.current) == null ? void 0 : _inputRef$current8.select();
|
|
207
|
+
}
|
|
208
|
+
};
|
|
209
|
+
var inputProps = {
|
|
210
|
+
value: currentValue,
|
|
211
|
+
onBlur: handleBlur,
|
|
212
|
+
onKeyDown: handleKeyDown,
|
|
213
|
+
onChange: handleChange,
|
|
214
|
+
onClick: handleClick,
|
|
215
|
+
onDoubleClick: handleDoubleClick
|
|
216
|
+
};
|
|
217
|
+
if (!children) {
|
|
218
|
+
console.error("No children provided!");
|
|
219
|
+
return null;
|
|
220
|
+
}
|
|
221
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, React.Children.map(children, function (child) {
|
|
222
|
+
var el = child;
|
|
223
|
+
if (el && el.type === EditableContent) {
|
|
224
|
+
return /*#__PURE__*/React.cloneElement(child, {
|
|
225
|
+
ref: handleRef,
|
|
226
|
+
inputProps: inputProps
|
|
227
|
+
});
|
|
228
|
+
}
|
|
229
|
+
return /*#__PURE__*/React.cloneElement(child, _extends({
|
|
230
|
+
ref: handleRef
|
|
231
|
+
}, inputProps));
|
|
232
|
+
}));
|
|
233
|
+
});
|
|
234
|
+
HoursWrapper.displayName = "HoursWrapper";
|
|
235
|
+
//# sourceMappingURL=HoursWrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HoursWrapper.js","names":["React","useCallback","useEffect","useRef","useState","decimalToHours","useForkRef","validateTimeInput","EditableContent","HoursWrapper","forwardRef","ref","children","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","incrementOnlySelected","minuteIncrement","inputRef","handleRef","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","_value","undefined","handleBlur","e","current","target","trim","length","handleIncrementDecrement","increment","selectionStart","dotsIndex","indexOf","split","map","Number","hours","minutes","newHours","newMinutes","newMinutesString","newHoursString","newValue","requestAnimationFrame","newDotsIndex","isHoursSelected","newSelectionStart","selectionEnd","setSelectionRange","handleKeyDown","key","blur","metaKey","ctrlKey","select","input","start","end","shiftKey","isMinutesSelected","preventDefault","substring","handleChange","handleClick","handleDoubleClick","inputProps","onBlur","onKeyDown","onChange","onClick","onDoubleClick","console","error","Children","child","el","type","cloneElement","displayName"],"sources":["../../../../src/components/HoursWrapper/HoursWrapper.tsx"],"sourcesContent":["import React, {\n PropsWithChildren,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from \"react\";\nimport { decimalToHours } from \"../../utils/timeUtils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { validateTimeInput } from \"../../utils\";\nimport { InputHoursProps } from \"../Input/InputHours\";\nimport { EditableContent } from \"../EditableContent\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface HoursWrapperProps extends InputHoursProps {}\n\nexport const HoursWrapper = React.forwardRef<\n HTMLInputElement,\n PropsWithChildren<HoursWrapperProps>\n>(\n (\n {\n children,\n value,\n onCancel,\n onSave,\n allowEmptyValue,\n withLeadingZero = true,\n validation = validateTimeInput,\n incrementOnlySelected = false,\n minuteIncrement = 1,\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef(ref, inputRef);\n const [currentValue, setCurrentValue] = useState(\n decimalToHours(value, withLeadingZero)\n );\n const [prevValue, setPrevValue] = useState(\n decimalToHours(value, withLeadingZero)\n );\n const escapeRef = useRef(false);\n\n useEffect(() => {\n let _value;\n if (value !== undefined) {\n _value = decimalToHours(value, withLeadingZero);\n }\n if (currentValue !== _value) {\n setCurrentValue(_value);\n setPrevValue(_value);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value]);\n\n const handleBlur = useCallback(\n (e) => {\n if (escapeRef.current) {\n setCurrentValue(prevValue);\n } else {\n if (\n e.target.value.trim().length > 0 &&\n prevValue !== e.target.value\n ) {\n const _value = decimalToHours(e.target.value, withLeadingZero);\n setPrevValue(_value);\n setCurrentValue(_value);\n typeof onSave === \"function\" && onSave(e);\n } else {\n !allowEmptyValue\n ? setCurrentValue(prevValue)\n : typeof onSave === \"function\" &&\n prevValue !== e.target.value &&\n onSave(e);\n }\n }\n },\n [allowEmptyValue, onSave, prevValue, withLeadingZero]\n );\n\n const handleIncrementDecrement = useCallback(\n (increment: boolean) => {\n if (inputRef.current) {\n const selectionStart = inputRef.current.selectionStart;\n if (selectionStart !== null) {\n const dotsIndex = currentValue.indexOf(\":\");\n const [hours, minutes] = currentValue.split(\":\").map(Number);\n let newHours = hours;\n let newMinutes = minutes;\n\n if (selectionStart < dotsIndex) {\n if (increment) {\n newHours += 1;\n } else {\n newHours -= 1;\n if (newHours < 0) newHours = 0;\n }\n } else if (selectionStart > dotsIndex) {\n if (increment) {\n newMinutes += minuteIncrement;\n if (newMinutes > 59) {\n newMinutes = 0;\n if (!incrementOnlySelected) newHours += 1;\n }\n } else {\n if (newMinutes >= minuteIncrement || newMinutes === 0) {\n newMinutes -= minuteIncrement;\n if (newMinutes < 0 && newHours > 0) {\n newMinutes = 60 - minuteIncrement;\n if (!incrementOnlySelected) newHours -= 1;\n }\n if (newHours < 0) {\n newHours = 0;\n }\n } else {\n newMinutes = 0;\n }\n }\n }\n\n const newMinutesString =\n newMinutes < 10 ? `0${newMinutes}` : newMinutes;\n const newHoursString =\n withLeadingZero && newHours < 10 ? `0${newHours}` : newHours;\n const newValue = `${newHoursString}:${newMinutesString}`;\n\n if (validation(newValue, withLeadingZero)) {\n setCurrentValue(newValue);\n\n requestAnimationFrame(() => {\n const newDotsIndex = newValue.indexOf(\":\");\n const isHoursSelected = selectionStart < newDotsIndex;\n const newSelectionStart = isHoursSelected\n ? 0\n : newDotsIndex + 1;\n const selectionEnd = isHoursSelected\n ? newDotsIndex\n : newValue.length;\n inputRef.current?.setSelectionRange(\n newSelectionStart,\n selectionEnd\n );\n });\n }\n }\n }\n },\n [\n currentValue,\n incrementOnlySelected,\n minuteIncrement,\n validation,\n withLeadingZero,\n ]\n );\n\n const handleKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n e.target.blur();\n }\n if (e.key === \"ArrowLeft\") {\n return;\n }\n if (e.key === \"ArrowRight\") {\n return;\n }\n if (e.key === \"Escape\") {\n escapeRef.current = true;\n e.target.blur();\n typeof onCancel === \"function\" && onCancel();\n escapeRef.current = false;\n }\n if (e.key === \"Backspace\") {\n return;\n }\n if ((e.metaKey || e.ctrlKey) && e.key === \"a\") {\n inputRef.current?.select();\n return;\n }\n const input = e.target;\n const start = input.selectionStart;\n const end = input.selectionEnd;\n const currentValue = input.value;\n if (e.key === \"Tab\") {\n if (start !== end) {\n if (e.shiftKey) {\n const newDotsIndex = currentValue.indexOf(\":\");\n const isMinutesSelected = start > newDotsIndex;\n if (isMinutesSelected) {\n e.preventDefault();\n inputRef.current?.setSelectionRange(0, newDotsIndex);\n }\n } else {\n const newDotsIndex = currentValue.indexOf(\":\");\n const isHoursSelected = start < newDotsIndex;\n if (isHoursSelected) {\n e.preventDefault();\n inputRef.current?.setSelectionRange(\n newDotsIndex + 1,\n currentValue.length\n );\n }\n }\n }\n return;\n }\n\n if (start !== end) {\n if (e.key === \"ArrowUp\") {\n handleIncrementDecrement(true);\n return;\n }\n if (e.key === \"ArrowDown\") {\n handleIncrementDecrement(false);\n return;\n }\n const newValue =\n currentValue.substring(0, start) +\n e.key +\n currentValue.substring(end);\n if (!validation(newValue, withLeadingZero)) {\n e.preventDefault();\n return;\n }\n } else {\n const newValue =\n currentValue.substring(0, start) +\n e.key +\n currentValue.substring(end);\n\n if (!validation(newValue, withLeadingZero)) {\n e.preventDefault();\n return;\n }\n }\n },\n [handleIncrementDecrement, onCancel, validation, withLeadingZero]\n );\n\n const handleChange = useCallback((e) => {\n setCurrentValue(e.target.value);\n }, []);\n\n const handleClick = () => {\n const selectionStart = inputRef.current?.selectionStart;\n if (\n inputRef.current &&\n currentValue &&\n currentValue.length > 0 &&\n typeof selectionStart === \"number\"\n ) {\n const dotsIndex = currentValue.indexOf(\":\");\n if (selectionStart < dotsIndex) {\n inputRef.current?.setSelectionRange(0, dotsIndex);\n } else if (selectionStart >= dotsIndex) {\n inputRef.current?.setSelectionRange(\n dotsIndex + 1,\n currentValue.length\n );\n }\n }\n };\n\n const handleDoubleClick = () => {\n if (inputRef.current) {\n inputRef.current?.select();\n }\n };\n\n const inputProps = {\n value: currentValue,\n onBlur: handleBlur,\n onKeyDown: handleKeyDown,\n onChange: handleChange,\n onClick: handleClick,\n onDoubleClick: handleDoubleClick,\n };\n\n if (!children) {\n console.error(\"No children provided!\");\n return null;\n }\n\n return (\n <>\n {React.Children.map(children, (child) => {\n const el = child as React.ReactElement;\n if (el && el.type === EditableContent) {\n return React.cloneElement(child as React.ReactElement, {\n ref: handleRef,\n inputProps: inputProps,\n });\n }\n return React.cloneElement(child as React.ReactElement, {\n ref: handleRef,\n ...inputProps,\n });\n })}\n </>\n );\n }\n);\n\nHoursWrapper.displayName = \"HoursWrapper\";\n"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/HoursWrapper/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/HoursWrapper/index.ts"],"sourcesContent":["export * from \"./HoursWrapper\";\n"],"mappings":"AAAA,cAAc,gBAAgB"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import React, { ReactNode, Ref } from "react";
|
|
1
|
+
import React, { ReactNode, Ref, InputHTMLAttributes } from "react";
|
|
2
2
|
import { InputSize } from "./types";
|
|
3
|
-
|
|
3
|
+
declare type InputNativeProps = InputHTMLAttributes<HTMLInputElement>;
|
|
4
|
+
export interface InputProps extends Omit<InputNativeProps, "size" | "ref"> {
|
|
4
5
|
/** Velicina inputa koja definse font-size i border radius */
|
|
5
6
|
size?: InputSize;
|
|
6
7
|
invalid?: boolean;
|
|
@@ -9,5 +10,6 @@ export interface InputProps {
|
|
|
9
10
|
wrapRef?: Ref<HTMLDivElement>;
|
|
10
11
|
wrapperClick?: () => void;
|
|
11
12
|
}
|
|
12
|
-
export declare const Input: React.ForwardRefExoticComponent<InputProps &
|
|
13
|
+
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
14
|
+
export {};
|
|
13
15
|
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EACT,GAAG,EAGH,mBAAmB,EACpB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,aAAK,gBAAgB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE9D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,KAAK,CAAC;IACxE,6DAA6D;IAC7D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK,qFAkDjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","names":["React","useCallback","useRef","classnames","StyledInput","StyledInputWrapper","useForkRef","Input","forwardRef","ref","className","style","type","disabled","size","invalid","startAdornment","endAdornment","wrapRef","wrapperClick","rest","intInputRef","handleRef","handleWrapperClick","current","focus","displayName"],"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"Input.js","names":["React","useCallback","useRef","classnames","StyledInput","StyledInputWrapper","useForkRef","Input","forwardRef","ref","className","style","type","disabled","size","invalid","startAdornment","endAdornment","wrapRef","wrapperClick","rest","intInputRef","handleRef","handleWrapperClick","current","focus","displayName"],"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, {\n ReactNode,\n Ref,\n useCallback,\n useRef,\n InputHTMLAttributes,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledInput, StyledInputWrapper } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { InputSize } from \"./types\";\n\ntype InputNativeProps = InputHTMLAttributes<HTMLInputElement>;\n\nexport interface InputProps extends Omit<InputNativeProps, \"size\" | \"ref\"> {\n /** Velicina inputa koja definse font-size i border radius */\n size?: InputSize;\n invalid?: boolean;\n startAdornment?: ReactNode;\n endAdornment?: ReactNode;\n wrapRef?: Ref<HTMLDivElement>;\n wrapperClick?: () => void;\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n (\n {\n className = \"\",\n style,\n type = \"text\",\n disabled = false,\n size = \"regular\",\n invalid = false,\n startAdornment,\n endAdornment,\n wrapRef,\n wrapperClick,\n ...rest\n },\n ref\n ) => {\n const intInputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef(ref, intInputRef);\n\n const handleWrapperClick = useCallback(() => {\n intInputRef.current?.focus();\n wrapperClick && wrapperClick();\n }, [wrapperClick]);\n\n return (\n <StyledInputWrapper\n $size={size}\n $invalid={invalid}\n $disabled={disabled}\n style={style}\n className={classnames(\"c-input-wrapper\", className)}\n onClick={handleWrapperClick}\n ref={wrapRef}\n >\n {startAdornment}\n <StyledInput\n ref={handleRef}\n type={type}\n $size={size}\n disabled={disabled}\n className=\"c-input\"\n aria-invalid={invalid}\n data-form-type=\"other\"\n {...rest}\n />\n {endAdornment}\n </StyledInputWrapper>\n );\n }\n);\n\nInput.displayName = \"Input\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAGVC,WAAW,EACXC,MAAM,QAED,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,WAAW,EAAEC,kBAAkB,QAAQ,UAAU;AAC1D,OAAOC,UAAU,MAAM,wBAAwB;AAe/C,OAAO,IAAMC,KAAK,gBAAGP,KAAK,CAACQ,UAAU,CACnC,gBAcEC,GAAG,EACA;EAAA,0BAbDC,SAAS;IAATA,SAAS,+BAAG,EAAE;IACdC,KAAK,QAALA,KAAK;IAAA,iBACLC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAA,qBACbC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,iBAChBC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IAAA,oBAChBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,cAAc,QAAdA,cAAc;IACdC,YAAY,QAAZA,YAAY;IACZC,OAAO,QAAPA,OAAO;IACPC,YAAY,QAAZA,YAAY;IACTC,IAAI;EAIT,IAAMC,WAAW,GAAGnB,MAAM,CAAmB,IAAI,CAAC;EAClD,IAAMoB,SAAS,GAAGhB,UAAU,CAACG,GAAG,EAAEY,WAAW,CAAC;EAE9C,IAAME,kBAAkB,GAAGtB,WAAW,CAAC,YAAM;IAAA;IAC3C,wBAAAoB,WAAW,CAACG,OAAO,qBAAnB,qBAAqBC,KAAK,EAAE;IAC5BN,YAAY,IAAIA,YAAY,EAAE;EAChC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,oBACE,oBAAC,kBAAkB;IACjB,KAAK,EAAEL,IAAK;IACZ,QAAQ,EAAEC,OAAQ;IAClB,SAAS,EAAEF,QAAS;IACpB,KAAK,EAAEF,KAAM;IACb,SAAS,EAAER,UAAU,CAAC,iBAAiB,EAAEO,SAAS,CAAE;IACpD,OAAO,EAAEa,kBAAmB;IAC5B,GAAG,EAAEL;EAAQ,GAEZF,cAAc,eACf,oBAAC,WAAW;IACV,GAAG,EAAEM,SAAU;IACf,IAAI,EAAEV,IAAK;IACX,KAAK,EAAEE,IAAK;IACZ,QAAQ,EAAED,QAAS;IACnB,SAAS,EAAC,SAAS;IACnB,gBAAcE,OAAQ;IACtB,kBAAe;EAAO,GAClBK,IAAI,EACR,EACDH,YAAY,CACM;AAEzB,CAAC,CACF;AAEDV,KAAK,CAACmB,WAAW,GAAG,OAAO"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { InputProps } from "./Input";
|
|
3
|
+
import type { EditableHoursProps } from "../EditableHours";
|
|
4
|
+
export interface InputHoursProps extends Omit<EditableHoursProps, "inputProps" | "weight" | "variant">, Omit<InputProps, "value"> {
|
|
5
|
+
}
|
|
6
|
+
export declare const InputHours: React.ForwardRefExoticComponent<InputHoursProps & React.RefAttributes<HTMLInputElement>>;
|
|
7
|
+
//# sourceMappingURL=InputHours.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputHours.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/InputHours.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAKtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAC,EACnE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC;CAAG;AAEhC,eAAO,MAAM,UAAU,0FAuCtB,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
+
var _excluded = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className"];
|
|
4
|
+
import React, { useRef } from "react";
|
|
5
|
+
import useForkRef from "../../utils/useForkRef";
|
|
6
|
+
import { validateTimeInput } from "../../utils";
|
|
7
|
+
import { Input } from "./Input";
|
|
8
|
+
import { HoursWrapper } from "../HoursWrapper";
|
|
9
|
+
export var InputHours = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
10
|
+
var value = _ref.value,
|
|
11
|
+
onCancel = _ref.onCancel,
|
|
12
|
+
onSave = _ref.onSave,
|
|
13
|
+
allowEmptyValue = _ref.allowEmptyValue,
|
|
14
|
+
_ref$withLeadingZero = _ref.withLeadingZero,
|
|
15
|
+
withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
|
|
16
|
+
_ref$validation = _ref.validation,
|
|
17
|
+
validation = _ref$validation === void 0 ? validateTimeInput : _ref$validation,
|
|
18
|
+
_ref$incrementOnlySel = _ref.incrementOnlySelected,
|
|
19
|
+
incrementOnlySelected = _ref$incrementOnlySel === void 0 ? false : _ref$incrementOnlySel,
|
|
20
|
+
_ref$minuteIncrement = _ref.minuteIncrement,
|
|
21
|
+
minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement,
|
|
22
|
+
className = _ref.className,
|
|
23
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
24
|
+
var inputRef = useRef(null);
|
|
25
|
+
var handleRef = useForkRef(ref, inputRef);
|
|
26
|
+
return /*#__PURE__*/React.createElement(HoursWrapper, {
|
|
27
|
+
value: value,
|
|
28
|
+
onCancel: onCancel,
|
|
29
|
+
onSave: onSave,
|
|
30
|
+
incrementOnlySelected: incrementOnlySelected,
|
|
31
|
+
minuteIncrement: minuteIncrement,
|
|
32
|
+
allowEmptyValue: allowEmptyValue,
|
|
33
|
+
withLeadingZero: withLeadingZero,
|
|
34
|
+
validation: validation
|
|
35
|
+
}, /*#__PURE__*/React.createElement(Input, _extends({
|
|
36
|
+
ref: handleRef,
|
|
37
|
+
className: className,
|
|
38
|
+
placeholder: withLeadingZero ? "00:00" : "0:00"
|
|
39
|
+
}, rest)));
|
|
40
|
+
});
|
|
41
|
+
InputHours.displayName = "InputHours";
|
|
42
|
+
//# sourceMappingURL=InputHours.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputHours.js","names":["React","useRef","useForkRef","validateTimeInput","Input","HoursWrapper","InputHours","forwardRef","ref","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","incrementOnlySelected","minuteIncrement","className","rest","inputRef","handleRef","displayName"],"sources":["../../../../src/components/Input/InputHours.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { validateTimeInput } from \"../../utils\";\nimport { Input } from \"./Input\";\nimport { HoursWrapper } from \"../HoursWrapper\";\nimport type { InputProps } from \"./Input\";\nimport type { EditableHoursProps } from \"../EditableHours\";\n\nexport interface InputHoursProps\n extends Omit<EditableHoursProps, \"inputProps\" | \"weight\" | \"variant\">,\n Omit<InputProps, \"value\"> {}\n\nexport const InputHours = React.forwardRef<HTMLInputElement, InputHoursProps>(\n (\n {\n value,\n onCancel,\n onSave,\n allowEmptyValue,\n withLeadingZero = true,\n validation = validateTimeInput,\n incrementOnlySelected = false,\n minuteIncrement = 1,\n className,\n ...rest\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef(ref, inputRef);\n\n return (\n <HoursWrapper\n value={value}\n onCancel={onCancel}\n onSave={onSave}\n incrementOnlySelected={incrementOnlySelected}\n minuteIncrement={minuteIncrement}\n allowEmptyValue={allowEmptyValue}\n withLeadingZero={withLeadingZero}\n validation={validation}\n >\n <Input\n ref={handleRef}\n className={className}\n placeholder={withLeadingZero ? \"00:00\" : \"0:00\"}\n {...rest}\n />\n </HoursWrapper>\n );\n }\n);\n\nInputHours.displayName = \"InputHours\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,YAAY,QAAQ,iBAAiB;AAQ9C,OAAO,IAAMC,UAAU,gBAAGN,KAAK,CAACO,UAAU,CACxC,gBAaEC,GAAG,EACA;EAAA,IAZDC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,eAAe,QAAfA,eAAe;IAAA,4BACfC,eAAe;IAAfA,eAAe,qCAAG,IAAI;IAAA,uBACtBC,UAAU;IAAVA,UAAU,gCAAGX,iBAAiB;IAAA,6BAC9BY,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,4BAC7BC,eAAe;IAAfA,eAAe,qCAAG,CAAC;IACnBC,SAAS,QAATA,SAAS;IACNC,IAAI;EAIT,IAAMC,QAAQ,GAAGlB,MAAM,CAAmB,IAAI,CAAC;EAC/C,IAAMmB,SAAS,GAAGlB,UAAU,CAACM,GAAG,EAAEW,QAAQ,CAAC;EAE3C,oBACE,oBAAC,YAAY;IACX,KAAK,EAAEV,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,MAAM,EAAEC,MAAO;IACf,qBAAqB,EAAEI,qBAAsB;IAC7C,eAAe,EAAEC,eAAgB;IACjC,eAAe,EAAEJ,eAAgB;IACjC,eAAe,EAAEC,eAAgB;IACjC,UAAU,EAAEC;EAAW,gBAEvB,oBAAC,KAAK;IACJ,GAAG,EAAEM,SAAU;IACf,SAAS,EAAEH,SAAU;IACrB,WAAW,EAAEJ,eAAe,GAAG,OAAO,GAAG;EAAO,GAC5CK,IAAI,EACR,CACW;AAEnB,CAAC,CACF;AAEDZ,UAAU,CAACe,WAAW,GAAG,YAAY"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledSelectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Input/Input").InputProps &
|
|
2
|
+
export declare const StyledSelectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Input/Input").InputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
|
|
3
3
|
export declare const StyledSelectForm: import("styled-components").StyledComponent<"form", any, {}, never>;
|
|
4
4
|
export declare const StyledCheckbox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Checkbox").CheckBoxProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
|
|
5
5
|
export declare const StyledRadioButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("../RadioButton").IRadioButtonProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,iBAAiB,+LAAkB,CAAC;AAIjD,eAAO,MAAM,gBAAgB,qEAY5B,CAAC;AAIF,eAAO,MAAM,cAAc,+LAE1B,CAAC;AAIF,eAAO,MAAM,iBAAiB,8PAE7B,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const decimalToHours: (num: number | string, withLeadingZeroHours?: boolean) => string;
|
|
1
|
+
export declare const decimalToHours: (num: number | string | undefined, withLeadingZeroHours?: boolean) => string;
|
|
2
2
|
export declare const withLeadingZero: (num: string | number, size?: number) => string;
|
|
3
3
|
export declare const isDecimal: (num: number) => boolean;
|
|
4
4
|
//# sourceMappingURL=timeUtils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timeUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/timeUtils.ts"],"names":[],"mappings":"AA+BA,eAAO,MAAM,cAAc,QACpB,MAAM,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"timeUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/timeUtils.ts"],"names":[],"mappings":"AA+BA,eAAO,MAAM,cAAc,QACpB,MAAM,GAAG,MAAM,GAAG,SAAS,qCAE/B,MAkDF,CAAC;AAEF,eAAO,MAAM,eAAe,QAAS,MAAM,GAAG,MAAM,0BAInD,CAAC;AAEF,eAAO,MAAM,SAAS,QAAS,MAAM,KAAG,OAEvC,CAAC"}
|
|
@@ -33,6 +33,9 @@ export var decimalToHours = function decimalToHours(num, withLeadingZeroHours) {
|
|
|
33
33
|
if (withLeadingZeroHours === void 0) {
|
|
34
34
|
withLeadingZeroHours = false;
|
|
35
35
|
}
|
|
36
|
+
if (!num) {
|
|
37
|
+
return "";
|
|
38
|
+
}
|
|
36
39
|
if (typeof num === "string" && !num) {
|
|
37
40
|
return withLeadingZeroHours ? "00:00" : "0:00";
|
|
38
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timeUtils.js","names":["decimalToHours","num","withLeadingZeroHours","indexOf","split","_hours","_minutes","length","Number","withLeadingZero","replace","input","parseFloat","isDecimal","decimal","toFixed","time","toString","hours","minutes","minutes_formatted","Math","round","parseInt","size","s","isInteger"],"sources":["../../../src/utils/timeUtils.ts"],"sourcesContent":["// export const decimalToHours = (decimal: string) => {\n// // we round it on two decimals first, to eliminate quirks, eg, 5.99999999 will return 5:59 instead of 6:00\n// decimal = parseFloat(decimal).toFixed(2);\n// decimal = decimal + \"\";\n// let hours;\n// let minutes_decimal;\n//\n// if (decimal.indexOf(\".\") < 0) {\n// hours = parseInt(decimal);\n// minutes_decimal = 0;\n// } else {\n// hours = parseInt(decimal.substring(0, decimal.indexOf(\".\")));\n// minutes_decimal = decimal.substring(decimal.indexOf(\".\") + 1);\n// minutes_decimal = minutes_decimal.substring(0, 2);\n// if (minutes_decimal.length === 1) {\n// minutes_decimal += \"0\";\n// } // if\n// minutes_decimal = parseInt(minutes_decimal);\n// } // if\n//\n// const minutes = Math.round((minutes_decimal / 100) * 60);\n//\n// if (hours < 10) {\n// hours = `0${hours}`;\n// }\n// return {\n// hours: hours,\n// minutes: minutes,\n// };\n// };\n\nexport const decimalToHours = (\n num: number | string,\n withLeadingZeroHours = false\n): string => {\n if (typeof num === \"string\" && !num) {\n return withLeadingZeroHours ? `00:00` : \"0:00\";\n }\n if (typeof num === \"string\" && num.indexOf(\":\") >= 0) {\n //eslint-disable-next-line\n let [_hours, _minutes] = num.split(\":\");\n if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {\n _minutes = `${Number(_minutes)}0`;\n }\n if (_hours && _minutes) {\n if (withLeadingZeroHours) {\n return `${withLeadingZero(_hours)}:${_minutes}`;\n }\n return `${_hours}:${_minutes}`;\n } else if (!_hours && _minutes) {\n return withLeadingZeroHours ? `00:${_minutes}` : `0:${_minutes}`;\n } else if (!_minutes && _hours) {\n return withLeadingZeroHours\n ? `${withLeadingZero(_hours)}:00`\n : `${_hours}:00`;\n } else {\n return withLeadingZeroHours ? `00:00` : \"0:00\";\n }\n }\n if (typeof num === \"string\" && num.indexOf(\",\") >= 0) {\n num = num.replace(\",\", \".\");\n }\n const input = typeof num === \"string\" ? parseFloat(num) : num;\n\n if (!isDecimal(input)) {\n if (withLeadingZeroHours) {\n return `${withLeadingZero(input)}:00`;\n }\n return `${input}:00`;\n }\n\n const decimal = input.toFixed(2);\n const time = decimal.toString().split(\".\");\n let hours: string = time[0];\n if (withLeadingZeroHours) {\n hours = withLeadingZero(hours);\n }\n const minutes: string = time[1];\n const minutes_formatted = Math.round((parseInt(minutes, 10) / 100) * 60);\n\n return `${hours}:${withLeadingZero(minutes_formatted)}`;\n};\n\nexport const withLeadingZero = (num: string | number, size = 2) => {\n let s = `${num}`;\n while (s.length < size) s = `0` + s;\n return s;\n};\n\nexport const isDecimal = (num: number): boolean => {\n return !Number.isInteger(num);\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CACzBC,
|
|
1
|
+
{"version":3,"file":"timeUtils.js","names":["decimalToHours","num","withLeadingZeroHours","indexOf","split","_hours","_minutes","length","Number","withLeadingZero","replace","input","parseFloat","isDecimal","decimal","toFixed","time","toString","hours","minutes","minutes_formatted","Math","round","parseInt","size","s","isInteger"],"sources":["../../../src/utils/timeUtils.ts"],"sourcesContent":["// export const decimalToHours = (decimal: string) => {\n// // we round it on two decimals first, to eliminate quirks, eg, 5.99999999 will return 5:59 instead of 6:00\n// decimal = parseFloat(decimal).toFixed(2);\n// decimal = decimal + \"\";\n// let hours;\n// let minutes_decimal;\n//\n// if (decimal.indexOf(\".\") < 0) {\n// hours = parseInt(decimal);\n// minutes_decimal = 0;\n// } else {\n// hours = parseInt(decimal.substring(0, decimal.indexOf(\".\")));\n// minutes_decimal = decimal.substring(decimal.indexOf(\".\") + 1);\n// minutes_decimal = minutes_decimal.substring(0, 2);\n// if (minutes_decimal.length === 1) {\n// minutes_decimal += \"0\";\n// } // if\n// minutes_decimal = parseInt(minutes_decimal);\n// } // if\n//\n// const minutes = Math.round((minutes_decimal / 100) * 60);\n//\n// if (hours < 10) {\n// hours = `0${hours}`;\n// }\n// return {\n// hours: hours,\n// minutes: minutes,\n// };\n// };\n\nexport const decimalToHours = (\n num: number | string | undefined,\n withLeadingZeroHours = false\n): string => {\n if (!num) {\n return \"\";\n }\n if (typeof num === \"string\" && !num) {\n return withLeadingZeroHours ? `00:00` : \"0:00\";\n }\n if (typeof num === \"string\" && num.indexOf(\":\") >= 0) {\n //eslint-disable-next-line\n let [_hours, _minutes] = num.split(\":\");\n if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {\n _minutes = `${Number(_minutes)}0`;\n }\n if (_hours && _minutes) {\n if (withLeadingZeroHours) {\n return `${withLeadingZero(_hours)}:${_minutes}`;\n }\n return `${_hours}:${_minutes}`;\n } else if (!_hours && _minutes) {\n return withLeadingZeroHours ? `00:${_minutes}` : `0:${_minutes}`;\n } else if (!_minutes && _hours) {\n return withLeadingZeroHours\n ? `${withLeadingZero(_hours)}:00`\n : `${_hours}:00`;\n } else {\n return withLeadingZeroHours ? `00:00` : \"0:00\";\n }\n }\n if (typeof num === \"string\" && num.indexOf(\",\") >= 0) {\n num = num.replace(\",\", \".\");\n }\n const input = typeof num === \"string\" ? parseFloat(num) : num;\n\n if (!isDecimal(input)) {\n if (withLeadingZeroHours) {\n return `${withLeadingZero(input)}:00`;\n }\n return `${input}:00`;\n }\n\n const decimal = input.toFixed(2);\n const time = decimal.toString().split(\".\");\n let hours: string = time[0];\n if (withLeadingZeroHours) {\n hours = withLeadingZero(hours);\n }\n const minutes: string = time[1];\n const minutes_formatted = Math.round((parseInt(minutes, 10) / 100) * 60);\n\n return `${hours}:${withLeadingZero(minutes_formatted)}`;\n};\n\nexport const withLeadingZero = (num: string | number, size = 2) => {\n let s = `${num}`;\n while (s.length < size) s = `0` + s;\n return s;\n};\n\nexport const isDecimal = (num: number): boolean => {\n return !Number.isInteger(num);\n};\n"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { decimalToHours } from "./timeUtils";
|
|
2
2
|
describe("timeUtis.ts", function () {
|
|
3
|
-
it.each([["1:30", "1:30"], ["1:30", "01:30", true], ["1.5", "1:30"], ["1.05", "1:03"], ["5,5", "5:30"], ["5.5", "5:30"], ["5:30", "5:30"], [",5", "0:30"], [".5", "0:30"], ["", "
|
|
3
|
+
it.each([["1:30", "1:30"], ["1:30", "01:30", true], ["1.5", "1:30"], ["1.05", "1:03"], ["5,5", "5:30"], ["5.5", "5:30"], ["5:30", "5:30"], [",5", "0:30"], [".5", "0:30"], ["", ""], [":", "0:00"], ["1:", "1:00"], ["1:", "01:00", true], [":05", "00:05", true], [",05", "00:03", true], [0.5, "00:30", true], [1.5, "01:30", true], [1.5, "1:30", false], ["0:3", "0:30", false], ["555:35", "555:35", false], ["555", "555:00", false], [555.5, "555:30", false]])("should formatTime", function (value, expected, leadingZero) {
|
|
4
4
|
if (leadingZero === void 0) {
|
|
5
5
|
leadingZero = false;
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timeUtils.test.js","names":["decimalToHours","describe","it","each","value","expected","leadingZero","expect","toEqual"],"sources":["../../../src/utils/timeUtils.test.ts"],"sourcesContent":["import { decimalToHours } from \"./timeUtils\";\n\ndescribe(\"timeUtis.ts\", () => {\n it.each([\n [\"1:30\", \"1:30\"],\n [\"1:30\", \"01:30\", true],\n [\"1.5\", \"1:30\"],\n [\"1.05\", \"1:03\"],\n [\"5,5\", \"5:30\"],\n [\"5.5\", \"5:30\"],\n [\"5:30\", \"5:30\"],\n [\",5\", \"0:30\"],\n [\".5\", \"0:30\"],\n [\"\", \"
|
|
1
|
+
{"version":3,"file":"timeUtils.test.js","names":["decimalToHours","describe","it","each","value","expected","leadingZero","expect","toEqual"],"sources":["../../../src/utils/timeUtils.test.ts"],"sourcesContent":["import { decimalToHours } from \"./timeUtils\";\n\ndescribe(\"timeUtis.ts\", () => {\n it.each([\n [\"1:30\", \"1:30\"],\n [\"1:30\", \"01:30\", true],\n [\"1.5\", \"1:30\"],\n [\"1.05\", \"1:03\"],\n [\"5,5\", \"5:30\"],\n [\"5.5\", \"5:30\"],\n [\"5:30\", \"5:30\"],\n [\",5\", \"0:30\"],\n [\".5\", \"0:30\"],\n [\"\", \"\"],\n [\":\", \"0:00\"],\n [\"1:\", \"1:00\"],\n [\"1:\", \"01:00\", true],\n [\":05\", \"00:05\", true],\n [\",05\", \"00:03\", true],\n [0.5, \"00:30\", true],\n [1.5, \"01:30\", true],\n [1.5, \"1:30\", false],\n [\"0:3\", \"0:30\", false],\n [\"555:35\", \"555:35\", false],\n [\"555\", \"555:00\", false],\n [555.5, \"555:30\", false],\n ])(\"should formatTime\", (value, expected, leadingZero = false) => {\n expect(decimalToHours(value, leadingZero)).toEqual(expected);\n });\n});\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,aAAa;AAE5CC,QAAQ,CAAC,aAAa,EAAE,YAAM;EAC5BC,EAAE,CAACC,IAAI,CAAC,CACN,CAAC,MAAM,EAAE,MAAM,CAAC,EAChB,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,EACvB,CAAC,KAAK,EAAE,MAAM,CAAC,EACf,CAAC,MAAM,EAAE,MAAM,CAAC,EAChB,CAAC,KAAK,EAAE,MAAM,CAAC,EACf,CAAC,KAAK,EAAE,MAAM,CAAC,EACf,CAAC,MAAM,EAAE,MAAM,CAAC,EAChB,CAAC,IAAI,EAAE,MAAM,CAAC,EACd,CAAC,IAAI,EAAE,MAAM,CAAC,EACd,CAAC,EAAE,EAAE,EAAE,CAAC,EACR,CAAC,GAAG,EAAE,MAAM,CAAC,EACb,CAAC,IAAI,EAAE,MAAM,CAAC,EACd,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,EACrB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EACtB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EACtB,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,EACpB,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,EACpB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EACpB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EACtB,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,EAC3B,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,EACxB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,CACzB,CAAC,CAAC,mBAAmB,EAAE,UAACC,KAAK,EAAEC,QAAQ,EAAEC,WAAW,EAAa;IAAA,IAAxBA,WAAW;MAAXA,WAAW,GAAG,KAAK;IAAA;IAC3DC,MAAM,CAACP,cAAc,CAACI,KAAK,EAAEE,WAAW,CAAC,CAAC,CAACE,OAAO,CAACH,QAAQ,CAAC;EAC9D,CAAC,CAAC;AACJ,CAAC,CAAC"}
|