@hitachivantara/uikit-react-core 3.62.4 → 3.62.5

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 CHANGED
@@ -3,6 +3,18 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 3.62.5 (2022-04-19)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **filtergroup:** enable typings ([#2743](https://github.com/lumada-design/hv-uikit-react/issues/2743)) ([aa09e97](https://github.com/lumada-design/hv-uikit-react/commit/aa09e9705905a2970e44c8f487f8688d2fc30f2c))
12
+ * **Snackbar:** message overflow its content box when rendering long words. HVUIKIT-6344 ([#2745](https://github.com/lumada-design/hv-uikit-react/issues/2745)) ([7989b3d](https://github.com/lumada-design/hv-uikit-react/commit/7989b3db14e7f0afb5b11c5a6809fa72586a2746))
13
+
14
+
15
+
16
+
17
+
6
18
  ## [3.62.4](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.62.3...@hitachivantara/uikit-react-core@3.62.4) (2022-04-13)
7
19
 
8
20
 
@@ -43,6 +43,11 @@ var DEFAULT_LABELS = {
43
43
  selectAll: "All",
44
44
  multiSelectionConjunction: "/"
45
45
  };
46
+ /**
47
+ * This component implements one potential use-case of the Filter Group pattern Design System Specifies.
48
+ * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,
49
+ * while we do not provide a better approach for building this component with smaller and more composable parts.
50
+ */
46
51
 
47
52
  var HvFilterGroup = function HvFilterGroup(_ref) {
48
53
  var className = _ref.className,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/FilterGroup/FilterGroup.js"],"names":["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","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"}
1
+ {"version":3,"sources":["../../src/FilterGroup/FilterGroup.js"],"names":["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","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\n/**\n * This component implements one potential use-case of the Filter Group pattern Design System Specifies.\n * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,\n * while we do not provide a better approach for building this component with smaller and more composable parts.\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"}
@@ -0,0 +1,2 @@
1
+ export { default } from "./FilterGroup";
2
+ export * from "./FilterGroup";
@@ -57,7 +57,8 @@ var styles = function styles(theme) {
57
57
  padding: theme.hvSpacing(0, "xs"),
58
58
  color: theme.hv.palette.base.base2,
59
59
  fontFamily: theme.hv.typography.fontFamily,
60
- maxHeight: "72px"
60
+ maxHeight: "72px",
61
+ wordBreak: "break-word"
61
62
  }),
62
63
  action: {
63
64
  textAlign: "right"
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Snackbar/SnackbarContentWrapper/styles.js"],"names":["styles","theme","root","width","minHeight","maxHeight","padding","hvSpacing","success","backgroundColor","hv","palette","semantic","sema8","error","sema9","default","sema7","message","messageSpan","display","alignItems","messageText","typography","normalText","color","base","base2","fontFamily","action","textAlign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,OADH;AAEJC,MAAAA,SAAS,EAAE,MAFP;AAGJC,MAAAA,SAAS,EAAE,MAHP;AAIJC,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,IAAhB;AAJL,KADmB;AAOzBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC;AADpC,KAPgB;AAUzBC,IAAAA,KAAK,EAAE;AACLL,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BG;AADtC,KAVkB;AAazBC,IAAAA,OAAO,EAAE;AACPP,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BK;AADpC,KAbgB;AAgBzBC,IAAAA,OAAO,EAAE;AACPZ,MAAAA,OAAO,EAAE,CADF;AAEPH,MAAAA,KAAK,EAAE;AAFA,KAhBgB;AAoBzBgB,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,UAAU,EAAE,QAFD;AAGXjB,MAAAA,SAAS,EAAE;AAHA,KApBY;AAyBzBkB,IAAAA,WAAW,kCACNrB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBC,UADd;AAETlB,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFA;AAGTkB,MAAAA,KAAK,EAAExB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBe,IAAjB,CAAsBC,KAHpB;AAITC,MAAAA,UAAU,EAAE3B,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBK,UAJvB;AAKTvB,MAAAA,SAAS,EAAE;AALF,MAzBc;AAgCzBwB,IAAAA,MAAM,EAAE;AACNC,MAAAA,SAAS,EAAE;AADL;AAhCiB,GAAZ;AAAA,CAAf;;eAqCe9B,M","sourcesContent":["const styles = (theme) => ({\n root: {\n width: \"310px\",\n minHeight: \"52px\",\n maxHeight: \"92px\",\n padding: theme.hvSpacing(\"xs\"),\n },\n success: {\n backgroundColor: theme.hv.palette.semantic.sema8,\n },\n error: {\n backgroundColor: theme.hv.palette.semantic.sema9,\n },\n default: {\n backgroundColor: theme.hv.palette.semantic.sema7,\n },\n message: {\n padding: 0,\n width: \"100%\",\n },\n messageSpan: {\n display: \"flex\",\n alignItems: \"center\",\n minHeight: \"32px\",\n },\n messageText: {\n ...theme.hv.typography.normalText,\n padding: theme.hvSpacing(0, \"xs\"),\n color: theme.hv.palette.base.base2,\n fontFamily: theme.hv.typography.fontFamily,\n maxHeight: \"72px\",\n },\n action: {\n textAlign: \"right\",\n },\n});\n\nexport default styles;\n"],"file":"styles.js"}
1
+ {"version":3,"sources":["../../../src/Snackbar/SnackbarContentWrapper/styles.js"],"names":["styles","theme","root","width","minHeight","maxHeight","padding","hvSpacing","success","backgroundColor","hv","palette","semantic","sema8","error","sema9","default","sema7","message","messageSpan","display","alignItems","messageText","typography","normalText","color","base","base2","fontFamily","wordBreak","action","textAlign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,OADH;AAEJC,MAAAA,SAAS,EAAE,MAFP;AAGJC,MAAAA,SAAS,EAAE,MAHP;AAIJC,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,IAAhB;AAJL,KADmB;AAOzBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC;AADpC,KAPgB;AAUzBC,IAAAA,KAAK,EAAE;AACLL,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BG;AADtC,KAVkB;AAazBC,IAAAA,OAAO,EAAE;AACPP,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BK;AADpC,KAbgB;AAgBzBC,IAAAA,OAAO,EAAE;AACPZ,MAAAA,OAAO,EAAE,CADF;AAEPH,MAAAA,KAAK,EAAE;AAFA,KAhBgB;AAoBzBgB,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,UAAU,EAAE,QAFD;AAGXjB,MAAAA,SAAS,EAAE;AAHA,KApBY;AAyBzBkB,IAAAA,WAAW,kCACNrB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBC,UADd;AAETlB,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFA;AAGTkB,MAAAA,KAAK,EAAExB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBe,IAAjB,CAAsBC,KAHpB;AAITC,MAAAA,UAAU,EAAE3B,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBK,UAJvB;AAKTvB,MAAAA,SAAS,EAAE,MALF;AAMTwB,MAAAA,SAAS,EAAE;AANF,MAzBc;AAiCzBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,SAAS,EAAE;AADL;AAjCiB,GAAZ;AAAA,CAAf;;eAsCe/B,M","sourcesContent":["const styles = (theme) => ({\n root: {\n width: \"310px\",\n minHeight: \"52px\",\n maxHeight: \"92px\",\n padding: theme.hvSpacing(\"xs\"),\n },\n success: {\n backgroundColor: theme.hv.palette.semantic.sema8,\n },\n error: {\n backgroundColor: theme.hv.palette.semantic.sema9,\n },\n default: {\n backgroundColor: theme.hv.palette.semantic.sema7,\n },\n message: {\n padding: 0,\n width: \"100%\",\n },\n messageSpan: {\n display: \"flex\",\n alignItems: \"center\",\n minHeight: \"32px\",\n },\n messageText: {\n ...theme.hv.typography.normalText,\n padding: theme.hvSpacing(0, \"xs\"),\n color: theme.hv.palette.base.base2,\n fontFamily: theme.hv.typography.fontFamily,\n maxHeight: \"72px\",\n wordBreak: \"break-word\",\n },\n action: {\n textAlign: \"right\",\n },\n});\n\nexport default styles;\n"],"file":"styles.js"}
package/dist/index.d.ts CHANGED
@@ -61,6 +61,7 @@ export { default as HvFileUploader } from "./FileUploader";
61
61
  export * from "./FileUploader";
62
62
 
63
63
  export { default as HvFilterGroup } from "./FilterGroup";
64
+ export * from "./FilterGroup";
64
65
 
65
66
  export { default as HvFooter } from "./Footer";
66
67
  export * from "./Footer";
@@ -21,6 +21,11 @@ var DEFAULT_LABELS = {
21
21
  selectAll: "All",
22
22
  multiSelectionConjunction: "/"
23
23
  };
24
+ /**
25
+ * This component implements one potential use-case of the Filter Group pattern Design System Specifies.
26
+ * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,
27
+ * while we do not provide a better approach for building this component with smaller and more composable parts.
28
+ */
24
29
 
25
30
  var HvFilterGroup = function HvFilterGroup(_ref) {
26
31
  var className = _ref.className,
@@ -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","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":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,mBAAT,QAAoC,sBAApC;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,SAAP,MAAsB,UAAtB;AACA,SACEC,KADF,EAEEC,SAFF,EAGEC,WAHF,EAIEC,aAJF,EAKEC,aALF,EAMEC,OANF,EAOEC,aAPF,EAQEC,aARF,QASO,IATP;AAWA,IAAMC,cAAc,GAAG;AACrBC,EAAAA,UAAU,EAAE,OADS;AAErBC,EAAAA,WAAW,EAAE,QAFQ;AAGrBC,EAAAA,UAAU,EAAE,eAHS;AAIrBC,EAAAA,WAAW,EAAE,SAJQ;AAKrBC,EAAAA,oBAAoB,EAAE,QALD;AAMrBC,EAAAA,SAAS,EAAE,KANU;AAOrBC,EAAAA,yBAAyB,EAAE;AAPN,CAAvB;;AAUA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAoChB;AAAA,MAnCJC,SAmCI,QAnCJA,SAmCI;AAAA,MAjCJC,EAiCI,QAjCJA,EAiCI;AAAA,MAhCJC,IAgCI,QAhCJA,IAgCI;AAAA,2BA9BJC,QA8BI;AAAA,MA9BJA,QA8BI,8BA9BO,KA8BP;AAAA,2BA7BJC,QA6BI;AAAA,MA7BJA,QA6BI,8BA7BO,KA6BP;AAAA,MA3BJC,KA2BI,QA3BJA,KA2BI;AAAA,MA1BUC,SA0BV,QA1BJ,YA0BI;AAAA,MAzBeC,cAyBf,QAzBJ,iBAyBI;AAAA,MAxBJC,WAwBI,QAxBJA,WAwBI;AAAA,MAvBgBC,eAuBhB,QAvBJ,kBAuBI;AAAA,MArBJC,QAqBI,QArBJA,QAqBI;AAAA,MApBJC,QAoBI,QApBJA,QAoBI;AAAA,MAnBJC,OAmBI,QAnBJA,OAmBI;AAAA,MAjBJC,MAiBI,QAjBJA,MAiBI;AAAA,MAhBJC,aAgBI,QAhBJA,aAgBI;AAAA,MAdIC,UAcJ,QAdJC,MAcI;AAAA,MAZJC,YAYI,QAZJA,YAYI;AAAA,MAXJC,KAWI,QAXJA,KAWI;AAAA,MAVJC,OAUI,QAVJA,OAUI;AAAA,mCARJC,mBAQI;AAAA,MARJA,mBAQI,sCARkB,OAQlB;AAAA,gCAPJC,aAOI;AAAA,MAPJA,aAOI,mCAPY,IAOZ;AAAA,mCANJC,mBAMI;AAAA,MANJA,mBAMI,sCANkB,IAMlB;AAAA,yBAJJC,MAII;AAAA,MAJJA,MAII,4BAJK,GAIL;AAAA,MAHJC,kBAGI,QAHJA,kBAGI;AAAA,MADDC,MACC;;AACJ,MAAMC,OAAO,GAAG5C,SAAS,EAAzB;;AAEA,uBAA4BI,aAAa,CAAC4B,aAAD,EAAgB,UAAhB,CAAzC;AAAA;AAAA,MAAOa,iBAAP;;AAEA,MAAMC,SAAS,GAAG3C,WAAW,CAACgB,EAAD,EAAK,eAAL,CAA7B;AAEA,MAAMe,MAAM,GAAGhC,SAAS,CAACO,cAAD,EAAiBwB,UAAjB,CAAxB;AAEA,MAAMc,QAAQ,GAAGxB,KAAK,IAAI,IAA1B;AACA,MAAMyB,cAAc,GAAGtB,WAAW,IAAI,IAAtC,CAVI,CAYJ;AACA;;AACA,MAAMuB,YAAY,GAAGlB,MAAM,KAAKmB,SAAX,IAAwB7B,QAA7C;AAEA,sBACE,oBAAC,aAAD;AACE,IAAA,EAAE,EAAEF,EADN;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,KAAK,EAAEgB,KAHT;AAIE,IAAA,MAAM,EAAEL,MAJV;AAKE,IAAA,QAAQ,EAAET,QALZ;AAME,IAAA,QAAQ,EAAED,QANZ;AAOE,IAAA,SAAS,EAAEzB,IAAI,CAACsB,SAAD,EAAY0B,OAAO,CAACO,IAApB;AAPjB,KAQMR,MARN,GAUG,CAACI,QAAQ,IAAIC,cAAb,kBACC;AAAK,IAAA,SAAS,EAAEJ,OAAO,CAACQ;AAAxB,KACGL,QAAQ,iBACP,oBAAC,OAAD;AACE,IAAA,EAAE,EAAE9C,KAAK,CAAC6C,SAAD,EAAY,OAAZ,CADX;AAEE,IAAA,OAAO,EAAE7C,KAAK,CAAC6C,SAAD,EAAY,OAAZ,CAFhB;AAGE,IAAA,KAAK,EAAEvB,KAHT;AAIE,IAAA,SAAS,EAAEqB,OAAO,CAACrB;AAJrB,IAFJ,EAUGyB,cAAc,iBACb,oBAAC,aAAD;AAAe,IAAA,EAAE,EAAE/C,KAAK,CAAC6C,SAAD,EAAY,aAAZ,CAAxB;AAAoD,IAAA,SAAS,EAAEF,OAAO,CAAClB;AAAvE,KACGA,WADH,CAXJ,CAXJ,eA4BE,oBAAC,mBAAD;AAAqB,IAAA,YAAY,EAAES,YAAnC;AAAiD,IAAA,KAAK,EAAEC,KAAxD;AAA+D,IAAA,OAAO,EAAEC;AAAxE,kBACE,oBAAC,aAAD;AACE,IAAA,EAAE,EAAES,SADN;AAEE,IAAA,QAAQ,EAAExB,QAFZ;AAGE,IAAA,aAAa,EAAEiB,aAHjB;AAIE,IAAA,aAAa,MAJf;AAKE,IAAA,SAAS,EAAED,mBALb;AAME,IAAA,mBAAmB,EAAEE,mBANvB;AAOE,kBAAYhB,SAPd;AAQE,uBAAiBC,cARnB;AASE,IAAA,MAAM,EAAEM,MATV;AAUE,IAAA,QAAQ,EAAEH,QAVZ;AAWE,IAAA,QAAQ,EAAEC,QAXZ;AAYE,IAAA,OAAO,EAAEC,OAZX;AAaE,IAAA,MAAM,EAAEI,MAbV;AAcE,IAAA,MAAM,EAAEO;AAdV,KAeMC,kBAfN,EADF,EAkBGO,YAAY,iBACX,oBAAC,aAAD;AAAe,IAAA,EAAE,EAAEhD,KAAK,CAAC6C,SAAD,EAAY,OAAZ,CAAxB;AAA8C,IAAA,aAAa,MAA3D;AAA4D,IAAA,SAAS,EAAEF,OAAO,CAACS;AAA/E,KACGR,iBADH,CAnBJ,CA5BF,CADF;AAuDD,CA3GD;;AA6GA,wCAAA5B,aAAa,CAACqC,SAAd,GAA0B;AACxB;AACF;AACA;AACEpC,EAAAA,SAAS,EAAErB,SAAS,CAAC0D,MAJG;;AAMxB;AACF;AACA;AACEpC,EAAAA,EAAE,EAAEtB,SAAS,CAAC0D,MATU;;AAWxB;AACF;AACA;AACEnC,EAAAA,IAAI,EAAEvB,SAAS,CAAC0D,MAdQ;;AAgBxB;AACF;AACA;AACA;AACA;AACA;AACEhC,EAAAA,KAAK,EAAE1B,SAAS,CAAC2D,IAtBO;;AAuBxB;AACF;AACA;AACE,gBAAc3D,SAAS,CAAC0D,MA1BA;;AA2BxB;AACF;AACA;AACE,qBAAmB1D,SAAS,CAAC0D,MA9BL;;AA+BxB;AACF;AACA;AACE7B,EAAAA,WAAW,EAAE7B,SAAS,CAAC2D,IAlCC;;AAmCxB;AACF;AACA;AACE,sBAAoB3D,SAAS,CAAC0D,MAtCN;;AAwCxB;AACF;AACA;AACEjC,EAAAA,QAAQ,EAAEzB,SAAS,CAAC4D,IA3CI;;AA4CxB;AACF;AACA;AACEpC,EAAAA,QAAQ,EAAExB,SAAS,CAAC4D,IA/CI;;AAiDxB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACE1B,EAAAA,MAAM,EAAElC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CAzDgB;;AA0DxB;AACF;AACA;AACE1B,EAAAA,aAAa,EAAEnC,SAAS,CAAC2D,IA7DD;;AA+DxB;AACF;AACA;AACE5B,EAAAA,QAAQ,EAAE/B,SAAS,CAAC8D,IAlEI;;AAoExB;AACF;AACA;AACE9B,EAAAA,QAAQ,EAAEhC,SAAS,CAAC8D,IAvEI;;AAyExB;AACF;AACA;AACE7B,EAAAA,OAAO,EAAEjC,SAAS,CAAC8D,IA5EK;;AA8ExB;AACF;AACA;AACEzB,EAAAA,MAAM,EAAErC,SAAS,CAAC+D,KAAV,CAAgB;AACtB;AACJ;AACA;AACIlD,IAAAA,UAAU,EAAEb,SAAS,CAAC0D,MAJA;;AAKtB;AACJ;AACA;AACI5C,IAAAA,WAAW,EAAEd,SAAS,CAAC0D,MARD;;AAStB;AACJ;AACA;AACI3C,IAAAA,UAAU,EAAEf,SAAS,CAAC0D,MAZA;;AAatB;AACJ;AACA;AACI1C,IAAAA,WAAW,EAAEhB,SAAS,CAAC0D,MAhBD;;AAiBtB;AACJ;AACA;AACIzC,IAAAA,oBAAoB,EAAEjB,SAAS,CAAC0D,MApBV;;AAqBtB;AACJ;AACA;AACIxC,IAAAA,SAAS,EAAElB,SAAS,CAAC0D,MAxBC;;AAyBtB;AACJ;AACA;AACIvC,IAAAA,yBAAyB,EAAEnB,SAAS,CAAC0D;AA5Bf,GAAhB,CAjFgB;;AAgHxB;AACF;AACA;AACElB,EAAAA,OAAO,EAAExC,SAAS,CAACgE,OAAV,CACPhE,SAAS,CAAC+D,KAAV,CAAgB;AACdzC,IAAAA,EAAE,EAAEtB,SAAS,CAAC0D,MAAV,CAAiBO,UADP;AAEd1C,IAAAA,IAAI,EAAEvB,SAAS,CAAC0D,MAAV,CAAiBO,UAFT;AAGdC,IAAAA,IAAI,EAAElE,SAAS,CAACgE,OAAV,CACJhE,SAAS,CAAC+D,KAAV,CAAgB;AACdzC,MAAAA,EAAE,EAAEtB,SAAS,CAACmE,SAAV,CAAoB,CAACnE,SAAS,CAAC0D,MAAX,EAAmB1D,SAAS,CAACoE,MAA7B,CAApB,EAA0DH,UADhD;AAEd1C,MAAAA,IAAI,EAAEvB,SAAS,CAAC0D,MAAV,CAAiBO;AAFT,KAAhB,CADI,EAKJA;AARY,GAAhB,CADO,EAWPA,UA9HsB;;AAgIxB;AACF;AACA;AACA;AACE3B,EAAAA,YAAY,EAAEtC,SAAS,CAACgE,OAAV,CACZhE,SAAS,CAACgE,OAAV,CAAkBhE,SAAS,CAACmE,SAAV,CAAoB,CAACnE,SAAS,CAAC0D,MAAX,EAAmB1D,SAAS,CAACoE,MAA7B,CAApB,CAAlB,CADY,CApIU;;AAwIxB;AACF;AACA;AACE7B,EAAAA,KAAK,EAAEvC,SAAS,CAACgE,OAAV,CACLhE,SAAS,CAACgE,OAAV,CAAkBhE,SAAS,CAACmE,SAAV,CAAoB,CAACnE,SAAS,CAAC0D,MAAX,EAAmB1D,SAAS,CAACoE,MAA7B,CAApB,CAAlB,CADK,CA3IiB;;AA+IxB;AACF;AACA;AACE3B,EAAAA,mBAAmB,EAAEzC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,CAlJG;;AAoJxB;AACF;AACA;AACEnB,EAAAA,aAAa,EAAE1C,SAAS,CAAC4D,IAvJD;;AAwJxB;AACF;AACA;AACEjB,EAAAA,mBAAmB,EAAE3C,SAAS,CAAC4D,IA3JP;;AA6JxB;AACF;AACA;AACEhB,EAAAA,MAAM,EAAE5C,SAAS,CAAC6D,KAAV,CAAgB,CAAC7D,SAAS,CAACoE,MAAX,EAAmBpE,SAAS,CAAC0D,MAA7B,CAAhB,CAhKgB;;AAkKxB;AACF;AACA;AACEb,EAAAA,kBAAkB,EAAE7C,SAAS,CAACqE,MArKN;;AAuKxB;AACF;AACA;AACEC,EAAAA,QAAQ,EAAEtE,SAAS,CAAC4D;AA1KI,CAA1B;AA6KA,eAAexC,aAAf","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"}
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\n/**\n * This component implements one potential use-case of the Filter Group pattern Design System Specifies.\n * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,\n * while we do not provide a better approach for building this component with smaller and more composable parts.\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"}
@@ -0,0 +1,2 @@
1
+ export { default } from "./FilterGroup";
2
+ export * from "./FilterGroup";
@@ -41,7 +41,8 @@ var styles = function styles(theme) {
41
41
  padding: theme.hvSpacing(0, "xs"),
42
42
  color: theme.hv.palette.base.base2,
43
43
  fontFamily: theme.hv.typography.fontFamily,
44
- maxHeight: "72px"
44
+ maxHeight: "72px",
45
+ wordBreak: "break-word"
45
46
  }),
46
47
  action: {
47
48
  textAlign: "right"
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/Snackbar/SnackbarContentWrapper/styles.js"],"names":["styles","theme","root","width","minHeight","maxHeight","padding","hvSpacing","success","backgroundColor","hv","palette","semantic","sema8","error","sema9","default","sema7","message","messageSpan","display","alignItems","messageText","typography","normalText","color","base","base2","fontFamily","action","textAlign"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,OADH;AAEJC,MAAAA,SAAS,EAAE,MAFP;AAGJC,MAAAA,SAAS,EAAE,MAHP;AAIJC,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,IAAhB;AAJL,KADmB;AAOzBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC;AADpC,KAPgB;AAUzBC,IAAAA,KAAK,EAAE;AACLL,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BG;AADtC,KAVkB;AAazBC,IAAAA,OAAO,EAAE;AACPP,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BK;AADpC,KAbgB;AAgBzBC,IAAAA,OAAO,EAAE;AACPZ,MAAAA,OAAO,EAAE,CADF;AAEPH,MAAAA,KAAK,EAAE;AAFA,KAhBgB;AAoBzBgB,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,UAAU,EAAE,QAFD;AAGXjB,MAAAA,SAAS,EAAE;AAHA,KApBY;AAyBzBkB,IAAAA,WAAW,kCACNrB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBC,UADd;AAETlB,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFA;AAGTkB,MAAAA,KAAK,EAAExB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBe,IAAjB,CAAsBC,KAHpB;AAITC,MAAAA,UAAU,EAAE3B,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBK,UAJvB;AAKTvB,MAAAA,SAAS,EAAE;AALF,MAzBc;AAgCzBwB,IAAAA,MAAM,EAAE;AACNC,MAAAA,SAAS,EAAE;AADL;AAhCiB,GAAZ;AAAA,CAAf;;AAqCA,eAAe9B,MAAf","sourcesContent":["const styles = (theme) => ({\n root: {\n width: \"310px\",\n minHeight: \"52px\",\n maxHeight: \"92px\",\n padding: theme.hvSpacing(\"xs\"),\n },\n success: {\n backgroundColor: theme.hv.palette.semantic.sema8,\n },\n error: {\n backgroundColor: theme.hv.palette.semantic.sema9,\n },\n default: {\n backgroundColor: theme.hv.palette.semantic.sema7,\n },\n message: {\n padding: 0,\n width: \"100%\",\n },\n messageSpan: {\n display: \"flex\",\n alignItems: \"center\",\n minHeight: \"32px\",\n },\n messageText: {\n ...theme.hv.typography.normalText,\n padding: theme.hvSpacing(0, \"xs\"),\n color: theme.hv.palette.base.base2,\n fontFamily: theme.hv.typography.fontFamily,\n maxHeight: \"72px\",\n },\n action: {\n textAlign: \"right\",\n },\n});\n\nexport default styles;\n"],"file":"styles.js"}
1
+ {"version":3,"sources":["../../../../src/Snackbar/SnackbarContentWrapper/styles.js"],"names":["styles","theme","root","width","minHeight","maxHeight","padding","hvSpacing","success","backgroundColor","hv","palette","semantic","sema8","error","sema9","default","sema7","message","messageSpan","display","alignItems","messageText","typography","normalText","color","base","base2","fontFamily","wordBreak","action","textAlign"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,OADH;AAEJC,MAAAA,SAAS,EAAE,MAFP;AAGJC,MAAAA,SAAS,EAAE,MAHP;AAIJC,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,IAAhB;AAJL,KADmB;AAOzBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC;AADpC,KAPgB;AAUzBC,IAAAA,KAAK,EAAE;AACLL,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BG;AADtC,KAVkB;AAazBC,IAAAA,OAAO,EAAE;AACPP,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BK;AADpC,KAbgB;AAgBzBC,IAAAA,OAAO,EAAE;AACPZ,MAAAA,OAAO,EAAE,CADF;AAEPH,MAAAA,KAAK,EAAE;AAFA,KAhBgB;AAoBzBgB,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,UAAU,EAAE,QAFD;AAGXjB,MAAAA,SAAS,EAAE;AAHA,KApBY;AAyBzBkB,IAAAA,WAAW,kCACNrB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBC,UADd;AAETlB,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFA;AAGTkB,MAAAA,KAAK,EAAExB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBe,IAAjB,CAAsBC,KAHpB;AAITC,MAAAA,UAAU,EAAE3B,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBK,UAJvB;AAKTvB,MAAAA,SAAS,EAAE,MALF;AAMTwB,MAAAA,SAAS,EAAE;AANF,MAzBc;AAiCzBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,SAAS,EAAE;AADL;AAjCiB,GAAZ;AAAA,CAAf;;AAsCA,eAAe/B,MAAf","sourcesContent":["const styles = (theme) => ({\n root: {\n width: \"310px\",\n minHeight: \"52px\",\n maxHeight: \"92px\",\n padding: theme.hvSpacing(\"xs\"),\n },\n success: {\n backgroundColor: theme.hv.palette.semantic.sema8,\n },\n error: {\n backgroundColor: theme.hv.palette.semantic.sema9,\n },\n default: {\n backgroundColor: theme.hv.palette.semantic.sema7,\n },\n message: {\n padding: 0,\n width: \"100%\",\n },\n messageSpan: {\n display: \"flex\",\n alignItems: \"center\",\n minHeight: \"32px\",\n },\n messageText: {\n ...theme.hv.typography.normalText,\n padding: theme.hvSpacing(0, \"xs\"),\n color: theme.hv.palette.base.base2,\n fontFamily: theme.hv.typography.fontFamily,\n maxHeight: \"72px\",\n wordBreak: \"break-word\",\n },\n action: {\n textAlign: \"right\",\n },\n});\n\nexport default styles;\n"],"file":"styles.js"}
@@ -61,6 +61,7 @@ export { default as HvFileUploader } from "./FileUploader";
61
61
  export * from "./FileUploader";
62
62
 
63
63
  export { default as HvFilterGroup } from "./FilterGroup";
64
+ export * from "./FilterGroup";
64
65
 
65
66
  export { default as HvFooter } from "./Footer";
66
67
  export * from "./Footer";
@@ -18,6 +18,11 @@ const DEFAULT_LABELS = {
18
18
  selectAll: "All",
19
19
  multiSelectionConjunction: "/"
20
20
  };
21
+ /**
22
+ * This component implements one potential use-case of the Filter Group pattern Design System Specifies.
23
+ * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,
24
+ * while we do not provide a better approach for building this component with smaller and more composable parts.
25
+ */
21
26
 
22
27
  const HvFilterGroup = _ref => {
23
28
  let {
@@ -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","labels","labelsProp","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"}
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","labels","labelsProp","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":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,mBAAT,QAAoC,sBAApC;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,SAAP,MAAsB,UAAtB;AACA,SACEC,KADF,EAEEC,SAFF,EAGEC,WAHF,EAIEC,aAJF,EAKEC,aALF,EAMEC,OANF,EAOEC,aAPF,EAQEC,aARF,QASO,IATP;AAWA,MAAMC,cAAc,GAAG;AACrBC,EAAAA,UAAU,EAAE,OADS;AAErBC,EAAAA,WAAW,EAAE,QAFQ;AAGrBC,EAAAA,UAAU,EAAE,eAHS;AAIrBC,EAAAA,WAAW,EAAE,SAJQ;AAKrBC,EAAAA,oBAAoB,EAAE,QALD;AAMrBC,EAAAA,SAAS,EAAE,KANU;AAOrBC,EAAAA,yBAAyB,EAAE;AAPN,CAAvB;AAUA;AACA;AACA;AACA;AACA;;AACA,MAAMC,aAAa,GAAG,QAoChB;AAAA,MApCiB;AACrBC,IAAAA,SADqB;AAGrBC,IAAAA,EAHqB;AAIrBC,IAAAA,IAJqB;AAMrBC,IAAAA,QAAQ,GAAG,KANU;AAOrBC,IAAAA,QAAQ,GAAG,KAPU;AASrBC,IAAAA,KATqB;AAUrB,kBAAcC,SAVO;AAWrB,uBAAmBC,cAXE;AAYrBC,IAAAA,WAZqB;AAarB,wBAAoBC,eAbC;AAerBC,IAAAA,QAfqB;AAgBrBC,IAAAA,QAhBqB;AAiBrBC,IAAAA,OAjBqB;AAmBrBC,IAAAA,MAnBqB;AAoBrBC,IAAAA,aApBqB;AAsBrBC,IAAAA,MAAM,EAAEC,UAtBa;AAwBrBC,IAAAA,YAxBqB;AAyBrBC,IAAAA,KAzBqB;AA0BrBC,IAAAA,OA1BqB;AA4BrBC,IAAAA,mBAAmB,GAAG,OA5BD;AA6BrBC,IAAAA,aAAa,GAAG,IA7BK;AA8BrBC,IAAAA,mBAAmB,GAAG,IA9BD;AAgCrBC,IAAAA,MAAM,GAAG,GAhCY;AAiCrBC,IAAAA;AAjCqB,GAoCjB;AAAA,MADDC,MACC;;AACJ,QAAMC,OAAO,GAAG5C,SAAS,EAAzB;AAEA,QAAM,CAAC6C,iBAAD,IAAsBzC,aAAa,CAAC4B,aAAD,EAAgB,UAAhB,CAAzC;AAEA,QAAMc,SAAS,GAAG3C,WAAW,CAACgB,EAAD,EAAK,eAAL,CAA7B;AAEA,QAAMc,MAAM,GAAG/B,SAAS,CAACO,cAAD,EAAiByB,UAAjB,CAAxB;AAEA,QAAMa,QAAQ,GAAGxB,KAAK,IAAI,IAA1B;AACA,QAAMyB,cAAc,GAAGtB,WAAW,IAAI,IAAtC,CAVI,CAYJ;AACA;;AACA,QAAMuB,YAAY,GAAGlB,MAAM,KAAKmB,SAAX,IAAwB7B,QAA7C;AAEA,sBACE,oBAAC,aAAD;AACE,IAAA,EAAE,EAAEF,EADN;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,KAAK,EAAEgB,KAHT;AAIE,IAAA,MAAM,EAAEL,MAJV;AAKE,IAAA,QAAQ,EAAET,QALZ;AAME,IAAA,QAAQ,EAAED,QANZ;AAOE,IAAA,SAAS,EAAEzB,IAAI,CAACsB,SAAD,EAAY0B,OAAO,CAACO,IAApB;AAPjB,KAQMR,MARN,GAUG,CAACI,QAAQ,IAAIC,cAAb,kBACC;AAAK,IAAA,SAAS,EAAEJ,OAAO,CAACQ;AAAxB,KACGL,QAAQ,iBACP,oBAAC,OAAD;AACE,IAAA,EAAE,EAAE9C,KAAK,CAAC6C,SAAD,EAAY,OAAZ,CADX;AAEE,IAAA,OAAO,EAAE7C,KAAK,CAAC6C,SAAD,EAAY,OAAZ,CAFhB;AAGE,IAAA,KAAK,EAAEvB,KAHT;AAIE,IAAA,SAAS,EAAEqB,OAAO,CAACrB;AAJrB,IAFJ,EAUGyB,cAAc,iBACb,oBAAC,aAAD;AAAe,IAAA,EAAE,EAAE/C,KAAK,CAAC6C,SAAD,EAAY,aAAZ,CAAxB;AAAoD,IAAA,SAAS,EAAEF,OAAO,CAAClB;AAAvE,KACGA,WADH,CAXJ,CAXJ,eA4BE,oBAAC,mBAAD;AAAqB,IAAA,YAAY,EAAES,YAAnC;AAAiD,IAAA,KAAK,EAAEC,KAAxD;AAA+D,IAAA,OAAO,EAAEC;AAAxE,kBACE,oBAAC,aAAD;AACE,IAAA,EAAE,EAAES,SADN;AAEE,IAAA,QAAQ,EAAExB,QAFZ;AAGE,IAAA,aAAa,EAAEiB,aAHjB;AAIE,IAAA,aAAa,MAJf;AAKE,IAAA,SAAS,EAAED,mBALb;AAME,IAAA,mBAAmB,EAAEE,mBANvB;AAOE,kBAAYhB,SAPd;AAQE,uBAAiBC,cARnB;AASE,IAAA,MAAM,EAAEM,MATV;AAUE,IAAA,QAAQ,EAAEH,QAVZ;AAWE,IAAA,QAAQ,EAAEC,QAXZ;AAYE,IAAA,OAAO,EAAEC,OAZX;AAaE,IAAA,MAAM,EAAEG,MAbV;AAcE,IAAA,MAAM,EAAEQ;AAdV,KAeMC,kBAfN,EADF,EAkBGO,YAAY,iBACX,oBAAC,aAAD;AAAe,IAAA,EAAE,EAAEhD,KAAK,CAAC6C,SAAD,EAAY,OAAZ,CAAxB;AAA8C,IAAA,aAAa,MAA3D;AAA4D,IAAA,SAAS,EAAEF,OAAO,CAACS;AAA/E,KACGR,iBADH,CAnBJ,CA5BF,CADF;AAuDD,CA3GD;;AA6GA,wCAAA5B,aAAa,CAACqC,SAAd,GAA0B;AACxB;AACF;AACA;AACEpC,EAAAA,SAAS,EAAErB,SAAS,CAAC0D,MAJG;;AAMxB;AACF;AACA;AACEpC,EAAAA,EAAE,EAAEtB,SAAS,CAAC0D,MATU;;AAWxB;AACF;AACA;AACEnC,EAAAA,IAAI,EAAEvB,SAAS,CAAC0D,MAdQ;;AAgBxB;AACF;AACA;AACA;AACA;AACA;AACEhC,EAAAA,KAAK,EAAE1B,SAAS,CAAC2D,IAtBO;;AAuBxB;AACF;AACA;AACE,gBAAc3D,SAAS,CAAC0D,MA1BA;;AA2BxB;AACF;AACA;AACE,qBAAmB1D,SAAS,CAAC0D,MA9BL;;AA+BxB;AACF;AACA;AACE7B,EAAAA,WAAW,EAAE7B,SAAS,CAAC2D,IAlCC;;AAmCxB;AACF;AACA;AACE,sBAAoB3D,SAAS,CAAC0D,MAtCN;;AAwCxB;AACF;AACA;AACEjC,EAAAA,QAAQ,EAAEzB,SAAS,CAAC4D,IA3CI;;AA4CxB;AACF;AACA;AACEpC,EAAAA,QAAQ,EAAExB,SAAS,CAAC4D,IA/CI;;AAiDxB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACE1B,EAAAA,MAAM,EAAElC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CAzDgB;;AA0DxB;AACF;AACA;AACE1B,EAAAA,aAAa,EAAEnC,SAAS,CAAC2D,IA7DD;;AA+DxB;AACF;AACA;AACE5B,EAAAA,QAAQ,EAAE/B,SAAS,CAAC8D,IAlEI;;AAoExB;AACF;AACA;AACE9B,EAAAA,QAAQ,EAAEhC,SAAS,CAAC8D,IAvEI;;AAyExB;AACF;AACA;AACE7B,EAAAA,OAAO,EAAEjC,SAAS,CAAC8D,IA5EK;;AA8ExB;AACF;AACA;AACE1B,EAAAA,MAAM,EAAEpC,SAAS,CAAC+D,KAAV,CAAgB;AACtB;AACJ;AACA;AACIlD,IAAAA,UAAU,EAAEb,SAAS,CAAC0D,MAJA;;AAKtB;AACJ;AACA;AACI5C,IAAAA,WAAW,EAAEd,SAAS,CAAC0D,MARD;;AAStB;AACJ;AACA;AACI3C,IAAAA,UAAU,EAAEf,SAAS,CAAC0D,MAZA;;AAatB;AACJ;AACA;AACI1C,IAAAA,WAAW,EAAEhB,SAAS,CAAC0D,MAhBD;;AAiBtB;AACJ;AACA;AACIzC,IAAAA,oBAAoB,EAAEjB,SAAS,CAAC0D,MApBV;;AAqBtB;AACJ;AACA;AACIxC,IAAAA,SAAS,EAAElB,SAAS,CAAC0D,MAxBC;;AAyBtB;AACJ;AACA;AACIvC,IAAAA,yBAAyB,EAAEnB,SAAS,CAAC0D;AA5Bf,GAAhB,CAjFgB;;AAgHxB;AACF;AACA;AACElB,EAAAA,OAAO,EAAExC,SAAS,CAACgE,OAAV,CACPhE,SAAS,CAAC+D,KAAV,CAAgB;AACdzC,IAAAA,EAAE,EAAEtB,SAAS,CAAC0D,MAAV,CAAiBO,UADP;AAEd1C,IAAAA,IAAI,EAAEvB,SAAS,CAAC0D,MAAV,CAAiBO,UAFT;AAGdC,IAAAA,IAAI,EAAElE,SAAS,CAACgE,OAAV,CACJhE,SAAS,CAAC+D,KAAV,CAAgB;AACdzC,MAAAA,EAAE,EAAEtB,SAAS,CAACmE,SAAV,CAAoB,CAACnE,SAAS,CAAC0D,MAAX,EAAmB1D,SAAS,CAACoE,MAA7B,CAApB,EAA0DH,UADhD;AAEd1C,MAAAA,IAAI,EAAEvB,SAAS,CAAC0D,MAAV,CAAiBO;AAFT,KAAhB,CADI,EAKJA;AARY,GAAhB,CADO,EAWPA,UA9HsB;;AAgIxB;AACF;AACA;AACA;AACE3B,EAAAA,YAAY,EAAEtC,SAAS,CAACgE,OAAV,CACZhE,SAAS,CAACgE,OAAV,CAAkBhE,SAAS,CAACmE,SAAV,CAAoB,CAACnE,SAAS,CAAC0D,MAAX,EAAmB1D,SAAS,CAACoE,MAA7B,CAApB,CAAlB,CADY,CApIU;;AAwIxB;AACF;AACA;AACE7B,EAAAA,KAAK,EAAEvC,SAAS,CAACgE,OAAV,CACLhE,SAAS,CAACgE,OAAV,CAAkBhE,SAAS,CAACmE,SAAV,CAAoB,CAACnE,SAAS,CAAC0D,MAAX,EAAmB1D,SAAS,CAACoE,MAA7B,CAApB,CAAlB,CADK,CA3IiB;;AA+IxB;AACF;AACA;AACE3B,EAAAA,mBAAmB,EAAEzC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB,CAlJG;;AAoJxB;AACF;AACA;AACEnB,EAAAA,aAAa,EAAE1C,SAAS,CAAC4D,IAvJD;;AAwJxB;AACF;AACA;AACEjB,EAAAA,mBAAmB,EAAE3C,SAAS,CAAC4D,IA3JP;;AA6JxB;AACF;AACA;AACEhB,EAAAA,MAAM,EAAE5C,SAAS,CAAC6D,KAAV,CAAgB,CAAC7D,SAAS,CAACoE,MAAX,EAAmBpE,SAAS,CAAC0D,MAA7B,CAAhB,CAhKgB;;AAkKxB;AACF;AACA;AACEb,EAAAA,kBAAkB,EAAE7C,SAAS,CAACqE,MArKN;;AAuKxB;AACF;AACA;AACEC,EAAAA,QAAQ,EAAEtE,SAAS,CAAC4D;AA1KI,CAA1B;AA6KA,eAAexC,aAAf","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\n/**\n * This component implements one potential use-case of the Filter Group pattern Design System Specifies.\n * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,\n * while we do not provide a better approach for building this component with smaller and more composable parts.\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"}
@@ -0,0 +1,2 @@
1
+ export { default } from "./FilterGroup";
2
+ export * from "./FilterGroup";
@@ -33,7 +33,8 @@ const styles = theme => ({
33
33
  padding: theme.hvSpacing(0, "xs"),
34
34
  color: theme.hv.palette.base.base2,
35
35
  fontFamily: theme.hv.typography.fontFamily,
36
- maxHeight: "72px"
36
+ maxHeight: "72px",
37
+ wordBreak: "break-word"
37
38
  }),
38
39
  action: {
39
40
  textAlign: "right"
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/Snackbar/SnackbarContentWrapper/styles.js"],"names":["styles","theme","root","width","minHeight","maxHeight","padding","hvSpacing","success","backgroundColor","hv","palette","semantic","sema8","error","sema9","default","sema7","message","messageSpan","display","alignItems","messageText","typography","normalText","color","base","base2","fontFamily","action","textAlign"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,OADH;AAEJC,IAAAA,SAAS,EAAE,MAFP;AAGJC,IAAAA,SAAS,EAAE,MAHP;AAIJC,IAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,IAAhB;AAJL,GADmB;AAOzBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC;AADpC,GAPgB;AAUzBC,EAAAA,KAAK,EAAE;AACLL,IAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BG;AADtC,GAVkB;AAazBC,EAAAA,OAAO,EAAE;AACPP,IAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BK;AADpC,GAbgB;AAgBzBC,EAAAA,OAAO,EAAE;AACPZ,IAAAA,OAAO,EAAE,CADF;AAEPH,IAAAA,KAAK,EAAE;AAFA,GAhBgB;AAoBzBgB,EAAAA,WAAW,EAAE;AACXC,IAAAA,OAAO,EAAE,MADE;AAEXC,IAAAA,UAAU,EAAE,QAFD;AAGXjB,IAAAA,SAAS,EAAE;AAHA,GApBY;AAyBzBkB,EAAAA,WAAW,kCACNrB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBC,UADd;AAETlB,IAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFA;AAGTkB,IAAAA,KAAK,EAAExB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBe,IAAjB,CAAsBC,KAHpB;AAITC,IAAAA,UAAU,EAAE3B,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBK,UAJvB;AAKTvB,IAAAA,SAAS,EAAE;AALF,IAzBc;AAgCzBwB,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AADL;AAhCiB,CAAZ,CAAf;;AAqCA,eAAe9B,MAAf","sourcesContent":["const styles = (theme) => ({\n root: {\n width: \"310px\",\n minHeight: \"52px\",\n maxHeight: \"92px\",\n padding: theme.hvSpacing(\"xs\"),\n },\n success: {\n backgroundColor: theme.hv.palette.semantic.sema8,\n },\n error: {\n backgroundColor: theme.hv.palette.semantic.sema9,\n },\n default: {\n backgroundColor: theme.hv.palette.semantic.sema7,\n },\n message: {\n padding: 0,\n width: \"100%\",\n },\n messageSpan: {\n display: \"flex\",\n alignItems: \"center\",\n minHeight: \"32px\",\n },\n messageText: {\n ...theme.hv.typography.normalText,\n padding: theme.hvSpacing(0, \"xs\"),\n color: theme.hv.palette.base.base2,\n fontFamily: theme.hv.typography.fontFamily,\n maxHeight: \"72px\",\n },\n action: {\n textAlign: \"right\",\n },\n});\n\nexport default styles;\n"],"file":"styles.js"}
1
+ {"version":3,"sources":["../../../../src/Snackbar/SnackbarContentWrapper/styles.js"],"names":["styles","theme","root","width","minHeight","maxHeight","padding","hvSpacing","success","backgroundColor","hv","palette","semantic","sema8","error","sema9","default","sema7","message","messageSpan","display","alignItems","messageText","typography","normalText","color","base","base2","fontFamily","wordBreak","action","textAlign"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,OADH;AAEJC,IAAAA,SAAS,EAAE,MAFP;AAGJC,IAAAA,SAAS,EAAE,MAHP;AAIJC,IAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,IAAhB;AAJL,GADmB;AAOzBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC;AADpC,GAPgB;AAUzBC,EAAAA,KAAK,EAAE;AACLL,IAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BG;AADtC,GAVkB;AAazBC,EAAAA,OAAO,EAAE;AACPP,IAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BK;AADpC,GAbgB;AAgBzBC,EAAAA,OAAO,EAAE;AACPZ,IAAAA,OAAO,EAAE,CADF;AAEPH,IAAAA,KAAK,EAAE;AAFA,GAhBgB;AAoBzBgB,EAAAA,WAAW,EAAE;AACXC,IAAAA,OAAO,EAAE,MADE;AAEXC,IAAAA,UAAU,EAAE,QAFD;AAGXjB,IAAAA,SAAS,EAAE;AAHA,GApBY;AAyBzBkB,EAAAA,WAAW,kCACNrB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBC,UADd;AAETlB,IAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFA;AAGTkB,IAAAA,KAAK,EAAExB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBe,IAAjB,CAAsBC,KAHpB;AAITC,IAAAA,UAAU,EAAE3B,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBK,UAJvB;AAKTvB,IAAAA,SAAS,EAAE,MALF;AAMTwB,IAAAA,SAAS,EAAE;AANF,IAzBc;AAiCzBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AADL;AAjCiB,CAAZ,CAAf;;AAsCA,eAAe/B,MAAf","sourcesContent":["const styles = (theme) => ({\n root: {\n width: \"310px\",\n minHeight: \"52px\",\n maxHeight: \"92px\",\n padding: theme.hvSpacing(\"xs\"),\n },\n success: {\n backgroundColor: theme.hv.palette.semantic.sema8,\n },\n error: {\n backgroundColor: theme.hv.palette.semantic.sema9,\n },\n default: {\n backgroundColor: theme.hv.palette.semantic.sema7,\n },\n message: {\n padding: 0,\n width: \"100%\",\n },\n messageSpan: {\n display: \"flex\",\n alignItems: \"center\",\n minHeight: \"32px\",\n },\n messageText: {\n ...theme.hv.typography.normalText,\n padding: theme.hvSpacing(0, \"xs\"),\n color: theme.hv.palette.base.base2,\n fontFamily: theme.hv.typography.fontFamily,\n maxHeight: \"72px\",\n wordBreak: \"break-word\",\n },\n action: {\n textAlign: \"right\",\n },\n});\n\nexport default styles;\n"],"file":"styles.js"}
@@ -61,6 +61,7 @@ export { default as HvFileUploader } from "./FileUploader";
61
61
  export * from "./FileUploader";
62
62
 
63
63
  export { default as HvFilterGroup } from "./FilterGroup";
64
+ export * from "./FilterGroup";
64
65
 
65
66
  export { default as HvFooter } from "./Footer";
66
67
  export * from "./Footer";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hitachivantara/uikit-react-core",
3
- "version": "3.62.4",
3
+ "version": "3.62.5",
4
4
  "description": "A collection of React components for the Hitachi Vantara's Design System.",
5
5
  "homepage": "https://github.com/lumada-design/hv-uikit-react",
6
6
  "license": "Apache-2.0",
@@ -104,5 +104,5 @@
104
104
  "publishConfig": {
105
105
  "access": "public"
106
106
  },
107
- "gitHead": "fbd0734a32959d9d90fb4846028b98c3180e9c98"
107
+ "gitHead": "05d53e8bbde381c55e5bdd8842e5cf2b4805d437"
108
108
  }