@rh-support/components 2.5.181 → 2.5.183

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.
Files changed (17) hide show
  1. package/lib/esm/CustomDatePicker/CustomDatePicker.d.ts +18 -0
  2. package/lib/esm/CustomDatePicker/CustomDatePicker.d.ts.map +1 -0
  3. package/lib/esm/CustomDatePicker/CustomDatePicker.js +27 -0
  4. package/lib/esm/CustomDatePicker/customDatePicker.css +52 -0
  5. package/lib/esm/CustomDatePicker/index.d.ts +2 -0
  6. package/lib/esm/CustomDatePicker/index.d.ts.map +1 -0
  7. package/lib/esm/CustomDatePicker/index.js +1 -0
  8. package/lib/esm/Functional/CaseContactsSelectorExternal.d.ts +1 -0
  9. package/lib/esm/Functional/CaseContactsSelectorExternal.d.ts.map +1 -1
  10. package/lib/esm/Functional/CaseContactsSelectorExternal.js +12 -4
  11. package/lib/esm/TagsSelector/TagsSelector.d.ts.map +1 -1
  12. package/lib/esm/TagsSelector/TagsSelector.js +1 -1
  13. package/lib/esm/TagsSelector/tagSelector.css +34 -0
  14. package/lib/esm/index.d.ts +1 -0
  15. package/lib/esm/index.d.ts.map +1 -1
  16. package/lib/esm/index.js +1 -0
  17. package/package.json +5 -6
package/lib/esm/CustomDatePicker/CustomDatePicker.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import './customDatePicker.css';
2
+ import React from 'react';
3
+ export interface ICustomDatePickerProps {
4
+ id?: string;
5
+ value?: string;
6
+ 'aria-label'?: string;
7
+ onChange?: (event: React.FormEvent<HTMLInputElement>, value: string, date?: Date) => void;
8
+ validators?: Array<(date: Date) => string>;
9
+ popoverPosition?: 'bottom' | 'bottom-start' | 'bottom-end';
10
+ dateParse?: (value: string) => Date;
11
+ placeholder?: string;
12
+ invalidFormatText?: string;
13
+ className?: string;
14
+ isDisabled?: boolean;
15
+ validationError?: string;
16
+ }
17
+ export declare function CustomDatePicker({ id, value, 'aria-label': ariaLabel, onChange, validators, popoverPosition, dateParse, placeholder, invalidFormatText, className, isDisabled, validationError, }: ICustomDatePickerProps): React.JSX.Element;
18
+ //# sourceMappingURL=CustomDatePicker.d.ts.map
package/lib/esm/CustomDatePicker/CustomDatePicker.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CustomDatePicker.d.ts","sourceRoot":"","sources":["../../../src/CustomDatePicker/CustomDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAGhC,OAAO,KAAiB,MAAM,OAAO,CAAC;AAKtC,MAAM,WAAW,sBAAsB;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAC1F,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,YAAY,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,EAAE,EACF,KAAU,EACV,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,UAAU,EACV,eAAgC,EAChC,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,eAAe,GAClB,EAAE,sBAAsB,qBA4CxB"}
package/lib/esm/CustomDatePicker/CustomDatePicker.js ADDED
@@ -0,0 +1,27 @@
1
+ import './customDatePicker.css';
2
+ import { DatePicker, HelperText, HelperTextItem } from '@patternfly/react-core';
3
+ import React, { useRef } from 'react';
4
+ import { useTranslation } from 'react-i18next';
5
+ export function CustomDatePicker({ id, value = '', 'aria-label': ariaLabel, onChange, validators, popoverPosition = 'bottom-start', dateParse, placeholder, invalidFormatText, className, isDisabled, validationError, }) {
6
+ const { t } = useTranslation();
7
+ const datePickerRef = useRef(null);
8
+ const datePickerClassName = [
9
+ 'custom-date-picker',
10
+ 'custom-date-picker--input-only',
11
+ validationError && 'custom-date-picker--has-error',
12
+ validationError && 'custom-date-picker--external-validation',
13
+ className,
14
+ ]
15
+ .filter(Boolean)
16
+ .join(' ');
17
+ return (React.createElement(React.Fragment, null,
18
+ React.createElement(DatePicker, { ref: datePickerRef, id: id, value: value, isDisabled: isDisabled, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t('YYYY-MM-DD'), invalidFormatText: invalidFormatText !== null && invalidFormatText !== void 0 ? invalidFormatText : t('Invalid date format.'), dateParse: dateParse, "aria-label": ariaLabel, validators: validators, appendTo: () => document.body, className: datePickerClassName, popoverProps: {
19
+ className: 'custom-date-picker-popover',
20
+ hasAutoWidth: false,
21
+ position: popoverPosition,
22
+ }, onChange: onChange, inputProps: {
23
+ onClick: () => { var _a; return (_a = datePickerRef.current) === null || _a === void 0 ? void 0 : _a.toggleCalendar(); },
24
+ } }),
25
+ validationError && (React.createElement(HelperText, null,
26
+ React.createElement(HelperTextItem, { variant: "error" }, validationError)))));
27
+ }
package/lib/esm/CustomDatePicker/customDatePicker.css ADDED
@@ -0,0 +1,52 @@
1
+ .custom-date-picker--input-only {
2
+ display: block;
3
+ width: 100%;
4
+ --pf-v6-c-date-picker__input--c-form-control--Width: 100%;
5
+ }
6
+
7
+ .custom-date-picker--has-error .pf-v6-c-form-control {
8
+ --pf-v6-c-form-control--BorderColor: var(--pf-t--global--border--color--status--danger--default);
9
+ }
10
+
11
+ .custom-date-picker--external-validation .pf-v6-c-date-picker__helper-text {
12
+ display: none;
13
+ }
14
+
15
+ .custom-date-picker--input-only .pf-v6-c-input-group {
16
+ display: block;
17
+ }
18
+
19
+ .custom-date-picker--input-only .pf-v6-c-input-group__item:first-child {
20
+ width: 100%;
21
+ }
22
+
23
+ .custom-date-picker--input-only .pf-v6-c-input-group__item:last-child {
24
+ display: none;
25
+ }
26
+
27
+ .pf-v6-c-popover.custom-date-picker-popover {
28
+ --pf-v6-c-popover--MaxWidth: 18.5rem;
29
+ max-width: 18.5rem;
30
+ width: 18.5rem;
31
+ }
32
+
33
+ .pf-v6-c-popover.custom-date-picker-popover .pf-v6-c-calendar-month {
34
+ --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--sm);
35
+ --pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
36
+ --pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
37
+ --pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--sm);
38
+ --pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
39
+ --pf-v6-c-calendar-month__date--Width: 2.25rem;
40
+ --pf-v6-c-calendar-month__date--Height: 2.25rem;
41
+ --pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
42
+ width: 100%;
43
+ }
44
+
45
+ .pf-v6-c-popover.custom-date-picker-popover .pf-v6-c-calendar-month__header-month .pf-v6-c-menu-toggle {
46
+ width: 100% !important;
47
+ max-width: 6.5rem;
48
+ }
49
+
50
+ .pf-v6-c-popover.custom-date-picker-popover .pf-v6-c-calendar-month__calendar {
51
+ width: 100%;
52
+ }
package/lib/esm/CustomDatePicker/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './CustomDatePicker';
2
+ //# sourceMappingURL=index.d.ts.map
package/lib/esm/CustomDatePicker/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CustomDatePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
package/lib/esm/CustomDatePicker/index.js ADDED
@@ -0,0 +1 @@
1
+ export * from './CustomDatePicker';
package/lib/esm/Functional/CaseContactsSelectorExternal.d.ts CHANGED
@@ -28,6 +28,7 @@ interface IProps extends IDClassNameProps {
28
28
  onNew?: (query: string) => void;
29
29
  canAddNew?: (options: ITypeaheadDropdownGroupOrOption[], query: string) => boolean;
30
30
  getCreateNewText?: (query: string) => string;
31
+ onContactEnriched?: (contact: IContact) => void;
31
32
  }
32
33
  export declare const CONTACTS_PAGE_SIZE = 10;
33
34
  export declare const DEFAULT_CONTACTS_OFFSET: number;
package/lib/esm/Functional/CaseContactsSelectorExternal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CaseContactsSelectorExternal.d.ts","sourceRoot":"","sources":["../../../src/Functional/CaseContactsSelectorExternal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAuB,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAcxD,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AAEzF,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,0BAA0B,CAAC;AACzE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,QAAQ,EAAE,CAAC,QAAQ,GAAG,0BAA0B,CAAC,EAAE,CAAC;IACpD,QAAQ,EAAE,CAAC,gBAAgB,EAAE,CAAC,QAAQ,GAAG,0BAA0B,CAAC,EAAE,KAAK,IAAI,CAAC;IAChF,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,KAAA,EAAE,KAAK,KAAA,EAAE,GAAG,KAAA,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,6BAA6B,EAAE,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,+BAA+B,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACnF,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAChD;AAED,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAE9D,eAAO,MAAM,oBAAoB,GAAI,MAAM,oBAAoB,KAAG,IAAI,IAAI,0BAEzE,CAAC;AAMF,QAAA,MAAM,oBAAoB,GAAI,MAAM,oBAAoB,KAAG,MAa1D,CAAC;AAEF,iBAAS,4BAA4B,CAAC,KAAK,EAAE,MAAM,qBA4OlD;AAED,OAAO,EAAE,4BAA4B,EAAE,oBAAoB,EAAE,CAAC"}
1
+ {"version":3,"file":"CaseContactsSelectorExternal.d.ts","sourceRoot":"","sources":["../../../src/Functional/CaseContactsSelectorExternal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAuB,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAcxD,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AAEzF,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,0BAA0B,CAAC;AACzE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,QAAQ,EAAE,CAAC,QAAQ,GAAG,0BAA0B,CAAC,EAAE,CAAC;IACpD,QAAQ,EAAE,CAAC,gBAAgB,EAAE,CAAC,QAAQ,GAAG,0BAA0B,CAAC,EAAE,KAAK,IAAI,CAAC;IAChF,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,KAAA,EAAE,KAAK,KAAA,EAAE,GAAG,KAAA,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,6BAA6B,EAAE,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,+BAA+B,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACnF,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAE9D,eAAO,MAAM,oBAAoB,GAAI,MAAM,oBAAoB,KAAG,IAAI,IAAI,0BAEzE,CAAC;AAMF,QAAA,MAAM,oBAAoB,GAAI,MAAM,oBAAoB,KAAG,MAa1D,CAAC;AAEF,iBAAS,4BAA4B,CAAC,KAAK,EAAE,MAAM,qBAkPlD;AAED,OAAO,EAAE,4BAA4B,EAAE,oBAAoB,EAAE,CAAC"}
package/lib/esm/Functional/CaseContactsSelectorExternal.js CHANGED
@@ -60,7 +60,7 @@ function CaseContactsSelectorExternal(props) {
60
60
  return contactEdges
61
61
  .filter(({ node }) => { var _a, _b, _c; return ((_a = node.SSOUserName__c) === null || _a === void 0 ? void 0 : _a.value) && ((_c = (_b = node.IsActive__c) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : true); })
62
62
  .map(({ node }) => {
63
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
63
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
64
64
  return ({
65
65
  id: node.Id,
66
66
  ssoUsername: node.SSOUserName__c.value,
@@ -70,6 +70,8 @@ function CaseContactsSelectorExternal(props) {
70
70
  manageSupportCases: (_h = (_g = node.ManageSupportCases__c) === null || _g === void 0 ? void 0 : _g.value) !== null && _h !== void 0 ? _h : true,
71
71
  isInternal: (_k = (_j = node.IsInternal__c) === null || _j === void 0 ? void 0 : _j.value) !== null && _k !== void 0 ? _k : false,
72
72
  isOrgAdmin: (_m = (_l = node.IsOrgAdmin__c) === null || _l === void 0 ? void 0 : _l.value) !== null && _m !== void 0 ? _m : false,
73
+ phone: (_p = (_o = node.Phone) === null || _o === void 0 ? void 0 : _o.value) !== null && _p !== void 0 ? _p : '',
74
+ defaultCaseGroup: (_r = (_q = node.DefaultCaseGroup__c) === null || _q === void 0 ? void 0 : _q.value) !== null && _r !== void 0 ? _r : null,
73
75
  accountNumber,
74
76
  });
75
77
  });
@@ -124,11 +126,17 @@ function CaseContactsSelectorExternal(props) {
124
126
  if (contactList.isFetching || isEmpty(contactList.data) || isEmpty(selected))
125
127
  return;
126
128
  const currentOwner = selected[0];
127
- if (!(currentOwner === null || currentOwner === void 0 ? void 0 : currentOwner.ssoUsername) || (currentOwner === null || currentOwner === void 0 ? void 0 : currentOwner.id))
129
+ if (!(currentOwner === null || currentOwner === void 0 ? void 0 : currentOwner.ssoUsername))
128
130
  return;
129
- const matchedContact = contactList.data.find((c) => { var _a, _b; return ((_a = c.ssoUsername) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = currentOwner.ssoUsername) === null || _b === void 0 ? void 0 : _b.toLowerCase()); });
131
+ const matchedContact = contactList.data.find((c) => {
132
+ var _a, _b;
133
+ return c.id === (currentOwner === null || currentOwner === void 0 ? void 0 : currentOwner.id) ||
134
+ ((_a = c.ssoUsername) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = currentOwner.ssoUsername) === null || _b === void 0 ? void 0 : _b.toLowerCase());
135
+ });
130
136
  if (matchedContact === null || matchedContact === void 0 ? void 0 : matchedContact.id) {
131
- props.onChange && props.onChange([matchedContact]);
137
+ props.onContactEnriched
138
+ ? props.onContactEnriched(matchedContact)
139
+ : props.onChange && props.onChange([matchedContact]);
132
140
  }
133
141
  // eslint-disable-next-line react-hooks/exhaustive-deps
134
142
  }, [contactList.data, contactList.isFetching]);
package/lib/esm/TagsSelector/TagsSelector.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TagsSelector.d.ts","sourceRoot":"","sources":["../../../src/TagsSelector/TagsSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAmB3B,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,UAAU,MAAM;IACZ,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EACzB,UAAU,EACV,QAAQ,EACR,WAAW,EACX,EAAE,EACF,SAAS,EACT,YAAiB,EACjB,QAAgB,GACnB,EAAE,MAAM,qBAmKR"}
1
+ {"version":3,"file":"TagsSelector.d.ts","sourceRoot":"","sources":["../../../src/TagsSelector/TagsSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAmB3B,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,UAAU,MAAM;IACZ,UAAU,EAAE,GAAG,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EACzB,UAAU,EACV,QAAQ,EACR,WAAW,EACX,EAAE,EACF,SAAS,EACT,YAAiB,EACjB,QAAgB,GACnB,EAAE,MAAM,qBAiKR"}
package/lib/esm/TagsSelector/TagsSelector.js CHANGED
@@ -64,7 +64,7 @@ export function TagsSelector({ tagOptions, onChange, placeholder, id, typeahead,
64
64
  React.createElement(TextInputGroupUtilities, null, selected.length > 0 && (React.createElement(Button, { icon: React.createElement(TimesCircleIcon, { "aria-hidden": true }), variant: "plain", onClick: handleClear, "aria-label": "clear-all-tags" }))))) : (React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' }, alignItems: { default: 'alignItemsCenter' } },
65
65
  React.createElement(FlexItem, null,
66
66
  selectedChipGroup,
67
- React.createElement("span", { className: `${!isEmpty(selected) && 'pf-v6-u-ml-md'}` }, placeholder || React.createElement(Trans, null, "Select a tag"))),
67
+ isEmpty(selected) && React.createElement("span", null, placeholder || React.createElement(Trans, null, "Select a tag"))),
68
68
  !isEmpty(selected) && (React.createElement(FlexItem, null,
69
69
  React.createElement(Button, { icon: React.createElement(TimesCircleIcon, { "aria-hidden": true }), variant: "plain", onClick: handleClear, "aria-label": "clear-all-tags" })))))));
70
70
  return (React.createElement(Select, { isOpen: isOpen, selected: selected, toggle: toggle, onSelect: (_, selection) => onSelect(selection), isScrollable: true, onOpenChange: () => setIsOpen(false), popperProps: { direction: 'down', enableFlip: false }, id: "tag-selector", variant: typeahead ? 'typeahead' : 'default' },
package/lib/esm/TagsSelector/tagSelector.css CHANGED
@@ -2,10 +2,44 @@
2
2
  z-index: 89;
3
3
  }
4
4
 
5
+ .tags-selector-menu-toggle {
6
+ --tags-selector-toggle-padding-block: calc(
7
+ var(--pf-t--global--spacer--control--vertical--default) - var(--pf-t--global--border--width--200)
8
+ );
9
+ --tags-selector-chip-block-size: calc(
10
+ var(--pf-t--global--spacer--lg) + var(--pf-t--global--border--width--200) * 2
11
+ );
12
+ --tags-selector-toggle-block-size: calc(
13
+ var(--tags-selector-chip-block-size) + var(--tags-selector-toggle-padding-block) * 2
14
+ );
15
+
16
+ --pf-v6-c-menu-toggle--PaddingBlockStart: var(--tags-selector-toggle-padding-block);
17
+ --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--tags-selector-toggle-padding-block);
18
+ block-size: var(--tags-selector-toggle-block-size);
19
+ max-block-size: var(--tags-selector-toggle-block-size);
20
+ }
21
+
5
22
  .tags-selector-menu-toggle .pf-v6-c-menu-toggle__text {
6
23
  width: 100%;
7
24
  }
8
25
 
26
+ .tags-selector-menu-toggle .pf-v6-c-label-group__list {
27
+ --pf-v6-c-label-group__list--RowGap: 0;
28
+ align-items: center;
29
+ block-size: var(--tags-selector-chip-block-size);
30
+ }
31
+
32
+ .tags-selector-menu-toggle .pf-v6-c-label {
33
+ --pf-v6-c-label--PaddingBlockStart: 0;
34
+ --pf-v6-c-label--PaddingBlockEnd: 0;
35
+ line-height: var(--tags-selector-chip-block-size);
36
+ }
37
+
38
+ .tags-selector-menu-toggle .pf-v6-c-label__actions .pf-v6-c-button {
39
+ margin-block-start: 0;
40
+ margin-block-end: 0;
41
+ }
42
+
9
43
  .tags-selector-menu-toggle .pf-v6-c-menu-toggle__controls {
10
44
  padding-left: 0;
11
45
  }
package/lib/esm/index.d.ts CHANGED
@@ -29,6 +29,7 @@ export * from './SubscriptionAbuse';
29
29
  export * from './TermsAndConditions';
30
30
  export * from './TextAreaResizable';
31
31
  export * from './CustomTextInput';
32
+ export * from './CustomDatePicker';
32
33
  export * from './PhoneInput';
33
34
  export * from './TagsSelector';
34
35
  export * from './SingleSelectDropdown';
package/lib/esm/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}
package/lib/esm/index.js CHANGED
@@ -30,6 +30,7 @@ export * from './SubscriptionAbuse';
30
30
  export * from './TermsAndConditions';
31
31
  export * from './TextAreaResizable';
32
32
  export * from './CustomTextInput';
33
+ export * from './CustomDatePicker';
33
34
  export * from './PhoneInput';
34
35
  export * from './TagsSelector';
35
36
  export * from './SingleSelectDropdown';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rh-support/components",
3
- "version": "2.5.181",
3
+ "version": "2.5.183",
4
4
  "description": "Contains all reusabel components for support app",
5
5
  "author": "Vikas Rathee <vrathee@redhat.com>",
6
6
  "license": "ISC",
@@ -41,7 +41,6 @@
41
41
  },
42
42
  "peerDependencies": {
43
43
  "@apollo/client": "^4.1.6",
44
- "@cee-eng/hydrajs": "4.18.111",
45
44
  "@cee-eng/ui-toolkit": "1.1.9",
46
45
  "@patternfly/patternfly": "6.2.1",
47
46
  "@patternfly/react-core": "6.2.1",
@@ -56,7 +55,7 @@
56
55
  "use-deep-compare-effect": "^1.6.1"
57
56
  },
58
57
  "dependencies": {
59
- "@cee-eng/hydrajs": "4.18.111",
58
+ "@cee-eng/hydrajs": "^4.18.113",
60
59
  "@cee-eng/ui-toolkit": "1.1.9",
61
60
  "@patternfly/patternfly": "6.2.1",
62
61
  "@patternfly/react-core": "6.2.1",
@@ -64,8 +63,8 @@
64
63
  "@patternfly/react-table": "6.2.1",
65
64
  "@patternfly/react-tokens": "6.2.1",
66
65
  "@rh-support/types": "2.0.26",
67
- "@rh-support/user-permissions": "2.5.127",
68
- "@rh-support/utils": "2.5.110",
66
+ "@rh-support/user-permissions": "2.5.129",
67
+ "@rh-support/utils": "2.5.111",
69
68
  "dompurify": "^2.2.6",
70
69
  "js-worker-search": "^1.4.1",
71
70
  "lazysizes": "^5.3.2",
@@ -102,5 +101,5 @@
102
101
  "defaults and supports es6-module",
103
102
  "maintained node versions"
104
103
  ],
105
- "gitHead": "d1a226af32eb5997a31c34001b6146be141c8911"
104
+ "gitHead": "deb5936155a3b68fc98e231dde9819da0967876b"
106
105
  }