td-stylekit 26.24.2 → 26.25.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/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# [26.25.0](https://github.com/treasure-data/td-stylekit/compare/v26.24.2...v26.25.0) (2022-08-31)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* **CON-10500:** Drawer toggling updates and alterations ([#1322](https://github.com/treasure-data/td-stylekit/issues/1322)) ([0b852af](https://github.com/treasure-data/td-stylekit/commit/0b852af))
|
|
7
|
+
|
|
1
8
|
## [26.24.2](https://github.com/treasure-data/td-stylekit/compare/v26.24.1...v26.24.2) (2022-08-26)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -5,9 +5,11 @@ export declare type CollapsibleToggleProps = {
|
|
|
5
5
|
'data-instrumentation'?: string;
|
|
6
6
|
onClick: (event: SyntheticEvent<HTMLDivElement> | SyntheticEvent<HTMLButtonElement>) => void;
|
|
7
7
|
openLeft?: boolean;
|
|
8
|
+
openRight?: boolean;
|
|
9
|
+
topToggle?: boolean;
|
|
8
10
|
hiddenLabel?: string;
|
|
9
11
|
};
|
|
10
|
-
declare function CollapsibleToggle({ id, 'data-instrumentation': dataInstrumentation, isClosed, hiddenLabel, onClick, openLeft }: CollapsibleToggleProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function CollapsibleToggle({ id, 'data-instrumentation': dataInstrumentation, isClosed, hiddenLabel, onClick, openLeft, topToggle, openRight }: CollapsibleToggleProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
11
13
|
declare namespace CollapsibleToggle {
|
|
12
14
|
var defaultProps: {
|
|
13
15
|
'data-instrumentation': string;
|
|
@@ -25,6 +25,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
25
25
|
|
|
26
26
|
if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
27
27
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
28
|
+
// openLeft is used for v4
|
|
28
29
|
var Highlight = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV === "production" ? {
|
|
29
30
|
target: "ezxmtq91"
|
|
30
31
|
} : {
|
|
@@ -32,12 +33,13 @@ var Highlight = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV
|
|
|
32
33
|
label: "Highlight"
|
|
33
34
|
})(function (_ref) {
|
|
34
35
|
var theme = _ref.theme,
|
|
35
|
-
openLeft = _ref.openLeft
|
|
36
|
+
openLeft = _ref.openLeft,
|
|
37
|
+
openRight = _ref.openRight;
|
|
36
38
|
return {
|
|
37
39
|
width: 1,
|
|
38
40
|
minWidth: 1,
|
|
39
41
|
minHeight: '100%',
|
|
40
|
-
position: 'relative',
|
|
42
|
+
position: openRight ? 'absolute' : 'relative',
|
|
41
43
|
top: 0,
|
|
42
44
|
bottom: 0,
|
|
43
45
|
left: openLeft ? 1 : -1,
|
|
@@ -51,7 +53,7 @@ var Highlight = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV
|
|
|
51
53
|
color: theme.palette.primary[4]
|
|
52
54
|
})
|
|
53
55
|
};
|
|
54
|
-
}, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.CollapsibleToggle.Root), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
56
|
+
}, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.CollapsibleToggle.Root), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Db2xsYXBzaWJsZVRvZ2dsZS9Db2xsYXBzaWJsZVRvZ2dsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2tCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Db2xsYXBzaWJsZVRvZ2dsZS9Db2xsYXBzaWJsZVRvZ2dsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFN5bnRoZXRpY0V2ZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vQnV0dG9uJ1xuaW1wb3J0IEljb24gZnJvbSAnLi4vSWNvbidcbmltcG9ydCB7IGdldE92ZXJyaWRlcywgT3ZlcnJpZGFibGUgfSBmcm9tICcuLi9UaGVtZVByb3ZpZGVyJ1xuaW1wb3J0IHsgSElHSExJR0hUX0NMQVNTTkFNRSB9IGZyb20gJy4vY29uc3RhbnRzJ1xuaW1wb3J0IFZpc3VhbGx5SGlkZGVuIGZyb20gJy4uL1Zpc3VhbGx5SGlkZGVuJ1xuXG4vLyBvcGVuTGVmdCBpcyB1c2VkIGZvciB2NFxuY29uc3QgSGlnaGxpZ2h0ID0gc3R5bGVkKCdkaXYnKTx7IG9wZW5MZWZ0PzogYm9vbGVhbjsgb3BlblJpZ2h0PzogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIG9wZW5MZWZ0LCBvcGVuUmlnaHQgfSkgPT4gKHtcbiAgICB3aWR0aDogMSxcbiAgICBtaW5XaWR0aDogMSxcbiAgICBtaW5IZWlnaHQ6ICcxMDAlJyxcbiAgICBwb3NpdGlvbjogb3BlblJpZ2h0ID8gJ2Fic29sdXRlJyA6ICdyZWxhdGl2ZScsXG4gICAgdG9wOiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICBsZWZ0OiBvcGVuTGVmdCA/IDEgOiAtMSxcbiAgICB6SW5kZXg6IHRoZW1lLnpJbmRleC5TZWNvbmRhcnlOYXZBY3RpdmVJdGVtLFxuICAgICcmOmhvdmVyJzoge1xuICAgICAgYmFja2dyb3VuZDogJ25vbmUnLFxuICAgICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgICBbYCYgIC4ke0hJR0hMSUdIVF9DTEFTU05BTUV9YF06IHtcbiAgICAgICAgb3V0bGluZTogJ25vbmUnLFxuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5wYWxldHRlLnByaW1hcnlbMV0sXG4gICAgICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnlbNF1cbiAgICAgIH1cbiAgICB9XG4gIH0pLFxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuQ29sbGFwc2libGVUb2dnbGUuUm9vdClcbilcblxuY29uc3QgVG9nZ2xlQnV0dG9uID0gc3R5bGVkKEJ1dHRvbiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiBwcm9wICE9PSAnaXNDbG9zZWQnXG59KTx7IGlzQ2xvc2VkPzogYm9vbGVhbjsgdG9wVG9nZ2xlPzogYm9vbGVhbiB9PihcbiAgKHsgaXNDbG9zZWQsIHRoZW1lLCB0b3BUb2dnbGUgfSkgPT4gKHtcbiAgICBib3hTaGFkb3c6ICc2cHggMHB4IDhweCAtNnB4IHJnYmEoMTU5LCAxNzMsIDE4NSwgMC43KScsXG4gICAgaGVpZ2h0OiAyMCxcbiAgICB3aWR0aDogMjAsXG4gICAgbWluSGVpZ2h0OiAyMCxcbiAgICBtaW5XaWR0aDogMjAsXG4gICAgbWFyZ2luUmlnaHQ6IC0xNixcbiAgICBjb2xvcjogaXNDbG9zZWQgPyB0aGVtZS5wYWxldHRlLnByaW1hcnlbNF0gOiB0aGVtZS5wYWxldHRlLm5ldXRyYWxbOF0sXG4gICAgYmFja2dyb3VuZDogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzBdLFxuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIHRvcDogdG9wVG9nZ2xlID8gJzIwcHgnIDogJzUwJScsXG4gICAgekluZGV4OiB0aGVtZS56SW5kZXguU2Vjb25kYXJ5TmF2QWN0aXZlSXRlbSxcbiAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC01MCUpJyxcbiAgICAnJjpmb2N1cyc6IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICAgIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTUwJSknXG4gICAgfSxcbiAgICAnJjphY3RpdmUsICY6aG92ZXInOiB7XG4gICAgICBvdXRsaW5lOiAnbm9uZScsXG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5wYWxldHRlLnByaW1hcnlbMV0sXG4gICAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzRdLFxuICAgICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtNTAlKSdcbiAgICB9XG4gIH0pLFxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuQ29sbGFwc2libGVUb2dnbGUuVG9nZ2xlQnV0dG9uKVxuKVxuXG5leHBvcnQgdHlwZSBDb2xsYXBzaWJsZVRvZ2dsZVByb3BzID0ge1xuICBpZDogc3RyaW5nXG4gIGlzQ2xvc2VkPzogYm9vbGVhblxuICAnZGF0YS1pbnN0cnVtZW50YXRpb24nPzogc3RyaW5nXG4gIG9uQ2xpY2s6IChcbiAgICBldmVudDogU3ludGhldGljRXZlbnQ8SFRNTERpdkVsZW1lbnQ+IHwgU3ludGhldGljRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZFxuICBvcGVuTGVmdD86IGJvb2xlYW5cbiAgb3BlblJpZ2h0PzogYm9vbGVhblxuICB0b3BUb2dnbGU/OiBib29sZWFuXG4gIGhpZGRlbkxhYmVsPzogc3RyaW5nXG59XG5cbkNvbGxhcHNpYmxlVG9nZ2xlLmRlZmF1bHRQcm9wcyA9IHtcbiAgJ2RhdGEtaW5zdHJ1bWVudGF0aW9uJzogJ2NvbGxhcHNpYmxldG9nZ2xlJ1xufVxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBDb2xsYXBzaWJsZVRvZ2dsZSh7XG4gIGlkLFxuICAnZGF0YS1pbnN0cnVtZW50YXRpb24nOiBkYXRhSW5zdHJ1bWVudGF0aW9uLFxuICBpc0Nsb3NlZCxcbiAgaGlkZGVuTGFiZWwsXG4gIG9uQ2xpY2ssXG4gIG9wZW5MZWZ0LFxuICB0b3BUb2dnbGUsXG4gIG9wZW5SaWdodFxufTogQ29sbGFwc2libGVUb2dnbGVQcm9wcykge1xuICBjb25zdCBhcnJvd0ljb252NSA9IGlzQ2xvc2VkID8gKFxuICAgIG9wZW5SaWdodCA/IChcbiAgICAgIDxJY29uLlNtYWxsLkFycm93TGVmdCAvPlxuICAgICkgOiAoXG4gICAgICA8SWNvbi5TbWFsbC5BcnJvd1JpZ2h0IC8+XG4gICAgKVxuICApIDogb3BlblJpZ2h0ID8gKFxuICAgIDxJY29uLlNtYWxsLkFycm93UmlnaHQgLz5cbiAgKSA6IChcbiAgICA8SWNvbi5TbWFsbC5BcnJvd0xlZnQgLz5cbiAgKVxuXG4gIGNvbnN0IGFycm93SWNvbnY0ID0gaXNDbG9zZWQgPyAoXG4gICAgb3BlbkxlZnQgPyAoXG4gICAgICA8SWNvbi5TbWFsbC5BcnJvd0xlZnQgLz5cbiAgICApIDogKFxuICAgICAgPEljb24uU21hbGwuQXJyb3dSaWdodCAvPlxuICAgIClcbiAgKSA6IG9wZW5MZWZ0ID8gKFxuICAgIDxJY29uLlNtYWxsLkFycm93UmlnaHQgLz5cbiAgKSA6IChcbiAgICA8SWNvbi5TbWFsbC5BcnJvd0xlZnQgLz5cbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPEhpZ2hsaWdodFxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIG9wZW5MZWZ0PXtvcGVuTGVmdH1cbiAgICAgIG9wZW5SaWdodD17b3BlblJpZ2h0fVxuICAgICAgZGF0YS1pbnN0cnVtZW50YXRpb249e2Ake2RhdGFJbnN0cnVtZW50YXRpb259LWhpZ2hsaWdodGB9XG4gICAgPlxuICAgICAgPFRvZ2dsZUJ1dHRvblxuICAgICAgICBpY29uXG4gICAgICAgIGRhdGEtaW5zdHJ1bWVudGF0aW9uPXtkYXRhSW5zdHJ1bWVudGF0aW9ufVxuICAgICAgICBpc0Nsb3NlZD17aXNDbG9zZWR9XG4gICAgICAgIGNpcmNsZVxuICAgICAgICBzbWFsbFxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICBjbGFzc05hbWU9e0hJR0hMSUdIVF9DTEFTU05BTUV9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgdG9wVG9nZ2xlPXt0b3BUb2dnbGV9XG4gICAgICA+XG4gICAgICAgIHtvcGVuTGVmdCA/IGFycm93SWNvbnY0IDogYXJyb3dJY29udjV9XG4gICAgICAgIHtoaWRkZW5MYWJlbCAmJiA8VmlzdWFsbHlIaWRkZW4+e2hpZGRlbkxhYmVsfTwvVmlzdWFsbHlIaWRkZW4+fVxuICAgICAgPC9Ub2dnbGVCdXR0b24+XG4gICAgPC9IaWdobGlnaHQ+XG4gIClcbn1cbiJdfQ== */");
|
|
55
57
|
var ToggleButton = ( /*#__PURE__*/0, _base["default"])(_Button["default"], process.env.NODE_ENV === "production" ? {
|
|
56
58
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
57
59
|
return prop !== 'isClosed';
|
|
@@ -65,7 +67,8 @@ var ToggleButton = ( /*#__PURE__*/0, _base["default"])(_Button["default"], proce
|
|
|
65
67
|
label: "ToggleButton"
|
|
66
68
|
})(function (_ref2) {
|
|
67
69
|
var isClosed = _ref2.isClosed,
|
|
68
|
-
theme = _ref2.theme
|
|
70
|
+
theme = _ref2.theme,
|
|
71
|
+
topToggle = _ref2.topToggle;
|
|
69
72
|
return {
|
|
70
73
|
boxShadow: '6px 0px 8px -6px rgba(159, 173, 185, 0.7)',
|
|
71
74
|
height: 20,
|
|
@@ -76,7 +79,8 @@ var ToggleButton = ( /*#__PURE__*/0, _base["default"])(_Button["default"], proce
|
|
|
76
79
|
color: isClosed ? theme.palette.primary[4] : theme.palette.neutral[8],
|
|
77
80
|
background: theme.palette.neutral[0],
|
|
78
81
|
position: 'absolute',
|
|
79
|
-
top: '50%',
|
|
82
|
+
top: topToggle ? '20px' : '50%',
|
|
83
|
+
zIndex: theme.zIndex.SecondaryNavActiveItem,
|
|
80
84
|
transform: 'translateX(-50%)',
|
|
81
85
|
'&:focus': {
|
|
82
86
|
outline: 'none',
|
|
@@ -89,7 +93,7 @@ var ToggleButton = ( /*#__PURE__*/0, _base["default"])(_Button["default"], proce
|
|
|
89
93
|
transform: 'translateX(-50%)'
|
|
90
94
|
}
|
|
91
95
|
};
|
|
92
|
-
}, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.CollapsibleToggle.ToggleButton), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
96
|
+
}, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.CollapsibleToggle.ToggleButton), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Db2xsYXBzaWJsZVRvZ2dsZS9Db2xsYXBzaWJsZVRvZ2dsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NxQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ29sbGFwc2libGVUb2dnbGUvQ29sbGFwc2libGVUb2dnbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBTeW50aGV0aWNFdmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCBJY29uIGZyb20gJy4uL0ljb24nXG5pbXBvcnQgeyBnZXRPdmVycmlkZXMsIE92ZXJyaWRhYmxlIH0gZnJvbSAnLi4vVGhlbWVQcm92aWRlcidcbmltcG9ydCB7IEhJR0hMSUdIVF9DTEFTU05BTUUgfSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCBWaXN1YWxseUhpZGRlbiBmcm9tICcuLi9WaXN1YWxseUhpZGRlbidcblxuLy8gb3BlbkxlZnQgaXMgdXNlZCBmb3IgdjRcbmNvbnN0IEhpZ2hsaWdodCA9IHN0eWxlZCgnZGl2Jyk8eyBvcGVuTGVmdD86IGJvb2xlYW47IG9wZW5SaWdodD86IGJvb2xlYW4gfT4oXG4gICh7IHRoZW1lLCBvcGVuTGVmdCwgb3BlblJpZ2h0IH0pID0+ICh7XG4gICAgd2lkdGg6IDEsXG4gICAgbWluV2lkdGg6IDEsXG4gICAgbWluSGVpZ2h0OiAnMTAwJScsXG4gICAgcG9zaXRpb246IG9wZW5SaWdodCA/ICdhYnNvbHV0ZScgOiAncmVsYXRpdmUnLFxuICAgIHRvcDogMCxcbiAgICBib3R0b206IDAsXG4gICAgbGVmdDogb3BlbkxlZnQgPyAxIDogLTEsXG4gICAgekluZGV4OiB0aGVtZS56SW5kZXguU2Vjb25kYXJ5TmF2QWN0aXZlSXRlbSxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgW2AmICAuJHtISUdITElHSFRfQ0xBU1NOQU1FfWBdOiB7XG4gICAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzFdLFxuICAgICAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzRdXG4gICAgICB9XG4gICAgfVxuICB9KSxcbiAgZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLkNvbGxhcHNpYmxlVG9nZ2xlLlJvb3QpXG4pXG5cbmNvbnN0IFRvZ2dsZUJ1dHRvbiA9IHN0eWxlZChCdXR0b24sIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gcHJvcCAhPT0gJ2lzQ2xvc2VkJ1xufSk8eyBpc0Nsb3NlZD86IGJvb2xlYW47IHRvcFRvZ2dsZT86IGJvb2xlYW4gfT4oXG4gICh7IGlzQ2xvc2VkLCB0aGVtZSwgdG9wVG9nZ2xlIH0pID0+ICh7XG4gICAgYm94U2hhZG93OiAnNnB4IDBweCA4cHggLTZweCByZ2JhKDE1OSwgMTczLCAxODUsIDAuNyknLFxuICAgIGhlaWdodDogMjAsXG4gICAgd2lkdGg6IDIwLFxuICAgIG1pbkhlaWdodDogMjAsXG4gICAgbWluV2lkdGg6IDIwLFxuICAgIG1hcmdpblJpZ2h0OiAtMTYsXG4gICAgY29sb3I6IGlzQ2xvc2VkID8gdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzRdIDogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzhdLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFswXSxcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICB0b3A6IHRvcFRvZ2dsZSA/ICcyMHB4JyA6ICc1MCUnLFxuICAgIHpJbmRleDogdGhlbWUuekluZGV4LlNlY29uZGFyeU5hdkFjdGl2ZUl0ZW0sXG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtNTAlKScsXG4gICAgJyY6Zm9jdXMnOiB7XG4gICAgICBvdXRsaW5lOiAnbm9uZScsXG4gICAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC01MCUpJ1xuICAgIH0sXG4gICAgJyY6YWN0aXZlLCAmOmhvdmVyJzoge1xuICAgICAgb3V0bGluZTogJ25vbmUnLFxuICAgICAgYmFja2dyb3VuZDogdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzFdLFxuICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeVs0XSxcbiAgICAgIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTUwJSknXG4gICAgfVxuICB9KSxcbiAgZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLkNvbGxhcHNpYmxlVG9nZ2xlLlRvZ2dsZUJ1dHRvbilcbilcblxuZXhwb3J0IHR5cGUgQ29sbGFwc2libGVUb2dnbGVQcm9wcyA9IHtcbiAgaWQ6IHN0cmluZ1xuICBpc0Nsb3NlZD86IGJvb2xlYW5cbiAgJ2RhdGEtaW5zdHJ1bWVudGF0aW9uJz86IHN0cmluZ1xuICBvbkNsaWNrOiAoXG4gICAgZXZlbnQ6IFN5bnRoZXRpY0V2ZW50PEhUTUxEaXZFbGVtZW50PiB8IFN5bnRoZXRpY0V2ZW50PEhUTUxCdXR0b25FbGVtZW50PlxuICApID0+IHZvaWRcbiAgb3BlbkxlZnQ/OiBib29sZWFuXG4gIG9wZW5SaWdodD86IGJvb2xlYW5cbiAgdG9wVG9nZ2xlPzogYm9vbGVhblxuICBoaWRkZW5MYWJlbD86IHN0cmluZ1xufVxuXG5Db2xsYXBzaWJsZVRvZ2dsZS5kZWZhdWx0UHJvcHMgPSB7XG4gICdkYXRhLWluc3RydW1lbnRhdGlvbic6ICdjb2xsYXBzaWJsZXRvZ2dsZSdcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQ29sbGFwc2libGVUb2dnbGUoe1xuICBpZCxcbiAgJ2RhdGEtaW5zdHJ1bWVudGF0aW9uJzogZGF0YUluc3RydW1lbnRhdGlvbixcbiAgaXNDbG9zZWQsXG4gIGhpZGRlbkxhYmVsLFxuICBvbkNsaWNrLFxuICBvcGVuTGVmdCxcbiAgdG9wVG9nZ2xlLFxuICBvcGVuUmlnaHRcbn06IENvbGxhcHNpYmxlVG9nZ2xlUHJvcHMpIHtcbiAgY29uc3QgYXJyb3dJY29udjUgPSBpc0Nsb3NlZCA/IChcbiAgICBvcGVuUmlnaHQgPyAoXG4gICAgICA8SWNvbi5TbWFsbC5BcnJvd0xlZnQgLz5cbiAgICApIDogKFxuICAgICAgPEljb24uU21hbGwuQXJyb3dSaWdodCAvPlxuICAgIClcbiAgKSA6IG9wZW5SaWdodCA/IChcbiAgICA8SWNvbi5TbWFsbC5BcnJvd1JpZ2h0IC8+XG4gICkgOiAoXG4gICAgPEljb24uU21hbGwuQXJyb3dMZWZ0IC8+XG4gIClcblxuICBjb25zdCBhcnJvd0ljb252NCA9IGlzQ2xvc2VkID8gKFxuICAgIG9wZW5MZWZ0ID8gKFxuICAgICAgPEljb24uU21hbGwuQXJyb3dMZWZ0IC8+XG4gICAgKSA6IChcbiAgICAgIDxJY29uLlNtYWxsLkFycm93UmlnaHQgLz5cbiAgICApXG4gICkgOiBvcGVuTGVmdCA/IChcbiAgICA8SWNvbi5TbWFsbC5BcnJvd1JpZ2h0IC8+XG4gICkgOiAoXG4gICAgPEljb24uU21hbGwuQXJyb3dMZWZ0IC8+XG4gIClcblxuICByZXR1cm4gKFxuICAgIDxIaWdobGlnaHRcbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBvcGVuTGVmdD17b3BlbkxlZnR9XG4gICAgICBvcGVuUmlnaHQ9e29wZW5SaWdodH1cbiAgICAgIGRhdGEtaW5zdHJ1bWVudGF0aW9uPXtgJHtkYXRhSW5zdHJ1bWVudGF0aW9ufS1oaWdobGlnaHRgfVxuICAgID5cbiAgICAgIDxUb2dnbGVCdXR0b25cbiAgICAgICAgaWNvblxuICAgICAgICBkYXRhLWluc3RydW1lbnRhdGlvbj17ZGF0YUluc3RydW1lbnRhdGlvbn1cbiAgICAgICAgaXNDbG9zZWQ9e2lzQ2xvc2VkfVxuICAgICAgICBjaXJjbGVcbiAgICAgICAgc21hbGxcbiAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgY2xhc3NOYW1lPXtISUdITElHSFRfQ0xBU1NOQU1FfVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIHRvcFRvZ2dsZT17dG9wVG9nZ2xlfVxuICAgICAgPlxuICAgICAgICB7b3BlbkxlZnQgPyBhcnJvd0ljb252NCA6IGFycm93SWNvbnY1fVxuICAgICAgICB7aGlkZGVuTGFiZWwgJiYgPFZpc3VhbGx5SGlkZGVuPntoaWRkZW5MYWJlbH08L1Zpc3VhbGx5SGlkZGVuPn1cbiAgICAgIDwvVG9nZ2xlQnV0dG9uPlxuICAgIDwvSGlnaGxpZ2h0PlxuICApXG59XG4iXX0= */");
|
|
93
97
|
CollapsibleToggle.defaultProps = {
|
|
94
98
|
'data-instrumentation': 'collapsibletoggle'
|
|
95
99
|
};
|
|
@@ -100,8 +104,19 @@ function CollapsibleToggle(_ref3) {
|
|
|
100
104
|
isClosed = _ref3.isClosed,
|
|
101
105
|
hiddenLabel = _ref3.hiddenLabel,
|
|
102
106
|
onClick = _ref3.onClick,
|
|
103
|
-
openLeft = _ref3.openLeft
|
|
104
|
-
|
|
107
|
+
openLeft = _ref3.openLeft,
|
|
108
|
+
topToggle = _ref3.topToggle,
|
|
109
|
+
openRight = _ref3.openRight;
|
|
110
|
+
var arrowIconv5 = isClosed ? openRight ? (0, _jsxRuntime.jsx)(_Icon["default"].Small.ArrowLeft, {
|
|
111
|
+
"data-gs": gs("src", "collapsibletoggle", "collapsibletoggle.tsx", "collapsible-toggle", "icon-small-arrow-left")
|
|
112
|
+
}) : (0, _jsxRuntime.jsx)(_Icon["default"].Small.ArrowRight, {
|
|
113
|
+
"data-gs": gs("src", "collapsibletoggle", "collapsibletoggle.tsx", "collapsible-toggle", "icon-small-arrow-right")
|
|
114
|
+
}) : openRight ? (0, _jsxRuntime.jsx)(_Icon["default"].Small.ArrowRight, {
|
|
115
|
+
"data-gs": gs("src", "collapsibletoggle", "collapsibletoggle.tsx", "collapsible-toggle", "icon-small-arrow-right")
|
|
116
|
+
}) : (0, _jsxRuntime.jsx)(_Icon["default"].Small.ArrowLeft, {
|
|
117
|
+
"data-gs": gs("src", "collapsibletoggle", "collapsibletoggle.tsx", "collapsible-toggle", "icon-small-arrow-left")
|
|
118
|
+
});
|
|
119
|
+
var arrowIconv4 = isClosed ? openLeft ? (0, _jsxRuntime.jsx)(_Icon["default"].Small.ArrowLeft, {
|
|
105
120
|
"data-gs": gs("src", "collapsibletoggle", "collapsibletoggle.tsx", "collapsible-toggle", "icon-small-arrow-left")
|
|
106
121
|
}) : (0, _jsxRuntime.jsx)(_Icon["default"].Small.ArrowRight, {
|
|
107
122
|
"data-gs": gs("src", "collapsibletoggle", "collapsibletoggle.tsx", "collapsible-toggle", "icon-small-arrow-right")
|
|
@@ -114,6 +129,7 @@ function CollapsibleToggle(_ref3) {
|
|
|
114
129
|
"data-gs": gs("src", "collapsibletoggle", "collapsibletoggle.tsx", "collapsible-toggle", "highlight"),
|
|
115
130
|
onClick: onClick,
|
|
116
131
|
openLeft: openLeft,
|
|
132
|
+
openRight: openRight,
|
|
117
133
|
"data-instrumentation": "".concat(dataInstrumentation, "-highlight"),
|
|
118
134
|
children: (0, _jsxRuntime.jsxs)(ToggleButton, {
|
|
119
135
|
"data-gs": gs("src", "collapsibletoggle", "collapsibletoggle.tsx", "collapsible-toggle", "highlight", "toggle-button"),
|
|
@@ -125,7 +141,8 @@ function CollapsibleToggle(_ref3) {
|
|
|
125
141
|
onClick: onClick,
|
|
126
142
|
className: _constants.HIGHLIGHT_CLASSNAME,
|
|
127
143
|
id: id,
|
|
128
|
-
|
|
144
|
+
topToggle: topToggle,
|
|
145
|
+
children: [openLeft ? arrowIconv4 : arrowIconv5, hiddenLabel && (0, _jsxRuntime.jsx)(_VisuallyHidden["default"], {
|
|
129
146
|
"data-gs-c": gsC(hiddenLabel),
|
|
130
147
|
"data-gs": gs("src", "collapsibletoggle", "collapsibletoggle.tsx", "collapsible-toggle", "highlight", "toggle-button", "visually-hidden"),
|
|
131
148
|
children: hiddenLabel
|
|
@@ -7,8 +7,10 @@ export declare type DrawerProps = {
|
|
|
7
7
|
children?: React.ReactNode;
|
|
8
8
|
hiddenToggleLabel?: CollapsibleToggleProps['hiddenLabel'];
|
|
9
9
|
isClosed?: boolean;
|
|
10
|
+
topToggle?: boolean;
|
|
10
11
|
onToggleClick?: CollapsibleToggleProps['onClick'];
|
|
11
12
|
css?: Interpolation<Theme>;
|
|
13
|
+
openRight?: boolean;
|
|
12
14
|
};
|
|
13
15
|
export declare type DrawerSubComponents = {
|
|
14
16
|
Body: typeof DrawerBody;
|
package/dist/es/Drawer/Drawer.js
CHANGED
|
@@ -11,7 +11,7 @@ var _CollapsibleToggle = _interopRequireDefault(require("../CollapsibleToggle"))
|
|
|
11
11
|
|
|
12
12
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
13
13
|
|
|
14
|
-
var _excluded = ["anchor", "children", "isClosed", "hiddenToggleLabel", "onToggleClick"];
|
|
14
|
+
var _excluded = ["anchor", "children", "isClosed", "hiddenToggleLabel", "onToggleClick", "topToggle", "openRight"];
|
|
15
15
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
17
|
|
|
@@ -35,6 +35,8 @@ var Drawer = function Drawer(_ref) {
|
|
|
35
35
|
isClosed = _ref.isClosed,
|
|
36
36
|
hiddenToggleLabel = _ref.hiddenToggleLabel,
|
|
37
37
|
onToggleClick = _ref.onToggleClick,
|
|
38
|
+
topToggle = _ref.topToggle,
|
|
39
|
+
openRight = _ref.openRight,
|
|
38
40
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
39
41
|
|
|
40
42
|
function onClick(e) {
|
|
@@ -58,7 +60,9 @@ var Drawer = function Drawer(_ref) {
|
|
|
58
60
|
id: "DRAWER_TOGGLE",
|
|
59
61
|
hiddenLabel: toggleLabel,
|
|
60
62
|
isClosed: isClosed,
|
|
61
|
-
onClick: onClick
|
|
63
|
+
onClick: onClick,
|
|
64
|
+
topToggle: topToggle,
|
|
65
|
+
openRight: openRight
|
|
62
66
|
})]
|
|
63
67
|
}));
|
|
64
68
|
};
|