@elliemae/ds-form 1.57.0-rc.10 → 1.57.0-rc.14

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.
Files changed (25) hide show
  1. package/cjs/ComboBox/v3/parts/container/Container.js.map +1 -1
  2. package/cjs/ComboBox/v3/parts/controls-input/useControlsInput.js.map +1 -1
  3. package/cjs/ComboBox/v3/parts/empty-state/styled.js +1 -1
  4. package/cjs/ComboBox/v3/parts/empty-state/styled.js.map +1 -1
  5. package/cjs/ComboBox/v3/utils/hooks/useKeyboardNavigation.js +1 -1
  6. package/cjs/ComboBox/v3/utils/hooks/useKeyboardNavigation.js.map +1 -1
  7. package/cjs/DateInput/components/DateInputs.js.map +1 -1
  8. package/cjs/MenuItem/components/MultiMenuItem/MultiMenuItem.js +1 -1
  9. package/cjs/MenuItem/components/MultiMenuItem/MultiMenuItem.js.map +1 -1
  10. package/cjs/MenuItem/components/SingleMenuItem/SingleMenuItem.js +1 -1
  11. package/cjs/MenuItem/components/SingleMenuItem/SingleMenuItem.js.map +1 -1
  12. package/cjs/index.js +1 -1
  13. package/esm/ComboBox/v3/parts/container/Container.js.map +1 -1
  14. package/esm/ComboBox/v3/parts/controls-input/useControlsInput.js.map +1 -1
  15. package/esm/ComboBox/v3/parts/empty-state/styled.js +1 -1
  16. package/esm/ComboBox/v3/parts/empty-state/styled.js.map +1 -1
  17. package/esm/ComboBox/v3/utils/hooks/useKeyboardNavigation.js +1 -1
  18. package/esm/ComboBox/v3/utils/hooks/useKeyboardNavigation.js.map +1 -1
  19. package/esm/DateInput/components/DateInputs.js.map +1 -1
  20. package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js +1 -1
  21. package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js.map +1 -1
  22. package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js +1 -1
  23. package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js.map +1 -1
  24. package/esm/index.js +2 -2
  25. package/package.json +17 -17
@@ -1 +1 @@
1
- {"version":3,"file":"Container.js","sources":["../../../../../../src/ComboBox/v3/parts/container/Container.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useCallback, useContext } from 'react';\n\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { StyledContainerWithPopper, StyledContainerInline, StyledPopperWrapper } from './styled';\nimport { Controls } from '../controls';\nimport { MenuList } from '../menu-list';\nconst Container = (): JSX.Element => {\n const {\n props: { inline },\n showPopover,\n inputRef,\n setReferenceElement,\n setShowPopover,\n referenceElement,\n } = useContext(ComboBoxContext);\n\n const handleCloseMenu = useCallback(() => {\n setShowPopover(false);\n inputRef.current.blur();\n }, [inputRef, setShowPopover]);\n\n const StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;\n return (\n <>\n <StyledContainer ref={setReferenceElement}>\n <Controls />\n {inline ? <MenuList /> : null}\n </StyledContainer>\n {!inline ? (\n <DSPopperJS\n customOffset={[0, 5]}\n closeContextMenu={handleCloseMenu}\n referenceElement={referenceElement}\n showPopover={showPopover}\n withoutPortal\n withoutArrow\n zIndex={10}\n >\n <StyledPopperWrapper tabIndex={-1}>\n <MenuList />\n </StyledPopperWrapper>\n </DSPopperJS>\n ) : null}\n </>\n );\n};\n\nexport { Container };\n"],"names":["Container","useContext","ComboBoxContext","inline","props","showPopover","inputRef","setReferenceElement","setShowPopover","referenceElement","handleCloseMenu","useCallback","current","blur","StyledContainer","StyledContainerInline","StyledContainerWithPopper","React","Controls","MenuList","DSPopperJS","StyledPopperWrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;IAQMA,SAAS,GAAG,SAAZA,SAAY,GAAmB;AACnC,oBAOIC,gBAAU,CAACC,uCAAD,CAPd;AAAA,MACWC,MADX,eACEC,KADF,CACWD,MADX;AAAA,MAEEE,WAFF,eAEEA,WAFF;AAAA,MAGEC,QAHF,eAGEA,QAHF;AAAA,MAIEC,mBAJF,eAIEA,mBAJF;AAAA,MAKEC,cALF,eAKEA,cALF;AAAA,MAMEC,gBANF,eAMEA,gBANF;;AASA,MAAMC,eAAe,GAAGC,iBAAW,CAAC,YAAM;AACxCH,IAAAA,cAAc,CAAC,KAAD,CAAd;AACAF,IAAAA,QAAQ,CAACM,OAAT,CAAiBC,IAAjB;AACD,GAHkC,EAGhC,CAACP,QAAD,EAAWE,cAAX,CAHgC,CAAnC;AAKA,MAAMM,eAAe,GAAGX,MAAM,GAAGY,wDAAH,GAA2BC,4DAAzD;AACA,sBACEC,+FACEA,wCAAC,eAAD;AAAiB,IAAA,GAAG,EAAEV;AAAtB,kBACEU,wCAACC,4CAAD,OADF,EAEGf,MAAM,gBAAGc,wCAACE,4CAAD,OAAH,GAAkB,IAF3B,CADF,EAKG,CAAChB,MAAD,gBACCc,wCAACG,qBAAD;AACE,IAAA,YAAY,EAAE,CAAC,CAAD,EAAI,CAAJ,CADhB;AAEE,IAAA,gBAAgB,EAAEV,eAFpB;AAGE,IAAA,gBAAgB,EAAED,gBAHpB;AAIE,IAAA,WAAW,EAAEJ,WAJf;AAKE,IAAA,aAAa,MALf;AAME,IAAA,YAAY,MANd;AAOE,IAAA,MAAM,EAAE;AAPV,kBASEY,wCAACI,sDAAD;AAAqB,IAAA,QAAQ,EAAE,CAAC;AAAhC,kBACEJ,wCAACE,4CAAD,OADF,CATF,CADD,GAcG,IAnBN,CADF;AAuBD;;;;"}
1
+ {"version":3,"file":"Container.js","sources":["../../../../../../src/ComboBox/v3/parts/container/Container.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useCallback, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { StyledContainerWithPopper, StyledContainerInline, StyledPopperWrapper } from './styled';\nimport { Controls } from '../controls';\nimport { MenuList } from '../menu-list';\nconst Container = (): JSX.Element => {\n const {\n props: { inline },\n showPopover,\n inputRef,\n setReferenceElement,\n setShowPopover,\n referenceElement,\n } = useContext(ComboBoxContext);\n\n const handleCloseMenu = useCallback(() => {\n setShowPopover(false);\n inputRef.current.blur();\n }, [inputRef, setShowPopover]);\n\n const StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;\n return (\n <>\n <StyledContainer ref={setReferenceElement}>\n <Controls />\n {inline ? <MenuList /> : null}\n </StyledContainer>\n {!inline ? (\n <DSPopperJS\n customOffset={[0, 5]}\n closeContextMenu={handleCloseMenu}\n referenceElement={referenceElement}\n showPopover={showPopover}\n withoutPortal\n withoutArrow\n zIndex={10}\n >\n <StyledPopperWrapper tabIndex={-1}>\n <MenuList />\n </StyledPopperWrapper>\n </DSPopperJS>\n ) : null}\n </>\n );\n};\n\nexport { Container };\n"],"names":["Container","useContext","ComboBoxContext","inline","props","showPopover","inputRef","setReferenceElement","setShowPopover","referenceElement","handleCloseMenu","useCallback","current","blur","StyledContainer","StyledContainerInline","StyledContainerWithPopper","React","Controls","MenuList","DSPopperJS","StyledPopperWrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;IAOMA,SAAS,GAAG,SAAZA,SAAY,GAAmB;AACnC,oBAOIC,gBAAU,CAACC,uCAAD,CAPd;AAAA,MACWC,MADX,eACEC,KADF,CACWD,MADX;AAAA,MAEEE,WAFF,eAEEA,WAFF;AAAA,MAGEC,QAHF,eAGEA,QAHF;AAAA,MAIEC,mBAJF,eAIEA,mBAJF;AAAA,MAKEC,cALF,eAKEA,cALF;AAAA,MAMEC,gBANF,eAMEA,gBANF;;AASA,MAAMC,eAAe,GAAGC,iBAAW,CAAC,YAAM;AACxCH,IAAAA,cAAc,CAAC,KAAD,CAAd;AACAF,IAAAA,QAAQ,CAACM,OAAT,CAAiBC,IAAjB;AACD,GAHkC,EAGhC,CAACP,QAAD,EAAWE,cAAX,CAHgC,CAAnC;AAKA,MAAMM,eAAe,GAAGX,MAAM,GAAGY,wDAAH,GAA2BC,4DAAzD;AACA,sBACEC,+FACEA,wCAAC,eAAD;AAAiB,IAAA,GAAG,EAAEV;AAAtB,kBACEU,wCAACC,4CAAD,OADF,EAEGf,MAAM,gBAAGc,wCAACE,4CAAD,OAAH,GAAkB,IAF3B,CADF,EAKG,CAAChB,MAAD,gBACCc,wCAACG,qBAAD;AACE,IAAA,YAAY,EAAE,CAAC,CAAD,EAAI,CAAJ,CADhB;AAEE,IAAA,gBAAgB,EAAEV,eAFpB;AAGE,IAAA,gBAAgB,EAAED,gBAHpB;AAIE,IAAA,WAAW,EAAEJ,WAJf;AAKE,IAAA,aAAa,MALf;AAME,IAAA,YAAY,MANd;AAOE,IAAA,MAAM,EAAE;AAPV,kBASEY,wCAACI,sDAAD;AAAqB,IAAA,QAAQ,EAAE,CAAC;AAAhC,kBACEJ,wCAACE,4CAAD,OADF,CATF,CADD,GAcG,IAnBN,CADF;AAuBD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useControlsInput.js","sources":["../../../../../../src/ComboBox/v3/parts/controls-input/useControlsInput.tsx"],"sourcesContent":["import { useContext, useEffect, useMemo, useRef, useCallback, useState } from 'react';\n\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { getOptions, isSelectedValueEmpty } from '../../utils/listHelper';\n\ninterface useControlsInputT {\n handleOnFocus: () => void;\n handleOnBlur: () => void;\n handleOnChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n showPlaceholder?: string;\n focusOptionValue: string;\n spanReferenceText: string;\n width: number;\n span: React.Ref<HTMLSpanElement>;\n}\nconst useControlsInput = (): useControlsInputT => {\n const {\n props: { selectedValues, placeholder, options, onFilter },\n setShowPopover,\n\n inputRef,\n listRef,\n focusOptionIdx,\n setHasFocus,\n setShowSelectedValue,\n setCurrentOption,\n } = useContext(ComboBoxContext);\n\n const [width, setWidth] = useState();\n const span = useRef(null);\n const selectableOptions = getOptions(options);\n\n const focusOptionValue = selectableOptions[focusOptionIdx]\n ? selectableOptions[focusOptionIdx].value\n : 'id-no-results';\n\n useEffect(() => {\n setWidth(span.current?.offsetWidth || 1);\n }, [inputRef.current?.value]);\n\n useEffect(() => {\n setShowSelectedValue(true);\n }, [selectedValues, setShowSelectedValue]);\n\n // When writting open popover\n // and refresh selected values and update filter outside value.\n const handleOnChange = useCallback(\n (e) => {\n if (e.target.value) setShowSelectedValue(false);\n setShowPopover(true);\n onFilter(e.target.value);\n setCurrentOption(0);\n },\n [onFilter, setShowPopover, setShowSelectedValue, setCurrentOption],\n );\n\n const handleOnBlur = useCallback(() => {\n setTimeout(() => {\n if (!listRef?.current?.contains(document.activeElement)) {\n setShowPopover(false);\n }\n setHasFocus(false);\n setShowSelectedValue(true);\n onFilter('');\n inputRef.current.value = '';\n setCurrentOption(-1);\n }, 10);\n }, [setHasFocus, setCurrentOption, listRef, onFilter, inputRef, setShowPopover, setShowSelectedValue]);\n\n const handleOnFocus = useCallback(() => {\n setHasFocus(true);\n setShowPopover(true);\n setCurrentOption(0);\n }, [setHasFocus, setCurrentOption, setShowPopover]);\n\n const showPlaceholder = !inputRef.current?.value && isSelectedValueEmpty(selectedValues) ? placeholder : null;\n const spanReferenceText = inputRef.current?.value.replace(/\\s/g, '\\u00a0');\n\n return useMemo(\n () => ({\n handleOnFocus,\n handleOnBlur,\n handleOnChange,\n showPlaceholder,\n focusOptionValue,\n spanReferenceText,\n width,\n span,\n }),\n [handleOnFocus, handleOnBlur, handleOnChange, focusOptionValue, spanReferenceText, showPlaceholder, width, span],\n );\n};\n\nexport { useControlsInput };\n"],"names":["useControlsInput","useContext","ComboBoxContext","props","selectedValues","placeholder","options","onFilter","setShowPopover","inputRef","listRef","focusOptionIdx","setHasFocus","setShowSelectedValue","setCurrentOption","useState","width","setWidth","span","useRef","selectableOptions","getOptions","focusOptionValue","value","useEffect","current","offsetWidth","handleOnChange","useCallback","e","target","handleOnBlur","setTimeout","contains","document","activeElement","handleOnFocus","showPlaceholder","isSelectedValueEmpty","spanReferenceText","replace","useMemo"],"mappings":"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"}
1
+ {"version":3,"file":"useControlsInput.js","sources":["../../../../../../src/ComboBox/v3/parts/controls-input/useControlsInput.tsx"],"sourcesContent":["import { useContext, useEffect, useMemo, useRef, useCallback, useState } from 'react';\n\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { getOptions, isSelectedValueEmpty } from '../../utils/listHelper';\n\ninterface useControlsInputT {\n handleOnFocus: () => void;\n handleOnBlur: () => void;\n handleOnChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n showPlaceholder?: string;\n focusOptionValue: string;\n spanReferenceText: string;\n width: number;\n span: React.Ref<HTMLSpanElement>;\n}\nconst useControlsInput = (): useControlsInputT => {\n const {\n props: { selectedValues, placeholder, options, onFilter },\n setShowPopover,\n\n inputRef,\n listRef,\n focusOptionIdx,\n setHasFocus,\n setShowSelectedValue,\n setCurrentOption,\n } = useContext(ComboBoxContext);\n\n const [width, setWidth] = useState();\n const span = useRef(null);\n const selectableOptions = getOptions(options);\n\n const focusOptionValue = selectableOptions[focusOptionIdx]\n ? selectableOptions[focusOptionIdx].value\n : 'id-no-results';\n\n useEffect(() => {\n setWidth(span.current?.offsetWidth || 1);\n }, [inputRef.current?.value]);\n\n useEffect(() => {\n setShowSelectedValue(true);\n }, [selectedValues, setShowSelectedValue]);\n\n // When writting open popover\n // and refresh selected values and update filter outside value.\n const handleOnChange = useCallback(\n (e) => {\n if (e.target.value) setShowSelectedValue(false);\n setShowPopover(true);\n onFilter(e.target.value);\n setCurrentOption(0);\n },\n [onFilter, setShowPopover, setShowSelectedValue, setCurrentOption],\n );\n\n const handleOnBlur = useCallback(() => {\n setTimeout(() => {\n if (!listRef?.current?.contains(document.activeElement)) {\n setShowPopover(false);\n }\n setHasFocus(false);\n setShowSelectedValue(true);\n console.log('holis');\n onFilter('');\n inputRef.current.value = '';\n setCurrentOption(-1);\n }, 10);\n }, [setHasFocus, setCurrentOption, listRef, onFilter, inputRef, setShowPopover, setShowSelectedValue]);\n\n const handleOnFocus = useCallback(() => {\n setHasFocus(true);\n setShowPopover(true);\n setCurrentOption(0);\n }, [setHasFocus, setCurrentOption, setShowPopover]);\n\n const showPlaceholder = !inputRef.current?.value && isSelectedValueEmpty(selectedValues) ? placeholder : null;\n const spanReferenceText = inputRef.current?.value.replace(/\\s/g, '\\u00a0');\n\n return useMemo(\n () => ({\n handleOnFocus,\n handleOnBlur,\n handleOnChange,\n showPlaceholder,\n focusOptionValue,\n spanReferenceText,\n width,\n span,\n }),\n [handleOnFocus, handleOnBlur, handleOnChange, focusOptionValue, spanReferenceText, showPlaceholder, width, span],\n );\n};\n\nexport { useControlsInput };\n"],"names":["useControlsInput","useContext","ComboBoxContext","props","selectedValues","placeholder","options","onFilter","setShowPopover","inputRef","listRef","focusOptionIdx","setHasFocus","setShowSelectedValue","setCurrentOption","useState","width","setWidth","span","useRef","selectableOptions","getOptions","focusOptionValue","value","useEffect","current","offsetWidth","handleOnChange","useCallback","e","target","handleOnBlur","setTimeout","contains","document","activeElement","handleOnFocus","showPlaceholder","isSelectedValueEmpty","spanReferenceText","replace","useMemo"],"mappings":"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"}
@@ -10,7 +10,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
10
10
 
11
11
  var StyledNoResultsWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
12
12
  componentId: "sc-o4fon6-0"
13
- })(["padding:10px;"]);
13
+ })(["padding:16px;"]);
14
14
  var StyledNoResults = /*#__PURE__*/styled__default['default'].span.withConfig({
15
15
  componentId: "sc-o4fon6-1"
16
16
  })([""]);
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../../src/ComboBox/v3/parts/empty-state/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledNoResultsWrapper = styled.div`\n padding: 10px;\n`;\n\nexport const StyledNoResults = styled.span``;\n"],"names":["StyledNoResultsWrapper","styled","div","StyledNoResults","span"],"mappings":";;;;;;;;;;IAEaA,sBAAsB,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA;IAItBC,eAAe,gBAAGF,0BAAM,CAACG,IAAV;AAAA;AAAA;;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../../../src/ComboBox/v3/parts/empty-state/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledNoResultsWrapper = styled.div`\n padding: 16px;\n`;\n\nexport const StyledNoResults = styled.span``;\n"],"names":["StyledNoResultsWrapper","styled","div","StyledNoResults","span"],"mappings":";;;;;;;;;;IAEaA,sBAAsB,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA;IAItBC,eAAe,gBAAGF,0BAAM,CAACG,IAAV;AAAA;AAAA;;;;;"}
@@ -114,7 +114,7 @@ var useKeyboardNavigation = function useKeyboardNavigation() {
114
114
  // =============================================================================
115
115
 
116
116
 
117
- if (e.key === 'Backspace' && targetElement.value.length <= 1) {
117
+ if (e.key === 'Backspace' && targetElement.value.length <= 0 && !inline) {
118
118
  if (multiple && !targetElement.value) {
119
119
  var multiSelectedValues = selectedValues;
120
120
  if (multiSelectedValues.length > 0) onChange(multiSelectedValues[multiSelectedValues.length - 1]);
@@ -1 +1 @@
1
- {"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../../../src/ComboBox/v3/utils/hooks/useKeyboardNavigation.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable max-depth */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport { useCallback, useEffect, useContext } from 'react';\nimport { CBOptionT } from '../../index.d';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { getOptions } from '../listHelper';\nexport const useKeyboardNavigation = (): React.KeyboardEventHandler => {\n const {\n props: { inline, onChange, onCreate, options, selectedValues, onFilter },\n setShowPopover,\n showPopover,\n setShowSelectedValue,\n focusOptionIdx,\n inputRef,\n setCurrentOption,\n } = useContext(ComboBoxContext);\n\n const multiple = Array.isArray(selectedValues);\n const selectableOptions = getOptions(options);\n const lastOption = selectableOptions.length - 1;\n const focusOption = selectableOptions[focusOptionIdx];\n\n useEffect(() => {\n if (focusOptionIdx >= 0) {\n document.querySelector('.ds-list-item-active')?.scrollIntoView(false);\n }\n }, [focusOptionIdx]);\n\n const selectOption = useCallback(() => {\n if (multiple) {\n onFilter(inputRef.current.value);\n } else {\n onFilter('');\n inputRef.current.value = '';\n setShowSelectedValue(true);\n }\n onChange(focusOption);\n setShowPopover(multiple ? true : !showPopover);\n }, [multiple, setShowPopover, showPopover, focusOption, onFilter, inputRef, setShowSelectedValue, onChange]);\n\n const onInputKeyDown = useCallback(\n (e) => {\n const targetElement = e.target as HTMLInputElement;\n // =============================================================================\n // ENTER KEY TO CREATE ELEMENTS\n // =============================================================================\n if (e.key === 'Enter' && onCreate && !selectableOptions.length) {\n onCreate(targetElement.value);\n onFilter('');\n inputRef.current.value = '';\n return;\n }\n // =============================================================================\n // ENTER AND SPACE KEY SELECT OPTIONS AND OPEN CLOSE THE POPOVER\n // =============================================================================\n if ((e.keyCode === 32 && targetElement.value === '') || e.key === 'Enter') {\n e.preventDefault();\n if (!showPopover) {\n setShowPopover(true);\n } else {\n selectOption();\n }\n }\n\n // =============================================================================\n // CTRL + ENTER + MULTIPLE: SELECT AND CLOSE MENU\n // =============================================================================\n if (e.key === 'Enter' && e.ctrlKey && multiple) {\n setShowPopover(false);\n }\n // =============================================================================\n // ARROWS UP AND DOWN\n // =============================================================================\n if (e.key === 'ArrowDown') {\n if (showPopover || inline) {\n setCurrentOption((prevState) => (prevState === lastOption ? 0 : focusOptionIdx + 1));\n } else {\n setShowPopover(true);\n setCurrentOption(0);\n }\n }\n if (e.key === 'ArrowUp') {\n if (showPopover || inline) {\n setCurrentOption((prevState) => (prevState === 0 ? lastOption : focusOptionIdx - 1));\n } else {\n setShowPopover(true);\n setCurrentOption(lastOption);\n }\n }\n // =============================================================================\n // ESCAPE\n // =============================================================================\n if (e.key === 'Escape' && !inline) {\n setCurrentOption(0);\n setShowPopover(false);\n }\n // =============================================================================\n // BACKSPACE\n // =============================================================================\n if (e.key === 'Backspace' && targetElement.value.length <= 1) {\n if (multiple && !targetElement.value) {\n const multiSelectedValues = selectedValues as CBOptionT[];\n if (multiSelectedValues.length > 0) onChange(multiSelectedValues[multiSelectedValues.length - 1]);\n } else {\n onChange(null);\n }\n onFilter('');\n setShowSelectedValue(true);\n }\n // =============================================================================\n // SHIFT + TAB ON SINGLE SELECT: SELECT AND RETURN TO INPUT\n // =============================================================================\n if (e.key === 'Tab' && e.shiftKey && !multiple && showPopover) {\n selectOption();\n e.preventDefault();\n }\n // =============================================================================\n // TAB + SINGLE SELECT\n // =============================================================================\n if (e.key === 'Tab' && showPopover && !multiple) {\n selectOption();\n setShowPopover(false);\n }\n\n if (e.key === 'Tab' && inline) {\n e.preventDefault();\n }\n },\n [\n focusOptionIdx,\n selectableOptions,\n inputRef,\n lastOption,\n multiple,\n showPopover,\n selectedValues,\n inline,\n onChange,\n onCreate,\n onFilter,\n setCurrentOption,\n setShowPopover,\n setShowSelectedValue,\n selectOption,\n ],\n );\n\n return onInputKeyDown;\n};\n"],"names":["useKeyboardNavigation","useContext","ComboBoxContext","props","inline","onChange","onCreate","options","selectedValues","onFilter","setShowPopover","showPopover","setShowSelectedValue","focusOptionIdx","inputRef","setCurrentOption","multiple","Array","isArray","selectableOptions","getOptions","lastOption","length","focusOption","useEffect","document","querySelector","scrollIntoView","selectOption","useCallback","current","value","onInputKeyDown","e","targetElement","target","key","keyCode","preventDefault","ctrlKey","prevState","multiSelectedValues","shiftKey"],"mappings":";;;;;;;;AAAA;IAQaA,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAkC;AACrE,oBAQIC,gBAAU,CAACC,uCAAD,CARd;AAAA,sCACEC,KADF;AAAA,MACWC,MADX,qBACWA,MADX;AAAA,MACmBC,QADnB,qBACmBA,QADnB;AAAA,MAC6BC,QAD7B,qBAC6BA,QAD7B;AAAA,MACuCC,OADvC,qBACuCA,OADvC;AAAA,MACgDC,cADhD,qBACgDA,cADhD;AAAA,MACgEC,QADhE,qBACgEA,QADhE;AAAA,MAEEC,cAFF,eAEEA,cAFF;AAAA,MAGEC,WAHF,eAGEA,WAHF;AAAA,MAIEC,oBAJF,eAIEA,oBAJF;AAAA,MAKEC,cALF,eAKEA,cALF;AAAA,MAMEC,QANF,eAMEA,QANF;AAAA,MAOEC,gBAPF,eAOEA,gBAPF;;AAUA,MAAMC,QAAQ,GAAGC,KAAK,CAACC,OAAN,CAAcV,cAAd,CAAjB;AACA,MAAMW,iBAAiB,GAAGC,uCAAU,CAACb,OAAD,CAApC;AACA,MAAMc,UAAU,GAAGF,iBAAiB,CAACG,MAAlB,GAA2B,CAA9C;AACA,MAAMC,WAAW,GAAGJ,iBAAiB,CAACN,cAAD,CAArC;AAEAW,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIX,cAAc,IAAI,CAAtB,EAAyB;AAAA;;AACvB,+BAAAY,QAAQ,CAACC,aAAT,CAAuB,sBAAvB,iFAAgDC,cAAhD,CAA+D,KAA/D;AACD;AACF,GAJQ,EAIN,CAACd,cAAD,CAJM,CAAT;AAMA,MAAMe,YAAY,GAAGC,iBAAW,CAAC,YAAM;AACrC,QAAIb,QAAJ,EAAc;AACZP,MAAAA,QAAQ,CAACK,QAAQ,CAACgB,OAAT,CAAiBC,KAAlB,CAAR;AACD,KAFD,MAEO;AACLtB,MAAAA,QAAQ,CAAC,EAAD,CAAR;AACAK,MAAAA,QAAQ,CAACgB,OAAT,CAAiBC,KAAjB,GAAyB,EAAzB;AACAnB,MAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD;;AACDP,IAAAA,QAAQ,CAACkB,WAAD,CAAR;AACAb,IAAAA,cAAc,CAACM,QAAQ,GAAG,IAAH,GAAU,CAACL,WAApB,CAAd;AACD,GAV+B,EAU7B,CAACK,QAAD,EAAWN,cAAX,EAA2BC,WAA3B,EAAwCY,WAAxC,EAAqDd,QAArD,EAA+DK,QAA/D,EAAyEF,oBAAzE,EAA+FP,QAA/F,CAV6B,CAAhC;AAYA,MAAM2B,cAAc,GAAGH,iBAAW,CAChC,UAACI,CAAD,EAAO;AACL,QAAMC,aAAa,GAAGD,CAAC,CAACE,MAAxB,CADK;AAGL;AACA;;AACA,QAAIF,CAAC,CAACG,GAAF,KAAU,OAAV,IAAqB9B,QAArB,IAAiC,CAACa,iBAAiB,CAACG,MAAxD,EAAgE;AAC9DhB,MAAAA,QAAQ,CAAC4B,aAAa,CAACH,KAAf,CAAR;AACAtB,MAAAA,QAAQ,CAAC,EAAD,CAAR;AACAK,MAAAA,QAAQ,CAACgB,OAAT,CAAiBC,KAAjB,GAAyB,EAAzB;AACA;AACD,KAVI;AAYL;AACA;;;AACA,QAAKE,CAAC,CAACI,OAAF,KAAc,EAAd,IAAoBH,aAAa,CAACH,KAAd,KAAwB,EAA7C,IAAoDE,CAAC,CAACG,GAAF,KAAU,OAAlE,EAA2E;AACzEH,MAAAA,CAAC,CAACK,cAAF;;AACA,UAAI,CAAC3B,WAAL,EAAkB;AAChBD,QAAAA,cAAc,CAAC,IAAD,CAAd;AACD,OAFD,MAEO;AACLkB,QAAAA,YAAY;AACb;AACF,KArBI;AAwBL;AACA;;;AACA,QAAIK,CAAC,CAACG,GAAF,KAAU,OAAV,IAAqBH,CAAC,CAACM,OAAvB,IAAkCvB,QAAtC,EAAgD;AAC9CN,MAAAA,cAAc,CAAC,KAAD,CAAd;AACD,KA5BI;AA8BL;AACA;;;AACA,QAAIuB,CAAC,CAACG,GAAF,KAAU,WAAd,EAA2B;AACzB,UAAIzB,WAAW,IAAIP,MAAnB,EAA2B;AACzBW,QAAAA,gBAAgB,CAAC,UAACyB,SAAD;AAAA,iBAAgBA,SAAS,KAAKnB,UAAd,GAA2B,CAA3B,GAA+BR,cAAc,GAAG,CAAhE;AAAA,SAAD,CAAhB;AACD,OAFD,MAEO;AACLH,QAAAA,cAAc,CAAC,IAAD,CAAd;AACAK,QAAAA,gBAAgB,CAAC,CAAD,CAAhB;AACD;AACF;;AACD,QAAIkB,CAAC,CAACG,GAAF,KAAU,SAAd,EAAyB;AACvB,UAAIzB,WAAW,IAAIP,MAAnB,EAA2B;AACzBW,QAAAA,gBAAgB,CAAC,UAACyB,SAAD;AAAA,iBAAgBA,SAAS,KAAK,CAAd,GAAkBnB,UAAlB,GAA+BR,cAAc,GAAG,CAAhE;AAAA,SAAD,CAAhB;AACD,OAFD,MAEO;AACLH,QAAAA,cAAc,CAAC,IAAD,CAAd;AACAK,QAAAA,gBAAgB,CAACM,UAAD,CAAhB;AACD;AACF,KA/CI;AAiDL;AACA;;;AACA,QAAIY,CAAC,CAACG,GAAF,KAAU,QAAV,IAAsB,CAAChC,MAA3B,EAAmC;AACjCW,MAAAA,gBAAgB,CAAC,CAAD,CAAhB;AACAL,MAAAA,cAAc,CAAC,KAAD,CAAd;AACD,KAtDI;AAwDL;AACA;;;AACA,QAAIuB,CAAC,CAACG,GAAF,KAAU,WAAV,IAAyBF,aAAa,CAACH,KAAd,CAAoBT,MAApB,IAA8B,CAA3D,EAA8D;AAC5D,UAAIN,QAAQ,IAAI,CAACkB,aAAa,CAACH,KAA/B,EAAsC;AACpC,YAAMU,mBAAmB,GAAGjC,cAA5B;AACA,YAAIiC,mBAAmB,CAACnB,MAApB,GAA6B,CAAjC,EAAoCjB,QAAQ,CAACoC,mBAAmB,CAACA,mBAAmB,CAACnB,MAApB,GAA6B,CAA9B,CAApB,CAAR;AACrC,OAHD,MAGO;AACLjB,QAAAA,QAAQ,CAAC,IAAD,CAAR;AACD;;AACDI,MAAAA,QAAQ,CAAC,EAAD,CAAR;AACAG,MAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD,KAnEI;AAqEL;AACA;;;AACA,QAAIqB,CAAC,CAACG,GAAF,KAAU,KAAV,IAAmBH,CAAC,CAACS,QAArB,IAAiC,CAAC1B,QAAlC,IAA8CL,WAAlD,EAA+D;AAC7DiB,MAAAA,YAAY;AACZK,MAAAA,CAAC,CAACK,cAAF;AACD,KA1EI;AA4EL;AACA;;;AACA,QAAIL,CAAC,CAACG,GAAF,KAAU,KAAV,IAAmBzB,WAAnB,IAAkC,CAACK,QAAvC,EAAiD;AAC/CY,MAAAA,YAAY;AACZlB,MAAAA,cAAc,CAAC,KAAD,CAAd;AACD;;AAED,QAAIuB,CAAC,CAACG,GAAF,KAAU,KAAV,IAAmBhC,MAAvB,EAA+B;AAC7B6B,MAAAA,CAAC,CAACK,cAAF;AACD;AACF,GAvF+B,EAwFhC,CACEzB,cADF,EAEEM,iBAFF,EAGEL,QAHF,EAIEO,UAJF,EAKEL,QALF,EAMEL,WANF,EAOEH,cAPF,EAQEJ,MARF,EASEC,QATF,EAUEC,QAVF,EAWEG,QAXF,EAYEM,gBAZF,EAaEL,cAbF,EAcEE,oBAdF,EAeEgB,YAfF,CAxFgC,CAAlC;AA2GA,SAAOI,cAAP;AACD;;;;"}
1
+ {"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../../../src/ComboBox/v3/utils/hooks/useKeyboardNavigation.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable max-depth */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport { useCallback, useEffect, useContext } from 'react';\nimport { CBOptionT } from '../../index.d';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { getOptions } from '../listHelper';\nexport const useKeyboardNavigation = (): React.KeyboardEventHandler => {\n const {\n props: { inline, onChange, onCreate, options, selectedValues, onFilter },\n setShowPopover,\n showPopover,\n setShowSelectedValue,\n focusOptionIdx,\n inputRef,\n setCurrentOption,\n } = useContext(ComboBoxContext);\n\n const multiple = Array.isArray(selectedValues);\n const selectableOptions = getOptions(options);\n const lastOption = selectableOptions.length - 1;\n const focusOption = selectableOptions[focusOptionIdx];\n\n useEffect(() => {\n if (focusOptionIdx >= 0) {\n document.querySelector('.ds-list-item-active')?.scrollIntoView(false);\n }\n }, [focusOptionIdx]);\n\n const selectOption = useCallback(() => {\n if (multiple) {\n onFilter(inputRef.current.value);\n } else {\n onFilter('');\n inputRef.current.value = '';\n setShowSelectedValue(true);\n }\n onChange(focusOption);\n setShowPopover(multiple ? true : !showPopover);\n }, [multiple, setShowPopover, showPopover, focusOption, onFilter, inputRef, setShowSelectedValue, onChange]);\n\n const onInputKeyDown = useCallback(\n (e) => {\n const targetElement = e.target as HTMLInputElement;\n // =============================================================================\n // ENTER KEY TO CREATE ELEMENTS\n // =============================================================================\n if (e.key === 'Enter' && onCreate && !selectableOptions.length) {\n onCreate(targetElement.value);\n onFilter('');\n inputRef.current.value = '';\n return;\n }\n // =============================================================================\n // ENTER AND SPACE KEY SELECT OPTIONS AND OPEN CLOSE THE POPOVER\n // =============================================================================\n if ((e.keyCode === 32 && targetElement.value === '') || e.key === 'Enter') {\n e.preventDefault();\n if (!showPopover) {\n setShowPopover(true);\n } else {\n selectOption();\n }\n }\n\n // =============================================================================\n // CTRL + ENTER + MULTIPLE: SELECT AND CLOSE MENU\n // =============================================================================\n if (e.key === 'Enter' && e.ctrlKey && multiple) {\n setShowPopover(false);\n }\n // =============================================================================\n // ARROWS UP AND DOWN\n // =============================================================================\n if (e.key === 'ArrowDown') {\n if (showPopover || inline) {\n setCurrentOption((prevState) => (prevState === lastOption ? 0 : focusOptionIdx + 1));\n } else {\n setShowPopover(true);\n setCurrentOption(0);\n }\n }\n if (e.key === 'ArrowUp') {\n if (showPopover || inline) {\n setCurrentOption((prevState) => (prevState === 0 ? lastOption : focusOptionIdx - 1));\n } else {\n setShowPopover(true);\n setCurrentOption(lastOption);\n }\n }\n // =============================================================================\n // ESCAPE\n // =============================================================================\n if (e.key === 'Escape' && !inline) {\n setCurrentOption(0);\n setShowPopover(false);\n }\n // =============================================================================\n // BACKSPACE\n // =============================================================================\n if (e.key === 'Backspace' && targetElement.value.length <= 0 && !inline) {\n if (multiple && !targetElement.value) {\n const multiSelectedValues = selectedValues as CBOptionT[];\n if (multiSelectedValues.length > 0) onChange(multiSelectedValues[multiSelectedValues.length - 1]);\n } else {\n onChange(null);\n }\n onFilter('');\n setShowSelectedValue(true);\n }\n // =============================================================================\n // SHIFT + TAB ON SINGLE SELECT: SELECT AND RETURN TO INPUT\n // =============================================================================\n if (e.key === 'Tab' && e.shiftKey && !multiple && showPopover) {\n selectOption();\n e.preventDefault();\n }\n // =============================================================================\n // TAB + SINGLE SELECT\n // =============================================================================\n if (e.key === 'Tab' && showPopover && !multiple) {\n selectOption();\n setShowPopover(false);\n }\n\n if (e.key === 'Tab' && inline) {\n e.preventDefault();\n }\n },\n [\n focusOptionIdx,\n selectableOptions,\n inputRef,\n lastOption,\n multiple,\n showPopover,\n selectedValues,\n inline,\n onChange,\n onCreate,\n onFilter,\n setCurrentOption,\n setShowPopover,\n setShowSelectedValue,\n selectOption,\n ],\n );\n\n return onInputKeyDown;\n};\n"],"names":["useKeyboardNavigation","useContext","ComboBoxContext","props","inline","onChange","onCreate","options","selectedValues","onFilter","setShowPopover","showPopover","setShowSelectedValue","focusOptionIdx","inputRef","setCurrentOption","multiple","Array","isArray","selectableOptions","getOptions","lastOption","length","focusOption","useEffect","document","querySelector","scrollIntoView","selectOption","useCallback","current","value","onInputKeyDown","e","targetElement","target","key","keyCode","preventDefault","ctrlKey","prevState","multiSelectedValues","shiftKey"],"mappings":";;;;;;;;AAAA;IAQaA,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAkC;AACrE,oBAQIC,gBAAU,CAACC,uCAAD,CARd;AAAA,sCACEC,KADF;AAAA,MACWC,MADX,qBACWA,MADX;AAAA,MACmBC,QADnB,qBACmBA,QADnB;AAAA,MAC6BC,QAD7B,qBAC6BA,QAD7B;AAAA,MACuCC,OADvC,qBACuCA,OADvC;AAAA,MACgDC,cADhD,qBACgDA,cADhD;AAAA,MACgEC,QADhE,qBACgEA,QADhE;AAAA,MAEEC,cAFF,eAEEA,cAFF;AAAA,MAGEC,WAHF,eAGEA,WAHF;AAAA,MAIEC,oBAJF,eAIEA,oBAJF;AAAA,MAKEC,cALF,eAKEA,cALF;AAAA,MAMEC,QANF,eAMEA,QANF;AAAA,MAOEC,gBAPF,eAOEA,gBAPF;;AAUA,MAAMC,QAAQ,GAAGC,KAAK,CAACC,OAAN,CAAcV,cAAd,CAAjB;AACA,MAAMW,iBAAiB,GAAGC,uCAAU,CAACb,OAAD,CAApC;AACA,MAAMc,UAAU,GAAGF,iBAAiB,CAACG,MAAlB,GAA2B,CAA9C;AACA,MAAMC,WAAW,GAAGJ,iBAAiB,CAACN,cAAD,CAArC;AAEAW,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIX,cAAc,IAAI,CAAtB,EAAyB;AAAA;;AACvB,+BAAAY,QAAQ,CAACC,aAAT,CAAuB,sBAAvB,iFAAgDC,cAAhD,CAA+D,KAA/D;AACD;AACF,GAJQ,EAIN,CAACd,cAAD,CAJM,CAAT;AAMA,MAAMe,YAAY,GAAGC,iBAAW,CAAC,YAAM;AACrC,QAAIb,QAAJ,EAAc;AACZP,MAAAA,QAAQ,CAACK,QAAQ,CAACgB,OAAT,CAAiBC,KAAlB,CAAR;AACD,KAFD,MAEO;AACLtB,MAAAA,QAAQ,CAAC,EAAD,CAAR;AACAK,MAAAA,QAAQ,CAACgB,OAAT,CAAiBC,KAAjB,GAAyB,EAAzB;AACAnB,MAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD;;AACDP,IAAAA,QAAQ,CAACkB,WAAD,CAAR;AACAb,IAAAA,cAAc,CAACM,QAAQ,GAAG,IAAH,GAAU,CAACL,WAApB,CAAd;AACD,GAV+B,EAU7B,CAACK,QAAD,EAAWN,cAAX,EAA2BC,WAA3B,EAAwCY,WAAxC,EAAqDd,QAArD,EAA+DK,QAA/D,EAAyEF,oBAAzE,EAA+FP,QAA/F,CAV6B,CAAhC;AAYA,MAAM2B,cAAc,GAAGH,iBAAW,CAChC,UAACI,CAAD,EAAO;AACL,QAAMC,aAAa,GAAGD,CAAC,CAACE,MAAxB,CADK;AAGL;AACA;;AACA,QAAIF,CAAC,CAACG,GAAF,KAAU,OAAV,IAAqB9B,QAArB,IAAiC,CAACa,iBAAiB,CAACG,MAAxD,EAAgE;AAC9DhB,MAAAA,QAAQ,CAAC4B,aAAa,CAACH,KAAf,CAAR;AACAtB,MAAAA,QAAQ,CAAC,EAAD,CAAR;AACAK,MAAAA,QAAQ,CAACgB,OAAT,CAAiBC,KAAjB,GAAyB,EAAzB;AACA;AACD,KAVI;AAYL;AACA;;;AACA,QAAKE,CAAC,CAACI,OAAF,KAAc,EAAd,IAAoBH,aAAa,CAACH,KAAd,KAAwB,EAA7C,IAAoDE,CAAC,CAACG,GAAF,KAAU,OAAlE,EAA2E;AACzEH,MAAAA,CAAC,CAACK,cAAF;;AACA,UAAI,CAAC3B,WAAL,EAAkB;AAChBD,QAAAA,cAAc,CAAC,IAAD,CAAd;AACD,OAFD,MAEO;AACLkB,QAAAA,YAAY;AACb;AACF,KArBI;AAwBL;AACA;;;AACA,QAAIK,CAAC,CAACG,GAAF,KAAU,OAAV,IAAqBH,CAAC,CAACM,OAAvB,IAAkCvB,QAAtC,EAAgD;AAC9CN,MAAAA,cAAc,CAAC,KAAD,CAAd;AACD,KA5BI;AA8BL;AACA;;;AACA,QAAIuB,CAAC,CAACG,GAAF,KAAU,WAAd,EAA2B;AACzB,UAAIzB,WAAW,IAAIP,MAAnB,EAA2B;AACzBW,QAAAA,gBAAgB,CAAC,UAACyB,SAAD;AAAA,iBAAgBA,SAAS,KAAKnB,UAAd,GAA2B,CAA3B,GAA+BR,cAAc,GAAG,CAAhE;AAAA,SAAD,CAAhB;AACD,OAFD,MAEO;AACLH,QAAAA,cAAc,CAAC,IAAD,CAAd;AACAK,QAAAA,gBAAgB,CAAC,CAAD,CAAhB;AACD;AACF;;AACD,QAAIkB,CAAC,CAACG,GAAF,KAAU,SAAd,EAAyB;AACvB,UAAIzB,WAAW,IAAIP,MAAnB,EAA2B;AACzBW,QAAAA,gBAAgB,CAAC,UAACyB,SAAD;AAAA,iBAAgBA,SAAS,KAAK,CAAd,GAAkBnB,UAAlB,GAA+BR,cAAc,GAAG,CAAhE;AAAA,SAAD,CAAhB;AACD,OAFD,MAEO;AACLH,QAAAA,cAAc,CAAC,IAAD,CAAd;AACAK,QAAAA,gBAAgB,CAACM,UAAD,CAAhB;AACD;AACF,KA/CI;AAiDL;AACA;;;AACA,QAAIY,CAAC,CAACG,GAAF,KAAU,QAAV,IAAsB,CAAChC,MAA3B,EAAmC;AACjCW,MAAAA,gBAAgB,CAAC,CAAD,CAAhB;AACAL,MAAAA,cAAc,CAAC,KAAD,CAAd;AACD,KAtDI;AAwDL;AACA;;;AACA,QAAIuB,CAAC,CAACG,GAAF,KAAU,WAAV,IAAyBF,aAAa,CAACH,KAAd,CAAoBT,MAApB,IAA8B,CAAvD,IAA4D,CAAClB,MAAjE,EAAyE;AACvE,UAAIY,QAAQ,IAAI,CAACkB,aAAa,CAACH,KAA/B,EAAsC;AACpC,YAAMU,mBAAmB,GAAGjC,cAA5B;AACA,YAAIiC,mBAAmB,CAACnB,MAApB,GAA6B,CAAjC,EAAoCjB,QAAQ,CAACoC,mBAAmB,CAACA,mBAAmB,CAACnB,MAApB,GAA6B,CAA9B,CAApB,CAAR;AACrC,OAHD,MAGO;AACLjB,QAAAA,QAAQ,CAAC,IAAD,CAAR;AACD;;AACDI,MAAAA,QAAQ,CAAC,EAAD,CAAR;AACAG,MAAAA,oBAAoB,CAAC,IAAD,CAApB;AACD,KAnEI;AAqEL;AACA;;;AACA,QAAIqB,CAAC,CAACG,GAAF,KAAU,KAAV,IAAmBH,CAAC,CAACS,QAArB,IAAiC,CAAC1B,QAAlC,IAA8CL,WAAlD,EAA+D;AAC7DiB,MAAAA,YAAY;AACZK,MAAAA,CAAC,CAACK,cAAF;AACD,KA1EI;AA4EL;AACA;;;AACA,QAAIL,CAAC,CAACG,GAAF,KAAU,KAAV,IAAmBzB,WAAnB,IAAkC,CAACK,QAAvC,EAAiD;AAC/CY,MAAAA,YAAY;AACZlB,MAAAA,cAAc,CAAC,KAAD,CAAd;AACD;;AAED,QAAIuB,CAAC,CAACG,GAAF,KAAU,KAAV,IAAmBhC,MAAvB,EAA+B;AAC7B6B,MAAAA,CAAC,CAACK,cAAF;AACD;AACF,GAvF+B,EAwFhC,CACEzB,cADF,EAEEM,iBAFF,EAGEL,QAHF,EAIEO,UAJF,EAKEL,QALF,EAMEL,WANF,EAOEH,cAPF,EAQEJ,MARF,EASEC,QATF,EAUEC,QAVF,EAWEG,QAXF,EAYEM,gBAZF,EAaEL,cAbF,EAcEE,oBAdF,EAeEgB,YAfF,CAxFgC,CAAlC;AA2GA,SAAOI,cAAP;AACD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"DateInputs.js","sources":["../../../../src/DateInput/components/DateInputs.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable indent */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport Moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { usePrevious } from '@elliemae/ds-utilities';\nimport {\n formatMonth,\n formatDay,\n formatYear,\n getValidTimeNumber,\n setNativeValue,\n parseTimeNumberFromText,\n focusNextInput,\n focusPreviousInput,\n getDateValuesFromTime,\n getNextTimeValue,\n focusNextInputIfNeeded,\n commonInputProps,\n handleCompletedDate,\n triggerOnBlur,\n isTimeCompletelySet,\n} from './utils';\n\nconst blockName = 'input-date-group';\n\nconst InputTimesGroup = aggregatedClasses('div')(blockName);\nconst MonthInput = aggregatedClasses('input')(blockName, 'input input-month');\nconst DayInput = aggregatedClasses('input')(blockName, 'input input-day');\nconst YearInput = aggregatedClasses('input')(blockName, 'input input-year');\nconst Divider = aggregatedClasses('span')(blockName, 'divider', ({ value }) => ({\n value,\n}));\n\n// eslint-disable-next-line react/prop-types\nconst DateDivider = ({ content = ':', value = '' }) => <Divider value={!!value}>{content}</Divider>;\n\nconst DateInputs = ({\n innerRef,\n onBlur,\n onChange,\n onCustomKeyDown,\n onError,\n format = '',\n showMonth = true,\n showDay = true,\n showYear = true,\n step = 1,\n yearMaxRange,\n disabled,\n yearMinRange,\n time,\n // TODO remove and keep `true` behavior ( PUI-4141 )\n INTERNAL_V2_NO_MUTATION, // eslint-disable-line react/prop-types\n}) => {\n const [currentKey, setCurrentKey] = useState('ArrowUp');\n const [month, setMonth] = useState('');\n const [day, setDay] = useState('');\n const [year, setYear] = useState('');\n const prevTime = usePrevious(time);\n const prevFormat = usePrevious(format);\n\n let digits = 2;\n let placeholder = '';\n\n console.log(time);\n\n useEffect(() => {\n if (time) {\n const dateValues = getDateValuesFromTime(time, format);\n setMonth(dateValues.month);\n setDay(dateValues.day);\n setYear(dateValues.year);\n }\n }, [format, time]);\n\n useEffect(() => {\n if (!time && prevTime) {\n setMonth('');\n setDay('');\n setYear('');\n onChange('');\n }\n if (time && prevTime && time.format && time.format(format) !== prevTime.format(prevFormat)) {\n const dateValues = getDateValuesFromTime(time, format);\n\n setMonth(dateValues.month);\n setDay(dateValues.day);\n setYear(dateValues.year);\n }\n }, [time, prevTime, format, prevFormat, onChange]);\n\n const isCompletedDate = useCallback(\n () => isTimeCompletelySet({ year, month, day }, { showYear, showMonth, showDay }, { yearMinRange, yearMaxRange }),\n [day, month, showDay, showMonth, showYear, year, yearMaxRange, yearMinRange],\n );\n\n useEffect(() => {\n if (INTERNAL_V2_NO_MUTATION) {\n const dateValues = getDateValuesFromTime(time, format);\n\n if (dateValues.day !== day && isCompletedDate()) {\n onChange(\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n );\n } else if (dateValues.month !== month && isCompletedDate()) {\n onChange(\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n );\n } else if (dateValues.year !== year && isCompletedDate()) {\n onChange(\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n );\n }\n }\n }, [\n INTERNAL_V2_NO_MUTATION,\n day,\n format,\n isCompletedDate,\n month,\n onChange,\n showDay,\n showMonth,\n showYear,\n time,\n year,\n ]);\n\n const triggerChange = () =>\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION);\n\n const handleYearChange = (e) => {\n const { value } = e.target;\n const yearValue = parseTimeNumberFromText(value);\n const yearRange = { min: 1, max: 9999 };\n const nextYear = getValidTimeNumber(yearRange, yearValue, value, onError);\n\n setYear(formatYear(format, nextYear));\n if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n onChange(triggerChange());\n }\n focusNextInputIfNeeded(e.target, yearRange.max, nextYear, value, currentKey);\n };\n\n const handleMonthChange = (e) => {\n const { value } = e.target;\n const monthValue = parseTimeNumberFromText(value);\n const monthRange = { min: 1, max: 12 };\n const nextMonth = getValidTimeNumber(monthRange, monthValue, value, onError);\n setMonth(formatMonth(format, nextMonth));\n if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n onChange(triggerChange());\n }\n focusNextInputIfNeeded(e.target, monthRange.max, nextMonth, value, currentKey);\n };\n\n const handleDayChange = (e) => {\n const { value } = e.target;\n const dayValue = parseTimeNumberFromText(value);\n const dayRange = { min: 1, max: 31 };\n const nextDay = getValidTimeNumber(dayRange, dayValue, value, onError);\n setDay(formatDay(format, nextDay));\n if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n onChange(triggerChange());\n }\n if (value !== day) focusNextInputIfNeeded(e.target, dayRange.max, nextDay, value, currentKey);\n };\n\n // eslint-disable-next-line complexity\n const onKeyDown = (event, shouldIncrementDecrement = true) => {\n const { value, name } = event.target;\n const change = {\n day: (v) => handleDayChange({ target: { value: v } }),\n month: (v) => handleMonthChange({ target: { value: v } }),\n year: (v) => handleYearChange({ target: { value: v } }),\n };\n switch (event.key) {\n case 'ArrowLeft': {\n event.preventDefault();\n focusPreviousInput(event.target);\n break;\n }\n case 'ArrowUp': {\n if (shouldIncrementDecrement) {\n event.preventDefault();\n setCurrentKey(event.key);\n const incrementedValue = getNextTimeValue(value, name, yearMinRange, yearMaxRange, step, true);\n if (INTERNAL_V2_NO_MUTATION) {\n change[name](incrementedValue);\n } else {\n setNativeValue(event.target, incrementedValue);\n }\n }\n break;\n }\n case 'ArrowDown': {\n if (shouldIncrementDecrement) {\n event.preventDefault();\n setCurrentKey(event.key);\n const decrementedValue = getNextTimeValue(value, name, yearMinRange, yearMaxRange, step, false);\n if (INTERNAL_V2_NO_MUTATION) {\n change[name](decrementedValue);\n } else {\n setNativeValue(event.target, decrementedValue);\n }\n }\n break;\n }\n case 'ArrowRight': {\n event.preventDefault();\n focusNextInput(event.target);\n break;\n }\n case 'Backspace': {\n event.preventDefault();\n if (!value) {\n focusPreviousInput(event.target);\n } else {\n // eslint-disable-next-line no-lonely-if\n if (INTERNAL_V2_NO_MUTATION) {\n change[name]('');\n } else {\n setNativeValue(event.target, '');\n }\n }\n break;\n }\n case 'Enter': {\n if (onCustomKeyDown && isCompletedDate()) onCustomKeyDown(event, triggerChange());\n setCurrentKey(null);\n break;\n }\n default:\n if (onCustomKeyDown) onCustomKeyDown(event);\n setCurrentKey(null);\n }\n };\n\n const renderMonthInput = () => {\n if (!showMonth) return null;\n placeholder = 'MM';\n const onMonthInputBlur = (e) => {\n handleMonthChange(e);\n triggerOnBlur(e, onBlur);\n };\n return (\n <MonthInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autocomplete=\"off\"\n key=\"month-input\"\n data-testid=\"month\"\n disabled={disabled}\n name=\"month\"\n onBlur={onMonthInputBlur}\n onChange={handleMonthChange}\n value={month}\n />\n );\n };\n const renderDayInput = () => {\n if (!showDay) return null;\n placeholder = 'DD';\n const onDayInputBlur = (e) => {\n handleDayChange(e);\n triggerOnBlur(e, onBlur);\n };\n return (\n <DayInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autocomplete=\"off\"\n key=\"day-input\"\n data-testid=\"day\"\n disabled={disabled}\n name=\"day\"\n onBlur={onDayInputBlur}\n onChange={handleDayChange}\n value={day}\n />\n );\n };\n const renderYearInput = () => {\n if (!showYear) return null;\n placeholder = 'YY';\n digits = 4;\n const onYearInputBlur = (e) => {\n handleYearChange(e);\n triggerOnBlur(e, onBlur);\n };\n return (\n <YearInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autocomplete=\"off\"\n key=\"seconds-input\"\n data-testid=\"year\"\n disabled={disabled}\n name=\"year\"\n onBlur={onYearInputBlur}\n onChange={handleYearChange}\n value={year}\n />\n );\n };\n\n const renderDateInputs = () => {\n const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];\n const inputsWithDividers = inputs.reduce(\n (acc, input, index) =>\n input\n ? acc.concat([index ? <DateDivider key={index} content=\" / \" value={input.props.value} /> : null, input])\n : acc,\n [],\n );\n\n return [\n inputsWithDividers,\n React.createElement('span', { key: 'span' }), // hack for next/prev focus\n ];\n };\n\n return <InputTimesGroup innerRef={innerRef}>{renderDateInputs()}</InputTimesGroup>;\n};\n\nDateInputs.propTypes = {\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n onBlur: PropTypes.bool,\n onChange: PropTypes.func,\n onCustomKeyDown: PropTypes.func,\n onError: PropTypes.func,\n format: PropTypes.string,\n showMonth: PropTypes.bool,\n showDay: PropTypes.bool,\n showYear: PropTypes.bool,\n step: PropTypes.number,\n yearMaxRange: PropTypes.number,\n disabled: PropTypes.bool,\n yearMinRange: PropTypes.number,\n time: PropTypes.instanceOf(Moment),\n};\n\nexport default DateInputs;\n"],"names":["blockName","InputTimesGroup","aggregatedClasses","MonthInput","DayInput","YearInput","Divider","value","DateDivider","content","React","DateInputs","innerRef","onBlur","onChange","onCustomKeyDown","onError","format","showMonth","showDay","showYear","step","yearMaxRange","disabled","yearMinRange","time","INTERNAL_V2_NO_MUTATION","useState","currentKey","setCurrentKey","month","setMonth","day","setDay","year","setYear","prevTime","usePrevious","prevFormat","digits","placeholder","useEffect","dateValues","getDateValuesFromTime","isCompletedDate","useCallback","isTimeCompletelySet","handleCompletedDate","triggerChange","handleYearChange","e","target","yearValue","parseTimeNumberFromText","yearRange","min","max","nextYear","getValidTimeNumber","formatYear","focusNextInputIfNeeded","handleMonthChange","monthValue","monthRange","nextMonth","formatMonth","handleDayChange","dayValue","dayRange","nextDay","formatDay","onKeyDown","event","shouldIncrementDecrement","name","change","v","key","preventDefault","focusPreviousInput","incrementedValue","getNextTimeValue","setNativeValue","decrementedValue","focusNextInput","renderMonthInput","onMonthInputBlur","triggerOnBlur","commonInputProps","renderDayInput","onDayInputBlur","renderYearInput","onYearInputBlur","renderDateInputs","inputs","inputsWithDividers","reduce","acc","input","index","concat","props","createElement","propTypes","PropTypes","oneOfType","func","shape","current","any","bool","string","number","instanceOf","Moment"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BA,IAAMA,SAAS,GAAG,kBAAlB;AAEA,IAAMC,eAAe,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CAAyBF,SAAzB,CAAxB;AACA,IAAMG,UAAU,GAAGD,8BAAiB,CAAC,OAAD,CAAjB,CAA2BF,SAA3B,EAAsC,mBAAtC,CAAnB;AACA,IAAMI,QAAQ,GAAGF,8BAAiB,CAAC,OAAD,CAAjB,CAA2BF,SAA3B,EAAsC,iBAAtC,CAAjB;AACA,IAAMK,SAAS,GAAGH,8BAAiB,CAAC,OAAD,CAAjB,CAA2BF,SAA3B,EAAsC,kBAAtC,CAAlB;AACA,IAAMM,OAAO,GAAGJ,8BAAiB,CAAC,MAAD,CAAjB,CAA0BF,SAA1B,EAAqC,SAArC,EAAgD;AAAA,MAAGO,KAAH,QAAGA,KAAH;AAAA,SAAgB;AAC9EA,IAAAA,KAAK,EAALA;AAD8E,GAAhB;AAAA,CAAhD,CAAhB;;AAKA,IAAMC,WAAW,GAAG,SAAdA,WAAc;AAAA,4BAAGC,OAAH;AAAA,MAAGA,OAAH,8BAAa,GAAb;AAAA,0BAAkBF,KAAlB;AAAA,MAAkBA,KAAlB,4BAA0B,EAA1B;AAAA,sBAAmCG,wCAAC,OAAD;AAAS,IAAA,KAAK,EAAE,CAAC,CAACH;AAAlB,KAA0BE,OAA1B,CAAnC;AAAA,CAApB;;IAEME,UAAU,GAAG,SAAbA,UAAa,QAiBb;AAAA,MAhBJC,QAgBI,SAhBJA,QAgBI;AAAA,MAfJC,MAeI,SAfJA,MAeI;AAAA,MAdJC,QAcI,SAdJA,QAcI;AAAA,MAbJC,eAaI,SAbJA,eAaI;AAAA,MAZJC,OAYI,SAZJA,OAYI;AAAA,2BAXJC,MAWI;AAAA,MAXJA,MAWI,6BAXK,EAWL;AAAA,8BAVJC,SAUI;AAAA,MAVJA,SAUI,gCAVQ,IAUR;AAAA,4BATJC,OASI;AAAA,MATJA,OASI,8BATM,IASN;AAAA,6BARJC,QAQI;AAAA,MARJA,QAQI,+BARO,IAQP;AAAA,yBAPJC,IAOI;AAAA,MAPJA,IAOI,2BAPG,CAOH;AAAA,MANJC,YAMI,SANJA,YAMI;AAAA,MALJC,QAKI,SALJA,QAKI;AAAA,MAJJC,YAII,SAJJA,YAII;AAAA,MAHJC,IAGI,SAHJA,IAGI;AAAA,MADJC,uBACI,SADJA,uBACI;;AACJ,kBAAoCC,cAAQ,CAAC,SAAD,CAA5C;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,mBAA0BF,cAAQ,CAAC,EAAD,CAAlC;AAAA;AAAA,MAAOG,KAAP;AAAA,MAAcC,QAAd;;AACA,mBAAsBJ,cAAQ,CAAC,EAAD,CAA9B;AAAA;AAAA,MAAOK,GAAP;AAAA,MAAYC,MAAZ;;AACA,mBAAwBN,cAAQ,CAAC,EAAD,CAAhC;AAAA;AAAA,MAAOO,IAAP;AAAA,MAAaC,OAAb;;AACA,MAAMC,QAAQ,GAAGC,uBAAW,CAACZ,IAAD,CAA5B;AACA,MAAMa,UAAU,GAAGD,uBAAW,CAACpB,MAAD,CAA9B;AAEA,MAAIsB,MAAM,GAAG,CAAb;AACA,MAAIC,WAAW,GAAG,EAAlB;AAIAC,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIhB,IAAJ,EAAU;AACR,UAAMiB,UAAU,GAAGC,gDAAqB,CAAClB,IAAD,EAAOR,MAAP,CAAxC;AACAc,MAAAA,QAAQ,CAACW,UAAU,CAACZ,KAAZ,CAAR;AACAG,MAAAA,MAAM,CAACS,UAAU,CAACV,GAAZ,CAAN;AACAG,MAAAA,OAAO,CAACO,UAAU,CAACR,IAAZ,CAAP;AACD;AACF,GAPQ,EAON,CAACjB,MAAD,EAASQ,IAAT,CAPM,CAAT;AASAgB,EAAAA,eAAS,CAAC,YAAM;AACd,QAAI,CAAChB,IAAD,IAASW,QAAb,EAAuB;AACrBL,MAAAA,QAAQ,CAAC,EAAD,CAAR;AACAE,MAAAA,MAAM,CAAC,EAAD,CAAN;AACAE,MAAAA,OAAO,CAAC,EAAD,CAAP;AACArB,MAAAA,QAAQ,CAAC,EAAD,CAAR;AACD;;AACD,QAAIW,IAAI,IAAIW,QAAR,IAAoBX,IAAI,CAACR,MAAzB,IAAmCQ,IAAI,CAACR,MAAL,CAAYA,MAAZ,MAAwBmB,QAAQ,CAACnB,MAAT,CAAgBqB,UAAhB,CAA/D,EAA4F;AAC1F,UAAMI,UAAU,GAAGC,gDAAqB,CAAClB,IAAD,EAAOR,MAAP,CAAxC;AAEAc,MAAAA,QAAQ,CAACW,UAAU,CAACZ,KAAZ,CAAR;AACAG,MAAAA,MAAM,CAACS,UAAU,CAACV,GAAZ,CAAN;AACAG,MAAAA,OAAO,CAACO,UAAU,CAACR,IAAZ,CAAP;AACD;AACF,GAdQ,EAcN,CAACT,IAAD,EAAOW,QAAP,EAAiBnB,MAAjB,EAAyBqB,UAAzB,EAAqCxB,QAArC,CAdM,CAAT;AAgBA,MAAM8B,eAAe,GAAGC,iBAAW,CACjC;AAAA,WAAMC,8CAAmB,CAAC;AAAEZ,MAAAA,IAAI,EAAJA,IAAF;AAAQJ,MAAAA,KAAK,EAALA,KAAR;AAAeE,MAAAA,GAAG,EAAHA;AAAf,KAAD,EAAuB;AAAEZ,MAAAA,QAAQ,EAARA,QAAF;AAAYF,MAAAA,SAAS,EAATA,SAAZ;AAAuBC,MAAAA,OAAO,EAAPA;AAAvB,KAAvB,EAAyD;AAAEK,MAAAA,YAAY,EAAZA,YAAF;AAAgBF,MAAAA,YAAY,EAAZA;AAAhB,KAAzD,CAAzB;AAAA,GADiC,EAEjC,CAACU,GAAD,EAAMF,KAAN,EAAaX,OAAb,EAAsBD,SAAtB,EAAiCE,QAAjC,EAA2Cc,IAA3C,EAAiDZ,YAAjD,EAA+DE,YAA/D,CAFiC,CAAnC;AAKAiB,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIf,uBAAJ,EAA6B;AAC3B,UAAMgB,UAAU,GAAGC,gDAAqB,CAAClB,IAAD,EAAOR,MAAP,CAAxC;;AAEA,UAAIyB,UAAU,CAACV,GAAX,KAAmBA,GAAnB,IAA0BY,eAAe,EAA7C,EAAiD;AAC/C9B,QAAAA,QAAQ,CACNiC,8CAAmB,CAACtB,IAAD,EAAO;AAAES,UAAAA,IAAI,EAAJA,IAAF;AAAQJ,UAAAA,KAAK,EAALA,KAAR;AAAeE,UAAAA,GAAG,EAAHA;AAAf,SAAP,EAA6B;AAAEZ,UAAAA,QAAQ,EAARA,QAAF;AAAYF,UAAAA,SAAS,EAATA,SAAZ;AAAuBC,UAAAA,OAAO,EAAPA;AAAvB,SAA7B,EAA+DO,uBAA/D,CADb,CAAR;AAGD,OAJD,MAIO,IAAIgB,UAAU,CAACZ,KAAX,KAAqBA,KAArB,IAA8Bc,eAAe,EAAjD,EAAqD;AAC1D9B,QAAAA,QAAQ,CACNiC,8CAAmB,CAACtB,IAAD,EAAO;AAAES,UAAAA,IAAI,EAAJA,IAAF;AAAQJ,UAAAA,KAAK,EAALA,KAAR;AAAeE,UAAAA,GAAG,EAAHA;AAAf,SAAP,EAA6B;AAAEZ,UAAAA,QAAQ,EAARA,QAAF;AAAYF,UAAAA,SAAS,EAATA,SAAZ;AAAuBC,UAAAA,OAAO,EAAPA;AAAvB,SAA7B,EAA+DO,uBAA/D,CADb,CAAR;AAGD,OAJM,MAIA,IAAIgB,UAAU,CAACR,IAAX,KAAoBA,IAApB,IAA4BU,eAAe,EAA/C,EAAmD;AACxD9B,QAAAA,QAAQ,CACNiC,8CAAmB,CAACtB,IAAD,EAAO;AAAES,UAAAA,IAAI,EAAJA,IAAF;AAAQJ,UAAAA,KAAK,EAALA,KAAR;AAAeE,UAAAA,GAAG,EAAHA;AAAf,SAAP,EAA6B;AAAEZ,UAAAA,QAAQ,EAARA,QAAF;AAAYF,UAAAA,SAAS,EAATA,SAAZ;AAAuBC,UAAAA,OAAO,EAAPA;AAAvB,SAA7B,EAA+DO,uBAA/D,CADb,CAAR;AAGD;AACF;AACF,GAlBQ,EAkBN,CACDA,uBADC,EAEDM,GAFC,EAGDf,MAHC,EAID2B,eAJC,EAKDd,KALC,EAMDhB,QANC,EAODK,OAPC,EAQDD,SARC,EASDE,QATC,EAUDK,IAVC,EAWDS,IAXC,CAlBM,CAAT;;AAgCA,MAAMc,aAAa,GAAG,SAAhBA,aAAgB;AAAA,WACpBD,8CAAmB,CAACtB,IAAD,EAAO;AAAES,MAAAA,IAAI,EAAJA,IAAF;AAAQJ,MAAAA,KAAK,EAALA,KAAR;AAAeE,MAAAA,GAAG,EAAHA;AAAf,KAAP,EAA6B;AAAEZ,MAAAA,QAAQ,EAARA,QAAF;AAAYF,MAAAA,SAAS,EAATA,SAAZ;AAAuBC,MAAAA,OAAO,EAAPA;AAAvB,KAA7B,EAA+DO,uBAA/D,CADC;AAAA,GAAtB;;AAGA,MAAMuB,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAO;AAC9B,QAAQ3C,KAAR,GAAkB2C,CAAC,CAACC,MAApB,CAAQ5C,KAAR;AACA,QAAM6C,SAAS,GAAGC,kDAAuB,CAAC9C,KAAD,CAAzC;AACA,QAAM+C,SAAS,GAAG;AAAEC,MAAAA,GAAG,EAAE,CAAP;AAAUC,MAAAA,GAAG,EAAE;AAAf,KAAlB;AACA,QAAMC,QAAQ,GAAGC,6CAAkB,CAACJ,SAAD,EAAYF,SAAZ,EAAuB7C,KAAvB,EAA8BS,OAA9B,CAAnC;AAEAmB,IAAAA,OAAO,CAACwB,qCAAU,CAAC1C,MAAD,EAASwC,QAAT,CAAX,CAAP;;AACA,QAAIb,eAAe,MAAM,CAAClB,uBAA1B,EAAmD;AACjDZ,MAAAA,QAAQ,CAACkC,aAAa,EAAd,CAAR;AACD;;AACDY,IAAAA,iDAAsB,CAACV,CAAC,CAACC,MAAH,EAAWG,SAAS,CAACE,GAArB,EAA0BC,QAA1B,EAAoClD,KAApC,EAA2CqB,UAA3C,CAAtB;AACD,GAXD;;AAaA,MAAMiC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACX,CAAD,EAAO;AAC/B,QAAQ3C,KAAR,GAAkB2C,CAAC,CAACC,MAApB,CAAQ5C,KAAR;AACA,QAAMuD,UAAU,GAAGT,kDAAuB,CAAC9C,KAAD,CAA1C;AACA,QAAMwD,UAAU,GAAG;AAAER,MAAAA,GAAG,EAAE,CAAP;AAAUC,MAAAA,GAAG,EAAE;AAAf,KAAnB;AACA,QAAMQ,SAAS,GAAGN,6CAAkB,CAACK,UAAD,EAAaD,UAAb,EAAyBvD,KAAzB,EAAgCS,OAAhC,CAApC;AACAe,IAAAA,QAAQ,CAACkC,sCAAW,CAAChD,MAAD,EAAS+C,SAAT,CAAZ,CAAR;;AACA,QAAIpB,eAAe,MAAM,CAAClB,uBAA1B,EAAmD;AACjDZ,MAAAA,QAAQ,CAACkC,aAAa,EAAd,CAAR;AACD;;AACDY,IAAAA,iDAAsB,CAACV,CAAC,CAACC,MAAH,EAAWY,UAAU,CAACP,GAAtB,EAA2BQ,SAA3B,EAAsCzD,KAAtC,EAA6CqB,UAA7C,CAAtB;AACD,GAVD;;AAYA,MAAMsC,eAAe,GAAG,SAAlBA,eAAkB,CAAChB,CAAD,EAAO;AAC7B,QAAQ3C,KAAR,GAAkB2C,CAAC,CAACC,MAApB,CAAQ5C,KAAR;AACA,QAAM4D,QAAQ,GAAGd,kDAAuB,CAAC9C,KAAD,CAAxC;AACA,QAAM6D,QAAQ,GAAG;AAAEb,MAAAA,GAAG,EAAE,CAAP;AAAUC,MAAAA,GAAG,EAAE;AAAf,KAAjB;AACA,QAAMa,OAAO,GAAGX,6CAAkB,CAACU,QAAD,EAAWD,QAAX,EAAqB5D,KAArB,EAA4BS,OAA5B,CAAlC;AACAiB,IAAAA,MAAM,CAACqC,oCAAS,CAACrD,MAAD,EAASoD,OAAT,CAAV,CAAN;;AACA,QAAIzB,eAAe,MAAM,CAAClB,uBAA1B,EAAmD;AACjDZ,MAAAA,QAAQ,CAACkC,aAAa,EAAd,CAAR;AACD;;AACD,QAAIzC,KAAK,KAAKyB,GAAd,EAAmB4B,iDAAsB,CAACV,CAAC,CAACC,MAAH,EAAWiB,QAAQ,CAACZ,GAApB,EAAyBa,OAAzB,EAAkC9D,KAAlC,EAAyCqB,UAAzC,CAAtB;AACpB,GAVD,CAvGI;;;AAoHJ,MAAM2C,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAA4C;AAAA,QAApCC,wBAAoC,uEAAT,IAAS;AAC5D,wBAAwBD,KAAK,CAACrB,MAA9B;AAAA,QAAQ5C,KAAR,iBAAQA,KAAR;AAAA,QAAemE,IAAf,iBAAeA,IAAf;AACA,QAAMC,MAAM,GAAG;AACb3C,MAAAA,GAAG,EAAE,aAAC4C,CAAD;AAAA,eAAOV,eAAe,CAAC;AAAEf,UAAAA,MAAM,EAAE;AAAE5C,YAAAA,KAAK,EAAEqE;AAAT;AAAV,SAAD,CAAtB;AAAA,OADQ;AAEb9C,MAAAA,KAAK,EAAE,eAAC8C,CAAD;AAAA,eAAOf,iBAAiB,CAAC;AAAEV,UAAAA,MAAM,EAAE;AAAE5C,YAAAA,KAAK,EAAEqE;AAAT;AAAV,SAAD,CAAxB;AAAA,OAFM;AAGb1C,MAAAA,IAAI,EAAE,cAAC0C,CAAD;AAAA,eAAO3B,gBAAgB,CAAC;AAAEE,UAAAA,MAAM,EAAE;AAAE5C,YAAAA,KAAK,EAAEqE;AAAT;AAAV,SAAD,CAAvB;AAAA;AAHO,KAAf;;AAKA,YAAQJ,KAAK,CAACK,GAAd;AACE,WAAK,WAAL;AAAkB;AAChBL,UAAAA,KAAK,CAACM,cAAN;AACAC,UAAAA,6CAAkB,CAACP,KAAK,CAACrB,MAAP,CAAlB;AACA;AACD;;AACD,WAAK,SAAL;AAAgB;AACd,cAAIsB,wBAAJ,EAA8B;AAC5BD,YAAAA,KAAK,CAACM,cAAN;AACAjD,YAAAA,aAAa,CAAC2C,KAAK,CAACK,GAAP,CAAb;AACA,gBAAMG,gBAAgB,GAAGC,2CAAgB,CAAC1E,KAAD,EAAQmE,IAAR,EAAclD,YAAd,EAA4BF,YAA5B,EAA0CD,IAA1C,EAAgD,IAAhD,CAAzC;;AACA,gBAAIK,uBAAJ,EAA6B;AAC3BiD,cAAAA,MAAM,CAACD,IAAD,CAAN,CAAaM,gBAAb;AACD,aAFD,MAEO;AACLE,cAAAA,yCAAc,CAACV,KAAK,CAACrB,MAAP,EAAe6B,gBAAf,CAAd;AACD;AACF;;AACD;AACD;;AACD,WAAK,WAAL;AAAkB;AAChB,cAAIP,wBAAJ,EAA8B;AAC5BD,YAAAA,KAAK,CAACM,cAAN;AACAjD,YAAAA,aAAa,CAAC2C,KAAK,CAACK,GAAP,CAAb;AACA,gBAAMM,gBAAgB,GAAGF,2CAAgB,CAAC1E,KAAD,EAAQmE,IAAR,EAAclD,YAAd,EAA4BF,YAA5B,EAA0CD,IAA1C,EAAgD,KAAhD,CAAzC;;AACA,gBAAIK,uBAAJ,EAA6B;AAC3BiD,cAAAA,MAAM,CAACD,IAAD,CAAN,CAAaS,gBAAb;AACD,aAFD,MAEO;AACLD,cAAAA,yCAAc,CAACV,KAAK,CAACrB,MAAP,EAAegC,gBAAf,CAAd;AACD;AACF;;AACD;AACD;;AACD,WAAK,YAAL;AAAmB;AACjBX,UAAAA,KAAK,CAACM,cAAN;AACAM,UAAAA,yCAAc,CAACZ,KAAK,CAACrB,MAAP,CAAd;AACA;AACD;;AACD,WAAK,WAAL;AAAkB;AAChBqB,UAAAA,KAAK,CAACM,cAAN;;AACA,cAAI,CAACvE,KAAL,EAAY;AACVwE,YAAAA,6CAAkB,CAACP,KAAK,CAACrB,MAAP,CAAlB;AACD,WAFD,MAEO;AACL;AACA,gBAAIzB,uBAAJ,EAA6B;AAC3BiD,cAAAA,MAAM,CAACD,IAAD,CAAN,CAAa,EAAb;AACD,aAFD,MAEO;AACLQ,cAAAA,yCAAc,CAACV,KAAK,CAACrB,MAAP,EAAe,EAAf,CAAd;AACD;AACF;;AACD;AACD;;AACD,WAAK,OAAL;AAAc;AACZ,cAAIpC,eAAe,IAAI6B,eAAe,EAAtC,EAA0C7B,eAAe,CAACyD,KAAD,EAAQxB,aAAa,EAArB,CAAf;AAC1CnB,UAAAA,aAAa,CAAC,IAAD,CAAb;AACA;AACD;;AACD;AACE,YAAId,eAAJ,EAAqBA,eAAe,CAACyD,KAAD,CAAf;AACrB3C,QAAAA,aAAa,CAAC,IAAD,CAAb;AA1DJ;AA4DD,GAnED;;AAqEA,MAAMwD,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAC7B,QAAI,CAACnE,SAAL,EAAgB,OAAO,IAAP;AAChBsB,IAAAA,WAAW,GAAG,IAAd;;AACA,QAAM8C,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACpC,CAAD,EAAO;AAC9BW,MAAAA,iBAAiB,CAACX,CAAD,CAAjB;AACAqC,MAAAA,wCAAa,CAACrC,CAAD,EAAIrC,MAAJ,CAAb;AACD,KAHD;;AAIA,wBACEH,wCAAC,UAAD,mCACM8E,2CAAgB,CAACjD,MAAD,EAASgC,SAAT,EAAoB/B,WAApB,CADtB;AAEE,MAAA,YAAY,EAAC,KAFf;AAGE,MAAA,GAAG,EAAC,aAHN;AAIE,qBAAY,OAJd;AAKE,MAAA,QAAQ,EAAEjB,QALZ;AAME,MAAA,IAAI,EAAC,OANP;AAOE,MAAA,MAAM,EAAE+D,gBAPV;AAQE,MAAA,QAAQ,EAAEzB,iBARZ;AASE,MAAA,KAAK,EAAE/B;AATT,OADF;AAaD,GApBD;;AAqBA,MAAM2D,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,QAAI,CAACtE,OAAL,EAAc,OAAO,IAAP;AACdqB,IAAAA,WAAW,GAAG,IAAd;;AACA,QAAMkD,cAAc,GAAG,SAAjBA,cAAiB,CAACxC,CAAD,EAAO;AAC5BgB,MAAAA,eAAe,CAAChB,CAAD,CAAf;AACAqC,MAAAA,wCAAa,CAACrC,CAAD,EAAIrC,MAAJ,CAAb;AACD,KAHD;;AAIA,wBACEH,wCAAC,QAAD,mCACM8E,2CAAgB,CAACjD,MAAD,EAASgC,SAAT,EAAoB/B,WAApB,CADtB;AAEE,MAAA,YAAY,EAAC,KAFf;AAGE,MAAA,GAAG,EAAC,WAHN;AAIE,qBAAY,KAJd;AAKE,MAAA,QAAQ,EAAEjB,QALZ;AAME,MAAA,IAAI,EAAC,KANP;AAOE,MAAA,MAAM,EAAEmE,cAPV;AAQE,MAAA,QAAQ,EAAExB,eARZ;AASE,MAAA,KAAK,EAAElC;AATT,OADF;AAaD,GApBD;;AAqBA,MAAM2D,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAC5B,QAAI,CAACvE,QAAL,EAAe,OAAO,IAAP;AACfoB,IAAAA,WAAW,GAAG,IAAd;AACAD,IAAAA,MAAM,GAAG,CAAT;;AACA,QAAMqD,eAAe,GAAG,SAAlBA,eAAkB,CAAC1C,CAAD,EAAO;AAC7BD,MAAAA,gBAAgB,CAACC,CAAD,CAAhB;AACAqC,MAAAA,wCAAa,CAACrC,CAAD,EAAIrC,MAAJ,CAAb;AACD,KAHD;;AAIA,wBACEH,wCAAC,SAAD,mCACM8E,2CAAgB,CAACjD,MAAD,EAASgC,SAAT,EAAoB/B,WAApB,CADtB;AAEE,MAAA,YAAY,EAAC,KAFf;AAGE,MAAA,GAAG,EAAC,eAHN;AAIE,qBAAY,MAJd;AAKE,MAAA,QAAQ,EAAEjB,QALZ;AAME,MAAA,IAAI,EAAC,MANP;AAOE,MAAA,MAAM,EAAEqE,eAPV;AAQE,MAAA,QAAQ,EAAE3C,gBARZ;AASE,MAAA,KAAK,EAAEf;AATT,OADF;AAaD,GArBD;;AAuBA,MAAM2D,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;AAC7B,QAAMC,MAAM,GAAG,CAACT,gBAAgB,EAAjB,EAAqBI,cAAc,EAAnC,EAAuCE,eAAe,EAAtD,CAAf;AACA,QAAMI,kBAAkB,GAAGD,MAAM,CAACE,MAAP,CACzB,UAACC,GAAD,EAAMC,KAAN,EAAaC,KAAb;AAAA,aACED,KAAK,GACDD,GAAG,CAACG,MAAJ,CAAW,CAACD,KAAK,gBAAGzF,wCAAC,WAAD;AAAa,QAAA,GAAG,EAAEyF,KAAlB;AAAyB,QAAA,OAAO,EAAC,KAAjC;AAAuC,QAAA,KAAK,EAAED,KAAK,CAACG,KAAN,CAAY9F;AAA1D,QAAH,GAAyE,IAA/E,EAAqF2F,KAArF,CAAX,CADC,GAEDD,GAHN;AAAA,KADyB,EAKzB,EALyB,CAA3B;AAQA,WAAO,CACLF,kBADK,eAELrF,yBAAK,CAAC4F,aAAN,CAAoB,MAApB,EAA4B;AAAEzB,MAAAA,GAAG,EAAE;AAAP,KAA5B,CAFK;AAAA,KAAP;AAID,GAdD;;AAgBA,sBAAOnE,wCAAC,eAAD;AAAiB,IAAA,QAAQ,EAAEE;AAA3B,KAAsCiF,gBAAgB,EAAtD,CAAP;AACD;;AAEDlF,UAAU,CAAC4F,SAAX,GAAuB;AACrB3F,EAAAA,QAAQ,EAAE4F,6BAAS,CAACC,SAAV,CAAoB,CAACD,6BAAS,CAACE,IAAX,EAAiBF,6BAAS,CAACG,KAAV,CAAgB;AAAEC,IAAAA,OAAO,EAAEJ,6BAAS,CAACK;AAArB,GAAhB,CAAjB,CAApB,CADW;AAErBhG,EAAAA,MAAM,EAAE2F,6BAAS,CAACM,IAFG;AAGrBhG,EAAAA,QAAQ,EAAE0F,6BAAS,CAACE,IAHC;AAIrB3F,EAAAA,eAAe,EAAEyF,6BAAS,CAACE,IAJN;AAKrB1F,EAAAA,OAAO,EAAEwF,6BAAS,CAACE,IALE;AAMrBzF,EAAAA,MAAM,EAAEuF,6BAAS,CAACO,MANG;AAOrB7F,EAAAA,SAAS,EAAEsF,6BAAS,CAACM,IAPA;AAQrB3F,EAAAA,OAAO,EAAEqF,6BAAS,CAACM,IARE;AASrB1F,EAAAA,QAAQ,EAAEoF,6BAAS,CAACM,IATC;AAUrBzF,EAAAA,IAAI,EAAEmF,6BAAS,CAACQ,MAVK;AAWrB1F,EAAAA,YAAY,EAAEkF,6BAAS,CAACQ,MAXH;AAYrBzF,EAAAA,QAAQ,EAAEiF,6BAAS,CAACM,IAZC;AAarBtF,EAAAA,YAAY,EAAEgF,6BAAS,CAACQ,MAbH;AAcrBvF,EAAAA,IAAI,EAAE+E,6BAAS,CAACS,UAAV,CAAqBC,0BAArB;AAde,CAAvB;;;;"}
1
+ {"version":3,"file":"DateInputs.js","sources":["../../../../src/DateInput/components/DateInputs.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable indent */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport Moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { usePrevious } from '@elliemae/ds-utilities';\nimport {\n formatMonth,\n formatDay,\n formatYear,\n getValidTimeNumber,\n setNativeValue,\n parseTimeNumberFromText,\n focusNextInput,\n focusPreviousInput,\n getDateValuesFromTime,\n getNextTimeValue,\n focusNextInputIfNeeded,\n commonInputProps,\n handleCompletedDate,\n triggerOnBlur,\n isTimeCompletelySet,\n} from './utils';\n\nconst blockName = 'input-date-group';\n\nconst InputTimesGroup = aggregatedClasses('div')(blockName);\nconst MonthInput = aggregatedClasses('input')(blockName, 'input input-month');\nconst DayInput = aggregatedClasses('input')(blockName, 'input input-day');\nconst YearInput = aggregatedClasses('input')(blockName, 'input input-year');\nconst Divider = aggregatedClasses('span')(blockName, 'divider', ({ value }) => ({\n value,\n}));\n\n// eslint-disable-next-line react/prop-types\nconst DateDivider = ({ content = ':', value = '' }) => <Divider value={!!value}>{content}</Divider>;\n\nconst DateInputs = ({\n innerRef,\n onBlur,\n onChange,\n onCustomKeyDown,\n onError,\n format = '',\n showMonth = true,\n showDay = true,\n showYear = true,\n step = 1,\n yearMaxRange,\n disabled,\n yearMinRange,\n time,\n // TODO remove and keep `true` behavior ( PUI-4141 )\n INTERNAL_V2_NO_MUTATION, // eslint-disable-line react/prop-types\n}) => {\n const [currentKey, setCurrentKey] = useState('ArrowUp');\n const [month, setMonth] = useState('');\n const [day, setDay] = useState('');\n const [year, setYear] = useState('');\n const prevTime = usePrevious(time);\n const prevFormat = usePrevious(format);\n\n let digits = 2;\n let placeholder = '';\n\n useEffect(() => {\n if (time) {\n const dateValues = getDateValuesFromTime(time, format);\n setMonth(dateValues.month);\n setDay(dateValues.day);\n setYear(dateValues.year);\n }\n }, [format, time]);\n\n useEffect(() => {\n if (!time && prevTime) {\n setMonth('');\n setDay('');\n setYear('');\n onChange('');\n }\n if (time && prevTime && time.format && time.format(format) !== prevTime.format(prevFormat)) {\n const dateValues = getDateValuesFromTime(time, format);\n\n setMonth(dateValues.month);\n setDay(dateValues.day);\n setYear(dateValues.year);\n }\n }, [time, prevTime, format, prevFormat, onChange]);\n\n const isCompletedDate = useCallback(\n () => isTimeCompletelySet({ year, month, day }, { showYear, showMonth, showDay }, { yearMinRange, yearMaxRange }),\n [day, month, showDay, showMonth, showYear, year, yearMaxRange, yearMinRange],\n );\n\n useEffect(() => {\n if (INTERNAL_V2_NO_MUTATION) {\n const dateValues = getDateValuesFromTime(time, format);\n\n if (dateValues.day !== day && isCompletedDate()) {\n onChange(\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n );\n } else if (dateValues.month !== month && isCompletedDate()) {\n onChange(\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n );\n } else if (dateValues.year !== year && isCompletedDate()) {\n onChange(\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n );\n }\n }\n }, [\n INTERNAL_V2_NO_MUTATION,\n day,\n format,\n isCompletedDate,\n month,\n onChange,\n showDay,\n showMonth,\n showYear,\n time,\n year,\n ]);\n\n const triggerChange = () =>\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION);\n\n const handleYearChange = (e) => {\n const { value } = e.target;\n const yearValue = parseTimeNumberFromText(value);\n const yearRange = { min: 1, max: 9999 };\n const nextYear = getValidTimeNumber(yearRange, yearValue, value, onError);\n\n setYear(formatYear(format, nextYear));\n if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n onChange(triggerChange());\n }\n focusNextInputIfNeeded(e.target, yearRange.max, nextYear, value, currentKey);\n };\n\n const handleMonthChange = (e) => {\n const { value } = e.target;\n const monthValue = parseTimeNumberFromText(value);\n const monthRange = { min: 1, max: 12 };\n const nextMonth = getValidTimeNumber(monthRange, monthValue, value, onError);\n setMonth(formatMonth(format, nextMonth));\n if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n onChange(triggerChange());\n }\n focusNextInputIfNeeded(e.target, monthRange.max, nextMonth, value, currentKey);\n };\n\n const handleDayChange = (e) => {\n const { value } = e.target;\n const dayValue = parseTimeNumberFromText(value);\n const dayRange = { min: 1, max: 31 };\n const nextDay = getValidTimeNumber(dayRange, dayValue, value, onError);\n setDay(formatDay(format, nextDay));\n if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n onChange(triggerChange());\n }\n if (value !== day) focusNextInputIfNeeded(e.target, dayRange.max, nextDay, value, currentKey);\n };\n\n // eslint-disable-next-line complexity\n const onKeyDown = (event, shouldIncrementDecrement = true) => {\n const { value, name } = event.target;\n const change = {\n day: (v) => handleDayChange({ target: { value: v } }),\n month: (v) => handleMonthChange({ target: { value: v } }),\n year: (v) => handleYearChange({ target: { value: v } }),\n };\n switch (event.key) {\n case 'ArrowLeft': {\n event.preventDefault();\n focusPreviousInput(event.target);\n break;\n }\n case 'ArrowUp': {\n if (shouldIncrementDecrement) {\n event.preventDefault();\n setCurrentKey(event.key);\n const incrementedValue = getNextTimeValue(value, name, yearMinRange, yearMaxRange, step, true);\n if (INTERNAL_V2_NO_MUTATION) {\n change[name](incrementedValue);\n } else {\n setNativeValue(event.target, incrementedValue);\n }\n }\n break;\n }\n case 'ArrowDown': {\n if (shouldIncrementDecrement) {\n event.preventDefault();\n setCurrentKey(event.key);\n const decrementedValue = getNextTimeValue(value, name, yearMinRange, yearMaxRange, step, false);\n if (INTERNAL_V2_NO_MUTATION) {\n change[name](decrementedValue);\n } else {\n setNativeValue(event.target, decrementedValue);\n }\n }\n break;\n }\n case 'ArrowRight': {\n event.preventDefault();\n focusNextInput(event.target);\n break;\n }\n case 'Backspace': {\n event.preventDefault();\n if (!value) {\n focusPreviousInput(event.target);\n } else {\n // eslint-disable-next-line no-lonely-if\n if (INTERNAL_V2_NO_MUTATION) {\n change[name]('');\n } else {\n setNativeValue(event.target, '');\n }\n }\n break;\n }\n case 'Enter': {\n if (onCustomKeyDown && isCompletedDate()) onCustomKeyDown(event, triggerChange());\n setCurrentKey(null);\n break;\n }\n default:\n if (onCustomKeyDown) onCustomKeyDown(event);\n setCurrentKey(null);\n }\n };\n\n const renderMonthInput = () => {\n if (!showMonth) return null;\n placeholder = 'MM';\n const onMonthInputBlur = (e) => {\n handleMonthChange(e);\n triggerOnBlur(e, onBlur);\n };\n return (\n <MonthInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autocomplete=\"off\"\n key=\"month-input\"\n data-testid=\"month\"\n disabled={disabled}\n name=\"month\"\n onBlur={onMonthInputBlur}\n onChange={handleMonthChange}\n value={month}\n />\n );\n };\n const renderDayInput = () => {\n if (!showDay) return null;\n placeholder = 'DD';\n const onDayInputBlur = (e) => {\n handleDayChange(e);\n triggerOnBlur(e, onBlur);\n };\n return (\n <DayInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autocomplete=\"off\"\n key=\"day-input\"\n data-testid=\"day\"\n disabled={disabled}\n name=\"day\"\n onBlur={onDayInputBlur}\n onChange={handleDayChange}\n value={day}\n />\n );\n };\n const renderYearInput = () => {\n if (!showYear) return null;\n placeholder = 'YY';\n digits = 4;\n const onYearInputBlur = (e) => {\n handleYearChange(e);\n triggerOnBlur(e, onBlur);\n };\n return (\n <YearInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autocomplete=\"off\"\n key=\"seconds-input\"\n data-testid=\"year\"\n disabled={disabled}\n name=\"year\"\n onBlur={onYearInputBlur}\n onChange={handleYearChange}\n value={year}\n />\n );\n };\n\n const renderDateInputs = () => {\n const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];\n const inputsWithDividers = inputs.reduce(\n (acc, input, index) =>\n input\n ? acc.concat([index ? <DateDivider key={index} content=\" / \" value={input.props.value} /> : null, input])\n : acc,\n [],\n );\n\n return [\n inputsWithDividers,\n React.createElement('span', { key: 'span' }), // hack for next/prev focus\n ];\n };\n\n return <InputTimesGroup innerRef={innerRef}>{renderDateInputs()}</InputTimesGroup>;\n};\n\nDateInputs.propTypes = {\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n onBlur: PropTypes.bool,\n onChange: PropTypes.func,\n onCustomKeyDown: PropTypes.func,\n onError: PropTypes.func,\n format: PropTypes.string,\n showMonth: PropTypes.bool,\n showDay: PropTypes.bool,\n showYear: PropTypes.bool,\n step: PropTypes.number,\n yearMaxRange: PropTypes.number,\n disabled: PropTypes.bool,\n yearMinRange: PropTypes.number,\n time: PropTypes.instanceOf(Moment),\n};\n\nexport default DateInputs;\n"],"names":["blockName","InputTimesGroup","aggregatedClasses","MonthInput","DayInput","YearInput","Divider","value","DateDivider","content","React","DateInputs","innerRef","onBlur","onChange","onCustomKeyDown","onError","format","showMonth","showDay","showYear","step","yearMaxRange","disabled","yearMinRange","time","INTERNAL_V2_NO_MUTATION","useState","currentKey","setCurrentKey","month","setMonth","day","setDay","year","setYear","prevTime","usePrevious","prevFormat","digits","placeholder","useEffect","dateValues","getDateValuesFromTime","isCompletedDate","useCallback","isTimeCompletelySet","handleCompletedDate","triggerChange","handleYearChange","e","target","yearValue","parseTimeNumberFromText","yearRange","min","max","nextYear","getValidTimeNumber","formatYear","focusNextInputIfNeeded","handleMonthChange","monthValue","monthRange","nextMonth","formatMonth","handleDayChange","dayValue","dayRange","nextDay","formatDay","onKeyDown","event","shouldIncrementDecrement","name","change","v","key","preventDefault","focusPreviousInput","incrementedValue","getNextTimeValue","setNativeValue","decrementedValue","focusNextInput","renderMonthInput","onMonthInputBlur","triggerOnBlur","commonInputProps","renderDayInput","onDayInputBlur","renderYearInput","onYearInputBlur","renderDateInputs","inputs","inputsWithDividers","reduce","acc","input","index","concat","props","createElement","propTypes","PropTypes","oneOfType","func","shape","current","any","bool","string","number","instanceOf","Moment"],"mappings":"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"}
@@ -41,7 +41,7 @@ var MultiMenuItem = function MultiMenuItem(props) {
41
41
  onMouseLeave: onMouseLeave,
42
42
  tabIndex: 0,
43
43
  role: "option",
44
- className: isFocus ? 'ds-list-item-active' : '',
44
+ className: isActive ? 'ds-list-item-active' : '',
45
45
  "aria-selected": isSelected
46
46
  }, /*#__PURE__*/React__default['default'].createElement(MenuItem_components_MultiMenuItem_styled.StyledItemContent, null, /*#__PURE__*/React__default['default'].createElement(dsControlledForm.DSControlledCheckbox, {
47
47
  disabled: disabled,
@@ -1 +1 @@
1
- {"version":3,"file":"MultiMenuItem.js","sources":["../../../../../src/MenuItem/components/MultiMenuItem/MultiMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { DSControlledCheckbox } from '@elliemae/ds-controlled-form';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledItemContent } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst MultiMenuItem = (props: MenuItemT): JSX.Element => {\n const {\n dsId,\n value,\n label,\n disabled,\n isSelected,\n isActive,\n onClick,\n isFocus,\n innerRef,\n onMouseEnter,\n onMouseLeave,\n onMouseDown,\n } = props;\n\n return (\n <StyledGlobalMenuItemWrapper\n id={dsId}\n isActive={isActive}\n isSelected={isSelected}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseDown={onMouseDown}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n tabIndex={0}\n role=\"option\"\n className={isFocus ? 'ds-list-item-active' : ''}\n aria-selected={isSelected}\n >\n <StyledItemContent>\n <DSControlledCheckbox\n disabled={disabled}\n checked={isSelected}\n onMouseDown={onMouseDown}\n name={value}\n ariaLabel={label}\n label={label}\n id={value}\n onChange={onClick}\n />\n </StyledItemContent>\n </StyledGlobalMenuItemWrapper>\n );\n};\n\nMultiMenuItem.propTypes = itemProps;\nMultiMenuItem.defaultProps = defaultProps;\nconst MultiMenuItemWithSchema = describe(MultiMenuItem);\nMultiMenuItemWithSchema.propTypes = itemProps;\n\nexport { MultiMenuItem, MultiMenuItemWithSchema };\n"],"names":["MultiMenuItem","props","dsId","value","label","disabled","isSelected","isActive","onClick","isFocus","innerRef","onMouseEnter","onMouseLeave","onMouseDown","React","StyledGlobalMenuItemWrapper","StyledItemContent","DSControlledCheckbox","propTypes","itemProps","defaultProps","MultiMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;IAOMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmC;AACvD,MACEC,IADF,GAaID,KAbJ,CACEC,IADF;AAAA,MAEEC,KAFF,GAaIF,KAbJ,CAEEE,KAFF;AAAA,MAGEC,KAHF,GAaIH,KAbJ,CAGEG,KAHF;AAAA,MAIEC,QAJF,GAaIJ,KAbJ,CAIEI,QAJF;AAAA,MAKEC,UALF,GAaIL,KAbJ,CAKEK,UALF;AAAA,MAMEC,QANF,GAaIN,KAbJ,CAMEM,QANF;AAAA,MAOEC,OAPF,GAaIP,KAbJ,CAOEO,OAPF;AAAA,MAQEC,OARF,GAaIR,KAbJ,CAQEQ,OARF;AAAA,MASEC,QATF,GAaIT,KAbJ,CASES,QATF;AAAA,MAUEC,YAVF,GAaIV,KAbJ,CAUEU,YAVF;AAAA,MAWEC,YAXF,GAaIX,KAbJ,CAWEW,YAXF;AAAA,MAYEC,WAZF,GAaIZ,KAbJ,CAYEY,WAZF;AAeA,sBACEC,wCAACC,sDAAD;AACE,IAAA,EAAE,EAAEb,IADN;AAEE,IAAA,QAAQ,EAAEK,QAFZ;AAGE,IAAA,UAAU,EAAED,UAHd;AAIE,IAAA,OAAO,EAAEG,OAJX;AAKE,IAAA,OAAO,EAAED,OALX;AAME,IAAA,GAAG,EAAEE,QANP;AAOE,IAAA,WAAW,EAAEG,WAPf;AAQE,IAAA,YAAY,EAAEF,YARhB;AASE,IAAA,YAAY,EAAEC,YAThB;AAUE,IAAA,QAAQ,EAAE,CAVZ;AAWE,IAAA,IAAI,EAAC,QAXP;AAYE,IAAA,SAAS,EAAEH,OAAO,GAAG,qBAAH,GAA2B,EAZ/C;AAaE,qBAAeH;AAbjB,kBAeEQ,wCAACE,0DAAD,qBACEF,wCAACG,qCAAD;AACE,IAAA,QAAQ,EAAEZ,QADZ;AAEE,IAAA,OAAO,EAAEC,UAFX;AAGE,IAAA,WAAW,EAAEO,WAHf;AAIE,IAAA,IAAI,EAAEV,KAJR;AAKE,IAAA,SAAS,EAAEC,KALb;AAME,IAAA,KAAK,EAAEA,KANT;AAOE,IAAA,EAAE,EAAED,KAPN;AAQE,IAAA,QAAQ,EAAEK;AARZ,IADF,CAfF,CADF;AA8BD;;AAEDR,aAAa,CAACkB,SAAd,GAA0BC,wBAA1B;AACAnB,aAAa,CAACoB,YAAd,GAA6BA,2BAA7B;IACMC,uBAAuB,GAAGC,kBAAQ,CAACtB,aAAD;AACxCqB,uBAAuB,CAACH,SAAxB,GAAoCC,wBAApC;;;;;"}
1
+ {"version":3,"file":"MultiMenuItem.js","sources":["../../../../../src/MenuItem/components/MultiMenuItem/MultiMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { DSControlledCheckbox } from '@elliemae/ds-controlled-form';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledItemContent } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst MultiMenuItem = (props: MenuItemT): JSX.Element => {\n const {\n dsId,\n value,\n label,\n disabled,\n isSelected,\n isActive,\n onClick,\n isFocus,\n innerRef,\n onMouseEnter,\n onMouseLeave,\n onMouseDown,\n } = props;\n\n return (\n <StyledGlobalMenuItemWrapper\n id={dsId}\n isActive={isActive}\n isSelected={isSelected}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseDown={onMouseDown}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n tabIndex={0}\n role=\"option\"\n className={isActive ? 'ds-list-item-active' : ''}\n aria-selected={isSelected}\n >\n <StyledItemContent>\n <DSControlledCheckbox\n disabled={disabled}\n checked={isSelected}\n onMouseDown={onMouseDown}\n name={value}\n ariaLabel={label}\n label={label}\n id={value}\n onChange={onClick}\n />\n </StyledItemContent>\n </StyledGlobalMenuItemWrapper>\n );\n};\n\nMultiMenuItem.propTypes = itemProps;\nMultiMenuItem.defaultProps = defaultProps;\nconst MultiMenuItemWithSchema = describe(MultiMenuItem);\nMultiMenuItemWithSchema.propTypes = itemProps;\n\nexport { MultiMenuItem, MultiMenuItemWithSchema };\n"],"names":["MultiMenuItem","props","dsId","value","label","disabled","isSelected","isActive","onClick","isFocus","innerRef","onMouseEnter","onMouseLeave","onMouseDown","React","StyledGlobalMenuItemWrapper","StyledItemContent","DSControlledCheckbox","propTypes","itemProps","defaultProps","MultiMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;IAOMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmC;AACvD,MACEC,IADF,GAaID,KAbJ,CACEC,IADF;AAAA,MAEEC,KAFF,GAaIF,KAbJ,CAEEE,KAFF;AAAA,MAGEC,KAHF,GAaIH,KAbJ,CAGEG,KAHF;AAAA,MAIEC,QAJF,GAaIJ,KAbJ,CAIEI,QAJF;AAAA,MAKEC,UALF,GAaIL,KAbJ,CAKEK,UALF;AAAA,MAMEC,QANF,GAaIN,KAbJ,CAMEM,QANF;AAAA,MAOEC,OAPF,GAaIP,KAbJ,CAOEO,OAPF;AAAA,MAQEC,OARF,GAaIR,KAbJ,CAQEQ,OARF;AAAA,MASEC,QATF,GAaIT,KAbJ,CASES,QATF;AAAA,MAUEC,YAVF,GAaIV,KAbJ,CAUEU,YAVF;AAAA,MAWEC,YAXF,GAaIX,KAbJ,CAWEW,YAXF;AAAA,MAYEC,WAZF,GAaIZ,KAbJ,CAYEY,WAZF;AAeA,sBACEC,wCAACC,sDAAD;AACE,IAAA,EAAE,EAAEb,IADN;AAEE,IAAA,QAAQ,EAAEK,QAFZ;AAGE,IAAA,UAAU,EAAED,UAHd;AAIE,IAAA,OAAO,EAAEG,OAJX;AAKE,IAAA,OAAO,EAAED,OALX;AAME,IAAA,GAAG,EAAEE,QANP;AAOE,IAAA,WAAW,EAAEG,WAPf;AAQE,IAAA,YAAY,EAAEF,YARhB;AASE,IAAA,YAAY,EAAEC,YAThB;AAUE,IAAA,QAAQ,EAAE,CAVZ;AAWE,IAAA,IAAI,EAAC,QAXP;AAYE,IAAA,SAAS,EAAEL,QAAQ,GAAG,qBAAH,GAA2B,EAZhD;AAaE,qBAAeD;AAbjB,kBAeEQ,wCAACE,0DAAD,qBACEF,wCAACG,qCAAD;AACE,IAAA,QAAQ,EAAEZ,QADZ;AAEE,IAAA,OAAO,EAAEC,UAFX;AAGE,IAAA,WAAW,EAAEO,WAHf;AAIE,IAAA,IAAI,EAAEV,KAJR;AAKE,IAAA,SAAS,EAAEC,KALb;AAME,IAAA,KAAK,EAAEA,KANT;AAOE,IAAA,EAAE,EAAED,KAPN;AAQE,IAAA,QAAQ,EAAEK;AARZ,IADF,CAfF,CADF;AA8BD;;AAEDR,aAAa,CAACkB,SAAd,GAA0BC,wBAA1B;AACAnB,aAAa,CAACoB,YAAd,GAA6BA,2BAA7B;IACMC,uBAAuB,GAAGC,kBAAQ,CAACtB,aAAD;AACxCqB,uBAAuB,CAACH,SAAxB,GAAoCC,wBAApC;;;;;"}
@@ -43,7 +43,7 @@ var SingleMenuItem = function SingleMenuItem(props) {
43
43
  onMouseDown: onMouseDown,
44
44
  onMouseEnter: onMouseEnter,
45
45
  onMouseLeave: onMouseLeave,
46
- className: isFocus ? 'ds-list-item-active' : ''
46
+ className: isActive ? 'ds-list-item-active' : ''
47
47
  }, /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
48
48
  cols: ['min-content', 'auto'],
49
49
  height: "16px",
@@ -1 +1 @@
1
- {"version":3,"file":"SingleMenuItem.js","sources":["../../../../../src/MenuItem/components/SingleMenuItem/SingleMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport Checkmark from '@elliemae/ds-icons/Checkmark';\nimport Grid from '@elliemae/ds-grid';\nimport { defaultProps, itemProps, MenuItemT } from '../../props';\nimport { StyledItemChecked, StyledItemLabel } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst SingleMenuItem = (props: MenuItemT): JSX.Element => {\n const { dsId, label, isSelected, onClick, isFocus, isActive, innerRef, onMouseDown, onMouseEnter, onMouseLeave } =\n props;\n return (\n <StyledGlobalMenuItemWrapper\n aria-selected={isSelected}\n id={dsId}\n role=\"option\"\n isActive={isActive}\n isSelected={isSelected}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseDown={onMouseDown}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={isFocus ? 'ds-list-item-active' : ''}\n >\n <Grid cols={['min-content', 'auto']} height=\"16px\" gutter=\"xxs\">\n <StyledItemChecked>{isSelected && <Checkmark size=\"s\" color={['brand-primary', '600']} />}</StyledItemChecked>\n <StyledItemLabel>\n <SimpleTruncatedTooltipText value={label} />\n </StyledItemLabel>\n </Grid>\n </StyledGlobalMenuItemWrapper>\n );\n};\n\nSingleMenuItem.propTypes = itemProps;\nSingleMenuItem.defaultProps = defaultProps;\nconst SingleMenuItemWithSchema = describe(SingleMenuItem);\nSingleMenuItemWithSchema.propTypes = itemProps;\n\nexport { SingleMenuItem };\n"],"names":["SingleMenuItem","props","dsId","label","isSelected","onClick","isFocus","isActive","innerRef","onMouseDown","onMouseEnter","onMouseLeave","React","StyledGlobalMenuItemWrapper","Grid","StyledItemChecked","Checkmark","StyledItemLabel","SimpleTruncatedTooltipText","propTypes","itemProps","defaultProps","SingleMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IASMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAmC;AACxD,MAAQC,IAAR,GACED,KADF,CAAQC,IAAR;AAAA,MAAcC,KAAd,GACEF,KADF,CAAcE,KAAd;AAAA,MAAqBC,UAArB,GACEH,KADF,CAAqBG,UAArB;AAAA,MAAiCC,OAAjC,GACEJ,KADF,CAAiCI,OAAjC;AAAA,MAA0CC,OAA1C,GACEL,KADF,CAA0CK,OAA1C;AAAA,MAAmDC,QAAnD,GACEN,KADF,CAAmDM,QAAnD;AAAA,MAA6DC,QAA7D,GACEP,KADF,CAA6DO,QAA7D;AAAA,MAAuEC,WAAvE,GACER,KADF,CAAuEQ,WAAvE;AAAA,MAAoFC,YAApF,GACET,KADF,CAAoFS,YAApF;AAAA,MAAkGC,YAAlG,GACEV,KADF,CAAkGU,YAAlG;AAEA,sBACEC,wCAACC,sDAAD;AACE,qBAAeT,UADjB;AAEE,IAAA,EAAE,EAAEF,IAFN;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,QAAQ,EAAEK,QAJZ;AAKE,IAAA,UAAU,EAAEH,UALd;AAME,IAAA,OAAO,EAAEE,OANX;AAOE,IAAA,OAAO,EAAED,OAPX;AAQE,IAAA,GAAG,EAAEG,QARP;AASE,IAAA,WAAW,EAAEC,WATf;AAUE,IAAA,YAAY,EAAEC,YAVhB;AAWE,IAAA,YAAY,EAAEC,YAXhB;AAYE,IAAA,SAAS,EAAEL,OAAO,GAAG,qBAAH,GAA2B;AAZ/C,kBAcEM,wCAACE,wBAAD;AAAM,IAAA,IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,CAAZ;AAAqC,IAAA,MAAM,EAAC,MAA5C;AAAmD,IAAA,MAAM,EAAC;AAA1D,kBACEF,wCAACG,2DAAD,QAAoBX,UAAU,iBAAIQ,wCAACI,6BAAD;AAAW,IAAA,IAAI,EAAC,GAAhB;AAAoB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAA3B,IAAlC,CADF,eAEEJ,wCAACK,yDAAD,qBACEL,wCAACM,iDAAD;AAA4B,IAAA,KAAK,EAAEf;AAAnC,IADF,CAFF,CAdF,CADF;AAuBD;;AAEDH,cAAc,CAACmB,SAAf,GAA2BC,wBAA3B;AACApB,cAAc,CAACqB,YAAf,GAA8BA,2BAA9B;AACA,IAAMC,wBAAwB,GAAGC,kBAAQ,CAACvB,cAAD,CAAzC;AACAsB,wBAAwB,CAACH,SAAzB,GAAqCC,wBAArC;;;;"}
1
+ {"version":3,"file":"SingleMenuItem.js","sources":["../../../../../src/MenuItem/components/SingleMenuItem/SingleMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport Checkmark from '@elliemae/ds-icons/Checkmark';\nimport Grid from '@elliemae/ds-grid';\nimport { defaultProps, itemProps, MenuItemT } from '../../props';\nimport { StyledItemChecked, StyledItemLabel } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst SingleMenuItem = (props: MenuItemT): JSX.Element => {\n const { dsId, label, isSelected, onClick, isFocus, isActive, innerRef, onMouseDown, onMouseEnter, onMouseLeave } =\n props;\n return (\n <StyledGlobalMenuItemWrapper\n aria-selected={isSelected}\n id={dsId}\n role=\"option\"\n isActive={isActive}\n isSelected={isSelected}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseDown={onMouseDown}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={isActive ? 'ds-list-item-active' : ''}\n >\n <Grid cols={['min-content', 'auto']} height=\"16px\" gutter=\"xxs\">\n <StyledItemChecked>{isSelected && <Checkmark size=\"s\" color={['brand-primary', '600']} />}</StyledItemChecked>\n <StyledItemLabel>\n <SimpleTruncatedTooltipText value={label} />\n </StyledItemLabel>\n </Grid>\n </StyledGlobalMenuItemWrapper>\n );\n};\n\nSingleMenuItem.propTypes = itemProps;\nSingleMenuItem.defaultProps = defaultProps;\nconst SingleMenuItemWithSchema = describe(SingleMenuItem);\nSingleMenuItemWithSchema.propTypes = itemProps;\n\nexport { SingleMenuItem };\n"],"names":["SingleMenuItem","props","dsId","label","isSelected","onClick","isFocus","isActive","innerRef","onMouseDown","onMouseEnter","onMouseLeave","React","StyledGlobalMenuItemWrapper","Grid","StyledItemChecked","Checkmark","StyledItemLabel","SimpleTruncatedTooltipText","propTypes","itemProps","defaultProps","SingleMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IASMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAmC;AACxD,MAAQC,IAAR,GACED,KADF,CAAQC,IAAR;AAAA,MAAcC,KAAd,GACEF,KADF,CAAcE,KAAd;AAAA,MAAqBC,UAArB,GACEH,KADF,CAAqBG,UAArB;AAAA,MAAiCC,OAAjC,GACEJ,KADF,CAAiCI,OAAjC;AAAA,MAA0CC,OAA1C,GACEL,KADF,CAA0CK,OAA1C;AAAA,MAAmDC,QAAnD,GACEN,KADF,CAAmDM,QAAnD;AAAA,MAA6DC,QAA7D,GACEP,KADF,CAA6DO,QAA7D;AAAA,MAAuEC,WAAvE,GACER,KADF,CAAuEQ,WAAvE;AAAA,MAAoFC,YAApF,GACET,KADF,CAAoFS,YAApF;AAAA,MAAkGC,YAAlG,GACEV,KADF,CAAkGU,YAAlG;AAEA,sBACEC,wCAACC,sDAAD;AACE,qBAAeT,UADjB;AAEE,IAAA,EAAE,EAAEF,IAFN;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,QAAQ,EAAEK,QAJZ;AAKE,IAAA,UAAU,EAAEH,UALd;AAME,IAAA,OAAO,EAAEE,OANX;AAOE,IAAA,OAAO,EAAED,OAPX;AAQE,IAAA,GAAG,EAAEG,QARP;AASE,IAAA,WAAW,EAAEC,WATf;AAUE,IAAA,YAAY,EAAEC,YAVhB;AAWE,IAAA,YAAY,EAAEC,YAXhB;AAYE,IAAA,SAAS,EAAEJ,QAAQ,GAAG,qBAAH,GAA2B;AAZhD,kBAcEK,wCAACE,wBAAD;AAAM,IAAA,IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,CAAZ;AAAqC,IAAA,MAAM,EAAC,MAA5C;AAAmD,IAAA,MAAM,EAAC;AAA1D,kBACEF,wCAACG,2DAAD,QAAoBX,UAAU,iBAAIQ,wCAACI,6BAAD;AAAW,IAAA,IAAI,EAAC,GAAhB;AAAoB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAA3B,IAAlC,CADF,eAEEJ,wCAACK,yDAAD,qBACEL,wCAACM,iDAAD;AAA4B,IAAA,KAAK,EAAEf;AAAnC,IADF,CAFF,CAdF,CADF;AAuBD;;AAEDH,cAAc,CAACmB,SAAf,GAA2BC,wBAA3B;AACApB,cAAc,CAACqB,YAAf,GAA8BA,2BAA9B;AACA,IAAMC,wBAAwB,GAAGC,kBAAQ,CAACvB,cAAD,CAAzC;AACAsB,wBAAwB,CAACH,SAAzB,GAAqCC,wBAArC;;;;"}
package/cjs/index.js CHANGED
@@ -261,7 +261,7 @@ exports.DSInputGroup = InputGroup_DSInputGroup['default'];
261
261
  exports.DSInputGroupWithSchema = InputGroup_DSInputGroup.DSInputGroupWithSchema;
262
262
  exports.DSInputMask = InputMask_DSInputMask.DSInputMask;
263
263
  exports.DSInputMaskWithSchema = InputMask_DSInputMask.DSInputMaskWithSchema;
264
- exports.DSInputProtected = InputMask_DSInputMask.DSInputMask;
264
+ exports.DSInputProtected = InputProtected_DSInputProtected.DSInputProtected;
265
265
  exports.DSInputProtectedWithSchema = InputProtected_DSInputProtected.DSInputProtectedWithSchema;
266
266
  exports.LEFT_ADDON_OPTIONS = InputProtected_options.LEFT_ADDON_OPTIONS;
267
267
  exports.RIGHT_ADDON_OPTIONS = InputProtected_options.RIGHT_ADDON_OPTIONS;
@@ -1 +1 @@
1
- {"version":3,"file":"Container.js","sources":["../../../../../../src/ComboBox/v3/parts/container/Container.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useCallback, useContext } from 'react';\n\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { StyledContainerWithPopper, StyledContainerInline, StyledPopperWrapper } from './styled';\nimport { Controls } from '../controls';\nimport { MenuList } from '../menu-list';\nconst Container = (): JSX.Element => {\n const {\n props: { inline },\n showPopover,\n inputRef,\n setReferenceElement,\n setShowPopover,\n referenceElement,\n } = useContext(ComboBoxContext);\n\n const handleCloseMenu = useCallback(() => {\n setShowPopover(false);\n inputRef.current.blur();\n }, [inputRef, setShowPopover]);\n\n const StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;\n return (\n <>\n <StyledContainer ref={setReferenceElement}>\n <Controls />\n {inline ? <MenuList /> : null}\n </StyledContainer>\n {!inline ? (\n <DSPopperJS\n customOffset={[0, 5]}\n closeContextMenu={handleCloseMenu}\n referenceElement={referenceElement}\n showPopover={showPopover}\n withoutPortal\n withoutArrow\n zIndex={10}\n >\n <StyledPopperWrapper tabIndex={-1}>\n <MenuList />\n </StyledPopperWrapper>\n </DSPopperJS>\n ) : null}\n </>\n );\n};\n\nexport { Container };\n"],"names":["Container","useContext","ComboBoxContext","inline","props","showPopover","inputRef","setReferenceElement","setShowPopover","referenceElement","handleCloseMenu","useCallback","current","blur","StyledContainer","StyledContainerInline","StyledContainerWithPopper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;IAQMA,SAAS,GAAG,SAAZA,SAAY,GAAmB;AACnC,oBAOIC,UAAU,CAACC,eAAD,CAPd;AAAA,MACWC,MADX,eACEC,KADF,CACWD,MADX;AAAA,MAEEE,WAFF,eAEEA,WAFF;AAAA,MAGEC,QAHF,eAGEA,QAHF;AAAA,MAIEC,mBAJF,eAIEA,mBAJF;AAAA,MAKEC,cALF,eAKEA,cALF;AAAA,MAMEC,gBANF,eAMEA,gBANF;;AASA,MAAMC,eAAe,GAAGC,WAAW,CAAC,YAAM;AACxCH,IAAAA,cAAc,CAAC,KAAD,CAAd;AACAF,IAAAA,QAAQ,CAACM,OAAT,CAAiBC,IAAjB;AACD,GAHkC,EAGhC,CAACP,QAAD,EAAWE,cAAX,CAHgC,CAAnC;AAKA,MAAMM,eAAe,GAAGX,MAAM,GAAGY,qBAAH,GAA2BC,yBAAzD;AACA,sBACE,uDACE,oBAAC,eAAD;AAAiB,IAAA,GAAG,EAAET;AAAtB,kBACE,oBAAC,QAAD,OADF,EAEGJ,MAAM,gBAAG,oBAAC,QAAD,OAAH,GAAkB,IAF3B,CADF,EAKG,CAACA,MAAD,gBACC,oBAAC,UAAD;AACE,IAAA,YAAY,EAAE,CAAC,CAAD,EAAI,CAAJ,CADhB;AAEE,IAAA,gBAAgB,EAAEO,eAFpB;AAGE,IAAA,gBAAgB,EAAED,gBAHpB;AAIE,IAAA,WAAW,EAAEJ,WAJf;AAKE,IAAA,aAAa,MALf;AAME,IAAA,YAAY,MANd;AAOE,IAAA,MAAM,EAAE;AAPV,kBASE,oBAAC,mBAAD;AAAqB,IAAA,QAAQ,EAAE,CAAC;AAAhC,kBACE,oBAAC,QAAD,OADF,CATF,CADD,GAcG,IAnBN,CADF;AAuBD;;;;"}
1
+ {"version":3,"file":"Container.js","sources":["../../../../../../src/ComboBox/v3/parts/container/Container.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useCallback, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { StyledContainerWithPopper, StyledContainerInline, StyledPopperWrapper } from './styled';\nimport { Controls } from '../controls';\nimport { MenuList } from '../menu-list';\nconst Container = (): JSX.Element => {\n const {\n props: { inline },\n showPopover,\n inputRef,\n setReferenceElement,\n setShowPopover,\n referenceElement,\n } = useContext(ComboBoxContext);\n\n const handleCloseMenu = useCallback(() => {\n setShowPopover(false);\n inputRef.current.blur();\n }, [inputRef, setShowPopover]);\n\n const StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;\n return (\n <>\n <StyledContainer ref={setReferenceElement}>\n <Controls />\n {inline ? <MenuList /> : null}\n </StyledContainer>\n {!inline ? (\n <DSPopperJS\n customOffset={[0, 5]}\n closeContextMenu={handleCloseMenu}\n referenceElement={referenceElement}\n showPopover={showPopover}\n withoutPortal\n withoutArrow\n zIndex={10}\n >\n <StyledPopperWrapper tabIndex={-1}>\n <MenuList />\n </StyledPopperWrapper>\n </DSPopperJS>\n ) : null}\n </>\n );\n};\n\nexport { Container };\n"],"names":["Container","useContext","ComboBoxContext","inline","props","showPopover","inputRef","setReferenceElement","setShowPopover","referenceElement","handleCloseMenu","useCallback","current","blur","StyledContainer","StyledContainerInline","StyledContainerWithPopper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;IAOMA,SAAS,GAAG,SAAZA,SAAY,GAAmB;AACnC,oBAOIC,UAAU,CAACC,eAAD,CAPd;AAAA,MACWC,MADX,eACEC,KADF,CACWD,MADX;AAAA,MAEEE,WAFF,eAEEA,WAFF;AAAA,MAGEC,QAHF,eAGEA,QAHF;AAAA,MAIEC,mBAJF,eAIEA,mBAJF;AAAA,MAKEC,cALF,eAKEA,cALF;AAAA,MAMEC,gBANF,eAMEA,gBANF;;AASA,MAAMC,eAAe,GAAGC,WAAW,CAAC,YAAM;AACxCH,IAAAA,cAAc,CAAC,KAAD,CAAd;AACAF,IAAAA,QAAQ,CAACM,OAAT,CAAiBC,IAAjB;AACD,GAHkC,EAGhC,CAACP,QAAD,EAAWE,cAAX,CAHgC,CAAnC;AAKA,MAAMM,eAAe,GAAGX,MAAM,GAAGY,qBAAH,GAA2BC,yBAAzD;AACA,sBACE,uDACE,oBAAC,eAAD;AAAiB,IAAA,GAAG,EAAET;AAAtB,kBACE,oBAAC,QAAD,OADF,EAEGJ,MAAM,gBAAG,oBAAC,QAAD,OAAH,GAAkB,IAF3B,CADF,EAKG,CAACA,MAAD,gBACC,oBAAC,UAAD;AACE,IAAA,YAAY,EAAE,CAAC,CAAD,EAAI,CAAJ,CADhB;AAEE,IAAA,gBAAgB,EAAEO,eAFpB;AAGE,IAAA,gBAAgB,EAAED,gBAHpB;AAIE,IAAA,WAAW,EAAEJ,WAJf;AAKE,IAAA,aAAa,MALf;AAME,IAAA,YAAY,MANd;AAOE,IAAA,MAAM,EAAE;AAPV,kBASE,oBAAC,mBAAD;AAAqB,IAAA,QAAQ,EAAE,CAAC;AAAhC,kBACE,oBAAC,QAAD,OADF,CATF,CADD,GAcG,IAnBN,CADF;AAuBD;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useControlsInput.js","sources":["../../../../../../src/ComboBox/v3/parts/controls-input/useControlsInput.tsx"],"sourcesContent":["import { useContext, useEffect, useMemo, useRef, useCallback, useState } from 'react';\n\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { getOptions, isSelectedValueEmpty } from '../../utils/listHelper';\n\ninterface useControlsInputT {\n handleOnFocus: () => void;\n handleOnBlur: () => void;\n handleOnChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n showPlaceholder?: string;\n focusOptionValue: string;\n spanReferenceText: string;\n width: number;\n span: React.Ref<HTMLSpanElement>;\n}\nconst useControlsInput = (): useControlsInputT => {\n const {\n props: { selectedValues, placeholder, options, onFilter },\n setShowPopover,\n\n inputRef,\n listRef,\n focusOptionIdx,\n setHasFocus,\n setShowSelectedValue,\n setCurrentOption,\n } = useContext(ComboBoxContext);\n\n const [width, setWidth] = useState();\n const span = useRef(null);\n const selectableOptions = getOptions(options);\n\n const focusOptionValue = selectableOptions[focusOptionIdx]\n ? selectableOptions[focusOptionIdx].value\n : 'id-no-results';\n\n useEffect(() => {\n setWidth(span.current?.offsetWidth || 1);\n }, [inputRef.current?.value]);\n\n useEffect(() => {\n setShowSelectedValue(true);\n }, [selectedValues, setShowSelectedValue]);\n\n // When writting open popover\n // and refresh selected values and update filter outside value.\n const handleOnChange = useCallback(\n (e) => {\n if (e.target.value) setShowSelectedValue(false);\n setShowPopover(true);\n onFilter(e.target.value);\n setCurrentOption(0);\n },\n [onFilter, setShowPopover, setShowSelectedValue, setCurrentOption],\n );\n\n const handleOnBlur = useCallback(() => {\n setTimeout(() => {\n if (!listRef?.current?.contains(document.activeElement)) {\n setShowPopover(false);\n }\n setHasFocus(false);\n setShowSelectedValue(true);\n onFilter('');\n inputRef.current.value = '';\n setCurrentOption(-1);\n }, 10);\n }, [setHasFocus, setCurrentOption, listRef, onFilter, inputRef, setShowPopover, setShowSelectedValue]);\n\n const handleOnFocus = useCallback(() => {\n setHasFocus(true);\n setShowPopover(true);\n setCurrentOption(0);\n }, [setHasFocus, setCurrentOption, setShowPopover]);\n\n const showPlaceholder = !inputRef.current?.value && isSelectedValueEmpty(selectedValues) ? placeholder : null;\n const spanReferenceText = inputRef.current?.value.replace(/\\s/g, '\\u00a0');\n\n return useMemo(\n () => ({\n handleOnFocus,\n handleOnBlur,\n handleOnChange,\n showPlaceholder,\n focusOptionValue,\n spanReferenceText,\n width,\n span,\n }),\n [handleOnFocus, handleOnBlur, handleOnChange, focusOptionValue, spanReferenceText, showPlaceholder, width, span],\n );\n};\n\nexport { useControlsInput };\n"],"names":["useControlsInput","useContext","ComboBoxContext","props","selectedValues","placeholder","options","onFilter","setShowPopover","inputRef","listRef","focusOptionIdx","setHasFocus","setShowSelectedValue","setCurrentOption","useState","width","setWidth","span","useRef","selectableOptions","getOptions","focusOptionValue","value","useEffect","current","offsetWidth","handleOnChange","useCallback","e","target","handleOnBlur","setTimeout","contains","document","activeElement","handleOnFocus","showPlaceholder","isSelectedValueEmpty","spanReferenceText","replace","useMemo"],"mappings":"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"}
1
+ {"version":3,"file":"useControlsInput.js","sources":["../../../../../../src/ComboBox/v3/parts/controls-input/useControlsInput.tsx"],"sourcesContent":["import { useContext, useEffect, useMemo, useRef, useCallback, useState } from 'react';\n\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { getOptions, isSelectedValueEmpty } from '../../utils/listHelper';\n\ninterface useControlsInputT {\n handleOnFocus: () => void;\n handleOnBlur: () => void;\n handleOnChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n showPlaceholder?: string;\n focusOptionValue: string;\n spanReferenceText: string;\n width: number;\n span: React.Ref<HTMLSpanElement>;\n}\nconst useControlsInput = (): useControlsInputT => {\n const {\n props: { selectedValues, placeholder, options, onFilter },\n setShowPopover,\n\n inputRef,\n listRef,\n focusOptionIdx,\n setHasFocus,\n setShowSelectedValue,\n setCurrentOption,\n } = useContext(ComboBoxContext);\n\n const [width, setWidth] = useState();\n const span = useRef(null);\n const selectableOptions = getOptions(options);\n\n const focusOptionValue = selectableOptions[focusOptionIdx]\n ? selectableOptions[focusOptionIdx].value\n : 'id-no-results';\n\n useEffect(() => {\n setWidth(span.current?.offsetWidth || 1);\n }, [inputRef.current?.value]);\n\n useEffect(() => {\n setShowSelectedValue(true);\n }, [selectedValues, setShowSelectedValue]);\n\n // When writting open popover\n // and refresh selected values and update filter outside value.\n const handleOnChange = useCallback(\n (e) => {\n if (e.target.value) setShowSelectedValue(false);\n setShowPopover(true);\n onFilter(e.target.value);\n setCurrentOption(0);\n },\n [onFilter, setShowPopover, setShowSelectedValue, setCurrentOption],\n );\n\n const handleOnBlur = useCallback(() => {\n setTimeout(() => {\n if (!listRef?.current?.contains(document.activeElement)) {\n setShowPopover(false);\n }\n setHasFocus(false);\n setShowSelectedValue(true);\n console.log('holis');\n onFilter('');\n inputRef.current.value = '';\n setCurrentOption(-1);\n }, 10);\n }, [setHasFocus, setCurrentOption, listRef, onFilter, inputRef, setShowPopover, setShowSelectedValue]);\n\n const handleOnFocus = useCallback(() => {\n setHasFocus(true);\n setShowPopover(true);\n setCurrentOption(0);\n }, [setHasFocus, setCurrentOption, setShowPopover]);\n\n const showPlaceholder = !inputRef.current?.value && isSelectedValueEmpty(selectedValues) ? placeholder : null;\n const spanReferenceText = inputRef.current?.value.replace(/\\s/g, '\\u00a0');\n\n return useMemo(\n () => ({\n handleOnFocus,\n handleOnBlur,\n handleOnChange,\n showPlaceholder,\n focusOptionValue,\n spanReferenceText,\n width,\n span,\n }),\n [handleOnFocus, handleOnBlur, handleOnChange, focusOptionValue, spanReferenceText, showPlaceholder, width, span],\n );\n};\n\nexport { useControlsInput };\n"],"names":["useControlsInput","useContext","ComboBoxContext","props","selectedValues","placeholder","options","onFilter","setShowPopover","inputRef","listRef","focusOptionIdx","setHasFocus","setShowSelectedValue","setCurrentOption","useState","width","setWidth","span","useRef","selectableOptions","getOptions","focusOptionValue","value","useEffect","current","offsetWidth","handleOnChange","useCallback","e","target","handleOnBlur","setTimeout","contains","document","activeElement","handleOnFocus","showPlaceholder","isSelectedValueEmpty","spanReferenceText","replace","useMemo"],"mappings":"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"}
@@ -2,7 +2,7 @@ import styled from 'styled-components';
2
2
 
3
3
  var StyledNoResultsWrapper = /*#__PURE__*/styled.div.withConfig({
4
4
  componentId: "sc-o4fon6-0"
5
- })(["padding:10px;"]);
5
+ })(["padding:16px;"]);
6
6
  var StyledNoResults = /*#__PURE__*/styled.span.withConfig({
7
7
  componentId: "sc-o4fon6-1"
8
8
  })([""]);
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../../src/ComboBox/v3/parts/empty-state/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledNoResultsWrapper = styled.div`\n padding: 10px;\n`;\n\nexport const StyledNoResults = styled.span``;\n"],"names":["StyledNoResultsWrapper","styled","div","StyledNoResults","span"],"mappings":";;IAEaA,sBAAsB,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;IAItBC,eAAe,gBAAGF,MAAM,CAACG,IAAV;AAAA;AAAA;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../../../src/ComboBox/v3/parts/empty-state/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledNoResultsWrapper = styled.div`\n padding: 16px;\n`;\n\nexport const StyledNoResults = styled.span``;\n"],"names":["StyledNoResultsWrapper","styled","div","StyledNoResults","span"],"mappings":";;IAEaA,sBAAsB,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;IAItBC,eAAe,gBAAGF,MAAM,CAACG,IAAV;AAAA;AAAA;;;;"}
@@ -110,7 +110,7 @@ var useKeyboardNavigation = function useKeyboardNavigation() {
110
110
  // =============================================================================
111
111
 
112
112
 
113
- if (e.key === 'Backspace' && targetElement.value.length <= 1) {
113
+ if (e.key === 'Backspace' && targetElement.value.length <= 0 && !inline) {
114
114
  if (multiple && !targetElement.value) {
115
115
  var multiSelectedValues = selectedValues;
116
116
  if (multiSelectedValues.length > 0) onChange(multiSelectedValues[multiSelectedValues.length - 1]);
@@ -1 +1 @@
1
- {"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../../../src/ComboBox/v3/utils/hooks/useKeyboardNavigation.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable max-depth */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport { useCallback, useEffect, useContext } from 'react';\nimport { CBOptionT } from '../../index.d';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { getOptions } from '../listHelper';\nexport const useKeyboardNavigation = (): React.KeyboardEventHandler => {\n const {\n props: { inline, onChange, onCreate, options, selectedValues, onFilter },\n setShowPopover,\n showPopover,\n setShowSelectedValue,\n focusOptionIdx,\n inputRef,\n setCurrentOption,\n } = useContext(ComboBoxContext);\n\n const multiple = Array.isArray(selectedValues);\n const selectableOptions = getOptions(options);\n const lastOption = selectableOptions.length - 1;\n const focusOption = selectableOptions[focusOptionIdx];\n\n useEffect(() => {\n if (focusOptionIdx >= 0) {\n document.querySelector('.ds-list-item-active')?.scrollIntoView(false);\n }\n }, [focusOptionIdx]);\n\n const selectOption = useCallback(() => {\n if (multiple) {\n onFilter(inputRef.current.value);\n } else {\n onFilter('');\n inputRef.current.value = '';\n setShowSelectedValue(true);\n }\n onChange(focusOption);\n setShowPopover(multiple ? true : !showPopover);\n }, [multiple, setShowPopover, showPopover, focusOption, onFilter, inputRef, setShowSelectedValue, onChange]);\n\n const onInputKeyDown = useCallback(\n (e) => {\n const targetElement = e.target as HTMLInputElement;\n // =============================================================================\n // ENTER KEY TO CREATE ELEMENTS\n // =============================================================================\n if (e.key === 'Enter' && onCreate && !selectableOptions.length) {\n onCreate(targetElement.value);\n onFilter('');\n inputRef.current.value = '';\n return;\n }\n // =============================================================================\n // ENTER AND SPACE KEY SELECT OPTIONS AND OPEN CLOSE THE POPOVER\n // =============================================================================\n if ((e.keyCode === 32 && targetElement.value === '') || e.key === 'Enter') {\n e.preventDefault();\n if (!showPopover) {\n setShowPopover(true);\n } else {\n selectOption();\n }\n }\n\n // =============================================================================\n // CTRL + ENTER + MULTIPLE: SELECT AND CLOSE MENU\n // =============================================================================\n if (e.key === 'Enter' && e.ctrlKey && multiple) {\n setShowPopover(false);\n }\n // =============================================================================\n // ARROWS UP AND DOWN\n // =============================================================================\n if (e.key === 'ArrowDown') {\n if (showPopover || inline) {\n setCurrentOption((prevState) => (prevState === lastOption ? 0 : focusOptionIdx + 1));\n } else {\n setShowPopover(true);\n setCurrentOption(0);\n }\n }\n if (e.key === 'ArrowUp') {\n if (showPopover || inline) {\n setCurrentOption((prevState) => (prevState === 0 ? lastOption : focusOptionIdx - 1));\n } else {\n setShowPopover(true);\n setCurrentOption(lastOption);\n }\n }\n // =============================================================================\n // ESCAPE\n // =============================================================================\n if (e.key === 'Escape' && !inline) {\n setCurrentOption(0);\n setShowPopover(false);\n }\n // =============================================================================\n // BACKSPACE\n // =============================================================================\n if (e.key === 'Backspace' && targetElement.value.length <= 1) {\n if (multiple && !targetElement.value) {\n const multiSelectedValues = selectedValues as CBOptionT[];\n if (multiSelectedValues.length > 0) onChange(multiSelectedValues[multiSelectedValues.length - 1]);\n } else {\n onChange(null);\n }\n onFilter('');\n setShowSelectedValue(true);\n }\n // =============================================================================\n // SHIFT + TAB ON SINGLE SELECT: SELECT AND RETURN TO INPUT\n // =============================================================================\n if (e.key === 'Tab' && e.shiftKey && !multiple && showPopover) {\n selectOption();\n e.preventDefault();\n }\n // =============================================================================\n // TAB + SINGLE SELECT\n // =============================================================================\n if (e.key === 'Tab' && showPopover && !multiple) {\n selectOption();\n setShowPopover(false);\n }\n\n if (e.key === 'Tab' && inline) {\n e.preventDefault();\n }\n },\n [\n focusOptionIdx,\n selectableOptions,\n inputRef,\n lastOption,\n multiple,\n showPopover,\n selectedValues,\n inline,\n onChange,\n onCreate,\n onFilter,\n setCurrentOption,\n setShowPopover,\n setShowSelectedValue,\n selectOption,\n ],\n );\n\n return onInputKeyDown;\n};\n"],"names":["useKeyboardNavigation","useContext","ComboBoxContext","props","inline","onChange","onCreate","options","selectedValues","onFilter","setShowPopover","showPopover","setShowSelectedValue","focusOptionIdx","inputRef","setCurrentOption","multiple","Array","isArray","selectableOptions","getOptions","lastOption","length","focusOption","useEffect","document","querySelector","scrollIntoView","selectOption","useCallback","current","value","onInputKeyDown","e","targetElement","target","key","keyCode","preventDefault","ctrlKey","prevState","multiSelectedValues","shiftKey"],"mappings":"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"}
1
+ {"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../../../src/ComboBox/v3/utils/hooks/useKeyboardNavigation.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable max-depth */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport { useCallback, useEffect, useContext } from 'react';\nimport { CBOptionT } from '../../index.d';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { getOptions } from '../listHelper';\nexport const useKeyboardNavigation = (): React.KeyboardEventHandler => {\n const {\n props: { inline, onChange, onCreate, options, selectedValues, onFilter },\n setShowPopover,\n showPopover,\n setShowSelectedValue,\n focusOptionIdx,\n inputRef,\n setCurrentOption,\n } = useContext(ComboBoxContext);\n\n const multiple = Array.isArray(selectedValues);\n const selectableOptions = getOptions(options);\n const lastOption = selectableOptions.length - 1;\n const focusOption = selectableOptions[focusOptionIdx];\n\n useEffect(() => {\n if (focusOptionIdx >= 0) {\n document.querySelector('.ds-list-item-active')?.scrollIntoView(false);\n }\n }, [focusOptionIdx]);\n\n const selectOption = useCallback(() => {\n if (multiple) {\n onFilter(inputRef.current.value);\n } else {\n onFilter('');\n inputRef.current.value = '';\n setShowSelectedValue(true);\n }\n onChange(focusOption);\n setShowPopover(multiple ? true : !showPopover);\n }, [multiple, setShowPopover, showPopover, focusOption, onFilter, inputRef, setShowSelectedValue, onChange]);\n\n const onInputKeyDown = useCallback(\n (e) => {\n const targetElement = e.target as HTMLInputElement;\n // =============================================================================\n // ENTER KEY TO CREATE ELEMENTS\n // =============================================================================\n if (e.key === 'Enter' && onCreate && !selectableOptions.length) {\n onCreate(targetElement.value);\n onFilter('');\n inputRef.current.value = '';\n return;\n }\n // =============================================================================\n // ENTER AND SPACE KEY SELECT OPTIONS AND OPEN CLOSE THE POPOVER\n // =============================================================================\n if ((e.keyCode === 32 && targetElement.value === '') || e.key === 'Enter') {\n e.preventDefault();\n if (!showPopover) {\n setShowPopover(true);\n } else {\n selectOption();\n }\n }\n\n // =============================================================================\n // CTRL + ENTER + MULTIPLE: SELECT AND CLOSE MENU\n // =============================================================================\n if (e.key === 'Enter' && e.ctrlKey && multiple) {\n setShowPopover(false);\n }\n // =============================================================================\n // ARROWS UP AND DOWN\n // =============================================================================\n if (e.key === 'ArrowDown') {\n if (showPopover || inline) {\n setCurrentOption((prevState) => (prevState === lastOption ? 0 : focusOptionIdx + 1));\n } else {\n setShowPopover(true);\n setCurrentOption(0);\n }\n }\n if (e.key === 'ArrowUp') {\n if (showPopover || inline) {\n setCurrentOption((prevState) => (prevState === 0 ? lastOption : focusOptionIdx - 1));\n } else {\n setShowPopover(true);\n setCurrentOption(lastOption);\n }\n }\n // =============================================================================\n // ESCAPE\n // =============================================================================\n if (e.key === 'Escape' && !inline) {\n setCurrentOption(0);\n setShowPopover(false);\n }\n // =============================================================================\n // BACKSPACE\n // =============================================================================\n if (e.key === 'Backspace' && targetElement.value.length <= 0 && !inline) {\n if (multiple && !targetElement.value) {\n const multiSelectedValues = selectedValues as CBOptionT[];\n if (multiSelectedValues.length > 0) onChange(multiSelectedValues[multiSelectedValues.length - 1]);\n } else {\n onChange(null);\n }\n onFilter('');\n setShowSelectedValue(true);\n }\n // =============================================================================\n // SHIFT + TAB ON SINGLE SELECT: SELECT AND RETURN TO INPUT\n // =============================================================================\n if (e.key === 'Tab' && e.shiftKey && !multiple && showPopover) {\n selectOption();\n e.preventDefault();\n }\n // =============================================================================\n // TAB + SINGLE SELECT\n // =============================================================================\n if (e.key === 'Tab' && showPopover && !multiple) {\n selectOption();\n setShowPopover(false);\n }\n\n if (e.key === 'Tab' && inline) {\n e.preventDefault();\n }\n },\n [\n focusOptionIdx,\n selectableOptions,\n inputRef,\n lastOption,\n multiple,\n showPopover,\n selectedValues,\n inline,\n onChange,\n onCreate,\n onFilter,\n setCurrentOption,\n setShowPopover,\n setShowSelectedValue,\n selectOption,\n ],\n );\n\n return onInputKeyDown;\n};\n"],"names":["useKeyboardNavigation","useContext","ComboBoxContext","props","inline","onChange","onCreate","options","selectedValues","onFilter","setShowPopover","showPopover","setShowSelectedValue","focusOptionIdx","inputRef","setCurrentOption","multiple","Array","isArray","selectableOptions","getOptions","lastOption","length","focusOption","useEffect","document","querySelector","scrollIntoView","selectOption","useCallback","current","value","onInputKeyDown","e","targetElement","target","key","keyCode","preventDefault","ctrlKey","prevState","multiSelectedValues","shiftKey"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"DateInputs.js","sources":["../../../../src/DateInput/components/DateInputs.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable indent */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport Moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { usePrevious } from '@elliemae/ds-utilities';\nimport {\n formatMonth,\n formatDay,\n formatYear,\n getValidTimeNumber,\n setNativeValue,\n parseTimeNumberFromText,\n focusNextInput,\n focusPreviousInput,\n getDateValuesFromTime,\n getNextTimeValue,\n focusNextInputIfNeeded,\n commonInputProps,\n handleCompletedDate,\n triggerOnBlur,\n isTimeCompletelySet,\n} from './utils';\n\nconst blockName = 'input-date-group';\n\nconst InputTimesGroup = aggregatedClasses('div')(blockName);\nconst MonthInput = aggregatedClasses('input')(blockName, 'input input-month');\nconst DayInput = aggregatedClasses('input')(blockName, 'input input-day');\nconst YearInput = aggregatedClasses('input')(blockName, 'input input-year');\nconst Divider = aggregatedClasses('span')(blockName, 'divider', ({ value }) => ({\n value,\n}));\n\n// eslint-disable-next-line react/prop-types\nconst DateDivider = ({ content = ':', value = '' }) => <Divider value={!!value}>{content}</Divider>;\n\nconst DateInputs = ({\n innerRef,\n onBlur,\n onChange,\n onCustomKeyDown,\n onError,\n format = '',\n showMonth = true,\n showDay = true,\n showYear = true,\n step = 1,\n yearMaxRange,\n disabled,\n yearMinRange,\n time,\n // TODO remove and keep `true` behavior ( PUI-4141 )\n INTERNAL_V2_NO_MUTATION, // eslint-disable-line react/prop-types\n}) => {\n const [currentKey, setCurrentKey] = useState('ArrowUp');\n const [month, setMonth] = useState('');\n const [day, setDay] = useState('');\n const [year, setYear] = useState('');\n const prevTime = usePrevious(time);\n const prevFormat = usePrevious(format);\n\n let digits = 2;\n let placeholder = '';\n\n console.log(time);\n\n useEffect(() => {\n if (time) {\n const dateValues = getDateValuesFromTime(time, format);\n setMonth(dateValues.month);\n setDay(dateValues.day);\n setYear(dateValues.year);\n }\n }, [format, time]);\n\n useEffect(() => {\n if (!time && prevTime) {\n setMonth('');\n setDay('');\n setYear('');\n onChange('');\n }\n if (time && prevTime && time.format && time.format(format) !== prevTime.format(prevFormat)) {\n const dateValues = getDateValuesFromTime(time, format);\n\n setMonth(dateValues.month);\n setDay(dateValues.day);\n setYear(dateValues.year);\n }\n }, [time, prevTime, format, prevFormat, onChange]);\n\n const isCompletedDate = useCallback(\n () => isTimeCompletelySet({ year, month, day }, { showYear, showMonth, showDay }, { yearMinRange, yearMaxRange }),\n [day, month, showDay, showMonth, showYear, year, yearMaxRange, yearMinRange],\n );\n\n useEffect(() => {\n if (INTERNAL_V2_NO_MUTATION) {\n const dateValues = getDateValuesFromTime(time, format);\n\n if (dateValues.day !== day && isCompletedDate()) {\n onChange(\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n );\n } else if (dateValues.month !== month && isCompletedDate()) {\n onChange(\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n );\n } else if (dateValues.year !== year && isCompletedDate()) {\n onChange(\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n );\n }\n }\n }, [\n INTERNAL_V2_NO_MUTATION,\n day,\n format,\n isCompletedDate,\n month,\n onChange,\n showDay,\n showMonth,\n showYear,\n time,\n year,\n ]);\n\n const triggerChange = () =>\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION);\n\n const handleYearChange = (e) => {\n const { value } = e.target;\n const yearValue = parseTimeNumberFromText(value);\n const yearRange = { min: 1, max: 9999 };\n const nextYear = getValidTimeNumber(yearRange, yearValue, value, onError);\n\n setYear(formatYear(format, nextYear));\n if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n onChange(triggerChange());\n }\n focusNextInputIfNeeded(e.target, yearRange.max, nextYear, value, currentKey);\n };\n\n const handleMonthChange = (e) => {\n const { value } = e.target;\n const monthValue = parseTimeNumberFromText(value);\n const monthRange = { min: 1, max: 12 };\n const nextMonth = getValidTimeNumber(monthRange, monthValue, value, onError);\n setMonth(formatMonth(format, nextMonth));\n if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n onChange(triggerChange());\n }\n focusNextInputIfNeeded(e.target, monthRange.max, nextMonth, value, currentKey);\n };\n\n const handleDayChange = (e) => {\n const { value } = e.target;\n const dayValue = parseTimeNumberFromText(value);\n const dayRange = { min: 1, max: 31 };\n const nextDay = getValidTimeNumber(dayRange, dayValue, value, onError);\n setDay(formatDay(format, nextDay));\n if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n onChange(triggerChange());\n }\n if (value !== day) focusNextInputIfNeeded(e.target, dayRange.max, nextDay, value, currentKey);\n };\n\n // eslint-disable-next-line complexity\n const onKeyDown = (event, shouldIncrementDecrement = true) => {\n const { value, name } = event.target;\n const change = {\n day: (v) => handleDayChange({ target: { value: v } }),\n month: (v) => handleMonthChange({ target: { value: v } }),\n year: (v) => handleYearChange({ target: { value: v } }),\n };\n switch (event.key) {\n case 'ArrowLeft': {\n event.preventDefault();\n focusPreviousInput(event.target);\n break;\n }\n case 'ArrowUp': {\n if (shouldIncrementDecrement) {\n event.preventDefault();\n setCurrentKey(event.key);\n const incrementedValue = getNextTimeValue(value, name, yearMinRange, yearMaxRange, step, true);\n if (INTERNAL_V2_NO_MUTATION) {\n change[name](incrementedValue);\n } else {\n setNativeValue(event.target, incrementedValue);\n }\n }\n break;\n }\n case 'ArrowDown': {\n if (shouldIncrementDecrement) {\n event.preventDefault();\n setCurrentKey(event.key);\n const decrementedValue = getNextTimeValue(value, name, yearMinRange, yearMaxRange, step, false);\n if (INTERNAL_V2_NO_MUTATION) {\n change[name](decrementedValue);\n } else {\n setNativeValue(event.target, decrementedValue);\n }\n }\n break;\n }\n case 'ArrowRight': {\n event.preventDefault();\n focusNextInput(event.target);\n break;\n }\n case 'Backspace': {\n event.preventDefault();\n if (!value) {\n focusPreviousInput(event.target);\n } else {\n // eslint-disable-next-line no-lonely-if\n if (INTERNAL_V2_NO_MUTATION) {\n change[name]('');\n } else {\n setNativeValue(event.target, '');\n }\n }\n break;\n }\n case 'Enter': {\n if (onCustomKeyDown && isCompletedDate()) onCustomKeyDown(event, triggerChange());\n setCurrentKey(null);\n break;\n }\n default:\n if (onCustomKeyDown) onCustomKeyDown(event);\n setCurrentKey(null);\n }\n };\n\n const renderMonthInput = () => {\n if (!showMonth) return null;\n placeholder = 'MM';\n const onMonthInputBlur = (e) => {\n handleMonthChange(e);\n triggerOnBlur(e, onBlur);\n };\n return (\n <MonthInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autocomplete=\"off\"\n key=\"month-input\"\n data-testid=\"month\"\n disabled={disabled}\n name=\"month\"\n onBlur={onMonthInputBlur}\n onChange={handleMonthChange}\n value={month}\n />\n );\n };\n const renderDayInput = () => {\n if (!showDay) return null;\n placeholder = 'DD';\n const onDayInputBlur = (e) => {\n handleDayChange(e);\n triggerOnBlur(e, onBlur);\n };\n return (\n <DayInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autocomplete=\"off\"\n key=\"day-input\"\n data-testid=\"day\"\n disabled={disabled}\n name=\"day\"\n onBlur={onDayInputBlur}\n onChange={handleDayChange}\n value={day}\n />\n );\n };\n const renderYearInput = () => {\n if (!showYear) return null;\n placeholder = 'YY';\n digits = 4;\n const onYearInputBlur = (e) => {\n handleYearChange(e);\n triggerOnBlur(e, onBlur);\n };\n return (\n <YearInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autocomplete=\"off\"\n key=\"seconds-input\"\n data-testid=\"year\"\n disabled={disabled}\n name=\"year\"\n onBlur={onYearInputBlur}\n onChange={handleYearChange}\n value={year}\n />\n );\n };\n\n const renderDateInputs = () => {\n const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];\n const inputsWithDividers = inputs.reduce(\n (acc, input, index) =>\n input\n ? acc.concat([index ? <DateDivider key={index} content=\" / \" value={input.props.value} /> : null, input])\n : acc,\n [],\n );\n\n return [\n inputsWithDividers,\n React.createElement('span', { key: 'span' }), // hack for next/prev focus\n ];\n };\n\n return <InputTimesGroup innerRef={innerRef}>{renderDateInputs()}</InputTimesGroup>;\n};\n\nDateInputs.propTypes = {\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n onBlur: PropTypes.bool,\n onChange: PropTypes.func,\n onCustomKeyDown: PropTypes.func,\n onError: PropTypes.func,\n format: PropTypes.string,\n showMonth: PropTypes.bool,\n showDay: PropTypes.bool,\n showYear: PropTypes.bool,\n step: PropTypes.number,\n yearMaxRange: PropTypes.number,\n disabled: PropTypes.bool,\n yearMinRange: PropTypes.number,\n time: PropTypes.instanceOf(Moment),\n};\n\nexport default DateInputs;\n"],"names":["blockName","InputTimesGroup","aggregatedClasses","MonthInput","DayInput","YearInput","Divider","value","DateDivider","content","DateInputs","innerRef","onBlur","onChange","onCustomKeyDown","onError","format","showMonth","showDay","showYear","step","yearMaxRange","disabled","yearMinRange","time","INTERNAL_V2_NO_MUTATION","useState","currentKey","setCurrentKey","month","setMonth","day","setDay","year","setYear","prevTime","usePrevious","prevFormat","digits","placeholder","useEffect","dateValues","getDateValuesFromTime","isCompletedDate","useCallback","isTimeCompletelySet","handleCompletedDate","triggerChange","handleYearChange","e","target","yearValue","parseTimeNumberFromText","yearRange","min","max","nextYear","getValidTimeNumber","formatYear","focusNextInputIfNeeded","handleMonthChange","monthValue","monthRange","nextMonth","formatMonth","handleDayChange","dayValue","dayRange","nextDay","formatDay","onKeyDown","event","shouldIncrementDecrement","name","change","v","key","preventDefault","focusPreviousInput","incrementedValue","getNextTimeValue","setNativeValue","decrementedValue","focusNextInput","renderMonthInput","onMonthInputBlur","triggerOnBlur","commonInputProps","renderDayInput","onDayInputBlur","renderYearInput","onYearInputBlur","renderDateInputs","inputs","inputsWithDividers","reduce","acc","input","index","concat","props","React","createElement","propTypes","PropTypes","oneOfType","func","shape","current","any","bool","string","number","instanceOf","Moment"],"mappings":"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"}
1
+ {"version":3,"file":"DateInputs.js","sources":["../../../../src/DateInput/components/DateInputs.tsx"],"sourcesContent":["/* eslint-disable import/no-unresolved */\n/* eslint-disable indent */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React, { useState, useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport Moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { usePrevious } from '@elliemae/ds-utilities';\nimport {\n formatMonth,\n formatDay,\n formatYear,\n getValidTimeNumber,\n setNativeValue,\n parseTimeNumberFromText,\n focusNextInput,\n focusPreviousInput,\n getDateValuesFromTime,\n getNextTimeValue,\n focusNextInputIfNeeded,\n commonInputProps,\n handleCompletedDate,\n triggerOnBlur,\n isTimeCompletelySet,\n} from './utils';\n\nconst blockName = 'input-date-group';\n\nconst InputTimesGroup = aggregatedClasses('div')(blockName);\nconst MonthInput = aggregatedClasses('input')(blockName, 'input input-month');\nconst DayInput = aggregatedClasses('input')(blockName, 'input input-day');\nconst YearInput = aggregatedClasses('input')(blockName, 'input input-year');\nconst Divider = aggregatedClasses('span')(blockName, 'divider', ({ value }) => ({\n value,\n}));\n\n// eslint-disable-next-line react/prop-types\nconst DateDivider = ({ content = ':', value = '' }) => <Divider value={!!value}>{content}</Divider>;\n\nconst DateInputs = ({\n innerRef,\n onBlur,\n onChange,\n onCustomKeyDown,\n onError,\n format = '',\n showMonth = true,\n showDay = true,\n showYear = true,\n step = 1,\n yearMaxRange,\n disabled,\n yearMinRange,\n time,\n // TODO remove and keep `true` behavior ( PUI-4141 )\n INTERNAL_V2_NO_MUTATION, // eslint-disable-line react/prop-types\n}) => {\n const [currentKey, setCurrentKey] = useState('ArrowUp');\n const [month, setMonth] = useState('');\n const [day, setDay] = useState('');\n const [year, setYear] = useState('');\n const prevTime = usePrevious(time);\n const prevFormat = usePrevious(format);\n\n let digits = 2;\n let placeholder = '';\n\n useEffect(() => {\n if (time) {\n const dateValues = getDateValuesFromTime(time, format);\n setMonth(dateValues.month);\n setDay(dateValues.day);\n setYear(dateValues.year);\n }\n }, [format, time]);\n\n useEffect(() => {\n if (!time && prevTime) {\n setMonth('');\n setDay('');\n setYear('');\n onChange('');\n }\n if (time && prevTime && time.format && time.format(format) !== prevTime.format(prevFormat)) {\n const dateValues = getDateValuesFromTime(time, format);\n\n setMonth(dateValues.month);\n setDay(dateValues.day);\n setYear(dateValues.year);\n }\n }, [time, prevTime, format, prevFormat, onChange]);\n\n const isCompletedDate = useCallback(\n () => isTimeCompletelySet({ year, month, day }, { showYear, showMonth, showDay }, { yearMinRange, yearMaxRange }),\n [day, month, showDay, showMonth, showYear, year, yearMaxRange, yearMinRange],\n );\n\n useEffect(() => {\n if (INTERNAL_V2_NO_MUTATION) {\n const dateValues = getDateValuesFromTime(time, format);\n\n if (dateValues.day !== day && isCompletedDate()) {\n onChange(\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n );\n } else if (dateValues.month !== month && isCompletedDate()) {\n onChange(\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n );\n } else if (dateValues.year !== year && isCompletedDate()) {\n onChange(\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION),\n );\n }\n }\n }, [\n INTERNAL_V2_NO_MUTATION,\n day,\n format,\n isCompletedDate,\n month,\n onChange,\n showDay,\n showMonth,\n showYear,\n time,\n year,\n ]);\n\n const triggerChange = () =>\n handleCompletedDate(time, { year, month, day }, { showYear, showMonth, showDay }, INTERNAL_V2_NO_MUTATION);\n\n const handleYearChange = (e) => {\n const { value } = e.target;\n const yearValue = parseTimeNumberFromText(value);\n const yearRange = { min: 1, max: 9999 };\n const nextYear = getValidTimeNumber(yearRange, yearValue, value, onError);\n\n setYear(formatYear(format, nextYear));\n if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n onChange(triggerChange());\n }\n focusNextInputIfNeeded(e.target, yearRange.max, nextYear, value, currentKey);\n };\n\n const handleMonthChange = (e) => {\n const { value } = e.target;\n const monthValue = parseTimeNumberFromText(value);\n const monthRange = { min: 1, max: 12 };\n const nextMonth = getValidTimeNumber(monthRange, monthValue, value, onError);\n setMonth(formatMonth(format, nextMonth));\n if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n onChange(triggerChange());\n }\n focusNextInputIfNeeded(e.target, monthRange.max, nextMonth, value, currentKey);\n };\n\n const handleDayChange = (e) => {\n const { value } = e.target;\n const dayValue = parseTimeNumberFromText(value);\n const dayRange = { min: 1, max: 31 };\n const nextDay = getValidTimeNumber(dayRange, dayValue, value, onError);\n setDay(formatDay(format, nextDay));\n if (isCompletedDate() && !INTERNAL_V2_NO_MUTATION) {\n onChange(triggerChange());\n }\n if (value !== day) focusNextInputIfNeeded(e.target, dayRange.max, nextDay, value, currentKey);\n };\n\n // eslint-disable-next-line complexity\n const onKeyDown = (event, shouldIncrementDecrement = true) => {\n const { value, name } = event.target;\n const change = {\n day: (v) => handleDayChange({ target: { value: v } }),\n month: (v) => handleMonthChange({ target: { value: v } }),\n year: (v) => handleYearChange({ target: { value: v } }),\n };\n switch (event.key) {\n case 'ArrowLeft': {\n event.preventDefault();\n focusPreviousInput(event.target);\n break;\n }\n case 'ArrowUp': {\n if (shouldIncrementDecrement) {\n event.preventDefault();\n setCurrentKey(event.key);\n const incrementedValue = getNextTimeValue(value, name, yearMinRange, yearMaxRange, step, true);\n if (INTERNAL_V2_NO_MUTATION) {\n change[name](incrementedValue);\n } else {\n setNativeValue(event.target, incrementedValue);\n }\n }\n break;\n }\n case 'ArrowDown': {\n if (shouldIncrementDecrement) {\n event.preventDefault();\n setCurrentKey(event.key);\n const decrementedValue = getNextTimeValue(value, name, yearMinRange, yearMaxRange, step, false);\n if (INTERNAL_V2_NO_MUTATION) {\n change[name](decrementedValue);\n } else {\n setNativeValue(event.target, decrementedValue);\n }\n }\n break;\n }\n case 'ArrowRight': {\n event.preventDefault();\n focusNextInput(event.target);\n break;\n }\n case 'Backspace': {\n event.preventDefault();\n if (!value) {\n focusPreviousInput(event.target);\n } else {\n // eslint-disable-next-line no-lonely-if\n if (INTERNAL_V2_NO_MUTATION) {\n change[name]('');\n } else {\n setNativeValue(event.target, '');\n }\n }\n break;\n }\n case 'Enter': {\n if (onCustomKeyDown && isCompletedDate()) onCustomKeyDown(event, triggerChange());\n setCurrentKey(null);\n break;\n }\n default:\n if (onCustomKeyDown) onCustomKeyDown(event);\n setCurrentKey(null);\n }\n };\n\n const renderMonthInput = () => {\n if (!showMonth) return null;\n placeholder = 'MM';\n const onMonthInputBlur = (e) => {\n handleMonthChange(e);\n triggerOnBlur(e, onBlur);\n };\n return (\n <MonthInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autocomplete=\"off\"\n key=\"month-input\"\n data-testid=\"month\"\n disabled={disabled}\n name=\"month\"\n onBlur={onMonthInputBlur}\n onChange={handleMonthChange}\n value={month}\n />\n );\n };\n const renderDayInput = () => {\n if (!showDay) return null;\n placeholder = 'DD';\n const onDayInputBlur = (e) => {\n handleDayChange(e);\n triggerOnBlur(e, onBlur);\n };\n return (\n <DayInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autocomplete=\"off\"\n key=\"day-input\"\n data-testid=\"day\"\n disabled={disabled}\n name=\"day\"\n onBlur={onDayInputBlur}\n onChange={handleDayChange}\n value={day}\n />\n );\n };\n const renderYearInput = () => {\n if (!showYear) return null;\n placeholder = 'YY';\n digits = 4;\n const onYearInputBlur = (e) => {\n handleYearChange(e);\n triggerOnBlur(e, onBlur);\n };\n return (\n <YearInput\n {...commonInputProps(digits, onKeyDown, placeholder)}\n autocomplete=\"off\"\n key=\"seconds-input\"\n data-testid=\"year\"\n disabled={disabled}\n name=\"year\"\n onBlur={onYearInputBlur}\n onChange={handleYearChange}\n value={year}\n />\n );\n };\n\n const renderDateInputs = () => {\n const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];\n const inputsWithDividers = inputs.reduce(\n (acc, input, index) =>\n input\n ? acc.concat([index ? <DateDivider key={index} content=\" / \" value={input.props.value} /> : null, input])\n : acc,\n [],\n );\n\n return [\n inputsWithDividers,\n React.createElement('span', { key: 'span' }), // hack for next/prev focus\n ];\n };\n\n return <InputTimesGroup innerRef={innerRef}>{renderDateInputs()}</InputTimesGroup>;\n};\n\nDateInputs.propTypes = {\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n onBlur: PropTypes.bool,\n onChange: PropTypes.func,\n onCustomKeyDown: PropTypes.func,\n onError: PropTypes.func,\n format: PropTypes.string,\n showMonth: PropTypes.bool,\n showDay: PropTypes.bool,\n showYear: PropTypes.bool,\n step: PropTypes.number,\n yearMaxRange: PropTypes.number,\n disabled: PropTypes.bool,\n yearMinRange: PropTypes.number,\n time: PropTypes.instanceOf(Moment),\n};\n\nexport default DateInputs;\n"],"names":["blockName","InputTimesGroup","aggregatedClasses","MonthInput","DayInput","YearInput","Divider","value","DateDivider","content","DateInputs","innerRef","onBlur","onChange","onCustomKeyDown","onError","format","showMonth","showDay","showYear","step","yearMaxRange","disabled","yearMinRange","time","INTERNAL_V2_NO_MUTATION","useState","currentKey","setCurrentKey","month","setMonth","day","setDay","year","setYear","prevTime","usePrevious","prevFormat","digits","placeholder","useEffect","dateValues","getDateValuesFromTime","isCompletedDate","useCallback","isTimeCompletelySet","handleCompletedDate","triggerChange","handleYearChange","e","target","yearValue","parseTimeNumberFromText","yearRange","min","max","nextYear","getValidTimeNumber","formatYear","focusNextInputIfNeeded","handleMonthChange","monthValue","monthRange","nextMonth","formatMonth","handleDayChange","dayValue","dayRange","nextDay","formatDay","onKeyDown","event","shouldIncrementDecrement","name","change","v","key","preventDefault","focusPreviousInput","incrementedValue","getNextTimeValue","setNativeValue","decrementedValue","focusNextInput","renderMonthInput","onMonthInputBlur","triggerOnBlur","commonInputProps","renderDayInput","onDayInputBlur","renderYearInput","onYearInputBlur","renderDateInputs","inputs","inputsWithDividers","reduce","acc","input","index","concat","props","React","createElement","propTypes","PropTypes","oneOfType","func","shape","current","any","bool","string","number","instanceOf","Moment"],"mappings":"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"}
@@ -33,7 +33,7 @@ var MultiMenuItem = function MultiMenuItem(props) {
33
33
  onMouseLeave: onMouseLeave,
34
34
  tabIndex: 0,
35
35
  role: "option",
36
- className: isFocus ? 'ds-list-item-active' : '',
36
+ className: isActive ? 'ds-list-item-active' : '',
37
37
  "aria-selected": isSelected
38
38
  }, /*#__PURE__*/React.createElement(StyledItemContent, null, /*#__PURE__*/React.createElement(DSControlledCheckbox, {
39
39
  disabled: disabled,
@@ -1 +1 @@
1
- {"version":3,"file":"MultiMenuItem.js","sources":["../../../../../src/MenuItem/components/MultiMenuItem/MultiMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { DSControlledCheckbox } from '@elliemae/ds-controlled-form';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledItemContent } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst MultiMenuItem = (props: MenuItemT): JSX.Element => {\n const {\n dsId,\n value,\n label,\n disabled,\n isSelected,\n isActive,\n onClick,\n isFocus,\n innerRef,\n onMouseEnter,\n onMouseLeave,\n onMouseDown,\n } = props;\n\n return (\n <StyledGlobalMenuItemWrapper\n id={dsId}\n isActive={isActive}\n isSelected={isSelected}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseDown={onMouseDown}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n tabIndex={0}\n role=\"option\"\n className={isFocus ? 'ds-list-item-active' : ''}\n aria-selected={isSelected}\n >\n <StyledItemContent>\n <DSControlledCheckbox\n disabled={disabled}\n checked={isSelected}\n onMouseDown={onMouseDown}\n name={value}\n ariaLabel={label}\n label={label}\n id={value}\n onChange={onClick}\n />\n </StyledItemContent>\n </StyledGlobalMenuItemWrapper>\n );\n};\n\nMultiMenuItem.propTypes = itemProps;\nMultiMenuItem.defaultProps = defaultProps;\nconst MultiMenuItemWithSchema = describe(MultiMenuItem);\nMultiMenuItemWithSchema.propTypes = itemProps;\n\nexport { MultiMenuItem, MultiMenuItemWithSchema };\n"],"names":["MultiMenuItem","props","dsId","value","label","disabled","isSelected","isActive","onClick","isFocus","innerRef","onMouseEnter","onMouseLeave","onMouseDown","propTypes","itemProps","defaultProps","MultiMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;IAOMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmC;AACvD,MACEC,IADF,GAaID,KAbJ,CACEC,IADF;AAAA,MAEEC,KAFF,GAaIF,KAbJ,CAEEE,KAFF;AAAA,MAGEC,KAHF,GAaIH,KAbJ,CAGEG,KAHF;AAAA,MAIEC,QAJF,GAaIJ,KAbJ,CAIEI,QAJF;AAAA,MAKEC,UALF,GAaIL,KAbJ,CAKEK,UALF;AAAA,MAMEC,QANF,GAaIN,KAbJ,CAMEM,QANF;AAAA,MAOEC,OAPF,GAaIP,KAbJ,CAOEO,OAPF;AAAA,MAQEC,OARF,GAaIR,KAbJ,CAQEQ,OARF;AAAA,MASEC,QATF,GAaIT,KAbJ,CASES,QATF;AAAA,MAUEC,YAVF,GAaIV,KAbJ,CAUEU,YAVF;AAAA,MAWEC,YAXF,GAaIX,KAbJ,CAWEW,YAXF;AAAA,MAYEC,WAZF,GAaIZ,KAbJ,CAYEY,WAZF;AAeA,sBACE,oBAAC,2BAAD;AACE,IAAA,EAAE,EAAEX,IADN;AAEE,IAAA,QAAQ,EAAEK,QAFZ;AAGE,IAAA,UAAU,EAAED,UAHd;AAIE,IAAA,OAAO,EAAEG,OAJX;AAKE,IAAA,OAAO,EAAED,OALX;AAME,IAAA,GAAG,EAAEE,QANP;AAOE,IAAA,WAAW,EAAEG,WAPf;AAQE,IAAA,YAAY,EAAEF,YARhB;AASE,IAAA,YAAY,EAAEC,YAThB;AAUE,IAAA,QAAQ,EAAE,CAVZ;AAWE,IAAA,IAAI,EAAC,QAXP;AAYE,IAAA,SAAS,EAAEH,OAAO,GAAG,qBAAH,GAA2B,EAZ/C;AAaE,qBAAeH;AAbjB,kBAeE,oBAAC,iBAAD,qBACE,oBAAC,oBAAD;AACE,IAAA,QAAQ,EAAED,QADZ;AAEE,IAAA,OAAO,EAAEC,UAFX;AAGE,IAAA,WAAW,EAAEO,WAHf;AAIE,IAAA,IAAI,EAAEV,KAJR;AAKE,IAAA,SAAS,EAAEC,KALb;AAME,IAAA,KAAK,EAAEA,KANT;AAOE,IAAA,EAAE,EAAED,KAPN;AAQE,IAAA,QAAQ,EAAEK;AARZ,IADF,CAfF,CADF;AA8BD;;AAEDR,aAAa,CAACc,SAAd,GAA0BC,SAA1B;AACAf,aAAa,CAACgB,YAAd,GAA6BA,YAA7B;IACMC,uBAAuB,GAAGC,QAAQ,CAAClB,aAAD;AACxCiB,uBAAuB,CAACH,SAAxB,GAAoCC,SAApC;;;;"}
1
+ {"version":3,"file":"MultiMenuItem.js","sources":["../../../../../src/MenuItem/components/MultiMenuItem/MultiMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { DSControlledCheckbox } from '@elliemae/ds-controlled-form';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledItemContent } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst MultiMenuItem = (props: MenuItemT): JSX.Element => {\n const {\n dsId,\n value,\n label,\n disabled,\n isSelected,\n isActive,\n onClick,\n isFocus,\n innerRef,\n onMouseEnter,\n onMouseLeave,\n onMouseDown,\n } = props;\n\n return (\n <StyledGlobalMenuItemWrapper\n id={dsId}\n isActive={isActive}\n isSelected={isSelected}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseDown={onMouseDown}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n tabIndex={0}\n role=\"option\"\n className={isActive ? 'ds-list-item-active' : ''}\n aria-selected={isSelected}\n >\n <StyledItemContent>\n <DSControlledCheckbox\n disabled={disabled}\n checked={isSelected}\n onMouseDown={onMouseDown}\n name={value}\n ariaLabel={label}\n label={label}\n id={value}\n onChange={onClick}\n />\n </StyledItemContent>\n </StyledGlobalMenuItemWrapper>\n );\n};\n\nMultiMenuItem.propTypes = itemProps;\nMultiMenuItem.defaultProps = defaultProps;\nconst MultiMenuItemWithSchema = describe(MultiMenuItem);\nMultiMenuItemWithSchema.propTypes = itemProps;\n\nexport { MultiMenuItem, MultiMenuItemWithSchema };\n"],"names":["MultiMenuItem","props","dsId","value","label","disabled","isSelected","isActive","onClick","isFocus","innerRef","onMouseEnter","onMouseLeave","onMouseDown","propTypes","itemProps","defaultProps","MultiMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;IAOMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmC;AACvD,MACEC,IADF,GAaID,KAbJ,CACEC,IADF;AAAA,MAEEC,KAFF,GAaIF,KAbJ,CAEEE,KAFF;AAAA,MAGEC,KAHF,GAaIH,KAbJ,CAGEG,KAHF;AAAA,MAIEC,QAJF,GAaIJ,KAbJ,CAIEI,QAJF;AAAA,MAKEC,UALF,GAaIL,KAbJ,CAKEK,UALF;AAAA,MAMEC,QANF,GAaIN,KAbJ,CAMEM,QANF;AAAA,MAOEC,OAPF,GAaIP,KAbJ,CAOEO,OAPF;AAAA,MAQEC,OARF,GAaIR,KAbJ,CAQEQ,OARF;AAAA,MASEC,QATF,GAaIT,KAbJ,CASES,QATF;AAAA,MAUEC,YAVF,GAaIV,KAbJ,CAUEU,YAVF;AAAA,MAWEC,YAXF,GAaIX,KAbJ,CAWEW,YAXF;AAAA,MAYEC,WAZF,GAaIZ,KAbJ,CAYEY,WAZF;AAeA,sBACE,oBAAC,2BAAD;AACE,IAAA,EAAE,EAAEX,IADN;AAEE,IAAA,QAAQ,EAAEK,QAFZ;AAGE,IAAA,UAAU,EAAED,UAHd;AAIE,IAAA,OAAO,EAAEG,OAJX;AAKE,IAAA,OAAO,EAAED,OALX;AAME,IAAA,GAAG,EAAEE,QANP;AAOE,IAAA,WAAW,EAAEG,WAPf;AAQE,IAAA,YAAY,EAAEF,YARhB;AASE,IAAA,YAAY,EAAEC,YAThB;AAUE,IAAA,QAAQ,EAAE,CAVZ;AAWE,IAAA,IAAI,EAAC,QAXP;AAYE,IAAA,SAAS,EAAEL,QAAQ,GAAG,qBAAH,GAA2B,EAZhD;AAaE,qBAAeD;AAbjB,kBAeE,oBAAC,iBAAD,qBACE,oBAAC,oBAAD;AACE,IAAA,QAAQ,EAAED,QADZ;AAEE,IAAA,OAAO,EAAEC,UAFX;AAGE,IAAA,WAAW,EAAEO,WAHf;AAIE,IAAA,IAAI,EAAEV,KAJR;AAKE,IAAA,SAAS,EAAEC,KALb;AAME,IAAA,KAAK,EAAEA,KANT;AAOE,IAAA,EAAE,EAAED,KAPN;AAQE,IAAA,QAAQ,EAAEK;AARZ,IADF,CAfF,CADF;AA8BD;;AAEDR,aAAa,CAACc,SAAd,GAA0BC,SAA1B;AACAf,aAAa,CAACgB,YAAd,GAA6BA,YAA7B;IACMC,uBAAuB,GAAGC,QAAQ,CAAClB,aAAD;AACxCiB,uBAAuB,CAACH,SAAxB,GAAoCC,SAApC;;;;"}
@@ -33,7 +33,7 @@ var SingleMenuItem = function SingleMenuItem(props) {
33
33
  onMouseDown: onMouseDown,
34
34
  onMouseEnter: onMouseEnter,
35
35
  onMouseLeave: onMouseLeave,
36
- className: isFocus ? 'ds-list-item-active' : ''
36
+ className: isActive ? 'ds-list-item-active' : ''
37
37
  }, /*#__PURE__*/React.createElement(Grid, {
38
38
  cols: ['min-content', 'auto'],
39
39
  height: "16px",
@@ -1 +1 @@
1
- {"version":3,"file":"SingleMenuItem.js","sources":["../../../../../src/MenuItem/components/SingleMenuItem/SingleMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport Checkmark from '@elliemae/ds-icons/Checkmark';\nimport Grid from '@elliemae/ds-grid';\nimport { defaultProps, itemProps, MenuItemT } from '../../props';\nimport { StyledItemChecked, StyledItemLabel } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst SingleMenuItem = (props: MenuItemT): JSX.Element => {\n const { dsId, label, isSelected, onClick, isFocus, isActive, innerRef, onMouseDown, onMouseEnter, onMouseLeave } =\n props;\n return (\n <StyledGlobalMenuItemWrapper\n aria-selected={isSelected}\n id={dsId}\n role=\"option\"\n isActive={isActive}\n isSelected={isSelected}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseDown={onMouseDown}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={isFocus ? 'ds-list-item-active' : ''}\n >\n <Grid cols={['min-content', 'auto']} height=\"16px\" gutter=\"xxs\">\n <StyledItemChecked>{isSelected && <Checkmark size=\"s\" color={['brand-primary', '600']} />}</StyledItemChecked>\n <StyledItemLabel>\n <SimpleTruncatedTooltipText value={label} />\n </StyledItemLabel>\n </Grid>\n </StyledGlobalMenuItemWrapper>\n );\n};\n\nSingleMenuItem.propTypes = itemProps;\nSingleMenuItem.defaultProps = defaultProps;\nconst SingleMenuItemWithSchema = describe(SingleMenuItem);\nSingleMenuItemWithSchema.propTypes = itemProps;\n\nexport { SingleMenuItem };\n"],"names":["SingleMenuItem","props","dsId","label","isSelected","onClick","isFocus","isActive","innerRef","onMouseDown","onMouseEnter","onMouseLeave","propTypes","itemProps","defaultProps","SingleMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;;;IASMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAmC;AACxD,MAAQC,IAAR,GACED,KADF,CAAQC,IAAR;AAAA,MAAcC,KAAd,GACEF,KADF,CAAcE,KAAd;AAAA,MAAqBC,UAArB,GACEH,KADF,CAAqBG,UAArB;AAAA,MAAiCC,OAAjC,GACEJ,KADF,CAAiCI,OAAjC;AAAA,MAA0CC,OAA1C,GACEL,KADF,CAA0CK,OAA1C;AAAA,MAAmDC,QAAnD,GACEN,KADF,CAAmDM,QAAnD;AAAA,MAA6DC,QAA7D,GACEP,KADF,CAA6DO,QAA7D;AAAA,MAAuEC,WAAvE,GACER,KADF,CAAuEQ,WAAvE;AAAA,MAAoFC,YAApF,GACET,KADF,CAAoFS,YAApF;AAAA,MAAkGC,YAAlG,GACEV,KADF,CAAkGU,YAAlG;AAEA,sBACE,oBAAC,2BAAD;AACE,qBAAeP,UADjB;AAEE,IAAA,EAAE,EAAEF,IAFN;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,QAAQ,EAAEK,QAJZ;AAKE,IAAA,UAAU,EAAEH,UALd;AAME,IAAA,OAAO,EAAEE,OANX;AAOE,IAAA,OAAO,EAAED,OAPX;AAQE,IAAA,GAAG,EAAEG,QARP;AASE,IAAA,WAAW,EAAEC,WATf;AAUE,IAAA,YAAY,EAAEC,YAVhB;AAWE,IAAA,YAAY,EAAEC,YAXhB;AAYE,IAAA,SAAS,EAAEL,OAAO,GAAG,qBAAH,GAA2B;AAZ/C,kBAcE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,CAAZ;AAAqC,IAAA,MAAM,EAAC,MAA5C;AAAmD,IAAA,MAAM,EAAC;AAA1D,kBACE,oBAAC,iBAAD,QAAoBF,UAAU,iBAAI,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAC,GAAhB;AAAoB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAA3B,IAAlC,CADF,eAEE,oBAAC,eAAD,qBACE,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAED;AAAnC,IADF,CAFF,CAdF,CADF;AAuBD;;AAEDH,cAAc,CAACY,SAAf,GAA2BC,SAA3B;AACAb,cAAc,CAACc,YAAf,GAA8BA,YAA9B;AACA,IAAMC,wBAAwB,GAAGC,QAAQ,CAAChB,cAAD,CAAzC;AACAe,wBAAwB,CAACH,SAAzB,GAAqCC,SAArC;;;;"}
1
+ {"version":3,"file":"SingleMenuItem.js","sources":["../../../../../src/MenuItem/components/SingleMenuItem/SingleMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport Checkmark from '@elliemae/ds-icons/Checkmark';\nimport Grid from '@elliemae/ds-grid';\nimport { defaultProps, itemProps, MenuItemT } from '../../props';\nimport { StyledItemChecked, StyledItemLabel } from './styled';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nconst SingleMenuItem = (props: MenuItemT): JSX.Element => {\n const { dsId, label, isSelected, onClick, isFocus, isActive, innerRef, onMouseDown, onMouseEnter, onMouseLeave } =\n props;\n return (\n <StyledGlobalMenuItemWrapper\n aria-selected={isSelected}\n id={dsId}\n role=\"option\"\n isActive={isActive}\n isSelected={isSelected}\n isFocus={isFocus}\n onClick={onClick}\n ref={innerRef}\n onMouseDown={onMouseDown}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n className={isActive ? 'ds-list-item-active' : ''}\n >\n <Grid cols={['min-content', 'auto']} height=\"16px\" gutter=\"xxs\">\n <StyledItemChecked>{isSelected && <Checkmark size=\"s\" color={['brand-primary', '600']} />}</StyledItemChecked>\n <StyledItemLabel>\n <SimpleTruncatedTooltipText value={label} />\n </StyledItemLabel>\n </Grid>\n </StyledGlobalMenuItemWrapper>\n );\n};\n\nSingleMenuItem.propTypes = itemProps;\nSingleMenuItem.defaultProps = defaultProps;\nconst SingleMenuItemWithSchema = describe(SingleMenuItem);\nSingleMenuItemWithSchema.propTypes = itemProps;\n\nexport { SingleMenuItem };\n"],"names":["SingleMenuItem","props","dsId","label","isSelected","onClick","isFocus","isActive","innerRef","onMouseDown","onMouseEnter","onMouseLeave","propTypes","itemProps","defaultProps","SingleMenuItemWithSchema","describe"],"mappings":";;;;;;;;;;;;IASMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAmC;AACxD,MAAQC,IAAR,GACED,KADF,CAAQC,IAAR;AAAA,MAAcC,KAAd,GACEF,KADF,CAAcE,KAAd;AAAA,MAAqBC,UAArB,GACEH,KADF,CAAqBG,UAArB;AAAA,MAAiCC,OAAjC,GACEJ,KADF,CAAiCI,OAAjC;AAAA,MAA0CC,OAA1C,GACEL,KADF,CAA0CK,OAA1C;AAAA,MAAmDC,QAAnD,GACEN,KADF,CAAmDM,QAAnD;AAAA,MAA6DC,QAA7D,GACEP,KADF,CAA6DO,QAA7D;AAAA,MAAuEC,WAAvE,GACER,KADF,CAAuEQ,WAAvE;AAAA,MAAoFC,YAApF,GACET,KADF,CAAoFS,YAApF;AAAA,MAAkGC,YAAlG,GACEV,KADF,CAAkGU,YAAlG;AAEA,sBACE,oBAAC,2BAAD;AACE,qBAAeP,UADjB;AAEE,IAAA,EAAE,EAAEF,IAFN;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,QAAQ,EAAEK,QAJZ;AAKE,IAAA,UAAU,EAAEH,UALd;AAME,IAAA,OAAO,EAAEE,OANX;AAOE,IAAA,OAAO,EAAED,OAPX;AAQE,IAAA,GAAG,EAAEG,QARP;AASE,IAAA,WAAW,EAAEC,WATf;AAUE,IAAA,YAAY,EAAEC,YAVhB;AAWE,IAAA,YAAY,EAAEC,YAXhB;AAYE,IAAA,SAAS,EAAEJ,QAAQ,GAAG,qBAAH,GAA2B;AAZhD,kBAcE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,CAAZ;AAAqC,IAAA,MAAM,EAAC,MAA5C;AAAmD,IAAA,MAAM,EAAC;AAA1D,kBACE,oBAAC,iBAAD,QAAoBH,UAAU,iBAAI,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAC,GAAhB;AAAoB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAA3B,IAAlC,CADF,eAEE,oBAAC,eAAD,qBACE,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAED;AAAnC,IADF,CAFF,CAdF,CADF;AAuBD;;AAEDH,cAAc,CAACY,SAAf,GAA2BC,SAA3B;AACAb,cAAc,CAACc,YAAf,GAA8BA,YAA9B;AACA,IAAMC,wBAAwB,GAAGC,QAAQ,CAAChB,cAAD,CAAzC;AACAe,wBAAwB,CAACH,SAAzB,GAAqCC,SAArC;;;;"}
package/esm/index.js CHANGED
@@ -13,8 +13,8 @@ export { default as DSFormItemLayout, DSFormItemLayoutWithSchema } from './FormI
13
13
  export { default as DSError, DSErrorWithSchema } from './FormItem/Error/DSError.js';
14
14
  export { default as DSInput } from './Input/DSInput.js';
15
15
  export { default as DSInputGroup, DSInputGroupWithSchema } from './InputGroup/DSInputGroup.js';
16
- export { DSInputMask, DSInputMaskWithSchema, DSInputMask as DSInputProtected } from './InputMask/DSInputMask.js';
17
- export { DSInputProtectedWithSchema } from './InputProtected/DSInputProtected.js';
16
+ export { DSInputMask, DSInputMaskWithSchema } from './InputMask/DSInputMask.js';
17
+ export { DSInputProtected, DSInputProtectedWithSchema } from './InputProtected/DSInputProtected.js';
18
18
  export { LEFT_ADDON_OPTIONS, RIGHT_ADDON_OPTIONS } from './InputProtected/options.js';
19
19
  export { default as DSLargeInputText, DSLargeInputTextWithSchema } from './LargeInputText/DSLargeInputText.js';
20
20
  export { SingleMenuItem } from './MenuItem/components/SingleMenuItem/SingleMenuItem.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-form",
3
- "version": "1.57.0-rc.10",
3
+ "version": "1.57.0-rc.14",
4
4
  "license": "MIT",
5
5
  "description": "Ellie Mae - Dim Sum - Form",
6
6
  "main": "cjs/index.js",
@@ -16,22 +16,22 @@
16
16
  "build": "node ../../scripts/build/build.js"
17
17
  },
18
18
  "dependencies": {
19
- "@elliemae/ds-button": "1.57.0-rc.10",
20
- "@elliemae/ds-circular-progress-indicator": "1.57.0-rc.10",
21
- "@elliemae/ds-classnames": "1.57.0-rc.10",
22
- "@elliemae/ds-grid": "1.57.0-rc.10",
23
- "@elliemae/ds-icon": "1.57.0-rc.10",
24
- "@elliemae/ds-icons": "1.57.0-rc.10",
25
- "@elliemae/ds-menu": "1.57.0-rc.10",
26
- "@elliemae/ds-overlay": "1.57.0-rc.10",
27
- "@elliemae/ds-popper": "1.57.0-rc.10",
28
- "@elliemae/ds-separator": "1.57.0-rc.10",
29
- "@elliemae/ds-shared": "1.57.0-rc.10",
30
- "@elliemae/ds-system": "1.57.0-rc.10",
31
- "@elliemae/ds-text-wrapper": "1.57.0-rc.10",
32
- "@elliemae/ds-tooltip": "1.57.0-rc.10",
33
- "@elliemae/ds-truncated-tooltip-text": "1.57.0-rc.10",
34
- "@elliemae/ds-utilities": "1.57.0-rc.10",
19
+ "@elliemae/ds-button": "1.57.0-rc.14",
20
+ "@elliemae/ds-circular-progress-indicator": "1.57.0-rc.14",
21
+ "@elliemae/ds-classnames": "1.57.0-rc.14",
22
+ "@elliemae/ds-grid": "1.57.0-rc.14",
23
+ "@elliemae/ds-icon": "1.57.0-rc.14",
24
+ "@elliemae/ds-icons": "1.57.0-rc.14",
25
+ "@elliemae/ds-menu": "1.57.0-rc.14",
26
+ "@elliemae/ds-overlay": "1.57.0-rc.14",
27
+ "@elliemae/ds-popper": "1.57.0-rc.14",
28
+ "@elliemae/ds-separator": "1.57.0-rc.14",
29
+ "@elliemae/ds-shared": "1.57.0-rc.14",
30
+ "@elliemae/ds-system": "1.57.0-rc.14",
31
+ "@elliemae/ds-text-wrapper": "1.57.0-rc.14",
32
+ "@elliemae/ds-tooltip": "1.57.0-rc.14",
33
+ "@elliemae/ds-truncated-tooltip-text": "1.57.0-rc.14",
34
+ "@elliemae/ds-utilities": "1.57.0-rc.14",
35
35
  "memoize-one": "~5.1.1",
36
36
  "moment": "~2.29.1",
37
37
  "prop-types": "~15.7.2",