@faststore/components 2.2.0-alpha.0 → 2.2.0-alpha.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.
- package/dist/cjs/atoms/Slider/Slider.js +2 -2
- package/dist/cjs/atoms/Slider/Slider.js.map +1 -1
- package/dist/cjs/index.d.ts +2 -2
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/molecules/Breadcrumb/BreadcrumbBase.js +1 -1
- package/dist/cjs/molecules/Breadcrumb/BreadcrumbBase.js.map +1 -1
- package/dist/cjs/molecules/Carousel/Carousel.js +0 -2
- package/dist/cjs/molecules/Carousel/Carousel.js.map +1 -1
- package/dist/cjs/molecules/Dropdown/DropdownButton.d.ts +6 -2
- package/dist/cjs/molecules/Dropdown/DropdownButton.js +2 -2
- package/dist/cjs/molecules/Dropdown/DropdownButton.js.map +1 -1
- package/dist/cjs/molecules/ProductCard/ProductCardContent.js +7 -3
- package/dist/cjs/molecules/ProductCard/ProductCardContent.js.map +1 -1
- package/dist/cjs/organisms/ImageGallery/ImageGallery.d.ts +4 -0
- package/dist/cjs/organisms/ImageGallery/ImageGallery.js +2 -2
- package/dist/cjs/organisms/ImageGallery/ImageGallery.js.map +1 -1
- package/dist/cjs/organisms/ImageGallery/ImageGalleryViewer.d.ts +7 -0
- package/dist/cjs/organisms/ImageGallery/{ImageZoom.js → ImageGalleryViewer.js} +3 -3
- package/dist/cjs/organisms/ImageGallery/ImageGalleryViewer.js.map +1 -0
- package/dist/cjs/organisms/ImageGallery/index.d.ts +2 -2
- package/dist/cjs/organisms/ImageGallery/index.js +3 -3
- package/dist/cjs/organisms/ImageGallery/index.js.map +1 -1
- package/dist/cjs/organisms/ShippingSimulation/ShippingSimulation.d.ts +46 -0
- package/dist/cjs/organisms/ShippingSimulation/ShippingSimulation.js.map +1 -1
- package/dist/esm/atoms/Slider/Slider.js +2 -2
- package/dist/esm/atoms/Slider/Slider.js.map +1 -1
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/molecules/Breadcrumb/BreadcrumbBase.js +1 -1
- package/dist/esm/molecules/Breadcrumb/BreadcrumbBase.js.map +1 -1
- package/dist/esm/molecules/Carousel/Carousel.js +0 -2
- package/dist/esm/molecules/Carousel/Carousel.js.map +1 -1
- package/dist/esm/molecules/Dropdown/DropdownButton.d.ts +6 -2
- package/dist/esm/molecules/Dropdown/DropdownButton.js +2 -2
- package/dist/esm/molecules/Dropdown/DropdownButton.js.map +1 -1
- package/dist/esm/molecules/ProductCard/ProductCardContent.js +7 -3
- package/dist/esm/molecules/ProductCard/ProductCardContent.js.map +1 -1
- package/dist/esm/organisms/ImageGallery/ImageGallery.d.ts +4 -0
- package/dist/esm/organisms/ImageGallery/ImageGallery.js +2 -2
- package/dist/esm/organisms/ImageGallery/ImageGallery.js.map +1 -1
- package/dist/esm/organisms/ImageGallery/ImageGalleryViewer.d.ts +7 -0
- package/dist/esm/organisms/ImageGallery/ImageGalleryViewer.js +6 -0
- package/dist/esm/organisms/ImageGallery/ImageGalleryViewer.js.map +1 -0
- package/dist/esm/organisms/ImageGallery/index.d.ts +2 -2
- package/dist/esm/organisms/ImageGallery/index.js +1 -1
- package/dist/esm/organisms/ImageGallery/index.js.map +1 -1
- package/dist/esm/organisms/ShippingSimulation/ShippingSimulation.d.ts +46 -0
- package/dist/esm/organisms/ShippingSimulation/ShippingSimulation.js.map +1 -1
- package/package.json +4 -4
- package/src/atoms/Slider/Slider.tsx +3 -3
- package/src/index.ts +2 -2
- package/src/molecules/Breadcrumb/BreadcrumbBase.tsx +5 -1
- package/src/molecules/Carousel/Carousel.tsx +0 -2
- package/src/molecules/Dropdown/DropdownButton.tsx +14 -4
- package/src/molecules/ProductCard/ProductCardContent.tsx +34 -16
- package/src/organisms/ImageGallery/ImageGallery.tsx +6 -0
- package/src/organisms/ImageGallery/{ImageZoom.tsx → ImageGalleryViewer.tsx} +5 -3
- package/src/organisms/ImageGallery/index.ts +2 -2
- package/src/organisms/ShippingSimulation/ShippingSimulation.tsx +47 -0
- package/dist/cjs/organisms/ImageGallery/ImageZoom.d.ts +0 -7
- package/dist/cjs/organisms/ImageGallery/ImageZoom.js.map +0 -1
- package/dist/esm/organisms/ImageGallery/ImageZoom.d.ts +0 -7
- package/dist/esm/organisms/ImageGallery/ImageZoom.js +0 -6
- package/dist/esm/organisms/ImageGallery/ImageZoom.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../src/molecules/Carousel/Carousel.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../src/molecules/Carousel/Carousel.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAG9C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,MAAM,qBAAqB,GAAG,CAAC,QAAiB,EAAE,UAAkB,EAAE,EAAE;IACtE,MAAM,YAAY,GAA2B,EAAE,CAAA;IAC/C,MAAM,UAAU,GAAG,GAAG,GAAG,UAAU,CAAA;IAEnC,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,UAAU,EAAE,EAAE,GAAG,EAAE;QACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;QACxC,MAAM,cAAc,GAAG,CAAC,CAAC,UAAU,GAAG,GAAG,CAAC,CAAA;QAE1C,YAAY,CAAC,OAAO,CAAC,GAAG,cAAc,CAAA;KACvC;IAED,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AA0DD,SAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,YAAY,GAAG,IAAI,EACnB,QAAQ,GAAG,UAAU,EACrB,MAAM,GAAG,aAAa,EACtB,UAAU,GAAG;IACX,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,WAAW;CACtB,EACD,EAAE,GAAG,aAAa,EAClB,OAAO,GAAG,OAAO,EACjB,YAAY,GAAG,CAAC,EAChB,eAAe,GAAG,SAAS,EAC3B,GAAG,wBAAwB,EACM;IACjC,MAAM,gBAAgB,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IACvD,MAAM,eAAe,GAAG,OAAO,KAAK,OAAO,CAAA;IAC3C,MAAM,gBAAgB,GAAG,OAAO,KAAK,QAAQ,CAAA;IAC7C,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IACtD,MAAM,aAAa,GAAG,aAAa,CAAC,MAAM,CAAA;IAC1C,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAA;IACvE,MAAM,iBAAiB,GAAG,GAAG,UAAU,CAAC,QAAQ,IAAI,UAAU,CAAC,QAAQ,MACrE,UAAU,CAAC,MAAM,IAAI,EACvB,IAAI,UAAU,CAAC,KAAK,IAAI,EAAE,EAAE,CAAA;IAE5B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,SAAS,CAAC;QACjE,YAAY;QACZ,YAAY;QACZ,UAAU,EAAE,aAAa;QACzB,kBAAkB,EAAE,eAAe;QACnC,GAAG,wBAAwB;KAC5B,CAAC,CAAA;IAEF,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC,YAAY,CAAC,CAAA;IAEtE,MAAM,oBAAoB,GACxB,UAAU,KAAK,CAAC;QAChB,CAAC,QAAQ,KAAK,UAAU,IAAI,QAAQ,KAAK,kBAAkB,CAAC,CAAA;IAE9D,MAAM,qBAAqB,GACzB,UAAU,KAAK,CAAC;QAChB,CAAC,QAAQ,KAAK,UAAU,IAAI,QAAQ,KAAK,mBAAmB,CAAC,CAAA;IAE/D,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,qBAAqB,CAAC,YAAY,EAAE,cAAc,CAAC,EACzD,CAAC,cAAc,EAAE,YAAY,CAAC,CAC/B,CAAA;IAED,MAAM,kBAAkB,GACtB,YAAY,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAE3D,MAAM,iBAAiB,GACrB,YAAY,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAExE,MAAM,MAAM,GAAG,iBAAiB,CAAC,MAAM,CACpC,QAAgB,IAAI,EAAE,EACvB,kBAAkB,CACnB,CAAA;IAED,MAAM,uBAAuB,GAAkB,OAAO,CACpD,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,GAAG,cAAc,GAAG,GAAG,GAAG;QACjC,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS;QAC/D,SAAS,EAAE,eACT,eAAe,CAAC,WAAW,CAAC,WAAW,CACzC,UAAU;KACX,CAAC,EACF;QACE,cAAc;QACd,eAAe;QACf,iBAAiB;QACjB,WAAW,CAAC,OAAO;QACnB,WAAW,CAAC,WAAW;KACxB,CACF,CAAA;IAED,MAAM,wBAAwB,GAAkB,OAAO,CACrD,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,QAAQ;KACrB,CAAC,EACF,EAAE,CACH,CAAA;IAED,MAAM,kBAAkB,GACrB,CAAC,eAAe,IAAI,uBAAuB,CAAmB;QAC9D,CAAC,gBAAgB,IAAI,wBAAwB,CAAmB,CAAA;IAEnE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IACE,WAAW,CAAC,OAAO;YACnB,CAAC,CAAC,YAAY,IAAI,WAAW,CAAC,WAAW,KAAK,CAAC,CAAC,EAChD;YACA,OAAM;SACP;QAED,KAAK,CAAC,UAAU,EAAE,cAAc,CAAC,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IACE,WAAW,CAAC,OAAO;YACnB,CAAC,CAAC,YAAY,IAAI,WAAW,CAAC,WAAW,KAAK,aAAa,GAAG,CAAC,CAAC,EAChE;YACA,OAAM;SACP;QAED,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,KAAc,EAAE,EAAE;QACvC,IAAI,eAAe,IAAI,YAAY,GAAG,CAAC,EAAE;YACvC,OAAM;SACP;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAA;QAC5E,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,EAAE,UAAU,CAAA;QACpD,MAAM,SAAS,GAAG,YAAY,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAA;QACxE,MAAM,IAAI,GAAG,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,CAAA;QAEhD,KAAK,CAAC,IAAI,EAAE,cAAc,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,cAAc,CAAC;YACb,IAAI,EAAE,YAAY;SACnB,CAAC,CAAA;QAEF,IAAI,YAAY,IAAI,WAAW,CAAC,WAAW,IAAI,aAAa,EAAE;YAC5D,cAAc,CAAC;gBACb,IAAI,EAAE,YAAY;gBAClB,OAAO,EAAE;oBACP,SAAS,EAAE,CAAC;oBACZ,WAAW,EAAE,KAAK;iBACnB;aACF,CAAC,CAAA;SACH;QAED,IAAI,YAAY,IAAI,WAAW,CAAC,WAAW,GAAG,CAAC,EAAE;YAC/C,cAAc,CAAC;gBACb,IAAI,EAAE,YAAY;gBAClB,OAAO,EAAE;oBACP,SAAS,EAAE,WAAW,CAAC,UAAU,GAAG,CAAC;oBACrC,WAAW,EAAE,KAAK;iBACnB;aACF,CAAC,CAAA;SACH;IACH,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,KAAK,EAC9B,KAAa,EACb,cAAoC,EACpC,EAAE;QACF,IAAI,cAAc,KAAK,UAAU,IAAI,WAAW,CAAC,WAAW,KAAK,CAAC,EAAE;YAClE,OAAM;SACP;QAED,IACE,cAAc,KAAK,MAAM;YACzB,WAAW,CAAC,WAAW,KAAK,WAAW,CAAC,UAAU,GAAG,CAAC,EACtD;YACA,OAAM;SACP;QAED,IAAI,YAAY,CAAA;QAChB,MAAM,kBAAkB,GAAG,MAAM,CAC/B,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,EAAE,WAAW,CACzD,CAAA;QAED,IAAI,YAAY,GAAG,CAAC,EAAE;YACpB,YAAY,GAAG,KAAK,GAAG,kBAAkB,GAAG,YAAY,CAAA;SACzD;aAAM;YACL,YAAY,GAAG,KAAK,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,KAAK,CAAA;SACvE;QAED,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC;YACjC,IAAI,EAAE,YAAY;YAClB,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAA;QAEF,KAAK,CAAC,KAAK,EAAE,cAAc,CAAC,CAAA;IAC9B,CAAC,CAAA;IAED,kCAAkC;IAClC,MAAM,oBAAoB,GAAG,CAAC,KAAoB,EAAE,EAAE;QACpD,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,KAAK,WAAW,CAAC,CAAC;gBAChB,eAAe,IAAI,aAAa,EAAE,CAAA;gBAClC,gBAAgB;oBACd,kBAAkB,CAAC,WAAW,CAAC,WAAW,GAAG,CAAC,EAAE,UAAU,CAAC,CAAA;gBAC7D,MAAK;aACN;YAED,KAAK,YAAY,CAAC,CAAC;gBACjB,eAAe,IAAI,SAAS,EAAE,CAAA;gBAC9B,gBAAgB;oBACd,kBAAkB,CAAC,WAAW,CAAC,WAAW,GAAG,CAAC,EAAE,MAAM,CAAC,CAAA;gBACzD,MAAK;aACN;YAED,KAAK,MAAM,CAAC,CAAC;gBACX,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAA;gBACxB,MAAK;aACN;YAED,KAAK,KAAK,CAAC,CAAC;gBACV,KAAK,CAAC,aAAa,GAAG,CAAC,EAAE,cAAc,CAAC,CAAA;gBACxC,MAAK;aACN;YAED,QAAQ;SACT;IACH,CAAC,CAAA;IAED,OAAO,CACL,iCACE,EAAE,EAAE,EAAE,4BAEN,SAAS,EAAE,SAAS,iBACP,MAAM,gBACP,SAAS;QAErB,uEAEE,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,QAAQ,EAAE,QAAQ;gBAClB,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;aAChD,KACG,QAAQ;YAEZ,yCACY,QAAQ,EAClB,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE,kBAAkB,kCAEzB,QAAQ,EAAE,aAAa,EACvB,eAAe,EAAE,oBAAoB,IAEpC,MAAM,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,oBAAC,YAAY,IACX,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,GAAG,EACV,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,EAChB,KAAK,EAAE,WAAW,EAClB,UAAU,EAAE,aAAa,EACzB,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,IAEjC,YAAY,CACA,CAChB,CAAC,CACC,CACD;QAEL,oBAAoB,IAAI,CACvB;YACE,oBAAC,UAAU,gCACgB,MAAM,mBAChB,EAAE,gBACN,UAAU,EACrB,IAAI,EACF,eAAe,EAAE,IAAI,IAAI,CACvB,oBAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG,CAC/D,EAEH,OAAO,EAAE,GAAG,EAAE;oBACZ,eAAe,IAAI,aAAa,EAAE,CAAA;oBAClC,gBAAgB;wBACd,kBAAkB,CAAC,WAAW,CAAC,WAAW,GAAG,CAAC,EAAE,UAAU,CAAC,CAAA;gBAC/D,CAAC,GACD;YACF,oBAAC,UAAU,gCACgB,OAAO,mBACjB,EAAE,gBACN,MAAM,EACjB,IAAI,EACF,eAAe,EAAE,KAAK,IAAI,CACxB,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG,CAChE,EAEH,OAAO,EAAE,GAAG,EAAE;oBACZ,eAAe,IAAI,SAAS,EAAE,CAAA;oBAC9B,gBAAgB;wBACd,kBAAkB,CAAC,WAAW,CAAC,WAAW,GAAG,CAAC,EAAE,MAAM,CAAC,CAAA;gBAC3D,CAAC,GACD,CACE,CACP;QAEA,qBAAqB,IAAI,CACxB,oBAAC,eAAe,IACd,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,EACX,YAAY,EAAE,WAAW,CAAC,WAAW,EACrC,aAAa,EAAE,UAAU,EACzB,SAAS,EAAE,oBAAoB,EAC/B,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;gBACxB,eAAe;oBACb,CAAC,WAAW,CAAC,OAAO;oBACpB,KAAK,CAAC,GAAG,EAAE,cAAc,CAAC,CAAA;gBAE5B,gBAAgB,IAAI,kBAAkB,CAAC,GAAG,CAAC,CAAA;YAC7C,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAC/C,qBAAqB,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,kBAAkB,GAAG,EAAE,GAC5D,CACH,CACO,CACX,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { AriaAttributes } from 'react';
|
|
2
2
|
import { ButtonProps } from '../../atoms/Button';
|
|
3
|
-
export interface DropdownButtonProps extends Omit<ButtonProps,
|
|
3
|
+
export interface DropdownButtonProps extends Omit<ButtonProps, 'variant' | 'inverse'> {
|
|
4
4
|
/**
|
|
5
5
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
6
6
|
*/
|
|
7
7
|
testId?: string;
|
|
8
|
+
/**
|
|
9
|
+
* For accessibility purposes, add an ARIA label to the element when it doesn't have a label.
|
|
10
|
+
*/
|
|
11
|
+
'aria-label'?: AriaAttributes['aria-label'];
|
|
8
12
|
}
|
|
9
13
|
declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
10
14
|
export default DropdownButton;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React, { forwardRef, useImperativeHandle } from 'react';
|
|
2
2
|
import Button from '../../atoms/Button';
|
|
3
3
|
import { useDropdown } from './hooks/useDropdown';
|
|
4
|
-
const DropdownButton = forwardRef(function DropdownButton({
|
|
4
|
+
const DropdownButton = forwardRef(function DropdownButton({ testId = 'fs-dropdown-button', 'aria-label': ariaLabel, children, ...otherProps }, ref) {
|
|
5
5
|
const { toggle, dropdownButtonRef, isOpen, id } = useDropdown();
|
|
6
6
|
useImperativeHandle(ref, () => dropdownButtonRef.current, [
|
|
7
7
|
dropdownButtonRef,
|
|
8
8
|
]);
|
|
9
|
-
return (React.createElement(Button, { "data-fs-dropdown-button": true, onClick: toggle, "data-testid": testId, ref: dropdownButtonRef, "aria-expanded": isOpen, "aria-haspopup": "menu", "aria-controls": id, variant:
|
|
9
|
+
return (React.createElement(Button, { "data-fs-dropdown-button": true, onClick: toggle, "data-testid": testId, ref: dropdownButtonRef, "aria-label": ariaLabel, "aria-expanded": isOpen, "aria-haspopup": "menu", "aria-controls": id, variant: "tertiary", ...otherProps }, children));
|
|
10
10
|
});
|
|
11
11
|
export default DropdownButton;
|
|
12
12
|
//# sourceMappingURL=DropdownButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../../src/molecules/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../../src/molecules/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAkB,MAAM,OAAO,CAAA;AAC9E,OAAO,MAAuB,MAAM,oBAAoB,CAAA;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAcjD,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EACE,MAAM,GAAG,oBAAoB,EAC7B,YAAY,EAAE,SAAS,EACtB,QAAQ,EACT,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,WAAW,EAAE,CAAA;IAE/D,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,iBAAkB,CAAC,OAAQ,EAAE;QAC1D,iBAAiB;KAClB,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,MAAM,qCAEL,OAAO,EAAE,MAAM,iBACF,MAAM,EACnB,GAAG,EAAE,iBAAiB,gBACV,SAAS,mBACN,MAAM,mBACP,MAAM,mBACL,EAAE,EACjB,OAAO,EAAC,UAAU,KACd,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import { Badge, Button, DiscountBadge, Icon, Link, Price, Rating, } from '../../';
|
|
3
3
|
const ProductCardContent = forwardRef(function CardContent({ testId = 'fs-product-card-content', title, linkProps, price, outOfStock, outOfStockLabel = 'Out of stock', ratingValue, showDiscountBadge, buttonLabel = 'Add', onButtonClick, children, ...otherProps }, ref) {
|
|
4
|
+
const listPrice = price?.listPrice ?? 0;
|
|
5
|
+
const sellingPrice = price?.value ?? 0;
|
|
4
6
|
return (React.createElement("section", { ref: ref, "data-fs-product-card-content": true, "data-fs-product-card-badge": showDiscountBadge, "data-testid": testId, ...otherProps },
|
|
5
7
|
React.createElement("div", { "data-fs-product-card-heading": true },
|
|
6
8
|
React.createElement("h3", { "data-fs-product-card-title": true },
|
|
7
9
|
React.createElement(Link, { ...linkProps, title: title },
|
|
8
10
|
React.createElement("span", null, title))),
|
|
9
|
-
!outOfStock && (React.createElement("div", { "data-fs-product-card-prices": true },
|
|
10
|
-
React.createElement(
|
|
11
|
-
|
|
11
|
+
!outOfStock && (React.createElement("div", { "data-fs-product-card-prices": true }, sellingPrice !== listPrice
|
|
12
|
+
? (React.createElement(React.Fragment, null,
|
|
13
|
+
React.createElement(Price, { value: listPrice, formatter: price?.formatter, testId: "list-price", "data-value": listPrice, variant: "listing", SRText: "Original price:" }),
|
|
14
|
+
React.createElement(Price, { value: sellingPrice, formatter: price?.formatter, testId: "price", "data-value": sellingPrice, variant: "spot", SRText: "Sale Price:" })))
|
|
15
|
+
: (React.createElement(Price, { value: sellingPrice, formatter: price?.formatter, testId: "price", "data-value": sellingPrice, variant: "spot", SRText: "Sale Price:" })))),
|
|
12
16
|
ratingValue && (React.createElement(Rating, { value: ratingValue, icon: React.createElement(Icon, { name: "Star" }) }))),
|
|
13
17
|
showDiscountBadge && !outOfStock && (React.createElement(DiscountBadge, { listPrice: price?.listPrice ? price.listPrice : 0, spotPrice: price?.value ? price.value : 0 })),
|
|
14
18
|
outOfStock && React.createElement(Badge, null, outOfStockLabel),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCardContent.js","sourceRoot":"","sources":["../../../../src/molecules/ProductCard/ProductCardContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIzC,OAAO,EACL,KAAK,EACL,MAAM,EACN,aAAa,EACb,IAAI,EACJ,IAAI,EAGJ,KAAK,EACL,MAAM,GACP,MAAM,QAAQ,CAAA;AA6Cf,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,yBAAyB,EAClC,KAAK,EACL,SAAS,EACT,KAAK,EACL,UAAU,EACV,eAAe,GAAG,cAAc,EAChC,WAAW,EACX,iBAAiB,EACjB,WAAW,GAAG,KAAK,EACnB,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,sEAEoB,iBAAiB,iBAChC,MAAM,KACf,UAAU;QAEd;YACE;gBACE,oBAAC,IAAI,OAAK,SAAS,EAAE,KAAK,EAAE,KAAK;oBAC/B,kCAAO,KAAK,CAAQ,CACf,CACJ;YACJ,CAAC,UAAU,IAAI,CACd
|
|
1
|
+
{"version":3,"file":"ProductCardContent.js","sourceRoot":"","sources":["../../../../src/molecules/ProductCard/ProductCardContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIzC,OAAO,EACL,KAAK,EACL,MAAM,EACN,aAAa,EACb,IAAI,EACJ,IAAI,EAGJ,KAAK,EACL,MAAM,GACP,MAAM,QAAQ,CAAA;AA6Cf,MAAM,kBAAkB,GAAG,UAAU,CACnC,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,yBAAyB,EAClC,KAAK,EACL,SAAS,EACT,KAAK,EACL,UAAU,EACV,eAAe,GAAG,cAAc,EAChC,WAAW,EACX,iBAAiB,EACjB,WAAW,GAAG,KAAK,EACnB,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,SAAS,GAAG,KAAK,EAAE,SAAS,IAAI,CAAC,CAAA;IACvC,MAAM,YAAY,GAAG,KAAK,EAAE,KAAK,IAAI,CAAC,CAAA;IAEtC,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,sEAEoB,iBAAiB,iBAChC,MAAM,KACf,UAAU;QAEd;YACE;gBACE,oBAAC,IAAI,OAAK,SAAS,EAAE,KAAK,EAAE,KAAK;oBAC/B,kCAAO,KAAK,CAAQ,CACf,CACJ;YACJ,CAAC,UAAU,IAAI,CACd,oEACG,YAAY,KAAK,SAAS;gBACzB,CAAC,CAAC,CACA;oBACE,oBAAC,KAAK,IACJ,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,YAAY,gBACP,SAAS,EACrB,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;oBACF,oBAAC,KAAK,IACJ,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,OAAO,gBACF,YAAY,EACxB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,aAAa,GACpB,CACD,CACJ;gBACD,CAAC,CAAC,CACA,oBAAC,KAAK,IACJ,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,OAAO,gBACF,YAAY,EACxB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,aAAa,GACpB,CACH,CACC,CACP;YACA,WAAW,IAAI,CACd,oBAAC,MAAM,IAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GAAI,CAC3D,CACG;QACL,iBAAiB,IAAI,CAAC,UAAU,IAAI,CACnC,oBAAC,aAAa,IACZ,SAAS,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EACjD,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GACzC,CACH;QACA,UAAU,IAAI,oBAAC,KAAK,QAAE,eAAe,CAAS;QAC9C,aAAa,IAAI,CAAC,UAAU,IAAI,CAC/B;YACE,oBAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,EAClC,YAAY,EAAC,MAAM,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,aAAa,IAErB,WAAW,CACL,CACL,CACP,CACO,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -37,6 +37,10 @@ export interface ImageGalleryProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
37
37
|
* Event handler for clicks on each thumbnail.
|
|
38
38
|
*/
|
|
39
39
|
setSelectedImageIdx: (idx: number) => void;
|
|
40
|
+
/**
|
|
41
|
+
* The position of the thumbnail and gallery image.
|
|
42
|
+
*/
|
|
43
|
+
imagePosition: 'top' | 'center' | 'bottom';
|
|
40
44
|
}
|
|
41
45
|
declare const ImageGallery: React.ForwardRefExoticComponent<ImageGalleryProps & React.RefAttributes<HTMLDivElement>>;
|
|
42
46
|
export default ImageGallery;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import { ImageGallerySelector } from '../..';
|
|
3
|
-
const ImageGallery = forwardRef(function ImageGallery({ images, children, ImageComponent, selectedImageIdx, setSelectedImageIdx, testId = 'fs-image-gallery', ...otherProps }, ref) {
|
|
3
|
+
const ImageGallery = forwardRef(function ImageGallery({ images, children, ImageComponent, selectedImageIdx, imagePosition = 'center', setSelectedImageIdx, testId = 'fs-image-gallery', ...otherProps }, ref) {
|
|
4
4
|
const hasSelector = images.length > 1;
|
|
5
|
-
return (React.createElement("section", { ref: ref, "data-fs-image-gallery": hasSelector ? 'with-selector' : 'without-selector', "data-testid": testId, ...otherProps },
|
|
5
|
+
return (React.createElement("section", { ref: ref, "data-fs-image-gallery": hasSelector ? 'with-selector' : 'without-selector', "data-fs-image-gallery-position": imagePosition, "data-testid": testId, ...otherProps },
|
|
6
6
|
children,
|
|
7
7
|
hasSelector && (React.createElement(ImageGallerySelector, { images: images, onSelect: setSelectedImageIdx, currentImageIdx: selectedImageIdx, ImageComponent: ImageComponent }))));
|
|
8
8
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageGallery.js","sourceRoot":"","sources":["../../../../src/organisms/ImageGallery/ImageGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ImageGallery.js","sourceRoot":"","sources":["../../../../src/organisms/ImageGallery/ImageGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AA+C5C,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,YAAY,CACnB,EACE,MAAM,EACN,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,aAAa,GAAG,QAAQ,EACxB,mBAAmB,EACnB,MAAM,GAAG,kBAAkB,EAC3B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAA;IAErC,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,2BAEN,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB,oCAEpB,aAAa,iBAChC,MAAM,KACf,UAAU;QAEb,QAAQ;QACR,WAAW,IAAI,CACd,oBAAC,oBAAoB,IACnB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,mBAAmB,EAC7B,eAAe,EAAE,gBAAgB,EACjC,cAAc,EAAE,cAAc,GAC9B,CACH,CACO,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { PropsWithChildren } from 'react';
|
|
2
|
+
export interface ImageGalleryViewerProps {
|
|
3
|
+
helpMessage?: string;
|
|
4
|
+
zoomFactor?: number;
|
|
5
|
+
}
|
|
6
|
+
declare const ImageGalleryViewer: ({ children, }: PropsWithChildren<ImageGalleryViewerProps>) => JSX.Element;
|
|
7
|
+
export default ImageGalleryViewer;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImageGalleryViewer.js","sourceRoot":"","sources":["../../../../src/organisms/ImageGallery/ImageGalleryViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,MAAM,kBAAkB,GAAG,CAAC,EAC1B,QAAQ,GACmC,EAAE,EAAE;IAC/C,OAAO,0CAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -2,5 +2,5 @@ export { default } from './ImageGallery';
|
|
|
2
2
|
export type { ImageGalleryProps, ImageElementData } from './ImageGallery';
|
|
3
3
|
export { default as ImageGallerySelector } from './ImageGallerySelector';
|
|
4
4
|
export type { ImageGallerySelectorProps } from './ImageGallerySelector';
|
|
5
|
-
export { default as
|
|
6
|
-
export type {
|
|
5
|
+
export { default as ImageGalleryViewer } from './ImageGalleryViewer';
|
|
6
|
+
export type { ImageGalleryViewerProps } from './ImageGalleryViewer';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { default } from './ImageGallery';
|
|
2
2
|
export { default as ImageGallerySelector } from './ImageGallerySelector';
|
|
3
|
-
export { default as
|
|
3
|
+
export { default as ImageGalleryViewer } from './ImageGalleryViewer';
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/organisms/ImageGallery/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAGxC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAGxE,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/organisms/ImageGallery/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAGxC,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAGxE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}
|
|
@@ -16,6 +16,48 @@ interface ShippingSLA {
|
|
|
16
16
|
*/
|
|
17
17
|
price: number;
|
|
18
18
|
}
|
|
19
|
+
interface Address {
|
|
20
|
+
/**
|
|
21
|
+
* Address postal code
|
|
22
|
+
*/
|
|
23
|
+
postalCode?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Address city
|
|
26
|
+
*/
|
|
27
|
+
city?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Address state
|
|
30
|
+
*/
|
|
31
|
+
state?: string;
|
|
32
|
+
/**
|
|
33
|
+
* Address country
|
|
34
|
+
*/
|
|
35
|
+
country?: string;
|
|
36
|
+
/**
|
|
37
|
+
* Address street
|
|
38
|
+
*/
|
|
39
|
+
street?: string;
|
|
40
|
+
/**
|
|
41
|
+
* Address number
|
|
42
|
+
*/
|
|
43
|
+
number?: string;
|
|
44
|
+
/**
|
|
45
|
+
* Address neighborhood
|
|
46
|
+
*/
|
|
47
|
+
neighborhood?: string;
|
|
48
|
+
/**
|
|
49
|
+
* Address complement
|
|
50
|
+
*/
|
|
51
|
+
complement?: string;
|
|
52
|
+
/**
|
|
53
|
+
* Address reference
|
|
54
|
+
*/
|
|
55
|
+
reference?: string;
|
|
56
|
+
/**
|
|
57
|
+
* Address geoCoordinates
|
|
58
|
+
*/
|
|
59
|
+
geoCoordinates?: [number];
|
|
60
|
+
}
|
|
19
61
|
export interface ShippingSimulationProps extends HTMLAttributes<HTMLDivElement> {
|
|
20
62
|
/**
|
|
21
63
|
* ID to find this component in testing tools (e.g.: cypress,
|
|
@@ -58,6 +100,10 @@ export interface ShippingSimulationProps extends HTMLAttributes<HTMLDivElement>
|
|
|
58
100
|
* Location for shipping.
|
|
59
101
|
*/
|
|
60
102
|
location?: string;
|
|
103
|
+
/**
|
|
104
|
+
* Address for shipping.
|
|
105
|
+
*/
|
|
106
|
+
address?: Address;
|
|
61
107
|
/**
|
|
62
108
|
* Options for shipping simulation.
|
|
63
109
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShippingSimulation.js","sourceRoot":"","sources":["../../../../src/organisms/ShippingSimulation/ShippingSimulation.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,IAAI,EACJ,UAAU,EACV,IAAI,EAGJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ShippingSimulation.js","sourceRoot":"","sources":["../../../../src/organisms/ShippingSimulation/ShippingSimulation.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,IAAI,EACJ,UAAU,EACV,IAAI,EAGJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAA;AA6Hd,SAAS,kBAAkB,CAAC,EAC1B,MAAM,GAAG,wBAAwB,EACjC,SAAS,EACT,KAAK,GAAG,UAAU,EAClB,UAAU,GAAG,aAAa,EAC1B,YAAY,GAAG,kBAAkB,EACjC,sBAAsB,EACtB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,kBAAkB,GAAG,KAAK,EAC1B,YAAY,EACZ,UAAU,EACV,GAAG,UAAU,EACW;IACxB,MAAM,kBAAkB,GAAG,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;IAE1D,OAAO,CACL,2GAEqC,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,iBAC5D,MAAM,KACf,UAAU;QAEd,yEAAuC,KAAK,CAAM;QAElD,oBAAC,UAAU,IACT,UAAU,QACV,KAAK,EAAE,YAAY,EACnB,EAAE,EAAE,GAAG,MAAM,cAAc,EAC3B,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,EAC1B,kBAAkB,EAAE,kBAAkB,GACtC;QAEF,oBAAC,IAAI,IACH,IAAI,EAAC,GAAG,4CAER,IAAI,EAAC,OAAO,KACR,sBAAsB,IAEzB,sBAAsB,EAAE,QAAQ,IAAI,CACnC;YACG,6BAA6B;YAC9B,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACpD,CACJ,CACI;QAEN,kBAAkB,IAAI,CACrB;YACE;gBACE,4EAA0C,YAAY,CAAM;gBAC5D,2EAAyC,QAAQ,CAAK,CAC/C;YAET,oBAAC,KAAK;gBACJ,oBAAC,SAAS,QACP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,OAAO;oBAC3B,oBAAC,SAAS,IAAC,KAAK,EAAC,MAAM,IAAE,MAAM,CAAC,OAAO,CAAa;oBACpD,oBAAC,SAAS,QAAE,MAAM,CAAC,kBAAkB,CAAa;oBAClD,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO,IACrB,MAAM,CAAC,KAAK,IAAI,CACf,oBAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,MAAM,EAAC,OAAO,GACd,CACH,CACS,CACH,CACZ,CAAC,CACQ,CACN,CACP,CACJ,CACO,CACX,CAAA;AACH,CAAC;AAED,eAAe,kBAAkB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@faststore/components",
|
|
3
|
-
"version": "2.2.0-alpha.
|
|
3
|
+
"version": "2.2.0-alpha.10",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"typings": "dist/esm/index.d.ts",
|
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
"react-dom": "^18.2.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@faststore/eslint-config": "^2.2.0-alpha.
|
|
38
|
-
"@faststore/shared": "^2.2.0-alpha.
|
|
37
|
+
"@faststore/eslint-config": "^2.2.0-alpha.10",
|
|
38
|
+
"@faststore/shared": "^2.2.0-alpha.10",
|
|
39
39
|
"eslint": "7.32.0",
|
|
40
40
|
"typescript": "^4.8.4"
|
|
41
41
|
},
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"node": "16.18.0",
|
|
44
44
|
"yarn": "1.19.1"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "183808da50c3c697de08a478918d1da1dcd8d938"
|
|
47
47
|
}
|
|
@@ -19,7 +19,8 @@ interface RangeLabel {
|
|
|
19
19
|
max: string | ReactNode
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
export interface SliderProps
|
|
22
|
+
export interface SliderProps
|
|
23
|
+
extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
23
24
|
/**
|
|
24
25
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
25
26
|
*
|
|
@@ -128,7 +129,7 @@ const Slider = forwardRef<SliderRefType | undefined, SliderProps>(
|
|
|
128
129
|
}))
|
|
129
130
|
|
|
130
131
|
return (
|
|
131
|
-
<div data-fs-slider data-testid={testId}>
|
|
132
|
+
<div data-fs-slider data-testid={testId} {...otherProps}>
|
|
132
133
|
<div data-fs-slider-absolute-values>
|
|
133
134
|
<span>{absoluteValuesLabel.min}</span>
|
|
134
135
|
<span>{absoluteValuesLabel.max}</span>
|
|
@@ -162,7 +163,6 @@ const Slider = forwardRef<SliderRefType | undefined, SliderProps>(
|
|
|
162
163
|
aria-valuenow={minVal}
|
|
163
164
|
aria-label={String(minVal)}
|
|
164
165
|
aria-labelledby={getAriaValueText?.(minVal, 'min')}
|
|
165
|
-
{...otherProps}
|
|
166
166
|
/>
|
|
167
167
|
{minValueLabelComponent && (
|
|
168
168
|
<span
|
package/src/index.ts
CHANGED
|
@@ -258,13 +258,13 @@ export type {
|
|
|
258
258
|
export {
|
|
259
259
|
default as ImageGallery,
|
|
260
260
|
ImageGallerySelector,
|
|
261
|
-
|
|
261
|
+
ImageGalleryViewer,
|
|
262
262
|
} from './organisms/ImageGallery'
|
|
263
263
|
export type {
|
|
264
264
|
ImageElementData,
|
|
265
265
|
ImageGalleryProps,
|
|
266
266
|
ImageGallerySelectorProps,
|
|
267
|
-
|
|
267
|
+
ImageGalleryViewerProps,
|
|
268
268
|
} from './organisms/ImageGallery'
|
|
269
269
|
|
|
270
270
|
export {
|
|
@@ -138,7 +138,11 @@ const BreadcrumbBase = forwardRef<HTMLDivElement, BreadcrumbBaseProps>(
|
|
|
138
138
|
|
|
139
139
|
{collapseBreadcrumb && (
|
|
140
140
|
<Dropdown>
|
|
141
|
-
<DropdownButton
|
|
141
|
+
<DropdownButton
|
|
142
|
+
aria-label="View More"
|
|
143
|
+
data-fs-breadcrumb-dropdown-button
|
|
144
|
+
size="small"
|
|
145
|
+
>
|
|
142
146
|
{dropdownButtonIcon}
|
|
143
147
|
</DropdownButton>
|
|
144
148
|
<DropdownMenu data-fs-breadcrumb-dropdown-menu>
|
|
@@ -147,7 +147,6 @@ function Carousel({
|
|
|
147
147
|
|
|
148
148
|
const slideCarouselTrackStyle: CSSProperties = useMemo(
|
|
149
149
|
() => ({
|
|
150
|
-
display: 'flex',
|
|
151
150
|
width: `${numberOfSlides * 100}%`,
|
|
152
151
|
transition: sliderState.sliding ? slidingTransition : undefined,
|
|
153
152
|
transform: `translate3d(${
|
|
@@ -166,7 +165,6 @@ function Carousel({
|
|
|
166
165
|
const scrollCarouselTrackStyle: CSSProperties = useMemo(
|
|
167
166
|
() => ({
|
|
168
167
|
width: '100%',
|
|
169
|
-
display: 'block',
|
|
170
168
|
overflowX: 'scroll',
|
|
171
169
|
whiteSpace: 'nowrap',
|
|
172
170
|
}),
|
|
@@ -1,19 +1,28 @@
|
|
|
1
|
-
import React, { forwardRef, useImperativeHandle } from 'react'
|
|
1
|
+
import React, { forwardRef, useImperativeHandle, AriaAttributes } from 'react'
|
|
2
2
|
import Button, { ButtonProps } from '../../atoms/Button'
|
|
3
3
|
|
|
4
4
|
import { useDropdown } from './hooks/useDropdown'
|
|
5
5
|
|
|
6
6
|
export interface DropdownButtonProps
|
|
7
|
-
extends Omit<ButtonProps,
|
|
7
|
+
extends Omit<ButtonProps, 'variant' | 'inverse'> {
|
|
8
8
|
/**
|
|
9
9
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
10
10
|
*/
|
|
11
11
|
testId?: string
|
|
12
|
+
/**
|
|
13
|
+
* For accessibility purposes, add an ARIA label to the element when it doesn't have a label.
|
|
14
|
+
*/
|
|
15
|
+
'aria-label'?: AriaAttributes['aria-label']
|
|
12
16
|
}
|
|
13
17
|
|
|
14
18
|
const DropdownButton = forwardRef<HTMLButtonElement, DropdownButtonProps>(
|
|
15
19
|
function DropdownButton(
|
|
16
|
-
{
|
|
20
|
+
{
|
|
21
|
+
testId = 'fs-dropdown-button',
|
|
22
|
+
'aria-label': ariaLabel,
|
|
23
|
+
children,
|
|
24
|
+
...otherProps
|
|
25
|
+
},
|
|
17
26
|
ref
|
|
18
27
|
) {
|
|
19
28
|
const { toggle, dropdownButtonRef, isOpen, id } = useDropdown()
|
|
@@ -28,10 +37,11 @@ const DropdownButton = forwardRef<HTMLButtonElement, DropdownButtonProps>(
|
|
|
28
37
|
onClick={toggle}
|
|
29
38
|
data-testid={testId}
|
|
30
39
|
ref={dropdownButtonRef}
|
|
40
|
+
aria-label={ariaLabel}
|
|
31
41
|
aria-expanded={isOpen}
|
|
32
42
|
aria-haspopup="menu"
|
|
33
43
|
aria-controls={id}
|
|
34
|
-
variant=
|
|
44
|
+
variant="tertiary"
|
|
35
45
|
{...otherProps}
|
|
36
46
|
>
|
|
37
47
|
{children}
|
|
@@ -76,6 +76,9 @@ const ProductCardContent = forwardRef<HTMLElement, ProductCardContentProps>(
|
|
|
76
76
|
},
|
|
77
77
|
ref
|
|
78
78
|
) {
|
|
79
|
+
const listPrice = price?.listPrice ?? 0
|
|
80
|
+
const sellingPrice = price?.value ?? 0
|
|
81
|
+
|
|
79
82
|
return (
|
|
80
83
|
<section
|
|
81
84
|
ref={ref}
|
|
@@ -92,22 +95,37 @@ const ProductCardContent = forwardRef<HTMLElement, ProductCardContentProps>(
|
|
|
92
95
|
</h3>
|
|
93
96
|
{!outOfStock && (
|
|
94
97
|
<div data-fs-product-card-prices>
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
98
|
+
{sellingPrice !== listPrice
|
|
99
|
+
? (
|
|
100
|
+
<>
|
|
101
|
+
<Price
|
|
102
|
+
value={listPrice}
|
|
103
|
+
formatter={price?.formatter}
|
|
104
|
+
testId="list-price"
|
|
105
|
+
data-value={listPrice}
|
|
106
|
+
variant="listing"
|
|
107
|
+
SRText="Original price:"
|
|
108
|
+
/>
|
|
109
|
+
<Price
|
|
110
|
+
value={sellingPrice}
|
|
111
|
+
formatter={price?.formatter}
|
|
112
|
+
testId="price"
|
|
113
|
+
data-value={sellingPrice}
|
|
114
|
+
variant="spot"
|
|
115
|
+
SRText="Sale Price:"
|
|
116
|
+
/>
|
|
117
|
+
</>
|
|
118
|
+
)
|
|
119
|
+
: (
|
|
120
|
+
<Price
|
|
121
|
+
value={sellingPrice}
|
|
122
|
+
formatter={price?.formatter}
|
|
123
|
+
testId="price"
|
|
124
|
+
data-value={sellingPrice}
|
|
125
|
+
variant="spot"
|
|
126
|
+
SRText="Sale Price:"
|
|
127
|
+
/>
|
|
128
|
+
)}
|
|
111
129
|
</div>
|
|
112
130
|
)}
|
|
113
131
|
{ratingValue && (
|
|
@@ -42,6 +42,10 @@ export interface ImageGalleryProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
42
42
|
* Event handler for clicks on each thumbnail.
|
|
43
43
|
*/
|
|
44
44
|
setSelectedImageIdx: (idx: number) => void
|
|
45
|
+
/**
|
|
46
|
+
* The position of the thumbnail and gallery image.
|
|
47
|
+
*/
|
|
48
|
+
imagePosition: 'top' | 'center' | 'bottom'
|
|
45
49
|
}
|
|
46
50
|
|
|
47
51
|
const ImageGallery = forwardRef<HTMLDivElement, ImageGalleryProps>(
|
|
@@ -51,6 +55,7 @@ const ImageGallery = forwardRef<HTMLDivElement, ImageGalleryProps>(
|
|
|
51
55
|
children,
|
|
52
56
|
ImageComponent,
|
|
53
57
|
selectedImageIdx,
|
|
58
|
+
imagePosition = 'center',
|
|
54
59
|
setSelectedImageIdx,
|
|
55
60
|
testId = 'fs-image-gallery',
|
|
56
61
|
...otherProps
|
|
@@ -65,6 +70,7 @@ const ImageGallery = forwardRef<HTMLDivElement, ImageGalleryProps>(
|
|
|
65
70
|
data-fs-image-gallery={
|
|
66
71
|
hasSelector ? 'with-selector' : 'without-selector'
|
|
67
72
|
}
|
|
73
|
+
data-fs-image-gallery-position={imagePosition}
|
|
68
74
|
data-testid={testId}
|
|
69
75
|
{...otherProps}
|
|
70
76
|
>
|
|
@@ -2,13 +2,15 @@ import React from 'react'
|
|
|
2
2
|
import type { PropsWithChildren } from 'react'
|
|
3
3
|
|
|
4
4
|
// TODO: Implements zoom feature to the selected image (Coming Soon)
|
|
5
|
-
export interface
|
|
5
|
+
export interface ImageGalleryViewerProps {
|
|
6
6
|
helpMessage?: string
|
|
7
7
|
zoomFactor?: number
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
const
|
|
10
|
+
const ImageGalleryViewer = ({
|
|
11
|
+
children,
|
|
12
|
+
}: PropsWithChildren<ImageGalleryViewerProps>) => {
|
|
11
13
|
return <>{children}</>
|
|
12
14
|
}
|
|
13
15
|
|
|
14
|
-
export default
|
|
16
|
+
export default ImageGalleryViewer
|
|
@@ -4,5 +4,5 @@ export type { ImageGalleryProps, ImageElementData } from './ImageGallery'
|
|
|
4
4
|
export { default as ImageGallerySelector } from './ImageGallerySelector'
|
|
5
5
|
export type { ImageGallerySelectorProps } from './ImageGallerySelector'
|
|
6
6
|
|
|
7
|
-
export { default as
|
|
8
|
-
export type {
|
|
7
|
+
export { default as ImageGalleryViewer } from './ImageGalleryViewer'
|
|
8
|
+
export type { ImageGalleryViewerProps } from './ImageGalleryViewer'
|
|
@@ -31,6 +31,49 @@ interface ShippingSLA {
|
|
|
31
31
|
price: number
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
+
interface Address {
|
|
35
|
+
/**
|
|
36
|
+
* Address postal code
|
|
37
|
+
*/
|
|
38
|
+
postalCode?: string
|
|
39
|
+
/**
|
|
40
|
+
* Address city
|
|
41
|
+
*/
|
|
42
|
+
city?: string
|
|
43
|
+
/**
|
|
44
|
+
* Address state
|
|
45
|
+
*/
|
|
46
|
+
state?: string
|
|
47
|
+
/**
|
|
48
|
+
* Address country
|
|
49
|
+
*/
|
|
50
|
+
country?: string
|
|
51
|
+
/**
|
|
52
|
+
* Address street
|
|
53
|
+
*/
|
|
54
|
+
street?: string
|
|
55
|
+
/**
|
|
56
|
+
* Address number
|
|
57
|
+
*/
|
|
58
|
+
number?: string
|
|
59
|
+
/**
|
|
60
|
+
* Address neighborhood
|
|
61
|
+
*/
|
|
62
|
+
neighborhood?: string
|
|
63
|
+
/**
|
|
64
|
+
* Address complement
|
|
65
|
+
*/
|
|
66
|
+
complement?: string
|
|
67
|
+
/**
|
|
68
|
+
* Address reference
|
|
69
|
+
*/
|
|
70
|
+
reference?: string
|
|
71
|
+
/**
|
|
72
|
+
* Address geoCoordinates
|
|
73
|
+
*/
|
|
74
|
+
geoCoordinates?: [number]
|
|
75
|
+
}
|
|
76
|
+
|
|
34
77
|
export interface ShippingSimulationProps
|
|
35
78
|
extends HTMLAttributes<HTMLDivElement> {
|
|
36
79
|
/**
|
|
@@ -74,6 +117,10 @@ export interface ShippingSimulationProps
|
|
|
74
117
|
* Location for shipping.
|
|
75
118
|
*/
|
|
76
119
|
location?: string
|
|
120
|
+
/**
|
|
121
|
+
* Address for shipping.
|
|
122
|
+
*/
|
|
123
|
+
address?: Address
|
|
77
124
|
/**
|
|
78
125
|
* Options for shipping simulation.
|
|
79
126
|
*/
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ImageZoom.js","sourceRoot":"","sources":["../../../../src/organisms/ImageGallery/ImageZoom.tsx"],"names":[],"mappings":";;;AAAA,0DAAyB;AASzB,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAqC,EAAE,EAAE;IACpE,OAAO,8DAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAA;AAED,kBAAe,SAAS,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ImageZoom.js","sourceRoot":"","sources":["../../../../src/organisms/ImageGallery/ImageZoom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAqC,EAAE,EAAE;IACpE,OAAO,0CAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|