@elliemae/ds-button-v1 3.17.0-next.2 → 3.17.0-next.21

package/dist/types/DSButton.d.ts

@@ -0,0 +1,68 @@
+import React from 'react';
+import { BUTTON_TYPE, BUTTON_SIZE, BUTTON_VARIANT } from './constants.js';
+interface ButtonPropsT {
+    [x: string]: unknown;
+    disabled?: boolean;
+    fluidWidth?: boolean;
+    innerRef?: unknown;
+    buttonType?: (typeof BUTTON_TYPE)[keyof typeof BUTTON_TYPE];
+    size?: (typeof BUTTON_SIZE)[keyof typeof BUTTON_SIZE];
+    variant?: (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];
+    labelText?: string;
+    icon?: JSX.Element;
+    leftIcon?: JSX.Element;
+    tabIndex?: number;
+    intent?: 'success' | 'danger' | 'warning' | 'info';
+    containerProps?: {
+        [x: string]: unknown;
+    };
+    className?: string;
+    as?: string | JSX.Element;
+    type?: 'button' | 'text';
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    onClick?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
+    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
+}
+declare const DSButton: {
+    ({ innerRef, disabled, buttonType, fluidWidth, size, labelText, icon, onBlur, onClick, onKeyPress, leftIcon, tabIndex, variant, intent, containerProps, className, as: Component, type, ...rest }: ButtonPropsT): import("react/jsx-runtime.js").JSX.Element;
+    defaultProps: {
+        disabled: boolean;
+        fluidWidth: boolean;
+        labelText: string;
+        icon: null;
+        onBlur: () => null;
+        onClick: () => null;
+        onKeyPress: () => null;
+        leftIcon: null;
+        tabIndex: number;
+        variant: "variant-default";
+        containerProps: {};
+        as: string;
+        type: string;
+    };
+    propTypes: {
+        tabIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        'aria-disabled': import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        as: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        fluidWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        labelText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        icon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        leftIcon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        buttonType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        variant: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onBlur: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        intent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onKeyPress: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    };
+    displayName: string;
+};
+declare const DSButtonWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<ButtonPropsT>;
+export { DSButton, DSButtonWithSchema };
+export default DSButton;

package/dist/types/constants.d.ts

@@ -0,0 +1,26 @@
+export declare const BUTTON_TYPE: {
+    PRIMARY: "primary";
+    SECONDARY: "secondary";
+    TEXT: "text";
+    LINK: "link";
+};
+export declare const buttonTypes: readonly ["primary", "secondary", "text", "link"];
+export declare const BUTTON_SIZE: {
+    S: "s";
+    M: "m";
+    L: "l";
+};
+export declare const BUTTON_INTENT: {
+    DANGER: "danger";
+    SUCCESS: "success";
+    WARNING: "warning";
+    INFO: "info";
+};
+export declare const BUTTON_VARIANT: {
+    DEFAULT: "variant-default";
+    FOCUS: "variant-focus";
+    ACTIVE: "variant-active";
+    DISABLED: "variant-disabled";
+    HOVER: "variant-hover";
+};
+export declare const buttonVariants: readonly ["variant-default", "variant-focus", "variant-active", "variant-disabled", "variant-hover"];

package/dist/types/defaultProps.d.ts

@@ -0,0 +1,15 @@
+export declare const defaultProps: {
+    disabled: boolean;
+    fluidWidth: boolean;
+    labelText: string;
+    icon: null;
+    onBlur: () => null;
+    onClick: () => null;
+    onKeyPress: () => null;
+    leftIcon: null;
+    tabIndex: number;
+    variant: "variant-default";
+    containerProps: {};
+    as: string;
+    type: string;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DSButton.js';
+export * from './constants.js';
+export { default } from './DSButton.js';

package/dist/types/propTypes.d.ts

@@ -0,0 +1,84 @@
+export declare const btnPropTypes: {
+    /**
+     * Tab index
+     */
+    tabIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * Additional className
+     */
+    className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * aria disabled
+     */
+    'aria-disabled': import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * Html tag. default 'button'
+     */
+    as: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * Whether the button is disabled or not
+     */
+    disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * Make the content of the button fit the button container or not
+     */
+    fluidWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * Displayable label inside the button
+     */
+    labelText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * Put an icon inside the button
+     */
+    icon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * Put an icon on the left side of the button
+     */
+    leftIcon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * ['primary', 'secondary', 'text', 'link']
+     */
+    buttonType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * ['s', 'm', 'l']
+     */
+    size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * submit or button
+     */
+    type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * [
+     *  'variant-default',
+     *  'variant-focus',
+     *  'variant-active',
+     *  'variant-disabled',
+     * ]
+     */
+    variant: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * Refence
+     */
+    innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * Onblur callback
+     */
+    onBlur: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * Apply intent color: ['success', 'warning', 'danger', 'info']
+     * Only valid with buttonType="text"
+     */
+    intent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * additional props for the container
+     */
+    containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * Allows a function that is triggered once the button is clicked
+     */
+    onClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    /**
+     * Allows a function that is triggered once the button is key pressed
+     */
+    onKeyPress: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+};

package/dist/types/tests/DSButton.events.test.d.ts

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

package/dist/types/tests/DSButton.test.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-button-v1",
-  "version": "3.17.0-next.2",
+  "version": "3.17.0-next.21",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Button V 1",
   "files": [
@@ -51,20 +51,18 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.17.0-next.2",
-    "@elliemae/ds-props-helpers": "3.17.0-next.2",
-    "@elliemae/ds-shared": "3.17.0-next.2",
-    "@elliemae/ds-utilities": "3.17.0-next.2"
+    "@elliemae/ds-classnames": "3.17.0-next.21",
+    "@elliemae/ds-props-helpers": "3.17.0-next.21",
+    "@elliemae/ds-utilities": "3.17.0-next.21",
+    "@elliemae/ds-shared": "3.17.0-next.21"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "~5.16.5",
-    "@testing-library/react": "~12.1.3",
-    "styled-components": "~5.3.9"
+    "@testing-library/react": "~12.1.3"
   },
   "peerDependencies": {
     "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "styled-components": "~5.3.6"
+    "react-dom": "^17.0.2"
   },
   "publishConfig": {
     "access": "public",
@@ -74,8 +72,8 @@
     "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
     "test": "node ../../scripts/testing/test.mjs",
     "lint": "node ../../scripts/lint.mjs --fix",
-    "eslint:fix": "exit 0",
-    "dts": "exit 0",
+    "eslint:fix": "exit 0 | echo",
+    "dts": "exit 0 | echo",
     "dts:withdeps": "exit 0",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
     "dev:build": "pnpm --filter {.}... build",