@scbt-ecom/ui 0.124.1 → 0.124.2
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as i from"react";import"../../../node_modules/classnames/index.js";import{isClient as
|
|
1
|
+
import*as i from"react";import"../../../node_modules/classnames/index.js";import{isClient as r}from"../utils/isClient.js";const m=(t,o)=>{const n=e=>{t.current&&!t.current.contains(e.target)&&o()};i.useEffect(()=>{var e;if(r)return(e=globalThis==null?void 0:globalThis.document)==null||e.addEventListener("mousedown",n,!0),()=>{globalThis==null||globalThis.document.removeEventListener("mousedown",n)}},[t,o])};export{m as useClickOutside};
|
|
2
2
|
//# sourceMappingURL=useClickOutside.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClickOutside.js","sources":["../../../../lib/shared/hooks/useClickOutside.ts"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { isClient } from '../utils'\n\nexport const useClickOutside = (ref: React.RefObject<HTMLElement>, callback: () => void) => {\n const handleClickOutside = (event: MouseEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n callback()\n }\n }\n\n React.useEffect(() => {\n if (isClient) {\n globalThis?.document?.addEventListener('mousedown', handleClickOutside)\n return () => {\n globalThis?.document.removeEventListener('mousedown', handleClickOutside)\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ref, callback])\n}\n\n//\n"],"names":["useClickOutside","ref","callback","handleClickOutside","event","React","isClient","_a"],"mappings":"0HAKO,MAAMA,EAAkB,CAACC,EAAmCC,IAAyB,CAC1F,MAAMC,EAAsBC,GAAsB,CAC5CH,EAAI,SAAW,CAACA,EAAI,QAAQ,SAASG,EAAM,MAAc,GAC3DF,EAAA,CAEJ,EAEAG,EAAM,UAAU,IAAM,OACpB,GAAIC,EACF,OAAAC,EAAA,mCAAY,WAAZ,MAAAA,EAAsB,iBAAiB,YAAaJ,
|
|
1
|
+
{"version":3,"file":"useClickOutside.js","sources":["../../../../lib/shared/hooks/useClickOutside.ts"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { isClient } from '../utils'\n\nexport const useClickOutside = (ref: React.RefObject<HTMLElement>, callback: () => void) => {\n const handleClickOutside = (event: MouseEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n callback()\n }\n }\n\n React.useEffect(() => {\n if (isClient) {\n globalThis?.document?.addEventListener('mousedown', handleClickOutside, true)\n return () => {\n globalThis?.document.removeEventListener('mousedown', handleClickOutside)\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ref, callback])\n}\n\n//\n"],"names":["useClickOutside","ref","callback","handleClickOutside","event","React","isClient","_a"],"mappings":"0HAKO,MAAMA,EAAkB,CAACC,EAAmCC,IAAyB,CAC1F,MAAMC,EAAsBC,GAAsB,CAC5CH,EAAI,SAAW,CAACA,EAAI,QAAQ,SAASG,EAAM,MAAc,GAC3DF,EAAA,CAEJ,EAEAG,EAAM,UAAU,IAAM,OACpB,GAAIC,EACF,OAAAC,EAAA,mCAAY,WAAZ,MAAAA,EAAsB,iBAAiB,YAAaJ,EAAoB,IACjE,IAAM,CACX,6BAAY,SAAS,oBAAoB,YAAaA,EACxD,CAGJ,EAAG,CAACF,EAAKC,CAAQ,CAAC,CACpB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as u,jsx as r}from"react/jsx-runtime";import{flexRender as f}from"../../../../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"../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/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";const no=({mode:n,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(p=>r(l,{className:e("w-full",{"border-b border-b-[rgba(234,237,241,1)]":n==="solid"},o==null?void 0:o.tableHeader),children:p.headers.map(i=>r(R,{className:e("py-3",{"px-2":n==="odd"},o==null?void 0:o.tableHead),children:i.isPlaceholder?null:f(i.column.columnDef.header,i.getContext())},i.id))},p.id))}),r(S,{children:t.getRowModel().rows.length?t.getRowModel().rows.map((p,i)=>r(l,{className:e("w-full",{"[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":n==="solid","[&:nth-child(odd)]:bg-color-primary-light-default":n==="odd"},o==null?void 0:o.tableRow),children:p.getVisibleCells().map((d,C)=>{const a=d.getContext(),y=a.column.getSize();return r(h,{style:{width:y},className:e("py-3",{"px-3":n==="odd","font-medium":C!==0},o==null?void 0:o.tableCell),children:f(d.column.columnDef.cell,{...a,rowIndex:i})},d.id)})},p.id)):r(l,{children:r(h,{className:"py-4 text-center",colSpan:t.getAllColumns().length,children:x})})})]}),
|
|
1
|
+
import{jsxs as u,jsx as r}from"react/jsx-runtime";import{flexRender as f}from"../../../../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"../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/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";const no=({mode:n,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(p=>r(l,{className:e("w-full",{"border-b border-b-[rgba(234,237,241,1)]":n==="solid"},o==null?void 0:o.tableHeader),children:p.headers.map(i=>r(R,{className:e("py-3",{"px-2":n==="odd"},o==null?void 0:o.tableHead),children:i.isPlaceholder?null:f(i.column.columnDef.header,i.getContext())},i.id))},p.id))}),r(S,{children:t.getRowModel().rows.length?t.getRowModel().rows.map((p,i)=>r(l,{className:e("w-full",{"[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":n==="solid","[&:nth-child(odd)]:bg-color-primary-light-default":n==="odd"},o==null?void 0:o.tableRow),children:p.getVisibleCells().map((d,C)=>{const a=d.getContext(),y=a.column.getSize();return r(h,{style:{width:y},className:e("py-3",{"px-3":n==="odd","font-medium":C!==0},o==null?void 0:o.tableCell),children:f(d.column.columnDef.cell,{...a,rowIndex:i})},d.id)})},p.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{no as Desktop};
|
|
2
2
|
//# sourceMappingURL=Desktop.js.map
|
|
@@ -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 {
|
|
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":"ovDAaO,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"}
|