@elliemae/ds-controlled-form 2.3.0-next.8 → 2.3.0-rc.3

package/types/controlled-combobox/parts/menu-list/useItemRenderer.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const useItemRenderer: () => Array<React.ReactNode>;
+/// <reference types="react" />
+declare const useItemRenderer: () => Array<JSX.Element> | undefined;
 export { useItemRenderer };

package/types/controlled-combobox/react-desc-prop-types.d.ts

@@ -13,7 +13,7 @@ export declare namespace DSComboboxT {
         label: string;
     }
     interface ItemOption extends CommonItemOptions {
-        value: unknown;
+        value: string;
         label: string;
         type: 'option';
     }
@@ -23,16 +23,18 @@ export declare namespace DSComboboxT {
     }
     type OptionTypes = ItemOption | ItemSectionOptions | ItemSeparatorOptions | ItemCreatableOption;
     type SelectedOptionsT = ItemOption[] | ItemOption | null;
-    interface Props {
+    interface PropsOptional {
+        innerRef: React.RefObject<HTMLInputElement>;
+    }
+    interface DefaultProps {
         placeholder?: string;
         options: OptionTypes[];
         selectedValues: SelectedOptionsT;
         hasError?: boolean;
         inline?: boolean;
         autoFocus?: boolean;
-        innerRef: React.RefObject<HTMLInputElement>;
-        startPlacementPreference: string;
-        placementOrderPreference: string[];
+        startPlacementPreference?: string;
+        placementOrderPreference?: string[];
         withoutPortal?: boolean;
         zIndex?: number;
         inputMinWidth?: number;
@@ -49,5 +51,7 @@ export declare namespace DSComboboxT {
         onMenuOpen?: () => void;
         onCancel?: () => void;
     }
+    interface Props extends DefaultProps, PropsOptional {
+    }
 }
 export declare const ComboboxPropTypes: any;

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

@@ -19,8 +19,6 @@ export declare namespace DSComboboxInternalsT {
         controlsWrapperRef: React.RefObject<HTMLDivElement>;
         selectAllCheckboxRef: React.RefObject<HTMLInputElement>;
         toggleSelectionButtonRef: React.RefObject<HTMLButtonElement>;
-        showSelectedValue: boolean;
-        setShowSelectedValue: React.Dispatch<React.SetStateAction<boolean>>;
         focusOptionIdx: string;
         setCurrentOption: React.Dispatch<React.SetStateAction<string>>;
         showSelectedOptions: boolean;

package/cjs/controlled-checkbox/index.d.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/cjs/controlled-checkbox/propTypes.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
-const propTypes = {
-  checked: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.bool, reactDesc.PropTypes.oneOf(['mixed'])]).isRequired.description('Whether the checkbox is invalid or not.'),
-  value: reactDesc.PropTypes.string.description('Checkbox value property.'),
-  name: reactDesc.PropTypes.string.isRequired.description('Checkbox name property.'),
-  label: reactDesc.PropTypes.string.description('Checkbox Label property. This label is also going to be used as an aria-label for screen readers.'),
-  id: reactDesc.PropTypes.string.isRequired.description('Checkbox unique id property, this property is required for accesibility purposes.'),
-  readOnly: reactDesc.PropTypes.bool.description('Checkbox readOnly property.'),
-  hasError: reactDesc.PropTypes.bool.description('Whether the checkbox has error or not.'),
-  disabled: reactDesc.PropTypes.bool.description('Whether the checkbox is disabled or not.'),
-  ariaControls: reactDesc.PropTypes.string.description('This string is required when you use a mixed checkbox. It contains all the ids that this checkbox is controlling.'),
-  ariaLabel: reactDesc.PropTypes.string.description('Checkbox aria-label property. This property is going to be required if there is no label property added.'),
-  innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.object]).description('Checkbox input ref.'),
-  autoFocus: reactDesc.PropTypes.bool.description('Whether you want the checkbox to be autofocused on render')
-};
-
-exports.propTypes = propTypes;

package/cjs/controlled-combobox/parts/dropdown-indicator/index.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/cjs/controlled-combobox/parts/empty-state/index.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var ComboBoxCTX = require('../../ComboBoxCTX.js');
-var styled = require('./styled.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _StyledNoResults;
-
-const EmptyState = () => {
-  React.useContext(ComboBoxCTX.ComboBoxContext);
-  return /*#__PURE__*/_jsx__default["default"](styled.StyledNoResultsWrapper, {
-    id: "id-no-results"
-  }, void 0, _StyledNoResults || (_StyledNoResults = /*#__PURE__*/_jsx__default["default"](styled.StyledNoResults, {}, void 0, "No matches found")));
-};
-
-exports.EmptyState = EmptyState;

package/cjs/controlled-combobox/parts/empty-state/styled.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledNoResultsWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1j46c03-0"
-})(["padding:16px;"]);
-const StyledNoResults = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-1j46c03-1"
-})([""]);
-
-exports.StyledNoResults = StyledNoResults;
-exports.StyledNoResultsWrapper = StyledNoResultsWrapper;

package/cjs/controlled-combobox/parts/multi-selected-values-container/styled.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledGroupedPillPopoverContent = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1yaq41r-0"
-})(["padding:10px;background-color:#fff;"]);
-const StyledGroupPillWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1yaq41r-1"
-})([""]);
-const StyledA11ySelectedValues = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-1yaq41r-2"
-})(["width:1px;height:1px;position:absolute;clip:rect(1px,1px,1px,1px);"]);
-
-exports.StyledA11ySelectedValues = StyledA11ySelectedValues;
-exports.StyledGroupPillWrapper = StyledGroupPillWrapper;
-exports.StyledGroupedPillPopoverContent = StyledGroupedPillPopoverContent;

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

@@ -1 +0,0 @@
-

package/esm/controlled-checkbox/propTypes.js

@@ -1,18 +0,0 @@
-import { PropTypes } from 'react-desc';
-
-const propTypes = {
-  checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['mixed'])]).isRequired.description('Whether the checkbox is invalid or not.'),
-  value: PropTypes.string.description('Checkbox value property.'),
-  name: PropTypes.string.isRequired.description('Checkbox name property.'),
-  label: PropTypes.string.description('Checkbox Label property. This label is also going to be used as an aria-label for screen readers.'),
-  id: PropTypes.string.isRequired.description('Checkbox unique id property, this property is required for accesibility purposes.'),
-  readOnly: PropTypes.bool.description('Checkbox readOnly property.'),
-  hasError: PropTypes.bool.description('Whether the checkbox has error or not.'),
-  disabled: PropTypes.bool.description('Whether the checkbox is disabled or not.'),
-  ariaControls: PropTypes.string.description('This string is required when you use a mixed checkbox. It contains all the ids that this checkbox is controlling.'),
-  ariaLabel: PropTypes.string.description('Checkbox aria-label property. This property is going to be required if there is no label property added.'),
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Checkbox input ref.'),
-  autoFocus: PropTypes.bool.description('Whether you want the checkbox to be autofocused on render')
-};
-
-export { propTypes };

package/esm/controlled-combobox/parts/dropdown-indicator/index.js

@@ -1 +0,0 @@
-

package/esm/controlled-combobox/parts/empty-state/index.js

@@ -1,15 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { ComboBoxContext } from '../../ComboBoxCTX.js';
-import { StyledNoResultsWrapper, StyledNoResults } from './styled.js';
-
-var _StyledNoResults;
-
-const EmptyState = () => {
-  useContext(ComboBoxContext);
-  return /*#__PURE__*/_jsx(StyledNoResultsWrapper, {
-    id: "id-no-results"
-  }, void 0, _StyledNoResults || (_StyledNoResults = /*#__PURE__*/_jsx(StyledNoResults, {}, void 0, "No matches found")));
-};
-
-export { EmptyState };

package/esm/controlled-combobox/parts/empty-state/styled.js

@@ -1,10 +0,0 @@
-import styled from 'styled-components';
-
-const StyledNoResultsWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1j46c03-0"
-})(["padding:16px;"]);
-const StyledNoResults = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1j46c03-1"
-})([""]);
-
-export { StyledNoResults, StyledNoResultsWrapper };

package/esm/controlled-combobox/parts/multi-selected-values-container/styled.js

@@ -1,13 +0,0 @@
-import styled from 'styled-components';
-
-const StyledGroupedPillPopoverContent = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1yaq41r-0"
-})(["padding:10px;background-color:#fff;"]);
-const StyledGroupPillWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1yaq41r-1"
-})([""]);
-const StyledA11ySelectedValues = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1yaq41r-2"
-})(["width:1px;height:1px;position:absolute;clip:rect(1px,1px,1px,1px);"]);
-
-export { StyledA11ySelectedValues, StyledGroupPillWrapper, StyledGroupedPillPopoverContent };

package/types/controlled-checkbox/index.d.d.ts

@@ -1,29 +0,0 @@
-export interface DSControlledCheckboxPropsT {
-    checked: boolean | 'mixed';
-    name: string;
-    label?: string;
-    value?: string;
-    onChange: () => void;
-    onBlur: () => void;
-    onFocus: () => void;
-    ariaControls?: string;
-    ariaLabel?: string;
-    id?: string;
-    readOnly?: boolean;
-    tabIndex?: number;
-    hasError?: boolean;
-    disabled?: boolean;
-    innerRef?: (ref: HTMLInputElement) => void;
-    autoFocus?: boolean;
-}
-export interface StyledCheckBoxT {
-    checked: boolean | 'mixed';
-    readOnly: boolean;
-    hasError: boolean;
-    disabled: boolean;
-}
-export interface StyledLabelT {
-    disabled: boolean;
-    readOnly: boolean;
-    checked: boolean | 'mixed';
-}

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

@@ -1,60 +0,0 @@
-/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
-export declare const propTypes: {
-    checked: any;
-    value: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    name: any;
-    label: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    id: any;
-    readOnly: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    hasError: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    disabled: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    ariaControls: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    ariaLabel: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    innerRef: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    autoFocus: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-};

package/types/controlled-combobox/parts/empty-state/index.d.ts

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

package/types/controlled-combobox/parts/empty-state/styled.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledNoResultsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledNoResults: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/types/controlled-combobox/parts/multi-selected-values-container/styled.d.ts

@@ -1,3 +0,0 @@
-export declare const StyledGroupedPillPopoverContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledGroupPillWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledA11ySelectedValues: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;