@faststore/components 3.15.0 → 3.16.0
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/index.d.ts +2 -0
- package/dist/cjs/index.js +4 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/molecules/CheckboxField/CheckboxField.d.ts +8 -0
- package/dist/cjs/molecules/CheckboxField/CheckboxField.js +7 -4
- package/dist/cjs/molecules/CheckboxField/CheckboxField.js.map +1 -1
- package/dist/cjs/molecules/Rating/Rating.d.ts +4 -0
- package/dist/cjs/molecules/Rating/Rating.js +2 -2
- package/dist/cjs/molecules/Rating/Rating.js.map +1 -1
- package/dist/cjs/molecules/RatingField/RatingField.d.ts +28 -0
- package/dist/cjs/molecules/RatingField/RatingField.js +14 -0
- package/dist/cjs/molecules/RatingField/RatingField.js.map +1 -0
- package/dist/cjs/molecules/RatingField/index.d.ts +2 -0
- package/dist/cjs/molecules/RatingField/index.js +9 -0
- package/dist/cjs/molecules/RatingField/index.js.map +1 -0
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/molecules/CheckboxField/CheckboxField.d.ts +8 -0
- package/dist/esm/molecules/CheckboxField/CheckboxField.js +7 -4
- package/dist/esm/molecules/CheckboxField/CheckboxField.js.map +1 -1
- package/dist/esm/molecules/Rating/Rating.d.ts +4 -0
- package/dist/esm/molecules/Rating/Rating.js +2 -2
- package/dist/esm/molecules/Rating/Rating.js.map +1 -1
- package/dist/esm/molecules/RatingField/RatingField.d.ts +28 -0
- package/dist/esm/molecules/RatingField/RatingField.js +11 -0
- package/dist/esm/molecules/RatingField/RatingField.js.map +1 -0
- package/dist/esm/molecules/RatingField/index.d.ts +2 -0
- package/dist/esm/molecules/RatingField/index.js +2 -0
- package/dist/esm/molecules/RatingField/index.js.map +1 -0
- package/package.json +12 -3
- package/src/index.ts +2 -0
- package/src/molecules/CheckboxField/CheckboxField.tsx +30 -2
- package/src/molecules/Rating/Rating.tsx +6 -0
- package/src/molecules/RatingField/RatingField.tsx +71 -0
- package/src/molecules/RatingField/index.ts +2 -0
package/dist/cjs/index.d.ts
CHANGED
|
@@ -75,6 +75,8 @@ export { default as RadioGroup, RadioOption } from './molecules/RadioGroup';
|
|
|
75
75
|
export type { RadioGroupProps, RadioOptionProps } from './molecules/RadioGroup';
|
|
76
76
|
export { default as Rating } from './molecules/Rating';
|
|
77
77
|
export type { RatingProps } from './molecules/Rating';
|
|
78
|
+
export { default as RatingField } from './molecules/RatingField';
|
|
79
|
+
export type { RatingFieldProps } from './molecules/RatingField';
|
|
78
80
|
export { default as RegionBar } from './molecules/RegionBar';
|
|
79
81
|
export type { RegionBarProps } from './molecules/RegionBar';
|
|
80
82
|
export { default as SearchProvider } from './molecules/SearchProvider';
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.OrderSummary = exports.NavbarLinksListItem = exports.NavbarLinksList = exports.NavbarLinks = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.LinkButton = exports.InputField = exports.GiftImage = exports.GiftContent = exports.Gift = exports.DropdownMenu = exports.DropdownItem = exports.DropdownButton = exports.Dropdown = exports.DiscountBadge = exports.IconButton = exports.CheckboxField = exports.CartItemSummary = exports.CartItemImage = exports.CartItem = exports.Card = exports.CarouselBullets = exports.CarouselItem = exports.Carousel = exports.BuyButton = exports.Breadcrumb = exports.BreadcrumbPure = exports.Alert = exports.AccordionPanel = exports.AccordionButton = exports.AccordionItem = exports.Accordion = exports.SROnly = exports.Slider = exports.Select = exports.Skeleton = exports.Radio = exports.Price = exports.Overlay = exports.List = exports.Loader = exports.Link = exports.Label = exports.Input = exports.Icon = exports.Checkbox = exports.Button = exports.Badge = void 0;
|
|
4
|
-
exports.
|
|
5
|
-
exports.SKUMatrixSidebar = exports.SKUMatrixTrigger = exports.SKUMatrix = exports.SlideOverHeader = exports.SlideOver = exports.ShippingSimulation = exports.SearchInput = exports.RegionModal = exports.ProductShelfItem = exports.ProductShelfItems = exports.ProductShelf = exports.ProductGridItem = exports.ProductGrid = exports.PriceRange = exports.PaymentMethods = exports.OutOfStock = exports.NewsletterHeader = exports.NewsletterForm = exports.NewsletterContent = exports.NewsletterAddendum = exports.Newsletter = exports.NavbarSliderFooter = exports.NavbarSliderContent = exports.NavbarSliderHeader = exports.NavbarSlider = exports.NavbarButtons = exports.NavbarRow = exports.NavbarHeader = exports.Navbar = exports.ImageGalleryViewer = exports.ImageGallerySelector = exports.ImageGallery = exports.HeroHeader = void 0;
|
|
4
|
+
exports.Hero = exports.FilterSlider = exports.FilterFacets = exports.FilterFacetRange = exports.FilterFacetBooleanItem = exports.FilterFacetBoolean = exports.Filter = exports.EmptyState = exports.CartSidebarFooter = exports.CartSidebarList = exports.CartSidebar = exports.BannerTextContent = exports.BannerText = exports.QuantitySelector = exports.ToggleField = exports.Toggle = exports.Toast = exports.Tag = exports.TableRow = exports.TableHead = exports.TableFooter = exports.TableCell = exports.TableBody = exports.Table = exports.SkuSelector = exports.SelectField = exports.SearchTopTerm = exports.SearchTop = exports.SearchProductItemContent = exports.SearchProductItemImage = exports.SearchProductItem = exports.SearchProducts = exports.SearchHistoryTerm = exports.SearchHistory = exports.SearchDropdown = exports.SearchAutoCompleteTerm = exports.SearchAutoComplete = exports.SearchInputField = exports.SearchProvider = exports.RegionBar = exports.RatingField = exports.Rating = exports.RadioOption = exports.RadioGroup = exports.RadioField = exports.ProductTitle = exports.ProductPrice = exports.ProductCardContent = exports.ProductCardImage = exports.ProductCard = void 0;
|
|
5
|
+
exports.SKUMatrixSidebar = exports.SKUMatrixTrigger = exports.SKUMatrix = exports.SlideOverHeader = exports.SlideOver = exports.ShippingSimulation = exports.SearchInput = exports.RegionModal = exports.ProductShelfItem = exports.ProductShelfItems = exports.ProductShelf = exports.ProductGridItem = exports.ProductGrid = exports.PriceRange = exports.PaymentMethods = exports.OutOfStock = exports.NewsletterHeader = exports.NewsletterForm = exports.NewsletterContent = exports.NewsletterAddendum = exports.Newsletter = exports.NavbarSliderFooter = exports.NavbarSliderContent = exports.NavbarSliderHeader = exports.NavbarSlider = exports.NavbarButtons = exports.NavbarRow = exports.NavbarHeader = exports.Navbar = exports.ImageGalleryViewer = exports.ImageGallerySelector = exports.ImageGallery = exports.HeroHeader = exports.HeroImage = void 0;
|
|
6
6
|
const tslib_1 = require("tslib");
|
|
7
7
|
// Hooks
|
|
8
8
|
tslib_1.__exportStar(require("./hooks"), exports);
|
|
@@ -106,6 +106,8 @@ Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function (
|
|
|
106
106
|
Object.defineProperty(exports, "RadioOption", { enumerable: true, get: function () { return RadioGroup_1.RadioOption; } });
|
|
107
107
|
var Rating_1 = require("./molecules/Rating");
|
|
108
108
|
Object.defineProperty(exports, "Rating", { enumerable: true, get: function () { return tslib_1.__importDefault(Rating_1).default; } });
|
|
109
|
+
var RatingField_1 = require("./molecules/RatingField");
|
|
110
|
+
Object.defineProperty(exports, "RatingField", { enumerable: true, get: function () { return tslib_1.__importDefault(RatingField_1).default; } });
|
|
109
111
|
var RegionBar_1 = require("./molecules/RegionBar");
|
|
110
112
|
Object.defineProperty(exports, "RegionBar", { enumerable: true, get: function () { return tslib_1.__importDefault(RegionBar_1).default; } });
|
|
111
113
|
var SearchProvider_1 = require("./molecules/SearchProvider");
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,QAAQ;AACR,kDAAuB;AAEvB,QAAQ;AACR,uCAAgD;AAAvC,uHAAA,OAAO,OAAS;AAEzB,yCAAkD;AAAzC,yHAAA,OAAO,OAAU;AAE1B,6CAAsD;AAA7C,6HAAA,OAAO,OAAY;AAE5B,qCAA8C;AAArC,qHAAA,OAAO,OAAQ;AAExB,uCAAgD;AAAvC,uHAAA,OAAO,OAAS;AAEzB,uCAAgD;AAAvC,uHAAA,OAAO,OAAS;AAEzB,qCAA8C;AAArC,qHAAA,OAAO,OAAQ;AAExB,yCAAkD;AAAzC,yHAAA,OAAO,OAAU;AAE1B,qCAA8C;AAArC,qHAAA,OAAO,OAAQ;AAExB,2CAAoD;AAA3C,2HAAA,OAAO,OAAW;AAE3B,uCAAgD;AAAvC,uHAAA,OAAO,OAAS;AAEzB,uCAAgD;AAAvC,uHAAA,OAAO,OAAS;AAEzB,6CAAsD;AAA7C,6HAAA,OAAO,OAAY;AAE5B,yCAAkD;AAAzC,yHAAA,OAAO,OAAU;AAE1B,yCAAkD;AAAzC,yHAAA,OAAO,OAAU;AAE1B,yCAAkD;AAAzC,yHAAA,OAAO,OAAU;AAE1B,YAAY;AACZ,mDAK8B;AAJ5B,+HAAA,OAAO,OAAa;AACpB,0GAAA,aAAa,OAAA;AACb,4GAAA,eAAe,OAAA;AACf,2GAAA,cAAc,OAAA;AAQhB,2CAAoD;AAA3C,uHAAA,OAAO,OAAS;AAEzB,qDAAmE;AAA1D,4GAAA,cAAc,OAAA;AAAE,wGAAA,UAAU,OAAA;AAKnC,mDAA4D;AAAnD,+HAAA,OAAO,OAAa;AAE7B,iDAI6B;AAH3B,6HAAA,OAAO,OAAY;AACnB,wGAAA,YAAY,OAAA;AACZ,2GAAA,eAAe,OAAA;AAQjB,yCAAkD;AAAzC,qHAAA,OAAO,OAAQ;AAGxB,iDAI6B;AAH3B,6HAAA,OAAO,OAAY;AACnB,yGAAA,aAAa,OAAA;AACb,2GAAA,eAAe,OAAA;AAOjB,2DAAoE;AAA3D,uIAAA,OAAO,OAAiB;AAEjC,qDAA8D;AAArD,iIAAA,OAAO,OAAc;AAE9B,2DAAoE;AAA3D,uIAAA,OAAO,OAAiB;AAEjC,iDAK6B;AAJ3B,6HAAA,OAAO,OAAY;AACnB,0GAAA,cAAc,OAAA;AACd,wGAAA,YAAY,OAAA;AACZ,wGAAA,YAAY,OAAA;AAQd,yCAA0E;AAAjE,qHAAA,OAAO,OAAQ;AAAE,mGAAA,WAAW,OAAA;AAAE,iGAAA,SAAS,OAAA;AAMhD,qDAA8D;AAArD,iIAAA,OAAO,OAAc;AAE9B,qDAA8D;AAArD,iIAAA,OAAO,OAAc;AAE9B,2CAA4E;AAAnE,uHAAA,OAAO,OAAS;AAAE,oGAAA,WAAW,OAAA;AAAE,kGAAA,SAAS,OAAA;AAEjD,uDAIgC;AAH9B,mIAAA,OAAO,OAAe;AACtB,8GAAA,eAAe,OAAA;AACf,kHAAA,mBAAmB,OAAA;AAOrB,yDAAkE;AAAzD,qIAAA,OAAO,OAAgB;AAEhC,uDAIgC;AAH9B,mIAAA,OAAO,OAAe;AACtB,+GAAA,gBAAgB,OAAA;AAChB,iHAAA,kBAAkB,OAAA;AAOpB,yDAAkE;AAAzD,qIAAA,OAAO,OAAgB;AAEhC,yDAAkE;AAAzD,qIAAA,OAAO,OAAgB;AAEhC,qDAA8D;AAArD,iIAAA,OAAO,OAAc;AAE9B,qDAA2E;AAAlE,iIAAA,OAAO,OAAc;AAAE,yGAAA,WAAW,OAAA;AAE3C,6CAAsD;AAA7C,yHAAA,OAAO,OAAU;AAE1B,mDAA4D;AAAnD,+HAAA,OAAO,OAAa;AAG7B,6DAAsE;AAA7D,yIAAA,OAAO,OAAkB;AAGlC,iEAA0E;AAAjE,6IAAA,OAAO,OAAoB;AAKpC,qEAGuC;AAFrC,iJAAA,OAAO,OAAsB;AAC7B,4HAAA,sBAAsB,OAAA;AAMxB,6DAGmC;AAFjC,yIAAA,OAAO,OAAkB;AAG3B,2DAGkC;AAFhC,uIAAA,OAAO,OAAiB;AACxB,kHAAA,iBAAiB,OAAA;AAMnB,6DAKmC;AAJjC,yIAAA,OAAO,OAAkB;AACzB,mHAAA,iBAAiB,OAAA;AACjB,wHAAA,sBAAsB,OAAA;AACtB,0HAAA,wBAAwB,OAAA;AAQ1B,mDAA2E;AAAlE,+HAAA,OAAO,OAAa;AAAE,0GAAA,aAAa,OAAA;AAE5C,uDAAgE;AAAvD,mIAAA,OAAO,OAAe;AAE/B,uDAAgE;AAAvD,mIAAA,OAAO,OAAe;AAE/B,2CAO0B;AANxB,8FAAA,KAAK,OAAA;AACL,kGAAA,SAAS,OAAA;AACT,kGAAA,SAAS,OAAA;AACT,oGAAA,WAAW,OAAA;AACX,kGAAA,SAAS,OAAA;AACT,iGAAA,QAAQ,OAAA;AAUV,uCAAgD;AAAvC,mHAAA,OAAO,OAAO;AAEvB,2CAAoD;AAA3C,uHAAA,OAAO,OAAS;AACzB,6CAAsD;AAA7C,yHAAA,OAAO,OAAU;AAE1B,uDAAgE;AAAvD,mIAAA,OAAO,OAAe;AAE/B,iEAA0E;AAAjE,6IAAA,OAAO,OAAoB;AAGpC,YAAY;AACZ,qDAG+B;AAF7B,iIAAA,OAAO,OAAc;AACrB,+GAAA,iBAAiB,OAAA;AAOnB,uDAIgC;AAH9B,mIAAA,OAAO,OAAe;AACtB,8GAAA,eAAe,OAAA;AACf,gHAAA,iBAAiB,OAAA;AAInB,qDAA8D;AAArD,iIAAA,OAAO,OAAc;AAG9B,6CAO2B;AANzB,yHAAA,OAAO,OAAU;AACjB,4GAAA,kBAAkB,OAAA;AAClB,gHAAA,sBAAsB,OAAA;AACtB,0GAAA,gBAAgB,OAAA;AAChB,sGAAA,YAAY,OAAA;AACZ,sGAAA,YAAY,OAAA;AAUd,yCAAyE;AAAhE,qHAAA,OAAO,OAAQ;AAAE,iGAAA,SAAS,OAAA;AAAE,kGAAA,UAAU,OAAA;AAO/C,yDAIiC;AAH/B,qIAAA,OAAO,OAAgB;AACvB,oHAAA,oBAAoB,OAAA;AACpB,kHAAA,kBAAkB,OAAA;AASpB,6CAK2B;AAJzB,yHAAA,OAAO,OAAU;AACjB,sGAAA,YAAY,OAAA;AACZ,mGAAA,SAAS,OAAA;AACT,uGAAA,aAAa,OAAA;AASf,yDAKiC;AAJ/B,qIAAA,OAAO,OAAgB;AACvB,kHAAA,kBAAkB,OAAA;AAClB,mHAAA,mBAAmB,OAAA;AACnB,kHAAA,kBAAkB,OAAA;AASpB,qDAM+B;AAL7B,iIAAA,OAAO,OAAc;AACrB,gHAAA,kBAAkB,OAAA;AAClB,+GAAA,iBAAiB,OAAA;AACjB,4GAAA,cAAc,OAAA;AACd,8GAAA,gBAAgB,OAAA;AAUlB,qDAA8D;AAArD,iIAAA,OAAO,OAAc;AAG9B,6DAAsE;AAA7D,yIAAA,OAAO,OAAkB;AAGlC,qDAA8D;AAArD,iIAAA,OAAO,OAAc;AAG9B,uDAGgC;AAF9B,mIAAA,OAAO,OAAe;AACtB,8GAAA,eAAe,OAAA;AAOjB,yDAIiC;AAH/B,qIAAA,OAAO,OAAgB;AACvB,iHAAA,iBAAiB,OAAA;AACjB,gHAAA,gBAAgB,OAAA;AAQlB,uDAAgE;AAAvD,mIAAA,OAAO,OAAe;AAG/B,uDAAgE;AAAvD,mIAAA,OAAO,OAAe;AAG/B,qEAA8E;AAArE,iJAAA,OAAO,OAAsB;AAGtC,mDAA6E;AAApE,+HAAA,OAAO,OAAa;AAAE,4GAAA,eAAe,OAAA;AAM9C,mDAI8B;AAH5B,+HAAA,OAAO,OAAa;AACpB,6GAAA,gBAAgB,OAAA;AAChB,6GAAA,gBAAgB,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,14 @@ export interface CheckboxFieldProps extends CheckboxProps {
|
|
|
5
5
|
* The text displayed to identify the input checkbox.
|
|
6
6
|
*/
|
|
7
7
|
label: string;
|
|
8
|
+
/**
|
|
9
|
+
* The error message is displayed when an error occurs.
|
|
10
|
+
*/
|
|
11
|
+
error?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Control the vertical alignment of the checkbox in relation to the label (center, top, bottom).
|
|
14
|
+
*/
|
|
15
|
+
alignment?: 'center' | 'top' | 'bottom';
|
|
8
16
|
}
|
|
9
17
|
declare const CheckboxField: React.ForwardRefExoticComponent<CheckboxFieldProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
18
|
export default CheckboxField;
|
|
@@ -4,10 +4,13 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
const Checkbox_1 = tslib_1.__importDefault(require("../../atoms/Checkbox"));
|
|
6
6
|
const Label_1 = tslib_1.__importDefault(require("../../atoms/Label"));
|
|
7
|
-
const CheckboxField = (0, react_1.forwardRef)(function CheckboxField({ testId = 'fs-checkbox-field', id, label, value, name, checked, ...otherProps }, ref) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
react_1.default.createElement(
|
|
7
|
+
const CheckboxField = (0, react_1.forwardRef)(function CheckboxField({ testId = 'fs-checkbox-field', id, label, value, name, checked, error, disabled, alignment = 'center', ...otherProps }, ref) {
|
|
8
|
+
const shouldDisplayError = !disabled && error && error !== '';
|
|
9
|
+
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 },
|
|
10
|
+
react_1.default.createElement(Checkbox_1.default, { id: id, value: value ?? label, name: name, defaultChecked: checked, disabled: disabled, ...otherProps }),
|
|
11
|
+
react_1.default.createElement("div", { "data-fs-checkbox-field-content": true },
|
|
12
|
+
react_1.default.createElement(Label_1.default, { "data-fs-checkbox-field-label": true, htmlFor: id }, label),
|
|
13
|
+
shouldDisplayError && (react_1.default.createElement("span", { "data-fs-checkbox-field-error-message": true }, error)))));
|
|
11
14
|
});
|
|
12
15
|
exports.default = CheckboxField;
|
|
13
16
|
//# sourceMappingURL=CheckboxField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/molecules/CheckboxField/CheckboxField.tsx"],"names":[],"mappings":";;;AAAA,uDAAyC;AACzC,4EAAmE;AACnE,sEAAqC;
|
|
1
|
+
{"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"}
|
|
@@ -20,6 +20,10 @@ export interface RatingProps extends Omit<HTMLAttributes<HTMLUListElement>, 'onC
|
|
|
20
20
|
* Function to be triggered when Rating option change. This should only be used if you and an actionable rating list.
|
|
21
21
|
*/
|
|
22
22
|
onChange?: (value: number) => void;
|
|
23
|
+
/**
|
|
24
|
+
* Specifies that the actionable rating should be disabled.
|
|
25
|
+
*/
|
|
26
|
+
disabled?: boolean;
|
|
23
27
|
}
|
|
24
28
|
export interface RatingItemProps {
|
|
25
29
|
'data-fs-rating-item'?: 'full' | 'partial' | 'empty';
|
|
@@ -4,7 +4,7 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
const __1 = require("../..");
|
|
6
6
|
const List_1 = tslib_1.__importDefault(require("../../atoms/List"));
|
|
7
|
-
const Rating = (0, react_1.forwardRef)(function Rating({ children, testId = 'fs-rating', length = 5, value = 0, icon, onChange, ...otherProps }, ref) {
|
|
7
|
+
const Rating = (0, react_1.forwardRef)(function Rating({ children, testId = 'fs-rating', length = 5, value = 0, icon, onChange, disabled, ...otherProps }, ref) {
|
|
8
8
|
const [hover, setHover] = (0, react_1.useState)(0);
|
|
9
9
|
const outlineProps = { 'data-fs-rating-icon-outline': true };
|
|
10
10
|
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-
|
|
|
21
21
|
};
|
|
22
22
|
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: () => {
|
|
23
23
|
onChange(tempIndex);
|
|
24
|
-
}, onMouseEnter: () => setHover(tempIndex), onMouseLeave: () => setHover(value) })) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
24
|
+
}, onMouseEnter: () => setHover(tempIndex), onMouseLeave: () => setHover(value), disabled: disabled })) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
25
25
|
react_1.default.createElement("div", { "data-fs-rating-icon-wrapper": true }, ratingIcon),
|
|
26
26
|
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 }))))));
|
|
27
27
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../../../src/molecules/Rating/Rating.tsx"],"names":[],"mappings":";;;AAAA,uDAKc;AAEd,6BAAwC;AACxC,oEAAmC;
|
|
1
|
+
{"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { MutableRefObject } from 'react';
|
|
3
|
+
import { type RatingProps } from '../..';
|
|
4
|
+
interface DefaultProps {
|
|
5
|
+
/**
|
|
6
|
+
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
7
|
+
*/
|
|
8
|
+
testId?: string;
|
|
9
|
+
/**
|
|
10
|
+
* ID to identify input and corresponding label.
|
|
11
|
+
*/
|
|
12
|
+
id: string;
|
|
13
|
+
/**
|
|
14
|
+
* The text displayed to identify the input rating.
|
|
15
|
+
*/
|
|
16
|
+
label: string;
|
|
17
|
+
/**
|
|
18
|
+
* The error message displayed when an error occurs.
|
|
19
|
+
*/
|
|
20
|
+
error?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Component's ref.
|
|
23
|
+
*/
|
|
24
|
+
ratingRef?: MutableRefObject<HTMLUListElement | null>;
|
|
25
|
+
}
|
|
26
|
+
export type RatingFieldProps = DefaultProps & RatingProps;
|
|
27
|
+
declare const RatingField: ({ id, label, error, disabled, length, value, onChange, ratingRef, testId, ...otherProps }: RatingFieldProps) => React.JSX.Element;
|
|
28
|
+
export default RatingField;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
const __1 = require("../..");
|
|
6
|
+
const RatingField = ({ id, label, error, disabled, length = 5, value = 0, onChange, ratingRef, testId = 'fs-rating-field', ...otherProps }) => {
|
|
7
|
+
const shouldDisplayError = !disabled && error && error !== '';
|
|
8
|
+
return (react_1.default.createElement("div", { "data-fs-rating-field": true, "data-fs-rating-field-error": shouldDisplayError, "data-fs-rating-field-disabled": disabled, "data-testid": testId },
|
|
9
|
+
react_1.default.createElement(__1.Label, { "data-fs-rating-field-label": true, htmlFor: id }, label),
|
|
10
|
+
react_1.default.createElement(__1.Rating, { id: id, "data-fs-rating-field-input": true, ref: ratingRef, length: length, value: value, onChange: onChange, disabled: disabled, ...otherProps }),
|
|
11
|
+
shouldDisplayError && (react_1.default.createElement("span", { "data-fs-rating-field-error-message": true }, error))));
|
|
12
|
+
};
|
|
13
|
+
exports.default = RatingField;
|
|
14
|
+
//# sourceMappingURL=RatingField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RatingField.js","sourceRoot":"","sources":["../../../../src/molecules/RatingField/RatingField.tsx"],"names":[],"mappings":";;;AAAA,0DAAyB;AAEzB,6BAAuD;AA2BvD,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,CAAC,EACT,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACI,EAAE,EAAE;IACrB,MAAM,kBAAkB,GAAG,CAAC,QAAQ,IAAI,KAAK,IAAI,KAAK,KAAK,EAAE,CAAA;IAE7D,OAAO,CACL,mGAE8B,kBAAkB,mCACf,QAAQ,iBAC1B,MAAM;QAEnB,8BAAC,SAAK,wCAA4B,OAAO,EAAE,EAAE,IAC1C,KAAK,CACA;QACR,8BAAC,UAAM,IACL,EAAE,EAAE,EAAE,sCAEN,GAAG,EAAE,SAAS,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KACd,UAAU,GACd;QACD,kBAAkB,IAAI,CACrB,sFAA0C,KAAK,CAAQ,CACxD,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var RatingField_1 = require("./RatingField");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(RatingField_1).default; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/RatingField/index.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAuC;AAA9B,uHAAA,OAAO,OAAA"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -75,6 +75,8 @@ export { default as RadioGroup, RadioOption } from './molecules/RadioGroup';
|
|
|
75
75
|
export type { RadioGroupProps, RadioOptionProps } from './molecules/RadioGroup';
|
|
76
76
|
export { default as Rating } from './molecules/Rating';
|
|
77
77
|
export type { RatingProps } from './molecules/Rating';
|
|
78
|
+
export { default as RatingField } from './molecules/RatingField';
|
|
79
|
+
export type { RatingFieldProps } from './molecules/RatingField';
|
|
78
80
|
export { default as RegionBar } from './molecules/RegionBar';
|
|
79
81
|
export type { RegionBarProps } from './molecules/RegionBar';
|
|
80
82
|
export { default as SearchProvider } from './molecules/SearchProvider';
|
package/dist/esm/index.js
CHANGED
|
@@ -41,6 +41,7 @@ export { default as ProductTitle } from './molecules/ProductTitle';
|
|
|
41
41
|
export { default as RadioField } from './molecules/RadioField';
|
|
42
42
|
export { default as RadioGroup, RadioOption } from './molecules/RadioGroup';
|
|
43
43
|
export { default as Rating } from './molecules/Rating';
|
|
44
|
+
export { default as RatingField } from './molecules/RatingField';
|
|
44
45
|
export { default as RegionBar } from './molecules/RegionBar';
|
|
45
46
|
export { default as SearchProvider } from './molecules/SearchProvider';
|
|
46
47
|
export { default as SearchInputField } from './molecules/SearchInputField';
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,cAAc,SAAS,CAAA;AAEvB,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,YAAY;AACZ,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,aAAa,EACb,eAAe,EACf,cAAc,GACf,MAAM,uBAAuB,CAAA;AAO9B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAKnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,YAAY,EACZ,eAAe,GAChB,MAAM,sBAAsB,CAAA;AAO7B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAGlD,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,aAAa,EACb,eAAe,GAChB,MAAM,sBAAsB,CAAA;AAM7B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEpE,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,cAAc,EACd,YAAY,EACZ,YAAY,GACb,MAAM,sBAAsB,CAAA;AAO7B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAM1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE5E,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,eAAe,EACf,mBAAmB,GACpB,MAAM,yBAAyB,CAAA;AAMhC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAElE,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,yBAAyB,CAAA;AAMhC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAElE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAElE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAE3E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAGtE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAK1E,OAAO,EACL,OAAO,IAAI,kBAAkB,EAC7B,sBAAsB,GACvB,MAAM,gCAAgC,CAAA;AAKvC,OAAO,EACL,OAAO,IAAI,cAAc,GAE1B,MAAM,4BAA4B,CAAA;AACnC,OAAO,EACL,OAAO,IAAI,aAAa,EACxB,iBAAiB,GAClB,MAAM,2BAA2B,CAAA;AAKlC,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,4BAA4B,CAAA;AAOnC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAEhE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAEhE,OAAO,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,GACT,MAAM,mBAAmB,CAAA;AAS1B,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,iBAAiB,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAEhE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAG1E,YAAY;AACZ,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,iBAAiB,GAClB,MAAM,wBAAwB,CAAA;AAM/B,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,eAAe,EACf,iBAAiB,GAClB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAG9D,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,MAAM,oBAAoB,CAAA;AAS3B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAOzE,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,0BAA0B,CAAA;AAQjC,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,YAAY,EACZ,SAAS,EACT,aAAa,GACd,MAAM,oBAAoB,CAAA;AAQ3B,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,0BAA0B,CAAA;AAQjC,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,gBAAgB,GACjB,MAAM,wBAAwB,CAAA;AAS/B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAG9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAGtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAG9D,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,eAAe,GAChB,MAAM,yBAAyB,CAAA;AAMhC,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,0BAA0B,CAAA;AAOjC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAG9E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAM7E,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,uBAAuB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,14 @@ export interface CheckboxFieldProps extends CheckboxProps {
|
|
|
5
5
|
* The text displayed to identify the input checkbox.
|
|
6
6
|
*/
|
|
7
7
|
label: string;
|
|
8
|
+
/**
|
|
9
|
+
* The error message is displayed when an error occurs.
|
|
10
|
+
*/
|
|
11
|
+
error?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Control the vertical alignment of the checkbox in relation to the label (center, top, bottom).
|
|
14
|
+
*/
|
|
15
|
+
alignment?: 'center' | 'top' | 'bottom';
|
|
8
16
|
}
|
|
9
17
|
declare const CheckboxField: React.ForwardRefExoticComponent<CheckboxFieldProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
18
|
export default CheckboxField;
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import Checkbox from '../../atoms/Checkbox';
|
|
3
3
|
import Label from '../../atoms/Label';
|
|
4
|
-
const CheckboxField = forwardRef(function CheckboxField({ testId = 'fs-checkbox-field', id, label, value, name, checked, ...otherProps }, ref) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
React.createElement(
|
|
4
|
+
const CheckboxField = forwardRef(function CheckboxField({ testId = 'fs-checkbox-field', id, label, value, name, checked, error, disabled, alignment = 'center', ...otherProps }, ref) {
|
|
5
|
+
const shouldDisplayError = !disabled && error && error !== '';
|
|
6
|
+
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 },
|
|
7
|
+
React.createElement(Checkbox, { id: id, value: value ?? label, name: name, defaultChecked: checked, disabled: disabled, ...otherProps }),
|
|
8
|
+
React.createElement("div", { "data-fs-checkbox-field-content": true },
|
|
9
|
+
React.createElement(Label, { "data-fs-checkbox-field-label": true, htmlFor: id }, label),
|
|
10
|
+
shouldDisplayError && (React.createElement("span", { "data-fs-checkbox-field-error-message": true }, error)))));
|
|
8
11
|
});
|
|
9
12
|
export default CheckboxField;
|
|
10
13
|
//# sourceMappingURL=CheckboxField.js.map
|
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -20,6 +20,10 @@ export interface RatingProps extends Omit<HTMLAttributes<HTMLUListElement>, 'onC
|
|
|
20
20
|
* Function to be triggered when Rating option change. This should only be used if you and an actionable rating list.
|
|
21
21
|
*/
|
|
22
22
|
onChange?: (value: number) => void;
|
|
23
|
+
/**
|
|
24
|
+
* Specifies that the actionable rating should be disabled.
|
|
25
|
+
*/
|
|
26
|
+
disabled?: boolean;
|
|
23
27
|
}
|
|
24
28
|
export interface RatingItemProps {
|
|
25
29
|
'data-fs-rating-item'?: 'full' | 'partial' | 'empty';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef, useState, } from 'react';
|
|
2
2
|
import { Icon, IconButton } from '../..';
|
|
3
3
|
import List from '../../atoms/List';
|
|
4
|
-
const Rating = forwardRef(function Rating({ children, testId = 'fs-rating', length = 5, value = 0, icon, onChange, ...otherProps }, ref) {
|
|
4
|
+
const Rating = forwardRef(function Rating({ children, testId = 'fs-rating', length = 5, value = 0, icon, onChange, disabled, ...otherProps }, ref) {
|
|
5
5
|
const [hover, setHover] = useState(0);
|
|
6
6
|
const outlineProps = { 'data-fs-rating-icon-outline': true };
|
|
7
7
|
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
|
|
|
18
18
|
};
|
|
19
19
|
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: () => {
|
|
20
20
|
onChange(tempIndex);
|
|
21
|
-
}, onMouseEnter: () => setHover(tempIndex), onMouseLeave: () => setHover(value) })) : (React.createElement(React.Fragment, null,
|
|
21
|
+
}, onMouseEnter: () => setHover(tempIndex), onMouseLeave: () => setHover(value), disabled: disabled })) : (React.createElement(React.Fragment, null,
|
|
22
22
|
React.createElement("div", { "data-fs-rating-icon-wrapper": true }, ratingIcon),
|
|
23
23
|
React.isValidElement(icon) ? (React.cloneElement(icon, outlineProps)) : (React.createElement(Icon, { name: "Star", "data-fs-rating-icon-outline": true }))))));
|
|
24
24
|
})));
|
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { MutableRefObject } from 'react';
|
|
3
|
+
import { type RatingProps } from '../..';
|
|
4
|
+
interface DefaultProps {
|
|
5
|
+
/**
|
|
6
|
+
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
7
|
+
*/
|
|
8
|
+
testId?: string;
|
|
9
|
+
/**
|
|
10
|
+
* ID to identify input and corresponding label.
|
|
11
|
+
*/
|
|
12
|
+
id: string;
|
|
13
|
+
/**
|
|
14
|
+
* The text displayed to identify the input rating.
|
|
15
|
+
*/
|
|
16
|
+
label: string;
|
|
17
|
+
/**
|
|
18
|
+
* The error message displayed when an error occurs.
|
|
19
|
+
*/
|
|
20
|
+
error?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Component's ref.
|
|
23
|
+
*/
|
|
24
|
+
ratingRef?: MutableRefObject<HTMLUListElement | null>;
|
|
25
|
+
}
|
|
26
|
+
export type RatingFieldProps = DefaultProps & RatingProps;
|
|
27
|
+
declare const RatingField: ({ id, label, error, disabled, length, value, onChange, ratingRef, testId, ...otherProps }: RatingFieldProps) => React.JSX.Element;
|
|
28
|
+
export default RatingField;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Label, Rating } from '../..';
|
|
3
|
+
const RatingField = ({ id, label, error, disabled, length = 5, value = 0, onChange, ratingRef, testId = 'fs-rating-field', ...otherProps }) => {
|
|
4
|
+
const shouldDisplayError = !disabled && error && error !== '';
|
|
5
|
+
return (React.createElement("div", { "data-fs-rating-field": true, "data-fs-rating-field-error": shouldDisplayError, "data-fs-rating-field-disabled": disabled, "data-testid": testId },
|
|
6
|
+
React.createElement(Label, { "data-fs-rating-field-label": true, htmlFor: id }, label),
|
|
7
|
+
React.createElement(Rating, { id: id, "data-fs-rating-field-input": true, ref: ratingRef, length: length, value: value, onChange: onChange, disabled: disabled, ...otherProps }),
|
|
8
|
+
shouldDisplayError && (React.createElement("span", { "data-fs-rating-field-error-message": true }, error))));
|
|
9
|
+
};
|
|
10
|
+
export default RatingField;
|
|
11
|
+
//# sourceMappingURL=RatingField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RatingField.js","sourceRoot":"","sources":["../../../../src/molecules/RatingField/RatingField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAoB,MAAM,OAAO,CAAA;AA2BvD,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,CAAC,EACT,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACI,EAAE,EAAE;IACrB,MAAM,kBAAkB,GAAG,CAAC,QAAQ,IAAI,KAAK,IAAI,KAAK,KAAK,EAAE,CAAA;IAE7D,OAAO,CACL,yFAE8B,kBAAkB,mCACf,QAAQ,iBAC1B,MAAM;QAEnB,oBAAC,KAAK,wCAA4B,OAAO,EAAE,EAAE,IAC1C,KAAK,CACA;QACR,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,sCAEN,GAAG,EAAE,SAAS,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KACd,UAAU,GACd;QACD,kBAAkB,IAAI,CACrB,4EAA0C,KAAK,CAAQ,CACxD,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/RatingField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@faststore/components",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.16.0",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"typings": "dist/esm/index.d.ts",
|
|
@@ -33,19 +33,28 @@
|
|
|
33
33
|
"react": "^18.2.0",
|
|
34
34
|
"react-dom": "^18.2.0"
|
|
35
35
|
},
|
|
36
|
+
"dependencies": {
|
|
37
|
+
"react-intersection-observer": "^8.32.5",
|
|
38
|
+
"react-swipeable": "^7.0.0",
|
|
39
|
+
"tabbable": "^5.2.1"
|
|
40
|
+
},
|
|
36
41
|
"devDependencies": {
|
|
42
|
+
"@jest/globals": "29.7.0",
|
|
37
43
|
"@testing-library/jest-dom": "^6.5.0",
|
|
38
44
|
"@testing-library/react": "^14.3.0",
|
|
45
|
+
"@types/jest": "29.1.0",
|
|
39
46
|
"@types/jest-axe": "^3.5.9",
|
|
40
47
|
"@types/react": "^18.2.42",
|
|
41
48
|
"@types/react-dom": "^18.2.17",
|
|
49
|
+
"@types/tabbable": "^3.1.1",
|
|
42
50
|
"jest": "^29.7.0",
|
|
43
51
|
"jest-axe": "^9.0.0",
|
|
44
52
|
"jest-environment-jsdom": "^29.7.0",
|
|
45
|
-
"ts-jest": "^29.1.2"
|
|
53
|
+
"ts-jest": "^29.1.2",
|
|
54
|
+
"tslib": "^2.3.1"
|
|
46
55
|
},
|
|
47
56
|
"volta": {
|
|
48
57
|
"extends": "../../package.json"
|
|
49
58
|
},
|
|
50
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "f8e0fe29267488a76fb8d85c33c3aa2cebf0d0f9"
|
|
51
60
|
}
|
package/src/index.ts
CHANGED
|
@@ -142,6 +142,8 @@ export { default as RadioGroup, RadioOption } from './molecules/RadioGroup'
|
|
|
142
142
|
export type { RadioGroupProps, RadioOptionProps } from './molecules/RadioGroup'
|
|
143
143
|
export { default as Rating } from './molecules/Rating'
|
|
144
144
|
export type { RatingProps } from './molecules/Rating'
|
|
145
|
+
export { default as RatingField } from './molecules/RatingField'
|
|
146
|
+
export type { RatingFieldProps } from './molecules/RatingField'
|
|
145
147
|
export { default as RegionBar } from './molecules/RegionBar'
|
|
146
148
|
export type { RegionBarProps } from './molecules/RegionBar'
|
|
147
149
|
|
|
@@ -7,6 +7,14 @@ export interface CheckboxFieldProps extends CheckboxProps {
|
|
|
7
7
|
* The text displayed to identify the input checkbox.
|
|
8
8
|
*/
|
|
9
9
|
label: string
|
|
10
|
+
/**
|
|
11
|
+
* The error message is displayed when an error occurs.
|
|
12
|
+
*/
|
|
13
|
+
error?: string
|
|
14
|
+
/**
|
|
15
|
+
* Control the vertical alignment of the checkbox in relation to the label (center, top, bottom).
|
|
16
|
+
*/
|
|
17
|
+
alignment?: 'center' | 'top' | 'bottom'
|
|
10
18
|
}
|
|
11
19
|
|
|
12
20
|
const CheckboxField = forwardRef<HTMLDivElement, CheckboxFieldProps>(
|
|
@@ -18,20 +26,40 @@ const CheckboxField = forwardRef<HTMLDivElement, CheckboxFieldProps>(
|
|
|
18
26
|
value,
|
|
19
27
|
name,
|
|
20
28
|
checked,
|
|
29
|
+
error,
|
|
30
|
+
disabled,
|
|
31
|
+
alignment = 'center',
|
|
21
32
|
...otherProps
|
|
22
33
|
},
|
|
23
34
|
ref
|
|
24
35
|
) {
|
|
36
|
+
const shouldDisplayError = !disabled && error && error !== ''
|
|
37
|
+
|
|
25
38
|
return (
|
|
26
|
-
<div
|
|
39
|
+
<div
|
|
40
|
+
ref={ref}
|
|
41
|
+
data-testid={testId}
|
|
42
|
+
data-fs-checkbox-field
|
|
43
|
+
data-fs-checkbox-field-error={error && error !== ''}
|
|
44
|
+
data-fs-checkbox-field-alignment={alignment}
|
|
45
|
+
>
|
|
27
46
|
<Checkbox
|
|
28
47
|
id={id}
|
|
29
48
|
value={value ?? label}
|
|
30
49
|
name={name}
|
|
31
50
|
defaultChecked={checked}
|
|
51
|
+
disabled={disabled}
|
|
32
52
|
{...otherProps}
|
|
33
53
|
/>
|
|
34
|
-
<
|
|
54
|
+
<div data-fs-checkbox-field-content>
|
|
55
|
+
<Label data-fs-checkbox-field-label htmlFor={id}>
|
|
56
|
+
{label}
|
|
57
|
+
</Label>
|
|
58
|
+
|
|
59
|
+
{shouldDisplayError && (
|
|
60
|
+
<span data-fs-checkbox-field-error-message>{error}</span>
|
|
61
|
+
)}
|
|
62
|
+
</div>
|
|
35
63
|
</div>
|
|
36
64
|
)
|
|
37
65
|
}
|
|
@@ -30,6 +30,10 @@ export interface RatingProps
|
|
|
30
30
|
* Function to be triggered when Rating option change. This should only be used if you and an actionable rating list.
|
|
31
31
|
*/
|
|
32
32
|
onChange?: (value: number) => void
|
|
33
|
+
/**
|
|
34
|
+
* Specifies that the actionable rating should be disabled.
|
|
35
|
+
*/
|
|
36
|
+
disabled?: boolean
|
|
33
37
|
}
|
|
34
38
|
|
|
35
39
|
export interface RatingItemProps {
|
|
@@ -45,6 +49,7 @@ const Rating = forwardRef<HTMLUListElement, RatingProps>(function Rating(
|
|
|
45
49
|
value = 0,
|
|
46
50
|
icon,
|
|
47
51
|
onChange,
|
|
52
|
+
disabled,
|
|
48
53
|
...otherProps
|
|
49
54
|
},
|
|
50
55
|
ref
|
|
@@ -94,6 +99,7 @@ const Rating = forwardRef<HTMLUListElement, RatingProps>(function Rating(
|
|
|
94
99
|
}}
|
|
95
100
|
onMouseEnter={() => setHover(tempIndex)}
|
|
96
101
|
onMouseLeave={() => setHover(value)}
|
|
102
|
+
disabled={disabled}
|
|
97
103
|
/>
|
|
98
104
|
) : (
|
|
99
105
|
<>
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
import type { MutableRefObject } from 'react'
|
|
3
|
+
import { Label, Rating, type RatingProps } from '../..'
|
|
4
|
+
|
|
5
|
+
interface DefaultProps {
|
|
6
|
+
/**
|
|
7
|
+
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
8
|
+
*/
|
|
9
|
+
testId?: string
|
|
10
|
+
/**
|
|
11
|
+
* ID to identify input and corresponding label.
|
|
12
|
+
*/
|
|
13
|
+
id: string
|
|
14
|
+
/**
|
|
15
|
+
* The text displayed to identify the input rating.
|
|
16
|
+
*/
|
|
17
|
+
label: string
|
|
18
|
+
/**
|
|
19
|
+
* The error message displayed when an error occurs.
|
|
20
|
+
*/
|
|
21
|
+
error?: string
|
|
22
|
+
/**
|
|
23
|
+
* Component's ref.
|
|
24
|
+
*/
|
|
25
|
+
ratingRef?: MutableRefObject<HTMLUListElement | null>
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export type RatingFieldProps = DefaultProps & RatingProps
|
|
29
|
+
|
|
30
|
+
const RatingField = ({
|
|
31
|
+
id,
|
|
32
|
+
label,
|
|
33
|
+
error,
|
|
34
|
+
disabled,
|
|
35
|
+
length = 5,
|
|
36
|
+
value = 0,
|
|
37
|
+
onChange,
|
|
38
|
+
ratingRef,
|
|
39
|
+
testId = 'fs-rating-field',
|
|
40
|
+
...otherProps
|
|
41
|
+
}: RatingFieldProps) => {
|
|
42
|
+
const shouldDisplayError = !disabled && error && error !== ''
|
|
43
|
+
|
|
44
|
+
return (
|
|
45
|
+
<div
|
|
46
|
+
data-fs-rating-field
|
|
47
|
+
data-fs-rating-field-error={shouldDisplayError}
|
|
48
|
+
data-fs-rating-field-disabled={disabled}
|
|
49
|
+
data-testid={testId}
|
|
50
|
+
>
|
|
51
|
+
<Label data-fs-rating-field-label htmlFor={id}>
|
|
52
|
+
{label}
|
|
53
|
+
</Label>
|
|
54
|
+
<Rating
|
|
55
|
+
id={id}
|
|
56
|
+
data-fs-rating-field-input
|
|
57
|
+
ref={ratingRef}
|
|
58
|
+
length={length}
|
|
59
|
+
value={value}
|
|
60
|
+
onChange={onChange}
|
|
61
|
+
disabled={disabled}
|
|
62
|
+
{...otherProps}
|
|
63
|
+
/>
|
|
64
|
+
{shouldDisplayError && (
|
|
65
|
+
<span data-fs-rating-field-error-message>{error}</span>
|
|
66
|
+
)}
|
|
67
|
+
</div>
|
|
68
|
+
)
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
export default RatingField
|