@veeqo/ui 12.3.0 → 12.3.2

package/README.md

@@ -136,3 +136,49 @@ To work with icons locally:
 3. Icons will be available in the design system components directory
 
 For more detailed information about the icon system, see our [Icon System Figma Integration Documentation](https://quip-amazon.com/rwuZAJgL0Fr1/Icon-System-Update-Figma-Integration).
+
+### Adding additional SVG icon sets
+
+The build script supports multiple icon sets through the `ICON_SETS` configuration object. To add a new icon set:
+
+#### Create a new directory structure for your icons
+
+```terminal
+src/icons/
+└── your-icon-set/
+    ├── components/     # Generated React components
+    └── imports/        # Raw SVGs
+```
+
+#### Add your configuration to ICON_SETS in the build script
+
+```typescript
+const ICON_SETS = {
+  // Existing configurations...
+  yourIconSet: {
+    import: './src/icons/your-icon-set/imports', // Directory containing source SVG files
+    output: './src/icons/your-icon-set/components', // Directory where React components will be generated
+    svgrConfig: {
+      plugins: ['@svgr/plugin-jsx', '@svgr/plugin-prettier'],
+      typescript: true,
+      exportType: 'named',
+      ref: false,
+      prettierConfig: './.prettierrc',
+      // Additional SVGR configurations as needed:
+      replaceAttrValues: {
+        '#000000': 'currentColor', // Replace specific colors
+      }, // SVGR transformation options, for full list of options see: https://react-svgr.com/docs/options/
+      icon: 24, // Set default icon size
+    },
+  },
+};
+```
+
+This will add it to the build script `npm run build`
+
+The build script will automatically:
+
+- Clean the output directory
+- Generate React components from SVGs
+- Create index files for exports
+- Apply consistent formatting and linting

package/dist/components/Anchor/utils/urlUtils.cjs

@@ -22,6 +22,12 @@ const isRelativeUrl = (url) => !url.match(/^(https?:\/\/|\/\/)/);
  * @returns {boolean} Whether the URL is an anchor link
  */
 const isAnchorUrl = (url) => url.startsWith('#');
+/**
+ * Checks if a URL is a mailto link (starts with mailto)
+ * @param {string} url - The URL to check
+ * @returns {boolean} Whether the URL is an anchor link
+ */
+const isMailtoUrl = (url) => url.startsWith('mailto:');
 /**
  * Adds the appropriate prefix to a URL based on the current context
  * @param {string} url - The URL to add a prefix to
@@ -36,7 +42,7 @@ const addPrefixToUrl = (url) => { var _a; return `${((_a = window.veeqoContext)
 const createContextAwareUrl = (url) => {
     if (!url)
         return '';
-    if (isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url))
+    if (isMailtoUrl(url) || isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url))
         return url;
     return addPrefixToUrl(url);
 };
@@ -44,6 +50,7 @@ const createContextAwareUrl = (url) => {
 exports.addPrefixToUrl = addPrefixToUrl;
 exports.createContextAwareUrl = createContextAwareUrl;
 exports.isAnchorUrl = isAnchorUrl;
+exports.isMailtoUrl = isMailtoUrl;
 exports.isRelativeUrl = isRelativeUrl;
 exports.shouldAddPrefix = shouldAddPrefix;
 //# sourceMappingURL=urlUtils.cjs.map

package/dist/components/Anchor/utils/urlUtils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"urlUtils.cjs","sources":["../../../../src/components/Anchor/utils/urlUtils.ts"],"sourcesContent":["/**\n * Utility functions for URL processing\n */\n\n/**\n * Checks if the URL should have a prefix added based on the current context\n * @returns {boolean} Whether a prefix should be added\n */\nexport const shouldAddPrefix = (): boolean =>\n  !!(\n    window.veeqoContext &&\n    window.veeqoContext.vqHost !== 'standalone' &&\n    window.veeqoContext.baseUrl\n  );\n\n/**\n * Checks if a URL is relative (not starting with http://, https://, or //)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is relative\n */\nexport const isRelativeUrl = (url: string): boolean => !url.match(/^(https?:\\/\\/|\\/\\/)/);\n\n/**\n * Checks if a URL is an anchor link (starts with #)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isAnchorUrl = (url: string): boolean => url.startsWith('#');\n\n/**\n * Adds the appropriate prefix to a URL based on the current context\n * @param {string} url - The URL to add a prefix to\n * @returns {string} The URL with prefix added if needed\n */\nexport const addPrefixToUrl = (url: string): string =>\n  `${window.veeqoContext?.baseUrl || ''}${url.startsWith('/') ? '' : '/'}${url}`;\n\n/**\n * Processes a URL by adding the appropriate prefix if needed\n * @param {string} url - The URL to process\n * @returns {string} The processed URL\n */\nexport const createContextAwareUrl = (url: string | undefined | null): string => {\n  if (!url) return '';\n  if (isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url)) return url;\n\n  return addPrefixToUrl(url);\n};\n"],"names":[],"mappings":";;AAAA;;AAEG;AAEH;;;AAGG;AACI,MAAM,eAAe,GAAG,MAC7B,CAAC,EACC,MAAM,CAAC,YAAY;AACnB,IAAA,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,YAAY;AAC3C,IAAA,MAAM,CAAC,YAAY,CAAC,OAAO;AAG/B;;;;AAIG;AACU,MAAA,aAAa,GAAG,CAAC,GAAW,KAAc,CAAC,GAAG,CAAC,KAAK,CAAC,qBAAqB;AAEvF;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,GAAG;AAEvE;;;;AAIG;AACU,MAAA,cAAc,GAAG,CAAC,GAAW,KAAY,EAAA,IAAA,EAAA,CAAA,CACpD,OAAA,CAAA,EAAG,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,OAAO,KAAI,EAAE,CAAG,EAAA,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAA,EAAG,GAAG,CAAE,CAAA,CAAA;AAEhF;;;;AAIG;AACU,MAAA,qBAAqB,GAAG,CAAC,GAA8B,KAAY;AAC9E,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,EAAE;AACnB,IAAA,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,GAAG;AAE7E,IAAA,OAAO,cAAc,CAAC,GAAG,CAAC;AAC5B;;;;;;;;"}
+{"version":3,"file":"urlUtils.cjs","sources":["../../../../src/components/Anchor/utils/urlUtils.ts"],"sourcesContent":["/**\n * Utility functions for URL processing\n */\n\n/**\n * Checks if the URL should have a prefix added based on the current context\n * @returns {boolean} Whether a prefix should be added\n */\nexport const shouldAddPrefix = (): boolean =>\n  !!(\n    window.veeqoContext &&\n    window.veeqoContext.vqHost !== 'standalone' &&\n    window.veeqoContext.baseUrl\n  );\n\n/**\n * Checks if a URL is relative (not starting with http://, https://, or //)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is relative\n */\nexport const isRelativeUrl = (url: string): boolean => !url.match(/^(https?:\\/\\/|\\/\\/)/);\n\n/**\n * Checks if a URL is an anchor link (starts with #)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isAnchorUrl = (url: string): boolean => url.startsWith('#');\n\n/**\n * Checks if a URL is a mailto link (starts with mailto)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isMailtoUrl = (url: string): boolean => url.startsWith('mailto:');\n\n/**\n * Adds the appropriate prefix to a URL based on the current context\n * @param {string} url - The URL to add a prefix to\n * @returns {string} The URL with prefix added if needed\n */\nexport const addPrefixToUrl = (url: string): string =>\n  `${window.veeqoContext?.baseUrl || ''}${url.startsWith('/') ? '' : '/'}${url}`;\n\n/**\n * Processes a URL by adding the appropriate prefix if needed\n * @param {string} url - The URL to process\n * @returns {string} The processed URL\n */\nexport const createContextAwareUrl = (url: string | undefined | null): string => {\n  if (!url) return '';\n  if (isMailtoUrl(url) || isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url)) return url;\n\n  return addPrefixToUrl(url);\n};\n"],"names":[],"mappings":";;AAAA;;AAEG;AAEH;;;AAGG;AACI,MAAM,eAAe,GAAG,MAC7B,CAAC,EACC,MAAM,CAAC,YAAY;AACnB,IAAA,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,YAAY;AAC3C,IAAA,MAAM,CAAC,YAAY,CAAC,OAAO;AAG/B;;;;AAIG;AACU,MAAA,aAAa,GAAG,CAAC,GAAW,KAAc,CAAC,GAAG,CAAC,KAAK,CAAC,qBAAqB;AAEvF;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,GAAG;AAEvE;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,SAAS;AAE7E;;;;AAIG;AACU,MAAA,cAAc,GAAG,CAAC,GAAW,KAAY,EAAA,IAAA,EAAA,CAAA,CACpD,OAAA,CAAA,EAAG,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,OAAO,KAAI,EAAE,CAAG,EAAA,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAA,EAAG,GAAG,CAAE,CAAA,CAAA;AAEhF;;;;AAIG;AACU,MAAA,qBAAqB,GAAG,CAAC,GAA8B,KAAY;AAC9E,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,EAAE;AACnB,IAAA,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,GAAG;AAEjG,IAAA,OAAO,cAAc,CAAC,GAAG,CAAC;AAC5B;;;;;;;;;"}

package/dist/components/Anchor/utils/urlUtils.d.ts

@@ -18,6 +18,12 @@ export declare const isRelativeUrl: (url: string) => boolean;
  * @returns {boolean} Whether the URL is an anchor link
  */
 export declare const isAnchorUrl: (url: string) => boolean;
+/**
+ * Checks if a URL is a mailto link (starts with mailto)
+ * @param {string} url - The URL to check
+ * @returns {boolean} Whether the URL is an anchor link
+ */
+export declare const isMailtoUrl: (url: string) => boolean;
 /**
  * Adds the appropriate prefix to a URL based on the current context
  * @param {string} url - The URL to add a prefix to

package/dist/components/Anchor/utils/urlUtils.js

@@ -20,6 +20,12 @@ const isRelativeUrl = (url) => !url.match(/^(https?:\/\/|\/\/)/);
  * @returns {boolean} Whether the URL is an anchor link
  */
 const isAnchorUrl = (url) => url.startsWith('#');
+/**
+ * Checks if a URL is a mailto link (starts with mailto)
+ * @param {string} url - The URL to check
+ * @returns {boolean} Whether the URL is an anchor link
+ */
+const isMailtoUrl = (url) => url.startsWith('mailto:');
 /**
  * Adds the appropriate prefix to a URL based on the current context
  * @param {string} url - The URL to add a prefix to
@@ -34,10 +40,10 @@ const addPrefixToUrl = (url) => { var _a; return `${((_a = window.veeqoContext)
 const createContextAwareUrl = (url) => {
     if (!url)
         return '';
-    if (isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url))
+    if (isMailtoUrl(url) || isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url))
         return url;
     return addPrefixToUrl(url);
 };
 
-export { addPrefixToUrl, createContextAwareUrl, isAnchorUrl, isRelativeUrl, shouldAddPrefix };
+export { addPrefixToUrl, createContextAwareUrl, isAnchorUrl, isMailtoUrl, isRelativeUrl, shouldAddPrefix };
 //# sourceMappingURL=urlUtils.js.map

package/dist/components/Anchor/utils/urlUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"urlUtils.js","sources":["../../../../src/components/Anchor/utils/urlUtils.ts"],"sourcesContent":["/**\n * Utility functions for URL processing\n */\n\n/**\n * Checks if the URL should have a prefix added based on the current context\n * @returns {boolean} Whether a prefix should be added\n */\nexport const shouldAddPrefix = (): boolean =>\n  !!(\n    window.veeqoContext &&\n    window.veeqoContext.vqHost !== 'standalone' &&\n    window.veeqoContext.baseUrl\n  );\n\n/**\n * Checks if a URL is relative (not starting with http://, https://, or //)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is relative\n */\nexport const isRelativeUrl = (url: string): boolean => !url.match(/^(https?:\\/\\/|\\/\\/)/);\n\n/**\n * Checks if a URL is an anchor link (starts with #)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isAnchorUrl = (url: string): boolean => url.startsWith('#');\n\n/**\n * Adds the appropriate prefix to a URL based on the current context\n * @param {string} url - The URL to add a prefix to\n * @returns {string} The URL with prefix added if needed\n */\nexport const addPrefixToUrl = (url: string): string =>\n  `${window.veeqoContext?.baseUrl || ''}${url.startsWith('/') ? '' : '/'}${url}`;\n\n/**\n * Processes a URL by adding the appropriate prefix if needed\n * @param {string} url - The URL to process\n * @returns {string} The processed URL\n */\nexport const createContextAwareUrl = (url: string | undefined | null): string => {\n  if (!url) return '';\n  if (isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url)) return url;\n\n  return addPrefixToUrl(url);\n};\n"],"names":[],"mappings":"AAAA;;AAEG;AAEH;;;AAGG;AACI,MAAM,eAAe,GAAG,MAC7B,CAAC,EACC,MAAM,CAAC,YAAY;AACnB,IAAA,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,YAAY;AAC3C,IAAA,MAAM,CAAC,YAAY,CAAC,OAAO;AAG/B;;;;AAIG;AACU,MAAA,aAAa,GAAG,CAAC,GAAW,KAAc,CAAC,GAAG,CAAC,KAAK,CAAC,qBAAqB;AAEvF;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,GAAG;AAEvE;;;;AAIG;AACU,MAAA,cAAc,GAAG,CAAC,GAAW,KAAY,EAAA,IAAA,EAAA,CAAA,CACpD,OAAA,CAAA,EAAG,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,OAAO,KAAI,EAAE,CAAG,EAAA,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAA,EAAG,GAAG,CAAE,CAAA,CAAA;AAEhF;;;;AAIG;AACU,MAAA,qBAAqB,GAAG,CAAC,GAA8B,KAAY;AAC9E,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,EAAE;AACnB,IAAA,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,GAAG;AAE7E,IAAA,OAAO,cAAc,CAAC,GAAG,CAAC;AAC5B;;;;"}
+{"version":3,"file":"urlUtils.js","sources":["../../../../src/components/Anchor/utils/urlUtils.ts"],"sourcesContent":["/**\n * Utility functions for URL processing\n */\n\n/**\n * Checks if the URL should have a prefix added based on the current context\n * @returns {boolean} Whether a prefix should be added\n */\nexport const shouldAddPrefix = (): boolean =>\n  !!(\n    window.veeqoContext &&\n    window.veeqoContext.vqHost !== 'standalone' &&\n    window.veeqoContext.baseUrl\n  );\n\n/**\n * Checks if a URL is relative (not starting with http://, https://, or //)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is relative\n */\nexport const isRelativeUrl = (url: string): boolean => !url.match(/^(https?:\\/\\/|\\/\\/)/);\n\n/**\n * Checks if a URL is an anchor link (starts with #)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isAnchorUrl = (url: string): boolean => url.startsWith('#');\n\n/**\n * Checks if a URL is a mailto link (starts with mailto)\n * @param {string} url - The URL to check\n * @returns {boolean} Whether the URL is an anchor link\n */\nexport const isMailtoUrl = (url: string): boolean => url.startsWith('mailto:');\n\n/**\n * Adds the appropriate prefix to a URL based on the current context\n * @param {string} url - The URL to add a prefix to\n * @returns {string} The URL with prefix added if needed\n */\nexport const addPrefixToUrl = (url: string): string =>\n  `${window.veeqoContext?.baseUrl || ''}${url.startsWith('/') ? '' : '/'}${url}`;\n\n/**\n * Processes a URL by adding the appropriate prefix if needed\n * @param {string} url - The URL to process\n * @returns {string} The processed URL\n */\nexport const createContextAwareUrl = (url: string | undefined | null): string => {\n  if (!url) return '';\n  if (isMailtoUrl(url) || isAnchorUrl(url) || !shouldAddPrefix() || !isRelativeUrl(url)) return url;\n\n  return addPrefixToUrl(url);\n};\n"],"names":[],"mappings":"AAAA;;AAEG;AAEH;;;AAGG;AACI,MAAM,eAAe,GAAG,MAC7B,CAAC,EACC,MAAM,CAAC,YAAY;AACnB,IAAA,MAAM,CAAC,YAAY,CAAC,MAAM,KAAK,YAAY;AAC3C,IAAA,MAAM,CAAC,YAAY,CAAC,OAAO;AAG/B;;;;AAIG;AACU,MAAA,aAAa,GAAG,CAAC,GAAW,KAAc,CAAC,GAAG,CAAC,KAAK,CAAC,qBAAqB;AAEvF;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,GAAG;AAEvE;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,SAAS;AAE7E;;;;AAIG;AACU,MAAA,cAAc,GAAG,CAAC,GAAW,KAAY,EAAA,IAAA,EAAA,CAAA,CACpD,OAAA,CAAA,EAAG,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,OAAO,KAAI,EAAE,CAAG,EAAA,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG,CAAA,EAAG,GAAG,CAAE,CAAA,CAAA;AAEhF;;;;AAIG;AACU,MAAA,qBAAqB,GAAG,CAAC,GAA8B,KAAY;AAC9E,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,OAAO,EAAE;AACnB,IAAA,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,GAAG;AAEjG,IAAA,OAAO,cAAc,CAAC,GAAG,CAAC;AAC5B;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "12.3.0",
+  "version": "12.3.2",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",
@@ -70,6 +70,7 @@
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
     "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
     "@testing-library/dom": "^8.11.3",
     "@testing-library/jest-dom": "^5.12.0",
     "@testing-library/react": "^12.1.5",