@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DatePicker/DatePicker.js"],"names":["React","useState","useEffect","useRef","PropTypes","withStyles","Calendar","clsx","setId","useSavedState","useLabels","HvActionBar","HvBaseDropdown","HvButton","HvCalendar","HvLabel","HvInfoMessage","HvFormElement","HvWarningText","HvTypography","useUniqueId","useControlled","isInvalid","styles","isDate","getDateLabel","useVisibleDate","useLocale","NAV_OPTIONS","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","HvDatePicker","props","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","ariaErrorMessage","placeholder","labels","labelsProp","value","startValue","endValue","rangeMode","startAdornment","horizontalPlacement","locale","localeProp","showActions","showClear","disablePortal","escapeWithReference","dropdownProps","others","elementId","validationState","setValidationState","validationMessage","localeFromProvider","calendarOpen","setCalendarOpen","startDate","setStartDate","rollbackStartDate","endDate","setEndDate","rollbackEndDate","visibleDate","dispatchAction","focusTarget","endDateIsSet","current","type","MONTH_YEAR","target","year","getFullYear","month","getMonth","handleApply","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","actionContainer","leftContainer","action","rightContainer","renderInput","dateString","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","icon","modifiers","enabled","join","trim","_event","error","propTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Date","Object","index"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\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\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    ...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      {...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        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        />\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\nexport default withStyles(styles, { name: \"HvDatePicker\", index: 1 })(HvDatePicker);\n"],"file":"DatePicker.js"}

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

@@ -0,0 +1,2 @@
+export { default } from "./DatePicker";
+export * from "./DatePicker";

package/dist/modern/DatePicker/index.js

@@ -0,0 +1,2 @@
+export { default } from "./DatePicker";
+//# sourceMappingURL=index.js.map

package/dist/modern/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DatePicker/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,cAAxB","sourcesContent":["export { default } from \"./DatePicker\";\n"],"file":"index.js"}

package/dist/modern/DatePicker/styles.js

@@ -0,0 +1,114 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { outlineStyles } from "../Focus/styles";
+
+const styles = theme => ({
+  root: {
+    position: "relative"
+  },
+  inputContainer: {
+    position: "relative",
+    background: theme.palette.atmo1,
+    height: 32,
+    paddingLeft: theme.hvSpacing("xs"),
+    paddingRight: theme.hvSpacing("md"),
+    fontFamily: theme.hv.typography.fontFamily,
+    "&:focus": _objectSpread({}, outlineStyles)
+  },
+  actionContainer: {
+    justifyContent: "space-between"
+  },
+  leftContainer: {},
+  rightContainer: {},
+  labelContainer: {
+    display: "flex",
+    alignItems: "flex-start"
+  },
+  label: {
+    paddingBottom: "6px",
+    display: "block"
+  },
+  description: {},
+  error: {},
+  dropdown: {
+    display: "block"
+  },
+  panel: {
+    backgroundColor: theme.palette.atmo1
+  },
+  inputCalendarClosed: {
+    border: `1px solid ${theme.palette.atmo4}`,
+    borderRadius: 2,
+    "&:hover": {
+      cursor: "pointer",
+      border: `1px solid ${theme.palette.acce1}`
+    }
+  },
+  inputCalendarOpen: {
+    boxShadow: theme.hv.shadows[1],
+    border: `1px solid ${theme.palette.atmo1}`,
+    borderRadius: "2px 2px 0 0"
+  },
+  input: _objectSpread(_objectSpread({
+    border: "none",
+    height: "30px",
+    width: "100%",
+    background: "transparent",
+    fontFamily: theme.hv.typography.fontFamily
+  }, theme.hv.typography.normalText), {}, {
+    "&:hover": {
+      cursor: "pointer"
+    },
+    "&:focus": {
+      outline: "none"
+    },
+    "&::placeholder": _objectSpread({
+      fontFamily: theme.hv.typography.fontFamily
+    }, theme.hv.typography.placeholderText),
+    "&::-moz-placeholder": {
+      lineHeight: "26px"
+    }
+  }),
+  dropdownHeaderInvalid: {
+    border: `1px solid ${theme.hv.palette.semantic.sema4}`,
+    "&:hover": {
+      border: `1px solid ${theme.hv.palette.semantic.sema4}`
+    }
+  },
+  dropdownHeaderOpen: {
+    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,
+    "&:hover": {
+      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`
+    }
+  },
+  icon: {
+    position: "absolute",
+    right: -1,
+    bottom: -1
+  },
+  action: {
+    "&:first-child": {
+      marginRight: theme.hvSpacing("xs")
+    }
+  },
+  rangeMainContainer: {
+    display: "flex",
+    flexDirection: "column",
+    backgroundColor: theme.palette.atmo1,
+    width: "640px"
+  },
+  rangeCalendarsContainer: {
+    display: "flex",
+    flexDirection: "row"
+  },
+  rangeCalendarContainer: {
+    width: "50%"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/DatePicker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DatePicker/styles.js"],"names":["outlineStyles","styles","theme","root","position","inputContainer","background","palette","atmo1","height","paddingLeft","hvSpacing","paddingRight","fontFamily","hv","typography","actionContainer","justifyContent","leftContainer","rightContainer","labelContainer","display","alignItems","label","paddingBottom","description","error","dropdown","panel","backgroundColor","inputCalendarClosed","border","atmo4","borderRadius","cursor","acce1","inputCalendarOpen","boxShadow","shadows","input","width","normalText","outline","placeholderText","lineHeight","dropdownHeaderInvalid","semantic","sema4","dropdownHeaderOpen","atmosphere","icon","right","bottom","action","marginRight","rangeMainContainer","flexDirection","rangeCalendarsContainer","rangeCalendarContainer"],"mappings":"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","sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    position: \"relative\",\n  },\n  inputContainer: {\n    position: \"relative\",\n    background: theme.palette.atmo1,\n    height: 32,\n    paddingLeft: theme.hvSpacing(\"xs\"),\n    paddingRight: theme.hvSpacing(\"md\"),\n    fontFamily: theme.hv.typography.fontFamily,\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  actionContainer: {\n    justifyContent: \"space-between\",\n  },\n  leftContainer: {},\n  rightContainer: {},\n\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n  description: {},\n  error: {},\n\n  dropdown: {\n    display: \"block\",\n  },\n  panel: {\n    backgroundColor: theme.palette.atmo1,\n  },\n\n  inputCalendarClosed: {\n    border: `1px solid ${theme.palette.atmo4}`,\n    borderRadius: 2,\n    \"&:hover\": {\n      cursor: \"pointer\",\n      border: `1px solid ${theme.palette.acce1}`,\n    },\n  },\n  inputCalendarOpen: {\n    boxShadow: theme.hv.shadows[1],\n    border: `1px solid ${theme.palette.atmo1}`,\n    borderRadius: \"2px 2px 0 0\",\n  },\n  input: {\n    border: \"none\",\n    height: \"30px\",\n    width: \"100%\",\n    background: \"transparent\",\n    fontFamily: theme.hv.typography.fontFamily,\n    ...theme.hv.typography.normalText,\n    \"&:hover\": {\n      cursor: \"pointer\",\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n    \"&::placeholder\": {\n      fontFamily: theme.hv.typography.fontFamily,\n      ...theme.hv.typography.placeholderText,\n    },\n    \"&::-moz-placeholder\": {\n      lineHeight: \"26px\",\n    },\n  },\n  dropdownHeaderInvalid: {\n    border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n    },\n  },\n  dropdownHeaderOpen: {\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    },\n  },\n  icon: {\n    position: \"absolute\",\n    right: -1,\n    bottom: -1,\n  },\n  action: {\n    \"&:first-child\": {\n      marginRight: theme.hvSpacing(\"xs\"),\n    },\n  },\n\n  rangeMainContainer: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    backgroundColor: theme.palette.atmo1,\n    width: \"640px\",\n  },\n  rangeCalendarsContainer: {\n    display: \"flex\",\n    flexDirection: \"row\",\n  },\n  rangeCalendarContainer: {\n    width: \"50%\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/DatePicker/useVisibleDate.js

@@ -0,0 +1,222 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import { useReducer } from "react";
+import { validateDate } from "./utils";
+import { NAV_OPTIONS } from "../Calendar/enums";
+
+function stateToLeftRight({
+  visibleYear,
+  visibleMonth,
+  rightVisibleYear,
+  rightVisibleMonth
+}) {
+  return {
+    left: {
+      year: visibleYear,
+      month: visibleMonth
+    },
+    right: {
+      year: rightVisibleYear,
+      month: rightVisibleMonth
+    }
+  };
+}
+
+function leftRightToState(left, right) {
+  return {
+    visibleYear: left.year,
+    visibleMonth: left.month,
+    rightVisibleYear: right.year,
+    rightVisibleMonth: right.month
+  };
+}
+
+function subtractYear({
+  year,
+  month
+}) {
+  return {
+    year: year - 1,
+    month
+  };
+}
+
+function addYear({
+  year,
+  month
+}) {
+  return {
+    year: year + 1,
+    month
+  };
+}
+
+function subtractMonth({
+  year,
+  month
+}) {
+  let y = year;
+  let m = month;
+  m -= 1;
+
+  if (m === 0) {
+    y -= 1;
+    m = 12;
+  }
+
+  return {
+    year: y,
+    month: m
+  };
+}
+
+function addMonth({
+  year,
+  month
+}) {
+  let y = year;
+  let m = month;
+  m += 1;
+
+  if (m === 13) {
+    y += 1;
+    m = 1;
+  }
+
+  return {
+    year: y,
+    month: m
+  };
+}
+
+function ensureNoOverlap(left, right, keepRight = false) {
+  let l = left;
+  let r = right;
+
+  if (left.year > right.year || left.year === right.year && left.month >= right.month) {
+    if (keepRight) {
+      l = subtractMonth(right);
+    } else {
+      r = addMonth(left);
+    }
+  }
+
+  return leftRightToState(l, r);
+}
+
+export function isSameYearMonth(d1, d2) {
+  return d1.year === d2.year && d1.month === d2.month;
+}
+
+function visibleDateReducer(state, action) {
+  let {
+    left,
+    right
+  } = stateToLeftRight(state);
+
+  switch (action.type) {
+    case NAV_OPTIONS.PREVIOUS_YEAR:
+      if (action.target === "right") {
+        right = subtractYear(right);
+        return ensureNoOverlap(left, right, true);
+      }
+
+      left = subtractYear(left);
+      return ensureNoOverlap(left, right, false);
+
+    case NAV_OPTIONS.NEXT_YEAR:
+      if (action.target === "right") {
+        right = addYear(right);
+        return ensureNoOverlap(left, right, true);
+      }
+
+      left = addYear(left);
+      return ensureNoOverlap(left, right, false);
+
+    case NAV_OPTIONS.PREVIOUS_MONTH:
+      if (action.target === "right") {
+        right = subtractMonth(right);
+        return ensureNoOverlap(left, right, true);
+      }
+
+      left = subtractMonth(left);
+      return ensureNoOverlap(left, right, false);
+
+    case NAV_OPTIONS.NEXT_MONTH:
+      if (action.target === "right") {
+        right = addMonth(right);
+        return ensureNoOverlap(left, right, true);
+      }
+
+      left = addMonth(left);
+      return ensureNoOverlap(left, right, false);
+
+    case NAV_OPTIONS.MONTH:
+      if (action.month != null) {
+        if (action.target === "right") {
+          if (right.month !== action.month) {
+            right = {
+              year: right.year,
+              month: action.month
+            };
+            return ensureNoOverlap(left, right, true);
+          }
+        } else if (left.month !== action.month) {
+          left = {
+            year: left.year,
+            month: action.month
+          };
+          return ensureNoOverlap(left, right, false);
+        }
+      }
+
+      break;
+
+    case NAV_OPTIONS.MONTH_YEAR:
+      if (action.month != null && action.year != null) {
+        if (action.target === "right") {
+          if (!isSameYearMonth(left, action) && !isSameYearMonth(right, action)) {
+            right = {
+              year: action.year,
+              month: action.month
+            };
+            return ensureNoOverlap(left, right, true);
+          }
+        } else if (!isSameYearMonth(left, action) && (action.target === "left" || !isSameYearMonth(right, action))) {
+          left = {
+            year: action.year,
+            month: action.month
+          };
+          return ensureNoOverlap(left, right, false);
+        }
+      }
+
+      break;
+
+    default:
+  }
+
+  return state;
+}
+
+function stateFromRange(startDate, endDate) {
+  const initialStartDate = validateDate(startDate);
+  const initialEndDate = endDate != null ? validateDate(endDate) : initialStartDate;
+  return ensureNoOverlap({
+    year: initialStartDate.getFullYear(),
+    month: initialStartDate.getMonth() + 1
+  }, {
+    year: initialEndDate.getFullYear(),
+    month: initialEndDate.getMonth() + 1
+  });
+}
+
+export default function useVisibleDate(startDate, endDate) {
+  const [state, dispatchAction] = useReducer(visibleDateReducer, {
+    startDate,
+    endDate
+  }, initData => {
+    return stateFromRange(initData.startDate, initData.endDate);
+  });
+  return [state, dispatchAction];
+}
+//# sourceMappingURL=useVisibleDate.js.map

package/dist/modern/DatePicker/useVisibleDate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DatePicker/useVisibleDate.js"],"names":["useReducer","validateDate","NAV_OPTIONS","stateToLeftRight","visibleYear","visibleMonth","rightVisibleYear","rightVisibleMonth","left","year","month","right","leftRightToState","subtractYear","addYear","subtractMonth","y","m","addMonth","ensureNoOverlap","keepRight","l","r","isSameYearMonth","d1","d2","visibleDateReducer","state","action","type","PREVIOUS_YEAR","target","NEXT_YEAR","PREVIOUS_MONTH","NEXT_MONTH","MONTH","MONTH_YEAR","stateFromRange","startDate","endDate","initialStartDate","initialEndDate","getFullYear","getMonth","useVisibleDate","dispatchAction","initData"],"mappings":"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","sourcesContent":["import { useReducer } from \"react\";\n\nimport { validateDate } from \"./utils\";\n\nimport { NAV_OPTIONS } from \"../Calendar/enums\";\n\nfunction stateToLeftRight({ visibleYear, visibleMonth, rightVisibleYear, rightVisibleMonth }) {\n  return {\n    left: { year: visibleYear, month: visibleMonth },\n    right: { year: rightVisibleYear, month: rightVisibleMonth },\n  };\n}\n\nfunction leftRightToState(left, right) {\n  return {\n    visibleYear: left.year,\n    visibleMonth: left.month,\n    rightVisibleYear: right.year,\n    rightVisibleMonth: right.month,\n  };\n}\n\nfunction subtractYear({ year, month }) {\n  return { year: year - 1, month };\n}\n\nfunction addYear({ year, month }) {\n  return { year: year + 1, month };\n}\n\nfunction subtractMonth({ year, month }) {\n  let y = year;\n  let m = month;\n\n  m -= 1;\n  if (m === 0) {\n    y -= 1;\n    m = 12;\n  }\n\n  return { year: y, month: m };\n}\n\nfunction addMonth({ year, month }) {\n  let y = year;\n  let m = month;\n\n  m += 1;\n  if (m === 13) {\n    y += 1;\n    m = 1;\n  }\n\n  return { year: y, month: m };\n}\n\nfunction ensureNoOverlap(left, right, keepRight = false) {\n  let l = left;\n  let r = right;\n  if (left.year > right.year || (left.year === right.year && left.month >= right.month)) {\n    if (keepRight) {\n      l = subtractMonth(right);\n    } else {\n      r = addMonth(left);\n    }\n  }\n\n  return leftRightToState(l, r);\n}\n\nexport function isSameYearMonth(d1, d2) {\n  return d1.year === d2.year && d1.month === d2.month;\n}\n\nfunction visibleDateReducer(state, action) {\n  let { left, right } = stateToLeftRight(state);\n\n  switch (action.type) {\n    case NAV_OPTIONS.PREVIOUS_YEAR:\n      if (action.target === \"right\") {\n        right = subtractYear(right);\n        return ensureNoOverlap(left, right, true);\n      }\n\n      left = subtractYear(left);\n      return ensureNoOverlap(left, right, false);\n\n    case NAV_OPTIONS.NEXT_YEAR:\n      if (action.target === \"right\") {\n        right = addYear(right);\n        return ensureNoOverlap(left, right, true);\n      }\n\n      left = addYear(left);\n      return ensureNoOverlap(left, right, false);\n\n    case NAV_OPTIONS.PREVIOUS_MONTH:\n      if (action.target === \"right\") {\n        right = subtractMonth(right);\n        return ensureNoOverlap(left, right, true);\n      }\n\n      left = subtractMonth(left);\n      return ensureNoOverlap(left, right, false);\n\n    case NAV_OPTIONS.NEXT_MONTH:\n      if (action.target === \"right\") {\n        right = addMonth(right);\n        return ensureNoOverlap(left, right, true);\n      }\n\n      left = addMonth(left);\n      return ensureNoOverlap(left, right, false);\n\n    case NAV_OPTIONS.MONTH:\n      if (action.month != null) {\n        if (action.target === \"right\") {\n          if (right.month !== action.month) {\n            right = { year: right.year, month: action.month };\n            return ensureNoOverlap(left, right, true);\n          }\n        } else if (left.month !== action.month) {\n          left = { year: left.year, month: action.month };\n          return ensureNoOverlap(left, right, false);\n        }\n      }\n      break;\n\n    case NAV_OPTIONS.MONTH_YEAR:\n      if (action.month != null && action.year != null) {\n        if (action.target === \"right\") {\n          if (!isSameYearMonth(left, action) && !isSameYearMonth(right, action)) {\n            right = { year: action.year, month: action.month };\n            return ensureNoOverlap(left, right, true);\n          }\n        } else if (\n          !isSameYearMonth(left, action) &&\n          (action.target === \"left\" || !isSameYearMonth(right, action))\n        ) {\n          left = { year: action.year, month: action.month };\n          return ensureNoOverlap(left, right, false);\n        }\n      }\n\n      break;\n\n    default:\n  }\n\n  return state;\n}\n\nfunction stateFromRange(startDate, endDate) {\n  const initialStartDate = validateDate(startDate);\n  const initialEndDate = endDate != null ? validateDate(endDate) : initialStartDate;\n\n  return ensureNoOverlap(\n    { year: initialStartDate.getFullYear(), month: initialStartDate.getMonth() + 1 },\n    { year: initialEndDate.getFullYear(), month: initialEndDate.getMonth() + 1 }\n  );\n}\n\nexport default function useVisibleDate(startDate, endDate) {\n  const [state, dispatchAction] = useReducer(\n    visibleDateReducer,\n    { startDate, endDate },\n    (initData) => {\n      return stateFromRange(initData.startDate, initData.endDate);\n    }\n  );\n\n  return [state, dispatchAction];\n}\n"],"file":"useVisibleDate.js"}

package/dist/modern/DatePicker/utils.js

@@ -0,0 +1,24 @@
+import { REPRESENTATION_VALUES } from "../Calendar/enums";
+import { getFormattedDate, getMonthName, isDate, isSameMonth } from "../Calendar/utils";
+export const validateDate = date => isDate(date) && date || new Date();
+export const getFormattedDateRange = (date, locale, rep = REPRESENTATION_VALUES.SHORT) => {
+  const {
+    startDate,
+    endDate
+  } = date;
+  const monthYear = `${getMonthName(startDate, locale, rep)} ${startDate.getFullYear()}`;
+  return `${startDate.getDate()} - ${endDate.getDate()} ${monthYear}`;
+};
+export const getSingleDateLabel = (date, locale) => isDate(date) ? getFormattedDate(date, locale) : "";
+export const getRangeDateLabel = ({
+  startDate,
+  endDate
+}, locale) => {
+  if (!(isDate(startDate) && isDate(endDate))) return getSingleDateLabel(startDate);
+  return isSameMonth(startDate, endDate) ? getFormattedDateRange({
+    startDate,
+    endDate
+  }, locale) : `${getFormattedDate(startDate, locale)} - ${getFormattedDate(endDate, locale)}`;
+};
+export const getDateLabel = (date, rangeMode, locale) => rangeMode ? getRangeDateLabel(date, locale) : getSingleDateLabel(date, locale);
+//# sourceMappingURL=utils.js.map

package/dist/modern/DatePicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DatePicker/utils.js"],"names":["REPRESENTATION_VALUES","getFormattedDate","getMonthName","isDate","isSameMonth","validateDate","date","Date","getFormattedDateRange","locale","rep","SHORT","startDate","endDate","monthYear","getFullYear","getDate","getSingleDateLabel","getRangeDateLabel","getDateLabel","rangeMode"],"mappings":"AAAA,SAASA,qBAAT,QAAsC,mBAAtC;AACA,SAASC,gBAAT,EAA2BC,YAA3B,EAAyCC,MAAzC,EAAiDC,WAAjD,QAAoE,mBAApE;AAEA,OAAO,MAAMC,YAAY,GAAIC,IAAD,IAAWH,MAAM,CAACG,IAAD,CAAN,IAAgBA,IAAjB,IAA0B,IAAIC,IAAJ,EAAzD;AAEP,OAAO,MAAMC,qBAAqB,GAAG,CAACF,IAAD,EAAOG,MAAP,EAAeC,GAAG,GAAGV,qBAAqB,CAACW,KAA3C,KAAqD;AACxF,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAAyBP,IAA/B;AACA,QAAMQ,SAAS,GAAI,GAAEZ,YAAY,CAACU,SAAD,EAAYH,MAAZ,EAAoBC,GAApB,CAAyB,IAAGE,SAAS,CAACG,WAAV,EAAwB,EAArF;AACA,SAAQ,GAAEH,SAAS,CAACI,OAAV,EAAoB,MAAKH,OAAO,CAACG,OAAR,EAAkB,IAAGF,SAAU,EAAlE;AACD,CAJM;AAMP,OAAO,MAAMG,kBAAkB,GAAG,CAACX,IAAD,EAAOG,MAAP,KAChCN,MAAM,CAACG,IAAD,CAAN,GAAeL,gBAAgB,CAACK,IAAD,EAAOG,MAAP,CAA/B,GAAgD,EAD3C;AAGP,OAAO,MAAMS,iBAAiB,GAAG,CAAC;AAAEN,EAAAA,SAAF;AAAaC,EAAAA;AAAb,CAAD,EAAyBJ,MAAzB,KAAoC;AACnE,MAAI,EAAEN,MAAM,CAACS,SAAD,CAAN,IAAqBT,MAAM,CAACU,OAAD,CAA7B,CAAJ,EAA6C,OAAOI,kBAAkB,CAACL,SAAD,CAAzB;AAE7C,SAAOR,WAAW,CAACQ,SAAD,EAAYC,OAAZ,CAAX,GACHL,qBAAqB,CAAC;AAAEI,IAAAA,SAAF;AAAaC,IAAAA;AAAb,GAAD,EAAyBJ,MAAzB,CADlB,GAEF,GAAER,gBAAgB,CAACW,SAAD,EAAYH,MAAZ,CAAoB,MAAKR,gBAAgB,CAACY,OAAD,EAAUJ,MAAV,CAAkB,EAFlF;AAGD,CANM;AAQP,OAAO,MAAMU,YAAY,GAAG,CAACb,IAAD,EAAOc,SAAP,EAAkBX,MAAlB,KAC1BW,SAAS,GAAGF,iBAAiB,CAACZ,IAAD,EAAOG,MAAP,CAApB,GAAqCQ,kBAAkB,CAACX,IAAD,EAAOG,MAAP,CAD3D","sourcesContent":["import { REPRESENTATION_VALUES } from \"../Calendar/enums\";\nimport { getFormattedDate, getMonthName, isDate, isSameMonth } from \"../Calendar/utils\";\n\nexport const validateDate = (date) => (isDate(date) && date) || new Date();\n\nexport const getFormattedDateRange = (date, locale, rep = REPRESENTATION_VALUES.SHORT) => {\n  const { startDate, endDate } = date;\n  const monthYear = `${getMonthName(startDate, locale, rep)} ${startDate.getFullYear()}`;\n  return `${startDate.getDate()} - ${endDate.getDate()} ${monthYear}`;\n};\n\nexport const getSingleDateLabel = (date, locale) =>\n  isDate(date) ? getFormattedDate(date, locale) : \"\";\n\nexport const getRangeDateLabel = ({ startDate, endDate }, locale) => {\n  if (!(isDate(startDate) && isDate(endDate))) return getSingleDateLabel(startDate);\n\n  return isSameMonth(startDate, endDate)\n    ? getFormattedDateRange({ startDate, endDate }, locale)\n    : `${getFormattedDate(startDate, locale)} - ${getFormattedDate(endDate, locale)}`;\n};\n\nexport const getDateLabel = (date, rangeMode, locale) =>\n  rangeMode ? getRangeDateLabel(date, locale) : getSingleDateLabel(date, locale);\n"],"file":"utils.js"}

package/dist/modern/Dialog/Dialog.d.ts

@@ -0,0 +1,16 @@
+import { DialogProps, StandardProps } from "@material-ui/core";
+
+export type HvDialogClassKey = "root" | "background" | "paper" | "closeButton";
+
+export interface HvDialogProps extends StandardProps<DialogProps, HvDialogClassKey> {
+  /**
+   * Element id that should be focus when the dialog opens.
+   */
+  firstFocusable?: string;
+  /**
+   * Title for the button close.
+   */
+  buttonTitle?: string;
+}
+
+export default function HvDialog(props: HvDialogProps): JSX.Element | null;