@faststore/components 2.0.96-alpha.0 → 2.0.101-alpha.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/atoms/Button/Button.d.ts +1 -1
- package/dist/atoms/Button/Button.js +3 -3
- package/dist/atoms/Button/Button.js.map +1 -1
- package/dist/atoms/Icon/Icon.d.ts +15 -6
- package/dist/atoms/Icon/Icon.js +11 -3
- package/dist/atoms/Icon/Icon.js.map +1 -1
- package/dist/atoms/Select/Select.d.ts +1 -1
- package/dist/atoms/Select/Select.js +1 -2
- package/dist/atoms/Select/Select.js.map +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -2
- package/dist/index.js.map +1 -1
- package/dist/molecules/Accordion/AccordionButton.d.ts +1 -1
- package/dist/molecules/Accordion/AccordionButton.js +2 -2
- package/dist/molecules/Accordion/AccordionButton.js.map +1 -1
- package/dist/molecules/Alert/Alert.d.ts +1 -1
- package/dist/molecules/Alert/Alert.js +4 -6
- package/dist/molecules/Alert/Alert.js.map +1 -1
- package/dist/molecules/Breadcrumb/BreadcrumbBase.js +7 -5
- package/dist/molecules/Breadcrumb/BreadcrumbBase.js.map +1 -1
- package/dist/molecules/Breadcrumb/HomeLink.js +3 -3
- package/dist/molecules/Breadcrumb/HomeLink.js.map +1 -1
- package/dist/molecules/BuyButton/BuyButton.js +2 -3
- package/dist/molecules/BuyButton/BuyButton.js.map +1 -1
- package/dist/molecules/CartItem/CartItem.js +2 -3
- package/dist/molecules/CartItem/CartItem.js.map +1 -1
- package/dist/molecules/Dropdown/DropdownItem.d.ts +2 -3
- package/dist/molecules/Dropdown/DropdownItem.js +2 -3
- package/dist/molecules/Dropdown/DropdownItem.js.map +1 -1
- package/dist/molecules/Gift/Gift.js +3 -2
- package/dist/molecules/Gift/Gift.js.map +1 -1
- package/dist/molecules/InputField/InputField.js +2 -3
- package/dist/molecules/InputField/InputField.js.map +1 -1
- package/dist/molecules/LinkButton/LinkButton.js +2 -3
- package/dist/molecules/LinkButton/LinkButton.js.map +1 -1
- package/dist/molecules/Modal/ModalHeader.js +2 -2
- package/dist/molecules/Modal/ModalHeader.js.map +1 -1
- package/dist/molecules/ProductCard/ProductCardContent.d.ts +1 -1
- package/dist/molecules/ProductCard/ProductCardContent.js +3 -4
- package/dist/molecules/ProductCard/ProductCardContent.js.map +1 -1
- package/dist/molecules/ProductTitle/ProductTitle.d.ts +1 -1
- package/dist/molecules/QuantitySelector/QuantitySelector.js +4 -5
- package/dist/molecules/QuantitySelector/QuantitySelector.js.map +1 -1
- package/dist/molecules/Rating/Rating.d.ts +2 -4
- package/dist/molecules/Rating/Rating.js +5 -5
- package/dist/molecules/Rating/Rating.js.map +1 -1
- package/dist/molecules/RegionBar/RegionBar.d.ts +1 -1
- package/dist/molecules/RegionBar/RegionBar.js +2 -3
- package/dist/molecules/RegionBar/RegionBar.js.map +1 -1
- package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.d.ts +1 -1
- package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.js +4 -3
- package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.js.map +1 -1
- package/dist/molecules/SearchHistory/SearchHistoryTerm.d.ts +1 -1
- package/dist/molecules/SearchHistory/SearchHistoryTerm.js +4 -3
- package/dist/molecules/SearchHistory/SearchHistoryTerm.js.map +1 -1
- package/dist/molecules/SearchInputField/SearchInputField.d.ts +1 -1
- package/dist/molecules/SearchInputField/SearchInputField.js +2 -2
- package/dist/molecules/SearchInputField/SearchInputField.js.map +1 -1
- package/dist/molecules/Table/Table.d.ts +1 -1
- package/dist/molecules/Tag/Tag.d.ts +1 -1
- package/dist/molecules/Tag/Tag.js +2 -5
- package/dist/molecules/Tag/Tag.js.map +1 -1
- package/dist/molecules/Toast/Toast.js +1 -3
- package/dist/molecules/Toast/Toast.js.map +1 -1
- package/dist/molecules/Toggle/Toggle.d.ts +1 -1
- package/dist/molecules/Toggle/Toggle.js +2 -3
- package/dist/molecules/Toggle/Toggle.js.map +1 -1
- package/dist/organisms/Hero/HeroHeader.d.ts +1 -1
- package/dist/organisms/Hero/HeroHeader.js +4 -3
- package/dist/organisms/Hero/HeroHeader.js.map +1 -1
- package/dist/organisms/OutOfStock/OutOfStock.d.ts +1 -1
- package/dist/organisms/OutOfStock/OutOfStock.js +2 -3
- package/dist/organisms/OutOfStock/OutOfStock.js.map +1 -1
- package/dist/organisms/ShippingSimulation/ShippingSimulation.d.ts +1 -1
- package/dist/organisms/ShippingSimulation/ShippingSimulation.js +2 -3
- package/dist/organisms/ShippingSimulation/ShippingSimulation.js.map +1 -1
- package/dist/organisms/SlideOver/SlideOverHeader.d.ts +2 -2
- package/dist/organisms/SlideOver/SlideOverHeader.js +2 -3
- package/dist/organisms/SlideOver/SlideOverHeader.js.map +1 -1
- package/package.json +2 -2
- package/src/atoms/Button/Button.tsx +4 -4
- package/src/atoms/Icon/Icon.tsx +36 -10
- package/src/atoms/Select/Select.tsx +2 -3
- package/src/index.ts +0 -3
- package/src/molecules/Accordion/AccordionButton.tsx +4 -4
- package/src/molecules/Alert/Alert.tsx +5 -8
- package/src/molecules/Breadcrumb/BreadcrumbBase.tsx +43 -27
- package/src/molecules/Breadcrumb/HomeLink.tsx +3 -3
- package/src/molecules/BuyButton/BuyButton.tsx +2 -3
- package/src/molecules/CartItem/CartItem.tsx +2 -3
- package/src/molecules/Dropdown/DropdownItem.tsx +4 -5
- package/src/molecules/Gift/Gift.tsx +3 -2
- package/src/molecules/InputField/InputField.tsx +3 -4
- package/src/molecules/LinkButton/LinkButton.tsx +3 -4
- package/src/molecules/Modal/ModalHeader.tsx +2 -2
- package/src/molecules/ProductCard/ProductCardContent.tsx +3 -10
- package/src/molecules/QuantitySelector/QuantitySelector.tsx +4 -5
- package/src/molecules/Rating/Rating.tsx +12 -10
- package/src/molecules/RegionBar/RegionBar.tsx +3 -4
- package/src/molecules/SearchAutoComplete/SearchAutoCompleteTerm.tsx +10 -9
- package/src/molecules/SearchHistory/SearchHistoryTerm.tsx +9 -6
- package/src/molecules/SearchInputField/SearchInputField.tsx +5 -4
- package/src/molecules/Tag/Tag.tsx +3 -5
- package/src/molecules/Toast/Toast.tsx +1 -2
- package/src/molecules/Toggle/Toggle.tsx +3 -4
- package/src/organisms/Hero/HeroHeader.tsx +11 -5
- package/src/organisms/OutOfStock/OutOfStock.tsx +3 -4
- package/src/organisms/ShippingSimulation/ShippingSimulation.tsx +3 -11
- package/src/organisms/SlideOver/SlideOverHeader.tsx +3 -5
- package/dist/assets/ArrowElbowDownRight.d.ts +0 -4
- package/dist/assets/ArrowElbowDownRight.js +0 -8
- package/dist/assets/ArrowElbowDownRight.js.map +0 -1
- package/dist/assets/ArrowRight.d.ts +0 -3
- package/dist/assets/ArrowRight.js +0 -8
- package/dist/assets/ArrowRight.js.map +0 -1
- package/dist/assets/ArrowSquareOut.d.ts +0 -4
- package/dist/assets/ArrowSquareOut.js +0 -6
- package/dist/assets/ArrowSquareOut.js.map +0 -1
- package/dist/assets/BellRinging.d.ts +0 -4
- package/dist/assets/BellRinging.js +0 -6
- package/dist/assets/BellRinging.js.map +0 -1
- package/dist/assets/CaretDown.d.ts +0 -3
- package/dist/assets/CaretDown.js +0 -7
- package/dist/assets/CaretDown.js.map +0 -1
- package/dist/assets/CaretRight.d.ts +0 -4
- package/dist/assets/CaretRight.js +0 -7
- package/dist/assets/CaretRight.js.map +0 -1
- package/dist/assets/Checked.d.ts +0 -3
- package/dist/assets/Checked.js +0 -6
- package/dist/assets/Checked.js.map +0 -1
- package/dist/assets/ClockClockwise.d.ts +0 -3
- package/dist/assets/ClockClockwise.js +0 -10
- package/dist/assets/ClockClockwise.js.map +0 -1
- package/dist/assets/DotsThree.d.ts +0 -4
- package/dist/assets/DotsThree.js +0 -9
- package/dist/assets/DotsThree.js.map +0 -1
- package/dist/assets/FadersHorizontal.d.ts +0 -3
- package/dist/assets/FadersHorizontal.js +0 -12
- package/dist/assets/FadersHorizontal.js.map +0 -1
- package/dist/assets/Heart.d.ts +0 -3
- package/dist/assets/Heart.js +0 -7
- package/dist/assets/Heart.js.map +0 -1
- package/dist/assets/House.d.ts +0 -4
- package/dist/assets/House.js +0 -7
- package/dist/assets/House.js.map +0 -1
- package/dist/assets/IconProps.d.ts +0 -3
- package/dist/assets/IconProps.js +0 -2
- package/dist/assets/IconProps.js.map +0 -1
- package/dist/assets/MagnifyingGlass.d.ts +0 -4
- package/dist/assets/MagnifyingGlass.js +0 -7
- package/dist/assets/MagnifyingGlass.js.map +0 -1
- package/dist/assets/MapPin.d.ts +0 -4
- package/dist/assets/MapPin.js +0 -8
- package/dist/assets/MapPin.js.map +0 -1
- package/dist/assets/Minus.d.ts +0 -3
- package/dist/assets/Minus.js +0 -7
- package/dist/assets/Minus.js.map +0 -1
- package/dist/assets/MinusCircle.d.ts +0 -3
- package/dist/assets/MinusCircle.js +0 -8
- package/dist/assets/MinusCircle.js.map +0 -1
- package/dist/assets/PaymentFlags/ApplePay.d.ts +0 -3
- package/dist/assets/PaymentFlags/ApplePay.js +0 -7
- package/dist/assets/PaymentFlags/ApplePay.js.map +0 -1
- package/dist/assets/PaymentFlags/Diners.d.ts +0 -3
- package/dist/assets/PaymentFlags/Diners.js +0 -8
- package/dist/assets/PaymentFlags/Diners.js.map +0 -1
- package/dist/assets/PaymentFlags/EloCard.d.ts +0 -3
- package/dist/assets/PaymentFlags/EloCard.js +0 -11
- package/dist/assets/PaymentFlags/EloCard.js.map +0 -1
- package/dist/assets/PaymentFlags/GooglePay.d.ts +0 -3
- package/dist/assets/PaymentFlags/GooglePay.js +0 -11
- package/dist/assets/PaymentFlags/GooglePay.js.map +0 -1
- package/dist/assets/PaymentFlags/Mastercard.d.ts +0 -3
- package/dist/assets/PaymentFlags/Mastercard.js +0 -9
- package/dist/assets/PaymentFlags/Mastercard.js.map +0 -1
- package/dist/assets/PaymentFlags/PayPal.d.ts +0 -3
- package/dist/assets/PaymentFlags/PayPal.js +0 -10
- package/dist/assets/PaymentFlags/PayPal.js.map +0 -1
- package/dist/assets/PaymentFlags/Stripe.d.ts +0 -3
- package/dist/assets/PaymentFlags/Stripe.js +0 -7
- package/dist/assets/PaymentFlags/Stripe.js.map +0 -1
- package/dist/assets/PaymentFlags/Visa.d.ts +0 -3
- package/dist/assets/PaymentFlags/Visa.js +0 -7
- package/dist/assets/PaymentFlags/Visa.js.map +0 -1
- package/dist/assets/PaymentFlags/index.d.ts +0 -8
- package/dist/assets/PaymentFlags/index.js +0 -9
- package/dist/assets/PaymentFlags/index.js.map +0 -1
- package/dist/assets/Plus.d.ts +0 -3
- package/dist/assets/Plus.js +0 -8
- package/dist/assets/Plus.js.map +0 -1
- package/dist/assets/PlusCircle.d.ts +0 -3
- package/dist/assets/PlusCircle.js +0 -9
- package/dist/assets/PlusCircle.js.map +0 -1
- package/dist/assets/Ruler.d.ts +0 -3
- package/dist/assets/Ruler.js +0 -10
- package/dist/assets/Ruler.js.map +0 -1
- package/dist/assets/SealCheck.d.ts +0 -4
- package/dist/assets/SealCheck.js +0 -6
- package/dist/assets/SealCheck.js.map +0 -1
- package/dist/assets/SealWarning.d.ts +0 -4
- package/dist/assets/SealWarning.js +0 -6
- package/dist/assets/SealWarning.js.map +0 -1
- package/dist/assets/ShoppingCart.d.ts +0 -3
- package/dist/assets/ShoppingCart.js +0 -10
- package/dist/assets/ShoppingCart.js.map +0 -1
- package/dist/assets/Star.d.ts +0 -3
- package/dist/assets/Star.js +0 -7
- package/dist/assets/Star.js.map +0 -1
- package/dist/assets/TagIcon.d.ts +0 -3
- package/dist/assets/TagIcon.js +0 -8
- package/dist/assets/TagIcon.js.map +0 -1
- package/dist/assets/X.d.ts +0 -3
- package/dist/assets/X.js +0 -8
- package/dist/assets/X.js.map +0 -1
- package/dist/assets/XCircle.d.ts +0 -3
- package/dist/assets/XCircle.js +0 -9
- package/dist/assets/XCircle.js.map +0 -1
- package/dist/assets/index.d.ts +0 -27
- package/dist/assets/index.js +0 -29
- package/dist/assets/index.js.map +0 -1
- package/src/assets/ArrowElbowDownRight.tsx +0 -28
- package/src/assets/ArrowRight.tsx +0 -37
- package/src/assets/ArrowSquareOut.tsx +0 -19
- package/src/assets/BellRinging.tsx +0 -18
- package/src/assets/CaretDown.tsx +0 -26
- package/src/assets/CaretRight.tsx +0 -25
- package/src/assets/Checked.tsx +0 -24
- package/src/assets/ClockClockwise.tsx +0 -56
- package/src/assets/DotsThree.tsx +0 -21
- package/src/assets/FadersHorizontal.tsx +0 -84
- package/src/assets/Heart.tsx +0 -19
- package/src/assets/House.tsx +0 -26
- package/src/assets/IconProps.ts +0 -3
- package/src/assets/MagnifyingGlass.tsx +0 -22
- package/src/assets/MapPin.tsx +0 -34
- package/src/assets/Minus.tsx +0 -28
- package/src/assets/MinusCircle.tsx +0 -36
- package/src/assets/PaymentFlags/ApplePay.tsx +0 -20
- package/src/assets/PaymentFlags/Diners.tsx +0 -20
- package/src/assets/PaymentFlags/EloCard.tsx +0 -32
- package/src/assets/PaymentFlags/GooglePay.tsx +0 -41
- package/src/assets/PaymentFlags/Mastercard.tsx +0 -32
- package/src/assets/PaymentFlags/PayPal.tsx +0 -38
- package/src/assets/PaymentFlags/Stripe.tsx +0 -25
- package/src/assets/PaymentFlags/Visa.tsx +0 -20
- package/src/assets/PaymentFlags/index.ts +0 -8
- package/src/assets/Plus.tsx +0 -38
- package/src/assets/PlusCircle.tsx +0 -46
- package/src/assets/Ruler.tsx +0 -64
- package/src/assets/SealCheck.tsx +0 -17
- package/src/assets/SealWarning.tsx +0 -17
- package/src/assets/ShoppingCart.tsx +0 -50
- package/src/assets/Star.tsx +0 -19
- package/src/assets/TagIcon.tsx +0 -26
- package/src/assets/X.tsx +0 -38
- package/src/assets/XCircle.tsx +0 -46
- package/src/assets/index.ts +0 -29
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { Loader } from '../../';
|
|
3
3
|
const Button = forwardRef(function Button({ children, variant, inverse, size = 'regular', testId = 'fs-button', loading, loadingLabel, icon, iconPosition = 'left', disabled, ...otherProps }, ref) {
|
|
4
4
|
return (React.createElement("button", { ref: ref, "data-fs-button": true, "data-fs-button-inverse": inverse, "data-fs-button-size": size, "data-fs-button-loading": loading, "data-fs-button-variant": variant, disabled: disabled, "data-testid": testId, ...otherProps },
|
|
5
5
|
loading && (React.createElement("p", { "data-fs-button-loading-label": true },
|
|
6
6
|
loadingLabel,
|
|
7
7
|
React.createElement(Loader, { variant: variant === 'primary' && !inverse ? 'light' : 'dark' }))),
|
|
8
|
-
icon && iconPosition === 'left' && React.createElement(
|
|
8
|
+
React.isValidElement(icon) && iconPosition === 'left' && React.createElement("span", { "data-fs-button-icon": true }, icon),
|
|
9
9
|
React.createElement("span", null, children),
|
|
10
|
-
icon && iconPosition === 'right' && React.createElement(
|
|
10
|
+
React.isValidElement(icon) && iconPosition === 'right' && React.createElement("span", { "data-fs-button-icon": true }, icon)));
|
|
11
11
|
});
|
|
12
12
|
export default Button;
|
|
13
13
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/atoms/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/atoms/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AA6C/B,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CACvE,EACE,QAAQ,EACR,OAAO,EACP,OAAO,EACP,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,WAAW,EACpB,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,YAAY,GAAG,MAAM,EACrB,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,oDAEgB,OAAO,yBACV,IAAI,4BACD,OAAO,4BACP,OAAO,EAC/B,QAAQ,EAAE,QAAQ,iBACL,MAAM,KACf,UAAU;QAEb,OAAO,IAAI,CACV;YACG,YAAY;YACb,oBAAC,MAAM,IACL,OAAO,EAAE,OAAO,KAAK,SAAS,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAC7D,CACA,CACL;QACA,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,YAAY,KAAK,MAAM,IAAI,6DAA2B,IAAI,CAAQ;QACjG,kCAAO,QAAQ,CAAQ;QACtB,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,YAAY,KAAK,OAAO,IAAI,6DAA2B,IAAI,CAAQ,CAC3F,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
|
|
@@ -1,14 +1,23 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import React from
|
|
3
|
-
|
|
1
|
+
import type { SVGProps } from 'react';
|
|
2
|
+
import React from "react";
|
|
3
|
+
type IconWeight = 'thin' | 'light' | 'regular' | 'bold';
|
|
4
|
+
export interface IconProps extends SVGProps<SVGSVGElement> {
|
|
4
5
|
/**
|
|
5
6
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
6
7
|
*/
|
|
7
8
|
testId?: string;
|
|
8
9
|
/**
|
|
9
|
-
*
|
|
10
|
+
* Symbol id from element to render. Take a look at `/static/icons.svg`.
|
|
11
|
+
*
|
|
12
|
+
* Example: <Icon name="Bell" />
|
|
10
13
|
*/
|
|
11
|
-
|
|
14
|
+
name: string;
|
|
15
|
+
/**
|
|
16
|
+
* SVG weight.
|
|
17
|
+
*
|
|
18
|
+
* @default 'regular'
|
|
19
|
+
*/
|
|
20
|
+
weight?: IconWeight;
|
|
12
21
|
}
|
|
13
|
-
declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<
|
|
22
|
+
declare const Icon: React.ForwardRefExoticComponent<Pick<IconProps, "string" | "filter" | "children" | "type" | "style" | "clipPath" | "mask" | "path" | "in" | "testId" | "aria-label" | "className" | "id" | "lang" | "tabIndex" | "role" | "color" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "crossOrigin" | "height" | "max" | "min" | "width" | "weight" | "media" | "method" | "target" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "display" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "imageRendering" | "in2" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "letterSpacing" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "opacity" | "operator" | "order" | "orient" | "orientation" | "origin" | "overflow" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "key"> & React.RefAttributes<SVGSVGElement>>;
|
|
14
23
|
export default Icon;
|
package/dist/atoms/Icon/Icon.js
CHANGED
|
@@ -1,6 +1,14 @@
|
|
|
1
|
-
import React, { forwardRef } from
|
|
2
|
-
const
|
|
3
|
-
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
|
+
const mapWeightToValue = {
|
|
3
|
+
bold: 24,
|
|
4
|
+
regular: 16,
|
|
5
|
+
light: 12,
|
|
6
|
+
thin: 8,
|
|
7
|
+
};
|
|
8
|
+
const Icon = forwardRef(function Icon({ testId = 'fs-icon', name, weight = 'regular', ...otherProps }, ref) {
|
|
9
|
+
const { width, height } = otherProps;
|
|
10
|
+
return (React.createElement("svg", { ref: ref, "data-fs-icon": true, "data-testid": testId, width: width ?? 24, height: height ?? 24, strokeWidth: mapWeightToValue[weight], ...otherProps },
|
|
11
|
+
React.createElement("use", { href: `/icons.svg#${name}` })));
|
|
4
12
|
});
|
|
5
13
|
export default Icon;
|
|
6
14
|
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/atoms/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/atoms/Icon/Icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAIzC,MAAM,gBAAgB,GAA+B;IACnD,IAAI,EAAE,EAAE;IACR,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,CAAC;CACR,CAAA;AAqBD,MAAM,IAAI,GAAG,UAAU,CAA2B,SAAS,IAAI,CAC7D,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,GAAG,UAAU,EAAa,EAC1E,GAAG;IAEH,MAAM,EAAC,KAAK,EAAE,MAAM,EAAC,GAAG,UAAU,CAAA;IAClC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,uCAEK,MAAM,EACnB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,MAAM,EAAE,MAAM,IAAI,EAAE,EACpB,WAAW,EAAE,gBAAgB,CAAC,MAAM,CAAC,KACjC,UAAU;QAEd,6BAAK,IAAI,EAAE,cAAc,IAAI,EAAE,GAAI,CAC/B,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,IAAI,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import type { SelectHTMLAttributes } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
|
|
4
4
|
/**
|
|
5
5
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import { Icon } from '../..';
|
|
3
|
-
import { CaretDown } from '../../assets';
|
|
4
3
|
const Select = forwardRef(function Select({ options, id, testId = 'fs-select', ...otherProps }, ref) {
|
|
5
4
|
return (React.createElement("div", { "data-fs-select": true },
|
|
6
5
|
React.createElement("select", { ref: ref, id: id, "data-testid": testId, ...otherProps }, Object.keys(options).map((key) => (React.createElement("option", { key: key, value: key }, options[key])))),
|
|
7
|
-
React.createElement(Icon, { "data-fs-select-icon": true,
|
|
6
|
+
React.createElement(Icon, { "data-fs-select-icon": true, name: "CaretDown" })));
|
|
8
7
|
});
|
|
9
8
|
export default Select;
|
|
10
9
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/atoms/Select/Select.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/atoms/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAmB5B,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CACvE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,GAAG,WAAW,EAAE,GAAG,UAAU,EAAe,EACjE,GAAG;IAEH,OAAO,CACL;QACE,gCAAQ,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,iBAAe,MAAM,KAAM,UAAU,IAC1D,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjC,gCAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IACzB,OAAO,CAAC,GAAG,CAAC,CACN,CACV,CAAC,CACK;QACT,oBAAC,IAAI,iCAAqB,IAAI,EAAC,WAAW,GAAG,CACzC,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import { useAccordion } from './Accordion';
|
|
3
3
|
import { useAccordionItem } from './AccordionItem';
|
|
4
|
-
import { Button,
|
|
5
|
-
const AccordionButton = forwardRef(function AccordionButton({ testId = 'fs-accordion-button', expandedIcon = React.createElement(
|
|
4
|
+
import { Button, Icon } from '../..';
|
|
5
|
+
const AccordionButton = forwardRef(function AccordionButton({ testId = 'fs-accordion-button', expandedIcon = React.createElement(Icon, { name: "MinusCircle", "data-icon": "expanded" }), collapsedIcon = React.createElement(Icon, { name: "PlusCircle", "data-icon": "collapsed" }), children, ...otherProps }, ref) {
|
|
6
6
|
const { indices, onChange, numberOfItems } = useAccordion();
|
|
7
7
|
const { index, panel, button, prefixId } = useAccordionItem();
|
|
8
8
|
const onKeyDown = (event) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionButton.js","sourceRoot":"","sources":["../../../src/molecules/Accordion/AccordionButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccordionButton.js","sourceRoot":"","sources":["../../../src/molecules/Accordion/AccordionButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAGlD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAiBpC,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EACE,MAAM,GAAG,qBAAqB,EAC9B,YAAY,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,eAAW,UAAU,GAAG,EAC/D,aAAa,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,eAAW,WAAW,GAAG,EAChE,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,CAAA;IAC3D,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE7D,MAAM,SAAS,GAAG,CAAC,KAA0B,EAAE,EAAE;QAC/C,IAAI,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YACjD,OAAM;SACP;QAED,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAExE,OAAO,QAAQ,CAAC,cAAc,CAC5B,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,IAAI,EAAE,CAC/C,CAAA;QACH,CAAC,CAAA;QAED,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,MAAM,QAAQ,GACZ,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAE/D,OAAO,QAAQ,CAAC,cAAc,CAC5B,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,QAAQ,EAAE,CACnD,CAAA;QACH,CAAC,CAAA;QAED,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,OAAO,EAAE,EAAE,KAAK,EAAE,CAAA;gBAClB,MAAK;YAEP,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,WAAW,EAAE,EAAE,KAAK,EAAE,CAAA;gBACtB,MAAK;YAEP,QAAQ;SACT;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,MAAM,qDAEK,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EACjC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EACvD,YAAY,EAAC,OAAO,mBACL,KAAK,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,iBACY,MAAM,KACf,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { LinkProps } from '../../';
|
|
4
|
-
import type {
|
|
4
|
+
import type { MouseEvent, ReactNode } from 'react';
|
|
5
5
|
export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'> {
|
|
6
6
|
/**
|
|
7
7
|
* ID to find this component in testing tools (e.g.: cypress,
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import React, { forwardRef } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { Button, Link, Icon } from '../../';
|
|
4
|
-
import { X } from '../../assets';
|
|
1
|
+
import React, { forwardRef, useCallback } from 'react';
|
|
2
|
+
import { Button, Icon, Link } from '../../';
|
|
5
3
|
const Alert = forwardRef(function Alert({ testId = 'fs-alert', children, icon, dismissible, link, onClose, ...otherProps }, ref) {
|
|
6
4
|
const handleClose = useCallback((event) => {
|
|
7
5
|
if (event.defaultPrevented) {
|
|
@@ -10,12 +8,12 @@ const Alert = forwardRef(function Alert({ testId = 'fs-alert', children, icon, d
|
|
|
10
8
|
onClose?.(event);
|
|
11
9
|
}, [onClose]);
|
|
12
10
|
return (React.createElement("div", { ref: ref, role: "alert", "data-fs-alert": true, "data-testid": testId, "data-fs-alert-dismissible": dismissible, ...otherProps },
|
|
13
|
-
|
|
11
|
+
React.isValidElement(icon) && icon,
|
|
14
12
|
React.createElement("p", { "data-fs-alert-content": true }, children),
|
|
15
13
|
link && React.createElement(Link, { "data-fs-alert-link": true, variant: "inline", ...link }),
|
|
16
14
|
dismissible && (React.createElement(Button, { "data-fs-alert-button": true, "aria-label": "Close", onClick: handleClose },
|
|
17
15
|
React.createElement("span", null,
|
|
18
|
-
React.createElement(Icon, {
|
|
16
|
+
React.createElement(Icon, { name: "X" }))))));
|
|
19
17
|
});
|
|
20
18
|
export default Alert;
|
|
21
19
|
//# sourceMappingURL=Alert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/molecules/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/molecules/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AA6BtD,MAAM,KAAK,GAAG,UAAU,CAA6B,SAAS,KAAK,CACjE,EACE,MAAM,GAAG,UAAU,EACnB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,OAAO,EACP,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA8B,EAAE,EAAE;QACjC,IAAI,KAAK,CAAC,gBAAgB,EAAE;YAC1B,OAAM;SACP;QAED,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IACD,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,wCAEC,MAAM,+BACQ,WAAW,KAClC,UAAU;QAEb,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI;QAEnC,4DAA0B,QAAQ,CAAK;QAEtC,IAAI,IAAI,oBAAC,IAAI,gCAAoB,OAAO,EAAC,QAAQ,KAAK,IAAI,GAAI;QAE9D,WAAW,IAAI,CACd,oBAAC,MAAM,gDAAiC,OAAO,EAAC,OAAO,EAAE,WAAW;YAClE;gBACE,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,CACZ,CACA,CACV,CACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import React, { cloneElement, forwardRef, useCallback } from 'react';
|
|
2
|
-
import { ArrowElbowDownRight, DotsThree } from '../../assets';
|
|
1
|
+
import React, { cloneElement, forwardRef, useCallback, } from 'react';
|
|
3
2
|
import Icon from '../../atoms/Icon';
|
|
4
3
|
import Link from '../../atoms/Link';
|
|
5
|
-
import Dropdown, { DropdownButton,
|
|
4
|
+
import Dropdown, { DropdownButton, DropdownItem, DropdownMenu, } from '../Dropdown';
|
|
6
5
|
import BreadcrumbPure from './BreadcrumbPure';
|
|
7
6
|
import HomeLink from './HomeLink';
|
|
8
|
-
const BreadcrumbBase = forwardRef(function BreadcrumbBase({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', breadcrumbList, isDesktop = false, renderLink, homeLink = React.createElement(HomeLink, null), dropdownButtonIcon = React.createElement(Icon, {
|
|
7
|
+
const BreadcrumbBase = forwardRef(function BreadcrumbBase({ children, divider: rawDivider = '', testId = 'fs-breadcrumb', breadcrumbList, isDesktop = false, renderLink, homeLink = React.createElement(HomeLink, null), dropdownButtonIcon = React.createElement(Icon, { name: "DotsThree" }), collapsedItemsIcon = (React.createElement(Icon, { "data-fs-dropdown-item-icon": true, name: "ArrowElbowDownRight" })), ...otherProps }, ref) {
|
|
9
8
|
const homeLinkProps = {
|
|
10
9
|
'data-fs-breadcrumb-link': true,
|
|
11
10
|
'data-fs-breadcrumb-link-home': true,
|
|
@@ -28,7 +27,10 @@ const BreadcrumbBase = forwardRef(function BreadcrumbBase({ children, divider: r
|
|
|
28
27
|
: {
|
|
29
28
|
'data-fs-breadcrumb-link': true,
|
|
30
29
|
};
|
|
31
|
-
return breadcrumbItem ? (cloneElement(breadcrumbItem, {
|
|
30
|
+
return breadcrumbItem ? (cloneElement(breadcrumbItem, {
|
|
31
|
+
...itemProps,
|
|
32
|
+
key: renderLinkProps.itemProps.position,
|
|
33
|
+
})) : (React.createElement(Link, { ...itemProps, href: renderLinkProps.itemProps.item, key: renderLinkProps.itemProps.position }, renderLinkProps.itemProps.name));
|
|
32
34
|
}, [renderLink]);
|
|
33
35
|
return (React.createElement(BreadcrumbPure, { ref: ref, "data-fs-breadcrumb-is-desktop": isDesktop, ...otherProps },
|
|
34
36
|
homeLinkWithProps,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbBase.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/BreadcrumbBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"BreadcrumbBase.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/BreadcrumbBase.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Icon, Link } from '../..';
|
|
3
3
|
const HomeLink = () => (React.createElement(Link, { "data-fs-breadcrumb-link": true, "data-fs-breadcrumb-link-home": true, "aria-label": "Go to homepage", href: "/" },
|
|
4
|
-
React.createElement(Icon, {
|
|
4
|
+
React.createElement(Icon, { name: "House", width: 18, height: 18 })));
|
|
5
5
|
export default HomeLink;
|
|
6
6
|
//# sourceMappingURL=HomeLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HomeLink.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/HomeLink.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"HomeLink.js","sourceRoot":"","sources":["../../../src/molecules/Breadcrumb/HomeLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAElC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CACrB,oBAAC,IAAI,yFAGQ,gBAAgB,EAC3B,IAAI,EAAC,GAAG;IAER,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACvC,CACR,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Button } from '../../';
|
|
3
|
-
import { ShoppingCart } from '../../assets';
|
|
2
|
+
import { Button, Icon } from '../../';
|
|
4
3
|
function BuyButton({ testId = 'fs-buy-button', icon, children, ...otherProps }) {
|
|
5
|
-
return (React.createElement(Button, { "data-fs-buy-button": true, icon: React.createElement(
|
|
4
|
+
return (React.createElement(Button, { "data-fs-buy-button": true, icon: React.createElement(Icon, { name: "ShoppingCart" }), iconPosition: "left", "data-testid": testId, ...otherProps }, children));
|
|
6
5
|
}
|
|
7
6
|
export default BuyButton;
|
|
8
7
|
//# sourceMappingURL=BuyButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BuyButton.js","sourceRoot":"","sources":["../../../src/molecules/BuyButton/BuyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"BuyButton.js","sourceRoot":"","sources":["../../../src/molecules/BuyButton/BuyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAIrC,SAAS,SAAS,CAAC,EACjB,MAAM,GAAG,eAAe,EACxB,IAAI,EACJ,QAAQ,EACR,GAAG,UAAU,EACE;IACf,OAAO,CACL,oBAAC,MAAM,gCAEL,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,EAClC,YAAY,EAAC,MAAM,iBACN,MAAM,KACf,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { IconButton, Price, QuantitySelector } from '../../';
|
|
2
|
+
import { Icon, IconButton, Price, QuantitySelector } from '../../';
|
|
4
3
|
const CartItem = forwardRef(function CartItem({ testId = 'fs-cart-item', price, quantity, unavailable, onQuantityChange, children, removeBtnProps, ...otherProps }, ref) {
|
|
5
4
|
return (React.createElement("article", { ref: ref, "data-fs-cart-item": unavailable ? 'unavailable' : 'true', "data-testid": testId, ...otherProps },
|
|
6
5
|
React.createElement("div", { "data-fs-cart-item-content": true }, children),
|
|
7
|
-
React.createElement(IconButton, { "data-fs-cart-item-remove-button": true, icon: React.createElement(
|
|
6
|
+
React.createElement(IconButton, { "data-fs-cart-item-remove-button": true, icon: React.createElement(Icon, { name: "XCircle" }), "aria-label": "Remove", ...removeBtnProps }),
|
|
8
7
|
React.createElement("div", { "data-fs-cart-item-actions": true },
|
|
9
8
|
React.createElement(QuantitySelector, { min: 1, initial: quantity, onChange: onQuantityChange }),
|
|
10
9
|
React.createElement("span", { "data-fs-cart-item-prices": true },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CartItem.js","sourceRoot":"","sources":["../../../src/molecules/CartItem/CartItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"CartItem.js","sourceRoot":"","sources":["../../../src/molecules/CartItem/CartItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAmB,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AA+BnF,MAAM,QAAQ,GAAG,UAAU,CAAgC,SAAS,QAAQ,CAC1E,EACE,MAAM,GAAG,cAAc,EACvB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,uBACW,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,iBAC1C,MAAM,KACf,UAAU;QAEd,kEAAgC,QAAQ,CAAO;QAC/C,oBAAC,UAAU,6CAET,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,gBAClB,QAAQ,KACf,cAAc,GAClB;QACF;YACE,oBAAC,gBAAgB,IACf,GAAG,EAAE,CAAC,EACN,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,gBAAgB,GAC1B;YACF;gBACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;gBACF,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,QAAQ,GACf,CACG,CACH,CACE,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import type { ButtonHTMLAttributes } from 'react';
|
|
2
|
-
import { IconProps } from '../../atoms/Icon';
|
|
1
|
+
import type { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
3
2
|
import React from 'react';
|
|
4
3
|
export interface DropdownItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
5
4
|
/**
|
|
@@ -9,7 +8,7 @@ export interface DropdownItemProps extends ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
9
8
|
/**
|
|
10
9
|
* A React component that will be rendered as an icon.
|
|
11
10
|
*/
|
|
12
|
-
icon?:
|
|
11
|
+
icon?: ReactNode;
|
|
13
12
|
}
|
|
14
13
|
declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
15
14
|
export default DropdownItem;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import React, { useImperativeHandle, forwardRef, useRef, useState } from 'react';
|
|
1
|
+
import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';
|
|
3
2
|
import { useDropdown } from './hooks/useDropdown';
|
|
4
3
|
const DropdownItem = forwardRef(function Button({ children, icon, onClick, testId = 'fs-dropdown-item', ...otherProps }, ref) {
|
|
5
4
|
const { dropdownItemsRef, selectedDropdownItemIndexRef, close } = useDropdown();
|
|
@@ -22,7 +21,7 @@ const DropdownItem = forwardRef(function Button({ children, icon, onClick, testI
|
|
|
22
21
|
};
|
|
23
22
|
useImperativeHandle(ref, () => dropdownItemRef.current, []);
|
|
24
23
|
return (React.createElement("button", { "data-fs-dropdown-item": true, "data-testid": testId, ref: addToRefs, onFocus: onFocusItem, onMouseEnter: onFocusItem, onClick: handleOnClickItem, role: "menuitem", tabIndex: -1, "data-index": dropdownItemIndex, ...otherProps },
|
|
25
|
-
|
|
24
|
+
React.isValidElement(icon) && icon,
|
|
26
25
|
children));
|
|
27
26
|
});
|
|
28
27
|
export default DropdownItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../src/molecules/Dropdown/DropdownItem.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../src/molecules/Dropdown/DropdownItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAcjD,MAAM,YAAY,GAAG,UAAU,CAC7B,SAAS,MAAM,CACb,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,kBAAkB,EAAE,GAAG,UAAU,EAAE,EACvE,GAAG;IAEH,MAAM,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,KAAK,EAAE,GAC7D,WAAW,EAAE,CAAA;IAEf,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,eAAe,GAAG,MAAM,EAAqB,CAAA;IAEnD,MAAM,SAAS,GAAG,CAAC,EAAqB,EAAE,EAAE;QAC1C,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;YACjD,gBAAgB,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;YAClC,oBAAoB,CAClB,gBAAgB,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,KAAK,EAAE,CAAC,IAAI,CAAC,CACtE,CAAA;SACF;QAED,eAAe,CAAC,OAAO,GAAG,EAAE,CAAA;IAC9B,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,4BAA6B,CAAC,OAAO,GAAG,iBAAiB,CAAA;QACzD,gBAAgB,EAAE,OAAO,CAAC,4BAA6B,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAA;IAC3E,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CACxB,KAAsD,EACtD,EAAE;QACF,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAChB,KAAK,EAAE,EAAE,CAAA;IACX,CAAC,CAAA;IAED,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,OAAQ,EAAE,EAAE,CAAC,CAAA;IAE5D,OAAO,CACL,8EAEe,MAAM,EACnB,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,WAAW,EACzB,OAAO,EAAE,iBAAiB,EAC1B,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,gBACA,iBAAiB,KACzB,UAAU;QAEb,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI;QAClC,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
|
-
import { Icon } from '../..';
|
|
3
2
|
const Gift = forwardRef(function Gift({ icon, testId = 'fs-gift', children, ...otherProps }, ref) {
|
|
3
|
+
const iconProps = { "data-fs-gift-icon": true };
|
|
4
|
+
const giftIcon = React.isValidElement(icon) ? React.cloneElement(icon, iconProps) : icon;
|
|
4
5
|
return (React.createElement("div", { ref: ref, "data-fs-gift": true, "data-testid": testId, ...otherProps },
|
|
5
|
-
|
|
6
|
+
React.isValidElement(giftIcon) && giftIcon,
|
|
6
7
|
React.createElement("div", { "data-fs-gift-wrapper": true }, children)));
|
|
7
8
|
});
|
|
8
9
|
export default Gift;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Gift.js","sourceRoot":"","sources":["../../../src/molecules/Gift/Gift.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Gift.js","sourceRoot":"","sources":["../../../src/molecules/Gift/Gift.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAezC,MAAM,IAAI,GAAG,UAAU,CAA4B,SAAS,IAAI,CAC9D,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,MAAM,SAAS,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,CAAA;IAC/C,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IACxF,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,uCAA4B,MAAM,KAAM,UAAU;QAC5D,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,QAAQ;QAC3C,6DAA2B,QAAQ,CAAO,CACtC,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,IAAI,CAAA"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { XCircle } from '../../assets';
|
|
2
|
+
import { Button, Icon, IconButton, Input, Label } from '../../';
|
|
4
3
|
const InputField = ({ id, label, type = 'text', error, displayClearButton, actionable, buttonActionText = 'Apply', onSubmit, onClear, placeholder = ' ', // initializes with an empty space to style float label using `placeholder-shown`
|
|
5
4
|
inputRef, disabled, value, testId = 'fs-input-field', ...otherProps }) => {
|
|
6
5
|
const shouldDisplayError = !disabled && error && error !== '';
|
|
@@ -9,7 +8,7 @@ inputRef, disabled, value, testId = 'fs-input-field', ...otherProps }) => {
|
|
|
9
8
|
React.createElement(Input, { id: id, type: type, value: value, ref: inputRef, disabled: disabled, placeholder: placeholder, ...otherProps }),
|
|
10
9
|
React.createElement(Label, { htmlFor: id }, label),
|
|
11
10
|
shouldDisplayButton &&
|
|
12
|
-
(displayClearButton || error ? (React.createElement(IconButton, { "data-fs-button-size": "small", "aria-label": "Clear Field", icon: React.createElement(
|
|
11
|
+
(displayClearButton || error ? (React.createElement(IconButton, { "data-fs-button-size": "small", "aria-label": "Clear Field", icon: React.createElement(Icon, { name: "XCircle" }), onClick: () => {
|
|
13
12
|
onClear?.();
|
|
14
13
|
inputRef?.current?.focus();
|
|
15
14
|
} })) : (React.createElement(Button, { variant: "tertiary", size: "small", onClick: onSubmit }, buttonActionText))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../src/molecules/InputField/InputField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../src/molecules/InputField/InputField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAgE/D,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,KAAK,EACL,IAAI,GAAG,MAAM,EACb,KAAK,EACL,kBAAkB,EAClB,UAAU,EACV,gBAAgB,GAAG,OAAO,EAC1B,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,GAAG,EAAE,iFAAiF;AACpG,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,GAAG,gBAAgB,EACzB,GAAG,UAAU,EACG,EAAE,EAAE;IACpB,MAAM,kBAAkB,GAAG,CAAC,QAAQ,IAAI,KAAK,IAAI,KAAK,KAAK,EAAE,CAAA;IAC7D,MAAM,mBAAmB,GAAG,UAAU,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,EAAE,CAAA;IAEnE,OAAO,CACL,4FAEkC,UAAU,+BACf,KAAK,IAAI,KAAK,KAAK,EAAE,iBACnC,MAAM;QAEnB,oBAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,KACpB,UAAU,GACd;QACF,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,IAAG,KAAK,CAAS;QAElC,mBAAmB;YAClB,CAAC,kBAAkB,IAAI,KAAK,CAAC,CAAC,CAAC,CAC7B,oBAAC,UAAU,2BACW,OAAO,gBAChB,aAAa,EACxB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,EAC7B,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,EAAE,EAAE,CAAA;oBACX,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA;gBAC5B,CAAC,GACD,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,IACtD,gBAAgB,CACV,CACV,CAAC;QACH,kBAAkB,IAAI,CACrB,2EAAyC,KAAK,CAAQ,CACvD,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React, { useRef } from 'react';
|
|
2
|
-
import { Icon } from '../..';
|
|
3
2
|
function LinkButton({ icon, inverse, children, disabled, iconPosition, size = 'regular', variant = 'primary', testId = 'fs-link-button', ...otherProps }) {
|
|
4
3
|
const linkRef = useRef(null);
|
|
5
4
|
function onFocus(e) {
|
|
@@ -9,9 +8,9 @@ function LinkButton({ icon, inverse, children, disabled, iconPosition, size = 'r
|
|
|
9
8
|
}
|
|
10
9
|
}
|
|
11
10
|
return (React.createElement("a", { ref: linkRef, "data-fs-button": true, "data-fs-link-button": true, "data-fs-button-size": size, "data-fs-button-variant": variant, "data-fs-button-inverse": inverse, "data-fs-button-disabled": disabled, onFocus: onFocus, "data-testid": testId, ...otherProps },
|
|
12
|
-
iconPosition === 'left' &&
|
|
11
|
+
React.isValidElement(icon) && iconPosition === 'left' && icon,
|
|
13
12
|
children,
|
|
14
|
-
iconPosition === 'right' &&
|
|
13
|
+
React.isValidElement(icon) && iconPosition === 'right' && icon));
|
|
15
14
|
}
|
|
16
15
|
export default LinkButton;
|
|
17
16
|
//# sourceMappingURL=LinkButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../src/molecules/LinkButton/LinkButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../src/molecules/LinkButton/LinkButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAOrC,SAAS,UAAU,CAAC,EAClB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,SAAS,EACnB,MAAM,GAAG,gBAAgB,EACzB,GAAG,UAAU,EACG;IAChB,MAAM,OAAO,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAA;IAEtD,SAAS,OAAO,CAAC,CAAa;QAC5B,CAAC,CAAC,cAAc,EAAE,CAAA;QAElB,IAAI,QAAQ,EAAE;YACZ,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,CAAA;SACxB;IACH,CAAC;IAED,OAAO,CACL,2BACE,GAAG,EAAE,OAAO,8EAGS,IAAI,4BACD,OAAO,4BACP,OAAO,6BACN,QAAQ,EACjC,OAAO,EAAE,OAAO,iBACH,MAAM,KACf,UAAU;QAEb,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,YAAY,KAAK,MAAM,IAAI,IAAI;QAC7D,QAAQ;QACR,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,YAAY,KAAK,OAAO,IAAI,IAAI,CAC7D,CACL,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import Icon from '../../atoms/Icon';
|
|
3
3
|
import IconButton from '../IconButton';
|
|
4
4
|
const ModalHeader = ({ onClose, title, closeBtnProps = {}, description, }) => {
|
|
5
5
|
return (React.createElement("header", { "data-fs-modal-header": true },
|
|
6
|
-
onClose && (React.createElement(IconButton, { onClick: () => onClose?.(), "data-fs-modal-header-close-button": true, icon: React.createElement(
|
|
6
|
+
onClose && (React.createElement(IconButton, { onClick: () => onClose?.(), "data-fs-modal-header-close-button": true, icon: React.createElement(Icon, { name: "X" }), "aria-label": "Close modal", ...closeBtnProps })),
|
|
7
7
|
React.createElement("p", { "data-fs-modal-header-title": true }, title),
|
|
8
8
|
description && React.createElement("p", { "data-fs-modal-header-description": true }, description)));
|
|
9
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../src/molecules/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../src/molecules/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,UAA+B,MAAM,eAAe,CAAA;AAqB3D,MAAM,WAAW,GAAG,CAAC,EACnB,OAAO,EACP,KAAK,EACL,aAAa,GAAG,EAAE,EAClB,WAAW,GACM,EAAE,EAAE;IACrB,OAAO,CACL;QACG,OAAO,IAAI,CACV,oBAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,6CAE1B,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,gBACZ,aAAa,KACpB,aAAa,GACjB,CACH;QACD,iEAA+B,KAAK,CAAK;QACxC,WAAW,IAAI,uEAAqC,WAAW,CAAK,CAC9D,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import type { PriceDefinition } from '../../typings/PriceDefinition';
|
|
4
|
-
import {
|
|
4
|
+
import { LinkElementType, LinkProps } from '../../';
|
|
5
5
|
export interface ProductCardContentProps extends HTMLAttributes<HTMLElement> {
|
|
6
6
|
/**
|
|
7
7
|
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { Star, ShoppingCart } from '../../assets';
|
|
2
|
+
import { Badge, Button, DiscountBadge, Icon, Link, Price, Rating } from '../../';
|
|
4
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) {
|
|
5
4
|
return (React.createElement("section", { ref: ref, "data-fs-product-card-content": true, "data-fs-product-card-badge": showDiscountBadge, "data-testid": testId, ...otherProps },
|
|
6
5
|
React.createElement("div", { "data-fs-product-card-heading": true },
|
|
@@ -9,11 +8,11 @@ const ProductCardContent = forwardRef(function CardContent({ testId = 'fs-produc
|
|
|
9
8
|
React.createElement("div", { "data-fs-product-card-prices": true },
|
|
10
9
|
React.createElement(Price, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, testId: "list-price", "data-value": price?.listPrice, variant: "listing", SRText: "Original price:" }),
|
|
11
10
|
React.createElement(Price, { value: price?.value ? price.value : 0, formatter: price?.formatter, testId: "price", "data-value": price?.value, variant: "spot", SRText: "Sale Price:" })),
|
|
12
|
-
ratingValue && React.createElement(Rating, { value: ratingValue, icon: React.createElement(
|
|
11
|
+
ratingValue && React.createElement(Rating, { value: ratingValue, icon: React.createElement(Icon, { name: "Star" }) })),
|
|
13
12
|
showDiscountBadge && !outOfStock && (React.createElement(DiscountBadge, { listPrice: price?.listPrice ? price.listPrice : 0, spotPrice: price?.value ? price.value : 0 })),
|
|
14
13
|
outOfStock && React.createElement(Badge, null, outOfStockLabel),
|
|
15
14
|
onButtonClick && !outOfStock && (React.createElement("div", { "data-fs-product-card-actions": true },
|
|
16
|
-
React.createElement(Button, { variant: "primary", icon: React.createElement(
|
|
15
|
+
React.createElement(Button, { variant: "primary", icon: React.createElement(Icon, { name: "ShoppingCart" }), iconPosition: "left", size: "small", onClick: onButtonClick }, buttonLabel)))));
|
|
17
16
|
});
|
|
18
17
|
export default ProductCardContent;
|
|
19
18
|
//# sourceMappingURL=ProductCardContent.js.map
|
|
@@ -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,
|
|
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,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,EAA8B,KAAK,EAAE,MAAM,EAC7E,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,IAC9B,KAAK,CACD,CACJ;YACL;gBACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,YAAY,gBACP,KAAK,EAAE,SAAS,EAC5B,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;gBACF,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,OAAO,gBACF,KAAK,EAAE,KAAK,EACxB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,aAAa,GACpB,CACE;YACL,WAAW,IAAI,oBAAC,MAAM,IAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GAAI,CACtE;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"}
|
|
@@ -52,5 +52,5 @@ declare const ProductTitle: React.ForwardRefExoticComponent<Omit<React.HTMLAttri
|
|
|
52
52
|
* The current value of the rating, a number from 0 to 5.
|
|
53
53
|
*/
|
|
54
54
|
ratingValue?: number | undefined;
|
|
55
|
-
} & Omit<RatingProps, "
|
|
55
|
+
} & Omit<RatingProps, "value" | "title" | "testId" | "onChange"> & React.RefAttributes<HTMLElement>>;
|
|
56
56
|
export default ProductTitle;
|