@kosmeo-ui/react 0.1.0 → 0.2.0
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/README.md +4 -0
- package/dist/components/buttons/button/index.d.ts +2 -0
- package/dist/components/buttons/button/index.d.ts.map +1 -1
- package/dist/components/buttons/button/index.js +2 -2
- package/dist/components/buttons/button/index.js.map +1 -1
- package/dist/components/buttons/button/styles.css +6 -4
- package/dist/components/buttons/rowActions/styles.css +7 -0
- package/dist/components/data-display/addressBlock/styles.css +2 -4
- package/dist/components/data-display/dataTable/styles.css +15 -0
- package/dist/components/data-display/infiniteScroll/filters/searchFilter.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/filters/searchFilter.js +4 -35
- package/dist/components/data-display/infiniteScroll/filters/searchFilter.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/filters/styles.css +4 -0
- package/dist/components/data-display/infiniteScroll/header/deleteButton.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/header/deleteButton.js +1 -1
- package/dist/components/data-display/infiniteScroll/header/deleteButton.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/header/index.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/header/index.js +1 -1
- package/dist/components/data-display/infiniteScroll/header/index.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/table/index.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/table/index.js +2 -2
- package/dist/components/data-display/infiniteScroll/table/index.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/tags/index.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/tags/index.js +1 -6
- package/dist/components/data-display/infiniteScroll/tags/index.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/tags/listFilterTag.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/tags/listFilterTag.js +3 -3
- package/dist/components/data-display/infiniteScroll/tags/listFilterTag.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/tags/rangeFilterTag.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/tags/rangeFilterTag.js +3 -13
- package/dist/components/data-display/infiniteScroll/tags/rangeFilterTag.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/tags/selectFilterTag.d.ts.map +1 -1
- package/dist/components/data-display/infiniteScroll/tags/selectFilterTag.js +3 -5
- package/dist/components/data-display/infiniteScroll/tags/selectFilterTag.js.map +1 -1
- package/dist/components/data-display/infiniteScroll/tags/styles.css +1 -29
- package/dist/components/data-display/recoveryCodeGrid/styles.css +1 -2
- package/dist/components/data-display/statCard/styles.css +1 -1
- package/dist/components/data-display/table/styles.css +12 -1
- package/dist/components/data-display/tagCard/index.d.ts.map +1 -1
- package/dist/components/data-display/tagCard/index.js +1 -1
- package/dist/components/data-display/tagCard/index.js.map +1 -1
- package/dist/components/feedback/badge/styles.css +8 -6
- package/dist/components/feedback/emptyState/styles.css +2 -4
- package/dist/components/feedback/progressBar/index.d.ts.map +1 -1
- package/dist/components/feedback/progressBar/index.js +7 -2
- package/dist/components/feedback/progressBar/index.js.map +1 -1
- package/dist/components/feedback/progressBar/styles.css +15 -6
- package/dist/components/feedback/spinner/styles.css +0 -13
- package/dist/components/forms/fieldShell/styles.css +1 -1
- package/dist/components/forms/formActions/styles.css +1 -1
- package/dist/components/forms/infoRow/styles.css +1 -2
- package/dist/components/forms/requiredAsterisk/styles.css +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/index.d.ts +6 -1
- package/dist/components/inputs/checkbox/index.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/index.js +9 -2
- package/dist/components/inputs/checkbox/index.js.map +1 -1
- package/dist/components/inputs/checkbox/styles.css +8 -0
- package/dist/components/inputs/colorPicker/styles.css +1 -1
- package/dist/components/inputs/dateInput/index.d.ts +3 -3
- package/dist/components/inputs/dateInput/index.d.ts.map +1 -1
- package/dist/components/inputs/dateInput/index.js +13 -3
- package/dist/components/inputs/dateInput/index.js.map +1 -1
- package/dist/components/inputs/dropdown/index.d.ts +2 -0
- package/dist/components/inputs/dropdown/index.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/index.js +1 -1
- package/dist/components/inputs/dropdown/index.js.map +1 -1
- package/dist/components/inputs/dropdownArrowButton/index.d.ts.map +1 -1
- package/dist/components/inputs/dropdownArrowButton/index.js +1 -1
- package/dist/components/inputs/dropdownArrowButton/index.js.map +1 -1
- package/dist/components/inputs/dropdownArrowButton/styles.css +1 -1
- package/dist/components/inputs/input/index.d.ts +5 -1
- package/dist/components/inputs/input/index.d.ts.map +1 -1
- package/dist/components/inputs/input/index.js +25 -4
- package/dist/components/inputs/input/index.js.map +1 -1
- package/dist/components/inputs/input/styles.css +46 -2
- package/dist/components/inputs/multiSelect/index.d.ts.map +1 -1
- package/dist/components/inputs/multiSelect/index.js +1 -1
- package/dist/components/inputs/multiSelect/index.js.map +1 -1
- package/dist/components/inputs/multiSelect/styles.css +1 -1
- package/dist/components/inputs/phoneInput/index.d.ts.map +1 -1
- package/dist/components/inputs/phoneInput/index.js +1 -1
- package/dist/components/inputs/phoneInput/index.js.map +1 -1
- package/dist/components/inputs/richTextEditor/index.d.ts.map +1 -1
- package/dist/components/inputs/richTextEditor/index.js +14 -3
- package/dist/components/inputs/richTextEditor/index.js.map +1 -1
- package/dist/components/layout/borderedSection/index.d.ts +3 -1
- package/dist/components/layout/borderedSection/index.d.ts.map +1 -1
- package/dist/components/layout/borderedSection/index.js +2 -2
- package/dist/components/layout/borderedSection/index.js.map +1 -1
- package/dist/components/layout/card/styles.css +22 -0
- package/dist/components/layout/sectionHeader/styles.css +1 -2
- package/dist/components/navigation/pagination/index.d.ts +23 -0
- package/dist/components/navigation/pagination/index.d.ts.map +1 -0
- package/dist/components/navigation/pagination/index.js +29 -0
- package/dist/components/navigation/pagination/index.js.map +1 -0
- package/dist/components/navigation/pagination/styles.css +113 -0
- package/dist/components/navigation/pagination/utils.d.ts +9 -0
- package/dist/components/navigation/pagination/utils.d.ts.map +1 -0
- package/dist/components/navigation/pagination/utils.js +25 -0
- package/dist/components/navigation/pagination/utils.js.map +1 -0
- package/dist/components/navigation/sidebar/styles.css +9 -1
- package/dist/components/navigation/tabButton/styles.css +6 -6
- package/dist/components/navigation/tabs/styles.css +2 -2
- package/dist/components/overlays/confirmationModal/index.d.ts +5 -0
- package/dist/components/overlays/confirmationModal/index.d.ts.map +1 -1
- package/dist/components/overlays/confirmationModal/index.js +23 -4
- package/dist/components/overlays/confirmationModal/index.js.map +1 -1
- package/dist/components/overlays/confirmationModal/styles.css +3 -0
- package/dist/components/overlays/modal/index.d.ts +2 -0
- package/dist/components/overlays/modal/index.d.ts.map +1 -1
- package/dist/components/overlays/modal/index.js +13 -4
- package/dist/components/overlays/modal/index.js.map +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/usePaginated.d.ts +43 -0
- package/dist/hooks/usePaginated.d.ts.map +1 -0
- package/dist/hooks/usePaginated.js +60 -0
- package/dist/hooks/usePaginated.js.map +1 -0
- package/dist/styles.css +37 -14
- package/package.json +1 -1
- package/src/components/buttons/button/index.tsx +14 -5
- package/src/components/buttons/button/styles.css +6 -4
- package/src/components/buttons/rowActions/styles.css +7 -0
- package/src/components/data-display/addressBlock/styles.css +2 -4
- package/src/components/data-display/dataTable/styles.css +15 -0
- package/src/components/data-display/infiniteScroll/filters/searchFilter.tsx +16 -65
- package/src/components/data-display/infiniteScroll/filters/styles.css +4 -0
- package/src/components/data-display/infiniteScroll/header/deleteButton.tsx +1 -0
- package/src/components/data-display/infiniteScroll/header/index.tsx +4 -0
- package/src/components/data-display/infiniteScroll/table/index.tsx +2 -0
- package/src/components/data-display/infiniteScroll/tags/index.tsx +1 -11
- package/src/components/data-display/infiniteScroll/tags/listFilterTag.tsx +12 -16
- package/src/components/data-display/infiniteScroll/tags/rangeFilterTag.tsx +4 -22
- package/src/components/data-display/infiniteScroll/tags/selectFilterTag.tsx +4 -11
- package/src/components/data-display/infiniteScroll/tags/styles.css +1 -29
- package/src/components/data-display/recoveryCodeGrid/styles.css +1 -2
- package/src/components/data-display/statCard/styles.css +1 -1
- package/src/components/data-display/table/styles.css +12 -1
- package/src/components/data-display/tagCard/index.tsx +5 -3
- package/src/components/feedback/badge/styles.css +8 -6
- package/src/components/feedback/emptyState/styles.css +2 -4
- package/src/components/feedback/progressBar/index.tsx +14 -8
- package/src/components/feedback/progressBar/styles.css +15 -6
- package/src/components/feedback/spinner/styles.css +0 -13
- package/src/components/forms/fieldShell/styles.css +1 -1
- package/src/components/forms/formActions/styles.css +1 -1
- package/src/components/forms/infoRow/styles.css +1 -2
- package/src/components/forms/requiredAsterisk/styles.css +1 -1
- package/src/components/index.ts +2 -0
- package/src/components/inputs/checkbox/index.tsx +24 -4
- package/src/components/inputs/checkbox/styles.css +8 -0
- package/src/components/inputs/colorPicker/styles.css +1 -1
- package/src/components/inputs/dateInput/index.tsx +13 -4
- package/src/components/inputs/dropdown/index.tsx +4 -0
- package/src/components/inputs/dropdownArrowButton/index.tsx +1 -0
- package/src/components/inputs/dropdownArrowButton/styles.css +1 -1
- package/src/components/inputs/input/index.tsx +47 -4
- package/src/components/inputs/input/styles.css +46 -2
- package/src/components/inputs/multiSelect/index.tsx +1 -0
- package/src/components/inputs/multiSelect/styles.css +1 -1
- package/src/components/inputs/phoneInput/index.tsx +6 -2
- package/src/components/inputs/richTextEditor/index.tsx +27 -3
- package/src/components/layout/borderedSection/index.tsx +4 -1
- package/src/components/layout/card/styles.css +22 -0
- package/src/components/layout/sectionHeader/styles.css +1 -2
- package/src/components/navigation/pagination/index.tsx +134 -0
- package/src/components/navigation/pagination/styles.css +113 -0
- package/src/components/navigation/pagination/utils.ts +32 -0
- package/src/components/navigation/sidebar/styles.css +9 -1
- package/src/components/navigation/tabButton/styles.css +6 -6
- package/src/components/navigation/tabs/styles.css +2 -2
- package/src/components/overlays/confirmationModal/index.tsx +37 -1
- package/src/components/overlays/confirmationModal/styles.css +3 -0
- package/src/components/overlays/modal/index.tsx +23 -4
- package/src/hooks/index.ts +4 -0
- package/src/hooks/usePaginated.ts +123 -0
- package/src/styles.css +37 -14
- package/dist/components/data-display/infiniteScroll/tags/searchFilterTag.d.ts +0 -10
- package/dist/components/data-display/infiniteScroll/tags/searchFilterTag.d.ts.map +0 -1
- package/dist/components/data-display/infiniteScroll/tags/searchFilterTag.js +0 -22
- package/dist/components/data-display/infiniteScroll/tags/searchFilterTag.js.map +0 -1
- package/src/components/data-display/infiniteScroll/tags/searchFilterTag.tsx +0 -41
|
@@ -1,14 +1,34 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { faEye, faEyeSlash } from "@fortawesome/free-solid-svg-icons";
|
|
3
|
+
import { faEye, faEyeSlash, faXmark } from "@fortawesome/free-solid-svg-icons";
|
|
4
4
|
import DropdownArrowButton from "../dropdownArrowButton/index.js";
|
|
5
|
+
import { useCallback, useRef, useState } from "react";
|
|
5
6
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
6
7
|
import FieldShell from "../../forms/fieldShell/index.js";
|
|
7
|
-
import { useState } from "react";
|
|
8
8
|
import "./styles.css";
|
|
9
9
|
const Input = (props) => {
|
|
10
10
|
const { type = "text", size = "md", disabled = false, isOpen = false, required = false, prefix, suffix, } = props;
|
|
11
11
|
const [showPassword, setShowPassword] = useState(false);
|
|
12
|
+
const inputRef = useRef(null);
|
|
13
|
+
const { ref: forwardedRef } = props;
|
|
14
|
+
// Keep our own handle on the input (the clear button refocuses it) while
|
|
15
|
+
// still honouring a caller's `ref`.
|
|
16
|
+
const setRefs = useCallback((el) => {
|
|
17
|
+
inputRef.current = el;
|
|
18
|
+
if (typeof forwardedRef === "function")
|
|
19
|
+
forwardedRef(el);
|
|
20
|
+
else if (forwardedRef)
|
|
21
|
+
forwardedRef.current = el;
|
|
22
|
+
}, [forwardedRef]);
|
|
23
|
+
const showClear = !!props.onClear &&
|
|
24
|
+
String(props.value ?? "") !== "" &&
|
|
25
|
+
!disabled &&
|
|
26
|
+
!props.readOnly;
|
|
27
|
+
const handleClear = () => {
|
|
28
|
+
props.onClear?.();
|
|
29
|
+
// The button unmounts once the field is empty; keep focus in the field.
|
|
30
|
+
inputRef.current?.focus();
|
|
31
|
+
};
|
|
12
32
|
const inputId = props.id || `input-${Math.random().toString(36).substring(2, 9)}`;
|
|
13
33
|
const togglePasswordVisibility = () => {
|
|
14
34
|
setShowPassword(!showPassword);
|
|
@@ -19,15 +39,16 @@ const Input = (props) => {
|
|
|
19
39
|
"k-input",
|
|
20
40
|
`k-input-${size}`,
|
|
21
41
|
type === "password" && "k-input-password",
|
|
42
|
+
props.onClear && "k-input-clearable",
|
|
22
43
|
hasAddon && "k-input-with-addon",
|
|
23
44
|
prefix !== undefined && "k-input-with-prefix",
|
|
24
45
|
suffix !== undefined && "k-input-with-suffix",
|
|
25
46
|
]
|
|
26
47
|
.filter(Boolean)
|
|
27
48
|
.join(" ");
|
|
28
|
-
const renderAddon = (content, side) => (_jsx("span", { className: `k-input-addon k-input-addon-${side} k-input-addon-${size}`,
|
|
49
|
+
const renderAddon = (content, side) => (_jsx("span", { className: `k-input-addon k-input-addon-${side} k-input-addon-${size}`, children: content }));
|
|
29
50
|
const charCount = props.showCharCount && type === "text" ? (_jsxs(_Fragment, { children: [String(props.value || "").length, props.max && ` / ${props.max}`] })) : undefined;
|
|
30
|
-
return (_jsx(FieldShell, { label: props.label, required: required, htmlFor: inputId, labelAside: charCount, error: props.error, helperText: props.helperText, children: _jsxs("div", { className: `k-input-wrapper${hasAddon ? " k-input-wrapper-addon" : ""}`, children: [prefix !== undefined && renderAddon(prefix, "prefix"), _jsx("input", { ref:
|
|
51
|
+
return (_jsx(FieldShell, { label: props.label, required: required, htmlFor: inputId, labelAside: charCount, error: props.error, helperText: props.helperText, children: _jsxs("div", { className: `k-input-wrapper${hasAddon ? " k-input-wrapper-addon" : ""}`, children: [prefix !== undefined && renderAddon(prefix, "prefix"), _jsx("input", { ref: setRefs, id: inputId, name: props.name, type: inputType, placeholder: props.placeholder, value: props.value, max: props.max, min: props.min, required: required, autoFocus: props.autoFocus, autoComplete: props.autoComplete, disabled: disabled, readOnly: props.readOnly, onChange: props.onChange, onFocus: props.onFocus, onBlur: props.onBlur, onClick: props.onClick, onKeyDown: props.onKeyDown, className: inputClasses }), showClear && (_jsx("button", { type: "button", onClick: handleClear, className: "k-input-clear-button", "aria-label": "Clear", children: _jsx(FontAwesomeIcon, { icon: faXmark }) })), suffix !== undefined && renderAddon(suffix, "suffix"), props.dropDown && (_jsx(DropdownArrowButton, { size: size, isOpen: isOpen, onClick: props.onClick })), type === "password" && (_jsx("button", { type: "button", onClick: togglePasswordVisibility, className: "k-password-toggle-button", "aria-label": showPassword ? "Hide password" : "Show password", disabled: disabled, children: _jsx(FontAwesomeIcon, { icon: showPassword ? faEyeSlash : faEye }) }))] }) }));
|
|
31
52
|
};
|
|
32
53
|
export default Input;
|
|
33
54
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/input/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -51,6 +51,13 @@
|
|
|
51
51
|
box-shadow: 0 0 0 0.1875rem var(--border-shadow-color-active);
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
+
/* No opacity, unlike disabled: a read-only value keeps full text contrast. */
|
|
55
|
+
.k-input[readonly]:not(:disabled) {
|
|
56
|
+
background-color: var(--background-color-dark);
|
|
57
|
+
color: var(--text-color-secondary);
|
|
58
|
+
cursor: default;
|
|
59
|
+
}
|
|
60
|
+
|
|
54
61
|
.k-input:disabled {
|
|
55
62
|
background-color: var(--bg-color-disabled);
|
|
56
63
|
color: var(--text-color-disabled);
|
|
@@ -58,9 +65,46 @@
|
|
|
58
65
|
opacity: 0.6;
|
|
59
66
|
}
|
|
60
67
|
|
|
68
|
+
.k-input-clearable {
|
|
69
|
+
padding-right: 2.25rem;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.k-input-clear-button {
|
|
73
|
+
position: absolute;
|
|
74
|
+
right: 0.5rem;
|
|
75
|
+
top: 50%;
|
|
76
|
+
transform: translateY(-50%);
|
|
77
|
+
display: flex;
|
|
78
|
+
align-items: center;
|
|
79
|
+
justify-content: center;
|
|
80
|
+
width: 1.5rem;
|
|
81
|
+
height: 1.5rem;
|
|
82
|
+
padding: 0;
|
|
83
|
+
border: none;
|
|
84
|
+
border-radius: 50%;
|
|
85
|
+
background: none;
|
|
86
|
+
color: var(--text-color-secondary);
|
|
87
|
+
cursor: pointer;
|
|
88
|
+
transition: color 0.2s ease-in-out;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.k-input-clear-button:hover {
|
|
92
|
+
color: var(--primary-color-text);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.k-input-clear-button:focus-visible {
|
|
96
|
+
outline: none;
|
|
97
|
+
box-shadow: 0 0 0 0.125rem var(--border-shadow-color-active);
|
|
98
|
+
}
|
|
99
|
+
|
|
61
100
|
.k-password-toggle-button {
|
|
62
101
|
position: absolute;
|
|
63
|
-
right: 0.
|
|
102
|
+
right: 0.5rem;
|
|
103
|
+
top: 50%;
|
|
104
|
+
transform: translateY(-50%);
|
|
105
|
+
/* 24px hit area (WCAG 2.5.8) around the small eye icon. */
|
|
106
|
+
width: 1.5rem;
|
|
107
|
+
height: 1.5rem;
|
|
64
108
|
background: none;
|
|
65
109
|
border: none;
|
|
66
110
|
cursor: pointer;
|
|
@@ -73,7 +117,7 @@
|
|
|
73
117
|
}
|
|
74
118
|
|
|
75
119
|
.k-password-toggle-button:hover {
|
|
76
|
-
color: var(--primary-color);
|
|
120
|
+
color: var(--primary-color-text);
|
|
77
121
|
}
|
|
78
122
|
|
|
79
123
|
.k-password-toggle-button:focus {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,cAAc,CAAC;AAEtB,UAAU,gBAAgB,CAAC,CAAC,CAAE,SAAQ,aAAa;IACjD,kCAAkC;IAClC,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,uEAAuE;IACvE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACjC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,WAAW,GAAI,CAAC,EAAG,OAAO,gBAAgB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,cAAc,CAAC;AAEtB,UAAU,gBAAgB,CAAC,CAAC,CAAE,SAAQ,aAAa;IACjD,kCAAkC;IAClC,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,uEAAuE;IACvE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACjC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,WAAW,GAAI,CAAC,EAAG,OAAO,gBAAgB,CAAC,CAAC,CAAC,gCAyMlD,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -119,7 +119,7 @@ const MultiSelect = (props) => {
|
|
|
119
119
|
const selectedItems = useMemo(() => {
|
|
120
120
|
return value.map((v) => {
|
|
121
121
|
const key = Math.random().toString(36).slice(2);
|
|
122
|
-
return (_jsxs("div", { className: "k-multiselect-selected-item", children: [_jsx("span", { className: "k-multiselect-selected-item-label", children: String(v[props.labelKey]) }), !disabled && (_jsx("button", { type: "button", className: "k-multiselect-selected-item-remove", onClick: (e) => {
|
|
122
|
+
return (_jsxs("div", { className: "k-multiselect-selected-item", children: [_jsx("span", { className: "k-multiselect-selected-item-label", children: String(v[props.labelKey]) }), !disabled && (_jsx("button", { type: "button", className: "k-multiselect-selected-item-remove", "aria-label": `Remove ${String(v[props.labelKey])}`, onClick: (e) => {
|
|
123
123
|
e.stopPropagation();
|
|
124
124
|
handleOptionToggle(v);
|
|
125
125
|
}, children: _jsx(FontAwesomeIcon, { icon: faXmark }) }))] }, key));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/phoneInput/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAGxE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,cAAc,CAAC;AACtB,OAAO,EAEL,WAAW,EAIZ,MAAM,mBAAmB,CAAC;AAE3B,UAAU,eAAgB,SAAQ,aAAa;IAC7C,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mEAAmE;IACnE,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CACrD;AA2BD,QAAA,MAAM,UAAU,GAAI,OAAO,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/phoneInput/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAGxE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,cAAc,CAAC;AACtB,OAAO,EAEL,WAAW,EAIZ,MAAM,mBAAmB,CAAC;AAE3B,UAAU,eAAgB,SAAQ,aAAa;IAC7C,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mEAAmE;IACnE,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CACrD;AA2BD,QAAA,MAAM,UAAU,GAAI,OAAO,eAAe,gCAiLzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -113,7 +113,7 @@ const PhoneInput = (props) => {
|
|
|
113
113
|
dial.includes(q.replace(/^\+/, "")));
|
|
114
114
|
});
|
|
115
115
|
}, [orderedCountries, search]);
|
|
116
|
-
const prefix = (_jsxs("div", { ref: pickerRef, className: "k-phone-input-picker", children: [_jsxs("button", { type: "button", className: "k-phone-input-picker-trigger", onClick: () => !disabled && setPickerOpen((o) => !o), disabled: disabled, "aria-label":
|
|
116
|
+
const prefix = (_jsxs("div", { ref: pickerRef, className: "k-phone-input-picker", children: [_jsxs("button", { type: "button", className: "k-phone-input-picker-trigger", onClick: () => !disabled && setPickerOpen((o) => !o), disabled: disabled, "aria-label": `+${getCountryCallingCode(country)} ${countryName(country)}, change country`, "aria-expanded": pickerOpen, children: [_jsx("span", { className: "k-phone-input-flag", "aria-hidden": "true", children: flagEmoji(country) }), _jsxs("span", { className: "k-phone-input-dial", children: ["+", getCountryCallingCode(country)] }), _jsx(FontAwesomeIcon, { icon: faCaretDown, className: "k-phone-input-caret" })] }), pickerOpen && (_jsxs("div", { className: "k-phone-input-panel", children: [_jsxs("div", { className: "k-phone-input-search", children: [_jsx(FontAwesomeIcon, { icon: faSearch }), _jsx("input", { ref: searchRef, type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search country or code" })] }), _jsxs("ul", { className: "k-phone-input-list", role: "listbox", children: [filteredCountries.map((cc) => (_jsx("li", { children: _jsxs("button", { type: "button", className: `k-phone-input-option ${cc === country ? "selected" : ""}`, onClick: () => handleCountrySelect(cc), role: "option", "aria-selected": cc === country, children: [_jsx("span", { className: "k-phone-input-flag", children: flagEmoji(cc) }), _jsx("span", { className: "k-phone-input-name", children: countryName(cc) }), _jsxs("span", { className: "k-phone-input-dial", children: ["+", getCountryCallingCode(cc)] })] }) }, cc))), filteredCountries.length === 0 && (_jsx("li", { className: "k-phone-input-empty", children: "No matches" }))] })] }))] }));
|
|
117
117
|
return (_jsx(Input, { ...restProps, size: size, type: "tel", value: display, onChange: handleInputChange, disabled: disabled, placeholder: placeholder ?? "(555) 555-5555", prefix: prefix, autoComplete: "tel-national" }));
|
|
118
118
|
};
|
|
119
119
|
export default PhoneInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/phoneInput/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/phoneInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/richTextEditor/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/C,OAAO,cAAc,CAAC;AAWtB,UAAU,mBAAoB,SAAQ,aAAa;IACjD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,cAAc,GAAI,OAAO,mBAAmB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/richTextEditor/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/C,OAAO,cAAc,CAAC;AAWtB,UAAU,mBAAoB,SAAQ,aAAa;IACjD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCAiPjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -14,7 +14,10 @@ const RichTextEditor = (props) => {
|
|
|
14
14
|
const [showHtml, setShowHtml] = useState(false);
|
|
15
15
|
const [charCount, setCharCount] = useState(0);
|
|
16
16
|
const [isInitialized, setIsInitialized] = useState(false);
|
|
17
|
-
|
|
17
|
+
// Stable across renders: the editor reads labelId once, when it's created.
|
|
18
|
+
const [generatedId] = useState(() => `richtext-${Math.random().toString(36).substring(2, 9)}`);
|
|
19
|
+
const fieldId = props.id || generatedId;
|
|
20
|
+
const labelId = `${fieldId}-label`;
|
|
18
21
|
const cleanHtml = (html) => {
|
|
19
22
|
// Remove trailing empty <p></p> tags
|
|
20
23
|
let cleanedHtml = html.replace(/(<p><\/p>)+$/g, "");
|
|
@@ -37,6 +40,14 @@ const RichTextEditor = (props) => {
|
|
|
37
40
|
}),
|
|
38
41
|
],
|
|
39
42
|
content: props.value,
|
|
43
|
+
editorProps: {
|
|
44
|
+
attributes: {
|
|
45
|
+
"aria-multiline": "true",
|
|
46
|
+
...(props.label
|
|
47
|
+
? { "aria-labelledby": labelId }
|
|
48
|
+
: { "aria-label": props.placeholder ?? "Rich text editor" }),
|
|
49
|
+
},
|
|
50
|
+
},
|
|
40
51
|
editable: !disabled,
|
|
41
52
|
autofocus: props.autofocus,
|
|
42
53
|
onUpdate: ({ editor }) => {
|
|
@@ -91,7 +102,7 @@ const RichTextEditor = (props) => {
|
|
|
91
102
|
setCharCount(textContent.length);
|
|
92
103
|
}
|
|
93
104
|
}, [props.value, editor]);
|
|
94
|
-
return (_jsxs("div", { className: `k-richtext-container k-richtext-container-${size}`, children: [props.label && (_jsxs("div", { className: "k-richtext-label-wrapper", children: [_jsxs("label", {
|
|
105
|
+
return (_jsxs("div", { className: `k-richtext-container k-richtext-container-${size}`, children: [props.label && (_jsxs("div", { className: "k-richtext-label-wrapper", children: [_jsxs("label", { id: labelId, className: "k-richtext-label", children: [props.label, props.required && _jsx(MandatoryAsterisk, {})] }), props.showCharCount && (_jsx("span", { className: "k-richtext-char-count", children: charCount }))] })), _jsxs("div", { id: fieldId, className: `k-editor-wrapper ${disabled ? "k-editor-wrapper-disabled" : ""}`, children: [_jsxs("div", { className: "k-editor-toolbar", children: [_jsx(Tooltip, { content: "Bold", position: "top", children: _jsx(IconButton, { icon: faBold, "aria-label": "Bold", "aria-pressed": editorState.isBold, size: size, variant: editorState.isBold ? "primary" : "secondary", onClick: () => editor.chain().focus().toggleBold().run(), disabled: showHtml || disabled }) }), _jsx(Tooltip, { content: "Italic", position: "top", children: _jsx(IconButton, { icon: faItalic, "aria-label": "Italic", "aria-pressed": editorState.isItalic, size: size, variant: editorState.isItalic ? "primary" : "secondary", onClick: () => editor.chain().focus().toggleItalic().run(), disabled: showHtml || disabled }) }), _jsx(Tooltip, { content: "Underline", position: "top", children: _jsx(IconButton, { icon: faUnderline, "aria-label": "Underline", "aria-pressed": editorState.isUnderlined, size: size, variant: editorState.isUnderlined ? "primary" : "secondary", onClick: () => editor.chain().focus().toggleUnderline().run(), disabled: showHtml || disabled }) }), _jsx("div", { className: "k-toolbar-separator" }), _jsx(Tooltip, { content: "Bullet List", position: "top", children: _jsx(IconButton, { icon: faListUl, "aria-label": "Bullet list", "aria-pressed": editorState.isBulletedList, size: size, variant: editorState.isBulletedList ? "primary" : "secondary", onClick: () => editor.chain().focus().toggleBulletList().run(), disabled: showHtml || disabled }) }), _jsx(Tooltip, { content: "Numbered List", position: "top", children: _jsx(IconButton, { icon: faListOl, "aria-label": "Numbered list", "aria-pressed": editorState.isNumberedList, size: size, variant: editorState.isNumberedList ? "primary" : "secondary", onClick: () => editor.chain().focus().toggleOrderedList().run(), disabled: showHtml || disabled }) }), _jsx("div", { className: "k-toolbar-separator" }), _jsx(Tooltip, { content: "Clear Formatting", position: "top", children: _jsx(IconButton, { icon: faTextSlash, "aria-label": "Clear formatting", size: size, variant: "secondary", onClick: () => {
|
|
95
106
|
editor
|
|
96
107
|
.chain()
|
|
97
108
|
.focus()
|
|
@@ -100,7 +111,7 @@ const RichTextEditor = (props) => {
|
|
|
100
111
|
.unsetAllMarks()
|
|
101
112
|
.setTextSelection(0)
|
|
102
113
|
.run();
|
|
103
|
-
}, disabled: showHtml || disabled }) }), _jsx("div", { className: "k-toolbar-separator" }), _jsx(Tooltip, { content: showHtml ? "Show Editor" : "Show HTML", position: "top", children: _jsx(IconButton, { icon: faCode, size: size, variant: showHtml ? "primary" : "secondary", onClick: () => setShowHtml(!showHtml), disabled: disabled }) })] }), showHtml && editor ? (_jsx("pre", { className: "k-html-section", children: (() => {
|
|
114
|
+
}, disabled: showHtml || disabled }) }), _jsx("div", { className: "k-toolbar-separator" }), _jsx(Tooltip, { content: showHtml ? "Show Editor" : "Show HTML", position: "top", children: _jsx(IconButton, { icon: faCode, "aria-label": showHtml ? "Show editor" : "Show HTML", size: size, variant: showHtml ? "primary" : "secondary", onClick: () => setShowHtml(!showHtml), disabled: disabled }) })] }), showHtml && editor ? (_jsx("pre", { className: "k-html-section", children: (() => {
|
|
104
115
|
const cleaned = cleanHtml(editor?.getHTML());
|
|
105
116
|
return cleaned
|
|
106
117
|
? cleaned
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/richTextEditor/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAM,GACP,MAAM,mCAAmC,CAAC;AA2B3C,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IACpD,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAC7E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/richTextEditor/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,8 @@ export interface BorderedSectionProps {
|
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
/** Optional title shown above the body. */
|
|
6
6
|
title?: ReactNode;
|
|
7
|
+
/** Heading element for the title, to fit the page's heading outline. Defaults to `h3`. Looks the same at every level. */
|
|
8
|
+
as?: "h2" | "h3" | "h4";
|
|
7
9
|
/** Right-aligned actions in the title row. Implies a title row even when `title` is empty. */
|
|
8
10
|
actions?: ReactNode;
|
|
9
11
|
/** Body layout. `"stack"` (default) stacks children; `"row"` lays them out as a horizontal flex strip. */
|
|
@@ -13,6 +15,6 @@ export interface BorderedSectionProps {
|
|
|
13
15
|
/** When true, applies `min-width: 0` so the section can shrink inside a flex parent. */
|
|
14
16
|
minWidth0?: boolean;
|
|
15
17
|
}
|
|
16
|
-
declare const BorderedSection: ({ children, title, actions, layout, gap, minWidth0, }: BorderedSectionProps) => import("react").JSX.Element;
|
|
18
|
+
declare const BorderedSection: ({ children, title, as: Heading, actions, layout, gap, minWidth0, }: BorderedSectionProps) => import("react").JSX.Element;
|
|
17
19
|
export default BorderedSection;
|
|
18
20
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/borderedSection/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8FAA8F;IAC9F,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0GAA0G;IAC1G,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACzB,gDAAgD;IAChD,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,wFAAwF;IACxF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,eAAe,GAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/borderedSection/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,yHAAyH;IACzH,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxB,8FAA8F;IAC9F,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0GAA0G;IAC1G,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACzB,gDAAgD;IAChD,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,wFAAwF;IACxF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,eAAe,GAAI,oEAQtB,oBAAoB,gCA0BtB,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import "./styles.css";
|
|
4
|
-
const BorderedSection = ({ children, title, actions, layout = "stack", gap, minWidth0, }) => {
|
|
4
|
+
const BorderedSection = ({ children, title, as: Heading = "h3", actions, layout = "stack", gap, minWidth0, }) => {
|
|
5
5
|
const classes = [
|
|
6
6
|
"k-bordered-section",
|
|
7
7
|
`k-bordered-section-layout-${layout}`,
|
|
@@ -11,7 +11,7 @@ const BorderedSection = ({ children, title, actions, layout = "stack", gap, minW
|
|
|
11
11
|
.filter(Boolean)
|
|
12
12
|
.join(" ");
|
|
13
13
|
const showHeader = title !== undefined || actions !== undefined;
|
|
14
|
-
return (_jsxs("div", { className: classes, children: [showHeader && (_jsxs("div", { className: "k-bordered-section-header", children: [title !== undefined && (_jsx(
|
|
14
|
+
return (_jsxs("div", { className: classes, children: [showHeader && (_jsxs("div", { className: "k-bordered-section-header", children: [title !== undefined && (_jsx(Heading, { className: "k-bordered-section-title", children: title })), actions !== undefined && (_jsx("div", { className: "k-bordered-section-actions", children: actions }))] })), children] }));
|
|
15
15
|
};
|
|
16
16
|
export default BorderedSection;
|
|
17
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/borderedSection/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/borderedSection/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,cAAc,CAAC;AAkBtB,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,EAAE,EAAE,OAAO,GAAG,IAAI,EAClB,OAAO,EACP,MAAM,GAAG,OAAO,EAChB,GAAG,EACH,SAAS,GACY,EAAE,EAAE;IACzB,MAAM,OAAO,GAAG;QACd,oBAAoB;QACpB,6BAA6B,MAAM,EAAE;QACrC,GAAG,CAAC,CAAC,CAAC,0BAA0B,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE;QAC1C,SAAS,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAAE;KAClD;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACb,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS,CAAC;IAEhE,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACpB,UAAU,IAAI,CACb,eAAK,SAAS,EAAC,2BAA2B,aACvC,KAAK,KAAK,SAAS,IAAI,CACtB,KAAC,OAAO,IAAC,SAAS,EAAC,0BAA0B,YAAE,KAAK,GAAW,CAChE,EACA,OAAO,KAAK,SAAS,IAAI,CACxB,cAAK,SAAS,EAAC,4BAA4B,YAAE,OAAO,GAAO,CAC5D,IACG,CACP,EACA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -76,8 +76,30 @@
|
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
/* Padding Variants */
|
|
79
|
+
/* Edge-to-edge content (tables, images): clip it to the rounded corners, and
|
|
80
|
+
give the header and footer their own padding instead. */
|
|
79
81
|
.k-card-padding-none {
|
|
80
82
|
padding: 0;
|
|
83
|
+
overflow: hidden;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.k-card-padding-none .k-card-header {
|
|
87
|
+
padding: 0.75rem 1rem;
|
|
88
|
+
margin-bottom: 0;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.k-card-padding-none .k-card-footer {
|
|
92
|
+
padding: 0.75rem 1rem;
|
|
93
|
+
margin-top: 0;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
/* The card already draws the outer edge and the line under the header. */
|
|
97
|
+
.k-card-padding-none .k-card-body > .k-table {
|
|
98
|
+
border: none;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.k-card-padding-none .k-card-body > .k-table thead th {
|
|
102
|
+
border-top: none;
|
|
81
103
|
}
|
|
82
104
|
|
|
83
105
|
.k-card-padding-small {
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { PropsWithSize } from "../../types.js";
|
|
2
|
+
import "./styles.css";
|
|
3
|
+
export interface PaginationProps extends PropsWithSize {
|
|
4
|
+
/** Current page, starting at 1. */
|
|
5
|
+
page: number;
|
|
6
|
+
/** Total number of pages. */
|
|
7
|
+
pageCount: number;
|
|
8
|
+
onPageChange: (page: number) => void;
|
|
9
|
+
/** Total item count. With `pageSize`, shows a "51–75 of 240" summary. */
|
|
10
|
+
total?: number;
|
|
11
|
+
/** Items per page. Needed for the summary and the page-size picker. */
|
|
12
|
+
pageSize?: number;
|
|
13
|
+
/** Page sizes to offer. With `onPageSizeChange`, shows a "Rows per page" picker. */
|
|
14
|
+
pageSizeOptions?: number[];
|
|
15
|
+
onPageSizeChange?: (pageSize: number) => void;
|
|
16
|
+
/** Pages shown either side of the current page before a "…" gap. Defaults to 1. */
|
|
17
|
+
siblingCount?: number;
|
|
18
|
+
/** Accessible name for the navigation landmark. Defaults to "Pagination". */
|
|
19
|
+
"aria-label"?: string;
|
|
20
|
+
}
|
|
21
|
+
declare const Pagination: ({ page, pageCount, onPageChange, total, pageSize, pageSizeOptions, onPageSizeChange, siblingCount, size, "aria-label": ariaLabel, }: PaginationProps) => import("react").JSX.Element;
|
|
22
|
+
export default Pagination;
|
|
23
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/C,OAAO,cAAc,CAAC;AAMtB,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oFAAoF;IACpF,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,UAAU,GAAI,qIAWjB,eAAe,gCAwFjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
4
|
+
import Select from "../../inputs/select/index.js";
|
|
5
|
+
import { pageRange } from "./utils.js";
|
|
6
|
+
import { useId } from "react";
|
|
7
|
+
import "./styles.css";
|
|
8
|
+
import { faChevronLeft, faChevronRight, } from "@fortawesome/free-solid-svg-icons";
|
|
9
|
+
const Pagination = ({ page, pageCount, onPageChange, total, pageSize, pageSizeOptions, onPageSizeChange, siblingCount = 1, size = "md", "aria-label": ariaLabel = "Pagination", }) => {
|
|
10
|
+
const pageSizeId = useId();
|
|
11
|
+
const lastPage = Math.max(pageCount, 1);
|
|
12
|
+
const current = Math.min(Math.max(page, 1), lastPage);
|
|
13
|
+
const goTo = (target) => {
|
|
14
|
+
if (target >= 1 && target <= lastPage && target !== current) {
|
|
15
|
+
onPageChange(target);
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
const summary = total !== undefined && pageSize !== undefined
|
|
19
|
+
? total === 0
|
|
20
|
+
? "No results"
|
|
21
|
+
: `${(current - 1) * pageSize + 1}–${Math.min(current * pageSize, total)} of ${total.toLocaleString()}`
|
|
22
|
+
: undefined;
|
|
23
|
+
return (_jsxs("nav", { className: `k-pagination k-pagination-${size}`, "aria-label": ariaLabel, children: [summary && (_jsx("p", { className: "k-pagination-summary", "aria-live": "polite", children: summary })), _jsxs("ul", { className: "k-pagination-pages", children: [_jsx("li", { children: _jsx("button", { type: "button", className: "k-pagination-button", onClick: () => goTo(current - 1), disabled: current <= 1, "aria-label": "Previous page", children: _jsx(FontAwesomeIcon, { icon: faChevronLeft, "aria-hidden": "true" }) }) }), pageRange(current, lastPage, siblingCount).map((item) => typeof item === "number" ? (_jsx("li", { children: _jsx("button", { type: "button", className: `k-pagination-button${item === current ? " k-pagination-button-current" : ""}`, onClick: () => goTo(item), "aria-label": `Page ${item}`, "aria-current": item === current ? "page" : undefined, children: item }) }, item)) : (_jsx("li", { className: "k-pagination-gap", "aria-hidden": "true", children: "\u2026" }, item))), _jsx("li", { children: _jsx("button", { type: "button", className: "k-pagination-button", onClick: () => goTo(current + 1), disabled: current >= lastPage, "aria-label": "Next page", children: _jsx(FontAwesomeIcon, { icon: faChevronRight, "aria-hidden": "true" }) }) })] }), pageSizeOptions && onPageSizeChange && (_jsxs("div", { className: "k-pagination-page-size", children: [_jsx("label", { htmlFor: pageSizeId, children: "Rows per page" }), _jsx(Select, { id: pageSizeId, size: "sm", value: pageSize === undefined ? undefined : String(pageSize), options: pageSizeOptions.map((n) => ({
|
|
24
|
+
value: String(n),
|
|
25
|
+
label: String(n),
|
|
26
|
+
})), onChange: (n) => n !== undefined && onPageSizeChange(Number(n)) })] }))] }));
|
|
27
|
+
};
|
|
28
|
+
export default Pagination;
|
|
29
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/index.tsx"],"names":[],"mappings":"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"}
|