@elliemae/ds-form-checkbox 3.18.0-next.1 → 3.18.0-next.10

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.
Files changed (6) hide show
  1. package/dist/cjs/config/useEventHandlers.js +5 -5
  2. package/dist/cjs/config/useEventHandlers.js.map +2 -2
  3. package/dist/esm/config/useEventHandlers.js +5 -5
  4. package/dist/esm/config/useEventHandlers.js.map +2 -2
  5. package/dist/types/styles.d.ts +6 -6
  6. package/package.json +7 -7
package/dist/cjs/config/useEventHandlers.js CHANGED
@@ -34,10 +34,10 @@ module.exports = __toCommonJS(useEventHandlers_exports);
34
34
  var React = __toESM(require("react"));
35
35
  var import_react = __toESM(require("react"));
36
36
  const useEventHandlers = (props) => {
37
- const { checked, onChange, onKeyDown } = props;
37
+ const { checked, onChange, onKeyDown, readOnly } = props;
38
38
  const handleOnChange = import_react.default.useCallback(
39
39
  (e) => {
40
- if (onChange) {
40
+ if (onChange && !readOnly) {
41
41
  if (checked === "mixed")
42
42
  onChange(true, e);
43
43
  if (checked === true)
@@ -46,19 +46,19 @@ const useEventHandlers = (props) => {
46
46
  onChange(true, e);
47
47
  }
48
48
  },
49
- [checked, onChange]
49
+ [checked, onChange, readOnly]
50
50
  );
51
51
  const handleMixedCheckboxOnKeyDown = import_react.default.useCallback(
52
52
  (e) => {
53
53
  if (onKeyDown) {
54
54
  onKeyDown(e);
55
55
  }
56
- if (e.code === "Space" || e.code === "Enter") {
56
+ if ((e.code === "Space" || e.code === "Enter") && !readOnly) {
57
57
  handleOnChange(e);
58
58
  e.preventDefault();
59
59
  }
60
60
  },
61
- [handleOnChange, onKeyDown]
61
+ [handleOnChange, onKeyDown, readOnly]
62
62
  );
63
63
  return import_react.default.useMemo(
64
64
  () => ({
package/dist/cjs/config/useEventHandlers.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/config/useEventHandlers.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport type { DSControlledCheckboxT } from '../react-desc-prop-types.js';\n\nexport const useEventHandlers = (props: DSControlledCheckboxT.InternalProps) => {\n const { checked, onChange, onKeyDown } = props;\n const handleOnChange = React.useCallback(\n (\n e:\n | React.ChangeEvent<HTMLInputElement>\n | React.MouseEvent<HTMLLabelElement>\n | React.MouseEvent<HTMLDivElement>\n | React.KeyboardEvent<HTMLDivElement>,\n ) => {\n if (onChange) {\n if (checked === 'mixed') onChange(true, e);\n if (checked === true) onChange(false, e);\n if (checked === false) onChange(true, e);\n }\n },\n [checked, onChange],\n );\n const handleMixedCheckboxOnKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLDivElement>) => {\n if (onKeyDown) {\n // if user provides 'onKeyDown' event, he is in charge of what happens\n onKeyDown(e);\n }\n if (e.code === 'Space' || e.code === 'Enter') {\n handleOnChange(e);\n e.preventDefault(); // when selecting a checkbox we don't want to scroll for example\n }\n },\n [handleOnChange, onKeyDown],\n );\n\n return React.useMemo(\n () => ({\n handleOnChange,\n handleMixedCheckboxOnKeyDown,\n }),\n [handleMixedCheckboxOnKeyDown, handleOnChange],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAGX,MAAM,mBAAmB,CAAC,UAA+C;AAC9E,QAAM,EAAE,SAAS,UAAU,UAAU,IAAI;AACzC,QAAM,iBAAiB,aAAAA,QAAM;AAAA,IAC3B,CACE,MAKG;AACH,UAAI,UAAU;AACZ,YAAI,YAAY;AAAS,mBAAS,MAAM,CAAC;AACzC,YAAI,YAAY;AAAM,mBAAS,OAAO,CAAC;AACvC,YAAI,YAAY;AAAO,mBAAS,MAAM,CAAC;AAAA,MACzC;AAAA,IACF;AAAA,IACA,CAAC,SAAS,QAAQ;AAAA,EACpB;AACA,QAAM,+BAA+B,aAAAA,QAAM;AAAA,IACzC,CAAC,MAA2C;AAC1C,UAAI,WAAW;AAEb,kBAAU,CAAC;AAAA,MACb;AACA,UAAI,EAAE,SAAS,WAAW,EAAE,SAAS,SAAS;AAC5C,uBAAe,CAAC;AAChB,UAAE,eAAe;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,SAAS;AAAA,EAC5B;AAEA,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,8BAA8B,cAAc;AAAA,EAC/C;AACF;",
4
+ "sourcesContent": ["import React from 'react';\nimport type { DSControlledCheckboxT } from '../react-desc-prop-types.js';\n\nexport const useEventHandlers = (props: DSControlledCheckboxT.InternalProps) => {\n const { checked, onChange, onKeyDown, readOnly } = props;\n const handleOnChange = React.useCallback(\n (\n e:\n | React.ChangeEvent<HTMLInputElement>\n | React.MouseEvent<HTMLLabelElement>\n | React.MouseEvent<HTMLDivElement>\n | React.KeyboardEvent<HTMLDivElement>,\n ) => {\n if (onChange && !readOnly) {\n if (checked === 'mixed') onChange(true, e);\n if (checked === true) onChange(false, e);\n if (checked === false) onChange(true, e);\n }\n },\n [checked, onChange, readOnly],\n );\n const handleMixedCheckboxOnKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLDivElement>) => {\n if (onKeyDown) {\n // if user provides 'onKeyDown' event, he is in charge of what happens\n onKeyDown(e);\n }\n if ((e.code === 'Space' || e.code === 'Enter') && !readOnly) {\n handleOnChange(e);\n e.preventDefault(); // when selecting a checkbox we don't want to scroll for example\n }\n },\n [handleOnChange, onKeyDown, readOnly],\n );\n\n return React.useMemo(\n () => ({\n handleOnChange,\n handleMixedCheckboxOnKeyDown,\n }),\n [handleMixedCheckboxOnKeyDown, handleOnChange],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAGX,MAAM,mBAAmB,CAAC,UAA+C;AAC9E,QAAM,EAAE,SAAS,UAAU,WAAW,SAAS,IAAI;AACnD,QAAM,iBAAiB,aAAAA,QAAM;AAAA,IAC3B,CACE,MAKG;AACH,UAAI,YAAY,CAAC,UAAU;AACzB,YAAI,YAAY;AAAS,mBAAS,MAAM,CAAC;AACzC,YAAI,YAAY;AAAM,mBAAS,OAAO,CAAC;AACvC,YAAI,YAAY;AAAO,mBAAS,MAAM,CAAC;AAAA,MACzC;AAAA,IACF;AAAA,IACA,CAAC,SAAS,UAAU,QAAQ;AAAA,EAC9B;AACA,QAAM,+BAA+B,aAAAA,QAAM;AAAA,IACzC,CAAC,MAA2C;AAC1C,UAAI,WAAW;AAEb,kBAAU,CAAC;AAAA,MACb;AACA,WAAK,EAAE,SAAS,WAAW,EAAE,SAAS,YAAY,CAAC,UAAU;AAC3D,uBAAe,CAAC;AAChB,UAAE,eAAe;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,WAAW,QAAQ;AAAA,EACtC;AAEA,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,8BAA8B,cAAc;AAAA,EAC/C;AACF;",
6
6
  "names": ["React"]
7
7
  }
package/dist/esm/config/useEventHandlers.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import * as React from "react";
2
2
  import React2 from "react";
3
3
  const useEventHandlers = (props) => {
4
- const { checked, onChange, onKeyDown } = props;
4
+ const { checked, onChange, onKeyDown, readOnly } = props;
5
5
  const handleOnChange = React2.useCallback(
6
6
  (e) => {
7
- if (onChange) {
7
+ if (onChange && !readOnly) {
8
8
  if (checked === "mixed")
9
9
  onChange(true, e);
10
10
  if (checked === true)
@@ -13,19 +13,19 @@ const useEventHandlers = (props) => {
13
13
  onChange(true, e);
14
14
  }
15
15
  },
16
- [checked, onChange]
16
+ [checked, onChange, readOnly]
17
17
  );
18
18
  const handleMixedCheckboxOnKeyDown = React2.useCallback(
19
19
  (e) => {
20
20
  if (onKeyDown) {
21
21
  onKeyDown(e);
22
22
  }
23
- if (e.code === "Space" || e.code === "Enter") {
23
+ if ((e.code === "Space" || e.code === "Enter") && !readOnly) {
24
24
  handleOnChange(e);
25
25
  e.preventDefault();
26
26
  }
27
27
  },
28
- [handleOnChange, onKeyDown]
28
+ [handleOnChange, onKeyDown, readOnly]
29
29
  );
30
30
  return React2.useMemo(
31
31
  () => ({
package/dist/esm/config/useEventHandlers.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useEventHandlers.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { DSControlledCheckboxT } from '../react-desc-prop-types.js';\n\nexport const useEventHandlers = (props: DSControlledCheckboxT.InternalProps) => {\n const { checked, onChange, onKeyDown } = props;\n const handleOnChange = React.useCallback(\n (\n e:\n | React.ChangeEvent<HTMLInputElement>\n | React.MouseEvent<HTMLLabelElement>\n | React.MouseEvent<HTMLDivElement>\n | React.KeyboardEvent<HTMLDivElement>,\n ) => {\n if (onChange) {\n if (checked === 'mixed') onChange(true, e);\n if (checked === true) onChange(false, e);\n if (checked === false) onChange(true, e);\n }\n },\n [checked, onChange],\n );\n const handleMixedCheckboxOnKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLDivElement>) => {\n if (onKeyDown) {\n // if user provides 'onKeyDown' event, he is in charge of what happens\n onKeyDown(e);\n }\n if (e.code === 'Space' || e.code === 'Enter') {\n handleOnChange(e);\n e.preventDefault(); // when selecting a checkbox we don't want to scroll for example\n }\n },\n [handleOnChange, onKeyDown],\n );\n\n return React.useMemo(\n () => ({\n handleOnChange,\n handleMixedCheckboxOnKeyDown,\n }),\n [handleMixedCheckboxOnKeyDown, handleOnChange],\n );\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAGX,MAAM,mBAAmB,CAAC,UAA+C;AAC9E,QAAM,EAAE,SAAS,UAAU,UAAU,IAAI;AACzC,QAAM,iBAAiBA,OAAM;AAAA,IAC3B,CACE,MAKG;AACH,UAAI,UAAU;AACZ,YAAI,YAAY;AAAS,mBAAS,MAAM,CAAC;AACzC,YAAI,YAAY;AAAM,mBAAS,OAAO,CAAC;AACvC,YAAI,YAAY;AAAO,mBAAS,MAAM,CAAC;AAAA,MACzC;AAAA,IACF;AAAA,IACA,CAAC,SAAS,QAAQ;AAAA,EACpB;AACA,QAAM,+BAA+BA,OAAM;AAAA,IACzC,CAAC,MAA2C;AAC1C,UAAI,WAAW;AAEb,kBAAU,CAAC;AAAA,MACb;AACA,UAAI,EAAE,SAAS,WAAW,EAAE,SAAS,SAAS;AAC5C,uBAAe,CAAC;AAChB,UAAE,eAAe;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,SAAS;AAAA,EAC5B;AAEA,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,8BAA8B,cAAc;AAAA,EAC/C;AACF;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { DSControlledCheckboxT } from '../react-desc-prop-types.js';\n\nexport const useEventHandlers = (props: DSControlledCheckboxT.InternalProps) => {\n const { checked, onChange, onKeyDown, readOnly } = props;\n const handleOnChange = React.useCallback(\n (\n e:\n | React.ChangeEvent<HTMLInputElement>\n | React.MouseEvent<HTMLLabelElement>\n | React.MouseEvent<HTMLDivElement>\n | React.KeyboardEvent<HTMLDivElement>,\n ) => {\n if (onChange && !readOnly) {\n if (checked === 'mixed') onChange(true, e);\n if (checked === true) onChange(false, e);\n if (checked === false) onChange(true, e);\n }\n },\n [checked, onChange, readOnly],\n );\n const handleMixedCheckboxOnKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLDivElement>) => {\n if (onKeyDown) {\n // if user provides 'onKeyDown' event, he is in charge of what happens\n onKeyDown(e);\n }\n if ((e.code === 'Space' || e.code === 'Enter') && !readOnly) {\n handleOnChange(e);\n e.preventDefault(); // when selecting a checkbox we don't want to scroll for example\n }\n },\n [handleOnChange, onKeyDown, readOnly],\n );\n\n return React.useMemo(\n () => ({\n handleOnChange,\n handleMixedCheckboxOnKeyDown,\n }),\n [handleMixedCheckboxOnKeyDown, handleOnChange],\n );\n};\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAGX,MAAM,mBAAmB,CAAC,UAA+C;AAC9E,QAAM,EAAE,SAAS,UAAU,WAAW,SAAS,IAAI;AACnD,QAAM,iBAAiBA,OAAM;AAAA,IAC3B,CACE,MAKG;AACH,UAAI,YAAY,CAAC,UAAU;AACzB,YAAI,YAAY;AAAS,mBAAS,MAAM,CAAC;AACzC,YAAI,YAAY;AAAM,mBAAS,OAAO,CAAC;AACvC,YAAI,YAAY;AAAO,mBAAS,MAAM,CAAC;AAAA,MACzC;AAAA,IACF;AAAA,IACA,CAAC,SAAS,UAAU,QAAQ;AAAA,EAC9B;AACA,QAAM,+BAA+BA,OAAM;AAAA,IACzC,CAAC,MAA2C;AAC1C,UAAI,WAAW;AAEb,kBAAU,CAAC;AAAA,MACb;AACA,WAAK,EAAE,SAAS,WAAW,EAAE,SAAS,YAAY,CAAC,UAAU;AAC3D,uBAAe,CAAC;AAChB,UAAE,eAAe;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,WAAW,QAAQ;AAAA,EACtC;AAEA,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,8BAA8B,cAAc;AAAA,EAC/C;AACF;",
6
6
  "names": ["React"]
7
7
  }
package/dist/types/styles.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import type { DSControlledCheckboxT } from './react-desc-prop-types.js';
2
- export declare const StyledCheckBox: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, DSControlledCheckboxT.StyledCheckBoxT, never>;
3
- export declare const StyledInput: import("styled-components").StyledComponent<"input", import("@elliemae/ds-system").Theme, object, never>;
4
- export declare const StyledInputMixed: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object, never>;
5
- export declare const StyledLabel: import("styled-components").StyledComponent<"label", import("@elliemae/ds-system").Theme, DSControlledCheckboxT.StyledLabelT, never>;
6
- export declare const StyledWrapLabel: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, object, never>;
2
+ export declare const StyledCheckBox: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, DSControlledCheckboxT.StyledCheckBoxT & import("@elliemae/ds-system").OwnerInterface, never>;
3
+ export declare const StyledInput: import("styled-components").StyledComponent<"input", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface, never>;
4
+ export declare const StyledInputMixed: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface, never>;
5
+ export declare const StyledLabel: import("styled-components").StyledComponent<"label", import("@elliemae/ds-system").Theme, DSControlledCheckboxT.StyledLabelT & import("@elliemae/ds-system").OwnerInterface, never>;
6
+ export declare const StyledWrapLabel: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface, never>;
7
7
  export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
8
8
  device?: "mobile" | "desktop" | undefined;
9
- }, never>;
9
+ } & import("@elliemae/ds-system").OwnerInterface, never>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-form-checkbox",
3
- "version": "3.18.0-next.1",
3
+ "version": "3.18.0-next.10",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Controlled Form Checkbox",
6
6
  "files": [
@@ -36,10 +36,10 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "uid": "~2.0.1",
39
- "@elliemae/ds-props-helpers": "3.18.0-next.1",
40
- "@elliemae/ds-system": "3.18.0-next.1",
41
- "@elliemae/ds-truncated-tooltip-text": "3.18.0-next.1",
42
- "@elliemae/ds-utilities": "3.18.0-next.1"
39
+ "@elliemae/ds-props-helpers": "3.18.0-next.10",
40
+ "@elliemae/ds-system": "3.18.0-next.10",
41
+ "@elliemae/ds-truncated-tooltip-text": "3.18.0-next.10",
42
+ "@elliemae/ds-utilities": "3.18.0-next.10"
43
43
  },
44
44
  "devDependencies": {
45
45
  "@elliemae/pui-theme": "~2.7.0",
@@ -54,7 +54,7 @@
54
54
  "@elliemae/pui-theme": "~2.7.0",
55
55
  "react": "^17.0.2",
56
56
  "react-dom": "^17.0.2",
57
- "styled-components": "~5.3.6",
57
+ "styled-components": "~5.3.9",
58
58
  "styled-system": "^5.1.5"
59
59
  },
60
60
  "publishConfig": {
@@ -71,6 +71,6 @@
71
71
  "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
72
72
  "dev:build": "pnpm --filter {.}... build",
73
73
  "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
74
- "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
74
+ "checkDeps": "npm exec ../ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
75
75
  }
76
76
  }