@rocket.chat/fuselage 0.32.0-dev.289 → 0.32.0-dev.290

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.
Files changed (10) hide show
  1. package/dist/components/OptionsPaginated/OptionsPaginated.d.ts +2 -1
  2. package/dist/components/OptionsPaginated/OptionsPaginated.d.ts.map +1 -1
  3. package/dist/components/PaginatedSelect/PaginatedMultiSelect.d.ts +13 -9
  4. package/dist/components/PaginatedSelect/PaginatedMultiSelect.d.ts.map +1 -1
  5. package/dist/components/PaginatedSelect/index.d.ts +1 -1
  6. package/dist/components/PaginatedSelect/index.d.ts.map +1 -1
  7. package/dist/fuselage.development.js +24 -29
  8. package/dist/fuselage.development.js.map +1 -1
  9. package/dist/fuselage.production.js +1 -1
  10. package/package.json +11 -11
package/dist/components/OptionsPaginated/OptionsPaginated.d.ts CHANGED
@@ -32,10 +32,11 @@ export declare const OptionsPaginated: React.ForwardRefExoticComponent<Pick<Omit
32
32
  selected?: boolean;
33
33
  }[];
34
34
  cursor: number;
35
+ withTitle?: boolean | undefined;
35
36
  renderItem?: ElementType<any> | undefined;
36
37
  renderEmpty?: ElementType<any> | undefined;
37
38
  onSelect: (option: [unknown, string]) => void;
38
39
  endReached?: ((index: number) => void) | undefined;
39
- }, "string" | "x1" | "y" | "r" | "default" | "disabled" | "type" | "is" | "className" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "defer" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "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" | "children" | "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" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPath" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filter" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "ideographic" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "mask" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "path" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | keyof import("../Box/stylingProps").StylingProps | "key" | "animated" | "withRichContent" | "htmlSize" | "options" | "renderItem" | "renderEmpty" | "endReached"> & React.RefAttributes<Element>>;
40
+ }, "string" | "x1" | "y" | "r" | "default" | "disabled" | "type" | "is" | "className" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "defer" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "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" | "children" | "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" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clip" | "clipPath" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cursor" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "direction" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "fill" | "fillOpacity" | "fillRule" | "filter" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "ideographic" | "imageRendering" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "mask" | "maskContentUnits" | "maskUnits" | "mathematical" | "mode" | "numOctaves" | "offset" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "paintOrder" | "panose1" | "path" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "pointerEvents" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rotate" | "rx" | "ry" | "scale" | "seed" | "shapeRendering" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textDecoration" | "textLength" | "textRendering" | "to" | "transform" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeBidi" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "values" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "visibility" | "vMathematical" | "widths" | "wordSpacing" | "writingMode" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | keyof import("../Box/stylingProps").StylingProps | "key" | "animated" | "withRichContent" | "htmlSize" | "options" | "renderItem" | "renderEmpty" | "withTitle" | "endReached"> & React.RefAttributes<Element>>;
40
41
  export declare const useVisible: (initialVisibility?: import("../AnimatedVisibility/AnimatedVisibility").VisibilityType) => ("hidden" | "visible" | "hiding" | "unhiding" | (() => void) | undefined)[];
41
42
  //# sourceMappingURL=OptionsPaginated.d.ts.map
package/dist/components/OptionsPaginated/OptionsPaginated.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OptionsPaginated.d.ts","sourceRoot":"","sources":["../../../src/components/OptionsPaginated/OptionsPaginated.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAkB,WAAW,EAAE,GAAG,EAAkB,MAAM,OAAO,CAAC;AAC9E,OAAO,KAA2B,MAAM,OAAO,CAAC;AAoBhD,eAAO,MAAM,KAAK,8CAAuC,CAAC;AAI1D,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;yCAUtB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;aAxBlB;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE;YACxD,MAAM;;;uBAGK,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,IAAI;0BACxB,MAAM,KAAK,IAAI;unSAkFrC,CAAC;AAEF,eAAO,MAAM,UAAU,wKAMtB,CAAC"}
1
+ {"version":3,"file":"OptionsPaginated.d.ts","sourceRoot":"","sources":["../../../src/components/OptionsPaginated/OptionsPaginated.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAkB,WAAW,EAAE,GAAG,EAAkB,MAAM,OAAO,CAAC;AAC9E,OAAO,KAA2B,MAAM,OAAO,CAAC;AAqBhD,eAAO,MAAM,KAAK,8CAAuC,CAAC;AAI1D,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;yCAUtB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;aAzBlB;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE;YACxD,MAAM;;;;uBAIK,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,IAAI;0BACxB,MAAM,KAAK,IAAI;qoSAkFrC,CAAC;AAEF,eAAO,MAAM,UAAU,wKAMtB,CAAC"}
package/dist/components/PaginatedSelect/PaginatedMultiSelect.d.ts CHANGED
@@ -1,21 +1,25 @@
1
- import type { ComponentProps } from 'react';
1
+ import type { ComponentProps, ReactElement } from 'react';
2
2
  import Box from '../Box';
3
- type PaginatedMultiSelectOption = {
4
- value?: string | number;
5
- label?: string | number;
3
+ import { OptionsPaginated } from '../OptionsPaginated';
4
+ export type PaginatedMultiSelectOption = {
5
+ value: string | number;
6
+ label: string;
6
7
  };
7
- type PaginatedMultiSelectProps = ComponentProps<typeof Box> & {
8
+ type PaginatedMultiSelectProps = Omit<ComponentProps<typeof Box>, 'onChange' | 'value'> & {
8
9
  error?: boolean;
9
10
  options: PaginatedMultiSelectOption[];
10
11
  withTitle?: boolean;
11
- placeholder: string;
12
+ placeholder?: string;
12
13
  endReached?: (start?: number, end?: number) => void;
13
- value?: PaginatedMultiSelectOption['value'];
14
+ value?: PaginatedMultiSelectOption[];
15
+ onChange: (values: PaginatedMultiSelectOption[]) => void;
16
+ renderOptions?: (props: ComponentProps<typeof OptionsPaginated>) => ReactElement | null;
17
+ anchor?: any;
14
18
  };
15
19
  export declare const PaginatedMultiSelect: ({ withTitle, value, filter, options, error, disabled, anchor: Anchor, onChange, placeholder, renderOptions: _Options, endReached, ...props }: PaginatedMultiSelectProps) => JSX.Element;
16
- type PaginatedMultiSelectFilteredProps = PaginatedMultiSelectProps & {
17
- setFilter?: (value: PaginatedMultiSelectOption['value']) => void;
20
+ type PaginatedMultiSelectFilteredProps = Omit<PaginatedMultiSelectProps, 'filter'> & {
18
21
  filter?: string;
22
+ setFilter?: (value: string) => void;
19
23
  };
20
24
  export declare const PaginatedMultiSelectFiltered: ({ filter, setFilter, options, placeholder, ...props }: PaginatedMultiSelectFilteredProps) => JSX.Element;
21
25
  export {};
package/dist/components/PaginatedSelect/PaginatedMultiSelect.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PaginatedMultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/PaginatedSelect/PaginatedMultiSelect.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAkB,cAAc,EAAO,MAAM,OAAO,CAAC;AAKjE,OAAO,GAAG,MAAM,QAAQ,CAAC;AAgBzB,KAAK,0BAA0B,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,KAAK,yBAAyB,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,0BAA0B,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,KAAK,CAAC,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,oBAAoB,iJAa9B,yBAAyB,gBA4I3B,CAAC;AAEF,KAAK,iCAAiC,GAAG,yBAAyB,GAAG;IACnE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACjE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,4BAA4B,0DAMtC,iCAAiC,gBAoCnC,CAAC"}
1
+ {"version":3,"file":"PaginatedMultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/PaginatedSelect/PaginatedMultiSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,cAAc,EAEd,YAAY,EAEb,MAAM,OAAO,CAAC;AAKf,OAAO,GAAG,MAAM,QAAQ,CAAC;AAOzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AASvD,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,yBAAyB,GAAG,IAAI,CACnC,cAAc,CAAC,OAAO,GAAG,CAAC,EAC1B,UAAU,GAAG,OAAO,CACrB,GAAG;IACF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,0BAA0B,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,KAAK,CAAC,EAAE,0BAA0B,EAAE,CAAC;IACrC,QAAQ,EAAE,CAAC,MAAM,EAAE,0BAA0B,EAAE,KAAK,IAAI,CAAC;IACzD,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAC3C,YAAY,GAAG,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,GAAG,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,oBAAoB,iJAa9B,yBAAyB,gBAqI3B,CAAC;AAEF,KAAK,iCAAiC,GAAG,IAAI,CAC3C,yBAAyB,EACzB,QAAQ,CACT,GAAG;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,4BAA4B,0DAMtC,iCAAiC,gBAqCnC,CAAC"}
package/dist/components/PaginatedSelect/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export { PaginatedSelectFiltered } from './PaginatedSelectFiltered';
2
- export { PaginatedMultiSelectFiltered } from './PaginatedMultiSelect';
2
+ export { PaginatedMultiSelectFiltered, PaginatedMultiSelectOption, } from './PaginatedMultiSelect';
3
3
  //# sourceMappingURL=index.d.ts.map
package/dist/components/PaginatedSelect/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PaginatedSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PaginatedSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EACL,4BAA4B,EAC5B,0BAA0B,GAC3B,MAAM,wBAAwB,CAAC"}
package/dist/fuselage.development.js CHANGED
@@ -11824,11 +11824,11 @@ var CheckOption = (0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(function CheckOpti
11824
11824
  react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_CheckBox__WEBPACK_IMPORTED_MODULE_5__.CheckBox, { checked: selected })));
11825
11825
  });
11826
11826
  var OptionsPaginated = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref) {
11827
- var title = _a.title, multiple = _a.multiple, _b = _a.renderEmpty, EmptyComponent = _b === void 0 ? Empty : _b, options = _a.options, cursor = _a.cursor, _c = _a.renderItem, OptionComponent = _c === void 0 ? _Option__WEBPACK_IMPORTED_MODULE_6__["default"] : _c, onSelect = _a.onSelect, endReached = _a.endReached, props = __rest(_a, ["title", "multiple", "renderEmpty", "options", "cursor", "renderItem", "onSelect", "endReached"]);
11827
+ var withTitle = _a.withTitle, multiple = _a.multiple, _b = _a.renderEmpty, EmptyComponent = _b === void 0 ? Empty : _b, options = _a.options, cursor = _a.cursor, _c = _a.renderItem, OptionComponent = _c === void 0 ? _Option__WEBPACK_IMPORTED_MODULE_6__["default"] : _c, onSelect = _a.onSelect, endReached = _a.endReached, props = __rest(_a, ["withTitle", "multiple", "renderEmpty", "options", "cursor", "renderItem", "onSelect", "endReached"]);
11828
11828
  var OptionsComponentWithData = function (_a) {
11829
11829
  var index = _a.index, data = _a.data;
11830
11830
  var value = data.value, label = data.label, selected = data.selected;
11831
- return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(OptionComponent, __assign({}, (title && { title: label }), { role: 'option', label: label, onMouseDown: function (e) {
11831
+ return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(OptionComponent, __assign({}, (withTitle && { title: label }), { role: 'option', label: label, onMouseDown: function (e) {
11832
11832
  (0,_helpers_prevent__WEBPACK_IMPORTED_MODULE_2__.prevent)(e);
11833
11833
  onSelect([value, label]);
11834
11834
  return false;
@@ -11945,7 +11945,6 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
11945
11945
  }
11946
11946
  return to.concat(ar || Array.prototype.slice.call(from));
11947
11947
  };
11948
- // @ts-nocheck
11949
11948
 
11950
11949
 
11951
11950
 
@@ -11966,15 +11965,16 @@ var PaginatedMultiSelect = function (_a) {
11966
11965
  var withTitle = _a.withTitle, value = _a.value, filter = _a.filter, _b = _a.options, options = _b === void 0 ? [] : _b, error = _a.error, disabled = _a.disabled, _c = _a.anchor, Anchor = _c === void 0 ? _Select_SelectFocus__WEBPACK_IMPORTED_MODULE_14__["default"] : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, placeholder = _a.placeholder, _e = _a.renderOptions, _Options = _e === void 0 ? _OptionsPaginated__WEBPACK_IMPORTED_MODULE_11__.OptionsPaginated : _e, endReached = _a.endReached, props = __rest(_a, ["withTitle", "value", "filter", "options", "error", "disabled", "anchor", "onChange", "placeholder", "renderOptions", "endReached"]);
11967
11966
  var _f = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(value || []), 2), internalValue = _f[0], setInternalValue = _f[1];
11968
11967
  var currentValue = value !== undefined ? value : internalValue;
11969
- var option = options.find(function (option) { return option.value === currentValue; });
11970
- var internalChanged = function (_a) {
11971
- var _b = __read(_a, 1), value = _b[0];
11972
- if (currentValue.some(function (item) { return item.value === value.value; })) {
11973
- var newValue_1 = currentValue.filter(function (item) { return item.value !== value.value; });
11968
+ var selectedOptions = options.filter(function (option) {
11969
+ return currentValue.some(function (opt) { return opt.value === option.value; });
11970
+ });
11971
+ var internalChanged = function (option) {
11972
+ if (currentValue.some(function (opt) { return opt.value === option.value; })) {
11973
+ var newValue_1 = currentValue.filter(function (opt) { return opt.value !== option.value; });
11974
11974
  setInternalValue(newValue_1);
11975
11975
  return onChange(newValue_1);
11976
11976
  }
11977
- var newValue = __spreadArray(__spreadArray([], __read(currentValue), false), [value], false);
11977
+ var newValue = __spreadArray(__spreadArray([], __read(currentValue), false), [option], false);
11978
11978
  setInternalValue(newValue);
11979
11979
  return onChange(newValue);
11980
11980
  };
@@ -11990,6 +11990,11 @@ var PaginatedMultiSelect = function (_a) {
11990
11990
  return show();
11991
11991
  }
11992
11992
  });
11993
+ var handleMouseDown = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useMutableCallback)(function (option) { return function (e) {
11994
+ (0,_helpers_prevent__WEBPACK_IMPORTED_MODULE_2__.prevent)(e);
11995
+ internalChanged(option);
11996
+ return false;
11997
+ }; });
11993
11998
  return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_4__["default"], __assign({ is: 'div', "rcx-select": true, className: [error && 'invalid', disabled && 'disabled'], ref: containerRef, onClick: handleClick, disabled: disabled }, props),
11994
11999
  react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Flex__WEBPACK_IMPORTED_MODULE_6__["default"].Item, { grow: 1 },
11995
12000
  react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Margins__WEBPACK_IMPORTED_MODULE_9__["default"], { inline: 'x4' },
@@ -11997,23 +12002,10 @@ var PaginatedMultiSelect = function (_a) {
11997
12002
  react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_4__["default"], { is: 'div' },
11998
12003
  react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_4__["default"], { is: 'div', display: 'flex', alignItems: 'center', flexWrap: 'wrap', margin: '-x8', role: 'listbox' },
11999
12004
  react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Margins__WEBPACK_IMPORTED_MODULE_9__["default"], { all: 'x4' },
12000
- react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Anchor, { disabled: disabled, ref: ref, "aria-haspopup": 'listbox', onClick: show, onBlur: hide, order: 1, "rcx-input-box--undecorated": true, children: !value ? option || placeholder : null }),
12001
- currentValue.map(function (value, index) {
12002
- var _a, _b;
12003
- return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SelectedOptions, __assign({}, (withTitle && {
12004
- title: value.label ||
12005
- ((_a = options.find(function (val) {
12006
- return val.value === value;
12007
- })) === null || _a === void 0 ? void 0 : _a.label),
12008
- }), { tabIndex: -1, role: 'option', key: index, onMouseDown: function (e) {
12009
- (0,_helpers_prevent__WEBPACK_IMPORTED_MODULE_2__.prevent)(e);
12010
- internalChanged([value]);
12011
- return false;
12012
- }, children: value.label ||
12013
- ((_b = options.find(function (val) {
12014
- return val.value === value;
12015
- })) === null || _b === void 0 ? void 0 : _b.label) })));
12016
- }))))))),
12005
+ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Anchor, { disabled: disabled, ref: ref, "aria-haspopup": 'listbox', onClick: show, onBlur: hide, order: 1, "rcx-input-box--undecorated": true, children: placeholder !== null && placeholder !== void 0 ? placeholder : null }),
12006
+ selectedOptions.map(function (option, index) { return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SelectedOptions, __assign({}, (withTitle && {
12007
+ title: option.label,
12008
+ }), { tabIndex: -1, role: 'option', key: index, onMouseDown: handleMouseDown(option), children: option.label }))); }))))))),
12017
12009
  react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Flex__WEBPACK_IMPORTED_MODULE_6__["default"].Item, { grow: 0, shrink: 0 },
12018
12010
  react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Margins__WEBPACK_IMPORTED_MODULE_9__["default"], { inline: 'x4' },
12019
12011
  react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Select_SelectAddon__WEBPACK_IMPORTED_MODULE_13__["default"], { children: react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_7__.Icon, { name: visible === _AnimatedVisibility__WEBPACK_IMPORTED_MODULE_3__["default"].VISIBLE
@@ -12021,16 +12013,19 @@ var PaginatedMultiSelect = function (_a) {
12021
12013
  : 'chevron-down', size: 'x20' }) }))),
12022
12014
  react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_AnimatedVisibility__WEBPACK_IMPORTED_MODULE_3__["default"], { visibility: visible },
12023
12015
  react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Position__WEBPACK_IMPORTED_MODULE_12__["default"], { anchor: containerRef },
12024
- react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Options, __assign({}, (withTitle && { title: withTitle }), { width: borderBoxSize.inlineSize, onMouseDown: _helpers_prevent__WEBPACK_IMPORTED_MODULE_2__.prevent, multiple: true, filter: filter, role: 'listbox', options: options, onSelect: internalChanged, endReached: endReached }))))));
12016
+ react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Options, { withTitle: withTitle, width: borderBoxSize.inlineSize, onMouseDown: _helpers_prevent__WEBPACK_IMPORTED_MODULE_2__.prevent, multiple: true, filter: filter, role: 'listbox', options: options, cursor: -1, endReached: endReached, onSelect: function (_a) {
12017
+ var _b = __read(_a, 2), value = _b[0], label = _b[1];
12018
+ return internalChanged({ value: value, label: label });
12019
+ } })))));
12025
12020
  };
12026
12021
  var PaginatedMultiSelectFiltered = function (_a) {
12027
12022
  var filter = _a.filter, setFilter = _a.setFilter, options = _a.options, placeholder = _a.placeholder, props = __rest(_a, ["filter", "setFilter", "options", "placeholder"]);
12023
+ // eslint-disable-next-line react-hooks/exhaustive-deps
12028
12024
  var anchor = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref) {
12029
12025
  var _children = _a.children, filter = _a.filter, props = __rest(_a, ["children", "filter"]);
12030
12026
  return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Flex__WEBPACK_IMPORTED_MODULE_6__["default"].Item, { grow: 1 },
12031
12027
  react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_InputBox__WEBPACK_IMPORTED_MODULE_8__.InputBox.Input, __assign({ ref: ref, placeholder: placeholder, value: filter, onInput: function (e) {
12032
- return setFilter &&
12033
- setFilter(e.currentTarget.value);
12028
+ return setFilter === null || setFilter === void 0 ? void 0 : setFilter(e.currentTarget.value);
12034
12029
  } }, props, { "rcx-input-box--undecorated": true }))));
12035
12030
  }), []);
12036
12031
  return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PaginatedMultiSelect, __assign({ filter: filter, options: options }, props, { anchor: anchor })));