@faststore/components 3.0.24 → 3.0.38

package/dist/cjs/molecules/CheckboxField/CheckboxField.d.ts

@@ -1,25 +1,10 @@
 import React from 'react';
-export interface CheckboxFieldProps {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-    /**
-     * ID to identify input and corresponding label.
-     */
-    id: string;
+import { CheckboxProps } from '../../atoms/Checkbox';
+export interface CheckboxFieldProps extends CheckboxProps {
     /**
      * The text displayed to identify the input checkbox.
      */
     label: string;
-    /**
-     * The value to identify the input checkbox.
-     */
-    value?: string;
-    /**
-     * Identify checkbox in the same group.
-     */
-    name?: string;
 }
 declare const CheckboxField: React.ForwardRefExoticComponent<CheckboxFieldProps & React.RefAttributes<HTMLDivElement>>;
 export default CheckboxField;

package/dist/cjs/molecules/CheckboxField/CheckboxField.js

@@ -4,9 +4,9 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const Checkbox_1 = tslib_1.__importDefault(require("../../atoms/Checkbox"));
 const Label_1 = tslib_1.__importDefault(require("../../atoms/Label"));
-const CheckboxField = (0, react_1.forwardRef)(function CheckboxField({ testId = 'fs-checkbox-field', id, label, value, name, ...otherProps }, ref) {
+const CheckboxField = (0, react_1.forwardRef)(function CheckboxField({ testId = 'fs-checkbox-field', id, label, value, name, checked, ...otherProps }, ref) {
     return (react_1.default.createElement("div", { ref: ref, "data-fs-checkbox-field": true, "data-testid": testId },
-        react_1.default.createElement(Checkbox_1.default, { id: id, value: value ?? label, name: name, ...otherProps }),
+        react_1.default.createElement(Checkbox_1.default, { id: id, value: value ?? label, name: name, defaultChecked: checked, ...otherProps }),
         react_1.default.createElement(Label_1.default, { htmlFor: id }, label)));
 });
 exports.default = CheckboxField;

package/dist/cjs/molecules/CheckboxField/CheckboxField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/molecules/CheckboxField/CheckboxField.tsx"],"names":[],"mappings":";;;AAAA,uDAAyC;AACzC,4EAA2C;AAC3C,sEAAqC;AAyBrC,MAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,SAAS,aAAa,CACpB,EAAE,MAAM,GAAG,mBAAmB,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EACvE,GAAG;IAEH,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,iDAAsC,MAAM;QACvD,8BAAC,kBAAQ,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,KAAK,EAAE,IAAI,EAAE,IAAI,KAAM,UAAU,GAAI;QACvE,8BAAC,eAAK,IAAC,OAAO,EAAE,EAAE,IAAG,KAAK,CAAS,CAC/B,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,aAAa,CAAA"}
+{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/molecules/CheckboxField/CheckboxField.tsx"],"names":[],"mappings":";;;AAAA,uDAAyC;AACzC,4EAA8D;AAC9D,sEAAqC;AASrC,MAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,SAAS,aAAa,CACpB,EACE,MAAM,GAAG,mBAAmB,EAC5B,EAAE,EACF,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG,iDAAsC,MAAM;QACvD,8BAAC,kBAAQ,IACP,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,IAAI,KAAK,EACrB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,OAAO,KACnB,UAAU,GACd;QACF,8BAAC,eAAK,IAAC,OAAO,EAAE,EAAE,IAAG,KAAK,CAAS,CAC/B,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,aAAa,CAAA"}

package/dist/esm/molecules/CheckboxField/CheckboxField.d.ts

@@ -1,25 +1,10 @@
 import React from 'react';
-export interface CheckboxFieldProps {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-    /**
-     * ID to identify input and corresponding label.
-     */
-    id: string;
+import { CheckboxProps } from '../../atoms/Checkbox';
+export interface CheckboxFieldProps extends CheckboxProps {
     /**
      * The text displayed to identify the input checkbox.
      */
     label: string;
-    /**
-     * The value to identify the input checkbox.
-     */
-    value?: string;
-    /**
-     * Identify checkbox in the same group.
-     */
-    name?: string;
 }
 declare const CheckboxField: React.ForwardRefExoticComponent<CheckboxFieldProps & React.RefAttributes<HTMLDivElement>>;
 export default CheckboxField;

package/dist/esm/molecules/CheckboxField/CheckboxField.js

@@ -1,9 +1,9 @@
 import React, { forwardRef } from 'react';
 import Checkbox from '../../atoms/Checkbox';
 import Label from '../../atoms/Label';
-const CheckboxField = forwardRef(function CheckboxField({ testId = 'fs-checkbox-field', id, label, value, name, ...otherProps }, ref) {
+const CheckboxField = forwardRef(function CheckboxField({ testId = 'fs-checkbox-field', id, label, value, name, checked, ...otherProps }, ref) {
     return (React.createElement("div", { ref: ref, "data-fs-checkbox-field": true, "data-testid": testId },
-        React.createElement(Checkbox, { id: id, value: value ?? label, name: name, ...otherProps }),
+        React.createElement(Checkbox, { id: id, value: value ?? label, name: name, defaultChecked: checked, ...otherProps }),
         React.createElement(Label, { htmlFor: id }, label)));
 });
 export default CheckboxField;

package/dist/esm/molecules/CheckboxField/CheckboxField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/molecules/CheckboxField/CheckboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,KAAK,MAAM,mBAAmB,CAAA;AAyBrC,MAAM,aAAa,GAAG,UAAU,CAC9B,SAAS,aAAa,CACpB,EAAE,MAAM,GAAG,mBAAmB,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,EACvE,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,iDAAsC,MAAM;QACvD,oBAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,KAAK,EAAE,IAAI,EAAE,IAAI,KAAM,UAAU,GAAI;QACvE,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,IAAG,KAAK,CAAS,CAC/B,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/molecules/CheckboxField/CheckboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,QAA2B,MAAM,sBAAsB,CAAA;AAC9D,OAAO,KAAK,MAAM,mBAAmB,CAAA;AASrC,MAAM,aAAa,GAAG,UAAU,CAC9B,SAAS,aAAa,CACpB,EACE,MAAM,GAAG,mBAAmB,EAC5B,EAAE,EACF,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,iDAAsC,MAAM;QACvD,oBAAC,QAAQ,IACP,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,IAAI,KAAK,EACrB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,OAAO,KACnB,UAAU,GACd;QACF,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,IAAG,KAAK,CAAS,CAC/B,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/components",
-  "version": "3.0.24",
+  "version": "3.0.38",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
@@ -17,7 +17,8 @@
   "scripts": {
     "dev": "tsc --watch",
     "build": "tsc --module commonjs --outDir dist/cjs & tsc --module esnext --outDir dist/esm",
-    "lint": "eslint src/**/*.{ts,tsx}"
+    "lint": "eslint src/**/*.{ts,tsx}",
+    "test": "jest"
   },
   "repository": {
     "type": "git",
@@ -36,13 +37,17 @@
   "devDependencies": {
     "@faststore/eslint-config": "^3.0.24",
     "@faststore/shared": "^3.0.24",
+    "@testing-library/react": "^14.3.0",
     "@types/react": "^18.2.42",
     "@types/react-dom": "^18.2.17",
     "eslint": "7.32.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "ts-jest": "^29.1.2",
     "typescript": "^4.8.4"
   },
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "1cbf5056e2fd6d1b3e85268f585709c59ec9f63f"
+  "gitHead": "ea1f9b69ed525c7f4ff5fac3a7ecf974786b3d4e"
 }

package/src/molecules/CheckboxField/CheckboxField.tsx

@@ -1,38 +1,36 @@
 import React, { forwardRef } from 'react'
-import Checkbox from '../../atoms/Checkbox'
+import Checkbox, { CheckboxProps } from '../../atoms/Checkbox'
 import Label from '../../atoms/Label'
 
-export interface CheckboxFieldProps {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-   */
-  testId?: string
-  /**
-   * ID to identify input and corresponding label.
-   */
-  id: string
+export interface CheckboxFieldProps extends CheckboxProps {
   /**
    * The text displayed to identify the input checkbox.
    */
   label: string
-  /**
-   * The value to identify the input checkbox.
-   */
-  value?: string
-  /**
-   * Identify checkbox in the same group.
-   */
-  name?: string
 }
 
 const CheckboxField = forwardRef<HTMLDivElement, CheckboxFieldProps>(
   function CheckboxField(
-    { testId = 'fs-checkbox-field', id, label, value, name, ...otherProps },
+    {
+      testId = 'fs-checkbox-field',
+      id,
+      label,
+      value,
+      name,
+      checked,
+      ...otherProps
+    },
     ref
   ) {
     return (
       <div ref={ref} data-fs-checkbox-field data-testid={testId}>
-        <Checkbox id={id} value={value ?? label} name={name} {...otherProps} />
+        <Checkbox
+          id={id}
+          value={value ?? label}
+          name={name}
+          defaultChecked={checked}
+          {...otherProps}
+        />
         <Label htmlFor={id}>{label}</Label>
       </div>
     )