@elliemae/ds-form 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/FormItem/DSFormItemLayout.js

@@ -1,107 +1,115 @@
-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);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+var reactDesc = require('react-desc');
+var dsClassnames = require('@elliemae/ds-classnames');
+var dsUtilities = require('@elliemae/ds-utilities');
+var Group = require('@elliemae/ds-shared/GroupContext/Group');
+var DSInputGroup = require('../InputGroup/DSInputGroup.js');
+var DSFloatingLabelInput = require('../FloatingLabelInput/DSFloatingLabelInput.js');
+var DSError = require('./Error/DSError.js');
+var props = require('./props.js');
+var defaultProps = require('./defaultProps.js');
+var variants = require('./variants.js');
+var Suffix = require('./Suffix/Suffix.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var Group__default = /*#__PURE__*/_interopDefaultLegacy(Group);
+
+var _Group;
+
+const _excluded = ["leftLabel", "floatingLabel", "name", "id", "value", "inputComponent", "labelComponent", "feedbackComponent", "labelText", "truncateText", "hasError", "validationState", "validationMessage", "feedbackMessage", "readOnly", "focused", "type", "autoFocus", "disabled", "onChange", "onBlur", "onFocus", "onPaste", "onKeyUp", "extraInputProps", "extraContent", "leftAddon", "rightAddon", "required", "optional", "mask", "useSubfix", "suffix", "variant", "fitContent", "withHighlight", "containerProps"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const blockName = 'form-item';
+const Wrapper = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
+  let {
+    leftLabel,
+    variant,
+    fitContent,
+    withHighlight
+  } = _ref;
+  return {
+    'with-left-label': leftLabel,
+    'fit-content': fitContent,
+    [variant]: variant,
+    'with-highlight': withHighlight
   };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSFormItemLayout_exports = {};
-__export(DSFormItemLayout_exports, {
-  DSError: () => import_DSError.DSError,
-  DSFormItemLayout: () => DSFormItemLayout,
-  DSFormItemLayoutWithSchema: () => DSFormItemLayoutWithSchema,
-  FORMITEM_LAYOUT_VARIANTS: () => import_variants.FORMITEM_LAYOUT_VARIANTS,
-  default: () => DSFormItemLayout_default
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ds_shared = require("@elliemae/ds-shared");
-var import_InputGroup = require("../InputGroup");
-var import_FloatingLabelInput = require("../FloatingLabelInput");
-var import_DSError = require("./Error/DSError");
-var import_props = require("./props");
-var import_defaultProps = require("./defaultProps");
-var import_variants = require("./variants");
-var import_Suffix = require("./Suffix/Suffix");
-const blockName = "form-item";
-const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ leftLabel, variant, fitContent, withHighlight }) => ({
-  "with-left-label": leftLabel,
-  "fit-content": fitContent,
-  [variant]: variant,
-  "with-highlight": withHighlight
-}));
-const WrapperContent = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-content`);
-const WrapperContentGroup = (0, import_ds_classnames.aggregatedClasses)("fieldset")(`${blockName}-content`);
-const DSFormItemLayout = ({
-  leftLabel,
-  floatingLabel,
-  name,
-  id,
-  value,
-  inputComponent: InputComponent,
-  labelComponent: LabelComponent,
-  feedbackComponent: FeedbackComponent,
-  labelText,
-  truncateText,
-  hasError,
-  validationState,
-  validationMessage,
-  feedbackMessage,
-  readOnly,
-  focused,
-  type,
-  autoFocus,
-  disabled,
-  onChange,
-  onBlur,
-  onFocus,
-  onPaste,
-  onKeyUp,
-  extraInputProps,
-  extraContent,
-  leftAddon,
-  rightAddon,
-  required,
-  optional,
-  mask,
-  useSubfix,
-  suffix,
-  variant,
-  fitContent,
-  withHighlight,
-  containerProps,
-  ...rest
-}) => {
-  const isGroup = InputComponent.type === (/* @__PURE__ */ import_react.default.createElement(import_ds_shared.Group, null)).type;
-  const floatingLabelOverride = floatingLabel === "UNSAFE";
-  const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup;
-  const inputProps = {
-    ...extraInputProps,
+const WrapperContent = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-content"));
+const WrapperContentGroup = dsClassnames.aggregatedClasses('fieldset')("".concat(blockName, "-content"));
+
+const DSFormItemLayout = _ref2 => {
+  var _WrapperContentComp;
+
+  let {
+    leftLabel,
+    floatingLabel,
+    name,
+    id,
+    value,
+    inputComponent: InputComponent,
+    labelComponent: LabelComponent,
+    feedbackComponent: FeedbackComponent,
+    labelText,
+    truncateText,
+    hasError,
+    // orientation = 'vertical', // one of [ vertical, horizontal ]
+    validationState,
+    // one of [ success, error, warning ]
+    validationMessage,
+    feedbackMessage,
+    readOnly,
+    focused,
+    type,
+    autoFocus,
+    disabled,
+    onChange,
+    onBlur,
+    onFocus,
+    onPaste,
+    onKeyUp,
+    extraInputProps,
+    extraContent,
+    leftAddon,
+    rightAddon,
+    required,
+    optional,
+    mask,
+    useSubfix,
+    suffix,
+    variant,
+    fitContent,
+    withHighlight,
+    containerProps
+  } = _ref2,
+      rest = _objectWithoutProperties__default["default"](_ref2, _excluded);
+
+  const isGroup = InputComponent.type === (_Group || (_Group = /*#__PURE__*/_jsx__default["default"](Group__default["default"], {}))).type;
+
+  const floatingLabelOverride = floatingLabel === 'UNSAFE';
+  const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup; // group the input props to not duplicate it inside the specific inputComponent (floating or not)
+
+  const inputProps = _objectSpread(_objectSpread({}, extraInputProps), {}, {
     disabled,
-    hasError: hasError || validationState === "error",
+    hasError: hasError || validationState === 'error',
     id,
     name,
     type,
@@ -116,35 +124,39 @@ const DSFormItemLayout = ({
     mask,
     useSubfix,
     variant,
-    required,
-    ...rest
-  };
-  const renderInput = (Input) => leftAddon || rightAddon ? /* @__PURE__ */ import_react.default.createElement(import_InputGroup.DSInputGroup, {
-    leftAddon,
-    rightAddon,
-    variant
-  }, Input) : Input;
-  const renderFloating = /* @__PURE__ */ import_react.default.createElement(import_FloatingLabelInput.DSFloatingLabelInput, {
-    ...inputProps,
-    extraInputProps,
-    focused,
+    required
+  }, rest);
+
+  const renderInput = Input => leftAddon || rightAddon ? /*#__PURE__*/_jsx__default["default"](DSInputGroup["default"], {
+    leftAddon: leftAddon,
+    rightAddon: rightAddon,
+    variant: variant
+  }, void 0, Input) : Input;
+
+  const renderFloating = /*#__PURE__*/jsxRuntime.jsx(DSFloatingLabelInput, _objectSpread(_objectSpread({}, inputProps), {}, {
+    extraInputProps: extraInputProps,
+    focused: focused,
     inputComponent: InputComponent,
     labelComponent: LabelComponent,
-    labelText,
-    optional,
-    required,
-    variant
+    labelText: labelText,
+    optional: optional,
+    required: required,
+    variant: variant
+  }));
+
+  const InputWithLabel = floatingLabelOverride ? renderInput(renderFloating) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/_jsx__default["default"](LabelComponent, {
+      htmlFor: id || name,
+      label: labelText,
+      optional: optional,
+      required: required,
+      isGroup: isGroup,
+      truncateText: truncateText
+    }), renderInput(dsUtilities.getComponentFromProps(InputComponent, inputProps))]
   });
-  const InputWithLabel = floatingLabelOverride ? renderInput(renderFloating) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(LabelComponent, {
-    htmlFor: id || name,
-    label: labelText,
-    optional,
-    required,
-    isGroup,
-    truncateText
-  }), renderInput((0, import_ds_utilities.getComponentFromProps)(InputComponent, inputProps)));
+
   if (suffix) {
-    return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
+    return /*#__PURE__*/jsxRuntime.jsx(Wrapper, _objectSpread(_objectSpread({
       classProps: {
         disabled,
         readOnly,
@@ -153,22 +165,24 @@ const DSFormItemLayout = ({
         variant,
         fitContent,
         withHighlight
-      },
-      ...containerProps
-    }, /* @__PURE__ */ import_react.default.createElement(import_Suffix.SuffixWrapper, {
-      className: "suffix-wrapper"
-    }, /* @__PURE__ */ import_react.default.createElement(import_Suffix.SuffixInputWrapper, {
-      className: "suffix-input-wrapper"
-    }, /* @__PURE__ */ import_react.default.createElement(WrapperContentComp, null, InputWithLabel, extraContent), /* @__PURE__ */ import_react.default.createElement(FeedbackComponent, {
-      hasError,
-      text: validationState || hasError ? validationMessage : feedbackMessage
-    })), /* @__PURE__ */ import_react.default.createElement(import_Suffix.Suffix, {
-      className: "suffix-label",
-      label: !!labelText,
-      withFeedback: Boolean(validationMessage || feedbackMessage)
-    }, suffix)));
+      }
+    }, containerProps), {}, {
+      children: /*#__PURE__*/_jsx__default["default"](Suffix.SuffixWrapper, {
+        className: "suffix-wrapper"
+      }, void 0, /*#__PURE__*/_jsx__default["default"](Suffix.SuffixInputWrapper, {
+        className: "suffix-input-wrapper"
+      }, void 0, _WrapperContentComp || (_WrapperContentComp = /*#__PURE__*/_jsx__default["default"](WrapperContentComp, {}, void 0, InputWithLabel, extraContent)), /*#__PURE__*/_jsx__default["default"](FeedbackComponent, {
+        hasError: hasError,
+        text: validationState || hasError ? validationMessage : feedbackMessage
+      })), /*#__PURE__*/_jsx__default["default"](Suffix.Suffix, {
+        className: "suffix-label",
+        label: !!labelText,
+        withFeedback: Boolean(validationMessage || feedbackMessage)
+      }, void 0, suffix))
+    }));
   }
-  return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
+
+  return /*#__PURE__*/jsxRuntime.jsxs(Wrapper, _objectSpread(_objectSpread({
     classProps: {
       disabled,
       readOnly,
@@ -177,17 +191,20 @@ const DSFormItemLayout = ({
       variant,
       fitContent,
       withHighlight
-    },
-    ...containerProps
-  }, /* @__PURE__ */ import_react.default.createElement(WrapperContentComp, null, InputWithLabel, extraContent), /* @__PURE__ */ import_react.default.createElement(FeedbackComponent, {
-    hasError,
-    text: validationState || hasError ? validationMessage : feedbackMessage
+    }
+  }, containerProps), {}, {
+    children: [/*#__PURE__*/_jsx__default["default"](WrapperContentComp, {}, void 0, InputWithLabel, extraContent), /*#__PURE__*/_jsx__default["default"](FeedbackComponent, {
+      hasError: hasError,
+      text: validationState || hasError ? validationMessage : feedbackMessage
+    })]
   }));
 };
-DSFormItemLayout.propTypes = import_props.props;
-DSFormItemLayout.defaultProps = import_defaultProps.defaultProps;
-const DSFormItemLayoutWithSchema = (0, import_react_desc.describe)(DSFormItemLayout);
-DSFormItemLayoutWithSchema.propTypes = import_props.props;
-var DSFormItemLayout_default = DSFormItemLayout;
-module.exports = __toCommonJS(DSFormItemLayout_exports);
-//# sourceMappingURL=DSFormItemLayout.js.map
+
+DSFormItemLayout.defaultProps = defaultProps.defaultProps;
+const DSFormItemLayoutWithSchema = reactDesc.describe(DSFormItemLayout);
+DSFormItemLayoutWithSchema.propTypes = props.props;
+
+exports.DSError = DSError["default"];
+exports.FORMITEM_LAYOUT_VARIANTS = variants.FORMITEM_LAYOUT_VARIANTS;
+exports.DSFormItemLayoutWithSchema = DSFormItemLayoutWithSchema;
+exports["default"] = DSFormItemLayout;

package/cjs/FormItem/Error/DSError.js

@@ -1,53 +1,35 @@
-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 DSError_exports = {};
-__export(DSError_exports, {
-  DSError: () => DSError,
-  DSErrorWithSchema: () => DSErrorWithSchema,
-  default: () => DSError_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-const DSError = ({ hasError = false, errorText = "Error" }) => {
-  if (!hasError)
-    return null;
-  return /* @__PURE__ */ import_react.default.createElement("div", {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var reactDesc = require('react-desc');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const DSError = _ref => {
+  let {
+    hasError = false,
+    errorText = 'Error'
+  } = _ref;
+  if (!hasError) return null;
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     className: "em-ds-error"
-  }, errorText);
+  }, void 0, errorText);
 };
+
 const props = {
-  hasError: import_react_desc.PropTypes.bool.description("error state"),
-  errorText: import_react_desc.PropTypes.string.description("error label text")
+  /** error state */
+  hasError: reactDesc.PropTypes.bool.description('error state'),
+
+  /** error label text */
+  errorText: reactDesc.PropTypes.string.description('error label text')
 };
-DSError.propTypes = props;
-const DSErrorWithSchema = (0, import_react_desc.describe)(DSError);
+const DSErrorWithSchema = reactDesc.describe(DSError);
 DSErrorWithSchema.propTypes = props;
-var DSError_default = DSError;
-module.exports = __toCommonJS(DSError_exports);
-//# sourceMappingURL=DSError.js.map
+
+exports.DSErrorWithSchema = DSErrorWithSchema;
+exports["default"] = DSError;

package/cjs/FormItem/Feedback.js

@@ -1,47 +1,25 @@
-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 Feedback_exports = {};
-__export(Feedback_exports, {
-  Feedback: () => Feedback,
-  default: () => Feedback_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_classnames = require("@elliemae/ds-classnames");
-const blockName = "form-item";
-const FeedbackSpan = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "feedback");
-const Feedback = ({ text, hasError }) => {
-  if (!text)
-    return null;
-  return /* @__PURE__ */ import_react.default.createElement(FeedbackSpan, {
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsClassnames = require('@elliemae/ds-classnames');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const blockName = 'form-item';
+const FeedbackSpan = dsClassnames.aggregatedClasses('span')(blockName, 'feedback');
+
+const Feedback = _ref => {
+  let {
+    text,
+    hasError
+  } = _ref;
+  if (!text) return null;
+  return /*#__PURE__*/_jsx__default["default"](FeedbackSpan, {
     classProps: hasError
-  }, text);
+  }, void 0, text);
 };
-var Feedback_default = Feedback;
-module.exports = __toCommonJS(Feedback_exports);
-//# sourceMappingURL=Feedback.js.map
+
+module.exports = Feedback;

package/cjs/FormItem/Label/DSLabel.js

@@ -1,72 +1,39 @@
-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 DSLabel_exports = {};
-__export(DSLabel_exports, {
-  DSLabel: () => DSLabel,
-  default: () => DSLabel_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
-var import_RequiredMark = require("../../RequiredMark");
-const blockName = "em-ds-label";
-const Text = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "text");
-const DSLabel = ({
-  children,
-  label,
-  htmlFor,
-  required,
-  optional,
-  truncateText = true,
-  isGroup = false
-}) => {
-  const Tag = isGroup ? "legend" : "label";
-  return /* @__PURE__ */ import_react.default.createElement(Tag, {
-    className: `${blockName}${isGroup ? ` ${blockName}--group` : ""}`,
-    htmlFor
-  }, truncateText ? /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
-    value: children || label
-  }) : /* @__PURE__ */ import_react.default.createElement(Text, null, label), /* @__PURE__ */ import_react.default.createElement(import_RequiredMark.RequiredMark, {
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsClassnames = require('@elliemae/ds-classnames');
+var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
+var RequiredMark = require('../../RequiredMark/RequiredMark.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
+
+const blockName = 'em-ds-label';
+const Text = dsClassnames.aggregatedClasses('span')(blockName, 'text');
+
+const DSLabel = _ref => {
+  let {
+    children,
+    label,
+    htmlFor,
+    required,
     optional,
-    required
+    truncateText = true,
+    isGroup = false
+  } = _ref;
+  const Tag = isGroup ? 'legend' : 'label';
+  return /*#__PURE__*/_jsx__default["default"](Tag, {
+    className: "".concat(blockName).concat(isGroup ? " ".concat(blockName, "--group") : ''),
+    htmlFor: htmlFor
+  }, void 0, truncateText ? /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
+    value: children || label
+  }) : /*#__PURE__*/_jsx__default["default"](Text, {}, void 0, label), /*#__PURE__*/_jsx__default["default"](RequiredMark, {
+    optional: optional,
+    required: required
   }));
 };
-DSLabel.propTypes = {
-  children: import_prop_types.default.string,
-  label: import_prop_types.default.string,
-  htmlFor: import_prop_types.default.string,
-  required: import_prop_types.default.bool,
-  optional: import_prop_types.default.bool,
-  truncateText: import_prop_types.default.bool,
-  isGroup: import_prop_types.default.bool
-};
-var DSLabel_default = DSLabel;
-module.exports = __toCommonJS(DSLabel_exports);
-//# sourceMappingURL=DSLabel.js.map
+
+module.exports = DSLabel;