plugin/js/admin.js - develop - minimus/simple-view

plugin/js/admin.js
281 строка2 MB
minimus
feat: frontend galleries DataGrid
03 авг 2026, 18:54
03 авг 2026, 18:54633f599
/*! For license information please see admin.js.LICENSE.txt */
(()=>{var e={39316(e,t,r){"use strict";function o(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}r.r(t),r.d(t,{default:()=>a});var n=/^((children|dangerouslySe … [Строка слишком длинная. Вы можете скачать файл]
    ${a} {
      ${t=>gt(e,t.theme,n)}
    }
  `;return Object.assign(i,{GlobalStyle:s,raw:e,vars:l,resolve(t){if(!h)throw new Error("createTheme.resolve() is client-only");const r=null!=t?t:document.documentElement;return function(e,t,r){const o={};return mt(e,t,o,(e,o)=>r.getPropertyValue("--"+t+e).trim()||o),o}(e,n,getComputedStyle(r))}})},t.css=st,t.default=ct,t.isStyledComponent=le,t.keyframes=function(e,...t){const r=se(st(e,...t)),o=G(r);return new bt(o,r)},t.styled=ct,t.stylisPluginRSC=function(e){if(e.type===n.RULESET){const t=e.props,r=[];for(let e=0;e<t.length;e++){const o=wt(t[e]);r.push(o),Ct(o,r)}e.props=r}},t.useTheme=function(){const e=u.default.useContext(Ze);if(!e)throw O(18);return e},t.version=m,t.withTheme=function(e){const t=u.default.forwardRef((t,r)=>{const o=_(t,u.default.useContext(Ze),e.defaultProps);return u.default.createElement(e,Object.assign(Object.assign({},t),{theme:o,ref:r}))});return t.displayName=`WithTheme(${z(e)})`,oe(t,e)}},62904(e,t,r){"use strict";var o,n=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||(o=function(e){return o=Object.getOwnPropertyNames||function(e){var t=[];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[t.length]=r);return t},o(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r=o(e),l=0;l<r.length;l++)"default"!==r[l]&&n(t,e,r[l]);return a(t,e),t}),i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const s=r(58031),u=l(r(96540)),d=r(84976),c=r(70969),f=i(r(24212)),p=i(r(13708)),m=i(r(60297)),g=i(r(52004)),h=i(r(65532)),b=r(70559),v=r(11313);t.default=()=>{const{enqueueSnackbar:e}=(0,s.useSnackbar)(),{loadState:t,getData:r}=(0,v.useMainStore)((0,c.useShallow)(e=>e));(0,b.initAxios)(e);const o=(0,u.useEffectEvent)(()=>{"idle"===t&&r()});return(0,u.useEffect)(()=>{o()},[]),u.default.createElement(u.default.Fragment,null,u.default.createElement(h.default,null),u.default.createElement(g.default,null),u.default.createElement("div",{className:"content-root"},u.default.createElement(m.default,null),u.default.createElement(d.Routes,null,u.default.createElement(d.Route,{path:"/",element:u.default.createElement(p.default,null)}),u.default.createElement(d.Route,{path:"/galleries",element:u.default.createElement(p.default,null)}))),u.default.createElement(f.default,null))}},65532(e,t,r){"use strict";var o,n=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||(o=function(e){return o=Object.getOwnPropertyNames||function(e){var t=[];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[t.length]=r);return t},o(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r=o(e),l=0;l<r.length;l++)"default"!==r[l]&&n(t,e,r[l]);return a(t,e),t}),i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const s=i(r(16572)),u=l(r(96540)),d=r(70969),c=r(11313),f=r(87654);t.default=()=>{const[e,t]=(0,u.useState)(0),{loadState:r}=(0,c.useMainStore)((0,d.useShallow)(e=>e)),o=(0,u.useEffectEvent)(()=>setInterval(function(){t(e=>e>=100?0:e+1)},20));return(0,u.useEffect)(()=>{const e=o();return()=>{clearInterval(e)}},[r]),"loading"===r?u.default.createElement(f.LoaderRoot,null,u.default.createElement(s.default,{variant:"determinate",value:e})):null}},87654(e,t,r){"use strict";var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.LoaderRoot=void 0;const n=o(r(8162));t.LoaderRoot=n.default.div`
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgb(255 255 255 / 40%);
`},24212(e,t,r){"use strict";var o,n=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||(o=function(e){return o=Object.getOwnPropertyNames||function(e){var t=[];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[t.length]=r);return t},o(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r=o(e),l=0;l<r.length;l++)"default"!==r[l]&&n(t,e,r[l]);return a(t,e),t});Object.defineProperty(t,"__esModule",{value:!0});const i=l(r(96540)),s=r(11313);t.default=()=>{const{localeStrings:e}=(0,s.useMainStore)(),{footer:t}=e??{},r=`Simple View for Wordpress. Copyright © 2010 - ${(0,i.useMemo)(()=>(new Date).getFullYear(),[])}, `,o=t?.rights;return i.default.createElement("footer",{className:"footer-root"},i.default.createElement("span",{className:"copyright-container"},r,i.default.createElement("a",{href:"https://www.simplelib.com/",target:"_blank",rel:"noopener noreferrer"},"minimus"),". ",o))}},13708(e,t,r){"use strict";var o,n=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||(o=function(e){return o=Object.getOwnPropertyNames||function(e){var t=[];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[t.length]=r);return t},o(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r=o(e),l=0;l<r.length;l++)"default"!==r[l]&&n(t,e,r[l]);return a(t,e),t});Object.defineProperty(t,"__esModule",{value:!0});const i=r(8157),s=r(33494),u=r(25714),d=l(r(96540)),c=r(70969),f=r(43153),p=r(11313);t.default=()=>{const{sysInfo:e}=(0,p.useMainStore)((0,c.useShallow)(e=>e)),{loadState:t,getGalleries:r}=(0,f.useGalleriesStore)((0,c.useShallow)(e=>e)),[o,n]=(0,d.useState)("ACTIVE"),a=(0,d.useMemo)(()=>[{field:"id",headerName:"ID",type:"number",filterable:!1,width:120},{field:"name",headerName:"Name",type:"string",filterable:!1,flex:1},{field:"codeBefore",headerName:"Code Before",type:"string",sortable:!1,filterable:!1,flex:1},{field:"codeAfter",headerName:"Code After",type:"string",sortable:!1,filterable:!1,flex:1},{field:"trash",headerName:"In Trash",type:"boolean",width:150}],[]),l=(0,d.useMemo)(()=>"ru_RU"===e?.locale?u.ruRU.components.MuiDataGrid.defaultProps.localeText:void 0,[e?.locale]),m=(0,d.useMemo)(()=>({items:"ALL"===o?[]:[{id:1,field:"trash",operator:"is",value:o}]}),[o]),g=(0,d.useMemo)(()=>({getRows:async e=>{const t=await r(e);return{rows:t.rows,rowCount:t.rowCount}}}),[r]);return d.default.createElement("div",{className:"app-content"},d.default.createElement(i.RadioGroup,{"aria-label":"filter",name:"filter",value:o,onChange:e=>{n(e.target.value)},row:!0},d.default.createElement(i.FormControlLabel,{className:"sv-galleries-filter-label",value:"ALL",control:d.default.createElement(i.Radio,{color:"primary"}),label:"ALL",labelPlacement:"end"}),d.default.createElement(i.FormControlLabel,{className:"sv-galleries-filter-label",value:"ACTIVE",control:d.default.createElement(i.Radio,{color:"primary"}),label:"ACTIVE",labelPlacement:"end"}),d.default.createElement(i.FormControlLabel,{className:"sv-galleries-filter-label",value:"TRASH",control:d.default.createElement(i.Radio,{color:"primary"}),label:"TRASH",labelPlacement:"end"})),d.default.createElement("div",{className:"grid-container",style:{width:"100%"}},d.default.createElement(s.DataGrid,{localeText:l,loading:"loading"===t,columns:a,dataSource:g,filterModel:m,pagination:!0,initialState:{pagination:{paginationModel:{pageSize:10}}},pageSizeOptions:[5,10,15],rowHeight:45})))}},60297(e,t,r){"use strict";var o,n=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||(o=function(e){return o=Object.getOwnPropertyNames||function(e){var t=[];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[t.length]=r);return t},o(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r=o(e),l=0;l<r.length;l++)"default"!==r[l]&&n(t,e,r[l]);return a(t,e),t}),i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const s=r(8157),u=l(r(96540)),d=r(84976),c=r(70969),f=r(11313),p=i(r(87367));t.default=()=>{const{localeStrings:e,loadState:t}=(0,f.useMainStore)((0,c.useShallow)(e=>e)),{appHeader:{galleries:r="",editor:o="",items:n="",settings:a=""}={}}=e??{},l=(0,d.useLocation)(),{pathname:i}=l,[m,g]=(0,u.useState)(""),h=(0,u.useCallback)(e=>"success"===t?"/"===e||"/galleries"===e?r:"/settings"===e?a:/\/galleries\/(?:\d+|new)$/i.test(e)?o:/\/galleries\/\d+\/(?:\d+|new)$/i.test(e)?n:"WTF":"...",[o,r,n,a,t]),b=(0,u.useEffectEvent)(()=>{g(h(i))});return(0,u.useEffect)(()=>{b()},[i,t]),u.default.createElement(s.Box,{sx:{flexGrow:1}},u.default.createElement(s.AppBar,{position:"static"},u.default.createElement(s.Toolbar,null,u.default.createElement(p.default,null),u.default.createElement(s.Typography,{variant:"h6",sx:{flexGrow:1}},m))))}},87367(e,t,r){"use strict";var o,n=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||(o=function(e){return o=Object.getOwnPropertyNames||function(e){var t=[];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[t.length]=r);return t},o(e)},function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r=o(e),l=0;l<r.length;l++)"default"!==r[l]&&n(t,e,r[l]);return a(t,e),t}),i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const s=i(r(62274)),u=r(8157),d=l(r(96540)),c=r(84976),f=r(70969),p=r(11313);t.default=()=>{const{localeStrings:e}=(0,p.useMainStore)((0,f.useShallow)(e=>e)),[t,r]=(0,d.useState)(null),{menu:{galleries:o="",newGallery:n="",settings:a=""}={}}=e??{},l=(0,c.useLocation)(),{pathname:i}=l,m=(0,d.useMemo)(()=>[{title:o,link:"/galleries",key:"galleries",test:new RegExp(/^\/(galleries)?$/i)},{title:n,link:"/galleries/new",key:"new-gallery",test:new RegExp(/^\/galleries\/new$/i)},{title:a,link:"/settings",key:"settings",test:new RegExp(/^\/settings$/i)}],[o,n,a]),g=(0,d.useCallback)(e=>{r(e.currentTarget)},[]),h=(0,d.useCallback)(()=>{r(null)},[]);return d.default.createElement(d.default.Fragment,null,d.default.createElement(u.IconButton,{size:"large",edge:"start",color:"inherit","aria-label":"Menu",sx:{mr:2},onClick:g},d.default.createElement(s.default,null)),d.default.createElement(u.Menu,{id:"simple-menu",anchorEl:t,keepMounted:!0,open:!!t,onClose:h},m.map(e=>d.default.createElement(u.MenuItem,{key:e.key,disabled:e.test.test(i),onClick:h},d.default.createElement(u.Link,{key:`link-${e.key}`,component:c.Link,to:e.link,underline:"none",color:"textPrimary"},e.title)))))}},52004(e,t,r){"use strict";var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const n=o(r(96540)),a=r(70969),l=r(11313),i=r(31649),s=r(34670);t.default=()=>{const{sysInfo:e,localeStrings:t}=(0,l.useMainStore)((0,a.useShallow)(e=>e)),{version:r="",dbVersion:o=""}=e??{},{header:u={version:"Version",dbVersion:"DB Version"}}=t??{};return n.default.createElement("div",{className:"header-root"},n.default.createElement(i.PhotoLibraryIcon,{height:36,width:36}),n.default.createElement("h1",null,"Simple View"),null!==e&&n.default.createElement(s.SysInfoContainer,null,n.default.createElement("span",null,`${u.version}: ${r}`),n.default.createElement("span",null,`${u.dbVersion}: ${o}`)))}},34670(e,t,r){"use strict";var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SysInfoContainer=void 0;const n=o(r(8162));t.SysInfoContainer=n.default.div`
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 5px;

  & span {
    font-size: 12px;
  }
`},70559(e,t,r){"use strict";var o,n=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable|| … [Строка слишком длинная. Вы можете скачать файл]
  0% {
    transform: scale(0);
    opacity: 0.1;
  }

  100% {
    transform: scale(1);
    opacity: 0.3;
  }
`,w=u.keyframes`
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
`,C=u.keyframes`
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.92);
  }

  100% {
    transform: scale(1);
  }
`;const P=t.TouchRippleRoot=(0,u.styled)("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),x=t.TouchRippleRipple=(0,u.styled)(c.default,{name:"MuiTouchRipple",slot:"Ripple"})`
  opacity: 0;
  position: absolute;

  &.${f.default.rippleVisible} {
    opacity: 0.3;
    transform: scale(1);
  }

  /*
   * Order matters: 'child', 'childLeaving' and 'childPulsate' apply to the same
   * element with equal specificity, so the later rule wins. 'child' must come
   * before 'childLeaving' so the leaving 'opacity: 0' takes precedence. A focus
   * (pulsate) ripple keeps 'pulsateKeyframe' (no opacity animation) on exit, so
   * it relies on this static 'opacity: 0' to disappear on blur instead of
   * lingering until removal.
   */
  & .${f.default.child} {
    opacity: 1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: currentColor;
  }

  & .${f.default.childLeaving} {
    opacity: 0;
  }

  & .${f.default.childPulsate} {
    position: absolute;
    /* @noflip */
    left: 0px;
    top: 0;
  }

  ${({theme:e})=>function(e){if("always"===e.motion.reducedMotion)return null;const t=u.css`
    &.${f.default.rippleVisible} {
      animation-name: ${O};
      animation-duration: ${550}ms;
      animation-timing-function: ${e.transitions.easing.easeInOut};
    }

    &.${f.default.ripplePulsate} {
      animation-duration: ${e.transitions.duration.shorter}ms;
    }

    & .${f.default.childLeaving} {
      animation-name: ${w};
      animation-duration: ${550}ms;
      animation-timing-function: ${e.transitions.easing.easeInOut};
    }

    & .${f.default.childPulsate} {
      animation-name: ${C};
      animation-duration: 2500ms;
      animation-timing-function: ${e.transitions.easing.easeInOut};
      animation-iteration-count: infinite;
      animation-delay: 200ms;
    }
  `;return"system"===e.motion.reducedMotion?u.css`
      @media (prefers-reduced-motion: no-preference) {
        ${t}
      }
    `:t}(e)}
`,M=a.forwardRef(function(e,t){const r=(0,d.useDefaultProps)({props:e,name:"MuiTouchRipple"}),o=(0,u.useTheme)(),n=(0,m.default)(o.motion.reducedMotion,!1),{center:c=!1,classes:O=b,className:w,...C}=r … [Строка слишком длинная. Вы можете скачать файл]
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
`,S=s.keyframes`
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -15px;
  }

  100% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: -126px;
  }
`,O="string"!=typeof y?s.css`
        animation: ${y} 1.4s linear infinite;
      `:null,w="string"!=typeof S?s.css`
        animation: ${S} 1.4s ease-in-out infinite;
      `:null,C=(0,s.styled)("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,t[r.variant],t[`color${(0,c.default)(r.color)}`]]}})((0,u.defau … [Строка слишком длинная. Вы можете скачать файл]
  0% {
    left: -35%;
    right: 100%;
  }

  60% {
    left: 100%;
    right: -90%;
  }

  100% {
    left: 100%;
    right: -90%;
  }
`,P="string"!=typeof C?u.css`
        animation: ${C} 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
      `:null,x=u.keyframes`
  0% {
    left: -200%;
    right: 100%;
  }

  60% {
    left: 107%;
    right: -8%;
  }

  100% {
    left: 107%;
    right: -8%;
  }
`,M="string"!=typeof x?u.css`
        animation: ${x} 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
      `:null,R=u.keyframes`
  0% {
    opacity: 1;
    background-position: 0 -23px;
  }

  60% {
    opacity: 0;
    background-position: 0 -23px;
  }

  100% {
    opacity: 1;
    background-position: -200px -23px;
  }
`,k="string"!=typeof R?u.css`
        animation: ${R} 3s infinite linear;
      `:null,j=(e,t)=>e.vars?e.vars.palette.LinearProgress[`${t}Bg`]:"light"===e.palette.mode?e.lighten(e.palette[t].main,.62):e.darken(e.palette[t].main,.5),_=(0,u.styled)("span",{name:"MuiLinearProg … [Строка слишком длинная. Вы можете скачать файл]
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
`,h=u.keyframes`
  0% {
    transform: translateX(-100%);
  }

  50% {
    /* +0.5s of delay between each loop */
    transform: translateX(100%);
  }

  100% {
    transform: translateX(100%);
  }
`,b="string"!=typeof g?u.css`
        animation: ${g} 2s ease-in-out 0.5s infinite;
      `:null,v="string"!=typeof h?u.css`
        &::after {
          animation: ${h} 2s linear 0.5s infinite;
        }
      `:null,y=(0,u.styled)("span",{name:"MuiSkeleton",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:r}=e;return[t.root,t[r.variant],!1!==r.animation&&t[r.animation],r.hasChildren&&t.withChil … [Строка слишком длинная. Вы можете скачать файл]
  flex: 1;
  display: flex;
  flex-direction: column;
  animation: ${f};
  animation-timeline: --scroll-timeline;
  animation-fill-mode: none;
  box-sizing: border-box;
  overflow: auto;
  scrollbar-width: thin;
  scroll-timeline: --scroll-timeline block;

  &::before,
  &::after {
    content: '';
    flex-shrink: 0;
    display: block;
    position: sticky;
    left: 0;
    width: 100%;
    height: 4px;
    animation: ${c} linear both;
    animation-timeline: --scroll-timeline;

    // Custom property toggle trick:
    // - Detects if the element is scrollable
    // - https://css-tricks.com/the-css-custom-property-toggle-trick/
    --visibility-scrollable: var(--scrollable) visible;
    --visibility-not-scrollable: hidden;
    visibility: var(--visibility-scrollable, var(--visibility-not-scrollable));
  }

  &::before {
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0, transparent 100%);
    animation-range: 0 4px;
  }

  &::after {
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0, transparent 100%);
    animation-direction: reverse;
    animation-range: calc(100% - 4px) 100%;
  }
`;t.GridShadowScrollArea=(0,s.forwardRef)(function(e,t){const{children:r}=e,o=(0,l.default)(e,d);return(0,u.jsx)(p,(0,a.default)({},o,{ref:t,children:r}))})},3752(e,t,r){"use strict";var o=r(24994).de … [Строка слишком длинная. Вы можете скачать файл]
      & > *:first-child ${"/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */"} {
        border-top-left-radius: var(--unstable_DataGrid-radius);
        border-top-right-radius: var(--unstable_DataGrid-radius);
      }
    `,[`&.${n.gridClasses.autoHeight}`]:{height:"auto"},[`&.${n.gridClasses.autosizing}`]:{[`& .${n.gridClasses.columnHeaderTitleContainerContent} > *`]:{overflow:"visible !important"},"@media (hover: … [Строка слишком длинная. Вы можете скачать файл]