@hitachivantara/uikit-react-core 4.4.2 → 4.4.4
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/Calendar/Calendar.d.ts +4 -0
- package/dist/Calendar/Calendar.js +13 -5
- package/dist/Calendar/Calendar.js.map +1 -1
- package/dist/Calendar/CalendarHeader/CalendarHeader.d.ts +11 -3
- package/dist/Calendar/CalendarHeader/CalendarHeader.js +9 -3
- package/dist/Calendar/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/Calendar/SingleCalendar/SingleCalendar.js +9 -3
- package/dist/Calendar/SingleCalendar/SingleCalendar.js.map +1 -1
- package/dist/DatePicker/DatePicker.d.ts +4 -0
- package/dist/DatePicker/DatePicker.js +11 -4
- package/dist/DatePicker/DatePicker.js.map +1 -1
- package/dist/legacy/Calendar/Calendar.d.ts +4 -0
- package/dist/legacy/Calendar/Calendar.js +13 -5
- package/dist/legacy/Calendar/Calendar.js.map +1 -1
- package/dist/legacy/Calendar/CalendarHeader/CalendarHeader.d.ts +11 -3
- package/dist/legacy/Calendar/CalendarHeader/CalendarHeader.js +9 -3
- package/dist/legacy/Calendar/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/legacy/Calendar/SingleCalendar/SingleCalendar.js +9 -3
- package/dist/legacy/Calendar/SingleCalendar/SingleCalendar.js.map +1 -1
- package/dist/legacy/DatePicker/DatePicker.d.ts +4 -0
- package/dist/legacy/DatePicker/DatePicker.js +11 -4
- package/dist/legacy/DatePicker/DatePicker.js.map +1 -1
- package/dist/modern/Calendar/Calendar.d.ts +4 -0
- package/dist/modern/Calendar/Calendar.js +14 -6
- package/dist/modern/Calendar/Calendar.js.map +1 -1
- package/dist/modern/Calendar/CalendarHeader/CalendarHeader.d.ts +11 -3
- package/dist/modern/Calendar/CalendarHeader/CalendarHeader.js +9 -4
- package/dist/modern/Calendar/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/modern/Calendar/SingleCalendar/SingleCalendar.js +9 -3
- package/dist/modern/Calendar/SingleCalendar/SingleCalendar.js.map +1 -1
- package/dist/modern/DatePicker/DatePicker.d.ts +4 -0
- package/dist/modern/DatePicker/DatePicker.js +11 -4
- package/dist/modern/DatePicker/DatePicker.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","HvDatePicker","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","ariaErrorMessage","placeholder","labelsProp","labels","value","startValue","endValue","rangeMode","startAdornment","horizontalPlacement","localeProp","locale","showActions","showClear","disablePortal","escapeWithReference","dropdownProps","calendarProps","others","useLabels","elementId","useUniqueId","useControlled","validationState","setValidationState","validationMessage","localeFromProvider","useLocale","useState","calendarOpen","setCalendarOpen","useSavedState","startDate","setStartDate","rollbackStartDate","endDate","setEndDate","rollbackEndDate","useVisibleDate","visibleDate","dispatchAction","focusTarget","useRef","useEffect","endDateIsSet","current","type","NAV_OPTIONS","MONTH_YEAR","target","year","getFullYear","month","getMonth","handleApply","isDate","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","clsx","actionContainer","leftContainer","setId","action","rightContainer","renderInput","dateString","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","getDateLabel","icon","modifiers","enabled","join","trim","_event","error","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Date","Object","withStyles","styles","index"],"sources":["../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { Calendar } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { setId, useSavedState, useLabels } from \"../utils\";\nimport {\n HvActionBar,\n HvBaseDropdown,\n HvButton,\n HvCalendar,\n HvLabel,\n HvInfoMessage,\n HvFormElement,\n HvWarningText,\n HvTypography,\n useUniqueId,\n useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport styles from \"./styles\";\nimport { isDate } from \"../Calendar/utils\";\nimport { getDateLabel } from \"./utils\";\nimport useVisibleDate from \"./useVisibleDate\";\nimport useLocale from \"../Provider/useLocale\";\nimport { NAV_OPTIONS } from \"../Calendar/enums\";\n\nconst DEFAULT_LABELS = {\n applyLabel: \"Apply\",\n cancelLabel: \"Cancel\",\n clearLabel: \"Clear\",\n};\n\n/**\n * A date picker, popup calendar or date range picker is a graphical user\n * interface widget which allows the user to select a date from a calendar.\n */\nconst HvDatePicker = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n readOnly,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onCancel,\n onClear,\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n placeholder,\n\n labels: labelsProp,\n\n value,\n startValue,\n endValue,\n\n rangeMode = false,\n startAdornment,\n horizontalPlacement = \"right\",\n locale: localeProp,\n showActions = false,\n showClear = false,\n disablePortal = true,\n escapeWithReference = true,\n dropdownProps,\n calendarProps,\n ...others\n } = props;\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const elementId = useUniqueId(id, \"hvdatepicker\");\n\n const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const localeFromProvider = useLocale();\n\n const locale = localeProp || localeFromProvider;\n\n const [calendarOpen, setCalendarOpen] = useState(false);\n\n const [startDate, setStartDate, rollbackStartDate] = useSavedState(\n rangeMode ? startValue : value\n );\n const [endDate, setEndDate, rollbackEndDate] = useSavedState(endValue);\n\n const [visibleDate, dispatchAction] = useVisibleDate(startDate, endDate);\n\n const focusTarget = useRef();\n\n useEffect(() => {\n setStartDate(rangeMode ? startValue : value, true);\n setEndDate(endValue, true);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value, startValue, endValue, rangeMode]);\n\n const endDateIsSet = useRef(false);\n endDateIsSet.current = endDate != null;\n\n useEffect(() => {\n if (startDate != null) {\n dispatchAction({\n type: NAV_OPTIONS.MONTH_YEAR,\n target: endDateIsSet.current ? \"left\" : \"best\",\n year: startDate.getFullYear(),\n month: startDate.getMonth() + 1,\n });\n }\n }, [dispatchAction, startDate]);\n\n useEffect(() => {\n if (endDate != null) {\n dispatchAction({\n type: NAV_OPTIONS.MONTH_YEAR,\n target: \"right\",\n year: endDate.getFullYear(),\n month: endDate.getMonth() + 1,\n });\n }\n }, [dispatchAction, endDate]);\n\n /**\n * Handles the `Apply` action. Both single and ranged modes are handled here.\n */\n const handleApply = () => {\n setStartDate(startDate, true);\n setEndDate(endDate ?? startDate, true);\n\n onChange?.(startDate, endDate);\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && (!isDate(startDate) || (rangeMode && !isDate(endDate)))) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n\n setCalendarOpen(false);\n };\n\n /**\n * Handles the `Cancel` action. Both single and ranged modes are handled here.\n */\n const handleCancel = () => {\n rollbackStartDate();\n rollbackEndDate();\n\n onCancel?.();\n\n setCalendarOpen(false);\n };\n\n /**\n * Handles the `Cancel` action. Both single and ranged modes are handled here.\n */\n const handleClear = () => {\n setStartDate(undefined, false);\n setEndDate(undefined, false);\n onClear?.();\n };\n\n const handleCalendarClose = () => {\n const shouldSave = !(rangeMode || showActions);\n if (shouldSave) {\n handleApply();\n } else {\n handleCancel();\n }\n };\n\n const handleToggle = (evt, open) => {\n /* \n If evt is null this toggle wasn't triggered by the user.\n instead it was triggered by the baseDropdown useEffect after\n the datepicker changed the expanded value this baseDropdown behavior needs a review\n */\n if (evt === null) return;\n setCalendarOpen(open);\n if (!open) handleCalendarClose();\n };\n\n const focusOnContainer = () => {\n focusTarget.current?.focus();\n };\n\n const handleDateChange = (event, newDate) => {\n if (!isDate(newDate)) return;\n\n const autoSave = !showActions && !rangeMode;\n\n if (rangeMode) {\n if (!startDate || (startDate && endDate) || newDate < startDate) {\n setStartDate(newDate);\n setEndDate(null);\n } else {\n setEndDate(newDate);\n }\n } else {\n setStartDate(newDate, autoSave);\n }\n\n if (autoSave) {\n onChange?.(newDate);\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && !isDate(newDate)) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n\n setCalendarOpen(false);\n }\n };\n\n const handleInputDateChange = (event, newDate, position) => {\n if (!isDate(newDate)) return;\n\n if (!rangeMode) {\n handleDateChange(event, newDate);\n return;\n }\n\n if (position === \"left\") {\n setStartDate(newDate > endDate ? endDate : newDate);\n } else if (position === \"right\") {\n if (!startDate) {\n setStartDate(newDate > endDate ? endDate : newDate);\n return;\n }\n setEndDate(newDate < startDate ? startDate : newDate);\n }\n };\n\n /**\n * Renders the container for the action elements.\n */\n const renderActions = () => (\n <HvActionBar\n className={clsx({\n [classes.actionContainer]: showClear,\n })}\n >\n {showClear && (\n <div className={classes.leftContainer}>\n <HvButton\n id={setId(id, \"action\", \"clear\")}\n className={classes.action}\n category=\"ghost\"\n onClick={handleClear}\n >\n {labels.clearLabel}\n </HvButton>\n </div>\n )}\n <div className={classes.rightContainer}>\n <HvButton\n id={setId(id, \"action\", \"apply\")}\n className={classes.action}\n category=\"ghost\"\n onClick={handleApply}\n >\n {labels.applyLabel}\n </HvButton>\n <HvButton\n id={setId(id, \"action\", \"cancel\")}\n className={classes.action}\n category=\"ghost\"\n onClick={handleCancel}\n >\n {labels.cancelLabel}\n </HvButton>\n </div>\n </HvActionBar>\n );\n\n const renderInput = (dateString) => (\n <HvTypography variant={dateString ? \"normalText\" : \"placeholderText\"}>\n {(dateString || placeholder) === undefined ? \"\" : dateString || placeholder}\n </HvTypography>\n );\n\n const dateValue = rangeMode ? { startDate, endDate } : startDate;\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n value={dateValue}\n status={validationState}\n disabled={disabled}\n required={required}\n className={clsx(className, classes.root)}\n locale={locale}\n readOnly={readOnly}\n {...others}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n )}\n\n {hasDescription && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <HvBaseDropdown\n role=\"combobox\"\n classes={{\n root: classes.dropdown,\n panel: classes.panel,\n header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,\n headerOpen: classes.dropdownHeaderOpen,\n }}\n readOnly={readOnly}\n disabled={disabled}\n disablePortal={disablePortal}\n variableWidth\n placement={horizontalPlacement}\n expanded={calendarOpen}\n onToggle={handleToggle}\n onClickOutside={handleCalendarClose}\n onContainerCreation={focusOnContainer}\n placeholder={renderInput(getDateLabel(dateValue, rangeMode, locale))}\n adornment={<Calendar className={classes.icon} color={disabled ? \"atmo5\" : undefined} />}\n popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n aria-haspopup=\"dialog\"\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n }\n aria-invalid={isStateInvalid ? true : undefined}\n aria-errormessage={errorMessageId}\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n undefined\n }\n {...dropdownProps}\n >\n <div ref={focusTarget} tabIndex={-1} />\n <HvCalendar\n id={setId(id, \"calendar\")}\n startAdornment={startAdornment}\n onChange={handleDateChange}\n onInputChange={handleInputDateChange}\n onVisibleDateChange={(_event, type, month, target) => {\n dispatchAction({ type, target, month });\n }}\n locale={locale}\n {...visibleDate}\n {...calendarProps}\n />\n {(rangeMode || showActions) && renderActions()}\n </HvBaseDropdown>\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvDatePicker.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n\n /**\n * Styles applied to the container of the labels elements.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the icon information text.\n */\n description: PropTypes.string,\n\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n\n /**\n * Styles applied to the dropdown.\n */\n dropdown: PropTypes.string,\n\n panel: PropTypes.string,\n action: PropTypes.string,\n icon: PropTypes.string,\n /**\n * Styles applied to the date picker when invalid.\n */\n dropdownHeaderInvalid: PropTypes.string,\n /**\n * Styles applied to the date picker when opened.\n */\n dropdownHeaderOpen: PropTypes.string,\n /**\n * Styles applied to the container that holds the actions buttons.\n */\n actionContainer: PropTypes.string,\n /**\n * Styles applied to the container that holds the clear button.\n */\n leftContainer: PropTypes.string,\n /**\n * Styles applied to the container that holds the apply and cancel button.\n */\n rightContainer: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\n /**\n * The placeholder value when nothing is selected.\n */\n placeholder: PropTypes.string,\n\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when the validation status is \"invalid\".\n *\n * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n */\n statusMessage: PropTypes.node,\n /**\n * Identifies the element that provides an error message for the date picker.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * The callback fired when the value changes.\n */\n onChange: PropTypes.func,\n\n /**\n * The callback fired when user clicks on cancel.\n */\n onCancel: PropTypes.func,\n\n /**\n * The callback fired when user clicks on clear.\n */\n onClear: PropTypes.func,\n\n /**\n * An object containing all the labels for the datepicker.\n */\n labels: PropTypes.shape({\n /**\n * Apply button label.\n */\n applyLabel: PropTypes.string,\n /**\n * Cancel button label.\n */\n cancelLabel: PropTypes.string,\n /**\n * Clear button label.\n */\n clearLabel: PropTypes.string,\n }),\n\n /**\n * The initial value of the input when in single calendar mode.\n */\n value: PropTypes.instanceOf(Date),\n /**\n * The initial value for the start date when in range mode.\n */\n startValue: PropTypes.instanceOf(Date),\n /**\n * The initial value for the end date when in range mode.\n */\n endValue: PropTypes.instanceOf(Date),\n /**\n * Flag informing if the the component should be in range mode or in single mode.\n */\n rangeMode: PropTypes.bool,\n /**\n * The placement where the calendar should be placed according to the input. Options are `left` or `right`.\n * Note this prop only affects the calendar when in `rangeMode`.\n */\n horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n /**\n * The calendar locale. If undefined, it uses calendar default\n */\n locale: PropTypes.string,\n\n /**\n * Controls if actions buttons are visible at the calendar.\n */\n showActions: PropTypes.bool,\n /**\n * Controls if clear button is visible at the calendar,\n * only works if showing actions or in range mode.\n */\n showClear: PropTypes.bool,\n /**\n * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n */\n disablePortal: PropTypes.bool,\n /**\n * Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n */\n escapeWithReference: PropTypes.bool,\n /**\n * An element placed before the Calendar\n */\n startAdornment: PropTypes.node,\n /**\n * An object containing props to be passed onto the baseDropdown.\n */\n dropdownProps: PropTypes.instanceOf(Object),\n /**\n * If `true` the DatePicker will be in read only mode, unable to be interacted.\n */\n readOnly: PropTypes.bool,\n /**\n * Additional props passed to the HvCalendar component.\n */\n calendarProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvDatePicker\", index: 1 })(HvDatePicker);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DatePicker.js","names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","invalidDateLabel","HvDatePicker","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","ariaErrorMessage","placeholder","labelsProp","labels","value","startValue","endValue","rangeMode","startAdornment","horizontalPlacement","localeProp","locale","showActions","showClear","disablePortal","escapeWithReference","dropdownProps","calendarProps","others","useLabels","elementId","useUniqueId","useControlled","validationState","setValidationState","validationMessage","localeFromProvider","useLocale","useState","calendarOpen","setCalendarOpen","useSavedState","startDate","setStartDate","rollbackStartDate","endDate","setEndDate","rollbackEndDate","useVisibleDate","visibleDate","dispatchAction","focusTarget","useRef","useEffect","endDateIsSet","current","type","NAV_OPTIONS","MONTH_YEAR","target","year","getFullYear","month","getMonth","handleApply","isDate","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","clsx","actionContainer","leftContainer","setId","action","rightContainer","renderInput","dateString","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","getDateLabel","icon","modifiers","enabled","join","trim","_event","error","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Date","Object","withStyles","styles","index"],"sources":["../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { Calendar } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { setId, useSavedState, useLabels } from \"../utils\";\nimport {\n HvActionBar,\n HvBaseDropdown,\n HvButton,\n HvCalendar,\n HvLabel,\n HvInfoMessage,\n HvFormElement,\n HvWarningText,\n HvTypography,\n useUniqueId,\n useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport styles from \"./styles\";\nimport { isDate } from \"../Calendar/utils\";\nimport { getDateLabel } from \"./utils\";\nimport useVisibleDate from \"./useVisibleDate\";\nimport useLocale from \"../Provider/useLocale\";\nimport { NAV_OPTIONS } from \"../Calendar/enums\";\n\nconst DEFAULT_LABELS = {\n applyLabel: \"Apply\",\n cancelLabel: \"Cancel\",\n clearLabel: \"Clear\",\n invalidDateLabel: \"Invalid Date\",\n};\n\n/**\n * A date picker, popup calendar or date range picker is a graphical user\n * interface widget which allows the user to select a date from a calendar.\n */\nconst HvDatePicker = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n readOnly,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onCancel,\n onClear,\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n placeholder,\n\n labels: labelsProp,\n\n value,\n startValue,\n endValue,\n\n rangeMode = false,\n startAdornment,\n horizontalPlacement = \"right\",\n locale: localeProp,\n showActions = false,\n showClear = false,\n disablePortal = true,\n escapeWithReference = true,\n dropdownProps,\n calendarProps,\n ...others\n } = props;\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const elementId = useUniqueId(id, \"hvdatepicker\");\n\n const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const localeFromProvider = useLocale();\n\n const locale = localeProp || localeFromProvider;\n\n const [calendarOpen, setCalendarOpen] = useState(false);\n\n const [startDate, setStartDate, rollbackStartDate] = useSavedState(\n rangeMode ? startValue : value\n );\n const [endDate, setEndDate, rollbackEndDate] = useSavedState(endValue);\n\n const [visibleDate, dispatchAction] = useVisibleDate(startDate, endDate);\n\n const focusTarget = useRef();\n\n useEffect(() => {\n setStartDate(rangeMode ? startValue : value, true);\n setEndDate(endValue, true);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value, startValue, endValue, rangeMode]);\n\n const endDateIsSet = useRef(false);\n endDateIsSet.current = endDate != null;\n\n useEffect(() => {\n if (startDate != null) {\n dispatchAction({\n type: NAV_OPTIONS.MONTH_YEAR,\n target: endDateIsSet.current ? \"left\" : \"best\",\n year: startDate.getFullYear(),\n month: startDate.getMonth() + 1,\n });\n }\n }, [dispatchAction, startDate]);\n\n useEffect(() => {\n if (endDate != null) {\n dispatchAction({\n type: NAV_OPTIONS.MONTH_YEAR,\n target: \"right\",\n year: endDate.getFullYear(),\n month: endDate.getMonth() + 1,\n });\n }\n }, [dispatchAction, endDate]);\n\n /**\n * Handles the `Apply` action. Both single and ranged modes are handled here.\n */\n const handleApply = () => {\n setStartDate(startDate, true);\n setEndDate(endDate ?? startDate, true);\n\n onChange?.(startDate, endDate);\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && (!isDate(startDate) || (rangeMode && !isDate(endDate)))) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n\n setCalendarOpen(false);\n };\n\n /**\n * Handles the `Cancel` action. Both single and ranged modes are handled here.\n */\n const handleCancel = () => {\n rollbackStartDate();\n rollbackEndDate();\n\n onCancel?.();\n\n setCalendarOpen(false);\n };\n\n /**\n * Handles the `Cancel` action. Both single and ranged modes are handled here.\n */\n const handleClear = () => {\n setStartDate(undefined, false);\n setEndDate(undefined, false);\n onClear?.();\n };\n\n const handleCalendarClose = () => {\n const shouldSave = !(rangeMode || showActions);\n if (shouldSave) {\n handleApply();\n } else {\n handleCancel();\n }\n };\n\n const handleToggle = (evt, open) => {\n /* \n If evt is null this toggle wasn't triggered by the user.\n instead it was triggered by the baseDropdown useEffect after\n the datepicker changed the expanded value this baseDropdown behavior needs a review\n */\n if (evt === null) return;\n setCalendarOpen(open);\n if (!open) handleCalendarClose();\n };\n\n const focusOnContainer = () => {\n focusTarget.current?.focus();\n };\n\n const handleDateChange = (event, newDate) => {\n if (!isDate(newDate)) return;\n\n const autoSave = !showActions && !rangeMode;\n\n if (rangeMode) {\n if (!startDate || (startDate && endDate) || newDate < startDate) {\n setStartDate(newDate);\n setEndDate(null);\n } else {\n setEndDate(newDate);\n }\n } else {\n setStartDate(newDate, autoSave);\n }\n\n if (autoSave) {\n onChange?.(newDate);\n\n setValidationState(() => {\n // this will only run if status is uncontrolled\n if (required && !isDate(newDate)) {\n return \"invalid\";\n }\n\n return \"valid\";\n });\n\n setCalendarOpen(false);\n }\n };\n\n const handleInputDateChange = (event, newDate, position) => {\n if (!isDate(newDate)) return;\n\n if (!rangeMode) {\n handleDateChange(event, newDate);\n return;\n }\n\n if (position === \"left\") {\n setStartDate(newDate > endDate ? endDate : newDate);\n } else if (position === \"right\") {\n if (!startDate) {\n setStartDate(newDate > endDate ? endDate : newDate);\n return;\n }\n setEndDate(newDate < startDate ? startDate : newDate);\n }\n };\n\n /**\n * Renders the container for the action elements.\n */\n const renderActions = () => (\n <HvActionBar\n className={clsx({\n [classes.actionContainer]: showClear,\n })}\n >\n {showClear && (\n <div className={classes.leftContainer}>\n <HvButton\n id={setId(id, \"action\", \"clear\")}\n className={classes.action}\n category=\"ghost\"\n onClick={handleClear}\n >\n {labels.clearLabel}\n </HvButton>\n </div>\n )}\n <div className={classes.rightContainer}>\n <HvButton\n id={setId(id, \"action\", \"apply\")}\n className={classes.action}\n category=\"ghost\"\n onClick={handleApply}\n >\n {labels.applyLabel}\n </HvButton>\n <HvButton\n id={setId(id, \"action\", \"cancel\")}\n className={classes.action}\n category=\"ghost\"\n onClick={handleCancel}\n >\n {labels.cancelLabel}\n </HvButton>\n </div>\n </HvActionBar>\n );\n\n const renderInput = (dateString) => (\n <HvTypography variant={dateString ? \"normalText\" : \"placeholderText\"}>\n {(dateString || placeholder) === undefined ? \"\" : dateString || placeholder}\n </HvTypography>\n );\n\n const dateValue = rangeMode ? { startDate, endDate } : startDate;\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n value={dateValue}\n status={validationState}\n disabled={disabled}\n required={required}\n className={clsx(className, classes.root)}\n locale={locale}\n readOnly={readOnly}\n {...others}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n )}\n\n {hasDescription && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <HvBaseDropdown\n role=\"combobox\"\n classes={{\n root: classes.dropdown,\n panel: classes.panel,\n header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,\n headerOpen: classes.dropdownHeaderOpen,\n }}\n readOnly={readOnly}\n disabled={disabled}\n disablePortal={disablePortal}\n variableWidth\n placement={horizontalPlacement}\n expanded={calendarOpen}\n onToggle={handleToggle}\n onClickOutside={handleCalendarClose}\n onContainerCreation={focusOnContainer}\n placeholder={renderInput(getDateLabel(dateValue, rangeMode, locale))}\n adornment={<Calendar className={classes.icon} color={disabled ? \"atmo5\" : undefined} />}\n popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n aria-haspopup=\"dialog\"\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n }\n aria-invalid={isStateInvalid ? true : undefined}\n aria-errormessage={errorMessageId}\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n undefined\n }\n {...dropdownProps}\n >\n <div ref={focusTarget} tabIndex={-1} />\n <HvCalendar\n id={setId(id, \"calendar\")}\n startAdornment={startAdornment}\n onChange={handleDateChange}\n onInputChange={handleInputDateChange}\n onVisibleDateChange={(_event, type, month, target) => {\n dispatchAction({ type, target, month });\n }}\n locale={locale}\n {...visibleDate}\n {...calendarProps}\n invalidDateLabel={labels.invalidDateLabel}\n />\n {(rangeMode || showActions) && renderActions()}\n </HvBaseDropdown>\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvDatePicker.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n\n /**\n * Styles applied to the container of the labels elements.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the icon information text.\n */\n description: PropTypes.string,\n\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n\n /**\n * Styles applied to the dropdown.\n */\n dropdown: PropTypes.string,\n\n panel: PropTypes.string,\n action: PropTypes.string,\n icon: PropTypes.string,\n /**\n * Styles applied to the date picker when invalid.\n */\n dropdownHeaderInvalid: PropTypes.string,\n /**\n * Styles applied to the date picker when opened.\n */\n dropdownHeaderOpen: PropTypes.string,\n /**\n * Styles applied to the container that holds the actions buttons.\n */\n actionContainer: PropTypes.string,\n /**\n * Styles applied to the container that holds the clear button.\n */\n leftContainer: PropTypes.string,\n /**\n * Styles applied to the container that holds the apply and cancel button.\n */\n rightContainer: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\n /**\n * The placeholder value when nothing is selected.\n */\n placeholder: PropTypes.string,\n\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when the validation status is \"invalid\".\n *\n * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n */\n statusMessage: PropTypes.node,\n /**\n * Identifies the element that provides an error message for the date picker.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * The callback fired when the value changes.\n */\n onChange: PropTypes.func,\n\n /**\n * The callback fired when user clicks on cancel.\n */\n onCancel: PropTypes.func,\n\n /**\n * The callback fired when user clicks on clear.\n */\n onClear: PropTypes.func,\n\n /**\n * An object containing all the labels for the datepicker.\n */\n labels: PropTypes.shape({\n /**\n * Apply button label.\n */\n applyLabel: PropTypes.string,\n /**\n * Cancel button label.\n */\n cancelLabel: PropTypes.string,\n /**\n * Clear button label.\n */\n clearLabel: PropTypes.string,\n /**\n * Invalid Date label.\n */\n invalidDateLabel: PropTypes.string,\n }),\n\n /**\n * The initial value of the input when in single calendar mode.\n */\n value: PropTypes.instanceOf(Date),\n /**\n * The initial value for the start date when in range mode.\n */\n startValue: PropTypes.instanceOf(Date),\n /**\n * The initial value for the end date when in range mode.\n */\n endValue: PropTypes.instanceOf(Date),\n /**\n * Flag informing if the the component should be in range mode or in single mode.\n */\n rangeMode: PropTypes.bool,\n /**\n * The placement where the calendar should be placed according to the input. Options are `left` or `right`.\n * Note this prop only affects the calendar when in `rangeMode`.\n */\n horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n /**\n * The calendar locale. If undefined, it uses calendar default\n */\n locale: PropTypes.string,\n\n /**\n * Controls if actions buttons are visible at the calendar.\n */\n showActions: PropTypes.bool,\n /**\n * Controls if clear button is visible at the calendar,\n * only works if showing actions or in range mode.\n */\n showClear: PropTypes.bool,\n /**\n * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n */\n disablePortal: PropTypes.bool,\n /**\n * Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n */\n escapeWithReference: PropTypes.bool,\n /**\n * An element placed before the Calendar\n */\n startAdornment: PropTypes.node,\n /**\n * An object containing props to be passed onto the baseDropdown.\n */\n dropdownProps: PropTypes.instanceOf(Object),\n /**\n * If `true` the DatePicker will be in read only mode, unable to be interacted.\n */\n readOnly: PropTypes.bool,\n /**\n * Additional props passed to the HvCalendar component.\n */\n calendarProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvDatePicker\", index: 1 })(HvDatePicker);\n"],"mappings":"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"}
|
|
@@ -75,6 +75,10 @@ export interface HvCalendarProps
|
|
|
75
75
|
* An element placed before the Calendar
|
|
76
76
|
*/
|
|
77
77
|
startAdornment: React.ReactNode;
|
|
78
|
+
/**
|
|
79
|
+
* An element placed before the Calendar
|
|
80
|
+
*/
|
|
81
|
+
invalidDateLabel?: string;
|
|
78
82
|
}
|
|
79
83
|
|
|
80
84
|
export default function HvCalendar(props: HvCalendarProps): JSX.Element | null;
|
|
@@ -7,7 +7,7 @@ import "core-js/modules/web.dom-collections.for-each.js";
|
|
|
7
7
|
import "core-js/modules/es.object.get-own-property-descriptors.js";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
9
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
10
|
-
var _excluded = ["classes", "id", "locale", "value", "visibleMonth", "visibleYear", "rightVisibleMonth", "rightVisibleYear", "minimumDate", "maximumDate", "startAdornment", "onChange", "onInputChange", "onVisibleDateChange"];
|
|
10
|
+
var _excluded = ["classes", "id", "locale", "value", "visibleMonth", "visibleYear", "rightVisibleMonth", "rightVisibleYear", "minimumDate", "maximumDate", "startAdornment", "onChange", "onInputChange", "onVisibleDateChange", "invalidDateLabel"];
|
|
11
11
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
12
12
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
13
13
|
import React, { useContext } from "react";
|
|
@@ -35,6 +35,7 @@ var HvCalendar = function HvCalendar(_ref) {
|
|
|
35
35
|
onChange = _ref.onChange,
|
|
36
36
|
_onInputChange = _ref.onInputChange,
|
|
37
37
|
_onVisibleDateChange = _ref.onVisibleDateChange,
|
|
38
|
+
invalidDateLabel = _ref.invalidDateLabel,
|
|
38
39
|
others = _objectWithoutProperties(_ref, _excluded);
|
|
39
40
|
var _useContext = useContext(HvFormElementContext),
|
|
40
41
|
elementId = _useContext.elementId;
|
|
@@ -56,7 +57,8 @@ var HvCalendar = function HvCalendar(_ref) {
|
|
|
56
57
|
onInputChange: function onInputChange(evt, date) {
|
|
57
58
|
return _onInputChange(evt, date, "left");
|
|
58
59
|
},
|
|
59
|
-
onVisibleDateChange: _onVisibleDateChange
|
|
60
|
+
onVisibleDateChange: _onVisibleDateChange,
|
|
61
|
+
invalidDateLabel: invalidDateLabel
|
|
60
62
|
}, others));
|
|
61
63
|
var rangeCalendar = /*#__PURE__*/_jsxs("div", {
|
|
62
64
|
className: classes.rangeCalendarContainer,
|
|
@@ -75,7 +77,8 @@ var HvCalendar = function HvCalendar(_ref) {
|
|
|
75
77
|
},
|
|
76
78
|
onVisibleDateChange: function onVisibleDateChange(event, action, index) {
|
|
77
79
|
return _onVisibleDateChange === null || _onVisibleDateChange === void 0 ? void 0 : _onVisibleDateChange(event, action, index, "left");
|
|
78
|
-
}
|
|
80
|
+
},
|
|
81
|
+
invalidDateLabel: invalidDateLabel
|
|
79
82
|
}, others)), /*#__PURE__*/_jsx(SingleCalendar, _objectSpread({
|
|
80
83
|
className: classes.singleCalendar,
|
|
81
84
|
id: rightCalendarId,
|
|
@@ -92,7 +95,8 @@ var HvCalendar = function HvCalendar(_ref) {
|
|
|
92
95
|
onVisibleDateChange: function onVisibleDateChange(event, action, index) {
|
|
93
96
|
_onVisibleDateChange === null || _onVisibleDateChange === void 0 ? void 0 : _onVisibleDateChange(event, action, index, "right");
|
|
94
97
|
},
|
|
95
|
-
showEndDate: true
|
|
98
|
+
showEndDate: true,
|
|
99
|
+
invalidDateLabel: invalidDateLabel
|
|
96
100
|
}, others))]
|
|
97
101
|
});
|
|
98
102
|
return /*#__PURE__*/_jsxs("div", {
|
|
@@ -163,7 +167,11 @@ process.env.NODE_ENV !== "production" ? HvCalendar.propTypes = {
|
|
|
163
167
|
/**
|
|
164
168
|
* An element placed before the Calendar
|
|
165
169
|
*/
|
|
166
|
-
startAdornment: PropTypes.node
|
|
170
|
+
startAdornment: PropTypes.node,
|
|
171
|
+
/**
|
|
172
|
+
* Label shown when date is invalid.
|
|
173
|
+
*/
|
|
174
|
+
invalidDateLabel: PropTypes.string
|
|
167
175
|
} : void 0;
|
|
168
176
|
export default withStyles(styles, {
|
|
169
177
|
name: "HvCalendar"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","names":["React","useContext","PropTypes","withStyles","setId","styles","HvFormElementContext","HvFormElementValueContext","isRange","SingleCalendar","HvCalendar","classes","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","others","elementId","elementValue","localValue","localId","rangeMode","rightCalendarId","clampedMonth","singleCalendar","evt","date","rangeCalendar","rangeCalendarContainer","event","action","index","root","propTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","startDate","endDate","number","func","node","name"],"sources":["../../../src/Calendar/Calendar.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId } from \"../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementContext, HvFormElementValueContext } from \"../Forms/FormElement\";\nimport { isRange } from \"./utils\";\nimport SingleCalendar from \"./SingleCalendar\";\n\nconst HvCalendar = ({\n classes,\n id,\n locale,\n value,\n visibleMonth,\n visibleYear,\n rightVisibleMonth,\n rightVisibleYear,\n minimumDate,\n maximumDate,\n startAdornment,\n onChange,\n onInputChange,\n onVisibleDateChange,\n ...others\n}) => {\n const { elementId } = useContext(HvFormElementContext);\n const elementValue = useContext(HvFormElementValueContext);\n const localValue = value ?? elementValue;\n const localId = id ?? setId(elementId, \"single-calendar\");\n const rangeMode = isRange(localValue);\n const rightCalendarId = setId(localId, \"single-calendar-right\");\n const clampedMonth = visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n const singleCalendar = (\n <SingleCalendar\n id={localId}\n locale={locale}\n value={localValue}\n visibleMonth={clampedMonth}\n visibleYear={visibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n onVisibleDateChange={onVisibleDateChange}\n {...others}\n />\n );\n\n const rangeCalendar = (\n <div className={classes.rangeCalendarContainer}>\n <SingleCalendar\n className={classes.singleCalendar}\n id={localId}\n locale={locale}\n value={localValue}\n visibleMonth={clampedMonth}\n visibleYear={visibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n onVisibleDateChange={(event, action, index) =>\n onVisibleDateChange?.(event, action, index, \"left\")\n }\n {...others}\n />\n\n <SingleCalendar\n className={classes.singleCalendar}\n id={rightCalendarId}\n locale={locale}\n value={localValue}\n visibleMonth={rightVisibleMonth}\n visibleYear={rightVisibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) => onInputChange(evt, date, \"right\")}\n onVisibleDateChange={(event, action, index) => {\n onVisibleDateChange?.(event, action, index, \"right\");\n }}\n showEndDate\n {...others}\n />\n </div>\n );\n\n return (\n <div className={classes.root}>\n {startAdornment}\n {rangeMode ? rangeCalendar : singleCalendar}\n </div>\n );\n};\n\nHvCalendar.propTypes = {\n /**\n * Styles applied from the theme.\n */\n classes: PropTypes.instanceOf(Object).isRequired,\n /**\n * Identifier.\n */\n id: PropTypes.string,\n /**\n * The calendar locale. If undefined, it defaults to en-US\n *\n */\n locale: PropTypes.string,\n /**\n * Date that the calendar would show.\n * if using the object format the calendar enter in range mode showing two calendars\n */\n value: PropTypes.oneOfType([\n PropTypes.instanceOf(Date),\n PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n ]),\n /**\n * Controls the visible month of the Calendar\n */\n visibleMonth: PropTypes.number,\n /**\n * Controls the visible year of the Calendar\n */\n visibleYear: PropTypes.number,\n /**\n * Controls the visible month of the Calendar on the right side of the datepicker\n */\n rightVisibleMonth: PropTypes.number,\n /**\n * Controls the visible year of the Calendar on the right side of the datepicker\n */\n rightVisibleYear: PropTypes.number,\n /**\n * Callback function to be triggered when the selected date has changed.\n */\n onChange: PropTypes.func,\n /**\n * Callback function to be triggered when the selected date input has changed.\n */\n onInputChange: PropTypes.func,\n /**\n * Callback function to be triggered when the user clicks on the month or year selector.\n * it receives the action that was pressed:\n * previous_month, next_month, previous_year, next_year,month\n */\n onVisibleDateChange: PropTypes.func,\n\n /**\n * The maximum selectable date after this all values are disabled.\n */\n maximumDate: PropTypes.instanceOf(Date),\n /**\n * The minimum selectable date before this all values are disabled.\n */\n minimumDate: PropTypes.instanceOf(Date),\n /**\n * An element placed before the Calendar\n */\n startAdornment: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvCalendar\" })(HvCalendar);\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,KAAK,QAAQ,UAAU;AAChC,OAAOC,MAAM,MAAM,UAAU;AAC7B,SAASC,oBAAoB,EAAEC,yBAAyB,QAAQ,sBAAsB;AACtF,SAASC,OAAO,QAAQ,SAAS;AACjC,OAAOC,cAAc,MAAM,kBAAkB;AAAC;AAAA;AAE9C,IAAMC,UAAU,GAAG,SAAbA,UAAU,
|
|
1
|
+
{"version":3,"file":"Calendar.js","names":["React","useContext","PropTypes","withStyles","setId","styles","HvFormElementContext","HvFormElementValueContext","isRange","SingleCalendar","HvCalendar","classes","id","locale","value","visibleMonth","visibleYear","rightVisibleMonth","rightVisibleYear","minimumDate","maximumDate","startAdornment","onChange","onInputChange","onVisibleDateChange","invalidDateLabel","others","elementId","elementValue","localValue","localId","rangeMode","rightCalendarId","clampedMonth","singleCalendar","evt","date","rangeCalendar","rangeCalendarContainer","event","action","index","root","propTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","startDate","endDate","number","func","node","name"],"sources":["../../../src/Calendar/Calendar.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId } from \"../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementContext, HvFormElementValueContext } from \"../Forms/FormElement\";\nimport { isRange } from \"./utils\";\nimport SingleCalendar from \"./SingleCalendar\";\n\nconst HvCalendar = ({\n classes,\n id,\n locale,\n value,\n visibleMonth,\n visibleYear,\n rightVisibleMonth,\n rightVisibleYear,\n minimumDate,\n maximumDate,\n startAdornment,\n onChange,\n onInputChange,\n onVisibleDateChange,\n invalidDateLabel,\n ...others\n}) => {\n const { elementId } = useContext(HvFormElementContext);\n const elementValue = useContext(HvFormElementValueContext);\n const localValue = value ?? elementValue;\n const localId = id ?? setId(elementId, \"single-calendar\");\n const rangeMode = isRange(localValue);\n const rightCalendarId = setId(localId, \"single-calendar-right\");\n const clampedMonth = visibleMonth % 13 > 0 ? visibleMonth % 13 : 1;\n\n const singleCalendar = (\n <SingleCalendar\n id={localId}\n locale={locale}\n value={localValue}\n visibleMonth={clampedMonth}\n visibleYear={visibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n onVisibleDateChange={onVisibleDateChange}\n invalidDateLabel={invalidDateLabel}\n {...others}\n />\n );\n\n const rangeCalendar = (\n <div className={classes.rangeCalendarContainer}>\n <SingleCalendar\n className={classes.singleCalendar}\n id={localId}\n locale={locale}\n value={localValue}\n visibleMonth={clampedMonth}\n visibleYear={visibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) => onInputChange(evt, date, \"left\")}\n onVisibleDateChange={(event, action, index) =>\n onVisibleDateChange?.(event, action, index, \"left\")\n }\n invalidDateLabel={invalidDateLabel}\n {...others}\n />\n\n <SingleCalendar\n className={classes.singleCalendar}\n id={rightCalendarId}\n locale={locale}\n value={localValue}\n visibleMonth={rightVisibleMonth}\n visibleYear={rightVisibleYear}\n minimumDate={minimumDate}\n maximumDate={maximumDate}\n onChange={onChange}\n onInputChange={(evt, date) => onInputChange(evt, date, \"right\")}\n onVisibleDateChange={(event, action, index) => {\n onVisibleDateChange?.(event, action, index, \"right\");\n }}\n showEndDate\n invalidDateLabel={invalidDateLabel}\n {...others}\n />\n </div>\n );\n\n return (\n <div className={classes.root}>\n {startAdornment}\n {rangeMode ? rangeCalendar : singleCalendar}\n </div>\n );\n};\n\nHvCalendar.propTypes = {\n /**\n * Styles applied from the theme.\n */\n classes: PropTypes.instanceOf(Object).isRequired,\n /**\n * Identifier.\n */\n id: PropTypes.string,\n /**\n * The calendar locale. If undefined, it defaults to en-US\n *\n */\n locale: PropTypes.string,\n /**\n * Date that the calendar would show.\n * if using the object format the calendar enter in range mode showing two calendars\n */\n value: PropTypes.oneOfType([\n PropTypes.instanceOf(Date),\n PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n ]),\n /**\n * Controls the visible month of the Calendar\n */\n visibleMonth: PropTypes.number,\n /**\n * Controls the visible year of the Calendar\n */\n visibleYear: PropTypes.number,\n /**\n * Controls the visible month of the Calendar on the right side of the datepicker\n */\n rightVisibleMonth: PropTypes.number,\n /**\n * Controls the visible year of the Calendar on the right side of the datepicker\n */\n rightVisibleYear: PropTypes.number,\n /**\n * Callback function to be triggered when the selected date has changed.\n */\n onChange: PropTypes.func,\n /**\n * Callback function to be triggered when the selected date input has changed.\n */\n onInputChange: PropTypes.func,\n /**\n * Callback function to be triggered when the user clicks on the month or year selector.\n * it receives the action that was pressed:\n * previous_month, next_month, previous_year, next_year,month\n */\n onVisibleDateChange: PropTypes.func,\n\n /**\n * The maximum selectable date after this all values are disabled.\n */\n maximumDate: PropTypes.instanceOf(Date),\n /**\n * The minimum selectable date before this all values are disabled.\n */\n minimumDate: PropTypes.instanceOf(Date),\n /**\n * An element placed before the Calendar\n */\n startAdornment: PropTypes.node,\n /**\n * Label shown when date is invalid.\n */\n invalidDateLabel: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvCalendar\" })(HvCalendar);\n"],"mappings":"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"}
|
|
@@ -15,7 +15,11 @@ export type HvHeaderClassKey =
|
|
|
15
15
|
| "input";
|
|
16
16
|
|
|
17
17
|
export interface HvHeaderCalendarProps
|
|
18
|
-
extends StandardProps<
|
|
18
|
+
extends StandardProps<
|
|
19
|
+
React.HTMLAttributes<HTMLElement>,
|
|
20
|
+
HvHeaderClassKey,
|
|
21
|
+
"onChange" | "onBlur" | "onFocus"
|
|
22
|
+
> {
|
|
19
23
|
/**
|
|
20
24
|
* Locale to be used by the calendar header.
|
|
21
25
|
*/
|
|
@@ -27,14 +31,18 @@ export interface HvHeaderCalendarProps
|
|
|
27
31
|
/**
|
|
28
32
|
* Callback function to be triggered when the selected date has changed.
|
|
29
33
|
*/
|
|
30
|
-
onChange?: (
|
|
34
|
+
onChange?: (
|
|
31
35
|
event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement> | undefined,
|
|
32
36
|
value: string | Date | DateRangeProp
|
|
33
|
-
|
|
37
|
+
) => void;
|
|
34
38
|
/**
|
|
35
39
|
* Indicates if header should display end date in a date range.
|
|
36
40
|
*/
|
|
37
41
|
showEndDate?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Label shown when date is invalid.
|
|
44
|
+
*/
|
|
45
|
+
invalidDateLabel: string;
|
|
38
46
|
}
|
|
39
47
|
|
|
40
48
|
export default function HvHeaderCalendar(props: HvHeaderCalendarProps): JSX.Element | null;
|
|
@@ -9,7 +9,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
|
9
9
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
10
10
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
11
11
|
var _Info;
|
|
12
|
-
var _excluded = ["id", "value", "locale", "classes", "onChange", "showEndDate", "onFocus"];
|
|
12
|
+
var _excluded = ["id", "value", "locale", "classes", "onChange", "showEndDate", "onFocus", "invalidDateLabel"];
|
|
13
13
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
14
14
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
15
15
|
import React, { useState, useEffect, useContext } from "react";
|
|
@@ -43,6 +43,8 @@ var HvCalendarHeader = function HvCalendarHeader(_ref) {
|
|
|
43
43
|
onChange = _ref.onChange,
|
|
44
44
|
showEndDate = _ref.showEndDate,
|
|
45
45
|
onFocus = _ref.onFocus,
|
|
46
|
+
_ref$invalidDateLabel = _ref.invalidDateLabel,
|
|
47
|
+
invalidDateLabel = _ref$invalidDateLabel === void 0 ? "Invalid Date" : _ref$invalidDateLabel,
|
|
46
48
|
others = _objectWithoutProperties(_ref, _excluded);
|
|
47
49
|
var _useContext = useContext(HvFormElementContext),
|
|
48
50
|
elementId = _useContext.elementId;
|
|
@@ -172,7 +174,7 @@ var HvCalendarHeader = function HvCalendarHeader(_ref) {
|
|
|
172
174
|
children: [_Info || (_Info = /*#__PURE__*/_jsx(Info, {
|
|
173
175
|
color: "acce3",
|
|
174
176
|
iconSize: "S"
|
|
175
|
-
})),
|
|
177
|
+
})), invalidDateLabel]
|
|
176
178
|
})
|
|
177
179
|
})]
|
|
178
180
|
});
|
|
@@ -211,7 +213,11 @@ process.env.NODE_ENV !== "production" ? HvCalendarHeader.propTypes = {
|
|
|
211
213
|
/**
|
|
212
214
|
* Indicates if header should display end date in a date range.
|
|
213
215
|
*/
|
|
214
|
-
showEndDate: PropTypes.bool
|
|
216
|
+
showEndDate: PropTypes.bool,
|
|
217
|
+
/**
|
|
218
|
+
* Label shown when date is invalid.
|
|
219
|
+
*/
|
|
220
|
+
invalidDateLabel: PropTypes.string
|
|
215
221
|
} : void 0;
|
|
216
222
|
export default withStyles(styles, {
|
|
217
223
|
name: "HvCalendarHeader"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarHeader.js","names":["React","useState","useEffect","useContext","PropTypes","Info","dayjs","localeData","localizedFormat","customParseFormat","clsx","isNil","withStyles","setId","isKeypress","KeyboardCodes","HvTypography","styles","HvFormElementContext","HvFormElementValueContext","HvFormElementDescriptorsContext","isRange","isSameDay","formatDMY","extend","Enter","HvCalendarHeader","id","value","locale","classes","onChange","showEndDate","onFocus","others","elementId","elementValue","label","localValue","endDate","startDate","dateValue","setDateValue","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","inputValue","localeFormat","longDateFormat","length","isValid","isValidValue","setIsValidValue","validateInput","incomingValid","undefined","valid","weekday","Intl","DateTimeFormat","format","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","onBlurHandler","keyDownHandler","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","root","invalid","headerDayOfWeek","headerDate","input","inputBorderContainer","height","invalidMessageStyling","formElementType","propTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","func","bool","name"],"sources":["../../../../src/Calendar/CalendarHeader/CalendarHeader.js"],"sourcesContent":["import React, { useState, useEffect, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport dayjs from \"dayjs\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId, isKeypress, KeyboardCodes } from \"../../utils\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\nimport {\n HvFormElementContext,\n HvFormElementValueContext,\n HvFormElementDescriptorsContext,\n} from \"../../Forms/FormElement\";\nimport { isRange, isSameDay, formatDMY } from \"../utils\";\n\ndayjs.extend(localeData);\ndayjs.extend(localizedFormat);\ndayjs.extend(customParseFormat);\n\nconst { Enter } = KeyboardCodes;\n\nconst HvCalendarHeader = ({\n id,\n value,\n locale,\n classes,\n onChange,\n showEndDate,\n onFocus,\n ...others\n}) => {\n const { elementId } = useContext(HvFormElementContext);\n const elementValue = useContext(HvFormElementValueContext);\n const { label } = useContext(HvFormElementDescriptorsContext);\n\n let localValue = value ?? elementValue ?? \"\";\n if (isRange(localValue)) {\n localValue = showEndDate ? localValue.endDate : localValue.startDate;\n }\n const [dateValue, setDateValue] = useState(localValue);\n const [editedValue, setEditedValue] = useState(null);\n const [displayValue, setDisplayValue] = useState(\"\");\n const [weekdayDisplay, setWeekdayDisplay] = useState(\"\");\n\n const localId = id ?? setId(elementId, \"calendarHeader\");\n\n const inputValue = editedValue ?? displayValue;\n const localeFormat = dayjs().locale(locale).localeData().longDateFormat(\"L\");\n\n const [isValidValue, setIsValidValue] = useState(\n inputValue.length === 0 || (!!inputValue && dayjs(localValue).isValid())\n );\n\n const validateInput = (incomingValid) =>\n incomingValid === undefined || dayjs(incomingValid).isValid();\n useEffect(() => {\n const valid = validateInput(localValue);\n setIsValidValue(valid);\n if (valid) {\n if (!localValue) {\n setDisplayValue(\"\");\n setEditedValue(null);\n setWeekdayDisplay(\"\");\n return;\n }\n const weekday = new Intl.DateTimeFormat(locale, { weekday: \"short\" }).format(localValue);\n setDisplayValue(formatDMY(localValue, locale));\n setEditedValue(null);\n setWeekdayDisplay(weekday);\n }\n }, [localValue, locale]);\n\n const handleNewDate = (event, date) => {\n // attempt to format in locale data, or fallback to default\n const localeParsedDate = dayjs(date, localeFormat);\n\n const isValidInput = localeParsedDate.isValid();\n const dateParsed = isValidInput ? localeParsedDate.toDate() : dayjs(date).toDate();\n // prevent extra updates\n if (!isSameDay(dateParsed, dateValue)) {\n setDateValue(dateParsed);\n onChange?.(event, dateParsed);\n }\n\n setIsValidValue(isValidInput);\n if (isValidInput) {\n setEditedValue(null);\n }\n };\n\n const onBlurHandler = (event) => {\n if (isNil(editedValue)) return;\n if (editedValue === \"\") {\n setIsValidValue(true);\n setEditedValue(null);\n return;\n }\n handleNewDate(event, editedValue);\n };\n\n const keyDownHandler = (event) => {\n if (!isKeypress(event, Enter) || isNil(editedValue) || editedValue === \"\") return;\n event.preventDefault();\n\n handleNewDate(event, editedValue);\n };\n\n const onFocusHandler = (event) => {\n if (!localValue) return;\n const formattedDate = isValidValue ? dayjs(localValue).locale(locale).format(\"L\") : editedValue;\n setEditedValue(formattedDate);\n onFocus?.(event, formattedDate);\n };\n\n const onChangeHandler = (event) => {\n setEditedValue(event.target.value);\n };\n return (\n <>\n <div\n id={localId}\n className={clsx(classes.root, {\n [classes.invalid]: !isValidValue && inputValue !== \"\",\n })}\n >\n <HvTypography variant=\"normalText\" className={classes.headerDayOfWeek}>\n {weekdayDisplay || \"\\u00A0\"}\n </HvTypography>\n <div className={classes.headerDate}>\n <input\n type=\"text\"\n id={setId(localId, \"header-input\")}\n placeholder={localeFormat}\n value={inputValue}\n className={classes.input}\n onBlur={onBlurHandler}\n onFocus={onFocusHandler}\n onChange={onChangeHandler}\n onKeyDown={keyDownHandler}\n aria-labelledby={label?.[0]?.id}\n {...others}\n />\n </div>\n </div>\n {!isValidValue && inputValue !== \"\" && (\n <div role=\"presentation\" className={classes.inputBorderContainer} />\n )}\n <div style={{ height: 32 }}>\n {!isValidValue && inputValue !== \"\" && (\n <HvTypography\n component=\"span\"\n variant=\"normalText\"\n className={classes.invalidMessageStyling}\n >\n <Info color=\"acce3\" iconSize=\"S\" />\n Invalid date\n </HvTypography>\n )}\n </div>\n </>\n );\n};\n\n// TODO: refactor this out\nHvCalendarHeader.formElementType = \"HvCalendarHeader\";\n\nHvCalendarHeader.propTypes = {\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.instanceOf(Object).isRequired,\n /**\n * Identifier.\n */\n id: PropTypes.string,\n /**\n * The text to be shown on the main part of the header.\n */\n value: PropTypes.oneOfType([\n PropTypes.instanceOf(Date),\n PropTypes.string,\n PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n ]),\n\n /**\n * Locale to be used by the calendar.\n */\n locale: PropTypes.string.isRequired,\n /**\n * Callback to define the input date.\n */\n onChange: PropTypes.func,\n /**\n * Callback to handle input onFocus.\n */\n onFocus: PropTypes.func,\n /**\n * Indicates if header should display end date in a date range.\n */\n showEndDate: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvCalendarHeader\" })(HvCalendarHeader);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CalendarHeader.js","names":["React","useState","useEffect","useContext","PropTypes","Info","dayjs","localeData","localizedFormat","customParseFormat","clsx","isNil","withStyles","setId","isKeypress","KeyboardCodes","HvTypography","styles","HvFormElementContext","HvFormElementValueContext","HvFormElementDescriptorsContext","isRange","isSameDay","formatDMY","extend","Enter","HvCalendarHeader","id","value","locale","classes","onChange","showEndDate","onFocus","invalidDateLabel","others","elementId","elementValue","label","localValue","endDate","startDate","dateValue","setDateValue","editedValue","setEditedValue","displayValue","setDisplayValue","weekdayDisplay","setWeekdayDisplay","localId","inputValue","localeFormat","longDateFormat","length","isValid","isValidValue","setIsValidValue","validateInput","incomingValid","undefined","valid","weekday","Intl","DateTimeFormat","format","handleNewDate","event","date","localeParsedDate","isValidInput","dateParsed","toDate","onBlurHandler","keyDownHandler","preventDefault","onFocusHandler","formattedDate","onChangeHandler","target","root","invalid","headerDayOfWeek","headerDate","input","inputBorderContainer","height","invalidMessageStyling","formElementType","propTypes","instanceOf","Object","isRequired","string","oneOfType","Date","shape","func","bool","name"],"sources":["../../../../src/Calendar/CalendarHeader/CalendarHeader.js"],"sourcesContent":["import React, { useState, useEffect, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\nimport dayjs from \"dayjs\";\nimport localeData from \"dayjs/plugin/localeData\";\nimport localizedFormat from \"dayjs/plugin/localizedFormat\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId, isKeypress, KeyboardCodes } from \"../../utils\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\nimport {\n HvFormElementContext,\n HvFormElementValueContext,\n HvFormElementDescriptorsContext,\n} from \"../../Forms/FormElement\";\nimport { isRange, isSameDay, formatDMY } from \"../utils\";\n\ndayjs.extend(localeData);\ndayjs.extend(localizedFormat);\ndayjs.extend(customParseFormat);\n\nconst { Enter } = KeyboardCodes;\n\nconst HvCalendarHeader = ({\n id,\n value,\n locale,\n classes,\n onChange,\n showEndDate,\n onFocus,\n invalidDateLabel = \"Invalid Date\",\n ...others\n}) => {\n const { elementId } = useContext(HvFormElementContext);\n const elementValue = useContext(HvFormElementValueContext);\n const { label } = useContext(HvFormElementDescriptorsContext);\n\n let localValue = value ?? elementValue ?? \"\";\n if (isRange(localValue)) {\n localValue = showEndDate ? localValue.endDate : localValue.startDate;\n }\n const [dateValue, setDateValue] = useState(localValue);\n const [editedValue, setEditedValue] = useState(null);\n const [displayValue, setDisplayValue] = useState(\"\");\n const [weekdayDisplay, setWeekdayDisplay] = useState(\"\");\n\n const localId = id ?? setId(elementId, \"calendarHeader\");\n\n const inputValue = editedValue ?? displayValue;\n const localeFormat = dayjs().locale(locale).localeData().longDateFormat(\"L\");\n\n const [isValidValue, setIsValidValue] = useState(\n inputValue.length === 0 || (!!inputValue && dayjs(localValue).isValid())\n );\n\n const validateInput = (incomingValid) =>\n incomingValid === undefined || dayjs(incomingValid).isValid();\n useEffect(() => {\n const valid = validateInput(localValue);\n setIsValidValue(valid);\n if (valid) {\n if (!localValue) {\n setDisplayValue(\"\");\n setEditedValue(null);\n setWeekdayDisplay(\"\");\n return;\n }\n const weekday = new Intl.DateTimeFormat(locale, { weekday: \"short\" }).format(localValue);\n setDisplayValue(formatDMY(localValue, locale));\n setEditedValue(null);\n setWeekdayDisplay(weekday);\n }\n }, [localValue, locale]);\n\n const handleNewDate = (event, date) => {\n // attempt to format in locale data, or fallback to default\n const localeParsedDate = dayjs(date, localeFormat);\n\n const isValidInput = localeParsedDate.isValid();\n const dateParsed = isValidInput ? localeParsedDate.toDate() : dayjs(date).toDate();\n // prevent extra updates\n if (!isSameDay(dateParsed, dateValue)) {\n setDateValue(dateParsed);\n onChange?.(event, dateParsed);\n }\n\n setIsValidValue(isValidInput);\n if (isValidInput) {\n setEditedValue(null);\n }\n };\n\n const onBlurHandler = (event) => {\n if (isNil(editedValue)) return;\n if (editedValue === \"\") {\n setIsValidValue(true);\n setEditedValue(null);\n return;\n }\n handleNewDate(event, editedValue);\n };\n\n const keyDownHandler = (event) => {\n if (!isKeypress(event, Enter) || isNil(editedValue) || editedValue === \"\") return;\n event.preventDefault();\n\n handleNewDate(event, editedValue);\n };\n\n const onFocusHandler = (event) => {\n if (!localValue) return;\n const formattedDate = isValidValue ? dayjs(localValue).locale(locale).format(\"L\") : editedValue;\n setEditedValue(formattedDate);\n onFocus?.(event, formattedDate);\n };\n\n const onChangeHandler = (event) => {\n setEditedValue(event.target.value);\n };\n return (\n <>\n <div\n id={localId}\n className={clsx(classes.root, {\n [classes.invalid]: !isValidValue && inputValue !== \"\",\n })}\n >\n <HvTypography variant=\"normalText\" className={classes.headerDayOfWeek}>\n {weekdayDisplay || \"\\u00A0\"}\n </HvTypography>\n <div className={classes.headerDate}>\n <input\n type=\"text\"\n id={setId(localId, \"header-input\")}\n placeholder={localeFormat}\n value={inputValue}\n className={classes.input}\n onBlur={onBlurHandler}\n onFocus={onFocusHandler}\n onChange={onChangeHandler}\n onKeyDown={keyDownHandler}\n aria-labelledby={label?.[0]?.id}\n {...others}\n />\n </div>\n </div>\n {!isValidValue && inputValue !== \"\" && (\n <div role=\"presentation\" className={classes.inputBorderContainer} />\n )}\n <div style={{ height: 32 }}>\n {!isValidValue && inputValue !== \"\" && (\n <HvTypography\n component=\"span\"\n variant=\"normalText\"\n className={classes.invalidMessageStyling}\n >\n <Info color=\"acce3\" iconSize=\"S\" />\n {invalidDateLabel}\n </HvTypography>\n )}\n </div>\n </>\n );\n};\n\n// TODO: refactor this out\nHvCalendarHeader.formElementType = \"HvCalendarHeader\";\n\nHvCalendarHeader.propTypes = {\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.instanceOf(Object).isRequired,\n /**\n * Identifier.\n */\n id: PropTypes.string,\n /**\n * The text to be shown on the main part of the header.\n */\n value: PropTypes.oneOfType([\n PropTypes.instanceOf(Date),\n PropTypes.string,\n PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n ]),\n\n /**\n * Locale to be used by the calendar.\n */\n locale: PropTypes.string.isRequired,\n /**\n * Callback to define the input date.\n */\n onChange: PropTypes.func,\n /**\n * Callback to handle input onFocus.\n */\n onFocus: PropTypes.func,\n /**\n * Indicates if header should display end date in a date range.\n */\n showEndDate: PropTypes.bool,\n /**\n * Label shown when date is invalid.\n */\n invalidDateLabel: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvCalendarHeader\" })(HvCalendarHeader);\n"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
|
2
2
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
5
|
-
var _excluded = ["classes", "className", "id", "locale", "value", "visibleMonth", "visibleYear", "minimumDate", "maximumDate", "onChange", "onInputChange", "onVisibleDateChange", "showEndDate", "children"];
|
|
5
|
+
var _excluded = ["classes", "className", "id", "locale", "value", "visibleMonth", "visibleYear", "minimumDate", "maximumDate", "onChange", "onInputChange", "onVisibleDateChange", "showEndDate", "invalidDateLabel", "children"];
|
|
6
6
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7
7
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
8
8
|
import "core-js/modules/es.array.map.js";
|
|
@@ -52,6 +52,7 @@ var HvSingleCalendar = function HvSingleCalendar(_ref) {
|
|
|
52
52
|
onInputChange = _ref.onInputChange,
|
|
53
53
|
onVisibleDateChange = _ref.onVisibleDateChange,
|
|
54
54
|
showEndDate = _ref.showEndDate,
|
|
55
|
+
invalidDateLabel = _ref.invalidDateLabel,
|
|
55
56
|
children = _ref.children,
|
|
56
57
|
others = _objectWithoutProperties(_ref, _excluded);
|
|
57
58
|
// TODO: refactor this out
|
|
@@ -140,7 +141,8 @@ var HvSingleCalendar = function HvSingleCalendar(_ref) {
|
|
|
140
141
|
id: setId(id, "header"),
|
|
141
142
|
locale: locale,
|
|
142
143
|
onChange: handleInputChange,
|
|
143
|
-
showEndDate: showEndDate && !isDateSelectionMode
|
|
144
|
+
showEndDate: showEndDate && !isDateSelectionMode,
|
|
145
|
+
invalidDateLabel: invalidDateLabel
|
|
144
146
|
}), calViewMode === VIEW_MODE.CALENDAR && /*#__PURE__*/_jsxs("div", {
|
|
145
147
|
children: [/*#__PURE__*/_jsx(HvComposedNavigation, {
|
|
146
148
|
id: id,
|
|
@@ -302,7 +304,11 @@ process.env.NODE_ENV !== "production" ? HvSingleCalendar.propTypes = {
|
|
|
302
304
|
/**
|
|
303
305
|
* Content on the upper part of the calendar.
|
|
304
306
|
*/
|
|
305
|
-
children: PropTypes.node
|
|
307
|
+
children: PropTypes.node,
|
|
308
|
+
/**
|
|
309
|
+
* Label shown when date is invalid.
|
|
310
|
+
*/
|
|
311
|
+
invalidDateLabel: PropTypes.string
|
|
306
312
|
} : void 0;
|
|
307
313
|
export default withStyles(styles, {
|
|
308
314
|
name: "HvSingleCalendar"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleCalendar.js","names":["React","useState","useContext","useMemo","PropTypes","withStyles","clsx","isNil","isKeypress","KeyboardCodes","setId","styles","HvFormElementDescriptorsContext","VIEW_MODE","REPRESENTATION_VALUES","isRange","isDate","getWeekdayNamesList","generateCalendarModel","CalendarCell","CalendarHeader","CalendarWeekLabels","HvComposedNavigation","HvMonthSelector","Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","HvSingleCalendar","classes","className","id","locale","value","visibleMonth","visibleYear","minimumDate","maximumDate","onChange","onInputChange","onVisibleDateChange","showEndDate","children","others","HvCalendarHeader","today","Date","localValue","CALENDAR","calViewMode","setCalViewMode","rangeMode","isDateSelectionMode","endDate","calModel","startDate","firstDayOfCurrentMonth","year","month","firstDayOfCurrentMonthTime","getTime","listWeekdayNames","NARROW","handleChange","event","date","preventDefault","handleInputChange","getNavChild","siblings","i","undefined","handleKeyDown","el","document","activeElement","parent","parentElement","getElementsByClassName","cellContainer","elIndex","indexOf","focus","child","inMonth","getAttribute","renderCalendarDate","currentDate","calendarContainer","calendarWrapper","viewMode","getFullYear","getMonth","calendarGrid","dates","map","MONTHLY","propTypes","shape","string","navigationContainer","focusSelection","navigationMonth","calendarDate","calendarDateNotInMonth","calendarDateSelected","calendarDateInvalid","calendarDateInSelectionRange","calendarDateDisabled","startBookend","endBookend","cellsInRange","cellsOutsideRange","isRequired","oneOfType","instanceOf","visibleDate","number","func","bool","node","name"],"sources":["../../../../src/Calendar/SingleCalendar/SingleCalendar.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n\nimport React, { useState, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { isKeypress, KeyboardCodes, setId } from \"../../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementDescriptorsContext } from \"../../Forms/FormElement\";\nimport { VIEW_MODE, REPRESENTATION_VALUES } from \"../enums\";\nimport { isRange, isDate, getWeekdayNamesList } from \"../utils\";\nimport { generateCalendarModel } from \"../model\";\nimport CalendarCell from \"./CalendarCell\";\nimport CalendarHeader from \"../CalendarHeader\";\nimport CalendarWeekLabels from \"../CalendarWeekLabels\";\nimport { HvComposedNavigation, HvMonthSelector } from \"../CalendarNavigation\";\n\nconst { Enter, ArrowLeft, ArrowRight, ArrowUp, ArrowDown } = KeyboardCodes;\n\nconst HvSingleCalendar = ({\n classes,\n className,\n id,\n locale,\n value,\n visibleMonth,\n visibleYear,\n minimumDate,\n maximumDate,\n onChange,\n onInputChange,\n onVisibleDateChange,\n showEndDate,\n children,\n ...others\n}) => {\n // TODO: refactor this out\n const { HvCalendarHeader } = useContext(HvFormElementDescriptorsContext);\n\n const today = new Date();\n const localValue = isNil(value) ? today : value;\n\n const [calViewMode, setCalViewMode] = useState(VIEW_MODE.CALENDAR);\n\n const rangeMode = isRange(localValue);\n const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);\n const calModel = rangeMode\n ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear)\n : generateCalendarModel(localValue, visibleMonth, visibleYear);\n const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);\n const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();\n\n const listWeekdayNames = useMemo(\n () => getWeekdayNamesList(locale, REPRESENTATION_VALUES.NARROW),\n [locale]\n );\n\n const handleChange = (event, date) => {\n event?.preventDefault();\n onChange?.(event, date);\n };\n\n const handleInputChange = (event, date) => {\n event?.preventDefault();\n onInputChange?.(event, date);\n };\n\n const getNavChild = (event, siblings, i) => {\n if (isKeypress(event, ArrowLeft)) return siblings[i - 1];\n if (isKeypress(event, ArrowRight)) return siblings[i + 1];\n if (isKeypress(event, ArrowUp)) return siblings[i - 7];\n if (isKeypress(event, ArrowDown)) return siblings[i + 7];\n return undefined;\n };\n\n const handleKeyDown = (event) => {\n // This code is very brittle and should be managed with the focus wrapper\n const el = document?.activeElement;\n const parent = el?.parentElement?.parentElement;\n const siblings =\n parent != null ? [...parent.getElementsByClassName(classes.cellContainer)] : [];\n const elIndex = siblings.indexOf(el);\n\n if (isKeypress(event, Enter)) {\n el?.focus();\n return;\n }\n\n const child = getNavChild(event, siblings, elIndex);\n\n if (child) {\n const inMonth = child.getAttribute(\"data-in-month\");\n if (inMonth === \"true\") {\n event?.preventDefault();\n child?.focus();\n }\n }\n };\n\n /**\n * Renders the element representing the received date.\n *\n * @param currentDate - The array representing the date [YYYY, MM, DD].\n * @memberOf Calendar\n */\n const renderCalendarDate = (currentDate) => {\n return (\n <CalendarCell\n classes={classes}\n key={currentDate}\n tabIndex={currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n value={currentDate}\n today={today}\n calendarValue={localValue}\n rangeMode={rangeMode}\n isDateSelectionMode={isDateSelectionMode}\n locale={locale}\n firstDayOfCurrentMonth={firstDayOfCurrentMonth}\n maximumDate={maximumDate}\n minimumDate={minimumDate}\n />\n );\n };\n\n return (\n <div className={clsx(className, classes.calendarContainer)} {...others}>\n <div id={id} className={classes.calendarWrapper}>\n <CalendarHeader\n id={setId(id, \"header\")}\n locale={locale}\n onChange={handleInputChange}\n showEndDate={showEndDate && !isDateSelectionMode}\n />\n {calViewMode === VIEW_MODE.CALENDAR && (\n <div>\n <HvComposedNavigation\n id={id}\n locale={locale}\n onChange={onVisibleDateChange}\n onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n visibleYear={visibleYear || today.getFullYear()}\n visibleMonth={visibleMonth || today.getMonth() + 1}\n />\n <div className={classes.calendarGrid} aria-controls={HvCalendarHeader?.[0]?.id}>\n <CalendarWeekLabels labels={listWeekdayNames} />\n {calModel.dates.map(renderCalendarDate)}\n </div>\n </div>\n )}\n {calViewMode === VIEW_MODE.MONTHLY && (\n <HvMonthSelector\n id={id}\n locale={locale}\n onChange={onVisibleDateChange}\n onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n visibleMonth={visibleMonth || today.getMonth() + 1}\n rangeMode={rangeMode}\n />\n )}\n </div>\n </div>\n );\n};\n\nHvSingleCalendar.propTypes = {\n /**\n * Styles applied from the theme.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the external div containing the whole calendar.\n */\n calendarContainer: PropTypes.string,\n /**\n * Styles applied to the external div below the calendar wrapper.\n */\n calendarWrapper: PropTypes.string,\n /**\n * Styles applied to the element containing the cells that represents each date.\n */\n calendarGrid: PropTypes.string,\n /**\n * Styles applied to the element containing the buttons to change the visible month and year.\n */\n navigationContainer: PropTypes.string,\n /**\n * Styles applied to the cell when is focused.\n */\n focusSelection: PropTypes.string,\n /**\n * Styles applied to the buttons used to change the months.\n */\n navigationMonth: PropTypes.string,\n /**\n * Styles applied to the cells containing each date.\n */\n calendarDate: PropTypes.string,\n /**\n * Styles applied to the cells when the cell is outside the visible month.\n */\n calendarDateNotInMonth: PropTypes.string,\n /**\n * Styles applied to the cells when the cell is outside the visible month.\n */\n calendarDateSelected: PropTypes.string,\n /**\n * Styles applied to the cells when the cell is not valid.\n */\n calendarDateInvalid: PropTypes.string,\n /**\n * Styles applied to the cells when it is part of the selection.\n */\n calendarDateInSelectionRange: PropTypes.string,\n /**\n * Styles applied to the cells when it is not selectable.\n */\n calendarDateDisabled: PropTypes.string,\n /**\n * Styles applied to the cell when it is at the beginning of the selection.\n */\n startBookend: PropTypes.string,\n /**\n * Styles applied to the cell when it is at the end of the selection.\n */\n endBookend: PropTypes.string,\n /**\n * Styles applied to the cells when it is part of the selection in progress.\n */\n cellsInRange: PropTypes.string,\n /**\n * Styles applied to the cells when it is not part of the selection in progress.\n */\n cellsOutsideRange: PropTypes.string,\n cellContainer: PropTypes.string,\n }).isRequired,\n /**\n * Identifier.\n */\n id: PropTypes.string,\n /**\n * The class name to add at the root of the single calendar\n */\n className: PropTypes.string,\n /**\n * The calendar locale.\n *\n */\n locale: PropTypes.string,\n /**\n * Date that the calendar would show.\n */\n value: PropTypes.oneOfType([\n PropTypes.instanceOf(Date),\n PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n ]),\n /**\n * Date that will be used to know which month and year should be displayed on the calendar. The value of the day is\n * irrelevant.\n */\n visibleDate: PropTypes.instanceOf(Date),\n /**\n * Controls the visible month of the Calendar\n */\n visibleMonth: PropTypes.number,\n /**\n * Controls the visible month of the Calendar\n */\n visibleYear: PropTypes.number,\n /**\n * Callback function to be triggered when the selected date has changed.\n */\n onChange: PropTypes.func,\n /**\n * Callback function to be triggered when the selected date input has changed.\n */\n onInputChange: PropTypes.func,\n /**\n * Callback function to be triggered when visible date has changed.\n */\n onVisibleDateChange: PropTypes.func,\n /**\n * The maximum selectable date after this all values are disabled.\n */\n maximumDate: PropTypes.instanceOf(Date),\n /**\n * The minimum selectable date before this all values are disabled.\n */\n minimumDate: PropTypes.instanceOf(Date),\n /**\n * Indicates if header should display end date in a date range.\n */\n showEndDate: PropTypes.bool,\n /**\n * Content on the upper part of the calendar.\n */\n children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvSingleCalendar\" })(HvSingleCalendar);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SingleCalendar.js","names":["React","useState","useContext","useMemo","PropTypes","withStyles","clsx","isNil","isKeypress","KeyboardCodes","setId","styles","HvFormElementDescriptorsContext","VIEW_MODE","REPRESENTATION_VALUES","isRange","isDate","getWeekdayNamesList","generateCalendarModel","CalendarCell","CalendarHeader","CalendarWeekLabels","HvComposedNavigation","HvMonthSelector","Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","HvSingleCalendar","classes","className","id","locale","value","visibleMonth","visibleYear","minimumDate","maximumDate","onChange","onInputChange","onVisibleDateChange","showEndDate","invalidDateLabel","children","others","HvCalendarHeader","today","Date","localValue","CALENDAR","calViewMode","setCalViewMode","rangeMode","isDateSelectionMode","endDate","calModel","startDate","firstDayOfCurrentMonth","year","month","firstDayOfCurrentMonthTime","getTime","listWeekdayNames","NARROW","handleChange","event","date","preventDefault","handleInputChange","getNavChild","siblings","i","undefined","handleKeyDown","el","document","activeElement","parent","parentElement","getElementsByClassName","cellContainer","elIndex","indexOf","focus","child","inMonth","getAttribute","renderCalendarDate","currentDate","calendarContainer","calendarWrapper","viewMode","getFullYear","getMonth","calendarGrid","dates","map","MONTHLY","propTypes","shape","string","navigationContainer","focusSelection","navigationMonth","calendarDate","calendarDateNotInMonth","calendarDateSelected","calendarDateInvalid","calendarDateInSelectionRange","calendarDateDisabled","startBookend","endBookend","cellsInRange","cellsOutsideRange","isRequired","oneOfType","instanceOf","visibleDate","number","func","bool","node","name"],"sources":["../../../../src/Calendar/SingleCalendar/SingleCalendar.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\n\nimport React, { useState, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { isKeypress, KeyboardCodes, setId } from \"../../utils\";\nimport styles from \"./styles\";\nimport { HvFormElementDescriptorsContext } from \"../../Forms/FormElement\";\nimport { VIEW_MODE, REPRESENTATION_VALUES } from \"../enums\";\nimport { isRange, isDate, getWeekdayNamesList } from \"../utils\";\nimport { generateCalendarModel } from \"../model\";\nimport CalendarCell from \"./CalendarCell\";\nimport CalendarHeader from \"../CalendarHeader\";\nimport CalendarWeekLabels from \"../CalendarWeekLabels\";\nimport { HvComposedNavigation, HvMonthSelector } from \"../CalendarNavigation\";\n\nconst { Enter, ArrowLeft, ArrowRight, ArrowUp, ArrowDown } = KeyboardCodes;\n\nconst HvSingleCalendar = ({\n classes,\n className,\n id,\n locale,\n value,\n visibleMonth,\n visibleYear,\n minimumDate,\n maximumDate,\n onChange,\n onInputChange,\n onVisibleDateChange,\n showEndDate,\n invalidDateLabel,\n children,\n ...others\n}) => {\n // TODO: refactor this out\n const { HvCalendarHeader } = useContext(HvFormElementDescriptorsContext);\n\n const today = new Date();\n const localValue = isNil(value) ? today : value;\n\n const [calViewMode, setCalViewMode] = useState(VIEW_MODE.CALENDAR);\n\n const rangeMode = isRange(localValue);\n const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);\n const calModel = rangeMode\n ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear)\n : generateCalendarModel(localValue, visibleMonth, visibleYear);\n const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);\n const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();\n\n const listWeekdayNames = useMemo(\n () => getWeekdayNamesList(locale, REPRESENTATION_VALUES.NARROW),\n [locale]\n );\n\n const handleChange = (event, date) => {\n event?.preventDefault();\n onChange?.(event, date);\n };\n\n const handleInputChange = (event, date) => {\n event?.preventDefault();\n onInputChange?.(event, date);\n };\n\n const getNavChild = (event, siblings, i) => {\n if (isKeypress(event, ArrowLeft)) return siblings[i - 1];\n if (isKeypress(event, ArrowRight)) return siblings[i + 1];\n if (isKeypress(event, ArrowUp)) return siblings[i - 7];\n if (isKeypress(event, ArrowDown)) return siblings[i + 7];\n return undefined;\n };\n\n const handleKeyDown = (event) => {\n // This code is very brittle and should be managed with the focus wrapper\n const el = document?.activeElement;\n const parent = el?.parentElement?.parentElement;\n const siblings =\n parent != null ? [...parent.getElementsByClassName(classes.cellContainer)] : [];\n const elIndex = siblings.indexOf(el);\n\n if (isKeypress(event, Enter)) {\n el?.focus();\n return;\n }\n\n const child = getNavChild(event, siblings, elIndex);\n\n if (child) {\n const inMonth = child.getAttribute(\"data-in-month\");\n if (inMonth === \"true\") {\n event?.preventDefault();\n child?.focus();\n }\n }\n };\n\n /**\n * Renders the element representing the received date.\n *\n * @param currentDate - The array representing the date [YYYY, MM, DD].\n * @memberOf Calendar\n */\n const renderCalendarDate = (currentDate) => {\n return (\n <CalendarCell\n classes={classes}\n key={currentDate}\n tabIndex={currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n value={currentDate}\n today={today}\n calendarValue={localValue}\n rangeMode={rangeMode}\n isDateSelectionMode={isDateSelectionMode}\n locale={locale}\n firstDayOfCurrentMonth={firstDayOfCurrentMonth}\n maximumDate={maximumDate}\n minimumDate={minimumDate}\n />\n );\n };\n\n return (\n <div className={clsx(className, classes.calendarContainer)} {...others}>\n <div id={id} className={classes.calendarWrapper}>\n <CalendarHeader\n id={setId(id, \"header\")}\n locale={locale}\n onChange={handleInputChange}\n showEndDate={showEndDate && !isDateSelectionMode}\n invalidDateLabel={invalidDateLabel}\n />\n {calViewMode === VIEW_MODE.CALENDAR && (\n <div>\n <HvComposedNavigation\n id={id}\n locale={locale}\n onChange={onVisibleDateChange}\n onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n visibleYear={visibleYear || today.getFullYear()}\n visibleMonth={visibleMonth || today.getMonth() + 1}\n />\n <div className={classes.calendarGrid} aria-controls={HvCalendarHeader?.[0]?.id}>\n <CalendarWeekLabels labels={listWeekdayNames} />\n {calModel.dates.map(renderCalendarDate)}\n </div>\n </div>\n )}\n {calViewMode === VIEW_MODE.MONTHLY && (\n <HvMonthSelector\n id={id}\n locale={locale}\n onChange={onVisibleDateChange}\n onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n visibleMonth={visibleMonth || today.getMonth() + 1}\n rangeMode={rangeMode}\n />\n )}\n </div>\n </div>\n );\n};\n\nHvSingleCalendar.propTypes = {\n /**\n * Styles applied from the theme.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the external div containing the whole calendar.\n */\n calendarContainer: PropTypes.string,\n /**\n * Styles applied to the external div below the calendar wrapper.\n */\n calendarWrapper: PropTypes.string,\n /**\n * Styles applied to the element containing the cells that represents each date.\n */\n calendarGrid: PropTypes.string,\n /**\n * Styles applied to the element containing the buttons to change the visible month and year.\n */\n navigationContainer: PropTypes.string,\n /**\n * Styles applied to the cell when is focused.\n */\n focusSelection: PropTypes.string,\n /**\n * Styles applied to the buttons used to change the months.\n */\n navigationMonth: PropTypes.string,\n /**\n * Styles applied to the cells containing each date.\n */\n calendarDate: PropTypes.string,\n /**\n * Styles applied to the cells when the cell is outside the visible month.\n */\n calendarDateNotInMonth: PropTypes.string,\n /**\n * Styles applied to the cells when the cell is outside the visible month.\n */\n calendarDateSelected: PropTypes.string,\n /**\n * Styles applied to the cells when the cell is not valid.\n */\n calendarDateInvalid: PropTypes.string,\n /**\n * Styles applied to the cells when it is part of the selection.\n */\n calendarDateInSelectionRange: PropTypes.string,\n /**\n * Styles applied to the cells when it is not selectable.\n */\n calendarDateDisabled: PropTypes.string,\n /**\n * Styles applied to the cell when it is at the beginning of the selection.\n */\n startBookend: PropTypes.string,\n /**\n * Styles applied to the cell when it is at the end of the selection.\n */\n endBookend: PropTypes.string,\n /**\n * Styles applied to the cells when it is part of the selection in progress.\n */\n cellsInRange: PropTypes.string,\n /**\n * Styles applied to the cells when it is not part of the selection in progress.\n */\n cellsOutsideRange: PropTypes.string,\n cellContainer: PropTypes.string,\n }).isRequired,\n /**\n * Identifier.\n */\n id: PropTypes.string,\n /**\n * The class name to add at the root of the single calendar\n */\n className: PropTypes.string,\n /**\n * The calendar locale.\n *\n */\n locale: PropTypes.string,\n /**\n * Date that the calendar would show.\n */\n value: PropTypes.oneOfType([\n PropTypes.instanceOf(Date),\n PropTypes.shape({ startDate: PropTypes.instanceOf(Date), endDate: PropTypes.instanceOf(Date) }),\n ]),\n /**\n * Date that will be used to know which month and year should be displayed on the calendar. The value of the day is\n * irrelevant.\n */\n visibleDate: PropTypes.instanceOf(Date),\n /**\n * Controls the visible month of the Calendar\n */\n visibleMonth: PropTypes.number,\n /**\n * Controls the visible month of the Calendar\n */\n visibleYear: PropTypes.number,\n /**\n * Callback function to be triggered when the selected date has changed.\n */\n onChange: PropTypes.func,\n /**\n * Callback function to be triggered when the selected date input has changed.\n */\n onInputChange: PropTypes.func,\n /**\n * Callback function to be triggered when visible date has changed.\n */\n onVisibleDateChange: PropTypes.func,\n /**\n * The maximum selectable date after this all values are disabled.\n */\n maximumDate: PropTypes.instanceOf(Date),\n /**\n * The minimum selectable date before this all values are disabled.\n */\n minimumDate: PropTypes.instanceOf(Date),\n /**\n * Indicates if header should display end date in a date range.\n */\n showEndDate: PropTypes.bool,\n /**\n * Content on the upper part of the calendar.\n */\n children: PropTypes.node,\n /**\n * Label shown when date is invalid.\n */\n invalidDateLabel: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvSingleCalendar\" })(HvSingleCalendar);\n"],"mappings":"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"}
|