@elliemae/ds-controlled-form 2.2.1 → 2.3.0-alpha.4

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

@@ -1,52 +1,42 @@
+import * as React from "react";
 const circleValues = {
-  s: '14px',
-  m: '20px',
-  l: '28px'
+  s: "14px",
+  m: "20px",
+  l: "28px"
 };
 const margin = {
-  s: '26px',
-  m: '34px',
-  l: '42px'
+  s: "26px",
+  m: "34px",
+  l: "42px"
 };
 const containerHeight = {
-  s: '20px',
-  m: '28px',
-  l: '36px'
+  s: "20px",
+  m: "28px",
+  l: "36px"
 };
 const labelHeight = {
-  s: '16px',
-  m: '24px',
-  l: '32px'
+  s: "16px",
+  m: "24px",
+  l: "32px"
 };
 const borderRadius = {
-  s: '16px',
-  m: '20px',
-  l: '22px'
+  s: "16px",
+  m: "20px",
+  l: "22px"
 };
-const handleFontSize = (size, _ref) => {
-  let {
-    fontSizes
-  } = _ref;
-
+const handleFontSize = (size, { fontSizes }) => {
   switch (size) {
-    case 's':
+    case "s":
       return fontSizes.microText[200];
-
-    case 'm':
-      return '15px';
-
-    case 'l':
-      return '20px';
-
+    case "m":
+      return "15px";
+    case "l":
+      return "20px";
     default:
-      return '15px';
+      return "15px";
   }
 };
-const handleBackgroundColor = (checked, disabled, readOnly, active, _ref2) => {
-  let {
-    colors
-  } = _ref2;
-
+const handleBackgroundColor = (checked, disabled, readOnly, active, { colors }) => {
   if (disabled) {
     return colors.neutral[100];
   } else if (readOnly) {
@@ -61,11 +51,7 @@ const handleBackgroundColor = (checked, disabled, readOnly, active, _ref2) => {
     return colors.neutral[600];
   }
 };
-const handleBorderColor = (checked, disabled, readOnly, active, _ref3) => {
-  let {
-    colors
-  } = _ref3;
-
+const handleBorderColor = (checked, disabled, readOnly, active, { colors }) => {
   if (disabled) {
     return colors.neutral[100];
   } else if (readOnly) {
@@ -82,10 +68,21 @@ const handleBorderColor = (checked, disabled, readOnly, active, _ref3) => {
 };
 const handleCursors = (disabled, readOnly) => {
   if (disabled) {
-    return 'not-allowed';
+    return "not-allowed";
   } else if (readOnly) {
-    return 'default';
-  } else return 'pointer';
+    return "default";
+  } else
+    return "pointer";
 };
-
-export { borderRadius, circleValues, containerHeight, handleBackgroundColor, handleBorderColor, handleCursors, handleFontSize, labelHeight, margin };
+export {
+  borderRadius,
+  circleValues,
+  containerHeight,
+  handleBackgroundColor,
+  handleBorderColor,
+  handleCursors,
+  handleFontSize,
+  labelHeight,
+  margin
+};
+//# sourceMappingURL=styleHelpers.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/controlled-toggle/utils/styleHelpers.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { ToggleSize } from '../index.d';\n\nexport const circleValues = {\n  s: '14px',\n  m: '20px',\n  l: '28px',\n};\n\nexport const margin = {\n  s: '26px',\n  m: '34px',\n  l: '42px',\n};\n\nexport const containerHeight = {\n  s: '20px',\n  m: '28px',\n  l: '36px',\n};\n\nexport const labelHeight = {\n  s: '16px',\n  m: '24px',\n  l: '32px',\n};\n\nexport const borderRadius = {\n  s: '16px',\n  m: '20px',\n  l: '22px',\n};\n\nexport const handleFontSize = (size: ToggleSize, { fontSizes }): string => {\n  switch (size) {\n    case 's':\n      return fontSizes.microText[200];\n    case 'm':\n      return '15px';\n    case 'l':\n      return '20px';\n    default:\n      return '15px';\n  }\n};\nexport const handleBackgroundColor = (\n  checked: boolean,\n  disabled: boolean,\n  readOnly: boolean,\n  active: boolean,\n  { colors },\n): string => {\n  if (disabled) {\n    return colors.neutral[100];\n  } else if (readOnly) {\n    return colors.neutral[500];\n  } else if (!active && checked) {\n    return colors.brand[600];\n  } else if (!active && !checked) {\n    return colors.neutral[500];\n  } else if (active && checked) {\n    return colors.brand[700];\n  } else if (active && !checked) {\n    return colors.neutral[600];\n  }\n};\n\nexport const handleBorderColor = (\n  checked: boolean,\n  disabled: boolean,\n  readOnly: boolean,\n  active: boolean,\n  { colors },\n): string => {\n  if (disabled) {\n    return colors.neutral[100];\n  } else if (readOnly) {\n    return colors.neutral[500];\n  } else if (!active && checked) {\n    return colors.brand[700];\n  } else if (!active && !checked) {\n    return colors.neutral[500];\n  } else if (active && checked) {\n    return colors.brand[800];\n  } else if (active && !checked) {\n    return colors.neutral[700];\n  }\n};\n\nexport const handleCursors = (disabled: boolean, readOnly: boolean): string => {\n  if (disabled) {\n    return 'not-allowed';\n  } else if (readOnly) {\n    return 'default';\n  } else return 'pointer';\n};\n"],
+  "mappings": "AAAA;ACEO,MAAM,eAAe;AAAA,EAC1B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAGE,MAAM,SAAS;AAAA,EACpB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAGE,MAAM,kBAAkB;AAAA,EAC7B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAGE,MAAM,cAAc;AAAA,EACzB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAGE,MAAM,eAAe;AAAA,EAC1B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAGE,MAAM,iBAAiB,CAAC,MAAkB,EAAE,gBAAwB;AACzE,UAAQ;AAAA,SACD;AACH,aAAO,UAAU,UAAU;AAAA,SACxB;AACH,aAAO;AAAA,SACJ;AACH,aAAO;AAAA;AAEP,aAAO;AAAA;AAAA;AAGN,MAAM,wBAAwB,CACnC,SACA,UACA,UACA,QACA,EAAE,aACS;AACX,MAAI,UAAU;AACZ,WAAO,OAAO,QAAQ;AAAA,aACb,UAAU;AACnB,WAAO,OAAO,QAAQ;AAAA,aACb,CAAC,UAAU,SAAS;AAC7B,WAAO,OAAO,MAAM;AAAA,aACX,CAAC,UAAU,CAAC,SAAS;AAC9B,WAAO,OAAO,QAAQ;AAAA,aACb,UAAU,SAAS;AAC5B,WAAO,OAAO,MAAM;AAAA,aACX,UAAU,CAAC,SAAS;AAC7B,WAAO,OAAO,QAAQ;AAAA;AAAA;AAInB,MAAM,oBAAoB,CAC/B,SACA,UACA,UACA,QACA,EAAE,aACS;AACX,MAAI,UAAU;AACZ,WAAO,OAAO,QAAQ;AAAA,aACb,UAAU;AACnB,WAAO,OAAO,QAAQ;AAAA,aACb,CAAC,UAAU,SAAS;AAC7B,WAAO,OAAO,MAAM;AAAA,aACX,CAAC,UAAU,CAAC,SAAS;AAC9B,WAAO,OAAO,QAAQ;AAAA,aACb,UAAU,SAAS;AAC5B,WAAO,OAAO,MAAM;AAAA,aACX,UAAU,CAAC,SAAS;AAC7B,WAAO,OAAO,QAAQ;AAAA;AAAA;AAInB,MAAM,gBAAgB,CAAC,UAAmB,aAA8B;AAC7E,MAAI,UAAU;AACZ,WAAO;AAAA,aACE,UAAU;AACnB,WAAO;AAAA;AACF,WAAO;AAAA;",
+  "names": []
+}

package/esm/index.js

@@ -1,14 +1,8 @@
-export { DSControlledCheckbox, DSControlledCheckboxWithSchema } from './controlled-checkbox/ControlledCheckbox.js';
-export { DSControlledDateRangePicker, DSControlledDateRangePickerWithSchema } from './controlled-date-range-picker/ControlledDateRangePicker.js';
-export { ControlledDateRangePickerDatatestid } from './controlled-date-range-picker/ControlledDateRangePickerDatatestid.js';
-export { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './controlled-date-range-picker/ControlledDateRangePickerTypes.js';
-export { DSControlledDateTimePicker, DSControlledDateTimePickerWithSchema } from './controlled-date-time-picker/ControlledDateTimePicker.js';
-export { ControlledDateTimePickerDatatestid } from './controlled-date-time-picker/ControlledDateTimePickerDatatestid.js';
-export { CONTROLLED_DATE_TIME_PICKER_TYPES } from './controlled-date-time-picker/ControlledDateTimePickerTypes.js';
-export { deconstructValuesFromDateString, prependStringWithPlaceHolders } from './controlled-date-time-picker/utils/stringHelpers.js';
-export { getValidationDateTimeStringMetaInfo } from './controlled-date-time-picker/utils/dateTimeHelpers.js';
-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';
-export { DSAutocomplete, DSAutocompleteWithSchema } from './controlled-autocomplete/Autocomplete.js';
-export { DSComboBox, DSComboBoxWithSchema } from './controlled-combobox/ComboBox.js';
+import * as React from "react";
+export * from "./controlled-checkbox";
+export * from "./controlled-date-range-picker";
+export * from "./controlled-date-time-picker";
+export * from "./controlled-toggle";
+export * from "./controlled-autocomplete";
+export * from "./controlled-combobox";
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './controlled-checkbox';\nexport * from './controlled-date-range-picker';\nexport * from './controlled-date-time-picker';\nexport * from './controlled-toggle';\nexport * from './controlled-autocomplete';\nexport * from './controlled-combobox';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-controlled-form",
-  "version": "2.2.1",
+  "version": "2.3.0-alpha.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Controllers",
   "module": "./esm/index.js",
@@ -744,15 +744,15 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.2.1",
-    "@elliemae/ds-form-layout-blocks": "2.2.1",
-    "@elliemae/ds-grid": "2.2.1",
-    "@elliemae/ds-icon": "2.2.1",
-    "@elliemae/ds-icons": "2.2.1",
-    "@elliemae/ds-props-helpers": "2.2.1",
-    "@elliemae/ds-system": "2.2.1",
-    "@elliemae/ds-tooltip": "2.2.1",
-    "@elliemae/ds-truncated-tooltip-text": "2.2.1",
+    "@elliemae/ds-button": "2.3.0-alpha.4",
+    "@elliemae/ds-form-layout-blocks": "2.3.0-alpha.4",
+    "@elliemae/ds-grid": "2.3.0-alpha.4",
+    "@elliemae/ds-icon": "2.3.0-alpha.4",
+    "@elliemae/ds-icons": "2.3.0-alpha.4",
+    "@elliemae/ds-props-helpers": "2.3.0-alpha.4",
+    "@elliemae/ds-system": "2.3.0-alpha.4",
+    "@elliemae/ds-tooltip": "2.3.0-alpha.4",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.4",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5",

package/types/controlled-combobox/ComboBox.d.ts

@@ -68,4 +68,4 @@ declare const DSComboBoxWithSchema: {
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
-export { DSComboBox, DSComboBoxWithSchema };
+export { DSComboBox, DSComboBoxWithSchema, DSComboBox as DSComboBoxV3 };

package/types/controlled-combobox/parts/dropdown-indicator/DropdownIndicator.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 declare const DropdownIndicator: () => JSX.Element;
+export { DropdownIndicator };
 export default DropdownIndicator;