formica-ui-lib 1.0.223 → 1.0.224
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/componentProps/molecules/cards/quantitycheckoutcard/QuantityCheckoutCardProps.d.ts +1 -0
- package/dist/componentProps/organisms/account/AccountAccessPanelProps.d.ts +3 -6
- package/dist/componentProps/organisms/cart/cartconfimation/cartsummarysection/CartSummarySectionProps.d.ts +1 -0
- package/dist/componentProps/organisms/cart/sampleordersummarypanel/SampleOrderSummaryPanelProps.d.ts +8 -0
- package/dist/componentProps/organisms/cart/shippingaddressform/ShippingAddressFormProps.d.ts +16 -0
- package/dist/componentProps/shared/UserTypeOptions.d.ts +6 -0
- package/dist/componentProps/templates/cart/bpcs/confirmation/BpcsCartConfirmationTemplateProps.d.ts +10 -0
- package/dist/componentProps/templates/cart/bpcs/samples/BpcsCartSamplesTemplateProps.d.ts +16 -0
- package/dist/componentProps/templates/cart/bpcs/shipping/BpcsCartShippingTemplateProps.d.ts +12 -0
- package/dist/componentProps/templates/cart/ecommerce/confirmation/EcommCartConfirmationTemplateProps.d.ts +10 -0
- package/dist/componentProps/templates/cart/ecommerce/payment/EcommCartPaymentTemplateProps.d.ts +11 -0
- package/dist/componentProps/templates/cart/ecommerce/shipping/EcommCartShippingTemplateProps.d.ts +14 -0
- package/dist/componentProps/templates/cart/ecommerce/summary/EcommCartSummaryTemplateProps.d.ts +7 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +18 -6
- package/dist/index.js +1166 -987
- package/dist/stories/molecules/cards/quantitycheckoutcard/QuantityCheckoutCard.d.ts +1 -1
- package/dist/stories/organisms/cart/sampleordersummarypanel/SampleOrderSummaryPanel.d.ts +4 -0
- package/dist/stories/templates/cart/bpcs/confirmation/BpcsCartConfirmationTemplate.d.ts +4 -0
- package/dist/stories/templates/cart/bpcs/samples/BpcsCartSamplesTemplate.d.ts +4 -0
- package/dist/stories/templates/cart/bpcs/shipping/BpcsCartShippingTemplate.d.ts +4 -0
- package/dist/stories/templates/cart/bpcs/shipping/BpcsCartShippingTemplate.test.d.ts +1 -0
- package/dist/stories/templates/cart/ecommerce/confirmation/EcommCartConfirmationTemplate.d.ts +4 -0
- package/dist/stories/templates/cart/ecommerce/confirmation/EcommCartConfirmationTemplate.test.d.ts +1 -0
- package/dist/stories/templates/cart/ecommerce/payment/EcommCartPaymentTemplate.d.ts +4 -0
- package/dist/stories/templates/cart/ecommerce/payment/EcommCartPaymentTemplate.test.d.ts +1 -0
- package/dist/stories/templates/cart/ecommerce/shipping/EcommCartShippingTemplate.d.ts +4 -0
- package/dist/stories/templates/cart/ecommerce/summary/EcommCartSummaryTemplate.d.ts +4 -0
- package/dist/stories/templates/cart/ecommerce/summary/EcommCartSummaryTemplate.test.d.ts +1 -0
- package/dist/tailwind.css +1 -1
- package/dist/utils/userTypeOptions.d.ts +2 -0
- package/package.json +1 -1
- package/dist/componentProps/templates/cartconfirmationtemplate/CartConfirmationTemplateProps.d.ts +0 -10
- package/dist/componentProps/templates/cartpaymenttemplate/CartPaymentTemplateProps.d.ts +0 -11
- package/dist/componentProps/templates/cartshippingtemplate/CartShippingTemplateProps.d.ts +0 -14
- package/dist/componentProps/templates/cartsummarytemplate/CartSummaryTemplateProps.d.ts +0 -7
- package/dist/stories/templates/cart/confirmation/CartConfirmationTemplate.d.ts +0 -4
- package/dist/stories/templates/cart/payment/CartPaymentTemplate.d.ts +0 -4
- package/dist/stories/templates/cart/shipping/CartShippingTemplate.d.ts +0 -4
- package/dist/stories/templates/cart/summary/CartSummaryTemplate.d.ts +0 -4
- /package/dist/stories/{templates/cart/confirmation/CartConfirmationTemplate.test.d.ts → organisms/cart/sampleordersummarypanel/SampleOrderSummaryPanel.test.d.ts} +0 -0
- /package/dist/stories/templates/cart/{payment/CartPaymentTemplate.test.d.ts → bpcs/confirmation/BpcsCartConfirmationTemplate.test.d.ts} +0 -0
- /package/dist/stories/templates/cart/{summary/CartSummaryTemplate.test.d.ts → bpcs/samples/BpcsCartSamplesTemplate.test.d.ts} +0 -0
- /package/dist/stories/templates/cart/{shipping/CartShippingTemplate.test.d.ts → ecommerce/shipping/EcommCartShippingTemplate.test.d.ts} +0 -0
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { UserTypeOption, UserTypeValue } from "../../shared/UserTypeOptions";
|
|
2
3
|
export type AccountAccessPanelMode = "signIn" | "createAccount";
|
|
3
|
-
export type AccountAccessPanelUserTypeValue =
|
|
4
|
-
export type AccountAccessPanelUserTypeOption =
|
|
5
|
-
label: string;
|
|
6
|
-
value: AccountAccessPanelUserTypeValue;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
};
|
|
4
|
+
export type AccountAccessPanelUserTypeValue = UserTypeValue;
|
|
5
|
+
export type AccountAccessPanelUserTypeOption = UserTypeOption;
|
|
9
6
|
export type AccountAccessPanelErrors = {
|
|
10
7
|
email?: string;
|
|
11
8
|
password?: string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { QuantityCheckoutCardProps } from "../../../../molecules/cards/quantitycheckoutcard/QuantityCheckoutCardProps";
|
|
2
2
|
export interface CartSummarySectionProps {
|
|
3
3
|
sectionTitle?: string;
|
|
4
|
+
showPricing?: boolean;
|
|
4
5
|
columnLabels?: {
|
|
5
6
|
orderDetails?: string;
|
|
6
7
|
quantity?: string;
|
package/dist/componentProps/organisms/cart/sampleordersummarypanel/SampleOrderSummaryPanelProps.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { CartSummaryItem } from "../cartsummary/CartSummaryProps";
|
|
2
|
+
export type SampleOrderSummaryPanelItem = Omit<CartSummaryItem, "price">;
|
|
3
|
+
export interface SampleOrderSummaryPanelProps {
|
|
4
|
+
title?: string;
|
|
5
|
+
items: SampleOrderSummaryPanelItem[];
|
|
6
|
+
sampleCountLabel?: string;
|
|
7
|
+
note?: string;
|
|
8
|
+
}
|
package/dist/componentProps/organisms/cart/shippingaddressform/ShippingAddressFormProps.d.ts
CHANGED
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { DropdownOption } from "../../../atoms/dropdown/DropdownProps";
|
|
3
|
+
import type { UserTypeOption, UserTypeValue } from "../../../shared/UserTypeOptions";
|
|
4
|
+
export type ShippingAddressRegionVariant = "default" | "ca" | "mx";
|
|
5
|
+
export type ShippingCountryDisplayMode = "select" | "readonly";
|
|
3
6
|
export interface ShippingAddressFormErrors {
|
|
4
7
|
firstName?: string;
|
|
5
8
|
lastName?: string;
|
|
6
9
|
email?: string;
|
|
7
10
|
phoneNumber?: string;
|
|
8
11
|
companyName?: string;
|
|
12
|
+
userType?: string;
|
|
9
13
|
address?: string;
|
|
10
14
|
apartment?: string;
|
|
11
15
|
postalCode?: string;
|
|
@@ -21,20 +25,31 @@ export interface ShippingAddressFormProps {
|
|
|
21
25
|
email?: string;
|
|
22
26
|
phoneNumber?: string;
|
|
23
27
|
companyName?: string;
|
|
28
|
+
userType?: UserTypeValue | "";
|
|
24
29
|
address?: string;
|
|
25
30
|
apartment?: string;
|
|
26
31
|
postalCode?: string;
|
|
27
32
|
city?: string;
|
|
28
33
|
country?: string;
|
|
34
|
+
countryLabel?: string;
|
|
29
35
|
stateProvince?: string;
|
|
36
|
+
addressRegionVariant?: ShippingAddressRegionVariant;
|
|
37
|
+
countryDisplayMode?: ShippingCountryDisplayMode;
|
|
30
38
|
countryOptions?: DropdownOption[];
|
|
31
39
|
stateProvinceOptions?: DropdownOption[];
|
|
40
|
+
userTypeOptions?: UserTypeOption[];
|
|
41
|
+
userTypePlaceholder?: string;
|
|
42
|
+
cityPlaceholder?: string;
|
|
43
|
+
postalCodePlaceholder?: string;
|
|
44
|
+
stateProvincePlaceholder?: string;
|
|
45
|
+
showCompanyName?: boolean;
|
|
32
46
|
errors?: ShippingAddressFormErrors;
|
|
33
47
|
onFirstNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
34
48
|
onLastNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
35
49
|
onEmailChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
36
50
|
onPhoneNumberChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
37
51
|
onCompanyNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
52
|
+
onUserTypeChange?: (value: UserTypeValue) => void;
|
|
38
53
|
onAddressChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
39
54
|
onApartmentChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
40
55
|
onPostalCodeChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -46,6 +61,7 @@ export interface ShippingAddressFormProps {
|
|
|
46
61
|
onEmailBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
47
62
|
onPhoneNumberBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
48
63
|
onCompanyNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
64
|
+
onUserTypeBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
|
|
49
65
|
onAddressBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
50
66
|
onApartmentBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
51
67
|
onPostalCodeBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export type UserTypeValue = "architectDesigner" | "builderConstruction" | "dealerRetailer" | "distributor" | "fabricator" | "generalContractor" | "homeowner" | "mediaPress" | "other" | "postformer";
|
|
2
|
+
export type UserTypeOption = {
|
|
3
|
+
label: string;
|
|
4
|
+
value: UserTypeValue;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
};
|
package/dist/componentProps/templates/cart/bpcs/confirmation/BpcsCartConfirmationTemplateProps.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { CartConfirmedHeroProps } from "../../../../organisms/cart/cartconfimation/cartconfirmationhero/CartConfirmedHeroProps";
|
|
2
|
+
import type { CartOrderSummaryProps } from "../../../../organisms/cart/cartconfimation/cartordersummary/CartOrderSummaryProps";
|
|
3
|
+
import type { CartReceiptSectionProps } from "../../../../organisms/cart/cartconfimation/cartreceiptsection/CartReceiptSectionProps";
|
|
4
|
+
import type { CartSummarySectionProps } from "../../../../organisms/cart/cartconfimation/cartsummarysection/CartSummarySectionProps";
|
|
5
|
+
export interface BpcsCartConfirmationTemplateProps {
|
|
6
|
+
cartConfirmedHeroProps: CartConfirmedHeroProps;
|
|
7
|
+
cartReceiptSectionProps: CartReceiptSectionProps;
|
|
8
|
+
cartSummarySectionProps: CartSummarySectionProps;
|
|
9
|
+
cartOrderSummaryProps: CartOrderSummaryProps;
|
|
10
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { CheckoutProgressIndicatorProps } from "../../../../molecules/selectors/progressindicator/CheckoutProgressIndicatorProps";
|
|
2
|
+
import type { CartSummaryItem } from "../../../../organisms/cart/cartsummary/CartSummaryProps";
|
|
3
|
+
import type { SampleOrderSummaryPanelProps } from "../../../../organisms/cart/sampleordersummarypanel/SampleOrderSummaryPanelProps";
|
|
4
|
+
export type BpcsCartSampleItem = Omit<CartSummaryItem, "price">;
|
|
5
|
+
export interface BpcsCartSamplesTemplateProps {
|
|
6
|
+
title?: string;
|
|
7
|
+
items: BpcsCartSampleItem[];
|
|
8
|
+
checkoutProgressIndicatorProps: CheckoutProgressIndicatorProps;
|
|
9
|
+
sampleOrderSummaryPanelProps: SampleOrderSummaryPanelProps;
|
|
10
|
+
proceedToShippingLabel?: string;
|
|
11
|
+
browseMoreSamplesLabel?: string;
|
|
12
|
+
onQuantityChange?: (itemId: string, quantity: number) => void;
|
|
13
|
+
onRemoveItem?: (itemId: string) => void;
|
|
14
|
+
onProceedToShipping?: () => void;
|
|
15
|
+
onBrowseMoreSamples?: () => void;
|
|
16
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { CheckoutProgressIndicatorProps } from "../../../../molecules/selectors/progressindicator/CheckoutProgressIndicatorProps";
|
|
2
|
+
import type { ShippingAddressFormProps } from "../../../../organisms/cart/shippingaddressform/ShippingAddressFormProps";
|
|
3
|
+
import type { RadioOptionSelectorProps } from "../../../../organisms/selectors/radiooptionselector/RadioOptionSelectorProps";
|
|
4
|
+
import type { SampleOrderSummaryPanelProps } from "../../../../organisms/cart/sampleordersummarypanel/SampleOrderSummaryPanelProps";
|
|
5
|
+
export interface BpcsCartShippingTemplateProps {
|
|
6
|
+
shippingAddressFormProps: ShippingAddressFormProps;
|
|
7
|
+
shippingOptionSelectorProps: RadioOptionSelectorProps;
|
|
8
|
+
checkoutProgressIndicatorProps: CheckoutProgressIndicatorProps;
|
|
9
|
+
sampleOrderSummaryPanelProps: SampleOrderSummaryPanelProps;
|
|
10
|
+
submitLabel?: string;
|
|
11
|
+
onSubmitSampleOrder?: () => void;
|
|
12
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CartConfirmedHeroProps } from "../../../../organisms/cart/cartconfimation/cartconfirmationhero/CartConfirmedHeroProps";
|
|
2
|
+
import { CartReceiptSectionProps } from "../../../../organisms/cart/cartconfimation/cartreceiptsection/CartReceiptSectionProps";
|
|
3
|
+
import { CartSummarySectionProps } from "../../../../organisms/cart/cartconfimation/cartsummarysection/CartSummarySectionProps";
|
|
4
|
+
import { CartOrderSummaryProps } from "../../../../organisms/cart/cartconfimation/cartordersummary/CartOrderSummaryProps";
|
|
5
|
+
export interface EcommCartConfirmationTemplateProps {
|
|
6
|
+
cartConfirmedHeroProps: CartConfirmedHeroProps;
|
|
7
|
+
cartReceiptSectionProps: CartReceiptSectionProps;
|
|
8
|
+
cartSummarySectionProps: CartSummarySectionProps;
|
|
9
|
+
cartOrderSummaryProps: CartOrderSummaryProps;
|
|
10
|
+
}
|
package/dist/componentProps/templates/cart/ecommerce/payment/EcommCartPaymentTemplateProps.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { CheckoutProgressIndicatorProps } from "../../../../molecules/selectors/progressindicator/CheckoutProgressIndicatorProps";
|
|
2
|
+
import type { CartTotalsPanelProps } from "../../../../organisms/cart/carttotalspanel/CartTotalsPanelProps";
|
|
3
|
+
import { CartPaymentPanelProps } from "../../../../organisms/cart/cartpaymentpanel/CartPaymentPanelProps";
|
|
4
|
+
import type { RadioOptionSelectorProps } from "../../../../organisms/selectors/radiooptionselector/RadioOptionSelectorProps";
|
|
5
|
+
export interface EcommCartPaymentTemplateProps {
|
|
6
|
+
shippingMethodSelectorProps: RadioOptionSelectorProps;
|
|
7
|
+
cartPaymentPanelProps: CartPaymentPanelProps;
|
|
8
|
+
checkoutProgressIndicatorProps: CheckoutProgressIndicatorProps;
|
|
9
|
+
cartTotalsPanelProps: CartTotalsPanelProps;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
package/dist/componentProps/templates/cart/ecommerce/shipping/EcommCartShippingTemplateProps.d.ts
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ShippingAddressFormProps } from "../../../../organisms/cart/shippingaddressform/ShippingAddressFormProps";
|
|
2
|
+
import type { CheckoutProgressIndicatorProps } from "../../../../molecules/selectors/progressindicator/CheckoutProgressIndicatorProps";
|
|
3
|
+
import type { CartTotalsPanelProps } from "../../../../organisms/cart/carttotalspanel/CartTotalsPanelProps";
|
|
4
|
+
import type { CheckboxChangePayload } from "../../../../atoms/checkbox/CheckboxProps";
|
|
5
|
+
export interface EcommCartShippingTemplateProps {
|
|
6
|
+
shippingAddressFormProps: ShippingAddressFormProps;
|
|
7
|
+
billingAddressFormProps?: ShippingAddressFormProps;
|
|
8
|
+
checkoutProgressIndicatorProps: CheckoutProgressIndicatorProps;
|
|
9
|
+
cartTotalsPanelProps: CartTotalsPanelProps;
|
|
10
|
+
billingSectionTitle?: string;
|
|
11
|
+
sameAsShipping?: boolean;
|
|
12
|
+
sameAsShippingLabel?: string;
|
|
13
|
+
onSameAsShippingChange?: (payload: CheckboxChangePayload) => void;
|
|
14
|
+
}
|
package/dist/componentProps/templates/cart/ecommerce/summary/EcommCartSummaryTemplateProps.d.ts
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { CheckoutAccountStepProps } from "../../../../organisms/cart/checkoutsteppanel/CheckoutAccountStepProps";
|
|
2
|
+
import { OrderSummarySectionLeftPanelProps } from "../../../../organisms/cart/ordersummarysection/OrderSummarySectionLeftPanelProps";
|
|
3
|
+
export interface EcommCartSummaryTemplateProps {
|
|
4
|
+
cartSummaryProps: OrderSummarySectionLeftPanelProps;
|
|
5
|
+
checkoutAccountStepProps: CheckoutAccountStepProps;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|