@aivenio/aquarium 1.8.1 → 1.9.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/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +3 -2
- package/dist/atoms.mjs +3 -2
- package/dist/src/common/Card/Card.d.ts +1 -0
- package/dist/src/common/Card/Card.js +4 -3
- package/dist/src/common/LineClamp/LineClamp.d.ts +9 -0
- package/dist/src/common/LineClamp/LineClamp.js +18 -0
- package/dist/src/components/Card/Card.d.ts +3 -0
- package/dist/src/components/Card/Card.js +9 -4
- package/dist/src/components/Card/Compact.d.ts +3 -0
- package/dist/src/components/Card/Compact.js +9 -4
- package/dist/src/components/LineClamp/LineClamp.d.ts +2 -1
- package/dist/src/components/LineClamp/LineClamp.js +4 -4
- package/dist/src/components/Pagination/Pagination.js +6 -17
- package/dist/src/components/Pagination/usePagination.js +5 -3
- package/dist/src/components/Skeleton/Skeleton.js +3 -2
- package/dist/styles.css +18 -0
- package/dist/styles_timescaledb.css +18 -0
- package/dist/system.cjs +727 -704
- package/dist/system.mjs +667 -644
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
package/dist/_variables.scss
CHANGED
package/dist/atoms.cjs
CHANGED
@@ -2982,14 +2982,15 @@ var BorderBox = createSimpleComponent(
|
|
2982
2982
|
// src/common/Card/Card.tsx
|
2983
2983
|
var Card = import_react16.default.forwardRef(
|
2984
2984
|
(_a, ref) => {
|
2985
|
-
var _b = _a, { disabled, fullWidth, clickable, className, children } = _b, rest = __objRest(_b, ["disabled", "fullWidth", "clickable", "className", "children"]);
|
2985
|
+
var _b = _a, { disabled, fullWidth, enableMinWidth = true, clickable, className, children } = _b, rest = __objRest(_b, ["disabled", "fullWidth", "enableMinWidth", "clickable", "className", "children"]);
|
2986
2986
|
return /* @__PURE__ */ import_react16.default.createElement("div", __spreadProps(__spreadValues({
|
2987
2987
|
ref
|
2988
2988
|
}, rest), {
|
2989
2989
|
className: classNames(
|
2990
2990
|
tw("border-grey-5 border-[1px] rounded-[2px] relative p-5 flex flex-col gap-5", {
|
2991
2991
|
"w-[280px]": !fullWidth,
|
2992
|
-
"w-full
|
2992
|
+
"w-full": Boolean(fullWidth),
|
2993
|
+
"min-w-[280px]": Boolean(fullWidth) && Boolean(enableMinWidth),
|
2993
2994
|
"active:bg-grey-5 cursor-pointer hover:border-grey-50 focus:border-info-70": Boolean(clickable && !disabled),
|
2994
2995
|
"bg-grey-0 cursor-not-allowed focus:border-transparent": Boolean(disabled)
|
2995
2996
|
}),
|
package/dist/atoms.mjs
CHANGED
@@ -2946,14 +2946,15 @@ var BorderBox = createSimpleComponent(
|
|
2946
2946
|
// src/common/Card/Card.tsx
|
2947
2947
|
var Card = React12.forwardRef(
|
2948
2948
|
(_a, ref) => {
|
2949
|
-
var _b = _a, { disabled, fullWidth, clickable, className, children } = _b, rest = __objRest(_b, ["disabled", "fullWidth", "clickable", "className", "children"]);
|
2949
|
+
var _b = _a, { disabled, fullWidth, enableMinWidth = true, clickable, className, children } = _b, rest = __objRest(_b, ["disabled", "fullWidth", "enableMinWidth", "clickable", "className", "children"]);
|
2950
2950
|
return /* @__PURE__ */ React12.createElement("div", __spreadProps(__spreadValues({
|
2951
2951
|
ref
|
2952
2952
|
}, rest), {
|
2953
2953
|
className: classNames(
|
2954
2954
|
tw("border-grey-5 border-[1px] rounded-[2px] relative p-5 flex flex-col gap-5", {
|
2955
2955
|
"w-[280px]": !fullWidth,
|
2956
|
-
"w-full
|
2956
|
+
"w-full": Boolean(fullWidth),
|
2957
|
+
"min-w-[280px]": Boolean(fullWidth) && Boolean(enableMinWidth),
|
2957
2958
|
"active:bg-grey-5 cursor-pointer hover:border-grey-50 focus:border-info-70": Boolean(clickable && !disabled),
|
2958
2959
|
"bg-grey-0 cursor-not-allowed focus:border-transparent": Boolean(disabled)
|
2959
2960
|
}),
|
@@ -14,10 +14,11 @@ import isNumber from 'lodash/isNumber';
|
|
14
14
|
import { Box } from '../../../src/components/Box/Box';
|
15
15
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
16
16
|
export const Card = React.forwardRef((_a, ref) => {
|
17
|
-
var { disabled, fullWidth, clickable, className, children } = _a, rest = __rest(_a, ["disabled", "fullWidth", "clickable", "className", "children"]);
|
17
|
+
var { disabled, fullWidth, enableMinWidth = true, clickable, className, children } = _a, rest = __rest(_a, ["disabled", "fullWidth", "enableMinWidth", "clickable", "className", "children"]);
|
18
18
|
return (React.createElement("div", Object.assign({ ref: ref }, rest, { className: classNames(tw('border-grey-5 border-[1px] rounded-[2px] relative p-5 flex flex-col gap-5', {
|
19
19
|
'w-[280px]': !fullWidth,
|
20
|
-
'w-full
|
20
|
+
'w-full': Boolean(fullWidth),
|
21
|
+
'min-w-[280px]': Boolean(fullWidth) && Boolean(enableMinWidth),
|
21
22
|
'active:bg-grey-5 cursor-pointer hover:border-grey-50 focus:border-info-70': Boolean(clickable && !disabled),
|
22
23
|
'bg-grey-0 cursor-not-allowed focus:border-transparent': Boolean(disabled),
|
23
24
|
}), className) }), children));
|
@@ -50,4 +51,4 @@ Card.Actions = Actions;
|
|
50
51
|
Card.ImageContainer = ImageContainer;
|
51
52
|
Card.Image = Image;
|
52
53
|
Card.ColorHiglight = ColorHighlight;
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXlCcEQsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2xDLENBQUMsRUFBdUYsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUFoRyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsY0FBYyxHQUFHLElBQUksRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBckYsaUZBQXVGLENBQUY7SUFBWSxPQUFBLENBQ2hHLDJDQUNFLEdBQUcsRUFBRSxHQUFHLElBQ0osSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQywyRUFBMkUsRUFBRTtZQUM5RSxXQUFXLEVBQUUsQ0FBQyxTQUFTO1lBQ3ZCLFFBQVEsRUFBRSxPQUFPLENBQUMsU0FBUyxDQUFDO1lBQzVCLGVBQWUsRUFBRSxPQUFPLENBQUMsU0FBUyxDQUFDLElBQUksT0FBTyxDQUFDLGNBQWMsQ0FBQztZQUM5RCwyRUFBMkUsRUFBRSxPQUFPLENBQUMsU0FBUyxJQUFJLENBQUMsUUFBUSxDQUFDO1lBQzVHLHVEQUF1RCxFQUFFLE9BQU8sQ0FBQyxRQUFRLENBQUM7U0FDM0UsQ0FBQyxFQUNGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUNlLENBQUM7QUFFbkIsTUFBTSxjQUFjLEdBQXVELENBQUMsRUFBNkIsRUFBRSxFQUFF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
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
3
|
+
export declare type Lines = 1 | 2 | 3 | 4 | 5 | 6;
|
4
|
+
export declare type LineClampProps = DivProps & {
|
5
|
+
clamped?: boolean;
|
6
|
+
lines?: Lines;
|
7
|
+
};
|
8
|
+
export declare const LineClamp: React.ForwardRefExoticComponent<Pick<LineClampProps, "default" | "start" | "hidden" | "color" | "content" | "size" | "style" | "wrap" | "open" | "height" | "translate" | "width" | "multiple" | "disabled" | "prefix" | "src" | "cite" | "data" | "form" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "children" | "key" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "nonce" | "noValidate" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "target" | "type" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "value" | "wmode" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "lines" | "clamped"> & React.RefAttributes<HTMLDivElement>>;
|
9
|
+
export {};
|
@@ -0,0 +1,18 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import { classNames } from '../../../src/utils/tailwind';
|
14
|
+
export const LineClamp = React.forwardRef((_a, ref) => {
|
15
|
+
var { lines = 1, clamped = true, children, className } = _a, props = __rest(_a, ["lines", "clamped", "children", "className"]);
|
16
|
+
return (React.createElement("div", Object.assign({ ref: ref, className: classNames(className, 'break-all', { [`line-clamp-${lines}`]: clamped }) }, props), children));
|
17
|
+
});
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluZUNsYW1wLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9MaW5lQ2xhbXAvTGluZUNsYW1wLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFXaEQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3ZDLENBQUMsRUFBNEQsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUFyRSxFQUFFLEtBQUssR0FBRyxDQUFDLEVBQUUsT0FBTyxHQUFHLElBQUksRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFZLEVBQVAsS0FBSyxjQUExRCw2Q0FBNEQsQ0FBRjtJQUN6RCxPQUFPLENBQ0wsMkNBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsRUFBRSxDQUFDLGNBQWMsS0FBSyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxJQUFNLEtBQUssR0FDMUcsUUFBUSxDQUNMLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=
|
@@ -1,10 +1,13 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import { type Lines } from '../../../src/common/LineClamp/LineClamp';
|
2
3
|
import { type Either } from '../../../types/utils';
|
3
4
|
import { CompactCard } from './Compact';
|
4
5
|
import { type ActionableCard, type ClickableCard, type IconCard, type ImageCard } from './types';
|
5
6
|
export declare type CardProps = {
|
6
7
|
/** Short and concise card title. */
|
7
8
|
title: string;
|
9
|
+
/** When provided, title will be clamped if needed. */
|
10
|
+
clampTitle?: Lines;
|
8
11
|
/** Card description body text. Please use 'children' prop instead.
|
9
12
|
* @deprecated
|
10
13
|
*/
|
@@ -7,18 +7,23 @@ import { Chip, ChipContainer } from '../../../src/components/Chip/Chip';
|
|
7
7
|
import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
|
8
8
|
import { Typography } from '../../../src/components/Typography/Typography';
|
9
9
|
import { Card as CardBase } from '../../../src/common/Card/Card';
|
10
|
+
import { LineClamp } from '../../../src/common/LineClamp/LineClamp';
|
10
11
|
import { CompactCard } from './Compact';
|
11
|
-
export const Card = ({ title, description, chips = [], icons = [], image, imageAlt, imageHeight, color, action, link, onClick, disabled, fullWidth, children, }) => {
|
12
|
+
export const Card = ({ title, clampTitle, description, chips = [], icons = [], image, imageAlt, imageHeight, color, action, link, onClick, disabled, fullWidth, children, }) => {
|
12
13
|
const ref = useRef(null);
|
13
14
|
const { buttonProps } = useButton({ elementType: 'div', onPress: onClick, isDisabled: disabled }, ref);
|
14
|
-
|
15
|
+
const titleContent = React.createElement(Typography.DefaultStrong, { color: "black" }, title);
|
16
|
+
return (React.createElement(CardBase, Object.assign({ ref: ref, clickable: Boolean(onClick), fullWidth: fullWidth,
|
17
|
+
// If any of the "additional features" in <Card> are used, we want to enable
|
18
|
+
// min width to make sure it doesn't
|
19
|
+
enableMinWidth: Boolean(image || action || link || chips.length || icons.length) }, (onClick ? buttonProps : {}), { disabled: disabled }),
|
15
20
|
color && React.createElement(CardBase.ColorHiglight, { color: color }),
|
16
21
|
chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip }))))),
|
17
22
|
icons.length > 0 && React.createElement(AvatarStack, { images: icons }),
|
18
23
|
image !== undefined &&
|
19
24
|
(imageHeight ? (React.createElement(CardImage, { image: image, imageAlt: imageAlt, imageHeight: imageHeight })) : (React.createElement(CardImage, { image: image, imageAlt: imageAlt, fullSize: chips.length === 0 }))),
|
20
25
|
React.createElement(CardBase.Content, null,
|
21
|
-
React.createElement(
|
26
|
+
clampTitle ? React.createElement(LineClamp, { lines: clampTitle }, titleContent) : titleContent,
|
22
27
|
React.createElement(Typography.Caption, { color: "grey-70" }, children || description)),
|
23
28
|
(action || link) && (React.createElement(CardBase.Actions, null,
|
24
29
|
action && (React.createElement(SecondaryButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
|
@@ -40,4 +45,4 @@ Card.Compact = CompactCard;
|
|
40
45
|
const CardImage = ({ image, imageAlt, imageHeight, fullSize = false }) => (React.createElement(CardBase.ImageContainer, { fullSize: fullSize }, image ? (imageHeight ? (React.createElement(CardBase.Image, { image: image, imageAlt: imageAlt, imageHeight: imageHeight })) : (React.createElement(CardBase.Image, { image: image, imageAlt: imageAlt, fullSize: fullSize }))) : (React.createElement(CardImage.Skeleton, { fullSize: fullSize, imageHeight: imageHeight }))));
|
41
46
|
const CardImageSkeleton = ({ imageHeight, fullSize }) => imageHeight ? (React.createElement(Skeleton, { height: imageHeight, width: "100%" })) : (React.createElement(Skeleton, { height: fullSize ? 225 : 174, width: "100%" }));
|
42
47
|
CardImage.Skeleton = CardImageSkeleton;
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NhcmQvQ2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDdEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQy9DLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ25GLE9BQU8sRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUVsRSxPQUFPLEVBQUUsSUFBSSxJQUFJLFFBQVEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBYyxTQUFTLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUl2RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBZ0N4QyxNQUFNLENBQUMsTUFBTSxJQUFJLEdBQTRDLENBQUMsRUFDNUQsS0FBSyxFQUNMLFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxHQUFHLEVBQUUsRUFDVixLQUFLLEdBQUcsRUFBRSxFQUNWLEtBQUssRUFDTCxRQUFRLEVBQ1IsV0FBVyxFQUNYLEtBQUssRUFDTCxNQUFNLEVBQ04sSUFBSSxFQUNKLE9BQU8sRUFDUCxRQUFRLEVBQ1IsU0FBUyxFQUNULFFBQVEsR0FDVCxFQUFFLEVBQUU7SUFDSCxNQUFNLEdBQUcsR0FBRyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQ3pDLE1B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
|
@@ -1,10 +1,13 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import { type Lines } from '../../../src/common/LineClamp/LineClamp';
|
2
3
|
import { type ColorName } from '../../../types/designTokens';
|
3
4
|
import { type Either } from '../../../types/utils';
|
4
5
|
import { type ActionableCard, type ClickableCard } from './types';
|
5
6
|
export declare type CardProps = {
|
6
7
|
/** Short and concise card title. */
|
7
8
|
title: string;
|
9
|
+
/** When provided, title will be clamped if needed. */
|
10
|
+
clampTitle?: Lines;
|
8
11
|
/**
|
9
12
|
* Optional list of tags, which will be rendered as chips underneath the page title.
|
10
13
|
*/
|
@@ -3,21 +3,26 @@ import { useButton } from '@react-aria/button';
|
|
3
3
|
import { omit } from 'lodash';
|
4
4
|
import { Typography } from '../../../src/components/Typography/Typography';
|
5
5
|
import { Card as CardBase } from '../../../src/common/Card/Card';
|
6
|
+
import { LineClamp } from '../../../src/common/LineClamp/LineClamp';
|
6
7
|
import { Avatar } from '../Avatar/Avatar';
|
7
8
|
import { Box } from '../Box/Box';
|
8
9
|
import { ExternalLinkButton, SecondaryButton } from '../Button/Button';
|
9
10
|
import { Chip, ChipContainer } from '../Chip/Chip';
|
10
11
|
import { Skeleton } from '../Skeleton/Skeleton';
|
11
|
-
export const CompactCard = ({ title, chips = [], icon, color, action, link, onClick, disabled, fullWidth, children, }) => {
|
12
|
+
export const CompactCard = ({ title, clampTitle, chips = [], icon, color, action, link, onClick, disabled, fullWidth, children, }) => {
|
12
13
|
const ref = useRef(null);
|
13
14
|
const { buttonProps } = useButton({ elementType: 'div', onPress: onClick, isDisabled: disabled }, ref);
|
14
|
-
|
15
|
+
const titleContent = React.createElement(Typography.SmallStrong, { color: "black" }, title);
|
16
|
+
return (React.createElement(CardBase, Object.assign({ ref: ref, clickable: Boolean(onClick), fullWidth: fullWidth,
|
17
|
+
// If any of the "additional features" in <Card> are used, we want to enable
|
18
|
+
// min width to make sure it doesn't
|
19
|
+
enableMinWidth: Boolean(action || link || chips.length) }, (onClick ? buttonProps : {}), { disabled: disabled }),
|
15
20
|
color && React.createElement(CardBase.ColorHiglight, { color: color }),
|
16
21
|
chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip }))))),
|
17
22
|
React.createElement(Box, { display: "flex", gap: "5" },
|
18
23
|
icon && React.createElement(Avatar, { image: icon }),
|
19
24
|
React.createElement(CardBase.Content, { dense: true },
|
20
|
-
React.createElement(
|
25
|
+
clampTitle ? React.createElement(LineClamp, { lines: clampTitle }, titleContent) : titleContent,
|
21
26
|
React.createElement(Typography.Caption, { color: "grey-70" }, children))),
|
22
27
|
(action || link) && (React.createElement(CardBase.Actions, { dense: true },
|
23
28
|
action && (React.createElement(SecondaryButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
|
@@ -35,4 +40,4 @@ const CompactSkeleton = ({ chips = true, icon = true, actions = true, fullWidth
|
|
35
40
|
React.createElement(Skeleton, { width: 115, height: 25 }),
|
36
41
|
React.createElement(Skeleton, { width: 60, height: 25 })))));
|
37
42
|
CompactCard.Skeleton = CompactSkeleton;
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tcGFjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NhcmQvQ29tcGFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDdEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxRQUFRLENBQUM7QUFFOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRWxFLE9BQU8sRUFBRSxJQUFJLElBQUksUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFjLFNBQVMsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBS3ZFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUMxQyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN2RSxPQUFPLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNuRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFnQ2hELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBK0QsQ0FBQyxFQUN0RixLQUFLLEVBQ0wsVUFBVSxFQUNWLEtBQUssR0FBRyxFQUFFLEVBQ1YsSUFBSSxFQUNKLEtBQUssRUFDTCxNQUFNLEVBQ04sSUFBSSxFQUNKLE9BQU8sRUFDUCxRQUFRLEVBQ1IsU0FBUyxFQUNULFFBQVEsR0FDVCxFQUFFLEVBQUU7SUFDSCxNQUFNLEdBQUcsR0FBRyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQ3pDLE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxTQUFTLENBQUMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ3ZHLE1BQU0sWUFBWSxHQUFHLG9CQUFDLFVBQVUsQ0FBQyxXQUFXLElBQUMsS0FBSyxFQUFDLE9BQU8sSUFBRSxLQUFLLENBQTBCLENBQUM7SUFFNUYsT0FBTyxDQUNMLG9CQUFDLFFBQVEsa0JBQ1AsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUMzQixTQUFTLEVBQUUsU0FBUztRQUNwQiw0RUFBNEU7UUFDNUUsb0NBQW9DO1FBQ3BDLGNBQWMsRUFBRSxPQUFPLENBQUMsTUFBTSxJQUFJLElBQUksSUFBSSxLQUFLLENBQUMsTUFBTSxDQUFDLElBQ25ELENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxJQUNoQyxRQUFRLEVBQUUsUUFBUTtRQUVqQixLQUFLLElBQUksb0JBQUMsUUFBUSxDQUFDLGFBQWEsSUFBQyxLQUFLLEVBQUUsS0FBSyxHQUFJO1FBQ2pELEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQ25CLG9CQUFDLGFBQWEsSUFBQyxLQUFLLFVBQ2pCLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQ25CLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDaEMsQ0FBQyxDQUNZLENBQ2pCO1FBQ0Qsb0JBQUMsR0FBRyxJQUFDLE9BQU8sRUFBQyxNQUFNLEVBQUMsR0FBRyxFQUFDLEdBQUc7WUFDeEIsSUFBSSxJQUFJLG9CQUFDLE1BQU0sSUFBQyxLQUFLLEVBQUUsSUFBSSxHQUFJO1lBQ2hDLG9CQUFDLFFBQVEsQ0FBQyxPQUFPLElBQUMsS0FBSztnQkFDcEIsVUFBVSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxTQUFTLElBQUMsS0FBSyxFQUFFLFVBQVUsSUFBRyxZQUFZLENBQWEsQ0FBQyxDQUFDLENBQUMsWUFBWTtnQkFDckYsb0JBQUMsVUFBVSxDQUFDLE9BQU8sSUFBQyxLQUFLLEVBQUMsU0FBUyxJQUFFLFFBQVEsQ0FBc0IsQ0FDbEQsQ0FDZjtRQUNMLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQ25CLG9CQUFDLFFBQVEsQ0FBQyxPQUFPLElBQUMsS0FBSztZQUNwQixNQUFNLElBQUksQ0FDVCxvQkFBQyxlQUFlLGtCQUFDLEtBQUssVUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUM1QyxNQUFNLENBQUMsSUFBSSxDQUNJLENBQ25CO1lBQ0EsSUFBSSxJQUFJLENBQ1Asb0JBQUMsa0JBQWtCLGtCQUFDLEtBQUssUUFBQyxJQUFJLEVBQUMsT0FBTyxJQUFLLElBQUksQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLEdBQzFELElBQUksQ0FBQyxJQUFJLENBQ1MsQ0FDdEIsQ0FDZ0IsQ0FDcEIsQ0FDUSxDQUNaLENBQUM7QUFDSixDQUFDLENBQUM7QUFTRixNQUFNLGVBQWUsR0FBbUMsQ0FBQyxFQUN2RCxLQUFLLEdBQUcsSUFBSSxFQUNaLElBQUksR0FBRyxJQUFJLEVBQ1gsT0FBTyxHQUFHLElBQUksRUFDZCxTQUFTLEdBQUcsS0FBSyxHQUNsQixFQUFFLEVBQUUsQ0FBQyxDQUNKLG9CQUFDLFFBQVEsSUFBQyxTQUFTLEVBQUUsU0FBUztJQUMzQixLQUFLLElBQUksQ0FDUixvQkFBQyxhQUFhLElBQUMsS0FBSyxVQUNqQixLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FDekMsb0JBQUMsSUFBSSxDQUFDLFFBQVEsSUFBQyxHQUFHLEVBQUUsR0FBRyxHQUFJLENBQzVCLENBQUMsQ0FDWSxDQUNqQjtJQUNELG9CQUFDLEdBQUcsSUFBQyxPQUFPLEVBQUMsTUFBTSxFQUFDLEdBQUcsRUFBQyxHQUFHO1FBQ3hCLElBQUksSUFBSSxvQkFBQyxNQUFNLENBQUMsUUFBUSxPQUFHO1FBQzVCLG9CQUFDLFFBQVEsQ0FBQyxPQUFPLElBQUMsS0FBSztZQUNyQixvQkFBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxHQUFJO1lBQ25DLG9CQUFDLEdBQUcsSUFBQyxNQUFNLEVBQUMsR0FBRyxHQUFHO1lBQ2xCLG9CQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxFQUFFLEdBQUksQ0FDbkIsQ0FDZjtJQUNMLE9BQU8sSUFBSSxDQUNWLG9CQUFDLFFBQVEsQ0FBQyxPQUFPLElBQUMsS0FBSztRQUNyQixvQkFBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsRUFBRSxHQUFJO1FBQ3BDLG9CQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLEdBQUksQ0FDbEIsQ0FDcEIsQ0FDUSxDQUNaLENBQUM7QUFFRixXQUFXLENBQUMsUUFBUSxHQUFHLGVBQWUsQ0FBQyJ9
|
@@ -1,10 +1,11 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import { type Lines } from '../../../src/common/LineClamp/LineClamp';
|
2
3
|
import { type AllOrNone } from '../../../types/utils';
|
3
4
|
export declare type LineClampProps = {
|
4
5
|
/**
|
5
6
|
* Number of displayed lines.
|
6
7
|
*/
|
7
|
-
lines:
|
8
|
+
lines: Lines;
|
8
9
|
/**
|
9
10
|
* Content.
|
10
11
|
*/
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import {
|
3
|
-
import {
|
2
|
+
import { GhostButton } from '../../../src/components/Button/Button';
|
3
|
+
import { LineClamp as Base } from '../../../src/common/LineClamp/LineClamp';
|
4
4
|
export const LineClamp = ({ lines, children, expandLabel, collapseLabel }) => {
|
5
5
|
const ref = React.useRef(null);
|
6
6
|
const [clamped, setClamped] = React.useState(true);
|
@@ -11,7 +11,7 @@ export const LineClamp = ({ lines, children, expandLabel, collapseLabel }) => {
|
|
11
11
|
setClampingEnabled(((_a = el === null || el === void 0 ? void 0 : el.scrollHeight) !== null && _a !== void 0 ? _a : 0) > ((_b = el === null || el === void 0 ? void 0 : el.clientHeight) !== null && _b !== void 0 ? _b : 0));
|
12
12
|
}, [ref.current]);
|
13
13
|
return (React.createElement("div", null,
|
14
|
-
React.createElement(
|
14
|
+
React.createElement(Base, { ref: ref, lines: lines, clamped: clamped }, children),
|
15
15
|
expandLabel && isClampingEnabled && (React.createElement(GhostButton, { dense: true, onClick: () => setClamped(!clamped) }, clamped ? expandLabel : collapseLabel))));
|
16
16
|
};
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluZUNsYW1wLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGluZUNsYW1wL0xpbmVDbGFtcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUUzRCxPQUFPLEVBQWMsU0FBUyxJQUFJLElBQUksRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBMEIvRSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQTZCLENBQUMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsRUFBRSxFQUFFO0lBQ3JHLE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQy9DLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuRCxNQUFNLENBQUMsaUJBQWlCLEVBQUUsa0JBQWtCLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRXRFLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFOztRQUNuQixNQUFNLEVBQUUsR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDO1FBQ3ZCLGtCQUFrQixDQUFDLENBQUMsTUFBQSxFQUFFLGFBQUYsRUFBRSx1QkFBRixFQUFFLENBQUUsWUFBWSxtQ0FBSSxDQUFDLENBQUMsR0FBRyxDQUFDLE1BQUEsRUFBRSxhQUFGLEVBQUUsdUJBQUYsRUFBRSxDQUFFLFlBQVksbUNBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN4RSxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUVsQixPQUFPLENBQ0w7UUFDRSxvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxPQUFPLElBQzNDLFFBQVEsQ0FDSjtRQUNOLFdBQVcsSUFBSSxpQkFBaUIsSUFBSSxDQUNuQyxvQkFBQyxXQUFXLElBQUMsS0FBSyxRQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFDbkQsT0FBTyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FDMUIsQ0FDZixDQUNHLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
@@ -15,13 +15,9 @@ export const Pagination = ({ currentPage, totalPages, pageSize, hasNextPage, has
|
|
15
15
|
React.useEffect(() => {
|
16
16
|
setValue(currentPage);
|
17
17
|
}, [currentPage]);
|
18
|
-
React.useEffect(() => {
|
19
|
-
onPageChange(1);
|
20
|
-
setValue(1);
|
21
|
-
}, [pageSize]);
|
22
18
|
return (React.createElement(Box, { className: tw('grid grid-cols-[200px_1fr_200px]'), backgroundColor: "grey-0", padding: "4" },
|
23
19
|
pageSizes && onPageSizeChange && typeof pageSize === 'number' ? (React.createElement(Box, { display: "flex", alignItems: "center", gap: "4" },
|
24
|
-
React.createElement(Typography.
|
20
|
+
React.createElement(Typography.Small, { color: "grey-50" }, "Items per page "),
|
25
21
|
React.createElement("div", { className: tw('max-w-[70px]') },
|
26
22
|
React.createElement(SelectBase, { options: pageSizes.map((size) => size.toString()), value: pageSize.toString(), onChange: (size) => {
|
27
23
|
if (size) {
|
@@ -35,29 +31,22 @@ export const Pagination = ({ currentPage, totalPages, pageSize, hasNextPage, has
|
|
35
31
|
React.createElement(IconButton, { "aria-label": "First", onClick: () => onPageChange(1), icon: chevronBackward, disabled: !hasPreviousPage }),
|
36
32
|
React.createElement(IconButton, { "aria-label": "Previous", onClick: () => onPageChange(currentPage - 1), icon: chevronLeft, disabled: !hasPreviousPage }),
|
37
33
|
React.createElement(Box, { paddingX: "4" },
|
38
|
-
React.createElement(Typography.
|
34
|
+
React.createElement(Typography.Small, { color: "grey-60" }, "Page")),
|
39
35
|
React.createElement(InputBase, { className: classNames(tw('text-center max-w-[40px]'), 'no-arrows'), type: "number", min: 1, max: totalPages, value: value, onChange: ({ target: { value } }) => setValue(value), onKeyDown: ({ key, currentTarget }) => {
|
40
36
|
if (key === 'Enter') {
|
41
37
|
currentTarget.blur();
|
42
38
|
}
|
43
39
|
}, onBlur: ({ target: { value } }) => {
|
44
40
|
const numberValue = parseInt(value);
|
45
|
-
|
46
|
-
|
47
|
-
onPageChange(newPage);
|
48
|
-
setValue(newPage);
|
49
|
-
}
|
50
|
-
else {
|
51
|
-
onPageChange(1);
|
52
|
-
setValue(1);
|
53
|
-
}
|
41
|
+
const newPage = !isNaN(numberValue) ? clamp(numberValue, 1, totalPages) : 1;
|
42
|
+
onPageChange(newPage);
|
54
43
|
} }),
|
55
44
|
React.createElement(Box, { paddingX: "4" },
|
56
|
-
React.createElement(Typography.
|
45
|
+
React.createElement(Typography.Small, { color: "grey-60" },
|
57
46
|
"of ",
|
58
47
|
totalPages)),
|
59
48
|
React.createElement(IconButton, { "aria-label": "Next", onClick: () => onPageChange(currentPage + 1), icon: chevronRight, disabled: !hasNextPage }),
|
60
49
|
React.createElement(IconButton, { "aria-label": "Last", onClick: () => onPageChange(totalPages), icon: chevronForward, disabled: !hasNextPage })),
|
61
50
|
React.createElement("div", null)));
|
62
51
|
};
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sS0FBSyxNQUFNLGNBQWMsQ0FBQztBQUVqQyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRWxFLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxlQUFlLE1BQU0sMkJBQTJCLENBQUM7QUFDeEQsT0FBTyxjQUFjLE1BQU0sMEJBQTBCLENBQUM7QUFDdEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxZQUFZLE1BQU0sd0JBQXdCLENBQUM7QUE2Q2xELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEIsQ0FBQyxFQUNwRCxXQUFXLEVBQ1gsVUFBVSxFQUNWLFFBQVEsRUFDUixXQUFXLEVBQ1gsZUFBZSxFQUNmLFlBQVksRUFDWixTQUFTLEVBQ1QsZ0JBQWdCLEdBQ2pCLEVBQUUsRUFBRTtJQUNILE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBa0IsV0FBVyxDQUFDLENBQUM7SUFFdkUsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDbkIsUUFBUSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3hCLENBQUMsRUFBRSxD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
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import { useEffect, useState } from 'react';
|
2
|
+
import clamp from 'lodash/clamp';
|
2
3
|
const initialState = {
|
3
4
|
currentPage: 1,
|
4
5
|
pageSize: 10,
|
@@ -12,11 +13,12 @@ export const usePagination = (items, options) => {
|
|
12
13
|
const hasNextPage = currentPage < totalPages;
|
13
14
|
const pageIndex = getPageIndex(currentPage, pageSize);
|
14
15
|
const onPageSizeChange = (pageSize) => {
|
16
|
+
const newTotalPages = items.length > 0 ? Math.ceil(items.length / pageSize) : 1;
|
15
17
|
setPageSize(pageSize);
|
16
|
-
setCurrentPage((options === null || options === void 0 ? void 0 : options.initialPage) || initialState.currentPage);
|
18
|
+
setCurrentPage(clamp((options === null || options === void 0 ? void 0 : options.initialPage) || initialState.currentPage, 1, newTotalPages));
|
17
19
|
};
|
18
20
|
useEffect(() => {
|
19
|
-
setCurrentPage((options === null || options === void 0 ? void 0 : options.initialPage) || initialState.currentPage);
|
21
|
+
setCurrentPage(clamp((options === null || options === void 0 ? void 0 : options.initialPage) || initialState.currentPage, 1, totalPages));
|
20
22
|
}, [items.length]);
|
21
23
|
return [
|
22
24
|
items.slice(pageIndex, Math.min(pageIndex + pageSize, items.length)),
|
@@ -31,4 +33,4 @@ export const usePagination = (items, options) => {
|
|
31
33
|
},
|
32
34
|
];
|
33
35
|
};
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vdXNlUGFnaW5hdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDNUMsT0FBTyxLQUFLLE1BQU0sY0FBYyxDQUFDO0FBT2pDLE1BQU0sWUFBWSxHQUFVO0lBQzFCLFdBQVcsRUFBRSxDQUFDO0lBQ2QsUUFBUSxFQUFFLEVBQUU7Q0FDYixDQUFDO0FBNENGLE1BQU0sWUFBWSxHQUFHLENBQUMsV0FBbUIsRUFBRSxRQUFnQixFQUFFLEVBQUUsQ0FBQyxDQUFDLFdBQVcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUM7QUFFdkgsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLENBQzNCLEtBQWEsRUFDYixPQUEyQixFQUNBLEVBQUU7SUFDN0IsTUFBTSxDQUFDLFdBQVcsRUFBRSxjQUFjLENBQUMsR0FBRyxRQUFRLENBQVMsQ0FBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsV0FBVyxLQUFJLFlBQVksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN6RyxNQUFNLENBQUMsUUFBUSxFQUFFLFdBQVcsQ0FBQyxHQUFHLFFBQVEsQ0FBUyxDQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxlQUFlLEtBQUksWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3BHLE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUM3RSxNQUFNLGVBQWUsR0FBRyxXQUFXLEdBQUcsQ0FBQyxDQUFDO0lBQ3hDLE1BQU0sV0FBVyxHQUFHLFdBQVcsR0FBRyxVQUFVLENBQUM7SUFDN0MsTUFBTSxTQUFTLEdBQUcsWUFBWSxDQUFDLFdBQVcsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUV0RCxNQUFNLGdCQUFnQixHQUFHLENBQUMsUUFBZ0IsRUFBRSxFQUFFO1FBQzVDLE1BQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNoRixXQUFXLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDdEIsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxXQUFXLEtBQUksWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQztJQUM1RixDQUFDLENBQUM7SUFFRixTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxXQUFXLEtBQUksWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQztJQUN6RixDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztJQUVuQixPQUFPO1FBQ0wsS0FBSyxDQUFDLEtBQUssQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLEdBQUcsUUFBUSxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNwRTtZQUNFLFdBQVc7WUFDWCxVQUFVO1lBQ1YsUUFBUTtZQUNSLGVBQWU7WUFDZixXQUFXO1lBQ1gsWUFBWSxFQUFFLGNBQWM7WUFDNUIsZ0JBQWdCO1NBQ2pCO0tBQ0YsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
@@ -5,13 +5,14 @@ import { classNames, tw } from '../../utils/tailwind';
|
|
5
5
|
export const Skeleton = ({ width, height, display = 'block', className, animate = true, rounded = false, }) => {
|
6
6
|
const styles = {
|
7
7
|
width: isNumber(width) ? `${width}px` : width,
|
8
|
-
height:
|
8
|
+
height: isNumber(height) ? `${height}px` : height,
|
9
9
|
};
|
10
10
|
return (React.createElement("div", { style: styles, className: classNames(tw('bg-grey-5', {
|
11
|
+
"h-auto before:content-['_'] whitespace-pre origin-[0%_45%] scale-[0.55]": isUndefined(height),
|
11
12
|
'rounded-full': rounded,
|
12
13
|
'block': display === 'block',
|
13
14
|
'inline-block': display === 'inline-block',
|
14
15
|
'animate-pulse': animate,
|
15
16
|
}), className) }));
|
16
17
|
};
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9Ta2VsZXRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFDO0FBSTdDLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFrQ3RELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBNEIsQ0FBQyxFQUNoRCxLQUFLLEVBQ0wsTUFBTSxFQUNOLE9BQU8sR0FBRyxPQUFPLEVBQ2pCLFNBQVMsRUFDVCxPQUFPLEdBQUcsSUFBSSxFQUNkLE9BQU8sR0FBRyxLQUFLLEdBQ2hCLEVBQUUsRUFBRTtJQUNILE1BQU0sTUFBTSxHQUFHO1FBQ2IsS0FBSyxFQUFFLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSztRQUM3QyxNQUFNLEVBQUUsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLE1BQU0sSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNO0tBQ2xELENBQUM7SUFFRixPQUFPLENBQ0wsNkJBQ0UsS0FBSyxFQUFFLE1BQU0sRUFDYixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsV0FBVyxFQUFFO1lBQ2QseUVBQXlFLEVBQUUsV0FBVyxDQUFDLE1BQU0sQ0FBQztZQUM5RixjQUFjLEVBQUUsT0FBTztZQUN2QixPQUFPLEVBQUUsT0FBTyxLQUFLLE9BQU87WUFDNUIsY0FBYyxFQUFFLE9BQU8sS0FBSyxjQUFjO1lBQzFDLGVBQWUsRUFBRSxPQUFPO1NBQ3pCLENBQUMsRUFDRixTQUFTLENBQ1YsR0FDRCxDQUNILENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
package/dist/styles.css
CHANGED
@@ -949,6 +949,9 @@ input[type='number'].no-arrows {
|
|
949
949
|
.h-\[56px\] {
|
950
950
|
height: 56px !important;
|
951
951
|
}
|
952
|
+
.h-auto {
|
953
|
+
height: auto !important;
|
954
|
+
}
|
952
955
|
.h-\[25px\] {
|
953
956
|
height: 25px !important;
|
954
957
|
}
|
@@ -1071,10 +1074,18 @@ input[type='number'].no-arrows {
|
|
1071
1074
|
--tw-border-spacing-y: 0 !important;
|
1072
1075
|
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important;
|
1073
1076
|
}
|
1077
|
+
.origin-\[0\%_45\%\] {
|
1078
|
+
transform-origin: 0% 45% !important;
|
1079
|
+
}
|
1074
1080
|
.rotate-45 {
|
1075
1081
|
--tw-rotate: 45deg !important;
|
1076
1082
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
|
1077
1083
|
}
|
1084
|
+
.scale-\[0\.55\] {
|
1085
|
+
--tw-scale-x: 0.55 !important;
|
1086
|
+
--tw-scale-y: 0.55 !important;
|
1087
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
|
1088
|
+
}
|
1078
1089
|
.transform {
|
1079
1090
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
|
1080
1091
|
}
|
@@ -1245,6 +1256,9 @@ input[type='number'].no-arrows {
|
|
1245
1256
|
.whitespace-nowrap {
|
1246
1257
|
white-space: nowrap !important;
|
1247
1258
|
}
|
1259
|
+
.whitespace-pre {
|
1260
|
+
white-space: pre !important;
|
1261
|
+
}
|
1248
1262
|
.break-all {
|
1249
1263
|
word-break: break-all !important;
|
1250
1264
|
}
|
@@ -2103,6 +2117,10 @@ input[type='number'].no-arrows {
|
|
2103
2117
|
--tw-text-opacity: 1 !important;
|
2104
2118
|
color: rgb(150 150 160 / var(--tw-text-opacity)) !important;
|
2105
2119
|
}
|
2120
|
+
.before\:content-\[\'_\'\]::before {
|
2121
|
+
--tw-content: ' ' !important;
|
2122
|
+
content: var(--tw-content) !important;
|
2123
|
+
}
|
2106
2124
|
.first\:mt-0:first-child {
|
2107
2125
|
margin-top: 0 !important;
|
2108
2126
|
}
|
@@ -948,6 +948,9 @@ input[type='number'].no-arrows {
|
|
948
948
|
.h-\[56px\] {
|
949
949
|
height: 56px !important;
|
950
950
|
}
|
951
|
+
.h-auto {
|
952
|
+
height: auto !important;
|
953
|
+
}
|
951
954
|
.h-\[25px\] {
|
952
955
|
height: 25px !important;
|
953
956
|
}
|
@@ -1070,10 +1073,18 @@ input[type='number'].no-arrows {
|
|
1070
1073
|
--tw-border-spacing-y: 0 !important;
|
1071
1074
|
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important;
|
1072
1075
|
}
|
1076
|
+
.origin-\[0\%_45\%\] {
|
1077
|
+
transform-origin: 0% 45% !important;
|
1078
|
+
}
|
1073
1079
|
.rotate-45 {
|
1074
1080
|
--tw-rotate: 45deg !important;
|
1075
1081
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
|
1076
1082
|
}
|
1083
|
+
.scale-\[0\.55\] {
|
1084
|
+
--tw-scale-x: 0.55 !important;
|
1085
|
+
--tw-scale-y: 0.55 !important;
|
1086
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
|
1087
|
+
}
|
1077
1088
|
.transform {
|
1078
1089
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
|
1079
1090
|
}
|
@@ -1244,6 +1255,9 @@ input[type='number'].no-arrows {
|
|
1244
1255
|
.whitespace-nowrap {
|
1245
1256
|
white-space: nowrap !important;
|
1246
1257
|
}
|
1258
|
+
.whitespace-pre {
|
1259
|
+
white-space: pre !important;
|
1260
|
+
}
|
1247
1261
|
.break-all {
|
1248
1262
|
word-break: break-all !important;
|
1249
1263
|
}
|
@@ -2102,6 +2116,10 @@ input[type='number'].no-arrows {
|
|
2102
2116
|
--tw-text-opacity: 1 !important;
|
2103
2117
|
color: rgb(150 150 160 / var(--tw-text-opacity)) !important;
|
2104
2118
|
}
|
2119
|
+
.before\:content-\[\'_\'\]::before {
|
2120
|
+
--tw-content: ' ' !important;
|
2121
|
+
content: var(--tw-content) !important;
|
2122
|
+
}
|
2105
2123
|
.first\:mt-0:first-child {
|
2106
2124
|
margin-top: 0 !important;
|
2107
2125
|
}
|