@activecollab/components 1.0.381 → 1.0.382
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/EditableHours/EditableHours.js.map +1 -1
- package/dist/cjs/components/HoursWrapper/HoursWrapper.js +5 -2
- package/dist/cjs/components/HoursWrapper/HoursWrapper.js.map +1 -1
- package/dist/cjs/components/Input/InputHours.js +3 -1
- package/dist/cjs/components/Input/InputHours.js.map +1 -1
- package/dist/esm/components/EditableHours/EditableHours.d.ts +1 -0
- package/dist/esm/components/EditableHours/EditableHours.d.ts.map +1 -1
- package/dist/esm/components/EditableHours/EditableHours.js.map +1 -1
- package/dist/esm/components/HoursWrapper/HoursWrapper.d.ts.map +1 -1
- package/dist/esm/components/HoursWrapper/HoursWrapper.js +5 -2
- package/dist/esm/components/HoursWrapper/HoursWrapper.js.map +1 -1
- package/dist/esm/components/Input/InputHours.d.ts.map +1 -1
- package/dist/esm/components/Input/InputHours.js +3 -1
- package/dist/esm/components/Input/InputHours.js.map +1 -1
- package/dist/index.js +8 -3
- 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":["EditableHours","React","forwardRef","ref","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","className","inputProps","rest","inputRef","useRef","handleRef","useForkRef","type","classNames","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;AACA;AACA;AACA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
1
|
+
{"version":3,"file":"EditableHours.js","names":["EditableHours","React","forwardRef","ref","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","className","inputProps","rest","inputRef","useRef","handleRef","useForkRef","type","classNames","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 onEnterKeyPress?: () => 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;AACA;AACA;AACA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcxC,IAAMA,aAAa,gBAAGC,cAAK,CAACC,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,gCAAGC,wBAAiB;IAAA,6BAC9BC,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,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAC/C,IAAMC,SAAS,GAAG,IAAAC,mBAAU,EAAChB,GAAG,EAAEa,QAAQ,CAAC;EAE3C,oBACE,6BAAC,0BAAY;IACX,KAAK,EAAEZ,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,MAAM,EAAEC,MAAO;IACf,qBAAqB,EAAEK,qBAAsB;IAC7C,eAAe,EAAEC,eAAgB;IACjC,eAAe,EAAEL,eAAgB;IACjC,eAAe,EAAEC,eAAgB;IACjC,UAAU,EAAEC;EAAW,gBAEvB,6BAAC,gCAAe;IACd,GAAG,EAAES,SAAU;IACf,UAAU,kCACLJ,UAAU;MACbM,IAAI,EAAE,MAAM;MACZP,SAAS,EAAE,IAAAQ,mBAAU,EAAC,SAAS,EAAER,SAAS;IAAC;EAC3C,GACEE,IAAI,EACR,CACW;AAEnB,CAAC,CACF;AAAC;AAEFf,aAAa,CAACsB,WAAW,GAAG,eAAe"}
|
|
@@ -27,6 +27,7 @@ var HoursWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
|
27
27
|
value = _ref.value,
|
|
28
28
|
onCancel = _ref.onCancel,
|
|
29
29
|
onSave = _ref.onSave,
|
|
30
|
+
onEnterKeyPress = _ref.onEnterKeyPress,
|
|
30
31
|
allowEmptyValue = _ref.allowEmptyValue,
|
|
31
32
|
_ref$withLeadingZero = _ref.withLeadingZero,
|
|
32
33
|
withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
|
|
@@ -136,6 +137,7 @@ var HoursWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
|
136
137
|
var handleKeyDown = (0, _react.useCallback)(function (e) {
|
|
137
138
|
if (e.key === "Enter") {
|
|
138
139
|
e.target.blur();
|
|
140
|
+
onEnterKeyPress && onEnterKeyPress();
|
|
139
141
|
}
|
|
140
142
|
if (e.key === "ArrowLeft") {
|
|
141
143
|
return;
|
|
@@ -204,7 +206,7 @@ var HoursWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
|
204
206
|
return;
|
|
205
207
|
}
|
|
206
208
|
}
|
|
207
|
-
}, [handleIncrementDecrement, onCancel, validation, withLeadingZero]);
|
|
209
|
+
}, [handleIncrementDecrement, onCancel, onEnterKeyPress, validation, withLeadingZero]);
|
|
208
210
|
var handleChange = (0, _react.useCallback)(function (e) {
|
|
209
211
|
setCurrentValue(e.target.value);
|
|
210
212
|
}, []);
|
|
@@ -234,7 +236,8 @@ var HoursWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
|
234
236
|
onKeyDown: handleKeyDown,
|
|
235
237
|
onChange: handleChange,
|
|
236
238
|
onClick: handleClick,
|
|
237
|
-
onDoubleClick: handleDoubleClick
|
|
239
|
+
onDoubleClick: handleDoubleClick,
|
|
240
|
+
onEnterKeyPress: onEnterKeyPress
|
|
238
241
|
};
|
|
239
242
|
if (!children) {
|
|
240
243
|
console.error("No children provided!");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HoursWrapper.js","names":["HoursWrapper","React","forwardRef","ref","children","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","inputRef","useRef","handleRef","useForkRef","useState","decimalToHours","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","useEffect","_value","undefined","handleBlur","useCallback","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","EditableContent","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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"}
|
|
1
|
+
{"version":3,"file":"HoursWrapper.js","names":["HoursWrapper","React","forwardRef","ref","children","value","onCancel","onSave","onEnterKeyPress","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","inputRef","useRef","handleRef","useForkRef","useState","decimalToHours","currentValue","setCurrentValue","prevValue","setPrevValue","escapeRef","useEffect","_value","undefined","handleBlur","useCallback","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","EditableContent","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 onEnterKeyPress,\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 onEnterKeyPress && onEnterKeyPress();\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 [\n handleIncrementDecrement,\n onCancel,\n onEnterKeyPress,\n validation,\n withLeadingZero,\n ]\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 onEnterKeyPress: onEnterKeyPress,\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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"}
|
|
@@ -10,7 +10,7 @@ var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
|
|
|
10
10
|
var _utils = require("../../utils");
|
|
11
11
|
var _Input = require("./Input");
|
|
12
12
|
var _HoursWrapper = require("../HoursWrapper");
|
|
13
|
-
var _excluded = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className"];
|
|
13
|
+
var _excluded = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className"];
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
16
16
|
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; }
|
|
@@ -21,6 +21,7 @@ var InputHours = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
|
21
21
|
var value = _ref.value,
|
|
22
22
|
onCancel = _ref.onCancel,
|
|
23
23
|
onSave = _ref.onSave,
|
|
24
|
+
onEnterKeyPress = _ref.onEnterKeyPress,
|
|
24
25
|
allowEmptyValue = _ref.allowEmptyValue,
|
|
25
26
|
_ref$withLeadingZero = _ref.withLeadingZero,
|
|
26
27
|
withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
|
|
@@ -38,6 +39,7 @@ var InputHours = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
|
38
39
|
value: value,
|
|
39
40
|
onCancel: onCancel,
|
|
40
41
|
onSave: onSave,
|
|
42
|
+
onEnterKeyPress: onEnterKeyPress,
|
|
41
43
|
incrementOnlySelected: incrementOnlySelected,
|
|
42
44
|
minuteIncrement: minuteIncrement,
|
|
43
45
|
allowEmptyValue: allowEmptyValue,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputHours.js","names":["InputHours","React","forwardRef","ref","value","onCancel","onSave","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","className","rest","inputRef","useRef","handleRef","useForkRef","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;AACA;AACA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQxC,IAAMA,UAAU,gBAAGC,cAAK,CAACC,UAAU,CACxC,
|
|
1
|
+
{"version":3,"file":"InputHours.js","names":["InputHours","React","forwardRef","ref","value","onCancel","onSave","onEnterKeyPress","allowEmptyValue","withLeadingZero","validation","validateTimeInput","incrementOnlySelected","minuteIncrement","className","rest","inputRef","useRef","handleRef","useForkRef","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 onEnterKeyPress,\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 onEnterKeyPress={onEnterKeyPress}\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;AACA;AACA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQxC,IAAMA,UAAU,gBAAGC,cAAK,CAACC,UAAU,CACxC,gBAcEC,GAAG,EACA;EAAA,IAbDC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,eAAe,QAAfA,eAAe;IACfC,eAAe,QAAfA,eAAe;IAAA,4BACfC,eAAe;IAAfA,eAAe,qCAAG,IAAI;IAAA,uBACtBC,UAAU;IAAVA,UAAU,gCAAGC,wBAAiB;IAAA,6BAC9BC,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,4BAC7BC,eAAe;IAAfA,eAAe,qCAAG,CAAC;IACnBC,SAAS,QAATA,SAAS;IACNC,IAAI;EAIT,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAC/C,IAAMC,SAAS,GAAG,IAAAC,mBAAU,EAAChB,GAAG,EAAEa,QAAQ,CAAC;EAE3C,oBACE,6BAAC,0BAAY;IACX,KAAK,EAAEZ,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,MAAM,EAAEC,MAAO;IACf,eAAe,EAAEC,eAAgB;IACjC,qBAAqB,EAAEK,qBAAsB;IAC7C,eAAe,EAAEC,eAAgB;IACjC,eAAe,EAAEL,eAAgB;IACjC,eAAe,EAAEC,eAAgB;IACjC,UAAU,EAAEC;EAAW,gBAEvB,6BAAC,YAAK;IACJ,GAAG,EAAEQ,SAAU;IACf,SAAS,EAAEJ,SAAU;IACrB,WAAW,EAAEL,eAAe,GAAG,OAAO,GAAG;EAAO,GAC5CM,IAAI,EACR,CACW;AAEnB,CAAC,CACF;AAAC;AAEFf,UAAU,CAACoB,WAAW,GAAG,YAAY"}
|
|
@@ -4,6 +4,7 @@ export interface EditableHoursProps extends EditableContentInterface {
|
|
|
4
4
|
value?: number | string;
|
|
5
5
|
onSave?: (e: Event) => void;
|
|
6
6
|
onCancel?: () => void;
|
|
7
|
+
onEnterKeyPress?: () => void;
|
|
7
8
|
withLeadingZero?: boolean;
|
|
8
9
|
incrementOnlySelected?: boolean;
|
|
9
10
|
validation?: (value: string, withLeadingZero: boolean) => boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableHours.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,KAAK,OAAO,CAAC;IAClE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,aAAa,2FA8CzB,CAAC"}
|
|
1
|
+
{"version":3,"file":"EditableHours.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB;IAClE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,KAAK,OAAO,CAAC;IAClE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,eAAO,MAAM,aAAa,2FA8CzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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 onEnterKeyPress?: () => 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;AAc9C,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"}
|
|
@@ -1 +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;;
|
|
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;;0CAwSxB,CAAC"}
|
|
@@ -12,6 +12,7 @@ export var HoursWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
12
12
|
value = _ref.value,
|
|
13
13
|
onCancel = _ref.onCancel,
|
|
14
14
|
onSave = _ref.onSave,
|
|
15
|
+
onEnterKeyPress = _ref.onEnterKeyPress,
|
|
15
16
|
allowEmptyValue = _ref.allowEmptyValue,
|
|
16
17
|
_ref$withLeadingZero = _ref.withLeadingZero,
|
|
17
18
|
withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
|
|
@@ -118,6 +119,7 @@ export var HoursWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
118
119
|
var handleKeyDown = useCallback(function (e) {
|
|
119
120
|
if (e.key === "Enter") {
|
|
120
121
|
e.target.blur();
|
|
122
|
+
onEnterKeyPress && onEnterKeyPress();
|
|
121
123
|
}
|
|
122
124
|
if (e.key === "ArrowLeft") {
|
|
123
125
|
return;
|
|
@@ -186,7 +188,7 @@ export var HoursWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
186
188
|
return;
|
|
187
189
|
}
|
|
188
190
|
}
|
|
189
|
-
}, [handleIncrementDecrement, onCancel, validation, withLeadingZero]);
|
|
191
|
+
}, [handleIncrementDecrement, onCancel, onEnterKeyPress, validation, withLeadingZero]);
|
|
190
192
|
var handleChange = useCallback(function (e) {
|
|
191
193
|
setCurrentValue(e.target.value);
|
|
192
194
|
}, []);
|
|
@@ -216,7 +218,8 @@ export var HoursWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
216
218
|
onKeyDown: handleKeyDown,
|
|
217
219
|
onChange: handleChange,
|
|
218
220
|
onClick: handleClick,
|
|
219
|
-
onDoubleClick: handleDoubleClick
|
|
221
|
+
onDoubleClick: handleDoubleClick,
|
|
222
|
+
onEnterKeyPress: onEnterKeyPress
|
|
220
223
|
};
|
|
221
224
|
if (!children) {
|
|
222
225
|
console.error("No children provided!");
|
|
@@ -1 +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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"}
|
|
1
|
+
{"version":3,"file":"HoursWrapper.js","names":["React","useCallback","useEffect","useRef","useState","decimalToHours","useForkRef","validateTimeInput","EditableContent","HoursWrapper","forwardRef","ref","children","value","onCancel","onSave","onEnterKeyPress","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 onEnterKeyPress,\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 onEnterKeyPress && onEnterKeyPress();\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 [\n handleIncrementDecrement,\n onCancel,\n onEnterKeyPress,\n validation,\n withLeadingZero,\n ]\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 onEnterKeyPress: onEnterKeyPress,\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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"}
|
|
@@ -1 +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,
|
|
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,0FAyCtB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
-
var _excluded = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className"];
|
|
3
|
+
var _excluded = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className"];
|
|
4
4
|
import React, { useRef } from "react";
|
|
5
5
|
import useForkRef from "../../utils/useForkRef";
|
|
6
6
|
import { validateTimeInput } from "../../utils";
|
|
@@ -10,6 +10,7 @@ export var InputHours = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
10
10
|
var value = _ref.value,
|
|
11
11
|
onCancel = _ref.onCancel,
|
|
12
12
|
onSave = _ref.onSave,
|
|
13
|
+
onEnterKeyPress = _ref.onEnterKeyPress,
|
|
13
14
|
allowEmptyValue = _ref.allowEmptyValue,
|
|
14
15
|
_ref$withLeadingZero = _ref.withLeadingZero,
|
|
15
16
|
withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
|
|
@@ -27,6 +28,7 @@ export var InputHours = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
27
28
|
value: value,
|
|
28
29
|
onCancel: onCancel,
|
|
29
30
|
onSave: onSave,
|
|
31
|
+
onEnterKeyPress: onEnterKeyPress,
|
|
30
32
|
incrementOnlySelected: incrementOnlySelected,
|
|
31
33
|
minuteIncrement: minuteIncrement,
|
|
32
34
|
allowEmptyValue: allowEmptyValue,
|
|
@@ -1 +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,
|
|
1
|
+
{"version":3,"file":"InputHours.js","names":["React","useRef","useForkRef","validateTimeInput","Input","HoursWrapper","InputHours","forwardRef","ref","value","onCancel","onSave","onEnterKeyPress","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 onEnterKeyPress,\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 onEnterKeyPress={onEnterKeyPress}\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,gBAcEC,GAAG,EACA;EAAA,IAbDC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,eAAe,QAAfA,eAAe;IACfC,eAAe,QAAfA,eAAe;IAAA,4BACfC,eAAe;IAAfA,eAAe,qCAAG,IAAI;IAAA,uBACtBC,UAAU;IAAVA,UAAU,gCAAGZ,iBAAiB;IAAA,6BAC9Ba,qBAAqB;IAArBA,qBAAqB,sCAAG,KAAK;IAAA,4BAC7BC,eAAe;IAAfA,eAAe,qCAAG,CAAC;IACnBC,SAAS,QAATA,SAAS;IACNC,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,eAAe,EAAEC,eAAgB;IACjC,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;AAEDb,UAAU,CAACgB,WAAW,GAAG,YAAY"}
|
package/dist/index.js
CHANGED
|
@@ -12456,6 +12456,7 @@
|
|
|
12456
12456
|
value = _ref.value,
|
|
12457
12457
|
onCancel = _ref.onCancel,
|
|
12458
12458
|
onSave = _ref.onSave,
|
|
12459
|
+
onEnterKeyPress = _ref.onEnterKeyPress,
|
|
12459
12460
|
allowEmptyValue = _ref.allowEmptyValue,
|
|
12460
12461
|
_ref$withLeadingZero = _ref.withLeadingZero,
|
|
12461
12462
|
withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
|
|
@@ -12565,6 +12566,7 @@
|
|
|
12565
12566
|
var handleKeyDown = React.useCallback(function (e) {
|
|
12566
12567
|
if (e.key === "Enter") {
|
|
12567
12568
|
e.target.blur();
|
|
12569
|
+
onEnterKeyPress && onEnterKeyPress();
|
|
12568
12570
|
}
|
|
12569
12571
|
if (e.key === "ArrowLeft") {
|
|
12570
12572
|
return;
|
|
@@ -12633,7 +12635,7 @@
|
|
|
12633
12635
|
return;
|
|
12634
12636
|
}
|
|
12635
12637
|
}
|
|
12636
|
-
}, [handleIncrementDecrement, onCancel, validation, withLeadingZero]);
|
|
12638
|
+
}, [handleIncrementDecrement, onCancel, onEnterKeyPress, validation, withLeadingZero]);
|
|
12637
12639
|
var handleChange = React.useCallback(function (e) {
|
|
12638
12640
|
setCurrentValue(e.target.value);
|
|
12639
12641
|
}, []);
|
|
@@ -12663,7 +12665,8 @@
|
|
|
12663
12665
|
onKeyDown: handleKeyDown,
|
|
12664
12666
|
onChange: handleChange,
|
|
12665
12667
|
onClick: handleClick,
|
|
12666
|
-
onDoubleClick: handleDoubleClick
|
|
12668
|
+
onDoubleClick: handleDoubleClick,
|
|
12669
|
+
onEnterKeyPress: onEnterKeyPress
|
|
12667
12670
|
};
|
|
12668
12671
|
if (!children) {
|
|
12669
12672
|
console.error("No children provided!");
|
|
@@ -12684,11 +12687,12 @@
|
|
|
12684
12687
|
});
|
|
12685
12688
|
HoursWrapper.displayName = "HoursWrapper";
|
|
12686
12689
|
|
|
12687
|
-
var _excluded$G = ["value", "onCancel", "onSave", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className"];
|
|
12690
|
+
var _excluded$G = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className"];
|
|
12688
12691
|
var InputHours = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
|
|
12689
12692
|
var value = _ref.value,
|
|
12690
12693
|
onCancel = _ref.onCancel,
|
|
12691
12694
|
onSave = _ref.onSave,
|
|
12695
|
+
onEnterKeyPress = _ref.onEnterKeyPress,
|
|
12692
12696
|
allowEmptyValue = _ref.allowEmptyValue,
|
|
12693
12697
|
_ref$withLeadingZero = _ref.withLeadingZero,
|
|
12694
12698
|
withLeadingZero = _ref$withLeadingZero === void 0 ? true : _ref$withLeadingZero,
|
|
@@ -12706,6 +12710,7 @@
|
|
|
12706
12710
|
value: value,
|
|
12707
12711
|
onCancel: onCancel,
|
|
12708
12712
|
onSave: onSave,
|
|
12713
|
+
onEnterKeyPress: onEnterKeyPress,
|
|
12709
12714
|
incrementOnlySelected: incrementOnlySelected,
|
|
12710
12715
|
minuteIncrement: minuteIncrement,
|
|
12711
12716
|
allowEmptyValue: allowEmptyValue,
|