@mrshmllw/smores-react 6.0.1 → 6.0.3

package/dist/Modal/useBodyScrollLock.js

@@ -1,26 +1,21 @@
 import { useEffect } from 'react';
-import { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';
-
-function useBodyScrollLock({
-  node,
-  showModal
-}) {
-  useEffect(() => {
-    return () => clearAllBodyScrollLocks();
-  }, []);
-  useEffect(() => {
-    if (node === null)
-      return;
-    if (showModal) {
-      disableBodyScroll(node, {
-        reserveScrollBarGap: true,
-        allowTouchMove: () => true
-      });
-    } else {
-      enableBodyScroll(node);
-    }
-  }, [node, showModal]);
+import { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll, } from 'body-scroll-lock';
+export default function useBodyScrollLock({ node, showModal, }) {
+    useEffect(() => {
+        return () => clearAllBodyScrollLocks();
+    }, []);
+    useEffect(() => {
+        if (node === null)
+            return;
+        if (showModal) {
+            disableBodyScroll(node, {
+                reserveScrollBarGap: true,
+                allowTouchMove: () => true,
+            });
+        }
+        else {
+            enableBodyScroll(node);
+        }
+    }, [node, showModal]);
 }
-
-export { useBodyScrollLock as default };
-//# sourceMappingURL=useBodyScrollLock.js.map
+//# sourceMappingURL=useBodyScrollLock.js.map

package/dist/Modal/useBodyScrollLock.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBodyScrollLock.js","sources":["../../src/Modal/useBodyScrollLock.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport {\n  clearAllBodyScrollLocks,\n  disableBodyScroll,\n  enableBodyScroll,\n} from 'body-scroll-lock'\n\nexport default function useBodyScrollLock({\n  node,\n  showModal,\n}: {\n  node: HTMLDivElement | null\n  showModal: boolean\n}) {\n  useEffect(() => {\n    return () => clearAllBodyScrollLocks()\n  }, [])\n\n  useEffect(() => {\n    if (node === null) return\n\n    if (showModal) {\n      disableBodyScroll(node, {\n        reserveScrollBarGap: true,\n        allowTouchMove: () => true,\n      })\n    } else {\n      enableBodyScroll(node)\n    }\n  }, [node, showModal])\n}\n"],"names":[],"mappings":";;;AAOA,SAAwB,iBAAkB,CAAA;AAAA,EACxC,IAAA;AAAA,EACA,SAAA;AACF,CAGG,EAAA;AACD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,MAAM,uBAAwB,EAAA,CAAA;AAAA,GACvC,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,IAAS,KAAA,IAAA;AAAM,MAAA,OAAA;AAEnB,IAAA,IAAI,SAAW,EAAA;AACb,MAAA,iBAAA,CAAkB,IAAM,EAAA;AAAA,QACtB,mBAAqB,EAAA,IAAA;AAAA,QACrB,gBAAgB,MAAM,IAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACI,MAAA;AACL,MAAA,gBAAA,CAAiB,IAAI,CAAA,CAAA;AAAA,KACvB;AAAA,GACC,EAAA,CAAC,IAAM,EAAA,SAAS,CAAC,CAAA,CAAA;AACtB;;;;"}
+{"version":3,"file":"useBodyScrollLock.js","sourceRoot":"","sources":["../../src/Modal/useBodyScrollLock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,kBAAkB,CAAA;AAEzB,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,IAAI,EACJ,SAAS,GAIV;IACC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE,CAAC,uBAAuB,EAAE,CAAA;IACxC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,KAAK,IAAI;YAAE,OAAM;QAEzB,IAAI,SAAS,EAAE,CAAC;YACd,iBAAiB,CAAC,IAAI,EAAE;gBACtB,mBAAmB,EAAE,IAAI;gBACzB,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI;aAC3B,CAAC,CAAA;QACJ,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,IAAI,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAA;AACvB,CAAC"}

package/dist/NumberInput/NumberInput.js

@@ -1,139 +1,91 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import React, { forwardRef, } from 'react';
 import styled from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { Icon } from '../Icon/Icon.js';
-import { Field } from '../fields/Field/Field.js';
-import { useUniqueId } from '../utils/id.js';
-import { StyledFrontIcon, Input, StyledTrailingIcon } from '../fields/components/CommonInput.js';
-
-const NumberInput = forwardRef(function NumberInput2({
-  id: idProp,
-  type = "number",
-  placeholder,
-  name,
-  value,
-  onChange,
-  onInputChange,
-  onBlur,
-  min = -999999,
-  max = 999999,
-  step = 0,
-  disabled = false,
-  error = false,
-  frontIcon,
-  trailingIcon,
-  fallbackStyle,
-  ...fieldProps
-}, ref) {
-  const id = useUniqueId(idProp);
-  const isInRange = (value2) => {
-    if (min && value2 < min) {
-      return false;
-    }
-    if (max && value2 > max) {
-      return false;
-    }
-    return true;
-  };
-  const roundNumber = (event) => {
-    return Math.round(event * 100) / 100;
-  };
-  const applyMinMax = (value2) => {
-    if (min && value2 < min)
-      return min;
-    if (max && value2 > max)
-      return max;
-    return value2;
-  };
-  const handleChange = (event) => {
-    if (onChange === void 0)
-      return;
-    const EMPTY_INPUT = "";
-    if (event === EMPTY_INPUT) {
-      onChange(event);
-    } else {
-      const amount = Number(event);
-      const normalisedValue = applyMinMax(amount);
-      onChange(normalisedValue);
-    }
-  };
-  const incrementValue = (event) => {
-    if (onChange === void 0)
-      return;
-    event.preventDefault();
-    const currentValue = Number(value) + step;
-    if (isInRange(currentValue)) {
-      onChange(roundNumber(currentValue));
-    }
-  };
-  const decrementValue = (event) => {
-    if (onChange === void 0)
-      return;
-    event.preventDefault();
-    const currentValue = Number(value) - step;
-    if (isInRange(currentValue)) {
-      onChange(roundNumber(currentValue));
-    }
-  };
-  return /* @__PURE__ */ jsx(Field, { ...fieldProps, htmlFor: id, error, children: /* @__PURE__ */ jsxs(Box, { flex: true, alignItems: "center", justifyContent: "flex-start", children: [
-    frontIcon && /* @__PURE__ */ jsx(
-      StyledFrontIcon,
-      {
-        disabled,
-        render: frontIcon,
-        color: "sesame"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        ref,
-        error,
-        disabled,
-        type,
-        id,
-        name,
-        placeholder,
-        value,
-        frontIcon,
-        step,
-        fallbackStyle,
-        onChange: (e) => {
-          onChange && handleChange(e.currentTarget.value);
-          onInputChange && onInputChange(e);
-        },
-        onBlur
-      }
-    ),
-    onChange && step > 0 && /* @__PURE__ */ jsxs(Spinner, { children: [
-      /* @__PURE__ */ jsx(SpinnerButton, { onClick: incrementValue, disabled, children: /* @__PURE__ */ jsx(Icon, { render: "caret", rotate: 180, color: "sesame", size: 24 }) }),
-      /* @__PURE__ */ jsx(SpinnerButton, { onClick: decrementValue, disabled, children: /* @__PURE__ */ jsx(Icon, { render: "caret", color: "sesame", size: 24 }) })
-    ] }),
-    trailingIcon && !step && /* @__PURE__ */ jsx(
-      StyledTrailingIcon,
-      {
-        disabled,
-        render: trailingIcon,
-        color: "sesame"
-      }
-    )
-  ] }) });
+import { Box } from '../Box';
+import { Icon } from '../Icon';
+import { Field } from '../fields/Field';
+import { useUniqueId } from '../utils/id';
+import { Input, StyledFrontIcon, StyledTrailingIcon, } from '../fields/components/CommonInput';
+export const NumberInput = forwardRef(function NumberInput({ id: idProp, type = 'number', placeholder, name, value, onChange, onInputChange, onBlur, min = -999999, max = 999999, step = 0, disabled = false, error = false, frontIcon, trailingIcon, fallbackStyle, ...fieldProps }, ref) {
+    const id = useUniqueId(idProp);
+    // Check whether the min/max value exists is within the specified range
+    const isInRange = (value) => {
+        if (min && value < min) {
+            return false;
+        }
+        if (max && value > max) {
+            return false;
+        }
+        return true;
+    };
+    // Round the number to two decimal places
+    const roundNumber = (event) => {
+        return Math.round(event * 100) / 100;
+    };
+    const applyMinMax = (value) => {
+        if (min && value < min)
+            return min;
+        if (max && value > max)
+            return max;
+        return value;
+    };
+    const handleChange = (event) => {
+        if (onChange === undefined)
+            return;
+        const EMPTY_INPUT = '';
+        if (event === EMPTY_INPUT) {
+            onChange(event);
+        }
+        else {
+            const amount = Number(event);
+            const normalisedValue = applyMinMax(amount);
+            onChange(normalisedValue);
+        }
+    };
+    // Increment or decrement the value when clicking the Spinner controls
+    const incrementValue = (event) => {
+        if (onChange === undefined)
+            return;
+        event.preventDefault();
+        const currentValue = Number(value) + step;
+        if (isInRange(currentValue)) {
+            onChange(roundNumber(currentValue));
+        }
+    };
+    const decrementValue = (event) => {
+        if (onChange === undefined)
+            return;
+        event.preventDefault();
+        const currentValue = Number(value) - step;
+        if (isInRange(currentValue)) {
+            onChange(roundNumber(currentValue));
+        }
+    };
+    return (React.createElement(Field, { ...fieldProps, htmlFor: id, error: error },
+        React.createElement(Box, { flex: true, alignItems: "center", justifyContent: "flex-start" },
+            frontIcon && (React.createElement(StyledFrontIcon, { disabled: disabled, render: frontIcon, color: "sesame" })),
+            React.createElement(Input, { ref: ref, error: error, disabled: disabled, type: type, id: id, name: name, placeholder: placeholder, value: value, frontIcon: frontIcon, step: step, fallbackStyle: fallbackStyle, onChange: (e) => {
+                    onChange && handleChange(e.currentTarget.value);
+                    onInputChange && onInputChange(e);
+                }, onBlur: onBlur }),
+            onChange && step > 0 && (React.createElement(Spinner, null,
+                React.createElement(SpinnerButton, { onClick: incrementValue, disabled: disabled },
+                    React.createElement(Icon, { render: "caret", rotate: 180, color: "sesame", size: 24 })),
+                React.createElement(SpinnerButton, { onClick: decrementValue, disabled: disabled },
+                    React.createElement(Icon, { render: "caret", color: "sesame", size: 24 })))),
+            trailingIcon && !step && (React.createElement(StyledTrailingIcon, { disabled: disabled, render: trailingIcon, color: "sesame" })))));
 });
-const Spinner = styled.div`
+const Spinner = styled.div `
   position: relative;
   display: flex;
   right: 58px;
   margin-right: -58px;
 `;
-const SpinnerButton = styled.button`
+const SpinnerButton = styled.button `
   width: 24px;
   height: 24px;
   background-color: transparent;
   border: 0;
   padding: 0;
-  cursor: ${({ disabled }) => disabled ? "not-allowed" : "pointer"};
+  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
 `;
-
-export { NumberInput };
-//# sourceMappingURL=NumberInput.js.map
+//# sourceMappingURL=NumberInput.js.map

package/dist/NumberInput/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","sources":["../../src/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, {\n  FocusEvent,\n  FormEvent,\n  forwardRef,\n  ForwardedRef,\n  MouseEvent,\n} from 'react'\nimport styled from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { Field } from '../fields/Field'\nimport { CommonFieldProps } from '../fields/commonFieldTypes'\n\nimport { useUniqueId } from '../utils/id'\nimport {\n  Input,\n  StyledFrontIcon,\n  StyledTrailingIcon,\n} from '../fields/components/CommonInput'\n\nexport interface Props extends CommonFieldProps {\n  type?: 'number'\n  placeholder: string\n  name?: string\n  value: string\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void\n  min?: number\n  max?: number\n  step?: number\n}\n\n/** on change or on input required */\ntype InputProps =\n  | {\n      /** on change is required and on input optional */\n      onChange: (e: string | number) => void\n      onInputChange?: (e: FormEvent<HTMLInputElement>) => void\n    }\n  | {\n      /** on input is required and on change optional */\n      onChange?: (e: string | number) => void\n      onInputChange: (e: FormEvent<HTMLInputElement>) => void\n    }\n\nexport type NumberInputProps = Props & InputProps\n\nexport const NumberInput = forwardRef(function NumberInput(\n  {\n    id: idProp,\n    type = 'number',\n    placeholder,\n    name,\n    value,\n    onChange,\n    onInputChange,\n    onBlur,\n    min = -999999,\n    max = 999999,\n    step = 0,\n    disabled = false,\n    error = false,\n    frontIcon,\n    trailingIcon,\n    fallbackStyle,\n    ...fieldProps\n  }: NumberInputProps,\n  ref: ForwardedRef<HTMLInputElement>,\n) {\n  const id = useUniqueId(idProp)\n\n  // Check whether the min/max value exists is within the specified range\n  const isInRange = (value: number) => {\n    if (min && value < min) {\n      return false\n    }\n\n    if (max && value > max) {\n      return false\n    }\n\n    return true\n  }\n\n  // Round the number to two decimal places\n  const roundNumber = (event: number) => {\n    return Math.round(event * 100) / 100\n  }\n\n  const applyMinMax = (value: number) => {\n    if(min && value < min) return min\n    if(max && value > max) return max\n    return value\n  }\n\n  const handleChange = (event: string) => {\n    if (onChange === undefined) return\n    const EMPTY_INPUT = ''\n\n    if (event === EMPTY_INPUT) {\n      onChange(event)\n    } else {\n      const amount = Number(event)\n      const normalisedValue = applyMinMax(amount)\n\n      onChange(normalisedValue)\n    }\n  }\n  // Increment or decrement the value when clicking the Spinner controls\n  const incrementValue = (event: MouseEvent<HTMLButtonElement>) => {\n    if (onChange === undefined) return\n    event.preventDefault()\n    const currentValue = Number(value) + step\n\n    if (isInRange(currentValue)) {\n      onChange(roundNumber(currentValue))\n    }\n  }\n\n  const decrementValue = (event: MouseEvent<HTMLButtonElement>) => {\n    if (onChange === undefined) return\n    event.preventDefault()\n    const currentValue = Number(value) - step\n\n    if (isInRange(currentValue)) {\n      onChange(roundNumber(currentValue))\n    }\n  }\n\n  return (\n    <Field {...fieldProps} htmlFor={id} error={error}>\n      <Box flex alignItems=\"center\" justifyContent=\"flex-start\">\n        {frontIcon && (\n          <StyledFrontIcon\n            disabled={disabled}\n            render={frontIcon}\n            color=\"sesame\"\n          />\n        )}\n        <Input\n          ref={ref}\n          error={error}\n          disabled={disabled}\n          type={type}\n          id={id}\n          name={name}\n          placeholder={placeholder}\n          value={value}\n          frontIcon={frontIcon}\n          step={step}\n          fallbackStyle={fallbackStyle}\n          onChange={(e: FormEvent<HTMLInputElement>) => {\n            onChange && handleChange(e.currentTarget.value)\n            onInputChange && onInputChange(e)\n          }}\n          onBlur={onBlur}\n        />\n\n        {onChange && step > 0 && (\n          <Spinner>\n            <SpinnerButton onClick={incrementValue} disabled={disabled}>\n              <Icon render=\"caret\" rotate={180} color=\"sesame\" size={24} />\n            </SpinnerButton>\n\n            <SpinnerButton onClick={decrementValue} disabled={disabled}>\n              <Icon render=\"caret\" color=\"sesame\" size={24} />\n            </SpinnerButton>\n          </Spinner>\n        )}\n        {trailingIcon && !step && (\n          <StyledTrailingIcon\n            disabled={disabled}\n            render={trailingIcon}\n            color=\"sesame\"\n          />\n        )}\n      </Box>\n    </Field>\n  )\n})\n\nconst Spinner = styled.div`\n  position: relative;\n  display: flex;\n  right: 58px;\n  margin-right: -58px;\n`\n\ninterface IButton {\n  disabled: boolean\n}\n\nconst SpinnerButton = styled.button<IButton>`\n  width: 24px;\n  height: 24px;\n  background-color: transparent;\n  border: 0;\n  padding: 0;\n  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n`\n"],"names":["NumberInput","value"],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,UAAU,GAGX,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAGvC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,EACL,KAAK,EACL,eAAe,EACf,kBAAkB,GACnB,MAAM,kCAAkC,CAAA;AA4BzC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS,WAAW,CACxD,EACE,EAAE,EAAE,MAAM,EACV,IAAI,GAAG,QAAQ,EACf,WAAW,EACX,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,aAAa,EACb,MAAM,EACN,GAAG,GAAG,CAAC,MAAM,EACb,GAAG,GAAG,MAAM,EACZ,IAAI,GAAG,CAAC,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,SAAS,EACT,YAAY,EACZ,aAAa,EACb,GAAG,UAAU,EACI,EACnB,GAAmC;IAEnC,MAAM,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;IAE9B,uEAAuE;IACvE,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,EAAE;QAClC,IAAI,GAAG,IAAI,KAAK,GAAG,GAAG,EAAE,CAAC;YACvB,OAAO,KAAK,CAAA;QACd,CAAC;QAED,IAAI,GAAG,IAAI,KAAK,GAAG,GAAG,EAAE,CAAC;YACvB,OAAO,KAAK,CAAA;QACd,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IAED,yCAAyC;IACzC,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QACpC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA;IACtC,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QACpC,IAAG,GAAG,IAAI,KAAK,GAAG,GAAG;YAAE,OAAO,GAAG,CAAA;QACjC,IAAG,GAAG,IAAI,KAAK,GAAG,GAAG;YAAE,OAAO,GAAG,CAAA;QACjC,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAM;QAClC,MAAM,WAAW,GAAG,EAAE,CAAA;QAEtB,IAAI,KAAK,KAAK,WAAW,EAAE,CAAC;YAC1B,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC;aAAM,CAAC;YACN,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;YAC5B,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;YAE3C,QAAQ,CAAC,eAAe,CAAC,CAAA;QAC3B,CAAC;IACH,CAAC,CAAA;IACD,sEAAsE;IACtE,MAAM,cAAc,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC9D,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAM;QAClC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,CAAA;QAEzC,IAAI,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC;YAC5B,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAA;QACrC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC9D,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAM;QAClC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,CAAA;QAEzC,IAAI,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC;YAC5B,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAA;QACrC,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,OAAK,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK;QAC9C,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY;YACtD,SAAS,IAAI,CACZ,oBAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,SAAS,EACjB,KAAK,EAAC,QAAQ,GACd,CACH;YACD,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,CAAC,CAA8B,EAAE,EAAE;oBAC3C,QAAQ,IAAI,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;oBAC/C,aAAa,IAAI,aAAa,CAAC,CAAC,CAAC,CAAA;gBACnC,CAAC,EACD,MAAM,EAAE,MAAM,GACd;YAED,QAAQ,IAAI,IAAI,GAAG,CAAC,IAAI,CACvB,oBAAC,OAAO;gBACN,oBAAC,aAAa,IAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ;oBACxD,oBAAC,IAAI,IAAC,MAAM,EAAC,OAAO,EAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,GAAI,CAC/C;gBAEhB,oBAAC,aAAa,IAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ;oBACxD,oBAAC,IAAI,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,GAAI,CAClC,CACR,CACX;YACA,YAAY,IAAI,CAAC,IAAI,IAAI,CACxB,oBAAC,kBAAkB,IACjB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,YAAY,EACpB,KAAK,EAAC,QAAQ,GACd,CACH,CACG,CACA,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKzB,CAAA;AAMD,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAS;;;;;;YAMhC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;CACnE,CAAA"}

package/dist/NumberInput/index.js

@@ -0,0 +1,2 @@
+export { NumberInput } from './NumberInput';
+//# sourceMappingURL=index.js.map

package/dist/NumberInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/NumberInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist/Pagination/Pagination.js

@@ -1,147 +1,107 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import styled from 'styled-components';
-import { Box } from '../Box/Box.js';
-import { Text } from '../Text/Text.js';
-import { Icon } from '../Icon/Icon.js';
-import { theme } from '../theme.js';
-import { focusOutlineStyle } from '../utils/focusOutline.js';
-
+import { Box } from '../Box';
+import { Text } from '../Text';
+import { Icon } from '../Icon';
+import { theme } from '../theme';
+import { focusOutlineStyle } from '../utils/focusOutline';
 const MAX_PAGES = 7;
 const MAX_ADDITIONAL_PAGES = Math.ceil(MAX_PAGES / 2);
-const Pagination = ({
-  total,
-  partition,
-  handlePageChange,
-  currentPage,
-  ...marginProps
-}) => {
-  const [lastPage, setLastPage] = useState(0);
-  const [activePage, setActivePage] = useState(1);
-  const [pages, setPages] = useState([]);
-  const [shownPages, setShownPages] = useState([]);
-  const [showFirstDots, setShowFirstDots] = useState(false);
-  const [showLastDots, setShowLastDots] = useState(false);
-  useEffect(() => {
-    if (currentPage) {
-      setActivePage(currentPage);
-    } else {
-      setActivePage(1);
-    }
-  }, [lastPage, currentPage]);
-  useEffect(() => {
-    const numberOfPages = Math.ceil(total / partition);
-    if (numberOfPages > 1) {
-      setLastPage(numberOfPages);
-    } else if (numberOfPages === 1) {
-      setLastPage(0);
-    }
-    if (numberOfPages > 2) {
-      const allPages = Array.from({ length: numberOfPages }, (_, i) => i + 1);
-      setPages(allPages.slice(1, numberOfPages - 1));
-    } else {
-      setPages([]);
-    }
-  }, [total, partition]);
-  useEffect(() => {
-    if (lastPage <= MAX_PAGES) {
-      setShownPages(pages);
-    } else if (activePage <= MAX_ADDITIONAL_PAGES) {
-      setShownPages(pages.slice(0, MAX_ADDITIONAL_PAGES));
-    } else if (activePage > lastPage - MAX_ADDITIONAL_PAGES) {
-      setShownPages(pages.slice(pages.length - MAX_ADDITIONAL_PAGES));
-    } else {
-      const activePageIndex = pages.indexOf(activePage);
-      setShownPages(pages.slice(activePageIndex - 1, activePageIndex + 2));
-    }
-  }, [lastPage, activePage, pages]);
-  useEffect(() => {
-    setShowFirstDots(shownPages[0] !== pages[0]);
-    setShowLastDots(
-      shownPages[shownPages.length - 1] !== pages[pages.length - 1]
-    );
-  }, [shownPages, pages]);
-  const movePage = (page) => {
-    if (page > 0 && page <= lastPage) {
-      setActivePage(page);
-      handlePageChange(page);
-    }
-  };
-  return /* @__PURE__ */ jsxs(Container, { flex: true, direction: "row", ...marginProps, children: [
-    activePage - 1 > 0 && /* @__PURE__ */ jsx(
-      IconBox,
-      {
-        firstPage: true,
-        onClick: () => movePage(activePage - 1),
-        onKeyDown: (e) => {
-          if (e.key === "Enter") {
-            movePage(activePage - 1);
-          }
-        },
-        children: /* @__PURE__ */ jsx(Icon, { size: 18, render: "arrow" })
-      }
-    ),
-    /* @__PURE__ */ jsx(PageBox, { active: activePage === 1, onClick: () => movePage(1), children: /* @__PURE__ */ jsx(Text, { typo: activePage === 1 ? "desc-medium" : "desc-light", tag: "p", children: "1" }) }),
-    showFirstDots && /* @__PURE__ */ jsx(PageBox, { children: /* @__PURE__ */ jsx(Text, { tag: "p", children: "..." }) }),
-    shownPages.map((i) => {
-      return /* @__PURE__ */ jsx(
-        PageBox,
-        {
-          active: activePage === i,
-          onClick: () => movePage(i),
-          onKeyDown: (e) => {
-            if (e.key === "Enter") {
-              movePage(i);
-            }
-          },
-          children: /* @__PURE__ */ jsx(
-            Text,
-            {
-              typo: activePage === i ? "desc-medium" : "desc-light",
-              tag: "p",
-              children: i
-            }
-          )
-        },
-        i
-      );
-    }),
-    showLastDots && /* @__PURE__ */ jsx(PageBox, { children: /* @__PURE__ */ jsx(Text, { tag: "p", children: "..." }) }),
-    Boolean(lastPage) && /* @__PURE__ */ jsx(
-      PageBox,
-      {
-        active: activePage === lastPage,
-        onClick: () => movePage(lastPage),
-        onKeyDown: (e) => {
-          if (e.key === "Enter") {
-            movePage(lastPage);
-          }
-        },
-        children: /* @__PURE__ */ jsx(
-          Text,
-          {
-            typo: activePage === lastPage ? "desc-medium" : "desc-light",
-            tag: "p",
-            children: lastPage
-          }
-        )
-      }
-    ),
-    activePage + 1 <= lastPage && /* @__PURE__ */ jsx(
-      IconBox,
-      {
-        onClick: () => movePage(activePage + 1),
-        onKeyDown: (e) => {
-          if (e.key === "Enter") {
-            movePage(activePage + 1);
-          }
-        },
-        children: /* @__PURE__ */ jsx(Icon, { size: 18, render: "arrow", rotate: 180 })
-      }
-    )
-  ] });
+export const Pagination = ({ total, partition, handlePageChange, currentPage, ...marginProps }) => {
+    const [lastPage, setLastPage] = useState(0);
+    const [activePage, setActivePage] = useState(1);
+    const [pages, setPages] = useState([]);
+    const [shownPages, setShownPages] = useState([]);
+    const [showFirstDots, setShowFirstDots] = useState(false);
+    const [showLastDots, setShowLastDots] = useState(false);
+    useEffect(() => {
+        // This is a rather hacky fix, in theory it should be listening to total, but because the total comes from the same endpoint as the data, it forces a reset to 1 every time
+        // Using lastPage seems to bypass that
+        if (currentPage) {
+            setActivePage(currentPage);
+        }
+        else {
+            setActivePage(1);
+        }
+    }, [lastPage, currentPage]);
+    useEffect(() => {
+        const numberOfPages = Math.ceil(total / partition);
+        if (numberOfPages > 1) {
+            setLastPage(numberOfPages);
+        }
+        else if (numberOfPages === 1) {
+            // Sets last page to be null to avoid the last page being kept from previous state.
+            setLastPage(0);
+        }
+        if (numberOfPages > 2) {
+            const allPages = Array.from({ length: numberOfPages }, (_, i) => i + 1);
+            setPages(allPages.slice(1, numberOfPages - 1));
+        }
+        else {
+            // Sets pages to empty to avoid using the previous state if pages set before.
+            setPages([]);
+        }
+    }, [total, partition]);
+    useEffect(() => {
+        if (lastPage <= MAX_PAGES) {
+            setShownPages(pages);
+        }
+        else if (activePage <= MAX_ADDITIONAL_PAGES) {
+            setShownPages(pages.slice(0, MAX_ADDITIONAL_PAGES));
+        }
+        else if (activePage > lastPage - MAX_ADDITIONAL_PAGES) {
+            setShownPages(pages.slice(pages.length - MAX_ADDITIONAL_PAGES));
+        }
+        else {
+            const activePageIndex = pages.indexOf(activePage);
+            setShownPages(pages.slice(activePageIndex - 1, activePageIndex + 2));
+        }
+    }, [lastPage, activePage, pages]);
+    useEffect(() => {
+        setShowFirstDots(shownPages[0] !== pages[0]);
+        setShowLastDots(shownPages[shownPages.length - 1] !== pages[pages.length - 1]);
+    }, [shownPages, pages]);
+    const movePage = (page) => {
+        if (page > 0 && page <= lastPage) {
+            setActivePage(page);
+            handlePageChange(page);
+        }
+    };
+    return (React.createElement(Container, { flex: true, direction: "row", ...marginProps },
+        activePage - 1 > 0 && (React.createElement(IconBox, { firstPage: true, onClick: () => movePage(activePage - 1), onKeyDown: (e) => {
+                if (e.key === 'Enter') {
+                    movePage(activePage - 1);
+                }
+            } },
+            React.createElement(Icon, { size: 18, render: "arrow" }))),
+        React.createElement(PageBox, { active: activePage === 1, onClick: () => movePage(1) },
+            React.createElement(Text, { typo: activePage === 1 ? 'desc-medium' : 'desc-light', tag: "p" }, "1")),
+        showFirstDots && (React.createElement(PageBox, null,
+            React.createElement(Text, { tag: "p" }, "..."))),
+        shownPages.map((i) => {
+            return (React.createElement(PageBox, { active: activePage === i, key: i, onClick: () => movePage(i), onKeyDown: (e) => {
+                    if (e.key === 'Enter') {
+                        movePage(i);
+                    }
+                } },
+                React.createElement(Text, { typo: activePage === i ? 'desc-medium' : 'desc-light', tag: "p" }, i)));
+        }),
+        showLastDots && (React.createElement(PageBox, null,
+            React.createElement(Text, { tag: "p" }, "..."))),
+        Boolean(lastPage) && (React.createElement(PageBox, { active: activePage === lastPage, onClick: () => movePage(lastPage), onKeyDown: (e) => {
+                if (e.key === 'Enter') {
+                    movePage(lastPage);
+                }
+            } },
+            React.createElement(Text, { typo: activePage === lastPage ? 'desc-medium' : 'desc-light', tag: "p" }, lastPage))),
+        activePage + 1 <= lastPage && (React.createElement(IconBox, { onClick: () => movePage(activePage + 1), onKeyDown: (e) => {
+                if (e.key === 'Enter') {
+                    movePage(activePage + 1);
+                }
+            } },
+            React.createElement(Icon, { size: 18, render: "arrow", rotate: 180 })))));
 };
-const Container = styled(Box)`
+const Container = styled(Box) `
   align-items: center;
   > button {
     margin-right: 4px;
@@ -151,7 +111,7 @@ const Container = styled(Box)`
     }
   }
 `;
-const PageBox = styled.button`
+const PageBox = styled.button `
   background: ${({ active }) => active ? theme.colors.custard : theme.colors.cream};
   cursor: pointer;
   display: flex;
@@ -169,11 +129,9 @@ const PageBox = styled.button`
 
   ${focusOutlineStyle}
 `;
-const IconBox = styled.button`
+const IconBox = styled.button `
   cursor: pointer;
 
   ${focusOutlineStyle}
 `;
-
-export { Pagination };
-//# sourceMappingURL=Pagination.js.map
+//# sourceMappingURL=Pagination.js.map