@scbt-ecom/ui 0.101.0 → 0.102.1

package/dist/lib/widgets/table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../../lib/widgets/table/Table.tsx"],"sourcesContent":["import { type ReactElement } from 'react'\nimport { type DataTableProps, TableUtils } from '../../shared/ui/table/model'\nimport { cn } from '../../shared/utils'\nimport { DataTable, ResponsiveContainer } from '$/shared/ui'\nimport { type DataTableClasses } from '$/shared/ui/table/model/types'\n\nexport type TableClasses = {\n  root?: string\n  container?: string\n  textContainer?: string\n  title?: string\n  subtitle?: string\n  tableContainer?: string\n  helperText?: string\n  tableClasses?: DataTableClasses\n}\n\nexport interface TableProps<TData extends {}> extends Omit<DataTableProps<TData>, 'classes'> {\n  title: ReactElement | string\n  subtitle: ReactElement | string\n  helperText: ReactElement | string\n  horizontal?: boolean\n  classes?: TableClasses\n}\n\nexport const Table = <TData extends {}>(props: TableProps<TData>) => {\n  const { title, subtitle, helperText, pagination = false, classes, data, ...restTableProps } = props\n\n  const cols = TableUtils.getColumns(data[0])\n\n  return (\n    <section className='w-full'>\n      <ResponsiveContainer className={cn(classes?.container, 'flex flex-col gap-12 mobile:max-w-[360px]')}>\n        <div className='flex flex-col gap-[16px]'>\n          <div className='mob-headline-bold-s desktop:desk-headline-bold-m' dangerouslySetInnerHTML={{ __html: title }} />\n          <div className='desktop:desk-body-regular-l' dangerouslySetInnerHTML={{ __html: subtitle }} />\n        </div>\n\n        <div className='flex flex-col gap-4'>\n          <DataTable\n            {...restTableProps}\n            data={data}\n            columns={cols}\n            classes={classes?.tableClasses}\n            mode='odd'\n            pagination={pagination}\n          />\n          <div className='desk-body-regular-m text-color-tetriary' dangerouslySetInnerHTML={{ __html: helperText }} />\n        </div>\n      </ResponsiveContainer>\n    </section>\n  )\n}\n"],"names":["Table","props","title","subtitle","helperText","pagination","classes","data","restTableProps","cols","TableUtils","jsx","jsxs","ResponsiveContainer","cn","DataTable"],"mappings":"08DAyBO,MAAMA,EAA2BC,GAA6B,CACnE,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAa,GAAO,QAAAC,EAAS,KAAAC,EAAM,GAAGC,CAAA,EAAmBP,EAExFQ,EAAOC,EAAW,WAAWH,EAAK,CAAC,CAAC,EAE1C,OACEI,EAAC,UAAA,CAAQ,UAAU,SACjB,SAAAC,EAACC,EAAA,CAAoB,UAAWC,EAAGR,GAAA,YAAAA,EAAS,UAAW,2CAA2C,EAChG,SAAA,CAAAM,EAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAD,EAAC,OAAI,UAAU,mDAAmD,wBAAyB,CAAE,OAAQT,GAAS,EAC9GS,EAAC,OAAI,UAAU,8BAA8B,wBAAyB,CAAE,OAAQR,EAAS,CAAG,CAAA,EAC9F,EAEAS,EAAC,MAAA,CAAI,UAAU,sBACb,SAAA,CAAAD,EAACI,EAAA,CACE,GAAGP,EACJ,KAAAD,EACA,QAASE,EACT,QAASH,GAAA,YAAAA,EAAS,aAClB,KAAK,MACL,WAAAD,CAAA,CAAA,EAEFM,EAAC,OAAI,UAAU,0CAA0C,wBAAyB,CAAE,OAAQP,EAAW,CAAG,CAAA,CAAA,CAC5G,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}

package/dist/lib/widgets/table/index.js

@@ -0,0 +1,2 @@
+import{Table as r}from"./Table.js";export{r as Table};
+//# sourceMappingURL=index.js.map

package/dist/lib/widgets/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/widgets/usefulInfo/ui/subEntities/experts/ui/ExpertCard.js

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{cn as d}from"../../../../../../shared/utils/cn.js";const f=({name:i,position:m,avatar:n,description:p,classes:r})=>t("div",{className:d("flex flex-col gap-4 rounded-lg bg-[#F4F9FD] p-4",r==null?void 0:r.card),children:[t("div",{className:d("flex items-center gap-4",r==null?void 0:r.wrapper),children:[o("img",{alt:"expert avatar",src:n,className:d("block size-10 rounded-full",r==null?void 0:r.avatar)}),t("div",{className:d("flex flex-col gap-1",r==null?void 0:r.textBlock),children:[o("span",{className:d("desk-body-medium-l text-color-dark",r==null?void 0:r.name),children:i}),o("span",{className:d("desk-body-regular-m text-color-tetriary",r==null?void 0:r.position),children:m})]})]}),o("p",{className:d("desk-body-regular-l text-color-dark",r==null?void 0:r.description),children:p})]});export{f as ExpertCard};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import{cn as d}from"../../../../../../shared/utils/cn.js";const g=({name:i,position:n,avatar:m,description:p,classes:r})=>o("div",{className:d("flex flex-col gap-4 rounded-lg bg-[#F4F9FD] p-4",r==null?void 0:r.card),children:[o("div",{className:d("flex items-center gap-4",r==null?void 0:r.wrapper),children:[t("img",{alt:"expert avatar",src:m,className:d("block size-10 rounded-full",r==null?void 0:r.avatar)}),o("div",{className:d("flex flex-col gap-1",r==null?void 0:r.textBlock),children:[t("span",{className:d("desk-body-medium-l text-color-dark",r==null?void 0:r.name),children:i}),t("span",{className:d("desk-body-regular-m text-color-tetriary",r==null?void 0:r.position),children:n})]})]}),t("div",{className:d("desk-body-regular-l text-color-dark",r==null?void 0:r.description),dangerouslySetInnerHTML:{__html:p??""}})]});export{g as ExpertCard};
 //# sourceMappingURL=ExpertCard.js.map

package/dist/lib/widgets/usefulInfo/ui/subEntities/experts/ui/ExpertCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpertCard.js","sources":["../../../../../../../../lib/widgets/usefulInfo/ui/subEntities/experts/ui/ExpertCard.tsx"],"sourcesContent":["import { cn } from '$/shared/utils'\n\nexport type ExpertCardClasses = {\n  card?: string\n  wrapper?: string\n  avatar?: string\n  textBlock?: string\n  name?: string\n  position?: string\n  description?: string\n}\n\nexport interface ExpertCardProps {\n  name: string\n  position: string\n  description: string\n  avatar: string\n  classes?: ExpertCardClasses\n}\n\nexport const ExpertCard = ({ name, position, avatar, description, classes }: ExpertCardProps) => {\n  return (\n    <div className={cn('flex flex-col gap-4 rounded-lg bg-[#F4F9FD] p-4', classes?.card)}>\n      <div className={cn('flex items-center gap-4', classes?.wrapper)}>\n        <img alt='expert avatar' src={avatar} className={cn('block size-10 rounded-full', classes?.avatar)} />\n        <div className={cn('flex flex-col gap-1', classes?.textBlock)}>\n          <span className={cn('desk-body-medium-l text-color-dark', classes?.name)}>{name}</span>\n          <span className={cn('desk-body-regular-m text-color-tetriary', classes?.position)}>{position}</span>\n        </div>\n      </div>\n      <p className={cn('desk-body-regular-l text-color-dark', classes?.description)}>{description}</p>\n    </div>\n  )\n}\n"],"names":["ExpertCard","name","position","avatar","description","classes","cn","jsxs","jsx"],"mappings":"4GAoBO,MAAMA,EAAa,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,OAAAC,EAAQ,YAAAC,EAAa,QAAAC,OAE7D,MAAA,CAAI,UAAWC,EAAG,kDAAmDD,GAAA,YAAAA,EAAS,IAAI,EACjF,SAAA,CAAAE,EAAC,OAAI,UAAWD,EAAG,0BAA2BD,GAAA,YAAAA,EAAS,OAAO,EAC5D,SAAA,CAAAG,EAAC,MAAA,CAAI,IAAI,gBAAgB,IAAKL,EAAQ,UAAWG,EAAG,6BAA8BD,GAAA,YAAAA,EAAS,MAAM,CAAA,CAAG,IACnG,MAAA,CAAI,UAAWC,EAAG,sBAAuBD,GAAA,YAAAA,EAAS,SAAS,EAC1D,SAAA,CAAAG,EAAC,QAAK,UAAWF,EAAG,qCAAsCD,GAAA,YAAAA,EAAS,IAAI,EAAI,SAAAJ,EAAK,EAChFO,EAAC,QAAK,UAAWF,EAAG,0CAA2CD,GAAA,YAAAA,EAAS,QAAQ,EAAI,SAAAH,CAAA,CAAS,CAAA,CAAA,CAC/F,CAAA,EACF,EACAM,EAAC,KAAE,UAAWF,EAAG,sCAAuCD,GAAA,YAAAA,EAAS,WAAW,EAAI,SAAAD,CAAA,CAAY,CAAA,EAC9F"}
+{"version":3,"file":"ExpertCard.js","sources":["../../../../../../../../lib/widgets/usefulInfo/ui/subEntities/experts/ui/ExpertCard.tsx"],"sourcesContent":["import { cn } from '$/shared/utils'\n\nexport type ExpertCardClasses = {\n  card?: string\n  wrapper?: string\n  avatar?: string\n  textBlock?: string\n  name?: string\n  position?: string\n  description?: string\n}\n\nexport interface ExpertCardProps {\n  name: string\n  position: string\n  description: string\n  avatar: string\n  classes?: ExpertCardClasses\n}\n\nexport const ExpertCard = ({ name, position, avatar, description, classes }: ExpertCardProps) => {\n  return (\n    <div className={cn('flex flex-col gap-4 rounded-lg bg-[#F4F9FD] p-4', classes?.card)}>\n      <div className={cn('flex items-center gap-4', classes?.wrapper)}>\n        <img alt='expert avatar' src={avatar} className={cn('block size-10 rounded-full', classes?.avatar)} />\n        <div className={cn('flex flex-col gap-1', classes?.textBlock)}>\n          <span className={cn('desk-body-medium-l text-color-dark', classes?.name)}>{name}</span>\n          <span className={cn('desk-body-regular-m text-color-tetriary', classes?.position)}>{position}</span>\n        </div>\n      </div>\n      <div\n        className={cn('desk-body-regular-l text-color-dark', classes?.description)}\n        dangerouslySetInnerHTML={{ __html: description ?? '' }}\n      />\n    </div>\n  )\n}\n"],"names":["ExpertCard","name","position","avatar","description","classes","cn","jsxs","jsx"],"mappings":"4GAoBO,MAAMA,EAAa,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,OAAAC,EAAQ,YAAAC,EAAa,QAAAC,OAE7D,MAAA,CAAI,UAAWC,EAAG,kDAAmDD,GAAA,YAAAA,EAAS,IAAI,EACjF,SAAA,CAAAE,EAAC,OAAI,UAAWD,EAAG,0BAA2BD,GAAA,YAAAA,EAAS,OAAO,EAC5D,SAAA,CAAAG,EAAC,MAAA,CAAI,IAAI,gBAAgB,IAAKL,EAAQ,UAAWG,EAAG,6BAA8BD,GAAA,YAAAA,EAAS,MAAM,CAAA,CAAG,IACnG,MAAA,CAAI,UAAWC,EAAG,sBAAuBD,GAAA,YAAAA,EAAS,SAAS,EAC1D,SAAA,CAAAG,EAAC,QAAK,UAAWF,EAAG,qCAAsCD,GAAA,YAAAA,EAAS,IAAI,EAAI,SAAAJ,EAAK,EAChFO,EAAC,QAAK,UAAWF,EAAG,0CAA2CD,GAAA,YAAAA,EAAS,QAAQ,EAAI,SAAAH,CAAA,CAAS,CAAA,CAAA,CAC/F,CAAA,EACF,EACAM,EAAC,MAAA,CACC,UAAWF,EAAG,sCAAuCD,GAAA,YAAAA,EAAS,WAAW,EACzE,wBAAyB,CAAE,OAAQD,GAAe,EAAA,CAAG,CAAA,CACvD,EACF"}