@terraware/web-components 3.3.3 → 3.3.5-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/components/Autocomplete/Autocomplete.d.ts +8 -1
  2. package/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  3. package/components/Autocomplete/Autocomplete.js +15 -1
  4. package/components/Textfield/Textfield.js +1 -1
  5. package/package.json +1 -1
  6. package/stories/Autocomplete.stories.d.ts +1 -0
  7. package/stories/Autocomplete.stories.d.ts.map +1 -1
package/components/Autocomplete/Autocomplete.d.ts CHANGED
@@ -10,6 +10,7 @@ export interface Props {
10
10
  id?: string;
11
11
  label?: string;
12
12
  selected?: ValueType;
13
+ filterOptions?: (options: ValueType[], state: object) => ValueType[];
13
14
  freeSolo?: boolean;
14
15
  disabled?: boolean;
15
16
  className?: string;
@@ -19,8 +20,14 @@ export interface Props {
19
20
  errorText?: string;
20
21
  tooltipTitle?: TooltipProps['title'];
21
22
  required?: boolean;
23
+ noOptionsText?: string;
24
+ loading?: boolean;
25
+ loadingText?: string;
26
+ open?: boolean;
27
+ onOpen?: (event: React.SyntheticEvent) => void;
28
+ onClose?: (event: React.SyntheticEvent) => void;
22
29
  sx?: SxProps;
23
30
  renderOption?: (props: React.HTMLAttributes<HTMLLIElement>, option: ValueType) => React.ReactNode;
24
31
  }
25
- export default function Autocomplete({ id, label, options, onChange, selected, freeSolo, disabled, className, hideClearIcon, isEqual, placeholder, errorText, tooltipTitle, required, sx, renderOption, }: Props): JSX.Element;
32
+ export default function Autocomplete({ id, label, options, onChange, selected, filterOptions, freeSolo, disabled, className, hideClearIcon, isEqual, placeholder, errorText, tooltipTitle, required, noOptionsText, loading, loadingText, open, onOpen, onClose, sx, renderOption, }: Props): JSX.Element;
26
33
  //# sourceMappingURL=Autocomplete.d.ts.map
package/components/Autocomplete/Autocomplete.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,OAAO,EAAa,YAAY,EAAE,MAAM,eAAe,CAAC;AACvG,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,uBAAuB,CAAC;AAC/B,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEpD,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;CACnG;AAID,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,EAAE,EACF,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,EACX,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,EAAE,EACF,YAAY,GACb,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA0FrB"}
1
+ {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,OAAO,EAAa,YAAY,EAAE,MAAM,eAAe,CAAC;AACvG,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,uBAAuB,CAAC;AAC/B,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEpD,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,EAAE,CAAC;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAChD,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;CACnG;AAID,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,EAAE,EACF,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,EACb,OAAO,EACP,WAAW,EACX,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,OAAO,EACP,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,EAAE,EACF,YAAY,GACb,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAsGrB"}
package/components/Autocomplete/Autocomplete.js CHANGED
@@ -19,6 +19,7 @@ function Autocomplete(_ref) {
19
19
  options,
20
20
  onChange,
21
21
  selected,
22
+ filterOptions,
22
23
  freeSolo,
23
24
  disabled,
24
25
  className,
@@ -28,6 +29,12 @@ function Autocomplete(_ref) {
28
29
  errorText,
29
30
  tooltipTitle,
30
31
  required,
32
+ noOptionsText,
33
+ loading,
34
+ loadingText,
35
+ open,
36
+ onOpen,
37
+ onClose,
31
38
  sx,
32
39
  renderOption
33
40
  } = _ref;
@@ -86,12 +93,19 @@ function Autocomplete(_ref) {
86
93
  onChange: onChangeHandler,
87
94
  onInputChange: (event, value) => freeSolo && onChangeHandler(event, value),
88
95
  value: selected,
96
+ filterOptions: filterOptions,
89
97
  freeSolo: freeSolo,
90
98
  forcePopupIcon: true,
91
99
  renderInput: renderInput,
92
100
  "aria-required": required,
101
+ noOptionsText: noOptionsText,
102
+ loading: loading,
103
+ loadingText: loadingText,
104
+ open: open,
105
+ onOpen: onOpen,
106
+ onClose: onClose,
93
107
  popupIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
94
- name: "chevronDown",
108
+ name: loading ? 'spinner' : open ? 'chevronUp' : 'chevronDown',
95
109
  className: "auto-complete--icon-right",
96
110
  size: "medium"
97
111
  }),
package/components/Textfield/Textfield.js CHANGED
@@ -115,7 +115,7 @@ function TextField(props) {
115
115
  }, /*#__PURE__*/_react.default.createElement("label", {
116
116
  htmlFor: id,
117
117
  className: "textfield-label"
118
- }, required ? "".concat(label, " *") : label, tooltipTitle && /*#__PURE__*/_react.default.createElement(_IconTooltip.default, {
118
+ }, required && label ? "".concat(label, " *") : label, tooltipTitle && /*#__PURE__*/_react.default.createElement(_IconTooltip.default, {
119
119
  placement: "top",
120
120
  title: tooltipTitle
121
121
  })), !display && (type === 'text' || type === 'number' ? /*#__PURE__*/_react.default.createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@terraware/web-components",
3
- "version": "3.3.3",
3
+ "version": "3.3.5-rc.0",
4
4
  "author": "Terraformation Inc.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
package/stories/Autocomplete.stories.d.ts CHANGED
@@ -6,4 +6,5 @@ declare const _default: {
6
6
  export default _default;
7
7
  export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AutocompleteProps>;
8
8
  export declare const Complex: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AutocompleteProps>;
9
+ export declare const AsyncDefault: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AutocompleteProps>;
9
10
  //# sourceMappingURL=Autocomplete.stories.d.ts.map
package/stories/Autocomplete.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Autocomplete.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,EAAE,EAAa,KAAK,IAAI,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;;;;;AAE9G,wBAGE;AAyBF,eAAO,MAAM,OAAO,0GAAoB,CAAC;AAEzC,eAAO,MAAM,OAAO,0GAAoB,CAAC"}
1
+ {"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Autocomplete.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,EAAE,EAAa,KAAK,IAAI,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;;;;;AAE9G,wBAGE;AAmFF,eAAO,MAAM,OAAO,0GAAoB,CAAC;AAEzC,eAAO,MAAM,OAAO,0GAAoB,CAAC;AAEzC,eAAO,MAAM,YAAY,0GAAyB,CAAC"}