## Description - chore: add SVGR to appsmith-icon package - add processing for custom icons - update date-fns Changes are necessary for [this EE PR](https://github.com/appsmithorg/appsmith-ee/pull/5448). ## Automation /ok-to-test tags="@tag.Sanity" ### 🔍 Cypress test results <!-- This is an auto-generated comment: Cypress test results --> > [!TIP] > 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉 > Workflow run: <https://github.com/appsmithorg/appsmith/actions/runs/11551127644> > Commit: 44fd968044ad5a5ca173c565b3b0c1d6f030cd1e > <a href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=11551127644&attempt=1" target="_blank">Cypress dashboard</a>. > Tags: `@tag.Sanity` > Spec: > <hr>Mon, 28 Oct 2024 10:11:55 UTC <!-- end of auto-generated comment: Cypress test results --> ## Communication Should the DevRel and Marketing teams inform users about this change? - [ ] Yes - [x] No <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit ## Release Notes - **New Features** - Introduced `AIAvatarCustomIcon` component for enhanced icon customization. - Added `CustomIcons` documentation in Storybook for better visibility of custom icons. - **Improvements** - Updated multiple icon components to accept SVG properties, enhancing flexibility and reusability. - Enhanced type safety for `IconCmp` and `ThumbnailCmp` properties across various interfaces. - Expanded functionality in the `generateStories` function to include stories for custom icons. - **Chores** - Improved import statements and export structures for better code organization. - Extended cleanup functionality to ensure directories are properly managed. - Modified the `generateComponents` function to utilize a more robust SVG-to-React transformation process. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
132 lines
5.1 KiB
JavaScript
132 lines
5.1 KiB
JavaScript
function parseConfig() {
|
||
return "";
|
||
}
|
||
|
||
const LOG_LEVELS = ["debug", "error"];
|
||
const CONFIG_LOG_LEVEL_INDEX = 1;
|
||
|
||
module.exports = {
|
||
setupFiles: [
|
||
"jest-canvas-mock",
|
||
"<rootDir>/test/__mocks__/reactMarkdown.tsx",
|
||
],
|
||
roots: ["<rootDir>/src"],
|
||
transform: {
|
||
"^.+\\.(png|js|ts|tsx)$": "ts-jest",
|
||
},
|
||
testEnvironment: "jsdom",
|
||
testTimeout: 9000,
|
||
setupFilesAfterEnv: ["<rootDir>/test/setup.ts"],
|
||
testRegex: "(/__tests__/.*|(\\.|/)(test|spec))\\.(tsx|ts|js)?$",
|
||
moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node", "css"],
|
||
moduleDirectories: ["node_modules", "src", "test"],
|
||
transformIgnorePatterns: [
|
||
"<rootDir>/node_modules/(?!codemirror|konva|react-dnd|dnd-core|@babel|(@blueprintjs)|@github|lodash-es|@draft-js-plugins|react-documents|linkedom|assert-never|axios|usehooks-ts|date-fns)",
|
||
],
|
||
moduleNameMapper: {
|
||
"\\.(css|less)$": "<rootDir>/test/__mocks__/styleMock.js",
|
||
"\\.svg$": "<rootDir>/test/__mocks__/svgMock.js",
|
||
"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|txt)$":
|
||
"<rootDir>/test/__mocks__/fileMock.js",
|
||
"^worker-loader!": "<rootDir>/test/__mocks__/workerMock.js",
|
||
"^!!raw-loader!": "<rootDir>/test/__mocks__/derivedMock.js",
|
||
"test/(.*)": "<rootDir>/test/$1",
|
||
"@appsmith/ads-old": "<rootDir>/node_modules/@appsmith/ads-old",
|
||
"@design-system/widgets-old":
|
||
"<rootDir>/node_modules/@design-system/widgets-old",
|
||
"^proxy-memoize$": "<rootDir>/node_modules/proxy-memoize/dist/wrapper.cjs",
|
||
// @blueprintjs packages need to be resolved to the `esnext` directory. The default `esm` directory
|
||
// contains sources that are transpiled to ES5. As Jest does not transpile our sources to ES5,
|
||
// this results in mixing ES6 and ES5 code and causes errors like:
|
||
// Class constructor GlobalHotKeys cannot be invoked without 'new'
|
||
// Note: this isn’t issue in the live app because we transpile *everything* down to ES5 there.
|
||
"^@blueprintjs/core$":
|
||
"<rootDir>/node_modules/@blueprintjs/core/lib/esnext",
|
||
"^@blueprintjs/datetime$":
|
||
"<rootDir>/node_modules/@blueprintjs/datetime/lib/esnext",
|
||
"^@blueprintjs/icons$":
|
||
"<rootDir>/node_modules/@blueprintjs/icons/lib/esnext",
|
||
"^@blueprintjs/popover2$":
|
||
"<rootDir>/node_modules/@blueprintjs/popover2/lib/esnext",
|
||
"^@blueprintjs/select$":
|
||
"<rootDir>/node_modules/@blueprintjs/select/lib/esnext",
|
||
"@appsmith/ads": "<rootDir>/node_modules/@appsmith/ads",
|
||
"^canvas$": "jest-canvas-mock",
|
||
},
|
||
globals: {
|
||
"ts-jest": {
|
||
isolatedModules: true,
|
||
diagnostics: {
|
||
ignoreCodes: [1343],
|
||
},
|
||
astTransformers: {
|
||
before: [
|
||
{
|
||
path: "node_modules/ts-jest-mock-import-meta",
|
||
options: { metaObjectReplacement: { url: "https://www.url.com" } },
|
||
},
|
||
],
|
||
},
|
||
},
|
||
APPSMITH_FEATURE_CONFIGS: {
|
||
sentry: {
|
||
dsn: parseConfig("__APPSMITH_SENTRY_DSN__"),
|
||
release: parseConfig("__APPSMITH_SENTRY_RELEASE__"),
|
||
environment: parseConfig("__APPSMITH_SENTRY_ENVIRONMENT__"),
|
||
},
|
||
smartLook: {
|
||
id: parseConfig("__APPSMITH_SMART_LOOK_ID__"),
|
||
},
|
||
segment: {
|
||
apiKey: parseConfig("__APPSMITH_SEGMENT_KEY__"),
|
||
ceKey: parseConfig("__APPSMITH_SEGMENT_CE_KEY__"),
|
||
},
|
||
newRelic: {
|
||
enableNewRelic: parseConfig("__APPSMITH_NEW_RELIC_ACCOUNT_ENABLE__"),
|
||
accountId: parseConfig("__APPSMITH_NEW_RELIC_ACCOUNT_ID__"),
|
||
applicationId: parseConfig("__APPSMITH_NEW_RELIC_APPLICATION_ID__"),
|
||
browserAgentlicenseKey: parseConfig(
|
||
"__APPSMITH_NEW_RELIC_BROWSER_AGENT_LICENSE_KEY__",
|
||
),
|
||
browserAgentEndpoint: parseConfig(
|
||
"__APPSMITH_NEW_RELIC_BROWSER_AGENT_ENDPOINT__",
|
||
),
|
||
otlpLicenseKey: parseConfig("__APPSMITH_NEW_RELIC_OTLP_LICENSE_KEY__"),
|
||
otlpServiceName: parseConfig(
|
||
"__APPSMITH_NEW_RELIC_OTEL_SERVICE_NAME__",
|
||
),
|
||
otlpEndpoint: parseConfig(
|
||
"__APPSMITH_NEW_RELIC_OTEL_EXPORTER_OTLP_ENDPOINT__",
|
||
),
|
||
},
|
||
fusioncharts: {
|
||
licenseKey: parseConfig("__APPSMITH_FUSIONCHARTS_LICENSE_KEY__"),
|
||
},
|
||
mixpanel: {
|
||
enabled: parseConfig("__APPSMITH_SEGMENT_KEY__"),
|
||
apiKey: parseConfig("__APPSMITH_MIXPANEL_KEY__"),
|
||
},
|
||
algolia: {
|
||
apiId: parseConfig("__APPSMITH_ALGOLIA_API_ID__"),
|
||
apiKey: parseConfig("__APPSMITH_ALGOLIA_API_KEY__"),
|
||
indexName: parseConfig("__APPSMITH_ALGOLIA_SEARCH_INDEX_NAME__"),
|
||
},
|
||
logLevel:
|
||
CONFIG_LOG_LEVEL_INDEX > -1
|
||
? LOG_LEVELS[CONFIG_LOG_LEVEL_INDEX]
|
||
: LOG_LEVELS[1],
|
||
cloudHosting: "CLOUD_HOSTING",
|
||
appVersion: {
|
||
id: parseConfig("__APPSMITH_VERSION_ID__"),
|
||
sha: parseConfig("__APPSMITH_VERSION_SHA__"),
|
||
releaseDate: parseConfig("__APPSMITH_VERSION_RELEASE_DATE__"),
|
||
},
|
||
intercomAppID: "APP_ID",
|
||
mailEnabled: parseConfig("__APPSMITH_MAIL_ENABLED__"),
|
||
disableIframeWidgetSandbox: parseConfig(
|
||
"__APPSMITH_DISABLE_IFRAME_WIDGET_SANDBOX__",
|
||
),
|
||
},
|
||
},
|
||
};
|