@agnos-ui/react-bootstrap 0.4.0-next.0 → 0.4.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/components/modal/index.cjs +1 -1
- package/components/modal/index.js +1 -1
- package/components/modal/modal.gen.d.ts +12 -12
- package/components/pagination/index.cjs +1 -1
- package/components/pagination/index.js +1 -1
- package/components/pagination/pagination.gen.d.ts +24 -24
- package/components/progressbar/index.cjs +1 -1
- package/components/progressbar/index.js +1 -1
- package/components/progressbar/progressbar.gen.d.ts +2 -2
- package/index.cjs +3 -3
- package/index.js +3 -3
- package/{modal-Vd0W6U05.cjs → modal-1m6cSYmZ.cjs} +6 -6
- package/{modal-B9xclGji.js → modal-BJy1upw0.js} +6 -6
- package/package.json +3 -3
- package/{pagination-BGHP7K6U.js → pagination-B76wbKhG.js} +10 -10
- package/{pagination-BO6qrpA6.cjs → pagination-DeZ2Eb3e.cjs} +10 -10
- package/{progressbar-Bi9aS9jg.cjs → progressbar-DKshX5DJ.cjs} +2 -2
- package/{progressbar-D8_F2wYh.js → progressbar-UDs4TPtQ.js} +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const modal = require("../../modal-
|
|
3
|
+
const modal = require("../../modal-1m6cSYmZ.cjs");
|
|
4
4
|
const modal$1 = require("@agnos-ui/react-headless/components/modal");
|
|
5
5
|
exports.Modal = modal.Modal;
|
|
6
6
|
exports.createModal = modal.createModal;
|
|
@@ -56,20 +56,20 @@ export interface ModalState<Data> {
|
|
|
56
56
|
/**
|
|
57
57
|
* Footer of the modal.
|
|
58
58
|
*/
|
|
59
|
-
|
|
59
|
+
footer: SlotContent<ModalContext<Data>>;
|
|
60
60
|
/**
|
|
61
|
-
* Header of the modal. The default header includes {@link ModalCommonPropsAndState.
|
|
61
|
+
* Header of the modal. The default header includes {@link ModalCommonPropsAndState.title title}.
|
|
62
62
|
*/
|
|
63
|
-
|
|
63
|
+
header: SlotContent<ModalContext<Data>>;
|
|
64
64
|
/**
|
|
65
65
|
* Structure of the modal.
|
|
66
|
-
* The default structure uses {@link ModalCommonPropsAndState.
|
|
66
|
+
* The default structure uses {@link ModalCommonPropsAndState.header header}, {@link ModalCommonPropsAndState.children children} and {@link ModalCommonPropsAndState.footer footer}.
|
|
67
67
|
*/
|
|
68
|
-
|
|
68
|
+
structure: SlotContent<ModalContext<Data>>;
|
|
69
69
|
/**
|
|
70
70
|
* Title of the modal.
|
|
71
71
|
*/
|
|
72
|
-
|
|
72
|
+
title: SlotContent<ModalContext<Data>>;
|
|
73
73
|
/**
|
|
74
74
|
* Option to create a fullscreen modal, according to the bootstrap documentation.
|
|
75
75
|
*/
|
|
@@ -149,20 +149,20 @@ export interface ModalProps<Data> {
|
|
|
149
149
|
/**
|
|
150
150
|
* Footer of the modal.
|
|
151
151
|
*/
|
|
152
|
-
|
|
152
|
+
footer: SlotContent<ModalContext<Data>>;
|
|
153
153
|
/**
|
|
154
|
-
* Header of the modal. The default header includes {@link ModalCommonPropsAndState.
|
|
154
|
+
* Header of the modal. The default header includes {@link ModalCommonPropsAndState.title title}.
|
|
155
155
|
*/
|
|
156
|
-
|
|
156
|
+
header: SlotContent<ModalContext<Data>>;
|
|
157
157
|
/**
|
|
158
158
|
* Structure of the modal.
|
|
159
|
-
* The default structure uses {@link ModalCommonPropsAndState.
|
|
159
|
+
* The default structure uses {@link ModalCommonPropsAndState.header header}, {@link ModalCommonPropsAndState.children children} and {@link ModalCommonPropsAndState.footer footer}.
|
|
160
160
|
*/
|
|
161
|
-
|
|
161
|
+
structure: SlotContent<ModalContext<Data>>;
|
|
162
162
|
/**
|
|
163
163
|
* Title of the modal.
|
|
164
164
|
*/
|
|
165
|
-
|
|
165
|
+
title: SlotContent<ModalContext<Data>>;
|
|
166
166
|
/**
|
|
167
167
|
* Option to create a fullscreen modal, according to the bootstrap documentation.
|
|
168
168
|
*/
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const pagination = require("../../pagination-
|
|
3
|
+
const pagination = require("../../pagination-DeZ2Eb3e.cjs");
|
|
4
4
|
exports.DefaultPages = pagination.DefaultPages;
|
|
5
5
|
exports.DefaultStructure = pagination.DefaultStructure;
|
|
6
6
|
exports.NavButton = pagination.NavButton;
|
|
@@ -112,54 +112,54 @@ export interface PaginationState {
|
|
|
112
112
|
className: string;
|
|
113
113
|
/**
|
|
114
114
|
* The template to use for the structure of the pagination component
|
|
115
|
-
* The default structure uses {@link
|
|
116
|
-
* {@link
|
|
117
|
-
* {@link
|
|
118
|
-
* {@link
|
|
115
|
+
* The default structure uses {@link PaginationProps.ellipsisLabelellipsisLabel}, {@link PaginationProps.firstPageLabelfirstPageLabel},
|
|
116
|
+
* {@link PaginationProps.previousPageLabelpreviousPageLabel}, {@link PaginationProps.nextPageLabelnextPageLabel},
|
|
117
|
+
* {@link PaginationProps.lastPageLabellastPageLabel}, {@link PaginationProps.pagesDisplaypagesDisplay},
|
|
118
|
+
* {@link PaginationProps.numberLabelnumberLabel},
|
|
119
119
|
*/
|
|
120
|
-
|
|
120
|
+
structure: SlotContent<PaginationContext>;
|
|
121
121
|
/**
|
|
122
122
|
* The template to use for the ellipsis slot
|
|
123
123
|
* for I18n, we suggest to use the global configuration
|
|
124
124
|
* override any configuration parameters provided for this
|
|
125
125
|
*/
|
|
126
|
-
|
|
126
|
+
ellipsisLabel: SlotContent<PaginationContext>;
|
|
127
127
|
/**
|
|
128
128
|
* The template to use for the first slot
|
|
129
129
|
* for I18n, we suggest to use the global configuration
|
|
130
130
|
* override any configuration parameters provided for this
|
|
131
131
|
*/
|
|
132
|
-
|
|
132
|
+
firstPageLabel: SlotContent<PaginationContext>;
|
|
133
133
|
/**
|
|
134
134
|
* The template to use for the previous slot
|
|
135
135
|
* for I18n, we suggest to use the global configuration
|
|
136
136
|
* override any configuration parameters provided for this
|
|
137
137
|
*/
|
|
138
|
-
|
|
138
|
+
previousPageLabel: SlotContent<PaginationContext>;
|
|
139
139
|
/**
|
|
140
140
|
* The template to use for the next slot
|
|
141
141
|
* for I18n, we suggest to use the global configuration
|
|
142
142
|
* override any configuration parameters provided for this
|
|
143
143
|
*/
|
|
144
|
-
|
|
144
|
+
nextPageLabel: SlotContent<PaginationContext>;
|
|
145
145
|
/**
|
|
146
146
|
* The template to use for the last slot
|
|
147
147
|
* for I18n, we suggest to use the global configuration
|
|
148
148
|
* override any configuration parameters provided for this
|
|
149
149
|
*/
|
|
150
|
-
|
|
150
|
+
lastPageLabel: SlotContent<PaginationContext>;
|
|
151
151
|
/**
|
|
152
152
|
* The template to use for the pages slot
|
|
153
153
|
* To use to customize the pages view
|
|
154
154
|
* override any configuration parameters provided for this
|
|
155
155
|
*/
|
|
156
|
-
|
|
156
|
+
pagesDisplay: SlotContent<PaginationContext>;
|
|
157
157
|
/**
|
|
158
158
|
* The template to use for the number slot
|
|
159
159
|
* override any configuration parameters provided for this
|
|
160
160
|
* for I18n, we suggest to use the global configuration
|
|
161
161
|
*/
|
|
162
|
-
|
|
162
|
+
numberLabel: SlotContent<PaginationNumberContext>;
|
|
163
163
|
}
|
|
164
164
|
export interface PaginationProps {
|
|
165
165
|
/**
|
|
@@ -283,54 +283,54 @@ export interface PaginationProps {
|
|
|
283
283
|
className: string;
|
|
284
284
|
/**
|
|
285
285
|
* The template to use for the structure of the pagination component
|
|
286
|
-
* The default structure uses {@link
|
|
287
|
-
* {@link
|
|
288
|
-
* {@link
|
|
289
|
-
* {@link
|
|
286
|
+
* The default structure uses {@link PaginationProps.ellipsisLabelellipsisLabel}, {@link PaginationProps.firstPageLabelfirstPageLabel},
|
|
287
|
+
* {@link PaginationProps.previousPageLabelpreviousPageLabel}, {@link PaginationProps.nextPageLabelnextPageLabel},
|
|
288
|
+
* {@link PaginationProps.lastPageLabellastPageLabel}, {@link PaginationProps.pagesDisplaypagesDisplay},
|
|
289
|
+
* {@link PaginationProps.numberLabelnumberLabel},
|
|
290
290
|
*/
|
|
291
|
-
|
|
291
|
+
structure: SlotContent<PaginationContext>;
|
|
292
292
|
/**
|
|
293
293
|
* The template to use for the ellipsis slot
|
|
294
294
|
* for I18n, we suggest to use the global configuration
|
|
295
295
|
* override any configuration parameters provided for this
|
|
296
296
|
*/
|
|
297
|
-
|
|
297
|
+
ellipsisLabel: SlotContent<PaginationContext>;
|
|
298
298
|
/**
|
|
299
299
|
* The template to use for the first slot
|
|
300
300
|
* for I18n, we suggest to use the global configuration
|
|
301
301
|
* override any configuration parameters provided for this
|
|
302
302
|
*/
|
|
303
|
-
|
|
303
|
+
firstPageLabel: SlotContent<PaginationContext>;
|
|
304
304
|
/**
|
|
305
305
|
* The template to use for the previous slot
|
|
306
306
|
* for I18n, we suggest to use the global configuration
|
|
307
307
|
* override any configuration parameters provided for this
|
|
308
308
|
*/
|
|
309
|
-
|
|
309
|
+
previousPageLabel: SlotContent<PaginationContext>;
|
|
310
310
|
/**
|
|
311
311
|
* The template to use for the next slot
|
|
312
312
|
* for I18n, we suggest to use the global configuration
|
|
313
313
|
* override any configuration parameters provided for this
|
|
314
314
|
*/
|
|
315
|
-
|
|
315
|
+
nextPageLabel: SlotContent<PaginationContext>;
|
|
316
316
|
/**
|
|
317
317
|
* The template to use for the last slot
|
|
318
318
|
* for I18n, we suggest to use the global configuration
|
|
319
319
|
* override any configuration parameters provided for this
|
|
320
320
|
*/
|
|
321
|
-
|
|
321
|
+
lastPageLabel: SlotContent<PaginationContext>;
|
|
322
322
|
/**
|
|
323
323
|
* The template to use for the pages slot
|
|
324
324
|
* To use to customize the pages view
|
|
325
325
|
* override any configuration parameters provided for this
|
|
326
326
|
*/
|
|
327
|
-
|
|
327
|
+
pagesDisplay: SlotContent<PaginationContext>;
|
|
328
328
|
/**
|
|
329
329
|
* The template to use for the number slot
|
|
330
330
|
* override any configuration parameters provided for this
|
|
331
331
|
* for I18n, we suggest to use the global configuration
|
|
332
332
|
*/
|
|
333
|
-
|
|
333
|
+
numberLabel: SlotContent<PaginationNumberContext>;
|
|
334
334
|
}
|
|
335
335
|
export type PaginationWidget = Widget<PaginationProps, PaginationState, PaginationApi, PaginationActions, PaginationDirectives>;
|
|
336
336
|
export interface DirectionsHrefs {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const progressbar = require("../../progressbar-
|
|
3
|
+
const progressbar = require("../../progressbar-DKshX5DJ.cjs");
|
|
4
4
|
exports.Progressbar = progressbar.Progressbar;
|
|
5
5
|
exports.createProgressbar = progressbar.createProgressbar;
|
|
6
6
|
exports.getProgressbarDefaultConfig = progressbar.getProgressbarDefaultConfig;
|
|
@@ -41,7 +41,7 @@ export interface ProgressbarState {
|
|
|
41
41
|
/**
|
|
42
42
|
* Global template for the Progressbar.
|
|
43
43
|
*/
|
|
44
|
-
|
|
44
|
+
structure: SlotContent<ProgressbarContext>;
|
|
45
45
|
/**
|
|
46
46
|
* Label of the progress.
|
|
47
47
|
*/
|
|
@@ -92,7 +92,7 @@ export interface ProgressbarProps {
|
|
|
92
92
|
/**
|
|
93
93
|
* Global template for the Progressbar.
|
|
94
94
|
*/
|
|
95
|
-
|
|
95
|
+
structure: SlotContent<ProgressbarContext>;
|
|
96
96
|
/**
|
|
97
97
|
* Label of the progress.
|
|
98
98
|
*/
|
package/index.cjs
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const accordion = require("./accordion-DnlQmoOX.cjs");
|
|
4
4
|
const alert = require("./alert-Bn5ooyqK.cjs");
|
|
5
|
-
const modal = require("./modal-
|
|
6
|
-
const pagination = require("./pagination-
|
|
7
|
-
const progressbar = require("./progressbar-
|
|
5
|
+
const modal = require("./modal-1m6cSYmZ.cjs");
|
|
6
|
+
const pagination = require("./pagination-DeZ2Eb3e.cjs");
|
|
7
|
+
const progressbar = require("./progressbar-DKshX5DJ.cjs");
|
|
8
8
|
const rating = require("./rating-DB4Ze-r4.cjs");
|
|
9
9
|
const select = require("./select-CxX_TdVh.cjs");
|
|
10
10
|
const slider = require("./slider-Du37lWVJ.cjs");
|
package/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { b, A, c, a, g } from "./accordion-CMbgQzoG.js";
|
|
2
2
|
import { A as A2, c as c2, g as g2 } from "./alert-DKl7HLhb.js";
|
|
3
|
-
import { M, c as c3, g as g3, o } from "./modal-
|
|
4
|
-
import { D, a as a2, N, b as b2, P, c as c4, g as g4 } from "./pagination-
|
|
5
|
-
import { P as P2, c as c5, g as g5 } from "./progressbar-
|
|
3
|
+
import { M, c as c3, g as g3, o } from "./modal-BJy1upw0.js";
|
|
4
|
+
import { D, a as a2, N, b as b2, P, c as c4, g as g4 } from "./pagination-B76wbKhG.js";
|
|
5
|
+
import { P as P2, c as c5, g as g5 } from "./progressbar-UDs4TPtQ.js";
|
|
6
6
|
import { R, c as c6, g as g6 } from "./rating-DRAx20tg.js";
|
|
7
7
|
import { S, c as c7, g as g7 } from "./select-CEXxOyRB.js";
|
|
8
8
|
import { D as D2, a as a3, S as S2, c as c8, g as g8 } from "./slider-CnK847iw.js";
|
|
@@ -15,23 +15,23 @@ const getModalDefaultConfig = modal.getModalDefaultConfig;
|
|
|
15
15
|
const CloseButton = ({ directive: directive$1 }) => /* @__PURE__ */ jsxRuntime.jsx("button", { className: "btn-close", ...directive.useDirective(directive$1) });
|
|
16
16
|
const DefaultSlotHeader = (slotContext) => {
|
|
17
17
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
18
|
-
/* @__PURE__ */ jsxRuntime.jsx("h5", { className: "modal-title", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.
|
|
18
|
+
/* @__PURE__ */ jsxRuntime.jsx("h5", { className: "modal-title", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.title, props: slotContext }) }),
|
|
19
19
|
slotContext.state.closeButton && /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { directive: slotContext.widget.directives.closeButtonDirective })
|
|
20
20
|
] });
|
|
21
21
|
};
|
|
22
22
|
const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
23
|
-
slotContext.state.
|
|
23
|
+
slotContext.state.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-header", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.header, props: slotContext }) }),
|
|
24
24
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-body", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.children, props: slotContext }) }),
|
|
25
|
-
slotContext.state.
|
|
25
|
+
slotContext.state.footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-footer", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.footer, props: slotContext }) })
|
|
26
26
|
] });
|
|
27
27
|
const defaultConfig = {
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
header: DefaultSlotHeader,
|
|
29
|
+
structure: DefaultSlotStructure
|
|
30
30
|
};
|
|
31
31
|
const BackdropElement = ({ widget }) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "modal-backdrop"], widget.directives.backdropDirective) });
|
|
32
32
|
const ModalElement = (slotContext) => {
|
|
33
33
|
const { fullscreen } = slotContext.state;
|
|
34
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "modal d-block"], slotContext.widget.directives.modalDirective), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames("modal-dialog", { "modal-fullscreen": fullscreen }), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-content", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.
|
|
34
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "modal d-block"], slotContext.widget.directives.modalDirective), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames("modal-dialog", { "modal-fullscreen": fullscreen }), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-content", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.structure, props: slotContext }) }) }) });
|
|
35
35
|
};
|
|
36
36
|
const Modal = React.forwardRef(function Modal2(props, ref) {
|
|
37
37
|
const [state, widget] = generated_config.useWidgetWithConfig(createModal, props, "modal", defaultConfig);
|
|
@@ -14,23 +14,23 @@ const getModalDefaultConfig = getModalDefaultConfig$1;
|
|
|
14
14
|
const CloseButton = ({ directive }) => /* @__PURE__ */ jsx("button", { className: "btn-close", ...useDirective(directive) });
|
|
15
15
|
const DefaultSlotHeader = (slotContext) => {
|
|
16
16
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
17
|
-
/* @__PURE__ */ jsx("h5", { className: "modal-title", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.
|
|
17
|
+
/* @__PURE__ */ jsx("h5", { className: "modal-title", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.title, props: slotContext }) }),
|
|
18
18
|
slotContext.state.closeButton && /* @__PURE__ */ jsx(CloseButton, { directive: slotContext.widget.directives.closeButtonDirective })
|
|
19
19
|
] });
|
|
20
20
|
};
|
|
21
21
|
const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
22
|
-
slotContext.state.
|
|
22
|
+
slotContext.state.title && /* @__PURE__ */ jsx("div", { className: "modal-header", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.header, props: slotContext }) }),
|
|
23
23
|
/* @__PURE__ */ jsx("div", { className: "modal-body", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.children, props: slotContext }) }),
|
|
24
|
-
slotContext.state.
|
|
24
|
+
slotContext.state.footer && /* @__PURE__ */ jsx("div", { className: "modal-footer", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.footer, props: slotContext }) })
|
|
25
25
|
] });
|
|
26
26
|
const defaultConfig = {
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
header: DefaultSlotHeader,
|
|
28
|
+
structure: DefaultSlotStructure
|
|
29
29
|
};
|
|
30
30
|
const BackdropElement = ({ widget }) => /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "modal-backdrop"], widget.directives.backdropDirective) });
|
|
31
31
|
const ModalElement = (slotContext) => {
|
|
32
32
|
const { fullscreen } = slotContext.state;
|
|
33
|
-
return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "modal d-block"], slotContext.widget.directives.modalDirective), children: /* @__PURE__ */ jsx("div", { className: classNames("modal-dialog", { "modal-fullscreen": fullscreen }), children: /* @__PURE__ */ jsx("div", { className: "modal-content", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.
|
|
33
|
+
return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "modal d-block"], slotContext.widget.directives.modalDirective), children: /* @__PURE__ */ jsx("div", { className: classNames("modal-dialog", { "modal-fullscreen": fullscreen }), children: /* @__PURE__ */ jsx("div", { className: "modal-content", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.structure, props: slotContext }) }) }) });
|
|
34
34
|
};
|
|
35
35
|
const Modal = forwardRef(function Modal2(props, ref) {
|
|
36
36
|
const [state, widget] = useWidgetWithConfig(createModal, props, "modal", defaultConfig);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agnos-ui/react-bootstrap",
|
|
3
3
|
"description": "Bootstrap-based widget library for React.",
|
|
4
|
-
"version": "0.4.0-next.
|
|
4
|
+
"version": "0.4.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.4.0-next.
|
|
53
|
-
"@agnos-ui/react-headless": "0.4.0-next.
|
|
52
|
+
"@agnos-ui/core-bootstrap": "0.4.0-next.1",
|
|
53
|
+
"@agnos-ui/react-headless": "0.4.0-next.1",
|
|
54
54
|
"classnames": "^2.5.1"
|
|
55
55
|
},
|
|
56
56
|
"peerDependencies": {
|
|
@@ -28,7 +28,7 @@ function DefaultPages(slotContext) {
|
|
|
28
28
|
if (state.pages[i] === -1) {
|
|
29
29
|
jsxPages.push(
|
|
30
30
|
/* @__PURE__ */ jsxs("li", { className: "page-item disabled", children: [
|
|
31
|
-
/* @__PURE__ */ jsx("div", { className: "page-link au-ellipsis", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Slot, { slotContent: state.
|
|
31
|
+
/* @__PURE__ */ jsx("div", { className: "page-link au-ellipsis", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Slot, { slotContent: state.ellipsisLabel, props: slotContext }) }),
|
|
32
32
|
/* @__PURE__ */ jsx("span", { className: "visually-hidden", children: state.ariaEllipsisLabel })
|
|
33
33
|
] }, "Ellipsis" + i)
|
|
34
34
|
);
|
|
@@ -42,7 +42,7 @@ function DefaultPages(slotContext) {
|
|
|
42
42
|
activeLabel: state.activeLabel,
|
|
43
43
|
directive: widget.directives["pageLink"],
|
|
44
44
|
page: state.pages[i],
|
|
45
|
-
children: /* @__PURE__ */ jsx(Slot, { slotContent: state.
|
|
45
|
+
children: /* @__PURE__ */ jsx(Slot, { slotContent: state.numberLabel, props: { ...slotContext, displayedPage: state.pages[i] } })
|
|
46
46
|
},
|
|
47
47
|
state.pages[i]
|
|
48
48
|
)
|
|
@@ -52,8 +52,8 @@ function DefaultPages(slotContext) {
|
|
|
52
52
|
return jsxPages.length ? /* @__PURE__ */ jsx(Fragment, { children: jsxPages }) : null;
|
|
53
53
|
}
|
|
54
54
|
const defaultConfig = {
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
pagesDisplay: DefaultPages,
|
|
56
|
+
structure: DefaultStructure
|
|
57
57
|
};
|
|
58
58
|
function DefaultStructure(slotContext) {
|
|
59
59
|
const { widget, state } = slotContext;
|
|
@@ -61,28 +61,28 @@ function DefaultStructure(slotContext) {
|
|
|
61
61
|
const ItemsAfter = [];
|
|
62
62
|
if (state.boundaryLinks) {
|
|
63
63
|
ItemsBefore.push(
|
|
64
|
-
/* @__PURE__ */ jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pageFirst"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.
|
|
64
|
+
/* @__PURE__ */ jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pageFirst"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.firstPageLabel, props: slotContext }) }, "first")
|
|
65
65
|
);
|
|
66
66
|
}
|
|
67
67
|
if (state.directionLinks) {
|
|
68
68
|
ItemsBefore.push(
|
|
69
|
-
/* @__PURE__ */ jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pagePrev"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.
|
|
69
|
+
/* @__PURE__ */ jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pagePrev"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.previousPageLabel, props: slotContext }) }, "prev")
|
|
70
70
|
);
|
|
71
71
|
}
|
|
72
72
|
if (state.directionLinks) {
|
|
73
73
|
ItemsAfter.push(
|
|
74
|
-
/* @__PURE__ */ jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageNext"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.
|
|
74
|
+
/* @__PURE__ */ jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageNext"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.nextPageLabel, props: slotContext }) }, "next")
|
|
75
75
|
);
|
|
76
76
|
}
|
|
77
77
|
if (state.boundaryLinks) {
|
|
78
78
|
ItemsAfter.push(
|
|
79
|
-
/* @__PURE__ */ jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageLast"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.
|
|
79
|
+
/* @__PURE__ */ jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageLast"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.lastPageLabel, props: slotContext }) }, "last")
|
|
80
80
|
);
|
|
81
81
|
}
|
|
82
82
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
83
83
|
/* @__PURE__ */ jsxs("ul", { className: classNames("au-pagination", "pagination", { [`pagination-${state.size}`]: !!state.size }, state.className), children: [
|
|
84
84
|
ItemsBefore,
|
|
85
|
-
/* @__PURE__ */ jsx(Slot, { slotContent: state.
|
|
85
|
+
/* @__PURE__ */ jsx(Slot, { slotContent: state.pagesDisplay, props: slotContext }),
|
|
86
86
|
ItemsAfter
|
|
87
87
|
] }),
|
|
88
88
|
/* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "visually-hidden", children: `${state.ariaLiveLabelText}` })
|
|
@@ -91,7 +91,7 @@ function DefaultStructure(slotContext) {
|
|
|
91
91
|
function Pagination(props) {
|
|
92
92
|
const [state, widget] = useWidgetWithConfig(createPagination, props, "pagination", defaultConfig);
|
|
93
93
|
const slotContext = { state, widget: toSlotContextWidget(widget) };
|
|
94
|
-
return /* @__PURE__ */ jsx("nav", { "aria-label": state.ariaLabel, children: /* @__PURE__ */ jsx(Slot, { slotContent: state.
|
|
94
|
+
return /* @__PURE__ */ jsx("nav", { "aria-label": state.ariaLabel, children: /* @__PURE__ */ jsx(Slot, { slotContent: state.structure, props: slotContext }) });
|
|
95
95
|
}
|
|
96
96
|
export {
|
|
97
97
|
DefaultPages as D,
|
|
@@ -46,7 +46,7 @@ function DefaultPages(slotContext) {
|
|
|
46
46
|
if (state.pages[i] === -1) {
|
|
47
47
|
jsxPages.push(
|
|
48
48
|
/* @__PURE__ */ jsxRuntime.jsxs("li", { className: "page-item disabled", children: [
|
|
49
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "page-link au-ellipsis", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.
|
|
49
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "page-link au-ellipsis", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.ellipsisLabel, props: slotContext }) }),
|
|
50
50
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "visually-hidden", children: state.ariaEllipsisLabel })
|
|
51
51
|
] }, "Ellipsis" + i)
|
|
52
52
|
);
|
|
@@ -60,7 +60,7 @@ function DefaultPages(slotContext) {
|
|
|
60
60
|
activeLabel: state.activeLabel,
|
|
61
61
|
directive: widget.directives["pageLink"],
|
|
62
62
|
page: state.pages[i],
|
|
63
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.
|
|
63
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.numberLabel, props: { ...slotContext, displayedPage: state.pages[i] } })
|
|
64
64
|
},
|
|
65
65
|
state.pages[i]
|
|
66
66
|
)
|
|
@@ -70,8 +70,8 @@ function DefaultPages(slotContext) {
|
|
|
70
70
|
return jsxPages.length ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxPages }) : null;
|
|
71
71
|
}
|
|
72
72
|
const defaultConfig = {
|
|
73
|
-
|
|
74
|
-
|
|
73
|
+
pagesDisplay: DefaultPages,
|
|
74
|
+
structure: DefaultStructure
|
|
75
75
|
};
|
|
76
76
|
function DefaultStructure(slotContext) {
|
|
77
77
|
const { widget, state } = slotContext;
|
|
@@ -79,28 +79,28 @@ function DefaultStructure(slotContext) {
|
|
|
79
79
|
const ItemsAfter = [];
|
|
80
80
|
if (state.boundaryLinks) {
|
|
81
81
|
ItemsBefore.push(
|
|
82
|
-
/* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pageFirst"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.
|
|
82
|
+
/* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pageFirst"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.firstPageLabel, props: slotContext }) }, "first")
|
|
83
83
|
);
|
|
84
84
|
}
|
|
85
85
|
if (state.directionLinks) {
|
|
86
86
|
ItemsBefore.push(
|
|
87
|
-
/* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pagePrev"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.
|
|
87
|
+
/* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pagePrev"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.previousPageLabel, props: slotContext }) }, "prev")
|
|
88
88
|
);
|
|
89
89
|
}
|
|
90
90
|
if (state.directionLinks) {
|
|
91
91
|
ItemsAfter.push(
|
|
92
|
-
/* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageNext"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.
|
|
92
|
+
/* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageNext"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.nextPageLabel, props: slotContext }) }, "next")
|
|
93
93
|
);
|
|
94
94
|
}
|
|
95
95
|
if (state.boundaryLinks) {
|
|
96
96
|
ItemsAfter.push(
|
|
97
|
-
/* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageLast"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.
|
|
97
|
+
/* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageLast"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.lastPageLabel, props: slotContext }) }, "last")
|
|
98
98
|
);
|
|
99
99
|
}
|
|
100
100
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
101
101
|
/* @__PURE__ */ jsxRuntime.jsxs("ul", { className: classNames("au-pagination", "pagination", { [`pagination-${state.size}`]: !!state.size }, state.className), children: [
|
|
102
102
|
ItemsBefore,
|
|
103
|
-
/* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.
|
|
103
|
+
/* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.pagesDisplay, props: slotContext }),
|
|
104
104
|
ItemsAfter
|
|
105
105
|
] }),
|
|
106
106
|
/* @__PURE__ */ jsxRuntime.jsx("div", { "aria-live": "polite", className: "visually-hidden", children: `${state.ariaLiveLabelText}` })
|
|
@@ -109,7 +109,7 @@ function DefaultStructure(slotContext) {
|
|
|
109
109
|
function Pagination(props) {
|
|
110
110
|
const [state, widget] = generated_config.useWidgetWithConfig(createPagination, props, "pagination", defaultConfig);
|
|
111
111
|
const slotContext = { state, widget: types.toSlotContextWidget(widget) };
|
|
112
|
-
return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": state.ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.
|
|
112
|
+
return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": state.ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.structure, props: slotContext }) });
|
|
113
113
|
}
|
|
114
114
|
exports.DefaultPages = DefaultPages;
|
|
115
115
|
exports.DefaultStructure = DefaultStructure;
|
|
@@ -14,12 +14,12 @@ function DefaultSlotContent(slotContext) {
|
|
|
14
14
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "progress", style: { height: slotContext.state.height || void 0 }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, style: { width: `${slotContext.state.percentage}%` }, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.children, props: slotContext }) }) });
|
|
15
15
|
}
|
|
16
16
|
const defaultConfig = {
|
|
17
|
-
|
|
17
|
+
structure: DefaultSlotContent
|
|
18
18
|
};
|
|
19
19
|
const Progressbar = (props) => {
|
|
20
20
|
const [state, widget] = generated_config.useWidgetWithConfig(createProgressbar, props, "progressbar", defaultConfig);
|
|
21
21
|
const slotContext = { state, widget: types.toSlotContextWidget(widget) };
|
|
22
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(widget.directives.ariaDirective), className: state.className || void 0, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.
|
|
22
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(widget.directives.ariaDirective), className: state.className || void 0, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.structure, props: slotContext }) });
|
|
23
23
|
};
|
|
24
24
|
exports.Progressbar = Progressbar;
|
|
25
25
|
exports.createProgressbar = createProgressbar;
|
|
@@ -13,12 +13,12 @@ function DefaultSlotContent(slotContext) {
|
|
|
13
13
|
return /* @__PURE__ */ jsx("div", { className: "progress", style: { height: slotContext.state.height || void 0 }, children: /* @__PURE__ */ jsx("div", { className: classes, style: { width: `${slotContext.state.percentage}%` }, children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.children, props: slotContext }) }) });
|
|
14
14
|
}
|
|
15
15
|
const defaultConfig = {
|
|
16
|
-
|
|
16
|
+
structure: DefaultSlotContent
|
|
17
17
|
};
|
|
18
18
|
const Progressbar = (props) => {
|
|
19
19
|
const [state, widget] = useWidgetWithConfig(createProgressbar, props, "progressbar", defaultConfig);
|
|
20
20
|
const slotContext = { state, widget: toSlotContextWidget(widget) };
|
|
21
|
-
return /* @__PURE__ */ jsx("div", { ...useDirective(widget.directives.ariaDirective), className: state.className || void 0, children: /* @__PURE__ */ jsx(Slot, { slotContent: state.
|
|
21
|
+
return /* @__PURE__ */ jsx("div", { ...useDirective(widget.directives.ariaDirective), className: state.className || void 0, children: /* @__PURE__ */ jsx(Slot, { slotContent: state.structure, props: slotContext }) });
|
|
22
22
|
};
|
|
23
23
|
export {
|
|
24
24
|
Progressbar as P,
|