@nulogy/components 14.8.2 → 15.0.1

package/dist/src/utils/ScrollIndicators.js

@@ -0,0 +1,62 @@
+import React from "react";
+import { Icon } from "../Icon";
+import styled from "styled-components";
+import { position } from "styled-system";
+const ScrollIndicatorWrapper = styled.div(({ theme }) => ({
+    position: "absolute",
+    left: `calc(50% - ${theme.space.x3})`,
+    right: `calc(50% - ${theme.space.x3})`,
+    height: theme.space.x3,
+    width: theme.space.x6,
+    background: theme.colors.lightGrey,
+    opacity: 0.8,
+    borderRadius: `0 0 ${theme.radii.medium} ${theme.radii.medium}`,
+    pointerEvents: "none",
+}), position);
+const ScrollIndicatorTop = () => {
+    return (React.createElement(ScrollIndicatorWrapper, { top: 0 },
+        React.createElement(Icon, { margin: "0 auto", display: "block", color: "darkGrey", icon: "upArrow" })));
+};
+const ScrollIndicatorBottom = () => (React.createElement(ScrollIndicatorWrapper, { bottom: 1 },
+    React.createElement(Icon, { display: "block", margin: "0 auto", color: "darkGrey", icon: "downArrow" })));
+/* eslint-disable react/destructuring-assignment */
+class ScrollIndicators extends React.Component {
+    constructor() {
+        super();
+        this.state = {
+            scrollTop: 0,
+        };
+        this.menuRef = React.createRef();
+        this.handleScroll = this.handleScroll.bind(this);
+        this.offsetHeight = null;
+        this.scrollHeight = null;
+    }
+    componentDidMount() {
+        this.offsetHeight = this.menuRef.current.offsetHeight;
+        this.scrollHeight = this.menuRef.current.scrollHeight;
+    }
+    handleScroll() {
+        if (this.menuRef.current) {
+            this.setState({
+                scrollTop: this.menuRef.current.scrollTop,
+            });
+        }
+    }
+    contentHiddenBelow() {
+        return this.state.scrollTop + this.offsetHeight < this.scrollHeight;
+    }
+    contentHiddenAbove() {
+        return this.state.scrollTop !== 0 && this.offsetHeight < this.scrollHeight;
+    }
+    render() {
+        return (React.createElement("div", { style: { position: "relative" } },
+            this.contentHiddenAbove() && React.createElement(ScrollIndicatorTop, null),
+            React.cloneElement(this.props.children, {
+                ref: this.menuRef,
+                onScroll: this.handleScroll,
+            }),
+            this.contentHiddenBelow() && React.createElement(ScrollIndicatorBottom, null)));
+    }
+}
+/* eslint-enable react/destructuring-assignment */
+export default ScrollIndicators;

package/dist/src/utils/convertPxToNumber.d.ts

@@ -0,0 +1,2 @@
+export default convertPxToNumber;
+declare function convertPxToNumber(px: any): number;

package/dist/src/utils/convertPxToNumber.js

@@ -0,0 +1,4 @@
+const convertPxToNumber = (px) => {
+    return parseFloat(px);
+};
+export default convertPxToNumber;

package/dist/src/utils/datePickerLocales.d.ts

@@ -0,0 +1 @@
+export function registerDatePickerLocales(): any[];

package/dist/src/utils/datePickerLocales.js

@@ -0,0 +1,3 @@
+import { registerLocale } from "react-datepicker";
+import { NDS_TO_DATE_FN_LOCALES_MAP } from "../locales.const";
+export const registerDatePickerLocales = () => Object.keys(NDS_TO_DATE_FN_LOCALES_MAP).map((locale) => registerLocale(locale, NDS_TO_DATE_FN_LOCALES_MAP[locale]));

package/dist/src/utils/generateId.d.ts

@@ -0,0 +1,2 @@
+export default generateId;
+declare function generateId(): string;

package/dist/src/utils/generateId.js

@@ -0,0 +1,7 @@
+const prefix = "random-id-";
+let randomId = 0;
+const generateId = () => {
+    randomId += 1;
+    return prefix + randomId;
+};
+export default generateId;

package/dist/src/utils/index.d.ts

@@ -1,11 +1,11 @@
-export { default as ClickInputLabel } from "./ClickInputLabel";
-export { default as omit } from "./omit";
-export { default as subPx } from "./subPx";
-export { default as generateId } from "./generateId";
-export { default as withWindowDimensions } from "./withWindowDimensions";
-export { default as DetectOutsideClick } from "./DetectOutsideClick";
-export { default as PopperArrow } from "./PopperArrow";
-export { default as ScrollIndicators } from "./ScrollIndicators";
-export { default as withMenuState } from "./withMenuState";
-export type { WithMenuStateProps, AcceptsMenuStateProps } from "./withMenuState";
-export { default as useWindowDimensions } from "./useWindowDimensions";
+export { default as ClickInputLabel } from "./ClickInputLabel";
+export { default as omit } from "./omit";
+export { default as subPx } from "./subPx";
+export { default as generateId } from "./generateId";
+export { default as withWindowDimensions } from "./withWindowDimensions";
+export { default as DetectOutsideClick } from "./DetectOutsideClick";
+export { default as PopperArrow } from "./PopperArrow";
+export { default as ScrollIndicators } from "./ScrollIndicators";
+export { default as withMenuState } from "./withMenuState";
+export type { WithMenuStateProps, AcceptsMenuStateProps } from "./withMenuState";
+export { default as useWindowDimensions } from "./useWindowDimensions";

package/dist/src/utils/index.js

@@ -0,0 +1,10 @@
+export { default as ClickInputLabel } from "./ClickInputLabel";
+export { default as omit } from "./omit";
+export { default as subPx } from "./subPx";
+export { default as generateId } from "./generateId";
+export { default as withWindowDimensions } from "./withWindowDimensions";
+export { default as DetectOutsideClick } from "./DetectOutsideClick";
+export { default as PopperArrow } from "./PopperArrow";
+export { default as ScrollIndicators } from "./ScrollIndicators";
+export { default as withMenuState } from "./withMenuState";
+export { default as useWindowDimensions } from "./useWindowDimensions";

package/dist/src/utils/localized-date-fns.d.ts

@@ -1 +1 @@
-export declare function localizedFormat(date: Date, dateFormat: string, ndsLocale: string): string;
+export declare function localizedFormat(date: Date, dateFormat: string, ndsLocale: string): string;

package/dist/src/utils/localized-date-fns.js

@@ -0,0 +1,5 @@
+import { format } from "date-fns";
+import { NDS_TO_DATE_FN_LOCALES_MAP } from "../locales.const";
+export function localizedFormat(date, dateFormat, ndsLocale) {
+    return format(date, dateFormat, { locale: NDS_TO_DATE_FN_LOCALES_MAP[ndsLocale] });
+}

package/dist/src/utils/noop.d.ts

@@ -1,5 +1,5 @@
-/**
- * No operation function that does nothing and returns nothing.
- * Useful as a default callback or placeholder.
- */
-export declare function noop(): void;
+/**
+ * No operation function that does nothing and returns nothing.
+ * Useful as a default callback or placeholder.
+ */
+export declare function noop(): void;

package/dist/src/utils/noop.js

@@ -0,0 +1,7 @@
+/**
+ * No operation function that does nothing and returns nothing.
+ * Useful as a default callback or placeholder.
+ */
+export function noop() {
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+}

package/dist/src/utils/numberFromDimension/index.d.ts

@@ -1,5 +1,5 @@
-/**
- * Returns the number from a [CSS dimension]{@link https://developer.mozilla.org/en-US/docs/Web/CSS/dimension}.
- * @param {string} dimension - A css dimension
- */
-export default function (dimension: string | number): number;
+/**
+ * Returns the number from a [CSS dimension]{@link https://developer.mozilla.org/en-US/docs/Web/CSS/dimension}.
+ * @param {string} dimension - A css dimension
+ */
+export default function (dimension: string | number): number;

package/dist/src/utils/numberFromDimension/index.js

@@ -0,0 +1,7 @@
+/**
+ * Returns the number from a [CSS dimension]{@link https://developer.mozilla.org/en-US/docs/Web/CSS/dimension}.
+ * @param {string} dimension - A css dimension
+ */
+export default function (dimension) {
+    return parseInt(String(dimension), 10);
+}

package/dist/src/utils/numberFromDimension/numberFromDimension.spec.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/src/utils/numberFromDimension/numberFromDimension.spec.js

@@ -0,0 +1,13 @@
+import numberFromDimension from ".";
+describe("numberFromDimension", () => {
+    it("returns the numerical value from a css dimension", () => {
+        const dimension = "12px";
+        const numericalValue = 12;
+        expect(numberFromDimension(dimension)).toEqual(numericalValue);
+    });
+    it("handles any css unit", () => {
+        const dimension = "12deg";
+        const numericalValue = 12;
+        expect(numberFromDimension(dimension)).toEqual(numericalValue);
+    });
+});

package/dist/src/utils/omit.d.ts

@@ -0,0 +1,2 @@
+export default omit;
+declare function omit(obj: any, prop: any): any;

package/dist/src/utils/omit.js

@@ -0,0 +1,6 @@
+const omit = (obj, prop) => {
+    const res = Object.assign({}, obj);
+    delete res[prop];
+    return res;
+};
+export default omit;

package/dist/src/utils/story/code.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-/**
- * A styled component for displaying code in a storybook.
- *
- * @example
- * <Code>const code = "console.log('Hello, world!');";</Code>
- */
-export declare const Code: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+/// <reference types="react" />
+/**
+ * A styled component for displaying code in a storybook.
+ *
+ * @example
+ * <Code>const code = "console.log('Hello, world!');";</Code>
+ */
+export declare const Code: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/src/utils/story/code.js

@@ -0,0 +1,14 @@
+import styled from "styled-components";
+import { transparentize } from "polished";
+/**
+ * A styled component for displaying code in a storybook.
+ *
+ * @example
+ * <Code>const code = "console.log('Hello, world!');";</Code>
+ */
+export const Code = styled.code `
+  background-color: ${({ theme }) => transparentize(0.9, theme.colors.darkGrey)};
+  color: ${({ theme }) => theme.colors.darkGrey};
+  padding: ${({ theme }) => theme.space.x0_25} ${({ theme }) => theme.space.x0_5};
+  border-radius: ${({ theme }) => theme.radii.medium};
+`;

package/dist/src/utils/story/dashed.d.ts

@@ -1,9 +1,9 @@
-import { ComponentType } from "react";
-/**
- * A styled utility that adds a dashed border around a component
- * to highlight its boundaries. To be used in Storybook exclusively.
- * Do not export for production.
- */
-export declare const dashed: <P extends Record<string, unknown>>(component: ComponentType<P>) => import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(import("react").PropsWithoutRef<P> & import("react").RefAttributes<import("react").Component<P, any, any>>) | (import("react").PropsWithRef<P & {
-    children?: import("react").ReactNode;
-}> & import("styled-components/dist/types").BaseObject), import("styled-components/dist/types").BaseObject>> & string & (Omit<import("react").ComponentClass<P, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<P>, keyof import("react").Component<any, {}, any>>);
+import { ComponentType } from "react";
+/**
+ * A styled utility that adds a dashed border around a component
+ * to highlight its boundaries. To be used in Storybook exclusively.
+ * Do not export for production.
+ */
+export declare const dashed: <P extends Record<string, unknown>>(component: ComponentType<P>) => import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(import("react").PropsWithoutRef<P> & import("react").RefAttributes<import("react").Component<P, any, any>>) | (import("react").PropsWithRef<P & {
+    children?: import("react").ReactNode;
+}> & import("styled-components/dist/types").BaseObject), import("styled-components/dist/types").BaseObject>> & string & (Omit<import("react").ComponentClass<P, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<P>, keyof import("react").Component<any, {}, any>>);

package/dist/src/utils/story/dashed.js

@@ -0,0 +1,12 @@
+import styled from "styled-components";
+/**
+ * A styled utility that adds a dashed border around a component
+ * to highlight its boundaries. To be used in Storybook exclusively.
+ * Do not export for production.
+ */
+export const dashed = (component) => styled(component) `
+  border-radius: ${(props) => props.theme.radii.large};
+  border-width: ${(props) => props.theme.space.x0_25};
+  border-style: dashed;
+  border-color: ${({ theme }) => theme.colors.lightBlue};
+`;

package/dist/src/utils/story/placeholder.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { BoxProps } from "../../Box";
-/**
- * A dialognaly striped and bordered rectangle that can be used as a placeholder for content.
- * To be used in Storybook exclusively. Do not export for production.
- */
-export declare function Placeholder(props: BoxProps): React.JSX.Element;
+import React from "react";
+import { BoxProps } from "../../Box";
+/**
+ * A dialognaly striped and bordered rectangle that can be used as a placeholder for content.
+ * To be used in Storybook exclusively. Do not export for production.
+ */
+export declare function Placeholder(props: BoxProps): React.JSX.Element;

package/dist/src/utils/story/placeholder.js

@@ -0,0 +1,33 @@
+import { transparentize } from "polished";
+import React from "react";
+import styled from "styled-components";
+import { addStyledProps } from "../../StyledProps";
+const Contianer = styled.div(({ theme }) => ({
+    overflow: "hidden",
+    position: "relative",
+    borderRadius: "0.25rem",
+    borderWidth: "1px",
+    borderColor: theme.colors.grey,
+    borderStyle: "dashed",
+    height: "16rem",
+    opacity: "0.75",
+}), addStyledProps);
+const Svg = styled.svg(({ theme }) => ({
+    position: "absolute",
+    inset: 0,
+    width: "100%",
+    height: "100%",
+    stroke: transparentize(0.85, theme.colors.darkBlue),
+}));
+/**
+ * A dialognaly striped and bordered rectangle that can be used as a placeholder for content.
+ * To be used in Storybook exclusively. Do not export for production.
+ */
+export function Placeholder(props) {
+    return (React.createElement(Contianer, Object.assign({}, props),
+        React.createElement(Svg, { fill: "none" },
+            React.createElement("defs", null,
+                React.createElement("pattern", { id: "diagonal-stripes", x: "0", y: "0", width: "10", height: "10", patternUnits: "userSpaceOnUse" },
+                    React.createElement("path", { d: "M-3 13 15-5M-5 5l18-18M-1 21 17 3" }))),
+            React.createElement("rect", { stroke: "none", fill: "url(#diagonal-stripes)", width: "100%", height: "100%" }))));
+}

package/dist/src/utils/story/resizable.d.ts

@@ -1,25 +1,25 @@
-import React from "react";
-interface ResizableProps {
-    children: React.ReactNode;
-    containerWidth?: string;
-    onResize?: (width: number) => void;
-    showContainerOutline?: boolean;
-}
-export declare const Resizable: ({ children, containerWidth, onResize, showContainerOutline, }: ResizableProps) => React.JSX.Element;
-export declare const WidthText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "inline" | "compact" | "disabled" | "textTransform" | keyof React.HTMLAttributes<HTMLParagraphElement> | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
-    variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
-    inline?: boolean;
-    compact?: boolean;
-    disabled?: boolean;
-    textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
-    fontSize?: string;
-} & import("../..").StyledProps & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement>, never>> & string & Omit<import("framer-motion").CustomDomComponent<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "inline" | "compact" | "disabled" | "textTransform" | keyof React.HTMLAttributes<HTMLParagraphElement> | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
-    variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
-    inline?: boolean;
-    compact?: boolean;
-    disabled?: boolean;
-    textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase";
-    fontSize?: string;
-} & import("../..").StyledProps>, keyof React.Component<any, {}, any>>;
-export declare const ResizeHandle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export {};
+import React from "react";
+interface ResizableProps {
+    children: React.ReactNode;
+    containerWidth?: string;
+    onResize?: (width: number) => void;
+    showContainerOutline?: boolean;
+}
+export declare const Resizable: ({ children, containerWidth, onResize, showContainerOutline, }: ResizableProps) => React.JSX.Element;
+export declare const WidthText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "disabled" | keyof React.HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
+    variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
+    inline?: boolean;
+    compact?: boolean;
+    disabled?: boolean;
+    textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
+    fontSize?: string;
+} & import("../..").StyledProps & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement>, never>> & string & Omit<import("framer-motion").CustomDomComponent<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "disabled" | keyof React.HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
+    variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
+    inline?: boolean;
+    compact?: boolean;
+    disabled?: boolean;
+    textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
+    fontSize?: string;
+} & import("../..").StyledProps>, keyof React.Component<any, {}, any>>;
+export declare const ResizeHandle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/dist/src/utils/story/resizable.js

@@ -0,0 +1,38 @@
+import React, { useState } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import { Resizable as ReResizable } from "re-resizable";
+import styled from "styled-components";
+import { Box } from "../../Box";
+import { DashedBox } from "../../DescriptionList/stories/fixtures";
+import { Text } from "../../Type";
+const CONTAINER_BORDER_WIDTH = 2 * 2; // 2px * 2 sides (left and right)
+export const Resizable = ({ children, containerWidth = "100%", onResize, showContainerOutline = false, }) => {
+    const [width, setWidth] = useState(containerWidth);
+    const [showWidth, setShowWidth] = useState(false);
+    const WidthIndicator = (React.createElement(AnimatePresence, null, showWidth && (React.createElement(WidthText, { fontSize: "sm", color: "midGrey", initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 } }, width))));
+    return (React.createElement(ReResizable, { enable: { right: true }, size: { width: width }, handleComponent: { right: React.createElement(ResizeHandle, null) }, onResizeStart: () => setShowWidth(true), onResizeStop: () => setShowWidth(false), onResize: (_, __, ref) => {
+            const width = Math.round(ref.getBoundingClientRect().width);
+            setWidth(`${width - (showContainerOutline ? CONTAINER_BORDER_WIDTH : 0)}px`);
+            onResize === null || onResize === void 0 ? void 0 : onResize(width - (showContainerOutline ? CONTAINER_BORDER_WIDTH : 0));
+        } }, showContainerOutline ? (React.createElement(DashedBox, null,
+        children,
+        WidthIndicator)) : (React.createElement(Box, null,
+        children,
+        WidthIndicator))));
+};
+export const WidthText = styled(motion(Text)) `
+  position: absolute;
+  right: 0;
+  transform: translateX(50%);
+  bottom: -${(props) => props.theme.space.x3};
+`;
+export const ResizeHandle = styled.div `
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  height: 4rem;
+  width: 4px;
+  right: 4px;
+  border-radius: ${({ theme }) => theme.radii.rounded};
+  background-color: ${({ theme }) => theme.colors.grey};
+`;

package/dist/src/utils/story/simulatedAPIRequests.d.ts

@@ -1,4 +1,4 @@
-export declare function filterOptions(inputValue: string, options: {
-    value: string;
-    label: string;
-}[], simulatedNetworkDelayMs?: number): Promise<Response>;
+export declare function filterOptions(inputValue: string, options: {
+    value: string;
+    label: string;
+}[], simulatedNetworkDelayMs?: number): Promise<Response>;

package/dist/src/utils/story/simulatedAPIRequests.js

@@ -0,0 +1,22 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+export function filterOptions(inputValue, options, simulatedNetworkDelayMs = 450) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const filteredOptions = options.filter((option) => {
+            return option.label.toLowerCase().startsWith(inputValue.toLowerCase());
+        });
+        const responseBody = JSON.stringify(filteredOptions);
+        return new Promise((resolve) => {
+            setTimeout(() => {
+                resolve(new Response(responseBody));
+            }, simulatedNetworkDelayMs);
+        });
+    });
+}

package/dist/src/utils/subPx.d.ts

@@ -1,9 +1,9 @@
-type CSSUnit = string;
-/**
- * Subtracts two CSS measurements using calc()
- * @param baseValue The starting CSS measurement
- * @param subtractValue The value to subtract (defaults to '1px')
- * @returns A CSS calc() expression
- */
-export default function subPx(baseValue: CSSUnit, subtractValue?: CSSUnit): string;
-export {};
+type CSSUnit = string;
+/**
+ * Subtracts two CSS measurements using calc()
+ * @param baseValue The starting CSS measurement
+ * @param subtractValue The value to subtract (defaults to '1px')
+ * @returns A CSS calc() expression
+ */
+export default function subPx(baseValue: CSSUnit, subtractValue?: CSSUnit): string;
+export {};

package/dist/src/utils/subPx.js

@@ -0,0 +1,10 @@
+/**
+ * Subtracts two CSS measurements using calc()
+ * @param baseValue The starting CSS measurement
+ * @param subtractValue The value to subtract (defaults to '1px')
+ * @returns A CSS calc() expression
+ */
+export default function subPx(baseValue, subtractValue) {
+    const valueToSubtract = subtractValue !== null && subtractValue !== void 0 ? subtractValue : "1px";
+    return `calc(${baseValue} - ${valueToSubtract})`;
+}

package/dist/src/utils/subset.d.ts

@@ -0,0 +1,3 @@
+export function getSubset(o: any, propObj: any): any;
+export function omitSubset(o: any, propObj: any): {};
+export function pick(o: any, ...fields: any[]): any;

package/dist/src/utils/subset.js

@@ -0,0 +1,21 @@
+export const getSubset = (o, propObj) => {
+    const fields = Object.keys(propObj);
+    return pick(o, ...fields);
+};
+export const omitSubset = (o, propObj) => {
+    const fields = Object.keys(propObj);
+    const objectProps = Object.keys(o);
+    return objectProps.reduce((a, x) => {
+        if (!fields.includes(x))
+            a[x] = o[x];
+        return a;
+    }, {});
+};
+export const pick = (o, ...fields) => {
+    const objectProps = Object.keys(o);
+    return fields.reduce((a, x) => {
+        if (objectProps.includes(x))
+            a[x] = o[x];
+        return a;
+    }, {});
+};

package/dist/src/utils/testing/createMatchMedia.d.ts

@@ -1,7 +1,7 @@
-/**
- * Creates a mock implementation of the `window.matchMedia` function.
- * This is useful for changing the width of the viewport in tests without
- * needing to manipulate the actual browser environment.
- *
- */
-export declare const createMatchMedia: (width: number) => (query: string) => MediaQueryList;
+/**
+ * Creates a mock implementation of the `window.matchMedia` function.
+ * This is useful for changing the width of the viewport in tests without
+ * needing to manipulate the actual browser environment.
+ *
+ */
+export declare const createMatchMedia: (width: number) => (query: string) => MediaQueryList;

package/dist/src/utils/testing/createMatchMedia.js

@@ -0,0 +1,17 @@
+import mediaQuery from "css-mediaquery";
+/**
+ * Creates a mock implementation of the `window.matchMedia` function.
+ * This is useful for changing the width of the viewport in tests without
+ * needing to manipulate the actual browser environment.
+ *
+ */
+export const createMatchMedia = (width) => (query) => ({
+    matches: mediaQuery.match(query, { width }),
+    addListener: () => { },
+    removeListener: () => { },
+    addEventListener: () => { },
+    removeEventListener: () => { },
+    dispatchEvent: () => false,
+    media: query,
+    onchange: null,
+});