@commercetools-uikit/select-utils 12.2.4 → 12.2.9
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/dist/commercetools-uikit-select-utils.cjs.d.ts +1 -0
- package/dist/commercetools-uikit-select-utils.cjs.dev.js +42 -83
- package/dist/commercetools-uikit-select-utils.cjs.prod.js +35 -40
- package/dist/commercetools-uikit-select-utils.esm.js +41 -81
- package/dist/declarations/src/clear-indicator/clear-indicator.d.ts +13 -0
- package/dist/declarations/src/clear-indicator/index.d.ts +1 -0
- package/dist/declarations/src/clear-indicator/messages.d.ts +8 -0
- package/dist/declarations/src/create-select-styles.d.ts +294 -0
- package/dist/declarations/src/custom-styled-select-options/constants.d.ts +6 -0
- package/dist/declarations/src/custom-styled-select-options/custom-styled-select-options.d.ts +29 -0
- package/dist/declarations/src/custom-styled-select-options/index.d.ts +2 -0
- package/dist/declarations/src/dropdown-indicator/dropdown-indicator.d.ts +6 -0
- package/dist/declarations/src/dropdown-indicator/index.d.ts +1 -0
- package/dist/declarations/src/index.d.ts +10 -0
- package/dist/declarations/src/messages.d.ts +28 -0
- package/dist/declarations/src/search-icon-dropdown-indicator/index.d.ts +1 -0
- package/dist/declarations/src/search-icon-dropdown-indicator/search-icon-dropdown-indicator.d.ts +6 -0
- package/dist/declarations/src/tag-remove/index.d.ts +1 -0
- package/dist/declarations/src/tag-remove/tag-remove.d.ts +12 -0
- package/dist/declarations/src/version.d.ts +2 -0
- package/dist/declarations/src/wrapper-with-icon/index.d.ts +1 -0
- package/dist/declarations/src/wrapper-with-icon/wrapper-with-icon.d.ts +19 -0
- package/package.json +11 -15
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { OptionProps } from 'react-select';
|
|
2
|
+
import { SELECT_DROPDOWN_OPTION_TYPES } from './constants';
|
|
3
|
+
declare type TData = {
|
|
4
|
+
label: string;
|
|
5
|
+
key: string;
|
|
6
|
+
id: string;
|
|
7
|
+
};
|
|
8
|
+
declare type SelectDropdownOptionTypesKeys = keyof typeof SELECT_DROPDOWN_OPTION_TYPES;
|
|
9
|
+
declare type TProps = {
|
|
10
|
+
data?: TData;
|
|
11
|
+
noValueFallback?: string;
|
|
12
|
+
optionType?: typeof SELECT_DROPDOWN_OPTION_TYPES[SelectDropdownOptionTypesKeys];
|
|
13
|
+
} & OptionProps;
|
|
14
|
+
export declare const MultiplePropertiesSelectInputOption: {
|
|
15
|
+
(props: TProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const DoublePropertySelectInputOption: {
|
|
19
|
+
(props: TProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
declare type TCustomSelectInputOptionProps = {
|
|
23
|
+
optionInnerProps: TProps;
|
|
24
|
+
} & TProps;
|
|
25
|
+
export declare const CustomSelectInputOption: {
|
|
26
|
+
(props: TCustomSelectInputOptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
27
|
+
displayName: string;
|
|
28
|
+
};
|
|
29
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './dropdown-indicator';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { default as ClearIndicator } from './clear-indicator';
|
|
2
|
+
export { default as TagRemove } from './tag-remove';
|
|
3
|
+
export { default as DropdownIndicator } from './dropdown-indicator';
|
|
4
|
+
export { default as SearchIconDropdownIndicator } from './search-icon-dropdown-indicator';
|
|
5
|
+
export { default as ValueWrapperWithIcon } from './wrapper-with-icon';
|
|
6
|
+
export { customComponents as customComponentsWithIcons } from './wrapper-with-icon';
|
|
7
|
+
export * from './custom-styled-select-options';
|
|
8
|
+
export { default as messages } from './messages';
|
|
9
|
+
export { default as createSelectStyles } from './create-select-styles';
|
|
10
|
+
export { default as version } from './version';
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
createLabel: {
|
|
3
|
+
id: string;
|
|
4
|
+
description: string;
|
|
5
|
+
defaultMessage: string;
|
|
6
|
+
};
|
|
7
|
+
noOptionsMessageWithInputValue: {
|
|
8
|
+
id: string;
|
|
9
|
+
description: string;
|
|
10
|
+
defaultMessage: string;
|
|
11
|
+
};
|
|
12
|
+
noOptionsMessageWithoutInputValue: {
|
|
13
|
+
id: string;
|
|
14
|
+
description: string;
|
|
15
|
+
defaultMessage: string;
|
|
16
|
+
};
|
|
17
|
+
placeholder: {
|
|
18
|
+
id: string;
|
|
19
|
+
description: string;
|
|
20
|
+
defaultMessage: string;
|
|
21
|
+
};
|
|
22
|
+
loadingOptions: {
|
|
23
|
+
id: string;
|
|
24
|
+
description: string;
|
|
25
|
+
defaultMessage: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './search-icon-dropdown-indicator';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './tag-remove';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { MultiValueGenericProps } from 'react-select';
|
|
2
|
+
declare type TSelectProps = {
|
|
3
|
+
isReadOnly: boolean;
|
|
4
|
+
} & MultiValueGenericProps['selectProps'];
|
|
5
|
+
declare type TTagRemoveProps = {
|
|
6
|
+
selectProps: TSelectProps;
|
|
7
|
+
} & MultiValueGenericProps;
|
|
8
|
+
declare const TagRemove: {
|
|
9
|
+
(props: TTagRemoveProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
export default TagRemove;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default, customComponents } from './wrapper-with-icon';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { SingleValueProps, PlaceholderProps } from 'react-select';
|
|
3
|
+
export declare type TWrapperWithIconProps = {
|
|
4
|
+
type: string;
|
|
5
|
+
selectProps: TSelectProps;
|
|
6
|
+
} & SingleValueProps & PlaceholderProps;
|
|
7
|
+
declare type TSelectProps = {
|
|
8
|
+
iconLeft: ReactElement;
|
|
9
|
+
};
|
|
10
|
+
declare const WrapperWithIcon: {
|
|
11
|
+
(props: TWrapperWithIconProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
export default WrapperWithIcon;
|
|
15
|
+
declare const customComponents: {
|
|
16
|
+
SingleValue: (props: TWrapperWithIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
17
|
+
Placeholder: (props: TWrapperWithIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
18
|
+
};
|
|
19
|
+
export { customComponents };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/select-utils",
|
|
3
3
|
"description": "Utilities for working with select components.",
|
|
4
|
-
"version": "12.2.
|
|
4
|
+
"version": "12.2.9",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
12
|
"keywords": ["javascript", "design system", "react", "uikit"],
|
|
13
13
|
"license": "MIT",
|
|
14
|
-
"private": false,
|
|
15
14
|
"publishConfig": {
|
|
16
15
|
"access": "public"
|
|
17
16
|
},
|
|
@@ -19,27 +18,24 @@
|
|
|
19
18
|
"main": "dist/commercetools-uikit-select-utils.cjs.js",
|
|
20
19
|
"module": "dist/commercetools-uikit-select-utils.esm.js",
|
|
21
20
|
"files": ["dist"],
|
|
22
|
-
"scripts": {
|
|
23
|
-
"prepare": "../../../../scripts/version.js replace"
|
|
24
|
-
},
|
|
25
21
|
"dependencies": {
|
|
26
|
-
"@babel/runtime": "7.
|
|
27
|
-
"@babel/runtime-corejs3": "7.
|
|
28
|
-
"@commercetools-uikit/accessible-button": "12.2.
|
|
29
|
-
"@commercetools-uikit/design-system": "12.2.
|
|
30
|
-
"@commercetools-uikit/icons": "12.2.
|
|
31
|
-
"@commercetools-uikit/spacings": "12.2.
|
|
32
|
-
"@commercetools-uikit/text": "12.2.
|
|
33
|
-
"@commercetools-uikit/utils": "12.2.
|
|
22
|
+
"@babel/runtime": "7.16.5",
|
|
23
|
+
"@babel/runtime-corejs3": "7.16.5",
|
|
24
|
+
"@commercetools-uikit/accessible-button": "12.2.9",
|
|
25
|
+
"@commercetools-uikit/design-system": "12.2.9",
|
|
26
|
+
"@commercetools-uikit/icons": "12.2.9",
|
|
27
|
+
"@commercetools-uikit/spacings": "12.2.9",
|
|
28
|
+
"@commercetools-uikit/text": "12.2.9",
|
|
29
|
+
"@commercetools-uikit/utils": "12.2.9",
|
|
34
30
|
"@emotion/react": "^11.4.0",
|
|
35
31
|
"@emotion/styled": "^11.3.0",
|
|
36
32
|
"lodash": "4.17.21",
|
|
37
33
|
"prop-types": "15.7.2",
|
|
38
|
-
"react-select": "
|
|
34
|
+
"react-select": "5.2.1"
|
|
39
35
|
},
|
|
40
36
|
"devDependencies": {
|
|
41
37
|
"react": "17.0.2",
|
|
42
|
-
"react-intl": "5.
|
|
38
|
+
"react-intl": "5.23.0"
|
|
43
39
|
},
|
|
44
40
|
"peerDependencies": {
|
|
45
41
|
"react": "17.x",
|