@procore/core-react 11.3.0-rc.4 → 11.3.0-rc.5
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/NextMenu/NextMenu.d.ts +2 -2
- package/dist/NextMenu/NextMenu.js +16 -15
- package/dist/NextMenu/NextMenu.js.map +1 -1
- package/dist/NextMenu/NextMenu.types.d.ts +34 -8
- package/dist/NextMenu/NextMenuItem.js +18 -4
- package/dist/NextMenu/NextMenuItem.js.map +1 -1
- package/dist/NextMenu/sampleData.d.ts +1 -0
- package/dist/NextMenu/sampleData.js +26 -0
- package/dist/NextMenu/sampleData.js.map +1 -1
- package/dist/Spinner/Spinner.js +2 -2
- package/dist/Spinner/Spinner.js.map +1 -1
- package/dist/Spinner/Spinner.styles.d.ts +1 -0
- package/dist/Spinner/Spinner.styles.js +8 -3
- package/dist/Spinner/Spinner.styles.js.map +1 -1
- package/dist/Spinner/Spinner.types.d.ts +6 -0
- package/dist/_typedoc/Avatar/Avatar.types.json +17 -17
- package/dist/_typedoc/AvatarStack/AvatarStack.types.json +22 -22
- package/dist/_typedoc/Badge/Badge.types.json +6 -6
- package/dist/_typedoc/Banner/Banner.types.json +12 -12
- package/dist/_typedoc/Box/Box.types.json +66 -66
- package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +7 -7
- package/dist/_typedoc/Button/Button.types.json +11 -11
- package/dist/_typedoc/Calendar/Calendar.types.json +79 -79
- package/dist/_typedoc/Card/Card.types.json +6 -6
- package/dist/_typedoc/Checkbox/Checkbox.types.json +7 -7
- package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
- package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
- package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
- package/dist/_typedoc/DetailPage/DetailPage.types.json +4 -4
- package/dist/_typedoc/Dropdown/Dropdown.types.json +35 -35
- package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +31 -31
- package/dist/_typedoc/Dropzone/Dropzone.types.json +41 -41
- package/dist/_typedoc/EmptyState/EmptyState.types.json +14 -14
- package/dist/_typedoc/FileList/FileList.types.json +9 -9
- package/dist/_typedoc/FileSelect/FileSelect.types.json +26 -26
- package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
- package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
- package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
- package/dist/_typedoc/Flex/Flex.types.json +26 -26
- package/dist/_typedoc/FlexList/FlexList.types.json +29 -29
- package/dist/_typedoc/Form/Form.types.json +688 -688
- package/dist/_typedoc/Grid/Grid.types.json +8 -8
- package/dist/_typedoc/GroupSelect/GroupSelect.types.json +51 -51
- package/dist/_typedoc/Input/Input.types.json +2 -2
- package/dist/_typedoc/Link/Link.types.json +4 -4
- package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
- package/dist/_typedoc/Menu/Menu.types.json +61 -61
- package/dist/_typedoc/MenuImperative/MenuImperative.types.json +67 -67
- package/dist/_typedoc/Modal/Modal.types.json +27 -27
- package/dist/_typedoc/MultiSelect/MultiSelect.types.json +30 -30
- package/dist/_typedoc/Notation/Notation.types.json +4 -4
- package/dist/_typedoc/NumberInput/NumberInput.types.json +36 -36
- package/dist/_typedoc/OverlayTrigger/OverlayTrigger.json +22 -22
- package/dist/_typedoc/PageLayout/PageLayout.types.json +7 -7
- package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
- package/dist/_typedoc/Panel/Panel.types.json +27 -27
- package/dist/_typedoc/Pill/Pill.types.json +1 -1
- package/dist/_typedoc/PillSelect/PillSelect.types.json +46 -46
- package/dist/_typedoc/Popover/Popover.types.json +10 -10
- package/dist/_typedoc/ProgressBar/ProgressBar.types.json +5 -5
- package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
- package/dist/_typedoc/Required/Required.types.json +5 -5
- package/dist/_typedoc/Search/Search.types.json +18 -18
- package/dist/_typedoc/Section/Section.types.json +14 -14
- package/dist/_typedoc/SegmentedController/SegmentedController.types.json +20 -20
- package/dist/_typedoc/Select/Select.types.json +31 -31
- package/dist/_typedoc/Slider/Slider.types.json +6 -6
- package/dist/_typedoc/Spinner/Spinner.types.json +18 -8
- package/dist/_typedoc/Switch/Switch.types.json +3 -3
- package/dist/_typedoc/Table/Table.types.json +94 -94
- package/dist/_typedoc/Tabs/Tabs.types.json +15 -15
- package/dist/_typedoc/Tearsheet/Tearsheet.types.json +10 -10
- package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
- package/dist/_typedoc/TextEditor/TextEditor.types.json +7 -7
- package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +3 -3
- package/dist/_typedoc/Thumbnail/Thumbnail.types.json +25 -25
- package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +41 -41
- package/dist/_typedoc/TieredSelect/TieredSelect.types.json +27 -27
- package/dist/_typedoc/Tile/Tile.types.json +30 -30
- package/dist/_typedoc/Toast/Toast.types.json +4 -4
- package/dist/_typedoc/ToggleButton/ToggleButton.types.json +3 -3
- package/dist/_typedoc/Token/Token.types.json +4 -4
- package/dist/_typedoc/ToolHeader/ToolHeader.types.json +8 -8
- package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
- package/dist/_typedoc/Tree/Tree.types.json +85 -85
- package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
- package/dist/_typedoc/Typography/Typography.types.json +8 -8
- package/dist/_typedoc/_utils/types.json +3 -3
- package/package.json +2 -2
|
@@ -3,7 +3,7 @@ import { NextMenuProps } from './NextMenu.types';
|
|
|
3
3
|
/**
|
|
4
4
|
* Defines how menu item will be rendered
|
|
5
5
|
* */
|
|
6
|
-
export declare const defaultMenuItemRenderer: (index: number
|
|
6
|
+
export declare const defaultMenuItemRenderer: (index: number) => string;
|
|
7
7
|
/**
|
|
8
8
|
* Defines how menu group header will be rendered
|
|
9
9
|
* */
|
|
@@ -11,7 +11,7 @@ export declare const defaultGroupHeaderRenderer: (index: number) => string;
|
|
|
11
11
|
/**
|
|
12
12
|
* Defines how menu group menu item will be rendered
|
|
13
13
|
* */
|
|
14
|
-
export declare const defaultGroupedMenuItemRenderer: (index: number, groupedIndex: number
|
|
14
|
+
export declare const defaultGroupedMenuItemRenderer: (index: number, groupedIndex: number) => string;
|
|
15
15
|
/**
|
|
16
16
|
* Count items in groups by id received from getItemGroupId
|
|
17
17
|
*
|
|
@@ -27,9 +27,7 @@ import { NextMenuGroup, NextMenuItem } from './NextMenuItem';
|
|
|
27
27
|
/**
|
|
28
28
|
* Defines how menu item will be rendered
|
|
29
29
|
* */
|
|
30
|
-
export var defaultMenuItemRenderer = function (index
|
|
31
|
-
return "Item: ".concat(index);
|
|
32
|
-
};
|
|
30
|
+
export var defaultMenuItemRenderer = function (index) { return "Item: ".concat(index); };
|
|
33
31
|
/**
|
|
34
32
|
* Defines how menu group header will be rendered
|
|
35
33
|
* */
|
|
@@ -37,7 +35,7 @@ export var defaultGroupHeaderRenderer = function (index) { return "Group: ".conc
|
|
|
37
35
|
/**
|
|
38
36
|
* Defines how menu group menu item will be rendered
|
|
39
37
|
* */
|
|
40
|
-
export var defaultGroupedMenuItemRenderer = function (index, groupedIndex
|
|
38
|
+
export var defaultGroupedMenuItemRenderer = function (index, groupedIndex) { return "Item: ".concat(index, " (Group ").concat(groupedIndex, ")"); };
|
|
41
39
|
/**
|
|
42
40
|
* Count items in groups by id received from getItemGroupId
|
|
43
41
|
*
|
|
@@ -82,21 +80,24 @@ export var NextMenu = React.forwardRef(function (_a, menuRef) {
|
|
|
82
80
|
var _b;
|
|
83
81
|
var style = _a.style, props = __rest(_a, ["style"]);
|
|
84
82
|
var _c = React.useState(defaultMenuHeight), adjustedHeight = _c[0], setAdjustedHeight = _c[1];
|
|
83
|
+
var sharedMenuConfiguration = {
|
|
84
|
+
ref: menuRef,
|
|
85
|
+
style: __assign({ height: adjustedHeight, minHeight: optionMinHeight }, style),
|
|
86
|
+
totalListHeightChanged: function (height) {
|
|
87
|
+
return setAdjustedHeight(calculateHeight(height));
|
|
88
|
+
},
|
|
89
|
+
};
|
|
85
90
|
if (!((_b = props.groups) === null || _b === void 0 ? void 0 : _b.length)) {
|
|
86
|
-
return
|
|
87
|
-
return setAdjustedHeight(calculateHeight(height));
|
|
88
|
-
} }, props)));
|
|
91
|
+
return React.createElement(NextMenuFlat, __assign({}, sharedMenuConfiguration, props));
|
|
89
92
|
}
|
|
90
|
-
return
|
|
91
|
-
return setAdjustedHeight(calculateHeight(height));
|
|
92
|
-
} }, props)));
|
|
93
|
+
return React.createElement(NextMenuGrouped, __assign({}, sharedMenuConfiguration, props));
|
|
93
94
|
});
|
|
94
95
|
/**
|
|
95
96
|
* Flat version of menu list
|
|
96
97
|
* */
|
|
97
98
|
export var NextMenuFlat = React.forwardRef(function (_a, menuRef) {
|
|
98
|
-
var
|
|
99
|
-
return (React.createElement(Virtuoso, { components: flatComponents,
|
|
99
|
+
var _b = _a.items, items = _b === void 0 ? [] : _b, menuItemRenderer = _a.menuItemRenderer, _c = _a.overscan, overscan = _c === void 0 ? 20 : _c, style = _a.style, totalListHeightChanged = _a.totalListHeightChanged, onEndReached = _a.onEndReached;
|
|
100
|
+
return (React.createElement(Virtuoso, { ref: menuRef, components: flatComponents, context: { items: items }, data: items, overscan: overscan, style: style, itemContent: menuItemRenderer, totalListHeightChanged: totalListHeightChanged, endReached: onEndReached }));
|
|
100
101
|
});
|
|
101
102
|
/**
|
|
102
103
|
* Grouped version of menu list
|
|
@@ -104,10 +105,10 @@ export var NextMenuFlat = React.forwardRef(function (_a, menuRef) {
|
|
|
104
105
|
* @see getGroupCounts
|
|
105
106
|
* */
|
|
106
107
|
export var NextMenuGrouped = React.forwardRef(function (props, menuRef) {
|
|
107
|
-
var children = props.children, _a = props.
|
|
108
|
+
var children = props.children, _a = props.items, items = _a === void 0 ? [] : _a, _b = props.groups, groups = _b === void 0 ? [] : _b, _c = props.getItemGroupId, getItemGroupId = _c === void 0 ? function () { return -1; } : _c, _d = props.menuItemRenderer, menuItemRenderer = _d === void 0 ? groups.length
|
|
108
109
|
? defaultGroupedMenuItemRenderer
|
|
109
|
-
: defaultMenuItemRenderer : _d, onSelect_ = props.onSelect, style = props.style, totalListHeightChanged = props.totalListHeightChanged;
|
|
110
|
+
: defaultMenuItemRenderer : _d, _e = props.groupHeaderRenderer, groupHeaderRenderer = _e === void 0 ? defaultGroupHeaderRenderer : _e, _f = props.overscan, overscan = _f === void 0 ? 20 : _f, onSelect_ = props.onSelect, onEndReached_ = props.onEndReached, style = props.style, totalListHeightChanged = props.totalListHeightChanged;
|
|
110
111
|
var groupCounts = getGroupCounts(items, groups, getItemGroupId);
|
|
111
|
-
return (React.createElement(GroupedVirtuoso, { components: groupedComponents, groupContent: groupHeaderRenderer, groupCounts: groupCounts, itemContent: menuItemRenderer,
|
|
112
|
+
return (React.createElement(GroupedVirtuoso, { ref: menuRef, style: style, components: groupedComponents, groupContent: groupHeaderRenderer, context: { items: items }, groupCounts: groupCounts, itemContent: menuItemRenderer, overscan: overscan, endReached: onEndReached_, totalListHeightChanged: totalListHeightChanged }));
|
|
112
113
|
});
|
|
113
114
|
//# sourceMappingURL=NextMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NextMenu.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAe,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACvE,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,aAAa,GACd,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE5D;;KAEK;AACL,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,KAAa,
|
|
1
|
+
{"version":3,"file":"NextMenu.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { GroupContent, GroupItemContent, ItemContent } from 'react-virtuoso';
|
|
1
|
+
import { GroupContent, GroupItemContent, ItemContent, ItemProps } from 'react-virtuoso';
|
|
2
2
|
import { Props } from '../_utils/types';
|
|
3
3
|
export interface NextMenuProps<Item, Group> extends Props {
|
|
4
4
|
/**
|
|
@@ -27,6 +27,12 @@ export interface NextMenuProps<Item, Group> extends Props {
|
|
|
27
27
|
* @since 11.1.1
|
|
28
28
|
*/
|
|
29
29
|
groupCounts?: number[];
|
|
30
|
+
/**
|
|
31
|
+
* The property causes the component to render more items than the necessary, but reduces the re-renders on scroll.
|
|
32
|
+
* @default 20
|
|
33
|
+
* @since 11.3.0
|
|
34
|
+
* */
|
|
35
|
+
overscan?: number;
|
|
30
36
|
/**
|
|
31
37
|
* Specifies how each group header gets rendered.
|
|
32
38
|
* The callback receives the zero-based index of the group.
|
|
@@ -43,19 +49,39 @@ export interface NextMenuProps<Item, Group> extends Props {
|
|
|
43
49
|
* @since 11.1.1
|
|
44
50
|
*/
|
|
45
51
|
onSelect?: (event: any) => Item;
|
|
52
|
+
/**
|
|
53
|
+
* Gets called when the user scrolls to the end of the list.
|
|
54
|
+
* Receives the last item index as an argument. Can be used to implement endless scrolling.
|
|
55
|
+
* @since 11.3.0
|
|
56
|
+
*/
|
|
57
|
+
onEndReached?: (index: number) => void;
|
|
46
58
|
}
|
|
47
|
-
export interface NextMenuItemProps<Item> extends
|
|
48
|
-
item
|
|
59
|
+
export interface NextMenuItemProps<Item> extends ItemProps {
|
|
60
|
+
item?: Item;
|
|
49
61
|
/**
|
|
50
62
|
* @default false
|
|
51
63
|
* @since 11.1.1
|
|
52
64
|
*/
|
|
53
|
-
isSelected
|
|
65
|
+
isSelected?: boolean;
|
|
54
66
|
/**
|
|
55
|
-
*
|
|
56
|
-
*
|
|
57
|
-
|
|
58
|
-
|
|
67
|
+
* Size of the list in which this item is rendered
|
|
68
|
+
* Used for accessibility purposes
|
|
69
|
+
* @since 11.3.0
|
|
70
|
+
* */
|
|
71
|
+
totalSize: number;
|
|
72
|
+
/**
|
|
73
|
+
* Item position in list
|
|
74
|
+
* @since 11.3.0
|
|
75
|
+
* */
|
|
76
|
+
itemPositionInList: number;
|
|
77
|
+
context?: {
|
|
78
|
+
items: Item[];
|
|
79
|
+
/**
|
|
80
|
+
* Handler for selecting menu items
|
|
81
|
+
* @since 11.1.1
|
|
82
|
+
*/
|
|
83
|
+
onSelect?: (event: any) => Item;
|
|
84
|
+
};
|
|
59
85
|
}
|
|
60
86
|
export interface NextMenuGroupProps<Group> extends NextMenuItemProps<Group> {
|
|
61
87
|
}
|
|
@@ -9,18 +9,32 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
12
23
|
import React from 'react';
|
|
13
24
|
import { StyledGroup, StyledItem } from './NextMenu.styles';
|
|
14
25
|
/**
|
|
15
26
|
* Default representation of item in menu
|
|
16
27
|
* */
|
|
17
|
-
export var NextMenuItem = React.forwardRef(function (
|
|
18
|
-
|
|
28
|
+
export var NextMenuItem = React.forwardRef(function (_a, ref) {
|
|
29
|
+
var _b;
|
|
30
|
+
var totalSize = _a.totalSize, itemPositionInList = _a["data-item-index"], context = _a.context, props = __rest(_a, ["totalSize", 'data-item-index', "context"]);
|
|
31
|
+
return (React.createElement(StyledItem, __assign({ "aria-setsize": (_b = context === null || context === void 0 ? void 0 : context.items) === null || _b === void 0 ? void 0 : _b.length, "aria-posinset": itemPositionInList + 1, ref: ref }, props)));
|
|
19
32
|
});
|
|
20
33
|
/**
|
|
21
34
|
* Default representation of group with items in menu
|
|
22
35
|
* */
|
|
23
|
-
export var NextMenuGroup = React.forwardRef(function (
|
|
24
|
-
|
|
36
|
+
export var NextMenuGroup = React.forwardRef(function (_a, ref) {
|
|
37
|
+
var children = _a.children, props = __rest(_a, ["children"]);
|
|
38
|
+
return (React.createElement(StyledGroup, __assign({ ref: ref }, props), children));
|
|
25
39
|
});
|
|
26
40
|
//# sourceMappingURL=NextMenuItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NextMenuItem.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenuItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NextMenuItem.js","sourceRoot":"","sources":["../../src/NextMenu/NextMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAG3D;;KAEK;AACL,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAI1C,UACE,EAAyE,EACzE,GAAG;;IADD,IAAA,SAAS,eAAA,EAAuB,kBAAkB,wBAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAAvE,2CAAyE,CAAF;IAGvE,OAAO,CACL,oBAAC,UAAU,6BACK,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,MAAM,mBACrB,kBAAkB,GAAG,CAAC,EACrC,GAAG,EAAE,GAAG,IACJ,KAAK,EACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED;;KAEK;AACL,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAG3C,UAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACrB,OAAO,CACL,oBAAC,WAAW,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GAC7B,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CAAC,CAAA"}
|
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Small Sample Size: Planets */
|
|
3
|
+
var __assign = (this && this.__assign) || function () {
|
|
4
|
+
__assign = Object.assign || function(t) {
|
|
5
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
+
s = arguments[i];
|
|
7
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
8
|
+
t[p] = s[p];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
return __assign.apply(this, arguments);
|
|
13
|
+
};
|
|
3
14
|
export var planets = [
|
|
4
15
|
{ name: 'Mercury', groupId: 'group_1' },
|
|
5
16
|
{ name: 'Venus', groupId: 'group_1' },
|
|
@@ -164,4 +175,19 @@ export var veggies = [
|
|
|
164
175
|
{ name: 'Spaghetti squash', category: 9 },
|
|
165
176
|
{ name: 'Zucchini', category: 9 },
|
|
166
177
|
];
|
|
178
|
+
export var getALotOfVeggies = function (times) {
|
|
179
|
+
if (times === void 0) { times = 10; }
|
|
180
|
+
var veggiesPile = [];
|
|
181
|
+
var _loop_1 = function (i) {
|
|
182
|
+
veggies.forEach(function (veg) {
|
|
183
|
+
var newVeg = __assign({}, veg);
|
|
184
|
+
newVeg.name = "".concat(veg.name, "-").concat(i);
|
|
185
|
+
veggiesPile.push(newVeg);
|
|
186
|
+
});
|
|
187
|
+
};
|
|
188
|
+
for (var i = 0; i < times; i++) {
|
|
189
|
+
_loop_1(i);
|
|
190
|
+
}
|
|
191
|
+
return veggiesPile;
|
|
192
|
+
};
|
|
167
193
|
//# sourceMappingURL=sampleData.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sampleData.js","sourceRoot":"","sources":["../../src/NextMenu/sampleData.ts"],"names":[],"mappings":"AAAA;gCACgC
|
|
1
|
+
{"version":3,"file":"sampleData.js","sourceRoot":"","sources":["../../src/NextMenu/sampleData.ts"],"names":[],"mappings":"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"}
|
package/dist/Spinner/Spinner.js
CHANGED
|
@@ -42,14 +42,14 @@ export var defaultSpinnerSize = 'lg';
|
|
|
42
42
|
|
|
43
43
|
*/
|
|
44
44
|
export var Spinner = React.forwardRef(function Spinner(_a, ref) {
|
|
45
|
-
var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, color = _a.color, label = _a.label, _c = _a.loading, loading = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? defaultSpinnerSize : _d, variant = _a.variant, props = __rest(_a, ["children", "className", "color", "label", "loading", "size", "variant"]);
|
|
45
|
+
var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, color = _a.color, label = _a.label, _c = _a.loading, loading = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? defaultSpinnerSize : _d, variant = _a.variant, _e = _a.centered, centered = _e === void 0 ? false : _e, props = __rest(_a, ["children", "className", "color", "label", "loading", "size", "variant", "centered"]);
|
|
46
46
|
var circle = (React.createElement(StyledSpinnerContainer, { className: !children ? className : '', "$color": color, "$size": size, "$variant": variant, ref: ref },
|
|
47
47
|
React.createElement(StyledSpinnerSVG, { viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg" },
|
|
48
48
|
React.createElement(StyledCircle, { cx: "24", cy: "24", r: radiusMap[size] }))));
|
|
49
49
|
if (!children) {
|
|
50
50
|
return circle;
|
|
51
51
|
}
|
|
52
|
-
return (React.createElement(StyledSpinnerOverlayContainer, __assign({ "$loading": loading, className: className }, props),
|
|
52
|
+
return (React.createElement(StyledSpinnerOverlayContainer, __assign({ "$loading": loading, className: className, "$centered": centered }, props),
|
|
53
53
|
React.createElement(StyledSpinnerOverlay, null),
|
|
54
54
|
React.createElement(StyledSpinnerContainerWithLabel, null,
|
|
55
55
|
circle,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,+BAA+B,EAC/B,oBAAoB,EACpB,6BAA6B,EAC7B,yBAAyB,EACzB,gBAAgB,GACjB,MAAM,kBAAkB,CAAA;AAGzB,IAAM,SAAS,GAAsC;IACnD,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,IAAI;CACT,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,IAAI,CAAA;AAEtC;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,OAAO,CACd,
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,+BAA+B,EAC/B,oBAAoB,EACpB,6BAA6B,EAC7B,yBAAyB,EACzB,gBAAgB,GACjB,MAAM,kBAAkB,CAAA;AAGzB,IAAM,SAAS,GAAsC;IACnD,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,IAAI;CACT,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,IAAI,CAAA;AAEtC;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,SAAS,OAAO,CACd,EAUC,EACD,GAAG;IAVD,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAAK,WAAA,EACL,KAAK,WAAA,EACL,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,YAAyB,EAAzB,IAAI,mBAAG,kBAAkB,KAAA,EACzB,OAAO,aAAA,EACP,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,KAAK,cATV,qFAUC,CADS;IAIV,IAAM,MAAM,GAAG,CACb,oBAAC,sBAAsB,IACrB,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,YAC7B,KAAK,WACN,IAAI,cACD,OAAO,EACjB,GAAG,EAAE,GAAG;QAER,oBAAC,gBAAgB,IACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,oBAAC,YAAY,IAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,GAAI,CACnC,CACI,CAC1B,CAAA;IAED,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,MAAM,CAAA;KACd;IAED,OAAO,CACL,oBAAC,6BAA6B,yBAClB,OAAO,EACjB,SAAS,EAAE,SAAS,eACT,QAAQ,IACf,KAAK;QAET,oBAAC,oBAAoB,OAAG;QACxB,oBAAC,+BAA+B;YAC7B,MAAM;YACP,oBAAC,yBAAyB,QAAE,KAAK,CAA6B,CAC9B;QACjC,QAAQ,CACqB,CACjC,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA"}
|
|
@@ -14,5 +14,6 @@ export declare const StyledSpinnerOverlay: import("styled-components").StyledCom
|
|
|
14
14
|
export declare const StyledSpinnerContainerWithLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
15
15
|
export declare const StyledSpinnerOverlayContainer: import("styled-components").StyledComponent<"div", any, {
|
|
16
16
|
$loading: boolean;
|
|
17
|
+
$centered: boolean;
|
|
17
18
|
}, never>;
|
|
18
19
|
export {};
|
|
@@ -44,12 +44,17 @@ var rotate = keyframes(templateObject_8 || (templateObject_8 = __makeTemplateObj
|
|
|
44
44
|
export var StyledSpinnerSVG = styled.svg(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n animation: ", " ", "s linear infinite;\n fill: none;\n height: 100%;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n width: 100%;\n z-index: 2;\n"], ["\n animation: ", " ", "s linear infinite;\n fill: none;\n height: 100%;\n left: 0;\n margin: auto;\n position: absolute;\n right: 0;\n top: 0;\n width: 100%;\n z-index: 2;\n"])), rotate, duration - durationOffset);
|
|
45
45
|
var startsWithNoInteraction = css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n opacity: 0;\n pointer-events: none;\n transition: opacity ", ";\n"], ["\n opacity: 0;\n pointer-events: none;\n transition: opacity ", ";\n"])), transition);
|
|
46
46
|
export var StyledSpinnerOverlay = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\n\n background-color: ", ";\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n z-index: ", ";\n"], ["\n ", "\n\n background-color: ", ";\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n z-index: ", ";\n"])), startsWithNoInteraction, colors.white, zOverlay);
|
|
47
|
-
export var StyledSpinnerContainerWithLabel = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n\n align-items: center;\n display: flex;\n flex-direction: column;\n height: 100%;\n
|
|
48
|
-
export var StyledSpinnerOverlayContainer = styled.div(
|
|
47
|
+
export var StyledSpinnerContainerWithLabel = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n\n align-items: center;\n display: flex;\n flex-direction: column;\n height: 100%;\n max-height: 400px;\n justify-content: center;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: ", ";\n"], ["\n ", "\n\n align-items: center;\n display: flex;\n flex-direction: column;\n height: 100%;\n max-height: 400px;\n justify-content: center;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: ", ";\n"])), startsWithNoInteraction, zContainer);
|
|
48
|
+
export var StyledSpinnerOverlayContainer = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n min-height: 150px;\n position: relative;\n\n ", "\n\n ", "\n"], ["\n min-height: 150px;\n position: relative;\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
49
49
|
var $loading = _a.$loading;
|
|
50
50
|
if ($loading) {
|
|
51
51
|
return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", ", ", " {\n opacity: 1;\n pointer-events: auto;\n }\n "], ["\n ", ", ", " {\n opacity: 1;\n pointer-events: auto;\n }\n "])), StyledSpinnerContainerWithLabel, StyledSpinnerOverlay);
|
|
52
52
|
}
|
|
53
|
+
}, function (_a) {
|
|
54
|
+
var $centered = _a.$centered;
|
|
55
|
+
if ($centered) {
|
|
56
|
+
return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", " {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n }\n "], ["\n ", " {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n }\n "])), StyledSpinnerContainerWithLabel);
|
|
57
|
+
}
|
|
53
58
|
});
|
|
54
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
|
|
59
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
|
|
55
60
|
//# sourceMappingURL=Spinner.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.styles.js","sourceRoot":"","sources":["../../src/Spinner/Spinner.styles.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Spinner.styles.js","sourceRoot":"","sources":["../../src/Spinner/Spinner.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -33,4 +33,10 @@ export interface SpinnerProps extends Props {
|
|
|
33
33
|
* @since 10.19.0
|
|
34
34
|
*/
|
|
35
35
|
variant?: SpinnerVariant;
|
|
36
|
+
/**
|
|
37
|
+
* Spinner option to be centered.
|
|
38
|
+
* Use this prop if you need to center the spinner regardless of the height of its children.
|
|
39
|
+
* @since 11.3.0
|
|
40
|
+
*/
|
|
41
|
+
centered?: boolean;
|
|
36
42
|
}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"description": "Instead of using the default children, you can pass in your own.",
|
|
11
11
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
|
|
12
12
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
13
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
13
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/_utils/types.ts#L45"
|
|
14
14
|
},
|
|
15
15
|
{
|
|
16
16
|
"name": "className",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"description": "Additional classNames",
|
|
21
21
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
|
|
22
22
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
23
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
23
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/_utils/types.ts#L50"
|
|
24
24
|
},
|
|
25
25
|
{
|
|
26
26
|
"name": "icon",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"description": "The icon to display",
|
|
31
31
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The icon to display</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
|
|
32
32
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
33
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
33
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/Avatar/Avatar.types.ts#L49"
|
|
34
34
|
},
|
|
35
35
|
{
|
|
36
36
|
"name": "style",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"description": "Additional CSS styles",
|
|
41
41
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
|
|
42
42
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
43
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
43
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/_utils/types.ts#L55"
|
|
44
44
|
}
|
|
45
45
|
],
|
|
46
46
|
"description": ""
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"description": "Instead of using the default children, you can pass in your own.",
|
|
57
57
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
|
|
58
58
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
59
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
59
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/_utils/types.ts#L45"
|
|
60
60
|
},
|
|
61
61
|
{
|
|
62
62
|
"name": "className",
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"description": "Additional classNames",
|
|
67
67
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
|
|
68
68
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
69
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
69
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/_utils/types.ts#L50"
|
|
70
70
|
},
|
|
71
71
|
{
|
|
72
72
|
"name": "style",
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"description": "Additional CSS styles",
|
|
77
77
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
|
|
78
78
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
79
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
79
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/_utils/types.ts#L55"
|
|
80
80
|
}
|
|
81
81
|
],
|
|
82
82
|
"description": ""
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"description": "Instead of using the default children, you can pass in your own.",
|
|
93
93
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
|
|
94
94
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
95
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
95
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/_utils/types.ts#L45"
|
|
96
96
|
},
|
|
97
97
|
{
|
|
98
98
|
"name": "className",
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
"description": "Additional classNames",
|
|
103
103
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
|
|
104
104
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
105
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
105
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/_utils/types.ts#L50"
|
|
106
106
|
},
|
|
107
107
|
{
|
|
108
108
|
"name": "imageUrl",
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
"description": "The Avatar rich media url",
|
|
113
113
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The Avatar rich media url</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
|
|
114
114
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
115
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
115
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/Avatar/Avatar.types.ts#L57"
|
|
116
116
|
},
|
|
117
117
|
{
|
|
118
118
|
"name": "style",
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
"description": "Additional CSS styles",
|
|
123
123
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
|
|
124
124
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
125
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
125
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/_utils/types.ts#L55"
|
|
126
126
|
}
|
|
127
127
|
],
|
|
128
128
|
"description": ""
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
"description": "Instead of using the default children, you can pass in your own.",
|
|
139
139
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
|
|
140
140
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
141
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
141
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/_utils/types.ts#L45"
|
|
142
142
|
},
|
|
143
143
|
{
|
|
144
144
|
"name": "className",
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
"description": "Additional classNames",
|
|
149
149
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
|
|
150
150
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
151
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
151
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/_utils/types.ts#L50"
|
|
152
152
|
},
|
|
153
153
|
{
|
|
154
154
|
"name": "clickable",
|
|
@@ -159,7 +159,7 @@
|
|
|
159
159
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the Avatar's clickable state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd><dt>defaultvalue</dt><dd><p>false</p>\n</dd></dl></div>",
|
|
160
160
|
"defaultValue": "false\n",
|
|
161
161
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
162
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
162
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/Avatar/Avatar.types.ts#L12"
|
|
163
163
|
},
|
|
164
164
|
{
|
|
165
165
|
"name": "disabled",
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the Avatar's disabled state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>defaultvalue</dt><dd><p>false</p>\n</dd></dl></div>",
|
|
171
171
|
"defaultValue": "false\n",
|
|
172
172
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
173
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
173
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/Avatar/Avatar.types.ts#L18"
|
|
174
174
|
},
|
|
175
175
|
{
|
|
176
176
|
"name": "size",
|
|
@@ -183,7 +183,7 @@
|
|
|
183
183
|
"deprecated": "\n\nSize \"xl\" has been deprecated and will be removed in a future version.\nPlease use \"lg\" instead of \"xl\".\n\n**Before**\n\n`<Avatar size=\"xl\" />`\n\n**After**\n\n`<Avatar size=\"lg\" />`\n",
|
|
184
184
|
"deprecatedSince": "10.20.0",
|
|
185
185
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
186
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
186
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/Avatar/Avatar.types.ts#L40"
|
|
187
187
|
},
|
|
188
188
|
{
|
|
189
189
|
"name": "style",
|
|
@@ -193,7 +193,7 @@
|
|
|
193
193
|
"description": "Additional CSS styles",
|
|
194
194
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
|
|
195
195
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
196
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
196
|
+
"sourceUrl": "https://github.com/procore/core/blob/3f4793861/packages/core-react/src/_utils/types.ts#L55"
|
|
197
197
|
}
|
|
198
198
|
],
|
|
199
199
|
"description": ""
|