@elliemae/ds-form 3.11.1-rc.1 → 3.12.0-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/CheckboxGroup/DSCheckboxGroup.js.map +2 -2
- package/dist/cjs/ComboBox/index.js.map +1 -1
- package/dist/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js +28 -30
- package/dist/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map +2 -2
- package/dist/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js.map +2 -2
- package/dist/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js.map +1 -1
- package/dist/cjs/ComboBoxFreeSolo/components/SingleValue.js.map +2 -2
- package/dist/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js.map +1 -1
- package/dist/cjs/DateInput/DSDateInput.js.map +1 -1
- package/dist/cjs/DateInput/components/DateInputImpl.js.map +1 -1
- package/dist/cjs/DateInput/components/DateInputs.js +10 -10
- package/dist/cjs/DateInput/components/DateInputs.js.map +2 -2
- package/dist/cjs/DateInput/props.js +12 -33
- package/dist/cjs/DateInput/props.js.map +2 -2
- package/dist/cjs/DateInputV2/components/DSDateInput.js.map +1 -1
- package/dist/cjs/DateInputV2/components/DateInputs.js +16 -16
- package/dist/cjs/DateInputV2/components/DateInputs.js.map +2 -2
- package/dist/cjs/DateInputV2/components/helpers.js.map +2 -2
- package/dist/cjs/DateInputV2/components/props.js +8 -25
- package/dist/cjs/DateInputV2/components/props.js.map +2 -2
- package/dist/cjs/DateInputV2/components/propsTypes.js +1 -4
- package/dist/cjs/DateInputV2/components/propsTypes.js.map +2 -2
- package/dist/cjs/DateInputV2/components/styled.js.map +2 -2
- package/dist/cjs/DateInputV2/components/utils.js +1 -4
- package/dist/cjs/DateInputV2/components/utils.js.map +2 -2
- package/dist/cjs/ExpandableInput/DSExpandableInput.js.map +1 -1
- package/dist/cjs/ExpandableInput/ExpandableInputImpl.js.map +1 -1
- package/dist/cjs/FloatingLabelInput/DSFloatingLabelInput.js.map +1 -1
- package/dist/cjs/FloatingLabelInput/FloatingLabelInputImpl.js.map +1 -1
- package/dist/cjs/FloatingLabelInput/getSvgPath.js.map +2 -2
- package/dist/cjs/FormItem/DSFormItemLayout.js.map +1 -1
- package/dist/cjs/FormItem/Error/DSError.js.map +1 -1
- package/dist/cjs/FormItem/Feedback.js.map +1 -1
- package/dist/cjs/FormItem/Label/DSLabel.js +1 -9
- package/dist/cjs/FormItem/Label/DSLabel.js.map +2 -2
- package/dist/cjs/FormItem/Suffix/Suffix.js.map +2 -2
- package/dist/cjs/FormItem/ValidationFieldWrapper.js.map +2 -2
- package/dist/cjs/Input/index.js.map +1 -1
- package/dist/cjs/InputGroup/AddonWrapper.js +1 -7
- package/dist/cjs/InputGroup/AddonWrapper.js.map +2 -2
- package/dist/cjs/InputGroup/DSInputGroup.js.map +1 -1
- package/dist/cjs/InputGroup/props.js +5 -12
- package/dist/cjs/InputGroup/props.js.map +2 -2
- package/dist/cjs/InputMask/DSInputMask.js +2 -6
- package/dist/cjs/InputMask/DSInputMask.js.map +2 -2
- package/dist/cjs/InputMask/DSInputMaskDeprecated.js.map +1 -1
- package/dist/cjs/InputMask/InputMaskContext.js.map +1 -1
- package/dist/cjs/InputMask/addons/AutoCorrectedDatePipe.js +3 -12
- package/dist/cjs/InputMask/addons/AutoCorrectedDatePipe.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/DateInputMask.js +1 -5
- package/dist/cjs/InputMask/mask_types/DateInputMask.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/DateTimeInputMask.js +1 -5
- package/dist/cjs/InputMask/mask_types/DateTimeInputMask.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/DictionaryInputMask.js +1 -7
- package/dist/cjs/InputMask/mask_types/DictionaryInputMask.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/NumberInputMask.js.map +1 -1
- package/dist/cjs/InputMask/mask_types/PhoneInputMask.js +1 -5
- package/dist/cjs/InputMask/mask_types/PhoneInputMask.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/PhoneInternationalInputMask.js +1 -5
- package/dist/cjs/InputMask/mask_types/PhoneInternationalInputMask.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/SsnInputMask.js +1 -5
- package/dist/cjs/InputMask/mask_types/SsnInputMask.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/UsZipCodeInputMask.js.map +1 -1
- package/dist/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js +1 -5
- package/dist/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/index.js.map +2 -2
- package/dist/cjs/InputMask/props.js +19 -59
- package/dist/cjs/InputMask/props.js.map +2 -2
- package/dist/cjs/InputProtected/DSInputProtected.js.map +1 -1
- package/dist/cjs/InputProtected/props.js +8 -21
- package/dist/cjs/InputProtected/props.js.map +2 -2
- package/dist/cjs/LargeInputText/DSLargeInputText.js +13 -19
- package/dist/cjs/LargeInputText/DSLargeInputText.js.map +2 -2
- package/dist/cjs/LargeInputText/props.js +13 -39
- package/dist/cjs/LargeInputText/props.js.map +2 -2
- package/dist/cjs/Radio/Circle.js.map +2 -2
- package/dist/cjs/Radio/DSRadio.js.map +1 -1
- package/dist/cjs/RadioGroup/DSRadioGroup.js.map +2 -2
- package/dist/cjs/RequiredMark/RequiredMark.js.map +1 -1
- package/dist/cjs/TimeInput/DSTimeInput.js +8 -19
- package/dist/cjs/TimeInput/DSTimeInput.js.map +2 -2
- package/dist/cjs/TimeInput/TimeInputImpl.js +1 -3
- package/dist/cjs/TimeInput/TimeInputImpl.js.map +2 -2
- package/dist/cjs/TimeInput/TimeInputs.js +12 -12
- package/dist/cjs/TimeInput/TimeInputs.js.map +2 -2
- package/dist/cjs/TimeInput/utils.js +4 -5
- package/dist/cjs/TimeInput/utils.js.map +3 -3
- package/dist/cjs/Toggle/DSToggle.js.map +1 -1
- package/dist/cjs/Toggle/DSToggleImpl.js.map +2 -2
- package/dist/cjs/Toggle/DSToggleRender.js +13 -15
- package/dist/cjs/Toggle/DSToggleRender.js.map +2 -2
- package/dist/cjs/Toggle/toggleHelper.js +1 -7
- package/dist/cjs/Toggle/toggleHelper.js.map +2 -2
- package/dist/esm/CheckboxGroup/DSCheckboxGroup.js.map +2 -2
- package/dist/esm/ComboBox/index.js.map +1 -1
- package/dist/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js +28 -30
- package/dist/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map +2 -2
- package/dist/esm/ComboBoxFreeSolo/components/MultiValueLabel.js.map +2 -2
- package/dist/esm/ComboBoxFreeSolo/components/MultiValueRemove.js.map +1 -1
- package/dist/esm/ComboBoxFreeSolo/components/SingleValue.js.map +2 -2
- package/dist/esm/ComboBoxFreeSolo/components/SingleValueRemove.js.map +1 -1
- package/dist/esm/DateInput/DSDateInput.js.map +1 -1
- package/dist/esm/DateInput/components/DateInputImpl.js.map +1 -1
- package/dist/esm/DateInput/components/DateInputs.js.map +1 -1
- package/dist/esm/DateInput/props.js +12 -33
- package/dist/esm/DateInput/props.js.map +2 -2
- package/dist/esm/DateInputV2/components/DSDateInput.js.map +1 -1
- package/dist/esm/DateInputV2/components/DateInputs.js.map +1 -1
- package/dist/esm/DateInputV2/components/helpers.js.map +2 -2
- package/dist/esm/DateInputV2/components/props.js +8 -25
- package/dist/esm/DateInputV2/components/props.js.map +2 -2
- package/dist/esm/DateInputV2/components/propsTypes.js +1 -4
- package/dist/esm/DateInputV2/components/propsTypes.js.map +2 -2
- package/dist/esm/DateInputV2/components/styled.js.map +2 -2
- package/dist/esm/DateInputV2/components/utils.js +1 -4
- package/dist/esm/DateInputV2/components/utils.js.map +2 -2
- package/dist/esm/ExpandableInput/DSExpandableInput.js.map +1 -1
- package/dist/esm/ExpandableInput/ExpandableInputImpl.js.map +1 -1
- package/dist/esm/FloatingLabelInput/DSFloatingLabelInput.js.map +1 -1
- package/dist/esm/FloatingLabelInput/FloatingLabelInputImpl.js.map +1 -1
- package/dist/esm/FloatingLabelInput/getSvgPath.js.map +2 -2
- package/dist/esm/FormItem/DSFormItemLayout.js.map +1 -1
- package/dist/esm/FormItem/Error/DSError.js.map +1 -1
- package/dist/esm/FormItem/Feedback.js.map +1 -1
- package/dist/esm/FormItem/Label/DSLabel.js +1 -9
- package/dist/esm/FormItem/Label/DSLabel.js.map +2 -2
- package/dist/esm/FormItem/Suffix/Suffix.js.map +2 -2
- package/dist/esm/FormItem/ValidationFieldWrapper.js.map +2 -2
- package/dist/esm/Input/index.js.map +1 -1
- package/dist/esm/InputGroup/AddonWrapper.js +1 -7
- package/dist/esm/InputGroup/AddonWrapper.js.map +2 -2
- package/dist/esm/InputGroup/DSInputGroup.js.map +1 -1
- package/dist/esm/InputGroup/props.js +5 -12
- package/dist/esm/InputGroup/props.js.map +2 -2
- package/dist/esm/InputMask/DSInputMask.js +2 -6
- package/dist/esm/InputMask/DSInputMask.js.map +2 -2
- package/dist/esm/InputMask/DSInputMaskDeprecated.js.map +1 -1
- package/dist/esm/InputMask/InputMaskContext.js.map +1 -1
- package/dist/esm/InputMask/addons/AutoCorrectedDatePipe.js +3 -12
- package/dist/esm/InputMask/addons/AutoCorrectedDatePipe.js.map +2 -2
- package/dist/esm/InputMask/mask_types/DateInputMask.js +1 -5
- package/dist/esm/InputMask/mask_types/DateInputMask.js.map +2 -2
- package/dist/esm/InputMask/mask_types/DateTimeInputMask.js +1 -5
- package/dist/esm/InputMask/mask_types/DateTimeInputMask.js.map +2 -2
- package/dist/esm/InputMask/mask_types/DictionaryInputMask.js +1 -7
- package/dist/esm/InputMask/mask_types/DictionaryInputMask.js.map +2 -2
- package/dist/esm/InputMask/mask_types/NumberInputMask.js.map +1 -1
- package/dist/esm/InputMask/mask_types/PhoneInputMask.js +1 -5
- package/dist/esm/InputMask/mask_types/PhoneInputMask.js.map +2 -2
- package/dist/esm/InputMask/mask_types/PhoneInternationalInputMask.js +1 -5
- package/dist/esm/InputMask/mask_types/PhoneInternationalInputMask.js.map +2 -2
- package/dist/esm/InputMask/mask_types/SsnInputMask.js +1 -5
- package/dist/esm/InputMask/mask_types/SsnInputMask.js.map +2 -2
- package/dist/esm/InputMask/mask_types/UsZipCodeInputMask.js.map +1 -1
- package/dist/esm/InputMask/mask_types/ZipCodeSearchInputMask.js +1 -5
- package/dist/esm/InputMask/mask_types/ZipCodeSearchInputMask.js.map +2 -2
- package/dist/esm/InputMask/mask_types/index.js.map +2 -2
- package/dist/esm/InputMask/props.js +19 -59
- package/dist/esm/InputMask/props.js.map +2 -2
- package/dist/esm/InputProtected/DSInputProtected.js.map +1 -1
- package/dist/esm/InputProtected/props.js +8 -21
- package/dist/esm/InputProtected/props.js.map +2 -2
- package/dist/esm/LargeInputText/DSLargeInputText.js +14 -23
- package/dist/esm/LargeInputText/DSLargeInputText.js.map +2 -2
- package/dist/esm/LargeInputText/props.js +13 -39
- package/dist/esm/LargeInputText/props.js.map +2 -2
- package/dist/esm/Radio/Circle.js.map +2 -2
- package/dist/esm/Radio/DSRadio.js.map +1 -1
- package/dist/esm/RadioGroup/DSRadioGroup.js.map +2 -2
- package/dist/esm/RequiredMark/RequiredMark.js.map +1 -1
- package/dist/esm/TimeInput/DSTimeInput.js +8 -19
- package/dist/esm/TimeInput/DSTimeInput.js.map +2 -2
- package/dist/esm/TimeInput/TimeInputImpl.js +1 -3
- package/dist/esm/TimeInput/TimeInputImpl.js.map +2 -2
- package/dist/esm/TimeInput/TimeInputs.js.map +1 -1
- package/dist/esm/TimeInput/utils.js +1 -2
- package/dist/esm/TimeInput/utils.js.map +2 -2
- package/dist/esm/Toggle/DSToggle.js.map +1 -1
- package/dist/esm/Toggle/DSToggleImpl.js.map +2 -2
- package/dist/esm/Toggle/DSToggleRender.js +13 -15
- package/dist/esm/Toggle/DSToggleRender.js.map +2 -2
- package/dist/esm/Toggle/toggleHelper.js +1 -7
- package/dist/esm/Toggle/toggleHelper.js.map +2 -2
- package/package.json +16 -13
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/CheckboxGroup/DSCheckboxGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { describe } from '@elliemae/ds-utilities';\nimport { GroupItem, Group } from '@elliemae/ds-shared';\nimport { DSFormItemLayout } from '../FormItem';\nimport { DSCheckbox } from '../Checkbox';\nimport { props as cprops } from './props';\nimport { defaultProps } from './defaultProps';\n\n// todo: replace that for aggregatedClasses\nconst emClassPrefix = 'em-ds';\nconst baseClass = `${emClassPrefix}-checkbox-group`;\n\nconst CheckboxItem = (props) => (\n <GroupItem\n render={(context) => (\n <DSCheckbox\n {...props}\n checked={
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { describe } from '@elliemae/ds-utilities';\nimport { GroupItem, Group } from '@elliemae/ds-shared';\nimport { DSFormItemLayout } from '../FormItem';\nimport { DSCheckbox } from '../Checkbox';\nimport { props as cprops } from './props';\nimport { defaultProps } from './defaultProps';\n\n// todo: replace that for aggregatedClasses\nconst emClassPrefix = 'em-ds';\nconst baseClass = `${emClassPrefix}-checkbox-group`;\n\nconst CheckboxItem = (props) => (\n <GroupItem\n render={(context) => (\n <DSCheckbox\n {...props}\n checked={context.activeValue && context.activeValue.indexOf(props.value) !== -1}\n disabled={context.disabled || props.disabled}\n onChange={context.onChange}\n />\n )}\n />\n);\n\nconst DSCheckboxGroup = ({\n onChange,\n activeValue,\n children,\n disabled,\n orientation,\n truncateText,\n labelProps,\n containerProps,\n}) => {\n const checkRefs = [];\n const count = React.Children.count(children);\n const onKeyDown = (e, index) => {\n if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n if (index === 0) checkRefs[count - 1].focus();\n else checkRefs[index - 1].focus();\n }\n if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n if (index === count - 1) checkRefs[0].focus();\n else checkRefs[index + 1].focus();\n }\n };\n const group = (\n <Group activeValue={activeValue} disabled={disabled} multiple onChange={onChange}>\n <div\n className={`${baseClass} ${baseClass}--${orientation}`}\n {...(labelProps && labelProps.labelText ? {} : containerProps)}\n role=\"group\"\n >\n {React.Children.map(\n children,\n (child, index) => (\n <CheckboxItem\n {...child.props}\n innerRef={(t) => {\n checkRefs.push(t);\n }}\n onKeyDown={(e) => onKeyDown(e, index)}\n />\n ),\n null,\n )}\n </div>\n </Group>\n );\n\n if (labelProps && labelProps.labelText) {\n return (\n <div className={`${baseClass}-form-item-layout-wrapper`} {...containerProps} role=\"group\">\n <DSFormItemLayout {...labelProps} inputComponent={group} onChange={onChange} truncateText={truncateText} />\n </div>\n );\n }\n return group;\n};\n\nconst noop = () => null;\n\nDSCheckboxGroup.propTypes = cprops;\nDSCheckboxGroup.defaultProps = defaultProps;\nDSCheckboxGroup.displayName = 'DSCheckboxGroup';\nconst DSCheckboxGroupWithSchema = describe(DSCheckboxGroup);\nDSCheckboxGroupWithSchema.propTypes = cprops;\n\nCheckboxItem.propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n onChange: PropTypes.func,\n};\n\nCheckboxItem.defaultProps = {\n checked: false,\n disabled: false,\n onChange: noop,\n};\n\nexport { DSCheckboxGroup, DSCheckboxGroupWithSchema };\n// export default DSCheckboxGroup;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBjB;AAhBN,mBAAkB;AAClB,wBAAsB;AACtB,0BAAyB;AACzB,uBAAiC;AACjC,sBAAiC;AACjC,sBAA2B;AAC3B,mBAAgC;AAChC,0BAA6B;AAG7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,eAAe,CAAC,UACpB,4CAAC;AAAA,EACC,QAAQ,CAAC,YACP,4CAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS,QAAQ,eAAe,QAAQ,YAAY,QAAQ,MAAM,KAAK,MAAM;AAAA,IAC7E,UAAU,QAAQ,YAAY,MAAM;AAAA,IACpC,UAAU,QAAQ;AAAA,GACpB;AAAA,CAEJ;AAGF,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,CAAC;AACnB,QAAM,QAAQ,aAAAA,QAAM,SAAS,MAAM,QAAQ;AAC3C,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AACA,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AAAA,EACF;AACA,QAAM,QACJ,4CAAC;AAAA,IAAM;AAAA,IAA0B;AAAA,IAAoB,UAAQ;AAAA,IAAC;AAAA,IAC5D,sDAAC;AAAA,MACC,WAAW,GAAG,aAAa,cAAc;AAAA,MACxC,GAAI,cAAc,WAAW,YAAY,CAAC,IAAI;AAAA,MAC/C,MAAK;AAAA,MAEJ,uBAAAA,QAAM,SAAS;AAAA,QACd;AAAA,QACA,CAAC,OAAO,UACN,4CAAC;AAAA,UACE,GAAG,MAAM;AAAA,UACV,UAAU,CAAC,MAAM;AACf,sBAAU,KAAK,CAAC;AAAA,UAClB;AAAA,UACA,WAAW,CAAC,MAAM,UAAU,GAAG,KAAK;AAAA,SACtC;AAAA,QAEF;AAAA,MACF;AAAA,KACF;AAAA,GACF;AAGF,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,4CAAC;AAAA,MAAI,WAAW,GAAG;AAAA,MAAuC,GAAG;AAAA,MAAgB,MAAK;AAAA,MAChF,sDAAC;AAAA,QAAkB,GAAG;AAAA,QAAY,gBAAgB;AAAA,QAAO;AAAA,QAAoB;AAAA,OAA4B;AAAA,KAC3G;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,MAAM,OAAO,MAAM;AAEnB,gBAAgB,YAAY,aAAAC;AAC5B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,8BAAS,eAAe;AAC1D,0BAA0B,YAAY,aAAAA;AAEtC,aAAa,YAAY;AAAA,EACvB,SAAS,kBAAAC,QAAU;AAAA,EACnB,UAAU,kBAAAA,QAAU;AAAA,EACpB,UAAU,kBAAAA,QAAU;AACtB;AAEA,aAAa,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AACZ;",
|
|
6
6
|
"names": ["React", "cprops", "PropTypes"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/ComboBox/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export * from '@elliemae/ds-common/ComboBox'
|
|
4
|
+
"sourcesContent": ["export * from '@elliemae/ds-common/ComboBox';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,6BAAc,yCAAd;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -56,7 +56,7 @@ const customStyles = {
|
|
|
56
56
|
"::-webkit-scrollbar": { display: "none" }
|
|
57
57
|
})
|
|
58
58
|
};
|
|
59
|
-
|
|
59
|
+
const ComboBoxFreeSolo = ({
|
|
60
60
|
isMulti = false,
|
|
61
61
|
options = {},
|
|
62
62
|
value = [],
|
|
@@ -72,35 +72,33 @@ function ComboBoxFreeSolo({
|
|
|
72
72
|
formatCreateLabel = (val) => `Create ${val}`,
|
|
73
73
|
maxOptions = void 0,
|
|
74
74
|
...rest
|
|
75
|
-
}) {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
});
|
|
103
|
-
}
|
|
75
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComboBox.DSComboBox2, {
|
|
76
|
+
...rest,
|
|
77
|
+
isFreeSolo: true,
|
|
78
|
+
clearable: true,
|
|
79
|
+
isMulti,
|
|
80
|
+
value,
|
|
81
|
+
options,
|
|
82
|
+
keepTypedValue: false,
|
|
83
|
+
placeholder,
|
|
84
|
+
disabled,
|
|
85
|
+
menuIsOpen,
|
|
86
|
+
formatCreateLabel,
|
|
87
|
+
createOptionPosition: "first",
|
|
88
|
+
onChange,
|
|
89
|
+
onChangeV2,
|
|
90
|
+
onInputChange,
|
|
91
|
+
onFocus,
|
|
92
|
+
onBlur,
|
|
93
|
+
containerProps,
|
|
94
|
+
maxOptions,
|
|
95
|
+
components: {
|
|
96
|
+
MultiValueLabel: import_MultiValueLabel.MultiValueLabel,
|
|
97
|
+
MultiValueRemove: import_MultiValueRemove.MultiValueRemove,
|
|
98
|
+
SingleValue: import_SingleValue.SingleValue
|
|
99
|
+
},
|
|
100
|
+
componentsStyle: customStyles
|
|
101
|
+
});
|
|
104
102
|
ComboBoxFreeSolo.propTypes = {
|
|
105
103
|
containerProps: import_prop_types.default.object,
|
|
106
104
|
onFocus: import_prop_types.default.func,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/ComboBoxFreeSolo/ComboBoxFreeSolo.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { noop } from 'lodash';\nimport { DSComboBox2 } from '../ComboBox';\nimport { MultiValueLabel } from './components/MultiValueLabel';\nimport { MultiValueRemove } from './components/MultiValueRemove';\nimport { SingleValue } from './components/SingleValue';\nimport { SingleValueRemove } from './components/SingleValueRemove';\n\nconst customStyles = {\n multiValueRemove: MultiValueRemove.style,\n clearIndicator: SingleValueRemove.style,\n multiValue: (base) => ({\n ...base,\n borderRadius: '10px',\n backgroundColor: '#ebf6ff',\n }),\n valueContainer: (base) => ({\n ...base,\n display: '-webkit-box',\n flexWrap: 'nowrap',\n overflowX: 'scroll',\n overflowY: 'hidden',\n '-ms-overflow-style': 'none', // IE and Edge\n 'scrollbar-width': 'none', // Firefox\n '::-webkit-scrollbar': { display: 'none' }, // Chrome\n }),\n};\n\
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { noop } from 'lodash';\nimport { DSComboBox2 } from '../ComboBox';\nimport { MultiValueLabel } from './components/MultiValueLabel';\nimport { MultiValueRemove } from './components/MultiValueRemove';\nimport { SingleValue } from './components/SingleValue';\nimport { SingleValueRemove } from './components/SingleValueRemove';\n\nconst customStyles = {\n multiValueRemove: MultiValueRemove.style,\n clearIndicator: SingleValueRemove.style,\n multiValue: (base) => ({\n ...base,\n borderRadius: '10px',\n backgroundColor: '#ebf6ff',\n }),\n valueContainer: (base) => ({\n ...base,\n display: '-webkit-box',\n flexWrap: 'nowrap',\n overflowX: 'scroll',\n overflowY: 'hidden',\n '-ms-overflow-style': 'none', // IE and Edge\n 'scrollbar-width': 'none', // Firefox\n '::-webkit-scrollbar': { display: 'none' }, // Chrome\n }),\n};\n\nconst ComboBoxFreeSolo = ({\n isMulti = false,\n options = {},\n value = [],\n onChange = noop,\n onChangeV2 = noop,\n onInputChange = noop,\n onFocus = noop,\n onBlur = noop,\n containerProps = {},\n disabled = false,\n menuIsOpen = false,\n placeholder = 'Select values',\n formatCreateLabel = (val) => `Create ${val}`,\n maxOptions = undefined,\n ...rest\n}) => (\n <DSComboBox2\n {...rest}\n isFreeSolo\n clearable\n isMulti={isMulti}\n value={value}\n options={options}\n keepTypedValue={false}\n placeholder={placeholder}\n disabled={disabled}\n menuIsOpen={menuIsOpen}\n formatCreateLabel={formatCreateLabel}\n createOptionPosition=\"first\"\n onChange={onChange}\n onChangeV2={onChangeV2}\n onInputChange={onInputChange}\n onFocus={onFocus}\n onBlur={onBlur}\n containerProps={containerProps}\n maxOptions={maxOptions}\n components={{\n MultiValueLabel,\n MultiValueRemove,\n SingleValue,\n }}\n componentsStyle={customStyles}\n />\n);\n\nComboBoxFreeSolo.propTypes = {\n containerProps: PropTypes.object,\n /**\n * Allows a function that is triggered once the combo box is focused\n */\n onFocus: PropTypes.func,\n /**\n * Allows a function that is triggered once the combo box loses focus\n */\n onBlur: PropTypes.func,\n /**\n * Allows a function that is triggered when a new value is selected from the dropdown menu\n */\n onChange: PropTypes.func.isRequired,\n /**\n * Allows a function that is triggered when a new value is selected from the dropdown menu\n * It will return the current options selected\n */\n onChangeV2: PropTypes.func,\n /**\n * Allows a function that is triggered once the input value changes (on every keystroke)\n */\n onInputChange: PropTypes.func,\n value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n /**\n * Value that the combo box has as default\n */\n options: PropTypes.arrayOf(PropTypes.object),\n /**\n * Whether the combo box is disabled or not\n */\n disabled: PropTypes.bool,\n /**\n * Whether the combo box free solo is multi selectable or not\n */\n isMulti: PropTypes.bool,\n /**\n * Placeholder for the combo box\n */\n placeholder: PropTypes.string,\n /**\n * Whether the combo box menu is open or not\n */\n menuIsOpen: PropTypes.bool,\n /**\n * Whether to show the combo box menu inline or not\n */\n /**\n * function that reciveves the new value and returns the formatted value\n */\n formatCreateLabel: PropTypes.func,\n /**\n * Max options to be displayed on the menu list\n */\n maxOptions: PropTypes.number,\n};\n\nexport { ComboBoxFreeSolo };\nexport default ComboBoxFreeSolo;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8CrB;AA7CF,wBAAsB;AACtB,oBAAqB;AACrB,sBAA4B;AAC5B,6BAAgC;AAChC,8BAAiC;AACjC,yBAA4B;AAC5B,+BAAkC;AAElC,MAAM,eAAe;AAAA,EACnB,kBAAkB,yCAAiB;AAAA,EACnC,gBAAgB,2CAAkB;AAAA,EAClC,YAAY,CAAC,UAAU;AAAA,IACrB,GAAG;AAAA,IACH,cAAc;AAAA,IACd,iBAAiB;AAAA,EACnB;AAAA,EACA,gBAAgB,CAAC,UAAU;AAAA,IACzB,GAAG;AAAA,IACH,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,uBAAuB,EAAE,SAAS,OAAO;AAAA,EAC3C;AACF;AAEA,MAAM,mBAAmB,CAAC;AAAA,EACxB,UAAU;AAAA,EACV,UAAU,CAAC;AAAA,EACX,QAAQ,CAAC;AAAA,EACT,WAAW;AAAA,EACX,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB,CAAC,QAAQ,UAAU;AAAA,EACvC,aAAa;AAAA,KACV;AACL,MACE,4CAAC;AAAA,EACE,GAAG;AAAA,EACJ,YAAU;AAAA,EACV,WAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,CACnB;AAGF,iBAAiB,YAAY;AAAA,EAC3B,gBAAgB,kBAAAA,QAAU;AAAA,EAI1B,SAAS,kBAAAA,QAAU;AAAA,EAInB,QAAQ,kBAAAA,QAAU;AAAA,EAIlB,UAAU,kBAAAA,QAAU,KAAK;AAAA,EAKzB,YAAY,kBAAAA,QAAU;AAAA,EAItB,eAAe,kBAAAA,QAAU;AAAA,EACzB,OAAO,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,OAAO,kBAAAA,QAAU,MAAM,CAAC;AAAA,EAI9D,SAAS,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM;AAAA,EAI3C,UAAU,kBAAAA,QAAU;AAAA,EAIpB,SAAS,kBAAAA,QAAU;AAAA,EAInB,aAAa,kBAAAA,QAAU;AAAA,EAIvB,YAAY,kBAAAA,QAAU;AAAA,EAOtB,mBAAmB,kBAAAA,QAAU;AAAA,EAI7B,YAAY,kBAAAA,QAAU;AACxB;AAGA,IAAO,2BAAQ;",
|
|
6
6
|
"names": ["PropTypes"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/ComboBoxFreeSolo/components/MultiValueLabel.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\n\nconst RemovablePillWrapper = styled.div`\n display: flex;\n align-items: center;\n outline: none;\n height: ${(props) => props.theme.space.xs};\n max-width: 90%;\n margin: 0;\n padding: 0 4px;\n background-color: ${(props) => props.theme.colors.brand[200]};\n border-top-left-radius: ${(props) => props.theme.fontSizes.value[600]};\n border-bottom-left-radius: ${(props) => props.theme.fontSizes.value[600]};\n & + div {\n border-top-right-radius: ${(props) => props.theme.fontSizes.value[600]};\n border-bottom-right-radius: ${(props) => props.theme.fontSizes.value[600]};\n }\n`;\n\nconst PillLabel = styled.span`\n margin: 0 4px;\n color: ${(props) => props.theme.colors.neutral[800]};\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n`;\n\nconst RemovablePill = ({ label, clear }) => (\n <>\n <RemovablePillWrapper data-testid=\"pill-wrapper\">\n <PillLabel>{label}</PillLabel>\n </RemovablePillWrapper>\n {clear}\n </>\n);\n\nconst MultiValueLabel = ({ children, clear }) =>
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\n\nconst RemovablePillWrapper = styled.div`\n display: flex;\n align-items: center;\n outline: none;\n height: ${(props) => props.theme.space.xs};\n max-width: 90%;\n margin: 0;\n padding: 0 4px;\n background-color: ${(props) => props.theme.colors.brand[200]};\n border-top-left-radius: ${(props) => props.theme.fontSizes.value[600]};\n border-bottom-left-radius: ${(props) => props.theme.fontSizes.value[600]};\n & + div {\n border-top-right-radius: ${(props) => props.theme.fontSizes.value[600]};\n border-bottom-right-radius: ${(props) => props.theme.fontSizes.value[600]};\n }\n`;\n\nconst PillLabel = styled.span`\n margin: 0 4px;\n color: ${(props) => props.theme.colors.neutral[800]};\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n`;\n\nconst RemovablePill = ({ label, clear }) => (\n <>\n <RemovablePillWrapper data-testid=\"pill-wrapper\">\n <PillLabel>{label}</PillLabel>\n </RemovablePillWrapper>\n {clear}\n </>\n);\n\nconst MultiValueLabel = ({ children, clear }) => <RemovablePill label={children} clear={clear} />;\n\nexport { MultiValueLabel };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8BrB;AA5BF,uBAAuB;AAEvB,MAAM,uBAAuB,wBAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,sBAInB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,4BAC9B,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA,+BACpC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA,+BAEvC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA,kCACpC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA;AAIzE,MAAM,YAAY,wBAAO;AAAA;AAAA,WAEd,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMjD,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,MACpC;AAAA,EACE;AAAA,gDAAC;AAAA,MAAqB,eAAY;AAAA,MAChC,sDAAC;AAAA,QAAW;AAAA,OAAM;AAAA,KACpB;AAAA,IACC;AAAA;AAAA,CACH;AAGF,MAAM,kBAAkB,CAAC,EAAE,UAAU,MAAM,MAAM,4CAAC;AAAA,EAAc,OAAO;AAAA,EAAU;AAAA,CAAc;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/ComboBoxFreeSolo/components/MultiValueRemove.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { components } from 'react-select';\nimport { CloseXsmall } from '@elliemae/ds-icons';\n\nconst PillCloseAddon = styled.div`\n cursor: pointer;\n height: ${(props) => props.theme.space.xs};\n & > span {\n height: auto;\n }\n`;\n\nconst MultiValueRemove = (props) => (\n <components.MultiValueRemove {...props}>\n <PillCloseAddon>\n <CloseXsmall />\n </PillCloseAddon>\n </components.MultiValueRemove>\n);\n\nMultiValueRemove.style = (base) => ({\n ...base,\n paddingLeft: 0,\n height: '100%',\n ':hover': {\n backgroundColor: '#EBF6FF',\n },\n});\n\nexport { MultiValueRemove };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBjB;AAfN,uBAAuB;AACvB,0BAA2B;AAC3B,sBAA4B;AAE5B,MAAM,iBAAiB,wBAAO;AAAA;AAAA,YAElB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,mBAAmB,CAAC,UACxB,4CAAC,+BAAW,kBAAX;AAAA,EAA6B,GAAG;AAAA,EAC/B,sDAAC;AAAA,IACC,sDAAC,+BAAY;AAAA,GACf;AAAA,CACF;AAGF,iBAAiB,QAAQ,CAAC,UAAU;AAAA,EAClC,GAAG;AAAA,EACH,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,iBAAiB;AAAA,EACnB;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/ComboBoxFreeSolo/components/SingleValue.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { SingleValueRemove } from './SingleValueRemove';\nimport { MultiValueLabel } from './MultiValueLabel';\n\nconst SingleValue = (props) => {\n // eslint-disable-next-line react/prop-types\n const { children } = props;\n return
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { SingleValueRemove } from './SingleValueRemove';\nimport { MultiValueLabel } from './MultiValueLabel';\n\nconst SingleValue = (props) => {\n // eslint-disable-next-line react/prop-types\n const { children } = props;\n return <MultiValueLabel clear={<SingleValueRemove {...props} />}>{children}</MultiValueLabel>;\n};\n\nexport { SingleValue };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOU;AANjC,+BAAkC;AAClC,6BAAgC;AAEhC,MAAM,cAAc,CAAC,UAAU;AAE7B,QAAM,EAAE,SAAS,IAAI;AACrB,SAAO,4CAAC;AAAA,IAAgB,OAAO,4CAAC;AAAA,MAAmB,GAAG;AAAA,KAAO;AAAA,IAAK;AAAA,GAAS;AAC7E;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/ComboBoxFreeSolo/components/SingleValueRemove.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { components } from 'react-select';\nimport { styled } from '@elliemae/ds-system';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst StyledButton = styled(DSButton)`\n padding-right: 8px;\n width: 1.16rem !important;\n height: auto;\n z-index: 10;\n color: '#000';\n`;\n\nconst SingleValueRemove = (props) => {\n // eslint-disable-next-line react/prop-types\n const { clearValue } = props;\n\n return (\n <components.ClearIndicator {...props}>\n <StyledButton\n {...props}\n data-testid=\"free-solo-pill-clear-btn\"\n aria-label=\"clear-indicator\"\n buttonType=\"text\"\n className=\"clear-indicator\"\n icon={<CloseXsmall fill=\"#000\" />}\n onClick={() => clearValue()}\n />\n </components.ClearIndicator>\n );\n};\n\nSingleValueRemove.style = (base) => ({\n ...base,\n padding: 0,\n height: '16px',\n backgroundColor: '#EBF6FF',\n ':hover': {\n backgroundColor: '#EBF6FF',\n },\n});\n\nexport { SingleValueRemove };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BT;AAzBd,0BAA2B;AAC3B,uBAAuB;AACvB,sBAA4B;AAC5B,uBAAyB;AAEzB,MAAM,mBAAe,yBAAO,yBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpC,MAAM,oBAAoB,CAAC,UAAU;AAEnC,QAAM,EAAE,WAAW,IAAI;AAEvB,SACE,4CAAC,+BAAW,gBAAX;AAAA,IAA2B,GAAG;AAAA,IAC7B,sDAAC;AAAA,MACE,GAAG;AAAA,MACJ,eAAY;AAAA,MACZ,cAAW;AAAA,MACX,YAAW;AAAA,MACX,WAAU;AAAA,MACV,MAAM,4CAAC;AAAA,QAAY,MAAK;AAAA,OAAO;AAAA,MAC/B,SAAS,MAAM,WAAW;AAAA,KAC5B;AAAA,GACF;AAEJ;AAEA,kBAAkB,QAAQ,CAAC,UAAU;AAAA,EACnC,GAAG;AAAA,EACH,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,UAAU;AAAA,IACR,iBAAiB;AAAA,EACnB;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/DateInput/DSDateInput.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { describe, runAll } from '@elliemae/ds-utilities';\nimport { DSInput } from '../Input';\nimport { DateInputImpl } from './components/DateInputImpl';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSDateInput = ({\n innerRef,\n className,\n style,\n onFocus,\n onBlur,\n onClear,\n onChange,\n onKeyDown,\n onError,\n format,\n value,\n clearable,\n disabled,\n yearMaxRange,\n yearMinRange,\n containerProps,\n // TODO remove and keep `true` behavior ( PUI-4141 )\n INTERNAL_V2_NO_MUTATION,\n}) => {\n const [valueDate, setValueDate] = useState(value);\n\n useEffect(() => {\n if (value) {\n setValueDate(value);\n }\n }, [value]);\n\n const handleOnClear = useCallback(() => {\n runAll(onClear, setValueDate(''));\n }, [onClear]);\n\n const handleKeyDown = useCallback((e, date, inputOnKeyDown) => {\n inputOnKeyDown(e, date);\n }, []);\n\n const handleOnChange = useCallback((date, inputOnChange) => {\n setValueDate(date);\n inputOnChange(date);\n }, []);\n\n return (\n <DSInput\n className={`${className} input-date-input `}\n clearable={clearable}\n containerProps={containerProps}\n customInputType={({ onChange: inputOnChange, onKeyDown: inputOnKeyDown, ...restInputProps }) => (\n <DateInputImpl\n INTERNAL_V2_NO_MUTATION={INTERNAL_V2_NO_MUTATION}\n disabled={disabled}\n format={format}\n onChange={(date) => handleOnChange(date, inputOnChange)}\n onError={onError}\n onKeyDown={(e, date) => handleKeyDown(e, date, inputOnKeyDown)}\n value={valueDate}\n {...restInputProps}\n style={style}\n yearMaxRange={yearMaxRange}\n yearMinRange={yearMinRange}\n onFocus={onFocus}\n />\n )}\n disableTooltip={false}\n disabled={disabled}\n innerRef={innerRef}\n onBlur={onBlur}\n onChange={onChange}\n onKeyDown={onKeyDown}\n onClear={handleOnClear}\n value={valueDate}\n />\n );\n};\n\nDSDateInput.propTypes = props;\nDSDateInput.defaultProps = defaultProps;\nDSDateInput.displayName = 'DSDateInput';\nconst DSDateInputWithSchema = describe(DSDateInput).deprecated('use DateInputV2 instead');\nDSDateInputWithSchema.propTypes = props;\n\nexport { DateInputImpl, DSDateInputWithSchema, DSDateInput };\n\nexport default DSDateInput;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuDf;AAtDR,mBAAwD;AACxD,0BAAiC;AACjC,mBAAwB;AACxB,2BAA8B;AAC9B,mBAAsB;AACtB,0BAA6B;AAE7B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AACF,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,8BAAU,MAAM;AACd,QAAI,OAAO;AACT,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,oBAAgB,0BAAY,MAAM;AACtC,oCAAO,SAAS,aAAa,EAAE,CAAC;AAAA,EAClC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,oBAAgB,0BAAY,CAAC,GAAG,MAAM,mBAAmB;AAC7D,mBAAe,GAAG,IAAI;AAAA,EACxB,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAiB,0BAAY,CAAC,MAAM,kBAAkB;AAC1D,iBAAa,IAAI;AACjB,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,SACE,4CAAC;AAAA,IACC,WAAW,GAAG;AAAA,IACd;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC,EAAE,UAAU,eAAe,WAAW,mBAAmB,eAAe,MACxF,4CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAS,eAAe,MAAM,aAAa;AAAA,MACtD;AAAA,MACA,WAAW,CAAC,GAAG,SAAS,cAAc,GAAG,MAAM,cAAc;AAAA,MAC7D,OAAO;AAAA,MACN,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,KACF;AAAA,IAEF,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,OAAO;AAAA,GACT;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,eAAe;AAC3B,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW,EAAE,WAAW,yBAAyB;AACxF,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/DateInput/components/DateInputImpl.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport Moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DateInputs } from './DateInputs';\n\nconst blockName = 'input-time';\n\nconst DateInputContainer = aggregatedClasses('div')(blockName);\n\nconst getVisibleTimeByFormat = (format) => ({\n showMonth: format.indexOf('MM') > -1 || format.indexOf('M') > -1,\n showDay: format.indexOf('DD') > -1 || format.indexOf('D') > -1,\n showYear: format.indexOf('YYYY') > -1,\n});\n\nconst DateInputImpl = ({\n format,\n innerRef,\n onBlur,\n onChange,\n onKeyDown,\n onError,\n className,\n value,\n disabled,\n yearMaxRange,\n yearMinRange,\n onFocus,\n // eslint-disable-next-line react/prop-types\n INTERNAL_V2_NO_MUTATION,\n}) => {\n const inputContainerRef = useRef();\n\n const handleFocus = (e) => {\n onFocus();\n if (!e.target.type) {\n inputContainerRef.current.querySelector('input').focus();\n }\n };\n\n const visibleInputs = useMemo(() => getVisibleTimeByFormat(format), [format]);\n\n return (\n <DateInputContainer className={className} disabled={disabled} innerRef={innerRef} onClick={handleFocus}>\n <DateInputs\n disabled={disabled}\n format={format}\n INTERNAL_V2_NO_MUTATION={INTERNAL_V2_NO_MUTATION}\n innerRef={inputContainerRef}\n onBlur={onBlur}\n onChange={onChange}\n onCustomKeyDown={onKeyDown}\n onError={onError}\n time={value}\n yearMaxRange={yearMaxRange}\n yearMinRange={yearMinRange}\n {...visibleInputs}\n />\n </DateInputContainer>\n );\n};\n\nDateInputImpl.propTypes = {\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n onBlur: PropTypes.bool,\n onChange: PropTypes.func,\n onKeyDown: PropTypes.func,\n onError: PropTypes.func,\n format: PropTypes.string,\n showMonth: PropTypes.bool,\n className: PropTypes.string,\n showDay: PropTypes.bool,\n showYear: PropTypes.bool,\n step: PropTypes.number,\n onFocus: PropTypes.func,\n yearMaxRange: PropTypes.number,\n disabled: PropTypes.bool,\n yearMinRange: PropTypes.number,\n value: PropTypes.instanceOf(Moment),\n};\n\nexport { DateInputImpl };\nexport default DateInputImpl;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6CjB;AA7CN,mBAAuC;AACvC,wBAAsB;AACtB,oBAAmB;AACnB,2BAAkC;AAClC,wBAA2B;AAE3B,MAAM,YAAY;AAElB,MAAM,yBAAqB,wCAAkB,KAAK,EAAE,SAAS;AAE7D,MAAM,yBAAyB,CAAC,YAAY;AAAA,EAC1C,WAAW,OAAO,QAAQ,IAAI,IAAI,MAAM,OAAO,QAAQ,GAAG,IAAI;AAAA,EAC9D,SAAS,OAAO,QAAQ,IAAI,IAAI,MAAM,OAAO,QAAQ,GAAG,IAAI;AAAA,EAC5D,UAAU,OAAO,QAAQ,MAAM,IAAI;AACrC;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AACF,MAAM;AACJ,QAAM,wBAAoB,qBAAO;AAEjC,QAAM,cAAc,CAAC,MAAM;AACzB,YAAQ;AACR,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,wBAAkB,QAAQ,cAAc,OAAO,EAAE,MAAM;AAAA,IACzD;AAAA,EACF;AAEA,QAAM,oBAAgB,sBAAQ,MAAM,uBAAuB,MAAM,GAAG,CAAC,MAAM,CAAC;AAE5E,SACE,4CAAC;AAAA,IAAmB;AAAA,IAAsB;AAAA,IAAoB;AAAA,IAAoB,SAAS;AAAA,IACzF,sDAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,iBAAiB;AAAA,MACjB;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACC,GAAG;AAAA,KACN;AAAA,GACF;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,UAAU,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,MAAM,kBAAAA,QAAU,MAAM,EAAE,SAAS,kBAAAA,QAAU,IAAI,CAAC,CAAC,CAAC;AAAA,EAC3F,QAAQ,kBAAAA,QAAU;AAAA,EAClB,UAAU,kBAAAA,QAAU;AAAA,EACpB,WAAW,kBAAAA,QAAU;AAAA,EACrB,SAAS,kBAAAA,QAAU;AAAA,EACnB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,WAAW,kBAAAA,QAAU;AAAA,EACrB,WAAW,kBAAAA,QAAU;AAAA,EACrB,SAAS,kBAAAA,QAAU;AAAA,EACnB,UAAU,kBAAAA,QAAU;AAAA,EACpB,MAAM,kBAAAA,QAAU;AAAA,EAChB,SAAS,kBAAAA,QAAU;AAAA,EACnB,cAAc,kBAAAA,QAAU;AAAA,EACxB,UAAU,kBAAAA,QAAU;AAAA,EACpB,cAAc,kBAAAA,QAAU;AAAA,EACxB,OAAO,kBAAAA,QAAU,WAAW,cAAAC,OAAM;AACpC;AAGA,IAAO,wBAAQ;",
|
|
6
6
|
"names": ["PropTypes", "Moment"]
|
|
7
7
|
}
|
|
@@ -31,7 +31,7 @@ module.exports = __toCommonJS(DateInputs_exports);
|
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
32
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
33
|
var import_react = require("react");
|
|
34
|
-
var
|
|
34
|
+
var import_react2 = __toESM(require("react"));
|
|
35
35
|
var import_prop_types = __toESM(require("prop-types"));
|
|
36
36
|
var import_moment = __toESM(require("moment"));
|
|
37
37
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
@@ -66,15 +66,15 @@ const DateInputs = ({
|
|
|
66
66
|
time,
|
|
67
67
|
INTERNAL_V2_NO_MUTATION
|
|
68
68
|
}) => {
|
|
69
|
-
const [currentKey, setCurrentKey] = (0,
|
|
70
|
-
const [month, setMonth] = (0,
|
|
71
|
-
const [day, setDay] = (0,
|
|
72
|
-
const [year, setYear] = (0,
|
|
69
|
+
const [currentKey, setCurrentKey] = (0, import_react2.useState)("ArrowUp");
|
|
70
|
+
const [month, setMonth] = (0, import_react2.useState)("");
|
|
71
|
+
const [day, setDay] = (0, import_react2.useState)("");
|
|
72
|
+
const [year, setYear] = (0, import_react2.useState)("");
|
|
73
73
|
const prevTime = (0, import_ds_utilities.usePrevious)(time);
|
|
74
74
|
const prevFormat = (0, import_ds_utilities.usePrevious)(format);
|
|
75
75
|
let digits = 2;
|
|
76
76
|
let placeholder = "";
|
|
77
|
-
(0,
|
|
77
|
+
(0, import_react2.useEffect)(() => {
|
|
78
78
|
if (time) {
|
|
79
79
|
const dateValues = (0, import_utils.getDateValuesFromTime)(time, format);
|
|
80
80
|
setMonth(dateValues.month);
|
|
@@ -82,7 +82,7 @@ const DateInputs = ({
|
|
|
82
82
|
setYear(dateValues.year);
|
|
83
83
|
}
|
|
84
84
|
}, [format, time]);
|
|
85
|
-
(0,
|
|
85
|
+
(0, import_react2.useEffect)(() => {
|
|
86
86
|
if (!time && prevTime) {
|
|
87
87
|
setMonth("");
|
|
88
88
|
setDay("");
|
|
@@ -96,11 +96,11 @@ const DateInputs = ({
|
|
|
96
96
|
setYear(dateValues.year);
|
|
97
97
|
}
|
|
98
98
|
}, [time, prevTime, format, prevFormat, onChange]);
|
|
99
|
-
const isCompletedDate = (0,
|
|
99
|
+
const isCompletedDate = (0, import_react2.useCallback)(
|
|
100
100
|
() => (0, import_utils.isTimeCompletelySet)({ year, month, day }, { showYear, showMonth, showDay }, { yearMinRange, yearMaxRange }),
|
|
101
101
|
[day, month, showDay, showMonth, showYear, year, yearMaxRange, yearMinRange]
|
|
102
102
|
);
|
|
103
|
-
(0,
|
|
103
|
+
(0, import_react2.useEffect)(() => {
|
|
104
104
|
if (INTERNAL_V2_NO_MUTATION) {
|
|
105
105
|
const dateValues = (0, import_utils.getDateValuesFromTime)(time, format);
|
|
106
106
|
if (dateValues.day !== day && isCompletedDate()) {
|
|
@@ -306,7 +306,7 @@ const DateInputs = ({
|
|
|
306
306
|
);
|
|
307
307
|
return [
|
|
308
308
|
inputsWithDividers,
|
|
309
|
-
|
|
309
|
+
import_react2.default.createElement("span", { key: "span" })
|
|
310
310
|
];
|
|
311
311
|
};
|
|
312
312
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputTimesGroup, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/DateInput/components/DateInputs.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"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 { DateInputs };\nexport default DateInputs;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
6
|
-
"names": ["React", "PropTypes", "Moment"]
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["import_react", "React", "PropTypes", "Moment"]
|
|
7
7
|
}
|
|
@@ -30,44 +30,23 @@ module.exports = __toCommonJS(props_exports);
|
|
|
30
30
|
var React = __toESM(require("react"));
|
|
31
31
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
32
32
|
const props = {
|
|
33
|
-
containerProps: import_ds_utilities.PropTypes.object.description(
|
|
34
|
-
|
|
33
|
+
containerProps: import_ds_utilities.PropTypes.object.description("props injected to date input wrapper node"),
|
|
34
|
+
innerRef: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.func, import_ds_utilities.PropTypes.shape({ current: import_ds_utilities.PropTypes.any })]).description(
|
|
35
|
+
"inner ref for input wrapper"
|
|
35
36
|
),
|
|
36
|
-
innerRef: import_ds_utilities.PropTypes.oneOfType([
|
|
37
|
-
import_ds_utilities.PropTypes.func,
|
|
38
|
-
import_ds_utilities.PropTypes.shape({ current: import_ds_utilities.PropTypes.any })
|
|
39
|
-
]).description("inner ref for input wrapper"),
|
|
40
37
|
className: import_ds_utilities.PropTypes.string.description("class for input"),
|
|
41
38
|
style: import_ds_utilities.PropTypes.object.description("Set style for the date input"),
|
|
42
|
-
onBlur: import_ds_utilities.PropTypes.func.description(
|
|
43
|
-
|
|
44
|
-
),
|
|
45
|
-
onFocus: import_ds_utilities.PropTypes.func.description(
|
|
46
|
-
"Triggers the onFocus when the component gets the focus"
|
|
47
|
-
),
|
|
39
|
+
onBlur: import_ds_utilities.PropTypes.func.description("Triggers the onBlur when focus moves out of date input"),
|
|
40
|
+
onFocus: import_ds_utilities.PropTypes.func.description("Triggers the onFocus when the component gets the focus"),
|
|
48
41
|
onClear: import_ds_utilities.PropTypes.func.description("Triggers the onClear"),
|
|
49
42
|
onKeyDown: import_ds_utilities.PropTypes.func.description("Triggers the onKeyDown"),
|
|
50
|
-
onChange: import_ds_utilities.PropTypes.func.description(
|
|
51
|
-
|
|
52
|
-
),
|
|
53
|
-
onError: import_ds_utilities.PropTypes.func.description(
|
|
54
|
-
"Triggers the onError once one input date is wrong"
|
|
55
|
-
),
|
|
43
|
+
onChange: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the date input changes"),
|
|
44
|
+
onError: import_ds_utilities.PropTypes.func.description("Triggers the onError once one input date is wrong"),
|
|
56
45
|
format: import_ds_utilities.PropTypes.string.description("Format type for date input"),
|
|
57
|
-
value: import_ds_utilities.PropTypes.string.description(
|
|
58
|
-
|
|
59
|
-
),
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
),
|
|
63
|
-
disabled: import_ds_utilities.PropTypes.bool.description(
|
|
64
|
-
"Whether the date input is disabled or not"
|
|
65
|
-
),
|
|
66
|
-
yearMaxRange: import_ds_utilities.PropTypes.number.description(
|
|
67
|
-
"Max year that can be accepted by the date input"
|
|
68
|
-
),
|
|
69
|
-
yearMinRange: import_ds_utilities.PropTypes.number.description(
|
|
70
|
-
"Min year that can be accepted by the date input"
|
|
71
|
-
)
|
|
46
|
+
value: import_ds_utilities.PropTypes.string.description("Default value once the component is initialized"),
|
|
47
|
+
clearable: import_ds_utilities.PropTypes.bool.description("Whether the date input is clearable or not"),
|
|
48
|
+
disabled: import_ds_utilities.PropTypes.bool.description("Whether the date input is disabled or not"),
|
|
49
|
+
yearMaxRange: import_ds_utilities.PropTypes.number.description("Max year that can be accepted by the date input"),
|
|
50
|
+
yearMinRange: import_ds_utilities.PropTypes.number.description("Min year that can be accepted by the date input")
|
|
72
51
|
};
|
|
73
52
|
//# sourceMappingURL=props.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/DateInput/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const props = {\n /** props injected to date input wrapper node */\n containerProps: PropTypes.object.description(
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,8BAAU,OAAO
|
|
4
|
+
"sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const props = {\n /** props injected to date input wrapper node */\n containerProps: PropTypes.object.description('props injected to date input wrapper node'),\n /** inner ref for input wrapper */\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n 'inner ref for input wrapper',\n ),\n /** class for input */\n className: PropTypes.string.description('class for input'),\n /**\n * Set style for the date input\n */\n style: PropTypes.object.description('Set style for the date input'),\n /**\n * Triggers the onBlur when focus moves out of date input\n */\n onBlur: PropTypes.func.description('Triggers the onBlur when focus moves out of date input'),\n /**\n * Triggers the onFocus when the component gets the focus\n */\n onFocus: PropTypes.func.description('Triggers the onFocus when the component gets the focus'),\n /**\n * Triggers the onClear\n */\n onClear: PropTypes.func.description('Triggers the onClear'),\n /**\n * Triggers the onKeyDown\n */\n onKeyDown: PropTypes.func.description('Triggers the onKeyDown'),\n /**\n * Allows a function that is triggered once the date input changes\n */\n onChange: PropTypes.func.description('Allows a function that is triggered once the date input changes'),\n /**\n * Triggers the onError once one input date is wrong\n */\n onError: PropTypes.func.description('Triggers the onError once one input date is wrong'),\n /**\n * Format type for date input\n */\n format: PropTypes.string.description('Format type for date input'),\n /**\n * Default value once the component is initialized\n */\n value: PropTypes.string.description('Default value once the component is initialized'),\n /**\n * Whether the date input is clearable or not\n */\n clearable: PropTypes.bool.description('Whether the date input is clearable or not'),\n /**\n * Whether the date input is disabled or not\n */\n disabled: PropTypes.bool.description('Whether the date input is disabled or not'),\n /**\n * Max year that can be accepted by the date input\n */\n yearMaxRange: PropTypes.number.description('Max year that can be accepted by the date input'),\n /**\n * Min year that can be accepted by the date input\n */\n yearMinRange: PropTypes.number.description('Min year that can be accepted by the date input'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,8BAAU,OAAO,YAAY,2CAA2C;AAAA,EAExF,UAAU,8BAAU,UAAU,CAAC,8BAAU,MAAM,8BAAU,MAAM,EAAE,SAAS,8BAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA,EAEA,WAAW,8BAAU,OAAO,YAAY,iBAAiB;AAAA,EAIzD,OAAO,8BAAU,OAAO,YAAY,8BAA8B;AAAA,EAIlE,QAAQ,8BAAU,KAAK,YAAY,wDAAwD;AAAA,EAI3F,SAAS,8BAAU,KAAK,YAAY,wDAAwD;AAAA,EAI5F,SAAS,8BAAU,KAAK,YAAY,sBAAsB;AAAA,EAI1D,WAAW,8BAAU,KAAK,YAAY,wBAAwB;AAAA,EAI9D,UAAU,8BAAU,KAAK,YAAY,iEAAiE;AAAA,EAItG,SAAS,8BAAU,KAAK,YAAY,mDAAmD;AAAA,EAIvF,QAAQ,8BAAU,OAAO,YAAY,4BAA4B;AAAA,EAIjE,OAAO,8BAAU,OAAO,YAAY,iDAAiD;AAAA,EAIrF,WAAW,8BAAU,KAAK,YAAY,4CAA4C;AAAA,EAIlF,UAAU,8BAAU,KAAK,YAAY,2CAA2C;AAAA,EAIhF,cAAc,8BAAU,OAAO,YAAY,iDAAiD;AAAA,EAI5F,cAAc,8BAAU,OAAO,YAAY,iDAAiD;AAC9F;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/DateInputV2/components/DSDateInput.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { DSInput } from '../../Input';\nimport { DateInputs } from './DateInputs';\nimport { props, defaultProps } from './props';\n\nconst DSDateInputV2 = ({\n onFocus,\n onBlur,\n onChange,\n onDateChange,\n onKeyDown,\n onError,\n value,\n disabled,\n containerProps,\n tabIndex,\n innerRef,\n}) => (\n <DSInput\n innerRef={innerRef}\n containerProps={containerProps}\n customInputType={({ innerRef: ir }) => (\n <DateInputs\n disabled={disabled}\n innerRef={ir}\n onBlur={onBlur}\n onChange={onChange}\n onDateChange={onDateChange}\n onCustomKeyDown={onKeyDown}\n onError={onError}\n time={value}\n tabIndex={tabIndex}\n />\n )}\n disableTooltip={false}\n disabled={disabled}\n onBlur={onBlur}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n value={value}\n tabIndex={tabIndex}\n />\n);\n\nDSDateInputV2.defaultProps = defaultProps;\n\nDSDateInputV2.propTypes = props;\nDSDateInputV2.displayName = 'DSDateInputV2';\nconst DSDateInputV2WithSchema = describe(DSDateInputV2);\nDSDateInputV2WithSchema.propTypes = props;\n\nexport { DSDateInputV2, DSDateInputV2WithSchema };\nexport default DSDateInputV2;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBjB;AAtBN,0BAAyB;AACzB,mBAAwB;AACxB,wBAA2B;AAC3B,mBAAoC;AAEpC,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,4CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC,EAAE,UAAU,GAAG,MAC/B,4CAAC;AAAA,IACC;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA,MAAM;AAAA,IACN;AAAA,GACF;AAAA,EAEF,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF;AAGF,cAAc,eAAe;AAE7B,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,8BAA0B,8BAAS,aAAa;AACtD,wBAAwB,YAAY;AAGpC,IAAO,sBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -30,7 +30,7 @@ module.exports = __toCommonJS(DateInputs_exports);
|
|
|
30
30
|
var React = __toESM(require("react"));
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
var import_react = require("react");
|
|
33
|
-
var
|
|
33
|
+
var import_react2 = __toESM(require("react"));
|
|
34
34
|
var import_moment = __toESM(require("moment"));
|
|
35
35
|
var import_utils = require("./utils");
|
|
36
36
|
var import_helpers = require("./helpers");
|
|
@@ -38,15 +38,15 @@ var import_styled = require("./styled");
|
|
|
38
38
|
var import_propsTypes = require("./propsTypes");
|
|
39
39
|
const FORMAT = "MMDDYYYY";
|
|
40
40
|
const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown, time, tabIndex, innerRef }) => {
|
|
41
|
-
const [month, setMonth] = (0,
|
|
42
|
-
const [day, setDay] = (0,
|
|
43
|
-
const [year, setYear] = (0,
|
|
44
|
-
const [onChangeDateTrigger, setOnChangeDateTrigger] = (0,
|
|
45
|
-
const dayRef =
|
|
46
|
-
const [haveInputsOnChangeTriggered, setHaveInputsOnChangeTriggered] = (0,
|
|
41
|
+
const [month, setMonth] = (0, import_react2.useState)("");
|
|
42
|
+
const [day, setDay] = (0, import_react2.useState)("");
|
|
43
|
+
const [year, setYear] = (0, import_react2.useState)("");
|
|
44
|
+
const [onChangeDateTrigger, setOnChangeDateTrigger] = (0, import_react2.useState)({});
|
|
45
|
+
const dayRef = import_react2.default.useRef();
|
|
46
|
+
const [haveInputsOnChangeTriggered, setHaveInputsOnChangeTriggered] = (0, import_react2.useState)(false);
|
|
47
47
|
let digits = 2;
|
|
48
48
|
let placeholder = "";
|
|
49
|
-
const handleFluidClick =
|
|
49
|
+
const handleFluidClick = import_react2.default.useCallback(
|
|
50
50
|
(e) => {
|
|
51
51
|
if (!e.target.type && dayRef.current) {
|
|
52
52
|
dayRef.current.focus();
|
|
@@ -54,7 +54,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
|
|
|
54
54
|
},
|
|
55
55
|
[dayRef.current]
|
|
56
56
|
);
|
|
57
|
-
const triggerOnDateChange =
|
|
57
|
+
const triggerOnDateChange = import_react2.default.useCallback(() => {
|
|
58
58
|
if (month && day && year && haveInputsOnChangeTriggered) {
|
|
59
59
|
const momentValue = (0, import_moment.default)(`${month}${day}${year}`, "MMDDYYYY", true);
|
|
60
60
|
if (momentValue.isValid()) {
|
|
@@ -63,7 +63,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
|
|
|
63
63
|
setHaveInputsOnChangeTriggered(false);
|
|
64
64
|
}
|
|
65
65
|
}, [day, month, year, haveInputsOnChangeTriggered]);
|
|
66
|
-
const onMonthChange =
|
|
66
|
+
const onMonthChange = import_react2.default.useCallback((e, isArrowChange) => {
|
|
67
67
|
const value = (0, import_utils.getFormattedMonth)(e.target.value);
|
|
68
68
|
const shouldAdvance = (0, import_utils.getShouldShortcircuitMonth)(e.target.value);
|
|
69
69
|
setMonth(value);
|
|
@@ -74,7 +74,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
|
|
|
74
74
|
setOnChangeDateTrigger({});
|
|
75
75
|
}
|
|
76
76
|
}, []);
|
|
77
|
-
const onDayChange =
|
|
77
|
+
const onDayChange = import_react2.default.useCallback((e, isArrowChange) => {
|
|
78
78
|
const value = (0, import_utils.getFormattedDay)(e.target.value);
|
|
79
79
|
const shouldAdvance = (0, import_utils.getShouldShortcircuitDay)(e.target.value);
|
|
80
80
|
setDay(value);
|
|
@@ -85,22 +85,22 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
|
|
|
85
85
|
setOnChangeDateTrigger({});
|
|
86
86
|
}
|
|
87
87
|
}, []);
|
|
88
|
-
const onYearChange =
|
|
88
|
+
const onYearChange = import_react2.default.useCallback((e) => {
|
|
89
89
|
const value = (0, import_utils.getFormattedYear)(e.target.value);
|
|
90
90
|
setYear(value);
|
|
91
91
|
setHaveInputsOnChangeTriggered(true);
|
|
92
92
|
setOnChangeDateTrigger({});
|
|
93
93
|
}, []);
|
|
94
|
-
(0,
|
|
94
|
+
(0, import_react2.useEffect)(() => {
|
|
95
95
|
if (haveInputsOnChangeTriggered) {
|
|
96
96
|
const momentValue = (0, import_moment.default)(`${month}${day}${year}`, FORMAT, true);
|
|
97
97
|
onChange(`${month}${day}${year}`, momentValue.isValid() ? momentValue : null);
|
|
98
98
|
}
|
|
99
99
|
}, [day, month, year]);
|
|
100
|
-
(0,
|
|
100
|
+
(0, import_react2.useEffect)(() => {
|
|
101
101
|
triggerOnDateChange();
|
|
102
102
|
}, [onChangeDateTrigger]);
|
|
103
|
-
(0,
|
|
103
|
+
(0, import_react2.useEffect)(() => {
|
|
104
104
|
if (time && time !== `${month}${day}${year}` && (0, import_moment.default)(time, "MMDDYYYY").isValid()) {
|
|
105
105
|
const values = String(time || "");
|
|
106
106
|
if (values.slice(0, 2))
|
|
@@ -189,7 +189,7 @@ const DateInputs = ({ onBlur, onChange, onDateChange, disabled, onCustomKeyDown,
|
|
|
189
189
|
);
|
|
190
190
|
return [
|
|
191
191
|
inputsWithDividers,
|
|
192
|
-
|
|
192
|
+
import_react2.default.createElement("span", { key: "span" })
|
|
193
193
|
];
|
|
194
194
|
};
|
|
195
195
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.DateInputFluidContainer, {
|