@elliemae/ds-form 2.3.0-next.5 → 2.3.0-next.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/cjs/MenuItem/components/MultiMenuItem/MultiMenuItem.js +0 -1
  2. package/cjs/MenuItem/components/SingleMenuItem/SingleMenuItem.js +3 -1
  3. package/cjs/MenuItem/components/styled.js +20 -5
  4. package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js +0 -1
  5. package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js +3 -1
  6. package/esm/MenuItem/components/styled.js +19 -4
  7. package/package.json +23 -23
  8. package/types/MenuItem/components/styled.d.ts +3 -1
  9. package/types/Radio/Circle.d.ts +1 -6
package/cjs/MenuItem/components/MultiMenuItem/MultiMenuItem.js CHANGED
@@ -51,7 +51,6 @@ const MultiMenuItem = props => {
51
51
  pr: render ? 0 : 40,
52
52
  "data-testid": "combobox-option",
53
53
  children: /*#__PURE__*/_jsx__default["default"](styled$1.StyledItemContent, {}, void 0, render ? render(props) : /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledCheckbox, {
54
- tabIndex: tabIndex,
55
54
  disabled: disabled,
56
55
  checked: isSelected,
57
56
  onMouseDown: onMouseDown,
package/cjs/MenuItem/components/SingleMenuItem/SingleMenuItem.js CHANGED
@@ -31,7 +31,8 @@ const SingleMenuItem = props => {
31
31
  onMouseLeave,
32
32
  wrapperStyles,
33
33
  render,
34
- dataTestid
34
+ dataTestid,
35
+ disabled
35
36
  } = props;
36
37
  return /*#__PURE__*/jsxRuntime.jsx(styled.StyledGlobalMenuItemWrapper, {
37
38
  "aria-selected": isSelected,
@@ -49,6 +50,7 @@ const SingleMenuItem = props => {
49
50
  style: wrapperStyles,
50
51
  pr: render ? 0 : 40,
51
52
  "data-testid": dataTestid,
53
+ disabled: disabled,
52
54
  children: render ? render(props) : /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
53
55
  cols: ['16px', 'auto'],
54
56
  height: "16px",
package/cjs/MenuItem/components/styled.js CHANGED
@@ -14,11 +14,26 @@ const borderOutside = function (color) {
14
14
  return styled.css([":after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:", "px solid ", ";pointer-events:none;z-index:7;}"], width, color);
15
15
  };
16
16
 
17
- const disabledOption = () => styled.css(["cursor:not-allowed;*{cursor:not-allowed;}"]);
18
-
19
- const activeBorderCss = props => borderOutside(props.theme.colors.brand[500]);
17
+ const disabledOption = () => styled.css(["color:", ";cursor:not-allowed;*{cursor:not-allowed;}"], _ref => {
18
+ let {
19
+ theme
20
+ } = _ref;
21
+ return theme.colors.neutral[500];
22
+ });
23
+
24
+ const activeBorderCss = _ref2 => {
25
+ let {
26
+ theme
27
+ } = _ref2;
28
+ return borderOutside(theme.colors.brand[500]);
29
+ };
20
30
 
21
- const focusBorderCss = props => borderOutside(props.theme.colors.brand[700], 2);
31
+ const focusBorderCss = _ref3 => {
32
+ let {
33
+ theme
34
+ } = _ref3;
35
+ return borderOutside(theme.colors.brand[700], 2);
36
+ };
22
37
 
23
38
  const StyledGlobalMenuItemWrapper = /*#__PURE__*/styled__default["default"].li.withConfig({
24
39
  componentId: "sc-jyoobd-0"
@@ -30,7 +45,7 @@ const StyledGlobalMenuItemWrapper = /*#__PURE__*/styled__default["default"].li.w
30
45
  }, props => props.isActive ? props.theme.colors.brand[200] : 'white', props => !props.disabled && props.theme.colors.brand[200]);
31
46
  const StyledMenuItemWrapper = /*#__PURE__*/styled__default["default"](StyledGlobalMenuItemWrapper).withConfig({
32
47
  componentId: "sc-jyoobd-1"
33
- })(["background-color:", " !important;cursor:", ";", ";"], props => props.isSelected ? props.theme.colors.brand[200] : 'white', props => props.disabled && 'not-allowed', props => props.isSelected && !props.isFocus ? activeBorderCss(props) : '');
48
+ })(["background-color:", " !important;", ";"], props => props.isSelected ? props.theme.colors.brand[200] : 'white', props => props.isSelected && !props.isFocus ? activeBorderCss(props) : '');
34
49
  const StyledSubmenuItemWrapper = /*#__PURE__*/styled__default["default"](StyledGlobalMenuItemWrapper).withConfig({
35
50
  componentId: "sc-jyoobd-2"
36
51
  })(["", ";padding-right:0;"], props => props.isSelected || props.isActive ? activeBorderCss(props) : '');
package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js CHANGED
@@ -43,7 +43,6 @@ const MultiMenuItem = props => {
43
43
  pr: render ? 0 : 40,
44
44
  "data-testid": "combobox-option",
45
45
  children: /*#__PURE__*/_jsx(StyledItemContent, {}, void 0, render ? render(props) : /*#__PURE__*/_jsx(DSControlledCheckbox, {
46
- tabIndex: tabIndex,
47
46
  disabled: disabled,
48
47
  checked: isSelected,
49
48
  onMouseDown: onMouseDown,
package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js CHANGED
@@ -22,7 +22,8 @@ const SingleMenuItem = props => {
22
22
  onMouseLeave,
23
23
  wrapperStyles,
24
24
  render,
25
- dataTestid
25
+ dataTestid,
26
+ disabled
26
27
  } = props;
27
28
  return /*#__PURE__*/jsx(StyledGlobalMenuItemWrapper, {
28
29
  "aria-selected": isSelected,
@@ -40,6 +41,7 @@ const SingleMenuItem = props => {
40
41
  style: wrapperStyles,
41
42
  pr: render ? 0 : 40,
42
43
  "data-testid": dataTestid,
44
+ disabled: disabled,
43
45
  children: render ? render(props) : /*#__PURE__*/_jsx(Grid, {
44
46
  cols: ['16px', 'auto'],
45
47
  height: "16px",
package/esm/MenuItem/components/styled.js CHANGED
@@ -6,11 +6,26 @@ const borderOutside = function (color) {
6
6
  return css([":after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:", "px solid ", ";pointer-events:none;z-index:7;}"], width, color);
7
7
  };
8
8
 
9
- const disabledOption = () => css(["cursor:not-allowed;*{cursor:not-allowed;}"]);
9
+ const disabledOption = () => css(["color:", ";cursor:not-allowed;*{cursor:not-allowed;}"], _ref => {
10
+ let {
11
+ theme
12
+ } = _ref;
13
+ return theme.colors.neutral[500];
14
+ });
10
15
 
11
- const activeBorderCss = props => borderOutside(props.theme.colors.brand[500]);
16
+ const activeBorderCss = _ref2 => {
17
+ let {
18
+ theme
19
+ } = _ref2;
20
+ return borderOutside(theme.colors.brand[500]);
21
+ };
12
22
 
13
- const focusBorderCss = props => borderOutside(props.theme.colors.brand[700], 2);
23
+ const focusBorderCss = _ref3 => {
24
+ let {
25
+ theme
26
+ } = _ref3;
27
+ return borderOutside(theme.colors.brand[700], 2);
28
+ };
14
29
 
15
30
  const StyledGlobalMenuItemWrapper = /*#__PURE__*/styled.li.withConfig({
16
31
  componentId: "sc-jyoobd-0"
@@ -22,7 +37,7 @@ const StyledGlobalMenuItemWrapper = /*#__PURE__*/styled.li.withConfig({
22
37
  }, props => props.isActive ? props.theme.colors.brand[200] : 'white', props => !props.disabled && props.theme.colors.brand[200]);
23
38
  const StyledMenuItemWrapper = /*#__PURE__*/styled(StyledGlobalMenuItemWrapper).withConfig({
24
39
  componentId: "sc-jyoobd-1"
25
- })(["background-color:", " !important;cursor:", ";", ";"], props => props.isSelected ? props.theme.colors.brand[200] : 'white', props => props.disabled && 'not-allowed', props => props.isSelected && !props.isFocus ? activeBorderCss(props) : '');
40
+ })(["background-color:", " !important;", ";"], props => props.isSelected ? props.theme.colors.brand[200] : 'white', props => props.isSelected && !props.isFocus ? activeBorderCss(props) : '');
26
41
  const StyledSubmenuItemWrapper = /*#__PURE__*/styled(StyledGlobalMenuItemWrapper).withConfig({
27
42
  componentId: "sc-jyoobd-2"
28
43
  })(["", ";padding-right:0;"], props => props.isSelected || props.isActive ? activeBorderCss(props) : '');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-form",
3
- "version": "2.3.0-next.5",
3
+ "version": "2.3.0-next.9",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Form",
6
6
  "module": "./esm/index.js",
@@ -748,28 +748,28 @@
748
748
  "build": "node ../../scripts/build/build.js"
749
749
  },
750
750
  "dependencies": {
751
- "@elliemae/ds-button": "2.3.0-next.5",
752
- "@elliemae/ds-circular-progress-indicator": "2.3.0-next.5",
753
- "@elliemae/ds-classnames": "2.3.0-next.5",
754
- "@elliemae/ds-controlled-form": "2.3.0-next.5",
755
- "@elliemae/ds-dropdownmenu": "2.3.0-next.5",
756
- "@elliemae/ds-form": "2.3.0-next.5",
757
- "@elliemae/ds-grid": "2.3.0-next.5",
758
- "@elliemae/ds-icon": "2.3.0-next.5",
759
- "@elliemae/ds-icons": "2.3.0-next.5",
760
- "@elliemae/ds-menu": "2.3.0-next.5",
761
- "@elliemae/ds-overlay": "2.3.0-next.5",
762
- "@elliemae/ds-pills": "2.3.0-next.5",
763
- "@elliemae/ds-popper": "2.3.0-next.5",
764
- "@elliemae/ds-popperjs": "2.3.0-next.5",
765
- "@elliemae/ds-props-helpers": "2.3.0-next.5",
766
- "@elliemae/ds-separator": "2.3.0-next.5",
767
- "@elliemae/ds-shared": "2.3.0-next.5",
768
- "@elliemae/ds-system": "2.3.0-next.5",
769
- "@elliemae/ds-text-wrapper": "2.3.0-next.5",
770
- "@elliemae/ds-tooltip": "2.3.0-next.5",
771
- "@elliemae/ds-truncated-tooltip-text": "2.3.0-next.5",
772
- "@elliemae/ds-utilities": "2.3.0-next.5",
751
+ "@elliemae/ds-button": "2.3.0-next.9",
752
+ "@elliemae/ds-circular-progress-indicator": "2.3.0-next.9",
753
+ "@elliemae/ds-classnames": "2.3.0-next.9",
754
+ "@elliemae/ds-controlled-form": "2.3.0-next.9",
755
+ "@elliemae/ds-dropdownmenu": "2.3.0-next.9",
756
+ "@elliemae/ds-form": "2.3.0-next.9",
757
+ "@elliemae/ds-grid": "2.3.0-next.9",
758
+ "@elliemae/ds-icon": "2.3.0-next.9",
759
+ "@elliemae/ds-icons": "2.3.0-next.9",
760
+ "@elliemae/ds-menu": "2.3.0-next.9",
761
+ "@elliemae/ds-overlay": "2.3.0-next.9",
762
+ "@elliemae/ds-pills": "2.3.0-next.9",
763
+ "@elliemae/ds-popper": "2.3.0-next.9",
764
+ "@elliemae/ds-popperjs": "2.3.0-next.9",
765
+ "@elliemae/ds-props-helpers": "2.3.0-next.9",
766
+ "@elliemae/ds-separator": "2.3.0-next.9",
767
+ "@elliemae/ds-shared": "2.3.0-next.9",
768
+ "@elliemae/ds-system": "2.3.0-next.9",
769
+ "@elliemae/ds-text-wrapper": "2.3.0-next.9",
770
+ "@elliemae/ds-tooltip": "2.3.0-next.9",
771
+ "@elliemae/ds-truncated-tooltip-text": "2.3.0-next.9",
772
+ "@elliemae/ds-utilities": "2.3.0-next.9",
773
773
  "memoize-one": "~5.1.1",
774
774
  "moment": "~2.29.1",
775
775
  "prop-types": "~15.7.2",
package/types/MenuItem/components/styled.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import { LayoutProps, SizingProps, PositionProps, SpaceProps } from '@xstyled/styled-components';
2
2
  import { MenuItemT } from '../props';
3
3
  export declare const StyledGlobalMenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isActive" | "isSelected" | "isFocus"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme>, never>;
4
- export declare const StyledMenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isActive" | "isSelected" | "isFocus"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme>, never>;
4
+ export declare const StyledMenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isActive" | "isSelected" | "isFocus"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme> & {
5
+ disabled: boolean;
6
+ }, never>;
5
7
  export declare const StyledSubmenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isActive" | "isSelected" | "isFocus"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme>, never>;
package/types/Radio/Circle.d.ts CHANGED
@@ -1,7 +1,2 @@
1
- import React from 'react';
2
- declare const _default: React.ForwardRefExoticComponent<{
3
- checked: any;
4
- } & {
5
- theme?: import("styled-components").DefaultTheme | undefined;
6
- }>;
1
+ declare const _default: any;
7
2
  export default _default;