@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.
- package/{accordion-GX854ooE.js → accordion-Id2wOeL4.js} +1 -1
- package/components/accordion/index.js +1 -1
- package/components/select/index.js +1 -1
- package/components/slider/index.cjs +1 -1
- package/components/slider/index.js +1 -1
- package/index.cjs +1 -1
- package/index.js +3 -3
- package/package.json +3 -3
- package/{select-C2jCf6jT.js → select-ClQGKBMF.js} +1 -1
- package/{slider-DyvRcMCK.cjs → slider-BQ9e4Vf9.cjs} +14 -38
- package/{slider-vFEkaZP-.js → slider-CkQ5_vKI.js} +15 -39
|
@@ -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 {
|
|
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,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const slider = require("../../slider-
|
|
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;
|
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-
|
|
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-
|
|
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-
|
|
9
|
-
import { c as c4, S as S2, b as b6, a as a9, d as d4, e as e9 } from "./slider-
|
|
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.
|
|
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.
|
|
53
|
-
"@agnos-ui/react-headless": "0.8.0-next.
|
|
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,
|
|
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:
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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 {
|
|
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:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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 }) });
|