@hitachivantara/uikit-react-lab 3.38.0 → 3.39.0

package/dist/legacy/TimePicker/UnitTimePicker/UnitTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/TimePicker/UnitTimePicker/UnitTimePicker.js"],"names":["React","useState","PropTypes","clsx","HvInput","isKeypress","KeyboardCodes","DropDownXS","SubtractTimeIcon","DropUpXS","AddTimeIcon","isUnitTimeInValidRange","padTime","TimePickerUnits","UnitTimePicker","props","classes","id","placeholder","unit","unitValue","onChangeUnitTimeValue","minValue","min","maxValue","max","currentValue","setCurrentValue","isFocused","setIsFocused","isValid","setIsValid","changeTimeUnit","value","callback","handleCurrentValueChange","event","unitTime","Number","toString","length","handleFocusChange","handleOnBlur","handleKeyPressed","Enter","handleAddTime","newUnitTime","handleSubtractTime","renderTimeUnit","unitTimeContainer","input","unitTimeInput","root","inputContainer","inputBorderContainer","inputRoot","unitTimeInputRoot","autoComplete","type","subtractIcon","propTypes","string","instanceOf","Object","isRequired","oneOf","HOUR_24","HOUR_12","MINUTE","SECOND","number","func"],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { HvInput, isKeypress, KeyboardCodes } from \"@hitachivantara/uikit-react-core\";\nimport {\n  DropDownXS as SubtractTimeIcon,\n  DropUpXS as AddTimeIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { isUnitTimeInValidRange } from \"../timePickerUtils\";\nimport { padTime } from \"../timePickerFormatter\";\nimport { TimePickerUnits } from \"../enums\";\n\nconst UnitTimePicker = (props) => {\n  const { classes, id, placeholder, unit, unitValue, onChangeUnitTimeValue } = props;\n\n  const minValue = TimePickerUnits[unit].min;\n  const maxValue = TimePickerUnits[unit].max;\n\n  const [currentValue, setCurrentValue] = useState(unitValue ?? \"\");\n  const [isFocused, setIsFocused] = useState(false);\n  const [isValid, setIsValid] = useState(true);\n\n  /**\n   * Changes the time unit value in the state.\n   *\n   * @param {Number} value - new time unit value\n   * @memberof UnitTimePicker\n   */\n  const changeTimeUnit = (value, callback = false) => {\n    setCurrentValue(value);\n    setIsValid(isUnitTimeInValidRange(value, unit));\n\n    if (callback) {\n      onChangeUnitTimeValue(value !== \"\" ? value : null);\n    }\n  };\n\n  /**\n   * Handles the unit time value change when it is done through a change on the input.\n   * It only reflects on the state if the number of digits is between 0 and 2   *\n   * @param event - event\n   * @param value - new unit time value\n   * @memberof UnitTimePicker\n   */\n  const handleCurrentValueChange = (event, value) => {\n    const unitTime = value === \"\" ? value : Number(value);\n    if (unitTime.toString().length <= 2) {\n      changeTimeUnit(unitTime);\n    }\n  };\n\n  /**\n   * Handles the change on the focus of the input\n   * @memberof UnitTimePicker\n   */\n  const handleFocusChange = () => {\n    setIsFocused(true);\n  };\n\n  const handleOnBlur = () => {\n    setIsFocused(false);\n\n    onChangeUnitTimeValue(currentValue !== \"\" ? currentValue : null);\n  };\n\n  const handleKeyPressed = (event) => {\n    if (isKeypress(event, KeyboardCodes.Enter)) {\n      onChangeUnitTimeValue(currentValue !== \"\" ? currentValue : null);\n    }\n  };\n\n  /**\n   * Handles the action to increase the unit time value\n   * If the new value surpasses the max allowed, it updates the time to the min value.\n   * @memberof UnitTimePicker\n   */\n  const handleAddTime = () => {\n    let newUnitTime = currentValue === \"\" ? minValue : currentValue + 1;\n    if (newUnitTime < minValue) {\n      newUnitTime = minValue;\n    } else if (newUnitTime > maxValue) {\n      newUnitTime = minValue;\n    }\n    changeTimeUnit(newUnitTime, true);\n  };\n\n  /**\n   * Handles the action to decrease the unit time value\n   * If the new value goes below the min allowed, it updates the time to the max value.\n   * @memberof UnitTimePicker\n   */\n  const handleSubtractTime = () => {\n    let newUnitTime = currentValue === \"\" ? maxValue : currentValue - 1;\n    if (newUnitTime < minValue) {\n      newUnitTime = maxValue;\n    } else if (newUnitTime > maxValue) {\n      newUnitTime = maxValue;\n    }\n    changeTimeUnit(newUnitTime, true);\n  };\n\n  /**\n   * Renderers\n   */\n\n  /**\n   * Renders the time unit value input in the correct format\n   * @memberof UnitTimePicker\n   */\n  const renderTimeUnit = () => {\n    return isFocused ? currentValue.toString() : padTime(currentValue).toString();\n  };\n\n  return (\n    <div className={classes.unitTimeContainer}>\n      <AddTimeIcon onClick={handleAddTime} />\n      <HvInput\n        id={id}\n        disableClear\n        classes={{\n          input: classes.unitTimeInput,\n          root: classes.inputContainer,\n          inputBorderContainer: classes.inputBorderContainer,\n          inputRoot: clsx(classes.unitTimeInputRoot),\n        }}\n        required\n        status={isValid ? \"valid\" : \"invalid\"}\n        value={currentValue !== \"\" ? renderTimeUnit() : \"\"}\n        onChange={handleCurrentValueChange}\n        onFocus={handleFocusChange}\n        onBlur={handleOnBlur}\n        onKeyDown={handleKeyPressed}\n        placeholder={placeholder}\n        inputProps={{\n          autoComplete: \"off\",\n          type: \"number\",\n          min: TimePickerUnits[unit].min,\n          max: TimePickerUnits[unit].max,\n        }}\n      />\n      <SubtractTimeIcon className={classes.subtractIcon} onClick={handleSubtractTime} />\n    </div>\n  );\n};\n\nUnitTimePicker.propTypes = {\n  /**\n   * Id to be applied to the input node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The placeholder when empty.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Type of Unit time picker (hour, minute or second)\n   */\n  unit: PropTypes.oneOf([\n    TimePickerUnits.HOUR_24.type,\n    TimePickerUnits.HOUR_12.type,\n    TimePickerUnits.MINUTE.type,\n    TimePickerUnits.SECOND.type,\n  ]).isRequired,\n  /**\n   * Default unit time value\n   */\n  unitValue: PropTypes.number,\n  /**\n   * Callback function called when the unit time value changes\n   */\n  onChangeUnitTimeValue: PropTypes.func.isRequired,\n};\n\nexport default UnitTimePicker;\n"],"file":"UnitTimePicker.js"}
+{"version":3,"sources":["../../../../src/TimePicker/UnitTimePicker/UnitTimePicker.js"],"names":["React","useState","PropTypes","clsx","HvInput","isKeypress","KeyboardCodes","DropDownXS","SubtractTimeIcon","DropUpXS","AddTimeIcon","isUnitTimeInValidRange","padTime","TimePickerUnits","UnitTimePicker","props","classes","id","placeholder","unit","unitValue","onChangeUnitTimeValue","minValue","min","maxValue","max","currentValue","setCurrentValue","isFocused","setIsFocused","isValid","setIsValid","changeTimeUnit","value","callback","handleCurrentValueChange","event","unitTime","Number","toString","length","handleFocusChange","handleOnBlur","handleKeyPressed","Enter","handleAddTime","newUnitTime","handleSubtractTime","renderTimeUnit","unitTimeContainer","input","unitTimeInput","root","inputContainer","inputBorderContainer","inputRoot","unitTimeInputRoot","autoComplete","type","subtractIcon","propTypes","string","instanceOf","Object","isRequired","oneOf","HOUR_24","HOUR_12","MINUTE","SECOND","number","func"],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { HvInput, isKeypress, KeyboardCodes } from \"@hitachivantara/uikit-react-core\";\nimport {\n  DropDownXS as SubtractTimeIcon,\n  DropUpXS as AddTimeIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { isUnitTimeInValidRange } from \"../timePickerUtils\";\nimport { padTime } from \"../timePickerFormatter\";\nimport { TimePickerUnits } from \"../enums\";\n\nconst UnitTimePicker = (props) => {\n  const { classes, id, placeholder, unit, unitValue, onChangeUnitTimeValue } = props;\n\n  const minValue = TimePickerUnits[unit].min;\n  const maxValue = TimePickerUnits[unit].max;\n\n  const [currentValue, setCurrentValue] = useState(unitValue ?? \"\");\n  const [isFocused, setIsFocused] = useState(false);\n  const [isValid, setIsValid] = useState(true);\n\n  /**\n   * Changes the time unit value in the state.\n   *\n   * @param {Number} value - new time unit value\n   * @memberof UnitTimePicker\n   */\n  const changeTimeUnit = (value, callback = false) => {\n    setCurrentValue(value);\n    setIsValid(isUnitTimeInValidRange(value, unit));\n\n    if (callback) {\n      onChangeUnitTimeValue(value !== \"\" ? value : null);\n    }\n  };\n\n  /**\n   * Handles the unit time value change when it is done through a change on the input.\n   * It only reflects on the state if the number of digits is between 0 and 2   *\n   * @param event - event\n   * @param value - new unit time value\n   * @memberof UnitTimePicker\n   */\n  const handleCurrentValueChange = (event, value) => {\n    const unitTime = value === \"\" ? value : Number(value);\n    if (unitTime.toString().length <= 2) {\n      changeTimeUnit(unitTime);\n    }\n  };\n\n  /**\n   * Handles the change on the focus of the input\n   * @memberof UnitTimePicker\n   */\n  const handleFocusChange = () => {\n    setIsFocused(true);\n  };\n\n  const handleOnBlur = () => {\n    setIsFocused(false);\n\n    onChangeUnitTimeValue(currentValue !== \"\" ? currentValue : null);\n  };\n\n  const handleKeyPressed = (event) => {\n    if (isKeypress(event, KeyboardCodes.Enter)) {\n      onChangeUnitTimeValue(currentValue !== \"\" ? currentValue : null);\n    }\n  };\n\n  /**\n   * Handles the action to increase the unit time value\n   * If the new value surpasses the max allowed, it updates the time to the min value.\n   * @memberof UnitTimePicker\n   */\n  const handleAddTime = () => {\n    let newUnitTime = currentValue === \"\" ? minValue : currentValue + 1;\n    if (newUnitTime < minValue) {\n      newUnitTime = minValue;\n    } else if (newUnitTime > maxValue) {\n      newUnitTime = minValue;\n    }\n    changeTimeUnit(newUnitTime, true);\n  };\n\n  /**\n   * Handles the action to decrease the unit time value\n   * If the new value goes below the min allowed, it updates the time to the max value.\n   * @memberof UnitTimePicker\n   */\n  const handleSubtractTime = () => {\n    let newUnitTime = currentValue === \"\" ? maxValue : currentValue - 1;\n    if (newUnitTime < minValue) {\n      newUnitTime = maxValue;\n    } else if (newUnitTime > maxValue) {\n      newUnitTime = maxValue;\n    }\n    changeTimeUnit(newUnitTime, true);\n  };\n\n  /**\n   * Renderers\n   */\n\n  /**\n   * Renders the time unit value input in the correct format\n   * @memberof UnitTimePicker\n   */\n  const renderTimeUnit = () => {\n    return isFocused ? currentValue.toString() : padTime(currentValue).toString();\n  };\n\n  return (\n    <div className={classes.unitTimeContainer}>\n      <AddTimeIcon onClick={handleAddTime} />\n      <HvInput\n        id={id}\n        disableClear\n        classes={{\n          input: classes.unitTimeInput,\n          root: classes.inputContainer,\n          inputBorderContainer: classes.inputBorderContainer,\n          inputRoot: clsx(classes.unitTimeInputRoot),\n        }}\n        required\n        status={isValid ? \"valid\" : \"invalid\"}\n        value={currentValue !== \"\" ? renderTimeUnit() : \"\"}\n        onChange={handleCurrentValueChange}\n        onFocus={handleFocusChange}\n        onBlur={handleOnBlur}\n        onKeyDown={handleKeyPressed}\n        placeholder={placeholder}\n        inputProps={{\n          autoComplete: \"off\",\n          type: \"number\",\n          min: TimePickerUnits[unit].min,\n          max: TimePickerUnits[unit].max,\n        }}\n      />\n      <SubtractTimeIcon className={classes.subtractIcon} onClick={handleSubtractTime} />\n    </div>\n  );\n};\n\nUnitTimePicker.propTypes = {\n  /**\n   * Id to be applied to the input node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the input/popper\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The placeholder when empty.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Type of Unit time picker (hour, minute or second)\n   */\n  unit: PropTypes.oneOf([\n    TimePickerUnits.HOUR_24.type,\n    TimePickerUnits.HOUR_12.type,\n    TimePickerUnits.MINUTE.type,\n    TimePickerUnits.SECOND.type,\n  ]).isRequired,\n  /**\n   * Default unit time value\n   */\n  unitValue: PropTypes.number,\n  /**\n   * Callback function called when the unit time value changes\n   */\n  onChangeUnitTimeValue: PropTypes.func.isRequired,\n};\n\nexport default UnitTimePicker;\n"],"file":"UnitTimePicker.js"}

package/dist/modern/AppSwitcherPanel/Action/Action.js

@@ -113,7 +113,7 @@ const Action = props => {
   })))));
 };
 
-Action.propTypes = {
+process.env.NODE_ENV !== "production" ? Action.propTypes = {
   /**
    * Identifier to be applied to the root element.
    */
@@ -205,7 +205,7 @@ Action.propTypes = {
    * Must return a boolean stating if the action element is selected or not.
    */
   isSelectedCallback: PropTypes.func
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvAppSwitcherPanelAction"
 })(Action);

package/dist/modern/AppSwitcherPanel/Action/Action.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/AppSwitcherPanel/Action/Action.js"],"names":["React","useState","PropTypes","clsx","useTheme","withStyles","HvTypography","HvAvatar","HvTooltip","HvListItem","Info","styles","TitleWithTooltip","getColor","theme","color","defaultColor","palette","Action","props","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","hv","atmosphere","atmo5","accent","acce1","validIconUrl","setValidIconUrl","renderApplicationIcon","brokenTitle","split","initials","substring","isSelected","handleOnClick","event","preventDefault","isLink","root","selected","undefined","typography","borderColor","icon","title","iconInfo","propTypes","string","shape","isRequired","element","oneOf","bool","func"],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { useTheme, withStyles } from \"@material-ui/core\";\n\nimport { HvTypography, HvAvatar, HvTooltip, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"../TitleWithTooltip\";\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\n\nconst Action = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    application,\n    onClickCallback = () => {},\n    isSelectedCallback = () => false,\n  } = props;\n\n  const { name, description, disabled, iconElement, iconUrl, url, target } = application;\n\n  const theme = useTheme();\n  const color = disabled\n    ? theme.hv.palette.atmosphere.atmo5\n    : getColor(theme, application.color, theme.hv.palette.accent.acce1);\n\n  const [validIconUrl, setValidIconUrl] = useState(true);\n\n  const renderApplicationIcon = () => {\n    if (iconElement) {\n      return iconElement;\n    }\n\n    if (iconUrl && validIconUrl) {\n      return (\n        // eslint-disable-next-line jsx-a11y/alt-text\n        <img\n          className={classes.iconUrl}\n          src={iconUrl}\n          onError={() => {\n            setValidIconUrl(false);\n          }}\n        />\n      );\n    }\n\n    const brokenTitle = name.split(\" \");\n    const initials =\n      brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n    return (\n      <HvAvatar size=\"S\" backgroundColor={color} variant=\"square\">\n        {initials}\n      </HvAvatar>\n    );\n  };\n\n  const isSelected = isSelectedCallback(application);\n\n  /**\n   * Handles the onClick event and triggers the appropriate callback if it exists.\n   */\n  const handleOnClick = (event) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClickCallback?.(event, { ...application, isSelected });\n  };\n\n  const isLink = url != null;\n\n  return (\n    <HvListItem\n      id={id}\n      interactive\n      tabIndex={0}\n      selected={isSelected}\n      disabled={disabled}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.selected]: isSelected,\n      })}\n    >\n      <HvTypography\n        component={isLink ? \"a\" : \"button\"}\n        href={isLink ? url : undefined}\n        target={isLink ? target || \"_top\" : undefined}\n        className={classes.typography}\n        onClick={handleOnClick}\n        style={{ borderColor: color }}\n      >\n        <div className={classes.icon}>{renderApplicationIcon()}</div>\n\n        <TitleWithTooltip title={name} className={classes.title} />\n\n        {description && (\n          <HvTooltip\n            disableFocusListener\n            disableTouchListener\n            title={<HvTypography>{description}</HvTypography>}\n          >\n            <div>\n              <Info className={classes.iconInfo} />\n            </div>\n          </HvTooltip>\n        )}\n      </HvTypography>\n    </HvListItem>\n  );\n};\n\nAction.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    disabled: PropTypes.string,\n    typography: PropTypes.string,\n    selected: PropTypes.string,\n    icon: PropTypes.string,\n    iconUrl: PropTypes.string,\n    title: PropTypes.string,\n    iconInfo: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * The application data to be used to render the Action object.\n   */\n  application: PropTypes.shape({\n    /**\n     * Id of the application.\n     */\n    id: PropTypes.string,\n    /**\n     * Name of the application, this is the value that will be displayed on the component.\n     */\n    name: PropTypes.string.isRequired,\n    /**\n     * The color to be applied to the item's border and to the default icon.\n     * You can use either an HEX or color name from the palette.\n     */\n    color: PropTypes.string,\n    /**\n     * URL with the icon location to be used to represent the application.\n     * iconUrl will only be used if no iconElement is provided.\n     */\n    iconUrl: PropTypes.string,\n    /**\n     * Element to be added as the icon representing the application.\n     * The iconElement will be the primary option to be displayed.\n     */\n    iconElement: PropTypes.element,\n    /**\n     * Small description of the application.\n     */\n    description: PropTypes.string,\n    /**\n     *  URL where the application is accessible.\n     */\n    url: PropTypes.string,\n    /**\n     * Defines if the application should be opened in the same tab or in a new one.\n     */\n    target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n    /**\n     * If true, the item will be disabled.\n     */\n    disabled: PropTypes.bool,\n    /**\n     * True when the application is selected, false otherwise.\n     */\n    isSelected: PropTypes.bool,\n  }).isRequired,\n\n  /**\n   * Callback triggered when the action is clicked.\n   */\n  onClickCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isSelectedCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanelAction\" })(Action);\n"],"file":"Action.js"}
+{"version":3,"sources":["../../../../src/AppSwitcherPanel/Action/Action.js"],"names":["React","useState","PropTypes","clsx","useTheme","withStyles","HvTypography","HvAvatar","HvTooltip","HvListItem","Info","styles","TitleWithTooltip","getColor","theme","color","defaultColor","palette","Action","props","id","className","classes","application","onClickCallback","isSelectedCallback","name","description","disabled","iconElement","iconUrl","url","target","hv","atmosphere","atmo5","accent","acce1","validIconUrl","setValidIconUrl","renderApplicationIcon","brokenTitle","split","initials","substring","isSelected","handleOnClick","event","preventDefault","isLink","root","selected","undefined","typography","borderColor","icon","title","iconInfo","propTypes","string","shape","isRequired","element","oneOf","bool","func"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,QAAT,EAAmBC,UAAnB,QAAqC,mBAArC;AAEA,SAASC,YAAT,EAAuBC,QAAvB,EAAiCC,SAAjC,EAA4CC,UAA5C,QAA8D,kCAA9D;AACA,SAASC,IAAT,QAAqB,mCAArB;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,OAAOC,gBAAP,MAA6B,qBAA7B;;AAEA,MAAMC,QAAQ,GAAG,CAACC,KAAD,EAAQC,KAAR,EAAeC,YAAf,KAAgCF,KAAK,CAACG,OAAN,CAAcF,KAAd,KAAwBA,KAAxB,IAAiCC,YAAlF;;AAEA,MAAME,MAAM,GAAIC,KAAD,IAAW;AACxB,QAAM;AACJC,IAAAA,EADI;AAEJC,IAAAA,SAFI;AAGJC,IAAAA,OAHI;AAIJC,IAAAA,WAJI;AAKJC,IAAAA,eAAe,GAAG,MAAM,CAAE,CALtB;AAMJC,IAAAA,kBAAkB,GAAG,MAAM;AANvB,MAOFN,KAPJ;AASA,QAAM;AAAEO,IAAAA,IAAF;AAAQC,IAAAA,WAAR;AAAqBC,IAAAA,QAArB;AAA+BC,IAAAA,WAA/B;AAA4CC,IAAAA,OAA5C;AAAqDC,IAAAA,GAArD;AAA0DC,IAAAA;AAA1D,MAAqET,WAA3E;AAEA,QAAMT,KAAK,GAAGV,QAAQ,EAAtB;AACA,QAAMW,KAAK,GAAGa,QAAQ,GAClBd,KAAK,CAACmB,EAAN,CAAShB,OAAT,CAAiBiB,UAAjB,CAA4BC,KADV,GAElBtB,QAAQ,CAACC,KAAD,EAAQS,WAAW,CAACR,KAApB,EAA2BD,KAAK,CAACmB,EAAN,CAAShB,OAAT,CAAiBmB,MAAjB,CAAwBC,KAAnD,CAFZ;AAIA,QAAM,CAACC,YAAD,EAAeC,eAAf,IAAkCtC,QAAQ,CAAC,IAAD,CAAhD;;AAEA,QAAMuC,qBAAqB,GAAG,MAAM;AAClC,QAAIX,WAAJ,EAAiB;AACf,aAAOA,WAAP;AACD;;AAED,QAAIC,OAAO,IAAIQ,YAAf,EAA6B;AAC3B;AAAA;AACE;AACA;AACE,UAAA,SAAS,EAAEhB,OAAO,CAACQ,OADrB;AAEE,UAAA,GAAG,EAAEA,OAFP;AAGE,UAAA,OAAO,EAAE,MAAM;AACbS,YAAAA,eAAe,CAAC,KAAD,CAAf;AACD;AALH;AAFF;AAUD;;AAED,UAAME,WAAW,GAAGf,IAAI,CAACgB,KAAL,CAAW,GAAX,CAApB;AACA,UAAMC,QAAQ,GACZF,WAAW,CAAC,CAAD,CAAX,CAAeG,SAAf,CAAyB,CAAzB,EAA4B,CAA5B,KAAkCH,WAAW,CAAC,CAAD,CAAX,GAAiBA,WAAW,CAAC,CAAD,CAAX,CAAeG,SAAf,CAAyB,CAAzB,EAA4B,CAA5B,CAAjB,GAAkD,EAApF,CADF;AAGA,wBACE,oBAAC,QAAD;AAAU,MAAA,IAAI,EAAC,GAAf;AAAmB,MAAA,eAAe,EAAE7B,KAApC;AAA2C,MAAA,OAAO,EAAC;AAAnD,OACG4B,QADH,CADF;AAKD,GA3BD;;AA6BA,QAAME,UAAU,GAAGpB,kBAAkB,CAACF,WAAD,CAArC;AAEA;AACF;AACA;;AACE,QAAMuB,aAAa,GAAIC,KAAD,IAAW;AAC/B,QAAInB,QAAJ,EAAc;AACZmB,MAAAA,KAAK,CAACC,cAAN;AACA;AACD;;AAEDxB,IAAAA,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGuB,KAAH,kCAAexB,WAAf;AAA4BsB,MAAAA;AAA5B,OAAf;AACD,GAPD;;AASA,QAAMI,MAAM,GAAGlB,GAAG,IAAI,IAAtB;AAEA,sBACE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAEX,EADN;AAEE,IAAA,WAAW,MAFb;AAGE,IAAA,QAAQ,EAAE,CAHZ;AAIE,IAAA,QAAQ,EAAEyB,UAJZ;AAKE,IAAA,QAAQ,EAAEjB,QALZ;AAME,IAAA,SAAS,EAAEzB,IAAI,CAACkB,SAAD,EAAYC,OAAO,CAAC4B,IAApB,EACOtB,QADP,IACZN,OAAO,CAACM,QADI,EAEOiB,UAFP,IAEZvB,OAAO,CAAC6B,QAFI;AANjB,kBAWE,oBAAC,YAAD;AACE,IAAA,SAAS,EAAEF,MAAM,GAAG,GAAH,GAAS,QAD5B;AAEE,IAAA,IAAI,EAAEA,MAAM,GAAGlB,GAAH,GAASqB,SAFvB;AAGE,IAAA,MAAM,EAAEH,MAAM,GAAGjB,MAAM,IAAI,MAAb,GAAsBoB,SAHtC;AAIE,IAAA,SAAS,EAAE9B,OAAO,CAAC+B,UAJrB;AAKE,IAAA,OAAO,EAAEP,aALX;AAME,IAAA,KAAK,EAAE;AAAEQ,MAAAA,WAAW,EAAEvC;AAAf;AANT,kBAQE;AAAK,IAAA,SAAS,EAAEO,OAAO,CAACiC;AAAxB,KAA+Bf,qBAAqB,EAApD,CARF,eAUE,oBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAEd,IAAzB;AAA+B,IAAA,SAAS,EAAEJ,OAAO,CAACkC;AAAlD,IAVF,EAYG7B,WAAW,iBACV,oBAAC,SAAD;AACE,IAAA,oBAAoB,MADtB;AAEE,IAAA,oBAAoB,MAFtB;AAGE,IAAA,KAAK,eAAE,oBAAC,YAAD,QAAeA,WAAf;AAHT,kBAKE,8CACE,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEL,OAAO,CAACmC;AAAzB,IADF,CALF,CAbJ,CAXF,CADF;AAsCD,CAtGD;;AAwGA,wCAAAvC,MAAM,CAACwC,SAAP,GAAmB;AACjB;AACF;AACA;AACEtC,EAAAA,EAAE,EAAElB,SAAS,CAACyD,MAJG;;AAMjB;AACF;AACA;AACEtC,EAAAA,SAAS,EAAEnB,SAAS,CAACyD,MATJ;;AAUjB;AACF;AACA;AACErC,EAAAA,OAAO,EAAEpB,SAAS,CAAC0D,KAAV,CAAgB;AACvBV,IAAAA,IAAI,EAAEhD,SAAS,CAACyD,MADO;AAEvB/B,IAAAA,QAAQ,EAAE1B,SAAS,CAACyD,MAFG;AAGvBN,IAAAA,UAAU,EAAEnD,SAAS,CAACyD,MAHC;AAIvBR,IAAAA,QAAQ,EAAEjD,SAAS,CAACyD,MAJG;AAKvBJ,IAAAA,IAAI,EAAErD,SAAS,CAACyD,MALO;AAMvB7B,IAAAA,OAAO,EAAE5B,SAAS,CAACyD,MANI;AAOvBH,IAAAA,KAAK,EAAEtD,SAAS,CAACyD,MAPM;AAQvBF,IAAAA,QAAQ,EAAEvD,SAAS,CAACyD;AARG,GAAhB,EASNE,UAtBc;;AAwBjB;AACF;AACA;AACEtC,EAAAA,WAAW,EAAErB,SAAS,CAAC0D,KAAV,CAAgB;AAC3B;AACJ;AACA;AACIxC,IAAAA,EAAE,EAAElB,SAAS,CAACyD,MAJa;;AAK3B;AACJ;AACA;AACIjC,IAAAA,IAAI,EAAExB,SAAS,CAACyD,MAAV,CAAiBE,UARI;;AAS3B;AACJ;AACA;AACA;AACI9C,IAAAA,KAAK,EAAEb,SAAS,CAACyD,MAbU;;AAc3B;AACJ;AACA;AACA;AACI7B,IAAAA,OAAO,EAAE5B,SAAS,CAACyD,MAlBQ;;AAmB3B;AACJ;AACA;AACA;AACI9B,IAAAA,WAAW,EAAE3B,SAAS,CAAC4D,OAvBI;;AAwB3B;AACJ;AACA;AACInC,IAAAA,WAAW,EAAEzB,SAAS,CAACyD,MA3BI;;AA4B3B;AACJ;AACA;AACI5B,IAAAA,GAAG,EAAE7B,SAAS,CAACyD,MA/BY;;AAgC3B;AACJ;AACA;AACI3B,IAAAA,MAAM,EAAE9B,SAAS,CAAC6D,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,CAAhB,CAnCmB;;AAoC3B;AACJ;AACA;AACInC,IAAAA,QAAQ,EAAE1B,SAAS,CAAC8D,IAvCO;;AAwC3B;AACJ;AACA;AACInB,IAAAA,UAAU,EAAE3C,SAAS,CAAC8D;AA3CK,GAAhB,EA4CVH,UAvEc;;AAyEjB;AACF;AACA;AACErC,EAAAA,eAAe,EAAEtB,SAAS,CAAC+D,IA5EV;;AA6EjB;AACF;AACA;AACExC,EAAAA,kBAAkB,EAAEvB,SAAS,CAAC+D;AAhFb,CAAnB;AAmFA,eAAe5D,UAAU,CAACM,MAAD,EAAS;AAAEe,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyDR,MAAzD,CAAf","sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { useTheme, withStyles } from \"@material-ui/core\";\n\nimport { HvTypography, HvAvatar, HvTooltip, HvListItem } from \"@hitachivantara/uikit-react-core\";\nimport { Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"../TitleWithTooltip\";\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\n\nconst Action = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    application,\n    onClickCallback = () => {},\n    isSelectedCallback = () => false,\n  } = props;\n\n  const { name, description, disabled, iconElement, iconUrl, url, target } = application;\n\n  const theme = useTheme();\n  const color = disabled\n    ? theme.hv.palette.atmosphere.atmo5\n    : getColor(theme, application.color, theme.hv.palette.accent.acce1);\n\n  const [validIconUrl, setValidIconUrl] = useState(true);\n\n  const renderApplicationIcon = () => {\n    if (iconElement) {\n      return iconElement;\n    }\n\n    if (iconUrl && validIconUrl) {\n      return (\n        // eslint-disable-next-line jsx-a11y/alt-text\n        <img\n          className={classes.iconUrl}\n          src={iconUrl}\n          onError={() => {\n            setValidIconUrl(false);\n          }}\n        />\n      );\n    }\n\n    const brokenTitle = name.split(\" \");\n    const initials =\n      brokenTitle[0].substring(0, 1) + (brokenTitle[1] ? brokenTitle[1].substring(0, 1) : \"\");\n\n    return (\n      <HvAvatar size=\"S\" backgroundColor={color} variant=\"square\">\n        {initials}\n      </HvAvatar>\n    );\n  };\n\n  const isSelected = isSelectedCallback(application);\n\n  /**\n   * Handles the onClick event and triggers the appropriate callback if it exists.\n   */\n  const handleOnClick = (event) => {\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClickCallback?.(event, { ...application, isSelected });\n  };\n\n  const isLink = url != null;\n\n  return (\n    <HvListItem\n      id={id}\n      interactive\n      tabIndex={0}\n      selected={isSelected}\n      disabled={disabled}\n      className={clsx(className, classes.root, {\n        [classes.disabled]: disabled,\n        [classes.selected]: isSelected,\n      })}\n    >\n      <HvTypography\n        component={isLink ? \"a\" : \"button\"}\n        href={isLink ? url : undefined}\n        target={isLink ? target || \"_top\" : undefined}\n        className={classes.typography}\n        onClick={handleOnClick}\n        style={{ borderColor: color }}\n      >\n        <div className={classes.icon}>{renderApplicationIcon()}</div>\n\n        <TitleWithTooltip title={name} className={classes.title} />\n\n        {description && (\n          <HvTooltip\n            disableFocusListener\n            disableTouchListener\n            title={<HvTypography>{description}</HvTypography>}\n          >\n            <div>\n              <Info className={classes.iconInfo} />\n            </div>\n          </HvTooltip>\n        )}\n      </HvTypography>\n    </HvListItem>\n  );\n};\n\nAction.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    disabled: PropTypes.string,\n    typography: PropTypes.string,\n    selected: PropTypes.string,\n    icon: PropTypes.string,\n    iconUrl: PropTypes.string,\n    title: PropTypes.string,\n    iconInfo: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * The application data to be used to render the Action object.\n   */\n  application: PropTypes.shape({\n    /**\n     * Id of the application.\n     */\n    id: PropTypes.string,\n    /**\n     * Name of the application, this is the value that will be displayed on the component.\n     */\n    name: PropTypes.string.isRequired,\n    /**\n     * The color to be applied to the item's border and to the default icon.\n     * You can use either an HEX or color name from the palette.\n     */\n    color: PropTypes.string,\n    /**\n     * URL with the icon location to be used to represent the application.\n     * iconUrl will only be used if no iconElement is provided.\n     */\n    iconUrl: PropTypes.string,\n    /**\n     * Element to be added as the icon representing the application.\n     * The iconElement will be the primary option to be displayed.\n     */\n    iconElement: PropTypes.element,\n    /**\n     * Small description of the application.\n     */\n    description: PropTypes.string,\n    /**\n     *  URL where the application is accessible.\n     */\n    url: PropTypes.string,\n    /**\n     * Defines if the application should be opened in the same tab or in a new one.\n     */\n    target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n    /**\n     * If true, the item will be disabled.\n     */\n    disabled: PropTypes.bool,\n    /**\n     * True when the application is selected, false otherwise.\n     */\n    isSelected: PropTypes.bool,\n  }).isRequired,\n\n  /**\n   * Callback triggered when the action is clicked.\n   */\n  onClickCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isSelectedCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanelAction\" })(Action);\n"],"file":"Action.js"}

package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.js

@@ -63,7 +63,7 @@ const AppSwitcherPanel = props => {
   }, footer));
 };
 
-AppSwitcherPanel.propTypes = {
+process.env.NODE_ENV !== "production" ? AppSwitcherPanel.propTypes = {
   /**
    * Identifier to be applied to the root element.
    */
@@ -184,7 +184,7 @@ AppSwitcherPanel.propTypes = {
    * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.
    */
   isOpen: deprecatedPropType(PropTypes.bool)
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvAppSwitcherPanel"
 })(AppSwitcherPanel);

package/dist/modern/AppSwitcherPanel/AppSwitcherPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"names":["React","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","styles","TitleWithTooltip","Action","AppSwitcherPanel","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcherPanel = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    layout = \"single\",\n\n    title,\n    applications,\n\n    onActionClickedCallback = () => {},\n    isActionSelectedCallback = () => false,\n\n    header,\n    footer,\n\n    isOpen,\n  } = props;\n\n  const actionClicked = (event, application) => {\n    onActionClickedCallback?.(event, application);\n  };\n\n  const panelActions = applications.map((application) => {\n    if (application.name) {\n      return (\n        <Action\n          key={application.id || `${application.name}_${application.url}`}\n          application={application}\n          onClickCallback={actionClicked}\n          isSelectedCallback={isActionSelectedCallback}\n          classes={{\n            root: classes.item,\n            selected: classes.itemSelected,\n            disabled: classes.itemDisabled,\n            typography: classes.itemTrigger,\n            icon: classes.itemIcon,\n            title: classes.itemTitle,\n            iconInfo: classes.itemInfoIcon,\n          }}\n        />\n      );\n    }\n\n    return undefined;\n  });\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, classes[layout], {\n        [classes.closed]: isOpen === false,\n        [classes.open]: isOpen,\n      })}\n    >\n      {(header && <div className={classes.title}>{header}</div>) ||\n        (title && <TitleWithTooltip className={classes.title} title={title} />)}\n      <HvListContainer disableGutters className={classes.actionsContainer}>\n        {panelActions}\n      </HvListContainer>\n      {footer && <div className={classes.footerContainer}>{footer}</div>}\n    </div>\n  );\n};\n\nAppSwitcherPanel.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    single: PropTypes.string,\n    dual: PropTypes.string,\n    fluid: PropTypes.string,\n    title: PropTypes.string,\n    actionsContainer: PropTypes.string,\n    footerContainer: PropTypes.string,\n    closed: PropTypes.string,\n    open: PropTypes.string,\n\n    item: PropTypes.string,\n    itemSelected: PropTypes.string,\n    itemDisabled: PropTypes.string,\n    itemTrigger: PropTypes.string,\n    itemIcon: PropTypes.string,\n    itemTitle: PropTypes.string,\n    itemInfoIcon: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Number of columns to render. One, two, or whatever fits the component's width.\n   */\n  layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n  /**\n   * Title to be displayed on the header of the component.\n   */\n  title: PropTypes.string,\n  /**\n   * The list of applications to be used to render the actions on the component.\n   */\n  applications: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * Id of the application.\n       */\n      id: PropTypes.string,\n      /**\n       * Name of the application, this is the value that will be displayed on the component.\n       */\n      name: PropTypes.string.isRequired,\n      /**\n       * URL with the icon location to be used to represent the application.\n       * iconUrl will only be used if no iconElement is provided.\n       */\n      iconUrl: PropTypes.string,\n      /**\n       * Element to be added as the icon representing the application.\n       * The iconElement will be the primary option to be displayed.\n       */\n      iconElement: PropTypes.element,\n      /**\n       * Small description of the application.\n       */\n      description: PropTypes.string,\n      /**\n       *  URL where the application is accesible.\n       */\n      url: PropTypes.string,\n      /**\n       * Defines if the application should be opened in the same tab or in a new one.\n       */\n      target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n      /**\n       * If true, the item will be disabled.\n       */\n      disabled: PropTypes.bool,\n      /**\n       * True when the application is selected, false otherwise.\n       */\n      isSelected: PropTypes.bool,\n    })\n  ).isRequired,\n\n  /**\n   * Triggered when an action is clicked.\n   */\n  onActionClickedCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isActionSelectedCallback: PropTypes.func,\n\n  /**\n   * Element to be added to the header container, if none is provided a label with the title will be added.\n   */\n  header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * Element to be added to the footer container.\n   */\n  footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n   */\n  isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanel\" })(AppSwitcherPanel);\n"],"file":"AppSwitcherPanel.js"}
+{"version":3,"sources":["../../../src/AppSwitcherPanel/AppSwitcherPanel.js"],"names":["React","PropTypes","clsx","deprecatedPropType","withStyles","HvListContainer","styles","TitleWithTooltip","Action","AppSwitcherPanel","props","id","className","classes","layout","title","applications","onActionClickedCallback","isActionSelectedCallback","header","footer","isOpen","actionClicked","event","application","panelActions","map","name","url","root","item","selected","itemSelected","disabled","itemDisabled","typography","itemTrigger","icon","itemIcon","itemTitle","iconInfo","itemInfoIcon","undefined","closed","open","actionsContainer","footerContainer","propTypes","string","shape","single","dual","fluid","isRequired","oneOf","arrayOf","iconUrl","iconElement","element","description","target","bool","isSelected","func","oneOfType","node"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\n\nimport { HvListContainer } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport TitleWithTooltip from \"./TitleWithTooltip\";\nimport Action from \"./Action\";\n\nconst AppSwitcherPanel = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    layout = \"single\",\n\n    title,\n    applications,\n\n    onActionClickedCallback = () => {},\n    isActionSelectedCallback = () => false,\n\n    header,\n    footer,\n\n    isOpen,\n  } = props;\n\n  const actionClicked = (event, application) => {\n    onActionClickedCallback?.(event, application);\n  };\n\n  const panelActions = applications.map((application) => {\n    if (application.name) {\n      return (\n        <Action\n          key={application.id || `${application.name}_${application.url}`}\n          application={application}\n          onClickCallback={actionClicked}\n          isSelectedCallback={isActionSelectedCallback}\n          classes={{\n            root: classes.item,\n            selected: classes.itemSelected,\n            disabled: classes.itemDisabled,\n            typography: classes.itemTrigger,\n            icon: classes.itemIcon,\n            title: classes.itemTitle,\n            iconInfo: classes.itemInfoIcon,\n          }}\n        />\n      );\n    }\n\n    return undefined;\n  });\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, classes[layout], {\n        [classes.closed]: isOpen === false,\n        [classes.open]: isOpen,\n      })}\n    >\n      {(header && <div className={classes.title}>{header}</div>) ||\n        (title && <TitleWithTooltip className={classes.title} title={title} />)}\n      <HvListContainer disableGutters className={classes.actionsContainer}>\n        {panelActions}\n      </HvListContainer>\n      {footer && <div className={classes.footerContainer}>{footer}</div>}\n    </div>\n  );\n};\n\nAppSwitcherPanel.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    single: PropTypes.string,\n    dual: PropTypes.string,\n    fluid: PropTypes.string,\n    title: PropTypes.string,\n    actionsContainer: PropTypes.string,\n    footerContainer: PropTypes.string,\n    closed: PropTypes.string,\n    open: PropTypes.string,\n\n    item: PropTypes.string,\n    itemSelected: PropTypes.string,\n    itemDisabled: PropTypes.string,\n    itemTrigger: PropTypes.string,\n    itemIcon: PropTypes.string,\n    itemTitle: PropTypes.string,\n    itemInfoIcon: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Number of columns to render. One, two, or whatever fits the component's width.\n   */\n  layout: PropTypes.oneOf([\"single\", \"dual\", \"fluid\"]),\n\n  /**\n   * Title to be displayed on the header of the component.\n   */\n  title: PropTypes.string,\n  /**\n   * The list of applications to be used to render the actions on the component.\n   */\n  applications: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * Id of the application.\n       */\n      id: PropTypes.string,\n      /**\n       * Name of the application, this is the value that will be displayed on the component.\n       */\n      name: PropTypes.string.isRequired,\n      /**\n       * URL with the icon location to be used to represent the application.\n       * iconUrl will only be used if no iconElement is provided.\n       */\n      iconUrl: PropTypes.string,\n      /**\n       * Element to be added as the icon representing the application.\n       * The iconElement will be the primary option to be displayed.\n       */\n      iconElement: PropTypes.element,\n      /**\n       * Small description of the application.\n       */\n      description: PropTypes.string,\n      /**\n       *  URL where the application is accesible.\n       */\n      url: PropTypes.string,\n      /**\n       * Defines if the application should be opened in the same tab or in a new one.\n       */\n      target: PropTypes.oneOf([\"_top\", \"_blank\"]),\n      /**\n       * If true, the item will be disabled.\n       */\n      disabled: PropTypes.bool,\n      /**\n       * True when the application is selected, false otherwise.\n       */\n      isSelected: PropTypes.bool,\n    })\n  ).isRequired,\n\n  /**\n   * Triggered when an action is clicked.\n   */\n  onActionClickedCallback: PropTypes.func,\n  /**\n   * Must return a boolean stating if the action element is selected or not.\n   */\n  isActionSelectedCallback: PropTypes.func,\n\n  /**\n   * Element to be added to the header container, if none is provided a label with the title will be added.\n   */\n  header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * Element to be added to the footer container.\n   */\n  footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /**\n   * Flag stating if the panel is opened or closed.\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n   */\n  isOpen: deprecatedPropType(PropTypes.bool),\n};\n\nexport default withStyles(styles, { name: \"HvAppSwitcherPanel\" })(AppSwitcherPanel);\n"],"file":"AppSwitcherPanel.js"}

package/dist/modern/AppSwitcherPanel/TitleWithTooltip.js

@@ -26,7 +26,7 @@ const TitleWithTooltip = ({
   }, title));
 };
 
-TitleWithTooltip.propTypes = {
+process.env.NODE_ENV !== "production" ? TitleWithTooltip.propTypes = {
   /**
    * Class names to be applied to the root element.
    */
@@ -36,6 +36,6 @@ TitleWithTooltip.propTypes = {
    * Title to be displayed.
    */
   title: PropTypes.string
-};
+} : void 0;
 export default TitleWithTooltip;
 //# sourceMappingURL=TitleWithTooltip.js.map

package/dist/modern/AppSwitcherPanel/TitleWithTooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/AppSwitcherPanel/TitleWithTooltip.js"],"names":["React","useEffect","useRef","useState","PropTypes","HvTooltip","HvTypography","TitleWithTooltip","className","title","isOverflowed","setIsOverflowed","textRef","current","scrollWidth","clientWidth","scrollHeight","clientHeight","propTypes","string"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,kCAAxC;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;AAAEC,EAAAA,SAAF;AAAaC,EAAAA;AAAb,CAAD,KAA0B;AACjD,QAAM,CAACC,YAAD,EAAeC,eAAf,IAAkCR,QAAQ,CAAC,KAAD,CAAhD;AACA,QAAMS,OAAO,GAAGV,MAAM,EAAtB;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIW,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEC,OAAb,EAAsB;AACpBF,MAAAA,eAAe,CACbC,OAAO,CAACC,OAAR,CAAgBC,WAAhB,GAA8BF,OAAO,CAACC,OAAR,CAAgBE,WAA9C,IACEH,OAAO,CAACC,OAAR,CAAgBG,YAAhB,GAA+BJ,OAAO,CAACC,OAAR,CAAgBI,YAFpC,CAAf;AAID;AACF,GAPQ,EAON,EAPM,CAAT;AASA,sBACE,oBAAC,SAAD;AACE,IAAA,oBAAoB,EAAE,CAACP,YADzB;AAEE,IAAA,SAAS,EAAC,WAFZ;AAGE,IAAA,KAAK,eAAE,oBAAC,YAAD,QAAeD,KAAf;AAHT,kBAKE,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAC,eAAtB;AAAsC,IAAA,SAAS,EAAC,MAAhD;AAAuD,IAAA,GAAG,EAAEG,OAA5D;AAAqE,IAAA,SAAS,EAAEJ;AAAhF,KACGC,KADH,CALF,CADF;AAWD,CAxBD;;AA0BAF,gBAAgB,CAACW,SAAjB,GAA6B;AAC3B;AACF;AACA;AACEV,EAAAA,SAAS,EAAEJ,SAAS,CAACe,MAJM;;AAK3B;AACF;AACA;AACEV,EAAAA,KAAK,EAAEL,SAAS,CAACe;AARU,CAA7B;AAWA,eAAeZ,gBAAf","sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvTooltip, HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nconst TitleWithTooltip = ({ className, title }) => {\n  const [isOverflowed, setIsOverflowed] = useState(false);\n  const textRef = useRef();\n\n  useEffect(() => {\n    if (textRef?.current) {\n      setIsOverflowed(\n        textRef.current.scrollWidth > textRef.current.clientWidth ||\n          textRef.current.scrollHeight > textRef.current.clientHeight\n      );\n    }\n  }, []);\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{title}</HvTypography>}\n    >\n      <HvTypography variant=\"highlightText\" component=\"span\" ref={textRef} className={className}>\n        {title}\n      </HvTypography>\n    </HvTooltip>\n  );\n};\n\nTitleWithTooltip.propTypes = {\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * Title to be displayed.\n   */\n  title: PropTypes.string,\n};\n\nexport default TitleWithTooltip;\n"],"file":"TitleWithTooltip.js"}
+{"version":3,"sources":["../../../src/AppSwitcherPanel/TitleWithTooltip.js"],"names":["React","useEffect","useRef","useState","PropTypes","HvTooltip","HvTypography","TitleWithTooltip","className","title","isOverflowed","setIsOverflowed","textRef","current","scrollWidth","clientWidth","scrollHeight","clientHeight","propTypes","string"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,kCAAxC;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;AAAEC,EAAAA,SAAF;AAAaC,EAAAA;AAAb,CAAD,KAA0B;AACjD,QAAM,CAACC,YAAD,EAAeC,eAAf,IAAkCR,QAAQ,CAAC,KAAD,CAAhD;AACA,QAAMS,OAAO,GAAGV,MAAM,EAAtB;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIW,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEC,OAAb,EAAsB;AACpBF,MAAAA,eAAe,CACbC,OAAO,CAACC,OAAR,CAAgBC,WAAhB,GAA8BF,OAAO,CAACC,OAAR,CAAgBE,WAA9C,IACEH,OAAO,CAACC,OAAR,CAAgBG,YAAhB,GAA+BJ,OAAO,CAACC,OAAR,CAAgBI,YAFpC,CAAf;AAID;AACF,GAPQ,EAON,EAPM,CAAT;AASA,sBACE,oBAAC,SAAD;AACE,IAAA,oBAAoB,EAAE,CAACP,YADzB;AAEE,IAAA,SAAS,EAAC,WAFZ;AAGE,IAAA,KAAK,eAAE,oBAAC,YAAD,QAAeD,KAAf;AAHT,kBAKE,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAC,eAAtB;AAAsC,IAAA,SAAS,EAAC,MAAhD;AAAuD,IAAA,GAAG,EAAEG,OAA5D;AAAqE,IAAA,SAAS,EAAEJ;AAAhF,KACGC,KADH,CALF,CADF;AAWD,CAxBD;;AA0BA,wCAAAF,gBAAgB,CAACW,SAAjB,GAA6B;AAC3B;AACF;AACA;AACEV,EAAAA,SAAS,EAAEJ,SAAS,CAACe,MAJM;;AAK3B;AACF;AACA;AACEV,EAAAA,KAAK,EAAEL,SAAS,CAACe;AARU,CAA7B;AAWA,eAAeZ,gBAAf","sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvTooltip, HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nconst TitleWithTooltip = ({ className, title }) => {\n  const [isOverflowed, setIsOverflowed] = useState(false);\n  const textRef = useRef();\n\n  useEffect(() => {\n    if (textRef?.current) {\n      setIsOverflowed(\n        textRef.current.scrollWidth > textRef.current.clientWidth ||\n          textRef.current.scrollHeight > textRef.current.clientHeight\n      );\n    }\n  }, []);\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{title}</HvTypography>}\n    >\n      <HvTypography variant=\"highlightText\" component=\"span\" ref={textRef} className={className}>\n        {title}\n      </HvTypography>\n    </HvTooltip>\n  );\n};\n\nTitleWithTooltip.propTypes = {\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * Title to be displayed.\n   */\n  title: PropTypes.string,\n};\n\nexport default TitleWithTooltip;\n"],"file":"TitleWithTooltip.js"}

package/dist/modern/ColorPicker/ColorPicker.js

@@ -100,7 +100,7 @@ const HvColorPicker = props => {
   })))));
 };
 
-HvColorPicker.propTypes = {
+process.env.NODE_ENV !== "production" ? HvColorPicker.propTypes = {
   /**
    * Id to be applied to the form element root node.
    */
@@ -192,7 +192,7 @@ HvColorPicker.propTypes = {
    * When uncontrolled, defines the initial value state.
    */
   defaultValue: PropTypes.string
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvColorPicker"
 })(HvColorPicker);

package/dist/modern/ColorPicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ColorPicker/ColorPicker.js"],"names":["React","useMemo","PropTypes","clsx","withStyles","useTheme","HvPanel","HvLabel","HvInfoMessage","HvFormElement","HvBaseDropdown","useControlled","HvTypography","useUniqueId","setId","Checkbox","styles","Picker","PresetColors","HvColorPicker","props","theme","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","className","classes","value","onChange","defaultValue","hv","palette","accent","acce1","expanded","defaultExpanded","isOpen","setIsOpen","Boolean","color","setColor","handleToggle","_evt","s","handleSelect","val","hex","elementId","hasLabel","hasDescription","colorArray","semantic","sema4","sema3","sema1","sema19","acce2h","sema6","atmosphere","atmo5","setFocusToContent","containerRef","inputs","getElementsByTagName","length","focus","root","labelContainer","headerColorIcon","headerColorValue","join","trim","undefined","panel","colorPicker","propTypes","string","node","bool","shape","isRequired","func"],"mappings":"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","sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles, useTheme } from \"@material-ui/core\";\nimport {\n  HvPanel,\n  HvLabel,\n  HvInfoMessage,\n  HvFormElement,\n  HvBaseDropdown,\n  useControlled,\n  HvTypography,\n  useUniqueId,\n  setId,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Checkbox } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\nimport Picker from \"./Picker\";\nimport PresetColors from \"./PresetColors\";\n\n/**\n * A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.\n * It receives a color string in HEX format and outputs an HEX formatted color.\n */\nconst HvColorPicker = (props) => {\n  const theme = useTheme();\n  const {\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    className,\n    classes,\n    value,\n    onChange,\n    defaultValue = theme.hv.palette.accent.acce1,\n\n    expanded,\n    defaultExpanded = false,\n  } = props;\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [color, setColor] = useControlled(value, defaultValue);\n\n  const handleToggle = (_evt, s) => {\n    setIsOpen(s);\n  };\n\n  const handleSelect = (val) => {\n    onChange?.(val.hex);\n    setColor(val.hex);\n  };\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  const colorArray = useMemo(\n    () => [\n      theme.hv.palette.semantic.sema4,\n      theme.hv.palette.semantic.sema3,\n      \"#F6941E\",\n      \"#8DC63D\",\n      theme.hv.palette.semantic.sema1,\n      theme.hv.palette.semantic.sema19,\n      \"#05A99C\",\n      \"#01ADEF\",\n      theme.hv.palette.accent.acce2h,\n      \"#0155A5\",\n      \"#2E3192\",\n      \"#652C90\",\n      theme.hv.palette.semantic.sema6,\n      \"#EC018B\",\n      theme.hv.palette.atmosphere.atmo5,\n      theme.hv.palette.accent.acce1,\n    ],\n    [theme]\n  );\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n    }\n  };\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\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        className={className}\n        expanded={isOpen}\n        onToggle={handleToggle}\n        onContainerCreation={setFocusToContent}\n        placeholder={\n          <>\n            <Checkbox className={classes.headerColorIcon} color={[color]} />\n            <HvTypography className={classes.headerColorValue}>{color}</HvTypography>\n          </>\n        }\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n      >\n        <HvPanel className={classes.panel}>\n          <div className={classes.colorPicker}>\n            <Picker color={color} onChange={handleSelect} />\n            <PresetColors colors={colorArray} onClick={handleSelect} />\n          </div>\n        </HvPanel>\n      </HvBaseDropdown>\n    </HvFormElement>\n  );\n};\n\nHvColorPicker.propTypes = {\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   * 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   * 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    root: PropTypes.string,\n    labelContainer: PropTypes.string,\n    label: PropTypes.string,\n    description: PropTypes.string,\n    headerColorIcon: PropTypes.string,\n    headerColorValue: PropTypes.string,\n    panel: PropTypes.string,\n    colorPicker: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * If `true` the color picker starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The value color, in HEX format.\n   */\n  value: PropTypes.string,\n\n  /**\n   * When uncontrolled, defines the initial value state.\n   */\n  defaultValue: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvColorPicker\" })(HvColorPicker);\n"],"file":"ColorPicker.js"}
+{"version":3,"sources":["../../../src/ColorPicker/ColorPicker.js"],"names":["React","useMemo","PropTypes","clsx","withStyles","useTheme","HvPanel","HvLabel","HvInfoMessage","HvFormElement","HvBaseDropdown","useControlled","HvTypography","useUniqueId","setId","Checkbox","styles","Picker","PresetColors","HvColorPicker","props","theme","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","className","classes","value","onChange","defaultValue","hv","palette","accent","acce1","expanded","defaultExpanded","isOpen","setIsOpen","Boolean","color","setColor","handleToggle","_evt","s","handleSelect","val","hex","elementId","hasLabel","hasDescription","colorArray","semantic","sema4","sema3","sema1","sema19","acce2h","sema6","atmosphere","atmo5","setFocusToContent","containerRef","inputs","getElementsByTagName","length","focus","root","labelContainer","headerColorIcon","headerColorValue","join","trim","undefined","panel","colorPicker","propTypes","string","node","bool","shape","isRequired","func"],"mappings":"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","sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles, useTheme } from \"@material-ui/core\";\nimport {\n  HvPanel,\n  HvLabel,\n  HvInfoMessage,\n  HvFormElement,\n  HvBaseDropdown,\n  useControlled,\n  HvTypography,\n  useUniqueId,\n  setId,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Checkbox } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\nimport Picker from \"./Picker\";\nimport PresetColors from \"./PresetColors\";\n\n/**\n * A color picker component which allows the user to select a color from a list of pre-defined colors or freely select one color via the Hue and Saturation.\n * It receives a color string in HEX format and outputs an HEX formatted color.\n */\nconst HvColorPicker = (props) => {\n  const theme = useTheme();\n  const {\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    className,\n    classes,\n    value,\n    onChange,\n    defaultValue = theme.hv.palette.accent.acce1,\n\n    expanded,\n    defaultExpanded = false,\n  } = props;\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [color, setColor] = useControlled(value, defaultValue);\n\n  const handleToggle = (_evt, s) => {\n    setIsOpen(s);\n  };\n\n  const handleSelect = (val) => {\n    onChange?.(val.hex);\n    setColor(val.hex);\n  };\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  const colorArray = useMemo(\n    () => [\n      theme.hv.palette.semantic.sema4,\n      theme.hv.palette.semantic.sema3,\n      \"#F6941E\",\n      \"#8DC63D\",\n      theme.hv.palette.semantic.sema1,\n      theme.hv.palette.semantic.sema19,\n      \"#05A99C\",\n      \"#01ADEF\",\n      theme.hv.palette.accent.acce2h,\n      \"#0155A5\",\n      \"#2E3192\",\n      \"#652C90\",\n      theme.hv.palette.semantic.sema6,\n      \"#EC018B\",\n      theme.hv.palette.atmosphere.atmo5,\n      theme.hv.palette.accent.acce1,\n    ],\n    [theme]\n  );\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n    }\n  };\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\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        className={className}\n        expanded={isOpen}\n        onToggle={handleToggle}\n        onContainerCreation={setFocusToContent}\n        placeholder={\n          <>\n            <Checkbox className={classes.headerColorIcon} color={[color]} />\n            <HvTypography className={classes.headerColorValue}>{color}</HvTypography>\n          </>\n        }\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n      >\n        <HvPanel className={classes.panel}>\n          <div className={classes.colorPicker}>\n            <Picker color={color} onChange={handleSelect} />\n            <PresetColors colors={colorArray} onClick={handleSelect} />\n          </div>\n        </HvPanel>\n      </HvBaseDropdown>\n    </HvFormElement>\n  );\n};\n\nHvColorPicker.propTypes = {\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   * 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   * 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    root: PropTypes.string,\n    labelContainer: PropTypes.string,\n    label: PropTypes.string,\n    description: PropTypes.string,\n    headerColorIcon: PropTypes.string,\n    headerColorValue: PropTypes.string,\n    panel: PropTypes.string,\n    colorPicker: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * If `true` the color picker starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The value color, in HEX format.\n   */\n  value: PropTypes.string,\n\n  /**\n   * When uncontrolled, defines the initial value state.\n   */\n  defaultValue: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvColorPicker\" })(HvColorPicker);\n"],"file":"ColorPicker.js"}

package/dist/modern/ColorPicker/Fields/Fields.js

@@ -112,12 +112,12 @@ export const Fields = ({
     disableClear: true
   }));
 };
-Fields.propTypes = {
+process.env.NODE_ENV !== "production" ? Fields.propTypes = {
   rgb: PropTypes.shape({
     r: PropTypes.number,
     g: PropTypes.number,
     b: PropTypes.number
   }).isRequired
-};
+} : void 0;
 export default Fields;
 //# sourceMappingURL=Fields.js.map

package/dist/modern/ColorPicker/Fields/Fields.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ColorPicker/Fields/Fields.js"],"names":["React","useEffect","useRef","useState","PropTypes","clsx","color","HvInput","useStyles","Fields","onChange","rgb","hex","classes","internalHex","setInternalHex","internalRed","setInternalRed","r","internalGreen","setInternalGreen","g","internalBlue","setInternalBlue","b","hexInputRef","redInputRef","greenInputRef","blueInputRef","document","activeElement","current","handleChange","data","e","isValidHex","source","onChangeHex","_evt","value","onChangeRbg","colorPart","fields","double","replace","single","propTypes","shape","number","isRequired"],"mappings":"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","sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport * as color from \"react-color/lib/helpers/color\";\n\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nexport const Fields = ({ onChange, rgb, hex }) => {\n  const classes = useStyles();\n  const [internalHex, setInternalHex] = useState(hex);\n  const [internalRed, setInternalRed] = useState(rgb.r);\n  const [internalGreen, setInternalGreen] = useState(rgb.g);\n  const [internalBlue, setInternalBlue] = useState(rgb.b);\n\n  const hexInputRef = useRef();\n  const redInputRef = useRef();\n  const greenInputRef = useRef();\n  const blueInputRef = useRef();\n\n  useEffect(() => {\n    if (document.activeElement !== hexInputRef.current) {\n      setInternalHex(hex);\n    }\n  }, [hex]);\n\n  useEffect(() => {\n    if (document.activeElement !== redInputRef.current) {\n      setInternalRed(rgb.r);\n    }\n\n    if (document.activeElement !== greenInputRef.current) {\n      setInternalGreen(rgb.g);\n    }\n\n    if (document.activeElement !== blueInputRef.current) {\n      setInternalBlue(rgb.b);\n    }\n  }, [rgb]);\n\n  const handleChange = (data, e) => {\n    if (data.hex && color.isValidHex(data.hex)) {\n      onChange(\n        {\n          hex: data.hex,\n          source: \"hex\",\n        },\n        e\n      );\n    } else if (data.r || data.g || data.b) {\n      onChange(\n        {\n          r: data.r || rgb.r,\n          g: data.g || rgb.g,\n          b: data.b || rgb.b,\n          source: \"rgb\",\n        },\n        e\n      );\n    }\n  };\n\n  const onChangeHex = (_evt, value) => {\n    setInternalHex(value);\n    handleChange({ hex: value }, _evt);\n  };\n\n  const onChangeRbg = (_evt, value, colorPart) => {\n    if (colorPart === \"r\") setInternalRed(value);\n    if (colorPart === \"g\") setInternalGreen(value);\n    if (colorPart === \"b\") setInternalBlue(value);\n    handleChange(\n      {\n        r: colorPart === \"r\" ? value : rgb.r,\n        g: colorPart === \"g\" ? value : rgb.g,\n        b: colorPart === \"b\" ? value : rgb.b,\n      },\n      _evt\n    );\n  };\n\n  return (\n    <div className={clsx(classes.fields)}>\n      <HvInput\n        inputRef={hexInputRef}\n        className={clsx(classes.double)}\n        label=\"HEX\"\n        value={internalHex.replace(\"#\", \"\")}\n        onChange={onChangeHex}\n        onBlur={() => setInternalHex(hex)}\n        disableClear\n      />\n      <HvInput\n        inputRef={redInputRef}\n        className={clsx(classes.single)}\n        label=\"R\"\n        value={`${internalRed}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"r\")}\n        onBlur={() => setInternalRed(rgb.r)}\n        disableClear\n      />\n      <HvInput\n        inputRef={greenInputRef}\n        className={clsx(classes.single)}\n        label=\"G\"\n        value={`${internalGreen}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"g\")}\n        onBlur={() => setInternalGreen(rgb.g)}\n        disableClear\n      />\n      <HvInput\n        inputRef={blueInputRef}\n        className={clsx(classes.single)}\n        label=\"B\"\n        value={`${internalBlue}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"b\")}\n        onBlur={() => setInternalBlue(rgb.b)}\n        disableClear\n      />\n    </div>\n  );\n};\n\nFields.propTypes = {\n  rgb: PropTypes.shape({\n    r: PropTypes.number,\n    g: PropTypes.number,\n    b: PropTypes.number,\n  }).isRequired,\n};\n\nexport default Fields;\n"],"file":"Fields.js"}
+{"version":3,"sources":["../../../../src/ColorPicker/Fields/Fields.js"],"names":["React","useEffect","useRef","useState","PropTypes","clsx","color","HvInput","useStyles","Fields","onChange","rgb","hex","classes","internalHex","setInternalHex","internalRed","setInternalRed","r","internalGreen","setInternalGreen","g","internalBlue","setInternalBlue","b","hexInputRef","redInputRef","greenInputRef","blueInputRef","document","activeElement","current","handleChange","data","e","isValidHex","source","onChangeHex","_evt","value","onChangeRbg","colorPart","fields","double","replace","single","propTypes","shape","number","isRequired"],"mappings":"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","sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport * as color from \"react-color/lib/helpers/color\";\n\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nexport const Fields = ({ onChange, rgb, hex }) => {\n  const classes = useStyles();\n  const [internalHex, setInternalHex] = useState(hex);\n  const [internalRed, setInternalRed] = useState(rgb.r);\n  const [internalGreen, setInternalGreen] = useState(rgb.g);\n  const [internalBlue, setInternalBlue] = useState(rgb.b);\n\n  const hexInputRef = useRef();\n  const redInputRef = useRef();\n  const greenInputRef = useRef();\n  const blueInputRef = useRef();\n\n  useEffect(() => {\n    if (document.activeElement !== hexInputRef.current) {\n      setInternalHex(hex);\n    }\n  }, [hex]);\n\n  useEffect(() => {\n    if (document.activeElement !== redInputRef.current) {\n      setInternalRed(rgb.r);\n    }\n\n    if (document.activeElement !== greenInputRef.current) {\n      setInternalGreen(rgb.g);\n    }\n\n    if (document.activeElement !== blueInputRef.current) {\n      setInternalBlue(rgb.b);\n    }\n  }, [rgb]);\n\n  const handleChange = (data, e) => {\n    if (data.hex && color.isValidHex(data.hex)) {\n      onChange(\n        {\n          hex: data.hex,\n          source: \"hex\",\n        },\n        e\n      );\n    } else if (data.r || data.g || data.b) {\n      onChange(\n        {\n          r: data.r || rgb.r,\n          g: data.g || rgb.g,\n          b: data.b || rgb.b,\n          source: \"rgb\",\n        },\n        e\n      );\n    }\n  };\n\n  const onChangeHex = (_evt, value) => {\n    setInternalHex(value);\n    handleChange({ hex: value }, _evt);\n  };\n\n  const onChangeRbg = (_evt, value, colorPart) => {\n    if (colorPart === \"r\") setInternalRed(value);\n    if (colorPart === \"g\") setInternalGreen(value);\n    if (colorPart === \"b\") setInternalBlue(value);\n    handleChange(\n      {\n        r: colorPart === \"r\" ? value : rgb.r,\n        g: colorPart === \"g\" ? value : rgb.g,\n        b: colorPart === \"b\" ? value : rgb.b,\n      },\n      _evt\n    );\n  };\n\n  return (\n    <div className={clsx(classes.fields)}>\n      <HvInput\n        inputRef={hexInputRef}\n        className={clsx(classes.double)}\n        label=\"HEX\"\n        value={internalHex.replace(\"#\", \"\")}\n        onChange={onChangeHex}\n        onBlur={() => setInternalHex(hex)}\n        disableClear\n      />\n      <HvInput\n        inputRef={redInputRef}\n        className={clsx(classes.single)}\n        label=\"R\"\n        value={`${internalRed}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"r\")}\n        onBlur={() => setInternalRed(rgb.r)}\n        disableClear\n      />\n      <HvInput\n        inputRef={greenInputRef}\n        className={clsx(classes.single)}\n        label=\"G\"\n        value={`${internalGreen}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"g\")}\n        onBlur={() => setInternalGreen(rgb.g)}\n        disableClear\n      />\n      <HvInput\n        inputRef={blueInputRef}\n        className={clsx(classes.single)}\n        label=\"B\"\n        value={`${internalBlue}`}\n        onChange={(_evt, value) => onChangeRbg(_evt, value, \"b\")}\n        onBlur={() => setInternalBlue(rgb.b)}\n        disableClear\n      />\n    </div>\n  );\n};\n\nFields.propTypes = {\n  rgb: PropTypes.shape({\n    r: PropTypes.number,\n    g: PropTypes.number,\n    b: PropTypes.number,\n  }).isRequired,\n};\n\nexport default Fields;\n"],"file":"Fields.js"}

package/dist/modern/ColorPicker/PresetColors/PresetColors.js

@@ -35,12 +35,12 @@ export const SketchPresetColors = ({
     })));
   }));
 };
-SketchPresetColors.propTypes = {
+process.env.NODE_ENV !== "production" ? SketchPresetColors.propTypes = {
   colors: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
     color: PropTypes.string,
     title: PropTypes.string
   })])).isRequired,
   onClick: PropTypes.func.isRequired
-};
+} : void 0;
 export default SketchPresetColors;
 //# sourceMappingURL=PresetColors.js.map

package/dist/modern/ColorPicker/PresetColors/PresetColors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ColorPicker/PresetColors/PresetColors.js"],"names":["React","PropTypes","Swatch","useStyles","SketchPresetColors","colors","onClick","classes","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,MAAT,QAAuB,mCAAvB;AAEA,OAAOC,SAAP,MAAsB,UAAtB;AAEA,OAAO,MAAMC,kBAAkB,GAAG,CAAC;AAAEC,EAAAA,MAAF;AAAUC,EAAAA,OAAO,GAAG,MAAM,CAAE;AAA5B,CAAD,KAAoC;AACpE,QAAMC,OAAO,GAAGJ,SAAS,EAAzB;;AAEA,QAAMK,WAAW,GAAG,CAACC,GAAD,EAAMC,CAAN,KAAY;AAC9BJ,IAAAA,OAAO,CACL;AACEG,MAAAA,GADF;AAEEE,MAAAA,MAAM,EAAE;AAFV,KADK,EAKLD,CALK,CAAP;AAOD,GARD;;AAUA,sBACE;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACF;AAAxB,KACGA,MAAM,CAACO,GAAP,CAAYC,gBAAD,IAAsB;AAChC,UAAMC,CAAC,GACL,OAAOD,gBAAP,KAA4B,QAA5B,GAAuC;AAAEE,MAAAA,KAAK,EAAEF;AAAT,KAAvC,GAAqEA,gBADvE;AAEA,UAAMG,GAAG,GAAI,GAAEF,CAAC,CAACC,KAAM,GAAED,CAAC,CAACG,KAAF,IAAW,EAAG,EAAvC;AACA,wBACE;AAAK,MAAA,GAAG,EAAED,GAAV;AAAe,MAAA,SAAS,EAAET,OAAO,CAACW;AAAlC,oBACE,oBAAC,MAAD,eACMJ,CADN;AAEE,MAAA,SAAS,EAAEP,OAAO,CAACY,MAFrB;AAGE,MAAA,OAAO,EAAEX,WAHX;AAIE,MAAA,UAAU,EAAE;AACVY,QAAAA,SAAS,EAAG,4CAA2CN,CAAC,CAACC,KAAM;AADrD;AAJd,OADF,CADF;AAYD,GAhBA,CADH,CADF;AAqBD,CAlCM;AAoCPX,kBAAkB,CAACiB,SAAnB,GAA+B;AAC7BhB,EAAAA,MAAM,EAAEJ,SAAS,CAACqB,OAAV,CACNrB,SAAS,CAACsB,SAAV,CAAoB,CAClBtB,SAAS,CAACuB,MADQ,EAElBvB,SAAS,CAACwB,KAAV,CAAgB;AACdV,IAAAA,KAAK,EAAEd,SAAS,CAACuB,MADH;AAEdP,IAAAA,KAAK,EAAEhB,SAAS,CAACuB;AAFH,GAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;AAU7BpB,EAAAA,OAAO,EAAEL,SAAS,CAAC0B,IAAV,CAAeD;AAVK,CAA/B;AAaA,eAAetB,kBAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Swatch } from \"react-color/lib/components/common\";\n\nimport useStyles from \"./styles\";\n\nexport const SketchPresetColors = ({ colors, onClick = () => {} }) => {\n  const classes = useStyles();\n\n  const handleClick = (hex, e) => {\n    onClick(\n      {\n        hex,\n        source: \"hex\",\n      },\n      e\n    );\n  };\n\n  return (\n    <div className={classes.colors}>\n      {colors.map((colorObjOrString) => {\n        const c =\n          typeof colorObjOrString === \"string\" ? { color: colorObjOrString } : colorObjOrString;\n        const key = `${c.color}${c.title || \"\"}`;\n        return (\n          <div key={key} className={classes.swatchWrap}>\n            <Swatch\n              {...c}\n              className={classes.swatch}\n              onClick={handleClick}\n              focusStyle={{\n                boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${c.color}`,\n              }}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nSketchPresetColors.propTypes = {\n  colors: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.shape({\n        color: PropTypes.string,\n        title: PropTypes.string,\n      }),\n    ])\n  ).isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n\nexport default SketchPresetColors;\n"],"file":"PresetColors.js"}
+{"version":3,"sources":["../../../../src/ColorPicker/PresetColors/PresetColors.js"],"names":["React","PropTypes","Swatch","useStyles","SketchPresetColors","colors","onClick","classes","handleClick","hex","e","source","map","colorObjOrString","c","color","key","title","swatchWrap","swatch","boxShadow","propTypes","arrayOf","oneOfType","string","shape","isRequired","func"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,MAAT,QAAuB,mCAAvB;AAEA,OAAOC,SAAP,MAAsB,UAAtB;AAEA,OAAO,MAAMC,kBAAkB,GAAG,CAAC;AAAEC,EAAAA,MAAF;AAAUC,EAAAA,OAAO,GAAG,MAAM,CAAE;AAA5B,CAAD,KAAoC;AACpE,QAAMC,OAAO,GAAGJ,SAAS,EAAzB;;AAEA,QAAMK,WAAW,GAAG,CAACC,GAAD,EAAMC,CAAN,KAAY;AAC9BJ,IAAAA,OAAO,CACL;AACEG,MAAAA,GADF;AAEEE,MAAAA,MAAM,EAAE;AAFV,KADK,EAKLD,CALK,CAAP;AAOD,GARD;;AAUA,sBACE;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACF;AAAxB,KACGA,MAAM,CAACO,GAAP,CAAYC,gBAAD,IAAsB;AAChC,UAAMC,CAAC,GACL,OAAOD,gBAAP,KAA4B,QAA5B,GAAuC;AAAEE,MAAAA,KAAK,EAAEF;AAAT,KAAvC,GAAqEA,gBADvE;AAEA,UAAMG,GAAG,GAAI,GAAEF,CAAC,CAACC,KAAM,GAAED,CAAC,CAACG,KAAF,IAAW,EAAG,EAAvC;AACA,wBACE;AAAK,MAAA,GAAG,EAAED,GAAV;AAAe,MAAA,SAAS,EAAET,OAAO,CAACW;AAAlC,oBACE,oBAAC,MAAD,eACMJ,CADN;AAEE,MAAA,SAAS,EAAEP,OAAO,CAACY,MAFrB;AAGE,MAAA,OAAO,EAAEX,WAHX;AAIE,MAAA,UAAU,EAAE;AACVY,QAAAA,SAAS,EAAG,4CAA2CN,CAAC,CAACC,KAAM;AADrD;AAJd,OADF,CADF;AAYD,GAhBA,CADH,CADF;AAqBD,CAlCM;AAoCP,wCAAAX,kBAAkB,CAACiB,SAAnB,GAA+B;AAC7BhB,EAAAA,MAAM,EAAEJ,SAAS,CAACqB,OAAV,CACNrB,SAAS,CAACsB,SAAV,CAAoB,CAClBtB,SAAS,CAACuB,MADQ,EAElBvB,SAAS,CAACwB,KAAV,CAAgB;AACdV,IAAAA,KAAK,EAAEd,SAAS,CAACuB,MADH;AAEdP,IAAAA,KAAK,EAAEhB,SAAS,CAACuB;AAFH,GAAhB,CAFkB,CAApB,CADM,EAQNE,UAT2B;AAU7BpB,EAAAA,OAAO,EAAEL,SAAS,CAAC0B,IAAV,CAAeD;AAVK,CAA/B;AAaA,eAAetB,kBAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { Swatch } from \"react-color/lib/components/common\";\n\nimport useStyles from \"./styles\";\n\nexport const SketchPresetColors = ({ colors, onClick = () => {} }) => {\n  const classes = useStyles();\n\n  const handleClick = (hex, e) => {\n    onClick(\n      {\n        hex,\n        source: \"hex\",\n      },\n      e\n    );\n  };\n\n  return (\n    <div className={classes.colors}>\n      {colors.map((colorObjOrString) => {\n        const c =\n          typeof colorObjOrString === \"string\" ? { color: colorObjOrString } : colorObjOrString;\n        const key = `${c.color}${c.title || \"\"}`;\n        return (\n          <div key={key} className={classes.swatchWrap}>\n            <Swatch\n              {...c}\n              className={classes.swatch}\n              onClick={handleClick}\n              focusStyle={{\n                boxShadow: `inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px ${c.color}`,\n              }}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nSketchPresetColors.propTypes = {\n  colors: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.shape({\n        color: PropTypes.string,\n        title: PropTypes.string,\n      }),\n    ])\n  ).isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n\nexport default SketchPresetColors;\n"],"file":"PresetColors.js"}

package/dist/modern/Drawer/Drawer.js

@@ -1,5 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+
+var _Close;
+
 const _excluded = ["className", "classes", "id", "children", "open", "onClose", "anchor", "buttonTitle"];
 import React from "react";
 import clsx from "clsx";
@@ -27,9 +30,9 @@ const HvDrawer = _ref => {
   } = _ref,
       others = _objectWithoutProperties(_ref, _excluded);
 
-  const closeButtonDisplay = () => /*#__PURE__*/React.createElement(Close, {
+  const closeButtonDisplay = () => _Close || (_Close = /*#__PURE__*/React.createElement(Close, {
     role: "presentation"
-  });
+  }));
 
   const CloseButtonTooltipWrapper = buttonTitle ? withTooltip(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
   return /*#__PURE__*/React.createElement(Drawer, _extends({
@@ -57,7 +60,7 @@ const HvDrawer = _ref => {
   }, /*#__PURE__*/React.createElement(CloseButtonTooltipWrapper, null)), children);
 };
 
-HvDrawer.propTypes = {
+process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {
   /**
    * Class names to be applied.
    */
@@ -121,7 +124,7 @@ HvDrawer.propTypes = {
    * Title for the button close.
    */
   buttonTitle: PropTypes.string
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvDrawer"
 })(HvDrawer);

package/dist/modern/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Drawer/Drawer.js"],"names":["React","clsx","PropTypes","Drawer","withStyles","Close","HvButton","withTooltip","setId","styles","HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","event","reason","closeButton","propTypes","string","shape","isRequired","node","bool","func","oneOf","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer, withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nconst HvDrawer = ({\n  className,\n  classes,\n  id,\n  children,\n  open,\n  onClose,\n  anchor = \"right\",\n  buttonTitle = \"Close\",\n  ...others\n}) => {\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Drawer\n      className={clsx(classes.root, className)}\n      id={id}\n      anchor={anchor}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      {...others}\n    >\n      <HvButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={onClose}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </HvButton>\n      {children}\n    </Drawer>\n  );\n};\n\nHvDrawer.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Drawer.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Drawer.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   * Extended from Modal from material-ui\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * The side the drawer opens from.\n   */\n  anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"file":"Drawer.js"}
+{"version":3,"sources":["../../../src/Drawer/Drawer.js"],"names":["React","clsx","PropTypes","Drawer","withStyles","Close","HvButton","withTooltip","setId","styles","HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","event","reason","closeButton","propTypes","string","shape","isRequired","node","bool","func","oneOf","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer, withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nconst HvDrawer = ({\n  className,\n  classes,\n  id,\n  children,\n  open,\n  onClose,\n  anchor = \"right\",\n  buttonTitle = \"Close\",\n  ...others\n}) => {\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Drawer\n      className={clsx(classes.root, className)}\n      id={id}\n      anchor={anchor}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      {...others}\n    >\n      <HvButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={onClose}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </HvButton>\n      {children}\n    </Drawer>\n  );\n};\n\nHvDrawer.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Drawer.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Drawer.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   * Extended from Modal from material-ui\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * The side the drawer opens from.\n   */\n  anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"file":"Drawer.js"}

package/dist/modern/FormComposer/FormComposer.js

@@ -133,7 +133,7 @@ class HvFormComposer extends React.Component {
 
 }
 
-HvFormComposer.propTypes = {
+process.env.NODE_ENV !== "production" ? HvFormComposer.propTypes = {
   /**
    * A Jss Object used to override or extend the styles applied to the form composer.
    */
@@ -166,7 +166,7 @@ HvFormComposer.propTypes = {
    * Content to be shown on the footer.
    */
   footerContent: PropTypes.node
-};
+} : void 0;
 /**
  * Default properties.
  */

package/dist/modern/FormComposer/FormComposer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/FormComposer/FormComposer.js"],"names":["React","PropTypes","shape","withStyles","HvTypography","HvNavigationAnchors","styles","HvFormComposer","Component","constructor","props","groups","componentValues","forEach","group","children","child","name","value","state","originalHandler","undefined","getValues","onChange","newComponentValues","setState","getInitialValuesFromComponents","render","classes","mainTitle","hasNavigation","hasFooter","footerContent","footerElements","map","i","key","cloneElement","onClick","getValuesHandler","navigationOptions","groupedComponents","push","label","title","event","childOnChangeHandler","root","mainContainer","navContainer","componentContainer","footer","propTypes","instanceOf","Object","isRequired","string","arrayOf","node","bool","defaultProps"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes, { shape } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport HvNavigationAnchors from \"../NavigationAnchors\";\nimport styles from \"./styles\";\n\n/**\n * A form composer component used to create a form dynamically, still in development\n */\nclass HvFormComposer extends React.Component {\n  constructor(props) {\n    super(props);\n\n    const { groups } = this.props;\n\n    this.state = {\n      componentValues: this.getInitialValuesFromComponents(groups),\n    };\n  }\n\n  /**\n   * Gets the values that are set on each component inside the groups.\n   *\n   * @param {Object} groups - Initial group object containing all the component elements.\n   * @return {Object} - { key (Component name): value (Value set on the component) }\n   */\n  getInitialValuesFromComponents = (groups) => {\n    const componentValues = {};\n    groups.forEach((group) => {\n      group.children.forEach((child) => {\n        componentValues[child.props.name] = child.props.value;\n      });\n    });\n\n    return componentValues;\n  };\n\n  /**\n   * Gets the values stored in the state of each component.\n   */\n  getValues = () => {\n    const { componentValues } = this.state;\n    return componentValues;\n  };\n\n  /**\n   * Handler to retrieve the values.\n   *\n   * @param {Function} originalHandler - The handler that was originally triggered.\n   */\n  getValuesHandler = (originalHandler) => {\n    if (originalHandler !== undefined && typeof originalHandler === \"function\") {\n      originalHandler(this.getValues());\n    }\n  };\n\n  /**\n   * Stores the value on the state when a child component onChange event is triggered.\n   *\n   * @param {*} value - Value that will be stored on the state.\n   * @param {string} name - Name of the component.\n   * @param {Function} onChange - Original function triggered by the component.\n   */\n  childOnChangeHandler = (value, name, onChange) => {\n    const { componentValues } = this.state;\n\n    const newComponentValues = { ...componentValues };\n    newComponentValues[name] = value;\n\n    this.setState({ componentValues: newComponentValues });\n\n    if (onChange !== undefined && typeof onChange === \"function\") {\n      return onChange(value);\n    }\n    // The UI-KIT input forced to have the value explicitly returned on the onChanged function.\n    return value;\n  };\n\n  render() {\n    const { classes, mainTitle, groups, hasNavigation, hasFooter, footerContent } = this.props;\n\n    const footerElements = footerContent.map((child, i) => {\n      const key = `fc-${i}`;\n      return React.cloneElement(child, {\n        onClick: () => this.getValuesHandler(child.props.onClick),\n        key,\n      });\n    });\n\n    const navigationOptions = [];\n\n    const groupedComponents = groups.map((group) => {\n      navigationOptions.push({ label: group.title, value: group.title });\n\n      return (\n        <div key={group.title}>\n          <HvTypography id={group.title} variant=\"mTitle\">\n            {group.title}\n          </HvTypography>\n          {group.children.map((child, i) => {\n            const key = `fc-${group.title}-${i}`;\n            return (\n              <div key={key}>\n                {React.cloneElement(child, {\n                  onChange: (event, value) =>\n                    this.childOnChangeHandler(value, child.props.name, child.props.onChange),\n                })}\n              </div>\n            );\n          })}\n        </div>\n      );\n    });\n\n    return (\n      <div className={classes.root}>\n        <HvTypography variant=\"xlTitle\" className={classes.title}>\n          {mainTitle}\n        </HvTypography>\n        <div className={classes.mainContainer}>\n          {hasNavigation && (\n            <div className={classes.navContainer}>\n              <HvNavigationAnchors options={navigationOptions} floating={false} />\n            </div>\n          )}\n          <div className={classes.componentContainer}>{groupedComponents}</div>\n        </div>\n        {hasFooter && <div className={classes.footer}>{footerElements}</div>}\n      </div>\n    );\n  }\n}\n\nHvFormComposer.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the form composer.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Main title to be displayed.\n   */\n  mainTitle: PropTypes.string,\n  /**\n   * The group of component that will be added to the Form composer.\n   */\n  groups: PropTypes.arrayOf(\n    shape({\n      title: PropTypes.string,\n      children: PropTypes.node,\n    })\n  ).isRequired,\n  /**\n   * Shows navigation bar.\n   */\n  hasNavigation: PropTypes.bool,\n  /**\n   * Shows footer.\n   */\n  hasFooter: PropTypes.bool,\n  /**\n   * Content to be shown on the footer.\n   */\n  footerContent: PropTypes.node,\n};\n\n/**\n * Default properties.\n */\nHvFormComposer.defaultProps = {\n  mainTitle: \"\",\n  hasNavigation: false,\n  hasFooter: false,\n  footerContent: [],\n};\n\nexport default withStyles(styles, { name: \"HvFormComposer\" })(HvFormComposer);\n"],"file":"FormComposer.js"}
+{"version":3,"sources":["../../../src/FormComposer/FormComposer.js"],"names":["React","PropTypes","shape","withStyles","HvTypography","HvNavigationAnchors","styles","HvFormComposer","Component","constructor","props","groups","componentValues","forEach","group","children","child","name","value","state","originalHandler","undefined","getValues","onChange","newComponentValues","setState","getInitialValuesFromComponents","render","classes","mainTitle","hasNavigation","hasFooter","footerContent","footerElements","map","i","key","cloneElement","onClick","getValuesHandler","navigationOptions","groupedComponents","push","label","title","event","childOnChangeHandler","root","mainContainer","navContainer","componentContainer","footer","propTypes","instanceOf","Object","isRequired","string","arrayOf","node","bool","defaultProps"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes, { shape } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport HvNavigationAnchors from \"../NavigationAnchors\";\nimport styles from \"./styles\";\n\n/**\n * A form composer component used to create a form dynamically, still in development\n */\nclass HvFormComposer extends React.Component {\n  constructor(props) {\n    super(props);\n\n    const { groups } = this.props;\n\n    this.state = {\n      componentValues: this.getInitialValuesFromComponents(groups),\n    };\n  }\n\n  /**\n   * Gets the values that are set on each component inside the groups.\n   *\n   * @param {Object} groups - Initial group object containing all the component elements.\n   * @return {Object} - { key (Component name): value (Value set on the component) }\n   */\n  getInitialValuesFromComponents = (groups) => {\n    const componentValues = {};\n    groups.forEach((group) => {\n      group.children.forEach((child) => {\n        componentValues[child.props.name] = child.props.value;\n      });\n    });\n\n    return componentValues;\n  };\n\n  /**\n   * Gets the values stored in the state of each component.\n   */\n  getValues = () => {\n    const { componentValues } = this.state;\n    return componentValues;\n  };\n\n  /**\n   * Handler to retrieve the values.\n   *\n   * @param {Function} originalHandler - The handler that was originally triggered.\n   */\n  getValuesHandler = (originalHandler) => {\n    if (originalHandler !== undefined && typeof originalHandler === \"function\") {\n      originalHandler(this.getValues());\n    }\n  };\n\n  /**\n   * Stores the value on the state when a child component onChange event is triggered.\n   *\n   * @param {*} value - Value that will be stored on the state.\n   * @param {string} name - Name of the component.\n   * @param {Function} onChange - Original function triggered by the component.\n   */\n  childOnChangeHandler = (value, name, onChange) => {\n    const { componentValues } = this.state;\n\n    const newComponentValues = { ...componentValues };\n    newComponentValues[name] = value;\n\n    this.setState({ componentValues: newComponentValues });\n\n    if (onChange !== undefined && typeof onChange === \"function\") {\n      return onChange(value);\n    }\n    // The UI-KIT input forced to have the value explicitly returned on the onChanged function.\n    return value;\n  };\n\n  render() {\n    const { classes, mainTitle, groups, hasNavigation, hasFooter, footerContent } = this.props;\n\n    const footerElements = footerContent.map((child, i) => {\n      const key = `fc-${i}`;\n      return React.cloneElement(child, {\n        onClick: () => this.getValuesHandler(child.props.onClick),\n        key,\n      });\n    });\n\n    const navigationOptions = [];\n\n    const groupedComponents = groups.map((group) => {\n      navigationOptions.push({ label: group.title, value: group.title });\n\n      return (\n        <div key={group.title}>\n          <HvTypography id={group.title} variant=\"mTitle\">\n            {group.title}\n          </HvTypography>\n          {group.children.map((child, i) => {\n            const key = `fc-${group.title}-${i}`;\n            return (\n              <div key={key}>\n                {React.cloneElement(child, {\n                  onChange: (event, value) =>\n                    this.childOnChangeHandler(value, child.props.name, child.props.onChange),\n                })}\n              </div>\n            );\n          })}\n        </div>\n      );\n    });\n\n    return (\n      <div className={classes.root}>\n        <HvTypography variant=\"xlTitle\" className={classes.title}>\n          {mainTitle}\n        </HvTypography>\n        <div className={classes.mainContainer}>\n          {hasNavigation && (\n            <div className={classes.navContainer}>\n              <HvNavigationAnchors options={navigationOptions} floating={false} />\n            </div>\n          )}\n          <div className={classes.componentContainer}>{groupedComponents}</div>\n        </div>\n        {hasFooter && <div className={classes.footer}>{footerElements}</div>}\n      </div>\n    );\n  }\n}\n\nHvFormComposer.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the form composer.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Main title to be displayed.\n   */\n  mainTitle: PropTypes.string,\n  /**\n   * The group of component that will be added to the Form composer.\n   */\n  groups: PropTypes.arrayOf(\n    shape({\n      title: PropTypes.string,\n      children: PropTypes.node,\n    })\n  ).isRequired,\n  /**\n   * Shows navigation bar.\n   */\n  hasNavigation: PropTypes.bool,\n  /**\n   * Shows footer.\n   */\n  hasFooter: PropTypes.bool,\n  /**\n   * Content to be shown on the footer.\n   */\n  footerContent: PropTypes.node,\n};\n\n/**\n * Default properties.\n */\nHvFormComposer.defaultProps = {\n  mainTitle: \"\",\n  hasNavigation: false,\n  hasFooter: false,\n  footerContent: [],\n};\n\nexport default withStyles(styles, { name: \"HvFormComposer\" })(HvFormComposer);\n"],"file":"FormComposer.js"}

package/dist/modern/InlineEditor/InlineEditor.js

@@ -116,7 +116,7 @@ const HvInlineEditor = props => {
   })));
 };
 
-HvInlineEditor.propTypes = {
+process.env.NODE_ENV !== "production" ? HvInlineEditor.propTypes = {
   /**
    * Class names to be applied.
    */
@@ -192,7 +192,7 @@ HvInlineEditor.propTypes = {
    * Props passed to the HvTypography text component
    */
   typographyProps: PropTypes.instanceOf(Object)
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvInlineEditor"
 })(HvInlineEditor);