@scbt-ecom/ui 0.66.0 → 0.67.0

package/dist/widgets/calculator/Calculator.d.ts

@@ -0,0 +1,7 @@
+import { FieldValues } from 'react-hook-form';
+import { CalculatorInfoProps, RootCalculatorProps } from './ui';
+export interface CalculatorProps<T extends FieldValues = FieldValues> {
+    calculatedInfoConfig: CalculatorInfoProps;
+    rootCalculatorConfig: RootCalculatorProps<T>;
+}
+export declare const Calculator: <T extends FieldValues>({ calculatedInfoConfig, rootCalculatorConfig }: CalculatorProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/calculator/CalculatorRoot.d.ts

@@ -0,0 +1,8 @@
+import { CalculatorProps } from './Calculator';
+import { CalculatorTab } from './ui';
+export interface CalculatorRootProps {
+    headline: string;
+    calculators: CalculatorProps[];
+    calculatorTabs?: CalculatorTab[];
+}
+export declare const CalculatorRoot: ({ calculators, calculatorTabs, headline }: CalculatorRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/calculator/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Calculator';
+export * from './CalculatorRoot';

package/dist/widgets/calculator/model/helpers.d.ts

@@ -0,0 +1,4 @@
+import { InfoListItemDto, InfoListItemProps } from '../ui';
+import { CalculatorVariables } from './types';
+export declare const evaluateFormula: (formula: string, variables: CalculatorVariables) => string;
+export declare const formatInfoList: (list: InfoListItemDto[], variables: CalculatorVariables) => InfoListItemProps[];

package/dist/widgets/calculator/model/index.d.ts

@@ -0,0 +1,3 @@
+export type * from './types';
+export * from './helpers';
+export * from './utils';

package/dist/widgets/calculator/model/types.d.ts

@@ -0,0 +1,9 @@
+import { getCalculatorSchema } from './utils';
+export type CalculatorVariables = Record<string, any>;
+export type CalculatorSuffix = 'percent' | 'currency';
+export type ValueWithFormula = {
+    formula: string;
+};
+export type CalculatorValue = ValueWithFormula | string;
+export type ModalContentVariant = 'content1' | 'content2';
+export type CalculatorSchema = ReturnType<typeof getCalculatorSchema>;

package/dist/widgets/calculator/model/utils.d.ts

@@ -0,0 +1,11 @@
+import { FieldValues } from 'react-hook-form';
+import { z } from 'zod';
+import { CalculatorProps } from '../Calculator';
+import { CalculatorSuffix, ValueWithFormula } from './types';
+export declare const isFormula: (value: ValueWithFormula | string) => value is ValueWithFormula;
+export declare const formatWithIntl: (suffix: CalculatorSuffix, value: number) => string;
+export declare const getCalculatorSchema: <T extends FieldValues>(props: CalculatorProps<T>["rootCalculatorConfig"]["fieldsGroup"]) => z.ZodObject<any, z.UnknownKeysParam, z.ZodTypeAny, {
+    [x: string]: any;
+}, {
+    [x: string]: any;
+}>;

package/dist/widgets/calculator/ui/CalculatorTabs.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+export interface CalculatorTab {
+    label: string;
+    value: string;
+}
+export type CalculatorTabValue = CalculatorTab['value'];
+export interface CalculatorTabsProps {
+    calculatorTabs: CalculatorTab[];
+    activeCalculator: CalculatorTabValue;
+    setActiveCalculator: Dispatch<SetStateAction<CalculatorTabValue>>;
+}
+export declare const CalculatorTabs: ({ calculatorTabs, activeCalculator, setActiveCalculator }: CalculatorTabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/calculator/ui/calculatorInfo/CalculatorInfo.d.ts

@@ -0,0 +1,4 @@
+import { CalculatedBlockProps, CalculatedInfoBodyProps, CalculatorInfoFooterProps, CalculatorInfoHeadProps } from './ui';
+export interface CalculatorInfoProps extends CalculatedBlockProps, CalculatorInfoHeadProps, CalculatedInfoBodyProps, CalculatorInfoFooterProps {
+}
+export declare const CalculatorInfo: ({ topDescription, bottomDescription, rootValue, title, subtitle, buttonProps, infoList, suffix, assistHint }: CalculatorInfoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/calculator/ui/calculatorInfo/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CalculatorInfo';
+export type * from './ui';

package/dist/widgets/calculator/ui/calculatorInfo/ui/AssistHint.d.ts

@@ -0,0 +1,7 @@
+import { AllowedIcons } from '../../../../../shared/ui';
+export interface AssistHintProps {
+    iconName: AllowedIcons;
+    text: string;
+    hint?: string;
+}
+export declare const AssistHint: ({ iconName, text, hint }: AssistHintProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/calculator/ui/calculatorInfo/ui/CalculatedBlock.d.ts

@@ -0,0 +1,7 @@
+import { CalculatorSuffix, CalculatorValue } from '../../../model';
+export interface CalculatedBlockProps {
+    topDescription: string;
+    rootValue: CalculatorValue;
+    suffix: CalculatorSuffix;
+}
+export declare const CalculatedBlock: ({ topDescription, rootValue, suffix }: CalculatedBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoBody.d.ts

@@ -0,0 +1,5 @@
+import { InfoListItemDto } from './InfoListItem';
+export interface CalculatedInfoBodyProps {
+    infoList: InfoListItemDto[];
+}
+export declare const CalculatorInfoBody: ({ infoList }: CalculatedInfoBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoFooter.d.ts

@@ -0,0 +1,8 @@
+import { AssistHintProps } from './AssistHint';
+import { ButtonProps } from '../../../../../shared/ui';
+export interface CalculatorInfoFooterProps {
+    assistHint?: AssistHintProps;
+    buttonProps?: ButtonProps;
+    bottomDescription?: string;
+}
+export declare const CalculatorInfoFooter: ({ assistHint, buttonProps, bottomDescription }: CalculatorInfoFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoHead.d.ts

@@ -0,0 +1,5 @@
+export interface CalculatorInfoHeadProps {
+    title?: string;
+    subtitle?: string;
+}
+export declare const CalculatorInfoHead: ({ subtitle, title }: CalculatorInfoHeadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/calculator/ui/calculatorInfo/ui/InfoListItem.d.ts

@@ -0,0 +1,15 @@
+import { CalculatorSuffix, CalculatorValue } from '../../../model';
+export interface InfoListItemCommon {
+    label: string;
+    hint?: string;
+    suffix: CalculatorSuffix;
+    accent?: boolean;
+    color?: 'dark' | 'blue';
+}
+export interface InfoListItemDto extends InfoListItemCommon {
+    value: CalculatorValue;
+}
+export interface InfoListItemProps extends InfoListItemCommon {
+    value: string;
+}
+export declare const InfoListItem: ({ hint, value, label, suffix, color, accent }: InfoListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/calculator/ui/calculatorInfo/ui/index.d.ts

@@ -0,0 +1,6 @@
+export * from './CalculatorInfoHead';
+export * from './CalculatedBlock';
+export * from './CalculatorInfoBody';
+export * from './CalculatorInfoFooter';
+export * from './InfoListItem';
+export * from './AssistHint';

package/dist/widgets/calculator/ui/index.d.ts

@@ -0,0 +1,3 @@
+export * from './calculatorInfo';
+export * from './rootCalculator';
+export * from './CalculatorTabs';

package/dist/widgets/calculator/ui/rootCalculator/RootCalculator.d.ts

@@ -0,0 +1,14 @@
+import { FieldValues } from 'react-hook-form';
+import { CalculatorModalProps, CheckboxGroupProps, RadioGroupProps, SlidersGroupProps, SwitchGroupProps } from './ui';
+export interface RootCalculatorProps<T extends FieldValues> {
+    modalConfig?: CalculatorModalProps;
+    fieldsGroup: {
+        slidersGroupConfig: SlidersGroupProps<T>;
+        radioGroupTabConfig?: RadioGroupProps<T>;
+        checkboxGroupConfig?: CheckboxGroupProps<T>;
+        radioGroupConfig?: RadioGroupProps<T>;
+        radioGroupCardConfig?: RadioGroupProps<T>;
+        switchGroupConfig?: SwitchGroupProps<T>;
+    };
+}
+export declare const RootCalculator: <T extends FieldValues>({ modalConfig, fieldsGroup }: RootCalculatorProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/calculator/ui/rootCalculator/index.d.ts

@@ -0,0 +1 @@
+export * from './RootCalculator';

package/dist/widgets/calculator/ui/rootCalculator/ui/CalculatorModal.d.ts

@@ -0,0 +1,8 @@
+import { ModalContentVariant } from '../../../model';
+export interface CalculatorModalProps {
+    triggerText: string;
+    contentVariant: ModalContentVariant;
+    modalTitle?: string;
+    description?: string;
+}
+export declare const CalculatorModal: ({ triggerText, modalTitle, description, contentVariant }: CalculatorModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/calculator/ui/rootCalculator/ui/CheckboxGroup.d.ts

@@ -0,0 +1,9 @@
+import { FieldValues } from 'react-hook-form';
+import { FieldElementWithoutControl } from '../../../../fieldMapper';
+import { FieldValidation } from '../../../../model';
+export interface CheckboxGroupProps<T extends FieldValues> {
+    fields: FieldElementWithoutControl<T, 'CheckboxControl', {
+        validation: FieldValidation;
+    }>[];
+}
+export declare const CheckboxGroup: <T extends FieldValues>({ fields }: CheckboxGroupProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/calculator/ui/rootCalculator/ui/RadioGroup.d.ts

@@ -0,0 +1,11 @@
+import { FieldValues } from 'react-hook-form';
+import { FieldElementWithoutControl } from '../../../../fieldMapper';
+import { FieldValidation } from '../../../../model';
+type RadioGroupFields<T extends FieldValues> = FieldElementWithoutControl<T, 'RadioGroupTabControl' | 'RadioGroupControl' | 'RadioGroupCardControl', {
+    validation: FieldValidation;
+}>[];
+export interface RadioGroupProps<T extends FieldValues> {
+    fields: RadioGroupFields<T>;
+}
+export declare const RadioGroup: <T extends FieldValues>({ fields }: RadioGroupProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/widgets/calculator/ui/rootCalculator/ui/SlidersGroup.d.ts

@@ -0,0 +1,9 @@
+import { FieldValues } from 'react-hook-form';
+import { FieldElementWithoutControl } from '../../../../fieldMapper';
+import { FieldValidation } from '../../../../model';
+export interface SlidersGroupProps<T extends FieldValues> {
+    fields: FieldElementWithoutControl<T, 'SliderControl', {
+        validation: FieldValidation;
+    }>[];
+}
+export declare const SlidersGroup: <T extends FieldValues>({ fields }: SlidersGroupProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/calculator/ui/rootCalculator/ui/SwitchGroup.d.ts

@@ -0,0 +1,9 @@
+import { FieldValues } from 'react-hook-form';
+import { FieldElementWithoutControl } from '../../../../fieldMapper';
+import { FieldValidation } from '../../../../model';
+export interface SwitchGroupProps<T extends FieldValues> {
+    fields: FieldElementWithoutControl<T, 'SwitchControl', {
+        validation: FieldValidation;
+    }>[];
+}
+export declare const SwitchGroup: <T extends FieldValues>({ fields }: SwitchGroupProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/widgets/calculator/ui/rootCalculator/ui/index.d.ts

@@ -0,0 +1,5 @@
+export * from './CalculatorModal';
+export * from './RadioGroup';
+export * from './SlidersGroup';
+export * from './CheckboxGroup';
+export * from './SwitchGroup';

package/dist/widgets/dynamicForm/DynamicForm.d.ts

@@ -1,5 +1,6 @@
 import { FieldValues } from 'react-hook-form';
-import { Approvement, ApprovementType, Chips, ChipsType, FieldValidation, Progress, ProgressField, ProgressType } from './model';
+import { FieldValidation } from '../model';
+import { Approvement, ApprovementType, Chips, ChipsType, Progress, ProgressField, ProgressType } from './model';
 import { ProgressBar, Uncontrolled } from '../../shared/ui';
 import { FieldElement } from '../fieldMapper';
 type SubmitProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {

package/dist/widgets/dynamicForm/model/getDynamicSchema.d.ts

@@ -1,10 +0,0 @@
-import { FieldValues } from 'react-hook-form';
-import { ZodObject, ZodRawShape } from 'zod';
-import { FieldElement } from '../..';
-export type FieldValidation = {
-    type: string;
-    args: Record<string, any>;
-};
-export declare const getDynamicSchema: <TFieldValues extends FieldValues>(fields: FieldElement<TFieldValues, any, {
-    validation: FieldValidation;
-}>[]) => ZodObject<ZodRawShape>;

package/dist/widgets/dynamicForm/model/index.d.ts

@@ -1,3 +1,2 @@
-export { getDynamicSchema, type FieldValidation } from './getDynamicSchema';
 export { getFieldsProgress } from './getFieldsProgress';
 export type * from './types';

package/dist/widgets/fieldMapper/index.d.ts

@@ -1,2 +1,2 @@
 export { FieldMapper } from './FieldMapper';
-export type { FieldElement } from './model/types';
+export type * from './model/types';

package/dist/widgets/fieldMapper/model/types.d.ts

@@ -7,3 +7,9 @@ export type FieldElement<TFieldValues extends FieldValues = FieldValues, Type ex
         name: FieldPath<TFieldValues>;
     };
 };
+export type FieldElementWithoutControl<TFieldValues extends FieldValues = FieldValues, Type extends ElementType = ElementType, ExternalProps = {}> = {
+    type: Type;
+    args: Omit<React.ComponentPropsWithoutRef<(typeof Controlled)[Type]>, 'control'> & ExternalProps & {
+        name: FieldPath<TFieldValues>;
+    };
+};

package/dist/widgets/index.d.ts

@@ -16,4 +16,5 @@ export * from './fallbacksView';
 export * from './htmlParser';
 export * from './breadcrumbs';
 export * from './seoHeader';
+export * from './calculator';
 export { queryClient } from './queryClientProvider';

package/dist/widgets/model/helpers.d.ts

@@ -1,2 +1,2 @@
-export declare const WIDGET_LIST: readonly ["header", "footer", "interLinking", "stepper", "usefulInfo", "longBanner", "banner", "benefit", "form", "seoHeader"];
-export declare const widgetIds: Record<"header" | "footer" | "interLinking" | "stepper" | "usefulInfo" | "longBanner" | "banner" | "benefit" | "form" | "seoHeader", "header" | "footer" | "interLinking" | "stepper" | "usefulInfo" | "longBanner" | "banner" | "benefit" | "form" | "seoHeader">;
+export declare const WIDGET_LIST: readonly ["header", "footer", "interLinking", "stepper", "usefulInfo", "longBanner", "banner", "benefit", "form", "seoHeader", "calculator"];
+export declare const widgetIds: Record<"header" | "footer" | "interLinking" | "stepper" | "usefulInfo" | "longBanner" | "banner" | "benefit" | "form" | "seoHeader" | "calculator", "header" | "footer" | "interLinking" | "stepper" | "usefulInfo" | "longBanner" | "banner" | "benefit" | "form" | "seoHeader" | "calculator">;

package/dist/widgets/model/index.d.ts

@@ -1,2 +1,3 @@
 export * from './helpers';
 export type * from './types';
+export * from './utils';

package/dist/widgets/model/utils.d.ts

@@ -0,0 +1,10 @@
+import { FieldValues } from 'react-hook-form';
+import { ZodObject, ZodRawShape } from 'zod';
+import { FieldElement } from '..';
+export type FieldValidation = {
+    type: string;
+    args: Record<string, any>;
+};
+export declare const getDynamicSchema: <TFieldValues extends FieldValues>(fields: FieldElement<TFieldValues, any, {
+    validation: FieldValidation;
+}>[]) => ZodObject<ZodRawShape>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scbt-ecom/ui",
-  "version": "0.66.0",
+  "version": "0.67.0",
   "type": "module",
   "exports": {
     ".": {
@@ -58,7 +58,8 @@
     "prepare": "husky",
     "pre-commit": "npm run lint",
     "chromatic": "npx chromatic --project-token=chpt_9468dafcf1bf3e3 --only-changed --files='src/stories/**/*.stories.@(tsx)'",
-    "pre-deploy": "npm run lint "
+    "pre-deploy": "npm run lint ",
+    "ts-check": "pnpm exec tsc"
   },
   "peerDependecies": {
     "react": "^18.3.1",