npm - @scbt-ecom/ui - Versions diffs - 0.111.3 → 0.112.0 - Mend

@scbt-ecom/ui 0.111.3 → 0.112.0

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.

Files changed (281) hide show

package/dist/lib/widgets/interLinking/InterLinking.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InterLinking.js","sources":["../../../../lib/widgets/interLinking/InterLinking.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport { widgetIds } from '../model'\nimport type { InterLinkingRoot } from './model/types'\nimport { Column, type ColumnClasses } from './ui'\nimport { Accordion, type AccordionProps, Heading, ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nconst columnsWrapper = cva('grid gap-4 grid-cols-1', {\n variants: {\n variant: {\n twoCols: 'desktop:grid-cols-2',\n threeCols: 'desktop:grid-cols-3',\n fourCols: 'desktop:grid-cols-4'\n }\n },\n defaultVariants: {\n variant: 'fourCols'\n }\n})\n\nexport type InterLinkingClasses = {\n root?: string\n headline?: string\n columnsWrapper?: string\n column?: ColumnClasses\n}\n\nexport interface InterLinkingProps extends InterLinkingRoot {\n mobileAccordionProps?: Partial<AccordionProps>\n rootAccordionProps?: Partial<AccordionProps>\n classes?: InterLinkingClasses\n defaultOpen?: boolean\n}\n\nexport const InterLinking = ({\n variant,\n details,\n headline,\n mobileAccordionProps,\n rootAccordionProps,\n classes,\n defaultOpen\n}: InterLinkingProps) => {\n return (\n <section\n id={widgetIds.interLinking}\n data-test-id={widgetIds.interLinking}\n className={cn('min-w-full desktop:min-w-[1140px]', classes?.root)}\n >\n <ResponsiveContainer>\n <Accordion\n defaultOpen={defaultOpen}\n label={\n <Heading as='h4' className={cn('text-left', classes?.headline)}>\n {headline}\n </Heading>\n }\n {...rootAccordionProps}\n classes={{\n ...rootAccordionProps?.classes,\n header: {\n trigger: cn('bg-color-blue-grey-100', rootAccordionProps?.classes?.header?.trigger)\n },\n content: cn('max-w-full bg-color-blue-grey-100 relative', rootAccordionProps?.classes?.content)\n }}\n >\n <div className={cn(columnsWrapper({ variant: variant }), classes?.columnsWrapper)}>\n {details?.map((column, index) => (\n <Column key={index} {...column} {...mobileAccordionProps} classes={classes?.column} />\n ))}\n </div>\n </Accordion>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default InterLinking\n"],"names":["columnsWrapper","cva","InterLinking","variant","details","headline","mobileAccordionProps","rootAccordionProps","classes","defaultOpen","jsx","widgetIds","cn","ResponsiveContainer","Accordion","Heading","_b","_a","_c","column","index","Column"],"mappings":"~~0jEAOA~~,MAAMA,EAAiBC,EAAI,yBAA0B,CACnD,SAAU,CACR,QAAS,CACP,QAAS,sBACT,UAAW,sBACX,SAAU,qBAAA,CACZ,EAEF,gBAAiB,CACf,QAAS,UAAA,CAEb,CAAC,EAgBYC,GAAe,CAAC,CAC3B,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,qBAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,YAAAC,CACF,IAAyB,WACvB,OACEC,EAAC,UAAA,CACC,GAAIC,EAAU,aACd,eAAcA,EAAU,aACxB,UAAWC,EAAG,oCAAqCJ,GAAA,YAAAA,EAAS,IAAI,EAEhE,WAACK,EAAA,CACC,SAAAH,EAACI,EAAA,CACC,YAAAL,EACA,MACEC,EAACK,EAAA,CAAQ,GAAG,KAAK,UAAWH,EAAG,YAAaJ,GAAA,YAAAA,EAAS,QAAQ,EAC1D,SAAAH,CAAA,CACH,EAED,GAAGE,EACJ,QAAS,CACP,GAAGA,GAAA,YAAAA,EAAoB,QACvB,OAAQ,CACN,QAASK,EAAG,0BAA0BI,GAAAC,EAAAV,GAAA,YAAAA,EAAoB,UAApB,YAAAU,EAA6B,SAA7B,YAAAD,EAAqC,OAAO,CAAA,EAEpF,QAASJ,EAAG,8CAA8CM,EAAAX,GAAA,YAAAA,EAAoB,UAApB,YAAAW,EAA6B,OAAO,CAAA,EAGhG,SAAAR,EAAC,MAAA,CAAI,UAAWE,EAAGZ,EAAe,CAAE,QAAAG,CAAA,CAAkB,EAAGK,GAAA,YAAAA,EAAS,cAAc,EAC7E,SAAAJ,GAAA,YAAAA,EAAS,IAAI,CAACe,EAAQC,IACrBV,EAACW,EAAA,CAAoB,GAAGF,EAAS,GAAGb,EAAsB,QAASE,GAAA,YAAAA,EAAS,MAAA,EAA/DY,CAAuE,EACrF,CACH,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CAGN"}
1	+ {"version":3,"file":"InterLinking.js","sources":["../../../../lib/widgets/interLinking/InterLinking.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport { widgetIds } from '../model'\nimport type { InterLinkingRoot } from './model/types'\nimport { Column, type ColumnClasses } from './ui'\nimport { Accordion, type AccordionProps, Heading, ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nconst columnsWrapper = cva('grid gap-4 grid-cols-1', {\n variants: {\n variant: {\n twoCols: 'desktop:grid-cols-2',\n threeCols: 'desktop:grid-cols-3',\n fourCols: 'desktop:grid-cols-4'\n }\n },\n defaultVariants: {\n variant: 'fourCols'\n }\n})\n\nexport type InterLinkingClasses = {\n root?: string\n headline?: string\n columnsWrapper?: string\n column?: ColumnClasses\n}\n\nexport interface InterLinkingProps extends InterLinkingRoot {\n mobileAccordionProps?: Partial<AccordionProps>\n rootAccordionProps?: Partial<AccordionProps>\n classes?: InterLinkingClasses\n defaultOpen?: boolean\n}\n\nexport const InterLinking = ({\n variant,\n details,\n headline,\n mobileAccordionProps,\n rootAccordionProps,\n classes,\n defaultOpen\n}: InterLinkingProps) => {\n return (\n <section\n id={widgetIds.interLinking}\n data-test-id={widgetIds.interLinking}\n className={cn('min-w-full desktop:min-w-[1140px]', classes?.root)}\n >\n <ResponsiveContainer>\n <Accordion\n defaultOpen={defaultOpen}\n label={\n <Heading as='h4' className={cn('text-left', classes?.headline)}>\n {headline}\n </Heading>\n }\n {...rootAccordionProps}\n classes={{\n ...rootAccordionProps?.classes,\n header: {\n trigger: cn('bg-color-blue-grey-100', rootAccordionProps?.classes?.header?.trigger)\n },\n content: cn('max-w-full bg-color-blue-grey-100 relative', rootAccordionProps?.classes?.content)\n }}\n >\n <div className={cn(columnsWrapper({ variant: variant }), classes?.columnsWrapper)}>\n {details?.map((column, index) => (\n <Column key={index} {...column} {...mobileAccordionProps} classes={classes?.column} />\n ))}\n </div>\n </Accordion>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default InterLinking\n"],"names":["columnsWrapper","cva","InterLinking","variant","details","headline","mobileAccordionProps","rootAccordionProps","classes","defaultOpen","jsx","widgetIds","cn","ResponsiveContainer","Accordion","Heading","_b","_a","_c","column","index","Column"],"mappings":"2oEAOA,MAAMA,EAAiBC,EAAI,yBAA0B,CACnD,SAAU,CACR,QAAS,CACP,QAAS,sBACT,UAAW,sBACX,SAAU,qBAAA,CACZ,EAEF,gBAAiB,CACf,QAAS,UAAA,CAEb,CAAC,EAgBYC,GAAe,CAAC,CAC3B,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,qBAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,YAAAC,CACF,IAAyB,WACvB,OACEC,EAAC,UAAA,CACC,GAAIC,EAAU,aACd,eAAcA,EAAU,aACxB,UAAWC,EAAG,oCAAqCJ,GAAA,YAAAA,EAAS,IAAI,EAEhE,WAACK,EAAA,CACC,SAAAH,EAACI,EAAA,CACC,YAAAL,EACA,MACEC,EAACK,EAAA,CAAQ,GAAG,KAAK,UAAWH,EAAG,YAAaJ,GAAA,YAAAA,EAAS,QAAQ,EAC1D,SAAAH,CAAA,CACH,EAED,GAAGE,EACJ,QAAS,CACP,GAAGA,GAAA,YAAAA,EAAoB,QACvB,OAAQ,CACN,QAASK,EAAG,0BAA0BI,GAAAC,EAAAV,GAAA,YAAAA,EAAoB,UAApB,YAAAU,EAA6B,SAA7B,YAAAD,EAAqC,OAAO,CAAA,EAEpF,QAASJ,EAAG,8CAA8CM,EAAAX,GAAA,YAAAA,EAAoB,UAApB,YAAAW,EAA6B,OAAO,CAAA,EAGhG,SAAAR,EAAC,MAAA,CAAI,UAAWE,EAAGZ,EAAe,CAAE,QAAAG,CAAA,CAAkB,EAAGK,GAAA,YAAAA,EAAS,cAAc,EAC7E,SAAAJ,GAAA,YAAAA,EAAS,IAAI,CAACe,EAAQC,IACrBV,EAACW,EAAA,CAAoB,GAAGF,EAAS,GAAGb,EAAsB,QAASE,GAAA,YAAAA,EAAS,MAAA,EAA/DY,CAAuE,EACrF,CACH,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CAGN"}

package/dist/lib/widgets/interLinking/ui/ColumnGroup.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as f,jsx as m,Fragment as h}from"react/jsx-runtime";import{LinksList as g}from"./LinksList.js";import{useDevice as x}from"../../../shared/hooks/useDevice.js";import"react";import{cn as p}from"../../../shared/utils/cn.js";import"../../../shared/ui/button/Button.js";import"../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../shared/ui/calendar/Calendar.js";import"../../../shared/ui/calendar/model/utils.js";import{Accordion as k}from"../../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as d}from"../../../shared/ui/icon/Icon.js";import"../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../shared/ui/slot/Slot.js";import"../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const b=({groupLabel:i,links:n,mobileAccordionProps:r,classes:t})=>{var o,u,a;const{isMobile:e}=x();return f("div",{className:p("flex flex-col gap-2",t==null?void 0:t.columnGroup),children:[!e&&f(h,{children:[m("h5",{className:p("mob-body-medium-l text-color-dark desktop:desk-body-medium-l",t==null?void 0:t.columnGroupHeading),children:i}),m(g,{links:n,classes:t==null?void 0:t.linksList},"desktop")]}),e&&m(k,{defaultOpen:!0,label:i,icon:m(d,{name:"arrows/arrowRight",className:p("rotate-90 transition-transform group-data-[state=open]:-rotate-90")}),...r,classes:{...r==null?void 0:r.classes,header:{trigger:p("p-0 bg-color-blue-grey-100",(u=(o=r==null?void 0:r.classes)==null?void 0:o.header)==null?void 0:u.trigger)},contentInner:p("py-2 px-4",(a=r==null?void 0:r.classes)==null?void 0:a.contentInner)},children:m(g,{links:n,classes:t==null?void 0:t.linksList},"mobile")})]})};export{b as ColumnGroup};
+import{jsxs as f,jsx as m,Fragment as h}from"react/jsx-runtime";import{LinksList as g}from"./LinksList.js";import{useDevice as x}from"../../../shared/hooks/useDevice.js";import"react";import{cn as p}from"../../../shared/utils/cn.js";import"../../../shared/ui/button/Button.js";import"../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../shared/ui/calendar/Calendar.js";import"../../../shared/ui/calendar/model/utils.js";import{Accordion as k}from"../../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as d}from"../../../shared/ui/icon/Icon.js";import"../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../shared/ui/slot/Slot.js";import"../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const A=({groupLabel:i,links:n,mobileAccordionProps:r,classes:t})=>{var o,u,a;const{isMobile:e}=x();return f("div",{className:p("flex flex-col gap-2",t==null?void 0:t.columnGroup),children:[!e&&f(h,{children:[m("h5",{className:p("mob-body-medium-l text-color-dark desktop:desk-body-medium-l",t==null?void 0:t.columnGroupHeading),children:i}),m(g,{links:n,classes:t==null?void 0:t.linksList},"desktop")]}),e&&m(k,{defaultOpen:!0,label:i,icon:m(d,{name:"arrows/arrowRight",className:p("rotate-90 transition-transform group-data-[state=open]:-rotate-90")}),...r,classes:{...r==null?void 0:r.classes,header:{trigger:p("p-0 bg-color-blue-grey-100",(u=(o=r==null?void 0:r.classes)==null?void 0:o.header)==null?void 0:u.trigger)},contentInner:p("py-2 px-4",(a=r==null?void 0:r.classes)==null?void 0:a.contentInner)},children:m(g,{links:n,classes:t==null?void 0:t.linksList},"mobile")})]})};export{A as ColumnGroup};
 //# sourceMappingURL=ColumnGroup.js.map

package/dist/lib/widgets/interLinking/ui/ColumnGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColumnGroup.js","sources":["../../../../../lib/widgets/interLinking/ui/ColumnGroup.tsx"],"sourcesContent":["import type { Group } from '../model/types'\nimport { LinksList, type LinksListClasses } from './LinksList'\nimport { useDevice } from '$/shared/hooks'\nimport { Accordion, type AccordionProps, Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type ColumnGroupClasses = {\n columnGroup?: string\n columnGroupHeading?: string\n linksList?: LinksListClasses\n}\n\nexport interface ColumnGroupProps extends Group {\n mobileAccordionProps?: AccordionProps\n classes?: ColumnGroupClasses\n}\n\nexport const ColumnGroup = ({ groupLabel, links, mobileAccordionProps, classes }: ColumnGroupProps) => {\n const { isMobile } = useDevice()\n\n return (\n <div className={cn('flex flex-col gap-2', classes?.columnGroup)}>\n {!isMobile && (\n <>\n <h5 className={cn('mob-body-medium-l text-color-dark desktop:desk-body-medium-l', classes?.columnGroupHeading)}>\n {groupLabel}\n </h5>\n <LinksList key='desktop' links={links} classes={classes?.linksList} />\n </>\n )}\n\n {isMobile && (\n <Accordion\n defaultOpen\n label={groupLabel}\n icon={\n <Icon name='arrows/arrowRight' className={cn('rotate-90 transition-transform group-data-[state=open]:-rotate-90')} />\n }\n {...mobileAccordionProps}\n classes={{\n ...mobileAccordionProps?.classes,\n header: {\n trigger: cn('p-0 bg-color-blue-grey-100', mobileAccordionProps?.classes?.header?.trigger)\n },\n contentInner: cn('py-2 px-4', mobileAccordionProps?.classes?.contentInner)\n }}\n >\n <LinksList key='mobile' links={links} classes={classes?.linksList} />\n </Accordion>\n )}\n </div>\n )\n}\n"],"names":["ColumnGroup","groupLabel","links","mobileAccordionProps","classes","isMobile","useDevice","cn","jsxs","Fragment","jsx","LinksList","Accordion","Icon","_b","_a","_c"],"mappings":"~~2/DAiBO~~,MAAMA,EAAc,CAAC,CAAE,WAAAC,EAAY,MAAAC,EAAO,qBAAAC,EAAsB,QAAAC,KAAgC,WACrG,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,SACG,MAAA,CAAI,UAAWC,EAAG,sBAAuBH,GAAA,YAAAA,EAAS,WAAW,EAC3D,SAAA,CAAA,CAACC,GACAG,EAAAC,EAAA,CACE,SAAA,CAAAC,EAAC,MAAG,UAAWH,EAAG,+DAAgEH,GAAA,YAAAA,EAAS,kBAAkB,EAC1G,SAAAH,EACH,IACCU,EAAA,CAAwB,MAAAT,EAAc,QAASE,GAAA,YAAAA,EAAS,WAA1C,SAAqD,CAAA,EACtE,EAGDC,GACCK,EAACE,EAAA,CACC,YAAW,GACX,MAAOX,EACP,OACGY,EAAA,CAAK,KAAK,oBAAoB,UAAWN,EAAG,mEAAmE,EAAG,EAEpH,GAAGJ,EACJ,QAAS,CACP,GAAGA,GAAA,YAAAA,EAAsB,QACzB,OAAQ,CACN,QAASI,EAAG,8BAA8BO,GAAAC,EAAAZ,GAAA,YAAAA,EAAsB,UAAtB,YAAAY,EAA+B,SAA/B,YAAAD,EAAuC,OAAO,CAAA,EAE1F,aAAcP,EAAG,aAAaS,EAAAb,GAAA,YAAAA,EAAsB,UAAtB,YAAAa,EAA+B,YAAY,CAAA,EAG3E,WAACL,EAAA,CAAuB,MAAAT,EAAc,QAASE,GAAA,YAAAA,EAAS,WAAzC,QAAoD,CAAA,CAAA,CACrE,EAEJ,CAEJ"}
1	+ {"version":3,"file":"ColumnGroup.js","sources":["../../../../../lib/widgets/interLinking/ui/ColumnGroup.tsx"],"sourcesContent":["import type { Group } from '../model/types'\nimport { LinksList, type LinksListClasses } from './LinksList'\nimport { useDevice } from '$/shared/hooks'\nimport { Accordion, type AccordionProps, Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type ColumnGroupClasses = {\n columnGroup?: string\n columnGroupHeading?: string\n linksList?: LinksListClasses\n}\n\nexport interface ColumnGroupProps extends Group {\n mobileAccordionProps?: AccordionProps\n classes?: ColumnGroupClasses\n}\n\nexport const ColumnGroup = ({ groupLabel, links, mobileAccordionProps, classes }: ColumnGroupProps) => {\n const { isMobile } = useDevice()\n\n return (\n <div className={cn('flex flex-col gap-2', classes?.columnGroup)}>\n {!isMobile && (\n <>\n <h5 className={cn('mob-body-medium-l text-color-dark desktop:desk-body-medium-l', classes?.columnGroupHeading)}>\n {groupLabel}\n </h5>\n <LinksList key='desktop' links={links} classes={classes?.linksList} />\n </>\n )}\n\n {isMobile && (\n <Accordion\n defaultOpen\n label={groupLabel}\n icon={\n <Icon name='arrows/arrowRight' className={cn('rotate-90 transition-transform group-data-[state=open]:-rotate-90')} />\n }\n {...mobileAccordionProps}\n classes={{\n ...mobileAccordionProps?.classes,\n header: {\n trigger: cn('p-0 bg-color-blue-grey-100', mobileAccordionProps?.classes?.header?.trigger)\n },\n contentInner: cn('py-2 px-4', mobileAccordionProps?.classes?.contentInner)\n }}\n >\n <LinksList key='mobile' links={links} classes={classes?.linksList} />\n </Accordion>\n )}\n </div>\n )\n}\n"],"names":["ColumnGroup","groupLabel","links","mobileAccordionProps","classes","isMobile","useDevice","cn","jsxs","Fragment","jsx","LinksList","Accordion","Icon","_b","_a","_c"],"mappings":"+kEAiBO,MAAMA,EAAc,CAAC,CAAE,WAAAC,EAAY,MAAAC,EAAO,qBAAAC,EAAsB,QAAAC,KAAgC,WACrG,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,SACG,MAAA,CAAI,UAAWC,EAAG,sBAAuBH,GAAA,YAAAA,EAAS,WAAW,EAC3D,SAAA,CAAA,CAACC,GACAG,EAAAC,EAAA,CACE,SAAA,CAAAC,EAAC,MAAG,UAAWH,EAAG,+DAAgEH,GAAA,YAAAA,EAAS,kBAAkB,EAC1G,SAAAH,EACH,IACCU,EAAA,CAAwB,MAAAT,EAAc,QAASE,GAAA,YAAAA,EAAS,WAA1C,SAAqD,CAAA,EACtE,EAGDC,GACCK,EAACE,EAAA,CACC,YAAW,GACX,MAAOX,EACP,OACGY,EAAA,CAAK,KAAK,oBAAoB,UAAWN,EAAG,mEAAmE,EAAG,EAEpH,GAAGJ,EACJ,QAAS,CACP,GAAGA,GAAA,YAAAA,EAAsB,QACzB,OAAQ,CACN,QAASI,EAAG,8BAA8BO,GAAAC,EAAAZ,GAAA,YAAAA,EAAsB,UAAtB,YAAAY,EAA+B,SAA/B,YAAAD,EAAuC,OAAO,CAAA,EAE1F,aAAcP,EAAG,aAAaS,EAAAb,GAAA,YAAAA,EAAsB,UAAtB,YAAAa,EAA+B,YAAY,CAAA,EAG3E,WAACL,EAAA,CAAuB,MAAAT,EAAc,QAASE,GAAA,YAAAA,EAAS,WAAzC,QAAoD,CAAA,CAAA,CACrE,EAEJ,CAEJ"}

package/dist/lib/widgets/interLinking/ui/LinksList.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as m}from"react/jsx-runtime";import{cn as i}from"../../../shared/utils/cn.js";import"../../../shared/ui/button/Button.js";import"../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../shared/ui/calendar/Calendar.js";import"../../../shared/ui/calendar/model/utils.js";import"../../../shared/ui/accordion/Accordion.js";import"react";import"react-dom";import"../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import"../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../shared/ui/carousel/ui/CarouselContent.js";import{CustomLink as f}from"../../../shared/ui/customLink/CustomLink.js";import"../../../shared/ui/slot/Slot.js";import"../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const Q=({links:o,classes:r})=>m("nav",{className:i("flex flex-col gap-1",r==null?void 0:r.linksWrapper),children:o==null?void 0:o.map(({path:t,label:p,...n})=>m(f,{classes:{link:i(r==null?void 0:r.linkText),icon:i(r==null?void 0:r.linkIcon)},intent:"dark",href:t,...n,children:p},t))});export{Q as LinksList};
+import{jsx as m}from"react/jsx-runtime";import{cn as i}from"../../../shared/utils/cn.js";import"../../../shared/ui/button/Button.js";import"../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../shared/ui/calendar/Calendar.js";import"../../../shared/ui/calendar/model/utils.js";import"../../../shared/ui/accordion/Accordion.js";import"react";import"react-dom";import"../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import"../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../shared/ui/carousel/ui/CarouselContent.js";import{CustomLink as f}from"../../../shared/ui/customLink/CustomLink.js";import"../../../shared/ui/slot/Slot.js";import"../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const R=({links:o,classes:r})=>m("nav",{className:i("flex flex-col gap-1",r==null?void 0:r.linksWrapper),children:o==null?void 0:o.map(({path:t,label:p,...n})=>m(f,{classes:{link:i(r==null?void 0:r.linkText),icon:i(r==null?void 0:r.linkIcon)},intent:"dark",href:t,...n,children:p},t))});export{R as LinksList};
 //# sourceMappingURL=LinksList.js.map

package/dist/lib/widgets/interLinking/ui/LinksList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinksList.js","sources":["../../../../../lib/widgets/interLinking/ui/LinksList.tsx"],"sourcesContent":["import type { Link } from '../model/types'\nimport { CustomLink } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type LinksListClasses = {\n linksWrapper?: string\n linkText?: string\n linkIcon?: string\n}\n\nexport interface LinksListProps {\n links: Link[]\n classes?: LinksListClasses\n}\n\nexport const LinksList = ({ links, classes }: LinksListProps) => {\n return (\n <nav className={cn('flex flex-col gap-1', classes?.linksWrapper)}>\n {links?.map(({ path, label, ...rest }) => (\n <CustomLink\n classes={{\n link: cn(classes?.linkText),\n icon: cn(classes?.linkIcon)\n }}\n intent='dark'\n key={path}\n href={path}\n {...rest}\n >\n {label}\n </CustomLink>\n ))}\n </nav>\n )\n}\n"],"names":["LinksList","links","classes","cn","path","label","rest","jsx","CustomLink"],"mappings":"~~u3DAeO~~,MAAMA,EAAY,CAAC,CAAE,MAAAC,EAAO,QAAAC,OAE9B,MAAA,CAAI,UAAWC,EAAG,sBAAuBD,GAAA,YAAAA,EAAS,YAAY,EAC5D,SAAAD,GAAA,YAAAA,EAAO,IAAI,CAAC,CAAE,KAAAG,EAAM,MAAAC,EAAO,GAAGC,KAC7BC,EAACC,EAAA,CACC,QAAS,CACP,KAAML,EAAGD,GAAA,YAAAA,EAAS,QAAQ,EAC1B,KAAMC,EAAGD,GAAA,YAAAA,EAAS,QAAQ,CAAA,EAE5B,OAAO,OAEP,KAAME,EACL,GAAGE,EAEH,SAAAD,CAAA,EAJID,CAAA,GAOX"}
1	+ {"version":3,"file":"LinksList.js","sources":["../../../../../lib/widgets/interLinking/ui/LinksList.tsx"],"sourcesContent":["import type { Link } from '../model/types'\nimport { CustomLink } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type LinksListClasses = {\n linksWrapper?: string\n linkText?: string\n linkIcon?: string\n}\n\nexport interface LinksListProps {\n links: Link[]\n classes?: LinksListClasses\n}\n\nexport const LinksList = ({ links, classes }: LinksListProps) => {\n return (\n <nav className={cn('flex flex-col gap-1', classes?.linksWrapper)}>\n {links?.map(({ path, label, ...rest }) => (\n <CustomLink\n classes={{\n link: cn(classes?.linkText),\n icon: cn(classes?.linkIcon)\n }}\n intent='dark'\n key={path}\n href={path}\n {...rest}\n >\n {label}\n </CustomLink>\n ))}\n </nav>\n )\n}\n"],"names":["LinksList","links","classes","cn","path","label","rest","jsx","CustomLink"],"mappings":"28DAeO,MAAMA,EAAY,CAAC,CAAE,MAAAC,EAAO,QAAAC,OAE9B,MAAA,CAAI,UAAWC,EAAG,sBAAuBD,GAAA,YAAAA,EAAS,YAAY,EAC5D,SAAAD,GAAA,YAAAA,EAAO,IAAI,CAAC,CAAE,KAAAG,EAAM,MAAAC,EAAO,GAAGC,KAC7BC,EAACC,EAAA,CACC,QAAS,CACP,KAAML,EAAGD,GAAA,YAAAA,EAAS,QAAQ,EAC1B,KAAMC,EAAGD,GAAA,YAAAA,EAAS,QAAQ,CAAA,EAE5B,OAAO,OAEP,KAAME,EACL,GAAGE,EAEH,SAAAD,CAAA,EAJID,CAAA,GAOX"}

package/dist/lib/widgets/longBanner/LongBanner.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as d}from"react/jsx-runtime";import{ButtonWithHandlers as y}from"../buttonWithHandlers/ButtonWithHandlers.js";import{widgetIds as x}from"../model/helpers.js";import{containerImgConfig as B}from"./model/cva.js";import{ResponsiveContainer as I}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as i}from"../../shared/utils/cn.js";import{TypeGuards as N}from"../../shared/utils/typeGuards.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{Title as n}from"./ui/Title.js";import{TextList as j}from"./ui/TextList.js";const or=({headline:e,buttonConfig:t,intent:p="twoItems",details:w,image:m,classes:r})=>{const k=p==="fourItems",h=p==="twoItems",l=m&&"url"in m&&N.isObject(m)?o("img",{className:"w-full object-contain",alt:m.alt,src:m.url}):m;return o("section",{id:x.longBanner,"data-test-id":x.longBanner,className:i(r==null?void 0:r.root),children:d(I,{className:i(r==null?void 0:r.container),children:[h&&o(n,{intent:p,headline:e}),d("div",{className:i("bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12",r==null?void 0:r.contentContainer),children:[k&&o(n,{intent:p,headline:e,desktopHidden:!0}),o("div",{className:i(B({intent:p,withButton:t==null?void 0:t.enabled}),r==null?void 0:r.imgContainer),children:l}),d("div",{className:i("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10",r==null?void 0:r.textWithBtnContainer),children:[k&&o(n,{intent:p,headline:e,mobileHidden:!0}),o(j,{details:w,intent:p,withButton:(t==null?void 0:t.enabled)??!1}),(t==null?void 0:t.enabled)&&t&&o(y,{className:i("w-full px-4 desktop:w-max",r==null?void 0:r.button),size:"lg",intent:"secondary",...t.buttonContent})]})]})]})})};export{or as LongBanner,or as default};
+import{jsx as o,jsxs as d}from"react/jsx-runtime";import{ButtonWithHandlers as y}from"../buttonWithHandlers/ButtonWithHandlers.js";import{widgetIds as x}from"../model/helpers.js";import{containerImgConfig as B}from"./model/cva.js";import{ResponsiveContainer as I}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as i}from"../../shared/utils/cn.js";import{TypeGuards as N}from"../../shared/utils/typeGuards.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{Title as n}from"./ui/Title.js";import{TextList as j}from"./ui/TextList.js";const pr=({headline:e,buttonConfig:t,intent:p="twoItems",details:w,image:m,classes:r})=>{const k=p==="fourItems",h=p==="twoItems",l=m&&"url"in m&&N.isObject(m)?o("img",{className:"w-full object-contain",alt:m.alt,src:m.url}):m;return o("section",{id:x.longBanner,"data-test-id":x.longBanner,className:i(r==null?void 0:r.root),children:d(I,{className:i(r==null?void 0:r.container),children:[h&&o(n,{intent:p,headline:e}),d("div",{className:i("bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12",r==null?void 0:r.contentContainer),children:[k&&o(n,{intent:p,headline:e,desktopHidden:!0}),o("div",{className:i(B({intent:p,withButton:t==null?void 0:t.enabled}),r==null?void 0:r.imgContainer),children:l}),d("div",{className:i("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10",r==null?void 0:r.textWithBtnContainer),children:[k&&o(n,{intent:p,headline:e,mobileHidden:!0}),o(j,{details:w,intent:p,withButton:(t==null?void 0:t.enabled)??!1}),(t==null?void 0:t.enabled)&&t&&o(y,{className:i("w-full px-4 desktop:w-max",r==null?void 0:r.button),size:"lg",intent:"secondary",...t.buttonContent})]})]})]})})};export{pr as LongBanner,pr as default};
 //# sourceMappingURL=LongBanner.js.map

package/dist/lib/widgets/longBanner/LongBanner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LongBanner.js","sources":["../../../../lib/widgets/longBanner/LongBanner.tsx"],"sourcesContent":["import { type ReactElement } from 'react'\nimport { ButtonWithHandlers } from '../buttonWithHandlers'\nimport { widgetIds } from '../model'\nimport { containerImgConfig } from './model/cva'\nimport { type ButtonConfig, type Details, type Image, type LongBannerClasses, type LongBannerConfig } from './model/types'\nimport { TextList, Title } from './ui'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn, TypeGuards } from '$/shared/utils'\n\nexport interface LongBannerProps<Enabled extends boolean> extends LongBannerConfig {\n headline: string \| ReactElement\n details: Details<Enabled>[]\n intent?: 'twoItems' \| 'fourItems'\n buttonConfig?: ButtonConfig\n image: Image\n classes?: LongBannerClasses\n}\n\nexport const LongBanner = <Enabled extends boolean>({\n headline,\n buttonConfig,\n intent = 'twoItems',\n details,\n image,\n classes\n}: LongBannerProps<Enabled>) => {\n const isFourItems = intent === 'fourItems'\n const isTwoItems = intent === 'twoItems'\n\n const img =\n image && 'url' in image && TypeGuards.isObject(image) ? (\n <img className='w-full object-contain' alt={image.alt} src={image.url} />\n ) : (\n image\n )\n\n return (\n <section id={widgetIds.longBanner} data-test-id={widgetIds.longBanner} className={cn(classes?.root)}>\n <ResponsiveContainer className={cn(classes?.container)}>\n {isTwoItems && <Title intent={intent} headline={headline} />}\n\n <div\n className={cn(\n 'bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12',\n classes?.contentContainer\n )}\n >\n {isFourItems && <Title intent={intent} headline={headline} desktopHidden={true} />}\n <div className={cn(containerImgConfig({ intent, withButton: buttonConfig?.enabled }), classes?.imgContainer)}>\n {img}\n </div>\n <div\n className={cn('desktop:flex desktop:flex-col desktop:justify-center desktop:py-10', classes?.textWithBtnContainer)}\n >\n {isFourItems && <Title intent={intent} headline={headline} mobileHidden={true} />}\n <TextList details={details} intent={intent} withButton={buttonConfig?.enabled ?? false} />\n {buttonConfig?.enabled && buttonConfig && (\n <ButtonWithHandlers\n className={cn('w-full px-4 desktop:w-max', classes?.button)}\n size='lg'\n intent='secondary'\n {...buttonConfig.buttonContent}\n />\n )}\n </div>\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default LongBanner\n"],"names":["LongBanner","headline","buttonConfig","intent","details","image","classes","isFourItems","isTwoItems","img","TypeGuards","jsx","widgetIds","cn","jsxs","ResponsiveContainer","Title","containerImgConfig","TextList","ButtonWithHandlers"],"mappings":"~~6oEAkBO~~,MAAMA,GAAa,CAA0B,CAClD,SAAAC,EACA,aAAAC,EACA,OAAAC,EAAS,WACT,QAAAC,EACA,MAAAC,EACA,QAAAC,CACF,IAAgC,CAC9B,MAAMC,EAAcJ,IAAW,YACzBK,EAAaL,IAAW,WAExBM,EACJJ,GAAS,QAASA,GAASK,EAAW,SAASL,CAAK,EAClDM,EAAC,MAAA,CAAI,UAAU,wBAAwB,IAAKN,EAAM,IAAK,IAAKA,EAAM,IAAK,EAEvEA,EAGJ,SACG,UAAA,CAAQ,GAAIO,EAAU,WAAY,eAAcA,EAAU,WAAY,UAAWC,EAAGP,GAAA,YAAAA,EAAS,IAAI,EAChG,SAAAQ,EAACC,EAAA,CAAoB,UAAWF,EAAGP,GAAA,YAAAA,EAAS,SAAS,EAClD,SAAA,CAAAE,GAAcG,EAACK,EAAA,CAAM,OAAAb,EAAgB,SAAAF,CAAA,CAAoB,EAE1Da,EAAC,MAAA,CACC,UAAWD,EACT,6IACAP,GAAA,YAAAA,EAAS,gBAAA,EAGV,SAAA,CAAAC,GAAeI,EAACK,EAAA,CAAM,OAAAb,EAAgB,SAAAF,EAAoB,cAAe,GAAM,EAChFU,EAAC,MAAA,CAAI,UAAWE,EAAGI,EAAmB,CAAE,OAAAd,EAAQ,WAAYD,GAAA,YAAAA,EAAc,QAAS,EAAGI,GAAA,YAAAA,EAAS,YAAY,EACxG,SAAAG,EACH,EACAK,EAAC,MAAA,CACC,UAAWD,EAAG,qEAAsEP,GAAA,YAAAA,EAAS,oBAAoB,EAEhH,SAAA,CAAAC,GAAeI,EAACK,EAAA,CAAM,OAAAb,EAAgB,SAAAF,EAAoB,aAAc,GAAM,IAC9EiB,EAAA,CAAS,QAAAd,EAAkB,OAAAD,EAAgB,YAAYD,GAAA,YAAAA,EAAc,UAAW,GAAO,GACvFA,GAAA,YAAAA,EAAc,UAAWA,GACxBS,EAACQ,EAAA,CACC,UAAWN,EAAG,4BAA6BP,GAAA,YAAAA,EAAS,MAAM,EAC1D,KAAK,KACL,OAAO,YACN,GAAGJ,EAAa,aAAA,CAAA,CACnB,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAEJ"}
1	+ {"version":3,"file":"LongBanner.js","sources":["../../../../lib/widgets/longBanner/LongBanner.tsx"],"sourcesContent":["import { type ReactElement } from 'react'\nimport { ButtonWithHandlers } from '../buttonWithHandlers'\nimport { widgetIds } from '../model'\nimport { containerImgConfig } from './model/cva'\nimport { type ButtonConfig, type Details, type Image, type LongBannerClasses, type LongBannerConfig } from './model/types'\nimport { TextList, Title } from './ui'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn, TypeGuards } from '$/shared/utils'\n\nexport interface LongBannerProps<Enabled extends boolean> extends LongBannerConfig {\n headline: string \| ReactElement\n details: Details<Enabled>[]\n intent?: 'twoItems' \| 'fourItems'\n buttonConfig?: ButtonConfig\n image: Image\n classes?: LongBannerClasses\n}\n\nexport const LongBanner = <Enabled extends boolean>({\n headline,\n buttonConfig,\n intent = 'twoItems',\n details,\n image,\n classes\n}: LongBannerProps<Enabled>) => {\n const isFourItems = intent === 'fourItems'\n const isTwoItems = intent === 'twoItems'\n\n const img =\n image && 'url' in image && TypeGuards.isObject(image) ? (\n <img className='w-full object-contain' alt={image.alt} src={image.url} />\n ) : (\n image\n )\n\n return (\n <section id={widgetIds.longBanner} data-test-id={widgetIds.longBanner} className={cn(classes?.root)}>\n <ResponsiveContainer className={cn(classes?.container)}>\n {isTwoItems && <Title intent={intent} headline={headline} />}\n\n <div\n className={cn(\n 'bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12',\n classes?.contentContainer\n )}\n >\n {isFourItems && <Title intent={intent} headline={headline} desktopHidden={true} />}\n <div className={cn(containerImgConfig({ intent, withButton: buttonConfig?.enabled }), classes?.imgContainer)}>\n {img}\n </div>\n <div\n className={cn('desktop:flex desktop:flex-col desktop:justify-center desktop:py-10', classes?.textWithBtnContainer)}\n >\n {isFourItems && <Title intent={intent} headline={headline} mobileHidden={true} />}\n <TextList details={details} intent={intent} withButton={buttonConfig?.enabled ?? false} />\n {buttonConfig?.enabled && buttonConfig && (\n <ButtonWithHandlers\n className={cn('w-full px-4 desktop:w-max', classes?.button)}\n size='lg'\n intent='secondary'\n {...buttonConfig.buttonContent}\n />\n )}\n </div>\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default LongBanner\n"],"names":["LongBanner","headline","buttonConfig","intent","details","image","classes","isFourItems","isTwoItems","img","TypeGuards","jsx","widgetIds","cn","jsxs","ResponsiveContainer","Title","containerImgConfig","TextList","ButtonWithHandlers"],"mappings":"8tEAkBO,MAAMA,GAAa,CAA0B,CAClD,SAAAC,EACA,aAAAC,EACA,OAAAC,EAAS,WACT,QAAAC,EACA,MAAAC,EACA,QAAAC,CACF,IAAgC,CAC9B,MAAMC,EAAcJ,IAAW,YACzBK,EAAaL,IAAW,WAExBM,EACJJ,GAAS,QAASA,GAASK,EAAW,SAASL,CAAK,EAClDM,EAAC,MAAA,CAAI,UAAU,wBAAwB,IAAKN,EAAM,IAAK,IAAKA,EAAM,IAAK,EAEvEA,EAGJ,SACG,UAAA,CAAQ,GAAIO,EAAU,WAAY,eAAcA,EAAU,WAAY,UAAWC,EAAGP,GAAA,YAAAA,EAAS,IAAI,EAChG,SAAAQ,EAACC,EAAA,CAAoB,UAAWF,EAAGP,GAAA,YAAAA,EAAS,SAAS,EAClD,SAAA,CAAAE,GAAcG,EAACK,EAAA,CAAM,OAAAb,EAAgB,SAAAF,CAAA,CAAoB,EAE1Da,EAAC,MAAA,CACC,UAAWD,EACT,6IACAP,GAAA,YAAAA,EAAS,gBAAA,EAGV,SAAA,CAAAC,GAAeI,EAACK,EAAA,CAAM,OAAAb,EAAgB,SAAAF,EAAoB,cAAe,GAAM,EAChFU,EAAC,MAAA,CAAI,UAAWE,EAAGI,EAAmB,CAAE,OAAAd,EAAQ,WAAYD,GAAA,YAAAA,EAAc,QAAS,EAAGI,GAAA,YAAAA,EAAS,YAAY,EACxG,SAAAG,EACH,EACAK,EAAC,MAAA,CACC,UAAWD,EAAG,qEAAsEP,GAAA,YAAAA,EAAS,oBAAoB,EAEhH,SAAA,CAAAC,GAAeI,EAACK,EAAA,CAAM,OAAAb,EAAgB,SAAAF,EAAoB,aAAc,GAAM,IAC9EiB,EAAA,CAAS,QAAAd,EAAkB,OAAAD,EAAgB,YAAYD,GAAA,YAAAA,EAAc,UAAW,GAAO,GACvFA,GAAA,YAAAA,EAAc,UAAWA,GACxBS,EAACQ,EAAA,CACC,UAAWN,EAAG,4BAA6BP,GAAA,YAAAA,EAAS,MAAM,EAC1D,KAAK,KACL,OAAO,YACN,GAAGJ,EAAa,aAAA,CAAA,CACnB,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAEJ"}

package/dist/lib/widgets/longBanner/ui/TextItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as m}from"react/jsx-runtime";import{itemConfig as s}from"../model/cva.js";import{cn as o}from"../../../shared/utils/cn.js";import"../../../shared/ui/button/Button.js";import"../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../shared/ui/calendar/Calendar.js";import"../../../shared/ui/calendar/model/utils.js";import"../../../shared/ui/accordion/Accordion.js";import"react";import{Popover as n}from"../../../shared/ui/popover/Popover.js";import"react-dom";import"../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as a}from"../../../shared/ui/icon/Icon.js";import"../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../shared/ui/slot/Slot.js";import"../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const O=({data:i,intent:e})=>{const{title:p,description:l,popover:t={enabled:!1}}=i;return r("li",{className:o(s({intent:e})),children:m("div",{className:"desktop:max-w-[264px]",children:[m("div",{className:o("mb-2 flex items-center gap-2"),children:[r("h4",{className:o("mob-title-bold-m text-color-dark"),children:p}),t.enabled&&r(n,{triggerElement:r(a,{className:o("size-5 text-icon-blue-grey-600"),name:"info/helpCircle"}),children:t.text})]}),r("div",{className:o("mob-body-regular-l text-color-secondary"),dangerouslySetInnerHTML:{__html:l}})]})})};export{O as TextItem};
+import{jsx as r,jsxs as m}from"react/jsx-runtime";import{itemConfig as s}from"../model/cva.js";import{cn as o}from"../../../shared/utils/cn.js";import"../../../shared/ui/button/Button.js";import"../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../shared/ui/calendar/Calendar.js";import"../../../shared/ui/calendar/model/utils.js";import"../../../shared/ui/accordion/Accordion.js";import"react";import{Popover as n}from"../../../shared/ui/popover/Popover.js";import"react-dom";import"../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as a}from"../../../shared/ui/icon/Icon.js";import"../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../shared/ui/slot/Slot.js";import"../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const Q=({data:i,intent:e})=>{const{title:p,description:l,popover:t={enabled:!1}}=i;return r("li",{className:o(s({intent:e})),children:m("div",{className:"desktop:max-w-[264px]",children:[m("div",{className:o("mb-2 flex items-center gap-2"),children:[r("h4",{className:o("mob-title-bold-m text-color-dark"),children:p}),t.enabled&&r(n,{triggerElement:r(a,{className:o("size-5 text-icon-blue-grey-600"),name:"info/helpCircle"}),children:t.text})]}),r("div",{className:o("mob-body-regular-l text-color-secondary"),dangerouslySetInnerHTML:{__html:l}})]})})};export{Q as TextItem};
 //# sourceMappingURL=TextItem.js.map

package/dist/lib/widgets/longBanner/ui/TextItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextItem.js","sources":["../../../../../lib/widgets/longBanner/ui/TextItem.tsx"],"sourcesContent":["import { itemConfig } from '../model/cva'\nimport { type TextItemProps } from '../model/types'\nimport { Icon, Popover } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport const TextItem = <Enabled extends boolean>({ data, intent }: TextItemProps<Enabled>) => {\n const {\n title,\n description,\n popover = {\n enabled: false\n }\n } = data\n return (\n <li className={cn(itemConfig({ intent }))}>\n <div className='desktop:max-w-[264px]'>\n <div className={cn('mb-2 flex items-center gap-2')}>\n <h4 className={cn('mob-title-bold-m text-color-dark')}>{title}</h4>\n {popover.enabled && (\n <Popover triggerElement={<Icon className={cn('size-5 text-icon-blue-grey-600')} name='info/helpCircle' />}>\n {popover.text}\n </Popover>\n )}\n </div>\n\n <div className={cn('mob-body-regular-l text-color-secondary')} dangerouslySetInnerHTML={{ __html: description }} />\n </div>\n </li>\n )\n}\n"],"names":["TextItem","data","intent","title","description","popover","jsx","cn","itemConfig","jsxs","Popover","Icon"],"mappings":"~~49DAKO~~,MAAMA,EAAW,CAA0B,CAAE,KAAAC,EAAM,OAAAC,KAAqC,CAC7F,KAAM,CACJ,MAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,CACR,QAAS,EAAA,CACX,EACEJ,EACJ,OACEK,EAAC,KAAA,CAAG,UAAWC,EAAGC,EAAW,CAAE,OAAAN,CAAA,CAAQ,CAAC,EACtC,SAAAO,EAAC,MAAA,CAAI,UAAU,wBACb,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAWF,EAAG,8BAA8B,EAC/C,SAAA,CAAAD,EAAC,KAAA,CAAG,UAAWC,EAAG,kCAAkC,EAAI,SAAAJ,EAAM,EAC7DE,EAAQ,SACPC,EAACI,EAAA,CAAQ,eAAgBJ,EAACK,EAAA,CAAK,UAAWJ,EAAG,gCAAgC,EAAG,KAAK,iBAAA,CAAkB,EACpG,WAAQ,IAAA,CACX,CAAA,EAEJ,EAEAD,EAAC,MAAA,CAAI,UAAWC,EAAG,yCAAyC,EAAG,wBAAyB,CAAE,OAAQH,EAAY,CAAG,CAAA,CAAA,CACnH,CAAA,CACF,CAEJ"}
1	+ {"version":3,"file":"TextItem.js","sources":["../../../../../lib/widgets/longBanner/ui/TextItem.tsx"],"sourcesContent":["import { itemConfig } from '../model/cva'\nimport { type TextItemProps } from '../model/types'\nimport { Icon, Popover } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport const TextItem = <Enabled extends boolean>({ data, intent }: TextItemProps<Enabled>) => {\n const {\n title,\n description,\n popover = {\n enabled: false\n }\n } = data\n return (\n <li className={cn(itemConfig({ intent }))}>\n <div className='desktop:max-w-[264px]'>\n <div className={cn('mb-2 flex items-center gap-2')}>\n <h4 className={cn('mob-title-bold-m text-color-dark')}>{title}</h4>\n {popover.enabled && (\n <Popover triggerElement={<Icon className={cn('size-5 text-icon-blue-grey-600')} name='info/helpCircle' />}>\n {popover.text}\n </Popover>\n )}\n </div>\n\n <div className={cn('mob-body-regular-l text-color-secondary')} dangerouslySetInnerHTML={{ __html: description }} />\n </div>\n </li>\n )\n}\n"],"names":["TextItem","data","intent","title","description","popover","jsx","cn","itemConfig","jsxs","Popover","Icon"],"mappings":"gjEAKO,MAAMA,EAAW,CAA0B,CAAE,KAAAC,EAAM,OAAAC,KAAqC,CAC7F,KAAM,CACJ,MAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,CACR,QAAS,EAAA,CACX,EACEJ,EACJ,OACEK,EAAC,KAAA,CAAG,UAAWC,EAAGC,EAAW,CAAE,OAAAN,CAAA,CAAQ,CAAC,EACtC,SAAAO,EAAC,MAAA,CAAI,UAAU,wBACb,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAWF,EAAG,8BAA8B,EAC/C,SAAA,CAAAD,EAAC,KAAA,CAAG,UAAWC,EAAG,kCAAkC,EAAI,SAAAJ,EAAM,EAC7DE,EAAQ,SACPC,EAACI,EAAA,CAAQ,eAAgBJ,EAACK,EAAA,CAAK,UAAWJ,EAAG,gCAAgC,EAAG,KAAK,iBAAA,CAAkB,EACpG,WAAQ,IAAA,CACX,CAAA,EAEJ,EAEAD,EAAC,MAAA,CAAI,UAAWC,EAAG,yCAAyC,EAAG,wBAAyB,CAAE,OAAQH,EAAY,CAAG,CAAA,CAAA,CACnH,CAAA,CACF,CAEJ"}