@elliemae/ds-controlled-form 1.61.0 → 2.0.0-alpha.12

package/esm/controlled-toggle/defaultProps.js

@@ -1,12 +1,10 @@
-var defaultProps = {
+const defaultProps = {
   labelOn: 'ON',
   labelOff: 'OFF',
   name: '',
   value: '',
   checked: false,
-  onClick: function onClick() {
-    return null;
-  },
+  onClick: () => null,
   size: 'm',
   readonly: false,
   active: false,
@@ -14,4 +12,3 @@ var defaultProps = {
 };
 
 export { defaultProps };
-//# sourceMappingURL=defaultProps.js.map

package/esm/controlled-toggle/index.d.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=index.d.js.map

package/esm/controlled-toggle/index.js

@@ -1,14 +1 @@
 export { DSControlledToggle, DSControlledToggleWithSchema } from './ControlledToggle.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import 'uid';
-import 'react-desc';
-import './propTypes.js';
-import './styles.js';
-import 'styled-components';
-import './utils/styleHelpers.js';
-import './defaultProps.js';
-import './utils/addTooltipOnReadOnly.js';
-import '@elliemae/ds-tooltip';
-//# sourceMappingURL=index.js.map

package/esm/controlled-toggle/propTypes.js

@@ -1,6 +1,6 @@
 import { PropTypes } from 'react-desc';
 
-var propTypes = {
+const propTypes = {
   labelOn: PropTypes.string.description('Label when toggle is checked'),
   labelOff: PropTypes.string.description('Label when toggle is unchecked'),
   value: PropTypes.string.description('Value attribute for toggle'),
@@ -16,4 +16,3 @@ var propTypes = {
 };
 
 export { propTypes };
-//# sourceMappingURL=propTypes.js.map

package/esm/controlled-toggle/styles.js

@@ -1,113 +1,158 @@
 import styled from 'styled-components';
 import { containerHeight, borderRadius, margin, labelHeight, handleBorderColor, handleBackgroundColor, handleCursors, circleValues, handleFontSize } from './utils/styleHelpers.js';
 
-var StyledContainer = /*#__PURE__*/styled.div.withConfig({
+const StyledContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-v733m4-0"
-})(["display:inline-flex;width:fit-content;justify-content:center;align-items:center;height:", ";border-radius:", ";outline:none;position:relative;border:2px solid transparent;&:hover,&:focus-within{border:2px solid ", ";&:after{content:'';height:calc(100% + 4px);width:calc(100% + 4px);border:1px solid ", ";border-radius:20px;position:absolute;}}"], function (_ref) {
-  var size = _ref.size;
+})(["display:inline-flex;width:fit-content;justify-content:center;align-items:center;height:", ";border-radius:", ";outline:none;position:relative;border:2px solid transparent;&:hover,&:focus-within{border:2px solid ", ";&:after{content:'';height:calc(100% + 4px);width:calc(100% + 4px);border:1px solid ", ";border-radius:20px;position:absolute;}}"], _ref => {
+  let {
+    size
+  } = _ref;
   return containerHeight[size];
-}, function (_ref2) {
-  var size = _ref2.size;
+}, _ref2 => {
+  let {
+    size
+  } = _ref2;
   return borderRadius[size];
-}, function (_ref3) {
-  var theme = _ref3.theme;
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
   return theme.colors.brand[300];
-}, function (_ref4) {
-  var theme = _ref4.theme;
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
   return theme.colors.brand[600];
 });
-var StyledLabel = /*#__PURE__*/styled.div.withConfig({
+const StyledLabel = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-v733m4-1"
-})(["width:", ";height:", ";z-index:2;outline:none;border-radius:", ";"], function (_ref5) {
-  var width = _ref5.width,
-      size = _ref5.size;
+})(["width:", ";height:", ";z-index:2;outline:none;border-radius:", ";"], _ref5 => {
+  let {
+    width,
+    size
+  } = _ref5;
   return "calc(".concat(width, "px + ").concat(margin[size], ")");
-}, function (_ref6) {
-  var size = _ref6.size;
+}, _ref6 => {
+  let {
+    size
+  } = _ref6;
   return labelHeight[size];
-}, function (_ref7) {
-  var size = _ref7.size;
+}, _ref7 => {
+  let {
+    size
+  } = _ref7;
   return labelHeight[size];
 });
-var StyledVisibleContent = /*#__PURE__*/styled.label.withConfig({
+const StyledVisibleContent = /*#__PURE__*/styled.label.withConfig({
   componentId: "sc-v733m4-2"
-})(["display:flex;margin:0;padding:0;align-items:center;height:100%;flex-direction:", ";border-radius:", ";border:", ";transition:background-color 0.2s;background-color:", ";&:hover{cursor:", ";}"], function (_ref8) {
-  var checked = _ref8.checked;
+})(["display:flex;margin:0;padding:0;align-items:center;height:100%;flex-direction:", ";border-radius:", ";border:", ";transition:background-color 0.2s;background-color:", ";&:hover{cursor:", ";}"], _ref8 => {
+  let {
+    checked
+  } = _ref8;
   return checked ? 'row-reverse' : 'row';
-}, function (_ref9) {
-  var size = _ref9.size;
+}, _ref9 => {
+  let {
+    size
+  } = _ref9;
   return "calc(".concat(labelHeight[size], " - 4px)");
-}, function (_ref10) {
-  var theme = _ref10.theme,
-      size = _ref10.size,
-      checked = _ref10.checked,
-      disabled = _ref10.disabled,
-      readOnly = _ref10.readOnly,
-      active = _ref10.active;
+}, _ref10 => {
+  let {
+    theme,
+    size,
+    checked,
+    disabled,
+    readOnly,
+    active
+  } = _ref10;
   return size === 's' ? "1px solid ".concat(handleBorderColor(checked, disabled, readOnly, active, theme)) : "\n    2px solid ".concat(handleBorderColor(checked, disabled, readOnly, active, theme), "\n    ");
-}, function (_ref11) {
-  var theme = _ref11.theme,
-      checked = _ref11.checked,
-      disabled = _ref11.disabled,
-      readOnly = _ref11.readOnly,
-      active = _ref11.active;
+}, _ref11 => {
+  let {
+    theme,
+    checked,
+    disabled,
+    readOnly,
+    active
+  } = _ref11;
   return handleBackgroundColor(checked, disabled, readOnly, active, theme);
-}, function (_ref12) {
-  var disabled = _ref12.disabled,
-      readOnly = _ref12.readOnly;
+}, _ref12 => {
+  let {
+    disabled,
+    readOnly
+  } = _ref12;
   return handleCursors(disabled, readOnly);
 });
-var StyledCircle = /*#__PURE__*/styled.div.withConfig({
+const StyledCircle = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-v733m4-3"
-})(["height:", ";width:", ";border-radius:50%;background-color:", ";"], function (_ref13) {
-  var size = _ref13.size;
+})(["height:", ";width:", ";border-radius:50%;background-color:", ";"], _ref13 => {
+  let {
+    size
+  } = _ref13;
   return circleValues[size];
-}, function (_ref14) {
-  var size = _ref14.size;
+}, _ref14 => {
+  let {
+    size
+  } = _ref14;
   return circleValues[size];
-}, function (_ref15) {
-  var theme = _ref15.theme,
-      readOnly = _ref15.readOnly;
+}, _ref15 => {
+  let {
+    theme,
+    readOnly
+  } = _ref15;
   return readOnly ? theme.colors.neutral[100] : theme.colors.neutral['000'];
 });
-var StyledText = /*#__PURE__*/styled.div.withConfig({
+const StyledText = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-v733m4-4"
-})(["display:flex;flex-grow:1;line-height:1;margin-bottom:-0.12rem;align-items:center;justify-content:", ";font-size:", ";font-weight:", ";color:", ";", " ", ""], function (_ref16) {
-  var isLongerTextRendering = _ref16.isLongerTextRendering;
+})(["display:flex;flex-grow:1;line-height:1;margin-bottom:-0.12rem;align-items:center;justify-content:", ";font-size:", ";font-weight:", ";color:", ";", " ", ""], _ref16 => {
+  let {
+    isLongerTextRendering
+  } = _ref16;
   return isLongerTextRendering ? 'flex-start' : 'center';
-}, function (_ref17) {
-  var theme = _ref17.theme,
-      size = _ref17.size;
+}, _ref17 => {
+  let {
+    theme,
+    size
+  } = _ref17;
   return handleFontSize(size, theme);
-}, function (_ref18) {
-  var theme = _ref18.theme;
+}, _ref18 => {
+  let {
+    theme
+  } = _ref18;
   return theme.fontWeights.semibold;
-}, function (_ref19) {
-  var theme = _ref19.theme,
-      disabled = _ref19.disabled;
+}, _ref19 => {
+  let {
+    theme,
+    disabled
+  } = _ref19;
   return disabled ? '#5c6574' : theme.colors.neutral['000'];
-}, function (_ref20) {
-  var isLongerTextRendering = _ref20.isLongerTextRendering,
-      checked = _ref20.checked;
+}, _ref20 => {
+  let {
+    isLongerTextRendering,
+    checked
+  } = _ref20;
   return isLongerTextRendering && checked ? "margin-left: 6px;" : undefined;
-}, function (_ref21) {
-  var isLongerTextRendering = _ref21.isLongerTextRendering,
-      checked = _ref21.checked;
+}, _ref21 => {
+  let {
+    isLongerTextRendering,
+    checked
+  } = _ref21;
   return isLongerTextRendering && !checked ? "margin-left: 4px;" : undefined;
 });
-var StyledInput = /*#__PURE__*/styled.input.withConfig({
+const StyledInput = /*#__PURE__*/styled.input.withConfig({
   componentId: "sc-v733m4-5"
 })(["position:absolute;opacity:0;z-index:20;height:100%;width:100%;cursor:pointer;"]);
-var SetLabelWidth = /*#__PURE__*/styled.div.withConfig({
+const SetLabelWidth = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-v733m4-6"
-})(["font-size:", ";font-weight:", ";width:auto;position:absolute;white-space:nowrap;visibility:hidden;"], function (_ref22) {
-  var theme = _ref22.theme,
-      size = _ref22.size;
+})(["font-size:", ";font-weight:", ";width:auto;position:absolute;white-space:nowrap;visibility:hidden;"], _ref22 => {
+  let {
+    theme,
+    size
+  } = _ref22;
   return handleFontSize(size, theme);
-}, function (_ref23) {
-  var theme = _ref23.theme;
+}, _ref23 => {
+  let {
+    theme
+  } = _ref23;
   return theme.fontWeights.semibold;
 });
 
 export { SetLabelWidth, StyledCircle, StyledContainer, StyledInput, StyledLabel, StyledText, StyledVisibleContent };
-//# sourceMappingURL=styles.js.map

package/esm/controlled-toggle/utils/addTooltipOnReadOnly.js

@@ -1,8 +1,9 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { DSTooltipV2 } from '@elliemae/ds-tooltip';
 
-var addTooltipOnReadOnly = function addTooltipOnReadOnly(Component, readOnly) {
-  if (readOnly) return /*#__PURE__*/React.createElement(DSTooltipV2, {
+const addTooltipOnReadOnly = (Component, readOnly) => {
+  if (readOnly) return /*#__PURE__*/_jsx(DSTooltipV2, {
     title: "Read Only",
     offset: [0, 9],
     triggerComponent: Component
@@ -11,4 +12,3 @@ var addTooltipOnReadOnly = function addTooltipOnReadOnly(Component, readOnly) {
 };
 
 export { addTooltipOnReadOnly };
-//# sourceMappingURL=addTooltipOnReadOnly.js.map

package/esm/controlled-toggle/utils/styleHelpers.js

@@ -1,30 +1,32 @@
-var circleValues = {
+const circleValues = {
   s: '14px',
   m: '20px',
   l: '28px'
 };
-var margin = {
+const margin = {
   s: '26px',
   m: '34px',
   l: '42px'
 };
-var containerHeight = {
+const containerHeight = {
   s: '20px',
   m: '28px',
   l: '36px'
 };
-var labelHeight = {
+const labelHeight = {
   s: '16px',
   m: '24px',
   l: '32px'
 };
-var borderRadius = {
+const borderRadius = {
   s: '16px',
   m: '20px',
   l: '22px'
 };
-var handleFontSize = function handleFontSize(size, _ref) {
-  var fontSizes = _ref.fontSizes;
+const handleFontSize = (size, _ref) => {
+  let {
+    fontSizes
+  } = _ref;
 
   switch (size) {
     case 's':
@@ -40,8 +42,10 @@ var handleFontSize = function handleFontSize(size, _ref) {
       return '15px';
   }
 };
-var handleBackgroundColor = function handleBackgroundColor(checked, disabled, readOnly, active, _ref2) {
-  var colors = _ref2.colors;
+const handleBackgroundColor = (checked, disabled, readOnly, active, _ref2) => {
+  let {
+    colors
+  } = _ref2;
 
   if (disabled) {
     return colors.neutral[100];
@@ -57,8 +61,10 @@ var handleBackgroundColor = function handleBackgroundColor(checked, disabled, re
     return colors.neutral[600];
   }
 };
-var handleBorderColor = function handleBorderColor(checked, disabled, readOnly, active, _ref3) {
-  var colors = _ref3.colors;
+const handleBorderColor = (checked, disabled, readOnly, active, _ref3) => {
+  let {
+    colors
+  } = _ref3;
 
   if (disabled) {
     return colors.neutral[100];
@@ -74,7 +80,7 @@ var handleBorderColor = function handleBorderColor(checked, disabled, readOnly,
     return colors.neutral[700];
   }
 };
-var handleCursors = function handleCursors(disabled, readOnly) {
+const handleCursors = (disabled, readOnly) => {
   if (disabled) {
     return 'not-allowed';
   } else if (readOnly) {
@@ -83,4 +89,3 @@ var handleCursors = function handleCursors(disabled, readOnly) {
 };
 
 export { borderRadius, circleValues, containerHeight, handleBackgroundColor, handleBorderColor, handleCursors, handleFontSize, labelHeight, margin };
-//# sourceMappingURL=styleHelpers.js.map

package/esm/index.js

@@ -10,110 +10,3 @@ export { getValidationDateTimeStringMetaInfo } from './controlled-date-time-pick
 export { getDateStringFromDay, getDateValuesFromDate, getDayFromDateString, getValidationDateStringMetaInfo } from './controlled-date-time-picker/utils/dateHelpers.js';
 export { getValidationTimeStringMetaInfo } from './controlled-date-time-picker/utils/timeHelpers.js';
 export { DSControlledToggle, DSControlledToggleWithSchema } from './controlled-toggle/ControlledToggle.js';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-truncated-tooltip-text';
-import './controlled-checkbox/propTypes.js';
-import './controlled-checkbox/styles.js';
-import 'styled-components';
-import './controlled-checkbox/utils/styleHelpers.js';
-import './controlled-checkbox/config/useValidateProps.js';
-import '@elliemae/ds-props-helpers';
-import './controlled-checkbox/utils/setMultipleRefs.js';
-import './controlled-date-range-picker/config/useControlledDateRangePicker.js';
-import 'uid';
-import './controlled-date-range-picker/config/useGetPropsWithDefault.js';
-import './controlled-date-range-picker/ControlledDateRangePickerCTX.js';
-import './controlled-date-range-picker/config/useRangePickerLogic.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import './controlled-date-range-picker/parts/ControlledDateRangeContent.js';
-import './controlled-date-range-picker/parts/ControlledDateRangeFromDate.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import './controlled-date-range-picker/parts/ControlledDateRangeToDate.js';
-import './controlled-date-range-picker/parts/ControlledDateRangeCalendar.js';
-import './controlled-date-range-picker/propTypes.js';
-import './controlled-date-time-picker/propTypes.js';
-import './controlled-date-time-picker/config/useControlledDateTimePicker.js';
-import './controlled-date-time-picker/config/useGetPropsWithDefault.js';
-import './controlled-date-time-picker/ControlledDateTimePickerCTX.js';
-import './controlled-date-time-picker/config/useGetDestructuredValues.js';
-import './controlled-date-time-picker/utils/numberHelpers.js';
-import './controlled-date-time-picker/utils/constants.js';
-import './controlled-date-time-picker/config/useValidateProps.js';
-import '@babel/runtime/helpers/esm/typeof';
-import './controlled-date-time-picker/parts/ControlledDateTimePickerContent.js';
-import '@elliemae/ds-grid';
-import './controlled-date-time-picker/parts/Styleds.js';
-import '@elliemae/ds-button';
-import './controlled-date-time-picker/parts/DateInputs/DateInputs.js';
-import './controlled-date-time-picker/parts/DateInputs/MMInput.js';
-import './controlled-date-time-picker/parts/DateInputs/DDInput.js';
-import './controlled-date-time-picker/parts/DateInputs/YYYYInput.js';
-import './controlled-date-time-picker/parts/DateInputs/useDateInputs.js';
-import './controlled-date-time-picker/parts/config.js';
-import './controlled-date-time-picker/parts/TimeInputs/TimeInputs.js';
-import './controlled-date-time-picker/parts/TimeInputs/HHInput.js';
-import './controlled-date-time-picker/parts/TimeInputs/MinutesInput.js';
-import './controlled-date-time-picker/parts/TimeInputs/MeridiemInput.js';
-import './controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js';
-import './controlled-date-time-picker/parts/Pickers/PickersIcons.js';
-import './controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js';
-import './controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js';
-import '@elliemae/ds-icons';
-import './controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js';
-import './controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js';
-import './controlled-date-time-picker/parts/Pickers/Calendar/CalendarContent.js';
-import './controlled-date-time-picker/parts/Pickers/Calendar/CalendarBody.js';
-import './controlled-date-time-picker/parts/Pickers/Calendar/CalendarMonthDays.js';
-import './controlled-date-time-picker/parts/Pickers/Calendar/CalendarDaysList.js';
-import './controlled-date-time-picker/parts/Pickers/Calendar/Day.js';
-import '@babel/runtime/helpers/esm/extends';
-import './controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js';
-import './controlled-date-time-picker/parts/Pickers/Calendar/Styleds.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import '@elliemae/ds-system';
-import './controlled-date-time-picker/parts/Pickers/Calendar/CalendarWeekDays.js';
-import './controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.js';
-import './controlled-date-time-picker/parts/Pickers/Calendar/CalendarFooter.js';
-import './controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js';
-import './controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js';
-import './controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js';
-import './controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContent.js';
-import './controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.js';
-import './controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js';
-import './controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.js';
-import './controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js';
-import './controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.js';
-import './controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelFooter.js';
-import './controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js';
-import 'react-popper';
-import './controlled-date-time-picker/utils/hooks/useOnClickOutside.js';
-import './controlled-date-time-picker/parts/Pickers/Calendar/Calendar.js';
-import './controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.js';
-import './controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.js';
-import './controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js';
-import './controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.js';
-import './controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js';
-import './controlled-date-time-picker/utils/hooks/useGetStartingFocusedDay.js';
-import './controlled-date-time-picker/utils/hooks/useGetDayFromDateString.js';
-import './controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js';
-import './controlled-date-time-picker/parts/Pickers/Calendar/useCurrentDisplayedMonthYearLogic.js';
-import './controlled-date-time-picker/utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js';
-import './controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheel.js';
-import './controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js';
-import './controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js';
-import './controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js';
-import './controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.js';
-import './controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js';
-import './controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js';
-import './controlled-date-time-picker/parts/ClearButton/ClearButton.js';
-import '@elliemae/ds-icon';
-import './controlled-date-time-picker/parts/ClearButton/useClearButton.js';
-import './controlled-toggle/propTypes.js';
-import './controlled-toggle/styles.js';
-import './controlled-toggle/utils/styleHelpers.js';
-import './controlled-toggle/defaultProps.js';
-import './controlled-toggle/utils/addTooltipOnReadOnly.js';
-import '@elliemae/ds-tooltip';
-//# sourceMappingURL=index.js.map