@patternfly/react-templates 1.0.2 → 1.0.4

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 (87) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/components/package.json +1 -1
  3. package/dist/dynamic/components/Dropdown/package.json +1 -0
  4. package/dist/dynamic/components/Select/package.json +1 -1
  5. package/dist/dynamic-modules.json +10 -3
  6. package/dist/esm/components/Dropdown/SimpleDropdown.d.ts +48 -0
  7. package/dist/esm/components/Dropdown/SimpleDropdown.d.ts.map +1 -0
  8. package/dist/esm/components/Dropdown/SimpleDropdown.js +33 -0
  9. package/dist/esm/components/Dropdown/SimpleDropdown.js.map +1 -0
  10. package/dist/esm/components/Dropdown/index.d.ts +2 -0
  11. package/dist/esm/components/Dropdown/index.d.ts.map +1 -0
  12. package/dist/esm/components/Dropdown/index.js +2 -0
  13. package/dist/esm/components/Dropdown/index.js.map +1 -0
  14. package/dist/esm/components/Select/CheckboxSelect.d.ts +7 -3
  15. package/dist/esm/components/Select/CheckboxSelect.d.ts.map +1 -1
  16. package/dist/esm/components/Select/CheckboxSelect.js +9 -6
  17. package/dist/esm/components/Select/CheckboxSelect.js.map +1 -1
  18. package/dist/esm/components/Select/{SelectSimple.d.ts → SimpleSelect.d.ts} +10 -7
  19. package/dist/esm/components/Select/SimpleSelect.d.ts.map +1 -0
  20. package/dist/esm/components/Select/{SelectSimple.js → SimpleSelect.js} +13 -9
  21. package/dist/esm/components/Select/SimpleSelect.js.map +1 -0
  22. package/dist/esm/components/Select/TypeaheadSelect.d.ts +33 -0
  23. package/dist/esm/components/Select/TypeaheadSelect.d.ts.map +1 -0
  24. package/dist/esm/components/Select/TypeaheadSelect.js +181 -0
  25. package/dist/esm/components/Select/TypeaheadSelect.js.map +1 -0
  26. package/dist/esm/components/Select/index.d.ts +2 -1
  27. package/dist/esm/components/Select/index.d.ts.map +1 -1
  28. package/dist/esm/components/Select/index.js +2 -1
  29. package/dist/esm/components/Select/index.js.map +1 -1
  30. package/dist/esm/components/index.d.ts +1 -0
  31. package/dist/esm/components/index.d.ts.map +1 -1
  32. package/dist/esm/components/index.js +1 -0
  33. package/dist/esm/components/index.js.map +1 -1
  34. package/dist/js/components/Dropdown/SimpleDropdown.d.ts +48 -0
  35. package/dist/js/components/Dropdown/SimpleDropdown.d.ts.map +1 -0
  36. package/dist/js/components/Dropdown/SimpleDropdown.js +37 -0
  37. package/dist/js/components/Dropdown/SimpleDropdown.js.map +1 -0
  38. package/dist/js/components/Dropdown/index.d.ts +2 -0
  39. package/dist/js/components/Dropdown/index.d.ts.map +1 -0
  40. package/dist/js/components/Dropdown/index.js +5 -0
  41. package/dist/js/components/Dropdown/index.js.map +1 -0
  42. package/dist/js/components/Select/CheckboxSelect.d.ts +7 -3
  43. package/dist/js/components/Select/CheckboxSelect.d.ts.map +1 -1
  44. package/dist/js/components/Select/CheckboxSelect.js +9 -6
  45. package/dist/js/components/Select/CheckboxSelect.js.map +1 -1
  46. package/dist/js/components/Select/{SelectSimple.d.ts → SimpleSelect.d.ts} +10 -7
  47. package/dist/js/components/Select/SimpleSelect.d.ts.map +1 -0
  48. package/dist/js/components/Select/{SelectSimple.js → SimpleSelect.js} +14 -10
  49. package/dist/js/components/Select/SimpleSelect.js.map +1 -0
  50. package/dist/js/components/Select/TypeaheadSelect.d.ts +33 -0
  51. package/dist/js/components/Select/TypeaheadSelect.d.ts.map +1 -0
  52. package/dist/js/components/Select/TypeaheadSelect.js +185 -0
  53. package/dist/js/components/Select/TypeaheadSelect.js.map +1 -0
  54. package/dist/js/components/Select/index.d.ts +2 -1
  55. package/dist/js/components/Select/index.d.ts.map +1 -1
  56. package/dist/js/components/Select/index.js +2 -1
  57. package/dist/js/components/Select/index.js.map +1 -1
  58. package/dist/js/components/index.d.ts +1 -0
  59. package/dist/js/components/index.d.ts.map +1 -1
  60. package/dist/js/components/index.js +1 -0
  61. package/dist/js/components/index.js.map +1 -1
  62. package/dist/umd/react-templates.min.js +1 -1
  63. package/package.json +6 -6
  64. package/src/components/Dropdown/SimpleDropdown.tsx +139 -0
  65. package/src/components/Dropdown/__tests__/SimpleDropdown.test.tsx +266 -0
  66. package/src/components/Dropdown/__tests__/__snapshots__/SimpleDropdown.test.tsx.snap +147 -0
  67. package/src/components/Dropdown/examples/DropdownTemplates.md +24 -0
  68. package/src/components/Dropdown/examples/SimpleDropdownExample.tsx +53 -0
  69. package/src/components/Dropdown/index.ts +1 -0
  70. package/src/components/Select/CheckboxSelect.tsx +18 -7
  71. package/src/components/Select/{SelectSimple.tsx → SimpleSelect.tsx} +27 -14
  72. package/src/components/Select/TypeaheadSelect.tsx +326 -0
  73. package/src/components/Select/{CheckboxSelect.test.tsx → __tests__/CheckboxSelect.test.tsx} +29 -1
  74. package/src/components/Select/{CheckboxSelectSnapshots.test.tsx → __tests__/CheckboxSelectSnapshots.test.tsx} +1 -1
  75. package/src/components/Select/__tests__/SimpleSelect.test.tsx +243 -0
  76. package/src/components/Select/{__snapshots__ → __tests__/__snapshots__}/CheckboxSelectSnapshots.test.tsx.snap +0 -1
  77. package/src/components/Select/__tests__/__snapshots__/SimpleSelect.test.tsx.snap +164 -0
  78. package/src/components/Select/examples/CheckboxSelectDemo.tsx +1 -1
  79. package/src/components/Select/examples/SelectTemplates.md +11 -4
  80. package/src/components/Select/examples/{SelectSimpleDemo.tsx → SimpleSelectDemo.tsx} +6 -6
  81. package/src/components/Select/examples/TypeaheadSelectDemo.tsx +21 -0
  82. package/src/components/Select/index.ts +2 -1
  83. package/src/components/index.ts +1 -0
  84. package/dist/esm/components/Select/SelectSimple.d.ts.map +0 -1
  85. package/dist/esm/components/Select/SelectSimple.js.map +0 -1
  86. package/dist/js/components/Select/SelectSimple.d.ts.map +0 -1
  87. package/dist/js/components/Select/SelectSimple.js.map +0 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,16 @@
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
+ ## [1.0.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.0.3...@patternfly/react-templates@1.0.4) (2024-07-02)
7
+
8
+ ### Features
9
+
10
+ - **templates:** patch release for templates ([#10676](https://github.com/patternfly/patternfly-react/issues/10676)) ([f68cf02](https://github.com/patternfly/patternfly-react/commit/f68cf0251fa33a59fd747414c1de4b9b057db412)), closes [#10235](https://github.com/patternfly/patternfly-react/issues/10235) [#10207](https://github.com/patternfly/patternfly-react/issues/10207) [#10308](https://github.com/patternfly/patternfly-react/issues/10308) [#10473](https://github.com/patternfly/patternfly-react/issues/10473)
11
+
12
+ ## [1.0.3](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.0.2...@patternfly/react-templates@1.0.3) (2024-05-01)
13
+
14
+ **Note:** Version bump only for package @patternfly/react-templates
15
+
6
16
  ## [1.0.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.0.1...@patternfly/react-templates@1.0.2) (2024-04-25)
7
17
 
8
18
  **Note:** Version bump only for package @patternfly/react-templates
@@ -1 +1 @@
1
- {"name":"@patternfly/react-templates-components","main":"../dist/js/components/index.js","module":"../dist/esm/components/index.js","typings":"../dist/esm/components/index.d.ts","version":"1.0.1","private":true}
1
+ {"name":"@patternfly/react-templates-components","main":"../dist/js/components/index.js","module":"../dist/esm/components/index.js","typings":"../dist/esm/components/index.d.ts","version":"1.0.3","private":true}
@@ -0,0 +1 @@
1
+ {"name":"@patternfly/react-templates-dropdown-dynamic","main":"../../../js/components/Dropdown/index.js","module":"../../../esm/components/Dropdown/index.js","typings":"../../../esm/components/Dropdown/index.d.ts","version":"1.0.3","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-templates-select-dynamic","main":"../../../js/components/Select/index.js","module":"../../../esm/components/Select/index.js","typings":"../../../esm/components/Select/index.d.ts","version":"1.0.1","private":true}
1
+ {"name":"@patternfly/react-templates-select-dynamic","main":"../../../js/components/Select/index.js","module":"../../../esm/components/Select/index.js","typings":"../../../esm/components/Select/index.d.ts","version":"1.0.3","private":true}
@@ -2,7 +2,14 @@
2
2
  "CheckboxSelect": "dist/dynamic/components/Select",
3
3
  "CheckboxSelectOption": "dist/dynamic/components/Select",
4
4
  "CheckboxSelectProps": "dist/dynamic/components/Select",
5
- "SelectSimple": "dist/dynamic/components/Select",
6
- "SelectSimpleOption": "dist/dynamic/components/Select",
7
- "SelectSimpleProps": "dist/dynamic/components/Select"
5
+ "SimpleDropdown": "dist/dynamic/components/Dropdown",
6
+ "SimpleDropdownItem": "dist/dynamic/components/Dropdown",
7
+ "SimpleDropdownProps": "dist/dynamic/components/Dropdown",
8
+ "SimpleSelect": "dist/dynamic/components/Select",
9
+ "SimpleSelectOption": "dist/dynamic/components/Select",
10
+ "SimpleSelectProps": "dist/dynamic/components/Select",
11
+ "TypeaheadSelect": "dist/dynamic/components/Select",
12
+ "TypeaheadSelectBase": "dist/dynamic/components/Select",
13
+ "TypeaheadSelectOption": "dist/dynamic/components/Select",
14
+ "TypeaheadSelectProps": "dist/dynamic/components/Select"
8
15
  }
@@ -0,0 +1,48 @@
1
+ import React from 'react';
2
+ import { DropdownItemProps, DropdownProps } from '@patternfly/react-core/dist/esm/components/Dropdown';
3
+ import { MenuToggleProps } from '@patternfly/react-core/dist/esm/components/MenuToggle';
4
+ import { OUIAProps } from '@patternfly/react-core/dist/esm/helpers';
5
+ export interface SimpleDropdownItem extends Omit<DropdownItemProps, 'content'> {
6
+ /** Content of the dropdown item. If the isDivider prop is true, this prop will be ignored. */
7
+ content?: React.ReactNode;
8
+ /** Unique identifier for the dropdown item, which is used in the dropdown onSelect callback */
9
+ value: string | number;
10
+ /** Callback for when the dropdown item is clicked. */
11
+ onClick?: (event?: any) => void;
12
+ /** URL to redirect to when the dropdown item is clicked. */
13
+ to?: string;
14
+ /** Flag indicating whether the dropdown item should render as a divider. If true, the item will be rendered without
15
+ * the dropdown item wrapper.
16
+ */
17
+ isDivider?: boolean;
18
+ }
19
+ export interface SimpleDropdownProps extends Omit<DropdownProps, 'toggle'>, OUIAProps {
20
+ /** Initial items of the dropdown. */
21
+ initialItems?: SimpleDropdownItem[];
22
+ /** @hide Forwarded ref */
23
+ innerRef?: React.Ref<any>;
24
+ /** Flag indicating the dropdown should be disabled. */
25
+ isDisabled?: boolean;
26
+ /** Flag indicated whether the dropdown toggle should take up the full width of its parent. */
27
+ isToggleFullWidth?: boolean;
28
+ /** Callback triggered when any dropdown item is clicked. */
29
+ onSelect?: (event?: React.MouseEvent<Element, MouseEvent>, value?: string | number) => void;
30
+ /** Callback triggered when the dropdown toggle opens or closes. */
31
+ onToggle?: (nextIsOpen: boolean) => void;
32
+ /** Flag indicating the dropdown toggle should be focused after a dropdown item is clicked. */
33
+ shouldFocusToggleOnSelect?: boolean;
34
+ /** Adds an accessible name to the dropdown toggle. Required when the dropdown toggle does not
35
+ * have any text content.
36
+ */
37
+ toggleAriaLabel?: string;
38
+ /** Content of the toggle. */
39
+ toggleContent: React.ReactNode;
40
+ /** Variant style of the dropdown toggle. */
41
+ toggleVariant?: 'default' | 'plain' | 'plainText';
42
+ /** Width of the toggle. */
43
+ toggleWidth?: string;
44
+ /** Additional props passed to the toggle. */
45
+ toggleProps?: MenuToggleProps;
46
+ }
47
+ export declare const SimpleDropdown: React.ForwardRefExoticComponent<SimpleDropdownProps & React.RefAttributes<any>>;
48
+ //# sourceMappingURL=SimpleDropdown.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SimpleDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/SimpleDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,iBAAiB,EACjB,aAAa,EACd,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAiC,eAAe,EAAE,MAAM,uDAAuD,CAAC;AAEvH,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEpE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IAC5E,8FAA8F;IAC9F,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+FAA+F;IAC/F,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,sDAAsD;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,4DAA4D;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,EAAE,SAAS;IACnF,qCAAqC;IACrC,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACpC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8FAA8F;IAC9F,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5F,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,8FAA8F;IAC9F,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6BAA6B;IAC7B,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,4CAA4C;IAC5C,aAAa,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;IAClD,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAgFD,eAAO,MAAM,cAAc,iFAEzB,CAAC"}
@@ -0,0 +1,33 @@
1
+ import { __rest } from "tslib";
2
+ import React from 'react';
3
+ import { Dropdown, DropdownItem, DropdownList } from '@patternfly/react-core/dist/esm/components/Dropdown';
4
+ import { MenuToggle } from '@patternfly/react-core/dist/esm/components/MenuToggle';
5
+ import { Divider } from '@patternfly/react-core/dist/esm/components/Divider';
6
+ const SimpleDropdownBase = (_a) => {
7
+ var { innerRef, initialItems, onSelect: onSelectProp, onToggle: onToggleProp, isDisabled, toggleAriaLabel, toggleContent, isToggleFullWidth, toggleVariant = 'default', toggleWidth, toggleProps, shouldFocusToggleOnSelect } = _a, props = __rest(_a, ["innerRef", "initialItems", "onSelect", "onToggle", "isDisabled", "toggleAriaLabel", "toggleContent", "isToggleFullWidth", "toggleVariant", "toggleWidth", "toggleProps", "shouldFocusToggleOnSelect"]);
8
+ const [isOpen, setIsOpen] = React.useState(false);
9
+ const onSelect = (event, value) => {
10
+ onSelectProp && onSelectProp(event, value);
11
+ onToggleProp && onToggleProp(false);
12
+ setIsOpen(false);
13
+ };
14
+ const onToggle = () => {
15
+ onToggleProp && onToggleProp(!isOpen);
16
+ setIsOpen(!isOpen);
17
+ };
18
+ const dropdownToggle = (toggleRef) => (React.createElement(MenuToggle, Object.assign({ ref: toggleRef, onClick: onToggle, isExpanded: isOpen, isDisabled: isDisabled, variant: toggleVariant, "aria-label": toggleAriaLabel, isFullWidth: isToggleFullWidth, style: {
19
+ width: toggleWidth
20
+ } }, toggleProps), toggleContent));
21
+ const dropdownSimpleItems = initialItems === null || initialItems === void 0 ? void 0 : initialItems.map((item) => {
22
+ const { content, onClick, to, value, isDivider } = item, itemProps = __rest(item, ["content", "onClick", "to", "value", "isDivider"]);
23
+ return isDivider ? (React.createElement(Divider, { component: "li", key: value })) : (React.createElement(DropdownItem, Object.assign({ onClick: onClick, to: to, key: value, value: value }, itemProps), content));
24
+ });
25
+ return (React.createElement(Dropdown, Object.assign({ toggle: dropdownToggle, isOpen: isOpen, onSelect: onSelect, shouldFocusToggleOnSelect: shouldFocusToggleOnSelect, onOpenChange: (isOpen) => {
26
+ onToggleProp && onToggleProp(isOpen);
27
+ setIsOpen(isOpen);
28
+ }, ref: innerRef }, props),
29
+ React.createElement(DropdownList, null, dropdownSimpleItems)));
30
+ };
31
+ export const SimpleDropdown = React.forwardRef((props, ref) => (React.createElement(SimpleDropdownBase, Object.assign({}, props, { innerRef: ref }))));
32
+ SimpleDropdown.displayName = 'SimpleDropdown';
33
+ //# sourceMappingURL=SimpleDropdown.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SimpleDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/SimpleDropdown.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export * from './SimpleDropdown';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './SimpleDropdown';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
- import { SelectOptionProps } from '@patternfly/react-core';
2
+ import { MenuToggleProps, SelectOptionProps, SelectProps } from '@patternfly/react-core';
3
3
  export interface CheckboxSelectOption extends Omit<SelectOptionProps, 'content'> {
4
4
  /** Content of the select option. */
5
5
  content: React.ReactNode;
6
6
  /** Value of the select option. */
7
7
  value: string | number;
8
8
  }
9
- export interface CheckboxSelectProps {
9
+ export interface CheckboxSelectProps extends Omit<SelectProps, 'toggle'> {
10
10
  /** @hide Forwarded ref */
11
11
  innerRef?: React.Ref<any>;
12
12
  /** Initial options of the select. */
@@ -17,8 +17,12 @@ export interface CheckboxSelectProps {
17
17
  onToggle?: (nextIsOpen: boolean) => void;
18
18
  /** Flag indicating the select should be disabled. */
19
19
  isDisabled?: boolean;
20
- /** Content of the toggle. Defaults to the selected option. */
20
+ /** Content of the toggle. Defaults to a string with badge count of selected options. */
21
21
  toggleContent?: React.ReactNode;
22
+ /** Width of the toggle. */
23
+ toggleWidth?: string;
24
+ /** Additional props passed to the toggle. */
25
+ toggleProps?: MenuToggleProps;
22
26
  }
23
27
  export declare const CheckboxSelect: React.ForwardRefExoticComponent<CheckboxSelectProps & React.RefAttributes<any>>;
24
28
  //# sourceMappingURL=CheckboxSelect.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/CheckboxSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAOL,iBAAiB,EAClB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IAC9E,oCAAoC;IACpC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kCAAkC;IAClC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,qCAAqC;IACrC,cAAc,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACxC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5F,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AA+ED,eAAO,MAAM,cAAc,iFAEzB,CAAC"}
1
+ {"version":3,"file":"CheckboxSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/CheckboxSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,eAAe,EAIf,iBAAiB,EACjB,WAAW,EACZ,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IAC9E,oCAAoC;IACpC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kCAAkC;IAClC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC;IACtE,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,qCAAqC;IACrC,cAAc,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACxC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5F,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wFAAwF;IACxF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAoFD,eAAO,MAAM,cAAc,iFAEzB,CAAC"}
@@ -2,13 +2,13 @@ import { __rest } from "tslib";
2
2
  import React from 'react';
3
3
  import { Badge, MenuToggle, Select, SelectList, SelectOption } from '@patternfly/react-core';
4
4
  const CheckboxSelectBase = (_a) => {
5
- var { innerRef, initialOptions, isDisabled, onSelect: passedOnSelect, onToggle, toggleContent } = _a, props = __rest(_a, ["innerRef", "initialOptions", "isDisabled", "onSelect", "onToggle", "toggleContent"]);
5
+ var { innerRef, initialOptions, isDisabled, onSelect: passedOnSelect, onToggle, toggleContent, toggleWidth = '200px', toggleProps } = _a, props = __rest(_a, ["innerRef", "initialOptions", "isDisabled", "onSelect", "onToggle", "toggleContent", "toggleWidth", "toggleProps"]);
6
6
  const [isOpen, setIsOpen] = React.useState(false);
7
7
  const [selected, setSelected] = React.useState([]);
8
8
  const checkboxSelectOptions = initialOptions === null || initialOptions === void 0 ? void 0 : initialOptions.map((option) => {
9
9
  const { content, value } = option, props = __rest(option, ["content", "value"]);
10
10
  const isSelected = selected.includes(`${value}`);
11
- return (React.createElement(SelectOption, Object.assign({}, props, { value: value, key: value, hasCheckbox: true, isSelected: isSelected }), content));
11
+ return (React.createElement(SelectOption, Object.assign({ value: value, key: value, hasCheckbox: true, isSelected: isSelected }, props), content));
12
12
  });
13
13
  const onToggleClick = () => {
14
14
  onToggle && onToggle(!isOpen);
@@ -27,10 +27,13 @@ const CheckboxSelectBase = (_a) => {
27
27
  const defaultToggleContent = (React.createElement(React.Fragment, null,
28
28
  "Filter by status",
29
29
  selected.length > 0 && React.createElement(Badge, { isRead: true }, selected.length)));
30
- const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, style: {
31
- width: '200px'
32
- } }, toggleContent || defaultToggleContent));
33
- return (React.createElement(Select, Object.assign({ id: "checkbox-select", isOpen: isOpen, selected: selected, onSelect: onSelect, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: toggle, ref: innerRef, role: "menu" }, props),
30
+ const toggle = (toggleRef) => (React.createElement(MenuToggle, Object.assign({ ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, style: {
31
+ width: toggleWidth
32
+ } }, toggleProps), toggleContent || defaultToggleContent));
33
+ return (React.createElement(Select, Object.assign({ isOpen: isOpen, selected: selected, onSelect: onSelect, onOpenChange: (isOpen) => {
34
+ onToggle && onToggle(isOpen);
35
+ setIsOpen(isOpen);
36
+ }, toggle: toggle, ref: innerRef, role: "menu" }, props),
34
37
  React.createElement(SelectList, null, checkboxSelectOptions)));
35
38
  };
36
39
  export const CheckboxSelect = React.forwardRef((props, ref) => (React.createElement(CheckboxSelectBase, Object.assign({}, props, { innerRef: ref }))));
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/CheckboxSelect.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CheckboxSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/CheckboxSelect.tsx"],"names":[],"mappings":"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"}
@@ -1,16 +1,17 @@
1
1
  import React from 'react';
2
- import { SelectOptionProps } from '@patternfly/react-core/dist/esm/components/Select';
3
- export interface SelectSimpleOption extends Omit<SelectOptionProps, 'content'> {
2
+ import { SelectOptionProps, SelectProps } from '@patternfly/react-core/dist/esm/components/Select';
3
+ import { MenuToggleProps } from '@patternfly/react-core/dist/esm/components/MenuToggle';
4
+ export interface SimpleSelectOption extends Omit<SelectOptionProps, 'content'> {
4
5
  /** Content of the select option. */
5
6
  content: React.ReactNode;
6
7
  /** Value of the select option. */
7
8
  value: string | number;
8
9
  }
9
- export interface SelectSimpleProps {
10
+ export interface SimpleSelectProps extends Omit<SelectProps, 'toggle'> {
10
11
  /** @hide Forwarded ref */
11
12
  innerRef?: React.Ref<any>;
12
13
  /** Initial options of the select. */
13
- initialOptions?: SelectSimpleOption[];
14
+ initialOptions?: SimpleSelectOption[];
14
15
  /** Callback triggered on selection. */
15
16
  onSelect?: (_event: React.MouseEvent<Element, MouseEvent>, selection: string | number) => void;
16
17
  /** Callback triggered when the select opens or closes. */
@@ -19,8 +20,10 @@ export interface SelectSimpleProps {
19
20
  isDisabled?: boolean;
20
21
  /** Content of the toggle. Defaults to the selected option. */
21
22
  toggleContent?: React.ReactNode;
22
- /** Width of the toggle */
23
+ /** Width of the toggle. */
23
24
  toggleWidth?: string;
25
+ /** Additional props passed to the toggle. */
26
+ toggleProps?: MenuToggleProps;
24
27
  }
25
- export declare const SelectSimple: React.ForwardRefExoticComponent<SelectSimpleProps & React.RefAttributes<any>>;
26
- //# sourceMappingURL=SelectSimple.d.ts.map
28
+ export declare const SimpleSelect: React.ForwardRefExoticComponent<SimpleSelectProps & React.RefAttributes<any>>;
29
+ //# sourceMappingURL=SimpleSelect.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SimpleSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/SimpleSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,iBAAiB,EACjB,WAAW,EACZ,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAiC,eAAe,EAAE,MAAM,uDAAuD,CAAC;AAEvH,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IAC5E,oCAAoC;IACpC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kCAAkC;IAClC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC;IACpE,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,qCAAqC;IACrC,cAAc,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACtC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC/F,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AA0ED,eAAO,MAAM,YAAY,+EAEvB,CAAC"}
@@ -2,14 +2,14 @@ import { __rest } from "tslib";
2
2
  import React from 'react';
3
3
  import { Select, SelectList, SelectOption } from '@patternfly/react-core/dist/esm/components/Select';
4
4
  import { MenuToggle } from '@patternfly/react-core/dist/esm/components/MenuToggle';
5
- const SelectSimpleBase = (_a) => {
6
- var { innerRef, initialOptions, isDisabled, onSelect, onToggle, toggleContent, toggleWidth = '200px' } = _a, props = __rest(_a, ["innerRef", "initialOptions", "isDisabled", "onSelect", "onToggle", "toggleContent", "toggleWidth"]);
5
+ const SimpleSelectBase = (_a) => {
6
+ var { innerRef, initialOptions, isDisabled, onSelect, onToggle, toggleContent, toggleWidth = '200px', toggleProps } = _a, props = __rest(_a, ["innerRef", "initialOptions", "isDisabled", "onSelect", "onToggle", "toggleContent", "toggleWidth", "toggleProps"]);
7
7
  const [isOpen, setIsOpen] = React.useState(false);
8
8
  const [selected, setSelected] = React.useState('Select a value');
9
9
  const simpleSelectOptions = initialOptions === null || initialOptions === void 0 ? void 0 : initialOptions.map((option) => {
10
10
  const { content, value } = option, props = __rest(option, ["content", "value"]);
11
11
  const isSelected = selected.includes(`${value}`);
12
- return (React.createElement(SelectOption, Object.assign({}, props, { value: value, key: value, isSelected: isSelected }), content));
12
+ return (React.createElement(SelectOption, Object.assign({ value: value, key: value, isSelected: isSelected }, props), content));
13
13
  });
14
14
  const onToggleClick = () => {
15
15
  onToggle && onToggle(!isOpen);
@@ -18,14 +18,18 @@ const SelectSimpleBase = (_a) => {
18
18
  const _onSelect = (_event, value) => {
19
19
  onSelect && onSelect(_event, value);
20
20
  setSelected(value);
21
+ onToggle && onToggle(!false);
21
22
  setIsOpen(false);
22
23
  };
23
- const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, style: {
24
+ const toggle = (toggleRef) => (React.createElement(MenuToggle, Object.assign({ ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, style: {
24
25
  width: toggleWidth
25
- } }, toggleContent ? toggleContent : selected));
26
- return (React.createElement(Select, Object.assign({ id: "single-select", isOpen: isOpen, selected: selected, onSelect: _onSelect, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: toggle, shouldFocusToggleOnSelect: true, ref: innerRef }, props),
26
+ } }, toggleProps), toggleContent ? toggleContent : selected));
27
+ return (React.createElement(Select, Object.assign({ isOpen: isOpen, selected: selected, onSelect: _onSelect, onOpenChange: (isOpen) => {
28
+ onToggle && onToggle(isOpen);
29
+ setIsOpen(isOpen);
30
+ }, toggle: toggle, shouldFocusToggleOnSelect: true, ref: innerRef }, props),
27
31
  React.createElement(SelectList, null, simpleSelectOptions)));
28
32
  };
29
- export const SelectSimple = React.forwardRef((props, ref) => (React.createElement(SelectSimpleBase, Object.assign({}, props, { innerRef: ref }))));
30
- SelectSimple.displayName = 'SelectSimple';
31
- //# sourceMappingURL=SelectSimple.js.map
33
+ export const SimpleSelect = React.forwardRef((props, ref) => (React.createElement(SimpleSelectBase, Object.assign({}, props, { innerRef: ref }))));
34
+ SimpleSelect.displayName = 'SimpleSelect';
35
+ //# sourceMappingURL=SimpleSelect.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SimpleSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/SimpleSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,MAAM,EACN,UAAU,EACV,YAAY,EAGb,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAsC,MAAM,uDAAuD,CAAC;AA4BvH,MAAM,gBAAgB,GAA+C,CAAC,EAUlD,EAAE,EAAE;QAV8C,EACpE,QAAQ,EACR,cAAc,EACd,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,WAAW,GAAG,OAAO,EACrB,WAAW,OAEO,EADf,KAAK,cAT4D,mHAUrE,CADS;IAER,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,gBAAgB,CAAC,CAAC;IAEzE,MAAM,mBAAmB,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QACzD,MAAM,EAAE,OAAO,EAAE,KAAK,KAAe,MAAM,EAAhB,KAAK,UAAK,MAAM,EAArC,oBAA4B,CAAS,CAAC;QAC5C,MAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC;QACjD,OAAO,CACL,oBAAC,YAAY,kBAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,IAAM,KAAK,GACtE,OAAO,CACK,CAChB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,IAAI,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;QAC9B,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,MAAyD,EAAE,KAAkC,EAAE,EAAE;QAClH,QAAQ,IAAI,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACpC,WAAW,CAAC,KAAe,CAAC,CAAC;QAC7B,QAAQ,IAAI,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;QAC7B,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,SAAuC,EAAE,EAAE,CAAC,CAC1D,oBAAC,UAAU,kBACT,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EACH;YACE,KAAK,EAAE,WAAW;SACI,IAEtB,WAAW,GAEd,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAC9B,CACd,CAAC;IAEF,OAAO,CACL,oBAAC,MAAM,kBACL,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,SAAS,EACnB,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE;YACvB,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC7B,SAAS,CAAC,MAAM,CAAC,CAAC;QACpB,CAAC,EACD,MAAM,EAAE,MAAM,EACd,yBAAyB,QACzB,GAAG,EAAE,QAAQ,IACT,KAAK;QAET,oBAAC,UAAU,QAAE,mBAAmB,CAAc,CACvC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAwB,EAAE,GAAmB,EAAE,EAAE,CAAC,CAC9F,oBAAC,gBAAgB,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CAC/C,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
@@ -0,0 +1,33 @@
1
+ import React from 'react';
2
+ import { SelectOptionProps, MenuToggleProps, SelectProps } from '@patternfly/react-core';
3
+ export interface TypeaheadSelectOption extends Omit<SelectOptionProps, 'content'> {
4
+ /** Content of the select option. */
5
+ content: string | number;
6
+ /** Value of the select option. */
7
+ value: string | number;
8
+ }
9
+ export interface TypeaheadSelectProps extends Omit<SelectProps, 'toggle'> {
10
+ /** @hide Forwarded ref */
11
+ innerRef?: React.Ref<any>;
12
+ /** Initial options of the select. */
13
+ initialOptions: TypeaheadSelectOption[];
14
+ /** Callback triggered on selection. */
15
+ onSelect?: (_event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<HTMLInputElement>, selection: string | number) => void;
16
+ /** Callback triggered when the select opens or closes. */
17
+ onToggle?: (nextIsOpen: boolean) => void;
18
+ /** Callback triggered when the text in the input field changes. */
19
+ onInputChange?: (newValue: string) => void;
20
+ /** Placeholder text for the select input. */
21
+ placeholder?: string;
22
+ /** Message to display when no options match the filter. */
23
+ noOptionsFoundMessage?: string | ((filter: string) => string);
24
+ /** Flag indicating the select should be disabled. */
25
+ isDisabled?: boolean;
26
+ /** Width of the toggle. */
27
+ toggleWidth?: string;
28
+ /** Additional props passed to the toggle. */
29
+ toggleProps?: MenuToggleProps;
30
+ }
31
+ export declare const TypeaheadSelectBase: React.FunctionComponent<TypeaheadSelectProps>;
32
+ export declare const TypeaheadSelect: React.ForwardRefExoticComponent<TypeaheadSelectProps & React.RefAttributes<any>>;
33
+ //# sourceMappingURL=TypeaheadSelect.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TypeaheadSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/TypeaheadSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,iBAAiB,EAOjB,eAAe,EACf,WAAW,EACZ,MAAM,wBAAwB,CAAC;AAGhC,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IAC/E,oCAAoC;IACpC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,kCAAkC;IAClC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC;IACvE,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,qCAAqC;IACrC,cAAc,EAAE,qBAAqB,EAAE,CAAC;IACxC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,EACrF,SAAS,EAAE,MAAM,GAAG,MAAM,KACvB,IAAI,CAAC;IACV,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,mEAAmE;IACnE,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,qBAAqB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC9D,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CA4Q7E,CAAC;AAGF,eAAO,MAAM,eAAe,kFAE1B,CAAC"}
@@ -0,0 +1,181 @@
1
+ import { __rest } from "tslib";
2
+ import React from 'react';
3
+ import { Select, SelectOption, SelectList, MenuToggle, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, Button } from '@patternfly/react-core';
4
+ import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
5
+ export const TypeaheadSelectBase = (_a) => {
6
+ var { innerRef, initialOptions, onSelect, onToggle, onInputChange, placeholder = 'Select an option', noOptionsFoundMessage = (filter) => `No results found for "${filter}"`, isDisabled, toggleWidth, toggleProps } = _a, props = __rest(_a, ["innerRef", "initialOptions", "onSelect", "onToggle", "onInputChange", "placeholder", "noOptionsFoundMessage", "isDisabled", "toggleWidth", "toggleProps"]);
7
+ const [isOpen, setIsOpen] = React.useState(false);
8
+ const [selected, setSelected] = React.useState('');
9
+ const [inputValue, setInputValue] = React.useState('');
10
+ const [filterValue, setFilterValue] = React.useState('');
11
+ const [selectOptions, setSelectOptions] = React.useState(initialOptions);
12
+ const [focusedItemIndex, setFocusedItemIndex] = React.useState(null);
13
+ const [activeItemId, setActiveItemId] = React.useState(null);
14
+ const textInputRef = React.useRef();
15
+ const NO_RESULTS = 'no results';
16
+ React.useEffect(() => {
17
+ let newSelectOptions = initialOptions;
18
+ // Filter menu items based on the text input value when one exists
19
+ if (filterValue) {
20
+ newSelectOptions = initialOptions.filter((option) => String(option.content).toLowerCase().includes(filterValue.toLowerCase()));
21
+ // When no options are found after filtering, display 'No results found'
22
+ if (!newSelectOptions.length) {
23
+ newSelectOptions = [
24
+ {
25
+ isAriaDisabled: true,
26
+ content: typeof noOptionsFoundMessage === 'string' ? noOptionsFoundMessage : noOptionsFoundMessage(filterValue),
27
+ value: NO_RESULTS
28
+ }
29
+ ];
30
+ }
31
+ // Open the menu when the input value changes and the new value is not empty
32
+ if (!isOpen) {
33
+ openMenu();
34
+ }
35
+ }
36
+ setSelectOptions(newSelectOptions);
37
+ }, [filterValue, initialOptions]);
38
+ const setActiveAndFocusedItem = (itemIndex) => {
39
+ setFocusedItemIndex(itemIndex);
40
+ const focusedItem = selectOptions[itemIndex];
41
+ setActiveItemId(focusedItem.value);
42
+ };
43
+ const resetActiveAndFocusedItem = () => {
44
+ setFocusedItemIndex(null);
45
+ setActiveItemId(null);
46
+ };
47
+ const openMenu = () => {
48
+ onToggle && onToggle(true);
49
+ setIsOpen(true);
50
+ };
51
+ const closeMenu = () => {
52
+ onToggle && onToggle(false);
53
+ setIsOpen(false);
54
+ resetActiveAndFocusedItem();
55
+ };
56
+ const onInputClick = () => {
57
+ if (!isOpen) {
58
+ openMenu();
59
+ }
60
+ else if (!inputValue) {
61
+ closeMenu();
62
+ }
63
+ };
64
+ const selectOption = (_event, option) => {
65
+ onSelect && onSelect(_event, option.value);
66
+ setInputValue(String(option.content));
67
+ setFilterValue('');
68
+ setSelected(String(option.value));
69
+ closeMenu();
70
+ };
71
+ const _onSelect = (_event, value) => {
72
+ if (value && value !== NO_RESULTS) {
73
+ const optionToSelect = selectOptions.find((option) => option.value === value);
74
+ selectOption(_event, optionToSelect);
75
+ }
76
+ };
77
+ const onTextInputChange = (_event, value) => {
78
+ setInputValue(value);
79
+ onInputChange && onInputChange(value);
80
+ setFilterValue(value);
81
+ resetActiveAndFocusedItem();
82
+ if (value !== selected) {
83
+ setSelected('');
84
+ }
85
+ };
86
+ const handleMenuArrowKeys = (key) => {
87
+ let indexToFocus = 0;
88
+ if (!isOpen) {
89
+ openMenu();
90
+ }
91
+ if (selectOptions.every((option) => option.isDisabled)) {
92
+ return;
93
+ }
94
+ if (key === 'ArrowUp') {
95
+ // When no index is set or at the first index, focus to the last, otherwise decrement focus index
96
+ if (focusedItemIndex === null || focusedItemIndex === 0) {
97
+ indexToFocus = selectOptions.length - 1;
98
+ }
99
+ else {
100
+ indexToFocus = focusedItemIndex - 1;
101
+ }
102
+ // Skip disabled options
103
+ while (selectOptions[indexToFocus].isDisabled) {
104
+ indexToFocus--;
105
+ if (indexToFocus === -1) {
106
+ indexToFocus = selectOptions.length - 1;
107
+ }
108
+ }
109
+ }
110
+ if (key === 'ArrowDown') {
111
+ // When no index is set or at the last index, focus to the first, otherwise increment focus index
112
+ if (focusedItemIndex === null || focusedItemIndex === selectOptions.length - 1) {
113
+ indexToFocus = 0;
114
+ }
115
+ else {
116
+ indexToFocus = focusedItemIndex + 1;
117
+ }
118
+ // Skip disabled options
119
+ while (selectOptions[indexToFocus].isDisabled) {
120
+ indexToFocus++;
121
+ if (indexToFocus === selectOptions.length) {
122
+ indexToFocus = 0;
123
+ }
124
+ }
125
+ }
126
+ setActiveAndFocusedItem(indexToFocus);
127
+ };
128
+ const onInputKeyDown = (event) => {
129
+ const focusedItem = focusedItemIndex !== null ? selectOptions[focusedItemIndex] : null;
130
+ switch (event.key) {
131
+ case 'Enter':
132
+ if (isOpen && focusedItem && focusedItem.value !== NO_RESULTS && !focusedItem.isAriaDisabled) {
133
+ selectOption(event, focusedItem);
134
+ }
135
+ if (!isOpen) {
136
+ onToggle && onToggle(true);
137
+ setIsOpen(true);
138
+ }
139
+ break;
140
+ case 'ArrowUp':
141
+ case 'ArrowDown':
142
+ event.preventDefault();
143
+ handleMenuArrowKeys(event.key);
144
+ break;
145
+ }
146
+ };
147
+ const onToggleClick = () => {
148
+ var _a;
149
+ onToggle && onToggle(!isOpen);
150
+ setIsOpen(!isOpen);
151
+ (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
152
+ };
153
+ const onClearButtonClick = () => {
154
+ var _a;
155
+ setSelected('');
156
+ setInputValue('');
157
+ onInputChange && onInputChange('');
158
+ setFilterValue('');
159
+ resetActiveAndFocusedItem();
160
+ (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
161
+ };
162
+ const toggle = (toggleRef) => (React.createElement(MenuToggle, Object.assign({ ref: toggleRef, variant: "typeahead", "aria-label": "Typeahead menu toggle", onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, isFullWidth: true, style: {
163
+ width: toggleWidth
164
+ } }, toggleProps),
165
+ React.createElement(TextInputGroup, { isPlain: true },
166
+ React.createElement(TextInputGroupMain, Object.assign({ value: inputValue, onClick: onInputClick, onChange: onTextInputChange, onKeyDown: onInputKeyDown, autoComplete: "off", innerRef: textInputRef, placeholder: placeholder }, (activeItemId && { 'aria-activedescendant': activeItemId }), { role: "combobox", isExpanded: isOpen, "aria-controls": "select-typeahead-listbox" })),
167
+ React.createElement(TextInputGroupUtilities, Object.assign({}, (!inputValue ? { style: { display: 'none' } } : {})),
168
+ React.createElement(Button, { variant: "plain", onClick: onClearButtonClick, "aria-label": "Clear input value" },
169
+ React.createElement(TimesIcon, { "aria-hidden": true }))))));
170
+ return (React.createElement(Select, Object.assign({ isOpen: isOpen, selected: selected, onSelect: _onSelect, onOpenChange: (isOpen) => {
171
+ !isOpen && closeMenu();
172
+ }, toggle: toggle, shouldFocusFirstItemOnOpen: false, ref: innerRef }, props),
173
+ React.createElement(SelectList, null, selectOptions.map((option, index) => {
174
+ const { content, value } = option, props = __rest(option, ["content", "value"]);
175
+ return (React.createElement(SelectOption, Object.assign({ key: value, value: value, isFocused: focusedItemIndex === index }, props), content));
176
+ }))));
177
+ };
178
+ TypeaheadSelectBase.displayName = 'TypeaheadSelectBase';
179
+ export const TypeaheadSelect = React.forwardRef((props, ref) => (React.createElement(TypeaheadSelectBase, Object.assign({}, props, { innerRef: ref }))));
180
+ TypeaheadSelect.displayName = 'TypeaheadSelect';
181
+ //# sourceMappingURL=TypeaheadSelect.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TypeaheadSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/TypeaheadSelect.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +1,4 @@
1
- export * from './SelectSimple';
1
+ export * from './SimpleSelect';
2
2
  export * from './CheckboxSelect';
3
+ export * from './TypeaheadSelect';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}
@@ -1,3 +1,4 @@
1
- export * from './SelectSimple';
1
+ export * from './SimpleSelect';
2
2
  export * from './CheckboxSelect';
3
+ export * from './TypeaheadSelect';
3
4
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}
@@ -1,2 +1,3 @@
1
+ export * from './Dropdown';
1
2
  export * from './Select';
2
3
  //# sourceMappingURL=index.d.ts.map