@scbt-ecom/ui 0.143.1 → 0.144.1
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.
- package/dist/lib/shared/style.css +1 -1
- package/dist/lib/shared/ui/dropdownList/DropdownList.js +1 -1
- package/dist/lib/shared/ui/dropdownList/DropdownList.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/autocomplete/AutocompleteControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/autocomplete/AutocompleteControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/combobox/ComboboxControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/combobox/ComboboxControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/single.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/single.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/model/helper.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/model/helper.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/ui/Editor.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/ui/Editor.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/ui/EditorModal.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/editor/ui/EditorModal.js.map +1 -1
- package/dist/lib/shared/ui/formElements/controlled/input/InputControl.js +1 -1
- package/dist/lib/shared/ui/formElements/controlled/input/InputControl.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/combobox/combobox.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/combobox/combobox.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/input/Input.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/input/Input.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/radio/RadioGroup.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/radio/RadioGroup.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/SliderMarks.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/SliderMarks.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/SliderStep.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/SliderStep.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/textarea/Textarea.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/textarea/Textarea.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFiles.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFiles.js.map +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderInput.js +1 -1
- package/dist/lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderInput.js.map +1 -1
- package/dist/lib/shared/ui/icon/allowedIcons.js +1 -1
- package/dist/lib/shared/ui/icon/allowedIcons.js.map +1 -1
- package/dist/lib/shared/ui/icon/iconsMap.js +1 -1
- package/dist/lib/shared/ui/icon/iconsMap.js.map +1 -1
- package/dist/lib/shared/ui/modal/Modal.js +1 -1
- package/dist/lib/shared/ui/modal/Modal.js.map +1 -1
- package/dist/lib/widgets/model/helpers.js +2 -2
- package/dist/lib/widgets/model/helpers.js.map +1 -1
- package/dist/static/editor/nbsp.svg.js +2 -0
- package/dist/static/editor/nbsp.svg.js.map +1 -0
- package/dist/static/static/editor/nbsp.svg +1 -0
- package/dist/stats.html +1 -1
- package/dist/types/lib/shared/ui/formElements/controlled/input/InputControl.d.ts +1 -1
- package/dist/types/lib/shared/ui/icon/allowedIcons.d.ts +2 -2
- package/dist/types/lib/shared/ui/icon/iconsMap.d.ts +6 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef, useId } from 'react'\nimport { FieldAttachment } from '../../ui'\nimport { type DataLayers, type DeepPartial } from '$/shared/types'\nimport { cn } from '$/shared/utils'\n\ntype TextareaBaseClasses = {\n container?: string\n textarea?: string\n label?: string\n}\n\ntype FieldAttachmentProps = React.ComponentPropsWithoutRef<typeof FieldAttachment>\n\ntype ExternalHandlers = {\n onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void\n onClick?: (event: React.MouseEvent<HTMLTextAreaElement>) => void\n onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void\n onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void\n}\n\nexport type TextareaBaseProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'className'> & {\n /**\n * Дополнительные стили внутренних компонентов\n */\n classes?: TextareaBaseClasses\n /**\n * Отображаемый placeholder\n */\n label: string\n /**\n * Отображение не валидного поля\n */\n invalid?: boolean\n /**\n * Свойства дополнительной иконки\n */\n attachmentProps?: DeepPartial<FieldAttachmentProps>\n /**\n * Дополнительные хендлеры\n */\n externalHandlers?: ExternalHandlers\n /**\n * Даталееры\n */\n dataLayers?: DataLayers\n}\n\nexport const TextareaBase = forwardRef<HTMLTextAreaElement, TextareaBaseProps>(\n (\n { label, value, invalid, disabled, classes, attachmentProps, rows = 4, externalHandlers, onChange, dataLayers, ...props },\n ref\n ) => {\n const id = useId()\n\n const { onChange: externalOnChange, ...restHandlers } = externalHandlers || {}\n\n const onValueChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n if (onChange) onChange(event)\n if (externalOnChange) externalOnChange(event)\n }\n\n return (\n <div\n className={cn(\n 'relative flex w-full items-start gap-x-4 rounded-sm bg-color-blue-grey-100 pb-4 pl-4 pr-1 pt-2',\n '[&_label]:focus-within:text-color-tetriary',\n 'hover:bg-color-blue-grey-200',\n 'border-[1px] border-transparent focus-within:border-blue-grey-800',\n {\n 'border-secondary-default': invalid\n },\n classes?.container\n )}\n data-
|
|
1
|
+
{"version":3,"file":"Textarea.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef, useId } from 'react'\nimport { FieldAttachment } from '../../ui'\nimport { type DataLayers, type DeepPartial } from '$/shared/types'\nimport { cn } from '$/shared/utils'\n\ntype TextareaBaseClasses = {\n container?: string\n textarea?: string\n label?: string\n}\n\ntype FieldAttachmentProps = React.ComponentPropsWithoutRef<typeof FieldAttachment>\n\ntype ExternalHandlers = {\n onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void\n onClick?: (event: React.MouseEvent<HTMLTextAreaElement>) => void\n onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void\n onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void\n}\n\nexport type TextareaBaseProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'className'> & {\n /**\n * Дополнительные стили внутренних компонентов\n */\n classes?: TextareaBaseClasses\n /**\n * Отображаемый placeholder\n */\n label: string\n /**\n * Отображение не валидного поля\n */\n invalid?: boolean\n /**\n * Свойства дополнительной иконки\n */\n attachmentProps?: DeepPartial<FieldAttachmentProps>\n /**\n * Дополнительные хендлеры\n */\n externalHandlers?: ExternalHandlers\n /**\n * Даталееры\n */\n dataLayers?: DataLayers\n}\n\nexport const TextareaBase = forwardRef<HTMLTextAreaElement, TextareaBaseProps>(\n (\n { label, value, invalid, disabled, classes, attachmentProps, rows = 4, externalHandlers, onChange, dataLayers, ...props },\n ref\n ) => {\n const id = useId()\n\n const { onChange: externalOnChange, ...restHandlers } = externalHandlers || {}\n\n const onValueChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n if (onChange) onChange(event)\n if (externalOnChange) externalOnChange(event)\n }\n\n return (\n <div\n className={cn(\n 'relative flex w-full items-start gap-x-4 rounded-sm bg-color-blue-grey-100 pb-4 pl-4 pr-1 pt-2',\n '[&_label]:focus-within:text-color-tetriary',\n 'hover:bg-color-blue-grey-200',\n 'border-[1px] border-transparent focus-within:border-blue-grey-800',\n {\n 'border-secondary-default': invalid\n },\n classes?.container\n )}\n data-id='textarea-root'\n >\n <div className='flex w-full flex-col'>\n <label\n htmlFor={id}\n className={cn(\n 'desk-body-regular-s pointer-events-none',\n 'text-color-blue-grey-600 duration-100',\n {\n 'text-color-disabled': disabled\n },\n classes?.label\n )}\n >\n {label}\n </label>\n <textarea\n {...props}\n {...restHandlers}\n rows={rows}\n disabled={disabled}\n value={value ?? ''}\n ref={ref}\n id={id}\n onChange={onValueChange}\n className={cn(\n 'customScrollbar-y peer desk-body-regular-l w-full overflow-y-auto bg-color-transparent',\n 'resize-none text-color-dark outline-none placeholder:text-color-blue-grey-600',\n {\n 'placeholder:text-color-disabled': disabled\n },\n classes?.textarea\n )}\n data-layer-id={dataLayers?.targetId}\n />\n </div>\n {attachmentProps && <FieldAttachment {...attachmentProps} />}\n </div>\n )\n }\n)\nTextareaBase.displayName = 'TextareaBase'\n"],"names":["TextareaBase","forwardRef","label","value","invalid","disabled","classes","attachmentProps","rows","externalHandlers","onChange","dataLayers","props","ref","id","useId","externalOnChange","restHandlers","onValueChange","event","jsxs","cn","jsx","FieldAttachment"],"mappings":"2NA+CO,MAAMA,EAAeC,EAC1B,CACE,CAAE,MAAAC,EAAO,MAAAC,EAAO,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,gBAAAC,EAAiB,KAAAC,EAAO,EAAG,iBAAAC,EAAkB,SAAAC,EAAU,WAAAC,EAAY,GAAGC,CAAA,EAClHC,IACG,CACH,MAAMC,EAAKC,EAAA,EAEL,CAAE,SAAUC,EAAkB,GAAGC,CAAA,EAAiBR,GAAoB,CAAA,EAEtES,EAAiBC,GAAkD,CACnET,KAAmBS,CAAK,EACxBH,KAAmCG,CAAK,CAC9C,EAEA,OACEC,EAAC,MAAA,CACC,UAAWC,EACT,iGACA,6CACA,+BACA,oEACA,CACE,2BAA4BjB,CAAA,EAE9BE,GAAA,YAAAA,EAAS,SAAA,EAEX,UAAQ,gBAER,SAAA,CAAAc,EAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAE,EAAC,QAAA,CACC,QAASR,EACT,UAAWO,EACT,0CACA,wCACA,CACE,sBAAuBhB,CAAA,EAEzBC,GAAA,YAAAA,EAAS,KAAA,EAGV,SAAAJ,CAAA,CAAA,EAEHoB,EAAC,WAAA,CACE,GAAGV,EACH,GAAGK,EACJ,KAAAT,EACA,SAAAH,EACA,MAAOF,GAAS,GAChB,IAAAU,EACA,GAAAC,EACA,SAAUI,EACV,UAAWG,EACT,yFACA,gFACA,CACE,kCAAmChB,CAAA,EAErCC,GAAA,YAAAA,EAAS,QAAA,EAEX,gBAAeK,GAAA,YAAAA,EAAY,QAAA,CAAA,CAC7B,EACF,EACCJ,GAAmBe,EAACC,EAAA,CAAiB,GAAGhB,CAAA,CAAiB,CAAA,CAAA,CAAA,CAGhE,CACF,EACAP,EAAa,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";import{UploaderFile as f}from"./UploaderFile.js";import{cn as c}from"../../../../../utils/cn.js";import{TypeGuards as n}from"../../../../../utils/typeGuards.js";import"react";const F=({files:r=[],filesStatus:
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import{UploaderFile as f}from"./UploaderFile.js";import{cn as c}from"../../../../../utils/cn.js";import{TypeGuards as n}from"../../../../../utils/typeGuards.js";import"react";const F=({files:r=[],filesStatus:e,classes:s,removeFile:t})=>{const p=n.isArrayEmpty(r),{root:i,file:m}=s||{};return p?null:o("ul",{"data-id":"file-list",className:c("flex max-w-[476px] flex-col gap-1 px-1",i),children:r.map((a,l)=>o(f,{file:a,index:l,filesStatus:e,removeFile:t,classes:m},l))})};export{F as UploaderFiles};
|
|
2
2
|
//# sourceMappingURL=UploaderFiles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploaderFiles.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFiles.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { UploaderFile, type UploaderFileClasses } from '$/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFile'\nimport { cn, TypeGuards } from '$/shared/utils'\n\nexport type UploaderFilesClasses = {\n root?: string\n file?: UploaderFileClasses\n}\n\ninterface UploaderFilesProps extends HTMLAttributes<HTMLDivElement> {\n files?: File[]\n filesStatus: {\n [key: string]: 'loading' | 'success' | 'error'\n }\n removeFile: (index: number) => void\n classes?: UploaderFilesClasses\n}\n\nexport const UploaderFiles = ({ files = [], filesStatus, classes, removeFile }: UploaderFilesProps) => {\n const filesEmpty = TypeGuards.isArrayEmpty(files)\n\n const { root, file: fileClasses } = classes || {}\n\n if (!filesEmpty) {\n return (\n <ul data-
|
|
1
|
+
{"version":3,"file":"UploaderFiles.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFiles.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { UploaderFile, type UploaderFileClasses } from '$/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFile'\nimport { cn, TypeGuards } from '$/shared/utils'\n\nexport type UploaderFilesClasses = {\n root?: string\n file?: UploaderFileClasses\n}\n\ninterface UploaderFilesProps extends HTMLAttributes<HTMLDivElement> {\n files?: File[]\n filesStatus: {\n [key: string]: 'loading' | 'success' | 'error'\n }\n removeFile: (index: number) => void\n classes?: UploaderFilesClasses\n}\n\nexport const UploaderFiles = ({ files = [], filesStatus, classes, removeFile }: UploaderFilesProps) => {\n const filesEmpty = TypeGuards.isArrayEmpty(files)\n\n const { root, file: fileClasses } = classes || {}\n\n if (!filesEmpty) {\n return (\n <ul data-id='file-list' className={cn('flex max-w-[476px] flex-col gap-1 px-1', root)}>\n {files.map((file, index) => (\n <UploaderFile\n key={index}\n file={file}\n index={index}\n filesStatus={filesStatus}\n removeFile={removeFile}\n classes={fileClasses}\n />\n ))}\n </ul>\n )\n }\n\n return null\n}\n"],"names":["UploaderFiles","files","filesStatus","classes","removeFile","filesEmpty","TypeGuards","root","fileClasses","jsx","cn","file","index","UploaderFile"],"mappings":"uNAkBO,MAAMA,EAAgB,CAAC,CAAE,MAAAC,EAAQ,CAAA,EAAI,YAAAC,EAAa,QAAAC,EAAS,WAAAC,KAAqC,CACrG,MAAMC,EAAaC,EAAW,aAAaL,CAAK,EAE1C,CAAE,KAAAM,EAAM,KAAMC,CAAA,EAAgBL,GAAW,CAAA,EAE/C,OAAKE,EAiBE,KAfHI,EAAC,KAAA,CAAG,UAAQ,YAAY,UAAWC,EAAG,yCAA0CH,CAAI,EACjF,SAAAN,EAAM,IAAI,CAACU,EAAMC,IAChBH,EAACI,EAAA,CAEC,KAAAF,EACA,MAAAC,EACA,YAAAV,EACA,WAAAE,EACA,QAASI,CAAA,EALJI,CAAA,CAOR,EACH,CAKN"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as e,jsx as p}from"react/jsx-runtime";import{forwardRef as v}from"react";import{Icon as h}from"../../../../icon/Icon.js";import{cn as o}from"../../../../../utils/cn.js";const l=v(({dropzoneState:i,classes:r,disabled:d,invalid:n,name:m,externalHandlers:t,...b},u)=>{const f=i.getRootProps();return e("div",{className:o("flex h-[64px] w-[476px] rounded-sm","active:border-1 active:border-solid active:border-primary-hover active:bg-color-primary-tr-pressed","focus-visible:border-1 focus-visible:border-solid focus-visible:border-primary-hover focus-visible:bg-color-primary-tr-hover focus-visible:outline-none","hover:border-1 hover:border-solid hover:border-primary-hover hover:bg-color-primary-tr-hover","border-[1.5px] border-dashed border-blue-grey-700",r==null?void 0:r.root,{"bg-color-primary-light-default opacity-50":d},{"border-negative":n}),ref:u,...f,children:[e("div",{className:o("flex h-full w-full items-center justify-center gap-2",r==null?void 0:r.textContainer),children:[p(h,{name:"files/upload",className:o("text-icon-primary-default",r==null?void 0:r.icon)}),e("p",{className:o("desk-body-regular-l select-none text-icon-primary-default",r==null?void 0:r.textContent),children:["Выберите файл",p("span",{className:o("text-icon-blue-grey-600",r==null?void 0:r.textContentSpan),children:" или перетащите сюда"})]})]}),p("input",{...b,...i.getInputProps(),onClick:t==null?void 0:t.onClick,name:m,ref:i.inputRef,disabled:d,className:o(r==null?void 0:r.input),"data-
|
|
1
|
+
import{jsxs as e,jsx as p}from"react/jsx-runtime";import{forwardRef as v}from"react";import{Icon as h}from"../../../../icon/Icon.js";import{cn as o}from"../../../../../utils/cn.js";const l=v(({dropzoneState:i,classes:r,disabled:d,invalid:n,name:m,externalHandlers:t,...b},u)=>{const f=i.getRootProps();return e("div",{className:o("flex h-[64px] w-[476px] rounded-sm","active:border-1 active:border-solid active:border-primary-hover active:bg-color-primary-tr-pressed","focus-visible:border-1 focus-visible:border-solid focus-visible:border-primary-hover focus-visible:bg-color-primary-tr-hover focus-visible:outline-none","hover:border-1 hover:border-solid hover:border-primary-hover hover:bg-color-primary-tr-hover","border-[1.5px] border-dashed border-blue-grey-700",r==null?void 0:r.root,{"bg-color-primary-light-default opacity-50":d},{"border-negative":n}),ref:u,...f,children:[e("div",{className:o("flex h-full w-full items-center justify-center gap-2",r==null?void 0:r.textContainer),children:[p(h,{name:"files/upload",className:o("text-icon-primary-default",r==null?void 0:r.icon)}),e("p",{className:o("desk-body-regular-l select-none text-icon-primary-default",r==null?void 0:r.textContent),children:["Выберите файл",p("span",{className:o("text-icon-blue-grey-600",r==null?void 0:r.textContentSpan),children:" или перетащите сюда"})]})]}),p("input",{...b,...i.getInputProps(),onClick:t==null?void 0:t.onClick,name:m,ref:i.inputRef,disabled:d,className:o(r==null?void 0:r.input),"data-id":"uploader"})]})});export{l as UploaderInput};
|
|
2
2
|
//# sourceMappingURL=UploaderInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploaderInput.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderInput.tsx"],"sourcesContent":["import { forwardRef, type Ref } from 'react'\nimport { type DropzoneRootProps } from 'react-dropzone'\nimport { type ExternalHandlers } from '../UploaderBase'\nimport { Icon } from '$/shared/ui/icon'\nimport { cn } from '$/shared/utils'\n\nexport type UploaderInputClasses = {\n root?: string\n input?: string\n textContainer?: string\n icon?: string\n textContent?: string\n textContentSpan?: string\n}\n\nexport interface UploaderInputProps {\n dropzoneState: DropzoneRootProps\n disabled?: boolean\n invalid?: boolean\n classes?: UploaderInputClasses\n name?: string\n externalHandlers?: ExternalHandlers\n}\n\nexport const UploaderInput = forwardRef(\n (\n { dropzoneState, classes, disabled, invalid, name, externalHandlers, ...props }: UploaderInputProps,\n ref: Ref<HTMLDivElement>\n ) => {\n const dropzoneProps = dropzoneState.getRootProps()\n return (\n <div\n className={cn(\n 'flex h-[64px] w-[476px] rounded-sm',\n 'active:border-1 active:border-solid active:border-primary-hover active:bg-color-primary-tr-pressed',\n 'focus-visible:border-1 focus-visible:border-solid focus-visible:border-primary-hover focus-visible:bg-color-primary-tr-hover focus-visible:outline-none',\n 'hover:border-1 hover:border-solid hover:border-primary-hover hover:bg-color-primary-tr-hover',\n 'border-[1.5px] border-dashed border-blue-grey-700',\n classes?.root,\n { 'bg-color-primary-light-default opacity-50': disabled },\n { 'border-negative': invalid }\n )}\n ref={ref}\n {...dropzoneProps}\n >\n <div className={cn('flex h-full w-full items-center justify-center gap-2', classes?.textContainer)}>\n <Icon name='files/upload' className={cn('text-icon-primary-default', classes?.icon)} />\n <p className={cn('desk-body-regular-l select-none text-icon-primary-default', classes?.textContent)}>\n Выберите файл\n <span className={cn('text-icon-blue-grey-600', classes?.textContentSpan)}> или перетащите сюда</span>\n </p>\n </div>\n <input\n {...props}\n {...dropzoneState.getInputProps()}\n onClick={externalHandlers?.onClick}\n name={name}\n ref={dropzoneState.inputRef}\n disabled={disabled}\n className={cn(classes?.input)}\n data-
|
|
1
|
+
{"version":3,"file":"UploaderInput.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderInput.tsx"],"sourcesContent":["import { forwardRef, type Ref } from 'react'\nimport { type DropzoneRootProps } from 'react-dropzone'\nimport { type ExternalHandlers } from '../UploaderBase'\nimport { Icon } from '$/shared/ui/icon'\nimport { cn } from '$/shared/utils'\n\nexport type UploaderInputClasses = {\n root?: string\n input?: string\n textContainer?: string\n icon?: string\n textContent?: string\n textContentSpan?: string\n}\n\nexport interface UploaderInputProps {\n dropzoneState: DropzoneRootProps\n disabled?: boolean\n invalid?: boolean\n classes?: UploaderInputClasses\n name?: string\n externalHandlers?: ExternalHandlers\n}\n\nexport const UploaderInput = forwardRef(\n (\n { dropzoneState, classes, disabled, invalid, name, externalHandlers, ...props }: UploaderInputProps,\n ref: Ref<HTMLDivElement>\n ) => {\n const dropzoneProps = dropzoneState.getRootProps()\n return (\n <div\n className={cn(\n 'flex h-[64px] w-[476px] rounded-sm',\n 'active:border-1 active:border-solid active:border-primary-hover active:bg-color-primary-tr-pressed',\n 'focus-visible:border-1 focus-visible:border-solid focus-visible:border-primary-hover focus-visible:bg-color-primary-tr-hover focus-visible:outline-none',\n 'hover:border-1 hover:border-solid hover:border-primary-hover hover:bg-color-primary-tr-hover',\n 'border-[1.5px] border-dashed border-blue-grey-700',\n classes?.root,\n { 'bg-color-primary-light-default opacity-50': disabled },\n { 'border-negative': invalid }\n )}\n ref={ref}\n {...dropzoneProps}\n >\n <div className={cn('flex h-full w-full items-center justify-center gap-2', classes?.textContainer)}>\n <Icon name='files/upload' className={cn('text-icon-primary-default', classes?.icon)} />\n <p className={cn('desk-body-regular-l select-none text-icon-primary-default', classes?.textContent)}>\n Выберите файл\n <span className={cn('text-icon-blue-grey-600', classes?.textContentSpan)}> или перетащите сюда</span>\n </p>\n </div>\n <input\n {...props}\n {...dropzoneState.getInputProps()}\n onClick={externalHandlers?.onClick}\n name={name}\n ref={dropzoneState.inputRef}\n disabled={disabled}\n className={cn(classes?.input)}\n data-id='uploader'\n />\n </div>\n )\n }\n)\n"],"names":["UploaderInput","forwardRef","dropzoneState","classes","disabled","invalid","name","externalHandlers","props","ref","dropzoneProps","jsxs","cn","jsx","Icon"],"mappings":"qLAwBO,MAAMA,EAAgBC,EAC3B,CACE,CAAE,cAAAC,EAAe,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,KAAAC,EAAM,iBAAAC,EAAkB,GAAGC,CAAA,EACxEC,IACG,CACH,MAAMC,EAAgBR,EAAc,aAAA,EACpC,OACES,EAAC,MAAA,CACC,UAAWC,EACT,qCACA,qGACA,0JACA,+FACA,oDACAT,GAAA,YAAAA,EAAS,KACT,CAAE,4CAA6CC,CAAA,EAC/C,CAAE,kBAAmBC,CAAA,CAAQ,EAE/B,IAAAI,EACC,GAAGC,EAEJ,SAAA,CAAAC,EAAC,OAAI,UAAWC,EAAG,uDAAwDT,GAAA,YAAAA,EAAS,aAAa,EAC/F,SAAA,CAAAU,EAACC,EAAA,CAAK,KAAK,eAAe,UAAWF,EAAG,4BAA6BT,GAAA,YAAAA,EAAS,IAAI,EAAG,IACpF,IAAA,CAAE,UAAWS,EAAG,4DAA6DT,GAAA,YAAAA,EAAS,WAAW,EAAG,SAAA,CAAA,gBAEnGU,EAAC,QAAK,UAAWD,EAAG,0BAA2BT,GAAA,YAAAA,EAAS,eAAe,EAAG,SAAA,sBAAA,CAAoB,CAAA,CAAA,CAChG,CAAA,EACF,EACAU,EAAC,QAAA,CACE,GAAGL,EACH,GAAGN,EAAc,cAAA,EAClB,QAASK,GAAA,YAAAA,EAAkB,QAC3B,KAAAD,EACA,IAAKJ,EAAc,SACnB,SAAAE,EACA,UAAWQ,EAAGT,GAAA,YAAAA,EAAS,KAAK,EAC5B,UAAQ,UAAA,CAAA,CACV,CAAA,CAAA,CAGN,CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e={group:{status:["status/badSmile","status/iconMark","status/iconRetry","status/iconUser","status/succesCircle"],social:["social/classmates","social/telegram","social/vk"],media:["media/desktop","media/mobile"],logos:["logos/beeline","logos/megafon","logos/mts"],info:["info/helpCircle","info/warningCircle"],general:["general/calendar","general/check","general/close","general/edit","general/heart","general/hiddenEye","general/loginFilled","general/menu","general/optionsHorizontal","general/optionsVertical","general/plus","general/reorder","general/search","general/shield","general/showEye"],files:["files/border","files/borderError","files/documentFilled","files/documentOutline","files/fileMultiple","files/upload"],editor:["editor/bold","editor/fonts","editor/heading","editor/italic","editor/link","editor/list","editor/palette","editor/redo","editor/removeFormatting","editor/space","editor/strikethrough","editor/typography","editor/underline","editor/undo"],communication:["communication/phone"],brandLogos:["brandLogos/logoBlack","brandLogos/logoBusiness","brandLogos/logoGray","brandLogos/logoInsurance","brandLogos/logoMain","brandLogos/logoWhite"],arrows:["arrows/arrowCircle","arrows/arrowDownRight","arrows/arrowLink","arrows/arrowRight","arrows/arrowRotate","arrows/arrowScroll"]},flatten:["status/badSmile","status/iconMark","status/iconRetry","status/iconUser","status/succesCircle","social/classmates","social/telegram","social/vk","media/desktop","media/mobile","logos/beeline","logos/megafon","logos/mts","info/helpCircle","info/warningCircle","general/calendar","general/check","general/close","general/edit","general/heart","general/hiddenEye","general/loginFilled","general/menu","general/optionsHorizontal","general/optionsVertical","general/plus","general/reorder","general/search","general/shield","general/showEye","files/border","files/borderError","files/documentFilled","files/documentOutline","files/fileMultiple","files/upload","editor/bold","editor/fonts","editor/heading","editor/italic","editor/link","editor/list","editor/palette","editor/redo","editor/removeFormatting","editor/space","editor/strikethrough","editor/typography","editor/underline","editor/undo","communication/phone","brandLogos/logoBlack","brandLogos/logoBusiness","brandLogos/logoGray","brandLogos/logoInsurance","brandLogos/logoMain","brandLogos/logoWhite","arrows/arrowCircle","arrows/arrowDownRight","arrows/arrowLink","arrows/arrowRight","arrows/arrowRotate","arrows/arrowScroll"]};export{e as allowedIcons};
|
|
1
|
+
const e={group:{status:["status/badSmile","status/iconMark","status/iconRetry","status/iconUser","status/succesCircle"],social:["social/classmates","social/telegram","social/vk"],media:["media/desktop","media/mobile"],logos:["logos/beeline","logos/megafon","logos/mts"],info:["info/helpCircle","info/warningCircle"],general:["general/calendar","general/check","general/close","general/edit","general/heart","general/hiddenEye","general/loginFilled","general/menu","general/optionsHorizontal","general/optionsVertical","general/plus","general/reorder","general/search","general/shield","general/showEye"],files:["files/border","files/borderError","files/documentFilled","files/documentOutline","files/fileMultiple","files/upload"],editor:["editor/bold","editor/fonts","editor/heading","editor/italic","editor/link","editor/list","editor/nbsp","editor/palette","editor/redo","editor/removeFormatting","editor/space","editor/strikethrough","editor/typography","editor/underline","editor/undo"],communication:["communication/phone"],brandLogos:["brandLogos/logoBlack","brandLogos/logoBusiness","brandLogos/logoGray","brandLogos/logoInsurance","brandLogos/logoMain","brandLogos/logoWhite"],arrows:["arrows/arrowCircle","arrows/arrowDownRight","arrows/arrowLink","arrows/arrowRight","arrows/arrowRotate","arrows/arrowScroll"]},flatten:["status/badSmile","status/iconMark","status/iconRetry","status/iconUser","status/succesCircle","social/classmates","social/telegram","social/vk","media/desktop","media/mobile","logos/beeline","logos/megafon","logos/mts","info/helpCircle","info/warningCircle","general/calendar","general/check","general/close","general/edit","general/heart","general/hiddenEye","general/loginFilled","general/menu","general/optionsHorizontal","general/optionsVertical","general/plus","general/reorder","general/search","general/shield","general/showEye","files/border","files/borderError","files/documentFilled","files/documentOutline","files/fileMultiple","files/upload","editor/bold","editor/fonts","editor/heading","editor/italic","editor/link","editor/list","editor/nbsp","editor/palette","editor/redo","editor/removeFormatting","editor/space","editor/strikethrough","editor/typography","editor/underline","editor/undo","communication/phone","brandLogos/logoBlack","brandLogos/logoBusiness","brandLogos/logoGray","brandLogos/logoInsurance","brandLogos/logoMain","brandLogos/logoWhite","arrows/arrowCircle","arrows/arrowDownRight","arrows/arrowLink","arrows/arrowRight","arrows/arrowRotate","arrows/arrowScroll"]};export{e as allowedIcons};
|
|
2
2
|
//# sourceMappingURL=allowedIcons.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allowedIcons.js","sources":["../../../../../lib/shared/ui/icon/allowedIcons.ts"],"sourcesContent":["export type AllowedIcons = (typeof allowedIcons.flatten)[number]\n\nexport type AllowedIconsGroup<T extends keyof typeof allowedIcons.group> = (typeof allowedIcons.group)[T][number]\n\nexport const allowedIcons = {\n group: {\n status: ['status/badSmile', 'status/iconMark', 'status/iconRetry', 'status/iconUser', 'status/succesCircle'],\n social: ['social/classmates', 'social/telegram', 'social/vk'],\n media: ['media/desktop', 'media/mobile'],\n logos: ['logos/beeline', 'logos/megafon', 'logos/mts'],\n info: ['info/helpCircle', 'info/warningCircle'],\n general: [\n 'general/calendar',\n 'general/check',\n 'general/close',\n 'general/edit',\n 'general/heart',\n 'general/hiddenEye',\n 'general/loginFilled',\n 'general/menu',\n 'general/optionsHorizontal',\n 'general/optionsVertical',\n 'general/plus',\n 'general/reorder',\n 'general/search',\n 'general/shield',\n 'general/showEye'\n ],\n files: [\n 'files/border',\n 'files/borderError',\n 'files/documentFilled',\n 'files/documentOutline',\n 'files/fileMultiple',\n 'files/upload'\n ],\n editor: [\n 'editor/bold',\n 'editor/fonts',\n 'editor/heading',\n 'editor/italic',\n 'editor/link',\n 'editor/list',\n 'editor/palette',\n 'editor/redo',\n 'editor/removeFormatting',\n 'editor/space',\n 'editor/strikethrough',\n 'editor/typography',\n 'editor/underline',\n 'editor/undo'\n ],\n communication: ['communication/phone'],\n brandLogos: [\n 'brandLogos/logoBlack',\n 'brandLogos/logoBusiness',\n 'brandLogos/logoGray',\n 'brandLogos/logoInsurance',\n 'brandLogos/logoMain',\n 'brandLogos/logoWhite'\n ],\n arrows: [\n 'arrows/arrowCircle',\n 'arrows/arrowDownRight',\n 'arrows/arrowLink',\n 'arrows/arrowRight',\n 'arrows/arrowRotate',\n 'arrows/arrowScroll'\n ]\n },\n flatten: [\n 'status/badSmile',\n 'status/iconMark',\n 'status/iconRetry',\n 'status/iconUser',\n 'status/succesCircle',\n 'social/classmates',\n 'social/telegram',\n 'social/vk',\n 'media/desktop',\n 'media/mobile',\n 'logos/beeline',\n 'logos/megafon',\n 'logos/mts',\n 'info/helpCircle',\n 'info/warningCircle',\n 'general/calendar',\n 'general/check',\n 'general/close',\n 'general/edit',\n 'general/heart',\n 'general/hiddenEye',\n 'general/loginFilled',\n 'general/menu',\n 'general/optionsHorizontal',\n 'general/optionsVertical',\n 'general/plus',\n 'general/reorder',\n 'general/search',\n 'general/shield',\n 'general/showEye',\n 'files/border',\n 'files/borderError',\n 'files/documentFilled',\n 'files/documentOutline',\n 'files/fileMultiple',\n 'files/upload',\n 'editor/bold',\n 'editor/fonts',\n 'editor/heading',\n 'editor/italic',\n 'editor/link',\n 'editor/list',\n 'editor/palette',\n 'editor/redo',\n 'editor/removeFormatting',\n 'editor/space',\n 'editor/strikethrough',\n 'editor/typography',\n 'editor/underline',\n 'editor/undo',\n 'communication/phone',\n 'brandLogos/logoBlack',\n 'brandLogos/logoBusiness',\n 'brandLogos/logoGray',\n 'brandLogos/logoInsurance',\n 'brandLogos/logoMain',\n 'brandLogos/logoWhite',\n 'arrows/arrowCircle',\n 'arrows/arrowDownRight',\n 'arrows/arrowLink',\n 'arrows/arrowRight',\n 'arrows/arrowRotate',\n 'arrows/arrowScroll'\n ]\n} as const\n"],"names":["allowedIcons"],"mappings":"AAIO,MAAMA,EAAe,CAC1B,MAAO,CACL,OAAQ,CAAC,kBAAmB,kBAAmB,mBAAoB,kBAAmB,qBAAqB,EAC3G,OAAQ,CAAC,oBAAqB,kBAAmB,WAAW,EAC5D,MAAO,CAAC,gBAAiB,cAAc,EACvC,MAAO,CAAC,gBAAiB,gBAAiB,WAAW,EACrD,KAAM,CAAC,kBAAmB,oBAAoB,EAC9C,QAAS,CACP,mBACA,gBACA,gBACA,eACA,gBACA,oBACA,sBACA,eACA,4BACA,0BACA,eACA,kBACA,iBACA,iBACA,iBAAA,EAEF,MAAO,CACL,eACA,oBACA,uBACA,wBACA,qBACA,cAAA,EAEF,OAAQ,CACN,cACA,eACA,iBACA,gBACA,cACA,cACA,iBACA,cACA,0BACA,eACA,uBACA,oBACA,mBACA,aAAA,EAEF,cAAe,CAAC,qBAAqB,EACrC,WAAY,CACV,uBACA,0BACA,sBACA,2BACA,sBACA,sBAAA,EAEF,OAAQ,CACN,qBACA,wBACA,mBACA,oBACA,qBACA,oBAAA,CACF,EAEF,QAAS,CACP,kBACA,kBACA,mBACA,kBACA,sBACA,oBACA,kBACA,YACA,gBACA,eACA,gBACA,gBACA,YACA,kBACA,qBACA,mBACA,gBACA,gBACA,eACA,gBACA,oBACA,sBACA,eACA,4BACA,0BACA,eACA,kBACA,iBACA,iBACA,kBACA,eACA,oBACA,uBACA,wBACA,qBACA,eACA,cACA,eACA,iBACA,gBACA,cACA,cACA,iBACA,cACA,0BACA,eACA,uBACA,oBACA,mBACA,cACA,sBACA,uBACA,0BACA,sBACA,2BACA,sBACA,uBACA,qBACA,wBACA,mBACA,oBACA,qBACA,oBAAA,CAEJ"}
|
|
1
|
+
{"version":3,"file":"allowedIcons.js","sources":["../../../../../lib/shared/ui/icon/allowedIcons.ts"],"sourcesContent":["export type AllowedIcons = (typeof allowedIcons.flatten)[number]\n\nexport type AllowedIconsGroup<T extends keyof typeof allowedIcons.group> = (typeof allowedIcons.group)[T][number]\n\nexport const allowedIcons = {\n group: {\n status: ['status/badSmile', 'status/iconMark', 'status/iconRetry', 'status/iconUser', 'status/succesCircle'],\n social: ['social/classmates', 'social/telegram', 'social/vk'],\n media: ['media/desktop', 'media/mobile'],\n logos: ['logos/beeline', 'logos/megafon', 'logos/mts'],\n info: ['info/helpCircle', 'info/warningCircle'],\n general: [\n 'general/calendar',\n 'general/check',\n 'general/close',\n 'general/edit',\n 'general/heart',\n 'general/hiddenEye',\n 'general/loginFilled',\n 'general/menu',\n 'general/optionsHorizontal',\n 'general/optionsVertical',\n 'general/plus',\n 'general/reorder',\n 'general/search',\n 'general/shield',\n 'general/showEye'\n ],\n files: [\n 'files/border',\n 'files/borderError',\n 'files/documentFilled',\n 'files/documentOutline',\n 'files/fileMultiple',\n 'files/upload'\n ],\n editor: [\n 'editor/bold',\n 'editor/fonts',\n 'editor/heading',\n 'editor/italic',\n 'editor/link',\n 'editor/list',\n 'editor/nbsp',\n 'editor/palette',\n 'editor/redo',\n 'editor/removeFormatting',\n 'editor/space',\n 'editor/strikethrough',\n 'editor/typography',\n 'editor/underline',\n 'editor/undo'\n ],\n communication: ['communication/phone'],\n brandLogos: [\n 'brandLogos/logoBlack',\n 'brandLogos/logoBusiness',\n 'brandLogos/logoGray',\n 'brandLogos/logoInsurance',\n 'brandLogos/logoMain',\n 'brandLogos/logoWhite'\n ],\n arrows: [\n 'arrows/arrowCircle',\n 'arrows/arrowDownRight',\n 'arrows/arrowLink',\n 'arrows/arrowRight',\n 'arrows/arrowRotate',\n 'arrows/arrowScroll'\n ]\n },\n flatten: [\n 'status/badSmile',\n 'status/iconMark',\n 'status/iconRetry',\n 'status/iconUser',\n 'status/succesCircle',\n 'social/classmates',\n 'social/telegram',\n 'social/vk',\n 'media/desktop',\n 'media/mobile',\n 'logos/beeline',\n 'logos/megafon',\n 'logos/mts',\n 'info/helpCircle',\n 'info/warningCircle',\n 'general/calendar',\n 'general/check',\n 'general/close',\n 'general/edit',\n 'general/heart',\n 'general/hiddenEye',\n 'general/loginFilled',\n 'general/menu',\n 'general/optionsHorizontal',\n 'general/optionsVertical',\n 'general/plus',\n 'general/reorder',\n 'general/search',\n 'general/shield',\n 'general/showEye',\n 'files/border',\n 'files/borderError',\n 'files/documentFilled',\n 'files/documentOutline',\n 'files/fileMultiple',\n 'files/upload',\n 'editor/bold',\n 'editor/fonts',\n 'editor/heading',\n 'editor/italic',\n 'editor/link',\n 'editor/list',\n 'editor/nbsp',\n 'editor/palette',\n 'editor/redo',\n 'editor/removeFormatting',\n 'editor/space',\n 'editor/strikethrough',\n 'editor/typography',\n 'editor/underline',\n 'editor/undo',\n 'communication/phone',\n 'brandLogos/logoBlack',\n 'brandLogos/logoBusiness',\n 'brandLogos/logoGray',\n 'brandLogos/logoInsurance',\n 'brandLogos/logoMain',\n 'brandLogos/logoWhite',\n 'arrows/arrowCircle',\n 'arrows/arrowDownRight',\n 'arrows/arrowLink',\n 'arrows/arrowRight',\n 'arrows/arrowRotate',\n 'arrows/arrowScroll'\n ]\n} as const\n"],"names":["allowedIcons"],"mappings":"AAIO,MAAMA,EAAe,CAC1B,MAAO,CACL,OAAQ,CAAC,kBAAmB,kBAAmB,mBAAoB,kBAAmB,qBAAqB,EAC3G,OAAQ,CAAC,oBAAqB,kBAAmB,WAAW,EAC5D,MAAO,CAAC,gBAAiB,cAAc,EACvC,MAAO,CAAC,gBAAiB,gBAAiB,WAAW,EACrD,KAAM,CAAC,kBAAmB,oBAAoB,EAC9C,QAAS,CACP,mBACA,gBACA,gBACA,eACA,gBACA,oBACA,sBACA,eACA,4BACA,0BACA,eACA,kBACA,iBACA,iBACA,iBAAA,EAEF,MAAO,CACL,eACA,oBACA,uBACA,wBACA,qBACA,cAAA,EAEF,OAAQ,CACN,cACA,eACA,iBACA,gBACA,cACA,cACA,cACA,iBACA,cACA,0BACA,eACA,uBACA,oBACA,mBACA,aAAA,EAEF,cAAe,CAAC,qBAAqB,EACrC,WAAY,CACV,uBACA,0BACA,sBACA,2BACA,sBACA,sBAAA,EAEF,OAAQ,CACN,qBACA,wBACA,mBACA,oBACA,qBACA,oBAAA,CACF,EAEF,QAAS,CACP,kBACA,kBACA,mBACA,kBACA,sBACA,oBACA,kBACA,YACA,gBACA,eACA,gBACA,gBACA,YACA,kBACA,qBACA,mBACA,gBACA,gBACA,eACA,gBACA,oBACA,sBACA,eACA,4BACA,0BACA,eACA,kBACA,iBACA,iBACA,kBACA,eACA,oBACA,uBACA,wBACA,qBACA,eACA,cACA,eACA,iBACA,gBACA,cACA,cACA,cACA,iBACA,cACA,0BACA,eACA,uBACA,oBACA,mBACA,cACA,sBACA,uBACA,0BACA,sBACA,2BACA,sBACA,uBACA,qBACA,wBACA,mBACA,oBACA,qBACA,oBAAA,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import o from"../../../../static/status/badSmile.svg.js";import r from"../../../../static/status/iconMark.svg.js";import i from"../../../../static/status/iconRetry.svg.js";import e from"../../../../static/status/iconUser.svg.js";import m from"../../../../static/status/succesCircle.svg.js";import t from"../../../../static/social/classmates.svg.js";import g from"../../../../static/social/telegram.svg.js";import l from"../../../../static/social/vk.svg.js";import a from"../../../../static/media/desktop.svg.js";import n from"../../../../static/media/mobile.svg.js";import p from"../../../../static/logos/beeline.svg.js";import s from"../../../../static/logos/megafon.svg.js";import f from"../../../../static/logos/mts.svg.js";import S from"../../../../static/info/helpCircle.svg.js";import v from"../../../../static/info/warningCircle.svg.js";import d from"../../../../static/general/calendar.svg.js";import c from"../../../../static/general/check.svg.js";import u from"../../../../static/general/close.svg.js";import h from"../../../../static/general/edit.svg.js";import w from"../../../../static/general/heart.svg.js";import L from"../../../../static/general/hiddenEye.svg.js";import k from"../../../../static/general/loginFilled.svg.js";import b from"../../../../static/general/menu.svg.js";import y from"../../../../static/general/optionsHorizontal.svg.js";import C from"../../../../static/general/optionsVertical.svg.js";import M from"../../../../static/general/plus.svg.js";import R from"../../../../static/general/reorder.svg.js";import B from"../../../../static/general/search.svg.js";import F from"../../../../static/general/shield.svg.js";import E from"../../../../static/general/showEye.svg.js";import A from"../../../../static/files/border.svg.js";import H from"../../../../static/files/borderError.svg.js";import I from"../../../../static/files/documentFilled.svg.js";import D from"../../../../static/files/documentOutline.svg.js";import U from"../../../../static/files/fileMultiple.svg.js";import O from"../../../../static/files/upload.svg.js";import P from"../../../../static/editor/bold.svg.js";import V from"../../../../static/editor/fonts.svg.js";import W from"../../../../static/editor/heading.svg.js";import z from"../../../../static/editor/italic.svg.js";import G from"../../../../static/editor/link.svg.js";import T from"../../../../static/editor/list.svg.js";import x from"../../../../static/editor/palette.svg.js";import j from"../../../../static/editor/redo.svg.js";import q from"../../../../static/editor/removeFormatting.svg.js";import J from"../../../../static/editor/space.svg.js";import K from"../../../../static/editor/strikethrough.svg.js";import
|
|
1
|
+
import o from"../../../../static/status/badSmile.svg.js";import r from"../../../../static/status/iconMark.svg.js";import i from"../../../../static/status/iconRetry.svg.js";import e from"../../../../static/status/iconUser.svg.js";import m from"../../../../static/status/succesCircle.svg.js";import t from"../../../../static/social/classmates.svg.js";import g from"../../../../static/social/telegram.svg.js";import l from"../../../../static/social/vk.svg.js";import a from"../../../../static/media/desktop.svg.js";import n from"../../../../static/media/mobile.svg.js";import p from"../../../../static/logos/beeline.svg.js";import s from"../../../../static/logos/megafon.svg.js";import f from"../../../../static/logos/mts.svg.js";import S from"../../../../static/info/helpCircle.svg.js";import v from"../../../../static/info/warningCircle.svg.js";import d from"../../../../static/general/calendar.svg.js";import c from"../../../../static/general/check.svg.js";import u from"../../../../static/general/close.svg.js";import h from"../../../../static/general/edit.svg.js";import w from"../../../../static/general/heart.svg.js";import L from"../../../../static/general/hiddenEye.svg.js";import k from"../../../../static/general/loginFilled.svg.js";import b from"../../../../static/general/menu.svg.js";import y from"../../../../static/general/optionsHorizontal.svg.js";import C from"../../../../static/general/optionsVertical.svg.js";import M from"../../../../static/general/plus.svg.js";import R from"../../../../static/general/reorder.svg.js";import B from"../../../../static/general/search.svg.js";import F from"../../../../static/general/shield.svg.js";import E from"../../../../static/general/showEye.svg.js";import A from"../../../../static/files/border.svg.js";import H from"../../../../static/files/borderError.svg.js";import I from"../../../../static/files/documentFilled.svg.js";import D from"../../../../static/files/documentOutline.svg.js";import U from"../../../../static/files/fileMultiple.svg.js";import O from"../../../../static/files/upload.svg.js";import P from"../../../../static/editor/bold.svg.js";import V from"../../../../static/editor/fonts.svg.js";import W from"../../../../static/editor/heading.svg.js";import z from"../../../../static/editor/italic.svg.js";import G from"../../../../static/editor/link.svg.js";import T from"../../../../static/editor/list.svg.js";import x from"../../../../static/editor/nbsp.svg.js";import N from"../../../../static/editor/palette.svg.js";import j from"../../../../static/editor/redo.svg.js";import q from"../../../../static/editor/removeFormatting.svg.js";import J from"../../../../static/editor/space.svg.js";import K from"../../../../static/editor/strikethrough.svg.js";import Q from"../../../../static/editor/typography.svg.js";import X from"../../../../static/editor/underline.svg.js";import Y from"../../../../static/editor/undo.svg.js";import Z from"../../../../static/communication/phone.svg.js";import _ from"../../../../static/brandLogos/logoBlack.svg.js";import $ from"../../../../static/brandLogos/logoBusiness.svg.js";import oo from"../../../../static/brandLogos/logoGray.svg.js";import ro from"../../../../static/brandLogos/logoInsurance.svg.js";import io from"../../../../static/brandLogos/logoMain.svg.js";import eo from"../../../../static/brandLogos/logoWhite.svg.js";import mo from"../../../../static/arrows/arrowCircle.svg.js";import to from"../../../../static/arrows/arrowDownRight.svg.js";import go from"../../../../static/arrows/arrowLink.svg.js";import lo from"../../../../static/arrows/arrowRight.svg.js";import ao from"../../../../static/arrows/arrowRotate.svg.js";import no from"../../../../static/arrows/arrowScroll.svg.js";const kr={"status/badSmile":o,"status/iconMark":r,"status/iconRetry":i,"status/iconUser":e,"status/succesCircle":m,"social/classmates":t,"social/telegram":g,"social/vk":l,"media/desktop":a,"media/mobile":n,"logos/beeline":p,"logos/megafon":s,"logos/mts":f,"info/helpCircle":S,"info/warningCircle":v,"general/calendar":d,"general/check":c,"general/close":u,"general/edit":h,"general/heart":w,"general/hiddenEye":L,"general/loginFilled":k,"general/menu":b,"general/optionsHorizontal":y,"general/optionsVertical":C,"general/plus":M,"general/reorder":R,"general/search":B,"general/shield":F,"general/showEye":E,"files/border":A,"files/borderError":H,"files/documentFilled":I,"files/documentOutline":D,"files/fileMultiple":U,"files/upload":O,"editor/bold":P,"editor/fonts":V,"editor/heading":W,"editor/italic":z,"editor/link":G,"editor/list":T,"editor/nbsp":x,"editor/palette":N,"editor/redo":j,"editor/removeFormatting":q,"editor/space":J,"editor/strikethrough":K,"editor/typography":Q,"editor/underline":X,"editor/undo":Y,"communication/phone":Z,"brandLogos/logoBlack":_,"brandLogos/logoBusiness":$,"brandLogos/logoGray":oo,"brandLogos/logoInsurance":ro,"brandLogos/logoMain":io,"brandLogos/logoWhite":eo,"arrows/arrowCircle":mo,"arrows/arrowDownRight":to,"arrows/arrowLink":go,"arrows/arrowRight":lo,"arrows/arrowRotate":ao,"arrows/arrowScroll":no};export{kr as iconsMap};
|
|
2
2
|
//# sourceMappingURL=iconsMap.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"iconsMap.js","sources":["../../../../../lib/shared/ui/icon/iconsMap.ts"],"sourcesContent":["import Badsmile from '../../../../static/status/badSmile.svg?react'\nimport Iconmark from '../../../../static/status/iconMark.svg?react'\nimport Iconretry from '../../../../static/status/iconRetry.svg?react'\nimport Iconuser from '../../../../static/status/iconUser.svg?react'\nimport Succescircle from '../../../../static/status/succesCircle.svg?react'\nimport Classmates from '../../../../static/social/classmates.svg?react'\nimport Telegram from '../../../../static/social/telegram.svg?react'\nimport Vk from '../../../../static/social/vk.svg?react'\nimport Desktop from '../../../../static/media/desktop.svg?react'\nimport Mobile from '../../../../static/media/mobile.svg?react'\nimport Beeline from '../../../../static/logos/beeline.svg?react'\nimport Megafon from '../../../../static/logos/megafon.svg?react'\nimport Mts from '../../../../static/logos/mts.svg?react'\nimport Helpcircle from '../../../../static/info/helpCircle.svg?react'\nimport Warningcircle from '../../../../static/info/warningCircle.svg?react'\nimport Calendar from '../../../../static/general/calendar.svg?react'\nimport Check from '../../../../static/general/check.svg?react'\nimport Close from '../../../../static/general/close.svg?react'\nimport Edit from '../../../../static/general/edit.svg?react'\nimport Heart from '../../../../static/general/heart.svg?react'\nimport Hiddeneye from '../../../../static/general/hiddenEye.svg?react'\nimport Loginfilled from '../../../../static/general/loginFilled.svg?react'\nimport Menu from '../../../../static/general/menu.svg?react'\nimport Optionshorizontal from '../../../../static/general/optionsHorizontal.svg?react'\nimport Optionsvertical from '../../../../static/general/optionsVertical.svg?react'\nimport Plus from '../../../../static/general/plus.svg?react'\nimport Reorder from '../../../../static/general/reorder.svg?react'\nimport Search from '../../../../static/general/search.svg?react'\nimport Shield from '../../../../static/general/shield.svg?react'\nimport Showeye from '../../../../static/general/showEye.svg?react'\nimport Border from '../../../../static/files/border.svg?react'\nimport Bordererror from '../../../../static/files/borderError.svg?react'\nimport Documentfilled from '../../../../static/files/documentFilled.svg?react'\nimport Documentoutline from '../../../../static/files/documentOutline.svg?react'\nimport Filemultiple from '../../../../static/files/fileMultiple.svg?react'\nimport Upload from '../../../../static/files/upload.svg?react'\nimport Bold from '../../../../static/editor/bold.svg?react'\nimport Fonts from '../../../../static/editor/fonts.svg?react'\nimport Heading from '../../../../static/editor/heading.svg?react'\nimport Italic from '../../../../static/editor/italic.svg?react'\nimport Link from '../../../../static/editor/link.svg?react'\nimport List from '../../../../static/editor/list.svg?react'\nimport Palette from '../../../../static/editor/palette.svg?react'\nimport Redo from '../../../../static/editor/redo.svg?react'\nimport Removeformatting from '../../../../static/editor/removeFormatting.svg?react'\nimport Space from '../../../../static/editor/space.svg?react'\nimport Strikethrough from '../../../../static/editor/strikethrough.svg?react'\nimport Typography from '../../../../static/editor/typography.svg?react'\nimport Underline from '../../../../static/editor/underline.svg?react'\nimport Undo from '../../../../static/editor/undo.svg?react'\nimport Phone from '../../../../static/communication/phone.svg?react'\nimport Logoblack from '../../../../static/brandLogos/logoBlack.svg?react'\nimport Logobusiness from '../../../../static/brandLogos/logoBusiness.svg?react'\nimport Logogray from '../../../../static/brandLogos/logoGray.svg?react'\nimport Logoinsurance from '../../../../static/brandLogos/logoInsurance.svg?react'\nimport Logomain from '../../../../static/brandLogos/logoMain.svg?react'\nimport Logowhite from '../../../../static/brandLogos/logoWhite.svg?react'\nimport Arrowcircle from '../../../../static/arrows/arrowCircle.svg?react'\nimport Arrowdownright from '../../../../static/arrows/arrowDownRight.svg?react'\nimport Arrowlink from '../../../../static/arrows/arrowLink.svg?react'\nimport Arrowright from '../../../../static/arrows/arrowRight.svg?react'\nimport Arrowrotate from '../../../../static/arrows/arrowRotate.svg?react'\nimport Arrowscroll from '../../../../static/arrows/arrowScroll.svg?react'\n\nexport const iconsMap = {\n 'status/badSmile': Badsmile,\n 'status/iconMark': Iconmark,\n 'status/iconRetry': Iconretry,\n 'status/iconUser': Iconuser,\n 'status/succesCircle': Succescircle,\n 'social/classmates': Classmates,\n 'social/telegram': Telegram,\n 'social/vk': Vk,\n 'media/desktop': Desktop,\n 'media/mobile': Mobile,\n 'logos/beeline': Beeline,\n 'logos/megafon': Megafon,\n 'logos/mts': Mts,\n 'info/helpCircle': Helpcircle,\n 'info/warningCircle': Warningcircle,\n 'general/calendar': Calendar,\n 'general/check': Check,\n 'general/close': Close,\n 'general/edit': Edit,\n 'general/heart': Heart,\n 'general/hiddenEye': Hiddeneye,\n 'general/loginFilled': Loginfilled,\n 'general/menu': Menu,\n 'general/optionsHorizontal': Optionshorizontal,\n 'general/optionsVertical': Optionsvertical,\n 'general/plus': Plus,\n 'general/reorder': Reorder,\n 'general/search': Search,\n 'general/shield': Shield,\n 'general/showEye': Showeye,\n 'files/border': Border,\n 'files/borderError': Bordererror,\n 'files/documentFilled': Documentfilled,\n 'files/documentOutline': Documentoutline,\n 'files/fileMultiple': Filemultiple,\n 'files/upload': Upload,\n 'editor/bold': Bold,\n 'editor/fonts': Fonts,\n 'editor/heading': Heading,\n 'editor/italic': Italic,\n 'editor/link': Link,\n 'editor/list': List,\n 'editor/palette': Palette,\n 'editor/redo': Redo,\n 'editor/removeFormatting': Removeformatting,\n 'editor/space': Space,\n 'editor/strikethrough': Strikethrough,\n 'editor/typography': Typography,\n 'editor/underline': Underline,\n 'editor/undo': Undo,\n 'communication/phone': Phone,\n 'brandLogos/logoBlack': Logoblack,\n 'brandLogos/logoBusiness': Logobusiness,\n 'brandLogos/logoGray': Logogray,\n 'brandLogos/logoInsurance': Logoinsurance,\n 'brandLogos/logoMain': Logomain,\n 'brandLogos/logoWhite': Logowhite,\n 'arrows/arrowCircle': Arrowcircle,\n 'arrows/arrowDownRight': Arrowdownright,\n 'arrows/arrowLink': Arrowlink,\n 'arrows/arrowRight': Arrowright,\n 'arrows/arrowRotate': Arrowrotate,\n 'arrows/arrowScroll': Arrowscroll\n}\n"],"names":["iconsMap","Badsmile","Iconmark","Iconretry","Iconuser","Succescircle","Classmates","Telegram","Vk","Desktop","Mobile","Beeline","Megafon","Mts","Helpcircle","Warningcircle","Calendar","Check","Close","Edit","Heart","Hiddeneye","Loginfilled","Menu","Optionshorizontal","Optionsvertical","Plus","Reorder","Search","Shield","Showeye","Border","Bordererror","Documentfilled","Documentoutline","Filemultiple","Upload","Bold","Fonts","Heading","Italic","Link","List","Palette","Redo","Removeformatting","Space","Strikethrough","Typography","Underline","Undo","Phone","Logoblack","Logobusiness","Logogray","Logoinsurance","Logomain","Logowhite","Arrowcircle","Arrowdownright","Arrowlink","Arrowright","Arrowrotate","Arrowscroll"],"mappings":"
|
|
1
|
+
{"version":3,"file":"iconsMap.js","sources":["../../../../../lib/shared/ui/icon/iconsMap.ts"],"sourcesContent":["import Badsmile from '../../../../static/status/badSmile.svg?react'\nimport Iconmark from '../../../../static/status/iconMark.svg?react'\nimport Iconretry from '../../../../static/status/iconRetry.svg?react'\nimport Iconuser from '../../../../static/status/iconUser.svg?react'\nimport Succescircle from '../../../../static/status/succesCircle.svg?react'\nimport Classmates from '../../../../static/social/classmates.svg?react'\nimport Telegram from '../../../../static/social/telegram.svg?react'\nimport Vk from '../../../../static/social/vk.svg?react'\nimport Desktop from '../../../../static/media/desktop.svg?react'\nimport Mobile from '../../../../static/media/mobile.svg?react'\nimport Beeline from '../../../../static/logos/beeline.svg?react'\nimport Megafon from '../../../../static/logos/megafon.svg?react'\nimport Mts from '../../../../static/logos/mts.svg?react'\nimport Helpcircle from '../../../../static/info/helpCircle.svg?react'\nimport Warningcircle from '../../../../static/info/warningCircle.svg?react'\nimport Calendar from '../../../../static/general/calendar.svg?react'\nimport Check from '../../../../static/general/check.svg?react'\nimport Close from '../../../../static/general/close.svg?react'\nimport Edit from '../../../../static/general/edit.svg?react'\nimport Heart from '../../../../static/general/heart.svg?react'\nimport Hiddeneye from '../../../../static/general/hiddenEye.svg?react'\nimport Loginfilled from '../../../../static/general/loginFilled.svg?react'\nimport Menu from '../../../../static/general/menu.svg?react'\nimport Optionshorizontal from '../../../../static/general/optionsHorizontal.svg?react'\nimport Optionsvertical from '../../../../static/general/optionsVertical.svg?react'\nimport Plus from '../../../../static/general/plus.svg?react'\nimport Reorder from '../../../../static/general/reorder.svg?react'\nimport Search from '../../../../static/general/search.svg?react'\nimport Shield from '../../../../static/general/shield.svg?react'\nimport Showeye from '../../../../static/general/showEye.svg?react'\nimport Border from '../../../../static/files/border.svg?react'\nimport Bordererror from '../../../../static/files/borderError.svg?react'\nimport Documentfilled from '../../../../static/files/documentFilled.svg?react'\nimport Documentoutline from '../../../../static/files/documentOutline.svg?react'\nimport Filemultiple from '../../../../static/files/fileMultiple.svg?react'\nimport Upload from '../../../../static/files/upload.svg?react'\nimport Bold from '../../../../static/editor/bold.svg?react'\nimport Fonts from '../../../../static/editor/fonts.svg?react'\nimport Heading from '../../../../static/editor/heading.svg?react'\nimport Italic from '../../../../static/editor/italic.svg?react'\nimport Link from '../../../../static/editor/link.svg?react'\nimport List from '../../../../static/editor/list.svg?react'\nimport Nbsp from '../../../../static/editor/nbsp.svg?react'\nimport Palette from '../../../../static/editor/palette.svg?react'\nimport Redo from '../../../../static/editor/redo.svg?react'\nimport Removeformatting from '../../../../static/editor/removeFormatting.svg?react'\nimport Space from '../../../../static/editor/space.svg?react'\nimport Strikethrough from '../../../../static/editor/strikethrough.svg?react'\nimport Typography from '../../../../static/editor/typography.svg?react'\nimport Underline from '../../../../static/editor/underline.svg?react'\nimport Undo from '../../../../static/editor/undo.svg?react'\nimport Phone from '../../../../static/communication/phone.svg?react'\nimport Logoblack from '../../../../static/brandLogos/logoBlack.svg?react'\nimport Logobusiness from '../../../../static/brandLogos/logoBusiness.svg?react'\nimport Logogray from '../../../../static/brandLogos/logoGray.svg?react'\nimport Logoinsurance from '../../../../static/brandLogos/logoInsurance.svg?react'\nimport Logomain from '../../../../static/brandLogos/logoMain.svg?react'\nimport Logowhite from '../../../../static/brandLogos/logoWhite.svg?react'\nimport Arrowcircle from '../../../../static/arrows/arrowCircle.svg?react'\nimport Arrowdownright from '../../../../static/arrows/arrowDownRight.svg?react'\nimport Arrowlink from '../../../../static/arrows/arrowLink.svg?react'\nimport Arrowright from '../../../../static/arrows/arrowRight.svg?react'\nimport Arrowrotate from '../../../../static/arrows/arrowRotate.svg?react'\nimport Arrowscroll from '../../../../static/arrows/arrowScroll.svg?react'\n\nexport const iconsMap = {\n 'status/badSmile': Badsmile,\n 'status/iconMark': Iconmark,\n 'status/iconRetry': Iconretry,\n 'status/iconUser': Iconuser,\n 'status/succesCircle': Succescircle,\n 'social/classmates': Classmates,\n 'social/telegram': Telegram,\n 'social/vk': Vk,\n 'media/desktop': Desktop,\n 'media/mobile': Mobile,\n 'logos/beeline': Beeline,\n 'logos/megafon': Megafon,\n 'logos/mts': Mts,\n 'info/helpCircle': Helpcircle,\n 'info/warningCircle': Warningcircle,\n 'general/calendar': Calendar,\n 'general/check': Check,\n 'general/close': Close,\n 'general/edit': Edit,\n 'general/heart': Heart,\n 'general/hiddenEye': Hiddeneye,\n 'general/loginFilled': Loginfilled,\n 'general/menu': Menu,\n 'general/optionsHorizontal': Optionshorizontal,\n 'general/optionsVertical': Optionsvertical,\n 'general/plus': Plus,\n 'general/reorder': Reorder,\n 'general/search': Search,\n 'general/shield': Shield,\n 'general/showEye': Showeye,\n 'files/border': Border,\n 'files/borderError': Bordererror,\n 'files/documentFilled': Documentfilled,\n 'files/documentOutline': Documentoutline,\n 'files/fileMultiple': Filemultiple,\n 'files/upload': Upload,\n 'editor/bold': Bold,\n 'editor/fonts': Fonts,\n 'editor/heading': Heading,\n 'editor/italic': Italic,\n 'editor/link': Link,\n 'editor/list': List,\n 'editor/nbsp': Nbsp,\n 'editor/palette': Palette,\n 'editor/redo': Redo,\n 'editor/removeFormatting': Removeformatting,\n 'editor/space': Space,\n 'editor/strikethrough': Strikethrough,\n 'editor/typography': Typography,\n 'editor/underline': Underline,\n 'editor/undo': Undo,\n 'communication/phone': Phone,\n 'brandLogos/logoBlack': Logoblack,\n 'brandLogos/logoBusiness': Logobusiness,\n 'brandLogos/logoGray': Logogray,\n 'brandLogos/logoInsurance': Logoinsurance,\n 'brandLogos/logoMain': Logomain,\n 'brandLogos/logoWhite': Logowhite,\n 'arrows/arrowCircle': Arrowcircle,\n 'arrows/arrowDownRight': Arrowdownright,\n 'arrows/arrowLink': Arrowlink,\n 'arrows/arrowRight': Arrowright,\n 'arrows/arrowRotate': Arrowrotate,\n 'arrows/arrowScroll': Arrowscroll\n}\n"],"names":["iconsMap","Badsmile","Iconmark","Iconretry","Iconuser","Succescircle","Classmates","Telegram","Vk","Desktop","Mobile","Beeline","Megafon","Mts","Helpcircle","Warningcircle","Calendar","Check","Close","Edit","Heart","Hiddeneye","Loginfilled","Menu","Optionshorizontal","Optionsvertical","Plus","Reorder","Search","Shield","Showeye","Border","Bordererror","Documentfilled","Documentoutline","Filemultiple","Upload","Bold","Fonts","Heading","Italic","Link","List","Nbsp","Palette","Redo","Removeformatting","Space","Strikethrough","Typography","Underline","Undo","Phone","Logoblack","Logobusiness","Logogray","Logoinsurance","Logomain","Logowhite","Arrowcircle","Arrowdownright","Arrowlink","Arrowright","Arrowrotate","Arrowscroll"],"mappings":"wnHAiEO,MAAMA,GAAW,CACtB,kBAAmBC,EACnB,kBAAmBC,EACnB,mBAAoBC,EACpB,kBAAmBC,EACnB,sBAAuBC,EACvB,oBAAqBC,EACrB,kBAAmBC,EACnB,YAAaC,EACb,gBAAiBC,EACjB,eAAgBC,EAChB,gBAAiBC,EACjB,gBAAiBC,EACjB,YAAaC,EACb,kBAAmBC,EACnB,qBAAsBC,EACtB,mBAAoBC,EACpB,gBAAiBC,EACjB,gBAAiBC,EACjB,eAAgBC,EAChB,gBAAiBC,EACjB,oBAAqBC,EACrB,sBAAuBC,EACvB,eAAgBC,EAChB,4BAA6BC,EAC7B,0BAA2BC,EAC3B,eAAgBC,EAChB,kBAAmBC,EACnB,iBAAkBC,EAClB,iBAAkBC,EAClB,kBAAmBC,EACnB,eAAgBC,EAChB,oBAAqBC,EACrB,uBAAwBC,EACxB,wBAAyBC,EACzB,qBAAsBC,EACtB,eAAgBC,EAChB,cAAeC,EACf,eAAgBC,EAChB,iBAAkBC,EAClB,gBAAiBC,EACjB,cAAeC,EACf,cAAeC,EACf,cAAeC,EACf,iBAAkBC,EAClB,cAAeC,EACf,0BAA2BC,EAC3B,eAAgBC,EAChB,uBAAwBC,EACxB,oBAAqBC,EACrB,mBAAoBC,EACpB,cAAeC,EACf,sBAAuBC,EACvB,uBAAwBC,EACxB,0BAA2BC,EAC3B,sBAAuBC,GACvB,2BAA4BC,GAC5B,sBAAuBC,GACvB,uBAAwBC,GACxB,qBAAsBC,GACtB,wBAAyBC,GACzB,mBAAoBC,GACpB,oBAAqBC,GACrB,qBAAsBC,GACtB,qBAAsBC,EACxB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as t,jsxs as D,Fragment as M}from"react/jsx-runtime";import{useEffect as R,useRef as d}from"react";import{createPortal as y}from"react-dom";import{modalOverlayAnimation as N,modalContentAnimation as j}from"./model/helpers.js";import{IframeModalContent as k}from"./ui/IframeModalContent.js";import{ModalHeader as A}from"./ui/ModalHeader.js";import{cn as e}from"../../utils/cn.js";import{mergeRefs as C}from"../../utils/mergeRefs.js";import{AnimatePresence as E}from"../../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";import{motion as l}from"../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const q=({title:v,children:u,isModalOpen:n,isPortal:a=!0,portalContainer:h=(c=>(c=globalThis==null?void 0:globalThis.document)==null?void 0:c.body)(),closeModal:m,classes:o,iframe:w})=>{R(()=>(n&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow="visible"}),[n]);const x=d(null),i=d(null),f=d(!1),b=r=>{r.target===i.current&&(f.current=!0)},g=r=>{f.current&&r.target===i.current&&m(),f.current=!1},p=t(E,{children:n&&t(l.div,{ref:C(r=>r==null?void 0:r.focus(),i),tabIndex:-1,onMouseDown:b,onMouseUp:g,className:e("fixed inset-0 flex h-screen w-screen items-center justify-center bg-color-overlay",{"z-1000":!a},o==null?void 0:o.overlay),onKeyDown:r=>{r.key==="Escape"&&m()},"data-id":"modal-overlay",...N,children:D(l.div,{onMouseDown:r=>r.stopPropagation(),className:e("max-h-[90vh] w-full max-w-[600px] overflow-y-auto rounded-md bg-color-white px-4 py-6 shadow-sm desktop:px-6 desktop:py-8",o==null?void 0:o.modal),"data-id":"modal",...j,children:[t(A,{title:v,closeModal:m,classes:o==null?void 0:o.modalHeader}),w?t(k,{ref:x,className:e("mt-4",o==null?void 0:o.content),children:r=>y(u,r)}):t("div",{className:e("mt-4",o==null?void 0:o.content),children:u})]})})});return t(M,{children:a?y(p,h):p})};export{q as Modal};
|
|
2
2
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sources":["../../../../../lib/shared/ui/modal/Modal.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useEffect, useRef } from 'react' // useState больше не нужен\nimport { createPortal } from 'react-dom'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { modalContentAnimation, modalOverlayAnimation } from './model/helpers'\nimport { IframeModalContent } from './ui/IframeModalContent'\nimport { ModalHeader, type TModalHeaderClasses } from './ui/ModalHeader'\nimport { cn, mergeRefs } from '$/shared/utils'\n\ntype ModalClasses = {\n overlay?: string\n modal?: string\n content?: string\n modalHeader?: TModalHeaderClasses\n}\n\nexport interface ModalProps {\n children: React.ReactElement\n isModalOpen: boolean\n classes?: ModalClasses\n isPortal?: boolean\n portalContainer?: HTMLElement\n title?: string | React.ReactElement\n closeModal: () => void\n iframe?: boolean\n}\n\nexport const Modal = ({\n title,\n children,\n isModalOpen,\n isPortal = true,\n portalContainer = globalThis?.document?.body,\n closeModal,\n classes,\n iframe\n}: ModalProps) => {\n useEffect(() => {\n if (isModalOpen) {\n document.body.style.overflow = 'hidden'\n }\n return () => {\n document.body.style.overflow = 'visible'\n }\n }, [isModalOpen])\n\n const iframeRef = useRef<HTMLIFrameElement>(null)\n const overlayRef = useRef<HTMLDivElement>(null)\n const isMouseDownOnOverlayRef = useRef(false)\n\n const handleMouseDown = (e: React.MouseEvent<HTMLDivElement>) => {\n if (e.target === overlayRef.current) {\n isMouseDownOnOverlayRef.current = true\n }\n }\n\n const handleMouseUp = (e: React.MouseEvent<HTMLDivElement>) => {\n if (isMouseDownOnOverlayRef.current && e.target === overlayRef.current) {\n closeModal()\n }\n isMouseDownOnOverlayRef.current = false\n }\n\n const modalBody = (\n <AnimatePresence>\n {isModalOpen && (\n <motion.div\n ref={mergeRefs((node) => node?.focus(), overlayRef)}\n tabIndex={-1}\n onMouseDown={handleMouseDown}\n onMouseUp={handleMouseUp}\n className={cn(\n 'fixed inset-0 flex h-screen w-screen items-center justify-center bg-color-overlay',\n { 'z-1000': !isPortal },\n classes?.overlay\n )}\n onKeyDown={(event) => {\n if (event.key === 'Escape') {\n closeModal()\n }\n }}\n data-
|
|
1
|
+
{"version":3,"file":"Modal.js","sources":["../../../../../lib/shared/ui/modal/Modal.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useEffect, useRef } from 'react' // useState больше не нужен\nimport { createPortal } from 'react-dom'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { modalContentAnimation, modalOverlayAnimation } from './model/helpers'\nimport { IframeModalContent } from './ui/IframeModalContent'\nimport { ModalHeader, type TModalHeaderClasses } from './ui/ModalHeader'\nimport { cn, mergeRefs } from '$/shared/utils'\n\ntype ModalClasses = {\n overlay?: string\n modal?: string\n content?: string\n modalHeader?: TModalHeaderClasses\n}\n\nexport interface ModalProps {\n children: React.ReactElement\n isModalOpen: boolean\n classes?: ModalClasses\n isPortal?: boolean\n portalContainer?: HTMLElement\n title?: string | React.ReactElement\n closeModal: () => void\n iframe?: boolean\n}\n\nexport const Modal = ({\n title,\n children,\n isModalOpen,\n isPortal = true,\n portalContainer = globalThis?.document?.body,\n closeModal,\n classes,\n iframe\n}: ModalProps) => {\n useEffect(() => {\n if (isModalOpen) {\n document.body.style.overflow = 'hidden'\n }\n return () => {\n document.body.style.overflow = 'visible'\n }\n }, [isModalOpen])\n\n const iframeRef = useRef<HTMLIFrameElement>(null)\n const overlayRef = useRef<HTMLDivElement>(null)\n const isMouseDownOnOverlayRef = useRef(false)\n\n const handleMouseDown = (e: React.MouseEvent<HTMLDivElement>) => {\n if (e.target === overlayRef.current) {\n isMouseDownOnOverlayRef.current = true\n }\n }\n\n const handleMouseUp = (e: React.MouseEvent<HTMLDivElement>) => {\n if (isMouseDownOnOverlayRef.current && e.target === overlayRef.current) {\n closeModal()\n }\n isMouseDownOnOverlayRef.current = false\n }\n\n const modalBody = (\n <AnimatePresence>\n {isModalOpen && (\n <motion.div\n ref={mergeRefs((node) => node?.focus(), overlayRef)}\n tabIndex={-1}\n onMouseDown={handleMouseDown}\n onMouseUp={handleMouseUp}\n className={cn(\n 'fixed inset-0 flex h-screen w-screen items-center justify-center bg-color-overlay',\n { 'z-1000': !isPortal },\n classes?.overlay\n )}\n onKeyDown={(event) => {\n if (event.key === 'Escape') {\n closeModal()\n }\n }}\n data-id='modal-overlay'\n {...modalOverlayAnimation}\n >\n <motion.div\n onMouseDown={(event) => event.stopPropagation()}\n className={cn(\n 'max-h-[90vh] w-full max-w-[600px] overflow-y-auto rounded-md bg-color-white px-4 py-6 shadow-sm desktop:px-6 desktop:py-8',\n classes?.modal\n )}\n data-id='modal'\n {...modalContentAnimation}\n >\n <ModalHeader title={title} closeModal={closeModal} classes={classes?.modalHeader} />\n {iframe ? (\n <IframeModalContent ref={iframeRef} className={cn('mt-4', classes?.content)}>\n {(iframeBody) => createPortal(children, iframeBody)}\n </IframeModalContent>\n ) : (\n <div className={cn('mt-4', classes?.content)}>{children}</div>\n )}\n </motion.div>\n </motion.div>\n )}\n </AnimatePresence>\n )\n return <>{isPortal ? createPortal(modalBody, portalContainer) : modalBody}</>\n}\n"],"names":["Modal","title","children","isModalOpen","isPortal","portalContainer","_a","closeModal","classes","iframe","useEffect","iframeRef","useRef","overlayRef","isMouseDownOnOverlayRef","handleMouseDown","e","handleMouseUp","modalBody","jsx","AnimatePresence","motion","mergeRefs","node","cn","event","modalOverlayAnimation","jsxs","modalContentAnimation","ModalHeader","IframeModalContent","iframeBody","createPortal"],"mappings":"0pBA6BO,MAAMA,EAAQ,CAAC,CACpB,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,GACX,gBAAAC,GAAkBC,MAAA,mCAAY,WAAZ,YAAAA,EAAsB,QACxC,WAAAC,EACA,QAAAC,EACA,OAAAC,CACF,IAAkB,CAChBC,EAAU,KACJP,IACF,SAAS,KAAK,MAAM,SAAW,UAE1B,IAAM,CACX,SAAS,KAAK,MAAM,SAAW,SACjC,GACC,CAACA,CAAW,CAAC,EAEhB,MAAMQ,EAAYC,EAA0B,IAAI,EAC1CC,EAAaD,EAAuB,IAAI,EACxCE,EAA0BF,EAAO,EAAK,EAEtCG,EAAmBC,GAAwC,CAC3DA,EAAE,SAAWH,EAAW,UAC1BC,EAAwB,QAAU,GAEtC,EAEMG,EAAiBD,GAAwC,CACzDF,EAAwB,SAAWE,EAAE,SAAWH,EAAW,SAC7DN,EAAA,EAEFO,EAAwB,QAAU,EACpC,EAEMI,EACJC,EAACC,EAAA,CACE,SAAAjB,GACCgB,EAACE,EAAO,IAAP,CACC,IAAKC,EAAWC,GAASA,GAAA,YAAAA,EAAM,QAASV,CAAU,EAClD,SAAU,GACV,YAAaE,EACb,UAAWE,EACX,UAAWO,EACT,oFACA,CAAE,SAAU,CAACpB,CAAA,EACbI,GAAA,YAAAA,EAAS,OAAA,EAEX,UAAYiB,GAAU,CAChBA,EAAM,MAAQ,UAChBlB,EAAA,CAEJ,EACA,UAAQ,gBACP,GAAGmB,EAEJ,SAAAC,EAACN,EAAO,IAAP,CACC,YAAcI,GAAUA,EAAM,gBAAA,EAC9B,UAAWD,EACT,4HACAhB,GAAA,YAAAA,EAAS,KAAA,EAEX,UAAQ,QACP,GAAGoB,EAEJ,SAAA,CAAAT,EAACU,EAAA,CAAY,MAAA5B,EAAc,WAAAM,EAAwB,QAASC,GAAA,YAAAA,EAAS,YAAa,EACjFC,EACCU,EAACW,EAAA,CAAmB,IAAKnB,EAAW,UAAWa,EAAG,OAAQhB,GAAA,YAAAA,EAAS,OAAO,EACvE,SAACuB,GAAeC,EAAa9B,EAAU6B,CAAU,EACpD,EAEAZ,EAAC,MAAA,CAAI,UAAWK,EAAG,OAAQhB,GAAA,YAAAA,EAAS,OAAO,EAAI,SAAAN,CAAA,CAAS,CAAA,CAAA,CAAA,CAE5D,CAAA,EAGN,EAEF,YAAU,SAAAE,EAAW4B,EAAad,EAAWb,CAAe,EAAIa,EAAU,CAC5E"}
|