@salutejs/plasma-new-hope 0.346.2-canary.2462.21631235501.0 → 0.347.0-canary.2456.21632138802.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.
- package/dist/css/cjs/components/Segment/SegmentProvider/SegmentProvider.js +17 -23
- package/dist/css/cjs/components/Segment/SegmentProvider/SegmentProvider.js.map +1 -1
- package/dist/css/es/components/Segment/SegmentProvider/SegmentProvider.js +17 -23
- package/dist/css/es/components/Segment/SegmentProvider/SegmentProvider.js.map +1 -1
- package/dist/emotion/cjs/components/Segment/SegmentProvider/SegmentProvider.js +13 -17
- package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/dist/emotion/es/components/Segment/SegmentProvider/SegmentProvider.js +13 -17
- package/dist/styled-components/cjs/components/Segment/SegmentProvider/SegmentProvider.js +13 -17
- package/dist/styled-components/es/components/Segment/SegmentProvider/SegmentProvider.js +13 -17
- package/package.json +6 -6
- package/types/components/Segment/SegmentProvider/SegmentProvider.d.ts.map +1 -1
- package/types/components/Segment/SegmentProvider/SegmentProvider.types.d.ts +0 -9
- package/types/components/Segment/SegmentProvider/SegmentProvider.types.d.ts.map +1 -1
|
@@ -27,40 +27,34 @@ var useSegment = function useSegment() {
|
|
|
27
27
|
var SegmentProvider = function SegmentProvider(_ref) {
|
|
28
28
|
var children = _ref.children,
|
|
29
29
|
defaultSelected = _ref.defaultSelected,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
onChangeSelected = _ref.onChangeSelected;
|
|
33
|
-
var _useState = React.useState('single'),
|
|
30
|
+
singleSelectedRequired = _ref.singleSelectedRequired;
|
|
31
|
+
var _useState = React.useState(defaultSelected || []),
|
|
34
32
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
var _useState3 = React.useState(
|
|
33
|
+
selectedSegmentItems = _useState2[0],
|
|
34
|
+
setSelectedSegmentItems = _useState2[1];
|
|
35
|
+
var _useState3 = React.useState('single'),
|
|
38
36
|
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
var _useState5 = React.useState(
|
|
37
|
+
selectionMode = _useState4[0],
|
|
38
|
+
setSelectionMode = _useState4[1];
|
|
39
|
+
var _useState5 = React.useState(false),
|
|
42
40
|
_useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
var selected = outerSelected !== null && outerSelected !== void 0 ? outerSelected : selectedSegmentItems;
|
|
41
|
+
disabledGroup = _useState6[0],
|
|
42
|
+
setDisabledGroup = _useState6[1];
|
|
46
43
|
var handleSelect = function handleSelect(label) {
|
|
47
44
|
if (selectionMode !== 'multiple') {
|
|
48
45
|
setSelectedSegmentItems(function (prevSelected) {
|
|
49
46
|
return prevSelected.includes(label) && !singleSelectedRequired ? [] : [label];
|
|
50
47
|
});
|
|
51
|
-
|
|
52
|
-
setSelectedSegmentItems(function (prevSelected) {
|
|
53
|
-
return prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1 ? prevSelected.filter(function (item) {
|
|
54
|
-
return item !== label;
|
|
55
|
-
}) : [].concat(_rollupPluginBabelHelpers.toConsumableArray(prevSelected), [label]);
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
if (onChangeSelected) {
|
|
59
|
-
onChangeSelected(label);
|
|
48
|
+
return;
|
|
60
49
|
}
|
|
50
|
+
setSelectedSegmentItems(function (prevSelected) {
|
|
51
|
+
return prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1 ? prevSelected.filter(function (item) {
|
|
52
|
+
return item !== label;
|
|
53
|
+
}) : [].concat(_rollupPluginBabelHelpers.toConsumableArray(prevSelected), [label]);
|
|
54
|
+
});
|
|
61
55
|
};
|
|
62
56
|
var contextValue = {
|
|
63
|
-
selectedSegmentItems:
|
|
57
|
+
selectedSegmentItems: selectedSegmentItems,
|
|
64
58
|
setSelectedSegmentItems: setSelectedSegmentItems,
|
|
65
59
|
handleSelect: handleSelect,
|
|
66
60
|
selectionMode: selectionMode,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentProvider.js","sources":["../../../../../../src/components/Segment/SegmentProvider/SegmentProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react';\nimport type { FC } from 'react';\n\nimport { SegmentContextType, SegmentProviderProps, SegmentSelectionMode } from './SegmentProvider.types';\n\nexport const SegmentContext = createContext<SegmentContextType | undefined>(undefined);\n\nexport const useSegmentInner = () => {\n const context = useContext(SegmentContext);\n if (!context) {\n throw new Error('useSegment must be used within a SegmentProvider');\n }\n return context;\n};\n\nexport const useSegment = () => {\n const { selectedSegmentItems } = useSegmentInner();\n return { selectedSegmentItems };\n};\n\nexport const SegmentProvider: FC<SegmentProviderProps> = ({
|
|
1
|
+
{"version":3,"file":"SegmentProvider.js","sources":["../../../../../../src/components/Segment/SegmentProvider/SegmentProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react';\nimport type { FC } from 'react';\n\nimport { SegmentContextType, SegmentProviderProps, SegmentSelectionMode } from './SegmentProvider.types';\n\nexport const SegmentContext = createContext<SegmentContextType | undefined>(undefined);\n\nexport const useSegmentInner = () => {\n const context = useContext(SegmentContext);\n if (!context) {\n throw new Error('useSegment must be used within a SegmentProvider');\n }\n return context;\n};\n\nexport const useSegment = () => {\n const { selectedSegmentItems } = useSegmentInner();\n return { selectedSegmentItems };\n};\n\nexport const SegmentProvider: FC<SegmentProviderProps> = ({ children, defaultSelected, singleSelectedRequired }) => {\n const [selectedSegmentItems, setSelectedSegmentItems] = useState<string[]>(defaultSelected || []);\n const [selectionMode, setSelectionMode] = useState<SegmentSelectionMode>('single');\n const [disabledGroup, setDisabledGroup] = useState(false);\n\n const handleSelect = (label: string) => {\n if (selectionMode !== 'multiple') {\n setSelectedSegmentItems((prevSelected) =>\n prevSelected.includes(label) && !singleSelectedRequired ? [] : [label],\n );\n\n return;\n }\n\n setSelectedSegmentItems((prevSelected) =>\n prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1\n ? prevSelected.filter((item) => item !== label)\n : [...prevSelected, label],\n );\n };\n\n const contextValue: SegmentContextType = {\n selectedSegmentItems,\n setSelectedSegmentItems,\n handleSelect,\n selectionMode,\n setSelectionMode,\n disabledGroup,\n setDisabledGroup,\n };\n\n return <SegmentContext.Provider value={contextValue}>{children}</SegmentContext.Provider>;\n};\n"],"names":["SegmentContext","createContext","undefined","useSegmentInner","context","useContext","Error","useSegment","_useSegmentInner","selectedSegmentItems","SegmentProvider","_ref","children","defaultSelected","singleSelectedRequired","_useState","useState","_useState2","_slicedToArray","setSelectedSegmentItems","_useState3","_useState4","selectionMode","setSelectionMode","_useState5","_useState6","disabledGroup","setDisabledGroup","handleSelect","label","prevSelected","includes","length","filter","item","concat","_toConsumableArray","contextValue","React","createElement","Provider","value"],"mappings":"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"}
|
|
@@ -19,40 +19,34 @@ var useSegment = function useSegment() {
|
|
|
19
19
|
var SegmentProvider = function SegmentProvider(_ref) {
|
|
20
20
|
var children = _ref.children,
|
|
21
21
|
defaultSelected = _ref.defaultSelected,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
onChangeSelected = _ref.onChangeSelected;
|
|
25
|
-
var _useState = useState('single'),
|
|
22
|
+
singleSelectedRequired = _ref.singleSelectedRequired;
|
|
23
|
+
var _useState = useState(defaultSelected || []),
|
|
26
24
|
_useState2 = _slicedToArray(_useState, 2),
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
var _useState3 = useState(
|
|
25
|
+
selectedSegmentItems = _useState2[0],
|
|
26
|
+
setSelectedSegmentItems = _useState2[1];
|
|
27
|
+
var _useState3 = useState('single'),
|
|
30
28
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var _useState5 = useState(
|
|
29
|
+
selectionMode = _useState4[0],
|
|
30
|
+
setSelectionMode = _useState4[1];
|
|
31
|
+
var _useState5 = useState(false),
|
|
34
32
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
var selected = outerSelected !== null && outerSelected !== void 0 ? outerSelected : selectedSegmentItems;
|
|
33
|
+
disabledGroup = _useState6[0],
|
|
34
|
+
setDisabledGroup = _useState6[1];
|
|
38
35
|
var handleSelect = function handleSelect(label) {
|
|
39
36
|
if (selectionMode !== 'multiple') {
|
|
40
37
|
setSelectedSegmentItems(function (prevSelected) {
|
|
41
38
|
return prevSelected.includes(label) && !singleSelectedRequired ? [] : [label];
|
|
42
39
|
});
|
|
43
|
-
|
|
44
|
-
setSelectedSegmentItems(function (prevSelected) {
|
|
45
|
-
return prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1 ? prevSelected.filter(function (item) {
|
|
46
|
-
return item !== label;
|
|
47
|
-
}) : [].concat(_toConsumableArray(prevSelected), [label]);
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
if (onChangeSelected) {
|
|
51
|
-
onChangeSelected(label);
|
|
40
|
+
return;
|
|
52
41
|
}
|
|
42
|
+
setSelectedSegmentItems(function (prevSelected) {
|
|
43
|
+
return prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1 ? prevSelected.filter(function (item) {
|
|
44
|
+
return item !== label;
|
|
45
|
+
}) : [].concat(_toConsumableArray(prevSelected), [label]);
|
|
46
|
+
});
|
|
53
47
|
};
|
|
54
48
|
var contextValue = {
|
|
55
|
-
selectedSegmentItems:
|
|
49
|
+
selectedSegmentItems: selectedSegmentItems,
|
|
56
50
|
setSelectedSegmentItems: setSelectedSegmentItems,
|
|
57
51
|
handleSelect: handleSelect,
|
|
58
52
|
selectionMode: selectionMode,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentProvider.js","sources":["../../../../../../src/components/Segment/SegmentProvider/SegmentProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react';\nimport type { FC } from 'react';\n\nimport { SegmentContextType, SegmentProviderProps, SegmentSelectionMode } from './SegmentProvider.types';\n\nexport const SegmentContext = createContext<SegmentContextType | undefined>(undefined);\n\nexport const useSegmentInner = () => {\n const context = useContext(SegmentContext);\n if (!context) {\n throw new Error('useSegment must be used within a SegmentProvider');\n }\n return context;\n};\n\nexport const useSegment = () => {\n const { selectedSegmentItems } = useSegmentInner();\n return { selectedSegmentItems };\n};\n\nexport const SegmentProvider: FC<SegmentProviderProps> = ({
|
|
1
|
+
{"version":3,"file":"SegmentProvider.js","sources":["../../../../../../src/components/Segment/SegmentProvider/SegmentProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react';\nimport type { FC } from 'react';\n\nimport { SegmentContextType, SegmentProviderProps, SegmentSelectionMode } from './SegmentProvider.types';\n\nexport const SegmentContext = createContext<SegmentContextType | undefined>(undefined);\n\nexport const useSegmentInner = () => {\n const context = useContext(SegmentContext);\n if (!context) {\n throw new Error('useSegment must be used within a SegmentProvider');\n }\n return context;\n};\n\nexport const useSegment = () => {\n const { selectedSegmentItems } = useSegmentInner();\n return { selectedSegmentItems };\n};\n\nexport const SegmentProvider: FC<SegmentProviderProps> = ({ children, defaultSelected, singleSelectedRequired }) => {\n const [selectedSegmentItems, setSelectedSegmentItems] = useState<string[]>(defaultSelected || []);\n const [selectionMode, setSelectionMode] = useState<SegmentSelectionMode>('single');\n const [disabledGroup, setDisabledGroup] = useState(false);\n\n const handleSelect = (label: string) => {\n if (selectionMode !== 'multiple') {\n setSelectedSegmentItems((prevSelected) =>\n prevSelected.includes(label) && !singleSelectedRequired ? [] : [label],\n );\n\n return;\n }\n\n setSelectedSegmentItems((prevSelected) =>\n prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1\n ? prevSelected.filter((item) => item !== label)\n : [...prevSelected, label],\n );\n };\n\n const contextValue: SegmentContextType = {\n selectedSegmentItems,\n setSelectedSegmentItems,\n handleSelect,\n selectionMode,\n setSelectionMode,\n disabledGroup,\n setDisabledGroup,\n };\n\n return <SegmentContext.Provider value={contextValue}>{children}</SegmentContext.Provider>;\n};\n"],"names":["SegmentContext","createContext","undefined","useSegmentInner","context","useContext","Error","useSegment","_useSegmentInner","selectedSegmentItems","SegmentProvider","_ref","children","defaultSelected","singleSelectedRequired","_useState","useState","_useState2","_slicedToArray","setSelectedSegmentItems","_useState3","_useState4","selectionMode","setSelectionMode","_useState5","_useState6","disabledGroup","setDisabledGroup","handleSelect","label","prevSelected","includes","length","filter","item","concat","_toConsumableArray","contextValue","React","createElement","Provider","value"],"mappings":"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"}
|
|
@@ -137,11 +137,10 @@ var useSegment = function useSegment() {
|
|
|
137
137
|
};
|
|
138
138
|
};
|
|
139
139
|
var SegmentProvider = function SegmentProvider(param) {
|
|
140
|
-
var children = param.children, defaultSelected = param.defaultSelected,
|
|
141
|
-
var _useState = _sliced_to_array((0, _react.useState)(
|
|
142
|
-
var _useState1 = _sliced_to_array((0, _react.useState)(
|
|
143
|
-
var _useState2 = _sliced_to_array((0, _react.useState)(
|
|
144
|
-
var selected = outerSelected !== null && outerSelected !== void 0 ? outerSelected : selectedSegmentItems;
|
|
140
|
+
var children = param.children, defaultSelected = param.defaultSelected, singleSelectedRequired = param.singleSelectedRequired;
|
|
141
|
+
var _useState = _sliced_to_array((0, _react.useState)(defaultSelected || []), 2), selectedSegmentItems = _useState[0], setSelectedSegmentItems = _useState[1];
|
|
142
|
+
var _useState1 = _sliced_to_array((0, _react.useState)('single'), 2), selectionMode = _useState1[0], setSelectionMode = _useState1[1];
|
|
143
|
+
var _useState2 = _sliced_to_array((0, _react.useState)(false), 2), disabledGroup = _useState2[0], setDisabledGroup = _useState2[1];
|
|
145
144
|
var handleSelect = function handleSelect(label) {
|
|
146
145
|
if (selectionMode !== 'multiple') {
|
|
147
146
|
setSelectedSegmentItems(function(prevSelected) {
|
|
@@ -149,21 +148,18 @@ var SegmentProvider = function SegmentProvider(param) {
|
|
|
149
148
|
label
|
|
150
149
|
];
|
|
151
150
|
});
|
|
152
|
-
|
|
153
|
-
setSelectedSegmentItems(function(prevSelected) {
|
|
154
|
-
return prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1 ? prevSelected.filter(function(item) {
|
|
155
|
-
return item !== label;
|
|
156
|
-
}) : _to_consumable_array(prevSelected).concat([
|
|
157
|
-
label
|
|
158
|
-
]);
|
|
159
|
-
});
|
|
160
|
-
}
|
|
161
|
-
if (onChangeSelected) {
|
|
162
|
-
onChangeSelected(label);
|
|
151
|
+
return;
|
|
163
152
|
}
|
|
153
|
+
setSelectedSegmentItems(function(prevSelected) {
|
|
154
|
+
return prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1 ? prevSelected.filter(function(item) {
|
|
155
|
+
return item !== label;
|
|
156
|
+
}) : _to_consumable_array(prevSelected).concat([
|
|
157
|
+
label
|
|
158
|
+
]);
|
|
159
|
+
});
|
|
164
160
|
};
|
|
165
161
|
var contextValue = {
|
|
166
|
-
selectedSegmentItems:
|
|
162
|
+
selectedSegmentItems: selectedSegmentItems,
|
|
167
163
|
setSelectedSegmentItems: setSelectedSegmentItems,
|
|
168
164
|
handleSelect: handleSelect,
|
|
169
165
|
selectionMode: selectionMode,
|
|
@@ -1 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Combobox", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return Combobox;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _engines = require("../../../engines");
|
|
12
|
+
var _ = require("../../..");
|
|
13
|
+
var _Comboboxconfig = require("./Combobox.config");
|
|
14
|
+
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
|
15
|
+
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
|
16
|
+
var Combobox = ComboboxComponent;
|
|
@@ -72,11 +72,10 @@ export var useSegment = function useSegment() {
|
|
|
72
72
|
};
|
|
73
73
|
};
|
|
74
74
|
export var SegmentProvider = function SegmentProvider(param) {
|
|
75
|
-
var children = param.children, defaultSelected = param.defaultSelected,
|
|
76
|
-
var _useState = _sliced_to_array(useState(
|
|
77
|
-
var _useState1 = _sliced_to_array(useState(
|
|
78
|
-
var _useState2 = _sliced_to_array(useState(
|
|
79
|
-
var selected = outerSelected !== null && outerSelected !== void 0 ? outerSelected : selectedSegmentItems;
|
|
75
|
+
var children = param.children, defaultSelected = param.defaultSelected, singleSelectedRequired = param.singleSelectedRequired;
|
|
76
|
+
var _useState = _sliced_to_array(useState(defaultSelected || []), 2), selectedSegmentItems = _useState[0], setSelectedSegmentItems = _useState[1];
|
|
77
|
+
var _useState1 = _sliced_to_array(useState('single'), 2), selectionMode = _useState1[0], setSelectionMode = _useState1[1];
|
|
78
|
+
var _useState2 = _sliced_to_array(useState(false), 2), disabledGroup = _useState2[0], setDisabledGroup = _useState2[1];
|
|
80
79
|
var handleSelect = function handleSelect(label) {
|
|
81
80
|
if (selectionMode !== 'multiple') {
|
|
82
81
|
setSelectedSegmentItems(function(prevSelected) {
|
|
@@ -84,21 +83,18 @@ export var SegmentProvider = function SegmentProvider(param) {
|
|
|
84
83
|
label
|
|
85
84
|
];
|
|
86
85
|
});
|
|
87
|
-
|
|
88
|
-
setSelectedSegmentItems(function(prevSelected) {
|
|
89
|
-
return prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1 ? prevSelected.filter(function(item) {
|
|
90
|
-
return item !== label;
|
|
91
|
-
}) : _to_consumable_array(prevSelected).concat([
|
|
92
|
-
label
|
|
93
|
-
]);
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
if (onChangeSelected) {
|
|
97
|
-
onChangeSelected(label);
|
|
86
|
+
return;
|
|
98
87
|
}
|
|
88
|
+
setSelectedSegmentItems(function(prevSelected) {
|
|
89
|
+
return prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1 ? prevSelected.filter(function(item) {
|
|
90
|
+
return item !== label;
|
|
91
|
+
}) : _to_consumable_array(prevSelected).concat([
|
|
92
|
+
label
|
|
93
|
+
]);
|
|
94
|
+
});
|
|
99
95
|
};
|
|
100
96
|
var contextValue = {
|
|
101
|
-
selectedSegmentItems:
|
|
97
|
+
selectedSegmentItems: selectedSegmentItems,
|
|
102
98
|
setSelectedSegmentItems: setSelectedSegmentItems,
|
|
103
99
|
handleSelect: handleSelect,
|
|
104
100
|
selectionMode: selectionMode,
|
|
@@ -137,11 +137,10 @@ var useSegment = function useSegment() {
|
|
|
137
137
|
};
|
|
138
138
|
};
|
|
139
139
|
var SegmentProvider = function SegmentProvider(param) {
|
|
140
|
-
var children = param.children, defaultSelected = param.defaultSelected,
|
|
141
|
-
var _useState = _sliced_to_array((0, _react.useState)(
|
|
142
|
-
var _useState1 = _sliced_to_array((0, _react.useState)(
|
|
143
|
-
var _useState2 = _sliced_to_array((0, _react.useState)(
|
|
144
|
-
var selected = outerSelected !== null && outerSelected !== void 0 ? outerSelected : selectedSegmentItems;
|
|
140
|
+
var children = param.children, defaultSelected = param.defaultSelected, singleSelectedRequired = param.singleSelectedRequired;
|
|
141
|
+
var _useState = _sliced_to_array((0, _react.useState)(defaultSelected || []), 2), selectedSegmentItems = _useState[0], setSelectedSegmentItems = _useState[1];
|
|
142
|
+
var _useState1 = _sliced_to_array((0, _react.useState)('single'), 2), selectionMode = _useState1[0], setSelectionMode = _useState1[1];
|
|
143
|
+
var _useState2 = _sliced_to_array((0, _react.useState)(false), 2), disabledGroup = _useState2[0], setDisabledGroup = _useState2[1];
|
|
145
144
|
var handleSelect = function handleSelect(label) {
|
|
146
145
|
if (selectionMode !== 'multiple') {
|
|
147
146
|
setSelectedSegmentItems(function(prevSelected) {
|
|
@@ -149,21 +148,18 @@ var SegmentProvider = function SegmentProvider(param) {
|
|
|
149
148
|
label
|
|
150
149
|
];
|
|
151
150
|
});
|
|
152
|
-
|
|
153
|
-
setSelectedSegmentItems(function(prevSelected) {
|
|
154
|
-
return prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1 ? prevSelected.filter(function(item) {
|
|
155
|
-
return item !== label;
|
|
156
|
-
}) : _to_consumable_array(prevSelected).concat([
|
|
157
|
-
label
|
|
158
|
-
]);
|
|
159
|
-
});
|
|
160
|
-
}
|
|
161
|
-
if (onChangeSelected) {
|
|
162
|
-
onChangeSelected(label);
|
|
151
|
+
return;
|
|
163
152
|
}
|
|
153
|
+
setSelectedSegmentItems(function(prevSelected) {
|
|
154
|
+
return prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1 ? prevSelected.filter(function(item) {
|
|
155
|
+
return item !== label;
|
|
156
|
+
}) : _to_consumable_array(prevSelected).concat([
|
|
157
|
+
label
|
|
158
|
+
]);
|
|
159
|
+
});
|
|
164
160
|
};
|
|
165
161
|
var contextValue = {
|
|
166
|
-
selectedSegmentItems:
|
|
162
|
+
selectedSegmentItems: selectedSegmentItems,
|
|
167
163
|
setSelectedSegmentItems: setSelectedSegmentItems,
|
|
168
164
|
handleSelect: handleSelect,
|
|
169
165
|
selectionMode: selectionMode,
|
|
@@ -72,11 +72,10 @@ export var useSegment = function useSegment() {
|
|
|
72
72
|
};
|
|
73
73
|
};
|
|
74
74
|
export var SegmentProvider = function SegmentProvider(param) {
|
|
75
|
-
var children = param.children, defaultSelected = param.defaultSelected,
|
|
76
|
-
var _useState = _sliced_to_array(useState(
|
|
77
|
-
var _useState1 = _sliced_to_array(useState(
|
|
78
|
-
var _useState2 = _sliced_to_array(useState(
|
|
79
|
-
var selected = outerSelected !== null && outerSelected !== void 0 ? outerSelected : selectedSegmentItems;
|
|
75
|
+
var children = param.children, defaultSelected = param.defaultSelected, singleSelectedRequired = param.singleSelectedRequired;
|
|
76
|
+
var _useState = _sliced_to_array(useState(defaultSelected || []), 2), selectedSegmentItems = _useState[0], setSelectedSegmentItems = _useState[1];
|
|
77
|
+
var _useState1 = _sliced_to_array(useState('single'), 2), selectionMode = _useState1[0], setSelectionMode = _useState1[1];
|
|
78
|
+
var _useState2 = _sliced_to_array(useState(false), 2), disabledGroup = _useState2[0], setDisabledGroup = _useState2[1];
|
|
80
79
|
var handleSelect = function handleSelect(label) {
|
|
81
80
|
if (selectionMode !== 'multiple') {
|
|
82
81
|
setSelectedSegmentItems(function(prevSelected) {
|
|
@@ -84,21 +83,18 @@ export var SegmentProvider = function SegmentProvider(param) {
|
|
|
84
83
|
label
|
|
85
84
|
];
|
|
86
85
|
});
|
|
87
|
-
|
|
88
|
-
setSelectedSegmentItems(function(prevSelected) {
|
|
89
|
-
return prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1 ? prevSelected.filter(function(item) {
|
|
90
|
-
return item !== label;
|
|
91
|
-
}) : _to_consumable_array(prevSelected).concat([
|
|
92
|
-
label
|
|
93
|
-
]);
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
if (onChangeSelected) {
|
|
97
|
-
onChangeSelected(label);
|
|
86
|
+
return;
|
|
98
87
|
}
|
|
88
|
+
setSelectedSegmentItems(function(prevSelected) {
|
|
89
|
+
return prevSelected.includes(label) && !singleSelectedRequired && prevSelected.length !== 1 ? prevSelected.filter(function(item) {
|
|
90
|
+
return item !== label;
|
|
91
|
+
}) : _to_consumable_array(prevSelected).concat([
|
|
92
|
+
label
|
|
93
|
+
]);
|
|
94
|
+
});
|
|
99
95
|
};
|
|
100
96
|
var contextValue = {
|
|
101
|
-
selectedSegmentItems:
|
|
97
|
+
selectedSegmentItems: selectedSegmentItems,
|
|
102
98
|
setSelectedSegmentItems: setSelectedSegmentItems,
|
|
103
99
|
handleSelect: handleSelect,
|
|
104
100
|
selectionMode: selectionMode,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.347.0-canary.2456.21632138802.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -92,9 +92,9 @@
|
|
|
92
92
|
"@rollup/plugin-babel": "^6.0.4",
|
|
93
93
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
94
94
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
95
|
-
"@salutejs/plasma-cy-utils": "0.
|
|
96
|
-
"@salutejs/plasma-sb-utils": "0.
|
|
97
|
-
"@salutejs/plasma-themes": "0.40.0-
|
|
95
|
+
"@salutejs/plasma-cy-utils": "0.145.0-canary.2456.21632138802.0",
|
|
96
|
+
"@salutejs/plasma-sb-utils": "0.215.0-canary.2456.21632138802.0",
|
|
97
|
+
"@salutejs/plasma-themes": "0.40.0-canary.2456.21632138802.0",
|
|
98
98
|
"@types/lodash": "^4.14.191",
|
|
99
99
|
"@types/lodash.chunk": "4.2.9",
|
|
100
100
|
"@types/lodash.throttle": "4.1.6",
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
"@linaria/react": "5.0.3",
|
|
123
123
|
"@popperjs/core": "2.11.8",
|
|
124
124
|
"@salutejs/input-core": "2.1.2",
|
|
125
|
-
"@salutejs/plasma-core": "1.
|
|
125
|
+
"@salutejs/plasma-core": "1.215.0-canary.2456.21632138802.0",
|
|
126
126
|
"@salutejs/react-maskinput": "3.3.2",
|
|
127
127
|
"@tanstack/react-table": "8.21.2",
|
|
128
128
|
"@tanstack/react-virtual": "3.13.2",
|
|
@@ -142,5 +142,5 @@
|
|
|
142
142
|
"sideEffects": [
|
|
143
143
|
"*.css"
|
|
144
144
|
],
|
|
145
|
-
"gitHead": "
|
|
145
|
+
"gitHead": "14575ddc29d78d36091428bb5b5798f38cbc02ad"
|
|
146
146
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Segment/SegmentProvider/SegmentProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AACnE,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAwB,MAAM,yBAAyB,CAAC;AAEzG,eAAO,MAAM,cAAc,+CAA2D,CAAC;AAEvF,eAAO,MAAM,eAAe,0BAM3B,CAAC;AAEF,eAAO,MAAM,UAAU;;CAGtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"SegmentProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Segment/SegmentProvider/SegmentProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AACnE,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAwB,MAAM,yBAAyB,CAAC;AAEzG,eAAO,MAAM,cAAc,+CAA2D,CAAC;AAEvF,eAAO,MAAM,eAAe,0BAM3B,CAAC;AAEF,eAAO,MAAM,UAAU;;CAGtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAgCpD,CAAC"}
|
|
@@ -6,15 +6,6 @@ export type SegmentProviderProps = {
|
|
|
6
6
|
* Передается массив value сегментов, выбранных по умолчанию
|
|
7
7
|
*/
|
|
8
8
|
defaultSelected?: Array<string>;
|
|
9
|
-
/**
|
|
10
|
-
* Выбранные сегменты.
|
|
11
|
-
* Передается массив value сегментов
|
|
12
|
-
*/
|
|
13
|
-
selected?: Array<string>;
|
|
14
|
-
/**
|
|
15
|
-
* Обработчик изменения выюранных сегментов
|
|
16
|
-
*/
|
|
17
|
-
onChangeSelected?: (selectedLabel: string) => void;
|
|
18
9
|
/**
|
|
19
10
|
* Один сегмент должен быть обязательно выбран.
|
|
20
11
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentProvider.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Segment/SegmentProvider/SegmentProvider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEzE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEzD,MAAM,MAAM,oBAAoB,GAAG;IAC/B;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC
|
|
1
|
+
{"version":3,"file":"SegmentProvider.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Segment/SegmentProvider/SegmentProvider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEzE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEzD,MAAM,MAAM,oBAAoB,GAAG;IAC/B;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC,GAAG,iBAAiB,CAAC;AAEtB,MAAM,MAAM,kBAAkB,GAAG;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACpD,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,uBAAuB,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC5D,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,EAAE,oBAAoB,CAAC;IACpC,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC,CAAC;CACpE,CAAC"}
|