@scbt-ecom/ui 0.154.4 → 0.154.5
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/lib/widgets/calculator/ui/calculatorInfo/CalculatorInfo.js +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorInfo/CalculatorInfo.js.map +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoBody.js +1 -1
- package/dist/lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoBody.js.map +1 -1
- package/dist/stats.html +1 -1
- package/dist/types/lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoBody.d.ts +2 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as p,jsx as r}from"react/jsx-runtime";import{cn as n}from"../../../../shared/utils/cn.js";import{CalculatedBlock as i}from"./ui/CalculatedBlock.js";import{CalculatorInfoHead as I}from"./ui/CalculatorInfoHead.js";import{CalculatorInfoBody as x}from"./ui/CalculatorInfoBody.js";import{CalculatorInfoFooter as C}from"./ui/CalculatorInfoFooter.js";const v=({rootDescription:c,bottomDescription:t,rootValue:e,title:m,subtitle:d,buttonsConfig:u,infoList:l,suffix:f,assistHint:a,classes:o})=>p("div",{className:n("w-full max-w-[456px] rounded-md bg-color-blue-grey-100 p-8 mobile:px-4 mobile:py-8",o?.wrapper),children:[r(i,{suffix:f,rootValue:e,rootDescription:c,classes:o?.calculatedBlock}),r(I,{title:m,subtitle:d,classes:o?.calculatedInfoHead}),r(x,{withoutDivider:l.length>0||a!==void 0,infoList:l,classes:o?.calculatorInfoBody}),r(C,{assistHint:a,buttonsConfig:u,bottomDescription:t,classes:o?.calculatorInfoFooter})]});export{v as CalculatorInfo};
|
|
2
2
|
//# sourceMappingURL=CalculatorInfo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalculatorInfo.js","sources":["../../../../../../lib/widgets/calculator/ui/calculatorInfo/CalculatorInfo.tsx"],"sourcesContent":["import {\n CalculatedBlock,\n type CalculatedBlockClasses,\n type CalculatedBlockProps,\n type CalculatedInfoBodyProps,\n CalculatorInfoBody,\n type CalculatorInfoBodyClasses,\n CalculatorInfoFooter,\n type CalculatorInfoFooterClasses,\n type CalculatorInfoFooterProps,\n CalculatorInfoHead,\n type CalculatorInfoHeadClasses,\n type CalculatorInfoHeadProps\n} from './ui'\nimport { cn } from '$/shared/utils'\n\nexport type CalculatorInfoClasses = {\n wrapper?: string\n calculatedBlock?: CalculatedBlockClasses\n calculatedInfoHead?: CalculatorInfoHeadClasses\n calculatorInfoBody?: CalculatorInfoBodyClasses\n calculatorInfoFooter?: CalculatorInfoFooterClasses\n}\n\nexport interface CalculatorInfoProps\n extends Omit<CalculatedBlockProps, 'classes'>,\n Omit<CalculatorInfoHeadProps, 'classes'>,\n Omit<CalculatedInfoBodyProps, 'classes'>,\n Omit<CalculatorInfoFooterProps, 'classes'> {\n classes?: CalculatorInfoClasses\n}\n\nexport const CalculatorInfo = ({\n rootDescription,\n bottomDescription,\n rootValue,\n title,\n subtitle,\n buttonsConfig,\n infoList,\n suffix,\n assistHint,\n classes\n}: CalculatorInfoProps) => {\n return (\n <div className={cn('w-full max-w-[456px] rounded-md bg-color-blue-grey-100 p-8 mobile:px-4 mobile:py-8', classes?.wrapper)}>\n <CalculatedBlock\n suffix={suffix}\n rootValue={rootValue}\n rootDescription={rootDescription}\n classes={classes?.calculatedBlock}\n />\n <CalculatorInfoHead title={title} subtitle={subtitle} classes={classes?.calculatedInfoHead} />\n <CalculatorInfoBody infoList={infoList}
|
|
1
|
+
{"version":3,"file":"CalculatorInfo.js","sources":["../../../../../../lib/widgets/calculator/ui/calculatorInfo/CalculatorInfo.tsx"],"sourcesContent":["import {\n CalculatedBlock,\n type CalculatedBlockClasses,\n type CalculatedBlockProps,\n type CalculatedInfoBodyProps,\n CalculatorInfoBody,\n type CalculatorInfoBodyClasses,\n CalculatorInfoFooter,\n type CalculatorInfoFooterClasses,\n type CalculatorInfoFooterProps,\n CalculatorInfoHead,\n type CalculatorInfoHeadClasses,\n type CalculatorInfoHeadProps\n} from './ui'\nimport { cn } from '$/shared/utils'\n\nexport type CalculatorInfoClasses = {\n wrapper?: string\n calculatedBlock?: CalculatedBlockClasses\n calculatedInfoHead?: CalculatorInfoHeadClasses\n calculatorInfoBody?: CalculatorInfoBodyClasses\n calculatorInfoFooter?: CalculatorInfoFooterClasses\n}\n\nexport interface CalculatorInfoProps\n extends Omit<CalculatedBlockProps, 'classes'>,\n Omit<CalculatorInfoHeadProps, 'classes'>,\n Omit<CalculatedInfoBodyProps, 'classes'>,\n Omit<CalculatorInfoFooterProps, 'classes'> {\n classes?: CalculatorInfoClasses\n}\n\nexport const CalculatorInfo = ({\n rootDescription,\n bottomDescription,\n rootValue,\n title,\n subtitle,\n buttonsConfig,\n infoList,\n suffix,\n assistHint,\n classes\n}: CalculatorInfoProps) => {\n return (\n <div className={cn('w-full max-w-[456px] rounded-md bg-color-blue-grey-100 p-8 mobile:px-4 mobile:py-8', classes?.wrapper)}>\n <CalculatedBlock\n suffix={suffix}\n rootValue={rootValue}\n rootDescription={rootDescription}\n classes={classes?.calculatedBlock}\n />\n <CalculatorInfoHead title={title} subtitle={subtitle} classes={classes?.calculatedInfoHead} />\n <CalculatorInfoBody\n withoutDivider={infoList.length > 0 || assistHint !== undefined}\n infoList={infoList}\n classes={classes?.calculatorInfoBody}\n />\n <CalculatorInfoFooter\n assistHint={assistHint}\n buttonsConfig={buttonsConfig}\n bottomDescription={bottomDescription}\n classes={classes?.calculatorInfoFooter}\n />\n </div>\n )\n}\n"],"names":["CalculatorInfo","rootDescription","bottomDescription","rootValue","title","subtitle","buttonsConfig","infoList","suffix","assistHint","classes","cn","jsx","CalculatedBlock","CalculatorInfoHead","CalculatorInfoBody","CalculatorInfoFooter"],"mappings":"oWAgCO,MAAMA,EAAiB,CAAC,CAC7B,gBAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,SAAAC,EACA,OAAAC,EACA,WAAAC,EACA,QAAAC,CACF,MAEK,MAAA,CAAI,UAAWC,EAAG,qFAAsFD,GAAS,OAAO,EACvH,SAAA,CAAAE,EAACC,EAAA,CACC,OAAAL,EACA,UAAAL,EACA,gBAAAF,EACA,QAASS,GAAS,eAAA,CAAA,IAEnBI,EAAA,CAAmB,MAAAV,EAAc,SAAAC,EAAoB,QAASK,GAAS,mBAAoB,EAC5FE,EAACG,EAAA,CACC,eAAgBR,EAAS,OAAS,GAAKE,IAAe,OACtD,SAAAF,EACA,QAASG,GAAS,kBAAA,CAAA,EAEpBE,EAACI,EAAA,CACC,WAAAP,EACA,cAAAH,EACA,kBAAAJ,EACA,QAASQ,GAAS,oBAAA,CAAA,CACpB,EACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{useFormContext as
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{useFormContext as s}from"react-hook-form";import{InfoListItem as c}from"./InfoListItem.js";import{formatInfoList as i}from"../../../model/helpers.js";import{cn as l}from"../../../../../shared/utils/cn.js";const I=({infoList:t,classes:e,withoutDivider:m})=>{const{watch:f}=s(),a=f(),n=i(t,a);return r("div",{className:l("flex flex-col gap-3 pt-4",{"mb-6 mt-4 border-t border-solid border-blue-grey-500":m},e?.wrapper),children:n?.map(o=>r(c,{...o},o.label))})};export{I as CalculatorInfoBody};
|
|
2
2
|
//# sourceMappingURL=CalculatorInfoBody.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalculatorInfoBody.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoBody.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form'\nimport { type CalculatorSchema, formatInfoList } from '../../../model'\nimport { InfoListItem, type InfoListItemDTO } from './InfoListItem'\nimport { cn } from '$/shared/utils'\n\nexport type CalculatorInfoBodyClasses = {\n wrapper?: string\n}\n\nexport interface CalculatedInfoBodyProps {\n infoList: InfoListItemDTO[]\n classes?: CalculatorInfoBodyClasses\n}\n\nexport const CalculatorInfoBody = ({ infoList, classes }: CalculatedInfoBodyProps) => {\n const { watch } = useFormContext<CalculatorSchema>()\n const watchedFields = watch()\n const formattedInfoList = formatInfoList(infoList, watchedFields)\n\n return (\n <div
|
|
1
|
+
{"version":3,"file":"CalculatorInfoBody.js","sources":["../../../../../../../lib/widgets/calculator/ui/calculatorInfo/ui/CalculatorInfoBody.tsx"],"sourcesContent":["import { useFormContext } from 'react-hook-form'\nimport { type CalculatorSchema, formatInfoList } from '../../../model'\nimport { InfoListItem, type InfoListItemDTO } from './InfoListItem'\nimport { cn } from '$/shared/utils'\n\nexport type CalculatorInfoBodyClasses = {\n wrapper?: string\n}\n\nexport interface CalculatedInfoBodyProps {\n infoList: InfoListItemDTO[]\n classes?: CalculatorInfoBodyClasses\n withoutDivider?: boolean\n}\n\nexport const CalculatorInfoBody = ({ infoList, classes, withoutDivider }: CalculatedInfoBodyProps) => {\n const { watch } = useFormContext<CalculatorSchema>()\n const watchedFields = watch()\n const formattedInfoList = formatInfoList(infoList, watchedFields)\n\n return (\n <div\n className={cn(\n 'flex flex-col gap-3 pt-4',\n { 'mb-6 mt-4 border-t border-solid border-blue-grey-500': withoutDivider },\n classes?.wrapper\n )}\n >\n {formattedInfoList?.map((listItem) => (\n <InfoListItem key={listItem.label} {...listItem} />\n ))}\n </div>\n )\n}\n"],"names":["CalculatorInfoBody","infoList","classes","withoutDivider","watch","useFormContext","watchedFields","formattedInfoList","formatInfoList","jsx","cn","listItem","InfoListItem"],"mappings":"4PAeO,MAAMA,EAAqB,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,eAAAC,KAA8C,CACpG,KAAM,CAAE,MAAAC,CAAA,EAAUC,EAAA,EACZC,EAAgBF,EAAA,EAChBG,EAAoBC,EAAeP,EAAUK,CAAa,EAEhE,OACEG,EAAC,MAAA,CACC,UAAWC,EACT,2BACA,CAAE,uDAAwDP,CAAA,EAC1DD,GAAS,OAAA,EAGV,SAAAK,GAAmB,IAAKI,GACvBF,EAACG,GAAmC,GAAGD,GAApBA,EAAS,KAAqB,CAClD,CAAA,CAAA,CAGP"}
|