@hitachivantara/uikit-react-core 4.4.3 → 4.4.5

package/dist/legacy/OverflowTooltip/OverflowTooltip.js

@@ -39,7 +39,6 @@ var isParagraph = function isParagraph(children) {
  * This component generates a tooltip whenever the text is overflowed.
  */
 var HvOverflowTooltip = function HvOverflowTooltip(_ref) {
-  var _ref$current;
   var id = _ref.id,
     className = _ref.className,
     classes = _ref.classes,
@@ -56,15 +55,26 @@ var HvOverflowTooltip = function HvOverflowTooltip(_ref) {
       },
       handleHeight: false
     }),
+    _useResizeDetector$he = _useResizeDetector.height,
+    height = _useResizeDetector$he === void 0 ? 0 : _useResizeDetector$he,
     _useResizeDetector$wi = _useResizeDetector.width,
     width = _useResizeDetector$wi === void 0 ? 0 : _useResizeDetector$wi,
     ref = _useResizeDetector.ref;
-  var scrollWidth = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollWidth) || 0;
-  // The difference should be higher than a pixel to be considered as overflowing
-  var isOverflowing = scrollWidth - width >= 1;
   var isParag = useMemo(function () {
     return paragraphOverflow && isParagraph(data.toString());
   }, [data, paragraphOverflow]);
+
+  // The difference should be higher than a pixel to be considered as overflowing
+  var isOverflowing = useMemo(function () {
+    var _ref$current2;
+    if (isParag) {
+      var _ref$current;
+      var scrollHeight = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollHeight) || 0;
+      return scrollHeight - height >= 1;
+    }
+    var scrollWidth = ((_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.scrollWidth) || 0;
+    return scrollWidth - width >= 1;
+  }, [height, isParag, ref, width]);
   var content = useMemo(function () {
     return /*#__PURE__*/_jsx("div", {
       ref: ref,

package/dist/legacy/OverflowTooltip/OverflowTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowTooltip.js","names":["React","useMemo","clsx","PropTypes","useResizeDetector","withStyles","createStyles","HvTooltip","HvTypography","styles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","open","paragraphOverflow","placement","tooltipsProps","refreshMode","refreshOptions","trailing","handleHeight","width","ref","scrollWidth","current","isOverflowing","isParag","toString","content","propTypes","string","node","shape","root","isRequired","bool","oneOf","instanceOf","Object","name","memo","RawOverflowTooltip"],"sources":["../../../src/OverflowTooltip/OverflowTooltip.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { withStyles, createStyles } from \"@mui/styles\";\n\nimport { HvTooltip, HvTypography } from \"..\";\n\nconst styles = createStyles({\n  tooltipData: {},\n  tooltipAnchor: {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  tooltipAnchorParagraph: {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": 2,\n    \"-webkit-box-orient\": \"vertical\",\n  },\n});\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nconst HvOverflowTooltip = ({\n  id,\n  className,\n  classes,\n  data,\n  open,\n  paragraphOverflow,\n  placement = \"top-start\",\n  tooltipsProps,\n}) => {\n  const { width = 0, ref } = useResizeDetector({\n    refreshMode: \"debounce\",\n    refreshOptions: {\n      trailing: true,\n    },\n    handleHeight: false,\n  });\n  const scrollWidth = ref.current?.scrollWidth || 0;\n  // The difference should be higher than a pixel to be considered as overflowing\n  const isOverflowing = scrollWidth - width >= 1;\n\n  const isParag = useMemo(\n    () => paragraphOverflow && isParagraph(data.toString()),\n    [data, paragraphOverflow]\n  );\n\n  const content = useMemo(\n    () => (\n      <div\n        ref={ref}\n        className={clsx(className, {\n          [classes.tooltipAnchor]: !isParag,\n          [classes.tooltipAnchorParagraph]: isParag,\n        })}\n      >\n        {data}\n      </div>\n    ),\n    [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, data, isParag, ref]\n  );\n\n  return open || isOverflowing ? (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      open={open}\n      placement={placement}\n      title={\n        <HvTypography className={classes.tooltipData} variant=\"normalText\">\n          {data}\n        </HvTypography>\n      }\n      {...tooltipsProps}\n    >\n      {content}\n    </HvTooltip>\n  ) : (\n    content\n  );\n};\n\nHvOverflowTooltip.propTypes = {\n  /**\n   * Id to be applied to the tooltip.\n   */\n  id: PropTypes.string,\n  /**\n   * The node that will be rendered inside the tooltip.\n   */\n  data: PropTypes.node,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the data container in the tooltip.\n     */\n    tooltipData: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the tooltip.\n     */\n    tooltipAnchor: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the when it is a paragraph.\n     */\n    tooltipAnchorParagraph: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true` the overflow tooltip will always use the paragraph overflow style.\n   */\n  paragraphOverflow: PropTypes.bool,\n  /**\n   * Tooltip placement.\n   */\n  placement: PropTypes.oneOf([\n    \"bottom-end\",\n    \"bottom-start\",\n    \"bottom\",\n    \"left-end\",\n    \"left-start\",\n    \"left\",\n    \"right-end\",\n    \"right-start\",\n    \"right\",\n    \"top-end\",\n    \"top-start\",\n    \"top\",\n  ]),\n  /**\n   * If true, the tooltip is shown.\n   */\n  open: PropTypes.bool,\n  /**\n   * Extra properties to add to the tooltip.\n   */\n  tooltipsProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, {\n  name: \"HvOverflowTooltip\",\n})(React.memo(HvOverflowTooltip));\n\nexport { HvOverflowTooltip as RawOverflowTooltip };\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,iBAAiB,QAAQ,uBAAuB;AAEzD,SAASC,UAAU,EAAEC,YAAY,QAAQ,aAAa;AAEtD,SAASC,SAAS,EAAEC,YAAY,QAAQ,IAAI;AAAC;AAE7C,IAAMC,MAAM,GAAGH,YAAY,CAAC;EAC1BI,WAAW,EAAE,CAAC,CAAC;EACfC,aAAa,EAAE;IACbC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAE,QAAQ;IAClBC,YAAY,EAAE;EAChB,CAAC;EACDC,sBAAsB,EAAE;IACtBF,QAAQ,EAAE,QAAQ;IAClBG,OAAO,EAAE,aAAa;IACtB,oBAAoB,EAAE,CAAC;IACvB,oBAAoB,EAAE;EACxB;AACF,CAAC,CAAC;AAEF,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,QAAQ;EAAA,OAAK,IAAI,CAACC,IAAI,CAACD,QAAQ,CAAC;AAAA;;AAErD;AACA;AACA;AACA,IAAME,iBAAiB,GAAG,SAApBA,iBAAiB,OASjB;EAAA;EAAA,IARJC,EAAE,QAAFA,EAAE;IACFC,SAAS,QAATA,SAAS;IACTC,OAAO,QAAPA,OAAO;IACPC,IAAI,QAAJA,IAAI;IACJC,IAAI,QAAJA,IAAI;IACJC,iBAAiB,QAAjBA,iBAAiB;IAAA,sBACjBC,SAAS;IAATA,SAAS,+BAAG,WAAW;IACvBC,aAAa,QAAbA,aAAa;EAEb,yBAA2BxB,iBAAiB,CAAC;MAC3CyB,WAAW,EAAE,UAAU;MACvBC,cAAc,EAAE;QACdC,QAAQ,EAAE;MACZ,CAAC;MACDC,YAAY,EAAE;IAChB,CAAC,CAAC;IAAA,2CANMC,KAAK;IAALA,KAAK,sCAAG,CAAC;IAAEC,GAAG,sBAAHA,GAAG;EAOtB,IAAMC,WAAW,GAAG,iBAAAD,GAAG,CAACE,OAAO,iDAAX,aAAaD,WAAW,KAAI,CAAC;EACjD;EACA,IAAME,aAAa,GAAGF,WAAW,GAAGF,KAAK,IAAI,CAAC;EAE9C,IAAMK,OAAO,GAAGrC,OAAO,CACrB;IAAA,OAAMyB,iBAAiB,IAAIT,WAAW,CAACO,IAAI,CAACe,QAAQ,EAAE,CAAC;EAAA,GACvD,CAACf,IAAI,EAAEE,iBAAiB,CAAC,CAC1B;EAED,IAAMc,OAAO,GAAGvC,OAAO,CACrB;IAAA,oBACE;MACE,GAAG,EAAEiC,GAAI;MACT,SAAS,EAAEhC,IAAI,CAACoB,SAAS,EAEWgB,OAAO,GAAxCf,OAAO,CAACR,sBAAsB,GAD9BQ,OAAO,CAACZ,aAAa,CAErB;MAAA,UAEFa;IAAI,EACD;EAAA,CACP,EACD,CAACF,SAAS,EAAEC,OAAO,CAACZ,aAAa,EAAEY,OAAO,CAACR,sBAAsB,EAAES,IAAI,EAAEc,OAAO,EAAEJ,GAAG,CAAC,CACvF;EAED,OAAOT,IAAI,IAAIY,aAAa,gBAC1B,KAAC,SAAS;IACR,EAAE,EAAEhB,EAAG;IACP,oBAAoB,EAAE,CAACgB,aAAc;IACrC,IAAI,EAAEZ,IAAK;IACX,SAAS,EAAEE,SAAU;IACrB,KAAK,eACH,KAAC,YAAY;MAAC,SAAS,EAAEJ,OAAO,CAACb,WAAY;MAAC,OAAO,EAAC,YAAY;MAAA,UAC/Dc;IAAI;EAER,GACGI,aAAa;IAAA,UAEhBY;EAAO,GACE,GAEZA,OACD;AACH,CAAC;AAED,wCAAApB,iBAAiB,CAACqB,SAAS,GAAG;EAC5B;AACF;AACA;EACEpB,EAAE,EAAElB,SAAS,CAACuC,MAAM;EACpB;AACF;AACA;EACElB,IAAI,EAAErB,SAAS,CAACwC,IAAI;EACpB;AACF;AACA;EACErB,SAAS,EAAEnB,SAAS,CAACuC,MAAM;EAC3B;AACF;AACA;EACEnB,OAAO,EAAEpB,SAAS,CAACyC,KAAK,CAAC;IACvB;AACJ;AACA;IACIC,IAAI,EAAE1C,SAAS,CAACuC,MAAM;IACtB;AACJ;AACA;IACIhC,WAAW,EAAEP,SAAS,CAACuC,MAAM;IAC7B;AACJ;AACA;IACI/B,aAAa,EAAER,SAAS,CAACuC,MAAM;IAC/B;AACJ;AACA;IACI3B,sBAAsB,EAAEZ,SAAS,CAACuC;EACpC,CAAC,CAAC,CAACI,UAAU;EACb;AACF;AACA;EACEpB,iBAAiB,EAAEvB,SAAS,CAAC4C,IAAI;EACjC;AACF;AACA;EACEpB,SAAS,EAAExB,SAAS,CAAC6C,KAAK,CAAC,CACzB,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,MAAM,EACN,WAAW,EACX,aAAa,EACb,OAAO,EACP,SAAS,EACT,WAAW,EACX,KAAK,CACN,CAAC;EACF;AACF;AACA;EACEvB,IAAI,EAAEtB,SAAS,CAAC4C,IAAI;EACpB;AACF;AACA;EACEnB,aAAa,EAAEzB,SAAS,CAAC8C,UAAU,CAACC,MAAM;AAC5C,CAAC;AAED,eAAe7C,UAAU,CAACI,MAAM,EAAE;EAChC0C,IAAI,EAAE;AACR,CAAC,CAAC,eAACnD,KAAK,CAACoD,IAAI,CAAChC,iBAAiB,CAAC,CAAC;AAEjC,SAASA,iBAAiB,IAAIiC,kBAAkB"}
+{"version":3,"file":"OverflowTooltip.js","names":["React","useMemo","clsx","PropTypes","useResizeDetector","withStyles","createStyles","HvTooltip","HvTypography","styles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","open","paragraphOverflow","placement","tooltipsProps","refreshMode","refreshOptions","trailing","handleHeight","height","width","ref","isParag","toString","isOverflowing","scrollHeight","current","scrollWidth","content","propTypes","string","node","shape","root","isRequired","bool","oneOf","instanceOf","Object","name","memo","RawOverflowTooltip"],"sources":["../../../src/OverflowTooltip/OverflowTooltip.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { withStyles, createStyles } from \"@mui/styles\";\n\nimport { HvTooltip, HvTypography } from \"..\";\n\nconst styles = createStyles({\n  tooltipData: {},\n  tooltipAnchor: {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  tooltipAnchorParagraph: {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": 2,\n    \"-webkit-box-orient\": \"vertical\",\n  },\n});\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nconst HvOverflowTooltip = ({\n  id,\n  className,\n  classes,\n  data,\n  open,\n  paragraphOverflow,\n  placement = \"top-start\",\n  tooltipsProps,\n}) => {\n  const {\n    height = 0,\n    width = 0,\n    ref,\n  } = useResizeDetector({\n    refreshMode: \"debounce\",\n    refreshOptions: {\n      trailing: true,\n    },\n    handleHeight: false,\n  });\n\n  const isParag = useMemo(\n    () => paragraphOverflow && isParagraph(data.toString()),\n    [data, paragraphOverflow]\n  );\n\n  // The difference should be higher than a pixel to be considered as overflowing\n  const isOverflowing = useMemo(() => {\n    if (isParag) {\n      const scrollHeight = ref.current?.scrollHeight || 0;\n\n      return scrollHeight - height >= 1;\n    }\n\n    const scrollWidth = ref.current?.scrollWidth || 0;\n\n    return scrollWidth - width >= 1;\n  }, [height, isParag, ref, width]);\n\n  const content = useMemo(\n    () => (\n      <div\n        ref={ref}\n        className={clsx(className, {\n          [classes.tooltipAnchor]: !isParag,\n          [classes.tooltipAnchorParagraph]: isParag,\n        })}\n      >\n        {data}\n      </div>\n    ),\n    [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, data, isParag, ref]\n  );\n\n  return open || isOverflowing ? (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      open={open}\n      placement={placement}\n      title={\n        <HvTypography className={classes.tooltipData} variant=\"normalText\">\n          {data}\n        </HvTypography>\n      }\n      {...tooltipsProps}\n    >\n      {content}\n    </HvTooltip>\n  ) : (\n    content\n  );\n};\n\nHvOverflowTooltip.propTypes = {\n  /**\n   * Id to be applied to the tooltip.\n   */\n  id: PropTypes.string,\n  /**\n   * The node that will be rendered inside the tooltip.\n   */\n  data: PropTypes.node,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the data container in the tooltip.\n     */\n    tooltipData: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the tooltip.\n     */\n    tooltipAnchor: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the when it is a paragraph.\n     */\n    tooltipAnchorParagraph: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true` the overflow tooltip will always use the paragraph overflow style.\n   */\n  paragraphOverflow: PropTypes.bool,\n  /**\n   * Tooltip placement.\n   */\n  placement: PropTypes.oneOf([\n    \"bottom-end\",\n    \"bottom-start\",\n    \"bottom\",\n    \"left-end\",\n    \"left-start\",\n    \"left\",\n    \"right-end\",\n    \"right-start\",\n    \"right\",\n    \"top-end\",\n    \"top-start\",\n    \"top\",\n  ]),\n  /**\n   * If true, the tooltip is shown.\n   */\n  open: PropTypes.bool,\n  /**\n   * Extra properties to add to the tooltip.\n   */\n  tooltipsProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, {\n  name: \"HvOverflowTooltip\",\n})(React.memo(HvOverflowTooltip));\n\nexport { HvOverflowTooltip as RawOverflowTooltip };\n"],"mappings":"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"}

package/dist/modern/Calendar/Calendar.d.ts

@@ -75,6 +75,10 @@ export interface HvCalendarProps
    * An element placed before the Calendar
    */
   startAdornment: React.ReactNode;
+  /**
+   * An element placed before the Calendar
+   */
+  invalidDateLabel?: string;
 }
 
 export default function HvCalendar(props: HvCalendarProps): JSX.Element | null;

package/dist/modern/Calendar/Calendar.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["classes", "id", "locale", "value", "visibleMonth", "visibleYear", "rightVisibleMonth", "rightVisibleYear", "minimumDate", "maximumDate", "startAdornment", "onChange", "onInputChange", "onVisibleDateChange"];
+const _excluded = ["classes", "id", "locale", "value", "visibleMonth", "visibleYear", "rightVisibleMonth", "rightVisibleYear", "minimumDate", "maximumDate", "startAdornment", "onChange", "onInputChange", "onVisibleDateChange", "invalidDateLabel"];
 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; }
 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; }
 import React, { useContext } from "react";
@@ -28,7 +28,8 @@ const HvCalendar = _ref => {
       startAdornment,
       onChange,
       onInputChange,
-      onVisibleDateChange
+      onVisibleDateChange,
+      invalidDateLabel
     } = _ref,
     others = _objectWithoutProperties(_ref, _excluded);
   const {
@@ -50,7 +51,8 @@ const HvCalendar = _ref => {
     maximumDate: maximumDate,
     onChange: onChange,
     onInputChange: (evt, date) => onInputChange(evt, date, "left"),
-    onVisibleDateChange: onVisibleDateChange
+    onVisibleDateChange: onVisibleDateChange,
+    invalidDateLabel: invalidDateLabel
   }, others));
   const rangeCalendar = /*#__PURE__*/_jsxs("div", {
     className: classes.rangeCalendarContainer,
@@ -65,7 +67,8 @@ const HvCalendar = _ref => {
       maximumDate: maximumDate,
       onChange: onChange,
       onInputChange: (evt, date) => onInputChange(evt, date, "left"),
-      onVisibleDateChange: (event, action, index) => onVisibleDateChange === null || onVisibleDateChange === void 0 ? void 0 : onVisibleDateChange(event, action, index, "left")
+      onVisibleDateChange: (event, action, index) => onVisibleDateChange === null || onVisibleDateChange === void 0 ? void 0 : onVisibleDateChange(event, action, index, "left"),
+      invalidDateLabel: invalidDateLabel
     }, others)), /*#__PURE__*/_jsx(SingleCalendar, _objectSpread({
       className: classes.singleCalendar,
       id: rightCalendarId,
@@ -80,7 +83,8 @@ const HvCalendar = _ref => {
       onVisibleDateChange: (event, action, index) => {
         onVisibleDateChange === null || onVisibleDateChange === void 0 ? void 0 : onVisibleDateChange(event, action, index, "right");
       },
-      showEndDate: true
+      showEndDate: true,
+      invalidDateLabel: invalidDateLabel
     }, others))]
   });
   return /*#__PURE__*/_jsxs("div", {
@@ -151,7 +155,11 @@ process.env.NODE_ENV !== "production" ? HvCalendar.propTypes = {
   /**
    * An element placed before the Calendar
    */
-  startAdornment: PropTypes.node
+  startAdornment: PropTypes.node,
+  /**
+   * Label shown when date is invalid.
+   */
+  invalidDateLabel: PropTypes.string
 } : void 0;
 export default withStyles(styles, {
   name: "HvCalendar"

package/dist/modern/Calendar/Calendar.js.map

@@ -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":"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"}
+{"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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"}

package/dist/modern/Calendar/CalendarHeader/CalendarHeader.d.ts

@@ -15,7 +15,11 @@ export type HvHeaderClassKey =
   | "input";
 
 export interface HvHeaderCalendarProps
-  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvHeaderClassKey, "onChange" | "onBlur" | "onFocus"> {
+  extends StandardProps<
+    React.HTMLAttributes<HTMLElement>,
+    HvHeaderClassKey,
+    "onChange" | "onBlur" | "onFocus"
+  > {
   /**
    * Locale to be used by the calendar header.
    */
@@ -27,14 +31,18 @@ export interface HvHeaderCalendarProps
   /**
    * Callback function to be triggered when the selected date has changed.
    */
-  onChange?: ( 
+  onChange?: (
     event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement> | undefined,
     value: string | Date | DateRangeProp
-    ) => void;
+  ) => void;
   /**
    * Indicates if header should display end date in a date range.
    */
   showEndDate?: boolean;
+  /**
+   * Label shown when date is invalid.
+   */
+  invalidDateLabel: string;
 }
 
 export default function HvHeaderCalendar(props: HvHeaderCalendarProps): JSX.Element | null;

package/dist/modern/Calendar/CalendarHeader/CalendarHeader.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _Info;
-const _excluded = ["id", "value", "locale", "classes", "onChange", "showEndDate", "onFocus"];
+const _excluded = ["id", "value", "locale", "classes", "onChange", "showEndDate", "onFocus", "invalidDateLabel"];
 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; }
 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; }
 import React, { useState, useEffect, useContext } from "react";
@@ -37,7 +37,8 @@ const HvCalendarHeader = _ref => {
       classes,
       onChange,
       showEndDate,
-      onFocus
+      onFocus,
+      invalidDateLabel = "Invalid Date"
     } = _ref,
     others = _objectWithoutProperties(_ref, _excluded);
   const {
@@ -153,7 +154,7 @@ const HvCalendarHeader = _ref => {
         children: [_Info || (_Info = /*#__PURE__*/_jsx(Info, {
           color: "acce3",
           iconSize: "S"
-        })), "Invalid date"]
+        })), invalidDateLabel]
       })
     })]
   });
@@ -192,7 +193,11 @@ process.env.NODE_ENV !== "production" ? HvCalendarHeader.propTypes = {
   /**
    * Indicates if header should display end date in a date range.
    */
-  showEndDate: PropTypes.bool
+  showEndDate: PropTypes.bool,
+  /**
+   * Label shown when date is invalid.
+   */
+  invalidDateLabel: PropTypes.string
 } : void 0;
 export default withStyles(styles, {
   name: "HvCalendarHeader"

package/dist/modern/Calendar/CalendarHeader/CalendarHeader.js.map

@@ -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","isValidValue","setIsValidValue","length","isValid","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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"}
+{"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","isValidValue","setIsValidValue","length","isValid","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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"}

package/dist/modern/Calendar/SingleCalendar/SingleCalendar.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["classes", "className", "id", "locale", "value", "visibleMonth", "visibleYear", "minimumDate", "maximumDate", "onChange", "onInputChange", "onVisibleDateChange", "showEndDate", "children"];
+const _excluded = ["classes", "className", "id", "locale", "value", "visibleMonth", "visibleYear", "minimumDate", "maximumDate", "onChange", "onInputChange", "onVisibleDateChange", "showEndDate", "invalidDateLabel", "children"];
 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; }
 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; }
 /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
@@ -45,6 +45,7 @@ const HvSingleCalendar = _ref => {
       onInputChange,
       onVisibleDateChange,
       showEndDate,
+      invalidDateLabel,
       children
     } = _ref,
     others = _objectWithoutProperties(_ref, _excluded);
@@ -130,7 +131,8 @@ const HvSingleCalendar = _ref => {
         id: setId(id, "header"),
         locale: locale,
         onChange: handleInputChange,
-        showEndDate: showEndDate && !isDateSelectionMode
+        showEndDate: showEndDate && !isDateSelectionMode,
+        invalidDateLabel: invalidDateLabel
       }), calViewMode === VIEW_MODE.CALENDAR && /*#__PURE__*/_jsxs("div", {
         children: [/*#__PURE__*/_jsx(HvComposedNavigation, {
           id: id,
@@ -288,7 +290,11 @@ process.env.NODE_ENV !== "production" ? HvSingleCalendar.propTypes = {
   /**
    * Content on the upper part of the calendar.
    */
-  children: PropTypes.node
+  children: PropTypes.node,
+  /**
+   * Label shown when date is invalid.
+   */
+  invalidDateLabel: PropTypes.string
 } : void 0;
 export default withStyles(styles, {
   name: "HvSingleCalendar"

package/dist/modern/Calendar/SingleCalendar/SingleCalendar.js.map

@@ -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","calViewMode","setCalViewMode","CALENDAR","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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"}
+{"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","calViewMode","setCalViewMode","CALENDAR","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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"}

package/dist/modern/DatePicker/DatePicker.d.ts

@@ -33,6 +33,10 @@ export interface HvDatePickerProps
      * Clear button label.
      */
     clearLabel?: string;
+    /**
+     * Invalid Date label.
+     */
+    invalidDateLabel?: string;
   };
 
   /**

package/dist/modern/DatePicker/DatePicker.js

@@ -22,7 +22,8 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_LABELS = {
   applyLabel: "Apply",
   cancelLabel: "Cancel",
-  clearLabel: "Clear"
+  clearLabel: "Clear",
+  invalidDateLabel: "Invalid Date"
 };
 
 /**
@@ -316,7 +317,7 @@ const HvDatePicker = props => {
       children: [/*#__PURE__*/_jsx("div", {
         ref: focusTarget,
         tabIndex: -1
-      }), /*#__PURE__*/_jsx(HvCalendar, _objectSpread(_objectSpread({
+      }), /*#__PURE__*/_jsx(HvCalendar, _objectSpread(_objectSpread(_objectSpread({
         id: setId(id, "calendar"),
         startAdornment: startAdornment,
         onChange: handleDateChange,
@@ -329,7 +330,9 @@ const HvDatePicker = props => {
           });
         },
         locale: locale
-      }, visibleDate), calendarProps)), (rangeMode || showActions) && renderActions()]
+      }, visibleDate), calendarProps), {}, {
+        invalidDateLabel: labels.invalidDateLabel
+      })), (rangeMode || showActions) && renderActions()]
     })), canShowError && /*#__PURE__*/_jsx(HvWarningText, {
       id: setId(elementId, "error"),
       disableBorder: true,
@@ -486,7 +489,11 @@ process.env.NODE_ENV !== "production" ? HvDatePicker.propTypes = {
     /**
      * Clear button label.
      */
-    clearLabel: PropTypes.string
+    clearLabel: PropTypes.string,
+    /**
+     * Invalid Date label.
+     */
+    invalidDateLabel: PropTypes.string
   }),
   /**
    * The initial value of the input when in single calendar mode.