@corva/ui 3.22.6-2 → 3.22.6-3

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.
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),i=require("react"),o=require("@material-ui/core"),n=require("classnames");require("./styles/sliderStyles.js");var r=require("./styles/handleStyles.js"),c=require("./utils.js"),t=require("./constants.js"),u=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js");var a=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(e),m=l(s),I=l(n);exports.Handle=function(e){var s,n,l,j,q=e.value,f=e.orientation,v=e.placement,h=e.dimension,A=e.readOnly,E=e.onChange,R=e.min,p=e.max,H=e.displayFormatter,b=e.isInsideArrowsVisible,N=e.arrowsOutsideConfig,O=e.classes,_=e.minimal,g=e["data-testid"],C=i.useState(!1),T=m.default(C,2),F=T[0],y=T[1],x=i.useState(q),w=m.default(x,2),S=w[0],V=w[1],M=i.useRef(null),k=f===t.HORIZONTAL_ORIENTATION,D=f===t.VERTICAL_ORIENTATION,P=v===t.HEAD_PLACEMENT,L=r.useHandleStyles({distance:null==N?void 0:N.distance,minimal:_,hoverAreaHeight:k?t.HOVER_AREA_WIDTH_BY_DIMENSION[h]:t.HOVER_AREA_HEIGHT,hoverAreaWidth:k?t.HOVER_AREA_HEIGHT:t.HOVER_AREA_WIDTH_BY_DIMENSION[h]}),z=function(e){if(!A){var s=Number(e);c.getIsInputValueValid(s)?E(c.getValidatedValue(s,R,p)):y(!0)}};return i.useEffect((function(){V(q),F&&y(!1)}),[q]),a.jsxs("div",{className:I.default(L.root,O.handleRoot,L[h],(s={},d.default(s,L.horizontalHeadRoot,k&&P),d.default(s,L.horizontalTailRoot,k&&!P),d.default(s,L.verticalHeadRoot,D&&P),d.default(s,L.verticalTailRoot,D&&!P),d.default(s,L.minimalHandleRoot,_),s)),children:[a.jsx(u.LeftIcon,{size:16,className:I.default(L.leftArrow,(n={},d.default(n,L.reversedLeftArrow,D),d.default(n,L.isInvisible,b&&!P||P&&(null==N?void 0:N.isLeftArrowInvisible)),n)),fill:"white"}),a.jsx("div",{className:I.default(L.handle,O.handle,(l={},d.default(l,L.horizontalHeadHandle,k&&P),d.default(l,L.horizontalTailHandle,k&&!P),d.default(l,L.verticalHeadHandle,D&&P),d.default(l,L.verticalTailHandle,D&&!P),d.default(l,L.minimalHandle,_),d.default(l,L.minimalVerticalHandle,_&&D),l)),"data-testid":g,children:!_&&a.jsx(o.Input,{inputProps:{"data-testid":"handle-input"},readOnly:A,inputRef:M,onKeyDown:function(e){var s=e.keyCode,i=e.target;13===s&&z(i.value)},onBlur:function(e){var s=e.target;z(s.value)},classes:{root:I.default(L.inputRoot,F&&L.hasError)},value:A?H(S):S,onChange:function(e){var s=e.target.value;(function(e){var s,i,o=null==e||null===(s=e.target)||void 0===s?void 0:s.value,n=o?parseFloat(o):0,r=n>=Number.MIN_SAFE_INTEGER&&n<Number.MAX_SAFE_INTEGER,c=null==e||null===(i=e.nativeEvent)||void 0===i?void 0:i.data,t=o.split(".").length-1;return!r||!(!c||"."===c||"-"===c||c>="0"&&c<="9")||t>1||"-"===c&&""===o})(e)||(V(s),F&&y(!1))},disableUnderline:!0,error:!(Number.isFinite(+S)&&+S>=R&&+S<=p)})}),a.jsx(u.RightIcon,{size:16,className:I.default(L.rightArrow,(j={},d.default(j,L.reversedRightArrow,D),d.default(j,L.isInvisible,b&&P||!P&&(null==N?void 0:N.isRightArrowInvisible)),j)),fill:"white"})]})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/helpers/slicedToArray"),i=require("react"),o=require("@material-ui/core"),n=require("classnames");require("./styles/sliderStyles.js");var r=require("./styles/handleStyles.js"),c=require("./utils.js"),t=require("./constants.js"),u=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js");var a=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(e),m=l(s),I=l(n);exports.Handle=function(e){var s,n,l,j,q=e.value,f=e.orientation,v=e.placement,h=e.dimension,A=e.readOnly,E=e.onChange,R=e.min,p=e.max,H=e.displayFormatter,b=e.isInsideArrowsVisible,N=e.arrowsOutsideConfig,O=e.classes,_=e.minimal,g=e["data-testid"],C=i.useState(!1),F=m.default(C,2),T=F[0],y=F[1],x=i.useState(q),S=m.default(x,2),w=S[0],V=S[1],M=i.useState(!1),k=m.default(M,2),D=k[0],P=k[1],L=i.useRef(null),z=f===t.HORIZONTAL_ORIENTATION,G=f===t.VERTICAL_ORIENTATION,W=v===t.HEAD_PLACEMENT,B=(A||!D)&&Boolean(H),U=r.useHandleStyles({distance:null==N?void 0:N.distance,minimal:_,hoverAreaHeight:z?t.HOVER_AREA_WIDTH_BY_DIMENSION[h]:t.HOVER_AREA_HEIGHT,hoverAreaWidth:z?t.HOVER_AREA_HEIGHT:t.HOVER_AREA_WIDTH_BY_DIMENSION[h]}),Y=function(e){if(!A){var s=Number(e);c.getIsInputValueValid(s)?E(c.getValidatedValue(s,R,p)):y(!0)}};return i.useEffect((function(){V(q),T&&y(!1)}),[q]),a.jsxs("div",{className:I.default(U.root,O.handleRoot,U[h],(s={},d.default(s,U.horizontalHeadRoot,z&&W),d.default(s,U.horizontalTailRoot,z&&!W),d.default(s,U.verticalHeadRoot,G&&W),d.default(s,U.verticalTailRoot,G&&!W),d.default(s,U.minimalHandleRoot,_),s)),children:[a.jsx(u.LeftIcon,{size:16,className:I.default(U.leftArrow,(n={},d.default(n,U.reversedLeftArrow,G),d.default(n,U.isInvisible,b&&!W||W&&(null==N?void 0:N.isLeftArrowInvisible)),n)),fill:"white"}),a.jsx("div",{className:I.default(U.handle,O.handle,(l={},d.default(l,U.horizontalHeadHandle,z&&W),d.default(l,U.horizontalTailHandle,z&&!W),d.default(l,U.verticalHeadHandle,G&&W),d.default(l,U.verticalTailHandle,G&&!W),d.default(l,U.minimalHandle,_),d.default(l,U.minimalVerticalHandle,_&&G),l)),"data-testid":g,children:!_&&a.jsx(o.Input,{inputProps:{"data-testid":"handle-input"},readOnly:A,inputRef:L,onKeyDown:function(e){var s=e.keyCode,i=e.target;13===s&&Y(i.value)},onFocus:function(){P(!0)},onBlur:function(e){var s=e.target;Y(s.value),P(!1)},classes:{root:I.default(U.inputRoot,T&&U.hasError)},value:B?H(w):w,onChange:function(e){var s=e.target.value;(function(e){var s,i,o=null==e||null===(s=e.target)||void 0===s?void 0:s.value,n=o?parseFloat(o):0,r=n>=Number.MIN_SAFE_INTEGER&&n<Number.MAX_SAFE_INTEGER,c=null==e||null===(i=e.nativeEvent)||void 0===i?void 0:i.data,t=o.split(".").length-1;return!r||!(!c||"."===c||"-"===c||c>="0"&&c<="9")||t>1||"-"===c&&""===o})(e)||(V(s),T&&y(!1))},disableUnderline:!0,error:!(Number.isFinite(+w)&&+w>=R&&+w<=p)})}),a.jsx(u.RightIcon,{size:16,className:I.default(U.rightArrow,(j={},d.default(j,U.reversedRightArrow,G),d.default(j,U.isInvisible,b&&W||!W&&(null==N?void 0:N.isRightArrowInvisible)),j)),fill:"white"})]})};
2
2
  //# sourceMappingURL=Handle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Handle.js","sources":["../../../../src/components/AdvancedSlider/Handle.js"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { useState, useEffect, useRef } from 'react';\nimport { Input } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { useHandleStyles } from './styles';\nimport { getIsInputValueValid, getValidatedValue } from './utils';\nimport {\n HEAD_PLACEMENT,\n HORIZONTAL_ORIENTATION,\n HOVER_AREA_HEIGHT,\n HOVER_AREA_WIDTH_BY_DIMENSION,\n VERTICAL_ORIENTATION,\n} from './constants';\n\nimport { LeftIcon, RightIcon } from '~/icons';\n\nconst isBuggySymbolEntered = event => {\n const value = event?.target?.value;\n const floatValue = value ? parseFloat(value) : 0;\n const isValidValue =\n floatValue >= Number.MIN_SAFE_INTEGER && floatValue < Number.MAX_SAFE_INTEGER;\n const char = event?.nativeEvent?.data;\n const pointCount = value.split('.').length - 1;\n const isValidChar = !char || char === '.' || char === '-' || (char >= '0' && char <= '9');\n const isNotValidMinus = char === '-' && value === '';\n return !isValidValue || !isValidChar || pointCount > 1 || isNotValidMinus;\n};\n\n/*\ninterface HandleProps {\n value: number | string;\n orientation: 'vertical' | 'horizontal';\n placement: 'head' | 'tail';\n onChange: (newValue: number) => void;\n min: number;\n max: number;\n minimal?: boolean;\n}\n*/\nexport const Handle = ({\n value,\n orientation,\n placement,\n dimension,\n readOnly,\n onChange,\n min,\n max,\n displayFormatter,\n isInsideArrowsVisible,\n arrowsOutsideConfig,\n classes,\n minimal,\n 'data-testid': dataTestId,\n}) => {\n const [hasError, setHasError] = useState(false);\n const [internal, setInternal] = useState(value);\n const inputRef = useRef(null);\n const isHorizontalOrientation = orientation === HORIZONTAL_ORIENTATION;\n const isVerticalOrientation = orientation === VERTICAL_ORIENTATION;\n const isHeadPlacement = placement === HEAD_PLACEMENT;\n\n const styles = useHandleStyles({\n distance: arrowsOutsideConfig?.distance,\n minimal,\n hoverAreaHeight: isHorizontalOrientation\n ? HOVER_AREA_WIDTH_BY_DIMENSION[dimension]\n : HOVER_AREA_HEIGHT,\n hoverAreaWidth: isHorizontalOrientation\n ? HOVER_AREA_HEIGHT\n : HOVER_AREA_WIDTH_BY_DIMENSION[dimension],\n });\n\n const onChangeValue = e => {\n const newValue = e.target.value;\n if (isBuggySymbolEntered(e)) {\n return;\n }\n\n setInternal(newValue);\n if (hasError) setHasError(false);\n };\n\n const handleKeyDown = ({ keyCode, target }) => {\n if (keyCode !== 13) return;\n handleValueSubmit(target.value);\n };\n\n const handleBlur = ({ target }) => {\n handleValueSubmit(target.value);\n };\n\n const handleValueSubmit = value => {\n if (readOnly) {\n return;\n }\n\n const formattedValue = Number(value);\n const isInputValid = getIsInputValueValid(formattedValue);\n if (!isInputValid) {\n setHasError(true);\n return;\n }\n\n onChange(getValidatedValue(formattedValue, min, max));\n };\n\n useEffect(() => {\n setInternal(value);\n if (hasError) setHasError(false);\n }, [value]);\n\n return (\n <div\n className={classnames(styles.root, classes.handleRoot, styles[dimension], {\n [styles.horizontalHeadRoot]: isHorizontalOrientation && isHeadPlacement,\n [styles.horizontalTailRoot]: isHorizontalOrientation && !isHeadPlacement,\n [styles.verticalHeadRoot]: isVerticalOrientation && isHeadPlacement,\n [styles.verticalTailRoot]: isVerticalOrientation && !isHeadPlacement,\n [styles.minimalHandleRoot]: minimal,\n })}\n >\n <LeftIcon\n size={16}\n className={classnames(styles.leftArrow, {\n [styles.reversedLeftArrow]: isVerticalOrientation,\n [styles.isInvisible]:\n (isInsideArrowsVisible && !isHeadPlacement) ||\n (isHeadPlacement && arrowsOutsideConfig?.isLeftArrowInvisible),\n })}\n fill=\"white\"\n />\n\n <div\n className={classnames(styles.handle, classes.handle, {\n [styles.horizontalHeadHandle]: isHorizontalOrientation && isHeadPlacement,\n [styles.horizontalTailHandle]: isHorizontalOrientation && !isHeadPlacement,\n [styles.verticalHeadHandle]: isVerticalOrientation && isHeadPlacement,\n [styles.verticalTailHandle]: isVerticalOrientation && !isHeadPlacement,\n [styles.minimalHandle]: minimal,\n [styles.minimalVerticalHandle]: minimal && isVerticalOrientation,\n })}\n data-testid={dataTestId}\n >\n {!minimal && (\n <Input\n inputProps={{\n 'data-testid': 'handle-input',\n }}\n readOnly={readOnly}\n inputRef={inputRef}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n classes={{\n root: classnames(styles.inputRoot, hasError && styles.hasError),\n }}\n value={readOnly ? displayFormatter(internal) : internal}\n onChange={onChangeValue}\n disableUnderline\n error={!(Number.isFinite(+internal) && +internal >= min && +internal <= max)}\n />\n )}\n </div>\n\n <RightIcon\n size={16}\n className={classnames(styles.rightArrow, {\n [styles.reversedRightArrow]: isVerticalOrientation,\n [styles.isInvisible]:\n (isInsideArrowsVisible && isHeadPlacement) ||\n (!isHeadPlacement && arrowsOutsideConfig?.isRightArrowInvisible),\n })}\n fill=\"white\"\n />\n </div>\n );\n};\n"],"names":["_ref","_classnames","_classnames2","_classnames3","_classnames4","value","orientation","placement","dimension","readOnly","onChange","min","max","displayFormatter","isInsideArrowsVisible","arrowsOutsideConfig","classes","minimal","dataTestId","useState","_useState2","_slicedToArray","_useState","hasError","setHasError","_useState4","_useState3","internal","setInternal","inputRef","useRef","isHorizontalOrientation","HORIZONTAL_ORIENTATION","isVerticalOrientation","VERTICAL_ORIENTATION","isHeadPlacement","HEAD_PLACEMENT","styles","useHandleStyles","distance","hoverAreaHeight","HOVER_AREA_WIDTH_BY_DIMENSION","HOVER_AREA_HEIGHT","hoverAreaWidth","handleValueSubmit","formattedValue","Number","getIsInputValueValid","getValidatedValue","useEffect","_jsxs","className","classnames","root","handleRoot","horizontalHeadRoot","horizontalTailRoot","verticalHeadRoot","verticalTailRoot","minimalHandleRoot","children","_jsx","LeftIcon","size","leftArrow","_defineProperty","reversedLeftArrow","isInvisible","isLeftArrowInvisible","fill","jsx","handle","horizontalHeadHandle","horizontalTailHandle","verticalHeadHandle","verticalTailHandle","minimalHandle","minimalVerticalHandle","Input","inputProps","onKeyDown","_ref2","keyCode","target","onBlur","_ref3","inputRoot","e","newValue","event","_event$target","_event$nativeEvent","floatValue","parseFloat","isValidValue","MIN_SAFE_INTEGER","MAX_SAFE_INTEGER","char","nativeEvent","data","pointCount","split","length","isBuggySymbolEntered","disableUnderline","error","isFinite","RightIcon","rightArrow","reversedRightArrow","isRightArrowInvisible"],"mappings":"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"}
1
+ {"version":3,"file":"Handle.js","sources":["../../../../src/components/AdvancedSlider/Handle.js"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { useEffect, useRef, useState } from 'react';\nimport { Input } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { useHandleStyles } from './styles';\nimport { getIsInputValueValid, getValidatedValue } from './utils';\nimport {\n HEAD_PLACEMENT,\n HORIZONTAL_ORIENTATION,\n HOVER_AREA_HEIGHT,\n HOVER_AREA_WIDTH_BY_DIMENSION,\n VERTICAL_ORIENTATION,\n} from './constants';\n\nimport { LeftIcon, RightIcon } from '~/icons';\n\nconst isBuggySymbolEntered = event => {\n const value = event?.target?.value;\n const floatValue = value ? parseFloat(value) : 0;\n const isValidValue =\n floatValue >= Number.MIN_SAFE_INTEGER && floatValue < Number.MAX_SAFE_INTEGER;\n const char = event?.nativeEvent?.data;\n const pointCount = value.split('.').length - 1;\n const isValidChar = !char || char === '.' || char === '-' || (char >= '0' && char <= '9');\n const isNotValidMinus = char === '-' && value === '';\n return !isValidValue || !isValidChar || pointCount > 1 || isNotValidMinus;\n};\n\n/*\ninterface HandleProps {\n value: number | string;\n orientation: 'vertical' | 'horizontal';\n placement: 'head' | 'tail';\n onChange: (newValue: number) => void;\n min: number;\n max: number;\n minimal?: boolean;\n}\n*/\nexport const Handle = ({\n value,\n orientation,\n placement,\n dimension,\n readOnly,\n onChange,\n min,\n max,\n displayFormatter,\n isInsideArrowsVisible,\n arrowsOutsideConfig,\n classes,\n minimal,\n 'data-testid': dataTestId,\n}) => {\n const [hasError, setHasError] = useState(false);\n const [internal, setInternal] = useState(value);\n const [isFocused, setIsFocused] = useState(false);\n const inputRef = useRef(null);\n const isHorizontalOrientation = orientation === HORIZONTAL_ORIENTATION;\n const isVerticalOrientation = orientation === VERTICAL_ORIENTATION;\n const isHeadPlacement = placement === HEAD_PLACEMENT;\n const showFormatedValue = (readOnly || !isFocused) && Boolean(displayFormatter);\n\n const styles = useHandleStyles({\n distance: arrowsOutsideConfig?.distance,\n minimal,\n hoverAreaHeight: isHorizontalOrientation\n ? HOVER_AREA_WIDTH_BY_DIMENSION[dimension]\n : HOVER_AREA_HEIGHT,\n hoverAreaWidth: isHorizontalOrientation\n ? HOVER_AREA_HEIGHT\n : HOVER_AREA_WIDTH_BY_DIMENSION[dimension],\n });\n\n const onChangeValue = e => {\n const newValue = e.target.value;\n if (isBuggySymbolEntered(e)) {\n return;\n }\n\n setInternal(newValue);\n if (hasError) setHasError(false);\n };\n\n const handleKeyDown = ({ keyCode, target }) => {\n if (keyCode !== 13) return;\n handleValueSubmit(target.value);\n };\n\n const handleFocus = () => {\n setIsFocused(true);\n };\n\n const handleBlur = ({ target }) => {\n handleValueSubmit(target.value);\n setIsFocused(false);\n };\n\n const handleValueSubmit = value => {\n if (readOnly) {\n return;\n }\n\n const formattedValue = Number(value);\n const isInputValid = getIsInputValueValid(formattedValue);\n if (!isInputValid) {\n setHasError(true);\n return;\n }\n\n onChange(getValidatedValue(formattedValue, min, max));\n };\n\n useEffect(() => {\n setInternal(value);\n if (hasError) setHasError(false);\n }, [value]);\n\n return (\n <div\n className={classnames(styles.root, classes.handleRoot, styles[dimension], {\n [styles.horizontalHeadRoot]: isHorizontalOrientation && isHeadPlacement,\n [styles.horizontalTailRoot]: isHorizontalOrientation && !isHeadPlacement,\n [styles.verticalHeadRoot]: isVerticalOrientation && isHeadPlacement,\n [styles.verticalTailRoot]: isVerticalOrientation && !isHeadPlacement,\n [styles.minimalHandleRoot]: minimal,\n })}\n >\n <LeftIcon\n size={16}\n className={classnames(styles.leftArrow, {\n [styles.reversedLeftArrow]: isVerticalOrientation,\n [styles.isInvisible]:\n (isInsideArrowsVisible && !isHeadPlacement) ||\n (isHeadPlacement && arrowsOutsideConfig?.isLeftArrowInvisible),\n })}\n fill=\"white\"\n />\n\n <div\n className={classnames(styles.handle, classes.handle, {\n [styles.horizontalHeadHandle]: isHorizontalOrientation && isHeadPlacement,\n [styles.horizontalTailHandle]: isHorizontalOrientation && !isHeadPlacement,\n [styles.verticalHeadHandle]: isVerticalOrientation && isHeadPlacement,\n [styles.verticalTailHandle]: isVerticalOrientation && !isHeadPlacement,\n [styles.minimalHandle]: minimal,\n [styles.minimalVerticalHandle]: minimal && isVerticalOrientation,\n })}\n data-testid={dataTestId}\n >\n {!minimal && (\n <Input\n inputProps={{\n 'data-testid': 'handle-input',\n }}\n readOnly={readOnly}\n inputRef={inputRef}\n onKeyDown={handleKeyDown}\n onFocus={handleFocus}\n onBlur={handleBlur}\n classes={{\n root: classnames(styles.inputRoot, hasError && styles.hasError),\n }}\n value={showFormatedValue ? displayFormatter(internal) : internal}\n onChange={onChangeValue}\n disableUnderline\n error={!(Number.isFinite(+internal) && +internal >= min && +internal <= max)}\n />\n )}\n </div>\n\n <RightIcon\n size={16}\n className={classnames(styles.rightArrow, {\n [styles.reversedRightArrow]: isVerticalOrientation,\n [styles.isInvisible]:\n (isInsideArrowsVisible && isHeadPlacement) ||\n (!isHeadPlacement && arrowsOutsideConfig?.isRightArrowInvisible),\n })}\n fill=\"white\"\n />\n </div>\n );\n};\n"],"names":["_ref","_classnames","_classnames2","_classnames3","_classnames4","value","orientation","placement","dimension","readOnly","onChange","min","max","displayFormatter","isInsideArrowsVisible","arrowsOutsideConfig","classes","minimal","dataTestId","useState","_useState2","_slicedToArray","_useState","hasError","setHasError","_useState4","_useState3","internal","setInternal","_useState6","_useState5","isFocused","setIsFocused","inputRef","useRef","isHorizontalOrientation","HORIZONTAL_ORIENTATION","isVerticalOrientation","VERTICAL_ORIENTATION","isHeadPlacement","HEAD_PLACEMENT","showFormatedValue","Boolean","styles","useHandleStyles","distance","hoverAreaHeight","HOVER_AREA_WIDTH_BY_DIMENSION","HOVER_AREA_HEIGHT","hoverAreaWidth","handleValueSubmit","formattedValue","Number","getIsInputValueValid","getValidatedValue","useEffect","_jsxs","className","classnames","root","handleRoot","horizontalHeadRoot","horizontalTailRoot","verticalHeadRoot","verticalTailRoot","minimalHandleRoot","children","_jsx","LeftIcon","size","leftArrow","_defineProperty","reversedLeftArrow","isInvisible","isLeftArrowInvisible","fill","jsx","handle","horizontalHeadHandle","horizontalTailHandle","verticalHeadHandle","verticalTailHandle","minimalHandle","minimalVerticalHandle","Input","inputProps","onKeyDown","_ref2","keyCode","target","onFocus","onBlur","_ref3","inputRoot","e","newValue","event","_event$target","_event$nativeEvent","floatValue","parseFloat","isValidValue","MIN_SAFE_INTEGER","MAX_SAFE_INTEGER","char","nativeEvent","data","pointCount","split","length","isBuggySymbolEntered","disableUnderline","error","isFinite","RightIcon","rightArrow","reversedRightArrow","isRightArrowInvisible"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"AdvancedSlider.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AdvancedSlider/AdvancedSlider.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAU,MAAM,OAAO,CAAC;AAO/C,OAAuB,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAE7F,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAkBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAAkC,CAAC;AAEvE,eAAO,MAAM,KAAK,mBAMjB,CAAC;AASF,eAAO,MAAM,QAAQ,mBAIpB,CAAC;AAKF,eAAO,MAAM,QAAQ,mBAIpB,CAAC;AA4CF,eAAO,MAAM,UAAU,mBA+BtB,CAAC"}
1
+ {"version":3,"file":"AdvancedSlider.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AdvancedSlider/AdvancedSlider.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAU,MAAM,OAAO,CAAC;AAO/C,OAAuB,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAE7F,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAkBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAAkC,CAAC;AAEvE,eAAO,MAAM,KAAK,mBAMjB,CAAC;AASF,eAAO,MAAM,QAAQ,mBAIpB,CAAC;AAKF,eAAO,MAAM,QAAQ,mBAUpB,CAAC;AA4CF,eAAO,MAAM,UAAU,mBA+BtB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Handle.d.ts","sourceRoot":"","sources":["../../../src/components/AdvancedSlider/Handle.js"],"names":[],"mappings":"AAwCO;;;;;;;;;;;;;;;gBAyIN"}
1
+ {"version":3,"file":"Handle.d.ts","sourceRoot":"","sources":["../../../src/components/AdvancedSlider/Handle.js"],"names":[],"mappings":"AAwCO;;;;;;;;;;;;;;;gBAiJN"}
@@ -1,2 +1,2 @@
1
- import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as i,useRef as n,useEffect as c}from"react";import{Input as t}from"@material-ui/core";import r from"classnames";import"./styles/sliderStyles.js";import{useHandleStyles as e}from"./styles/handleStyles.js";import{getIsInputValueValid as m,getValidatedValue as l}from"./utils.js";import{HOVER_AREA_WIDTH_BY_DIMENSION as a,HOVER_AREA_HEIGHT as u,HORIZONTAL_ORIENTATION as d,VERTICAL_ORIENTATION as p,HEAD_PLACEMENT as I}from"./constants.js";import{LeftIcon as j,RightIcon as v}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import{jsxs as h,jsx as f}from"react/jsx-runtime";var A=function(A){var b,F,C,R,g=A.value,H=A.orientation,w=A.placement,y=A.dimension,E=A.readOnly,N=A.onChange,k=A.min,O=A.max,x=A.displayFormatter,T=A.isInsideArrowsVisible,z=A.arrowsOutsideConfig,P=A.classes,S=A.minimal,M=A["data-testid"],G=i(!1),_=s(G,2),D=_[0],L=_[1],U=i(g),W=s(U,2),q=W[0],V=W[1],B=n(null),K=H===d,X=H===p,Z=w===I,J=e({distance:null==z?void 0:z.distance,minimal:S,hoverAreaHeight:K?a[y]:u,hoverAreaWidth:K?u:a[y]}),Q=function(o){if(!E){var s=Number(o);m(s)?N(l(s,k,O)):L(!0)}};return c((function(){V(g),D&&L(!1)}),[g]),h("div",{className:r(J.root,P.handleRoot,J[y],(b={},o(b,J.horizontalHeadRoot,K&&Z),o(b,J.horizontalTailRoot,K&&!Z),o(b,J.verticalHeadRoot,X&&Z),o(b,J.verticalTailRoot,X&&!Z),o(b,J.minimalHandleRoot,S),b)),children:[f(j,{size:16,className:r(J.leftArrow,(F={},o(F,J.reversedLeftArrow,X),o(F,J.isInvisible,T&&!Z||Z&&(null==z?void 0:z.isLeftArrowInvisible)),F)),fill:"white"}),f("div",{className:r(J.handle,P.handle,(C={},o(C,J.horizontalHeadHandle,K&&Z),o(C,J.horizontalTailHandle,K&&!Z),o(C,J.verticalHeadHandle,X&&Z),o(C,J.verticalTailHandle,X&&!Z),o(C,J.minimalHandle,S),o(C,J.minimalVerticalHandle,S&&X),C)),"data-testid":M,children:!S&&f(t,{inputProps:{"data-testid":"handle-input"},readOnly:E,inputRef:B,onKeyDown:function(o){var s=o.keyCode,i=o.target;13===s&&Q(i.value)},onBlur:function(o){var s=o.target;Q(s.value)},classes:{root:r(J.inputRoot,D&&J.hasError)},value:E?x(q):q,onChange:function(o){var s=o.target.value;(function(o){var s,i,n=null==o||null===(s=o.target)||void 0===s?void 0:s.value,c=n?parseFloat(n):0,t=c>=Number.MIN_SAFE_INTEGER&&c<Number.MAX_SAFE_INTEGER,r=null==o||null===(i=o.nativeEvent)||void 0===i?void 0:i.data,e=n.split(".").length-1;return!t||!(!r||"."===r||"-"===r||r>="0"&&r<="9")||e>1||"-"===r&&""===n})(o)||(V(s),D&&L(!1))},disableUnderline:!0,error:!(Number.isFinite(+q)&&+q>=k&&+q<=O)})}),f(v,{size:16,className:r(J.rightArrow,(R={},o(R,J.reversedRightArrow,X),o(R,J.isInvisible,T&&Z||!Z&&(null==z?void 0:z.isRightArrowInvisible)),R)),fill:"white"})]})};export{A as Handle};
1
+ import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as i,useRef as n,useEffect as c}from"react";import{Input as t}from"@material-ui/core";import e from"classnames";import"./styles/sliderStyles.js";import{useHandleStyles as r}from"./styles/handleStyles.js";import{getIsInputValueValid as m,getValidatedValue as l}from"./utils.js";import{HOVER_AREA_WIDTH_BY_DIMENSION as a,HOVER_AREA_HEIGHT as u,HORIZONTAL_ORIENTATION as d,VERTICAL_ORIENTATION as p,HEAD_PLACEMENT as I}from"./constants.js";import{LeftIcon as j,RightIcon as v}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import{jsxs as h,jsx as f}from"react/jsx-runtime";var A=function(A){var b,F,C,R,g=A.value,H=A.orientation,w=A.placement,y=A.dimension,E=A.readOnly,N=A.onChange,k=A.min,O=A.max,x=A.displayFormatter,T=A.isInsideArrowsVisible,z=A.arrowsOutsideConfig,P=A.classes,S=A.minimal,M=A["data-testid"],G=i(!1),_=s(G,2),D=_[0],L=_[1],U=i(g),W=s(U,2),q=W[0],B=W[1],V=i(!1),K=s(V,2),X=K[0],Z=K[1],J=n(null),Q=H===d,Y=H===p,$=w===I,oo=(E||!X)&&Boolean(x),so=r({distance:null==z?void 0:z.distance,minimal:S,hoverAreaHeight:Q?a[y]:u,hoverAreaWidth:Q?u:a[y]}),io=function(o){if(!E){var s=Number(o);m(s)?N(l(s,k,O)):L(!0)}};return c((function(){B(g),D&&L(!1)}),[g]),h("div",{className:e(so.root,P.handleRoot,so[y],(b={},o(b,so.horizontalHeadRoot,Q&&$),o(b,so.horizontalTailRoot,Q&&!$),o(b,so.verticalHeadRoot,Y&&$),o(b,so.verticalTailRoot,Y&&!$),o(b,so.minimalHandleRoot,S),b)),children:[f(j,{size:16,className:e(so.leftArrow,(F={},o(F,so.reversedLeftArrow,Y),o(F,so.isInvisible,T&&!$||$&&(null==z?void 0:z.isLeftArrowInvisible)),F)),fill:"white"}),f("div",{className:e(so.handle,P.handle,(C={},o(C,so.horizontalHeadHandle,Q&&$),o(C,so.horizontalTailHandle,Q&&!$),o(C,so.verticalHeadHandle,Y&&$),o(C,so.verticalTailHandle,Y&&!$),o(C,so.minimalHandle,S),o(C,so.minimalVerticalHandle,S&&Y),C)),"data-testid":M,children:!S&&f(t,{inputProps:{"data-testid":"handle-input"},readOnly:E,inputRef:J,onKeyDown:function(o){var s=o.keyCode,i=o.target;13===s&&io(i.value)},onFocus:function(){Z(!0)},onBlur:function(o){var s=o.target;io(s.value),Z(!1)},classes:{root:e(so.inputRoot,D&&so.hasError)},value:oo?x(q):q,onChange:function(o){var s=o.target.value;(function(o){var s,i,n=null==o||null===(s=o.target)||void 0===s?void 0:s.value,c=n?parseFloat(n):0,t=c>=Number.MIN_SAFE_INTEGER&&c<Number.MAX_SAFE_INTEGER,e=null==o||null===(i=o.nativeEvent)||void 0===i?void 0:i.data,r=n.split(".").length-1;return!t||!(!e||"."===e||"-"===e||e>="0"&&e<="9")||r>1||"-"===e&&""===n})(o)||(B(s),D&&L(!1))},disableUnderline:!0,error:!(Number.isFinite(+q)&&+q>=k&&+q<=O)})}),f(v,{size:16,className:e(so.rightArrow,(R={},o(R,so.reversedRightArrow,Y),o(R,so.isInvisible,T&&$||!$&&(null==z?void 0:z.isRightArrowInvisible)),R)),fill:"white"})]})};export{A as Handle};
2
2
  //# sourceMappingURL=Handle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Handle.js","sources":["../../../src/components/AdvancedSlider/Handle.js"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { useState, useEffect, useRef } from 'react';\nimport { Input } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { useHandleStyles } from './styles';\nimport { getIsInputValueValid, getValidatedValue } from './utils';\nimport {\n HEAD_PLACEMENT,\n HORIZONTAL_ORIENTATION,\n HOVER_AREA_HEIGHT,\n HOVER_AREA_WIDTH_BY_DIMENSION,\n VERTICAL_ORIENTATION,\n} from './constants';\n\nimport { LeftIcon, RightIcon } from '~/icons';\n\nconst isBuggySymbolEntered = event => {\n const value = event?.target?.value;\n const floatValue = value ? parseFloat(value) : 0;\n const isValidValue =\n floatValue >= Number.MIN_SAFE_INTEGER && floatValue < Number.MAX_SAFE_INTEGER;\n const char = event?.nativeEvent?.data;\n const pointCount = value.split('.').length - 1;\n const isValidChar = !char || char === '.' || char === '-' || (char >= '0' && char <= '9');\n const isNotValidMinus = char === '-' && value === '';\n return !isValidValue || !isValidChar || pointCount > 1 || isNotValidMinus;\n};\n\n/*\ninterface HandleProps {\n value: number | string;\n orientation: 'vertical' | 'horizontal';\n placement: 'head' | 'tail';\n onChange: (newValue: number) => void;\n min: number;\n max: number;\n minimal?: boolean;\n}\n*/\nexport const Handle = ({\n value,\n orientation,\n placement,\n dimension,\n readOnly,\n onChange,\n min,\n max,\n displayFormatter,\n isInsideArrowsVisible,\n arrowsOutsideConfig,\n classes,\n minimal,\n 'data-testid': dataTestId,\n}) => {\n const [hasError, setHasError] = useState(false);\n const [internal, setInternal] = useState(value);\n const inputRef = useRef(null);\n const isHorizontalOrientation = orientation === HORIZONTAL_ORIENTATION;\n const isVerticalOrientation = orientation === VERTICAL_ORIENTATION;\n const isHeadPlacement = placement === HEAD_PLACEMENT;\n\n const styles = useHandleStyles({\n distance: arrowsOutsideConfig?.distance,\n minimal,\n hoverAreaHeight: isHorizontalOrientation\n ? HOVER_AREA_WIDTH_BY_DIMENSION[dimension]\n : HOVER_AREA_HEIGHT,\n hoverAreaWidth: isHorizontalOrientation\n ? HOVER_AREA_HEIGHT\n : HOVER_AREA_WIDTH_BY_DIMENSION[dimension],\n });\n\n const onChangeValue = e => {\n const newValue = e.target.value;\n if (isBuggySymbolEntered(e)) {\n return;\n }\n\n setInternal(newValue);\n if (hasError) setHasError(false);\n };\n\n const handleKeyDown = ({ keyCode, target }) => {\n if (keyCode !== 13) return;\n handleValueSubmit(target.value);\n };\n\n const handleBlur = ({ target }) => {\n handleValueSubmit(target.value);\n };\n\n const handleValueSubmit = value => {\n if (readOnly) {\n return;\n }\n\n const formattedValue = Number(value);\n const isInputValid = getIsInputValueValid(formattedValue);\n if (!isInputValid) {\n setHasError(true);\n return;\n }\n\n onChange(getValidatedValue(formattedValue, min, max));\n };\n\n useEffect(() => {\n setInternal(value);\n if (hasError) setHasError(false);\n }, [value]);\n\n return (\n <div\n className={classnames(styles.root, classes.handleRoot, styles[dimension], {\n [styles.horizontalHeadRoot]: isHorizontalOrientation && isHeadPlacement,\n [styles.horizontalTailRoot]: isHorizontalOrientation && !isHeadPlacement,\n [styles.verticalHeadRoot]: isVerticalOrientation && isHeadPlacement,\n [styles.verticalTailRoot]: isVerticalOrientation && !isHeadPlacement,\n [styles.minimalHandleRoot]: minimal,\n })}\n >\n <LeftIcon\n size={16}\n className={classnames(styles.leftArrow, {\n [styles.reversedLeftArrow]: isVerticalOrientation,\n [styles.isInvisible]:\n (isInsideArrowsVisible && !isHeadPlacement) ||\n (isHeadPlacement && arrowsOutsideConfig?.isLeftArrowInvisible),\n })}\n fill=\"white\"\n />\n\n <div\n className={classnames(styles.handle, classes.handle, {\n [styles.horizontalHeadHandle]: isHorizontalOrientation && isHeadPlacement,\n [styles.horizontalTailHandle]: isHorizontalOrientation && !isHeadPlacement,\n [styles.verticalHeadHandle]: isVerticalOrientation && isHeadPlacement,\n [styles.verticalTailHandle]: isVerticalOrientation && !isHeadPlacement,\n [styles.minimalHandle]: minimal,\n [styles.minimalVerticalHandle]: minimal && isVerticalOrientation,\n })}\n data-testid={dataTestId}\n >\n {!minimal && (\n <Input\n inputProps={{\n 'data-testid': 'handle-input',\n }}\n readOnly={readOnly}\n inputRef={inputRef}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n classes={{\n root: classnames(styles.inputRoot, hasError && styles.hasError),\n }}\n value={readOnly ? displayFormatter(internal) : internal}\n onChange={onChangeValue}\n disableUnderline\n error={!(Number.isFinite(+internal) && +internal >= min && +internal <= max)}\n />\n )}\n </div>\n\n <RightIcon\n size={16}\n className={classnames(styles.rightArrow, {\n [styles.reversedRightArrow]: isVerticalOrientation,\n [styles.isInvisible]:\n (isInsideArrowsVisible && isHeadPlacement) ||\n (!isHeadPlacement && arrowsOutsideConfig?.isRightArrowInvisible),\n })}\n fill=\"white\"\n />\n </div>\n );\n};\n"],"names":["Handle","_ref","_classnames","_classnames2","_classnames3","_classnames4","value","orientation","placement","dimension","readOnly","onChange","min","max","displayFormatter","isInsideArrowsVisible","arrowsOutsideConfig","classes","minimal","dataTestId","useState","_useState2","_slicedToArray","_useState","hasError","setHasError","_useState4","_useState3","internal","setInternal","inputRef","useRef","isHorizontalOrientation","HORIZONTAL_ORIENTATION","isVerticalOrientation","VERTICAL_ORIENTATION","isHeadPlacement","HEAD_PLACEMENT","styles","useHandleStyles","distance","hoverAreaHeight","HOVER_AREA_WIDTH_BY_DIMENSION","HOVER_AREA_HEIGHT","hoverAreaWidth","handleValueSubmit","formattedValue","Number","getIsInputValueValid","getValidatedValue","useEffect","_jsxs","className","classnames","root","handleRoot","horizontalHeadRoot","horizontalTailRoot","verticalHeadRoot","verticalTailRoot","minimalHandleRoot","children","_jsx","LeftIcon","size","leftArrow","_defineProperty","reversedLeftArrow","isInvisible","isLeftArrowInvisible","fill","handle","horizontalHeadHandle","horizontalTailHandle","verticalHeadHandle","verticalTailHandle","minimalHandle","minimalVerticalHandle","Input","inputProps","onKeyDown","_ref2","keyCode","target","onBlur","_ref3","inputRoot","e","newValue","event","_event$target","_event$nativeEvent","floatValue","parseFloat","isValidValue","MIN_SAFE_INTEGER","MAX_SAFE_INTEGER","char","nativeEvent","data","pointCount","split","length","isBuggySymbolEntered","disableUnderline","error","isFinite","RightIcon","rightArrow","reversedRightArrow","isRightArrowInvisible"],"mappings":"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"}
1
+ {"version":3,"file":"Handle.js","sources":["../../../src/components/AdvancedSlider/Handle.js"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { useEffect, useRef, useState } from 'react';\nimport { Input } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { useHandleStyles } from './styles';\nimport { getIsInputValueValid, getValidatedValue } from './utils';\nimport {\n HEAD_PLACEMENT,\n HORIZONTAL_ORIENTATION,\n HOVER_AREA_HEIGHT,\n HOVER_AREA_WIDTH_BY_DIMENSION,\n VERTICAL_ORIENTATION,\n} from './constants';\n\nimport { LeftIcon, RightIcon } from '~/icons';\n\nconst isBuggySymbolEntered = event => {\n const value = event?.target?.value;\n const floatValue = value ? parseFloat(value) : 0;\n const isValidValue =\n floatValue >= Number.MIN_SAFE_INTEGER && floatValue < Number.MAX_SAFE_INTEGER;\n const char = event?.nativeEvent?.data;\n const pointCount = value.split('.').length - 1;\n const isValidChar = !char || char === '.' || char === '-' || (char >= '0' && char <= '9');\n const isNotValidMinus = char === '-' && value === '';\n return !isValidValue || !isValidChar || pointCount > 1 || isNotValidMinus;\n};\n\n/*\ninterface HandleProps {\n value: number | string;\n orientation: 'vertical' | 'horizontal';\n placement: 'head' | 'tail';\n onChange: (newValue: number) => void;\n min: number;\n max: number;\n minimal?: boolean;\n}\n*/\nexport const Handle = ({\n value,\n orientation,\n placement,\n dimension,\n readOnly,\n onChange,\n min,\n max,\n displayFormatter,\n isInsideArrowsVisible,\n arrowsOutsideConfig,\n classes,\n minimal,\n 'data-testid': dataTestId,\n}) => {\n const [hasError, setHasError] = useState(false);\n const [internal, setInternal] = useState(value);\n const [isFocused, setIsFocused] = useState(false);\n const inputRef = useRef(null);\n const isHorizontalOrientation = orientation === HORIZONTAL_ORIENTATION;\n const isVerticalOrientation = orientation === VERTICAL_ORIENTATION;\n const isHeadPlacement = placement === HEAD_PLACEMENT;\n const showFormatedValue = (readOnly || !isFocused) && Boolean(displayFormatter);\n\n const styles = useHandleStyles({\n distance: arrowsOutsideConfig?.distance,\n minimal,\n hoverAreaHeight: isHorizontalOrientation\n ? HOVER_AREA_WIDTH_BY_DIMENSION[dimension]\n : HOVER_AREA_HEIGHT,\n hoverAreaWidth: isHorizontalOrientation\n ? HOVER_AREA_HEIGHT\n : HOVER_AREA_WIDTH_BY_DIMENSION[dimension],\n });\n\n const onChangeValue = e => {\n const newValue = e.target.value;\n if (isBuggySymbolEntered(e)) {\n return;\n }\n\n setInternal(newValue);\n if (hasError) setHasError(false);\n };\n\n const handleKeyDown = ({ keyCode, target }) => {\n if (keyCode !== 13) return;\n handleValueSubmit(target.value);\n };\n\n const handleFocus = () => {\n setIsFocused(true);\n };\n\n const handleBlur = ({ target }) => {\n handleValueSubmit(target.value);\n setIsFocused(false);\n };\n\n const handleValueSubmit = value => {\n if (readOnly) {\n return;\n }\n\n const formattedValue = Number(value);\n const isInputValid = getIsInputValueValid(formattedValue);\n if (!isInputValid) {\n setHasError(true);\n return;\n }\n\n onChange(getValidatedValue(formattedValue, min, max));\n };\n\n useEffect(() => {\n setInternal(value);\n if (hasError) setHasError(false);\n }, [value]);\n\n return (\n <div\n className={classnames(styles.root, classes.handleRoot, styles[dimension], {\n [styles.horizontalHeadRoot]: isHorizontalOrientation && isHeadPlacement,\n [styles.horizontalTailRoot]: isHorizontalOrientation && !isHeadPlacement,\n [styles.verticalHeadRoot]: isVerticalOrientation && isHeadPlacement,\n [styles.verticalTailRoot]: isVerticalOrientation && !isHeadPlacement,\n [styles.minimalHandleRoot]: minimal,\n })}\n >\n <LeftIcon\n size={16}\n className={classnames(styles.leftArrow, {\n [styles.reversedLeftArrow]: isVerticalOrientation,\n [styles.isInvisible]:\n (isInsideArrowsVisible && !isHeadPlacement) ||\n (isHeadPlacement && arrowsOutsideConfig?.isLeftArrowInvisible),\n })}\n fill=\"white\"\n />\n\n <div\n className={classnames(styles.handle, classes.handle, {\n [styles.horizontalHeadHandle]: isHorizontalOrientation && isHeadPlacement,\n [styles.horizontalTailHandle]: isHorizontalOrientation && !isHeadPlacement,\n [styles.verticalHeadHandle]: isVerticalOrientation && isHeadPlacement,\n [styles.verticalTailHandle]: isVerticalOrientation && !isHeadPlacement,\n [styles.minimalHandle]: minimal,\n [styles.minimalVerticalHandle]: minimal && isVerticalOrientation,\n })}\n data-testid={dataTestId}\n >\n {!minimal && (\n <Input\n inputProps={{\n 'data-testid': 'handle-input',\n }}\n readOnly={readOnly}\n inputRef={inputRef}\n onKeyDown={handleKeyDown}\n onFocus={handleFocus}\n onBlur={handleBlur}\n classes={{\n root: classnames(styles.inputRoot, hasError && styles.hasError),\n }}\n value={showFormatedValue ? displayFormatter(internal) : internal}\n onChange={onChangeValue}\n disableUnderline\n error={!(Number.isFinite(+internal) && +internal >= min && +internal <= max)}\n />\n )}\n </div>\n\n <RightIcon\n size={16}\n className={classnames(styles.rightArrow, {\n [styles.reversedRightArrow]: isVerticalOrientation,\n [styles.isInvisible]:\n (isInsideArrowsVisible && isHeadPlacement) ||\n (!isHeadPlacement && arrowsOutsideConfig?.isRightArrowInvisible),\n })}\n fill=\"white\"\n />\n </div>\n );\n};\n"],"names":["Handle","_ref","_classnames","_classnames2","_classnames3","_classnames4","value","orientation","placement","dimension","readOnly","onChange","min","max","displayFormatter","isInsideArrowsVisible","arrowsOutsideConfig","classes","minimal","dataTestId","useState","_useState2","_slicedToArray","_useState","hasError","setHasError","_useState4","_useState3","internal","setInternal","_useState6","_useState5","isFocused","setIsFocused","inputRef","useRef","isHorizontalOrientation","HORIZONTAL_ORIENTATION","isVerticalOrientation","VERTICAL_ORIENTATION","isHeadPlacement","HEAD_PLACEMENT","showFormatedValue","Boolean","styles","useHandleStyles","distance","hoverAreaHeight","HOVER_AREA_WIDTH_BY_DIMENSION","HOVER_AREA_HEIGHT","hoverAreaWidth","handleValueSubmit","formattedValue","Number","getIsInputValueValid","getValidatedValue","useEffect","_jsxs","className","classnames","root","handleRoot","horizontalHeadRoot","horizontalTailRoot","verticalHeadRoot","verticalTailRoot","minimalHandleRoot","children","_jsx","LeftIcon","size","leftArrow","_defineProperty","reversedLeftArrow","isInvisible","isLeftArrowInvisible","fill","handle","horizontalHeadHandle","horizontalTailHandle","verticalHeadHandle","verticalTailHandle","minimalHandle","minimalVerticalHandle","Input","inputProps","onKeyDown","_ref2","keyCode","target","onFocus","onBlur","_ref3","inputRoot","e","newValue","event","_event$target","_event$nativeEvent","floatValue","parseFloat","isValidValue","MIN_SAFE_INTEGER","MAX_SAFE_INTEGER","char","nativeEvent","data","pointCount","split","length","isBuggySymbolEntered","disableUnderline","error","isFinite","RightIcon","rightArrow","reversedRightArrow","isRightArrowInvisible"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@corva/ui",
3
- "version": "3.22.6-2",
3
+ "version": "3.22.6-3",
4
4
  "description": "Shared components/utils for Corva ui projects",
5
5
  "keywords": [
6
6
  "corva-ui"
@@ -254,5 +254,6 @@
254
254
  },
255
255
  "engines": {
256
256
  "node": ">=18"
257
- }
257
+ },
258
+ "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
258
259
  }