@hitachivantara/uikit-react-core 2.23.2

package/dist/legacy/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","names":["React","PropTypes","isNil","ClickAwayListener","Popper","withStyles","Calendar","CalendarIcon","clsx","isKeypress","KeyboardCodes","setId","Typography","Actions","styles","withLabels","withId","convertISOStringDateToDate","DEFAULT_LOCALE","getDateISO","getFormattedDate","isDate","isValidLocale","DEFAULT_LABELS","applyLabel","cancelLabel","title","undefined","placeholder","rangeStart","rangeEnd","HvDatePicker","props","open","setState","calendarOpen","data","created","state","flipped","placement","calendarPlacement","calendarFlipped","rangeMode","tempStartSelectedDate","tempEndSelectedDate","setRangeDate","tempSelectedDate","setSingleDate","cancelDateSelection","event","Enter","handleCalendarIconClick","currentTarget","calendarAnchorElement","id","target","locale","selectedDate","startSelectedDate","endSelectedDate","setCalendarOpen","date","closeCalendar","onChange","showActions","startDate","endDate","endVisibleDate","startVisibleDate","classes","labels","label","actionLabels","rangeCalendarsFooter","rangeFooterLeft","rangeFooterRight","handleCancelAction","handleApplyAction","singleCalendarFooter","calendarContainer","close","handleSingleCalendarDateChange","renderActions","rangeMainContainer","rangeCalendarsContainer","rangeLeftCalendarContainer","handleRangeCalendarDateStartChange","rangeRightCalendarContainer","handleRangeCalendarDateEndChange","className","naming","renderLabel","root","inputCalendarOpen","inputCalendarClosed","handleKeyboardClick","element","inputElement","input","getFormattedSelectedDate","icon","theme","horizontalPlacement","disablePortal","escapeWithReference","RenderCalendar","renderRangeCalendars","renderSingleCalendar","onCreate","createCalendarPlacement","onUpdate","updateCalendarPlacement","preventOverflow","zIndex","tooltip","handleCalendarClickAway","popperRoot","listBorderDown","calendarOpenUp","calendarOpenDown","listBorderUp","resolveStateFromProps","datePickerContainer","renderInput","renderPopper","value","startValue","endValue","originalValue","originalStartValue","originalEndValue","stateLocale","validLocale","Component","propTypes","string","shape","instanceOf","Object","isRequired","bool","oneOf","func","defaultProps","name","withTheme"],"sources":["../../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { ClickAwayListener, Popper, withStyles } from \"@material-ui/core\";\nimport { Calendar as CalendarIcon } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { isKeypress, KeyboardCodes, setId } from \"../utils\";\nimport Typography from \"../Typography\";\nimport Calendar from \"./Calendar\";\nimport Actions from \"./Actions\";\nimport styles from \"./styles\";\nimport withLabels from \"../withLabels\";\nimport withId from \"../withId\";\nimport {\n  convertISOStringDateToDate,\n  DEFAULT_LOCALE,\n  getDateISO,\n  getFormattedDate,\n  isDate,\n  isValidLocale,\n} from \"./Calendar/utils\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  title: undefined,\n  placeholder: \"Select a date\",\n  rangeStart: \"Start date\",\n  rangeEnd: \"End date\",\n};\n\n/**\n * A graphical widget which allows the user to select a date.\n */\nclass HvDatePicker extends React.Component {\n  /**\n   * Triggered right before the Render() function of the components.\n   * Here we can update the state when a prop is changed.\n   *\n   * @static\n   * @param {Object} props - The new props object.\n   * @param {Object} state - The current state object.\n   *\n   * @returns {Object} - The updated state\n   * @memberOf HvDatePicker\n   */\n  static getDerivedStateFromProps(props, state) {\n    const { rangeMode, locale, value, startValue, endValue } = props;\n\n    const { originalValue, originalStartValue, originalEndValue, locale: stateLocale } = state;\n\n    if (locale !== stateLocale) {\n      const validLocale = isValidLocale(locale) ? locale : DEFAULT_LOCALE;\n      return {\n        ...state,\n        locale: validLocale,\n      };\n    }\n    if (\n      value !== originalValue ||\n      startValue !== originalStartValue ||\n      endValue !== originalEndValue\n    ) {\n      return {\n        ...state,\n        ...HvDatePicker.resolveStateFromProps(value, startValue, endValue, rangeMode),\n      };\n    }\n    return null;\n  }\n\n  /**\n   * Resolves the state using the received props.\n   *\n   * @memberOf HvDatePicker\n   */\n  static resolveStateFromProps = (value, startValue, endValue, rangeMode) => {\n    if (rangeMode) {\n      const startSelectedDate =\n        startValue && startValue !== \"\" ? convertISOStringDateToDate(startValue) : null;\n      const endSelectedDate =\n        endValue && endValue !== \"\" ? convertISOStringDateToDate(endValue) : null;\n      // Range mode state\n      return {\n        startSelectedDate,\n        endSelectedDate,\n        tempStartSelectedDate: startSelectedDate,\n        tempEndSelectedDate: endSelectedDate,\n        originalStartValue: startValue,\n        originalEndValue: endValue,\n        startVisibleDate: null,\n        endVisibleDate: null,\n      };\n    }\n\n    // Single calendar mode state\n    const selectedDate = value && value !== \"\" ? convertISOStringDateToDate(value) : null;\n\n    return {\n      selectedDate,\n      tempSelectedDate: selectedDate,\n      originalValue: value,\n    };\n  };\n\n  constructor(props) {\n    super(props);\n\n    const { locale } = this.props;\n\n    this.state = {\n      created: false,\n      ...HvDatePicker.resolveStateFromProps(),\n      calendarOpen: false,\n      calendarAnchorElement: null,\n      locale: isValidLocale(locale) ? locale : DEFAULT_LOCALE,\n    };\n  }\n\n  /**\n   * Changes the calendar open state according to the received flag.\n   *\n   * @param {boolean} open - Opens / closes the calendar according to this flag.\n   * @memberOf HvDatePicker\n   */\n  setCalendarOpen = (open) => {\n    this.setState({\n      calendarOpen: open,\n    });\n  };\n\n  createCalendarPlacement = (data) => {\n    const { created } = this.state;\n    const { flipped, placement } = data;\n    if (!created) {\n      this.setState({\n        calendarPlacement: placement,\n        calendarFlipped: flipped,\n        created: true,\n      });\n    }\n  };\n\n  /**\n   * Updates the calendar placement in case the Popper placement changed.\n   *\n   * @param {Object} data - The data provided by the popper plugin.\n   * @memberOf HvDatePicker\n   */\n  updateCalendarPlacement = (data) => {\n    const { calendarFlipped } = this.state;\n    if (calendarFlipped !== data.flipped) {\n      this.setState({\n        calendarPlacement: data.placement,\n        calendarFlipped: data.flipped,\n      });\n    }\n  };\n\n  /**\n   * Handles the `Apply` action. Both single and ranged modes are handled here.\n   *\n   * @memberOf HvDatePicker\n   */\n  handleApplyAction = () => {\n    const { rangeMode } = this.props;\n\n    if (rangeMode) {\n      const { tempStartSelectedDate, tempEndSelectedDate } = this.state;\n\n      if (tempStartSelectedDate && tempEndSelectedDate) {\n        this.setRangeDate(tempStartSelectedDate, tempEndSelectedDate);\n      }\n    } else {\n      const { tempSelectedDate } = this.state;\n\n      if (tempSelectedDate) {\n        this.setSingleDate(tempSelectedDate, true);\n      }\n    }\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   *\n   * @memberOf HvDatePicker\n   */\n  handleCancelAction = () => {\n    this.cancelDateSelection();\n  };\n\n  /**\n   * Handle keyboard click in the input.\n   *\n   * @param event\n   */\n  handleKeyboardClick = (event) => {\n    if (isKeypress(event, KeyboardCodes.Enter)) {\n      this.handleCalendarIconClick(event);\n    }\n  };\n\n  /**\n   * Handles the click on the Calendar icon inside the input.\n   *\n   * @memberOf HvDatePicker\n   */\n  handleCalendarIconClick = (event) => {\n    const { currentTarget } = event;\n\n    this.setState(\n      (state) => ({\n        calendarAnchorElement: currentTarget,\n        calendarOpen: !state.calendarOpen,\n      }),\n      () => {\n        const { calendarOpen } = this.state;\n        if (!calendarOpen) {\n          this.cancelDateSelection();\n        }\n      }\n    );\n  };\n\n  /**\n   * Handles the event of clicking away from the Calendar.\n   *\n   * @param {Object} event - The event triggered when clicking outside of the calendar container.\n   * @memberOf HvDatePicker\n   */\n  handleCalendarClickAway = (event) => {\n    const { id } = this.props;\n\n    if (event.target.id !== `${id}`) {\n      this.cancelDateSelection();\n    }\n  };\n\n  /**\n   * Gets the formatted selected value to be displayed on the input.\n   *\n   * @memberOf HvDatePicker\n   */\n  getFormattedSelectedDate = () => {\n    const { rangeMode } = this.props;\n    const { locale, selectedDate, startSelectedDate, endSelectedDate } = this.state;\n\n    if (rangeMode) {\n      if (isDate(startSelectedDate) && isDate(endSelectedDate)) {\n        return `${getFormattedDate(startSelectedDate, locale)} - ${getFormattedDate(\n          endSelectedDate,\n          locale\n        )}`;\n      }\n    }\n\n    return isDate(selectedDate) ? getFormattedDate(selectedDate, locale) : \"\";\n  };\n\n  /**\n   * Cancels the date selection and closes the Calendar component.\n   *\n   * @memberOf HvDatePicker\n   */\n  cancelDateSelection = () => {\n    const { rangeMode } = this.props;\n    const { selectedDate, startSelectedDate, endSelectedDate } = this.state;\n\n    if (rangeMode) {\n      this.setState({\n        tempStartSelectedDate: startSelectedDate,\n        tempEndSelectedDate: endSelectedDate,\n      });\n    } else {\n      this.setState({\n        tempSelectedDate: selectedDate,\n      });\n    }\n\n    this.setCalendarOpen(false);\n  };\n\n  /**\n   * Single Calendar\n   */\n\n  /**\n   * Set the date in the input, and changes the calendar visibility (hide).\n   *\n   * @param {Date} date - Date value that was selected.\n   * @param closeCalendar\n   * @memberOf HvDatePicker\n   */\n  setSingleDate = (date, closeCalendar) => {\n    const { onChange } = this.props;\n\n    this.setState({ selectedDate: date, tempSelectedDate: date });\n\n    this.setCalendarOpen(!closeCalendar);\n\n    if (typeof onChange === \"function\") {\n      onChange(getDateISO(date));\n    }\n  };\n\n  /**\n   * Handles the `handleDateChange` action from the Calendar component when in single mode. If the `showActions` prop\n   * is set to false then the date is immediately applied and the Calendar closed, otherwise the Calendar remains open.\n   *\n   * @param {Date} date - Date value received from the Calendar component.\n   * @param {boolean} closeCalendar - if it should close the date picker.\n   * @memberOf HvDatePicker\n   */\n  handleSingleCalendarDateChange = (date, closeCalendar = true) => {\n    const { showActions } = this.props;\n\n    if (!showActions) {\n      this.setSingleDate(date, closeCalendar);\n    } else {\n      this.setState({ tempSelectedDate: date });\n    }\n  };\n\n  /**\n   * Range Calendars functions\n   */\n\n  /**\n   * Set the date in the input, and changes the calendar visibility (hide).\n   *\n   * @param {Date} startDate - Start date value that was selected.\n   * @param {Date} endDate - End date value that was selected.\n   * @memberOf HvDatePicker\n   */\n  setRangeDate = (startDate, endDate) => {\n    const { onChange } = this.props;\n\n    this.setState({\n      startSelectedDate: startDate,\n      endSelectedDate: endDate,\n    });\n\n    this.setCalendarOpen(false);\n\n    if (typeof onChange === \"function\") {\n      onChange(getDateISO(startDate), getDateISO(endDate));\n    }\n  };\n\n  /**\n   * Handles the `handleDateChange` action from the Calendar component associated to the Start date when in range mode.\n   *\n   * @param {Date} date - Date value received from the Calendar component.\n   * @memberOf HvDatePicker\n   */\n  handleRangeCalendarDateStartChange = (date) => {\n    const { tempEndSelectedDate } = this.state;\n\n    if (tempEndSelectedDate > date) {\n      this.setState({ tempStartSelectedDate: date });\n    } else {\n      this.setState({\n        tempStartSelectedDate: date,\n        tempEndSelectedDate: date,\n        endVisibleDate: date,\n      });\n    }\n  };\n\n  /**\n   * Handles the `handleDateChange` action from the Calendar component associated to the end date when in range mode.\n   *\n   * @param {Date} date - Date value received from the Calendar component.\n   * @memberOf HvDatePicker\n   */\n  handleRangeCalendarDateEndChange = (date) => {\n    const { tempStartSelectedDate } = this.state;\n\n    if (tempStartSelectedDate < date) {\n      this.setState({ tempEndSelectedDate: date });\n    } else {\n      this.setState({\n        tempEndSelectedDate: date,\n        tempStartSelectedDate: date,\n        startVisibleDate: date,\n      });\n    }\n  };\n\n  /**\n   * Renderers\n   */\n\n  /**\n   * Renders the Label element.\n   *\n   * @memberOf HvDatePicker\n   */\n  renderLabel = () => {\n    const { id, classes, labels } = this.props;\n    return (\n      <Typography\n        id={setId(id, \"label\")}\n        variant=\"labelText\"\n        component=\"label\"\n        className={classes.label}\n      >\n        {labels.title}\n      </Typography>\n    );\n  };\n\n  /**\n   * Renders the container for the action elements.\n   *\n   * @memberOf HvDatePicker\n   */\n  renderActions = () => {\n    const { classes, labels, rangeMode, id } = this.props;\n\n    const actionLabels = {\n      applyLabel: labels.applyLabel,\n      cancelLabel: labels.cancelLabel,\n    };\n\n    if (rangeMode) {\n      return (\n        <div className={classes.rangeCalendarsFooter}>\n          <div className={classes.rangeFooterLeft} />\n          <div className={classes.rangeFooterRight}>\n            <Actions\n              id={setId(id, \"action\")}\n              onCancel={() => this.handleCancelAction()}\n              onApply={() => this.handleApplyAction()}\n              labels={actionLabels}\n            />\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div className={classes.singleCalendarFooter}>\n        <Actions\n          id={setId(id, \"action\")}\n          onCancel={() => this.handleCancelAction()}\n          onApply={() => this.handleApplyAction()}\n          labels={actionLabels}\n        />\n      </div>\n    );\n  };\n\n  /**\n   * Renders one calendar component.\n   *\n   * @memberOf Calendar\n   */\n  renderSingleCalendar = () => {\n    const { classes, showActions, rangeMode, id } = this.props;\n    const { tempSelectedDate, locale, calendarFlipped } = this.state;\n\n    return (\n      <div className={classes.calendarContainer}>\n        <Calendar\n          id={setId(id, \"calendar\")}\n          handleDateChange={(date, close) => this.handleSingleCalendarDateChange(date, close)}\n          selectedDate={tempSelectedDate}\n          locale={locale}\n          rangeMode={rangeMode}\n          flipped={calendarFlipped}\n        />\n        {showActions && this.renderActions()}\n      </div>\n    );\n  };\n\n  /**\n   * Renders two calendar for range mode.\n   *\n   * @memberOf Calendar\n   */\n  renderRangeCalendars = () => {\n    const { id, classes, rangeMode, labels } = this.props;\n    const {\n      tempStartSelectedDate,\n      tempEndSelectedDate,\n      startVisibleDate,\n      endVisibleDate,\n      locale,\n      calendarFlipped,\n    } = this.state;\n    return (\n      <div className={classes.rangeMainContainer}>\n        <div className={classes.rangeCalendarsContainer}>\n          <div className={classes.rangeLeftCalendarContainer}>\n            <Calendar\n              id={setId(id, \"calendar-start\")}\n              handleDateChange={(date) => this.handleRangeCalendarDateStartChange(date)}\n              selectedDate={tempStartSelectedDate}\n              visibleDate={startVisibleDate}\n              locale={locale}\n              rangeMode={rangeMode}\n              label={labels.rangeStart}\n              flipped={calendarFlipped}\n            />\n          </div>\n\n          <div className={classes.rangeRightCalendarContainer}>\n            <Calendar\n              id={setId(id, \"calendar-end\")}\n              handleDateChange={(date) => this.handleRangeCalendarDateEndChange(date)}\n              selectedDate={tempEndSelectedDate}\n              visibleDate={endVisibleDate}\n              locale={locale}\n              rangeMode={rangeMode}\n              label={labels.rangeEnd}\n              flipped={calendarFlipped}\n            />\n          </div>\n        </div>\n        {this.renderActions()}\n      </div>\n    );\n  };\n\n  /**\n   * Renders the input.\n   *\n   * @memberOf Calendar\n   */\n  renderInput = () => {\n    const { id, className, classes, labels } = this.props;\n    const { calendarOpen } = this.state;\n\n    const naming = {\n      \"aria-label\": isNil(labels) || isNil(labels.title) ? \"Date input\" : undefined,\n      \"aria-labelledby\": labels && labels.title ? setId(id, \"label\") : undefined,\n    };\n\n    return (\n      <>\n        {labels && labels.title && this.renderLabel()}\n        <div\n          className={clsx(className, classes.root, {\n            [classes.inputCalendarOpen]: calendarOpen,\n            [classes.inputCalendarClosed]: !calendarOpen,\n          })}\n          onKeyDown={this.handleKeyboardClick}\n          onClick={this.handleCalendarIconClick}\n          role=\"button\"\n          tabIndex={0}\n          id={id}\n          {...naming}\n        >\n          <input\n            ref={(element) => {\n              this.inputElement = element;\n            }}\n            className={classes.input}\n            value={this.getFormattedSelectedDate()}\n            placeholder={labels.placeholder}\n            type=\"text\"\n            readOnly\n            tabIndex={-1}\n            {...naming}\n          />\n          <CalendarIcon tabIndex={-1} className={classes.icon} />\n        </div>\n      </>\n    );\n  };\n\n  /**\n   * Renders the Popper component with the calendars inside.\n   *\n   * @memberOf HvDatePicker\n   */\n  renderPopper = () => {\n    const {\n      id,\n      classes,\n      theme,\n      rangeMode,\n      horizontalPlacement,\n      disablePortal,\n      escapeWithReference,\n    } = this.props;\n\n    const { calendarOpen, calendarAnchorElement, calendarFlipped } = this.state;\n\n    const RenderCalendar = rangeMode ? this.renderRangeCalendars() : this.renderSingleCalendar();\n    return (\n      <Popper\n        id={setId(id, \"tooltip\")}\n        open={calendarOpen}\n        placement={horizontalPlacement === \"left\" ? \"bottom-start\" : \"bottom-end\"}\n        anchorEl={calendarAnchorElement}\n        disablePortal={disablePortal}\n        popperOptions={{\n          onCreate: this.createCalendarPlacement,\n          onUpdate: this.updateCalendarPlacement,\n        }}\n        modifiers={{\n          preventOverflow: {\n            // Follows the anchor element outside of the boundaries.\n            escapeWithReference,\n          },\n        }}\n        style={{\n          zIndex: `${calendarFlipped ? theme.zIndex.tooltip : 1}`,\n        }}\n      >\n        <ClickAwayListener onClickAway={this.handleCalendarClickAway}>\n          <div>\n            {!calendarFlipped && (\n              <div className={clsx(classes.popperRoot, classes.listBorderDown)} />\n            )}\n            <div\n              className={clsx(classes.popperRoot, {\n                [classes.calendarOpenDown]: calendarOpen && !calendarFlipped,\n                [classes.calendarOpenUp]: calendarOpen && calendarFlipped,\n              })}\n            >\n              {RenderCalendar}\n            </div>\n            {calendarFlipped && <div className={clsx(classes.popperRoot, classes.listBorderUp)} />}\n          </div>\n        </ClickAwayListener>\n      </Popper>\n    );\n  };\n\n  /**\n   * Renders the DatePicker component.\n   *\n   * @returns\n   * @memberOf HvDatePicker\n   */\n  render() {\n    const { classes } = this.props;\n\n    return (\n      <div className={classes.datePickerContainer}>\n        {this.renderInput()}\n        {this.renderPopper()}\n      </div>\n    );\n  }\n}\n\nHvDatePicker.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class name to be applied.\n   */\n  className: PropTypes.string,\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     * Text above the input/dropdown.\n     */\n    title: PropTypes.string,\n    /**\n     * Start date label.\n     */\n    rangeStart: PropTypes.string,\n    /**\n     * End date label.\n     */\n    rangeEnd: PropTypes.string,\n    /**\n     * Text inside the input/dropdown\n     */\n    placeholder: PropTypes.string,\n  }),\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/calendar box.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The initial value of the input when in single calendar mode.\n   */\n  value: PropTypes.string,\n  /**\n   * The initial value for the start date when in range mode.\n   */\n  startValue: PropTypes.string,\n  /**\n   * The initial value for the end date when in range mode.\n   */\n  endValue: PropTypes.string,\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   * Controls if actions buttons are visible at the calendar.\n   */\n  showActions: PropTypes.bool,\n  /**\n   * Callback function to be triggered when the input value is changed\n   */\n  onChange: PropTypes.func,\n  /**\n   * The theme object provided by the withStyles component.\n   */\n  theme: PropTypes.instanceOf(Object).isRequired,\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\nHvDatePicker.defaultProps = {\n  id: undefined,\n  rangeMode: false,\n  horizontalPlacement: \"left\",\n  value: undefined,\n  startValue: undefined,\n  endValue: undefined,\n  locale: DEFAULT_LOCALE,\n  showActions: false,\n  onChange: undefined,\n  disablePortal: true,\n  escapeWithReference: true,\n};\n\nexport default withStyles(styles, { name: \"HvDatePicker\", withTheme: true })(\n  withLabels(DEFAULT_LABELS)(withId(HvDatePicker))\n);\n"],"mappings":"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"}

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

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

package/dist/legacy/DatePicker/index.js

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

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

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

package/dist/legacy/DatePicker/styles.js

@@ -0,0 +1,162 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+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); 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 { outlineStyles } from "../Focus/styles";
+var icon = {
+  position: "absolute",
+  right: 0,
+  bottom: 0,
+  width: "30px",
+  height: "30px"
+};
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      position: "relative",
+      background: theme.palette.atmo1,
+      height: "32px",
+      paddingLeft: theme.spacing("xs"),
+      paddingRight: theme.spacing("md"),
+      fontFamily: theme.hv.typography.fontFamily,
+      "&:focus": _objectSpread({}, outlineStyles)
+    },
+    inputCalendarClosed: {
+      border: "1px solid ".concat(theme.palette.atmo6),
+      "&:hover": {
+        cursor: "pointer",
+        border: "1px solid ".concat(theme.palette.acce1)
+      }
+    },
+    inputCalendarOpen: {
+      boxShadow: theme.hv.shadows[1],
+      border: "1px solid ".concat(theme.palette.atmo1)
+    },
+    noBorderTop: {
+      borderTop: "none"
+    },
+    noBorderBottom: {
+      borderBottom: "none"
+    },
+    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)
+    }),
+    icon: _objectSpread(_objectSpread({}, icon), {}, {
+      cursor: "pointer",
+      "&:focus": _objectSpread({}, outlineStyles)
+    }),
+    iconClear: _objectSpread(_objectSpread({}, icon), {}, {
+      cursor: "pointer"
+    }),
+    datePickerContainer: {
+      position: "relative",
+      width: "320px"
+    },
+    label: {
+      marginBottom: theme.spacing("xs"),
+      display: "block"
+    },
+    calendarContainer: {
+      backgroundColor: theme.palette.atmo1,
+      width: "320px"
+    },
+    singleCalendarFooter: {
+      padding: theme.spacing("sm"),
+      textAlign: "right",
+      borderTop: "3px solid ".concat(theme.palette.atmo2)
+    },
+    rangeMainContainer: {
+      display: "flex",
+      flexDirection: "column",
+      backgroundColor: theme.palette.atmo1,
+      width: "640px"
+    },
+    rangeCalendarsContainer: {
+      display: "flex",
+      flexDirection: "row"
+    },
+    rangeLeftCalendarContainer: {
+      width: "50%"
+    },
+    rangeRightCalendarContainer: {
+      width: "50%"
+    },
+    rangeCalendarsFooter: {
+      display: "flex",
+      flexDirection: "row",
+      borderTop: "3px solid ".concat(theme.palette.atmo2)
+    },
+    rangeFooterLeft: {
+      width: "50%"
+    },
+    rangeFooterRight: {
+      width: "50%",
+      textAlign: "right",
+      padding: theme.spacing("sm")
+    },
+    actionsContainer: {
+      textAlign: "right"
+    },
+    borderTopNone: {
+      borderTop: "none"
+    },
+    borderBottomNone: {
+      borderBottom: "none"
+    },
+    borderTopDisplay: {
+      borderTop: "1px solid ".concat(theme.palette.acce1)
+    },
+    borderBottomDisplay: {
+      borderBottom: "1px solid ".concat(theme.palette.acce1)
+    },
+    popperRoot: {
+      display: "block"
+    },
+    listBorderDown: {
+      height: "10px",
+      width: "320px",
+      background: theme.palette.atmo1
+    },
+    listBorderUp: {
+      height: "10px",
+      boxShadow: " 0px -5px 5px -4px rgba(65,65,65,.12)",
+      width: "320px",
+      background: theme.palette.atmo1
+    },
+    calendarOpenDown: {
+      background: theme.palette.atmo1,
+      boxShadow: theme.hv.shadows[1]
+    },
+    calendarOpenUp: {
+      background: theme.palette.atmo1,
+      boxShadow: theme.hv.shadows[1]
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["outlineStyles","icon","position","right","bottom","width","height","styles","theme","root","background","palette","atmo1","paddingLeft","spacing","paddingRight","fontFamily","hv","typography","inputCalendarClosed","border","atmo6","cursor","acce1","inputCalendarOpen","boxShadow","shadows","noBorderTop","borderTop","noBorderBottom","borderBottom","input","normalText","outline","placeholderText","iconClear","datePickerContainer","label","marginBottom","display","calendarContainer","backgroundColor","singleCalendarFooter","padding","textAlign","atmo2","rangeMainContainer","flexDirection","rangeCalendarsContainer","rangeLeftCalendarContainer","rangeRightCalendarContainer","rangeCalendarsFooter","rangeFooterLeft","rangeFooterRight","actionsContainer","borderTopNone","borderBottomNone","borderTopDisplay","borderBottomDisplay","popperRoot","listBorderDown","listBorderUp","calendarOpenDown","calendarOpenUp"],"sources":["../../../src/DatePicker/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst icon = {\n  position: \"absolute\",\n  right: 0,\n  bottom: 0,\n  width: \"30px\",\n  height: \"30px\",\n};\n\nconst styles = (theme) => ({\n  root: {\n    position: \"relative\",\n    background: theme.palette.atmo1,\n    height: \"32px\",\n    paddingLeft: theme.spacing(\"xs\"),\n    paddingRight: theme.spacing(\"md\"),\n    fontFamily: theme.hv.typography.fontFamily,\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  inputCalendarClosed: {\n    border: `1px solid ${theme.palette.atmo6}`,\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  },\n  noBorderTop: {\n    borderTop: \"none\",\n  },\n  noBorderBottom: {\n    borderBottom: \"none\",\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  },\n  icon: {\n    ...icon,\n    cursor: \"pointer\",\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  iconClear: {\n    ...icon,\n    cursor: \"pointer\",\n  },\n  datePickerContainer: {\n    position: \"relative\",\n    width: \"320px\",\n  },\n  label: {\n    marginBottom: theme.spacing(\"xs\"),\n    display: \"block\",\n  },\n  calendarContainer: {\n    backgroundColor: theme.palette.atmo1,\n    width: \"320px\",\n  },\n  singleCalendarFooter: {\n    padding: theme.spacing(\"sm\"),\n    textAlign: \"right\",\n    borderTop: `3px solid ${theme.palette.atmo2}`,\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  rangeLeftCalendarContainer: {\n    width: \"50%\",\n  },\n  rangeRightCalendarContainer: {\n    width: \"50%\",\n  },\n  rangeCalendarsFooter: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    borderTop: `3px solid ${theme.palette.atmo2}`,\n  },\n  rangeFooterLeft: {\n    width: \"50%\",\n  },\n  rangeFooterRight: {\n    width: \"50%\",\n    textAlign: \"right\",\n    padding: theme.spacing(\"sm\"),\n  },\n  actionsContainer: {\n    textAlign: \"right\",\n  },\n  borderTopNone: {\n    borderTop: \"none\",\n  },\n  borderBottomNone: {\n    borderBottom: \"none\",\n  },\n  borderTopDisplay: {\n    borderTop: `1px solid ${theme.palette.acce1}`,\n  },\n  borderBottomDisplay: {\n    borderBottom: `1px solid ${theme.palette.acce1}`,\n  },\n  popperRoot: {\n    display: \"block\",\n  },\n  listBorderDown: {\n    height: \"10px\",\n    width: \"320px\",\n    background: theme.palette.atmo1,\n  },\n  listBorderUp: {\n    height: \"10px\",\n    boxShadow: \" 0px -5px 5px -4px rgba(65,65,65,.12)\",\n    width: \"320px\",\n    background: theme.palette.atmo1,\n  },\n  calendarOpenDown: {\n    background: theme.palette.atmo1,\n    boxShadow: theme.hv.shadows[1],\n  },\n  calendarOpenUp: {\n    background: theme.palette.atmo1,\n    boxShadow: theme.hv.shadows[1],\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/legacy/DropDownMenu/DropDownMenu.d.ts

@@ -0,0 +1,63 @@
+import * as React from "react";
+import { IconButtonProps, StandardProps } from "@material-ui/core";
+import { ListValueProp } from "../List";
+
+export interface HvDropDownMenuProps
+  extends StandardProps<IconButtonProps, HvDropDownMenuClassKey, "onClick"> {
+  /**
+   * Icon.
+   */
+  icon?: React.ReactNode;
+  /**
+   * A list containing the elements to be rendered.
+   *
+   * - label: The label of the element to be rendered.
+   * - selected: The selection state of the element.
+   * - disabled: The disabled state of the element.
+   * - iconCallback: The icon node to be rendered on the left.
+   * - showNavIcon: If true renders the navigation icon on the right.
+   */
+  dataList: ListValueProp[];
+  /**
+   * Placement of the dropdown.
+   */
+  placement?: "left" | "right";
+  /**
+   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.
+   */
+  disablePortal?: boolean;
+  /**
+   * Function executed on toggle of the dropdown. Should receive the open status.
+   */
+  onToggleOpen?: (open: boolean) => void;
+  /**
+   * Function executed in each onClick. Should received the clicked element.
+   */
+  onClick?: (event: MouseEvent, item: ListValueProp) => void;
+  /**
+   * Keep the Dropdown Menu opened after clicking one option
+   */
+  keepOpened?: boolean;
+  /**
+   * Defines if the component is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * If true it should be displayed open.
+   */
+  expanded?: boolean;
+}
+
+export type HvDropDownMenuClassKey =
+  | "root"
+  | "popper"
+  | "icon"
+  | "iconSelected"
+  | "menuList"
+  | "inputExtensionOpen"
+  | "inputExtensionOpenShadow"
+  | "inputExtensionFloatRight"
+  | "inputExtensionFloatLeft"
+  | "inputExtensionLeftPosition";
+
+export default function HvDropDownMenu(props: HvDropDownMenuProps): JSX.Element | null;

package/dist/legacy/DropDownMenu/DropDownMenu.js

@@ -0,0 +1,326 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "classes", "className", "icon", "placement", "dataList", "disablePortal", "onToggleOpen", "onClick", "keepOpened", "disabled", "expanded", "popperProps"];
+import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.string.iterator.js";
+import React, { useEffect, useRef, useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { IconButton, Popper, withStyles } from "@material-ui/core";
+import OutsideClickHandler from "react-outside-click-handler";
+import { MoreOptionsVertical as MoreVert } from "@hitachivantara/uikit-react-icons";
+import { isKeypress, KeyboardCodes } from "../utils";
+import List from "../List";
+import { getPrevNextFocus, setId } from "..";
+import styles from "./styles";
+import withId from "../withId";
+/**
+ * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose one value from a list.
+ */
+
+var DropDownMenu = function DropDownMenu(_ref) {
+  var id = _ref.id,
+      classes = _ref.classes,
+      className = _ref.className,
+      icon = _ref.icon,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? "right" : _ref$placement,
+      dataList = _ref.dataList,
+      _ref$disablePortal = _ref.disablePortal,
+      disablePortal = _ref$disablePortal === void 0 ? false : _ref$disablePortal,
+      onToggleOpen = _ref.onToggleOpen,
+      _onClick = _ref.onClick,
+      _ref$keepOpened = _ref.keepOpened,
+      keepOpened = _ref$keepOpened === void 0 ? true : _ref$keepOpened,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$expanded = _ref.expanded,
+      expanded = _ref$expanded === void 0 ? false : _ref$expanded,
+      popperProps = _ref.popperProps,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var didMountRef = useRef(false);
+
+  var _useState = useState(expanded && !disabled),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      positionUp = _useState4[0],
+      setPositionUp = _useState4[1];
+
+  var anchorRef = React.useRef(null);
+  var listContainerRef = React.useRef(null);
+  var focusNodes = getPrevNextFocus(setId(id, "icon-button"));
+
+  var getFirstListItem = function getFirstListItem() {
+    return listContainerRef !== null && listContainerRef !== void 0 && listContainerRef.current ? Array.from(listContainerRef.current.getElementsByTagName("li"))[0] : undefined;
+  };
+
+  var handleFocusOnToggle = function handleFocusOnToggle() {
+    if (open) {
+      setTimeout(function () {
+        var itemToFocus = getFirstListItem();
+        itemToFocus === null || itemToFocus === void 0 ? void 0 : itemToFocus.focus();
+      });
+    } else {
+      setTimeout(function () {
+        anchorRef.current.focus();
+      });
+    }
+  };
+
+  useEffect(function () {
+    if (didMountRef.current) {
+      handleFocusOnToggle();
+      onToggleOpen === null || onToggleOpen === void 0 ? void 0 : onToggleOpen(open);
+    } else {
+      didMountRef.current = true;
+    }
+  }, [open, onToggleOpen]);
+  useEffect(function () {
+    if (expanded !== open) {
+      setOpen(expanded && !disabled);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [expanded, disabled]);
+
+  var handleToggle = function handleToggle() {
+    setOpen(function (prevOpen) {
+      return !prevOpen;
+    });
+  };
+
+  var handleClose = function handleClose(event) {
+    var _anchorRef$current;
+
+    var isButtonClick = (_anchorRef$current = anchorRef.current) === null || _anchorRef$current === void 0 ? void 0 : _anchorRef$current.contains(event.target);
+
+    if (!isButtonClick) {
+      setOpen(false);
+    }
+  }; // If the ESCAPE key is pressed the close handler must be called.
+
+
+  var handleKeyDown = function handleKeyDown(event) {
+    if (isKeypress(event, KeyboardCodes.Esc)) {
+      handleClose(event);
+    }
+
+    if (isKeypress(event, KeyboardCodes.Tab)) {
+      var node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;
+      if (node) setTimeout(function () {
+        return node.focus();
+      }, 0);
+      handleToggle(event);
+    }
+
+    event.preventDefault();
+  };
+
+  var handleKeyboardToggle = function handleKeyboardToggle(event) {
+    if (isKeypress(event, KeyboardCodes.SpaceBar) || isKeypress(event, KeyboardCodes.Enter) || isKeypress(event, KeyboardCodes.ArrowDown) && !open || isKeypress(event, KeyboardCodes.ArrowUp) && open) {
+      handleToggle(event);
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  };
+
+  var handleListFlip = function handleListFlip(data) {
+    var position = data.flipped;
+
+    if (positionUp !== position) {
+      setPositionUp(position);
+    }
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    id: id,
+    className: clsx(className, classes.root)
+  }, /*#__PURE__*/React.createElement(IconButton, _extends({
+    id: setId(id, "icon-button"),
+    buttonRef: anchorRef,
+    "aria-label": "Dropdown menu",
+    "aria-controls": open ? "".concat(id) : undefined,
+    "aria-haspopup": "true",
+    "aria-expanded": open ? true : undefined,
+    onClick: handleToggle,
+    onKeyDown: handleKeyboardToggle,
+    className: clsx(classes.icon, open && classes.iconSelected),
+    disabled: disabled
+  }, others), icon || /*#__PURE__*/React.createElement(MoreVert, {
+    color: disabled ? "atmo7" : undefined
+  })), /*#__PURE__*/React.createElement(Popper, _extends({
+    className: classes.popper,
+    disablePortal: disablePortal,
+    open: open,
+    anchorEl: anchorRef.current,
+    placement: "bottom-".concat(placement === "left" ? "end" : "start"),
+    popperOptions: {
+      onUpdate: function onUpdate(data) {
+        return handleListFlip(data);
+      },
+      onCreate: function onCreate(data) {
+        return handleListFlip(data);
+      }
+    }
+  }, popperProps), /*#__PURE__*/React.createElement(OutsideClickHandler, {
+    onOutsideClick: handleClose
+  }, /*#__PURE__*/React.createElement("div", null, !positionUp && /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.inputExtensionOpen, placement === "left" && classes.inputExtensionLeftPosition)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classes.menuList,
+    onKeyDown: handleKeyDown,
+    ref: listContainerRef
+  }, /*#__PURE__*/React.createElement(List, {
+    id: setId(id, "list"),
+    values: dataList,
+    selectable: false,
+    condensed: true,
+    onClick: function onClick(event, item) {
+      if (!keepOpened) setOpen(false);
+      _onClick === null || _onClick === void 0 ? void 0 : _onClick(event, item);
+    }
+  })), positionUp && /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, {
+      "right": classes.inputExtensionFloatRight,
+      "left": classes.inputExtensionFloatLeft
+    }[placement])
+  })))));
+};
+
+process.env.NODE_ENV !== "production" ? DropDownMenu.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root of the component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the popper.
+     */
+    popper: PropTypes.string,
+
+    /**
+     * Styles applied to the icon.
+     */
+    icon: PropTypes.string,
+
+    /**
+     * Styles applied to the icon when selected.
+     */
+    iconSelected: PropTypes.string,
+
+    /**
+     * Styles applied to the list.
+     */
+    menuList: PropTypes.string,
+
+    /**
+     * Styles applied to the extension of the button.
+     */
+    inputExtensionOpen: PropTypes.string,
+
+    /**
+     * Styles applied to the extension shadow.
+     */
+    inputExtensionOpenShadow: PropTypes.string,
+
+    /**
+     * Styles applied to the extension to go right when open down.
+     */
+    inputExtensionFloatRight: PropTypes.string,
+
+    /**
+     * Styles applied to the extension to go right when open up.
+     */
+    inputExtensionFloatLeft: PropTypes.string,
+
+    /**
+     * Styles applied to the extension to go left when open up.
+     */
+    inputExtensionLeftPosition: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Icon.
+   */
+  icon: PropTypes.element,
+
+  /**
+   * A list containing the elements to be rendered.
+   *
+   * - label: The label of the element to be rendered.
+   * - selected: The selection state of the element.
+   * - disabled: The disabled state of the element.
+   * - iconCallback: The icon node to be rendered on the left.
+   * - showNavIcon: If true renders the navigation icon on the right.
+   */
+  dataList: PropTypes.arrayOf(PropTypes.shape({
+    label: PropTypes.string.isRequired,
+    selected: PropTypes.bool,
+    disabled: PropTypes.bool,
+    iconCallback: PropTypes.func,
+    showNavIcon: PropTypes.bool
+  })).isRequired,
+
+  /**
+   * Placement of the dropdown.
+   */
+  placement: PropTypes.oneOf(["left", "right"]),
+
+  /**
+   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.
+   */
+  disablePortal: PropTypes.bool,
+
+  /**
+   * Function executed on toggle of the dropdown. Should receive the open status.
+   */
+  onToggleOpen: PropTypes.func,
+
+  /**
+   * Function executed in each onClick. Should received the clicked element.
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * Keep the Dropdown Menu opened after clicking one option
+   */
+  keepOpened: PropTypes.bool,
+
+  /**
+   * Defines if the component is disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * If true it should be displayed open.
+   */
+  expanded: PropTypes.bool,
+
+  /**
+   *
+   */
+  popperProps: PropTypes.instanceOf(Object)
+} : void 0;
+export default withStyles(styles, {
+  name: "HvDropDownMenu"
+})(withId(DropDownMenu));
+//# sourceMappingURL=DropDownMenu.js.map