@agnos-ui/react-bootstrap 0.8.0-next.0 → 0.8.0-next.1

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,7 +1,7 @@
1
1
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
2
  import { Slot } from "@agnos-ui/react-headless/slot";
3
3
  import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
4
- import { createContext, useContext, useImperativeHandle, useEffect } from "react";
4
+ import { useContext, createContext, useImperativeHandle, useEffect } from "react";
5
5
  import { useWidgetWithConfig } from "./generated/config.js";
6
6
  import { getAccordionDefaultConfig, createAccordionItem, createAccordion, factoryCreateAccordion } from "@agnos-ui/core-bootstrap/components/accordion";
7
7
  const export_getAccordionDefaultConfig = getAccordionDefaultConfig;
@@ -1,4 +1,4 @@
1
- import { b, a, A, d, c, f, e } from "../../accordion-GX854ooE.js";
1
+ import { b, a, A, d, c, f, e } from "../../accordion-Id2wOeL4.js";
2
2
  export {
3
3
  b as Accordion,
4
4
  a as AccordionItem,
@@ -1,4 +1,4 @@
1
- import { S, a, e } from "../../select-C2jCf6jT.js";
1
+ import { S, a, e } from "../../select-ClQGKBMF.js";
2
2
  export {
3
3
  S as Select,
4
4
  a as createSelect,
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const slider = require("../../slider-DyvRcMCK.cjs");
3
+ const slider = require("../../slider-BQ9e4Vf9.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-vFEkaZP-.js";
1
+ import { c, S, b, a, d, e } from "../../slider-CkQ5_vKI.js";
2
2
  export {
3
3
  c as Slider,
4
4
  S as SliderDefaultSlotHandle,
package/index.cjs CHANGED
@@ -8,7 +8,7 @@ const pagination = require("./pagination-Bq4Hvm1j.cjs");
8
8
  const progressbar = require("./progressbar-CnbqCXqH.cjs");
9
9
  const rating = require("./rating-BaZTCQi1.cjs");
10
10
  const select = require("./select-DHNspXXB.cjs");
11
- const slider = require("./slider-DyvRcMCK.cjs");
11
+ const slider = require("./slider-BQ9e4Vf9.cjs");
12
12
  const toast = require("./toast-CkwIDuRg.cjs");
13
13
  const tree = require("./tree-DT261j-0.cjs");
14
14
  const types = require("@agnos-ui/react-headless/types");
package/index.js CHANGED
@@ -1,12 +1,12 @@
1
- import { b, a, A, d, c, f, e } from "./accordion-GX854ooE.js";
1
+ import { b, a, A, d, c, f, e } from "./accordion-Id2wOeL4.js";
2
2
  import { a as a2, A as A2, b as b2, e as e2 } from "./alert-BM4ImSpO.js";
3
3
  import { C, a as a3, e as e3 } from "./collapse-BOXBa8_8.js";
4
4
  import { b as b3, M, a as a4, c as c2, e as e4, f as f2, d as d2, o } from "./modal-apFubipB.js";
5
5
  import { N, P, c as c3, a as a5, b as b4, d as d3, e as e5 } from "./pagination-B1Ho_-r4.js";
6
6
  import { a as a6, P as P2, b as b5, e as e6 } from "./progressbar-Ck20N_ee.js";
7
7
  import { R, a as a7, e as e7 } from "./rating-DziC4Tsh.js";
8
- import { S, a as a8, e as e8 } from "./select-C2jCf6jT.js";
9
- import { c as c4, S as S2, b as b6, a as a9, d as d4, e as e9 } from "./slider-vFEkaZP-.js";
8
+ import { S, a as a8, e as e8 } from "./select-ClQGKBMF.js";
9
+ import { c as c4, S as S2, b as b6, a as a9, d as d4, e as e9 } from "./slider-CkQ5_vKI.js";
10
10
  import { a as a10, T, b as b7, e as e10 } from "./toast-BUHjCme7.js";
11
11
  import { b as b8, a as a11, D, c as c5, T as T2, d as d5, e as e11 } from "./tree-BflF5hyD.js";
12
12
  export * from "@agnos-ui/react-headless/types";
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.8.0-next.0",
4
+ "version": "0.8.0-next.1",
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.8.0-next.0",
53
- "@agnos-ui/react-headless": "0.8.0-next.0",
52
+ "@agnos-ui/core-bootstrap": "0.8.0-next.1",
53
+ "@agnos-ui/react-headless": "0.8.0-next.1",
54
54
  "clsx": "^2.1.1"
55
55
  },
56
56
  "peerDependencies": {
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { Slot } from "@agnos-ui/react-headless/slot";
3
- import { useDirectives, classDirective, useDirective } from "@agnos-ui/react-headless/utils/directive";
3
+ import { useDirectives, useDirective, classDirective } from "@agnos-ui/react-headless/utils/directive";
4
4
  import clsx from "clsx";
5
5
  import { useWidgetWithConfig } from "./generated/config.js";
6
6
  import { getSelectDefaultConfig, createSelect } from "@agnos-ui/core-bootstrap/components/select";
@@ -2,6 +2,7 @@
2
2
  const jsxRuntime = require("react/jsx-runtime");
3
3
  const slot = require("@agnos-ui/react-headless/slot");
4
4
  const directive = require("@agnos-ui/react-headless/utils/directive");
5
+ const clsx = require("clsx");
5
6
  const React = require("react");
6
7
  const generated_config = require("./generated/config.cjs");
7
8
  const slider = require("@agnos-ui/core-bootstrap/components/slider");
@@ -15,44 +16,19 @@ const TickLabelDisplay = ({ directive: directive$1, tick }) => {
15
16
  };
16
17
  const SliderDefaultTick = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
17
18
  slotContext.tick.displayLabel && /* @__PURE__ */ jsxRuntime.jsx(TickLabelDisplay, { directive: slotContext.directives.tickLabelDirective, tick: slotContext.tick }),
18
- /* @__PURE__ */ jsxRuntime.jsx("span", { ...directive.useDirective(slotContext.directives.tickDirective, { tick: slotContext.tick }), children: slotContext.tick.selected ? /* @__PURE__ */ jsxRuntime.jsxs(
19
- "svg",
20
- {
21
- xmlns: "http://www.w3.org/2000/svg",
22
- style: { width: "var(--bs-slider-tick-secondary-size)", height: "var(--bs-slider-tick-primary-size)" },
23
- fill: "none",
24
- children: [
25
- /* @__PURE__ */ jsxRuntime.jsx(
26
- "circle",
27
- {
28
- cx: "50%",
29
- cy: "50%",
30
- r: "50%",
31
- fill: slotContext.state.disabled ? "var(--bs-slider-tick-disabled-color)" : "var(--bs-slider-tick-selected-color)"
32
- }
33
- ),
34
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "50%", cy: "50%", r: "25%", fill: "white" })
35
- ]
36
- }
37
- ) : /* @__PURE__ */ jsxRuntime.jsx(
38
- "svg",
39
- {
40
- xmlns: "http://www.w3.org/2000/svg",
41
- style: { width: "var(--bs-slider-tick-secondary-size)", height: "var(--bs-slider-tick-primary-size)" },
42
- fill: "none",
43
- children: /* @__PURE__ */ jsxRuntime.jsx(
44
- "circle",
45
- {
46
- cx: "50%",
47
- cy: "50%",
48
- r: "45%",
49
- fill: "white",
50
- stroke: slotContext.state.disabled ? "var(--bs-slider-tick-disabled-color)" : "var(--bs-slider-tick-neutral-color)",
51
- strokeWidth: "1.5"
52
- }
53
- )
54
- }
55
- ) })
19
+ /* @__PURE__ */ jsxRuntime.jsx("span", { ...directive.useDirective(slotContext.directives.tickDirective, { tick: slotContext.tick }), children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", children: [
20
+ /* @__PURE__ */ jsxRuntime.jsx(
21
+ "circle",
22
+ {
23
+ className: clsx(
24
+ "au-slider-tick-outer",
25
+ { "au-slider-tick-disabled": slotContext.state.disabled },
26
+ { "au-slider-tick-selected": slotContext.tick.selected }
27
+ )
28
+ }
29
+ ),
30
+ slotContext.tick.selected && /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "au-slider-tick-inner au-slider-tick-selected" })
31
+ ] }) })
56
32
  ] });
57
33
  const ProgressDisplay = ({ directive: directive$1, option }) => {
58
34
  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(directive$1, { option }) });
@@ -1,6 +1,7 @@
1
- import { jsx, jsxs, Fragment } from "react/jsx-runtime";
1
+ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
2
  import { Slot } from "@agnos-ui/react-headless/slot";
3
3
  import { useDirective } from "@agnos-ui/react-headless/utils/directive";
4
+ import clsx from "clsx";
4
5
  import React__default from "react";
5
6
  import { useWidgetWithConfig } from "./generated/config.js";
6
7
  import { getSliderDefaultConfig, createSlider } from "@agnos-ui/core-bootstrap/components/slider";
@@ -14,44 +15,19 @@ const TickLabelDisplay = ({ directive, tick }) => {
14
15
  };
15
16
  const SliderDefaultTick = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
16
17
  slotContext.tick.displayLabel && /* @__PURE__ */ jsx(TickLabelDisplay, { directive: slotContext.directives.tickLabelDirective, tick: slotContext.tick }),
17
- /* @__PURE__ */ jsx("span", { ...useDirective(slotContext.directives.tickDirective, { tick: slotContext.tick }), children: slotContext.tick.selected ? /* @__PURE__ */ jsxs(
18
- "svg",
19
- {
20
- xmlns: "http://www.w3.org/2000/svg",
21
- style: { width: "var(--bs-slider-tick-secondary-size)", height: "var(--bs-slider-tick-primary-size)" },
22
- fill: "none",
23
- children: [
24
- /* @__PURE__ */ jsx(
25
- "circle",
26
- {
27
- cx: "50%",
28
- cy: "50%",
29
- r: "50%",
30
- fill: slotContext.state.disabled ? "var(--bs-slider-tick-disabled-color)" : "var(--bs-slider-tick-selected-color)"
31
- }
32
- ),
33
- /* @__PURE__ */ jsx("circle", { cx: "50%", cy: "50%", r: "25%", fill: "white" })
34
- ]
35
- }
36
- ) : /* @__PURE__ */ jsx(
37
- "svg",
38
- {
39
- xmlns: "http://www.w3.org/2000/svg",
40
- style: { width: "var(--bs-slider-tick-secondary-size)", height: "var(--bs-slider-tick-primary-size)" },
41
- fill: "none",
42
- children: /* @__PURE__ */ jsx(
43
- "circle",
44
- {
45
- cx: "50%",
46
- cy: "50%",
47
- r: "45%",
48
- fill: "white",
49
- stroke: slotContext.state.disabled ? "var(--bs-slider-tick-disabled-color)" : "var(--bs-slider-tick-neutral-color)",
50
- strokeWidth: "1.5"
51
- }
52
- )
53
- }
54
- ) })
18
+ /* @__PURE__ */ jsx("span", { ...useDirective(slotContext.directives.tickDirective, { tick: slotContext.tick }), children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", children: [
19
+ /* @__PURE__ */ jsx(
20
+ "circle",
21
+ {
22
+ className: clsx(
23
+ "au-slider-tick-outer",
24
+ { "au-slider-tick-disabled": slotContext.state.disabled },
25
+ { "au-slider-tick-selected": slotContext.tick.selected }
26
+ )
27
+ }
28
+ ),
29
+ slotContext.tick.selected && /* @__PURE__ */ jsx("circle", { className: "au-slider-tick-inner au-slider-tick-selected" })
30
+ ] }) })
55
31
  ] });
56
32
  const ProgressDisplay = ({ directive, option }) => {
57
33
  return /* @__PURE__ */ jsx("div", { ...useDirective(directive, { option }) });