@elliemae/ds-tab-button 3.60.0-next.20

package/dist/esm/typescript-testing/DSTabButtonNamespace.js

@@ -0,0 +1,99 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DSTabButton } from "../index.js";
+const testRequiredProps = {
+  label: "string"
+};
+const testOptionalProps = {
+  className: "string",
+  dsTabbuttonRoot: {
+    onClick: () => {
+    },
+    "data-testid": "over-ride-test-id",
+    "aria-label": "over-ride-aria-label"
+  }
+};
+const testPartialDefaults = {};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  variant: "primary",
+  isSelected: false,
+  notificationBadge: false,
+  applyAriaDisabled: false,
+  required: false
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  label: "string",
+  className: "string",
+  dsTabbuttonRoot: {
+    onClick: () => {
+    },
+    "data-testid": "over-ride-test-id",
+    "aria-label": "over-ride-aria-label"
+  }
+};
+const testInferedTypeCompatibility = {
+  label: "string",
+  className: "string",
+  onSomethingEvent: (newVal, e) => {
+  },
+  dsTabbuttonRoot: {
+    onClick: () => {
+    },
+    "data-testid": "over-ride-test-id",
+    "aria-label": "over-ride-aria-label"
+  }
+};
+const testDefinitionAsConst = {
+  label: "string",
+  className: "string",
+  onSomethingEvent: (newVal, e) => {
+  },
+  dsTabbuttonRoot: {
+    onClick: () => {
+    },
+    "data-testid": "over-ride-test-id",
+    "aria-label": "over-ride-aria-label"
+  },
+  foo: "string",
+  bar: 0,
+  something: "string"
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSTabButton, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(DSTabButton, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(DSTabButton, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(
+    DSTabButton,
+    {
+      label: "string",
+      className: "string",
+      dsTabbuttonRoot: {
+        onClick: () => {
+        },
+        "data-testid": "over-ride-test-id",
+        "aria-label": "over-ride-aria-label"
+      }
+    }
+  )
+] });
+//# sourceMappingURL=DSTabButtonNamespace.js.map

package/dist/esm/typescript-testing/DSTabButtonNamespace.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/DSTabButtonNamespace.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSTabButton, type DSTabButtonT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSTabButtonT.Props;\ntype ComponentPropsInternals = DSTabButtonT.InternalProps;\ntype ComponentPropsDefaultProps = DSTabButtonT.DefaultProps;\ntype ComponentPropsOptionalProps = DSTabButtonT.OptionalProps;\ntype ComponentPropsRequiredProps = DSTabButtonT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  label: 'string',\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  className: 'string',\n  dsTabbuttonRoot: {\n    onClick: () => {},\n    'data-testid': 'over-ride-test-id',\n    'aria-label': 'over-ride-aria-label',\n  },\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  variant: 'primary',\n  isSelected: false,\n  notificationBadge: false,\n  applyAriaDisabled: false,\n  required: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  label: 'string',\n  className: 'string',\n  dsTabbuttonRoot: {\n    onClick: () => {},\n    'data-testid': 'over-ride-test-id',\n    'aria-label': 'over-ride-aria-label',\n  },\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  label: 'string',\n  className: 'string',\n  onSomethingEvent: (newVal: string, e: React.ChangeEvent<HTMLElement>) => {},\n  dsTabbuttonRoot: {\n    onClick: () => {},\n    'data-testid': 'over-ride-test-id',\n    'aria-label': 'over-ride-aria-label',\n  },\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  label: 'string',\n  className: 'string',\n  onSomethingEvent: (newVal: string, e: React.ChangeEvent<HTMLElement>) => {},\n  dsTabbuttonRoot: {\n    onClick: () => {},\n    'data-testid': 'over-ride-test-id',\n    'aria-label': 'over-ride-aria-label',\n  },\n  foo: 'string',\n  bar: 0,\n  something: 'string',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSTabButton {...testExplicitDefinition} />\n    <DSTabButton {...testInferedTypeCompatibility} />\n    <DSTabButton {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSTabButton\n      label=\"string\"\n      className=\"string\"\n      dsTabbuttonRoot={{\n        onClick: () => {},\n        'data-testid': 'over-ride-test-id',\n        'aria-label': 'over-ride-aria-label',\n      }}\n    />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACkGrB,mBAEE,KAFF;AAjGF,SAAS,mBAAsC;AAS/C,MAAM,oBAAiD;AAAA,EACrD,OAAO;AACT;AAEA,MAAM,oBAAiD;AAAA,EACrD,WAAW;AAAA,EACX,iBAAiB;AAAA,IACf,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AACF;AAIA,MAAM,sBAA2D,CAAC;AAElE,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,mBAAmB;AAAA,EACnB,UAAU;AACZ;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,OAAO;AAAA,EACP,WAAW;AAAA,EACX,iBAAiB;AAAA,IACf,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AACF;AAGA,MAAM,+BAA+B;AAAA,EACnC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,kBAAkB,CAAC,QAAgB,MAAsC;AAAA,EAAC;AAAA,EAC1E,iBAAiB;AAAA,IACf,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AACF;AAEA,MAAM,wBAAwB;AAAA,EAC5B,OAAO;AAAA,EACP,WAAW;AAAA,EACX,kBAAkB,CAAC,QAAgB,MAAsC;AAAA,EAAC;AAAA,EAC1E,iBAAiB;AAAA,IACf,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AAAA,EACA,KAAK;AAAA,EACL,KAAK;AAAA,EACL,WAAW;AACb;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,eAAa,GAAG,wBAAwB;AAAA,EACzC,oBAAC,eAAa,GAAG,8BAA8B;AAAA,EAC/C,oBAAC,eAAa,GAAG,uBAAuB;AAAA,EAExC;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,iBAAiB;AAAA,QACf,SAAS,MAAM;AAAA,QAAC;AAAA,QAChB,eAAe;AAAA,QACf,cAAc;AAAA,MAChB;AAAA;AAAA,EACF;AAAA,GACF;",
+  "names": []
+}

package/dist/types/DSTabButton.d.ts

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

package/dist/types/config/useTabButton.d.ts

@@ -0,0 +1,12 @@
+import { useGetXstyledProps } from '@elliemae/ds-props-helpers';
+import { type DSTabButtonT } from '../react-desc-prop-types.js';
+export interface TabButtonCTX {
+    propsWithDefault: DSTabButtonT.InternalProps;
+    xstyledProps: ReturnType<typeof useGetXstyledProps>;
+    instanceUid: string;
+}
+export declare const useTabButton: (propsFromUser: DSTabButtonT.Props) => {
+    propsWithDefault: DSTabButtonT.InternalProps;
+    xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+    instanceUid: string;
+};

package/dist/types/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import type { ValidationMap } from '@elliemae/ds-props-helpers';
+import { type DSTabButtonT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSTabButtonT.InternalProps, propTypes: ValidationMap<unknown>) => void;

package/dist/types/constants/index.d.ts

@@ -0,0 +1,19 @@
+export declare const DSTabButtonName = "DSTabbutton";
+export declare const TAB_TYPES: {
+    readonly PRIMARY: "primary";
+    readonly PRIMARY_SMALL: "primary-small";
+    readonly SECONDARY: "secondary";
+};
+export declare const TAB_TYPES_VALUES_AS_ARRAY: ("primary" | "primary-small" | "secondary")[];
+export declare const TAB_BUTTON_SLOTS: {
+    readonly ROOT: "root";
+    readonly LABEL: "label";
+    readonly REQUIRED_MARK: "required-mark";
+    readonly CHILDREN_WRAPPER: "children-wrapper";
+};
+export declare const TAB_BUTTON_DATA_TESTID: {
+    ROOT: "ds-tabbutton-root";
+    LABEL: "ds-tabbutton-label";
+    REQUIRED_MARK: "ds-tabbutton-required-mark";
+    CHILDREN_WRAPPER: "ds-tabbutton-children-wrapper";
+};

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { DSTabButton, DSTabButtonWithSchema } from './DSTabButton.js';
+export { type DSTabButtonT } from './react-desc-prop-types.js';
+export { TAB_BUTTON_SLOTS, TAB_BUTTON_DATA_TESTID } from './constants/index.js';

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

@@ -0,0 +1,26 @@
+import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DSTabButtonName, TAB_BUTTON_SLOTS, TAB_TYPES } from './constants/index.js';
+export declare namespace DSTabButtonT {
+    type TabButtonVariant = (typeof TAB_TYPES)[keyof typeof TAB_TYPES];
+    interface RequiredProps {
+        label: string;
+    }
+    interface DefaultProps {
+        variant: TabButtonVariant;
+        isSelected: boolean;
+        notificationBadge?: boolean;
+        required?: boolean;
+        applyAriaDisabled?: boolean;
+    }
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSTabButtonName, typeof TAB_BUTTON_SLOTS> {
+        className?: string;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps | keyof RequiredProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps | keyof RequiredProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSTabButtonT.DefaultProps;
+export declare const DSTabButtonPropTypes: DSPropTypesSchema<DSTabButtonT.Props>;
+export declare const DSTabButtonPropTypesSchema: ValidationMap<DSTabButtonT.Props>;

package/dist/types/styles.d.ts

@@ -0,0 +1,19 @@
+import { type DSTypographyT } from '@elliemae/ds-typography';
+import type { DSTabButtonT } from './react-desc-prop-types.js';
+interface StyledTabButtonPropsT {
+    isActive?: boolean;
+    disabled?: boolean;
+    tabType: DSTabButtonT.TabButtonVariant;
+    notificationBadge?: boolean;
+}
+interface StyledTypographyPropsT extends DSTypographyT.Props {
+    $isSelected?: boolean;
+    $isDisabled?: boolean;
+    $tabType: DSTabButtonT.TabButtonVariant;
+}
+export declare const StyledNotificationBadge: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
+export declare const StyledTabButton: import("styled-components").StyledComponent<"button", import("@elliemae/ds-system").Theme, StyledTabButtonPropsT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"button">, never>;
+export declare const StyledTypography: import("styled-components").StyledComponent<import("react").FC<DSTypographyT.Props>, import("@elliemae/ds-system").Theme, StyledTypographyPropsT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").FC<DSTypographyT.Props>>, never>;
+export declare const StyledChildrenWrapper: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
+export declare const ScreenReaderOnly: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
+export {};

package/dist/types/tests/DSTabButton.API.test.d.ts

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

package/dist/types/tests/DSTabButton.data-testid.test.d.ts

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

package/dist/types/tests/DSTabButton.exports.test.d.ts

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

package/dist/types/tests/DSTabButton.keyboard.test.d.ts

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

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

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

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

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

package/dist/types/typescript-testing/DSTabButtonNamespace.d.ts

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

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@elliemae/ds-tab-button",
+  "version": "3.60.0-next.20",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Tab Button",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=9",
+    "node": ">=22"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@elliemae/ds-grid": "3.60.0-next.20",
+    "@elliemae/ds-props-helpers": "3.60.0-next.20",
+    "@elliemae/ds-typography": "3.60.0-next.20",
+    "@elliemae/ds-typescript-helpers": "3.60.0-next.20",
+    "@elliemae/ds-system": "3.60.0-next.20"
+  },
+  "devDependencies": {
+    "@elliemae/pui-theme": "~2.13.0",
+    "jest": "^30.0.0",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-monorepo-devops": "3.60.0-next.20",
+    "@elliemae/ds-test-utils": "3.60.0-next.20"
+  },
+  "peerDependencies": {
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "~14.6.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "styled-components": "~5.3.9"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": true
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
+    "lint": "node ../../../scripts/lint.mjs --fix",
+    "lint:strict": "node ../../../scripts/lint-strict.mjs",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}