@splunk/react-ui 4.38.0 → 4.40.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/Accordion.js +131 -153
- package/Anchor.js +50 -58
- package/Animation.js +64 -59
- package/AnimationToggle.js +59 -61
- package/Box.js +59 -67
- package/Breadcrumbs.js +113 -127
- package/Button.js +151 -169
- package/ButtonGroup.js +41 -49
- package/ButtonSimple.js +264 -295
- package/CHANGELOG.md +49 -0
- package/Calendar.js +353 -414
- package/Card.js +186 -244
- package/CardLayout.js +86 -83
- package/Chip.js +136 -146
- package/Clickable.js +180 -198
- package/CloseButton.js +52 -60
- package/Code.js +24 -31
- package/CollapsiblePanel.js +172 -202
- package/Color.js +371 -412
- package/ColumnLayout.js +72 -96
- package/ComboBox.js +266 -303
- package/Concertina.js +406 -454
- package/ControlGroup.js +178 -210
- package/Date.js +116 -131
- package/DefinitionList.js +125 -149
- package/Divider.js +81 -79
- package/Dropdown.js +226 -237
- package/DualListbox.js +150 -186
- package/EventListener.js +4 -1
- package/File.js +1032 -955
- package/FormRows.js +281 -334
- package/Heading.js +27 -35
- package/Image.js +101 -116
- package/JSONTree.js +301 -344
- package/Layer.js +118 -126
- package/Link.js +141 -159
- package/List.js +61 -77
- package/MIGRATION.mdx +123 -38
- package/Markdown.js +288 -347
- package/Menu.js +506 -532
- package/Message.js +197 -207
- package/MessageBar.js +58 -66
- package/Modal.js +241 -290
- package/ModalLayer.js +130 -148
- package/Monogram.js +138 -138
- package/Multiselect.js +3137 -3433
- package/Number.js +164 -178
- package/Paginator.js +296 -335
- package/Paragraph.js +24 -32
- package/Popover.js +450 -442
- package/Progress.js +65 -75
- package/RadioBar.js +301 -303
- package/RadioList.js +77 -119
- package/Resize.js +105 -127
- package/ResultsMenu.js +373 -385
- package/ScreenReaderContent.js +50 -58
- package/Scroll.js +209 -244
- package/Search.js +379 -391
- package/Select.js +2085 -2345
- package/SidePanel.js +122 -142
- package/Slider.js +132 -145
- package/SlidingPanels.js +238 -270
- package/SplitButton.d.ts +2 -0
- package/SplitButton.js +222 -245
- package/StaticContent.js +68 -76
- package/StepBar.js +206 -205
- package/Switch.js +176 -205
- package/TabBar.js +235 -268
- package/TabLayout.js +122 -141
- package/Table.js +2103 -2261
- package/Text.js +379 -493
- package/TextArea.js +411 -441
- package/Tooltip.js +116 -132
- package/TransitionOpen.js +160 -178
- package/Tree.js +268 -287
- package/Typography.js +48 -52
- package/WaitSpinner.js +61 -69
- package/cypress/support/commands.ts +9 -0
- package/cypress/support/index.d.ts +6 -0
- package/cypress/tsconfig.cypress.json +1 -0
- package/docker-compose.yml +0 -1
- package/package.json +15 -15
- package/types/src/Button/Button.d.ts +5 -1
- package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -2
- package/types/src/Card/Card.d.ts +1 -0
- package/types/src/Card/Footer.d.ts +1 -0
- package/types/src/Chip/Chip.d.ts +3 -6
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -1
- package/types/src/Color/Color.d.ts +2 -2
- package/types/src/Color/Palette.d.ts +4 -2
- package/types/src/ComboBox/ComboBox.d.ts +1 -1
- package/types/src/ComboBox/Option.d.ts +1 -1
- package/types/src/ControlGroup/ControlGroup.d.ts +1 -2
- package/types/src/Date/Date.d.ts +2 -2
- package/types/src/File/File.d.ts +2 -3
- package/types/src/File/Retry.d.ts +1 -2
- package/types/src/Menu/Item.d.ts +18 -5
- package/types/src/Menu/Menu.d.ts +3 -3
- package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
- package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
- package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
- package/types/src/Multiselect/Compact.d.ts +1 -1
- package/types/src/Multiselect/Multiselect.d.ts +1 -1
- package/types/src/Multiselect/Normal.d.ts +1 -1
- package/types/src/Multiselect/Option.d.ts +2 -0
- package/types/src/Number/Number.d.ts +3 -3
- package/types/src/Popover/Popover.d.ts +3 -4
- package/types/src/RadioBar/RadioBar.d.ts +2 -2
- package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
- package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
- package/types/src/Search/Option.d.ts +9 -3
- package/types/src/Select/Option.d.ts +3 -1
- package/types/src/Select/OptionBase.d.ts +7 -5
- package/types/src/Select/Select.d.ts +4 -2
- package/types/src/Select/SelectAllOption.d.ts +4 -4
- package/types/src/Select/SelectBase.d.ts +104 -66
- package/types/src/Select/docs/examples/Appearance.d.ts +0 -2
- package/types/src/SidePanel/SidePanel.d.ts +1 -1
- package/types/src/Slider/Slider.d.ts +2 -2
- package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
- package/types/src/StepBar/Step.d.ts +1 -2
- package/types/src/Switch/Switch.d.ts +0 -1
- package/types/src/TabBar/Tab.d.ts +1 -1
- package/types/src/TabBar/TabBar.d.ts +3 -1
- package/types/src/TabLayout/TabLayout.d.ts +2 -0
- package/types/src/Table/Cell.d.ts +0 -2
- package/types/src/Table/HeadDropdownCell.d.ts +2 -0
- package/types/src/Table/HeadInner.d.ts +5 -1
- package/types/src/Table/Table.d.ts +0 -1
- package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
- package/types/src/Text/IconOutlinedHide.d.ts +1 -2
- package/types/src/Text/IconOutlinedView.d.ts +1 -2
- package/types/src/Text/Text.d.ts +2 -2
- package/types/src/TextArea/TextArea.d.ts +2 -2
- package/types/src/Tooltip/Tooltip.d.ts +4 -4
- package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
- package/types/src/WaitSpinner/WaitSpinner.d.ts +0 -1
- package/types/src/useControlled/index.d.ts +2 -0
- package/types/src/useControlled/useControlled.d.ts +21 -0
- package/types/src/useResizeObserver/index.d.ts +2 -0
- package/types/src/useResizeObserver/useResizeObserver.d.ts +12 -0
- package/useControlled.js +112 -0
- package/useForceUpdate.js +30 -32
- package/useKeyPress.d.ts +2 -0
- package/useKeyPress.js +1 -1
- package/useResizeObserver.d.ts +2 -0
- package/useResizeObserver.js +137 -0
- package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
- package/types/src/Chip/docs/examples/Basic.d.ts +0 -2
- package/types/src/Chip/docs/examples/prisma/Appearance.d.ts +0 -2
- package/types/src/Color/docs/examples/prisma/Controlled.d.ts +0 -2
- package/types/src/Color/docs/examples/prisma/ThemeVariables.d.ts +0 -1
- package/types/src/Color/docs/examples/prisma/Uncontrolled.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/Basic.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/BasicMenu.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/ControlledDropdown.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/Dialog.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/OtherToggles.d.ts +0 -2
- package/types/src/Dropdown/docs/examples/prisma/ScrollingMenu.d.ts +0 -2
- package/types/src/File/docs/examples/prisma/Disabled.d.ts +0 -12
- package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
- package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
- package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
- package/types/src/Message/docs/examples/prisma/Title.d.ts +0 -2
- package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
- package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
- package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
- package/types/src/WaitSpinner/docs/examples/prisma/Basic.d.ts +0 -2
- /package/types/src/Color/docs/examples/{prisma/CustomizedPalette.d.ts → CustomizedPalette.d.ts} +0 -0
- /package/types/src/Color/docs/examples/{prisma/HideInput.d.ts → HideInput.d.ts} +0 -0
- /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
- /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
package/Heading.js
CHANGED
|
@@ -70,12 +70,12 @@
|
|
|
70
70
|
const n = require("prop-types");
|
|
71
71
|
var a = e.n(n);
|
|
72
72
|
// CONCATENATED MODULE: external "styled-components"
|
|
73
|
-
const
|
|
74
|
-
var
|
|
73
|
+
const l = require("styled-components");
|
|
74
|
+
var o = e.n(l);
|
|
75
75
|
// CONCATENATED MODULE: external "@splunk/themes"
|
|
76
76
|
const s = require("@splunk/themes");
|
|
77
77
|
// CONCATENATED MODULE: ./src/Heading/HeadingStyles.ts
|
|
78
|
-
var c =
|
|
78
|
+
var c = o().h2.withConfig({
|
|
79
79
|
displayName: "HeadingStyles__StyledHeading",
|
|
80
80
|
componentId: "sc-15s3yx3-0"
|
|
81
81
|
})([ "", ";color:", ";margin:1.414em 0 0.4em;text-rendering:optimizelegibility;", " ", "" ], (function(e) {
|
|
@@ -118,53 +118,45 @@
|
|
|
118
118
|
}), (0, s.pickVariant)("$isSection", {
|
|
119
119
|
true: {
|
|
120
120
|
enterprise: {
|
|
121
|
-
dark: (0,
|
|
122
|
-
light: (0,
|
|
121
|
+
dark: (0, l.css)([ "color:", ";" ], s.variables.gray80),
|
|
122
|
+
light: (0, l.css)([ "color:", ";" ], s.variables.gray45)
|
|
123
123
|
}
|
|
124
124
|
}
|
|
125
125
|
}), (function(e) {
|
|
126
126
|
var t = e.$isSection;
|
|
127
|
-
return t && (0,
|
|
127
|
+
return t && (0, l.css)([ "margin:0.707em 0 0.2em;" ]);
|
|
128
128
|
}));
|
|
129
129
|
// CONCATENATED MODULE: ./src/Heading/Heading.tsx
|
|
130
130
|
function p() {
|
|
131
|
-
p = Object.assign
|
|
131
|
+
return p = Object.assign ? Object.assign.bind() : function(e) {
|
|
132
132
|
for (var t = 1; t < arguments.length; t++) {
|
|
133
133
|
var r = arguments[t];
|
|
134
134
|
for (var i in r) {
|
|
135
|
-
|
|
136
|
-
e[i] = r[i];
|
|
137
|
-
}
|
|
135
|
+
({}).hasOwnProperty.call(r, i) && (e[i] = r[i]);
|
|
138
136
|
}
|
|
139
137
|
}
|
|
140
138
|
return e;
|
|
141
|
-
};
|
|
142
|
-
return p.apply(this, arguments);
|
|
139
|
+
}, p.apply(null, arguments);
|
|
143
140
|
}
|
|
144
141
|
function u(e, t) {
|
|
145
|
-
if (
|
|
146
|
-
var r = f(e, t);
|
|
147
|
-
var i, n;
|
|
142
|
+
if (null == e) return {};
|
|
143
|
+
var r, i, n = f(e, t);
|
|
148
144
|
if (Object.getOwnPropertySymbols) {
|
|
149
145
|
var a = Object.getOwnPropertySymbols(e);
|
|
150
|
-
for (
|
|
151
|
-
|
|
152
|
-
if (t.indexOf(i) >= 0) continue;
|
|
153
|
-
if (!Object.prototype.propertyIsEnumerable.call(e, i)) continue;
|
|
154
|
-
r[i] = e[i];
|
|
146
|
+
for (i = 0; i < a.length; i++) {
|
|
147
|
+
r = a[i], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
|
|
155
148
|
}
|
|
156
149
|
}
|
|
157
|
-
return
|
|
150
|
+
return n;
|
|
158
151
|
}
|
|
159
152
|
function f(e, t) {
|
|
160
|
-
if (
|
|
153
|
+
if (null == e) return {};
|
|
161
154
|
var r = {};
|
|
162
|
-
var i
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
r[n] = e[n];
|
|
155
|
+
for (var i in e) {
|
|
156
|
+
if ({}.hasOwnProperty.call(e, i)) {
|
|
157
|
+
if (t.includes(i)) continue;
|
|
158
|
+
r[i] = e[i];
|
|
159
|
+
}
|
|
168
160
|
}
|
|
169
161
|
return r;
|
|
170
162
|
}
|
|
@@ -185,7 +177,7 @@
|
|
|
185
177
|
5: "h5",
|
|
186
178
|
6: "h6"
|
|
187
179
|
};
|
|
188
|
-
var
|
|
180
|
+
var h = {
|
|
189
181
|
h1: "title1",
|
|
190
182
|
h2: "title2",
|
|
191
183
|
h3: "title3",
|
|
@@ -193,14 +185,14 @@
|
|
|
193
185
|
h5: "title5",
|
|
194
186
|
h6: "title6"
|
|
195
187
|
};
|
|
196
|
-
function
|
|
197
|
-
var t = e.children, r = e.elementRef, n = e.level, a = n === void 0 ? 2 : n,
|
|
188
|
+
function v(e) {
|
|
189
|
+
var t = e.children, r = e.elementRef, n = e.level, a = n === void 0 ? 2 : n, l = e.variant, o = u(e, [ "children", "elementRef", "level", "variant" ]);
|
|
198
190
|
// @docs-props-type HeadingPropsBase
|
|
199
191
|
var s = function e(t) {
|
|
200
192
|
return t.toString().charAt(0) === "s";
|
|
201
193
|
};
|
|
202
194
|
var f = m[a];
|
|
203
|
-
var y =
|
|
195
|
+
var y = l || h[f];
|
|
204
196
|
if (false) {}
|
|
205
197
|
|
|
206
198
|
return i().createElement(c, p({
|
|
@@ -209,10 +201,10 @@
|
|
|
209
201
|
ref: r,
|
|
210
202
|
as: f,
|
|
211
203
|
$variant: y
|
|
212
|
-
},
|
|
204
|
+
}, o), t);
|
|
213
205
|
}
|
|
214
|
-
|
|
215
|
-
/* harmony default export */ const d =
|
|
206
|
+
v.propTypes = y;
|
|
207
|
+
/* harmony default export */ const d = v;
|
|
216
208
|
// CONCATENATED MODULE: ./src/Heading/index.ts
|
|
217
209
|
module.exports = t;
|
|
218
210
|
/******/})();
|
package/Image.js
CHANGED
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
e.r(r);
|
|
62
62
|
// EXPORTS
|
|
63
63
|
e.d(r, {
|
|
64
|
-
default: () => /* reexport */
|
|
64
|
+
default: () => /* reexport */ Z
|
|
65
65
|
});
|
|
66
66
|
// CONCATENATED MODULE: external "react"
|
|
67
67
|
const t = require("react");
|
|
@@ -79,12 +79,12 @@
|
|
|
79
79
|
const u = require("lodash/toLower");
|
|
80
80
|
var p = e.n(u);
|
|
81
81
|
// CONCATENATED MODULE: external "@splunk/react-ui/File"
|
|
82
|
-
const
|
|
83
|
-
var
|
|
82
|
+
const d = require("@splunk/react-ui/File");
|
|
83
|
+
var f = e.n(d);
|
|
84
84
|
// CONCATENATED MODULE: external "@splunk/ui-utils/format"
|
|
85
|
-
const
|
|
85
|
+
const v = require("@splunk/ui-utils/format");
|
|
86
86
|
// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
|
|
87
|
-
const
|
|
87
|
+
const m = require("@splunk/ui-utils/i18n");
|
|
88
88
|
// CONCATENATED MODULE: external "@splunk/themes"
|
|
89
89
|
const b = require("@splunk/themes");
|
|
90
90
|
// CONCATENATED MODULE: external "@splunk/react-icons/Cross"
|
|
@@ -92,13 +92,13 @@
|
|
|
92
92
|
var g = e.n(y);
|
|
93
93
|
// CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
|
|
94
94
|
const h = require("@splunk/react-icons/enterprise/Close");
|
|
95
|
-
var
|
|
95
|
+
var w = e.n(h);
|
|
96
96
|
// CONCATENATED MODULE: ./src/Image/icons/Cross.tsx
|
|
97
|
-
var
|
|
97
|
+
var x = function e() {
|
|
98
98
|
var r = (0, b.useSplunkTheme)(), t = r.isEnterprise, o = r.isCompact;
|
|
99
99
|
var n = o ? "20px" : "24px";
|
|
100
|
-
var i = (0,
|
|
101
|
-
var l = t ? a().createElement(
|
|
100
|
+
var i = (0, m._)("Remove");
|
|
101
|
+
var l = t ? a().createElement(w(), {
|
|
102
102
|
hideDefaultTooltip: true,
|
|
103
103
|
screenReaderText: i
|
|
104
104
|
}) : a().createElement(g(), {
|
|
@@ -108,18 +108,18 @@
|
|
|
108
108
|
});
|
|
109
109
|
return l;
|
|
110
110
|
};
|
|
111
|
-
/* harmony default export */ const k =
|
|
111
|
+
/* harmony default export */ const k = x;
|
|
112
112
|
// CONCATENATED MODULE: external "styled-components"
|
|
113
113
|
const C = require("styled-components");
|
|
114
|
-
var
|
|
114
|
+
var S = e.n(C);
|
|
115
115
|
// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
|
|
116
|
-
const
|
|
117
|
-
var
|
|
116
|
+
const R = require("@splunk/react-ui/Clickable");
|
|
117
|
+
var O = e.n(R);
|
|
118
118
|
// CONCATENATED MODULE: external "@splunk/react-ui/Message"
|
|
119
|
-
const
|
|
120
|
-
var
|
|
119
|
+
const I = require("@splunk/react-ui/Message");
|
|
120
|
+
var _ = e.n(I);
|
|
121
121
|
// CONCATENATED MODULE: ./src/Image/ImageStyles.ts
|
|
122
|
-
var
|
|
122
|
+
var j = S().div.withConfig({
|
|
123
123
|
displayName: "ImageStyles__StyledImagePreview",
|
|
124
124
|
componentId: "sc-16ooypp-0"
|
|
125
125
|
})([ "position:relative;min-height:", ";", "" ], (0, b.pick)({
|
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
enterprise: (0, C.css)([ "border:", ";" ], b.variables.border),
|
|
130
130
|
prisma: (0, C.css)([ "border-radius:", ";overflow:hidden;margin-top:12px;background-color:", ";" ], b.variables.borderRadius, b.variables.interactiveColorBackground)
|
|
131
131
|
}));
|
|
132
|
-
var
|
|
132
|
+
var E = S().div.withConfig({
|
|
133
133
|
displayName: "ImageStyles__StyledLabelContainer",
|
|
134
134
|
componentId: "sc-16ooypp-1"
|
|
135
135
|
})([ "", ";flex-direction:row;justify-content:space-between;background-color:", ";color:", ";opacity:0.9;position:absolute;width:100%;" ], b.mixins.reset("flex"), (0,
|
|
@@ -140,7 +140,7 @@
|
|
|
140
140
|
},
|
|
141
141
|
prisma: b.mixins.overlayColors(b.variables.interactiveColorBackground, b.variables.interactiveColorOverlaySelected)
|
|
142
142
|
}), b.variables.contentColorMuted);
|
|
143
|
-
var
|
|
143
|
+
var P = S()(O()).withConfig({
|
|
144
144
|
displayName: "ImageStyles__StyledRemoveClickable",
|
|
145
145
|
componentId: "sc-16ooypp-2"
|
|
146
146
|
})([ "cursor:pointer;", " padding:", ";text-align:center;height:inherit;&:focus{", "}&:hover{background-color:", ";color:", ";}" ], (0,
|
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
enterprise: b.variables.linkColor,
|
|
167
167
|
prisma: b.variables.contentColorActive
|
|
168
168
|
}));
|
|
169
|
-
var
|
|
169
|
+
var q = S().div.withConfig({
|
|
170
170
|
displayName: "ImageStyles__StyledLabel",
|
|
171
171
|
componentId: "sc-16ooypp-3"
|
|
172
172
|
})([ "color:", ";overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1 0 0px;padding:", ";", "" ], b.variables.contentColorActive, (0,
|
|
@@ -184,13 +184,13 @@
|
|
|
184
184
|
prisma: b.variables.interactiveColorBackgroundDisabled
|
|
185
185
|
}), b.variables.contentColorDisabled);
|
|
186
186
|
}));
|
|
187
|
-
var
|
|
187
|
+
var D = S().img.withConfig({
|
|
188
188
|
displayName: "ImageStyles__StyledImageThumbnail",
|
|
189
189
|
componentId: "sc-16ooypp-4"
|
|
190
190
|
})([ "", ";margin:0 auto;max-height:", "px;max-width:100%;" ], b.mixins.reset("block"), (function(e) {
|
|
191
191
|
return e.maxHeight;
|
|
192
192
|
}));
|
|
193
|
-
var
|
|
193
|
+
var T = S()(_()).withConfig({
|
|
194
194
|
displayName: "ImageStyles__StyledErrorMessage",
|
|
195
195
|
componentId: "sc-16ooypp-5"
|
|
196
196
|
})([ "margin-top:", ";" ], (0, b.pick)({
|
|
@@ -198,128 +198,113 @@
|
|
|
198
198
|
prisma: "12px"
|
|
199
199
|
}));
|
|
200
200
|
// CONCATENATED MODULE: ./src/Image/Image.tsx
|
|
201
|
-
function
|
|
201
|
+
function A(e) {
|
|
202
202
|
"@babel/helpers - typeof";
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
}
|
|
208
|
-
F = function e(r) {
|
|
209
|
-
return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
|
|
210
|
-
};
|
|
211
|
-
}
|
|
212
|
-
return F(e);
|
|
203
|
+
return A = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
204
|
+
return typeof e;
|
|
205
|
+
} : function(e) {
|
|
206
|
+
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
207
|
+
}, A(e);
|
|
213
208
|
}
|
|
214
|
-
function
|
|
215
|
-
|
|
209
|
+
function F() {
|
|
210
|
+
return F = Object.assign ? Object.assign.bind() : function(e) {
|
|
216
211
|
for (var r = 1; r < arguments.length; r++) {
|
|
217
212
|
var t = arguments[r];
|
|
218
213
|
for (var a in t) {
|
|
219
|
-
|
|
220
|
-
e[a] = t[a];
|
|
221
|
-
}
|
|
214
|
+
({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
|
|
222
215
|
}
|
|
223
216
|
}
|
|
224
217
|
return e;
|
|
225
|
-
};
|
|
226
|
-
return T.apply(this, arguments);
|
|
218
|
+
}, F.apply(null, arguments);
|
|
227
219
|
}
|
|
228
220
|
function H(e, r) {
|
|
229
|
-
if (!(e instanceof r))
|
|
230
|
-
throw new TypeError("Cannot call a class as a function");
|
|
231
|
-
}
|
|
221
|
+
if (!(e instanceof r)) throw new TypeError("Cannot call a class as a function");
|
|
232
222
|
}
|
|
233
223
|
function U(e, r) {
|
|
234
224
|
for (var t = 0; t < r.length; t++) {
|
|
235
225
|
var a = r[t];
|
|
236
|
-
a.enumerable = a.enumerable ||
|
|
237
|
-
a.
|
|
238
|
-
if ("value" in a) a.writable = true;
|
|
239
|
-
Object.defineProperty(e, a.key, a);
|
|
226
|
+
a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0),
|
|
227
|
+
Object.defineProperty(e, J(a.key), a);
|
|
240
228
|
}
|
|
241
229
|
}
|
|
242
230
|
function M(e, r, t) {
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
231
|
+
return r && U(e.prototype, r), t && U(e, t), Object.defineProperty(e, "prototype", {
|
|
232
|
+
writable: !1
|
|
233
|
+
}), e;
|
|
246
234
|
}
|
|
247
235
|
function N(e, r) {
|
|
248
|
-
if (typeof r !== "
|
|
249
|
-
throw new TypeError("Super expression must either be null or a function");
|
|
250
|
-
}
|
|
236
|
+
if ("function" != typeof r && null !== r) throw new TypeError("Super expression must either be null or a function");
|
|
251
237
|
e.prototype = Object.create(r && r.prototype, {
|
|
252
238
|
constructor: {
|
|
253
239
|
value: e,
|
|
254
|
-
writable:
|
|
255
|
-
configurable:
|
|
240
|
+
writable: !0,
|
|
241
|
+
configurable: !0
|
|
256
242
|
}
|
|
257
|
-
})
|
|
258
|
-
|
|
243
|
+
}), Object.defineProperty(e, "prototype", {
|
|
244
|
+
writable: !1
|
|
245
|
+
}), r && B(e, r);
|
|
259
246
|
}
|
|
260
|
-
function
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
};
|
|
265
|
-
return L(e, r);
|
|
247
|
+
function B(e, r) {
|
|
248
|
+
return B = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, r) {
|
|
249
|
+
return e.__proto__ = r, e;
|
|
250
|
+
}, B(e, r);
|
|
266
251
|
}
|
|
267
|
-
function
|
|
252
|
+
function L(e) {
|
|
268
253
|
var r = X();
|
|
269
|
-
return function
|
|
270
|
-
var a = z(e)
|
|
254
|
+
return function() {
|
|
255
|
+
var t, a = z(e);
|
|
271
256
|
if (r) {
|
|
272
|
-
var
|
|
273
|
-
|
|
274
|
-
} else
|
|
275
|
-
|
|
276
|
-
}
|
|
277
|
-
return $(this, o);
|
|
257
|
+
var o = z(this).constructor;
|
|
258
|
+
t = Reflect.construct(a, arguments, o);
|
|
259
|
+
} else t = a.apply(this, arguments);
|
|
260
|
+
return $(this, t);
|
|
278
261
|
};
|
|
279
262
|
}
|
|
280
263
|
function $(e, r) {
|
|
281
|
-
if (r && (
|
|
282
|
-
|
|
283
|
-
}
|
|
264
|
+
if (r && ("object" == A(r) || "function" == typeof r)) return r;
|
|
265
|
+
if (void 0 !== r) throw new TypeError("Derived constructors may only return object or undefined");
|
|
284
266
|
return W(e);
|
|
285
267
|
}
|
|
286
268
|
function W(e) {
|
|
287
|
-
if (
|
|
288
|
-
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
289
|
-
}
|
|
269
|
+
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
290
270
|
return e;
|
|
291
271
|
}
|
|
292
272
|
function X() {
|
|
293
|
-
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
|
294
|
-
if (Reflect.construct.sham) return false;
|
|
295
|
-
if (typeof Proxy === "function") return true;
|
|
296
273
|
try {
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
return
|
|
301
|
-
}
|
|
274
|
+
var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
|
|
275
|
+
} catch (e) {}
|
|
276
|
+
return (X = function r() {
|
|
277
|
+
return !!e;
|
|
278
|
+
})();
|
|
302
279
|
}
|
|
303
280
|
function z(e) {
|
|
304
|
-
z = Object.setPrototypeOf ? Object.getPrototypeOf : function
|
|
305
|
-
return
|
|
306
|
-
};
|
|
307
|
-
return z(e);
|
|
281
|
+
return z = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
|
|
282
|
+
return e.__proto__ || Object.getPrototypeOf(e);
|
|
283
|
+
}, z(e);
|
|
308
284
|
}
|
|
309
285
|
function G(e, r, t) {
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
286
|
+
return (r = J(r)) in e ? Object.defineProperty(e, r, {
|
|
287
|
+
value: t,
|
|
288
|
+
enumerable: !0,
|
|
289
|
+
configurable: !0,
|
|
290
|
+
writable: !0
|
|
291
|
+
}) : e[r] = t, e;
|
|
292
|
+
}
|
|
293
|
+
function J(e) {
|
|
294
|
+
var r = K(e, "string");
|
|
295
|
+
return "symbol" == A(r) ? r : r + "";
|
|
296
|
+
}
|
|
297
|
+
function K(e, r) {
|
|
298
|
+
if ("object" != A(e) || !e) return e;
|
|
299
|
+
var t = e[Symbol.toPrimitive];
|
|
300
|
+
if (void 0 !== t) {
|
|
301
|
+
var a = t.call(e, r || "default");
|
|
302
|
+
if ("object" != A(a)) return a;
|
|
303
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
319
304
|
}
|
|
320
|
-
return e;
|
|
305
|
+
return ("string" === r ? String : Number)(e);
|
|
321
306
|
}
|
|
322
|
-
var
|
|
307
|
+
/** @public */ var Q = {
|
|
323
308
|
allowExtensions: n().arrayOf(n().string),
|
|
324
309
|
defaultFilename: n().string,
|
|
325
310
|
defaultImageDataURI: n().string,
|
|
@@ -330,7 +315,7 @@
|
|
|
330
315
|
maxHeight: n().number,
|
|
331
316
|
onImageChange: n().func
|
|
332
317
|
};
|
|
333
|
-
var
|
|
318
|
+
var V = {
|
|
334
319
|
allowExtensions: [ "gif", "jpeg", "jpg", "png" ],
|
|
335
320
|
disabled: false,
|
|
336
321
|
dropAnywhere: false,
|
|
@@ -339,9 +324,9 @@
|
|
|
339
324
|
};
|
|
340
325
|
/**
|
|
341
326
|
* Image provides the ability to accept image files and present a preview of the image.
|
|
342
|
-
*/ var
|
|
327
|
+
*/ var Y = function(e) {
|
|
343
328
|
N(t, e);
|
|
344
|
-
var r =
|
|
329
|
+
var r = L(t);
|
|
345
330
|
M(t, null, [ {
|
|
346
331
|
key: "isAllowedFilename",
|
|
347
332
|
// @docs-props-type ImagePropsBase
|
|
@@ -405,37 +390,37 @@
|
|
|
405
390
|
value: function e() {
|
|
406
391
|
var r = this.props, o = r.allowExtensions, n = r.maxHeight, i = r.disabled, l = r.error;
|
|
407
392
|
var s = this.state, u = s.filename, p = s.imageDataURI;
|
|
408
|
-
var
|
|
393
|
+
var d = o.map((function(e) {
|
|
409
394
|
return ".".concat(e);
|
|
410
395
|
})).join(", ");
|
|
411
|
-
|
|
396
|
+
// TODO: Error text should be customizable, error should support a string prop for customization SUI-5414
|
|
412
397
|
var b = u && !t.isAllowedFilename(u, o) || l;
|
|
413
|
-
var y = (0,
|
|
414
|
-
var g = (0,
|
|
398
|
+
var y = (0, m._)("This file extension is unsupported.");
|
|
399
|
+
var g = (0, v.sprintf)((0, m._)('Remove "%(filename)s"'), {
|
|
415
400
|
filename: u
|
|
416
401
|
});
|
|
417
402
|
|
|
418
403
|
return a().createElement("div", {
|
|
419
404
|
"data-test": "image"
|
|
420
|
-
}, a().createElement(
|
|
421
|
-
accept:
|
|
405
|
+
}, a().createElement(f(), F({}, c()(this.props, [ "allowExtensions", "defaultFilename", "defaultImageDataURI", "maxHeight", "onImageChange" ]), {
|
|
406
|
+
accept: d,
|
|
422
407
|
allowMultiple: false,
|
|
423
408
|
error: b,
|
|
424
409
|
onRequestAdd: this.handleAddFiles,
|
|
425
410
|
"data-test": "file"
|
|
426
|
-
}), u && p && !b && a().createElement(
|
|
411
|
+
}), u && p && !b && a().createElement(j, null, a().createElement(E, null, a().createElement(q, {
|
|
427
412
|
"data-test": "label",
|
|
428
413
|
$disabled: i
|
|
429
|
-
}, u), !i && a().createElement(
|
|
414
|
+
}, u), !i && a().createElement(P, {
|
|
430
415
|
onClick: this.handleRemoveFile,
|
|
431
416
|
"data-test": "remove",
|
|
432
417
|
"aria-label": g
|
|
433
|
-
}, a().createElement(k, null))), a().createElement(
|
|
418
|
+
}, a().createElement(k, null))), a().createElement(D, {
|
|
434
419
|
alt: u,
|
|
435
420
|
"data-test": "preview",
|
|
436
421
|
maxHeight: n,
|
|
437
422
|
src: p
|
|
438
|
-
}))), b && a().createElement(
|
|
423
|
+
}))), b && a().createElement(T, {
|
|
439
424
|
appearance: "fill",
|
|
440
425
|
type: "error"
|
|
441
426
|
}, y));
|
|
@@ -443,9 +428,9 @@
|
|
|
443
428
|
} ]);
|
|
444
429
|
return t;
|
|
445
430
|
}(t.Component);
|
|
446
|
-
G(
|
|
447
|
-
G(
|
|
448
|
-
/* harmony default export */ const
|
|
431
|
+
G(Y, "propTypes", Q);
|
|
432
|
+
G(Y, "defaultProps", V);
|
|
433
|
+
/* harmony default export */ const Z = Y;
|
|
449
434
|
// CONCATENATED MODULE: ./src/Image/index.ts
|
|
450
435
|
module.exports = r;
|
|
451
436
|
/******/})();
|