@elliemae/ds-controlled-form 2.4.2-rc.0 → 2.4.2-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-controlled-form",
-  "version": "2.4.2-rc.0",
+  "version": "2.4.2-rc.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Controllers",
   "module": "./esm/index.js",
@@ -159,6 +159,26 @@
       "import": "./esm/large-text-input/DSControlledLargeTextInput.js",
       "require": "./cjs/large-text-input/DSControlledLargeTextInput.js"
     },
+    "./input-group/styled": {
+      "import": "./esm/input-group/styled.js",
+      "require": "./cjs/input-group/styled.js"
+    },
+    "./input-group/react-desc-prop-types": {
+      "import": "./esm/input-group/react-desc-prop-types.js",
+      "require": "./cjs/input-group/react-desc-prop-types.js"
+    },
+    "./input-group/InputGroupDataTestIds": {
+      "import": "./esm/input-group/InputGroupDataTestIds.js",
+      "require": "./cjs/input-group/InputGroupDataTestIds.js"
+    },
+    "./input-group/InputGroup": {
+      "import": "./esm/input-group/InputGroup.js",
+      "require": "./cjs/input-group/InputGroup.js"
+    },
+    "./input-group": {
+      "import": "./esm/input-group/index.js",
+      "require": "./cjs/input-group/index.js"
+    },
     "./date-time-picker/utils/typeGuards": {
       "import": "./esm/date-time-picker/utils/typeGuards.js",
       "require": "./cjs/date-time-picker/utils/typeGuards.js"
@@ -559,6 +579,10 @@
       "import": "./esm/combobox/utils/listHelper.js",
       "require": "./cjs/combobox/utils/listHelper.js"
     },
+    "./combobox/theming": {
+      "import": "./esm/combobox/theming.js",
+      "require": "./cjs/combobox/theming.js"
+    },
     "./combobox/tests/utils": {
       "import": "./esm/combobox/tests/utils.js",
       "require": "./cjs/combobox/tests/utils.js"
@@ -591,10 +615,6 @@
       "import": "./esm/combobox/parts/multi-selected-values-container/index.js",
       "require": "./cjs/combobox/parts/multi-selected-values-container/index.js"
     },
-    "./combobox/parts/menu-list/useMenuListSetFocusOption": {
-      "import": "./esm/combobox/parts/menu-list/useMenuListSetFocusOption.js",
-      "require": "./cjs/combobox/parts/menu-list/useMenuListSetFocusOption.js"
-    },
     "./combobox/parts/menu-list/useItemRenderer": {
       "import": "./esm/combobox/parts/menu-list/useItemRenderer.js",
       "require": "./cjs/combobox/parts/menu-list/useItemRenderer.js"
@@ -743,6 +763,18 @@
       "import": "./esm/checkbox/index.js",
       "require": "./cjs/checkbox/index.js"
     },
+    "./checkbox/exported-related/theming": {
+      "import": "./esm/checkbox/exported-related/theming.js",
+      "require": "./cjs/checkbox/exported-related/theming.js"
+    },
+    "./checkbox/exported-related": {
+      "import": "./esm/checkbox/exported-related/index.js",
+      "require": "./cjs/checkbox/exported-related/index.js"
+    },
+    "./checkbox/exported-related/data-test-ids": {
+      "import": "./esm/checkbox/exported-related/data-test-ids.js",
+      "require": "./cjs/checkbox/exported-related/data-test-ids.js"
+    },
     "./checkbox/ControlledCheckbox": {
       "import": "./esm/checkbox/ControlledCheckbox.js",
       "require": "./cjs/checkbox/ControlledCheckbox.js"
@@ -840,20 +872,20 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.4.2-rc.0",
-    "@elliemae/ds-circular-progress-indicator": "2.4.2-rc.0",
-    "@elliemae/ds-controlled-form": "2.4.2-rc.0",
-    "@elliemae/ds-form": "2.4.2-rc.0",
-    "@elliemae/ds-form-layout-blocks": "2.4.2-rc.0",
-    "@elliemae/ds-grid": "2.4.2-rc.0",
-    "@elliemae/ds-icon": "2.4.2-rc.0",
-    "@elliemae/ds-icons": "2.4.2-rc.0",
-    "@elliemae/ds-pills": "2.4.2-rc.0",
-    "@elliemae/ds-popperjs": "2.4.2-rc.0",
-    "@elliemae/ds-props-helpers": "2.4.2-rc.0",
-    "@elliemae/ds-system": "2.4.2-rc.0",
-    "@elliemae/ds-tooltip": "2.4.2-rc.0",
-    "@elliemae/ds-truncated-tooltip-text": "2.4.2-rc.0",
+    "@elliemae/ds-button": "2.4.2-rc.1",
+    "@elliemae/ds-circular-progress-indicator": "2.4.2-rc.1",
+    "@elliemae/ds-controlled-form": "2.4.2-rc.1",
+    "@elliemae/ds-form": "2.4.2-rc.1",
+    "@elliemae/ds-form-layout-blocks": "2.4.2-rc.1",
+    "@elliemae/ds-grid": "2.4.2-rc.1",
+    "@elliemae/ds-icon": "2.4.2-rc.1",
+    "@elliemae/ds-icons": "2.4.2-rc.1",
+    "@elliemae/ds-pills": "2.4.2-rc.1",
+    "@elliemae/ds-popperjs": "2.4.2-rc.1",
+    "@elliemae/ds-props-helpers": "2.4.2-rc.1",
+    "@elliemae/ds-system": "2.4.2-rc.1",
+    "@elliemae/ds-tooltip": "2.4.2-rc.1",
+    "@elliemae/ds-truncated-tooltip-text": "2.4.2-rc.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5",

package/types/checkbox/exported-related/data-test-ids.d.ts

@@ -0,0 +1,4 @@
+export declare const DSCheckboxDataTestIds: {
+    CONTAINER: string;
+    INPUT: string;
+};

package/types/checkbox/exported-related/index.d.ts

@@ -0,0 +1,2 @@
+export * from './data-test-ids';
+export * from './theming';

package/types/checkbox/exported-related/theming.d.ts

@@ -0,0 +1,6 @@
+export declare const DSCheckboxName = "ds-checkbox";
+export declare const DSCheckboxSlots: {
+    CONTAINER: string;
+    INPUT: string;
+    LABEL: string;
+};

package/types/checkbox/react-desc-prop-types.d.ts

@@ -12,8 +12,8 @@ export declare namespace DSControlledCheckboxT {
         innerRef: React.RefObject<HTMLInputElement> | React.LegacyRef<HTMLInputElement>;
     }
     interface LegacyAriaProps {
-        ariaControls?: string;
-        ariaLabel?: string;
+        ariaControls: string;
+        ariaLabel: string;
     }
     interface Props extends DefaultProps, OptionalProps, Omit<GlobalAttributesT, 'checked'>, LegacyAriaProps {
     }
@@ -27,12 +27,12 @@ export declare namespace DSControlledCheckboxT {
         disabled?: boolean;
         readOnly?: boolean;
         checked: boolean | 'mixed';
+        wrapLabel: boolean;
     }
 }
 export declare const defaultProps: Partial<DSControlledCheckboxT.Props>;
 export declare const propTypes: {
     label: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
-    wrapLabel: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
     hasError: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
     innerRef: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
     'aria-*': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;

package/types/checkbox/styles.d.ts

@@ -1,5 +1,5 @@
-import { DSControlledCheckboxT } from './react-desc-prop-types';
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledCheckBox: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, DSControlledCheckboxT.StyledCheckBoxT, never>;
-export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, DSControlledCheckboxT.StyledLabelT, never>;
+export declare const StyledContainer: any;
+export declare const StyledCheckBox: any;
+export declare const StyledInput: any;
+export declare const StyledInputMixed: any;
+export declare const StyledLabel: any;

package/types/combobox/ComboboxDataTestids.d.ts

@@ -1,6 +1,6 @@
 export declare const ComboboxDataTestid: {
     MULTISELECT: {
-        SELECT_ALL_CHECKBOX: string;
+        HEADER_LIST: string;
         SHOW_SELECTED_OPTIONS_TOGGLE: string;
     };
     CONTROLS_WRAPPER: string;

package/types/combobox/index.d.ts

@@ -1 +1,3 @@
 export * from './ComboBox';
+export * from './theming';
+export * from './ComboboxDataTestids';

package/types/combobox/parts/container/styled.d.ts

@@ -1,3 +1,2 @@
-export declare const StyledContainerWithPopper: any;
-export declare const StyledContainerInline: any;
+export declare const StyledContainer: any;
 export declare const StyledPopperWrapper: any;

package/types/combobox/theming.d.ts

@@ -0,0 +1,6 @@
+export declare const DSComboBoxName = "ds-combobox";
+export declare const DSComboboxSlots: {
+    CONTAINER: string;
+    INPUT_WRAPPER: string;
+    INPUT: string;
+};

package/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from './autocomplete';
+export * from './input-group';
 export * from './checkbox';
 export * from './combobox';
 export * from './date-range-picker';

package/types/input-group/InputGroup.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DSInputGroupT } from './react-desc-prop-types';
+declare const DSInputGroup: React.ComponentType<DSInputGroupT.Props>;
+declare const DSInputGroupWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<DSInputGroupT.Props>;
+export { DSInputGroup, DSInputGroupWithSchema };

package/types/input-group/InputGroupDataTestIds.d.ts

@@ -0,0 +1,6 @@
+export declare const InputGroupDataTestIds: {
+    CONTAINER: string;
+    LEFTADDON: string;
+    RIGHTADDON: string;
+    INPUTCONTAINER: string;
+};

package/types/input-group/index.d.ts

@@ -0,0 +1,2 @@
+export * from './InputGroup';
+export * from './InputGroupDataTestIds';

package/types/input-group/react-desc-prop-types.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export declare namespace DSInputGroupT {
+    interface RequiredProps {
+        children: React.ReactChild;
+    }
+    interface OptionalProps {
+        leftAddon?: React.ReactNode;
+        rightAddon?: React.ReactNode;
+    }
+    interface Props extends Partial<OptionalProps>, RequiredProps {
+    }
+    interface InternalProps extends OptionalProps, RequiredProps {
+    }
+}
+export declare const propTypes: {
+    leftAddon: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    rightAddon: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    children: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+};

package/types/input-group/styled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const StyledContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    cols: string[];
+}, never>;
+export declare const StyledLeftAddon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledRightAddon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/input-group/tests/DSInputGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/mask-hook/hooks/useRegExpMask.d.ts

@@ -1,4 +1,3 @@
 import { DSMaskT } from '../react-desc-prop-types';
-export declare const isRegExp: (item: RegExp | string) => item is RegExp;
 export declare const useRegExpMask: DSMaskT.Hook;
 export declare const UseRegExpMaskWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<DSMaskT.HookArgs>;

package/types/text-input/config/useInputText.d.ts

@@ -414,12 +414,12 @@ export declare const useInputText: (props: DSInputTextT.Props) => {
         minH: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
         maskSize: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
         display: (string & {}) | "ruby" | "table" | "inherit" | "grid" | "none" | "-moz-initial" | "initial" | "revert" | "unset" | "inline" | "block" | "run-in" | "-ms-flexbox" | "-ms-grid" | "-webkit-flex" | "flex" | "flow" | "flow-root" | "ruby-base" | "ruby-base-container" | "ruby-text" | "ruby-text-container" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "-ms-inline-flexbox" | "-ms-inline-grid" | "-webkit-inline-flex" | "inline-block" | "inline-flex" | "inline-grid" | "inline-list-item" | "inline-table" | "contents" | "list-item" | import("@xstyled/system").ThemeProp<import("csstype").Property.Display, import("@xstyled/system").Theme>;
-        float: "inherit" | "none" | "left" | "-moz-initial" | "initial" | "revert" | "unset" | "right" | "inline-end" | "inline-start" | import("@xstyled/system").ThemeProp<import("csstype").Property.Float, import("@xstyled/system").Theme>;
+        float: "inherit" | "none" | "left" | "-moz-initial" | "initial" | "revert" | "unset" | "inline-end" | "inline-start" | "right" | import("@xstyled/system").ThemeProp<import("csstype").Property.Float, import("@xstyled/system").Theme>;
         boxSizing: "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "border-box" | "content-box" | import("@xstyled/system").ThemeProp<import("csstype").Property.BoxSizing, import("@xstyled/system").Theme>;
         container: boolean | import("@xstyled/system").ThemeProp<boolean, import("@xstyled/system").Theme>;
-        overflow: (string & {}) | "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "scroll" | "clip" | "-moz-hidden-unscrollable" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.Overflow, import("@xstyled/system").Theme>;
-        overflowX: "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "scroll" | "clip" | "-moz-hidden-unscrollable" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.OverflowX, import("@xstyled/system").Theme>;
-        overflowY: "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "scroll" | "clip" | "-moz-hidden-unscrollable" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.OverflowY, import("@xstyled/system").Theme>;
+        overflow: (string & {}) | "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.Overflow, import("@xstyled/system").Theme>;
+        overflowX: "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.OverflowX, import("@xstyled/system").Theme>;
+        overflowY: "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.OverflowY, import("@xstyled/system").Theme>;
         position: "fixed" | "inherit" | "absolute" | "-moz-initial" | "initial" | "revert" | "unset" | "-webkit-sticky" | "relative" | "static" | "sticky" | import("@xstyled/system").ThemeProp<import("csstype").Property.Position, import("@xstyled/system").Theme>;
         zIndex: string | (string & {}) | (number & {}) | import("@xstyled/system").ThemeProp<string | (string & {}) | (number & {}), import("@xstyled/system").Theme>;
         top: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
@@ -428,7 +428,7 @@ export declare const useInputText: (props: DSInputTextT.Props) => {
         left: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
         visibility: "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "visible" | "collapse" | import("@xstyled/system").ThemeProp<import("csstype").Property.Visibility, import("@xstyled/system").Theme>;
         overscrollBehavior: (string & {}) | "inherit" | "none" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "contain" | import("@xstyled/system").ThemeProp<import("csstype").Property.OverscrollBehavior, import("@xstyled/system").Theme>;
-        objectFit: "inherit" | "none" | "-moz-initial" | "initial" | "revert" | "unset" | "fill" | "contain" | "cover" | "scale-down" | import("@xstyled/system").ThemeProp<import("csstype").Property.ObjectFit, import("@xstyled/system").Theme>;
+        objectFit: "inherit" | "none" | "-moz-initial" | "initial" | "revert" | "unset" | "contain" | "cover" | "fill" | "scale-down" | import("@xstyled/system").ThemeProp<import("csstype").Property.ObjectFit, import("@xstyled/system").Theme>;
     };
     xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
 };

package/cjs/combobox/parts/menu-list/useMenuListSetFocusOption.js

@@ -1,51 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var ComboBoxCTX = require('../../ComboBoxCTX.js');
-
-/* eslint-disable complexity */
-const useMenuListSetFocusOption = () => {
-  const {
-    props: {
-      selectedValues,
-      filteredOptions
-    },
-    setFocusOptionIdx,
-    hasFocus,
-    focusOptionIdx,
-    inputValue,
-    scrollOptionIntoView
-  } = React.useContext(ComboBoxCTX.ComboBoxContext);
-  const getFirstOption = React.useCallback(() => {
-    for (let i = 0; i < filteredOptions.length; i += 1) if (!['section', 'separator'].includes(filteredOptions[i].type) && !filteredOptions[i].disabled) {
-      setFocusOptionIdx(filteredOptions[i].dsId);
-      break;
-    }
-  }, [filteredOptions, setFocusOptionIdx]);
-  React.useEffect(() => {
-    scrollOptionIntoView(focusOptionIdx); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [focusOptionIdx]);
-  React.useEffect(() => {
-    if (filteredOptions.length === 0) {
-      setFocusOptionIdx('');
-    }
-
-    if (hasFocus && inputValue === '') {
-      if (Array.isArray(selectedValues)) {
-        if (selectedValues && selectedValues.length > 0) {
-          setFocusOptionIdx(selectedValues[selectedValues.length - 1].dsId);
-          return;
-        }
-      } else if (selectedValues) {
-        setFocusOptionIdx(selectedValues.dsId);
-        return;
-      }
-    }
-
-    if (hasFocus) getFirstOption();
-  }, [getFirstOption, inputValue, selectedValues, hasFocus, setFocusOptionIdx, filteredOptions.length]);
-};
-
-exports.useMenuListSetFocusOption = useMenuListSetFocusOption;

package/esm/combobox/parts/menu-list/useMenuListSetFocusOption.js

@@ -1,47 +0,0 @@
-import { useContext, useCallback, useEffect } from 'react';
-import { ComboBoxContext } from '../../ComboBoxCTX.js';
-
-/* eslint-disable complexity */
-const useMenuListSetFocusOption = () => {
-  const {
-    props: {
-      selectedValues,
-      filteredOptions
-    },
-    setFocusOptionIdx,
-    hasFocus,
-    focusOptionIdx,
-    inputValue,
-    scrollOptionIntoView
-  } = useContext(ComboBoxContext);
-  const getFirstOption = useCallback(() => {
-    for (let i = 0; i < filteredOptions.length; i += 1) if (!['section', 'separator'].includes(filteredOptions[i].type) && !filteredOptions[i].disabled) {
-      setFocusOptionIdx(filteredOptions[i].dsId);
-      break;
-    }
-  }, [filteredOptions, setFocusOptionIdx]);
-  useEffect(() => {
-    scrollOptionIntoView(focusOptionIdx); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [focusOptionIdx]);
-  useEffect(() => {
-    if (filteredOptions.length === 0) {
-      setFocusOptionIdx('');
-    }
-
-    if (hasFocus && inputValue === '') {
-      if (Array.isArray(selectedValues)) {
-        if (selectedValues && selectedValues.length > 0) {
-          setFocusOptionIdx(selectedValues[selectedValues.length - 1].dsId);
-          return;
-        }
-      } else if (selectedValues) {
-        setFocusOptionIdx(selectedValues.dsId);
-        return;
-      }
-    }
-
-    if (hasFocus) getFirstOption();
-  }, [getFirstOption, inputValue, selectedValues, hasFocus, setFocusOptionIdx, filteredOptions.length]);
-};
-
-export { useMenuListSetFocusOption };

package/types/combobox/parts/menu-list/useMenuListSetFocusOption.d.ts

@@ -1 +0,0 @@
-export declare const useMenuListSetFocusOption: () => void;