@splunk/react-ui 4.19.0 → 4.21.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.
Files changed (114) hide show
  1. package/Accordion.js +114 -230
  2. package/Anchor.js +74 -150
  3. package/Animation.js +52 -124
  4. package/AnimationToggle.js +86 -146
  5. package/Box.js +77 -153
  6. package/Breadcrumbs.d.ts +2 -0
  7. package/Breadcrumbs.js +207 -0
  8. package/Button.js +168 -316
  9. package/ButtonGroup.js +84 -168
  10. package/ButtonSimple.js +224 -324
  11. package/CHANGELOG.md +35 -0
  12. package/Calendar.js +264 -462
  13. package/Card.js +223 -371
  14. package/CardLayout.js +87 -163
  15. package/Chip.js +199 -323
  16. package/Clickable.js +132 -248
  17. package/CloseButton.js +92 -200
  18. package/Code.js +188 -251
  19. package/CollapsiblePanel.js +214 -370
  20. package/Color.js +267 -495
  21. package/ColumnLayout.js +152 -254
  22. package/ComboBox.js +197 -371
  23. package/Concertina.js +214 -374
  24. package/ControlGroup.js +164 -288
  25. package/Date.js +154 -304
  26. package/DefinitionList.js +104 -180
  27. package/Divider.js +80 -156
  28. package/Dropdown.js +121 -263
  29. package/DualListbox.js +408 -601
  30. package/EventListener.js +70 -138
  31. package/File.js +343 -547
  32. package/FormRows.js +232 -414
  33. package/Heading.js +94 -164
  34. package/Image.js +167 -323
  35. package/JSONTree.js +166 -314
  36. package/Layer.js +221 -388
  37. package/Link.js +133 -239
  38. package/List.js +85 -161
  39. package/Markdown.js +230 -355
  40. package/Menu.js +396 -647
  41. package/Message.js +248 -437
  42. package/MessageBar.js +220 -408
  43. package/Modal.js +201 -365
  44. package/ModalLayer.js +96 -196
  45. package/Monogram.js +112 -204
  46. package/Multiselect.js +2675 -2807
  47. package/Number.js +178 -334
  48. package/Paginator.js +170 -336
  49. package/Paragraph.js +77 -153
  50. package/Popover.js +436 -623
  51. package/Progress.js +139 -255
  52. package/RadioBar.js +156 -280
  53. package/RadioList.js +182 -282
  54. package/Resize.js +173 -307
  55. package/ResultsMenu.js +183 -304
  56. package/ScreenReaderContent.js +75 -151
  57. package/Scroll.js +125 -267
  58. package/ScrollContainerContext.js +129 -201
  59. package/Search.js +188 -354
  60. package/Select.js +1243 -1248
  61. package/SidePanel.js +106 -214
  62. package/Slider.js +198 -348
  63. package/SlidingPanels.js +138 -280
  64. package/SplitButton.js +141 -273
  65. package/StaticContent.js +84 -168
  66. package/StepBar.js +138 -246
  67. package/Switch.js +261 -385
  68. package/TabBar.js +261 -398
  69. package/TabLayout.js +122 -238
  70. package/Table.js +975 -1447
  71. package/Text.js +335 -549
  72. package/TextArea.js +315 -537
  73. package/Tooltip.js +152 -292
  74. package/TransitionOpen.js +118 -242
  75. package/Typography.js +81 -157
  76. package/WaitSpinner.js +117 -209
  77. package/package.json +20 -21
  78. package/stubs-splunkui.d.ts +4 -1
  79. package/types/src/Breadcrumbs/Breadcrumbs.d.ts +25 -0
  80. package/types/src/Breadcrumbs/Item.d.ts +42 -0
  81. package/types/src/Breadcrumbs/docs/examples/Adornments.d.ts +2 -0
  82. package/types/src/Breadcrumbs/docs/examples/Basic.d.ts +2 -0
  83. package/types/src/Breadcrumbs/index.d.ts +2 -0
  84. package/types/src/Code/Code.d.ts +1 -1
  85. package/types/src/ComboBox/Option.d.ts +1 -1
  86. package/types/src/Concertina/Concertina.d.ts +4 -0
  87. package/types/src/Link/Link.d.ts +12 -3
  88. package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
  89. package/types/src/Markdown/Markdown.d.ts +1 -1
  90. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
  91. package/types/src/Menu/Item.d.ts +1 -1
  92. package/types/src/Menu/Menu.d.ts +1 -0
  93. package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
  94. package/types/src/Multiselect/Compact.d.ts +4 -0
  95. package/types/src/Multiselect/Multiselect.d.ts +5 -0
  96. package/types/src/Multiselect/Option.d.ts +1 -1
  97. package/types/src/Multiselect/docs/examples/CompactSelectAll.d.ts +2 -0
  98. package/types/src/Search/Option.d.ts +1 -1
  99. package/types/src/Select/Option.d.ts +1 -1
  100. package/types/src/Select/OptionBase.d.ts +1 -1
  101. package/types/src/Select/SelectAllOption.d.ts +14 -0
  102. package/types/src/Select/SelectBase.d.ts +11 -3
  103. package/types/src/Table/Table.d.ts +4 -0
  104. package/types/src/Text/Text.d.ts +3 -3
  105. package/types/src/TextArea/TextArea.d.ts +3 -3
  106. package/types/src/fixtures/FetchOptions.d.ts +2 -8
  107. package/useForceUpdate.js +46 -110
  108. package/useKeyPress.js +50 -107
  109. package/usePrevious.js +47 -111
  110. package/useRovingFocus.js +53 -133
  111. package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
  112. package/types/src/Typography/docs/examples/Variants.d.ts +0 -2
  113. /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
  114. /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/RadioBar.js CHANGED
@@ -1,220 +1,133 @@
1
- module.exports =
2
- /******/ (function(modules) { // webpackBootstrap
3
- /******/ // The module cache
4
- /******/ var installedModules = {};
5
- /******/
6
- /******/ // The require function
7
- /******/ function __webpack_require__(moduleId) {
8
- /******/
9
- /******/ // Check if module is in cache
10
- /******/ if(installedModules[moduleId]) {
11
- /******/ return installedModules[moduleId].exports;
12
- /******/ }
13
- /******/ // Create a new module (and put it into the cache)
14
- /******/ var module = installedModules[moduleId] = {
15
- /******/ i: moduleId,
16
- /******/ l: false,
17
- /******/ exports: {}
1
+ /******/ (() => { // webpackBootstrap
2
+ /******/ "use strict";
3
+ /******/ // The require scope
4
+ /******/ var __webpack_require__ = {};
5
+ /******/
6
+ /************************************************************************/
7
+ /******/ /* webpack/runtime/compat get default export */
8
+ /******/ (() => {
9
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
10
+ /******/ __webpack_require__.n = (module) => {
11
+ /******/ var getter = module && module.__esModule ?
12
+ /******/ () => (module['default']) :
13
+ /******/ () => (module);
14
+ /******/ __webpack_require__.d(getter, { a: getter });
15
+ /******/ return getter;
16
+ /******/ };
17
+ /******/ })();
18
+ /******/
19
+ /******/ /* webpack/runtime/define property getters */
20
+ /******/ (() => {
21
+ /******/ // define getter functions for harmony exports
22
+ /******/ __webpack_require__.d = (exports, definition) => {
23
+ /******/ for(var key in definition) {
24
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
25
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
26
+ /******/ }
27
+ /******/ }
18
28
  /******/ };
19
- /******/
20
- /******/ // Execute the module function
21
- /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
22
- /******/
23
- /******/ // Flag the module as loaded
24
- /******/ module.l = true;
25
- /******/
26
- /******/ // Return the exports of the module
27
- /******/ return module.exports;
28
- /******/ }
29
- /******/
30
- /******/
31
- /******/ // expose the modules object (__webpack_modules__)
32
- /******/ __webpack_require__.m = modules;
33
- /******/
34
- /******/ // expose the module cache
35
- /******/ __webpack_require__.c = installedModules;
36
- /******/
37
- /******/ // define getter function for harmony exports
38
- /******/ __webpack_require__.d = function(exports, name, getter) {
39
- /******/ if(!__webpack_require__.o(exports, name)) {
40
- /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
41
- /******/ }
42
- /******/ };
43
- /******/
44
- /******/ // define __esModule on exports
45
- /******/ __webpack_require__.r = function(exports) {
46
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
47
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
48
- /******/ }
49
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
50
- /******/ };
51
- /******/
52
- /******/ // create a fake namespace object
53
- /******/ // mode & 1: value is a module id, require it
54
- /******/ // mode & 2: merge all properties of value into the ns
55
- /******/ // mode & 4: return value when already ns object
56
- /******/ // mode & 8|1: behave like require
57
- /******/ __webpack_require__.t = function(value, mode) {
58
- /******/ if(mode & 1) value = __webpack_require__(value);
59
- /******/ if(mode & 8) return value;
60
- /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
61
- /******/ var ns = Object.create(null);
62
- /******/ __webpack_require__.r(ns);
63
- /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
64
- /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
65
- /******/ return ns;
66
- /******/ };
67
- /******/
68
- /******/ // getDefaultExport function for compatibility with non-harmony modules
69
- /******/ __webpack_require__.n = function(module) {
70
- /******/ var getter = module && module.__esModule ?
71
- /******/ function getDefault() { return module['default']; } :
72
- /******/ function getModuleExports() { return module; };
73
- /******/ __webpack_require__.d(getter, 'a', getter);
74
- /******/ return getter;
75
- /******/ };
76
- /******/
77
- /******/ // Object.prototype.hasOwnProperty.call
78
- /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
79
- /******/
80
- /******/ // __webpack_public_path__
81
- /******/ __webpack_require__.p = "";
82
- /******/
83
- /******/
84
- /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 187);
86
- /******/ })
29
+ /******/ })();
30
+ /******/
31
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
32
+ /******/ (() => {
33
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
34
+ /******/ })();
35
+ /******/
36
+ /******/ /* webpack/runtime/make namespace object */
37
+ /******/ (() => {
38
+ /******/ // define __esModule on exports
39
+ /******/ __webpack_require__.r = (exports) => {
40
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
41
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
42
+ /******/ }
43
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
44
+ /******/ };
45
+ /******/ })();
46
+ /******/
87
47
  /************************************************************************/
88
- /******/ ({
89
-
90
- /***/ 0:
91
- /***/ (function(module, exports) {
92
-
93
- module.exports = require("@splunk/themes");
94
-
95
- /***/ }),
96
-
97
- /***/ 1:
98
- /***/ (function(module, exports) {
99
-
100
- module.exports = require("prop-types");
101
-
102
- /***/ }),
103
-
104
- /***/ 11:
105
- /***/ (function(module, exports) {
106
-
107
- module.exports = require("lodash/has");
108
-
109
- /***/ }),
110
-
111
- /***/ 12:
112
- /***/ (function(module, exports) {
113
-
114
- module.exports = require("@splunk/react-ui/Clickable");
115
-
116
- /***/ }),
117
-
118
- /***/ 17:
119
- /***/ (function(module, exports) {
120
-
121
- module.exports = require("@splunk/react-ui/Button");
122
-
123
- /***/ }),
124
-
125
- /***/ 187:
126
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
127
-
128
- "use strict";
48
+ var __webpack_exports__ = {};
129
49
  // ESM COMPAT FLAG
130
50
  __webpack_require__.r(__webpack_exports__);
131
51
 
132
52
  // EXPORTS
133
- __webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_RadioBar_RadioBar; });
134
- __webpack_require__.d(__webpack_exports__, "Option", function() { return /* reexport */ RadioBar_Option; });
135
-
136
- // EXTERNAL MODULE: external "react"
137
- var external_react_ = __webpack_require__(2);
138
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
139
-
140
- // EXTERNAL MODULE: external "prop-types"
141
- var external_prop_types_ = __webpack_require__(1);
142
- var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
143
-
144
- // EXTERNAL MODULE: external "lodash/has"
145
- var has_ = __webpack_require__(11);
146
- var has_default = /*#__PURE__*/__webpack_require__.n(has_);
147
-
148
- // EXTERNAL MODULE: external "lodash/omit"
149
- var omit_ = __webpack_require__(5);
150
- var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
151
-
152
- // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
153
- var keyboard_ = __webpack_require__(7);
154
-
155
- // EXTERNAL MODULE: external "@splunk/themes"
156
- var themes_ = __webpack_require__(0);
157
-
158
- // EXTERNAL MODULE: external "@splunk/react-ui/Button"
159
- var Button_ = __webpack_require__(17);
160
- var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
161
-
162
- // EXTERNAL MODULE: external "styled-components"
163
- var external_styled_components_ = __webpack_require__(3);
164
- var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
165
-
166
- // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
167
- var Clickable_ = __webpack_require__(12);
168
- var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
169
-
170
- // CONCATENATED MODULE: ./src/RadioBar/OptionStyles.ts
171
-
172
-
53
+ __webpack_require__.d(__webpack_exports__, {
54
+ Option: () => (/* reexport */ RadioBar_Option),
55
+ "default": () => (/* reexport */ RadioBar_RadioBar)
56
+ });
173
57
 
174
- var StyledClickable = external_styled_components_default()(Clickable_default.a).withConfig({
58
+ ;// CONCATENATED MODULE: external "react"
59
+ const external_react_namespaceObject = require("react");
60
+ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
61
+ ;// CONCATENATED MODULE: external "prop-types"
62
+ const external_prop_types_namespaceObject = require("prop-types");
63
+ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
64
+ ;// CONCATENATED MODULE: external "lodash/has"
65
+ const has_namespaceObject = require("lodash/has");
66
+ var has_default = /*#__PURE__*/__webpack_require__.n(has_namespaceObject);
67
+ ;// CONCATENATED MODULE: external "lodash/omit"
68
+ const omit_namespaceObject = require("lodash/omit");
69
+ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
70
+ ;// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
71
+ const keyboard_namespaceObject = require("@splunk/ui-utils/keyboard");
72
+ ;// CONCATENATED MODULE: external "@splunk/themes"
73
+ const themes_namespaceObject = require("@splunk/themes");
74
+ ;// CONCATENATED MODULE: external "@splunk/react-ui/Button"
75
+ const Button_namespaceObject = require("@splunk/react-ui/Button");
76
+ var Button_default = /*#__PURE__*/__webpack_require__.n(Button_namespaceObject);
77
+ ;// CONCATENATED MODULE: external "styled-components"
78
+ const external_styled_components_namespaceObject = require("styled-components");
79
+ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
80
+ ;// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
81
+ const Clickable_namespaceObject = require("@splunk/react-ui/Clickable");
82
+ var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_namespaceObject);
83
+ ;// CONCATENATED MODULE: ./src/RadioBar/OptionStyles.ts
84
+
85
+
86
+
87
+ var StyledClickable = external_styled_components_default()((Clickable_default())).withConfig({
175
88
  displayName: "OptionStyles__StyledClickable",
176
89
  componentId: "fyq77p-0"
177
- })(["border-radius:3px;flex:1 1 auto;display:flex;justify-content:center;align-items:center;color:", ";padding:2px 12px;height:calc(", " - 6px);position:relative;gap:", ";& + &{margin-left:2px;}", " ", " &:focus{color:", ";box-shadow:", ";z-index:2;&:active{background-color:", ";}}", " ", ""], themes_["variables"].contentColorDefault, themes_["variables"].inputHeight, themes_["variables"].spacingXSmall, function (_ref) {
90
+ })(["border-radius:3px;flex:1 1 auto;display:flex;justify-content:center;align-items:center;color:", ";padding:2px 12px;height:calc(", " - 6px);position:relative;gap:", ";& + &{margin-left:2px;}", " ", " &:focus{color:", ";box-shadow:", ";z-index:2;&:active{background-color:", ";}}", " ", ""], themes_namespaceObject.variables.contentColorDefault, themes_namespaceObject.variables.inputHeight, themes_namespaceObject.variables.spacingXSmall, function (_ref) {
178
91
  var $selected = _ref.$selected;
179
- return $selected && Object(external_styled_components_["css"])(["color:", ";background-color:", ";box-shadow:", ";"], themes_["variables"].contentColorActive, Object(themes_["pick"])({
180
- dark: themes_["variables"].interactiveColorOverlaySelected,
181
- light: themes_["variables"].white
182
- }), themes_["variables"].embossShadow);
92
+ return $selected && (0,external_styled_components_namespaceObject.css)(["color:", ";background-color:", ";box-shadow:", ";"], themes_namespaceObject.variables.contentColorActive, (0,themes_namespaceObject.pick)({
93
+ dark: themes_namespaceObject.variables.interactiveColorOverlaySelected,
94
+ light: themes_namespaceObject.variables.white
95
+ }), themes_namespaceObject.variables.embossShadow);
183
96
  }, function (_ref2) {
184
97
  var $selected = _ref2.$selected,
185
98
  disabled = _ref2.disabled;
186
- return $selected && disabled && Object(external_styled_components_["css"])(["background-color:", ";"], themes_["variables"].backgroundColorPage);
187
- }, themes_["variables"].contentColorActive, themes_["variables"].focusShadow, themes_["variables"].interactiveColorOverlayActive, function (_ref3) {
99
+ return $selected && disabled && (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], themes_namespaceObject.variables.backgroundColorPage);
100
+ }, themes_namespaceObject.variables.contentColorActive, themes_namespaceObject.variables.focusShadow, themes_namespaceObject.variables.interactiveColorOverlayActive, function (_ref3) {
188
101
  var $selected = _ref3.$selected,
189
102
  disabled = _ref3.disabled;
190
- return !$selected && !disabled && Object(external_styled_components_["css"])(["&:hover{color:", ";background-color:", ";}&:active{background-color:", ";}"], themes_["variables"].contentColorActive, themes_["variables"].interactiveColorOverlayHover, themes_["variables"].interactiveColorOverlayActive);
103
+ return !$selected && !disabled && (0,external_styled_components_namespaceObject.css)(["&:hover{color:", ";background-color:", ";}&:active{background-color:", ";}"], themes_namespaceObject.variables.contentColorActive, themes_namespaceObject.variables.interactiveColorOverlayHover, themes_namespaceObject.variables.interactiveColorOverlayActive);
191
104
  }, function (_ref4) {
192
105
  var disabled = _ref4.disabled;
193
- return disabled && Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorDisabled);
106
+ return disabled && (0,external_styled_components_namespaceObject.css)(["color:", ";"], themes_namespaceObject.variables.contentColorDisabled);
194
107
  });
195
- var StyledIcon = external_styled_components_default.a.div.withConfig({
108
+ var StyledIcon = external_styled_components_default().div.withConfig({
196
109
  displayName: "OptionStyles__StyledIcon",
197
110
  componentId: "fyq77p-1"
198
111
  })(["flex:0 0 auto;margin-top:-2px;font-size:15px;"]);
199
- var StyledLabel = external_styled_components_default.a.div.withConfig({
112
+ var StyledLabel = external_styled_components_default().div.withConfig({
200
113
  displayName: "OptionStyles__StyledLabel",
201
114
  componentId: "fyq77p-2"
202
- })(["", " flex:0 1 auto;", ""], themes_["mixins"].ellipsis, Object(themes_["pick"])({
203
- enterprise: Object(external_styled_components_["css"])(["&:not(:first-child){margin-left:", ";}"], themes_["variables"].spacingXSmall)
115
+ })(["", " flex:0 1 auto;", ""], themes_namespaceObject.mixins.ellipsis, (0,themes_namespaceObject.pick)({
116
+ enterprise: (0,external_styled_components_namespaceObject.css)(["&:not(:first-child){margin-left:", ";}"], themes_namespaceObject.variables.spacingXSmall)
204
117
  }));
205
- var StyledAdornment = external_styled_components_default.a.div.withConfig({
118
+ var StyledAdornment = external_styled_components_default().div.withConfig({
206
119
  displayName: "OptionStyles__StyledAdornment",
207
120
  componentId: "fyq77p-3"
208
- })(["flex:0 0 auto;", ""], Object(themes_["pick"])({
209
- enterprise: Object(external_styled_components_["css"])(["&:not(:first-child){margin-left:", ";}"], themes_["variables"].spacingXSmall)
121
+ })(["flex:0 0 auto;", ""], (0,themes_namespaceObject.pick)({
122
+ enterprise: (0,external_styled_components_namespaceObject.css)(["&:not(:first-child){margin-left:", ";}"], themes_namespaceObject.variables.spacingXSmall)
210
123
  }));
211
124
 
212
- // CONCATENATED MODULE: ./src/RadioBar/RadioBarContext.tsx
125
+ ;// CONCATENATED MODULE: ./src/RadioBar/RadioBarContext.tsx
213
126
 
214
- var RadioBarContext = /*#__PURE__*/Object(external_react_["createContext"])({});
127
+ var RadioBarContext = /*#__PURE__*/(0,external_react_namespaceObject.createContext)({});
215
128
  RadioBarContext.displayName = 'RadioBar';
216
- /* harmony default export */ var RadioBar_RadioBarContext = (RadioBarContext);
217
- // CONCATENATED MODULE: ./src/RadioBar/Option.tsx
129
+ /* harmony default export */ const RadioBar_RadioBarContext = (RadioBarContext);
130
+ ;// CONCATENATED MODULE: ./src/RadioBar/Option.tsx
218
131
  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); }
219
132
 
220
133
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -227,17 +140,17 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
227
140
 
228
141
 
229
142
  var propTypes = {
230
- disabled: external_prop_types_default.a.bool,
231
- startAdornment: external_prop_types_default.a.node,
232
- endAdornment: external_prop_types_default.a.node,
233
- icon: external_prop_types_default.a.node,
234
- label: external_prop_types_default.a.string,
143
+ disabled: (external_prop_types_default()).bool,
144
+ startAdornment: (external_prop_types_default()).node,
145
+ endAdornment: (external_prop_types_default()).node,
146
+ icon: (external_prop_types_default()).node,
147
+ label: (external_prop_types_default()).string,
235
148
 
236
149
  /** @private Set by `RadioBar`. */
237
- selected: external_prop_types_default.a.bool,
150
+ selected: (external_prop_types_default()).bool,
238
151
 
239
152
  /** The value of the `Option`. */
240
- value: external_prop_types_default.a.any.isRequired
153
+ value: (external_prop_types_default()).any.isRequired
241
154
  };
242
155
 
243
156
  function Option(_ref) {
@@ -251,7 +164,7 @@ function Option(_ref) {
251
164
  otherProps = _objectWithoutProperties(_ref, ["disabled", "icon", "label", "selected", "startAdornment", "endAdornment", "value"]);
252
165
 
253
166
  // @docs-props-type OptionPropsBase
254
- var _useContext = Object(external_react_["useContext"])(RadioBar_RadioBarContext),
167
+ var _useContext = (0,external_react_namespaceObject.useContext)(RadioBar_RadioBarContext),
255
168
  onClickContext = _useContext.onClick,
256
169
  appearanceContext = _useContext.appearance,
257
170
  errorContext = _useContext.error,
@@ -274,7 +187,7 @@ function Option(_ref) {
274
187
  var focusedTabIndex = tabIndex;
275
188
 
276
189
  if (appearanceContext === 'prisma') {
277
- return /*#__PURE__*/external_react_default.a.createElement(StyledClickable, _extends({
190
+ return /*#__PURE__*/external_react_default().createElement(StyledClickable, _extends({
278
191
  "data-test": "option",
279
192
  "data-test-value": value
280
193
  }, otherProps, {
@@ -295,10 +208,10 @@ function Option(_ref) {
295
208
  label: label
296
209
  });
297
210
  }
298
- }), icon && /*#__PURE__*/external_react_default.a.createElement(StyledIcon, null, icon), startAdornment && /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, null, startAdornment), label && /*#__PURE__*/external_react_default.a.createElement(StyledLabel, null, label), endAdornment && /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, null, endAdornment));
211
+ }), icon && /*#__PURE__*/external_react_default().createElement(StyledIcon, null, icon), startAdornment && /*#__PURE__*/external_react_default().createElement(StyledAdornment, null, startAdornment), label && /*#__PURE__*/external_react_default().createElement(StyledLabel, null, label), endAdornment && /*#__PURE__*/external_react_default().createElement(StyledAdornment, null, endAdornment));
299
212
  }
300
213
 
301
- return /*#__PURE__*/external_react_default.a.createElement(Button_default.a, _extends({
214
+ return /*#__PURE__*/external_react_default().createElement((Button_default()), _extends({
302
215
  "data-test": "option",
303
216
  "data-test-value": value,
304
217
  appearance: appearanceContext,
@@ -323,36 +236,35 @@ function Option(_ref) {
323
236
  label: label
324
237
  });
325
238
  }
326
- }), startAdornment && /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, null, startAdornment), label && /*#__PURE__*/external_react_default.a.createElement(StyledLabel, null, label), endAdornment && /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, null, endAdornment));
239
+ }), startAdornment && /*#__PURE__*/external_react_default().createElement(StyledAdornment, null, startAdornment), label && /*#__PURE__*/external_react_default().createElement(StyledLabel, null, label), endAdornment && /*#__PURE__*/external_react_default().createElement(StyledAdornment, null, endAdornment));
327
240
  }
328
241
 
329
242
  Option.propTypes = propTypes;
330
- /* harmony default export */ var RadioBar_Option = (Option);
331
- // EXTERNAL MODULE: external "@splunk/react-ui/Box"
332
- var Box_ = __webpack_require__(6);
333
- var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
243
+ /* harmony default export */ const RadioBar_Option = (Option);
244
+ ;// CONCATENATED MODULE: external "@splunk/react-ui/Box"
245
+ const Box_namespaceObject = require("@splunk/react-ui/Box");
246
+ var Box_default = /*#__PURE__*/__webpack_require__.n(Box_namespaceObject);
247
+ ;// CONCATENATED MODULE: ./src/RadioBar/RadioBarStyles.ts
334
248
 
335
- // CONCATENATED MODULE: ./src/RadioBar/RadioBarStyles.ts
336
249
 
337
250
 
338
-
339
- var StyledRadioBar = external_styled_components_default()(Box_default.a).withConfig({
251
+ var StyledRadioBar = external_styled_components_default()((Box_default())).withConfig({
340
252
  displayName: "RadioBarStyles__StyledRadioBar",
341
253
  componentId: "gg1b79-0"
342
- })(["height:", ";", " [data-inline] + &{margin-left:", ";}"], themes_["variables"].inputHeight, Object(themes_["pick"])({
343
- prisma: Object(external_styled_components_["css"])(["padding:2px;border-radius:", ";border:1px solid ", ";background:", ";"], themes_["variables"].borderRadius, function (_ref) {
254
+ })(["height:", ";", " [data-inline] + &{margin-left:", ";}"], themes_namespaceObject.variables.inputHeight, (0,themes_namespaceObject.pick)({
255
+ prisma: (0,external_styled_components_namespaceObject.css)(["padding:2px;border-radius:", ";border:1px solid ", ";background:", ";"], themes_namespaceObject.variables.borderRadius, function (_ref) {
344
256
  var $error = _ref.$error;
345
- return $error ? themes_["variables"].accentColorNegative : 'transparent';
257
+ return $error ? themes_namespaceObject.variables.accentColorNegative : 'transparent';
346
258
  }, function (_ref2) {
347
259
  var $disabled = _ref2.$disabled;
348
- return $disabled ? themes_["variables"].interactiveColorBackgroundDisabled : themes_["variables"].interactiveColorBackground;
260
+ return $disabled ? themes_namespaceObject.variables.interactiveColorBackgroundDisabled : themes_namespaceObject.variables.interactiveColorBackground;
349
261
  })
350
- }), Object(themes_["pick"])({
351
- enterprise: themes_["variables"].spacingHalf,
352
- prisma: themes_["variables"].spacingSmall
262
+ }), (0,themes_namespaceObject.pick)({
263
+ enterprise: themes_namespaceObject.variables.spacingHalf,
264
+ prisma: themes_namespaceObject.variables.spacingSmall
353
265
  }));
354
266
 
355
- // CONCATENATED MODULE: ./src/RadioBar/RadioBar.tsx
267
+ ;// CONCATENATED MODULE: ./src/RadioBar/RadioBar.tsx
356
268
  function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
357
269
 
358
270
  function RadioBar_extends() { RadioBar_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 RadioBar_extends.apply(this, arguments); }
@@ -399,23 +311,23 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
399
311
  /** @public */
400
312
 
401
313
  var RadioBar_propTypes = {
402
- appearance: external_prop_types_default.a.oneOf(['default', 'pill']),
403
- children: external_prop_types_default.a.node,
404
- defaultValue: external_prop_types_default.a.any,
405
- describedBy: external_prop_types_default.a.string,
406
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
407
- error: external_prop_types_default.a.bool,
408
- inline: external_prop_types_default.a.bool,
409
- labelledBy: external_prop_types_default.a.string,
410
- name: external_prop_types_default.a.string,
411
- onChange: external_prop_types_default.a.func,
314
+ appearance: external_prop_types_default().oneOf(['default', 'pill']),
315
+ children: (external_prop_types_default()).node,
316
+ defaultValue: (external_prop_types_default()).any,
317
+ describedBy: (external_prop_types_default()).string,
318
+ elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
319
+ error: (external_prop_types_default()).bool,
320
+ inline: (external_prop_types_default()).bool,
321
+ labelledBy: (external_prop_types_default()).string,
322
+ name: (external_prop_types_default()).string,
323
+ onChange: (external_prop_types_default()).func,
412
324
 
413
325
  /** @private. */
414
- required: external_prop_types_default.a.bool,
326
+ required: (external_prop_types_default()).bool,
415
327
 
416
328
  /** @private */
417
- splunkTheme: external_prop_types_default.a.object,
418
- value: external_prop_types_default.a.any
329
+ splunkTheme: (external_prop_types_default()).object,
330
+ value: (external_prop_types_default()).any
419
331
  };
420
332
  var defaultProps = {
421
333
  appearance: 'default',
@@ -426,7 +338,7 @@ var defaultProps = {
426
338
  /**
427
339
  * RadioBar is a form control that provides the ability to select one option out of a group.
428
340
  */
429
- var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
341
+ var RadioBar = /*#__PURE__*/function (_Component) {
430
342
  _inherits(RadioBar, _Component);
431
343
 
432
344
  var _super = _createSuper(RadioBar);
@@ -451,7 +363,7 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
451
363
  _defineProperty(_assertThisInitialized(_this), "handleOnKeyDown", function (e, _ref) {
452
364
  var value = _ref.value,
453
365
  label = _ref.label;
454
- var eventKeyCode = Object(keyboard_["keycode"])(e.nativeEvent);
366
+ var eventKeyCode = (0,keyboard_namespaceObject.keycode)(e.nativeEvent);
455
367
  var myTarget = e.currentTarget;
456
368
  var nextTarget = null;
457
369
  var nextIndex = 0;
@@ -558,7 +470,7 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
558
470
  var isPrisma = splunkTheme.isPrisma;
559
471
  var disabled = true;
560
472
  this.filteredValues = [];
561
- var childrenFormatted = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (item, i, _ref2) {
473
+ var childrenFormatted = external_react_namespaceObject.Children.toArray(children).filter(external_react_namespaceObject.isValidElement).map(function (item, i, _ref2) {
562
474
  var length = _ref2.length;
563
475
 
564
476
  _this2.filteredValues.push(item.props.value);
@@ -567,7 +479,7 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
567
479
  disabled = false;
568
480
  }
569
481
 
570
- return /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
482
+ return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(item, {
571
483
  selected: item.props.value === selectedValue,
572
484
  key: item.key || i,
573
485
  append: i < length - 1,
@@ -587,7 +499,7 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
587
499
  firstValue: firstItemValue,
588
500
  selectedValue: selectedValueIsValid ? selectedValue : undefined
589
501
  };
590
- return /*#__PURE__*/external_react_default.a.createElement(StyledRadioBar, RadioBar_extends({
502
+ return /*#__PURE__*/external_react_default().createElement(StyledRadioBar, RadioBar_extends({
591
503
  flex: true,
592
504
  $disabled: disabled,
593
505
  $error: error,
@@ -597,66 +509,30 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
597
509
  "aria-labelledby": labelledBy,
598
510
  "aria-describedby": describedBy,
599
511
  "aria-required": required
600
- }, omit_default()(otherProps, 'onChange')), /*#__PURE__*/external_react_default.a.createElement(RadioBar_RadioBarContext.Provider, {
512
+ }, omit_default()(otherProps, 'onChange')), /*#__PURE__*/external_react_default().createElement(RadioBar_RadioBarContext.Provider, {
601
513
  value: contextValue
602
514
  }, childrenFormatted));
603
515
  }
604
516
  }]);
605
517
 
606
518
  return RadioBar;
607
- }(external_react_["Component"]);
519
+ }(external_react_namespaceObject.Component);
608
520
 
609
- _defineProperty(RadioBar_RadioBar, "propTypes", RadioBar_propTypes);
521
+ _defineProperty(RadioBar, "propTypes", RadioBar_propTypes);
610
522
 
611
- _defineProperty(RadioBar_RadioBar, "defaultProps", defaultProps);
523
+ _defineProperty(RadioBar, "defaultProps", defaultProps);
612
524
 
613
- _defineProperty(RadioBar_RadioBar, "Option", RadioBar_Option);
525
+ _defineProperty(RadioBar, "Option", RadioBar_Option);
614
526
 
615
- var RadioBarWithTheme = Object(themes_["withSplunkTheme"])(RadioBar_RadioBar);
527
+ var RadioBarWithTheme = (0,themes_namespaceObject.withSplunkTheme)(RadioBar);
616
528
  var RadioBarWithThemeOption = RadioBarWithTheme;
617
- RadioBarWithThemeOption.propTypes = RadioBar_RadioBar.propTypes;
529
+ RadioBarWithThemeOption.propTypes = RadioBar.propTypes;
618
530
  RadioBarWithThemeOption.Option = RadioBar_Option;
619
- /* harmony default export */ var src_RadioBar_RadioBar = (RadioBarWithThemeOption);
531
+ /* harmony default export */ const RadioBar_RadioBar = (RadioBarWithThemeOption);
620
532
  // only for styled components using RadioBar
621
- // CONCATENATED MODULE: ./src/RadioBar/index.ts
622
-
623
-
624
-
625
- /***/ }),
626
-
627
- /***/ 2:
628
- /***/ (function(module, exports) {
629
-
630
- module.exports = require("react");
631
-
632
- /***/ }),
633
-
634
- /***/ 3:
635
- /***/ (function(module, exports) {
636
-
637
- module.exports = require("styled-components");
638
-
639
- /***/ }),
640
-
641
- /***/ 5:
642
- /***/ (function(module, exports) {
643
-
644
- module.exports = require("lodash/omit");
645
-
646
- /***/ }),
647
-
648
- /***/ 6:
649
- /***/ (function(module, exports) {
650
-
651
- module.exports = require("@splunk/react-ui/Box");
652
-
653
- /***/ }),
654
-
655
- /***/ 7:
656
- /***/ (function(module, exports) {
657
-
658
- module.exports = require("@splunk/ui-utils/keyboard");
533
+ ;// CONCATENATED MODULE: ./src/RadioBar/index.ts
659
534
 
660
- /***/ })
661
535
 
662
- /******/ });
536
+ module.exports = __webpack_exports__;
537
+ /******/ })()
538
+ ;