@elliemae/ds-form 2.3.0-alpha.1 → 2.3.0-alpha.10

package/esm/MenuItem/components/styled.js

@@ -1,76 +0,0 @@
-import * as React from "react";
-import styled, { css } from "styled-components";
-import {
-  layout,
-  position,
-  space,
-  sizing
-} from "@xstyled/styled-components";
-const borderOutside = (color, width = 1) => css`
-  :after {
-    display: block;
-    content: ' ';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    border: ${width}px solid ${color};
-    pointer-events: none;
-    z-index: 7;
-  }
-`;
-const disabledOption = () => css`
-  cursor: not-allowed;
-  * {
-    cursor: not-allowed;
-  }
-`;
-const activeBorderCss = (props) => borderOutside(props.theme.colors.brand[500]);
-const focusBorderCss = (props) => borderOutside(props.theme.colors.brand[700], 2);
-const StyledGlobalMenuItemWrapper = styled.li`
-  cursor: pointer;
-  height: 32px;
-  padding-left: 16px;
-  padding-right: 16px;
-  display: grid;
-  align-items: center;
-  list-style: none;
-  position: relative;
-  ${position}
-  ${layout}
-  ${sizing}
-  ${space}
-
-  ${(props) => {
-  if (props.disabled)
-    return disabledOption();
-  if (props.isFocus)
-    return focusBorderCss(props);
-  if (props.isActive)
-    return activeBorderCss(props);
-  return "";
-}};
-
-  background-color: ${(props) => props.isActive ? props.theme.colors.brand[200] : "white"};
-
-  &:hover {
-    background-color: ${(props) => !props.disabled && props.theme.colors.brand[200]};
-  }
-`;
-const StyledMenuItemWrapper = styled(StyledGlobalMenuItemWrapper)`
-  background-color: ${(props) => props.isSelected ? props.theme.colors.brand[200] : "white"} !important;
-  cursor: ${(props) => props.disabled && "not-allowed"};
-  ${(props) => props.isSelected && !props.isFocus ? activeBorderCss(props) : ""};
-`;
-const StyledSubmenuItemWrapper = styled(StyledGlobalMenuItemWrapper)`
-  ${(props) => props.isSelected || props.isActive ? activeBorderCss(props) : ""};
-
-  padding-right: 0;
-`;
-export {
-  StyledGlobalMenuItemWrapper,
-  StyledMenuItemWrapper,
-  StyledSubmenuItemWrapper
-};
-//# sourceMappingURL=styled.js.map

package/esm/MenuItem/components/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/MenuItem/components/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled, { css } from 'styled-components';\nimport {\n  layout,\n  position,\n  space,\n  sizing,\n  LayoutProps,\n  SizingProps,\n  PositionProps,\n  SpaceProps,\n} from '@xstyled/styled-components';\nimport { MenuItemT } from '../props';\n\nconst borderOutside = (color, width = 1) => css`\n  :after {\n    display: block;\n    content: ' ';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: ${width}px solid ${color};\n    pointer-events: none;\n    z-index: 7;\n  }\n`;\n\nconst disabledOption = () => css`\n  cursor: not-allowed;\n  * {\n    cursor: not-allowed;\n  }\n`;\n\nconst activeBorderCss = (props) => borderOutside(props.theme.colors.brand[500]);\nconst focusBorderCss = (props) => borderOutside(props.theme.colors.brand[700], 2);\n\nexport const StyledGlobalMenuItemWrapper = styled.li<\n  Pick<MenuItemT, 'isSelected' | 'isFocus' | 'isActive'> & LayoutProps & SizingProps & PositionProps & SpaceProps\n>`\n  cursor: pointer;\n  height: 32px;\n  padding-left: 16px;\n  padding-right: 16px;\n  display: grid;\n  align-items: center;\n  list-style: none;\n  position: relative;\n  ${position}\n  ${layout}\n  ${sizing}\n  ${space}\n\n  ${(props) => {\n    if (props.disabled) return disabledOption();\n    if (props.isFocus) return focusBorderCss(props);\n    if (props.isActive) return activeBorderCss(props);\n    return '';\n  }};\n\n  background-color: ${(props) => (props.isActive ? props.theme.colors.brand[200] : 'white')};\n\n  &:hover {\n    background-color: ${(props) => !props.disabled && props.theme.colors.brand[200]};\n  }\n`;\n\nexport const StyledMenuItemWrapper = styled(StyledGlobalMenuItemWrapper)`\n  background-color: ${(props) => (props.isSelected ? props.theme.colors.brand[200] : 'white')} !important;\n  cursor: ${(props) => props.disabled && 'not-allowed'};\n  ${(props) => (props.isSelected && !props.isFocus ? activeBorderCss(props) : '')};\n`;\n\nexport const StyledSubmenuItemWrapper = styled(StyledGlobalMenuItemWrapper)`\n  ${(props) => (props.isSelected || props.isActive ? activeBorderCss(props) : '')};\n\n  padding-right: 0;\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA,MAAM,gBAAgB,CAAC,OAAO,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAS9B,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAM/B,MAAM,iBAAiB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAO7B,MAAM,kBAAkB,CAAC,UAAU,cAAc,MAAM,MAAM,OAAO,MAAM;AAC1E,MAAM,iBAAiB,CAAC,UAAU,cAAc,MAAM,MAAM,OAAO,MAAM,MAAM;AAExE,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAW9C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,CAAC,UAAU;AACX,MAAI,MAAM;AAAU,WAAO;AAC3B,MAAI,MAAM;AAAS,WAAO,eAAe;AACzC,MAAI,MAAM;AAAU,WAAO,gBAAgB;AAC3C,SAAO;AAAA;AAAA;AAAA,sBAGW,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA;AAAA;AAAA,wBAG3D,CAAC,UAAU,CAAC,MAAM,YAAY,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAIxE,MAAM,wBAAwB,OAAO;AAAA,sBACtB,CAAC,UAAW,MAAM,aAAa,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA,YACzE,CAAC,UAAU,MAAM,YAAY;AAAA,IACrC,CAAC,UAAW,MAAM,cAAc,CAAC,MAAM,UAAU,gBAAgB,SAAS;AAAA;AAGvE,MAAM,2BAA2B,OAAO;AAAA,IAC3C,CAAC,UAAW,MAAM,cAAc,MAAM,WAAW,gBAAgB,SAAS;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/esm/MenuItem/index.js

@@ -1,3 +0,0 @@
-import * as React from "react";
-export * from "./components";
-//# sourceMappingURL=index.js.map

package/esm/MenuItem/props.js

@@ -1,26 +0,0 @@
-import * as React from "react";
-import { noop } from "lodash";
-import { PropTypes } from "react-desc";
-const defaultProps = {
-  dsId: "",
-  value: "",
-  label: "",
-  onClick: noop,
-  onKeyUp: noop,
-  isSelected: false,
-  isActive: false,
-  isFocus: false,
-  disabled: false,
-  wrapperStyles: {},
-  withVirtualization: false,
-  dataTestid: "ds-menu-item"
-};
-const itemProps = {
-  value: PropTypes.any.description("").defaultValue(""),
-  label: PropTypes.string.description("").defaultValue("")
-};
-export {
-  defaultProps,
-  itemProps
-};
-//# sourceMappingURL=props.js.map

package/esm/MenuItem/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MenuItem/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { noop } from 'lodash';\nimport { PropTypes } from 'react-desc';\nimport { SizingProps } from '@xstyled/styled-components';\n\nexport interface MenuItemT {\n  dsId: string;\n  value: string;\n  label: string;\n  onClick: (value: any) => void;\n  onKeyUp: () => void;\n  isSelected: boolean;\n  isFocus: boolean;\n  isActive: boolean;\n  disabled: boolean;\n  rightAddon?: 'chevron' | 'ellipsis';\n  options?: unknown[];\n  innerRef?: React.RefObject<HTMLLIElement> | ((_ref: HTMLLIElement) => void);\n  selectedOptions?: unknown[];\n  onMouseDown?: React.MouseEventHandler;\n  onMouseEnter?: React.MouseEventHandler;\n  onMouseLeave?: React.MouseEventHandler;\n  onKeyDown?: React.KeyboardEventHandler;\n  wrapperStyles?: Record<string, unknown>;\n  withVirtualization?: boolean;\n  minWidth?: SizingProps['minWidth'];\n  maxHeight?: SizingProps['maxHeight'];\n  render?: (props: MenuItemT) => JSX.Element;\n  tabIndex?: number;\n  dataTestid: string;\n}\n\nexport const defaultProps: MenuItemT = {\n  dsId: '',\n  value: '',\n  label: '',\n  onClick: noop,\n  onKeyUp: noop,\n  isSelected: false,\n  isActive: false,\n  isFocus: false,\n  disabled: false,\n  wrapperStyles: {},\n  withVirtualization: false,\n  dataTestid: 'ds-menu-item',\n};\n\nexport const itemProps = {\n  value: PropTypes.any.description('').defaultValue(''),\n  label: PropTypes.string.description('').defaultValue(''),\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AA8BO,MAAM,eAA0B;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,YAAY;AAAA;AAGP,MAAM,YAAY;AAAA,EACvB,OAAO,UAAU,IAAI,YAAY,IAAI,aAAa;AAAA,EAClD,OAAO,UAAU,OAAO,YAAY,IAAI,aAAa;AAAA;",
-  "names": []
-}

package/types/Checkbox/index.d.ts

@@ -1 +0,0 @@
-export * from './DSCheckbox';

package/types/MenuItem/components/MenuItem/index.d.ts

@@ -1,20 +0,0 @@
-/// <reference path="../../../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-import { MenuItemT } from '../../props';
-declare const MenuItem: {
-    (props: MenuItemT): JSX.Element;
-    propTypes: {
-        value: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        label: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-    };
-};
-declare const MenuItemWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { MenuItem, MenuItemWithSchema };

package/types/MenuItem/components/MenuItem/styled.d.ts

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

package/types/MenuItem/components/MultiMenuItem/MultiMenuItem.d.ts

@@ -1,21 +0,0 @@
-/// <reference path="../../../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-import { MenuItemT } from '../../props';
-declare const MultiMenuItem: {
-    (props: MenuItemT): JSX.Element;
-    propTypes: {
-        value: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        label: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-    };
-    defaultProps: MenuItemT;
-};
-declare const MultiMenuItemWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { MultiMenuItem, MultiMenuItemWithSchema };

package/types/MenuItem/components/MultiMenuItem/styled.d.ts

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

package/types/MenuItem/components/Section/index.d.ts

@@ -1,12 +0,0 @@
-/// <reference path="../../../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-import { MenuSectionItemT } from './props';
-declare const Section: {
-    (props: MenuSectionItemT): JSX.Element;
-    propTypes: {
-        label: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-    };
-};
-export { Section };

package/types/MenuItem/components/Section/props.d.ts

@@ -1,14 +0,0 @@
-/// <reference path="../../../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-export interface MenuSectionItemT {
-    label: string;
-    wrapperStyles?: Record<string, unknown>;
-    innerRef?: React.RefObject<HTMLLIElement> | ((_ref: HTMLLIElement) => void);
-    render?: (props: MenuSectionItemT) => JSX.Element;
-}
-export declare const defaultProps: MenuSectionItemT;
-export declare const itemProps: {
-    label: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-};

package/types/MenuItem/components/Section/styled.d.ts

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

package/types/MenuItem/components/Separator/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface SeparatorProps {
-    wrapperStyles: Record<string, unknown>;
-    innerRef: React.RefObject<HTMLLIElement> | ((_ref: HTMLLIElement) => void);
-    render?: (props: SeparatorProps) => JSX.Element;
-}
-declare const Separator: (props: SeparatorProps) => JSX.Element;
-export { Separator };

package/types/MenuItem/components/Separator/styled.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledSeparator: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledSeparatorWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;

package/types/MenuItem/components/SingleMenuItem/SingleMenuItem.d.ts

@@ -1,16 +0,0 @@
-/// <reference path="../../../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-import { MenuItemT } from '../../props';
-declare const SingleMenuItem: {
-    (props: MenuItemT): JSX.Element;
-    propTypes: {
-        value: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        label: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-    };
-    defaultProps: MenuItemT;
-};
-export { SingleMenuItem };

package/types/MenuItem/components/SubmenuItem/index.d.ts

@@ -1,20 +0,0 @@
-/// <reference path="../../../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-import { MenuItemT } from '../../props';
-declare const SubmenuItem: {
-    (props: MenuItemT): JSX.Element;
-    propTypes: {
-        value: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        label: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-    };
-};
-declare const SubmenuItemWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { SubmenuItem, SubmenuItemWithSchema };

package/types/MenuItem/components/SubmenuItem/styled.d.ts

@@ -1,2 +0,0 @@
-export declare const StyledItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<import("../../props").MenuItemT, "isActive" | "isSelected" | "isFocus"> & import("@xstyled/system").LayoutProps<import("@xstyled/system").Theme> & import("@xstyled/system").SizingProps<import("@xstyled/system").Theme> & import("@xstyled/system").PositionProps<import("@xstyled/system").Theme> & import("@xstyled/system").SpaceProps<import("@xstyled/system").Theme>, never>;
-export declare const StyledItemLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/MenuItem/components/index.d.ts

@@ -1,6 +0,0 @@
-export * from './SingleMenuItem/SingleMenuItem';
-export * from './MultiMenuItem/MultiMenuItem';
-export * from './MenuItem';
-export * from './SubmenuItem';
-export * from './Section';
-export * from './Separator';

package/types/MenuItem/components/styled.d.ts

@@ -1,5 +0,0 @@
-import { LayoutProps, SizingProps, PositionProps, SpaceProps } from '@xstyled/styled-components';
-import { MenuItemT } from '../props';
-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>;
-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>;
-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/MenuItem/index.d.ts

@@ -1 +0,0 @@
-export * from './components';

package/types/MenuItem/props.d.ts

@@ -1,38 +0,0 @@
-/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-import { SizingProps } from '@xstyled/styled-components';
-export interface MenuItemT {
-    dsId: string;
-    value: string;
-    label: string;
-    onClick: (value: any) => void;
-    onKeyUp: () => void;
-    isSelected: boolean;
-    isFocus: boolean;
-    isActive: boolean;
-    disabled: boolean;
-    rightAddon?: 'chevron' | 'ellipsis';
-    options?: unknown[];
-    innerRef?: React.RefObject<HTMLLIElement> | ((_ref: HTMLLIElement) => void);
-    selectedOptions?: unknown[];
-    onMouseDown?: React.MouseEventHandler;
-    onMouseEnter?: React.MouseEventHandler;
-    onMouseLeave?: React.MouseEventHandler;
-    onKeyDown?: React.KeyboardEventHandler;
-    wrapperStyles?: Record<string, unknown>;
-    withVirtualization?: boolean;
-    minWidth?: SizingProps['minWidth'];
-    maxHeight?: SizingProps['maxHeight'];
-    render?: (props: MenuItemT) => JSX.Element;
-    tabIndex?: number;
-    dataTestid: string;
-}
-export declare const defaultProps: MenuItemT;
-export declare const itemProps: {
-    value: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-    label: {
-        deprecated: import("react-desc").PropTypesDescValidator;
-    };
-};