@webiny/admin-ui 6.0.0-alpha.0

package/Slider/primitives/components/SliderTooltip.js

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { cn, cva } from "../../../utils";
+import { Text } from "../../../Text";
+const sliderTooltipVariants = cva(["wby-px-xs-plus wby-py-xxs wby-rounded-sm wby-absolute wby-left-1/2 -wby-translate-x-1/2", "wby-bg-neutral-muted"], {
+  variants: {
+    side: {
+      top: "wby-bottom-8",
+      bottom: "wby-top-8"
+    }
+  },
+  defaultVariants: {
+    side: "bottom"
+  }
+});
+const SliderTooltip = ({
+  textValue,
+  showTooltip,
+  tooltipSide
+}) => {
+  if (!textValue || !showTooltip) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn(sliderTooltipVariants({
+      side: tooltipSide
+    }))
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div"
+  }, textValue));
+};
+export { SliderTooltip };
+
+//# sourceMappingURL=SliderTooltip.js.map

package/Slider/primitives/components/SliderTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","cva","Text","sliderTooltipVariants","variants","side","top","bottom","defaultVariants","SliderTooltip","textValue","showTooltip","tooltipSide","createElement","className","size","as"],"sources":["SliderTooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\nimport { Text } from \"~/Text\";\n\nconst sliderTooltipVariants = cva(\n    [\n        \"wby-px-xs-plus wby-py-xxs wby-rounded-sm wby-absolute wby-left-1/2 -wby-translate-x-1/2\",\n        \"wby-bg-neutral-muted\"\n    ],\n    {\n        variants: {\n            side: {\n                top: \"wby-bottom-8\",\n                bottom: \"wby-top-8\"\n            }\n        },\n        defaultVariants: {\n            side: \"bottom\"\n        }\n    }\n);\n\ntype SliderTooltipProps = VariantProps<typeof sliderTooltipVariants> & {\n    textValue: string;\n    showTooltip?: boolean;\n    tooltipSide?: \"top\" | \"bottom\";\n};\n\nconst SliderTooltip = ({ textValue, showTooltip, tooltipSide }: SliderTooltipProps) => {\n    if (!textValue || !showTooltip) {\n        return null;\n    }\n\n    return (\n        <div className={cn(sliderTooltipVariants({ side: tooltipSide }))}>\n            <Text size={\"sm\"} as={\"div\"}>\n                {textValue}\n            </Text>\n        </div>\n    );\n};\n\nexport { SliderTooltip, type SliderTooltipProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,IAAI;AAEb,MAAMC,qBAAqB,GAAGF,GAAG,CAC7B,CACI,yFAAyF,EACzF,sBAAsB,CACzB,EACD;EACIG,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,GAAG,EAAE,cAAc;MACnBC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,IAAI,EAAE;EACV;AACJ,CACJ,CAAC;AAQD,MAAMI,aAAa,GAAGA,CAAC;EAAEC,SAAS;EAAEC,WAAW;EAAEC;AAAgC,CAAC,KAAK;EACnF,IAAI,CAACF,SAAS,IAAI,CAACC,WAAW,EAAE;IAC5B,OAAO,IAAI;EACf;EAEA,oBACIZ,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEd,EAAE,CAACG,qBAAqB,CAAC;MAAEE,IAAI,EAAEO;IAAY,CAAC,CAAC;EAAE,gBAC7Db,KAAA,CAAAc,aAAA,CAACX,IAAI;IAACa,IAAI,EAAE,IAAK;IAACC,EAAE,EAAE;EAAM,GACvBN,SACC,CACL,CAAC;AAEd,CAAC;AAED,SAASD,aAAa","ignoreList":[]}

package/Slider/primitives/components/SliderTrack.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const SliderTrack: () => React.JSX.Element;
+export { SliderTrack };

package/Slider/primitives/components/SliderTrack.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { Slider as SliderPrimitives } from "radix-ui";
+import { cn } from "../../../utils";
+const SliderTrack = () => /*#__PURE__*/React.createElement(SliderPrimitives.Track, {
+  className: cn("wby-relative wby-h-xxs wby-w-full wby-grow wby-overflow-hidden wby-rounded-full", "wby-bg-neutral-strong", "data-[disabled]:wby-bg-neutral-muted")
+}, /*#__PURE__*/React.createElement(SliderPrimitives.Range, {
+  className: cn(["wby-absolute wby-h-full", "wby-bg-primary-default", "data-[disabled]:wby-bg-primary-disabled"])
+}));
+export { SliderTrack };
+
+//# sourceMappingURL=SliderTrack.js.map

package/Slider/primitives/components/SliderTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Slider","SliderPrimitives","cn","SliderTrack","createElement","Track","className","Range"],"sources":["SliderTrack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slider as SliderPrimitives } from \"radix-ui\";\nimport { cn } from \"~/utils\";\n\nconst SliderTrack = () => (\n    <SliderPrimitives.Track\n        className={cn(\n            \"wby-relative wby-h-xxs wby-w-full wby-grow wby-overflow-hidden wby-rounded-full\",\n            \"wby-bg-neutral-strong\",\n            \"data-[disabled]:wby-bg-neutral-muted\"\n        )}\n    >\n        <SliderPrimitives.Range\n            className={cn([\n                \"wby-absolute wby-h-full\",\n                \"wby-bg-primary-default\",\n                \"data-[disabled]:wby-bg-primary-disabled\"\n            ])}\n        />\n    </SliderPrimitives.Track>\n);\n\nexport { SliderTrack };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,gBAAgB,QAAQ,UAAU;AACrD,SAASC,EAAE;AAEX,MAAMC,WAAW,GAAGA,CAAA,kBAChBJ,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACI,KAAK;EACnBC,SAAS,EAAEJ,EAAE,CACT,iFAAiF,EACjF,uBAAuB,EACvB,sCACJ;AAAE,gBAEFH,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACM,KAAK;EACnBD,SAAS,EAAEJ,EAAE,CAAC,CACV,yBAAyB,EACzB,wBAAwB,EACxB,yCAAyC,CAC5C;AAAE,CACN,CACmB,CAC3B;AAED,SAASC,WAAW","ignoreList":[]}

package/Slider/primitives/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./SliderRoot";
+export * from "./SliderSideValue";
+export * from "./SliderThumb";
+export * from "./SliderTooltip";
+export * from "./SliderTrack";

package/Slider/primitives/components/index.js

@@ -0,0 +1,7 @@
+export * from "./SliderRoot";
+export * from "./SliderSideValue";
+export * from "./SliderThumb";
+export * from "./SliderTooltip";
+export * from "./SliderTrack";
+
+//# sourceMappingURL=index.js.map

package/Slider/primitives/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SliderRoot\";\nexport * from \"./SliderSideValue\";\nexport * from \"./SliderThumb\";\nexport * from \"./SliderTooltip\";\nexport * from \"./SliderTrack\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/Slider/primitives/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SliderPrimitive";
+export * from "./useSlider";
+export * from "./components";

package/Slider/primitives/index.js

@@ -0,0 +1,5 @@
+export * from "./SliderPrimitive";
+export * from "./useSlider";
+export * from "./components";
+
+//# sourceMappingURL=index.js.map

package/Slider/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SliderPrimitive\";\nexport * from \"./useSlider\";\nexport * from \"./components\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}

package/Slider/primitives/presenters/SliderPresenter.d.ts

@@ -0,0 +1,33 @@
+import { SliderPrimitiveVm } from "../SliderPrimitive";
+interface SliderPresenterParams {
+    min?: number;
+    onValueChange: (value: number) => void;
+    onValueCommit?: (value: number) => void;
+    showTooltip?: boolean;
+    transformValue?: (value: number) => string;
+    value?: number;
+}
+interface ISliderPresenter {
+    get vm(): SliderPrimitiveVm;
+    init: (params: SliderPresenterParams) => void;
+    changeValue: (values: number[]) => void;
+    commitValue: (values: number[]) => void;
+}
+declare class SliderPresenter implements ISliderPresenter {
+    private params?;
+    private showTooltip;
+    constructor();
+    init(params: SliderPresenterParams): void;
+    get vm(): {
+        value: number[] | undefined;
+        min: number;
+        textValue: string;
+        showTooltip: boolean;
+    };
+    changeValue: (values: number[]) => void;
+    commitValue: (values: number[]) => void;
+    private get value();
+    private get min();
+    private transformToLabelValue;
+}
+export { SliderPresenter, type ISliderPresenter, type SliderPresenterParams };

package/Slider/primitives/presenters/SliderPresenter.js

@@ -0,0 +1,41 @@
+import { makeAutoObservable } from "mobx";
+class SliderPresenter {
+  params = undefined;
+  showTooltip = false;
+  constructor() {
+    makeAutoObservable(this);
+  }
+  init(params) {
+    this.params = params;
+  }
+  get vm() {
+    return {
+      value: this.value,
+      min: this.min,
+      textValue: this.transformToLabelValue(this.value?.[0] || this.min),
+      showTooltip: this.showTooltip
+    };
+  }
+  changeValue = values => {
+    const [newValue] = values;
+    this.showTooltip = !!this.params?.showTooltip;
+    this.params?.onValueChange(newValue);
+  };
+  commitValue = values => {
+    const [newValue] = values;
+    this.showTooltip = false;
+    this.params?.onValueCommit?.(newValue);
+  };
+  get value() {
+    return this.params?.value !== undefined ? [this.params.value] : undefined;
+  }
+  get min() {
+    return this.params?.min ?? 0;
+  }
+  transformToLabelValue(value) {
+    return this.params?.transformValue ? this.params.transformValue(value) : String(value);
+  }
+}
+export { SliderPresenter };
+
+//# sourceMappingURL=SliderPresenter.js.map

package/Slider/primitives/presenters/SliderPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","SliderPresenter","params","undefined","showTooltip","constructor","init","vm","value","min","textValue","transformToLabelValue","changeValue","values","newValue","onValueChange","commitValue","onValueCommit","transformValue","String"],"sources":["SliderPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { SliderPrimitiveVm } from \"../SliderPrimitive\";\n\ninterface SliderPresenterParams {\n    min?: number;\n    onValueChange: (value: number) => void;\n    onValueCommit?: (value: number) => void;\n    showTooltip?: boolean;\n    transformValue?: (value: number) => string;\n    value?: number;\n}\n\ninterface ISliderPresenter {\n    get vm(): SliderPrimitiveVm;\n    init: (params: SliderPresenterParams) => void;\n    changeValue: (values: number[]) => void;\n    commitValue: (values: number[]) => void;\n}\n\nclass SliderPresenter implements ISliderPresenter {\n    private params?: SliderPresenterParams = undefined;\n    private showTooltip = false;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: SliderPresenterParams) {\n        this.params = params;\n    }\n\n    get vm() {\n        return {\n            value: this.value,\n            min: this.min,\n            textValue: this.transformToLabelValue(this.value?.[0] || this.min),\n            showTooltip: this.showTooltip\n        };\n    }\n\n    public changeValue = (values: number[]) => {\n        const [newValue] = values;\n        this.showTooltip = !!this.params?.showTooltip;\n        this.params?.onValueChange(newValue);\n    };\n\n    public commitValue = (values: number[]) => {\n        const [newValue] = values;\n        this.showTooltip = false;\n        this.params?.onValueCommit?.(newValue);\n    };\n\n    private get value() {\n        return this.params?.value !== undefined ? [this.params.value] : undefined;\n    }\n\n    private get min() {\n        return this.params?.min ?? 0;\n    }\n\n    private transformToLabelValue(value: number) {\n        return this.params?.transformValue ? this.params.transformValue(value) : String(value);\n    }\n}\n\nexport { SliderPresenter, type ISliderPresenter, type SliderPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAmBzC,MAAMC,eAAe,CAA6B;EACtCC,MAAM,GAA2BC,SAAS;EAC1CC,WAAW,GAAG,KAAK;EAE3BC,WAAWA,CAAA,EAAG;IACVL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAM,IAAIA,CAACJ,MAA6B,EAAE;IAChC,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEA,IAAIK,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBC,GAAG,EAAE,IAAI,CAACA,GAAG;MACbC,SAAS,EAAE,IAAI,CAACC,qBAAqB,CAAC,IAAI,CAACH,KAAK,GAAG,CAAC,CAAC,IAAI,IAAI,CAACC,GAAG,CAAC;MAClEL,WAAW,EAAE,IAAI,CAACA;IACtB,CAAC;EACL;EAEOQ,WAAW,GAAIC,MAAgB,IAAK;IACvC,MAAM,CAACC,QAAQ,CAAC,GAAGD,MAAM;IACzB,IAAI,CAACT,WAAW,GAAG,CAAC,CAAC,IAAI,CAACF,MAAM,EAAEE,WAAW;IAC7C,IAAI,CAACF,MAAM,EAAEa,aAAa,CAACD,QAAQ,CAAC;EACxC,CAAC;EAEME,WAAW,GAAIH,MAAgB,IAAK;IACvC,MAAM,CAACC,QAAQ,CAAC,GAAGD,MAAM;IACzB,IAAI,CAACT,WAAW,GAAG,KAAK;IACxB,IAAI,CAACF,MAAM,EAAEe,aAAa,GAAGH,QAAQ,CAAC;EAC1C,CAAC;EAED,IAAYN,KAAKA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACN,MAAM,EAAEM,KAAK,KAAKL,SAAS,GAAG,CAAC,IAAI,CAACD,MAAM,CAACM,KAAK,CAAC,GAAGL,SAAS;EAC7E;EAEA,IAAYM,GAAGA,CAAA,EAAG;IACd,OAAO,IAAI,CAACP,MAAM,EAAEO,GAAG,IAAI,CAAC;EAChC;EAEQE,qBAAqBA,CAACH,KAAa,EAAE;IACzC,OAAO,IAAI,CAACN,MAAM,EAAEgB,cAAc,GAAG,IAAI,CAAChB,MAAM,CAACgB,cAAc,CAACV,KAAK,CAAC,GAAGW,MAAM,CAACX,KAAK,CAAC;EAC1F;AACJ;AAEA,SAASP,eAAe","ignoreList":[]}

package/Slider/primitives/presenters/SliderPresenter.test.d.ts

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

package/Slider/primitives/presenters/SliderPresenter.test.js

@@ -0,0 +1,96 @@
+import { SliderPresenter } from "./SliderPresenter";
+describe("SliderPresenter", () => {
+  const onValueChange = jest.fn();
+  const presenter = new SliderPresenter();
+  it("should return the compatible `vm` based on params", () => {
+    // `value`
+    {
+      presenter.init({
+        onValueChange,
+        value: 50
+      });
+      expect(presenter.vm.value).toEqual([50]);
+      expect(presenter.vm.textValue).toEqual("50");
+    }
+
+    // `min`
+    {
+      presenter.init({
+        onValueChange,
+        min: 25
+      });
+      expect(presenter.vm.min).toEqual(25);
+      expect(presenter.vm.textValue).toEqual("25");
+    }
+    {
+      // default: no optional params
+      presenter.init({
+        onValueChange
+      });
+      expect(presenter.vm.value).toEqual(undefined);
+      expect(presenter.vm.min).toEqual(0); // `min` should default to 0
+      expect(presenter.vm.textValue).toEqual("0");
+      expect(presenter.vm.showTooltip).toEqual(false);
+    }
+  });
+  it("should apply `transformValue` function if provided", () => {
+    const transformValue = value => `${value} units`;
+    const presenter = new SliderPresenter();
+    presenter.init({
+      onValueChange,
+      value: 30,
+      transformValue
+    });
+    expect(presenter.vm.textValue).toEqual("30 units");
+  });
+  it("should fall back to `value` as a string if `transformValue` is undefined", () => {
+    const presenter = new SliderPresenter();
+    presenter.init({
+      onValueChange,
+      value: 45
+    });
+    expect(presenter.vm.textValue).toEqual("45");
+  });
+  it("should call `onValueChange` callback when `changeValue` is called", () => {
+    const presenter = new SliderPresenter();
+    presenter.init({
+      onValueChange,
+      value: 20
+    });
+    presenter.changeValue([40]);
+    expect(onValueChange).toHaveBeenCalledWith(40);
+  });
+  it("should call `onValueCommit` callback when `commitValue` is called", () => {
+    const onValueCommit = jest.fn();
+    const presenter = new SliderPresenter();
+    presenter.init({
+      onValueChange,
+      value: 20,
+      onValueCommit
+    });
+    presenter.commitValue([40]);
+    expect(onValueCommit).toHaveBeenCalledWith(40);
+  });
+  it("should handle negative values correctly", () => {
+    const presenter = new SliderPresenter();
+    presenter.init({
+      onValueChange,
+      value: -10
+    });
+    expect(presenter.vm.value).toEqual([-10]);
+    expect(presenter.vm.textValue).toEqual("-10");
+  });
+  it("should toggle `showTooltip` based on actions", () => {
+    const presenter = new SliderPresenter();
+    presenter.init({
+      onValueChange,
+      showTooltip: true
+    });
+    presenter.changeValue([30]);
+    expect(presenter.vm.showTooltip).toBeTruthy();
+    presenter.commitValue([30]);
+    expect(presenter.vm.showTooltip).toBeFalsy();
+  });
+});
+
+//# sourceMappingURL=SliderPresenter.test.js.map

package/Slider/primitives/presenters/SliderPresenter.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SliderPresenter","describe","onValueChange","jest","fn","presenter","it","init","value","expect","vm","toEqual","textValue","min","undefined","showTooltip","transformValue","changeValue","toHaveBeenCalledWith","onValueCommit","commitValue","toBeTruthy","toBeFalsy"],"sources":["SliderPresenter.test.ts"],"sourcesContent":["import { SliderPresenter } from \"./SliderPresenter\";\n\ndescribe(\"SliderPresenter\", () => {\n    const onValueChange = jest.fn();\n    const presenter = new SliderPresenter();\n\n    it(\"should return the compatible `vm` based on params\", () => {\n        // `value`\n        {\n            presenter.init({ onValueChange, value: 50 });\n            expect(presenter.vm.value).toEqual([50]);\n            expect(presenter.vm.textValue).toEqual(\"50\");\n        }\n\n        // `min`\n        {\n            presenter.init({ onValueChange, min: 25 });\n            expect(presenter.vm.min).toEqual(25);\n            expect(presenter.vm.textValue).toEqual(\"25\");\n        }\n\n        {\n            // default: no optional params\n            presenter.init({ onValueChange });\n            expect(presenter.vm.value).toEqual(undefined);\n            expect(presenter.vm.min).toEqual(0); // `min` should default to 0\n            expect(presenter.vm.textValue).toEqual(\"0\");\n            expect(presenter.vm.showTooltip).toEqual(false);\n        }\n    });\n\n    it(\"should apply `transformValue` function if provided\", () => {\n        const transformValue = (value: number) => `${value} units`;\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, value: 30, transformValue });\n        expect(presenter.vm.textValue).toEqual(\"30 units\");\n    });\n\n    it(\"should fall back to `value` as a string if `transformValue` is undefined\", () => {\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, value: 45 });\n        expect(presenter.vm.textValue).toEqual(\"45\");\n    });\n\n    it(\"should call `onValueChange` callback when `changeValue` is called\", () => {\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, value: 20 });\n        presenter.changeValue([40]);\n        expect(onValueChange).toHaveBeenCalledWith(40);\n    });\n\n    it(\"should call `onValueCommit` callback when `commitValue` is called\", () => {\n        const onValueCommit = jest.fn();\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, value: 20, onValueCommit });\n        presenter.commitValue([40]);\n        expect(onValueCommit).toHaveBeenCalledWith(40);\n    });\n\n    it(\"should handle negative values correctly\", () => {\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, value: -10 });\n        expect(presenter.vm.value).toEqual([-10]);\n        expect(presenter.vm.textValue).toEqual(\"-10\");\n    });\n\n    it(\"should toggle `showTooltip` based on actions\", () => {\n        const presenter = new SliderPresenter();\n        presenter.init({ onValueChange, showTooltip: true });\n\n        presenter.changeValue([30]);\n        expect(presenter.vm.showTooltip).toBeTruthy();\n\n        presenter.commitValue([30]);\n        expect(presenter.vm.showTooltip).toBeFalsy();\n    });\n});\n"],"mappings":"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","ignoreList":[]}

package/Slider/primitives/presenters/index.d.ts

@@ -0,0 +1 @@
+export * from "./SliderPresenter";

package/Slider/primitives/presenters/index.js

@@ -0,0 +1,3 @@
+export * from "./SliderPresenter";
+
+//# sourceMappingURL=index.js.map

package/Slider/primitives/presenters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SliderPresenter\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Slider/primitives/useSlider.d.ts

@@ -0,0 +1,11 @@
+import { SliderPrimitiveProps } from "./SliderPrimitive";
+export declare const useSlider: (props: SliderPrimitiveProps) => {
+    vm: {
+        value: number[] | undefined;
+        min: number;
+        textValue: string;
+        showTooltip: boolean;
+    };
+    changeValue: (values: number[]) => void;
+    commitValue: (values: number[]) => void;
+};

package/Slider/primitives/useSlider.js

@@ -0,0 +1,34 @@
+import { useEffect, useMemo, useState } from "react";
+import { autorun } from "mobx";
+import { SliderPresenter } from "./presenters/SliderPresenter";
+export const useSlider = props => {
+  const params = useMemo(() => ({
+    min: props.min,
+    onValueChange: props.onValueChange,
+    onValueCommit: props.onValueCommit,
+    showTooltip: props.showTooltip,
+    transformValue: props.transformValue,
+    value: props.value
+  }), [props.min, props.onValueChange, props.onValueCommit, props.showTooltip, props.transformValue, props.value]);
+  const presenter = useMemo(() => {
+    const presenter = new SliderPresenter();
+    presenter.init(params);
+    return presenter;
+  }, []);
+  const [vm, setVm] = useState(presenter.vm);
+  useEffect(() => {
+    presenter.init(params);
+  }, [params]);
+  useEffect(() => {
+    return autorun(() => {
+      setVm(presenter.vm);
+    });
+  }, [presenter]);
+  return {
+    vm,
+    changeValue: presenter.changeValue,
+    commitValue: presenter.commitValue
+  };
+};
+
+//# sourceMappingURL=useSlider.js.map

package/Slider/primitives/useSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useState","autorun","SliderPresenter","useSlider","props","params","min","onValueChange","onValueCommit","showTooltip","transformValue","value","presenter","init","vm","setVm","changeValue","commitValue"],"sources":["useSlider.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport { SliderPrimitiveProps } from \"./SliderPrimitive\";\nimport { SliderPresenter, SliderPresenterParams } from \"./presenters/SliderPresenter\";\n\nexport const useSlider = (props: SliderPrimitiveProps) => {\n    const params: SliderPresenterParams = useMemo(\n        () => ({\n            min: props.min,\n            onValueChange: props.onValueChange,\n            onValueCommit: props.onValueCommit,\n            showTooltip: props.showTooltip,\n            transformValue: props.transformValue,\n            value: props.value\n        }),\n        [\n            props.min,\n            props.onValueChange,\n            props.onValueCommit,\n            props.showTooltip,\n            props.transformValue,\n            props.value\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        const presenter = new SliderPresenter();\n        presenter.init(params);\n        return presenter;\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return { vm, changeValue: presenter.changeValue, commitValue: presenter.commitValue };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAE9B,SAASC,eAAe;AAExB,OAAO,MAAMC,SAAS,GAAIC,KAA2B,IAAK;EACtD,MAAMC,MAA6B,GAAGN,OAAO,CACzC,OAAO;IACHO,GAAG,EAAEF,KAAK,CAACE,GAAG;IACdC,aAAa,EAAEH,KAAK,CAACG,aAAa;IAClCC,aAAa,EAAEJ,KAAK,CAACI,aAAa;IAClCC,WAAW,EAAEL,KAAK,CAACK,WAAW;IAC9BC,cAAc,EAAEN,KAAK,CAACM,cAAc;IACpCC,KAAK,EAAEP,KAAK,CAACO;EACjB,CAAC,CAAC,EACF,CACIP,KAAK,CAACE,GAAG,EACTF,KAAK,CAACG,aAAa,EACnBH,KAAK,CAACI,aAAa,EACnBJ,KAAK,CAACK,WAAW,EACjBL,KAAK,CAACM,cAAc,EACpBN,KAAK,CAACO,KAAK,CAEnB,CAAC;EAED,MAAMC,SAAS,GAAGb,OAAO,CAAC,MAAM;IAC5B,MAAMa,SAAS,GAAG,IAAIV,eAAe,CAAC,CAAC;IACvCU,SAAS,CAACC,IAAI,CAACR,MAAM,CAAC;IACtB,OAAOO,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACE,EAAE,EAAEC,KAAK,CAAC,GAAGf,QAAQ,CAACY,SAAS,CAACE,EAAE,CAAC;EAE1ChB,SAAS,CAAC,MAAM;IACZc,SAAS,CAACC,IAAI,CAACR,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZP,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBc,KAAK,CAACH,SAAS,CAACE,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEE,EAAE;IAAEE,WAAW,EAAEJ,SAAS,CAACI,WAAW;IAAEC,WAAW,EAAEL,SAAS,CAACK;EAAY,CAAC;AACzF,CAAC","ignoreList":[]}

package/SteppedProgress/SteppedProgress.d.ts

@@ -0,0 +1,45 @@
+import React from "react";
+import type { ProgressItemParams } from "./domains";
+interface SteppedProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: ProgressItemParams[];
+}
+declare const SteppedProgress: (({ items, ...props }: SteppedProgressProps) => React.JSX.Element) & {
+    original: ({ items, ...props }: SteppedProgressProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ items, ...props }: SteppedProgressProps) => React.JSX.Element) & {
+        original: ({ items, ...props }: SteppedProgressProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ items, ...props }: SteppedProgressProps) => React.JSX.Element) & {
+        original: ({ items, ...props }: SteppedProgressProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Item: (({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element) & {
+        original: ({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element) & {
+            original: ({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element) & {
+            original: ({ label, state, errored, disabled, className, ...props }: import("./SteppedProgressItem").SteppedProgressItemProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};
+export { SteppedProgress, type SteppedProgressProps };

package/SteppedProgress/SteppedProgress.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { SteppedProgressItem } from "./SteppedProgressItem";
+import { makeDecoratable, withStaticProps } from "../utils";
+import { useSteppedProgress } from "./useSteppedProgress";
+const DecoratableSteppedProgress = ({
+  items,
+  ...props
+}) => {
+  const {
+    vm
+  } = useSteppedProgress({
+    items
+  });
+  return /*#__PURE__*/React.createElement("div", props, vm.items.map(item => /*#__PURE__*/React.createElement(SteppedProgressItem, Object.assign({
+    key: item.id
+  }, item))));
+};
+const BaseSteppedProgress = makeDecoratable("SteppedProgress", DecoratableSteppedProgress);
+const SteppedProgress = withStaticProps(BaseSteppedProgress, {
+  Item: SteppedProgressItem
+});
+export { SteppedProgress };
+
+//# sourceMappingURL=SteppedProgress.js.map

package/SteppedProgress/SteppedProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","SteppedProgressItem","makeDecoratable","withStaticProps","useSteppedProgress","DecoratableSteppedProgress","items","props","vm","createElement","map","item","Object","assign","key","id","BaseSteppedProgress","SteppedProgress","Item"],"sources":["SteppedProgress.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ProgressItemParams } from \"./domains\";\nimport { SteppedProgressItem } from \"~/SteppedProgress/SteppedProgressItem\";\nimport { makeDecoratable, withStaticProps } from \"~/utils\";\nimport { useSteppedProgress } from \"~/SteppedProgress/useSteppedProgress\";\n\ninterface SteppedProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n    items: ProgressItemParams[];\n}\n\nconst DecoratableSteppedProgress = ({ items, ...props }: SteppedProgressProps) => {\n    const { vm } = useSteppedProgress({ items });\n\n    return (\n        <div {...props}>\n            {vm.items.map(item => (\n                <SteppedProgressItem key={item.id} {...item} />\n            ))}\n        </div>\n    );\n};\n\nconst BaseSteppedProgress = makeDecoratable(\"SteppedProgress\", DecoratableSteppedProgress);\n\nconst SteppedProgress = withStaticProps(BaseSteppedProgress, {\n    Item: SteppedProgressItem\n});\n\nexport { SteppedProgress, type SteppedProgressProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,mBAAmB;AAC5B,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,kBAAkB;AAM3B,MAAMC,0BAA0B,GAAGA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAA4B,CAAC,KAAK;EAC9E,MAAM;IAAEC;EAAG,CAAC,GAAGJ,kBAAkB,CAAC;IAAEE;EAAM,CAAC,CAAC;EAE5C,oBACIN,KAAA,CAAAS,aAAA,QAASF,KAAK,EACTC,EAAE,CAACF,KAAK,CAACI,GAAG,CAACC,IAAI,iBACdX,KAAA,CAAAS,aAAA,CAACR,mBAAmB,EAAAW,MAAA,CAAAC,MAAA;IAACC,GAAG,EAAEH,IAAI,CAACI;EAAG,GAAKJ,IAAI,CAAG,CACjD,CACA,CAAC;AAEd,CAAC;AAED,MAAMK,mBAAmB,GAAGd,eAAe,CAAC,iBAAiB,EAAEG,0BAA0B,CAAC;AAE1F,MAAMY,eAAe,GAAGd,eAAe,CAACa,mBAAmB,EAAE;EACzDE,IAAI,EAAEjB;AACV,CAAC,CAAC;AAEF,SAASgB,eAAe","ignoreList":[]}

package/SteppedProgress/SteppedProgress.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SteppedProgress } from "./SteppedProgress";
+declare const meta: Meta<typeof SteppedProgress>;
+export default meta;
+type Story = StoryObj<typeof SteppedProgress>;
+export declare const Default: Story;
+export declare const WithMultipleLines: Story;
+export declare const Disabled: Story;
+export declare const Errored: Story;
+export declare const DisabledAndErrored: Story;

package/SteppedProgress/SteppedProgress.stories.js

@@ -0,0 +1,115 @@
+import React from "react";
+import { SteppedProgress } from "./SteppedProgress";
+import { ProgressItemState } from "./domains";
+const meta = {
+  title: "Components/SteppedProgress",
+  component: SteppedProgress,
+  argTypes: {},
+  parameters: {
+    layout: "padded"
+  }
+};
+export default meta;
+export const Default = {
+  args: {
+    items: [{
+      label: "Step"
+    }, {
+      label: "Step In Progress",
+      state: ProgressItemState.IN_PROGRESS
+    }, {
+      label: "Step Completed",
+      state: ProgressItemState.COMPLETED
+    }, {
+      label: "Completed Affirmative",
+      state: ProgressItemState.COMPLETED_AFFIRMATIVE
+    }]
+  }
+};
+export const WithMultipleLines = {
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: "240px"
+    }
+  }, /*#__PURE__*/React.createElement(Story, null))],
+  args: {
+    items: [{
+      label: "Step but with multiple lines of text."
+    }, {
+      label: "Step in progress but with multiple lines of text.",
+      state: ProgressItemState.IN_PROGRESS
+    }, {
+      label: "Step completed but with multiple lines of text.",
+      state: ProgressItemState.COMPLETED
+    }, {
+      label: "Completed affirmative but with multiple lines of text.",
+      state: ProgressItemState.COMPLETED_AFFIRMATIVE
+    }]
+  }
+};
+export const Disabled = {
+  args: {
+    items: [{
+      label: "Step",
+      disabled: true
+    }, {
+      label: "Step In Progress",
+      state: ProgressItemState.IN_PROGRESS,
+      disabled: true
+    }, {
+      label: "Step Completed",
+      state: ProgressItemState.COMPLETED,
+      disabled: true
+    }, {
+      label: "Completed Affirmative",
+      state: ProgressItemState.COMPLETED_AFFIRMATIVE,
+      disabled: true
+    }]
+  }
+};
+export const Errored = {
+  args: {
+    items: [{
+      label: "Step",
+      errored: true
+    }, {
+      label: "Step In Progress",
+      state: ProgressItemState.IN_PROGRESS,
+      errored: true
+    }, {
+      label: "Step Completed",
+      state: ProgressItemState.COMPLETED,
+      errored: true
+    }, {
+      label: "Completed Affirmative",
+      state: ProgressItemState.COMPLETED_AFFIRMATIVE,
+      errored: true
+    }]
+  }
+};
+export const DisabledAndErrored = {
+  args: {
+    items: [{
+      label: "Step",
+      disabled: true,
+      errored: true
+    }, {
+      label: "Step In Progress",
+      state: ProgressItemState.IN_PROGRESS,
+      disabled: true,
+      errored: true
+    }, {
+      label: "Step Completed",
+      state: ProgressItemState.COMPLETED,
+      disabled: true,
+      errored: true
+    }, {
+      label: "Completed Affirmative",
+      state: ProgressItemState.COMPLETED_AFFIRMATIVE,
+      disabled: true,
+      errored: true
+    }]
+  }
+};
+
+//# sourceMappingURL=SteppedProgress.stories.js.map

package/SteppedProgress/SteppedProgress.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","SteppedProgress","ProgressItemState","meta","title","component","argTypes","parameters","layout","Default","args","items","label","state","IN_PROGRESS","COMPLETED","COMPLETED_AFFIRMATIVE","WithMultipleLines","decorators","Story","createElement","style","width","Disabled","disabled","Errored","errored","DisabledAndErrored"],"sources":["SteppedProgress.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { SteppedProgress } from \"./SteppedProgress\";\nimport { ProgressItemState } from \"~/SteppedProgress/domains\";\n\nconst meta: Meta<typeof SteppedProgress> = {\n    title: \"Components/SteppedProgress\",\n    component: SteppedProgress,\n    argTypes: {},\n    parameters: {\n        layout: \"padded\"\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SteppedProgress>;\n\nexport const Default: Story = {\n    args: {\n        items: [\n            {\n                label: \"Step\"\n            },\n            {\n                label: \"Step In Progress\",\n                state: ProgressItemState.IN_PROGRESS\n            },\n            {\n                label: \"Step Completed\",\n                state: ProgressItemState.COMPLETED\n            },\n            {\n                label: \"Completed Affirmative\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE\n            }\n        ]\n    }\n};\n\nexport const WithMultipleLines: Story = {\n    decorators: [\n        Story => (\n            <div\n                style={{\n                    width: \"240px\"\n                }}\n            >\n                <Story />\n            </div>\n        )\n    ],\n    args: {\n        items: [\n            {\n                label: \"Step but with multiple lines of text.\"\n            },\n            {\n                label: \"Step in progress but with multiple lines of text.\",\n                state: ProgressItemState.IN_PROGRESS\n            },\n            {\n                label: \"Step completed but with multiple lines of text.\",\n                state: ProgressItemState.COMPLETED\n            },\n            {\n                label: \"Completed affirmative but with multiple lines of text.\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE\n            }\n        ]\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        items: [\n            {\n                label: \"Step\",\n                disabled: true\n            },\n            {\n                label: \"Step In Progress\",\n                state: ProgressItemState.IN_PROGRESS,\n                disabled: true\n            },\n            {\n                label: \"Step Completed\",\n                state: ProgressItemState.COMPLETED,\n                disabled: true\n            },\n            {\n                label: \"Completed Affirmative\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE,\n                disabled: true\n            }\n        ]\n    }\n};\n\nexport const Errored: Story = {\n    args: {\n        items: [\n            {\n                label: \"Step\",\n                errored: true\n            },\n            {\n                label: \"Step In Progress\",\n                state: ProgressItemState.IN_PROGRESS,\n                errored: true\n            },\n            {\n                label: \"Step Completed\",\n                state: ProgressItemState.COMPLETED,\n                errored: true\n            },\n            {\n                label: \"Completed Affirmative\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE,\n                errored: true\n            }\n        ]\n    }\n};\n\nexport const DisabledAndErrored: Story = {\n    args: {\n        items: [\n            {\n                label: \"Step\",\n                disabled: true,\n                errored: true\n            },\n            {\n                label: \"Step In Progress\",\n                state: ProgressItemState.IN_PROGRESS,\n                disabled: true,\n                errored: true\n            },\n            {\n                label: \"Step Completed\",\n                state: ProgressItemState.COMPLETED,\n                disabled: true,\n                errored: true\n            },\n            {\n                label: \"Completed Affirmative\",\n                state: ProgressItemState.COMPLETED_AFFIRMATIVE,\n                disabled: true,\n                errored: true\n            }\n        ]\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/SteppedProgress/SteppedProgressItem.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { type ProgressItemFormatted } from "./domains";
+type SteppedProgressItemProps = React.HTMLAttributes<HTMLDivElement> & ProgressItemFormatted;
+declare const SteppedProgressItem: (({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element) & {
+    original: ({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element) & {
+        original: ({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element) & {
+        original: ({ label, state, errored, disabled, className, ...props }: SteppedProgressItemProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export { SteppedProgressItem, type SteppedProgressItemProps };