@agnos-ui/react-bootstrap 0.9.0 → 0.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const slider = require("../../slider-Xix2FdNx.cjs");
3
+ const slider = require("../../slider-DhviBEZe.cjs");
4
4
  exports.Slider = slider.Slider;
5
5
  exports.SliderDefaultSlotHandle = slider.SliderDefaultSlotHandle;
6
6
  exports.SliderDefaultSlotStructure = slider.SliderDefaultSlotStructure;
@@ -1,4 +1,4 @@
1
- import { c, S, b, a, d, e } from "../../slider-Dyr7A6pJ.js";
1
+ import { c, S, b, a, d, e } from "../../slider-CBzyKG2u.js";
2
2
  export {
3
3
  c as Slider,
4
4
  S as SliderDefaultSlotHandle,
@@ -241,6 +241,27 @@ export interface SliderProps {
241
241
  * @defaultValue `true`
242
242
  */
243
243
  showTickValues: boolean;
244
+ /**
245
+ * Minimum distance between two values.
246
+ * When set to 0, no minimum distance constraint is applied.
247
+ *
248
+ * @defaultValue 0
249
+ */
250
+ minRange: number;
251
+ /**
252
+ * Maximum distance between two values
253
+ * When set to 0, no maximum distance constraint is applied.
254
+ *
255
+ * @defaultValue 0
256
+ */
257
+ maxRange: number;
258
+ /**
259
+ * When true, if moving a value would break the minRange or maxRange constraint,
260
+ * it will instead push or pull the neighboring values to keep the allowed range rather than just stopping.
261
+ *
262
+ * @defaultValue false
263
+ */
264
+ pushRange: boolean;
244
265
  /**
245
266
  * Minimum value that can be assigned to the slider
246
267
  *
@@ -454,6 +475,10 @@ export interface SliderDirectives {
454
475
  * Directive to get the slider component elementRef
455
476
  */
456
477
  sliderDirective: Directive;
478
+ /**
479
+ * Directive to apply to the slider container wrapping the slider content
480
+ */
481
+ containerDirective: Directive;
457
482
  /**
458
483
  * Directive used to style the progress display for each handle
459
484
  */
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const tree = require("../../tree-Djbdzlr-.cjs");
3
+ const tree = require("../../tree--CHag_Wm.cjs");
4
4
  exports.DefaultTreeSlotItem = tree.DefaultTreeSlotItem;
5
5
  exports.DefaultTreeSlotItemContent = tree.DefaultTreeSlotItemContent;
6
6
  exports.DefaultTreeSlotItemToggle = tree.DefaultTreeSlotItemToggle;
@@ -1,4 +1,4 @@
1
- import { b, a, D, c, T, d, e } from "../../tree-BNa6nXSh.js";
1
+ import { b, a, D, c, T, d, e } from "../../tree-DTg_JB2R.js";
2
2
  export {
3
3
  b as DefaultTreeSlotItem,
4
4
  a as DefaultTreeSlotItemContent,
package/index.cjs CHANGED
@@ -9,9 +9,9 @@ const pagination = require("./pagination-ZxTUf5Pm.cjs");
9
9
  const progressbar = require("./progressbar-CC5WyAKM.cjs");
10
10
  const rating = require("./rating-B2erO56i.cjs");
11
11
  const select = require("./select-DgXUNQIA.cjs");
12
- const slider = require("./slider-Xix2FdNx.cjs");
12
+ const slider = require("./slider-DhviBEZe.cjs");
13
13
  const toasterProvider = require("./toasterProvider-DeTgUXN8.cjs");
14
- const tree = require("./tree-Djbdzlr-.cjs");
14
+ const tree = require("./tree--CHag_Wm.cjs");
15
15
  const types = require("@agnos-ui/react-headless/types");
16
16
  const types$1 = require("@agnos-ui/core-bootstrap/types");
17
17
  const slot = require("@agnos-ui/react-headless/slot");
package/index.js CHANGED
@@ -7,9 +7,9 @@ import { N, P, c as c4, a as a6, b as b5, d as d3, e as e6 } from "./pagination-
7
7
  import { a as a7, P as P2, b as b6, e as e7 } from "./progressbar-B1ZwY3G2.js";
8
8
  import { R, a as a8, e as e8 } from "./rating-Dt-vNocw.js";
9
9
  import { S, a as a9, e as e9 } from "./select-aWj112ds.js";
10
- import { c as c5, S as S2, b as b7, a as a10, d as d4, e as e10 } from "./slider-Dyr7A6pJ.js";
10
+ import { c as c5, S as S2, b as b7, a as a10, d as d4, e as e10 } from "./slider-CBzyKG2u.js";
11
11
  import { a as a11, T, f as f3, g, b as b8, d as d5, e as e11, c as c6, u } from "./toasterProvider-AZi99tUa.js";
12
- import { b as b9, a as a12, D, c as c7, T as T2, d as d6, e as e12 } from "./tree-BNa6nXSh.js";
12
+ import { b as b9, a as a12, D, c as c7, T as T2, d as d6, e as e12 } from "./tree-DTg_JB2R.js";
13
13
  export * from "@agnos-ui/react-headless/types";
14
14
  export * from "@agnos-ui/core-bootstrap/types";
15
15
  export * from "@agnos-ui/react-headless/slot";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@agnos-ui/react-bootstrap",
3
3
  "description": "Bootstrap-based component library for React.",
4
- "version": "0.9.0",
4
+ "version": "0.9.2",
5
5
  "type": "module",
6
6
  "main": "./index.cjs",
7
7
  "module": "./index.js",
@@ -49,8 +49,8 @@
49
49
  }
50
50
  },
51
51
  "dependencies": {
52
- "@agnos-ui/core-bootstrap": "0.9.0",
53
- "@agnos-ui/react-headless": "0.9.0",
52
+ "@agnos-ui/core-bootstrap": "0.9.2",
53
+ "@agnos-ui/react-headless": "0.9.2",
54
54
  "clsx": "^2.1.1"
55
55
  },
56
56
  "peerDependencies": {
@@ -69,7 +69,7 @@ function Slider(props) {
69
69
  handle: SliderDefaultSlotHandle,
70
70
  tick: SliderDefaultTick
71
71
  });
72
- return /* @__PURE__ */ jsx("div", { ...useDirective(widgetContext.directives.sliderDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: widgetContext.state.structure, props: widgetContext }) });
72
+ return /* @__PURE__ */ jsx("div", { ...useDirective(widgetContext.directives.containerDirective), children: /* @__PURE__ */ jsx("div", { ...useDirective(widgetContext.directives.sliderDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: widgetContext.state.structure, props: widgetContext }) }) });
73
73
  }
74
74
  export {
75
75
  SliderDefaultSlotHandle as S,
@@ -70,7 +70,7 @@ function Slider(props) {
70
70
  handle: SliderDefaultSlotHandle,
71
71
  tick: SliderDefaultTick
72
72
  });
73
- return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(widgetContext.directives.sliderDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: widgetContext.state.structure, props: widgetContext }) });
73
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(widgetContext.directives.containerDirective), children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(widgetContext.directives.sliderDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: widgetContext.state.structure, props: widgetContext }) }) });
74
74
  }
75
75
  exports.Slider = Slider;
76
76
  exports.SliderDefaultSlotHandle = SliderDefaultSlotHandle;
@@ -8,7 +8,7 @@ const clsx = require("clsx");
8
8
  const export_getTreeDefaultConfig = tree.getTreeDefaultConfig;
9
9
  const export_createTree = tree.createTree;
10
10
  const ToggleButtonDisplay = ({ directive: directive$1, item }) => {
11
- return /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirective(directive$1, { item }), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "au-tree-expand-icon-svg" }) });
11
+ return /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirective(directive$1, { item }), children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "au-tree-expand-icon-svg", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 10 10", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 1 L7 5 L3 9", className: "au-tree-expand-icon-svg-fill", strokeWidth: "1", fill: "none" }) }) });
12
12
  };
13
13
  const DefaultTreeSlotItemToggle = (slotContext) => {
14
14
  const { directives, item } = slotContext;
@@ -7,7 +7,7 @@ import clsx from "clsx";
7
7
  const export_getTreeDefaultConfig = getTreeDefaultConfig;
8
8
  const export_createTree = createTree;
9
9
  const ToggleButtonDisplay = ({ directive, item }) => {
10
- return /* @__PURE__ */ jsx("button", { ...useDirective(directive, { item }), children: /* @__PURE__ */ jsx("span", { className: "au-tree-expand-icon-svg" }) });
10
+ return /* @__PURE__ */ jsx("button", { ...useDirective(directive, { item }), children: /* @__PURE__ */ jsx("svg", { className: "au-tree-expand-icon-svg", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 10 10", children: /* @__PURE__ */ jsx("path", { d: "M3 1 L7 5 L3 9", className: "au-tree-expand-icon-svg-fill", strokeWidth: "1", fill: "none" }) }) });
11
11
  };
12
12
  const DefaultTreeSlotItemToggle = (slotContext) => {
13
13
  const { directives, item } = slotContext;