@stoplight/ui-kit 3.0.0-beta.37 → 3.0.0-beta.40
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/TableOfContents/index.d.ts +3 -0
- package/TableOfContents/index.js +45 -6
- package/TableOfContents/index.js.map +1 -1
- package/package.json +1 -1
- package/styles/_blueprint.scss +4 -4
- package/styles/blueprint/_variables.scss +3 -1
- package/styles/blueprint/select/blueprint-select.scss +8 -0
- package/styles/blueprint/select/components/_index.scss +6 -0
- package/styles/blueprint/select/components/omnibar/_omnibar.scss +63 -0
- package/styles/blueprint/select/components/select/_multi-select.scss +17 -0
- package/styles/blueprint/select/components/select/_select.scss +31 -0
- package/styles/blueprint/src/_reset.scss +43 -0
- package/styles/blueprint/src/_typography.scss +459 -0
- package/styles/blueprint/src/accessibility/_focus-states.scss +17 -0
- package/styles/blueprint/src/blueprint-hi-contrast.scss +22 -0
- package/styles/blueprint/src/blueprint.scss +16 -0
- package/styles/blueprint/src/common/_color-aliases.scss +43 -0
- package/styles/blueprint/src/common/_colors.scss +116 -0
- package/styles/blueprint/src/common/_flex.scss +49 -0
- package/styles/blueprint/src/common/_mixins.scss +128 -0
- package/styles/blueprint/src/common/_react-transition.scss +117 -0
- package/styles/blueprint/src/common/_variables.scss +131 -0
- package/styles/blueprint/src/components/_index.scss +38 -0
- package/styles/blueprint/src/components/alert/_alert.scss +33 -0
- package/styles/blueprint/src/components/breadcrumbs/_breadcrumbs.scss +142 -0
- package/styles/blueprint/src/components/button/_button-group.scss +240 -0
- package/styles/blueprint/src/components/button/_button.scss +206 -0
- package/styles/blueprint/src/components/button/_common.scss +507 -0
- package/styles/blueprint/src/components/callout/_callout.scss +99 -0
- package/styles/blueprint/src/components/card/_card.scss +91 -0
- package/styles/blueprint/src/components/collapse/_collapse.scss +20 -0
- package/styles/blueprint/src/components/context-menu/_context-menu.scss +10 -0
- package/styles/blueprint/src/components/dialog/_dialog.scss +146 -0
- package/styles/blueprint/src/components/divider/_divider.scss +19 -0
- package/styles/blueprint/src/components/drawer/_drawer.scss +232 -0
- package/styles/blueprint/src/components/editable-text/_editable-text.scss +156 -0
- package/styles/blueprint/src/components/forms/_common.scss +239 -0
- package/styles/blueprint/src/components/forms/_control-group.scss +276 -0
- package/styles/blueprint/src/components/forms/_controls.scss +526 -0
- package/styles/blueprint/src/components/forms/_file-input.scss +155 -0
- package/styles/blueprint/src/components/forms/_form-group.scss +111 -0
- package/styles/blueprint/src/components/forms/_index.scss +20 -0
- package/styles/blueprint/src/components/forms/_input-group.scss +247 -0
- package/styles/blueprint/src/components/forms/_input.scss +115 -0
- package/styles/blueprint/src/components/forms/_label.scss +114 -0
- package/styles/blueprint/src/components/forms/_numeric-input.scss +40 -0
- package/styles/blueprint/src/components/hotkeys/_hotkeys.scss +50 -0
- package/styles/blueprint/src/components/html-select/_common.scss +52 -0
- package/styles/blueprint/src/components/html-select/_html-select.scss +104 -0
- package/styles/blueprint/src/components/html-table/_html-table.scss +208 -0
- package/styles/blueprint/src/components/icon/_icon.scss +79 -0
- package/styles/blueprint/src/components/menu/_common.scss +172 -0
- package/styles/blueprint/src/components/menu/_menu.scss +197 -0
- package/styles/blueprint/src/components/menu/_submenu.scss +41 -0
- package/styles/blueprint/src/components/navbar/_navbar.scss +117 -0
- package/styles/blueprint/src/components/non-ideal-state/_non-ideal-state.scss +43 -0
- package/styles/blueprint/src/components/overflow-list/_overflow-list.scss +13 -0
- package/styles/blueprint/src/components/overlay/_overlay.scss +94 -0
- package/styles/blueprint/src/components/panel-stack/_panel-stack.scss +103 -0
- package/styles/blueprint/src/components/popover/_common.scss +171 -0
- package/styles/blueprint/src/components/popover/_popover.scss +127 -0
- package/styles/blueprint/src/components/portal/_portal.scss +15 -0
- package/styles/blueprint/src/components/progress-bar/_common.scss +9 -0
- package/styles/blueprint/src/components/progress-bar/_progress-bar.scss +98 -0
- package/styles/blueprint/src/components/skeleton/_common.scss +8 -0
- package/styles/blueprint/src/components/skeleton/_skeleton.scss +64 -0
- package/styles/blueprint/src/components/slider/_common.scss +48 -0
- package/styles/blueprint/src/components/slider/_slider.scss +216 -0
- package/styles/blueprint/src/components/spinner/_spinner.scss +65 -0
- package/styles/blueprint/src/components/tabs/_tabs.scss +199 -0
- package/styles/blueprint/src/components/tag/_common.scss +202 -0
- package/styles/blueprint/src/components/tag/_tag.scss +75 -0
- package/styles/blueprint/src/components/tag-input/_tag-input.scss +165 -0
- package/styles/blueprint/src/components/toast/_toast.scss +203 -0
- package/styles/blueprint/src/components/tooltip/_common.scss +11 -0
- package/styles/blueprint/src/components/tooltip/_tooltip.scss +61 -0
- package/styles/blueprint/src/components/tree/_tree.scss +194 -0
|
@@ -13,9 +13,12 @@ export declare type TableOfContentsItem = {
|
|
|
13
13
|
icon?: FAIconProp;
|
|
14
14
|
activeIcon?: FAIconProp;
|
|
15
15
|
iconColor?: string;
|
|
16
|
+
iconPosition?: 'left' | 'right';
|
|
17
|
+
textIcon?: string;
|
|
16
18
|
isLoading?: boolean;
|
|
17
19
|
isDisabled?: boolean;
|
|
18
20
|
showSkeleton?: boolean;
|
|
21
|
+
startExpanded?: boolean;
|
|
19
22
|
action?: {
|
|
20
23
|
icon?: FAIconProp;
|
|
21
24
|
name?: string;
|
package/TableOfContents/index.js
CHANGED
|
@@ -18,10 +18,24 @@ const useRenderWithScroll = () => {
|
|
|
18
18
|
}, []);
|
|
19
19
|
};
|
|
20
20
|
function TableOfContentsInner({ className, contents, rowComponent: RowComponent = exports.DefaultRow, rowComponentExtraProps, }) {
|
|
21
|
-
const [expanded, setExpanded] = React.useState({
|
|
21
|
+
const [expanded, setExpanded] = React.useState(() => {
|
|
22
|
+
const itemsToExpand = contents.filter(item => item.startExpanded);
|
|
23
|
+
return Object.fromEntries(itemsToExpand.map(item => [contents.indexOf(item), true]));
|
|
24
|
+
});
|
|
22
25
|
const toggleExpandedFunctions = React.useMemo(() => {
|
|
23
|
-
return lodash_1.range(contents.length).map(i => () =>
|
|
24
|
-
|
|
26
|
+
return lodash_1.range(contents.length).map(i => () => {
|
|
27
|
+
setExpanded(current => {
|
|
28
|
+
var _a;
|
|
29
|
+
let childrenToCollapse = {};
|
|
30
|
+
if (current[i]) {
|
|
31
|
+
const item = contents[i];
|
|
32
|
+
const children = findDescendantIndices((_a = item.depth) !== null && _a !== void 0 ? _a : 0, i, contents.slice(i + 1));
|
|
33
|
+
childrenToCollapse = Object.fromEntries(children.map(i => [i, false]));
|
|
34
|
+
}
|
|
35
|
+
return Object.assign(Object.assign(Object.assign({}, current), { [i]: !current[i] }), childrenToCollapse);
|
|
36
|
+
});
|
|
37
|
+
});
|
|
38
|
+
}, [contents, contents.length]);
|
|
25
39
|
React.useEffect(() => {
|
|
26
40
|
const activeItems = contents.filter(item => item.isActive);
|
|
27
41
|
const itemsToExpand = lodash_1.flatMap(activeItems, item => { var _a; return findAncestorIndices((_a = item.depth) !== null && _a !== void 0 ? _a : 0, contents.slice(0, contents.indexOf(item))); });
|
|
@@ -60,6 +74,7 @@ exports.TableOfContents = TableOfContents;
|
|
|
60
74
|
function DefaultRowImpl({ item, isExpanded, toggleExpanded }) {
|
|
61
75
|
var _a, _b;
|
|
62
76
|
const isGroup = item.type === 'group';
|
|
77
|
+
const isGroupItem = isGroup && isTableOfContentsLink(item);
|
|
63
78
|
const isChild = item.type !== 'group' && ((_a = item.depth) !== null && _a !== void 0 ? _a : 0) > 0;
|
|
64
79
|
const isDivider = item.type === 'divider';
|
|
65
80
|
const showSkeleton = item.showSkeleton;
|
|
@@ -89,7 +104,7 @@ function DefaultRowImpl({ item, isExpanded, toggleExpanded }) {
|
|
|
89
104
|
e.preventDefault();
|
|
90
105
|
return;
|
|
91
106
|
}
|
|
92
|
-
if (!isGroup)
|
|
107
|
+
if (!isGroup || isGroupItem)
|
|
93
108
|
return;
|
|
94
109
|
e.preventDefault();
|
|
95
110
|
toggleExpanded();
|
|
@@ -114,15 +129,26 @@ function DefaultRowImpl({ item, isExpanded, toggleExpanded }) {
|
|
|
114
129
|
});
|
|
115
130
|
const loadingElem = item.isLoading ? (React.createElement(FAIcon_1.FAIcon, { icon: ['far', 'spinner-third'], className: "fa-spin text-gray-7 ml-2" })) : null;
|
|
116
131
|
const actionElem = item.action ? (React.createElement(core_1.Button, { icon: item.action.icon ? (React.createElement(FAIcon_1.FAIcon, { icon: item.action.icon, className: classnames_1.default({ 'text-gray-5': !item.action.isActive }) })) : undefined, text: item.action.name, onClick: showSkeleton ? undefined : item.action.onClick, active: item.action.isActive, intent: item.action.isActive ? 'primary' : undefined, className: "ml-2", minimal: true, small: true })) : null;
|
|
132
|
+
const iconElem = icon ? (React.createElement(FAIcon_1.FAIcon, { className: classnames_1.default('fa-fw', {
|
|
133
|
+
'mr-3': item.iconPosition !== 'right',
|
|
134
|
+
'mx-1': item.iconPosition === 'right',
|
|
135
|
+
'text-blue-6': isSelected,
|
|
136
|
+
[`text-${item.iconColor}`]: item.iconColor,
|
|
137
|
+
'bp3-skeleton': item.showSkeleton,
|
|
138
|
+
}), icon: icon })) : item.textIcon ? (React.createElement("div", { className: classnames_1.default('text-right rounded px-1 text-xs uppercase', {
|
|
139
|
+
[`text-${item.iconColor}`]: item.iconColor,
|
|
140
|
+
}) }, item.textIcon)) : null;
|
|
117
141
|
return (React.createElement("div", { onClick: onClick, className: outerClassName, style: { marginLeft: ((_b = item.depth) !== null && _b !== void 0 ? _b : 0) * 20 }, ref: holderCallbackRef },
|
|
118
142
|
React.createElement("div", { className: classnames_1.default('-ml-px', innerClassName, { 'opacity-75': isDisabled }) },
|
|
119
143
|
React.createElement("div", { className: "flex flex-row items-center" },
|
|
120
|
-
|
|
144
|
+
item.iconPosition !== 'right' && iconElem,
|
|
121
145
|
React.createElement("span", { className: classnames_1.default('TableOfContentsItem__name flex-1 truncate', { 'bp3-skeleton': item.showSkeleton }) }, item.name),
|
|
122
146
|
item.meta && React.createElement("span", { className: "text-sm text-left text-gray font-medium" }, item.meta),
|
|
123
147
|
loadingElem,
|
|
124
148
|
actionElem,
|
|
125
|
-
|
|
149
|
+
item.iconPosition === 'right' && iconElem,
|
|
150
|
+
isGroup && (React.createElement("div", { onClick: isGroupItem ? toggleExpanded : undefined, className: "px-2" },
|
|
151
|
+
React.createElement(FAIcon_1.FAIcon, { className: "TableOfContentsItem__icon", icon: isExpanded ? 'chevron-down' : 'chevron-right' })))),
|
|
126
152
|
item.footer)));
|
|
127
153
|
}
|
|
128
154
|
DefaultRowImpl.displayName = 'DefaultRow';
|
|
@@ -146,6 +172,19 @@ function findAncestorIndices(currentDepth, precedingContents) {
|
|
|
146
172
|
parentIndex,
|
|
147
173
|
];
|
|
148
174
|
}
|
|
175
|
+
function findDescendantIndices(currentDepth, currentIndex, succeedingContents) {
|
|
176
|
+
var _a;
|
|
177
|
+
const children = [];
|
|
178
|
+
for (let index = 0; index < succeedingContents.length; index++) {
|
|
179
|
+
if (((_a = succeedingContents[index].depth) !== null && _a !== void 0 ? _a : 0) <= currentDepth) {
|
|
180
|
+
break;
|
|
181
|
+
}
|
|
182
|
+
else {
|
|
183
|
+
children.push(currentIndex + index);
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
return children;
|
|
187
|
+
}
|
|
149
188
|
function isExternalLink(item) {
|
|
150
189
|
return isTableOfContentsLink(item) && item.to !== void 0 && /^(http|#|mailto)/.test(item.to);
|
|
151
190
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TableOfContents/index.tsx"],"names":[],"mappings":";;;AAAA,4CAAmD;AACnD,oEAA4B;AAC5B,mCAAwC;AACxC,qDAA+B;AAE/B,sCAA+C;AAC/C,wDAAqD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TableOfContents/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/styles/_blueprint.scss
CHANGED
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
|
|
5
5
|
@import 'blueprint/variables';
|
|
6
6
|
|
|
7
|
-
@import '
|
|
8
|
-
@import '
|
|
7
|
+
@import './blueprint/src/typography';
|
|
8
|
+
@import './blueprint/src/accessibility/focus-states';
|
|
9
9
|
|
|
10
|
-
@import '
|
|
10
|
+
@import './blueprint/src/components/index';
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* BLUEPRINT SELECT
|
|
14
14
|
*/
|
|
15
15
|
|
|
16
|
-
@import '
|
|
16
|
+
@import './blueprint/select/blueprint-select.scss';
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@use "sass:math";
|
|
2
|
+
|
|
1
3
|
@import "colors";
|
|
2
4
|
|
|
3
5
|
@import '~@blueprintjs/core/src/common/_mixins.scss';
|
|
@@ -25,7 +27,7 @@ $pt-font-size-large: get-font-size(lg);
|
|
|
25
27
|
$pt-font-size-small: get-font-size(sm);
|
|
26
28
|
|
|
27
29
|
// a little bit extra to ensure the height comes out to just over 18px (and browser rounds to 18px)
|
|
28
|
-
$pt-line-height: ($pt-grid-size * 1.8
|
|
30
|
+
$pt-line-height: math.div($pt-grid-size * 1.8, $pt-font-size) + 0.0001 !default;
|
|
29
31
|
|
|
30
32
|
// Icon variables
|
|
31
33
|
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
// Copyright 2017 Palantir Technologies, Inc. All rights reserved.
|
|
2
|
+
// Licensed under the Apache License, Version 2.0.
|
|
3
|
+
|
|
4
|
+
@import "~@blueprintjs/core/src/common/react-transition";
|
|
5
|
+
@import "~@blueprintjs/core/src/common/variables";
|
|
6
|
+
|
|
7
|
+
$omnibar-height: 60vh !default;
|
|
8
|
+
$omnibar-width: $pt-grid-size * 50 !default;
|
|
9
|
+
$omnibar-input-height: $pt-grid-size * 4;
|
|
10
|
+
|
|
11
|
+
.#{$ns}-omnibar {
|
|
12
|
+
$omnibar-transition-props: (
|
|
13
|
+
filter: (blur($pt-grid-size * 2), blur(0)),
|
|
14
|
+
opacity: (0.2, 1),
|
|
15
|
+
);
|
|
16
|
+
|
|
17
|
+
@include react-transition(
|
|
18
|
+
"#{$ns}-overlay",
|
|
19
|
+
$omnibar-transition-props,
|
|
20
|
+
$duration: $pt-transition-duration * 2,
|
|
21
|
+
$easing: $pt-transition-ease,
|
|
22
|
+
$before: "&"
|
|
23
|
+
);
|
|
24
|
+
background-color: $white;
|
|
25
|
+
border-radius: $pt-border-radius;
|
|
26
|
+
box-shadow: $pt-elevation-shadow-4;
|
|
27
|
+
left: calc(50% - #{$omnibar-width * 0.5});
|
|
28
|
+
top: (100 - $omnibar-height) * 0.5;
|
|
29
|
+
width: $omnibar-width;
|
|
30
|
+
z-index: $pt-z-index-overlay + 1;
|
|
31
|
+
|
|
32
|
+
.#{$ns}-input {
|
|
33
|
+
background-color: transparent;
|
|
34
|
+
border-radius: 0;
|
|
35
|
+
|
|
36
|
+
&,
|
|
37
|
+
&:focus {
|
|
38
|
+
box-shadow: none;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.#{$ns}-menu {
|
|
43
|
+
background-color: transparent;
|
|
44
|
+
border-radius: 0;
|
|
45
|
+
box-shadow: inset 0 1px 0 $pt-divider-black;
|
|
46
|
+
max-height: calc(#{$omnibar-height} - #{$omnibar-input-height});
|
|
47
|
+
overflow: auto;
|
|
48
|
+
|
|
49
|
+
&:empty {
|
|
50
|
+
display: none;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.#{$ns}-dark &,
|
|
55
|
+
&.#{$ns}-dark {
|
|
56
|
+
background-color: $dark-gray4;
|
|
57
|
+
box-shadow: $pt-dark-elevation-shadow-4;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.#{$ns}-omnibar-overlay .#{$ns}-overlay-backdrop {
|
|
62
|
+
background-color: rgba($black, 0.2);
|
|
63
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
// Copyright 2017 Palantir Technologies, Inc. All rights reserved.
|
|
2
|
+
// Licensed under the Apache License, Version 2.0.
|
|
3
|
+
|
|
4
|
+
@import "~@blueprintjs/core/src/common/variables";
|
|
5
|
+
@import "../select/select";
|
|
6
|
+
|
|
7
|
+
.#{$ns}-multi-select {
|
|
8
|
+
min-width: $pt-grid-size * 15;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.#{$ns}-multi-select-popover {
|
|
12
|
+
.#{$ns}-menu {
|
|
13
|
+
max-height: $select-popover-max-height;
|
|
14
|
+
max-width: $select-popover-max-width;
|
|
15
|
+
overflow: auto;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
// Copyright 2017 Palantir Technologies, Inc. All rights reserved.
|
|
2
|
+
// Licensed under the Apache License, Version 2.0.
|
|
3
|
+
|
|
4
|
+
@import "~@blueprintjs/core/src/common/variables";
|
|
5
|
+
|
|
6
|
+
$select-popover-max-height: $pt-grid-size * 30 !default;
|
|
7
|
+
$select-popover-max-width: $pt-grid-size * 40 !default;
|
|
8
|
+
|
|
9
|
+
.#{$ns}-select-popover {
|
|
10
|
+
.#{$ns}-popover-content {
|
|
11
|
+
// use padding on container rather than margin on input group
|
|
12
|
+
// because top margin leaves some empty space with no background color.
|
|
13
|
+
padding: $pt-grid-size * 0.5;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.#{$ns}-input-group {
|
|
17
|
+
margin-bottom: 0;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.#{$ns}-menu {
|
|
21
|
+
max-height: $select-popover-max-height;
|
|
22
|
+
max-width: $select-popover-max-width;
|
|
23
|
+
overflow: auto;
|
|
24
|
+
padding: 0;
|
|
25
|
+
|
|
26
|
+
&:not(:first-child) {
|
|
27
|
+
// adjust padding to account for that on .#{$ns}-popover-content above
|
|
28
|
+
padding-top: $pt-grid-size * 0.5;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
// Copyright 2015 Palantir Technologies, Inc. All rights reserved.
|
|
2
|
+
// Licensed under the Apache License, Version 2.0.
|
|
3
|
+
|
|
4
|
+
@import "common/variables";
|
|
5
|
+
@import "common/mixins";
|
|
6
|
+
|
|
7
|
+
// Apply a natural box layout model to all elements, but allow components to change as necessary
|
|
8
|
+
html {
|
|
9
|
+
box-sizing: border-box;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
// adjust box-sizing for every element ever
|
|
13
|
+
*,
|
|
14
|
+
*::before,
|
|
15
|
+
*::after {
|
|
16
|
+
box-sizing: inherit;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
// Style resets on top of Normalize.css
|
|
20
|
+
|
|
21
|
+
body {
|
|
22
|
+
@include base-typography();
|
|
23
|
+
color: $pt-text-color;
|
|
24
|
+
font-family: $pt-font-family;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
p {
|
|
28
|
+
margin-bottom: $pt-grid-size;
|
|
29
|
+
margin-top: 0;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
small {
|
|
33
|
+
font-size: $pt-font-size-small;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
strong {
|
|
37
|
+
font-weight: 600;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// consistent cross-browser text selection
|
|
41
|
+
::selection {
|
|
42
|
+
background: $pt-text-selection-color;
|
|
43
|
+
}
|