@rocket.chat/fuselage 0.6.3-dev.446 → 0.6.3-dev.447
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/SelectAnchorParams.d.ts +11 -0
- package/dist/components/Select/SelectAnchorParams.d.ts.map +1 -0
- package/dist/components/Select/SelectFiltered.d.ts +1 -22
- package/dist/components/Select/SelectFiltered.d.ts.map +1 -1
- package/dist/components/Select/SelectFilteredAnchor.d.ts +16 -0
- package/dist/components/Select/SelectFilteredAnchor.d.ts.map +1 -0
- package/dist/fuselage.development.js +92 -38
- package/dist/fuselage.development.js.map +1 -1
- package/dist/fuselage.production.js +1 -1
- package/package.json +11 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,cAAc,EAGd,WAAW,EAEZ,MAAM,OAAO,CAAC;AACf,OAAO,KAA2D,MAAM,OAAO,CAAC;AAIhF,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAS/B,oBAAY,YAAY,GAAG,SAAS;IAClC,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;IACb,QAAQ,CAAC,EAAE,OAAO;CACnB,CAAC;AAoBF,oBAAY,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IACvE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;aAZR,YAAY,EAAE;sBACL,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI;0CACL,YAAY,CAAC,CAAC,CAAC;0CACf,YAAY,CAAC,CAAC,CAAC;;;;;;;0pSAgLrD,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { FocusEventHandler, KeyboardEventHandler, MouseEventHandler, ReactNode, Ref } from 'react';
|
|
2
|
+
export declare type SelectAnchorParams = {
|
|
3
|
+
ref: Ref<Element>;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
disabled: boolean;
|
|
6
|
+
onClick: MouseEventHandler;
|
|
7
|
+
onBlur: FocusEventHandler;
|
|
8
|
+
onKeyUp: KeyboardEventHandler;
|
|
9
|
+
onKeyDown: KeyboardEventHandler;
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=SelectAnchorParams.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectAnchorParams.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectAnchorParams.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAC;AAEf,oBAAY,kBAAkB,GAAG;IAC/B,GAAG,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,SAAS,EAAE,oBAAoB,CAAC;CACjC,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import type { ComponentProps, Dispatch, SetStateAction } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
2
|
import { Select } from '.';
|
|
4
3
|
import type { Icon } from '..';
|
|
5
4
|
export declare type SelectFilteredProps = ComponentProps<typeof Select> & {
|
|
@@ -7,25 +6,5 @@ export declare type SelectFilteredProps = ComponentProps<typeof Select> & {
|
|
|
7
6
|
setFilter?: Dispatch<SetStateAction<string>>;
|
|
8
7
|
addonIcon?: ComponentProps<typeof Icon>['name'];
|
|
9
8
|
};
|
|
10
|
-
export declare const SelectFiltered:
|
|
11
|
-
is?: React.ElementType<any> | undefined;
|
|
12
|
-
htmlSize?: number | undefined;
|
|
13
|
-
} & import("../Box").BoxStylingProps & Omit<React.AllHTMLAttributes<HTMLElement>, "ref" | "is" | "className" | "size"> & Omit<React.SVGAttributes<SVGElement>, keyof React.AllHTMLAttributes<HTMLElement>> & React.RefAttributes<any>, "onChange"> & {
|
|
14
|
-
anchor?: React.ElementType<any> | undefined;
|
|
15
|
-
error?: string | undefined;
|
|
16
|
-
options: import("./Select").SelectOption[];
|
|
17
|
-
onChange: (value: string) => void;
|
|
18
|
-
getLabel?: ((params: import("./Select").SelectOption) => string) | undefined;
|
|
19
|
-
getValue?: ((params: import("./Select").SelectOption) => string) | undefined;
|
|
20
|
-
filter?: string | undefined;
|
|
21
|
-
renderOptions?: React.ElementType<any> | undefined;
|
|
22
|
-
renderItem?: React.ElementType<any> | undefined;
|
|
23
|
-
renderSelected?: React.ElementType<any> | undefined;
|
|
24
|
-
customEmpty?: string | undefined;
|
|
25
|
-
addonIcon?: "info" | "warning" | "link" | "download" | "list" | "clip" | "italic" | "bold" | "key" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "user" | "bell" | "bell-off" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-up-box" | "at" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "book" | "brush" | "burger" | "burger-arrow-left" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "clipboard" | "clock" | "cloud-arrow-up" | "cloud-plus" | "cog" | "condensed-view" | "contact" | "copy" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "desktop" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "folder" | "globe" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "language" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "moon" | "musical-note" | "new-window" | "pause" | "pause-unfilled" | "pencil" | "pencil-box" | "phone" | "phone-disabled" | "phone-in" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "send" | "send-filled" | "sheet" | "shield" | "shield-check" | "signal" | "sms" | "sort" | "sort-az" | "squares" | "stack" | "star" | "star-filled" | "stopwatch" | "strike" | "success-circle" | "sun" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "underline" | "undo" | "user-arrow-right" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "twitter" | undefined;
|
|
26
|
-
}, "string" | "y" | "r" | "default" | "disabled" | "type" | "is" | "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" | "nonce" | "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" | "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" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "htmlSize" | keyof import("../Box").BoxStylingProps | "key" | "options" | "renderItem" | "customEmpty" | "error" | "anchor" | "getLabel" | "getValue" | "renderOptions" | "renderSelected" | "addonIcon"> & React.RefAttributes<HTMLInputElement> & {
|
|
27
|
-
filter?: string | undefined;
|
|
28
|
-
setFilter?: Dispatch<SetStateAction<string>> | undefined;
|
|
29
|
-
addonIcon?: "info" | "warning" | "link" | "download" | "list" | "clip" | "italic" | "bold" | "key" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "user" | "bell" | "bell-off" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-up-box" | "at" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "book" | "brush" | "burger" | "burger-arrow-left" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "clipboard" | "clock" | "cloud-arrow-up" | "cloud-plus" | "cog" | "condensed-view" | "contact" | "copy" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "desktop" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "folder" | "globe" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "language" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "moon" | "musical-note" | "new-window" | "pause" | "pause-unfilled" | "pencil" | "pencil-box" | "phone" | "phone-disabled" | "phone-in" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "send" | "send-filled" | "sheet" | "shield" | "shield-check" | "signal" | "sms" | "sort" | "sort-az" | "squares" | "stack" | "star" | "star-filled" | "stopwatch" | "strike" | "success-circle" | "sun" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "underline" | "undo" | "user-arrow-right" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "twitter" | undefined;
|
|
30
|
-
}, "string" | "y" | "r" | "default" | "disabled" | "type" | "is" | "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" | "nonce" | "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" | "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" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "htmlSize" | keyof import("../Box").BoxStylingProps | "key" | "options" | "renderItem" | "customEmpty" | "error" | "anchor" | "getLabel" | "getValue" | "renderOptions" | "renderSelected" | "addonIcon" | "setFilter"> & React.RefAttributes<HTMLInputElement>>;
|
|
9
|
+
export declare const SelectFiltered: ({ options, placeholder, filter: propFilter, setFilter: propSetFilter, ...props }: SelectFilteredProps) => JSX.Element;
|
|
31
10
|
//# sourceMappingURL=SelectFiltered.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectFiltered.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectFiltered.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectFiltered.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectFiltered.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAC3B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAI/B,oBAAY,mBAAmB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;CACjD,CAAC;AAEF,eAAO,MAAM,cAAc,qFAMxB,mBAAmB,gBAmBrB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { FocusEventHandler, KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare type SelectFilteredAnchorProps = {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
disabled: boolean;
|
|
6
|
+
filter: string;
|
|
7
|
+
onChangeFilter: (filter: string) => void;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
onClick: MouseEventHandler;
|
|
10
|
+
onBlur: FocusEventHandler;
|
|
11
|
+
onKeyUp: KeyboardEventHandler;
|
|
12
|
+
onKeyDown: KeyboardEventHandler;
|
|
13
|
+
};
|
|
14
|
+
declare const SelectFilteredAnchor: React.ForwardRefExoticComponent<SelectFilteredAnchorProps & React.RefAttributes<Element>>;
|
|
15
|
+
export default SelectFilteredAnchor;
|
|
16
|
+
//# sourceMappingURL=SelectFilteredAnchor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectFilteredAnchor.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectFilteredAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EAEjB,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAC;AACf,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,aAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,SAAS,EAAE,oBAAoB,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,oBAAoB,2FAyBxB,CAAC;AAEH,eAAe,oBAAoB,CAAC"}
|
|
@@ -12501,14 +12501,15 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
12501
12501
|
/* harmony import */ var _rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__);
|
|
12502
12502
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
12503
12503
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
12504
|
-
/* harmony import */ var
|
|
12505
|
-
/* harmony import */ var
|
|
12506
|
-
/* harmony import */ var
|
|
12507
|
-
/* harmony import */ var
|
|
12508
|
-
/* harmony import */ var
|
|
12509
|
-
/* harmony import */ var
|
|
12510
|
-
/* harmony import */ var
|
|
12511
|
-
/* harmony import */ var
|
|
12504
|
+
/* harmony import */ var _helpers_isForwardRefType__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../helpers/isForwardRefType */ "./src/helpers/isForwardRefType.ts");
|
|
12505
|
+
/* harmony import */ var _AnimatedVisibility__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../AnimatedVisibility */ "./src/components/AnimatedVisibility/index.ts");
|
|
12506
|
+
/* harmony import */ var _Box__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Box */ "./src/components/Box/index.js");
|
|
12507
|
+
/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Icon */ "./src/components/Icon/index.ts");
|
|
12508
|
+
/* harmony import */ var _Margins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Margins */ "./src/components/Margins/index.ts");
|
|
12509
|
+
/* harmony import */ var _Options__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../Options */ "./src/components/Options/index.ts");
|
|
12510
|
+
/* harmony import */ var _PositionAnimated__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../PositionAnimated */ "./src/components/PositionAnimated/index.ts");
|
|
12511
|
+
/* harmony import */ var _SelectAddon__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./SelectAddon */ "./src/components/Select/SelectAddon.tsx");
|
|
12512
|
+
/* harmony import */ var _SelectFocus__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./SelectFocus */ "./src/components/Select/SelectFocus.tsx");
|
|
12512
12513
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
12513
12514
|
__assign = Object.assign || function(t) {
|
|
12514
12515
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -12557,7 +12558,8 @@ var __read = (undefined && undefined.__read) || function (o, n) {
|
|
|
12557
12558
|
|
|
12558
12559
|
|
|
12559
12560
|
|
|
12560
|
-
|
|
12561
|
+
|
|
12562
|
+
var Wrapper = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) { return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_4__.Box, __assign({ is: 'div', "rcx-select__wrapper": true, ref: ref }, props))); });
|
|
12561
12563
|
var useDidUpdate = function (func, deps) {
|
|
12562
12564
|
var didMount = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(false);
|
|
12563
12565
|
var fn = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useMutableCallback)(func);
|
|
@@ -12569,13 +12571,13 @@ var useDidUpdate = function (func, deps) {
|
|
|
12569
12571
|
}, deps || []);
|
|
12570
12572
|
};
|
|
12571
12573
|
var Select = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref) {
|
|
12572
|
-
var value = _a.value, filter = _a.filter, error = _a.error, disabled = _a.disabled, _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.anchor, Anchor = _c === void 0 ?
|
|
12574
|
+
var value = _a.value, filter = _a.filter, error = _a.error, disabled = _a.disabled, _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.anchor, Anchor = _c === void 0 ? _SelectFocus__WEBPACK_IMPORTED_MODULE_10__["default"] : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.getValue, getValue = _e === void 0 ? function (_a) {
|
|
12573
12575
|
var _b = _a === void 0 ? ['', ''] : _a, _c = __read(_b, 1), value = _c[0];
|
|
12574
12576
|
return value;
|
|
12575
12577
|
} : _e, _f = _a.getLabel, getLabel = _f === void 0 ? function (_a) {
|
|
12576
12578
|
var _b = _a === void 0 ? ['', ''] : _a, _c = __read(_b, 2), _ = _c[0], label = _c[1];
|
|
12577
12579
|
return label;
|
|
12578
|
-
} : _f, _g = _a.placeholder, placeholder = _g === void 0 ? '' : _g, renderItem = _a.renderItem, RenderSelected = _a.renderSelected, _h = _a.renderOptions, _Options = _h === void 0 ?
|
|
12580
|
+
} : _f, _g = _a.placeholder, placeholder = _g === void 0 ? '' : _g, renderItem = _a.renderItem, RenderSelected = _a.renderSelected, _h = _a.renderOptions, _Options = _h === void 0 ? _Options__WEBPACK_IMPORTED_MODULE_7__.Options : _h, addonIcon = _a.addonIcon, customEmpty = _a.customEmpty, props = __rest(_a, ["value", "filter", "error", "disabled", "options", "anchor", "onChange", "getValue", "getLabel", "placeholder", "renderItem", "renderSelected", "renderOptions", "addonIcon", "customEmpty"]);
|
|
12579
12581
|
var _j = __read((0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(value || ''), 2), internalValue = _j[0], setInternalValue = _j[1];
|
|
12580
12582
|
var internalChangedByKeyboard = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useMutableCallback)(function (_a) {
|
|
12581
12583
|
var _b = __read(_a, 1), value = _b[0];
|
|
@@ -12598,7 +12600,7 @@ var Select = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref
|
|
|
12598
12600
|
};
|
|
12599
12601
|
return options.filter(applyFilter).map(mapOptions);
|
|
12600
12602
|
}, [options, internalValue, filter]);
|
|
12601
|
-
var _k = __read((0,
|
|
12603
|
+
var _k = __read((0,_Options__WEBPACK_IMPORTED_MODULE_7__.useCursor)(index, filteredOptions, internalChangedByKeyboard), 5), cursor = _k[0], handleKeyDown = _k[1], handleKeyUp = _k[2], reset = _k[3], _l = __read(_k[4], 3), visible = _l[0], hide = _l[1], show = _l[2];
|
|
12602
12604
|
var internalChangedByClick = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useMutableCallback)(function (_a) {
|
|
12603
12605
|
var _b = __read(_a, 1), value = _b[0];
|
|
12604
12606
|
setInternalValue(value);
|
|
@@ -12607,29 +12609,46 @@ var Select = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref
|
|
|
12607
12609
|
});
|
|
12608
12610
|
var innerRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
12609
12611
|
var anchorRef = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useMergedRefs)(ref, innerRef);
|
|
12612
|
+
var renderAnchor = function (params) {
|
|
12613
|
+
if ((0,_helpers_isForwardRefType__WEBPACK_IMPORTED_MODULE_2__.isForwardRefType)(Anchor)) {
|
|
12614
|
+
return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Anchor, __assign({}, params));
|
|
12615
|
+
}
|
|
12616
|
+
if (typeof Anchor === 'function') {
|
|
12617
|
+
return Anchor(params);
|
|
12618
|
+
}
|
|
12619
|
+
return null;
|
|
12620
|
+
};
|
|
12610
12621
|
var _m = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useResizeObserver)(), containerRef = _m.ref, borderBoxSize = _m.borderBoxSize;
|
|
12611
12622
|
useDidUpdate(reset, [filter, internalValue]);
|
|
12612
12623
|
var valueLabel = getLabel(option);
|
|
12613
|
-
var visibleText = (filter === undefined || visible ===
|
|
12624
|
+
var visibleText = (filter === undefined || visible === _AnimatedVisibility__WEBPACK_IMPORTED_MODULE_3__["default"].HIDDEN) &&
|
|
12614
12625
|
(valueLabel || placeholder || typeof placeholder === 'string');
|
|
12615
12626
|
var handleClick = (0,_rocket_chat_fuselage_hooks__WEBPACK_IMPORTED_MODULE_0__.useMutableCallback)(function () {
|
|
12616
12627
|
var _a;
|
|
12617
|
-
if (visible ===
|
|
12628
|
+
if (visible === _AnimatedVisibility__WEBPACK_IMPORTED_MODULE_3__["default"].VISIBLE) {
|
|
12618
12629
|
return hide();
|
|
12619
12630
|
}
|
|
12620
12631
|
(_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
12621
12632
|
return show();
|
|
12622
12633
|
});
|
|
12623
|
-
return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
12634
|
+
return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_4__.Box, __assign({ "rcx-select": true, disabled: disabled, ref: containerRef, onClick: handleClick, className: (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () { return [error && 'invalid', disabled && 'disabled']; }, [error, disabled]) }, props),
|
|
12624
12635
|
react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Wrapper, { display: 'flex', mi: 'neg-x4', "rcx-select__wrapper--hidden": !!visibleText },
|
|
12625
12636
|
visibleText &&
|
|
12626
|
-
(RenderSelected ? (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RenderSelected, { role: 'option', value: getValue(option), label: valueLabel, key: getValue(option) })) : (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
12627
|
-
|
|
12628
|
-
|
|
12629
|
-
|
|
12637
|
+
(RenderSelected ? (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RenderSelected, { role: 'option', value: getValue(option), label: valueLabel, key: getValue(option) })) : (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Box__WEBPACK_IMPORTED_MODULE_4__.Box, { flexGrow: 1, is: 'span', mi: 'x4', "rcx-select__item": true, fontScale: 'p2', color: valueLabel ? 'default' : 'hint' }, visibleText))),
|
|
12638
|
+
renderAnchor({
|
|
12639
|
+
ref: anchorRef,
|
|
12640
|
+
children: !value ? option || placeholder : null,
|
|
12641
|
+
disabled: disabled !== null && disabled !== void 0 ? disabled : false,
|
|
12642
|
+
onClick: show,
|
|
12643
|
+
onBlur: hide,
|
|
12644
|
+
onKeyDown: handleKeyDown,
|
|
12645
|
+
onKeyUp: handleKeyUp,
|
|
12646
|
+
}),
|
|
12647
|
+
react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Margins__WEBPACK_IMPORTED_MODULE_6__["default"], { inline: 'x4' },
|
|
12648
|
+
react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_SelectAddon__WEBPACK_IMPORTED_MODULE_9__["default"], { children: react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Icon__WEBPACK_IMPORTED_MODULE_5__.Icon, { name: visible === _AnimatedVisibility__WEBPACK_IMPORTED_MODULE_3__["default"].VISIBLE
|
|
12630
12649
|
? 'cross'
|
|
12631
12650
|
: addonIcon || 'chevron-down', size: 'x20' }) }))),
|
|
12632
|
-
react__WEBPACK_IMPORTED_MODULE_1___default().createElement(
|
|
12651
|
+
react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_PositionAnimated__WEBPACK_IMPORTED_MODULE_8__["default"], { visible: visible, anchor: containerRef },
|
|
12633
12652
|
react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Options, { width: borderBoxSize.inlineSize, role: 'listbox', filter: filter, options: filteredOptions, onSelect: internalChangedByClick, renderItem: renderItem, cursor: cursor, customEmpty: customEmpty }))));
|
|
12634
12653
|
});
|
|
12635
12654
|
|
|
@@ -12679,12 +12698,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
12679
12698
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
12680
12699
|
/* harmony export */ "SelectFiltered": function() { return /* binding */ SelectFiltered; }
|
|
12681
12700
|
/* harmony export */ });
|
|
12682
|
-
/* harmony import */ var
|
|
12683
|
-
/* harmony import */ var
|
|
12684
|
-
/* harmony import */ var
|
|
12685
|
-
/* harmony import */ var
|
|
12686
|
-
/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! . */ "./src/components/Select/index.ts");
|
|
12687
|
-
/* harmony import */ var _InputBox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../InputBox */ "./src/components/InputBox/index.ts");
|
|
12701
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
12702
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
12703
|
+
/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! . */ "./src/components/Select/index.ts");
|
|
12704
|
+
/* harmony import */ var _SelectFilteredAnchor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./SelectFilteredAnchor */ "./src/components/Select/SelectFilteredAnchor.tsx");
|
|
12688
12705
|
var __assign = (undefined && undefined.__assign) || function () {
|
|
12689
12706
|
__assign = Object.assign || function(t) {
|
|
12690
12707
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -12726,20 +12743,57 @@ var __read = (undefined && undefined.__read) || function (o, n) {
|
|
|
12726
12743
|
|
|
12727
12744
|
|
|
12728
12745
|
|
|
12729
|
-
|
|
12730
|
-
var SelectFiltered = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_a, ref) {
|
|
12746
|
+
var SelectFiltered = function (_a) {
|
|
12731
12747
|
var options = _a.options, placeholder = _a.placeholder, propFilter = _a.filter, propSetFilter = _a.setFilter, props = __rest(_a, ["options", "placeholder", "filter", "setFilter"]);
|
|
12732
|
-
var _b = __read((0,
|
|
12733
|
-
|
|
12734
|
-
|
|
12735
|
-
|
|
12736
|
-
|
|
12737
|
-
|
|
12738
|
-
|
|
12739
|
-
|
|
12740
|
-
|
|
12741
|
-
|
|
12748
|
+
var _b = __read((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''), 2), filter = _b[0], setFilter = _b[1];
|
|
12749
|
+
return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__.Select, __assign({ placeholder: placeholder, filter: propFilter || filter, options: options }, props, { anchor: function (params) { return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SelectFilteredAnchor__WEBPACK_IMPORTED_MODULE_2__["default"], __assign({ placeholder: placeholder, filter: propFilter || filter, onChangeFilter: propSetFilter || setFilter }, params))); } })));
|
|
12750
|
+
};
|
|
12751
|
+
|
|
12752
|
+
|
|
12753
|
+
/***/ }),
|
|
12754
|
+
|
|
12755
|
+
/***/ "./src/components/Select/SelectFilteredAnchor.tsx":
|
|
12756
|
+
/*!********************************************************!*\
|
|
12757
|
+
!*** ./src/components/Select/SelectFilteredAnchor.tsx ***!
|
|
12758
|
+
\********************************************************/
|
|
12759
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
12760
|
+
|
|
12761
|
+
"use strict";
|
|
12762
|
+
__webpack_require__.r(__webpack_exports__);
|
|
12763
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
12764
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
12765
|
+
/* harmony import */ var _InputBox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../InputBox */ "./src/components/InputBox/index.ts");
|
|
12766
|
+
var __assign = (undefined && undefined.__assign) || function () {
|
|
12767
|
+
__assign = Object.assign || function(t) {
|
|
12768
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
12769
|
+
s = arguments[i];
|
|
12770
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
12771
|
+
t[p] = s[p];
|
|
12772
|
+
}
|
|
12773
|
+
return t;
|
|
12774
|
+
};
|
|
12775
|
+
return __assign.apply(this, arguments);
|
|
12776
|
+
};
|
|
12777
|
+
var __rest = (undefined && undefined.__rest) || function (s, e) {
|
|
12778
|
+
var t = {};
|
|
12779
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
12780
|
+
t[p] = s[p];
|
|
12781
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
12782
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
12783
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
12784
|
+
t[p[i]] = s[p[i]];
|
|
12785
|
+
}
|
|
12786
|
+
return t;
|
|
12787
|
+
};
|
|
12788
|
+
|
|
12789
|
+
|
|
12790
|
+
var SelectFilteredAnchor = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function SelectFilteredAnchor(_a, ref) {
|
|
12791
|
+
var _children = _a.children, filter = _a.filter, onChangeFilter = _a.onChangeFilter, placeholder = _a.placeholder, props = __rest(_a, ["children", "filter", "onChangeFilter", "placeholder"]);
|
|
12792
|
+
return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_InputBox__WEBPACK_IMPORTED_MODULE_1__.InputBox.Input, __assign({ mi: 'x4', flexGrow: 1, className: 'rcx-select__focus', ref: ref, placeholder: placeholder, value: filter, onInput: function (e) {
|
|
12793
|
+
return onChangeFilter(e.currentTarget.value);
|
|
12794
|
+
} }, props, { "rcx-input-box--undecorated": true })));
|
|
12742
12795
|
});
|
|
12796
|
+
/* harmony default export */ __webpack_exports__["default"] = (SelectFilteredAnchor);
|
|
12743
12797
|
|
|
12744
12798
|
|
|
12745
12799
|
/***/ }),
|