@griddo/ax 12.3.0 → 12.4.0

package/src/components/Icon/components/index.ts

@@ -0,0 +1,229 @@
+import type { ComponentType } from "react";
+
+import Active from "./Active";
+import Add from "./Add";
+import AddCircle from "./AddCircle";
+import Alert from "./Alert";
+import AlignLeft from "./AlignLeft";
+import Back from "./Back";
+import BulletList from "./BulletList";
+import Button from "./Button";
+import Calendar from "./Calendar";
+import CancelEvent from "./CancelEvent";
+import Category from "./Category";
+import Change from "./Change";
+import Close from "./Close";
+import ClosePanel from "./ClosePanel";
+import CodeBody from "./CodeBody";
+import CodeHead from "./CodeHead";
+import CodeHeadBody from "./CodeHeadBody";
+import Collapsed from "./Collapsed";
+import ColorPicker from "./ColorPicker";
+import Compose from "./Compose";
+import Copy from "./Copy";
+import Copy2 from "./Copy2";
+import Data from "./Data";
+import DataAdd from "./DataAdd";
+import Deactivate from "./Deactivate";
+import Delete from "./Delete";
+import Desktop from "./Desktop";
+import Disabled from "./Disabled";
+import Done from "./Done";
+import DownArrow from "./DownArrow";
+import Download from "./Download";
+import Drag from "./Drag";
+import Duplicate from "./Duplicate";
+import Edit from "./Edit";
+import Empty from "./Empty";
+import EmptyCheck from "./EmptyCheck";
+import Extend from "./Extend";
+import File from "./File";
+import Filter from "./Filter";
+import Form from "./Form";
+import FullArrowDown from "./FullArrowDown";
+import FullArrowLeft from "./FullArrowLeft";
+import FullArrowRight from "./FullArrowRight";
+import FullArrowUp from "./FullArrowUp";
+import Grid from "./Grid";
+import Grid2 from "./Grid2";
+import GriddoLogo from "./GriddoLogo";
+import HeroCard from "./HeroCard";
+import Hide from "./Hide";
+import History from "./History";
+import Home from "./Home";
+import Ia from "./Ia";
+import Image from "./Image";
+import Info from "./Info";
+import Laptop from "./Laptop";
+import LeftArrow from "./LeftArrow";
+import Link from "./Link";
+import Lock from "./Lock";
+import Log from "./Log";
+// Aliased: a binding named `Map` would shadow the global.
+import MapIcon from "./Map";
+import Menu from "./Menu";
+import Microsoft from "./Microsoft";
+import Modified from "./Modified";
+import Modules from "./Modules";
+import More from "./More";
+import NewFolder from "./NewFolder";
+import Offline from "./Offline";
+import OfflinePending from "./OfflinePending";
+import OpenOutside from "./OpenOutside";
+import OpenPanel from "./OpenPanel";
+import OutOfSection from "./OutOfSection";
+import Page from "./Page";
+import Party from "./Party";
+import Paste from "./Paste";
+import Phone from "./Phone";
+import PhotoLibrary from "./PhotoLibrary";
+import Power from "./Power";
+import Preview from "./Preview";
+import Project from "./Project";
+import QrCode from "./QrCode";
+import Question from "./Question";
+import Refresh from "./Refresh";
+import Republish from "./Republish";
+import RightArrow from "./RightArrow";
+import Scheduled from "./Scheduled";
+import Search from "./Search";
+import SendEmail from "./SendEmail";
+import Settings from "./Settings";
+import Share from "./Share";
+import Subsection from "./Subsection";
+import Success from "./Success";
+import SuccessSolid from "./SuccessSolid";
+import Sync from "./Sync";
+import Tablet from "./Tablet";
+import Translate from "./Translate";
+import Unlink from "./Unlink";
+import UpArrow from "./UpArrow";
+import UploadFile from "./UploadFile";
+import UploadPending from "./UploadPending";
+import UrlLink from "./UrlLink";
+import User from "./User";
+import Users from "./Users";
+import Video from "./Video";
+import View from "./View";
+import Warning from "./Warning";
+import Web from "./Web";
+import Working from "./Working";
+
+/**
+ * Static registry of every icon. Replaces the dynamic `require()` this
+ * component used to do: a template-literal require only resolves through
+ * webpack's CommonJS context modules, so it breaks under ESM.
+ *
+ * When adding an icon, import it above and register it here.
+ */
+const icons: Record<string, ComponentType<any>> = {
+	Active,
+	Add,
+	AddCircle,
+	Alert,
+	AlignLeft,
+	Back,
+	BulletList,
+	Button,
+	Calendar,
+	CancelEvent,
+	Category,
+	Change,
+	Close,
+	ClosePanel,
+	CodeBody,
+	CodeHead,
+	CodeHeadBody,
+	Collapsed,
+	ColorPicker,
+	Compose,
+	Copy,
+	Copy2,
+	Data,
+	DataAdd,
+	Deactivate,
+	Delete,
+	Desktop,
+	Disabled,
+	Done,
+	DownArrow,
+	Download,
+	Drag,
+	Duplicate,
+	Edit,
+	Empty,
+	EmptyCheck,
+	Extend,
+	File,
+	Filter,
+	Form,
+	FullArrowDown,
+	FullArrowLeft,
+	FullArrowRight,
+	FullArrowUp,
+	Grid,
+	Grid2,
+	GriddoLogo,
+	HeroCard,
+	Hide,
+	History,
+	Home,
+	Ia,
+	Image,
+	Info,
+	Laptop,
+	LeftArrow,
+	Link,
+	Lock,
+	Log,
+	Map: MapIcon,
+	Menu,
+	Microsoft,
+	Modified,
+	Modules,
+	More,
+	NewFolder,
+	Offline,
+	OfflinePending,
+	OpenOutside,
+	OpenPanel,
+	OutOfSection,
+	Page,
+	Party,
+	Paste,
+	Phone,
+	PhotoLibrary,
+	Power,
+	Preview,
+	Project,
+	QrCode,
+	Question,
+	Refresh,
+	Republish,
+	RightArrow,
+	Scheduled,
+	Search,
+	SendEmail,
+	Settings,
+	Share,
+	Subsection,
+	Success,
+	SuccessSolid,
+	Sync,
+	Tablet,
+	Translate,
+	Unlink,
+	UpArrow,
+	UploadFile,
+	UploadPending,
+	UrlLink,
+	User,
+	Users,
+	Video,
+	View,
+	Warning,
+	Web,
+	Working,
+};
+
+export default icons;

package/src/components/Icon/index.tsx

@@ -1,10 +1,6 @@
-const getImage = (name: string) => {
-	try {
-		return require(`./components/${name}`).default;
-	} catch (_err) {
-		return null;
-	}
-};
+import icons from "./components";
+
+const getImage = (name: string) => icons[name] ?? null;
 
 const Icon = (props: IProps) => {
 	const name = props.name

package/src/constants/index.ts

@@ -25,7 +25,7 @@ const itemLabel = {
 type ItemLabel = ValueOf<typeof itemLabel>;
 
 const VALID_IMAGE_FORMATS = ["jpeg", "jpg", "png", "svg", "gif", "webp"];
-const VALID_DOCUMENT_FORMATS = ["pdf", "doc", "docx", "xls", "xlsx", "zip", "csv", "txt"];
+const VALID_DOCUMENT_FORMATS = ["pdf", "doc", "docx", "xls", "xlsx", "zip", "csv", "txt", "md"];
 const VALID_VIDEO_FORMATS = ["mov", "mp4", "wmv", "avi", "webm", "mkv"];
 const VALID_FILE_FORMATS = [...VALID_DOCUMENT_FORMATS, ...VALID_VIDEO_FORMATS];
 

package/src/helpers/files.tsx

@@ -27,6 +27,8 @@ const getFileIcon = (type: string) => {
 			return "iconVideo.svg";
 		case "txt":
 			return "txt.svg";
+		case "md":
+			return "markdown.svg";
 		default:
 			return "iconFile.svg";
 	}

package/src/modules/FileDrive/FileFilters/Type/index.tsx

@@ -22,6 +22,7 @@ const Type = (props: ITypeProps): JSX.Element => {
 		{ name: "csv", value: "csv", title: "CSV" },
 		{ name: "zip", value: "zip", title: "ZIP" },
 		{ name: "txt", value: "txt", title: "TXT" },
+		{ name: "md", value: "md", title: "MD" },
 	];
 
 	useEffect(() => {

package/tsconfig.json

@@ -16,7 +16,7 @@
 		"useUnknownInCatchVariables": false,
 		"noEmit": true,
 		"jsx": "react-jsx",
-		"types": ["jest", "react", "reflect-metadata", "node", "webpack-env", "react-dom", "@testing-library/jest-dom"]
+		"types": ["vitest/globals", "react", "reflect-metadata", "node", "webpack-env", "react-dom", "@testing-library/jest-dom"]
 	},
 	"include": ["src"],
 	"extends": "./tsconfig.paths.json"

package/config/jest/cssTransform.js

@@ -1,14 +0,0 @@
-"use strict";
-
-// This is a custom Jest transformer turning style imports into empty objects.
-// http://facebook.github.io/jest/docs/en/webpack.html
-
-module.exports = {
-	process() {
-		return "module.exports = {};";
-	},
-	getCacheKey() {
-		// The output is always the same.
-		return "cssTransform";
-	},
-};

package/config/jest/fileMock.js

@@ -1 +0,0 @@
-module.exports = "test-file-stub";

package/config/jest/fileTransform.js

@@ -1,40 +0,0 @@
-"use strict";
-
-const path = require("path");
-const camelcase = require("camelcase");
-
-// This is a custom Jest transformer turning file imports into filenames.
-// http://facebook.github.io/jest/docs/en/webpack.html
-
-module.exports = {
-	process(src, filename) {
-		const assetFilename = JSON.stringify(path.basename(filename));
-
-		if (filename.match(/\.svg$/)) {
-			// Based on how SVGR generates a component name:
-			// https://github.com/smooth-code/svgr/blob/01b194cf967347d43d4cbe6b434404731b87cf27/packages/core/src/state.js#L6
-			const pascalCaseFilename = camelcase(path.parse(filename).name, {
-				pascalCase: true,
-			});
-			const componentName = `Svg${pascalCaseFilename}`;
-			return `const React = require('react');
-      module.exports = {
-        __esModule: true,
-        default: ${assetFilename},
-        ReactComponent: React.forwardRef(function ${componentName}(props, ref) {
-          return {
-            $$typeof: Symbol.for('react.element'),
-            type: 'svg',
-            ref: ref,
-            key: null,
-            props: Object.assign({}, props, {
-              children: ${assetFilename}
-            })
-          };
-        }),
-      };`;
-		}
-
-		return `module.exports = ${assetFilename};`;
-	},
-};

package/config/jest/reactEasyCropMock.js

@@ -1,15 +0,0 @@
-const React = require("react");
-
-const Cropper = ({ onCropComplete }) => {
-	React.useEffect(() => {
-		if (onCropComplete) {
-			onCropComplete({}, { x: 0, y: 0, width: 100, height: 100 });
-		}
-	}, []);
-	return React.createElement("div", { "data-testid": "cropper-mock" });
-};
-
-module.exports = {
-	__esModule: true,
-	default: Cropper,
-};

package/config/jest/reactTimezoneMock.js

@@ -1,13 +0,0 @@
-const React = require("react");
-
-const WorldMap = () => React.createElement("div", { "data-testid": "world-map-mock" });
-const TimeZoneSelectDialog = () => React.createElement("div", { "data-testid": "timezone-dialog-mock" });
-
-module.exports = {
-	__esModule: true,
-	default: WorldMap,
-	WorldMap,
-	TimeZoneSelectDialog,
-	findTimeZone: jest.fn((tz) => tz),
-	convertOffsetInMinutesToString: jest.fn((offset) => String(offset)),
-};

package/config/jest/setup.js

@@ -1,31 +0,0 @@
-require("babel-plugin-require-context-hook/register")();
-
-// styled-components warns when a component is first imported during a React render.
-// In tests, modules are loaded lazily (on first use), so they get evaluated inside
-// a render cycle — a false positive. The components themselves are correctly defined
-// at module level; this suppressor avoids ~1800 spurious warnings per test run.
-const originalWarn = console.warn.bind(console);
-console.warn = (...args) => {
-	if (typeof args[0] === "string" && args[0].includes("has been created dynamically")) return;
-	originalWarn(...args);
-};
-
-module.exports = () => {
-	global.IS_REACT_ACT_ENVIRONMENT = true;
-};
-
-window.matchMedia =
-	window.matchMedia ||
-	(() => ({
-		matches: false,
-		addListener: function () {},
-		removeListener: function () {},
-	}));
-
-class ResizeObserverMock {
-	observe() {}
-	unobserve() {}
-	disconnect() {}
-}
-
-global.ResizeObserver = ResizeObserverMock;

package/config/jest/styleMock.js

@@ -1 +0,0 @@
-module.exports = {};