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

package/esm/FloatingLabelInput/getSvgPath.js

@@ -1,14 +1,14 @@
-/* eslint-disable prefer-template,max-statements,no-nested-ternary */
-function getSvgPath(_ref) {
-  let {
-    labelWidth = 50,
-    width = 200,
-    height = 35,
-    radiusStyle,
-    hasRightRadius = true,
-    hasLeftRadius = true
-  } = _ref;
+import * as React from "react";
+function getSvgPath({
+  labelWidth = 50,
+  width = 200,
+  height = 35,
+  radiusStyle,
+  hasRightRadius = true,
+  hasLeftRadius = true
+}) {
   const notchWidth = labelWidth;
+  const isRtl = false;
   const radius = parseFloat(radiusStyle);
   const cornerWidth = radius + 1.3;
   const leadingStrokeLength = 4;
@@ -17,31 +17,29 @@ function getSvgPath(_ref) {
   let extraSizeForLeftV = 0;
   let extraSizeForRightV = 0;
   let extraSizeForTopH = radius;
-
   if (!hasRightRadius) {
     extraSizeForH += radius;
     extraSizeForRightV = radius * 2;
   }
-
   if (!hasLeftRadius) {
     extraSizeForH += radius;
     extraSizeForLeftV = radius * 2;
   }
-
   if (!hasLeftRadius && hasRightRadius || hasRightRadius && hasLeftRadius) {
     extraSizeForTopH = 0;
   }
-
-  const pathMiddle = '' + (hasRightRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + radius : '') + 'v' + (height - (2 * cornerWidth - (extraSizeForRightV + 1.5))) + ( // right vertical line
-  hasRightRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + radius : '') + 'h' + (-width + 2 * cornerWidth - extraSizeForH) + (hasLeftRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + -radius : '') + 'v' + (-height + (2 * cornerWidth - (extraSizeForLeftV + 1.5))) + ( // left vertical line
-  hasLeftRadius ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + -radius : '');
+  const pathMiddle = (hasRightRadius ? "a" + radius + "," + radius + " 0 0 1 " + radius + "," + radius : "") + "v" + (height - (2 * cornerWidth - (extraSizeForRightV + 1.5))) + (hasRightRadius ? "a" + radius + "," + radius + " 0 0 1 " + -radius + "," + radius : "") + "h" + (-width + 2 * cornerWidth - extraSizeForH) + (hasLeftRadius ? "a" + radius + "," + radius + " 0 0 1 " + -radius + "," + -radius : "") + "v" + (-height + (2 * cornerWidth - (extraSizeForLeftV + 1.5))) + (hasLeftRadius ? "a" + radius + "," + radius + " 0 0 1 " + radius + "," + -radius : "");
   let path;
-
-  {
-    path = '' + 'M' + (cornerWidth + leadingStrokeLength + paddedNotchWidth) + ',' + 0.5 + 'h' + (width - 2 * cornerWidth - paddedNotchWidth - leadingStrokeLength + extraSizeForTopH) + pathMiddle + 'h' + leadingStrokeLength;
+  if (!isRtl) {
+    path = "M" + (cornerWidth + leadingStrokeLength + paddedNotchWidth) + "," + 0.5 + "h" + (width - 2 * cornerWidth - paddedNotchWidth - leadingStrokeLength + extraSizeForTopH) + pathMiddle + "h" + leadingStrokeLength;
+  } else {
+    path = "M" + (width - cornerWidth - leadingStrokeLength) + "," + 0.5 + "h" + leadingStrokeLength + pathMiddle + "h" + (width - 2 * cornerWidth - paddedNotchWidth - leadingStrokeLength);
   }
-
   return path;
 }
-
-export { getSvgPath as default };
+var getSvgPath_default = getSvgPath;
+export {
+  getSvgPath_default as default,
+  getSvgPath
+};
+//# sourceMappingURL=getSvgPath.js.map

package/esm/FloatingLabelInput/getSvgPath.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FloatingLabelInput/getSvgPath.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable prefer-template,max-statements,no-nested-ternary */\nfunction getSvgPath({\n  labelWidth = 50,\n  width = 200,\n  height = 35,\n  radiusStyle,\n  hasRightRadius = true,\n  hasLeftRadius = true,\n}) {\n  const notchWidth = labelWidth;\n  const isRtl = false;\n\n  const radius = parseFloat(radiusStyle);\n  const cornerWidth = radius + 1.3;\n  const leadingStrokeLength = 4;\n  const paddedNotchWidth = notchWidth + 8;\n\n  let extraSizeForH = 0;\n  let extraSizeForLeftV = 0;\n  let extraSizeForRightV = 0;\n  let extraSizeForTopH = radius;\n\n  if (!hasRightRadius) {\n    extraSizeForH += radius;\n    extraSizeForRightV = radius * 2;\n  }\n  if (!hasLeftRadius) {\n    extraSizeForH += radius;\n    extraSizeForLeftV = radius * 2;\n  }\n\n  if ((!hasLeftRadius && hasRightRadius) || (hasRightRadius && hasLeftRadius)) {\n    extraSizeForTopH = 0;\n  }\n\n  const pathMiddle =\n    '' +\n    (hasRightRadius\n      ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + radius\n      : '') +\n    'v' +\n    (height - (2 * cornerWidth - (extraSizeForRightV + 1.5))) + // right vertical line\n    (hasRightRadius\n      ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + radius\n      : '') +\n    'h' +\n    (-width + 2 * cornerWidth - extraSizeForH) +\n    (hasLeftRadius\n      ? 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + -radius\n      : '') +\n    'v' +\n    (-height + (2 * cornerWidth - (extraSizeForLeftV + 1.5))) + // left vertical line\n    (hasLeftRadius\n      ? 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + -radius\n      : '');\n\n  let path;\n  if (!isRtl) {\n    path =\n      '' +\n      'M' +\n      (cornerWidth + leadingStrokeLength + paddedNotchWidth) +\n      ',' +\n      0.5 +\n      'h' +\n      (width -\n        2 * cornerWidth -\n        paddedNotchWidth -\n        leadingStrokeLength +\n        extraSizeForTopH) +\n      pathMiddle +\n      'h' +\n      leadingStrokeLength;\n  } else {\n    path =\n      '' +\n      'M' +\n      (width - cornerWidth - leadingStrokeLength) +\n      ',' +\n      0.5 +\n      'h' +\n      leadingStrokeLength +\n      pathMiddle +\n      'h' +\n      (width - 2 * cornerWidth - paddedNotchWidth - leadingStrokeLength);\n  }\n  return path;\n}\n\nexport { getSvgPath };\nexport default getSvgPath;\n"],
+  "mappings": "AAAA;ACCA,oBAAoB;AAAA,EAClB,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AAAA,EACA,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,GACf;AACD,QAAM,aAAa;AACnB,QAAM,QAAQ;AAEd,QAAM,SAAS,WAAW;AAC1B,QAAM,cAAc,SAAS;AAC7B,QAAM,sBAAsB;AAC5B,QAAM,mBAAmB,aAAa;AAEtC,MAAI,gBAAgB;AACpB,MAAI,oBAAoB;AACxB,MAAI,qBAAqB;AACzB,MAAI,mBAAmB;AAEvB,MAAI,CAAC,gBAAgB;AACnB,qBAAiB;AACjB,yBAAqB,SAAS;AAAA;AAEhC,MAAI,CAAC,eAAe;AAClB,qBAAiB;AACjB,wBAAoB,SAAS;AAAA;AAG/B,MAAK,CAAC,iBAAiB,kBAAoB,kBAAkB,eAAgB;AAC3E,uBAAmB;AAAA;AAGrB,QAAM,aACJ,AACC,kBACG,MAAM,SAAS,MAAM,SAAS,YAAY,SAAS,MAAM,SACzD,MACJ,MACC,UAAU,KAAI,cAAe,sBAAqB,SAClD,kBACG,MAAM,SAAS,MAAM,SAAS,YAAY,CAAC,SAAS,MAAM,SAC1D,MACJ,MACC,EAAC,QAAQ,IAAI,cAAc,iBAC3B,iBACG,MAAM,SAAS,MAAM,SAAS,YAAY,CAAC,SAAS,MAAM,CAAC,SAC3D,MACJ,MACC,EAAC,SAAU,KAAI,cAAe,qBAAoB,SAClD,iBACG,MAAM,SAAS,MAAM,SAAS,YAAY,SAAS,MAAM,CAAC,SAC1D;AAEN,MAAI;AACJ,MAAI,CAAC,OAAO;AACV,WACE,MAEC,eAAc,sBAAsB,oBACrC,MACA,MACA,MACC,SACC,IAAI,cACJ,mBACA,sBACA,oBACF,aACA,MACA;AAAA,SACG;AACL,WACE,MAEC,SAAQ,cAAc,uBACvB,MACA,MACA,MACA,sBACA,aACA,MACC,SAAQ,IAAI,cAAc,mBAAmB;AAAA;AAElD,SAAO;AAAA;AAIT,IAAO,qBAAQ;",
+  "names": []
+}

package/esm/FloatingLabelInput/index.js

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

package/esm/FloatingLabelInput/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FloatingLabelInput/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSFloatingLabelInput';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/esm/FormItem/DSFormItemLayout.js

@@ -1,104 +1,72 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { describe } from 'react-desc';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { getComponentFromProps } from '@elliemae/ds-utilities';
-import Group from '@elliemae/ds-shared/GroupContext/Group';
-import DSInputGroup from '../InputGroup/DSInputGroup.js';
-import DSFloatingLabelInput from '../FloatingLabelInput/DSFloatingLabelInput.js';
-export { default as DSError } from './Error/DSError.js';
-import { props } from './props.js';
-import { defaultProps } from './defaultProps.js';
-export { FORMITEM_LAYOUT_VARIANTS } from './variants.js';
-import { SuffixWrapper, SuffixInputWrapper, Suffix } from './Suffix/Suffix.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-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(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 = aggregatedClasses('div')(blockName, null, _ref => {
-  let {
-    leftLabel,
-    variant,
-    fitContent,
-    withHighlight
-  } = _ref;
-  return {
-    'with-left-label': leftLabel,
-    'fit-content': fitContent,
-    [variant]: variant,
-    'with-highlight': withHighlight
-  };
-});
-const WrapperContent = aggregatedClasses('div')("".concat(blockName, "-content"));
-const WrapperContentGroup = 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(_ref2, _excluded);
-
-  const isGroup = InputComponent.type === (_Group || (_Group = /*#__PURE__*/_jsx(Group, {}))).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), {}, {
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { getComponentFromProps } from "@elliemae/ds-utilities";
+import { Group } from "@elliemae/ds-shared";
+import { DSInputGroup } from "../InputGroup";
+import { DSFloatingLabelInput } from "../FloatingLabelInput";
+import { DSError } from "./Error/DSError";
+import { props } from "./props";
+import { defaultProps } from "./defaultProps";
+import { FORMITEM_LAYOUT_VARIANTS } from "./variants";
+import { Suffix, SuffixInputWrapper, SuffixWrapper } from "./Suffix/Suffix";
+const blockName = "form-item";
+const Wrapper = aggregatedClasses("div")(blockName, null, ({ leftLabel, variant, fitContent, withHighlight }) => ({
+  "with-left-label": leftLabel,
+  "fit-content": fitContent,
+  [variant]: variant,
+  "with-highlight": withHighlight
+}));
+const WrapperContent = aggregatedClasses("div")(`${blockName}-content`);
+const WrapperContentGroup = 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__ */ React2.createElement(Group, null)).type;
+  const floatingLabelOverride = floatingLabel === "UNSAFE";
+  const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup;
+  const inputProps = {
+    ...extraInputProps,
     disabled,
-    hasError: hasError || validationState === 'error',
+    hasError: hasError || validationState === "error",
     id,
     name,
     type,
@@ -113,39 +81,35 @@ const DSFormItemLayout = _ref2 => {
     mask,
     useSubfix,
     variant,
-    required
-  }, rest);
-
-  const renderInput = Input => leftAddon || rightAddon ? /*#__PURE__*/_jsx(DSInputGroup, {
-    leftAddon: leftAddon,
-    rightAddon: rightAddon,
-    variant: variant
-  }, void 0, Input) : Input;
-
-  const renderFloating = /*#__PURE__*/jsx(DSFloatingLabelInput, _objectSpread(_objectSpread({}, inputProps), {}, {
-    extraInputProps: extraInputProps,
-    focused: focused,
+    required,
+    ...rest
+  };
+  const renderInput = (Input) => leftAddon || rightAddon ? /* @__PURE__ */ React2.createElement(DSInputGroup, {
+    leftAddon,
+    rightAddon,
+    variant
+  }, Input) : Input;
+  const renderFloating = /* @__PURE__ */ React2.createElement(DSFloatingLabelInput, {
+    ...inputProps,
+    extraInputProps,
+    focused,
     inputComponent: InputComponent,
     labelComponent: LabelComponent,
-    labelText: labelText,
-    optional: optional,
-    required: required,
-    variant: variant
-  }));
-
-  const InputWithLabel = floatingLabelOverride ? renderInput(renderFloating) : /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(LabelComponent, {
-      htmlFor: id || name,
-      label: labelText,
-      optional: optional,
-      required: required,
-      isGroup: isGroup,
-      truncateText: truncateText
-    }), renderInput(getComponentFromProps(InputComponent, inputProps))]
+    labelText,
+    optional,
+    required,
+    variant
   });
-
+  const InputWithLabel = floatingLabelOverride ? renderInput(renderFloating) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(LabelComponent, {
+    htmlFor: id || name,
+    label: labelText,
+    optional,
+    required,
+    isGroup,
+    truncateText
+  }), renderInput(getComponentFromProps(InputComponent, inputProps)));
   if (suffix) {
-    return /*#__PURE__*/jsx(Wrapper, _objectSpread(_objectSpread({
+    return /* @__PURE__ */ React2.createElement(Wrapper, {
       classProps: {
         disabled,
         readOnly,
@@ -154,24 +118,22 @@ const DSFormItemLayout = _ref2 => {
         variant,
         fitContent,
         withHighlight
-      }
-    }, containerProps), {}, {
-      children: /*#__PURE__*/_jsx(SuffixWrapper, {
-        className: "suffix-wrapper"
-      }, void 0, /*#__PURE__*/_jsx(SuffixInputWrapper, {
-        className: "suffix-input-wrapper"
-      }, void 0, _WrapperContentComp || (_WrapperContentComp = /*#__PURE__*/_jsx(WrapperContentComp, {}, void 0, InputWithLabel, extraContent)), /*#__PURE__*/_jsx(FeedbackComponent, {
-        hasError: hasError,
-        text: validationState || hasError ? validationMessage : feedbackMessage
-      })), /*#__PURE__*/_jsx(Suffix, {
-        className: "suffix-label",
-        label: !!labelText,
-        withFeedback: Boolean(validationMessage || feedbackMessage)
-      }, void 0, suffix))
-    }));
+      },
+      ...containerProps
+    }, /* @__PURE__ */ React2.createElement(SuffixWrapper, {
+      className: "suffix-wrapper"
+    }, /* @__PURE__ */ React2.createElement(SuffixInputWrapper, {
+      className: "suffix-input-wrapper"
+    }, /* @__PURE__ */ React2.createElement(WrapperContentComp, null, InputWithLabel, extraContent), /* @__PURE__ */ React2.createElement(FeedbackComponent, {
+      hasError,
+      text: validationState || hasError ? validationMessage : feedbackMessage
+    })), /* @__PURE__ */ React2.createElement(Suffix, {
+      className: "suffix-label",
+      label: !!labelText,
+      withFeedback: Boolean(validationMessage || feedbackMessage)
+    }, suffix)));
   }
-
-  return /*#__PURE__*/jsxs(Wrapper, _objectSpread(_objectSpread({
+  return /* @__PURE__ */ React2.createElement(Wrapper, {
     classProps: {
       disabled,
       readOnly,
@@ -180,17 +142,23 @@ const DSFormItemLayout = _ref2 => {
       variant,
       fitContent,
       withHighlight
-    }
-  }, containerProps), {}, {
-    children: [/*#__PURE__*/_jsx(WrapperContentComp, {}, void 0, InputWithLabel, extraContent), /*#__PURE__*/_jsx(FeedbackComponent, {
-      hasError: hasError,
-      text: validationState || hasError ? validationMessage : feedbackMessage
-    })]
+    },
+    ...containerProps
+  }, /* @__PURE__ */ React2.createElement(WrapperContentComp, null, InputWithLabel, extraContent), /* @__PURE__ */ React2.createElement(FeedbackComponent, {
+    hasError,
+    text: validationState || hasError ? validationMessage : feedbackMessage
   }));
 };
-
+DSFormItemLayout.propTypes = props;
 DSFormItemLayout.defaultProps = defaultProps;
 const DSFormItemLayoutWithSchema = describe(DSFormItemLayout);
 DSFormItemLayoutWithSchema.propTypes = props;
-
-export { DSFormItemLayoutWithSchema, DSFormItemLayout as default };
+var DSFormItemLayout_default = DSFormItemLayout;
+export {
+  DSError,
+  DSFormItemLayout,
+  DSFormItemLayoutWithSchema,
+  FORMITEM_LAYOUT_VARIANTS,
+  DSFormItemLayout_default as default
+};
+//# sourceMappingURL=DSFormItemLayout.js.map

package/esm/FormItem/DSFormItemLayout.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/DSFormItemLayout.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport { Group } from '@elliemae/ds-shared';\nimport { DSInputGroup } from '../InputGroup';\nimport { DSFloatingLabelInput } from '../FloatingLabelInput';\nimport { DSError } from './Error/DSError';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants';\nimport { Suffix, SuffixInputWrapper, SuffixWrapper } from './Suffix/Suffix';\n// import { maskTypes } from '../InputMask/MaskTypes';\n\nexport { DSError, FORMITEM_LAYOUT_VARIANTS };\n\nconst blockName = 'form-item';\n\nconst Wrapper = aggregatedClasses('div')(blockName, null, ({ leftLabel, variant, fitContent, withHighlight }) => ({\n  'with-left-label': leftLabel,\n  'fit-content': fitContent,\n  [variant]: variant,\n  'with-highlight': withHighlight,\n}));\n\nconst WrapperContent = aggregatedClasses('div')(`${blockName}-content`);\nconst WrapperContentGroup = aggregatedClasses('fieldset')(`${blockName}-content`);\n\nconst DSFormItemLayout = ({\n  leftLabel,\n  floatingLabel,\n  name,\n  id,\n  value,\n  inputComponent: InputComponent,\n  labelComponent: LabelComponent,\n  feedbackComponent: FeedbackComponent,\n  labelText,\n  truncateText,\n  hasError,\n  // orientation = 'vertical', // one of [ vertical, horizontal ]\n  validationState, // one of [ success, error, warning ]\n  validationMessage,\n  feedbackMessage,\n  readOnly,\n  focused,\n  type,\n  autoFocus,\n  disabled,\n  onChange,\n  onBlur,\n  onFocus,\n  onPaste,\n  onKeyUp,\n  extraInputProps,\n  extraContent,\n  leftAddon,\n  rightAddon,\n  required,\n  optional,\n  mask,\n  useSubfix,\n  suffix,\n  variant,\n  fitContent,\n  withHighlight,\n  containerProps,\n  ...rest\n}) => {\n  const isGroup = InputComponent.type === (<Group />).type;\n  const floatingLabelOverride = floatingLabel === 'UNSAFE';\n  const WrapperContentComp = !isGroup ? WrapperContent : WrapperContentGroup;\n\n  // group the input props to not duplicate it inside the specific inputComponent (floating or not)\n  const inputProps = {\n    ...extraInputProps,\n    disabled,\n    hasError: hasError || validationState === 'error',\n    id,\n    name,\n    type,\n    autoFocus,\n    onBlur,\n    onChange,\n    onFocus,\n    onPaste,\n    onKeyUp,\n    readOnly,\n    value,\n    mask,\n    useSubfix,\n    variant,\n    required,\n    ...rest,\n  };\n\n  const renderInput = (Input) =>\n    leftAddon || rightAddon ? (\n      <DSInputGroup leftAddon={leftAddon} rightAddon={rightAddon} variant={variant}>\n        {Input}\n      </DSInputGroup>\n    ) : (\n      Input\n    );\n\n  const renderFloating = (\n    <DSFloatingLabelInput\n      {...inputProps}\n      extraInputProps={extraInputProps}\n      focused={focused}\n      inputComponent={InputComponent}\n      labelComponent={LabelComponent}\n      labelText={labelText}\n      optional={optional}\n      required={required}\n      variant={variant}\n    />\n  );\n\n  const InputWithLabel = floatingLabelOverride ? (\n    renderInput(renderFloating)\n  ) : (\n    <>\n      <LabelComponent\n        htmlFor={id || name}\n        label={labelText}\n        optional={optional}\n        required={required}\n        isGroup={isGroup}\n        truncateText={truncateText}\n      />\n      {renderInput(getComponentFromProps(InputComponent, inputProps))}\n    </>\n  );\n\n  if (suffix) {\n    return (\n      <Wrapper\n        classProps={{\n          disabled,\n          readOnly,\n          hasError,\n          leftLabel,\n          variant,\n          fitContent,\n          withHighlight,\n        }}\n        {...containerProps}\n      >\n        <SuffixWrapper className=\"suffix-wrapper\">\n          <SuffixInputWrapper className=\"suffix-input-wrapper\">\n            <WrapperContentComp>\n              {InputWithLabel}\n              {extraContent}\n            </WrapperContentComp>\n            <FeedbackComponent\n              hasError={hasError}\n              text={validationState || hasError ? validationMessage : feedbackMessage}\n            />\n          </SuffixInputWrapper>\n          <Suffix\n            className=\"suffix-label\"\n            label={!!labelText}\n            withFeedback={Boolean(validationMessage || feedbackMessage)}\n          >\n            {suffix}\n          </Suffix>\n        </SuffixWrapper>\n      </Wrapper>\n    );\n  }\n\n  return (\n    <Wrapper\n      classProps={{\n        disabled,\n        readOnly,\n        hasError,\n        leftLabel,\n        variant,\n        fitContent,\n        withHighlight,\n      }}\n      {...containerProps}\n    >\n      <WrapperContentComp>\n        {InputWithLabel}\n        {extraContent}\n      </WrapperContentComp>\n      <FeedbackComponent hasError={hasError} text={validationState || hasError ? validationMessage : feedbackMessage} />\n    </Wrapper>\n  );\n};\n\nDSFormItemLayout.propTypes = props;\nDSFormItemLayout.defaultProps = defaultProps;\nconst DSFormItemLayoutWithSchema = describe(DSFormItemLayout);\nDSFormItemLayoutWithSchema.propTypes = props;\n\nexport default DSFormItemLayout;\nexport { DSFormItemLayoutWithSchema, DSFormItemLayout };\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/FormItem/Error/DSError.js

@@ -1,26 +1,24 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-
-const DSError = _ref => {
-  let {
-    hasError = false,
-    errorText = 'Error'
-  } = _ref;
-  if (!hasError) return null;
-  return /*#__PURE__*/_jsx("div", {
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+const DSError = ({ hasError = false, errorText = "Error" }) => {
+  if (!hasError)
+    return null;
+  return /* @__PURE__ */ React2.createElement("div", {
     className: "em-ds-error"
-  }, void 0, errorText);
+  }, errorText);
 };
-
 const props = {
-  /** error state */
-  hasError: PropTypes.bool.description('error state'),
-
-  /** error label text */
-  errorText: PropTypes.string.description('error label text')
+  hasError: PropTypes.bool.description("error state"),
+  errorText: PropTypes.string.description("error label text")
 };
+DSError.propTypes = props;
 const DSErrorWithSchema = describe(DSError);
 DSErrorWithSchema.propTypes = props;
-
-export { DSErrorWithSchema, DSError as default };
+var DSError_default = DSError;
+export {
+  DSError,
+  DSErrorWithSchema,
+  DSError_default as default
+};
+//# sourceMappingURL=DSError.js.map

package/esm/FormItem/Error/DSError.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/FormItem/Error/DSError.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\n\nconst DSError = ({ hasError = false, errorText = 'Error' }) => {\n  if (!hasError) return null;\n  return <div className=\"em-ds-error\">{errorText}</div>;\n};\n\nconst props = {\n  /** error state */\n  hasError: PropTypes.bool.description('error state'),\n  /** error label text */\n  errorText: PropTypes.string.description('error label text'),\n};\n\nDSError.propTypes = props;\n\nconst DSErrorWithSchema = describe(DSError);\n\nDSErrorWithSchema.propTypes = props;\n\nexport default DSError;\nexport { DSErrorWithSchema, DSError };\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,UAAU,CAAC,EAAE,WAAW,OAAO,YAAY,cAAc;AAC7D,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAe;AAAA;AAGvC,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,WAAW,UAAU,OAAO,YAAY;AAAA;AAG1C,QAAQ,YAAY;AAEpB,MAAM,oBAAoB,SAAS;AAEnC,kBAAkB,YAAY;AAE9B,IAAO,kBAAQ;",
+  "names": []
+}

package/esm/FormItem/Feedback.js

@@ -1,19 +1,18 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-
-const blockName = 'form-item';
-const FeedbackSpan = aggregatedClasses('span')(blockName, 'feedback');
-
-const Feedback = _ref => {
-  let {
-    text,
-    hasError
-  } = _ref;
-  if (!text) return null;
-  return /*#__PURE__*/_jsx(FeedbackSpan, {
+import * as React from "react";
+import React2 from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const blockName = "form-item";
+const FeedbackSpan = aggregatedClasses("span")(blockName, "feedback");
+const Feedback = ({ text, hasError }) => {
+  if (!text)
+    return null;
+  return /* @__PURE__ */ React2.createElement(FeedbackSpan, {
     classProps: hasError
-  }, void 0, text);
+  }, text);
 };
-
-export { Feedback as default };
+var Feedback_default = Feedback;
+export {
+  Feedback,
+  Feedback_default as default
+};
+//# sourceMappingURL=Feedback.js.map

package/esm/FormItem/Feedback.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FormItem/Feedback.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'form-item';\n\nconst FeedbackSpan = aggregatedClasses('span')(blockName, 'feedback');\n\nconst Feedback = ({ text, hasError }) => {\n  if (!text) return null;\n  return <FeedbackSpan classProps={hasError}>{text}</FeedbackSpan>;\n};\n\nexport { Feedback };\nexport default Feedback;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,eAAe,kBAAkB,QAAQ,WAAW;AAE1D,MAAM,WAAW,CAAC,EAAE,MAAM,eAAe;AACvC,MAAI,CAAC;AAAM,WAAO;AAClB,SAAO,qCAAC,cAAD;AAAA,IAAc,YAAY;AAAA,KAAW;AAAA;AAI9C,IAAO,mBAAQ;",
+  "names": []
+}

package/esm/FormItem/Label/DSLabel.js

@@ -1,32 +1,43 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
-import RequiredMark from '../../RequiredMark/RequiredMark.js';
-
-const blockName = 'em-ds-label';
-const Text = aggregatedClasses('span')(blockName, 'text');
-
-const DSLabel = _ref => {
-  let {
-    children,
-    label,
-    htmlFor,
-    required,
-    optional,
-    truncateText = true,
-    isGroup = false
-  } = _ref;
-  const Tag = isGroup ? 'legend' : 'label';
-  return /*#__PURE__*/_jsx(Tag, {
-    className: "".concat(blockName).concat(isGroup ? " ".concat(blockName, "--group") : ''),
-    htmlFor: htmlFor
-  }, void 0, truncateText ? /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { RequiredMark } from "../../RequiredMark";
+const blockName = "em-ds-label";
+const Text = aggregatedClasses("span")(blockName, "text");
+const DSLabel = ({
+  children,
+  label,
+  htmlFor,
+  required,
+  optional,
+  truncateText = true,
+  isGroup = false
+}) => {
+  const Tag = isGroup ? "legend" : "label";
+  return /* @__PURE__ */ React2.createElement(Tag, {
+    className: `${blockName}${isGroup ? ` ${blockName}--group` : ""}`,
+    htmlFor
+  }, truncateText ? /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
     value: children || label
-  }) : /*#__PURE__*/_jsx(Text, {}, void 0, label), /*#__PURE__*/_jsx(RequiredMark, {
-    optional: optional,
-    required: required
+  }) : /* @__PURE__ */ React2.createElement(Text, null, label), /* @__PURE__ */ React2.createElement(RequiredMark, {
+    optional,
+    required
   }));
 };
-
-export { DSLabel as default };
+DSLabel.propTypes = {
+  children: PropTypes.string,
+  label: PropTypes.string,
+  htmlFor: PropTypes.string,
+  required: PropTypes.bool,
+  optional: PropTypes.bool,
+  truncateText: PropTypes.bool,
+  isGroup: PropTypes.bool
+};
+var DSLabel_default = DSLabel;
+export {
+  DSLabel,
+  DSLabel_default as default
+};
+//# sourceMappingURL=DSLabel.js.map

package/esm/FormItem/Label/DSLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/FormItem/Label/DSLabel.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/label-has-associated-control */\n/* eslint-disable react/no-unknown-property, jsx-a11y/label-has-for */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '../../RequiredMark';\n\nconst blockName = 'em-ds-label';\n\nconst Text = aggregatedClasses('span')(blockName, 'text');\n\nconst DSLabel = ({\n  children,\n  label,\n  htmlFor,\n  required,\n  optional,\n  truncateText = true,\n  isGroup = false,\n}) => {\n  const Tag = isGroup ? 'legend' : 'label';\n\n  return (\n    <Tag\n      className={`${blockName}${isGroup ? ` ${blockName}--group` : ''}`}\n      htmlFor={htmlFor}\n    >\n      {truncateText ? (\n        <DSTruncatedTooltipText value={children || label} />\n      ) : (\n        <Text>{label}</Text>\n      )}\n      <RequiredMark optional={optional} required={required} />\n    </Tag>\n  );\n};\n\nDSLabel.propTypes = {\n  children: PropTypes.string,\n  label: PropTypes.string,\n  htmlFor: PropTypes.string,\n  required: PropTypes.bool,\n  optional: PropTypes.bool,\n  truncateText: PropTypes.bool,\n  isGroup: PropTypes.bool,\n};\n\nexport { DSLabel };\nexport default DSLabel;\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,OAAO,kBAAkB,QAAQ,WAAW;AAElD,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,MACN;AACJ,QAAM,MAAM,UAAU,WAAW;AAEjC,SACE,qCAAC,KAAD;AAAA,IACE,WAAW,GAAG,YAAY,UAAU,IAAI,qBAAqB;AAAA,IAC7D;AAAA,KAEC,eACC,qCAAC,wBAAD;AAAA,IAAwB,OAAO,YAAY;AAAA,OAE3C,qCAAC,MAAD,MAAO,QAET,qCAAC,cAAD;AAAA,IAAc;AAAA,IAAoB;AAAA;AAAA;AAKxC,QAAQ,YAAY;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,OAAO,UAAU;AAAA,EACjB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAAA,EACxB,SAAS,UAAU;AAAA;AAIrB,IAAO,kBAAQ;",
+  "names": []
+}