npm - @scbt-ecom/ui - Versions diffs - 0.152.6 → 0.153.0 - Mend

@scbt-ecom/ui 0.152.6 → 0.153.0

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

package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/single.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"single.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/dayPickerControl/single.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { autoUpdate, flip, offset, useFloating } from '@floating-ui/react'\nimport { format, isValid, parse } from 'date-fns'\nimport { type DataLayers } from '../../../../types'\nimport { type ExternalHandlers } from './dayPickerControl'\nimport { getCurrentDate, getInitialValue, SINGLE_MASK, SINGLE_VALIDATION_REGEX } from './model'\nimport { useClickOutside } from '$/shared/hooks'\nimport { Calendar, DATE_VISIBLE_PATTERN, Icon, MaskInput, type MaskInputProps } from '$/shared/ui'\nimport { cn, mergeRefs, TypeGuards } from '$/shared/utils'\n\ntype CalendarProps = React.ComponentPropsWithoutRef<typeof Calendar>\n\ntype SingleDayPickerClasses = MaskInputProps['classes'] & {\n calendar?: string\n}\n\ntype SingleDayPickerProps = Omit<CalendarProps, 'mode'> & {\n /*\n Свойства Input компонента\n /\n inputProps: Omit<MaskInputProps, 'mask'>\n /\n Стили внутренних компонентов\n /\n classes?: SingleDayPickerClasses\n /\n Управляемое значение\n /\n value: string\n /\n Функция для управления значением\n /\n onChange: (value: string) => void\n /\n Дополнительные хендлеры\n /\n externalHandlers?: ExternalHandlers\n /\n Даталееры\n */\n dataLayers?: DataLayers\n}\n\nexport const SingleDayPicker = ({\n inputProps,\n classes,\n value,\n onChange,\n externalHandlers,\n month,\n onMonthChange,\n ...props\n}: SingleDayPickerProps) => {\n const { onChange: externalOnChange, onFocus: externalOnFocus, ...restHandlers } = externalHandlers \|\| {}\n\n const calendarRef = useRef<HTMLDivElement>(null)\n\n const { refs, floatingStyles } = useFloating({\n placement: 'bottom-end',\n middleware: [\n flip({\n boundary: 'clippingAncestors',\n crossAxis: false\n }),\n offset(0)\n ],\n whileElementsMounted: autoUpdate\n })\n\n const { calendar, ...restClasses } = classes \|\| {}\n\n const [calendarOpen, setCalendarOpen] = useState<boolean>(false)\n\n const onCalendarOpenChange = () => {\n setCalendarOpen((prev) => !prev)\n }\n\n const date = getCurrentDate('single', value)\n\n const [visibleValue, setVisibleValue] = useState<string>(getInitialValue('single', value))\n\n useEffect(() => {\n if (value && !TypeGuards.isStringEmpty(value)) {\n setVisibleValue(getInitialValue('single', value))\n if (onMonthChange) onMonthChange(new Date(value))\n }\n }, [value])\n\n useClickOutside(calendarRef, () => setCalendarOpen(false))\n\n const onVisibleValueChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const { value } = event.target\n\n setVisibleValue(value)\n\n if (TypeGuards.isStringEmpty(value)) {\n return onChange('')\n }\n\n if (!SINGLE_VALIDATION_REGEX.test(value)) {\n return\n }\n\n const date = parse(value, DATE_VISIBLE_PATTERN, new Date())\n\n if (isValid(date)) {\n const isoDate = date.toISOString()\n\n onChange(isoDate)\n if (onMonthChange) onMonthChange(date)\n\n if (externalOnChange) externalOnChange(isoDate)\n }\n }\n\n const onDateChange = (newDate: Date) => {\n if (onMonthChange) onMonthChange(newDate)\n\n const isoDate = newDate.toISOString()\n\n onChange(isoDate)\n setVisibleValue(format(newDate, DATE_VISIBLE_PATTERN))\n setCalendarOpen(false)\n\n if (externalOnChange) externalOnChange(isoDate)\n }\n\n return (\n <div ref={refs.setReference} className={cn('relative w-full', classes?.container)}>\n <MaskInput\n mask={SINGLE_MASK}\n {...inputProps}\n {...restHandlers}\n classes={restClasses}\n value={visibleValue}\n onChange={onVisibleValueChange}\n autoComplete='off'\n onFocus={(event) => {\n setCalendarOpen(true)\n if (externalOnFocus) externalOnFocus(event)\n }}\n onKeyDown={(event) => {\n if (event.key === 'Enter') {\n onCalendarOpenChange()\n }\n }}\n attachmentProps={{\n disabled: inputProps.disabled,\n icon: <Icon name='general/calendar' className='text-icon-blue-grey-600' />,\n onClickIcon: onCalendarOpenChange,\n ...inputProps.attachmentProps\n }}\n dataLayers={props?.dataLayers}\n />\n {calendarOpen &&\n createPortal(\n <Calendar\n // @ts-expect-error asdf\n ref={mergeRefs(calendarRef, refs.setFloating)}\n {...props}\n required\n mode='single'\n style={{\n ...floatingStyles,\n width: 'max-content'\n }}\n month={month}\n onMonthChange={onMonthChange}\n selected={date}\n onSelect={onDateChange}\n className={cn(calendar)}\n data-id='calendar'\n />,\n document.body\n )}\n </div>\n )\n}\n"],"names":["SingleDayPicker","inputProps","classes","value","onChange","externalHandlers","month","onMonthChange","props","externalOnChange","externalOnFocus","restHandlers","calendarRef","useRef","refs","floatingStyles","useFloating","flip","offset","autoUpdate","calendar","restClasses","calendarOpen","setCalendarOpen","useState","onCalendarOpenChange","prev","date","getCurrentDate","visibleValue","setVisibleValue","getInitialValue","useEffect","TypeGuards","useClickOutside","onVisibleValueChange","event","SINGLE_VALIDATION_REGEX","parse","DATE_VISIBLE_PATTERN","isValid","isoDate","onDateChange","newDate","format","jsxs","cn","jsx","MaskInput","SINGLE_MASK","Icon","createPortal","Calendar","mergeRefs"],"mappings":"~~orFA8CO~~,MAAMA,GAAkB,CAAC,CAC9B,WAAAC,EACA,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,MAAAC,EACA,cAAAC,EACA,GAAGC,CACL,IAA4B,CAC1B,KAAM,CAAE,SAAUC,EAAkB,QAASC,EAAiB,GAAGC,CAAA,EAAiBN,GAAoB,CAAA,EAEhGO,EAAcC,EAAuB,IAAI,EAEzC,CAAE,KAAAC,EAAM,eAAAC,CAAA,EAAmBC,EAAY,CAC3C,UAAW,aACX,WAAY,CACVC,EAAK,CACH,SAAU,oBACV,UAAW,EAAA,CACZ,EACDC,EAAO,CAAC,CAAA,EAEV,qBAAsBC,CAAA,CACvB,EAEK,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAgBnB,GAAW,CAAA,EAE1C,CAACoB,EAAcC,CAAe,EAAIC,EAAkB,EAAK,EAEzDC,EAAuB,IAAM,CACjCF,EAAiBG,GAAS,CAACA,CAAI,CACjC,EAEMC,EAAOC,EAAe,SAAUzB,CAAK,EAErC,CAAC0B,EAAcC,CAAe,EAAIN,EAAiBO,EAAgB,SAAU5B,CAAK,CAAC,EAEzF6B,EAAU,IAAM,CACV7B,GAAS,CAAC8B,EAAW,cAAc9B,CAAK,IAC1C2B,EAAgBC,EAAgB,SAAU5B,CAAK,CAAC,EAC5CI,GAAeA,EAAc,IAAI,KAAKJ,CAAK,CAAC,EAEpD,EAAG,CAACA,CAAK,CAAC,EAEV+B,EAAgBtB,EAAa,IAAMW,EAAgB,EAAK,CAAC,EAEzD,MAAMY,EAAwBC,GAA+C,CAC3E,KAAM,CAAE,MAAAjC,CAAAA,EAAUiC,EAAM,OAIxB,GAFAN,EAAgB3B,CAAK,EAEjB8B,EAAW,cAAc9B,CAAK,EAChC,OAAOC,EAAS,EAAE,EAGpB,GAAI,CAACiC,EAAwB,KAAKlC,CAAK,EACrC,OAGF,MAAMwB,EAAOW,EAAMnC,EAAOoC,EAAsB,IAAI,IAAM,EAE1D,GAAIC,EAAQb,CAAI,EAAG,CACjB,MAAMc,EAAUd,EAAK,YAAA,EAErBvB,EAASqC,CAAO,EACZlC,KAA6BoB,CAAI,EAEjClB,KAAmCgC,CAAO,CAChD,CACF,EAEMC,EAAgBC,GAAkB,CAClCpC,KAA6BoC,CAAO,EAExC,MAAMF,EAAUE,EAAQ,YAAA,EAExBvC,EAASqC,CAAO,EAChBX,EAAgBc,EAAOD,EAASJ,CAAoB,CAAC,EACrDhB,EAAgB,EAAK,EAEjBd,KAAmCgC,CAAO,CAChD,EAEA,OACEI,EAAC,MAAA,CAAI,IAAK/B,EAAK,aAAc,UAAWgC,EAAG,kBAAmB5C,~~GAAA~~,~~YAAAA,EAAS,~~SAAS,EAC9E,SAAA,CAAA6C,EAACC,EAAA,CACC,KAAMC,EACL,GAAGhD,EACH,GAAGU,EACJ,QAASU,EACT,MAAOQ,EACP,SAAUM,EACV,aAAa,MACb,QAAUC,GAAU,CAClBb,EAAgB,EAAI,EAChBb,KAAiC0B,CAAK,CAC5C,EACA,UAAYA,GAAU,CAChBA,EAAM,MAAQ,SAChBX,EAAA,CAEJ,EACA,gBAAiB,CACf,SAAUxB,EAAW,SACrB,KAAM8C,EAACG,EAAA,CAAK,KAAK,mBAAmB,UAAU,0BAA0B,EACxE,YAAazB,EACb,GAAGxB,EAAW,eAAA,EAEhB,WAAYO,~~GAAA~~,~~YAAAA,EAAO,~~UAAA,CAAA,EAEpBc,GACC6B,EACEJ,EAACK,EAAA,CAEC,IAAKC,EAAUzC,EAAaE,EAAK,WAAW,EAC3C,GAAGN,EACJ,SAAQ,GACR,KAAK,SACL,MAAO,CACL,GAAGO,EACH,MAAO,aAAA,EAET,MAAAT,EACA,cAAAC,EACA,SAAUoB,EACV,SAAUe,EACV,UAAWI,EAAG1B,CAAQ,EACtB,UAAQ,UAAA,CAAA,EAEV,SAAS,IAAA,CACX,EACJ,CAEJ"}
1	+ {"version":3,"file":"single.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/dayPickerControl/single.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { autoUpdate, flip, offset, useFloating } from '@floating-ui/react'\nimport { format, isValid, parse } from 'date-fns'\nimport { type DataLayers } from '../../../../types'\nimport { type ExternalHandlers } from './dayPickerControl'\nimport { getCurrentDate, getInitialValue, SINGLE_MASK, SINGLE_VALIDATION_REGEX } from './model'\nimport { useClickOutside } from '$/shared/hooks'\nimport { Calendar, DATE_VISIBLE_PATTERN, Icon, MaskInput, type MaskInputProps } from '$/shared/ui'\nimport { cn, mergeRefs, TypeGuards } from '$/shared/utils'\n\ntype CalendarProps = React.ComponentPropsWithoutRef<typeof Calendar>\n\ntype SingleDayPickerClasses = MaskInputProps['classes'] & {\n calendar?: string\n}\n\ntype SingleDayPickerProps = Omit<CalendarProps, 'mode'> & {\n /*\n Свойства Input компонента\n /\n inputProps: Omit<MaskInputProps, 'mask'>\n /\n Стили внутренних компонентов\n /\n classes?: SingleDayPickerClasses\n /\n Управляемое значение\n /\n value: string\n /\n Функция для управления значением\n /\n onChange: (value: string) => void\n /\n Дополнительные хендлеры\n /\n externalHandlers?: ExternalHandlers\n /\n Даталееры\n */\n dataLayers?: DataLayers\n}\n\nexport const SingleDayPicker = ({\n inputProps,\n classes,\n value,\n onChange,\n externalHandlers,\n month,\n onMonthChange,\n ...props\n}: SingleDayPickerProps) => {\n const { onChange: externalOnChange, onFocus: externalOnFocus, ...restHandlers } = externalHandlers \|\| {}\n\n const calendarRef = useRef<HTMLDivElement>(null)\n\n const { refs, floatingStyles } = useFloating({\n placement: 'bottom-end',\n middleware: [\n flip({\n boundary: 'clippingAncestors',\n crossAxis: false\n }),\n offset(0)\n ],\n whileElementsMounted: autoUpdate\n })\n\n const { calendar, ...restClasses } = classes \|\| {}\n\n const [calendarOpen, setCalendarOpen] = useState<boolean>(false)\n\n const onCalendarOpenChange = () => {\n setCalendarOpen((prev) => !prev)\n }\n\n const date = getCurrentDate('single', value)\n\n const [visibleValue, setVisibleValue] = useState<string>(getInitialValue('single', value))\n\n useEffect(() => {\n if (value && !TypeGuards.isStringEmpty(value)) {\n setVisibleValue(getInitialValue('single', value))\n if (onMonthChange) onMonthChange(new Date(value))\n }\n }, [value])\n\n useClickOutside(calendarRef, () => setCalendarOpen(false))\n\n const onVisibleValueChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const { value } = event.target\n\n setVisibleValue(value)\n\n if (TypeGuards.isStringEmpty(value)) {\n return onChange('')\n }\n\n if (!SINGLE_VALIDATION_REGEX.test(value)) {\n return\n }\n\n const date = parse(value, DATE_VISIBLE_PATTERN, new Date())\n\n if (isValid(date)) {\n const isoDate = date.toISOString()\n\n onChange(isoDate)\n if (onMonthChange) onMonthChange(date)\n\n if (externalOnChange) externalOnChange(isoDate)\n }\n }\n\n const onDateChange = (newDate: Date) => {\n if (onMonthChange) onMonthChange(newDate)\n\n const isoDate = newDate.toISOString()\n\n onChange(isoDate)\n setVisibleValue(format(newDate, DATE_VISIBLE_PATTERN))\n setCalendarOpen(false)\n\n if (externalOnChange) externalOnChange(isoDate)\n }\n\n return (\n <div ref={refs.setReference} className={cn('relative w-full', classes?.container)}>\n <MaskInput\n mask={SINGLE_MASK}\n {...inputProps}\n {...restHandlers}\n classes={restClasses}\n value={visibleValue}\n onChange={onVisibleValueChange}\n autoComplete='off'\n onFocus={(event) => {\n setCalendarOpen(true)\n if (externalOnFocus) externalOnFocus(event)\n }}\n onKeyDown={(event) => {\n if (event.key === 'Enter') {\n onCalendarOpenChange()\n }\n }}\n attachmentProps={{\n disabled: inputProps.disabled,\n icon: <Icon name='general/calendar' className='text-icon-blue-grey-600' />,\n onClickIcon: onCalendarOpenChange,\n ...inputProps.attachmentProps\n }}\n dataLayers={props?.dataLayers}\n />\n {calendarOpen &&\n createPortal(\n <Calendar\n // @ts-expect-error asdf\n ref={mergeRefs(calendarRef, refs.setFloating)}\n {...props}\n required\n mode='single'\n style={{\n ...floatingStyles,\n width: 'max-content'\n }}\n month={month}\n onMonthChange={onMonthChange}\n selected={date}\n onSelect={onDateChange}\n className={cn(calendar)}\n data-id='calendar'\n />,\n document.body\n )}\n </div>\n )\n}\n"],"names":["SingleDayPicker","inputProps","classes","value","onChange","externalHandlers","month","onMonthChange","props","externalOnChange","externalOnFocus","restHandlers","calendarRef","useRef","refs","floatingStyles","useFloating","flip","offset","autoUpdate","calendar","restClasses","calendarOpen","setCalendarOpen","useState","onCalendarOpenChange","prev","date","getCurrentDate","visibleValue","setVisibleValue","getInitialValue","useEffect","TypeGuards","useClickOutside","onVisibleValueChange","event","SINGLE_VALIDATION_REGEX","parse","DATE_VISIBLE_PATTERN","isValid","isoDate","onDateChange","newDate","format","jsxs","cn","jsx","MaskInput","SINGLE_MASK","Icon","createPortal","Calendar","mergeRefs"],"mappings":"+5BA8CO,MAAMA,GAAkB,CAAC,CAC9B,WAAAC,EACA,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,MAAAC,EACA,cAAAC,EACA,GAAGC,CACL,IAA4B,CAC1B,KAAM,CAAE,SAAUC,EAAkB,QAASC,EAAiB,GAAGC,CAAA,EAAiBN,GAAoB,CAAA,EAEhGO,EAAcC,EAAuB,IAAI,EAEzC,CAAE,KAAAC,EAAM,eAAAC,CAAA,EAAmBC,EAAY,CAC3C,UAAW,aACX,WAAY,CACVC,EAAK,CACH,SAAU,oBACV,UAAW,EAAA,CACZ,EACDC,EAAO,CAAC,CAAA,EAEV,qBAAsBC,CAAA,CACvB,EAEK,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAgBnB,GAAW,CAAA,EAE1C,CAACoB,EAAcC,CAAe,EAAIC,EAAkB,EAAK,EAEzDC,EAAuB,IAAM,CACjCF,EAAiBG,GAAS,CAACA,CAAI,CACjC,EAEMC,EAAOC,EAAe,SAAUzB,CAAK,EAErC,CAAC0B,EAAcC,CAAe,EAAIN,EAAiBO,EAAgB,SAAU5B,CAAK,CAAC,EAEzF6B,EAAU,IAAM,CACV7B,GAAS,CAAC8B,EAAW,cAAc9B,CAAK,IAC1C2B,EAAgBC,EAAgB,SAAU5B,CAAK,CAAC,EAC5CI,GAAeA,EAAc,IAAI,KAAKJ,CAAK,CAAC,EAEpD,EAAG,CAACA,CAAK,CAAC,EAEV+B,EAAgBtB,EAAa,IAAMW,EAAgB,EAAK,CAAC,EAEzD,MAAMY,EAAwBC,GAA+C,CAC3E,KAAM,CAAE,MAAAjC,CAAAA,EAAUiC,EAAM,OAIxB,GAFAN,EAAgB3B,CAAK,EAEjB8B,EAAW,cAAc9B,CAAK,EAChC,OAAOC,EAAS,EAAE,EAGpB,GAAI,CAACiC,EAAwB,KAAKlC,CAAK,EACrC,OAGF,MAAMwB,EAAOW,EAAMnC,EAAOoC,EAAsB,IAAI,IAAM,EAE1D,GAAIC,EAAQb,CAAI,EAAG,CACjB,MAAMc,EAAUd,EAAK,YAAA,EAErBvB,EAASqC,CAAO,EACZlC,KAA6BoB,CAAI,EAEjClB,KAAmCgC,CAAO,CAChD,CACF,EAEMC,EAAgBC,GAAkB,CAClCpC,KAA6BoC,CAAO,EAExC,MAAMF,EAAUE,EAAQ,YAAA,EAExBvC,EAASqC,CAAO,EAChBX,EAAgBc,EAAOD,EAASJ,CAAoB,CAAC,EACrDhB,EAAgB,EAAK,EAEjBd,KAAmCgC,CAAO,CAChD,EAEA,OACEI,EAAC,MAAA,CAAI,IAAK/B,EAAK,aAAc,UAAWgC,EAAG,kBAAmB5C,GAAS,SAAS,EAC9E,SAAA,CAAA6C,EAACC,EAAA,CACC,KAAMC,EACL,GAAGhD,EACH,GAAGU,EACJ,QAASU,EACT,MAAOQ,EACP,SAAUM,EACV,aAAa,MACb,QAAUC,GAAU,CAClBb,EAAgB,EAAI,EAChBb,KAAiC0B,CAAK,CAC5C,EACA,UAAYA,GAAU,CAChBA,EAAM,MAAQ,SAChBX,EAAA,CAEJ,EACA,gBAAiB,CACf,SAAUxB,EAAW,SACrB,KAAM8C,EAACG,EAAA,CAAK,KAAK,mBAAmB,UAAU,0BAA0B,EACxE,YAAazB,EACb,GAAGxB,EAAW,eAAA,EAEhB,WAAYO,GAAO,UAAA,CAAA,EAEpBc,GACC6B,EACEJ,EAACK,EAAA,CAEC,IAAKC,EAAUzC,EAAaE,EAAK,WAAW,EAC3C,GAAGN,EACJ,SAAQ,GACR,KAAK,SACL,MAAO,CACL,GAAGO,EACH,MAAO,aAAA,EAET,MAAAT,EACA,cAAAC,EACA,SAAUoB,EACV,SAAUe,EACV,UAAWI,EAAG1B,CAAQ,EACtB,UAAQ,UAAA,CAAA,EAEV,SAAS,IAAA,CACX,EACJ,CAEJ"}

package/dist/lib/shared/ui/formElements/controlled/editor/model/extensions.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Extension as n}from"@tiptap/core";import{HardBreak as i}from"@tiptap/extension-hard-break";import{InvisibleCharacter as d,InvisibleNode as a}from"@tiptap/extension-invisible-characters";const u=n.create({name:"fontSize",addOptions(){return{types:["textStyle"]}},addGlobalAttributes(){return[{types:this.options.types,attributes:{fontSize:{default:null,parseHTML:e=>e.style.fontSize.replace(/['"]+/g,""),renderHTML:e=>e.fontSize?{style:`font-size: ${e.fontSize}`}:{}}}}]},addCommands(){return{setFontSize:e=>({chain:t})=>t().setMark("textStyle",{fontSize:e}).run(),unsetFontSize:()=>({chain:e})=>e().setMark("textStyle",{fontSize:null}).removeEmptyTextStyle().run()}}});class b extends d{constructor(){super({type:"nbsp",predicate:t=>t===" "})}}class c extends a{constructor(){super({type:"hard-break-desktop",predicate:t=>{var r;return t.type===t.type.schema.nodes.hardBreak&&((r=t.attrs)==null?void 0:r.variant)==="desktop"}})}}class m extends a{constructor(){super({type:"hard-break-mobile",predicate:t=>{var r;return t.type===t.type.schema.nodes.hardBreak&&((r=t.attrs)==null?void 0:r.variant)==="mobile"}})}}class k extends a{constructor(){super({type:"hard-break-default",predicate:t=>{var r,s;return t.type===t.type.schema.nodes.hardBreak&&(((r=t.attrs)==null?void 0:r.variant)===null||((s=t.attrs)==null?void 0:s.variant)===void 0)}})}}const y=i.extend({addAttributes(){return{variant:{default:null,parseHTML:e=>{const t=e.getAttribute("class")||"";return/\bdesktop:hidden\b/.test(t)?"mobile":/\bmobile:hidden\b/.test(t)?"desktop":null},renderHTML:e=>e.variant==="desktop"?{class:"mobile:hidden"}:e.variant==="mobile"?{class:"desktop:hidden"}:{}}}},addCommands(){return{setHardBreak:()=>({commands:e})=>e.insertContent({type:this.name}),setHardBreakDesktop:()=>({commands:e})=>e.insertContent({type:this.name,attrs:{variant:"desktop"}}),setHardBreakMobile:()=>({commands:e})=>e.insertContent({type:this.name,attrs:{variant:"mobile"}})}},parseHTML(){return[{tag:"br"},{tag:"br.desktop\\:hidden"},{tag:"br.mobile\\:hidden"}]}});export{u as FontSizeExtension,k as HardBreakInvisibleDefault,c as HardBreakInvisibleDesktop,m as HardBreakInvisibleMobile,y as HardBreakWithVariants,b as NbspInvisibleCharacter};
+import{Extension as a}from"@tiptap/core";import{HardBreak as s}from"@tiptap/extension-hard-break";import{InvisibleCharacter as n,InvisibleNode as r}from"@tiptap/extension-invisible-characters";const l=a.create({name:"fontSize",addOptions(){return{types:["textStyle"]}},addGlobalAttributes(){return[{types:this.options.types,attributes:{fontSize:{default:null,parseHTML:e=>e.style.fontSize.replace(/['"]+/g,""),renderHTML:e=>e.fontSize?{style:`font-size: ${e.fontSize}`}:{}}}}]},addCommands(){return{setFontSize:e=>({chain:t})=>t().setMark("textStyle",{fontSize:e}).run(),unsetFontSize:()=>({chain:e})=>e().setMark("textStyle",{fontSize:null}).removeEmptyTextStyle().run()}}});class p extends n{constructor(){super({type:"nbsp",predicate:t=>t===" "})}}class u extends r{constructor(){super({type:"hard-break-desktop",predicate:t=>t.type===t.type.schema.nodes.hardBreak&&t.attrs?.variant==="desktop"})}}class b extends r{constructor(){super({type:"hard-break-mobile",predicate:t=>t.type===t.type.schema.nodes.hardBreak&&t.attrs?.variant==="mobile"})}}class c extends r{constructor(){super({type:"hard-break-default",predicate:t=>t.type===t.type.schema.nodes.hardBreak&&(t.attrs?.variant===null||t.attrs?.variant===void 0)})}}const m=s.extend({addAttributes(){return{variant:{default:null,parseHTML:e=>{const t=e.getAttribute("class")||"";return/\bdesktop:hidden\b/.test(t)?"mobile":/\bmobile:hidden\b/.test(t)?"desktop":null},renderHTML:e=>e.variant==="desktop"?{class:"mobile:hidden"}:e.variant==="mobile"?{class:"desktop:hidden"}:{}}}},addCommands(){return{setHardBreak:()=>({commands:e})=>e.insertContent({type:this.name}),setHardBreakDesktop:()=>({commands:e})=>e.insertContent({type:this.name,attrs:{variant:"desktop"}}),setHardBreakMobile:()=>({commands:e})=>e.insertContent({type:this.name,attrs:{variant:"mobile"}})}},parseHTML(){return[{tag:"br"},{tag:"br.desktop\\:hidden"},{tag:"br.mobile\\:hidden"}]}});export{l as FontSizeExtension,c as HardBreakInvisibleDefault,u as HardBreakInvisibleDesktop,b as HardBreakInvisibleMobile,m as HardBreakWithVariants,p as NbspInvisibleCharacter};
 //# sourceMappingURL=extensions.js.map

package/dist/lib/shared/ui/formElements/controlled/editor/model/extensions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"extensions.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/editor/model/extensions.ts"],"sourcesContent":["import { type CommandProps, Extension } from '@tiptap/core'\nimport { HardBreak } from '@tiptap/extension-hard-break'\nimport { InvisibleCharacter, InvisibleNode } from '@tiptap/extension-invisible-characters'\n\nexport const FontSizeExtension = Extension.create({\n name: 'fontSize',\n\n addOptions() {\n return {\n types: ['textStyle']\n }\n },\n\n addGlobalAttributes() {\n return [\n {\n types: this.options.types,\n attributes: {\n fontSize: {\n default: null,\n parseHTML: (element) => element.style.fontSize.replace(/['\"]+/g, ''),\n renderHTML: (attributes) => {\n if (!attributes.fontSize) {\n return {}\n }\n\n return {\n style: `font-size: ${attributes.fontSize}`\n }\n }\n }\n }\n }\n ]\n },\n\n addCommands() {\n return {\n setFontSize:\n (fontSize: string) =>\n ({ chain }) => {\n return chain().setMark('textStyle', { fontSize }).run()\n },\n unsetFontSize:\n () =>\n ({ chain }) => {\n return chain().setMark('textStyle', { fontSize: null }).removeEmptyTextStyle().run()\n }\n }\n }\n})\n\nexport class NbspInvisibleCharacter extends InvisibleCharacter {\n constructor() {\n super({\n type: 'nbsp', // классовый суффикс для CSS\n predicate: (value: string) => value === ' ' // NBSP\n })\n }\n}\n\nexport class HardBreakInvisibleDesktop extends InvisibleNode {\n constructor() {\n super({\n type: 'hard-break-desktop',\n predicate: (node) => node.type === node.type.schema.nodes.hardBreak && node.attrs?.variant === 'desktop'\n })\n }\n}\n\n// <br class=\"mobile:hidden\">\nexport class HardBreakInvisibleMobile extends InvisibleNode {\n constructor() {\n super({\n type: 'hard-break-mobile',\n predicate: (node) => node.type === node.type.schema.nodes.hardBreak && node.attrs?.variant === 'mobile'\n })\n }\n}\n\n// Обычный <br> без класса\nexport class HardBreakInvisibleDefault extends InvisibleNode {\n constructor() {\n super({\n type: 'hard-break-default',\n predicate: (node) =>\n node.type === node.type.schema.nodes.hardBreak && (node.attrs?.variant === null \|\| node.attrs?.variant === undefined)\n })\n }\n}\n\nexport const HardBreakWithVariants = HardBreak.extend({\n addAttributes() {\n return {\n variant: {\n default: null as null \| 'desktop' \| 'mobile',\n parseHTML: (element) => {\n const cls = element.getAttribute('class') \|\| ''\n if (/\\bdesktop:hidden\\b/.test(cls)) return 'mobile'\n if (/\\bmobile:hidden\\b/.test(cls)) return 'desktop'\n return null\n },\n renderHTML: (attrs) => {\n if (attrs.variant === 'desktop') return { class: 'mobile:hidden' }\n if (attrs.variant === 'mobile') return { class: 'desktop:hidden' }\n return {}\n }\n }\n }\n },\n\n addCommands() {\n return {\n setHardBreak:\n () =>\n ({ commands }) =>\n // стандартный «без класса»\n commands.insertContent({ type: this.name }), // this.name === 'hardBreak'\n\n setHardBreakDesktop:\n () =>\n ({ commands }: CommandProps) =>\n commands.insertContent({\n type: this.name,\n attrs: { variant: 'desktop' }\n }),\n\n setHardBreakMobile:\n () =>\n ({ commands }: CommandProps) =>\n commands.insertContent({\n type: this.name,\n attrs: { variant: 'mobile' }\n })\n }\n },\n\n parseHTML() {\n return [\n { tag: 'br' }, // обычный\n { tag: 'br.desktop\\\\:hidden' }, // desktop:hidden\n { tag: 'br.mobile\\\\:hidden' } // mobile:hidden\n ]\n }\n})\n"],"names":["FontSizeExtension","Extension","element","attributes","fontSize","chain","NbspInvisibleCharacter","InvisibleCharacter","value","HardBreakInvisibleDesktop","InvisibleNode","node","~~_a","~~HardBreakInvisibleMobile","HardBreakInvisibleDefault","~~_b","~~HardBreakWithVariants","HardBreak","cls","attrs","commands"],"mappings":"iMAIO,MAAMA,EAAoBC,EAAU,OAAO,CAChD,KAAM,WAEN,YAAa,CACX,MAAO,CACL,MAAO,CAAC,WAAW,CAAA,CAEvB,EAEA,qBAAsB,CACpB,MAAO,CACL,CACE,MAAO,KAAK,QAAQ,MACpB,WAAY,CACV,SAAU,CACR,QAAS,KACT,UAAYC,GAAYA,EAAQ,MAAM,SAAS,QAAQ,SAAU,EAAE,EACnE,WAAaC,GACNA,EAAW,SAIT,CACL,MAAO,cAAcA,EAAW,QAAQ,EAAA,EAJjC,CAAA,CAMX,CACF,CACF,CACF,CAEJ,EAEA,aAAc,CACZ,MAAO,CACL,YACGC,GACD,CAAC,CAAE,MAAAC,KACMA,EAAA,EAAQ,QAAQ,YAAa,CAAE,SAAAD,CAAA,CAAU,EAAE,IAAA,EAEtD,cACE,IACA,CAAC,CAAE,MAAAC,KACMA,EAAA,EAAQ,QAAQ,YAAa,CAAE,SAAU,KAAM,EAAE,qBAAA,EAAuB,IAAA,CACjF,CAEN,CACF,CAAC,EAEM,MAAMC,UAA+BC,CAAmB,CAC7D,aAAc,CACZ,MAAM,CACJ,KAAM,OACN,UAAYC,GAAkBA,IAAU,GAAA,CACzC,CACH,CACF,CAEO,MAAMC,UAAkCC,CAAc,CAC3D,aAAc,CACZ,MAAM,CACJ,KAAM,qBACN,UAAYC,~~GAAA~~,~~OAAS,OAAAA,~~EAAK,OAASA,EAAK,KAAK,OAAO,MAAM,~~aAAaC~~,~~EAAAD,~~EAAK,~~QAAL~~,~~YAAAC~~,~~EAAY~~,~~WAAY,UAAA,~~CAChG,CACH,CACF,CAGO,MAAMC,~~UAAiCH~~,CAAc,CAC1D,aAAc,CACZ,MAAM,CACJ,KAAM,oBACN,UAAYC,~~GAAA~~,~~OAAS,OAAAA,~~EAAK,OAASA,EAAK,KAAK,OAAO,MAAM,~~aAAaC~~,~~EAAAD,~~EAAK,~~QAAL~~,~~YAAAC~~,~~EAAY~~,~~WAAY,SAAA,~~CAChG,CACH,CACF,CAGO,MAAME,~~UAAkCJ~~,CAAc,CAC3D,aAAc,CACZ,MAAM,CACJ,KAAM,qBACN,UAAYC,~~YACV~~,~~OAAAA,~~EAAK,OAASA,EAAK,KAAK,OAAO,MAAM,~~cAAcC~~,~~EAAAD,~~EAAK,~~QAAL~~,~~YAAAC~~,~~EAAY~~,~~WAAY,QAAQG,EAAAJ,~~EAAK,~~QAAL~~,~~YAAAI~~,~~EAAY~~,~~WAAY,QAAA,~~CAC9G,CACH,CACF,CAEO,~~MAAMC~~,EAAwBC,EAAU,OAAO,CACpD,eAAgB,CACd,MAAO,CACL,QAAS,CACP,QAAS,KACT,~~UAAYf~~,GAAY,CACtB,~~MAAMgB~~,~~EAAMhB~~,EAAQ,aAAa,OAAO,GAAK,GAC7C,MAAI,qBAAqB,~~KAAKgB~~,CAAG,EAAU,SACvC,oBAAoB,KAAKA,CAAG,EAAU,UACnC,IACT,EACA,WAAaC,GACPA,EAAM,UAAY,UAAkB,CAAE,MAAO,eAAA,EAC7CA,EAAM,UAAY,SAAiB,CAAE,MAAO,gBAAA,EACzC,CAAA,CACT,CACF,CAEJ,EAEA,aAAc,CACZ,MAAO,CACL,aACE,IACA,CAAC,CAAE,SAAAC,CAAA,IAEDA,EAAS,cAAc,CAAE,KAAM,KAAK,KAAM,EAE9C,oBACE,IACA,CAAC,CAAE,SAAAA,CAAA,IACDA,EAAS,cAAc,CACrB,KAAM,KAAK,KACX,MAAO,CAAE,QAAS,SAAA,CAAU,CAC7B,EAEL,mBACE,IACA,CAAC,CAAE,SAAAA,CAAA,IACDA,EAAS,cAAc,CACrB,KAAM,KAAK,KACX,MAAO,CAAE,QAAS,QAAA,CAAS,CAC5B,CAAA,CAET,EAEA,WAAY,CACV,MAAO,CACL,CAAE,IAAK,IAAA,EACP,CAAE,IAAK,qBAAA,EACP,CAAE,IAAK,oBAAA,CAAqB,CAEhC,CACF,CAAC"}
1	+ {"version":3,"file":"extensions.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/editor/model/extensions.ts"],"sourcesContent":["import { type CommandProps, Extension } from '@tiptap/core'\nimport { HardBreak } from '@tiptap/extension-hard-break'\nimport { InvisibleCharacter, InvisibleNode } from '@tiptap/extension-invisible-characters'\n\nexport const FontSizeExtension = Extension.create({\n name: 'fontSize',\n\n addOptions() {\n return {\n types: ['textStyle']\n }\n },\n\n addGlobalAttributes() {\n return [\n {\n types: this.options.types,\n attributes: {\n fontSize: {\n default: null,\n parseHTML: (element) => element.style.fontSize.replace(/['\"]+/g, ''),\n renderHTML: (attributes) => {\n if (!attributes.fontSize) {\n return {}\n }\n\n return {\n style: `font-size: ${attributes.fontSize}`\n }\n }\n }\n }\n }\n ]\n },\n\n addCommands() {\n return {\n setFontSize:\n (fontSize: string) =>\n ({ chain }) => {\n return chain().setMark('textStyle', { fontSize }).run()\n },\n unsetFontSize:\n () =>\n ({ chain }) => {\n return chain().setMark('textStyle', { fontSize: null }).removeEmptyTextStyle().run()\n }\n }\n }\n})\n\nexport class NbspInvisibleCharacter extends InvisibleCharacter {\n constructor() {\n super({\n type: 'nbsp', // классовый суффикс для CSS\n predicate: (value: string) => value === ' ' // NBSP\n })\n }\n}\n\nexport class HardBreakInvisibleDesktop extends InvisibleNode {\n constructor() {\n super({\n type: 'hard-break-desktop',\n predicate: (node) => node.type === node.type.schema.nodes.hardBreak && node.attrs?.variant === 'desktop'\n })\n }\n}\n\n// <br class=\"mobile:hidden\">\nexport class HardBreakInvisibleMobile extends InvisibleNode {\n constructor() {\n super({\n type: 'hard-break-mobile',\n predicate: (node) => node.type === node.type.schema.nodes.hardBreak && node.attrs?.variant === 'mobile'\n })\n }\n}\n\n// Обычный <br> без класса\nexport class HardBreakInvisibleDefault extends InvisibleNode {\n constructor() {\n super({\n type: 'hard-break-default',\n predicate: (node) =>\n node.type === node.type.schema.nodes.hardBreak && (node.attrs?.variant === null \|\| node.attrs?.variant === undefined)\n })\n }\n}\n\nexport const HardBreakWithVariants = HardBreak.extend({\n addAttributes() {\n return {\n variant: {\n default: null as null \| 'desktop' \| 'mobile',\n parseHTML: (element) => {\n const cls = element.getAttribute('class') \|\| ''\n if (/\\bdesktop:hidden\\b/.test(cls)) return 'mobile'\n if (/\\bmobile:hidden\\b/.test(cls)) return 'desktop'\n return null\n },\n renderHTML: (attrs) => {\n if (attrs.variant === 'desktop') return { class: 'mobile:hidden' }\n if (attrs.variant === 'mobile') return { class: 'desktop:hidden' }\n return {}\n }\n }\n }\n },\n\n addCommands() {\n return {\n setHardBreak:\n () =>\n ({ commands }) =>\n // стандартный «без класса»\n commands.insertContent({ type: this.name }), // this.name === 'hardBreak'\n\n setHardBreakDesktop:\n () =>\n ({ commands }: CommandProps) =>\n commands.insertContent({\n type: this.name,\n attrs: { variant: 'desktop' }\n }),\n\n setHardBreakMobile:\n () =>\n ({ commands }: CommandProps) =>\n commands.insertContent({\n type: this.name,\n attrs: { variant: 'mobile' }\n })\n }\n },\n\n parseHTML() {\n return [\n { tag: 'br' }, // обычный\n { tag: 'br.desktop\\\\:hidden' }, // desktop:hidden\n { tag: 'br.mobile\\\\:hidden' } // mobile:hidden\n ]\n }\n})\n"],"names":["FontSizeExtension","Extension","element","attributes","fontSize","chain","NbspInvisibleCharacter","InvisibleCharacter","value","HardBreakInvisibleDesktop","InvisibleNode","node","HardBreakInvisibleMobile","HardBreakInvisibleDefault","HardBreakWithVariants","HardBreak","cls","attrs","commands"],"mappings":"iMAIO,MAAMA,EAAoBC,EAAU,OAAO,CAChD,KAAM,WAEN,YAAa,CACX,MAAO,CACL,MAAO,CAAC,WAAW,CAAA,CAEvB,EAEA,qBAAsB,CACpB,MAAO,CACL,CACE,MAAO,KAAK,QAAQ,MACpB,WAAY,CACV,SAAU,CACR,QAAS,KACT,UAAYC,GAAYA,EAAQ,MAAM,SAAS,QAAQ,SAAU,EAAE,EACnE,WAAaC,GACNA,EAAW,SAIT,CACL,MAAO,cAAcA,EAAW,QAAQ,EAAA,EAJjC,CAAA,CAMX,CACF,CACF,CACF,CAEJ,EAEA,aAAc,CACZ,MAAO,CACL,YACGC,GACD,CAAC,CAAE,MAAAC,KACMA,EAAA,EAAQ,QAAQ,YAAa,CAAE,SAAAD,CAAA,CAAU,EAAE,IAAA,EAEtD,cACE,IACA,CAAC,CAAE,MAAAC,KACMA,EAAA,EAAQ,QAAQ,YAAa,CAAE,SAAU,KAAM,EAAE,qBAAA,EAAuB,IAAA,CACjF,CAEN,CACF,CAAC,EAEM,MAAMC,UAA+BC,CAAmB,CAC7D,aAAc,CACZ,MAAM,CACJ,KAAM,OACN,UAAYC,GAAkBA,IAAU,GAAA,CACzC,CACH,CACF,CAEO,MAAMC,UAAkCC,CAAc,CAC3D,aAAc,CACZ,MAAM,CACJ,KAAM,qBACN,UAAYC,GAASA,EAAK,OAASA,EAAK,KAAK,OAAO,MAAM,WAAaA,EAAK,OAAO,UAAY,SAAA,CAChG,CACH,CACF,CAGO,MAAMC,UAAiCF,CAAc,CAC1D,aAAc,CACZ,MAAM,CACJ,KAAM,oBACN,UAAYC,GAASA,EAAK,OAASA,EAAK,KAAK,OAAO,MAAM,WAAaA,EAAK,OAAO,UAAY,QAAA,CAChG,CACH,CACF,CAGO,MAAME,UAAkCH,CAAc,CAC3D,aAAc,CACZ,MAAM,CACJ,KAAM,qBACN,UAAYC,GACVA,EAAK,OAASA,EAAK,KAAK,OAAO,MAAM,YAAcA,EAAK,OAAO,UAAY,MAAQA,EAAK,OAAO,UAAY,OAAA,CAC9G,CACH,CACF,CAEO,MAAMG,EAAwBC,EAAU,OAAO,CACpD,eAAgB,CACd,MAAO,CACL,QAAS,CACP,QAAS,KACT,UAAYb,GAAY,CACtB,MAAMc,EAAMd,EAAQ,aAAa,OAAO,GAAK,GAC7C,MAAI,qBAAqB,KAAKc,CAAG,EAAU,SACvC,oBAAoB,KAAKA,CAAG,EAAU,UACnC,IACT,EACA,WAAaC,GACPA,EAAM,UAAY,UAAkB,CAAE,MAAO,eAAA,EAC7CA,EAAM,UAAY,SAAiB,CAAE,MAAO,gBAAA,EACzC,CAAA,CACT,CACF,CAEJ,EAEA,aAAc,CACZ,MAAO,CACL,aACE,IACA,CAAC,CAAE,SAAAC,CAAA,IAEDA,EAAS,cAAc,CAAE,KAAM,KAAK,KAAM,EAE9C,oBACE,IACA,CAAC,CAAE,SAAAA,CAAA,IACDA,EAAS,cAAc,CACrB,KAAM,KAAK,KACX,MAAO,CAAE,QAAS,SAAA,CAAU,CAC7B,EAEL,mBACE,IACA,CAAC,CAAE,SAAAA,CAAA,IACDA,EAAS,cAAc,CACrB,KAAM,KAAK,KACX,MAAO,CAAE,QAAS,QAAA,CAAS,CAC5B,CAAA,CAET,EAEA,WAAY,CACV,MAAO,CACL,CAAE,IAAK,IAAA,EACP,CAAE,IAAK,qBAAA,EACP,CAAE,IAAK,oBAAA,CAAqB,CAEhC,CACF,CAAC"}

package/dist/lib/shared/ui/formElements/controlled/editor/model/helper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import"../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"tailwind-merge";import"uuid";import"react";import"../../../../button/Button.js";import"../../../../button/model/helpers.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../loader/model/helpers.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../notification/ui/CustomToast.js";import"../../../../table/ui/primitives/Primitives.js";import{Icon as e}from"../../../../icon/Icon.js";import"@tanstack/react-table";import"../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../carousel/ui/CarouselContent.js";import"../../../../customLink/model/helpers.js";import"../../../../slot/Slot.js";import"../../../uncontrolled/autocomplete/Autocomplete.js";import"../../../uncontrolled/checkbox/Checkbox.js";import"../../../uncontrolled/combobox/combobox.js";import"../../../uncontrolled/dayPicker/DayPicker.js";import"../../../uncontrolled/input/Input.js";import"../../../uncontrolled/inputOtp/InputOtpBase.js";import"../../../uncontrolled/maskInput/MaskInput.js";import"../../../uncontrolled/radio/RadioGroup.js";import"../../../uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../uncontrolled/slider/SliderBase.js";import"../../../uncontrolled/switch/Switch.js";import"../../../uncontrolled/textarea/Textarea.js";import"../../../uncontrolled/uploader/UploaderBase.js";import"../../../uncontrolled/inputCurrency/InputCurrency.js";import"../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../ui/Editor.js";import"../../input/MaskInputControl.js";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const li=[1,2,3,4],ti={1:"mob-headline-bold-m desktop:desk-headline-bold-l",2:"mob-headline-bold-s desktop:desk-headline-bold-m",3:"mob-title-bold-l desktop:desk-title-bold-l",4:"mob-title-bold-m desktop:desk-title-bold-s"},ri=()=>[{label:"br",handler:i=>i.chain().focus().setHardBreak().run()},{label:"br 🖥️",handler:i=>i.chain().focus().setHardBreakDesktop().run()},{label:"br 📱",handler:i=>i.chain().focus().setHardBreakMobile().run()}],ai=[{label:"12px",value:"12px"},{label:"14px",value:"14px"},{label:"16px",value:"16px"},{label:"18px",value:"18px"},{label:"20px",value:"20px"},{label:"24px",value:"24px"}],ni=["#292929","#FFFFFF","#40465A","#5A6E85","#A9B6C5","#94A4B7","#003790","#042E73","#809BC7","#76BC21","#F49F00","#F42500"],si=i=>[{label:"Жирный текст",icon:o(e,{name:"editor/bold",className:"size-4"}),onClick:()=>i.chain().focus().toggleBold().run(),isActive:i.isActive("bold")},{label:"Курсивный текст",icon:o(e,{name:"editor/italic",className:"size-4"}),onClick:()=>i.chain().focus().toggleItalic().run(),isActive:i.isActive("italic")},{label:"Подчеркнутый текст",icon:o(e,{name:"editor/underline",className:"size-4"}),onClick:()=>i.chain().focus().toggleUnderline().run(),isActive:i.isActive("underline")},{label:"Зачеркнутый текст",icon:o(e,{name:"editor/strikethrough",className:"size-4"}),onClick:()=>i.chain().focus().toggleStrike().run(),isActive:i.isActive("strike")},{label:"Обычный текст",icon:o(e,{name:"editor/typography",className:"size-4"}),onClick:()=>i.chain().focus().setParagraph().run()},{label:"Маркированный список",icon:o(e,{name:"editor/list",className:"size-4"}),onClick:()=>i.chain().focus().toggleBulletList().run(),isActive:i.isActive("bulletList")},{label:"Отменить",icon:o(e,{name:"editor/undo",className:"size-4"}),onClick:()=>i.chain().focus().undo().run()},{label:"Вернуть",icon:o(e,{name:"editor/redo",className:"size-4"}),onClick:()=>i.chain().focus().redo().run()},{label:"Очистить стили и теги",icon:o(e,{name:"editor/removeFormatting",className:"size-4"}),onClick:()=>i.chain().focus().clearNodes().unsetAllMarks().run()},{label:"Удалить все",icon:o(e,{name:"general/close",className:"size-4"}),onClick:()=>i.commands.clearContent()},{label:"Добавить неразрывной пробел &nbsp;",icon:o(e,{name:"editor/nbsp",className:"size-4"}),onClick:()=>i.chain().focus().insertContent(" ").run()}];export{ri as brOptions,ni as editorAllowedColors,ti as editorHeadingClasses,ai as fontSizesOptions,li as headingsOptions,si as renderEditorPanel};
+import{jsx as l}from"react/jsx-runtime";import{Icon as a}from"../../../../icon/Icon.js";const i=[1,2,3,4],o={1:"mob-headline-bold-m desktop:desk-headline-bold-l",2:"mob-headline-bold-s desktop:desk-headline-bold-m",3:"mob-title-bold-l desktop:desk-title-bold-l",4:"mob-title-bold-m desktop:desk-title-bold-s"},c=()=>[{label:"br",handler:e=>e.chain().focus().setHardBreak().run()},{label:"br 🖥️",handler:e=>e.chain().focus().setHardBreakDesktop().run()},{label:"br 📱",handler:e=>e.chain().focus().setHardBreakMobile().run()}],t=[{label:"12px",value:"12px"},{label:"14px",value:"14px"},{label:"16px",value:"16px"},{label:"18px",value:"18px"},{label:"20px",value:"20px"},{label:"24px",value:"24px"}],r=["#292929","#FFFFFF","#40465A","#5A6E85","#A9B6C5","#94A4B7","#003790","#042E73","#809BC7","#76BC21","#F49F00","#F42500"],b=e=>[{label:"Жирный текст",icon:l(a,{name:"editor/bold",className:"size-4"}),onClick:()=>e.chain().focus().toggleBold().run(),isActive:e.isActive("bold")},{label:"Курсивный текст",icon:l(a,{name:"editor/italic",className:"size-4"}),onClick:()=>e.chain().focus().toggleItalic().run(),isActive:e.isActive("italic")},{label:"Подчеркнутый текст",icon:l(a,{name:"editor/underline",className:"size-4"}),onClick:()=>e.chain().focus().toggleUnderline().run(),isActive:e.isActive("underline")},{label:"Зачеркнутый текст",icon:l(a,{name:"editor/strikethrough",className:"size-4"}),onClick:()=>e.chain().focus().toggleStrike().run(),isActive:e.isActive("strike")},{label:"Обычный текст",icon:l(a,{name:"editor/typography",className:"size-4"}),onClick:()=>e.chain().focus().setParagraph().run()},{label:"Маркированный список",icon:l(a,{name:"editor/list",className:"size-4"}),onClick:()=>e.chain().focus().toggleBulletList().run(),isActive:e.isActive("bulletList")},{label:"Отменить",icon:l(a,{name:"editor/undo",className:"size-4"}),onClick:()=>e.chain().focus().undo().run()},{label:"Вернуть",icon:l(a,{name:"editor/redo",className:"size-4"}),onClick:()=>e.chain().focus().redo().run()},{label:"Очистить стили и теги",icon:l(a,{name:"editor/removeFormatting",className:"size-4"}),onClick:()=>e.chain().focus().clearNodes().unsetAllMarks().run()},{label:"Удалить все",icon:l(a,{name:"general/close",className:"size-4"}),onClick:()=>e.commands.clearContent()},{label:"Добавить неразрывной пробел &nbsp;",icon:l(a,{name:"editor/nbsp",className:"size-4"}),onClick:()=>e.chain().focus().insertContent(" ").run()}];export{c as brOptions,r as editorAllowedColors,o as editorHeadingClasses,t as fontSizesOptions,i as headingsOptions,b as renderEditorPanel};
 //# sourceMappingURL=helper.js.map

package/dist/lib/shared/ui/formElements/controlled/editor/model/helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helper.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/editor/model/helper.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/react'\nimport { type ColorOption, type HeadingLevel } from './types'\nimport { Icon } from '$/shared/ui'\n\nexport const headingsOptions: HeadingLevel[] = [1, 2, 3, 4]\n\nexport const editorHeadingClasses: Record<number, string> = {\n 1: 'mob-headline-bold-m desktop:desk-headline-bold-l',\n 2: 'mob-headline-bold-s desktop:desk-headline-bold-m',\n 3: 'mob-title-bold-l desktop:desk-title-bold-l',\n 4: 'mob-title-bold-m desktop:desk-title-bold-s'\n}\n\n// TODO: пофиксить типы\nexport const brOptions = () => [\n {\n label: 'br',\n handler: (editor: any) => editor.chain().focus().setHardBreak().run()\n },\n {\n label: 'br 🖥️',\n handler: (editor: any) => editor.chain().focus().setHardBreakDesktop().run()\n },\n {\n label: 'br 📱',\n handler: (editor: any) => editor.chain().focus().setHardBreakMobile().run()\n }\n]\n\nexport const fontSizesOptions = [\n { label: '12px', value: '12px' },\n { label: '14px', value: '14px' },\n { label: '16px', value: '16px' },\n { label: '18px', value: '18px' },\n { label: '20px', value: '20px' },\n { label: '24px', value: '24px' }\n]\n\nexport const editorAllowedColors: ColorOption[] = [\n '#292929',\n '#FFFFFF',\n '#40465A',\n '#5A6E85',\n '#A9B6C5',\n '#94A4B7',\n '#003790',\n '#042E73',\n '#809BC7',\n '#76BC21',\n '#F49F00',\n '#F42500'\n]\n\nexport const renderEditorPanel = (editor: Editor) => [\n {\n label: 'Жирный текст',\n icon: <Icon name='editor/bold' className='size-4' />,\n onClick: () => editor.chain().focus().toggleBold().run(),\n isActive: editor.isActive('bold')\n },\n {\n label: 'Курсивный текст',\n icon: <Icon name='editor/italic' className='size-4' />,\n onClick: () => editor.chain().focus().toggleItalic().run(),\n isActive: editor.isActive('italic')\n },\n {\n label: 'Подчеркнутый текст',\n icon: <Icon name='editor/underline' className='size-4' />,\n onClick: () => editor.chain().focus().toggleUnderline().run(),\n isActive: editor.isActive('underline')\n },\n {\n label: 'Зачеркнутый текст',\n icon: <Icon name='editor/strikethrough' className='size-4' />,\n onClick: () => editor.chain().focus().toggleStrike().run(),\n isActive: editor.isActive('strike')\n },\n {\n label: 'Обычный текст',\n icon: <Icon name='editor/typography' className='size-4' />,\n onClick: () => editor.chain().focus().setParagraph().run()\n },\n {\n label: 'Маркированный список',\n icon: <Icon name='editor/list' className='size-4' />,\n onClick: () => editor.chain().focus().toggleBulletList().run(),\n isActive: editor.isActive('bulletList')\n },\n {\n label: 'Отменить',\n icon: <Icon name='editor/undo' className='size-4' />,\n onClick: () => editor.chain().focus().undo().run()\n },\n {\n label: 'Вернуть',\n icon: <Icon name='editor/redo' className='size-4' />,\n onClick: () => editor.chain().focus().redo().run()\n },\n {\n label: 'Очистить стили и теги',\n icon: <Icon name='editor/removeFormatting' className='size-4' />,\n onClick: () => editor.chain().focus().clearNodes().unsetAllMarks().run()\n },\n {\n label: 'Удалить все',\n icon: <Icon name='general/close' className='size-4' />,\n onClick: () => editor.commands.clearContent()\n },\n {\n label: 'Добавить неразрывной пробел  ',\n icon: <Icon name='editor/nbsp' className='size-4' />,\n onClick: () => editor.chain().focus().insertContent(' ').run()\n }\n]\n"],"names":["headingsOptions","editorHeadingClasses","brOptions","editor","fontSizesOptions","editorAllowedColors","renderEditorPanel","jsx","Icon"],"mappings":"~~6qEAIO~~,MAAMA,~~GAAkC~~,CAAC,EAAG,EAAG,EAAG,CAAC,EAE7CC,~~GAA~~+C,CAC1D,EAAG,mDACH,EAAG,mDACH,EAAG,6CACH,EAAG,4CACL,EAGaC,~~GAAY~~,IAAM,CAC7B,CACE,MAAO,KACP,QAAUC,GAAgBA,EAAO,MAAA,EAAQ,MAAA,EAAQ,aAAA,EAAe,IAAA,CAAI,EAEtE,CACE,MAAO,SACP,QAAUA,GAAgBA,EAAO,MAAA,EAAQ,MAAA,EAAQ,oBAAA,EAAsB,IAAA,CAAI,EAE7E,CACE,MAAO,QACP,QAAUA,GAAgBA,EAAO,MAAA,EAAQ,MAAA,EAAQ,mBAAA,EAAqB,IAAA,CAAI,CAE9E,EAEaC,~~GAAmB~~,CAC9B,CAAE,MAAO,OAAQ,MAAO,MAAA,EACxB,CAAE,MAAO,OAAQ,MAAO,MAAA,EACxB,CAAE,MAAO,OAAQ,MAAO,MAAA,EACxB,CAAE,MAAO,OAAQ,MAAO,MAAA,EACxB,CAAE,MAAO,OAAQ,MAAO,MAAA,EACxB,CAAE,MAAO,OAAQ,MAAO,MAAA,CAC1B,EAEaC,~~GAAqC~~,CAChD,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,SACF,EAEaC,~~GAAqBH~~,GAAmB,CACnD,CACE,MAAO,eACP,KAAMI,EAACC,EAAA,CAAK,KAAK,cAAc,UAAU,SAAS,EAClD,QAAS,IAAML,EAAO,MAAA,EAAQ,QAAQ,WAAA,EAAa,IAAA,EACnD,SAAUA,EAAO,SAAS,MAAM,CAAA,EAElC,CACE,MAAO,kBACP,KAAMI,EAACC,EAAA,CAAK,KAAK,gBAAgB,UAAU,SAAS,EACpD,QAAS,IAAML,EAAO,MAAA,EAAQ,QAAQ,aAAA,EAAe,IAAA,EACrD,SAAUA,EAAO,SAAS,QAAQ,CAAA,EAEpC,CACE,MAAO,qBACP,KAAMI,EAACC,EAAA,CAAK,KAAK,mBAAmB,UAAU,SAAS,EACvD,QAAS,IAAML,EAAO,MAAA,EAAQ,QAAQ,gBAAA,EAAkB,IAAA,EACxD,SAAUA,EAAO,SAAS,WAAW,CAAA,EAEvC,CACE,MAAO,oBACP,KAAMI,EAACC,EAAA,CAAK,KAAK,uBAAuB,UAAU,SAAS,EAC3D,QAAS,IAAML,EAAO,MAAA,EAAQ,QAAQ,aAAA,EAAe,IAAA,EACrD,SAAUA,EAAO,SAAS,QAAQ,CAAA,EAEpC,CACE,MAAO,gBACP,KAAMI,EAACC,EAAA,CAAK,KAAK,oBAAoB,UAAU,SAAS,EACxD,QAAS,IAAML,EAAO,MAAA,EAAQ,MAAA,EAAQ,aAAA,EAAe,IAAA,CAAI,EAE3D,CACE,MAAO,uBACP,KAAMI,EAACC,EAAA,CAAK,KAAK,cAAc,UAAU,SAAS,EAClD,QAAS,IAAML,EAAO,MAAA,EAAQ,QAAQ,iBAAA,EAAmB,IAAA,EACzD,SAAUA,EAAO,SAAS,YAAY,CAAA,EAExC,CACE,MAAO,WACP,KAAMI,EAACC,EAAA,CAAK,KAAK,cAAc,UAAU,SAAS,EAClD,QAAS,IAAML,EAAO,MAAA,EAAQ,MAAA,EAAQ,KAAA,EAAO,IAAA,CAAI,EAEnD,CACE,MAAO,UACP,KAAMI,EAACC,EAAA,CAAK,KAAK,cAAc,UAAU,SAAS,EAClD,QAAS,IAAML,EAAO,MAAA,EAAQ,MAAA,EAAQ,KAAA,EAAO,IAAA,CAAI,EAEnD,CACE,MAAO,wBACP,KAAMI,EAACC,EAAA,CAAK,KAAK,0BAA0B,UAAU,SAAS,EAC9D,QAAS,IAAML,EAAO,MAAA,EAAQ,MAAA,EAAQ,WAAA,EAAa,cAAA,EAAgB,IAAA,CAAI,EAEzE,CACE,MAAO,cACP,KAAMI,EAACC,EAAA,CAAK,KAAK,gBAAgB,UAAU,SAAS,EACpD,QAAS,IAAML,EAAO,SAAS,aAAA,CAAa,EAE9C,CACE,MAAO,qCACP,KAAMI,EAACC,EAAA,CAAK,KAAK,cAAc,UAAU,SAAS,EAClD,QAAS,IAAML,EAAO,MAAA,EAAQ,QAAQ,cAAc,GAAG,EAAE,IAAA,CAAI,CAEjE"}
1	+ {"version":3,"file":"helper.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/editor/model/helper.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/react'\nimport { type ColorOption, type HeadingLevel } from './types'\nimport { Icon } from '$/shared/ui'\n\nexport const headingsOptions: HeadingLevel[] = [1, 2, 3, 4]\n\nexport const editorHeadingClasses: Record<number, string> = {\n 1: 'mob-headline-bold-m desktop:desk-headline-bold-l',\n 2: 'mob-headline-bold-s desktop:desk-headline-bold-m',\n 3: 'mob-title-bold-l desktop:desk-title-bold-l',\n 4: 'mob-title-bold-m desktop:desk-title-bold-s'\n}\n\n// TODO: пофиксить типы\nexport const brOptions = () => [\n {\n label: 'br',\n handler: (editor: any) => editor.chain().focus().setHardBreak().run()\n },\n {\n label: 'br 🖥️',\n handler: (editor: any) => editor.chain().focus().setHardBreakDesktop().run()\n },\n {\n label: 'br 📱',\n handler: (editor: any) => editor.chain().focus().setHardBreakMobile().run()\n }\n]\n\nexport const fontSizesOptions = [\n { label: '12px', value: '12px' },\n { label: '14px', value: '14px' },\n { label: '16px', value: '16px' },\n { label: '18px', value: '18px' },\n { label: '20px', value: '20px' },\n { label: '24px', value: '24px' }\n]\n\nexport const editorAllowedColors: ColorOption[] = [\n '#292929',\n '#FFFFFF',\n '#40465A',\n '#5A6E85',\n '#A9B6C5',\n '#94A4B7',\n '#003790',\n '#042E73',\n '#809BC7',\n '#76BC21',\n '#F49F00',\n '#F42500'\n]\n\nexport const renderEditorPanel = (editor: Editor) => [\n {\n label: 'Жирный текст',\n icon: <Icon name='editor/bold' className='size-4' />,\n onClick: () => editor.chain().focus().toggleBold().run(),\n isActive: editor.isActive('bold')\n },\n {\n label: 'Курсивный текст',\n icon: <Icon name='editor/italic' className='size-4' />,\n onClick: () => editor.chain().focus().toggleItalic().run(),\n isActive: editor.isActive('italic')\n },\n {\n label: 'Подчеркнутый текст',\n icon: <Icon name='editor/underline' className='size-4' />,\n onClick: () => editor.chain().focus().toggleUnderline().run(),\n isActive: editor.isActive('underline')\n },\n {\n label: 'Зачеркнутый текст',\n icon: <Icon name='editor/strikethrough' className='size-4' />,\n onClick: () => editor.chain().focus().toggleStrike().run(),\n isActive: editor.isActive('strike')\n },\n {\n label: 'Обычный текст',\n icon: <Icon name='editor/typography' className='size-4' />,\n onClick: () => editor.chain().focus().setParagraph().run()\n },\n {\n label: 'Маркированный список',\n icon: <Icon name='editor/list' className='size-4' />,\n onClick: () => editor.chain().focus().toggleBulletList().run(),\n isActive: editor.isActive('bulletList')\n },\n {\n label: 'Отменить',\n icon: <Icon name='editor/undo' className='size-4' />,\n onClick: () => editor.chain().focus().undo().run()\n },\n {\n label: 'Вернуть',\n icon: <Icon name='editor/redo' className='size-4' />,\n onClick: () => editor.chain().focus().redo().run()\n },\n {\n label: 'Очистить стили и теги',\n icon: <Icon name='editor/removeFormatting' className='size-4' />,\n onClick: () => editor.chain().focus().clearNodes().unsetAllMarks().run()\n },\n {\n label: 'Удалить все',\n icon: <Icon name='general/close' className='size-4' />,\n onClick: () => editor.commands.clearContent()\n },\n {\n label: 'Добавить неразрывной пробел  ',\n icon: <Icon name='editor/nbsp' className='size-4' />,\n onClick: () => editor.chain().focus().insertContent(' ').run()\n }\n]\n"],"names":["headingsOptions","editorHeadingClasses","brOptions","editor","fontSizesOptions","editorAllowedColors","renderEditorPanel","jsx","Icon"],"mappings":"wFAIO,MAAMA,EAAkC,CAAC,EAAG,EAAG,EAAG,CAAC,EAE7CC,EAA+C,CAC1D,EAAG,mDACH,EAAG,mDACH,EAAG,6CACH,EAAG,4CACL,EAGaC,EAAY,IAAM,CAC7B,CACE,MAAO,KACP,QAAUC,GAAgBA,EAAO,MAAA,EAAQ,MAAA,EAAQ,aAAA,EAAe,IAAA,CAAI,EAEtE,CACE,MAAO,SACP,QAAUA,GAAgBA,EAAO,MAAA,EAAQ,MAAA,EAAQ,oBAAA,EAAsB,IAAA,CAAI,EAE7E,CACE,MAAO,QACP,QAAUA,GAAgBA,EAAO,MAAA,EAAQ,MAAA,EAAQ,mBAAA,EAAqB,IAAA,CAAI,CAE9E,EAEaC,EAAmB,CAC9B,CAAE,MAAO,OAAQ,MAAO,MAAA,EACxB,CAAE,MAAO,OAAQ,MAAO,MAAA,EACxB,CAAE,MAAO,OAAQ,MAAO,MAAA,EACxB,CAAE,MAAO,OAAQ,MAAO,MAAA,EACxB,CAAE,MAAO,OAAQ,MAAO,MAAA,EACxB,CAAE,MAAO,OAAQ,MAAO,MAAA,CAC1B,EAEaC,EAAqC,CAChD,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,SACF,EAEaC,EAAqBH,GAAmB,CACnD,CACE,MAAO,eACP,KAAMI,EAACC,EAAA,CAAK,KAAK,cAAc,UAAU,SAAS,EAClD,QAAS,IAAML,EAAO,MAAA,EAAQ,QAAQ,WAAA,EAAa,IAAA,EACnD,SAAUA,EAAO,SAAS,MAAM,CAAA,EAElC,CACE,MAAO,kBACP,KAAMI,EAACC,EAAA,CAAK,KAAK,gBAAgB,UAAU,SAAS,EACpD,QAAS,IAAML,EAAO,MAAA,EAAQ,QAAQ,aAAA,EAAe,IAAA,EACrD,SAAUA,EAAO,SAAS,QAAQ,CAAA,EAEpC,CACE,MAAO,qBACP,KAAMI,EAACC,EAAA,CAAK,KAAK,mBAAmB,UAAU,SAAS,EACvD,QAAS,IAAML,EAAO,MAAA,EAAQ,QAAQ,gBAAA,EAAkB,IAAA,EACxD,SAAUA,EAAO,SAAS,WAAW,CAAA,EAEvC,CACE,MAAO,oBACP,KAAMI,EAACC,EAAA,CAAK,KAAK,uBAAuB,UAAU,SAAS,EAC3D,QAAS,IAAML,EAAO,MAAA,EAAQ,QAAQ,aAAA,EAAe,IAAA,EACrD,SAAUA,EAAO,SAAS,QAAQ,CAAA,EAEpC,CACE,MAAO,gBACP,KAAMI,EAACC,EAAA,CAAK,KAAK,oBAAoB,UAAU,SAAS,EACxD,QAAS,IAAML,EAAO,MAAA,EAAQ,MAAA,EAAQ,aAAA,EAAe,IAAA,CAAI,EAE3D,CACE,MAAO,uBACP,KAAMI,EAACC,EAAA,CAAK,KAAK,cAAc,UAAU,SAAS,EAClD,QAAS,IAAML,EAAO,MAAA,EAAQ,QAAQ,iBAAA,EAAmB,IAAA,EACzD,SAAUA,EAAO,SAAS,YAAY,CAAA,EAExC,CACE,MAAO,WACP,KAAMI,EAACC,EAAA,CAAK,KAAK,cAAc,UAAU,SAAS,EAClD,QAAS,IAAML,EAAO,MAAA,EAAQ,MAAA,EAAQ,KAAA,EAAO,IAAA,CAAI,EAEnD,CACE,MAAO,UACP,KAAMI,EAACC,EAAA,CAAK,KAAK,cAAc,UAAU,SAAS,EAClD,QAAS,IAAML,EAAO,MAAA,EAAQ,MAAA,EAAQ,KAAA,EAAO,IAAA,CAAI,EAEnD,CACE,MAAO,wBACP,KAAMI,EAACC,EAAA,CAAK,KAAK,0BAA0B,UAAU,SAAS,EAC9D,QAAS,IAAML,EAAO,MAAA,EAAQ,MAAA,EAAQ,WAAA,EAAa,cAAA,EAAgB,IAAA,CAAI,EAEzE,CACE,MAAO,cACP,KAAMI,EAACC,EAAA,CAAK,KAAK,gBAAgB,UAAU,SAAS,EACpD,QAAS,IAAML,EAAO,SAAS,aAAA,CAAa,EAE9C,CACE,MAAO,qCACP,KAAMI,EAACC,EAAA,CAAK,KAAK,cAAc,UAAU,SAAS,EAClD,QAAS,IAAML,EAAO,MAAA,EAAQ,QAAQ,cAAc,GAAG,EAAE,IAAA,CAAI,CAEjE"}

package/dist/lib/shared/ui/formElements/controlled/editor/ui/Editor.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as d,jsx as p}from"react/jsx-runtime";import{forwardRef as T,useEffect as C}from"react";import M from"@tiptap/extension-character-count";import{useEditor as y,EditorContent as L}from"@tiptap/react";import{cn as e}from"../../../../../utils/cn.js";import"uuid";import"../../../../button/Button.js";import"../../../../button/model/helpers.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../loader/model/helpers.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../notification/ui/CustomToast.js";import"../../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../carousel/ui/CarouselContent.js";import"../../../../customLink/model/helpers.js";import"../../../../slot/Slot.js";import"../../../uncontrolled/autocomplete/Autocomplete.js";import"../../../uncontrolled/checkbox/Checkbox.js";import"../../../uncontrolled/combobox/combobox.js";import"../../../uncontrolled/dayPicker/DayPicker.js";import"../../../uncontrolled/input/Input.js";import"../../../uncontrolled/inputOtp/InputOtpBase.js";import"../../../uncontrolled/maskInput/MaskInput.js";import"../../../uncontrolled/radio/RadioGroup.js";import"../../../uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../uncontrolled/slider/SliderBase.js";import"../../../uncontrolled/switch/Switch.js";import"../../../uncontrolled/textarea/Textarea.js";import"../../../uncontrolled/uploader/UploaderBase.js";import"../../../uncontrolled/inputCurrency/InputCurrency.js";import"@tanstack/react-query";import"../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../input/MaskInputControl.js";import"../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as U}from"../../../ui/MessageView.js";import"../model/extensions.js";import{editorConfig as k}from"../model/config.js";import{Toolbar as A}from"./Toolbar.js";const I=Number.MAX_SAFE_INTEGER,Ht=T(({onChange:u,value:m="",label:x,limit:n,error:r,classes:t,editable:f,helperText:b,shouldRerenderOnTransaction:c=!0,externalHandlers:g,small:h,...E},w)=>{const{onUpdate:a}=g||{},o=y({extensions:[...k,M.configure({limit:n??I})],editable:f,content:m,parseOptions:{preserveWhitespace:!0},onUpdate:l=>{const{editor:i}=l,N=i!=null&&i.getText()?i==null?void 0:i.getHTML():"";u(N),a&&a(l)},editorProps:{attributes:{spellcheck:"false",class:e("p-4 outline-none bg-color-blue-grey-100 min-h-[240px] !static max-h-[500px] customScrollbar-y overflow-y-auto break-keep",t==null?void 0:t.editor,{"max-h-[80px] min-h-full":h})}},shouldRerenderOnTransaction:c,...E});return C(()=>{o&&o.getHTML()!==m&&o.commands.setContent(m)},[o,m]),o?d("div",{className:e("flex w-full flex-col",t==null?void 0:t.root),children:[d("div",{className:e("relative flex w-full flex-col rounded-md border border-solid border-warm-grey-200",t==null?void 0:t.wrapper),children:[p(A,{editor:o}),!m&&p("p",{className:e("absolute left-4 top-16 text-color-disabled",t==null?void 0:t.label),children:x}),p(L,{ref:w,editor:o}),n&&d("p",{className:"absolute bottom-4 right-4 text-color-disabled",children:[o.storage.characterCount.characters()," / ",n," символов"]})]}),p(U,{className:t==null?void 0:t.message,intent:r!=null&&r.message?"error":"simple",text:(r==null?void 0:r.message)||b,disabled:!f})]}):null});export{Ht as Editor};
+import{jsxs as s,jsx as r}from"react/jsx-runtime";import{forwardRef as N,useEffect as T}from"react";import C from"@tiptap/extension-character-count";import{useEditor as M,EditorContent as y}from"@tiptap/react";import{Toolbar as L}from"./Toolbar.js";import{cn as i}from"../../../../../utils/cn.js";import{editorConfig as U}from"../model/config.js";import{MessageView as k}from"../../../ui/MessageView.js";const A=Number.MAX_SAFE_INTEGER,v=N(({onChange:f,value:t="",label:p,limit:n,error:a,classes:o,editable:l,helperText:u,shouldRerenderOnTransaction:x=!0,externalHandlers:b,small:g,...h},E)=>{const{onUpdate:m}=b||{},e=M({extensions:[...U,C.configure({limit:n??A})],editable:l,content:t,parseOptions:{preserveWhitespace:!0},onUpdate:c=>{const{editor:d}=c,w=d?.getText()?d?.getHTML():"";f(w),m&&m(c)},editorProps:{attributes:{spellcheck:"false",class:i("p-4 outline-none bg-color-blue-grey-100 min-h-[240px] !static max-h-[500px] customScrollbar-y overflow-y-auto break-keep",o?.editor,{"max-h-[80px] min-h-full":g})}},shouldRerenderOnTransaction:x,...h});return T(()=>{e&&e.getHTML()!==t&&e.commands.setContent(t)},[e,t]),e?s("div",{className:i("flex w-full flex-col",o?.root),children:[s("div",{className:i("relative flex w-full flex-col rounded-md border border-solid border-warm-grey-200",o?.wrapper),children:[r(L,{editor:e}),!t&&r("p",{className:i("absolute left-4 top-16 text-color-disabled",o?.label),children:p}),r(y,{ref:E,editor:e}),n&&s("p",{className:"absolute bottom-4 right-4 text-color-disabled",children:[e.storage.characterCount.characters()," / ",n," символов"]})]}),r(k,{className:o?.message,intent:a?.message?"error":"simple",text:a?.message||u,disabled:!l})]}):null});export{v as Editor};
 //# sourceMappingURL=Editor.js.map

package/dist/lib/shared/ui/formElements/controlled/editor/ui/Editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Editor.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/Editor.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, useEffect } from 'react'\nimport { type FieldError } from 'react-hook-form'\nimport CharacterCount from '@tiptap/extension-character-count'\nimport { EditorContent, type EditorEvents, useEditor, type UseEditorOptions } from '@tiptap/react'\nimport { MessageView } from '../../../ui'\nimport { type EditorControlClasses } from '../EditorControl'\nimport { editorConfig } from '../model'\nimport { Toolbar } from './Toolbar'\nimport { cn } from '$/shared/utils'\ntype ExternalHandlers = {\n onUpdate?: (editor: EditorEvents['update']) => void\n}\n\ninterface EditorProps extends Partial<UseEditorOptions> {\n onChange: (value: string) => void\n value: string\n error?: FieldError\n classes?: EditorControlClasses\n externalHandlers?: ExternalHandlers\n label?: string\n helperText?: string \| ReactElement\n /*\n Лимит символов\n /\n limit?: number\n /\n Сделать текстовый редактор маленьким\n */\n small?: boolean\n}\n\ntype EditorRef = React.ElementRef<typeof EditorContent>\n\nconst DEFAULT_LIMIT = Number.MAX_SAFE_INTEGER\n\nexport const Editor = forwardRef<EditorRef, EditorProps>(\n (\n {\n onChange,\n value = '',\n label,\n limit,\n error,\n classes,\n editable,\n helperText,\n shouldRerenderOnTransaction = true,\n externalHandlers,\n small,\n ...props\n },\n ref\n ) => {\n const { onUpdate: externalOnUpdate } = externalHandlers \|\| {}\n\n const editor = useEditor({\n extensions: [\n ...editorConfig,\n CharacterCount.configure({\n limit: limit ?? DEFAULT_LIMIT\n })\n ],\n editable: editable,\n content: value,\n parseOptions: {\n preserveWhitespace: true\n },\n onUpdate: (props) => {\n const { editor } = props\n const content = editor?.getText() ? editor?.getHTML() : ''\n onChange(content)\n\n if (externalOnUpdate) {\n externalOnUpdate(props)\n }\n },\n editorProps: {\n // TODO: спросить у Рустема\n // transformPastedText(text) {\n // return text.replace(/\\xA0/g, ' ')\n // },\n // transformPastedHTML(html) {\n // return html.replace(/\\xA0/g, ' ')\n // },\n attributes: {\n spellcheck: 'false',\n class: cn(\n 'p-4 outline-none bg-color-blue-grey-100 min-h-[240px] !static max-h-[500px] customScrollbar-y overflow-y-auto break-keep',\n classes?.editor,\n { 'max-h-[80px] min-h-full': small }\n )\n }\n },\n shouldRerenderOnTransaction,\n ...props\n })\n\n useEffect(() => {\n if (editor && editor.getHTML() !== value) {\n editor.commands.setContent(value)\n }\n }, [editor, value])\n\n if (!editor) {\n return null\n }\n\n return (\n <div className={cn('flex w-full flex-col', classes?.root)}>\n <div\n className={cn('relative flex w-full flex-col rounded-md border border-solid border-warm-grey-200', classes?.wrapper)}\n >\n <Toolbar editor={editor} />\n {!value && <p className={cn('absolute left-4 top-16 text-color-disabled', classes?.label)}>{label}</p>}\n <EditorContent ref={ref} editor={editor} />\n {limit && (\n <p className='absolute bottom-4 right-4 text-color-disabled'>\n {editor.storage.characterCount.characters()} / {limit} символов\n </p>\n )}\n </div>\n\n <MessageView\n className={classes?.message}\n intent={error?.message ? 'error' : 'simple'}\n text={error?.message \|\| helperText}\n disabled={!editable}\n />\n </div>\n )\n }\n)\n"],"names":["DEFAULT_LIMIT","Editor","forwardRef","onChange","value","label","limit","error","classes","editable","helperText","shouldRerenderOnTransaction","externalHandlers","small","props","ref","externalOnUpdate","editor","useEditor","editorConfig","CharacterCount","content","cn","useEffect","jsxs","jsx","Toolbar","EditorContent","MessageView"],"mappings":"~~w6EAiCA~~,MAAMA,EAAgB,OAAO,iBAEhBC,~~GAASC~~,EACpB,CACE,CACE,SAAAC,EACA,MAAAC,EAAQ,GACR,MAAAC,EACA,MAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,EACA,4BAAAC,EAA8B,GAC9B,iBAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,SAAUC,CAAA,EAAqBJ,GAAoB,CAAA,EAErDK,EAASC,EAAU,CACvB,WAAY,CACV,GAAGC,EACHC,EAAe,UAAU,CACvB,MAAOd,GAASN,CAAA,CACjB,CAAA,EAEH,SAAAS,EACA,QAASL,EACT,aAAc,CACZ,mBAAoB,EAAA,EAEtB,SAAWU,GAAU,CACnB,KAAM,CAAE,OAAAG,CAAAA,EAAWH,EACbO,EAAUJ,~~GAAAA~~,~~MAAAA~~,~~EAAQ~~,~~UAAYA~~,~~GAAAA,YAAAA,EAAQ,~~UAAY,GACxDd,EAASkB,CAAO,EAEZL,GACFA,EAAiBF,CAAK,CAE1B,EACA,YAAa,CAQX,WAAY,CACV,WAAY,QACZ,MAAOQ,EACL,2HACAd,~~GAAA~~,~~YAAAA,EAAS,~~OACT,CAAE,0BAA2BK,CAAA,CAAM,CACrC,CACF,EAEF,4BAAAF,EACA,GAAGG,CAAA,CACJ,EAQD,OANAS,EAAU,IAAM,CACVN,GAAUA,EAAO,QAAA,IAAcb,GACjCa,EAAO,SAAS,WAAWb,CAAK,CAEpC,EAAG,CAACa,EAAQb,CAAK,CAAC,EAEba,IAKF,MAAA,CAAI,UAAWK,EAAG,uBAAwBd,~~GAAA~~,~~YAAAA,EAAS,~~IAAI,EACtD,SAAA,CAAAgB,EAAC,MAAA,CACC,UAAWF,EAAG,oFAAqFd,~~GAAA~~,~~YAAAA,EAAS,~~OAAO,EAEnH,SAAA,CAAAiB,EAACC,GAAQ,OAAAT,EAAgB,EACxB,CAACb,GAASqB,EAAC,IAAA,CAAE,UAAWH,EAAG,6CAA8Cd,~~GAAA~~,~~YAAAA,EAAS,~~KAAK,EAAI,SAAAH,CAAA,CAAM,EAClGoB,EAACE,EAAA,CAAc,IAAAZ,EAAU,OAAAE,CAAA,CAAgB,EACxCX,GACCkB,EAAC,IAAA,CAAE,UAAU,gDACV,SAAA,CAAAP,EAAO,QAAQ,eAAe,WAAA,EAAa,MAAIX,EAAM,WAAA,CAAA,CACxD,CAAA,CAAA,CAAA,EAIJmB,EAACG,EAAA,CACC,UAAWpB,~~GAAA~~,~~YAAAA,EAAS,~~QACpB,OAAQD,~~GAAA~~,~~MAAAA,EAAO,~~QAAU,QAAU,SACnC,~~MAAMA~~,~~GAAA~~,~~YAAAA~~,~~EAAO,UAAWG,~~EACxB,SAAU,CAACD,CAAA,CAAA,CACb,EACF,EAxBO,IA0BX,CACF"}
1	+ {"version":3,"file":"Editor.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/Editor.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, useEffect } from 'react'\nimport { type FieldError } from 'react-hook-form'\nimport CharacterCount from '@tiptap/extension-character-count'\nimport { EditorContent, type EditorEvents, useEditor, type UseEditorOptions } from '@tiptap/react'\nimport { MessageView } from '../../../ui'\nimport { type EditorControlClasses } from '../EditorControl'\nimport { editorConfig } from '../model'\nimport { Toolbar } from './Toolbar'\nimport { cn } from '$/shared/utils'\ntype ExternalHandlers = {\n onUpdate?: (editor: EditorEvents['update']) => void\n}\n\ninterface EditorProps extends Partial<UseEditorOptions> {\n onChange: (value: string) => void\n value: string\n error?: FieldError\n classes?: EditorControlClasses\n externalHandlers?: ExternalHandlers\n label?: string\n helperText?: string \| ReactElement\n /*\n Лимит символов\n /\n limit?: number\n /\n Сделать текстовый редактор маленьким\n */\n small?: boolean\n}\n\ntype EditorRef = React.ElementRef<typeof EditorContent>\n\nconst DEFAULT_LIMIT = Number.MAX_SAFE_INTEGER\n\nexport const Editor = forwardRef<EditorRef, EditorProps>(\n (\n {\n onChange,\n value = '',\n label,\n limit,\n error,\n classes,\n editable,\n helperText,\n shouldRerenderOnTransaction = true,\n externalHandlers,\n small,\n ...props\n },\n ref\n ) => {\n const { onUpdate: externalOnUpdate } = externalHandlers \|\| {}\n\n const editor = useEditor({\n extensions: [\n ...editorConfig,\n CharacterCount.configure({\n limit: limit ?? DEFAULT_LIMIT\n })\n ],\n editable: editable,\n content: value,\n parseOptions: {\n preserveWhitespace: true\n },\n onUpdate: (props) => {\n const { editor } = props\n const content = editor?.getText() ? editor?.getHTML() : ''\n onChange(content)\n\n if (externalOnUpdate) {\n externalOnUpdate(props)\n }\n },\n editorProps: {\n // TODO: спросить у Рустема\n // transformPastedText(text) {\n // return text.replace(/\\xA0/g, ' ')\n // },\n // transformPastedHTML(html) {\n // return html.replace(/\\xA0/g, ' ')\n // },\n attributes: {\n spellcheck: 'false',\n class: cn(\n 'p-4 outline-none bg-color-blue-grey-100 min-h-[240px] !static max-h-[500px] customScrollbar-y overflow-y-auto break-keep',\n classes?.editor,\n { 'max-h-[80px] min-h-full': small }\n )\n }\n },\n shouldRerenderOnTransaction,\n ...props\n })\n\n useEffect(() => {\n if (editor && editor.getHTML() !== value) {\n editor.commands.setContent(value)\n }\n }, [editor, value])\n\n if (!editor) {\n return null\n }\n\n return (\n <div className={cn('flex w-full flex-col', classes?.root)}>\n <div\n className={cn('relative flex w-full flex-col rounded-md border border-solid border-warm-grey-200', classes?.wrapper)}\n >\n <Toolbar editor={editor} />\n {!value && <p className={cn('absolute left-4 top-16 text-color-disabled', classes?.label)}>{label}</p>}\n <EditorContent ref={ref} editor={editor} />\n {limit && (\n <p className='absolute bottom-4 right-4 text-color-disabled'>\n {editor.storage.characterCount.characters()} / {limit} символов\n </p>\n )}\n </div>\n\n <MessageView\n className={classes?.message}\n intent={error?.message ? 'error' : 'simple'}\n text={error?.message \|\| helperText}\n disabled={!editable}\n />\n </div>\n )\n }\n)\n"],"names":["DEFAULT_LIMIT","Editor","forwardRef","onChange","value","label","limit","error","classes","editable","helperText","shouldRerenderOnTransaction","externalHandlers","small","props","ref","externalOnUpdate","editor","useEditor","editorConfig","CharacterCount","content","cn","useEffect","jsxs","jsx","Toolbar","EditorContent","MessageView"],"mappings":"oZAiCA,MAAMA,EAAgB,OAAO,iBAEhBC,EAASC,EACpB,CACE,CACE,SAAAC,EACA,MAAAC,EAAQ,GACR,MAAAC,EACA,MAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,EACA,4BAAAC,EAA8B,GAC9B,iBAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,SAAUC,CAAA,EAAqBJ,GAAoB,CAAA,EAErDK,EAASC,EAAU,CACvB,WAAY,CACV,GAAGC,EACHC,EAAe,UAAU,CACvB,MAAOd,GAASN,CAAA,CACjB,CAAA,EAEH,SAAAS,EACA,QAASL,EACT,aAAc,CACZ,mBAAoB,EAAA,EAEtB,SAAWU,GAAU,CACnB,KAAM,CAAE,OAAAG,CAAAA,EAAWH,EACbO,EAAUJ,GAAQ,QAAA,EAAYA,GAAQ,UAAY,GACxDd,EAASkB,CAAO,EAEZL,GACFA,EAAiBF,CAAK,CAE1B,EACA,YAAa,CAQX,WAAY,CACV,WAAY,QACZ,MAAOQ,EACL,2HACAd,GAAS,OACT,CAAE,0BAA2BK,CAAA,CAAM,CACrC,CACF,EAEF,4BAAAF,EACA,GAAGG,CAAA,CACJ,EAQD,OANAS,EAAU,IAAM,CACVN,GAAUA,EAAO,QAAA,IAAcb,GACjCa,EAAO,SAAS,WAAWb,CAAK,CAEpC,EAAG,CAACa,EAAQb,CAAK,CAAC,EAEba,IAKF,MAAA,CAAI,UAAWK,EAAG,uBAAwBd,GAAS,IAAI,EACtD,SAAA,CAAAgB,EAAC,MAAA,CACC,UAAWF,EAAG,oFAAqFd,GAAS,OAAO,EAEnH,SAAA,CAAAiB,EAACC,GAAQ,OAAAT,EAAgB,EACxB,CAACb,GAASqB,EAAC,IAAA,CAAE,UAAWH,EAAG,6CAA8Cd,GAAS,KAAK,EAAI,SAAAH,CAAA,CAAM,EAClGoB,EAACE,EAAA,CAAc,IAAAZ,EAAU,OAAAE,CAAA,CAAgB,EACxCX,GACCkB,EAAC,IAAA,CAAE,UAAU,gDACV,SAAA,CAAAP,EAAO,QAAQ,eAAe,WAAA,EAAa,MAAIX,EAAM,WAAA,CAAA,CACxD,CAAA,CAAA,CAAA,EAIJmB,EAACG,EAAA,CACC,UAAWpB,GAAS,QACpB,OAAQD,GAAO,QAAU,QAAU,SACnC,KAAMA,GAAO,SAAWG,EACxB,SAAU,CAACD,CAAA,CAAA,CACb,EACF,EAxBO,IA0BX,CACF"}

package/dist/lib/shared/ui/formElements/controlled/editor/ui/EditorModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as a,Fragment as c,jsx as m}from"react/jsx-runtime";import{useState as d}from"react";import{Icon as x}from"../../../../icon/Icon.js";import{Modal as f}from"../../../../modal/Modal.js";import{cn as u}from"../../../../../utils/cn.js";import"uuid";import"../../../../button/Button.js";import"../../../../button/model/helpers.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../loader/model/helpers.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-hot-toast";import"../../../../notification/ui/CustomToast.js";import"../../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../carousel/ui/CarouselContent.js";import"react-dom";import"../../../../customLink/model/helpers.js";import"../../../../slot/Slot.js";import"../../../uncontrolled/autocomplete/Autocomplete.js";import"../../../uncontrolled/checkbox/Checkbox.js";import"../../../uncontrolled/combobox/combobox.js";import"../../../uncontrolled/dayPicker/DayPicker.js";import{InputBase as g}from"../../../uncontrolled/input/Input.js";import"../../../uncontrolled/inputOtp/InputOtpBase.js";import"../../../uncontrolled/maskInput/MaskInput.js";import"../../../uncontrolled/radio/RadioGroup.js";import"../../../uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../uncontrolled/slider/SliderBase.js";import"../../../uncontrolled/switch/Switch.js";import"../../../uncontrolled/textarea/Textarea.js";import"../../../uncontrolled/uploader/UploaderBase.js";import"../../../uncontrolled/inputCurrency/InputCurrency.js";import"@tanstack/react-query";import"../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import{Editor as M}from"./Editor.js";import"../../input/MaskInputControl.js";import"../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"framer-motion";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as h}from"../../../ui/MessageView.js";const vt=({label:s,classes:o,editable:i,helperText:r,field:p,error:t,...l})=>{const[n,e]=d(!1);return a(c,{children:[a("div",{className:"flex flex-1 flex-col",children:[m(g,{readOnly:!0,label:s,classes:{},...p,renderValues:()=>m("div",{className:u("customScrollbar-y peer max-h-[70px] w-full !overflow-auto truncate p-4 pb-[9px] pt-[27px]"),dangerouslySetInnerHTML:{__html:p.value}}),attachmentProps:{icon:m(x,{name:"general/edit",className:"size-5 text-color-tetriary"})},onClick:()=>i&&e(!0)}),m(h,{className:o==null?void 0:o.message,intent:t!=null&&t.message?"error":"simple",text:(t==null?void 0:t.message)||r,disabled:!i})]}),m(f,{classes:{modal:"max-w-[700px]"},isModalOpen:n,closeModal:()=>e(!1),children:m(M,{...p,editable:i,error:t,helperText:r,classes:{editor:"min-h-[350px]",...o},...l})})]})};export{vt as EditorModal};
+import{jsxs as l,Fragment as p,jsx as e}from"react/jsx-runtime";import{useState as d}from"react";import{Editor as x}from"./Editor.js";import{InputBase as f}from"../../../uncontrolled/input/Input.js";import{Icon as u}from"../../../../icon/Icon.js";import{cn as g}from"../../../../../utils/cn.js";import{Modal as M}from"../../../../modal/Modal.js";import{MessageView as h}from"../../../ui/MessageView.js";const E=({label:n,classes:a,editable:s,helperText:t,field:o,error:r,...i})=>{const[c,m]=d(!1);return l(p,{children:[l("div",{className:"flex flex-1 flex-col",children:[e(f,{readOnly:!0,label:n,classes:{},...o,renderValues:()=>e("div",{className:g("customScrollbar-y peer max-h-[70px] w-full !overflow-auto truncate p-4 pb-[9px] pt-[27px]"),dangerouslySetInnerHTML:{__html:o.value}}),attachmentProps:{icon:e(u,{name:"general/edit",className:"size-5 text-color-tetriary"})},onClick:()=>s&&m(!0)}),e(h,{className:a?.message,intent:r?.message?"error":"simple",text:r?.message||t,disabled:!s})]}),e(M,{classes:{modal:"max-w-[700px]"},isModalOpen:c,closeModal:()=>m(!1),children:e(x,{...o,editable:s,error:r,helperText:t,classes:{editor:"min-h-[350px]",...a},...i})})]})};export{E as EditorModal};
 //# sourceMappingURL=EditorModal.js.map

package/dist/lib/shared/ui/formElements/controlled/editor/ui/EditorModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditorModal.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/EditorModal.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { type ControllerRenderProps, type FieldError, type FieldValues } from 'react-hook-form'\nimport { Icon } from '../../../../icon'\nimport { Modal } from '../../../../modal'\nimport { MessageView } from '../../../ui'\nimport { InputBase } from '../../../uncontrolled/input'\nimport { type EditorControlProps } from '../EditorControl'\nimport { Editor } from './Editor'\nimport { cn } from '$/shared/utils'\n\nexport interface EditorModalProps<T extends FieldValues>\n extends Pick<EditorControlProps<T>, 'label' \| 'classes' \| 'editable' \| 'helperText'> {\n field: ControllerRenderProps<T>\n error?: FieldError\n}\n\nexport const EditorModal = <T extends FieldValues>({\n label,\n classes,\n editable,\n helperText,\n field,\n error,\n ...props\n}: EditorModalProps<T>) => {\n const [isModalOpen, setIsModalOpen] = useState(false)\n\n return (\n <>\n <div className='flex flex-1 flex-col'>\n <InputBase\n readOnly\n label={label}\n classes={{}}\n {...field}\n renderValues={() => (\n <div\n className={cn('customScrollbar-y peer max-h-[70px] w-full !overflow-auto truncate p-4 pb-[9px] pt-[27px]')}\n dangerouslySetInnerHTML={{ __html: field.value }}\n />\n )}\n attachmentProps={{\n icon: <Icon name='general/edit' className='size-5 text-color-tetriary' />\n }}\n onClick={() => editable && setIsModalOpen(true)}\n />\n <MessageView\n className={classes?.message}\n intent={error?.message ? 'error' : 'simple'}\n text={error?.message \|\| helperText}\n disabled={!editable}\n />\n </div>\n <Modal\n classes={{\n modal: 'max-w-[700px]'\n }}\n isModalOpen={isModalOpen}\n closeModal={() => setIsModalOpen(false)}\n >\n <Editor\n {...field}\n editable={editable}\n error={error}\n helperText={helperText}\n classes={{\n editor: 'min-h-[350px]',\n ...classes\n }}\n {...props}\n />\n </Modal>\n </>\n )\n}\n"],"names":["EditorModal","label","classes","editable","helperText","field","error","props","isModalOpen","setIsModalOpen","useState","jsxs","Fragment","jsx","InputBase","cn","Icon","MessageView","Modal","Editor"],"mappings":"~~wyEAgBO~~,MAAMA,~~GAAc~~,CAAwB,CACjD,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,EACA,MAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA2B,CACzB,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAS,EAAK,EAEpD,OACEC,EAAAC,EAAA,CACE,SAAA,CAAAD,EAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAE,EAACC,EAAA,CACC,SAAQ,GACR,MAAAb,EACA,QAAS,CAAA,EACR,GAAGI,EACJ,aAAc,IACZQ,EAAC,MAAA,CACC,UAAWE,EAAG,2FAA2F,EACzG,wBAAyB,CAAE,OAAQV,EAAM,KAAA,CAAM,CAAA,EAGnD,gBAAiB,CACf,KAAMQ,EAACG,EAAA,CAAK,KAAK,eAAe,UAAU,4BAAA,CAA6B,CAAA,EAEzE,QAAS,IAAMb,GAAYM,EAAe,EAAI,CAAA,CAAA,EAEhDI,EAACI,EAAA,CACC,UAAWf,~~GAAA~~,~~YAAAA,EAAS,~~QACpB,OAAQI,~~GAAA~~,~~MAAAA,EAAO,~~QAAU,QAAU,SACnC,~~MAAMA~~,~~GAAA~~,~~YAAAA~~,~~EAAO,UAAWF,~~EACxB,SAAU,CAACD,CAAA,CAAA,CACb,EACF,EACAU,EAACK,EAAA,CACC,QAAS,CACP,MAAO,eAAA,EAET,YAAAV,EACA,WAAY,IAAMC,EAAe,EAAK,EAEtC,SAAAI,EAACM,EAAA,CACE,GAAGd,EACJ,SAAAF,EACA,MAAAG,EACA,WAAAF,EACA,QAAS,CACP,OAAQ,gBACR,GAAGF,CAAA,EAEJ,GAAGK,CAAA,CAAA,CACN,CAAA,CACF,EACF,CAEJ"}
1	+ {"version":3,"file":"EditorModal.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/EditorModal.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { type ControllerRenderProps, type FieldError, type FieldValues } from 'react-hook-form'\nimport { Icon } from '../../../../icon'\nimport { Modal } from '../../../../modal'\nimport { MessageView } from '../../../ui'\nimport { InputBase } from '../../../uncontrolled/input'\nimport { type EditorControlProps } from '../EditorControl'\nimport { Editor } from './Editor'\nimport { cn } from '$/shared/utils'\n\nexport interface EditorModalProps<T extends FieldValues>\n extends Pick<EditorControlProps<T>, 'label' \| 'classes' \| 'editable' \| 'helperText'> {\n field: ControllerRenderProps<T>\n error?: FieldError\n}\n\nexport const EditorModal = <T extends FieldValues>({\n label,\n classes,\n editable,\n helperText,\n field,\n error,\n ...props\n}: EditorModalProps<T>) => {\n const [isModalOpen, setIsModalOpen] = useState(false)\n\n return (\n <>\n <div className='flex flex-1 flex-col'>\n <InputBase\n readOnly\n label={label}\n classes={{}}\n {...field}\n renderValues={() => (\n <div\n className={cn('customScrollbar-y peer max-h-[70px] w-full !overflow-auto truncate p-4 pb-[9px] pt-[27px]')}\n dangerouslySetInnerHTML={{ __html: field.value }}\n />\n )}\n attachmentProps={{\n icon: <Icon name='general/edit' className='size-5 text-color-tetriary' />\n }}\n onClick={() => editable && setIsModalOpen(true)}\n />\n <MessageView\n className={classes?.message}\n intent={error?.message ? 'error' : 'simple'}\n text={error?.message \|\| helperText}\n disabled={!editable}\n />\n </div>\n <Modal\n classes={{\n modal: 'max-w-[700px]'\n }}\n isModalOpen={isModalOpen}\n closeModal={() => setIsModalOpen(false)}\n >\n <Editor\n {...field}\n editable={editable}\n error={error}\n helperText={helperText}\n classes={{\n editor: 'min-h-[350px]',\n ...classes\n }}\n {...props}\n />\n </Modal>\n </>\n )\n}\n"],"names":["EditorModal","label","classes","editable","helperText","field","error","props","isModalOpen","setIsModalOpen","useState","jsxs","Fragment","jsx","InputBase","cn","Icon","MessageView","Modal","Editor"],"mappings":"mZAgBO,MAAMA,EAAc,CAAwB,CACjD,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,EACA,MAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA2B,CACzB,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAS,EAAK,EAEpD,OACEC,EAAAC,EAAA,CACE,SAAA,CAAAD,EAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAE,EAACC,EAAA,CACC,SAAQ,GACR,MAAAb,EACA,QAAS,CAAA,EACR,GAAGI,EACJ,aAAc,IACZQ,EAAC,MAAA,CACC,UAAWE,EAAG,2FAA2F,EACzG,wBAAyB,CAAE,OAAQV,EAAM,KAAA,CAAM,CAAA,EAGnD,gBAAiB,CACf,KAAMQ,EAACG,EAAA,CAAK,KAAK,eAAe,UAAU,4BAAA,CAA6B,CAAA,EAEzE,QAAS,IAAMb,GAAYM,EAAe,EAAI,CAAA,CAAA,EAEhDI,EAACI,EAAA,CACC,UAAWf,GAAS,QACpB,OAAQI,GAAO,QAAU,QAAU,SACnC,KAAMA,GAAO,SAAWF,EACxB,SAAU,CAACD,CAAA,CAAA,CACb,EACF,EACAU,EAACK,EAAA,CACC,QAAS,CACP,MAAO,eAAA,EAET,YAAAV,EACA,WAAY,IAAMC,EAAe,EAAK,EAEtC,SAAAI,EAACM,EAAA,CACE,GAAGd,EACJ,SAAAF,EACA,MAAAG,EACA,WAAAF,EACA,QAAS,CACP,OAAQ,gBACR,GAAGF,CAAA,EAEJ,GAAGK,CAAA,CAAA,CACN,CAAA,CACF,EACF,CAEJ"}

package/dist/lib/shared/ui/formElements/controlled/editor/ui/Toolbar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as r}from"react/jsx-runtime";import{SetCoreCommands as t}from"./commands/SetCoreCommands.js";import{SetHeadings as e}from"./commands/SetHeadings.js";import{SetColor as l}from"./commands/SetColor.js";import{SetCustomLink as p}from"./commands/setCustomLink.js";import{SetFontSize as s}from"./commands/SetFontSize.js";import{SetHardBreak as a}from"./commands/SetHardBreak.js";const b=({editor:o})=>m("div",{className:"customScrollbar-y flex w-full items-center gap-2 overflow-x-auto bg-color-blue-grey-200 px-4 py-3",children:[r(t,{editor:o}),r(a,{editor:o}),r(l,{editor:o}),r(e,{editor:o}),r(p,{editor:o}),r(s,{editor:o})]});export{b as Toolbar};
+import{jsxs as m,jsx as r}from"react/jsx-runtime";import{SetHardBreak as t}from"./commands/SetHardBreak.js";import{SetCoreCommands as e}from"./commands/SetCoreCommands.js";import{SetColor as l}from"./commands/SetColor.js";import{SetHeadings as p}from"./commands/SetHeadings.js";import{SetCustomLink as s}from"./commands/setCustomLink.js";import{SetFontSize as a}from"./commands/SetFontSize.js";const b=({editor:o})=>m("div",{className:"customScrollbar-y flex w-full items-center gap-2 overflow-x-auto bg-color-blue-grey-200 px-4 py-3",children:[r(e,{editor:o}),r(t,{editor:o}),r(l,{editor:o}),r(p,{editor:o}),r(s,{editor:o}),r(a,{editor:o})]});export{b as Toolbar};
 //# sourceMappingURL=Toolbar.js.map

package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetColor.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import"../../model/extensions.js";import"../../model/config.js";import{editorAllowedColors as i}from"../../model/helper.js";import{cn as m}from"../../../../../../utils/cn.js";import"uuid";import"react";import"../../../../../button/Button.js";import"../../../../../button/model/helpers.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../loader/model/helpers.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import{Popover as e}from"../../../../../popover/Popover.js";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../notification/ui/CustomToast.js";import"../../../../../table/ui/primitives/Primitives.js";import{Icon as p}from"../../../../../icon/Icon.js";import"@tanstack/react-table";import"../../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../customLink/model/helpers.js";import"../../../../../slot/Slot.js";import"../../../../uncontrolled/autocomplete/Autocomplete.js";import"../../../../uncontrolled/checkbox/Checkbox.js";import"../../../../uncontrolled/combobox/combobox.js";import"../../../../uncontrolled/dayPicker/DayPicker.js";import"../../../../uncontrolled/input/Input.js";import"../../../../uncontrolled/inputOtp/InputOtpBase.js";import"../../../../uncontrolled/maskInput/MaskInput.js";import"../../../../uncontrolled/radio/RadioGroup.js";import"../../../../uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../uncontrolled/slider/SliderBase.js";import"../../../../uncontrolled/switch/Switch.js";import"../../../../uncontrolled/textarea/Textarea.js";import"../../../../uncontrolled/uploader/UploaderBase.js";import"../../../../uncontrolled/inputCurrency/InputCurrency.js";import"../../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../Editor.js";import"../../../input/MaskInputControl.js";import"../../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const ar=({editor:t})=>r(e,{classes:{content:"w-full max-w-[500px] bg-color-blue-grey-200 border border-solid border-warm-grey-300",arrowIcon:"fill-dark-hover"},triggerElement:r("span",{title:"Добавить цвет текста",className:"flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",children:r(p,{name:"editor/palette",className:"size-4"})}),children:r("div",{className:"grid grid-cols-6 gap-3",children:i.map(o=>r("button",{type:"button",style:{background:o},onClick:()=>t.chain().focus().setColor(o).run(),className:m("desk-body-regular-m size-6 cursor-pointer rounded-full border border-solid border-transparent text-left outline-none transition-transform hover:scale-105",{"border-warm-grey-300":o==="#FFFFFF"})},o))})});export{ar as SetColor};
+import{jsx as r}from"react/jsx-runtime";import{editorAllowedColors as t}from"../../model/helper.js";import{cn as n}from"../../../../../../utils/cn.js";import{Popover as s}from"../../../../../popover/Popover.js";import{Icon as l}from"../../../../../icon/Icon.js";const p=({editor:o})=>r(s,{classes:{content:"w-full max-w-[500px] bg-color-blue-grey-200 border border-solid border-warm-grey-300",arrowIcon:"fill-dark-hover"},triggerElement:r("span",{title:"Добавить цвет текста",className:"flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",children:r(l,{name:"editor/palette",className:"size-4"})}),children:r("div",{className:"grid grid-cols-6 gap-3",children:t.map(e=>r("button",{type:"button",style:{background:e},onClick:()=>o.chain().focus().setColor(e).run(),className:n("desk-body-regular-m size-6 cursor-pointer rounded-full border border-solid border-transparent text-left outline-none transition-transform hover:scale-105",{"border-warm-grey-300":e==="#FFFFFF"})},e))})});export{p as SetColor};
 //# sourceMappingURL=SetColor.js.map

package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetColor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SetColor.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/SetColor.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/react'\nimport { editorAllowedColors } from '../../model'\nimport { Icon, Popover } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ninterface ISetColorProps {\n editor: Editor\n}\n\nexport const SetColor = ({ editor }: ISetColorProps) => {\n return (\n <Popover\n classes={{\n content: 'w-full max-w-[500px] bg-color-blue-grey-200 border border-solid border-warm-grey-300',\n arrowIcon: 'fill-dark-hover'\n }}\n triggerElement={\n <span\n title='Добавить цвет текста'\n className='flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white'\n >\n <Icon name='editor/palette' className='size-4' />\n </span>\n }\n >\n <div className='grid grid-cols-6 gap-3'>\n {editorAllowedColors.map((color) => (\n <button\n key={color}\n type='button'\n style={{ background: color }}\n onClick={() => editor.chain().focus().setColor(color).run()}\n className={cn(\n 'desk-body-regular-m size-6 cursor-pointer rounded-full border border-solid border-transparent text-left outline-none transition-transform hover:scale-105',\n { 'border-warm-grey-300': color === '#FFFFFF' }\n )}\n />\n ))}\n </div>\n </Popover>\n )\n}\n"],"names":["SetColor","editor","jsx","Popover","Icon","editorAllowedColors","color","cn"],"mappings":"~~o8EASO~~,MAAMA,~~GAAW~~,CAAC,CAAE,OAAAC,KAEvBC,EAACC,EAAA,CACC,QAAS,CACP,QAAS,uFACT,UAAW,iBAAA,EAEb,eACED,EAAC,OAAA,CACC,MAAM,uBACN,UAAU,4KAEV,SAAAA,EAACE,EAAA,CAAK,KAAK,iBAAiB,UAAU,QAAA,CAAS,CAAA,CAAA,EAInD,WAAC,MAAA,CAAI,UAAU,yBACZ,SAAAC,EAAoB,IAAKC,GACxBJ,EAAC,SAAA,CAEC,KAAK,SACL,MAAO,CAAE,WAAYI,CAAA,EACrB,QAAS,IAAML,EAAO,MAAA,EAAQ,QAAQ,SAASK,CAAK,EAAE,IAAA,EACtD,UAAWC,EACT,4JACA,CAAE,uBAAwBD,IAAU,SAAA,CAAU,CAChD,EAPKA,CAAA,CASR,CAAA,CACH,CAAA,CAAA"}
1	+ {"version":3,"file":"SetColor.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/SetColor.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/react'\nimport { editorAllowedColors } from '../../model'\nimport { Icon, Popover } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ninterface ISetColorProps {\n editor: Editor\n}\n\nexport const SetColor = ({ editor }: ISetColorProps) => {\n return (\n <Popover\n classes={{\n content: 'w-full max-w-[500px] bg-color-blue-grey-200 border border-solid border-warm-grey-300',\n arrowIcon: 'fill-dark-hover'\n }}\n triggerElement={\n <span\n title='Добавить цвет текста'\n className='flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white'\n >\n <Icon name='editor/palette' className='size-4' />\n </span>\n }\n >\n <div className='grid grid-cols-6 gap-3'>\n {editorAllowedColors.map((color) => (\n <button\n key={color}\n type='button'\n style={{ background: color }}\n onClick={() => editor.chain().focus().setColor(color).run()}\n className={cn(\n 'desk-body-regular-m size-6 cursor-pointer rounded-full border border-solid border-transparent text-left outline-none transition-transform hover:scale-105',\n { 'border-warm-grey-300': color === '#FFFFFF' }\n )}\n />\n ))}\n </div>\n </Popover>\n )\n}\n"],"names":["SetColor","editor","jsx","Popover","Icon","editorAllowedColors","color","cn"],"mappings":"sQASO,MAAMA,EAAW,CAAC,CAAE,OAAAC,KAEvBC,EAACC,EAAA,CACC,QAAS,CACP,QAAS,uFACT,UAAW,iBAAA,EAEb,eACED,EAAC,OAAA,CACC,MAAM,uBACN,UAAU,4KAEV,SAAAA,EAACE,EAAA,CAAK,KAAK,iBAAiB,UAAU,QAAA,CAAS,CAAA,CAAA,EAInD,WAAC,MAAA,CAAI,UAAU,yBACZ,SAAAC,EAAoB,IAAKC,GACxBJ,EAAC,SAAA,CAEC,KAAK,SACL,MAAO,CAAE,WAAYI,CAAA,EACrB,QAAS,IAAML,EAAO,MAAA,EAAQ,QAAQ,SAASK,CAAK,EAAE,IAAA,EACtD,UAAWC,EACT,4JACA,CAAE,uBAAwBD,IAAU,SAAA,CAAU,CAChD,EAPKA,CAAA,CASR,CAAA,CACH,CAAA,CAAA"}

package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetCoreCommands.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import"../../model/extensions.js";import"../../model/config.js";import{renderEditorPanel as s}from"../../model/helper.js";import{cn as c}from"../../../../../../utils/cn.js";import"uuid";import"react";import"../../../../../button/Button.js";import"../../../../../button/model/helpers.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../loader/model/helpers.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import{Hint as n}from"../../../../../hint/Hint.js";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../notification/ui/CustomToast.js";import"../../../../../table/ui/primitives/Primitives.js";import"react-hook-form";import"@hookform/resolvers/zod";import"@tanstack/react-table";import"../../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../customLink/model/helpers.js";import"../../../../../slot/Slot.js";import"../../../../uncontrolled/autocomplete/Autocomplete.js";import"../../../../uncontrolled/checkbox/Checkbox.js";import"../../../../uncontrolled/combobox/combobox.js";import"../../../../uncontrolled/dayPicker/DayPicker.js";import"../../../../uncontrolled/input/Input.js";import"../../../../uncontrolled/inputOtp/InputOtpBase.js";import"../../../../uncontrolled/maskInput/MaskInput.js";import"../../../../uncontrolled/radio/RadioGroup.js";import"../../../../uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../uncontrolled/slider/SliderBase.js";import"../../../../uncontrolled/switch/Switch.js";import"../../../../uncontrolled/textarea/Textarea.js";import"../../../../uncontrolled/uploader/UploaderBase.js";import"../../../../uncontrolled/inputCurrency/InputCurrency.js";import"../../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../Editor.js";import"../../../input/MaskInputControl.js";import"../../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const dr=({editor:i})=>{var o;return r("div",{className:"flex items-center gap-2",children:(o=s(i))==null?void 0:o.map(({label:t,icon:m,onClick:p,isActive:e})=>r(n,{sideOffset:12,classes:{content:"w-max border border-warm-grey-200 desk-body-regular-s py-1 px-3"},triggerElement:r("span",{onClick:p,className:c("flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white focus:bg-color-primary-focus focus:text-color-white",{"!bg-color-primary-hover !text-color-white":e}),children:m}),children:t},t))})};export{dr as SetCoreCommands};
+import{jsx as r}from"react/jsx-runtime";import{renderEditorPanel as c}from"../../model/helper.js";import{cn as n}from"../../../../../../utils/cn.js";import{Hint as m}from"../../../../../hint/Hint.js";const f=({editor:o})=>r("div",{className:"flex items-center gap-2",children:c(o)?.map(({label:e,icon:t,onClick:s,isActive:i})=>r(m,{sideOffset:12,classes:{content:"w-max border border-warm-grey-200 desk-body-regular-s py-1 px-3"},triggerElement:r("span",{onClick:s,className:n("flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white focus:bg-color-primary-focus focus:text-color-white",{"!bg-color-primary-hover !text-color-white":i}),children:t}),children:e},e))});export{f as SetCoreCommands};
 //# sourceMappingURL=SetCoreCommands.js.map

package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetCoreCommands.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SetCoreCommands.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/SetCoreCommands.tsx"],"sourcesContent":["import { type Editor } from '@tiptap/react'\nimport { renderEditorPanel } from '../../model'\nimport { Hint } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ninterface ISetCoreCommandsProps {\n editor: Editor\n}\n\nexport const SetCoreCommands = ({ editor }: ISetCoreCommandsProps) => {\n return (\n <div className='flex items-center gap-2'>\n {renderEditorPanel(editor)?.map(({ label, icon, onClick, isActive }) => (\n <Hint\n key={label}\n sideOffset={12}\n classes={{\n content: 'w-max border border-warm-grey-200 desk-body-regular-s py-1 px-3'\n }}\n triggerElement={\n <span\n onClick={onClick}\n className={cn(\n 'flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white focus:bg-color-primary-focus focus:text-color-white',\n { '!bg-color-primary-hover !text-color-white': isActive }\n )}\n >\n {icon}\n </span>\n }\n >\n {label}\n </Hint>\n ))}\n </div>\n )\n}\n"],"names":["SetCoreCommands","editor","jsx","label","icon","onClick","isActive","Hint","cn"],"mappings":"~~s4EASO~~,MAAMA,~~GAAkB~~,CAAC,CAAE,OAAAC,~~KAAoC~~,~~OACpE,OACEC,~~EAAC,MAAA,CAAI,UAAU,0BACZ,~~cAAkBD~~,CAAM,~~kBAAG~~,IAAI,CAAC,CAAE,MAAAE,EAAO,KAAAC,EAAM,QAAAC,EAAS,SAAAC,KACvDJ,EAACK,EAAA,CAEC,WAAY,GACZ,QAAS,CACP,QAAS,iEAAA,EAEX,eACEL,EAAC,OAAA,CACC,QAAAG,EACA,UAAWG,EACT,gOACA,CAAE,4CAA6CF,CAAA,CAAS,EAGzD,SAAAF,CAAA,CAAA,EAIJ,SAAAD,CAAA,EAjBIA,CAAA,~~GAoBX~~,~~CAEJ~~"}
1	+ {"version":3,"file":"SetCoreCommands.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/SetCoreCommands.tsx"],"sourcesContent":["import { type Editor } from '@tiptap/react'\nimport { renderEditorPanel } from '../../model'\nimport { Hint } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ninterface ISetCoreCommandsProps {\n editor: Editor\n}\n\nexport const SetCoreCommands = ({ editor }: ISetCoreCommandsProps) => {\n return (\n <div className='flex items-center gap-2'>\n {renderEditorPanel(editor)?.map(({ label, icon, onClick, isActive }) => (\n <Hint\n key={label}\n sideOffset={12}\n classes={{\n content: 'w-max border border-warm-grey-200 desk-body-regular-s py-1 px-3'\n }}\n triggerElement={\n <span\n onClick={onClick}\n className={cn(\n 'flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white focus:bg-color-primary-focus focus:text-color-white',\n { '!bg-color-primary-hover !text-color-white': isActive }\n )}\n >\n {icon}\n </span>\n }\n >\n {label}\n </Hint>\n ))}\n </div>\n )\n}\n"],"names":["SetCoreCommands","editor","jsx","label","icon","onClick","isActive","Hint","cn"],"mappings":"wMASO,MAAMA,EAAkB,CAAC,CAAE,OAAAC,KAE9BC,EAAC,MAAA,CAAI,UAAU,0BACZ,WAAkBD,CAAM,GAAG,IAAI,CAAC,CAAE,MAAAE,EAAO,KAAAC,EAAM,QAAAC,EAAS,SAAAC,KACvDJ,EAACK,EAAA,CAEC,WAAY,GACZ,QAAS,CACP,QAAS,iEAAA,EAEX,eACEL,EAAC,OAAA,CACC,QAAAG,EACA,UAAWG,EACT,gOACA,CAAE,4CAA6CF,CAAA,CAAS,EAGzD,SAAAF,CAAA,CAAA,EAIJ,SAAAD,CAAA,EAjBIA,CAAA,CAmBR,EACH"}

package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetFontSize.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as l}from"react/jsx-runtime";import{useState as a,useEffect as u}from"react";import"../../model/extensions.js";import"../../model/config.js";import{fontSizesOptions as f}from"../../model/helper.js";import{cn as h}from"../../../../../../utils/cn.js";import"uuid";import{Button as z}from"../../../../../button/Button.js";import"../../../../../button/model/helpers.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../loader/model/helpers.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import{Popover as S}from"../../../../../popover/Popover.js";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../notification/ui/CustomToast.js";import"../../../../../table/ui/primitives/Primitives.js";import{Icon as d}from"../../../../../icon/Icon.js";import"@tanstack/react-table";import"../../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../customLink/model/helpers.js";import"../../../../../slot/Slot.js";import"../../../../uncontrolled/autocomplete/Autocomplete.js";import"../../../../uncontrolled/checkbox/Checkbox.js";import"../../../../uncontrolled/combobox/combobox.js";import"../../../../uncontrolled/dayPicker/DayPicker.js";import"../../../../uncontrolled/input/Input.js";import"../../../../uncontrolled/inputOtp/InputOtpBase.js";import"../../../../uncontrolled/maskInput/MaskInput.js";import"../../../../uncontrolled/radio/RadioGroup.js";import"../../../../uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../uncontrolled/slider/SliderBase.js";import"../../../../uncontrolled/switch/Switch.js";import"../../../../uncontrolled/textarea/Textarea.js";import"../../../../uncontrolled/uploader/UploaderBase.js";import"../../../../uncontrolled/inputCurrency/InputCurrency.js";import"../../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../Editor.js";import"../../../input/MaskInputControl.js";import"../../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const Ct=({editor:o})=>{const[e,n]=a(null),i=()=>{const t=s();n(t)};u(()=>{if(!o)return;i();const t=()=>i();return o.on("selectionUpdate",t),o.on("transaction",t),()=>{o.off("selectionUpdate",t),o.off("transaction",t)}},[o]);const m=t=>o.chain().focus().setFontSize(t).run(),p=()=>o.chain().focus().unsetFontSize().run(),s=()=>{const{fontSize:t}=o.getAttributes("textStyle");return t||"16px"};return r(S,{classes:{content:"w-full"},triggerElement:r("span",{title:"Размер шрифта",className:"flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",children:r(d,{name:"editor/fonts",className:"size-4"})}),children:l("div",{className:"flex flex-col gap-3",children:[f.map(({value:t,label:c})=>r("button",{type:"button",onClick:()=>m(t),className:h("text-left",{"text-color-primary-default":e===t}),children:r("span",{children:c})},t)),r(z,{intent:"secondary",size:"sm",type:"button",onClick:p,children:"Сбросить"})]})})};export{Ct as SetFontSize};
+import{jsx as n,jsxs as m}from"react/jsx-runtime";import{useState as u,useEffect as f}from"react";import{fontSizesOptions as p}from"../../model/helper.js";import{cn as h}from"../../../../../../utils/cn.js";import{Popover as z}from"../../../../../popover/Popover.js";import{Button as S}from"../../../../../button/Button.js";import{Icon as d}from"../../../../../icon/Icon.js";const j=({editor:e})=>{const[r,s]=u(null),o=()=>{const t=l();s(t)};f(()=>{if(!e)return;o();const t=()=>o();return e.on("selectionUpdate",t),e.on("transaction",t),()=>{e.off("selectionUpdate",t),e.off("transaction",t)}},[e]);const c=t=>e.chain().focus().setFontSize(t).run(),i=()=>e.chain().focus().unsetFontSize().run(),l=()=>{const{fontSize:t}=e.getAttributes("textStyle");return t||"16px"};return n(z,{classes:{content:"w-full"},triggerElement:n("span",{title:"Размер шрифта",className:"flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",children:n(d,{name:"editor/fonts",className:"size-4"})}),children:m("div",{className:"flex flex-col gap-3",children:[p.map(({value:t,label:a})=>n("button",{type:"button",onClick:()=>c(t),className:h("text-left",{"text-color-primary-default":r===t}),children:n("span",{children:a})},t)),n(S,{intent:"secondary",size:"sm",type:"button",onClick:i,children:"Сбросить"})]})})};export{j as SetFontSize};
 //# sourceMappingURL=SetFontSize.js.map

package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetFontSize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SetFontSize.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/SetFontSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport type { Editor } from '@tiptap/react'\nimport { fontSizesOptions } from '../../model'\nimport { Button, Icon, Popover } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport interface SetFontSizeProps {\n editor: Editor\n}\n\nexport const SetFontSize = ({ editor }: SetFontSizeProps) => {\n const [currentSize, setCurrentSize] = useState<string \| null>(null)\n\n const updateCurrentSize = () => {\n const size = getCurrentFontSize()\n setCurrentSize(size)\n }\n\n useEffect(() => {\n if (!editor) return\n updateCurrentSize()\n const handleUpdate = () => updateCurrentSize()\n\n editor.on('selectionUpdate', handleUpdate)\n editor.on('transaction', handleUpdate)\n\n return () => {\n editor.off('selectionUpdate', handleUpdate)\n editor.off('transaction', handleUpdate)\n }\n }, [editor])\n\n const handleFontSizeChange = (size: string) => editor.chain().focus().setFontSize(size).run()\n\n const handleRemoveFontSize = () => editor.chain().focus().unsetFontSize().run()\n\n const getCurrentFontSize = () => {\n const { fontSize } = editor.getAttributes('textStyle')\n return fontSize \|\| '16px'\n }\n\n return (\n <Popover\n classes={{ content: 'w-full' }}\n triggerElement={\n <span\n title='Размер шрифта'\n className='flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white'\n >\n <Icon name='editor/fonts' className='size-4' />\n </span>\n }\n >\n <div className='flex flex-col gap-3'>\n {fontSizesOptions.map(({ value, label }) => {\n const isActive = currentSize === value\n return (\n <button\n type='button'\n key={value}\n onClick={() => handleFontSizeChange(value)}\n className={cn('text-left', {\n 'text-color-primary-default': isActive\n })}\n >\n <span>{label}</span>\n </button>\n )\n })}\n\n <Button intent='secondary' size='sm' type='button' onClick={handleRemoveFontSize}>\n Сбросить\n </Button>\n </div>\n </Popover>\n )\n}\n"],"names":["SetFontSize","editor","currentSize","setCurrentSize","useState","updateCurrentSize","size","getCurrentFontSize","useEffect","handleUpdate","handleFontSizeChange","handleRemoveFontSize","fontSize","jsx","Popover","Icon","jsxs","fontSizesOptions","value","label","cn","Button"],"mappings":"~~8/EAUO~~,MAAMA,~~GAAc~~,CAAC,CAAE,OAAAC,KAA+B,CAC3D,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAwB,IAAI,EAE5DC,EAAoB,IAAM,CAC9B,MAAMC,EAAOC,EAAA,EACbJ,EAAeG,CAAI,CACrB,EAEAE,EAAU,IAAM,CACd,GAAI,CAACP,EAAQ,OACbI,EAAA,EACA,MAAMI,EAAe,IAAMJ,EAAA,EAE3B,OAAAJ,EAAO,GAAG,kBAAmBQ,CAAY,EACzCR,EAAO,GAAG,cAAeQ,CAAY,EAE9B,IAAM,CACXR,EAAO,IAAI,kBAAmBQ,CAAY,EAC1CR,EAAO,IAAI,cAAeQ,CAAY,CACxC,CACF,EAAG,CAACR,CAAM,CAAC,EAEX,MAAMS,EAAwBJ,GAAiBL,EAAO,MAAA,EAAQ,MAAA,EAAQ,YAAYK,CAAI,EAAE,IAAA,EAElFK,EAAuB,IAAMV,EAAO,MAAA,EAAQ,QAAQ,cAAA,EAAgB,IAAA,EAEpEM,EAAqB,IAAM,CAC/B,KAAM,CAAE,SAAAK,CAAA,EAAaX,EAAO,cAAc,WAAW,EACrD,OAAOW,GAAY,MACrB,EAEA,OACEC,EAACC,EAAA,CACC,QAAS,CAAE,QAAS,QAAA,EACpB,eACED,EAAC,OAAA,CACC,MAAM,gBACN,UAAU,4KAEV,SAAAA,EAACE,EAAA,CAAK,KAAK,eAAe,UAAU,QAAA,CAAS,CAAA,CAAA,EAIjD,SAAAC,EAAC,MAAA,CAAI,UAAU,sBACZ,SAAA,CAAAC,EAAiB,IAAI,CAAC,CAAE,MAAAC,EAAO,MAAAC,KAG5BN,EAAC,SAAA,CACC,KAAK,SAEL,QAAS,IAAMH,EAAqBQ,CAAK,EACzC,UAAWE,EAAG,YAAa,CACzB,6BAPWlB,IAAgBgB,CAOG,CAC/B,EAED,SAAAL,EAAC,QAAM,SAAAM,CAAA,CAAM,CAAA,EANRD,CAAA,CASV,EAEDL,EAACQ,EAAA,CAAO,OAAO,YAAY,KAAK,KAAK,KAAK,SAAS,QAASV,EAAsB,SAAA,UAAA,CAElF,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}
1	+ {"version":3,"file":"SetFontSize.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/SetFontSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport type { Editor } from '@tiptap/react'\nimport { fontSizesOptions } from '../../model'\nimport { Button, Icon, Popover } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport interface SetFontSizeProps {\n editor: Editor\n}\n\nexport const SetFontSize = ({ editor }: SetFontSizeProps) => {\n const [currentSize, setCurrentSize] = useState<string \| null>(null)\n\n const updateCurrentSize = () => {\n const size = getCurrentFontSize()\n setCurrentSize(size)\n }\n\n useEffect(() => {\n if (!editor) return\n updateCurrentSize()\n const handleUpdate = () => updateCurrentSize()\n\n editor.on('selectionUpdate', handleUpdate)\n editor.on('transaction', handleUpdate)\n\n return () => {\n editor.off('selectionUpdate', handleUpdate)\n editor.off('transaction', handleUpdate)\n }\n }, [editor])\n\n const handleFontSizeChange = (size: string) => editor.chain().focus().setFontSize(size).run()\n\n const handleRemoveFontSize = () => editor.chain().focus().unsetFontSize().run()\n\n const getCurrentFontSize = () => {\n const { fontSize } = editor.getAttributes('textStyle')\n return fontSize \|\| '16px'\n }\n\n return (\n <Popover\n classes={{ content: 'w-full' }}\n triggerElement={\n <span\n title='Размер шрифта'\n className='flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white'\n >\n <Icon name='editor/fonts' className='size-4' />\n </span>\n }\n >\n <div className='flex flex-col gap-3'>\n {fontSizesOptions.map(({ value, label }) => {\n const isActive = currentSize === value\n return (\n <button\n type='button'\n key={value}\n onClick={() => handleFontSizeChange(value)}\n className={cn('text-left', {\n 'text-color-primary-default': isActive\n })}\n >\n <span>{label}</span>\n </button>\n )\n })}\n\n <Button intent='secondary' size='sm' type='button' onClick={handleRemoveFontSize}>\n Сбросить\n </Button>\n </div>\n </Popover>\n )\n}\n"],"names":["SetFontSize","editor","currentSize","setCurrentSize","useState","updateCurrentSize","size","getCurrentFontSize","useEffect","handleUpdate","handleFontSizeChange","handleRemoveFontSize","fontSize","jsx","Popover","Icon","jsxs","fontSizesOptions","value","label","cn","Button"],"mappings":"sXAUO,MAAMA,EAAc,CAAC,CAAE,OAAAC,KAA+B,CAC3D,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAwB,IAAI,EAE5DC,EAAoB,IAAM,CAC9B,MAAMC,EAAOC,EAAA,EACbJ,EAAeG,CAAI,CACrB,EAEAE,EAAU,IAAM,CACd,GAAI,CAACP,EAAQ,OACbI,EAAA,EACA,MAAMI,EAAe,IAAMJ,EAAA,EAE3B,OAAAJ,EAAO,GAAG,kBAAmBQ,CAAY,EACzCR,EAAO,GAAG,cAAeQ,CAAY,EAE9B,IAAM,CACXR,EAAO,IAAI,kBAAmBQ,CAAY,EAC1CR,EAAO,IAAI,cAAeQ,CAAY,CACxC,CACF,EAAG,CAACR,CAAM,CAAC,EAEX,MAAMS,EAAwBJ,GAAiBL,EAAO,MAAA,EAAQ,MAAA,EAAQ,YAAYK,CAAI,EAAE,IAAA,EAElFK,EAAuB,IAAMV,EAAO,MAAA,EAAQ,QAAQ,cAAA,EAAgB,IAAA,EAEpEM,EAAqB,IAAM,CAC/B,KAAM,CAAE,SAAAK,CAAA,EAAaX,EAAO,cAAc,WAAW,EACrD,OAAOW,GAAY,MACrB,EAEA,OACEC,EAACC,EAAA,CACC,QAAS,CAAE,QAAS,QAAA,EACpB,eACED,EAAC,OAAA,CACC,MAAM,gBACN,UAAU,4KAEV,SAAAA,EAACE,EAAA,CAAK,KAAK,eAAe,UAAU,QAAA,CAAS,CAAA,CAAA,EAIjD,SAAAC,EAAC,MAAA,CAAI,UAAU,sBACZ,SAAA,CAAAC,EAAiB,IAAI,CAAC,CAAE,MAAAC,EAAO,MAAAC,KAG5BN,EAAC,SAAA,CACC,KAAK,SAEL,QAAS,IAAMH,EAAqBQ,CAAK,EACzC,UAAWE,EAAG,YAAa,CACzB,6BAPWlB,IAAgBgB,CAOG,CAC/B,EAED,SAAAL,EAAC,QAAM,SAAAM,CAAA,CAAM,CAAA,EANRD,CAAA,CASV,EAEDL,EAACQ,EAAA,CAAO,OAAO,YAAY,KAAK,KAAK,KAAK,SAAS,QAASV,EAAsB,SAAA,UAAA,CAElF,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetHardBreak.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{brOptions as t}from"../../model/helper.js";import{Icon as n}from"../../../../../icon/Icon.js";import{Popover as l}from"../../../../../popover/Popover.js";import{cn as i}from"../../../../../../utils/cn.js";import"uuid";import"react";const f=({editor:o})=>e(l,{classes:{content:"w-full"},triggerElement:e("span",{title:"Добавить перенос строки <br />",className:"flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",children:e(n,{name:"editor/space",className:"size-4"})}),children:e("div",{className:"flex flex-1 gap-2",children:t().map(r=>e("div",{className:"flex items-center gap-4",children:e("button",{type:"button",onClick:()=>r.handler(o),className:i("desk-body-regular-l flex cursor-pointer items-center justify-center text-nowrap rounded-sm p-1 text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white"),children:r.label})},r.label))})});export{f as SetHardBreak};
+import{jsx as e}from"react/jsx-runtime";import{brOptions as t}from"../../model/helper.js";import{cn as n}from"../../../../../../utils/cn.js";import{Icon as l}from"../../../../../icon/Icon.js";import{Popover as s}from"../../../../../popover/Popover.js";const p=({editor:o})=>e(s,{classes:{content:"w-full"},triggerElement:e("span",{title:"Добавить перенос строки <br />",className:"flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",children:e(l,{name:"editor/space",className:"size-4"})}),children:e("div",{className:"flex flex-1 gap-2",children:t().map(r=>e("div",{className:"flex items-center gap-4",children:e("button",{type:"button",onClick:()=>r.handler(o),className:n("desk-body-regular-l flex cursor-pointer items-center justify-center text-nowrap rounded-sm p-1 text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white"),children:r.label})},r.label))})});export{p as SetHardBreak};
 //# sourceMappingURL=SetHardBreak.js.map

package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetHardBreak.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SetHardBreak.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/SetHardBreak.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/react'\nimport { brOptions } from '../../model/helper'\nimport { Icon } from '$/shared/ui/icon'\nimport { Popover } from '$/shared/ui/popover'\nimport { cn } from '$/shared/utils'\n\ninterface ISetHardBreakProps {\n editor: Editor\n}\n\nexport const SetHardBreak = ({ editor }: ISetHardBreakProps) => {\n return (\n <Popover\n classes={{ content: 'w-full' }}\n triggerElement={\n <span\n title='Добавить перенос строки <br />'\n className='flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white'\n >\n <Icon name='editor/space' className='size-4' />\n </span>\n }\n >\n <div className='flex flex-1 gap-2'>\n {brOptions().map((option) => (\n <div key={option.label} className='flex items-center gap-4'>\n <button\n type='button'\n onClick={() => option.handler(editor)}\n className={cn(\n 'desk-body-regular-l flex cursor-pointer items-center justify-center text-nowrap rounded-sm p-1 text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white'\n )}\n >\n {option.label}\n </button>\n </div>\n ))}\n </div>\n </Popover>\n )\n}\n"],"names":["SetHardBreak","editor","jsx","Popover","Icon","brOptions","option","cn"],"mappings":"~~uRAUO~~,MAAMA,EAAe,CAAC,CAAE,OAAAC,KAE3BC,EAACC,EAAA,CACC,QAAS,CAAE,QAAS,QAAA,EACpB,eACED,EAAC,OAAA,CACC,MAAM,iCACN,UAAU,4KAEV,SAAAA,EAACE,EAAA,CAAK,KAAK,eAAe,UAAU,QAAA,CAAS,CAAA,CAAA,EAIjD,SAAAF,EAAC,MAAA,CAAI,UAAU,oBACZ,SAAAG,EAAA,EAAY,IAAKC,GAChBJ,EAAC,MAAA,CAAuB,UAAU,0BAChC,SAAAA,EAAC,SAAA,CACC,KAAK,SACL,QAAS,IAAMI,EAAO,QAAQL,CAAM,EACpC,UAAWM,EACT,wMAAA,EAGD,SAAAD,EAAO,KAAA,CAAA,GARFA,EAAO,KAUjB,CACD,CAAA,CACH,CAAA,CAAA"}
1	+ {"version":3,"file":"SetHardBreak.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/SetHardBreak.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/react'\nimport { brOptions } from '../../model/helper'\nimport { Icon } from '$/shared/ui/icon'\nimport { Popover } from '$/shared/ui/popover'\nimport { cn } from '$/shared/utils'\n\ninterface ISetHardBreakProps {\n editor: Editor\n}\n\nexport const SetHardBreak = ({ editor }: ISetHardBreakProps) => {\n return (\n <Popover\n classes={{ content: 'w-full' }}\n triggerElement={\n <span\n title='Добавить перенос строки <br />'\n className='flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white'\n >\n <Icon name='editor/space' className='size-4' />\n </span>\n }\n >\n <div className='flex flex-1 gap-2'>\n {brOptions().map((option) => (\n <div key={option.label} className='flex items-center gap-4'>\n <button\n type='button'\n onClick={() => option.handler(editor)}\n className={cn(\n 'desk-body-regular-l flex cursor-pointer items-center justify-center text-nowrap rounded-sm p-1 text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white'\n )}\n >\n {option.label}\n </button>\n </div>\n ))}\n </div>\n </Popover>\n )\n}\n"],"names":["SetHardBreak","editor","jsx","Popover","Icon","brOptions","option","cn"],"mappings":"4PAUO,MAAMA,EAAe,CAAC,CAAE,OAAAC,KAE3BC,EAACC,EAAA,CACC,QAAS,CAAE,QAAS,QAAA,EACpB,eACED,EAAC,OAAA,CACC,MAAM,iCACN,UAAU,4KAEV,SAAAA,EAACE,EAAA,CAAK,KAAK,eAAe,UAAU,QAAA,CAAS,CAAA,CAAA,EAIjD,SAAAF,EAAC,MAAA,CAAI,UAAU,oBACZ,SAAAG,EAAA,EAAY,IAAKC,GAChBJ,EAAC,MAAA,CAAuB,UAAU,0BAChC,SAAAA,EAAC,SAAA,CACC,KAAK,SACL,QAAS,IAAMI,EAAO,QAAQL,CAAM,EACpC,UAAWM,EACT,wMAAA,EAGD,SAAAD,EAAO,KAAA,CAAA,GARFA,EAAO,KAUjB,CACD,CAAA,CACH,CAAA,CAAA"}

package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetHeadings.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{headingsOptions as t}from"../../model/helper.js";import{Icon as i}from"../../../../../icon/Icon.js";import{Popover as n}from"../../../../../popover/Popover.js";import{cn as s}from"../../../../../../utils/cn.js";import"uuid";import"react";const g=({editor:r})=>e(n,{classes:{content:"w-full"},triggerElement:e("span",{title:"Добавить заголовок",className:"flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",children:e(i,{name:"editor/heading",className:"size-4"})}),children:e("div",{className:"flex flex-1 gap-2",children:t.map(o=>e("div",{className:"flex items-center gap-4",children:e("button",{type:"button",onClick:()=>r.chain().focus().toggleHeading({level:o}).run(),className:s("desk-body-regular-l flex size-8 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",{"!bg-color-primary-hover !text-color-white":r.isActive("heading",{level:o})}),children:`H${o}`})},o))})});export{g as SetHeadings};
+import{jsx as e}from"react/jsx-runtime";import{headingsOptions as t}from"../../model/helper.js";import{Popover as i}from"../../../../../popover/Popover.js";import{cn as n}from"../../../../../../utils/cn.js";import{Icon as s}from"../../../../../icon/Icon.js";const h=({editor:r})=>e(i,{classes:{content:"w-full"},triggerElement:e("span",{title:"Добавить заголовок",className:"flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",children:e(s,{name:"editor/heading",className:"size-4"})}),children:e("div",{className:"flex flex-1 gap-2",children:t.map(o=>e("div",{className:"flex items-center gap-4",children:e("button",{type:"button",onClick:()=>r.chain().focus().toggleHeading({level:o}).run(),className:n("desk-body-regular-l flex size-8 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",{"!bg-color-primary-hover !text-color-white":r.isActive("heading",{level:o})}),children:`H${o}`})},o))})});export{h as SetHeadings};
 //# sourceMappingURL=SetHeadings.js.map

package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetHeadings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SetHeadings.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/SetHeadings.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/react'\nimport { headingsOptions } from '../../model/helper'\nimport { Icon } from '$/shared/ui/icon'\nimport { Popover } from '$/shared/ui/popover'\nimport { cn } from '$/shared/utils'\n\ninterface ISetHeadingsProps {\n editor: Editor\n}\n\nexport const SetHeadings = ({ editor }: ISetHeadingsProps) => {\n return (\n <Popover\n classes={{ content: 'w-full' }}\n triggerElement={\n <span\n title='Добавить заголовок'\n className='flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white'\n >\n <Icon name='editor/heading' className='size-4' />\n </span>\n }\n >\n <div className='flex flex-1 gap-2'>\n {headingsOptions.map((level) => (\n <div key={level} className='flex items-center gap-4'>\n <button\n type='button'\n onClick={() => editor.chain().focus().toggleHeading({ level }).run()}\n className={cn(\n 'desk-body-regular-l flex size-8 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white',\n { '!bg-color-primary-hover !text-color-white': editor.isActive('heading', { level }) }\n )}\n >\n {`H${level}`}\n </button>\n </div>\n ))}\n </div>\n </Popover>\n )\n}\n"],"names":["SetHeadings","editor","jsx","Popover","Icon","headingsOptions","level","cn"],"mappings":"~~6RAUO~~,MAAMA,EAAc,CAAC,CAAE,OAAAC,KAE1BC,EAACC,EAAA,CACC,QAAS,CAAE,QAAS,QAAA,EACpB,eACED,EAAC,OAAA,CACC,MAAM,qBACN,UAAU,4KAEV,SAAAA,EAACE,EAAA,CAAK,KAAK,iBAAiB,UAAU,QAAA,CAAS,CAAA,CAAA,EAInD,SAAAF,EAAC,MAAA,CAAI,UAAU,oBACZ,SAAAG,EAAgB,IAAKC,GACpBJ,EAAC,MAAA,CAAgB,UAAU,0BACzB,SAAAA,EAAC,SAAA,CACC,KAAK,SACL,QAAS,IAAMD,EAAO,QAAQ,QAAQ,cAAc,CAAE,MAAAK,EAAO,EAAE,IAAA,EAC/D,UAAWC,EACT,gMACA,CAAE,4CAA6CN,EAAO,SAAS,UAAW,CAAE,MAAAK,CAAA,CAAO,CAAA,CAAE,EAGtF,aAAIA,CAAK,EAAA,CAAA,CACZ,EAVQA,CAWV,CACD,CAAA,CACH,CAAA,CAAA"}
1	+ {"version":3,"file":"SetHeadings.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/SetHeadings.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/react'\nimport { headingsOptions } from '../../model/helper'\nimport { Icon } from '$/shared/ui/icon'\nimport { Popover } from '$/shared/ui/popover'\nimport { cn } from '$/shared/utils'\n\ninterface ISetHeadingsProps {\n editor: Editor\n}\n\nexport const SetHeadings = ({ editor }: ISetHeadingsProps) => {\n return (\n <Popover\n classes={{ content: 'w-full' }}\n triggerElement={\n <span\n title='Добавить заголовок'\n className='flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white'\n >\n <Icon name='editor/heading' className='size-4' />\n </span>\n }\n >\n <div className='flex flex-1 gap-2'>\n {headingsOptions.map((level) => (\n <div key={level} className='flex items-center gap-4'>\n <button\n type='button'\n onClick={() => editor.chain().focus().toggleHeading({ level }).run()}\n className={cn(\n 'desk-body-regular-l flex size-8 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white',\n { '!bg-color-primary-hover !text-color-white': editor.isActive('heading', { level }) }\n )}\n >\n {`H${level}`}\n </button>\n </div>\n ))}\n </div>\n </Popover>\n )\n}\n"],"names":["SetHeadings","editor","jsx","Popover","Icon","headingsOptions","level","cn"],"mappings":"kQAUO,MAAMA,EAAc,CAAC,CAAE,OAAAC,KAE1BC,EAACC,EAAA,CACC,QAAS,CAAE,QAAS,QAAA,EACpB,eACED,EAAC,OAAA,CACC,MAAM,qBACN,UAAU,4KAEV,SAAAA,EAACE,EAAA,CAAK,KAAK,iBAAiB,UAAU,QAAA,CAAS,CAAA,CAAA,EAInD,SAAAF,EAAC,MAAA,CAAI,UAAU,oBACZ,SAAAG,EAAgB,IAAKC,GACpBJ,EAAC,MAAA,CAAgB,UAAU,0BACzB,SAAAA,EAAC,SAAA,CACC,KAAK,SACL,QAAS,IAAMD,EAAO,QAAQ,QAAQ,cAAc,CAAE,MAAAK,EAAO,EAAE,IAAA,EAC/D,UAAWC,EACT,gMACA,CAAE,4CAA6CN,EAAO,SAAS,UAAW,CAAE,MAAAK,CAAA,CAAO,CAAA,CAAE,EAGtF,aAAIA,CAAK,EAAA,CAAA,CACZ,EAVQA,CAWV,CACD,CAAA,CACH,CAAA,CAAA"}

package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/setCustomLink.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as l}from"react/jsx-runtime";import{z as i}from"zod";import"react";import{cn as e}from"../../../../../../utils/cn.js";import"uuid";import{useControlledForm as c}from"../../../../../../hooks/useControlledForm.js";import"react-hook-form";import{Button as s}from"../../../../../button/Button.js";import"../../../../../button/model/helpers.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../loader/model/helpers.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import{Popover as a}from"../../../../../popover/Popover.js";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../notification/ui/CustomToast.js";import"../../../../../table/ui/primitives/Primitives.js";import{Icon as f}from"../../../../../icon/Icon.js";import"@tanstack/react-table";import"../../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../customLink/model/helpers.js";import"../../../../../slot/Slot.js";import"../../../../uncontrolled/autocomplete/Autocomplete.js";import"../../../../uncontrolled/checkbox/Checkbox.js";import"../../../../uncontrolled/combobox/combobox.js";import"../../../../uncontrolled/dayPicker/DayPicker.js";import"../../../../uncontrolled/input/Input.js";import"../../../../uncontrolled/inputOtp/InputOtpBase.js";import"../../../../uncontrolled/maskInput/MaskInput.js";import"../../../../uncontrolled/radio/RadioGroup.js";import"../../../../uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../uncontrolled/slider/SliderBase.js";import"../../../../uncontrolled/switch/Switch.js";import"../../../../uncontrolled/textarea/Textarea.js";import"../../../../uncontrolled/uploader/UploaderBase.js";import"../../../../uncontrolled/inputCurrency/InputCurrency.js";import"../../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../Editor.js";import{InputControl as h}from"../../../input/InputControl.js";import"../../../input/MaskInputControl.js";import"../../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import{SwitchControl as d}from"../../../switch/SwitchControl.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const u=i.object({href:i.string().url(),underline:i.boolean().optional().default(!0)}),kr=({editor:t})=>{const{control:m,handleSubmit:p}=c({schema:u,defaultValues:{href:"",underline:!0}}),n=r=>{t==null||t.chain().focus().extendMarkRange("link").setLink({href:r==null?void 0:r.href,rel:"noopener noreferrer",target:"_blank",class:e("text-color-primary-default",{"underline underline-offset-4":r==null?void 0:r.underline})}).run()};return o("div",{children:o(a,{classes:{content:"w-[360px] max-w-full"},triggerElement:o("span",{title:"Добавить заголовок",className:e("flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",{"!bg-color-primary-hover !text-color-white":t.isActive("link")}),children:o(f,{name:"editor/link",className:"size-4"})}),children:o("div",{className:"flex flex-1",children:l("form",{onSubmit:r=>{r.stopPropagation(),r.nativeEvent.stopPropagation(),p(n)(r)},className:"flex flex-1 flex-col gap-4",children:[o(h,{control:m,name:"href",label:"Введите ссылку"}),o(d,{control:m,name:"underline",children:"С подчеркиванием"}),o(s,{type:"submit",size:"sm",children:"Сохранить"})]})})})})};export{kr as SetCustomLink};
+import{jsx as e,jsxs as m}from"react/jsx-runtime";import{z as o}from"zod";import{useControlledForm as a}from"../../../../../../hooks/useControlledForm.js";import{InputControl as c}from"../../../input/InputControl.js";import{SwitchControl as f}from"../../../switch/SwitchControl.js";import{cn as i}from"../../../../../../utils/cn.js";import{Popover as u}from"../../../../../popover/Popover.js";import{Button as p}from"../../../../../button/Button.js";import{Icon as d}from"../../../../../icon/Icon.js";const h=o.object({href:o.string().url(),underline:o.boolean().optional().default(!0)}),z=({editor:t})=>{const{control:n,handleSubmit:l}=a({schema:h,defaultValues:{href:"",underline:!0}}),s=r=>{t?.chain().focus().extendMarkRange("link").setLink({href:r?.href,rel:"noopener noreferrer",target:"_blank",class:i("text-color-primary-default",{"underline underline-offset-4":r?.underline})}).run()};return e("div",{children:e(u,{classes:{content:"w-[360px] max-w-full"},triggerElement:e("span",{title:"Добавить заголовок",className:i("flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",{"!bg-color-primary-hover !text-color-white":t.isActive("link")}),children:e(d,{name:"editor/link",className:"size-4"})}),children:e("div",{className:"flex flex-1",children:m("form",{onSubmit:r=>{r.stopPropagation(),r.nativeEvent.stopPropagation(),l(s)(r)},className:"flex flex-1 flex-col gap-4",children:[e(c,{control:n,name:"href",label:"Введите ссылку"}),e(f,{control:n,name:"underline",children:"С подчеркиванием"}),e(p,{type:"submit",size:"sm",children:"Сохранить"})]})})})})};export{z as SetCustomLink};
 //# sourceMappingURL=setCustomLink.js.map

package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/setCustomLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"setCustomLink.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/setCustomLink.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/react'\nimport { z } from 'zod'\nimport { useControlledForm } from '$/shared/hooks'\nimport { Button, Icon, InputControl, Popover, SwitchControl } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ninterface ISetCustomLinkProps {\n editor: Editor\n}\n\nconst linkSchema = z.object({\n href: z.string().url(),\n underline: z.boolean().optional().default(true)\n})\n\ntype LinkSchema = z.infer<typeof linkSchema>\n\nexport const SetCustomLink = ({ editor }: ISetCustomLinkProps) => {\n const { control, handleSubmit } = useControlledForm({\n schema: linkSchema,\n defaultValues: {\n href: '',\n underline: true\n }\n })\n\n const onSubmit = (values: LinkSchema) => {\n editor\n ?.chain()\n .focus()\n .extendMarkRange('link')\n .setLink({\n href: values?.href,\n rel: 'noopener noreferrer',\n target: '_blank',\n class: cn('text-color-primary-default', { 'underline underline-offset-4': values?.underline })\n })\n .run()\n }\n\n return (\n <div>\n <Popover\n classes={{ content: 'w-[360px] max-w-full' }}\n triggerElement={\n <span\n title='Добавить заголовок'\n className={cn(\n 'flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white',\n { '!bg-color-primary-hover !text-color-white': editor.isActive('link') }\n )}\n >\n <Icon name='editor/link' className='size-4' />\n </span>\n }\n >\n <div className='flex flex-1'>\n <form\n onSubmit={(event) => {\n event.stopPropagation()\n event.nativeEvent.stopPropagation()\n handleSubmit(onSubmit)(event)\n }}\n className='flex flex-1 flex-col gap-4'\n >\n <InputControl control={control} name='href' label='Введите ссылку' />\n <SwitchControl control={control} name='underline'>\n С подчеркиванием\n </SwitchControl>\n <Button type='submit' size='sm'>\n Сохранить\n </Button>\n </form>\n </div>\n </Popover>\n </div>\n )\n}\n"],"names":["linkSchema","z","SetCustomLink","editor","control","handleSubmit","useControlledForm","onSubmit","values","cn","jsx","Popover","Icon","jsxs","event","InputControl","SwitchControl","Button"],"mappings":"~~2iFAUA~~,MAAMA,EAAaC,EAAE,OAAO,CAC1B,KAAMA,EAAE,OAAA,EAAS,IAAA,EACjB,UAAWA,EAAE,QAAA,EAAU,SAAA,EAAW,QAAQ,EAAI,CAChD,CAAC,EAIYC,~~GAAgB~~,CAAC,CAAE,OAAAC,KAAkC,CAChE,KAAM,CAAE,QAAAC,EAAS,aAAAC,CAAA,EAAiBC,EAAkB,CAClD,OAAQN,EACR,cAAe,CACb,KAAM,GACN,UAAW,EAAA,CACb,CACD,EAEKO,EAAYC,GAAuB,CACvCL,~~GAAA~~,~~MAAAA~~,~~EACI~~,~~QACD~~,~~QACA,~~gBAAgB,~~QAChB~~,QAAQ,CACP,KAAMK,~~GAAA~~,~~YAAAA,EAAQ,~~KACd,IAAK,sBACL,OAAQ,SACR,MAAOC,EAAG,6BAA8B,CAAE,+BAAgCD,~~GAAA~~,~~YAAAA,EAAQ,~~UAAW,CAAA,~~GAE9F~~,~~KACL~~,EAEA,SACG,MAAA,CACC,SAAAE,EAACC,EAAA,CACC,QAAS,CAAE,QAAS,sBAAA,EACpB,eACED,EAAC,OAAA,CACC,MAAM,qBACN,UAAWD,EACT,4KACA,CAAE,4CAA6CN,EAAO,SAAS,MAAM,CAAA,CAAE,EAGzE,SAAAO,EAACE,EAAA,CAAK,KAAK,cAAc,UAAU,QAAA,CAAS,CAAA,CAAA,EAIhD,SAAAF,EAAC,MAAA,CAAI,UAAU,cACb,SAAAG,EAAC,OAAA,CACC,SAAWC,GAAU,CACnBA,EAAM,gBAAA,EACNA,EAAM,YAAY,gBAAA,EAClBT,EAAaE,CAAQ,EAAEO,CAAK,CAC9B,EACA,UAAU,6BAEV,SAAA,CAAAJ,EAACK,EAAA,CAAa,QAAAX,EAAkB,KAAK,OAAO,MAAM,iBAAiB,EACnEM,EAACM,EAAA,CAAc,QAAAZ,EAAkB,KAAK,YAAY,SAAA,mBAElD,IACCa,EAAA,CAAO,KAAK,SAAS,KAAK,KAAK,SAAA,WAAA,CAEhC,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAAA,EAEJ,CAEJ"}
1	+ {"version":3,"file":"setCustomLink.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/setCustomLink.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/react'\nimport { z } from 'zod'\nimport { useControlledForm } from '$/shared/hooks'\nimport { Button, Icon, InputControl, Popover, SwitchControl } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ninterface ISetCustomLinkProps {\n editor: Editor\n}\n\nconst linkSchema = z.object({\n href: z.string().url(),\n underline: z.boolean().optional().default(true)\n})\n\ntype LinkSchema = z.infer<typeof linkSchema>\n\nexport const SetCustomLink = ({ editor }: ISetCustomLinkProps) => {\n const { control, handleSubmit } = useControlledForm({\n schema: linkSchema,\n defaultValues: {\n href: '',\n underline: true\n }\n })\n\n const onSubmit = (values: LinkSchema) => {\n editor\n ?.chain()\n .focus()\n .extendMarkRange('link')\n .setLink({\n href: values?.href,\n rel: 'noopener noreferrer',\n target: '_blank',\n class: cn('text-color-primary-default', { 'underline underline-offset-4': values?.underline })\n })\n .run()\n }\n\n return (\n <div>\n <Popover\n classes={{ content: 'w-[360px] max-w-full' }}\n triggerElement={\n <span\n title='Добавить заголовок'\n className={cn(\n 'flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white',\n { '!bg-color-primary-hover !text-color-white': editor.isActive('link') }\n )}\n >\n <Icon name='editor/link' className='size-4' />\n </span>\n }\n >\n <div className='flex flex-1'>\n <form\n onSubmit={(event) => {\n event.stopPropagation()\n event.nativeEvent.stopPropagation()\n handleSubmit(onSubmit)(event)\n }}\n className='flex flex-1 flex-col gap-4'\n >\n <InputControl control={control} name='href' label='Введите ссылку' />\n <SwitchControl control={control} name='underline'>\n С подчеркиванием\n </SwitchControl>\n <Button type='submit' size='sm'>\n Сохранить\n </Button>\n </form>\n </div>\n </Popover>\n </div>\n )\n}\n"],"names":["linkSchema","z","SetCustomLink","editor","control","handleSubmit","useControlledForm","onSubmit","values","cn","jsx","Popover","Icon","jsxs","event","InputControl","SwitchControl","Button"],"mappings":"qfAUA,MAAMA,EAAaC,EAAE,OAAO,CAC1B,KAAMA,EAAE,OAAA,EAAS,IAAA,EACjB,UAAWA,EAAE,QAAA,EAAU,SAAA,EAAW,QAAQ,EAAI,CAChD,CAAC,EAIYC,EAAgB,CAAC,CAAE,OAAAC,KAAkC,CAChE,KAAM,CAAE,QAAAC,EAAS,aAAAC,CAAA,EAAiBC,EAAkB,CAClD,OAAQN,EACR,cAAe,CACb,KAAM,GACN,UAAW,EAAA,CACb,CACD,EAEKO,EAAYC,GAAuB,CACvCL,GACI,QACD,MAAA,EACA,gBAAgB,MAAM,EACtB,QAAQ,CACP,KAAMK,GAAQ,KACd,IAAK,sBACL,OAAQ,SACR,MAAOC,EAAG,6BAA8B,CAAE,+BAAgCD,GAAQ,UAAW,CAAA,CAC9F,EACA,IAAA,CACL,EAEA,SACG,MAAA,CACC,SAAAE,EAACC,EAAA,CACC,QAAS,CAAE,QAAS,sBAAA,EACpB,eACED,EAAC,OAAA,CACC,MAAM,qBACN,UAAWD,EACT,4KACA,CAAE,4CAA6CN,EAAO,SAAS,MAAM,CAAA,CAAE,EAGzE,SAAAO,EAACE,EAAA,CAAK,KAAK,cAAc,UAAU,QAAA,CAAS,CAAA,CAAA,EAIhD,SAAAF,EAAC,MAAA,CAAI,UAAU,cACb,SAAAG,EAAC,OAAA,CACC,SAAWC,GAAU,CACnBA,EAAM,gBAAA,EACNA,EAAM,YAAY,gBAAA,EAClBT,EAAaE,CAAQ,EAAEO,CAAK,CAC9B,EACA,UAAU,6BAEV,SAAA,CAAAJ,EAACK,EAAA,CAAa,QAAAX,EAAkB,KAAK,OAAO,MAAM,iBAAiB,EACnEM,EAACM,EAAA,CAAc,QAAAZ,EAAkB,KAAK,YAAY,SAAA,mBAElD,IACCa,EAAA,CAAO,KAAK,SAAS,KAAK,KAAK,SAAA,WAAA,CAEhC,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAAA,EAEJ,CAEJ"}

package/dist/lib/shared/ui/formElements/controlled/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{AutocompleteControl as o}from"./autocomplete/AutocompleteControl.js";import{CheckboxControl as r}from"./checkbox/CheckboxControl.js";import{DadataOrganization as t}from"./dadata/party/DadataOrganization.js";import{DadataAddress as m}from"./dadata/address/DadataAddress.js";import{DadataAuto as p}from"./dadata/auto/DadataAuto.js";import{DadataCountry as i}from"./dadata/country/DadataCountry.js";import{DadataFio as a}from"./dadata/fio/DadataFio.js";import{DayPickerControl as n}from"./dayPickerControl/dayPickerControl.js";import{EditorControl as C}from"./editor/EditorControl.js";import{InputControl as f}from"./input/InputControl.js";import{MaskInputControl as l}from"./input/MaskInputControl.js";import{InputCurrencyControl as d}from"./inputCurrency/InputCurrencyControl.js";import{InputOtpControl as e}from"./inputOtp/InputOtpControl.js";import{RadioGroupControl as u}from"./radio/RadioGroupControl.js";import{RadioGroupTabControl as c}from"./radio/RadioGroupTabControl.js";import{RadioGroupCardControl as D}from"./radio/RadioGroupCardControl.js";import{SliderControl as b}from"./slider/SliderControl.js";import{SwitchControl as s}from"./switch/SwitchControl.js";import{TextareaControl as x}from"./textarea/TextareaControl.js";import{UploaderControl as I}from"./uploader/UploaderControl.js";import{ComboboxControl as k}from"./combobox/ComboboxControl.js";const J={InputControl:f,MaskInputControl:l,DayPickerControl:n,CheckboxControl:r,SwitchControl:s,RadioGroupControl:u,RadioGroupTabControl:c,RadioGroupCardControl:D,AutocompleteControl:o,DadataFio:a,DadataAddress:m,DadataCountry:i,DadataAuto:p,DadataOrganization:t,SliderControl:b,TextareaControl:x,UploaderControl:I,InputOtpControl:e,EditorControl:C,InputCurrencyControl:d,ComboboxControl:k};export{J as Controlled};
+import{ComboboxControl as o}from"./combobox/ComboboxControl.js";import{InputCurrencyControl as r}from"./inputCurrency/InputCurrencyControl.js";import{EditorControl as t}from"./editor/EditorControl.js";import{InputOtpControl as m}from"./inputOtp/InputOtpControl.js";import{UploaderControl as p}from"./uploader/UploaderControl.js";import{TextareaControl as i}from"./textarea/TextareaControl.js";import{SliderControl as a}from"./slider/SliderControl.js";import{DadataOrganization as n}from"./dadata/party/DadataOrganization.js";import{DadataAuto as C}from"./dadata/auto/DadataAuto.js";import{DadataCountry as f}from"./dadata/country/DadataCountry.js";import{DadataAddress as l}from"./dadata/address/DadataAddress.js";import{DadataFio as d}from"./dadata/fio/DadataFio.js";import{AutocompleteControl as e}from"./autocomplete/AutocompleteControl.js";import{RadioGroupCardControl as u}from"./radio/RadioGroupCardControl.js";import{RadioGroupTabControl as c}from"./radio/RadioGroupTabControl.js";import{RadioGroupControl as D}from"./radio/RadioGroupControl.js";import{SwitchControl as b}from"./switch/SwitchControl.js";import{CheckboxControl as s}from"./checkbox/CheckboxControl.js";import{DayPickerControl as x}from"./dayPickerControl/dayPickerControl.js";import{MaskInputControl as I}from"./input/MaskInputControl.js";import{InputControl as k}from"./input/InputControl.js";const J={InputControl:k,MaskInputControl:I,DayPickerControl:x,CheckboxControl:s,SwitchControl:b,RadioGroupControl:D,RadioGroupTabControl:c,RadioGroupCardControl:u,AutocompleteControl:e,DadataFio:d,DadataAddress:l,DadataCountry:f,DadataAuto:C,DadataOrganization:n,SliderControl:a,TextareaControl:i,UploaderControl:p,InputOtpControl:m,EditorControl:t,InputCurrencyControl:r,ComboboxControl:o};export{J as Controlled};
 //# sourceMappingURL=index.js.map

package/dist/lib/shared/ui/formElements/controlled/input/InputControl.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as E,jsx as a}from"react/jsx-runtime";import{useRef as C,useEffect as F}from"react";import{useController as I}from"react-hook-form";import{cn as j}from"../../../../utils/cn.js";import{mergeRefs as N}from"../../../../utils/mergeRefs.js";import"uuid";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import{InputBase as P}from"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import{MessageView as R}from"../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"./MaskInputControl.js";import"../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";class l extends CustomEvent{constructor(o,m){super(o,m)}}const Vt=({control:p,name:o,defaultValue:m,disabled:e,rules:c,shouldUnregister:f,helperText:u,classes:d,...s})=>{const i=C(null),{field:n,fieldState:v}=I({control:p,name:o,defaultValue:m,disabled:e,rules:c,shouldUnregister:f}),{error:t,invalid:r,isTouched:h}=v,{message:g,root:w,...x}=d||{};return F(()=>{i.current&&(r&&i.current.dispatchEvent(new l("invalidField",{detail:t})),r||i.current.dispatchEvent(new l("validateField",{detail:t})))},[r]),E("div",{className:j("w-full",w),children:[a(P,{...s,...n,ref:N(i,n.ref),classes:x,invalid:r,attachmentProps:{invalid:r,isTouched:h,withValidateIcons:!0,...s.attachmentProps},"data-error-message":t==null?void 0:t.message}),a(R,{text:(t==null?void 0:t.message)||u,className:g,intent:t?"error":"simple",disabled:e})]})};export{Vt as InputControl};
+import{jsxs as E,jsx as l}from"react/jsx-runtime";import{useRef as C,useEffect as F}from"react";import{useController as I}from"react-hook-form";import{cn as j}from"../../../../utils/cn.js";import{mergeRefs as N}from"../../../../utils/mergeRefs.js";import{InputBase as P}from"../../uncontrolled/input/Input.js";import{MessageView as R}from"../../ui/MessageView.js";class c extends CustomEvent{constructor(s,o){super(s,o)}}const S=({control:n,name:s,defaultValue:o,disabled:i,rules:f,shouldUnregister:u,helperText:d,classes:p,...a})=>{const r=C(null),{field:m,fieldState:v}=I({control:n,name:s,defaultValue:o,disabled:i,rules:f,shouldUnregister:u}),{error:e,invalid:t,isTouched:h}=v,{message:g,root:w,...x}=p||{};return F(()=>{r.current&&(t&&r.current.dispatchEvent(new c("invalidField",{detail:e})),t||r.current.dispatchEvent(new c("validateField",{detail:e})))},[t]),E("div",{className:j("w-full",w),children:[l(P,{...a,...m,ref:N(r,m.ref),classes:x,invalid:t,attachmentProps:{invalid:t,isTouched:h,withValidateIcons:!0,...a.attachmentProps},"data-error-message":e?.message}),l(R,{text:e?.message||d,className:g,intent:e?"error":"simple",disabled:i})]})};export{S as InputControl};
 //# sourceMappingURL=InputControl.js.map