@splunk/react-ui 4.15.0 → 4.16.1
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/Animation.js +2 -2
- package/Button.js +32 -30
- package/ButtonSimple.js +54 -50
- package/CHANGELOG.md +27 -2
- package/Calendar.js +12 -12
- package/Card.js +10 -10
- package/Chip.js +10 -10
- package/CloseButton.js +8 -8
- package/CollapsiblePanel.js +8 -8
- package/Color.js +14 -14
- package/ColumnLayout.js +2 -2
- package/ComboBox.js +4 -4
- package/ControlGroup.js +26 -16
- package/Date.js +10 -5
- package/Dropdown.js +56 -15
- package/File.js +33 -24
- package/FormRows.js +6 -6
- package/Heading.js +10 -46
- package/Image.js +13 -13
- package/Link.js +2 -2
- package/MIGRATION.md +21 -0
- package/Menu.js +20 -20
- package/Message.js +24 -24
- package/MessageBar.js +24 -24
- package/Modal.js +7 -7
- package/Multiselect.js +197 -177
- package/Number.js +5 -5
- package/Paginator.js +19 -19
- package/Popover.js +7 -7
- package/Progress.js +2 -2
- package/Scroll.js +5 -5
- package/Search.js +4 -4
- package/Select.js +187 -167
- package/SplitButton.js +2 -2
- package/StepBar.js +10 -10
- package/Switch.js +4 -4
- package/TabBar.js +2 -2
- package/TabLayout.js +3 -0
- package/Table.js +95 -46
- package/Text.js +19 -19
- package/TextArea.js +15 -15
- package/Tooltip.js +5 -5
- package/Typography.js +1 -1
- package/WaitSpinner.js +2 -2
- package/package.json +6 -7
- package/types/src/Button/Button.d.ts +5 -2
- package/types/src/Button/docs/examples/Basic.d.ts +2 -2
- package/types/src/ButtonSimple/ButtonSimple.d.ts +10 -11
- package/types/src/Date/Icon.d.ts +1 -1
- package/types/src/Dropdown/Dropdown.d.ts +12 -7
- package/types/src/File/Icon.d.ts +1 -1
- package/types/src/File/IconCloud.d.ts +1 -1
- package/types/src/File/PaperClip.d.ts +1 -1
- package/types/src/File/Retry.d.ts +1 -1
- package/types/src/File/Trash.d.ts +1 -1
- package/types/src/Multiselect/Compact.d.ts +4 -0
- package/types/src/Multiselect/Multiselect.d.ts +4 -1
- package/types/src/Number/IncrementIcon.d.ts +1 -1
- package/types/src/Select/Select.d.ts +4 -2
- package/types/src/Select/SelectBase.d.ts +13 -1
- package/types/src/TabLayout/Panel.d.ts +3 -0
- package/types/src/TabLayout/TabLayout.d.ts +2 -0
- package/types/src/Table/Body.d.ts +2 -0
- package/types/src/Table/Row.d.ts +11 -3
- package/types/src/Table/Table.d.ts +5 -3
- package/types/src/Text/IconOutlinedHide.d.ts +1 -1
- package/types/src/Text/IconOutlinedView.d.ts +1 -1
- package/types/src/Tooltip/InfoIcon.d.ts +1 -1
- package/types/src/Typography/Typography.d.ts +1 -1
package/File.js
CHANGED
|
@@ -182,7 +182,7 @@ var isUndefined_ = __webpack_require__(41);
|
|
|
182
182
|
var isUndefined_default = /*#__PURE__*/__webpack_require__.n(isUndefined_);
|
|
183
183
|
|
|
184
184
|
// EXTERNAL MODULE: external "@splunk/ui-utils/format"
|
|
185
|
-
var format_ = __webpack_require__(
|
|
185
|
+
var format_ = __webpack_require__(45);
|
|
186
186
|
|
|
187
187
|
// EXTERNAL MODULE: external "@splunk/react-ui/Progress"
|
|
188
188
|
var Progress_ = __webpack_require__(129);
|
|
@@ -191,9 +191,9 @@ var Progress_default = /*#__PURE__*/__webpack_require__.n(Progress_);
|
|
|
191
191
|
// EXTERNAL MODULE: ./src/icons/CrossMark.tsx
|
|
192
192
|
var CrossMark = __webpack_require__(27);
|
|
193
193
|
|
|
194
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/
|
|
195
|
-
var
|
|
196
|
-
var
|
|
194
|
+
// EXTERNAL MODULE: external "@splunk/react-icons/SVGEnterprise"
|
|
195
|
+
var SVGEnterprise_ = __webpack_require__(32);
|
|
196
|
+
var SVGEnterprise_default = /*#__PURE__*/__webpack_require__.n(SVGEnterprise_);
|
|
197
197
|
|
|
198
198
|
// CONCATENATED MODULE: ./src/File/PaperClip.tsx
|
|
199
199
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -201,7 +201,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
|
|
|
201
201
|
|
|
202
202
|
|
|
203
203
|
function PaperClip(props) {
|
|
204
|
-
return /*#__PURE__*/external_react_default.a.createElement(
|
|
204
|
+
return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, _extends({
|
|
205
205
|
hideDefaultTooltip: true,
|
|
206
206
|
viewBox: "0 0 16 16",
|
|
207
207
|
width: "16px",
|
|
@@ -222,7 +222,7 @@ function Retry(props) {
|
|
|
222
222
|
density = _useSplunkTheme.density;
|
|
223
223
|
|
|
224
224
|
var size = density === 'compact' ? '20px' : '24px';
|
|
225
|
-
return /*#__PURE__*/external_react_default.a.createElement(
|
|
225
|
+
return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, Retry_extends({
|
|
226
226
|
hideDefaultTooltip: true,
|
|
227
227
|
viewBox: "0 0 24 24",
|
|
228
228
|
width: size,
|
|
@@ -243,7 +243,7 @@ function Trash(props) {
|
|
|
243
243
|
density = _useSplunkTheme.density;
|
|
244
244
|
|
|
245
245
|
var size = density === 'compact' ? '20px' : '24px';
|
|
246
|
-
return /*#__PURE__*/external_react_default.a.createElement(
|
|
246
|
+
return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, Trash_extends({
|
|
247
247
|
hideDefaultTooltip: true,
|
|
248
248
|
viewBox: "0 0 24 24",
|
|
249
249
|
width: size,
|
|
@@ -582,7 +582,7 @@ function Icon_extends() { Icon_extends = Object.assign || function (target) { fo
|
|
|
582
582
|
|
|
583
583
|
|
|
584
584
|
function FileIcon(props) {
|
|
585
|
-
return /*#__PURE__*/external_react_default.a.createElement(
|
|
585
|
+
return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, Icon_extends({
|
|
586
586
|
hideDefaultTooltip: true,
|
|
587
587
|
screenReaderText: Object(i18n_["_"])('File upload'),
|
|
588
588
|
viewBox: "0 0 72 88"
|
|
@@ -975,9 +975,15 @@ var File_File = /*#__PURE__*/function (_Component) {
|
|
|
975
975
|
var supportsMessage = null;
|
|
976
976
|
|
|
977
977
|
if (this.props.supportsMessage) {
|
|
978
|
-
supportsMessage = /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle,
|
|
978
|
+
supportsMessage = /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, {
|
|
979
|
+
"data-test": "file-supports"
|
|
980
|
+
}, this.props.supportsMessage);
|
|
979
981
|
} else if (isPrisma && !disabled) {
|
|
980
|
-
supportsMessage = accept ? /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle,
|
|
982
|
+
supportsMessage = accept ? /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, {
|
|
983
|
+
"data-test": "file-supports"
|
|
984
|
+
}, Object(i18n_["_"])("Supports ".concat(fileTypes))) : /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, {
|
|
985
|
+
"data-test": "file-supports"
|
|
986
|
+
}, Object(i18n_["_"])('Supports all file types'));
|
|
981
987
|
}
|
|
982
988
|
|
|
983
989
|
return /*#__PURE__*/external_react_default.a.createElement(StyledDropTargetBox, File_extends({
|
|
@@ -996,8 +1002,11 @@ var File_File = /*#__PURE__*/function (_Component) {
|
|
|
996
1002
|
}, !disabled && !isPrisma && /*#__PURE__*/external_react_default.a.createElement(StyledIcon, {
|
|
997
1003
|
$dragOver: dragOver,
|
|
998
1004
|
$error: error
|
|
999
|
-
}), ' ', /*#__PURE__*/external_react_default.a.createElement("span",
|
|
1005
|
+
}), ' ', /*#__PURE__*/external_react_default.a.createElement("span", {
|
|
1006
|
+
"data-test": "file-label"
|
|
1007
|
+
}, !dragOverWindow && !disabled && Object(i18n_["_"])('Drop your file here or'), dragOverNotDisabled && Object(i18n_["_"])('Drop your file anywhere or'), ' ', fileCount === 0 && disabled && Object(i18n_["_"])('No Files Selected'), /*#__PURE__*/external_react_default.a.createElement(StyledLink, {
|
|
1000
1008
|
htmlFor: this.inputId,
|
|
1009
|
+
"data-test": "file-link",
|
|
1001
1010
|
"data-focused": this.state.focusedInput || null
|
|
1002
1011
|
}, /*#__PURE__*/external_react_default.a.createElement(StyledInput, {
|
|
1003
1012
|
accept: accept,
|
|
@@ -1083,8 +1092,8 @@ module.exports = require("lodash/isString");
|
|
|
1083
1092
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
|
|
1084
1093
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
1085
1094
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
1086
|
-
/* harmony import */ var
|
|
1087
|
-
/* harmony import */ var
|
|
1095
|
+
/* harmony import */ var _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
|
|
1096
|
+
/* harmony import */ var _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1__);
|
|
1088
1097
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
1089
1098
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
1090
1099
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -1118,7 +1127,7 @@ function Prisma16(_ref2) {
|
|
|
1118
1127
|
|
|
1119
1128
|
function CrossMark(props) {
|
|
1120
1129
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
|
|
1121
|
-
Enterprise:
|
|
1130
|
+
Enterprise: _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
|
|
1122
1131
|
Prisma16: Prisma16,
|
|
1123
1132
|
Prisma24: Prisma24
|
|
1124
1133
|
}, props));
|
|
@@ -1129,7 +1138,7 @@ function CrossMark(props) {
|
|
|
1129
1138
|
/***/ 29:
|
|
1130
1139
|
/***/ (function(module, exports) {
|
|
1131
1140
|
|
|
1132
|
-
module.exports = require("@splunk/react-icons/Close");
|
|
1141
|
+
module.exports = require("@splunk/react-icons/enterprise/Close");
|
|
1133
1142
|
|
|
1134
1143
|
/***/ }),
|
|
1135
1144
|
|
|
@@ -1143,7 +1152,7 @@ module.exports = require("styled-components");
|
|
|
1143
1152
|
/***/ 32:
|
|
1144
1153
|
/***/ (function(module, exports) {
|
|
1145
1154
|
|
|
1146
|
-
module.exports = require("@splunk/react-icons/
|
|
1155
|
+
module.exports = require("@splunk/react-icons/SVGEnterprise");
|
|
1147
1156
|
|
|
1148
1157
|
/***/ }),
|
|
1149
1158
|
|
|
@@ -1161,17 +1170,17 @@ module.exports = require("lodash/isUndefined");
|
|
|
1161
1170
|
|
|
1162
1171
|
/***/ }),
|
|
1163
1172
|
|
|
1164
|
-
/***/
|
|
1173
|
+
/***/ 45:
|
|
1165
1174
|
/***/ (function(module, exports) {
|
|
1166
1175
|
|
|
1167
|
-
module.exports = require("
|
|
1176
|
+
module.exports = require("@splunk/ui-utils/format");
|
|
1168
1177
|
|
|
1169
1178
|
/***/ }),
|
|
1170
1179
|
|
|
1171
|
-
/***/
|
|
1180
|
+
/***/ 5:
|
|
1172
1181
|
/***/ (function(module, exports) {
|
|
1173
1182
|
|
|
1174
|
-
module.exports = require("
|
|
1183
|
+
module.exports = require("lodash/omit");
|
|
1175
1184
|
|
|
1176
1185
|
/***/ }),
|
|
1177
1186
|
|
|
@@ -1297,8 +1306,8 @@ function Icon(_ref) {
|
|
|
1297
1306
|
|
|
1298
1307
|
|
|
1299
1308
|
if (prismaSize === 'small') {
|
|
1300
|
-
var
|
|
1301
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
|
|
1309
|
+
var SVGEnterprise = Prisma16 || Prisma24;
|
|
1310
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
|
|
1302
1311
|
width: "16",
|
|
1303
1312
|
height: "16"
|
|
1304
1313
|
}, prismaProps));
|
|
@@ -1306,9 +1315,9 @@ function Icon(_ref) {
|
|
|
1306
1315
|
|
|
1307
1316
|
|
|
1308
1317
|
if (density === 'compact') {
|
|
1309
|
-
var
|
|
1318
|
+
var _SVGEnterprise = Prisma20 || Prisma24;
|
|
1310
1319
|
|
|
1311
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
|
|
1320
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
|
|
1312
1321
|
width: "20",
|
|
1313
1322
|
height: "20"
|
|
1314
1323
|
}, prismaProps));
|
package/FormRows.js
CHANGED
|
@@ -111,7 +111,7 @@ module.exports = require("react-sortable-hoc");
|
|
|
111
111
|
/***/ 130:
|
|
112
112
|
/***/ (function(module, exports) {
|
|
113
113
|
|
|
114
|
-
module.exports = require("@splunk/react-icons/Plus");
|
|
114
|
+
module.exports = require("@splunk/react-icons/enterprise/Plus");
|
|
115
115
|
|
|
116
116
|
/***/ }),
|
|
117
117
|
|
|
@@ -147,7 +147,7 @@ var i18n_ = __webpack_require__(4);
|
|
|
147
147
|
// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
|
|
148
148
|
var keyboard_ = __webpack_require__(9);
|
|
149
149
|
|
|
150
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/Plus"
|
|
150
|
+
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Plus"
|
|
151
151
|
var Plus_ = __webpack_require__(130);
|
|
152
152
|
var Plus_default = /*#__PURE__*/__webpack_require__.n(Plus_);
|
|
153
153
|
|
|
@@ -877,8 +877,8 @@ function Icon(_ref) {
|
|
|
877
877
|
|
|
878
878
|
|
|
879
879
|
if (prismaSize === 'small') {
|
|
880
|
-
var
|
|
881
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
|
|
880
|
+
var SVGEnterprise = Prisma16 || Prisma24;
|
|
881
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
|
|
882
882
|
width: "16",
|
|
883
883
|
height: "16"
|
|
884
884
|
}, prismaProps));
|
|
@@ -886,9 +886,9 @@ function Icon(_ref) {
|
|
|
886
886
|
|
|
887
887
|
|
|
888
888
|
if (density === 'compact') {
|
|
889
|
-
var
|
|
889
|
+
var _SVGEnterprise = Prisma20 || Prisma24;
|
|
890
890
|
|
|
891
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
|
|
891
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
|
|
892
892
|
width: "20",
|
|
893
893
|
height: "20"
|
|
894
894
|
}, prismaProps));
|
package/Heading.js
CHANGED
|
@@ -140,54 +140,29 @@ var StyledH1 = external_styled_components_default.a.h1.withConfig({
|
|
|
140
140
|
displayName: "HeadingStyles__StyledH1",
|
|
141
141
|
componentId: "sc-15s3yx3-0"
|
|
142
142
|
})(["", ";", " margin:1.414em 0 0.4em;text-rendering:optimizelegibility;", " ", ""], themes_["mixins"].reset('block'), Object(themes_["pickVariant"])('as', {
|
|
143
|
-
h1: {
|
|
144
|
-
|
|
145
|
-
lineHeight: 20,
|
|
146
|
-
size: 24,
|
|
147
|
-
weight: 500
|
|
148
|
-
}),
|
|
149
|
-
prisma: Object(external_styled_components_["css"])(["", " line-height:48px;"], themes_["mixins"].typography('title1'))
|
|
143
|
+
h1: function h1() {
|
|
144
|
+
return themes_["mixins"].typography('title1');
|
|
150
145
|
},
|
|
151
|
-
h2: {
|
|
152
|
-
|
|
153
|
-
lineHeight: 20,
|
|
154
|
-
size: 18,
|
|
155
|
-
weight: 500
|
|
156
|
-
}),
|
|
157
|
-
prisma: themes_["mixins"].typography('title2', {
|
|
158
|
-
lineHeight: 24,
|
|
159
|
-
size: 24
|
|
160
|
-
})
|
|
146
|
+
h2: function h2() {
|
|
147
|
+
return themes_["mixins"].typography('title2');
|
|
161
148
|
},
|
|
162
|
-
h3: {
|
|
163
|
-
|
|
164
|
-
lineHeight: 20,
|
|
165
|
-
size: 16,
|
|
166
|
-
weight: 500
|
|
167
|
-
}),
|
|
168
|
-
prisma: themes_["mixins"].typography('title3')
|
|
149
|
+
h3: function h3() {
|
|
150
|
+
return themes_["mixins"].typography('title3');
|
|
169
151
|
},
|
|
170
152
|
h4: {
|
|
171
153
|
enterprise: {
|
|
172
154
|
compact: function compact(_ref) {
|
|
173
155
|
var $isSection = _ref.$isSection;
|
|
174
156
|
return $isSection ? themes_["mixins"].typography('title4', {
|
|
175
|
-
lineHeight: 20,
|
|
176
|
-
size: 12,
|
|
177
157
|
weight: 500
|
|
178
|
-
}) : themes_["mixins"].typography('title4'
|
|
179
|
-
lineHeight: 20,
|
|
180
|
-
size: 12
|
|
181
|
-
});
|
|
158
|
+
}) : themes_["mixins"].typography('title4');
|
|
182
159
|
},
|
|
183
160
|
comfortable: function comfortable(_ref2) {
|
|
184
161
|
var $isSection = _ref2.$isSection;
|
|
185
162
|
return $isSection ? themes_["mixins"].typography('title4', {
|
|
186
|
-
lineHeight: 20,
|
|
187
163
|
size: 14,
|
|
188
164
|
weight: 500
|
|
189
165
|
}) : themes_["mixins"].typography('title4', {
|
|
190
|
-
lineHeight: 20,
|
|
191
166
|
size: 14
|
|
192
167
|
});
|
|
193
168
|
}
|
|
@@ -196,23 +171,12 @@ var StyledH1 = external_styled_components_default.a.h1.withConfig({
|
|
|
196
171
|
var $isSection = _ref3.$isSection;
|
|
197
172
|
return $isSection ? themes_["mixins"].typography('title4', {
|
|
198
173
|
color: 'default',
|
|
199
|
-
lineHeight: 24,
|
|
200
174
|
size: 14
|
|
201
|
-
}) : themes_["mixins"].typography('title4'
|
|
202
|
-
lineHeight: 24,
|
|
203
|
-
size: 16
|
|
204
|
-
});
|
|
175
|
+
}) : themes_["mixins"].typography('title4');
|
|
205
176
|
}
|
|
206
177
|
},
|
|
207
|
-
h5: {
|
|
208
|
-
|
|
209
|
-
size: 12,
|
|
210
|
-
weight: 500
|
|
211
|
-
}),
|
|
212
|
-
prisma: Object(external_styled_components_["css"])(["", " font-size:13px;"], themes_["mixins"].typography('title5', {
|
|
213
|
-
color: 'default',
|
|
214
|
-
lineHeight: 16
|
|
215
|
-
}))
|
|
178
|
+
h5: function h5() {
|
|
179
|
+
return themes_["mixins"].typography('title5');
|
|
216
180
|
}
|
|
217
181
|
}), Object(themes_["pickVariant"])('$isSection', {
|
|
218
182
|
"true": {
|
package/Image.js
CHANGED
|
@@ -167,7 +167,7 @@ var toLower_ = __webpack_require__(36);
|
|
|
167
167
|
var toLower_default = /*#__PURE__*/__webpack_require__.n(toLower_);
|
|
168
168
|
|
|
169
169
|
// EXTERNAL MODULE: external "@splunk/ui-utils/format"
|
|
170
|
-
var format_ = __webpack_require__(
|
|
170
|
+
var format_ = __webpack_require__(45);
|
|
171
171
|
|
|
172
172
|
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
173
173
|
var i18n_ = __webpack_require__(4);
|
|
@@ -486,8 +486,8 @@ _defineProperty(Image_Image, "defaultProps", defaultProps);
|
|
|
486
486
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
|
|
487
487
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
488
488
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
489
|
-
/* harmony import */ var
|
|
490
|
-
/* harmony import */ var
|
|
489
|
+
/* harmony import */ var _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
|
|
490
|
+
/* harmony import */ var _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1__);
|
|
491
491
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
492
492
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
493
493
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -521,7 +521,7 @@ function Prisma16(_ref2) {
|
|
|
521
521
|
|
|
522
522
|
function CrossMark(props) {
|
|
523
523
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
|
|
524
|
-
Enterprise:
|
|
524
|
+
Enterprise: _splunk_react_icons_enterprise_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
|
|
525
525
|
Prisma16: Prisma16,
|
|
526
526
|
Prisma24: Prisma24
|
|
527
527
|
}, props));
|
|
@@ -532,7 +532,7 @@ function CrossMark(props) {
|
|
|
532
532
|
/***/ 29:
|
|
533
533
|
/***/ (function(module, exports) {
|
|
534
534
|
|
|
535
|
-
module.exports = require("@splunk/react-icons/Close");
|
|
535
|
+
module.exports = require("@splunk/react-icons/enterprise/Close");
|
|
536
536
|
|
|
537
537
|
/***/ }),
|
|
538
538
|
|
|
@@ -557,17 +557,17 @@ module.exports = require("@splunk/ui-utils/i18n");
|
|
|
557
557
|
|
|
558
558
|
/***/ }),
|
|
559
559
|
|
|
560
|
-
/***/
|
|
560
|
+
/***/ 45:
|
|
561
561
|
/***/ (function(module, exports) {
|
|
562
562
|
|
|
563
|
-
module.exports = require("
|
|
563
|
+
module.exports = require("@splunk/ui-utils/format");
|
|
564
564
|
|
|
565
565
|
/***/ }),
|
|
566
566
|
|
|
567
|
-
/***/
|
|
567
|
+
/***/ 5:
|
|
568
568
|
/***/ (function(module, exports) {
|
|
569
569
|
|
|
570
|
-
module.exports = require("
|
|
570
|
+
module.exports = require("lodash/omit");
|
|
571
571
|
|
|
572
572
|
/***/ }),
|
|
573
573
|
|
|
@@ -686,8 +686,8 @@ function Icon(_ref) {
|
|
|
686
686
|
|
|
687
687
|
|
|
688
688
|
if (prismaSize === 'small') {
|
|
689
|
-
var
|
|
690
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
|
|
689
|
+
var SVGEnterprise = Prisma16 || Prisma24;
|
|
690
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
|
|
691
691
|
width: "16",
|
|
692
692
|
height: "16"
|
|
693
693
|
}, prismaProps));
|
|
@@ -695,9 +695,9 @@ function Icon(_ref) {
|
|
|
695
695
|
|
|
696
696
|
|
|
697
697
|
if (density === 'compact') {
|
|
698
|
-
var
|
|
698
|
+
var _SVGEnterprise = Prisma20 || Prisma24;
|
|
699
699
|
|
|
700
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
|
|
700
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
|
|
701
701
|
width: "20",
|
|
702
702
|
height: "20"
|
|
703
703
|
}, prismaProps));
|
package/Link.js
CHANGED
|
@@ -143,7 +143,7 @@ var i18n_ = __webpack_require__(4);
|
|
|
143
143
|
var external_styled_components_ = __webpack_require__(3);
|
|
144
144
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
145
145
|
|
|
146
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/External"
|
|
146
|
+
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/External"
|
|
147
147
|
var External_ = __webpack_require__(60);
|
|
148
148
|
var External_default = /*#__PURE__*/__webpack_require__.n(External_);
|
|
149
149
|
|
|
@@ -326,7 +326,7 @@ module.exports = require("@splunk/ui-utils/i18n");
|
|
|
326
326
|
/***/ 60:
|
|
327
327
|
/***/ (function(module, exports) {
|
|
328
328
|
|
|
329
|
-
module.exports = require("@splunk/react-icons/External");
|
|
329
|
+
module.exports = require("@splunk/react-icons/enterprise/External");
|
|
330
330
|
|
|
331
331
|
/***/ })
|
|
332
332
|
|
package/MIGRATION.md
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
# Migration
|
|
2
|
+
|
|
3
|
+
This document lists migration guidance for new features and breaking changes.
|
|
4
|
+
|
|
5
|
+
## 4.12.0
|
|
6
|
+
|
|
7
|
+
### Multiline `Text` to `TextArea`
|
|
8
|
+
|
|
9
|
+
**Change:**
|
|
10
|
+
`Text`'s `multiline` and related props have been deprecated. A new `TextArea` component has been added.
|
|
11
|
+
|
|
12
|
+
**Context:**
|
|
13
|
+
`Text` supported two modes -- single or multiline. Each modes had exclusive props: e.g. `maxRows` was only valid with the `multiline` prop.
|
|
14
|
+
This could be confusing and lead to unexpected or unsupported API combinations. Additionally, code in `Text` would only operate in one mode at a time.
|
|
15
|
+
|
|
16
|
+
By separating these modes, we have made it simpler and clearer to decide which component and props to use.
|
|
17
|
+
`Text` should be used for inline text input. `TextArea` should be used for long-form text input.
|
|
18
|
+
This aligns the components with the HTML spec and the Splunk Design System.
|
|
19
|
+
|
|
20
|
+
**Migration steps:**
|
|
21
|
+
- Replace instances of `Text` that use the `multiline` prop with the new `TextArea` component.
|
package/Menu.js
CHANGED
|
@@ -138,7 +138,7 @@ module.exports = require("@splunk/react-ui/useForceUpdate");
|
|
|
138
138
|
/***/ 139:
|
|
139
139
|
/***/ (function(module, exports) {
|
|
140
140
|
|
|
141
|
-
module.exports = require("@splunk/react-icons/TriangleRightSmall");
|
|
141
|
+
module.exports = require("@splunk/react-icons/enterprise/TriangleRightSmall");
|
|
142
142
|
|
|
143
143
|
/***/ }),
|
|
144
144
|
|
|
@@ -262,7 +262,7 @@ var Heading_ = __webpack_require__(77);
|
|
|
262
262
|
var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
|
|
263
263
|
|
|
264
264
|
// EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
|
|
265
|
-
var useSplunkTheme_ = __webpack_require__(
|
|
265
|
+
var useSplunkTheme_ = __webpack_require__(54);
|
|
266
266
|
var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
|
|
267
267
|
|
|
268
268
|
// CONCATENATED MODULE: ./src/Menu/HeadingStyles.ts
|
|
@@ -367,7 +367,7 @@ var i18n_ = __webpack_require__(4);
|
|
|
367
367
|
// EXTERNAL MODULE: ./src/icons/Check.tsx
|
|
368
368
|
var Check = __webpack_require__(75);
|
|
369
369
|
|
|
370
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/TriangleRightSmall"
|
|
370
|
+
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/TriangleRightSmall"
|
|
371
371
|
var TriangleRightSmall_ = __webpack_require__(139);
|
|
372
372
|
var TriangleRightSmall_default = /*#__PURE__*/__webpack_require__.n(TriangleRightSmall_);
|
|
373
373
|
|
|
@@ -413,7 +413,7 @@ var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
|
413
413
|
var Switch_ = __webpack_require__(96);
|
|
414
414
|
var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_);
|
|
415
415
|
|
|
416
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/External"
|
|
416
|
+
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/External"
|
|
417
417
|
var External_ = __webpack_require__(60);
|
|
418
418
|
var External_default = /*#__PURE__*/__webpack_require__.n(External_);
|
|
419
419
|
|
|
@@ -932,7 +932,7 @@ MenuStyles_Styled,
|
|
|
932
932
|
MenuStyles_Styled, adjacentSiblingStyles);
|
|
933
933
|
|
|
934
934
|
// EXTERNAL MODULE: ./src/utils/navigateList.ts
|
|
935
|
-
var navigateList = __webpack_require__(
|
|
935
|
+
var navigateList = __webpack_require__(57);
|
|
936
936
|
|
|
937
937
|
// CONCATENATED MODULE: ./src/Menu/Menu.tsx
|
|
938
938
|
function Menu_extends() { Menu_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Menu_extends.apply(this, arguments); }
|
|
@@ -1176,8 +1176,8 @@ module.exports = require("@splunk/ui-utils/focus");
|
|
|
1176
1176
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
|
|
1177
1177
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
1178
1178
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
1179
|
-
/* harmony import */ var
|
|
1180
|
-
/* harmony import */ var
|
|
1179
|
+
/* harmony import */ var _splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
|
|
1180
|
+
/* harmony import */ var _splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
|
|
1181
1181
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
1182
1182
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
1183
1183
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -1211,7 +1211,7 @@ function Prisma16(_ref2) {
|
|
|
1211
1211
|
|
|
1212
1212
|
function ChevronRight(props) {
|
|
1213
1213
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
|
|
1214
|
-
Enterprise:
|
|
1214
|
+
Enterprise: _splunk_react_icons_enterprise_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default.a,
|
|
1215
1215
|
Prisma16: Prisma16,
|
|
1216
1216
|
Prisma24: Prisma24
|
|
1217
1217
|
}, props));
|
|
@@ -1229,7 +1229,7 @@ module.exports = require("@splunk/ui-utils/i18n");
|
|
|
1229
1229
|
/***/ 44:
|
|
1230
1230
|
/***/ (function(module, exports) {
|
|
1231
1231
|
|
|
1232
|
-
module.exports = require("@splunk/react-icons/ChevronRight");
|
|
1232
|
+
module.exports = require("@splunk/react-icons/enterprise/ChevronRight");
|
|
1233
1233
|
|
|
1234
1234
|
/***/ }),
|
|
1235
1235
|
|
|
@@ -1240,14 +1240,14 @@ module.exports = require("lodash/omit");
|
|
|
1240
1240
|
|
|
1241
1241
|
/***/ }),
|
|
1242
1242
|
|
|
1243
|
-
/***/
|
|
1243
|
+
/***/ 54:
|
|
1244
1244
|
/***/ (function(module, exports) {
|
|
1245
1245
|
|
|
1246
1246
|
module.exports = require("@splunk/themes/useSplunkTheme");
|
|
1247
1247
|
|
|
1248
1248
|
/***/ }),
|
|
1249
1249
|
|
|
1250
|
-
/***/
|
|
1250
|
+
/***/ 57:
|
|
1251
1251
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1252
1252
|
|
|
1253
1253
|
"use strict";
|
|
@@ -1314,14 +1314,14 @@ function SVG(props) {
|
|
|
1314
1314
|
/***/ 60:
|
|
1315
1315
|
/***/ (function(module, exports) {
|
|
1316
1316
|
|
|
1317
|
-
module.exports = require("@splunk/react-icons/External");
|
|
1317
|
+
module.exports = require("@splunk/react-icons/enterprise/External");
|
|
1318
1318
|
|
|
1319
1319
|
/***/ }),
|
|
1320
1320
|
|
|
1321
1321
|
/***/ 65:
|
|
1322
1322
|
/***/ (function(module, exports) {
|
|
1323
1323
|
|
|
1324
|
-
module.exports = require("@splunk/react-icons/Check");
|
|
1324
|
+
module.exports = require("@splunk/react-icons/enterprise/Check");
|
|
1325
1325
|
|
|
1326
1326
|
/***/ }),
|
|
1327
1327
|
|
|
@@ -1415,8 +1415,8 @@ function Icon(_ref) {
|
|
|
1415
1415
|
|
|
1416
1416
|
|
|
1417
1417
|
if (prismaSize === 'small') {
|
|
1418
|
-
var
|
|
1419
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
|
|
1418
|
+
var SVGEnterprise = Prisma16 || Prisma24;
|
|
1419
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVGEnterprise, _extends({
|
|
1420
1420
|
width: "16",
|
|
1421
1421
|
height: "16"
|
|
1422
1422
|
}, prismaProps));
|
|
@@ -1424,9 +1424,9 @@ function Icon(_ref) {
|
|
|
1424
1424
|
|
|
1425
1425
|
|
|
1426
1426
|
if (density === 'compact') {
|
|
1427
|
-
var
|
|
1427
|
+
var _SVGEnterprise = Prisma20 || Prisma24;
|
|
1428
1428
|
|
|
1429
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
|
|
1429
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVGEnterprise, _extends({
|
|
1430
1430
|
width: "20",
|
|
1431
1431
|
height: "20"
|
|
1432
1432
|
}, prismaProps));
|
|
@@ -1450,8 +1450,8 @@ Icon.defaultProps = defaultProps;
|
|
|
1450
1450
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Check; });
|
|
1451
1451
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
1452
1452
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
1453
|
-
/* harmony import */ var
|
|
1454
|
-
/* harmony import */ var
|
|
1453
|
+
/* harmony import */ var _splunk_react_icons_enterprise_Check__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65);
|
|
1454
|
+
/* harmony import */ var _splunk_react_icons_enterprise_Check__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_enterprise_Check__WEBPACK_IMPORTED_MODULE_1__);
|
|
1455
1455
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
1456
1456
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
1457
1457
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -1485,7 +1485,7 @@ function Prisma16(_ref2) {
|
|
|
1485
1485
|
|
|
1486
1486
|
function Check(props) {
|
|
1487
1487
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
|
|
1488
|
-
Enterprise:
|
|
1488
|
+
Enterprise: _splunk_react_icons_enterprise_Check__WEBPACK_IMPORTED_MODULE_1___default.a,
|
|
1489
1489
|
Prisma16: Prisma16,
|
|
1490
1490
|
Prisma24: Prisma24
|
|
1491
1491
|
}, props));
|