@telus-uds/components-web 2.21.2 → 2.22.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 +13 -2
- package/lib/Badge/Badge.js +2 -14
- package/lib/Badge/index.js +0 -3
- package/lib/BlockQuote/BlockQuote.js +4 -25
- package/lib/BlockQuote/index.js +0 -3
- package/lib/Breadcrumbs/Breadcrumbs.js +9 -36
- package/lib/Breadcrumbs/Item/Item.js +15 -25
- package/lib/Breadcrumbs/index.js +0 -2
- package/lib/Callout/Callout.js +2 -24
- package/lib/Callout/index.js +0 -3
- package/lib/Card/Card.js +15 -29
- package/lib/Card/CardContent.js +5 -18
- package/lib/Card/CardFooter.js +7 -19
- package/lib/Card/index.js +0 -3
- package/lib/Countdown/Countdown.js +5 -24
- package/lib/Countdown/Segment.js +3 -15
- package/lib/Countdown/index.js +0 -3
- package/lib/Countdown/types.js +2 -7
- package/lib/Countdown/useCountdown.js +0 -7
- package/lib/DatePicker/CalendarContainer.js +0 -5
- package/lib/DatePicker/DatePicker.js +9 -61
- package/lib/DatePicker/dictionary.js +0 -8
- package/lib/DatePicker/index.js +0 -3
- package/lib/DatePicker/reactDatesCss.js +0 -2
- package/lib/Disclaimer/Disclaimer.js +5 -14
- package/lib/Disclaimer/index.js +0 -2
- package/lib/ExpandCollapseMini/ExpandCollapseMini.js +6 -17
- package/lib/ExpandCollapseMini/ExpandCollapseMiniControl.js +12 -25
- package/lib/ExpandCollapseMini/index.js +0 -3
- package/lib/Footnote/Footnote.js +17 -63
- package/lib/Footnote/FootnoteLink.js +3 -24
- package/lib/Footnote/index.js +0 -4
- package/lib/IconButton/IconButton.js +4 -14
- package/lib/IconButton/index.js +0 -3
- package/lib/Image/Image.js +5 -24
- package/lib/Image/index.js +0 -3
- package/lib/List/List.js +0 -2
- package/lib/List/ListItem.js +0 -8
- package/lib/List/index.js +0 -4
- package/lib/NavigationBar/NavigationBar.js +10 -35
- package/lib/NavigationBar/NavigationItem.js +5 -17
- package/lib/NavigationBar/NavigationSubMenu.js +3 -19
- package/lib/NavigationBar/collapseItems.js +6 -9
- package/lib/NavigationBar/index.js +0 -3
- package/lib/NavigationBar/resolveItemSelection.js +2 -3
- package/lib/OptimizeImage/OptimizeImage.js +6 -27
- package/lib/OptimizeImage/index.js +0 -3
- package/lib/OptimizeImage/utils/getFallbackUrl.js +0 -4
- package/lib/OptimizeImage/utils/getOptimizedUrl.js +0 -8
- package/lib/OptimizeImage/utils/hasWebpSupport.js +1 -5
- package/lib/OptimizeImage/utils/index.js +0 -4
- package/lib/OptimizeImage/utils/isSvgUrl.js +0 -1
- package/lib/OrderedList/Item.js +4 -21
- package/lib/OrderedList/ItemBase.js +2 -9
- package/lib/OrderedList/OrderedList.js +11 -22
- package/lib/OrderedList/OrderedListBase.js +3 -13
- package/lib/OrderedList/index.js +0 -4
- package/lib/Paragraph/Paragraph.js +3 -18
- package/lib/Paragraph/index.js +0 -3
- package/lib/PreviewCard/AuthorDate.js +1 -10
- package/lib/PreviewCard/PreviewCard.js +15 -35
- package/lib/PreviewCard/index.js +0 -3
- package/lib/PriceLockup/PriceLockup.js +78 -75
- package/lib/PriceLockup/index.js +0 -3
- package/lib/PriceLockup/tokens.js +0 -2
- package/lib/Progress/ProgressBar.js +5 -16
- package/lib/Progress/index.js +0 -4
- package/lib/QuantitySelector/QuantitySelector.js +8 -42
- package/lib/QuantitySelector/SideButton.js +4 -11
- package/lib/QuantitySelector/index.js +0 -3
- package/lib/QuantitySelector/styles.js +0 -6
- package/lib/ResponsiveImage/ResponsiveImage.js +5 -20
- package/lib/ResponsiveImage/index.js +0 -3
- package/lib/Ribbon/Ribbon.js +4 -20
- package/lib/Ribbon/index.js +0 -3
- package/lib/SkeletonProvider/SkeletonImage.js +0 -10
- package/lib/SkeletonProvider/SkeletonProvider.js +4 -22
- package/lib/SkeletonProvider/SkeletonTypography.js +0 -10
- package/lib/SkeletonProvider/index.js +0 -3
- package/lib/Span/Span.js +3 -17
- package/lib/Span/index.js +0 -3
- package/lib/Spinner/Spinner.js +11 -39
- package/lib/Spinner/SpinnerContent.js +2 -18
- package/lib/Spinner/index.js +0 -3
- package/lib/StoryCard/StoryCard.js +11 -31
- package/lib/StoryCard/index.js +0 -3
- package/lib/Table/Body.js +0 -6
- package/lib/Table/Cell.js +4 -24
- package/lib/Table/Header.js +0 -9
- package/lib/Table/Row.js +0 -8
- package/lib/Table/SubHeading.js +0 -9
- package/lib/Table/Table.js +5 -23
- package/lib/Table/index.js +0 -8
- package/lib/TermsAndConditions/ExpandCollapse.js +4 -14
- package/lib/TermsAndConditions/TermsAndConditions.js +7 -29
- package/lib/TermsAndConditions/index.js +0 -2
- package/lib/Testimonial/Testimonial.js +2 -26
- package/lib/Testimonial/index.js +0 -3
- package/lib/Toast/Toast.js +4 -25
- package/lib/Toast/index.js +0 -3
- package/lib/Video/ControlBar/ControlBar.js +2 -25
- package/lib/Video/ControlBar/Controls/VideoButton/VideoButton.js +4 -17
- package/lib/Video/ControlBar/Controls/VideoMenu/VideoMenu.js +4 -20
- package/lib/Video/ControlBar/Controls/VideoProgressBar/VideoProgressBar.js +12 -26
- package/lib/Video/ControlBar/Controls/VolumeSlider/VolumeSlider.js +8 -23
- package/lib/Video/MiddleControlButton/MiddleControlButton.js +2 -12
- package/lib/Video/Video.js +122 -194
- package/lib/Video/index.js +0 -3
- package/lib/VideoPicker/VideoPicker.js +6 -32
- package/lib/VideoPicker/VideoPickerPlayer.js +2 -10
- package/lib/VideoPicker/VideoPickerThumbnail.js +7 -28
- package/lib/VideoPicker/VideoSlider.js +7 -17
- package/lib/VideoPicker/index.js +0 -3
- package/lib/VideoPicker/videoPropType.js +2 -8
- package/lib/WaffleGrid/WaffleGrid.js +11 -28
- package/lib/WaffleGrid/index.js +0 -3
- package/lib/WebPortal/WebPortal.js +1 -5
- package/lib/WebPortal/index.js +0 -3
- package/lib/WebVideo/WebVideo.js +4 -30
- package/lib/WebVideo/index.js +0 -3
- package/lib/baseExports.js +6 -1
- package/lib/index.js +0 -49
- package/lib/shared/FullBleedContent/FullBleedContent.js +5 -17
- package/lib/shared/FullBleedContent/getFullBleedBorderRadius.js +0 -11
- package/lib/shared/FullBleedContent/index.js +0 -5
- package/lib/shared/FullBleedContent/useFullBleedContentProps.js +1 -12
- package/lib/shared/VideoSplash/SplashButton/SplashButton.js +2 -12
- package/lib/shared/VideoSplash/SplashButtonWithDetails/SplashButtonWithDetails.js +7 -23
- package/lib/shared/VideoSplash/VideoSplash.js +4 -17
- package/lib/shared/VideoSplash/helpers.js +0 -6
- package/lib/utils/index.js +0 -9
- package/lib/utils/logger.js +0 -6
- package/lib/utils/media.js +2 -11
- package/lib/utils/renderStructuredContent.js +14 -31
- package/lib/utils/ssr.js +0 -6
- package/lib/utils/transforms.js +0 -2
- package/lib/utils/useOverlaidPosition.js +6 -28
- package/lib/utils/useTypographyTheme.js +4 -5
- package/lib-module/Badge/Badge.js +2 -5
- package/lib-module/BlockQuote/BlockQuote.js +4 -15
- package/lib-module/Breadcrumbs/Breadcrumbs.js +9 -25
- package/lib-module/Breadcrumbs/Item/Item.js +15 -12
- package/lib-module/Callout/Callout.js +2 -16
- package/lib-module/Card/Card.js +14 -17
- package/lib-module/Card/CardContent.js +5 -8
- package/lib-module/Card/CardFooter.js +7 -9
- package/lib-module/Countdown/Countdown.js +6 -11
- package/lib-module/Countdown/Segment.js +6 -8
- package/lib-module/Countdown/types.js +2 -1
- package/lib-module/Countdown/useCountdown.js +0 -6
- package/lib-module/DatePicker/CalendarContainer.js +3 -1
- package/lib-module/DatePicker/DatePicker.js +9 -39
- package/lib-module/DatePicker/dictionary.js +0 -8
- package/lib-module/Disclaimer/Disclaimer.js +5 -4
- package/lib-module/ExpandCollapseMini/ExpandCollapseMini.js +6 -8
- package/lib-module/ExpandCollapseMini/ExpandCollapseMiniControl.js +13 -19
- package/lib-module/Footnote/Footnote.js +17 -41
- package/lib-module/Footnote/FootnoteLink.js +3 -12
- package/lib-module/IconButton/IconButton.js +4 -6
- package/lib-module/Image/Image.js +5 -14
- package/lib-module/NavigationBar/NavigationBar.js +10 -20
- package/lib-module/NavigationBar/NavigationItem.js +5 -5
- package/lib-module/NavigationBar/NavigationSubMenu.js +3 -8
- package/lib-module/NavigationBar/collapseItems.js +6 -8
- package/lib-module/NavigationBar/resolveItemSelection.js +2 -2
- package/lib-module/OptimizeImage/OptimizeImage.js +6 -16
- package/lib-module/OptimizeImage/utils/getFallbackUrl.js +0 -1
- package/lib-module/OptimizeImage/utils/getOptimizedUrl.js +0 -5
- package/lib-module/OptimizeImage/utils/hasWebpSupport.js +1 -5
- package/lib-module/OrderedList/Item.js +4 -7
- package/lib-module/OrderedList/ItemBase.js +2 -3
- package/lib-module/OrderedList/OrderedList.js +11 -9
- package/lib-module/OrderedList/OrderedListBase.js +3 -3
- package/lib-module/Paragraph/Paragraph.js +3 -8
- package/lib-module/PreviewCard/AuthorDate.js +1 -4
- package/lib-module/PreviewCard/PreviewCard.js +16 -19
- package/lib-module/PriceLockup/PriceLockup.js +78 -57
- package/lib-module/Progress/ProgressBar.js +7 -8
- package/lib-module/QuantitySelector/QuantitySelector.js +8 -30
- package/lib-module/QuantitySelector/SideButton.js +4 -6
- package/lib-module/ResponsiveImage/ResponsiveImage.js +5 -12
- package/lib-module/Ribbon/Ribbon.js +4 -9
- package/lib-module/SkeletonProvider/SkeletonImage.js +0 -5
- package/lib-module/SkeletonProvider/SkeletonProvider.js +4 -12
- package/lib-module/SkeletonProvider/SkeletonTypography.js +0 -5
- package/lib-module/Span/Span.js +3 -7
- package/lib-module/Spinner/Spinner.js +11 -24
- package/lib-module/Spinner/SpinnerContent.js +2 -8
- package/lib-module/StoryCard/StoryCard.js +12 -17
- package/lib-module/Table/Body.js +0 -2
- package/lib-module/Table/Cell.js +4 -14
- package/lib-module/Table/Header.js +0 -2
- package/lib-module/Table/Row.js +0 -2
- package/lib-module/Table/SubHeading.js +0 -2
- package/lib-module/Table/Table.js +5 -6
- package/lib-module/TermsAndConditions/ExpandCollapse.js +4 -2
- package/lib-module/TermsAndConditions/TermsAndConditions.js +7 -9
- package/lib-module/Testimonial/Testimonial.js +2 -11
- package/lib-module/Toast/Toast.js +4 -15
- package/lib-module/Video/ControlBar/ControlBar.js +2 -9
- package/lib-module/Video/ControlBar/Controls/VideoButton/VideoButton.js +4 -8
- package/lib-module/Video/ControlBar/Controls/VideoMenu/VideoMenu.js +4 -8
- package/lib-module/Video/ControlBar/Controls/VideoProgressBar/VideoProgressBar.js +12 -13
- package/lib-module/Video/ControlBar/Controls/VolumeSlider/VolumeSlider.js +8 -10
- package/lib-module/Video/MiddleControlButton/MiddleControlButton.js +2 -3
- package/lib-module/Video/Video.js +122 -173
- package/lib-module/VideoPicker/VideoPicker.js +6 -15
- package/lib-module/VideoPicker/VideoPickerPlayer.js +2 -3
- package/lib-module/VideoPicker/VideoPickerThumbnail.js +7 -13
- package/lib-module/VideoPicker/VideoSlider.js +6 -9
- package/lib-module/VideoPicker/videoPropType.js +2 -1
- package/lib-module/WaffleGrid/WaffleGrid.js +11 -15
- package/lib-module/WebPortal/WebPortal.js +1 -1
- package/lib-module/WebVideo/WebVideo.js +4 -15
- package/lib-module/baseExports.js +3 -2
- package/lib-module/index.js +0 -1
- package/lib-module/shared/FullBleedContent/FullBleedContent.js +5 -10
- package/lib-module/shared/FullBleedContent/getFullBleedBorderRadius.js +0 -10
- package/lib-module/shared/FullBleedContent/useFullBleedContentProps.js +1 -11
- package/lib-module/shared/VideoSplash/SplashButton/SplashButton.js +2 -3
- package/lib-module/shared/VideoSplash/SplashButtonWithDetails/SplashButtonWithDetails.js +7 -12
- package/lib-module/shared/VideoSplash/VideoSplash.js +4 -4
- package/lib-module/utils/logger.js +2 -2
- package/lib-module/utils/media.js +2 -9
- package/lib-module/utils/renderStructuredContent.js +14 -25
- package/lib-module/utils/ssr.js +0 -4
- package/lib-module/utils/useOverlaidPosition.js +8 -27
- package/lib-module/utils/useTypographyTheme.js +4 -4
- package/package.json +3 -3
- package/src/PriceLockup/PriceLockup.jsx +36 -11
- package/src/baseExports.js +1 -0
- package/src/index.js +0 -1
- package/lib/Modal/Modal.js +0 -146
- package/lib/Modal/ModalContent.js +0 -203
- package/lib/Modal/index.js +0 -13
- package/lib-module/Modal/Modal.js +0 -132
- package/lib-module/Modal/ModalContent.js +0 -181
- package/lib-module/Modal/index.js +0 -2
- package/src/Modal/Modal.jsx +0 -121
- package/src/Modal/ModalContent.jsx +0 -167
- package/src/Modal/index.js +0 -3
package/lib/Spinner/Spinner.js
CHANGED
|
@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
|
-
|
|
14
10
|
var _componentsBase = require("@telus-uds/components-base");
|
|
15
|
-
|
|
16
11
|
var _portal = require("@gorhom/portal");
|
|
17
|
-
|
|
18
12
|
var _SpinnerContent = _interopRequireDefault(require("./SpinnerContent"));
|
|
19
|
-
|
|
20
13
|
var _utils = require("../utils");
|
|
21
|
-
|
|
22
14
|
var _constants = require("./constants");
|
|
23
|
-
|
|
24
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
|
-
|
|
26
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
|
-
|
|
28
17
|
const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
|
|
29
|
-
|
|
30
18
|
const SpinnerContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
|
|
31
19
|
displayName: "Spinner__SpinnerContainer",
|
|
32
20
|
componentId: "components-web__sc-116rqck-0"
|
|
@@ -49,7 +37,6 @@ const SpinnerContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
|
|
|
49
37
|
})
|
|
50
38
|
};
|
|
51
39
|
});
|
|
52
|
-
|
|
53
40
|
const ContentOverlay = /*#__PURE__*/_styledComponents.default.div.withConfig({
|
|
54
41
|
displayName: "Spinner__ContentOverlay",
|
|
55
42
|
componentId: "components-web__sc-116rqck-1"
|
|
@@ -59,7 +46,6 @@ const ContentOverlay = /*#__PURE__*/_styledComponents.default.div.withConfig({
|
|
|
59
46
|
height: '100%',
|
|
60
47
|
zIndex: _constants.BACKDROP_Z_INDEX
|
|
61
48
|
});
|
|
62
|
-
|
|
63
49
|
const FullscreenOverlay = /*#__PURE__*/_styledComponents.default.div.withConfig({
|
|
64
50
|
displayName: "Spinner__FullscreenOverlay",
|
|
65
51
|
componentId: "components-web__sc-116rqck-2"
|
|
@@ -77,32 +63,27 @@ const FullscreenOverlay = /*#__PURE__*/_styledComponents.default.div.withConfig(
|
|
|
77
63
|
backgroundColor: fullScreenOverLayBackground
|
|
78
64
|
};
|
|
79
65
|
});
|
|
80
|
-
|
|
81
66
|
const OpaqueContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
|
|
82
67
|
displayName: "Spinner__OpaqueContainer",
|
|
83
68
|
componentId: "components-web__sc-116rqck-3"
|
|
84
69
|
})({
|
|
85
70
|
opacity: _constants.BACKDROP_OPACITY
|
|
86
71
|
});
|
|
87
|
-
|
|
88
72
|
const recursiveMap = (children, fn) => _react.default.Children.map(children, child => {
|
|
89
73
|
if (! /*#__PURE__*/_react.default.isValidElement(child)) {
|
|
90
74
|
return child;
|
|
91
75
|
}
|
|
92
|
-
|
|
93
76
|
if (child.props.children) {
|
|
94
77
|
return fn( /*#__PURE__*/_react.default.cloneElement(child, {
|
|
95
78
|
children: recursiveMap(child.props.children, fn)
|
|
96
79
|
}));
|
|
97
80
|
}
|
|
98
|
-
|
|
99
81
|
return fn(child);
|
|
100
82
|
});
|
|
83
|
+
|
|
101
84
|
/**
|
|
102
85
|
* Loading indicator.
|
|
103
86
|
*/
|
|
104
|
-
|
|
105
|
-
|
|
106
87
|
const Spinner = _ref3 => {
|
|
107
88
|
let {
|
|
108
89
|
children,
|
|
@@ -125,12 +106,11 @@ const Spinner = _ref3 => {
|
|
|
125
106
|
size: sizeVariant = 'large'
|
|
126
107
|
} = variant;
|
|
127
108
|
(0, _componentsBase.useScrollBlocking)([fullScreen, show]);
|
|
128
|
-
|
|
129
109
|
if (!show) {
|
|
130
110
|
return children ?? null;
|
|
131
|
-
}
|
|
132
|
-
|
|
111
|
+
}
|
|
133
112
|
|
|
113
|
+
// Full screen spinner
|
|
134
114
|
if (fullScreen) {
|
|
135
115
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_portal.Portal, {
|
|
136
116
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FullscreenOverlay, {
|
|
@@ -152,9 +132,9 @@ const Spinner = _ref3 => {
|
|
|
152
132
|
})
|
|
153
133
|
})
|
|
154
134
|
});
|
|
155
|
-
}
|
|
156
|
-
|
|
135
|
+
}
|
|
157
136
|
|
|
137
|
+
// Overlay spinner
|
|
158
138
|
if (children) {
|
|
159
139
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpinnerContainer, {
|
|
160
140
|
inline: inline,
|
|
@@ -177,15 +157,15 @@ const Spinner = _ref3 => {
|
|
|
177
157
|
'aria-hidden': 'true'
|
|
178
158
|
});
|
|
179
159
|
}
|
|
180
|
-
|
|
181
160
|
return undefined;
|
|
182
161
|
})
|
|
183
162
|
})]
|
|
184
163
|
});
|
|
185
|
-
}
|
|
186
|
-
|
|
164
|
+
}
|
|
187
165
|
|
|
188
|
-
|
|
166
|
+
// Standalone spinner
|
|
167
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(SpinnerContainer, {
|
|
168
|
+
...selectProps(rest),
|
|
189
169
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpinnerContent.default, {
|
|
190
170
|
label: label,
|
|
191
171
|
labelPosition: labelPosition,
|
|
@@ -196,49 +176,41 @@ const Spinner = _ref3 => {
|
|
|
196
176
|
})
|
|
197
177
|
});
|
|
198
178
|
};
|
|
199
|
-
|
|
200
|
-
|
|
179
|
+
Spinner.propTypes = {
|
|
180
|
+
...selectedSystemPropTypes,
|
|
201
181
|
tokens: (0, _componentsBase.getTokensPropType)('Spinner'),
|
|
202
|
-
|
|
203
182
|
/**
|
|
204
183
|
* Content to be overlaid while the spinner is active. Can be text, any HTML element,
|
|
205
184
|
* or any component.
|
|
206
185
|
*/
|
|
207
186
|
children: _propTypes.default.node,
|
|
208
|
-
|
|
209
187
|
/**
|
|
210
188
|
* Enables body locking.
|
|
211
189
|
*/
|
|
212
190
|
fullScreen: _propTypes.default.bool,
|
|
213
|
-
|
|
214
191
|
/**
|
|
215
192
|
* Set the inline prop to true if the Spinner should only cover its children; if
|
|
216
193
|
* the Spinner should cover the full width of its parent regardless of the size of
|
|
217
194
|
* its children, inline should be set to false
|
|
218
195
|
*/
|
|
219
196
|
inline: _propTypes.default.bool,
|
|
220
|
-
|
|
221
197
|
/**
|
|
222
198
|
* Communicates a message to assistive technology while visible. This same message
|
|
223
199
|
* will appear underneath the spinner when its `size` is `large`.
|
|
224
200
|
*/
|
|
225
201
|
label: _propTypes.default.string.isRequired,
|
|
226
|
-
|
|
227
202
|
/**
|
|
228
203
|
* The size of the spinner
|
|
229
204
|
*/
|
|
230
205
|
// size: PropTypes.oneOf(['large', 'small']),
|
|
231
|
-
|
|
232
206
|
/**
|
|
233
207
|
* Whether or not to render the spinner.
|
|
234
208
|
*/
|
|
235
209
|
show: _propTypes.default.bool,
|
|
236
|
-
|
|
237
210
|
/**
|
|
238
211
|
* If true, it should render a static spinner
|
|
239
212
|
*/
|
|
240
213
|
isStatic: _propTypes.default.bool,
|
|
241
|
-
|
|
242
214
|
/**
|
|
243
215
|
* Determine where the label of the spinner should be placed, left, right, bottom or top.
|
|
244
216
|
*/
|
|
@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
|
-
|
|
14
10
|
var _componentsBase = require("@telus-uds/components-base");
|
|
15
|
-
|
|
16
11
|
var _utils = require("../utils");
|
|
17
|
-
|
|
18
12
|
var _constants = require("./constants");
|
|
19
|
-
|
|
20
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
15
|
const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
|
|
25
|
-
|
|
26
16
|
const Container = /*#__PURE__*/_styledComponents.default.div.withConfig({
|
|
27
17
|
displayName: "SpinnerContent__Container",
|
|
28
18
|
componentId: "components-web__sc-1c8bd8e-0"
|
|
@@ -43,7 +33,6 @@ const Container = /*#__PURE__*/_styledComponents.default.div.withConfig({
|
|
|
43
33
|
})
|
|
44
34
|
};
|
|
45
35
|
});
|
|
46
|
-
|
|
47
36
|
const SpinnerContent = _ref2 => {
|
|
48
37
|
let {
|
|
49
38
|
label,
|
|
@@ -83,29 +72,24 @@ const SpinnerContent = _ref2 => {
|
|
|
83
72
|
})
|
|
84
73
|
});
|
|
85
74
|
};
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
75
|
+
SpinnerContent.propTypes = {
|
|
76
|
+
...selectedSystemPropTypes,
|
|
89
77
|
/**
|
|
90
78
|
* Communicates a message to assistive technology while visible. This same message will appear underneath the spinner when its `size` is `large`.
|
|
91
79
|
*/
|
|
92
80
|
label: _propTypes.default.string.isRequired,
|
|
93
|
-
|
|
94
81
|
/**
|
|
95
82
|
* Whether the container has to have an overlay styling.
|
|
96
83
|
*/
|
|
97
84
|
overlay: _propTypes.default.bool,
|
|
98
|
-
|
|
99
85
|
/**
|
|
100
86
|
* Size (width and height) of the spinner.
|
|
101
87
|
*/
|
|
102
88
|
size: _propTypes.default.number,
|
|
103
|
-
|
|
104
89
|
/**
|
|
105
90
|
* The size of the spinner
|
|
106
91
|
*/
|
|
107
92
|
sizeVariant: _propTypes.default.oneOf(['large', 'small']),
|
|
108
|
-
|
|
109
93
|
/**
|
|
110
94
|
* If true, it should render a static spinner
|
|
111
95
|
*/
|
package/lib/Spinner/index.js
CHANGED
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _Spinner = _interopRequireDefault(require("./Spinner"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _Spinner.default;
|
|
13
10
|
exports.default = _default;
|
|
@@ -4,30 +4,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _componentsBase = require("@telus-uds/components-base");
|
|
13
|
-
|
|
14
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
15
|
-
|
|
16
11
|
var _FullBleedContent = _interopRequireWildcard(require("../shared/FullBleedContent"));
|
|
17
|
-
|
|
18
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
-
|
|
24
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
-
|
|
26
16
|
/* eslint-disable react/require-default-props */
|
|
17
|
+
|
|
27
18
|
// Passes React Native-oriented system props through UDS PressableCardBase
|
|
28
|
-
const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_componentsBase.a11yProps, _componentsBase.focusHandlerProps, _componentsBase.viewProps]);
|
|
29
|
-
// apparent position of the full bleed image to change.
|
|
19
|
+
const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_componentsBase.a11yProps, _componentsBase.focusHandlerProps, _componentsBase.viewProps]);
|
|
30
20
|
|
|
21
|
+
// Stop changes to the card's inner border width causing the size and
|
|
22
|
+
// apparent position of the full bleed image to change.
|
|
31
23
|
const FullBleedOffsetOuter = /*#__PURE__*/_styledComponents.default.div.withConfig({
|
|
32
24
|
displayName: "StoryCard__FullBleedOffsetOuter",
|
|
33
25
|
componentId: "components-web__sc-yhvivu-0"
|
|
@@ -40,7 +32,6 @@ const FullBleedOffsetOuter = /*#__PURE__*/_styledComponents.default.div.withConf
|
|
|
40
32
|
marginTop: borderOffset * 2
|
|
41
33
|
};
|
|
42
34
|
});
|
|
43
|
-
|
|
44
35
|
const FullBleedOffsetInner = /*#__PURE__*/_styledComponents.default.div.withConfig({
|
|
45
36
|
displayName: "StoryCard__FullBleedOffsetInner",
|
|
46
37
|
componentId: "components-web__sc-yhvivu-1"
|
|
@@ -53,6 +44,7 @@ const FullBleedOffsetInner = /*#__PURE__*/_styledComponents.default.div.withConf
|
|
|
53
44
|
margin: 0 - borderOffset
|
|
54
45
|
};
|
|
55
46
|
});
|
|
47
|
+
|
|
56
48
|
/**
|
|
57
49
|
* Showcase and guide users to another page, offering a description of that page's story.
|
|
58
50
|
* Whole card is interactive, width expands based on column or container.
|
|
@@ -64,8 +56,6 @@ const FullBleedOffsetInner = /*#__PURE__*/_styledComponents.default.div.withConf
|
|
|
64
56
|
* - Use `href` to set the target URL
|
|
65
57
|
* - Use `fullBleedContent` to set the thumbnail image
|
|
66
58
|
*/
|
|
67
|
-
|
|
68
|
-
|
|
69
59
|
const StoryCard = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
|
|
70
60
|
let {
|
|
71
61
|
tag,
|
|
@@ -84,19 +74,17 @@ const StoryCard = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
|
|
|
84
74
|
fullBleedContentPosition,
|
|
85
75
|
contentStackDirection,
|
|
86
76
|
fullBleedContentProps
|
|
87
|
-
} = (0, _FullBleedContent.useFullBleedContentProps)({
|
|
77
|
+
} = (0, _FullBleedContent.useFullBleedContentProps)({
|
|
78
|
+
...fullBleedContent,
|
|
88
79
|
position: 'bottom'
|
|
89
80
|
});
|
|
90
81
|
const generalTokens = (0, _componentsBase.useThemeTokens)('StoryCard', tokens, variant);
|
|
91
82
|
const getTokens = (0, _componentsBase.useThemeTokensCallback)('StoryCard', tokens, variant);
|
|
92
|
-
|
|
93
83
|
const getPressableCardTokens = cardState => getTokens(cardState);
|
|
94
|
-
|
|
95
84
|
const {
|
|
96
85
|
hrefAttrs,
|
|
97
86
|
rest: unusedRest
|
|
98
87
|
} = _componentsBase.hrefAttrsProp.bundle(rest);
|
|
99
|
-
|
|
100
88
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.PressableCardBase, {
|
|
101
89
|
ref: ref,
|
|
102
90
|
onPress: onPress,
|
|
@@ -108,8 +96,9 @@ const StoryCard = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
|
|
|
108
96
|
const {
|
|
109
97
|
borderRadius,
|
|
110
98
|
borderWidth
|
|
111
|
-
} = getPressableCardTokens(cardState);
|
|
99
|
+
} = getPressableCardTokens(cardState);
|
|
112
100
|
|
|
101
|
+
// Stop content jumping around as border size changes
|
|
113
102
|
const borderOffset = borderWidth - generalTokens.borderWidth;
|
|
114
103
|
const fullBleedBorderRadius = (0, _FullBleedContent.getFullBleedBorderRadius)(borderRadius + borderOffset, fullBleedContentPosition);
|
|
115
104
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_componentsBase.StackView, {
|
|
@@ -187,9 +176,9 @@ const StoryCard = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
|
|
|
187
176
|
});
|
|
188
177
|
});
|
|
189
178
|
StoryCard.displayName = 'StoryCard';
|
|
190
|
-
StoryCard.propTypes = {
|
|
179
|
+
StoryCard.propTypes = {
|
|
180
|
+
...selectedSystemPropTypes,
|
|
191
181
|
tokens: (0, _componentsBase.getTokensPropType)('StoryCard'),
|
|
192
|
-
|
|
193
182
|
/**
|
|
194
183
|
* The URL of the story to be navigated to. Note that `Video` component does not play well when used within
|
|
195
184
|
* a `StoryCard` with `href` prop set (the volume and progress sliders can be clicked but are not draggable).
|
|
@@ -198,45 +187,36 @@ StoryCard.propTypes = { ...selectedSystemPropTypes,
|
|
|
198
187
|
* @see https://github.com/telus/allium-design-system/issues/6
|
|
199
188
|
*/
|
|
200
189
|
href: _propTypes.default.string,
|
|
201
|
-
|
|
202
190
|
/**
|
|
203
191
|
* Optional function to be called on press e.g. for within-page navigation.
|
|
204
192
|
*/
|
|
205
193
|
onPress: _propTypes.default.func,
|
|
206
|
-
|
|
207
194
|
/**
|
|
208
195
|
* Text stating the category of the content.
|
|
209
196
|
*/
|
|
210
197
|
tag: _propTypes.default.string,
|
|
211
|
-
|
|
212
198
|
/**
|
|
213
199
|
* Text stating the date a story was published.
|
|
214
200
|
*/
|
|
215
201
|
date: _propTypes.default.string.isRequired,
|
|
216
|
-
|
|
217
202
|
/**
|
|
218
203
|
* Text stating the title or headline of the story.
|
|
219
204
|
*/
|
|
220
205
|
title: _propTypes.default.string.isRequired,
|
|
221
|
-
|
|
222
206
|
/**
|
|
223
207
|
* Text giving a short description of the story. One paragraph of plain text.
|
|
224
208
|
*/
|
|
225
209
|
description: _propTypes.default.string.isRequired,
|
|
226
|
-
|
|
227
210
|
/**
|
|
228
211
|
* Full bleed image to be placed on the card, deprecated in favor of `fullBleedContent`.
|
|
229
212
|
*
|
|
230
213
|
* @deprecated
|
|
231
214
|
*/
|
|
232
215
|
fullBleedImage: _propTypes.default.exact(_FullBleedContent.default.propTypes || {}),
|
|
233
|
-
|
|
234
216
|
/**
|
|
235
217
|
* Full bleed image to be placed on the card.
|
|
236
218
|
*/
|
|
237
219
|
fullBleedContent: _propTypes.default.exact(_FullBleedContent.default.propTypes || {})
|
|
238
220
|
};
|
|
239
|
-
|
|
240
221
|
var _default = (0, _componentsBase.withLinkRouter)(StoryCard);
|
|
241
|
-
|
|
242
222
|
exports.default = _default;
|
package/lib/StoryCard/index.js
CHANGED
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _StoryCard = _interopRequireDefault(require("./StoryCard"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _StoryCard.default;
|
|
13
10
|
exports.default = _default;
|
package/lib/Table/Body.js
CHANGED
|
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
const Body = _ref => {
|
|
17
12
|
let {
|
|
18
13
|
children
|
|
@@ -21,7 +16,6 @@ const Body = _ref => {
|
|
|
21
16
|
children: children
|
|
22
17
|
});
|
|
23
18
|
};
|
|
24
|
-
|
|
25
19
|
Body.propTypes = {
|
|
26
20
|
children: _propTypes.default.node
|
|
27
21
|
};
|
package/lib/Table/Cell.js
CHANGED
|
@@ -4,31 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
13
|
-
|
|
14
10
|
var _componentsBase = require("@telus-uds/components-base");
|
|
15
|
-
|
|
16
11
|
var _Table = require("./Table");
|
|
17
|
-
|
|
18
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
-
|
|
20
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
24
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
|
-
|
|
26
16
|
const HEADER_TYPE = {
|
|
27
17
|
HEADING: 'heading',
|
|
28
18
|
SUBHEADING: 'subHeading',
|
|
29
19
|
ROWHEADING: 'rowHeading'
|
|
30
20
|
};
|
|
31
|
-
|
|
32
21
|
const stickyStyles = _ref => {
|
|
33
22
|
let {
|
|
34
23
|
cellStickyShadow,
|
|
@@ -37,7 +26,6 @@ const stickyStyles = _ref => {
|
|
|
37
26
|
} = _ref;
|
|
38
27
|
return (0, _styledComponents.css)(["position:sticky;left:0;z-index:2;clip-path:inset(0 -8px 0 0);", " &::before{content:'';box-shadow:", ";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;}"], type !== HEADER_TYPE.SUBHEADING && type !== HEADER_TYPE.HEADING ? `background-color: ${stickyBackgroundColor};` : undefined, cellStickyShadow);
|
|
39
28
|
};
|
|
40
|
-
|
|
41
29
|
const sharedStyles = /*#__PURE__*/(0, _styledComponents.css)(["", ""], _ref2 => {
|
|
42
30
|
let {
|
|
43
31
|
isSticky,
|
|
@@ -58,7 +46,6 @@ const sharedStyles = /*#__PURE__*/(0, _styledComponents.css)(["", ""], _ref2 =>
|
|
|
58
46
|
stickyBackgroundColor
|
|
59
47
|
}));
|
|
60
48
|
});
|
|
61
|
-
|
|
62
49
|
const createStyledCell = htmlElement => _styledComponents.default[htmlElement].withConfig({
|
|
63
50
|
displayName: "Cell__createStyledCell",
|
|
64
51
|
componentId: "components-web__sc-ltgfic-0"
|
|
@@ -69,10 +56,8 @@ const createStyledCell = htmlElement => _styledComponents.default[htmlElement].w
|
|
|
69
56
|
} = _ref3;
|
|
70
57
|
return type === HEADER_TYPE.HEADING ? `inset 0 1px 0 ${cellBoxShadowColor}, inset 0 -1px 0 ${cellBoxShadowColor}` : `inset 0 1px 0 ${cellBoxShadowColor}`;
|
|
71
58
|
});
|
|
72
|
-
|
|
73
59
|
const StyledHeaderCell = createStyledCell('th');
|
|
74
60
|
const StyledDataCell = createStyledCell('td');
|
|
75
|
-
|
|
76
61
|
const Cell = _ref4 => {
|
|
77
62
|
let {
|
|
78
63
|
children,
|
|
@@ -87,7 +72,8 @@ const Cell = _ref4 => {
|
|
|
87
72
|
tokens: tableTokens,
|
|
88
73
|
spacing
|
|
89
74
|
} = (0, _Table.useTableContext)();
|
|
90
|
-
const themeTokens = {
|
|
75
|
+
const themeTokens = {
|
|
76
|
+
...tableTokens,
|
|
91
77
|
...cellTokens
|
|
92
78
|
};
|
|
93
79
|
const {
|
|
@@ -130,7 +116,6 @@ const Cell = _ref4 => {
|
|
|
130
116
|
lineHeight,
|
|
131
117
|
color: fontColor
|
|
132
118
|
};
|
|
133
|
-
|
|
134
119
|
switch (type) {
|
|
135
120
|
case HEADER_TYPE.HEADING:
|
|
136
121
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledHeaderCell, {
|
|
@@ -142,7 +127,6 @@ const Cell = _ref4 => {
|
|
|
142
127
|
children: children
|
|
143
128
|
})
|
|
144
129
|
});
|
|
145
|
-
|
|
146
130
|
case HEADER_TYPE.SUBHEADING:
|
|
147
131
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledHeaderCell, {
|
|
148
132
|
scope: "col",
|
|
@@ -153,7 +137,6 @@ const Cell = _ref4 => {
|
|
|
153
137
|
children: children
|
|
154
138
|
})
|
|
155
139
|
});
|
|
156
|
-
|
|
157
140
|
case HEADER_TYPE.ROWHEADING:
|
|
158
141
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledHeaderCell, {
|
|
159
142
|
scope: "row",
|
|
@@ -164,9 +147,9 @@ const Cell = _ref4 => {
|
|
|
164
147
|
children: children
|
|
165
148
|
})
|
|
166
149
|
});
|
|
167
|
-
|
|
168
150
|
default:
|
|
169
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledDataCell, {
|
|
151
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledDataCell, {
|
|
152
|
+
...sharedProps,
|
|
170
153
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
|
|
171
154
|
tokens: typographyTokens,
|
|
172
155
|
children: children
|
|
@@ -174,18 +157,15 @@ const Cell = _ref4 => {
|
|
|
174
157
|
});
|
|
175
158
|
}
|
|
176
159
|
};
|
|
177
|
-
|
|
178
160
|
Cell.propTypes = {
|
|
179
161
|
type: _propTypes.default.oneOf(['default', 'heading', 'subHeading', 'rowHeading']),
|
|
180
162
|
tokens: _propTypes.default.object,
|
|
181
163
|
children: _propTypes.default.node,
|
|
182
|
-
|
|
183
164
|
/**
|
|
184
165
|
* @ignore
|
|
185
166
|
* Used internally for making the first column sticky
|
|
186
167
|
*/
|
|
187
168
|
isFirstInRow: _propTypes.default.bool,
|
|
188
|
-
|
|
189
169
|
/**
|
|
190
170
|
* Defines the text alignment within the cell
|
|
191
171
|
*/
|
package/lib/Table/Header.js
CHANGED
|
@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _Row = _interopRequireDefault(require("./Row"));
|
|
13
|
-
|
|
14
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
14
|
const Header = _ref => {
|
|
23
15
|
let {
|
|
24
16
|
children
|
|
@@ -34,7 +26,6 @@ const Header = _ref => {
|
|
|
34
26
|
})
|
|
35
27
|
});
|
|
36
28
|
};
|
|
37
|
-
|
|
38
29
|
Header.propTypes = {
|
|
39
30
|
children: _propTypes.default.node
|
|
40
31
|
};
|
package/lib/Table/Row.js
CHANGED
|
@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
|
|
18
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
-
|
|
20
13
|
const Row = _ref => {
|
|
21
14
|
let {
|
|
22
15
|
children
|
|
@@ -27,7 +20,6 @@ const Row = _ref => {
|
|
|
27
20
|
}))
|
|
28
21
|
});
|
|
29
22
|
};
|
|
30
|
-
|
|
31
23
|
Row.propTypes = {
|
|
32
24
|
children: _propTypes.default.node
|
|
33
25
|
};
|
package/lib/Table/SubHeading.js
CHANGED
|
@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _Row = _interopRequireDefault(require("./Row"));
|
|
13
|
-
|
|
14
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
14
|
const Header = _ref => {
|
|
23
15
|
let {
|
|
24
16
|
children
|
|
@@ -32,7 +24,6 @@ const Header = _ref => {
|
|
|
32
24
|
}))
|
|
33
25
|
});
|
|
34
26
|
};
|
|
35
|
-
|
|
36
27
|
Header.propTypes = {
|
|
37
28
|
children: _propTypes.default.node
|
|
38
29
|
};
|