@ndla/ui 27.1.7 → 29.0.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/es/Frontpage/FrontpageAllSubjects.js +9 -8
- package/es/Resource/BlockResource.js +22 -13
- package/es/Resource/ListResource.js +24 -15
- package/es/Resource/resourceComponents.js +28 -28
- package/es/TagSelector/Control.js +23 -0
- package/es/TagSelector/DropdownIndicator.js +66 -0
- package/es/TagSelector/Input.js +19 -0
- package/es/TagSelector/Menu.js +26 -0
- package/es/TagSelector/MenuList.js +22 -0
- package/es/TagSelector/Option.js +55 -0
- package/es/TagSelector/SelectContainer.js +18 -0
- package/es/TagSelector/TagSelector.js +161 -100
- package/es/TagSelector/ValueButton.js +46 -0
- package/es/TagSelector/ariaMessages.js +104 -0
- package/es/TagSelector/index.js +2 -1
- package/es/TagSelector/types.js +0 -0
- package/es/TreeStructure/ComboboxButton.js +19 -18
- package/es/TreeStructure/TreeStructure.js +8 -8
- package/es/locale/messages-en.js +46 -8
- package/es/locale/messages-nb.js +57 -19
- package/es/locale/messages-nn.js +56 -18
- package/es/locale/messages-se.js +48 -10
- package/es/locale/messages-sma.js +57 -19
- package/es/model/ContentType.js +23 -1
- package/es/model/SubjectCategories.js +1 -5
- package/es/model/index.js +3 -2
- package/lib/Frontpage/FrontpageAllSubjects.js +10 -8
- package/lib/Resource/BlockResource.d.ts +6 -3
- package/lib/Resource/BlockResource.js +23 -12
- package/lib/Resource/ListResource.d.ts +6 -3
- package/lib/Resource/ListResource.js +25 -14
- package/lib/Resource/resourceComponents.d.ts +6 -3
- package/lib/Resource/resourceComponents.js +30 -30
- package/lib/TagSelector/Control.d.ts +12 -0
- package/lib/TagSelector/Control.js +35 -0
- package/lib/TagSelector/DropdownIndicator.d.ts +12 -0
- package/lib/TagSelector/DropdownIndicator.js +80 -0
- package/lib/TagSelector/Input.d.ts +12 -0
- package/lib/TagSelector/Input.js +33 -0
- package/lib/TagSelector/Menu.d.ts +12 -0
- package/lib/TagSelector/Menu.js +40 -0
- package/lib/TagSelector/MenuList.d.ts +13 -0
- package/lib/TagSelector/MenuList.js +36 -0
- package/lib/TagSelector/Option.d.ts +12 -0
- package/lib/TagSelector/Option.js +61 -0
- package/lib/TagSelector/SelectContainer.d.ts +12 -0
- package/lib/TagSelector/SelectContainer.js +31 -0
- package/lib/TagSelector/TagSelector.d.ts +14 -11
- package/lib/TagSelector/TagSelector.js +165 -96
- package/lib/TagSelector/ValueButton.d.ts +16 -0
- package/lib/TagSelector/ValueButton.js +55 -0
- package/lib/TagSelector/ariaMessages.d.ts +16 -0
- package/lib/TagSelector/ariaMessages.js +113 -0
- package/lib/TagSelector/index.d.ts +2 -1
- package/lib/TagSelector/index.js +3 -5
- package/lib/TagSelector/types.d.ts +11 -0
- package/lib/TagSelector/types.js +1 -0
- package/lib/TreeStructure/ComboboxButton.js +19 -18
- package/lib/TreeStructure/TreeStructure.js +7 -7
- package/lib/locale/messages-en.d.ts +56 -25
- package/lib/locale/messages-en.js +46 -8
- package/lib/locale/messages-nb.d.ts +56 -25
- package/lib/locale/messages-nb.js +57 -19
- package/lib/locale/messages-nn.d.ts +56 -25
- package/lib/locale/messages-nn.js +56 -18
- package/lib/locale/messages-se.d.ts +56 -25
- package/lib/locale/messages-se.js +48 -10
- package/lib/locale/messages-sma.d.ts +56 -25
- package/lib/locale/messages-sma.js +57 -19
- package/lib/model/ContentType.d.ts +18 -0
- package/lib/model/ContentType.js +32 -2
- package/lib/model/SubjectCategories.d.ts +0 -3
- package/lib/model/SubjectCategories.js +3 -10
- package/lib/model/index.d.ts +12 -2
- package/lib/model/index.js +4 -3
- package/package.json +15 -14
- package/src/Frontpage/FrontpageAllSubjects.tsx +5 -2
- package/src/Resource/BlockResource.tsx +18 -11
- package/src/Resource/ListResource.tsx +14 -11
- package/src/Resource/resourceComponents.tsx +13 -14
- package/src/TagSelector/Control.tsx +34 -0
- package/src/TagSelector/DropdownIndicator.tsx +47 -0
- package/src/TagSelector/Input.tsx +31 -0
- package/src/TagSelector/Menu.tsx +38 -0
- package/src/TagSelector/MenuList.tsx +30 -0
- package/src/TagSelector/Option.tsx +53 -0
- package/src/TagSelector/SelectContainer.tsx +32 -0
- package/src/TagSelector/TagSelector.tsx +105 -84
- package/src/TagSelector/ValueButton.tsx +46 -0
- package/src/TagSelector/ariaMessages.ts +87 -0
- package/src/TagSelector/index.ts +2 -1
- package/src/TagSelector/types.ts +12 -0
- package/src/TreeStructure/ComboboxButton.tsx +15 -17
- package/src/TreeStructure/TreeStructure.tsx +2 -11
- package/src/locale/messages-en.ts +46 -9
- package/src/locale/messages-nb.ts +57 -20
- package/src/locale/messages-nn.ts +56 -19
- package/src/locale/messages-se.ts +48 -11
- package/src/locale/messages-sma.ts +57 -20
- package/src/model/ContentType.ts +29 -0
- package/src/model/SubjectCategories.ts +0 -5
- package/src/model/index.ts +2 -1
- package/es/TagSelector/SuggestionInput.js +0 -285
- package/es/TagSelector/Suggestions.js +0 -97
- package/lib/TagSelector/SuggestionInput.d.ts +0 -19
- package/lib/TagSelector/SuggestionInput.js +0 -299
- package/lib/TagSelector/Suggestions.d.ts +0 -12
- package/lib/TagSelector/Suggestions.js +0 -99
- package/src/.DS_Store +0 -0
- package/src/TagSelector/SuggestionInput.tsx +0 -287
- package/src/TagSelector/Suggestions.tsx +0 -139
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022-present, NDLA.
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
export var createAriaMessages = function createAriaMessages(t) {
|
|
9
|
+
return {
|
|
10
|
+
guidance: function guidance(props) {
|
|
11
|
+
var isSearchable = props.isSearchable,
|
|
12
|
+
isMulti = props.isMulti,
|
|
13
|
+
isDisabled = props.isDisabled,
|
|
14
|
+
tabSelectsValue = props.tabSelectsValue,
|
|
15
|
+
context = props.context;
|
|
16
|
+
|
|
17
|
+
switch (context) {
|
|
18
|
+
case 'menu':
|
|
19
|
+
return "".concat(t('tagSelector.aria.guidance.menu.updown')).concat(isDisabled ? '' : ", ".concat(t('tagSelector.aria.guidance.menu.enter')), ", ").concat(t('tagSelector.aria.guidance.menu.escape')).concat(tabSelectsValue ? ", ".concat(t('tagSelector.aria.guidance.menu.tab')) : '', ".");
|
|
20
|
+
|
|
21
|
+
case 'input':
|
|
22
|
+
return "".concat(props['aria-label'] || t('tagSelector.aria.guidance.input.select'), " ").concat(t('tagSelector.aria.guidance.input.focused'), " ").concat(isSearchable ? ", ".concat(t('tagSelector.aria.guidance.input.refine')) : '', ", ").concat(t('tagSelector.aria.guidance.input.down'), ", ").concat(isMulti ? " ".concat(t('tagSelector.aria.guidance.input.left')) : '', ", ").concat(t('tagSelector.aria.guidance.input.space'));
|
|
23
|
+
|
|
24
|
+
case 'value':
|
|
25
|
+
return t('tagSelector.aria.guidance.value');
|
|
26
|
+
|
|
27
|
+
default:
|
|
28
|
+
return '';
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
onChange: function onChange(props) {
|
|
32
|
+
var action = props.action,
|
|
33
|
+
_props$label = props.label,
|
|
34
|
+
label = _props$label === void 0 ? '' : _props$label,
|
|
35
|
+
labels = props.labels,
|
|
36
|
+
isDisabled = props.isDisabled;
|
|
37
|
+
|
|
38
|
+
switch (action) {
|
|
39
|
+
case 'deselect-option':
|
|
40
|
+
case 'pop-value':
|
|
41
|
+
case 'remove-value':
|
|
42
|
+
return t('tagSelector.aria.onChange.deselect', {
|
|
43
|
+
label: label
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
case 'clear':
|
|
47
|
+
return t('tagSelector.aria.onChange.clear');
|
|
48
|
+
|
|
49
|
+
case 'initial-input-focus':
|
|
50
|
+
return t('tagSelector.aria.onChange.initialFocus', {
|
|
51
|
+
labels: labels.join(',')
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
case 'select-option':
|
|
55
|
+
return isDisabled ? t('tagSelector.aria.onChange.selectedDisabled', {
|
|
56
|
+
label: label
|
|
57
|
+
}) : t('tagSelector.aria.onChange.selected', {
|
|
58
|
+
label: label
|
|
59
|
+
});
|
|
60
|
+
|
|
61
|
+
default:
|
|
62
|
+
return '';
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
onFocus: function onFocus(props) {
|
|
66
|
+
var context = props.context,
|
|
67
|
+
focused = props.focused,
|
|
68
|
+
options = props.options,
|
|
69
|
+
_props$label2 = props.label,
|
|
70
|
+
label = _props$label2 === void 0 ? '' : _props$label2,
|
|
71
|
+
selectValue = props.selectValue,
|
|
72
|
+
isDisabled = props.isDisabled,
|
|
73
|
+
isSelected = props.isSelected;
|
|
74
|
+
|
|
75
|
+
var getArrayIndex = function getArrayIndex(arr, item) {
|
|
76
|
+
return arr && arr.length ? "".concat(arr.indexOf(item) + 1, " ").concat(t('tagSelector.aria.onFocus.of'), " ").concat(arr.length) : '';
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
if (context === 'value' && selectValue) {
|
|
80
|
+
return t('tagSelector.aria.onFocus.value', {
|
|
81
|
+
label: label,
|
|
82
|
+
position: getArrayIndex(selectValue, focused)
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
if (context === 'menu') {
|
|
87
|
+
var disabled = isDisabled ? " ".concat(t('tagSelector.aria.disabled')) : '';
|
|
88
|
+
var status = "".concat(isSelected ? t('tagSelector.aria.selected') : t('tagSelector.aria.focused')).concat(disabled);
|
|
89
|
+
return t('tagSelector.aria.onFocus.menu', {
|
|
90
|
+
label: label,
|
|
91
|
+
status: status,
|
|
92
|
+
position: getArrayIndex(options, focused)
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
return '';
|
|
97
|
+
},
|
|
98
|
+
onFilter: function onFilter(props) {
|
|
99
|
+
var inputValue = props.inputValue,
|
|
100
|
+
resultsMessage = props.resultsMessage;
|
|
101
|
+
return "".concat(resultsMessage).concat(inputValue ? " ".concat(t('tagSelector.aria.onFilter'), " ") + inputValue : '', ".");
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
};
|
package/es/TagSelector/index.js
CHANGED
|
File without changes
|
|
@@ -23,14 +23,14 @@ var StyledRow = _styled("div", {
|
|
|
23
23
|
})("display:flex;padding:", spacing.xxsmall, ";align-items:center;border-bottom:", function (_ref) {
|
|
24
24
|
var isOpen = _ref.isOpen;
|
|
25
25
|
return isOpen && "1px solid ".concat(colors.brand.tertiary);
|
|
26
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
26
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbWJvYm94QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjRDIiwiZmlsZSI6IkNvbWJvYm94QnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IEtleWJvYXJkRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VGb3J3YXJkZWRSZWYgfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDaGV2cm9uVXAsIENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBCdXR0b25WMiBhcyBCdXR0b24sIEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHRyZWVzdHJ1Y3R1cmVJZCB9IGZyb20gJy4vaGVscGVyRnVuY3Rpb25zJztcbmltcG9ydCB7IEZvbGRlclR5cGUsIFRyZWVTdHJ1Y3R1cmVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBhcnJvd05hdmlnYXRpb24gfSBmcm9tICcuL2Fycm93TmF2aWdhdGlvbic7XG5cbmludGVyZmFjZSBTdHlsZWRSb3dQcm9wcyB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkUm93ID0gc3R5bGVkLmRpdjxTdHlsZWRSb3dQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyLWJvdHRvbTogJHsoeyBpc09wZW4gfSkgPT4gaXNPcGVuICYmIGAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9YH07XG5gO1xuY29uc3QgU3R5bGVkU2VsZWN0ZWRGb2xkZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgZmxleDogMTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBjb2xvcjogJHtjb2xvcnMuYmxhY2t9O1xuICBib3JkZXI6IG5vbmU7XG4gIDpob3ZlcixcbiAgOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuICA6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1pbi1oZWlnaHQ6IDRyZW07XG4gICAgbWF4LWhlaWdodDogNHJlbTtcbiAgICB0ZXh0LWFsaWduOiBzdGFydDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc2hvd1RyZWU6IGJvb2xlYW47XG4gIHR5cGU6IFRyZWVTdHJ1Y3R1cmVUeXBlO1xuICBsYWJlbD86IHN0cmluZztcbiAgZm9jdXNlZEZvbGRlcj86IEZvbGRlclR5cGU7XG4gIHNlbGVjdGVkRm9sZGVyPzogRm9sZGVyVHlwZTtcbiAgc2V0U2VsZWN0ZWRGb2xkZXI6IChmb2xkZXI6IEZvbGRlclR5cGUpID0+IHZvaWQ7XG4gIG9uVG9nZ2xlVHJlZTogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGZsYXR0ZW5lZEZvbGRlcnM6IEZvbGRlclR5cGVbXTtcbiAgb25PcGVuRm9sZGVyOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgb25DbG9zZUZvbGRlcjogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHNldEZvY3VzZWRGb2xkZXI6IChmb2xkZXI6IEZvbGRlclR5cGUpID0+IHZvaWQ7XG59XG5cbmNvbnN0IENvbWJvYm94QnV0dG9uID0gZm9yd2FyZFJlZjxIVE1MQnV0dG9uRWxlbWVudCwgUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgc2hvd1RyZWUsXG4gICAgICB0eXBlLFxuICAgICAgbGFiZWwsXG4gICAgICBmb2N1c2VkRm9sZGVyLFxuICAgICAgc2VsZWN0ZWRGb2xkZXIsXG4gICAgICBzZXRTZWxlY3RlZEZvbGRlcixcbiAgICAgIG9uVG9nZ2xlVHJlZSxcbiAgICAgIGZsYXR0ZW5lZEZvbGRlcnMsXG4gICAgICBzZXRGb2N1c2VkRm9sZGVyLFxuICAgICAgb25PcGVuRm9sZGVyLFxuICAgICAgb25DbG9zZUZvbGRlcixcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgaW5uZXJSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKTtcblxuICAgIGNvbnN0IG9uS2V5RG93biA9IChlOiBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgICAgaWYgKGUua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgIG9uVG9nZ2xlVHJlZSghc2hvd1RyZWUpO1xuICAgICAgICBpZiAoc2hvd1RyZWUgJiYgZm9jdXNlZEZvbGRlcikge1xuICAgICAgICAgIHNldFNlbGVjdGVkRm9sZGVyKGZvY3VzZWRGb2xkZXIpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGlmIChlLmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgICAgb25Ub2dnbGVUcmVlKGZhbHNlKTtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBpZiAoWydBcnJvd1VwJywgJ0Fycm93RG93biddLmluY2x1ZGVzKGUua2V5KSAmJiAhc2hvd1RyZWUpIHtcbiAgICAgICAgb25Ub2dnbGVUcmVlKHRydWUpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBpZiAoZm9jdXNlZEZvbGRlcikge1xuICAgICAgICBhcnJvd05hdmlnYXRpb24oZSwgZm9jdXNlZEZvbGRlci5pZCwgZmxhdHRlbmVkRm9sZGVycywgc2V0Rm9jdXNlZEZvbGRlciwgb25PcGVuRm9sZGVyLCBvbkNsb3NlRm9sZGVyKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRSb3dcbiAgICAgICAgaXNPcGVuPXtzaG93VHJlZX1cbiAgICAgICAgb25Nb3VzZURvd249eyhlKSA9PiB7XG4gICAgICAgICAgaWYgKCFlLmRlZmF1bHRQcmV2ZW50ZWQpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICBvblRvZ2dsZVRyZWUoIXNob3dUcmVlKTtcbiAgICAgICAgICAgIGlubmVyUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgfVxuICAgICAgICB9fT5cbiAgICAgICAgPFN0eWxlZFNlbGVjdGVkRm9sZGVyXG4gICAgICAgICAgcmVmPXtpbm5lclJlZn1cbiAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICBpZD17dHJlZXN0cnVjdHVyZUlkKHR5cGUsICdjb21ib2JveCcpfVxuICAgICAgICAgIHJvbGU9XCJjb21ib2JveFwiXG4gICAgICAgICAgYXJpYS1jb250cm9scz17dHJlZXN0cnVjdHVyZUlkKHR5cGUsICdwb3B1cCcpfVxuICAgICAgICAgIGFyaWEtaGFzcG9wdXA9XCJ0cmVlXCJcbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtzaG93VHJlZX1cbiAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e2xhYmVsID8gdHJlZXN0cnVjdHVyZUlkKHR5cGUsICdsYWJlbCcpIDogdW5kZWZpbmVkfVxuICAgICAgICAgIGFyaWEtYWN0aXZlZGVzY2VuZGFudD17Zm9jdXNlZEZvbGRlciA/IHRyZWVzdHJ1Y3R1cmVJZCh0eXBlLCBmb2N1c2VkRm9sZGVyLmlkKSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgIGNvbG9yVGhlbWU9XCJsaWdodFwiXG4gICAgICAgICAgZm9udFdlaWdodD1cIm5vcm1hbFwiXG4gICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgb25LZXlEb3duPXtvbktleURvd259PlxuICAgICAgICAgIHtzZWxlY3RlZEZvbGRlcj8ubmFtZX1cbiAgICAgICAgPC9TdHlsZWRTZWxlY3RlZEZvbGRlcj5cbiAgICAgICAgPEljb25CdXR0b24gYXJpYS1oaWRkZW4gYXJpYS1sYWJlbD1cIlwiIHRhYkluZGV4PXstMX0gdmFyaWFudD1cImdob3N0XCIgY29sb3JUaGVtZT1cImdyZXlMaWdodGVyXCIgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAge3Nob3dUcmVlID8gPENoZXZyb25VcCAvPiA6IDxDaGV2cm9uRG93biAvPn1cbiAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPC9TdHlsZWRSb3c+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IENvbWJvYm94QnV0dG9uO1xuIl19 */"));
|
|
27
27
|
|
|
28
28
|
var StyledSelectedFolder = /*#__PURE__*/_styled(Button, {
|
|
29
29
|
target: "e1g7ykt81",
|
|
30
30
|
label: "StyledSelectedFolder"
|
|
31
|
-
})("flex:1;justify-content:flex-start;color:", colors.black, ";:hover,:focus{background:none;box-shadow:none;border-color:transparent;}:focus-visible{outline:none;}", mq.range({
|
|
31
|
+
})("flex:1;justify-content:flex-start;color:", colors.black, ";border:none;:hover,:focus{background:none;box-shadow:none;border-color:transparent;}:focus-visible{outline:none;}", mq.range({
|
|
32
32
|
until: breakpoints.tablet
|
|
33
|
-
}), "{min-height:4rem;max-height:4rem;text-align:start;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
33
|
+
}), "{min-height:4rem;max-height:4rem;text-align:start;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbWJvYm94QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QjJDIiwiZmlsZSI6IkNvbWJvYm94QnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IEtleWJvYXJkRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VGb3J3YXJkZWRSZWYgfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDaGV2cm9uVXAsIENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBCdXR0b25WMiBhcyBCdXR0b24sIEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHRyZWVzdHJ1Y3R1cmVJZCB9IGZyb20gJy4vaGVscGVyRnVuY3Rpb25zJztcbmltcG9ydCB7IEZvbGRlclR5cGUsIFRyZWVTdHJ1Y3R1cmVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQgeyBhcnJvd05hdmlnYXRpb24gfSBmcm9tICcuL2Fycm93TmF2aWdhdGlvbic7XG5cbmludGVyZmFjZSBTdHlsZWRSb3dQcm9wcyB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkUm93ID0gc3R5bGVkLmRpdjxTdHlsZWRSb3dQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm9yZGVyLWJvdHRvbTogJHsoeyBpc09wZW4gfSkgPT4gaXNPcGVuICYmIGAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9YH07XG5gO1xuY29uc3QgU3R5bGVkU2VsZWN0ZWRGb2xkZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgZmxleDogMTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBjb2xvcjogJHtjb2xvcnMuYmxhY2t9O1xuICBib3JkZXI6IG5vbmU7XG4gIDpob3ZlcixcbiAgOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuICA6Zm9jdXMtdmlzaWJsZSB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1pbi1oZWlnaHQ6IDRyZW07XG4gICAgbWF4LWhlaWdodDogNHJlbTtcbiAgICB0ZXh0LWFsaWduOiBzdGFydDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc2hvd1RyZWU6IGJvb2xlYW47XG4gIHR5cGU6IFRyZWVTdHJ1Y3R1cmVUeXBlO1xuICBsYWJlbD86IHN0cmluZztcbiAgZm9jdXNlZEZvbGRlcj86IEZvbGRlclR5cGU7XG4gIHNlbGVjdGVkRm9sZGVyPzogRm9sZGVyVHlwZTtcbiAgc2V0U2VsZWN0ZWRGb2xkZXI6IChmb2xkZXI6IEZvbGRlclR5cGUpID0+IHZvaWQ7XG4gIG9uVG9nZ2xlVHJlZTogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGZsYXR0ZW5lZEZvbGRlcnM6IEZvbGRlclR5cGVbXTtcbiAgb25PcGVuRm9sZGVyOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgb25DbG9zZUZvbGRlcjogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHNldEZvY3VzZWRGb2xkZXI6IChmb2xkZXI6IEZvbGRlclR5cGUpID0+IHZvaWQ7XG59XG5cbmNvbnN0IENvbWJvYm94QnV0dG9uID0gZm9yd2FyZFJlZjxIVE1MQnV0dG9uRWxlbWVudCwgUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgc2hvd1RyZWUsXG4gICAgICB0eXBlLFxuICAgICAgbGFiZWwsXG4gICAgICBmb2N1c2VkRm9sZGVyLFxuICAgICAgc2VsZWN0ZWRGb2xkZXIsXG4gICAgICBzZXRTZWxlY3RlZEZvbGRlcixcbiAgICAgIG9uVG9nZ2xlVHJlZSxcbiAgICAgIGZsYXR0ZW5lZEZvbGRlcnMsXG4gICAgICBzZXRGb2N1c2VkRm9sZGVyLFxuICAgICAgb25PcGVuRm9sZGVyLFxuICAgICAgb25DbG9zZUZvbGRlcixcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgaW5uZXJSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKTtcblxuICAgIGNvbnN0IG9uS2V5RG93biA9IChlOiBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgICAgaWYgKGUua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgIG9uVG9nZ2xlVHJlZSghc2hvd1RyZWUpO1xuICAgICAgICBpZiAoc2hvd1RyZWUgJiYgZm9jdXNlZEZvbGRlcikge1xuICAgICAgICAgIHNldFNlbGVjdGVkRm9sZGVyKGZvY3VzZWRGb2xkZXIpO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGlmIChlLmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgICAgb25Ub2dnbGVUcmVlKGZhbHNlKTtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBpZiAoWydBcnJvd1VwJywgJ0Fycm93RG93biddLmluY2x1ZGVzKGUua2V5KSAmJiAhc2hvd1RyZWUpIHtcbiAgICAgICAgb25Ub2dnbGVUcmVlKHRydWUpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBpZiAoZm9jdXNlZEZvbGRlcikge1xuICAgICAgICBhcnJvd05hdmlnYXRpb24oZSwgZm9jdXNlZEZvbGRlci5pZCwgZmxhdHRlbmVkRm9sZGVycywgc2V0Rm9jdXNlZEZvbGRlciwgb25PcGVuRm9sZGVyLCBvbkNsb3NlRm9sZGVyKTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRSb3dcbiAgICAgICAgaXNPcGVuPXtzaG93VHJlZX1cbiAgICAgICAgb25Nb3VzZURvd249eyhlKSA9PiB7XG4gICAgICAgICAgaWYgKCFlLmRlZmF1bHRQcmV2ZW50ZWQpIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgICBvblRvZ2dsZVRyZWUoIXNob3dUcmVlKTtcbiAgICAgICAgICAgIGlubmVyUmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgfVxuICAgICAgICB9fT5cbiAgICAgICAgPFN0eWxlZFNlbGVjdGVkRm9sZGVyXG4gICAgICAgICAgcmVmPXtpbm5lclJlZn1cbiAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICBpZD17dHJlZXN0cnVjdHVyZUlkKHR5cGUsICdjb21ib2JveCcpfVxuICAgICAgICAgIHJvbGU9XCJjb21ib2JveFwiXG4gICAgICAgICAgYXJpYS1jb250cm9scz17dHJlZXN0cnVjdHVyZUlkKHR5cGUsICdwb3B1cCcpfVxuICAgICAgICAgIGFyaWEtaGFzcG9wdXA9XCJ0cmVlXCJcbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtzaG93VHJlZX1cbiAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9e2xhYmVsID8gdHJlZXN0cnVjdHVyZUlkKHR5cGUsICdsYWJlbCcpIDogdW5kZWZpbmVkfVxuICAgICAgICAgIGFyaWEtYWN0aXZlZGVzY2VuZGFudD17Zm9jdXNlZEZvbGRlciA/IHRyZWVzdHJ1Y3R1cmVJZCh0eXBlLCBmb2N1c2VkRm9sZGVyLmlkKSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgIGNvbG9yVGhlbWU9XCJsaWdodFwiXG4gICAgICAgICAgZm9udFdlaWdodD1cIm5vcm1hbFwiXG4gICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgb25LZXlEb3duPXtvbktleURvd259PlxuICAgICAgICAgIHtzZWxlY3RlZEZvbGRlcj8ubmFtZX1cbiAgICAgICAgPC9TdHlsZWRTZWxlY3RlZEZvbGRlcj5cbiAgICAgICAgPEljb25CdXR0b24gYXJpYS1oaWRkZW4gYXJpYS1sYWJlbD1cIlwiIHRhYkluZGV4PXstMX0gdmFyaWFudD1cImdob3N0XCIgY29sb3JUaGVtZT1cImdyZXlMaWdodGVyXCIgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAge3Nob3dUcmVlID8gPENoZXZyb25VcCAvPiA6IDxDaGV2cm9uRG93biAvPn1cbiAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPC9TdHlsZWRSb3c+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IENvbWJvYm94QnV0dG9uO1xuIl19 */"));
|
|
34
34
|
|
|
35
35
|
var ComboboxButton = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
36
36
|
var showTree = _ref2.showTree,
|
|
@@ -48,6 +48,8 @@ var ComboboxButton = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
48
48
|
|
|
49
49
|
var onKeyDown = function onKeyDown(e) {
|
|
50
50
|
if (e.key === 'Enter') {
|
|
51
|
+
onToggleTree(!showTree);
|
|
52
|
+
|
|
51
53
|
if (showTree && focusedFolder) {
|
|
52
54
|
setSelectedFolder(focusedFolder);
|
|
53
55
|
}
|
|
@@ -57,6 +59,7 @@ var ComboboxButton = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
57
59
|
|
|
58
60
|
if (e.key === 'Escape') {
|
|
59
61
|
onToggleTree(false);
|
|
62
|
+
e.preventDefault();
|
|
60
63
|
return;
|
|
61
64
|
}
|
|
62
65
|
|
|
@@ -71,7 +74,17 @@ var ComboboxButton = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
71
74
|
};
|
|
72
75
|
|
|
73
76
|
return ___EmotionJSX(StyledRow, {
|
|
74
|
-
isOpen: showTree
|
|
77
|
+
isOpen: showTree,
|
|
78
|
+
onMouseDown: function onMouseDown(e) {
|
|
79
|
+
if (!e.defaultPrevented) {
|
|
80
|
+
var _innerRef$current;
|
|
81
|
+
|
|
82
|
+
e.preventDefault();
|
|
83
|
+
e.stopPropagation();
|
|
84
|
+
onToggleTree(!showTree);
|
|
85
|
+
(_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.focus();
|
|
86
|
+
}
|
|
87
|
+
}
|
|
75
88
|
}, ___EmotionJSX(StyledSelectedFolder, {
|
|
76
89
|
ref: innerRef,
|
|
77
90
|
tabIndex: 0,
|
|
@@ -86,26 +99,14 @@ var ComboboxButton = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
86
99
|
colorTheme: "light",
|
|
87
100
|
fontWeight: "normal",
|
|
88
101
|
shape: "sharp",
|
|
89
|
-
onKeyDown: onKeyDown
|
|
90
|
-
onClick: function onClick() {
|
|
91
|
-
var _innerRef$current;
|
|
92
|
-
|
|
93
|
-
(_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.focus();
|
|
94
|
-
onToggleTree(!showTree);
|
|
95
|
-
}
|
|
102
|
+
onKeyDown: onKeyDown
|
|
96
103
|
}, selectedFolder === null || selectedFolder === void 0 ? void 0 : selectedFolder.name), ___EmotionJSX(IconButton, {
|
|
97
104
|
"aria-hidden": true,
|
|
98
105
|
"aria-label": "",
|
|
99
106
|
tabIndex: -1,
|
|
100
107
|
variant: "ghost",
|
|
101
108
|
colorTheme: "greyLighter",
|
|
102
|
-
size: "small"
|
|
103
|
-
onClick: function onClick() {
|
|
104
|
-
var _innerRef$current2;
|
|
105
|
-
|
|
106
|
-
(_innerRef$current2 = innerRef.current) === null || _innerRef$current2 === void 0 ? void 0 : _innerRef$current2.focus();
|
|
107
|
-
onToggleTree(!showTree);
|
|
108
|
-
}
|
|
109
|
+
size: "small"
|
|
109
110
|
}, showTree ? ___EmotionJSX(ChevronUp, null) : ___EmotionJSX(ChevronDown, null)));
|
|
110
111
|
});
|
|
111
112
|
export default ComboboxButton;
|