@salt-ds/core 1.53.0 → 1.54.0

package/dist-types/pill/PillCheckIcon.d.ts

@@ -0,0 +1,7 @@
+export interface PillCheckIconProps {
+    checked?: boolean;
+    className?: string;
+    disabled?: boolean;
+    active?: boolean;
+}
+export declare const PillCheckIcon: ({ className, checked, disabled, active, }: PillCheckIconProps) => JSX.Element;

package/dist-types/pill/PillGroup.d.ts

@@ -0,0 +1,34 @@
+import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
+interface CommonPillGroupProps extends ComponentPropsWithoutRef<"fieldset"> {
+    /**
+     * If `true`, the Pill group will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Selection variant of the Pill group. If "none", the Pills will not be selectable. If "multiple", pills inside behave like checkboxes.
+     */
+    selectionVariant?: "none" | "multiple";
+}
+interface SelectablePillGroupProps extends CommonPillGroupProps {
+    selectionVariant: "multiple";
+    /**
+     * The currently selected values.
+     */
+    selected?: string[];
+    /**
+     * The default selected values for un-controlled component.
+     */
+    defaultSelected?: string[];
+    /**
+     * Callback fired when the selection changes.
+     * @param event
+     * @param newSelected The new selected values.
+     */
+    onSelectionChange?: (event: SyntheticEvent, newSelected: string[]) => void;
+}
+interface NonSelectablePillGroupProps extends CommonPillGroupProps {
+    selectionVariant?: "none";
+}
+export type PillGroupProps = SelectablePillGroupProps | NonSelectablePillGroupProps;
+export declare const PillGroup: import("react").ForwardRefExoticComponent<PillGroupProps & import("react").RefAttributes<HTMLFieldSetElement>>;
+export {};

package/dist-types/pill/PillGroupContext.d.ts

@@ -0,0 +1,9 @@
+import { type SyntheticEvent } from "react";
+export interface PillGroupContextValue {
+    selected: string[];
+    select: (e: SyntheticEvent, value: string) => void;
+    disabled?: boolean;
+    selectionVariant: "none" | "multiple";
+}
+export declare const PillGroupContext: import("react").Context<PillGroupContextValue>;
+export declare function usePillGroup(): PillGroupContextValue;

package/dist-types/pill/index.d.ts

@@ -1 +1,2 @@
 export * from "./Pill";
+export * from "./PillGroup";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/core",
-  "version": "1.53.0",
+  "version": "1.54.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",

package/dist-cjs/number-input/internal/useActivateWhileMouseDown.js

@@ -1,50 +0,0 @@
-'use strict';
-
-var window = require('@salt-ds/window');
-var React = require('react');
-var useInterval = require('./useInterval.js');
-
-const INITIAL_DELAY = 500;
-const INTERVAL_DELAY = 100;
-function useActivateWhileMouseDown(activationFn, isAtLimit) {
-  const [buttonDown, setButtonDown] = React.useState(false);
-  const [delay, setDelay] = React.useState(INITIAL_DELAY);
-  const cancelInterval = React.useCallback(() => {
-    setButtonDown(false);
-    setDelay(INITIAL_DELAY);
-  }, []);
-  React.useEffect(() => {
-    if (isAtLimit) cancelInterval();
-  }, [isAtLimit, cancelInterval]);
-  const targetWindow = window.useWindow();
-  React.useEffect(() => {
-    if (targetWindow) {
-      targetWindow.addEventListener("mouseup", cancelInterval);
-    }
-    return () => {
-      if (targetWindow) {
-        targetWindow.removeEventListener("mouseup", cancelInterval);
-      }
-    };
-  }, [cancelInterval, targetWindow]);
-  const activate = (event) => {
-    activationFn(event);
-    if (event.type === "mousedown") {
-      setButtonDown(true);
-    }
-  };
-  useInterval.useInterval(
-    () => {
-      if (!buttonDown) return;
-      activationFn();
-      if (delay === INITIAL_DELAY) {
-        setDelay(INTERVAL_DELAY);
-      }
-    },
-    buttonDown ? delay : null
-  );
-  return { activate, buttonDown };
-}
-
-exports.useActivateWhileMouseDown = useActivateWhileMouseDown;
-//# sourceMappingURL=useActivateWhileMouseDown.js.map

package/dist-cjs/number-input/internal/useActivateWhileMouseDown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActivateWhileMouseDown.js","sources":["../src/number-input/internal/useActivateWhileMouseDown.ts"],"sourcesContent":["import { useWindow } from \"@salt-ds/window\";\nimport { type SyntheticEvent, useCallback, useEffect, useState } from \"react\";\nimport { useInterval } from \"./useInterval\";\n\nconst INITIAL_DELAY = 500;\nconst INTERVAL_DELAY = 100;\n\nexport function useActivateWhileMouseDown(\n  activationFn: (event?: SyntheticEvent) => void,\n  isAtLimit: boolean,\n) {\n  const [buttonDown, setButtonDown] = useState(false);\n  const [delay, setDelay] = useState(INITIAL_DELAY);\n\n  const cancelInterval = useCallback(() => {\n    setButtonDown(false);\n    setDelay(INITIAL_DELAY);\n  }, []);\n\n  useEffect(() => {\n    if (isAtLimit) cancelInterval();\n  }, [isAtLimit, cancelInterval]);\n\n  const targetWindow = useWindow();\n\n  useEffect(() => {\n    if (targetWindow) {\n      targetWindow.addEventListener(\"mouseup\", cancelInterval);\n    }\n    return () => {\n      if (targetWindow) {\n        targetWindow.removeEventListener(\"mouseup\", cancelInterval);\n      }\n    };\n  }, [cancelInterval, targetWindow]);\n\n  const activate = (event: SyntheticEvent) => {\n    activationFn(event);\n    if (event.type === \"mousedown\") {\n      setButtonDown(true);\n    }\n  };\n\n  useInterval(\n    () => {\n      if (!buttonDown) return;\n      activationFn();\n      if (delay === INITIAL_DELAY) {\n        setDelay(INTERVAL_DELAY);\n      }\n    },\n    buttonDown ? delay : null,\n  );\n\n  return { activate, buttonDown };\n}\n"],"names":["useState","useCallback","useEffect","useWindow","useInterval"],"mappings":";;;;;;AAIA,MAAM,aAAA,GAAgB,GAAA;AACtB,MAAM,cAAA,GAAiB,GAAA;AAEhB,SAAS,yBAAA,CACd,cACA,SAAA,EACA;AACA,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,eAAS,KAAK,CAAA;AAClD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAS,aAAa,CAAA;AAEhD,EAAA,MAAM,cAAA,GAAiBC,kBAAY,MAAM;AACvC,IAAA,aAAA,CAAc,KAAK,CAAA;AACnB,IAAA,QAAA,CAAS,aAAa,CAAA;AAAA,EACxB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAW,cAAA,EAAe;AAAA,EAChC,CAAA,EAAG,CAAC,SAAA,EAAW,cAAc,CAAC,CAAA;AAE9B,EAAA,MAAM,eAAeC,gBAAA,EAAU;AAE/B,EAAAD,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,YAAA,CAAa,gBAAA,CAAiB,WAAW,cAAc,CAAA;AAAA,IACzD;AACA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,YAAA,EAAc;AAChB,QAAA,YAAA,CAAa,mBAAA,CAAoB,WAAW,cAAc,CAAA;AAAA,MAC5D;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,cAAA,EAAgB,YAAY,CAAC,CAAA;AAEjC,EAAA,MAAM,QAAA,GAAW,CAAC,KAAA,KAA0B;AAC1C,IAAA,YAAA,CAAa,KAAK,CAAA;AAClB,IAAA,IAAI,KAAA,CAAM,SAAS,WAAA,EAAa;AAC9B,MAAA,aAAA,CAAc,IAAI,CAAA;AAAA,IACpB;AAAA,EACF,CAAA;AAEA,EAAAE,uBAAA;AAAA,IACE,MAAM;AACJ,MAAA,IAAI,CAAC,UAAA,EAAY;AACjB,MAAA,YAAA,EAAa;AACb,MAAA,IAAI,UAAU,aAAA,EAAe;AAC3B,QAAA,QAAA,CAAS,cAAc,CAAA;AAAA,MACzB;AAAA,IACF,CAAA;AAAA,IACA,aAAa,KAAA,GAAQ;AAAA,GACvB;AAEA,EAAA,OAAO,EAAE,UAAU,UAAA,EAAW;AAChC;;;;"}

package/dist-es/number-input/internal/useActivateWhileMouseDown.js

@@ -1,48 +0,0 @@
-import { useWindow } from '@salt-ds/window';
-import { useState, useCallback, useEffect } from 'react';
-import { useInterval } from './useInterval.js';
-
-const INITIAL_DELAY = 500;
-const INTERVAL_DELAY = 100;
-function useActivateWhileMouseDown(activationFn, isAtLimit) {
-  const [buttonDown, setButtonDown] = useState(false);
-  const [delay, setDelay] = useState(INITIAL_DELAY);
-  const cancelInterval = useCallback(() => {
-    setButtonDown(false);
-    setDelay(INITIAL_DELAY);
-  }, []);
-  useEffect(() => {
-    if (isAtLimit) cancelInterval();
-  }, [isAtLimit, cancelInterval]);
-  const targetWindow = useWindow();
-  useEffect(() => {
-    if (targetWindow) {
-      targetWindow.addEventListener("mouseup", cancelInterval);
-    }
-    return () => {
-      if (targetWindow) {
-        targetWindow.removeEventListener("mouseup", cancelInterval);
-      }
-    };
-  }, [cancelInterval, targetWindow]);
-  const activate = (event) => {
-    activationFn(event);
-    if (event.type === "mousedown") {
-      setButtonDown(true);
-    }
-  };
-  useInterval(
-    () => {
-      if (!buttonDown) return;
-      activationFn();
-      if (delay === INITIAL_DELAY) {
-        setDelay(INTERVAL_DELAY);
-      }
-    },
-    buttonDown ? delay : null
-  );
-  return { activate, buttonDown };
-}
-
-export { useActivateWhileMouseDown };
-//# sourceMappingURL=useActivateWhileMouseDown.js.map

package/dist-es/number-input/internal/useActivateWhileMouseDown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActivateWhileMouseDown.js","sources":["../src/number-input/internal/useActivateWhileMouseDown.ts"],"sourcesContent":["import { useWindow } from \"@salt-ds/window\";\nimport { type SyntheticEvent, useCallback, useEffect, useState } from \"react\";\nimport { useInterval } from \"./useInterval\";\n\nconst INITIAL_DELAY = 500;\nconst INTERVAL_DELAY = 100;\n\nexport function useActivateWhileMouseDown(\n  activationFn: (event?: SyntheticEvent) => void,\n  isAtLimit: boolean,\n) {\n  const [buttonDown, setButtonDown] = useState(false);\n  const [delay, setDelay] = useState(INITIAL_DELAY);\n\n  const cancelInterval = useCallback(() => {\n    setButtonDown(false);\n    setDelay(INITIAL_DELAY);\n  }, []);\n\n  useEffect(() => {\n    if (isAtLimit) cancelInterval();\n  }, [isAtLimit, cancelInterval]);\n\n  const targetWindow = useWindow();\n\n  useEffect(() => {\n    if (targetWindow) {\n      targetWindow.addEventListener(\"mouseup\", cancelInterval);\n    }\n    return () => {\n      if (targetWindow) {\n        targetWindow.removeEventListener(\"mouseup\", cancelInterval);\n      }\n    };\n  }, [cancelInterval, targetWindow]);\n\n  const activate = (event: SyntheticEvent) => {\n    activationFn(event);\n    if (event.type === \"mousedown\") {\n      setButtonDown(true);\n    }\n  };\n\n  useInterval(\n    () => {\n      if (!buttonDown) return;\n      activationFn();\n      if (delay === INITIAL_DELAY) {\n        setDelay(INTERVAL_DELAY);\n      }\n    },\n    buttonDown ? delay : null,\n  );\n\n  return { activate, buttonDown };\n}\n"],"names":[],"mappings":";;;;AAIA,MAAM,aAAA,GAAgB,GAAA;AACtB,MAAM,cAAA,GAAiB,GAAA;AAEhB,SAAS,yBAAA,CACd,cACA,SAAA,EACA;AACA,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,aAAa,CAAA;AAEhD,EAAA,MAAM,cAAA,GAAiB,YAAY,MAAM;AACvC,IAAA,aAAA,CAAc,KAAK,CAAA;AACnB,IAAA,QAAA,CAAS,aAAa,CAAA;AAAA,EACxB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAW,cAAA,EAAe;AAAA,EAChC,CAAA,EAAG,CAAC,SAAA,EAAW,cAAc,CAAC,CAAA;AAE9B,EAAA,MAAM,eAAe,SAAA,EAAU;AAE/B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,YAAA,CAAa,gBAAA,CAAiB,WAAW,cAAc,CAAA;AAAA,IACzD;AACA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,YAAA,EAAc;AAChB,QAAA,YAAA,CAAa,mBAAA,CAAoB,WAAW,cAAc,CAAA;AAAA,MAC5D;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,cAAA,EAAgB,YAAY,CAAC,CAAA;AAEjC,EAAA,MAAM,QAAA,GAAW,CAAC,KAAA,KAA0B;AAC1C,IAAA,YAAA,CAAa,KAAK,CAAA;AAClB,IAAA,IAAI,KAAA,CAAM,SAAS,WAAA,EAAa;AAC9B,MAAA,aAAA,CAAc,IAAI,CAAA;AAAA,IACpB;AAAA,EACF,CAAA;AAEA,EAAA,WAAA;AAAA,IACE,MAAM;AACJ,MAAA,IAAI,CAAC,UAAA,EAAY;AACjB,MAAA,YAAA,EAAa;AACb,MAAA,IAAI,UAAU,aAAA,EAAe;AAC3B,QAAA,QAAA,CAAS,cAAc,CAAA;AAAA,MACzB;AAAA,IACF,CAAA;AAAA,IACA,aAAa,KAAA,GAAQ;AAAA,GACvB;AAEA,EAAA,OAAO,EAAE,UAAU,UAAA,EAAW;AAChC;;;;"}

package/dist-types/number-input/internal/useActivateWhileMouseDown.d.ts

@@ -1,5 +0,0 @@
-import { type SyntheticEvent } from "react";
-export declare function useActivateWhileMouseDown(activationFn: (event?: SyntheticEvent) => void, isAtLimit: boolean): {
-    activate: (event: SyntheticEvent) => void;
-    buttonDown: boolean;
-};