@ryuzaki13/react-foundation-ui 1.8.11 → 1.8.13

package/storybook-static/project.json

@@ -1 +1 @@
-{"generatedAt":1787126267745,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"tanstack-react","packageName":"@tanstack/react-router","version":"1.170.29"},"knownPackages":{"testPackages":{"@chromatic-com/storybook":"5.3.0","@storybook/addon-vitest":"10.5.8","@testing-library/dom":"10.4.1","@testing-library/react":"16.3.2","@testing-library/user-event":"^14.6.1","@vitest/browser":"4.1.10","playwright":"1.62.1","vitest":"4.1.10"},"stateManagementPackages":{"zustand":"5.0.0"},"dataFetchingPackages":{"@tanstack/react-query":"5.101.4"},"routerPackages":{"@tanstack/react-router":"1.170.23"}},"hasRouterPackage":false,"packageManager":{"type":"npm","version":"11.7.0","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":1,"applicationFileCount":9,"storybookVersion":"10.5.8","storybookVersionSpecifier":"^10.5.5","language":"typescript","storybookPackages":{"@storybook/react-vite":{"version":"10.5.8"},"storybook":{}},"addons":{"@chromatic-com/storybook":{"version":"5.3.0"},"@storybook/addon-docs":{"version":"10.5.8"},"@storybook/addon-a11y":{"version":"10.5.8"},"@storybook/addon-vitest":{"version":"10.5.8"}},"packageJsonType":"module"}
+{"generatedAt":1787326675476,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"tanstack-react","packageName":"@tanstack/react-router","version":"1.170.29"},"knownPackages":{"testPackages":{"@chromatic-com/storybook":"5.3.0","@storybook/addon-vitest":"10.5.8","@testing-library/dom":"10.4.1","@testing-library/react":"16.3.2","@testing-library/user-event":"^14.6.1","@vitest/browser":"4.1.10","playwright":"1.62.1","vitest":"4.1.10"},"stateManagementPackages":{"zustand":"5.0.0"},"dataFetchingPackages":{"@tanstack/react-query":"5.101.4"},"routerPackages":{"@tanstack/react-router":"1.170.23"}},"hasRouterPackage":false,"packageManager":{"type":"npm","version":"11.7.0","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":1,"applicationFileCount":9,"storybookVersion":"10.5.8","storybookVersionSpecifier":"^10.5.5","language":"typescript","storybookPackages":{"@storybook/react-vite":{"version":"10.5.8"},"storybook":{}},"addons":{"@chromatic-com/storybook":{"version":"5.3.0"},"@storybook/addon-docs":{"version":"10.5.8"},"@storybook/addon-a11y":{"version":"10.5.8"},"@storybook/addon-vitest":{"version":"10.5.8"}},"packageJsonType":"module"}

package/storybook-static/assets/DateInput-05Iy69_a.js

@@ -1 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{a as n,c as r,l as i,n as a,o,r as s,s as c,t as l}from"./CalendarView-Dp0zus1o.js";import{n as u,t as d}from"./RadioGroup-CvXjGXcV.js";import{n as f}from"./iframe-Sr0umHM6.js";import{b as p,d as m,f as h,m as g,p as _,v,x as y}from"./odata-service-B6TxBSLm-Bq8Ya67E.js";import{b,n as x,y as S}from"./formatters-CBgrBeSA-CqB1pZxS.js";import{n as C,t as w}from"./Popover-NJwt_vZZ.js";import{n as T,t as E}from"./ui.module-Cat84Nza.js";import{l as D,o as ee}from"./Input-op4j7Beh.js";function O(e){return e.selectionMode===`day`||e.selectionMode===`week`?`day`:e.selectionMode===`month`||e.selectionMode===`year`?e.selectionMode:e.datePickerLevel??`day`}function k(e){return{selectionMode:e?.selectionMode,weekEndDay:e?.weekEndDay}}function A(e,t){return typeof e==`string`||e===void 0?{datePreset:e,datePickerLevel:t}:t&&e.datePickerLevel===void 0?{...e,datePickerLevel:t}:e}function j(e){let t=h(e,U);return _(t)?t:U}function M(e,t){return y(e,j(t.datePreset),{defaultFormat:U,precision:O(t),referenceDate:t.referenceDate})?.date??null}function N(e,t){return x(e,k(t))?.start??null}function P(e,t){if(!b(e))return null;let[n,r]=e;return[N(n,t),F(r,t)]}function F(e,t){return x(e,k(t))?.end??null}function I(e){return e?.getTime()??null}function te(e,t,n){return I(N(e,n))===I(N(t,n))}function ne(e,t,n){let r=P(e,n),i=P(t,n);return I(r?.[0]??null)===I(i?.[0]??null)&&I(r?.[1]??null)===I(i?.[1]??null)}function L(e,t,n){if(!e)return``;let r=A(t,n),i=x(e,k(r));return r.selectionMode===`week`&&i?g(i.start,i.end,j(r.datePreset),{precision:O(r)}):m(e,j(r.datePreset),{precision:O(r)})}function R(e,t,n){if(!b(e))return``;let r=A(t,n),[i,a]=e;return i&&a?g(i,a,j(r.datePreset),{precision:O(r)}):i?`${m(i,j(r.datePreset),{precision:O(r)})}${W}`:``}function z(e,t,n){return b(e)?R(e,t,n):L(e,t,n)}function B(e,t,n){let r=A(t,n);return N(M(r.selectionMode===`week`?e.split(W)[0]??``:e,r),r)}function V(e,t,n){let r=A(t,n),[i=``,a=``]=e.split(W);return[B(i,r),H(a,r)]}function H(e,t,n){let r=A(t,n);return F(M(e,r),r)}var U,W;function G(){return(G=e((()=>{p(),S(),U=v.date,W=` - `})))()}function K(e){return b(e)?e[0]??e[1]??void 0:e??void 0}var q,J;function Y(){return(Y=e((()=>{q=t(),S(),G(),J=e=>{let t=(0,q.useMemo)(()=>{let t={selectionMode:e.selectionMode,weekEndDay:e.weekEndDay};return e.selectsRange?P(e.value,t):N(e.value,t)},[e.selectsRange,e.selectionMode,e.value,e.weekEndDay]),n=(0,q.useMemo)(()=>({datePreset:e.datePreset,datePickerLevel:e.datePickerLevel,selectionMode:e.selectionMode,weekEndDay:e.weekEndDay}),[e.datePickerLevel,e.datePreset,e.selectionMode,e.weekEndDay]),r=z(t,n),i=JSON.stringify([e.selectsRange,e.datePreset??null,e.datePickerLevel??null,e.selectionMode??null,e.weekEndDay??null,b(t)?[t[0]?.getTime()??null,t[1]?.getTime()??null]:t?.getTime()??null]),[a,o]=(0,q.useState)(()=>({sourceSignature:i,selectedDate:t,inputValue:r})),s=a.sourceSignature===i,c=s?a.selectedDate:t,l=s?a.inputValue:r,u=e=>{o(n=>{let r=n.sourceSignature===i?n.selectedDate:t;return{sourceSignature:i,selectedDate:r,inputValue:e}})},d=e=>{o(t=>{let n=t.sourceSignature===i?t.inputValue:r;return{sourceSignature:i,selectedDate:e,inputValue:n}})},f=e=>z(e,n);return{inputValue:l,setInputValue:u,selectedDate:c,setSelectedDate:d,handleSelect:t=>{let[r,a]=Array.isArray(t)?t:[t,null];if(e.selectsRange){let t=N(r,n),s=F(a,n);if(t&&s){if(s<t){let t=[N(a,n),F(r,n)];o({sourceSignature:i,selectedDate:t,inputValue:f(t)}),e.onChange(t)}else{let n=[t,s];o({sourceSignature:i,selectedDate:n,inputValue:f(n)}),e.onChange(n)}return!0}let c=[t,null];return o({sourceSignature:i,selectedDate:c,inputValue:f(c)}),!1}let s=N(r,n);return o({sourceSignature:i,selectedDate:s,inputValue:f(s)}),e.onChange(s),!0},formatDate:f,parseDate:t=>{let r={...n,referenceDate:K(c)};return e.selectsRange?V(t,r):B(t,r)}}}})))()}var X,Z;function re(){return(re=e((()=>{X=`-tM-kj`,Z={selectionModeControl:X}})))()}function ie(e,t){let n=new Set(e?.length?e:s);return n.add(t),s.filter(e=>n.has(e))}function ae({placeholder:e,disabled:t,error:n,onClearError:i,minDate:a,maxDate:s,datePickerLevel:u,selectionMode:f,weekEndDay:p=`sunday`,allowSelectionModeChange:m,selectionModeOptions:h,onSelectionModeChange:g,..._}){let[v,y]=(0,Q.useState)(!1),[x,S]=(0,Q.useState)(f??`day`),C=f??x,E=u??`day`,D=c(C,E),[O,k]=(0,Q.useState)(()=>({view:D,selectionMode:C,minDatePickerLevel:E})),A=O.selectionMode===C&&O.minDatePickerLevel===E&&o(O.view,E)?O.view:D,j=(0,Q.useRef)(_.value),M={selectionMode:C,weekEndDay:p},{inputValue:N,setInputValue:P,selectedDate:F,setSelectedDate:I,handleSelect:L,formatDate:R,parseDate:z}=J({..._,datePickerLevel:E,selectionMode:C,weekEndDay:p}),B=_.selectsRange?_.onChange:void 0,V=(0,Q.useCallback)(e=>{o(e,E)&&k({view:e,selectionMode:C,minDatePickerLevel:E})},[E,C]);(0,Q.useEffect)(()=>{j.current=_.value},[_.value]);let H=()=>{if(N){let e=z(N);if(e){if(P(R(e)),_.selectsRange&&b(e)){if(ne(e,b(F)?F:null,M))return;I(e),_.onChange(e)}else if(!_.selectsRange&&e instanceof Date){if(te(e,F instanceof Date?F:null,M))return;I(e),_.onChange(e)}}}},U=e=>{e.key===`Enter`&&(e.preventDefault(),H())},W=(0,Q.useCallback)(e=>{L(e)&&y(!1)},[L]),G=(0,Q.useCallback)(e=>{f===void 0&&S(e),g?.(e),k({view:c(e,E),selectionMode:e,minDatePickerLevel:E})},[f,E,g]),K=(0,Q.useCallback)(()=>{if(B){let[,e]=b(F)?F:[null,null];if(!e){let e=j.current,t=Array.isArray(e)?e:null,n=t?.[0]??null,r=t?.[1]??null;if(n&&r){let e=[n,r];I(e),P(R(e)),B(e)}else I([null,null]),P(``),B([null,null])}}},[B,F,I,P,R]),q=ie(h,C),Y=m&&q.length>1;return(0,$.jsxs)(w,{open:v,onOpenChange:e=>{y(e),e||K()},children:[(0,$.jsx)(ee,{label:_.label,description:_.description,size:_.size,value:N,onChange:P,onBlur:H,onKeyUp:U,placeholder:e,disabled:t,error:n,onClearError:i,endAdornmentWidth:`var(--control-height)`,endAdornment:(0,$.jsx)(w.Trigger,{children:(0,$.jsx)(`div`,{className:T.uiToggleButtonContainer,children:(0,$.jsx)(`button`,{type:`button`,disabled:t,"aria-label":`Открыть календарь`,className:T.uiToggleButton,children:(0,$.jsx)(r,{})})})})}),(0,$.jsxs)(w.Content,{background:`primary`,children:[(0,$.jsx)(l,{view:A,datePickerLevel:E,selectionMode:C,weekEndDay:p,onViewChange:V,value:F??null,onChange:W,minDate:a,maxDate:s,selectsRange:!!_.selectsRange}),Y&&(0,$.jsx)(`div`,{className:Z.selectionModeControl,children:(0,$.jsx)(d,{value:C,onChange:G,noWrap:!0,"aria-label":`Режим выбора даты`,children:q.map(e=>(0,$.jsx)(d.Option,{value:e,label:ce[e]},e))})})]})]})}function oe(e){return(0,$.jsx)(ae,{...e})}function se(e){return(0,$.jsx)(ae,{...e,selectsRange:!0})}var Q,$,ce;function le(){return(le=e((()=>{Q=t(),S(),i(),D(),C(),u(),E(),G(),n(),Y(),a(),re(),$=f(),ce={day:`День`,week:`Неделя`,month:`Месяц`,year:`Год`},oe.__docgenInfo={description:``,methods:[],displayName:`SingleDateInput`},se.__docgenInfo={description:``,methods:[],displayName:`RangeDateInput`}})))()}export{oe as n,le as r,se as t};

package/storybook-static/assets/NotificationsHost.stories-CgbFboVD.js

@@ -1,29 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r,t as i}from"./check-CLkTJVXe.js";import{n as a,t as o}from"./circle-alert-DOmVf8am.js";import{n as s,t as c}from"./circle-check-e7eSQ2VD.js";import{i as l,n as ee,r as te,t as ne}from"./info-DhJTzwcL.js";import{n as re,t as ie}from"./refresh-cw-C7WnxX9M.js";import{n as ae,t as oe}from"./trash-2-BnceCuhg.js";import{n as se,t as u}from"./triangle-alert-MPi3GVgt.js";import{n as ce,t as le}from"./x-CqPSvWfo.js";import{i as d,n as f,r as p}from"./iframe-Sr0umHM6.js";import{a as ue,i as de}from"./utils-tg3ibbzi.js";import{n as fe}from"./error-De9R4E_F.js";import{n as pe,t as me}from"./FlexContainer-BWyPlTMB.js";import{n as he,t as m}from"./Button-CrTHXWYk.js";import{a as ge,i as _e,n as ve,r as h}from"./react-GkniIHEK.js";var g,_;function v(){return(v=e((()=>{d(),g=[[`path`,{d:`M10.268 21a2 2 0 0 0 3.464 0`,key:`vwvbt9`}],[`path`,{d:`M22 8c0-2.3-.8-4.3-2-6`,key:`5bb3ad`}],[`path`,{d:`M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326`,key:`11g9vi`}],[`path`,{d:`M4 2C2.8 3.7 2 5.7 2 8`,key:`tap9e0`}]],_=p(`bell-ring`,g)})))()}var y,b;function x(){return(x=e((()=>{d(),y=[[`path`,{d:`M10 2h4`,key:`n1abiw`}],[`path`,{d:`M12 14v-4`,key:`1evpnu`}],[`path`,{d:`M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6`,key:`1ts96g`}],[`path`,{d:`M9 17H4v5`,key:`8t5av`}]],b=p(`timer-reset`,y)})))()}var S,C,w,T,E,D,O;function k(){return(k=e((()=>{ge(),S=null,C=e=>(S=e,()=>{S===e&&(S=null)}),w=()=>{if(!S)throw Error(`Notifications store is not bound. Wrap app with NotificationsProvider.`);return S},T=Object.freeze({push:e=>w().getState().actions.push(e),upsert:e=>w().getState().actions.upsert(e),update:(e,t)=>w().getState().actions.update(e,t),dismiss:e=>w().getState().actions.dismiss(e),clear:()=>w().getState().actions.clear(),success:(e,t)=>w().getState().actions.push({type:`success`,message:e,...t}),info:(e,t)=>w().getState().actions.push({type:`info`,message:e,...t}),warning:(e,t)=>w().getState().actions.push({type:`warning`,message:e,...t}),error:(e,t)=>w().getState().actions.push({type:`error`,message:e,...t}),progress:(e,t)=>{let n=w(),r=t?.id;r&&n.getState().actions.upsert({id:r,type:`info`,title:t?.title,message:e,dismissible:!1});let i=r??n.getState().actions.push({type:`info`,title:t?.title,message:e,dismissible:!1});return{id:i,update:e=>T.update(i,{message:e}),success:(e,t=2500)=>T.update(i,{type:`success`,message:e,dismissible:!0,ttlMs:t}),error:(e,t=5e3)=>T.update(i,{type:`error`,message:e,dismissible:!0,ttlMs:t}),dismiss:()=>T.dismiss(i)}}}),E=()=>`${Date.now().toString(36)}-${Math.random().toString(36).slice(2,9)}`,D=6,O=()=>{let e=new Map,t=t=>{let n=e.get(t);n&&(window.clearTimeout(n),e.delete(t))},n=(n,r,i=1e4)=>{if(t(r),i<=0)return;let a=window.setTimeout(()=>{n.getState().actions.dismiss(r)},i);e.set(r,a)},r=_e()((i,a)=>({items:[],actions:{push:e=>{let t=e.id??E(),a=Date.now(),o={id:t,type:e.type,title:e.title,message:e.message,createdAt:a,ttlMs:e.ttlMs,dismissible:e.dismissible??!0,actions:e.actions};return i(e=>({items:[o,...e.items.filter(e=>e.id!==t)].slice(0,D)})),n(r,t,o.ttlMs),t},update:(e,t)=>{let{items:o}=a(),s=o.findIndex(t=>t.id===e);if(s===-1)return!1;let c=o[s],l={...c,...t,id:c.id,createdAt:c.createdAt};return i(t=>({items:t.items.map(t=>t.id===e?l:t)})),`ttlMs`in t&&n(r,e,l.ttlMs),!0},upsert:e=>a().actions.update(e.id,{type:e.type,title:e.title,message:e.message,ttlMs:e.ttlMs,dismissible:e.dismissible})?e.id:a().actions.push(e),dismiss:e=>{t(e),i(t=>({items:t.items.filter(t=>t.id!==e)}))},clear:()=>{e.forEach(e=>window.clearTimeout(e)),e.clear(),i({items:[]})}}}));return r}})))()}function A({children:e}){let t=(0,N.useMemo)(()=>O(),[]);return(0,N.useEffect)(()=>C(t),[t]),(0,P.jsx)(F.Provider,{value:t,children:e})}function j(){let e=(0,N.useContext)(F);if(!e)throw fe({hookName:`useNotificationApi`,providerName:`NotificationsProvider`});return e}function ye(){let e=j();return h(e,e=>e.items)}function M(){let e=j(),t=h(e,e=>e.actions),n=e=>(n,r)=>t.push({type:e,message:n,...r});return{...t,success:n(`success`),info:n(`info`),warning:n(`warning`),error:n(`error`)}}var N,P,F;function I(){return(I=e((()=>{N=n(),k(),ve(),P=f(),F=(0,N.createContext)(null),A.__docgenInfo={description:`Провайдер уведомлений приложения. Хранит состояние списка уведомлений и предоставляет хуки доступа к нему.`,methods:[],displayName:`NotificationsProvider`}})))()}var L,R,z,B,V,H,U,be,xe,Se,Ce,we,Te,Ee,W;function De(){return(De=e((()=>{L=`STGQ3g`,R=`RaiISE`,z=`cM81wO`,B=`nH2cuZ`,V=`A2glD7`,H=`yWjijS`,U=`_1HO2ne`,be=`OyRJpj`,xe=`vrCrow`,Se=`A0X-ma`,Ce=`AkHvPV`,we=`_4YDLB5`,Te=`CK3Bqv`,Ee=`nLmQut`,W={container:L,card:R,info:z,success:B,warning:V,error:H,header:U,content:be,copy:xe,icon:Se,kicker:Ce,title:we,message:Te,actions:Ee}})))()}function G(){let e=ye(),{dismiss:t}=M();return(0,K.jsx)(`div`,{className:W.container,"aria-label":`Область уведомлений`,"aria-live":`polite`,"aria-relevant":`additions text`,children:e.map(e=>{let n=Oe[e.type],r=e.title??n.title,i=n.Icon;return(0,K.jsx)(`article`,{role:e.type===`error`?`alert`:`status`,"aria-atomic":`true`,className:ue(W.card,W[e.type]),children:(0,K.jsxs)(me,{align:`start`,justify:`between`,gap:`sm`,className:W.header,children:[(0,K.jsxs)(me,{align:`start`,gap:`sm`,className:W.content,children:[(0,K.jsx)(`span`,{className:W.icon,"aria-hidden":`true`,children:(0,K.jsx)(i,{})}),(0,K.jsxs)(`div`,{className:W.copy,children:[(0,K.jsx)(`div`,{className:W.kicker,children:n.title}),e.title?(0,K.jsx)(`div`,{className:W.title,children:r}):null,(0,K.jsx)(`div`,{className:W.message,children:e.message}),e.actions?.length?(0,K.jsx)(`div`,{className:W.actions,children:e.actions.map(t=>(0,K.jsx)(m,{tone:t.tone??e.type,appearance:`outline`,"data-ui":`notification-action-button`,"data-action":`notification-action`,onClick:()=>void t.onClick(),children:t.label},t.label))}):null]})]}),e.dismissible===!1?null:(0,K.jsx)(m,{icon:(0,K.jsx)(le,{}),appearance:`ghost`,tone:e.type,onClick:()=>t(e.id),"aria-label":`Закрыть уведомление`,"data-ui":`notification-dismiss-button`,"data-action":`dismiss-notification`})]})},e.id)})})}var K,Oe;function ke(){return(ke=e((()=>{de(),a(),s(),ee(),se(),ce(),he(),pe(),I(),De(),K=f(),Oe={info:{title:`Информация`,Icon:ne},success:{title:`Успешно`,Icon:c},warning:{title:`Предупреждение`,Icon:u},error:{title:`Ошибка`,Icon:o}},G.__docgenInfo={description:`Хост для визуального отображения очереди уведомлений.
-Обычно монтируется один раз на уровне приложения рядом с провайдером уведомлений.`,methods:[],displayName:`NotificationsHost`}})))()}var Ae=t({InteractivePlayground:()=>Q,Showcase:()=>Z,__namedExportsOrder:()=>He,default:()=>Le});function je(){let{clear:e}=M();return(0,q.useEffect)(()=>(e(),()=>{e()}),[e]),null}function Me({children:e,hostProps:t}){return(0,J.jsxs)(A,{children:[(0,J.jsx)(je,{}),(0,J.jsx)(`div`,{style:Re,children:(0,J.jsxs)(`div`,{style:ze,children:[(0,J.jsxs)(`div`,{style:Be,children:[(0,J.jsx)(`h2`,{style:{margin:0,fontSize:`var(--font-size-xl)`},children:`Демонстрация очереди уведомлений`}),(0,J.jsx)(`p`,{style:{margin:`12px 0 0`,color:`var(--content-1)`},children:"Хост закреплён в левом нижнем углу и использует общие токены проекта: `surface`, `content`, `status` и семантические `tone-*`. Внутри историй можно проверить лимит очереди, sticky-уведомления и сценарий длительной операции с обновлением одного уведомления."})]}),e]})}),(0,J.jsx)(G,{...t})]})}function Ne({children:e}){let[t]=Ie();return(0,J.jsx)(Me,{hostProps:t,children:e})}function Pe(){let{clear:e,push:t}=M();return(0,q.useEffect)(()=>(e(),t({type:`info`,title:`Сетевой статус`,message:`Подключение к серверу восстановлено.`,ttlMs:6e3}),t({type:`success`,title:`Профиль обновлён`,message:`Изменения сохранены и отправлены в очередь на синхронизацию.`,ttlMs:4500}),t({type:`warning`,title:`Требуется внимание`,message:`Срок действия сессии истекает через 5 минут.`}),t({type:`error`,title:`Ошибка импорта`,message:`Не удалось загрузить журнал операций.
-Повторите запрос или обратитесь к администратору.`}),()=>{e()}),[e,t]),(0,J.jsxs)(`div`,{style:Y,children:[(0,J.jsx)(`h3`,{style:{margin:0},children:`Снимок состояний`}),(0,J.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:`История сразу заполняет очередь всеми типами уведомлений, чтобы оценить цвет, иконки, контраст и читаемость текста.`})]})}function Fe(){let e=M(),t=(0,q.useRef)(null),[n,r]=(0,q.useState)(!1),a=()=>{t.current=null,r(!1)},o=(n,r)=>{let i=t.current;i&&(!e.update(i,{message:n,...r})||r?.type)&&a()};return(0,J.jsxs)(`div`,{style:Ve,children:[(0,J.jsxs)(`section`,{style:Y,children:[(0,J.jsx)(`h3`,{style:{margin:0},children:`Базовые сценарии`}),(0,J.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:"Вызовы через `useNotify` подходят для UI-логики внутри React-компонентов."}),(0,J.jsxs)(`div`,{style:X,children:[(0,J.jsx)(m,{tone:`info`,appearance:`outline`,icon:(0,J.jsx)(ne,{}),onClick:()=>e.info(`Справочник обновлён по расписанию.`,{title:`Информация`,ttlMs:3500}),children:`Info`}),(0,J.jsx)(m,{tone:`success`,appearance:`solid`,icon:(0,J.jsx)(i,{}),onClick:()=>e.success(`Изменения сохранены.`,{title:`Операция завершена`,ttlMs:2500}),children:`Success`}),(0,J.jsx)(m,{tone:`warning`,appearance:`outline`,icon:(0,J.jsx)(u,{}),onClick:()=>e.warning(`Подтвердите действие в течение 2 минут.`,{title:`Требуется подтверждение`,dismissible:!1}),children:`Sticky warning`}),(0,J.jsx)(m,{tone:`error`,appearance:`solid`,icon:(0,J.jsx)(te,{}),onClick:()=>e.error(`Сервис проверки подписей недоступен.`,{title:`Критическая ошибка`}),children:`Error`})]})]}),(0,J.jsxs)(`section`,{style:Y,children:[(0,J.jsx)(`h3`,{style:{margin:0},children:`Долгая операция`}),(0,J.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:"Сценарий имитирует `notify.progress`: создаёт одно sticky-уведомление и затем обновляет его по тому же `id`."}),(0,J.jsxs)(`div`,{style:X,children:[(0,J.jsx)(m,{variant:`neutralOutline`,icon:(0,J.jsx)(_,{}),onClick:()=>{let n=e.push({type:`info`,title:`Экспорт архива`,message:`Подготавливаю пакет документов...`,dismissible:!1});t.current=n,r(!0)},children:`Запустить`}),(0,J.jsx)(m,{variant:`neutralOutline`,icon:(0,J.jsx)(ie,{}),onClick:()=>{o(`Обработано 68% записей. Формирую итоговый архив...`)},disabled:!n,children:`Обновить прогресс`}),(0,J.jsx)(m,{tone:`success`,appearance:`outline`,icon:(0,J.jsx)(i,{}),onClick:()=>{o(`Архив подготовлен и доступен для скачивания.`,{type:`success`,ttlMs:2500,dismissible:!0})},disabled:!n,children:`Завершить успешно`}),(0,J.jsx)(m,{tone:`error`,appearance:`outline`,icon:(0,J.jsx)(te,{}),onClick:()=>{o(`Не удалось собрать архив из-за ошибки чтения вложений.`,{type:`error`,ttlMs:5e3,dismissible:!0})},disabled:!n,children:`Завершить ошибкой`})]})]}),(0,J.jsxs)(`section`,{style:Y,children:[(0,J.jsx)(`h3`,{style:{margin:0},children:`Очередь и очистка`}),(0,J.jsx)(`p`,{style:{margin:0,color:`var(--content-1)`},children:`Стор сохраняет не более 6 уведомлений. Кнопка ниже специально создаёт 8 элементов, чтобы проверить отсечение старых записей.`}),(0,J.jsxs)(`div`,{style:X,children:[(0,J.jsx)(m,{variant:`neutralOutline`,icon:(0,J.jsx)(ie,{}),onClick:()=>{for(let t=1;t<=8;t+=1)e.info(`Пакет ${t} поставлен в очередь на обработку.`,{title:`Задача ${t}`,ttlMs:8e3})},children:`Заполнить очередь`}),(0,J.jsx)(m,{tone:`info`,appearance:`outline`,icon:(0,J.jsx)(b,{}),onClick:()=>e.info(`Это уведомление исчезнет автоматически через 2 секунды.`,{title:`TTL = 2000 мс`,ttlMs:2e3}),children:`Проверить TTL`}),(0,J.jsx)(m,{variant:`transparent`,icon:(0,J.jsx)(oe,{}),onClick:()=>{a(),e.clear()},children:`Очистить всё`})]})]})]})}var q,J,Ie,Le,Re,ze,Be,Ve,Y,X,Z,Q,He;function $(){return($=e((()=>{q=n(),v(),r(),ee(),re(),x(),ae(),se(),l(),he(),I(),ke(),J=f(),{useArgs:Ie}=__STORYBOOK_MODULE_PREVIEW_API__,Le={title:`Shared/UI/Notifications`,component:G,args:{},argTypes:{},parameters:{atomicCanvas:!0,layout:`fullscreen`,docs:{description:{component:`Компонент отображает очередь глобальных уведомлений поверх интерфейса. Истории ниже показывают внешний вид для разных статусов, работу автозакрытия, ограничение очереди и сценарий длительной операции с обновлением одного уведомления.`}}}},Re={minHeight:`100vh`,padding:`32px 24px 160px`,background:`linear-gradient(180deg, color-mix(in srgb, var(--surface-1) 82%, transparent) 0%, var(--surface-0) 100%)`,color:`var(--content-0)`},ze={maxWidth:1120,margin:`0 auto`,display:`grid`,gap:16},Be={padding:20,border:`var(--border)`,borderRadius:`var(--radius-md)`,background:`var(--surface-0)`,boxShadow:`var(--shadow-sm)`},Ve={display:`grid`,gap:16,gridTemplateColumns:`repeat(auto-fit, minmax(280px, 1fr))`},Y={padding:20,border:`var(--border)`,borderRadius:`var(--radius-md)`,background:`var(--surface-0)`,boxShadow:`var(--shadow-sm)`,display:`grid`,gap:12,alignContent:`start`},X={display:`flex`,flexWrap:`wrap`,gap:10},Z={render:function(){return(0,J.jsx)(Ne,{children:(0,J.jsx)(Pe,{})})},parameters:{docs:{description:{story:`Быстрый визуальный обзор: все статусы сразу добавляются в очередь после открытия истории.`}}}},Q={render:function(){return(0,J.jsx)(Ne,{children:(0,J.jsx)(Fe,{})})},parameters:{docs:{description:{story:`Интерактивный сценарий для проверки базовых уведомлений, длительной операции, лимита очереди и автозакрытия.`}}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
-  render: function Render() {
-    return <NotificationsStoryCanvas>
-                <ShowcaseSeed />
-            </NotificationsStoryCanvas>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Быстрый визуальный обзор: все статусы сразу добавляются в очередь после открытия истории."
-      }
-    }
-  }
-}`,...Z.parameters?.docs?.source}}},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`{
-  render: function Render() {
-    return <NotificationsStoryCanvas>
-                <PlaygroundPanel />
-            </NotificationsStoryCanvas>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Интерактивный сценарий для проверки базовых уведомлений, длительной операции, лимита очереди и автозакрытия."
-      }
-    }
-  }
-}`,...Q.parameters?.docs?.source}}},He=[`Showcase`,`InteractivePlayground`]})))()}export{$ as i,Ae as n,Z as r,Q as t};

package/storybook-static/assets/SingleDateTimeInput.stories-C2RuBRAF.js

@@ -1,48 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n,t as r}from"./SingleDateTimeInput-BHl6srqA.js";import{n as i}from"./iframe-Sr0umHM6.js";import{_ as a,b as o,h as s,y as c}from"./odata-service-B6TxBSLm-Bq8Ya67E.js";import{n as l,t as u}from"./createControlledStoryRender-BouhvX-R.js";var d=t({Default:()=>g,Empty:()=>v,TimeOnly:()=>_,WithLimits:()=>y,WithRightPanel:()=>b,__namedExportsOrder:()=>x,default:()=>h});function f(e){return u((t,n)=>{let i=t.value??null;return(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r,{...t,value:i,onChange:e=>{t.onChange(e),n({value:e})},onClearError:()=>{t.onClearError?.(),n({error:void 0})}}),e===`date-time`&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(`p`,{children:[`Вывод значения через `,(0,p.jsx)(`code`,{className:`statusInfo`,children:`formatDateAsDateTime(value)`}),`:`]}),(0,p.jsx)(`pre`,{children:c(i)}),(0,p.jsxs)(`p`,{children:[`Вывод значения через `,(0,p.jsx)(`code`,{className:`statusInfo`,children:`formatDateAsODataDatetime(value)`}),`:`]}),(0,p.jsx)(`pre`,{children:s(i)})]}),e===`time`&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(`p`,{children:[`Вывод значения через `,(0,p.jsx)(`code`,{className:`statusInfo`,children:`formatDateAsTime(value)`}),`:`]}),(0,p.jsx)(`pre`,{children:a(i)}),(0,p.jsx)(`p`,{children:`Техническая дата значения всегда фиксируется как 01.01.1970.`}),(0,p.jsx)(`pre`,{children:i?i.toISOString():``})]})]})})}var p,m,h,g,_,v,y,b,x;function S(){return(S=e((()=>{o(),l(),n(),p=i(),{fn:m}=__STORYBOOK_MODULE_TEST__,h={title:`Shared/UI/SingleDateTimeInput`,component:r,args:{value:null,onChange:m()},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{label:{description:`Заголовок поля даты и времени.`,control:`text`},description:{description:`Описание под заголовком поля.`,control:`text`},placeholder:{description:`Текстовая подсказка для сегментного ввода.`,control:`text`},value:{description:"Текущее значение в виде `Date | null`.",control:!1},onChange:{description:`Вызывается при вводе или выборе валидной даты-времени.`,control:!1},minDate:{description:`Минимально допустимая дата-время.`,control:`date`},maxDate:{description:`Максимально допустимая дата-время.`,control:`date`},error:{description:`Текст внешней ошибки под полем.`,control:`text`},onClearError:{description:`Сбрасывает внешнюю ошибку при ручном вводе и выборе в picker.`,control:!1},size:{description:`Размер поля и подписи.`,control:`select`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},disabled:{description:`Блокирует сегментный ввод и popover picker.`,control:`boolean`},timePanelPlacement:{description:`Размещение панели выбора времени относительно календаря.`,control:`inline-radio`,options:[`bottom`,`right`]},mode:{description:`Режим работы поля: дата-время или только время.`,control:`inline-radio`,options:[`date-time`,`time`]}}},g={render:f(`date-time`),args:{label:`Дата и время`,description:`Фиксированный формат: дд.мм.гггг чч:мм`,placeholder:`дд.мм.гггг чч:мм`,timePanelPlacement:`bottom`,value:new Date(2026,2,5,9,15,0,0)}},_={render:f(`time`),args:{label:`Время`,description:`Режим только времени с маской чч:мм и wheel-picker без календаря.`,placeholder:`чч:мм`,mode:`time`,value:new Date(1970,0,1,9,15,0,0),minDate:new Date(2026,2,10,9,15,0,0),maxDate:new Date(2026,2,10,18,30,0,0)}},v={render:f(`none`),args:{label:`Пустое значение`,description:`Поле можно заполнить вручную или через popover picker.`,placeholder:`дд.мм.гггг чч:мм`,timePanelPlacement:`bottom`,value:null}},y={render:f(`none`),args:{label:`Дата отгрузки`,description:`Доступен только интервал с 10 по 12 марта 2026 года.`,minDate:new Date(2026,2,10,9,0,0,0),maxDate:new Date(2026,2,12,18,30,0,0),timePanelPlacement:`bottom`,value:new Date(2026,2,10,12,30,0,0)}},b={render:f(`none`),args:{label:`Дата и время`,description:`Wheel-панель времени расположена справа от календаря.`,timePanelPlacement:`right`,value:new Date(2026,2,10,12,30,0,0)}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  render: createSingleDateTimeInputStoryRender("date-time"),
-  args: {
-    label: "Дата и время",
-    description: "Фиксированный формат: дд.мм.гггг чч:мм",
-    placeholder: "дд.мм.гггг чч:мм",
-    timePanelPlacement: "bottom",
-    value: new Date(2026, 2, 5, 9, 15, 0, 0)
-  }
-}`,...g.parameters?.docs?.source},description:{story:`Демонстрирует основной сценарий выбора даты и времени с точностью до минуты.`,...g.parameters?.docs?.description}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
-  render: createSingleDateTimeInputStoryRender("time"),
-  args: {
-    label: "Время",
-    description: "Режим только времени с маской чч:мм и wheel-picker без календаря.",
-    placeholder: "чч:мм",
-    mode: "time",
-    value: new Date(1970, 0, 1, 9, 15, 0, 0),
-    minDate: new Date(2026, 2, 10, 9, 15, 0, 0),
-    maxDate: new Date(2026, 2, 10, 18, 30, 0, 0)
-  }
-}`,..._.parameters?.docs?.source},description:{story:"Демонстрирует режим выбора только времени на технической дате `1970-01-01`.",..._.parameters?.docs?.description}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
-  render: createSingleDateTimeInputStoryRender("none"),
-  args: {
-    label: "Пустое значение",
-    description: "Поле можно заполнить вручную или через popover picker.",
-    placeholder: "дд.мм.гггг чч:мм",
-    timePanelPlacement: "bottom",
-    value: null
-  }
-}`,...v.parameters?.docs?.source},description:{story:`Показывает пустое контролируемое значение.`,...v.parameters?.docs?.description}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
-  render: createSingleDateTimeInputStoryRender("none"),
-  args: {
-    label: "Дата отгрузки",
-    description: "Доступен только интервал с 10 по 12 марта 2026 года.",
-    minDate: new Date(2026, 2, 10, 9, 0, 0, 0),
-    maxDate: new Date(2026, 2, 12, 18, 30, 0, 0),
-    timePanelPlacement: "bottom",
-    value: new Date(2026, 2, 10, 12, 30, 0, 0)
-  }
-}`,...y.parameters?.docs?.source},description:{story:`Демонстрирует ограничение диапазона и синхронизацию календаря со временем.`,...y.parameters?.docs?.description}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
-  render: createSingleDateTimeInputStoryRender("none"),
-  args: {
-    label: "Дата и время",
-    description: "Wheel-панель времени расположена справа от календаря.",
-    timePanelPlacement: "right",
-    value: new Date(2026, 2, 10, 12, 30, 0, 0)
-  }
-}`,...b.parameters?.docs?.source},description:{story:`Демонстрирует размещение wheel-панели справа от календаря.`,...b.parameters?.docs?.description}}},x=[`Default`,`TimeOnly`,`Empty`,`WithLimits`,`WithRightPanel`]})))()}export{y as a,_ as i,v as n,b as o,d as r,S as s,g as t};