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

package/cjs/DateInputV2/components/props.js

@@ -1,63 +1,72 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var props_exports = {};
-__export(props_exports, {
-  defaultProps: () => defaultProps,
-  props: () => props
-});
-var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_lodash = require("lodash");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+var lodash = require('lodash');
+
 const props = {
-  containerProps: import_react_desc.PropTypes.object.description("Props to inject to date input wrapper"),
-  onBlur: import_react_desc.PropTypes.func.description("Triggers the onBlur when focus moves out of date input"),
-  onFocus: import_react_desc.PropTypes.func.description("Triggers the onFocus when the component gets the focus"),
-  onKeyDown: import_react_desc.PropTypes.func.description("Triggers the onKeyDown"),
-  onChange: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the date input changes"),
-  onDateChange: import_react_desc.PropTypes.func.description(" Triggers when the date is completely set and  only once you have blurred the corresponding input. For example if you are editing the day and the year and month are already set, once you completely set the day it will trigger."),
-  onError: import_react_desc.PropTypes.func.description("Triggers the onError once one input date is wrong"),
-  value: import_react_desc.PropTypes.string.description("Default value once the component is initialized MMDDYYYY"),
-  disabled: import_react_desc.PropTypes.bool.description("Whether the date input is disabled or not"),
-  tabIndex: import_react_desc.PropTypes.oneOfType([
-    import_react_desc.PropTypes.number,
-    import_react_desc.PropTypes.string
-  ]).description("tab index")
+  /** Props to inject to date input wrapper */
+  containerProps: reactDesc.PropTypes.object.description('Props to inject to date input wrapper'),
+
+  /**
+   * Triggers the onBlur when focus moves out of date input
+   */
+  onBlur: reactDesc.PropTypes.func.description('Triggers the onBlur when focus moves out of date input'),
+
+  /**
+   * Triggers the onFocus when the component gets the focus
+   */
+  onFocus: reactDesc.PropTypes.func.description('Triggers the onFocus when the component gets the focus'),
+
+  /**
+   * Triggers the onKeyDown
+   */
+  onKeyDown: reactDesc.PropTypes.func.description('Triggers the onKeyDown'),
+
+  /**
+   * Allows a function that is triggered once the date input changes
+   */
+  onChange: reactDesc.PropTypes.func.description('Allows a function that is triggered once the date input changes'),
+
+  /**
+   * Triggers when the date is completely set and  only once you have blurred the
+   * corresponding input. For example if you are editing the day and the year and month
+   * are already set, once you completely set the day it will trigger.
+   */
+  onDateChange: reactDesc.PropTypes.func.description(' Triggers when the date is completely set and  only once you have blurred the corresponding input. For example if you are editing the day and the year and month are already set, once you completely set the day it will trigger.'),
+
+  /**
+   * Triggers the onError once one input date is wrong
+   */
+  onError: reactDesc.PropTypes.func.description('Triggers the onError once one input date is wrong'),
+
+  /**
+   * Default value once the component is initialized MMDDYYYY
+   */
+  value: reactDesc.PropTypes.string.description('Default value once the component is initialized MMDDYYYY'),
+
+  /**
+   * Whether the date input is disabled or not
+   */
+  disabled: reactDesc.PropTypes.bool.description('Whether the date input is disabled or not'),
+
+  /**
+   * tab index
+   */
+  tabIndex: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('tab index')
 };
 const defaultProps = {
-  onFocus: import_lodash.noop,
-  onBlur: import_lodash.noop,
-  onChange: import_lodash.noop,
-  onDateChange: import_lodash.noop,
-  onKeyDown: import_lodash.noop,
-  onError: import_lodash.noop,
-  value: "",
+  onFocus: lodash.noop,
+  onBlur: lodash.noop,
+  onChange: lodash.noop,
+  onDateChange: lodash.noop,
+  onKeyDown: lodash.noop,
+  onError: lodash.noop,
+  value: '',
   disabled: false,
   containerProps: {}
 };
-module.exports = __toCommonJS(props_exports);
-//# sourceMappingURL=props.js.map
+
+exports.defaultProps = defaultProps;
+exports.props = props;

package/cjs/DateInputV2/components/propsTypes.js

@@ -1,56 +1,32 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var propsTypes_exports = {};
-__export(propsTypes_exports, {
-  DateInputsPropTypes: () => DateInputsPropTypes
-});
-var React = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var PropTypes = require('prop-types');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
 const DateInputsPropTypes = {
-  innerRef: import_prop_types.default.oneOfType([
-    import_prop_types.default.func,
-    import_prop_types.default.shape({ current: import_prop_types.default.any })
-  ]),
-  onBlur: import_prop_types.default.func,
-  onChange: import_prop_types.default.func,
-  onDateChange: import_prop_types.default.func,
-  onCustomKeyDown: import_prop_types.default.func,
-  onError: import_prop_types.default.func,
-  format: import_prop_types.default.string,
-  showMonth: import_prop_types.default.bool,
-  showDay: import_prop_types.default.bool,
-  showYear: import_prop_types.default.bool,
-  step: import_prop_types.default.number,
-  yearMaxRange: import_prop_types.default.number,
-  disabled: import_prop_types.default.bool,
-  yearMinRange: import_prop_types.default.number,
-  time: import_prop_types.default.string,
-  tabIndex: import_prop_types.default.oneOfType([import_prop_types.default.number, import_prop_types.default.string])
+  innerRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
+    current: PropTypes__default["default"].any
+  })]),
+  onBlur: PropTypes__default["default"].func,
+  onChange: PropTypes__default["default"].func,
+  onDateChange: PropTypes__default["default"].func,
+  onCustomKeyDown: PropTypes__default["default"].func,
+  onError: PropTypes__default["default"].func,
+  format: PropTypes__default["default"].string,
+  showMonth: PropTypes__default["default"].bool,
+  showDay: PropTypes__default["default"].bool,
+  showYear: PropTypes__default["default"].bool,
+  step: PropTypes__default["default"].number,
+  yearMaxRange: PropTypes__default["default"].number,
+  disabled: PropTypes__default["default"].bool,
+  yearMinRange: PropTypes__default["default"].number,
+  time: PropTypes__default["default"].string,
+  tabIndex: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string])
 };
-module.exports = __toCommonJS(propsTypes_exports);
-//# sourceMappingURL=propsTypes.js.map
+
+exports.DateInputsPropTypes = DateInputsPropTypes;

package/cjs/DateInputV2/components/styled.js

@@ -1,99 +1,45 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styled_exports = {};
-__export(styled_exports, {
-  DateInputDivider: () => DateInputDivider,
-  DateInputFluidContainer: () => DateInputFluidContainer,
-  DateInputInput: () => DateInputInput,
-  DateInputWrapper: () => DateInputWrapper
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = require("@elliemae/ds-grid");
-const DateInputFluidContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  width: 100%;
-  height: 100%;
-  align-items: center;
-`;
-const DateInputWrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  align-items: center;
-  align-content: center;
-  ${({ disabled, theme }) => disabled ? `
-    background: ${theme.colors.neutral[100]};
-    color: ${theme.colors.neutral[500]};
-    ` : ""}
-  width: 102px;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var Grid = require('@elliemae/ds-grid');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-  &:focus {
-    outline-style: none;
-    box-shadow: none;
-    border-color: transparent;
-  }
-`;
-const DateInputInput = import_styled_components.default.input`
-  outline: none;
-  border: none;
-  border-radius: 0;
-  width: ${(props) => props.size === "l" ? "38px" : "25px"};
-  height: ${(props) => props.theme.space.xs};
-  ${({ disabled, theme }) => disabled ? `
-  background: ${theme.colors.neutral[100]};
-  color: ${theme.colors.neutral[500]};
-  ` : ""}
-  padding-left: 4px;
-  padding-right: 0px;
-  &::placeholder {
-    font-size: 95%;
-    font-style: italic;
-  }
-  :-moz-placeholder {
-    font-size: 95%;
-    font-style: italic;
-  }
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const DateInputFluidContainer = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+  componentId: "sc-ads423-0"
+})(["width:100%;height:100%;align-items:center;"]);
+const DateInputWrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
+  componentId: "sc-ads423-1"
+})(["align-items:center;align-content:center;", " width:102px;&:focus{outline-style:none;box-shadow:none;border-color:transparent;}"], _ref => {
+  let {
+    disabled,
+    theme
+  } = _ref;
+  return disabled ? "\n    background: ".concat(theme.colors.neutral[100], ";\n    color: ").concat(theme.colors.neutral[500], ";\n    ") : '';
+});
+const DateInputInput = /*#__PURE__*/styled__default["default"].input.withConfig({
+  componentId: "sc-ads423-2"
+})(["outline:none;border:none;border-radius:0;width:", ";height:", ";", " padding-left:4px;padding-right:0px;&::placeholder{font-size:95%;font-style:italic;}:-moz-placeholder{font-size:95%;font-style:italic;}::-moz-placeholder{font-size:95%;font-style:italic;}&:focus{background:", ";background-clip:content-box;}::-moz-selection{background:transparent;}::selection{background:transparent;}"], props => props.size === 'l' ? '38px' : '25px', props => props.theme.space.xs, _ref2 => {
+  let {
+    disabled,
+    theme
+  } = _ref2;
+  return disabled ? "\n  background: ".concat(theme.colors.neutral[100], ";\n  color: ").concat(theme.colors.neutral[500], ";\n  ") : '';
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.colors.brand['300'];
+});
+const DateInputDivider = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-ads423-3"
+})(["padding:1px;text-align:center;"]);
 
-  ::-moz-placeholder {
-    font-size: 95%;
-    font-style: italic;
-  }
-  &:focus {
-    background: ${({ theme }) => theme.colors.brand["300"]};
-    background-clip: content-box;
-  }
-  ::-moz-selection {
-    background: transparent;
-  }
-  ::selection {
-    background: transparent;
-  }
-`;
-const DateInputDivider = import_styled_components.default.div`
-  padding: 1px;
-  text-align: center;
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+exports.DateInputDivider = DateInputDivider;
+exports.DateInputFluidContainer = DateInputFluidContainer;
+exports.DateInputInput = DateInputInput;
+exports.DateInputWrapper = DateInputWrapper;