@react-md/core 1.0.0-next.0

package/dist/form/optionStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/form/optionStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-option\");\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface OptionClassNameOptions {\n  className?: string;\n  icon: boolean;\n  selected: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function option(options: OptionClassNameOptions): string {\n  const { className, icon, selected } = options;\n\n  return cnb(styles({ icon, selected }), className);\n}\n"],"names":["cnb","bem","styles","option","options","className","icon","selected"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAWnB;;CAEC,GACD,OAAO,SAASE,OAAOC,OAA+B;IACpD,MAAM,EAAEC,SAAS,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGH;IAEtC,OAAOJ,IAAIE,OAAO;QAAEI;QAAMC;IAAS,IAAIF;AACzC"}

package/dist/form/passwordStyles.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @remarks \@since 6.0.0
+ */
+export interface PasswordClassNameOptions {
+    className?: string;
+}
+/**
+ * @remarks \@since 6.0.0
+ */
+export declare function password(options?: PasswordClassNameOptions): string;
+/**
+ * @remarks \@since 6.0.0
+ */
+export interface PasswordInputClassNameOptions {
+    className?: string;
+}
+export declare function passwordInput(options?: PasswordInputClassNameOptions): string;
+/**
+ * @remarks \@since 6.0.0
+ */
+export interface PasswordInputToggleClassNameOptions {
+    className?: string;
+}
+export declare function passwordInputToggle(options?: PasswordInputToggleClassNameOptions): string;

package/dist/form/passwordStyles.js

@@ -0,0 +1,19 @@
+import { cnb } from "cnbuilder";
+import { bem } from "../utils/bem.js";
+const styles = bem("rmd-password");
+/**
+ * @remarks \@since 6.0.0
+ */ export function password(options = {}) {
+    const { className } = options;
+    return cnb(styles(), className);
+}
+export function passwordInput(options = {}) {
+    const { className } = options;
+    return cnb(styles("input"), className);
+}
+export function passwordInputToggle(options = {}) {
+    const { className } = options;
+    return cnb(styles("toggle"), className);
+}
+
+//# sourceMappingURL=passwordStyles.js.map

package/dist/form/passwordStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/form/passwordStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-password\");\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface PasswordClassNameOptions {\n  className?: string;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function password(options: PasswordClassNameOptions = {}): string {\n  const { className } = options;\n\n  return cnb(styles(), className);\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface PasswordInputClassNameOptions {\n  className?: string;\n}\n\nexport function passwordInput(\n  options: PasswordInputClassNameOptions = {}\n): string {\n  const { className } = options;\n\n  return cnb(styles(\"input\"), className);\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface PasswordInputToggleClassNameOptions {\n  className?: string;\n}\n\nexport function passwordInputToggle(\n  options: PasswordInputToggleClassNameOptions = {}\n): string {\n  const { className } = options;\n\n  return cnb(styles(\"toggle\"), className);\n}\n"],"names":["cnb","bem","styles","password","options","className","passwordInput","passwordInputToggle"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AASnB;;CAEC,GACD,OAAO,SAASE,SAASC,UAAoC,CAAC,CAAC;IAC7D,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,OAAOJ,IAAIE,UAAUG;AACvB;AASA,OAAO,SAASC,cACdF,UAAyC,CAAC,CAAC;IAE3C,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,OAAOJ,IAAIE,OAAO,UAAUG;AAC9B;AASA,OAAO,SAASE,oBACdH,UAA+C,CAAC,CAAC;IAEjD,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,OAAOJ,IAAIE,OAAO,WAAWG;AAC/B"}

package/dist/form/selectStyles.d.ts

@@ -0,0 +1,15 @@
+import { type FormTheme } from "./types.js";
+/**
+ * @remarks \@since 6.0.0
+ */
+export interface SelectClassNameOptions {
+    className?: string;
+    /**
+     * @defaultValue `"outline"`
+     */
+    theme?: FormTheme;
+}
+/**
+ * @remarks \@since 6.0.0
+ */
+export declare function select(options?: SelectClassNameOptions): string;

package/dist/form/selectStyles.js

@@ -0,0 +1,15 @@
+import { cnb } from "cnbuilder";
+import { bem } from "../utils/bem.js";
+const styles = bem("rmd-select");
+/**
+ * @remarks \@since 6.0.0
+ */ export function select(options = {}) {
+    const { className, theme = "outline" } = options;
+    return cnb(styles({
+        filled: theme === "filled",
+        outline: theme === "outline",
+        underline: theme === "underline"
+    }), className);
+}
+
+//# sourceMappingURL=selectStyles.js.map

package/dist/form/selectStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/form/selectStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\nimport { type FormTheme } from \"./types.js\";\n\nconst styles = bem(\"rmd-select\");\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface SelectClassNameOptions {\n  className?: string;\n  /**\n   * @defaultValue `\"outline\"`\n   */\n  theme?: FormTheme;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function select(options: SelectClassNameOptions = {}): string {\n  const { className, theme = \"outline\" } = options;\n\n  return cnb(\n    styles({\n      filled: theme === \"filled\",\n      outline: theme === \"outline\",\n      underline: theme === \"underline\",\n    }),\n    className\n  );\n}\n"],"names":["cnb","bem","styles","select","options","className","theme","filled","outline","underline"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAGtC,MAAMC,SAASD,IAAI;AAanB;;CAEC,GACD,OAAO,SAASE,OAAOC,UAAkC,CAAC,CAAC;IACzD,MAAM,EAAEC,SAAS,EAAEC,QAAQ,SAAS,EAAE,GAAGF;IAEzC,OAAOJ,IACLE,OAAO;QACLK,QAAQD,UAAU;QAClBE,SAASF,UAAU;QACnBG,WAAWH,UAAU;IACvB,IACAD;AAEJ"}

package/dist/form/selectUtils.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode } from "react";
+import { type MenuItemProps } from "../menu/MenuItem.js";
+/**
+ * @internal
+ * @remarks \@since 6.0.0
+ */
+export interface SelectOption<Value extends string | number = string> extends MenuItemProps {
+    value: Value;
+}
+/**
+ * @internal
+ * @remarks \@since 6.0.0
+ */
+interface ExtractedOptions<Value extends string | number> {
+    options: readonly SelectOption<Value>[];
+    currentOption: SelectOption<Value> | undefined;
+    searchValues: readonly string[];
+    currentIndex: number;
+}
+/**
+ * @internal
+ * @remarks \@since 6.0.0
+ */
+export declare function extractOptionsFromChildren<Value extends string | number>(children: ReactNode, currentValue: Value | undefined): ExtractedOptions<Value>;
+export {};

package/dist/form/selectUtils.js

@@ -0,0 +1,71 @@
+import { Children, isValidElement } from "react";
+/**
+ * @internal
+ * @remarks \@since 6.0.0
+ */ function getLabelFromChildren(children) {
+    if (!children) {
+        return "";
+    }
+    if (typeof children === "string" || typeof children === "number") {
+        return `${children}`;
+    }
+    if (isValidElement(children)) {
+        if (children.props.hidden) {
+            return "";
+        }
+        return getLabelFromChildren(children.props.children);
+    }
+    const childList = Children.toArray(children);
+    for (const child of childList){
+        if (typeof child === "string" || typeof child === "number") {
+            return `${child}`[0].toUpperCase();
+        }
+        if (isValidElement(child) && !child.props.hidden) {
+            return getLabelFromChildren(child.props.children);
+        }
+    }
+    return "";
+}
+/**
+ * @internal
+ * @remarks \@since 6.0.0
+ */ export function extractOptionsFromChildren(children, currentValue) {
+    let currentOption;
+    let currentIndex = -1;
+    const options = [];
+    const searchValues = [];
+    Children.forEach(children, (child)=>{
+        if (!isValidElement(child)) {
+            return;
+        }
+        const { value, disabled, children } = child.props;
+        if (typeof value !== "undefined") {
+            if (value === currentValue || !currentOption && typeof currentValue === "undefined") {
+                currentOption = child.props;
+                currentIndex = options.length;
+            }
+            if (!disabled) {
+                options.push(child.props);
+                searchValues.push(getLabelFromChildren(children));
+            }
+        } else if (children) {
+            const result = extractOptionsFromChildren(children, currentValue);
+            if (!currentOption) {
+                ({ currentOption } = result);
+            }
+            if (result.currentIndex !== -1) {
+                currentIndex = options.length + result.currentIndex;
+            }
+            options.push(...result.options);
+            searchValues.push(...result.searchValues);
+        }
+    });
+    return {
+        options,
+        searchValues,
+        currentOption,
+        currentIndex
+    };
+}
+
+//# sourceMappingURL=selectUtils.js.map

package/dist/form/selectUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/form/selectUtils.ts"],"sourcesContent":["import { Children, isValidElement, type ReactNode } from \"react\";\nimport { type MenuItemProps } from \"../menu/MenuItem.js\";\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport interface SelectOption<Value extends string | number = string>\n  extends MenuItemProps {\n  value: Value;\n}\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nfunction getLabelFromChildren(children: ReactNode): string {\n  if (!children) {\n    return \"\";\n  }\n\n  if (typeof children === \"string\" || typeof children === \"number\") {\n    return `${children}`;\n  }\n\n  if (isValidElement<{ children: ReactNode; hidden?: boolean }>(children)) {\n    if (children.props.hidden) {\n      return \"\";\n    }\n\n    return getLabelFromChildren(children.props.children);\n  }\n\n  const childList = Children.toArray(children);\n  for (const child of childList) {\n    if (typeof child === \"string\" || typeof child === \"number\") {\n      return `${child}`[0].toUpperCase();\n    }\n\n    if (\n      isValidElement<{ children: ReactNode; hidden?: boolean }>(child) &&\n      !child.props.hidden\n    ) {\n      return getLabelFromChildren(child.props.children);\n    }\n  }\n\n  return \"\";\n}\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\ninterface ExtractedOptions<Value extends string | number> {\n  options: readonly SelectOption<Value>[];\n  currentOption: SelectOption<Value> | undefined;\n  searchValues: readonly string[];\n  currentIndex: number;\n}\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport function extractOptionsFromChildren<Value extends string | number>(\n  children: ReactNode,\n  currentValue: Value | undefined\n): ExtractedOptions<Value> {\n  let currentOption: SelectOption<Value> | undefined;\n  let currentIndex = -1;\n\n  const options: SelectOption<Value>[] = [];\n  const searchValues: string[] = [];\n  Children.forEach(children, (child) => {\n    if (!isValidElement<SelectOption<Value>>(child)) {\n      return;\n    }\n\n    const { value, disabled, children } = child.props;\n    if (typeof value !== \"undefined\") {\n      if (\n        value === currentValue ||\n        (!currentOption && typeof currentValue === \"undefined\")\n      ) {\n        currentOption = child.props;\n        currentIndex = options.length;\n      }\n\n      if (!disabled) {\n        options.push(child.props);\n        searchValues.push(getLabelFromChildren(children));\n      }\n    } else if (children) {\n      const result = extractOptionsFromChildren(children, currentValue);\n      if (!currentOption) {\n        ({ currentOption } = result);\n      }\n\n      if (result.currentIndex !== -1) {\n        currentIndex = options.length + result.currentIndex;\n      }\n\n      options.push(...result.options);\n      searchValues.push(...result.searchValues);\n    }\n  });\n\n  return {\n    options,\n    searchValues,\n    currentOption,\n    currentIndex,\n  };\n}\n"],"names":["Children","isValidElement","getLabelFromChildren","children","props","hidden","childList","toArray","child","toUpperCase","extractOptionsFromChildren","currentValue","currentOption","currentIndex","options","searchValues","forEach","value","disabled","length","push","result"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,cAAc,QAAwB,QAAQ;AAYjE;;;CAGC,GACD,SAASC,qBAAqBC,QAAmB;IAC/C,IAAI,CAACA,UAAU;QACb,OAAO;IACT;IAEA,IAAI,OAAOA,aAAa,YAAY,OAAOA,aAAa,UAAU;QAChE,OAAO,CAAC,EAAEA,SAAS,CAAC;IACtB;IAEA,IAAIF,eAA0DE,WAAW;QACvE,IAAIA,SAASC,KAAK,CAACC,MAAM,EAAE;YACzB,OAAO;QACT;QAEA,OAAOH,qBAAqBC,SAASC,KAAK,CAACD,QAAQ;IACrD;IAEA,MAAMG,YAAYN,SAASO,OAAO,CAACJ;IACnC,KAAK,MAAMK,SAASF,UAAW;QAC7B,IAAI,OAAOE,UAAU,YAAY,OAAOA,UAAU,UAAU;YAC1D,OAAO,CAAC,EAAEA,MAAM,CAAC,CAAC,EAAE,CAACC,WAAW;QAClC;QAEA,IACER,eAA0DO,UAC1D,CAACA,MAAMJ,KAAK,CAACC,MAAM,EACnB;YACA,OAAOH,qBAAqBM,MAAMJ,KAAK,CAACD,QAAQ;QAClD;IACF;IAEA,OAAO;AACT;AAaA;;;CAGC,GACD,OAAO,SAASO,2BACdP,QAAmB,EACnBQ,YAA+B;IAE/B,IAAIC;IACJ,IAAIC,eAAe,CAAC;IAEpB,MAAMC,UAAiC,EAAE;IACzC,MAAMC,eAAyB,EAAE;IACjCf,SAASgB,OAAO,CAACb,UAAU,CAACK;QAC1B,IAAI,CAACP,eAAoCO,QAAQ;YAC/C;QACF;QAEA,MAAM,EAAES,KAAK,EAAEC,QAAQ,EAAEf,QAAQ,EAAE,GAAGK,MAAMJ,KAAK;QACjD,IAAI,OAAOa,UAAU,aAAa;YAChC,IACEA,UAAUN,gBACT,CAACC,iBAAiB,OAAOD,iBAAiB,aAC3C;gBACAC,gBAAgBJ,MAAMJ,KAAK;gBAC3BS,eAAeC,QAAQK,MAAM;YAC/B;YAEA,IAAI,CAACD,UAAU;gBACbJ,QAAQM,IAAI,CAACZ,MAAMJ,KAAK;gBACxBW,aAAaK,IAAI,CAAClB,qBAAqBC;YACzC;QACF,OAAO,IAAIA,UAAU;YACnB,MAAMkB,SAASX,2BAA2BP,UAAUQ;YACpD,IAAI,CAACC,eAAe;gBACjB,CAAA,EAAEA,aAAa,EAAE,GAAGS,MAAK;YAC5B;YAEA,IAAIA,OAAOR,YAAY,KAAK,CAAC,GAAG;gBAC9BA,eAAeC,QAAQK,MAAM,GAAGE,OAAOR,YAAY;YACrD;YAEAC,QAAQM,IAAI,IAAIC,OAAOP,OAAO;YAC9BC,aAAaK,IAAI,IAAIC,OAAON,YAAY;QAC1C;IACF;IAEA,OAAO;QACLD;QACAC;QACAH;QACAC;IACF;AACF"}

package/dist/form/sliderUtils.d.ts

@@ -0,0 +1,74 @@
+import { type RefObject } from "react";
+import { type DraggableEventHandlers, type DraggableImplementation, type DraggableMouseEventHandlers, type DraggableTouchEventHandlers } from "../draggable/useDraggable.js";
+import { type RenameKeysWithPrefix } from "../types.js";
+/**
+ * @remarks \@since 6.0.0
+ * @internal
+ */
+interface JumpOptions {
+    min: number;
+    max: number;
+    step: number;
+    jump: number | undefined;
+}
+/**
+ * @remarks \@since 6.0.0
+ * @internal
+ */
+export declare const getJumpValue: (options: JumpOptions) => number;
+/**
+ * @remarks \@since 6.0.0
+ * @internal
+ */
+type RequiredThumbProps = Pick<DraggableImplementation<HTMLElement>, "dragging" | keyof DraggableMouseEventHandlers<HTMLElement> | keyof DraggableTouchEventHandlers<HTMLElement>> & {
+    ref: RefObject<HTMLSpanElement>;
+};
+/**
+ * @remarks \@since 6.0.0
+ * @internal
+ */
+export type ClosestThumbEventHandlersOptions = RenameKeysWithPrefix<RequiredThumbProps, "thumb1"> & RenameKeysWithPrefix<RequiredThumbProps, "thumb2"> & {
+    vertical: boolean;
+    isRangeSlider: boolean;
+};
+/**
+ * NOTE: I do not need the mousemove events for this one to work.
+ *
+ * @remarks \@since 6.0.0
+ * @internal
+ */
+export declare const getClosestThumbEventHandlers: (options: ClosestThumbEventHandlersOptions) => DraggableEventHandlers<HTMLElement>;
+/**
+ * @internal
+ * @remarks \@since 6.0.0
+ */
+export declare function getThumbOffset(offset: number | undefined, fallback: number): string | undefined;
+/**
+ * @remarks \@since 6.0.0
+ * @internal
+ */
+export interface ThumbOffsetsOptions {
+    min: number;
+    max: number;
+    thumb1Value: number;
+    thumb1Dragging: boolean;
+    thumb1DragPercentage: number;
+    thumb2Value: number;
+    thumb2Dragging: boolean;
+    thumb2DragPercentage: number;
+    isRangeSlider: boolean;
+}
+/**
+ * @remarks \@since 6.0.0
+ * @internal
+ */
+interface ThumbOffsets {
+    "--rmd-slider-offset-1"?: string;
+    "--rmd-slider-offset-2"?: string;
+}
+/**
+ * @remarks \@since 6.0.0
+ * @internal
+ */
+export declare const getThumbOffsets: (options: ThumbOffsetsOptions) => ThumbOffsets;
+export {};

package/dist/form/sliderUtils.js

@@ -0,0 +1,124 @@
+import { getClientPosition } from "../utils/getClientPosition.js";
+import { getPercentage } from "../utils/getPercentage.js";
+import { getRangeSteps } from "../utils/getRangeSteps.js";
+/**
+ * @remarks \@since 6.0.0
+ * @internal
+ */ export const getJumpValue = (options)=>{
+    const { min, max, step, jump } = options;
+    const steps = getRangeSteps({
+        min,
+        max,
+        step
+    });
+    const value = jump ?? steps / 10 * step;
+    if (Number.isInteger(step)) {
+        return Math.ceil(value);
+    }
+    return value;
+};
+/**
+ * NOTE: I do not need the mousemove events for this one to work.
+ *
+ * @remarks \@since 6.0.0
+ * @internal
+ */ export const getClosestThumbEventHandlers = (options)=>{
+    const { thumb1Ref, thumb1Dragging, thumb1OnMouseUp, thumb1OnMouseDown, thumb1OnTouchStart, thumb1OnTouchMove, thumb2Ref, thumb2Dragging, thumb2OnMouseUp, thumb2OnMouseDown, thumb2OnTouchStart, thumb2OnTouchMove, isRangeSlider, vertical } = options;
+    if (!isRangeSlider) {
+        return {
+            onMouseDown: thumb1OnMouseDown,
+            onMouseUp: thumb1OnMouseUp,
+            onTouchStart: thumb1OnTouchStart,
+            onTouchMove: thumb1OnTouchMove
+        };
+    }
+    const isThumbOneClosest = (event)=>{
+        if (thumb2Dragging) {
+            return false;
+        }
+        const thumb1 = thumb1Ref.current;
+        const thumb2 = thumb2Ref.current;
+        if (!thumb1Dragging && thumb1 && thumb2) {
+            const clientPosition = getClientPosition({
+                event,
+                vertical
+            });
+            const thumb1Rect = thumb1.getBoundingClientRect();
+            const thumb2Rect = thumb2.getBoundingClientRect();
+            const thumb1Position = vertical ? thumb1Rect.y : thumb1Rect.x;
+            const thumb2Position = vertical ? thumb2Rect.y : thumb2Rect.x;
+            return Math.abs(clientPosition - thumb1Position) < Math.abs(clientPosition - thumb2Position);
+        }
+        return true;
+    };
+    return {
+        onMouseDown (event) {
+            if (isThumbOneClosest(event)) {
+                thumb1OnMouseDown(event);
+            } else {
+                thumb2OnMouseDown(event);
+            }
+        },
+        onMouseUp (event) {
+            if (isThumbOneClosest(event)) {
+                thumb1OnMouseUp(event);
+            } else {
+                thumb2OnMouseUp(event);
+            }
+        },
+        onTouchStart (event) {
+            if (isThumbOneClosest(event)) {
+                thumb1OnTouchStart(event);
+            } else {
+                thumb2OnTouchStart(event);
+            }
+        },
+        onTouchMove (event) {
+            if (isThumbOneClosest(event)) {
+                thumb1OnTouchMove(event);
+            } else {
+                thumb2OnTouchMove(event);
+            }
+        }
+    };
+};
+/**
+ * @internal
+ * @remarks \@since 6.0.0
+ */ export function getThumbOffset(offset, fallback) {
+    if (typeof offset !== "number") {
+        return;
+    }
+    // the `offset` will be NaN when there are no possible steps to take because
+    // the first thumb is at the maximum value or the second thumb is at the
+    // minimum value
+    const value = Number.isNaN(offset) ? fallback : offset;
+    return `${value * 100}%`;
+}
+/**
+ * @remarks \@since 6.0.0
+ * @internal
+ */ export const getThumbOffsets = (options)=>{
+    const { min, max, thumb1Value, thumb1Dragging, thumb1DragPercentage, thumb2Value, thumb2Dragging, thumb2DragPercentage, isRangeSlider } = options;
+    let thumb1Percentage = thumb1Dragging ? thumb1DragPercentage : getPercentage({
+        min,
+        max,
+        value: thumb1Value
+    });
+    let thumb2Percentage;
+    if (isRangeSlider) {
+        const percentage = getPercentage({
+            min,
+            max,
+            value: thumb2Value
+        });
+        thumb1Percentage = Math.min(thumb1Percentage, percentage);
+        thumb2Percentage = thumb2Dragging ? Math.max(thumb1Percentage, thumb2DragPercentage) : percentage;
+    }
+    return {
+        "--rmd-slider-offset-1": getThumbOffset(thumb1Percentage, 0),
+        "--rmd-slider-offset-2": getThumbOffset(thumb2Percentage, 1)
+    };
+};
+
+//# sourceMappingURL=sliderUtils.js.map

package/dist/form/sliderUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/form/sliderUtils.ts"],"sourcesContent":["import { type RefObject } from \"react\";\nimport {\n  type DraggableEventHandlers,\n  type DraggableImplementation,\n  type DraggableMouseEventHandlers,\n  type DraggableTouchEventHandlers,\n} from \"../draggable/useDraggable.js\";\nimport { type RenameKeysWithPrefix } from \"../types.js\";\nimport {\n  getClientPosition,\n  type ClientPositionEvent,\n} from \"../utils/getClientPosition.js\";\nimport { getPercentage } from \"../utils/getPercentage.js\";\nimport { getRangeSteps } from \"../utils/getRangeSteps.js\";\n\n/**\n * @remarks \\@since 6.0.0\n * @internal\n */\ninterface JumpOptions {\n  min: number;\n  max: number;\n  step: number;\n  jump: number | undefined;\n}\n\n/**\n * @remarks \\@since 6.0.0\n * @internal\n */\nexport const getJumpValue = (options: JumpOptions): number => {\n  const { min, max, step, jump } = options;\n\n  const steps = getRangeSteps({ min, max, step });\n  const value = jump ?? (steps / 10) * step;\n  if (Number.isInteger(step)) {\n    return Math.ceil(value);\n  }\n\n  return value;\n};\n\n/**\n * @remarks \\@since 6.0.0\n * @internal\n */\ntype RequiredThumbProps = Pick<\n  DraggableImplementation<HTMLElement>,\n  | \"dragging\"\n  | keyof DraggableMouseEventHandlers<HTMLElement>\n  | keyof DraggableTouchEventHandlers<HTMLElement>\n> & { ref: RefObject<HTMLSpanElement> };\n\n/**\n * @remarks \\@since 6.0.0\n * @internal\n */\nexport type ClosestThumbEventHandlersOptions = RenameKeysWithPrefix<\n  RequiredThumbProps,\n  \"thumb1\"\n> &\n  RenameKeysWithPrefix<RequiredThumbProps, \"thumb2\"> & {\n    vertical: boolean;\n    isRangeSlider: boolean;\n  };\n\n/**\n * NOTE: I do not need the mousemove events for this one to work.\n *\n * @remarks \\@since 6.0.0\n * @internal\n */\nexport const getClosestThumbEventHandlers = (\n  options: ClosestThumbEventHandlersOptions\n): DraggableEventHandlers<HTMLElement> => {\n  const {\n    thumb1Ref,\n    thumb1Dragging,\n    thumb1OnMouseUp,\n    thumb1OnMouseDown,\n    thumb1OnTouchStart,\n    thumb1OnTouchMove,\n    thumb2Ref,\n    thumb2Dragging,\n    thumb2OnMouseUp,\n    thumb2OnMouseDown,\n    thumb2OnTouchStart,\n    thumb2OnTouchMove,\n    isRangeSlider,\n    vertical,\n  } = options;\n\n  if (!isRangeSlider) {\n    return {\n      onMouseDown: thumb1OnMouseDown,\n      onMouseUp: thumb1OnMouseUp,\n      onTouchStart: thumb1OnTouchStart,\n      onTouchMove: thumb1OnTouchMove,\n    };\n  }\n\n  const isThumbOneClosest = (event: ClientPositionEvent): boolean => {\n    if (thumb2Dragging) {\n      return false;\n    }\n\n    const thumb1 = thumb1Ref.current;\n    const thumb2 = thumb2Ref.current;\n    if (!thumb1Dragging && thumb1 && thumb2) {\n      const clientPosition = getClientPosition({ event, vertical });\n      const thumb1Rect = thumb1.getBoundingClientRect();\n      const thumb2Rect = thumb2.getBoundingClientRect();\n      const thumb1Position = vertical ? thumb1Rect.y : thumb1Rect.x;\n      const thumb2Position = vertical ? thumb2Rect.y : thumb2Rect.x;\n\n      return (\n        Math.abs(clientPosition - thumb1Position) <\n        Math.abs(clientPosition - thumb2Position)\n      );\n    }\n\n    return true;\n  };\n\n  return {\n    onMouseDown(event) {\n      if (isThumbOneClosest(event)) {\n        thumb1OnMouseDown(event);\n      } else {\n        thumb2OnMouseDown(event);\n      }\n    },\n    onMouseUp(event) {\n      if (isThumbOneClosest(event)) {\n        thumb1OnMouseUp(event);\n      } else {\n        thumb2OnMouseUp(event);\n      }\n    },\n    onTouchStart(event) {\n      if (isThumbOneClosest(event)) {\n        thumb1OnTouchStart(event);\n      } else {\n        thumb2OnTouchStart(event);\n      }\n    },\n    onTouchMove(event) {\n      if (isThumbOneClosest(event)) {\n        thumb1OnTouchMove(event);\n      } else {\n        thumb2OnTouchMove(event);\n      }\n    },\n  };\n};\n\n/**\n * @internal\n * @remarks \\@since 6.0.0\n */\nexport function getThumbOffset(\n  offset: number | undefined,\n  fallback: number\n): string | undefined {\n  if (typeof offset !== \"number\") {\n    return;\n  }\n\n  // the `offset` will be NaN when there are no possible steps to take because\n  // the first thumb is at the maximum value or the second thumb is at the\n  // minimum value\n  const value = Number.isNaN(offset) ? fallback : offset;\n  return `${value * 100}%`;\n}\n\n/**\n * @remarks \\@since 6.0.0\n * @internal\n */\nexport interface ThumbOffsetsOptions {\n  min: number;\n  max: number;\n  thumb1Value: number;\n  thumb1Dragging: boolean;\n  thumb1DragPercentage: number;\n  thumb2Value: number;\n  thumb2Dragging: boolean;\n  thumb2DragPercentage: number;\n  isRangeSlider: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n * @internal\n */\ninterface ThumbOffsets {\n  \"--rmd-slider-offset-1\"?: string;\n  \"--rmd-slider-offset-2\"?: string;\n}\n\n/**\n * @remarks \\@since 6.0.0\n * @internal\n */\nexport const getThumbOffsets = (options: ThumbOffsetsOptions): ThumbOffsets => {\n  const {\n    min,\n    max,\n    thumb1Value,\n    thumb1Dragging,\n    thumb1DragPercentage,\n    thumb2Value,\n    thumb2Dragging,\n    thumb2DragPercentage,\n    isRangeSlider,\n  } = options;\n  let thumb1Percentage = thumb1Dragging\n    ? thumb1DragPercentage\n    : getPercentage({ min, max, value: thumb1Value });\n\n  let thumb2Percentage: number | undefined;\n  if (isRangeSlider) {\n    const percentage = getPercentage({ min, max, value: thumb2Value });\n\n    thumb1Percentage = Math.min(thumb1Percentage, percentage);\n    thumb2Percentage = thumb2Dragging\n      ? Math.max(thumb1Percentage, thumb2DragPercentage)\n      : percentage;\n  }\n\n  return {\n    \"--rmd-slider-offset-1\": getThumbOffset(thumb1Percentage, 0),\n    \"--rmd-slider-offset-2\": getThumbOffset(thumb2Percentage, 1),\n  };\n};\n"],"names":["getClientPosition","getPercentage","getRangeSteps","getJumpValue","options","min","max","step","jump","steps","value","Number","isInteger","Math","ceil","getClosestThumbEventHandlers","thumb1Ref","thumb1Dragging","thumb1OnMouseUp","thumb1OnMouseDown","thumb1OnTouchStart","thumb1OnTouchMove","thumb2Ref","thumb2Dragging","thumb2OnMouseUp","thumb2OnMouseDown","thumb2OnTouchStart","thumb2OnTouchMove","isRangeSlider","vertical","onMouseDown","onMouseUp","onTouchStart","onTouchMove","isThumbOneClosest","event","thumb1","current","thumb2","clientPosition","thumb1Rect","getBoundingClientRect","thumb2Rect","thumb1Position","y","x","thumb2Position","abs","getThumbOffset","offset","fallback","isNaN","getThumbOffsets","thumb1Value","thumb1DragPercentage","thumb2Value","thumb2DragPercentage","thumb1Percentage","thumb2Percentage","percentage"],"mappings":"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"}

package/dist/form/switchStyles.d.ts

@@ -0,0 +1,17 @@
+declare module "react" {
+    interface CSSProperties {
+        "--rmd-switch-track-background-color"?: string;
+        "--rmd-switch-ball-background-color"?: string;
+    }
+}
+/**
+ * @remarks \@since 6.0.0
+ */
+export interface SwitchClassNameOptions {
+    className?: string;
+    clickable?: boolean;
+}
+/**
+ * @remarks \@since 6.0.0
+ */
+export declare function switchStyles(options?: SwitchClassNameOptions): string;

package/dist/form/switchStyles.js

@@ -0,0 +1,13 @@
+import { cnb } from "cnbuilder";
+import { bem } from "../utils/bem.js";
+const styles = bem("rmd-switch");
+/**
+ * @remarks \@since 6.0.0
+ */ export function switchStyles(options = {}) {
+    const { className, clickable } = options;
+    return cnb(styles({
+        clickable
+    }), className);
+}
+
+//# sourceMappingURL=switchStyles.js.map

package/dist/form/switchStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/form/switchStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-switch-track-background-color\"?: string;\n    \"--rmd-switch-ball-background-color\"?: string;\n  }\n}\n\nconst styles = bem(\"rmd-switch\");\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface SwitchClassNameOptions {\n  className?: string;\n\n  clickable?: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function switchStyles(options: SwitchClassNameOptions = {}): string {\n  const { className, clickable } = options;\n\n  return cnb(styles({ clickable }), className);\n}\n"],"names":["cnb","bem","styles","switchStyles","options","className","clickable"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAStC,MAAMC,SAASD,IAAI;AAWnB;;CAEC,GACD,OAAO,SAASE,aAAaC,UAAkC,CAAC,CAAC;IAC/D,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAGF;IAEjC,OAAOJ,IAAIE,OAAO;QAAEI;IAAU,IAAID;AACpC"}

package/dist/form/textAreaStyles.d.ts

@@ -0,0 +1,50 @@
+import { type TextFieldClassNameOptions } from "./textFieldStyles.js";
+import { type TextAreaResize } from "./useResizingTextArea.js";
+declare module "react" {
+    interface CSSProperties {
+        "--rmd-form-textarea-height"?: string | number;
+        "--rmd-form-textarea-padding"?: string | number;
+    }
+}
+/**
+ * @remarks \@since 6.0.0
+ */
+export interface TextareaClassNameOptions extends TextFieldClassNameOptions {
+    className?: string;
+    /**
+     * This should not be used externally and is only used for creating the hidden
+     * textarea mask for the auto resizing behavior.
+     *
+     * @defaultValue `false`
+     */
+    mask?: boolean;
+    /**
+     * @see {@link TextAreaResize}
+     * @defaultValue `"auto"`
+     */
+    resize?: TextAreaResize;
+    /**
+     * Set this to `true` if the textarea should display a scrollbar.
+     *
+     * @defaultValue `false`
+     */
+    scrollable?: boolean;
+}
+/**
+ * @remarks \@since 6.0.0
+ */
+export declare function textArea(options?: TextareaClassNameOptions): string;
+/**
+ * @remarks \@since 6.0.0
+ */
+export interface TextareaContainerClassNameOptions {
+    className?: string;
+    height?: boolean;
+    disabled?: boolean;
+    animate?: boolean;
+    underlineLabelled?: boolean;
+}
+/**
+ * @remarks \@since 6.0.0
+ */
+export declare function textAreaContainer(options?: TextareaContainerClassNameOptions): string;

package/dist/form/textAreaStyles.js

@@ -0,0 +1,32 @@
+import { cnb } from "cnbuilder";
+import { bem } from "../utils/bem.js";
+import { textField } from "./textFieldStyles.js";
+const styles = bem("rmd-textarea");
+const containerStyles = bem("rmd-textarea-container");
+/**
+ * @remarks \@since 6.0.0
+ */ export function textArea(options = {}) {
+    const { className, mask, resize = "auto", scrollable, placeholderHidden } = options;
+    return cnb(textField({
+        placeholderHidden
+    }), styles({
+        rh: resize === "horizontal",
+        rv: resize === "vertical",
+        rn: resize === "auto" || resize === "none",
+        mask,
+        scrollable: scrollable || resize === "none"
+    }), className);
+}
+/**
+ * @remarks \@since 6.0.0
+ */ export function textAreaContainer(options = {}) {
+    const { className, height, animate, disabled, underlineLabelled } = options;
+    return cnb(containerStyles({
+        height,
+        animate,
+        cursor: !disabled,
+        "underline-labelled": underlineLabelled
+    }), className);
+}
+
+//# sourceMappingURL=textAreaStyles.js.map

package/dist/form/textAreaStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/form/textAreaStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\nimport {\n  textField,\n  type TextFieldClassNameOptions,\n} from \"./textFieldStyles.js\";\nimport { type TextAreaResize } from \"./useResizingTextArea.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-form-textarea-height\"?: string | number;\n    \"--rmd-form-textarea-padding\"?: string | number;\n  }\n}\n\nconst styles = bem(\"rmd-textarea\");\nconst containerStyles = bem(\"rmd-textarea-container\");\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface TextareaClassNameOptions extends TextFieldClassNameOptions {\n  className?: string;\n\n  /**\n   * This should not be used externally and is only used for creating the hidden\n   * textarea mask for the auto resizing behavior.\n   *\n   * @defaultValue `false`\n   */\n  mask?: boolean;\n\n  /**\n   * @see {@link TextAreaResize}\n   * @defaultValue `\"auto\"`\n   */\n  resize?: TextAreaResize;\n\n  /**\n   * Set this to `true` if the textarea should display a scrollbar.\n   *\n   * @defaultValue `false`\n   */\n  scrollable?: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function textArea(options: TextareaClassNameOptions = {}): string {\n  const {\n    className,\n    mask,\n    resize = \"auto\",\n    scrollable,\n    placeholderHidden,\n  } = options;\n\n  return cnb(\n    textField({ placeholderHidden }),\n    styles({\n      rh: resize === \"horizontal\",\n      rv: resize === \"vertical\",\n      rn: resize === \"auto\" || resize === \"none\",\n      mask,\n      scrollable: scrollable || resize === \"none\",\n    }),\n    className\n  );\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface TextareaContainerClassNameOptions {\n  className?: string;\n  height?: boolean;\n  disabled?: boolean;\n  animate?: boolean;\n  underlineLabelled?: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function textAreaContainer(\n  options: TextareaContainerClassNameOptions = {}\n): string {\n  const { className, height, animate, disabled, underlineLabelled } = options;\n\n  return cnb(\n    containerStyles({\n      height,\n      animate,\n      cursor: !disabled,\n      \"underline-labelled\": underlineLabelled,\n    }),\n    className\n  );\n}\n"],"names":["cnb","bem","textField","styles","containerStyles","textArea","options","className","mask","resize","scrollable","placeholderHidden","rh","rv","rn","textAreaContainer","height","animate","disabled","underlineLabelled","cursor"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SACEC,SAAS,QAEJ,uBAAuB;AAU9B,MAAMC,SAASF,IAAI;AACnB,MAAMG,kBAAkBH,IAAI;AA8B5B;;CAEC,GACD,OAAO,SAASI,SAASC,UAAoC,CAAC,CAAC;IAC7D,MAAM,EACJC,SAAS,EACTC,IAAI,EACJC,SAAS,MAAM,EACfC,UAAU,EACVC,iBAAiB,EAClB,GAAGL;IAEJ,OAAON,IACLE,UAAU;QAAES;IAAkB,IAC9BR,OAAO;QACLS,IAAIH,WAAW;QACfI,IAAIJ,WAAW;QACfK,IAAIL,WAAW,UAAUA,WAAW;QACpCD;QACAE,YAAYA,cAAcD,WAAW;IACvC,IACAF;AAEJ;AAaA;;CAEC,GACD,OAAO,SAASQ,kBACdT,UAA6C,CAAC,CAAC;IAE/C,MAAM,EAAEC,SAAS,EAAES,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,iBAAiB,EAAE,GAAGb;IAEpE,OAAON,IACLI,gBAAgB;QACdY;QACAC;QACAG,QAAQ,CAACF;QACT,sBAAsBC;IACxB,IACAZ;AAEJ"}

package/dist/form/textFieldStyles.d.ts

@@ -0,0 +1,17 @@
+/** @remarks \@since 6.0.0 */
+export interface TextFieldClassNameOptions {
+    className?: string;
+    /**
+     * Set this value to `true` when a text field has a floating label the text
+     * field is not focused or valued so that the placeholder is hidden by setting
+     * the opacity to 0. This makes it so the placeholder and label to not cover
+     * each other.
+     *
+     * @defaultValue `false`
+     */
+    placeholderHidden?: boolean;
+}
+/**
+ * @remarks \@since 6.0.0
+ */
+export declare function textField(options?: TextFieldClassNameOptions): string;

package/dist/form/textFieldStyles.js

@@ -0,0 +1,13 @@
+import { cnb } from "cnbuilder";
+import { bem } from "../utils/bem.js";
+const styles = bem("rmd-text-field");
+/**
+ * @remarks \@since 6.0.0
+ */ export function textField(options = {}) {
+    const { className, placeholderHidden = false } = options;
+    return cnb(styles({
+        "placeholder-hidden": placeholderHidden
+    }), className);
+}
+
+//# sourceMappingURL=textFieldStyles.js.map

package/dist/form/textFieldStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/form/textFieldStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-text-field\");\n\n/** @remarks \\@since 6.0.0 */\nexport interface TextFieldClassNameOptions {\n  className?: string;\n\n  /**\n   * Set this value to `true` when a text field has a floating label the text\n   * field is not focused or valued so that the placeholder is hidden by setting\n   * the opacity to 0. This makes it so the placeholder and label to not cover\n   * each other.\n   *\n   * @defaultValue `false`\n   */\n  placeholderHidden?: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function textField(options: TextFieldClassNameOptions = {}): string {\n  const { className, placeholderHidden = false } = options;\n\n  return cnb(\n    styles({\n      \"placeholder-hidden\": placeholderHidden,\n    }),\n    className\n  );\n}\n"],"names":["cnb","bem","styles","textField","options","className","placeholderHidden"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAiBnB;;CAEC,GACD,OAAO,SAASE,UAAUC,UAAqC,CAAC,CAAC;IAC/D,MAAM,EAAEC,SAAS,EAAEC,oBAAoB,KAAK,EAAE,GAAGF;IAEjD,OAAOJ,IACLE,OAAO;QACL,sBAAsBI;IACxB,IACAD;AAEJ"}