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

@scbt-ecom/ui 0.147.3 → 0.147.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (532) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"range.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/dayPickerControl/range.tsx"],"sourcesContent":["'use client'\n\nimport { useRef, useState } from 'react'\nimport { type DateRange } from 'react-day-picker'\nimport { format, isValid, parse } from 'date-fns'\nimport { getCurrentDate, getInitialValue, RANGE_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 } from '$/shared/utils'\n\ntype CalendarProps = React.ComponentPropsWithoutRef<typeof Calendar>\n\ntype RangeDayPickerClasses = MaskInputProps['classes'] & {\n calendar?: string\n}\n\ntype IsoDateRange = {\n from?: string\n to?: string\n}\n\ntype RangeDayPickerProps = Omit<CalendarProps, 'mode'> & {\n /*\n Свойства Input компонента\n /\n inputProps: Omit<MaskInputProps, 'mask'>\n /\n Стили внутренних компонентов\n /\n classes?: RangeDayPickerClasses\n /\n Управляемое значение\n /\n value: IsoDateRange\n /\n Функция для управления значением\n */\n onChange: (value: IsoDateRange) => void\n}\n\nexport const RangeDayPicker = ({ inputProps, classes, value, onChange, ...props }: RangeDayPickerProps) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const { calendar, ...restClasses } = classes \|\| {}\n\n const [calendarOpen, setCalendarOpen] = useState<boolean>(false)\n const onCalendarOpenChange = () => {\n setCalendarOpen((prev) => !prev)\n }\n\n const [month, setMonth] = useState<Date>(new Date())\n const date = getCurrentDate('range', value)\n\n const [visibleValue, setVisibleValue] = useState<string>(getInitialValue('range', value))\n\n useClickOutside(containerRef, () => setCalendarOpen(false))\n\n const onVisibleValueChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const { value } = event.target\n\n setVisibleValue(value)\n\n if (!value.length) {\n return onChange({\n from: '',\n to: ''\n })\n }\n\n const isoDateRange = value.split('-')\n\n if (isoDateRange.some((date) => !SINGLE_VALIDATION_REGEX.test(date))) {\n return\n }\n\n const dateRangeEntries = [\n ['from', parse(isoDateRange[0], DATE_VISIBLE_PATTERN, new Date())],\n ['to', parse(isoDateRange[1], DATE_VISIBLE_PATTERN, new Date())]\n ] as [string, Date][]\n\n if (dateRangeEntries.every(([, date]) => isValid(date))) {\n const dateRange = Object.fromEntries(dateRangeEntries.map(([key, value]) => [key, value.toISOString()]))\n\n onChange(dateRange)\n setMonth(dateRangeEntries[Math.round(Math.random())][1])\n }\n }\n\n const onDateChange = (newDate: DateRange) => {\n setMonth(newDate.from \|\| newDate.to \|\| new Date())\n\n const isoDateRange = Object.entries(newDate).reduce(\n (acc, [key, value]) => ({\n ...acc,\n [key]: value ? value.toISOString() : ''\n }),\n {} as IsoDateRange\n )\n\n onChange(isoDateRange)\n setVisibleValue(\n `${format(isoDateRange.from \|\| '', DATE_VISIBLE_PATTERN)}-${format(isoDateRange.to \|\| '', DATE_VISIBLE_PATTERN)}`\n )\n\n if (newDate.from && newDate.to) {\n setCalendarOpen(false)\n }\n }\n\n return (\n <div ref={containerRef} className={cn('relative w-full', classes?.container)}>\n <MaskInput\n mask={RANGE_MASK}\n {...inputProps}\n classes={restClasses}\n value={visibleValue}\n onChange={onVisibleValueChange}\n onFocus={() => setCalendarOpen(true)}\n attachmentProps={{\n icon: <Icon name='general/calendar' className='text-icon-blue-grey-600' />,\n onClickIcon: onCalendarOpenChange\n }}\n />\n {calendarOpen && (\n <Calendar\n {...props}\n required\n mode='range'\n month={month}\n onMonthChange={setMonth}\n selected={date}\n onSelect={onDateChange}\n className={cn('absolute right-0 top-full', calendar)}\n />\n )}\n </div>\n )\n}\n"],"names":["RangeDayPicker","inputProps","classes","value","onChange","props","containerRef","useRef","calendar","restClasses","calendarOpen","setCalendarOpen","useState","onCalendarOpenChange","prev","month","setMonth","date","getCurrentDate","visibleValue","setVisibleValue","getInitialValue","useClickOutside","onVisibleValueChange","event","isoDateRange","SINGLE_VALIDATION_REGEX","dateRangeEntries","parse","DATE_VISIBLE_PATTERN","isValid","dateRange","key","onDateChange","newDate","acc","format","jsxs","cn","jsx","MaskInput","RANGE_MASK","Icon","Calendar"],"mappings":"~~iyEAwCO~~,MAAMA,GAAiB,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,EAAO,SAAAC,EAAU,GAAGC,KAAiC,CACzG,MAAMC,EAAeC,EAAuB,IAAI,EAC1C,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAgBP,GAAW,CAAA,EAE1C,CAACQ,EAAcC,CAAe,EAAIC,EAAkB,EAAK,EACzDC,EAAuB,IAAM,CACjCF,EAAiBG,GAAS,CAACA,CAAI,CACjC,EAEM,CAACC,EAAOC,CAAQ,EAAIJ,EAAe,IAAI,IAAM,EAC7CK,EAAOC,EAAe,QAASf,CAAK,EAEpC,CAACgB,EAAcC,CAAe,EAAIR,EAAiBS,EAAgB,QAASlB,CAAK,CAAC,EAExFmB,EAAgBhB,EAAc,IAAMK,EAAgB,EAAK,CAAC,EAE1D,MAAMY,EAAwBC,GAA+C,CAC3E,KAAM,CAAE,MAAArB,CAAAA,EAAUqB,EAAM,OAIxB,GAFAJ,EAAgBjB,CAAK,EAEjB,CAACA,EAAM,OACT,OAAOC,EAAS,CACd,KAAM,GACN,GAAI,EAAA,CACL,EAGH,MAAMqB,EAAetB,EAAM,MAAM,GAAG,EAEpC,GAAIsB,EAAa,KAAMR,GAAS,CAACS,EAAwB,KAAKT,CAAI,CAAC,EACjE,OAGF,MAAMU,EAAmB,CACvB,CAAC,OAAQC,EAAMH,EAAa,CAAC,EAAGI,EAAsB,IAAI,IAAM,CAAC,EACjE,CAAC,KAAMD,EAAMH,EAAa,CAAC,EAAGI,EAAsB,IAAI,IAAM,CAAC,CAAA,EAGjE,GAAIF,EAAiB,MAAM,CAAC,CAAA,CAAGV,CAAI,IAAMa,EAAQb,CAAI,CAAC,EAAG,CACvD,MAAMc,EAAY,OAAO,YAAYJ,EAAiB,IAAI,CAAC,CAACK,EAAK7B,CAAK,IAAM,CAAC6B,EAAK7B,EAAM,YAAA,CAAa,CAAC,CAAC,EAEvGC,EAAS2B,CAAS,EAClBf,EAASW,EAAiB,KAAK,MAAM,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC,CACzD,CACF,EAEMM,EAAgBC,GAAuB,CAC3ClB,EAASkB,EAAQ,MAAQA,EAAQ,IAAM,IAAI,IAAM,EAEjD,MAAMT,EAAe,OAAO,QAAQS,CAAO,EAAE,OAC3C,CAACC,EAAK,CAACH,EAAK7B,CAAK,KAAO,CACtB,GAAGgC,EACH,CAACH,CAAG,EAAG7B,EAAQA,EAAM,cAAgB,EAAA,GAEvC,CAAA,CAAC,EAGHC,EAASqB,CAAY,EACrBL,EACE,GAAGgB,EAAOX,EAAa,MAAQ,GAAII,CAAoB,CAAC,IAAIO,EAAOX,EAAa,IAAM,GAAII,CAAoB,CAAC,EAAA,EAG7GK,EAAQ,MAAQA,EAAQ,IAC1BvB,EAAgB,EAAK,CAEzB,EAEA,OACE0B,EAAC,OAAI,IAAK/B,EAAc,UAAWgC,EAAG,kBAAmBpC,GAAA,YAAAA,EAAS,SAAS,EACzE,SAAA,CAAAqC,EAACC,EAAA,CACC,KAAMC,EACL,GAAGxC,EACJ,QAASQ,EACT,MAAOU,EACP,SAAUI,EACV,QAAS,IAAMZ,EAAgB,EAAI,EACnC,gBAAiB,CACf,KAAM4B,EAACG,EAAA,CAAK,KAAK,mBAAmB,UAAU,0BAA0B,EACxE,YAAa7B,CAAA,CACf,CAAA,EAEDH,GACC6B,EAACI,EAAA,CACE,GAAGtC,EACJ,SAAQ,GACR,KAAK,QACL,MAAAU,EACA,cAAeC,EACf,SAAUC,EACV,SAAUgB,EACV,UAAWK,EAAG,4BAA6B9B,CAAQ,CAAA,CAAA,CACrD,EAEJ,CAEJ"}
1	+ {"version":3,"file":"range.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/dayPickerControl/range.tsx"],"sourcesContent":["'use client'\n\nimport { useRef, useState } from 'react'\nimport { type DateRange } from 'react-day-picker'\nimport { format, isValid, parse } from 'date-fns'\nimport { getCurrentDate, getInitialValue, RANGE_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 } from '$/shared/utils'\n\ntype CalendarProps = React.ComponentPropsWithoutRef<typeof Calendar>\n\ntype RangeDayPickerClasses = MaskInputProps['classes'] & {\n calendar?: string\n}\n\ntype IsoDateRange = {\n from?: string\n to?: string\n}\n\ntype RangeDayPickerProps = Omit<CalendarProps, 'mode'> & {\n /*\n Свойства Input компонента\n /\n inputProps: Omit<MaskInputProps, 'mask'>\n /\n Стили внутренних компонентов\n /\n classes?: RangeDayPickerClasses\n /\n Управляемое значение\n /\n value: IsoDateRange\n /\n Функция для управления значением\n */\n onChange: (value: IsoDateRange) => void\n}\n\nexport const RangeDayPicker = ({ inputProps, classes, value, onChange, ...props }: RangeDayPickerProps) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const { calendar, ...restClasses } = classes \|\| {}\n\n const [calendarOpen, setCalendarOpen] = useState<boolean>(false)\n const onCalendarOpenChange = () => {\n setCalendarOpen((prev) => !prev)\n }\n\n const [month, setMonth] = useState<Date>(new Date())\n const date = getCurrentDate('range', value)\n\n const [visibleValue, setVisibleValue] = useState<string>(getInitialValue('range', value))\n\n useClickOutside(containerRef, () => setCalendarOpen(false))\n\n const onVisibleValueChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const { value } = event.target\n\n setVisibleValue(value)\n\n if (!value.length) {\n return onChange({\n from: '',\n to: ''\n })\n }\n\n const isoDateRange = value.split('-')\n\n if (isoDateRange.some((date) => !SINGLE_VALIDATION_REGEX.test(date))) {\n return\n }\n\n const dateRangeEntries = [\n ['from', parse(isoDateRange[0], DATE_VISIBLE_PATTERN, new Date())],\n ['to', parse(isoDateRange[1], DATE_VISIBLE_PATTERN, new Date())]\n ] as [string, Date][]\n\n if (dateRangeEntries.every(([, date]) => isValid(date))) {\n const dateRange = Object.fromEntries(dateRangeEntries.map(([key, value]) => [key, value.toISOString()]))\n\n onChange(dateRange)\n setMonth(dateRangeEntries[Math.round(Math.random())][1])\n }\n }\n\n const onDateChange = (newDate: DateRange) => {\n setMonth(newDate.from \|\| newDate.to \|\| new Date())\n\n const isoDateRange = Object.entries(newDate).reduce(\n (acc, [key, value]) => ({\n ...acc,\n [key]: value ? value.toISOString() : ''\n }),\n {} as IsoDateRange\n )\n\n onChange(isoDateRange)\n setVisibleValue(\n `${format(isoDateRange.from \|\| '', DATE_VISIBLE_PATTERN)}-${format(isoDateRange.to \|\| '', DATE_VISIBLE_PATTERN)}`\n )\n\n if (newDate.from && newDate.to) {\n setCalendarOpen(false)\n }\n }\n\n return (\n <div ref={containerRef} className={cn('relative w-full', classes?.container)}>\n <MaskInput\n mask={RANGE_MASK}\n {...inputProps}\n classes={restClasses}\n value={visibleValue}\n onChange={onVisibleValueChange}\n onFocus={() => setCalendarOpen(true)}\n attachmentProps={{\n icon: <Icon name='general/calendar' className='text-icon-blue-grey-600' />,\n onClickIcon: onCalendarOpenChange\n }}\n />\n {calendarOpen && (\n <Calendar\n {...props}\n required\n mode='range'\n month={month}\n onMonthChange={setMonth}\n selected={date}\n onSelect={onDateChange}\n className={cn('absolute right-0 top-full', calendar)}\n />\n )}\n </div>\n )\n}\n"],"names":["RangeDayPicker","inputProps","classes","value","onChange","props","containerRef","useRef","calendar","restClasses","calendarOpen","setCalendarOpen","useState","onCalendarOpenChange","prev","month","setMonth","date","getCurrentDate","visibleValue","setVisibleValue","getInitialValue","useClickOutside","onVisibleValueChange","event","isoDateRange","SINGLE_VALIDATION_REGEX","dateRangeEntries","parse","DATE_VISIBLE_PATTERN","isValid","dateRange","key","onDateChange","newDate","acc","format","jsxs","cn","jsx","MaskInput","RANGE_MASK","Icon","Calendar"],"mappings":"y4EAwCO,MAAMA,GAAiB,CAAC,CAAE,WAAAC,EAAY,QAAAC,EAAS,MAAAC,EAAO,SAAAC,EAAU,GAAGC,KAAiC,CACzG,MAAMC,EAAeC,EAAuB,IAAI,EAC1C,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAgBP,GAAW,CAAA,EAE1C,CAACQ,EAAcC,CAAe,EAAIC,EAAkB,EAAK,EACzDC,EAAuB,IAAM,CACjCF,EAAiBG,GAAS,CAACA,CAAI,CACjC,EAEM,CAACC,EAAOC,CAAQ,EAAIJ,EAAe,IAAI,IAAM,EAC7CK,EAAOC,EAAe,QAASf,CAAK,EAEpC,CAACgB,EAAcC,CAAe,EAAIR,EAAiBS,EAAgB,QAASlB,CAAK,CAAC,EAExFmB,EAAgBhB,EAAc,IAAMK,EAAgB,EAAK,CAAC,EAE1D,MAAMY,EAAwBC,GAA+C,CAC3E,KAAM,CAAE,MAAArB,CAAAA,EAAUqB,EAAM,OAIxB,GAFAJ,EAAgBjB,CAAK,EAEjB,CAACA,EAAM,OACT,OAAOC,EAAS,CACd,KAAM,GACN,GAAI,EAAA,CACL,EAGH,MAAMqB,EAAetB,EAAM,MAAM,GAAG,EAEpC,GAAIsB,EAAa,KAAMR,GAAS,CAACS,EAAwB,KAAKT,CAAI,CAAC,EACjE,OAGF,MAAMU,EAAmB,CACvB,CAAC,OAAQC,EAAMH,EAAa,CAAC,EAAGI,EAAsB,IAAI,IAAM,CAAC,EACjE,CAAC,KAAMD,EAAMH,EAAa,CAAC,EAAGI,EAAsB,IAAI,IAAM,CAAC,CAAA,EAGjE,GAAIF,EAAiB,MAAM,CAAC,CAAA,CAAGV,CAAI,IAAMa,EAAQb,CAAI,CAAC,EAAG,CACvD,MAAMc,EAAY,OAAO,YAAYJ,EAAiB,IAAI,CAAC,CAACK,EAAK7B,CAAK,IAAM,CAAC6B,EAAK7B,EAAM,YAAA,CAAa,CAAC,CAAC,EAEvGC,EAAS2B,CAAS,EAClBf,EAASW,EAAiB,KAAK,MAAM,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC,CACzD,CACF,EAEMM,EAAgBC,GAAuB,CAC3ClB,EAASkB,EAAQ,MAAQA,EAAQ,IAAM,IAAI,IAAM,EAEjD,MAAMT,EAAe,OAAO,QAAQS,CAAO,EAAE,OAC3C,CAACC,EAAK,CAACH,EAAK7B,CAAK,KAAO,CACtB,GAAGgC,EACH,CAACH,CAAG,EAAG7B,EAAQA,EAAM,cAAgB,EAAA,GAEvC,CAAA,CAAC,EAGHC,EAASqB,CAAY,EACrBL,EACE,GAAGgB,EAAOX,EAAa,MAAQ,GAAII,CAAoB,CAAC,IAAIO,EAAOX,EAAa,IAAM,GAAII,CAAoB,CAAC,EAAA,EAG7GK,EAAQ,MAAQA,EAAQ,IAC1BvB,EAAgB,EAAK,CAEzB,EAEA,OACE0B,EAAC,OAAI,IAAK/B,EAAc,UAAWgC,EAAG,kBAAmBpC,GAAA,YAAAA,EAAS,SAAS,EACzE,SAAA,CAAAqC,EAACC,EAAA,CACC,KAAMC,EACL,GAAGxC,EACJ,QAASQ,EACT,MAAOU,EACP,SAAUI,EACV,QAAS,IAAMZ,EAAgB,EAAI,EACnC,gBAAiB,CACf,KAAM4B,EAACG,EAAA,CAAK,KAAK,mBAAmB,UAAU,0BAA0B,EACxE,YAAa7B,CAAA,CACf,CAAA,EAEDH,GACC6B,EAACI,EAAA,CACE,GAAGtC,EACJ,SAAQ,GACR,KAAK,QACL,MAAAU,EACA,cAAeC,EACf,SAAUC,EACV,SAAUgB,EACV,UAAWK,EAAG,4BAA6B9B,CAAQ,CAAA,CAAA,CACrD,EAEJ,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{jsxs as _,jsx as c}from"react/jsx-runtime";import{useRef as G,useState as E,useEffect as P}from"react";import{createPortal as j}from"react-dom";import{useFloating as K}from"../../../../../../node_modules/.pnpm/@floating-ui_react@0.26.28_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@floating-ui/react/dist/floating-ui.react.js";import{SINGLE_MASK as q,SINGLE_VALIDATION_REGEX as B}from"./model/constants.js";import{getCurrentDate as H,getInitialValue as I}from"./model/utils.js";import{useClickOutside as U}from"../../../../hooks/useClickOutside.js";import"react-hook-form";import{cn as b}from"../../../../utils/cn.js";import{mergeRefs as X}from"../../../../utils/mergeRefs.js";import{TypeGuards as D}from"../../../../utils/typeGuards.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import{Calendar as v}from"../../../calendar/Calendar.js";import{DATE_VISIBLE_PATTERN as O}from"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as z}from"../../../icon/Icon.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.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{MaskInput as J}from"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";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"../../../../../../src/configs/api.js";import"../editor/ui/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";import{autoUpdate as Q}from"../../../../../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";import{flip as W,offset as Y}from"../../../../../../node_modules/.pnpm/@floating-ui_react-dom@2.1.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";import{parse as Z}from"../../../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/parse.js";import{isValid as $}from"../../../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isValid.js";import{formatDate as h}from"../../../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/format.js";const zt=({inputProps:s,classes:i,value:e,onChange:l,externalHandlers:V,month:x,onMonthChange:r,...m})=>{const{onChange:a,onFocus:d,...A}=V||{},u=G(null),{refs:g,floatingStyles:N}=K({placement:"bottom-end",middleware:[W({boundary:"clippingAncestors",crossAxis:!1}),Y(0)],whileElementsMounted:Q}),{calendar:k,...C}=i||{},[L,n]=E(!1),S=()=>{n(t=>!t)},R=H("single",e),[w,f]=E(I("single",e));P(()=>{e&&!D.isStringEmpty(e)&&(f(I("single",e)),r&&r(new Date(e)))},[e]),U(u,()=>n(!1));const F=t=>{const{value:o}=t.target;if(f(o),D.isStringEmpty(o))return l("");if(!B.test(o))return;const p=Z(o,O,new Date);if($(p)){const y=p.toISOString();l(y),r&&r(p),a&&a(y)}},T=t=>{r&&r(t);const o=t.toISOString();l(o),f(h(t,O)),n(!1),a&&a(o)};return _("div",{ref:g.setReference,className:b("relative w-full",i==null?void 0:i.container),children:[c(J,{mask:q,...s,...A,classes:C,value:w,onChange:F,autoComplete:"off",onFocus:t=>{n(!0),d&&d(t)},onKeyDown:t=>{t.key==="Enter"&&S()},attachmentProps:{disabled:s.disabled,icon:c(z,{name:"general/calendar",className:"text-icon-blue-grey-600"}),onClickIcon:S,...s.attachmentProps},dataLayers:m==null?void 0:m.dataLayers}),L&&j(c(v,{ref:X(u,g.setFloating),...m,required:!0,mode:"single",style:{...N,width:"max-content"},month:x,onMonthChange:r,selected:R,onSelect:T,className:b(k),"data-id":"calendar"}),document.body)]})};export{zt as SingleDayPicker};
+import{jsxs as _,jsx as c}from"react/jsx-runtime";import{useRef as G,useState as E,useEffect as P}from"react";import{createPortal as j}from"react-dom";import{useFloating as K,autoUpdate as q,flip as B,offset as H}from"@floating-ui/react";import{parse as U,isValid as X,format as v}from"date-fns";import{SINGLE_MASK as z,SINGLE_VALIDATION_REGEX as J}from"./model/constants.js";import{getCurrentDate as Q,getInitialValue as I}from"./model/utils.js";import{useClickOutside as W}from"../../../../hooks/useClickOutside.js";import"react-hook-form";import"@hookform/resolvers";import{cn as b}from"../../../../utils/cn.js";import{mergeRefs as Y}from"../../../../utils/mergeRefs.js";import{TypeGuards as O}from"../../../../utils/typeGuards.js";import"uuid";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import{Calendar as Z}from"../../../calendar/Calendar.js";import{DATE_VISIBLE_PATTERN as V}from"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";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 $}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{MaskInput as h}from"../../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"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const or=({inputProps:s,classes:o,value:r,onChange:p,externalHandlers:x,month:D,onMonthChange:e,...m})=>{const{onChange:a,onFocus:d,...A}=x||{},u=G(null),{refs:g,floatingStyles:N}=K({placement:"bottom-end",middleware:[B({boundary:"clippingAncestors",crossAxis:!1}),H(0)],whileElementsMounted:q}),{calendar:k,...C}=o||{},[L,n]=E(!1),S=()=>{n(t=>!t)},R=Q("single",r),[w,l]=E(I("single",r));P(()=>{r&&!O.isStringEmpty(r)&&(l(I("single",r)),e&&e(new Date(r)))},[r]),W(u,()=>n(!1));const F=t=>{const{value:i}=t.target;if(l(i),O.isStringEmpty(i))return p("");if(!J.test(i))return;const f=U(i,V,new Date);if(X(f)){const y=f.toISOString();p(y),e&&e(f),a&&a(y)}},T=t=>{e&&e(t);const i=t.toISOString();p(i),l(v(t,V)),n(!1),a&&a(i)};return _("div",{ref:g.setReference,className:b("relative w-full",o==null?void 0:o.container),children:[c(h,{mask:z,...s,...A,classes:C,value:w,onChange:F,autoComplete:"off",onFocus:t=>{n(!0),d&&d(t)},onKeyDown:t=>{t.key==="Enter"&&S()},attachmentProps:{disabled:s.disabled,icon:c($,{name:"general/calendar",className:"text-icon-blue-grey-600"}),onClickIcon:S,...s.attachmentProps},dataLayers:m==null?void 0:m.dataLayers}),L&&j(c(Z,{ref:Y(u,g.setFloating),...m,required:!0,mode:"single",style:{...N,width:"max-content"},month:D,onMonthChange:e,selected:R,onSelect:T,className:b(k),"data-id":"calendar"}),document.body)]})};export{or as SingleDayPicker};
 //# sourceMappingURL=single.js.map

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":"~~s+FA8CO~~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"}
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":"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"}

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

@@ -1,2 +1,2 @@
-import{Color as s}from"../../../../../../../node_modules/.pnpm/@tiptap_extension-color@2.26.1_@tiptap_core@2.27.1_@tiptap_pm@2.27.1__@tiptap_extension_b00d3e1522ebcf7b2440401fcb8e6b40/node_modules/@tiptap/extension-color/dist/index.js";import{Heading as o}from"../../../../../../../node_modules/.pnpm/@tiptap_extension-heading@2.26.1_@tiptap_core@2.27.1_@tiptap_pm@2.27.1_/node_modules/@tiptap/extension-heading/dist/index.js";import{InvisibleCharacters as l,SpaceCharacter as n}from"../../../../../../../node_modules/.pnpm/@tiptap_extension-invisible-characters@2.27.1_@tiptap_core@2.27.1_@tiptap_pm@2.27.1__@t_b9038f01f333ad0e9cd2fab0a6c61683/node_modules/@tiptap/extension-invisible-characters/dist/index.js";import{Link as a}from"../../../../../../../node_modules/.pnpm/@tiptap_extension-link@2.26.1_@tiptap_core@2.27.1_@tiptap_pm@2.27.1__@tiptap_pm@2.27.1/node_modules/@tiptap/extension-link/dist/index.js";import{TextStyle as m}from"../../../../../../../node_modules/.pnpm/@tiptap_extension-text-style@2.26.1_@tiptap_core@2.27.1_@tiptap_pm@2.27.1_/node_modules/@tiptap/extension-text-style/dist/index.js";import{Underline as p}from"../../../../../../../node_modules/.pnpm/@tiptap_extension-underline@2.26.1_@tiptap_core@2.27.1_@tiptap_pm@2.27.1_/node_modules/@tiptap/extension-underline/dist/index.js";import{StarterKit as d}from"../../../../../../../node_modules/.pnpm/@tiptap_starter-kit@2.26.1/node_modules/@tiptap/starter-kit/dist/index.js";import{FontSizeExtension as c,HardBreakWithVariants as f,NbspInvisibleCharacter as b,HardBreakInvisibleDesktop as u,HardBreakInvisibleMobile as v,HardBreakInvisibleDefault as h}from"./extensions.js";import{editorHeadingClasses as H}from"./helper.js";import{mergeAttributes as t}from"../../../../../../../node_modules/.pnpm/@tiptap_core@2.27.1_@tiptap_pm@2.27.1/node_modules/@tiptap/core/dist/index.js";const S=[d.configure({heading:!1,bold:{HTMLAttributes:{class:"!font-bold"}},bulletList:{HTMLAttributes:{class:"list-disc [&>li]:ml-4"}},paragraph:{HTMLAttributes:{class:"text-dark"}}}),c,p,m,f,l.configure({builders:[new n,new b,new u,new v,new h],visible:!0}),s,o.configure({levels:[1,2,3,4]}).extend({renderHTML({node:e,HTMLAttributes:i}){const r=this.options.levels.includes(e.attrs.level)?e.attrs.level:this.options.levels[0];return[`h${r}`,t(this.options.HTMLAttributes,i,{class:`${H[r]}`}),0]}}),a.configure({openOnClick:!0}).extend({renderHTML({HTMLAttributes:e}){return["a",t(e)]}})];export{S as editorConfig};
+import s from"@tiptap/extension-color";import{Heading as o}from"@tiptap/extension-heading";import l,{SpaceCharacter as n}from"@tiptap/extension-invisible-characters";import a from"@tiptap/extension-link";import{TextStyle as m}from"@tiptap/extension-text-style";import p from"@tiptap/extension-underline";import{mergeAttributes as t}from"@tiptap/react";import d from"@tiptap/starter-kit";import{FontSizeExtension as c,HardBreakWithVariants as f,NbspInvisibleCharacter as b,HardBreakInvisibleDesktop as u,HardBreakInvisibleMobile as v,HardBreakInvisibleDefault as h}from"./extensions.js";import{editorHeadingClasses as H}from"./helper.js";const S=[d.configure({heading:!1,bold:{HTMLAttributes:{class:"!font-bold"}},bulletList:{HTMLAttributes:{class:"list-disc [&>li]:ml-4"}},paragraph:{HTMLAttributes:{class:"text-dark"}}}),c,p,m,f,l.configure({builders:[new n,new b,new u,new v,new h],visible:!0}),s,o.configure({levels:[1,2,3,4]}).extend({renderHTML({node:e,HTMLAttributes:i}){const r=this.options.levels.includes(e.attrs.level)?e.attrs.level:this.options.levels[0];return[`h${r}`,t(this.options.HTMLAttributes,i,{class:`${H[r]}`}),0]}}),a.configure({openOnClick:!0}).extend({renderHTML({HTMLAttributes:e}){return["a",t(e)]}})];export{S as editorConfig};
 //# sourceMappingURL=config.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"config.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/editor/model/config.ts"],"sourcesContent":["import Color from '@tiptap/extension-color'\nimport { Heading } from '@tiptap/extension-heading'\nimport InvisibleCharacters, { SpaceCharacter } from '@tiptap/extension-invisible-characters'\nimport Link from '@tiptap/extension-link'\nimport { TextStyle } from '@tiptap/extension-text-style'\nimport Underline from '@tiptap/extension-underline'\nimport { mergeAttributes } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport {\n FontSizeExtension,\n HardBreakInvisibleDefault,\n HardBreakInvisibleDesktop,\n HardBreakInvisibleMobile,\n HardBreakWithVariants,\n NbspInvisibleCharacter\n} from './extensions'\nimport { editorHeadingClasses } from './helper'\nimport { type HeadingLevel } from './types'\n\nexport const editorConfig = [\n StarterKit.configure({\n heading: false,\n bold: {\n HTMLAttributes: {\n class: '!font-bold'\n }\n },\n bulletList: {\n HTMLAttributes: {\n class: 'list-disc [&>li]:ml-4'\n }\n },\n paragraph: {\n HTMLAttributes: {\n class: 'text-dark'\n }\n }\n }),\n FontSizeExtension,\n Underline,\n TextStyle,\n HardBreakWithVariants,\n InvisibleCharacters.configure({\n builders: [\n new SpaceCharacter(),\n new NbspInvisibleCharacter(),\n new HardBreakInvisibleDesktop(),\n new HardBreakInvisibleMobile(),\n new HardBreakInvisibleDefault()\n ],\n visible: true\n }),\n Color,\n Heading.configure({\n levels: [1, 2, 3, 4]\n }).extend({\n renderHTML({ node, HTMLAttributes }) {\n const hasLevel = this.options.levels.includes(node.attrs.level)\n const level: HeadingLevel = hasLevel ? node.attrs.level : this.options.levels[0]\n return [\n `h${level}`,\n mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {\n class: `${editorHeadingClasses[level]}`\n }),\n 0\n ]\n }\n }),\n Link.configure({\n openOnClick: true\n }).extend({\n renderHTML({ HTMLAttributes }) {\n return ['a', mergeAttributes(HTMLAttributes)]\n }\n })\n]\n"],"names":["editorConfig","StarterKit","FontSizeExtension","Underline","TextStyle","HardBreakWithVariants","InvisibleCharacters","SpaceCharacter","NbspInvisibleCharacter","HardBreakInvisibleDesktop","HardBreakInvisibleMobile","HardBreakInvisibleDefault","Color","Heading","node","HTMLAttributes","level","mergeAttributes","editorHeadingClasses","Link"],"mappings":"~~6zDAmBO~~,MAAMA,EAAe,CAC1BC,EAAW,UAAU,CACnB,QAAS,GACT,KAAM,CACJ,eAAgB,CACd,MAAO,YAAA,CACT,EAEF,WAAY,CACV,eAAgB,CACd,MAAO,uBAAA,CACT,EAEF,UAAW,CACT,eAAgB,CACd,MAAO,WAAA,CACT,CACF,CACD,EACDC,EACAC,EACAC,EACAC,EACAC,EAAoB,UAAU,CAC5B,SAAU,CACR,IAAIC,EACJ,IAAIC,EACJ,IAAIC,EACJ,IAAIC,EACJ,IAAIC,CAA0B,EAEhC,QAAS,EAAA,CACV,EACDC,EACAC,EAAQ,UAAU,CAChB,OAAQ,CAAC,EAAG,EAAG,EAAG,CAAC,CAAA,CACpB,EAAE,OAAO,CACR,WAAW,CAAE,KAAAC,EAAM,eAAAC,GAAkB,CAEnC,MAAMC,EADW,KAAK,QAAQ,OAAO,SAASF,EAAK,MAAM,KAAK,EACvBA,EAAK,MAAM,MAAQ,KAAK,QAAQ,OAAO,CAAC,EAC/E,MAAO,CACL,IAAIE,CAAK,GACTC,EAAgB,KAAK,QAAQ,eAAgBF,EAAgB,CAC3D,MAAO,GAAGG,EAAqBF,CAAK,CAAC,EAAA,CACtC,EACD,CAAA,CAEJ,CAAA,CACD,EACDG,EAAK,UAAU,CACb,YAAa,EAAA,CACd,EAAE,OAAO,CACR,WAAW,CAAE,eAAAJ,GAAkB,CAC7B,MAAO,CAAC,IAAKE,EAAgBF,CAAc,CAAC,CAC9C,CAAA,CACD,CACH"}
1	+ {"version":3,"file":"config.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/editor/model/config.ts"],"sourcesContent":["import Color from '@tiptap/extension-color'\nimport { Heading } from '@tiptap/extension-heading'\nimport InvisibleCharacters, { SpaceCharacter } from '@tiptap/extension-invisible-characters'\nimport Link from '@tiptap/extension-link'\nimport { TextStyle } from '@tiptap/extension-text-style'\nimport Underline from '@tiptap/extension-underline'\nimport { mergeAttributes } from '@tiptap/react'\nimport StarterKit from '@tiptap/starter-kit'\nimport {\n FontSizeExtension,\n HardBreakInvisibleDefault,\n HardBreakInvisibleDesktop,\n HardBreakInvisibleMobile,\n HardBreakWithVariants,\n NbspInvisibleCharacter\n} from './extensions'\nimport { editorHeadingClasses } from './helper'\nimport { type HeadingLevel } from './types'\n\nexport const editorConfig = [\n StarterKit.configure({\n heading: false,\n bold: {\n HTMLAttributes: {\n class: '!font-bold'\n }\n },\n bulletList: {\n HTMLAttributes: {\n class: 'list-disc [&>li]:ml-4'\n }\n },\n paragraph: {\n HTMLAttributes: {\n class: 'text-dark'\n }\n }\n }),\n FontSizeExtension,\n Underline,\n TextStyle,\n HardBreakWithVariants,\n InvisibleCharacters.configure({\n builders: [\n new SpaceCharacter(),\n new NbspInvisibleCharacter(),\n new HardBreakInvisibleDesktop(),\n new HardBreakInvisibleMobile(),\n new HardBreakInvisibleDefault()\n ],\n visible: true\n }),\n Color,\n Heading.configure({\n levels: [1, 2, 3, 4]\n }).extend({\n renderHTML({ node, HTMLAttributes }) {\n const hasLevel = this.options.levels.includes(node.attrs.level)\n const level: HeadingLevel = hasLevel ? node.attrs.level : this.options.levels[0]\n return [\n `h${level}`,\n mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {\n class: `${editorHeadingClasses[level]}`\n }),\n 0\n ]\n }\n }),\n Link.configure({\n openOnClick: true\n }).extend({\n renderHTML({ HTMLAttributes }) {\n return ['a', mergeAttributes(HTMLAttributes)]\n }\n })\n]\n"],"names":["editorConfig","StarterKit","FontSizeExtension","Underline","TextStyle","HardBreakWithVariants","InvisibleCharacters","SpaceCharacter","NbspInvisibleCharacter","HardBreakInvisibleDesktop","HardBreakInvisibleMobile","HardBreakInvisibleDefault","Color","Heading","node","HTMLAttributes","level","mergeAttributes","editorHeadingClasses","Link"],"mappings":"6nBAmBO,MAAMA,EAAe,CAC1BC,EAAW,UAAU,CACnB,QAAS,GACT,KAAM,CACJ,eAAgB,CACd,MAAO,YAAA,CACT,EAEF,WAAY,CACV,eAAgB,CACd,MAAO,uBAAA,CACT,EAEF,UAAW,CACT,eAAgB,CACd,MAAO,WAAA,CACT,CACF,CACD,EACDC,EACAC,EACAC,EACAC,EACAC,EAAoB,UAAU,CAC5B,SAAU,CACR,IAAIC,EACJ,IAAIC,EACJ,IAAIC,EACJ,IAAIC,EACJ,IAAIC,CAA0B,EAEhC,QAAS,EAAA,CACV,EACDC,EACAC,EAAQ,UAAU,CAChB,OAAQ,CAAC,EAAG,EAAG,EAAG,CAAC,CAAA,CACpB,EAAE,OAAO,CACR,WAAW,CAAE,KAAAC,EAAM,eAAAC,GAAkB,CAEnC,MAAMC,EADW,KAAK,QAAQ,OAAO,SAASF,EAAK,MAAM,KAAK,EACvBA,EAAK,MAAM,MAAQ,KAAK,QAAQ,OAAO,CAAC,EAC/E,MAAO,CACL,IAAIE,CAAK,GACTC,EAAgB,KAAK,QAAQ,eAAgBF,EAAgB,CAC3D,MAAO,GAAGG,EAAqBF,CAAK,CAAC,EAAA,CACtC,EACD,CAAA,CAEJ,CAAA,CACD,EACDG,EAAK,UAAU,CACb,YAAa,EAAA,CACd,EAAE,OAAO,CACR,WAAW,CAAE,eAAAJ,GAAkB,CAC7B,MAAO,CAAC,IAAKE,EAAgBF,CAAc,CAAC,CAC9C,CAAA,CACD,CACH"}

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

@@ -1,2 +1,2 @@
-import{Extension as n}from"../../../../../../../node_modules/.pnpm/@tiptap_core@2.27.1_@tiptap_pm@2.27.1/node_modules/@tiptap/core/dist/index.js";import{HardBreak as i}from"../../../../../../../node_modules/.pnpm/@tiptap_extension-hard-break@2.27.1_@tiptap_core@2.27.1_@tiptap_pm@2.27.1_/node_modules/@tiptap/extension-hard-break/dist/index.js";import{InvisibleCharacter as d,InvisibleNode as a}from"../../../../../../../node_modules/.pnpm/@tiptap_extension-invisible-characters@2.27.1_@tiptap_core@2.27.1_@tiptap_pm@2.27.1__@t_b9038f01f333ad0e9cd2fab0a6c61683/node_modules/@tiptap/extension-invisible-characters/dist/index.js";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 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};
 //# 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":"~~onBAIO~~,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","_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"}

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

@@ -1,2 +1,2 @@
-import{jsx as i}from"react/jsx-runtime";import"../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"react";import"../../../../button/Button.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../../modal/ui/IframeModalContent.js";import"../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as o}from"../../../../icon/Icon.js";import"../../../../table/ui/primitives/Primitives.js";import"../../../../carousel/ui/CarouselContent.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"../../../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"../../../../../../../src/configs/api.js";import"../ui/Editor.js";import"../../input/MaskInputControl.js";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const w=[1,2,3,4],D={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"},U=()=>[{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()}],q=[{label:"12px",value:"12px"},{label:"14px",value:"14px"},{label:"16px",value:"16px"},{label:"18px",value:"18px"},{label:"20px",value:"20px"},{label:"24px",value:"24px"}],G=["#292929","#FFFFFF","#40465A","#5A6E85","#A9B6C5","#94A4B7","#003790","#042E73","#809BC7","#76BC21","#F49F00","#F42500"],J=e=>[{label:"Жирный текст",icon:i(o,{name:"editor/bold",className:"size-4"}),onClick:()=>e.chain().focus().toggleBold().run(),isActive:e.isActive("bold")},{label:"Курсивный текст",icon:i(o,{name:"editor/italic",className:"size-4"}),onClick:()=>e.chain().focus().toggleItalic().run(),isActive:e.isActive("italic")},{label:"Подчеркнутый текст",icon:i(o,{name:"editor/underline",className:"size-4"}),onClick:()=>e.chain().focus().toggleUnderline().run(),isActive:e.isActive("underline")},{label:"Зачеркнутый текст",icon:i(o,{name:"editor/strikethrough",className:"size-4"}),onClick:()=>e.chain().focus().toggleStrike().run(),isActive:e.isActive("strike")},{label:"Обычный текст",icon:i(o,{name:"editor/typography",className:"size-4"}),onClick:()=>e.chain().focus().setParagraph().run()},{label:"Маркированный список",icon:i(o,{name:"editor/list",className:"size-4"}),onClick:()=>e.chain().focus().toggleBulletList().run(),isActive:e.isActive("bulletList")},{label:"Отменить",icon:i(o,{name:"editor/undo",className:"size-4"}),onClick:()=>e.chain().focus().undo().run()},{label:"Вернуть",icon:i(o,{name:"editor/redo",className:"size-4"}),onClick:()=>e.chain().focus().redo().run()},{label:"Очистить стили и теги",icon:i(o,{name:"editor/removeFormatting",className:"size-4"}),onClick:()=>e.chain().focus().clearNodes().unsetAllMarks().run()},{label:"Удалить все",icon:i(o,{name:"general/close",className:"size-4"}),onClick:()=>e.commands.clearContent()},{label:"Добавить неразрывной пробел &nbsp;",icon:i(o,{name:"editor/nbsp",className:"size-4"}),onClick:()=>e.chain().focus().insertContent(" ").run()}];export{U as brOptions,G as editorAllowedColors,D as editorHeadingClasses,q as fontSizesOptions,w as headingsOptions,J as renderEditorPanel};
+import{jsx as o}from"react/jsx-runtime";import"classnames";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";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};
 //# 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":"~~6qDAIO~~,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"}
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":"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"}

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{CharacterCount as M}from"../../../../../../../node_modules/.pnpm/@tiptap_extension-character-count@2.26.1_@tiptap_core@2.27.1_@tiptap_pm@2.27.1__@tiptap_pm@2.27.1/node_modules/@tiptap/extension-character-count/dist/index.js";import{useEditor as y,EditorContent as L}from"../../../../../../../node_modules/.pnpm/@tiptap_react@2.26.1_@tiptap_core@2.27.1_@tiptap_pm@2.27.1__@tiptap_pm@2.27.1_react-dom_455527118ea956241f2f32f13e81f06c/node_modules/@tiptap/react/dist/index.js";import{cn as e}from"../../../../../utils/cn.js";import"../../../../button/Button.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../../modal/ui/IframeModalContent.js";import"../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import"../../../../table/ui/primitives/Primitives.js";import"../../../../carousel/ui/CarouselContent.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"../../../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"../../../../../../../src/configs/api.js";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,ct=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{ct as Editor};
+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";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"classnames";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};
 //# sourceMappingURL=Editor.js.map

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"../../../../button/Button.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import"react-hook-form";import"../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import"../../../../table/ui/primitives/Primitives.js";import"../../../../carousel/ui/CarouselContent.js";import"react-dom";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"../../../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"../../../../../../../src/configs/api.js";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"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as h}from"../../../ui/MessageView.js";const mt=({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{mt as EditorModal};
+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";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"classnames";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};
 //# 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":"~~k2DAgBO~~,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":"qtEAgBO,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"}

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 e}from"../../model/helper.js";import{cn as i}from"../../../../../../utils/cn.js";import"react";import"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"react-hook-form";import{Popover as m}from"../../../../../popover/Popover.js";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as p}from"../../../../../icon/Icon.js";import"../../../../../table/ui/primitives/Primitives.js";import"../../../../../carousel/ui/CarouselContent.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"../../../../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"../../../../../../../../src/configs/api.js";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 U=({editor:t})=>r(m,{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:e.map(o=>r("button",{type:"button",style:{background:o},onClick:()=>t.chain().focus().setColor(o).run(),className:i("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{U as SetColor};
+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";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"classnames";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};
 //# 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":"~~4+DASO~~,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"}
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":"82EASO,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"}

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"react";import"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import{Hint as n}from"../../../../../hint/Hint.js";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import"../../../../../table/ui/primitives/Primitives.js";import"react-hook-form";import"../../../../../carousel/ui/CarouselContent.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"../../../../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"../../../../../../../../src/configs/api.js";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 W=({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:e,isActive:p})=>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:e,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":p}),children:m}),children:t},t))})};export{W as SetCoreCommands};
+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";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"classnames";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};
 //# 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":"~~86DASO~~,MAAMA,~~EAAkB~~,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":"gzEASO,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"}

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{Button as z}from"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"react-hook-form";import{Popover as S}from"../../../../../popover/Popover.js";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as d}from"../../../../../icon/Icon.js";import"../../../../../table/ui/primitives/Primitives.js";import"../../../../../carousel/ui/CarouselContent.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"../../../../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"../../../../../../../../src/configs/api.js";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 it=({editor:o})=>{const[i,n]=a(null),e=()=>{const t=s();n(t)};u(()=>{if(!o)return;e();const t=()=>e();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":i===t}),children:r("span",{children:c})},t)),r(z,{intent:"secondary",size:"sm",type:"button",onClick:p,children:"Сбросить"})]})})};export{it as SetFontSize};
+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";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"classnames";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};
 //# 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":"~~siEAUO~~,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":"w6EAUO,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"}

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 s}from"../../../../../../utils/cn.js";import"react";const h=({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:s("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{h as SetHardBreak};
+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};
 //# 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":"~~0QAUO~~,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":"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"}

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"react";const p=({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{p as SetHeadings};
+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};
 //# 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":"~~gRAUO~~,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":"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"}