@luck-design-biz/luckda 0.0.22 → 0.0.23

package/es/lowcode/view/lc-components/Drawer/index.js

@@ -0,0 +1,46 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "children"];
+import React, { useRef, useImperativeHandle } from 'react';
+import { useMemoizedFn, useBoolean } from 'ahooks';
+import { Drawer } from 'luck-design/antd';
+import { useLDContext } from "../../../engine/provider/ContextProvider";
+import { CELL_KEY, RUNTIME } from "../../../constants";
+import Wrapper from "../Wrapper";
+var LCDrawer = function LCDrawer(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var apiRef = useRef();
+  var context = useLDContext();
+  var _useBoolean = useBoolean(false),
+    _useBoolean2 = _slicedToArray(_useBoolean, 2),
+    open = _useBoolean2[0],
+    _useBoolean2$ = _useBoolean2[1],
+    setTrue = _useBoolean2$.setTrue,
+    setFalse = _useBoolean2$.setFalse,
+    toggle = _useBoolean2$.toggle;
+  var getTargetDom = useMemoizedFn(function () {
+    return (context.runtime === RUNTIME.DESIGN ? context.componentMap.get(CELL_KEY.PAGE_ROOT).dom : document).getElementsByClassName('ant-drawer-content-wrapper')[0];
+  });
+  useImperativeHandle(apiRef, function () {
+    return {
+      open: open,
+      doOpen: setTrue,
+      doClose: setFalse,
+      toggle: toggle
+    };
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    id: id,
+    getTargetDom: getTargetDom,
+    api: apiRef
+  }, /*#__PURE__*/React.createElement(Drawer, {
+    visible: open,
+    getContainer: context.runtime !== RUNTIME.DESIGN,
+    style: {
+      position: context.runtime === RUNTIME.DESIGN ? 'absolute' : 'fixed'
+    }
+  }, /*#__PURE__*/React.createElement("div", null, "LCDrawer-", id), children));
+};
+export default LCDrawer;

package/es/lowcode/view/lc-components/Form/index.js

@@ -0,0 +1,20 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import Wrapper from "../Wrapper";
+var LCForm = function LCForm(_ref) {
+  var id = _ref.id,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
+  var getTargetDom = useMemoizedFn(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, "LCForm"));
+};
+export default LCForm;

package/es/lowcode/view/lc-components/Iframe/index.js

@@ -0,0 +1,20 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import Wrapper from "../Wrapper";
+var LCIfram = function LCIfram(_ref) {
+  var id = _ref.id,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
+  var getTargetDom = useMemoizedFn(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, "LCIfram"));
+};
+export default LCIfram;

package/es/lowcode/view/lc-components/ImEx/index.js

@@ -0,0 +1,20 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import Wrapper from "../Wrapper";
+var LCImEx = function LCImEx(_ref) {
+  var id = _ref.id,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
+  var getTargetDom = useMemoizedFn(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, "LCImEx"));
+};
+export default LCImEx;

package/es/lowcode/view/lc-components/Image/index.js

@@ -0,0 +1,20 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import Wrapper from "../Wrapper";
+var LCImage = function LCImage(_ref) {
+  var id = _ref.id,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
+  var getTargetDom = useMemoizedFn(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, "LCImage"));
+};
+export default LCImage;

package/es/lowcode/view/lc-components/JSX/index.js

@@ -0,0 +1,20 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import Wrapper from "../Wrapper";
+var LCJSX = function LCJSX(_ref) {
+  var id = _ref.id,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
+  var getTargetDom = useMemoizedFn(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, "JSX"));
+};
+export default LCJSX;

package/es/lowcode/view/lc-components/Layout/index.js

@@ -0,0 +1,24 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "children"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import Wrapper from "../Wrapper";
+var LCLayout = function LCLayout(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
+  var getTargetDom = useMemoizedFn(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    style: {
+      padding: 8
+    }
+  }, "LCLayout-", id, children));
+};
+export default LCLayout;

package/es/lowcode/view/lc-components/Link/index.js

@@ -0,0 +1,20 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import Wrapper from "../Wrapper";
+var LCLink = function LCLink(_ref) {
+  var id = _ref.id,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
+  var getTargetDom = useMemoizedFn(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, "LCLink"));
+};
+export default LCLink;

package/es/lowcode/view/lc-components/Section/index.js

@@ -0,0 +1,34 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "children"];
+import React, { useRef, useImperativeHandle } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import Wrapper from "../Wrapper";
+import { Box } from 'luck-design';
+var LCSection = function LCSection(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
+  var apiRef = useRef();
+  var getTargetDom = useMemoizedFn(function () {
+    return ref.current;
+  });
+  useImperativeHandle(apiRef, function () {
+    return {};
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    id: id,
+    getTargetDom: getTargetDom,
+    api: apiRef
+  }, /*#__PURE__*/React.createElement(Box, _extends({
+    ref: ref,
+    width: 240,
+    height: "auto",
+    direction: "column",
+    style: {
+      backgroundColor: 'yellow'
+    }
+  }, props), "LCSection", children));
+};
+export default LCSection;

package/es/lowcode/view/lc-components/Split/index.js

@@ -0,0 +1,21 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "children"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import Wrapper from "../Wrapper";
+var LCSplit = function LCSplit(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
+  var getTargetDom = useMemoizedFn(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, "LCSplit", children));
+};
+export default LCSplit;

package/es/lowcode/view/lc-components/Table/index.js

@@ -0,0 +1,23 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import Wrapper from "../Wrapper";
+var LCTable = function LCTable(_ref) {
+  var id = _ref.id,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
+  var getTargetDom = useMemoizedFn(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    style: {
+      padding: 8
+    }
+  }, "LCTable-", id));
+};
+export default LCTable;

package/es/lowcode/view/lc-components/Tabs/index.js

@@ -0,0 +1,21 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "children"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import Wrapper from "../Wrapper";
+var LCTabs = function LCTabs(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
+  var getTargetDom = useMemoizedFn(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, "LCTabs", children));
+};
+export default LCTabs;

package/es/lowcode/view/lc-components/Text/index.js

@@ -0,0 +1,23 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import Wrapper from "../Wrapper";
+var LCText = function LCText(_ref) {
+  var id = _ref.id,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
+  var getTargetDom = useMemoizedFn(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    style: {
+      padding: 8
+    }
+  }, "LCText-", id));
+};
+export default LCText;

package/es/lowcode/view/lc-components/Tree/index.js

@@ -0,0 +1,20 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id"];
+import React, { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import Wrapper from "../Wrapper";
+var LCTree = function LCTree(_ref) {
+  var id = _ref.id,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef();
+  var getTargetDom = useMemoizedFn(function () {
+    return ref.current;
+  });
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    id: id,
+    getTargetDom: getTargetDom
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, "LCTree"));
+};
+export default LCTree;

package/es/lowcode/view/lc-components/Wrapper.js

@@ -0,0 +1,45 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { useEffect, useRef } from 'react';
+import { useLDContext } from "../../engine/provider/ContextProvider";
+import { findNodeAndParent } from "../../engine/tools/dataProcess";
+import { CELL_CLASS_NAME } from "../../constants";
+var LCWrapper = function LCWrapper(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    getTargetDom = _ref.getTargetDom,
+    api = _ref.api;
+  var context = useLDContext();
+  var _apiRef = useRef({
+    getSelfAndParentLCData: function getSelfAndParentLCData() {
+      return findNodeAndParent(id, context.pageData);
+    }
+  });
+  useEffect(function () {
+    var dom = getTargetDom();
+    if (dom) {
+      dom.setAttribute('id', id);
+      dom.classList.add(CELL_CLASS_NAME);
+    }
+    context.register(id, new Proxy({
+      dom: dom
+    }, {
+      get: function get(target, property, receiver) {
+        if (property === 'api') {
+          return api ? _objectSpread(_objectSpread({}, _apiRef.current), api.current) : _apiRef.current;
+        }
+        return Reflect.get(target, property, receiver);
+      }
+    }));
+    context.$publisher(context.topics.COMPONENT_MOUNT, {
+      id: id
+    });
+    return function () {
+      context.unregister(id);
+      context.$publisher(context.topics.COMPONENT_UNMOUNT, {
+        id: id
+      });
+    };
+  }, []);
+  return children;
+};
+export default LCWrapper;

package/es/lowcode/view/style/canvas.less

@@ -0,0 +1,5 @@
+.lc-view-canvas {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}

package/es/lowcode/view/style/loading.less

@@ -0,0 +1,84 @@
+.lc-painter-loading {
+  position: absolute;
+  height: 64px;
+  width: 64px;
+  left: calc(50% - 32px);
+  top: calc(50% - 32px);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+  -webkit-perspective: 400px;
+  perspective: 400px;
+}
+.cube {
+  height: 64px;
+  width: 64px;
+  -webkit-transform-origin: 50% 50%;
+  transform-origin: 50% 50%;
+  -webkit-transform-style: preserve-3d;
+  transform-style: preserve-3d;
+  -webkit-animation: rotate 4s infinite ease-in-out;
+  animation: rotate 4s infinite ease-in-out;
+}
+.side {
+  position: absolute;
+  display: block;
+  height: 64px;
+  width: 64px;
+  border-radius: 4px;
+}
+.side1 {
+  background: #41c3ac;
+  -webkit-transform: translateZ(46px);
+  transform: translateZ(46px);
+}
+.side2 {
+  background: #ff884d;
+  -webkit-transform: rotateY(90deg) translateZ(46px);
+  transform: rotateY(90deg) translateZ(46px);
+}
+.side3 {
+  background: #32526e;
+  -webkit-transform: rotateY(180deg) translateZ(46px);
+  transform: rotateY(180deg) translateZ(46px);
+}
+.side4 {
+  background: #65a2c5;
+  -webkit-transform: rotateY(-90deg) translateZ(46px);
+  transform: rotateY(-90deg) translateZ(46px);
+}
+.side5 {
+  background: #ffcc5c;
+  -webkit-transform: rotateX(90deg) translateZ(46px);
+  transform: rotateX(90deg) translateZ(46px);
+}
+.side6 {
+  background: #ff6b57;
+  -webkit-transform: rotateX(-90deg) translateZ(46px);
+  transform: rotateX(-90deg) translateZ(46px);
+}
+
+@-webkit-keyframes rotate {
+  0% {
+    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
+  }
+  33.33% {
+    -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(0deg);
+  }
+  66.66% {
+    -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(0deg);
+  }
+  100% {
+    -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
+  }
+}
+@keyframes rotate {
+  0% {
+    transform: rotateX(0deg) rotateY(0deg);
+  }
+  50% {
+    transform: rotateX(360deg) rotateY(0deg);
+  }
+  100% {
+    transform: rotateX(360deg) rotateY(360deg);
+  }
+}

package/es/lowcode/view/style/page.less

@@ -0,0 +1,6 @@
+.lc-view-page {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}

package/es/services.js

@@ -2,7 +2,7 @@ import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import { stringify } from 'querystring';
 import { request } from '@luck-design-biz/base/utils';
-import api from '@/services/ApiConfig';
+import api from "@/services/ApiConfig";
 export function readModlue(_x) {
   return _readModlue.apply(this, arguments);
 }

package/es/upload/Form/gridForm.js

@@ -5,14 +5,14 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["formId", "formRef", "showNote", "operates", "loading", "uploadUrl", "forbiddenTypes", "beforeUpload", "formMode", "onUploadChange", "zipName", "resetActions", "getUrl", "wrapperRef"];
 import React, { useState, useRef, forwardRef } from 'react';
 import { getDvaApp } from 'umi';
-import { useMemoizedFn } from 'ahooks';
+import { useMemoizedFn, useCreation } from 'ahooks';
 import { Button, Upload, Tooltip, Icon } from 'luck-design/antd';
 import moment from 'moment';
 import { last } from 'lodash';
 import { BasicForm, BasicFormItem, PopWindow } from 'luck-design';
-import api from '@/services/ApiConfig';
+import api from "@/services/ApiConfig";
 import { FormBtn, GridForm } from '@luck-design-biz/base/FormList';
-import { byteConvert, formatMessage, beforeUpload as _beforeUpload2, patchDownloadZip, showPop, request, canPreview } from '@luck-design-biz/base/utils';
+import { byteConvert, formatMessage, beforeUpload as _beforeUpload2, getSupportUploadTypes, patchDownloadZip, showPop, request, canPreview } from '@luck-design-biz/base/utils';
 var columns = [{
   field: 'name',
   title: '附件名称'
@@ -77,6 +77,9 @@ var UploadGridForm = function UploadGridForm(_ref) {
   var gridRef = wrapperRef || useRef(null);
   var _getDvaApp$_store$get = (_getDvaApp = getDvaApp()) === null || _getDvaApp === void 0 ? void 0 : _getDvaApp._store.getState().user,
     currentUser = _getDvaApp$_store$get.currentUser;
+  var supportUploadTypes = useCreation(function () {
+    return getSupportUploadTypes(forbiddenTypes);
+  }, [forbiddenTypes]);
 
   // 下载
   var downloadFile = function downloadFile(filenames, tag) {
@@ -158,7 +161,8 @@ var UploadGridForm = function UploadGridForm(_ref) {
       }).then(function (res) {
         var code = res.code,
           list = res.list,
-          detail = res.detail;
+          detail = res.detail,
+          msg = res.msg;
         if (code === 1) {
           setUploadLoading(false);
           setVisible(false);
@@ -185,6 +189,9 @@ var UploadGridForm = function UploadGridForm(_ref) {
               }, 300);
             }
           });
+        } else {
+          setUploadLoading(false);
+          showPop(msg, null, 'error');
         }
       });
     }
@@ -205,7 +212,7 @@ var UploadGridForm = function UploadGridForm(_ref) {
         var upload = _beforeUpload2({
           file: file,
           fileList: fileList,
-          forbiddenTypes: forbiddenTypes,
+          supportUploadTypes: supportUploadTypes,
           beforeUpload: _beforeUpload
         });
         if (!upload) setUploadLoading(false);
@@ -228,7 +235,15 @@ var UploadGridForm = function UploadGridForm(_ref) {
     }, formatMessage({
       id: 'app.base.operate.add',
       label: '添加'
-    })) : /*#__PURE__*/React.createElement(FormBtn, {
+    })) : /*#__PURE__*/React.createElement(Tooltip, {
+      title: "".concat(formatMessage({
+        id: 'app.upload.supportUpload',
+        label: '支持上传'
+      })).concat(supportUploadTypes.join('，')).concat(formatMessage({
+        id: 'app.upload.supportUpload.type',
+        label: '类型的文件'
+      }))
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FormBtn, {
       formId: "formId"
     }, /*#__PURE__*/React.createElement(Upload, formItemProps, /*#__PURE__*/React.createElement(Button, {
       type: "primary",
@@ -239,7 +254,7 @@ var UploadGridForm = function UploadGridForm(_ref) {
     }, formatMessage({
       id: 'app.base.operate.add',
       label: '添加'
-    }))))), /*#__PURE__*/React.createElement(Button, {
+    }))))))), /*#__PURE__*/React.createElement(Button, {
       type: "primary",
       onClick: function onClick() {
         var _gridRef$current$form;
@@ -344,6 +359,13 @@ var UploadGridForm = function UploadGridForm(_ref) {
     type: "upload",
     name: "files",
     label: "\u9644\u4EF6",
+    extra: "".concat(formatMessage({
+      id: 'app.upload.supportUpload',
+      label: '支持上传'
+    })).concat(supportUploadTypes.join('，')).concat(formatMessage({
+      id: 'app.upload.supportUpload.type',
+      label: '类型的文件'
+    })),
     config: _objectSpread(_objectSpread({}, rest), {}, {
       required: true,
       message: '请上传',

package/es/upload/Form/index.js

@@ -4,7 +4,7 @@ var _excluded = ["formId", "moduleCode", "bucket", "note"];
 import React from 'react';
 import { omitBy, isNil } from 'lodash';
 import { stringify } from 'querystring';
-import GridForm from './gridForm';
+import GridForm from "./gridForm";
 import { request } from '@luck-design-biz/base/utils';
 function buildComponent(props) {
   var _formId = props.formId,

package/es/upload/Form/index.less

@@ -1,7 +1,7 @@
-.fileGrid {
-  :global {
-    .ag-root-wrapper-body.ag-layout-normal {
-      height: 100% !important;
-    }
-  }
-}
+.fileGrid {
+  :global {
+    .ag-root-wrapper-body.ag-layout-normal {
+      height: 100% !important;
+    }
+  }
+}