@hitachivantara/uikit-react-core 3.56.0 → 3.57.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +34 -0
- package/dist/FilterGroup/FilterContent/FilterContent.js +2 -1
- package/dist/FilterGroup/FilterContent/FilterContent.js.map +1 -1
- package/dist/FilterGroup/FilterGroup.d.ts +6 -0
- package/dist/FilterGroup/FilterGroup.js +9 -1
- package/dist/FilterGroup/FilterGroup.js.map +1 -1
- package/dist/FilterGroup/FilterGroupContext.js +11 -5
- package/dist/FilterGroup/FilterGroupContext.js.map +1 -1
- package/dist/OverflowTooltip/OverflowTooltip.d.ts +26 -6
- package/dist/OverflowTooltip/OverflowTooltip.js +46 -9
- package/dist/OverflowTooltip/OverflowTooltip.js.map +1 -1
- package/dist/TextArea/TextArea.js +4 -4
- package/dist/TextArea/TextArea.js.map +1 -1
- package/dist/Tooltip/Tooltip.js +1 -1
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/legacy/FilterGroup/FilterContent/FilterContent.js +2 -1
- package/dist/legacy/FilterGroup/FilterContent/FilterContent.js.map +1 -1
- package/dist/legacy/FilterGroup/FilterGroup.d.ts +6 -0
- package/dist/legacy/FilterGroup/FilterGroup.js +9 -1
- package/dist/legacy/FilterGroup/FilterGroup.js.map +1 -1
- package/dist/legacy/FilterGroup/FilterGroupContext.js +11 -5
- package/dist/legacy/FilterGroup/FilterGroupContext.js.map +1 -1
- package/dist/legacy/OverflowTooltip/OverflowTooltip.d.ts +26 -6
- package/dist/legacy/OverflowTooltip/OverflowTooltip.js +30 -9
- package/dist/legacy/OverflowTooltip/OverflowTooltip.js.map +1 -1
- package/dist/legacy/TextArea/TextArea.js +4 -4
- package/dist/legacy/TextArea/TextArea.js.map +1 -1
- package/dist/legacy/Tooltip/Tooltip.js +1 -1
- package/dist/legacy/Tooltip/Tooltip.js.map +1 -1
- package/dist/modern/FilterGroup/FilterContent/FilterContent.js +2 -1
- package/dist/modern/FilterGroup/FilterContent/FilterContent.js.map +1 -1
- package/dist/modern/FilterGroup/FilterGroup.d.ts +6 -0
- package/dist/modern/FilterGroup/FilterGroup.js +9 -1
- package/dist/modern/FilterGroup/FilterGroup.js.map +1 -1
- package/dist/modern/FilterGroup/FilterGroupContext.js +10 -4
- package/dist/modern/FilterGroup/FilterGroupContext.js.map +1 -1
- package/dist/modern/OverflowTooltip/OverflowTooltip.d.ts +26 -6
- package/dist/modern/OverflowTooltip/OverflowTooltip.js +25 -9
- package/dist/modern/OverflowTooltip/OverflowTooltip.js.map +1 -1
- package/dist/modern/TextArea/TextArea.js +4 -4
- package/dist/modern/TextArea/TextArea.js.map +1 -1
- package/dist/modern/Tooltip/Tooltip.js +1 -1
- package/dist/modern/Tooltip/Tooltip.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/TextArea/TextArea.js"],"names":["HvTextArea","props","classes","className","id","name","valueProp","value","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","autoFocus","middleCountLabel","rows","resizable","autoScroll","hideCounter","validationMessages","maxCharQuantity","minCharQuantity","validation","blockMax","inputRefProp","inputRef","onBlur","onFocus","inputProps","countCharProps","others","elementId","inputRefOwn","React","useState","focused","setFocused","isDirty","setValue","isEmptyValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","isOverflow","currentValue","length","performValidation","inputValidity","current","validationTypes","none","limitValue","undefined","substring","autoScrolling","setAutoScrolling","isScrolledDown","el","scrollHeight","scrollTop","clientHeight","scrollDown","addScrollListener","scrollHandler","handleEvent","addEventListener","onContainerBlurHandler","event","onFocusHandler","onChangeHandler","limitedValue","hasLabel","hasDescription","hasCounter","canShowError","isStateInvalid","errorMessageId","root","invalid","labelContainer","characterCounter","baseInput","input","inputResizable","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","refType","number","styles"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useEffect, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport isNil from \"lodash/isNil\";\n\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { refType, setId, useControlled } from \"../utils\";\n\nimport {\n HvFormElement,\n HvBaseInput,\n HvLabel,\n HvInfoMessage,\n HvWarningText,\n HvCharCounter,\n useUniqueId,\n} from \"..\";\n\nimport validationStates, { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n DEFAULT_ERROR_MESSAGES,\n validationTypes,\n hasBuiltInValidations,\n validateInput,\n computeValidationState,\n computeValidationMessage,\n} from \"../BaseInput/validations\";\n\nimport styles from \"./styles\";\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nconst HvTextArea = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n value: valueProp,\n defaultValue = \"\",\n\n required = false,\n readOnly = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n placeholder,\n\n autoFocus = false,\n\n middleCountLabel = \"/\",\n\n rows = 1,\n resizable = false,\n autoScroll = false,\n\n hideCounter = false,\n\n validationMessages,\n\n maxCharQuantity,\n minCharQuantity,\n validation,\n\n blockMax = false,\n\n inputRef: inputRefProp,\n onBlur,\n onFocus,\n\n inputProps = {},\n countCharProps = {},\n\n ...others\n } = props;\n\n const elementId = useUniqueId(id, \"hvtextarea\");\n\n const inputRefOwn = useRef(null);\n const inputRef = inputRefProp || inputRefOwn;\n\n const [focused, setFocused] = React.useState(false);\n\n // signals that the user has manually edited the input value\n const isDirty = useRef(false);\n\n // value related state\n const [value, setValue] = useControlled(valueProp, defaultValue);\n\n const isEmptyValue = value == null || value === \"\";\n\n // validation related state\n const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n\n const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n // validationMessages reference tends to change, as users will not memoize/useState for it;\n // dependencies must be more explicit so we set\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const errorMessages = useMemo(\n () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n ]\n );\n\n const isOverflow = (currentValue) =>\n isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\n\n // validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n // and returns the validity state of the input.\n const performValidation = useCallback(() => {\n const inputValidity = validateInput(\n inputRef.current,\n value,\n required,\n minCharQuantity,\n maxCharQuantity,\n validationTypes.none,\n validation\n );\n\n // this will only run if status is uncontrolled\n setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n // this will only run if statusMessage is uncontrolled\n setValidationMessage(computeValidationMessage(inputValidity, errorMessages));\n\n return inputValidity;\n }, [\n errorMessages,\n inputRef,\n isEmptyValue,\n maxCharQuantity,\n minCharQuantity,\n required,\n setValidationMessage,\n setValidationState,\n validation,\n value,\n ]);\n\n /**\n * Limit the string to the maxCharQuantity length.\n *\n * @param value - string to evaluate\n * @returns {string|*} - string according the limit\n */\n const limitValue = (currentValue) => {\n if (currentValue === undefined || !blockMax) return currentValue;\n return !isOverflow(currentValue) ? currentValue : currentValue.substring(0, maxCharQuantity);\n };\n\n const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n const isScrolledDown = useCallback(() => {\n const el = inputRef.current;\n return el == null || el.scrollHeight - el.scrollTop === el.clientHeight;\n }, [inputRef]);\n\n const scrollDown = useCallback(() => {\n const el = inputRef.current;\n if (el != null) {\n el.scrollTop = el.scrollHeight - el.clientHeight;\n }\n }, [inputRef]);\n\n const addScrollListener = useCallback(() => {\n const scrollHandler = {\n handleEvent: () => {\n setAutoScrolling(isScrolledDown());\n },\n };\n inputRef.current.addEventListener(\"scroll\", scrollHandler);\n }, [inputRef, isScrolledDown]);\n\n /**\n * Validates the text area updating the state and modifying the warning text, also executes\n * the user provided onBlur passing the current validation status and value.\n *\n * @returns {undefined}\n */\n const onContainerBlurHandler = (event) => {\n setFocused(false);\n\n const inputValidity = performValidation();\n\n onBlur?.(event, value, inputValidity);\n };\n\n /**\n * Updates the state putting again the value from the state because the input value is\n * not automatically manage, it also executes the onFocus function from the user passing the value\n */\n const onFocusHandler = (event) => {\n setFocused(true);\n\n // reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n onFocus?.(event, value);\n };\n\n /**\n * Updates the length of the string while is being inputted, also executes the user onChange\n * allowing the customization of the input if required.\n *\n * @param {String} value - The value provided by the HvInput\n */\n const onChangeHandler = (event, currentValue) => {\n isDirty.current = true;\n\n const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n // set the input value (only when value is uncontrolled)\n setValue(limitedValue);\n\n onChange?.(event, limitedValue);\n };\n\n useEffect(() => {\n if (autoScroll) {\n addScrollListener();\n scrollDown();\n }\n if (autoScrolling) {\n scrollDown();\n }\n }, [addScrollListener, autoScroll, autoScrolling, scrollDown]);\n\n // run initial validation after first render\n // and also when any validation condition changes\n useEffect(() => {\n if (focused || (!isDirty.current && isEmptyValue)) {\n // skip validation if currently focused or if empty and\n // the user never manually edited the input value\n return;\n }\n\n performValidation();\n }, [focused, isEmptyValue, performValidation]);\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n const hasCounter = maxCharQuantity != null && !hideCounter;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and any of the built-in validations are active\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) ||\n (status === undefined &&\n hasBuiltInValidations(\n required,\n validationTypes.none,\n minCharQuantity,\n // if blockMax is true maxCharQuantity will never produce an error\n // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n maxCharQuantity != null && (blockMax !== true || value != null) ? maxCharQuantity : null,\n validation,\n inputProps\n )));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(classes.root, className, {\n [classes.resizable]: resizable,\n [classes.disabled]: disabled,\n [classes.invalid]: isStateInvalid,\n })}\n onBlur={onContainerBlurHandler}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n className={classes.label}\n id={setId(id, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n\n {hasCounter && (\n <HvCharCounter\n id={setId(elementId, \"charCounter\")}\n className={classes.characterCounter}\n separator={middleCountLabel}\n currentCharQuantity={value.length}\n maxCharQuantity={maxCharQuantity}\n {...countCharProps}\n />\n )}\n\n <HvBaseInput\n classes={{\n root: classes.baseInput,\n input: classes.input,\n inputResizable: classes.inputResizable,\n }}\n id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n name={name}\n value={value}\n required={required}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChangeHandler}\n autoFocus={autoFocus}\n onFocus={onFocusHandler}\n placeholder={placeholder}\n invalid={isStateInvalid}\n resizable={resizable}\n multiline\n rows={rows}\n inputProps={{\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-describedby\":\n ariaDescribedBy != null\n ? ariaDescribedBy\n : description && setId(elementId, \"description\"),\n \"aria-controls\": maxCharQuantity ? setId(elementId, \"charCounter\") : undefined,\n\n ...inputProps,\n }}\n inputRef={inputRef}\n {...others}\n />\n\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvTextArea.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.PropTypes.shape({\n /**\n * Styles applied to the root container of the textarea.\n */\n root: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n disabled: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n resizable: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n invalid: PropTypes.string,\n\n /**\n * Styles applied to the base input root which is comprising of everything but the labels and descriptions.\n */\n baseInput: PropTypes.string,\n\n /**\n * Style applied on the text area element.\n */\n input: PropTypes.string,\n /**\n * Styles applied to text area element element when it is resizable. Can be used to set max/min width.\n */\n inputResizable: PropTypes.string,\n\n /**\n * Styles applied to text area container that holds the label, description and counter.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n description: PropTypes.string,\n /**\n * Style applied on the character counter.\n */\n characterCounter: PropTypes.string,\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The value of the form element.\n */\n value: PropTypes.string,\n /**\n * When uncontrolled, defines the initial input value.\n */\n defaultValue: 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 inputted via inputProps.\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 the form element is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when `status` is \"invalid\".\n */\n statusMessage: PropTypes.string,\n /**\n * Identifies the element that provides an error message for the textarea.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * The function that will be executed onChange.\n */\n onChange: PropTypes.func,\n\n /**\n * The placeholder value of the input.\n */\n placeholder: PropTypes.string,\n\n /**\n * Text between the current char counter and max value.\n */\n middleCountLabel: PropTypes.string,\n\n /**\n * An Object containing the various texts associated with the input.\n */\n validationMessages: PropTypes.shape({\n /**\n * The value when a validation fails.\n */\n error: PropTypes.string,\n /**\n * The message that appears when there are too many characters.\n */\n maxCharError: PropTypes.string,\n /**\n * The message that appears when there are too few characters.\n */\n minCharError: PropTypes.string,\n /**\n * The message that appears when the input is empty and required.\n */\n requiredError: PropTypes.string,\n }),\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 /**\n * The function that will be executed onBlur, allows checking the validation state,\n * it receives the value and the validation state (`invalid`, `valid`).\n */\n onBlur: PropTypes.func,\n /**\n * The function that will be executed onBlur, allows checking the value state,\n * it receives the value.\n */\n onFocus: PropTypes.func,\n\n /**\n * The custom validation function, it receives the value and must return\n * either `true` for valid or `false` for invalid, default validations would only\n * occur if this function is null or undefined\n */\n validation: PropTypes.func,\n /**\n * If `true` it should autofocus.\n */\n autoFocus: PropTypes.bool,\n\n /**\n * The maximum allowed length of the characters, if this value is null no check\n * will be performed.\n */\n maxCharQuantity: PropTypes.number,\n /**\n * The minimum allowed length of the characters, if this value is null no check\n * will be perform.\n */\n minCharQuantity: PropTypes.number,\n\n /**\n * The number of rows of the text area\n */\n rows: PropTypes.number,\n /**\n * If `true` the component is resizable.\n */\n resizable: PropTypes.bool,\n /**\n * Auto-scroll: automatically scroll to the end on value changes.\n * Will stop if the user scrolls up and resume if scrolled to the bottom.\n */\n autoScroll: PropTypes.bool,\n /**\n * If `true` it isn't possible to have more characters than the `maxCharQuantity`\n */\n blockMax: PropTypes.bool,\n /**\n * If `true` the character counter isn't shown even if maxCharQuantity is set.\n */\n hideCounter: PropTypes.bool,\n\n /**\n * Props passed to the HvCharCount component.\n */\n countCharProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTextArea\" })(HvTextArea);\n"],"file":"TextArea.js"}
|
|
1
|
+
{"version":3,"sources":["../../src/TextArea/TextArea.js"],"names":["HvTextArea","props","classes","className","id","name","valueProp","value","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","placeholder","autoFocus","middleCountLabel","rows","resizable","autoScroll","hideCounter","validationMessages","maxCharQuantity","minCharQuantity","validation","blockMax","inputRefProp","inputRef","onBlur","onFocus","inputProps","countCharProps","others","elementId","inputRefOwn","React","useState","focused","setFocused","isDirty","setValue","isEmptyValue","validationStates","standBy","validationState","setValidationState","validationMessage","setValidationMessage","errorMessages","DEFAULT_ERROR_MESSAGES","error","requiredError","minCharError","maxCharError","isOverflow","currentValue","length","performValidation","inputValidity","current","validationTypes","none","limitValue","undefined","substring","autoScrolling","setAutoScrolling","isScrolledDown","el","offsetHeight","scrollTop","scrollHeight","scrollDown","clientHeight","addScrollListener","scrollHandler","handleEvent","addEventListener","onContainerBlurHandler","event","onFocusHandler","onChangeHandler","limitedValue","hasLabel","hasDescription","hasCounter","canShowError","isStateInvalid","errorMessageId","root","invalid","labelContainer","characterCounter","baseInput","input","inputResizable","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Object","refType","number","styles"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useEffect, useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport isNil from \"lodash/isNil\";\n\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { refType, setId, useControlled } from \"../utils\";\n\nimport {\n HvFormElement,\n HvBaseInput,\n HvLabel,\n HvInfoMessage,\n HvWarningText,\n HvCharCounter,\n useUniqueId,\n} from \"..\";\n\nimport validationStates, { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n DEFAULT_ERROR_MESSAGES,\n validationTypes,\n hasBuiltInValidations,\n validateInput,\n computeValidationState,\n computeValidationMessage,\n} from \"../BaseInput/validations\";\n\nimport styles from \"./styles\";\n\n/**\n * A text area is a multiline text input box, with an optional character counter when there is a length limit.\n */\nconst HvTextArea = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n\n value: valueProp,\n defaultValue = \"\",\n\n required = false,\n readOnly = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n placeholder,\n\n autoFocus = false,\n\n middleCountLabel = \"/\",\n\n rows = 1,\n resizable = false,\n autoScroll = false,\n\n hideCounter = false,\n\n validationMessages,\n\n maxCharQuantity,\n minCharQuantity,\n validation,\n\n blockMax = false,\n\n inputRef: inputRefProp,\n onBlur,\n onFocus,\n\n inputProps = {},\n countCharProps = {},\n\n ...others\n } = props;\n\n const elementId = useUniqueId(id, \"hvtextarea\");\n\n const inputRefOwn = useRef(null);\n const inputRef = inputRefProp || inputRefOwn;\n\n const [focused, setFocused] = React.useState(false);\n\n // signals that the user has manually edited the input value\n const isDirty = useRef(false);\n\n // value related state\n const [value, setValue] = useControlled(valueProp, defaultValue);\n\n const isEmptyValue = value == null || value === \"\";\n\n // validation related state\n const [validationState, setValidationState] = useControlled(status, validationStates.standBy);\n\n const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n\n // validationMessages reference tends to change, as users will not memoize/useState for it;\n // dependencies must be more explicit so we set\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const errorMessages = useMemo(\n () => ({ ...DEFAULT_ERROR_MESSAGES, ...validationMessages }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n validationMessages?.error,\n validationMessages?.requiredError,\n validationMessages?.minCharError,\n validationMessages?.maxCharError,\n ]\n );\n\n const isOverflow = (currentValue) =>\n isNil(maxCharQuantity) ? false : currentValue.length > maxCharQuantity;\n\n // validates the input, sets the status and the statusMessage accordingly (if uncontrolled)\n // and returns the validity state of the input.\n const performValidation = useCallback(() => {\n const inputValidity = validateInput(\n inputRef.current,\n value,\n required,\n minCharQuantity,\n maxCharQuantity,\n validationTypes.none,\n validation\n );\n\n // this will only run if status is uncontrolled\n setValidationState(computeValidationState(inputValidity, isEmptyValue));\n\n // this will only run if statusMessage is uncontrolled\n setValidationMessage(computeValidationMessage(inputValidity, errorMessages));\n\n return inputValidity;\n }, [\n errorMessages,\n inputRef,\n isEmptyValue,\n maxCharQuantity,\n minCharQuantity,\n required,\n setValidationMessage,\n setValidationState,\n validation,\n value,\n ]);\n\n /**\n * Limit the string to the maxCharQuantity length.\n *\n * @param value - string to evaluate\n * @returns {string|*} - string according the limit\n */\n const limitValue = (currentValue) => {\n if (currentValue === undefined || !blockMax) return currentValue;\n return !isOverflow(currentValue) ? currentValue : currentValue.substring(0, maxCharQuantity);\n };\n\n const [autoScrolling, setAutoScrolling] = useState(autoScroll);\n\n const isScrolledDown = useCallback(() => {\n const el = inputRef.current;\n return el == null || el.offsetHeight + el.scrollTop >= el.scrollHeight;\n }, [inputRef]);\n\n const scrollDown = useCallback(() => {\n const el = inputRef.current;\n if (el != null) {\n el.scrollTop = el.scrollHeight - el.clientHeight;\n }\n }, [inputRef]);\n\n const addScrollListener = useCallback(() => {\n const scrollHandler = {\n handleEvent: () => {\n setAutoScrolling(isScrolledDown());\n },\n };\n inputRef.current.addEventListener(\"scroll\", scrollHandler);\n }, [inputRef, isScrolledDown]);\n\n /**\n * Validates the text area updating the state and modifying the warning text, also executes\n * the user provided onBlur passing the current validation status and value.\n *\n * @returns {undefined}\n */\n const onContainerBlurHandler = (event) => {\n setFocused(false);\n\n const inputValidity = performValidation();\n\n onBlur?.(event, value, inputValidity);\n };\n\n /**\n * Updates the state putting again the value from the state because the input value is\n * not automatically manage, it also executes the onFocus function from the user passing the value\n */\n const onFocusHandler = (event) => {\n setFocused(true);\n\n // reset validation status to standBy (only when status is uncontrolled)\n setValidationState(validationStates.standBy);\n\n onFocus?.(event, value);\n };\n\n /**\n * Updates the length of the string while is being inputted, also executes the user onChange\n * allowing the customization of the input if required.\n *\n * @param {String} value - The value provided by the HvInput\n */\n const onChangeHandler = (event, currentValue) => {\n isDirty.current = true;\n\n const limitedValue = blockMax ? limitValue(currentValue) : currentValue;\n\n // set the input value (only when value is uncontrolled)\n setValue(limitedValue);\n\n onChange?.(event, limitedValue);\n };\n\n useEffect(() => {\n if (autoScroll) {\n addScrollListener();\n }\n }, [autoScroll, addScrollListener]);\n\n useEffect(() => {\n if (autoScrolling) {\n scrollDown();\n }\n }, [valueProp, autoScrolling, scrollDown]);\n\n // run initial validation after first render\n // and also when any validation condition changes\n useEffect(() => {\n if (focused || (!isDirty.current && isEmptyValue)) {\n // skip validation if currently focused or if empty and\n // the user never manually edited the input value\n return;\n }\n\n performValidation();\n }, [focused, isEmptyValue, performValidation]);\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n const hasCounter = maxCharQuantity != null && !hideCounter;\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and any of the built-in validations are active\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) ||\n (status === undefined &&\n hasBuiltInValidations(\n required,\n validationTypes.none,\n minCharQuantity,\n // if blockMax is true maxCharQuantity will never produce an error\n // unless the value is controlled, so we can't prevent it to overflow maxCharQuantity\n maxCharQuantity != null && (blockMax !== true || value != null) ? maxCharQuantity : null,\n validation,\n inputProps\n )));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(classes.root, className, {\n [classes.resizable]: resizable,\n [classes.disabled]: disabled,\n [classes.invalid]: isStateInvalid,\n })}\n onBlur={onContainerBlurHandler}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n className={classes.label}\n id={setId(id, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage className={classes.description} id={setId(elementId, \"description\")}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n\n {hasCounter && (\n <HvCharCounter\n id={setId(elementId, \"charCounter\")}\n className={classes.characterCounter}\n separator={middleCountLabel}\n currentCharQuantity={value.length}\n maxCharQuantity={maxCharQuantity}\n {...countCharProps}\n />\n )}\n\n <HvBaseInput\n classes={{\n root: classes.baseInput,\n input: classes.input,\n inputResizable: classes.inputResizable,\n }}\n id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n name={name}\n value={value}\n required={required}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChangeHandler}\n autoFocus={autoFocus}\n onFocus={onFocusHandler}\n placeholder={placeholder}\n invalid={isStateInvalid}\n resizable={resizable}\n multiline\n rows={rows}\n inputProps={{\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-describedby\":\n ariaDescribedBy != null\n ? ariaDescribedBy\n : description && setId(elementId, \"description\"),\n \"aria-controls\": maxCharQuantity ? setId(elementId, \"charCounter\") : undefined,\n\n ...inputProps,\n }}\n inputRef={inputRef}\n {...others}\n />\n\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvTextArea.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.PropTypes.shape({\n /**\n * Styles applied to the root container of the textarea.\n */\n root: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n disabled: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n resizable: PropTypes.string,\n /**\n * Style applied to the root when resizable is `true`.\n */\n invalid: PropTypes.string,\n\n /**\n * Styles applied to the base input root which is comprising of everything but the labels and descriptions.\n */\n baseInput: PropTypes.string,\n\n /**\n * Style applied on the text area element.\n */\n input: PropTypes.string,\n /**\n * Styles applied to text area element element when it is resizable. Can be used to set max/min width.\n */\n inputResizable: PropTypes.string,\n\n /**\n * Styles applied to text area container that holds the label, description and counter.\n */\n labelContainer: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the label element.\n */\n description: PropTypes.string,\n /**\n * Style applied on the character counter.\n */\n characterCounter: PropTypes.string,\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The value of the form element.\n */\n value: PropTypes.string,\n /**\n * When uncontrolled, defines the initial input value.\n */\n defaultValue: 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 inputted via inputProps.\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 the form element is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when `status` is \"invalid\".\n */\n statusMessage: PropTypes.string,\n /**\n * Identifies the element that provides an error message for the textarea.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * The function that will be executed onChange.\n */\n onChange: PropTypes.func,\n\n /**\n * The placeholder value of the input.\n */\n placeholder: PropTypes.string,\n\n /**\n * Text between the current char counter and max value.\n */\n middleCountLabel: PropTypes.string,\n\n /**\n * An Object containing the various texts associated with the input.\n */\n validationMessages: PropTypes.shape({\n /**\n * The value when a validation fails.\n */\n error: PropTypes.string,\n /**\n * The message that appears when there are too many characters.\n */\n maxCharError: PropTypes.string,\n /**\n * The message that appears when there are too few characters.\n */\n minCharError: PropTypes.string,\n /**\n * The message that appears when the input is empty and required.\n */\n requiredError: PropTypes.string,\n }),\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 /**\n * The function that will be executed onBlur, allows checking the validation state,\n * it receives the value and the validation state (`invalid`, `valid`).\n */\n onBlur: PropTypes.func,\n /**\n * The function that will be executed onBlur, allows checking the value state,\n * it receives the value.\n */\n onFocus: PropTypes.func,\n\n /**\n * The custom validation function, it receives the value and must return\n * either `true` for valid or `false` for invalid, default validations would only\n * occur if this function is null or undefined\n */\n validation: PropTypes.func,\n /**\n * If `true` it should autofocus.\n */\n autoFocus: PropTypes.bool,\n\n /**\n * The maximum allowed length of the characters, if this value is null no check\n * will be performed.\n */\n maxCharQuantity: PropTypes.number,\n /**\n * The minimum allowed length of the characters, if this value is null no check\n * will be perform.\n */\n minCharQuantity: PropTypes.number,\n\n /**\n * The number of rows of the text area\n */\n rows: PropTypes.number,\n /**\n * If `true` the component is resizable.\n */\n resizable: PropTypes.bool,\n /**\n * Auto-scroll: automatically scroll to the end on value changes.\n * Will stop if the user scrolls up and resume if scrolled to the bottom.\n */\n autoScroll: PropTypes.bool,\n /**\n * If `true` it isn't possible to have more characters than the `maxCharQuantity`\n */\n blockMax: PropTypes.bool,\n /**\n * If `true` the character counter isn't shown even if maxCharQuantity is set.\n */\n hideCounter: PropTypes.bool,\n\n /**\n * Props passed to the HvCharCount component.\n */\n countCharProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTextArea\" })(HvTextArea);\n"],"file":"TextArea.js"}
|
package/dist/Tooltip/Tooltip.js
CHANGED
|
@@ -133,7 +133,7 @@ process.env.NODE_ENV !== "production" ? HvTooltip.propTypes = {
|
|
|
133
133
|
/**
|
|
134
134
|
* Tooltip placement.
|
|
135
135
|
*/
|
|
136
|
-
placement: _propTypes.default.
|
|
136
|
+
placement: _propTypes.default.oneOf(["bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"]),
|
|
137
137
|
|
|
138
138
|
/**
|
|
139
139
|
* The number of milliseconds to wait before showing the tooltip.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Tooltip/Tooltip.js"],"names":["HvTooltip","React","forwardRef","props","ref","className","classes","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","others","undefined","tooltip","tooltipMulti","popper","propTypes","PropTypes","string","shape","root","valuesContainer","values","color","separatorColor","separator","valueWrapper","isRequired","bool","
|
|
1
|
+
{"version":3,"sources":["../../src/Tooltip/Tooltip.js"],"names":["HvTooltip","React","forwardRef","props","ref","className","classes","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","others","undefined","tooltip","tooltipMulti","popper","propTypes","PropTypes","string","shape","root","valuesContainer","values","color","separatorColor","separator","valueWrapper","isRequired","bool","oneOf","number","node","any","object","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AAEA,IAAMA,SAAS,gBAAGC,eAAMC,UAAN,CAAiB,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACjD,MACEC,SADF,GAYIF,KAZJ,CACEE,SADF;AAAA,MAEEC,OAFF,GAYIH,KAZJ,CAEEG,OAFF;AAAA,MAGEC,IAHF,GAYIJ,KAZJ,CAGEI,IAHF;AAAA,0BAYIJ,KAZJ,CAIEK,UAJF;AAAA,MAIEA,UAJF,kCAIe,GAJf;AAAA,yBAYIL,KAZJ,CAKEM,SALF;AAAA,MAKEA,SALF,iCAKc,KALd;AAAA,yBAYIN,KAZJ,CAMEO,SANF;AAAA,MAMEA,SANF,iCAMc,IANd;AAAA,MAOEC,QAPF,GAYIR,KAZJ,CAOEQ,QAPF;AAAA,MAQEC,KARF,GAYIT,KAZJ,CAQES,KARF;AAAA,8BAYIT,KAZJ,CASEU,mBATF;AAAA,MASEA,mBATF,sCASwBC,UATxB;AAAA,8BAYIX,KAZJ,CAUEY,eAVF;AAAA,MAUEA,eAVF,sCAUoB;AAAEC,IAAAA,OAAO,EAAE;AAAX,GAVpB;AAAA,MAWKC,MAXL,0CAYId,KAZJ;AAcA,sBACE,6BAAC,aAAD;AACE,IAAA,GAAG,EAAEC,GADP;AAEE,IAAA,IAAI,EAAEG,IAAF,aAAEA,IAAF,cAAEA,IAAF,GAAUW,SAFhB;AAGE,IAAA,UAAU,EAAEV,UAHd;AAIE,IAAA,SAAS,EAAEC,SAJb;AAKE,IAAA,mBAAmB,EAAEI,mBALvB;AAME,IAAA,eAAe,EAAEE,eANnB;AAOE,IAAA,SAAS,EAAEV,SAPb;AAQE,IAAA,OAAO,EAAE;AACPc,MAAAA,OAAO,EAAET,SAAS,GAAGJ,OAAO,CAACa,OAAX,GAAqBb,OAAO,CAACc,YADxC;AAEPC,MAAAA,MAAM,EAAEf,OAAO,CAACe;AAFT,KARX;AAYE,IAAA,KAAK,EAAET;AAZT,KAaMK,MAbN,GAeGN,QAfH,CADF;AAmBD,CAlCiB,CAAlB;;AAoCA,wCAAAX,SAAS,CAACsB,SAAV,GAAsB;AACpB;AACF;AACA;AACEjB,EAAAA,SAAS,EAAEkB,mBAAUC,MAJD;;AAKpB;AACF;AACA;AACElB,EAAAA,OAAO,EAAEiB,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIC,IAAAA,IAAI,EAAEH,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIL,IAAAA,OAAO,EAAEI,mBAAUC,MARI;;AASvB;AACJ;AACA;AACIJ,IAAAA,YAAY,EAAEG,mBAAUC,MAZD;;AAavB;AACJ;AACA;AACIH,IAAAA,MAAM,EAAEE,mBAAUC,MAhBK;;AAiBvB;AACJ;AACA;AACIZ,IAAAA,KAAK,EAAEW,mBAAUC,MApBM;;AAqBvB;AACJ;AACA;AACIG,IAAAA,eAAe,EAAEJ,mBAAUC,MAxBJ;;AAyBvB;AACJ;AACA;AACII,IAAAA,MAAM,EAAEL,mBAAUC,MA5BK;;AA6BvB;AACJ;AACA;AACIK,IAAAA,KAAK,EAAEN,mBAAUC,MAhCM;;AAiCvB;AACJ;AACA;AACIM,IAAAA,cAAc,EAAEP,mBAAUC,MApCH;;AAqCvB;AACJ;AACA;AACIO,IAAAA,SAAS,EAAER,mBAAUC,MAxCE;;AAyCvB;AACJ;AACA;AACIQ,IAAAA,YAAY,EAAET,mBAAUC;AA5CD,GAAhB,EA6CNS,UArDiB;;AAsDpB;AACF;AACA;AACE1B,EAAAA,IAAI,EAAEgB,mBAAUW,IAzDI;;AA0DpB;AACF;AACA;AACEzB,EAAAA,SAAS,EAAEc,mBAAUY,KAAV,CAAgB,CACzB,YADyB,EAEzB,cAFyB,EAGzB,QAHyB,EAIzB,UAJyB,EAKzB,YALyB,EAMzB,MANyB,EAOzB,WAPyB,EAQzB,aARyB,EASzB,OATyB,EAUzB,SAVyB,EAWzB,WAXyB,EAYzB,KAZyB,CAAhB,CA7DS;;AA2EpB;AACF;AACA;AACA;AACE3B,EAAAA,UAAU,EAAEe,mBAAUa,MA/EF;;AAgFpB;AACF;AACA;AACExB,EAAAA,KAAK,EAAEW,mBAAUc,IAAV,CAAeJ,UAnFF;;AAoFpB;AACF;AACA;AACE;AACApB,EAAAA,mBAAmB,EAAEU,mBAAUe,GAxFX;;AAyFpB;AACF;AACA;AACE;AACAvB,EAAAA,eAAe,EAAEQ,mBAAUgB,MA7FP;;AA8FpB;AACF;AACA;AACE7B,EAAAA,SAAS,EAAEa,mBAAUW,IAjGD;;AAkGpB;AACF;AACA;AACEvB,EAAAA,QAAQ,EAAEY,mBAAUc,IAAV,CAAeJ;AArGL,CAAtB;;eAwGe,sBAAWO,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA0CzC,SAA1C,C","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Fade, Tooltip, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * Tooltips display informative text when users hover over, focus on, or tap an element.\n */\n\nconst HvTooltip = React.forwardRef((props, ref) => {\n const {\n className,\n classes,\n open,\n enterDelay = 300,\n placement = \"top\",\n useSingle = true,\n children,\n title,\n TransitionComponent = Fade,\n TransitionProps = { timeout: 400 },\n ...others\n } = props;\n\n return (\n <Tooltip\n ref={ref}\n open={open ?? undefined}\n enterDelay={enterDelay}\n placement={placement}\n TransitionComponent={TransitionComponent}\n TransitionProps={TransitionProps}\n className={className}\n classes={{\n tooltip: useSingle ? classes.tooltip : classes.tooltipMulti,\n popper: classes.popper,\n }}\n title={title}\n {...others}\n >\n {children}\n </Tooltip>\n );\n});\n\nHvTooltip.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the tooltip root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the tooltip class when it is single\n * */\n tooltip: PropTypes.string,\n /**\n * Styles applied to the tooltip class when it is multi\n * */\n tooltipMulti: PropTypes.string,\n /**\n * Styles applied to the popper component\n * */\n popper: PropTypes.string,\n /**\n * Styles applied to the title.\n */\n title: PropTypes.string,\n /**\n * Styles applied to the values container.\n */\n valuesContainer: PropTypes.string,\n /**\n * Styles applied to the values.\n */\n values: PropTypes.string,\n /**\n * Styles applied to the color.\n */\n color: PropTypes.string,\n /**\n * Styles applied to the separator between color and title.\n */\n separatorColor: PropTypes.string,\n /**\n * Styles applied to the separator.\n */\n separator: PropTypes.string,\n /**\n * Styles applied to the values wrapper.\n */\n valueWrapper: PropTypes.string,\n }).isRequired,\n /**\n * If true, the tooltip is shown.\n */\n open: PropTypes.bool,\n /**\n * Tooltip placement.\n */\n placement: PropTypes.oneOf([\n \"bottom-end\",\n \"bottom-start\",\n \"bottom\",\n \"left-end\",\n \"left-start\",\n \"left\",\n \"right-end\",\n \"right-start\",\n \"right\",\n \"top-end\",\n \"top-start\",\n \"top\",\n ]),\n /**\n * The number of milliseconds to wait before showing the tooltip.\n * This property won't impact the enter touch delay (enterTouchDelay).\n */\n enterDelay: PropTypes.number,\n /**\n * Tooltip title. Zero-length titles string are never displayed.\n */\n title: PropTypes.node.isRequired,\n /**\n * The component used for the transition\n */\n // eslint-disable-next-line react/forbid-prop-types\n TransitionComponent: PropTypes.any,\n /**\n * Properties applied to the Transition element.\n */\n // eslint-disable-next-line react/forbid-prop-types\n TransitionProps: PropTypes.object,\n /**\n * Defines if should use a single or multiline tooltip.\n */\n useSingle: PropTypes.bool,\n /**\n * Node to apply the tooltip.\n */\n children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTooltip\" })(HvTooltip);\n"],"file":"Tooltip.js"}
|
|
@@ -51,6 +51,7 @@ var FilterContent = function FilterContent(_ref) {
|
|
|
51
51
|
setFilterGroupOpen = _useState2[1];
|
|
52
52
|
|
|
53
53
|
var _useContext = useContext(FilterGroupContext),
|
|
54
|
+
defaultValue = _useContext.defaultValue,
|
|
54
55
|
filterValues = _useContext.filterValues,
|
|
55
56
|
rollbackFilters = _useContext.rollbackFilters,
|
|
56
57
|
clearFilters = _useContext.clearFilters,
|
|
@@ -148,7 +149,7 @@ var FilterContent = function FilterContent(_ref) {
|
|
|
148
149
|
className: classes.actionBar
|
|
149
150
|
}, /*#__PURE__*/React.createElement(HvButton, {
|
|
150
151
|
id: setId(id, "clearFilters-button"),
|
|
151
|
-
disabled: filterValues.flat().length === 0,
|
|
152
|
+
disabled: defaultValue ? defaultValue.flat().length === filterValues.flat().length : filterValues.flat().length === 0,
|
|
152
153
|
category: "ghost",
|
|
153
154
|
onClick: onClearHandler
|
|
154
155
|
}, labels.clearLabel), /*#__PURE__*/React.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/FilterGroup/FilterContent/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","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"],"mappings":"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","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 { 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={filterValues.flat().length === 0}\n category=\"ghost\"\n onClick={onClearHandler}\n >\n {labels.clearLabel}\n </HvButton>\n <div aria-hidden=\"true\" className={classes.space}>\n \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"],"file":"FilterContent.js"}
|
|
1
|
+
{"version":3,"sources":["../../../../src/FilterGroup/FilterContent/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"],"mappings":"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","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 \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"],"file":"FilterContent.js"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
4
|
-
var _excluded = ["className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "status", "statusMessage", "labels", "value", "filters", "horizontalPlacement", "disablePortal", "escapeWithReference", "height", "filterContentProps"];
|
|
4
|
+
var _excluded = ["className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "status", "statusMessage", "labels", "defaultValue", "value", "filters", "horizontalPlacement", "disablePortal", "escapeWithReference", "height", "filterContentProps"];
|
|
5
5
|
import "core-js/modules/es.function.name.js";
|
|
6
6
|
import "core-js/modules/es.symbol.js";
|
|
7
7
|
import "core-js/modules/es.symbol.description.js";
|
|
@@ -41,6 +41,7 @@ var HvFilterGroup = function HvFilterGroup(_ref) {
|
|
|
41
41
|
status = _ref.status,
|
|
42
42
|
statusMessage = _ref.statusMessage,
|
|
43
43
|
labelsProp = _ref.labels,
|
|
44
|
+
defaultValue = _ref.defaultValue,
|
|
44
45
|
value = _ref.value,
|
|
45
46
|
filters = _ref.filters,
|
|
46
47
|
_ref$horizontalPlacem = _ref.horizontalPlacement,
|
|
@@ -86,6 +87,7 @@ var HvFilterGroup = function HvFilterGroup(_ref) {
|
|
|
86
87
|
id: setId(elementId, "description"),
|
|
87
88
|
className: classes.description
|
|
88
89
|
}, description)), /*#__PURE__*/React.createElement(FilterGroupProvider, {
|
|
90
|
+
defaultValue: defaultValue,
|
|
89
91
|
value: value,
|
|
90
92
|
filters: filters
|
|
91
93
|
}, /*#__PURE__*/React.createElement(FilterContent, _extends({
|
|
@@ -246,6 +248,12 @@ process.env.NODE_ENV !== "production" ? HvFilterGroup.propTypes = {
|
|
|
246
248
|
})).isRequired
|
|
247
249
|
})).isRequired,
|
|
248
250
|
|
|
251
|
+
/**
|
|
252
|
+
* The default value of the filter group.
|
|
253
|
+
* If defined the clear action will reset to it.
|
|
254
|
+
*/
|
|
255
|
+
defaultValue: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))),
|
|
256
|
+
|
|
249
257
|
/**
|
|
250
258
|
* The value of the filter group.
|
|
251
259
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/FilterGroup/FilterGroup.js"],"names":["React","clsx","PropTypes","FilterGroupProvider","FilterContent","useStyles","setId","useLabels","useUniqueId","useControlled","HvFormElement","HvLabel","HvWarningText","HvInfoMessage","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labelsProp","labels","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","validationMessage","elementId","hasLabel","hasDescription","canShowError","undefined","root","labelContainer","error","propTypes","string","node","bool","oneOf","func","shape","arrayOf","isRequired","data","oneOfType","number","object","expanded"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupProvider } from \"./FilterGroupContext\";\nimport FilterContent from \"./FilterContent\";\nimport useStyles from \"./styles\";\nimport {\n setId,\n useLabels,\n useUniqueId,\n useControlled,\n HvFormElement,\n HvLabel,\n HvWarningText,\n HvInfoMessage,\n} from \"..\";\n\nconst DEFAULT_LABELS = {\n applyLabel: \"Apply\",\n cancelLabel: \"Cancel\",\n clearLabel: \"Clear Filters\",\n placeholder: \"Filters\",\n searchBoxPlaceholder: \"Search\",\n selectAll: \"All\",\n multiSelectionConjunction: \"/\",\n};\n\nconst HvFilterGroup = ({\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onCancel,\n onClear,\n\n status,\n statusMessage,\n\n labels: labelsProp,\n\n value,\n filters,\n\n horizontalPlacement = \"right\",\n disablePortal = true,\n escapeWithReference = true,\n\n height = 350,\n filterContentProps,\n\n ...others\n}) => {\n const classes = useStyles();\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n // error message area will only be needed if the status is being controlled\n // or if required is true\n const canShowError = status !== undefined || required;\n\n return (\n <HvFormElement\n id={id}\n name={name}\n value={value}\n status={status}\n disabled={disabled}\n required={required}\n className={clsx(className, classes.root)}\n {...others}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n id={setId(elementId, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n className={classes.label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <FilterGroupProvider value={value} filters={filters}>\n <FilterContent\n id={elementId}\n disabled={disabled}\n disablePortal={disablePortal}\n variableWidth\n placement={horizontalPlacement}\n escapeWithReference={escapeWithReference}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n status={status}\n onChange={onChange}\n onCancel={onCancel}\n onClear={onClear}\n labels={labels}\n height={height}\n {...filterContentProps}\n />\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </FilterGroupProvider>\n </HvFormElement>\n );\n};\n\nHvFilterGroup.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when `status` is \"invalid\". Defaults to \"Required\".\n */\n statusMessage: PropTypes.node,\n\n /**\n * The callback fired when the value changes.\n */\n onChange: PropTypes.func,\n\n /**\n * The callback fired when the cancel button is clicked.\n */\n onCancel: PropTypes.func,\n\n /**\n * The callback fired when the clear filters button is clicked.\n */\n onClear: PropTypes.func,\n\n /**\n * An object containing all the labels for the Filter Group.\n */\n labels: PropTypes.shape({\n /**\n * Apply button label.\n */\n applyLabel: PropTypes.string,\n /**\n * Cancel button label.\n */\n cancelLabel: PropTypes.string,\n /**\n * Clear Filters button label.\n */\n clearLabel: PropTypes.string,\n /**\n * Placeholder label.\n */\n placeholder: PropTypes.string,\n /**\n * SearchBox placeholder label.\n */\n searchBoxPlaceholder: PropTypes.string,\n /**\n * Select All placeholder label.\n */\n selectAll: PropTypes.string,\n /**\n * Multi selection conjunction placeholder label.\n */\n multiSelectionConjunction: PropTypes.string,\n }),\n\n /**\n * The options of the filter group.\n */\n filters: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n data: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n name: PropTypes.string.isRequired,\n })\n ).isRequired,\n })\n ).isRequired,\n\n /**\n * The value of the filter group.\n */\n value: PropTypes.arrayOf(\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n ),\n /**\n * The placement where the filter group should be placed according to the input. Options are `left` or `right`.\n */\n horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n\n /**\n * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n */\n disablePortal: PropTypes.bool,\n /**\n * Sets if the filter container should be out of the screen or stay visible.\n */\n escapeWithReference: PropTypes.bool,\n\n /**\n * The Height of the filter panel, between 295 and 425. Defaults to 350\n */\n height: PropTypes.oneOf([PropTypes.number, PropTypes.string]),\n\n /**\n * The filter content props\n */\n filterContentProps: PropTypes.object,\n\n /**\n * If `true` the filter group starts opened if `false` it starts closed.\n */\n expanded: PropTypes.bool,\n};\n\nexport default HvFilterGroup;\n"],"file":"FilterGroup.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/FilterGroup/FilterGroup.js"],"names":["React","clsx","PropTypes","FilterGroupProvider","FilterContent","useStyles","setId","useLabels","useUniqueId","useControlled","HvFormElement","HvLabel","HvWarningText","HvInfoMessage","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labelsProp","labels","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","validationMessage","elementId","hasLabel","hasDescription","canShowError","undefined","root","labelContainer","error","propTypes","string","node","bool","oneOf","func","shape","arrayOf","isRequired","data","oneOfType","number","object","expanded"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupProvider } from \"./FilterGroupContext\";\nimport FilterContent from \"./FilterContent\";\nimport useStyles from \"./styles\";\nimport {\n setId,\n useLabels,\n useUniqueId,\n useControlled,\n HvFormElement,\n HvLabel,\n HvWarningText,\n HvInfoMessage,\n} from \"..\";\n\nconst DEFAULT_LABELS = {\n applyLabel: \"Apply\",\n cancelLabel: \"Cancel\",\n clearLabel: \"Clear Filters\",\n placeholder: \"Filters\",\n searchBoxPlaceholder: \"Search\",\n selectAll: \"All\",\n multiSelectionConjunction: \"/\",\n};\n\nconst HvFilterGroup = ({\n className,\n\n id,\n name,\n\n required = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n onCancel,\n onClear,\n\n status,\n statusMessage,\n\n labels: labelsProp,\n\n defaultValue,\n value,\n filters,\n\n horizontalPlacement = \"right\",\n disablePortal = true,\n escapeWithReference = true,\n\n height = 350,\n filterContentProps,\n\n ...others\n}) => {\n const classes = useStyles();\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n const hasLabel = label != null;\n const hasDescription = description != null;\n\n // error message area will only be needed if the status is being controlled\n // or if required is true\n const canShowError = status !== undefined || required;\n\n return (\n <HvFormElement\n id={id}\n name={name}\n value={value}\n status={status}\n disabled={disabled}\n required={required}\n className={clsx(className, classes.root)}\n {...others}\n >\n {(hasLabel || hasDescription) && (\n <div className={classes.labelContainer}>\n {hasLabel && (\n <HvLabel\n id={setId(elementId, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n className={classes.label}\n />\n )}\n\n {hasDescription && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n </div>\n )}\n <FilterGroupProvider defaultValue={defaultValue} value={value} filters={filters}>\n <FilterContent\n id={elementId}\n disabled={disabled}\n disablePortal={disablePortal}\n variableWidth\n placement={horizontalPlacement}\n escapeWithReference={escapeWithReference}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n status={status}\n onChange={onChange}\n onCancel={onCancel}\n onClear={onClear}\n labels={labels}\n height={height}\n {...filterContentProps}\n />\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </FilterGroupProvider>\n </HvFormElement>\n );\n};\n\nHvFilterGroup.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n\n /**\n * The form element name.\n */\n name: PropTypes.string,\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when `status` is \"invalid\". Defaults to \"Required\".\n */\n statusMessage: PropTypes.node,\n\n /**\n * The callback fired when the value changes.\n */\n onChange: PropTypes.func,\n\n /**\n * The callback fired when the cancel button is clicked.\n */\n onCancel: PropTypes.func,\n\n /**\n * The callback fired when the clear filters button is clicked.\n */\n onClear: PropTypes.func,\n\n /**\n * An object containing all the labels for the Filter Group.\n */\n labels: PropTypes.shape({\n /**\n * Apply button label.\n */\n applyLabel: PropTypes.string,\n /**\n * Cancel button label.\n */\n cancelLabel: PropTypes.string,\n /**\n * Clear Filters button label.\n */\n clearLabel: PropTypes.string,\n /**\n * Placeholder label.\n */\n placeholder: PropTypes.string,\n /**\n * SearchBox placeholder label.\n */\n searchBoxPlaceholder: PropTypes.string,\n /**\n * Select All placeholder label.\n */\n selectAll: PropTypes.string,\n /**\n * Multi selection conjunction placeholder label.\n */\n multiSelectionConjunction: PropTypes.string,\n }),\n\n /**\n * The options of the filter group.\n */\n filters: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n data: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n name: PropTypes.string.isRequired,\n })\n ).isRequired,\n })\n ).isRequired,\n\n /**\n * The default value of the filter group.\n * If defined the clear action will reset to it.\n */\n defaultValue: PropTypes.arrayOf(\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n ),\n\n /**\n * The value of the filter group.\n */\n value: PropTypes.arrayOf(\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n ),\n\n /**\n * The placement where the filter group should be placed according to the input. Options are `left` or `right`.\n */\n horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n\n /**\n * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n */\n disablePortal: PropTypes.bool,\n /**\n * Sets if the filter container should be out of the screen or stay visible.\n */\n escapeWithReference: PropTypes.bool,\n\n /**\n * The Height of the filter panel, between 295 and 425. Defaults to 350\n */\n height: PropTypes.oneOf([PropTypes.number, PropTypes.string]),\n\n /**\n * The filter content props\n */\n filterContentProps: PropTypes.object,\n\n /**\n * If `true` the filter group starts opened if `false` it starts closed.\n */\n expanded: PropTypes.bool,\n};\n\nexport default HvFilterGroup;\n"],"file":"FilterGroup.js"}
|
|
@@ -24,7 +24,8 @@ var groups = function groups(filters) {
|
|
|
24
24
|
};
|
|
25
25
|
|
|
26
26
|
export var FilterGroupProvider = function FilterGroupProvider(_ref) {
|
|
27
|
-
var
|
|
27
|
+
var defaultValue = _ref.defaultValue,
|
|
28
|
+
value = _ref.value,
|
|
28
29
|
filters = _ref.filters,
|
|
29
30
|
children = _ref.children;
|
|
30
31
|
|
|
@@ -45,12 +46,15 @@ export var FilterGroupProvider = function FilterGroupProvider(_ref) {
|
|
|
45
46
|
applyDisabled = _useState4[0],
|
|
46
47
|
setApplyDisabled = _useState4[1];
|
|
47
48
|
|
|
49
|
+
useEffect(function () {
|
|
50
|
+
setFilterValues(value, true);
|
|
51
|
+
}, [value, setFilterValues]);
|
|
48
52
|
useEffect(function () {
|
|
49
53
|
setApplyDisabled(isEqual(filterValues, appliedFilters));
|
|
50
54
|
}, [filterValues, appliedFilters]);
|
|
51
55
|
var clearFilters = useCallback(function () {
|
|
52
|
-
setFilterValues(groups(filters));
|
|
53
|
-
}, [filters, setFilterValues]);
|
|
56
|
+
setFilterValues(defaultValue || groups(filters));
|
|
57
|
+
}, [filters, setFilterValues, defaultValue]);
|
|
54
58
|
var applyFilters = useCallback(function () {
|
|
55
59
|
setFilterValues(filterValues, true);
|
|
56
60
|
}, [filterValues, setFilterValues]);
|
|
@@ -65,14 +69,16 @@ export var FilterGroupProvider = function FilterGroupProvider(_ref) {
|
|
|
65
69
|
rollbackFilters: rollbackFilters,
|
|
66
70
|
clearFilters: clearFilters,
|
|
67
71
|
applyFilters: applyFilters,
|
|
68
|
-
applyDisabled: applyDisabled
|
|
72
|
+
applyDisabled: applyDisabled,
|
|
73
|
+
defaultValue: defaultValue
|
|
69
74
|
};
|
|
70
|
-
}, [appliedFilters, applyDisabled, applyFilters, clearFilters, filterValues, filters, group, rollbackFilters, setFilterValues]);
|
|
75
|
+
}, [appliedFilters, applyDisabled, applyFilters, clearFilters, filterValues, filters, group, rollbackFilters, setFilterValues, defaultValue]);
|
|
71
76
|
return /*#__PURE__*/React.createElement(FilterGroupContext.Provider, {
|
|
72
77
|
value: contextValue
|
|
73
78
|
}, children);
|
|
74
79
|
};
|
|
75
80
|
process.env.NODE_ENV !== "production" ? FilterGroupProvider.propTypes = {
|
|
81
|
+
defaultValue: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))),
|
|
76
82
|
value: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))),
|
|
77
83
|
filters: PropTypes.arrayOf(PropTypes.shape({
|
|
78
84
|
id: PropTypes.string.isRequired,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/FilterGroup/FilterGroupContext.js"],"names":["React","useState","useEffect","useMemo","useCallback","PropTypes","isEqual","useSavedState","FilterGroupContext","createContext","activeGroup","setActiveGroup","filterOptions","setFilterOptions","filterValues","setFilterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","groups","filters","map","FilterGroupProvider","value","children","group","appliedFilters","setApplyDisabled","contextValue","propTypes","arrayOf","oneOfType","string","number","shape","id","isRequired","name","data","node"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,WAA9C,QAAiE,OAAjE;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,SAASC,aAAT,QAA8B,UAA9B;AAEA,OAAO,IAAMC,kBAAkB,gBAAGR,KAAK,CAACS,aAAN,CAAoB;AACpDC,EAAAA,WAAW,EAAE,CADuC;AAEpDC,EAAAA,cAAc,EAAE,0BAAM,CAAE,CAF4B;AAGpDC,EAAAA,aAAa,EAAE,EAHqC;AAIpDC,EAAAA,gBAAgB,EAAE,4BAAM,CAAE,CAJ0B;AAKpDC,EAAAA,YAAY,EAAE,EALsC;AAMpDC,EAAAA,eAAe,EAAE,2BAAM,CAAE,CAN2B;AAOpDC,EAAAA,eAAe,EAAE,2BAAM,CAAE,CAP2B;AAQpDC,EAAAA,YAAY,EAAE,wBAAM,CAAE,CAR8B;AASpDC,EAAAA,YAAY,EAAE,wBAAM,CAAE,CAT8B;AAUpDC,EAAAA,aAAa,EAAE;AAVqC,CAApB,CAA3B;;AAaP,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,OAAD;AAAA,SAAaA,OAAO,CAACC,GAAR,CAAY;AAAA,WAAM,EAAN;AAAA,GAAZ,CAAb;AAAA,CAAf;;AAEA,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,
|
|
1
|
+
{"version":3,"sources":["../../../src/FilterGroup/FilterGroupContext.js"],"names":["React","useState","useEffect","useMemo","useCallback","PropTypes","isEqual","useSavedState","FilterGroupContext","createContext","activeGroup","setActiveGroup","filterOptions","setFilterOptions","filterValues","setFilterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","groups","filters","map","FilterGroupProvider","defaultValue","value","children","group","appliedFilters","setApplyDisabled","contextValue","propTypes","arrayOf","oneOfType","string","number","shape","id","isRequired","name","data","node"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useMemo, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport isEqual from \"lodash/isEqual\";\nimport { useSavedState } from \"../utils\";\n\nexport const FilterGroupContext = React.createContext({\n activeGroup: 0,\n setActiveGroup: () => {},\n filterOptions: [],\n setFilterOptions: () => {},\n filterValues: [],\n setFilterValues: () => {},\n rollbackFilters: () => {},\n clearFilters: () => {},\n applyFilters: () => {},\n applyDisabled: false,\n});\n\nconst groups = (filters) => filters.map(() => []);\n\nexport const FilterGroupProvider = ({ defaultValue, value, filters, children }) => {\n const [group, setActiveGroup] = useState(0);\n const [filterValues, setFilterValues, rollbackFilters, appliedFilters] = useSavedState(\n value || groups(filters)\n );\n const [applyDisabled, setApplyDisabled] = useState(false);\n\n useEffect(() => {\n setFilterValues(value, true);\n }, [value, setFilterValues]);\n\n useEffect(() => {\n setApplyDisabled(isEqual(filterValues, appliedFilters));\n }, [filterValues, appliedFilters]);\n\n const clearFilters = useCallback(() => {\n setFilterValues(defaultValue || groups(filters));\n }, [filters, setFilterValues, defaultValue]);\n\n const applyFilters = useCallback(() => {\n setFilterValues(filterValues, true);\n }, [filterValues, setFilterValues]);\n\n const contextValue = useMemo(\n () => ({\n activeGroup: group,\n setActiveGroup,\n filterOptions: filters,\n filterValues,\n setFilterValues,\n appliedFilters,\n rollbackFilters,\n clearFilters,\n applyFilters,\n applyDisabled,\n defaultValue,\n }),\n [\n appliedFilters,\n applyDisabled,\n applyFilters,\n clearFilters,\n filterValues,\n filters,\n group,\n rollbackFilters,\n setFilterValues,\n defaultValue,\n ]\n );\n\n return <FilterGroupContext.Provider value={contextValue}>{children}</FilterGroupContext.Provider>;\n};\n\nFilterGroupProvider.propTypes = {\n defaultValue: PropTypes.arrayOf(\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n ),\n value: PropTypes.arrayOf(\n PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n ),\n filters: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n data: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n name: PropTypes.string.isRequired,\n })\n ).isRequired,\n })\n ),\n children: PropTypes.node.isRequired,\n};\n"],"file":"FilterGroupContext.js"}
|
|
@@ -4,9 +4,9 @@ export type HvOverflowTooltipKey = "tooltipData" | "tooltipAnchor" | "tooltipAnc
|
|
|
4
4
|
|
|
5
5
|
export interface HvOverflowTooltipProps
|
|
6
6
|
extends StandardProps<React.HTMLAttributes<HTMLElement>, HvOverflowTooltipKey> {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
/**
|
|
8
|
+
* Id to be applied to the tooltip.
|
|
9
|
+
*/
|
|
10
10
|
id?: string;
|
|
11
11
|
/**
|
|
12
12
|
* The node that will be rendered inside the tooltip.
|
|
@@ -20,9 +20,29 @@ export interface HvOverflowTooltipProps
|
|
|
20
20
|
* If `true` the overflow tooltip will always use the paragraph overflow style.
|
|
21
21
|
*/
|
|
22
22
|
paragraphOverflow?: boolean;
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
/**
|
|
24
|
+
* If true, the tooltip is shown.
|
|
25
|
+
*/
|
|
26
|
+
open?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Tooltip placement.
|
|
29
|
+
*/
|
|
30
|
+
placement?:
|
|
31
|
+
| 'bottom-end'
|
|
32
|
+
| 'bottom-start'
|
|
33
|
+
| 'bottom'
|
|
34
|
+
| 'left-end'
|
|
35
|
+
| 'left-start'
|
|
36
|
+
| 'left'
|
|
37
|
+
| 'right-end'
|
|
38
|
+
| 'right-start'
|
|
39
|
+
| 'right'
|
|
40
|
+
| 'top-end'
|
|
41
|
+
| 'top-start'
|
|
42
|
+
| 'top';
|
|
43
|
+
/**
|
|
44
|
+
* Extra properties to add to the tooltip.
|
|
45
|
+
*/
|
|
26
46
|
tooltipsProps?: TooltipProps;
|
|
27
47
|
}
|
|
28
48
|
|