@elliemae/ds-form-toggle 3.22.0-next.8 → 3.22.0-rc.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. package/dist/cjs/ControlledToggle.js +43 -60
  2. package/dist/cjs/ControlledToggle.js.map +3 -3
  3. package/dist/cjs/DSFormToggleDefinitions.js.map +1 -1
  4. package/dist/cjs/config/useDSControlledToggle.js +72 -0
  5. package/dist/cjs/config/useDSControlledToggle.js.map +7 -0
  6. package/dist/cjs/config/useValidateProps.js +40 -0
  7. package/dist/cjs/config/useValidateProps.js.map +7 -0
  8. package/dist/cjs/constants/index.js +48 -0
  9. package/dist/cjs/constants/index.js.map +7 -0
  10. package/dist/cjs/index.js.map +2 -2
  11. package/dist/cjs/{utils/addTooltipOnReadOnly.js → parts/AddTooltipOnReadOnly.js} +11 -8
  12. package/dist/cjs/parts/AddTooltipOnReadOnly.js.map +7 -0
  13. package/dist/cjs/react-desc-prop-types.js +65 -0
  14. package/dist/cjs/react-desc-prop-types.js.map +7 -0
  15. package/dist/cjs/styles.js +2 -2
  16. package/dist/cjs/styles.js.map +3 -3
  17. package/dist/cjs/utils/styleHelpers.js.map +2 -2
  18. package/dist/esm/ControlledToggle.js +45 -68
  19. package/dist/esm/ControlledToggle.js.map +3 -3
  20. package/dist/esm/DSFormToggleDefinitions.js.map +1 -1
  21. package/dist/esm/config/useDSControlledToggle.js +42 -0
  22. package/dist/esm/config/useDSControlledToggle.js.map +7 -0
  23. package/dist/esm/config/useValidateProps.js +10 -0
  24. package/dist/esm/config/useValidateProps.js.map +7 -0
  25. package/dist/esm/constants/index.js +18 -0
  26. package/dist/esm/constants/index.js.map +7 -0
  27. package/dist/esm/index.js.map +2 -2
  28. package/dist/esm/parts/AddTooltipOnReadOnly.js +15 -0
  29. package/dist/esm/parts/AddTooltipOnReadOnly.js.map +7 -0
  30. package/dist/esm/{propTypes.js → react-desc-prop-types.js} +10 -9
  31. package/dist/esm/react-desc-prop-types.js.map +7 -0
  32. package/dist/esm/styles.js +2 -2
  33. package/dist/esm/styles.js.map +3 -3
  34. package/dist/esm/utils/styleHelpers.js.map +2 -2
  35. package/dist/types/ControlledToggle.d.ts +3 -461
  36. package/dist/types/config/useDSControlledToggle.d.ts +16 -0
  37. package/dist/types/config/useValidateProps.d.ts +3 -0
  38. package/dist/types/constants/index.d.ts +9 -0
  39. package/dist/types/index.d.ts +1 -1
  40. package/dist/types/parts/AddTooltipOnReadOnly.d.ts +5 -0
  41. package/dist/types/react-desc-prop-types.d.ts +27 -0
  42. package/dist/types/styles.d.ts +4 -3
  43. package/dist/types/utils/styleHelpers.d.ts +1 -1
  44. package/package.json +13 -14
  45. package/dist/cjs/propTypes.js +0 -64
  46. package/dist/cjs/propTypes.js.map +0 -7
  47. package/dist/cjs/utils/addTooltipOnReadOnly.js.map +0 -7
  48. package/dist/esm/propTypes.js.map +0 -7
  49. package/dist/esm/utils/addTooltipOnReadOnly.js +0 -12
  50. package/dist/esm/utils/addTooltipOnReadOnly.js.map +0 -7
  51. package/dist/types/propTypes.d.ts +0 -484
  52. package/dist/types/utils/addTooltipOnReadOnly.d.ts +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-form-toggle",
3
- "version": "3.22.0-next.8",
3
+ "version": "3.22.0-rc.1",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Controlled Form Toggle",
6
6
  "files": [
@@ -37,21 +37,20 @@
37
37
  "dependencies": {
38
38
  "styled-components": "~5.3.9",
39
39
  "uid": "~2.0.1",
40
- "@elliemae/ds-button-v2": "3.22.0-next.8",
41
- "@elliemae/ds-props-helpers": "3.22.0-next.8",
42
- "@elliemae/ds-system": "3.22.0-next.8",
43
- "@elliemae/ds-tooltip": "3.22.0-next.8"
40
+ "@elliemae/ds-button-v2": "3.22.0-rc.1",
41
+ "@elliemae/ds-props-helpers": "3.22.0-rc.1",
42
+ "@elliemae/ds-system": "3.22.0-rc.1",
43
+ "@elliemae/ds-tooltip": "3.22.0-rc.1"
44
44
  },
45
45
  "devDependencies": {
46
- "@elliemae/pui-cli": "~9.0.0-next.17",
46
+ "@elliemae/pui-cli": "~9.0.0-next.22",
47
47
  "@elliemae/pui-theme": "~2.7.0",
48
48
  "@testing-library/dom": "~8.19.0",
49
49
  "@testing-library/jest-dom": "~5.16.5",
50
50
  "@testing-library/react": "~12.1.3",
51
51
  "@testing-library/user-event": "~13.5.0",
52
- "jest-axe": "^7.0.1",
53
52
  "styled-components": "~5.3.9",
54
- "@elliemae/ds-monorepo-devops": "3.22.0-next.8"
53
+ "@elliemae/ds-monorepo-devops": "3.22.0-rc.1"
55
54
  },
56
55
  "peerDependencies": {
57
56
  "@elliemae/pui-theme": "~2.7.0",
@@ -65,14 +64,14 @@
65
64
  "typeSafety": false
66
65
  },
67
66
  "scripts": {
68
- "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
67
+ "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
69
68
  "test": "pui-cli test --passWithNoTests",
70
- "lint": "node ../../scripts/lint.mjs",
71
- "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
72
- "dts": "node ../../scripts/dts.mjs",
73
- "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
69
+ "lint": "node ../../../scripts/lint.mjs",
70
+ "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
71
+ "dts": "node ../../../scripts/dts.mjs",
72
+ "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
74
73
  "dev:build": "pnpm --filter {.}... build",
75
74
  "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
76
- "checkDeps": "npm exec ../ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
75
+ "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
77
76
  }
78
77
  }
@@ -1,64 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var propTypes_exports = {};
30
- __export(propTypes_exports, {
31
- defaultProps: () => defaultProps,
32
- propTypes: () => propTypes
33
- });
34
- module.exports = __toCommonJS(propTypes_exports);
35
- var React = __toESM(require("react"));
36
- var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
37
- const defaultProps = {
38
- labelOn: "ON",
39
- labelOff: "OFF",
40
- name: "",
41
- value: "",
42
- checked: false,
43
- onClick: () => null,
44
- size: "m",
45
- readonly: false,
46
- disabled: false
47
- };
48
- const propTypes = {
49
- ...import_ds_props_helpers.globalAttributesPropTypes,
50
- ...import_ds_props_helpers.xstyledPropTypes,
51
- labelOn: import_ds_props_helpers.PropTypes.string.description("Label when toggle is checked"),
52
- labelOff: import_ds_props_helpers.PropTypes.string.description("Label when toggle is unchecked"),
53
- value: import_ds_props_helpers.PropTypes.string.description("Value attribute for toggle"),
54
- name: import_ds_props_helpers.PropTypes.string.description("Name attribute for toggle"),
55
- checked: import_ds_props_helpers.PropTypes.bool.description("Wether the toggle is checked or not"),
56
- onchange: import_ds_props_helpers.PropTypes.func.description("OnClick callback"),
57
- size: import_ds_props_helpers.PropTypes.oneOf(["s", "m", "l"]).description("Size of toggle"),
58
- readOnly: import_ds_props_helpers.PropTypes.bool.description("Wether the toggle is readOnly or not"),
59
- active: import_ds_props_helpers.PropTypes.bool.description("Wether the toggle has active styles or not").deprecated({ version: "3.x" }),
60
- disabled: import_ds_props_helpers.PropTypes.bool.description("Wether the toggle is disabled or not"),
61
- containerProps: import_ds_props_helpers.PropTypes.shape({}).description("Set of properties attached to the main container"),
62
- id: import_ds_props_helpers.PropTypes.string.description("Unique id.")
63
- };
64
- //# sourceMappingURL=propTypes.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { globalAttributesPropTypes, xstyledPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSControlledToggleT {\n export type ToggleSize = 's' | 'm' | 'l';\n export interface Props {\n labelOn: string;\n labelOff: string;\n name: string;\n value: string;\n checked: boolean;\n onChange: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n size: ToggleSize;\n readOnly: boolean;\n disabled: boolean;\n containerProps: Record<string, unknown>;\n id: string;\n }\n}\nexport const defaultProps = {\n labelOn: 'ON',\n labelOff: 'OFF',\n name: '',\n value: '',\n checked: false,\n onClick: () => null,\n size: 'm',\n readonly: false,\n disabled: false,\n};\n\nexport const propTypes = {\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n labelOn: PropTypes.string.description('Label when toggle is checked'),\n labelOff: PropTypes.string.description('Label when toggle is unchecked'),\n value: PropTypes.string.description('Value attribute for toggle'),\n name: PropTypes.string.description('Name attribute for toggle'),\n checked: PropTypes.bool.description('Wether the toggle is checked or not'),\n onchange: PropTypes.func.description('OnClick callback'),\n size: PropTypes.oneOf(['s', 'm', 'l']).description('Size of toggle'),\n readOnly: PropTypes.bool.description('Wether the toggle is readOnly or not'),\n active: PropTypes.bool.description('Wether the toggle has active styles or not').deprecated({ version: '3.x' }),\n disabled: PropTypes.bool.description('Wether the toggle is disabled or not'),\n containerProps: PropTypes.shape({}).description('Set of properties attached to the main container'),\n id: PropTypes.string.description('Unique id.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAuE;AAkBhE,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS,MAAM;AAAA,EACf,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,kCAAU,OAAO,YAAY,8BAA8B;AAAA,EACpE,UAAU,kCAAU,OAAO,YAAY,gCAAgC;AAAA,EACvE,OAAO,kCAAU,OAAO,YAAY,4BAA4B;AAAA,EAChE,MAAM,kCAAU,OAAO,YAAY,2BAA2B;AAAA,EAC9D,SAAS,kCAAU,KAAK,YAAY,qCAAqC;AAAA,EACzE,UAAU,kCAAU,KAAK,YAAY,kBAAkB;AAAA,EACvD,MAAM,kCAAU,MAAM,CAAC,KAAK,KAAK,GAAG,CAAC,EAAE,YAAY,gBAAgB;AAAA,EACnE,UAAU,kCAAU,KAAK,YAAY,sCAAsC;AAAA,EAC3E,QAAQ,kCAAU,KAAK,YAAY,4CAA4C,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC9G,UAAU,kCAAU,KAAK,YAAY,sCAAsC;AAAA,EAC3E,gBAAgB,kCAAU,MAAM,CAAC,CAAC,EAAE,YAAY,kDAAkD;AAAA,EAClG,IAAI,kCAAU,OAAO,YAAY,YAAY;AAC/C;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/utils/addTooltipOnReadOnly.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\n\nexport const addTooltipOnReadOnly = (Component: JSX.Element, readOnly: boolean): JSX.Element => {\n if (readOnly) return <DSTooltipV3 text=\"Read Only\">{Component}</DSTooltipV3>;\n return Component;\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIA;AAHvB,wBAA4B;AAErB,MAAM,uBAAuB,CAAC,WAAwB,aAAmC;AAC9F,MAAI;AAAU,WAAO,4CAAC,iCAAY,MAAK,aAAa,qBAAU;AAC9D,SAAO;AACT;",
6
- "names": []
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { globalAttributesPropTypes, xstyledPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSControlledToggleT {\n export type ToggleSize = 's' | 'm' | 'l';\n export interface Props {\n labelOn: string;\n labelOff: string;\n name: string;\n value: string;\n checked: boolean;\n onChange: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n size: ToggleSize;\n readOnly: boolean;\n disabled: boolean;\n containerProps: Record<string, unknown>;\n id: string;\n }\n}\nexport const defaultProps = {\n labelOn: 'ON',\n labelOff: 'OFF',\n name: '',\n value: '',\n checked: false,\n onClick: () => null,\n size: 'm',\n readonly: false,\n disabled: false,\n};\n\nexport const propTypes = {\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n labelOn: PropTypes.string.description('Label when toggle is checked'),\n labelOff: PropTypes.string.description('Label when toggle is unchecked'),\n value: PropTypes.string.description('Value attribute for toggle'),\n name: PropTypes.string.description('Name attribute for toggle'),\n checked: PropTypes.bool.description('Wether the toggle is checked or not'),\n onchange: PropTypes.func.description('OnClick callback'),\n size: PropTypes.oneOf(['s', 'm', 'l']).description('Size of toggle'),\n readOnly: PropTypes.bool.description('Wether the toggle is readOnly or not'),\n active: PropTypes.bool.description('Wether the toggle has active styles or not').deprecated({ version: '3.x' }),\n disabled: PropTypes.bool.description('Wether the toggle is disabled or not'),\n containerProps: PropTypes.shape({}).description('Set of properties attached to the main container'),\n id: PropTypes.string.description('Unique id.'),\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,2BAA2B,kBAAkB,iBAAiB;AAkBhE,MAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS,MAAM;AAAA,EACf,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,UAAU,OAAO,YAAY,8BAA8B;AAAA,EACpE,UAAU,UAAU,OAAO,YAAY,gCAAgC;AAAA,EACvE,OAAO,UAAU,OAAO,YAAY,4BAA4B;AAAA,EAChE,MAAM,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAC9D,SAAS,UAAU,KAAK,YAAY,qCAAqC;AAAA,EACzE,UAAU,UAAU,KAAK,YAAY,kBAAkB;AAAA,EACvD,MAAM,UAAU,MAAM,CAAC,KAAK,KAAK,GAAG,CAAC,EAAE,YAAY,gBAAgB;AAAA,EACnE,UAAU,UAAU,KAAK,YAAY,sCAAsC;AAAA,EAC3E,QAAQ,UAAU,KAAK,YAAY,4CAA4C,EAAE,WAAW,EAAE,SAAS,MAAM,CAAC;AAAA,EAC9G,UAAU,UAAU,KAAK,YAAY,sCAAsC;AAAA,EAC3E,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,kDAAkD;AAAA,EAClG,IAAI,UAAU,OAAO,YAAY,YAAY;AAC/C;",
6
- "names": []
7
- }
@@ -1,12 +0,0 @@
1
- import * as React from "react";
2
- import { jsx } from "react/jsx-runtime";
3
- import { DSTooltipV3 } from "@elliemae/ds-tooltip";
4
- const addTooltipOnReadOnly = (Component, readOnly) => {
5
- if (readOnly)
6
- return /* @__PURE__ */ jsx(DSTooltipV3, { text: "Read Only", children: Component });
7
- return Component;
8
- };
9
- export {
10
- addTooltipOnReadOnly
11
- };
12
- //# sourceMappingURL=addTooltipOnReadOnly.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/addTooltipOnReadOnly.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\n\nexport const addTooltipOnReadOnly = (Component: JSX.Element, readOnly: boolean): JSX.Element => {\n if (readOnly) return <DSTooltipV3 text=\"Read Only\">{Component}</DSTooltipV3>;\n return Component;\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACIA;AAHvB,SAAS,mBAAmB;AAErB,MAAM,uBAAuB,CAAC,WAAwB,aAAmC;AAC9F,MAAI;AAAU,WAAO,oBAAC,eAAY,MAAK,aAAa,qBAAU;AAC9D,SAAO;AACT;",
6
- "names": []
7
- }