@elliemae/ds-form-checkbox 3.62.1 → 3.70.0-alpha.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.
- package/dist/cjs/TruncatedTooltipText.js +133 -0
- package/dist/cjs/TruncatedTooltipText.js.map +7 -0
- package/dist/cjs/config/useValidateProps.js +2 -2
- package/dist/cjs/config/useValidateProps.js.map +2 -2
- package/dist/cjs/{exported-related → constants}/index.js +9 -4
- package/dist/cjs/constants/index.js.map +7 -0
- package/dist/cjs/index.js +4 -4
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/parts/ControlledCheckBoxContent.js +25 -3
- package/dist/cjs/parts/ControlledCheckBoxContent.js.map +2 -2
- package/dist/cjs/react-desc-prop-types.js +2 -2
- package/dist/cjs/react-desc-prop-types.js.map +2 -2
- package/dist/cjs/styles.js +27 -44
- package/dist/cjs/styles.js.map +2 -2
- package/dist/cjs/typescript-testing/slot-props.js +48 -0
- package/dist/cjs/typescript-testing/slot-props.js.map +7 -0
- package/dist/esm/TruncatedTooltipText.js +107 -0
- package/dist/esm/TruncatedTooltipText.js.map +7 -0
- package/dist/esm/config/useValidateProps.js +1 -1
- package/dist/esm/config/useValidateProps.js.map +1 -1
- package/dist/esm/{exported-related → constants}/index.js +6 -1
- package/dist/esm/constants/index.js.map +7 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/parts/ControlledCheckBoxContent.js +26 -4
- package/dist/esm/parts/ControlledCheckBoxContent.js.map +2 -2
- package/dist/esm/react-desc-prop-types.js +1 -1
- package/dist/esm/react-desc-prop-types.js.map +2 -2
- package/dist/esm/styles.js +18 -35
- package/dist/esm/styles.js.map +2 -2
- package/dist/esm/typescript-testing/slot-props.js +25 -0
- package/dist/esm/typescript-testing/slot-props.js.map +7 -0
- package/dist/types/TruncatedTooltipText.d.ts +11 -0
- package/dist/types/constants/index.d.ts +23 -0
- package/dist/types/index.d.ts +3 -3
- package/dist/types/parts/ControlledCheckBoxContent.d.ts +2 -1
- package/dist/types/parts/MainInput.d.ts +2 -1
- package/dist/types/react-desc-prop-types.d.ts +17 -1
- package/dist/types/styles.d.ts +1 -1
- package/package.json +13 -11
- package/dist/cjs/exported-related/index.js.map +0 -7
- package/dist/esm/exported-related/index.js.map +0 -7
- package/dist/types/exported-related/index.d.ts +0 -13
- package/dist/types/tests/DSControlledCheckbox.API.test.d.ts +0 -1
- package/dist/types/tests/DSControlledCheckbox.a11y.test.d.ts +0 -1
- package/dist/types/tests/DSControlledCheckbox.keyboard.test.d.ts +0 -1
- package/dist/types/tests/DSControlledCheckbox.test.d.ts +0 -1
- package/dist/types/tests/DSControlledCheckboxMixed.test.d.ts +0 -1
- package/dist/types/tests/DSControllledCheckbox.events.test.d.ts +0 -1
- package/dist/types/tests/axe.test.d.ts +0 -1
- package/dist/types/typescript-testing/typescript-checkbox-valid.d.ts +0 -1
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export declare const DSCheckboxName = "DSCheckbox";
|
|
2
|
+
export declare const DSCheckboxSlots: {
|
|
3
|
+
readonly CONTAINER: "root";
|
|
4
|
+
readonly INPUT: "input";
|
|
5
|
+
readonly INPUT_WRAPPER: "input-wrapper";
|
|
6
|
+
readonly LABEL: "label";
|
|
7
|
+
readonly LABEL_TYPOGRAPHY: "label-typography";
|
|
8
|
+
readonly READ_ONLY_HELPER: "read-only-helper";
|
|
9
|
+
readonly TRUNCATED_LABEL: "truncated-label";
|
|
10
|
+
readonly TOOLTIP_CONTAINER: "tooltip-container";
|
|
11
|
+
readonly TOOLTIP_TEXT: "tooltip-text";
|
|
12
|
+
};
|
|
13
|
+
export declare const DSCheckboxDataTestIds: {
|
|
14
|
+
readonly CONTAINER: "ds-checkbox-container";
|
|
15
|
+
readonly INPUT: "ds-checkbox";
|
|
16
|
+
readonly INPUT_WRAPPER: "ds-checkbox-input-wrapper";
|
|
17
|
+
readonly LABEL: "ds-checkbox-label";
|
|
18
|
+
readonly LABEL_TYPOGRAPHY: "ds-checkbox-label-typography";
|
|
19
|
+
readonly READ_ONLY_HELPER: "ds-checkbox-read-only-helper";
|
|
20
|
+
readonly TRUNCATED_LABEL: "ds-checkbox-truncated-label";
|
|
21
|
+
readonly TOOLTIP_CONTAINER: "ds-checkbox-tooltip-container";
|
|
22
|
+
readonly TOOLTIP_TEXT: "ds-checkbox-tooltip-text";
|
|
23
|
+
};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { DSControlledCheckboxT } from './react-desc-prop-types.js';
|
|
2
2
|
export type { DSControlledCheckboxT } from './react-desc-prop-types.js';
|
|
3
|
-
export { DSCheckboxDataTestIds, DSCheckboxName, DSCheckboxSlots } from './
|
|
3
|
+
export { DSCheckboxDataTestIds, DSCheckboxName, DSCheckboxSlots } from './constants/index.js';
|
|
4
4
|
export { DSControlledCheckboxWithSchema } from './ControlledCheckbox.js';
|
|
5
|
-
export declare const DSControlledCheckbox: ({ ...props }: DSControlledCheckboxT.Props) => import("react
|
|
6
|
-
export declare const PresentationalCheckbox: ({ ...props }: DSControlledCheckboxT.Props) => import("react
|
|
5
|
+
export declare const DSControlledCheckbox: ({ ...props }: DSControlledCheckboxT.Props) => import("react").JSX.Element;
|
|
6
|
+
export declare const PresentationalCheckbox: ({ ...props }: DSControlledCheckboxT.Props) => import("react").JSX.Element;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const ControlledCheckBoxContent: () => React.JSX.Element;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const MainInput: () => React.JSX.Element | null;
|
|
@@ -1,11 +1,22 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
2
|
import type { GlobalAttributesT } from '@elliemae/ds-props-helpers';
|
|
3
3
|
import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
|
|
4
|
-
import { DSCheckboxName, DSCheckboxSlots } from './
|
|
4
|
+
import { DSCheckboxName, DSCheckboxSlots } from './constants/index.js';
|
|
5
5
|
import { DEVICE } from './constants/device.js';
|
|
6
6
|
export declare namespace DSControlledCheckboxT {
|
|
7
7
|
type DevicesKeys = keyof typeof DEVICE;
|
|
8
8
|
type Devices = (typeof DEVICE)[DevicesKeys];
|
|
9
|
+
type SlotFunctionArguments = {
|
|
10
|
+
dsCheckboxRoot: () => object;
|
|
11
|
+
dsCheckboxInputWrapper: () => object;
|
|
12
|
+
dsCheckboxInput: () => object;
|
|
13
|
+
dsCheckboxLabel: () => object;
|
|
14
|
+
dsCheckboxLabelTypography: () => object;
|
|
15
|
+
dsCheckboxReadOnlyHelper: () => object;
|
|
16
|
+
dsCheckboxTruncatedLabel: () => object;
|
|
17
|
+
dsCheckboxTooltipContainer: () => object;
|
|
18
|
+
dsCheckboxTooltipText: () => object;
|
|
19
|
+
};
|
|
9
20
|
interface RequiredProps {
|
|
10
21
|
}
|
|
11
22
|
interface DefaultProps {
|
|
@@ -70,6 +81,11 @@ export declare const propTypes: {
|
|
|
70
81
|
dsCheckboxInput: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
71
82
|
dsCheckboxInputWrapper: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
72
83
|
dsCheckboxLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
84
|
+
dsCheckboxLabelTypography: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
85
|
+
dsCheckboxReadOnlyHelper: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
86
|
+
dsCheckboxTruncatedLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
87
|
+
dsCheckboxTooltipContainer: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
88
|
+
dsCheckboxTooltipText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
73
89
|
margin: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
74
90
|
m: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
|
75
91
|
marginTop: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
|
package/dist/types/styles.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ export declare const StyledCheckBox: import("styled-components").StyledComponent
|
|
|
3
3
|
export declare const StyledInput: import("styled-components").StyledComponent<"input", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"input">, never>;
|
|
4
4
|
export declare const StyledInputMixed: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
5
5
|
export declare const StyledLabel: import("styled-components").StyledComponent<"label", import("@elliemae/ds-system").Theme, DSControlledCheckboxT.StyledLabelT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"label">, never>;
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const StyledLabelTypography: import("styled-components").StyledComponent<import("react").FC<import("@elliemae/ds-typography").DSTypographyT.Props>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").FC<import("@elliemae/ds-typography").DSTypographyT.Props>>, never>;
|
|
7
7
|
export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
|
|
8
8
|
device?: "mobile" | "desktop";
|
|
9
9
|
wrapLabel?: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-form-checkbox",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.70.0-alpha.9",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Controlled Form Checkbox",
|
|
6
6
|
"files": [
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
],
|
|
23
23
|
"repository": {
|
|
24
24
|
"type": "git",
|
|
25
|
-
"url": "https://
|
|
25
|
+
"url": "https://github.com/intcx/PLATFORM-UI.dimsum.git"
|
|
26
26
|
},
|
|
27
27
|
"engines": {
|
|
28
28
|
"pnpm": ">=9",
|
|
@@ -37,23 +37,25 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"uid": "^2.0.2",
|
|
40
|
-
"@elliemae/ds-
|
|
41
|
-
"@elliemae/ds-
|
|
42
|
-
"@elliemae/ds-
|
|
43
|
-
"@elliemae/ds-
|
|
40
|
+
"@elliemae/ds-floating-context": "3.70.0-alpha.9",
|
|
41
|
+
"@elliemae/ds-props-helpers": "3.70.0-alpha.9",
|
|
42
|
+
"@elliemae/ds-typescript-helpers": "3.70.0-alpha.9",
|
|
43
|
+
"@elliemae/ds-typography": "3.70.0-alpha.9",
|
|
44
|
+
"@elliemae/ds-system": "3.70.0-alpha.9"
|
|
44
45
|
},
|
|
45
46
|
"devDependencies": {
|
|
46
47
|
"@elliemae/pui-theme": "~2.13.0",
|
|
48
|
+
"@playwright/experimental-ct-react": "1.61.1",
|
|
47
49
|
"jest": "^30.0.0",
|
|
48
|
-
"styled-components": "~5.3.
|
|
49
|
-
"@elliemae/ds-monorepo-devops": "3.
|
|
50
|
-
"@elliemae/ds-test-utils": "3.
|
|
50
|
+
"styled-components": "~5.3.11",
|
|
51
|
+
"@elliemae/ds-monorepo-devops": "3.70.0-alpha.9",
|
|
52
|
+
"@elliemae/ds-test-utils": "3.70.0-alpha.9"
|
|
51
53
|
},
|
|
52
54
|
"peerDependencies": {
|
|
53
55
|
"@elliemae/pui-theme": "~2.13.0",
|
|
54
56
|
"react": "^18.3.1",
|
|
55
57
|
"react-dom": "^18.3.1",
|
|
56
|
-
"styled-components": "~5.3.
|
|
58
|
+
"styled-components": "~5.3.11",
|
|
57
59
|
"styled-system": "^5.1.5"
|
|
58
60
|
},
|
|
59
61
|
"publishConfig": {
|
|
@@ -62,7 +64,7 @@
|
|
|
62
64
|
},
|
|
63
65
|
"scripts": {
|
|
64
66
|
"dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
|
|
65
|
-
"test": "ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
|
|
67
|
+
"test": "playwright test -c ./playwright.config.mjs && ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
|
|
66
68
|
"lint": "node ../../../scripts/lint.mjs --fix",
|
|
67
69
|
"lint:strict": "node ../../../scripts/lint-strict.mjs",
|
|
68
70
|
"dts": "node ../../../scripts/dts.mjs",
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/exported-related/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSCheckboxName = 'DSCheckbox';\n\nexport const DSCheckboxSlots = {\n CONTAINER: 'root',\n INPUT: 'input',\n INPUT_WRAPPER: 'input-wrapper',\n LABEL: 'label',\n} as const;\n\nexport const DSCheckboxDataTestIds = {\n ...slotObjectToDataTestIds(DSCheckboxName, DSCheckboxSlots),\n // for legacy reasons we have to keep those around and override the slots...\n CONTAINER: 'ds-checkbox-container',\n INPUT: 'ds-checkbox',\n} as const;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,eAAe;AAAA,EACf,OAAO;AACT;AAEO,MAAM,wBAAwB;AAAA,EACnC,OAAG,0CAAwB,gBAAgB,eAAe;AAAA;AAAA,EAE1D,WAAW;AAAA,EACX,OAAO;AACT;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSCheckboxName = 'DSCheckbox';\n\nexport const DSCheckboxSlots = {\n CONTAINER: 'root',\n INPUT: 'input',\n INPUT_WRAPPER: 'input-wrapper',\n LABEL: 'label',\n} as const;\n\nexport const DSCheckboxDataTestIds = {\n ...slotObjectToDataTestIds(DSCheckboxName, DSCheckboxSlots),\n // for legacy reasons we have to keep those around and override the slots...\n CONTAINER: 'ds-checkbox-container',\n INPUT: 'ds-checkbox',\n} as const;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,eAAe;AAAA,EACf,OAAO;AACT;AAEO,MAAM,wBAAwB;AAAA,EACnC,GAAG,wBAAwB,gBAAgB,eAAe;AAAA;AAAA,EAE1D,WAAW;AAAA,EACX,OAAO;AACT;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export declare const DSCheckboxName = "DSCheckbox";
|
|
2
|
-
export declare const DSCheckboxSlots: {
|
|
3
|
-
readonly CONTAINER: "root";
|
|
4
|
-
readonly INPUT: "input";
|
|
5
|
-
readonly INPUT_WRAPPER: "input-wrapper";
|
|
6
|
-
readonly LABEL: "label";
|
|
7
|
-
};
|
|
8
|
-
export declare const DSCheckboxDataTestIds: {
|
|
9
|
-
readonly CONTAINER: "ds-checkbox-container";
|
|
10
|
-
readonly INPUT: "ds-checkbox";
|
|
11
|
-
readonly INPUT_WRAPPER: "ds-checkbox-input-wrapper";
|
|
12
|
-
readonly LABEL: "ds-checkbox-label";
|
|
13
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|