@synerise/ds-context-selector 1.3.16 → 1.3.18
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/CHANGELOG.md +8 -0
- package/dist/ContextSelector.d.ts +2 -2
- package/dist/ContextSelector.js +112 -179
- package/dist/ContextSelector.styles.d.ts +10 -10
- package/dist/ContextSelector.styles.js +30 -32
- package/dist/ContextSelector.types.d.ts +6 -6
- package/dist/ContextSelector.types.js +5 -2
- package/dist/ContextSelectorDropdown/ContextSelectorDropdown.d.ts +2 -2
- package/dist/ContextSelectorDropdown/ContextSelectorDropdown.js +173 -252
- package/dist/ContextSelectorDropdown/ContextSelectorDropdownItem.d.ts +2 -2
- package/dist/ContextSelectorDropdown/ContextSelectorDropdownItem.js +29 -42
- package/dist/ContextSelectorDropdown/utils.d.ts +1 -1
- package/dist/ContextSelectorDropdown/utils.js +9 -5
- package/dist/constants.js +23 -10
- package/dist/hooks/useTexts.d.ts +1 -1
- package/dist/hooks/useTexts.js +37 -35
- package/dist/index.js +4 -1
- package/dist/modules.d.js +1 -1
- package/dist/modules.d.ts +0 -0
- package/package.json +18 -17
package/dist/constants.js
CHANGED
|
@@ -1,10 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import { itemSizes } from "@synerise/ds-list-item";
|
|
2
|
+
const NO_GROUP_NAME = "NO_GROUP_NAME";
|
|
3
|
+
const ITEM_SIZE = {
|
|
4
|
+
[itemSizes.LARGE]: 50,
|
|
5
|
+
[itemSizes.DEFAULT]: 32,
|
|
6
|
+
title: 32
|
|
7
|
+
};
|
|
8
|
+
const DROPDOWN_HEIGHT = 420;
|
|
9
|
+
const DROPDOWN_HEIGHT_BELOW_THRESHOLD = 350;
|
|
10
|
+
const DROPDOWN_HEIGHT_THRESHOLD = 900;
|
|
11
|
+
const SEARCH_HEIGHT = 53;
|
|
12
|
+
const TABS_HEIGHT = 50;
|
|
13
|
+
const SUBGROUP_HEADER_HEIGHT = 53;
|
|
14
|
+
export {
|
|
15
|
+
DROPDOWN_HEIGHT,
|
|
16
|
+
DROPDOWN_HEIGHT_BELOW_THRESHOLD,
|
|
17
|
+
DROPDOWN_HEIGHT_THRESHOLD,
|
|
18
|
+
ITEM_SIZE,
|
|
19
|
+
NO_GROUP_NAME,
|
|
20
|
+
SEARCH_HEIGHT,
|
|
21
|
+
SUBGROUP_HEADER_HEIGHT,
|
|
22
|
+
TABS_HEIGHT
|
|
23
|
+
};
|
package/dist/hooks/useTexts.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ContextTexts } from '../ContextSelector.types';
|
|
2
2
|
export declare const useTexts: (defaultTexts?: Partial<ContextTexts>) => ContextTexts;
|
package/dist/hooks/useTexts.js
CHANGED
|
@@ -1,36 +1,38 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}, [defaultTexts, formatMessage]);
|
|
1
|
+
import { useMemo } from "react";
|
|
2
|
+
import { useIntl } from "react-intl";
|
|
3
|
+
const useTexts = (defaultTexts) => {
|
|
4
|
+
const {
|
|
5
|
+
formatMessage
|
|
6
|
+
} = useIntl();
|
|
7
|
+
const texts = useMemo(() => ({
|
|
8
|
+
buttonLabel: formatMessage({
|
|
9
|
+
id: "DS.CONTEXT-SELECTOR.BUTTON_LABEL",
|
|
10
|
+
defaultMessage: "Choose"
|
|
11
|
+
}),
|
|
12
|
+
searchPlaceholder: formatMessage({
|
|
13
|
+
id: "DS.CONTEXT-SELECTOR.SEARCH_PLACEHOLDER",
|
|
14
|
+
defaultMessage: "Search"
|
|
15
|
+
}),
|
|
16
|
+
noResults: formatMessage({
|
|
17
|
+
id: "DS.CONTEXT-SELECTOR.NO_RESULTS",
|
|
18
|
+
defaultMessage: "No results"
|
|
19
|
+
}),
|
|
20
|
+
showMore: formatMessage({
|
|
21
|
+
id: "DS.CONTEXT-SELECTOR.SHOW_MORE",
|
|
22
|
+
defaultMessage: "Show more"
|
|
23
|
+
}),
|
|
24
|
+
recentItemsGroupName: formatMessage({
|
|
25
|
+
id: "DS.CONTEXT-SELECTOR.RECENT",
|
|
26
|
+
defaultMessage: "Recent"
|
|
27
|
+
}),
|
|
28
|
+
allItemsGroupName: formatMessage({
|
|
29
|
+
id: "DS.CONTEXT-SELECTOR.ALL",
|
|
30
|
+
defaultMessage: "All"
|
|
31
|
+
}),
|
|
32
|
+
...defaultTexts
|
|
33
|
+
}), [defaultTexts, formatMessage]);
|
|
35
34
|
return texts;
|
|
36
|
-
};
|
|
35
|
+
};
|
|
36
|
+
export {
|
|
37
|
+
useTexts
|
|
38
|
+
};
|
package/dist/index.js
CHANGED
package/dist/modules.d.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import "@testing-library/jest-dom";
|
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-context-selector",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.18",
|
|
4
4
|
"description": "ContextSelector UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
"access": "public"
|
|
17
17
|
},
|
|
18
18
|
"scripts": {
|
|
19
|
-
"build": "
|
|
19
|
+
"build": "vite build",
|
|
20
20
|
"build:css": "node ../../../scripts/style/less.js",
|
|
21
21
|
"build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
|
|
22
|
-
"build:watch": "
|
|
22
|
+
"build:watch": "vite build --watch",
|
|
23
23
|
"defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
|
|
24
24
|
"pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
|
|
25
25
|
"prepublish": "pnpm run build",
|
|
@@ -29,26 +29,27 @@
|
|
|
29
29
|
"check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
|
|
30
30
|
"upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
|
|
31
31
|
},
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "c2384982c3533a31eb5e5e0408f8dcecb2b0f399",
|
|
33
33
|
"sideEffects": [
|
|
34
34
|
"dist/style/*",
|
|
35
35
|
"*.less"
|
|
36
36
|
],
|
|
37
37
|
"types": "dist/index.d.ts",
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@synerise/ds-button": "^1.5.
|
|
40
|
-
"@synerise/ds-divider": "^1.3.
|
|
41
|
-
"@synerise/ds-dropdown": "^1.3.
|
|
42
|
-
"@synerise/ds-factors": "^1.11.
|
|
43
|
-
"@synerise/ds-icon": "^1.15.
|
|
44
|
-
"@synerise/ds-information-card": "^1.6.
|
|
45
|
-
"@synerise/ds-list-item": "^1.4.
|
|
46
|
-
"@synerise/ds-popover": "^1.5.
|
|
47
|
-
"@synerise/ds-result": "^1.0.
|
|
48
|
-
"@synerise/ds-scrollbar": "^1.2.
|
|
49
|
-
"@synerise/ds-skeleton": "^1.0.
|
|
50
|
-
"@synerise/ds-tabs": "^1.1.
|
|
51
|
-
"@synerise/ds-utils": "^1.7.
|
|
39
|
+
"@synerise/ds-button": "^1.5.19",
|
|
40
|
+
"@synerise/ds-divider": "^1.3.3",
|
|
41
|
+
"@synerise/ds-dropdown": "^1.3.3",
|
|
42
|
+
"@synerise/ds-factors": "^1.11.13",
|
|
43
|
+
"@synerise/ds-icon": "^1.15.2",
|
|
44
|
+
"@synerise/ds-information-card": "^1.6.6",
|
|
45
|
+
"@synerise/ds-list-item": "^1.4.11",
|
|
46
|
+
"@synerise/ds-popover": "^1.5.3",
|
|
47
|
+
"@synerise/ds-result": "^1.0.50",
|
|
48
|
+
"@synerise/ds-scrollbar": "^1.2.18",
|
|
49
|
+
"@synerise/ds-skeleton": "^1.0.46",
|
|
50
|
+
"@synerise/ds-tabs": "^1.1.25",
|
|
51
|
+
"@synerise/ds-utils": "^1.7.1",
|
|
52
|
+
"react-intl": "^6.8.7",
|
|
52
53
|
"react-window": "1.8.11",
|
|
53
54
|
"uuid": "^8.3.2"
|
|
54
55
|
},
|