formica-ui-lib 1.0.247 → 1.0.249

package/dist/componentProps/atoms/input/TextareaProps.d.ts

@@ -0,0 +1,16 @@
+import type React from "react";
+export interface TextareaProps {
+    id?: string;
+    name?: string;
+    value?: string;
+    placeholder?: string;
+    ariaLabel?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    hasError?: boolean;
+    rows?: number;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+}

package/dist/componentProps/atoms/input/inputProps.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 export interface InputProps {
     id?: string;
     name?: string;
-    type?: "text" | "email" | "password" | "tel" | "number" | "search";
+    type?: "text" | "email" | "password" | "tel" | "number" | "search" | "date";
     value?: string;
     placeholder?: string;
     ariaLabel?: string;

package/dist/componentProps/molecules/cards/localizationstatuscard/LocalizationStatusCardProps.d.ts

@@ -0,0 +1,16 @@
+export type LocalizationStatus = "complete" | "partial" | "missing" | "notRequired";
+export interface LocalizationStatusCardClickPayload {
+    id: string;
+    title: string;
+    status: LocalizationStatus;
+    statusLabel: string;
+}
+export interface LocalizationStatusCardProps {
+    id: string;
+    title: string;
+    description?: string;
+    status: LocalizationStatus;
+    statusLabel: string;
+    selected?: boolean;
+    onCardClick?: (payload: LocalizationStatusCardClickPayload) => void;
+}

package/dist/componentProps/organisms/collections/localizationmarketcollection/LocalizationMarketCollectionProps.d.ts

@@ -0,0 +1,21 @@
+import type { LocalizationStatus, LocalizationStatusCardClickPayload } from "../../../molecules/cards/localizationstatuscard/LocalizationStatusCardProps";
+export interface LocalizationLanguageItem {
+    id: string;
+    label: string;
+    description?: string;
+    status: LocalizationStatus;
+    statusLabel: string;
+}
+export interface LocalizationMarketItem extends LocalizationLanguageItem {
+    languages?: LocalizationLanguageItem[];
+}
+export interface LocalizationMarketCollectionProps {
+    title?: string;
+    markets: LocalizationMarketItem[];
+    selectedLocalizationId?: string;
+    saveAndNextLabel?: string;
+    saveAndNextHelpText?: string;
+    saveAndNextDisabled?: boolean;
+    onLocalizationSelect?: (payload: LocalizationStatusCardClickPayload) => void;
+    onSaveAndNext?: () => void;
+}

package/dist/componentProps/organisms/forms/dynamicform/DynamicFormProps.d.ts

@@ -1,13 +1,17 @@
-export type DynamicFormFieldType = "text" | "number" | "currency" | "radio" | "select";
+export type DynamicFormFieldType = "text" | "number" | "currency" | "radio" | "select" | "multiSelectTiles" | "textarea" | "date" | "information";
 export type DynamicFormFieldSeverity = "blocking" | "recommended" | "optional";
 export type DynamicFormFieldState = "neutral" | "valid" | "warning" | "error";
-export type DynamicFormFieldValue = string | number | null;
+export type DynamicFormFieldValue = string | number | string[] | null;
 export type DynamicFormDensity = "compact" | "comfortable";
 export type DynamicFormSeverityDisplay = "icon" | "label" | "none";
+export type DynamicFormFieldLayoutWidth = "full" | "half";
+export type DynamicFormInformationLayout = "singleLine" | "multiline";
 export interface DynamicFormFieldOption {
     label: string;
     value: string;
     disabled?: boolean;
+    color?: string;
+    checkIconColor?: IconColor;
 }
 export interface DynamicFormFieldConfig {
     id: string;
@@ -23,6 +27,10 @@ export interface DynamicFormFieldConfig {
     message?: string;
     helpText?: string;
     readOnly?: boolean;
+    rows?: number;
+    layoutWidth?: DynamicFormFieldLayoutWidth;
+    informationLayout?: DynamicFormInformationLayout;
+    selectionLimit?: number;
 }
 export interface DynamicFormFieldGroup {
     id: string;
@@ -46,7 +54,12 @@ export interface DynamicFormProps {
     severityDisplay?: DynamicFormSeverityDisplay;
     submitLabel?: string;
     cancelLabel?: string;
+    submitDisabled?: boolean;
+    showActions?: boolean;
+    validationSummary?: React.ReactNode;
     onDynamicFormFieldChange?: (payload: DynamicFormFieldChangePayload) => void;
     onDynamicFormSubmit?: (payload: DynamicFormSubmitPayload) => void;
     onDynamicFormCancel?: () => void;
 }
+import type React from "react";
+import type { IconColor } from "../../../atoms/icon/IconProps";

package/dist/componentProps/organisms/sections/commercesyncpanel/CommerceSyncPanelProps.d.ts

@@ -0,0 +1,33 @@
+export type CommerceSyncStatus = "synced" | "actionRequired" | "checking" | "error" | "notApplicable";
+export type CommerceSyncFieldStatus = "match" | "mismatch" | "neutral";
+export interface CommerceSyncField {
+    id: string;
+    label: string;
+    value: string;
+    detail?: string;
+    status?: CommerceSyncFieldStatus;
+}
+export interface CommerceSyncStage {
+    title: string;
+    description?: string;
+    status: CommerceSyncStatus;
+    statusLabel: string;
+    fields: CommerceSyncField[];
+    actionLabel?: string;
+    actionDisabled?: boolean;
+    actionHelpText?: string;
+}
+export interface CommerceSyncPanelProps {
+    title?: string;
+    summary: string;
+    detail?: string;
+    overallStatus: CommerceSyncStatus;
+    overallStatusLabel: string;
+    lxStage: CommerceSyncStage;
+    salsifyStage: CommerceSyncStage;
+    bigCommerceStage: CommerceSyncStage;
+    refreshLabel?: string;
+    onLxSyncClick?: () => void;
+    onBigCommerceSyncClick?: () => void;
+    onRefreshClick?: () => void;
+}

package/dist/componentProps/templates/admin/dataissues/AdminDataIssuesTemplateProps.d.ts

@@ -0,0 +1,101 @@
+import type { AdminSideNavProps } from "../../../organisms/navigation/AdminSideNavProps";
+import type { DataHealthSummaryCardProps } from "../../../molecules/cards/datahealthsummarycard/DataHealthSummaryCardProps";
+import type { DataIssueActionCardActionPayload, DataIssueActionCardProps } from "../../../molecules/cards/dataissueactioncard/DataIssueActionCardProps";
+import type { DataIssueMetricCardProps } from "../../../molecules/cards/dataissuemetriccard/DataIssueMetricCardProps";
+import type { IssueTypeBreakdownCardProps } from "../../../molecules/cards/issuetypebreakdowncard/IssueTypeBreakdownCardProps";
+import type { RecommendedNextStepCardProps } from "../../../molecules/cards/recommendednextstepcard/RecommendedNextStepCardProps";
+export type AdminDataIssuesDataSourceType = "salsify-export" | "salsify-api";
+export interface AdminDataIssuesDataSource {
+    id: string;
+    source: AdminDataIssuesReportSource;
+    recordCount: number;
+    createdAt: string;
+    updatedAt: string;
+    latestReport?: AdminDataIssuesLatestReport;
+}
+export interface AdminDataIssuesReportSource {
+    sourceType: AdminDataIssuesDataSourceType;
+    label: string;
+    locale: string;
+    rangeCode?: string;
+}
+export interface AdminDataIssuesReportSummary {
+    automationCoverage?: number;
+    duplicateGroups: number;
+    duplicateRecords: number;
+    goodSkuRows: number;
+    healthScore: number;
+    missingHierarchyRecords: number;
+    problemSkuRows: number;
+    requiredDataGapRecords: number;
+    safelyResolvableGroups?: number;
+}
+export type AdminDataIssuesIssueSeverity = "success" | "warning" | "error" | "review" | "neutral";
+export interface AdminDataIssuesIssueType {
+    id: string;
+    label: string;
+    description?: string;
+    groups: number;
+    records: number;
+    severity: AdminDataIssuesIssueSeverity;
+    stepNumber?: number;
+}
+export interface AdminDataIssuesReportSection {
+    id: string;
+    title: string;
+    groupCount: number;
+    recordCount?: number;
+    description: string;
+    severity: AdminDataIssuesIssueSeverity;
+    stepNumber?: number;
+    recommendedActionTitle?: string;
+    recommendedAction: string[];
+    confidenceLabel?: string;
+    estimatedRuntimeLabel?: string;
+}
+export interface AdminDataIssuesWhatToDoNext {
+    actionLabel: string;
+    groups: number;
+    issueType: string;
+    label: string;
+    message: string;
+    records: number;
+    severity: AdminDataIssuesIssueSeverity;
+    stepNumber: number;
+    steps: string[];
+    title: string;
+}
+export interface AdminDataIssuesLatestReport {
+    generatedAt: string;
+    recordsScanned: number;
+    skuRowsScanned: number;
+    summary: AdminDataIssuesReportSummary;
+    issueTypes: AdminDataIssuesIssueType[];
+    sections: AdminDataIssuesReportSection[];
+    source: AdminDataIssuesReportSource;
+    whatToDoNext?: AdminDataIssuesWhatToDoNext;
+}
+export interface AdminDataIssuesResponse {
+    ok: boolean;
+    exists?: boolean;
+    report?: AdminDataIssuesLatestReport;
+    dataSource?: AdminDataIssuesDataSource | null;
+}
+export interface AdminDataIssuesTemplateProps {
+    pageTitle: string;
+    pageDescription?: string;
+    lastScanLabel?: string;
+    updateCacheLabel?: string;
+    deleteAndRebuildLabel?: string;
+    sideNavProps: AdminSideNavProps;
+    dataIssuesResponse?: AdminDataIssuesResponse | null;
+    dataHealthSummaryCardProps?: DataHealthSummaryCardProps;
+    metricCardProps?: DataIssueMetricCardProps[];
+    issueTypeBreakdownCardProps?: IssueTypeBreakdownCardProps;
+    recommendedNextStepCardProps?: RecommendedNextStepCardProps;
+    issueActionCardProps?: DataIssueActionCardProps[];
+    onUpdateCacheClick?: () => void;
+    onDeleteAndRebuildClick?: () => void;
+    onIssuePrimaryActionClick?: (payload: DataIssueActionCardActionPayload) => void;
+    onIssueSecondaryActionClick?: (payload: DataIssueActionCardActionPayload) => void;
+}

package/dist/componentProps/templates/admin/dataissuessource/AdminDataIssuesSourceTemplateProps.d.ts

@@ -0,0 +1,50 @@
+import type { AdminSideNavProps } from "../../../organisms/navigation/AdminSideNavProps";
+import type { DropdownOption } from "../../../atoms/dropdown/DropdownProps";
+import type { AdminDataIssuesDataSourceType } from "../dataissues/AdminDataIssuesTemplateProps";
+export interface AdminDataIssuesDataSourceSummary {
+    id: string;
+    source: {
+        sourceType: AdminDataIssuesDataSourceType;
+        label: string;
+        locale: string;
+    };
+    recordCount: number;
+    createdAt: string;
+    updatedAt: string;
+    latestReport?: {
+        label?: string;
+        createdAt?: string;
+    };
+}
+export interface AdminDataIssuesFileSelectPayload {
+    files: File[];
+}
+export interface AdminDataIssuesRangeChangePayload {
+    value: string;
+}
+export interface AdminDataIssuesSourceTemplateProps {
+    pageTitle: string;
+    pageDescription?: string;
+    sideNavProps: AdminSideNavProps;
+    dataSource?: AdminDataIssuesDataSourceSummary | null;
+    existingDataTitle?: string;
+    existingDataEmptyTitle?: string;
+    existingDataEmptyDescription?: string;
+    useExistingDataLabel?: string;
+    uploadTitle?: string;
+    uploadDescription?: string;
+    uploadDropLabel?: string;
+    uploadBrowseLabel?: string;
+    uploadHelpText?: string;
+    directDownloadTitle?: string;
+    directDownloadDescription?: string;
+    rangeLabel?: string;
+    rangePlaceholder?: string;
+    rangeOptions: DropdownOption[];
+    selectedRangeValue?: string;
+    directDownloadLabel?: string;
+    onUseExistingDataClick?: () => void;
+    onReportFileSelect?: (payload: AdminDataIssuesFileSelectPayload) => void;
+    onRangeChange?: (payload: AdminDataIssuesRangeChangePayload) => void;
+    onDirectDownloadClick?: () => void;
+}

package/dist/componentProps/templates/admin/datareport/AdminDataReportTemplateProps.d.ts

@@ -0,0 +1,10 @@
+import type { AdminSideNavProps } from "../../../organisms/navigation/AdminSideNavProps";
+import type { DataReportCollectionProps } from "../../../organisms/collections/datareportcollection/DataReportCollectionProps";
+export interface AdminDataReportTemplateProps {
+    pageTitle: string;
+    pageDescription?: string;
+    backLabel?: string;
+    sideNavProps: AdminSideNavProps;
+    report: DataReportCollectionProps;
+    onBackClick?: () => void;
+}

package/dist/componentProps/templates/admin/issuegroupreview/AdminIssueGroupReviewTemplateProps.d.ts

@@ -0,0 +1,47 @@
+import type { AdminSideNavProps } from "../../../organisms/navigation/AdminSideNavProps";
+import type { IssueRecordCandidateSelectPayload } from "../../../molecules/cards/issuerecordcandidatecard/IssueRecordCandidateCardProps";
+import type { IssueGroupResolvePayload } from "../../../molecules/cards/issuegroupreviewcard/IssueGroupReviewCardProps";
+export interface AdminIssueGroupReviewRecord {
+    hierarchyLevel?: string;
+    itemPartNumber?: string;
+    itemSku?: string;
+    productName?: string;
+    salsifyId?: string;
+    score?: number;
+}
+export interface AdminIssueGroupReviewGroup {
+    conflictFields: string[];
+    groupId: string;
+    issueType: string;
+    matchReasons: string[];
+    reason: string;
+    records: AdminIssueGroupReviewRecord[];
+}
+export interface AdminIssueGroupReviewResponse {
+    groups: AdminIssueGroupReviewGroup[];
+    hasMore: boolean;
+    issueType: string;
+    limit: number;
+    offset: number;
+    ok: boolean;
+    totalGroups: number;
+}
+export interface AdminIssueGroupReviewTemplateProps {
+    pageTitle: string;
+    pageDescription?: string;
+    issueTypeLabel?: string;
+    backLabel?: string;
+    previousLabel?: string;
+    nextLabel?: string;
+    resolveLabel?: string;
+    selectLabel?: string;
+    selectedLabel?: string;
+    sideNavProps: AdminSideNavProps;
+    issueGroupResponse: AdminIssueGroupReviewResponse;
+    selectedRecordIds?: Record<string, string>;
+    onBackClick?: () => void;
+    onPreviousPageClick?: () => void;
+    onNextPageClick?: () => void;
+    onRecordSelect?: (payload: IssueRecordCandidateSelectPayload) => void;
+    onResolveGroupClick?: (payload: IssueGroupResolvePayload) => void;
+}

package/dist/componentProps/templates/admin/productlocalization/ProductLocalizationTemplateProps.d.ts

@@ -0,0 +1,96 @@
+import type { DynamicFormFieldConfig, DynamicFormFieldValue } from "../../../organisms/forms/dynamicform/DynamicFormProps";
+import type { LocalizationMarketItem } from "../../../organisms/collections/localizationmarketcollection/LocalizationMarketCollectionProps";
+import type { LocalizationStatusCardClickPayload } from "../../../molecules/cards/localizationstatuscard/LocalizationStatusCardProps";
+import type { CommerceSyncPanelProps } from "../../../organisms/sections/commercesyncpanel/CommerceSyncPanelProps";
+export type ProductLocalizationTabId = string;
+export interface ProductLocalizationProduct {
+    name: string;
+    sku: string;
+    partNumber: string;
+    imageUrl: string;
+    imageAlt: string;
+    statusLabel: string;
+    completedLocalizationCount: number;
+    requiredLocalizationCount: number;
+    requiredMarketsLabel: string;
+    hierarchy?: ProductLocalizationHierarchy;
+}
+export interface ProductLocalizationHierarchy {
+    parentId: string;
+    levelLabel: string;
+    status: "valid" | "missing";
+    statusLabel: string;
+}
+export interface ProductLocalizationActiveRecord {
+    id: string;
+    heading: string;
+    completionStatus: "complete" | "incomplete";
+    completionStatusLabel: string;
+    saveStatus: "saved" | "unsaved";
+    saveStatusLabel: string;
+    lastSavedLabel: string;
+    missingRequiredFieldLabels: string[];
+}
+interface ProductLocalizationTabBase {
+    id: ProductLocalizationTabId;
+    label: string;
+    heading?: string;
+    description?: string;
+}
+export interface ProductLocalizationFormTab extends ProductLocalizationTabBase {
+    type: "form";
+    fields: DynamicFormFieldConfig[];
+}
+export interface ProductLocalizationInformationTab extends ProductLocalizationTabBase {
+    type: "information";
+    fields: DynamicFormFieldConfig[];
+}
+export interface ProductLocalizationCommerceSyncTab extends ProductLocalizationTabBase {
+    type: "commerceSync";
+    panel: Omit<CommerceSyncPanelProps, "onLxSyncClick" | "onBigCommerceSyncClick" | "onRefreshClick">;
+}
+export type ProductLocalizationTab = ProductLocalizationFormTab | ProductLocalizationInformationTab | ProductLocalizationCommerceSyncTab;
+export interface ProductLocalizationSaveControls {
+    cancelLabel: string;
+    saveLabel: string;
+    saveDisabled: boolean;
+    saveAndNextLabel: string;
+    saveAndNextHelpText?: string;
+    saveAndNextDisabled: boolean;
+}
+export interface ProductLocalizationTemplateData {
+    pageTitle: string;
+    pageDescription?: string;
+    product: ProductLocalizationProduct;
+    localization: ProductLocalizationActiveRecord;
+    markets: LocalizationMarketItem[];
+    tabs: ProductLocalizationTab[];
+    activeTabId: ProductLocalizationTabId;
+    saveControls: ProductLocalizationSaveControls;
+}
+export interface ProductLocalizationFieldChangePayload {
+    localizationId: string;
+    tabId: ProductLocalizationTabId;
+    fieldId: string;
+    value: DynamicFormFieldValue;
+}
+export interface ProductLocalizationTabSelectPayload {
+    tabId: ProductLocalizationTabId;
+    label: string;
+}
+export interface ProductLocalizationActionPayload {
+    localizationId: string;
+}
+export interface ProductLocalizationTemplateProps {
+    data: ProductLocalizationTemplateData;
+    onLocalizationSelect?: (payload: LocalizationStatusCardClickPayload) => void;
+    onTabSelect?: (payload: ProductLocalizationTabSelectPayload) => void;
+    onFieldChange?: (payload: ProductLocalizationFieldChangePayload) => void;
+    onSave?: (payload: ProductLocalizationActionPayload) => void;
+    onCancel?: (payload: ProductLocalizationActionPayload) => void;
+    onSaveAndNext?: (payload: ProductLocalizationActionPayload) => void;
+    onLxSyncClick?: () => void;
+    onBigCommerceSyncClick?: () => void;
+    onCommerceRefreshClick?: () => void;
+}
+export {};

package/dist/componentProps/templates/admin/skudashboard/AdminSkuDashboardTemplateProps.d.ts

@@ -0,0 +1,25 @@
+import type { AdminSideNavProps } from "../../../organisms/navigation/AdminSideNavProps";
+import type { DynamicFormProps } from "../../../organisms/forms/dynamicform/DynamicFormProps";
+import type { MessageListCardProps } from "../../../molecules/cards/messagelistcard/MessageListCardProps";
+import type { SearchComboboxOption, SearchComboboxSelectPayload } from "../../../molecules/searchcombobox/SearchComboboxProps";
+import type { StatusFlowPanelProps } from "../../../organisms/sections/statusflowpanel/StatusFlowPanelProps";
+export interface AdminSkuDashboardSearchPayload {
+    value: string;
+}
+export interface AdminSkuDashboardTemplateProps {
+    pageTitle: string;
+    searchPlaceholder?: string;
+    searchValue?: string;
+    searchOptions?: SearchComboboxOption[];
+    checkButtonLabel?: string;
+    sideNavProps: AdminSideNavProps;
+    statusFlowPanelProps: Omit<StatusFlowPanelProps, "diagram" | "legend" | "actions">;
+    messageListCardProps: MessageListCardProps;
+    productDataFormProps: DynamicFormProps;
+    productDataModalTitle?: string;
+    productDataModalDescription?: string;
+    onSearchChange?: (payload: AdminSkuDashboardSearchPayload) => void;
+    onSearchClear?: (payload: AdminSkuDashboardSearchPayload) => void;
+    onSearchOptionSelect?: (payload: SearchComboboxSelectPayload) => void;
+    onCheckClick?: (payload: AdminSkuDashboardSearchPayload) => void;
+}