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

@scbt-ecom/ui 0.147.3 → 0.147.4

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

package/dist/lib/shared/ui/pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.js","sources":["../../../../../lib/shared/ui/pagination/Pagination.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { cn } from '../../utils'\nimport { Button } from '../button'\nimport { Icon } from '../icon'\n\ntype PaginationClasses = {\n root?: string\n button?: string\n ellipsis?: string\n active?: string\n}\n\nexport type PaginationProps = HTMLAttributes<HTMLDivElement> & {\n /*\n активная страница\n /\n page?: number\n /\n количество элементов после сужения страниц пример 1 - (1...6 7 8...n)\n * ^ ^\n /\n between?: number\n /\n количество элементов на странице\n /\n totalPages: number\n /\n функция для переключения страницы\n /\n changePage: (page: number) => void\n /\n включить переход на следующую/предыдущую страницу\n /\n next?: boolean\n /\n количество страниц для сужения\n /\n ellipsis?: number\n /\n дополнительные стили\n /\n classes?: PaginationClasses\n}\n\nexport const Pagination = ({\n page = 1,\n between = 3,\n totalPages,\n changePage,\n next = true,\n ellipsis = 0,\n classes,\n ...props\n}: PaginationProps) => {\n // гарантирует что between никогда не будет меньше 1\n between = between < 1 ? 1 : between\n // ограничиваем текущую страницу от 1 до totalPages\n page = Math.min(Math.max(page, 1), totalPages)\n // ограничиваем количество сужаемых элементов от 0 до between - 2\n ellipsis = Math.min(Math.max(ellipsis, 0), between - 2)\n\n const positions = Array.from({ length: totalPages }, (_, index) => index)\n\n // количество отображаемых страниц (включая активную)\n const visiblePages = between 2 + 1\n\n let range\n\n if (totalPages < visiblePages) {\n // если общее количество страниц меньше, чем нужно отобразить, то отображаем все страницы\n range = positions\n } else if (page - 1 <= between) {\n // если текущая страница близка к началу, то отображаем страницы с начала\n range = positions.slice(0, visiblePages - (ellipsis > 0 ? ellipsis + 1 : 0))\n } else if (page + between >= totalPages) {\n // если текущая страница близка к концу, то отображаем страницы с конца\n range = positions.slice(totalPages - visiblePages + (ellipsis > 0 ? ellipsis + 1 : 0), totalPages)\n } else {\n // иначе показываем страницы обрезая их слева и справа\n range = positions.slice(\n page - 1 - (between - (ellipsis > 0 ? ellipsis + 1 : 0)),\n page + (between - (ellipsis > 0 ? ellipsis + 1 : 0))\n )\n }\n\n return (\n <div {...props} className={cn('flex', classes?.root)}>\n {next && (\n <Button\n size='sm'\n intent='ghost'\n className={cn('mob-body-regular-l w-[40px] p-0 text-color-dark disabled:text-icon-disabled', classes?.button)}\n disabled={page <= 1}\n onClick={() => page > 1 && changePage(page - 2)}\n >\n <Icon name='arrows/arrowRight' className='rotate-180' />\n </Button>\n )}\n {totalPages > visiblePages &&\n ellipsis > 0 &&\n positions.slice(0, page - 1 <= between ? 0 : ellipsis).map((value) => (\n <Button\n key={value}\n size='sm'\n intent='ghost'\n className={cn('mob-body-regular-l w-[40px] p-0 text-color-dark', classes?.button)}\n onClick={() => value !== page - 1 && changePage(value)}\n >\n {value + 1}\n </Button>\n ))}\n {totalPages > visiblePages && ellipsis > 0 && page - 1 > between && (\n <Button\n size='sm'\n intent='ghost'\n className={cn('mob-body-regular-l pointer-events-none w-[40px] p-0 text-color-dark', classes?.ellipsis)}\n >\n ...\n </Button>\n )}\n {range.map((value) => {\n const active = value === page - 1\n\n return (\n <Button\n key={value}\n size='sm'\n className={cn(\n 'mob-body-regular-l w-[40px] p-0 text-color-dark',\n {\n [`text-color-primary-default ${classes?.active}`]: active\n },\n classes?.button\n )}\n intent={active ? 'secondary' : 'ghost'}\n onClick={() => !active && changePage(value)}\n >\n {value + 1}\n </Button>\n )\n })}\n {totalPages > visiblePages && ellipsis > 0 && page < totalPages - between && (\n <Button\n size='sm'\n intent='ghost'\n className={cn('mob-body-regular-l pointer-events-none w-[40px] p-0 text-color-dark', classes?.ellipsis)}\n >\n ...\n </Button>\n )}\n {totalPages > visiblePages &&\n ellipsis > 0 &&\n positions.slice(page >= totalPages - between ? totalPages : totalPages - ellipsis, totalPages).map((value) => (\n <Button\n key={value}\n size='sm'\n className={cn('mob-body-regular-l w-[40px] p-0 text-color-dark', classes?.button)}\n intent='ghost'\n onClick={() => value !== page - 1 && changePage(value)}\n >\n {value + 1}\n </Button>\n ))}\n {next && (\n <Button\n size='sm'\n intent='ghost'\n className={cn('mob-body-regular-l w-[40px] p-0 text-color-dark disabled:text-icon-disabled', classes?.button)}\n disabled={page >= totalPages}\n onClick={() => page < totalPages && changePage(page)}\n >\n <Icon name='arrows/arrowRight' />\n </Button>\n )}\n </div>\n )\n}\n"],"names":["Pagination","page","between","totalPages","changePage","next","ellipsis","classes","props","positions","_","index","visiblePages","range","jsxs","cn","jsx","Button","Icon","value","active"],"mappings":"~~2LA4CO~~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"}
1	+ {"version":3,"file":"Pagination.js","sources":["../../../../../lib/shared/ui/pagination/Pagination.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { cn } from '../../utils'\nimport { Button } from '../button'\nimport { Icon } from '../icon'\n\ntype PaginationClasses = {\n root?: string\n button?: string\n ellipsis?: string\n active?: string\n}\n\nexport type PaginationProps = HTMLAttributes<HTMLDivElement> & {\n /*\n активная страница\n /\n page?: number\n /\n количество элементов после сужения страниц пример 1 - (1...6 7 8...n)\n * ^ ^\n /\n between?: number\n /\n количество элементов на странице\n /\n totalPages: number\n /\n функция для переключения страницы\n /\n changePage: (page: number) => void\n /\n включить переход на следующую/предыдущую страницу\n /\n next?: boolean\n /\n количество страниц для сужения\n /\n ellipsis?: number\n /\n дополнительные стили\n /\n classes?: PaginationClasses\n}\n\nexport const Pagination = ({\n page = 1,\n between = 3,\n totalPages,\n changePage,\n next = true,\n ellipsis = 0,\n classes,\n ...props\n}: PaginationProps) => {\n // гарантирует что between никогда не будет меньше 1\n between = between < 1 ? 1 : between\n // ограничиваем текущую страницу от 1 до totalPages\n page = Math.min(Math.max(page, 1), totalPages)\n // ограничиваем количество сужаемых элементов от 0 до between - 2\n ellipsis = Math.min(Math.max(ellipsis, 0), between - 2)\n\n const positions = Array.from({ length: totalPages }, (_, index) => index)\n\n // количество отображаемых страниц (включая активную)\n const visiblePages = between 2 + 1\n\n let range\n\n if (totalPages < visiblePages) {\n // если общее количество страниц меньше, чем нужно отобразить, то отображаем все страницы\n range = positions\n } else if (page - 1 <= between) {\n // если текущая страница близка к началу, то отображаем страницы с начала\n range = positions.slice(0, visiblePages - (ellipsis > 0 ? ellipsis + 1 : 0))\n } else if (page + between >= totalPages) {\n // если текущая страница близка к концу, то отображаем страницы с конца\n range = positions.slice(totalPages - visiblePages + (ellipsis > 0 ? ellipsis + 1 : 0), totalPages)\n } else {\n // иначе показываем страницы обрезая их слева и справа\n range = positions.slice(\n page - 1 - (between - (ellipsis > 0 ? ellipsis + 1 : 0)),\n page + (between - (ellipsis > 0 ? ellipsis + 1 : 0))\n )\n }\n\n return (\n <div {...props} className={cn('flex', classes?.root)}>\n {next && (\n <Button\n size='sm'\n intent='ghost'\n className={cn('mob-body-regular-l w-[40px] p-0 text-color-dark disabled:text-icon-disabled', classes?.button)}\n disabled={page <= 1}\n onClick={() => page > 1 && changePage(page - 2)}\n >\n <Icon name='arrows/arrowRight' className='rotate-180' />\n </Button>\n )}\n {totalPages > visiblePages &&\n ellipsis > 0 &&\n positions.slice(0, page - 1 <= between ? 0 : ellipsis).map((value) => (\n <Button\n key={value}\n size='sm'\n intent='ghost'\n className={cn('mob-body-regular-l w-[40px] p-0 text-color-dark', classes?.button)}\n onClick={() => value !== page - 1 && changePage(value)}\n >\n {value + 1}\n </Button>\n ))}\n {totalPages > visiblePages && ellipsis > 0 && page - 1 > between && (\n <Button\n size='sm'\n intent='ghost'\n className={cn('mob-body-regular-l pointer-events-none w-[40px] p-0 text-color-dark', classes?.ellipsis)}\n >\n ...\n </Button>\n )}\n {range.map((value) => {\n const active = value === page - 1\n\n return (\n <Button\n key={value}\n size='sm'\n className={cn(\n 'mob-body-regular-l w-[40px] p-0 text-color-dark',\n {\n [`text-color-primary-default ${classes?.active}`]: active\n },\n classes?.button\n )}\n intent={active ? 'secondary' : 'ghost'}\n onClick={() => !active && changePage(value)}\n >\n {value + 1}\n </Button>\n )\n })}\n {totalPages > visiblePages && ellipsis > 0 && page < totalPages - between && (\n <Button\n size='sm'\n intent='ghost'\n className={cn('mob-body-regular-l pointer-events-none w-[40px] p-0 text-color-dark', classes?.ellipsis)}\n >\n ...\n </Button>\n )}\n {totalPages > visiblePages &&\n ellipsis > 0 &&\n positions.slice(page >= totalPages - between ? totalPages : totalPages - ellipsis, totalPages).map((value) => (\n <Button\n key={value}\n size='sm'\n className={cn('mob-body-regular-l w-[40px] p-0 text-color-dark', classes?.button)}\n intent='ghost'\n onClick={() => value !== page - 1 && changePage(value)}\n >\n {value + 1}\n </Button>\n ))}\n {next && (\n <Button\n size='sm'\n intent='ghost'\n className={cn('mob-body-regular-l w-[40px] p-0 text-color-dark disabled:text-icon-disabled', classes?.button)}\n disabled={page >= totalPages}\n onClick={() => page < totalPages && changePage(page)}\n >\n <Icon name='arrows/arrowRight' />\n </Button>\n )}\n </div>\n )\n}\n"],"names":["Pagination","page","between","totalPages","changePage","next","ellipsis","classes","props","positions","_","index","visiblePages","range","jsxs","cn","jsx","Button","Icon","value","active"],"mappings":"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"}

package/dist/lib/shared/ui/phoneView/PhoneView.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as m}from"react/jsx-runtime";import{cn as r}from"../../utils/cn.js";import"react";const k=({phone:t,text:d,classes:o,...i})=>e("div",{className:r("flex w-max flex-col",o==null?void 0:o.root),...i,children:[m("a",{href:`tel:${t}`,className:r("mob-body-medium-l ml-auto text-color-dark desktop:desk-body-medium-l",o==null?void 0:o.link),children:t}),m("p",{className:r("desk-body-regular-s text-color-tetriary",o==null?void 0:o.text),children:d})]});export{k as PhoneView};
+import{jsxs as e,jsx as m}from"react/jsx-runtime";import{cn as r}from"../../utils/cn.js";import"uuid";import"react";const k=({phone:t,text:d,classes:o,...i})=>e("div",{className:r("flex w-max flex-col",o==null?void 0:o.root),...i,children:[m("a",{href:`tel:${t}`,className:r("mob-body-medium-l ml-auto text-color-dark desktop:desk-body-medium-l",o==null?void 0:o.link),children:t}),m("p",{className:r("desk-body-regular-s text-color-tetriary",o==null?void 0:o.text),children:d})]});export{k as PhoneView};
 //# sourceMappingURL=PhoneView.js.map

package/dist/lib/shared/ui/phoneView/PhoneView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PhoneView.js","sources":["../../../../../lib/shared/ui/phoneView/PhoneView.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { cn } from '$/shared/utils'\n\ninterface PhoneViewClasses {\n root?: string\n link?: string\n text?: string\n}\n\nexport interface PhoneViewProps extends HTMLAttributes<HTMLDivElement> {\n phone: string\n text: string\n classes?: PhoneViewClasses\n}\n\nexport const PhoneView = ({ phone, text, classes, ...props }: PhoneViewProps) => {\n return (\n <div className={cn('flex w-max flex-col', classes?.root)} {...props}>\n <a\n href={`tel:${phone}`}\n className={cn('mob-body-medium-l ml-auto text-color-dark desktop:desk-body-medium-l', classes?.link)}\n >\n {phone}\n </a>\n <p className={cn('desk-body-regular-s text-color-tetriary', classes?.text)}>{text}</p>\n </div>\n )\n}\n"],"names":["PhoneView","phone","text","classes","props","jsxs","cn","jsx"],"mappings":"~~uGAeO~~,MAAMA,EAAY,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,QAAAC,EAAS,GAAGC,KAEjDC,EAAC,OAAI,UAAWC,EAAG,sBAAuBH,GAAA,YAAAA,EAAS,IAAI,EAAI,GAAGC,EAC5D,SAAA,CAAAG,EAAC,IAAA,CACC,KAAM,OAAON,CAAK,GAClB,UAAWK,EAAG,uEAAwEH,GAAA,YAAAA,EAAS,IAAI,EAElG,SAAAF,CAAA,CAAA,EAEHM,EAAC,KAAE,UAAWD,EAAG,0CAA2CH,GAAA,YAAAA,EAAS,IAAI,EAAI,SAAAD,CAAA,CAAK,CAAA,EACpF"}
1	+ {"version":3,"file":"PhoneView.js","sources":["../../../../../lib/shared/ui/phoneView/PhoneView.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { cn } from '$/shared/utils'\n\ninterface PhoneViewClasses {\n root?: string\n link?: string\n text?: string\n}\n\nexport interface PhoneViewProps extends HTMLAttributes<HTMLDivElement> {\n phone: string\n text: string\n classes?: PhoneViewClasses\n}\n\nexport const PhoneView = ({ phone, text, classes, ...props }: PhoneViewProps) => {\n return (\n <div className={cn('flex w-max flex-col', classes?.root)} {...props}>\n <a\n href={`tel:${phone}`}\n className={cn('mob-body-medium-l ml-auto text-color-dark desktop:desk-body-medium-l', classes?.link)}\n >\n {phone}\n </a>\n <p className={cn('desk-body-regular-s text-color-tetriary', classes?.text)}>{text}</p>\n </div>\n )\n}\n"],"names":["PhoneView","phone","text","classes","props","jsxs","cn","jsx"],"mappings":"oHAeO,MAAMA,EAAY,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,QAAAC,EAAS,GAAGC,KAEjDC,EAAC,OAAI,UAAWC,EAAG,sBAAuBH,GAAA,YAAAA,EAAS,IAAI,EAAI,GAAGC,EAC5D,SAAA,CAAAG,EAAC,IAAA,CACC,KAAM,OAAON,CAAK,GAClB,UAAWK,EAAG,uEAAwEH,GAAA,YAAAA,EAAS,IAAI,EAElG,SAAAF,CAAA,CAAA,EAEHM,EAAC,KAAE,UAAWD,EAAG,0CAA2CH,GAAA,YAAAA,EAAS,IAAI,EAAI,SAAAD,CAAA,CAAK,CAAA,EACpF"}

package/dist/lib/shared/ui/popover/Popover.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as o}from"react/jsx-runtime";import{Root as b,Trigger as N,Portal as y,Content as c,Close as j,Arrow as C}from"../../../../node_modules/.pnpm/@radix-ui_react-popover@1.1.15_@types_react-dom@18.3.7_@types_react@18.3.23__@types_rea_4bbb796db2478bb6e6bf15c49c187a40/node_modules/@radix-ui/react-popover/dist/index.js";import{cn as t}from"../../utils/cn.js";import"react";import"../button/Button.js";import"../buttonIcon/ButtonIcon.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../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 v}from"../icon/Icon.js";import"../table/ui/primitives/Primitives.js";import"../carousel/ui/CarouselContent.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../src/configs/api.js";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const pr=({triggerElement:m,classes:r,sideOffset:e=4,alignOffset:p,align:n,side:u,defaultOpen:g=!1,avoidCollisions:d=!0,children:f,arrowPadding:h,portalContainer:x,withCloseBtn:l=!0,withArrow:w=!0,...a})=>i(b,{defaultOpen:g,children:[o("div",{className:t("flex w-max items-center gap-2",r==null?void 0:r.root),children:o(N,{"aria-label":"tooltip",className:t("flex cursor-pointer items-center justify-center",r==null?void 0:r.trigger),children:m})}),o(y,{container:x,children:i(c,{className:t("desk-body-regular-m flex w-fit max-w-64 items-start gap-2 rounded-sm bg-color-white p-4 shadow-sm outline-none",r==null?void 0:r.content),sideOffset:e,alignOffset:p,avoidCollisions:d,arrowPadding:h,align:n,side:u,...a,children:[f,l&&o(j,{"aria-label":"Close",className:t("flex size-5 items-center justify-center outline-0 outline-transparent",r==null?void 0:r.closeTrigger),children:o(v,{name:"general/close",className:t("size-5 cursor-pointer text-icon-blue-grey-600 transition-colors hover:text-icon-blue-grey-800",r==null?void 0:r.closeIcon)})}),w&&o(C,{width:12,height:6,className:t("fill-white",r==null?void 0:r.arrowIcon)})]})})]});export{pr as Popover};
+import{jsxs as m,jsx as o}from"react/jsx-runtime";import*as t from"@radix-ui/react-popover";import{cn as i}from"../../utils/cn.js";import"uuid";import"react";import"../button/Button.js";import"../button/model/helpers.js";import"../buttonIcon/ButtonIcon.js";import"../loader/model/helpers.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../notification/ui/CustomToast.js";import"../table/ui/primitives/Primitives.js";import{Icon as N}from"../icon/Icon.js";import"@tanstack/react-table";import"../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../carousel/ui/CarouselContent.js";import"../customLink/model/helpers.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"classnames";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const Nr=({triggerElement:p,classes:r,sideOffset:e=4,alignOffset:n,align:u,side:g,defaultOpen:d=!1,avoidCollisions:f=!0,children:h,arrowPadding:x,portalContainer:l,withCloseBtn:w=!0,withArrow:a=!0,...b})=>m(t.Root,{defaultOpen:d,children:[o("div",{className:i("flex w-max items-center gap-2",r==null?void 0:r.root),children:o(t.Trigger,{"aria-label":"tooltip",className:i("flex cursor-pointer items-center justify-center",r==null?void 0:r.trigger),children:p})}),o(t.Portal,{container:l,children:m(t.Content,{className:i("desk-body-regular-m flex w-fit max-w-64 items-start gap-2 rounded-sm bg-color-white p-4 shadow-sm outline-none",r==null?void 0:r.content),sideOffset:e,alignOffset:n,avoidCollisions:f,arrowPadding:x,align:u,side:g,...b,children:[h,w&&o(t.Close,{"aria-label":"Close",className:i("flex size-5 items-center justify-center outline-0 outline-transparent",r==null?void 0:r.closeTrigger),children:o(N,{name:"general/close",className:i("size-5 cursor-pointer text-icon-blue-grey-600 transition-colors hover:text-icon-blue-grey-800",r==null?void 0:r.closeIcon)})}),a&&o(t.Arrow,{width:12,height:6,className:i("fill-white",r==null?void 0:r.arrowIcon)})]})})]});export{Nr as Popover};
 //# sourceMappingURL=Popover.js.map

package/dist/lib/shared/ui/popover/Popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.js","sources":["../../../../../lib/shared/ui/popover/Popover.tsx"],"sourcesContent":["'use client'\n\nimport type { ReactElement, ReactNode } from 'react'\nimport type { PopoverContentProps as PopoverContentPropsBase } from '@radix-ui/react-popover'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype PopoverClasses = {\n root?: string\n content?: string\n trigger?: string\n arrowIcon?: string\n closeIcon?: string\n closeTrigger?: string\n}\n\ninterface PopoverContentProps extends PopoverContentPropsBase {\n sideOffset?: number\n alignOffset?: number\n align?: 'end' \| 'center' \| 'start'\n side?: 'top' \| 'right' \| 'bottom' \| 'left'\n defaultOpen?: boolean\n avoidCollisions?: boolean\n withCloseBtn?: boolean\n withArrow?: boolean\n}\n\nexport interface PopoverProps extends PopoverContentProps {\n triggerElement: ReactElement\n children: ReactNode\n classes?: PopoverClasses\n portalContainer?: PopoverPrimitive.PopoverPortalProps['container']\n}\n\nexport const Popover = ({\n triggerElement,\n classes,\n sideOffset = 4,\n alignOffset,\n align,\n side,\n defaultOpen = false,\n avoidCollisions = true,\n children,\n arrowPadding,\n portalContainer,\n withCloseBtn = true,\n withArrow = true,\n ...contentProps\n}: PopoverProps) => {\n return (\n <PopoverPrimitive.Root defaultOpen={defaultOpen}>\n <div className={cn('flex w-max items-center gap-2', classes?.root)}>\n <PopoverPrimitive.Trigger\n aria-label='tooltip'\n className={cn('flex cursor-pointer items-center justify-center', classes?.trigger)}\n >\n {triggerElement}\n </PopoverPrimitive.Trigger>\n </div>\n <PopoverPrimitive.Portal container={portalContainer}>\n <PopoverPrimitive.Content\n className={cn(\n 'desk-body-regular-m flex w-fit max-w-64 items-start gap-2 rounded-sm bg-color-white p-4 shadow-sm outline-none',\n classes?.content\n )}\n sideOffset={sideOffset}\n alignOffset={alignOffset}\n avoidCollisions={avoidCollisions}\n arrowPadding={arrowPadding}\n align={align}\n side={side}\n {...contentProps}\n >\n {children}\n\n {withCloseBtn && (\n <PopoverPrimitive.Close\n aria-label='Close'\n className={cn('flex size-5 items-center justify-center outline-0 outline-transparent', classes?.closeTrigger)}\n >\n <Icon\n name='general/close'\n className={cn(\n 'size-5 cursor-pointer text-icon-blue-grey-600 transition-colors hover:text-icon-blue-grey-800',\n classes?.closeIcon\n )}\n />\n </PopoverPrimitive.Close>\n )}\n {withArrow && <PopoverPrimitive.Arrow width={12} height={6} className={cn('fill-white', classes?.arrowIcon)} />}\n </PopoverPrimitive.Content>\n </PopoverPrimitive.Portal>\n </PopoverPrimitive.Root>\n )\n}\n"],"names":["Popover","triggerElement","classes","sideOffset","alignOffset","align","side","defaultOpen","avoidCollisions","children","arrowPadding","portalContainer","withCloseBtn","withArrow","contentProps","jsxs","PopoverPrimitive~~.Root~~","jsx","cn","~~PopoverPrimitive.Trigger","PopoverPrimitive.Portal","PopoverPrimitive.Content","PopoverPrimitive.Close","~~Icon"~~,"PopoverPrimitive.Arrow"~~],"mappings":"~~ohEAmCO~~,MAAMA,GAAU,CAAC,CACtB,eAAAC,EACA,QAAAC,EACA,WAAAC,EAAa,EACb,YAAAC,EACA,MAAAC,EACA,KAAAC,EACA,YAAAC,EAAc,GACd,gBAAAC,EAAkB,GAClB,SAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,aAAAC,EAAe,GACf,UAAAC,EAAY,GACZ,GAAGC,CACL,IAEIC,EAACC,~~EAAA~~,CAAsB,YAAAT,EACrB,SAAA,CAAAU,EAAC,OAAI,UAAWC,EAAG,gCAAiChB,GAAA,YAAAA,EAAS,IAAI,EAC/D,SAAAe,~~EAACE~~,~~EAAA~~,CACC,aAAW,UACX,~~UAAWD~~,EAAG,kDAAmDhB,GAAA,YAAAA,EAAS,OAAO,EAEhF,SAAAD,CAAA,CAAA,EAEL,EACAgB,~~EAACG~~,~~EAAA~~,CAAwB,~~UAAWT~~,EAClC,SAAAI,~~EAACM~~,~~EAAA~~,CACC,~~UAAWH~~,EACT,iHACAhB,GAAA,YAAAA,EAAS,OAAA,EAEX,WAAAC,EACA,YAAAC,EACA,gBAAAI,EACA,aAAAE,EACA,MAAAL,EACA,KAAAC,EACC,GAAGQ,EAEH,SAAA,CAAAL,EAEAG,GACCK,~~EAACK~~,~~EAAA~~,CACC,aAAW,QACX,~~UAAWJ~~,EAAG,wEAAyEhB,GAAA,YAAAA,EAAS,YAAY,EAE5G,SAAAe,~~EAACM~~,EAAA,CACC,KAAK,gBACL,~~UAAWL~~,EACT,gGACAhB,GAAA,YAAAA,EAAS,SAAA,CACX,CAAA,CACF,CAAA,EAGHW,GAAaI,~~EAACO~~,~~EAAA~~,CAAuB,MAAO,GAAI,OAAQ,EAAG,~~UAAWN~~,EAAG,aAAchB,GAAA,YAAAA,EAAS,SAAS,CAAA,CAAG,CAAA,CAAA,CAAA,CAC/G,CACF,CAAA,EACF"}
1	+ {"version":3,"file":"Popover.js","sources":["../../../../../lib/shared/ui/popover/Popover.tsx"],"sourcesContent":["'use client'\n\nimport type { ReactElement, ReactNode } from 'react'\nimport type { PopoverContentProps as PopoverContentPropsBase } from '@radix-ui/react-popover'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype PopoverClasses = {\n root?: string\n content?: string\n trigger?: string\n arrowIcon?: string\n closeIcon?: string\n closeTrigger?: string\n}\n\ninterface PopoverContentProps extends PopoverContentPropsBase {\n sideOffset?: number\n alignOffset?: number\n align?: 'end' \| 'center' \| 'start'\n side?: 'top' \| 'right' \| 'bottom' \| 'left'\n defaultOpen?: boolean\n avoidCollisions?: boolean\n withCloseBtn?: boolean\n withArrow?: boolean\n}\n\nexport interface PopoverProps extends PopoverContentProps {\n triggerElement: ReactElement\n children: ReactNode\n classes?: PopoverClasses\n portalContainer?: PopoverPrimitive.PopoverPortalProps['container']\n}\n\nexport const Popover = ({\n triggerElement,\n classes,\n sideOffset = 4,\n alignOffset,\n align,\n side,\n defaultOpen = false,\n avoidCollisions = true,\n children,\n arrowPadding,\n portalContainer,\n withCloseBtn = true,\n withArrow = true,\n ...contentProps\n}: PopoverProps) => {\n return (\n <PopoverPrimitive.Root defaultOpen={defaultOpen}>\n <div className={cn('flex w-max items-center gap-2', classes?.root)}>\n <PopoverPrimitive.Trigger\n aria-label='tooltip'\n className={cn('flex cursor-pointer items-center justify-center', classes?.trigger)}\n >\n {triggerElement}\n </PopoverPrimitive.Trigger>\n </div>\n <PopoverPrimitive.Portal container={portalContainer}>\n <PopoverPrimitive.Content\n className={cn(\n 'desk-body-regular-m flex w-fit max-w-64 items-start gap-2 rounded-sm bg-color-white p-4 shadow-sm outline-none',\n classes?.content\n )}\n sideOffset={sideOffset}\n alignOffset={alignOffset}\n avoidCollisions={avoidCollisions}\n arrowPadding={arrowPadding}\n align={align}\n side={side}\n {...contentProps}\n >\n {children}\n\n {withCloseBtn && (\n <PopoverPrimitive.Close\n aria-label='Close'\n className={cn('flex size-5 items-center justify-center outline-0 outline-transparent', classes?.closeTrigger)}\n >\n <Icon\n name='general/close'\n className={cn(\n 'size-5 cursor-pointer text-icon-blue-grey-600 transition-colors hover:text-icon-blue-grey-800',\n classes?.closeIcon\n )}\n />\n </PopoverPrimitive.Close>\n )}\n {withArrow && <PopoverPrimitive.Arrow width={12} height={6} className={cn('fill-white', classes?.arrowIcon)} />}\n </PopoverPrimitive.Content>\n </PopoverPrimitive.Portal>\n </PopoverPrimitive.Root>\n )\n}\n"],"names":["Popover","triggerElement","classes","sideOffset","alignOffset","align","side","defaultOpen","avoidCollisions","children","arrowPadding","portalContainer","withCloseBtn","withArrow","contentProps","jsxs","PopoverPrimitive","jsx","cn","Icon"],"mappings":"koEAmCO,MAAMA,GAAU,CAAC,CACtB,eAAAC,EACA,QAAAC,EACA,WAAAC,EAAa,EACb,YAAAC,EACA,MAAAC,EACA,KAAAC,EACA,YAAAC,EAAc,GACd,gBAAAC,EAAkB,GAClB,SAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,aAAAC,EAAe,GACf,UAAAC,EAAY,GACZ,GAAGC,CACL,IAEIC,EAACC,EAAiB,KAAjB,CAAsB,YAAAT,EACrB,SAAA,CAAAU,EAAC,OAAI,UAAWC,EAAG,gCAAiChB,GAAA,YAAAA,EAAS,IAAI,EAC/D,SAAAe,EAACD,EAAiB,QAAjB,CACC,aAAW,UACX,UAAWE,EAAG,kDAAmDhB,GAAA,YAAAA,EAAS,OAAO,EAEhF,SAAAD,CAAA,CAAA,EAEL,EACAgB,EAACD,EAAiB,OAAjB,CAAwB,UAAWL,EAClC,SAAAI,EAACC,EAAiB,QAAjB,CACC,UAAWE,EACT,iHACAhB,GAAA,YAAAA,EAAS,OAAA,EAEX,WAAAC,EACA,YAAAC,EACA,gBAAAI,EACA,aAAAE,EACA,MAAAL,EACA,KAAAC,EACC,GAAGQ,EAEH,SAAA,CAAAL,EAEAG,GACCK,EAACD,EAAiB,MAAjB,CACC,aAAW,QACX,UAAWE,EAAG,wEAAyEhB,GAAA,YAAAA,EAAS,YAAY,EAE5G,SAAAe,EAACE,EAAA,CACC,KAAK,gBACL,UAAWD,EACT,gGACAhB,GAAA,YAAAA,EAAS,SAAA,CACX,CAAA,CACF,CAAA,EAGHW,GAAaI,EAACD,EAAiB,MAAjB,CAAuB,MAAO,GAAI,OAAQ,EAAG,UAAWE,EAAG,aAAchB,GAAA,YAAAA,EAAS,SAAS,CAAA,CAAG,CAAA,CAAA,CAAA,CAC/G,CACF,CAAA,EACF"}

package/dist/lib/shared/ui/progressBar/ProgressBar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as t}from"react/jsx-runtime";import{cn as o}from"../../utils/cn.js";import"react";const g=({topContent:d,bottomContent:i,progress:p,maxPercent:n=100,classes:r})=>m("div",{className:o("flex w-full flex-col",r==null?void 0:r.root),children:[d&&t("div",{className:o("mb-2 flex justify-between gap-5",r==null?void 0:r.topContent),children:d}),m("div",{className:o("relative h-2 w-[328xp] rounded-md bg-color-blue-grey-100 desktop:w-[524px]",r==null?void 0:r.progressBar),children:[t("div",{style:{width:`${p}%`},className:o("relative z-10 h-2 rounded-md bg-color-positive transition-all",r==null?void 0:r.progress)}),t("span",{style:{maxWidth:`${n}%`},className:o("progressBar-apply z-1 absolute top-1/2 h-full w-full -translate-y-1/2 animate-progress-loader rounded-md",r==null?void 0:r.loader)})]}),i&&t("div",{className:o("mt-2 flex justify-between gap-5",r==null?void 0:r.bottomContent),children:i})]});export{g as ProgressBar};
+import{jsxs as m,jsx as t}from"react/jsx-runtime";import{cn as o}from"../../utils/cn.js";import"uuid";import"react";const x=({topContent:i,bottomContent:d,progress:p,maxPercent:n=100,classes:r})=>m("div",{className:o("flex w-full flex-col",r==null?void 0:r.root),children:[i&&t("div",{className:o("mb-2 flex justify-between gap-5",r==null?void 0:r.topContent),children:i}),m("div",{className:o("relative h-2 w-[328xp] rounded-md bg-color-blue-grey-100 desktop:w-[524px]",r==null?void 0:r.progressBar),children:[t("div",{style:{width:`${p}%`},className:o("relative z-10 h-2 rounded-md bg-color-positive transition-all",r==null?void 0:r.progress)}),t("span",{style:{maxWidth:`${n}%`},className:o("progressBar-apply z-1 absolute top-1/2 h-full w-full -translate-y-1/2 animate-progress-loader rounded-md",r==null?void 0:r.loader)})]}),d&&t("div",{className:o("mt-2 flex justify-between gap-5",r==null?void 0:r.bottomContent),children:d})]});export{x as ProgressBar};
 //# sourceMappingURL=ProgressBar.js.map

package/dist/lib/shared/ui/progressBar/ProgressBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar.js","sources":["../../../../../lib/shared/ui/progressBar/ProgressBar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '$/shared/utils'\n\ntype ProgressBarClasses = {\n root?: string\n topContent?: string\n bottomContent?: string\n progressBar?: string\n progress?: string\n loader?: string\n}\n\nexport interface IProgressBarProps {\n topContent?: React.ReactElement\n bottomContent?: React.ReactElement\n progress: number\n maxPercent?: number\n classes?: ProgressBarClasses\n}\n\nexport const ProgressBar = ({ topContent, bottomContent, progress, maxPercent = 100, classes }: IProgressBarProps) => {\n return (\n <div className={cn('flex w-full flex-col', classes?.root)}>\n {topContent && <div className={cn('mb-2 flex justify-between gap-5', classes?.topContent)}>{topContent}</div>}\n\n <div className={cn('relative h-2 w-[328xp] rounded-md bg-color-blue-grey-100 desktop:w-[524px]', classes?.progressBar)}>\n <div\n style={{ width: `${progress}%` }}\n className={cn('relative z-10 h-2 rounded-md bg-color-positive transition-all', classes?.progress)}\n ></div>\n <span\n style={{ maxWidth: `${maxPercent}%` }}\n className={cn(\n 'progressBar-apply z-1 absolute top-1/2 h-full w-full -translate-y-1/2 animate-progress-loader rounded-md',\n classes?.loader\n )}\n ></span>\n </div>\n\n {bottomContent && <div className={cn('mt-2 flex justify-between gap-5', classes?.bottomContent)}>{bottomContent}</div>}\n </div>\n )\n}\n"],"names":["ProgressBar","topContent","bottomContent","progress","maxPercent","classes","cn","jsx"],"mappings":"~~uGAoBO~~,MAAMA,EAAc,CAAC,CAAE,WAAAC,EAAY,cAAAC,EAAe,SAAAC,EAAU,WAAAC,EAAa,IAAK,QAAAC,OAEhF,MAAA,CAAI,UAAWC,EAAG,uBAAwBD,GAAA,YAAAA,EAAS,IAAI,EACrD,SAAA,CAAAJ,GAAcM,EAAC,OAAI,UAAWD,EAAG,kCAAmCD,GAAA,YAAAA,EAAS,UAAU,EAAI,SAAAJ,CAAA,CAAW,IAEtG,MAAA,CAAI,UAAWK,EAAG,6EAA8ED,GAAA,YAAAA,EAAS,WAAW,EACnH,SAAA,CAAAE,EAAC,MAAA,CACC,MAAO,CAAE,MAAO,GAAGJ,CAAQ,GAAA,EAC3B,UAAWG,EAAG,gEAAiED,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,EAElGE,EAAC,OAAA,CACC,MAAO,CAAE,SAAU,GAAGH,CAAU,GAAA,EAChC,UAAWE,EACT,2GACAD,GAAA,YAAAA,EAAS,MAAA,CACX,CAAA,CACD,EACH,EAECH,KAAkB,MAAA,CAAI,UAAWI,EAAG,kCAAmCD,GAAA,YAAAA,EAAS,aAAa,EAAI,SAAAH,CAAA,CAAc,CAAA,EAClH"}
1	+ {"version":3,"file":"ProgressBar.js","sources":["../../../../../lib/shared/ui/progressBar/ProgressBar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '$/shared/utils'\n\ntype ProgressBarClasses = {\n root?: string\n topContent?: string\n bottomContent?: string\n progressBar?: string\n progress?: string\n loader?: string\n}\n\nexport interface IProgressBarProps {\n topContent?: React.ReactElement\n bottomContent?: React.ReactElement\n progress: number\n maxPercent?: number\n classes?: ProgressBarClasses\n}\n\nexport const ProgressBar = ({ topContent, bottomContent, progress, maxPercent = 100, classes }: IProgressBarProps) => {\n return (\n <div className={cn('flex w-full flex-col', classes?.root)}>\n {topContent && <div className={cn('mb-2 flex justify-between gap-5', classes?.topContent)}>{topContent}</div>}\n\n <div className={cn('relative h-2 w-[328xp] rounded-md bg-color-blue-grey-100 desktop:w-[524px]', classes?.progressBar)}>\n <div\n style={{ width: `${progress}%` }}\n className={cn('relative z-10 h-2 rounded-md bg-color-positive transition-all', classes?.progress)}\n ></div>\n <span\n style={{ maxWidth: `${maxPercent}%` }}\n className={cn(\n 'progressBar-apply z-1 absolute top-1/2 h-full w-full -translate-y-1/2 animate-progress-loader rounded-md',\n classes?.loader\n )}\n ></span>\n </div>\n\n {bottomContent && <div className={cn('mt-2 flex justify-between gap-5', classes?.bottomContent)}>{bottomContent}</div>}\n </div>\n )\n}\n"],"names":["ProgressBar","topContent","bottomContent","progress","maxPercent","classes","cn","jsx"],"mappings":"oHAoBO,MAAMA,EAAc,CAAC,CAAE,WAAAC,EAAY,cAAAC,EAAe,SAAAC,EAAU,WAAAC,EAAa,IAAK,QAAAC,OAEhF,MAAA,CAAI,UAAWC,EAAG,uBAAwBD,GAAA,YAAAA,EAAS,IAAI,EACrD,SAAA,CAAAJ,GAAcM,EAAC,OAAI,UAAWD,EAAG,kCAAmCD,GAAA,YAAAA,EAAS,UAAU,EAAI,SAAAJ,CAAA,CAAW,IAEtG,MAAA,CAAI,UAAWK,EAAG,6EAA8ED,GAAA,YAAAA,EAAS,WAAW,EACnH,SAAA,CAAAE,EAAC,MAAA,CACC,MAAO,CAAE,MAAO,GAAGJ,CAAQ,GAAA,EAC3B,UAAWG,EAAG,gEAAiED,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,EAElGE,EAAC,OAAA,CACC,MAAO,CAAE,SAAU,GAAGH,CAAU,GAAA,EAChC,UAAWE,EACT,2GACAD,GAAA,YAAAA,EAAS,MAAA,CACX,CAAA,CACD,EACH,EAECH,KAAkB,MAAA,CAAI,UAAWI,EAAG,kCAAmCD,GAAA,YAAAA,EAAS,aAAa,EAAI,SAAAH,CAAA,CAAc,CAAA,EAClH"}

package/dist/lib/shared/ui/providers/NotificationProvider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as i}from"react/jsx-runtime";import{useEffect as f}from"react";import n,{useToasterStore as a,Toaster as p}from"../../../../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";const u=({maxToastViewLimit:o=2,toastDuration:s=5e3})=>{const{toasts:r}=a();return f(()=>{r.filter(t=>t.visible).filter((t,e)=>e>=o).forEach(t=>n.dismiss(t.id))},[o,r]),i(p,{position:"top-center",toastOptions:{duration:s}})};export{u as NotificationProvider};
+import{jsx as e}from"react/jsx-runtime";import{useEffect as f}from"react";import n,{useToasterStore as p,Toaster as a}from"react-hot-toast";const u=({maxToastViewLimit:o=2,toastDuration:s=5e3})=>{const{toasts:r}=p();return f(()=>{r.filter(t=>t.visible).filter((t,i)=>i>=o).forEach(t=>n.dismiss(t.id))},[o,r]),e(a,{position:"top-center",toastOptions:{duration:s}})};export{u as NotificationProvider};
 //# sourceMappingURL=NotificationProvider.js.map

package/dist/lib/shared/ui/providers/NotificationProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationProvider.js","sources":["../../../../../lib/shared/ui/providers/NotificationProvider.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect } from 'react'\nimport toast, { Toaster, useToasterStore } from 'react-hot-toast'\n\nexport interface NotificationProviderProps {\n maxToastViewLimit?: number\n toastDuration?: number\n}\n\nexport const NotificationProvider = ({ maxToastViewLimit = 2, toastDuration = 5000 }: NotificationProviderProps) => {\n const { toasts } = useToasterStore()\n\n useEffect(() => {\n toasts\n .filter((t) => t.visible)\n .filter((_, i) => i >= maxToastViewLimit)\n .forEach((t) => toast.dismiss(t.id))\n }, [maxToastViewLimit, toasts])\n\n return (\n <Toaster\n position='top-center'\n toastOptions={{\n duration: toastDuration\n }}\n />\n )\n}\n"],"names":["NotificationProvider","maxToastViewLimit","toastDuration","toasts","useToasterStore","useEffect","_","~~i","~~toast","jsx","Toaster"],"mappings":"~~wQAUO~~,MAAMA,EAAuB,CAAC,CAAE,kBAAAC,EAAoB,EAAG,cAAAC,EAAgB,OAAsC,CAClH,KAAM,CAAE,OAAAC,CAAA,EAAWC,EAAA,EAEnB,OAAAC,EAAU,IAAM,CACdF,EACG,OAAQ,GAAM,EAAE,OAAO,EACvB,OAAO,CAACG,~~EAAGC~~,~~IAAMA~~,~~GAAKN~~,CAAiB,EACvC,QAAS,~~GAAMO~~,EAAM,QAAQ,EAAE,EAAE,CAAC,CACvC,EAAG,~~CAACP~~,EAAmBE,CAAM,CAAC,~~EAG5BM~~,EAACC,EAAA,CACC,SAAS,aACT,aAAc,CACZ,~~SAAUR~~,CAAA,CACZ,CAAA,CAGN"}
1	+ {"version":3,"file":"NotificationProvider.js","sources":["../../../../../lib/shared/ui/providers/NotificationProvider.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect } from 'react'\nimport toast, { Toaster, useToasterStore } from 'react-hot-toast'\n\nexport interface NotificationProviderProps {\n maxToastViewLimit?: number\n toastDuration?: number\n}\n\nexport const NotificationProvider = ({ maxToastViewLimit = 2, toastDuration = 5000 }: NotificationProviderProps) => {\n const { toasts } = useToasterStore()\n\n useEffect(() => {\n toasts\n .filter((t) => t.visible)\n .filter((_, i) => i >= maxToastViewLimit)\n .forEach((t) => toast.dismiss(t.id))\n }, [maxToastViewLimit, toasts])\n\n return (\n <Toaster\n position='top-center'\n toastOptions={{\n duration: toastDuration\n }}\n />\n )\n}\n"],"names":["NotificationProvider","maxToastViewLimit","toastDuration","toasts","useToasterStore","useEffect","_","toast","jsx","Toaster"],"mappings":"4IAUO,MAAMA,EAAuB,CAAC,CAAE,kBAAAC,EAAoB,EAAG,cAAAC,EAAgB,OAAsC,CAClH,KAAM,CAAE,OAAAC,CAAA,EAAWC,EAAA,EAEnB,OAAAC,EAAU,IAAM,CACdF,EACG,OAAQ,GAAM,EAAE,OAAO,EACvB,OAAO,CAACG,EAAG,IAAM,GAAKL,CAAiB,EACvC,QAAS,GAAMM,EAAM,QAAQ,EAAE,EAAE,CAAC,CACvC,EAAG,CAACN,EAAmBE,CAAM,CAAC,EAG5BK,EAACC,EAAA,CACC,SAAS,aACT,aAAc,CACZ,SAAUP,CAAA,CACZ,CAAA,CAGN"}

package/dist/lib/shared/ui/responsiveContainer/ResponsiveContainer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{cn as p}from"../../utils/cn.js";import"react";const a=({children:o,offset:m=!0,className:r,...t})=>e("div",{className:p("m-auto w-full max-w-[636px] desktop:max-w-[1140px]",{"mobile:px-4":m},r),...t,children:o});export{a as ResponsiveContainer};
+import{jsx as p}from"react/jsx-runtime";import{cn as e}from"../../utils/cn.js";import"uuid";import"react";const n=({children:o,offset:m=!0,className:r,...t})=>p("div",{className:e("m-auto w-full max-w-[636px] desktop:max-w-[1140px]",{"mobile:px-4":m},r),...t,children:o});export{n as ResponsiveContainer};
 //# sourceMappingURL=ResponsiveContainer.js.map

package/dist/lib/shared/ui/responsiveContainer/ResponsiveContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResponsiveContainer.js","sources":["../../../../../lib/shared/ui/responsiveContainer/ResponsiveContainer.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\nimport { cn } from '$/shared/utils'\n\nexport interface ResponsiveContainerProps extends HTMLAttributes<HTMLDivElement> {\n children: ReactNode\n className?: string\n offset?: boolean\n}\n\nexport const ResponsiveContainer = ({ children, offset = true, className, ...props }: ResponsiveContainerProps) => {\n return (\n <div className={cn('m-auto w-full max-w-[636px] desktop:max-w-[1140px]', { 'mobile:px-4': offset }, className)} {...props}>\n {children}\n </div>\n )\n}\n"],"names":["ResponsiveContainer","children","offset","className","props","jsx","cn"],"mappings":"~~6FASO~~,MAAMA,EAAsB,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,GAAM,UAAAC,EAAW,GAAGC,KAEzEC,EAAC,MAAA,CAAI,UAAWC,EAAG,qDAAsD,CAAE,cAAeJ,CAAA,EAAUC,CAAS,EAAI,GAAGC,EACjH,SAAAH,CAAA,CACH"}
1	+ {"version":3,"file":"ResponsiveContainer.js","sources":["../../../../../lib/shared/ui/responsiveContainer/ResponsiveContainer.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\nimport { cn } from '$/shared/utils'\n\nexport interface ResponsiveContainerProps extends HTMLAttributes<HTMLDivElement> {\n children: ReactNode\n className?: string\n offset?: boolean\n}\n\nexport const ResponsiveContainer = ({ children, offset = true, className, ...props }: ResponsiveContainerProps) => {\n return (\n <div className={cn('m-auto w-full max-w-[636px] desktop:max-w-[1140px]', { 'mobile:px-4': offset }, className)} {...props}>\n {children}\n </div>\n )\n}\n"],"names":["ResponsiveContainer","children","offset","className","props","jsx","cn"],"mappings":"0GASO,MAAMA,EAAsB,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,GAAM,UAAAC,EAAW,GAAGC,KAEzEC,EAAC,MAAA,CAAI,UAAWC,EAAG,qDAAsD,CAAE,cAAeJ,CAAA,EAAUC,CAAS,EAAI,GAAGC,EACjH,SAAAH,CAAA,CACH"}

package/dist/lib/shared/ui/skeleton/Skeleton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as l}from"react/jsx-runtime";import{cn as r}from"../../utils/cn.js";import"react";const p=({className:o})=>l("div",{className:r("skeleton-apply h-full w-full",o)});export{p as Skeleton};
+import{jsx as r}from"react/jsx-runtime";import{cn as t}from"../../utils/cn.js";import"uuid";import"react";const i=({className:o})=>r("div",{className:t("skeleton-apply h-full w-full",o)});export{i as Skeleton};
 //# sourceMappingURL=Skeleton.js.map

package/dist/lib/shared/ui/skeleton/Skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.js","sources":["../../../../../lib/shared/ui/skeleton/Skeleton.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\nimport { cn } from '$/shared/utils'\n\nexport interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {\n className?: string\n}\n\nexport const Skeleton = ({ className }: SkeletonProps) => {\n return <div className={cn('skeleton-apply h-full w-full', className)}></div>\n}\n"],"names":["Skeleton","className","cn"],"mappings":"~~6FAOO~~,MAAMA,EAAW,CAAC,CAAE,UAAAC,OACjB,MAAA,CAAI,UAAWC,EAAG,+BAAgCD,CAAS,EAAG"}
1	+ {"version":3,"file":"Skeleton.js","sources":["../../../../../lib/shared/ui/skeleton/Skeleton.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\nimport { cn } from '$/shared/utils'\n\nexport interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {\n className?: string\n}\n\nexport const Skeleton = ({ className }: SkeletonProps) => {\n return <div className={cn('skeleton-apply h-full w-full', className)}></div>\n}\n"],"names":["Skeleton","className","cn"],"mappings":"0GAOO,MAAMA,EAAW,CAAC,CAAE,UAAAC,OACjB,MAAA,CAAI,UAAWC,EAAG,+BAAgCD,CAAS,EAAG"}

package/dist/lib/shared/ui/slot/ui/SlotClone.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{forwardRef as l,isValidElement as n,cloneElement as p,Children as t}from"react";import"react/jsx-runtime";import{getElementRef as f}from"../model/getElementRef.js";import{mergeProps as i}from"../model/mergeProps.js";import"../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import{mergeRefs as s}from"../../../utils/mergeRefs.js";const u=l(({children:o,...m},e)=>{if(n(o)){const r=f(o);return p(o,{...i(m,o.props),ref:e?s(e,r):r})}return t.count(o)>1?t.only(null):null});u.displayName="SlotClone";export{u as SlotClone};
+import{forwardRef as l,isValidElement as p,cloneElement as n,Children as t}from"react";import"react/jsx-runtime";import{getElementRef as f}from"../model/getElementRef.js";import{mergeProps as i}from"../model/mergeProps.js";import"classnames";import"tailwind-merge";import{mergeRefs as s}from"../../../utils/mergeRefs.js";import"uuid";const u=l(({children:o,...m},r)=>{if(p(o)){const e=f(o);return n(o,{...i(m,o.props),ref:r?s(r,e):e})}return t.count(o)>1?t.only(null):null});u.displayName="SlotClone";export{u as SlotClone};
 //# sourceMappingURL=SlotClone.js.map

package/dist/lib/shared/ui/slot/ui/SlotClone.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SlotClone.js","sources":["../../../../../../lib/shared/ui/slot/ui/SlotClone.tsx"],"sourcesContent":["import { Children, cloneElement, forwardRef, isValidElement } from 'react'\nimport { getElementRef, mergeProps } from '../model'\nimport { mergeRefs } from '$/shared/utils'\n\nexport type SlotCloneProps = {\n children: React.ReactNode\n}\n\nexport const SlotClone = forwardRef<any, SlotCloneProps>(({ children, ...props }, ref) => {\n if (isValidElement(children)) {\n const childrenRef = getElementRef(children)\n\n return cloneElement(children, {\n ...mergeProps(props, children.props),\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n ref: ref ? mergeRefs(ref, childrenRef) : childrenRef\n })\n }\n\n return Children.count(children) > 1 ? Children.only(null) : null\n})\nSlotClone.displayName = 'SlotClone'\n"],"names":["SlotClone","forwardRef","children","props","ref","isValidElement","childrenRef","getElementRef","cloneElement","mergeProps","mergeRefs","Children"],"mappings":"~~mXAQO~~,MAAMA,EAAYC,EAAgC,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAASC,IAAQ,CACxF,GAAIC,EAAeH,CAAQ,EAAG,CAC5B,MAAMI,EAAcC,EAAcL,CAAQ,EAE1C,OAAOM,EAAaN,EAAU,CAC5B,GAAGO,EAAWN,EAAOD,EAAS,KAAK,EAGnC,IAAKE,EAAMM,EAAUN,EAAKE,CAAW,EAAIA,CAAA,CAC1C,CACH,CAEA,OAAOK,EAAS,MAAMT,CAAQ,EAAI,EAAIS,EAAS,KAAK,IAAI,EAAI,IAC9D,CAAC,EACDX,EAAU,YAAc"}
1	+ {"version":3,"file":"SlotClone.js","sources":["../../../../../../lib/shared/ui/slot/ui/SlotClone.tsx"],"sourcesContent":["import { Children, cloneElement, forwardRef, isValidElement } from 'react'\nimport { getElementRef, mergeProps } from '../model'\nimport { mergeRefs } from '$/shared/utils'\n\nexport type SlotCloneProps = {\n children: React.ReactNode\n}\n\nexport const SlotClone = forwardRef<any, SlotCloneProps>(({ children, ...props }, ref) => {\n if (isValidElement(children)) {\n const childrenRef = getElementRef(children)\n\n return cloneElement(children, {\n ...mergeProps(props, children.props),\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n ref: ref ? mergeRefs(ref, childrenRef) : childrenRef\n })\n }\n\n return Children.count(children) > 1 ? Children.only(null) : null\n})\nSlotClone.displayName = 'SlotClone'\n"],"names":["SlotClone","forwardRef","children","props","ref","isValidElement","childrenRef","getElementRef","cloneElement","mergeProps","mergeRefs","Children"],"mappings":"8UAQO,MAAMA,EAAYC,EAAgC,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAASC,IAAQ,CACxF,GAAIC,EAAeH,CAAQ,EAAG,CAC5B,MAAMI,EAAcC,EAAcL,CAAQ,EAE1C,OAAOM,EAAaN,EAAU,CAC5B,GAAGO,EAAWN,EAAOD,EAAS,KAAK,EAGnC,IAAKE,EAAMM,EAAUN,EAAKE,CAAW,EAAIA,CAAA,CAC1C,CACH,CAEA,OAAOK,EAAS,MAAMT,CAAQ,EAAI,EAAIS,EAAS,KAAK,IAAI,EAAI,IAC9D,CAAC,EACDX,EAAU,YAAc"}

package/dist/lib/shared/ui/tabSwitcher/TabsSwitcher.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as f,jsx as r}from"react/jsx-runtime";import{Root as x,List as b,Trigger as e}from"../../../../node_modules/.pnpm/@radix-ui_react-tabs@1.1.13_@types_react-dom@18.3.7_@types_react@18.3.23__@types_react@_8f47f6bd759e0053042cb7f53939f234/node_modules/@radix-ui/react-tabs/dist/index.js";import{TabContent as h}from"./ui/TabContent.js";import{cn as i}from"../../utils/cn.js";import"react";const T=({renderContent:t,defaultActiveTabId:u="1",value:g,onChangeTab:l,classes:o})=>{var m;return f(x,{value:g,onValueChange:l,defaultValue:u,className:i("flex flex-col",o==null?void 0:o.root),children:[r(b,{className:i("flex items-center gap-4",o==null?void 0:o.list),children:(m=t==null?void 0:t.triggers)==null?void 0:m.map(({id:a,label:p})=>r(e,{value:a,className:i('desk-body-regular-l cursor-pointer rounded-sm bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-offset-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state="active"]:!bg-color-primary-default data-[state="active"]:!text-color-white',o==null?void 0:o.trigger),children:p},a))}),r(h,{contents:t==null?void 0:t.contents,classes:o==null?void 0:o.tabContent})]})};export{T as TabsSwitcher};
+import{jsxs as b,jsx as r}from"react/jsx-runtime";import*as i from"@radix-ui/react-tabs";import{TabContent as e}from"./ui/TabContent.js";import{cn as m}from"../../utils/cn.js";import"uuid";import"react";const T=({renderContent:t,defaultActiveTabId:g="1",value:p,onChangeTab:l,classes:o})=>{var a;return b(i.Root,{value:p,onValueChange:l,defaultValue:g,className:m("flex flex-col",o==null?void 0:o.root),children:[r(i.List,{className:m("flex items-center gap-4",o==null?void 0:o.list),children:(a=t==null?void 0:t.triggers)==null?void 0:a.map(({id:u,label:f})=>r(i.Trigger,{value:u,className:m('desk-body-regular-l cursor-pointer rounded-sm bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-offset-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state="active"]:!bg-color-primary-default data-[state="active"]:!text-color-white',o==null?void 0:o.trigger),children:f},u))}),r(e,{contents:t==null?void 0:t.contents,classes:o==null?void 0:o.tabContent})]})};export{T as TabsSwitcher};
 //# sourceMappingURL=TabsSwitcher.js.map

package/dist/lib/shared/ui/tabSwitcher/TabsSwitcher.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabsSwitcher.js","sources":["../../../../../lib/shared/ui/tabSwitcher/TabsSwitcher.tsx"],"sourcesContent":["'use client'\n\nimport * as TabPrimitive from '@radix-ui/react-tabs'\nimport type { TabRenderContent, TabsClasses } from './model/types'\nimport { TabContent } from './ui/TabContent'\nimport { cn } from '$/shared/utils'\n\nexport interface TabsSwitcherProps {\n renderContent: TabRenderContent\n value: string\n onChangeTab: (tab: string) => void\n defaultActiveTabId?: string\n classes?: TabsClasses\n}\n\nexport const TabsSwitcher = ({ renderContent, defaultActiveTabId = '1', value, onChangeTab, classes }: TabsSwitcherProps) => {\n return (\n <TabPrimitive.Root\n value={value}\n onValueChange={onChangeTab}\n defaultValue={defaultActiveTabId}\n className={cn('flex flex-col', classes?.root)}\n >\n <TabPrimitive.List className={cn('flex items-center gap-4', classes?.list)}>\n {renderContent?.triggers?.map(({ id, label }) => (\n <TabPrimitive.Trigger\n key={id}\n value={id}\n className={cn(\n 'desk-body-regular-l cursor-pointer rounded-sm bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-offset-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state=\"active\"]:!bg-color-primary-default data-[state=\"active\"]:!text-color-white',\n classes?.trigger\n )}\n >\n {label}\n </TabPrimitive.Trigger>\n ))}\n </TabPrimitive.List>\n <TabContent contents={renderContent?.contents} classes={classes?.tabContent} />\n </TabPrimitive.Root>\n )\n}\n"],"names":["TabsSwitcher","renderContent","defaultActiveTabId","value","onChangeTab","classes","jsxs","TabPrimitive~~.Root~~","cn","jsx","~~TabPrimitive.List","~~_a","id","label","~~TabPrimitive.Trigger","~~TabContent"],"mappings":"~~6YAeO~~,MAAMA,EAAe,CAAC,CAAE,cAAAC,EAAe,mBAAAC,EAAqB,IAAK,MAAAC,EAAO,YAAAC,EAAa,QAAAC,KAAiC,OAC3H,OACEC,EAACC,~~EAAA~~,CACC,MAAAJ,EACA,cAAeC,EACf,aAAcF,EACd,UAAWM,EAAG,gBAAiBH,GAAA,YAAAA,EAAS,IAAI,EAE5C,SAAA,CAAAI,~~EAACC~~,~~EAAA~~,CAAkB,~~UAAWF~~,EAAG,0BAA2BH,GAAA,YAAAA,EAAS,IAAI,EACtE,~~UAAAM~~,~~EAAAV~~,GAAA,YAAAA,EAAe,WAAf,~~YAAAU~~,EAAyB,IAAI,CAAC,CAAE,GAAAC,EAAI,MAAAC,~~KACnCJ~~,~~EAACK~~,~~EAAA~~,CAEC,~~MAAOF~~,EACP,~~UAAWJ~~,EACT,+TACAH,GAAA,YAAAA,EAAS,OAAA,EAGV,~~SAAAQ~~,CAAA,EAPID,CAAA,GAUX,~~IACCG~~,EAAA,CAAW,~~SAAUd~~,GAAA,YAAAA,EAAe,SAAU,QAASI,GAAA,YAAAA,EAAS,UAAA,CAAY,CAAA,CAAA,CAAA,CAGnF"}
1	+ {"version":3,"file":"TabsSwitcher.js","sources":["../../../../../lib/shared/ui/tabSwitcher/TabsSwitcher.tsx"],"sourcesContent":["'use client'\n\nimport * as TabPrimitive from '@radix-ui/react-tabs'\nimport type { TabRenderContent, TabsClasses } from './model/types'\nimport { TabContent } from './ui/TabContent'\nimport { cn } from '$/shared/utils'\n\nexport interface TabsSwitcherProps {\n renderContent: TabRenderContent\n value: string\n onChangeTab: (tab: string) => void\n defaultActiveTabId?: string\n classes?: TabsClasses\n}\n\nexport const TabsSwitcher = ({ renderContent, defaultActiveTabId = '1', value, onChangeTab, classes }: TabsSwitcherProps) => {\n return (\n <TabPrimitive.Root\n value={value}\n onValueChange={onChangeTab}\n defaultValue={defaultActiveTabId}\n className={cn('flex flex-col', classes?.root)}\n >\n <TabPrimitive.List className={cn('flex items-center gap-4', classes?.list)}>\n {renderContent?.triggers?.map(({ id, label }) => (\n <TabPrimitive.Trigger\n key={id}\n value={id}\n className={cn(\n 'desk-body-regular-l cursor-pointer rounded-sm bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-offset-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state=\"active\"]:!bg-color-primary-default data-[state=\"active\"]:!text-color-white',\n classes?.trigger\n )}\n >\n {label}\n </TabPrimitive.Trigger>\n ))}\n </TabPrimitive.List>\n <TabContent contents={renderContent?.contents} classes={classes?.tabContent} />\n </TabPrimitive.Root>\n )\n}\n"],"names":["TabsSwitcher","renderContent","defaultActiveTabId","value","onChangeTab","classes","jsxs","TabPrimitive","cn","jsx","_a","id","label","TabContent"],"mappings":"2MAeO,MAAMA,EAAe,CAAC,CAAE,cAAAC,EAAe,mBAAAC,EAAqB,IAAK,MAAAC,EAAO,YAAAC,EAAa,QAAAC,KAAiC,OAC3H,OACEC,EAACC,EAAa,KAAb,CACC,MAAAJ,EACA,cAAeC,EACf,aAAcF,EACd,UAAWM,EAAG,gBAAiBH,GAAA,YAAAA,EAAS,IAAI,EAE5C,SAAA,CAAAI,EAACF,EAAa,KAAb,CAAkB,UAAWC,EAAG,0BAA2BH,GAAA,YAAAA,EAAS,IAAI,EACtE,UAAAK,EAAAT,GAAA,YAAAA,EAAe,WAAf,YAAAS,EAAyB,IAAI,CAAC,CAAE,GAAAC,EAAI,MAAAC,KACnCH,EAACF,EAAa,QAAb,CAEC,MAAOI,EACP,UAAWH,EACT,+TACAH,GAAA,YAAAA,EAAS,OAAA,EAGV,SAAAO,CAAA,EAPID,CAAA,GAUX,IACCE,EAAA,CAAW,SAAUZ,GAAA,YAAAA,EAAe,SAAU,QAASI,GAAA,YAAAA,EAAS,UAAA,CAAY,CAAA,CAAA,CAAA,CAGnF"}

package/dist/lib/shared/ui/tabSwitcher/ui/TabContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as p}from"react/jsx-runtime";import{Content as h}from"../../../../../node_modules/.pnpm/@radix-ui_react-tabs@1.1.13_@types_react-dom@18.3.7_@types_react@18.3.23__@types_react@_8f47f6bd759e0053042cb7f53939f234/node_modules/@radix-ui/react-tabs/dist/index.js";import{Accordion as x}from"../../accordion/Accordion.js";import{cn as e}from"../../../utils/cn.js";import"react";const b=({classes:t,contents:f})=>p("div",{className:e("flex flex-col gap-4",t==null?void 0:t.contentsWrapper),children:f==null?void 0:f.map(({id:r,body:u,accordion:m})=>m&&(m!=null&&m.title)?p(h,{value:r,className:e("py-8",t==null?void 0:t.content),children:p(x,{label:m==null?void 0:m.title,children:u})},r):p(h,{value:r,className:e("py-8",t==null?void 0:t.content),children:u},r))});export{b as TabContent};
+import{jsx as p}from"react/jsx-runtime";import*as u from"@radix-ui/react-tabs";import{Accordion as h}from"../../accordion/Accordion.js";import{cn as f}from"../../../utils/cn.js";import"uuid";import"react";const b=({classes:t,contents:e})=>p("div",{className:f("flex flex-col gap-4",t==null?void 0:t.contentsWrapper),children:e==null?void 0:e.map(({id:r,body:i,accordion:m})=>m&&(m!=null&&m.title)?p(u.Content,{value:r,className:f("py-8",t==null?void 0:t.content),children:p(h,{label:m==null?void 0:m.title,children:i})},r):p(u.Content,{value:r,className:f("py-8",t==null?void 0:t.content),children:i},r))});export{b as TabContent};
 //# sourceMappingURL=TabContent.js.map

package/dist/lib/shared/ui/tabSwitcher/ui/TabContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabContent.js","sources":["../../../../../../lib/shared/ui/tabSwitcher/ui/TabContent.tsx"],"sourcesContent":["import * as TabPrimitive from '@radix-ui/react-tabs'\nimport { Accordion } from '../../accordion'\nimport type { ITabContent } from '../model/types'\nimport { cn } from '$/shared/utils'\n\nexport type TabContentClasses = {\n content?: string\n contentsWrapper?: string\n}\n\nexport interface TabContentProps {\n contents: ITabContent[]\n classes?: TabContentClasses\n}\n\nexport const TabContent = ({ classes, contents }: TabContentProps) => {\n return (\n <div className={cn('flex flex-col gap-4', classes?.contentsWrapper)}>\n {contents?.map(({ id, body, accordion }) => {\n if (accordion && accordion?.title) {\n return (\n <TabPrimitive.Content key={id} value={id} className={cn('py-8', classes?.content)}>\n <Accordion label={accordion?.title}>{body}</Accordion>\n </TabPrimitive.Content>\n )\n }\n\n return (\n <TabPrimitive.Content key={id} value={id} className={cn('py-8', classes?.content)}>\n {body}\n </TabPrimitive.Content>\n )\n })}\n </div>\n )\n}\n"],"names":["TabContent","classes","contents","jsx","cn","id","body","accordion","TabPrimitive~~.Content~~","Accordion"],"mappings":"~~8XAeO~~,MAAMA,EAAa,CAAC,CAAE,QAAAC,EAAS,SAAAC,KAElCC,EAAC,MAAA,CAAI,UAAWC,EAAG,sBAAuBH,GAAA,YAAAA,EAAS,eAAe,EAC/D,SAAAC,GAAA,YAAAA,EAAU,IAAI,CAAC,CAAE,GAAAG,EAAI,KAAAC,EAAM,UAAAC,KACtBA,IAAaA,GAAA,MAAAA,EAAW,SAEvBC,~~EAAA~~,CAA8B,MAAOH,EAAI,UAAWD,EAAG,OAAQH,GAAA,YAAAA,EAAS,OAAO,EAC9E,WAACQ,EAAA,CAAU,MAAOF,GAAA,YAAAA,EAAW,MAAQ,SAAAD,CAAA,CAAK,GADjBD,CAE3B,EAKFF,EAACK,~~EAAA~~,CAA8B,MAAOH,EAAI,UAAWD,EAAG,OAAQH,GAAA,YAAAA,EAAS,OAAO,EAC7E,YADwBI,CAE3B,EAEH,CACH"}
1	+ {"version":3,"file":"TabContent.js","sources":["../../../../../../lib/shared/ui/tabSwitcher/ui/TabContent.tsx"],"sourcesContent":["import * as TabPrimitive from '@radix-ui/react-tabs'\nimport { Accordion } from '../../accordion'\nimport type { ITabContent } from '../model/types'\nimport { cn } from '$/shared/utils'\n\nexport type TabContentClasses = {\n content?: string\n contentsWrapper?: string\n}\n\nexport interface TabContentProps {\n contents: ITabContent[]\n classes?: TabContentClasses\n}\n\nexport const TabContent = ({ classes, contents }: TabContentProps) => {\n return (\n <div className={cn('flex flex-col gap-4', classes?.contentsWrapper)}>\n {contents?.map(({ id, body, accordion }) => {\n if (accordion && accordion?.title) {\n return (\n <TabPrimitive.Content key={id} value={id} className={cn('py-8', classes?.content)}>\n <Accordion label={accordion?.title}>{body}</Accordion>\n </TabPrimitive.Content>\n )\n }\n\n return (\n <TabPrimitive.Content key={id} value={id} className={cn('py-8', classes?.content)}>\n {body}\n </TabPrimitive.Content>\n )\n })}\n </div>\n )\n}\n"],"names":["TabContent","classes","contents","jsx","cn","id","body","accordion","TabPrimitive","Accordion"],"mappings":"6MAeO,MAAMA,EAAa,CAAC,CAAE,QAAAC,EAAS,SAAAC,KAElCC,EAAC,MAAA,CAAI,UAAWC,EAAG,sBAAuBH,GAAA,YAAAA,EAAS,eAAe,EAC/D,SAAAC,GAAA,YAAAA,EAAU,IAAI,CAAC,CAAE,GAAAG,EAAI,KAAAC,EAAM,UAAAC,KACtBA,IAAaA,GAAA,MAAAA,EAAW,SAEvBC,EAAa,QAAb,CAA8B,MAAOH,EAAI,UAAWD,EAAG,OAAQH,GAAA,YAAAA,EAAS,OAAO,EAC9E,WAACQ,EAAA,CAAU,MAAOF,GAAA,YAAAA,EAAW,MAAQ,SAAAD,CAAA,CAAK,GADjBD,CAE3B,EAKFF,EAACK,EAAa,QAAb,CAA8B,MAAOH,EAAI,UAAWD,EAAG,OAAQH,GAAA,YAAAA,EAAS,OAAO,EAC7E,YADwBI,CAE3B,EAEH,CACH"}

package/dist/lib/shared/ui/table/Desktop.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as u,jsx as r}from"react/jsx-runtime";import{flexRender as f}from"../../../../node_modules/.pnpm/@tanstack_react-table@8.21.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@tanstack/react-table/build/lib/index.js";import{TablePagination as N}from"./TablePagination.js";import{Table as P,TableHeader as T,TableRow as l,TableHead as R,TableBody as S,TableCell as h}from"./ui/primitives/Primitives.js";import"react";import{cn as e}from"../../utils/cn.js";import"react-hook-form";import"../button/Button.js";import"../buttonIcon/ButtonIcon.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"react-dom";import"../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"../carousel/ui/CarouselContent.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../src/configs/api.js";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const mo=({mode:p,enableHeaders:b,table:t,classes:o,pagination:m,empty:x="Ничего не найдено"})=>{const w=m!==!1&&t.getPageCount()>1,g={pageCount:t.getPageCount(),rowsCount:t.getCoreRowModel().rows.length,pageSize:t.getState().pagination.pageSize,page:t.getState().pagination.pageIndex+1,onPageIndexChange:t.setPageIndex,classes:o==null?void 0:o.pagination};return u("div",{className:e("flex w-full flex-col gap-y-4",o==null?void 0:o.root),children:[u(P,{className:e("w-full",o==null?void 0:o.table),children:[b&&r(T,{className:"px-2",children:t.getHeaderGroups().map(n=>r(l,{className:e("w-full",{"border-b border-b-[rgba(234,237,241,1)]":p==="solid"},o==null?void 0:o.tableHeader),children:n.headers.map(i=>r(R,{className:e("py-3",{"px-2":p==="odd"},o==null?void 0:o.tableHead),children:i.isPlaceholder?null:f(i.column.columnDef.header,i.getContext())},i.id))},n.id))}),r(S,{children:t.getRowModel().rows.length?t.getRowModel().rows.map((n,i)=>r(l,{className:e("w-full",{"[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":p==="solid","[&:nth-child(odd)]:bg-color-primary-light-default":p==="odd"},o==null?void 0:o.tableRow),children:n.getVisibleCells().map((d,C)=>{const a=d.getContext(),y=a.column.getSize();return r(h,{style:{width:y},className:e("py-3",{"px-3":p==="odd","font-medium":C!==0},o==null?void 0:o.tableCell),children:f(d.column.columnDef.cell,{...a,rowIndex:i})},d.id)})},n.id)):r(l,{children:r(h,{className:"py-4 text-center",colSpan:t.getAllColumns().length,children:x})})})]}),typeof m=="function"?m(g):w?r(N,{...g}):null]})};export{mo as Desktop};
+import{jsxs as u,jsx as r}from"react/jsx-runtime";import{flexRender as f}from"@tanstack/react-table";import{TablePagination as N}from"./TablePagination.js";import{Table as P,TableHeader as T,TableRow as l,TableHead as R,TableBody as S,TableCell as h}from"./ui/primitives/Primitives.js";import"react";import{cn as p}from"../../utils/cn.js";import"uuid";import"react-hook-form";import"@hookform/resolvers";import"../button/Button.js";import"../button/model/helpers.js";import"../buttonIcon/ButtonIcon.js";import"../loader/model/helpers.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../notification/ui/CustomToast.js";import"../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../carousel/ui/CarouselContent.js";import"../customLink/model/helpers.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"classnames";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const Ho=({mode:m,enableHeaders:b,table:t,classes:o,pagination:n,empty:x="Ничего не найдено"})=>{const w=n!==!1&&t.getPageCount()>1,g={pageCount:t.getPageCount(),rowsCount:t.getCoreRowModel().rows.length,pageSize:t.getState().pagination.pageSize,page:t.getState().pagination.pageIndex+1,onPageIndexChange:t.setPageIndex,classes:o==null?void 0:o.pagination};return u("div",{className:p("flex w-full flex-col gap-y-4",o==null?void 0:o.root),children:[u(P,{className:p("w-full",o==null?void 0:o.table),children:[b&&r(T,{className:"px-2",children:t.getHeaderGroups().map(e=>r(l,{className:p("w-full",{"border-b border-b-[rgba(234,237,241,1)]":m==="solid"},o==null?void 0:o.tableHeader),children:e.headers.map(i=>r(R,{className:p("py-3",{"px-2":m==="odd"},o==null?void 0:o.tableHead),children:i.isPlaceholder?null:f(i.column.columnDef.header,i.getContext())},i.id))},e.id))}),r(S,{children:t.getRowModel().rows.length?t.getRowModel().rows.map((e,i)=>r(l,{className:p("w-full",{"[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":m==="solid","[&:nth-child(odd)]:bg-color-primary-light-default":m==="odd"},o==null?void 0:o.tableRow),children:e.getVisibleCells().map((d,C)=>{const a=d.getContext(),y=a.column.getSize();return r(h,{style:{width:y},className:p("py-3",{"px-3":m==="odd","font-medium":C!==0},o==null?void 0:o.tableCell),children:f(d.column.columnDef.cell,{...a,rowIndex:i})},d.id)})},e.id)):r(l,{children:r(h,{className:"py-4 text-center",colSpan:t.getAllColumns().length,children:x})})})]}),typeof n=="function"?n(g):w?r(N,{...g}):null]})};export{Ho as Desktop};
 //# sourceMappingURL=Desktop.js.map

package/dist/lib/shared/ui/table/Desktop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Desktop.js","sources":["../../../../../lib/shared/ui/table/Desktop.tsx"],"sourcesContent":["import { flexRender, type Table as TTable } from '@tanstack/react-table'\nimport type { DataTableProps } from './model'\nimport { TablePagination } from './TablePagination'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype DesktopTableProps<TData extends {}> = Pick<\n DataTableProps<TData>,\n 'enableHeaders' \| 'classes' \| 'mode' \| 'pagination' \| 'empty'\n> & {\n table: TTable<TData>\n}\n\nexport const Desktop = <TData extends {}>({\n mode,\n enableHeaders,\n table,\n classes,\n pagination,\n empty = 'Ничего не найдено'\n}: DesktopTableProps<TData>) => {\n const paginationEnabled = pagination !== false && table.getPageCount() > 1\n\n const paginationProps = {\n pageCount: table.getPageCount(),\n rowsCount: table.getCoreRowModel().rows.length,\n pageSize: table.getState().pagination.pageSize,\n page: table.getState().pagination.pageIndex + 1,\n onPageIndexChange: table.setPageIndex,\n classes: classes?.pagination\n }\n\n return (\n <div className={cn('flex w-full flex-col gap-y-4', classes?.root)}>\n <Table className={cn('w-full', classes?.table)}>\n {enableHeaders && (\n <TableHeader className='px-2'>\n {table.getHeaderGroups().map((headerGroup) => (\n <TableRow\n key={headerGroup.id}\n className={cn(\n 'w-full',\n {\n 'border-b border-b-[rgba(234,237,241,1)]': mode === 'solid'\n },\n classes?.tableHeader\n )}\n >\n {headerGroup.headers.map((header) => (\n <TableHead\n key={header.id}\n className={cn(\n 'py-3',\n {\n 'px-2': mode === 'odd'\n },\n classes?.tableHead\n )}\n >\n {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}\n </TableHead>\n ))}\n </TableRow>\n ))}\n </TableHeader>\n )}\n <TableBody>\n {table.getRowModel().rows.length ? (\n table.getRowModel().rows.map((row, rowIndex) => (\n <TableRow\n key={row.id}\n className={cn(\n 'w-full',\n {\n '[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]': mode === 'solid',\n '[&:nth-child(odd)]:bg-color-primary-light-default': mode === 'odd'\n },\n classes?.tableRow\n )}\n >\n {row.getVisibleCells().map((cell, cellIndex) => {\n const cellContext = cell.getContext()\n const size = cellContext.column.getSize()\n\n return (\n <TableCell\n key={cell.id}\n style={{ width: size }}\n className={cn(\n 'py-3',\n {\n 'px-3': mode === 'odd',\n 'font-medium': cellIndex !== 0\n },\n classes?.tableCell\n )}\n >\n {flexRender(cell.column.columnDef.cell, { ...cellContext, rowIndex })}\n </TableCell>\n )\n })}\n </TableRow>\n ))\n ) : (\n <TableRow>\n <TableCell className='py-4 text-center' colSpan={table.getAllColumns().length}>\n {empty}\n </TableCell>\n </TableRow>\n )}\n </TableBody>\n </Table>\n {typeof pagination === 'function' ? (\n pagination(paginationProps)\n ) : paginationEnabled ? (\n <TablePagination {...paginationProps} />\n ) : null}\n </div>\n )\n}\n"],"names":["Desktop","mode","enableHeaders","table","classes","pagination","empty","paginationEnabled","paginationProps","cn","jsxs","Table","jsx","TableHeader","headerGroup","TableRow","header","TableHead","flexRender","TableBody","row","rowIndex","cell","cellIndex","cellContext","size","TableCell","TablePagination"],"mappings":"~~shEAaO~~,MAAMA,GAAU,CAAmB,CACxC,KAAAC,EACA,cAAAC,EACA,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,MAAAC,EAAQ,mBACV,IAAgC,CAC9B,MAAMC,EAAoBF,IAAe,IAASF,EAAM,eAAiB,EAEnEK,EAAkB,CACtB,UAAWL,EAAM,aAAA,EACjB,UAAWA,EAAM,gBAAA,EAAkB,KAAK,OACxC,SAAUA,EAAM,SAAA,EAAW,WAAW,SACtC,KAAMA,EAAM,SAAA,EAAW,WAAW,UAAY,EAC9C,kBAAmBA,EAAM,aACzB,QAASC,GAAA,YAAAA,EAAS,UAAA,EAGpB,SACG,MAAA,CAAI,UAAWK,EAAG,+BAAgCL,GAAA,YAAAA,EAAS,IAAI,EAC9D,SAAA,CAAAM,EAACC,GAAM,UAAWF,EAAG,SAAUL,GAAA,YAAAA,EAAS,KAAK,EAC1C,SAAA,CAAAF,GACCU,EAACC,GAAY,UAAU,OACpB,WAAM,gBAAA,EAAkB,IAAKC,GAC5BF,EAACG,EAAA,CAEC,UAAWN,EACT,SACA,CACE,0CAA2CR,IAAS,OAAA,EAEtDG,GAAA,YAAAA,EAAS,WAAA,EAGV,SAAAU,EAAY,QAAQ,IAAKE,GACxBJ,EAACK,EAAA,CAEC,UAAWR,EACT,OACA,CACE,OAAQR,IAAS,KAAA,EAEnBG,GAAA,YAAAA,EAAS,SAAA,EAGV,SAAAY,EAAO,cAAgB,KAAOE,EAAWF,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,CAAA,EATxFA,EAAO,EAAA,CAWf,CAAA,EAtBIF,EAAY,EAAA,CAwBpB,EACH,EAEFF,EAACO,EAAA,CACE,SAAAhB,EAAM,YAAA,EAAc,KAAK,OACxBA,EAAM,YAAA,EAAc,KAAK,IAAI,CAACiB,EAAKC,IACjCT,EAACG,EAAA,CAEC,UAAWN,EACT,SACA,CACE,oFAAqFR,IAAS,QAC9F,oDAAqDA,IAAS,KAAA,EAEhEG,GAAA,YAAAA,EAAS,QAAA,EAGV,WAAI,gBAAA,EAAkB,IAAI,CAACkB,EAAMC,IAAc,CAC9C,MAAMC,EAAcF,EAAK,WAAA,EACnBG,EAAOD,EAAY,OAAO,QAAA,EAEhC,OACEZ,EAACc,EAAA,CAEC,MAAO,CAAE,MAAOD,CAAA,EAChB,UAAWhB,EACT,OACA,CACE,OAAQR,IAAS,MACjB,cAAesB,IAAc,CAAA,EAE/BnB,GAAA,YAAAA,EAAS,SAAA,EAGV,SAAAc,EAAWI,EAAK,OAAO,UAAU,KAAM,CAAE,GAAGE,EAAa,SAAAH,CAAA,CAAU,CAAA,EAX/DC,EAAK,EAAA,CAchB,CAAC,CAAA,EA9BIF,EAAI,EAAA,CAgCZ,EAEDR,EAACG,EAAA,CACC,WAACW,EAAA,CAAU,UAAU,mBAAmB,QAASvB,EAAM,gBAAgB,OACpE,SAAAG,CAAA,CACH,EACF,CAAA,CAEJ,CAAA,EACF,EACC,OAAOD,GAAe,WACrBA,EAAWG,CAAe,EACxBD,EACFK,EAACe,EAAA,CAAiB,GAAGnB,CAAA,CAAiB,EACpC,IAAA,EACN,CAEJ"}
1	+ {"version":3,"file":"Desktop.js","sources":["../../../../../lib/shared/ui/table/Desktop.tsx"],"sourcesContent":["import { flexRender, type Table as TTable } from '@tanstack/react-table'\nimport type { DataTableProps } from './model'\nimport { TablePagination } from './TablePagination'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype DesktopTableProps<TData extends {}> = Pick<\n DataTableProps<TData>,\n 'enableHeaders' \| 'classes' \| 'mode' \| 'pagination' \| 'empty'\n> & {\n table: TTable<TData>\n}\n\nexport const Desktop = <TData extends {}>({\n mode,\n enableHeaders,\n table,\n classes,\n pagination,\n empty = 'Ничего не найдено'\n}: DesktopTableProps<TData>) => {\n const paginationEnabled = pagination !== false && table.getPageCount() > 1\n\n const paginationProps = {\n pageCount: table.getPageCount(),\n rowsCount: table.getCoreRowModel().rows.length,\n pageSize: table.getState().pagination.pageSize,\n page: table.getState().pagination.pageIndex + 1,\n onPageIndexChange: table.setPageIndex,\n classes: classes?.pagination\n }\n\n return (\n <div className={cn('flex w-full flex-col gap-y-4', classes?.root)}>\n <Table className={cn('w-full', classes?.table)}>\n {enableHeaders && (\n <TableHeader className='px-2'>\n {table.getHeaderGroups().map((headerGroup) => (\n <TableRow\n key={headerGroup.id}\n className={cn(\n 'w-full',\n {\n 'border-b border-b-[rgba(234,237,241,1)]': mode === 'solid'\n },\n classes?.tableHeader\n )}\n >\n {headerGroup.headers.map((header) => (\n <TableHead\n key={header.id}\n className={cn(\n 'py-3',\n {\n 'px-2': mode === 'odd'\n },\n classes?.tableHead\n )}\n >\n {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}\n </TableHead>\n ))}\n </TableRow>\n ))}\n </TableHeader>\n )}\n <TableBody>\n {table.getRowModel().rows.length ? (\n table.getRowModel().rows.map((row, rowIndex) => (\n <TableRow\n key={row.id}\n className={cn(\n 'w-full',\n {\n '[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]': mode === 'solid',\n '[&:nth-child(odd)]:bg-color-primary-light-default': mode === 'odd'\n },\n classes?.tableRow\n )}\n >\n {row.getVisibleCells().map((cell, cellIndex) => {\n const cellContext = cell.getContext()\n const size = cellContext.column.getSize()\n\n return (\n <TableCell\n key={cell.id}\n style={{ width: size }}\n className={cn(\n 'py-3',\n {\n 'px-3': mode === 'odd',\n 'font-medium': cellIndex !== 0\n },\n classes?.tableCell\n )}\n >\n {flexRender(cell.column.columnDef.cell, { ...cellContext, rowIndex })}\n </TableCell>\n )\n })}\n </TableRow>\n ))\n ) : (\n <TableRow>\n <TableCell className='py-4 text-center' colSpan={table.getAllColumns().length}>\n {empty}\n </TableCell>\n </TableRow>\n )}\n </TableBody>\n </Table>\n {typeof pagination === 'function' ? (\n pagination(paginationProps)\n ) : paginationEnabled ? (\n <TablePagination {...paginationProps} />\n ) : null}\n </div>\n )\n}\n"],"names":["Desktop","mode","enableHeaders","table","classes","pagination","empty","paginationEnabled","paginationProps","cn","jsxs","Table","jsx","TableHeader","headerGroup","TableRow","header","TableHead","flexRender","TableBody","row","rowIndex","cell","cellIndex","cellContext","size","TableCell","TablePagination"],"mappings":"kvEAaO,MAAMA,GAAU,CAAmB,CACxC,KAAAC,EACA,cAAAC,EACA,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,MAAAC,EAAQ,mBACV,IAAgC,CAC9B,MAAMC,EAAoBF,IAAe,IAASF,EAAM,eAAiB,EAEnEK,EAAkB,CACtB,UAAWL,EAAM,aAAA,EACjB,UAAWA,EAAM,gBAAA,EAAkB,KAAK,OACxC,SAAUA,EAAM,SAAA,EAAW,WAAW,SACtC,KAAMA,EAAM,SAAA,EAAW,WAAW,UAAY,EAC9C,kBAAmBA,EAAM,aACzB,QAASC,GAAA,YAAAA,EAAS,UAAA,EAGpB,SACG,MAAA,CAAI,UAAWK,EAAG,+BAAgCL,GAAA,YAAAA,EAAS,IAAI,EAC9D,SAAA,CAAAM,EAACC,GAAM,UAAWF,EAAG,SAAUL,GAAA,YAAAA,EAAS,KAAK,EAC1C,SAAA,CAAAF,GACCU,EAACC,GAAY,UAAU,OACpB,WAAM,gBAAA,EAAkB,IAAKC,GAC5BF,EAACG,EAAA,CAEC,UAAWN,EACT,SACA,CACE,0CAA2CR,IAAS,OAAA,EAEtDG,GAAA,YAAAA,EAAS,WAAA,EAGV,SAAAU,EAAY,QAAQ,IAAKE,GACxBJ,EAACK,EAAA,CAEC,UAAWR,EACT,OACA,CACE,OAAQR,IAAS,KAAA,EAEnBG,GAAA,YAAAA,EAAS,SAAA,EAGV,SAAAY,EAAO,cAAgB,KAAOE,EAAWF,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,CAAA,EATxFA,EAAO,EAAA,CAWf,CAAA,EAtBIF,EAAY,EAAA,CAwBpB,EACH,EAEFF,EAACO,EAAA,CACE,SAAAhB,EAAM,YAAA,EAAc,KAAK,OACxBA,EAAM,YAAA,EAAc,KAAK,IAAI,CAACiB,EAAKC,IACjCT,EAACG,EAAA,CAEC,UAAWN,EACT,SACA,CACE,oFAAqFR,IAAS,QAC9F,oDAAqDA,IAAS,KAAA,EAEhEG,GAAA,YAAAA,EAAS,QAAA,EAGV,WAAI,gBAAA,EAAkB,IAAI,CAACkB,EAAMC,IAAc,CAC9C,MAAMC,EAAcF,EAAK,WAAA,EACnBG,EAAOD,EAAY,OAAO,QAAA,EAEhC,OACEZ,EAACc,EAAA,CAEC,MAAO,CAAE,MAAOD,CAAA,EAChB,UAAWhB,EACT,OACA,CACE,OAAQR,IAAS,MACjB,cAAesB,IAAc,CAAA,EAE/BnB,GAAA,YAAAA,EAAS,SAAA,EAGV,SAAAc,EAAWI,EAAK,OAAO,UAAU,KAAM,CAAE,GAAGE,EAAa,SAAAH,CAAA,CAAU,CAAA,EAX/DC,EAAK,EAAA,CAchB,CAAC,CAAA,EA9BIF,EAAI,EAAA,CAgCZ,EAEDR,EAACG,EAAA,CACC,WAACW,EAAA,CAAU,UAAU,mBAAmB,QAASvB,EAAM,gBAAgB,OACpE,SAAAG,CAAA,CACH,EACF,CAAA,CAEJ,CAAA,EACF,EACC,OAAOD,GAAe,WACrBA,EAAWG,CAAe,EACxBD,EACFK,EAACe,EAAA,CAAiB,GAAGnB,CAAA,CAAiB,EACpC,IAAA,EACN,CAEJ"}

package/dist/lib/shared/ui/table/Horizontal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as h,jsx as e}from"react/jsx-runtime";import{useRef as T,useState as v,useLayoutEffect as E}from"react";import{flexRender as w}from"../../../../node_modules/.pnpm/@tanstack_react-table@8.21.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@tanstack/react-table/build/lib/index.js";import{TablePagination as H}from"./TablePagination.js";import{Table as M,TableBody as z,TableRow as x,TableHead as I,TableCell as b}from"./ui/primitives/Primitives.js";import{cn as l}from"../../utils/cn.js";import"react-hook-form";import"../button/Button.js";import"../buttonIcon/ButtonIcon.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"react-dom";import"../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"../carousel/ui/CarouselContent.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../src/configs/api.js";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const wt=({mode:n,enableHeaders:C,table:o,classes:t,pagination:d,empty:y="Ничего не найдено"})=>{const m=T(null),[N,R]=v(!1);E(()=>{if(!m.current)return;const i=m.current,r=new AbortController;return m.current.addEventListener("scroll",()=>{const p=i.scrollLeft;R(p!==0)},{signal:r.signal}),()=>{r.abort()}},[]);const S=d!==!1&&o.getPageCount()>1,g={pageCount:o.getPageCount(),rowsCount:o.getCoreRowModel().rows.length,pageSize:o.getState().pagination.pageSize,page:o.getState().pagination.pageIndex+1,onPageIndexChange:o.setPageIndex,classes:t==null?void 0:t.pagination},u=o.getRowModel().rows,f=o.getAllLeafColumns(),c=new Map;return o.getHeaderGroups().forEach(i=>{i.headers.forEach(r=>{c.set(r.column.id,r)})}),h("div",{className:l("flex w-full flex-col gap-y-4",t==null?void 0:t.root),children:[e("div",{ref:m,className:"customScrollbar-y relative overflow-x-auto pb-2",children:e(M,{className:l("min-w-full",t==null?void 0:t.table),children:e(z,{children:f.length&&u.length?f.map((i,r)=>{const p=c.get(i.id);return h(x,{className:l("w-full",{"[&:not(:last-child)]:border-b":n==="solid"},t==null?void 0:t.tableRow),children:[C&&e(I,{className:l("sticky left-0 bg-color-white py-3 text-left text-color-tetriary desktop:whitespace-nowrap desktop:px-4 desktop:py-[17px]",{"px-3":n==="odd","bg-color-primary-light-default":n==="odd"&&r%2===0,"[&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":n==="solid","drop-shadow-xl":N},t==null?void 0:t.tableHead),children:p&&w(p.column.columnDef.header,p.getContext())}),u.map((k,L)=>{const a=k.getVisibleCells().find(P=>P.column.id===i.id);return a?e(b,{className:l("whitespace-nowrap py-3",{"bg-color-primary-light-default":n==="odd"&&r%2===0,"font-medium":r!==0,"px-3 desktop:p-4 desktop:pl-5":n==="odd"},t==null?void 0:t.tableCell),children:w(a.column.columnDef.cell,{...a.getContext(),rowIndex:L})},a.id):null})]},i.id)}):e(x,{children:e(b,{className:"py-4 text-center",colSpan:f.length+1,children:y})})})})}),S?typeof d=="function"?d(g):e(H,{...g}):null]})};export{wt as Horizontal};
+import{jsxs as h,jsx as e}from"react/jsx-runtime";import{useRef as T,useState as v,useLayoutEffect as E}from"react";import{flexRender as w}from"@tanstack/react-table";import{TablePagination as H}from"./TablePagination.js";import{Table as M,TableBody as z,TableRow as x,TableHead as I,TableCell as b}from"./ui/primitives/Primitives.js";import{cn as m}from"../../utils/cn.js";import"uuid";import"react-hook-form";import"@hookform/resolvers";import"../button/Button.js";import"../button/model/helpers.js";import"../buttonIcon/ButtonIcon.js";import"../loader/model/helpers.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../notification/ui/CustomToast.js";import"../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../carousel/ui/CarouselContent.js";import"../customLink/model/helpers.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"classnames";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const jt=({mode:p,enableHeaders:C,table:o,classes:t,pagination:d,empty:y="Ничего не найдено"})=>{const l=T(null),[N,R]=v(!1);E(()=>{if(!l.current)return;const i=l.current,r=new AbortController;return l.current.addEventListener("scroll",()=>{const n=i.scrollLeft;R(n!==0)},{signal:r.signal}),()=>{r.abort()}},[]);const S=d!==!1&&o.getPageCount()>1,g={pageCount:o.getPageCount(),rowsCount:o.getCoreRowModel().rows.length,pageSize:o.getState().pagination.pageSize,page:o.getState().pagination.pageIndex+1,onPageIndexChange:o.setPageIndex,classes:t==null?void 0:t.pagination},u=o.getRowModel().rows,f=o.getAllLeafColumns(),c=new Map;return o.getHeaderGroups().forEach(i=>{i.headers.forEach(r=>{c.set(r.column.id,r)})}),h("div",{className:m("flex w-full flex-col gap-y-4",t==null?void 0:t.root),children:[e("div",{ref:l,className:"customScrollbar-y relative overflow-x-auto pb-2",children:e(M,{className:m("min-w-full",t==null?void 0:t.table),children:e(z,{children:f.length&&u.length?f.map((i,r)=>{const n=c.get(i.id);return h(x,{className:m("w-full",{"[&:not(:last-child)]:border-b":p==="solid"},t==null?void 0:t.tableRow),children:[C&&e(I,{className:m("sticky left-0 bg-color-white py-3 text-left text-color-tetriary desktop:whitespace-nowrap desktop:px-4 desktop:py-[17px]",{"px-3":p==="odd","bg-color-primary-light-default":p==="odd"&&r%2===0,"[&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":p==="solid","drop-shadow-xl":N},t==null?void 0:t.tableHead),children:n&&w(n.column.columnDef.header,n.getContext())}),u.map((k,L)=>{const a=k.getVisibleCells().find(P=>P.column.id===i.id);return a?e(b,{className:m("whitespace-nowrap py-3",{"bg-color-primary-light-default":p==="odd"&&r%2===0,"font-medium":r!==0,"px-3 desktop:p-4 desktop:pl-5":p==="odd"},t==null?void 0:t.tableCell),children:w(a.column.columnDef.cell,{...a.getContext(),rowIndex:L})},a.id):null})]},i.id)}):e(x,{children:e(b,{className:"py-4 text-center",colSpan:f.length+1,children:y})})})})}),S?typeof d=="function"?d(g):e(H,{...g}):null]})};export{jt as Horizontal};
 //# sourceMappingURL=Horizontal.js.map

package/dist/lib/shared/ui/table/Horizontal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Horizontal.js","sources":["../../../../../lib/shared/ui/table/Horizontal.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react'\nimport { flexRender, type Header, type Table as TTable } from '@tanstack/react-table'\nimport type { DataTableProps } from './model'\nimport { TablePagination } from './TablePagination'\nimport { Table, TableBody, TableCell, TableHead, TableRow } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype DesktopTableProps<TData extends {}> = Pick<\n DataTableProps<TData>,\n 'enableHeaders' \| 'classes' \| 'mode' \| 'pagination' \| 'empty'\n> & {\n table: TTable<TData>\n}\n\nexport const Horizontal = <TData extends {}>({\n mode,\n enableHeaders,\n table,\n classes,\n pagination,\n empty = 'Ничего не найдено'\n}: DesktopTableProps<TData>) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const [hasLeftOffset, setLeftOffset] = useState<boolean>(false)\n\n useLayoutEffect(() => {\n if (!containerRef.current) return\n const container = containerRef.current\n\n const abortController = new AbortController()\n\n containerRef.current.addEventListener(\n 'scroll',\n () => {\n const offset = container.scrollLeft\n setLeftOffset(offset !== 0)\n },\n { signal: abortController.signal }\n )\n\n return () => {\n abortController.abort()\n }\n }, [])\n\n const paginationEnabled = pagination !== false && table.getPageCount() > 1\n\n const paginationProps = {\n pageCount: table.getPageCount(),\n rowsCount: table.getCoreRowModel().rows.length,\n pageSize: table.getState().pagination.pageSize,\n page: table.getState().pagination.pageIndex + 1,\n onPageIndexChange: table.setPageIndex,\n classes: classes?.pagination\n }\n\n const rows = table.getRowModel().rows\n const columns = table.getAllLeafColumns()\n\n // карта column.id -> header\n const headersMap = new Map<string, Header<TData, unknown>>()\n table.getHeaderGroups().forEach((group) => {\n group.headers.forEach((header) => {\n headersMap.set(header.column.id, header)\n })\n })\n\n return (\n <div className={cn('flex w-full flex-col gap-y-4', classes?.root)}>\n <div ref={containerRef} className='customScrollbar-y relative overflow-x-auto pb-2'>\n <Table className={cn('min-w-full', classes?.table)}>\n <TableBody>\n {columns.length && rows.length ? (\n columns.map((column, index) => {\n const header = headersMap.get(column.id)\n\n return (\n <TableRow\n key={column.id}\n className={cn(\n 'w-full',\n {\n '[&:not(:last-child)]:border-b': mode === 'solid'\n },\n classes?.tableRow\n )}\n >\n {enableHeaders && (\n <TableHead\n className={cn(\n 'sticky left-0 bg-color-white py-3 text-left text-color-tetriary desktop:whitespace-nowrap desktop:px-4 desktop:py-[17px]',\n {\n 'px-3': mode === 'odd',\n 'bg-color-primary-light-default': mode === 'odd' && index % 2 === 0,\n '[&:not(:last-child)]:border-b-[rgba(234,237,241,1)]': mode === 'solid',\n 'drop-shadow-xl': hasLeftOffset\n },\n classes?.tableHead\n )}\n >\n {header && flexRender(header.column.columnDef.header, header.getContext())}\n </TableHead>\n )}\n\n {rows.map((row, rowIndex) => {\n const cell = row.getVisibleCells().find((c) => c.column.id === column.id)\n if (!cell) return null\n\n return (\n <TableCell\n key={cell.id}\n className={cn(\n 'whitespace-nowrap py-3',\n {\n 'bg-color-primary-light-default': mode === 'odd' && index % 2 === 0,\n 'font-medium': index !== 0,\n 'px-3 desktop:p-4 desktop:pl-5': mode === 'odd'\n },\n classes?.tableCell\n )}\n >\n {flexRender(cell.column.columnDef.cell, {\n ...cell.getContext(),\n rowIndex\n })}\n </TableCell>\n )\n })}\n </TableRow>\n )\n })\n ) : (\n <TableRow>\n <TableCell className='py-4 text-center' colSpan={columns.length + 1}>\n {empty}\n </TableCell>\n </TableRow>\n )}\n </TableBody>\n </Table>\n </div>\n\n {paginationEnabled ? (\n typeof pagination === 'function' ? (\n pagination(paginationProps)\n ) : (\n <TablePagination {...paginationProps} />\n )\n ) : null}\n </div>\n )\n}\n"],"names":["Horizontal","mode","enableHeaders","table","classes","pagination","empty","containerRef","useRef","hasLeftOffset","setLeftOffset","useState","useLayoutEffect","container","abortController","offset","paginationEnabled","paginationProps","rows","columns","headersMap","group","header","cn","jsx","Table","TableBody","column","index","jsxs","TableRow","TableHead","flexRender","row","rowIndex","cell","c","TableCell","TablePagination"],"mappings":"~~yjEAcO~~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"}
1	+ {"version":3,"file":"Horizontal.js","sources":["../../../../../lib/shared/ui/table/Horizontal.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react'\nimport { flexRender, type Header, type Table as TTable } from '@tanstack/react-table'\nimport type { DataTableProps } from './model'\nimport { TablePagination } from './TablePagination'\nimport { Table, TableBody, TableCell, TableHead, TableRow } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype DesktopTableProps<TData extends {}> = Pick<\n DataTableProps<TData>,\n 'enableHeaders' \| 'classes' \| 'mode' \| 'pagination' \| 'empty'\n> & {\n table: TTable<TData>\n}\n\nexport const Horizontal = <TData extends {}>({\n mode,\n enableHeaders,\n table,\n classes,\n pagination,\n empty = 'Ничего не найдено'\n}: DesktopTableProps<TData>) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const [hasLeftOffset, setLeftOffset] = useState<boolean>(false)\n\n useLayoutEffect(() => {\n if (!containerRef.current) return\n const container = containerRef.current\n\n const abortController = new AbortController()\n\n containerRef.current.addEventListener(\n 'scroll',\n () => {\n const offset = container.scrollLeft\n setLeftOffset(offset !== 0)\n },\n { signal: abortController.signal }\n )\n\n return () => {\n abortController.abort()\n }\n }, [])\n\n const paginationEnabled = pagination !== false && table.getPageCount() > 1\n\n const paginationProps = {\n pageCount: table.getPageCount(),\n rowsCount: table.getCoreRowModel().rows.length,\n pageSize: table.getState().pagination.pageSize,\n page: table.getState().pagination.pageIndex + 1,\n onPageIndexChange: table.setPageIndex,\n classes: classes?.pagination\n }\n\n const rows = table.getRowModel().rows\n const columns = table.getAllLeafColumns()\n\n // карта column.id -> header\n const headersMap = new Map<string, Header<TData, unknown>>()\n table.getHeaderGroups().forEach((group) => {\n group.headers.forEach((header) => {\n headersMap.set(header.column.id, header)\n })\n })\n\n return (\n <div className={cn('flex w-full flex-col gap-y-4', classes?.root)}>\n <div ref={containerRef} className='customScrollbar-y relative overflow-x-auto pb-2'>\n <Table className={cn('min-w-full', classes?.table)}>\n <TableBody>\n {columns.length && rows.length ? (\n columns.map((column, index) => {\n const header = headersMap.get(column.id)\n\n return (\n <TableRow\n key={column.id}\n className={cn(\n 'w-full',\n {\n '[&:not(:last-child)]:border-b': mode === 'solid'\n },\n classes?.tableRow\n )}\n >\n {enableHeaders && (\n <TableHead\n className={cn(\n 'sticky left-0 bg-color-white py-3 text-left text-color-tetriary desktop:whitespace-nowrap desktop:px-4 desktop:py-[17px]',\n {\n 'px-3': mode === 'odd',\n 'bg-color-primary-light-default': mode === 'odd' && index % 2 === 0,\n '[&:not(:last-child)]:border-b-[rgba(234,237,241,1)]': mode === 'solid',\n 'drop-shadow-xl': hasLeftOffset\n },\n classes?.tableHead\n )}\n >\n {header && flexRender(header.column.columnDef.header, header.getContext())}\n </TableHead>\n )}\n\n {rows.map((row, rowIndex) => {\n const cell = row.getVisibleCells().find((c) => c.column.id === column.id)\n if (!cell) return null\n\n return (\n <TableCell\n key={cell.id}\n className={cn(\n 'whitespace-nowrap py-3',\n {\n 'bg-color-primary-light-default': mode === 'odd' && index % 2 === 0,\n 'font-medium': index !== 0,\n 'px-3 desktop:p-4 desktop:pl-5': mode === 'odd'\n },\n classes?.tableCell\n )}\n >\n {flexRender(cell.column.columnDef.cell, {\n ...cell.getContext(),\n rowIndex\n })}\n </TableCell>\n )\n })}\n </TableRow>\n )\n })\n ) : (\n <TableRow>\n <TableCell className='py-4 text-center' colSpan={columns.length + 1}>\n {empty}\n </TableCell>\n </TableRow>\n )}\n </TableBody>\n </Table>\n </div>\n\n {paginationEnabled ? (\n typeof pagination === 'function' ? (\n pagination(paginationProps)\n ) : (\n <TablePagination {...paginationProps} />\n )\n ) : null}\n </div>\n )\n}\n"],"names":["Horizontal","mode","enableHeaders","table","classes","pagination","empty","containerRef","useRef","hasLeftOffset","setLeftOffset","useState","useLayoutEffect","container","abortController","offset","paginationEnabled","paginationProps","rows","columns","headersMap","group","header","cn","jsx","Table","TableBody","column","index","jsxs","TableRow","TableHead","flexRender","row","rowIndex","cell","c","TableCell","TablePagination"],"mappings":"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"}

package/dist/lib/shared/ui/table/Mobile.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as f}from"react/jsx-runtime";import{flexRender as h}from"../../../../node_modules/.pnpm/@tanstack_react-table@8.21.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@tanstack/react-table/build/lib/index.js";import{cn as i}from"../../utils/cn.js";import"react";const x=({mode:d,enableHeaders:p,table:t,classes:o,empty:g="Not found"})=>r("div",{className:i("w-full",o==null?void 0:o.table),children:t.getRowModel().rows.length?t.getRowModel().rows.map(n=>r("div",{className:i({"[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":d==="solid","[&:nth-child(odd)]:bg-color-primary-light-default":d==="odd"},o==null?void 0:o.tableRow),children:n.getVisibleCells().map((e,l)=>{const m=t.getHeaderGroups()[0].headers[l];return f("div",{className:i("grid grid-cols-2 p-2",{"px-2":d==="odd","font-medium":l!==0},o==null?void 0:o.tableCell),children:[p&&r("p",{className:"font-bold",children:h(m.column.columnDef.header,m.getContext())}),r("p",{children:h(e.column.columnDef.cell,e.getContext())})]},e.id)})},n.id)):r("div",{children:g})});export{x as Mobile};
+import{jsx as r,jsxs as f}from"react/jsx-runtime";import{flexRender as h}from"@tanstack/react-table";import{cn as i}from"../../utils/cn.js";import"uuid";import"react";const w=({mode:d,enableHeaders:p,table:t,classes:o,empty:g="Not found"})=>r("div",{className:i("w-full",o==null?void 0:o.table),children:t.getRowModel().rows.length?t.getRowModel().rows.map(n=>r("div",{className:i({"[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":d==="solid","[&:nth-child(odd)]:bg-color-primary-light-default":d==="odd"},o==null?void 0:o.tableRow),children:n.getVisibleCells().map((e,l)=>{const m=t.getHeaderGroups()[0].headers[l];return f("div",{className:i("grid grid-cols-2 p-2",{"px-2":d==="odd","font-medium":l!==0},o==null?void 0:o.tableCell),children:[p&&r("p",{className:"font-bold",children:h(m.column.columnDef.header,m.getContext())}),r("p",{children:h(e.column.columnDef.cell,e.getContext())})]},e.id)})},n.id)):r("div",{children:g})});export{w as Mobile};
 //# sourceMappingURL=Mobile.js.map

package/dist/lib/shared/ui/table/Mobile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Mobile.js","sources":["../../../../../lib/shared/ui/table/Mobile.tsx"],"sourcesContent":["import { flexRender, type Table } from '@tanstack/react-table'\nimport type { DataTableProps } from './model'\nimport { cn } from '$/shared/utils'\n\nexport const Mobile = <TData extends {}>({\n mode,\n enableHeaders,\n table,\n classes,\n empty = 'Not found'\n}: Pick<DataTableProps<TData>, 'enableHeaders' \| 'classes' \| 'mode' \| 'empty'> & { table: Table<TData> }) => {\n return (\n <div className={cn('w-full', classes?.table)}>\n {table.getRowModel().rows.length ? (\n table.getRowModel().rows.map((row) => (\n <div\n key={row.id}\n className={cn(\n {\n '[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]': mode === 'solid',\n '[&:nth-child(odd)]:bg-color-primary-light-default': mode === 'odd'\n },\n classes?.tableRow\n )}\n >\n {row.getVisibleCells().map((cell, index) => {\n const header = table.getHeaderGroups()[0].headers[index]\n\n return (\n <div\n key={cell.id}\n className={cn(\n 'grid grid-cols-2 p-2',\n {\n 'px-2': mode === 'odd',\n 'font-medium': index !== 0\n },\n classes?.tableCell\n )}\n >\n {enableHeaders && (\n <p className='font-bold'>{flexRender(header.column.columnDef.header, header.getContext())}</p>\n )}\n <p>{flexRender(cell.column.columnDef.cell, cell.getContext())}</p>\n </div>\n )\n })}\n </div>\n ))\n ) : (\n <div>{empty}</div>\n )}\n </div>\n )\n}\n"],"names":["Mobile","mode","enableHeaders","table","classes","empty","cn","row","jsx","cell","index","header","jsxs","flexRender"],"mappings":"~~kSAIO~~,MAAMA,EAAS,CAAmB,CACvC,KAAAC,EACA,cAAAC,EACA,MAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,WACV,MAEK,MAAA,CAAI,UAAWC,EAAG,SAAUF,GAAA,YAAAA,EAAS,KAAK,EACxC,SAAAD,EAAM,cAAc,KAAK,OACxBA,EAAM,YAAA,EAAc,KAAK,IAAKI,GAC5BC,EAAC,MAAA,CAEC,UAAWF,EACT,CACE,oFAAqFL,IAAS,QAC9F,oDAAqDA,IAAS,KAAA,EAEhEG,GAAA,YAAAA,EAAS,QAAA,EAGV,WAAI,gBAAA,EAAkB,IAAI,CAACK,EAAMC,IAAU,CAC1C,MAAMC,EAASR,EAAM,gBAAA,EAAkB,CAAC,EAAE,QAAQO,CAAK,EAEvD,OACEE,EAAC,MAAA,CAEC,UAAWN,EACT,uBACA,CACE,OAAQL,IAAS,MACjB,cAAeS,IAAU,CAAA,EAE3BN,GAAA,YAAAA,EAAS,SAAA,EAGV,SAAA,CAAAF,GACCM,EAAC,IAAA,CAAE,UAAU,YAAa,SAAAK,EAAWF,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,EAAE,EAE5FH,EAAC,IAAA,CAAG,SAAAK,EAAWJ,EAAK,OAAO,UAAU,KAAMA,EAAK,WAAA,CAAY,CAAA,CAAE,CAAA,CAAA,EAbzDA,EAAK,EAAA,CAgBhB,CAAC,CAAA,EA9BIF,EAAI,EAAA,CAgCZ,EAEDC,EAAC,MAAA,CAAK,WAAM,EAEhB"}
1	+ {"version":3,"file":"Mobile.js","sources":["../../../../../lib/shared/ui/table/Mobile.tsx"],"sourcesContent":["import { flexRender, type Table } from '@tanstack/react-table'\nimport type { DataTableProps } from './model'\nimport { cn } from '$/shared/utils'\n\nexport const Mobile = <TData extends {}>({\n mode,\n enableHeaders,\n table,\n classes,\n empty = 'Not found'\n}: Pick<DataTableProps<TData>, 'enableHeaders' \| 'classes' \| 'mode' \| 'empty'> & { table: Table<TData> }) => {\n return (\n <div className={cn('w-full', classes?.table)}>\n {table.getRowModel().rows.length ? (\n table.getRowModel().rows.map((row) => (\n <div\n key={row.id}\n className={cn(\n {\n '[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]': mode === 'solid',\n '[&:nth-child(odd)]:bg-color-primary-light-default': mode === 'odd'\n },\n classes?.tableRow\n )}\n >\n {row.getVisibleCells().map((cell, index) => {\n const header = table.getHeaderGroups()[0].headers[index]\n\n return (\n <div\n key={cell.id}\n className={cn(\n 'grid grid-cols-2 p-2',\n {\n 'px-2': mode === 'odd',\n 'font-medium': index !== 0\n },\n classes?.tableCell\n )}\n >\n {enableHeaders && (\n <p className='font-bold'>{flexRender(header.column.columnDef.header, header.getContext())}</p>\n )}\n <p>{flexRender(cell.column.columnDef.cell, cell.getContext())}</p>\n </div>\n )\n })}\n </div>\n ))\n ) : (\n <div>{empty}</div>\n )}\n </div>\n )\n}\n"],"names":["Mobile","mode","enableHeaders","table","classes","empty","cn","row","jsx","cell","index","header","jsxs","flexRender"],"mappings":"uKAIO,MAAMA,EAAS,CAAmB,CACvC,KAAAC,EACA,cAAAC,EACA,MAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,WACV,MAEK,MAAA,CAAI,UAAWC,EAAG,SAAUF,GAAA,YAAAA,EAAS,KAAK,EACxC,SAAAD,EAAM,cAAc,KAAK,OACxBA,EAAM,YAAA,EAAc,KAAK,IAAKI,GAC5BC,EAAC,MAAA,CAEC,UAAWF,EACT,CACE,oFAAqFL,IAAS,QAC9F,oDAAqDA,IAAS,KAAA,EAEhEG,GAAA,YAAAA,EAAS,QAAA,EAGV,WAAI,gBAAA,EAAkB,IAAI,CAACK,EAAMC,IAAU,CAC1C,MAAMC,EAASR,EAAM,gBAAA,EAAkB,CAAC,EAAE,QAAQO,CAAK,EAEvD,OACEE,EAAC,MAAA,CAEC,UAAWN,EACT,uBACA,CACE,OAAQL,IAAS,MACjB,cAAeS,IAAU,CAAA,EAE3BN,GAAA,YAAAA,EAAS,SAAA,EAGV,SAAA,CAAAF,GACCM,EAAC,IAAA,CAAE,UAAU,YAAa,SAAAK,EAAWF,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,EAAE,EAE5FH,EAAC,IAAA,CAAG,SAAAK,EAAWJ,EAAK,OAAO,UAAU,KAAMA,EAAK,WAAA,CAAY,CAAA,CAAE,CAAA,CAAA,EAbzDA,EAAK,EAAA,CAgBhB,CAAC,CAAA,EA9BIF,EAAI,EAAA,CAgCZ,EAEDC,EAAC,MAAA,CAAK,WAAM,EAEhB"}

package/dist/lib/shared/ui/table/Table.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";import{useState as g}from"react";import{useReactTable as F}from"../../../../node_modules/.pnpm/@tanstack_react-table@8.21.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@tanstack/react-table/build/lib/index.js";import{Desktop as C}from"./Desktop.js";import{Horizontal as S}from"./Horizontal.js";import{Mobile as b}from"./Mobile.js";import{useDevice as P}from"../../hooks/useDevice.js";import"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import{TypeGuards as x}from"../../utils/typeGuards.js";import"react-hook-form";import{getPaginationRowModel as D,getFacetedUniqueValues as T,getFacetedRowModel as q,getSortedRowModel as U,getFilteredRowModel as V,getCoreRowModel as h}from"../../../../node_modules/.pnpm/@tanstack_table-core@8.21.3/node_modules/@tanstack/table-core/build/lib/index.js";const N=({columns:l,data:d,enableHeaders:o=!0,mode:t="solid",classes:e,pagination:m=!0,empty:i,horizontal:r,pageSize:s=10})=>{const[u,p]=g([]),[c,M]=g([]),[R,w]=g({pageIndex:0,pageSize:s}),n=F({data:d,columns:l,state:{columnFilters:u,sorting:c,pagination:R},enableRowSelection:!0,onSortingChange:M,onColumnFiltersChange:p,onPaginationChange:w,getCoreRowModel:h(),getFilteredRowModel:V(),getSortedRowModel:U(),getFacetedRowModel:q(),getFacetedUniqueValues:T(),getPaginationRowModel:D()}),{isMobile:f}=P();return(x.isFunction(r)?r(l):r)?a(S,{table:n,enableHeaders:o,pagination:m,empty:i,mode:t,classes:e}):f?a(b,{table:n,enableHeaders:o,empty:i,mode:t,classes:e}):a(C,{table:n,enableHeaders:o,empty:i,pagination:m,mode:t,classes:e})};export{N as DataTable};
+import{jsx as a}from"react/jsx-runtime";import{useState as g}from"react";import{useReactTable as f,getPaginationRowModel as C,getFacetedUniqueValues as S,getFacetedRowModel as b,getSortedRowModel as P,getFilteredRowModel as x,getCoreRowModel as D}from"@tanstack/react-table";import{Desktop as T}from"./Desktop.js";import{Horizontal as q}from"./Horizontal.js";import{Mobile as U}from"./Mobile.js";import{useDevice as V}from"../../hooks/useDevice.js";import"classnames";import"tailwind-merge";import{TypeGuards as h}from"../../utils/typeGuards.js";import"uuid";import"react-hook-form";import"@hookform/resolvers";const Q=({columns:l,data:d,enableHeaders:o=!0,mode:t="solid",classes:e,pagination:m=!0,empty:i,horizontal:r,pageSize:p=10})=>{const[s,u]=g([]),[c,M]=g([]),[R,w]=g({pageIndex:0,pageSize:p}),n=f({data:d,columns:l,state:{columnFilters:s,sorting:c,pagination:R},enableRowSelection:!0,onSortingChange:M,onColumnFiltersChange:u,onPaginationChange:w,getCoreRowModel:D(),getFilteredRowModel:x(),getSortedRowModel:P(),getFacetedRowModel:b(),getFacetedUniqueValues:S(),getPaginationRowModel:C()}),{isMobile:F}=V();return(h.isFunction(r)?r(l):r)?a(q,{table:n,enableHeaders:o,pagination:m,empty:i,mode:t,classes:e}):F?a(U,{table:n,enableHeaders:o,empty:i,mode:t,classes:e}):a(T,{table:n,enableHeaders:o,empty:i,pagination:m,mode:t,classes:e})};export{Q as DataTable};
 //# sourceMappingURL=Table.js.map

package/dist/lib/shared/ui/table/Table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.js","sources":["../../../../../lib/shared/ui/table/Table.tsx"],"sourcesContent":["import { useState } from 'react'\nimport {\n type ColumnFiltersState,\n getCoreRowModel,\n getFacetedRowModel,\n getFacetedUniqueValues,\n getFilteredRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n type PaginationState,\n type SortingState,\n useReactTable\n} from '@tanstack/react-table'\nimport { Desktop } from './Desktop'\nimport { Horizontal } from './Horizontal'\nimport { Mobile } from './Mobile'\nimport { type DataTableProps } from './model'\nimport { useDevice } from '$/shared/hooks'\nimport { TypeGuards } from '$/shared/utils'\n\nexport const DataTable = <TData extends {}>({\n columns,\n data,\n enableHeaders = true,\n mode = 'solid',\n classes,\n pagination = true,\n empty,\n horizontal,\n pageSize = 10\n}: DataTableProps<TData>) => {\n const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n const [sorting, setSorting] = useState<SortingState>([])\n const [paginationState, setPagination] = useState<PaginationState>({\n pageIndex: 0,\n pageSize\n })\n\n const table = useReactTable({\n data,\n columns,\n state: { columnFilters, sorting, pagination: paginationState },\n enableRowSelection: true,\n onSortingChange: setSorting,\n onColumnFiltersChange: setColumnFilters,\n onPaginationChange: setPagination,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getSortedRowModel: getSortedRowModel(),\n getFacetedRowModel: getFacetedRowModel(),\n getFacetedUniqueValues: getFacetedUniqueValues(),\n getPaginationRowModel: getPaginationRowModel()\n })\n\n const { isMobile } = useDevice()\n\n if (TypeGuards.isFunction(horizontal) ? horizontal(columns) : horizontal) {\n return (\n <Horizontal\n table={table}\n enableHeaders={enableHeaders}\n pagination={pagination}\n empty={empty}\n mode={mode}\n classes={classes}\n />\n )\n }\n\n return isMobile ? (\n <Mobile table={table} enableHeaders={enableHeaders} empty={empty} mode={mode} classes={classes} />\n ) : (\n <Desktop table={table} enableHeaders={enableHeaders} empty={empty} pagination={pagination} mode={mode} classes={classes} />\n )\n}\n"],"names":["DataTable","columns","data","enableHeaders","mode","classes","pagination","empty","horizontal","pageSize","columnFilters","setColumnFilters","useState","sorting","setSorting","paginationState","setPagination","table","useReactTable","getCoreRowModel","getFilteredRowModel","getSortedRowModel","getFacetedRowModel","getFacetedUniqueValues","getPaginationRowModel","isMobile","useDevice","TypeGuards","jsx","Horizontal","Mobile","Desktop"],"mappings":"~~82BAoBO~~,MAAMA,EAAY,CAAmB,CAC1C,QAAAC,EACA,KAAAC,EACA,cAAAC,EAAgB,GAChB,KAAAC,EAAO,QACP,QAAAC,EACA,WAAAC,EAAa,GACb,MAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,EACb,IAA6B,CAC3B,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAA6B,CAAA,CAAE,EACnE,CAACC,EAASC,CAAU,EAAIF,EAAuB,CAAA,CAAE,EACjD,CAACG,EAAiBC,CAAa,EAAIJ,EAA0B,CACjE,UAAW,EACX,SAAAH,CAAA,CACD,EAEKQ,EAAQC,EAAc,CAC1B,KAAAhB,EACA,QAAAD,EACA,MAAO,CAAE,cAAAS,EAAe,QAAAG,EAAS,WAAYE,CAAA,EAC7C,mBAAoB,GACpB,gBAAiBD,EACjB,sBAAuBH,EACvB,mBAAoBK,EACpB,gBAAiBG,EAAA,EACjB,oBAAqBC,EAAA,EACrB,kBAAmBC,EAAA,EACnB,mBAAoBC,EAAA,EACpB,uBAAwBC,EAAA,EACxB,sBAAuBC,EAAA,CAAsB,CAC9C,EAEK,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,OAAIC,EAAW,WAAWnB,CAAU,EAAIA,EAAWP,CAAO,EAAIO,GAE1DoB,EAACC,EAAA,CACC,MAAAZ,EACA,cAAAd,EACA,WAAAG,EACA,MAAAC,EACA,KAAAH,EACA,QAAAC,CAAA,CAAA,EAKCoB,EACLG,EAACE,EAAA,CAAO,MAAAb,EAAc,cAAAd,EAA8B,MAAAI,EAAc,KAAAH,EAAY,QAAAC,CAAA,CAAkB,EAEhGuB,EAACG,GAAQ,MAAAd,EAAc,cAAAd,EAA8B,MAAAI,EAAc,WAAAD,EAAwB,KAAAF,EAAY,QAAAC,EAAkB,CAE7H"}
1	+ {"version":3,"file":"Table.js","sources":["../../../../../lib/shared/ui/table/Table.tsx"],"sourcesContent":["import { useState } from 'react'\nimport {\n type ColumnFiltersState,\n getCoreRowModel,\n getFacetedRowModel,\n getFacetedUniqueValues,\n getFilteredRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n type PaginationState,\n type SortingState,\n useReactTable\n} from '@tanstack/react-table'\nimport { Desktop } from './Desktop'\nimport { Horizontal } from './Horizontal'\nimport { Mobile } from './Mobile'\nimport { type DataTableProps } from './model'\nimport { useDevice } from '$/shared/hooks'\nimport { TypeGuards } from '$/shared/utils'\n\nexport const DataTable = <TData extends {}>({\n columns,\n data,\n enableHeaders = true,\n mode = 'solid',\n classes,\n pagination = true,\n empty,\n horizontal,\n pageSize = 10\n}: DataTableProps<TData>) => {\n const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n const [sorting, setSorting] = useState<SortingState>([])\n const [paginationState, setPagination] = useState<PaginationState>({\n pageIndex: 0,\n pageSize\n })\n\n const table = useReactTable({\n data,\n columns,\n state: { columnFilters, sorting, pagination: paginationState },\n enableRowSelection: true,\n onSortingChange: setSorting,\n onColumnFiltersChange: setColumnFilters,\n onPaginationChange: setPagination,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getSortedRowModel: getSortedRowModel(),\n getFacetedRowModel: getFacetedRowModel(),\n getFacetedUniqueValues: getFacetedUniqueValues(),\n getPaginationRowModel: getPaginationRowModel()\n })\n\n const { isMobile } = useDevice()\n\n if (TypeGuards.isFunction(horizontal) ? horizontal(columns) : horizontal) {\n return (\n <Horizontal\n table={table}\n enableHeaders={enableHeaders}\n pagination={pagination}\n empty={empty}\n mode={mode}\n classes={classes}\n />\n )\n }\n\n return isMobile ? (\n <Mobile table={table} enableHeaders={enableHeaders} empty={empty} mode={mode} classes={classes} />\n ) : (\n <Desktop table={table} enableHeaders={enableHeaders} empty={empty} pagination={pagination} mode={mode} classes={classes} />\n )\n}\n"],"names":["DataTable","columns","data","enableHeaders","mode","classes","pagination","empty","horizontal","pageSize","columnFilters","setColumnFilters","useState","sorting","setSorting","paginationState","setPagination","table","useReactTable","getCoreRowModel","getFilteredRowModel","getSortedRowModel","getFacetedRowModel","getFacetedUniqueValues","getPaginationRowModel","isMobile","useDevice","TypeGuards","jsx","Horizontal","Mobile","Desktop"],"mappings":"mmBAoBO,MAAMA,EAAY,CAAmB,CAC1C,QAAAC,EACA,KAAAC,EACA,cAAAC,EAAgB,GAChB,KAAAC,EAAO,QACP,QAAAC,EACA,WAAAC,EAAa,GACb,MAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,EACb,IAA6B,CAC3B,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAA6B,CAAA,CAAE,EACnE,CAACC,EAASC,CAAU,EAAIF,EAAuB,CAAA,CAAE,EACjD,CAACG,EAAiBC,CAAa,EAAIJ,EAA0B,CACjE,UAAW,EACX,SAAAH,CAAA,CACD,EAEKQ,EAAQC,EAAc,CAC1B,KAAAhB,EACA,QAAAD,EACA,MAAO,CAAE,cAAAS,EAAe,QAAAG,EAAS,WAAYE,CAAA,EAC7C,mBAAoB,GACpB,gBAAiBD,EACjB,sBAAuBH,EACvB,mBAAoBK,EACpB,gBAAiBG,EAAA,EACjB,oBAAqBC,EAAA,EACrB,kBAAmBC,EAAA,EACnB,mBAAoBC,EAAA,EACpB,uBAAwBC,EAAA,EACxB,sBAAuBC,EAAA,CAAsB,CAC9C,EAEK,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,OAAIC,EAAW,WAAWnB,CAAU,EAAIA,EAAWP,CAAO,EAAIO,GAE1DoB,EAACC,EAAA,CACC,MAAAZ,EACA,cAAAd,EACA,WAAAG,EACA,MAAAC,EACA,KAAAH,EACA,QAAAC,CAAA,CAAA,EAKCoB,EACLG,EAACE,EAAA,CAAO,MAAAb,EAAc,cAAAd,EAA8B,MAAAI,EAAc,KAAAH,EAAY,QAAAC,CAAA,CAAkB,EAEhGuB,EAACG,GAAQ,MAAAd,EAAc,cAAAd,EAA8B,MAAAI,EAAc,WAAAD,EAAwB,KAAAF,EAAY,QAAAC,EAAkB,CAE7H"}

package/dist/lib/shared/ui/table/TablePagination.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as n,jsx as a}from"react/jsx-runtime";import{cn as m}from"../../utils/cn.js";import"react";import{Pagination as x}from"../pagination/Pagination.js";const j=({page:o,pageCount:e,pageSize:p,onPageIndexChange:f,rowsCount:i,classes:t})=>{const r=p*o,d=r>i?i:r;return n("div",{className:m("flex w-full items-center justify-between",t==null?void 0:t.root),children:[n("span",{className:m("desk-body-regular-m text-color-tetriary",t==null?void 0:t.displayShown),children:["Показано ",d," из ",i]}),a(x,{totalPages:e,changePage:g=>f(g),page:o,ellipsis:1,classes:t==null?void 0:t.pagination})]})};export{j as TablePagination};
+import{jsxs as n,jsx as a}from"react/jsx-runtime";import{cn as m}from"../../utils/cn.js";import"uuid";import"react";import{Pagination as x}from"../pagination/Pagination.js";const w=({page:o,pageCount:e,pageSize:p,onPageIndexChange:f,rowsCount:i,classes:t})=>{const r=p*o,d=r>i?i:r;return n("div",{className:m("flex w-full items-center justify-between",t==null?void 0:t.root),children:[n("span",{className:m("desk-body-regular-m text-color-tetriary",t==null?void 0:t.displayShown),children:["Показано ",d," из ",i]}),a(x,{totalPages:e,changePage:g=>f(g),page:o,ellipsis:1,classes:t==null?void 0:t.pagination})]})};export{w as TablePagination};
 //# sourceMappingURL=TablePagination.js.map

package/dist/lib/shared/ui/table/TablePagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TablePagination.js","sources":["../../../../../lib/shared/ui/table/TablePagination.tsx"],"sourcesContent":["import { cn } from '../../utils'\nimport { Pagination, type PaginationProps } from '../pagination'\n\ntype TablePaginationClasses = {\n root?: string\n displayShown?: string\n pagination?: PaginationProps['classes']\n}\n\nexport type TablePaginationProps = {\n pageSize: number\n page: number\n rowsCount: number\n pageCount: number\n onPageIndexChange: (page: number) => void\n classes?: TablePaginationClasses\n}\n\nexport const TablePagination = ({ page, pageCount, pageSize, onPageIndexChange, rowsCount, classes }: TablePaginationProps) => {\n const prevRows = pageSize * page\n const rowsLeft = prevRows > rowsCount ? rowsCount : prevRows\n\n return (\n <div className={cn('flex w-full items-center justify-between', classes?.root)}>\n <span className={cn('desk-body-regular-m text-color-tetriary', classes?.displayShown)}>\n Показано {rowsLeft} из {rowsCount}\n </span>\n <Pagination\n totalPages={pageCount}\n changePage={(pageIndex) => onPageIndexChange(pageIndex)}\n page={page}\n ellipsis={1}\n classes={classes?.pagination}\n />\n </div>\n )\n}\n"],"names":["TablePagination","page","pageCount","pageSize","onPageIndexChange","rowsCount","classes","prevRows","rowsLeft","cn","jsxs","jsx","Pagination","pageIndex"],"mappings":"~~gKAkBO~~,MAAMA,EAAkB,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAW,SAAAC,EAAU,kBAAAC,EAAmB,UAAAC,EAAW,QAAAC,KAAoC,CAC7H,MAAMC,EAAWJ,EAAWF,EACtBO,EAAWD,EAAWF,EAAYA,EAAYE,EAEpD,SACG,MAAA,CAAI,UAAWE,EAAG,2CAA4CH,GAAA,YAAAA,EAAS,IAAI,EAC1E,SAAA,CAAAI,EAAC,QAAK,UAAWD,EAAG,0CAA2CH,GAAA,YAAAA,EAAS,YAAY,EAAG,SAAA,CAAA,YAC3EE,EAAS,OAAKH,CAAA,EAC1B,EACAM,EAACC,EAAA,CACC,WAAYV,EACZ,WAAaW,GAAcT,EAAkBS,CAAS,EACtD,KAAAZ,EACA,SAAU,EACV,QAASK,GAAA,YAAAA,EAAS,UAAA,CAAA,CACpB,EACF,CAEJ"}
1	+ {"version":3,"file":"TablePagination.js","sources":["../../../../../lib/shared/ui/table/TablePagination.tsx"],"sourcesContent":["import { cn } from '../../utils'\nimport { Pagination, type PaginationProps } from '../pagination'\n\ntype TablePaginationClasses = {\n root?: string\n displayShown?: string\n pagination?: PaginationProps['classes']\n}\n\nexport type TablePaginationProps = {\n pageSize: number\n page: number\n rowsCount: number\n pageCount: number\n onPageIndexChange: (page: number) => void\n classes?: TablePaginationClasses\n}\n\nexport const TablePagination = ({ page, pageCount, pageSize, onPageIndexChange, rowsCount, classes }: TablePaginationProps) => {\n const prevRows = pageSize * page\n const rowsLeft = prevRows > rowsCount ? rowsCount : prevRows\n\n return (\n <div className={cn('flex w-full items-center justify-between', classes?.root)}>\n <span className={cn('desk-body-regular-m text-color-tetriary', classes?.displayShown)}>\n Показано {rowsLeft} из {rowsCount}\n </span>\n <Pagination\n totalPages={pageCount}\n changePage={(pageIndex) => onPageIndexChange(pageIndex)}\n page={page}\n ellipsis={1}\n classes={classes?.pagination}\n />\n </div>\n )\n}\n"],"names":["TablePagination","page","pageCount","pageSize","onPageIndexChange","rowsCount","classes","prevRows","rowsLeft","cn","jsxs","jsx","Pagination","pageIndex"],"mappings":"6KAkBO,MAAMA,EAAkB,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAW,SAAAC,EAAU,kBAAAC,EAAmB,UAAAC,EAAW,QAAAC,KAAoC,CAC7H,MAAMC,EAAWJ,EAAWF,EACtBO,EAAWD,EAAWF,EAAYA,EAAYE,EAEpD,SACG,MAAA,CAAI,UAAWE,EAAG,2CAA4CH,GAAA,YAAAA,EAAS,IAAI,EAC1E,SAAA,CAAAI,EAAC,QAAK,UAAWD,EAAG,0CAA2CH,GAAA,YAAAA,EAAS,YAAY,EAAG,SAAA,CAAA,YAC3EE,EAAS,OAAKH,CAAA,EAC1B,EACAM,EAACC,EAAA,CACC,WAAYV,EACZ,WAAaW,GAAcT,EAAkBS,CAAS,EACtD,KAAAZ,EACA,SAAU,EACV,QAASK,GAAA,YAAAA,EAAS,UAAA,CAAA,CACpB,EACF,CAEJ"}

package/dist/lib/shared/ui/table/model/TableUtils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as d}from"react/jsx-runtime";import"../ui/primitives/Primitives.js";import{DataTableColumnHeader as S}from"../ui/dataTableColumnHeader/DataTableColumnHeader.js";import"react";import"../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import{TypeGuards as c}from"../../../utils/typeGuards.js";import"react-hook-form";import"../../button/Button.js";import"../../buttonIcon/ButtonIcon.js";import"../../calendar/Calendar.js";import"../../calendar/model/utils.js";import"../../accordion/Accordion.js";import"react-dom";import"../../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"../../carousel/ui/CarouselContent.js";import"../../slot/Slot.js";import"../../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../formElements/uncontrolled/checkbox/Checkbox.js";import"../../formElements/uncontrolled/combobox/combobox.js";import"../../formElements/uncontrolled/dayPicker/DayPicker.js";import"../../formElements/uncontrolled/input/Input.js";import"../../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../formElements/uncontrolled/maskInput/MaskInput.js";import"../../formElements/uncontrolled/radio/RadioGroup.js";import"../../formElements/uncontrolled/radio/ui/RadioItem.js";import"../../formElements/uncontrolled/slider/SliderBase.js";import"../../formElements/uncontrolled/switch/Switch.js";import"../../formElements/uncontrolled/textarea/Textarea.js";import"../../formElements/uncontrolled/uploader/UploaderBase.js";import"../../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../src/configs/api.js";import"../../formElements/controlled/editor/ui/Editor.js";import"../../formElements/controlled/input/MaskInputControl.js";import"../../dropdownList/ui/dropdownItem/DropdownItem.js";import{createColumnHelper as b}from"../../../../../node_modules/.pnpm/@tanstack_table-core@8.21.3/node_modules/@tanstack/table-core/build/lib/index.js";class tr{static getColumnHelper(){return b()}static getColumns(a,g){const{helper:u=this.getColumnHelper(),enableColumnFilter:e=!1,enableSorting:i=!1,cellAccessor:n,headerAccessor:l,sortingFn:m,size:p}=g||{};return Object.keys(a).map(r=>u.accessor(r,{header:o=>{const{column:t}=o,s=l?l[r]:null;return d(S,{isSorted:t.getIsSorted()==="desc",nextSortingOrder:t.getNextSortingOrder(),toggleSorting:t.toggleSorting,canSort:t.getCanSort(),children:s?s(r,o):r})},cell:o=>{const t=n?n[r]:null;return t?t(o):o.getValue()},enableColumnFilter:c.isBoolean(e)?e:e.includes(r),enableSorting:c.isBoolean(i)?i:i.includes(r),sortingFn:typeof m=="object"?m[r]:m,...p==null?void 0:p[r]}))}}export{tr as TableUtils};
+import{jsx as d}from"react/jsx-runtime";import{createColumnHelper as S}from"@tanstack/react-table";import"../ui/primitives/Primitives.js";import{DataTableColumnHeader as b}from"../ui/dataTableColumnHeader/DataTableColumnHeader.js";import"react";import"classnames";import"tailwind-merge";import{TypeGuards as c}from"../../../utils/typeGuards.js";import"uuid";import"react-hook-form";import"@hookform/resolvers";import"../../button/Button.js";import"../../button/model/helpers.js";import"../../buttonIcon/ButtonIcon.js";import"../../loader/model/helpers.js";import"../../calendar/Calendar.js";import"../../calendar/model/utils.js";import"../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../notification/ui/CustomToast.js";import"../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../carousel/ui/CarouselContent.js";import"../../customLink/model/helpers.js";import"../../slot/Slot.js";import"../../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../formElements/uncontrolled/checkbox/Checkbox.js";import"../../formElements/uncontrolled/combobox/combobox.js";import"../../formElements/uncontrolled/dayPicker/DayPicker.js";import"../../formElements/uncontrolled/input/Input.js";import"../../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../formElements/uncontrolled/maskInput/MaskInput.js";import"../../formElements/uncontrolled/radio/RadioGroup.js";import"../../formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../formElements/uncontrolled/slider/SliderBase.js";import"../../formElements/uncontrolled/switch/Switch.js";import"../../formElements/uncontrolled/textarea/Textarea.js";import"../../formElements/uncontrolled/uploader/UploaderBase.js";import"../../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../formElements/controlled/editor/ui/Editor.js";import"../../formElements/controlled/input/MaskInputControl.js";import"../../dropdownList/ui/dropdownItem/DropdownItem.js";class xr{static getColumnHelper(){return S()}static getColumns(a,g){const{helper:u=this.getColumnHelper(),enableColumnFilter:i=!1,enableSorting:m=!1,cellAccessor:n,headerAccessor:l,sortingFn:p,size:e}=g||{};return Object.keys(a).map(r=>u.accessor(r,{header:o=>{const{column:t}=o,s=l?l[r]:null;return d(b,{isSorted:t.getIsSorted()==="desc",nextSortingOrder:t.getNextSortingOrder(),toggleSorting:t.toggleSorting,canSort:t.getCanSort(),children:s?s(r,o):r})},cell:o=>{const t=n?n[r]:null;return t?t(o):o.getValue()},enableColumnFilter:c.isBoolean(i)?i:i.includes(r),enableSorting:c.isBoolean(m)?m:m.includes(r),sortingFn:typeof p=="object"?p[r]:p,...e==null?void 0:e[r]}))}}export{xr as TableUtils};
 //# sourceMappingURL=TableUtils.js.map

package/dist/lib/shared/ui/table/model/TableUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableUtils.js","sources":["../../../../../../lib/shared/ui/table/model/TableUtils.tsx"],"sourcesContent":["import {\n type CellContext,\n type ColumnDef,\n type ColumnHelper,\n createColumnHelper,\n type HeaderContext,\n type SortingFnOption\n} from '@tanstack/react-table'\nimport { DataTableColumnHeader } from '../ui'\nimport { TypeGuards } from '$/shared/utils'\n\ntype SizeOptions = {\n size?: number\n minSize?: number\n maxSize?: number\n}\n\ntype ColumnDefOptions<TData, TValue> = {\n enableSorting?: (keyof TData)[] \| boolean\n sortingFn?: SortingFnOption<TData> \| Partial<Record<keyof TData, SortingFnOption<TData>>>\n enableColumnFilter?: (keyof TData)[] \| boolean\n size?: Partial<Record<keyof TData, SizeOptions>>\n helper?: ColumnHelper<TData>\n cellAccessor?: Partial<Record<keyof TData, (cellContext: CellContext<TData, TValue>) => React.ReactNode>>\n headerAccessor?: Partial<\n Record<keyof TData, (key: keyof TData, headerContext: HeaderContext<TData, TValue>) => React.ReactNode>\n >\n}\n\nexport class TableUtils {\n static getColumnHelper<TData extends {}>(): ColumnHelper<TData> {\n return createColumnHelper<TData>()\n }\n\n static getColumns<TData extends {}, TValue = TData[keyof TData]>(\n template: TData,\n options?: ColumnDefOptions<TData, TValue>\n ): ColumnDef<TData>[] {\n const {\n helper = this.getColumnHelper<TData>(),\n enableColumnFilter = false,\n enableSorting = false,\n cellAccessor,\n headerAccessor,\n sortingFn,\n size\n } = options \|\| {}\n\n const keys = Object.keys(template) as (keyof TData)[]\n\n return keys.map((key) => {\n return helper.accessor<any, TValue>(key, {\n header: (header) => {\n const { column } = header\n const accessor = headerAccessor ? headerAccessor[key] : null\n\n return (\n <DataTableColumnHeader\n isSorted={column.getIsSorted() === 'desc'}\n nextSortingOrder={column.getNextSortingOrder()}\n toggleSorting={column.toggleSorting}\n canSort={column.getCanSort()}\n >\n {accessor ? accessor(key, header) : (key as string)}\n </DataTableColumnHeader>\n )\n },\n cell: (cell) => {\n const accessor = cellAccessor ? cellAccessor[key] : null\n\n return accessor ? accessor(cell) : cell.getValue()\n },\n enableColumnFilter: TypeGuards.isBoolean(enableColumnFilter) ? enableColumnFilter : enableColumnFilter.includes(key),\n enableSorting: TypeGuards.isBoolean(enableSorting) ? enableSorting : enableSorting.includes(key),\n sortingFn: typeof sortingFn === 'object' ? sortingFn[key] : sortingFn,\n ...size?.[key]\n })\n }) as ColumnDef<TData>[]\n }\n}\n"],"names":["TableUtils","createColumnHelper","template","options","helper","enableColumnFilter","enableSorting","cellAccessor","headerAccessor","sortingFn","size","key","header","column","accessor","jsx","DataTableColumnHeader","cell","TypeGuards"],"mappings":"~~2hEA6BO~~,MAAMA,EAAW,CACtB,OAAO,iBAAyD,CAC9D,OAAOC,EAAA,CACT,CAEA,OAAO,WACLC,EACAC,EACoB,CACpB,KAAM,CACJ,OAAAC,EAAS,KAAK,gBAAA,EACd,mBAAAC,EAAqB,GACrB,cAAAC,EAAgB,GAChB,aAAAC,EACA,eAAAC,EACA,UAAAC,EACA,KAAAC,CAAA,EACEP,GAAW,CAAA,EAIf,OAFa,OAAO,KAAKD,CAAQ,EAErB,IAAKS,GACRP,EAAO,SAAsBO,EAAK,CACvC,OAASC,GAAW,CAClB,KAAM,CAAE,OAAAC,GAAWD,EACbE,EAAWN,EAAiBA,EAAeG,CAAG,EAAI,KAExD,OACEI,EAACC,EAAA,CACC,SAAUH,EAAO,YAAA,IAAkB,OACnC,iBAAkBA,EAAO,oBAAA,EACzB,cAAeA,EAAO,cACtB,QAASA,EAAO,WAAA,EAEf,SAAAC,EAAWA,EAASH,EAAKC,CAAM,EAAKD,CAAA,CAAA,CAG3C,EACA,KAAOM,GAAS,CACd,MAAMH,EAAWP,EAAeA,EAAaI,CAAG,EAAI,KAEpD,OAAOG,EAAWA,EAASG,CAAI,EAAIA,EAAK,SAAA,CAC1C,EACA,mBAAoBC,EAAW,UAAUb,CAAkB,EAAIA,EAAqBA,EAAmB,SAASM,CAAG,EACnH,cAAeO,EAAW,UAAUZ,CAAa,EAAIA,EAAgBA,EAAc,SAASK,CAAG,EAC/F,UAAW,OAAOF,GAAc,SAAWA,EAAUE,CAAG,EAAIF,EAC5D,GAAGC,GAAA,YAAAA,EAAOC,EAAG,CACd,CACF,CACH,CACF"}
1	+ {"version":3,"file":"TableUtils.js","sources":["../../../../../../lib/shared/ui/table/model/TableUtils.tsx"],"sourcesContent":["import {\n type CellContext,\n type ColumnDef,\n type ColumnHelper,\n createColumnHelper,\n type HeaderContext,\n type SortingFnOption\n} from '@tanstack/react-table'\nimport { DataTableColumnHeader } from '../ui'\nimport { TypeGuards } from '$/shared/utils'\n\ntype SizeOptions = {\n size?: number\n minSize?: number\n maxSize?: number\n}\n\ntype ColumnDefOptions<TData, TValue> = {\n enableSorting?: (keyof TData)[] \| boolean\n sortingFn?: SortingFnOption<TData> \| Partial<Record<keyof TData, SortingFnOption<TData>>>\n enableColumnFilter?: (keyof TData)[] \| boolean\n size?: Partial<Record<keyof TData, SizeOptions>>\n helper?: ColumnHelper<TData>\n cellAccessor?: Partial<Record<keyof TData, (cellContext: CellContext<TData, TValue>) => React.ReactNode>>\n headerAccessor?: Partial<\n Record<keyof TData, (key: keyof TData, headerContext: HeaderContext<TData, TValue>) => React.ReactNode>\n >\n}\n\nexport class TableUtils {\n static getColumnHelper<TData extends {}>(): ColumnHelper<TData> {\n return createColumnHelper<TData>()\n }\n\n static getColumns<TData extends {}, TValue = TData[keyof TData]>(\n template: TData,\n options?: ColumnDefOptions<TData, TValue>\n ): ColumnDef<TData>[] {\n const {\n helper = this.getColumnHelper<TData>(),\n enableColumnFilter = false,\n enableSorting = false,\n cellAccessor,\n headerAccessor,\n sortingFn,\n size\n } = options \|\| {}\n\n const keys = Object.keys(template) as (keyof TData)[]\n\n return keys.map((key) => {\n return helper.accessor<any, TValue>(key, {\n header: (header) => {\n const { column } = header\n const accessor = headerAccessor ? headerAccessor[key] : null\n\n return (\n <DataTableColumnHeader\n isSorted={column.getIsSorted() === 'desc'}\n nextSortingOrder={column.getNextSortingOrder()}\n toggleSorting={column.toggleSorting}\n canSort={column.getCanSort()}\n >\n {accessor ? accessor(key, header) : (key as string)}\n </DataTableColumnHeader>\n )\n },\n cell: (cell) => {\n const accessor = cellAccessor ? cellAccessor[key] : null\n\n return accessor ? accessor(cell) : cell.getValue()\n },\n enableColumnFilter: TypeGuards.isBoolean(enableColumnFilter) ? enableColumnFilter : enableColumnFilter.includes(key),\n enableSorting: TypeGuards.isBoolean(enableSorting) ? enableSorting : enableSorting.includes(key),\n sortingFn: typeof sortingFn === 'object' ? sortingFn[key] : sortingFn,\n ...size?.[key]\n })\n }) as ColumnDef<TData>[]\n }\n}\n"],"names":["TableUtils","createColumnHelper","template","options","helper","enableColumnFilter","enableSorting","cellAccessor","headerAccessor","sortingFn","size","key","header","column","accessor","jsx","DataTableColumnHeader","cell","TypeGuards"],"mappings":"q0EA6BO,MAAMA,EAAW,CACtB,OAAO,iBAAyD,CAC9D,OAAOC,EAAA,CACT,CAEA,OAAO,WACLC,EACAC,EACoB,CACpB,KAAM,CACJ,OAAAC,EAAS,KAAK,gBAAA,EACd,mBAAAC,EAAqB,GACrB,cAAAC,EAAgB,GAChB,aAAAC,EACA,eAAAC,EACA,UAAAC,EACA,KAAAC,CAAA,EACEP,GAAW,CAAA,EAIf,OAFa,OAAO,KAAKD,CAAQ,EAErB,IAAKS,GACRP,EAAO,SAAsBO,EAAK,CACvC,OAASC,GAAW,CAClB,KAAM,CAAE,OAAAC,GAAWD,EACbE,EAAWN,EAAiBA,EAAeG,CAAG,EAAI,KAExD,OACEI,EAACC,EAAA,CACC,SAAUH,EAAO,YAAA,IAAkB,OACnC,iBAAkBA,EAAO,oBAAA,EACzB,cAAeA,EAAO,cACtB,QAASA,EAAO,WAAA,EAEf,SAAAC,EAAWA,EAASH,EAAKC,CAAM,EAAKD,CAAA,CAAA,CAG3C,EACA,KAAOM,GAAS,CACd,MAAMH,EAAWP,EAAeA,EAAaI,CAAG,EAAI,KAEpD,OAAOG,EAAWA,EAASG,CAAI,EAAIA,EAAK,SAAA,CAC1C,EACA,mBAAoBC,EAAW,UAAUb,CAAkB,EAAIA,EAAqBA,EAAmB,SAASM,CAAG,EACnH,cAAeO,EAAW,UAAUZ,CAAa,EAAIA,EAAgBA,EAAc,SAASK,CAAG,EAC/F,UAAW,OAAOF,GAAc,SAAWA,EAAUE,CAAG,EAAIF,EAC5D,GAAGC,GAAA,YAAAA,EAAOC,EAAG,CACd,CACF,CACH,CACF"}

package/dist/lib/shared/ui/table/ui/dataTableColumnHeader/DataTableColumnHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as d,jsx as r}from"react/jsx-runtime";import{useDevice as b}from"../../../../hooks/useDevice.js";import"react";import{cn as t}from"../../../../utils/cn.js";import"react-hook-form";import{Icon as x}from"../../../icon/Icon.js";const N=({children:e,canSort:s,toggleSorting:a,nextSortingOrder:n,isSorted:c,classes:i})=>{const{root:m,content:l,icon:p}=i||{},{isDesktop:u}=b(),o=s&&u;return d("button",{type:"button",className:t("mob-body-regular-s flex items-center justify-center gap-x-2 text-start text-color-tetriary desktop:desk-body-regular-l",m),onClick:()=>a(!c),disabled:!o,children:[r("span",{className:t("",l),children:e}),o&&r(x,{name:"arrows/arrowRight",className:t("size-4 rotate-90 text-color-current duration-100",{"-rotate-90":!n},p)})]})};export{N as DataTableColumnHeader};
+import{jsxs as d,jsx as r}from"react/jsx-runtime";import{useDevice as b}from"../../../../hooks/useDevice.js";import"react";import{cn as t}from"../../../../utils/cn.js";import"uuid";import"react-hook-form";import"@hookform/resolvers";import{Icon as x}from"../../../icon/Icon.js";const w=({children:e,canSort:s,toggleSorting:a,nextSortingOrder:i,isSorted:n,classes:c})=>{const{root:m,content:l,icon:p}=c||{},{isDesktop:u}=b(),o=s&&u;return d("button",{type:"button",className:t("mob-body-regular-s flex items-center justify-center gap-x-2 text-start text-color-tetriary desktop:desk-body-regular-l",m),onClick:()=>a(!n),disabled:!o,children:[r("span",{className:t("",l),children:e}),o&&r(x,{name:"arrows/arrowRight",className:t("size-4 rotate-90 text-color-current duration-100",{"-rotate-90":!i},p)})]})};export{w as DataTableColumnHeader};
 //# sourceMappingURL=DataTableColumnHeader.js.map