@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
package/README.md
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
<p align="center">
|
|
2
|
+
<img src="https://raw.githubusercontent.com/kosmeo-ui/kosmeo-ui/master/assets/kosmeo-banner.png" alt="Kosmeo — React UI components" width="720">
|
|
3
|
+
</p>
|
|
4
|
+
|
|
1
5
|
# @kosmeo-ui/react
|
|
2
6
|
|
|
3
7
|
React component library. All CSS classes use a `k-` prefix and are themed with CSS variables (light, and dark via
|
|
@@ -28,6 +28,8 @@ export interface ButtonProps extends PropsWithSize, PropsWithVariant {
|
|
|
28
28
|
fullWidth?: boolean;
|
|
29
29
|
/** Accessible label. Required for icon-only buttons. */
|
|
30
30
|
"aria-label"?: string;
|
|
31
|
+
/** Marks a toggle button as on or off. */
|
|
32
|
+
"aria-pressed"?: boolean;
|
|
31
33
|
/** ID of element describing this button (for additional context). */
|
|
32
34
|
"aria-describedby"?: string;
|
|
33
35
|
/** ID of element labelling this button. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/button/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,aAAa,EAAE,gBAAgB;IAClE,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sCAAsC;IACtC,GAAG,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC1C,iCAAiC;IACjC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;oCAIgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qEAAqE;IACrE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/button/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,aAAa,EAAE,gBAAgB;IAClE,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sCAAsC;IACtC,GAAG,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC1C,iCAAiC;IACjC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;oCAIgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qEAAqE;IACrE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,gCA4CjC,CAAC;AACF,eAAe,MAAM,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { faCircleNotch } from "@fortawesome/free-solid-svg-icons";
|
|
4
4
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
5
5
|
import "./styles.css";
|
|
6
6
|
const Button = (props) => {
|
|
7
7
|
const { size = "md", variant = "primary", align = "center", shadow = true, type = "button", form, isLoading = false, fullWidth = false, } = props;
|
|
8
|
-
return (_jsx("button", { ref: props.ref, type: type, form: form, disabled: props.disabled || isLoading, "aria-label": props["aria-label"], "aria-describedby": props["aria-describedby"], "aria-labelledby": props["aria-labelledby"], title: props.title, className: `k-button k-button-${variant} k-button-${size} k-button-${align} ${shadow ? "k-button-shadow" : ""} ${`k-button-${fullWidth ? "full" : "auto"}-width`}`.trim(), onClick: props.onClick, children: isLoading ? (_jsx(FontAwesomeIcon, { icon: faCircleNotch, className: "k-button-spinner", spin: true })) : (props.children) }));
|
|
8
|
+
return (_jsx("button", { ref: props.ref, type: type, form: form, disabled: props.disabled || isLoading, "aria-label": props["aria-label"], "aria-describedby": props["aria-describedby"], "aria-labelledby": props["aria-labelledby"], "aria-busy": isLoading || undefined, "aria-pressed": props["aria-pressed"], title: props.title, className: `k-button k-button-${variant} k-button-${size} k-button-${align} ${shadow ? "k-button-shadow" : ""} ${`k-button-${fullWidth ? "full" : "auto"}-width`}`.trim(), onClick: props.onClick, children: isLoading ? (_jsxs(_Fragment, { children: [_jsx(FontAwesomeIcon, { icon: faCircleNotch, className: "k-button-spinner", spin: true, "aria-hidden": "true" }), _jsx("span", { className: "k-sr-only", children: props.children })] })) : (props.children) }));
|
|
9
9
|
};
|
|
10
10
|
export default Button;
|
|
11
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/button/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGjE,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/button/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGjE,OAAO,cAAc,CAAC;AAuCtB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,GAClB,GAAG,KAAK,CAAC;IACV,OAAO,CACL,iBACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,gBACzB,KAAK,CAAC,YAAY,CAAC,sBACb,KAAK,CAAC,kBAAkB,CAAC,qBAC1B,KAAK,CAAC,iBAAiB,CAAC,eAC9B,SAAS,IAAI,SAAS,kBACnB,KAAK,CAAC,cAAc,CAAC,EACnC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,qBAAqB,OAAO,aAAa,IAAI,aAAa,KAAK,IACxE,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAC/B,IAAI,YAAY,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,QAAQ,EAAE,CAAC,IAAI,EAAE,EAC5D,OAAO,EAAE,KAAK,CAAC,OAAO,YAErB,SAAS,CAAC,CAAC,CAAC,CACX,8BACE,KAAC,eAAe,IACd,IAAI,EAAE,aAAa,EACnB,SAAS,EAAC,kBAAkB,EAC5B,IAAI,uBACQ,MAAM,GAClB,EAEF,eAAM,SAAS,EAAC,WAAW,YAAE,KAAK,CAAC,QAAQ,GAAQ,IAClD,CACJ,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,QAAQ,CACf,GACM,CACV,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,MAAM,CAAC"}
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
|
|
152
152
|
.k-button-warning {
|
|
153
153
|
background-color: var(--warning-color);
|
|
154
|
-
color: var(--
|
|
154
|
+
color: var(--warning-color-contrast);
|
|
155
155
|
}
|
|
156
156
|
.k-button-warning:not(:disabled):hover {
|
|
157
157
|
background-color: var(--warning-color-hover);
|
|
@@ -165,7 +165,7 @@
|
|
|
165
165
|
|
|
166
166
|
.k-button-link {
|
|
167
167
|
background-color: transparent;
|
|
168
|
-
color: var(--primary-color);
|
|
168
|
+
color: var(--primary-color-text);
|
|
169
169
|
padding: 0;
|
|
170
170
|
border-radius: 0;
|
|
171
171
|
font-weight: 500;
|
|
@@ -174,12 +174,14 @@
|
|
|
174
174
|
box-shadow: none;
|
|
175
175
|
}
|
|
176
176
|
.k-button-link:not(:disabled):hover {
|
|
177
|
-
color: var(--primary-color-
|
|
177
|
+
color: var(--primary-color-text);
|
|
178
|
+
/* One text color keeps contrast in both themes; hover shows as a heavier underline. */
|
|
179
|
+
text-decoration-thickness: 0.125rem;
|
|
178
180
|
background-color: transparent;
|
|
179
181
|
box-shadow: none;
|
|
180
182
|
}
|
|
181
183
|
.k-button-link:active {
|
|
182
|
-
color: var(--primary-color-
|
|
184
|
+
color: var(--primary-color-text);
|
|
183
185
|
background-color: transparent;
|
|
184
186
|
box-shadow: none;
|
|
185
187
|
}
|
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
display: flex;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
+
/* Never squeeze an action below its natural width: in a narrow table cell a
|
|
6
|
+
shrunk icon button collapses its icon to 0px (svg max-width: 100%). The
|
|
7
|
+
column grows to fit instead. */
|
|
8
|
+
.k-row-actions > * {
|
|
9
|
+
flex-shrink: 0;
|
|
10
|
+
}
|
|
11
|
+
|
|
5
12
|
.k-row-actions-start {
|
|
6
13
|
justify-content: flex-start;
|
|
7
14
|
}
|
|
@@ -10,8 +10,7 @@
|
|
|
10
10
|
font-weight: 600;
|
|
11
11
|
text-transform: uppercase;
|
|
12
12
|
letter-spacing: 0.04em;
|
|
13
|
-
color: var(--text-color);
|
|
14
|
-
opacity: 0.65;
|
|
13
|
+
color: var(--text-color-secondary);
|
|
15
14
|
}
|
|
16
15
|
|
|
17
16
|
.k-address-block-body {
|
|
@@ -30,8 +29,7 @@
|
|
|
30
29
|
|
|
31
30
|
.k-address-block-contact {
|
|
32
31
|
font-size: 0.8125rem;
|
|
33
|
-
color: var(--text-color);
|
|
34
|
-
opacity: 0.7;
|
|
32
|
+
color: var(--text-color-secondary);
|
|
35
33
|
margin-top: 0.125rem;
|
|
36
34
|
}
|
|
37
35
|
|
|
@@ -4,6 +4,21 @@
|
|
|
4
4
|
width: 3rem;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
+
/* Even padding, overriding the table's wider first-column inset, so the
|
|
8
|
+
checkbox stays centered. */
|
|
9
|
+
.k-table th.k-data-table-leading,
|
|
10
|
+
.k-table td.k-data-table-leading {
|
|
11
|
+
padding-left: 0.5rem;
|
|
12
|
+
padding-right: 0.5rem;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/* text-align doesn't move flex items, and Checkbox's container is a
|
|
16
|
+
full-width flex column, so center flex content on both axes too. */
|
|
17
|
+
.k-data-table-leading > * {
|
|
18
|
+
justify-content: center;
|
|
19
|
+
align-items: center;
|
|
20
|
+
}
|
|
21
|
+
|
|
7
22
|
.k-data-table-spacer {
|
|
8
23
|
padding: 0;
|
|
9
24
|
border: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"searchFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/searchFilter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"searchFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/searchFilter.tsx"],"names":[],"mappings":"AAKA,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,qBAAqB,EACrB,iCAAiC,EAClC,MAAM,aAAa,CAAC;AAErB,UAAU,+BAA+B;IACvC,MAAM,EAAE,qBAAqB,CAAC;IAC9B,cAAc,EAAE,CAAC,MAAM,EAAE,iCAAiC,KAAK,IAAI,CAAC;CACrE;AAGD,QAAA,MAAM,YAAY,GAAI,OAAO,+BAA+B,gCAc3D,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,41 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as _jsx
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { faMagnifyingGlass } from "@fortawesome/free-solid-svg-icons";
|
|
4
|
-
import {
|
|
5
|
-
import Dropdown from "../../../inputs/dropdown/index.js";
|
|
6
|
-
import Button from "../../../buttons/button/index.js";
|
|
4
|
+
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
7
5
|
import Input from "../../../inputs/input/index.js";
|
|
8
6
|
import "./styles.css";
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
const [prevValue, setPrevValue] = useState("");
|
|
12
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
13
|
-
useEffect(() => {
|
|
14
|
-
if (props.filter.value === prevValue ||
|
|
15
|
-
(props.filter.value === undefined && prevValue === ""))
|
|
16
|
-
return;
|
|
17
|
-
setValue(props.filter.value || "");
|
|
18
|
-
setPrevValue(props.filter.value || "");
|
|
19
|
-
return;
|
|
20
|
-
}, [props.filter.value, value, prevValue]);
|
|
21
|
-
const handleChange = (e) => {
|
|
22
|
-
setValue(e.target.value);
|
|
23
|
-
};
|
|
24
|
-
const handleSubmit = useCallback(() => {
|
|
25
|
-
setPrevValue(value);
|
|
26
|
-
props.onFilterChange({ ...props.filter, value: value });
|
|
27
|
-
setIsOpen(false);
|
|
28
|
-
}, [value, props]);
|
|
29
|
-
const handleKeydown = useCallback((e) => {
|
|
30
|
-
if (e.key !== "Enter")
|
|
31
|
-
return;
|
|
32
|
-
e.preventDefault();
|
|
33
|
-
handleSubmit();
|
|
34
|
-
}, [handleSubmit]);
|
|
35
|
-
const allowSubmit = useMemo(() => {
|
|
36
|
-
return value !== prevValue;
|
|
37
|
-
}, [value, prevValue]);
|
|
38
|
-
return (_jsx(Dropdown, { label: props.filter.title, icon: faMagnifyingGlass, align: "left", size: "sm", variant: "secondary", isOpen: isOpen, onOpenChange: setIsOpen, children: _jsxs("div", { className: "k-filter-menu", children: [_jsx(Input, { size: "sm", value: value, onChange: handleChange, onKeyDown: handleKeydown }), _jsx(Button, { size: "sm", disabled: !allowSubmit, onClick: handleSubmit, children: "Add Filter" })] }) }));
|
|
39
|
-
};
|
|
7
|
+
// Typing updates the pending filter, like the other filters; Apply applies it.
|
|
8
|
+
const SearchFilter = (props) => (_jsx("div", { className: "k-search-filter", children: _jsx(Input, { size: "sm", label: props.filter.title, placeholder: "Search\u2026", prefix: _jsx(FontAwesomeIcon, { icon: faMagnifyingGlass }), value: props.filter.value ?? "", onChange: (e) => props.onFilterChange({ ...props.filter, value: e.target.value }), onClear: () => props.onFilterChange({ ...props.filter, value: "" }) }) }));
|
|
40
9
|
export default SearchFilter;
|
|
41
10
|
//# sourceMappingURL=searchFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"searchFilter.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/searchFilter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"searchFilter.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/searchFilter.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,MAAM,gCAAgC,CAAC;AACnD,OAAO,cAAc,CAAC;AAWtB,+EAA+E;AAC/E,MAAM,YAAY,GAAG,CAAC,KAAsC,EAAE,EAAE,CAAC,CAC/D,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,KAAK,IACJ,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACzB,WAAW,EAAC,cAAS,EACrB,MAAM,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,iBAAiB,GAAI,EACpD,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,EAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,KAAK,CAAC,cAAc,CAAC,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAElE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GACnE,GACE,CACP,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"deleteButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/deleteButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,UAAU,iBAAiB,CAAC,KAAK;IAC/B,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;CAC9C;AAED,QAAA,MAAM,YAAY,GAAI,KAAK,SAAS,MAAM,EACxC,OAAO,iBAAiB,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"deleteButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/deleteButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,UAAU,iBAAiB,CAAC,KAAK;IAC/B,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;CAC9C;AAED,QAAA,MAAM,YAAY,GAAI,KAAK,SAAS,MAAM,EACxC,OAAO,iBAAiB,CAAC,KAAK,CAAC,uCAwChC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -23,7 +23,7 @@ const DeleteButton = (props) => {
|
|
|
23
23
|
};
|
|
24
24
|
if (!props.onDelete)
|
|
25
25
|
return null;
|
|
26
|
-
return (_jsxs(_Fragment, { children: [_jsx(IconButton, { size: "sm", variant: "danger", onClick: handleShowBulkDeleteModal, disabled: !props.selectedRows.size && !props.allSelected, icon: faTrash }), _jsx(ConfirmationModal, { show: showBulkDeleteModal, title: "Delete Data", body: `Are you sure you want to delete the selected rows?`, handleHide: handleHideBulkDeleteModal, handleConfirm: handleDelete, confirmButtonText: "Delete" })] }));
|
|
26
|
+
return (_jsxs(_Fragment, { children: [_jsx(IconButton, { size: "sm", variant: "danger", onClick: handleShowBulkDeleteModal, disabled: !props.selectedRows.size && !props.allSelected, icon: faTrash, "aria-label": "Delete selected" }), _jsx(ConfirmationModal, { show: showBulkDeleteModal, title: "Delete Data", body: `Are you sure you want to delete the selected rows?`, handleHide: handleHideBulkDeleteModal, handleConfirm: handleDelete, confirmButtonText: "Delete" })] }));
|
|
27
27
|
};
|
|
28
28
|
export default DeleteButton;
|
|
29
29
|
//# sourceMappingURL=deleteButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"deleteButton.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/deleteButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,iBAAiB,MAAM,8CAA8C,CAAC;AAC7E,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASjC,MAAM,YAAY,GAAG,CACnB,KAA+B,EAC/B,EAAE;IACF,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtE,MAAM,yBAAyB,GAAG,GAAG,EAAE;QACrC,IAAI,KAAK,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC;YAAE,OAAO;QAC1C,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,GAAG,EAAE;QACrC,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,KAAK,CAAC,QAAQ;YAAE,OAAO;QAC5B,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QACtE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACpB,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IACF,IAAI,CAAC,KAAK,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IACjC,OAAO,CACL,8BACE,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,yBAAyB,EAClC,QAAQ,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EACxD,IAAI,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"deleteButton.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/deleteButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,iBAAiB,MAAM,8CAA8C,CAAC;AAC7E,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASjC,MAAM,YAAY,GAAG,CACnB,KAA+B,EAC/B,EAAE;IACF,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtE,MAAM,yBAAyB,GAAG,GAAG,EAAE;QACrC,IAAI,KAAK,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC;YAAE,OAAO;QAC1C,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,GAAG,EAAE;QACrC,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,KAAK,CAAC,QAAQ;YAAE,OAAO;QAC5B,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QACtE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACpB,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IACF,IAAI,CAAC,KAAK,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IACjC,OAAO,CACL,8BACE,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,yBAAyB,EAClC,QAAQ,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EACxD,IAAI,EAAE,OAAO,gBACF,iBAAiB,GAC5B,EACF,KAAC,iBAAiB,IAChB,IAAI,EAAE,mBAAmB,EACzB,KAAK,EAAC,aAAa,EACnB,IAAI,EAAE,oDAAoD,EAC1D,UAAU,EAAE,yBAAyB,EACrC,aAAa,EAAE,YAAY,EAC3B,iBAAiB,EAAC,QAAQ,GAC1B,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/index.tsx"],"names":[],"mappings":"AAQA,OAAO,cAAc,CAAC;AAOtB,OAAO,EACL,aAAa,IAAI,iBAAiB,EAClC,6BAA6B,EAC7B,6BAA6B,EAC7B,QAAQ,EACT,MAAM,aAAa,CAAC;AAErB,UAAU,WAAW,CAAC,KAAK;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,6BAA6B,EAAE,CAAC;IAC9C,MAAM,EAAE,6BAA6B,EAAE,CAAC;IACxC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,CAAC,YAAY,EAAE,6BAA6B,EAAE,KAAK,IAAI,CAAC;IACvE,cAAc,EAAE,CAAC,MAAM,EAAE,6BAA6B,EAAE,KAAK,IAAI,CAAC;IAClE,qBAAqB,EAAE,CAAC,aAAa,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,MAAM,GAAI,KAAK,SAAS,MAAM,EAAE,OAAO,WAAW,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/index.tsx"],"names":[],"mappings":"AAQA,OAAO,cAAc,CAAC;AAOtB,OAAO,EACL,aAAa,IAAI,iBAAiB,EAClC,6BAA6B,EAC7B,6BAA6B,EAC7B,QAAQ,EACT,MAAM,aAAa,CAAC;AAErB,UAAU,WAAW,CAAC,KAAK;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,6BAA6B,EAAE,CAAC;IAC9C,MAAM,EAAE,6BAA6B,EAAE,CAAC;IACxC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,CAAC,YAAY,EAAE,6BAA6B,EAAE,KAAK,IAAI,CAAC;IACvE,cAAc,EAAE,CAAC,MAAM,EAAE,6BAA6B,EAAE,KAAK,IAAI,CAAC;IAClE,qBAAqB,EAAE,CAAC,aAAa,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAClE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,MAAM,GAAI,KAAK,SAAS,MAAM,EAAE,OAAO,WAAW,CAAC,KAAK,CAAC,gCAsE9D,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -9,7 +9,7 @@ import Limit from "./limit.js";
|
|
|
9
9
|
import "./styles.css";
|
|
10
10
|
import { faDownload, faEllipsisVertical, faPlus, faRotate, } from "@fortawesome/free-solid-svg-icons";
|
|
11
11
|
const Header = (props) => {
|
|
12
|
-
return (_jsxs("div", { className: "k-infinite-scroll-header", children: [_jsxs("div", { className: "k-infinite-scroll-header-buttons-container", children: [_jsx("p", { className: "k-infinite-scroll-header-title", children: props.title }), _jsx(IconButton, { size: "sm", variant: "secondary", onClick: props.onRefetch, icon: faRotate }), props.onDownload && (_jsx(IconButton, { size: "sm", variant: "secondary", onClick: props.onDownload, icon: faDownload })), props.onAddNew && (_jsx(IconButton, { size: "sm", variant: "success", onClick: props.onAddNew, icon: faPlus })), _jsx(DeleteButton, { rows: props.rows, selectedRows: props.selectedRows, allSelected: props.allSelected, onDelete: props.onDelete }), props.optionsDropdown && (_jsx(Dropdown, { icon: faEllipsisVertical, size: "sm", variant: "secondary", align: "left", renderCaret: false, children: props.optionsDropdown }))] }), _jsxs("div", { className: "k-infinite-scroll-header-limit-sort-container", children: [_jsx(Limit, { limitOptions: props.limitOptions, onLimitChange: props.onLimitChange }), props.sortBy.length > 0 && (_jsxs("div", { className: "k-infinite-scroll-header-sort-container", children: [_jsx("p", { className: "k-infinite-scroll-header-sort-title", children: "Sort By:" }), _jsx(SortBy, { sortBy: props.sortBy, handleSortByChange: props.onSortByChange }), _jsx(SortDirection, { sortDirection: props.sortDirection, handleSortDirectionChange: props.onSortDirectionChange })] }))] })] }));
|
|
12
|
+
return (_jsxs("div", { className: "k-infinite-scroll-header", children: [_jsxs("div", { className: "k-infinite-scroll-header-buttons-container", children: [_jsx("p", { className: "k-infinite-scroll-header-title", children: props.title }), _jsx(IconButton, { size: "sm", variant: "secondary", onClick: props.onRefetch, "aria-label": "Refresh", icon: faRotate }), props.onDownload && (_jsx(IconButton, { size: "sm", variant: "secondary", onClick: props.onDownload, "aria-label": "Download", icon: faDownload })), props.onAddNew && (_jsx(IconButton, { size: "sm", variant: "success", onClick: props.onAddNew, "aria-label": "Add new", icon: faPlus })), _jsx(DeleteButton, { rows: props.rows, selectedRows: props.selectedRows, allSelected: props.allSelected, onDelete: props.onDelete }), props.optionsDropdown && (_jsx(Dropdown, { icon: faEllipsisVertical, "aria-label": "More options", size: "sm", variant: "secondary", align: "left", renderCaret: false, children: props.optionsDropdown }))] }), _jsxs("div", { className: "k-infinite-scroll-header-limit-sort-container", children: [_jsx(Limit, { limitOptions: props.limitOptions, onLimitChange: props.onLimitChange }), props.sortBy.length > 0 && (_jsxs("div", { className: "k-infinite-scroll-header-sort-container", children: [_jsx("p", { className: "k-infinite-scroll-header-sort-title", children: "Sort By:" }), _jsx(SortBy, { sortBy: props.sortBy, handleSortByChange: props.onSortByChange }), _jsx(SortDirection, { sortDirection: props.sortDirection, handleSortDirectionChange: props.onSortDirectionChange })] }))] })] }));
|
|
13
13
|
};
|
|
14
14
|
export default Header;
|
|
15
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AACzD,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,MAAM,EACN,QAAQ,GACT,MAAM,mCAAmC,CAAC;AA0B3C,MAAM,MAAM,GAAG,CAAuB,KAAyB,EAAE,EAAE;IACjE,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,eAAK,SAAS,EAAC,4CAA4C,aACzD,YAAG,SAAS,EAAC,gCAAgC,YAAE,KAAK,CAAC,KAAK,GAAK,EAC/D,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,KAAK,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/header/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AACzD,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,MAAM,EACN,QAAQ,GACT,MAAM,mCAAmC,CAAC;AA0B3C,MAAM,MAAM,GAAG,CAAuB,KAAyB,EAAE,EAAE;IACjE,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,eAAK,SAAS,EAAC,4CAA4C,aACzD,YAAG,SAAS,EAAC,gCAAgC,YAAE,KAAK,CAAC,KAAK,GAAK,EAC/D,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,KAAK,CAAC,SAAS,gBACb,SAAS,EACpB,IAAI,EAAE,QAAQ,GACd,EACD,KAAK,CAAC,UAAU,IAAI,CACnB,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,KAAK,CAAC,UAAU,gBACd,UAAU,EACrB,IAAI,EAAE,UAAU,GAChB,CACH,EACA,KAAK,CAAC,QAAQ,IAAI,CACjB,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,KAAK,CAAC,QAAQ,gBACZ,SAAS,EACpB,IAAI,EAAE,MAAM,GACZ,CACH,EACD,KAAC,YAAY,IACX,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACxB,EACD,KAAK,CAAC,eAAe,IAAI,CACxB,KAAC,QAAQ,IACP,IAAI,EAAE,kBAAkB,gBACb,cAAc,EACzB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,WAAW,EAAE,KAAK,YAEjB,KAAK,CAAC,eAAe,GACb,CACZ,IACG,EACN,eAAK,SAAS,EAAC,+CAA+C,aAC5D,KAAC,KAAK,IACJ,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,aAAa,EAAE,KAAK,CAAC,aAAa,GAClC,EACD,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1B,eAAK,SAAS,EAAC,yCAAyC,aACtD,YAAG,SAAS,EAAC,qCAAqC,yBAAa,EAC/D,KAAC,MAAM,IACL,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,kBAAkB,EAAE,KAAK,CAAC,cAAc,GACxC,EACF,KAAC,aAAa,IACZ,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,yBAAyB,EAAE,KAAK,CAAC,qBAAqB,GACtD,IACE,CACP,IACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/table/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,WAAW,EAEX,QAAQ,EACT,MAAM,0BAA0B,CAAC;AAElC,UAAU,wBAAwB,CAAC,KAAK;IACtC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACjD;AAED,QAAA,MAAM,mBAAmB,GAAI,KAAK,SAAS,MAAM,EAC/C,OAAO,wBAAwB,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/table/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,WAAW,EAEX,QAAQ,EACT,MAAM,0BAA0B,CAAC;AAElC,UAAU,wBAAwB,CAAC,KAAK;IACtC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACjD;AAED,QAAA,MAAM,mBAAmB,GAAI,KAAK,SAAS,MAAM,EAC/C,OAAO,wBAAwB,CAAC,KAAK,CAAC,gCA+BvC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -6,8 +6,8 @@ const InfiniteScrollTable = (props) => {
|
|
|
6
6
|
const leadingColumn = props.hideSelectColumn
|
|
7
7
|
? undefined
|
|
8
8
|
: {
|
|
9
|
-
header: (_jsx(Checkbox, { checked: props.allSelected, onChange: props.onSelectAll })),
|
|
10
|
-
cell: (row) => (_jsx(Checkbox, { checked: props.selectedRows.has(row.index) || props.allSelected, onChange: () => props.onRowSelect(row.index) })),
|
|
9
|
+
header: (_jsx(Checkbox, { checked: props.allSelected, onChange: props.onSelectAll, "aria-label": "Select all rows" })),
|
|
10
|
+
cell: (row) => (_jsx(Checkbox, { checked: props.selectedRows.has(row.index) || props.allSelected, onChange: () => props.onRowSelect(row.index), "aria-label": `Select row ${row.index + 1}` })),
|
|
11
11
|
};
|
|
12
12
|
return (_jsx(DataTable, { columns: props.columns, rows: props.rows, leadingColumn: leadingColumn, onRowClick: props.onRowClick, scrollParentRef: props.scrollParentRef }));
|
|
13
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/table/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,SAAS,MAAM,0CAA0C,CAAC;AACjE,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AAoBzD,MAAM,mBAAmB,GAAG,CAC1B,KAAsC,EACtC,EAAE;IACF,MAAM,aAAa,GACjB,KAAK,CAAC,gBAAgB;QACpB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,MAAM,EAAE,CACN,KAAC,QAAQ,IACP,OAAO,EAAE,KAAK,CAAC,WAAW,EAC1B,QAAQ,EAAE,KAAK,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/table/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,SAAS,MAAM,0CAA0C,CAAC;AACjE,OAAO,QAAQ,MAAM,mCAAmC,CAAC;AAoBzD,MAAM,mBAAmB,GAAG,CAC1B,KAAsC,EACtC,EAAE;IACF,MAAM,aAAa,GACjB,KAAK,CAAC,gBAAgB;QACpB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,MAAM,EAAE,CACN,KAAC,QAAQ,IACP,OAAO,EAAE,KAAK,CAAC,WAAW,EAC1B,QAAQ,EAAE,KAAK,CAAC,WAAW,gBAChB,iBAAiB,GAC5B,CACH;YACD,IAAI,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CACb,KAAC,QAAQ,IACP,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,WAAW,EAC/D,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,gBAChC,cAAc,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,GACzC,CACH;SACF,CAAC;IAER,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,eAAe,EAAE,KAAK,CAAC,eAAe,GACtC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAC;AAIhE,OAAO,cAAc,CAAC;AAEtB,UAAU,2BAA2B;IACnC,OAAO,EAAE,iCAAiC,EAAE,CAAC;IAC7C,gBAAgB,EAAE,CAAC,OAAO,EAAE,iCAAiC,EAAE,KAAK,IAAI,CAAC;CAC1E;AAED,QAAA,MAAM,IAAI,GAAI,OAAO,2BAA2B,uCAwD/C,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import SearchFilterTag from "./searchFilterTag.js";
|
|
4
3
|
import SelectFilterTag from "./selectFilterTag.js";
|
|
5
4
|
import RangeFilterTag from "./rangeFilterTag.js";
|
|
6
5
|
import ListFilterTag from "./listFilterTag.js";
|
|
7
6
|
import "./styles.css";
|
|
8
7
|
const Tags = (props) => {
|
|
8
|
+
// SEARCH filters get no tag: their search box already shows the value.
|
|
9
9
|
const filterTags = props.filters.reduce((tags, f) => {
|
|
10
10
|
if (f.type === "SELECT") {
|
|
11
11
|
const selectedFilters = f.options?.filter((o) => o.selected);
|
|
@@ -23,11 +23,6 @@ const Tags = (props) => {
|
|
|
23
23
|
tags.push(_jsx(RangeFilterTag, { filter: f, filters: props.filters, filterValue: "endValue", handleNewFilters: props.handleNewFilters }, f.filterId));
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
else if (f.type === "SEARCH") {
|
|
27
|
-
if (!f.value)
|
|
28
|
-
return tags;
|
|
29
|
-
tags.push(_jsx(SearchFilterTag, { filter: f, filters: props.filters, handleNewFilters: props.handleNewFilters }, f.filterId));
|
|
30
|
-
}
|
|
31
26
|
else if (f.type === "LIST") {
|
|
32
27
|
if (!f.list)
|
|
33
28
|
return tags;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,cAAc,CAAC;AAOtB,MAAM,IAAI,GAAG,CAAC,KAAkC,EAAE,EAAE;IAClD,uEAAuE;IACvE,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QAClD,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACxB,MAAM,eAAe,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;YAC7D,IAAI,CAAC,eAAe;gBAAE,OAAO,IAAI,CAAC;YAClC,KAAK,MAAM,cAAc,IAAI,eAAe,EAAE,CAAC;gBAC7C,IAAI,CAAC,IAAI,CACP,KAAC,eAAe,IAEd,MAAM,EAAE,CAAC,EACT,YAAY,EAAE,cAAc,EAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,IAJnC,CAAC,CAAC,QAAQ,CAKf,CACH,CAAC;YACJ,CAAC;QACH,CAAC;aAAM,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC9B,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;gBACjB,IAAI,CAAC,IAAI,CACP,KAAC,cAAc,IAEb,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAC,YAAY,EACxB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,IAJnC,CAAC,CAAC,QAAQ,CAKf,CACH,CAAC;YACJ,CAAC;YACD,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;gBACf,IAAI,CAAC,IAAI,CACP,KAAC,cAAc,IAEb,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAC,UAAU,EACtB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,IAJnC,CAAC,CAAC,QAAQ,CAKf,CACH,CAAC;YACJ,CAAC;QACH,CAAC;aAAM,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YAC7B,IAAI,CAAC,CAAC,CAAC,IAAI;gBAAE,OAAO,IAAI,CAAC;YACzB,IAAI,CAAC,IAAI,CACP,KAAC,aAAa,IAEZ,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,IAHnC,CAAC,CAAC,QAAQ,CAIf,CACH,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,EAAuB,CAAC,CAAC;IAE5B,IAAI,CAAC,UAAU,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,cAAK,SAAS,EAAC,kBAAkB,YAAE,UAAU,GAAO,CAAC;AAC9D,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listFilterTag.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/listFilterTag.tsx"],"names":[],"mappings":"AAUA,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"listFilterTag.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/listFilterTag.tsx"],"names":[],"mappings":"AAUA,OAAO,cAAc,CAAC;AAMtB,OAAO,EACL,mBAAmB,EACnB,iCAAiC,EAClC,MAAM,aAAa,CAAC;AAErB,UAAU,gCAAgC;IACxC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,OAAO,EAAE,iCAAiC,EAAE,CAAC;IAC7C,gBAAgB,EAAE,CAAC,OAAO,EAAE,iCAAiC,EAAE,KAAK,IAAI,CAAC;CAC1E;AAED,QAAA,MAAM,aAAa,GAAI,OAAO,gCAAgC,gCAmI7D,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
4
3
|
import IconButton from "../../../buttons/iconButton/index.js";
|
|
5
4
|
import Table from "../../../data-display/table/index.js";
|
|
6
5
|
import { useCallback, useMemo, useState } from "react";
|
|
6
|
+
import Badge from "../../../feedback/badge/index.js";
|
|
7
7
|
import Modal from "../../../overlays/modal/index.js";
|
|
8
8
|
import Input from "../../../inputs/input/index.js";
|
|
9
9
|
import Row from "../../../layout/row/index.js";
|
|
10
10
|
import "./styles.css";
|
|
11
|
-
import {
|
|
11
|
+
import { faPenToSquare, faPlus, faXmark, } from "@fortawesome/free-solid-svg-icons";
|
|
12
12
|
const ListFilterTag = (props) => {
|
|
13
13
|
const [show, setShow] = useState(false);
|
|
14
14
|
const [modalFilter, setModalFilter] = useState("");
|
|
@@ -76,7 +76,7 @@ const ListFilterTag = (props) => {
|
|
|
76
76
|
cellElement: () => (_jsx("div", { className: "k-lft-modal-table-remove-button", children: _jsx(IconButton, { icon: faXmark, size: "sm", variant: "danger", onClick: handleRemove }) })),
|
|
77
77
|
},
|
|
78
78
|
], [handleRemove]);
|
|
79
|
-
return (_jsxs("div", { className: "k-
|
|
79
|
+
return (_jsxs("div", { className: "k-lft-buttons", children: [_jsxs(Badge, { onRemove: handleRemove, children: [props.filter.title, ": ", tagValue] }), _jsx(IconButton, { icon: faPenToSquare, onClick: () => setShow(!show), size: "sm", variant: "light", "aria-label": `Edit ${props.filter.title}` }), _jsx(Modal, { show: show, onClose: handleClose, title: props.filter.title, children: _jsxs("div", { className: "k-lft-modal-body", children: [_jsx(Input, { size: "sm", placeholder: "Search", value: modalFilter, onChange: (e) => setModalFilter(e.target.value) }), _jsxs(Row, { size: "sm", children: [_jsx(Input, { size: "sm", placeholder: "Add new values", value: modalAddValues, onChange: (e) => setModalAddValues(e.target.value) }), _jsx(IconButton, { size: "sm", icon: faPlus, disabled: !allowAdd, onClick: handleAddValues })] }), _jsx("div", { className: "k-lft-modal-table-container", children: _jsx(Table, { striped: true, bordered: true, hover: true, columns: tableColumns, rows: tableRows }) })] }) })] }));
|
|
80
80
|
};
|
|
81
81
|
export default ListFilterTag;
|
|
82
82
|
//# sourceMappingURL=listFilterTag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listFilterTag.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/listFilterTag.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,
|
|
1
|
+
{"version":3,"file":"listFilterTag.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/listFilterTag.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAE9D,OAAO,KAAK,MAAM,sCAAsC,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,KAAK,MAAM,gCAAgC,CAAC;AACnD,OAAO,GAAG,MAAM,8BAA8B,CAAC;AAC/C,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,aAAa,EACb,MAAM,EACN,OAAO,GACR,MAAM,mCAAmC,CAAC;AAY3C,MAAM,aAAa,GAAG,CAAC,KAAuC,EAAE,EAAE;IAChE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEjE,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YAC1C,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM;gBAAE,OAAO,CAAC,CAAC;YAChC,IAAI,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,MAAM,CAAC,QAAQ;gBAAE,OAAO,CAAC,CAAC;YACnD,IAAI,CAAC,cAAc;gBAAE,OAAO,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;YAC/C,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,cAAc,CAAC,CAAC;YACxE,OAAO,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QAC7C,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAE3D,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YAC1C,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM;gBAAE,OAAO,CAAC,CAAC;YAChC,IAAI,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,MAAM,CAAC,QAAQ;gBAAE,OAAO,CAAC,CAAC;YACnD,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACpC,KAAK,MAAM,KAAK,IAAI,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC9C,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC;oBAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACxD,CAAC;YACD,OAAO,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QAC7C,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAEzC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/C,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzB,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,SAAS,CAAC,MAAM,GAAG,CAAC,QAAQ,CAAC;QAC3D,CAAC;;YAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAExB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,IAAI,cAAc,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC;QACxC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/C,IAAI,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC;YAAE,OAAO,KAAK,CAAC;QACrD,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAExC,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CACH,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;QACxC,IAAI,CAAC,WAAW;YAAE,OAAO,IAAI,CAAC;QAC9B,OAAO,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,CAAC,EACJ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,CACjC,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC;QACJ;YACE,KAAK,EAAE,GAAG;YACV,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CACpB,eAAM,SAAS,EAAC,0BAA0B,YAAE,CAAC,GAAQ,CACtD;YACD,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC;SAC7B;QACD,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE;QACjD;YACE,KAAK,EAAE,QAAQ;YACf,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CACpB,eAAM,SAAS,EAAC,0BAA0B,YAAE,CAAC,GAAQ,CACtD;YACD,WAAW,EAAE,GAAG,EAAE,CAAC,CACjB,cAAK,SAAS,EAAC,iCAAiC,YAC9C,KAAC,UAAU,IACT,IAAI,EAAE,OAAO,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,YAAY,GACrB,GACE,CACP;SACF;KACF,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,MAAC,KAAK,IAAC,QAAQ,EAAE,YAAY,aAC1B,KAAK,CAAC,MAAM,CAAC,KAAK,QAAI,QAAQ,IACzB,EACR,KAAC,UAAU,IACT,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAC7B,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,gBACH,QAAQ,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,GACxC,EACF,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,YAChE,eAAK,SAAS,EAAC,kBAAkB,aAC/B,KAAC,KAAK,IACJ,IAAI,EAAC,IAAI,EACT,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC/C,EACF,MAAC,GAAG,IAAC,IAAI,EAAC,IAAI,aACZ,KAAC,KAAK,IACJ,IAAI,EAAC,IAAI,EACT,WAAW,EAAC,gBAAgB,EAC5B,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAClD,EACF,KAAC,UAAU,IACT,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,CAAC,QAAQ,EACnB,OAAO,EAAE,eAAe,GACxB,IACE,EACN,cAAK,SAAS,EAAC,6BAA6B,YAC1C,KAAC,KAAK,IACJ,OAAO,QACP,QAAQ,QACR,KAAK,QACL,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,SAAS,GACf,GACE,IACF,GACA,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rangeFilterTag.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/rangeFilterTag.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"rangeFilterTag.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/rangeFilterTag.tsx"],"names":[],"mappings":"AAKA,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,oBAAoB,EACpB,iCAAiC,EAClC,MAAM,aAAa,CAAC;AAErB,UAAU,iCAAiC;IACzC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,OAAO,EAAE,iCAAiC,EAAE,CAAC;IAC7C,gBAAgB,EAAE,CAAC,OAAO,EAAE,iCAAiC,EAAE,KAAK,IAAI,CAAC;CAC1E;AAED,QAAA,MAAM,cAAc,GAAI,OAAO,iCAAiC,gCAsC/D,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import IconButton from "../../../buttons/iconButton/index.js";
|
|
2
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import Badge from "../../../feedback/badge/index.js";
|
|
5
4
|
import { useCallback, useMemo } from "react";
|
|
6
5
|
import { DateTime } from "luxon";
|
|
7
6
|
import "./styles.css";
|
|
8
|
-
import { faCalendarDays, faFont, faHashtag, faXmark, } from "@fortawesome/free-solid-svg-icons";
|
|
9
7
|
const RangeFilterTag = (props) => {
|
|
10
8
|
const { filter, filterValue } = props;
|
|
11
9
|
const isDate = useMemo(() => {
|
|
@@ -32,14 +30,6 @@ const RangeFilterTag = (props) => {
|
|
|
32
30
|
else if (filter.rangeType === "STRING")
|
|
33
31
|
return value;
|
|
34
32
|
}, [filter, filterValue, filter.rangeType]);
|
|
35
|
-
const iconToUse = useMemo(() => {
|
|
36
|
-
if (isDate)
|
|
37
|
-
return faCalendarDays;
|
|
38
|
-
else if (filter.rangeType === "NUMBER")
|
|
39
|
-
return faHashtag;
|
|
40
|
-
else if (filter.rangeType === "STRING")
|
|
41
|
-
return faFont;
|
|
42
|
-
}, [filter.rangeType]);
|
|
43
33
|
const handleRemove = useCallback(() => {
|
|
44
34
|
const newFilters = props.filters.map((f) => {
|
|
45
35
|
if (f.filterId !== props.filter.filterId)
|
|
@@ -48,7 +38,7 @@ const RangeFilterTag = (props) => {
|
|
|
48
38
|
});
|
|
49
39
|
props.handleNewFilters(newFilters);
|
|
50
40
|
}, [props.filters, filterValue]);
|
|
51
|
-
return (_jsxs(
|
|
41
|
+
return (_jsxs(Badge, { onRemove: handleRemove, children: [tagTitle, ": ", tagValue] }));
|
|
52
42
|
};
|
|
53
43
|
export default RangeFilterTag;
|
|
54
44
|
//# sourceMappingURL=rangeFilterTag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rangeFilterTag.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/rangeFilterTag.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,
|
|
1
|
+
{"version":3,"file":"rangeFilterTag.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/rangeFilterTag.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,cAAc,CAAC;AAatB,MAAM,cAAc,GAAG,CAAC,KAAwC,EAAE,EAAE;IAClE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEtC,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,MAAM,CAAC,SAAS,KAAK,MAAM,IAAI,MAAM,CAAC,SAAS,KAAK,UAAU,CAAC;IACxE,CAAC,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;QAC/C,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;QAC5C,MAAM,MAAM,GAAG,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;QACtE,OAAO,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;IAEpC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;QAClC,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,CAAC;QACtB,IAAI,MAAM,CAAC,SAAS,KAAK,MAAM,EAAE,CAAC;YAChC,OAAO,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACvD,CAAC;aAAM,IAAI,MAAM,CAAC,SAAS,KAAK,UAAU,EAAE,CAAC;YAC3C,OAAO,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC3D,CAAC;aAAM,IAAI,MAAM,CAAC,SAAS,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAC;aAClD,IAAI,MAAM,CAAC,SAAS,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAC;IACvD,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACzC,IAAI,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,MAAM,CAAC,QAAQ;gBAAE,OAAO,CAAC,CAAC;YACnD,OAAO,EAAE,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC;QAC5C,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,MAAC,KAAK,IAAC,QAAQ,EAAE,YAAY,aAC1B,QAAQ,QAAI,QAAQ,IACf,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectFilterTag.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/selectFilterTag.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"selectFilterTag.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/selectFilterTag.tsx"],"names":[],"mappings":"AAIA,OAAO,eAAe,CAAC;AACvB,OAAO,EACL,qBAAqB,EACrB,8BAA8B,EAC9B,iCAAiC,EAClC,MAAM,aAAa,CAAC;AAErB,UAAU,kCAAkC;IAC1C,MAAM,EAAE,qBAAqB,CAAC;IAC9B,YAAY,EAAE,8BAA8B,CAAC;IAC7C,OAAO,EAAE,iCAAiC,EAAE,CAAC;IAC7C,gBAAgB,EAAE,CAAC,OAAO,EAAE,iCAAiC,EAAE,KAAK,IAAI,CAAC;CAC1E;AAED,QAAA,MAAM,eAAe,GAAI,OAAO,kCAAkC,gCAkBjE,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
5
|
-
import IconButton from "../../../buttons/iconButton/index.js";
|
|
2
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import Badge from "../../../feedback/badge/index.js";
|
|
6
4
|
import { useCallback } from "react";
|
|
7
5
|
import "../styles.css";
|
|
8
6
|
const SelectFilterTag = (props) => {
|
|
@@ -20,7 +18,7 @@ const SelectFilterTag = (props) => {
|
|
|
20
18
|
});
|
|
21
19
|
props.handleNewFilters(newFilters);
|
|
22
20
|
}, [props]);
|
|
23
|
-
return (_jsxs(
|
|
21
|
+
return (_jsxs(Badge, { onRemove: handleRemove, children: [props.filter.title, ": ", props.filterOption.name] }));
|
|
24
22
|
};
|
|
25
23
|
export default SelectFilterTag;
|
|
26
24
|
//# sourceMappingURL=selectFilterTag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectFilterTag.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/selectFilterTag.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,
|
|
1
|
+
{"version":3,"file":"selectFilterTag.js","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/tags/selectFilterTag.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,eAAe,CAAC;AAcvB,MAAM,eAAe,GAAG,CAAC,KAAyC,EAAE,EAAE;IACpE,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACzC,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ;gBAAE,OAAO,CAAC,CAAC;YAC1E,MAAM,UAAU,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBACtC,IAAI,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,YAAY,CAAC,EAAE;oBAAE,OAAO,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;;oBAChE,OAAO,CAAC,CAAC;YAChB,CAAC,CAAC,CAAC;YACH,OAAO,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;QACvC,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,MAAC,KAAK,IAAC,QAAQ,EAAE,YAAY,aAC1B,KAAK,CAAC,MAAM,CAAC,KAAK,QAAI,KAAK,CAAC,YAAY,CAAC,IAAI,IACxC,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -2,42 +2,14 @@
|
|
|
2
2
|
display: flex;
|
|
3
3
|
gap: 0.5rem;
|
|
4
4
|
flex-wrap: wrap;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.k-tag-container {
|
|
8
|
-
display: flex;
|
|
9
|
-
flex-direction: column;
|
|
10
|
-
justify-content: center;
|
|
11
|
-
background-color: var(--primary-color);
|
|
12
|
-
border-radius: 0.375rem;
|
|
13
|
-
color: var(--text-color-light);
|
|
14
|
-
padding-left: 0.5rem;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.k-tag-title {
|
|
18
|
-
margin: 0;
|
|
19
|
-
margin-top: 0.25rem;
|
|
20
|
-
font-size: 0.75rem;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.k-tag-actions {
|
|
24
|
-
display: flex;
|
|
25
|
-
flex-direction: row;
|
|
26
5
|
align-items: center;
|
|
27
|
-
gap: 0.5rem;
|
|
28
|
-
margin-bottom: 0.25rem;
|
|
29
|
-
margin-top: -0.25rem;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.k-tag-value {
|
|
33
|
-
margin: 0;
|
|
34
|
-
font-size: 0.875rem;
|
|
35
6
|
}
|
|
36
7
|
|
|
37
8
|
.k-lft-buttons {
|
|
38
9
|
display: flex;
|
|
39
10
|
flex-direction: row;
|
|
40
11
|
align-items: center;
|
|
12
|
+
gap: 0.25rem;
|
|
41
13
|
}
|
|
42
14
|
|
|
43
15
|
.k-lft-modal-body {
|