@elliemae/ds-date-time-recurrence-picker 2.3.1 → 3.0.0-alpha.3

package/dist/esm/components/DateTimeRecurenceSelectorImpl.js

@@ -0,0 +1,234 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import React2, { Component } from "react";
+import { isEqual } from "lodash";
+import "react-dates/initialize";
+import { components } from "react-select";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+import { DSComboBox } from "@elliemae/ds-form";
+import DateTimeRangeModal from "./DateTimeRangeModal/DateTimeRangeModal";
+const { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName("date-time-predefined-range-selector");
+class DateTimeRecurenceSelectorImpl extends Component {
+  constructor(props) {
+    super(props);
+    this.onChange = () => {
+      const { onChange } = this.props;
+      const { customRange, selected } = this.state;
+      onChange(selected, customRange);
+    };
+    this.onCustomDateTimeRange = (customRange) => {
+      this.setState({ customRange });
+    };
+    this.onChangeDropdown = (value) => {
+      const { dropdownPreselectedOptions } = this.props;
+      const selected = dropdownPreselectedOptions.find((op) => op.value === value);
+      const { onChange } = this.props;
+      if (!selected) {
+        this.setState((previousState) => ({
+          selected: value,
+          previousSelection: previousState.selected
+        }));
+        this.handleOpenModal();
+      } else if (selected) {
+        onChange(value);
+        this.setState({ selected: value, openModal: false });
+      }
+    };
+    this.handleConfirm = () => {
+      const {
+        onConfirmField,
+        customOptionRender: CustomOptionRender,
+        dayOfMonthOptionsEnable,
+        dayOfWeekOptionsEnable,
+        dayOfYearOptionsEnable,
+        useTimezoneSelector,
+        allowMultipleDaysOfWeek
+      } = this.props;
+      const { customRange } = this.state;
+      this.props.advanceOption.label = /* @__PURE__ */ React2.createElement(CustomOptionRender, {
+        allowMultipleDaysOfWeek,
+        customRange,
+        dayOfMonthOptionsEnable,
+        dayOfWeekOptionsEnable,
+        dayOfYearOptionsEnable,
+        useTimezoneSelector
+      });
+      this.onChange();
+      this.handleCloseModal();
+      onConfirmField();
+    };
+    this.handleReject = () => {
+      const { onRejectField } = this.props;
+      this.handleActionClose();
+      onRejectField();
+    };
+    this.handleActionClose = () => {
+      this.setState((previousState) => ({
+        selected: previousState.previousSelection
+      }));
+      this.handleCloseModal();
+    };
+    this.handleOpenModal = () => this.setState({ openModal: true });
+    this.handleCloseModal = () => {
+      this.setState({ openModal: false });
+      setTimeout(() => document.activeElement.blur(), 0);
+    };
+    this.initCustomRange = props.customRange;
+    this.state = {
+      previousCustomRange: __spreadValues({}, props.customRange),
+      openModal: props.openModal || false,
+      selected: props.value,
+      customRange: __spreadValues({}, props.customRange)
+    };
+    if (props.value === props.advanceOption.value) {
+      props.advanceOption.label = /* @__PURE__ */ React2.createElement(props.customOptionRender, {
+        allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
+        customRange: props.customRange,
+        dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
+        dayOfWeekOptionsEnable: props.dayOfWeekOptionsEnable,
+        dayOfYearOptionsEnable: props.dayOfYearOptionsEnable,
+        useTimezoneSelector: props.useTimezoneSelector
+      });
+    }
+  }
+  static getDerivedStateFromProps(props, state) {
+    if (props.customRange && !isEqual(props.customRange, state.previousCustomRange)) {
+      if (props.value === props.advanceOption.value) {
+        props.advanceOption.label = /* @__PURE__ */ React2.createElement(props.customOptionRender, {
+          allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
+          customRange: props.customRange,
+          dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
+          dayOfWeekOptionsEnable: props.dayOfWeekOptionsEnable,
+          dayOfYearOptionsEnable: props.dayOfYearOptionsEnable,
+          useTimezoneSelector: props.useTimezoneSelector
+        });
+      }
+      return {
+        previousCustomRange: __spreadValues({}, props.customRange),
+        customRange: __spreadValues({}, props.customRange),
+        selected: props.value
+      };
+    }
+    return null;
+  }
+  render() {
+    const {
+      placeholder,
+      dropdownPreselectedOptions,
+      appElement,
+      confirmLabel,
+      modalSize,
+      modalTitle,
+      modalType,
+      rejectLabel,
+      dropdownDayOfMonthOptions,
+      dropdownDayOfWeekOptions,
+      dropdownDayOfYearOptions,
+      dropdownRepeatOptions,
+      displayCurrentMonthYear,
+      className,
+      dayOfMonthOptionsEnable,
+      dayOfWeekOptionsEnable,
+      dayOfYearOptionsEnable,
+      timeZoneOptions,
+      useTimezoneSelector,
+      allowMultipleDaysOfWeek,
+      endTimesOptions,
+      endTypesOptions,
+      advanceOption,
+      dayOfMonthAsCurrentDateOptions,
+      dayOfYearAsCurrentDateOptions,
+      isValidRecurrence,
+      validationMessage,
+      endDayBlocked,
+      startDayBlocked,
+      repeatFrecuencyCustomProps,
+      displayMonthCustomOption,
+      displayYearCustomOption,
+      containerProps
+    } = this.props;
+    const { selected, openModal, customRange } = this.state;
+    const options = [...dropdownPreselectedOptions, advanceOption];
+    return /* @__PURE__ */ React2.createElement("div", __spreadProps(__spreadValues({}, containerProps), {
+      className: `${cssClassName} ${className}`
+    }), /* @__PURE__ */ React2.createElement("div", {
+      className: `${classNameBlock("container-selector")}`
+    }, /* @__PURE__ */ React2.createElement(DSComboBox, {
+      className: `${classNameElement("dropdown-field-selector")}`,
+      components: {
+        Option: (props) => /* @__PURE__ */ React2.createElement(components.Option, __spreadProps(__spreadValues({}, props), {
+          allowMultipleDaysOfWeek,
+          dayOfMonthOptionsEnable,
+          dayOfWeekOptionsEnable,
+          dayOfYearOptionsEnable,
+          useTimezoneSelector
+        })),
+        IndicatorSeparator: () => null
+      },
+      onChange: this.onChangeDropdown,
+      onKeyDown: this.onKeyDown,
+      options,
+      placeholder,
+      value: selected
+    })), /* @__PURE__ */ React2.createElement(DateTimeRangeModal, {
+      allowMultipleDaysOfWeek,
+      appElement,
+      confirmLabel,
+      dayOfMonthAsCurrentDateOptions,
+      dayOfMonthOptionsEnable,
+      dayOfWeekOptionsEnable,
+      dayOfYearAsCurrentDateOptions,
+      dayOfYearOptionsEnable,
+      displayCurrentMonthYear,
+      displayMonthCustomOption,
+      displayYearCustomOption,
+      dropdownDayOfMonthOptions,
+      dropdownDayOfWeekOptions,
+      dropdownDayOfYearOptions,
+      dropdownRepeatOptions,
+      endDayBlocked,
+      endTimesOptions,
+      endTypesOptions,
+      isOpen: openModal,
+      isValidRecurrence,
+      modalSize,
+      modalTitle,
+      modalType,
+      onClose: this.handleActionClose,
+      onConfirmField: this.handleConfirm,
+      onCustomDateTimeRange: this.onCustomDateTimeRange,
+      onRejectField: this.handleReject,
+      placeholder,
+      rangeValue: customRange,
+      rejectLabel,
+      repeatFrecuencyCustomProps,
+      startDayBlocked,
+      timeZoneOptions,
+      useTimezoneSelector,
+      validationMessage
+    }));
+  }
+}
+var DateTimeRecurenceSelectorImpl_default = DateTimeRecurenceSelectorImpl;
+export {
+  DateTimeRecurenceSelectorImpl_default as default
+};
+//# sourceMappingURL=DateTimeRecurenceSelectorImpl.js.map

package/dist/esm/components/DateTimeRecurenceSelectorImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DateTimeRecurenceSelectorImpl.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable react/destructuring-assignment */\nimport React, { Component } from 'react';\nimport { isEqual } from 'lodash';\nimport 'react-dates/initialize';\nimport { components } from 'react-select';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox } from '@elliemae/ds-form';\n\nimport DateTimeRangeModal from './DateTimeRangeModal/DateTimeRangeModal';\n\nconst { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName(\n  'date-time-predefined-range-selector',\n);\n\nclass DateTimeRecurenceSelectorImpl extends Component {\n  constructor(props) {\n    super(props);\n    this.initCustomRange = props.customRange;\n    this.state = {\n      // eslint-disable-next-line react/no-unused-state\n      previousCustomRange: {\n        ...props.customRange,\n      },\n      openModal: props.openModal || false,\n      selected: props.value,\n      customRange: {\n        ...props.customRange,\n      },\n    };\n    if (props.value === props.advanceOption.value) {\n      // eslint-disable-next-line no-param-reassign\n      props.advanceOption.label = (\n        <props.customOptionRender\n          allowMultipleDaysOfWeek={props.allowMultipleDaysOfWeek}\n          customRange={props.customRange}\n          dayOfMonthOptionsEnable={props.dayOfMonthOptionsEnable}\n          dayOfWeekOptionsEnable={props.dayOfWeekOptionsEnable}\n          dayOfYearOptionsEnable={props.dayOfYearOptionsEnable}\n          useTimezoneSelector={props.useTimezoneSelector}\n        />\n      );\n    }\n  }\n\n  onChange = () => {\n    const { onChange } = this.props;\n    const { customRange, selected } = this.state;\n    onChange(selected, customRange);\n  };\n\n  onCustomDateTimeRange = (customRange) => {\n    this.setState({ customRange });\n  };\n\n  onChangeDropdown = (value) => {\n    const { dropdownPreselectedOptions } = this.props;\n    const selected = dropdownPreselectedOptions.find((op) => op.value === value);\n    const { onChange } = this.props;\n    if (!selected) {\n      this.setState((previousState) => ({\n        selected: value,\n        previousSelection: previousState.selected,\n      }));\n      this.handleOpenModal();\n    } else if (selected) {\n      onChange(value);\n      this.setState({ selected: value, openModal: false });\n    }\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.customRange && !isEqual(props.customRange, state.previousCustomRange)) {\n      if (props.value === props.advanceOption.value) {\n        // eslint-disable-next-line no-param-reassign\n        props.advanceOption.label = (\n          <props.customOptionRender\n            allowMultipleDaysOfWeek={props.allowMultipleDaysOfWeek}\n            customRange={props.customRange}\n            dayOfMonthOptionsEnable={props.dayOfMonthOptionsEnable}\n            dayOfWeekOptionsEnable={props.dayOfWeekOptionsEnable}\n            dayOfYearOptionsEnable={props.dayOfYearOptionsEnable}\n            useTimezoneSelector={props.useTimezoneSelector}\n          />\n        );\n      }\n      return {\n        previousCustomRange: {\n          ...props.customRange,\n        },\n        customRange: {\n          ...props.customRange,\n        },\n        selected: props.value,\n      };\n    }\n    return null;\n  }\n\n  handleConfirm = () => {\n    const {\n      onConfirmField,\n      customOptionRender: CustomOptionRender,\n      dayOfMonthOptionsEnable,\n      dayOfWeekOptionsEnable,\n      dayOfYearOptionsEnable,\n      useTimezoneSelector,\n      allowMultipleDaysOfWeek,\n    } = this.props;\n    const { customRange } = this.state;\n    this.props.advanceOption.label = (\n      <CustomOptionRender\n        allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n        customRange={customRange}\n        dayOfMonthOptionsEnable={dayOfMonthOptionsEnable}\n        dayOfWeekOptionsEnable={dayOfWeekOptionsEnable}\n        dayOfYearOptionsEnable={dayOfYearOptionsEnable}\n        useTimezoneSelector={useTimezoneSelector}\n      />\n    );\n    this.onChange();\n    this.handleCloseModal();\n    onConfirmField();\n  };\n\n  handleReject = () => {\n    const { onRejectField } = this.props;\n    this.handleActionClose();\n    onRejectField();\n  };\n\n  handleActionClose = () => {\n    this.setState((previousState) => ({\n      selected: previousState.previousSelection,\n    }));\n    this.handleCloseModal();\n  };\n\n  handleOpenModal = () => this.setState({ openModal: true });\n\n  handleCloseModal = () => {\n    this.setState({ openModal: false });\n    setTimeout(() => document.activeElement.blur(), 0); // https://github.com/reactjs/react-modal/issues/680\n  };\n\n  render() {\n    const {\n      placeholder,\n      dropdownPreselectedOptions,\n      appElement,\n      confirmLabel,\n      modalSize,\n      modalTitle,\n      modalType,\n      rejectLabel,\n      dropdownDayOfMonthOptions,\n      dropdownDayOfWeekOptions,\n      dropdownDayOfYearOptions,\n      dropdownRepeatOptions,\n      displayCurrentMonthYear,\n      className,\n      dayOfMonthOptionsEnable,\n      dayOfWeekOptionsEnable,\n      dayOfYearOptionsEnable,\n      timeZoneOptions,\n      useTimezoneSelector,\n      allowMultipleDaysOfWeek,\n      endTimesOptions,\n      endTypesOptions,\n      advanceOption,\n      dayOfMonthAsCurrentDateOptions,\n      dayOfYearAsCurrentDateOptions,\n      isValidRecurrence,\n      validationMessage,\n      endDayBlocked,\n      startDayBlocked,\n      repeatFrecuencyCustomProps,\n      displayMonthCustomOption,\n      displayYearCustomOption,\n      containerProps,\n    } = this.props;\n    const { selected, openModal, customRange } = this.state;\n\n    const options = [...dropdownPreselectedOptions, advanceOption];\n\n    return (\n      <div {...containerProps} className={`${cssClassName} ${className}`}>\n        <div className={`${classNameBlock('container-selector')}`}>\n          <DSComboBox\n            className={`${classNameElement('dropdown-field-selector')}`}\n            components={{\n              Option: (props) => (\n                <components.Option\n                  {...props}\n                  allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n                  dayOfMonthOptionsEnable={dayOfMonthOptionsEnable}\n                  dayOfWeekOptionsEnable={dayOfWeekOptionsEnable}\n                  dayOfYearOptionsEnable={dayOfYearOptionsEnable}\n                  useTimezoneSelector={useTimezoneSelector}\n                />\n              ),\n              IndicatorSeparator: () => null,\n            }}\n            onChange={this.onChangeDropdown}\n            onKeyDown={this.onKeyDown}\n            options={options}\n            placeholder={placeholder}\n            value={selected}\n          />\n        </div>\n        <DateTimeRangeModal\n          allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n          appElement={appElement}\n          confirmLabel={confirmLabel}\n          dayOfMonthAsCurrentDateOptions={dayOfMonthAsCurrentDateOptions}\n          dayOfMonthOptionsEnable={dayOfMonthOptionsEnable}\n          dayOfWeekOptionsEnable={dayOfWeekOptionsEnable}\n          dayOfYearAsCurrentDateOptions={dayOfYearAsCurrentDateOptions}\n          dayOfYearOptionsEnable={dayOfYearOptionsEnable}\n          displayCurrentMonthYear={displayCurrentMonthYear}\n          displayMonthCustomOption={displayMonthCustomOption}\n          displayYearCustomOption={displayYearCustomOption}\n          dropdownDayOfMonthOptions={dropdownDayOfMonthOptions}\n          dropdownDayOfWeekOptions={dropdownDayOfWeekOptions}\n          dropdownDayOfYearOptions={dropdownDayOfYearOptions}\n          dropdownRepeatOptions={dropdownRepeatOptions}\n          endDayBlocked={endDayBlocked}\n          endTimesOptions={endTimesOptions}\n          endTypesOptions={endTypesOptions}\n          isOpen={openModal}\n          isValidRecurrence={isValidRecurrence}\n          modalSize={modalSize}\n          modalTitle={modalTitle}\n          modalType={modalType}\n          onClose={this.handleActionClose}\n          onConfirmField={this.handleConfirm}\n          onCustomDateTimeRange={this.onCustomDateTimeRange}\n          onRejectField={this.handleReject}\n          placeholder={placeholder}\n          rangeValue={customRange}\n          rejectLabel={rejectLabel}\n          repeatFrecuencyCustomProps={repeatFrecuencyCustomProps}\n          startDayBlocked={startDayBlocked}\n          timeZoneOptions={timeZoneOptions}\n          useTimezoneSelector={useTimezoneSelector}\n          validationMessage={validationMessage}\n        />\n      </div>\n    );\n  }\n}\n\nexport default DateTimeRecurenceSelectorImpl;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/components/DayOfMonthPicker/DayOfMonthPicker.js

@@ -0,0 +1,58 @@
+import * as React from "react";
+import React2 from "react";
+import { DSComboBox } from "@elliemae/ds-form";
+import { nthDay } from "../helpers/nthday";
+import { dropdownDayOfMonthOptions } from "../../options/dropdownDayOfMonthOptions";
+import FormLabel from "../Forms/FormLabel";
+import FormFieldGroup from "../Forms/FormFieldGroup";
+import FormGroup from "../Forms/FormGroup";
+const DaysOfMonthPicker = ({
+  onDayChange = () => null,
+  dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
+  dayOfMonthOptions = dropdownDayOfMonthOptions,
+  displayOptionsAsCurrentDate = true,
+  currentDate = null,
+  inputLabel = "On",
+  dayOfMonthAsCurrentDateOptions,
+  displayMonthCustomOption
+}) => {
+  let options = dayOfMonthOptions;
+  if (displayOptionsAsCurrentDate) {
+    const numberoption = `on the ${currentDate.format("Do")} of the month`;
+    const nthoption = `on the ${nthDay(currentDate.toDate())} ${currentDate.format("dddd")} of the month`;
+    options = [];
+    if (dayOfMonthAsCurrentDateOptions.indexOf("numberOfMonth") > -1) {
+      options.push({
+        number: currentDate.format("DD"),
+        label: numberoption,
+        value: numberoption,
+        dayOfMonthRepeatPickerKey: "numberOfMonth"
+      });
+    }
+    if (dayOfMonthAsCurrentDateOptions.indexOf("dayOfTheWeekOfMonth") > -1) {
+      options.push({
+        numberLabel: `${nthDay(currentDate.toDate())} ${currentDate.format("dddd")}`,
+        label: nthoption,
+        value: nthoption,
+        dayOfMonthRepeatPickerKey: "dayOfTheWeekOfMonth"
+      });
+    }
+    if (displayMonthCustomOption) {
+      options = [...options, ...dayOfMonthOptions];
+    }
+  }
+  const selected = options.find((option) => option.value === dayOfMonthValue) ? dayOfMonthValue : null;
+  if (!selected) {
+    onDayChange(options[0].value, options[0]);
+  }
+  return /* @__PURE__ */ React2.createElement(FormGroup, null, /* @__PURE__ */ React2.createElement(FormLabel, null, inputLabel), /* @__PURE__ */ React2.createElement(FormFieldGroup, null, /* @__PURE__ */ React2.createElement(DSComboBox, {
+    onChange: (value) => onDayChange(value, options.find((o) => o.value === value)),
+    options,
+    value: selected
+  })));
+};
+var DayOfMonthPicker_default = DaysOfMonthPicker;
+export {
+  DayOfMonthPicker_default as default
+};
+//# sourceMappingURL=DayOfMonthPicker.js.map

package/dist/esm/components/DayOfMonthPicker/DayOfMonthPicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DayOfMonthPicker/DayOfMonthPicker.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSComboBox } from '@elliemae/ds-form';\nimport { nthDay } from '../helpers/nthday';\nimport { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions';\nimport FormLabel from '../Forms/FormLabel';\nimport FormFieldGroup from '../Forms/FormFieldGroup';\nimport FormGroup from '../Forms/FormGroup';\n\nconst DaysOfMonthPicker = ({\n  onDayChange = () => null,\n  dayOfMonthValue = dropdownDayOfMonthOptions[0].value,\n  dayOfMonthOptions = dropdownDayOfMonthOptions,\n  displayOptionsAsCurrentDate = true,\n  currentDate = null,\n  inputLabel = 'On',\n  dayOfMonthAsCurrentDateOptions,\n  displayMonthCustomOption,\n}) => {\n  let options = dayOfMonthOptions;\n  if (displayOptionsAsCurrentDate) {\n    const numberoption = `on the ${currentDate.format('Do')} of the month`;\n    const nthoption = `on the ${nthDay(currentDate.toDate())} ${currentDate.format('dddd')} of the month`;\n    options = [];\n\n    if (dayOfMonthAsCurrentDateOptions.indexOf('numberOfMonth') > -1) {\n      options.push({\n        number: currentDate.format('DD'),\n        label: numberoption,\n        value: numberoption,\n        dayOfMonthRepeatPickerKey: 'numberOfMonth',\n      });\n    }\n    if (dayOfMonthAsCurrentDateOptions.indexOf('dayOfTheWeekOfMonth') > -1) {\n      options.push({\n        numberLabel: `${nthDay(currentDate.toDate())} ${currentDate.format('dddd')}`,\n        label: nthoption,\n        value: nthoption,\n        dayOfMonthRepeatPickerKey: 'dayOfTheWeekOfMonth',\n      });\n    }\n\n    if (displayMonthCustomOption) {\n      options = [...options, ...dayOfMonthOptions];\n    }\n  }\n\n  const selected = options.find((option) => option.value === dayOfMonthValue) ? dayOfMonthValue : null;\n  if (!selected) {\n    onDayChange(options[0].value, options[0]);\n  }\n  return (\n    <FormGroup>\n      <FormLabel>{inputLabel}</FormLabel>\n      <FormFieldGroup>\n        <DSComboBox\n          onChange={(value) =>\n            onDayChange(\n              value,\n              options.find((o) => o.value === value),\n            )\n          }\n          options={options}\n          value={selected}\n        />\n      </FormFieldGroup>\n    </FormGroup>\n  );\n};\n\nexport default DaysOfMonthPicker;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB,cAAc,MAAM;AAAA,EACpB,kBAAkB,0BAA0B,GAAG;AAAA,EAC/C,oBAAoB;AAAA,EACpB,8BAA8B;AAAA,EAC9B,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA;AAAA,MACI;AACJ,MAAI,UAAU;AACd,MAAI,6BAA6B;AAC/B,UAAM,eAAe,UAAU,YAAY,OAAO;AAClD,UAAM,YAAY,UAAU,OAAO,YAAY,aAAa,YAAY,OAAO;AAC/E,cAAU;AAEV,QAAI,+BAA+B,QAAQ,mBAAmB,IAAI;AAChE,cAAQ,KAAK;AAAA,QACX,QAAQ,YAAY,OAAO;AAAA,QAC3B,OAAO;AAAA,QACP,OAAO;AAAA,QACP,2BAA2B;AAAA;AAAA;AAG/B,QAAI,+BAA+B,QAAQ,yBAAyB,IAAI;AACtE,cAAQ,KAAK;AAAA,QACX,aAAa,GAAG,OAAO,YAAY,aAAa,YAAY,OAAO;AAAA,QACnE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,2BAA2B;AAAA;AAAA;AAI/B,QAAI,0BAA0B;AAC5B,gBAAU,CAAC,GAAG,SAAS,GAAG;AAAA;AAAA;AAI9B,QAAM,WAAW,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,mBAAmB,kBAAkB;AAChG,MAAI,CAAC,UAAU;AACb,gBAAY,QAAQ,GAAG,OAAO,QAAQ;AAAA;AAExC,SACE,qCAAC,WAAD,MACE,qCAAC,WAAD,MAAY,aACZ,qCAAC,gBAAD,MACE,qCAAC,YAAD;AAAA,IACE,UAAU,CAAC,UACT,YACE,OACA,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU;AAAA,IAGpC;AAAA,IACA,OAAO;AAAA;AAAA;AAOjB,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/esm/components/DayOfYearPicker/DayOfYearPicker.js

@@ -0,0 +1,54 @@
+import * as React from "react";
+import React2 from "react";
+import { DSComboBox } from "@elliemae/ds-form";
+import { nthDay } from "../helpers/nthday";
+import { dropdownDayOfMonthOptions } from "../../options/dropdownDayOfMonthOptions";
+import FormGroup from "../Forms/FormGroup";
+import FormLabel from "../Forms/FormLabel";
+import FormFieldGroup from "../Forms/FormFieldGroup";
+const DaysOfMonthPicker = ({
+  onDayChange = () => null,
+  dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
+  dayOfMonthOptions = dropdownDayOfMonthOptions,
+  displayOptionsAsCurrentDate = true,
+  currentDate = null,
+  inputLabel = "On",
+  dayOfYearAsCurrentDateOptions,
+  displayYearCustomOption
+}) => {
+  let options = dayOfMonthOptions;
+  if (displayOptionsAsCurrentDate) {
+    const numberoption = `on the ${currentDate.format("Do")} of ${currentDate.format("MMMM")}`;
+    const nthoption = `on the ${nthDay(currentDate.toDate())} ${currentDate.format("dddd")} of ${currentDate.format("MMMM")}`;
+    options = [];
+    if (dayOfYearAsCurrentDateOptions.indexOf("numberOfYear") > -1) {
+      options.push({
+        label: numberoption,
+        value: numberoption,
+        dayOfYearRepeatPickerKey: "numberOfYear"
+      });
+    }
+    if (dayOfYearAsCurrentDateOptions.indexOf("dayOfTheMonthOfYear") > -1) {
+      options.push({
+        label: nthoption,
+        value: nthoption,
+        dayOfYearRepeatPickerKey: "dayOfTheMonthOfYear"
+      });
+    }
+    if (displayYearCustomOption) {
+      options = [...options, ...dayOfMonthOptions];
+    }
+  }
+  return /* @__PURE__ */ React2.createElement(FormGroup, null, /* @__PURE__ */ React2.createElement(FormLabel, null, inputLabel), /* @__PURE__ */ React2.createElement(FormFieldGroup, null, /* @__PURE__ */ React2.createElement(DSComboBox, {
+    onChange: (value) => {
+      onDayChange(value, options.find((o) => o.value === value));
+    },
+    options,
+    value: dayOfMonthValue
+  })));
+};
+var DayOfYearPicker_default = DaysOfMonthPicker;
+export {
+  DayOfYearPicker_default as default
+};
+//# sourceMappingURL=DayOfYearPicker.js.map

package/dist/esm/components/DayOfYearPicker/DayOfYearPicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DayOfYearPicker/DayOfYearPicker.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSComboBox } from '@elliemae/ds-form';\nimport { nthDay } from '../helpers/nthday';\nimport { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions';\nimport FormGroup from '../Forms/FormGroup';\nimport FormLabel from '../Forms/FormLabel';\nimport FormFieldGroup from '../Forms/FormFieldGroup';\n\nconst DaysOfMonthPicker = ({\n  onDayChange = () => null,\n  dayOfMonthValue = dropdownDayOfMonthOptions[0].value,\n  dayOfMonthOptions = dropdownDayOfMonthOptions,\n  displayOptionsAsCurrentDate = true,\n  currentDate = null,\n  inputLabel = 'On',\n  dayOfYearAsCurrentDateOptions,\n  displayYearCustomOption,\n}) => {\n  let options = dayOfMonthOptions;\n  if (displayOptionsAsCurrentDate) {\n    const numberoption = `on the ${currentDate.format('Do')} of ${currentDate.format('MMMM')}`;\n    const nthoption = `on the ${nthDay(currentDate.toDate())} ${currentDate.format('dddd')} of ${currentDate.format(\n      'MMMM',\n    )}`;\n    options = [];\n\n    if (dayOfYearAsCurrentDateOptions.indexOf('numberOfYear') > -1) {\n      options.push({\n        label: numberoption,\n        value: numberoption,\n        dayOfYearRepeatPickerKey: 'numberOfYear',\n      });\n    }\n    if (dayOfYearAsCurrentDateOptions.indexOf('dayOfTheMonthOfYear') > -1) {\n      options.push({\n        label: nthoption,\n        value: nthoption,\n        dayOfYearRepeatPickerKey: 'dayOfTheMonthOfYear',\n      });\n    }\n\n    if (displayYearCustomOption) {\n      options = [...options, ...dayOfMonthOptions];\n    }\n  }\n  return (\n    <FormGroup>\n      <FormLabel>{inputLabel}</FormLabel>\n      <FormFieldGroup>\n        <DSComboBox\n          onChange={(value) => {\n            onDayChange(\n              value,\n              options.find((o) => o.value === value),\n            );\n          }}\n          options={options}\n          value={dayOfMonthValue}\n        />\n      </FormFieldGroup>\n    </FormGroup>\n  );\n};\n\nexport default DaysOfMonthPicker;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB,cAAc,MAAM;AAAA,EACpB,kBAAkB,0BAA0B,GAAG;AAAA,EAC/C,oBAAoB;AAAA,EACpB,8BAA8B;AAAA,EAC9B,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA;AAAA,MACI;AACJ,MAAI,UAAU;AACd,MAAI,6BAA6B;AAC/B,UAAM,eAAe,UAAU,YAAY,OAAO,YAAY,YAAY,OAAO;AACjF,UAAM,YAAY,UAAU,OAAO,YAAY,aAAa,YAAY,OAAO,cAAc,YAAY,OACvG;AAEF,cAAU;AAEV,QAAI,8BAA8B,QAAQ,kBAAkB,IAAI;AAC9D,cAAQ,KAAK;AAAA,QACX,OAAO;AAAA,QACP,OAAO;AAAA,QACP,0BAA0B;AAAA;AAAA;AAG9B,QAAI,8BAA8B,QAAQ,yBAAyB,IAAI;AACrE,cAAQ,KAAK;AAAA,QACX,OAAO;AAAA,QACP,OAAO;AAAA,QACP,0BAA0B;AAAA;AAAA;AAI9B,QAAI,yBAAyB;AAC3B,gBAAU,CAAC,GAAG,SAAS,GAAG;AAAA;AAAA;AAG9B,SACE,qCAAC,WAAD,MACE,qCAAC,WAAD,MAAY,aACZ,qCAAC,gBAAD,MACE,qCAAC,YAAD;AAAA,IACE,UAAU,CAAC,UAAU;AACnB,kBACE,OACA,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU;AAAA;AAAA,IAGpC;AAAA,IACA,OAAO;AAAA;AAAA;AAOjB,IAAO,0BAAQ;",
+  "names": []
+}

package/dist/esm/components/DaysOfWeekPicker/DaysOfWeekPicker.js

@@ -0,0 +1,49 @@
+import * as React from "react";
+import React2 from "react";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+import { DSRadio, DSRadioGroup, DSCheckbox, DSCheckboxGroup } from "@elliemae/ds-form";
+import { dropdownDayOfWeekOptions } from "../../options/dropdownDayOfWeekOptions";
+import FormGroup from "../Forms/FormGroup";
+import FormFieldGroup from "../Forms/FormFieldGroup";
+import FormLabel from "../Forms/FormLabel";
+const { cssClassName } = convertPropToCssClassName("week-days-week-days-picker");
+const getActive = (allowMultipleDaysOfWeek, active) => {
+  if (!allowMultipleDaysOfWeek)
+    return active;
+  if (Array.isArray(active))
+    return active;
+  return [active];
+};
+const DaysOfWeekPicker = ({
+  allowMultipleDaysOfWeek = false,
+  onDayChange = () => null,
+  active = dropdownDayOfWeekOptions[0].value,
+  options = dropdownDayOfWeekOptions,
+  inputLabel = "On"
+}) => {
+  const safeActive = getActive(allowMultipleDaysOfWeek, active);
+  return /* @__PURE__ */ React2.createElement(FormGroup, {
+    className: cssClassName
+  }, /* @__PURE__ */ React2.createElement(FormLabel, null, inputLabel), /* @__PURE__ */ React2.createElement(FormFieldGroup, null, !allowMultipleDaysOfWeek && /* @__PURE__ */ React2.createElement(DSRadioGroup, {
+    activeValue: safeActive,
+    onChange: onDayChange,
+    orientation: "horizontal"
+  }, options.map(({ label, value }, index) => /* @__PURE__ */ React2.createElement(DSRadio, {
+    key: index,
+    labelText: label,
+    value
+  }))), allowMultipleDaysOfWeek && /* @__PURE__ */ React2.createElement(DSCheckboxGroup, {
+    activeValue: safeActive,
+    onChange: onDayChange,
+    orientation: "horizontal"
+  }, options.map(({ label, value }, index) => /* @__PURE__ */ React2.createElement(DSCheckbox, {
+    key: index,
+    labelText: label,
+    value
+  })))));
+};
+var DaysOfWeekPicker_default = DaysOfWeekPicker;
+export {
+  DaysOfWeekPicker_default as default
+};
+//# sourceMappingURL=DaysOfWeekPicker.js.map

package/dist/esm/components/DaysOfWeekPicker/DaysOfWeekPicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DaysOfWeekPicker/DaysOfWeekPicker.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSRadio, DSRadioGroup, DSCheckbox, DSCheckboxGroup } from '@elliemae/ds-form';\nimport { dropdownDayOfWeekOptions } from '../../options/dropdownDayOfWeekOptions';\nimport FormGroup from '../Forms/FormGroup';\nimport FormFieldGroup from '../Forms/FormFieldGroup';\nimport FormLabel from '../Forms/FormLabel';\n\nconst { cssClassName } = convertPropToCssClassName('week-days-week-days-picker');\n\nconst getActive = (allowMultipleDaysOfWeek, active) => {\n  if (!allowMultipleDaysOfWeek) return active;\n\n  if (Array.isArray(active)) return active;\n\n  return [active];\n};\n\nconst DaysOfWeekPicker = ({\n  allowMultipleDaysOfWeek = false,\n  onDayChange = () => null,\n  active = dropdownDayOfWeekOptions[0].value,\n  options = dropdownDayOfWeekOptions,\n  inputLabel = 'On',\n}) => {\n  const safeActive = getActive(allowMultipleDaysOfWeek, active);\n  return (\n    <FormGroup className={cssClassName}>\n      <FormLabel>{inputLabel}</FormLabel>\n      <FormFieldGroup>\n        {!allowMultipleDaysOfWeek && (\n          <DSRadioGroup activeValue={safeActive} onChange={onDayChange} orientation=\"horizontal\">\n            {options.map(({ label, value }, index) => (\n              <DSRadio key={index} labelText={label} value={value} />\n            ))}\n          </DSRadioGroup>\n        )}\n        {allowMultipleDaysOfWeek && (\n          <DSCheckboxGroup activeValue={safeActive} onChange={onDayChange} orientation=\"horizontal\">\n            {options.map(({ label, value }, index) => (\n              <DSCheckbox key={index} labelText={label} value={value} />\n            ))}\n          </DSCheckboxGroup>\n        )}\n      </FormFieldGroup>\n    </FormGroup>\n  );\n};\n\nexport default DaysOfWeekPicker;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,EAAE,iBAAiB,0BAA0B;AAEnD,MAAM,YAAY,CAAC,yBAAyB,WAAW;AACrD,MAAI,CAAC;AAAyB,WAAO;AAErC,MAAI,MAAM,QAAQ;AAAS,WAAO;AAElC,SAAO,CAAC;AAAA;AAGV,MAAM,mBAAmB,CAAC;AAAA,EACxB,0BAA0B;AAAA,EAC1B,cAAc,MAAM;AAAA,EACpB,SAAS,yBAAyB,GAAG;AAAA,EACrC,UAAU;AAAA,EACV,aAAa;AAAA,MACT;AACJ,QAAM,aAAa,UAAU,yBAAyB;AACtD,SACE,qCAAC,WAAD;AAAA,IAAW,WAAW;AAAA,KACpB,qCAAC,WAAD,MAAY,aACZ,qCAAC,gBAAD,MACG,CAAC,2BACA,qCAAC,cAAD;AAAA,IAAc,aAAa;AAAA,IAAY,UAAU;AAAA,IAAa,aAAY;AAAA,KACvE,QAAQ,IAAI,CAAC,EAAE,OAAO,SAAS,UAC9B,qCAAC,SAAD;AAAA,IAAS,KAAK;AAAA,IAAO,WAAW;AAAA,IAAO;AAAA,QAI5C,2BACC,qCAAC,iBAAD;AAAA,IAAiB,aAAa;AAAA,IAAY,UAAU;AAAA,IAAa,aAAY;AAAA,KAC1E,QAAQ,IAAI,CAAC,EAAE,OAAO,SAAS,UAC9B,qCAAC,YAAD;AAAA,IAAY,KAAK;AAAA,IAAO,WAAW;AAAA,IAAO;AAAA;AAAA;AASxD,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/esm/components/EndDate/EndDate.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import React2 from "react";
+import DSDatePicker from "@elliemae/ds-date-picker";
+import { DSComboBox } from "@elliemae/ds-form";
+import { endTypes } from "../../options/endTypesOptions";
+import FormField from "../Forms/FormField";
+import FormLabel from "../Forms/FormLabel";
+import FormGroup from "../Forms/FormGroup";
+import FormFieldGroup from "../Forms/FormFieldGroup";
+const EndDate = ({
+  onEndDateChange = () => null,
+  onEndTypeChange = () => null,
+  onEndTimesChange = () => null,
+  endDateValue = null,
+  endTypeValue = null,
+  endTypesOptions = [],
+  endTimesOptions = [],
+  endTimesValue = null,
+  endDayBlocked
+}) => /* @__PURE__ */ React2.createElement(FormGroup, null, /* @__PURE__ */ React2.createElement(FormLabel, null, "Ends"), /* @__PURE__ */ React2.createElement(FormFieldGroup, null, /* @__PURE__ */ React2.createElement(FormField, null, /* @__PURE__ */ React2.createElement(DSComboBox, {
+  onChange: onEndTypeChange,
+  options: endTypesOptions,
+  value: endTypeValue
+})), endTypeValue === endTypes.NEVER && /* @__PURE__ */ React2.createElement(FormField, null, /* @__PURE__ */ React2.createElement("div", null)), endTypeValue === endTypes.ON && /* @__PURE__ */ React2.createElement(FormField, null, /* @__PURE__ */ React2.createElement(DSDatePicker, {
+  appendToBody: true,
+  date: endDateValue,
+  isDayBlocked: endDayBlocked,
+  onDateChange: onEndDateChange,
+  openDirection: "up",
+  zIndex: 10
+})), endTypeValue === endTypes.AFTER && /* @__PURE__ */ React2.createElement(FormField, null, /* @__PURE__ */ React2.createElement(DSComboBox, {
+  onChange: onEndTimesChange,
+  options: endTimesOptions,
+  value: endTimesValue
+}))));
+var EndDate_default = EndDate;
+export {
+  EndDate_default as default
+};
+//# sourceMappingURL=EndDate.js.map

package/dist/esm/components/EndDate/EndDate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/EndDate/EndDate.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport DSDatePicker from '@elliemae/ds-date-picker';\nimport { DSComboBox } from '@elliemae/ds-form';\nimport { endTypes } from '../../options/endTypesOptions';\nimport FormField from '../Forms/FormField';\nimport FormLabel from '../Forms/FormLabel';\nimport FormGroup from '../Forms/FormGroup';\nimport FormFieldGroup from '../Forms/FormFieldGroup';\n\nconst EndDate = ({\n  onEndDateChange = () => null,\n  onEndTypeChange = () => null,\n  onEndTimesChange = () => null,\n  endDateValue = null,\n  endTypeValue = null,\n  endTypesOptions = [],\n  endTimesOptions = [],\n  endTimesValue = null,\n  endDayBlocked,\n}) => (\n  <FormGroup>\n    <FormLabel>Ends</FormLabel>\n    <FormFieldGroup>\n      <FormField>\n        <DSComboBox onChange={onEndTypeChange} options={endTypesOptions} value={endTypeValue} />\n      </FormField>\n      {endTypeValue === endTypes.NEVER && (\n        <FormField>\n          <div />\n        </FormField>\n      )}\n      {endTypeValue === endTypes.ON && (\n        <FormField>\n          <DSDatePicker\n            appendToBody\n            date={endDateValue}\n            isDayBlocked={endDayBlocked}\n            onDateChange={onEndDateChange}\n            openDirection=\"up\"\n            zIndex={10}\n          />\n        </FormField>\n      )}\n      {endTypeValue === endTypes.AFTER && (\n        <FormField>\n          <DSComboBox onChange={onEndTimesChange} options={endTimesOptions} value={endTimesValue} />\n        </FormField>\n      )}\n    </FormFieldGroup>\n  </FormGroup>\n);\n\nexport default EndDate;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,UAAU,CAAC;AAAA,EACf,kBAAkB,MAAM;AAAA,EACxB,kBAAkB,MAAM;AAAA,EACxB,mBAAmB,MAAM;AAAA,EACzB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB;AAAA,MAEA,qCAAC,WAAD,MACE,qCAAC,WAAD,MAAW,SACX,qCAAC,gBAAD,MACE,qCAAC,WAAD,MACE,qCAAC,YAAD;AAAA,EAAY,UAAU;AAAA,EAAiB,SAAS;AAAA,EAAiB,OAAO;AAAA,KAEzE,iBAAiB,SAAS,SACzB,qCAAC,WAAD,MACE,qCAAC,OAAD,QAGH,iBAAiB,SAAS,MACzB,qCAAC,WAAD,MACE,qCAAC,cAAD;AAAA,EACE,cAAY;AAAA,EACZ,MAAM;AAAA,EACN,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAc;AAAA,EACd,QAAQ;AAAA,KAIb,iBAAiB,SAAS,SACzB,qCAAC,WAAD,MACE,qCAAC,YAAD;AAAA,EAAY,UAAU;AAAA,EAAkB,SAAS;AAAA,EAAiB,OAAO;AAAA;AAOnF,IAAO,kBAAQ;",
+  "names": []
+}

package/dist/esm/components/FieldWrapper/FieldWrapper.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import React2 from "react";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+const { cssClassName } = convertPropToCssClassName("field-wrapper");
+function FieldWrapper({ children }) {
+  return /* @__PURE__ */ React2.createElement("div", {
+    className: `${cssClassName}`
+  }, children);
+}
+var FieldWrapper_default = FieldWrapper;
+export {
+  FieldWrapper_default as default
+};
+//# sourceMappingURL=FieldWrapper.js.map

package/dist/esm/components/FieldWrapper/FieldWrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/FieldWrapper/FieldWrapper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst { cssClassName } = convertPropToCssClassName('field-wrapper');\n\nfunction FieldWrapper({ children }) {\n  return <div className={`${cssClassName}`}>{children}</div>;\n}\n\nexport default FieldWrapper;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,EAAE,iBAAiB,0BAA0B;AAEnD,sBAAsB,EAAE,YAAY;AAClC,SAAO,qCAAC,OAAD;AAAA,IAAK,WAAW,GAAG;AAAA,KAAiB;AAAA;AAG7C,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/esm/components/Forms/FormField.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+var FormField_default = aggregatedClasses("div")("form-field");
+export {
+  FormField_default as default
+};
+//# sourceMappingURL=FormField.js.map

package/dist/esm/components/Forms/FormField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Forms/FormField.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nexport default aggregatedClasses('div')('form-field');\n"],
+  "mappings": "AAAA;ACAA;AAEA,IAAO,oBAAQ,kBAAkB,OAAO;",
+  "names": []
+}

package/dist/esm/components/Forms/FormFieldGroup.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+var FormFieldGroup_default = aggregatedClasses("div")("form-field-group");
+export {
+  FormFieldGroup_default as default
+};
+//# sourceMappingURL=FormFieldGroup.js.map

package/dist/esm/components/Forms/FormFieldGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Forms/FormFieldGroup.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nexport default aggregatedClasses('div')('form-field-group');\n"],
+  "mappings": "AAAA;ACAA;AAEA,IAAO,yBAAQ,kBAAkB,OAAO;",
+  "names": []
+}

package/dist/esm/components/Forms/FormGroup.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+var FormGroup_default = aggregatedClasses("div")("form-group");
+export {
+  FormGroup_default as default
+};
+//# sourceMappingURL=FormGroup.js.map

package/dist/esm/components/Forms/FormGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Forms/FormGroup.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\n/**\n * An inline/vertical group of form-items/fields described by a label/legend\n */\nexport default aggregatedClasses('div')('form-group');\n"],
+  "mappings": "AAAA;ACAA;AAKA,IAAO,oBAAQ,kBAAkB,OAAO;",
+  "names": []
+}

package/dist/esm/components/Forms/FormLabel.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+var FormLabel_default = aggregatedClasses("label")("form-label");
+export {
+  FormLabel_default as default
+};
+//# sourceMappingURL=FormLabel.js.map

package/dist/esm/components/Forms/FormLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Forms/FormLabel.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nexport default aggregatedClasses('label')('form-label');\n"],
+  "mappings": "AAAA;ACAA;AAEA,IAAO,oBAAQ,kBAAkB,SAAS;",
+  "names": []
+}

package/dist/esm/components/LabelWrapper/LabelWrapper.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import React2 from "react";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+const { cssClassName } = convertPropToCssClassName("label-wrapper");
+function LabelWrapper({ children }) {
+  return /* @__PURE__ */ React2.createElement("div", {
+    className: `${cssClassName}`
+  }, children);
+}
+var LabelWrapper_default = LabelWrapper;
+export {
+  LabelWrapper_default as default
+};
+//# sourceMappingURL=LabelWrapper.js.map