@oracle/oraclejet-preact 17.0.5 → 17.0.7

package/es/Layer-9b06412e.js

@@ -0,0 +1,84 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { useContext, useState, useRef, useLayoutEffect, createPortal } from 'preact/compat';
+import { L as LayerContext } from './LayerHost-45f545d7.js';
+import { c as classNames } from './classNames-4e12b00d.js';
+import { styles, baseStyle } from './UNSAFE_Layer/themes/LayerStyles.css.js';
+import { u as useThemeInterpolations } from './useThemeInterpolations-9bddc683.js';
+
+const LOGICAL_PARENT = Symbol.for('oj-logical-parent');
+const Layer = ({ children, logicalParentRef, priority = 'popup', level = 'nearestAncestor' }) => {
+    const context = useContext(LayerContext);
+    const [layerContainer, _setLayerContainer] = useState(null);
+    const layerContainerRef = useRef(null);
+    const setLayerContainer = (elem) => {
+        layerContainerRef.current = elem;
+        _setLayerContainer(elem);
+    };
+    // because the children are being rendered into a portal that is out of the flow of parent dom,
+    // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.
+    const themeClasses = useThemeInterpolations();
+    let priorityStyle = styles.popupPriorityStyle;
+    switch (priority) {
+        case 'dialog': {
+            priorityStyle = styles.dialogPriorityStyle;
+            break;
+        }
+        case 'messages': {
+            priorityStyle = styles.messagesPriorityStyle;
+            break;
+        }
+        default: {
+            priorityStyle = styles.popupPriorityStyle;
+            break;
+        }
+    }
+    const classes = classNames([themeClasses, baseStyle, priorityStyle]);
+    // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented
+    // content does not get re-rendered with valid ref's
+    useLayoutEffect(() => {
+        const host = level === 'topLevel'
+            ? context.getRootLayerHost?.(priority)
+            : context.getLayerHost?.(priority);
+        if (!host)
+            return;
+        const doc = host.ownerDocument ?? document;
+        const layer = doc.createElement('div');
+        layer.setAttribute('data-oj-layer', 'true');
+        if (logicalParentRef) {
+            layer[LOGICAL_PARENT] = logicalParentRef.current;
+        }
+        // layer.style.position = 'relative';
+        host.appendChild(layer);
+        setLayerContainer(layer);
+        return () => {
+            if (host && layer && host.contains(layer)) {
+                delete layer[LOGICAL_PARENT];
+                host.removeChild(layer);
+            }
+            if (context.onLayerUnmount) {
+                context.onLayerUnmount(layer);
+            }
+            setLayerContainer(null);
+        };
+    }, [logicalParentRef, context, level, priority]);
+    // add the colorScheme and scale classes if there is a layerContainer
+    if (layerContainer) {
+        // use the theme interpolations to set the appropriate style classes for colorScheme and scale
+        layerContainer.className = classes;
+    }
+    const getLayerHost = () => {
+        return layerContainer;
+    };
+    let newLayerContext = {};
+    if (context.getLayerHost) {
+        newLayerContext = {
+            getRootLayerHost: context.getRootLayerHost?.bind(null, priority),
+            getLayerHost: getLayerHost.bind(null)
+        };
+    }
+    return (jsx(LayerContext.Provider, { value: newLayerContext, children: layerContainer && createPortal(children, layerContainer) }));
+};
+
+export { Layer as L, LOGICAL_PARENT as a };
+//# sourceMappingURL=Layer-9b06412e.js.map

package/es/Layer-9b06412e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layer-9b06412e.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, RefObject } from 'preact';\nimport { createPortal, useContext, useLayoutEffect, useState, useRef } from 'preact/compat';\nimport { LayerContext, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n  /**\n   * The content to be re-parented using Portal\n   */\n  children: VNode;\n  /**\n   * Logical parent of the re-parented content. Typically the 'launcher' associated\n   * with the popup.\n   */\n  logicalParentRef?: RefObject<Element> | null;\n  /**\n   * Determines Layer's stacking context. Components that always need to render on top of other popup\n   * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n   */\n  priority?: LayerPriority;\n  /**\n   * Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n   * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n   * a new nesting context as(topLevel).\n   */\n  level?: LayerLevel;\n};\n\ntype LayerElement = HTMLDivElement & {\n  [LOGICAL_PARENT]?: Element | null;\n};\n\nconst Layer = ({\n  children,\n  logicalParentRef,\n  priority = 'popup',\n  level = 'nearestAncestor'\n}: Props) => {\n  const context = useContext(LayerContext);\n\n  const [layerContainer, _setLayerContainer] = useState<Element | null>(null);\n  const layerContainerRef = useRef<Element | null>(null);\n\n  const setLayerContainer = (elem: Element | null) => {\n    layerContainerRef.current = elem;\n    _setLayerContainer(elem);\n  };\n\n  // because the children are being rendered into a portal that is out of the flow of parent dom,\n  // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n  const themeClasses = useThemeInterpolations();\n\n  let priorityStyle = styles.popupPriorityStyle;\n\n  switch (priority) {\n    case 'dialog': {\n      priorityStyle = styles.dialogPriorityStyle;\n      break;\n    }\n    case 'messages': {\n      priorityStyle = styles.messagesPriorityStyle;\n      break;\n    }\n    default: {\n      priorityStyle = styles.popupPriorityStyle;\n      break;\n    }\n  }\n\n  const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n  // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n  // content does not get re-rendered with valid ref's\n  useLayoutEffect(() => {\n    const host =\n      level === 'topLevel'\n        ? context.getRootLayerHost?.(priority)\n        : context.getLayerHost?.(priority);\n\n    if (!host) return;\n    const doc = host.ownerDocument ?? document;\n    const layer: LayerElement = doc.createElement('div');\n\n    layer.setAttribute('data-oj-layer', 'true');\n\n    if (logicalParentRef) {\n      layer[LOGICAL_PARENT] = logicalParentRef.current;\n    }\n    // layer.style.position = 'relative';\n    host.appendChild(layer);\n    setLayerContainer(layer);\n\n    return () => {\n      if (host && layer && host.contains(layer)) {\n        delete layer[LOGICAL_PARENT];\n        host.removeChild(layer);\n      }\n      if (context.onLayerUnmount) {\n        context.onLayerUnmount(layer);\n      }\n      setLayerContainer(null);\n    };\n  }, [logicalParentRef, context, level, priority]);\n\n  // add the colorScheme and scale classes if there is a layerContainer\n  if (layerContainer) {\n    // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n    layerContainer.className = classes;\n  }\n\n  const getLayerHost = () => {\n    return layerContainer;\n  };\n\n  let newLayerContext = {};\n\n  if (context.getLayerHost) {\n    newLayerContext = {\n      getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n      getLayerHost: getLayerHost.bind(null)\n    };\n  }\n\n  return (\n    <LayerContext.Provider value={newLayerContext}>\n      {layerContainer && createPortal(children, layerContainer)}\n    </LayerContext.Provider>\n  );\n};\n\nexport default Layer;\n"],"names":["_jsx"],"mappings":";;;;;;;;AAOa,MAAA,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,mBAAmB,EAAE;AA6B9D,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,gBAAgB,EAChB,QAAQ,GAAG,OAAO,EAClB,KAAK,GAAG,iBAAiB,EACnB,KAAI;AACV,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEzC,MAAM,CAAC,cAAc,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;AAC5E,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAEvD,IAAA,MAAM,iBAAiB,GAAG,CAAC,IAAoB,KAAI;AACjD,QAAA,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;QACjC,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAC3B,KAAC,CAAC;;;AAIF,IAAA,MAAM,YAAY,GAAG,sBAAsB,EAAE,CAAC;AAE9C,IAAA,IAAI,aAAa,GAAG,MAAM,CAAC,kBAAkB,CAAC;IAE9C,QAAQ,QAAQ;QACd,KAAK,QAAQ,EAAE;AACb,YAAA,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;YAC3C,MAAM;SACP;QACD,KAAK,UAAU,EAAE;AACf,YAAA,aAAa,GAAG,MAAM,CAAC,qBAAqB,CAAC;YAC7C,MAAM;SACP;QACD,SAAS;AACP,YAAA,aAAa,GAAG,MAAM,CAAC,kBAAkB,CAAC;YAC1C,MAAM;SACP;KACF;AAED,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,YAAY,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;;;IAIrE,eAAe,CAAC,MAAK;AACnB,QAAA,MAAM,IAAI,GACR,KAAK,KAAK,UAAU;AAClB,cAAE,OAAO,CAAC,gBAAgB,GAAG,QAAQ,CAAC;cACpC,OAAO,CAAC,YAAY,GAAG,QAAQ,CAAC,CAAC;AAEvC,QAAA,IAAI,CAAC,IAAI;YAAE,OAAO;AAClB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,IAAI,QAAQ,CAAC;QAC3C,MAAM,KAAK,GAAiB,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAErD,QAAA,KAAK,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;QAE5C,IAAI,gBAAgB,EAAE;AACpB,YAAA,KAAK,CAAC,cAAc,CAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC;SAClD;;AAED,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACxB,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAEzB,QAAA,OAAO,MAAK;YACV,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AACzC,gBAAA,OAAO,KAAK,CAAC,cAAc,CAAC,CAAC;AAC7B,gBAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;aACzB;AACD,YAAA,IAAI,OAAO,CAAC,cAAc,EAAE;AAC1B,gBAAA,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;aAC/B;YACD,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAC1B,SAAC,CAAC;KACH,EAAE,CAAC,gBAAgB,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;;IAGjD,IAAI,cAAc,EAAE;;AAElB,QAAA,cAAc,CAAC,SAAS,GAAG,OAAO,CAAC;KACpC;IAED,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,OAAO,cAAc,CAAC;AACxB,KAAC,CAAC;IAEF,IAAI,eAAe,GAAG,EAAE,CAAC;AAEzB,IAAA,IAAI,OAAO,CAAC,YAAY,EAAE;AACxB,QAAA,eAAe,GAAG;YAChB,gBAAgB,EAAE,OAAO,CAAC,gBAAgB,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC;AAChE,YAAA,YAAY,EAAE,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;SACtC,CAAC;KACH;IAED,QACEA,IAAC,YAAY,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,eAAe,EAAA,QAAA,EAC1C,cAAc,IAAI,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC,EAAA,CACnC,EACxB;AACJ;;;;"}

package/es/LayerHost-45f545d7.js

@@ -0,0 +1,40 @@
+/* @oracle/oraclejet-preact: undefined */
+import { createContext } from 'preact';
+import { Redwood } from './Common/themes/redwood/theme.js';
+import { jsx } from 'preact/jsx-runtime';
+import { forwardRef } from 'preact/compat';
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Default environment created for the application
+ */
+const DefaultEnvironment = {
+    user: {
+        locale: document.documentElement.getAttribute('lang') || 'en',
+        direction: document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',
+        forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'
+    },
+    theme: Redwood,
+    colorScheme: 'light',
+    scale: 'lg',
+    currentBgColor: undefined,
+    mode: 'production',
+    density: 'standard'
+};
+const EnvironmentContext = createContext(DefaultEnvironment);
+
+const LayerContext = createContext({});
+
+const LayerHost = forwardRef((_props, ref) => {
+    return jsx("div", { id: "__root_layer_host", ref: ref });
+});
+LayerHost.displayName = 'Forwarded<LayerHost>';
+
+export { DefaultEnvironment as D, EnvironmentContext as E, LayerContext as L, LayerHost as a };
+//# sourceMappingURL=LayerHost-45f545d7.js.map

package/es/LayerHost-45f545d7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerHost-45f545d7.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/LayerHost.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Theme, ThemeModifiers } from '../UNSAFE_Theme';\n\nimport { Redwood } from '../Common';\nimport { createContext } from 'preact';\n\n/**\n * Defines user specific environment\n */\ntype User = {\n  locale: string;\n  direction: 'rtl' | 'ltr';\n  forcedColors: 'none' | 'active';\n};\n\n/**\n * Defines translation bundle type.\n */\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/**\n * Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n *\n * Translation bundle example:\n * const bundle = {\n *  @oracle/oracle-preact-bundle: {\n *      welcome: () => 'bienvenido',\n *      success: () => 'éxito'\n *  }\n * }\n */\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/**\n * Defines the mode in which the application is running. For \"test\" mode, UNSAFE_useTestId hook will\n * return a set of attributes to be rendered on the component DOM for testing purposes. Default is\n * \"production\"\n */\ntype Mode = 'test' | 'production';\n\n/**\n * Environment specified at the root level\n */\nexport type RootEnvironment = Partial<ThemeModifiers> & {\n  /**\n   * user - supports user preferences\n   */\n  user?: Partial<User>;\n  /**\n   * theme - supports theme settings\n   */\n  theme?: Theme;\n  /**\n   * translations - supports translation bundles\n   */\n  translations?: Translations;\n  /**\n   * mode - the application's configured mode\n   */\n  mode?: Mode;\n};\n\n/**\n * Environment specified at the component level\n */\nexport type Environment = Partial<ThemeModifiers> & {\n  translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = ThemeModifiers & {\n  user: User;\n  theme: Theme;\n  translations?: Translations;\n  mode: Mode;\n};\n\n/**\n * Default environment created for the application\n */\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n  user: {\n    locale: document.documentElement.getAttribute('lang') || 'en',\n    direction:\n      document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',\n    forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n  },\n  theme: Redwood,\n  colorScheme: 'light',\n  scale: 'lg',\n  currentBgColor: undefined,\n  mode: 'production',\n  density: 'standard'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","import { createContext } from 'preact';\n\nexport type LayerLevel = 'nearestAncestor' | 'topLevel';\nexport type LayerPriority = 'popup' | 'dialog' | 'messages';\n\nexport type LayerContextProps = {\n  getRootLayerHost?: (priority?: LayerPriority) => Element;\n  getLayerHost?: (priority?: LayerPriority) => Element;\n  onLayerUnmount?: (element: HTMLElement) => void;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","/**\n * The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n  return <div id=\"__root_layer_host\" ref={ref} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n"],"names":["_jsx"],"mappings":";;;;;;AAAA;;;;;;AAMG;AA+EH;;AAEG;AACU,MAAA,kBAAkB,GAA4B;AACzD,IAAA,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,IAAI;QAC7D,SAAS,EACP,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,KAAK,KAAK,GAAG,KAAK,GAAG,KAAK;AACvF,QAAA,YAAY,EAAE,MAAM,CAAC,UAAU,GAAG,yBAAyB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM;AAC1F,KAAA;AACD,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,WAAW,EAAE,OAAO;AACpB,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,UAAU;EACnB;MAEW,kBAAkB,GAAG,aAAa,CAA0B,kBAAkB;;MC5F9E,YAAY,GAAG,aAAa,CAAoB,EAAE;;ACLzD,MAAA,SAAS,GAAG,UAAU,CAAiB,CAAC,MAAM,EAAE,GAAG,KAAI;IAC3D,OAAOA,GAAA,CAAA,KAAA,EAAA,EAAK,EAAE,EAAC,mBAAmB,EAAC,GAAG,EAAE,GAAG,EAAA,CAAI,CAAC;AAClD,CAAC,EAAE;AAEH,SAAS,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/es/LayerManager-625d2503.js

@@ -0,0 +1,34 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx, jsxs } from 'preact/jsx-runtime';
+import { useState, useCallback } from 'preact/compat';
+import { L as LayerContext, a as LayerHost } from './LayerHost-45f545d7.js';
+
+function LayerManager({ children }) {
+    const [defaultHost, setDefaultHost] = useState();
+    //const context = useContext(LayerContext);
+    const defaultHostRef = useCallback((el) => {
+        // ref callbacks fire after the component has been unnmounted so we do not
+        // want to set state in this use-case
+        if (el !== null) {
+            setDefaultHost(el);
+        }
+    }, []);
+    return (jsx(LayerContext.Consumer, { children: (value) => {
+            let defaultHostContext = {};
+            if (defaultHost) {
+                defaultHostContext = {
+                    getRootLayerHost: () => {
+                        return defaultHost;
+                    },
+                    getLayerHost: () => {
+                        return defaultHost;
+                    }
+                };
+            }
+            const layerContext = value.getLayerHost ? value : defaultHostContext;
+            return (jsxs(LayerContext.Provider, { value: layerContext, children: [children, !value.getLayerHost && jsx(LayerHost, { ref: defaultHostRef })] }));
+        } }));
+}
+
+export { LayerManager as L };
+//# sourceMappingURL=LayerManager-625d2503.js.map

package/es/LayerManager-625d2503.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerManager-625d2503.js","sources":["../../src/UNSAFE_Layer/LayerManager.tsx"],"sourcesContent":["/**\n * The LayerManager wraps your application and creates two adjacent divs for\n * rendering your application and housing Layers.\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback, useState } from 'preact/compat';\nimport { LayerContext, LayerContextProps } from './LayerContext';\nimport LayerHost from './LayerHost';\n\ntype LayerManagerProps = {\n  children?: ComponentChildren;\n};\n\nexport function LayerManager({ children }: LayerManagerProps) {\n  const [defaultHost, setDefaultHost] = useState<Element>();\n  //const context = useContext(LayerContext);\n  const defaultHostRef = useCallback((el: Element | null) => {\n    // ref callbacks fire after the component has been unnmounted so we do not\n    // want to set state in this use-case\n    if (el !== null) {\n      setDefaultHost(el);\n    }\n  }, []);\n\n  return (\n    <LayerContext.Consumer>\n      {(value: LayerContextProps) => {\n        let defaultHostContext = {};\n        if (defaultHost) {\n          defaultHostContext = {\n            getRootLayerHost: () => {\n              return defaultHost;\n            },\n            getLayerHost: () => {\n              return defaultHost;\n            }\n          };\n        }\n        const layerContext = value.getLayerHost ? value : defaultHostContext;\n        return (\n          <LayerContext.Provider value={layerContext}>\n            {children}\n            {!value.getLayerHost && <LayerHost ref={defaultHostRef} />}\n          </LayerContext.Provider>\n        );\n      }}\n    </LayerContext.Consumer>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAagB,SAAA,YAAY,CAAC,EAAE,QAAQ,EAAqB,EAAA;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAW,CAAC;;AAE1D,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,EAAkB,KAAI;;;AAGxD,QAAA,IAAI,EAAE,KAAK,IAAI,EAAE;YACf,cAAc,CAAC,EAAE,CAAC,CAAC;SACpB;KACF,EAAE,EAAE,CAAC,CAAC;IAEP,QACEA,IAAC,YAAY,CAAC,QAAQ,EACnB,EAAA,QAAA,EAAA,CAAC,KAAwB,KAAI;YAC5B,IAAI,kBAAkB,GAAG,EAAE,CAAC;YAC5B,IAAI,WAAW,EAAE;AACf,gBAAA,kBAAkB,GAAG;oBACnB,gBAAgB,EAAE,MAAK;AACrB,wBAAA,OAAO,WAAW,CAAC;qBACpB;oBACD,YAAY,EAAE,MAAK;AACjB,wBAAA,OAAO,WAAW,CAAC;qBACpB;iBACF,CAAC;aACH;AACD,YAAA,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,GAAG,kBAAkB,CAAC;YACrE,QACEC,IAAC,CAAA,YAAY,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EACvC,QAAA,EAAA,CAAA,QAAQ,EACR,CAAC,KAAK,CAAC,YAAY,IAAID,GAAA,CAAC,SAAS,EAAA,EAAC,GAAG,EAAE,cAAc,EAAA,CAAI,CACpC,EAAA,CAAA,EACxB;SACH,EAAA,CACqB,EACxB;AACJ;;;;"}

package/es/Legend-98a79c12.js

@@ -2,13 +2,13 @@
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { useRef } from 'preact/hooks';
 import { l as legendVars, g as getLegendTextStyle, u as useLegendLayout, a as getItemInfo, i as isEqualItem, b as getDatatipText, c as useLegendDatatip, d as getAriaProps, e as useLegendContextMenu, f as getGridNums, B as BaseLegend, h as getIsLegendItemActionable, j as getKeyUpHandler } from './useLegendContextMenu-d88be99d.js';
-import { u as useVisEvent } from './useVisEvents-e31dcd17.js';
+import { u as useVisEvent } from './useVisEvents-4cfe354c.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { u as useItemFocus } from './useItemFocus-c12e2756.js';
 import { styles } from './UNSAFE_Legend/themes/LegendStyles.css.js';
-import { u as useCssVars } from './useCssVars-b3bf30fb.js';
+import { u as useCssVars } from './useCssVars-64d9b696.js';
 import { c as classNames } from './classNames-4e12b00d.js';
-import { u as useTestId } from './useTestId-f5aed66c.js';
+import { u as useTestId } from './useTestId-adde554c.js';
 import { u as useVisTouchResponse } from './useVisTouchResponse-e9ca4766.js';
 import { m as merge } from './stringUtils-16f617bc.js';
 

package/es/LineAreaChart-c6564934.js

@@ -0,0 +1,223 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx, Fragment, jsxs } from 'preact/jsx-runtime';
+import { e as getGroupCenterCoord, f as findNearestDataPoint } from './layoutUtils-c9c5367a.js';
+import { h as getCmdsForArea, i as getMarkerFillAndStroke, g as getItemAriaLabel, j as getCmdsForLine, k as getCumulativeSeries, l as getSeriesData, m as getLineAreaSegments, n as getLineAreaChartNavUtil, e as getItemColor, f as getMarkerType, o as getMarkers } from './dataStyleUtils-4aad0486.js';
+import { dvtVars, colorSchemeVars } from './Common/themes/themeContract.css.js';
+import { a as MARKER_PADDING, M as Marker } from './Marker-546af001.js';
+import './SvgShapesStyles.styles.css';
+import { u as useTranslationBundle } from './useTranslationBundle-cd815e10.js';
+import { s as supportsMobileScreenReader } from './accUtils-dc32d20b.js';
+import { u as useUser } from './useUser-99920e02.js';
+import { g as getColorRamp } from './colorUtils-9c7b574c.js';
+import { r as rgba } from './utils-6eab3a64.js';
+import { styles } from './PRIVATE_Chart/themes/ChartStyles.css.js';
+import { C as Chart } from './Chart-304043b3.js';
+
+function AreaSeries({ yScale, lineType = 'straight', color, isHorizontal, isLog, areaColorOpacity, lineSegmentCoords, bottomCoords, isHighlighted, isBottomSegmentCurved, seriesIndex }) {
+    const style = {
+        fill: color,
+        opacity: isHighlighted
+            ? areaColorOpacity
+            : `calc(${dvtVars.dimmedOpacity} * ${areaColorOpacity})`
+    };
+    return (jsx(Fragment, { children: lineSegmentCoords.map((lineSegmentCoords) => {
+            let baseCoords;
+            if (bottomCoords) {
+                // custom bottom coords. eg: top of last series in stacked area
+                baseCoords = bottomCoords;
+            }
+            else {
+                // TODO: make this more generic when we support apps setting baseline
+                // for log assume domain min is the baseline, otherwise use 0 baseline
+                const baselineCoord = yScale.transform(isLog ? yScale.domain()[0] : 0);
+                baseCoords = isHorizontal
+                    ? [
+                        [baselineCoord, lineSegmentCoords[0][1]],
+                        [baselineCoord, lineSegmentCoords[lineSegmentCoords.length - 1][1]]
+                    ]
+                    : [
+                        [lineSegmentCoords[0][0], baselineCoord],
+                        [lineSegmentCoords[lineSegmentCoords.length - 1][0], baselineCoord]
+                    ];
+            }
+            const cmds = getCmdsForArea(lineSegmentCoords, baseCoords, lineType, isHorizontal, isBottomSegmentCurved);
+            return (jsx("path", { d: cmds, style: style, "data-oj-series-index": seriesIndex, "data-oj-object": 'area' }));
+        }) }));
+}
+
+const MARKER_DEFAULT_SIZE = 10;
+function Markers({ yScale, xScale, color, seriesIndex, startIndex, endIndex, hiddenIds, selectedIds, orientation, isLog, data, markerType, getDataItem, focusedItemIndex, hoveredItemIndex, isDrillEnabled, activeId, isSelectionEnabled, timeAxisType, isPointInsideMarquee, series, groups }) {
+    const isHoriz = orientation === 'horizontal';
+    const items = [];
+    const translations = useTranslationBundle('@oracle/oraclejet-preact');
+    for (let groupIndex = startIndex; groupIndex < endIndex + 1; groupIndex++) {
+        const item = getDataItem(seriesIndex, groupIndex);
+        const value = data[groupIndex];
+        if (!item || value == null || hiddenIds?.has(item.id) || (isLog && value <= 0)) {
+            continue;
+        }
+        const x = isHoriz
+            ? yScale.transform(value)
+            : getGroupCenterCoord(groups[groupIndex], groupIndex, xScale, item, timeAxisType);
+        const y = isHoriz
+            ? getGroupCenterCoord(groups[groupIndex], groupIndex, xScale, item, timeAxisType)
+            : yScale.transform(value);
+        const isFocused = focusedItemIndex === groupIndex;
+        const isHovered = hoveredItemIndex === groupIndex;
+        const isSelected = !!(selectedIds?.has(item.id) || isPointInsideMarquee?.(item.id, { x, y }));
+        const isDrillable = item.drilling === 'on' || (item.drilling != 'off' && isDrillEnabled);
+        const { fill, stroke, outerStroke } = getMarkerFillAndStroke(!!item.isMarkerDisplayed, isSelectionEnabled, isHovered, isFocused, isSelected, color, item.markerColor);
+        const itemMarkerType = item.isMarkerDisplayed ? item.markerType || markerType : markerType;
+        const isActive = isFocused || isHovered;
+        const ariaLabel = supportsMobileScreenReader || isActive
+            ? getItemAriaLabel(translations, series.name || series.id.toString(), groups[groupIndex].name || groups[groupIndex].id, item.value, isSelectionEnabled, isSelected, isDrillable, item.accessibleLabel)
+            : undefined;
+        const dataInfo = {
+            'data-oj-series-index': seriesIndex,
+            'data-oj-group-index': groupIndex,
+            'data-oj-object': 'item',
+            id: isActive ? activeId : undefined,
+            role: ariaLabel ? 'img' : undefined,
+            'aria-label': ariaLabel
+        };
+        const markerSize = (item.markerSize || MARKER_DEFAULT_SIZE) + 2 * MARKER_PADDING;
+        items.push(jsx(Marker, { type: itemMarkerType, tx: x, ty: y, isInteractive: isDrillable || isSelectionEnabled, scale: 1, fill: fill, stroke: stroke, outerStroke: outerStroke, width: markerSize, height: markerSize, dataInfo: dataInfo, preserveRectAspectRatio: true }));
+    }
+    return jsx(Fragment, { children: items });
+}
+
+function LineSeries({ color, isHorizontal, lineType = 'straight', lineColor, lineStyle, lineWidth = 3, isHighlighted, lineSegmentCoords, seriesIndex }) {
+    const style = {
+        stroke: lineColor || color,
+        strokeDasharray: lineStyle === 'dotted' ? 3 : lineStyle === 'dashed' ? 6 : undefined,
+        strokeWidth: lineWidth,
+        fill: rgba(colorSchemeVars.palette.neutral[0], 0)
+    };
+    return (jsx(Fragment, { children: lineSegmentCoords.map((value) => {
+            const cmds = getCmdsForLine(value, lineType, isHorizontal);
+            return lineType === 'straight' ? (jsx("polyline", { points: cmds, style: style, className: isHighlighted ? undefined : styles.dimmed, "data-oj-series-index": seriesIndex, "data-oj-object": 'line' })) : (jsx("path", { d: cmds, style: style, className: isHighlighted ? undefined : styles.dimmed, "data-oj-series-index": seriesIndex, "data-oj-object": 'line' }));
+        }) }));
+}
+
+const AXIS_OFFSET = 0.2;
+/**
+ * The LineAreaChart displays information graphically using lines and filled areas, making relationships among the data easier to understand.
+ */
+function LineAreaChart({ width, height, selectedIds = [], hiddenIds = [], highlightedIds, hideAndShowBehavior = 'none', orientation = 'vertical', yAxis, series, groups, isStacked = false, getDataItem, selectionMode = 'none', drilling = 'off', type = 'line', ...props }) {
+    const { direction } = useUser();
+    const isRtl = direction === 'rtl';
+    const isLog = yAxis?.scale === 'log';
+    const timeAxisType = props.xAxis?.timeAxisType;
+    const hiddenSet = new Set(hiddenIds);
+    const selectedSet = new Set(selectedIds);
+    const highlightedSet = new Set(highlightedIds);
+    const isHoriz = orientation === 'horizontal';
+    const colors = getColorRamp();
+    const renderedSeries = isStacked
+        ? getCumulativeSeries(series.length, groups.length, getDataItem, hiddenSet, isLog)
+        : getSeriesData(series?.length, groups?.length, getDataItem, hiddenSet, isLog);
+    const renderedGetDataItem = (seriesIndex, groupIndex) => {
+        if (!isStacked)
+            return getDataItem(seriesIndex, groupIndex);
+        return {
+            ...getDataItem(seriesIndex, groupIndex),
+            value: renderedSeries[seriesIndex][groupIndex]
+        };
+    };
+    const getGapRatio = () => {
+        return 1;
+    };
+    const getNextChartItemFunc = (startIndex, endIndex) => {
+        return getLineAreaChartNavUtil(getDataItem, series.length, startIndex, endIndex, isStacked, isRtl, isHoriz);
+    };
+    const getDataItemPos = (xScale, yScale) => {
+        return (seriesIndex, groupIndex) => {
+            const value = renderedSeries[seriesIndex][groupIndex];
+            let xVal = groupIndex;
+            if (timeAxisType) {
+                const val = timeAxisType === 'mixedFrequency'
+                    ? getDataItem(seriesIndex, groupIndex)?.x
+                    : groups[groupIndex].id;
+                xVal = new Date(val).getTime();
+            }
+            const x = isHoriz ? yScale.transform(value) : xScale.transform(xVal);
+            const y = isHoriz ? xScale.transform(xVal) : yScale.transform(value);
+            return { x, y, height: 0, width: 0 };
+        };
+    };
+    const getMarkerColorAndType = (seriesIndex, groupIndex) => {
+        return {
+            color: getItemColor(seriesIndex, groupIndex, series, getDataItem),
+            type: getMarkerType(seriesIndex, groupIndex, 'lineWithArea', getDataItem)
+        };
+    };
+    const findNearest = (xScale, yScale) => {
+        const getSeriesDataInfo = () => {
+            return {
+                offset: 0,
+                dataWidth: 0
+            };
+        };
+        const getYCoord = (value, yScale) => {
+            return yScale.transform(value);
+        };
+        return findNearestDataPoint(series, groups, xScale, yScale, renderedGetDataItem, isStacked, getSeriesDataInfo, getYCoord, isLog, 0, hiddenSet, timeAxisType);
+    };
+    const markers = getMarkers();
+    const areaOpacity = type === 'lineWithArea' ? 0.5 : 1;
+    const isAreaRendered = type === 'area' || type === 'lineWithArea';
+    const isContrastLineNeeded = type === 'area';
+    const allLineSegmentCoords = [];
+    return (jsx(Chart, { width: width, height: height, selectedIds: selectedSet, hiddenIds: hiddenIds, hideAndShowBehavior: hideAndShowBehavior, orientation: orientation, yAxis: yAxis, series: series, groups: groups, selectionMode: selectionMode, drilling: drilling, isStacked: isStacked, getDataItem: getDataItem, findNearest: findNearest, getDataItemPos: getDataItemPos, getMarkerInfo: getMarkerColorAndType, renderGridLinesInFront: isAreaRendered, getNavUtil: getNextChartItemFunc, getGapRatio: getGapRatio, offset: AXIS_OFFSET, isRtl: isRtl, ...props, children: ({ xStartIndex, xEndIndex, xScale, yScale, activeId, focusedItemInfo, hoveredItemInfo, isPointInsideMarquee }) => {
+            return (jsxs(Fragment, { children: [renderedSeries.map((lineAreaSeries, index) => {
+                        if (lineAreaSeries.length === 0) {
+                            /* TODO: need a better way to handle when a series is hidden. */
+                            return;
+                        }
+                        const seriesItem = series[index];
+                        const lineSegmentCoords = getLineAreaSegments(yScale, xScale, lineAreaSeries, xStartIndex, xEndIndex, isHoriz, isLog, groups, index, renderedGetDataItem, timeAxisType);
+                        allLineSegmentCoords[index] = lineSegmentCoords[0];
+                        const isBottomSegmentCurved = seriesItem.lineType === 'curved' &&
+                            isStacked &&
+                            renderedSeries.length > 1 &&
+                            index > 0;
+                        const isHighlighted = highlightedIds === undefined || highlightedSet.has(seriesItem.id);
+                        return (jsxs(Fragment, { children: [isAreaRendered && (jsx(AreaSeries, { yScale: yScale, lineType: seriesItem.lineType, color: seriesItem.areaColor || colors[index % colors.length], isHorizontal: isHoriz, areaColorOpacity: areaOpacity, isBottomSegmentCurved: isBottomSegmentCurved, bottomCoords: isStacked && index != 0 ? allLineSegmentCoords[index - 1] : undefined, lineSegmentCoords: lineSegmentCoords, isLog: isLog, isHighlighted: isHighlighted, seriesIndex: index })), jsx(LineSeries, { lineType: seriesItem.lineType, 
+                                    /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white.
+                                        It's always white in legacy.*/
+                                    lineColor: isContrastLineNeeded ? colorSchemeVars.dvt.contrastLine : seriesItem.lineColor, 
+                                    /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved.
+                                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.
+                                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that
+                                      generates this curve.
+                                     */
+                                    lineWidth: isContrastLineNeeded ? (isStacked ? 2.5 : 1.25) : seriesItem.lineWidth, lineStyle: seriesItem.lineStyle, color: seriesItem.lineColor || colors[index % colors.length], lineSegmentCoords: lineSegmentCoords, isHorizontal: isHoriz, isHighlighted: isHighlighted, seriesIndex: index }), 
+                                /*for non stacked charts, markers should render in the order of series.
+                                 some markers might get hidden behind area but this preserves the legacy behavior. */
+                                !isStacked && (jsx(Markers, { yScale: yScale, xScale: xScale, groups: groups, series: seriesItem, timeAxisType: timeAxisType, data: lineAreaSeries, color: seriesItem.lineColor ||
+                                        seriesItem.areaColor ||
+                                        colors[index % colors.length] /* TODO : make this use getItemColor function from dataStyleUtils. */, seriesIndex: index, startIndex: xStartIndex, endIndex: xEndIndex, markerType: markers[index % markers.length], orientation: orientation, isLog: isLog, activeId: activeId, getDataItem: getDataItem, isPointInsideMarquee: isPointInsideMarquee, selectedIds: selectedSet, focusedItemIndex: focusedItemInfo.seriesIndex === index &&
+                                        focusedItemInfo.isFocusVisible &&
+                                        !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)
+                                        ? focusedItemInfo.groupIndex
+                                        : undefined, hoveredItemIndex: hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index
+                                        ? hoveredItemInfo.groupIndex
+                                        : undefined, isSelectionEnabled: selectionMode === 'single' || selectionMode === 'multiple', isDrillEnabled: drilling === 'on' }))] }));
+                    }), isStacked &&
+                        renderedSeries.map((lineAreaSeries, index) => {
+                            if (lineAreaSeries.length === 0) {
+                                /* TODO: need a better way to handle when a series is hidden.*/
+                                return;
+                            }
+                            const seriesItem = series[index];
+                            return (jsx(Markers, { yScale: yScale, series: series[index], xScale: xScale, groups: groups, timeAxisType: timeAxisType, data: lineAreaSeries, color: seriesItem.lineColor || seriesItem.areaColor || colors[index % colors.length], seriesIndex: index, isPointInsideMarquee: isPointInsideMarquee, startIndex: xStartIndex, endIndex: xEndIndex, markerType: markers[index % markers.length], orientation: orientation, isLog: isLog, activeId: activeId, getDataItem: getDataItem, selectedIds: selectedSet, focusedItemIndex: focusedItemInfo.seriesIndex === index && focusedItemInfo.isFocusVisible
+                                    ? focusedItemInfo.groupIndex
+                                    : undefined, hoveredItemIndex: hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index
+                                    ? hoveredItemInfo.groupIndex
+                                    : undefined, isSelectionEnabled: selectionMode === 'single' || selectionMode === 'multiple', isDrillEnabled: drilling === 'on' }));
+                        })] }));
+        } }));
+}
+
+export { LineAreaChart as L };
+//# sourceMappingURL=LineAreaChart-c6564934.js.map

package/es/LineAreaChart-c6564934.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineAreaChart-c6564934.js","sources":["../../src/UNSAFE_LineAreaChart/AreaSeries.tsx","../../src/PRIVATE_Chart/Markers.tsx","../../src/UNSAFE_LineAreaChart/LineSeries.tsx","../../src/UNSAFE_LineAreaChart/LineAreaChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { getCmdsForArea } from '../utils/PRIVATE_chartUtils/utils';\nimport { Point } from '../utils/PRIVATE_visSVGUtils';\nimport { Scale } from '../utils/UNSAFE_visTypes/chart';\nimport { dvtVars } from '../Common/themes/themeContract.css';\n\ntype AreaSeriesProps = {\n  yScale: Scale;\n  color: ColorProps['color'];\n  lineType?: 'straight' | 'curved';\n  isHorizontal: boolean;\n  isLog: boolean;\n  areaColorOpacity: number;\n  lineSegmentCoords: Point[][];\n  bottomCoords?: Point[];\n  isHighlighted: boolean;\n  isBottomSegmentCurved: boolean;\n  seriesIndex: number;\n};\n\nexport function AreaSeries({\n  yScale,\n  lineType = 'straight',\n  color,\n  isHorizontal,\n  isLog,\n  areaColorOpacity,\n  lineSegmentCoords,\n  bottomCoords,\n  isHighlighted,\n  isBottomSegmentCurved,\n  seriesIndex\n}: AreaSeriesProps) {\n  const style = {\n    fill: color,\n    opacity: isHighlighted\n      ? areaColorOpacity\n      : `calc(${dvtVars.dimmedOpacity} * ${areaColorOpacity})`\n  };\n\n  return (\n    <>\n      {lineSegmentCoords.map((lineSegmentCoords: Point[]) => {\n        let baseCoords;\n        if (bottomCoords) {\n          // custom bottom coords. eg: top of last series in stacked area\n          baseCoords = bottomCoords;\n        } else {\n          // TODO: make this more generic when we support apps setting baseline\n          // for log assume domain min is the baseline, otherwise use 0 baseline\n          const baselineCoord = yScale.transform(isLog ? yScale.domain()[0] : 0);\n          baseCoords = isHorizontal\n            ? ([\n                [baselineCoord, lineSegmentCoords[0][1]],\n                [baselineCoord, lineSegmentCoords[lineSegmentCoords.length - 1][1]]\n              ] as Point[])\n            : ([\n                [lineSegmentCoords[0][0], baselineCoord],\n                [lineSegmentCoords[lineSegmentCoords.length - 1][0], baselineCoord]\n              ] as Point[]);\n        }\n        const cmds = getCmdsForArea(\n          lineSegmentCoords,\n          baseCoords,\n          lineType,\n          isHorizontal,\n          isBottomSegmentCurved\n        );\n        return (\n          <path d={cmds} style={style} data-oj-series-index={seriesIndex} data-oj-object={'area'} />\n        );\n      })}\n    </>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { LineAreaItem } from '../UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { Marker, MARKER_PADDING } from '../PRIVATE_SvgShapes';\nimport { MarkerShapes } from '../utils/UNSAFE_visTypes/common';\nimport { getGroupCenterCoord } from '../utils/PRIVATE_chartUtils/layoutUtils';\nimport { ChartSeriesData, Scale, Group } from '../utils/UNSAFE_visTypes/chart';\nimport { getMarkerFillAndStroke } from '../utils/PRIVATE_chartUtils/utils';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { getItemAriaLabel } from '../utils/PRIVATE_chartUtils/accUtils';\nimport { supportsMobileScreenReader } from '../utils/UNSAFE_visUtils';\n\nconst MARKER_DEFAULT_SIZE = 10;\ntype MarkersProps<K, D> = {\n  yScale: Scale;\n  xScale: Scale;\n  startIndex: number;\n  endIndex: number;\n  seriesIndex: number;\n  series: ChartSeriesData<K, D>;\n  markerType: MarkerShapes;\n  data: number[];\n  color: ColorProps['color'];\n  groups: Group[];\n  focusedItemIndex?: number;\n  isSelectionEnabled: boolean;\n  hoveredItemIndex?: number;\n  selectedIds?: Set<string | number>;\n  hiddenIds?: Set<string | number>;\n  activeId?: string;\n  orientation: 'horizontal' | 'vertical';\n  isDrillEnabled: boolean;\n  isLog: boolean;\n  isPointInsideMarquee: ((id: K, point: { x: number; y: number }) => boolean) | undefined;\n  getDataItem: (seriesIndex: number, groupIndex: number) => D | undefined;\n  timeAxisType?: 'enabled' | 'skipGaps' | 'mixedFrequency';\n};\n\nexport function Markers<K extends string | number, D extends LineAreaItem<K>>({\n  yScale,\n  xScale,\n  color,\n  seriesIndex,\n  startIndex,\n  endIndex,\n  hiddenIds,\n  selectedIds,\n  orientation,\n  isLog,\n  data,\n  markerType,\n  getDataItem,\n  focusedItemIndex,\n  hoveredItemIndex,\n  isDrillEnabled,\n  activeId,\n  isSelectionEnabled,\n  timeAxisType,\n  isPointInsideMarquee,\n  series,\n  groups\n}: MarkersProps<K, D>) {\n  const isHoriz = orientation === 'horizontal';\n  const items = [];\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  for (let groupIndex = startIndex; groupIndex < endIndex + 1; groupIndex++) {\n    const item = getDataItem(seriesIndex, groupIndex);\n    const value = data[groupIndex];\n    if (!item || value == null || hiddenIds?.has(item.id) || (isLog && value <= 0)) {\n      continue;\n    }\n    const x = isHoriz\n      ? yScale.transform(value)\n      : getGroupCenterCoord<K, D>(groups[groupIndex], groupIndex, xScale, item, timeAxisType);\n    const y = isHoriz\n      ? getGroupCenterCoord<K, D>(groups[groupIndex], groupIndex, xScale, item, timeAxisType)\n      : yScale.transform(value);\n    const isFocused = focusedItemIndex === groupIndex;\n    const isHovered = hoveredItemIndex === groupIndex;\n    const isSelected = !!(selectedIds?.has(item.id!) || isPointInsideMarquee?.(item.id, { x, y }));\n    const isDrillable = item.drilling === 'on' || (item.drilling != 'off' && isDrillEnabled);\n    const { fill, stroke, outerStroke } = getMarkerFillAndStroke(\n      !!item.isMarkerDisplayed,\n      isSelectionEnabled,\n      isHovered,\n      isFocused,\n      isSelected,\n      color,\n      item.markerColor\n    );\n    const itemMarkerType = item.isMarkerDisplayed ? item.markerType || markerType : markerType;\n    const isActive = isFocused || isHovered;\n    const ariaLabel =\n      supportsMobileScreenReader || isActive\n        ? getItemAriaLabel(\n            translations,\n            series.name || series.id.toString(),\n            groups[groupIndex].name || groups[groupIndex].id,\n            item.value,\n            isSelectionEnabled,\n            isSelected,\n            isDrillable,\n            item.accessibleLabel\n          )\n        : undefined;\n\n    const dataInfo = {\n      'data-oj-series-index': seriesIndex,\n      'data-oj-group-index': groupIndex,\n      'data-oj-object': 'item',\n      id: isActive ? activeId : undefined,\n      role: ariaLabel ? 'img' : undefined,\n      'aria-label': ariaLabel\n    };\n\n    const markerSize = (item.markerSize || MARKER_DEFAULT_SIZE) + 2 * MARKER_PADDING;\n    items.push(\n      <Marker\n        type={itemMarkerType}\n        tx={x}\n        ty={y}\n        isInteractive={isDrillable || isSelectionEnabled}\n        scale={1}\n        fill={fill}\n        stroke={stroke}\n        outerStroke={outerStroke}\n        width={markerSize}\n        height={markerSize}\n        dataInfo={dataInfo}\n        preserveRectAspectRatio\n      />\n    );\n  }\n  return <>{items}</>;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { getCmdsForLine } from '../utils/PRIVATE_chartUtils/utils';\nimport { Point } from '../utils/PRIVATE_visSVGUtils';\nimport { rgba } from '../UNSAFE_Theme';\nimport { colorSchemeVars } from '../Common/themes/themeContract.css';\nimport { styles } from '../PRIVATE_Chart/themes/ChartStyles.css';\nimport { Property } from 'csstype';\n\ntype LineSeriesProps = {\n  color: ColorProps['color'];\n  lineStyle?: 'dotted' | 'dashed' | 'solid';\n  lineColor?: Property.Color;\n  lineWidth?: number;\n  lineType?: 'straight' | 'curved';\n  isHorizontal: boolean;\n  lineSegmentCoords: Point[][];\n  isHighlighted: boolean;\n  seriesIndex: number;\n};\n\nexport function LineSeries({\n  color,\n  isHorizontal,\n  lineType = 'straight',\n  lineColor,\n  lineStyle,\n  lineWidth = 3,\n  isHighlighted,\n  lineSegmentCoords,\n  seriesIndex\n}: LineSeriesProps) {\n  const style = {\n    stroke: lineColor || color,\n    strokeDasharray: lineStyle === 'dotted' ? 3 : lineStyle === 'dashed' ? 6 : undefined,\n    strokeWidth: lineWidth,\n    fill: rgba(colorSchemeVars.palette.neutral[0], 0)\n  };\n\n  return (\n    <>\n      {lineSegmentCoords.map((value: Point[]) => {\n        const cmds = getCmdsForLine(value, lineType, isHorizontal);\n        return lineType === 'straight' ? (\n          <polyline\n            points={cmds}\n            style={style}\n            className={isHighlighted ? undefined : styles.dimmed}\n            data-oj-series-index={seriesIndex}\n            data-oj-object={'line'}\n          />\n        ) : (\n          <path\n            d={cmds}\n            style={style}\n            className={isHighlighted ? undefined : styles.dimmed}\n            data-oj-series-index={seriesIndex}\n            data-oj-object={'line'}\n          />\n        );\n      })}\n    </>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\nimport { findNearestDataPoint } from '../utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from './AreaSeries';\nimport { getCumulativeSeries, getMarkers, getSeriesData } from '../utils/PRIVATE_chartUtils/utils';\nimport { Markers } from '../PRIVATE_Chart/Markers';\nimport { getLineAreaChartNavUtil } from '../utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '../PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '../utils/UNSAFE_visTypes/chart';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { getColorRamp } from '../utils/UNSAFE_visUtils';\nimport { LineSeries } from './LineSeries';\nimport { Point } from '../utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '../utils/PRIVATE_chartUtils/utils';\nimport { colorSchemeVars } from '../Common/themes/themeContract.css';\nimport { getItemColor, getMarkerType } from '../utils/PRIVATE_chartUtils/dataStyleUtils';\n\nconst AXIS_OFFSET = 0.2;\n\n/**\n * The LineAreaChart displays information graphically using lines and filled areas, making relationships among the data easier to understand.\n */\nexport function LineAreaChart<K extends string | number, D extends LineAreaItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  type = 'line',\n  ...props\n}: LineAreaChartProps<K, D>) {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const isLog = yAxis?.scale === 'log';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const hiddenSet = new Set(hiddenIds);\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const isHoriz = orientation === 'horizontal';\n  const colors = getColorRamp();\n  const renderedSeries = isStacked\n    ? getCumulativeSeries(series.length, groups.length, getDataItem, hiddenSet, isLog)\n    : getSeriesData<K, D>(series?.length, groups?.length, getDataItem, hiddenSet, isLog);\n\n  const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined => {\n    if (!isStacked) return getDataItem(seriesIndex, groupIndex);\n    return {\n      ...getDataItem(seriesIndex, groupIndex),\n      value: renderedSeries[seriesIndex][groupIndex]\n    } as D;\n  };\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    return getLineAreaChartNavUtil<K, D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      isStacked,\n      isRtl,\n      isHoriz\n    );\n  };\n\n  const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n    return (seriesIndex: number, groupIndex: number) => {\n      const value = renderedSeries[seriesIndex][groupIndex];\n      let xVal = groupIndex;\n      if (timeAxisType) {\n        const val =\n          timeAxisType === 'mixedFrequency'\n            ? getDataItem(seriesIndex, groupIndex)?.x\n            : groups[groupIndex].id;\n        xVal = new Date(val!).getTime();\n      }\n      const x = isHoriz ? yScale.transform(value) : xScale.transform(xVal);\n      const y = isHoriz ? xScale.transform(xVal) : yScale.transform(value);\n      return { x, y, height: 0, width: 0 };\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor<K, D>(seriesIndex, groupIndex, series, getDataItem),\n      type: getMarkerType<K>(seriesIndex, groupIndex, 'lineWithArea', getDataItem)\n    };\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale) => {\n    const getSeriesDataInfo = () => {\n      return {\n        offset: 0,\n        dataWidth: 0\n      };\n    };\n\n    const getYCoord = (value: number, yScale: Scale) => {\n      return yScale.transform(value);\n    };\n\n    return findNearestDataPoint<K, D>(\n      series,\n      groups,\n      xScale,\n      yScale,\n      renderedGetDataItem,\n      isStacked,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n  const markers = getMarkers();\n  const areaOpacity = type === 'lineWithArea' ? 0.5 : 1;\n  const isAreaRendered = type === 'area' || type === 'lineWithArea';\n  const isContrastLineNeeded = type === 'area';\n  const allLineSegmentCoords: Point[][] = [];\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      groups={groups}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={isAreaRendered}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      offset={AXIS_OFFSET}\n      isRtl={isRtl}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee\n      }) => {\n        return (\n          <>\n            {renderedSeries.map((lineAreaSeries, index) => {\n              if (lineAreaSeries.length === 0) {\n                /* TODO: need a better way to handle when a series is hidden. */\n                return;\n              }\n              const seriesItem = series[index];\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                lineAreaSeries,\n                xStartIndex,\n                xEndIndex,\n                isHoriz,\n                isLog,\n                groups,\n                index,\n                renderedGetDataItem,\n                timeAxisType\n              );\n              allLineSegmentCoords[index] = lineSegmentCoords[0];\n              const isBottomSegmentCurved =\n                seriesItem.lineType === 'curved' &&\n                isStacked &&\n                renderedSeries.length > 1 &&\n                index > 0;\n\n              const isHighlighted =\n                highlightedIds === undefined || highlightedSet.has(seriesItem.id);\n              return (\n                <>\n                  {isAreaRendered && (\n                    <AreaSeries\n                      yScale={yScale}\n                      lineType={seriesItem.lineType}\n                      color={seriesItem.areaColor || colors[index % colors.length]}\n                      isHorizontal={isHoriz}\n                      areaColorOpacity={areaOpacity}\n                      isBottomSegmentCurved={isBottomSegmentCurved}\n                      bottomCoords={\n                        isStacked && index != 0 ? allLineSegmentCoords[index - 1] : undefined\n                      }\n                      lineSegmentCoords={lineSegmentCoords}\n                      isLog={isLog}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                    />\n                  )}\n                  <LineSeries\n                    lineType={seriesItem.lineType}\n                    /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                    lineColor={\n                      isContrastLineNeeded ? colorSchemeVars.dvt.contrastLine : seriesItem.lineColor\n                    }\n                    /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n                      generates this curve.\n                     */\n                    lineWidth={\n                      isContrastLineNeeded ? (isStacked ? 2.5 : 1.25) : seriesItem.lineWidth\n                    }\n                    lineStyle={seriesItem.lineStyle}\n                    color={seriesItem.lineColor || colors[index % colors.length]}\n                    lineSegmentCoords={lineSegmentCoords}\n                    isHorizontal={isHoriz}\n                    isHighlighted={isHighlighted}\n                    seriesIndex={index}\n                  />\n                  {\n                    /*for non stacked charts, markers should render in the order of series.\n                     some markers might get hidden behind area but this preserves the legacy behavior. */\n                    !isStacked && (\n                      <Markers\n                        yScale={yScale}\n                        xScale={xScale}\n                        groups={groups}\n                        series={seriesItem}\n                        timeAxisType={timeAxisType}\n                        data={lineAreaSeries}\n                        color={\n                          seriesItem.lineColor ||\n                          seriesItem.areaColor ||\n                          colors[\n                            index % colors.length\n                          ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                        }\n                        seriesIndex={index}\n                        startIndex={xStartIndex}\n                        endIndex={xEndIndex}\n                        markerType={markers[index % markers.length]}\n                        orientation={orientation}\n                        isLog={isLog}\n                        activeId={activeId}\n                        getDataItem={getDataItem}\n                        isPointInsideMarquee={isPointInsideMarquee}\n                        selectedIds={selectedSet}\n                        focusedItemIndex={\n                          focusedItemInfo.seriesIndex === index &&\n                          focusedItemInfo.isFocusVisible &&\n                          !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                            ? focusedItemInfo.groupIndex\n                            : undefined\n                        }\n                        hoveredItemIndex={\n                          hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                            ? hoveredItemInfo.groupIndex\n                            : undefined\n                        }\n                        isSelectionEnabled={\n                          selectionMode === 'single' || selectionMode === 'multiple'\n                        }\n                        isDrillEnabled={drilling === 'on'}\n                      />\n                    )\n                  }\n                </>\n              );\n            })}\n            {isStacked &&\n              renderedSeries.map((lineAreaSeries, index) => {\n                if (lineAreaSeries.length === 0) {\n                  /* TODO: need a better way to handle when a series is hidden.*/\n                  return;\n                }\n                const seriesItem = series[index];\n                return (\n                  <Markers\n                    yScale={yScale}\n                    series={series[index]}\n                    xScale={xScale}\n                    groups={groups}\n                    timeAxisType={timeAxisType}\n                    data={lineAreaSeries}\n                    color={\n                      seriesItem.lineColor || seriesItem.areaColor || colors[index % colors.length]\n                    }\n                    seriesIndex={index}\n                    isPointInsideMarquee={isPointInsideMarquee}\n                    startIndex={xStartIndex}\n                    endIndex={xEndIndex}\n                    markerType={markers[index % markers.length]}\n                    orientation={orientation}\n                    isLog={isLog}\n                    activeId={activeId}\n                    getDataItem={getDataItem}\n                    selectedIds={selectedSet}\n                    focusedItemIndex={\n                      focusedItemInfo.seriesIndex === index && focusedItemInfo.isFocusVisible\n                        ? focusedItemInfo.groupIndex\n                        : undefined\n                    }\n                    hoveredItemIndex={\n                      hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                        ? hoveredItemInfo.groupIndex\n                        : undefined\n                    }\n                    isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n                    isDrillEnabled={drilling === 'on'}\n                  />\n                );\n              })}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/es/Link-bfa35319.js

@@ -7,7 +7,7 @@ import { u as useInteractionStyle } from './useInteractionStyle-d65c72b6.js';
 import { LinkRedwoodTheme } from './UNSAFE_Link/themes/redwood/LinkTheme.js';
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
-import { u as useTestId } from './useTestId-f5aed66c.js';
+import { u as useTestId } from './useTestId-adde554c.js';
 
 const noop = () => { };
 /**

package/es/List-9026206d.js

@@ -16,14 +16,14 @@ import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
 import { listItemMultiVariantStyles, listItemStyles, skeletonStyles, sparkleStyles, listStyles } from './PRIVATE_List/themes/ListStyles.css.js';
 import { e as compareListItemContext, m as getPrevNextKey, k as keyExtractor, f as findElementByKey, d as getFirstVisibleKey } from './collectionUtils-d72c7c40.js';
 import { S as Skeleton } from './Skeleton-c1d24eea.js';
-import { F as Flex } from './Flex-5ff5aa5e.js';
+import { F as Flex } from './Flex-24628925.js';
 import { S as Selector } from './Selector-e56a73a8.js';
 import { g as globalImages } from './ImageVars.css-7b3180c8.js';
-import { u as useTheme } from './useTheme-e7ea1253.js';
-import { u as useTestId } from './useTestId-f5aed66c.js';
+import { u as useTheme } from './useTheme-1f6035d2.js';
+import { u as useTestId } from './useTestId-adde554c.js';
 import 'preact';
-import { u as useSelection } from './useSelection-a098b3af.js';
-import { u as useCurrentKey } from './useCurrentKey-1f99b0f6.js';
+import { u as useSelection } from './useSelection-ce0f9a43.js';
+import { u as useCurrentKey } from './useCurrentKey-db7d3bb9.js';
 import { u as useCollectionFocusRing } from './useCollectionFocusRing-d0c80397.js';
 import { u as useCollectionGestureContext } from './useCollectionGestureContext-f18b492f.js';
 import { u as useItemAction } from './useItemAction-044c6369.js';

package/es/ListItemLayout-695ec1a5.js

@@ -0,0 +1,58 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx, jsxs } from 'preact/jsx-runtime';
+import { G as Grid } from './Grid-cfeac922.js';
+import { c as classNames } from './classNames-4e12b00d.js';
+import { styles } from './UNSAFE_ListItemLayout/themes/ListItemLayoutStyles.css.js';
+
+// TODO: revisit idea of negative margin when selector has a proper API for handling spacing
+// Jira: JET-54543
+/**
+ * A ListItemLayout component represents a layout used for list view item elements.
+ */
+function ListItemLayout({ children, selector, leading, primary, secondary, tertiary, overline, metadata, trailing, action, quaternary, navigation }) {
+    // generate grid skeleton, adding cells based on which props are defined
+    const { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow } = getColumnsTemplate(selector, leading, metadata, trailing, action, quaternary, navigation);
+    // if ListItemLayout component has a child (ListItemTextLayout) then render that instead of individual props
+    const textArea = children ? (jsx("div", { className: styles.childrenStyles, children: children })) : (jsxs("div", { className: styles.flexColumnStyles, children: [jsx("div", { children: overline }), jsx("div", { children: primary }), jsx("div", { children: secondary }), jsx("div", { children: tertiary })] }));
+    // a second row is needed when quaternary or navigation are defined
+    const secondRow = hasSecondRow
+        ? [
+            firstCell && jsx("span", { children: " " }),
+            secondCell && jsx("span", { children: " " }),
+            jsx("div", { className: styles.rowAlignStyles, children: quaternary }),
+            lastCell && jsx("div", { className: styles.endJustifyStyles, children: navigation })
+        ]
+        : null;
+    return (jsxs(Grid, { gap: "4x", gridTemplateColumns: columnsTemplate, children: [firstCell, secondCell, jsx("div", { className: styles.centerVerticalStyles, children: textArea }), lastCell, secondRow] }));
+}
+function getColumnsTemplate(selector, leading, metadata, trailing, action, quaternary, navigation) {
+    const columnsTemplateBuilder = [];
+    let firstCell = null;
+    if (selector) {
+        columnsTemplateBuilder.push('auto');
+        firstCell = jsx("div", { className: styles.selectorStyles, children: selector });
+    }
+    let secondCell = null;
+    if (leading) {
+        columnsTemplateBuilder.push('auto');
+        secondCell = jsx("div", { className: styles.centerVerticalStyles, children: leading });
+    }
+    columnsTemplateBuilder.push('1fr'); // Text area always gets 1 full fraction of allotted space
+    let lastCell = null;
+    if (metadata || trailing || action || navigation) {
+        columnsTemplateBuilder.push('auto');
+        lastCell = (jsxs("div", { className: styles.flexRowStyles, children: [jsx("div", { className: classNames([
+                        styles.centerVerticalStyles,
+                        metadata ? styles.leftPaddingStyles : ''
+                    ]), children: metadata }), jsx("div", { className: classNames([
+                        styles.centerVerticalStyles,
+                        trailing ? styles.leftPaddingStyles : ''
+                    ]), children: trailing }), jsx("div", { className: classNames([styles.centerVerticalStyles, action ? styles.actionStyles : '']), children: action })] }));
+    }
+    const columnsTemplate = columnsTemplateBuilder.join(' ');
+    const hasSecondRow = quaternary || navigation ? true : false;
+    return { columnsTemplate, firstCell, secondCell, lastCell, hasSecondRow };
+}
+
+export { ListItemLayout as L };
+//# sourceMappingURL=ListItemLayout-695ec1a5.js.map