@elliemae/ds-controlled-form 2.0.0-alpha.1 → 2.0.0-alpha.13

package/types/controlled-toggle/ControlledToggle.d.ts

@@ -1,7 +1,8 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import type { DSControlledTogglePropsT } from './index.d';
 declare const DSControlledToggle: {
-    ({ labelOn, labelOff, name, value, checked, onClick, size, readOnly, active, disabled, containerProps, }: DSControlledTogglePropsT): JSX.Element;
+    ({ labelOn, labelOff, name, value, checked, onChange, size, readOnly, active, disabled, containerProps, id, }: DSControlledTogglePropsT): JSX.Element;
     defaultProps: {
         labelOn: string;
         labelOff: string;
@@ -15,18 +16,83 @@ declare const DSControlledToggle: {
         disabled: boolean;
     };
     propTypes: {
-        labelOn: any;
-        labelOff: any;
-        value: any;
-        name: any;
-        checked: any;
-        onClick: any;
-        size: any;
-        readOnly: any;
-        active: any;
-        disabled: any;
-        containerProps: any;
+        labelOn: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        labelOff: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        value: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        name: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        checked: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onchange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        size: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        readOnly: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        active: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        disabled: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        id: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const DSControlledToggleWithSchema: any;
+declare const DSControlledToggleWithSchema: {
+    (props?: DSControlledTogglePropsT | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSControlledToggle, DSControlledToggleWithSchema };

package/types/controlled-toggle/propTypes.d.ts

@@ -1,13 +1,75 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 export declare const propTypes: {
-    labelOn: any;
-    labelOff: any;
-    value: any;
-    name: any;
-    checked: any;
-    onClick: any;
-    size: any;
-    readOnly: any;
-    active: any;
-    disabled: any;
-    containerProps: any;
+    labelOn: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    labelOff: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    value: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    name: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    checked: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    onchange: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    size: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    readOnly: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    active: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    disabled: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    containerProps: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    id: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
 };

package/types/controlled-toggle/styles.d.ts

@@ -1,8 +1,8 @@
 import type { StyledContainerT, StyledLabelT, StyledVisibleContentT, StyledCircleT, StyledTextT, SetLabelWidthT } from './index.d';
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", any, StyledContainerT, never>;
-export declare const StyledLabel: import("styled-components").StyledComponent<"div", any, StyledLabelT, never>;
-export declare const StyledVisibleContent: import("styled-components").StyledComponent<"label", any, StyledVisibleContentT, never>;
-export declare const StyledCircle: import("styled-components").StyledComponent<"div", any, StyledCircleT, never>;
-export declare const StyledText: import("styled-components").StyledComponent<"div", any, StyledTextT, never>;
-export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {}, never>;
-export declare const SetLabelWidth: import("styled-components").StyledComponent<"div", any, SetLabelWidthT, never>;
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledContainerT, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledLabelT, never>;
+export declare const StyledVisibleContent: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, StyledVisibleContentT, never>;
+export declare const StyledCircle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledCircleT, never>;
+export declare const StyledText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledTextT, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+export declare const SetLabelWidth: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SetLabelWidthT, never>;

package/cjs/controlled-date-time-picker/parts/TimeInputs/SSInput.js

@@ -1,53 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var Styleds = require('../Styleds.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const regExpNumbers = /^[0-9]+$/;
-
-const isInvalidMonth = seconds => {
-  if (seconds === '') return false;
-  const numberOnly = regExpNumbers.test(seconds);
-  return seconds.length > 2 || !numberOnly || Number.parseInt(seconds, 10) > 60;
-};
-
-const SSInput = /*#__PURE__*/React__default['default'].memo(({
-  onChange,
-  onBlur,
-  onFocus,
-  onKeyDown,
-  value,
-  placeholder,
-  contextRef
-}) => {
-  const validateOnChange = React.useCallback(e => {
-    var _e$target;
-
-    if (isInvalidMonth(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value)) {
-      e.preventDefault();
-      return;
-    }
-
-    onChange(e);
-  }, [onChange]);
-  return /*#__PURE__*/jsxRuntime.jsx(Styleds.Styled2DigitsInput, {
-    onChange: validateOnChange,
-    onBlur: onBlur,
-    onFocus: onFocus,
-    onKeyDown: onKeyDown,
-    value: value,
-    ref: contextRef,
-    placeholder: placeholder,
-    "aria-label": "seconds input field",
-    "data-testid": "ds-controlled-date-time-picker-second-input"
-  });
-});
-
-exports.SSInput = SSInput;

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/controlled-date-time-picker/parts/TimeInputs/SSInput.js

@@ -1,45 +0,0 @@
-import React, { useCallback } from 'react';
-import { Styled2DigitsInput } from '../Styleds.js';
-import { jsx } from 'react/jsx-runtime';
-
-const regExpNumbers = /^[0-9]+$/;
-
-const isInvalidMonth = seconds => {
-  if (seconds === '') return false;
-  const numberOnly = regExpNumbers.test(seconds);
-  return seconds.length > 2 || !numberOnly || Number.parseInt(seconds, 10) > 60;
-};
-
-const SSInput = /*#__PURE__*/React.memo(({
-  onChange,
-  onBlur,
-  onFocus,
-  onKeyDown,
-  value,
-  placeholder,
-  contextRef
-}) => {
-  const validateOnChange = useCallback(e => {
-    var _e$target;
-
-    if (isInvalidMonth(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value)) {
-      e.preventDefault();
-      return;
-    }
-
-    onChange(e);
-  }, [onChange]);
-  return /*#__PURE__*/jsx(Styled2DigitsInput, {
-    onChange: validateOnChange,
-    onBlur: onBlur,
-    onFocus: onFocus,
-    onKeyDown: onKeyDown,
-    value: value,
-    ref: contextRef,
-    placeholder: placeholder,
-    "aria-label": "seconds input field",
-    "data-testid": "ds-controlled-date-time-picker-second-input"
-  });
-});
-
-export { SSInput };

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/types/controlled-date-time-picker/parts/TimeInputs/SSInput.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { onChangeFuncT, onBlurFuncT, onFocusFuncT, onKeyDownT } from '../../index.d';
-interface SSInputsPropsT {
-    onChange: onChangeFuncT;
-    onBlur: onBlurFuncT;
-    onFocus: onFocusFuncT;
-    onKeyDown: onKeyDownT;
-    value: string;
-    placeholder: string;
-    contextRef: React.RefObject<HTMLInputElement>;
-}
-export declare const SSInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, placeholder, contextRef }: SSInputsPropsT) => JSX.Element>;
-export {};