@activecollab/components 2.0.116 → 2.0.118
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 +1 -1
- package/dist/cjs/components/EditableHours/EditableHours.js.map +1 -1
- package/dist/cjs/components/ProgressRing/Styles.js +2 -2
- package/dist/cjs/components/ProgressRing/Styles.js.map +1 -1
- package/dist/cjs/components/SelectTrigger/SelectTrigger.js +11 -1
- package/dist/cjs/components/SelectTrigger/SelectTrigger.js.map +1 -1
- package/dist/cjs/components/SelectTrigger/Styles.js +6 -3
- package/dist/cjs/components/SelectTrigger/Styles.js.map +1 -1
- package/dist/cjs/hooks/useInputHours.js +3 -3
- package/dist/cjs/hooks/useInputHours.js.map +1 -1
- package/dist/cjs/utils/index.js +7 -0
- package/dist/cjs/utils/index.js.map +1 -1
- package/dist/cjs/utils/timeUtils.js +87 -33
- 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/EditableHours/EditableHours.js +2 -2
- package/dist/esm/components/EditableHours/EditableHours.js.map +1 -1
- package/dist/esm/components/ProgressRing/Styles.js +2 -2
- package/dist/esm/components/ProgressRing/Styles.js.map +1 -1
- package/dist/esm/components/SelectTrigger/SelectTrigger.d.ts +2 -3
- package/dist/esm/components/SelectTrigger/SelectTrigger.d.ts.map +1 -1
- package/dist/esm/components/SelectTrigger/SelectTrigger.js +12 -2
- package/dist/esm/components/SelectTrigger/SelectTrigger.js.map +1 -1
- package/dist/esm/components/SelectTrigger/Styles.d.ts +2 -3
- package/dist/esm/components/SelectTrigger/Styles.d.ts.map +1 -1
- package/dist/esm/components/SelectTrigger/Styles.js +8 -3
- package/dist/esm/components/SelectTrigger/Styles.js.map +1 -1
- package/dist/esm/hooks/useInputHours.js +4 -4
- package/dist/esm/hooks/useInputHours.js.map +1 -1
- package/dist/esm/utils/index.d.ts +1 -1
- package/dist/esm/utils/index.d.ts.map +1 -1
- package/dist/esm/utils/index.js +1 -1
- package/dist/esm/utils/index.js.map +1 -1
- package/dist/esm/utils/timeUtils.d.ts +34 -0
- package/dist/esm/utils/timeUtils.d.ts.map +1 -1
- package/dist/esm/utils/timeUtils.js +83 -30
- package/dist/esm/utils/timeUtils.js.map +1 -1
- package/dist/esm/utils/timeUtils.test.js +2 -2
- package/dist/esm/utils/timeUtils.test.js.map +1 -1
- package/dist/index.js +110 -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
|
@@ -81,7 +81,7 @@ var EditableHours = exports.EditableHours = /*#__PURE__*/_react.default.forwardR
|
|
|
81
81
|
(0, _react.useEffect)(function () {
|
|
82
82
|
var _value;
|
|
83
83
|
if (defaultValue !== undefined) {
|
|
84
|
-
_value = (0, _utils.
|
|
84
|
+
_value = (0, _utils.formatHours)(defaultValue, withLeadingZero);
|
|
85
85
|
}
|
|
86
86
|
setCurrentValue(function (prevState) {
|
|
87
87
|
if (prevState !== _value) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableHours.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_useInputHours2","_utils","_useForkRef","_interopRequireDefault","_EditableContent","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","iterator","f","next","done","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","StyledEditableContent","styled","EditableContent","withConfig","displayName","componentId","_ref","$ticking","css","EditableHours","exports","React","forwardRef","_ref2","ref","defaultValue","onCancel","onSave","allowEmptyValue","_ref2$withLeadingZero","withLeadingZero","_ref2$validation","validation","validateTimeInput","_ref2$incrementOnlySe","incrementOnlySelected","_ref2$minuteIncrement","minuteIncrement","className","externalEnterKeyPress","onEnterKeyPress","externalInputProps","inputProps","externalOnClick","onClick","ticking","onFocus","rest","inputRef","useRef","handleRef","useForkRef","_useInputHours","useInputHours","setCurrentValue","setPrevValue","onBlur","onKeyDown","onChange","onDoubleClick","useEffect","_value","undefined","decimalToHours","prevState","splitTime","useMemo","_value$split","split","_value$split2","hours","minutes","createElement","type","Fragment"],"sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, FocusEvent } from \"react\";\n\nimport styled, { css } from \"styled-components\";\n\nimport { IInputHours, useInputHours } from \"../../hooks/useInputHours\";\nimport { decimalToHours, validateTimeInput } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { EditableContent, EditableContentInterface } from \"../EditableContent\";\n\nexport interface EditableHoursProps\n extends EditableContentInterface,\n Omit<IInputHours, \"onChange\"> {\n className?: string;\n ticking?: boolean;\n onFocus?: (event: FocusEvent) => void;\n}\n\nconst StyledEditableContent = styled(EditableContent)<{ $ticking?: boolean }>`\n ${({ $ticking }) =>\n $ticking &&\n css`\n .presentation {\n visibility: visible;\n }\n\n input {\n opacity: 0;\n }\n `}\n`;\n\nexport const EditableHours = React.forwardRef<\n HTMLDivElement,\n EditableHoursProps\n>(\n (\n {\n value: defaultValue,\n onCancel,\n onSave,\n allowEmptyValue,\n withLeadingZero = true,\n validation = validateTimeInput,\n incrementOnlySelected = false,\n minuteIncrement = 1,\n className,\n onEnterKeyPress: externalEnterKeyPress,\n inputProps: externalInputProps,\n onClick: externalOnClick,\n ticking,\n onFocus,\n ...rest\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef(ref, inputRef);\n\n const { inputProps, setCurrentValue, setPrevValue } = useInputHours(\n {\n value: defaultValue,\n withLeadingZero,\n onSave,\n validation,\n allowEmptyValue,\n onCancel,\n minuteIncrement,\n incrementOnlySelected,\n onEnterKeyPress: externalEnterKeyPress,\n onClick: externalOnClick,\n },\n inputRef\n );\n\n const { value, onBlur, onKeyDown, onChange, onClick, onDoubleClick } =\n inputProps;\n\n useEffect(() => {\n let _value;\n if (defaultValue !== undefined) {\n _value = decimalToHours(defaultValue, withLeadingZero);\n }\n setCurrentValue((prevState) => {\n if (prevState !== _value) {\n return _value;\n }\n return prevState;\n });\n setPrevValue((prevState) => {\n if (prevState !== _value) {\n return _value;\n }\n return prevState;\n });\n }, [defaultValue, setCurrentValue, setPrevValue, withLeadingZero]);\n\n const splitTime = useMemo(() => {\n if (value && ticking) {\n const [hours, minutes] = value.split(\":\");\n\n return {\n hours,\n minutes,\n };\n }\n }, [value, ticking]);\n\n return (\n <StyledEditableContent\n ref={handleRef}\n className={className}\n inputProps={{\n ...externalInputProps,\n value,\n onBlur,\n onKeyDown,\n onChange,\n onClick,\n onDoubleClick,\n onFocus,\n type: \"text\",\n }}\n $ticking={ticking}\n {...rest}\n >\n {ticking && (\n <>\n {splitTime?.hours}\n <span className=\"tw-animate-ping\">:</span>\n {splitTime?.minutes}\n </>\n )}\n </StyledEditableContent>\n );\n }\n);\n\nEditableHours.displayName = \"EditableHours\";\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"EditableHours.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_useInputHours2","_utils","_useForkRef","_interopRequireDefault","_EditableContent","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","iterator","f","next","done","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","StyledEditableContent","styled","EditableContent","withConfig","displayName","componentId","_ref","$ticking","css","EditableHours","exports","React","forwardRef","_ref2","ref","defaultValue","onCancel","onSave","allowEmptyValue","_ref2$withLeadingZero","withLeadingZero","_ref2$validation","validation","validateTimeInput","_ref2$incrementOnlySe","incrementOnlySelected","_ref2$minuteIncrement","minuteIncrement","className","externalEnterKeyPress","onEnterKeyPress","externalInputProps","inputProps","externalOnClick","onClick","ticking","onFocus","rest","inputRef","useRef","handleRef","useForkRef","_useInputHours","useInputHours","setCurrentValue","setPrevValue","onBlur","onKeyDown","onChange","onDoubleClick","useEffect","_value","undefined","formatHours","prevState","splitTime","useMemo","_value$split","split","_value$split2","hours","minutes","createElement","type","Fragment"],"sources":["../../../../src/components/EditableHours/EditableHours.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, FocusEvent } from \"react\";\n\nimport styled, { css } from \"styled-components\";\n\nimport { IInputHours, useInputHours } from \"../../hooks/useInputHours\";\nimport { formatHours, validateTimeInput } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { EditableContent, EditableContentInterface } from \"../EditableContent\";\n\nexport interface EditableHoursProps\n extends EditableContentInterface,\n Omit<IInputHours, \"onChange\"> {\n className?: string;\n ticking?: boolean;\n onFocus?: (event: FocusEvent) => void;\n}\n\nconst StyledEditableContent = styled(EditableContent)<{ $ticking?: boolean }>`\n ${({ $ticking }) =>\n $ticking &&\n css`\n .presentation {\n visibility: visible;\n }\n\n input {\n opacity: 0;\n }\n `}\n`;\n\nexport const EditableHours = React.forwardRef<\n HTMLDivElement,\n EditableHoursProps\n>(\n (\n {\n value: defaultValue,\n onCancel,\n onSave,\n allowEmptyValue,\n withLeadingZero = true,\n validation = validateTimeInput,\n incrementOnlySelected = false,\n minuteIncrement = 1,\n className,\n onEnterKeyPress: externalEnterKeyPress,\n inputProps: externalInputProps,\n onClick: externalOnClick,\n ticking,\n onFocus,\n ...rest\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef(ref, inputRef);\n\n const { inputProps, setCurrentValue, setPrevValue } = useInputHours(\n {\n value: defaultValue,\n withLeadingZero,\n onSave,\n validation,\n allowEmptyValue,\n onCancel,\n minuteIncrement,\n incrementOnlySelected,\n onEnterKeyPress: externalEnterKeyPress,\n onClick: externalOnClick,\n },\n inputRef\n );\n\n const { value, onBlur, onKeyDown, onChange, onClick, onDoubleClick } =\n inputProps;\n\n useEffect(() => {\n let _value;\n if (defaultValue !== undefined) {\n _value = formatHours(defaultValue, withLeadingZero);\n }\n setCurrentValue((prevState) => {\n if (prevState !== _value) {\n return _value;\n }\n return prevState;\n });\n setPrevValue((prevState) => {\n if (prevState !== _value) {\n return _value;\n }\n return prevState;\n });\n }, [defaultValue, setCurrentValue, setPrevValue, withLeadingZero]);\n\n const splitTime = useMemo(() => {\n if (value && ticking) {\n const [hours, minutes] = value.split(\":\");\n\n return {\n hours,\n minutes,\n };\n }\n }, [value, ticking]);\n\n return (\n <StyledEditableContent\n ref={handleRef}\n className={className}\n inputProps={{\n ...externalInputProps,\n value,\n onBlur,\n onKeyDown,\n onChange,\n onClick,\n onDoubleClick,\n onFocus,\n type: \"text\",\n }}\n $ticking={ticking}\n {...rest}\n >\n {ticking && (\n <>\n {splitTime?.hours}\n <span className=\"tw-animate-ping\">:</span>\n {splitTime?.minutes}\n </>\n )}\n </StyledEditableContent>\n );\n }\n);\n\nEditableHours.displayName = \"EditableHours\";\n"],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@ StyledSvg.displayName = "StyledSvg";
|
|
|
25
25
|
var StyledBackgroundCircle = exports.StyledBackgroundCircle = _styledComponents.default.circle.withConfig({
|
|
26
26
|
displayName: "Styles__StyledBackgroundCircle",
|
|
27
27
|
componentId: "sc-o6dcyu-3"
|
|
28
|
-
})(["fill:transparent;transition:stroke-dashoffset 0.5s linear;", " ", ""], function (props) {
|
|
28
|
+
})(["fill:transparent;transition:stroke-dashoffset 0.5s linear,stroke 300ms ease-out;", " ", ""], function (props) {
|
|
29
29
|
return props.$color ? (0, _styledComponents.css)(["stroke:", ";"], props.$color) : (0, _styledComponents.css)(["stroke:var(--color-theme-transparent-300);"]);
|
|
30
30
|
}, function (props) {
|
|
31
31
|
return props.$strokeDashOffset && (0, _styledComponents.css)(["stroke-dashoffset:", ";"], props.$strokeDashOffset);
|
|
@@ -34,7 +34,7 @@ StyledBackgroundCircle.displayName = "StyledBackgroundCircle";
|
|
|
34
34
|
var StyledForegroundCircle = exports.StyledForegroundCircle = _styledComponents.default.circle.withConfig({
|
|
35
35
|
displayName: "Styles__StyledForegroundCircle",
|
|
36
36
|
componentId: "sc-o6dcyu-4"
|
|
37
|
-
})(["fill:transparent;transition:stroke-dashoffset 0.5s linear;", " ", " ", ""], function (props) {
|
|
37
|
+
})(["fill:transparent;transition:stroke-dashoffset 0.5s linear,stroke 300ms ease-out;", " ", " ", ""], function (props) {
|
|
38
38
|
return props.$roundStroke && (0, _styledComponents.css)(["stroke-linecap:round;"]);
|
|
39
39
|
}, function (props) {
|
|
40
40
|
return props.$color ? (0, _styledComponents.css)(["stroke:", ";"], props.$color) : (0, _styledComponents.css)(["stroke:var(--color-secondary);"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledWrapper","exports","styled","div","withConfig","displayName","componentId","StyledChildrenWrapper","StyledSvg","svg","StyledBackgroundCircle","circle","props","$color","css","$strokeDashOffset","StyledForegroundCircle","$roundStroke","StyledProgressRingPercentage","text","$fontSize"],"sources":["../../../../src/components/ProgressRing/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\ninterface IStyledProgressRing {\n $color?: string;\n $strokeDashOffset?: number;\n $fontSize?: number;\n $roundStroke?: boolean;\n}\n\nexport const StyledWrapper = styled.div`\n position: relative;\n display: inline-flex;\n`;\n\nStyledWrapper.displayName = \"StyledWrapper\";\n\nexport const StyledChildrenWrapper = styled.div`\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n display: inline-flex;\n`;\n\nStyledChildrenWrapper.displayName = \"StyledChildrenWrapper\";\n\nexport const StyledSvg = styled.svg`\n transform: rotate(-90deg);\n`;\n\nStyledSvg.displayName = \"StyledSvg\";\n\nexport const StyledBackgroundCircle = styled.circle<IStyledProgressRing>`\n fill: transparent;\n transition: stroke-dashoffset 0.5s linear;\n\n ${(props) =>\n props.$color\n ? css`\n stroke: ${props.$color};\n `\n : css`\n stroke: var(--color-theme-transparent-300);\n `}\n\n ${(props) =>\n props.$strokeDashOffset &&\n css`\n stroke-dashoffset: ${props.$strokeDashOffset};\n `}\n`;\n\nStyledBackgroundCircle.displayName = \"StyledBackgroundCircle\";\n\nexport const StyledForegroundCircle = styled.circle<IStyledProgressRing>`\n fill: transparent;\n transition: stroke-dashoffset 0.5s linear;\n\n ${(props) =>\n props.$roundStroke &&\n css`\n stroke-linecap: round;\n `}\n\n ${(props) =>\n props.$color\n ? css`\n stroke: ${props.$color};\n `\n : css`\n stroke: var(--color-secondary);\n `}\n\n ${(props) =>\n props.$strokeDashOffset &&\n css`\n stroke-dashoffset: ${props.$strokeDashOffset};\n `}\n`;\n\nStyledForegroundCircle.displayName = \"StyledForegroundCircle\";\n\nexport const StyledProgressRingPercentage = styled.text<IStyledProgressRing>`\n transform: rotate(90deg);\n\n ${(props) =>\n props.$color\n ? css`\n fill: ${props.$color};\n `\n : css`\n fill: var(--color-secondary);\n `}\n\n ${(props) =>\n props.$fontSize\n ? css`\n font-size: ${props.$fontSize}px;\n `\n : css`\n font-size: 10px;\n `}\n`;\n\nStyledProgressRingPercentage.displayName = \"StyledProgressRingPercentage\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AASzC,IAAMY,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8CAGtC;AAEDN,aAAa,CAACK,WAAW,GAAG,eAAe;AAEpC,IAAME,qBAAqB,GAAAN,OAAA,CAAAM,qBAAA,GAAGL,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8FAM9C;AAEDC,qBAAqB,CAACF,WAAW,GAAG,uBAAuB;AAEpD,IAAMG,SAAS,GAAAP,OAAA,CAAAO,SAAA,GAAGN,yBAAM,CAACO,GAAG,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAElC;AAEDE,SAAS,CAACH,WAAW,GAAG,WAAW;AAE5B,IAAMK,sBAAsB,GAAAT,OAAA,CAAAS,sBAAA,GAAGR,yBAAM,CAACS,MAAM,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledWrapper","exports","styled","div","withConfig","displayName","componentId","StyledChildrenWrapper","StyledSvg","svg","StyledBackgroundCircle","circle","props","$color","css","$strokeDashOffset","StyledForegroundCircle","$roundStroke","StyledProgressRingPercentage","text","$fontSize"],"sources":["../../../../src/components/ProgressRing/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\ninterface IStyledProgressRing {\n $color?: string;\n $strokeDashOffset?: number;\n $fontSize?: number;\n $roundStroke?: boolean;\n}\n\nexport const StyledWrapper = styled.div`\n position: relative;\n display: inline-flex;\n`;\n\nStyledWrapper.displayName = \"StyledWrapper\";\n\nexport const StyledChildrenWrapper = styled.div`\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n display: inline-flex;\n`;\n\nStyledChildrenWrapper.displayName = \"StyledChildrenWrapper\";\n\nexport const StyledSvg = styled.svg`\n transform: rotate(-90deg);\n`;\n\nStyledSvg.displayName = \"StyledSvg\";\n\nexport const StyledBackgroundCircle = styled.circle<IStyledProgressRing>`\n fill: transparent;\n transition: stroke-dashoffset 0.5s linear, stroke 300ms ease-out;\n\n ${(props) =>\n props.$color\n ? css`\n stroke: ${props.$color};\n `\n : css`\n stroke: var(--color-theme-transparent-300);\n `}\n\n ${(props) =>\n props.$strokeDashOffset &&\n css`\n stroke-dashoffset: ${props.$strokeDashOffset};\n `}\n`;\n\nStyledBackgroundCircle.displayName = \"StyledBackgroundCircle\";\n\nexport const StyledForegroundCircle = styled.circle<IStyledProgressRing>`\n fill: transparent;\n transition: stroke-dashoffset 0.5s linear, stroke 300ms ease-out;\n\n ${(props) =>\n props.$roundStroke &&\n css`\n stroke-linecap: round;\n `}\n\n ${(props) =>\n props.$color\n ? css`\n stroke: ${props.$color};\n `\n : css`\n stroke: var(--color-secondary);\n `}\n\n ${(props) =>\n props.$strokeDashOffset &&\n css`\n stroke-dashoffset: ${props.$strokeDashOffset};\n `}\n`;\n\nStyledForegroundCircle.displayName = \"StyledForegroundCircle\";\n\nexport const StyledProgressRingPercentage = styled.text<IStyledProgressRing>`\n transform: rotate(90deg);\n\n ${(props) =>\n props.$color\n ? css`\n fill: ${props.$color};\n `\n : css`\n fill: var(--color-secondary);\n `}\n\n ${(props) =>\n props.$fontSize\n ? css`\n font-size: ${props.$fontSize}px;\n `\n : css`\n font-size: 10px;\n `}\n`;\n\nStyledProgressRingPercentage.displayName = \"StyledProgressRingPercentage\";\n"],"mappings":"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"}
|
|
@@ -28,6 +28,15 @@ var SelectTrigger = exports.SelectTrigger = /*#__PURE__*/(0, _react.forwardRef)(
|
|
|
28
28
|
_ref$mode = _ref.mode,
|
|
29
29
|
mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
|
|
30
30
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
31
|
+
var variant = (0, _react.useMemo)(function () {
|
|
32
|
+
if (size === "big") {
|
|
33
|
+
return "Body 1";
|
|
34
|
+
}
|
|
35
|
+
if (size === "biggest") {
|
|
36
|
+
return "Header 2";
|
|
37
|
+
}
|
|
38
|
+
return "Body 2";
|
|
39
|
+
}, [size]);
|
|
31
40
|
return /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectTrigger, _extends({
|
|
32
41
|
ref: ref,
|
|
33
42
|
role: "button",
|
|
@@ -40,7 +49,8 @@ var SelectTrigger = exports.SelectTrigger = /*#__PURE__*/(0, _react.forwardRef)(
|
|
|
40
49
|
as: "div",
|
|
41
50
|
overflow: "truncate",
|
|
42
51
|
whitespace: "no-wrap",
|
|
43
|
-
variant:
|
|
52
|
+
variant: variant,
|
|
53
|
+
weight: size === "biggest" ? "bold" : "regular",
|
|
44
54
|
color: mode === "flat" && invalid ? "alert" : undefined
|
|
45
55
|
}, typographyProps), children), endAdornment ? endAdornment : /*#__PURE__*/_react.default.createElement(_Styles.StyledCaretIcon, {
|
|
46
56
|
$open: open
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectTrigger.js","names":["_react","_interopRequireWildcard","require","_Styles","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SelectTrigger","exports","forwardRef","_ref","ref","children","_ref$type","type","_ref$size","size","_ref$invalid","invalid","_ref$open","open","endAdornment","typographyProps","_ref$mode","mode","rest","createElement","StyledSelectTrigger","role","$size","$invalid","$mode","Typography","as","overflow","whitespace","
|
|
1
|
+
{"version":3,"file":"SelectTrigger.js","names":["_react","_interopRequireWildcard","require","_Styles","_Typography","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SelectTrigger","exports","forwardRef","_ref","ref","children","_ref$type","type","_ref$size","size","_ref$invalid","invalid","_ref$open","open","endAdornment","typographyProps","_ref$mode","mode","rest","variant","useMemo","createElement","StyledSelectTrigger","role","$size","$invalid","$mode","Typography","as","overflow","whitespace","weight","color","undefined","StyledCaretIcon","$open","displayName"],"sources":["../../../../src/components/SelectTrigger/SelectTrigger.tsx"],"sourcesContent":["import React, { forwardRef, ComponentPropsWithoutRef, useMemo } from \"react\";\n\nimport { StyledCaretIcon, StyledSelectTrigger } from \"./Styles\";\nimport { InputMode, InputSize } from \"../Input/types\";\nimport { ITypographyProps, Typography } from \"../Typography/Typography\";\n\nexport interface SelectTriggerProps extends ComponentPropsWithoutRef<\"button\"> {\n size?: InputSize;\n invalid?: boolean;\n endAdornment?: JSX.Element;\n open?: boolean;\n typographyProps?: ITypographyProps;\n mode?: InputMode;\n}\n\nexport const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(\n (\n {\n children,\n type = \"button\",\n size = \"regular\",\n invalid = false,\n open = false,\n endAdornment,\n typographyProps,\n mode = \"outlined\",\n ...rest\n },\n ref\n ) => {\n const variant = useMemo(() => {\n if (size === \"big\") {\n return \"Body 1\";\n }\n if (size === \"biggest\") {\n return \"Header 2\";\n }\n return \"Body 2\";\n }, [size]);\n return (\n <StyledSelectTrigger\n ref={ref}\n role=\"button\"\n type={type}\n $size={size}\n $invalid={invalid}\n aria-invalid={invalid}\n $mode={mode}\n {...rest}\n >\n <Typography\n as=\"div\"\n overflow=\"truncate\"\n whitespace=\"no-wrap\"\n variant={variant}\n weight={size === \"biggest\" ? \"bold\" : \"regular\"}\n color={mode === \"flat\" && invalid ? \"alert\" : undefined}\n {...typographyProps}\n >\n {children}\n </Typography>\n\n {endAdornment ? endAdornment : <StyledCaretIcon $open={open} />}\n </StyledSelectTrigger>\n );\n }\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n"],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
12
12
|
var StyledSelectTrigger = exports.StyledSelectTrigger = (0, _styledComponents.default)(_Trigger.Trigger).withConfig({
|
|
13
13
|
displayName: "Styles__StyledSelectTrigger",
|
|
14
14
|
componentId: "sc-9799p2-0"
|
|
15
|
-
})(["display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 8px;width:300px;transition:border-color 0.3s ease;background-color:transparent;border:none;", " ", " ", " ", " ", " ", " ", ";"], function (_ref) {
|
|
15
|
+
})(["display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 8px;width:300px;transition:border-color 0.3s ease;background-color:transparent;border:none;", " ", " ", " ", " ", " ", " ", ";", ";"], function (_ref) {
|
|
16
16
|
var $mode = _ref.$mode;
|
|
17
17
|
return $mode === "outlined" && (0, _styledComponents.css)(["border:1px solid var(--color-theme-500);background-color:var(--input-background-color);"]);
|
|
18
18
|
}, function (_ref2) {
|
|
@@ -40,13 +40,16 @@ var StyledSelectTrigger = exports.StyledSelectTrigger = (0, _styledComponents.de
|
|
|
40
40
|
}, function (_ref7) {
|
|
41
41
|
var $size = _ref7.$size;
|
|
42
42
|
return $size === "big" && (0, _styledComponents.css)(["height:40px;border-radius:var(--ac-br-8);"]);
|
|
43
|
+
}, function (_ref8) {
|
|
44
|
+
var $size = _ref8.$size;
|
|
45
|
+
return $size === "biggest" && (0, _styledComponents.css)(["height:48px;border-radius:var(--ac-br-8);"]);
|
|
43
46
|
});
|
|
44
47
|
StyledSelectTrigger.displayName = "StyledSelectTrigger";
|
|
45
48
|
var StyledCaretIcon = exports.StyledCaretIcon = (0, _styledComponents.default)(_Icons.CollapseExpandSingleIcon).withConfig({
|
|
46
49
|
displayName: "Styles__StyledCaretIcon",
|
|
47
50
|
componentId: "sc-9799p2-1"
|
|
48
|
-
})(["margin-left:8px;flex-shrink:0;transition:transform 200ms ease;", ""], function (
|
|
49
|
-
var $open =
|
|
51
|
+
})(["margin-left:8px;flex-shrink:0;transition:transform 200ms ease;", ""], function (_ref9) {
|
|
52
|
+
var $open = _ref9.$open;
|
|
50
53
|
return !$open && (0, _styledComponents.css)(["transform:rotate(180deg);"]);
|
|
51
54
|
});
|
|
52
55
|
StyledCaretIcon.displayName = "StyledCaretIcon";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Icons","_Trigger","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledSelectTrigger","exports","styled","Trigger","withConfig","displayName","componentId","_ref","$mode","css","_ref2","disabled","_ref3","$invalid","_ref4","_ref5","$size","_ref6","_ref7","StyledCaretIcon","CollapseExpandSingleIcon","
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Icons","_Trigger","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledSelectTrigger","exports","styled","Trigger","withConfig","displayName","componentId","_ref","$mode","css","_ref2","disabled","_ref3","$invalid","_ref4","_ref5","$size","_ref6","_ref7","_ref8","StyledCaretIcon","CollapseExpandSingleIcon","_ref9","$open"],"sources":["../../../../src/components/SelectTrigger/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { CollapseExpandSingleIcon } from \"../Icons\";\nimport { InputMode, InputSize } from \"../Input/types\";\nimport { Trigger } from \"../Trigger\";\n\nexport const StyledSelectTrigger = styled(Trigger)<{\n $size?: InputSize;\n $invalid?: boolean;\n $mode?: InputMode;\n}>`\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 4px 0 8px;\n width: 300px;\n transition: border-color 0.3s ease;\n background-color: transparent;\n border: none;\n\n ${({ $mode }) =>\n $mode === \"outlined\" &&\n css`\n border: 1px solid var(--color-theme-500);\n background-color: var(--input-background-color);\n `}\n\n ${({ disabled }) =>\n disabled &&\n css`\n opacity: 50%;\n cursor: default;\n `}\n\n ${({ $invalid, disabled, $mode }) =>\n !$invalid &&\n !disabled &&\n $mode === \"outlined\" &&\n css`\n &:hover,\n &:focus {\n border-color: var(--color-primary-700);\n }\n `}\n\n ${({ $invalid, $mode }) =>\n $invalid &&\n $mode === \"outlined\" &&\n css`\n ${tw`tw-border-alert`}\n\n &:hover {\n ${tw`tw-border-alert`}\n }\n `}\n\n ${({ $size }) =>\n $size === \"small\" &&\n css`\n height: 24px;\n border-radius: var(--ac-br-6);\n `}\n\n ${({ $size }) =>\n $size === \"regular\" &&\n css`\n height: 32px;\n border-radius: var(--ac-br-8);\n `}\n\n ${({ $size }) =>\n $size === \"big\" &&\n css`\n height: 40px;\n border-radius: var(--ac-br-8);\n `};\n\n ${({ $size }) =>\n $size === \"biggest\" &&\n css`\n height: 48px;\n border-radius: var(--ac-br-8);\n `};\n`;\n\nStyledSelectTrigger.displayName = \"StyledSelectTrigger\";\n\nexport const StyledCaretIcon = styled(CollapseExpandSingleIcon)<{\n $open: boolean;\n}>`\n margin-left: 8px;\n flex-shrink: 0;\n transition: transform 200ms ease;\n\n ${({ $open }) =>\n !$open &&\n css`\n transform: rotate(180deg);\n `}\n`;\n\nStyledCaretIcon.displayName = \"StyledCaretIcon\";\n"],"mappings":"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"}
|
|
@@ -27,13 +27,13 @@ var useInputHours = exports.useInputHours = function useInputHours(_ref, inputRe
|
|
|
27
27
|
onChange = _ref.onChange,
|
|
28
28
|
onClick = _ref.onClick;
|
|
29
29
|
var _useState = (0, _react.useState)(function () {
|
|
30
|
-
return (0, _utils.
|
|
30
|
+
return (0, _utils.formatHours)(value, withLeadingZero);
|
|
31
31
|
}),
|
|
32
32
|
_useState2 = _slicedToArray(_useState, 2),
|
|
33
33
|
currentValue = _useState2[0],
|
|
34
34
|
setCurrentValue = _useState2[1];
|
|
35
35
|
var _useState3 = (0, _react.useState)(function () {
|
|
36
|
-
return (0, _utils.
|
|
36
|
+
return (0, _utils.formatHours)(value, withLeadingZero);
|
|
37
37
|
}),
|
|
38
38
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
39
39
|
prevValue = _useState4[0],
|
|
@@ -44,7 +44,7 @@ var useInputHours = exports.useInputHours = function useInputHours(_ref, inputRe
|
|
|
44
44
|
setCurrentValue(prevValue);
|
|
45
45
|
} else {
|
|
46
46
|
if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {
|
|
47
|
-
var _value = (0, _utils.
|
|
47
|
+
var _value = (0, _utils.formatHours)(e.target.value, withLeadingZero);
|
|
48
48
|
setPrevValue(_value);
|
|
49
49
|
setCurrentValue(_value);
|
|
50
50
|
typeof onSave === "function" && onSave(e);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInputHours.js","names":["_react","require","_utils","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","r","l","t","Symbol","iterator","e","u","a","f","next","done","push","value","return","isArray","useInputHours","exports","_ref","inputRef","withLeadingZero","onSave","_ref$validation","validation","validateTimeInput","allowEmptyValue","onCancel","_ref$minuteIncrement","minuteIncrement","incrementOnlySelected","onEnterKeyPress","onChange","onClick","_useState","useState","decimalToHours","_useState2","currentValue","setCurrentValue","_useState3","_useState4","prevValue","setPrevValue","escapeRef","useRef","handleBlur","useCallback","current","target","trim","_value","handleIncrementDecrement","increment","selectionStart","dotsIndex","indexOf","_currentValue$split$m","split","map","Number","_currentValue$split$m2","hours","minutes","newHours","newMinutes","newMinutesString","concat","newHoursString","newValue","requestAnimationFrame","_inputRef$current","newDotsIndex","isHoursSelected","newSelectionStart","selectionEnd","setSelectionRange","handleKeyDown","key","blur","metaKey","ctrlKey","_inputRef$current2","select","input","start","end","shiftKey","isMinutesSelected","_inputRef$current3","preventDefault","_inputRef$current4","substring","handleChange","handleClick","_inputRef$current5","_inputRef$current6","_inputRef$current7","handleDoubleClick","_inputRef$current8","inputProps","useMemo","onBlur","onKeyDown","onDoubleClick"],"sources":["../../../src/hooks/useInputHours.tsx"],"sourcesContent":["import {\n RefObject,\n useCallback,\n useMemo,\n useRef,\n useState,\n MouseEvent,\n} from \"react\";\n\nimport { decimalToHours } from \"../utils\";\nimport { validateTimeInput } from \"../utils\";\n\nexport interface IInputHours {\n value?: string | number;\n withLeadingZero?: boolean;\n onSave?: (e: Event) => void;\n validation?: (...args) => boolean;\n allowEmptyValue?: boolean;\n onCancel?: (e: Event) => void;\n minuteIncrement?: number;\n incrementOnlySelected?: boolean;\n onEnterKeyPress?: (val: string) => void;\n onChange?: (val: string) => void;\n onClick?: (event: MouseEvent<HTMLInputElement>) => void;\n}\n\nexport const useInputHours = (\n {\n value,\n withLeadingZero,\n onSave,\n validation = validateTimeInput,\n allowEmptyValue,\n onCancel,\n minuteIncrement = 1,\n incrementOnlySelected,\n onEnterKeyPress,\n onChange,\n onClick,\n }: IInputHours,\n inputRef: RefObject<HTMLInputElement | null>\n) => {\n const [currentValue, setCurrentValue] = useState(() =>\n decimalToHours(value, withLeadingZero)\n );\n const [prevValue, setPrevValue] = useState(() =>\n decimalToHours(value, withLeadingZero)\n );\n\n const escapeRef = useRef(false);\n\n const handleBlur = useCallback(\n (e) => {\n if (escapeRef.current) {\n setCurrentValue(prevValue);\n } else {\n if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {\n const _value = decimalToHours(e.target.value, withLeadingZero);\n setPrevValue(_value);\n setCurrentValue(_value);\n typeof onSave === \"function\" && onSave(e);\n } else {\n if (!allowEmptyValue) {\n setCurrentValue(prevValue);\n typeof onCancel === \"function\" && onCancel(e);\n } else {\n if (typeof onSave === \"function\" && prevValue !== e.target.value) {\n onSave(e);\n } else {\n typeof onCancel === \"function\" && onCancel(e);\n }\n }\n }\n }\n },\n [allowEmptyValue, onCancel, 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 if (onChange) onChange(newValue);\n\n requestAnimationFrame(() => {\n const newDotsIndex = newValue.indexOf(\":\");\n const isHoursSelected = selectionStart < newDotsIndex;\n const newSelectionStart = isHoursSelected ? 0 : 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 inputRef,\n minuteIncrement,\n onChange,\n validation,\n withLeadingZero,\n ]\n );\n\n const handleKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n e.target.blur();\n if (typeof onEnterKeyPress === \"function\")\n onEnterKeyPress(e.target.value);\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(e);\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 inputRef,\n onCancel,\n onEnterKeyPress,\n validation,\n withLeadingZero,\n ]\n );\n\n const handleChange = useCallback(\n (e) => {\n setCurrentValue(e.target.value);\n if (onChange) onChange(e.target.value);\n },\n [onChange]\n );\n\n const handleClick = useCallback(\n (e) => {\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 if (typeof onClick === \"function\") {\n onClick(e);\n }\n },\n [currentValue, inputRef, onClick]\n );\n\n const handleDoubleClick = useCallback(() => {\n if (inputRef.current) {\n inputRef.current?.select();\n }\n }, [inputRef]);\n\n const inputProps = useMemo(() => {\n return {\n value: currentValue,\n onBlur: handleBlur,\n onKeyDown: handleKeyDown,\n onChange: handleChange,\n onClick: handleClick,\n onDoubleClick: handleDoubleClick,\n };\n }, [\n currentValue,\n handleBlur,\n handleChange,\n handleClick,\n handleDoubleClick,\n handleKeyDown,\n ]);\n\n return {\n inputProps,\n setCurrentValue,\n setPrevValue,\n };\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useInputHours.js","names":["_react","require","_utils","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","r","l","t","Symbol","iterator","e","u","a","f","next","done","push","value","return","isArray","useInputHours","exports","_ref","inputRef","withLeadingZero","onSave","_ref$validation","validation","validateTimeInput","allowEmptyValue","onCancel","_ref$minuteIncrement","minuteIncrement","incrementOnlySelected","onEnterKeyPress","onChange","onClick","_useState","useState","formatHours","_useState2","currentValue","setCurrentValue","_useState3","_useState4","prevValue","setPrevValue","escapeRef","useRef","handleBlur","useCallback","current","target","trim","_value","handleIncrementDecrement","increment","selectionStart","dotsIndex","indexOf","_currentValue$split$m","split","map","Number","_currentValue$split$m2","hours","minutes","newHours","newMinutes","newMinutesString","concat","newHoursString","newValue","requestAnimationFrame","_inputRef$current","newDotsIndex","isHoursSelected","newSelectionStart","selectionEnd","setSelectionRange","handleKeyDown","key","blur","metaKey","ctrlKey","_inputRef$current2","select","input","start","end","shiftKey","isMinutesSelected","_inputRef$current3","preventDefault","_inputRef$current4","substring","handleChange","handleClick","_inputRef$current5","_inputRef$current6","_inputRef$current7","handleDoubleClick","_inputRef$current8","inputProps","useMemo","onBlur","onKeyDown","onDoubleClick"],"sources":["../../../src/hooks/useInputHours.tsx"],"sourcesContent":["import {\n RefObject,\n useCallback,\n useMemo,\n useRef,\n useState,\n MouseEvent,\n} from \"react\";\n\nimport { formatHours } from \"../utils\";\nimport { validateTimeInput } from \"../utils\";\n\nexport interface IInputHours {\n value?: string | number;\n withLeadingZero?: boolean;\n onSave?: (e: Event) => void;\n validation?: (...args) => boolean;\n allowEmptyValue?: boolean;\n onCancel?: (e: Event) => void;\n minuteIncrement?: number;\n incrementOnlySelected?: boolean;\n onEnterKeyPress?: (val: string) => void;\n onChange?: (val: string) => void;\n onClick?: (event: MouseEvent<HTMLInputElement>) => void;\n}\n\nexport const useInputHours = (\n {\n value,\n withLeadingZero,\n onSave,\n validation = validateTimeInput,\n allowEmptyValue,\n onCancel,\n minuteIncrement = 1,\n incrementOnlySelected,\n onEnterKeyPress,\n onChange,\n onClick,\n }: IInputHours,\n inputRef: RefObject<HTMLInputElement | null>\n) => {\n const [currentValue, setCurrentValue] = useState(() =>\n formatHours(value, withLeadingZero)\n );\n const [prevValue, setPrevValue] = useState(() =>\n formatHours(value, withLeadingZero)\n );\n\n const escapeRef = useRef(false);\n\n const handleBlur = useCallback(\n (e) => {\n if (escapeRef.current) {\n setCurrentValue(prevValue);\n } else {\n if (e.target.value.trim().length > 0 && prevValue !== e.target.value) {\n const _value = formatHours(e.target.value, withLeadingZero);\n setPrevValue(_value);\n setCurrentValue(_value);\n typeof onSave === \"function\" && onSave(e);\n } else {\n if (!allowEmptyValue) {\n setCurrentValue(prevValue);\n typeof onCancel === \"function\" && onCancel(e);\n } else {\n if (typeof onSave === \"function\" && prevValue !== e.target.value) {\n onSave(e);\n } else {\n typeof onCancel === \"function\" && onCancel(e);\n }\n }\n }\n }\n },\n [allowEmptyValue, onCancel, 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 if (onChange) onChange(newValue);\n\n requestAnimationFrame(() => {\n const newDotsIndex = newValue.indexOf(\":\");\n const isHoursSelected = selectionStart < newDotsIndex;\n const newSelectionStart = isHoursSelected ? 0 : 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 inputRef,\n minuteIncrement,\n onChange,\n validation,\n withLeadingZero,\n ]\n );\n\n const handleKeyDown = useCallback(\n (e) => {\n if (e.key === \"Enter\") {\n e.target.blur();\n if (typeof onEnterKeyPress === \"function\")\n onEnterKeyPress(e.target.value);\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(e);\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 inputRef,\n onCancel,\n onEnterKeyPress,\n validation,\n withLeadingZero,\n ]\n );\n\n const handleChange = useCallback(\n (e) => {\n setCurrentValue(e.target.value);\n if (onChange) onChange(e.target.value);\n },\n [onChange]\n );\n\n const handleClick = useCallback(\n (e) => {\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 if (typeof onClick === \"function\") {\n onClick(e);\n }\n },\n [currentValue, inputRef, onClick]\n );\n\n const handleDoubleClick = useCallback(() => {\n if (inputRef.current) {\n inputRef.current?.select();\n }\n }, [inputRef]);\n\n const inputProps = useMemo(() => {\n return {\n value: currentValue,\n onBlur: handleBlur,\n onKeyDown: handleKeyDown,\n onChange: handleChange,\n onClick: handleClick,\n onDoubleClick: handleDoubleClick,\n };\n }, [\n currentValue,\n handleBlur,\n handleChange,\n handleClick,\n handleDoubleClick,\n handleKeyDown,\n ]);\n\n return {\n inputProps,\n setCurrentValue,\n setPrevValue,\n };\n};\n"],"mappings":"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"}
|
package/dist/cjs/utils/index.js
CHANGED
|
@@ -7,6 +7,7 @@ var _exportNames = {
|
|
|
7
7
|
useForkRef: true,
|
|
8
8
|
useResizeObserver: true,
|
|
9
9
|
decimalToHours: true,
|
|
10
|
+
formatHours: true,
|
|
10
11
|
formatNumber: true,
|
|
11
12
|
formatCurrency: true,
|
|
12
13
|
numberWithSeparator: true,
|
|
@@ -24,6 +25,12 @@ Object.defineProperty(exports, "formatCurrency", {
|
|
|
24
25
|
return _currencyUtils.formatCurrency;
|
|
25
26
|
}
|
|
26
27
|
});
|
|
28
|
+
Object.defineProperty(exports, "formatHours", {
|
|
29
|
+
enumerable: true,
|
|
30
|
+
get: function get() {
|
|
31
|
+
return _timeUtils.formatHours;
|
|
32
|
+
}
|
|
33
|
+
});
|
|
27
34
|
Object.defineProperty(exports, "formatNumber", {
|
|
28
35
|
enumerable: true,
|
|
29
36
|
get: function get() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_layers","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_colors","_validation","_useForkRef","_interopRequireDefault","_useResizeObserver","_timeUtils","_currencyUtils","obj","__esModule","default"],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./layers\";\nexport * from \"./colors\";\nexport * from \"./validation\";\nexport { default as useForkRef } from \"./useForkRef\";\nexport { default as useResizeObserver } from \"./useResizeObserver\";\nexport { decimalToHours } from \"./timeUtils\";\nexport {\n formatNumber,\n formatCurrency,\n numberWithSeparator,\n getNumberFromString,\n} from \"./currencyUtils\";\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_layers","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_colors","_validation","_useForkRef","_interopRequireDefault","_useResizeObserver","_timeUtils","_currencyUtils","obj","__esModule","default"],"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from \"./layers\";\nexport * from \"./colors\";\nexport * from \"./validation\";\nexport { default as useForkRef } from \"./useForkRef\";\nexport { default as useResizeObserver } from \"./useResizeObserver\";\nexport { decimalToHours, formatHours } from \"./timeUtils\";\nexport {\n formatNumber,\n formatCurrency,\n numberWithSeparator,\n getNumberFromString,\n} from \"./currencyUtils\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,OAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,OAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,OAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,OAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,WAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,WAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,WAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,WAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,WAAA,GAAAC,sBAAA,CAAAhB,OAAA;AACA,IAAAiB,kBAAA,GAAAD,sBAAA,CAAAhB,OAAA;AACA,IAAAkB,UAAA,GAAAlB,OAAA;AACA,IAAAmB,cAAA,GAAAnB,OAAA;AAKyB,SAAAgB,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}
|
|
@@ -3,45 +3,30 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.withLeadingZero = exports.isDecimal = exports.decimalToHours = void 0;
|
|
6
|
+
exports.withLeadingZero = exports.isDecimal = exports.formatHours = exports.decimalToHours = void 0;
|
|
7
7
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
8
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
9
9
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
10
10
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
11
11
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
12
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
// minutes_decimal = parseInt(minutes_decimal);
|
|
31
|
-
// } // if
|
|
32
|
-
//
|
|
33
|
-
// const minutes = Math.round((minutes_decimal / 100) * 60);
|
|
34
|
-
//
|
|
35
|
-
// if (hours < 10) {
|
|
36
|
-
// hours = `0${hours}`;
|
|
37
|
-
// }
|
|
38
|
-
// return {
|
|
39
|
-
// hours: hours,
|
|
40
|
-
// minutes: minutes,
|
|
41
|
-
// };
|
|
42
|
-
// };
|
|
43
|
-
|
|
44
|
-
var decimalToHours = exports.decimalToHours = function decimalToHours(num) {
|
|
13
|
+
/**
|
|
14
|
+
* @function formatHours
|
|
15
|
+
* @description
|
|
16
|
+
* Formats a decimal number representing hours into a formatted string (HH:MM).
|
|
17
|
+
* The input can be a number, string, or undefined. The function handles various formats
|
|
18
|
+
* and can optionally add a leading zero to the hours component.
|
|
19
|
+
*
|
|
20
|
+
* @param {number | string | undefined} num - The input representing the hours, which can be in decimal format, a time string, or undefined.
|
|
21
|
+
* @param {boolean} [withLeadingZeroHours=false] - Whether to add a leading zero to the hours part of the output.
|
|
22
|
+
*
|
|
23
|
+
* @returns {string} - A formatted time string in HH:MM format.
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* formatHours(1.5) // "1:30"
|
|
27
|
+
* formatHours("3.5", true) // "03:30"
|
|
28
|
+
*/
|
|
29
|
+
var formatHours = exports.formatHours = function formatHours(num) {
|
|
45
30
|
var withLeadingZeroHours = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
46
31
|
if (!num) {
|
|
47
32
|
return "";
|
|
@@ -91,6 +76,75 @@ var decimalToHours = exports.decimalToHours = function decimalToHours(num) {
|
|
|
91
76
|
var minutes_formatted = Math.round(parseInt(minutes, 10) / 100 * 60);
|
|
92
77
|
return "".concat(hours, ":").concat(withLeadingZero(minutes_formatted));
|
|
93
78
|
};
|
|
79
|
+
|
|
80
|
+
/**
|
|
81
|
+
* @function decimalToHours
|
|
82
|
+
* @deprecated
|
|
83
|
+
* @description
|
|
84
|
+
* Converts a decimal number representing hours into a formatted string (HH:MM).
|
|
85
|
+
* The input can be a number, string, or undefined. The function handles various formats
|
|
86
|
+
* and can optionally add a leading zero to the hours component.
|
|
87
|
+
*
|
|
88
|
+
* @param {number | string | undefined} num - The input representing the hours, which can be in decimal format, a time string, or undefined.
|
|
89
|
+
* @param {boolean} [withLeadingZeroHours=false] - Whether to add a leading zero to the hours part of the output.
|
|
90
|
+
*
|
|
91
|
+
* @returns {string} - A formatted time string in HH:MM format.
|
|
92
|
+
*
|
|
93
|
+
* @example
|
|
94
|
+
* decimalToHours(1.5) // "1:30"
|
|
95
|
+
* decimalToHours("3.5", true) // "03:30"
|
|
96
|
+
*/
|
|
97
|
+
var decimalToHours = exports.decimalToHours = function decimalToHours(num) {
|
|
98
|
+
var withLeadingZeroHours = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
99
|
+
console.warn("Deprecated. Please use formatHours from @activecollab/components.");
|
|
100
|
+
if (!num) {
|
|
101
|
+
return "";
|
|
102
|
+
}
|
|
103
|
+
if (typeof num === "string" && !num) {
|
|
104
|
+
return withLeadingZeroHours ? "00:00" : "0:00";
|
|
105
|
+
}
|
|
106
|
+
if (typeof num === "string" && num.indexOf(":") >= 0) {
|
|
107
|
+
//eslint-disable-next-line
|
|
108
|
+
var _num$split3 = num.split(":"),
|
|
109
|
+
_num$split4 = _slicedToArray(_num$split3, 2),
|
|
110
|
+
_hours = _num$split4[0],
|
|
111
|
+
_minutes = _num$split4[1];
|
|
112
|
+
if (_minutes && _minutes.length === 1 && Number(_minutes) < 10) {
|
|
113
|
+
_minutes = "".concat(Number(_minutes), "0");
|
|
114
|
+
}
|
|
115
|
+
if (_hours && _minutes) {
|
|
116
|
+
if (withLeadingZeroHours) {
|
|
117
|
+
return "".concat(withLeadingZero(_hours), ":").concat(_minutes);
|
|
118
|
+
}
|
|
119
|
+
return "".concat(_hours, ":").concat(_minutes);
|
|
120
|
+
} else if (!_hours && _minutes) {
|
|
121
|
+
return withLeadingZeroHours ? "00:".concat(_minutes) : "0:".concat(_minutes);
|
|
122
|
+
} else if (!_minutes && _hours) {
|
|
123
|
+
return withLeadingZeroHours ? "".concat(withLeadingZero(_hours), ":00") : "".concat(_hours, ":00");
|
|
124
|
+
} else {
|
|
125
|
+
return withLeadingZeroHours ? "00:00" : "0:00";
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
if (typeof num === "string" && num.indexOf(",") >= 0) {
|
|
129
|
+
num = num.replace(",", ".");
|
|
130
|
+
}
|
|
131
|
+
var input = typeof num === "string" ? parseFloat(num) : num;
|
|
132
|
+
if (!isDecimal(input)) {
|
|
133
|
+
if (withLeadingZeroHours) {
|
|
134
|
+
return "".concat(withLeadingZero(input), ":00");
|
|
135
|
+
}
|
|
136
|
+
return "".concat(input, ":00");
|
|
137
|
+
}
|
|
138
|
+
var decimal = input.toFixed(2);
|
|
139
|
+
var time = decimal.toString().split(".");
|
|
140
|
+
var hours = time[0];
|
|
141
|
+
if (withLeadingZeroHours) {
|
|
142
|
+
hours = withLeadingZero(hours);
|
|
143
|
+
}
|
|
144
|
+
var minutes = time[1];
|
|
145
|
+
var minutes_formatted = Math.round(parseInt(minutes, 10) / 100 * 60);
|
|
146
|
+
return "".concat(hours, ":").concat(withLeadingZero(minutes_formatted));
|
|
147
|
+
};
|
|
94
148
|
var withLeadingZero = exports.withLeadingZero = function withLeadingZero(num) {
|
|
95
149
|
var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
|
|
96
150
|
var s = "".concat(num);
|