formica-ui-lib 1.0.246 → 1.0.248

package/dist/componentProps/atoms/buttons/iconbutton/IconButtonProps.d.ts

@@ -0,0 +1,2 @@
+import type { ButtonProps } from "../button/ButtonProps";
+export type IconButtonProps = Omit<ButtonProps, "variant" | "label" | "children">;

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/molecules/searchcombobox/SearchComboboxProps.d.ts

@@ -0,0 +1,36 @@
+export interface SearchComboboxOption {
+    id: string;
+    label: string;
+    value: string;
+    description?: string;
+}
+export interface SearchComboboxQueryChangePayload {
+    value: string;
+}
+export interface SearchComboboxSelectPayload {
+    option: SearchComboboxOption;
+    query: string;
+}
+export interface SearchComboboxSubmitPayload {
+    value: string;
+}
+export interface SearchComboboxClearPayload {
+    value: string;
+}
+export interface SearchComboboxProps {
+    id?: string;
+    name?: string;
+    ariaLabel?: string;
+    placeholder?: string;
+    value?: string;
+    options: SearchComboboxOption[];
+    emptyMessage?: string;
+    minQueryLength?: number;
+    disabled?: boolean;
+    readOnly?: boolean;
+    clearLabel?: string;
+    onQueryChange?: (payload: SearchComboboxQueryChangePayload) => void;
+    onOptionSelect?: (payload: SearchComboboxSelectPayload) => void;
+    onSearchSubmit?: (payload: SearchComboboxSubmitPayload) => void;
+    onClear?: (payload: SearchComboboxClearPayload) => void;
+}

package/dist/componentProps/organisms/collections/datareportcollection/DataReportCollectionProps.d.ts

@@ -0,0 +1,30 @@
+export type DataReportCellValue = string | number | null | undefined;
+export type DataReportColumnAlignment = "left" | "center" | "right";
+export type DataReportColumnWidth = "xs" | "sm" | "md" | "lg" | "xl";
+export interface DataReportColumn {
+    id: string;
+    label: string;
+    alignment?: DataReportColumnAlignment;
+    editable?: boolean;
+    width?: DataReportColumnWidth;
+    maxLength?: number;
+}
+export interface DataReportRow {
+    id: string;
+    values: Record<string, DataReportCellValue>;
+}
+export interface DataReportRowUpdatePayload {
+    row: DataReportRow;
+    originalRow: DataReportRow;
+}
+export interface DataReportCollectionProps {
+    title: string;
+    description?: string;
+    columns: DataReportColumn[];
+    rows: DataReportRow[];
+    rowCountLabel?: string;
+    updateLabel?: string;
+    emptyMessage?: string;
+    ariaLabel?: string;
+    onRowUpdate?: (payload: DataReportRowUpdatePayload) => 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;
+}