@elliemae/ds-form-layout-blocks 2.2.0-alpha.5 → 2.2.0-next.1

package/cjs/form-layout-checkbox-group/config/useValidateProps.js

@@ -1,66 +1,36 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useValidateProps_exports = {};
-__export(useValidateProps_exports, {
-  useValidateProps: () => useValidateProps
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const getVariableType = (arg) => {
-  if (Array.isArray(arg))
-    return "array";
-  if (arg === null)
-    return "null";
-  if (arg === void 0)
-    return "undefined";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const getVariableType = arg => {
+  if (Array.isArray(arg)) return 'array';
+  if (arg === null) return 'null';
+  if (arg === undefined) return 'undefined';
   return typeof arg;
 };
-const throwCheckboxGroupDirectionError = (invalidProp) => {
-  throw new Error(`You are trying to pass a not valid "direction" property value for a checkbox group, please provide a valid type.
 
-  Received: ${invalidProp} (${getVariableType(invalidProp)})
-  Expected: "horizontal" or "vertical" (string)
-  `);
+const throwCheckboxGroupDirectionError = invalidProp => {
+  throw new Error("You are trying to pass a not valid \"direction\" property value for a checkbox group, please provide a valid type.\n\n  Received: ".concat(invalidProp, " (").concat(getVariableType(invalidProp), ")\n  Expected: \"horizontal\" or \"vertical\" (string)\n  "));
 };
+
 const throwCheckboxGroupChildrenError = () => {
-  throw new Error(`You are trying to use a checkbox group without any React children, please provide at least one children to use.
-    
-  Received: (null)
-  Expected: React children
-  `);
+  throw new Error("You are trying to use a checkbox group without any React children, please provide at least one children to use.\n    \n  Received: (null)\n  Expected: React children\n  ");
 };
-const useValidateProps = (props) => {
-  if (props.direction !== void 0 && props.direction !== "vertical" && props.direction !== "horizontal") {
+
+const useValidateProps = props => {
+  if (props.direction !== undefined && props.direction !== 'vertical' && props.direction !== 'horizontal') {
     throwCheckboxGroupDirectionError(props.direction);
   }
-  if (!import_react.default.Children.count(props.children)) {
+
+  if (!React__default["default"].Children.count(props.children)) {
     throwCheckboxGroupChildrenError();
   }
 };
-module.exports = __toCommonJS(useValidateProps_exports);
-//# sourceMappingURL=useValidateProps.js.map
+
+exports.useValidateProps = useValidateProps;

package/cjs/form-layout-checkbox-group/defaultProps.js

@@ -1,37 +1,9 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var defaultProps_exports = {};
-__export(defaultProps_exports, {
-  defaultProps: () => defaultProps
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const defaultProps = {
-  direction: "horizontal"
+  direction: 'horizontal'
 };
-module.exports = __toCommonJS(defaultProps_exports);
-//# sourceMappingURL=defaultProps.js.map
+
+exports.defaultProps = defaultProps;

package/cjs/form-layout-checkbox-group/index.d.js

@@ -1,27 +1,2 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var index_d_exports = {};
-var React = __toESM(require("react"));
-module.exports = __toCommonJS(index_d_exports);
-//# sourceMappingURL=index.d.js.map
+'use strict';
+

package/cjs/form-layout-checkbox-group/index.js

@@ -1,28 +1,10 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var form_layout_checkbox_group_exports = {};
-var React = __toESM(require("react"));
-__reExport(form_layout_checkbox_group_exports, require("./DSFormLayoutCheckboxGroup"));
-module.exports = __toCommonJS(form_layout_checkbox_group_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSFormLayoutCheckboxGroup = require('./DSFormLayoutCheckboxGroup.js');
+
+
+
+exports.DSFormLayoutCheckboxGroup = DSFormLayoutCheckboxGroup.DSFormLayoutCheckboxGroup;
+exports.DSFormLayoutCheckboxGroupWithSchema = DSFormLayoutCheckboxGroup.DSFormLayoutCheckboxGroupWithSchema;

package/cjs/form-layout-checkbox-group/propTypes.js

@@ -1,38 +1,11 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var propTypes_exports = {};
-__export(propTypes_exports, {
-  propTypes: () => propTypes
-});
-var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
 const propTypes = {
-  direction: import_react_desc.PropTypes.oneOf(["horizontal", "vertical"]).description("Set direction for the checkbox group.")
+  direction: reactDesc.PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.')
 };
-module.exports = __toCommonJS(propTypes_exports);
-//# sourceMappingURL=propTypes.js.map
+
+exports.propTypes = propTypes;

package/cjs/form-layout-checkbox-group/styles.js

@@ -1,50 +1,46 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styles_exports = {};
-__export(styles_exports, {
-  StyledContainer: () => StyledContainer
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1wopk9q-0"
+})(["display:inline-flex;flex-wrap:wrap;flex-direction:", ";margin-left:", ";margin-right:", ";margin-top:", ";& div{padding:0;margin-bottom:", ";}& div:not(:last-child){margin-right:", ";}"], _ref => {
+  let {
+    direction
+  } = _ref;
+  return direction === 'horizontal' ? 'row' : 'column';
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.space.xs;
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.space.xs;
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.space.xxs;
+}, _ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.space.xxs;
+}, _ref6 => {
+  let {
+    theme,
+    direction
+  } = _ref6;
+  return direction === 'horizontal' ? theme.space.s : '0';
 });
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const StyledContainer = import_styled_components.default.div`
-  display: inline-flex;
-  flex-wrap: wrap;
-  flex-direction: ${({ direction }) => direction === "horizontal" ? "row" : "column"};
-  margin-left: ${({ theme }) => theme.space.xs};
-  margin-right: ${({ theme }) => theme.space.xs};
-  margin-top: ${({ theme }) => theme.space.xxs};
-  & div {
-    padding: 0;
-    margin-bottom: ${({ theme }) => theme.space.xxs};
-  }
-  & div:not(:last-child) {
-    margin-right: ${({ theme, direction }) => direction === "horizontal" ? theme.space.s : "0"};
-  }
-`;
-module.exports = __toCommonJS(styles_exports);
-//# sourceMappingURL=styles.js.map
+
+exports.StyledContainer = StyledContainer;

package/cjs/index.d.js

@@ -1,29 +1,2 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var index_d_exports = {};
-var React = __toESM(require("react"));
-__reExport(index_d_exports, require("./form-layout-block-item/index.d"));
-__reExport(index_d_exports, require("./form-layout-checkbox-group/index.d"));
-module.exports = __toCommonJS(index_d_exports);
-//# sourceMappingURL=index.d.js.map
+'use strict';
+

package/cjs/index.js

@@ -1,29 +1,13 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-var React = __toESM(require("react"));
-__reExport(src_exports, require("./form-layout-block-item"));
-__reExport(src_exports, require("./form-layout-checkbox-group"));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSFormLayoutBlockItem = require('./form-layout-block-item/DSFormLayoutBlockItem.js');
+var DSFormLayoutCheckboxGroup = require('./form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js');
+
+
+
+exports.DSFormLayoutBlockItem = DSFormLayoutBlockItem.DSFormLayoutBlockItem;
+exports.DSFormLayoutBlockItemWithSchema = DSFormLayoutBlockItem.DSFormLayoutBlockItemWithSchema;
+exports.DSFormLayoutCheckboxGroup = DSFormLayoutCheckboxGroup.DSFormLayoutCheckboxGroup;
+exports.DSFormLayoutCheckboxGroupWithSchema = DSFormLayoutCheckboxGroup.DSFormLayoutCheckboxGroupWithSchema;

package/esm/form-layout-block-item/DSFormLayoutBlockItem.js

@@ -1,10 +1,11 @@
-import * as React from "react";
-import React2, { useMemo } from "react";
-import { describe } from "react-desc";
-import { uid } from "uid";
-import { propTypes } from "./propTypes";
-import { StyledMessage, StyledLabel, StyledContainer, StyledMark, ScreenReaderOnly } from "./styles";
-const DSFormLayoutBlockItem = (props) => {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useMemo } from 'react';
+import { describe } from 'react-desc';
+import { uid } from 'uid';
+import { propTypes } from './propTypes.js';
+import { StyledContainer, StyledLabel, StyledMark, ScreenReaderOnly, StyledMessage } from './styles.js';
+
+const DSFormLayoutBlockItem = props => {
   const {
     label,
     feedbackMessage,
@@ -21,40 +22,37 @@ const DSFormLayoutBlockItem = (props) => {
     isGroup = false
   } = props;
   const instanceUID = useMemo(() => uid(6), []);
-  return /* @__PURE__ */ React2.createElement(StyledContainer, {
-    leftLabel,
-    fitContent,
-    hideLabel,
-    withHighlight,
-    as: isGroup ? "fieldset" : "div",
-    isGroup,
-    "aria-describedby": `${inputID || instanceUID}_feedback_message`
-  }, /* @__PURE__ */ React2.createElement(StyledLabel, {
+  return /*#__PURE__*/_jsx(StyledContainer, {
+    leftLabel: leftLabel,
+    fitContent: fitContent,
+    hideLabel: hideLabel,
+    withHighlight: withHighlight,
+    as: isGroup ? 'fieldset' : 'div',
+    isGroup: isGroup,
+    "aria-describedby": "".concat(inputID || instanceUID, "_feedback_message")
+  }, void 0, /*#__PURE__*/_jsx(StyledLabel, {
     htmlFor: inputID,
-    leftLabel,
-    hideLabel,
+    leftLabel: leftLabel,
+    hideLabel: hideLabel,
     "aria-hidden": isGroup
-  }, label, (required || optional) && /* @__PURE__ */ React2.createElement(StyledMark, {
-    required
-  })), isGroup && /* @__PURE__ */ React2.createElement(ScreenReaderOnly, {
+  }, void 0, label, (required || optional) && /*#__PURE__*/_jsx(StyledMark, {
+    required: required
+  })), isGroup && /*#__PURE__*/_jsx(ScreenReaderOnly, {
     as: "legend"
-  }, label), children, feedbackMessage && !hasError && /* @__PURE__ */ React2.createElement(StyledMessage, {
-    leftLabel,
-    hideLabel,
+  }, void 0, label), children, feedbackMessage && !hasError && /*#__PURE__*/_jsx(StyledMessage, {
+    leftLabel: leftLabel,
+    hideLabel: hideLabel,
     "aria-hidden": isGroup,
-    id: `${inputID || instanceUID}_feedback_message`
-  }, feedbackMessage), validationMessage && hasError && /* @__PURE__ */ React2.createElement(StyledMessage, {
-    hasError,
-    leftLabel,
-    hideLabel,
+    id: "".concat(inputID || instanceUID, "_feedback_message")
+  }, void 0, feedbackMessage), validationMessage && hasError && /*#__PURE__*/_jsx(StyledMessage, {
+    hasError: hasError,
+    leftLabel: leftLabel,
+    hideLabel: hideLabel,
     role: "alert"
-  }, validationMessage));
+  }, void 0, validationMessage));
 };
-DSFormLayoutBlockItem.propTypes = propTypes;
+
 const DSFormLayoutBlockItemWithSchema = describe(DSFormLayoutBlockItem);
 DSFormLayoutBlockItemWithSchema.propTypes = propTypes;
-export {
-  DSFormLayoutBlockItem,
-  DSFormLayoutBlockItemWithSchema
-};
-//# sourceMappingURL=DSFormLayoutBlockItem.js.map
+
+export { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };

package/esm/form-layout-block-item/index.d.js

@@ -1,2 +1 @@
-import * as React from "react";
-//# sourceMappingURL=index.d.js.map
+

package/esm/form-layout-block-item/index.js

@@ -1,3 +1 @@
-import * as React from "react";
-export * from "./DSFormLayoutBlockItem";
-//# sourceMappingURL=index.js.map
+export { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema } from './DSFormLayoutBlockItem.js';

package/esm/form-layout-block-item/propTypes.js

@@ -1,21 +1,19 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
+import { PropTypes } from 'react-desc';
+
 const propTypes = {
-  children: PropTypes.node.isRequired.description("Input component. "),
-  label: PropTypes.string.isRequired.description("Label property for the input component. This property is required for accesibility purposes."),
+  children: PropTypes.node.isRequired.description('Input component. '),
+  label: PropTypes.string.isRequired.description('Label property for the input component. This property is required for accesibility purposes.'),
   inputID: PropTypes.string.isRequired.description("String that matches the input component's id. This property is required for accesibility purposes."),
-  feedbackMessage: PropTypes.string.description("Feedback message to show below the input component."),
-  validationMessage: PropTypes.string.description("Validation message to show below the input component. It requires hasError property set to true to be visible."),
-  hasError: PropTypes.bool.description("Helper boolean property for the validation message."),
-  required: PropTypes.bool.description("Adds required extra styling."),
-  optional: PropTypes.bool.description("Adds optional extra styling."),
-  fitContent: PropTypes.bool.description("Set the width of the layout to the input component."),
-  leftLabel: PropTypes.bool.description("Adds the label at the left of the input component."),
-  hideLabel: PropTypes.bool.description("Hides the input label. It still requires label and labelFor property for accesibility purposes"),
-  withHighlight: PropTypes.bool.description("Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab."),
-  isGroup: PropTypes.bool.description("Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input.")
+  feedbackMessage: PropTypes.string.description('Feedback message to show below the input component.'),
+  validationMessage: PropTypes.string.description('Validation message to show below the input component. It requires hasError property set to true to be visible.'),
+  hasError: PropTypes.bool.description('Helper boolean property for the validation message.'),
+  required: PropTypes.bool.description('Adds required extra styling.'),
+  optional: PropTypes.bool.description('Adds optional extra styling.'),
+  fitContent: PropTypes.bool.description('Set the width of the layout to the input component.'),
+  leftLabel: PropTypes.bool.description('Adds the label at the left of the input component.'),
+  hideLabel: PropTypes.bool.description('Hides the input label. It still requires label and labelFor property for accesibility purposes'),
+  withHighlight: PropTypes.bool.description('Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab.'),
+  isGroup: PropTypes.bool.description('Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input.')
 };
-export {
-  propTypes
-};
-//# sourceMappingURL=propTypes.js.map
+
+export { propTypes };