@carto/meridian-ds 2.5.0 → 2.5.3

package/CHANGELOG.md

@@ -4,6 +4,15 @@
 
 ## 2.0
 
+### 2.5.3
+
+- Support `tooltipLabel` + `disabled` properties in `FilterDropdown` [#279](https://github.com/CartoDB/meridian-ds/pull/279)
+
+### 2.5.2
+
+- Rename `useAutocompletion` to `useCodeAreaAutocompletion` [#275](https://github.com/CartoDB/meridian-ds/pull/275)
+- Modify `useCodeAreaAutocompletion` interface to accept functions for a better memoization [#277](https://github.com/CartoDB/meridian-ds/pull/277)
+
 ### 2.5.0
 
 - Move widgets files: Co-located Files with Explicit Exports [#259](https://github.com/CartoDB/meridian-ds/pull/259)

package/dist/components/index.cjs

@@ -1574,6 +1574,13 @@ const FilterDropdownMenuItem = ({
       "aria-label": ariaLabel,
       "aria-labelledby": menuItemId,
       "aria-selected": isSelected,
+      sx: {
+        ...disabled && tooltipLabel && {
+          // This ensures the Tooltip is shown when disabled, without wrapping it with a span/div,
+          // otherwise this will invalid from an A11Y perspective plus not navigable through the keyboard
+          pointerEvents: "auto !important"
+        }
+      },
       children: [
         startAdornment && /* @__PURE__ */ jsxRuntime.jsx(material.ListItemIcon, { children: startAdornment }),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -5410,7 +5417,7 @@ function CodeAreaDialog({
     }
   );
 }
-const useAutocompletion = (editor, config) => {
+const useCodeAreaAutocompletion = (editor, config) => {
   const { triggers } = config;
   React.useEffect(() => {
     if (!editor) return;
@@ -5446,10 +5453,7 @@ const useAutocompletion = (editor, config) => {
         closeHints(cm);
         return;
       }
-      const itemsForTrigger = foundTriggerConfig.items;
-      const filtered = itemsForTrigger.filter(
-        (item) => item.value.toLowerCase().includes(query.toLowerCase())
-      );
+      const filtered = foundTriggerConfig.getItems(query);
       if (filtered.length === 0) {
         closeHints(cm);
         return;
@@ -5544,5 +5548,5 @@ exports.dialogDimensionsBySize = dialogDimensionsBySize;
 exports.isAutocompleteListGroupHeader = isAutocompleteListGroupHeader;
 exports.markTextPrecededBySymbol = markTextPrecededBySymbol;
 exports.useAutocomplete = useAutocomplete;
-exports.useAutocompletion = useAutocompletion;
+exports.useCodeAreaAutocompletion = useCodeAreaAutocompletion;
 exports.useCopyValue = useCopyValue;

package/dist/components/index.js

@@ -1574,6 +1574,13 @@ const FilterDropdownMenuItem = ({
       "aria-label": ariaLabel,
       "aria-labelledby": menuItemId,
       "aria-selected": isSelected,
+      sx: {
+        ...disabled && tooltipLabel && {
+          // This ensures the Tooltip is shown when disabled, without wrapping it with a span/div,
+          // otherwise this will invalid from an A11Y perspective plus not navigable through the keyboard
+          pointerEvents: "auto !important"
+        }
+      },
       children: [
         startAdornment && /* @__PURE__ */ jsx(ListItemIcon, { children: startAdornment }),
         /* @__PURE__ */ jsx(
@@ -5410,7 +5417,7 @@ function CodeAreaDialog({
     }
   );
 }
-const useAutocompletion = (editor, config) => {
+const useCodeAreaAutocompletion = (editor, config) => {
   const { triggers } = config;
   useEffect(() => {
     if (!editor) return;
@@ -5446,10 +5453,7 @@ const useAutocompletion = (editor, config) => {
         closeHints(cm);
         return;
       }
-      const itemsForTrigger = foundTriggerConfig.items;
-      const filtered = itemsForTrigger.filter(
-        (item) => item.value.toLowerCase().includes(query.toLowerCase())
-      );
+      const filtered = foundTriggerConfig.getItems(query);
       if (filtered.length === 0) {
         closeHints(cm);
         return;
@@ -5545,6 +5549,6 @@ export {
   isAutocompleteListGroupHeader,
   markTextPrecededBySymbol,
   useAutocomplete,
-  useAutocompletion,
+  useCodeAreaAutocompletion,
   useCopyValue
 };

package/dist/types/components/molecules/FilterDropdown/FilterDropdownMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDropdownMenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FilterDropdown/FilterDropdownMenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,sBAAsB,4DAMhC,2BAA2B,mDAsD7B,CAAA"}
+{"version":3,"file":"FilterDropdownMenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FilterDropdown/FilterDropdownMenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,sBAAsB,4DAMhC,2BAA2B,mDA8D7B,CAAA"}

package/dist/types/components/organisms/CodeArea/index.d.ts

@@ -6,7 +6,7 @@ export { default as CodeAreaField } from './CodeAreaField';
 export { default as CodeAreaFooter } from './CodeAreaFooter';
 export { default as CodeAreaHeader } from './CodeAreaHeader';
 export { default as CodeAreaInput } from './CodeAreaInput';
-export { useAutocompletion } from './useAutocompletion';
+export { useCodeAreaAutocompletion } from './useCodeAreaAutocompletion';
 export { CodeAreaMarkTextPattern, markTextPrecededBySymbol } from './utils';
-export type { AutocompletionConfig, AutocompleteItem, TriggerConfig, } from './useAutocompletion';
+export type { AutocompletionConfig, AutocompleteItem, TriggerConfig, } from './useCodeAreaAutocompletion';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/organisms/CodeArea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CodeArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,6CAA6C,CAAA;AACnG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,sCAAsC,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAE3E,YAAY,EACV,oBAAoB,EACpB,gBAAgB,EAChB,aAAa,GACd,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CodeArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AACzF,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,6CAA6C,CAAA;AACnG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,sCAAsC,CAAA;AACrF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAE3E,YAAY,EACV,oBAAoB,EACpB,gBAAgB,EAChB,aAAa,GACd,MAAM,6BAA6B,CAAA"}

package/dist/types/components/organisms/CodeArea/{useAutocompletion.d.ts → useCodeAreaAutocompletion.d.ts}

@@ -8,8 +8,8 @@ export interface AutocompleteItem {
 export interface TriggerConfig {
     /** The trigger character (e.g., '@', '/', '#') */
     symbol: string;
-    /** List of items to show for this trigger */
-    items: AutocompleteItem[];
+    /** Function that returns items to show for this trigger, receives the current query for filtering */
+    getItems: (query: string) => AutocompleteItem[];
 }
 export interface AutocompletionConfig {
     /** Array of trigger configurations */
@@ -29,24 +29,24 @@ export interface AutocompletionConfig {
  *   triggers: [
  *     {
  *       symbol: '@',
- *       items: [
+ *       getItems: (query) => [
  *         { value: 'user1', html: '<div class="user-item">👤 John Doe</div>' },
  *         { value: 'admin1', html: '<div class="admin-item">👑 Alice Admin</div>' }
- *       ]
+ *       ].filter(item => item.value.toLowerCase().includes(query.toLowerCase()))
  *     },
  *     {
  *       symbol: '/',
- *       items: [
+ *       getItems: (query) => [
  *         { value: 'help', html: '<div class="command-item">📖 Show help</div>' },
  *         { value: 'save', html: '<div class="command-item">💾 Save document</div>' }
- *       ]
+ *       ].filter(item => item.value.toLowerCase().includes(query.toLowerCase()))
  *     },
  *     {
  *       symbol: '#',
- *       items: [
+ *       getItems: (query) => [
  *         { value: 'urgent', html: '<div class="tag-item">🔴 Urgent</div>' },
  *         { value: 'review', html: '<div class="tag-item">👀 Needs review</div>' }
- *       ]
+ *       ].filter(item => item.value.toLowerCase().includes(query.toLowerCase()))
  *     }
  *   ]
  * })
@@ -58,5 +58,5 @@ export interface AutocompletionConfig {
  * <CodeAreaField ... onEditorDidMount={handleEditorMount} />
  * ```
  */
-export declare const useAutocompletion: (editor: Editor | null, config: AutocompletionConfig) => void;
-//# sourceMappingURL=useAutocompletion.d.ts.map
+export declare const useCodeAreaAutocompletion: (editor: Editor | null, config: AutocompletionConfig) => void;
+//# sourceMappingURL=useCodeAreaAutocompletion.d.ts.map

package/dist/types/components/organisms/CodeArea/useCodeAreaAutocompletion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCodeAreaAutocompletion.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CodeArea/useCodeAreaAutocompletion.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAGxC,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,aAAa;IAC5B,kDAAkD;IAClD,MAAM,EAAE,MAAM,CAAA;IACd,qGAAqG;IACrG,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,gBAAgB,EAAE,CAAA;CAChD;AAED,MAAM,WAAW,oBAAoB;IACnC,sCAAsC;IACtC,QAAQ,EAAE,aAAa,EAAE,CAAA;CAC1B;AASD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,yBAAyB,WAC5B,MAAM,GAAG,IAAI,UACb,oBAAoB,SAqF7B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/meridian-ds",
-  "version": "2.5.0",
+  "version": "2.5.3",
   "description": "CARTO Meridian Design System",
   "type": "module",
   "scripts": {

package/dist/types/components/organisms/CodeArea/useAutocompletion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAutocompletion.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/CodeArea/useAutocompletion.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAGxC,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,aAAa;IAC5B,kDAAkD;IAClD,MAAM,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,sCAAsC;IACtC,QAAQ,EAAE,aAAa,EAAE,CAAA;CAC1B;AASD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,iBAAiB,WACpB,MAAM,GAAG,IAAI,UACb,oBAAoB,SAwF7B,CAAA"}