@salt-ds/lab 1.0.0-alpha.11 → 1.0.0-alpha.12

package/dist-types/accordion/index.d.ts

@@ -1,5 +1,4 @@
-export * from "./AccordionSection";
-export * from "./AccordionSectionContext";
+export * from "./AccordionGroup";
+export * from "./AccordionPanel";
 export * from "./Accordion";
-export * from "./AccordionSummary";
-export * from "./AccordionDetails";
+export * from "./AccordionHeader";

package/dist-types/index.d.ts

@@ -32,6 +32,7 @@ export * from "./list-next";
 export * from "./logo";
 export * from "./menu-button";
 export * from "./metric";
+export * from "./multiline-input";
 export * from "./nav-item";
 export * from "./overlay";
 export * from "./pagination";

package/dist-types/multiline-input/MultilineInput.d.ts

@@ -0,0 +1,40 @@
+import { ComponentPropsWithoutRef, ReactNode, Ref, TextareaHTMLAttributes } from "react";
+export interface MultilineInputProps extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue">, Pick<ComponentPropsWithoutRef<"input">, "disabled" | "value" | "defaultValue" | "placeholder"> {
+    /**
+     * End adornment component
+     */
+    endAdornment?: ReactNode;
+    /**
+     * Styling variant with full border. Defaults to false
+     */
+    fullBorder?: boolean;
+    /**
+     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#Attributes) applied to the `textarea` element.
+     */
+    textAreaProps?: TextareaHTMLAttributes<HTMLTextAreaElement>;
+    /**
+     * Optional ref for the textarea component
+     */
+    textAreaRef?: Ref<HTMLTextAreaElement>;
+    /**
+     * If `true`, the component is read only.
+     */
+    readOnly?: boolean;
+    /**
+     * Start adornment component
+     */
+    startAdornment?: ReactNode;
+    /**
+     * Validation status.
+     */
+    validationStatus?: "error" | "warning" | "success";
+    /**
+     * Styling variant. Defaults to "primary".
+     */
+    variant?: "primary" | "secondary";
+    /**
+     * Number of rows. Defaults to 3
+     */
+    rows?: number;
+}
+export declare const MultilineInput: import("react").ForwardRefExoticComponent<MultilineInputProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/multiline-input/index.d.ts

@@ -0,0 +1 @@
+export * from "./MultilineInput";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.11",
+  "version": "1.0.0-alpha.12",
   "license": "Apache-2.0",
   "main": "dist-cjs/index.js",
   "sideEffects": false,
@@ -21,14 +21,14 @@
   "module": "dist-es/index.js",
   "typings": "dist-types/index.d.ts",
   "dependencies": {
-    "@salt-ds/core": "^1.8.0-rc.2",
+    "@salt-ds/core": "^1.8.0-rc.3",
     "clsx": "^1.2.1",
     "react-window": "^1.8.6",
     "compute-scroll-into-view": "^3.0.0",
     "@floating-ui/react": "^0.23.0",
     "@salt-ds/window": "^0.1.0",
     "@salt-ds/styles": "^0.1.0",
-    "@salt-ds/icons": "^1.4.0",
+    "@salt-ds/icons": "^1.5.0",
     "@internationalized/date": "^3.0.0",
     "tinycolor2": "^1.4.2",
     "react-color": "^2.19.3",

package/dist-cjs/accordion/AccordionDetails.js

@@ -1,87 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var React = require('react');
-var AccordionSectionContext = require('./AccordionSectionContext.js');
-var Accordion = require('./Accordion.css.js');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-
-const withBaseName = core.makePrefixer("saltAccordionDetails");
-const msCollapseAnimationDuration = 150;
-const AccordionDetails = React.forwardRef(function AccordionDetails2({ children, className, preventUnmountOnCollapse, ...restProps }, ref) {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-accordion",
-    css: Accordion,
-    window: targetWindow
-  });
-  const { isDisabled, isExpanded } = AccordionSectionContext.useAccordionSectionContext();
-  const rootRef = React.useRef(null);
-  const contentRef = React.useRef(null);
-  const forkedRef = core.useForkRef(ref, rootRef);
-  const [state, setState] = React.useState(
-    isExpanded ? "expanded" : "collapsed"
-  );
-  core.useIsomorphicLayoutEffect(() => {
-    if (!rootRef.current) {
-      return;
-    }
-    if (isExpanded) {
-      if (state === "collapsed") {
-        setState("measuring");
-      } else if (state === "measuring") {
-        rootRef.current.style.height = `${contentRef.current.getBoundingClientRect().height}px`;
-        setState("expanding");
-      } else if (state === "expanding") {
-        setTimeout(() => {
-          setState("expanded");
-        }, msCollapseAnimationDuration);
-      } else if (state === "expanded") {
-        rootRef.current.style.height = "auto";
-      }
-    } else {
-      if (state === "expanded") {
-        rootRef.current.style.height = `${rootRef.current.getBoundingClientRect().height}px`;
-        setTimeout(() => {
-          setState("collapsing");
-        }, 0);
-      } else if (state === "collapsing") {
-        rootRef.current.style.height = "0";
-        setTimeout(() => {
-          setState("collapsed");
-        }, msCollapseAnimationDuration);
-      } else if (state === "collapsed") {
-        rootRef.current.style.height = "0";
-      }
-    }
-  }, [isExpanded, state]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    ...restProps,
-    ref: forkedRef,
-    className: clsx.clsx(
-      withBaseName(),
-      {
-        [withBaseName("disabled")]: isDisabled
-      },
-      className
-    ),
-    children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-      ref: contentRef,
-      className: clsx.clsx({
-        [withBaseName("dummy")]: state === "measuring"
-      }),
-      children: preventUnmountOnCollapse || state !== "collapsed" ? /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: withBaseName("content"),
-        children
-      }) : null
-    })
-  });
-});
-
-exports.AccordionDetails = AccordionDetails;
-//# sourceMappingURL=AccordionDetails.js.map

package/dist-cjs/accordion/AccordionDetails.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionDetails.js","sources":["../src/accordion/AccordionDetails.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, useRef, useState } from \"react\";\nimport { useAccordionSectionContext } from \"./AccordionSectionContext\";\n\nimport accordionCss from \"./Accordion.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nconst withBaseName = makePrefixer(\"saltAccordionDetails\");\n\nexport interface AccordionDetailsProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Render children even if the component is collapsed. Prevents unmounting of children components.\n   * */\n  preventUnmountOnCollapse?: boolean;\n}\n\nconst msCollapseAnimationDuration = 150;\n\n// Collapsed - the section is completely collapsed, don't render anything, height is 0\n// Measuring - the section is about to expand, rendering a dummy preview to measure\n//   the height of expanded section\n// Expanding - the section is expanding but hasn't yet expanded to full size. height is set to\n//   the value measured in the previous step\n// Expanded - the section is expanded, need to render the content, height is set to auto\n// Collapsing - the section is about to start collapsing, the height is set to current height\n//   (auto has to be replaced by a number, then the component has to be rendered, then the value can\n//    be set to 0)\ntype State =\n  | \"collapsed\"\n  | \"measuring\"\n  | \"expanding\"\n  | \"expanded\"\n  | \"collapsing\";\n\nexport const AccordionDetails = forwardRef<\n  HTMLDivElement,\n  AccordionDetailsProps\n>(function AccordionDetails(\n  { children, className, preventUnmountOnCollapse, ...restProps },\n  ref\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-accordion\",\n    css: accordionCss,\n    window: targetWindow,\n  });\n\n  const { isDisabled, isExpanded } = useAccordionSectionContext();\n  const rootRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const forkedRef = useForkRef(ref, rootRef);\n\n  const [state, setState] = useState<State>(\n    isExpanded ? \"expanded\" : \"collapsed\"\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (!rootRef.current) {\n      return;\n    }\n    if (isExpanded) {\n      if (state === \"collapsed\") {\n        setState(\"measuring\");\n      } else if (state === \"measuring\") {\n        rootRef.current.style.height = `${\n          contentRef.current!.getBoundingClientRect().height\n        }px`;\n        setState(\"expanding\");\n      } else if (state === \"expanding\") {\n        setTimeout(() => {\n          setState(\"expanded\");\n        }, msCollapseAnimationDuration);\n      } else if (state === \"expanded\") {\n        rootRef.current.style.height = \"auto\";\n      }\n    } else {\n      if (state === \"expanded\") {\n        rootRef.current.style.height = `${\n          rootRef.current.getBoundingClientRect().height\n        }px`;\n        setTimeout(() => {\n          setState(\"collapsing\");\n        }, 0);\n      } else if (state === \"collapsing\") {\n        rootRef.current.style.height = \"0\";\n        setTimeout(() => {\n          setState(\"collapsed\");\n        }, msCollapseAnimationDuration);\n      } else if (state === \"collapsed\") {\n        rootRef.current.style.height = \"0\";\n      }\n    }\n  }, [isExpanded, state]);\n\n  return (\n    <div\n      {...restProps}\n      ref={forkedRef}\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"disabled\")]: isDisabled,\n        },\n        className\n      )}\n    >\n      <div\n        ref={contentRef}\n        className={clsx({\n          [withBaseName(\"dummy\")]: state === \"measuring\",\n        })}\n      >\n        {preventUnmountOnCollapse || state !== \"collapsed\" ? (\n          <div className={withBaseName(\"content\")}>{children}</div>\n        ) : null}\n      </div>\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","AccordionDetails","useWindow","useComponentCssInjection","accordionCss","useAccordionSectionContext","useRef","useForkRef","useState","useIsomorphicLayoutEffect","jsx","clsx"],"mappings":"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"}

package/dist-cjs/accordion/AccordionSection.js

@@ -1,111 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('@salt-ds/core');
-require('../utils/useFloatingUI.js');
-var useLayoutEffectSkipFirst = require('../utils/useLayoutEffectSkipFirst.js');
-var AccordionSectionContext = require('./AccordionSectionContext.js');
-var clsx = require('clsx');
-var AccordionContext = require('./AccordionContext.js');
-var utils = require('./utils.js');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var Accordion = require('./Accordion.css.js');
-
-const withBaseName = core.makePrefixer("saltAccordionSection");
-const AccordionSection = React.forwardRef(function Accordion$1({
-  id: idProp,
-  disabled: disabledProp,
-  onChange: onChangeProp,
-  defaultExpanded: defaultExpandedProp,
-  expanded: expandedProp,
-  children,
-  className,
-  ...restProps
-}, ref) {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-accordion",
-    css: Accordion,
-    window: targetWindow
-  });
-  const [id, setId] = React.useState(
-    () => idProp != null ? idProp : `salt-${Math.round(Math.random() * 1e5)}`
-  );
-  if (idProp != null && idProp != id) {
-    setId(idProp);
-  }
-  const {
-    registerSection,
-    unregisterSection,
-    onChange,
-    isExpanded,
-    disabled: accordionDisabled
-  } = AccordionContext.useAccordionContext();
-  const isControlled = expandedProp != null;
-  const expanded = isControlled ? expandedProp : isExpanded(id);
-  const disabled = disabledProp != null ? disabledProp : accordionDisabled;
-  React.useEffect(() => {
-    registerSection(
-      id,
-      expandedProp != null ? expandedProp : !!defaultExpandedProp
-    );
-    return () => {
-      unregisterSection(id);
-    };
-  }, [id, registerSection, unregisterSection]);
-  const onToggle = React.useCallback(() => {
-    const newExpanded = !expanded;
-    if (onChangeProp) {
-      onChangeProp(newExpanded);
-    }
-    if (!isControlled) {
-      onChange(id, newExpanded);
-    }
-  }, [id, expanded, onChangeProp, onChange, isControlled]);
-  React.useEffect(() => {
-    const isControlled2 = expandedProp != null;
-    if (isControlled2) {
-      onChange(id, expandedProp);
-    }
-  }, [expandedProp, isControlled]);
-  useLayoutEffectSkipFirst.useLayoutEffectSkipFirst(() => {
-    if (utils.isNotProduction()) {
-      const mode = (isControlled2) => isControlled2 ? "controlled" : "uncontrolled";
-      console.error(
-        `A component is changing from ${mode(!isControlled)} to ${mode(
-          isControlled
-        )} mode.`
-      );
-    }
-  }, [isControlled]);
-  const contextValue = React.useMemo(() => {
-    return {
-      isExpanded: expanded,
-      isDisabled: disabled,
-      onToggle
-    };
-  }, [expanded, disabled, onToggle]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    ...restProps,
-    className: clsx.clsx(
-      withBaseName(),
-      {
-        [withBaseName("expanded")]: expanded,
-        [withBaseName("disabled")]: disabled
-      },
-      className
-    ),
-    ref,
-    children: /* @__PURE__ */ jsxRuntime.jsx(AccordionSectionContext.AccordionSectionContext.Provider, {
-      value: contextValue,
-      children
-    })
-  });
-});
-
-exports.AccordionSection = AccordionSection;
-//# sourceMappingURL=AccordionSection.js.map

package/dist-cjs/accordion/AccordionSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionSection.js","sources":["../src/accordion/AccordionSection.tsx"],"sourcesContent":["import {\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useLayoutEffectSkipFirst } from \"../utils\";\nimport { AccordionSectionContext } from \"./AccordionSectionContext\";\nimport { clsx } from \"clsx\";\nimport { useAccordionContext } from \"./AccordionContext\";\nimport { isNotProduction } from \"./utils\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport accordionCss from \"./Accordion.css\";\n\nconst withBaseName = makePrefixer(\"saltAccordionSection\");\n\nexport interface AccordionSectionProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  defaultExpanded?: boolean;\n  disabled?: boolean;\n  expanded?: boolean;\n  onChange?: (isExpanded: boolean) => void;\n  className?: string;\n}\n\nexport const AccordionSection = forwardRef<\n  HTMLDivElement,\n  AccordionSectionProps\n>(function Accordion(\n  {\n    id: idProp,\n    disabled: disabledProp,\n    onChange: onChangeProp,\n    defaultExpanded: defaultExpandedProp,\n    expanded: expandedProp,\n    children,\n    className,\n    ...restProps\n  },\n  ref\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-accordion\",\n    css: accordionCss,\n    window: targetWindow,\n  });\n\n  const [id, setId] = useState(() =>\n    idProp != null ? idProp : `salt-${Math.round(Math.random() * 1e5)}`\n  );\n\n  if (idProp != null && idProp != id) {\n    setId(idProp);\n  }\n\n  const {\n    registerSection,\n    unregisterSection,\n    onChange,\n    isExpanded,\n    disabled: accordionDisabled,\n  } = useAccordionContext();\n\n  const isControlled = expandedProp != null;\n  const expanded = isControlled ? expandedProp : isExpanded(id);\n  const disabled = disabledProp != null ? disabledProp : accordionDisabled;\n\n  useEffect(() => {\n    registerSection(\n      id,\n      expandedProp != null ? expandedProp : !!defaultExpandedProp\n    );\n    return () => {\n      unregisterSection(id);\n    };\n  }, [id, registerSection, unregisterSection]);\n\n  const onToggle = useCallback(() => {\n    const newExpanded = !expanded;\n    if (onChangeProp) {\n      onChangeProp(newExpanded);\n    }\n    if (!isControlled) {\n      onChange(id, newExpanded);\n    }\n  }, [id, expanded, onChangeProp, onChange, isControlled]);\n\n  useEffect(() => {\n    const isControlled = expandedProp != null;\n    if (isControlled) {\n      onChange(id, expandedProp);\n    }\n  }, [expandedProp, isControlled]);\n\n  useLayoutEffectSkipFirst(() => {\n    if (isNotProduction()) {\n      const mode = (isControlled: boolean) =>\n        isControlled ? \"controlled\" : \"uncontrolled\";\n      console.error(\n        `A component is changing from ${mode(!isControlled)} to ${mode(\n          isControlled\n        )} mode.`\n      );\n    }\n  }, [isControlled]);\n\n  const contextValue: AccordionSectionContext = useMemo(() => {\n    return {\n      isExpanded: expanded,\n      isDisabled: disabled,\n      onToggle,\n    };\n  }, [expanded, disabled, onToggle]);\n\n  return (\n    <div\n      {...restProps}\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"expanded\")]: expanded,\n          [withBaseName(\"disabled\")]: disabled,\n        },\n        className\n      )}\n      ref={ref}\n    >\n      <AccordionSectionContext.Provider value={contextValue}>\n        {children}\n      </AccordionSectionContext.Provider>\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","Accordion","useWindow","useComponentCssInjection","accordionCss","useState","useAccordionContext","useEffect","useCallback","isControlled","useLayoutEffectSkipFirst","isNotProduction","useMemo","jsx","clsx","AccordionSectionContext"],"mappings":"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"}

package/dist-cjs/accordion/AccordionSectionContext.js

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var utils = require('./utils.js');
-
-const AccordionSectionContext = React.createContext(void 0);
-if (utils.isNotProduction()) {
-  AccordionSectionContext.displayName = "AccordionSectionContext";
-}
-const useAccordionSectionContext = () => {
-  const context = React.useContext(AccordionSectionContext);
-  if (utils.isNotProduction() && !context) {
-    console.error(
-      "useAccordionSectionContext should be used inside of AccordionSection"
-    );
-  }
-  return context;
-};
-
-exports.AccordionSectionContext = AccordionSectionContext;
-exports.useAccordionSectionContext = useAccordionSectionContext;
-//# sourceMappingURL=AccordionSectionContext.js.map

package/dist-cjs/accordion/AccordionSectionContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionSectionContext.js","sources":["../src/accordion/AccordionSectionContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { isNotProduction } from \"./utils\";\n\nexport interface AccordionSectionContext {\n  isDisabled?: boolean;\n  isExpanded: boolean;\n  onToggle: () => void;\n}\n\nexport const AccordionSectionContext = createContext<\n  AccordionSectionContext | undefined\n>(undefined);\n\nif (isNotProduction()) {\n  AccordionSectionContext.displayName = \"AccordionSectionContext\";\n}\n\nexport const useAccordionSectionContext = () => {\n  const context = useContext(AccordionSectionContext);\n  if (isNotProduction() && !context) {\n    console.error(\n      \"useAccordionSectionContext should be used inside of AccordionSection\"\n    );\n  }\n  return context!;\n};\n"],"names":["createContext","isNotProduction","useContext"],"mappings":";;;;;;;AASa,MAAA,uBAAA,GAA0BA,oBAErC,KAAS,CAAA,EAAA;AAEX,IAAIC,uBAAmB,EAAA;AACrB,EAAA,uBAAA,CAAwB,WAAc,GAAA,yBAAA,CAAA;AACxC,CAAA;AAEO,MAAM,6BAA6B,MAAM;AAC9C,EAAM,MAAA,OAAA,GAAUC,iBAAW,uBAAuB,CAAA,CAAA;AAClD,EAAI,IAAAD,qBAAA,EAAqB,IAAA,CAAC,OAAS,EAAA;AACjC,IAAQ,OAAA,CAAA,KAAA;AAAA,MACN,sEAAA;AAAA,KACF,CAAA;AAAA,GACF;AACA,EAAO,OAAA,OAAA,CAAA;AACT;;;;;"}

package/dist-cjs/accordion/AccordionSummary.js

@@ -1,64 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var core = require('@salt-ds/core');
-var icons = require('@salt-ds/icons');
-var AccordionSectionContext = require('./AccordionSectionContext.js');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var Accordion = require('./Accordion.css.js');
-
-const withBaseName = core.makePrefixer("saltAccordionSummary");
-const AccordionSummary = React.forwardRef(function AccordionSummary2({ className, children, icon, ...restProps }, ref) {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-accordion",
-    css: Accordion,
-    window: targetWindow
-  });
-  const { isDisabled, isExpanded, onToggle } = AccordionSectionContext.useAccordionSectionContext();
-  const onKeyDown = React.useCallback(
-    ({ key }) => {
-      if (key === "Enter" || key === " ") {
-        onToggle();
-      }
-    },
-    [onToggle]
-  );
-  if (!icon) {
-    icon = /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRightIcon, {
-      "aria-hidden": true
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    ...restProps,
-    className: clsx.clsx(
-      withBaseName(),
-      {
-        [withBaseName("disabled")]: isDisabled,
-        [withBaseName("expanded")]: isExpanded
-      },
-      className
-    ),
-    ref,
-    role: "button",
-    "aria-expanded": isExpanded,
-    onClick: isDisabled ? void 0 : onToggle,
-    onKeyDown: isDisabled ? void 0 : onKeyDown,
-    tabIndex: isDisabled ? -1 : 0,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: withBaseName("icon"),
-        children: icon
-      }),
-      children
-    ]
-  });
-});
-
-exports.AccordionSummary = AccordionSummary;
-//# sourceMappingURL=AccordionSummary.js.map

package/dist-cjs/accordion/AccordionSummary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionSummary.js","sources":["../src/accordion/AccordionSummary.tsx"],"sourcesContent":["import {\n  forwardRef,\n  HTMLAttributes,\n  KeyboardEventHandler,\n  ReactNode,\n  useCallback,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { ChevronRightIcon } from \"@salt-ds/icons\";\nimport { useAccordionSectionContext } from \"./AccordionSectionContext\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport accordionCss from \"./Accordion.css\";\n\nconst withBaseName = makePrefixer(\"saltAccordionSummary\");\n\nexport interface AccordionSummaryProps extends HTMLAttributes<HTMLDivElement> {\n  icon?: ReactNode;\n}\n\nexport const AccordionSummary = forwardRef<\n  HTMLDivElement,\n  AccordionSummaryProps\n>(function AccordionSummary({ className, children, icon, ...restProps }, ref) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-accordion\",\n    css: accordionCss,\n    window: targetWindow,\n  });\n\n  const { isDisabled, isExpanded, onToggle } = useAccordionSectionContext();\n\n  const onKeyDown: KeyboardEventHandler<HTMLDivElement> = useCallback(\n    ({ key }) => {\n      if (key === \"Enter\" || key === \" \") {\n        onToggle();\n      }\n    },\n    [onToggle]\n  );\n\n  if (!icon) {\n    icon = <ChevronRightIcon aria-hidden />;\n  }\n\n  return (\n    <div\n      {...restProps}\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"disabled\")]: isDisabled,\n          [withBaseName(\"expanded\")]: isExpanded,\n        },\n        className\n      )}\n      ref={ref}\n      role=\"button\"\n      aria-expanded={isExpanded}\n      onClick={isDisabled ? undefined : onToggle}\n      onKeyDown={isDisabled ? undefined : onKeyDown}\n      tabIndex={isDisabled ? -1 : 0}\n    >\n      <div className={withBaseName(\"icon\")}>{icon}</div>\n      {children}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","AccordionSummary","useWindow","useComponentCssInjection","accordionCss","useAccordionSectionContext","useCallback","jsx","ChevronRightIcon","jsxs","clsx"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,YAAA,GAAeA,kBAAa,sBAAsB,CAAA,CAAA;AAM3C,MAAA,gBAAA,GAAmBC,gBAG9B,CAAA,SAASC,iBAAiB,CAAA,EAAE,WAAW,QAAU,EAAA,IAAA,EAAA,GAAS,SAAU,EAAA,EAAG,GAAK,EAAA;AAC5E,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,SAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,UAAA,EAAY,UAAY,EAAA,QAAA,KAAaC,kDAA2B,EAAA,CAAA;AAExE,EAAA,MAAM,SAAkD,GAAAC,iBAAA;AAAA,IACtD,CAAC,EAAE,GAAA,EAAU,KAAA;AACX,MAAI,IAAA,GAAA,KAAQ,OAAW,IAAA,GAAA,KAAQ,GAAK,EAAA;AAClC,QAAS,QAAA,EAAA,CAAA;AAAA,OACX;AAAA,KACF;AAAA,IACA,CAAC,QAAQ,CAAA;AAAA,GACX,CAAA;AAEA,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAA,IAAA,mBAAQC,cAAA,CAAAC,sBAAA,EAAA;AAAA,MAAiB,aAAW,EAAA,IAAA;AAAA,KAAC,CAAA,CAAA;AAAA,GACvC;AAEA,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,SAAW,EAAAC,SAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb;AAAA,QACE,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,UAAA;AAAA,QAC5B,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,UAAA;AAAA,OAC9B;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACA,GAAA;AAAA,IACA,IAAK,EAAA,QAAA;AAAA,IACL,eAAe,EAAA,UAAA;AAAA,IACf,OAAA,EAAS,aAAa,KAAY,CAAA,GAAA,QAAA;AAAA,IAClC,SAAA,EAAW,aAAa,KAAY,CAAA,GAAA,SAAA;AAAA,IACpC,QAAA,EAAU,aAAa,CAAK,CAAA,GAAA,CAAA;AAAA,IAE5B,QAAA,EAAA;AAAA,sBAACH,cAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,QAAI,QAAA,EAAA,IAAA;AAAA,OAAK,CAAA;AAAA,MAC3C,QAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/accordion/utils.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const isNotProduction = () => process.env.NODE_ENV !== "production";
-
-exports.isNotProduction = isNotProduction;
-//# sourceMappingURL=utils.js.map

package/dist-cjs/accordion/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../src/accordion/utils.ts"],"sourcesContent":["export const isNotProduction = () => process.env.NODE_ENV !== \"production\";\n"],"names":[],"mappings":";;;;AAAO,MAAM,eAAkB,GAAA,MAAM,OAAQ,CAAA,GAAA,CAAI,QAAa,KAAA;;;;"}

package/dist-es/accordion/AccordionDetails.js

@@ -1,83 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer, useForkRef, useIsomorphicLayoutEffect } from '@salt-ds/core';
-import { clsx } from 'clsx';
-import { forwardRef, useRef, useState } from 'react';
-import { useAccordionSectionContext } from './AccordionSectionContext.js';
-import css_248z from './Accordion.css.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-
-const withBaseName = makePrefixer("saltAccordionDetails");
-const msCollapseAnimationDuration = 150;
-const AccordionDetails = forwardRef(function AccordionDetails2({ children, className, preventUnmountOnCollapse, ...restProps }, ref) {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-accordion",
-    css: css_248z,
-    window: targetWindow
-  });
-  const { isDisabled, isExpanded } = useAccordionSectionContext();
-  const rootRef = useRef(null);
-  const contentRef = useRef(null);
-  const forkedRef = useForkRef(ref, rootRef);
-  const [state, setState] = useState(
-    isExpanded ? "expanded" : "collapsed"
-  );
-  useIsomorphicLayoutEffect(() => {
-    if (!rootRef.current) {
-      return;
-    }
-    if (isExpanded) {
-      if (state === "collapsed") {
-        setState("measuring");
-      } else if (state === "measuring") {
-        rootRef.current.style.height = `${contentRef.current.getBoundingClientRect().height}px`;
-        setState("expanding");
-      } else if (state === "expanding") {
-        setTimeout(() => {
-          setState("expanded");
-        }, msCollapseAnimationDuration);
-      } else if (state === "expanded") {
-        rootRef.current.style.height = "auto";
-      }
-    } else {
-      if (state === "expanded") {
-        rootRef.current.style.height = `${rootRef.current.getBoundingClientRect().height}px`;
-        setTimeout(() => {
-          setState("collapsing");
-        }, 0);
-      } else if (state === "collapsing") {
-        rootRef.current.style.height = "0";
-        setTimeout(() => {
-          setState("collapsed");
-        }, msCollapseAnimationDuration);
-      } else if (state === "collapsed") {
-        rootRef.current.style.height = "0";
-      }
-    }
-  }, [isExpanded, state]);
-  return /* @__PURE__ */ jsx("div", {
-    ...restProps,
-    ref: forkedRef,
-    className: clsx(
-      withBaseName(),
-      {
-        [withBaseName("disabled")]: isDisabled
-      },
-      className
-    ),
-    children: /* @__PURE__ */ jsx("div", {
-      ref: contentRef,
-      className: clsx({
-        [withBaseName("dummy")]: state === "measuring"
-      }),
-      children: preventUnmountOnCollapse || state !== "collapsed" ? /* @__PURE__ */ jsx("div", {
-        className: withBaseName("content"),
-        children
-      }) : null
-    })
-  });
-});
-
-export { AccordionDetails };
-//# sourceMappingURL=AccordionDetails.js.map

package/dist-es/accordion/AccordionDetails.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionDetails.js","sources":["../src/accordion/AccordionDetails.tsx"],"sourcesContent":["import {\n  makePrefixer,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, useRef, useState } from \"react\";\nimport { useAccordionSectionContext } from \"./AccordionSectionContext\";\n\nimport accordionCss from \"./Accordion.css\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nconst withBaseName = makePrefixer(\"saltAccordionDetails\");\n\nexport interface AccordionDetailsProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Render children even if the component is collapsed. Prevents unmounting of children components.\n   * */\n  preventUnmountOnCollapse?: boolean;\n}\n\nconst msCollapseAnimationDuration = 150;\n\n// Collapsed - the section is completely collapsed, don't render anything, height is 0\n// Measuring - the section is about to expand, rendering a dummy preview to measure\n//   the height of expanded section\n// Expanding - the section is expanding but hasn't yet expanded to full size. height is set to\n//   the value measured in the previous step\n// Expanded - the section is expanded, need to render the content, height is set to auto\n// Collapsing - the section is about to start collapsing, the height is set to current height\n//   (auto has to be replaced by a number, then the component has to be rendered, then the value can\n//    be set to 0)\ntype State =\n  | \"collapsed\"\n  | \"measuring\"\n  | \"expanding\"\n  | \"expanded\"\n  | \"collapsing\";\n\nexport const AccordionDetails = forwardRef<\n  HTMLDivElement,\n  AccordionDetailsProps\n>(function AccordionDetails(\n  { children, className, preventUnmountOnCollapse, ...restProps },\n  ref\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-accordion\",\n    css: accordionCss,\n    window: targetWindow,\n  });\n\n  const { isDisabled, isExpanded } = useAccordionSectionContext();\n  const rootRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const forkedRef = useForkRef(ref, rootRef);\n\n  const [state, setState] = useState<State>(\n    isExpanded ? \"expanded\" : \"collapsed\"\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (!rootRef.current) {\n      return;\n    }\n    if (isExpanded) {\n      if (state === \"collapsed\") {\n        setState(\"measuring\");\n      } else if (state === \"measuring\") {\n        rootRef.current.style.height = `${\n          contentRef.current!.getBoundingClientRect().height\n        }px`;\n        setState(\"expanding\");\n      } else if (state === \"expanding\") {\n        setTimeout(() => {\n          setState(\"expanded\");\n        }, msCollapseAnimationDuration);\n      } else if (state === \"expanded\") {\n        rootRef.current.style.height = \"auto\";\n      }\n    } else {\n      if (state === \"expanded\") {\n        rootRef.current.style.height = `${\n          rootRef.current.getBoundingClientRect().height\n        }px`;\n        setTimeout(() => {\n          setState(\"collapsing\");\n        }, 0);\n      } else if (state === \"collapsing\") {\n        rootRef.current.style.height = \"0\";\n        setTimeout(() => {\n          setState(\"collapsed\");\n        }, msCollapseAnimationDuration);\n      } else if (state === \"collapsed\") {\n        rootRef.current.style.height = \"0\";\n      }\n    }\n  }, [isExpanded, state]);\n\n  return (\n    <div\n      {...restProps}\n      ref={forkedRef}\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"disabled\")]: isDisabled,\n        },\n        className\n      )}\n    >\n      <div\n        ref={contentRef}\n        className={clsx({\n          [withBaseName(\"dummy\")]: state === \"measuring\",\n        })}\n      >\n        {preventUnmountOnCollapse || state !== \"collapsed\" ? (\n          <div className={withBaseName(\"content\")}>{children}</div>\n        ) : null}\n      </div>\n    </div>\n  );\n});\n"],"names":["AccordionDetails","accordionCss"],"mappings":"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"}

package/dist-es/accordion/AccordionSection.js

@@ -1,107 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useState, useEffect, useCallback, useMemo } from 'react';
-import { makePrefixer } from '@salt-ds/core';
-import '../utils/useFloatingUI.js';
-import { useLayoutEffectSkipFirst } from '../utils/useLayoutEffectSkipFirst.js';
-import { AccordionSectionContext } from './AccordionSectionContext.js';
-import { clsx } from 'clsx';
-import { useAccordionContext } from './AccordionContext.js';
-import { isNotProduction } from './utils.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import css_248z from './Accordion.css.js';
-
-const withBaseName = makePrefixer("saltAccordionSection");
-const AccordionSection = forwardRef(function Accordion({
-  id: idProp,
-  disabled: disabledProp,
-  onChange: onChangeProp,
-  defaultExpanded: defaultExpandedProp,
-  expanded: expandedProp,
-  children,
-  className,
-  ...restProps
-}, ref) {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-accordion",
-    css: css_248z,
-    window: targetWindow
-  });
-  const [id, setId] = useState(
-    () => idProp != null ? idProp : `salt-${Math.round(Math.random() * 1e5)}`
-  );
-  if (idProp != null && idProp != id) {
-    setId(idProp);
-  }
-  const {
-    registerSection,
-    unregisterSection,
-    onChange,
-    isExpanded,
-    disabled: accordionDisabled
-  } = useAccordionContext();
-  const isControlled = expandedProp != null;
-  const expanded = isControlled ? expandedProp : isExpanded(id);
-  const disabled = disabledProp != null ? disabledProp : accordionDisabled;
-  useEffect(() => {
-    registerSection(
-      id,
-      expandedProp != null ? expandedProp : !!defaultExpandedProp
-    );
-    return () => {
-      unregisterSection(id);
-    };
-  }, [id, registerSection, unregisterSection]);
-  const onToggle = useCallback(() => {
-    const newExpanded = !expanded;
-    if (onChangeProp) {
-      onChangeProp(newExpanded);
-    }
-    if (!isControlled) {
-      onChange(id, newExpanded);
-    }
-  }, [id, expanded, onChangeProp, onChange, isControlled]);
-  useEffect(() => {
-    const isControlled2 = expandedProp != null;
-    if (isControlled2) {
-      onChange(id, expandedProp);
-    }
-  }, [expandedProp, isControlled]);
-  useLayoutEffectSkipFirst(() => {
-    if (isNotProduction()) {
-      const mode = (isControlled2) => isControlled2 ? "controlled" : "uncontrolled";
-      console.error(
-        `A component is changing from ${mode(!isControlled)} to ${mode(
-          isControlled
-        )} mode.`
-      );
-    }
-  }, [isControlled]);
-  const contextValue = useMemo(() => {
-    return {
-      isExpanded: expanded,
-      isDisabled: disabled,
-      onToggle
-    };
-  }, [expanded, disabled, onToggle]);
-  return /* @__PURE__ */ jsx("div", {
-    ...restProps,
-    className: clsx(
-      withBaseName(),
-      {
-        [withBaseName("expanded")]: expanded,
-        [withBaseName("disabled")]: disabled
-      },
-      className
-    ),
-    ref,
-    children: /* @__PURE__ */ jsx(AccordionSectionContext.Provider, {
-      value: contextValue,
-      children
-    })
-  });
-});
-
-export { AccordionSection };
-//# sourceMappingURL=AccordionSection.js.map