@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.
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 27 Feb 2023 09:12:12 GMT
3
+ // Generated on Tue, 28 Feb 2023 10:27:04 GMT
4
4
 
5
5
  $border-radius-none: 0px !default;
6
6
  $border-radius-sm: 0.125rem !default;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 27 Feb 2023 09:12:12 GMT
3
+ // Generated on Tue, 28 Feb 2023 10:27:05 GMT
4
4
 
5
5
  $border-radius-none: 0px;
6
6
  $border-radius-sm: 0.125rem;
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 min-w-[280px]": Boolean(fullWidth),
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 min-w-[280px]": Boolean(fullWidth),
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
  }),
@@ -12,6 +12,7 @@ declare type ComposedCardProps = {
12
12
  };
13
13
  declare type CardProps = {
14
14
  fullWidth?: boolean;
15
+ enableMinWidth?: boolean;
15
16
  disabled?: boolean;
16
17
  clickable?: boolean;
17
18
  };
@@ -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 min-w-[280px]': Boolean(fullWidth),
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXdCcEQsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2xDLENBQUMsRUFBZ0UsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUF6RSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQTlELCtEQUFnRSxDQUFGO0lBQVksT0FBQSxDQUN6RSwyQ0FDRSxHQUFHLEVBQUUsR0FBRyxJQUNKLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsMkVBQTJFLEVBQUU7WUFDOUUsV0FBVyxFQUFFLENBQUMsU0FBUztZQUN2QixzQkFBc0IsRUFBRSxPQUFPLENBQUMsU0FBUyxDQUFDO1lBQzFDLDJFQUEyRSxFQUFFLE9BQU8sQ0FBQyxTQUFTLElBQUksQ0FBQyxRQUFRLENBQUM7WUFDNUcsdURBQXVELEVBQUUsT0FBTyxDQUFDLFFBQVEsQ0FBQztTQUMzRSxDQUFDLEVBQ0YsU0FBUyxDQUNWLEtBRUEsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQ2UsQ0FBQztBQUVuQixNQUFNLGNBQWMsR0FBdUQsQ0FBQyxFQUE2QixFQUFFLEVBQUU7UUFBakMsRUFBRSxLQUFLLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUEzQixzQkFBNkIsQ0FBRjtJQUFPLE9BQUEsQ0FDNUcsb0JBQUMsR0FBRyxvQkFDRSxJQUFJLElBQ1IsZUFBZSxFQUFFLEtBQUssRUFDdEIsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsMENBQTBDLENBQUMsRUFBRSxTQUFTLENBQUMsSUFDaEYsQ0FDSCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sY0FBYyxHQUErQyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUN2Ryw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLE9BQU8sRUFBRTtZQUNWLE9BQU8sRUFBRSxPQUFPLENBQUMsUUFBUSxDQUFDO1NBQzNCLENBQUMsRUFDRixTQUFTLENBQ1YsSUFDRCxDQUNILENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQUcsOEJBQThCLENBQUM7QUFDL0MsTUFBTSxLQUFLLEdBVVAsQ0FBQyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDMUQsNkJBQ0UsR0FBRyxFQUFFLEtBQUssRUFDVixHQUFHLEVBQUUsUUFBUSxFQUNiLFNBQVMsRUFBRSxFQUFFLENBQUMsT0FBTyxFQUFFO1FBQ3JCLFdBQVcsRUFBRSxDQUFDLFdBQVcsSUFBSSxDQUFDLFFBQVE7UUFDdEMsV0FBVyxFQUFFLENBQUMsV0FBVyxJQUFJLFFBQVE7S0FDdEMsQ0FBQyxFQUNGLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsV0FBVyxJQUFJLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxHQUMzRSxDQUNILENBQUM7QUFFRixNQUFNLE9BQU8sR0FBNkMsQ0FBQyxFQUE2QixFQUFFLEVBQUU7UUFBakMsRUFBRSxTQUFTLEVBQUUsS0FBSyxPQUFXLEVBQU4sSUFBSSxjQUEzQixzQkFBNkIsQ0FBRjtJQUFPLE9BQUEsQ0FDM0YsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLGVBQWUsRUFBRSxFQUFFLE9BQU8sRUFBRSxDQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDOUYsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE9BQU8sR0FBNkMsQ0FBQyxFQUE2QixFQUFFLEVBQUU7UUFBakMsRUFBRSxTQUFTLEVBQUUsS0FBSyxPQUFXLEVBQU4sSUFBSSxjQUEzQixzQkFBNkIsQ0FBRjtJQUFPLE9BQUEsQ0FDM0YsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLHlCQUF5QixFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUN4RyxDQUFBO0NBQUEsQ0FBQztBQUVGLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0FBQ3ZCLElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0FBQ3ZCLElBQUksQ0FBQyxjQUFjLEdBQUcsY0FBYyxDQUFDO0FBQ3JDLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0FBQ25CLElBQUksQ0FBQyxhQUFhLEdBQUcsY0FBYyxDQUFDIn0=
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
- return (React.createElement(CardBase, Object.assign({ ref: ref, clickable: Boolean(onClick), fullWidth: fullWidth }, (onClick ? buttonProps : {}), { disabled: disabled }),
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(Typography.DefaultStrong, { color: "black" }, title),
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NhcmQvQ2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDdEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQy9DLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ25GLE9BQU8sRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUVsRSxPQUFPLEVBQUUsSUFBSSxJQUFJLFFBQVEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBSXhELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxXQUFXLENBQUM7QUE2QnhDLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBNEMsQ0FBQyxFQUM1RCxLQUFLLEVBQ0wsV0FBVyxFQUNYLEtBQUssR0FBRyxFQUFFLEVBQ1YsS0FBSyxHQUFHLEVBQUUsRUFDVixLQUFLLEVBQ0wsUUFBUSxFQUNSLFdBQVcsRUFDWCxLQUFLLEVBQ0wsTUFBTSxFQUNOLElBQUksRUFDSixPQUFPLEVBQ1AsUUFBUSxFQUNSLFNBQVMsRUFDVCxRQUFRLEdBQ1QsRUFBRSxFQUFFO0lBQ0gsTUFBTSxHQUFHLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN6QyxNQUFNLEVBQUUsV0FBVyxFQUFFLEdBQUcsU0FBUyxDQUFDLEVBQUUsV0FBVyxFQUFFLEtBQUss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
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
- return (React.createElement(CardBase, Object.assign({ ref: ref, clickable: Boolean(onClick), fullWidth: fullWidth }, (onClick ? buttonProps : {}), { disabled: disabled }),
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(Typography.SmallStrong, { color: "black" }, title),
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tcGFjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NhcmQvQ29tcGFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDdEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxRQUFRLENBQUM7QUFFOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRWxFLE9BQU8sRUFBRSxJQUFJLElBQUksUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFLeEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDakMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ25ELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQTZCaEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUErRCxDQUFDLEVBQ3RGLEtBQUssRUFDTCxLQUFLLEdBQUcsRUFBRSxFQUNWLElBQUksRUFDSixLQUFLLEVBQ0wsTUFBTSxFQUNOLElBQUksRUFDSixPQUFPLEVBQ1AsUUFBUSxFQUNSLFNBQVMsRUFDVCxRQUFRLEdBQ1QsRUFBRSxFQUFFO0lBQ0gsTUFBTSxHQUFHLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN6QyxNQUFNLEVBQUUsV0FBVyxFQUFFLEdBQUcsU0FBUyxDQUFDLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxR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
43
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tcGFjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NhcmQvQ29tcGFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDdEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxRQUFRLENBQUM7QUFFOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRWxFLE9BQU8sRUFBRSxJQUFJLElBQUksUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFjLFNBQVMsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBS3ZFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUMxQyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN2RSxPQUFPLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNuRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFnQ2hELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBK0QsQ0FBQyxFQUN0RixLQUFLLEVBQ0wsVUFBVSxFQUNWLEtBQUssR0FBRyxFQUFFLEVBQ1YsSUFBSSxFQUNKLEtBQUssRUFDTCxNQUFNLEVBQ04sSUFBSSxFQUNKLE9BQU8sRUFDUCxRQUFRLEVBQ1IsU0FBUyxFQUNULFFBQVEsR0FDVCxFQUFFLEVBQUU7SUFDSCxNQUFNLEdBQUcsR0FBRyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQ3pDLE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxTQUFTLENBQUMsRUFB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
@@ -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: 1 | 2 | 3 | 4 | 5 | 6;
8
+ lines: Lines;
8
9
  /**
9
10
  * Content.
10
11
  */
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { classNames } from '../../../src/utils/tailwind';
3
- import { GhostButton } from '../Button/Button';
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("div", { ref: ref, className: classNames({ [`line-clamp-${lines}`]: clamped }) }, children),
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluZUNsYW1wLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGluZUNsYW1wL0xpbmVDbGFtcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdoRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUF3Qi9DLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBNkIsQ0FBQyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUU7SUFDckcsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDL0MsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ25ELE1BQU0sQ0FBQyxpQkFBaUIsRUFBRSxrQkFBa0IsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFFdEUsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7O1FBQ25CLE1BQU0sRUFBRSxHQUFHLEdBQUcsQ0FBQyxPQUFPLENBQUM7UUFDdkIsa0JBQWtCLENBQUMsQ0FBQyxNQUFBLEVBQUUsYUFBRixFQUFFLHVCQUFGLEVBQUUsQ0FBRSxZQUFZLG1DQUFJLENBQUMsQ0FBQyxHQUFHLENBQUMsTUFBQSxFQUFFLGFBQUYsRUFBRSx1QkFBRixFQUFFLENBQUUsWUFBWSxtQ0FBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3hFLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBRWxCLE9BQU8sQ0FDTDtRQUNFLDZCQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsY0FBYyxLQUFLLEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLElBQ3ZFLFFBQVEsQ0FDTDtRQUNMLFdBQVcsSUFBSSxpQkFBaUIsSUFBSSxDQUNuQyxvQkFBQyxXQUFXLElBQUMsS0FBSyxRQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxPQUFPLENBQUMsSUFDbkQsT0FBTyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FDMUIsQ0FDZixDQUNHLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
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.SmallText, null, "Items per page "),
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.SmallText, null, "Page")),
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
- if (!isNaN(numberValue)) {
46
- const newPage = clamp(numberValue, 1, totalPages);
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.SmallText, null,
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sS0FBSyxNQUFNLGNBQWMsQ0FBQztBQUVqQyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRWxFLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxlQUFlLE1BQU0sMkJBQTJCLENBQUM7QUFDeEQsT0FBTyxjQUFjLE1BQU0sMEJBQTBCLENBQUM7QUFDdEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxZQUFZLE1BQU0sd0JBQXdCLENBQUM7QUE2Q2xELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEIsQ0FBQyxFQUNwRCxXQUFXLEVBQ1gsVUFBVSxFQUNWLFFBQVEsRUFDUixXQUFXLEVBQ1gsZUFBZSxFQUNmLFlBQVksRUFDWixTQUFTLEVBQ1QsZ0JBQWdCLEdBQ2pCLEVBQUUsRUFBRTtJQUNILE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBa0IsV0FBVyxDQUFDLENBQUM7SUFFdkUsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDbkIsUUFBUSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3hCLENBQUMsRUFBRSxD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
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vdXNlUGFnaW5hdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFPNUMsTUFBTSxZQUFZLEdBQVU7SUFDMUIsV0FBVyxFQUFFLENBQUM7SUFDZCxRQUFRLEVBQUUsRUFBRTtDQUNiLENBQUM7QUE0Q0YsTUFBTSxZQUFZLEdBQUcsQ0FBQyxXQUFtQixFQUFFLFFBQWdCLEVBQUUsRUFBRSxDQUFDLENBQUMsV0FBVyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUMsR0FBRyxRQUFRLENBQUMsQ0FBQztBQUV2SCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsQ0FDM0IsS0FBYSxFQUNiLE9BQTJCLEVBQ0EsRUFBRTtJQUM3QixNQUFNLENBQUMsV0FBVyxFQUFFLGNBQWMsQ0FBQyxHQUFHLFFBQVEsQ0FBUyxDQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxXQUFXLEtBQUksWUFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3pHLE1BQU0sQ0FBQyxRQUFRLEVBQUUsV0FBVyxDQUFDLEdBQUcsUUFBUSxDQUFTLENBQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLGVBQWUsS0FBSSxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDcEcsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzdFLE1BQU0sZUFBZSxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUM7SUFDeEMsTUFBTSxXQUFXLEdBQUcsV0FBVyxHQUFHLFVBQVUsQ0FBQztJQUM3QyxNQUFNLFNBQVMsR0FBRyxZQUFZLENBQUMsV0FBVyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBRXRELE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxRQUFnQixFQUFFLEVBQUU7UUFDNUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3RCLGNBQWMsQ0FBQyxDQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxXQUFXLEtBQUksWUFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ25FLENBQUMsQ0FBQztJQUVGLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixjQUFjLENBQUMsQ0FBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsV0FBVyxLQUFJLFlBQVksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNuRSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztJQUVuQixPQUFPO1FBQ0wsS0FBSyxDQUFDLEtBQUssQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxTQUFTLEdBQUcsUUFBUSxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNwRTtZQUNFLFdBQVc7WUFDWCxVQUFVO1lBQ1YsUUFBUTtZQUNSLGVBQWU7WUFDZixXQUFXO1lBQ1gsWUFBWSxFQUFFLGNBQWM7WUFDNUIsZ0JBQWdCO1NBQ2pCO0tBQ0YsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
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: isUndefined(height) ? '1em' : isNumber(height) ? `${height}px` : 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ta2VsZXRvbi9Ta2VsZXRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFDO0FBSTdDLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFrQ3RELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBNEIsQ0FBQyxFQUNoRCxLQUFLLEVBQ0wsTUFBTSxFQUNOLE9BQU8sR0FBRyxPQUFPLEVBQ2pCLFNBQVMsRUFDVCxPQUFPLEdBQUcsSUFBSSxFQUNkLE9BQU8sR0FBRyxLQUFLLEdBQ2hCLEVBQUUsRUFBRTtJQUNILE1BQU0sTUFBTSxHQUFHO1FBQ2IsS0FBSyxFQUFFLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSztRQUM3QyxNQUFNLEVBQUUsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTTtLQUNoRixDQUFDO0lBRUYsT0FBTyxDQUNMLDZCQUNFLEtBQUssRUFBRSxNQUFNLEVBQ2IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLFdBQVcsRUFBRTtZQUNkLGNBQWMsRUFBRSxPQUFPO1lBQ3ZCLE9BQU8sRUFBRSxPQUFPLEtBQUssT0FBTztZQUM1QixjQUFjLEVBQUUsT0FBTyxLQUFLLGNBQWM7WUFDMUMsZUFBZSxFQUFFLE9BQU87U0FDekIsQ0FBQyxFQUNGLFNBQVMsQ0FDVixHQUNELENBQ0gsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
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
  }