brd-ui-kit 0.1.88 → 0.1.90

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 (70) hide show
  1. package/dist/approval-log.view-CZoufOXF.js +283 -0
  2. package/dist/approval-log.view-CZoufOXF.js.map +1 -0
  3. package/dist/approval-log.view-DC5xl6KF.cjs +5 -0
  4. package/dist/approval-log.view-DC5xl6KF.cjs.map +1 -0
  5. package/dist/brd-ui-kit.css +1 -1
  6. package/dist/components/approval-log/approval-log.d.ts +1 -1
  7. package/dist/components/approval-log/approval-log.view.d.ts +15 -0
  8. package/dist/components/forms/form-files-uploader.d.ts +1 -1
  9. package/dist/components/forms/form-input-password.d.ts +1 -1
  10. package/dist/components/transfer-list/transfer-list-card.d.ts +4 -2
  11. package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts +6 -1
  12. package/dist/components/ui/input/input.d.ts +1 -1
  13. package/dist/components-approval-log-approval-log.cjs +5 -6
  14. package/dist/components-approval-log-approval-log.cjs.map +1 -1
  15. package/dist/components-approval-log-approval-log.js +161 -268
  16. package/dist/components-approval-log-approval-log.js.map +1 -1
  17. package/dist/components-approval-log-approval-log.view.cjs +2 -0
  18. package/dist/components-approval-log-approval-log.view.cjs.map +1 -0
  19. package/dist/components-approval-log-approval-log.view.js +69 -0
  20. package/dist/components-approval-log-approval-log.view.js.map +1 -0
  21. package/dist/components-avatar-uploader-avatar-uploader.cjs +2 -2
  22. package/dist/components-avatar-uploader-avatar-uploader.cjs.map +1 -1
  23. package/dist/components-avatar-uploader-avatar-uploader.js +10 -11
  24. package/dist/components-avatar-uploader-avatar-uploader.js.map +1 -1
  25. package/dist/components-basic-avatar-basic-avatar.cjs +1 -3
  26. package/dist/components-basic-avatar-basic-avatar.cjs.map +1 -1
  27. package/dist/components-basic-avatar-basic-avatar.js +7 -69
  28. package/dist/components-basic-avatar-basic-avatar.js.map +1 -1
  29. package/dist/components-basic-avatar.cjs +1 -1
  30. package/dist/components-basic-avatar.js +1 -1
  31. package/dist/components-checkbox-group-checkbox-group.cjs +1 -1
  32. package/dist/components-checkbox-group-checkbox-group.cjs.map +1 -1
  33. package/dist/components-checkbox-group-checkbox-group.js +1 -1
  34. package/dist/components-forms-form-files-uploader.cjs +1 -12
  35. package/dist/components-forms-form-files-uploader.cjs.map +1 -1
  36. package/dist/components-forms-form-files-uploader.js +27 -3045
  37. package/dist/components-forms-form-files-uploader.js.map +1 -1
  38. package/dist/components-forms-form-input-password.cjs +1 -29
  39. package/dist/components-forms-form-input-password.cjs.map +1 -1
  40. package/dist/components-forms-form-input-password.js +29 -363
  41. package/dist/components-forms-form-input-password.js.map +1 -1
  42. package/dist/components-input-contact-input-contact.cjs +1 -1
  43. package/dist/components-input-contact-input-contact.cjs.map +1 -1
  44. package/dist/components-input-contact-input-contact.js +1 -1
  45. package/dist/components-story-drawer-story-drawer.cjs +1 -1
  46. package/dist/components-story-drawer-story-drawer.cjs.map +1 -1
  47. package/dist/components-story-drawer-story-drawer.js +10 -11
  48. package/dist/components-story-drawer-story-drawer.js.map +1 -1
  49. package/dist/components-transfer-list-transfer-list-card.cjs +4 -4
  50. package/dist/components-transfer-list-transfer-list-card.cjs.map +1 -1
  51. package/dist/components-transfer-list-transfer-list-card.js +69 -59
  52. package/dist/components-transfer-list-transfer-list-card.js.map +1 -1
  53. package/dist/components-transfer-list-transfer-list.cjs +1 -1
  54. package/dist/components-transfer-list-transfer-list.cjs.map +1 -1
  55. package/dist/components-transfer-list-transfer-list.js +58 -52
  56. package/dist/components-transfer-list-transfer-list.js.map +1 -1
  57. package/dist/components-ui-dropdown-menu-dropdown-menu.cjs +2 -2
  58. package/dist/components-ui-dropdown-menu-dropdown-menu.cjs.map +1 -1
  59. package/dist/components-ui-dropdown-menu-dropdown-menu.js +32 -23
  60. package/dist/components-ui-dropdown-menu-dropdown-menu.js.map +1 -1
  61. package/dist/components-ui-input-input.cjs.map +1 -1
  62. package/dist/components-ui-input-input.js.map +1 -1
  63. package/dist/index.cjs +1 -1
  64. package/dist/index.js +267 -268
  65. package/dist/index.js.map +1 -1
  66. package/package.json +4 -1
  67. package/dist/components-ui-typography-typography.styles-C6G6MFUq.js +0 -105
  68. package/dist/components-ui-typography-typography.styles-C6G6MFUq.js.map +0 -1
  69. package/dist/components-ui-typography-typography.styles-CMzY_pXl.cjs +0 -2
  70. package/dist/components-ui-typography-typography.styles-CMzY_pXl.cjs.map +0 -1
package/dist/components-story-drawer-story-drawer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"components-story-drawer-story-drawer.js","sources":["../src/assets/images/not-found-history.png","../src/components/story-drawer/story-drawer.tsx"],"sourcesContent":["export default \"data:image/png;base64,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\"","import notFoundImg from \"@/assets/images/not-found-history.png\";\nimport { Badge, BasicAvatar, BasicDrawer, Typography, type BadgeProps } from \"@/index\";\nimport { formatStoryDate } from \"@/utils/helpers\";\nimport { useMemo } from \"react\";\n\nexport type StoryData = {\n id: string;\n userName: string;\n date: string;\n dateShort: string;\n title: string;\n message: string;\n tag: BadgeProps[\"variant\"];\n tagLabel: string;\n isDateDivider?: false;\n};\n\ntype Props = {\n data: StoryData[];\n open: boolean;\n closePopup: (open: boolean) => void;\n};\n\nexport const StoryDrawer = ({ data, open, closePopup }: Props) => {\n const groupByDate = useMemo(() => {\n if (data.length === 0) return [];\n return data.reduce<{ date: string; histories: StoryData[] }[]>((acc, item) => {\n const group = acc.find((entry) => entry.date === item.date);\n\n if (group) {\n group.histories.push(item);\n return acc;\n }\n\n acc.push({\n date: item.date,\n histories: [item],\n });\n\n return acc;\n }, []);\n }, [data]);\n\n return (\n <BasicDrawer\n open={open}\n onOpenChange={closePopup}\n drawer={{\n direction: \"right\",\n }}\n content={{\n className: \"bg-primary-bg border-none rounded-0! p-0!\",\n }}\n header={{\n className: \"py-4 px-6 border-b border-[#E5E5E5]\",\n }}\n title={{\n content: (\n <Typography\n variant=\"body-lg-medium\"\n className=\"text-primary-text text-center\"\n >\n История\n </Typography>\n ),\n props: {\n className: \"p-0!\",\n },\n }}\n >\n {groupByDate.length !== 0 ? (\n groupByDate.map((item) => {\n return (\n <div key={item.date}>\n <div className=\"bg-info-new-bg p-2\">\n <Typography\n className=\"text-tertiary-text text-center\"\n variant=\"body-sm-medium\"\n >\n {formatStoryDate(item.date)}\n </Typography>\n </div>\n\n <div>\n {item.histories.map((history) => {\n return (\n <div\n key={history.id}\n className=\"bg-secondary-bg flex justify-between p-4 py-3\"\n >\n <div className=\"flex items-center\">\n <div className=\"w-fit text-center\">\n <BasicAvatar\n initials={{\n text: history.userName,\n className: \"text-primary-text\",\n }}\n showDeleteOnHover={false}\n />\n <Typography\n variant=\"body-xxs-medium\"\n className=\"text-secondary-text\"\n >\n {history.dateShort}\n </Typography>\n </div>\n\n <div className=\"flex w-full max-w-50 flex-col gap-2.5\">\n <Typography\n variant=\"body-md-medium\"\n className=\"text-primary-text\"\n >\n {history.title}\n </Typography>\n <Typography\n variant=\"body-sm-regular\"\n className=\"text-primary-text\"\n >\n {history.message}\n </Typography>\n </div>\n </div>\n\n <Badge\n variant={history.tag}\n classNames={{\n className: \"h-fit\",\n }}\n >\n {history.tagLabel}\n </Badge>\n </div>\n );\n })}\n </div>\n </div>\n );\n })\n ) : (\n <div\n className=\"flex h-full flex-col items-center justify-center gap-4 px-4\n text-center\"\n >\n <Typography\n variant=\"h-xs-medium\"\n className=\"text-primary-text\"\n >\n История\n </Typography>\n <Typography\n variant=\"body-sm-regular\"\n className=\"text-secondary-text\"\n >\n В истории пока пусто. Изменения статуса, готовности и других нюансов о заявке\n и проекте будет отображаться именно здесь.\n </Typography>\n\n <img\n src={notFoundImg}\n alt=\"not-found\"\n />\n </div>\n )}\n </BasicDrawer>\n );\n};\n"],"names":["notFoundImg","StoryDrawer","data","open","closePopup","groupByDate","useMemo","acc","item","group","entry","jsx","BasicDrawer","Typography","formatStoryDate","history","jsxs","BasicAvatar","Badge"],"mappings":"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"}
1
+ {"version":3,"file":"components-story-drawer-story-drawer.js","sources":["../src/assets/images/not-found-history.png","../src/components/story-drawer/story-drawer.tsx"],"sourcesContent":["export default \"data:image/png;base64,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\"","import notFoundImg from \"@/assets/images/not-found-history.png\";\nimport { Badge, BasicAvatar, BasicDrawer, Typography, type BadgeProps } from \"@/index\";\nimport { formatStoryDate } from \"@/utils/helpers\";\nimport { useMemo } from \"react\";\n\nexport type StoryData = {\n id: string;\n userName: string;\n date: string;\n dateShort: string;\n title: string;\n message: string;\n tag: BadgeProps[\"variant\"];\n tagLabel: string;\n isDateDivider?: false;\n};\n\ntype Props = {\n data: StoryData[];\n open: boolean;\n closePopup: (open: boolean) => void;\n};\n\nexport const StoryDrawer = ({ data, open, closePopup }: Props) => {\n const groupByDate = useMemo(() => {\n if (data.length === 0) return [];\n return data.reduce<{ date: string; histories: StoryData[] }[]>((acc, item) => {\n const group = acc.find((entry) => entry.date === item.date);\n\n if (group) {\n group.histories.push(item);\n return acc;\n }\n\n acc.push({\n date: item.date,\n histories: [item],\n });\n\n return acc;\n }, []);\n }, [data]);\n\n return (\n <BasicDrawer\n open={open}\n onOpenChange={closePopup}\n drawer={{\n direction: \"right\",\n }}\n content={{\n className: \"bg-primary-bg border-none rounded-0! p-0!\",\n }}\n header={{\n className: \"py-4 px-6 border-b border-[#E5E5E5]\",\n }}\n title={{\n content: (\n <Typography\n variant=\"body-lg-medium\"\n className=\"text-primary-text text-center\"\n >\n История\n </Typography>\n ),\n props: {\n className: \"p-0!\",\n },\n }}\n >\n {groupByDate.length !== 0 ? (\n groupByDate.map((item) => {\n return (\n <div key={item.date}>\n <div className=\"bg-info-new-bg p-2\">\n <Typography\n className=\"text-tertiary-text text-center\"\n variant=\"body-sm-medium\"\n >\n {formatStoryDate(item.date)}\n </Typography>\n </div>\n\n <div>\n {item.histories.map((history) => {\n return (\n <div\n key={history.id}\n className=\"bg-secondary-bg flex justify-between p-4 py-3\"\n >\n <div className=\"flex items-center\">\n <div className=\"w-fit text-center\">\n <BasicAvatar\n initials={{\n text: history.userName,\n className: \"text-primary-text\",\n }}\n showDeleteOnHover={false}\n />\n <Typography\n variant=\"body-xxs-medium\"\n className=\"text-secondary-text\"\n >\n {history.dateShort}\n </Typography>\n </div>\n\n <div className=\"flex w-full max-w-50 flex-col gap-2.5\">\n <Typography\n variant=\"body-md-medium\"\n className=\"text-primary-text\"\n >\n {history.title}\n </Typography>\n <Typography\n variant=\"body-sm-regular\"\n className=\"text-primary-text\"\n >\n {history.message}\n </Typography>\n </div>\n </div>\n\n <Badge\n variant={history.tag}\n classNames={{\n className: \"h-fit\",\n }}\n >\n {history.tagLabel}\n </Badge>\n </div>\n );\n })}\n </div>\n </div>\n );\n })\n ) : (\n <div\n className=\"flex h-full flex-col items-center justify-center gap-4 px-4\n text-center\"\n >\n <Typography\n variant=\"h-xs-medium\"\n className=\"text-primary-text\"\n >\n История\n </Typography>\n <Typography\n variant=\"body-sm-regular\"\n className=\"text-secondary-text\"\n >\n В истории пока пусто. Изменения статуса, готовности и других нюансов о заявке\n и проекте будет отображаться именно здесь.\n </Typography>\n\n <img\n src={notFoundImg}\n alt=\"not-found\"\n />\n </div>\n )}\n </BasicDrawer>\n );\n};\n"],"names":["notFoundImg","StoryDrawer","data","open","closePopup","groupByDate","useMemo","acc","item","group","entry","jsx","BasicDrawer","Typography","formatStoryDate","history","jsxs","BasicAvatar","Badge"],"mappings":"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"}
package/dist/components-transfer-list-transfer-list-card.cjs CHANGED
@@ -1,5 +1,5 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("./lib-utils.cjs"),f=require("./components-basic-tooltip-basic-tooltip.cjs"),i=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const t=require("./components-ui-icon-icon.cjs");require("brd-phosphor-strokes-icons/icons");const o=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");const N=({items:h,selectedSet:g,onSelectItem:u,onMoveItem:n,direction:x,headerIcon:l,headerButton:s,showHeaderTooltip:j=!1,showFooterIcons:d=!1})=>{const r=x==="right",p=r?"caret-right":"caret-left",y=r?"check-circle":"x-circle",m=r?"text-success-text":"text-error-text";return e.jsxs("div",{className:`bg-secondary-bg border-delicate-border flex h-full min-h-0 w-97.5
2
- flex-col rounded-xl border`,children:[e.jsxs("div",{className:b.cn("bg-primary-bg flex items-center rounded-t-xl px-7.5 py-4",x==="left"?"gap-6":"justify-between"),children:[e.jsxs("div",{className:"w-fit",children:[s&&!r&&e.jsx(i.Button,{variant:"circleGhost",onClick:s.onClick,disabled:s.disabled,children:e.jsx(t.Icon,{type:s.icon,className:"text-placeholder-text"})}),j&&e.jsx(f.BasicTooltip,{place:"left",arrow:!0,text:e.jsx(o.Typography,{variant:"body-xxs-regular",className:"w-fit",children:"Переносите пункты туда или обратно с помощью клика на них"}),children:e.jsx(t.Icon,{type:"info",className:"text-placeholder-text"})}),l&&e.jsx(t.Icon,{type:l.type,className:l.className})]}),e.jsx(o.Typography,{variant:"body-lg-semibold",className:"text-primary-text",children:r?"Нужно для расчета":"Уже есть для расчета"}),s&&r&&e.jsx(i.Button,{variant:"circleGhost",onClick:s.onClick,disabled:s.disabled,children:e.jsx(t.Icon,{type:s.icon,className:"text-placeholder-text"})})]}),e.jsx("div",{className:`border-delicate-border flex min-h-0 flex-1 flex-col gap-2
3
- overflow-y-auto border-t`,children:h.map(c=>e.jsxs("div",{className:b.cn(`bg-primary-bg flex cursor-pointer items-center justify-between gap-4 px-8
4
- py-4`,g.has(c.id)&&"bg-primary-hover-bg"),onClick:()=>u(c.id),children:[e.jsxs("div",{className:"flex items-center gap-4",children:[d?e.jsx(i.Button,{variant:"circleGhost",onClick:a=>{a.stopPropagation(),n(c.id)},children:e.jsx(t.Icon,{type:p,className:"text-placeholder-text"})}):e.jsx(t.Icon,{type:y,size:25,strokeWidth:1.5,className:m}),e.jsx(o.Typography,{variant:"body-md-regular",className:"text-primary-text",children:c.label})]}),d?e.jsx(t.Icon,{type:y,size:25,strokeWidth:1.5,className:m}):e.jsx(i.Button,{variant:"circleGhost",onClick:a=>{a.stopPropagation(),n(c.id)},children:e.jsx(t.Icon,{type:p,className:"text-placeholder-text"})})]},c.id))})]})};exports.TransferListCard=N;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("./lib-utils.cjs"),v=require("./components-basic-tooltip-basic-tooltip.cjs"),i=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const t=require("./components-ui-icon-icon.cjs");require("brd-phosphor-strokes-icons/icons");const l=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");const _=({items:n,selectedSet:g,emptyText:u,onSelectItem:f,onMoveItem:x,direction:d,allCompleted:j,headerIcon:a,headerButton:s,showHeaderTooltip:N=!1,showFooterIcons:p=!1})=>{const r=d==="right",y=r?"caret-right":"caret-left",b=r?"x-circle":"check-circle",m=r?"text-error-text":"text-success-text";return e.jsxs("div",{className:`bg-secondary-bg border-delicate-border flex h-full min-h-0 w-97.5
2
+ flex-col rounded-xl border`,children:[e.jsxs("div",{className:h.cn("bg-primary-bg flex items-center rounded-t-xl px-7.5 py-4",d==="left"?"gap-6":"justify-between",j&&"bg-confidence-bg"),children:[e.jsxs("div",{className:"w-fit",children:[s&&!r&&e.jsx(i.Button,{variant:"circleGhost",onClick:s.onClick,disabled:s.disabled,children:e.jsx(t.Icon,{type:s.icon,className:"text-placeholder-text"})}),N&&e.jsx(v.BasicTooltip,{place:"left",arrow:!0,text:e.jsx(l.Typography,{variant:"body-xxs-regular",className:"w-fit",children:"Переносите пункты туда или обратно с помощью клика на них"}),children:e.jsx(t.Icon,{type:"info",className:"text-placeholder-text"})}),a&&e.jsx(t.Icon,{type:a.type,className:a.className})]}),e.jsx(l.Typography,{variant:"body-lg-semibold",className:"text-primary-text",children:r?"Нужно для расчета":"Уже есть для расчета"}),s&&r&&e.jsx(i.Button,{variant:"circleGhost",onClick:s.onClick,disabled:s.disabled,children:e.jsx(t.Icon,{type:s.icon,className:"text-placeholder-text"})})]}),e.jsx("div",{className:`border-delicate-border flex min-h-0 flex-1 flex-col gap-2
3
+ overflow-y-auto border-t`,children:n.length>0?n.map(c=>e.jsxs("div",{className:h.cn(`bg-primary-bg flex cursor-pointer items-center justify-between gap-4 px-8
4
+ py-4`,g.has(c.id)&&"bg-primary-hover-bg"),onClick:()=>f(c.id),children:[e.jsxs("div",{className:"flex items-center gap-4",children:[p?e.jsx(i.Button,{variant:"circleGhost",onClick:o=>{o.stopPropagation(),x(c.id)},children:e.jsx(t.Icon,{type:y,className:"text-placeholder-text"})}):e.jsx(t.Icon,{type:b,size:25,strokeWidth:1.5,className:m}),e.jsx(l.Typography,{variant:"body-md-regular",className:"text-primary-text",children:c.label})]}),p?e.jsx(t.Icon,{type:b,size:25,strokeWidth:1.5,className:m}):e.jsx(i.Button,{variant:"circleGhost",onClick:o=>{o.stopPropagation(),x(c.id)},children:e.jsx(t.Icon,{type:y,className:"text-placeholder-text"})})]},c.id)):e.jsx("div",{className:"flex h-full items-center justify-center",children:e.jsx(l.Typography,{variant:"body-lg-medium",className:"text-sub-label-text",children:u})})})]})};exports.TransferListCard=_;
5
5
  //# sourceMappingURL=components-transfer-list-transfer-list-card.cjs.map
package/dist/components-transfer-list-transfer-list-card.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"components-transfer-list-transfer-list-card.cjs","sources":["../src/components/transfer-list/transfer-list-card.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { BasicTooltip } from \"../basic-tooltip\";\nimport { Button } from \"../ui/button\";\nimport { Icon } from \"../ui/icon\";\nimport { Typography } from \"../ui/typography\";\nimport type { TransferListItem } from \"./transfer-list\";\nimport type { IconTypes } from \"@/types/types\";\n\ntype Props = {\n items: TransferListItem[];\n selectedSet: Set<string>;\n onSelectItem: (id: string) => void;\n onMoveItem: (itemId: string) => void;\n direction: \"left\" | \"right\";\n headerIcon?: {\n type: IconTypes;\n className: string;\n };\n headerButton?: {\n icon: IconTypes;\n onClick: () => void;\n disabled: boolean;\n };\n showHeaderTooltip?: boolean;\n showFooterIcons?: boolean;\n};\n\nexport const TransferListCard = ({\n items,\n selectedSet,\n onSelectItem,\n onMoveItem,\n direction,\n headerIcon,\n headerButton,\n showHeaderTooltip = false,\n showFooterIcons = false,\n}: Props) => {\n const isMovingToRight = direction === \"right\";\n const moveIcon = isMovingToRight ? \"caret-right\" : \"caret-left\";\n const footerIcon = isMovingToRight ? \"check-circle\" : \"x-circle\";\n const footerIconClassName = isMovingToRight ? \"text-success-text\" : \"text-error-text\";\n\n return (\n <div\n className=\"bg-secondary-bg border-delicate-border flex h-full min-h-0 w-97.5\n flex-col rounded-xl border\"\n >\n <div\n className={cn(\n \"bg-primary-bg flex items-center rounded-t-xl px-7.5 py-4\",\n direction === \"left\" ? \"gap-6\" : \"justify-between\",\n )}\n >\n <div className=\"w-fit\">\n {headerButton && !isMovingToRight && (\n <Button\n variant=\"circleGhost\"\n onClick={headerButton.onClick}\n disabled={headerButton.disabled}\n >\n <Icon\n type={headerButton.icon}\n className=\"text-placeholder-text\"\n />\n </Button>\n )}\n {showHeaderTooltip && (\n <BasicTooltip\n place=\"left\"\n arrow\n text={\n <Typography\n variant=\"body-xxs-regular\"\n className=\"w-fit\"\n >\n Переносите пункты туда или обратно с помощью клика на них\n </Typography>\n }\n >\n <Icon\n type=\"info\"\n className=\"text-placeholder-text\"\n />\n </BasicTooltip>\n )}\n {headerIcon && (\n <Icon\n type={headerIcon.type}\n className={headerIcon.className}\n />\n )}\n </div>\n\n <Typography\n variant=\"body-lg-semibold\"\n className=\"text-primary-text\"\n >\n {isMovingToRight ? \"Нужно для расчета\" : \"Уже есть для расчета\"}\n </Typography>\n\n {headerButton && isMovingToRight && (\n <Button\n variant=\"circleGhost\"\n onClick={headerButton.onClick}\n disabled={headerButton.disabled}\n >\n <Icon\n type={headerButton.icon}\n className=\"text-placeholder-text\"\n />\n </Button>\n )}\n </div>\n\n <div\n className=\"border-delicate-border flex min-h-0 flex-1 flex-col gap-2\n overflow-y-auto border-t\"\n >\n {items.map((item) => (\n <div\n key={item.id}\n className={cn(\n `bg-primary-bg flex cursor-pointer items-center justify-between gap-4 px-8\n py-4`,\n selectedSet.has(item.id) && \"bg-primary-hover-bg\",\n )}\n onClick={() => onSelectItem(item.id)}\n >\n <div className=\"flex items-center gap-4\">\n {showFooterIcons ? (\n <Button\n variant=\"circleGhost\"\n onClick={(e) => {\n e.stopPropagation();\n onMoveItem(item.id);\n }}\n >\n <Icon\n type={moveIcon}\n className=\"text-placeholder-text\"\n />\n </Button>\n ) : (\n <Icon\n type={footerIcon}\n size={25}\n strokeWidth={1.5}\n className={footerIconClassName}\n />\n )}\n\n <Typography\n variant=\"body-md-regular\"\n className=\"text-primary-text\"\n >\n {item.label}\n </Typography>\n </div>\n\n {!showFooterIcons ? (\n <Button\n variant=\"circleGhost\"\n onClick={(e) => {\n e.stopPropagation();\n onMoveItem(item.id);\n }}\n >\n <Icon\n type={moveIcon}\n className=\"text-placeholder-text\"\n />\n </Button>\n ) : (\n <Icon\n type={footerIcon}\n size={25}\n strokeWidth={1.5}\n className={footerIconClassName}\n />\n )}\n </div>\n ))}\n </div>\n </div>\n );\n};\n"],"names":["TransferListCard","items","selectedSet","onSelectItem","onMoveItem","direction","headerIcon","headerButton","showHeaderTooltip","showFooterIcons","isMovingToRight","moveIcon","footerIcon","footerIconClassName","jsxs","cn","jsx","Button","Icon","BasicTooltip","Typography","item","e"],"mappings":"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"}
1
+ {"version":3,"file":"components-transfer-list-transfer-list-card.cjs","sources":["../src/components/transfer-list/transfer-list-card.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { IconTypes } from \"@/types/types\";\nimport { BasicTooltip } from \"../basic-tooltip\";\nimport { Button } from \"../ui/button\";\nimport { Icon } from \"../ui/icon\";\nimport { Typography } from \"../ui/typography\";\nimport type { TransferListItem } from \"./transfer-list\";\n\ntype Props = {\n items: TransferListItem[];\n selectedSet: Set<string>;\n allCompleted?: boolean;\n onSelectItem: (id: string) => void;\n onMoveItem: (itemId: string) => void;\n direction: \"left\" | \"right\";\n emptyText: string;\n headerIcon?: {\n type: IconTypes;\n className: string;\n };\n headerButton?: {\n icon: IconTypes;\n onClick: () => void;\n disabled: boolean;\n };\n showHeaderTooltip?: boolean;\n showFooterIcons?: boolean;\n};\n\nexport const TransferListCard = ({\n items,\n selectedSet,\n emptyText,\n onSelectItem,\n onMoveItem,\n direction,\n allCompleted,\n headerIcon,\n headerButton,\n showHeaderTooltip = false,\n showFooterIcons = false,\n}: Props) => {\n const isMovingToRight = direction === \"right\";\n const moveIcon = isMovingToRight ? \"caret-right\" : \"caret-left\";\n const footerIcon = isMovingToRight ? \"x-circle\" : \"check-circle\";\n const footerIconClassName = isMovingToRight ? \"text-error-text\" : \"text-success-text\";\n\n return (\n <div\n className=\"bg-secondary-bg border-delicate-border flex h-full min-h-0 w-97.5\n flex-col rounded-xl border\"\n >\n <div\n className={cn(\n \"bg-primary-bg flex items-center rounded-t-xl px-7.5 py-4\",\n direction === \"left\" ? \"gap-6\" : \"justify-between\",\n allCompleted && \"bg-confidence-bg\",\n )}\n >\n <div className=\"w-fit\">\n {headerButton && !isMovingToRight && (\n <Button\n variant=\"circleGhost\"\n onClick={headerButton.onClick}\n disabled={headerButton.disabled}\n >\n <Icon\n type={headerButton.icon}\n className=\"text-placeholder-text\"\n />\n </Button>\n )}\n {showHeaderTooltip && (\n <BasicTooltip\n place=\"left\"\n arrow\n text={\n <Typography\n variant=\"body-xxs-regular\"\n className=\"w-fit\"\n >\n Переносите пункты туда или обратно с помощью клика на них\n </Typography>\n }\n >\n <Icon\n type=\"info\"\n className=\"text-placeholder-text\"\n />\n </BasicTooltip>\n )}\n {headerIcon && (\n <Icon\n type={headerIcon.type}\n className={headerIcon.className}\n />\n )}\n </div>\n\n <Typography\n variant=\"body-lg-semibold\"\n className=\"text-primary-text\"\n >\n {isMovingToRight ? \"Нужно для расчета\" : \"Уже есть для расчета\"}\n </Typography>\n\n {headerButton && isMovingToRight && (\n <Button\n variant=\"circleGhost\"\n onClick={headerButton.onClick}\n disabled={headerButton.disabled}\n >\n <Icon\n type={headerButton.icon}\n className=\"text-placeholder-text\"\n />\n </Button>\n )}\n </div>\n\n <div\n className=\"border-delicate-border flex min-h-0 flex-1 flex-col gap-2\n overflow-y-auto border-t\"\n >\n {items.length > 0 ? (\n items.map((item) => (\n <div\n key={item.id}\n className={cn(\n `bg-primary-bg flex cursor-pointer items-center justify-between gap-4 px-8\n py-4`,\n selectedSet.has(item.id) && \"bg-primary-hover-bg\",\n )}\n onClick={() => onSelectItem(item.id)}\n >\n <div className=\"flex items-center gap-4\">\n {showFooterIcons ? (\n <Button\n variant=\"circleGhost\"\n onClick={(e) => {\n e.stopPropagation();\n onMoveItem(item.id);\n }}\n >\n <Icon\n type={moveIcon}\n className=\"text-placeholder-text\"\n />\n </Button>\n ) : (\n <Icon\n type={footerIcon}\n size={25}\n strokeWidth={1.5}\n className={footerIconClassName}\n />\n )}\n\n <Typography\n variant=\"body-md-regular\"\n className=\"text-primary-text\"\n >\n {item.label}\n </Typography>\n </div>\n\n {!showFooterIcons ? (\n <Button\n variant=\"circleGhost\"\n onClick={(e) => {\n e.stopPropagation();\n onMoveItem(item.id);\n }}\n >\n <Icon\n type={moveIcon}\n className=\"text-placeholder-text\"\n />\n </Button>\n ) : (\n <Icon\n type={footerIcon}\n size={25}\n strokeWidth={1.5}\n className={footerIconClassName}\n />\n )}\n </div>\n ))\n ) : (\n <div className=\"flex h-full items-center justify-center\">\n <Typography\n variant=\"body-lg-medium\"\n className=\"text-sub-label-text\"\n >\n {emptyText}\n </Typography>\n </div>\n )}\n </div>\n </div>\n );\n};\n"],"names":["TransferListCard","items","selectedSet","emptyText","onSelectItem","onMoveItem","direction","allCompleted","headerIcon","headerButton","showHeaderTooltip","showFooterIcons","isMovingToRight","moveIcon","footerIcon","footerIconClassName","jsxs","cn","jsx","Button","Icon","BasicTooltip","Typography","item","e"],"mappings":"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"}
package/dist/components-transfer-list-transfer-list-card.js CHANGED
@@ -1,24 +1,26 @@
1
1
  import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
- import { cn as h } from "./lib-utils.js";
3
- import { BasicTooltip as k } from "./components-basic-tooltip-basic-tooltip.js";
2
+ import { cn as y } from "./lib-utils.js";
3
+ import { BasicTooltip as C } from "./components-basic-tooltip-basic-tooltip.js";
4
4
  import { Button as c } from "./components-ui-button-button.js";
5
5
  import "./components-ui-button-button.styles.js";
6
- import { Icon as t } from "./components-ui-icon-icon.js";
6
+ import { Icon as l } from "./components-ui-icon-icon.js";
7
7
  import "brd-phosphor-strokes-icons/icons";
8
- import { Typography as d } from "./components-ui-typography-typography.js";
8
+ import { Typography as s } from "./components-ui-typography-typography.js";
9
9
  import "./components-ui-typography-typography.styles.js";
10
- const L = ({
11
- items: y,
10
+ const q = ({
11
+ items: d,
12
12
  selectedSet: g,
13
- onSelectItem: N,
14
- onMoveItem: n,
15
- direction: p,
16
- headerIcon: s,
17
- headerButton: r,
18
- showHeaderTooltip: v = !1,
19
- showFooterIcons: m = !1
13
+ emptyText: N,
14
+ onSelectItem: v,
15
+ onMoveItem: p,
16
+ direction: m,
17
+ allCompleted: k,
18
+ headerIcon: o,
19
+ headerButton: t,
20
+ showHeaderTooltip: u = !1,
21
+ showFooterIcons: x = !1
20
22
  }) => {
21
- const l = p === "right", x = l ? "caret-right" : "caret-left", f = l ? "check-circle" : "x-circle", b = l ? "text-success-text" : "text-error-text";
23
+ const r = m === "right", f = r ? "caret-right" : "caret-left", b = r ? "x-circle" : "check-circle", h = r ? "text-error-text" : "text-success-text";
22
24
  return /* @__PURE__ */ a(
23
25
  "div",
24
26
  {
@@ -28,34 +30,35 @@ const L = ({
28
30
  /* @__PURE__ */ a(
29
31
  "div",
30
32
  {
31
- className: h(
33
+ className: y(
32
34
  "bg-primary-bg flex items-center rounded-t-xl px-7.5 py-4",
33
- p === "left" ? "gap-6" : "justify-between"
35
+ m === "left" ? "gap-6" : "justify-between",
36
+ k && "bg-confidence-bg"
34
37
  ),
35
38
  children: [
36
39
  /* @__PURE__ */ a("div", { className: "w-fit", children: [
37
- r && !l && /* @__PURE__ */ e(
40
+ t && !r && /* @__PURE__ */ e(
38
41
  c,
39
42
  {
40
43
  variant: "circleGhost",
41
- onClick: r.onClick,
42
- disabled: r.disabled,
44
+ onClick: t.onClick,
45
+ disabled: t.disabled,
43
46
  children: /* @__PURE__ */ e(
44
- t,
47
+ l,
45
48
  {
46
- type: r.icon,
49
+ type: t.icon,
47
50
  className: "text-placeholder-text"
48
51
  }
49
52
  )
50
53
  }
51
54
  ),
52
- v && /* @__PURE__ */ e(
53
- k,
55
+ u && /* @__PURE__ */ e(
56
+ C,
54
57
  {
55
58
  place: "left",
56
59
  arrow: !0,
57
60
  text: /* @__PURE__ */ e(
58
- d,
61
+ s,
59
62
  {
60
63
  variant: "body-xxs-regular",
61
64
  className: "w-fit",
@@ -63,7 +66,7 @@ const L = ({
63
66
  }
64
67
  ),
65
68
  children: /* @__PURE__ */ e(
66
- t,
69
+ l,
67
70
  {
68
71
  type: "info",
69
72
  className: "text-placeholder-text"
@@ -71,32 +74,32 @@ const L = ({
71
74
  )
72
75
  }
73
76
  ),
74
- s && /* @__PURE__ */ e(
75
- t,
77
+ o && /* @__PURE__ */ e(
78
+ l,
76
79
  {
77
- type: s.type,
78
- className: s.className
80
+ type: o.type,
81
+ className: o.className
79
82
  }
80
83
  )
81
84
  ] }),
82
85
  /* @__PURE__ */ e(
83
- d,
86
+ s,
84
87
  {
85
88
  variant: "body-lg-semibold",
86
89
  className: "text-primary-text",
87
- children: l ? "Нужно для расчета" : "Уже есть для расчета"
90
+ children: r ? "Нужно для расчета" : "Уже есть для расчета"
88
91
  }
89
92
  ),
90
- r && l && /* @__PURE__ */ e(
93
+ t && r && /* @__PURE__ */ e(
91
94
  c,
92
95
  {
93
96
  variant: "circleGhost",
94
- onClick: r.onClick,
95
- disabled: r.disabled,
97
+ onClick: t.onClick,
98
+ disabled: t.disabled,
96
99
  children: /* @__PURE__ */ e(
97
- t,
100
+ l,
98
101
  {
99
- type: r.icon,
102
+ type: t.icon,
100
103
  className: "text-placeholder-text"
101
104
  }
102
105
  )
@@ -110,43 +113,43 @@ const L = ({
110
113
  {
111
114
  className: `border-delicate-border flex min-h-0 flex-1 flex-col gap-2
112
115
  overflow-y-auto border-t`,
113
- children: y.map((i) => /* @__PURE__ */ a(
116
+ children: d.length > 0 ? d.map((i) => /* @__PURE__ */ a(
114
117
  "div",
115
118
  {
116
- className: h(
119
+ className: y(
117
120
  `bg-primary-bg flex cursor-pointer items-center justify-between gap-4 px-8
118
- py-4`,
121
+ py-4`,
119
122
  g.has(i.id) && "bg-primary-hover-bg"
120
123
  ),
121
- onClick: () => N(i.id),
124
+ onClick: () => v(i.id),
122
125
  children: [
123
126
  /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
124
- m ? /* @__PURE__ */ e(
127
+ x ? /* @__PURE__ */ e(
125
128
  c,
126
129
  {
127
130
  variant: "circleGhost",
128
- onClick: (o) => {
129
- o.stopPropagation(), n(i.id);
131
+ onClick: (n) => {
132
+ n.stopPropagation(), p(i.id);
130
133
  },
131
134
  children: /* @__PURE__ */ e(
132
- t,
135
+ l,
133
136
  {
134
- type: x,
137
+ type: f,
135
138
  className: "text-placeholder-text"
136
139
  }
137
140
  )
138
141
  }
139
142
  ) : /* @__PURE__ */ e(
140
- t,
143
+ l,
141
144
  {
142
- type: f,
145
+ type: b,
143
146
  size: 25,
144
147
  strokeWidth: 1.5,
145
- className: b
148
+ className: h
146
149
  }
147
150
  ),
148
151
  /* @__PURE__ */ e(
149
- d,
152
+ s,
150
153
  {
151
154
  variant: "body-md-regular",
152
155
  className: "text-primary-text",
@@ -154,25 +157,25 @@ const L = ({
154
157
  }
155
158
  )
156
159
  ] }),
157
- m ? /* @__PURE__ */ e(
158
- t,
160
+ x ? /* @__PURE__ */ e(
161
+ l,
159
162
  {
160
- type: f,
163
+ type: b,
161
164
  size: 25,
162
165
  strokeWidth: 1.5,
163
- className: b
166
+ className: h
164
167
  }
165
168
  ) : /* @__PURE__ */ e(
166
169
  c,
167
170
  {
168
171
  variant: "circleGhost",
169
- onClick: (o) => {
170
- o.stopPropagation(), n(i.id);
172
+ onClick: (n) => {
173
+ n.stopPropagation(), p(i.id);
171
174
  },
172
175
  children: /* @__PURE__ */ e(
173
- t,
176
+ l,
174
177
  {
175
- type: x,
178
+ type: f,
176
179
  className: "text-placeholder-text"
177
180
  }
178
181
  )
@@ -181,7 +184,14 @@ const L = ({
181
184
  ]
182
185
  },
183
186
  i.id
184
- ))
187
+ )) : /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e(
188
+ s,
189
+ {
190
+ variant: "body-lg-medium",
191
+ className: "text-sub-label-text",
192
+ children: N
193
+ }
194
+ ) })
185
195
  }
186
196
  )
187
197
  ]
@@ -189,6 +199,6 @@ const L = ({
189
199
  );
190
200
  };
191
201
  export {
192
- L as TransferListCard
202
+ q as TransferListCard
193
203
  };
194
204
  //# sourceMappingURL=components-transfer-list-transfer-list-card.js.map
package/dist/components-transfer-list-transfer-list-card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"components-transfer-list-transfer-list-card.js","sources":["../src/components/transfer-list/transfer-list-card.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { BasicTooltip } from \"../basic-tooltip\";\nimport { Button } from \"../ui/button\";\nimport { Icon } from \"../ui/icon\";\nimport { Typography } from \"../ui/typography\";\nimport type { TransferListItem } from \"./transfer-list\";\nimport type { IconTypes } from \"@/types/types\";\n\ntype Props = {\n items: TransferListItem[];\n selectedSet: Set<string>;\n onSelectItem: (id: string) => void;\n onMoveItem: (itemId: string) => void;\n direction: \"left\" | \"right\";\n headerIcon?: {\n type: IconTypes;\n className: string;\n };\n headerButton?: {\n icon: IconTypes;\n onClick: () => void;\n disabled: boolean;\n };\n showHeaderTooltip?: boolean;\n showFooterIcons?: boolean;\n};\n\nexport const TransferListCard = ({\n items,\n selectedSet,\n onSelectItem,\n onMoveItem,\n direction,\n headerIcon,\n headerButton,\n showHeaderTooltip = false,\n showFooterIcons = false,\n}: Props) => {\n const isMovingToRight = direction === \"right\";\n const moveIcon = isMovingToRight ? \"caret-right\" : \"caret-left\";\n const footerIcon = isMovingToRight ? \"check-circle\" : \"x-circle\";\n const footerIconClassName = isMovingToRight ? \"text-success-text\" : \"text-error-text\";\n\n return (\n <div\n className=\"bg-secondary-bg border-delicate-border flex h-full min-h-0 w-97.5\n flex-col rounded-xl border\"\n >\n <div\n className={cn(\n \"bg-primary-bg flex items-center rounded-t-xl px-7.5 py-4\",\n direction === \"left\" ? \"gap-6\" : \"justify-between\",\n )}\n >\n <div className=\"w-fit\">\n {headerButton && !isMovingToRight && (\n <Button\n variant=\"circleGhost\"\n onClick={headerButton.onClick}\n disabled={headerButton.disabled}\n >\n <Icon\n type={headerButton.icon}\n className=\"text-placeholder-text\"\n />\n </Button>\n )}\n {showHeaderTooltip && (\n <BasicTooltip\n place=\"left\"\n arrow\n text={\n <Typography\n variant=\"body-xxs-regular\"\n className=\"w-fit\"\n >\n Переносите пункты туда или обратно с помощью клика на них\n </Typography>\n }\n >\n <Icon\n type=\"info\"\n className=\"text-placeholder-text\"\n />\n </BasicTooltip>\n )}\n {headerIcon && (\n <Icon\n type={headerIcon.type}\n className={headerIcon.className}\n />\n )}\n </div>\n\n <Typography\n variant=\"body-lg-semibold\"\n className=\"text-primary-text\"\n >\n {isMovingToRight ? \"Нужно для расчета\" : \"Уже есть для расчета\"}\n </Typography>\n\n {headerButton && isMovingToRight && (\n <Button\n variant=\"circleGhost\"\n onClick={headerButton.onClick}\n disabled={headerButton.disabled}\n >\n <Icon\n type={headerButton.icon}\n className=\"text-placeholder-text\"\n />\n </Button>\n )}\n </div>\n\n <div\n className=\"border-delicate-border flex min-h-0 flex-1 flex-col gap-2\n overflow-y-auto border-t\"\n >\n {items.map((item) => (\n <div\n key={item.id}\n className={cn(\n `bg-primary-bg flex cursor-pointer items-center justify-between gap-4 px-8\n py-4`,\n selectedSet.has(item.id) && \"bg-primary-hover-bg\",\n )}\n onClick={() => onSelectItem(item.id)}\n >\n <div className=\"flex items-center gap-4\">\n {showFooterIcons ? (\n <Button\n variant=\"circleGhost\"\n onClick={(e) => {\n e.stopPropagation();\n onMoveItem(item.id);\n }}\n >\n <Icon\n type={moveIcon}\n className=\"text-placeholder-text\"\n />\n </Button>\n ) : (\n <Icon\n type={footerIcon}\n size={25}\n strokeWidth={1.5}\n className={footerIconClassName}\n />\n )}\n\n <Typography\n variant=\"body-md-regular\"\n className=\"text-primary-text\"\n >\n {item.label}\n </Typography>\n </div>\n\n {!showFooterIcons ? (\n <Button\n variant=\"circleGhost\"\n onClick={(e) => {\n e.stopPropagation();\n onMoveItem(item.id);\n }}\n >\n <Icon\n type={moveIcon}\n className=\"text-placeholder-text\"\n />\n </Button>\n ) : (\n <Icon\n type={footerIcon}\n size={25}\n strokeWidth={1.5}\n className={footerIconClassName}\n />\n )}\n </div>\n ))}\n </div>\n </div>\n );\n};\n"],"names":["TransferListCard","items","selectedSet","onSelectItem","onMoveItem","direction","headerIcon","headerButton","showHeaderTooltip","showFooterIcons","isMovingToRight","moveIcon","footerIcon","footerIconClassName","jsxs","cn","jsx","Button","Icon","BasicTooltip","Typography","item","e"],"mappings":"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"}
1
+ {"version":3,"file":"components-transfer-list-transfer-list-card.js","sources":["../src/components/transfer-list/transfer-list-card.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { IconTypes } from \"@/types/types\";\nimport { BasicTooltip } from \"../basic-tooltip\";\nimport { Button } from \"../ui/button\";\nimport { Icon } from \"../ui/icon\";\nimport { Typography } from \"../ui/typography\";\nimport type { TransferListItem } from \"./transfer-list\";\n\ntype Props = {\n items: TransferListItem[];\n selectedSet: Set<string>;\n allCompleted?: boolean;\n onSelectItem: (id: string) => void;\n onMoveItem: (itemId: string) => void;\n direction: \"left\" | \"right\";\n emptyText: string;\n headerIcon?: {\n type: IconTypes;\n className: string;\n };\n headerButton?: {\n icon: IconTypes;\n onClick: () => void;\n disabled: boolean;\n };\n showHeaderTooltip?: boolean;\n showFooterIcons?: boolean;\n};\n\nexport const TransferListCard = ({\n items,\n selectedSet,\n emptyText,\n onSelectItem,\n onMoveItem,\n direction,\n allCompleted,\n headerIcon,\n headerButton,\n showHeaderTooltip = false,\n showFooterIcons = false,\n}: Props) => {\n const isMovingToRight = direction === \"right\";\n const moveIcon = isMovingToRight ? \"caret-right\" : \"caret-left\";\n const footerIcon = isMovingToRight ? \"x-circle\" : \"check-circle\";\n const footerIconClassName = isMovingToRight ? \"text-error-text\" : \"text-success-text\";\n\n return (\n <div\n className=\"bg-secondary-bg border-delicate-border flex h-full min-h-0 w-97.5\n flex-col rounded-xl border\"\n >\n <div\n className={cn(\n \"bg-primary-bg flex items-center rounded-t-xl px-7.5 py-4\",\n direction === \"left\" ? \"gap-6\" : \"justify-between\",\n allCompleted && \"bg-confidence-bg\",\n )}\n >\n <div className=\"w-fit\">\n {headerButton && !isMovingToRight && (\n <Button\n variant=\"circleGhost\"\n onClick={headerButton.onClick}\n disabled={headerButton.disabled}\n >\n <Icon\n type={headerButton.icon}\n className=\"text-placeholder-text\"\n />\n </Button>\n )}\n {showHeaderTooltip && (\n <BasicTooltip\n place=\"left\"\n arrow\n text={\n <Typography\n variant=\"body-xxs-regular\"\n className=\"w-fit\"\n >\n Переносите пункты туда или обратно с помощью клика на них\n </Typography>\n }\n >\n <Icon\n type=\"info\"\n className=\"text-placeholder-text\"\n />\n </BasicTooltip>\n )}\n {headerIcon && (\n <Icon\n type={headerIcon.type}\n className={headerIcon.className}\n />\n )}\n </div>\n\n <Typography\n variant=\"body-lg-semibold\"\n className=\"text-primary-text\"\n >\n {isMovingToRight ? \"Нужно для расчета\" : \"Уже есть для расчета\"}\n </Typography>\n\n {headerButton && isMovingToRight && (\n <Button\n variant=\"circleGhost\"\n onClick={headerButton.onClick}\n disabled={headerButton.disabled}\n >\n <Icon\n type={headerButton.icon}\n className=\"text-placeholder-text\"\n />\n </Button>\n )}\n </div>\n\n <div\n className=\"border-delicate-border flex min-h-0 flex-1 flex-col gap-2\n overflow-y-auto border-t\"\n >\n {items.length > 0 ? (\n items.map((item) => (\n <div\n key={item.id}\n className={cn(\n `bg-primary-bg flex cursor-pointer items-center justify-between gap-4 px-8\n py-4`,\n selectedSet.has(item.id) && \"bg-primary-hover-bg\",\n )}\n onClick={() => onSelectItem(item.id)}\n >\n <div className=\"flex items-center gap-4\">\n {showFooterIcons ? (\n <Button\n variant=\"circleGhost\"\n onClick={(e) => {\n e.stopPropagation();\n onMoveItem(item.id);\n }}\n >\n <Icon\n type={moveIcon}\n className=\"text-placeholder-text\"\n />\n </Button>\n ) : (\n <Icon\n type={footerIcon}\n size={25}\n strokeWidth={1.5}\n className={footerIconClassName}\n />\n )}\n\n <Typography\n variant=\"body-md-regular\"\n className=\"text-primary-text\"\n >\n {item.label}\n </Typography>\n </div>\n\n {!showFooterIcons ? (\n <Button\n variant=\"circleGhost\"\n onClick={(e) => {\n e.stopPropagation();\n onMoveItem(item.id);\n }}\n >\n <Icon\n type={moveIcon}\n className=\"text-placeholder-text\"\n />\n </Button>\n ) : (\n <Icon\n type={footerIcon}\n size={25}\n strokeWidth={1.5}\n className={footerIconClassName}\n />\n )}\n </div>\n ))\n ) : (\n <div className=\"flex h-full items-center justify-center\">\n <Typography\n variant=\"body-lg-medium\"\n className=\"text-sub-label-text\"\n >\n {emptyText}\n </Typography>\n </div>\n )}\n </div>\n </div>\n );\n};\n"],"names":["TransferListCard","items","selectedSet","emptyText","onSelectItem","onMoveItem","direction","allCompleted","headerIcon","headerButton","showHeaderTooltip","showFooterIcons","isMovingToRight","moveIcon","footerIcon","footerIconClassName","jsxs","cn","jsx","Button","Icon","BasicTooltip","Typography","item","e"],"mappings":"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"}
package/dist/components-transfer-list-transfer-list.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),t=require("react"),M=require("./components-transfer-list-transfer-list-card.cjs"),b=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const p=require("./components-ui-icon-icon.cjs");require("brd-phosphor-strokes-icons/icons");const d=!1,f=!0,L=({list:n,onChange:h})=>{const l=t.useMemo(()=>n.filter(e=>!e.inTarget),[n]),a=t.useMemo(()=>n.filter(e=>e.inTarget),[n]),[o,m]=t.useState([]),g=t.useMemo(()=>new Set(o),[o]),T=t.useMemo(()=>new Set(l.map(e=>e.id)),[l]),I=t.useMemo(()=>new Set(a.map(e=>e.id)),[a]),C=t.useMemo(()=>o.filter(e=>T.has(e)).length,[o,T]),_=t.useMemo(()=>o.filter(e=>I.has(e)).length,[o,I]),x=t.useCallback(e=>{m(s=>s.includes(e)?s.filter(i=>i!==e):[...s,e])},[]),r=t.useCallback((e,s)=>{const i=s??o;if(i.length===0)return;const v=new Set(i),w=n.map(u=>!v.has(u.id)||u.inTarget===e?u:{...u,inTarget:e});h(w),m([])},[n,h,o]),S=t.useCallback(e=>{r(e,n.filter(s=>s.inTarget!==e).map(s=>s.id))},[n,r]),j=t.useCallback(e=>{r(f,[e])},[r]),k=t.useCallback(e=>{r(d,[e])},[r]);return c.jsxs("div",{className:"flex h-full min-h-0 w-fit gap-6",children:[c.jsx(M.TransferListCard,{items:l,selectedSet:g,onSelectItem:x,onMoveItem:j,direction:"right",showHeaderTooltip:!0,headerButton:{icon:"caret-right",onClick:()=>S(f),disabled:l.length===0},showFooterIcons:!1}),c.jsxs("div",{className:"flex h-full flex-col justify-center gap-8",children:[c.jsx(b.Button,{variant:"circle",onClick:()=>r(f),disabled:C===0,children:c.jsx(p.Icon,{type:"caret-right",className:"text-placeholder-text"})}),c.jsx(b.Button,{variant:"circle",onClick:()=>r(d),disabled:_===0,children:c.jsx(p.Icon,{type:"caret-left",className:"text-placeholder-text"})})]}),c.jsx(M.TransferListCard,{items:a,selectedSet:g,onSelectItem:x,onMoveItem:k,direction:"left",headerButton:{icon:"caret-left",onClick:()=>S(d),disabled:a.length===0},showFooterIcons:!0})]})};exports.TransferList=L;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),t=require("react"),M=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const S=require("./components-ui-icon-icon.cjs");require("brd-phosphor-strokes-icons/icons");const C=require("./components-transfer-list-transfer-list-card.cjs"),d=!1,h=!0,q=({list:s,onChange:m})=>{const a=t.useMemo(()=>s.filter(e=>!e.inTarget),[s]),l=t.useMemo(()=>s.filter(e=>e.inTarget),[s]),[o,f]=t.useState([]),g=t.useMemo(()=>new Set(o),[o]),T=t.useMemo(()=>new Set(a.map(e=>e.id)),[a]),x=t.useMemo(()=>new Set(l.map(e=>e.id)),[l]),b=t.useMemo(()=>o.filter(e=>T.has(e)).length,[o,T]),_=t.useMemo(()=>o.filter(e=>x.has(e)).length,[o,x]),j=t.useMemo(()=>s.length===l.length,[s.length,l.length]),I=t.useCallback(e=>{f(n=>n.includes(e)?n.filter(i=>i!==e):[...n,e])},[]),r=t.useCallback((e,n)=>{const i=n??o;if(i.length===0)return;const w=new Set(i),L=s.map(u=>!w.has(u.id)||u.inTarget===e?u:{...u,inTarget:e});m(L),f([])},[s,m,o]),p=t.useCallback(e=>{r(e,s.filter(n=>n.inTarget!==e).map(n=>n.id))},[s,r]),k=t.useCallback(e=>{r(h,[e])},[r]),v=t.useCallback(e=>{r(d,[e])},[r]);return c.jsxs("div",{className:"flex h-full min-h-0 w-fit gap-6",children:[c.jsx(C.TransferListCard,{items:a,selectedSet:g,onSelectItem:I,onMoveItem:k,direction:"right",showHeaderTooltip:!0,headerButton:{icon:"caret-right",onClick:()=>p(h),disabled:a.length===0},showFooterIcons:!1,emptyText:"Все пункты выполнены"}),c.jsxs("div",{className:"flex h-full flex-col justify-center gap-8",children:[c.jsx(M.Button,{variant:"circle",onClick:()=>r(h),disabled:b===0,children:c.jsx(S.Icon,{type:"caret-right",className:"text-placeholder-text"})}),c.jsx(M.Button,{variant:"circle",onClick:()=>r(d),disabled:_===0,children:c.jsx(S.Icon,{type:"caret-left",className:"text-placeholder-text"})})]}),c.jsx(C.TransferListCard,{items:l,selectedSet:g,allCompleted:j,onSelectItem:I,onMoveItem:v,direction:"left",headerButton:{icon:"caret-left",onClick:()=>p(d),disabled:l.length===0},showFooterIcons:!0,emptyText:"В ожидании заполнения"})]})};exports.TransferList=q;
2
2
  //# sourceMappingURL=components-transfer-list-transfer-list.cjs.map
package/dist/components-transfer-list-transfer-list.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"components-transfer-list-transfer-list.cjs","sources":["../src/components/transfer-list/transfer-list.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { TransferListCard } from \"./transfer-list-card\";\nimport { Button } from \"../ui/button\";\nimport { Icon } from \"../ui/icon\";\n\nexport type TransferListItem = {\n id: string;\n label: string;\n disabled?: boolean;\n inTarget: boolean;\n};\n\ntype Props = {\n list: TransferListItem[];\n onChange: (item: TransferListItem[]) => void;\n};\n\nconst MOVE_TO_LEFT = false;\nconst MOVE_TO_RIGHT = true;\n\nexport const TransferList = ({ list, onChange }: Props) => {\n const leftItems = useMemo(() => list.filter((i) => !i.inTarget), [list]);\n const rightItems = useMemo(() => list.filter((i) => i.inTarget), [list]);\n\n const [selectedIds, setSelectedIds] = useState<string[]>([]);\n\n const selectedSet = useMemo(() => new Set(selectedIds), [selectedIds]);\n const leftIdSet = useMemo(() => new Set(leftItems.map((item) => item.id)), [leftItems]);\n const rightIdSet = useMemo(\n () => new Set(rightItems.map((item) => item.id)),\n [rightItems],\n );\n\n const selectedLeftCount = useMemo(\n () => selectedIds.filter((id) => leftIdSet.has(id)).length,\n [selectedIds, leftIdSet],\n );\n const selectedRightCount = useMemo(\n () => selectedIds.filter((id) => rightIdSet.has(id)).length,\n [selectedIds, rightIdSet],\n );\n\n const onSelectItem = useCallback((id: string) => {\n setSelectedIds((prev) =>\n prev.includes(id) ? prev.filter((itemId) => itemId !== id) : [...prev, id],\n );\n }, []);\n\n const moveSelectedItems = useCallback(\n (move: boolean, ids?: string[]) => {\n const resolvedIds = ids ?? selectedIds;\n if (resolvedIds.length === 0) return;\n\n const idsToMoveSet = new Set(resolvedIds);\n\n const newData = list.map((item) => {\n if (!idsToMoveSet.has(item.id) || item.inTarget === move) {\n return item;\n }\n\n return {\n ...item,\n inTarget: move,\n };\n });\n\n onChange(newData);\n setSelectedIds([]);\n },\n [list, onChange, selectedIds],\n );\n\n const allMoveSelectedItems = useCallback(\n (move: boolean) => {\n moveSelectedItems(\n move,\n list.filter((item) => item.inTarget !== move).map((item) => item.id),\n );\n },\n [list, moveSelectedItems],\n );\n\n const moveToRight = useCallback(\n (itemId: string) => {\n moveSelectedItems(MOVE_TO_RIGHT, [itemId]);\n },\n [moveSelectedItems],\n );\n\n const moveToLeft = useCallback(\n (itemId: string) => {\n moveSelectedItems(MOVE_TO_LEFT, [itemId]);\n },\n [moveSelectedItems],\n );\n\n return (\n <div className=\"flex h-full min-h-0 w-fit gap-6\">\n <TransferListCard\n items={leftItems}\n selectedSet={selectedSet}\n onSelectItem={onSelectItem}\n onMoveItem={moveToRight}\n direction=\"right\"\n showHeaderTooltip={true}\n headerButton={{\n icon: \"caret-right\",\n onClick: () => allMoveSelectedItems(MOVE_TO_RIGHT),\n disabled: leftItems.length === 0,\n }}\n showFooterIcons={false}\n />\n\n <div className=\"flex h-full flex-col justify-center gap-8\">\n <Button\n variant=\"circle\"\n onClick={() => moveSelectedItems(MOVE_TO_RIGHT)}\n disabled={selectedLeftCount === 0}\n >\n <Icon\n type=\"caret-right\"\n className=\"text-placeholder-text\"\n />\n </Button>\n\n <Button\n variant=\"circle\"\n onClick={() => moveSelectedItems(MOVE_TO_LEFT)}\n disabled={selectedRightCount === 0}\n >\n <Icon\n type=\"caret-left\"\n className=\"text-placeholder-text\"\n />\n </Button>\n </div>\n\n <TransferListCard\n items={rightItems}\n selectedSet={selectedSet}\n onSelectItem={onSelectItem}\n onMoveItem={moveToLeft}\n direction=\"left\"\n headerButton={{\n icon: \"caret-left\",\n onClick: () => allMoveSelectedItems(MOVE_TO_LEFT),\n disabled: rightItems.length === 0,\n }}\n showFooterIcons\n />\n </div>\n );\n};\n"],"names":["MOVE_TO_LEFT","MOVE_TO_RIGHT","TransferList","list","onChange","leftItems","useMemo","i","rightItems","selectedIds","setSelectedIds","useState","selectedSet","leftIdSet","item","rightIdSet","selectedLeftCount","id","selectedRightCount","onSelectItem","useCallback","prev","itemId","moveSelectedItems","move","ids","resolvedIds","idsToMoveSet","newData","allMoveSelectedItems","moveToRight","moveToLeft","jsxs","jsx","TransferListCard","Button","Icon"],"mappings":"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"}
1
+ {"version":3,"file":"components-transfer-list-transfer-list.cjs","sources":["../src/components/transfer-list/transfer-list.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { Button } from \"../ui/button\";\nimport { Icon } from \"../ui/icon\";\nimport { TransferListCard } from \"./transfer-list-card\";\n\nexport type TransferListItem = {\n id: string;\n label: string;\n disabled?: boolean;\n inTarget: boolean;\n};\n\ntype Props = {\n list: TransferListItem[];\n onChange: (item: TransferListItem[]) => void;\n};\n\nconst MOVE_TO_LEFT = false;\nconst MOVE_TO_RIGHT = true;\n\nexport const TransferList = ({ list, onChange }: Props) => {\n const leftItems = useMemo(() => list.filter((i) => !i.inTarget), [list]);\n const rightItems = useMemo(() => list.filter((i) => i.inTarget), [list]);\n\n const [selectedIds, setSelectedIds] = useState<string[]>([]);\n\n const selectedSet = useMemo(() => new Set(selectedIds), [selectedIds]);\n const leftIdSet = useMemo(() => new Set(leftItems.map((item) => item.id)), [leftItems]);\n const rightIdSet = useMemo(\n () => new Set(rightItems.map((item) => item.id)),\n [rightItems],\n );\n\n const selectedLeftCount = useMemo(\n () => selectedIds.filter((id) => leftIdSet.has(id)).length,\n [selectedIds, leftIdSet],\n );\n const selectedRightCount = useMemo(\n () => selectedIds.filter((id) => rightIdSet.has(id)).length,\n [selectedIds, rightIdSet],\n );\n\n const allCompleted = useMemo(\n () => list.length === rightItems.length,\n [list.length, rightItems.length],\n );\n\n const onSelectItem = useCallback((id: string) => {\n setSelectedIds((prev) =>\n prev.includes(id) ? prev.filter((itemId) => itemId !== id) : [...prev, id],\n );\n }, []);\n\n const moveSelectedItems = useCallback(\n (move: boolean, ids?: string[]) => {\n const resolvedIds = ids ?? selectedIds;\n if (resolvedIds.length === 0) return;\n\n const idsToMoveSet = new Set(resolvedIds);\n\n const newData = list.map((item) => {\n if (!idsToMoveSet.has(item.id) || item.inTarget === move) {\n return item;\n }\n\n return {\n ...item,\n inTarget: move,\n };\n });\n\n onChange(newData);\n setSelectedIds([]);\n },\n [list, onChange, selectedIds],\n );\n\n const allMoveSelectedItems = useCallback(\n (move: boolean) => {\n moveSelectedItems(\n move,\n list.filter((item) => item.inTarget !== move).map((item) => item.id),\n );\n },\n [list, moveSelectedItems],\n );\n\n const moveToRight = useCallback(\n (itemId: string) => {\n moveSelectedItems(MOVE_TO_RIGHT, [itemId]);\n },\n [moveSelectedItems],\n );\n\n const moveToLeft = useCallback(\n (itemId: string) => {\n moveSelectedItems(MOVE_TO_LEFT, [itemId]);\n },\n [moveSelectedItems],\n );\n\n return (\n <div className=\"flex h-full min-h-0 w-fit gap-6\">\n <TransferListCard\n items={leftItems}\n selectedSet={selectedSet}\n onSelectItem={onSelectItem}\n onMoveItem={moveToRight}\n direction=\"right\"\n showHeaderTooltip={true}\n headerButton={{\n icon: \"caret-right\",\n onClick: () => allMoveSelectedItems(MOVE_TO_RIGHT),\n disabled: leftItems.length === 0,\n }}\n showFooterIcons={false}\n emptyText=\"Все пункты выполнены\"\n />\n\n <div className=\"flex h-full flex-col justify-center gap-8\">\n <Button\n variant=\"circle\"\n onClick={() => moveSelectedItems(MOVE_TO_RIGHT)}\n disabled={selectedLeftCount === 0}\n >\n <Icon\n type=\"caret-right\"\n className=\"text-placeholder-text\"\n />\n </Button>\n\n <Button\n variant=\"circle\"\n onClick={() => moveSelectedItems(MOVE_TO_LEFT)}\n disabled={selectedRightCount === 0}\n >\n <Icon\n type=\"caret-left\"\n className=\"text-placeholder-text\"\n />\n </Button>\n </div>\n\n <TransferListCard\n items={rightItems}\n selectedSet={selectedSet}\n allCompleted={allCompleted}\n onSelectItem={onSelectItem}\n onMoveItem={moveToLeft}\n direction=\"left\"\n headerButton={{\n icon: \"caret-left\",\n onClick: () => allMoveSelectedItems(MOVE_TO_LEFT),\n disabled: rightItems.length === 0,\n }}\n showFooterIcons\n emptyText=\"В ожидании заполнения\"\n />\n </div>\n );\n};\n"],"names":["MOVE_TO_LEFT","MOVE_TO_RIGHT","TransferList","list","onChange","leftItems","useMemo","i","rightItems","selectedIds","setSelectedIds","useState","selectedSet","leftIdSet","item","rightIdSet","selectedLeftCount","id","selectedRightCount","allCompleted","onSelectItem","useCallback","prev","itemId","moveSelectedItems","move","ids","resolvedIds","idsToMoveSet","newData","allMoveSelectedItems","moveToRight","moveToLeft","jsxs","jsx","TransferListCard","Button","Icon"],"mappings":"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"}