@salt-ds/lab 1.0.0-alpha.25 → 1.0.0-alpha.26

package/dist-cjs/pagination/ArrowButton.js

@@ -1,64 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var icons = require('@salt-ds/icons');
-var clsx = require('clsx');
-var utils = require('./utils.js');
-
-const contentByType = /* @__PURE__ */ new Map([
-  [
-    "previous",
-    {
-      icon: icons.ChevronLeftIcon,
-      name: "Previous Page",
-      className: utils.withBaseName("previousButton")
-    }
-  ],
-  [
-    "next",
-    {
-      icon: icons.ChevronRightIcon,
-      name: "Next Page",
-      className: utils.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__ */ jsxRuntime.jsx(core.Button, {
-    ...restProps,
-    variant: "secondary",
-    className: clsx.clsx(utils.withBaseName("arrowButton"), className),
-    role: "link",
-    name,
-    "aria-label": name,
-    onKeyDown,
-    onClick,
-    children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {
-      "aria-label": name
-    })
-  });
-};
-
-exports.ArrowButton = ArrowButton;
-//# sourceMappingURL=ArrowButton.js.map

package/dist-cjs/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":["ChevronLeftIcon","withBaseName","ChevronRightIcon","jsx","Button","clsx"],"mappings":";;;;;;;;;;AAmBA,MAAM,aAAA,uBAAoB,GAAoC,CAAA;AAAA,EAC5D;AAAA,IACE,UAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAAA,qBAAA;AAAA,MACN,IAAM,EAAA,eAAA;AAAA,MACN,SAAA,EAAWC,mBAAa,gBAAgB,CAAA;AAAA,KAC1C;AAAA,GACF;AAAA,EACA;AAAA,IACE,MAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAAC,sBAAA;AAAA,MACN,IAAM,EAAA,WAAA;AAAA,MACN,SAAA,EAAWD,mBAAa,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,uBACGE,cAAA,CAAAC,WAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,OAAQ,EAAA,WAAA;AAAA,IACR,SAAW,EAAAC,SAAA,CAAKJ,kBAAa,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,kBAAAE,cAAA,CAAA,IAAA,EAAA;AAAA,MAAK,YAAY,EAAA,IAAA;AAAA,KAAM,CAAA;AAAA,GAC1B,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/pagination/CompactControls.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var CompactInput = require('./CompactInput.js');
-var PageButton = require('./PageButton.js');
-var utils = require('./utils.js');
-
-const CompactControls = ({
-  page,
-  count,
-  onPageChange,
-  FormFieldProps: FormFieldProps2
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(CompactInput.CompactInput, {
-        page,
-        count,
-        onPageChange,
-        FormFieldProps: FormFieldProps2
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", {
-        className: utils.withBaseName("compactSeparator"),
-        children: "of"
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx(PageButton.PageButton, {
-        page: count,
-        onPageChange,
-        disabled: page === count
-      })
-    ]
-  });
-};
-
-exports.CompactControls = CompactControls;
-//# sourceMappingURL=CompactControls.js.map

package/dist-cjs/pagination/CompactControls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompactControls.js","sources":["../src/pagination/CompactControls.tsx"],"sourcesContent":["import { FormFieldLegacyProps as FormFieldProps } from \"../form-field-legacy\";\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","jsxs","Fragment","jsx","CompactInput","withBaseName","PageButton"],"mappings":";;;;;;;;;AAYO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAAA,EAAAA,eAAAA;AACF,CAA4B,KAAA;AAC1B,EACE,uBAAAC,eAAA,CAAAC,mBAAA,EAAA;AAAA,IACE,QAAA,EAAA;AAAA,sBAACC,cAAA,CAAAC,yBAAA,EAAA;AAAA,QACC,IAAA;AAAA,QACA,KAAA;AAAA,QACA,YAAA;AAAA,QACA,cAAgBJ,EAAAA,eAAAA;AAAA,OAClB,CAAA;AAAA,sBACCG,cAAA,CAAA,MAAA,EAAA;AAAA,QAAK,SAAA,EAAWE,mBAAa,kBAAkB,CAAA;AAAA,QAAG,QAAA,EAAA,IAAA;AAAA,OAAE,CAAA;AAAA,sBACpDF,cAAA,CAAAG,qBAAA,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-cjs/pagination/RegularControls.js

@@ -1,58 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var utils = require('./utils.js');
-var usePagination = require('./usePagination.js');
-var PageButton = require('./PageButton.js');
-
-const Ellipsis = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: utils.withBaseName("ellipsis"),
-    children: `\u2026`
-  });
-};
-const mapRange = (range, fn) => {
-  const result = [];
-  for (let i = range[0]; i <= range[1]; ++i) {
-    result.push(fn(i));
-  }
-  return result;
-};
-function RegularControls({
-  page,
-  count,
-  onPageChange,
-  siblingCount = 2,
-  boundaryCount = 1
-}) {
-  const renderPages = (range, selectedPage) => {
-    if (!range) {
-      return null;
-    }
-    return mapRange(range, (i) => /* @__PURE__ */ jsxRuntime.jsx(PageButton.PageButton, {
-      page: i,
-      isSelected: selectedPage === i,
-      onPageChange
-    }, i));
-  };
-  const [leftPages, middlePages, rightPages] = usePagination.usePagination(
-    page,
-    count,
-    Math.max(1, boundaryCount),
-    siblingCount
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [
-      renderPages(leftPages, page),
-      leftPages && /* @__PURE__ */ jsxRuntime.jsx(Ellipsis, {}),
-      renderPages(middlePages, page),
-      rightPages && /* @__PURE__ */ jsxRuntime.jsx(Ellipsis, {}),
-      renderPages(rightPages, page)
-    ]
-  });
-}
-
-exports.RegularControls = RegularControls;
-//# sourceMappingURL=RegularControls.js.map

package/dist-cjs/pagination/RegularControls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RegularControls.js","sources":["../src/pagination/RegularControls.tsx"],"sourcesContent":["import { withBaseName } from \"./utils\";\nimport { PageRange, usePagination } from \"./usePagination\";\nimport { ReactElement } from \"react\";\nimport { PageButton } from \"./PageButton\";\n\nexport interface RegularControlsProps {\n  count: number;\n  page: number;\n  onPageChange: (page: number) => void;\n  boundaryCount?: number;\n  siblingCount?: number;\n}\n\nconst Ellipsis = () => {\n  return <div className={withBaseName(\"ellipsis\")}>{`\\u2026`}</div>;\n};\n\nconst mapRange = (range: PageRange, fn: (i: number) => ReactElement) => {\n  const result: ReactElement[] = [];\n  for (let i = range[0]; i <= range[1]; ++i) {\n    result.push(fn(i));\n  }\n  return result;\n};\n\nexport function RegularControls({\n  page,\n  count,\n  onPageChange,\n  siblingCount = 2,\n  boundaryCount = 1,\n}: RegularControlsProps) {\n  const renderPages = (range?: PageRange, selectedPage?: number) => {\n    if (!range) {\n      return null;\n    }\n    return mapRange(range, (i) => (\n      <PageButton\n        key={i}\n        page={i}\n        isSelected={selectedPage === i}\n        onPageChange={onPageChange}\n      />\n    ));\n  };\n\n  const [leftPages, middlePages, rightPages] = usePagination(\n    page,\n    count,\n    Math.max(1, boundaryCount),\n    siblingCount\n  );\n\n  return (\n    <>\n      {renderPages(leftPages, page)}\n      {leftPages && <Ellipsis />}\n      {renderPages(middlePages, page)}\n      {rightPages && <Ellipsis />}\n      {renderPages(rightPages, page)}\n    </>\n  );\n}\n"],"names":["jsx","withBaseName","PageButton","usePagination","jsxs","Fragment"],"mappings":";;;;;;;;;AAaA,MAAM,WAAW,MAAM;AACrB,EAAA,uBAAQA,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAA,EAAWC,mBAAa,UAAU,CAAA;AAAA,IAAI,QAAA,EAAA,CAAA,MAAA,CAAA;AAAA,GAAS,CAAA,CAAA;AAC7D,CAAA,CAAA;AAEA,MAAM,QAAA,GAAW,CAAC,KAAA,EAAkB,EAAoC,KAAA;AACtE,EAAA,MAAM,SAAyB,EAAC,CAAA;AAChC,EAAA,KAAA,IAAS,IAAI,KAAM,CAAA,CAAA,CAAA,EAAI,KAAK,KAAM,CAAA,CAAA,CAAA,EAAI,EAAE,CAAG,EAAA;AACzC,IAAO,MAAA,CAAA,IAAA,CAAK,EAAG,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,GACnB;AACA,EAAO,OAAA,MAAA,CAAA;AACT,CAAA,CAAA;AAEO,SAAS,eAAgB,CAAA;AAAA,EAC9B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAe,GAAA,CAAA;AAAA,EACf,aAAgB,GAAA,CAAA;AAClB,CAAyB,EAAA;AACvB,EAAM,MAAA,WAAA,GAAc,CAAC,KAAA,EAAmB,YAA0B,KAAA;AAChE,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AACA,IAAA,OAAO,QAAS,CAAA,KAAA,EAAO,CAAC,CAAA,qBACrBD,cAAA,CAAAE,qBAAA,EAAA;AAAA,MAEC,IAAM,EAAA,CAAA;AAAA,MACN,YAAY,YAAiB,KAAA,CAAA;AAAA,MAC7B,YAAA;AAAA,KAAA,EAHK,CAIP,CACD,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,CAAC,SAAA,EAAW,WAAa,EAAA,UAAU,CAAI,GAAAC,2BAAA;AAAA,IAC3C,IAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA,CAAK,GAAI,CAAA,CAAA,EAAG,aAAa,CAAA;AAAA,IACzB,YAAA;AAAA,GACF,CAAA;AAEA,EACE,uBAAAC,eAAA,CAAAC,mBAAA,EAAA;AAAA,IACG,QAAA,EAAA;AAAA,MAAA,WAAA,CAAY,WAAW,IAAI,CAAA;AAAA,MAC3B,SAAA,mCAAc,QAAS,EAAA,EAAA,CAAA;AAAA,MACvB,WAAA,CAAY,aAAa,IAAI,CAAA;AAAA,MAC7B,UAAA,mCAAe,QAAS,EAAA,EAAA,CAAA;AAAA,MACxB,WAAA,CAAY,YAAY,IAAI,CAAA;AAAA,KAAA;AAAA,GAC/B,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/pagination/utils.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@salt-ds/core');
-
-const withBaseName = core.makePrefixer("saltPagination");
-
-exports.withBaseName = withBaseName;
-//# sourceMappingURL=utils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../src/pagination/utils.ts"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\n\nexport const withBaseName = makePrefixer(\"saltPagination\");\n"],"names":["makePrefixer"],"mappings":";;;;;;AAEa,MAAA,YAAA,GAAeA,kBAAa,gBAAgB;;;;"}

package/dist-es/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/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/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/pagination/CompactControls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompactControls.js","sources":["../src/pagination/CompactControls.tsx"],"sourcesContent":["import { FormFieldLegacyProps as FormFieldProps } from \"../form-field-legacy\";\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/pagination/RegularControls.js

@@ -1,54 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { withBaseName } from './utils.js';
-import { usePagination } from './usePagination.js';
-import { PageButton } from './PageButton.js';
-
-const Ellipsis = () => {
-  return /* @__PURE__ */ jsx("div", {
-    className: withBaseName("ellipsis"),
-    children: `\u2026`
-  });
-};
-const mapRange = (range, fn) => {
-  const result = [];
-  for (let i = range[0]; i <= range[1]; ++i) {
-    result.push(fn(i));
-  }
-  return result;
-};
-function RegularControls({
-  page,
-  count,
-  onPageChange,
-  siblingCount = 2,
-  boundaryCount = 1
-}) {
-  const renderPages = (range, selectedPage) => {
-    if (!range) {
-      return null;
-    }
-    return mapRange(range, (i) => /* @__PURE__ */ jsx(PageButton, {
-      page: i,
-      isSelected: selectedPage === i,
-      onPageChange
-    }, i));
-  };
-  const [leftPages, middlePages, rightPages] = usePagination(
-    page,
-    count,
-    Math.max(1, boundaryCount),
-    siblingCount
-  );
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      renderPages(leftPages, page),
-      leftPages && /* @__PURE__ */ jsx(Ellipsis, {}),
-      renderPages(middlePages, page),
-      rightPages && /* @__PURE__ */ jsx(Ellipsis, {}),
-      renderPages(rightPages, page)
-    ]
-  });
-}
-
-export { RegularControls };
-//# sourceMappingURL=RegularControls.js.map

package/dist-es/pagination/RegularControls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RegularControls.js","sources":["../src/pagination/RegularControls.tsx"],"sourcesContent":["import { withBaseName } from \"./utils\";\nimport { PageRange, usePagination } from \"./usePagination\";\nimport { ReactElement } from \"react\";\nimport { PageButton } from \"./PageButton\";\n\nexport interface RegularControlsProps {\n  count: number;\n  page: number;\n  onPageChange: (page: number) => void;\n  boundaryCount?: number;\n  siblingCount?: number;\n}\n\nconst Ellipsis = () => {\n  return <div className={withBaseName(\"ellipsis\")}>{`\\u2026`}</div>;\n};\n\nconst mapRange = (range: PageRange, fn: (i: number) => ReactElement) => {\n  const result: ReactElement[] = [];\n  for (let i = range[0]; i <= range[1]; ++i) {\n    result.push(fn(i));\n  }\n  return result;\n};\n\nexport function RegularControls({\n  page,\n  count,\n  onPageChange,\n  siblingCount = 2,\n  boundaryCount = 1,\n}: RegularControlsProps) {\n  const renderPages = (range?: PageRange, selectedPage?: number) => {\n    if (!range) {\n      return null;\n    }\n    return mapRange(range, (i) => (\n      <PageButton\n        key={i}\n        page={i}\n        isSelected={selectedPage === i}\n        onPageChange={onPageChange}\n      />\n    ));\n  };\n\n  const [leftPages, middlePages, rightPages] = usePagination(\n    page,\n    count,\n    Math.max(1, boundaryCount),\n    siblingCount\n  );\n\n  return (\n    <>\n      {renderPages(leftPages, page)}\n      {leftPages && <Ellipsis />}\n      {renderPages(middlePages, page)}\n      {rightPages && <Ellipsis />}\n      {renderPages(rightPages, page)}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;AAaA,MAAM,WAAW,MAAM;AACrB,EAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,SAAA,EAAW,aAAa,UAAU,CAAA;AAAA,IAAI,QAAA,EAAA,CAAA,MAAA,CAAA;AAAA,GAAS,CAAA,CAAA;AAC7D,CAAA,CAAA;AAEA,MAAM,QAAA,GAAW,CAAC,KAAA,EAAkB,EAAoC,KAAA;AACtE,EAAA,MAAM,SAAyB,EAAC,CAAA;AAChC,EAAA,KAAA,IAAS,IAAI,KAAM,CAAA,CAAA,CAAA,EAAI,KAAK,KAAM,CAAA,CAAA,CAAA,EAAI,EAAE,CAAG,EAAA;AACzC,IAAO,MAAA,CAAA,IAAA,CAAK,EAAG,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,GACnB;AACA,EAAO,OAAA,MAAA,CAAA;AACT,CAAA,CAAA;AAEO,SAAS,eAAgB,CAAA;AAAA,EAC9B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAe,GAAA,CAAA;AAAA,EACf,aAAgB,GAAA,CAAA;AAClB,CAAyB,EAAA;AACvB,EAAM,MAAA,WAAA,GAAc,CAAC,KAAA,EAAmB,YAA0B,KAAA;AAChE,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AACA,IAAA,OAAO,QAAS,CAAA,KAAA,EAAO,CAAC,CAAA,qBACrB,GAAA,CAAA,UAAA,EAAA;AAAA,MAEC,IAAM,EAAA,CAAA;AAAA,MACN,YAAY,YAAiB,KAAA,CAAA;AAAA,MAC7B,YAAA;AAAA,KAAA,EAHK,CAIP,CACD,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,CAAC,SAAA,EAAW,WAAa,EAAA,UAAU,CAAI,GAAA,aAAA;AAAA,IAC3C,IAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA,CAAK,GAAI,CAAA,CAAA,EAAG,aAAa,CAAA;AAAA,IACzB,YAAA;AAAA,GACF,CAAA;AAEA,EACE,uBAAA,IAAA,CAAA,QAAA,EAAA;AAAA,IACG,QAAA,EAAA;AAAA,MAAA,WAAA,CAAY,WAAW,IAAI,CAAA;AAAA,MAC3B,SAAA,wBAAc,QAAS,EAAA,EAAA,CAAA;AAAA,MACvB,WAAA,CAAY,aAAa,IAAI,CAAA;AAAA,MAC7B,UAAA,wBAAe,QAAS,EAAA,EAAA,CAAA;AAAA,MACxB,WAAA,CAAY,YAAY,IAAI,CAAA;AAAA,KAAA;AAAA,GAC/B,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/pagination/utils.js

@@ -1,6 +0,0 @@
-import { makePrefixer } from '@salt-ds/core';
-
-const withBaseName = makePrefixer("saltPagination");
-
-export { withBaseName };
-//# sourceMappingURL=utils.js.map

package/dist-es/pagination/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../src/pagination/utils.ts"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\n\nexport const withBaseName = makePrefixer(\"saltPagination\");\n"],"names":[],"mappings":";;AAEa,MAAA,YAAA,GAAe,aAAa,gBAAgB;;;;"}

package/dist-types/pagination/ArrowButton.d.ts

@@ -1,7 +0,0 @@
-import { ButtonProps } from "@salt-ds/core";
-export declare type ArrowButtonType = "previous" | "next";
-export interface ArrowButtonProps extends ButtonProps {
-    arrowButtonType: ArrowButtonType;
-    onPress: () => void;
-}
-export declare const ArrowButton: ({ arrowButtonType, onPress, onKeyDown: onKeyDownProp, onClick: onClickProp, ...restProps }: ArrowButtonProps) => JSX.Element;

package/dist-types/pagination/CompactControls.d.ts

@@ -1,8 +0,0 @@
-import { FormFieldLegacyProps as FormFieldProps } from "../form-field-legacy";
-export interface CompactControlsProps {
-    count: number;
-    page: number;
-    onPageChange: (page: number) => void;
-    FormFieldProps?: Partial<FormFieldProps>;
-}
-export declare const CompactControls: ({ page, count, onPageChange, FormFieldProps, }: CompactControlsProps) => JSX.Element;

package/dist-types/pagination/RegularControls.d.ts

@@ -1,8 +0,0 @@
-export interface RegularControlsProps {
-    count: number;
-    page: number;
-    onPageChange: (page: number) => void;
-    boundaryCount?: number;
-    siblingCount?: number;
-}
-export declare function RegularControls({ page, count, onPageChange, siblingCount, boundaryCount, }: RegularControlsProps): JSX.Element;

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

@@ -1 +0,0 @@
-export declare const withBaseName: import("@salt-ds/core").ClassNamePrefixer;