@preply/ds-web-lib 3.3.0 → 3.4.0

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,113 @@
+import { default as React } from 'react';
+import { Dataset } from '@preply/ds-core';
+export type SliderProps = SliderThumbProps & {
+    /**
+     * The controlled value of the slider.
+     * Must be used in conjunction with `onValueChange`.
+     */
+    value?: number;
+    /**
+     * The value of the slider when initially rendered.
+     * Use when you do not need to control the state of the slider.
+     */
+    defaultValue?: number;
+    /**
+     * Event handler called when the value changes.
+     */
+    onValueChange?: (value: number) => void;
+    /**
+     * The name of the slider. Submitted with its owning form as part of a name/value pair.
+     */
+    name?: string;
+    /**
+     * The minimum value for the slider.
+     * @default 0
+     */
+    min?: number;
+    /**
+     * The maximum value for the slider.
+     * @default 100
+     */
+    max?: number;
+    /**
+     * The slider stepping interval.
+     * @default 1
+     */
+    step?: number;
+    dataset?: Dataset;
+};
+export type SliderThumbProps = {
+    /**
+     * The unique identifier for the range slider element.
+     */
+    id?: string;
+    /**
+     * Accessible label for the range slider.
+     */
+    'aria-label'?: string;
+    /**
+     * ID of the element that labels the range slider.
+     */
+    'aria-labelledby'?: string;
+    /**
+     * ID of the element that describes the range slider.
+     */
+    'aria-describedby'?: string;
+    /**
+     * Indicates whether the range slider value is invalid.
+     */
+    'aria-invalid'?: boolean;
+    /**
+     * ID of the element that describes the error, if any.
+     */
+    'aria-errormessage'?: string;
+};
+export declare function filterThumbProps(props: object): SliderThumbProps;
+/**
+ * A slider input that allows users to select a single value from a range.
+ *
+ * @example Uncontrolled
+ * <Slider />
+ * <Slider defaultValue={50} />
+ *
+ * @example Controlled
+ * const [value, setValue] = useState(50)
+ * <Slider value={value} onValueChange={setValue} />
+ */
+export declare const Slider: React.ForwardRefExoticComponent<SliderThumbProps & {
+    /**
+     * The controlled value of the slider.
+     * Must be used in conjunction with `onValueChange`.
+     */
+    value?: number | undefined;
+    /**
+     * The value of the slider when initially rendered.
+     * Use when you do not need to control the state of the slider.
+     */
+    defaultValue?: number | undefined;
+    /**
+     * Event handler called when the value changes.
+     */
+    onValueChange?: ((value: number) => void) | undefined;
+    /**
+     * The name of the slider. Submitted with its owning form as part of a name/value pair.
+     */
+    name?: string | undefined;
+    /**
+     * The minimum value for the slider.
+     * @default 0
+     */
+    min?: number | undefined;
+    /**
+     * The maximum value for the slider.
+     * @default 100
+     */
+    max?: number | undefined;
+    /**
+     * The slider stepping interval.
+     * @default 1
+     */
+    step?: number | undefined;
+    dataset?: Dataset | undefined;
+} & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Slider.d.ts.map

package/dist/components/Slider/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAI1C,MAAM,MAAM,WAAW,GAAG,gBAAgB,GAAG;IACzC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC3B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,CAchE;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM;IA1Ff;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;6BACqB,MAAM,KAAK,IAAI;IACvC;;OAEG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;;yCAoGN,CAAC"}

package/dist/components/Slider/Slider.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "react";
+import "@radix-ui/react-slider";
+import { S, f } from "../../Slider-BXzNSu7n.js";
+import "@preply/ds-web-core";
+import "@preply/ds-visual-coverage-preply-component-names";
+export {
+  S as Slider,
+  f as filterThumbProps
+};

package/dist/components/index.d.ts

@@ -30,6 +30,8 @@ export { ProgressBar } from './ProgressBar/ProgressBar';
 export { ProgressSteps } from './ProgressSteps/ProgressSteps';
 export { SelectField, SelectFieldOption, type SelectFieldProps } from './SelectField/SelectField';
 export { ShowOnIntersection } from './ShowOnIntersection/ShowOnIntersection';
+export { Slider, type SliderProps } from './Slider/Slider';
+export { RangeSlider, type RangeSliderProps, type RangeSliderValue } from './Slider/RangeSlider';
 export { Steps } from './Steps/Steps';
 export { Text } from './Text/Text';
 export { TextareaField, type TextareaFieldProps } from './TextareaField/TextareaField';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,GAC7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClG,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,GAC7B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClG,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACjG,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/index.js

@@ -30,6 +30,8 @@ import { ProgressBar } from "./ProgressBar/ProgressBar.js";
 import { ProgressSteps } from "./ProgressSteps/ProgressSteps.js";
 import { SelectField, SelectFieldOption } from "./SelectField/SelectField.js";
 import { ShowOnIntersection } from "./ShowOnIntersection/ShowOnIntersection.js";
+import { S } from "../Slider-BXzNSu7n.js";
+import { RangeSlider } from "./Slider/RangeSlider.js";
 import { Steps } from "./Steps/Steps.js";
 import { Text } from "./Text/Text.js";
 import { TextareaField } from "./TextareaField/TextareaField.js";
@@ -72,9 +74,11 @@ export {
   PreplyLogo,
   ProgressBar,
   ProgressSteps,
+  RangeSlider,
   SelectField,
   SelectFieldOption,
   ShowOnIntersection,
+  S as Slider,
   Steps,
   Text,
   TextField,

package/dist/index.js

@@ -30,6 +30,8 @@ import { ProgressBar } from "./components/ProgressBar/ProgressBar.js";
 import { ProgressSteps } from "./components/ProgressSteps/ProgressSteps.js";
 import { SelectField, SelectFieldOption } from "./components/SelectField/SelectField.js";
 import { ShowOnIntersection } from "./components/ShowOnIntersection/ShowOnIntersection.js";
+import { S } from "./Slider-BXzNSu7n.js";
+import { RangeSlider } from "./components/Slider/RangeSlider.js";
 import { Steps } from "./components/Steps/Steps.js";
 import { Text } from "./components/Text/Text.js";
 import { TextareaField } from "./components/TextareaField/TextareaField.js";
@@ -72,9 +74,11 @@ export {
   PreplyLogo,
   ProgressBar,
   ProgressSteps,
+  RangeSlider,
   SelectField,
   SelectFieldOption,
   ShowOnIntersection,
+  S as Slider,
   Steps,
   Text,
   TextField,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-web-lib",
-    "version": "3.3.0",
+    "version": "3.4.0",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -29,28 +29,29 @@
         "@radix-ui/react-alert-dialog": "^1.1.6",
         "@radix-ui/react-dialog": "^1.1.6",
         "@radix-ui/react-popover": "^1.1.6",
+        "@radix-ui/react-slider": "^1.1.2",
         "@radix-ui/react-slot": "^1.1.2",
         "@radix-ui/react-tooltip": "^1.1.8",
         "react-is": "^18.2.0",
         "sonner": "^1.7.4"
     },
     "peerDependencies": {
-        "@preply/ds-core": "3.3.0",
-        "@preply/ds-media-icons": "3.3.0",
-        "@preply/ds-visual-coverage-preply-component-names": "3.3.0",
-        "@preply/ds-web-core": "3.3.0",
-        "@preply/ds-web-root": "3.3.0",
+        "@preply/ds-core": "3.4.0",
+        "@preply/ds-media-icons": "3.4.0",
+        "@preply/ds-visual-coverage-preply-component-names": "3.4.0",
+        "@preply/ds-web-core": "3.4.0",
+        "@preply/ds-web-root": "3.4.0",
         "react": "^16 || ^18",
         "react-dom": "^16 || ^18",
         "react-intl": "^6.5.5"
     },
     "devDependencies": {
-        "@preply/ds-core": "3.3.0",
-        "@preply/ds-docs-toolkit": "3.3.0",
-        "@preply/ds-media-icons": "3.3.0",
-        "@preply/ds-visual-coverage-preply-component-names": "3.3.0",
-        "@preply/ds-web-core": "3.3.0",
-        "@preply/ds-web-root": "3.3.0",
+        "@preply/ds-core": "3.4.0",
+        "@preply/ds-docs-toolkit": "3.4.0",
+        "@preply/ds-media-icons": "3.4.0",
+        "@preply/ds-visual-coverage-preply-component-names": "3.4.0",
+        "@preply/ds-web-core": "3.4.0",
+        "@preply/ds-web-root": "3.4.0",
         "@storybook/react": "8.5.8",
         "@testing-library/react": "16.2.0",
         "@types/react-is": "^18.2.0",
@@ -66,5 +67,5 @@
         "vite-plugin-svgr": "4.3.0",
         "vitest-browser-react": "^0.1.1"
     },
-    "gitHead": "6c784d7bd8b7a6a71e012e790030458c22ebe9ce"
+    "gitHead": "ccc1ebbf8f9f7040bde2165d758348c3384ee51c"
 }