@salt-ds/lab 1.0.0-alpha.8 → 1.0.0-alpha.81

package/dist-es/packages/lab/src/overlay/Overlay.js

@@ -1,67 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { makePrefixer, useId, Button } from '@salt-ds/core';
-import { CloseIcon } from '@salt-ds/icons';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import { Portal } from '../portal/Portal.js';
-import { useWindow } from '../window/WindowContext.js';
-import '../window/ElectronWindow.js';
-import './Overlay.css.js';
-
-const withBaseName = makePrefixer("saltOverlay");
-const Overlay = forwardRef(
-  ({
-    adaExceptions: { showClose } = {
-      showClose: true
-    },
-    arrowProps,
-    children,
-    className,
-    open,
-    onOpenChange,
-    variant = "primary",
-    ...rest
-  }, ref) => {
-    const id = useId();
-    const Window = useWindow();
-    const handleCloseButton = () => {
-      onOpenChange == null ? void 0 : onOpenChange(false);
-    };
-    if (!open) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(Portal, {
-      children: /* @__PURE__ */ jsx(Window, {
-        className: clsx(withBaseName(), className, {
-          [withBaseName(variant)]: variant === "secondary"
-        }),
-        id,
-        ref,
-        ...rest,
-        children: /* @__PURE__ */ jsxs("div", {
-          className: clsx(withBaseName("content")),
-          "data-testid": "overlay-content",
-          children: [
-            showClose && /* @__PURE__ */ jsx(Button, {
-              onClick: handleCloseButton,
-              className: withBaseName("close"),
-              variant: "secondary",
-              children: /* @__PURE__ */ jsx(CloseIcon, {
-                "accessible-text": "close overlay",
-                className: withBaseName("closeIcon")
-              })
-            }),
-            children,
-            /* @__PURE__ */ jsx("div", {
-              className: withBaseName("arrow"),
-              ...arrowProps
-            })
-          ]
-        })
-      })
-    });
-  }
-);
-
-export { Overlay };
-//# sourceMappingURL=Overlay.js.map

package/dist-es/packages/lab/src/overlay/Overlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Overlay.js","sources":["../src/overlay/Overlay.tsx"],"sourcesContent":["import { Button, makePrefixer, UseFloatingUIProps, useId } from \"@salt-ds/core\";\nimport { CloseIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { ComponentProps, ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { Portal } from \"../portal\";\nimport { useWindow } from \"../window\";\n\nimport \"./Overlay.css\";\n\ninterface ADAExceptions {\n  showClose?: boolean;\n}\n\nexport interface OverlayProps\n  extends ComponentPropsWithoutRef<\"div\">,\n    Partial<Pick<UseFloatingUIProps, \"onOpenChange\" | \"open\">> {\n  /**\n   * object that houses ada related props.\n   * adaExceptions.showClose defaults to true. It can be removed at the risk of ADA compliance\n   */\n  adaExceptions?: ADAExceptions;\n  arrowProps?: ComponentProps<\"div\">;\n  variant?: \"primary\" | \"secondary\";\n}\n\nconst withBaseName = makePrefixer(\"saltOverlay\");\n\nexport const Overlay = forwardRef<HTMLDivElement, OverlayProps>(\n  (\n    {\n      adaExceptions: { showClose } = {\n        showClose: true,\n      },\n      arrowProps,\n      children,\n      className,\n      open,\n      onOpenChange,\n      variant = \"primary\",\n      ...rest\n    },\n    ref\n  ) => {\n    // Will need to figure out a better way to assign popper id's for the electron windows\n    const id = useId();\n    const Window = useWindow();\n\n    const handleCloseButton = () => {\n      onOpenChange?.(false);\n    };\n\n    if (!open) {\n      return null;\n    }\n\n    return (\n      <Portal>\n        <Window\n          className={clsx(withBaseName(), className, {\n            [withBaseName(variant)]: variant === \"secondary\",\n          })}\n          id={id}\n          ref={ref}\n          {...rest}\n        >\n          <div\n            className={clsx(withBaseName(\"content\"))}\n            data-testid=\"overlay-content\"\n          >\n            {showClose && (\n              <Button\n                onClick={handleCloseButton}\n                className={withBaseName(\"close\")}\n                variant=\"secondary\"\n              >\n                <CloseIcon\n                  accessible-text=\"close overlay\"\n                  className={withBaseName(\"closeIcon\")}\n                />\n              </Button>\n            )}\n            {children}\n            <div className={withBaseName(\"arrow\")} {...arrowProps} />\n          </div>\n        </Window>\n      </Portal>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;;AAyBA,MAAM,YAAA,GAAe,aAAa,aAAa,CAAA,CAAA;AAExC,MAAM,OAAU,GAAA,UAAA;AAAA,EACrB,CACE;AAAA,IACE,aAAA,EAAe,EAAE,SAAA,EAAc,GAAA;AAAA,MAC7B,SAAW,EAAA,IAAA;AAAA,KACb;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACP,GAAA,IAAA;AAAA,KAEL,GACG,KAAA;AAEH,IAAA,MAAM,KAAK,KAAM,EAAA,CAAA;AACjB,IAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAe,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAAA,KACjB,CAAA;AAEA,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,MACC,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAW,EAAA;AAAA,UACzC,CAAC,YAAA,CAAa,OAAO,CAAA,GAAI,OAAY,KAAA,WAAA;AAAA,SACtC,CAAA;AAAA,QACD,EAAA;AAAA,QACA,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA;AAAA,UACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,SAAS,CAAC,CAAA;AAAA,UACvC,aAAY,EAAA,iBAAA;AAAA,UAEX,QAAA,EAAA;AAAA,YAAA,SAAA,oBACE,GAAA,CAAA,MAAA,EAAA;AAAA,cACC,OAAS,EAAA,iBAAA;AAAA,cACT,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,cAC/B,OAAQ,EAAA,WAAA;AAAA,cAER,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA;AAAA,gBACC,iBAAgB,EAAA,eAAA;AAAA,gBAChB,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,eACrC,CAAA;AAAA,aACF,CAAA;AAAA,YAED,QAAA;AAAA,4BACA,GAAA,CAAA,KAAA,EAAA;AAAA,cAAI,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,cAAI,GAAG,UAAA;AAAA,aAAY,CAAA;AAAA,WAAA;AAAA,SACzD,CAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/packages/lab/src/overlay/useOverlay.js

@@ -1,93 +0,0 @@
-import { arrow, offset, flip, shift, limitShift, useInteractions, useDismiss, useRole, useClick } from '@floating-ui/react';
-import { useControlled, margin, useFloatingUI } from '@salt-ds/core';
-import { useRef, useCallback } from 'react';
-import { isDesktop } from '../window/WindowContext.js';
-import '../window/ElectronWindow.js';
-
-function useOverlay(props) {
-  const { open: openProp, placement = "right", onOpenChange } = props;
-  const arrowRef = useRef(null);
-  const [open, setOpen] = useControlled({
-    controlled: openProp,
-    default: false,
-    name: "Overlay",
-    state: "open"
-  });
-  const handleOpenChange = (newOpen) => {
-    setOpen(newOpen);
-    onOpenChange == null ? void 0 : onOpenChange(newOpen);
-  };
-  const middleware = isDesktop ? [margin(24), arrow({ element: arrowRef })] : [
-    offset(24),
-    flip(),
-    shift({ limiter: limitShift() }),
-    arrow({ element: arrowRef })
-  ];
-  const {
-    reference,
-    floating,
-    x,
-    y,
-    strategy,
-    context,
-    middlewareData,
-    update
-  } = useFloatingUI({
-    open,
-    onOpenChange: handleOpenChange,
-    placement,
-    middleware
-  });
-  const handleArrowRef = useCallback(
-    (node) => {
-      arrowRef.current = node;
-      update();
-    },
-    [update]
-  );
-  const { getFloatingProps, getReferenceProps } = useInteractions([
-    useDismiss(context),
-    useRole(context, { role: "dialog" }),
-    useClick(context)
-  ]);
-  const getTriggerProps = (userProps) => {
-    return getReferenceProps({
-      ...userProps,
-      ref: reference
-    });
-  };
-  const getOverlayProps = (userProps) => {
-    var _a, _b, _c, _d;
-    const arrowProps = {
-      ref: handleArrowRef,
-      style: {
-        position: strategy,
-        left: (_b = (_a = middlewareData.arrow) == null ? void 0 : _a.x) != null ? _b : 0,
-        top: (_d = (_c = middlewareData.arrow) == null ? void 0 : _c.y) != null ? _d : 0
-      }
-    };
-    return {
-      arrowProps,
-      open,
-      onOpenChange: handleOpenChange,
-      ...getFloatingProps({
-        "data-placement": placement,
-        ...userProps,
-        style: {
-          top: y != null ? y : 0,
-          left: x != null ? x : 0,
-          position: strategy,
-          ...(userProps == null ? void 0 : userProps.style) || {}
-        },
-        ref: floating
-      })
-    };
-  };
-  return {
-    getTriggerProps,
-    getOverlayProps
-  };
-}
-
-export { useOverlay };
-//# sourceMappingURL=useOverlay.js.map

package/dist-es/packages/lab/src/overlay/useOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOverlay.js","sources":["../src/overlay/useOverlay.ts"],"sourcesContent":["import {\n  arrow,\n  flip,\n  limitShift,\n  offset,\n  shift,\n  useClick,\n  useDismiss,\n  useInteractions,\n  useRole,\n} from \"@floating-ui/react\";\nimport {\n  margin,\n  useControlled,\n  useFloatingUI,\n  UseFloatingUIProps,\n} from \"@salt-ds/core\";\nimport {\n  ComponentPropsWithoutRef,\n  ComponentPropsWithRef,\n  JSXElementConstructor,\n  useCallback,\n  useRef,\n} from \"react\";\nimport { OverlayProps } from \"./Overlay\";\nimport { isDesktop } from \"../window\";\n\nexport type UseOverlayProps = Partial<\n  Pick<UseFloatingUIProps, \"onOpenChange\" | \"open\" | \"placement\">\n>;\n\nexport function useOverlay(props: UseOverlayProps) {\n  const { open: openProp, placement = \"right\", onOpenChange } = props;\n\n  const arrowRef = useRef<HTMLDivElement | null>(null);\n\n  const [open, setOpen] = useControlled({\n    controlled: openProp,\n    default: false,\n    name: \"Overlay\",\n    state: \"open\",\n  });\n  const handleOpenChange = (newOpen: boolean) => {\n    setOpen(newOpen);\n    onOpenChange?.(newOpen);\n  };\n  const middleware = isDesktop\n    ? [margin(24), arrow({ element: arrowRef })]\n    : [\n        offset(24),\n        flip(),\n        shift({ limiter: limitShift() }),\n        arrow({ element: arrowRef }),\n      ];\n  const {\n    reference,\n    floating,\n    x,\n    y,\n    strategy,\n    context,\n    middlewareData,\n    update,\n  } = useFloatingUI({\n    open,\n    onOpenChange: handleOpenChange,\n    placement,\n    middleware,\n  });\n\n  const handleArrowRef = useCallback(\n    (node: HTMLDivElement) => {\n      arrowRef.current = node;\n      update();\n    },\n    [update]\n  );\n\n  const { getFloatingProps, getReferenceProps } = useInteractions([\n    useDismiss(context),\n    useRole(context, { role: \"dialog\" }),\n    useClick(context),\n  ]);\n\n  const getTriggerProps = <\n    Element extends\n      | keyof JSX.IntrinsicElements\n      | JSXElementConstructor<any> = \"div\"\n  >(\n    userProps?: ComponentPropsWithoutRef<Element>\n  ) => {\n    return getReferenceProps({\n      ...userProps,\n      ref: reference,\n    }) as ComponentPropsWithRef<Element>;\n  };\n\n  const getOverlayProps = (userProps?: OverlayProps) => {\n    const arrowProps = {\n      ref: handleArrowRef,\n      style: {\n        position: strategy,\n        left: middlewareData.arrow?.x ?? 0,\n        top: middlewareData.arrow?.y ?? 0,\n      },\n    };\n\n    return {\n      arrowProps,\n      open,\n      onOpenChange: handleOpenChange,\n      ...getFloatingProps({\n        // @ts-ignore\n        \"data-placement\": placement,\n        ...userProps,\n        style: {\n          top: y ?? 0,\n          left: x ?? 0,\n          position: strategy,\n          ...(userProps?.style || {}),\n        },\n        ref: floating,\n      }),\n    } as OverlayProps;\n  };\n\n  return {\n    getTriggerProps,\n    getOverlayProps,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist-es/packages/lab/src/pagination/ArrowButton.js

@@ -1,60 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Button } from '@salt-ds/core';
-import { ChevronLeftIcon, ChevronRightIcon } from '@salt-ds/icons';
-import { clsx } from 'clsx';
-import { withBaseName } from './utils.js';
-
-const contentByType = /* @__PURE__ */ new Map([
-  [
-    "previous",
-    {
-      icon: ChevronLeftIcon,
-      name: "Previous Page",
-      className: withBaseName("previousButton")
-    }
-  ],
-  [
-    "next",
-    {
-      icon: ChevronRightIcon,
-      name: "Next Page",
-      className: withBaseName("nextButton")
-    }
-  ]
-]);
-const ArrowButton = ({
-  arrowButtonType,
-  onPress,
-  onKeyDown: onKeyDownProp,
-  onClick: onClickProp,
-  ...restProps
-}) => {
-  const { icon: Icon, name, className } = contentByType.get(arrowButtonType);
-  const onKeyDown = (event) => {
-    if (event.key === "Enter") {
-      event.preventDefault();
-      onPress();
-    }
-    onKeyDownProp && onKeyDownProp(event);
-  };
-  const onClick = (event) => {
-    onPress();
-    onClickProp && onClickProp(event);
-  };
-  return /* @__PURE__ */ jsx(Button, {
-    ...restProps,
-    variant: "secondary",
-    className: clsx(withBaseName("arrowButton"), className),
-    role: "link",
-    name,
-    "aria-label": name,
-    onKeyDown,
-    onClick,
-    children: /* @__PURE__ */ jsx(Icon, {
-      "aria-label": name
-    })
-  });
-};
-
-export { ArrowButton };
-//# sourceMappingURL=ArrowButton.js.map

package/dist-es/packages/lab/src/pagination/ArrowButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ArrowButton.js","sources":["../src/pagination/ArrowButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from \"@salt-ds/core\";\nimport { ChevronLeftIcon, ChevronRightIcon, IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { ComponentType, KeyboardEventHandler, MouseEventHandler } from \"react\";\nimport { withBaseName } from \"./utils\";\n\nexport type ArrowButtonType = \"previous\" | \"next\";\n\nexport interface ArrowButtonProps extends ButtonProps {\n  arrowButtonType: ArrowButtonType;\n  onPress: () => void;\n}\n\ninterface ButtonContent {\n  icon: ComponentType<IconProps>;\n  name: string;\n  className: string;\n}\n\nconst contentByType = new Map<ArrowButtonType, ButtonContent>([\n  [\n    \"previous\",\n    {\n      icon: ChevronLeftIcon,\n      name: \"Previous Page\",\n      className: withBaseName(\"previousButton\"),\n    },\n  ],\n  [\n    \"next\",\n    {\n      icon: ChevronRightIcon,\n      name: \"Next Page\",\n      className: withBaseName(\"nextButton\"),\n    },\n  ],\n]);\n\nexport const ArrowButton = ({\n  arrowButtonType,\n  onPress,\n  onKeyDown: onKeyDownProp,\n  onClick: onClickProp,\n  ...restProps\n}: ArrowButtonProps) => {\n  const { icon: Icon, name, className } = contentByType.get(arrowButtonType)!;\n\n  const onKeyDown: KeyboardEventHandler<HTMLButtonElement> = (event) => {\n    if (event.key === \"Enter\") {\n      event.preventDefault();\n      onPress();\n    }\n    onKeyDownProp && onKeyDownProp(event);\n  };\n\n  const onClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    onPress();\n    onClickProp && onClickProp(event);\n  };\n\n  return (\n    <Button\n      {...restProps}\n      variant=\"secondary\"\n      className={clsx(withBaseName(\"arrowButton\"), className)}\n      role=\"link\"\n      name={name}\n      aria-label={name}\n      onKeyDown={onKeyDown}\n      onClick={onClick}\n    >\n      <Icon aria-label={name} />\n    </Button>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAmBA,MAAM,aAAA,uBAAoB,GAAoC,CAAA;AAAA,EAC5D;AAAA,IACE,UAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,eAAA;AAAA,MACN,IAAM,EAAA,eAAA;AAAA,MACN,SAAA,EAAW,aAAa,gBAAgB,CAAA;AAAA,KAC1C;AAAA,GACF;AAAA,EACA;AAAA,IACE,MAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,gBAAA;AAAA,MACN,IAAM,EAAA,WAAA;AAAA,MACN,SAAA,EAAW,aAAa,YAAY,CAAA;AAAA,KACtC;AAAA,GACF;AACF,CAAC,CAAA,CAAA;AAEM,MAAM,cAAc,CAAC;AAAA,EAC1B,eAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAW,EAAA,aAAA;AAAA,EACX,OAAS,EAAA,WAAA;AAAA,EACN,GAAA,SAAA;AACL,CAAwB,KAAA;AACtB,EAAM,MAAA,EAAE,MAAM,IAAM,EAAA,IAAA,EAAM,WAAc,GAAA,aAAA,CAAc,IAAI,eAAe,CAAA,CAAA;AAEzE,EAAM,MAAA,SAAA,GAAqD,CAAC,KAAU,KAAA;AACpE,IAAI,IAAA,KAAA,CAAM,QAAQ,OAAS,EAAA;AACzB,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAQ,OAAA,EAAA,CAAA;AAAA,KACV;AACA,IAAA,aAAA,IAAiB,cAAc,KAAK,CAAA,CAAA;AAAA,GACtC,CAAA;AAEA,EAAM,MAAA,OAAA,GAAgD,CAAC,KAAU,KAAA;AAC/D,IAAQ,OAAA,EAAA,CAAA;AACR,IAAA,WAAA,IAAe,YAAY,KAAK,CAAA,CAAA;AAAA,GAClC,CAAA;AAEA,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,OAAQ,EAAA,WAAA;AAAA,IACR,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,aAAa,GAAG,SAAS,CAAA;AAAA,IACtD,IAAK,EAAA,MAAA;AAAA,IACL,IAAA;AAAA,IACA,YAAY,EAAA,IAAA;AAAA,IACZ,SAAA;AAAA,IACA,OAAA;AAAA,IAEA,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA;AAAA,MAAK,YAAY,EAAA,IAAA;AAAA,KAAM,CAAA;AAAA,GAC1B,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/lab/src/pagination/CompactControls.js

@@ -1,34 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { CompactInput } from './CompactInput.js';
-import { PageButton } from './PageButton.js';
-import { withBaseName } from './utils.js';
-
-const CompactControls = ({
-  page,
-  count,
-  onPageChange,
-  FormFieldProps: FormFieldProps2
-}) => {
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx(CompactInput, {
-        page,
-        count,
-        onPageChange,
-        FormFieldProps: FormFieldProps2
-      }),
-      /* @__PURE__ */ jsx("span", {
-        className: withBaseName("compactSeparator"),
-        children: "of"
-      }),
-      /* @__PURE__ */ jsx(PageButton, {
-        page: count,
-        onPageChange,
-        disabled: page === count
-      })
-    ]
-  });
-};
-
-export { CompactControls };
-//# sourceMappingURL=CompactControls.js.map

package/dist-es/packages/lab/src/pagination/CompactControls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompactControls.js","sources":["../src/pagination/CompactControls.tsx"],"sourcesContent":["import { FormFieldProps } from \"../form-field\";\nimport { CompactInput } from \"./CompactInput\";\nimport { PageButton } from \"./PageButton\";\nimport { withBaseName } from \"./utils\";\n\nexport interface CompactControlsProps {\n  count: number;\n  page: number;\n  onPageChange: (page: number) => void;\n  FormFieldProps?: Partial<FormFieldProps>;\n}\n\nexport const CompactControls = ({\n  page,\n  count,\n  onPageChange,\n  FormFieldProps,\n}: CompactControlsProps) => {\n  return (\n    <>\n      <CompactInput\n        page={page}\n        count={count}\n        onPageChange={onPageChange}\n        FormFieldProps={FormFieldProps}\n      />\n      <span className={withBaseName(\"compactSeparator\")}>of</span>\n      <PageButton\n        page={count}\n        onPageChange={onPageChange}\n        disabled={page === count}\n      />\n    </>\n  );\n};\n"],"names":["FormFieldProps"],"mappings":";;;;;AAYO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAAA,EAAAA,eAAAA;AACF,CAA4B,KAAA;AAC1B,EACE,uBAAA,IAAA,CAAA,QAAA,EAAA;AAAA,IACE,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,YAAA,EAAA;AAAA,QACC,IAAA;AAAA,QACA,KAAA;AAAA,QACA,YAAA;AAAA,QACA,cAAgBA,EAAAA,eAAAA;AAAA,OAClB,CAAA;AAAA,sBACC,GAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,kBAAkB,CAAA;AAAA,QAAG,QAAA,EAAA,IAAA;AAAA,OAAE,CAAA;AAAA,sBACpD,GAAA,CAAA,UAAA,EAAA;AAAA,QACC,IAAM,EAAA,KAAA;AAAA,QACN,YAAA;AAAA,QACA,UAAU,IAAS,KAAA,KAAA;AAAA,OACrB,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/lab/src/pagination/CompactInput.js

@@ -1,62 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { useState, useEffect } from 'react';
-import { FormField } from '../form-field/FormField.js';
-import '../form-field/FormLabel.js';
-import { Input } from '../input/Input.js';
-import '../input/StaticInputAdornment.js';
-import { withBaseName } from './utils.js';
-
-const CompactInput = ({
-  page,
-  count,
-  onPageChange,
-  FormFieldProps: { className, ...restFormFieldProps } = {}
-}) => {
-  const [inputValue, setInputValue] = useState(`${page}`);
-  useEffect(() => {
-    setInputValue(`${page}`);
-  }, [page]);
-  const handleChange = (event) => {
-    setInputValue(event.target.value);
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === "Enter") {
-      const pageValue = Number(inputValue);
-      if (!isNaN(pageValue) && pageValue <= count && pageValue > 0) {
-        onPageChange(pageValue);
-      } else {
-        setInputValue(`${page}`);
-      }
-    }
-  };
-  const handleBlur = () => {
-    setInputValue(`${page}`);
-  };
-  return /* @__PURE__ */ jsx("span", {
-    children: /* @__PURE__ */ jsx(FormField, {
-      className: clsx(withBaseName("compactInputField"), className),
-      fullWidth: false,
-      ...restFormFieldProps,
-      children: /* @__PURE__ */ jsx(Input, {
-        className: clsx(withBaseName("compactInput"), {
-          [withBaseName("compactInputFixed")]: count < 100
-        }),
-        highlightOnFocus: true,
-        inputProps: {
-          "aria-label": `Go to page, ${count} total`,
-          style: { width: `${`${count}`.length}ch` },
-          role: "textbox"
-        },
-        onBlur: handleBlur,
-        onChange: handleChange,
-        onKeyDown: handleKeyDown,
-        value: inputValue,
-        textAlign: "center"
-      })
-    })
-  });
-};
-
-export { CompactInput };
-//# sourceMappingURL=CompactInput.js.map

package/dist-es/packages/lab/src/pagination/CompactInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompactInput.js","sources":["../src/pagination/CompactInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEventHandler,\n  KeyboardEventHandler,\n  useEffect,\n  useState,\n} from \"react\";\nimport { FormField, FormFieldProps } from \"../form-field\";\nimport { Input } from \"../input\";\nimport { withBaseName } from \"./utils\";\n\nexport interface CompactInputProps {\n  count: number;\n  page: number;\n  onPageChange: (page: number) => void;\n  FormFieldProps?: Partial<FormFieldProps>;\n}\n\nexport const CompactInput = ({\n  page,\n  count,\n  onPageChange,\n  FormFieldProps: { className, ...restFormFieldProps } = {},\n}: CompactInputProps) => {\n  const [inputValue, setInputValue] = useState(`${page}`);\n\n  useEffect(() => {\n    setInputValue(`${page}`);\n  }, [page]);\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    setInputValue(event.target.value);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n    if (event.key === \"Enter\") {\n      const pageValue = Number(inputValue);\n      if (!isNaN(pageValue) && pageValue <= count && pageValue > 0) {\n        onPageChange(pageValue);\n      } else {\n        setInputValue(`${page}`);\n      }\n    }\n  };\n\n  const handleBlur = () => {\n    setInputValue(`${page}`);\n  };\n\n  return (\n    <span>\n      <FormField\n        className={clsx(withBaseName(\"compactInputField\"), className)}\n        fullWidth={false}\n        {...restFormFieldProps}\n      >\n        <Input\n          className={clsx(withBaseName(\"compactInput\"), {\n            [withBaseName(\"compactInputFixed\")]: count < 100,\n          })}\n          highlightOnFocus\n          inputProps={{\n            \"aria-label\": `Go to page, ${count} total`,\n            style: { width: `${`${count}`.length}ch` },\n            role: \"textbox\",\n          }}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          value={inputValue}\n          textAlign={\"center\"}\n        />\n      </FormField>\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAkBO,MAAM,eAAe,CAAC;AAAA,EAC3B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAgB,EAAA,EAAE,SAAc,EAAA,GAAA,kBAAA,KAAuB,EAAC;AAC1D,CAAyB,KAAA;AACvB,EAAA,MAAM,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,QAAA,CAAS,GAAG,IAAM,CAAA,CAAA,CAAA,CAAA;AAEtD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,aAAA,CAAc,GAAG,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,GACzB,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EAAM,MAAA,YAAA,GAAqD,CAAC,KAAU,KAAA;AACpE,IAAc,aAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA,CAAA;AAAA,GAClC,CAAA;AAEA,EAAM,MAAA,aAAA,GAAwD,CAAC,KAAU,KAAA;AACvE,IAAI,IAAA,KAAA,CAAM,QAAQ,OAAS,EAAA;AACzB,MAAM,MAAA,SAAA,GAAY,OAAO,UAAU,CAAA,CAAA;AACnC,MAAA,IAAI,CAAC,KAAM,CAAA,SAAS,KAAK,SAAa,IAAA,KAAA,IAAS,YAAY,CAAG,EAAA;AAC5D,QAAA,YAAA,CAAa,SAAS,CAAA,CAAA;AAAA,OACjB,MAAA;AACL,QAAA,aAAA,CAAc,GAAG,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,OACzB;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,aAAA,CAAc,GAAG,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,GACzB,CAAA;AAEA,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,IACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,mBAAmB,GAAG,SAAS,CAAA;AAAA,MAC5D,SAAW,EAAA,KAAA;AAAA,MACV,GAAG,kBAAA;AAAA,MAEJ,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,QACC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,cAAc,CAAG,EAAA;AAAA,UAC5C,CAAC,YAAA,CAAa,mBAAmB,CAAA,GAAI,KAAQ,GAAA,GAAA;AAAA,SAC9C,CAAA;AAAA,QACD,gBAAgB,EAAA,IAAA;AAAA,QAChB,UAAY,EAAA;AAAA,UACV,cAAc,CAAe,YAAA,EAAA,KAAA,CAAA,MAAA,CAAA;AAAA,UAC7B,OAAO,EAAE,KAAA,EAAO,CAAG,EAAA,CAAA,EAAG,QAAQ,MAAW,CAAA,EAAA,CAAA,EAAA;AAAA,UACzC,IAAM,EAAA,SAAA;AAAA,SACR;AAAA,QACA,MAAQ,EAAA,UAAA;AAAA,QACR,QAAU,EAAA,YAAA;AAAA,QACV,SAAW,EAAA,aAAA;AAAA,QACX,KAAO,EAAA,UAAA;AAAA,QACP,SAAW,EAAA,QAAA;AAAA,OACb,CAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/lab/src/pagination/GoToInput.js

@@ -1,95 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
-import { useId, useForkRef, useIsomorphicLayoutEffect } from '@salt-ds/core';
-import { usePaginationContext } from './usePaginationContext.js';
-import { withBaseName } from './utils.js';
-import { FormField } from '../form-field/FormField.js';
-import '../form-field/FormLabel.js';
-import { Input } from '../input/Input.js';
-import '../input/StaticInputAdornment.js';
-
-const GoToInput = forwardRef(
-  ({
-    className,
-    id: idProp,
-    label = "Go to",
-    FormFieldProps: { ...restFormFieldProps } = {},
-    ...restProps
-  }, forwardedRef) => {
-    const { compact, count, onPageChange, paginatorElement } = usePaginationContext();
-    const id = useId(idProp);
-    const rootRef = useRef(null);
-    const forkedRef = useForkRef(rootRef, forwardedRef);
-    const [inputValue, setInputValue] = useState("");
-    const onChange = useCallback(
-      (event) => {
-        setInputValue(event.target.value);
-      },
-      [setInputValue]
-    );
-    const onKeyDown = (event) => {
-      if (event.key === "Enter") {
-        const pageValue = Number(inputValue);
-        if (!inputValue.startsWith("0") && !isNaN(pageValue) && pageValue > 0 && pageValue <= count) {
-          onPageChange(pageValue);
-        }
-        setInputValue("");
-      }
-    };
-    const onBlur = useCallback(() => {
-      setInputValue("");
-    }, [setInputValue]);
-    useEffect(() => {
-      if (compact) {
-        setInputValue("");
-      }
-    }, [compact]);
-    const [position, setPosition] = useState();
-    useIsomorphicLayoutEffect(() => {
-      if (paginatorElement && !compact && rootRef.current) {
-        setPosition(
-          rootRef.current.compareDocumentPosition(paginatorElement) === Node.DOCUMENT_POSITION_PRECEDING ? "right" : "left"
-        );
-      }
-    }, [paginatorElement, compact, rootRef.current]);
-    if (compact) {
-      return null;
-    }
-    const widthCh = `${`${count}`.length}ch`;
-    return /* @__PURE__ */ jsx("span", {
-      className: clsx(
-        withBaseName("goToInputWrapper"),
-        { [withBaseName(`${position}GoToInput`)]: position },
-        className
-      ),
-      ref: forkedRef,
-      children: /* @__PURE__ */ jsx(FormField, {
-        className: withBaseName("goToInputField"),
-        fullWidth: false,
-        label,
-        labelPlacement: "left",
-        ...restFormFieldProps,
-        children: /* @__PURE__ */ jsx(Input, {
-          className: clsx(withBaseName("goToInput"), {
-            [withBaseName("goToInputFixed")]: count < 100
-          }),
-          id,
-          inputProps: {
-            "aria-labelledby": id,
-            "aria-label": `Page, ${count} total`,
-            style: { width: widthCh }
-          },
-          onBlur,
-          onChange,
-          onKeyDown,
-          value: inputValue,
-          textAlign: "center"
-        })
-      })
-    });
-  }
-);
-
-export { GoToInput };
-//# sourceMappingURL=GoToInput.js.map

package/dist-es/packages/lab/src/pagination/GoToInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GoToInput.js","sources":["../src/pagination/GoToInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  ChangeEventHandler,\n  forwardRef,\n  HTMLAttributes,\n  KeyboardEventHandler,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useForkRef, useId, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { usePaginationContext } from \"./usePaginationContext\";\nimport { withBaseName } from \"./utils\";\nimport { FormField, FormFieldProps } from \"../form-field\";\nimport { Input } from \"../input\";\n\nexport interface GoToInputProps extends HTMLAttributes<HTMLSpanElement> {\n  label?: string;\n  FormFieldProps?: Partial<FormFieldProps>;\n}\n\nexport const GoToInput = forwardRef<HTMLSpanElement, GoToInputProps>(\n  (\n    {\n      className,\n      id: idProp,\n      label = \"Go to\",\n      FormFieldProps: { ...restFormFieldProps } = {},\n      ...restProps\n    },\n\n    forwardedRef\n  ) => {\n    const { compact, count, onPageChange, paginatorElement } =\n      usePaginationContext();\n\n    const id = useId(idProp);\n\n    const rootRef = useRef<HTMLSpanElement>(null);\n    const forkedRef = useForkRef(rootRef, forwardedRef);\n\n    const [inputValue, setInputValue] = useState(\"\");\n\n    const onChange: ChangeEventHandler<HTMLInputElement> = useCallback(\n      (event) => {\n        setInputValue(event.target.value);\n      },\n      [setInputValue]\n    );\n\n    const onKeyDown: KeyboardEventHandler<HTMLInputElement> = (event) => {\n      if (event.key === \"Enter\") {\n        const pageValue = Number(inputValue);\n        if (\n          !inputValue.startsWith(\"0\") &&\n          !isNaN(pageValue) &&\n          pageValue > 0 &&\n          pageValue <= count\n        ) {\n          onPageChange(pageValue);\n        }\n        setInputValue(\"\");\n      }\n    };\n\n    const onBlur = useCallback(() => {\n      setInputValue(\"\");\n    }, [setInputValue]);\n\n    useEffect(() => {\n      if (compact) {\n        setInputValue(\"\");\n      }\n    }, [compact]);\n\n    const [position, setPosition] = useState<\"left\" | \"right\">();\n\n    useIsomorphicLayoutEffect(() => {\n      if (paginatorElement && !compact && rootRef.current) {\n        setPosition(\n          rootRef.current.compareDocumentPosition(paginatorElement) ===\n            Node.DOCUMENT_POSITION_PRECEDING\n            ? \"right\"\n            : \"left\"\n        );\n      }\n    }, [paginatorElement, compact, rootRef.current]);\n\n    if (compact) {\n      return null;\n    }\n\n    const widthCh = `${`${count}`.length}ch`;\n\n    return (\n      <span\n        className={clsx(\n          withBaseName(\"goToInputWrapper\"),\n          { [withBaseName(`${position!}GoToInput`)]: position },\n          className\n        )}\n        ref={forkedRef}\n      >\n        <FormField\n          className={withBaseName(\"goToInputField\")}\n          fullWidth={false}\n          label={label}\n          labelPlacement=\"left\"\n          {...restFormFieldProps}\n        >\n          <Input\n            className={clsx(withBaseName(\"goToInput\"), {\n              [withBaseName(\"goToInputFixed\")]: count < 100,\n            })}\n            id={id}\n            inputProps={{\n              \"aria-labelledby\": id,\n              \"aria-label\": `Page, ${count} total`,\n              style: { width: widthCh },\n            }}\n            onBlur={onBlur}\n            onChange={onChange}\n            onKeyDown={onKeyDown}\n            value={inputValue}\n            textAlign={\"center\"}\n          />\n        </FormField>\n      </span>\n    );\n  }\n);\n"],"names":[],"mappings":"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"}

package/dist-es/packages/lab/src/pagination/PageButton.js

@@ -1,39 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { withBaseName } from './utils.js';
-import { Button } from '@salt-ds/core';
-import { clsx } from 'clsx';
-
-const PageButton = ({
-  page,
-  isSelected,
-  onPageChange,
-  disabled
-}) => {
-  const name = `Page ${page}`;
-  const onKeyDown = (event) => {
-    if (event.key === "Enter") {
-      onPageChange(page);
-    }
-  };
-  const onClick = () => {
-    onPageChange(page);
-  };
-  return /* @__PURE__ */ jsx(Button, {
-    "aria-label": name,
-    name,
-    "aria-current": isSelected ? "page" : void 0,
-    variant: "secondary",
-    className: clsx(withBaseName("pageButton"), {
-      [withBaseName("pageButtonSelected")]: isSelected,
-      [withBaseName("pageButtonFixed")]: page < 100
-    }),
-    onClick,
-    onKeyDown,
-    role: "link",
-    disabled,
-    children: page
-  });
-};
-
-export { PageButton };
-//# sourceMappingURL=PageButton.js.map

package/dist-es/packages/lab/src/pagination/PageButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageButton.js","sources":["../src/pagination/PageButton.tsx"],"sourcesContent":["import { KeyboardEventHandler, MouseEventHandler } from \"react\";\nimport { withBaseName } from \"./utils\";\nimport { Button } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\n\nexport interface PageButtonProps {\n  page: number;\n  isSelected?: boolean;\n  onPageChange: (page: number) => void;\n  disabled?: boolean;\n}\n\nexport const PageButton = ({\n  page,\n  isSelected,\n  onPageChange,\n  disabled,\n}: PageButtonProps) => {\n  const name = `Page ${page}`;\n\n  const onKeyDown: KeyboardEventHandler<HTMLButtonElement> = (event) => {\n    if (event.key === \"Enter\") {\n      onPageChange(page);\n    }\n  };\n\n  const onClick: MouseEventHandler<HTMLButtonElement> = () => {\n    onPageChange(page);\n  };\n\n  return (\n    <Button\n      aria-label={name}\n      name={name}\n      aria-current={isSelected ? \"page\" : undefined}\n      variant=\"secondary\"\n      className={clsx(withBaseName(\"pageButton\"), {\n        [withBaseName(\"pageButtonSelected\")]: isSelected,\n        [withBaseName(\"pageButtonFixed\")]: page < 100,\n      })}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      role=\"link\"\n      disabled={disabled}\n    >\n      {page}\n    </Button>\n  );\n};\n"],"names":[],"mappings":";;;;;AAYO,MAAM,aAAa,CAAC;AAAA,EACzB,IAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AACF,CAAuB,KAAA;AACrB,EAAA,MAAM,OAAO,CAAQ,KAAA,EAAA,IAAA,CAAA,CAAA,CAAA;AAErB,EAAM,MAAA,SAAA,GAAqD,CAAC,KAAU,KAAA;AACpE,IAAI,IAAA,KAAA,CAAM,QAAQ,OAAS,EAAA;AACzB,MAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AAAA,KACnB;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,UAAgD,MAAM;AAC1D,IAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AAAA,GACnB,CAAA;AAEA,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA;AAAA,IACC,YAAY,EAAA,IAAA;AAAA,IACZ,IAAA;AAAA,IACA,cAAA,EAAc,aAAa,MAAS,GAAA,KAAA,CAAA;AAAA,IACpC,OAAQ,EAAA,WAAA;AAAA,IACR,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,YAAY,CAAG,EAAA;AAAA,MAC1C,CAAC,YAAa,CAAA,oBAAoB,CAAI,GAAA,UAAA;AAAA,MACtC,CAAC,YAAA,CAAa,iBAAiB,CAAA,GAAI,IAAO,GAAA,GAAA;AAAA,KAC3C,CAAA;AAAA,IACD,OAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAK,EAAA,MAAA;AAAA,IACL,QAAA;AAAA,IAEC,QAAA,EAAA,IAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/lab/src/pagination/Pagination.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".salt-density-medium {\n  --pagination-button-size: 28px;\n  --pagination-fontSize: 12px;\n}\n\n.salt-density-high {\n  --pagination-button-size: 20px;\n  --pagination-fontSize: 11px;\n}\n\n.salt-density-low {\n  --pagination-button-size: 36px;\n  --pagination-fontSize: 14px;\n}\n\n.salt-density-touch {\n  --pagination-button-size: 44px;\n  --pagination-fontSize: 16px;\n}\n\n.saltPagination {\n  display: flex;\n  flex-direction: row;\n}\n\n.saltPagination-arrowButton {\n  width: var(--pagination-button-size);\n  height: var(--pagination-button-size);\n}\n\n.saltPagination-previousButton {\n  margin-right: var(--salt-size-unit);\n}\n\n.saltPagination-nextButton {\n  margin-left: var(--salt-size-unit);\n}\n\n.saltPagination-pageButton {\n  min-width: var(--pagination-button-size);\n  height: var(--pagination-button-size);\n  --saltButton-fontWeight: var(--salt-text-fontWeight);\n}\n\n.saltPagination-pageButtonSelected {\n  background: var(--salt-selectable-background-selected);\n  color: var(--salt-selectable-cta-foreground-selected);\n}\n\n.saltPagination-pageButtonFixed {\n  padding: 0;\n}\n\n.saltPagination-ellipsis {\n  width: var(--pagination-button-size);\n  height: var(--pagination-button-size);\n  text-align: center;\n}\n\n.saltPagination-accessibleText {\n  display: block;\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  top: 0;\n  left: 0;\n  opacity: 0;\n}\n\n.saltPagination-compactInputField {\n}\n\n.saltPagination-compactInput {\n  height: var(--pagination-button-size);\n  min-width: unset;\n}\n\n.saltPagination-compactInputFixed {\n  min-width: var(--pagination-button-size);\n  width: var(--pagination-button-size);\n}\n\n.saltPagination-compactSeparator {\n  height: var(--pagination-button-size);\n  width: var(--pagination-button-size);\n  text-align: center;\n  font-size: var(--pagination-fontSize);\n  line-height: var(--pagination-button-size);\n}\n\n.saltPagination-goToInputWrapper {\n}\n\n.saltPagination-leftGoToInput {\n  margin-right: var(--salt-size-unit);\n}\n\n.saltPagination-rightGoToInput {\n  margin-left: var(--salt-size-unit);\n  min-width: unset;\n}\n\n.saltPagination-goToInputField {\n}\n\n.saltPagination-goToInput {\n  height: var(--pagination-button-size);\n  min-width: unset;\n}\n\n.saltPagination-goToInputFixed {\n  min-width: var(--pagination-button-size);\n  width: var(--pagination-button-size);\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=Pagination.css.js.map

package/dist-es/packages/lab/src/pagination/Pagination.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist-es/packages/lab/src/pagination/Pagination.js

@@ -1,91 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useControlled, useAriaAnnouncer } from '@salt-ds/core';
-import { clsx } from 'clsx';
-import { forwardRef, useState, useCallback, useMemo, useRef, useEffect } from 'react';
-import { paginationContext } from './PaginationContext.js';
-import { withBaseName } from './utils.js';
-
-const { Provider } = paginationContext;
-const Pagination = forwardRef(
-  ({
-    className,
-    count,
-    children,
-    initialPage = 1,
-    page: pageProp,
-    onPageChange: onPageChangeProp,
-    compact = false,
-    ...restProps
-  }, ref) => {
-    const [pageState, setPageState] = useControlled({
-      controlled: pageProp,
-      default: initialPage,
-      name: "Paginator",
-      state: "page"
-    });
-    const [paginatorElement, setPaginatorElement] = useState();
-    const onPageChange = useCallback(
-      (page) => {
-        setPageState(page);
-        onPageChangeProp && onPageChangeProp(page);
-      },
-      [onPageChangeProp, setPageState]
-    );
-    const contextValue = useMemo(
-      () => ({
-        page: pageState,
-        count,
-        compact,
-        onPageChange,
-        paginatorElement,
-        setPaginatorElement
-      }),
-      [pageState, count, onPageChange]
-    );
-    const onKeyDown = useCallback(
-      ({ altKey, key }) => {
-        if (altKey) {
-          switch (key) {
-            case "PageDown":
-              onPageChange(Math.min(pageState + 1, count));
-              break;
-            case "PageUp":
-              onPageChange(Math.max(pageState - 1, 1));
-              break;
-          }
-        }
-      },
-      [onPageChange]
-    );
-    const { announce } = useAriaAnnouncer();
-    const mounted = useRef(false);
-    useEffect(() => {
-      if (mounted.current) {
-        announce(`Page ${pageState}`);
-      } else {
-        mounted.current = true;
-      }
-    }, [announce, pageState]);
-    useEffect(() => {
-      if (count < pageState) {
-        onPageChange(1);
-      }
-    }, [count, pageState, onPageChange]);
-    if (count < 2) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(Provider, {
-      value: contextValue,
-      children: /* @__PURE__ */ jsx("nav", {
-        className: clsx(withBaseName(), className),
-        onKeyDown,
-        ref,
-        ...restProps,
-        children
-      })
-    });
-  }
-);
-
-export { Pagination };
-//# sourceMappingURL=Pagination.js.map

package/dist-es/packages/lab/src/pagination/Pagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.js","sources":["../src/pagination/Pagination.tsx"],"sourcesContent":["import { useAriaAnnouncer, useControlled } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  forwardRef,\n  HTMLAttributes,\n  KeyboardEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { PaginationContext, paginationContext } from \"./PaginationContext\";\nimport { withBaseName } from \"./utils\";\n\nconst { Provider } = paginationContext;\n\nexport interface PaginationProps extends HTMLAttributes<HTMLElement> {\n  count: number;\n  page?: number;\n  initialPage?: number;\n  onPageChange?: (page: number) => void;\n  compact?: boolean;\n}\n\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(\n  (\n    {\n      className,\n      count,\n      children,\n      initialPage = 1,\n      page: pageProp,\n      onPageChange: onPageChangeProp,\n      compact = false,\n      ...restProps\n    },\n    ref\n  ) => {\n    const [pageState, setPageState] = useControlled({\n      controlled: pageProp,\n      default: initialPage,\n      name: \"Paginator\",\n      state: \"page\",\n    });\n\n    const [paginatorElement, setPaginatorElement] = useState<HTMLDivElement>();\n\n    const onPageChange = useCallback(\n      (page: number) => {\n        setPageState(page);\n        onPageChangeProp && onPageChangeProp(page);\n      },\n      [onPageChangeProp, setPageState]\n    );\n\n    const contextValue: PaginationContext = useMemo(\n      () => ({\n        page: pageState,\n        count,\n        compact,\n        onPageChange,\n        paginatorElement,\n        setPaginatorElement,\n      }),\n      [pageState, count, onPageChange]\n    );\n\n    const onKeyDown: KeyboardEventHandler = useCallback(\n      ({ altKey, key }) => {\n        if (altKey) {\n          switch (key) {\n            case \"PageDown\":\n              onPageChange(Math.min(pageState + 1, count));\n              break;\n            case \"PageUp\":\n              onPageChange(Math.max(pageState - 1, 1));\n              break;\n            default:\n          }\n        }\n      },\n      [onPageChange]\n    );\n\n    const { announce } = useAriaAnnouncer();\n    const mounted = useRef<boolean>(false);\n\n    useEffect(() => {\n      if (mounted.current) {\n        announce(`Page ${pageState}`);\n      } else {\n        mounted.current = true;\n      }\n    }, [announce, pageState]);\n\n    useEffect(() => {\n      if (count < pageState) {\n        onPageChange(1);\n      }\n    }, [count, pageState, onPageChange]);\n\n    if (count < 2) {\n      return null;\n    }\n\n    return (\n      <Provider value={contextValue}>\n        <nav\n          className={clsx(withBaseName(), className)}\n          onKeyDown={onKeyDown}\n          ref={ref}\n          {...restProps}\n        >\n          {children}\n        </nav>\n      </Provider>\n    );\n  }\n);\n"],"names":[],"mappings":"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"}