@faststore/components 3.14.2 → 3.15.3

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

@@ -5,6 +5,14 @@ export interface CheckboxFieldProps extends CheckboxProps {
      * The text displayed to identify the input checkbox.
      */
     label: string;
+    /**
+     * The error message is displayed when an error occurs.
+     */
+    error?: string;
+    /**
+     * Control the vertical alignment of the checkbox in relation to the label (center, top, bottom).
+     */
+    alignment?: 'center' | 'top' | 'bottom';
 }
 declare const CheckboxField: React.ForwardRefExoticComponent<CheckboxFieldProps & React.RefAttributes<HTMLDivElement>>;
 export default CheckboxField;

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

@@ -4,10 +4,13 @@ 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, 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, defaultChecked: checked, ...otherProps }),
-        react_1.default.createElement(Label_1.default, { htmlFor: id }, label)));
+const CheckboxField = (0, react_1.forwardRef)(function CheckboxField({ testId = 'fs-checkbox-field', id, label, value, name, checked, error, disabled, alignment = 'center', ...otherProps }, ref) {
+    const shouldDisplayError = !disabled && error && error !== '';
+    return (react_1.default.createElement("div", { ref: ref, "data-testid": testId, "data-fs-checkbox-field": true, "data-fs-checkbox-field-error": error && error !== '', "data-fs-checkbox-field-alignment": alignment },
+        react_1.default.createElement(Checkbox_1.default, { id: id, value: value ?? label, name: name, defaultChecked: checked, disabled: disabled, ...otherProps }),
+        react_1.default.createElement("div", { "data-fs-checkbox-field-content": true },
+            react_1.default.createElement(Label_1.default, { "data-fs-checkbox-field-label": true, htmlFor: id }, label),
+            shouldDisplayError && (react_1.default.createElement("span", { "data-fs-checkbox-field-error-message": true }, error)))));
 });
 exports.default = CheckboxField;
 //# sourceMappingURL=CheckboxField.js.map

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,4EAAmE;AACnE,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"}
+{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/molecules/CheckboxField/CheckboxField.tsx"],"names":[],"mappings":";;;AAAA,uDAAyC;AACzC,4EAAmE;AACnE,sEAAqC;AAiBrC,MAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,SAAS,aAAa,CACpB,EACE,MAAM,GAAG,mBAAmB,EAC5B,EAAE,EACF,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,kBAAkB,GAAG,CAAC,QAAQ,IAAI,KAAK,IAAI,KAAK,KAAK,EAAE,CAAA;IAE7D,OAAO,CACL,uCACE,GAAG,EAAE,GAAG,iBACK,MAAM,kEAEW,KAAK,IAAI,KAAK,KAAK,EAAE,sCACjB,SAAS;QAE3C,8BAAC,kBAAQ,IACP,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,IAAI,KAAK,EACrB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,OAAO,EACvB,QAAQ,EAAE,QAAQ,KACd,UAAU,GACd;QACF;YACE,8BAAC,eAAK,0CAA8B,OAAO,EAAE,EAAE,IAC5C,KAAK,CACA;YAEP,kBAAkB,IAAI,CACrB,wFAA4C,KAAK,CAAQ,CAC1D,CACG,CACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,aAAa,CAAA"}

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

@@ -20,6 +20,10 @@ export interface RatingProps extends Omit<HTMLAttributes<HTMLUListElement>, 'onC
      * Function to be triggered when Rating option change. This should only be used if you and an actionable rating list.
      */
     onChange?: (value: number) => void;
+    /**
+     * Specifies that the actionable rating should be disabled.
+     */
+    disabled?: boolean;
 }
 export interface RatingItemProps {
     'data-fs-rating-item'?: 'full' | 'partial' | 'empty';

package/dist/cjs/molecules/Rating/Rating.js

@@ -4,7 +4,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const __1 = require("../..");
 const List_1 = tslib_1.__importDefault(require("../../atoms/List"));
-const Rating = (0, react_1.forwardRef)(function Rating({ children, testId = 'fs-rating', length = 5, value = 0, icon, onChange, ...otherProps }, ref) {
+const Rating = (0, react_1.forwardRef)(function Rating({ children, testId = 'fs-rating', length = 5, value = 0, icon, onChange, disabled, ...otherProps }, ref) {
     const [hover, setHover] = (0, react_1.useState)(0);
     const outlineProps = { 'data-fs-rating-icon-outline': true };
     const ratingIcon = react_1.default.isValidElement(icon) ? icon : react_1.default.createElement(__1.Icon, { name: "Star" });
@@ -21,7 +21,7 @@ const Rating = (0, react_1.forwardRef)(function Rating({ children, testId = 'fs-
         };
         return (react_1.default.createElement("li", { key: `rating-${index}`, "data-fs-rating-item": fillCheck(), "data-testid": `${testId}-item` }, onChange ? (react_1.default.createElement(__1.IconButton, { "data-fs-rating-button": true, icon: ratingIcon, size: "small", "aria-label": "rate", onClick: () => {
                 onChange(tempIndex);
-            }, onMouseEnter: () => setHover(tempIndex), onMouseLeave: () => setHover(value) })) : (react_1.default.createElement(react_1.default.Fragment, null,
+            }, onMouseEnter: () => setHover(tempIndex), onMouseLeave: () => setHover(value), disabled: disabled })) : (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("div", { "data-fs-rating-icon-wrapper": true }, ratingIcon),
             react_1.default.isValidElement(icon) ? (react_1.default.cloneElement(icon, outlineProps)) : (react_1.default.createElement(__1.Icon, { name: "Star", "data-fs-rating-icon-outline": true }))))));
     })));

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

@@ -1 +1 @@
-{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../../src/molecules/Rating/Rating.tsx"],"names":[],"mappings":";;;AAAA,uDAKc;AAEd,6BAAwC;AACxC,oEAAmC;AA+BnC,MAAM,MAAM,GAAG,IAAA,kBAAU,EAAgC,SAAS,MAAM,CACtE,EACE,QAAQ,EACR,MAAM,GAAG,WAAW,EACpB,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,CAAC,EACT,IAAI,EACJ,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IAErC,MAAM,YAAY,GAAG,EAAE,6BAA6B,EAAE,IAAI,EAAE,CAAA;IAC5D,MAAM,UAAU,GAAG,eAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,8BAAC,QAAI,IAAC,IAAI,EAAC,MAAM,GAAG,CAAA;IAE3E,OAAO,CACL,8BAAC,cAAI,IACH,GAAG,EAAE,GAAG,uDAEmB,OAAO,QAAQ,KAAK,UAAU,iBAC5C,MAAM,KACf,UAAU,IAEb,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAa,EAAE,EAAE;QAC/C,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAA;QAE3B,MAAM,SAAS,GAAG,GAAG,EAAE;YACrB,IAAI,SAAS,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,EAAE,CAAC;gBAClC,OAAO,MAAM,CAAA;YACf,CAAC;YAED,IAAI,SAAS,GAAG,KAAK,GAAG,CAAC,IAAI,SAAS,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC;gBACnD,OAAO,SAAS,CAAA;YAClB,CAAC;YAED,OAAO,OAAO,CAAA;QAChB,CAAC,CAAA;QAED,OAAO,CACL,sCACE,GAAG,EAAE,UAAU,KAAK,EAAE,yBACD,SAAS,EAAE,iBACnB,GAAG,MAAM,OAAO,IAE5B,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAC,cAAU,mCAET,IAAI,EAAE,UAAU,EAChB,IAAI,EAAC,OAAO,gBACD,MAAM,EACjB,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,SAAS,CAAC,CAAA;YACrB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EACvC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GACnC,CACH,CAAC,CAAC,CAAC,CACF;YACE,8EAAkC,UAAU,CAAO;YAClD,eAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC5B,eAAK,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CACvC,CAAC,CAAC,CAAC,CACF,8BAAC,QAAI,IAAC,IAAI,EAAC,MAAM,wCAA+B,CACjD,CACA,CACJ,CACE,CACN,CAAA;IACH,CAAC,CAAC,CACG,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAe,MAAM,CAAA"}
+{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../../src/molecules/Rating/Rating.tsx"],"names":[],"mappings":";;;AAAA,uDAKc;AAEd,6BAAwC;AACxC,oEAAmC;AAmCnC,MAAM,MAAM,GAAG,IAAA,kBAAU,EAAgC,SAAS,MAAM,CACtE,EACE,QAAQ,EACR,MAAM,GAAG,WAAW,EACpB,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,CAAC,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IAErC,MAAM,YAAY,GAAG,EAAE,6BAA6B,EAAE,IAAI,EAAE,CAAA;IAC5D,MAAM,UAAU,GAAG,eAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,8BAAC,QAAI,IAAC,IAAI,EAAC,MAAM,GAAG,CAAA;IAE3E,OAAO,CACL,8BAAC,cAAI,IACH,GAAG,EAAE,GAAG,uDAEmB,OAAO,QAAQ,KAAK,UAAU,iBAC5C,MAAM,KACf,UAAU,IAEb,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAa,EAAE,EAAE;QAC/C,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAA;QAE3B,MAAM,SAAS,GAAG,GAAG,EAAE;YACrB,IAAI,SAAS,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,EAAE,CAAC;gBAClC,OAAO,MAAM,CAAA;YACf,CAAC;YAED,IAAI,SAAS,GAAG,KAAK,GAAG,CAAC,IAAI,SAAS,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC;gBACnD,OAAO,SAAS,CAAA;YAClB,CAAC;YAED,OAAO,OAAO,CAAA;QAChB,CAAC,CAAA;QAED,OAAO,CACL,sCACE,GAAG,EAAE,UAAU,KAAK,EAAE,yBACD,SAAS,EAAE,iBACnB,GAAG,MAAM,OAAO,IAE5B,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAC,cAAU,mCAET,IAAI,EAAE,UAAU,EAChB,IAAI,EAAC,OAAO,gBACD,MAAM,EACjB,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,SAAS,CAAC,CAAA;YACrB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EACvC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,CACF;YACE,8EAAkC,UAAU,CAAO;YAClD,eAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC5B,eAAK,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CACvC,CAAC,CAAC,CAAC,CACF,8BAAC,QAAI,IAAC,IAAI,EAAC,MAAM,wCAA+B,CACjD,CACA,CACJ,CACE,CACN,CAAA;IACH,CAAC,CAAC,CACG,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAe,MAAM,CAAA"}

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

@@ -5,6 +5,14 @@ export interface CheckboxFieldProps extends CheckboxProps {
      * The text displayed to identify the input checkbox.
      */
     label: string;
+    /**
+     * The error message is displayed when an error occurs.
+     */
+    error?: string;
+    /**
+     * Control the vertical alignment of the checkbox in relation to the label (center, top, bottom).
+     */
+    alignment?: 'center' | 'top' | 'bottom';
 }
 declare const CheckboxField: React.ForwardRefExoticComponent<CheckboxFieldProps & React.RefAttributes<HTMLDivElement>>;
 export default CheckboxField;

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

@@ -1,10 +1,13 @@
 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, 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, defaultChecked: checked, ...otherProps }),
-        React.createElement(Label, { htmlFor: id }, label)));
+const CheckboxField = forwardRef(function CheckboxField({ testId = 'fs-checkbox-field', id, label, value, name, checked, error, disabled, alignment = 'center', ...otherProps }, ref) {
+    const shouldDisplayError = !disabled && error && error !== '';
+    return (React.createElement("div", { ref: ref, "data-testid": testId, "data-fs-checkbox-field": true, "data-fs-checkbox-field-error": error && error !== '', "data-fs-checkbox-field-alignment": alignment },
+        React.createElement(Checkbox, { id: id, value: value ?? label, name: name, defaultChecked: checked, disabled: disabled, ...otherProps }),
+        React.createElement("div", { "data-fs-checkbox-field-content": true },
+            React.createElement(Label, { "data-fs-checkbox-field-label": true, htmlFor: id }, label),
+            shouldDisplayError && (React.createElement("span", { "data-fs-checkbox-field-error-message": true }, error)))));
 });
 export default CheckboxField;
 //# sourceMappingURL=CheckboxField.js.map

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,QAAgC,MAAM,sBAAsB,CAAA;AACnE,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"}
+{"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,QAAgC,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,MAAM,mBAAmB,CAAA;AAiBrC,MAAM,aAAa,GAAG,UAAU,CAC9B,SAAS,aAAa,CACpB,EACE,MAAM,GAAG,mBAAmB,EAC5B,EAAE,EACF,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,kBAAkB,GAAG,CAAC,QAAQ,IAAI,KAAK,IAAI,KAAK,KAAK,EAAE,CAAA;IAE7D,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,iBACK,MAAM,kEAEW,KAAK,IAAI,KAAK,KAAK,EAAE,sCACjB,SAAS;QAE3C,oBAAC,QAAQ,IACP,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,IAAI,KAAK,EACrB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,OAAO,EACvB,QAAQ,EAAE,QAAQ,KACd,UAAU,GACd;QACF;YACE,oBAAC,KAAK,0CAA8B,OAAO,EAAE,EAAE,IAC5C,KAAK,CACA;YAEP,kBAAkB,IAAI,CACrB,8EAA4C,KAAK,CAAQ,CAC1D,CACG,CACF,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -20,6 +20,10 @@ export interface RatingProps extends Omit<HTMLAttributes<HTMLUListElement>, 'onC
      * Function to be triggered when Rating option change. This should only be used if you and an actionable rating list.
      */
     onChange?: (value: number) => void;
+    /**
+     * Specifies that the actionable rating should be disabled.
+     */
+    disabled?: boolean;
 }
 export interface RatingItemProps {
     'data-fs-rating-item'?: 'full' | 'partial' | 'empty';

package/dist/esm/molecules/Rating/Rating.js

@@ -1,7 +1,7 @@
 import React, { forwardRef, useState, } from 'react';
 import { Icon, IconButton } from '../..';
 import List from '../../atoms/List';
-const Rating = forwardRef(function Rating({ children, testId = 'fs-rating', length = 5, value = 0, icon, onChange, ...otherProps }, ref) {
+const Rating = forwardRef(function Rating({ children, testId = 'fs-rating', length = 5, value = 0, icon, onChange, disabled, ...otherProps }, ref) {
     const [hover, setHover] = useState(0);
     const outlineProps = { 'data-fs-rating-icon-outline': true };
     const ratingIcon = React.isValidElement(icon) ? icon : React.createElement(Icon, { name: "Star" });
@@ -18,7 +18,7 @@ const Rating = forwardRef(function Rating({ children, testId = 'fs-rating', leng
         };
         return (React.createElement("li", { key: `rating-${index}`, "data-fs-rating-item": fillCheck(), "data-testid": `${testId}-item` }, onChange ? (React.createElement(IconButton, { "data-fs-rating-button": true, icon: ratingIcon, size: "small", "aria-label": "rate", onClick: () => {
                 onChange(tempIndex);
-            }, onMouseEnter: () => setHover(tempIndex), onMouseLeave: () => setHover(value) })) : (React.createElement(React.Fragment, null,
+            }, onMouseEnter: () => setHover(tempIndex), onMouseLeave: () => setHover(value), disabled: disabled })) : (React.createElement(React.Fragment, null,
             React.createElement("div", { "data-fs-rating-icon-wrapper": true }, ratingIcon),
             React.isValidElement(icon) ? (React.cloneElement(icon, outlineProps)) : (React.createElement(Icon, { name: "Star", "data-fs-rating-icon-outline": true }))))));
     })));

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

@@ -1 +1 @@
-{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../../src/molecules/Rating/Rating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAGV,QAAQ,GACT,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AA+BnC,MAAM,MAAM,GAAG,UAAU,CAAgC,SAAS,MAAM,CACtE,EACE,QAAQ,EACR,MAAM,GAAG,WAAW,EACpB,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,CAAC,EACT,IAAI,EACJ,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAErC,MAAM,YAAY,GAAG,EAAE,6BAA6B,EAAE,IAAI,EAAE,CAAA;IAC5D,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,CAAA;IAE3E,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,GAAG,uDAEmB,OAAO,QAAQ,KAAK,UAAU,iBAC5C,MAAM,KACf,UAAU,IAEb,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAa,EAAE,EAAE;QAC/C,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAA;QAE3B,MAAM,SAAS,GAAG,GAAG,EAAE;YACrB,IAAI,SAAS,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,EAAE,CAAC;gBAClC,OAAO,MAAM,CAAA;YACf,CAAC;YAED,IAAI,SAAS,GAAG,KAAK,GAAG,CAAC,IAAI,SAAS,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC;gBACnD,OAAO,SAAS,CAAA;YAClB,CAAC;YAED,OAAO,OAAO,CAAA;QAChB,CAAC,CAAA;QAED,OAAO,CACL,4BACE,GAAG,EAAE,UAAU,KAAK,EAAE,yBACD,SAAS,EAAE,iBACnB,GAAG,MAAM,OAAO,IAE5B,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,UAAU,mCAET,IAAI,EAAE,UAAU,EAChB,IAAI,EAAC,OAAO,gBACD,MAAM,EACjB,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,SAAS,CAAC,CAAA;YACrB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EACvC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GACnC,CACH,CAAC,CAAC,CAAC,CACF;YACE,oEAAkC,UAAU,CAAO;YAClD,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC5B,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CACvC,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,wCAA+B,CACjD,CACA,CACJ,CACE,CACN,CAAA;IACH,CAAC,CAAC,CACG,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../../src/molecules/Rating/Rating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAGV,QAAQ,GACT,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AAmCnC,MAAM,MAAM,GAAG,UAAU,CAAgC,SAAS,MAAM,CACtE,EACE,QAAQ,EACR,MAAM,GAAG,WAAW,EACpB,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,CAAC,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAErC,MAAM,YAAY,GAAG,EAAE,6BAA6B,EAAE,IAAI,EAAE,CAAA;IAC5D,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,CAAA;IAE3E,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,GAAG,uDAEmB,OAAO,QAAQ,KAAK,UAAU,iBAC5C,MAAM,KACf,UAAU,IAEb,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAa,EAAE,EAAE;QAC/C,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAA;QAE3B,MAAM,SAAS,GAAG,GAAG,EAAE;YACrB,IAAI,SAAS,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,EAAE,CAAC;gBAClC,OAAO,MAAM,CAAA;YACf,CAAC;YAED,IAAI,SAAS,GAAG,KAAK,GAAG,CAAC,IAAI,SAAS,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC;gBACnD,OAAO,SAAS,CAAA;YAClB,CAAC;YAED,OAAO,OAAO,CAAA;QAChB,CAAC,CAAA;QAED,OAAO,CACL,4BACE,GAAG,EAAE,UAAU,KAAK,EAAE,yBACD,SAAS,EAAE,iBACnB,GAAG,MAAM,OAAO,IAE5B,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,UAAU,mCAET,IAAI,EAAE,UAAU,EAChB,IAAI,EAAC,OAAO,gBACD,MAAM,EACjB,OAAO,EAAE,GAAG,EAAE;gBACZ,QAAQ,CAAC,SAAS,CAAC,CAAA;YACrB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EACvC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,CACF;YACE,oEAAkC,UAAU,CAAO;YAClD,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC5B,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CACvC,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,wCAA+B,CACjD,CACA,CACJ,CACE,CACN,CAAA;IACH,CAAC,CAAC,CACG,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/components",
-  "version": "3.14.2",
+  "version": "3.15.3",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
@@ -33,19 +33,28 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
+  "dependencies": {
+    "react-intersection-observer": "^8.32.5",
+    "react-swipeable": "^7.0.0",
+    "tabbable": "^5.2.1"
+  },
   "devDependencies": {
+    "@jest/globals": "29.7.0",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^14.3.0",
+    "@types/jest": "29.1.0",
     "@types/jest-axe": "^3.5.9",
     "@types/react": "^18.2.42",
     "@types/react-dom": "^18.2.17",
+    "@types/tabbable": "^3.1.1",
     "jest": "^29.7.0",
     "jest-axe": "^9.0.0",
     "jest-environment-jsdom": "^29.7.0",
-    "ts-jest": "^29.1.2"
+    "ts-jest": "^29.1.2",
+    "tslib": "^2.3.1"
   },
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "4ab7dfbbfba7d963b2c27b66629ccd54f5385a0f"
+  "gitHead": "d1e33c64330a0fc7b25930d7e86382efb9bd56ef"
 }

package/src/molecules/CheckboxField/CheckboxField.tsx

@@ -7,6 +7,14 @@ export interface CheckboxFieldProps extends CheckboxProps {
    * The text displayed to identify the input checkbox.
    */
   label: string
+  /**
+   * The error message is displayed when an error occurs.
+   */
+  error?: string
+  /**
+   * Control the vertical alignment of the checkbox in relation to the label (center, top, bottom).
+   */
+  alignment?: 'center' | 'top' | 'bottom'
 }
 
 const CheckboxField = forwardRef<HTMLDivElement, CheckboxFieldProps>(
@@ -18,20 +26,40 @@ const CheckboxField = forwardRef<HTMLDivElement, CheckboxFieldProps>(
       value,
       name,
       checked,
+      error,
+      disabled,
+      alignment = 'center',
       ...otherProps
     },
     ref
   ) {
+    const shouldDisplayError = !disabled && error && error !== ''
+
     return (
-      <div ref={ref} data-fs-checkbox-field data-testid={testId}>
+      <div
+        ref={ref}
+        data-testid={testId}
+        data-fs-checkbox-field
+        data-fs-checkbox-field-error={error && error !== ''}
+        data-fs-checkbox-field-alignment={alignment}
+      >
         <Checkbox
           id={id}
           value={value ?? label}
           name={name}
           defaultChecked={checked}
+          disabled={disabled}
           {...otherProps}
         />
-        <Label htmlFor={id}>{label}</Label>
+        <div data-fs-checkbox-field-content>
+          <Label data-fs-checkbox-field-label htmlFor={id}>
+            {label}
+          </Label>
+
+          {shouldDisplayError && (
+            <span data-fs-checkbox-field-error-message>{error}</span>
+          )}
+        </div>
       </div>
     )
   }

package/src/molecules/Rating/Rating.tsx

@@ -30,6 +30,10 @@ export interface RatingProps
    * Function to be triggered when Rating option change. This should only be used if you and an actionable rating list.
    */
   onChange?: (value: number) => void
+  /**
+   * Specifies that the actionable rating should be disabled.
+   */
+  disabled?: boolean
 }
 
 export interface RatingItemProps {
@@ -45,6 +49,7 @@ const Rating = forwardRef<HTMLUListElement, RatingProps>(function Rating(
     value = 0,
     icon,
     onChange,
+    disabled,
     ...otherProps
   },
   ref
@@ -94,6 +99,7 @@ const Rating = forwardRef<HTMLUListElement, RatingProps>(function Rating(
                 }}
                 onMouseEnter={() => setHover(tempIndex)}
                 onMouseLeave={() => setHover(value)}
+                disabled={disabled}
               />
             ) : (
               <>