@bindu-dashing/dam-solution 1.0.0

package/dist/Folders/foldersContainer.js

@@ -0,0 +1,408 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+var _foldersTree = _interopRequireDefault(require("./foldersTree"));
+require("./style.css");
+var _lodash = require("lodash");
+var _icons = require("@ant-design/icons");
+var _react = _interopRequireWildcard(require("react"));
+var _createOrUpdateFolder = _interopRequireDefault(require("./createOrUpdateFolder"));
+var _filesContainer = _interopRequireDefault(require("./filesContainer"));
+var APIS = _interopRequireWildcard(require("../constants/apiEndpoints"));
+var _useFetch = _interopRequireDefault(require("../hocs/useFetch"));
+var _folderHelpers = require("../hocs/folderHelpers");
+const FoldersContainer = _ref => {
+  let {
+    folders,
+    setFolders,
+    isImagePicker,
+    currentImagePicker,
+    onSelect,
+    fetchFolders,
+    teamIds,
+    isAdmin,
+    damAccessKey,
+    secretKey,
+    subdomain,
+    styles,
+    assetTypes,
+    teams,
+    currentUser,
+    accessToken,
+    userEmail,
+    allowOnlyOneFolder = false,
+    folderId = null,
+    showSubfolders = false
+  } = _ref;
+  const [showCreateFolder, setShowCreateFolder] = (0, _react.useState)(false);
+  const [selectedKeys, setSelectedKeys] = (0, _react.useState)([]);
+  const [fileSearchValue, setFileSearchValue] = (0, _react.useState)("");
+  const [expandedKeys, setExpandedKeys] = (0, _react.useState)([]);
+  const [loadingFiles, setLoadingFiles] = (0, _react.useState)(false);
+  const [searchValue, setSearchValue] = (0, _react.useState)("");
+  const [searchedFiles, setSearchedFiles] = (0, _react.useState)([]);
+  const [treeData, setTreeData] = (0, _react.useState)((0, _folderHelpers.modifyFolderNameToTitle)(folders, expandedKeys));
+  const [sortBy, setSortBy] = (0, _react.useState)("created_at");
+  const [sortOrder, setSortOrder] = (0, _react.useState)("desc");
+  const [files, setFiles] = (0, _react.useState)([]);
+  const [limit, setLimit] = (0, _react.useState)(20);
+  const [offset, setOffset] = (0, _react.useState)(0);
+  const [view, setView] = (0, _react.useState)("grid");
+  const [sortOrders, setSortOrders] = (0, _react.useState)({
+    name: null,
+    created_at: "descend",
+    i_size: null
+  });
+  const [nextKey, setNextKey] = (0, _react.useState)({
+    startKey: null,
+    prevKey: null
+  });
+  const [prevKey, setPrevKey] = (0, _react.useState)({
+    startKey: null,
+    prevKey: null
+  });
+  const [page, setPage] = (0, _react.useState)(0);
+  const [prevPrevKey, setPrevPrevKey] = (0, _react.useState)(null);
+  const [totalSearchedFilesCount, setTotalSearchedFilesCount] = (0, _react.useState)(0);
+  const [currentPage, setCurrentPage] = (0, _react.useState)(1);
+  const [searchKey, setSearchKey] = (0, _react.useState)("");
+  const [searchColumn, setSearchColumn] = (0, _react.useState)("");
+  const media = window.matchMedia(`(max-width: 767px)`);
+  const [open, setOpen] = (0, _react.useState)(false);
+  const showDrawer = () => {
+    setOpen(true);
+  };
+  const onClose = () => {
+    setOpen(false);
+  };
+  const {
+    fetchApi
+  } = (0, _useFetch.default)();
+  (0, _react.useEffect)(() => {
+    setTreeData((0, _folderHelpers.modifyFolderNameToTitle)(folders, expandedKeys));
+  }, [folders]);
+  (0, _react.useEffect)(() => {
+    if (!fileSearchValue) {
+      setTotalSearchedFilesCount(0);
+    }
+  }, [fileSearchValue]);
+  const fetchFiles = function (key) {
+    let folderId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    let currentSortBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    let currentSortOrder = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+    const params = {
+      folder_id: folderId ? folderId : key,
+      page: 0,
+      startKey: null,
+      prevKey: null,
+      team_ids: JSON.stringify(teamIds),
+      is_component: true,
+      sortBy: currentSortBy ? currentSortBy : sortBy,
+      sortOrder: currentSortOrder ? currentSortOrder : sortOrder
+    };
+    if (isImagePicker) {
+      params["skip_team_visibility"] = currentImagePicker === null || currentImagePicker === void 0 ? void 0 : currentImagePicker.skip_team_visibility;
+      params["exclude_expired_files"] = true;
+    }
+    setLoadingFiles(true);
+    fetchApi({
+      route: APIS.FETCH_FILES,
+      params: params,
+      httpMethod: "get",
+      onSuccess: response => {
+        setLoadingFiles(false);
+        const data = response === null || response === void 0 ? void 0 : response.data;
+        setFiles(data === null || data === void 0 ? void 0 : data.items);
+        setNextKey(data.nextKey);
+        setPage(data.page);
+        setPrevKey(data === null || data === void 0 ? void 0 : data.prevKey);
+        setPrevPrevKey(data === null || data === void 0 ? void 0 : data.prevPrevKey);
+      },
+      onFailure: () => {
+        setLoadingFiles(false);
+      },
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  const onSearch = function () {
+    let page = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    let currentSortBy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    let currentSortOrder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    setFolders([]);
+    setFileSearchValue("");
+    if (searchValue) {
+      setLoadingFiles(true);
+      const searchParams = {
+        search_key: encodeURIComponent(searchValue),
+        team_ids: JSON.stringify(teamIds),
+        is_component: true,
+        sort_by: currentSortBy ? currentSortBy : sortBy,
+        sort_order: currentSortOrder ? currentSortOrder : sortOrder
+      };
+      if (page) {
+        searchParams["offset"] = (page - 1) * limit;
+        searchParams["limit"] = limit;
+        setCurrentPage(page);
+      } else if (currentPage) {
+        searchParams["offset"] = (currentPage - 1) * limit;
+        searchParams["limit"] = limit;
+      }
+      if (allowOnlyOneFolder) {
+        searchParams["folder_id_path"] = folderId;
+      }
+      if (isImagePicker) {
+        searchParams["folder_id_path"] = currentImagePicker === null || currentImagePicker === void 0 ? void 0 : currentImagePicker.folder_id_path;
+        searchParams["skip_team_visibility"] = currentImagePicker === null || currentImagePicker === void 0 ? void 0 : currentImagePicker.skip_team_visibility;
+        searchParams["exclude_expired_files"] = true;
+      }
+      fetchApi({
+        params: searchParams,
+        httpMethod: "get",
+        route: APIS.FOLDER_FILE_SEARCH,
+        onSuccess: response => {
+          const data = response === null || response === void 0 ? void 0 : response.data;
+          setLoadingFiles(false);
+          setSelectedKeys([]);
+          setExpandedKeys([]);
+          function buildTree(folders) {
+            const folderMap = {};
+            const root = [];
+
+            // create a map of all folders using their IDs
+            folders.forEach(folder => {
+              folder.children = [];
+              folderMap[folder.id] = folder;
+            });
+
+            // iterate over the folders and add each child folder to its parent folder
+            folders.forEach(folder => {
+              if (folder.parent_id !== "root") {
+                const parentFolder = folderMap[folder.parent_id];
+                if (parentFolder) {
+                  parentFolder.children.push(folder);
+                } else {
+                  root.push(folder);
+                }
+              } else {
+                root.push(folder);
+              }
+            });
+            return root;
+          }
+          // console.log(data);
+          setFolders(buildTree((0, _lodash.get)(data, "folders.items")));
+          setFiles((0, _lodash.get)(data, "files.items"));
+          setSearchedFiles((0, _lodash.get)(data, "files.items"));
+          setTotalSearchedFilesCount((0, _lodash.get)(data, "files.total"));
+        },
+        onFailure: () => {
+          setLoadingFiles(false);
+        },
+        accessToken,
+        damAccessKey,
+        secretKey,
+        subdomain
+      });
+    } else {
+      fetchFolders(null, () => {
+        setSelectedKeys([]);
+        setExpandedKeys([]);
+      });
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Row, {
+    className: "folders-container"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    xs: 2,
+    sm: 2,
+    md: 7,
+    xl: 5,
+    className: "folders-tree",
+    style: {
+      "--color": styles === null || styles === void 0 ? void 0 : styles.primaryColor
+    }
+  }, media.matches ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_icons.MenuOutlined, {
+    style: {
+      margin: "11px 0 0 10px"
+    },
+    onClick: showDrawer
+  }), /*#__PURE__*/_react.default.createElement(_antd.Drawer, {
+    title: "Folders",
+    placement: "left",
+    onClose: onClose,
+    open: open,
+    width: "80%"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Search",
+    onPressEnter: () => onSearch(),
+    value: searchValue,
+    onChange: e => setSearchValue(e.target.value),
+    prefix: /*#__PURE__*/_react.default.createElement(_icons.SearchOutlined, null)
+  }), !isImagePicker && (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) === 0 && isAdmin && /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    block: true,
+    style: {
+      marginTop: "10px",
+      magrin: "0 !important"
+    },
+    icon: /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null),
+    onClick: () => setShowCreateFolder(true)
+  }, "Add Folder"), /*#__PURE__*/_react.default.createElement(_foldersTree.default, {
+    setSelectedKeys: setSelectedKeys,
+    selectedKeys: selectedKeys,
+    setLoadingFiles: setLoadingFiles,
+    isImagePicker: isImagePicker,
+    fetchFiles: fetchFiles,
+    folders: folders,
+    setFolders: setFolders,
+    includeSubFolders: currentImagePicker === null || currentImagePicker === void 0 ? void 0 : currentImagePicker.include_subfolders,
+    setExpandedKeys: setExpandedKeys,
+    expandedKeys: expandedKeys,
+    setTreeData: setTreeData,
+    treeData: treeData,
+    searchValue: searchValue,
+    teamIds: teamIds,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    setOpen: setOpen,
+    styles: styles,
+    skipTeamVisibility: currentImagePicker === null || currentImagePicker === void 0 ? void 0 : currentImagePicker.skip_team_visibility,
+    currentUser: currentUser,
+    accessToken: accessToken,
+    setFileSearchValue: setFileSearchValue
+  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Search",
+    onPressEnter: () => onSearch(),
+    value: searchValue,
+    onChange: e => setSearchValue(e.target.value),
+    prefix: /*#__PURE__*/_react.default.createElement(_icons.SearchOutlined, null)
+  }), !isImagePicker && (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) === 0 && isAdmin && /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    block: true,
+    style: {
+      marginTop: "10px",
+      magrin: "0 !important"
+    },
+    icon: /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null),
+    onClick: () => setShowCreateFolder(true)
+  }, "Add Folder"), /*#__PURE__*/_react.default.createElement(_foldersTree.default, {
+    setSelectedKeys: setSelectedKeys,
+    selectedKeys: selectedKeys,
+    setLoadingFiles: setLoadingFiles,
+    isImagePicker: isImagePicker,
+    fetchFiles: fetchFiles,
+    folders: folders,
+    setFolders: setFolders,
+    includeSubFolders: allowOnlyOneFolder ? showSubfolders : currentImagePicker === null || currentImagePicker === void 0 ? void 0 : currentImagePicker.include_subfolders,
+    allowOnlyOneFolder: allowOnlyOneFolder,
+    setExpandedKeys: setExpandedKeys,
+    expandedKeys: expandedKeys,
+    setTreeData: setTreeData,
+    treeData: treeData,
+    searchValue: searchValue,
+    teamIds: teamIds,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    skipTeamVisibility: currentImagePicker === null || currentImagePicker === void 0 ? void 0 : currentImagePicker.skip_team_visibility,
+    currentUser: currentUser,
+    accessToken: accessToken,
+    setFileSearchValue: setFileSearchValue
+  }))), /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    xs: 21,
+    sm: 21,
+    md: 16,
+    xl: 18,
+    className: "right-container"
+  }, loadingFiles ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "dam-files-loading"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Spin, null)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) > 0 || (searchedFiles === null || searchedFiles === void 0 ? void 0 : searchedFiles.length) > 0 ? /*#__PURE__*/_react.default.createElement(_filesContainer.default, {
+    selectedKeys: selectedKeys,
+    loadingFiles: loadingFiles,
+    isImagePicker: isImagePicker,
+    onSelect: onSelect,
+    fetchFiles: fetchFiles,
+    files: files,
+    prevKey: prevKey,
+    nextKey: nextKey,
+    prevPrevKey: prevPrevKey,
+    page: page,
+    setFiles: setFiles,
+    setPrevKey: setPrevKey,
+    setNextKey: setNextKey,
+    setPrevPrevKey: setPrevPrevKey,
+    setPage: setPage,
+    folders: folders,
+    setFolders: setFolders,
+    setExpandedKeys: setExpandedKeys,
+    setTreeData: setTreeData,
+    setLoadingFiles: setLoadingFiles,
+    searchValue: searchValue,
+    teamIds: teamIds,
+    isAdmin: isAdmin,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    styles: styles,
+    sortBy: sortBy,
+    sortOrder: sortOrder,
+    setSortBy: setSortBy,
+    setSortOrder: setSortOrder,
+    fetchFolders: fetchFolders,
+    onSearch: onSearch,
+    totalSearchedFilesCount: totalSearchedFilesCount,
+    currentPage: currentPage,
+    assetTypes: assetTypes,
+    view: view,
+    setView: setView,
+    sortOrders: sortOrders,
+    setSortOrders: setSortOrders,
+    teams: teams,
+    currentImagePicker: currentImagePicker,
+    currentUser: currentUser,
+    accessToken: accessToken,
+    setSelectedKeys: setSelectedKeys,
+    userEmail: userEmail,
+    setFileSearchValue: setFileSearchValue,
+    fileSearchValue: fileSearchValue,
+    setCurrentPage: setCurrentPage,
+    setTotalSearchedFilesCount: setTotalSearchedFilesCount,
+    limit: limit,
+    setSearchedFiles: setSearchedFiles,
+    searchColumn: searchColumn,
+    setSearchColumn: setSearchColumn,
+    searchKey: searchKey,
+    setSearchKey: setSearchKey
+  }) : /*#__PURE__*/_react.default.createElement(_antd.Col, {
+    span: 19
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "empty-container"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, null, "Select a folder from the left-side navigation to view its contents."))))), showCreateFolder && /*#__PURE__*/_react.default.createElement(_createOrUpdateFolder.default, {
+    setShowCreateFolder: setShowCreateFolder,
+    parentId: "root",
+    folders: folders,
+    setFolders: setFolders,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    styles: styles,
+    disableIsParent: true,
+    fetchFolders: fetchFolders,
+    setTreeData: setTreeData,
+    teamIds: teamIds,
+    expandedKeys: expandedKeys,
+    teams: teams,
+    currentUser: currentUser,
+    accessToken: accessToken
+  }));
+};
+var _default = FoldersContainer;
+exports.default = _default;

package/dist/Folders/foldersTree.js

@@ -0,0 +1,136 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var APIS = _interopRequireWildcard(require("../constants/apiEndpoints"));
+var _useFetch = _interopRequireDefault(require("../hocs/useFetch"));
+require("./style.css");
+var _folderHelpers = require("../hocs/folderHelpers");
+const {
+  DirectoryTree
+} = _antd.Tree;
+function FoldersTree(_ref) {
+  let {
+    selectedKeys,
+    setSelectedKeys,
+    includeSubFolders,
+    setLoadingFiles,
+    isImagePicker,
+    fetchFiles,
+    setFolders,
+    folders,
+    setExpandedKeys,
+    expandedKeys,
+    setTreeData,
+    treeData,
+    searchValue,
+    teamIds,
+    damAccessKey,
+    secretKey,
+    subdomain,
+    setOpen,
+    styles,
+    skipTeamVisibility = false,
+    accessToken,
+    setFileSearchValue,
+    allowOnlyOneFolder = false
+  } = _ref;
+  const {
+    fetchApi
+  } = (0, _useFetch.default)();
+  const fetchSubFolders = (key, finalExpandedKeys) => {
+    const params = {
+      parent_id: key,
+      team_ids: JSON.stringify(teamIds),
+      is_component: true
+    };
+    if (searchValue) {
+      params["search_key"] = searchValue;
+    }
+    if (isImagePicker) {
+      params["skip_team_visibility"] = skipTeamVisibility;
+    }
+    fetchApi({
+      route: APIS.FETCH_FOLDERS,
+      params: params,
+      httpMethod: "get",
+      onSuccess: response => {
+        const data = response === null || response === void 0 ? void 0 : response.data;
+        const finalFolders = (0, _folderHelpers.addFolder)(folders, key, data);
+        setFolders(finalFolders);
+        setTreeData((0, _folderHelpers.modifyFolderNameToTitle)(finalFolders, finalExpandedKeys));
+      },
+      onFailure: () => {},
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  (0, _react.useEffect)(() => {
+    // if (expandedKeys?.length == 0 && folders?.length > 0 && !searchValue) {
+    //   setExpandedKeys([folders?.[0]?.id]);
+    //   setSelectedKeys([folders?.[0]?.id]);
+    //   onSelect([folders?.[0]?.id], {
+    //     node: {
+    //       key: folders?.[0]?.id,
+    //       pos: "0-0",
+    //     },
+    //   });
+    // }
+  }, [folders]);
+  const onSelect = (keys, props) => {
+    var _props$node, _props$node2, _props$node2$pos, _props$node3, _props$node6;
+    if (setOpen) {
+      setOpen(false);
+    }
+    setSelectedKeys([props === null || props === void 0 ? void 0 : (_props$node = props.node) === null || _props$node === void 0 ? void 0 : _props$node.key]);
+    const position = props === null || props === void 0 ? void 0 : (_props$node2 = props.node) === null || _props$node2 === void 0 ? void 0 : (_props$node2$pos = _props$node2.pos) === null || _props$node2$pos === void 0 ? void 0 : _props$node2$pos.split("-");
+    // console.log(position)
+    const finalExpandedKeys = (position === null || position === void 0 ? void 0 : position.length) > 2 ? Array.from(new Set([...expandedKeys, ...keys])) : [props === null || props === void 0 ? void 0 : (_props$node3 = props.node) === null || _props$node3 === void 0 ? void 0 : _props$node3.key];
+    setFileSearchValue("");
+    setExpandedKeys(finalExpandedKeys);
+    if (isImagePicker || allowOnlyOneFolder) {
+      if (includeSubFolders) {
+        var _props$node4;
+        fetchSubFolders(props === null || props === void 0 ? void 0 : (_props$node4 = props.node) === null || _props$node4 === void 0 ? void 0 : _props$node4.key, finalExpandedKeys);
+      }
+    } else {
+      var _props$node5;
+      fetchSubFolders(props === null || props === void 0 ? void 0 : (_props$node5 = props.node) === null || _props$node5 === void 0 ? void 0 : _props$node5.key, finalExpandedKeys);
+    }
+    fetchFiles(props === null || props === void 0 ? void 0 : (_props$node6 = props.node) === null || _props$node6 === void 0 ? void 0 : _props$node6.key);
+  };
+  return /*#__PURE__*/_react.default.createElement(DirectoryTree, {
+    treeData: treeData,
+    onExpand: (keys, e) => {
+      if (e !== null && e !== void 0 && e.expanded) {
+        onSelect(keys, e);
+      } else {
+        setExpandedKeys(keys);
+        setTreeData((0, _folderHelpers.modifyFolderNameToTitle)(folders, keys));
+      }
+    },
+    titleRender: nodeData => {
+      return /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+        title: nodeData.title
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        style: {
+          whiteSpace: "normal",
+          maxWidth: "100%",
+          paddingLeft: "5px"
+        }
+      }, nodeData.title));
+    },
+    expandedKeys: expandedKeys,
+    selectedKeys: selectedKeys
+  });
+}
+var _default = FoldersTree;
+exports.default = _default;

package/dist/Folders/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _fileManagementContainer = _interopRequireDefault(require("./fileManagementContainer"));
+var _antd = require("antd");
+function App(props) {
+  var _props$styles, _props$styles2, _props$styles3;
+  return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
+    theme: {
+      token: {
+        colorPrimary: props === null || props === void 0 ? void 0 : (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.primaryColor,
+        colorLink: props === null || props === void 0 ? void 0 : (_props$styles2 = props.styles) === null || _props$styles2 === void 0 ? void 0 : _props$styles2.primaryColor,
+        colorLinkHover: props === null || props === void 0 ? void 0 : (_props$styles3 = props.styles) === null || _props$styles3 === void 0 ? void 0 : _props$styles3.secondaryColor
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_fileManagementContainer.default, Object.assign({}, props, {
+    damAccessKey: props === null || props === void 0 ? void 0 : props.accessKey
+  })));
+}
+var _default = App;
+exports.default = _default;