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

package/dist-es/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":["accordionCss","isControlled"],"mappings":"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"}

package/dist-es/accordion/AccordionSectionContext.js

@@ -1,19 +0,0 @@
-import { createContext, useContext } from 'react';
-import { isNotProduction } from './utils.js';
-
-const AccordionSectionContext = createContext(void 0);
-if (isNotProduction()) {
-  AccordionSectionContext.displayName = "AccordionSectionContext";
-}
-const useAccordionSectionContext = () => {
-  const context = useContext(AccordionSectionContext);
-  if (isNotProduction() && !context) {
-    console.error(
-      "useAccordionSectionContext should be used inside of AccordionSection"
-    );
-  }
-  return context;
-};
-
-export { AccordionSectionContext, useAccordionSectionContext };
-//# sourceMappingURL=AccordionSectionContext.js.map

package/dist-es/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":[],"mappings":";;;AASa,MAAA,uBAAA,GAA0B,cAErC,KAAS,CAAA,EAAA;AAEX,IAAI,iBAAmB,EAAA;AACrB,EAAA,uBAAA,CAAwB,WAAc,GAAA,yBAAA,CAAA;AACxC,CAAA;AAEO,MAAM,6BAA6B,MAAM;AAC9C,EAAM,MAAA,OAAA,GAAU,WAAW,uBAAuB,CAAA,CAAA;AAClD,EAAI,IAAA,eAAA,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-es/accordion/AccordionSummary.js

@@ -1,60 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useCallback } from 'react';
-import { clsx } from 'clsx';
-import { makePrefixer } from '@salt-ds/core';
-import { ChevronRightIcon } from '@salt-ds/icons';
-import { useAccordionSectionContext } from './AccordionSectionContext.js';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import css_248z from './Accordion.css.js';
-
-const withBaseName = makePrefixer("saltAccordionSummary");
-const AccordionSummary = forwardRef(function AccordionSummary2({ className, children, icon, ...restProps }, ref) {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-accordion",
-    css: css_248z,
-    window: targetWindow
-  });
-  const { isDisabled, isExpanded, onToggle } = useAccordionSectionContext();
-  const onKeyDown = useCallback(
-    ({ key }) => {
-      if (key === "Enter" || key === " ") {
-        onToggle();
-      }
-    },
-    [onToggle]
-  );
-  if (!icon) {
-    icon = /* @__PURE__ */ jsx(ChevronRightIcon, {
-      "aria-hidden": true
-    });
-  }
-  return /* @__PURE__ */ jsxs("div", {
-    ...restProps,
-    className: 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__ */ jsx("div", {
-        className: withBaseName("icon"),
-        children: icon
-      }),
-      children
-    ]
-  });
-});
-
-export { AccordionSummary };
-//# sourceMappingURL=AccordionSummary.js.map

package/dist-es/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":["AccordionSummary","accordionCss"],"mappings":";;;;;;;;;;AAgBA,MAAM,YAAA,GAAe,aAAa,sBAAsB,CAAA,CAAA;AAM3C,MAAA,gBAAA,GAAmB,UAG9B,CAAA,SAASA,iBAAiB,CAAA,EAAE,WAAW,QAAU,EAAA,IAAA,EAAA,GAAS,SAAU,EAAA,EAAG,GAAK,EAAA;AAC5E,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,EAAE,UAAA,EAAY,UAAY,EAAA,QAAA,KAAa,0BAA2B,EAAA,CAAA;AAExE,EAAA,MAAM,SAAkD,GAAA,WAAA;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,mBAAQ,GAAA,CAAA,gBAAA,EAAA;AAAA,MAAiB,aAAW,EAAA,IAAA;AAAA,KAAC,CAAA,CAAA;AAAA,GACvC;AAEA,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,SAAW,EAAA,IAAA;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,sBAAC,GAAA,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-es/accordion/utils.js

@@ -1,4 +0,0 @@
-const isNotProduction = () => process.env.NODE_ENV !== "production";
-
-export { isNotProduction };
-//# sourceMappingURL=utils.js.map

package/dist-es/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-types/accordion/AccordionDetails.d.ts

@@ -1,8 +0,0 @@
-import { HTMLAttributes } from "react";
-export interface AccordionDetailsProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Render children even if the component is collapsed. Prevents unmounting of children components.
-     * */
-    preventUnmountOnCollapse?: boolean;
-}
-export declare const AccordionDetails: import("react").ForwardRefExoticComponent<AccordionDetailsProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +0,0 @@
-import { HTMLAttributes } from "react";
-export interface AccordionSectionProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    defaultExpanded?: boolean;
-    disabled?: boolean;
-    expanded?: boolean;
-    onChange?: (isExpanded: boolean) => void;
-    className?: string;
-}
-export declare const AccordionSection: import("react").ForwardRefExoticComponent<AccordionSectionProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export interface AccordionSectionContext {
-    isDisabled?: boolean;
-    isExpanded: boolean;
-    onToggle: () => void;
-}
-export declare const AccordionSectionContext: import("react").Context<AccordionSectionContext | undefined>;
-export declare const useAccordionSectionContext: () => AccordionSectionContext;

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

@@ -1,5 +0,0 @@
-import { HTMLAttributes, ReactNode } from "react";
-export interface AccordionSummaryProps extends HTMLAttributes<HTMLDivElement> {
-    icon?: ReactNode;
-}
-export declare const AccordionSummary: import("react").ForwardRefExoticComponent<AccordionSummaryProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1 +0,0 @@
-export declare const isNotProduction: () => boolean;