@elliemae/ds-form 3.5.0-rc.9 → 3.5.1-next.0
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 +31 -27
- package/dist/cjs/CheckboxGroup/DSCheckboxGroup.js.map +1 -1
- package/dist/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js +2 -2
- package/dist/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map +2 -2
- package/dist/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js +13 -5
- package/dist/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js.map +2 -2
- package/dist/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js +7 -4
- package/dist/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js.map +2 -2
- package/dist/cjs/ComboBoxFreeSolo/components/SingleValue.js +6 -5
- package/dist/cjs/ComboBoxFreeSolo/components/SingleValue.js.map +2 -2
- package/dist/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js +14 -13
- package/dist/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js.map +2 -2
- package/dist/cjs/DateInput/DSDateInput.js +4 -3
- package/dist/cjs/DateInput/DSDateInput.js.map +2 -2
- package/dist/cjs/DateInput/components/DateInputImpl.js +19 -17
- package/dist/cjs/DateInput/components/DateInputImpl.js.map +2 -2
- package/dist/cjs/DateInput/components/DateInputs.js +15 -12
- package/dist/cjs/DateInput/components/DateInputs.js.map +1 -1
- package/dist/cjs/DateInputV2/components/DSDateInput.js +3 -3
- package/dist/cjs/DateInputV2/components/DSDateInput.js.map +2 -2
- package/dist/cjs/DateInputV2/components/DateInputs.js +19 -13
- package/dist/cjs/DateInputV2/components/DateInputs.js.map +1 -1
- package/dist/cjs/ExpandableInput/DSExpandableInput.js +5 -4
- package/dist/cjs/ExpandableInput/DSExpandableInput.js.map +2 -2
- package/dist/cjs/ExpandableInput/ExpandableInputImpl.js +16 -13
- package/dist/cjs/ExpandableInput/ExpandableInputImpl.js.map +1 -1
- package/dist/cjs/FloatingLabelInput/DSFloatingLabelInput.js +2 -2
- package/dist/cjs/FloatingLabelInput/DSFloatingLabelInput.js.map +2 -2
- package/dist/cjs/FloatingLabelInput/FloatingLabelInputImpl.js +31 -16
- package/dist/cjs/FloatingLabelInput/FloatingLabelInputImpl.js.map +1 -1
- package/dist/cjs/FormItem/DSFormItemLayout.js +64 -34
- package/dist/cjs/FormItem/DSFormItemLayout.js.map +2 -2
- package/dist/cjs/FormItem/Error/DSError.js +5 -4
- package/dist/cjs/FormItem/Error/DSError.js.map +2 -2
- package/dist/cjs/FormItem/Feedback.js +5 -4
- package/dist/cjs/FormItem/Feedback.js.map +2 -2
- package/dist/cjs/FormItem/Label/DSLabel.js +15 -9
- package/dist/cjs/FormItem/Label/DSLabel.js.map +2 -2
- package/dist/cjs/InputGroup/AddonWrapper.js +14 -4
- package/dist/cjs/InputGroup/AddonWrapper.js.map +2 -2
- package/dist/cjs/InputGroup/DSInputGroup.js +5 -4
- package/dist/cjs/InputGroup/DSInputGroup.js.map +2 -2
- package/dist/cjs/InputMask/DSInputMask.js +3 -2
- package/dist/cjs/InputMask/DSInputMask.js.map +2 -2
- package/dist/cjs/InputMask/DSInputMaskDeprecated.js +2 -1
- package/dist/cjs/InputMask/DSInputMaskDeprecated.js.map +1 -1
- package/dist/cjs/InputMask/mask_types/DateInputMask.js +3 -2
- package/dist/cjs/InputMask/mask_types/DateInputMask.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/DateTimeInputMask.js +3 -2
- package/dist/cjs/InputMask/mask_types/DateTimeInputMask.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/DictionaryInputMask.js +3 -2
- package/dist/cjs/InputMask/mask_types/DictionaryInputMask.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/NumberInputMask.js +3 -2
- package/dist/cjs/InputMask/mask_types/NumberInputMask.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/PhoneInputMask.js +3 -2
- package/dist/cjs/InputMask/mask_types/PhoneInputMask.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/PhoneInternationalInputMask.js +3 -2
- package/dist/cjs/InputMask/mask_types/PhoneInternationalInputMask.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/SsnInputMask.js +3 -2
- package/dist/cjs/InputMask/mask_types/SsnInputMask.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/UsZipCodeInputMask.js +3 -2
- package/dist/cjs/InputMask/mask_types/UsZipCodeInputMask.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js +3 -2
- package/dist/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js.map +2 -2
- package/dist/cjs/InputMask/mask_types/index.js +11 -11
- package/dist/cjs/InputMask/mask_types/index.js.map +2 -2
- package/dist/cjs/InputProtected/DSInputProtected.js +34 -30
- package/dist/cjs/InputProtected/DSInputProtected.js.map +2 -2
- package/dist/cjs/LargeInputText/DSLargeInputText.js +49 -40
- package/dist/cjs/LargeInputText/DSLargeInputText.js.map +2 -2
- package/dist/cjs/Radio/Circle.js +10 -9
- package/dist/cjs/Radio/Circle.js.map +2 -2
- package/dist/cjs/Radio/DSRadio.js +61 -48
- package/dist/cjs/Radio/DSRadio.js.map +2 -2
- package/dist/cjs/RadioGroup/DSRadioGroup.js +32 -28
- package/dist/cjs/RadioGroup/DSRadioGroup.js.map +1 -1
- package/dist/cjs/RequiredMark/RequiredMark.js +9 -7
- package/dist/cjs/RequiredMark/RequiredMark.js.map +2 -2
- package/dist/cjs/TimeInput/DSTimeInput.js +3 -3
- package/dist/cjs/TimeInput/DSTimeInput.js.map +2 -2
- package/dist/cjs/TimeInput/TimeInputImpl.js +17 -15
- package/dist/cjs/TimeInput/TimeInputImpl.js.map +2 -2
- package/dist/cjs/TimeInput/TimeInputs.js +16 -13
- package/dist/cjs/TimeInput/TimeInputs.js.map +2 -2
- package/dist/cjs/Toggle/DSToggle.js +2 -2
- package/dist/cjs/Toggle/DSToggle.js.map +2 -2
- package/dist/cjs/Toggle/DSToggleImpl.js +2 -1
- package/dist/cjs/Toggle/DSToggleImpl.js.map +1 -1
- package/dist/cjs/Toggle/DSToggleRender.js +42 -34
- package/dist/cjs/Toggle/DSToggleRender.js.map +2 -2
- package/dist/esm/CheckboxGroup/DSCheckboxGroup.js +31 -27
- package/dist/esm/CheckboxGroup/DSCheckboxGroup.js.map +1 -1
- package/dist/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js +2 -2
- package/dist/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map +2 -2
- package/dist/esm/ComboBoxFreeSolo/components/MultiValueLabel.js +13 -5
- package/dist/esm/ComboBoxFreeSolo/components/MultiValueLabel.js.map +2 -2
- package/dist/esm/ComboBoxFreeSolo/components/MultiValueRemove.js +7 -4
- package/dist/esm/ComboBoxFreeSolo/components/MultiValueRemove.js.map +2 -2
- package/dist/esm/ComboBoxFreeSolo/components/SingleValue.js +6 -5
- package/dist/esm/ComboBoxFreeSolo/components/SingleValue.js.map +2 -2
- package/dist/esm/ComboBoxFreeSolo/components/SingleValueRemove.js +14 -13
- package/dist/esm/ComboBoxFreeSolo/components/SingleValueRemove.js.map +2 -2
- package/dist/esm/DateInput/DSDateInput.js +4 -3
- package/dist/esm/DateInput/DSDateInput.js.map +2 -2
- package/dist/esm/DateInput/components/DateInputImpl.js +19 -17
- package/dist/esm/DateInput/components/DateInputImpl.js.map +2 -2
- package/dist/esm/DateInput/components/DateInputs.js +15 -12
- package/dist/esm/DateInput/components/DateInputs.js.map +1 -1
- package/dist/esm/DateInputV2/components/DSDateInput.js +3 -3
- package/dist/esm/DateInputV2/components/DSDateInput.js.map +2 -2
- package/dist/esm/DateInputV2/components/DateInputs.js +19 -13
- package/dist/esm/DateInputV2/components/DateInputs.js.map +1 -1
- package/dist/esm/ExpandableInput/DSExpandableInput.js +5 -4
- package/dist/esm/ExpandableInput/DSExpandableInput.js.map +2 -2
- package/dist/esm/ExpandableInput/ExpandableInputImpl.js +16 -13
- package/dist/esm/ExpandableInput/ExpandableInputImpl.js.map +1 -1
- package/dist/esm/FloatingLabelInput/DSFloatingLabelInput.js +2 -2
- package/dist/esm/FloatingLabelInput/DSFloatingLabelInput.js.map +2 -2
- package/dist/esm/FloatingLabelInput/FloatingLabelInputImpl.js +31 -16
- package/dist/esm/FloatingLabelInput/FloatingLabelInputImpl.js.map +1 -1
- package/dist/esm/FormItem/DSFormItemLayout.js +64 -34
- package/dist/esm/FormItem/DSFormItemLayout.js.map +2 -2
- package/dist/esm/FormItem/Error/DSError.js +5 -4
- package/dist/esm/FormItem/Error/DSError.js.map +2 -2
- package/dist/esm/FormItem/Feedback.js +5 -4
- package/dist/esm/FormItem/Feedback.js.map +2 -2
- package/dist/esm/FormItem/Label/DSLabel.js +15 -9
- package/dist/esm/FormItem/Label/DSLabel.js.map +2 -2
- package/dist/esm/InputGroup/AddonWrapper.js +14 -4
- package/dist/esm/InputGroup/AddonWrapper.js.map +2 -2
- package/dist/esm/InputGroup/DSInputGroup.js +5 -4
- package/dist/esm/InputGroup/DSInputGroup.js.map +2 -2
- package/dist/esm/InputMask/DSInputMask.js +3 -2
- package/dist/esm/InputMask/DSInputMask.js.map +2 -2
- package/dist/esm/InputMask/DSInputMaskDeprecated.js +2 -1
- package/dist/esm/InputMask/DSInputMaskDeprecated.js.map +1 -1
- package/dist/esm/InputMask/mask_types/DateInputMask.js +3 -2
- package/dist/esm/InputMask/mask_types/DateInputMask.js.map +2 -2
- package/dist/esm/InputMask/mask_types/DateTimeInputMask.js +3 -2
- package/dist/esm/InputMask/mask_types/DateTimeInputMask.js.map +2 -2
- package/dist/esm/InputMask/mask_types/DictionaryInputMask.js +3 -2
- package/dist/esm/InputMask/mask_types/DictionaryInputMask.js.map +2 -2
- package/dist/esm/InputMask/mask_types/NumberInputMask.js +3 -2
- package/dist/esm/InputMask/mask_types/NumberInputMask.js.map +2 -2
- package/dist/esm/InputMask/mask_types/PhoneInputMask.js +3 -2
- package/dist/esm/InputMask/mask_types/PhoneInputMask.js.map +2 -2
- package/dist/esm/InputMask/mask_types/PhoneInternationalInputMask.js +3 -2
- package/dist/esm/InputMask/mask_types/PhoneInternationalInputMask.js.map +2 -2
- package/dist/esm/InputMask/mask_types/SsnInputMask.js +3 -2
- package/dist/esm/InputMask/mask_types/SsnInputMask.js.map +2 -2
- package/dist/esm/InputMask/mask_types/UsZipCodeInputMask.js +3 -2
- package/dist/esm/InputMask/mask_types/UsZipCodeInputMask.js.map +2 -2
- package/dist/esm/InputMask/mask_types/ZipCodeSearchInputMask.js +3 -2
- package/dist/esm/InputMask/mask_types/ZipCodeSearchInputMask.js.map +2 -2
- package/dist/esm/InputMask/mask_types/index.js +11 -11
- package/dist/esm/InputMask/mask_types/index.js.map +2 -2
- package/dist/esm/InputProtected/DSInputProtected.js +34 -30
- package/dist/esm/InputProtected/DSInputProtected.js.map +2 -2
- package/dist/esm/LargeInputText/DSLargeInputText.js +49 -40
- package/dist/esm/LargeInputText/DSLargeInputText.js.map +2 -2
- package/dist/esm/Radio/Circle.js +10 -9
- package/dist/esm/Radio/Circle.js.map +2 -2
- package/dist/esm/Radio/DSRadio.js +61 -48
- package/dist/esm/Radio/DSRadio.js.map +2 -2
- package/dist/esm/RadioGroup/DSRadioGroup.js +32 -28
- package/dist/esm/RadioGroup/DSRadioGroup.js.map +1 -1
- package/dist/esm/RequiredMark/RequiredMark.js +9 -7
- package/dist/esm/RequiredMark/RequiredMark.js.map +2 -2
- package/dist/esm/TimeInput/DSTimeInput.js +3 -3
- package/dist/esm/TimeInput/DSTimeInput.js.map +2 -2
- package/dist/esm/TimeInput/TimeInputImpl.js +17 -15
- package/dist/esm/TimeInput/TimeInputImpl.js.map +2 -2
- package/dist/esm/TimeInput/TimeInputs.js +16 -13
- package/dist/esm/TimeInput/TimeInputs.js.map +1 -1
- package/dist/esm/Toggle/DSToggle.js +2 -2
- package/dist/esm/Toggle/DSToggle.js.map +2 -2
- package/dist/esm/Toggle/DSToggleImpl.js +2 -1
- package/dist/esm/Toggle/DSToggleImpl.js.map +1 -1
- package/dist/esm/Toggle/DSToggleRender.js +42 -34
- package/dist/esm/Toggle/DSToggleRender.js.map +2 -2
- package/package.json +12 -12
|
@@ -30,7 +30,8 @@ __export(DSRadio_exports, {
|
|
|
30
30
|
});
|
|
31
31
|
module.exports = __toCommonJS(DSRadio_exports);
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var
|
|
33
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
34
|
+
var import_react = require("react");
|
|
34
35
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
35
36
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
36
37
|
var import_Circle = require("./Circle");
|
|
@@ -58,54 +59,66 @@ const DSRadio = ({
|
|
|
58
59
|
disabled
|
|
59
60
|
});
|
|
60
61
|
const checkRef = (0, import_react.useRef)(null);
|
|
61
|
-
return /* @__PURE__ */
|
|
62
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
|
|
62
63
|
...containerProps,
|
|
63
|
-
className: cssClassName
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
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
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
64
|
+
className: cssClassName,
|
|
65
|
+
children: [
|
|
66
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", {
|
|
67
|
+
className: classNameElement("label"),
|
|
68
|
+
htmlFor,
|
|
69
|
+
children: [
|
|
70
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
|
|
71
|
+
...otherProps,
|
|
72
|
+
ref: checkRef,
|
|
73
|
+
"aria-disabled": disabled,
|
|
74
|
+
checked: disabled ? false : checked,
|
|
75
|
+
className: classNameElement("input"),
|
|
76
|
+
disabled,
|
|
77
|
+
name,
|
|
78
|
+
onChange: (e) => {
|
|
79
|
+
if (!readOnly && !disabled) {
|
|
80
|
+
onChange(e);
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
readOnly,
|
|
84
|
+
tabIndex: -1,
|
|
85
|
+
type: "radio",
|
|
86
|
+
value
|
|
87
|
+
}),
|
|
88
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
|
|
89
|
+
ref: innerRef,
|
|
90
|
+
"aria-checked": checked,
|
|
91
|
+
"aria-disabled": disabled,
|
|
92
|
+
className: classNameElement("input-button"),
|
|
93
|
+
onKeyDown: (e) => {
|
|
94
|
+
e.target = checkRef.current;
|
|
95
|
+
if (disabled)
|
|
96
|
+
return;
|
|
97
|
+
if (e.key === "Enter" || e.keyCode === 32) {
|
|
98
|
+
onChange(e);
|
|
99
|
+
} else if (otherProps.onKeyDown) {
|
|
100
|
+
otherProps.onKeyDown(e);
|
|
101
|
+
}
|
|
102
|
+
},
|
|
103
|
+
role: "radio",
|
|
104
|
+
style,
|
|
105
|
+
tabIndex: disabled ? -1 : tabIndex,
|
|
106
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Circle.Circle, {
|
|
107
|
+
checked
|
|
108
|
+
})
|
|
109
|
+
}),
|
|
110
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
|
|
111
|
+
className: classNameElement("label-text"),
|
|
112
|
+
children: labelText
|
|
113
|
+
})
|
|
114
|
+
]
|
|
115
|
+
}),
|
|
116
|
+
children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
117
|
+
className: classNameElement("radio-children"),
|
|
118
|
+
children
|
|
119
|
+
})
|
|
120
|
+
]
|
|
121
|
+
});
|
|
109
122
|
};
|
|
110
123
|
DSRadio.defaultProps = {
|
|
111
124
|
containerProps: {},
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/Radio/DSRadio.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/no-unknown-property */\nimport React, { useRef } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { Circle } from './Circle';\n\ninterface DSRadioT {\n [x: string]: unknown;\n innerRef?: React.MutableRefObject<HTMLInputElement>;\n containerProps?: { [x: string]: unknown };\n className?: string;\n style?: React.CSSProperties;\n labelText?: string;\n htmlFor?: string;\n hasError?: boolean;\n readOnly?: boolean;\n disabled?: boolean;\n checked?: boolean;\n value?: string;\n name?: string;\n onKeyDown?: React.KeyboardEventHandler<HTMLSpanElement>;\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\n children?: React.ReactNode | React.ReactNode[];\n tabIndex?: number;\n}\n\nconst DSRadio = ({\n containerProps,\n className,\n style,\n labelText,\n htmlFor,\n hasError,\n readOnly,\n disabled,\n checked,\n value,\n name,\n onChange,\n children,\n tabIndex,\n innerRef,\n ...otherProps\n}: DSRadioT) => {\n // this will be solved when we move to styled components...\n // eslint-disable-next-line @typescript-eslint/unbound-method\n const { cssClassName, classNameElement } = convertPropToCssClassName('form-element-radio', className, {\n hasError,\n readOnly,\n disabled,\n });\n const checkRef = useRef<HTMLInputElement | null>(null);\n return (\n <div {...containerProps} className={cssClassName}>\n <label className={classNameElement('label')} htmlFor={htmlFor}>\n <input\n {...otherProps}\n ref={checkRef}\n aria-disabled={disabled}\n checked={disabled ? false : checked}\n className={classNameElement('input')}\n disabled={disabled}\n name={name}\n onChange={(e) => {\n if (!readOnly && !disabled) {\n onChange(e);\n }\n }}\n readOnly={readOnly}\n tabIndex={-1}\n type=\"radio\"\n value={value}\n />\n <span\n ref={innerRef}\n aria-checked={checked}\n aria-disabled={disabled}\n className={classNameElement('input-button')}\n onKeyDown={(e) => {\n // really really bad pattern...\n // overwriting the target to point to the hidden input because the focus is on the span and not on the input...\n // we will solve this with a v2 of this when we move to controlled + styled components...\n e.target = checkRef.current;\n if (disabled) return;\n if (e.key === 'Enter' || e.keyCode === 32) {\n onChange(e);\n } else if (otherProps.onKeyDown) {\n otherProps.onKeyDown(e);\n }\n }}\n role=\"radio\"\n style={style}\n tabIndex={disabled ? -1 : tabIndex}\n // value={value} // should be unused?\n >\n <Circle checked={checked} />\n </span>\n <span className={classNameElement('label-text')}>{labelText}</span>\n </label>\n {children && <div className={classNameElement('radio-children')}>{children}</div>}\n </div>\n );\n};\n\nDSRadio.defaultProps = {\n containerProps: {},\n className: '',\n hasError: false,\n readOnly: false,\n disabled: false,\n checked: false,\n name: '',\n onChange: () => null,\n children: null,\n tabIndex: 0,\n};\n\nconst radioProps = {\n /** Injected props to wrapper element of component */\n containerProps: PropTypes.object.description('Injected props to wrapper element of component'),\n /** css class prop */\n className: PropTypes.string.description('css class prop'),\n /** name property to manage form */\n name: PropTypes.string.description('name property to manage form'),\n /**\n * Displayable label for the radio\n */\n labelText: PropTypes.string.description('Displayable label for the radio'),\n /** HTMLFOR property to manage form */\n htmlFor: PropTypes.element.description('HTMLFOR property to manage form'),\n /**\n * Whether the radio has error or not\n */\n hasError: PropTypes.bool.description('Whether the radio has error or not'),\n /**\n * Whether the radio is read only or not\n */\n readOnly: PropTypes.bool.description('Whether the radio is read only or not'),\n /**\n * Whether the radio is disabled or not\n */\n disabled: PropTypes.bool.description('Whether the radio is disabled or not'),\n /**\n * Whether the radio is checked or not\n */\n checked: PropTypes.bool.description('Whether the radio is checked or not'),\n /**\n * Value that takes the checkbox if it is checked\n */\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n 'Value that takes the checkbox if it is checked',\n ).isRequired,\n /**\n * Allows a function that is triggered once the radio changes\n */\n onChange: PropTypes.func.description('Allows a function that is triggered once the radio changes'),\n /**\n * Optional, if you want a checkbox customized\n */\n children: PropTypes.node.description('Optional, if you want a checkbox customized'),\n /** HTML tabindex to manage focus */\n tabIndex: PropTypes.number.description('HTML tabindex to manage focus'),\n /** style override object */\n style: PropTypes.object.description('style override object'),\n};\n\nDSRadio.propTypes = radioProps;\nDSRadio.displayName = 'DSRadio';\nconst DSRadioWithSchema = describe(DSRadio);\nDSRadioWithSchema.propTypes = radioProps;\n\nexport { DSRadio, DSRadioWithSchema };\n\nexport default DSRadio;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -30,6 +30,7 @@ __export(DSRadioGroup_exports, {
|
|
|
30
30
|
});
|
|
31
31
|
module.exports = __toCommonJS(DSRadioGroup_exports);
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
34
|
var import_react = __toESM(require("react"));
|
|
34
35
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
35
36
|
var import_ds_shared = require("@elliemae/ds-shared");
|
|
@@ -39,8 +40,8 @@ var import_props = require("./props");
|
|
|
39
40
|
var import_defaultProps = require("./defaultProps");
|
|
40
41
|
const emClassPrefix = "em-ds";
|
|
41
42
|
const baseClass = `${emClassPrefix}-radio-group`;
|
|
42
|
-
const RadioItem = (props) => /* @__PURE__ */
|
|
43
|
-
render: (context) => /* @__PURE__ */
|
|
43
|
+
const RadioItem = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_shared.GroupItem, {
|
|
44
|
+
render: (context) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Radio.DSRadio, {
|
|
44
45
|
...props,
|
|
45
46
|
checked: context.activeValue === props.value,
|
|
46
47
|
disabled: context.disabled || props.disabled,
|
|
@@ -73,37 +74,40 @@ const DSRadioGroup = ({
|
|
|
73
74
|
checkRefs[index + 1].focus();
|
|
74
75
|
}
|
|
75
76
|
};
|
|
76
|
-
const group = /* @__PURE__ */
|
|
77
|
+
const group = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_shared.Group, {
|
|
77
78
|
activeValue,
|
|
78
79
|
disabled,
|
|
79
|
-
onChange
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
80
|
+
onChange,
|
|
81
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
82
|
+
"data-testid": "ds-radiogroup",
|
|
83
|
+
...labelProps && labelProps.labelText ? {} : containerProps,
|
|
84
|
+
className: `${baseClass} ${baseClass}--${orientation}`,
|
|
85
|
+
role: "group",
|
|
86
|
+
children: import_react.default.Children.map(
|
|
87
|
+
children,
|
|
88
|
+
(child, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioItem, {
|
|
89
|
+
...child.props,
|
|
90
|
+
innerRef: (t) => {
|
|
91
|
+
checkRefs.push(t);
|
|
92
|
+
},
|
|
93
|
+
onKeyDown: (e) => onKeyDown(e, index)
|
|
94
|
+
}),
|
|
95
|
+
null
|
|
96
|
+
)
|
|
97
|
+
})
|
|
98
|
+
});
|
|
96
99
|
if (labelProps && labelProps.labelText) {
|
|
97
|
-
return /* @__PURE__ */
|
|
100
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
98
101
|
className: `${baseClass}-form-item-layout-wrapper`,
|
|
99
102
|
...containerProps,
|
|
100
|
-
role: "group"
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
103
|
+
role: "group",
|
|
104
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FormItem.DSFormItemLayout, {
|
|
105
|
+
...labelProps,
|
|
106
|
+
inputComponent: group,
|
|
107
|
+
onChange,
|
|
108
|
+
truncateText
|
|
109
|
+
})
|
|
110
|
+
});
|
|
107
111
|
}
|
|
108
112
|
return group;
|
|
109
113
|
};
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/RadioGroup/DSRadioGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { GroupItem, Group } from '@elliemae/ds-shared';\nimport { DSFormItemLayout } from '../FormItem';\nimport { DSRadio } from '../Radio';\nimport { props as rprops } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst emClassPrefix = 'em-ds';\nconst baseClass = `${emClassPrefix}-radio-group`;\n\nconst RadioItem = (props) => (\n <GroupItem\n render={(context) => (\n <DSRadio\n {...props}\n checked={context.activeValue === props.value}\n disabled={context.disabled || props.disabled}\n onChange={context.onChange}\n />\n )}\n />\n);\n\nconst DSRadioGroup = ({\n containerProps,\n onChange,\n activeValue,\n children,\n orientation,\n disabled,\n truncateText,\n labelProps,\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} onChange={onChange}>\n <div\n data-testid=\"ds-radiogroup\"\n {...(labelProps && labelProps.labelText ? {} : containerProps)}\n className={`${baseClass} ${baseClass}--${orientation}`}\n role=\"group\"\n >\n {React.Children.map(\n children,\n (child, index) => (\n <RadioItem\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\n className={`${baseClass}-form-item-layout-wrapper`}\n {...containerProps}\n role=\"group\"\n >\n <DSFormItemLayout\n {...labelProps}\n inputComponent={group}\n onChange={onChange}\n truncateText={truncateText}\n />\n </div>\n );\n }\n return group;\n};\n\nDSRadioGroup.propTypes = rprops;\nDSRadioGroup.defaultProps = defaultProps;\nDSRadioGroup.displayName = 'DSRadioGroup';\nconst DSRadioGroupWithSchema = describe(DSRadioGroup);\nDSRadioGroupWithSchema.propTypes = rprops;\n\nexport { DSRadioGroup, DSRadioGroupWithSchema };\n\nexport default DSRadioGroup;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAyB;AACzB,uBAAiC;AACjC,sBAAiC;AACjC,mBAAwB;AACxB,mBAAgC;AAChC,0BAA6B;AAE7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,YAAY,CAAC,UACjB,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,0BAAyB;AACzB,uBAAiC;AACjC,sBAAiC;AACjC,mBAAwB;AACxB,mBAAgC;AAChC,0BAA6B;AAE7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,YAAY,CAAC,UACjB,4CAAC;AAAA,EACC,QAAQ,CAAC,YACP,4CAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS,QAAQ,gBAAgB,MAAM;AAAA,IACvC,UAAU,QAAQ,YAAY,MAAM;AAAA,IACpC,UAAU,QAAQ;AAAA,GACpB;AAAA,CAEJ;AAGF,MAAM,eAAe,CAAC;AAAA,EACpB;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;AAAA,IACnD,sDAAC;AAAA,MACC,eAAY;AAAA,MACX,GAAI,cAAc,WAAW,YAAY,CAAC,IAAI;AAAA,MAC/C,WAAW,GAAG,aAAa,cAAc;AAAA,MACzC,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,MACC,WAAW,GAAG;AAAA,MACb,GAAG;AAAA,MACJ,MAAK;AAAA,MAEL,sDAAC;AAAA,QACE,GAAG;AAAA,QACJ,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,OACF;AAAA,KACF;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,aAAa,YAAY,aAAAC;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY,aAAAA;AAInC,IAAO,uBAAQ;",
|
|
6
6
|
"names": ["React", "rprops"]
|
|
7
7
|
}
|
|
@@ -30,20 +30,22 @@ __export(RequiredMark_exports, {
|
|
|
30
30
|
});
|
|
31
31
|
module.exports = __toCommonJS(RequiredMark_exports);
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var
|
|
33
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
34
34
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
35
35
|
const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("form-required-mark");
|
|
36
36
|
const RequiredMark = ({ required = false, optional = false }) => {
|
|
37
37
|
if (!required && !optional)
|
|
38
38
|
return null;
|
|
39
39
|
if (required) {
|
|
40
|
-
return /* @__PURE__ */
|
|
41
|
-
className: `${cssClassName}
|
|
42
|
-
|
|
40
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
|
|
41
|
+
className: `${cssClassName}`,
|
|
42
|
+
children: "\u25CF"
|
|
43
|
+
});
|
|
43
44
|
}
|
|
44
|
-
return /* @__PURE__ */
|
|
45
|
-
className: `${cssClassName} optional-mark
|
|
46
|
-
|
|
45
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
|
|
46
|
+
className: `${cssClassName} optional-mark`,
|
|
47
|
+
children: "\u26AC"
|
|
48
|
+
});
|
|
47
49
|
};
|
|
48
50
|
var RequiredMark_default = RequiredMark;
|
|
49
51
|
//# sourceMappingURL=RequiredMark.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/RequiredMark/RequiredMark.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst { cssClassName } = convertPropToCssClassName('form-required-mark');\nconst RequiredMark = ({ required = false, optional = false }) => {\n if (!required && !optional) return null;\n if (required) {\n return <span className={`${cssClassName}`}>●</span>;\n }\n return <span className={`${cssClassName} optional-mark`}>⚬</span>;\n};\n\nexport { RequiredMark, RequiredMark as DSRequiredMark };\nexport default RequiredMark;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,2BAA0C;AAE1C,MAAM,EAAE,aAAa,QAAI,gDAA0B,oBAAoB;AACvE,MAAM,eAAe,CAAC,EAAE,WAAW,OAAO,WAAW,MAAM,MAAM;AAC/D,MAAI,CAAC,YAAY,CAAC;AAAU,WAAO;AACnC,MAAI,UAAU;AACZ,WAAO,4CAAC;AAAA,MAAK,WAAW,GAAG;AAAA,MAAgB;AAAA,KAAO;AAAA,EACpD;AACA,SAAO,4CAAC;AAAA,IAAK,WAAW,GAAG;AAAA,IAA8B;AAAA,GAAO;AAClE;AAGA,IAAO,uBAAQ;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -31,7 +31,7 @@ __export(DSTimeInput_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
module.exports = __toCommonJS(DSTimeInput_exports);
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
|
-
var
|
|
34
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
35
35
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
36
36
|
var import_Input = require("../Input");
|
|
37
37
|
var import_TimeInputImpl = require("./TimeInputImpl");
|
|
@@ -46,11 +46,11 @@ const DSTimeInput = ({
|
|
|
46
46
|
clearable = false,
|
|
47
47
|
disabled = false,
|
|
48
48
|
ariaLabel = "Time input"
|
|
49
|
-
}) => /* @__PURE__ */
|
|
49
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Input.DSInput, {
|
|
50
50
|
className,
|
|
51
51
|
clearable,
|
|
52
52
|
containerProps,
|
|
53
|
-
customInputType: ({ onChange: inputOnChange, ...restInputProps }) => /* @__PURE__ */
|
|
53
|
+
customInputType: ({ onChange: inputOnChange, ...restInputProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeInputImpl.TimeInputImpl, {
|
|
54
54
|
"aria-label": ariaLabel,
|
|
55
55
|
disabled,
|
|
56
56
|
format,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/TimeInput/DSTimeInput.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { DSInput } from '../Input';\nimport { TimeInputImpl } from './TimeInputImpl';\n\nconst DSTimeInput = ({\n containerProps = {},\n innerRef,\n className = '',\n style = {},\n onChange = () => null,\n format,\n value = '',\n clearable = false,\n disabled = false,\n ariaLabel = 'Time input',\n}) => (\n <DSInput\n className={className}\n clearable={clearable}\n containerProps={containerProps}\n customInputType={({ onChange: inputOnChange, ...restInputProps }) => (\n <TimeInputImpl\n aria-label={ariaLabel}\n disabled={disabled}\n format={format}\n onChange={(time) => inputOnChange(time)}\n {...restInputProps}\n style={style}\n />\n )}\n disabled={disabled}\n innerRef={innerRef}\n isShowElipsisActive={false}\n onChange={onChange}\n onClear={() => onChange(null)}\n value={value}\n />\n);\n\nDSTimeInput.defaultProps = {\n format: 'hh:mm:ss',\n disabled: false,\n clearable: true,\n};\n\nconst props = {\n /** Injected props to wrapper element of component */\n containerProps: PropTypes.object.description(\n 'Injected props to wrapper element of component',\n ),\n /**\n * Allows a function that is triggered once the time input changes\n */\n onChange: PropTypes.func.description(\n 'Allows a function that is triggered once the time input changes',\n ),\n /** a11y aria label */\n 'aria-label': PropTypes.string.description('a11y aria label'),\n /** style object for time input wrapper */\n style: PropTypes.object.description('style object for time input wrapper'),\n /** inner ref for time inpot wrapper */\n innerRef: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.any }),\n ]).description('inner ref for time input wrapper'),\n /** class for time input */\n className: PropTypes.string.description('class for time input'),\n /**\n * Valid time format\n */\n format: PropTypes.string.description('Valid time format'),\n /**\n * Default value once the component is initialized\n */\n value: PropTypes.string.description(\n 'Default value once the component is initialized',\n ),\n /**\n * Whether the time input is clearable or not\n */\n clearable: PropTypes.bool.description(\n 'Whether the time input is clearable or not',\n ),\n /**\n * Whether the time input is disabled or not\n */\n disabled: PropTypes.bool.description(\n 'Whether the time input is disabled or not',\n ),\n /**\n * Aria label\n */\n ariaLabel: PropTypes.string.description('Aria label'),\n};\n\nDSTimeInput.propTypes = props;\nDSTimeInput.displayName = 'DSTimeInput';\nconst DSTimeInputWithSchema = describe(DSTimeInput);\nDSTimeInputWithSchema.propTypes = props;\n\nexport { TimeInputImpl, DSTimeInputWithSchema, DSTimeInput };\n\nexport default DSTimeInput;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;AACpC,mBAAwB;AACxB,2BAA8B;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AACd,MACE,4CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC,EAAE,UAAU,kBAAkB,eAAe,MAC7D,4CAAC;AAAA,IACC,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU,CAAC,SAAS,cAAc,IAAI;AAAA,IACrC,GAAG;AAAA,IACJ;AAAA,GACF;AAAA,EAEF;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA,SAAS,MAAM,SAAS,IAAI;AAAA,EAC5B;AAAA,CACF;AAGF,YAAY,eAAe;AAAA,EACzB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AACb;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,8BAAU,OAAO;AAAA,IAC/B;AAAA,EACF;AAAA,EAIA,UAAU,8BAAU,KAAK;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,cAAc,8BAAU,OAAO,YAAY,iBAAiB;AAAA,EAE5D,OAAO,8BAAU,OAAO,YAAY,qCAAqC;AAAA,EAEzE,UAAU,8BAAU,UAAU;AAAA,IAC5B,8BAAU;AAAA,IACV,8BAAU,MAAM,EAAE,SAAS,8BAAU,IAAI,CAAC;AAAA,EAC5C,CAAC,EAAE,YAAY,kCAAkC;AAAA,EAEjD,WAAW,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAI9D,QAAQ,8BAAU,OAAO,YAAY,mBAAmB;AAAA,EAIxD,OAAO,8BAAU,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EAIA,WAAW,8BAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EAIA,UAAU,8BAAU,KAAK;AAAA,IACvB;AAAA,EACF;AAAA,EAIA,WAAW,8BAAU,OAAO,YAAY,YAAY;AACtD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -29,7 +29,8 @@ __export(TimeInputImpl_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(TimeInputImpl_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_react = require("react");
|
|
33
34
|
var import_prop_types = __toESM(require("prop-types"));
|
|
34
35
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
35
36
|
var import_memoize_one = __toESM(require("memoize-one"));
|
|
@@ -57,23 +58,24 @@ const TimeInputImpl = ({
|
|
|
57
58
|
}
|
|
58
59
|
};
|
|
59
60
|
const visibleInputs = (0, import_react.useMemo)(() => getVisibleTimeInputs(format));
|
|
60
|
-
return /* @__PURE__ */
|
|
61
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputTimeContainer, {
|
|
61
62
|
className,
|
|
62
63
|
disabled,
|
|
63
64
|
innerRef,
|
|
64
|
-
onClick: handleFocus
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
65
|
+
onClick: handleFocus,
|
|
66
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeInputs.TimeInputs, {
|
|
67
|
+
"aria-label": ariaLabel,
|
|
68
|
+
clearable,
|
|
69
|
+
disabled,
|
|
70
|
+
format,
|
|
71
|
+
innerRef: (node) => {
|
|
72
|
+
inputsContainer = node;
|
|
73
|
+
},
|
|
74
|
+
onChange,
|
|
75
|
+
time: value,
|
|
76
|
+
...visibleInputs
|
|
77
|
+
})
|
|
78
|
+
});
|
|
77
79
|
};
|
|
78
80
|
TimeInputImpl.propTypes = {
|
|
79
81
|
containerProps: import_prop_types.default.shape({}),
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/TimeInput/TimeInputImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { getVisibleTimeByFormat } from '@elliemae/ds-utilities';\nimport memoizeOne from 'memoize-one';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { TimeInputs } from './TimeInputs';\n\nconst blockName = 'input-time';\n\nconst InputTimeContainer = aggregatedClasses('div')(blockName);\n\nconst TimeInputImpl = ({\n format,\n innerRef,\n onChange,\n className,\n value,\n disabled,\n clearable,\n 'arial-label': ariaLabel,\n}) => {\n const getVisibleTimeInputs = memoizeOne((formatValue) =>\n getVisibleTimeByFormat(formatValue),\n );\n let inputsContainer = useRef();\n\n const handleFocus = (e) => {\n if (!e.target.type) {\n inputsContainer.querySelector('input').focus();\n }\n };\n\n const visibleInputs = useMemo(() => getVisibleTimeInputs(format));\n\n return (\n <InputTimeContainer\n className={className}\n disabled={disabled}\n innerRef={innerRef}\n onClick={handleFocus}\n >\n <TimeInputs\n aria-label={ariaLabel}\n clearable={clearable}\n disabled={disabled}\n format={format}\n innerRef={(node) => {\n inputsContainer = node;\n }}\n onChange={onChange}\n time={value}\n {...visibleInputs}\n />\n </InputTimeContainer>\n );\n};\n\nTimeInputImpl.propTypes = {\n containerProps: PropTypes.shape({}),\n /**\n * Inner reference to the input\n */\n innerRef: PropTypes.any,\n /**\n * Classes to add to the container\n */\n className: PropTypes.string,\n /**\n * Styles to add to the container\n */\n style: PropTypes.shape({}),\n /**\n * Allows a function that is triggered once the time input changes\n */\n onChange: PropTypes.func,\n /**\n * Valid time format\n */\n format: PropTypes.string,\n /**\n * Default value once the component is initialized\n */\n value: PropTypes.string,\n /**\n * Whether the time input is clearable or not\n */\n clearable: PropTypes.bool,\n /**\n * Whether the time input is disabled or not\n */\n disabled: PropTypes.bool,\n /**\n * Aria label to add to the container\n */\n 'aria-label': PropTypes.bool,\n 'arial-label': PropTypes.bool,\n};\n\nexport { TimeInputImpl };\nexport default TimeInputImpl;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAuC;AACvC,wBAAsB;AACtB,0BAAuC;AACvC,yBAAuB;AACvB,2BAAkC;AAClC,wBAA2B;AAE3B,MAAM,YAAY;AAElB,MAAM,yBAAqB,wCAAkB,KAAK,EAAE,SAAS;AAE7D,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,2BAAuB,mBAAAA;AAAA,IAAW,CAAC,oBACvC,4CAAuB,WAAW;AAAA,EACpC;AACA,MAAI,sBAAkB,qBAAO;AAE7B,QAAM,cAAc,CAAC,MAAM;AACzB,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,sBAAgB,cAAc,OAAO,EAAE,MAAM;AAAA,IAC/C;AAAA,EACF;AAEA,QAAM,oBAAgB,sBAAQ,MAAM,qBAAqB,MAAM,CAAC;AAEhE,SACE,
|
|
6
|
-
"names": ["memoizeOne", "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAuC;AACvC,wBAAsB;AACtB,0BAAuC;AACvC,yBAAuB;AACvB,2BAAkC;AAClC,wBAA2B;AAE3B,MAAM,YAAY;AAElB,MAAM,yBAAqB,wCAAkB,KAAK,EAAE,SAAS;AAE7D,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,2BAAuB,mBAAAA;AAAA,IAAW,CAAC,oBACvC,4CAAuB,WAAW;AAAA,EACpC;AACA,MAAI,sBAAkB,qBAAO;AAE7B,QAAM,cAAc,CAAC,MAAM;AACzB,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,sBAAgB,cAAc,OAAO,EAAE,MAAM;AAAA,IAC/C;AAAA,EACF;AAEA,QAAM,oBAAgB,sBAAQ,MAAM,qBAAqB,MAAM,CAAC;AAEhE,SACE,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IAET,sDAAC;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAS;AAClB,0BAAkB;AAAA,MACpB;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACL,GAAG;AAAA,KACN;AAAA,GACF;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,gBAAgB,kBAAAC,QAAU,MAAM,CAAC,CAAC;AAAA,EAIlC,UAAU,kBAAAA,QAAU;AAAA,EAIpB,WAAW,kBAAAA,QAAU;AAAA,EAIrB,OAAO,kBAAAA,QAAU,MAAM,CAAC,CAAC;AAAA,EAIzB,UAAU,kBAAAA,QAAU;AAAA,EAIpB,QAAQ,kBAAAA,QAAU;AAAA,EAIlB,OAAO,kBAAAA,QAAU;AAAA,EAIjB,WAAW,kBAAAA,QAAU;AAAA,EAIrB,UAAU,kBAAAA,QAAU;AAAA,EAIpB,cAAc,kBAAAA,QAAU;AAAA,EACxB,eAAe,kBAAAA,QAAU;AAC3B;AAGA,IAAO,wBAAQ;",
|
|
6
|
+
"names": ["memoizeOne", "PropTypes"]
|
|
7
7
|
}
|
|
@@ -29,6 +29,8 @@ __export(TimeInputs_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(TimeInputs_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_react = require("react");
|
|
32
34
|
var import_react = __toESM(require("react"));
|
|
33
35
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
34
36
|
var import_moment = __toESM(require("moment"));
|
|
@@ -40,9 +42,10 @@ const TimeInput = (0, import_ds_classnames.aggregatedClasses)("input")(blockName
|
|
|
40
42
|
const Divider = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "divider", ({ value }) => ({
|
|
41
43
|
value
|
|
42
44
|
}));
|
|
43
|
-
const TimeDivider = ({ content = ":", value = "" }) => /* @__PURE__ */
|
|
44
|
-
value: !!value
|
|
45
|
-
|
|
45
|
+
const TimeDivider = ({ content = ":", value = "" }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Divider, {
|
|
46
|
+
value: !!value,
|
|
47
|
+
children: content
|
|
48
|
+
});
|
|
46
49
|
const TimeInputs = ({
|
|
47
50
|
time,
|
|
48
51
|
format,
|
|
@@ -249,7 +252,7 @@ const TimeInputs = ({
|
|
|
249
252
|
const renderSecondsInput = () => {
|
|
250
253
|
if (!showSeconds)
|
|
251
254
|
return null;
|
|
252
|
-
return /* @__PURE__ */ import_react.
|
|
255
|
+
return /* @__PURE__ */ (0, import_react.createElement)(TimeInput, {
|
|
253
256
|
...(0, import_utils.commonInputProps)((e) => onKeyDown(e, import_ds_shared.GENERAL_TIME_RANGE.max), onInputFocus, onClick),
|
|
254
257
|
key: "seconds-input",
|
|
255
258
|
"data-testid": "ds-time-input__seconds",
|
|
@@ -264,7 +267,7 @@ const TimeInputs = ({
|
|
|
264
267
|
const renderMinutesInput = () => {
|
|
265
268
|
if (!showMinutes)
|
|
266
269
|
return null;
|
|
267
|
-
return /* @__PURE__ */ import_react.
|
|
270
|
+
return /* @__PURE__ */ (0, import_react.createElement)(TimeInput, {
|
|
268
271
|
...(0, import_utils.commonInputProps)((e) => onKeyDown(e, import_ds_shared.GENERAL_TIME_RANGE.max), onInputFocus, onClick),
|
|
269
272
|
key: "minutes-input",
|
|
270
273
|
"data-testid": "ds-time-input__minutes",
|
|
@@ -280,7 +283,7 @@ const TimeInputs = ({
|
|
|
280
283
|
if (!showHours)
|
|
281
284
|
return null;
|
|
282
285
|
const hourFormatRange = use12Hours ? import_ds_shared.HOUR_RANGE_12 : import_ds_shared.HOUR_RANGE_24;
|
|
283
|
-
return /* @__PURE__ */ import_react.
|
|
286
|
+
return /* @__PURE__ */ (0, import_react.createElement)(TimeInput, {
|
|
284
287
|
...(0, import_utils.commonInputProps)((e) => onKeyDown(e, hourFormatRange.max), onInputFocus, onClick),
|
|
285
288
|
key: "hour-input",
|
|
286
289
|
"data-testid": "ds-time-input__hours",
|
|
@@ -295,7 +298,7 @@ const TimeInputs = ({
|
|
|
295
298
|
const renderMeridiemInput = () => {
|
|
296
299
|
if (!use12Hours)
|
|
297
300
|
return null;
|
|
298
|
-
return /* @__PURE__ */ import_react.
|
|
301
|
+
return /* @__PURE__ */ (0, import_react.createElement)(TimeInput, {
|
|
299
302
|
...import_utils.commonInputProps,
|
|
300
303
|
key: "meridiem-input",
|
|
301
304
|
"data-testid": "ds-time-input__ampm",
|
|
@@ -311,11 +314,10 @@ const TimeInputs = ({
|
|
|
311
314
|
const inputs = [renderHoursInput(), renderMinutesInput(), renderSecondsInput()];
|
|
312
315
|
const inputsWithDividers = inputs.reduce(
|
|
313
316
|
(acc, input, index) => input ? acc.concat([
|
|
314
|
-
index ? /* @__PURE__ */
|
|
315
|
-
key: index,
|
|
317
|
+
index ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TimeDivider, {
|
|
316
318
|
content: ":",
|
|
317
319
|
value: input.props.value
|
|
318
|
-
}) : null,
|
|
320
|
+
}, index) : null,
|
|
319
321
|
input
|
|
320
322
|
]) : acc,
|
|
321
323
|
[]
|
|
@@ -326,10 +328,11 @@ const TimeInputs = ({
|
|
|
326
328
|
renderMeridiemInput()
|
|
327
329
|
];
|
|
328
330
|
};
|
|
329
|
-
return /* @__PURE__ */
|
|
331
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputTimesGroup, {
|
|
330
332
|
onBlur: handleOnBlur,
|
|
331
|
-
innerRef
|
|
332
|
-
|
|
333
|
+
innerRef,
|
|
334
|
+
children: renderTimeInputs()
|
|
335
|
+
});
|
|
333
336
|
};
|
|
334
337
|
var TimeInputs_default = TimeInputs;
|
|
335
338
|
//# sourceMappingURL=TimeInputs.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/TimeInput/TimeInputs.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\n/* eslint-disable max-statements */\nimport React, { useEffect, useState } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport moment from 'moment';\nimport {\n commonInputProps,\n formatHour,\n formatMinutes,\n formatSeconds,\n formatMeridiem,\n getValidTimeNumber,\n setNativeValue,\n parseTimeNumberFromText,\n focusNextInput,\n focusPreviousInput,\n getTimeValuesFromTime,\n isArrowIncrementDecrement,\n shouldFocusNextInput,\n placeholderFormat,\n} from './utils';\nimport {\n AM,\n PM,\n ARROW_UP,\n ARROW_DOWN,\n BACKSPACE,\n ESCAPE,\n HOME,\n HOUR_RANGE_12,\n HOUR_RANGE_24,\n GENERAL_TIME_RANGE,\n END,\n PLACEHOLDER_TIME,\n SHIFT,\n} from '@elliemae/ds-shared';\n\nconst blockName = 'input-times-group';\n\nconst InputTimesGroup = aggregatedClasses('div')(blockName);\nconst TimeInput = aggregatedClasses('input')(blockName, 'input');\nconst Divider = aggregatedClasses('span')(blockName, 'divider', ({ value }) => ({\n value,\n}));\n\n// eslint-disable-next-line react/prop-types\nconst TimeDivider = ({ content = ':', value = '' }) => <Divider value={!!value}>{content}</Divider>;\n\nconst TimeInputs = ({\n time,\n format,\n use12Hours,\n step = 1,\n showHours,\n showMinutes,\n showSeconds,\n onChange,\n disabled,\n innerRef,\n clearable,\n 'arial-label': ariaLabel,\n 'aria-label': ariaLabel2,\n}) => {\n const [meridiem, setMeridiem] = useState('');\n const [hours, setHours] = useState('');\n const [minutes, setMinutes] = useState('');\n const [hasInputValue, setHasInputValue] = useState(false);\n const [seconds, setSeconds] = useState('');\n const [currentKey, setCurrentKey] = useState('');\n const [hasInputBeenTriggered, setHasInputBeenTriggered] = useState(false);\n\n const [lastTypedNumber, setLastTypedNumber] = useState(null);\n const inputRefs = {\n hours: null,\n minutes: null,\n seconds: null,\n meridiem: null,\n };\n\n useEffect(() => {\n if (time && moment(time).isValid()) {\n const timeValues = getTimeValuesFromTime(time, format, use12Hours);\n\n setMeridiem(timeValues.meridiem);\n setHours(timeValues.hours);\n setMinutes(timeValues.minutes);\n setSeconds(timeValues.seconds);\n } else {\n setMeridiem('');\n setHours('');\n setMinutes('');\n setSeconds('');\n }\n }, [time, format, use12Hours]);\n\n useEffect(() => {\n const selectedTime = time || moment();\n if (isTimeCompletelySet() && selectedTime.hours && hasInputBeenTriggered) {\n if (showHours && hours) selectedTime.hours(hours);\n if (showMinutes && minutes) selectedTime.minutes(minutes);\n if (showSeconds && seconds) selectedTime.seconds(seconds);\n if (use12Hours && meridiem) {\n const nextHours = meridiem.toLowerCase() === AM ? hours % 12 : (hours % 12) + 12;\n selectedTime.hour(nextHours);\n }\n onChange(selectedTime);\n setHasInputBeenTriggered(false);\n }\n }, [hours, minutes, seconds, meridiem]);\n\n const focusNextInputIfNeeded = (currentEl, max, number) => {\n if (\n shouldFocusNextInput(max, number, currentEl.value) &&\n !isArrowIncrementDecrement(currentKey) &&\n !hasInputValue\n ) {\n focusNextInput(currentEl);\n }\n };\n\n const getNextTimeValue = (value, incrementing = true) => {\n const parsedValue = parseTimeNumberFromText(value);\n return incrementing ? parsedValue + step : parsedValue - step;\n };\n\n const onInputFocus = (e) => {\n e.preventDefault();\n e.stopPropagation();\n e.target.select();\n };\n\n const onClick = (e) => {\n if (e.target.value) {\n setHasInputValue(true);\n }\n };\n\n // eslint-disable-next-line max-statements\n const onKeyDown = (event, max) => {\n const { target } = event;\n const { value } = target;\n setLastTypedNumber(event.key);\n switch (event.key) {\n case ARROW_UP: {\n event.preventDefault();\n setCurrentKey(event.key);\n const incrementedValue = getNextTimeValue(value);\n setNativeValue(event.target, incrementedValue);\n break;\n }\n case ARROW_DOWN: {\n event.preventDefault();\n setCurrentKey(event.key);\n const decrementedValue = getNextTimeValue(value, false);\n setNativeValue(event.target, decrementedValue);\n break;\n }\n case BACKSPACE: {\n event.preventDefault();\n if (!value) {\n focusPreviousInput(event.target);\n } else {\n setNativeValue(event.target, '');\n }\n break;\n }\n case ESCAPE: {\n event.preventDefault();\n event.target.blur();\n break;\n }\n case HOME: {\n event.preventDefault();\n setNativeValue(event.target, String(max));\n focusNextInput(event.target);\n break;\n }\n case END: {\n event.preventDefault();\n setNativeValue(event.target, '00');\n focusNextInput(event.target);\n break;\n }\n case SHIFT:\n event.preventDefault();\n setCurrentKey(event.key);\n break;\n default:\n break;\n }\n };\n\n const isTimeCompletelySet = () => {\n let neededValues = [];\n\n if (showHours) neededValues = [...neededValues, hours || null];\n if (showMinutes) neededValues = [...neededValues, minutes || null];\n if (showSeconds) neededValues = [...neededValues, seconds || null];\n if (use12Hours) neededValues = [...neededValues, meridiem || null];\n\n return !neededValues.some((value) => !value);\n };\n\n const handleSecondsChange = (e) => {\n const { value } = e.target;\n const secondsHandled = parseTimeNumberFromText(value);\n\n const nextSeconds = getValidTimeNumber(GENERAL_TIME_RANGE, secondsHandled, lastTypedNumber);\n\n setSeconds(formatSeconds(format, nextSeconds));\n setHasInputBeenTriggered(true);\n focusNextInputIfNeeded(e.target, GENERAL_TIME_RANGE.max, value);\n };\n\n const handleMinutesChange = (e) => {\n const { value } = e.target;\n const minutesHandled = parseTimeNumberFromText(value);\n const nextMinutes = getValidTimeNumber(GENERAL_TIME_RANGE, minutesHandled, lastTypedNumber);\n\n setMinutes(formatMinutes(format, nextMinutes));\n setHasInputBeenTriggered(true);\n focusNextInputIfNeeded(e.target, GENERAL_TIME_RANGE.max, value);\n };\n\n const handleHoursChange = (e) => {\n const { value } = e.target;\n const hour = parseTimeNumberFromText(value);\n const hoursRange = use12Hours ? HOUR_RANGE_12 : HOUR_RANGE_24;\n\n const nextHour = getValidTimeNumber(hoursRange, hour, lastTypedNumber);\n setHours(formatHour(format, nextHour));\n setHasInputBeenTriggered(true);\n focusNextInputIfNeeded(e.target, hoursRange.max, value);\n };\n\n const handleMeridiemKeyDown = (e) => {\n if (e.key === ARROW_UP || e.key === 'a') {\n setMeridiem(formatMeridiem(format, AM));\n } else if (e.key === ARROW_DOWN || e.key === 'p') {\n setMeridiem(formatMeridiem(format, PM));\n } else if (e.key === SHIFT) {\n setCurrentKey(e.key);\n } else if (e.key === BACKSPACE) {\n setMeridiem('');\n }\n setHasInputBeenTriggered(true);\n };\n\n const handleMeridiemBlur = (e) => {\n const { value } = e.target;\n if (value !== AM && value !== PM) {\n setMeridiem('');\n }\n };\n\n const handleOnBlur = (event) => {\n const selectedTime = moment();\n if (clearable && !event.currentTarget.contains(event.relatedTarget)) {\n if (showHours && hours) selectedTime.hours(hours);\n if (showMinutes && minutes) selectedTime.minutes(minutes);\n if (showSeconds && seconds) selectedTime.seconds(seconds);\n if (use12Hours && meridiem) {\n const nextHours = meridiem.toLowerCase() === AM ? hours % 12 : (hours % 12) + 12;\n selectedTime.hour(nextHours);\n }\n onChange(selectedTime);\n }\n };\n\n const renderSecondsInput = () => {\n if (!showSeconds) return null;\n\n return (\n <TimeInput\n {...commonInputProps((e) => onKeyDown(e, GENERAL_TIME_RANGE.max), onInputFocus, onClick)}\n key=\"seconds-input\"\n data-testid=\"ds-time-input__seconds\"\n aria-label={ariaLabel || ariaLabel2 || 'Seconds Input'}\n disabled={disabled}\n // eslint-disable-next-line no-return-assign\n innerRef={(node) => (inputRefs.seconds = node)}\n onChange={handleSecondsChange}\n placeholder={placeholderFormat(PLACEHOLDER_TIME.seconds, format)}\n value={seconds}\n />\n );\n };\n\n const renderMinutesInput = () => {\n if (!showMinutes) return null;\n\n return (\n <TimeInput\n {...commonInputProps((e) => onKeyDown(e, GENERAL_TIME_RANGE.max), onInputFocus, onClick)}\n key=\"minutes-input\"\n data-testid=\"ds-time-input__minutes\"\n aria-label={ariaLabel || ariaLabel2 || 'Minutes Input'}\n disabled={disabled}\n // eslint-disable-next-line no-return-assign\n innerRef={(node) => (inputRefs.minutes = node)}\n onChange={handleMinutesChange}\n placeholder={placeholderFormat(PLACEHOLDER_TIME.minutes, format)}\n value={minutes}\n />\n );\n };\n\n const renderHoursInput = () => {\n if (!showHours) return null;\n const hourFormatRange = use12Hours ? HOUR_RANGE_12 : HOUR_RANGE_24;\n\n return (\n <TimeInput\n {...commonInputProps((e) => onKeyDown(e, hourFormatRange.max), onInputFocus, onClick)}\n key=\"hour-input\"\n data-testid=\"ds-time-input__hours\"\n aria-label={ariaLabel || ariaLabel2 || 'Hours Input'}\n disabled={disabled}\n // eslint-disable-next-line no-return-assign\n innerRef={(node) => (inputRefs.hours = node)}\n onChange={handleHoursChange}\n placeholder={placeholderFormat(PLACEHOLDER_TIME.hour, format, use12Hours)}\n value={hours}\n />\n );\n };\n\n const renderMeridiemInput = () => {\n if (!use12Hours) return null;\n\n return (\n <TimeInput\n {...commonInputProps}\n key=\"meridiem-input\"\n data-testid=\"ds-time-input__ampm\"\n aria-label={ariaLabel || ariaLabel2 || 'Meridiem Input'}\n disabled={disabled}\n onBlur={handleMeridiemBlur}\n onKeyDown={handleMeridiemKeyDown}\n placeholder={placeholderFormat(PLACEHOLDER_TIME.meridiem, format)}\n value={meridiem}\n />\n );\n };\n\n const renderTimeInputs = () => {\n const inputs = [renderHoursInput(), renderMinutesInput(), renderSecondsInput()];\n /* eslint-disable indent */\n const inputsWithDividers = inputs.reduce(\n (acc, input, index) =>\n input\n ? acc.concat([\n index ? (\n <TimeDivider\n // eslint-disable-next-line react/no-array-index-key\n key={index}\n content=\":\"\n value={input.props.value}\n />\n ) : null,\n input,\n ])\n : acc,\n [],\n );\n /* eslint-enable indent */\n\n return [\n inputsWithDividers,\n React.createElement('span', { key: 'span' }), // hack for next/prev focus\n renderMeridiemInput(),\n ];\n };\n\n return (\n <InputTimesGroup onBlur={handleOnBlur} innerRef={innerRef}>\n {renderTimeInputs()}\n </InputTimesGroup>\n );\n};\n\nexport { TimeInputs };\nexport default TimeInputs;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
6
|
-
"names": ["
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA;AAIA,mBAA2C;AAC3C,2BAAkC;AAClC,oBAAmB;AACnB,mBAeO;AACP,uBAcO;AAEP,MAAM,YAAY;AAElB,MAAM,sBAAkB,wCAAkB,KAAK,EAAE,SAAS;AAC1D,MAAM,gBAAY,wCAAkB,OAAO,EAAE,WAAW,OAAO;AAC/D,MAAM,cAAU,wCAAkB,MAAM,EAAE,WAAW,WAAW,CAAC,EAAE,MAAM,OAAO;AAAA,EAC9E;AACF,EAAE;AAGF,MAAM,cAAc,CAAC,EAAE,UAAU,KAAK,QAAQ,GAAG,MAAM,4CAAC;AAAA,EAAQ,OAAO,CAAC,CAAC;AAAA,EAAQ;AAAA,CAAQ;AAEzF,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAChB,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,EAAE;AAC3C,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,EAAE;AACrC,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,EAAE;AACzC,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,KAAK;AACxD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,EAAE;AACzC,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,EAAE;AAC/C,QAAM,CAAC,uBAAuB,wBAAwB,QAAI,uBAAS,KAAK;AAExE,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAS,IAAI;AAC3D,QAAM,YAAY;AAAA,IAChB,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AAEA,8BAAU,MAAM;AACd,QAAI,YAAQ,cAAAA,SAAO,IAAI,EAAE,QAAQ,GAAG;AAClC,YAAM,iBAAa,oCAAsB,MAAM,QAAQ,UAAU;AAEjE,kBAAY,WAAW,QAAQ;AAC/B,eAAS,WAAW,KAAK;AACzB,iBAAW,WAAW,OAAO;AAC7B,iBAAW,WAAW,OAAO;AAAA,IAC/B,OAAO;AACL,kBAAY,EAAE;AACd,eAAS,EAAE;AACX,iBAAW,EAAE;AACb,iBAAW,EAAE;AAAA,IACf;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,UAAU,CAAC;AAE7B,8BAAU,MAAM;AACd,UAAM,eAAe,YAAQ,cAAAA,SAAO;AACpC,QAAI,oBAAoB,KAAK,aAAa,SAAS,uBAAuB;AACxE,UAAI,aAAa;AAAO,qBAAa,MAAM,KAAK;AAChD,UAAI,eAAe;AAAS,qBAAa,QAAQ,OAAO;AACxD,UAAI,eAAe;AAAS,qBAAa,QAAQ,OAAO;AACxD,UAAI,cAAc,UAAU;AAC1B,cAAM,YAAY,SAAS,YAAY,MAAM,sBAAK,QAAQ,KAAM,QAAQ,KAAM;AAC9E,qBAAa,KAAK,SAAS;AAAA,MAC7B;AACA,eAAS,YAAY;AACrB,+BAAyB,KAAK;AAAA,IAChC;AAAA,EACF,GAAG,CAAC,OAAO,SAAS,SAAS,QAAQ,CAAC;AAEtC,QAAM,yBAAyB,CAAC,WAAW,KAAK,WAAW;AACzD,YACE,mCAAqB,KAAK,QAAQ,UAAU,KAAK,KACjD,KAAC,wCAA0B,UAAU,KACrC,CAAC,eACD;AACA,uCAAe,SAAS;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,mBAAmB,CAAC,OAAO,eAAe,SAAS;AACvD,UAAM,kBAAc,sCAAwB,KAAK;AACjD,WAAO,eAAe,cAAc,OAAO,cAAc;AAAA,EAC3D;AAEA,QAAM,eAAe,CAAC,MAAM;AAC1B,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAClB,MAAE,OAAO,OAAO;AAAA,EAClB;AAEA,QAAM,UAAU,CAAC,MAAM;AACrB,QAAI,EAAE,OAAO,OAAO;AAClB,uBAAiB,IAAI;AAAA,IACvB;AAAA,EACF;AAGA,QAAM,YAAY,CAAC,OAAO,QAAQ;AAChC,UAAM,EAAE,OAAO,IAAI;AACnB,UAAM,EAAE,MAAM,IAAI;AAClB,uBAAmB,MAAM,GAAG;AAC5B,YAAQ,MAAM;AAAA,WACP,2BAAU;AACb,cAAM,eAAe;AACrB,sBAAc,MAAM,GAAG;AACvB,cAAM,mBAAmB,iBAAiB,KAAK;AAC/C,yCAAe,MAAM,QAAQ,gBAAgB;AAC7C;AAAA,MACF;AAAA,WACK,6BAAY;AACf,cAAM,eAAe;AACrB,sBAAc,MAAM,GAAG;AACvB,cAAM,mBAAmB,iBAAiB,OAAO,KAAK;AACtD,yCAAe,MAAM,QAAQ,gBAAgB;AAC7C;AAAA,MACF;AAAA,WACK,4BAAW;AACd,cAAM,eAAe;AACrB,YAAI,CAAC,OAAO;AACV,+CAAmB,MAAM,MAAM;AAAA,QACjC,OAAO;AACL,2CAAe,MAAM,QAAQ,EAAE;AAAA,QACjC;AACA;AAAA,MACF;AAAA,WACK,yBAAQ;AACX,cAAM,eAAe;AACrB,cAAM,OAAO,KAAK;AAClB;AAAA,MACF;AAAA,WACK,uBAAM;AACT,cAAM,eAAe;AACrB,yCAAe,MAAM,QAAQ,OAAO,GAAG,CAAC;AACxC,yCAAe,MAAM,MAAM;AAC3B;AAAA,MACF;AAAA,WACK,sBAAK;AACR,cAAM,eAAe;AACrB,yCAAe,MAAM,QAAQ,IAAI;AACjC,yCAAe,MAAM,MAAM;AAC3B;AAAA,MACF;AAAA,WACK;AACH,cAAM,eAAe;AACrB,sBAAc,MAAM,GAAG;AACvB;AAAA;AAEA;AAAA;AAAA,EAEN;AAEA,QAAM,sBAAsB,MAAM;AAChC,QAAI,eAAe,CAAC;AAEpB,QAAI;AAAW,qBAAe,CAAC,GAAG,cAAc,SAAS,IAAI;AAC7D,QAAI;AAAa,qBAAe,CAAC,GAAG,cAAc,WAAW,IAAI;AACjE,QAAI;AAAa,qBAAe,CAAC,GAAG,cAAc,WAAW,IAAI;AACjE,QAAI;AAAY,qBAAe,CAAC,GAAG,cAAc,YAAY,IAAI;AAEjE,WAAO,CAAC,aAAa,KAAK,CAAC,UAAU,CAAC,KAAK;AAAA,EAC7C;AAEA,QAAM,sBAAsB,CAAC,MAAM;AACjC,UAAM,EAAE,MAAM,IAAI,EAAE;AACpB,UAAM,qBAAiB,sCAAwB,KAAK;AAEpD,UAAM,kBAAc,iCAAmB,qCAAoB,gBAAgB,eAAe;AAE1F,mBAAW,4BAAc,QAAQ,WAAW,CAAC;AAC7C,6BAAyB,IAAI;AAC7B,2BAAuB,EAAE,QAAQ,oCAAmB,KAAK,KAAK;AAAA,EAChE;AAEA,QAAM,sBAAsB,CAAC,MAAM;AACjC,UAAM,EAAE,MAAM,IAAI,EAAE;AACpB,UAAM,qBAAiB,sCAAwB,KAAK;AACpD,UAAM,kBAAc,iCAAmB,qCAAoB,gBAAgB,eAAe;AAE1F,mBAAW,4BAAc,QAAQ,WAAW,CAAC;AAC7C,6BAAyB,IAAI;AAC7B,2BAAuB,EAAE,QAAQ,oCAAmB,KAAK,KAAK;AAAA,EAChE;AAEA,QAAM,oBAAoB,CAAC,MAAM;AAC/B,UAAM,EAAE,MAAM,IAAI,EAAE;AACpB,UAAM,WAAO,sCAAwB,KAAK;AAC1C,UAAM,aAAa,aAAa,iCAAgB;AAEhD,UAAM,eAAW,iCAAmB,YAAY,MAAM,eAAe;AACrE,iBAAS,yBAAW,QAAQ,QAAQ,CAAC;AACrC,6BAAyB,IAAI;AAC7B,2BAAuB,EAAE,QAAQ,WAAW,KAAK,KAAK;AAAA,EACxD;AAEA,QAAM,wBAAwB,CAAC,MAAM;AACnC,QAAI,EAAE,QAAQ,6BAAY,EAAE,QAAQ,KAAK;AACvC,sBAAY,6BAAe,QAAQ,mBAAE,CAAC;AAAA,IACxC,WAAW,EAAE,QAAQ,+BAAc,EAAE,QAAQ,KAAK;AAChD,sBAAY,6BAAe,QAAQ,mBAAE,CAAC;AAAA,IACxC,WAAW,EAAE,QAAQ,wBAAO;AAC1B,oBAAc,EAAE,GAAG;AAAA,IACrB,WAAW,EAAE,QAAQ,4BAAW;AAC9B,kBAAY,EAAE;AAAA,IAChB;AACA,6BAAyB,IAAI;AAAA,EAC/B;AAEA,QAAM,qBAAqB,CAAC,MAAM;AAChC,UAAM,EAAE,MAAM,IAAI,EAAE;AACpB,QAAI,UAAU,uBAAM,UAAU,qBAAI;AAChC,kBAAY,EAAE;AAAA,IAChB;AAAA,EACF;AAEA,QAAM,eAAe,CAAC,UAAU;AAC9B,UAAM,mBAAe,cAAAA,SAAO;AAC5B,QAAI,aAAa,CAAC,MAAM,cAAc,SAAS,MAAM,aAAa,GAAG;AACnE,UAAI,aAAa;AAAO,qBAAa,MAAM,KAAK;AAChD,UAAI,eAAe;AAAS,qBAAa,QAAQ,OAAO;AACxD,UAAI,eAAe;AAAS,qBAAa,QAAQ,OAAO;AACxD,UAAI,cAAc,UAAU;AAC1B,cAAM,YAAY,SAAS,YAAY,MAAM,sBAAK,QAAQ,KAAM,QAAQ,KAAM;AAC9E,qBAAa,KAAK,SAAS;AAAA,MAC7B;AACA,eAAS,YAAY;AAAA,IACvB;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC;AAAa,aAAO;AAEzB,WACE,gDAAC;AAAA,MACE,OAAG,+BAAiB,CAAC,MAAM,UAAU,GAAG,oCAAmB,GAAG,GAAG,cAAc,OAAO;AAAA,MACvF,KAAI;AAAA,MACJ,eAAY;AAAA,MACZ,cAAY,aAAa,cAAc;AAAA,MACvC;AAAA,MAEA,UAAU,CAAC,SAAU,UAAU,UAAU;AAAA,MACzC,UAAU;AAAA,MACV,iBAAa,gCAAkB,kCAAiB,SAAS,MAAM;AAAA,MAC/D,OAAO;AAAA,KACT;AAAA,EAEJ;AAEA,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC;AAAa,aAAO;AAEzB,WACE,gDAAC;AAAA,MACE,OAAG,+BAAiB,CAAC,MAAM,UAAU,GAAG,oCAAmB,GAAG,GAAG,cAAc,OAAO;AAAA,MACvF,KAAI;AAAA,MACJ,eAAY;AAAA,MACZ,cAAY,aAAa,cAAc;AAAA,MACvC;AAAA,MAEA,UAAU,CAAC,SAAU,UAAU,UAAU;AAAA,MACzC,UAAU;AAAA,MACV,iBAAa,gCAAkB,kCAAiB,SAAS,MAAM;AAAA,MAC/D,OAAO;AAAA,KACT;AAAA,EAEJ;AAEA,QAAM,mBAAmB,MAAM;AAC7B,QAAI,CAAC;AAAW,aAAO;AACvB,UAAM,kBAAkB,aAAa,iCAAgB;AAErD,WACE,gDAAC;AAAA,MACE,OAAG,+BAAiB,CAAC,MAAM,UAAU,GAAG,gBAAgB,GAAG,GAAG,cAAc,OAAO;AAAA,MACpF,KAAI;AAAA,MACJ,eAAY;AAAA,MACZ,cAAY,aAAa,cAAc;AAAA,MACvC;AAAA,MAEA,UAAU,CAAC,SAAU,UAAU,QAAQ;AAAA,MACvC,UAAU;AAAA,MACV,iBAAa,gCAAkB,kCAAiB,MAAM,QAAQ,UAAU;AAAA,MACxE,OAAO;AAAA,KACT;AAAA,EAEJ;AAEA,QAAM,sBAAsB,MAAM;AAChC,QAAI,CAAC;AAAY,aAAO;AAExB,WACE,gDAAC;AAAA,MACE,GAAG;AAAA,MACJ,KAAI;AAAA,MACJ,eAAY;AAAA,MACZ,cAAY,aAAa,cAAc;AAAA,MACvC;AAAA,MACA,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,iBAAa,gCAAkB,kCAAiB,UAAU,MAAM;AAAA,MAChE,OAAO;AAAA,KACT;AAAA,EAEJ;AAEA,QAAM,mBAAmB,MAAM;AAC7B,UAAM,SAAS,CAAC,iBAAiB,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AAE9E,UAAM,qBAAqB,OAAO;AAAA,MAChC,CAAC,KAAK,OAAO,UACX,QACI,IAAI,OAAO;AAAA,QACT,QACE,4CAAC;AAAA,UAGC,SAAQ;AAAA,UACR,OAAO,MAAM,MAAM;AAAA,WAFd,KAGP,IACE;AAAA,QACJ;AAAA,MACF,CAAC,IACD;AAAA,MACN,CAAC;AAAA,IACH;AAGA,WAAO;AAAA,MACL;AAAA,MACA,aAAAC,QAAM,cAAc,QAAQ,EAAE,KAAK,OAAO,CAAC;AAAA,MAC3C,oBAAoB;AAAA,IACtB;AAAA,EACF;AAEA,SACE,4CAAC;AAAA,IAAgB,QAAQ;AAAA,IAAc;AAAA,IACpC,2BAAiB;AAAA,GACpB;AAEJ;AAGA,IAAO,qBAAQ;",
|
|
6
|
+
"names": ["moment", "React"]
|
|
7
7
|
}
|
|
@@ -30,7 +30,7 @@ __export(DSToggle_exports, {
|
|
|
30
30
|
});
|
|
31
31
|
module.exports = __toCommonJS(DSToggle_exports);
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var
|
|
33
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
34
34
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
35
35
|
var import_DSToggleImpl = require("./DSToggleImpl");
|
|
36
36
|
var import_ds_shared = require("@elliemae/ds-shared");
|
|
@@ -46,7 +46,7 @@ const DSToggle = ({
|
|
|
46
46
|
value,
|
|
47
47
|
size,
|
|
48
48
|
...otherProps
|
|
49
|
-
}) => /* @__PURE__ */
|
|
49
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSToggleImpl.DSToggleImpl, {
|
|
50
50
|
...otherProps,
|
|
51
51
|
checked,
|
|
52
52
|
containerProps,
|