@splunk/react-ui 4.20.0 → 4.21.0

package/ColumnLayout.js

@@ -1,160 +1,104 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
 /******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 180);
-/******/ })
+/******/ 	})();
+/******/ 	
 /************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes");
-
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, exports) {
-
-module.exports = require("prop-types");
-
-/***/ }),
-
-/***/ 112:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/defaults");
-
-/***/ }),
-
-/***/ 180:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
+var __webpack_exports__ = {};
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
-__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ ColumnLayout_ColumnLayout; });
-__webpack_require__.d(__webpack_exports__, "Column", function() { return /* reexport */ ColumnLayout_Column; });
-__webpack_require__.d(__webpack_exports__, "Row", function() { return /* reexport */ ColumnLayout_Row; });
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(2);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-
-// EXTERNAL MODULE: external "prop-types"
-var external_prop_types_ = __webpack_require__(1);
-var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
-
-// EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
-var useSplunkTheme_ = __webpack_require__(70);
-var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
-
-// EXTERNAL MODULE: external "lodash/defaults"
-var defaults_ = __webpack_require__(112);
-var defaults_default = /*#__PURE__*/__webpack_require__.n(defaults_);
-
-// EXTERNAL MODULE: external "styled-components"
-var external_styled_components_ = __webpack_require__(3);
-var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
-
-// EXTERNAL MODULE: external "@splunk/themes"
-var themes_ = __webpack_require__(0);
-
-// CONCATENATED MODULE: ./src/ColumnLayout/ColumnStyles.ts
-
-
-var Styled = external_styled_components_default.a.div.withConfig({
+__webpack_require__.d(__webpack_exports__, {
+  Column: () => (/* reexport */ ColumnLayout_Column),
+  Row: () => (/* reexport */ ColumnLayout_Row),
+  "default": () => (/* reexport */ ColumnLayout_ColumnLayout)
+});
+
+;// CONCATENATED MODULE: external "react"
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
+;// CONCATENATED MODULE: external "prop-types"
+const external_prop_types_namespaceObject = require("prop-types");
+var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/themes/useSplunkTheme"
+const useSplunkTheme_namespaceObject = require("@splunk/themes/useSplunkTheme");
+var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_namespaceObject);
+;// CONCATENATED MODULE: external "lodash/defaults"
+const defaults_namespaceObject = require("lodash/defaults");
+var defaults_default = /*#__PURE__*/__webpack_require__.n(defaults_namespaceObject);
+;// CONCATENATED MODULE: external "styled-components"
+const external_styled_components_namespaceObject = require("styled-components");
+var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/themes"
+const themes_namespaceObject = require("@splunk/themes");
+;// CONCATENATED MODULE: ./src/ColumnLayout/ColumnStyles.ts
+
+
+var Styled = external_styled_components_default().div.withConfig({
   displayName: "ColumnStyles__Styled",
   componentId: "sc-1pchz98-0"
-})(["", ";"], themes_["mixins"].reset('block'));
+})(["", ";"], themes_namespaceObject.mixins.reset('block'));
+
+;// CONCATENATED MODULE: ./src/utils/types.ts
+// see https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31245 for details
+// regarding the css prop. certain (versions of) libraries included in the compilation
+// - such as storybook->emotion - introduce the css prop using a global augmentation,
+// which causes the prop to end up in our declaration files (via JSX.IntrinsicElements).
+// it's difficult to control all nested dependencies and their types, which is why the
+// css prop is omitted in the two prop helpers above - this ensures the css prop isn't
+// erroneously included in react-ui's public api.
+// see https://github.com/microsoft/TypeScript/pull/12253
+// see https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html
+function assertDefined(val, msg) {
+  if (val === undefined || val === null) {
+    throw new Error(msg !== null && msg !== void 0 ? msg : 'Unexpected undefined or null');
+  }
+}
 
-// EXTERNAL MODULE: ./src/utils/types.ts
-var types = __webpack_require__(79);
 
-// CONCATENATED MODULE: ./src/ColumnLayout/Column.tsx
+;// CONCATENATED MODULE: ./src/ColumnLayout/Column.tsx
 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); }
 
 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; }
@@ -167,21 +111,21 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 var propTypes = {
-  children: external_prop_types_default.a.node,
-  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
+  children: (external_prop_types_default()).node,
+  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
 
   /** @private. */
-  gutter: external_prop_types_default.a.number,
+  gutter: (external_prop_types_default()).number,
 
   /** @private. */
-  isFirstChild: external_prop_types_default.a.bool,
+  isFirstChild: (external_prop_types_default()).bool,
 
   /** @private. */
-  isLastChild: external_prop_types_default.a.bool,
-  span: external_prop_types_default.a.number,
+  isLastChild: (external_prop_types_default()).bool,
+  span: (external_prop_types_default()).number,
 
   /** @private. */
-  style: external_prop_types_default.a.object
+  style: (external_prop_types_default()).object
 };
 
 function Column(_ref) {
@@ -197,7 +141,7 @@ function Column(_ref) {
 
   // @docs-props-type ColumnPropsBase
   var width = gutter ? "calc((100% - ".concat(11 * gutter, "px) * ").concat(span / 12, " + (").concat(gutter, "px * ").concat(span - 1, "))") : "".concat(100 / 12 * span, "%");
-  Object(types["a" /* assertDefined */])(gutter);
+  assertDefined(gutter);
   var calcStyle = {
     marginLeft: isFirstChild ? undefined : gutter / 2,
     marginRight: isLastChild ? undefined : gutter / 2,
@@ -205,7 +149,7 @@ function Column(_ref) {
     // may accommodate small rounding errors and dividers
     width: width
   };
-  return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
+  return /*#__PURE__*/external_react_default().createElement(Styled, _extends({
     "data-test": "column",
     ref: elementRef,
     style: defaults_default()({}, style, calcStyle)
@@ -213,26 +157,26 @@ function Column(_ref) {
 }
 
 Column.propTypes = propTypes;
-/* harmony default export */ var ColumnLayout_Column = (Column);
-// CONCATENATED MODULE: ./src/ColumnLayout/RowStyles.ts
+/* harmony default export */ const ColumnLayout_Column = (Column);
+;// CONCATENATED MODULE: ./src/ColumnLayout/RowStyles.ts
 
 
-var RowStyles_Styled = external_styled_components_default.a.div.withConfig({
+var RowStyles_Styled = external_styled_components_default().div.withConfig({
   displayName: "RowStyles__Styled",
   componentId: "sc-121ntds-0"
-})(["", ";flex-flow:row nowrap;&[data-align-items='start']{align-items:flex-start;}&[data-align-items='end']{align-items:flex-end;}&[data-align-items='center']{align-items:center;}&[data-align-items='stretch']{align-items:stretch;}"], themes_["mixins"].reset('flex'));
-var StyledDivider = external_styled_components_default.a.div.withConfig({
+})(["", ";flex-flow:row nowrap;&[data-align-items='start']{align-items:flex-start;}&[data-align-items='end']{align-items:flex-end;}&[data-align-items='center']{align-items:center;}&[data-align-items='stretch']{align-items:stretch;}"], themes_namespaceObject.mixins.reset('flex'));
+var StyledDivider = external_styled_components_default().div.withConfig({
   displayName: "RowStyles__StyledDivider",
   componentId: "sc-121ntds-1"
-})(["border-left:1px solid ", ";flex:0 0 1;align-self:stretch;"], Object(themes_["pick"])({
-  prisma: themes_["variables"].neutral200,
+})(["border-left:1px solid ", ";flex:0 0 1;align-self:stretch;"], (0,themes_namespaceObject.pick)({
+  prisma: themes_namespaceObject.variables.neutral200,
   enterprise: {
-    light: themes_["variables"].gray92,
-    dark: themes_["variables"].gray60
+    light: themes_namespaceObject.variables.gray92,
+    dark: themes_namespaceObject.variables.gray60
   }
 }));
 
-// CONCATENATED MODULE: ./src/ColumnLayout/Row.tsx
+;// CONCATENATED MODULE: ./src/ColumnLayout/Row.tsx
 function Row_extends() { Row_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 Row_extends.apply(this, arguments); }
 
 function Row_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Row_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; }
@@ -245,24 +189,24 @@ function Row_objectWithoutPropertiesLoose(source, excluded) { if (source == null
 
 
 var Row_propTypes = {
-  alignItems: external_prop_types_default.a.oneOf(['start', 'end', 'center', 'stretch']),
-  children: external_prop_types_default.a.node,
+  alignItems: external_prop_types_default().oneOf(['start', 'end', 'center', 'stretch']),
+  children: (external_prop_types_default()).node,
 
   /** @private. */
-  divider: external_prop_types_default.a.bool,
-  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
+  divider: (external_prop_types_default()).bool,
+  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
 
   /** @private. */
-  gutter: external_prop_types_default.a.number,
+  gutter: (external_prop_types_default()).number,
 
   /** @private. */
-  isFirstChild: external_prop_types_default.a.bool,
+  isFirstChild: (external_prop_types_default()).bool,
 
   /** @private. */
-  isLastChild: external_prop_types_default.a.bool,
+  isLastChild: (external_prop_types_default()).bool,
 
   /** @private. */
-  style: external_prop_types_default.a.object
+  style: (external_prop_types_default()).object
 };
 
 function Row(_ref) {
@@ -280,31 +224,31 @@ function Row(_ref) {
   // @docs-props-type RowPropsBase
   if (false) { var total; }
 
-  var cloneColumn = Object(external_react_["useCallback"])(function (column, idx) {
-    return /*#__PURE__*/Object(external_react_["cloneElement"])(column, {
+  var cloneColumn = (0,external_react_namespaceObject.useCallback)(function (column, idx) {
+    return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(column, {
       gutter: gutter,
       isFirstChild: idx === 0,
-      isLastChild: idx === external_react_["Children"].count(children) - 1
+      isLastChild: idx === external_react_namespaceObject.Children.count(children) - 1
     });
   }, [children, gutter]);
-  var insertDividers = Object(external_react_["useCallback"])(function (acc, row, idx, original) {
+  var insertDividers = (0,external_react_namespaceObject.useCallback)(function (acc, row, idx, original) {
     acc.push(row);
 
     if (divider && idx < original.length - 1) {
-      acc.push( /*#__PURE__*/external_react_default.a.createElement(StyledDivider, {
+      acc.push( /*#__PURE__*/external_react_default().createElement(StyledDivider, {
         key: "".concat(idx, "-divider")
       }));
     }
 
     return acc;
   }, [divider]);
-  Object(types["a" /* assertDefined */])(gutter);
+  assertDefined(gutter);
   var gutterStyle = {
     marginTop: isFirstChild ? undefined : gutter / 2,
     marginBottom: isLastChild ? undefined : gutter / 2
   };
-  var childrenCloned = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(cloneColumn).reduce(insertDividers, []);
-  return /*#__PURE__*/external_react_default.a.createElement(RowStyles_Styled, Row_extends({
+  var childrenCloned = external_react_namespaceObject.Children.toArray(children).filter(external_react_namespaceObject.isValidElement).map(cloneColumn).reduce(insertDividers, []);
+  return /*#__PURE__*/external_react_default().createElement(RowStyles_Styled, Row_extends({
     style: defaults_default()({}, style, gutterStyle),
     "data-align-items": alignItems,
     "data-test": "row",
@@ -313,26 +257,26 @@ function Row(_ref) {
 }
 
 Row.propTypes = Row_propTypes;
-/* harmony default export */ var ColumnLayout_Row = (Row);
-// CONCATENATED MODULE: ./src/ColumnLayout/ColumnLayoutStyles.ts
+/* harmony default export */ const ColumnLayout_Row = (Row);
+;// CONCATENATED MODULE: ./src/ColumnLayout/ColumnLayoutStyles.ts
 
 
-var ColumnLayoutStyles_Styled = external_styled_components_default.a.div.withConfig({
+var ColumnLayoutStyles_Styled = external_styled_components_default().div.withConfig({
   displayName: "ColumnLayoutStyles__Styled",
   componentId: "sc-3eatxz-0"
-})(["", ";flex-direction:column;"], themes_["mixins"].reset('flex'));
-var ColumnLayoutStyles_StyledDivider = external_styled_components_default.a.div.withConfig({
+})(["", ";flex-direction:column;"], themes_namespaceObject.mixins.reset('flex'));
+var ColumnLayoutStyles_StyledDivider = external_styled_components_default().div.withConfig({
   displayName: "ColumnLayoutStyles__StyledDivider",
   componentId: "sc-3eatxz-1"
-})(["border-top:1px solid ", ";height:0;"], Object(themes_["pick"])({
-  prisma: themes_["variables"].neutral200,
+})(["border-top:1px solid ", ";height:0;"], (0,themes_namespaceObject.pick)({
+  prisma: themes_namespaceObject.variables.neutral200,
   enterprise: {
-    light: themes_["variables"].gray92,
-    dark: themes_["variables"].gray60
+    light: themes_namespaceObject.variables.gray92,
+    dark: themes_namespaceObject.variables.gray60
   }
 }));
 
-// CONCATENATED MODULE: ./src/ColumnLayout/ColumnLayout.tsx
+;// CONCATENATED MODULE: ./src/ColumnLayout/ColumnLayout.tsx
 function ColumnLayout_extends() { ColumnLayout_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 ColumnLayout_extends.apply(this, arguments); }
 
 function ColumnLayout_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = ColumnLayout_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; }
@@ -346,10 +290,10 @@ function ColumnLayout_objectWithoutPropertiesLoose(source, excluded) { if (sourc
 
 
 var ColumnLayout_propTypes = {
-  children: external_prop_types_default.a.node,
-  divider: external_prop_types_default.a.oneOf(['none', 'vertical', 'horizontal']),
-  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
-  gutter: external_prop_types_default.a.number
+  children: (external_prop_types_default()).node,
+  divider: external_prop_types_default().oneOf(['none', 'vertical', 'horizontal']),
+  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
+  gutter: (external_prop_types_default()).number
 };
 
 /**
@@ -369,9 +313,9 @@ function ColumnLayout(_ref) {
       family = _useSplunkTheme.family,
       density = _useSplunkTheme.density;
 
-  var cloneRow = Object(external_react_["useCallback"])(function (row, idx) {
+  var cloneRow = (0,external_react_namespaceObject.useCallback)(function (row, idx) {
     var isFirstChild = idx === 0;
-    var isLastChild = idx === external_react_["Children"].count(children) - 1;
+    var isLastChild = idx === external_react_namespaceObject.Children.count(children) - 1;
     var gutter = gutterProp;
 
     if (gutter === undefined) {
@@ -386,26 +330,26 @@ function ColumnLayout(_ref) {
       }
     }
 
-    return /*#__PURE__*/Object(external_react_["cloneElement"])(row, {
+    return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(row, {
       gutter: gutter,
       divider: divider === 'vertical',
       isFirstChild: isFirstChild,
       isLastChild: isLastChild
     });
   }, [children, density, divider, family, gutterProp]);
-  var insertDividers = Object(external_react_["useCallback"])(function (acc, row, idx, original) {
+  var insertDividers = (0,external_react_namespaceObject.useCallback)(function (acc, row, idx, original) {
     acc.push(row);
 
     if (divider === 'horizontal' && idx < original.length - 1) {
-      acc.push( /*#__PURE__*/external_react_default.a.createElement(ColumnLayoutStyles_StyledDivider, {
+      acc.push( /*#__PURE__*/external_react_default().createElement(ColumnLayoutStyles_StyledDivider, {
         key: "".concat(idx, "-divider")
       }));
     }
 
     return acc;
   }, [divider]);
-  var childrenCloned = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(cloneRow).reduce(insertDividers, []);
-  return /*#__PURE__*/external_react_default.a.createElement(ColumnLayoutStyles_Styled, ColumnLayout_extends({
+  var childrenCloned = external_react_namespaceObject.Children.toArray(children).filter(external_react_namespaceObject.isValidElement).map(cloneRow).reduce(insertDividers, []);
+  return /*#__PURE__*/external_react_default().createElement(ColumnLayoutStyles_Styled, ColumnLayout_extends({
     "data-test": "column-layout",
     ref: elementRef
   }, otherProps), childrenCloned);
@@ -414,57 +358,11 @@ function ColumnLayout(_ref) {
 ColumnLayout.propTypes = ColumnLayout_propTypes;
 ColumnLayout.Row = ColumnLayout_Row;
 ColumnLayout.Column = ColumnLayout_Column;
-/* harmony default export */ var ColumnLayout_ColumnLayout = (ColumnLayout);
-
-// CONCATENATED MODULE: ./src/ColumnLayout/index.ts
-
-
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 70:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes/useSplunkTheme");
-
-/***/ }),
-
-/***/ 79:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return assertDefined; });
-// see https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31245 for details
-// regarding the css prop. certain (versions of) libraries included in the compilation
-// - such as storybook->emotion - introduce the css prop using a global augmentation,
-// which causes the prop to end up in our declaration files (via JSX.IntrinsicElements).
-// it's difficult to control all nested dependencies and their types, which is why the
-// css prop is omitted in the two prop helpers above - this ensures the css prop isn't
-// erroneously included in react-ui's public api.
-// see https://github.com/microsoft/TypeScript/pull/12253
-// see https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html
-function assertDefined(val, msg) {
-  if (val === undefined || val === null) {
-    throw new Error(msg !== null && msg !== void 0 ? msg : 'Unexpected undefined or null');
-  }
-}
-
+/* harmony default export */ const ColumnLayout_ColumnLayout = (ColumnLayout);
 
+;// CONCATENATED MODULE: ./src/ColumnLayout/index.ts
 
-/***/ })
 
-/******/ });
+module.exports = __webpack_exports__;
+/******/ })()
+;