@hitachivantara/uikit-react-core 3.66.2 → 3.67.2

package/dist/legacy/BaseInput/BaseInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInput.js","names":["React","useContext","PropTypes","clsx","Input","withStyles","refType","styles","HvFormElementContext","HvFormElementDescriptorsContext","buildFormElementPropsFromContext","buildAriaPropsFromContext","HvBaseInput","props","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","formElementProps","localInvalid","status","formElementDescriptorsContext","ariaProps","onChangeHandler","event","target","root","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputBorderContainer","formElementType","propTypes","string","shape","isRequired","bool","func","instanceOf","Object"],"sources":["../../../src/BaseInput/BaseInput.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Input, withStyles } from \"@material-ui/core\";\nimport { refType } from \"../utils\";\nimport styles from \"./styles\";\n\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n} from \"../Forms/FormElement\";\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nconst HvBaseInput = (props) => {\n  const {\n    classes,\n    className = \"\",\n\n    id,\n    name,\n\n    value,\n    defaultValue,\n\n    required,\n    readOnly,\n    disabled,\n\n    onChange,\n\n    type = \"text\",\n\n    placeholder,\n\n    multiline = false,\n    resizable = false,\n    invalid = false,\n\n    inputRef,\n    inputProps = {},\n\n    ...others\n  } = props;\n\n  const formElementContext = useContext(HvFormElementContext);\n  const formElementProps = buildFormElementPropsFromContext(props, formElementContext);\n\n  const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n  const formElementDescriptorsContext = useContext(HvFormElementDescriptorsContext);\n  const ariaProps = buildAriaPropsFromContext(\n    inputProps,\n    formElementDescriptorsContext,\n    localInvalid,\n    id\n  );\n\n  const onChangeHandler = (event) => {\n    onChange?.(event, event.target.value);\n  };\n\n  return (\n    <div\n      className={clsx(classes.root, className, {\n        [classes.disabled]: formElementProps.disabled,\n        [classes.invalid]: localInvalid,\n        [classes.resizable]: multiline && resizable,\n        [classes.readOnly]: readOnly,\n      })}\n    >\n      <Input\n        id={id}\n        name={formElementProps.name}\n        value={value}\n        defaultValue={defaultValue}\n        type={type}\n        placeholder={placeholder}\n        readOnly={formElementProps.readOnly}\n        disabled={formElementProps.disabled}\n        onChange={onChangeHandler}\n        classes={{\n          root: classes.inputRoot,\n          focused: classes.inputRootFocused,\n          disabled: classes.inputRootDisabled,\n          multiline: classes.inputRootMultiline,\n          input: clsx(classes.input, {\n            [classes.inputResizable]: !formElementProps.disabled && resizable,\n          }),\n        }}\n        inputProps={{\n          // avoid the required attribute at the root node\n          required: formElementProps.required,\n          ...inputProps,\n          ...ariaProps,\n        }}\n        inputRef={inputRef}\n        multiline={multiline}\n        rows={10}\n        {...others}\n      />\n      {!multiline && <div role=\"presentation\" className={classes.inputBorderContainer} />}\n    </div>\n  );\n};\n\nHvBaseInput.formElementType = \"input\";\n\nHvBaseInput.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root container of the input.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is resizable.\n     */\n    resizable: PropTypes.string,\n\n    /**\n     * Styles applied to input root which is the input that encloses all the other elements.\n     */\n    inputRoot: PropTypes.string,\n    /**\n     * Styles applied to input root when it is focused.\n     */\n    inputRootFocused: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is disabled.\n     */\n    inputRootDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is multiline mode.\n     */\n    inputRootMultiline: PropTypes.string,\n\n    /**\n     * Styles applied to input html element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is resizable.\n     */\n    inputResizable: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the border element.\n     */\n    inputBorderContainer: PropTypes.string,\n    /**\n     * Styles applied to the container of the border element, when in read only mode.\n     */\n    readOnly: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The value of the input, when controlled.\n   */\n  value: PropTypes.string,\n  /**\n   * The initial value of the input, when uncontrolled.\n   */\n  defaultValue: PropTypes.string,\n\n  /**\n   * If `true` the input is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * If true, the input element will be required.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The input type.\n   */\n  type: PropTypes.string,\n\n  /**\n   * Label inside the input used to help user.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * If true, a textarea element will be rendered.\n   */\n  multiline: PropTypes.bool,\n  /**\n   * If true and multiline is also true the textarea element will be resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Denotes if the input is in an invalid state.\n   */\n  invalid: PropTypes.bool,\n\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * Allows passing a ref to the underlying input\n   */\n  inputRef: refType,\n};\n\nexport default withStyles(styles, { name: \"HvBaseInput\" })(HvBaseInput);\n"],"mappings":"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"}
+{"version":3,"file":"BaseInput.js","names":["React","useContext","PropTypes","clsx","Input","withStyles","refType","styles","HvFormElementContext","HvFormElementDescriptorsContext","buildFormElementPropsFromContext","buildAriaPropsFromContext","HvBaseInput","props","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","formElementProps","localInvalid","status","formElementDescriptorsContext","ariaProps","onChangeHandler","event","target","root","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputBorderContainer","formElementType","propTypes","string","shape","isRequired","bool","func","instanceOf","Object"],"sources":["../../../src/BaseInput/BaseInput.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Input, withStyles } from \"@material-ui/core\";\nimport { refType } from \"../utils\";\nimport styles from \"./styles\";\n\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n} from \"../Forms/FormElement\";\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nconst HvBaseInput = (props) => {\n  const {\n    classes,\n    className = \"\",\n\n    id,\n    name,\n\n    value,\n    defaultValue,\n\n    required,\n    readOnly,\n    disabled,\n\n    onChange,\n\n    type = \"text\",\n\n    placeholder,\n\n    multiline = false,\n    resizable = false,\n    invalid = false,\n\n    inputRef,\n    inputProps = {},\n\n    ...others\n  } = props;\n\n  const formElementContext = useContext(HvFormElementContext);\n  const formElementProps = buildFormElementPropsFromContext(props, formElementContext);\n\n  const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n  const formElementDescriptorsContext = useContext(HvFormElementDescriptorsContext);\n  const ariaProps = buildAriaPropsFromContext(\n    inputProps,\n    formElementDescriptorsContext,\n    localInvalid,\n    id\n  );\n\n  const onChangeHandler = (event) => {\n    onChange?.(event, event.target.value);\n  };\n\n  return (\n    <div\n      className={clsx(classes.root, className, {\n        [classes.disabled]: formElementProps.disabled,\n        [classes.invalid]: localInvalid,\n        [classes.resizable]: multiline && resizable,\n        [classes.readOnly]: readOnly,\n      })}\n    >\n      <Input\n        id={id}\n        name={formElementProps.name}\n        value={value}\n        defaultValue={defaultValue}\n        type={type}\n        placeholder={placeholder}\n        readOnly={formElementProps.readOnly}\n        disabled={formElementProps.disabled}\n        onChange={onChangeHandler}\n        classes={{\n          root: classes.inputRoot,\n          focused: classes.inputRootFocused,\n          disabled: classes.inputRootDisabled,\n          multiline: classes.inputRootMultiline,\n          input: clsx(classes.input, {\n            [classes.inputResizable]: !formElementProps.disabled && resizable,\n            [classes.inputDisabled]: disabled,\n          }),\n        }}\n        inputProps={{\n          // avoid the required attribute at the root node\n          required: formElementProps.required,\n          ...inputProps,\n          ...ariaProps,\n        }}\n        inputRef={inputRef}\n        multiline={multiline}\n        rows={10}\n        {...others}\n      />\n      {!multiline && <div role=\"presentation\" className={classes.inputBorderContainer} />}\n    </div>\n  );\n};\n\nHvBaseInput.formElementType = \"input\";\n\nHvBaseInput.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root container of the input.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is resizable.\n     */\n    resizable: PropTypes.string,\n\n    /**\n     * Styles applied to input root which is the input that encloses all the other elements.\n     */\n    inputRoot: PropTypes.string,\n    /**\n     * Styles applied to input root when it is focused.\n     */\n    inputRootFocused: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is disabled.\n     */\n    inputRootDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is multiline mode.\n     */\n    inputRootMultiline: PropTypes.string,\n\n    /**\n     * Styles applied to input html element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to input html element when is disabled.\n     */\n    inputDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is resizable.\n     */\n    inputResizable: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the border element.\n     */\n    inputBorderContainer: PropTypes.string,\n    /**\n     * Styles applied to the container of the border element, when in read only mode.\n     */\n    readOnly: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The value of the input, when controlled.\n   */\n  value: PropTypes.string,\n  /**\n   * The initial value of the input, when uncontrolled.\n   */\n  defaultValue: PropTypes.string,\n\n  /**\n   * If `true` the input is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * If true, the input element will be required.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The input type.\n   */\n  type: PropTypes.string,\n\n  /**\n   * Label inside the input used to help user.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * If true, a textarea element will be rendered.\n   */\n  multiline: PropTypes.bool,\n  /**\n   * If true and multiline is also true the textarea element will be resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Denotes if the input is in an invalid state.\n   */\n  invalid: PropTypes.bool,\n\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * Allows passing a ref to the underlying input\n   */\n  inputRef: refType,\n};\n\nexport default withStyles(styles, { name: \"HvBaseInput\" })(HvBaseInput);\n"],"mappings":"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"}

package/dist/legacy/BaseInput/styles.js

@@ -185,6 +185,9 @@ var styles = function styles(theme) {
       width: "initial",
       flexGrow: 1
     }),
+    inputDisabled: {
+      color: theme.hv.palette.atmosphere.atmo5
+    },
     inputResizable: {
       resize: "both",
       width: "100%"

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","resizable","readOnly","disabled","atmosphere","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","atmo1","inputRootFocused","background","inputRootDisabled","cursor","inputRootMultiline","padding","height","minHeight","marginLeft","marginRight","input","spacing","xs","typography","normalText","textOverflow","outline","placeholderText","opacity","flexGrow","inputResizable","resize","inputBorderContainer","top","left","color"],"sources":["../../../src/BaseInput/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n    position: \"relative\",\n    \"& $inputRootMultiline\": {\n      overflow: \"auto\",\n      border: \"none\",\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  readOnly: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n\n    // multiline\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n  },\n  disabled: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n  },\n  invalid: {\n    \"&:not($disabled)\": {\n      \"& $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"&:hover $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"& $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:hover $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n    },\n  },\n\n  inputRoot: {\n    margin: 0,\n    width: \"100%\",\n    borderRadius: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputRootFocused: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    ...outlineStyles,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n    },\n  },\n  inputRootDisabled: {\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo3,\n      cursor: \"not-allowed\",\n    },\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n    backgroundColor: \"transparent\",\n    \"& $input\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      height: \"auto\",\n      minHeight: \"21px\",\n      padding: \"5px 10px\",\n      overflow: \"auto\",\n      marginLeft: \"0px\",\n      marginRight: \"0px\",\n    },\n  },\n\n  input: {\n    height: \"21px\",\n    marginLeft: theme.hv.spacing.xs,\n    marginRight: theme.hv.spacing.xs,\n    padding: \"6px 0 5px\",\n    ...theme.hv.typography.normalText,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    outline: \"none\",\n    \"&::placeholder\": {\n      ...theme.hv.typography.placeholderText,\n      opacity: 1,\n    },\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n    width: \"initial\",\n    flexGrow: 1,\n  },\n  inputResizable: {\n    resize: \"both\",\n    width: \"100%\",\n  },\n\n  inputBorderContainer: {\n    position: \"absolute\",\n    width: \"calc(100% - 4px)\",\n    height: \"1px\",\n    top: \"31px\",\n    left: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n\n  \"@global\": {\n    \"input:-webkit-autofill\": {\n      \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n      \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","resizable","readOnly","disabled","atmosphere","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","atmo1","inputRootFocused","background","inputRootDisabled","cursor","inputRootMultiline","padding","height","minHeight","marginLeft","marginRight","input","spacing","xs","typography","normalText","textOverflow","outline","placeholderText","opacity","flexGrow","inputDisabled","color","atmo5","inputResizable","resize","inputBorderContainer","top","left"],"sources":["../../../src/BaseInput/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n    position: \"relative\",\n    \"& $inputRootMultiline\": {\n      overflow: \"auto\",\n      border: \"none\",\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  readOnly: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n\n    // multiline\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n  },\n  disabled: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n  },\n  invalid: {\n    \"&:not($disabled)\": {\n      \"& $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"&:hover $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"& $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:hover $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n    },\n  },\n\n  inputRoot: {\n    margin: 0,\n    width: \"100%\",\n    borderRadius: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputRootFocused: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    ...outlineStyles,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n    },\n  },\n  inputRootDisabled: {\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo3,\n      cursor: \"not-allowed\",\n    },\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n    backgroundColor: \"transparent\",\n    \"& $input\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      height: \"auto\",\n      minHeight: \"21px\",\n      padding: \"5px 10px\",\n      overflow: \"auto\",\n      marginLeft: \"0px\",\n      marginRight: \"0px\",\n    },\n  },\n\n  input: {\n    height: \"21px\",\n    marginLeft: theme.hv.spacing.xs,\n    marginRight: theme.hv.spacing.xs,\n    padding: \"6px 0 5px\",\n    ...theme.hv.typography.normalText,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    outline: \"none\",\n    \"&::placeholder\": {\n      ...theme.hv.typography.placeholderText,\n      opacity: 1,\n    },\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n    width: \"initial\",\n    flexGrow: 1,\n  },\n  inputDisabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n  inputResizable: {\n    resize: \"both\",\n    width: \"100%\",\n  },\n\n  inputBorderContainer: {\n    position: \"absolute\",\n    width: \"calc(100% - 4px)\",\n    height: \"1px\",\n    top: \"31px\",\n    left: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n\n  \"@global\": {\n    \"input:-webkit-autofill\": {\n      \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n      \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/legacy/FilterGroup/Counter/Counter.js

@@ -1,9 +1,9 @@
 import "core-js/modules/es.array.find.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.array.find-index.js";
-import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.array.flat.js";
 import "core-js/modules/es.array.unscopables.flat.js";
+import "core-js/modules/es.array.filter.js";
 import React, { useContext } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
@@ -11,7 +11,7 @@ import { FilterGroupContext } from "../FilterGroupContext";
 import useStyles from "./styles";
 
 var Counter = function Counter(_ref) {
-  var _filterValues$optionI;
+  var _appliedFilters$flat, _filterValues$optionI;
 
   var className = _ref.className,
       id = _ref.id;
@@ -19,8 +19,10 @@ var Counter = function Counter(_ref) {
 
   var _useContext = useContext(FilterGroupContext),
       filterOptions = _useContext.filterOptions,
-      filterValues = _useContext.filterValues,
-      appliedFilters = _useContext.appliedFilters;
+      _useContext$filterVal = _useContext.filterValues,
+      filterValues = _useContext$filterVal === void 0 ? [] : _useContext$filterVal,
+      _useContext$appliedFi = _useContext.appliedFilters,
+      appliedFilters = _useContext$appliedFi === void 0 ? [] : _useContext$appliedFi;
 
   var options = id ? [filterOptions.find(function (option) {
     return option.id === id;
@@ -28,9 +30,9 @@ var Counter = function Counter(_ref) {
   var optionIdx = filterOptions.findIndex(function (option) {
     return option.id === id;
   });
-  var groupsCounter = appliedFilters.flat().filter(function (elem) {
+  var groupsCounter = (appliedFilters === null || appliedFilters === void 0 ? void 0 : (_appliedFilters$flat = appliedFilters.flat()) === null || _appliedFilters$flat === void 0 ? void 0 : _appliedFilters$flat.filter(function (elem) {
     return elem !== undefined;
-  }).length || 0;
+  }).length) || 0;
   var partialCounter = id ? ((_filterValues$optionI = filterValues[optionIdx]) === null || _filterValues$optionI === void 0 ? void 0 : _filterValues$optionI.length) || 0 : groupsCounter;
   var totalCounter = options.reduce(function (acc, option) {
     return acc + option.data.length;

package/dist/legacy/FilterGroup/Counter/Counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","names":["React","useContext","clsx","PropTypes","FilterGroupContext","useStyles","Counter","className","id","classes","filterOptions","filterValues","appliedFilters","options","find","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","length","partialCounter","totalCounter","reduce","acc","data","root","propTypes","string"],"sources":["../../../../src/FilterGroup/Counter/Counter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst Counter = ({ className, id }) => {\n  const classes = useStyles();\n  const { filterOptions, filterValues, appliedFilters } = useContext(FilterGroupContext);\n\n  const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n  const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n  const groupsCounter = appliedFilters.flat().filter((elem) => elem !== undefined).length || 0;\n  const partialCounter = id ? filterValues[optionIdx]?.length || 0 : groupsCounter;\n  const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n      {` / ${totalCounter}`}\n    </div>\n  );\n};\n\nCounter.propTypes = {\n  className: PropTypes.string,\n  id: PropTypes.string,\n};\n\nexport default Counter;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAAuB;EAAA;;EAAA,IAApBC,SAAoB,QAApBA,SAAoB;EAAA,IAATC,EAAS,QAATA,EAAS;EACrC,IAAMC,OAAO,GAAGJ,SAAS,EAAzB;;EACA,kBAAwDJ,UAAU,CAACG,kBAAD,CAAlE;EAAA,IAAQM,aAAR,eAAQA,aAAR;EAAA,IAAuBC,YAAvB,eAAuBA,YAAvB;EAAA,IAAqCC,cAArC,eAAqCA,cAArC;;EAEA,IAAMC,OAAO,GAAGL,EAAE,GAAG,CAACE,aAAa,CAACI,IAAd,CAAmB,UAACC,MAAD;IAAA,OAAYA,MAAM,CAACP,EAAP,KAAcA,EAA1B;EAAA,CAAnB,CAAD,CAAH,GAAwDE,aAA1E;EACA,IAAMM,SAAS,GAAGN,aAAa,CAACO,SAAd,CAAwB,UAACF,MAAD;IAAA,OAAYA,MAAM,CAACP,EAAP,KAAcA,EAA1B;EAAA,CAAxB,CAAlB;EAEA,IAAMU,aAAa,GAAGN,cAAc,CAACO,IAAf,GAAsBC,MAAtB,CAA6B,UAACC,IAAD;IAAA,OAAUA,IAAI,KAAKC,SAAnB;EAAA,CAA7B,EAA2DC,MAA3D,IAAqE,CAA3F;EACA,IAAMC,cAAc,GAAGhB,EAAE,GAAG,0BAAAG,YAAY,CAACK,SAAD,CAAZ,gFAAyBO,MAAzB,KAAmC,CAAtC,GAA0CL,aAAnE;EACA,IAAMO,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,UAACC,GAAD,EAAMZ,MAAN;IAAA,OAAiBY,GAAG,GAAGZ,MAAM,CAACa,IAAP,CAAYL,MAAnC;EAAA,CAAf,EAA0D,CAA1D,CAArB;EAEA,oBACE;IAAK,SAAS,EAAErB,IAAI,CAACO,OAAO,CAACoB,IAAT,EAAetB,SAAf;EAApB,GACGiB,cAAc,GAAG,CAAjB,gBAAqB,+BAAIA,cAAJ,CAArB,GAA+CA,cADlD,eAESC,YAFT,EADF;AAMD,CAjBD;;AAmBA,wCAAAnB,OAAO,CAACwB,SAAR,GAAoB;EAClBvB,SAAS,EAAEJ,SAAS,CAAC4B,MADH;EAElBvB,EAAE,EAAEL,SAAS,CAAC4B;AAFI,CAApB;AAKA,eAAezB,OAAf"}
+{"version":3,"file":"Counter.js","names":["React","useContext","clsx","PropTypes","FilterGroupContext","useStyles","Counter","className","id","classes","filterOptions","filterValues","appliedFilters","options","find","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","length","partialCounter","totalCounter","reduce","acc","data","root","propTypes","string"],"sources":["../../../../src/FilterGroup/Counter/Counter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst Counter = ({ className, id }) => {\n  const classes = useStyles();\n  const { filterOptions, filterValues = [], appliedFilters = [] } = useContext(FilterGroupContext);\n\n  const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n  const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n  const groupsCounter = appliedFilters?.flat()?.filter((elem) => elem !== undefined).length || 0;\n  const partialCounter = id ? filterValues[optionIdx]?.length || 0 : groupsCounter;\n  const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n      {` / ${totalCounter}`}\n    </div>\n  );\n};\n\nCounter.propTypes = {\n  className: PropTypes.string,\n  id: PropTypes.string,\n};\n\nexport default Counter;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAAuB;EAAA;;EAAA,IAApBC,SAAoB,QAApBA,SAAoB;EAAA,IAATC,EAAS,QAATA,EAAS;EACrC,IAAMC,OAAO,GAAGJ,SAAS,EAAzB;;EACA,kBAAkEJ,UAAU,CAACG,kBAAD,CAA5E;EAAA,IAAQM,aAAR,eAAQA,aAAR;EAAA,wCAAuBC,YAAvB;EAAA,IAAuBA,YAAvB,sCAAsC,EAAtC;EAAA,wCAA0CC,cAA1C;EAAA,IAA0CA,cAA1C,sCAA2D,EAA3D;;EAEA,IAAMC,OAAO,GAAGL,EAAE,GAAG,CAACE,aAAa,CAACI,IAAd,CAAmB,UAACC,MAAD;IAAA,OAAYA,MAAM,CAACP,EAAP,KAAcA,EAA1B;EAAA,CAAnB,CAAD,CAAH,GAAwDE,aAA1E;EACA,IAAMM,SAAS,GAAGN,aAAa,CAACO,SAAd,CAAwB,UAACF,MAAD;IAAA,OAAYA,MAAM,CAACP,EAAP,KAAcA,EAA1B;EAAA,CAAxB,CAAlB;EAEA,IAAMU,aAAa,GAAG,CAAAN,cAAc,SAAd,IAAAA,cAAc,WAAd,oCAAAA,cAAc,CAAEO,IAAhB,gFAAwBC,MAAxB,CAA+B,UAACC,IAAD;IAAA,OAAUA,IAAI,KAAKC,SAAnB;EAAA,CAA/B,EAA6DC,MAA7D,KAAuE,CAA7F;EACA,IAAMC,cAAc,GAAGhB,EAAE,GAAG,0BAAAG,YAAY,CAACK,SAAD,CAAZ,gFAAyBO,MAAzB,KAAmC,CAAtC,GAA0CL,aAAnE;EACA,IAAMO,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,UAACC,GAAD,EAAMZ,MAAN;IAAA,OAAiBY,GAAG,GAAGZ,MAAM,CAACa,IAAP,CAAYL,MAAnC;EAAA,CAAf,EAA0D,CAA1D,CAArB;EAEA,oBACE;IAAK,SAAS,EAAErB,IAAI,CAACO,OAAO,CAACoB,IAAT,EAAetB,SAAf;EAApB,GACGiB,cAAc,GAAG,CAAjB,gBAAqB,+BAAIA,cAAJ,CAArB,GAA+CA,cADlD,eAESC,YAFT,EADF;AAMD,CAjBD;;AAmBA,wCAAAnB,OAAO,CAACwB,SAAR,GAAoB;EAClBvB,SAAS,EAAEJ,SAAS,CAAC4B,MADH;EAElBvB,EAAE,EAAEL,SAAS,CAAC4B;AAFI,CAApB;AAKA,eAAezB,OAAf"}

package/dist/legacy/FilterGroup/FilterContent/FilterContent.js

@@ -149,7 +149,7 @@ var FilterContent = function FilterContent(_ref) {
     className: classes.actionBar
   }, /*#__PURE__*/React.createElement(HvButton, {
     id: setId(id, "clearFilters-button"),
-    disabled: defaultValue ? defaultValue.flat().length === filterValues.flat().length : filterValues.flat().length === 0,
+    disabled: defaultValue ? (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.flat().length) === (filterValues === null || filterValues === void 0 ? void 0 : filterValues.flat().length) : (filterValues === null || filterValues === void 0 ? void 0 : filterValues.flat().length) === 0,
     category: "ghost",
     onClick: onClearHandler
   }, labels.clearLabel), /*#__PURE__*/React.createElement("div", {

package/dist/legacy/FilterGroup/FilterContent/FilterContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterContent.js","names":["React","useMemo","useState","useRef","useContext","PropTypes","Filters","FilterGroupContext","LeftPanel","RightPanel","Counter","useStyles","setId","HvBaseDropdown","HvTypography","HvButton","HvActionBar","FilterContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","others","classes","filterGroupOpen","setFilterGroupOpen","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","focusTarget","focusOnContainer","current","focus","onApplyHandler","evt","onCancelHandler","onClearHandler","handleToggle","open","Header","placeholder","root","dropdown","panel","selection","baseDropdownSelection","header","modifiers","name","enabled","undefined","join","trim","leftSidePanel","rightSidePanel","actionBar","flat","length","clearLabel","space","applyLabel","cancelLabel","propTypes","string","node","bool","oneOf","func","shape","searchBoxPlaceholder","selectAll","multiSelectionConjunction","any"],"sources":["../../../../src/FilterGroup/FilterContent/FilterContent.js"],"sourcesContent":["import React, { useMemo, useState, useRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport LeftPanel from \"../LeftPanel\";\nimport RightPanel from \"../RightPanel\";\nimport Counter from \"../Counter\";\n\nimport useStyles from \"./styles\";\n\nimport { setId, HvBaseDropdown, HvTypography, HvButton, HvActionBar } from \"../..\";\n\nconst FilterContent = ({\n  id,\n  status,\n  disabled = false,\n\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  labels,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height,\n\n  ...others\n}) => {\n  const classes = useStyles();\n  const [filterGroupOpen, setFilterGroupOpen] = useState(false);\n\n  const { defaultValue, filterValues, rollbackFilters, clearFilters, applyFilters, applyDisabled } =\n    useContext(FilterGroupContext);\n\n  const focusTarget = useRef();\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const onApplyHandler = (evt) => {\n    applyFilters();\n    onChange?.(evt, filterValues);\n    setFilterGroupOpen(false);\n  };\n\n  const onCancelHandler = (evt) => {\n    rollbackFilters();\n    onCancel?.(evt);\n    setFilterGroupOpen(false);\n  };\n\n  const onClearHandler = (evt) => {\n    clearFilters();\n    onClear?.(evt);\n  };\n\n  const handleToggle = (evt, open) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (evt === null) return;\n    setFilterGroupOpen(open);\n    if (!open) onCancelHandler?.(evt);\n  };\n\n  const Header = useMemo(\n    () => (\n      <>\n        <Filters />\n        <HvTypography variant=\"highlightText\">{labels.placeholder}</HvTypography>\n      </>\n    ),\n    [labels.placeholder]\n  );\n\n  return (\n    <HvBaseDropdown\n      id={setId(id, \"dropdown\")}\n      role=\"combobox\"\n      classes={{\n        root: classes.dropdown,\n        panel: classes.panel,\n        selection: classes.baseDropdownSelection,\n        header: classes.header,\n      }}\n      disabled={disabled}\n      disablePortal={disablePortal}\n      variableWidth\n      placement={horizontalPlacement}\n      expanded={filterGroupOpen}\n      onToggle={handleToggle}\n      onClickOutside={onCancelHandler}\n      onContainerCreation={focusOnContainer}\n      placeholder={Header}\n      adornment={<Counter />}\n      popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n      aria-haspopup=\"dialog\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={status === \"invalid\" ? true : undefined}\n      aria-errormessage={status === \"invalid\" ? setId(id, \"error\") : undefined}\n      aria-describedby={\n        [description && setId(id, \"description\"), ariaDescribedBy].join(\" \").trim() || undefined\n      }\n      {...others}\n    >\n      <div ref={focusTarget} tabIndex={-1} />\n      <div className={classes.root} style={{ height }}>\n        <LeftPanel id={id} className={classes.leftSidePanel} />\n        <RightPanel id={id} className={classes.rightSidePanel} labels={labels} />\n      </div>\n      <HvActionBar className={classes.actionBar}>\n        <HvButton\n          id={setId(id, \"clearFilters-button\")}\n          disabled={\n            defaultValue\n              ? defaultValue.flat().length === filterValues.flat().length\n              : filterValues.flat().length === 0\n          }\n          category=\"ghost\"\n          onClick={onClearHandler}\n        >\n          {labels.clearLabel}\n        </HvButton>\n        <div aria-hidden=\"true\" className={classes.space}>\n          &nbsp;\n        </div>\n        <HvButton\n          id={setId(id, \"apply-button\")}\n          disabled={applyDisabled}\n          category=\"ghost\"\n          onClick={onApplyHandler}\n        >\n          {labels.applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"cancel-button\")} category=\"ghost\" onClick={onCancelHandler}>\n          {labels.cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    </HvBaseDropdown>\n  );\n};\n\nFilterContent.propTypes = {\n  id: PropTypes.string,\n\n  \"aria-label\": PropTypes.string,\n  \"aria-labelledby\": PropTypes.string,\n  description: PropTypes.node,\n  \"aria-describedby\": PropTypes.string,\n  disabled: PropTypes.bool,\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n\n  onChange: PropTypes.func,\n  onCancel: PropTypes.func,\n  onClear: PropTypes.func,\n\n  labels: PropTypes.shape({\n    applyLabel: PropTypes.string,\n    cancelLabel: PropTypes.string,\n    clearLabel: PropTypes.string,\n    placeholder: PropTypes.string,\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n  disablePortal: PropTypes.bool,\n  escapeWithReference: PropTypes.bool,\n  height: PropTypes.any,\n};\n\nexport default FilterContent;\n"],"mappings":"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"}
+{"version":3,"file":"FilterContent.js","names":["React","useMemo","useState","useRef","useContext","PropTypes","Filters","FilterGroupContext","LeftPanel","RightPanel","Counter","useStyles","setId","HvBaseDropdown","HvTypography","HvButton","HvActionBar","FilterContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","others","classes","filterGroupOpen","setFilterGroupOpen","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","focusTarget","focusOnContainer","current","focus","onApplyHandler","evt","onCancelHandler","onClearHandler","handleToggle","open","Header","placeholder","root","dropdown","panel","selection","baseDropdownSelection","header","modifiers","name","enabled","undefined","join","trim","leftSidePanel","rightSidePanel","actionBar","flat","length","clearLabel","space","applyLabel","cancelLabel","propTypes","string","node","bool","oneOf","func","shape","searchBoxPlaceholder","selectAll","multiSelectionConjunction","any"],"sources":["../../../../src/FilterGroup/FilterContent/FilterContent.js"],"sourcesContent":["import React, { useMemo, useState, useRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport LeftPanel from \"../LeftPanel\";\nimport RightPanel from \"../RightPanel\";\nimport Counter from \"../Counter\";\n\nimport useStyles from \"./styles\";\n\nimport { setId, HvBaseDropdown, HvTypography, HvButton, HvActionBar } from \"../..\";\n\nconst FilterContent = ({\n  id,\n  status,\n  disabled = false,\n\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  labels,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height,\n\n  ...others\n}) => {\n  const classes = useStyles();\n  const [filterGroupOpen, setFilterGroupOpen] = useState(false);\n\n  const { defaultValue, filterValues, rollbackFilters, clearFilters, applyFilters, applyDisabled } =\n    useContext(FilterGroupContext);\n\n  const focusTarget = useRef();\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const onApplyHandler = (evt) => {\n    applyFilters();\n    onChange?.(evt, filterValues);\n    setFilterGroupOpen(false);\n  };\n\n  const onCancelHandler = (evt) => {\n    rollbackFilters();\n    onCancel?.(evt);\n    setFilterGroupOpen(false);\n  };\n\n  const onClearHandler = (evt) => {\n    clearFilters();\n    onClear?.(evt);\n  };\n\n  const handleToggle = (evt, open) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (evt === null) return;\n    setFilterGroupOpen(open);\n    if (!open) onCancelHandler?.(evt);\n  };\n\n  const Header = useMemo(\n    () => (\n      <>\n        <Filters />\n        <HvTypography variant=\"highlightText\">{labels.placeholder}</HvTypography>\n      </>\n    ),\n    [labels.placeholder]\n  );\n\n  return (\n    <HvBaseDropdown\n      id={setId(id, \"dropdown\")}\n      role=\"combobox\"\n      classes={{\n        root: classes.dropdown,\n        panel: classes.panel,\n        selection: classes.baseDropdownSelection,\n        header: classes.header,\n      }}\n      disabled={disabled}\n      disablePortal={disablePortal}\n      variableWidth\n      placement={horizontalPlacement}\n      expanded={filterGroupOpen}\n      onToggle={handleToggle}\n      onClickOutside={onCancelHandler}\n      onContainerCreation={focusOnContainer}\n      placeholder={Header}\n      adornment={<Counter />}\n      popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n      aria-haspopup=\"dialog\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={status === \"invalid\" ? true : undefined}\n      aria-errormessage={status === \"invalid\" ? setId(id, \"error\") : undefined}\n      aria-describedby={\n        [description && setId(id, \"description\"), ariaDescribedBy].join(\" \").trim() || undefined\n      }\n      {...others}\n    >\n      <div ref={focusTarget} tabIndex={-1} />\n      <div className={classes.root} style={{ height }}>\n        <LeftPanel id={id} className={classes.leftSidePanel} />\n        <RightPanel id={id} className={classes.rightSidePanel} labels={labels} />\n      </div>\n      <HvActionBar className={classes.actionBar}>\n        <HvButton\n          id={setId(id, \"clearFilters-button\")}\n          disabled={\n            defaultValue\n              ? defaultValue?.flat().length === filterValues?.flat().length\n              : filterValues?.flat().length === 0\n          }\n          category=\"ghost\"\n          onClick={onClearHandler}\n        >\n          {labels.clearLabel}\n        </HvButton>\n        <div aria-hidden=\"true\" className={classes.space}>\n          &nbsp;\n        </div>\n        <HvButton\n          id={setId(id, \"apply-button\")}\n          disabled={applyDisabled}\n          category=\"ghost\"\n          onClick={onApplyHandler}\n        >\n          {labels.applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"cancel-button\")} category=\"ghost\" onClick={onCancelHandler}>\n          {labels.cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    </HvBaseDropdown>\n  );\n};\n\nFilterContent.propTypes = {\n  id: PropTypes.string,\n\n  \"aria-label\": PropTypes.string,\n  \"aria-labelledby\": PropTypes.string,\n  description: PropTypes.node,\n  \"aria-describedby\": PropTypes.string,\n  disabled: PropTypes.bool,\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n\n  onChange: PropTypes.func,\n  onCancel: PropTypes.func,\n  onClear: PropTypes.func,\n\n  labels: PropTypes.shape({\n    applyLabel: PropTypes.string,\n    cancelLabel: PropTypes.string,\n    clearLabel: PropTypes.string,\n    placeholder: PropTypes.string,\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n  disablePortal: PropTypes.bool,\n  escapeWithReference: PropTypes.bool,\n  height: PropTypes.any,\n};\n\nexport default FilterContent;\n"],"mappings":"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"}

package/dist/legacy/FilterGroup/FilterGroup.d.ts

@@ -3,21 +3,19 @@ import { HvFormElementProps } from "..";
 
 export type HvFilterGroupClassKey = "root" | "labelContainer" | "label" | "description" | "error";
 
-interface FilterValue {
-  value: string | number[][];
-}
+export type FilterValue = (string | number)[][];
 
 export interface HvFilterGroupProps
-  extends StandardProps<HvFormElementProps, HvFilterGroupClassKey> {
+  extends StandardProps<HvFormElementProps, HvFilterGroupClassKey, "defaultValue"> {
   /**
    * The callback fired when the cancel button is clicked.
    */
-  onCancel: (event: Event) => void;
+  onCancel?: (event: Event) => void;
 
   /**
    * The callback fired when the clear filters button is clicked.
    */
-  onClear: (event: Event) => void;
+  onClear?: (event: Event) => void;
 
   /**
    * The callback fired when the value changes.
@@ -72,7 +70,6 @@ export interface HvFilterGroupProps
     data: {
       id: string | number;
       name: string;
-      checked?: boolean;
     }[];
   }[];
 

package/dist/legacy/FilterGroup/RightPanel/RightPanel.js

@@ -51,7 +51,8 @@ var RightPanel = function RightPanel(_ref) {
 
   var _useContext = useContext(FilterGroupContext),
       filterOptions = _useContext.filterOptions,
-      filterValues = _useContext.filterValues,
+      _useContext$filterVal = _useContext.filterValues,
+      filterValues = _useContext$filterVal === void 0 ? [] : _useContext$filterVal,
       setFilterValues = _useContext.setFilterValues,
       activeGroup = _useContext.activeGroup;
 

package/dist/legacy/FilterGroup/RightPanel/RightPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightPanel.js","names":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","string","shape"],"sources":["../../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels }) => {\n  const classes = useStyles();\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n\n  const { filterOptions, filterValues, setFilterValues, activeGroup } =\n    useContext(FilterGroupContext);\n\n  const activeGroupOptions = useMemo(\n    () => filterOptions[activeGroup].data.map((option) => option.id),\n    [filterOptions, activeGroup]\n  );\n\n  const activeFilterValues = useMemo(\n    () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n    [filterValues, activeGroupOptions, activeGroup]\n  );\n\n  const listValues = useMemo(\n    () =>\n      filterOptions[activeGroup].data.map((option) => ({\n        ...option,\n        label: option.name,\n        selected: filterValues[activeGroup]?.includes(option.id),\n        isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n      })),\n    [filterOptions, filterValues, activeGroup, searchStr]\n  );\n\n  const updateSelectAll = useCallback(() => {\n    const nbrSelected = activeFilterValues?.length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === activeGroupOptions.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  }, [activeFilterValues, activeGroupOptions]);\n\n  useEffect(() => {\n    updateSelectAll();\n  }, [activeFilterValues, updateSelectAll]);\n\n  useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n  const onChangeHandler = (values) => {\n    const newFilterValues = filterOptions.map((option, i) =>\n      activeGroup === i\n        ? values.filter((v) => v.selected).map((v) => v.id)\n        : [...(filterValues[i] || [])]\n    );\n    setFilterValues(newFilterValues);\n  };\n\n  const handleSelectAll = useCallback(() => {\n    const newFilterValues = cloneDeep(filterValues);\n    newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n    setFilterValues(newFilterValues);\n  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const SelectAll = useCallback(() => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = activeFilterValues?.length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${activeGroupOptions.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  }, [\n    activeFilterValues?.length,\n    activeGroupOptions.length,\n    allSelected,\n    anySelected,\n    classes.selectAll,\n    classes.selectAllContainer,\n    classes.selection,\n    handleSelectAll,\n    id,\n    labels,\n  ]);\n\n  return (\n    <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n      <HvInput\n        id={setId(id, \"search\")}\n        classes={{\n          root: classes.search,\n        }}\n        type=\"search\"\n        placeholder={labels.searchBoxPlaceholder}\n        value={searchStr}\n        onChange={(event, str) => setSearchStr(str)}\n      />\n      <SelectAll />\n      <HvList\n        key={activeGroup}\n        id={setId(id, \"list\")}\n        className={classes.list}\n        values={listValues}\n        multiSelect\n        useSelector\n        showSelectAll={false}\n        onChange={onChangeHandler}\n        selectable\n        condensed\n        hasTooltips\n      />\n    </HvPanel>\n  );\n};\n\nRightPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  labels: PropTypes.shape({\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n};\n\nexport default RightPanel;\n"],"mappings":"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"}
+{"version":3,"file":"RightPanel.js","names":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","string","shape"],"sources":["../../../../src/FilterGroup/RightPanel/RightPanel.js"],"sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels }) => {\n  const classes = useStyles();\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n\n  const {\n    filterOptions,\n    filterValues = [],\n    setFilterValues,\n    activeGroup,\n  } = useContext(FilterGroupContext);\n\n  const activeGroupOptions = useMemo(\n    () => filterOptions[activeGroup].data.map((option) => option.id),\n    [filterOptions, activeGroup]\n  );\n\n  const activeFilterValues = useMemo(\n    () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n    [filterValues, activeGroupOptions, activeGroup]\n  );\n\n  const listValues = useMemo(\n    () =>\n      filterOptions[activeGroup].data.map((option) => ({\n        ...option,\n        label: option.name,\n        selected: filterValues[activeGroup]?.includes(option.id),\n        isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n      })),\n    [filterOptions, filterValues, activeGroup, searchStr]\n  );\n\n  const updateSelectAll = useCallback(() => {\n    const nbrSelected = activeFilterValues?.length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === activeGroupOptions.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  }, [activeFilterValues, activeGroupOptions]);\n\n  useEffect(() => {\n    updateSelectAll();\n  }, [activeFilterValues, updateSelectAll]);\n\n  useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n  const onChangeHandler = (values) => {\n    const newFilterValues = filterOptions.map((option, i) =>\n      activeGroup === i\n        ? values.filter((v) => v.selected).map((v) => v.id)\n        : [...(filterValues[i] || [])]\n    );\n    setFilterValues(newFilterValues);\n  };\n\n  const handleSelectAll = useCallback(() => {\n    const newFilterValues = cloneDeep(filterValues);\n    newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n    setFilterValues(newFilterValues);\n  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const SelectAll = useCallback(() => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = activeFilterValues?.length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${activeGroupOptions.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  }, [\n    activeFilterValues?.length,\n    activeGroupOptions.length,\n    allSelected,\n    anySelected,\n    classes.selectAll,\n    classes.selectAllContainer,\n    classes.selection,\n    handleSelectAll,\n    id,\n    labels,\n  ]);\n\n  return (\n    <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n      <HvInput\n        id={setId(id, \"search\")}\n        classes={{\n          root: classes.search,\n        }}\n        type=\"search\"\n        placeholder={labels.searchBoxPlaceholder}\n        value={searchStr}\n        onChange={(event, str) => setSearchStr(str)}\n      />\n      <SelectAll />\n      <HvList\n        key={activeGroup}\n        id={setId(id, \"list\")}\n        className={classes.list}\n        values={listValues}\n        multiSelect\n        useSelector\n        showSelectAll={false}\n        onChange={onChangeHandler}\n        selectable\n        condensed\n        hasTooltips\n      />\n    </HvPanel>\n  );\n};\n\nRightPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  labels: PropTypes.shape({\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n};\n\nexport default RightPanel;\n"],"mappings":"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"}

package/dist/legacy/Forms/FormElement/index.d.ts

@@ -1,3 +1,7 @@
 export { default } from "./FormElement";
 export * from "./FormElement";
 export * from "./context/FormElementContext";
+export * from "./context/FormElementValueContext";
+export * from "./context/FormElementDescriptorsContext";
+export * from "./utils/FormUtils";
+export * from "./validationStates";

package/dist/legacy/Forms/FormElement/index.js

@@ -3,4 +3,5 @@ export * from "./context/FormElementContext";
 export * from "./context/FormElementValueContext";
 export * from "./context/FormElementDescriptorsContext";
 export * from "./utils/FormUtils";
+export * from "./validationStates";
 //# sourceMappingURL=index.js.map

package/dist/legacy/Forms/FormElement/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Forms/FormElement/index.js"],"sourcesContent":["export { default } from \"./FormElement\";\nexport * from \"./context/FormElementContext\";\nexport * from \"./context/FormElementValueContext\";\nexport * from \"./context/FormElementDescriptorsContext\";\nexport * from \"./utils/FormUtils\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB;AACA,cAAc,8BAAd;AACA,cAAc,mCAAd;AACA,cAAc,yCAAd;AACA,cAAc,mBAAd"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Forms/FormElement/index.js"],"sourcesContent":["export { default } from \"./FormElement\";\nexport * from \"./context/FormElementContext\";\nexport * from \"./context/FormElementValueContext\";\nexport * from \"./context/FormElementDescriptorsContext\";\nexport * from \"./utils/FormUtils\";\nexport * from \"./validationStates\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB;AACA,cAAc,8BAAd;AACA,cAAc,mCAAd;AACA,cAAc,yCAAd;AACA,cAAc,mBAAd;AACA,cAAc,oBAAd"}

package/dist/legacy/Slider/Slider.d.ts

@@ -0,0 +1,185 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { SliderProps, RangeProps } from "rc-slider";
+import { HvFormStatus } from "../Forms/FormElement";
+import { HvInputProps } from "..";
+
+export interface KnobProperty {
+  color?: string;
+  defaultValue?: number;
+  hidden?: boolean;
+  fixed?: boolean;
+  hoverColor?: string;
+  trackColor?: string;
+  dragColor?: string;
+}
+
+export interface MarkProperty {
+  position?: number;
+  label?: string;
+}
+
+export type HvSliderClassKey =
+  | "root"
+  | "rootRange"
+  | "labelContainer"
+  | "label"
+  | "handleContainer"
+  | "sliderRoot"
+  | "trackDragging"
+  | "rootDisabled"
+  | "trackStandBy"
+  | "error"
+  | "handleHiddenContainer"
+  | "handleContainerDisabled"
+  | "labelIncluded"
+  | "onlyInput"
+  | "dot"
+  | "rail"
+  | "knobInner"
+  | "knobOuter"
+  | "knobHidden"
+  | "knobHiddenLast"
+  | "track"
+  | "mark"
+  | "sliderTooltip"
+  | "sliderContainer";
+
+export interface HvSliderProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvSliderClassKey, "onChange"> {
+  /**
+   * The label of the slider element.
+   *
+   * The form element must be labeled for accessibility reasons.
+   * If not provided, an aria-label or aria-labelledby must be provided instead.
+   */
+  label?: React.ReactNode;
+
+  /**
+   * The status of the slider element.
+   *
+   * Valid is correct, invalid is incorrect and standBy means no validations have run.
+   *
+   * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
+   * or "invalid" after any change to the state.
+   */
+  status?: HvFormStatus;
+  /**
+   * The error message to show when `status` is "invalid".
+   */
+  statusMessage?: React.ReactNode;
+
+  /**
+   * Whether the slider is disabled.
+   */
+  disabled?: boolean;
+
+  /**
+   * The object created by material to apply to the component.
+   */
+  theme?: any;
+
+  /**
+   * Name of the form element.
+   *
+   * Part of a name/value pair, should be the name property of the undelying native input.
+   */
+  name?: string;
+
+  /**
+   * The values array to apply to the component
+   */
+  values?: number[];
+
+  /**
+   * The default values array to apply to the component
+   */
+  defaultValues?: number[];
+
+  /**
+   * The object used to set the knob properties,
+   * for every item in the array a new knob will be created.
+   */
+  knobProperties?: KnobProperty[];
+
+  /**
+   * The object used to set the mark properties individually.
+   */
+  markProperties?: MarkProperty[];
+
+  /**
+   * the function executed before a change will occur in the slider.
+   */
+  onBeforeChange?: (value: number[]) => any;
+
+  /**
+   * the function executed while a change is occurring in the slider.
+   */
+  onChange?: (value: number[]) => any;
+
+  /**
+   * the function executed after a change ocurred in the slider.
+   */
+  onAfterChange?: (value: number[]) => any;
+
+  /**
+   * the separation in points between marks.
+   * example: if 10 divisions and a markstep of 2 there will be 5 marks.
+   */
+  markStep?: number;
+
+  /**
+   * how many subdivisions there are in the slider.
+   */
+  divisionQuantity?: number;
+
+  /**
+   * the value of the first point in the slider from left to right.
+   */
+  minPointValue?: number;
+
+  /**
+   * the value of the last point in the slider from left to right.
+   */
+  maxPointValue?: number;
+
+  /**
+   * the nax number of decimals if no format function is applied
+   */
+  markDigits?: number;
+
+  /**
+   * a formatting function used to add format to the marks in the track,
+   * the function receives the mark text
+   */
+  formatMark?: (label: React.ReactNode | string) => React.ReactNode | string;
+
+  /**
+   * a formatting function used to add format to the tooltip in the track,
+   * the function receives the mark text
+   */
+  formatTooltip?: (label: React.ReactNode | string) => React.ReactNode | string;
+  /**
+   * if `true` the input that controls the slider is hidden.
+   */
+  hideInput?: boolean;
+
+  /**
+   * if `true` the knobs can't have the same value, if `false` knobs can have the same value.
+   */
+  noOverlap?: boolean;
+  /**
+   * Attributes applied to the input element.
+   */
+  inputProps?: HvInputProps[];
+  /**
+   * Attributes applied to the knob element.
+   */
+  knobProps?: React.HTMLAttributes<HTMLDivElement>[];
+  /**
+   * Attributes applied to the input element.
+   */
+  sliderProps?: RangeProps | SliderProps;
+}
+
+export default function HvSlider(props: HvSliderProps): JSX.Element | null;