@wireapp/react-ui-kit 9.17.6 → 9.17.8
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/lib/Form/Select.d.ts
CHANGED
|
@@ -20,7 +20,8 @@ interface SelectProps<IsMulti extends boolean, Group extends GroupBase<Option>>
|
|
|
20
20
|
markInvalid?: boolean;
|
|
21
21
|
required?: boolean;
|
|
22
22
|
isMulti?: IsMulti;
|
|
23
|
+
isSearchable?: boolean;
|
|
23
24
|
}
|
|
24
|
-
export declare const Select: <IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ id, label, error, helperText, disabled, dataUieName, options, isMulti, wrapperCSS, markInvalid, required, ...props }: SelectProps<IsMulti, Group>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare const Select: <IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ id, label, error, helperText, disabled, dataUieName, options, isMulti, wrapperCSS, markInvalid, required, isSearchable, ...props }: SelectProps<IsMulti, Group>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
25
26
|
export {};
|
|
26
27
|
//# sourceMappingURL=Select.d.ts.map
|
package/lib/Form/Select.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Form/Select.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAC,SAAS,EAAW,MAAM,gBAAgB,CAAC;AACnD,OAAoB,EAAC,SAAS,EAAe,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iDAAiD,CAAC;AAiBvF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,UAAU,WAAW,CAAC,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,CAC5E,SAAQ,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/Form/Select.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAC,SAAS,EAAW,MAAM,gBAAgB,CAAC;AACnD,OAAoB,EAAC,SAAS,EAAe,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iDAAiD,CAAC;AAiBvF,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,UAAU,WAAW,CAAC,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,CAC5E,SAAQ,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,MAAM,+NAchB,YAAY,OAAO,EAAE,KAAK,CAAC,qDA8D7B,CAAC"}
|
package/lib/Form/Select.js
CHANGED
|
@@ -23,7 +23,7 @@ const SelectComponents_1 = require("./SelectComponents");
|
|
|
23
23
|
const SelectStyles_1 = require("./SelectStyles");
|
|
24
24
|
const enums_1 = require("../types/enums");
|
|
25
25
|
const Select = (_a) => {
|
|
26
|
-
var { id, label, error, helperText, disabled = false, dataUieName, options, isMulti, wrapperCSS = {}, markInvalid = false, required = false } = _a, props = __rest(_a, ["id", "label", "error", "helperText", "disabled", "dataUieName", "options", "isMulti", "wrapperCSS", "markInvalid", "required"]);
|
|
26
|
+
var { id, label, error, helperText, disabled = false, dataUieName, options, isMulti, wrapperCSS = {}, markInvalid = false, required = false, isSearchable = false } = _a, props = __rest(_a, ["id", "label", "error", "helperText", "disabled", "dataUieName", "options", "isMulti", "wrapperCSS", "markInvalid", "required", "isSearchable"]);
|
|
27
27
|
const theme = (0, react_1.useTheme)();
|
|
28
28
|
const hasError = !!error;
|
|
29
29
|
return ((0, jsx_runtime_1.jsxs)("div", {
|
|
@@ -37,7 +37,7 @@ const Select = (_a) => {
|
|
|
37
37
|
Menu: (0, SelectComponents_1.Menu)(dataUieName),
|
|
38
38
|
ValueContainer: SelectComponents_1.ValueContainer,
|
|
39
39
|
IndicatorsContainer: SelectComponents_1.IndicatorsContainer,
|
|
40
|
-
}, tabIndex: enums_1.TabIndex.UNFOCUSABLE, isDisabled: disabled, hideSelectedOptions: false, isSearchable:
|
|
40
|
+
}, tabIndex: enums_1.TabIndex.UNFOCUSABLE, isDisabled: disabled, hideSelectedOptions: false, isSearchable: isSearchable, isClearable: false, closeMenuOnSelect: !isMulti, isMulti: isMulti, options: options }, props)), !hasError && helperText && ((0, jsx_runtime_1.jsx)("p", { css: (theme) => ({
|
|
41
41
|
fontSize: theme.fontSizes.small,
|
|
42
42
|
fontWeight: 400,
|
|
43
43
|
color: theme.Input.labelColor,
|
package/lib/Form/SelectStyles.js
CHANGED
|
@@ -70,7 +70,7 @@ const customStyles = (theme, markInvalid = false) => ({
|
|
|
70
70
|
menu: (provided, { options }) => (Object.assign(Object.assign(Object.assign({}, provided), { boxShadow: `0 0 0 1px ${theme.general.primaryColor}, 0 4px 11px hsl(0deg 0% 0% / 10%)`, borderRadius: 12, marginBottom: 0, marginTop: 4, overflowY: 'overlay' }), ((0, SelectComponents_1.isGroup)(options) && {
|
|
71
71
|
minWidth: '400px',
|
|
72
72
|
}))),
|
|
73
|
-
menuList: provided => (Object.assign(Object.assign({}, provided), { borderRadius: 12, paddingBottom: 0, paddingTop: 0, maxHeight:
|
|
73
|
+
menuList: provided => (Object.assign(Object.assign({}, provided), { borderRadius: 12, paddingBottom: 0, paddingTop: 0, maxHeight: 400 })),
|
|
74
74
|
option: (provided, { isMulti, isDisabled, isFocused, isSelected, options, data }) => (Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, provided), { backgroundColor: theme.Input.backgroundColor, color: theme.general.color, padding: (0, SelectComponents_1.isGroup)(options) ? '6px 16px' : '10px 18px', cursor: isDisabled ? 'not-allowed' : 'pointer', fontSize: theme.fontSizes.base, fontWeight: isSelected && (0, SelectComponents_1.isGroup)(options) ? 600 : 400, lineHeight: '1.5rem' }), (isSelected &&
|
|
75
75
|
!isDisabled &&
|
|
76
76
|
!isMulti && {
|
package/package.json
CHANGED
|
@@ -15,19 +15,19 @@
|
|
|
15
15
|
"react-transition-group": "4.4.5"
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@babel/cli": "7.24.
|
|
19
|
-
"@babel/core": "7.24.
|
|
20
|
-
"@babel/preset-env": "7.24.
|
|
21
|
-
"@babel/preset-react": "7.24.
|
|
22
|
-
"@babel/preset-typescript": "7.24.
|
|
18
|
+
"@babel/cli": "7.24.7",
|
|
19
|
+
"@babel/core": "7.24.7",
|
|
20
|
+
"@babel/preset-env": "7.24.7",
|
|
21
|
+
"@babel/preset-react": "7.24.7",
|
|
22
|
+
"@babel/preset-typescript": "7.24.7",
|
|
23
23
|
"@emotion/babel-preset-css-prop": "^11.10.0",
|
|
24
24
|
"@emotion/jest": "11.11.0",
|
|
25
25
|
"@emotion/react": "^11.10.4",
|
|
26
26
|
"@hot-loader/react-dom": "17.0.2",
|
|
27
27
|
"@swc/core": "^1.3.10",
|
|
28
28
|
"@swc/jest": "^0.2.23",
|
|
29
|
-
"@testing-library/jest-dom": "6.4.
|
|
30
|
-
"@testing-library/react": "
|
|
29
|
+
"@testing-library/jest-dom": "6.4.6",
|
|
30
|
+
"@testing-library/react": "16.0.0",
|
|
31
31
|
"@testing-library/user-event": "14.5.2",
|
|
32
32
|
"@types/jest": "^29.2.0",
|
|
33
33
|
"@types/node": "^20.1.0",
|
|
@@ -70,6 +70,6 @@
|
|
|
70
70
|
"test:watch": "jest --watch",
|
|
71
71
|
"test:update": "jest --updateSnapshot"
|
|
72
72
|
},
|
|
73
|
-
"version": "9.17.
|
|
74
|
-
"gitHead": "
|
|
73
|
+
"version": "9.17.8",
|
|
74
|
+
"gitHead": "c4ddaa39a608d9571f622760da080e3473d38dec"
|
|
75
75
|
}
|