npm - @scbt-ecom/ui - Versions diffs - 0.147.1 → 0.147.3 - Mend

@scbt-ecom/ui 0.147.1 → 0.147.3

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 (1723) hide show

package/dist/lib/widgets/queryClientProvider/QueryClientProvider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{QueryClientProvider as i}from"../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";import{QueryClient as o}from"../../../node_modules/@tanstack/query-core/build/modern/queryClient.js";const t=new o,u=({children:r})=>e(i,{client:t,children:r});export{u as QueryClientProvider,t as queryClient};
+import{jsx as e}from"react/jsx-runtime";import{QueryClientProvider as i}from"../../../node_modules/.pnpm/@tanstack_react-query@5.85.3_react@18.3.1/node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";import{QueryClient as o}from"../../../node_modules/.pnpm/@tanstack_query-core@5.85.3/node_modules/@tanstack/query-core/build/modern/queryClient.js";const t=new o,u=({children:r})=>e(i,{client:t,children:r});export{u as QueryClientProvider,t as queryClient};
 //# sourceMappingURL=QueryClientProvider.js.map

package/dist/lib/widgets/queryClientProvider/QueryClientProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QueryClientProvider.js","sources":["../../../../lib/widgets/queryClientProvider/QueryClientProvider.tsx"],"sourcesContent":["import { QueryClient, QueryClientProvider as QueryClientProviderBase } from '@tanstack/react-query'\n\nexport const queryClient = new QueryClient()\n\nexport const QueryClientProvider = ({ children }: { children: React.ReactNode }) => (\n <QueryClientProviderBase client={queryClient}>{children}</QueryClientProviderBase>\n)\n"],"names":["queryClient","QueryClient","QueryClientProvider","children","jsx","QueryClientProviderBase"],"mappings":"~~mQAEO~~,MAAMA,EAAc,IAAIC,EAElBC,EAAsB,CAAC,CAAE,SAAAC,KACpCC,EAACC,EAAA,CAAwB,OAAQL,EAAc,SAAAG,CAAA,CAAS"}
1	+ {"version":3,"file":"QueryClientProvider.js","sources":["../../../../lib/widgets/queryClientProvider/QueryClientProvider.tsx"],"sourcesContent":["import { QueryClient, QueryClientProvider as QueryClientProviderBase } from '@tanstack/react-query'\n\nexport const queryClient = new QueryClient()\n\nexport const QueryClientProvider = ({ children }: { children: React.ReactNode }) => (\n <QueryClientProviderBase client={queryClient}>{children}</QueryClientProviderBase>\n)\n"],"names":["queryClient","QueryClient","QueryClientProvider","children","jsx","QueryClientProviderBase"],"mappings":"+WAEO,MAAMA,EAAc,IAAIC,EAElBC,EAAsB,CAAC,CAAE,SAAAC,KACpCC,EAACC,EAAA,CAAwB,OAAQL,EAAc,SAAAG,CAAA,CAAS"}

package/dist/lib/widgets/seoHeader/SeoHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as d}from"react/jsx-runtime";import{ResponsiveContainer as f}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as s}from"../../shared/utils/cn.js";import{capitalize as n}from"../../shared/utils/capitalize.js";import"react";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import{useDevice as c}from"../../shared/hooks/useDevice.js";import"react-hook-form";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"../../../src/configs/api.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{Breadcrumbs as u}from"../breadcrumbs/Breadcrumbs.js";import{widgetIds as e}from"../model/helpers.js";import{CategoriesDesktop as b}from"./ui/desktop/CategoriesDesktop.js";import{CategoriesMobile as g}from"./ui/mobile/CategoriesMobile.js";const to=({categories:t,helpers:m,phone:p,breadcrumbs:a,classes:r})=>{const{isMobile:l}=c();return o("div",{id:e.seoHeader,"data-test-id":e.seoHeader,className:s("w-full bg-color-white",r==null?void 0:r.root),children:d(f,{className:"mx-auto w-full",children:[o(g,{categories:t.map(i=>i.children).flat(),helpers:m,phone:p}),o(b,{categories:t,helpers:m,phone:p}),o(u,{ellipsis:l?1:void 0,breadcrumbs:a,matcher:i=>({label:n(i.label).split("-").join(" ")})})]})})};export{to as SeoHeader,to as default};
+import{jsx as o,jsxs as d}from"react/jsx-runtime";import{ResponsiveContainer as f}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as s}from"../../shared/utils/cn.js";import{capitalize as n}from"../../shared/utils/capitalize.js";import"react";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import{useDevice as c}from"../../shared/hooks/useDevice.js";import"react-hook-form";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/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"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{Breadcrumbs as u}from"../breadcrumbs/Breadcrumbs.js";import{widgetIds as e}from"../model/helpers.js";import{CategoriesDesktop as b}from"./ui/desktop/CategoriesDesktop.js";import{CategoriesMobile as g}from"./ui/mobile/CategoriesMobile.js";const mo=({categories:t,helpers:m,phone:p,breadcrumbs:a,classes:r})=>{const{isMobile:l}=c();return o("div",{id:e.seoHeader,"data-test-id":e.seoHeader,className:s("w-full bg-color-white",r==null?void 0:r.root),children:d(f,{className:"mx-auto w-full",children:[o(g,{categories:t.map(i=>i.children).flat(),helpers:m,phone:p}),o(b,{categories:t,helpers:m,phone:p}),o(u,{ellipsis:l?1:void 0,breadcrumbs:a,matcher:i=>({label:n(i.label).split("-").join(" ")})})]})})};export{mo as SeoHeader,mo as default};
 //# sourceMappingURL=SeoHeader.js.map

package/dist/lib/widgets/seoHeader/SeoHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SeoHeader.js","sources":["../../../../lib/widgets/seoHeader/SeoHeader.tsx"],"sourcesContent":["import { ResponsiveContainer } from '../../shared/ui'\nimport { type Breadcrumb, Breadcrumbs } from '../breadcrumbs'\nimport { widgetIds } from '../model'\nimport type { Category, SeoHeaderHelpers } from './model'\nimport { CategoriesDesktop, CategoriesMobile } from './ui'\nimport { useDevice } from '$/shared/hooks'\nimport { capitalize, cn } from '$/shared/utils'\n\nexport type SeoHeaderClasses = {\n root?: string\n}\n\nexport type SeoHeaderProps = {\n categories: Category[]\n helpers: SeoHeaderHelpers[]\n breadcrumbs: Breadcrumb[]\n phone: string\n classes?: SeoHeaderClasses\n}\n\nexport const SeoHeader = ({ categories, helpers, phone, breadcrumbs, classes }: SeoHeaderProps) => {\n const { isMobile } = useDevice()\n\n return (\n <div id={widgetIds.seoHeader} data-test-id={widgetIds.seoHeader} className={cn('w-full bg-color-white', classes?.root)}>\n <ResponsiveContainer className='mx-auto w-full'>\n <CategoriesMobile categories={categories.map((category) => category.children).flat()} helpers={helpers} phone={phone} />\n <CategoriesDesktop categories={categories} helpers={helpers} phone={phone} />\n <Breadcrumbs\n ellipsis={isMobile ? 1 : undefined}\n breadcrumbs={breadcrumbs}\n matcher={(breadcrumb) => ({ label: capitalize(breadcrumb.label).split('-').join(' ') })}\n />\n </ResponsiveContainer>\n </div>\n )\n}\n\nexport default SeoHeader\n"],"names":["SeoHeader","categories","helpers","phone","breadcrumbs","classes","isMobile","useDevice","widgetIds","cn","jsxs","ResponsiveContainer","jsx","CategoriesMobile","category","CategoriesDesktop","Breadcrumbs","breadcrumb","capitalize"],"mappings":"~~o0EAoBO~~,MAAMA,GAAY,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,EAAO,YAAAC,EAAa,QAAAC,KAA8B,CACjG,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,SACG,MAAA,CAAI,GAAIC,EAAU,UAAW,eAAcA,EAAU,UAAW,UAAWC,EAAG,wBAAyBJ,GAAA,YAAAA,EAAS,IAAI,EACnH,SAAAK,EAACC,EAAA,CAAoB,UAAU,iBAC7B,SAAA,CAAAC,EAACC,EAAA,CAAiB,WAAYZ,EAAW,IAAKa,GAAaA,EAAS,QAAQ,EAAE,KAAA,EAAQ,QAAAZ,EAAkB,MAAAC,CAAA,CAAc,EACtHS,EAACG,EAAA,CAAkB,WAAAd,EAAwB,QAAAC,EAAkB,MAAAC,CAAA,CAAc,EAC3ES,EAACI,EAAA,CACC,SAAUV,EAAW,EAAI,OACzB,YAAAF,EACA,QAAUa,IAAgB,CAAE,MAAOC,EAAWD,EAAW,KAAK,EAAE,MAAM,GAAG,EAAE,KAAK,GAAG,CAAA,EAAE,CAAA,CACvF,CAAA,CACF,CAAA,CACF,CAEJ"}
1	+ {"version":3,"file":"SeoHeader.js","sources":["../../../../lib/widgets/seoHeader/SeoHeader.tsx"],"sourcesContent":["import { ResponsiveContainer } from '../../shared/ui'\nimport { type Breadcrumb, Breadcrumbs } from '../breadcrumbs'\nimport { widgetIds } from '../model'\nimport type { Category, SeoHeaderHelpers } from './model'\nimport { CategoriesDesktop, CategoriesMobile } from './ui'\nimport { useDevice } from '$/shared/hooks'\nimport { capitalize, cn } from '$/shared/utils'\n\nexport type SeoHeaderClasses = {\n root?: string\n}\n\nexport type SeoHeaderProps = {\n categories: Category[]\n helpers: SeoHeaderHelpers[]\n breadcrumbs: Breadcrumb[]\n phone: string\n classes?: SeoHeaderClasses\n}\n\nexport const SeoHeader = ({ categories, helpers, phone, breadcrumbs, classes }: SeoHeaderProps) => {\n const { isMobile } = useDevice()\n\n return (\n <div id={widgetIds.seoHeader} data-test-id={widgetIds.seoHeader} className={cn('w-full bg-color-white', classes?.root)}>\n <ResponsiveContainer className='mx-auto w-full'>\n <CategoriesMobile categories={categories.map((category) => category.children).flat()} helpers={helpers} phone={phone} />\n <CategoriesDesktop categories={categories} helpers={helpers} phone={phone} />\n <Breadcrumbs\n ellipsis={isMobile ? 1 : undefined}\n breadcrumbs={breadcrumbs}\n matcher={(breadcrumb) => ({ label: capitalize(breadcrumb.label).split('-').join(' ') })}\n />\n </ResponsiveContainer>\n </div>\n )\n}\n\nexport default SeoHeader\n"],"names":["SeoHeader","categories","helpers","phone","breadcrumbs","classes","isMobile","useDevice","widgetIds","cn","jsxs","ResponsiveContainer","jsx","CategoriesMobile","category","CategoriesDesktop","Breadcrumbs","breadcrumb","capitalize"],"mappings":"++EAoBO,MAAMA,GAAY,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,EAAO,YAAAC,EAAa,QAAAC,KAA8B,CACjG,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,SACG,MAAA,CAAI,GAAIC,EAAU,UAAW,eAAcA,EAAU,UAAW,UAAWC,EAAG,wBAAyBJ,GAAA,YAAAA,EAAS,IAAI,EACnH,SAAAK,EAACC,EAAA,CAAoB,UAAU,iBAC7B,SAAA,CAAAC,EAACC,EAAA,CAAiB,WAAYZ,EAAW,IAAKa,GAAaA,EAAS,QAAQ,EAAE,KAAA,EAAQ,QAAAZ,EAAkB,MAAAC,CAAA,CAAc,EACtHS,EAACG,EAAA,CAAkB,WAAAd,EAAwB,QAAAC,EAAkB,MAAAC,CAAA,CAAc,EAC3ES,EAACI,EAAA,CACC,SAAUV,EAAW,EAAI,OACzB,YAAAF,EACA,QAAUa,IAAgB,CAAE,MAAOC,EAAWD,EAAW,KAAK,EAAE,MAAM,GAAG,EAAE,KAAK,GAAG,CAAA,EAAE,CAAA,CACvF,CAAA,CACF,CAAA,CACF,CAEJ"}

package/dist/lib/widgets/seoHeader/ui/desktop/CategoriesDesktop.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as t}from"react/jsx-runtime";import{useCategoryReducer as c}from"../../hooks/useCategoryReducer/useCategoryReducer.js";import{rootCategoryAction as d,currentCategoryAction as u}from"../../hooks/useCategoryReducer/actions.js";import{CategoryTabs as g}from"./CategoryTabs.js";import{RootTab as b}from"./rootTab/RootTab.js";import"../../../../../node_modules/classnames/index.js";import"react";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-hook-form";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as n}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"../../../../../src/configs/api.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 rr=({categories:o,helpers:l,phone:a})=>{const[e,p]=c({root:o[0].children[0],current:o[0].children[0]});return m("div",{className:"mobile:hidden",children:[m("div",{className:"flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4",children:[t(n,{name:"brandLogos/logoMain",className:"mr-auto w-[130px]"}),o.map(r=>{const s=e.root.title===r.title;return t(b,{category:r,selectedCategory:e.current,onCurrentCategoryChange:i=>p(u(i)),onRootCategoryChange:i=>p(d(i)),active:s},r.title)}),t("div",{className:"h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500"}),l.map(r=>m("a",{href:r.link.href,className:"desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark",children:[r.link.icon&&t(n,{name:r.link.icon,className:"size-4"}),r.title]},r.title)),t("div",{className:"h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500"}),t("a",{href:`tel:${a}`,className:"desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark",children:a})]}),t(g,{categories:e.current.children})]})};export{rr as CategoriesDesktop};
+import{jsxs as m,jsx as t}from"react/jsx-runtime";import{useCategoryReducer as c}from"../../hooks/useCategoryReducer/useCategoryReducer.js";import{rootCategoryAction as d,currentCategoryAction as u}from"../../hooks/useCategoryReducer/actions.js";import{CategoryTabs as g}from"./CategoryTabs.js";import{RootTab as b}from"./rootTab/RootTab.js";import"../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"react";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-hook-form";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as n}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"../../../../../src/configs/api.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 rr=({categories:o,helpers:l,phone:a})=>{const[e,p]=c({root:o[0].children[0],current:o[0].children[0]});return m("div",{className:"mobile:hidden",children:[m("div",{className:"flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4",children:[t(n,{name:"brandLogos/logoMain",className:"mr-auto w-[130px]"}),o.map(r=>{const s=e.root.title===r.title;return t(b,{category:r,selectedCategory:e.current,onCurrentCategoryChange:i=>p(u(i)),onRootCategoryChange:i=>p(d(i)),active:s},r.title)}),t("div",{className:"h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500"}),l.map(r=>m("a",{href:r.link.href,className:"desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark",children:[r.link.icon&&t(n,{name:r.link.icon,className:"size-4"}),r.title]},r.title)),t("div",{className:"h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500"}),t("a",{href:`tel:${a}`,className:"desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark",children:a})]}),t(g,{categories:e.current.children})]})};export{rr as CategoriesDesktop};
 //# sourceMappingURL=CategoriesDesktop.js.map

package/dist/lib/widgets/seoHeader/ui/desktop/CategoriesDesktop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CategoriesDesktop.js","sources":["../../../../../../lib/widgets/seoHeader/ui/desktop/CategoriesDesktop.tsx"],"sourcesContent":["import { currentCategoryAction, rootCategoryAction, useCategoryReducer } from '../../hooks'\nimport type { Category, SeoHeaderHelpers } from '../../model'\nimport { CategoryTabs } from './CategoryTabs'\nimport { RootTab } from './rootTab'\nimport { Icon } from '$/shared/ui'\n\ntype DesktopCategoriesProps = {\n categories: Category[]\n helpers: SeoHeaderHelpers[]\n phone: string\n}\n\nexport const CategoriesDesktop = ({ categories, helpers, phone }: DesktopCategoriesProps) => {\n const [store, dispatch] = useCategoryReducer({ root: categories[0].children[0], current: categories[0].children[0] })\n\n return (\n <div className='mobile:hidden'>\n <div className='flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4'>\n <Icon name='brandLogos/logoMain' className='mr-auto w-[130px]' />\n {categories.map((category) => {\n const active = store.root.title === category.title\n\n return (\n <RootTab\n key={category.title}\n category={category}\n selectedCategory={store.current}\n onCurrentCategoryChange={(cat) => dispatch(currentCategoryAction(cat))}\n onRootCategoryChange={(cat) => dispatch(rootCategoryAction(cat))}\n active={active}\n />\n )\n })}\n <div className='h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500' />\n {helpers.map((helper) => (\n <a\n key={helper.title}\n href={helper.link.href}\n className='desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark'\n >\n {helper.link.icon && <Icon name={helper.link.icon} className='size-4' />}\n {helper.title}\n </a>\n ))}\n <div className='h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500' />\n <a\n href={`tel:${phone}`}\n className='desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark'\n >\n {phone}\n </a>\n </div>\n <CategoryTabs categories={store.current.children} />\n </div>\n )\n}\n"],"names":["CategoriesDesktop","categories","helpers","phone","store","dispatch","useCategoryReducer","jsxs","jsx","Icon","category","active","RootTab","cat","currentCategoryAction","rootCategoryAction","helper","CategoryTabs"],"mappings":"~~o4EAYO~~,MAAMA,GAAoB,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,KAAoC,CAC3F,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAmB,CAAE,KAAML,EAAW,CAAC,EAAE,SAAS,CAAC,EAAG,QAASA,EAAW,CAAC,EAAE,SAAS,CAAC,EAAG,EAEpH,OACEM,EAAC,MAAA,CAAI,UAAU,gBACb,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAU,8FACb,SAAA,CAAAC,EAACC,EAAA,CAAK,KAAK,sBAAsB,UAAU,oBAAoB,EAC9DR,EAAW,IAAKS,GAAa,CAC5B,MAAMC,EAASP,EAAM,KAAK,QAAUM,EAAS,MAE7C,OACEF,EAACI,EAAA,CAEC,SAAAF,EACA,iBAAkBN,EAAM,QACxB,wBAA0BS,GAAQR,EAASS,EAAsBD,CAAG,CAAC,EACrE,qBAAuBA,GAAQR,EAASU,EAAmBF,CAAG,CAAC,EAC/D,OAAAF,CAAA,EALKD,EAAS,KAAA,CAQpB,CAAC,EACDF,EAAC,MAAA,CAAI,UAAU,iDAAA,CAAkD,EAChEN,EAAQ,IAAKc,GACZT,EAAC,IAAA,CAEC,KAAMS,EAAO,KAAK,KAClB,UAAU,uGAET,SAAA,CAAAA,EAAO,KAAK,MAAQR,EAACC,EAAA,CAAK,KAAMO,EAAO,KAAK,KAAM,UAAU,QAAA,CAAS,EACrEA,EAAO,KAAA,CAAA,EALHA,EAAO,KAAA,CAOf,EACDR,EAAC,MAAA,CAAI,UAAU,iDAAA,CAAkD,EACjEA,EAAC,IAAA,CACC,KAAM,OAAOL,CAAK,GAClB,UAAU,uGAET,SAAAA,CAAA,CAAA,CACH,EACF,EACAK,EAACS,EAAA,CAAa,WAAYb,EAAM,QAAQ,QAAA,CAAU,CAAA,EACpD,CAEJ"}
1	+ {"version":3,"file":"CategoriesDesktop.js","sources":["../../../../../../lib/widgets/seoHeader/ui/desktop/CategoriesDesktop.tsx"],"sourcesContent":["import { currentCategoryAction, rootCategoryAction, useCategoryReducer } from '../../hooks'\nimport type { Category, SeoHeaderHelpers } from '../../model'\nimport { CategoryTabs } from './CategoryTabs'\nimport { RootTab } from './rootTab'\nimport { Icon } from '$/shared/ui'\n\ntype DesktopCategoriesProps = {\n categories: Category[]\n helpers: SeoHeaderHelpers[]\n phone: string\n}\n\nexport const CategoriesDesktop = ({ categories, helpers, phone }: DesktopCategoriesProps) => {\n const [store, dispatch] = useCategoryReducer({ root: categories[0].children[0], current: categories[0].children[0] })\n\n return (\n <div className='mobile:hidden'>\n <div className='flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4'>\n <Icon name='brandLogos/logoMain' className='mr-auto w-[130px]' />\n {categories.map((category) => {\n const active = store.root.title === category.title\n\n return (\n <RootTab\n key={category.title}\n category={category}\n selectedCategory={store.current}\n onCurrentCategoryChange={(cat) => dispatch(currentCategoryAction(cat))}\n onRootCategoryChange={(cat) => dispatch(rootCategoryAction(cat))}\n active={active}\n />\n )\n })}\n <div className='h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500' />\n {helpers.map((helper) => (\n <a\n key={helper.title}\n href={helper.link.href}\n className='desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark'\n >\n {helper.link.icon && <Icon name={helper.link.icon} className='size-4' />}\n {helper.title}\n </a>\n ))}\n <div className='h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500' />\n <a\n href={`tel:${phone}`}\n className='desk-body-regular-m flex items-center gap-x-1 text-color-tetriary duration-100 hover:text-color-dark'\n >\n {phone}\n </a>\n </div>\n <CategoryTabs categories={store.current.children} />\n </div>\n )\n}\n"],"names":["CategoriesDesktop","categories","helpers","phone","store","dispatch","useCategoryReducer","jsxs","jsx","Icon","category","active","RootTab","cat","currentCategoryAction","rootCategoryAction","helper","CategoryTabs"],"mappings":"6/EAYO,MAAMA,GAAoB,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,KAAoC,CAC3F,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAmB,CAAE,KAAML,EAAW,CAAC,EAAE,SAAS,CAAC,EAAG,QAASA,EAAW,CAAC,EAAE,SAAS,CAAC,EAAG,EAEpH,OACEM,EAAC,MAAA,CAAI,UAAU,gBACb,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAU,8FACb,SAAA,CAAAC,EAACC,EAAA,CAAK,KAAK,sBAAsB,UAAU,oBAAoB,EAC9DR,EAAW,IAAKS,GAAa,CAC5B,MAAMC,EAASP,EAAM,KAAK,QAAUM,EAAS,MAE7C,OACEF,EAACI,EAAA,CAEC,SAAAF,EACA,iBAAkBN,EAAM,QACxB,wBAA0BS,GAAQR,EAASS,EAAsBD,CAAG,CAAC,EACrE,qBAAuBA,GAAQR,EAASU,EAAmBF,CAAG,CAAC,EAC/D,OAAAF,CAAA,EALKD,EAAS,KAAA,CAQpB,CAAC,EACDF,EAAC,MAAA,CAAI,UAAU,iDAAA,CAAkD,EAChEN,EAAQ,IAAKc,GACZT,EAAC,IAAA,CAEC,KAAMS,EAAO,KAAK,KAClB,UAAU,uGAET,SAAA,CAAAA,EAAO,KAAK,MAAQR,EAACC,EAAA,CAAK,KAAMO,EAAO,KAAK,KAAM,UAAU,QAAA,CAAS,EACrEA,EAAO,KAAA,CAAA,EALHA,EAAO,KAAA,CAOf,EACDR,EAAC,MAAA,CAAI,UAAU,iDAAA,CAAkD,EACjEA,EAAC,IAAA,CACC,KAAM,OAAOL,CAAK,GAClB,UAAU,uGAET,SAAAA,CAAA,CAAA,CACH,EACF,EACAK,EAACS,EAAA,CAAa,WAAYb,EAAM,QAAQ,QAAA,CAAU,CAAA,EACpD,CAEJ"}

package/dist/lib/widgets/seoHeader/ui/desktop/CategoryTabs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as n}from"react/jsx-runtime";import{memo as l,useState as a,useCallback as s,useRef as c}from"react";import"../../../../../node_modules/classnames/index.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-hook-form";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 b}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"../../../../../src/configs/api.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{Tab as f}from"./tab/Tab.js";import{AnimatePresence as u}from"../../../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";const d=({categories:i})=>{const[e,m]=a(null),p=s(r=>{m(r)},[]),o=c(null);return t(u,{mode:"sync",children:n("div",{ref:o,id:"tabs",className:"relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]",children:[i.map(r=>t(f,{ref:o,category:r,active:e===r.title,onActiveTabChange:p},r.title)),t(b,{icon:"general/loginFilled",href:"https://halvacard.ru/lk2/",target:"_blank",classes:{link:"ml-auto cursor-pointer desk-body-regular-m gap-2 hover:no-underline"},rel:"noreferrer",children:"Войти"})]})})},Z=l(d);export{Z as CategoryTabs};
+import{jsx as t,jsxs as n}from"react/jsx-runtime";import{memo as l,useState as a,useCallback as s,useRef as c}from"react";import"../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.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-hook-form";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/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 b}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"../../../../../src/configs/api.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{Tab as f}from"./tab/Tab.js";import{AnimatePresence as u}from"../../../../../node_modules/.pnpm/framer-motion@11.18.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";const d=({categories:i})=>{const[e,m]=a(null),p=s(r=>{m(r)},[]),o=c(null);return t(u,{mode:"sync",children:n("div",{ref:o,id:"tabs",className:"relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]",children:[i.map(r=>t(f,{ref:o,category:r,active:e===r.title,onActiveTabChange:p},r.title)),t(b,{icon:"general/loginFilled",href:"https://halvacard.ru/lk2/",target:"_blank",classes:{link:"ml-auto cursor-pointer desk-body-regular-m gap-2 hover:no-underline"},rel:"noreferrer",children:"Войти"})]})})},Z=l(d);export{Z as CategoryTabs};
 //# sourceMappingURL=CategoryTabs.js.map

package/dist/lib/widgets/seoHeader/ui/desktop/CategoryTabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CategoryTabs.js","sources":["../../../../../../lib/widgets/seoHeader/ui/desktop/CategoryTabs.tsx"],"sourcesContent":["import { memo, useCallback, useRef, useState } from 'react'\nimport { AnimatePresence } from 'framer-motion'\nimport { CustomLink } from '../../../../shared/ui'\nimport type { Category } from '../../model'\nimport { Tab } from './tab'\n\ntype CategoryTabsProps = {\n categories: Category[]\n}\n\nconst InnerComponent = ({ categories }: CategoryTabsProps) => {\n const [activeTab, setActiveTab] = useState<string \| null>(null)\n\n const onActiveTabChange = useCallback((active: string \| null) => {\n setActiveTab(active)\n }, [])\n\n const triggerRef = useRef<HTMLDivElement>(null)\n\n return (\n <AnimatePresence mode='sync'>\n <div\n ref={triggerRef}\n id='tabs'\n className='relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]'\n >\n {categories.map((category) => (\n <Tab\n key={category.title}\n ref={triggerRef}\n category={category}\n active={activeTab === category.title}\n onActiveTabChange={onActiveTabChange}\n />\n ))}\n <CustomLink\n icon='general/loginFilled'\n href='https://halvacard.ru/lk2/'\n target='_blank'\n classes={{\n link: 'ml-auto cursor-pointer desk-body-regular-m gap-2 hover:no-underline'\n }}\n rel='noreferrer'\n >\n Войти\n </CustomLink>\n </div>\n </AnimatePresence>\n )\n}\n\nexport const CategoryTabs = memo(InnerComponent) as typeof InnerComponent\n"],"names":["InnerComponent","categories","activeTab","setActiveTab","useState","onActiveTabChange","useCallback","active","triggerRef","useRef","jsx","AnimatePresence","jsxs","category","Tab","CustomLink","CategoryTabs","memo"],"mappings":"~~u0EAUA~~,MAAMA,EAAiB,CAAC,CAAE,WAAAC,KAAoC,CAC5D,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAwB,IAAI,EAExDC,EAAoBC,EAAaC,GAA0B,CAC/DJ,EAAaI,CAAM,CACrB,EAAG,CAAA,CAAE,EAECC,EAAaC,EAAuB,IAAI,EAE9C,OACEC,EAACC,EAAA,CAAgB,KAAK,OACpB,SAAAC,EAAC,MAAA,CACC,IAAKJ,EACL,GAAG,OACH,UAAU,kGAET,SAAA,CAAAP,EAAW,IAAKY,GACfH,EAACI,EAAA,CAEC,IAAKN,EACL,SAAAK,EACA,OAAQX,IAAcW,EAAS,MAC/B,kBAAAR,CAAA,EAJKQ,EAAS,KAAA,CAMjB,EACDH,EAACK,EAAA,CACC,KAAK,sBACL,KAAK,4BACL,OAAO,SACP,QAAS,CACP,KAAM,qEAAA,EAER,IAAI,aACL,SAAA,OAAA,CAAA,CAED,CAAA,CAAA,EAEJ,CAEJ,EAEaC,EAAeC,EAAKjB,CAAc"}
1	+ {"version":3,"file":"CategoryTabs.js","sources":["../../../../../../lib/widgets/seoHeader/ui/desktop/CategoryTabs.tsx"],"sourcesContent":["import { memo, useCallback, useRef, useState } from 'react'\nimport { AnimatePresence } from 'framer-motion'\nimport { CustomLink } from '../../../../shared/ui'\nimport type { Category } from '../../model'\nimport { Tab } from './tab'\n\ntype CategoryTabsProps = {\n categories: Category[]\n}\n\nconst InnerComponent = ({ categories }: CategoryTabsProps) => {\n const [activeTab, setActiveTab] = useState<string \| null>(null)\n\n const onActiveTabChange = useCallback((active: string \| null) => {\n setActiveTab(active)\n }, [])\n\n const triggerRef = useRef<HTMLDivElement>(null)\n\n return (\n <AnimatePresence mode='sync'>\n <div\n ref={triggerRef}\n id='tabs'\n className='relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]'\n >\n {categories.map((category) => (\n <Tab\n key={category.title}\n ref={triggerRef}\n category={category}\n active={activeTab === category.title}\n onActiveTabChange={onActiveTabChange}\n />\n ))}\n <CustomLink\n icon='general/loginFilled'\n href='https://halvacard.ru/lk2/'\n target='_blank'\n classes={{\n link: 'ml-auto cursor-pointer desk-body-regular-m gap-2 hover:no-underline'\n }}\n rel='noreferrer'\n >\n Войти\n </CustomLink>\n </div>\n </AnimatePresence>\n )\n}\n\nexport const CategoryTabs = memo(InnerComponent) as typeof InnerComponent\n"],"names":["InnerComponent","categories","activeTab","setActiveTab","useState","onActiveTabChange","useCallback","active","triggerRef","useRef","jsx","AnimatePresence","jsxs","category","Tab","CustomLink","CategoryTabs","memo"],"mappings":"qhFAUA,MAAMA,EAAiB,CAAC,CAAE,WAAAC,KAAoC,CAC5D,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAwB,IAAI,EAExDC,EAAoBC,EAAaC,GAA0B,CAC/DJ,EAAaI,CAAM,CACrB,EAAG,CAAA,CAAE,EAECC,EAAaC,EAAuB,IAAI,EAE9C,OACEC,EAACC,EAAA,CAAgB,KAAK,OACpB,SAAAC,EAAC,MAAA,CACC,IAAKJ,EACL,GAAG,OACH,UAAU,kGAET,SAAA,CAAAP,EAAW,IAAKY,GACfH,EAACI,EAAA,CAEC,IAAKN,EACL,SAAAK,EACA,OAAQX,IAAcW,EAAS,MAC/B,kBAAAR,CAAA,EAJKQ,EAAS,KAAA,CAMjB,EACDH,EAACK,EAAA,CACC,KAAK,sBACL,KAAK,4BACL,OAAO,SACP,QAAS,CACP,KAAM,qEAAA,EAER,IAAI,aACL,SAAA,OAAA,CAAA,CAED,CAAA,CAAA,EAEJ,CAEJ,EAEaC,EAAeC,EAAKjB,CAAc"}

package/dist/lib/widgets/seoHeader/ui/desktop/tab/Tab.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as p,jsx as f}from"react/jsx-runtime";import{memo as c,forwardRef as d}from"react";import{TabContent as h}from"./ui/content/TabContent.js";import{cn as x}from"../../../../../shared/utils/cn.js";import{TypeGuards as m}from"../../../../../shared/utils/typeGuards.js";import{motion as k}from"../../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const b=d(({category:t,active:u,onActiveTabChange:r},e)=>{var s,a;const n=e&&"current"in e?e:null,o=(s=n==null?void 0:n.current)==null?void 0:s.getBoundingClientRect(),l=u&&!m.isArrayEmpty(t.children),i=t.link?m.isStringEmpty(t.link.href)?"span":"a":"span";return p(k.div,{ref:e,className:x("relative flex cursor-default items-center justify-center py-4 text-color-dark after:z-30",'after:content="" after:absolute after:bottom-0 after:left-1/2 after:h-[1px]',"after:w-0 after:-translate-x-1/2 after:bg-color-primary-default after:duration-100",{"text-color-primary-default":l,"after:w-full":l}),onMouseEnter:()=>r(t.title),onMouseLeave:()=>r(null),onFocus:()=>r(t.title),children:[f(i,{href:i==="a"?(a=t.link)==null?void 0:a.href:void 0,className:"desk-body-regular-m outline-none",children:t.title}),l&&f(h,{categories:t.children,style:{top:o?o.top+o.height:0}})]})}),B=c(b);export{B as Tab};
+import{jsxs as p,jsx as f}from"react/jsx-runtime";import{memo as c,forwardRef as d}from"react";import{TabContent as h}from"./ui/content/TabContent.js";import{cn as x}from"../../../../../shared/utils/cn.js";import{TypeGuards as m}from"../../../../../shared/utils/typeGuards.js";import{motion as k}from"../../../../../../node_modules/.pnpm/framer-motion@11.18.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const b=d(({category:t,active:u,onActiveTabChange:r},e)=>{var s,a;const n=e&&"current"in e?e:null,o=(s=n==null?void 0:n.current)==null?void 0:s.getBoundingClientRect(),l=u&&!m.isArrayEmpty(t.children),i=t.link?m.isStringEmpty(t.link.href)?"span":"a":"span";return p(k.div,{ref:e,className:x("relative flex cursor-default items-center justify-center py-4 text-color-dark after:z-30",'after:content="" after:absolute after:bottom-0 after:left-1/2 after:h-[1px]',"after:w-0 after:-translate-x-1/2 after:bg-color-primary-default after:duration-100",{"text-color-primary-default":l,"after:w-full":l}),onMouseEnter:()=>r(t.title),onMouseLeave:()=>r(null),onFocus:()=>r(t.title),children:[f(i,{href:i==="a"?(a=t.link)==null?void 0:a.href:void 0,className:"desk-body-regular-m outline-none",children:t.title}),l&&f(h,{categories:t.children,style:{top:o?o.top+o.height:0}})]})}),B=c(b);export{B as Tab};
 //# sourceMappingURL=Tab.js.map

package/dist/lib/widgets/seoHeader/ui/desktop/tab/Tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.js","sources":["../../../../../../../lib/widgets/seoHeader/ui/desktop/tab/Tab.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react'\nimport { motion } from 'framer-motion'\nimport type { Category } from '../../../model'\nimport { TabContent } from './ui'\nimport { cn, TypeGuards } from '$/shared/utils'\n\ntype TabProps = {\n category: Category\n active: boolean\n onActiveTabChange: (active: string \| null) => void\n}\n\nconst InnerComponent = forwardRef<HTMLDivElement, TabProps>(({ category, active, onActiveTabChange }, ref) => {\n const rootRef = ref && 'current' in ref ? ref : null\n const triggerClientRect = rootRef?.current?.getBoundingClientRect()\n\n const contentShouldRender = active && !TypeGuards.isArrayEmpty(category.children)\n\n const Button = !category.link ? 'span' : TypeGuards.isStringEmpty(category.link.href) ? 'span' : 'a'\n\n return (\n <motion.div\n ref={ref}\n className={cn(\n 'relative flex cursor-default items-center justify-center py-4 text-color-dark after:z-30',\n 'after:content=\"\" after:absolute after:bottom-0 after:left-1/2 after:h-[1px]',\n 'after:w-0 after:-translate-x-1/2 after:bg-color-primary-default after:duration-100',\n {\n 'text-color-primary-default': contentShouldRender,\n 'after:w-full': contentShouldRender\n }\n )}\n onMouseEnter={() => onActiveTabChange(category.title!)}\n onMouseLeave={() => onActiveTabChange(null)}\n onFocus={() => onActiveTabChange(category.title!)}\n >\n <Button href={Button === 'a' ? category.link?.href : undefined} className='desk-body-regular-m outline-none'>\n {category.title}\n </Button>\n {contentShouldRender && (\n <TabContent\n categories={category.children}\n style={{\n top: triggerClientRect ? triggerClientRect.top + triggerClientRect.height : 0\n }}\n />\n )}\n </motion.div>\n )\n})\n\nexport const Tab = memo(InnerComponent) as typeof InnerComponent\n"],"names":["InnerComponent","forwardRef","category","active","onActiveTabChange","ref","rootRef","triggerClientRect","_a","contentShouldRender","TypeGuards","Button","jsxs","motion","cn","jsx","_b","TabContent","Tab","memo"],"mappings":"~~qYAYA~~,MAAMA,EAAiBC,EAAqC,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAQ,kBAAAC,CAAA,EAAqBC,IAAQ,SAC5G,MAAMC,EAAUD,GAAO,YAAaA,EAAMA,EAAM,KAC1CE,GAAoBC,EAAAF,GAAA,YAAAA,EAAS,UAAT,YAAAE,EAAkB,wBAEtCC,EAAsBN,GAAU,CAACO,EAAW,aAAaR,EAAS,QAAQ,EAE1ES,EAAUT,EAAS,KAAgBQ,EAAW,cAAcR,EAAS,KAAK,IAAI,EAAI,OAAS,IAAjE,OAEhC,OACEU,EAACC,EAAO,IAAP,CACC,IAAAR,EACA,UAAWS,EACT,2FACA,8EACA,qFACA,CACE,6BAA8BL,EAC9B,eAAgBA,CAAA,CAClB,EAEF,aAAc,IAAML,EAAkBF,EAAS,KAAM,EACrD,aAAc,IAAME,EAAkB,IAAI,EAC1C,QAAS,IAAMA,EAAkBF,EAAS,KAAM,EAEhD,SAAA,CAAAa,EAACJ,EAAA,CAAO,KAAMA,IAAW,KAAMK,EAAAd,EAAS,OAAT,YAAAc,EAAe,KAAO,OAAW,UAAU,mCACvE,SAAAd,EAAS,MACZ,EACCO,GACCM,EAACE,EAAA,CACC,WAAYf,EAAS,SACrB,MAAO,CACL,IAAKK,EAAoBA,EAAkB,IAAMA,EAAkB,OAAS,CAAA,CAC9E,CAAA,CACF,CAAA,CAAA,CAIR,CAAC,EAEYW,EAAMC,EAAKnB,CAAc"}
1	+ {"version":3,"file":"Tab.js","sources":["../../../../../../../lib/widgets/seoHeader/ui/desktop/tab/Tab.tsx"],"sourcesContent":["import { forwardRef, memo } from 'react'\nimport { motion } from 'framer-motion'\nimport type { Category } from '../../../model'\nimport { TabContent } from './ui'\nimport { cn, TypeGuards } from '$/shared/utils'\n\ntype TabProps = {\n category: Category\n active: boolean\n onActiveTabChange: (active: string \| null) => void\n}\n\nconst InnerComponent = forwardRef<HTMLDivElement, TabProps>(({ category, active, onActiveTabChange }, ref) => {\n const rootRef = ref && 'current' in ref ? ref : null\n const triggerClientRect = rootRef?.current?.getBoundingClientRect()\n\n const contentShouldRender = active && !TypeGuards.isArrayEmpty(category.children)\n\n const Button = !category.link ? 'span' : TypeGuards.isStringEmpty(category.link.href) ? 'span' : 'a'\n\n return (\n <motion.div\n ref={ref}\n className={cn(\n 'relative flex cursor-default items-center justify-center py-4 text-color-dark after:z-30',\n 'after:content=\"\" after:absolute after:bottom-0 after:left-1/2 after:h-[1px]',\n 'after:w-0 after:-translate-x-1/2 after:bg-color-primary-default after:duration-100',\n {\n 'text-color-primary-default': contentShouldRender,\n 'after:w-full': contentShouldRender\n }\n )}\n onMouseEnter={() => onActiveTabChange(category.title!)}\n onMouseLeave={() => onActiveTabChange(null)}\n onFocus={() => onActiveTabChange(category.title!)}\n >\n <Button href={Button === 'a' ? category.link?.href : undefined} className='desk-body-regular-m outline-none'>\n {category.title}\n </Button>\n {contentShouldRender && (\n <TabContent\n categories={category.children}\n style={{\n top: triggerClientRect ? triggerClientRect.top + triggerClientRect.height : 0\n }}\n />\n )}\n </motion.div>\n )\n})\n\nexport const Tab = memo(InnerComponent) as typeof InnerComponent\n"],"names":["InnerComponent","forwardRef","category","active","onActiveTabChange","ref","rootRef","triggerClientRect","_a","contentShouldRender","TypeGuards","Button","jsxs","motion","cn","jsx","_b","TabContent","Tab","memo"],"mappings":"0dAYA,MAAMA,EAAiBC,EAAqC,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAQ,kBAAAC,CAAA,EAAqBC,IAAQ,SAC5G,MAAMC,EAAUD,GAAO,YAAaA,EAAMA,EAAM,KAC1CE,GAAoBC,EAAAF,GAAA,YAAAA,EAAS,UAAT,YAAAE,EAAkB,wBAEtCC,EAAsBN,GAAU,CAACO,EAAW,aAAaR,EAAS,QAAQ,EAE1ES,EAAUT,EAAS,KAAgBQ,EAAW,cAAcR,EAAS,KAAK,IAAI,EAAI,OAAS,IAAjE,OAEhC,OACEU,EAACC,EAAO,IAAP,CACC,IAAAR,EACA,UAAWS,EACT,2FACA,8EACA,qFACA,CACE,6BAA8BL,EAC9B,eAAgBA,CAAA,CAClB,EAEF,aAAc,IAAML,EAAkBF,EAAS,KAAM,EACrD,aAAc,IAAME,EAAkB,IAAI,EAC1C,QAAS,IAAMA,EAAkBF,EAAS,KAAM,EAEhD,SAAA,CAAAa,EAACJ,EAAA,CAAO,KAAMA,IAAW,KAAMK,EAAAd,EAAS,OAAT,YAAAc,EAAe,KAAO,OAAW,UAAU,mCACvE,SAAAd,EAAS,MACZ,EACCO,GACCM,EAACE,EAAA,CACC,WAAYf,EAAS,SACrB,MAAO,CACL,IAAKK,EAAoBA,EAAkB,IAAMA,EAAkB,OAAS,CAAA,CAC9E,CAAA,CACF,CAAA,CAAA,CAIR,CAAC,EAEYW,EAAMC,EAAKnB,CAAc"}

package/dist/lib/widgets/seoHeader/ui/desktop/tab/ui/content/TabContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as l}from"react/jsx-runtime";import{createPortal as c}from"react-dom";import{cn as x}from"../../../../../../../shared/utils/cn.js";import"react";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-hook-form";import"../../../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as u}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"../../../../../../../../src/configs/api.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{motion as d}from"../../../../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const Z=({categories:n,...s})=>{var o,i;return c(r(d.div,{...s,layout:!0,initial:{opacity:0},animate:{opacity:1},transition:{duration:.2},className:x("absolute z-20 w-full bg-color-white",'after:absolute after:left-1/2 after:top-[-1px] after:h-[1px] after:w-full after:max-w-[636px] after:-translate-x-1/2 after:bg-color-blue-grey-200 after:content-[""] after:desktop:max-w-[1140px]'),children:r("div",{className:"mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10",children:n.map(t=>{var m;const f=t.link?"a":"p";return l("div",{className:"flex flex-col gap-y-6",children:[t.title&&l(f,{href:((m=t.link)==null?void 0:m.href)??void 0,className:"flex items-center gap-x-1 text-16 uppercase text-color-primary-default",children:[t.title,r(u,{name:"arrows/arrowLink",className:"size-6"})]}),r("ul",{className:"w-[328px]",children:t.children.map(e=>{var a,p;return r("li",{className:"w-full [&:not(:last-child)]:mb-4",children:r("a",{href:(a=e.link)==null?void 0:a.href,target:(p=e.link)==null?void 0:p.target,className:"w-full text-16",children:e.title})},e.title)})})]},t.title)})})}),((i=(o=document.body.querySelector("#modal-preview"))==null?void 0:o.contentDocument)==null?void 0:i.body)??document.body)};export{Z as TabContent};
+import{jsx as r,jsxs as l}from"react/jsx-runtime";import{createPortal as c}from"react-dom";import{cn as x}from"../../../../../../../shared/utils/cn.js";import"react";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-hook-form";import"../../../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as u}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"../../../../../../../../src/configs/api.js";import"../../../../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{motion as d}from"../../../../../../../../node_modules/.pnpm/framer-motion@11.18.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const _=({categories:n,...s})=>{var e,i;return c(r(d.div,{...s,layout:!0,initial:{opacity:0},animate:{opacity:1},transition:{duration:.2},className:x("absolute z-20 w-full bg-color-white",'after:absolute after:left-1/2 after:top-[-1px] after:h-[1px] after:w-full after:max-w-[636px] after:-translate-x-1/2 after:bg-color-blue-grey-200 after:content-[""] after:desktop:max-w-[1140px]'),children:r("div",{className:"mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10",children:n.map(t=>{var m;const f=t.link?"a":"p";return l("div",{className:"flex flex-col gap-y-6",children:[t.title&&l(f,{href:((m=t.link)==null?void 0:m.href)??void 0,className:"flex items-center gap-x-1 text-16 uppercase text-color-primary-default",children:[t.title,r(u,{name:"arrows/arrowLink",className:"size-6"})]}),r("ul",{className:"w-[328px]",children:t.children.map(o=>{var p,a;return r("li",{className:"w-full [&:not(:last-child)]:mb-4",children:r("a",{href:(p=o.link)==null?void 0:p.href,target:(a=o.link)==null?void 0:a.target,className:"w-full text-16",children:o.title})},o.title)})})]},t.title)})})}),((i=(e=document.body.querySelector("#modal-preview"))==null?void 0:e.contentDocument)==null?void 0:i.body)??document.body)};export{_ as TabContent};
 //# sourceMappingURL=TabContent.js.map

package/dist/lib/widgets/seoHeader/ui/desktop/tab/ui/content/TabContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabContent.js","sources":["../../../../../../../../../lib/widgets/seoHeader/ui/desktop/tab/ui/content/TabContent.tsx"],"sourcesContent":["import { createPortal } from 'react-dom'\nimport { motion } from 'framer-motion'\nimport type { Category } from '../../../../../model'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype TabContentProps = React.ComponentProps<typeof motion.div> & {\n categories: Category[]\n}\n\nexport const TabContent = ({ categories, ...props }: TabContentProps) => {\n return createPortal(\n <motion.div\n {...props}\n layout\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n transition={{ duration: 0.2 }}\n className={cn(\n 'absolute z-20 w-full bg-color-white',\n 'after:absolute after:left-1/2 after:top-[-1px] after:h-[1px] after:w-full after:max-w-[636px] after:-translate-x-1/2 after:bg-color-blue-grey-200 after:content-[\"\"] after:desktop:max-w-[1140px]'\n )}\n >\n <div className='mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10'>\n {categories.map((category) => {\n const CategoryTitle = category.link ? 'a' : 'p'\n\n return (\n <div key={category.title} className='flex flex-col gap-y-6'>\n {category.title && (\n <CategoryTitle\n href={category.link?.href ?? undefined}\n className='flex items-center gap-x-1 text-16 uppercase text-color-primary-default'\n >\n {category.title}\n\n <Icon name='arrows/arrowLink' className='size-6' />\n </CategoryTitle>\n )}\n <ul className='w-[328px]'>\n {category.children.map((child) => (\n <li key={child.title} className='w-full [&:not(:last-child)]:mb-4'>\n <a href={child.link?.href} target={child.link?.target} className='w-full text-16'>\n {child.title}\n </a>\n </li>\n ))}\n </ul>\n </div>\n )\n })}\n </div>\n </motion.div>,\n /*\n Нужно для preview, чтобы категории рендерились в iframe\n */\n document.body.querySelector<HTMLIFrameElement>('#modal-preview')?.contentDocument?.body ?? document.body\n )\n}\n"],"names":["TabContent","categories","props","createPortal","jsx","motion","cn","category","CategoryTitle","jsxs","_a","Icon","child","_b"],"mappings":"~~u/EAUO~~,MAAMA,EAAa,CAAC,CAAE,WAAAC,EAAY,GAAGC,KAA6B,SACvE,OAAOC,EACLC,EAACC,EAAO,IAAP,CACE,GAAGH,EACJ,OAAM,GACN,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EACpB,WAAY,CAAE,SAAU,EAAA,EACxB,UAAWI,EACT,sCACA,mMAAA,EAGF,WAAC,MAAA,CAAI,UAAU,wDACZ,SAAAL,EAAW,IAAKM,GAAa,OAC5B,MAAMC,EAAgBD,EAAS,KAAO,IAAM,IAE5C,OACEE,EAAC,MAAA,CAAyB,UAAU,wBACjC,SAAA,CAAAF,EAAS,OACRE,EAACD,EAAA,CACC,OAAME,EAAAH,EAAS,OAAT,YAAAG,EAAe,OAAQ,OAC7B,UAAU,yEAET,SAAA,CAAAH,EAAS,MAEVH,EAACO,EAAA,CAAK,KAAK,mBAAmB,UAAU,QAAA,CAAS,CAAA,CAAA,CAAA,EAGrDP,EAAC,KAAA,CAAG,UAAU,YACX,SAAAG,EAAS,SAAS,IAAKK,GAAA,SACtB,OAAAR,EAAC,KAAA,CAAqB,UAAU,mCAC9B,SAAAA,EAAC,IAAA,CAAE,MAAMM,EAAAE,EAAM,OAAN,YAAAF,EAAY,KAAM,QAAQG,EAAAD,EAAM,OAAN,YAAAC,EAAY,OAAQ,UAAU,iBAC9D,SAAAD,EAAM,KAAA,CACT,CAAA,EAHOA,EAAM,KAIf,EACD,CAAA,CACH,CAAA,CAAA,EAnBQL,EAAS,KAoBnB,CAEJ,CAAC,CAAA,CACH,CAAA,CAAA,IAKFM,GAAAH,EAAA,SAAS,KAAK,cAAiC,gBAAgB,IAA/D,YAAAA,EAAkE,kBAAlE,YAAAG,EAAmF,OAAQ,SAAS,IAAA,CAExG"}
1	+ {"version":3,"file":"TabContent.js","sources":["../../../../../../../../../lib/widgets/seoHeader/ui/desktop/tab/ui/content/TabContent.tsx"],"sourcesContent":["import { createPortal } from 'react-dom'\nimport { motion } from 'framer-motion'\nimport type { Category } from '../../../../../model'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype TabContentProps = React.ComponentProps<typeof motion.div> & {\n categories: Category[]\n}\n\nexport const TabContent = ({ categories, ...props }: TabContentProps) => {\n return createPortal(\n <motion.div\n {...props}\n layout\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n transition={{ duration: 0.2 }}\n className={cn(\n 'absolute z-20 w-full bg-color-white',\n 'after:absolute after:left-1/2 after:top-[-1px] after:h-[1px] after:w-full after:max-w-[636px] after:-translate-x-1/2 after:bg-color-blue-grey-200 after:content-[\"\"] after:desktop:max-w-[1140px]'\n )}\n >\n <div className='mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10'>\n {categories.map((category) => {\n const CategoryTitle = category.link ? 'a' : 'p'\n\n return (\n <div key={category.title} className='flex flex-col gap-y-6'>\n {category.title && (\n <CategoryTitle\n href={category.link?.href ?? undefined}\n className='flex items-center gap-x-1 text-16 uppercase text-color-primary-default'\n >\n {category.title}\n\n <Icon name='arrows/arrowLink' className='size-6' />\n </CategoryTitle>\n )}\n <ul className='w-[328px]'>\n {category.children.map((child) => (\n <li key={child.title} className='w-full [&:not(:last-child)]:mb-4'>\n <a href={child.link?.href} target={child.link?.target} className='w-full text-16'>\n {child.title}\n </a>\n </li>\n ))}\n </ul>\n </div>\n )\n })}\n </div>\n </motion.div>,\n /*\n Нужно для preview, чтобы категории рендерились в iframe\n */\n document.body.querySelector<HTMLIFrameElement>('#modal-preview')?.contentDocument?.body ?? document.body\n )\n}\n"],"names":["TabContent","categories","props","createPortal","jsx","motion","cn","category","CategoryTitle","jsxs","_a","Icon","child","_b"],"mappings":"swFAUO,MAAMA,EAAa,CAAC,CAAE,WAAAC,EAAY,GAAGC,KAA6B,SACvE,OAAOC,EACLC,EAACC,EAAO,IAAP,CACE,GAAGH,EACJ,OAAM,GACN,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EACpB,WAAY,CAAE,SAAU,EAAA,EACxB,UAAWI,EACT,sCACA,mMAAA,EAGF,WAAC,MAAA,CAAI,UAAU,wDACZ,SAAAL,EAAW,IAAKM,GAAa,OAC5B,MAAMC,EAAgBD,EAAS,KAAO,IAAM,IAE5C,OACEE,EAAC,MAAA,CAAyB,UAAU,wBACjC,SAAA,CAAAF,EAAS,OACRE,EAACD,EAAA,CACC,OAAME,EAAAH,EAAS,OAAT,YAAAG,EAAe,OAAQ,OAC7B,UAAU,yEAET,SAAA,CAAAH,EAAS,MAEVH,EAACO,EAAA,CAAK,KAAK,mBAAmB,UAAU,QAAA,CAAS,CAAA,CAAA,CAAA,EAGrDP,EAAC,KAAA,CAAG,UAAU,YACX,SAAAG,EAAS,SAAS,IAAKK,GAAA,SACtB,OAAAR,EAAC,KAAA,CAAqB,UAAU,mCAC9B,SAAAA,EAAC,IAAA,CAAE,MAAMM,EAAAE,EAAM,OAAN,YAAAF,EAAY,KAAM,QAAQG,EAAAD,EAAM,OAAN,YAAAC,EAAY,OAAQ,UAAU,iBAC9D,SAAAD,EAAM,KAAA,CACT,CAAA,EAHOA,EAAM,KAIf,EACD,CAAA,CACH,CAAA,CAAA,EAnBQL,EAAS,KAoBnB,CAEJ,CAAC,CAAA,CACH,CAAA,CAAA,IAKFM,GAAAH,EAAA,SAAS,KAAK,cAAiC,gBAAgB,IAA/D,YAAAA,EAAkE,kBAAlE,YAAAG,EAAmF,OAAQ,SAAS,IAAA,CAExG"}

package/dist/lib/widgets/seoHeader/ui/mobile/CategoriesMobile.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as u,jsx as o}from"react/jsx-runtime";import{useRef as d,useState as b}from"react";import{createPortal as f}from"react-dom";import{Menu as g}from"./menu/Menu.js";import"../../../../../node_modules/classnames/index.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-hook-form";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as n}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"../../../../../src/configs/api.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 $=({categories:l,helpers:a,phone:s})=>{var i,m,p;const r=d(null),t=(i=r.current)==null?void 0:i.getBoundingClientRect(),[e,c]=b(!1);return u("div",{ref:r,className:"relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4 desktop:hidden",children:[o(n,{name:"brandLogos/logoMain",className:"w-[130px]"}),o("button",{"aria-label":"Open menu",type:"button",onClick:()=>c(!e),className:"h-max w-max",children:o(n,{name:e?"general/close":"general/menu",className:"size-6 text-color-primary-default"})}),e&&f(o(g,{categories:l,helpers:a,phone:s,style:{top:t?t.top+t.height:0}}),((p=(m=document.body.querySelector("#modal-preview"))==null?void 0:m.contentDocument)==null?void 0:p.body)??document.body)]})};export{$ as CategoriesMobile};
+import{jsxs as u,jsx as o}from"react/jsx-runtime";import{useRef as d,useState as b}from"react";import{createPortal as f}from"react-dom";import{Menu as g}from"./menu/Menu.js";import"../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.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-hook-form";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as n}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"../../../../../src/configs/api.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 $=({categories:l,helpers:a,phone:s})=>{var i,m,p;const r=d(null),t=(i=r.current)==null?void 0:i.getBoundingClientRect(),[e,c]=b(!1);return u("div",{ref:r,className:"relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4 desktop:hidden",children:[o(n,{name:"brandLogos/logoMain",className:"w-[130px]"}),o("button",{"aria-label":"Open menu",type:"button",onClick:()=>c(!e),className:"h-max w-max",children:o(n,{name:e?"general/close":"general/menu",className:"size-6 text-color-primary-default"})}),e&&f(o(g,{categories:l,helpers:a,phone:s,style:{top:t?t.top+t.height:0}}),((p=(m=document.body.querySelector("#modal-preview"))==null?void 0:m.contentDocument)==null?void 0:p.body)??document.body)]})};export{$ as CategoriesMobile};
 //# sourceMappingURL=CategoriesMobile.js.map

package/dist/lib/widgets/seoHeader/ui/mobile/CategoriesMobile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CategoriesMobile.js","sources":["../../../../../../lib/widgets/seoHeader/ui/mobile/CategoriesMobile.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport type { Category, SeoHeaderHelpers } from '../../model'\nimport { Menu } from './menu'\nimport { Icon } from '$/shared/ui'\n\ntype CategoriesMobileProps = {\n categories: Category[]\n helpers: SeoHeaderHelpers[]\n phone: string\n}\n\nexport const CategoriesMobile = ({ categories, helpers, phone }: CategoriesMobileProps) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const containerClientRect = containerRef.current?.getBoundingClientRect()\n\n const [open, setOpen] = useState<boolean>(false)\n\n const onOpenToggle = () => setOpen(!open)\n\n return (\n <div\n ref={containerRef}\n className='relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4 desktop:hidden'\n >\n <Icon name='brandLogos/logoMain' className='w-[130px]' />\n <button aria-label='Open menu' type='button' onClick={onOpenToggle} className='h-max w-max'>\n <Icon name={open ? 'general/close' : 'general/menu'} className='size-6 text-color-primary-default' />\n </button>\n\n {open &&\n createPortal(\n <Menu\n categories={categories}\n helpers={helpers}\n phone={phone}\n style={{ top: containerClientRect ? containerClientRect.top + containerClientRect.height : 0 }}\n />,\n /*\n Нужно для preview, чтобы категории рендерились в iframe\n */\n document.body.querySelector<HTMLIFrameElement>('#modal-preview')?.contentDocument?.body ?? document.body\n )}\n </div>\n )\n}\n"],"names":["CategoriesMobile","categories","helpers","phone","containerRef","useRef","containerClientRect","_a","open","setOpen","useState","jsxs","jsx","Icon","createPortal","Menu","_c","_b"],"mappings":"~~4rEAYO~~,MAAMA,EAAmB,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,KAAmC,WACzF,MAAMC,EAAeC,EAAuB,IAAI,EAC1CC,GAAsBC,EAAAH,EAAa,UAAb,YAAAG,EAAsB,wBAE5C,CAACC,EAAMC,CAAO,EAAIC,EAAkB,EAAK,EAI/C,OACEC,EAAC,MAAA,CACC,IAAKP,EACL,UAAU,wGAEV,SAAA,CAAAQ,EAACC,EAAA,CAAK,KAAK,sBAAsB,UAAU,YAAY,IACtD,SAAA,CAAO,aAAW,YAAY,KAAK,SAAS,QAR5B,IAAMJ,EAAQ,CAACD,CAAI,EAQgC,UAAU,cAC5E,SAAAI,EAACC,GAAK,KAAML,EAAO,gBAAkB,eAAgB,UAAU,oCAAoC,EACrG,EAECA,GACCM,EACEF,EAACG,EAAA,CACC,WAAAd,EACA,QAAAC,EACA,MAAAC,EACA,MAAO,CAAE,IAAKG,EAAsBA,EAAoB,IAAMA,EAAoB,OAAS,CAAA,CAAE,CAAA,IAK/FU,GAAAC,EAAA,SAAS,KAAK,cAAiC,gBAAgB,IAA/D,YAAAA,EAAkE,kBAAlE,YAAAD,EAAmF,OAAQ,SAAS,IAAA,CACtG,CAAA,CAAA,CAGR"}
1	+ {"version":3,"file":"CategoriesMobile.js","sources":["../../../../../../lib/widgets/seoHeader/ui/mobile/CategoriesMobile.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport type { Category, SeoHeaderHelpers } from '../../model'\nimport { Menu } from './menu'\nimport { Icon } from '$/shared/ui'\n\ntype CategoriesMobileProps = {\n categories: Category[]\n helpers: SeoHeaderHelpers[]\n phone: string\n}\n\nexport const CategoriesMobile = ({ categories, helpers, phone }: CategoriesMobileProps) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const containerClientRect = containerRef.current?.getBoundingClientRect()\n\n const [open, setOpen] = useState<boolean>(false)\n\n const onOpenToggle = () => setOpen(!open)\n\n return (\n <div\n ref={containerRef}\n className='relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4 desktop:hidden'\n >\n <Icon name='brandLogos/logoMain' className='w-[130px]' />\n <button aria-label='Open menu' type='button' onClick={onOpenToggle} className='h-max w-max'>\n <Icon name={open ? 'general/close' : 'general/menu'} className='size-6 text-color-primary-default' />\n </button>\n\n {open &&\n createPortal(\n <Menu\n categories={categories}\n helpers={helpers}\n phone={phone}\n style={{ top: containerClientRect ? containerClientRect.top + containerClientRect.height : 0 }}\n />,\n /*\n Нужно для preview, чтобы категории рендерились в iframe\n */\n document.body.querySelector<HTMLIFrameElement>('#modal-preview')?.contentDocument?.body ?? document.body\n )}\n </div>\n )\n}\n"],"names":["CategoriesMobile","categories","helpers","phone","containerRef","useRef","containerClientRect","_a","open","setOpen","useState","jsxs","jsx","Icon","createPortal","Menu","_c","_b"],"mappings":"qzEAYO,MAAMA,EAAmB,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,KAAmC,WACzF,MAAMC,EAAeC,EAAuB,IAAI,EAC1CC,GAAsBC,EAAAH,EAAa,UAAb,YAAAG,EAAsB,wBAE5C,CAACC,EAAMC,CAAO,EAAIC,EAAkB,EAAK,EAI/C,OACEC,EAAC,MAAA,CACC,IAAKP,EACL,UAAU,wGAEV,SAAA,CAAAQ,EAACC,EAAA,CAAK,KAAK,sBAAsB,UAAU,YAAY,IACtD,SAAA,CAAO,aAAW,YAAY,KAAK,SAAS,QAR5B,IAAMJ,EAAQ,CAACD,CAAI,EAQgC,UAAU,cAC5E,SAAAI,EAACC,GAAK,KAAML,EAAO,gBAAkB,eAAgB,UAAU,oCAAoC,EACrG,EAECA,GACCM,EACEF,EAACG,EAAA,CACC,WAAAd,EACA,QAAAC,EACA,MAAAC,EACA,MAAO,CAAE,IAAKG,EAAsBA,EAAoB,IAAMA,EAAoB,OAAS,CAAA,CAAE,CAAA,IAK/FU,GAAAC,EAAA,SAAS,KAAK,cAAiC,gBAAgB,IAA/D,YAAAA,EAAkE,kBAAlE,YAAAD,EAAmF,OAAQ,SAAS,IAAA,CACtG,CAAA,CAAA,CAGR"}

package/dist/lib/widgets/seoHeader/ui/mobile/menu/Menu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useState as h,useMemo as w}from"react";import{MenuItem as y}from"./MenuItem.js";import{cn as N}from"../../../../../shared/utils/cn.js";import{TypeGuards as a}from"../../../../../shared/utils/typeGuards.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-hook-form";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as s}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{Combobox as v}from"../../../../../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"../../../../../../src/configs/api.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{motion as g}from"../../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const b=l=>l.map(r=>({value:r.title??"",label:r.title??""})),oe=({categories:l,helpers:r,phone:n,...f})=>{const p=b(l),[m,u]=h(p[0]),d=e=>{a.isUndefined(e)||a.isArray(e)||u(e)},x=w(()=>{var e;return m?((e=l.find(i=>i.title===m.value))==null?void 0:e.children)??[]:[]},[m,l]);return o(g.div,{...f,className:N("absolute z-10 w-full max-w-[calc(636px-32px)]","absolute left-1/2 top-full bg-color-white p-4","-translate-x-1/2 overflow-x-hidden","flex flex-col items-center justify-center gap-y-4"),initial:{opacity:0},animate:{opacity:1},children:[t(v,{multiple:!1,label:"Категория",options:p,value:m,onChange:d}),t("div",{className:"flex w-full flex-col items-center justify-center gap-y-1",children:x.map(e=>{var i;return a.isArrayEmpty(e.children)?t("div",{className:"w-full px-4 py-2.5",children:t("a",{href:(i=e.link)==null?void 0:i.href,className:"desk-body-regular-m inline-block w-full",children:e.title})},e.title):t(y,{category:e},e.title)})}),t("div",{className:"h-[1px] w-full bg-color-blue-grey-200"}),o("div",{className:"flex w-full flex-col items-center justify-center gap-y-1",children:[r.map(e=>{var i,c;return t("div",{className:"w-full px-4 py-2.5",children:o("a",{href:(i=e.link)==null?void 0:i.href,className:"flex w-full items-center gap-x-1",children:[((c=e.link)==null?void 0:c.icon)&&t(s,{name:e.link.icon,className:"size-4"}),e.title]})},e.title)}),t("div",{className:"w-full px-4 py-2.5",children:o("a",{href:`tel:${n}`,className:"flex w-full items-center gap-x-1",children:[t(s,{name:"communication/phone",className:"size-4"}),n]})})]})]})};export{oe as Menu};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useState as h,useMemo as w}from"react";import{MenuItem as y}from"./MenuItem.js";import{cn as N}from"../../../../../shared/utils/cn.js";import{TypeGuards as a}from"../../../../../shared/utils/typeGuards.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-hook-form";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as s}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{Combobox as v}from"../../../../../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"../../../../../../src/configs/api.js";import"../../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{motion as g}from"../../../../../../node_modules/.pnpm/framer-motion@11.18.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const b=l=>l.map(r=>({value:r.title??"",label:r.title??""})),ae=({categories:l,helpers:r,phone:n,...f})=>{const p=b(l),[m,u]=h(p[0]),d=e=>{a.isUndefined(e)||a.isArray(e)||u(e)},x=w(()=>{var e;return m?((e=l.find(i=>i.title===m.value))==null?void 0:e.children)??[]:[]},[m,l]);return o(g.div,{...f,className:N("absolute z-10 w-full max-w-[calc(636px-32px)]","absolute left-1/2 top-full bg-color-white p-4","-translate-x-1/2 overflow-x-hidden","flex flex-col items-center justify-center gap-y-4"),initial:{opacity:0},animate:{opacity:1},children:[t(v,{multiple:!1,label:"Категория",options:p,value:m,onChange:d}),t("div",{className:"flex w-full flex-col items-center justify-center gap-y-1",children:x.map(e=>{var i;return a.isArrayEmpty(e.children)?t("div",{className:"w-full px-4 py-2.5",children:t("a",{href:(i=e.link)==null?void 0:i.href,className:"desk-body-regular-m inline-block w-full",children:e.title})},e.title):t(y,{category:e},e.title)})}),t("div",{className:"h-[1px] w-full bg-color-blue-grey-200"}),o("div",{className:"flex w-full flex-col items-center justify-center gap-y-1",children:[r.map(e=>{var i,c;return t("div",{className:"w-full px-4 py-2.5",children:o("a",{href:(i=e.link)==null?void 0:i.href,className:"flex w-full items-center gap-x-1",children:[((c=e.link)==null?void 0:c.icon)&&t(s,{name:e.link.icon,className:"size-4"}),e.title]})},e.title)}),t("div",{className:"w-full px-4 py-2.5",children:o("a",{href:`tel:${n}`,className:"flex w-full items-center gap-x-1",children:[t(s,{name:"communication/phone",className:"size-4"}),n]})})]})]})};export{ae as Menu};
 //# sourceMappingURL=Menu.js.map

package/dist/lib/widgets/seoHeader/ui/mobile/menu/Menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.js","sources":["../../../../../../../lib/widgets/seoHeader/ui/mobile/menu/Menu.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { motion } from 'framer-motion'\nimport type { Category, SeoHeaderHelpers } from '../../../model'\nimport { MenuItem } from './MenuItem'\nimport { Combobox, type ComboboxItemOption, type ComboboxValue, Icon } from '$/shared/ui'\nimport { cn, TypeGuards } from '$/shared/utils'\n\nexport type MenuProps = React.ComponentProps<typeof motion.div> & {\n categories: Category[]\n helpers: SeoHeaderHelpers[]\n phone: string\n}\n\nconst getSelectCategories = (categories: Category[]): ComboboxItemOption[] =>\n categories.map((category) => ({\n value: category.title ?? '',\n label: category.title ?? ''\n }))\n\nexport const Menu = ({ categories, helpers, phone, ...props }: MenuProps) => {\n const selectCategories = getSelectCategories(categories)\n\n const [selected, setSelected] = useState<ComboboxValue<false>>(selectCategories[0])\n\n const onCategoryChange = (option?: ComboboxValue<false>) => {\n if (TypeGuards.isUndefined(option) \|\| TypeGuards.isArray(option)) return\n\n setSelected(option)\n }\n\n const selectedSubCategories = useMemo<Category[]>(() => {\n if (!selected) return []\n\n return categories.find((category) => category.title === selected.value)?.children ?? []\n }, [selected, categories])\n\n return (\n <motion.div\n {...props}\n className={cn(\n 'absolute z-10 w-full max-w-[calc(636px-32px)]',\n 'absolute left-1/2 top-full bg-color-white p-4',\n '-translate-x-1/2 overflow-x-hidden',\n 'flex flex-col items-center justify-center gap-y-4'\n )}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n >\n <Combobox multiple={false} label='Категория' options={selectCategories} value={selected} onChange={onCategoryChange} />\n <div className='flex w-full flex-col items-center justify-center gap-y-1'>\n {selectedSubCategories.map((subCategory) => {\n if (TypeGuards.isArrayEmpty(subCategory.children)) {\n return (\n <div key={subCategory.title} className='w-full px-4 py-2.5'>\n <a href={subCategory.link?.href} className='desk-body-regular-m inline-block w-full'>\n {subCategory.title}\n </a>\n </div>\n )\n }\n\n return <MenuItem key={subCategory.title} category={subCategory} />\n })}\n </div>\n <div className='h-[1px] w-full bg-color-blue-grey-200' />\n <div className='flex w-full flex-col items-center justify-center gap-y-1'>\n {helpers.map((helper) => (\n <div key={helper.title} className='w-full px-4 py-2.5'>\n <a href={helper.link?.href} className='flex w-full items-center gap-x-1'>\n {helper.link?.icon && <Icon name={helper.link.icon} className='size-4' />}\n {helper.title}\n </a>\n </div>\n ))}\n <div className='w-full px-4 py-2.5'>\n <a href={`tel:${phone}`} className='flex w-full items-center gap-x-1'>\n <Icon name='communication/phone' className='size-4' />\n {phone}\n </a>\n </div>\n </div>\n </motion.div>\n )\n}\n"],"names":["getSelectCategories","categories","category","Menu","helpers","phone","props","selectCategories","selected","setSelected","useState","onCategoryChange","option","TypeGuards","selectedSubCategories","useMemo","_a","jsxs","motion","cn","jsx","Combobox","subCategory","MenuItem","helper","_b","Icon"],"mappings":"~~y8EAaA~~,MAAMA,EAAuBC,GAC3BA,EAAW,IAAKC,IAAc,CAC5B,MAAOA,EAAS,OAAS,GACzB,MAAOA,EAAS,OAAS,EAC3B,EAAE,EAESC,GAAO,CAAC,CAAE,WAAAF,EAAY,QAAAG,EAAS,MAAAC,EAAO,GAAGC,KAAuB,CAC3E,MAAMC,EAAmBP,EAAoBC,CAAU,EAEjD,CAACO,EAAUC,CAAW,EAAIC,EAA+BH,EAAiB,CAAC,CAAC,EAE5EI,EAAoBC,GAAkC,CACtDC,EAAW,YAAYD,CAAM,GAAKC,EAAW,QAAQD,CAAM,GAE/DH,EAAYG,CAAM,CACpB,EAEME,EAAwBC,EAAoB,IAAM,OACtD,OAAKP,IAEEQ,EAAAf,EAAW,KAAMC,GAAaA,EAAS,QAAUM,EAAS,KAAK,IAA/D,YAAAQ,EAAkE,WAAY,CAAA,EAF/D,CAAA,CAGxB,EAAG,CAACR,EAAUP,CAAU,CAAC,EAEzB,OACEgB,EAACC,EAAO,IAAP,CACE,GAAGZ,EACJ,UAAWa,EACT,gDACA,gDACA,qCACA,mDAAA,EAEF,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EAEpB,SAAA,CAAAC,EAACC,EAAA,CAAS,SAAU,GAAO,MAAM,YAAY,QAASd,EAAkB,MAAOC,EAAU,SAAUG,CAAA,CAAkB,IACpH,MAAA,CAAI,UAAU,2DACZ,SAAAG,EAAsB,IAAKQ,GAAgB,OAC1C,OAAIT,EAAW,aAAaS,EAAY,QAAQ,IAE3C,MAAA,CAA4B,UAAU,qBACrC,SAAAF,EAAC,KAAE,MAAMJ,EAAAM,EAAY,OAAZ,YAAAN,EAAkB,KAAM,UAAU,0CACxC,SAAAM,EAAY,MACf,CAAA,EAHQA,EAAY,KAItB,EAIGF,EAACG,EAAA,CAAiC,SAAUD,CAAA,EAA7BA,EAAY,KAA8B,CAClE,CAAC,CAAA,CACH,EACAF,EAAC,MAAA,CAAI,UAAU,uCAAA,CAAwC,EACvDH,EAAC,MAAA,CAAI,UAAU,2DACZ,SAAA,CAAAb,EAAQ,IAAKoB,GAAA,SACZ,OAAAJ,EAAC,OAAuB,UAAU,qBAChC,SAAAH,EAAC,IAAA,CAAE,MAAMD,EAAAQ,EAAO,OAAP,YAAAR,EAAa,KAAM,UAAU,mCACnC,SAAA,GAAAS,EAAAD,EAAO,OAAP,YAAAC,EAAa,OAAQL,EAACM,EAAA,CAAK,KAAMF,EAAO,KAAK,KAAM,UAAU,QAAA,CAAS,EACtEA,EAAO,KAAA,CAAA,CACV,CAAA,EAJQA,EAAO,KAKjB,EACD,EACDJ,EAAC,MAAA,CAAI,UAAU,qBACb,SAAAH,EAAC,IAAA,CAAE,KAAM,OAAOZ,CAAK,GAAI,UAAU,mCACjC,SAAA,CAAAe,EAACM,EAAA,CAAK,KAAK,sBAAsB,UAAU,SAAS,EACnDrB,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}
1	+ {"version":3,"file":"Menu.js","sources":["../../../../../../../lib/widgets/seoHeader/ui/mobile/menu/Menu.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { motion } from 'framer-motion'\nimport type { Category, SeoHeaderHelpers } from '../../../model'\nimport { MenuItem } from './MenuItem'\nimport { Combobox, type ComboboxItemOption, type ComboboxValue, Icon } from '$/shared/ui'\nimport { cn, TypeGuards } from '$/shared/utils'\n\nexport type MenuProps = React.ComponentProps<typeof motion.div> & {\n categories: Category[]\n helpers: SeoHeaderHelpers[]\n phone: string\n}\n\nconst getSelectCategories = (categories: Category[]): ComboboxItemOption[] =>\n categories.map((category) => ({\n value: category.title ?? '',\n label: category.title ?? ''\n }))\n\nexport const Menu = ({ categories, helpers, phone, ...props }: MenuProps) => {\n const selectCategories = getSelectCategories(categories)\n\n const [selected, setSelected] = useState<ComboboxValue<false>>(selectCategories[0])\n\n const onCategoryChange = (option?: ComboboxValue<false>) => {\n if (TypeGuards.isUndefined(option) \|\| TypeGuards.isArray(option)) return\n\n setSelected(option)\n }\n\n const selectedSubCategories = useMemo<Category[]>(() => {\n if (!selected) return []\n\n return categories.find((category) => category.title === selected.value)?.children ?? []\n }, [selected, categories])\n\n return (\n <motion.div\n {...props}\n className={cn(\n 'absolute z-10 w-full max-w-[calc(636px-32px)]',\n 'absolute left-1/2 top-full bg-color-white p-4',\n '-translate-x-1/2 overflow-x-hidden',\n 'flex flex-col items-center justify-center gap-y-4'\n )}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n >\n <Combobox multiple={false} label='Категория' options={selectCategories} value={selected} onChange={onCategoryChange} />\n <div className='flex w-full flex-col items-center justify-center gap-y-1'>\n {selectedSubCategories.map((subCategory) => {\n if (TypeGuards.isArrayEmpty(subCategory.children)) {\n return (\n <div key={subCategory.title} className='w-full px-4 py-2.5'>\n <a href={subCategory.link?.href} className='desk-body-regular-m inline-block w-full'>\n {subCategory.title}\n </a>\n </div>\n )\n }\n\n return <MenuItem key={subCategory.title} category={subCategory} />\n })}\n </div>\n <div className='h-[1px] w-full bg-color-blue-grey-200' />\n <div className='flex w-full flex-col items-center justify-center gap-y-1'>\n {helpers.map((helper) => (\n <div key={helper.title} className='w-full px-4 py-2.5'>\n <a href={helper.link?.href} className='flex w-full items-center gap-x-1'>\n {helper.link?.icon && <Icon name={helper.link.icon} className='size-4' />}\n {helper.title}\n </a>\n </div>\n ))}\n <div className='w-full px-4 py-2.5'>\n <a href={`tel:${phone}`} className='flex w-full items-center gap-x-1'>\n <Icon name='communication/phone' className='size-4' />\n {phone}\n </a>\n </div>\n </div>\n </motion.div>\n )\n}\n"],"names":["getSelectCategories","categories","category","Menu","helpers","phone","props","selectCategories","selected","setSelected","useState","onCategoryChange","option","TypeGuards","selectedSubCategories","useMemo","_a","jsxs","motion","cn","jsx","Combobox","subCategory","MenuItem","helper","_b","Icon"],"mappings":"ktFAaA,MAAMA,EAAuBC,GAC3BA,EAAW,IAAKC,IAAc,CAC5B,MAAOA,EAAS,OAAS,GACzB,MAAOA,EAAS,OAAS,EAC3B,EAAE,EAESC,GAAO,CAAC,CAAE,WAAAF,EAAY,QAAAG,EAAS,MAAAC,EAAO,GAAGC,KAAuB,CAC3E,MAAMC,EAAmBP,EAAoBC,CAAU,EAEjD,CAACO,EAAUC,CAAW,EAAIC,EAA+BH,EAAiB,CAAC,CAAC,EAE5EI,EAAoBC,GAAkC,CACtDC,EAAW,YAAYD,CAAM,GAAKC,EAAW,QAAQD,CAAM,GAE/DH,EAAYG,CAAM,CACpB,EAEME,EAAwBC,EAAoB,IAAM,OACtD,OAAKP,IAEEQ,EAAAf,EAAW,KAAMC,GAAaA,EAAS,QAAUM,EAAS,KAAK,IAA/D,YAAAQ,EAAkE,WAAY,CAAA,EAF/D,CAAA,CAGxB,EAAG,CAACR,EAAUP,CAAU,CAAC,EAEzB,OACEgB,EAACC,EAAO,IAAP,CACE,GAAGZ,EACJ,UAAWa,EACT,gDACA,gDACA,qCACA,mDAAA,EAEF,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EAEpB,SAAA,CAAAC,EAACC,EAAA,CAAS,SAAU,GAAO,MAAM,YAAY,QAASd,EAAkB,MAAOC,EAAU,SAAUG,CAAA,CAAkB,IACpH,MAAA,CAAI,UAAU,2DACZ,SAAAG,EAAsB,IAAKQ,GAAgB,OAC1C,OAAIT,EAAW,aAAaS,EAAY,QAAQ,IAE3C,MAAA,CAA4B,UAAU,qBACrC,SAAAF,EAAC,KAAE,MAAMJ,EAAAM,EAAY,OAAZ,YAAAN,EAAkB,KAAM,UAAU,0CACxC,SAAAM,EAAY,MACf,CAAA,EAHQA,EAAY,KAItB,EAIGF,EAACG,EAAA,CAAiC,SAAUD,CAAA,EAA7BA,EAAY,KAA8B,CAClE,CAAC,CAAA,CACH,EACAF,EAAC,MAAA,CAAI,UAAU,uCAAA,CAAwC,EACvDH,EAAC,MAAA,CAAI,UAAU,2DACZ,SAAA,CAAAb,EAAQ,IAAKoB,GAAA,SACZ,OAAAJ,EAAC,OAAuB,UAAU,qBAChC,SAAAH,EAAC,IAAA,CAAE,MAAMD,EAAAQ,EAAO,OAAP,YAAAR,EAAa,KAAM,UAAU,mCACnC,SAAA,GAAAS,EAAAD,EAAO,OAAP,YAAAC,EAAa,OAAQL,EAACM,EAAA,CAAK,KAAMF,EAAO,KAAK,KAAM,UAAU,QAAA,CAAS,EACtEA,EAAO,KAAA,CAAA,CACV,CAAA,EAJQA,EAAO,KAKjB,EACD,EACDJ,EAAC,MAAA,CAAI,UAAU,qBACb,SAAAH,EAAC,IAAA,CAAE,KAAM,OAAOZ,CAAK,GAAI,UAAU,mCACjC,SAAA,CAAAe,EAACM,EAAA,CAAK,KAAK,sBAAsB,UAAU,SAAS,EACnDrB,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/lib/widgets/seoHeader/ui/mobile/menu/MenuItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as a}from"react/jsx-runtime";import{cn as n}from"../../../../../shared/utils/cn.js";import"react";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 s}from"../../../../../shared/ui/accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as p}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"../../../../../../src/configs/api.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 V=({category:e})=>t(s,{label:e.title??"",icon:t(p,{name:"arrows/arrowRight",className:"-rotate-90"}),classes:{root:"w-full",header:{trigger:"py-2 data-[open=false]:bg-color-white",label:"desk-body-regular-m"},content:n("relative",'after:content-"" after:absolute after:w-[calc(100%-32px)]',"after:bottom-0 after:left-1/2 after:-translate-x-1/2","after:h-[1px] after:bg-color-blue-grey-200")},children:t("div",{className:"flex flex-col items-start justify-center gap-y-4",children:e.children.map(r=>{var l;const i=!!r.link;return a("ul",{className:"w-full list-none p-0",children:[a(i?"a":"p",{href:i?(l=r.link)==null?void 0:l.href:void 0,className:"mb-3 flex items-center gap-x-1 text-16 text-color-primary-default",children:[r.title,t(p,{name:"arrows/arrowLink"})]}),r.children.map(o=>{var m;return t("li",{className:"inline-block w-full [&:not(:last-child)]:mb-3",children:t("a",{href:(m=o.link)==null?void 0:m.href,className:"w-full",children:o.title})},o.title)})]},r.title)})})},e.title);export{V as MenuItem};
+import{jsx as t,jsxs as a}from"react/jsx-runtime";import{cn as n}from"../../../../../shared/utils/cn.js";import"react";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 s}from"../../../../../shared/ui/accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as p}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"../../../../../../src/configs/api.js";import"../../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const W=({category:e})=>t(s,{label:e.title??"",icon:t(p,{name:"arrows/arrowRight",className:"-rotate-90"}),classes:{root:"w-full",header:{trigger:"py-2 data-[open=false]:bg-color-white",label:"desk-body-regular-m"},content:n("relative",'after:content-"" after:absolute after:w-[calc(100%-32px)]',"after:bottom-0 after:left-1/2 after:-translate-x-1/2","after:h-[1px] after:bg-color-blue-grey-200")},children:t("div",{className:"flex flex-col items-start justify-center gap-y-4",children:e.children.map(r=>{var m;const i=!!r.link;return a("ul",{className:"w-full list-none p-0",children:[a(i?"a":"p",{href:i?(m=r.link)==null?void 0:m.href:void 0,className:"mb-3 flex items-center gap-x-1 text-16 text-color-primary-default",children:[r.title,t(p,{name:"arrows/arrowLink"})]}),r.children.map(o=>{var l;return t("li",{className:"inline-block w-full [&:not(:last-child)]:mb-3",children:t("a",{href:(l=o.link)==null?void 0:l.href,className:"w-full",children:o.title})},o.title)})]},r.title)})})},e.title);export{W as MenuItem};
 //# sourceMappingURL=MenuItem.js.map

package/dist/lib/widgets/seoHeader/ui/mobile/menu/MenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItem.js","sources":["../../../../../../../lib/widgets/seoHeader/ui/mobile/menu/MenuItem.tsx"],"sourcesContent":["import { type Category } from '../../../model'\nimport { Accordion, Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype MenuItemProps = {\n category: Category\n}\n\nexport const MenuItem = ({ category }: MenuItemProps) => (\n <Accordion\n key={category.title}\n label={category.title ?? ''}\n icon={<Icon name='arrows/arrowRight' className='-rotate-90' />}\n classes={{\n root: 'w-full',\n header: {\n trigger: 'py-2 data-[open=false]:bg-color-white',\n label: 'desk-body-regular-m'\n },\n content: cn(\n 'relative',\n 'after:content-\"\" after:absolute after:w-[calc(100%-32px)]',\n 'after:bottom-0 after:left-1/2 after:-translate-x-1/2',\n 'after:h-[1px] after:bg-color-blue-grey-200'\n )\n }}\n >\n <div className='flex flex-col items-start justify-center gap-y-4'>\n {category.children.map((child) => {\n const isLink = Boolean(child.link)\n const Title = isLink ? 'a' : 'p'\n\n return (\n <ul key={child.title} className='w-full list-none p-0'>\n <Title\n href={isLink ? child.link?.href : undefined}\n className='mb-3 flex items-center gap-x-1 text-16 text-color-primary-default'\n >\n {child.title}\n <Icon name='arrows/arrowLink' />\n </Title>\n {child.children.map((innerChild) => (\n <li key={innerChild.title} className='inline-block w-full [&:not(:last-child)]:mb-3'>\n <a href={innerChild.link?.href} className='w-full'>\n {innerChild.title}\n </a>\n </li>\n ))}\n </ul>\n )\n })}\n </div>\n </Accordion>\n)\n"],"names":["MenuItem","category","jsx","Accordion","Icon","cn","child","isLink","jsxs","_a","innerChild"],"mappings":"~~0sEAQO~~,MAAMA,EAAW,CAAC,CAAE,SAAAC,CAAA,IACzBC,EAACC,EAAA,CAEC,MAAOF,EAAS,OAAS,GACzB,KAAMC,EAACE,EAAA,CAAK,KAAK,oBAAoB,UAAU,aAAa,EAC5D,QAAS,CACP,KAAM,SACN,OAAQ,CACN,QAAS,wCACT,MAAO,qBAAA,EAET,QAASC,EACP,WACA,4DACA,uDACA,4CAAA,CACF,EAGF,SAAAH,EAAC,OAAI,UAAU,mDACZ,WAAS,SAAS,IAAKI,GAAU,OAChC,MAAMC,EAAS,EAAQD,EAAM,KAG7B,OACEE,EAAC,KAAA,CAAqB,UAAU,uBAC9B,SAAA,CAAAA,EAJUD,EAAS,IAAM,IAIxB,CACC,KAAMA,GAASE,EAAAH,EAAM,OAAN,YAAAG,EAAY,KAAO,OAClC,UAAU,oEAET,SAAA,CAAAH,EAAM,MACPJ,EAACE,EAAA,CAAK,KAAK,kBAAA,CAAmB,CAAA,CAAA,CAAA,EAE/BE,EAAM,SAAS,IAAKI,UACnB,OAAAR,EAAC,KAAA,CAA0B,UAAU,gDACnC,SAAAA,EAAC,IAAA,CAAE,MAAMO,EAAAC,EAAW,OAAX,YAAAD,EAAiB,KAAM,UAAU,SACvC,WAAW,KAAA,CACd,GAHOC,EAAW,KAIpB,EACD,CAAA,CAAA,EAdMJ,EAAM,KAef,CAEJ,CAAC,CAAA,CACH,CAAA,EAzCKL,EAAS,KA0ChB"}
1	+ {"version":3,"file":"MenuItem.js","sources":["../../../../../../../lib/widgets/seoHeader/ui/mobile/menu/MenuItem.tsx"],"sourcesContent":["import { type Category } from '../../../model'\nimport { Accordion, Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype MenuItemProps = {\n category: Category\n}\n\nexport const MenuItem = ({ category }: MenuItemProps) => (\n <Accordion\n key={category.title}\n label={category.title ?? ''}\n icon={<Icon name='arrows/arrowRight' className='-rotate-90' />}\n classes={{\n root: 'w-full',\n header: {\n trigger: 'py-2 data-[open=false]:bg-color-white',\n label: 'desk-body-regular-m'\n },\n content: cn(\n 'relative',\n 'after:content-\"\" after:absolute after:w-[calc(100%-32px)]',\n 'after:bottom-0 after:left-1/2 after:-translate-x-1/2',\n 'after:h-[1px] after:bg-color-blue-grey-200'\n )\n }}\n >\n <div className='flex flex-col items-start justify-center gap-y-4'>\n {category.children.map((child) => {\n const isLink = Boolean(child.link)\n const Title = isLink ? 'a' : 'p'\n\n return (\n <ul key={child.title} className='w-full list-none p-0'>\n <Title\n href={isLink ? child.link?.href : undefined}\n className='mb-3 flex items-center gap-x-1 text-16 text-color-primary-default'\n >\n {child.title}\n <Icon name='arrows/arrowLink' />\n </Title>\n {child.children.map((innerChild) => (\n <li key={innerChild.title} className='inline-block w-full [&:not(:last-child)]:mb-3'>\n <a href={innerChild.link?.href} className='w-full'>\n {innerChild.title}\n </a>\n </li>\n ))}\n </ul>\n )\n })}\n </div>\n </Accordion>\n)\n"],"names":["MenuItem","category","jsx","Accordion","Icon","cn","child","isLink","jsxs","_a","innerChild"],"mappings":"83EAQO,MAAMA,EAAW,CAAC,CAAE,SAAAC,CAAA,IACzBC,EAACC,EAAA,CAEC,MAAOF,EAAS,OAAS,GACzB,KAAMC,EAACE,EAAA,CAAK,KAAK,oBAAoB,UAAU,aAAa,EAC5D,QAAS,CACP,KAAM,SACN,OAAQ,CACN,QAAS,wCACT,MAAO,qBAAA,EAET,QAASC,EACP,WACA,4DACA,uDACA,4CAAA,CACF,EAGF,SAAAH,EAAC,OAAI,UAAU,mDACZ,WAAS,SAAS,IAAKI,GAAU,OAChC,MAAMC,EAAS,EAAQD,EAAM,KAG7B,OACEE,EAAC,KAAA,CAAqB,UAAU,uBAC9B,SAAA,CAAAA,EAJUD,EAAS,IAAM,IAIxB,CACC,KAAMA,GAASE,EAAAH,EAAM,OAAN,YAAAG,EAAY,KAAO,OAClC,UAAU,oEAET,SAAA,CAAAH,EAAM,MACPJ,EAACE,EAAA,CAAK,KAAK,kBAAA,CAAmB,CAAA,CAAA,CAAA,EAE/BE,EAAM,SAAS,IAAKI,UACnB,OAAAR,EAAC,KAAA,CAA0B,UAAU,gDACnC,SAAAA,EAAC,IAAA,CAAE,MAAMO,EAAAC,EAAW,OAAX,YAAAD,EAAiB,KAAM,UAAU,SACvC,WAAW,KAAA,CACd,GAHOC,EAAW,KAIpB,EACD,CAAA,CAAA,EAdMJ,EAAM,KAef,CAEJ,CAAC,CAAA,CACH,CAAA,EAzCKL,EAAS,KA0ChB"}

package/dist/lib/widgets/stepper/Stepper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as x}from"react/jsx-runtime";import{useState as u,useMemo as N,createElement as w}from"react";import{widgetIds as h}from"../model/helpers.js";import{SingleStep as v}from"./ui/SingleStep.js";import{StepperCarousel as I}from"./ui/StepperCarousel.js";import{StepperTabs as l}from"./ui/StepperTabs.js";import{ResponsiveContainer as T}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as p}from"../../shared/utils/cn.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react-hook-form";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"../../../src/configs/api.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 ao=({steppers:t,headline:g,classes:o})=>{var a,f;const n=t&&(t==null?void 0:t.length)>1,[e,b]=u(n?(a=t==null?void 0:t[0])==null?void 0:a.tabName:""),d=N(()=>t==null?void 0:t.map(({tabName:m})=>({tabName:m})),[t]),k=n?d==null?void 0:d.findIndex(m=>m.tabName===e):0,i=t==null?void 0:t[k];return r("section",{id:h.stepper,"data-test-id":h.stepper,className:o==null?void 0:o.root,children:r(T,{className:p(o==null?void 0:o.container,"mobile:max-w-[360px]"),children:x("div",{className:p("flex flex-col gap-6 desktop:items-start desktop:gap-12",o==null?void 0:o.wrapper),children:[r("div",{dangerouslySetInnerHTML:{__html:g},className:p("mob-headline-bold-s text-color-dark desktop:desk-headline-bold-m",o==null?void 0:o.headline)}),x("div",{className:"flex flex-col gap-6 desktop:gap-10",children:[n&&r(l,{stepperTabs:d,activeStepper:e,setActiveStepper:b,classes:o==null?void 0:o.stepperTabs}),i.withImages&&r(I,{classes:o==null?void 0:o.stepperCarousel,currentStepper:i}),r("div",{className:p("flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",o==null?void 0:o.stepsWrapper,{"mobile:hidden":i.withImages}),children:(f=i==null?void 0:i.details)==null?void 0:f.map((m,S)=>w(v,{...m,key:m.description,index:S+1,classes:o==null?void 0:o.step}))})]})]})})},i.tabName)};export{ao as Stepper,ao as default};
+import{jsx as r,jsxs as x}from"react/jsx-runtime";import{useState as u,useMemo as N,createElement as w}from"react";import{widgetIds as h}from"../model/helpers.js";import{SingleStep as v}from"./ui/SingleStep.js";import{StepperCarousel as I}from"./ui/StepperCarousel.js";import{StepperTabs as l}from"./ui/StepperTabs.js";import{ResponsiveContainer as T}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as d}from"../../shared/utils/cn.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/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"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const fo=({steppers:t,headline:g,classes:o})=>{var a,f;const n=t&&(t==null?void 0:t.length)>1,[e,b]=u(n?(a=t==null?void 0:t[0])==null?void 0:a.tabName:""),p=N(()=>t==null?void 0:t.map(({tabName:m})=>({tabName:m})),[t]),k=n?p==null?void 0:p.findIndex(m=>m.tabName===e):0,i=t==null?void 0:t[k];return r("section",{id:h.stepper,"data-test-id":h.stepper,className:o==null?void 0:o.root,children:r(T,{className:d(o==null?void 0:o.container,"mobile:max-w-[360px]"),children:x("div",{className:d("flex flex-col gap-6 desktop:items-start desktop:gap-12",o==null?void 0:o.wrapper),children:[r("div",{dangerouslySetInnerHTML:{__html:g},className:d("mob-headline-bold-s text-color-dark desktop:desk-headline-bold-m",o==null?void 0:o.headline)}),x("div",{className:"flex flex-col gap-6 desktop:gap-10",children:[n&&r(l,{stepperTabs:p,activeStepper:e,setActiveStepper:b,classes:o==null?void 0:o.stepperTabs}),i.withImages&&r(I,{classes:o==null?void 0:o.stepperCarousel,currentStepper:i}),r("div",{className:d("flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",o==null?void 0:o.stepsWrapper,{"mobile:hidden":i.withImages}),children:(f=i==null?void 0:i.details)==null?void 0:f.map((m,S)=>w(v,{...m,key:m.description,index:S+1,classes:o==null?void 0:o.step}))})]})]})})},i.tabName)};export{fo as Stepper,fo as default};
 //# sourceMappingURL=Stepper.js.map

package/dist/lib/widgets/stepper/Stepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stepper.js","sources":["../../../../lib/widgets/stepper/Stepper.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactElement, useMemo, useState } from 'react'\nimport { widgetIds } from '../model'\nimport { type SingleStepper } from './model/types'\nimport { StepperCarousel } from './ui'\nimport { SingleStep, type SingleStepClasses } from './ui/SingleStep'\nimport { type StepperCarouselClasses } from './ui/StepperCarousel'\nimport { StepperTabs, type StepperTabsClasses, type StepperTabValue } from './ui/StepperTabs'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type StepperClasses = {\n root?: string\n container?: string\n wrapper?: string\n headline?: string\n stepsWrapper?: string\n step?: SingleStepClasses\n stepperTabs?: StepperTabsClasses\n stepperCarousel?: StepperCarouselClasses\n}\n\nexport interface StepperProps<WithImages extends boolean> extends HTMLAttributes<HTMLDivElement> {\n headline: ReactElement \| string\n steppers: SingleStepper<WithImages>[]\n classes?: StepperClasses\n}\n\nexport const Stepper = <WithImages extends boolean>({ steppers, headline, classes }: StepperProps<WithImages>) => {\n const shouldShowTabs = steppers && steppers?.length > 1\n const [activeStepper, setActiveStepper] = useState<StepperTabValue>(shouldShowTabs ? steppers?.[0]?.tabName : '')\n\n const steppersTabs = useMemo(() => steppers?.map(({ tabName }) => ({ tabName })), [steppers])\n\n const currentStepperIndex = shouldShowTabs ? steppersTabs?.findIndex((tab) => tab.tabName === activeStepper) : 0\n const currentStepper = steppers?.[currentStepperIndex]\n\n return (\n <section key={currentStepper.tabName} id={widgetIds.stepper} data-test-id={widgetIds.stepper} className={classes?.root}>\n <ResponsiveContainer className={cn(classes?.container, 'mobile:max-w-[360px]')}>\n <div className={cn('flex flex-col gap-6 desktop:items-start desktop:gap-12', classes?.wrapper)}>\n <div\n dangerouslySetInnerHTML={{ __html: headline }}\n className={cn('mob-headline-bold-s text-color-dark desktop:desk-headline-bold-m', classes?.headline)}\n />\n\n <div className='flex flex-col gap-6 desktop:gap-10'>\n {shouldShowTabs && (\n <StepperTabs\n stepperTabs={steppersTabs}\n activeStepper={activeStepper}\n setActiveStepper={setActiveStepper}\n classes={classes?.stepperTabs}\n />\n )}\n\n {currentStepper.withImages && <StepperCarousel classes={classes?.stepperCarousel} currentStepper={currentStepper} />}\n\n <div\n className={cn(\n 'flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12',\n classes?.stepsWrapper,\n { ['mobile:hidden']: currentStepper.withImages }\n )}\n >\n {currentStepper?.details?.map((step, index) => (\n <SingleStep {...step} key={step.description} index={index + 1} classes={classes?.step} />\n ))}\n </div>\n </div>\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default Stepper\n"],"names":["Stepper","steppers","headline","classes","shouldShowTabs","activeStepper","setActiveStepper","useState","_a","steppersTabs","useMemo","tabName","currentStepperIndex","tab","currentStepper","jsx","widgetIds","ResponsiveContainer","cn","jsxs","StepperTabs","StepperCarousel","step","index","SingleStep"],"mappings":"~~otEA2BO~~,MAAMA,GAAU,CAA6B,CAAE,SAAAC,EAAU,SAAAC,EAAU,QAAAC,KAAwC,SAChH,MAAMC,EAAiBH,IAAYA,GAAA,YAAAA,EAAU,QAAS,EAChD,CAACI,EAAeC,CAAgB,EAAIC,EAA0BH,GAAiBI,EAAAP,GAAA,YAAAA,EAAW,KAAX,YAAAO,EAAe,QAAU,EAAE,EAE1GC,EAAeC,EAAQ,IAAMT,GAAA,YAAAA,EAAU,IAAI,CAAC,CAAE,QAAAU,CAAA,KAAe,CAAE,QAAAA,CAAA,IAAa,CAACV,CAAQ,CAAC,EAEtFW,EAAsBR,EAAiBK,GAAA,YAAAA,EAAc,UAAWI,GAAQA,EAAI,UAAYR,GAAiB,EACzGS,EAAiBb,GAAA,YAAAA,EAAWW,GAElC,OACEG,EAAC,UAAA,CAAqC,GAAIC,EAAU,QAAS,eAAcA,EAAU,QAAS,UAAWb,GAAA,YAAAA,EAAS,KAChH,SAAAY,EAACE,EAAA,CAAoB,UAAWC,EAAGf,GAAA,YAAAA,EAAS,UAAW,sBAAsB,EAC3E,SAAAgB,EAAC,MAAA,CAAI,UAAWD,EAAG,yDAA0Df,GAAA,YAAAA,EAAS,OAAO,EAC3F,SAAA,CAAAY,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQb,CAAA,EACnC,UAAWgB,EAAG,mEAAoEf,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,EAGrGgB,EAAC,MAAA,CAAI,UAAU,qCACZ,SAAA,CAAAf,GACCW,EAACK,EAAA,CACC,YAAaX,EACb,cAAAJ,EACA,iBAAAC,EACA,QAASH,GAAA,YAAAA,EAAS,WAAA,CAAA,EAIrBW,EAAe,YAAcC,EAACM,GAAgB,QAASlB,GAAA,YAAAA,EAAS,gBAAiB,eAAAW,EAAgC,EAElHC,EAAC,MAAA,CACC,UAAWG,EACT,6FACAf,GAAA,YAAAA,EAAS,aACT,CAAG,gBAAkBW,EAAe,UAAA,CAAW,EAGhD,6BAAgB,wBAAS,IAAI,CAACQ,EAAMC,MAClCC,EAAA,CAAY,GAAGF,EAAM,IAAKA,EAAK,YAAa,MAAOC,EAAQ,EAAG,QAASpB,GAAA,YAAAA,EAAS,KAAM,EACxF,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,GAjCYW,EAAe,OAkC7B,CAEJ"}
1	+ {"version":3,"file":"Stepper.js","sources":["../../../../lib/widgets/stepper/Stepper.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactElement, useMemo, useState } from 'react'\nimport { widgetIds } from '../model'\nimport { type SingleStepper } from './model/types'\nimport { StepperCarousel } from './ui'\nimport { SingleStep, type SingleStepClasses } from './ui/SingleStep'\nimport { type StepperCarouselClasses } from './ui/StepperCarousel'\nimport { StepperTabs, type StepperTabsClasses, type StepperTabValue } from './ui/StepperTabs'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type StepperClasses = {\n root?: string\n container?: string\n wrapper?: string\n headline?: string\n stepsWrapper?: string\n step?: SingleStepClasses\n stepperTabs?: StepperTabsClasses\n stepperCarousel?: StepperCarouselClasses\n}\n\nexport interface StepperProps<WithImages extends boolean> extends HTMLAttributes<HTMLDivElement> {\n headline: ReactElement \| string\n steppers: SingleStepper<WithImages>[]\n classes?: StepperClasses\n}\n\nexport const Stepper = <WithImages extends boolean>({ steppers, headline, classes }: StepperProps<WithImages>) => {\n const shouldShowTabs = steppers && steppers?.length > 1\n const [activeStepper, setActiveStepper] = useState<StepperTabValue>(shouldShowTabs ? steppers?.[0]?.tabName : '')\n\n const steppersTabs = useMemo(() => steppers?.map(({ tabName }) => ({ tabName })), [steppers])\n\n const currentStepperIndex = shouldShowTabs ? steppersTabs?.findIndex((tab) => tab.tabName === activeStepper) : 0\n const currentStepper = steppers?.[currentStepperIndex]\n\n return (\n <section key={currentStepper.tabName} id={widgetIds.stepper} data-test-id={widgetIds.stepper} className={classes?.root}>\n <ResponsiveContainer className={cn(classes?.container, 'mobile:max-w-[360px]')}>\n <div className={cn('flex flex-col gap-6 desktop:items-start desktop:gap-12', classes?.wrapper)}>\n <div\n dangerouslySetInnerHTML={{ __html: headline }}\n className={cn('mob-headline-bold-s text-color-dark desktop:desk-headline-bold-m', classes?.headline)}\n />\n\n <div className='flex flex-col gap-6 desktop:gap-10'>\n {shouldShowTabs && (\n <StepperTabs\n stepperTabs={steppersTabs}\n activeStepper={activeStepper}\n setActiveStepper={setActiveStepper}\n classes={classes?.stepperTabs}\n />\n )}\n\n {currentStepper.withImages && <StepperCarousel classes={classes?.stepperCarousel} currentStepper={currentStepper} />}\n\n <div\n className={cn(\n 'flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12',\n classes?.stepsWrapper,\n { ['mobile:hidden']: currentStepper.withImages }\n )}\n >\n {currentStepper?.details?.map((step, index) => (\n <SingleStep {...step} key={step.description} index={index + 1} classes={classes?.step} />\n ))}\n </div>\n </div>\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default Stepper\n"],"names":["Stepper","steppers","headline","classes","shouldShowTabs","activeStepper","setActiveStepper","useState","_a","steppersTabs","useMemo","tabName","currentStepperIndex","tab","currentStepper","jsx","widgetIds","ResponsiveContainer","cn","jsxs","StepperTabs","StepperCarousel","step","index","SingleStep"],"mappings":"+3EA2BO,MAAMA,GAAU,CAA6B,CAAE,SAAAC,EAAU,SAAAC,EAAU,QAAAC,KAAwC,SAChH,MAAMC,EAAiBH,IAAYA,GAAA,YAAAA,EAAU,QAAS,EAChD,CAACI,EAAeC,CAAgB,EAAIC,EAA0BH,GAAiBI,EAAAP,GAAA,YAAAA,EAAW,KAAX,YAAAO,EAAe,QAAU,EAAE,EAE1GC,EAAeC,EAAQ,IAAMT,GAAA,YAAAA,EAAU,IAAI,CAAC,CAAE,QAAAU,CAAA,KAAe,CAAE,QAAAA,CAAA,IAAa,CAACV,CAAQ,CAAC,EAEtFW,EAAsBR,EAAiBK,GAAA,YAAAA,EAAc,UAAWI,GAAQA,EAAI,UAAYR,GAAiB,EACzGS,EAAiBb,GAAA,YAAAA,EAAWW,GAElC,OACEG,EAAC,UAAA,CAAqC,GAAIC,EAAU,QAAS,eAAcA,EAAU,QAAS,UAAWb,GAAA,YAAAA,EAAS,KAChH,SAAAY,EAACE,EAAA,CAAoB,UAAWC,EAAGf,GAAA,YAAAA,EAAS,UAAW,sBAAsB,EAC3E,SAAAgB,EAAC,MAAA,CAAI,UAAWD,EAAG,yDAA0Df,GAAA,YAAAA,EAAS,OAAO,EAC3F,SAAA,CAAAY,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQb,CAAA,EACnC,UAAWgB,EAAG,mEAAoEf,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,EAGrGgB,EAAC,MAAA,CAAI,UAAU,qCACZ,SAAA,CAAAf,GACCW,EAACK,EAAA,CACC,YAAaX,EACb,cAAAJ,EACA,iBAAAC,EACA,QAASH,GAAA,YAAAA,EAAS,WAAA,CAAA,EAIrBW,EAAe,YAAcC,EAACM,GAAgB,QAASlB,GAAA,YAAAA,EAAS,gBAAiB,eAAAW,EAAgC,EAElHC,EAAC,MAAA,CACC,UAAWG,EACT,6FACAf,GAAA,YAAAA,EAAS,aACT,CAAG,gBAAkBW,EAAe,UAAA,CAAW,EAGhD,6BAAgB,wBAAS,IAAI,CAACQ,EAAMC,MAClCC,EAAA,CAAY,GAAGF,EAAM,IAAKA,EAAK,YAAa,MAAOC,EAAQ,EAAG,QAASpB,GAAA,YAAAA,EAAS,KAAM,EACxF,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,GAjCYW,EAAe,OAkC7B,CAEJ"}

package/dist/lib/widgets/stepper/ui/StepperCarousel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{useState as l}from"react";import"../../../../node_modules/classnames/index.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-hook-form";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{CarouselBase as n}from"../../../shared/ui/carousel/CarouselBase.js";import{CarouselSlide as c}from"../../../shared/ui/carousel/ui/CarouselSlide.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"../../../../src/configs/api.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 T=({currentStepper:t,classes:i})=>{const[p,e]=l(0),{carouselClasses:s,carouselSlideClasses:m}=i||{};return r(n,{carouselOptions:{dragFree:!1},visibleIndex:p,setVisibleIndex:e,autoPlayOptions:{active:!1},classes:{containerWithNavClasses:{wrapper:"gap-4"},root:"desktop:hidden",carouselContentClasses:{slidesOverlay:"max-w-full w-full"},...s},children:t.details.map((a,o)=>r(c,{variant:"fullScreen",slideIndex:o,...a,classes:{slide:"mobile:w-[328px]  desktop:w-[1140px]",...m}},o))})};export{T as StepperCarousel};
+import{jsx as r}from"react/jsx-runtime";import{useState as l}from"react";import"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.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-hook-form";import"react-dom";import"../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import"../../../shared/ui/table/ui/primitives/Primitives.js";import{CarouselBase as n}from"../../../shared/ui/carousel/CarouselBase.js";import{CarouselSlide as c}from"../../../shared/ui/carousel/ui/CarouselSlide.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"../../../../src/configs/api.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 T=({currentStepper:t,classes:i})=>{const[p,e]=l(0),{carouselClasses:s,carouselSlideClasses:m}=i||{};return r(n,{carouselOptions:{dragFree:!1},visibleIndex:p,setVisibleIndex:e,autoPlayOptions:{active:!1},classes:{containerWithNavClasses:{wrapper:"gap-4"},root:"desktop:hidden",carouselContentClasses:{slidesOverlay:"max-w-full w-full"},...s},children:t.details.map((a,o)=>r(c,{variant:"fullScreen",slideIndex:o,...a,classes:{slide:"mobile:w-[328px]  desktop:w-[1140px]",...m}},o))})};export{T as StepperCarousel};
 //# sourceMappingURL=StepperCarousel.js.map

package/dist/lib/widgets/stepper/ui/StepperCarousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepperCarousel.js","sources":["../../../../../lib/widgets/stepper/ui/StepperCarousel.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { type SingleStepper } from '../model/types'\nimport { CarouselBase, type CarouselClasses, CarouselSlide, type CarouselSlideClasses } from '$/shared/ui'\n\nexport type StepperCarouselClasses = {\n carouselClasses?: CarouselClasses\n carouselSlideClasses?: CarouselSlideClasses\n}\n\ninterface SingleStepMobileProps<Enabled extends boolean> {\n currentStepper: SingleStepper<Enabled>\n classes?: StepperCarouselClasses\n}\n\nexport const StepperCarousel = <Enabled extends boolean>({ currentStepper, classes }: SingleStepMobileProps<Enabled>) => {\n const [visibleIndex, setVisibleIndex] = useState(0)\n\n const { carouselClasses, carouselSlideClasses } = classes \|\| {}\n\n return (\n <CarouselBase\n carouselOptions={{\n dragFree: false\n }}\n visibleIndex={visibleIndex}\n setVisibleIndex={setVisibleIndex}\n autoPlayOptions={{\n active: false\n }}\n classes={{\n containerWithNavClasses: {\n wrapper: 'gap-4'\n },\n root: 'desktop:hidden',\n carouselContentClasses: {\n slidesOverlay: 'max-w-full w-full'\n },\n ...carouselClasses\n }}\n >\n {currentStepper.details.map((slide, slideIndex) => (\n <CarouselSlide\n key={slideIndex}\n variant='fullScreen'\n slideIndex={slideIndex}\n {...slide}\n classes={{\n slide: 'mobile:w-[328px] desktop:w-[1140px]',\n ...carouselSlideClasses\n }}\n />\n ))}\n </CarouselBase>\n )\n}\n"],"names":["StepperCarousel","currentStepper","classes","visibleIndex","setVisibleIndex","useState","carouselClasses","carouselSlideClasses","jsx","CarouselBase","slide","slideIndex","CarouselSlide"],"mappings":"~~mnEAcO~~,MAAMA,EAAkB,CAA0B,CAAE,eAAAC,EAAgB,QAAAC,KAA8C,CACvH,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAS,CAAC,EAE5C,CAAE,gBAAAC,EAAiB,qBAAAC,CAAA,EAAyBL,GAAW,CAAA,EAE7D,OACEM,EAACC,EAAA,CACC,gBAAiB,CACf,SAAU,EAAA,EAEZ,aAAAN,EACA,gBAAAC,EACA,gBAAiB,CACf,OAAQ,EAAA,EAEV,QAAS,CACP,wBAAyB,CACvB,QAAS,OAAA,EAEX,KAAM,iBACN,uBAAwB,CACtB,cAAe,mBAAA,EAEjB,GAAGE,CAAA,EAGJ,SAAAL,EAAe,QAAQ,IAAI,CAACS,EAAOC,IAClCH,EAACI,EAAA,CAEC,QAAQ,aACR,WAAAD,EACC,GAAGD,EACJ,QAAS,CACP,MAAO,uCACP,GAAGH,CAAA,CACL,EAPKI,CAAA,CASR,CAAA,CAAA,CAGP"}
1	+ {"version":3,"file":"StepperCarousel.js","sources":["../../../../../lib/widgets/stepper/ui/StepperCarousel.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { type SingleStepper } from '../model/types'\nimport { CarouselBase, type CarouselClasses, CarouselSlide, type CarouselSlideClasses } from '$/shared/ui'\n\nexport type StepperCarouselClasses = {\n carouselClasses?: CarouselClasses\n carouselSlideClasses?: CarouselSlideClasses\n}\n\ninterface SingleStepMobileProps<Enabled extends boolean> {\n currentStepper: SingleStepper<Enabled>\n classes?: StepperCarouselClasses\n}\n\nexport const StepperCarousel = <Enabled extends boolean>({ currentStepper, classes }: SingleStepMobileProps<Enabled>) => {\n const [visibleIndex, setVisibleIndex] = useState(0)\n\n const { carouselClasses, carouselSlideClasses } = classes \|\| {}\n\n return (\n <CarouselBase\n carouselOptions={{\n dragFree: false\n }}\n visibleIndex={visibleIndex}\n setVisibleIndex={setVisibleIndex}\n autoPlayOptions={{\n active: false\n }}\n classes={{\n containerWithNavClasses: {\n wrapper: 'gap-4'\n },\n root: 'desktop:hidden',\n carouselContentClasses: {\n slidesOverlay: 'max-w-full w-full'\n },\n ...carouselClasses\n }}\n >\n {currentStepper.details.map((slide, slideIndex) => (\n <CarouselSlide\n key={slideIndex}\n variant='fullScreen'\n slideIndex={slideIndex}\n {...slide}\n classes={{\n slide: 'mobile:w-[328px] desktop:w-[1140px]',\n ...carouselSlideClasses\n }}\n />\n ))}\n </CarouselBase>\n )\n}\n"],"names":["StepperCarousel","currentStepper","classes","visibleIndex","setVisibleIndex","useState","carouselClasses","carouselSlideClasses","jsx","CarouselBase","slide","slideIndex","CarouselSlide"],"mappings":"4uEAcO,MAAMA,EAAkB,CAA0B,CAAE,eAAAC,EAAgB,QAAAC,KAA8C,CACvH,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAS,CAAC,EAE5C,CAAE,gBAAAC,EAAiB,qBAAAC,CAAA,EAAyBL,GAAW,CAAA,EAE7D,OACEM,EAACC,EAAA,CACC,gBAAiB,CACf,SAAU,EAAA,EAEZ,aAAAN,EACA,gBAAAC,EACA,gBAAiB,CACf,OAAQ,EAAA,EAEV,QAAS,CACP,wBAAyB,CACvB,QAAS,OAAA,EAEX,KAAM,iBACN,uBAAwB,CACtB,cAAe,mBAAA,EAEjB,GAAGE,CAAA,EAGJ,SAAAL,EAAe,QAAQ,IAAI,CAACS,EAAOC,IAClCH,EAACI,EAAA,CAEC,QAAQ,aACR,WAAAD,EACC,GAAGD,EACJ,QAAS,CACP,MAAO,uCACP,GAAGH,CAAA,CACL,EAPKI,CAAA,CASR,CAAA,CAAA,CAGP"}

package/dist/lib/widgets/table/InfoTable.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as i}from"react/jsx-runtime";import{TableUtils as u}from"../../shared/ui/table/model/TableUtils.js";import{cn as t}from"../../shared/utils/cn.js";import"react";import{getHeaderAccessors as T,isHorizontalTable as N}from"./model/utils.js";import{ResponsiveContainer as v}from"../../shared/ui/responsiveContainer/ResponsiveContainer.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-hook-form";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{DataTable as y}from"../../shared/ui/table/Table.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"../../../src/configs/api.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 lo=l=>{const{title:p,subtitle:n,helperText:e,pagination:a=!1,columns:d,data:m,horizontal:s,classes:o,...c}=l,{accessors:b,sortingColumns:f,sortingFn:x}=T(d),g=u.getColumns(m[0],{headerAccessor:b,enableSorting:f,sortingFn:x}),h=N(s);return r("section",{className:t("w-full",o==null?void 0:o.root),children:i(v,{className:t("flex flex-col gap-12 mobile:max-w-[360px]",o==null?void 0:o.container),children:[i("div",{className:t("flex flex-col gap-[16px]",o==null?void 0:o.textContainer),children:[r("div",{className:t("mob-headline-bold-s desktop:desk-headline-bold-m",o==null?void 0:o.title),dangerouslySetInnerHTML:{__html:p}}),r("div",{className:t("desktop:desk-body-regular-l",o==null?void 0:o.subtitle),dangerouslySetInnerHTML:{__html:n}})]}),i("div",{className:t("flex flex-col gap-4",o==null?void 0:o.tableContainer),children:[r(y,{...c,horizontal:h,data:m,columns:g,classes:o==null?void 0:o.baseTableClasses,mode:"odd",pagination:a}),e&&r("div",{className:t("desk-body-regular-m text-color-tetriary",o==null?void 0:o.helperText),dangerouslySetInnerHTML:{__html:e}})]})]})})};export{lo as InfoTable,lo as default};
+import{jsx as r,jsxs as i}from"react/jsx-runtime";import{TableUtils as u}from"../../shared/ui/table/model/TableUtils.js";import{cn as t}from"../../shared/utils/cn.js";import"react";import{getHeaderAccessors as T,isHorizontalTable as N}from"./model/utils.js";import{ResponsiveContainer as v}from"../../shared/ui/responsiveContainer/ResponsiveContainer.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-hook-form";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import{DataTable as y}from"../../shared/ui/table/Table.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"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const lo=p=>{const{title:l,subtitle:n,helperText:e,pagination:a=!1,columns:d,data:m,horizontal:s,classes:o,...c}=p,{accessors:b,sortingColumns:f,sortingFn:x}=T(d),g=u.getColumns(m[0],{headerAccessor:b,enableSorting:f,sortingFn:x}),h=N(s);return r("section",{className:t("w-full",o==null?void 0:o.root),children:i(v,{className:t("flex flex-col gap-12 mobile:max-w-[360px]",o==null?void 0:o.container),children:[i("div",{className:t("flex flex-col gap-[16px]",o==null?void 0:o.textContainer),children:[r("div",{className:t("mob-headline-bold-s desktop:desk-headline-bold-m",o==null?void 0:o.title),dangerouslySetInnerHTML:{__html:l}}),r("div",{className:t("desktop:desk-body-regular-l",o==null?void 0:o.subtitle),dangerouslySetInnerHTML:{__html:n}})]}),i("div",{className:t("flex flex-col gap-4",o==null?void 0:o.tableContainer),children:[r(y,{...c,horizontal:h,data:m,columns:g,classes:o==null?void 0:o.baseTableClasses,mode:"odd",pagination:a}),e&&r("div",{className:t("desk-body-regular-m text-color-tetriary",o==null?void 0:o.helperText),dangerouslySetInnerHTML:{__html:e}})]})]})})};export{lo as InfoTable,lo as default};
 //# sourceMappingURL=InfoTable.js.map

package/dist/lib/widgets/table/InfoTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InfoTable.js","sources":["../../../../lib/widgets/table/InfoTable.tsx"],"sourcesContent":["import { TableUtils } from '../../shared/ui/table/model'\nimport { cn } from '../../shared/utils'\nimport { getHeaderAccessors, isHorizontalTable, type TableProps } from './model'\nimport { DataTable, ResponsiveContainer } from '$/shared/ui'\n\nexport const InfoTable = <Key extends string, TData extends Record<Key, unknown>>(props: TableProps<Key, TData>) => {\n const { title, subtitle, helperText, pagination = false, columns, data, horizontal, classes, ...restTableProps } = props\n\n const { accessors, sortingColumns, sortingFn } = getHeaderAccessors(columns)\n\n const cols = TableUtils.getColumns(data[0], {\n headerAccessor: accessors,\n enableSorting: sortingColumns,\n sortingFn\n })\n\n const isHorizontal = isHorizontalTable(horizontal)\n\n return (\n <section className={cn('w-full', classes?.root)}>\n <ResponsiveContainer className={cn('flex flex-col gap-12 mobile:max-w-[360px]', classes?.container)}>\n <div className={cn('flex flex-col gap-[16px]', classes?.textContainer)}>\n <div\n className={cn('mob-headline-bold-s desktop:desk-headline-bold-m', classes?.title)}\n dangerouslySetInnerHTML={{ __html: title }}\n />\n <div className={cn('desktop:desk-body-regular-l', classes?.subtitle)} dangerouslySetInnerHTML={{ __html: subtitle }} />\n </div>\n\n <div className={cn('flex flex-col gap-4', classes?.tableContainer)}>\n <DataTable\n {...restTableProps}\n horizontal={isHorizontal}\n data={data}\n columns={cols}\n classes={classes?.baseTableClasses}\n mode='odd'\n pagination={pagination}\n />\n {helperText && (\n <div\n className={cn('desk-body-regular-m text-color-tetriary', classes?.helperText)}\n dangerouslySetInnerHTML={{ __html: helperText }}\n />\n )}\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default InfoTable\n"],"names":["InfoTable","props","title","subtitle","helperText","pagination","columns","data","horizontal","classes","restTableProps","accessors","sortingColumns","sortingFn","getHeaderAccessors","cols","TableUtils","isHorizontal","isHorizontalTable","jsx","cn","jsxs","ResponsiveContainer","DataTable"],"mappings":"~~oqEAKO~~,MAAMA,GAAqEC,GAAkC,CAClH,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAa,GAAO,QAAAC,EAAS,KAAAC,EAAM,WAAAC,EAAY,QAAAC,EAAS,GAAGC,CAAA,EAAmBT,EAE7G,CAAE,UAAAU,EAAW,eAAAC,EAAgB,UAAAC,CAAA,EAAcC,EAAmBR,CAAO,EAErES,EAAOC,EAAW,WAAWT,EAAK,CAAC,EAAG,CAC1C,eAAgBI,EAChB,cAAeC,EACf,UAAAC,CAAA,CACD,EAEKI,EAAeC,EAAkBV,CAAU,EAEjD,OACEW,EAAC,UAAA,CAAQ,UAAWC,EAAG,SAAUX,GAAA,YAAAA,EAAS,IAAI,EAC5C,SAAAY,EAACC,GAAoB,UAAWF,EAAG,4CAA6CX,GAAA,YAAAA,EAAS,SAAS,EAChG,SAAA,CAAAY,EAAC,OAAI,UAAWD,EAAG,2BAA4BX,GAAA,YAAAA,EAAS,aAAa,EACnE,SAAA,CAAAU,EAAC,MAAA,CACC,UAAWC,EAAG,mDAAoDX,GAAA,YAAAA,EAAS,KAAK,EAChF,wBAAyB,CAAE,OAAQP,CAAA,CAAM,CAAA,EAE3CiB,EAAC,MAAA,CAAI,UAAWC,EAAG,8BAA+BX,GAAA,YAAAA,EAAS,QAAQ,EAAG,wBAAyB,CAAE,OAAQN,CAAA,CAAS,CAAG,CAAA,EACvH,IAEC,MAAA,CAAI,UAAWiB,EAAG,sBAAuBX,GAAA,YAAAA,EAAS,cAAc,EAC/D,SAAA,CAAAU,EAACI,EAAA,CACE,GAAGb,EACJ,WAAYO,EACZ,KAAAV,EACA,QAASQ,EACT,QAASN,GAAA,YAAAA,EAAS,iBAClB,KAAK,MACL,WAAAJ,CAAA,CAAA,EAEDD,GACCe,EAAC,MAAA,CACC,UAAWC,EAAG,0CAA2CX,GAAA,YAAAA,EAAS,UAAU,EAC5E,wBAAyB,CAAE,OAAQL,CAAA,CAAW,CAAA,CAChD,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}
1	+ {"version":3,"file":"InfoTable.js","sources":["../../../../lib/widgets/table/InfoTable.tsx"],"sourcesContent":["import { TableUtils } from '../../shared/ui/table/model'\nimport { cn } from '../../shared/utils'\nimport { getHeaderAccessors, isHorizontalTable, type TableProps } from './model'\nimport { DataTable, ResponsiveContainer } from '$/shared/ui'\n\nexport const InfoTable = <Key extends string, TData extends Record<Key, unknown>>(props: TableProps<Key, TData>) => {\n const { title, subtitle, helperText, pagination = false, columns, data, horizontal, classes, ...restTableProps } = props\n\n const { accessors, sortingColumns, sortingFn } = getHeaderAccessors(columns)\n\n const cols = TableUtils.getColumns(data[0], {\n headerAccessor: accessors,\n enableSorting: sortingColumns,\n sortingFn\n })\n\n const isHorizontal = isHorizontalTable(horizontal)\n\n return (\n <section className={cn('w-full', classes?.root)}>\n <ResponsiveContainer className={cn('flex flex-col gap-12 mobile:max-w-[360px]', classes?.container)}>\n <div className={cn('flex flex-col gap-[16px]', classes?.textContainer)}>\n <div\n className={cn('mob-headline-bold-s desktop:desk-headline-bold-m', classes?.title)}\n dangerouslySetInnerHTML={{ __html: title }}\n />\n <div className={cn('desktop:desk-body-regular-l', classes?.subtitle)} dangerouslySetInnerHTML={{ __html: subtitle }} />\n </div>\n\n <div className={cn('flex flex-col gap-4', classes?.tableContainer)}>\n <DataTable\n {...restTableProps}\n horizontal={isHorizontal}\n data={data}\n columns={cols}\n classes={classes?.baseTableClasses}\n mode='odd'\n pagination={pagination}\n />\n {helperText && (\n <div\n className={cn('desk-body-regular-m text-color-tetriary', classes?.helperText)}\n dangerouslySetInnerHTML={{ __html: helperText }}\n />\n )}\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default InfoTable\n"],"names":["InfoTable","props","title","subtitle","helperText","pagination","columns","data","horizontal","classes","restTableProps","accessors","sortingColumns","sortingFn","getHeaderAccessors","cols","TableUtils","isHorizontal","isHorizontalTable","jsx","cn","jsxs","ResponsiveContainer","DataTable"],"mappings":"+0EAKO,MAAMA,GAAqEC,GAAkC,CAClH,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAa,GAAO,QAAAC,EAAS,KAAAC,EAAM,WAAAC,EAAY,QAAAC,EAAS,GAAGC,CAAA,EAAmBT,EAE7G,CAAE,UAAAU,EAAW,eAAAC,EAAgB,UAAAC,CAAA,EAAcC,EAAmBR,CAAO,EAErES,EAAOC,EAAW,WAAWT,EAAK,CAAC,EAAG,CAC1C,eAAgBI,EAChB,cAAeC,EACf,UAAAC,CAAA,CACD,EAEKI,EAAeC,EAAkBV,CAAU,EAEjD,OACEW,EAAC,UAAA,CAAQ,UAAWC,EAAG,SAAUX,GAAA,YAAAA,EAAS,IAAI,EAC5C,SAAAY,EAACC,GAAoB,UAAWF,EAAG,4CAA6CX,GAAA,YAAAA,EAAS,SAAS,EAChG,SAAA,CAAAY,EAAC,OAAI,UAAWD,EAAG,2BAA4BX,GAAA,YAAAA,EAAS,aAAa,EACnE,SAAA,CAAAU,EAAC,MAAA,CACC,UAAWC,EAAG,mDAAoDX,GAAA,YAAAA,EAAS,KAAK,EAChF,wBAAyB,CAAE,OAAQP,CAAA,CAAM,CAAA,EAE3CiB,EAAC,MAAA,CAAI,UAAWC,EAAG,8BAA+BX,GAAA,YAAAA,EAAS,QAAQ,EAAG,wBAAyB,CAAE,OAAQN,CAAA,CAAS,CAAG,CAAA,EACvH,IAEC,MAAA,CAAI,UAAWiB,EAAG,sBAAuBX,GAAA,YAAAA,EAAS,cAAc,EAC/D,SAAA,CAAAU,EAACI,EAAA,CACE,GAAGb,EACJ,WAAYO,EACZ,KAAAV,EACA,QAASQ,EACT,QAASN,GAAA,YAAAA,EAAS,iBAClB,KAAK,MACL,WAAAJ,CAAA,CAAA,EAEDD,GACCe,EAAC,MAAA,CACC,UAAWC,EAAG,0CAA2CX,GAAA,YAAAA,EAAS,UAAU,EAC5E,wBAAyB,CAAE,OAAQL,CAAA,CAAW,CAAA,CAChD,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}

package/dist/lib/widgets/table/model/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"../../../../node_modules/classnames/index.js";import{TypeGuards as n}from"../../../shared/utils/typeGuards.js";import"react";const u=r=>{const s={},t=[],i={};for(const e of r)s[e.title]=()=>e.visibleTitle&&!n.isStringEmpty(e.visibleTitle)?e.visibleTitle:e.title,i[e.title]=e.sortingFn,e.enableSorting&&t.push(e.title);return{accessors:s,sortingColumns:t,sortingFn:i}},f=r=>{if(r.type==="true")return!0;if(r.type==="false")return!1;const{condition:s,operand:t}=r;switch(s){case"<":return t.left<t.right;case"<=":return t.left<=t.right;case"===":return t.left===t.right;case"!==":return t.left!==t.right;case">":return t.left>t.right;case">=":return t.left>=t.right}};export{u as getHeaderAccessors,f as isHorizontalTable};
+import"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import{TypeGuards as n}from"../../../shared/utils/typeGuards.js";import"react";const u=r=>{const s={},t=[],i={};for(const e of r)s[e.title]=()=>e.visibleTitle&&!n.isStringEmpty(e.visibleTitle)?e.visibleTitle:e.title,i[e.title]=e.sortingFn,e.enableSorting&&t.push(e.title);return{accessors:s,sortingColumns:t,sortingFn:i}},f=r=>{if(r.type==="true")return!0;if(r.type==="false")return!1;const{condition:s,operand:t}=r;switch(s){case"<":return t.left<t.right;case"<=":return t.left<=t.right;case"===":return t.left===t.right;case"!==":return t.left!==t.right;case">":return t.left>t.right;case">=":return t.left>=t.right}};export{u as getHeaderAccessors,f as isHorizontalTable};
 //# sourceMappingURL=utils.js.map