@nimbus-ds/patterns 1.25.0-rc.1 → 1.25.0-rc.3
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/ChatInput/index.d.ts +1 -1
- package/dist/FormField/index.d.ts +3 -3
- package/dist/Menu/index.d.ts +4 -0
- package/dist/Menu/index.js +1 -1
- package/dist/MenuButton/index.d.ts +4 -0
- package/dist/MenuButton/index.js +1 -1
- package/dist/index.d.ts +11 -3
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -21,7 +21,7 @@ export type ChatInputFieldProperties = Omit<TextareaProperties, "appearance"> &
|
|
|
21
21
|
appearance?: "none" | "danger" | "warning" | "success" | "ai-generative";
|
|
22
22
|
};
|
|
23
23
|
export type ChatInputFieldBaseProps = ChatInputFieldProperties & Omit<TextareaProps, "appearance"> & HTMLAttributes<HTMLElement>;
|
|
24
|
-
export declare const ChatInputField: React.ForwardRefExoticComponent<Pick<ChatInputFieldBaseProps, "width" | "height" | keyof React.HTMLAttributes<HTMLElement> | "form" | "pattern" | "key" | "max" | "min" | "name" | "type" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "cols" | "dirName" | "rows" | "wrap" | "appearance" | "lines" | "autoGrow" | "maxLines" | "minLines" | "resize"> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
24
|
+
export declare const ChatInputField: React.ForwardRefExoticComponent<Pick<ChatInputFieldBaseProps, "width" | "height" | keyof React.HTMLAttributes<HTMLElement> | "form" | "pattern" | "key" | "max" | "min" | "name" | "type" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "cols" | "dirName" | "rows" | "wrap" | "appearance" | "aiGenerated" | "lines" | "autoGrow" | "maxLines" | "minLines" | "resize"> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
25
25
|
export interface ChatInputPopoverProperties {
|
|
26
26
|
/**
|
|
27
27
|
* Content to be rendered inside the popover, usually ChatInput.PopoverButton components.
|
|
@@ -7,11 +7,11 @@ import { ComponentPropsWithRef, FC, HTMLAttributes, ReactNode } from 'react';
|
|
|
7
7
|
|
|
8
8
|
export type FormFieldSelectProperties = Omit<FormFieldProperties, "children"> & Omit<SelectProperties, "appearance">;
|
|
9
9
|
export type FormFieldSelectBaseProps = FormFieldSelectProperties & Omit<SelectProps, "appearance"> & HTMLAttributes<HTMLElement>;
|
|
10
|
-
export declare const FormFieldSelect: React.ForwardRefExoticComponent<Pick<FormFieldSelectBaseProps, "label" | "helpText" | "helpIcon" | "appearance" | "showHelpText" | "name" | "form" | "list" | "autoComplete" | "autoFocus" | "disabled" | "multiple" | "required" | "size" | "value" | "accept" | "alt" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "pattern" | "readOnly" | "src" | "step" | "type" | "width" | "key" | keyof React.HTMLAttributes<HTMLElement>> & React.RefAttributes<HTMLSelectElement>>;
|
|
10
|
+
export declare const FormFieldSelect: React.ForwardRefExoticComponent<Pick<FormFieldSelectBaseProps, "label" | "helpText" | "helpIcon" | "appearance" | "showHelpText" | "name" | "aiGenerated" | "form" | "list" | "autoComplete" | "autoFocus" | "disabled" | "multiple" | "required" | "size" | "value" | "accept" | "alt" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "pattern" | "readOnly" | "src" | "step" | "type" | "width" | "key" | keyof React.HTMLAttributes<HTMLElement>> & React.RefAttributes<HTMLSelectElement>>;
|
|
11
11
|
export type FormFieldSelectProps = ComponentPropsWithRef<typeof FormField.Select>;
|
|
12
12
|
export type FormFieldTextareaProperties = Omit<FormFieldProperties, "children"> & Omit<TextareaProperties, "appearance">;
|
|
13
13
|
export type FormFieldTextareaBaseProps = FormFieldTextareaProperties & Omit<TextareaProps, "appearance"> & HTMLAttributes<HTMLElement>;
|
|
14
|
-
export declare const FormFieldTextarea: React.ForwardRefExoticComponent<Pick<FormFieldTextareaBaseProps, "label" | "helpText" | "helpIcon" | "appearance" | "showHelpText" | "name" | "form" | "list" | "autoComplete" | "autoFocus" | "disabled" | "multiple" | "required" | "size" | "value" | "accept" | "alt" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "pattern" | "readOnly" | "src" | "step" | "type" | "width" | "key" | keyof React.HTMLAttributes<HTMLElement> | "lines" | "autoGrow" | "maxLines" | "minLines" | "resize" | "cols" | "dirName" | "rows" | "wrap"> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
14
|
+
export declare const FormFieldTextarea: React.ForwardRefExoticComponent<Pick<FormFieldTextareaBaseProps, "label" | "helpText" | "helpIcon" | "appearance" | "showHelpText" | "name" | "aiGenerated" | "form" | "list" | "autoComplete" | "autoFocus" | "disabled" | "multiple" | "required" | "size" | "value" | "accept" | "alt" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "pattern" | "readOnly" | "src" | "step" | "type" | "width" | "key" | keyof React.HTMLAttributes<HTMLElement> | "lines" | "autoGrow" | "maxLines" | "minLines" | "resize" | "cols" | "dirName" | "rows" | "wrap"> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
15
15
|
export type FormFieldTextareaProps = ComponentPropsWithRef<typeof FormField.Textarea>;
|
|
16
16
|
export type FormFieldInputProperties = Omit<FormFieldProperties, "children"> & Omit<InputProperties, "appearance"> & {
|
|
17
17
|
appearance?: FormFieldProperties["appearance"] | InputProperties["appearance"];
|
|
@@ -19,7 +19,7 @@ export type FormFieldInputProperties = Omit<FormFieldProperties, "children"> & O
|
|
|
19
19
|
export type FormFieldInputBaseProps = Omit<FormFieldInputProperties, "appearance"> & Omit<InputProps, "appearance"> & {
|
|
20
20
|
appearance?: FormFieldProperties["appearance"] | InputProperties["appearance"];
|
|
21
21
|
} & HTMLAttributes<HTMLElement>;
|
|
22
|
-
export declare const FormFieldInput: React.ForwardRefExoticComponent<Pick<FormFieldInputBaseProps, "label" | "helpText" | "helpIcon" | "appearance" | "showHelpText" | "name" | "form" | "list" | "autoComplete" | "autoFocus" | "disabled" | "multiple" | "required" | "size" | "value" | "accept" | "alt" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "pattern" | "readOnly" | "src" | "step" | "type" | "width" | "key" | keyof React.HTMLAttributes<HTMLElement> | "
|
|
22
|
+
export declare const FormFieldInput: React.ForwardRefExoticComponent<Pick<FormFieldInputBaseProps, "label" | "helpText" | "helpIcon" | "appearance" | "showHelpText" | "name" | "aiGenerated" | "form" | "list" | "autoComplete" | "autoFocus" | "disabled" | "multiple" | "required" | "size" | "value" | "accept" | "alt" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "pattern" | "readOnly" | "src" | "step" | "type" | "width" | "key" | keyof React.HTMLAttributes<HTMLElement> | "appendPosition" | "append" | "data-testid"> & React.RefAttributes<HTMLInputElement>>;
|
|
23
23
|
export type FormFieldInputProps = ComponentPropsWithRef<typeof FormField.Input>;
|
|
24
24
|
export interface FormFieldComponents {
|
|
25
25
|
Select: typeof FormFieldSelect;
|
package/dist/Menu/index.d.ts
CHANGED
|
@@ -77,6 +77,10 @@ export interface MenuButtonProperties {
|
|
|
77
77
|
* Text to be displayed in the tooltip when the button is collapsed. If not provided, the label will be used.
|
|
78
78
|
*/
|
|
79
79
|
tooltipText?: string;
|
|
80
|
+
/**
|
|
81
|
+
* Whether to show tooltips when the button is collapsed. Defaults to true.
|
|
82
|
+
*/
|
|
83
|
+
showTooltipsWhenCollapsed?: boolean;
|
|
80
84
|
}
|
|
81
85
|
export type MenuButtonBaseProps = MenuButtonProperties & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">;
|
|
82
86
|
declare const MenuButton: PolymorphicForwardRefComponent<"button" | "a", MenuButtonBaseProps> & MenuButtonComponents;
|
package/dist/Menu/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/components"),require("@nimbus-ds/icons")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/components","@nimbus-ds/icons"],t):"object"==typeof exports?exports["@nimbus-ds/patterns"]=t(require("react"),require("@nimbus-ds/components"),require("@nimbus-ds/icons")):e["@nimbus-ds/patterns"]=t(e.react,e["@nimbus-ds/components"],e["@nimbus-ds/icons"])}(global,((e,t,n)=>(()=>{"use strict";var o={7713:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initialMenuContext=void 0,t.initialMenuContext={expanded:!0,showTooltipsWhenCollapsed:!0,tooltipsPosition:"right"}},3843:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;const o=n(8156),r=n(7713),a=(0,o.createContext)(void 0);t.MenuExpandContext=a;t.useMenuExpandContext=(e=!0)=>{const t=(0,o.useContext)(a);if(void 0===t){if(!e)return r.initialMenuContext;throw new Error("Menu subcomponents must be used within MenuExpandContext.Provider")}return t}},776:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;var o=n(3843);Object.defineProperty(t,"MenuExpandContext",{enumerable:!0,get:function(){return o.MenuExpandContext}}),Object.defineProperty(t,"useMenuExpandContext",{enumerable:!0,get:function(){return o.useMenuExpandContext}})},6188:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Menu=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776),i=n(8269),u=n(987),c=({className:e,style:t,children:n,expanded:i=!0,showTooltipsWhenCollapsed:u=!0,tooltipsPosition:c="right",...l})=>{const d=(0,o.useMemo)((()=>({expanded:i,showTooltipsWhenCollapsed:u,tooltipsPosition:c})),[i,u,c]),s=(0,o.useMemo)((()=>i?{width:"100%"}:{width:"unset"}),[i]);return o.default.createElement(a.MenuExpandContext.Provider,{value:d},o.default.createElement(r.Box,{...l,display:"flex",flexDirection:"column",height:"100%",backgroundColor:"neutral-background",boxSizing:"border-box",...s},n))};t.Menu=c,c.Section=u.MenuSection,c.Button=i.MenuButton,c.ButtonAccordion=i.MenuButton?.Accordion,c.Header=u.MenuHeader,c.Body=u.MenuBody,c.Footer=u.MenuFooter,c.displayName="Menu",c.Section.displayName="Menu.Section",c.Header.displayName="Menu.Header",c.Body.displayName="Menu.Body",c.Footer.displayName="Menu.Footer"},8483:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=n(5163);o.__exportStar(n(20),t),o.__exportStar(n(987),t)},6103:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuBody=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776);t.MenuBody=({className:e,style:t,children:n,...i})=>{const{expanded:u}=(0,a.useMenuExpandContext)(!1),c=(0,o.useMemo)((()=>u?{pb:"4"}:{alignItems:"center"}),[u]);return o.default.createElement(r.Box,{...i,display:"flex",flexDirection:"column",flex:"1 1 auto",gap:"2",paddingX:"2",width:"100%",overflowY:"auto",overflowX:"hidden",boxSizing:"border-box",...c},n)}},1485:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuBody=void 0;const o=n(6103);var r=n(6103);Object.defineProperty(t,"MenuBody",{enumerable:!0,get:function(){return r.MenuBody}}),t.default=o.MenuBody},9065:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuFooter=void 0;const o=n(5163).__importDefault(n(8156)),r=n(3215),a=n(5280),i=n(8269);t.MenuFooter=({className:e,style:t,...n})=>{const u=n.active?"primary-interactive":"neutral-textHigh",c=n.disabled?"neutral-textDisabled":u;return o.default.createElement(a.Box,{boxSizing:"border-box",display:"flex",flex:"0 1 auto",paddingX:"2",paddingY:"3",width:"100%"},o.default.createElement(i.MenuButton,{...n},o.default.createElement(a.Icon,{source:o.default.createElement(r.ChevronRightIcon,{size:16}),color:c})))}},6116:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuFooter=void 0;const o=n(9065);var r=n(9065);Object.defineProperty(t,"MenuFooter",{enumerable:!0,get:function(){return r.MenuFooter}}),t.default=o.MenuFooter},7446:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuHeader=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776);t.MenuHeader=({className:e,style:t,children:n,...i})=>{const{expanded:u}=(0,a.useMenuExpandContext)(!1),c=(0,o.useMemo)((()=>u?{padding:"4"}:{justifyContent:"center",paddingX:"3",paddingY:"4"}),[u]);return o.default.createElement(r.Box,{...i,boxSizing:"border-box",display:"flex",flex:"0 1 auto",width:"100%",overflow:"hidden",...c},n)}},9925:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuHeader=void 0;const o=n(7446);var r=n(7446);Object.defineProperty(t,"MenuHeader",{enumerable:!0,get:function(){return r.MenuHeader}}),t.default=o.MenuHeader},2771:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuSection=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776);t.MenuSection=({className:e,style:t,title:n,children:i,...u})=>{const{expanded:c}=(0,a.useMenuExpandContext)(!1),l=(0,o.useMemo)((()=>c?{}:{maxWidth:"32px"}),[c]);return o.default.createElement(r.Box,{...l,...u,display:"flex",flexDirection:"column",gap:"1-5"},n&&(c?o.default.createElement(r.Box,{pl:"2",pt:"2"},o.default.createElement(r.Text,{color:"neutral-textDisabled",fontSize:"caption"},n)):o.default.createElement(r.Box,{borderTopWidth:"1",borderBottomWidth:"none",borderColor:"neutral-surfaceHighlight",borderStyle:"solid",width:"100%",marginTop:"3",marginBottom:"3","data-testid":"menu-section--collapsed"})),i)}},2915:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuSection=void 0;const o=n(2771);var r=n(2771);Object.defineProperty(t,"MenuSection",{enumerable:!0,get:function(){return r.MenuSection}}),t.default=o.MenuSection},987:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=n(5163);o.__exportStar(n(9925),t),o.__exportStar(n(1485),t),o.__exportStar(n(6116),t),o.__exportStar(n(2915),t)},20:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Menu=void 0;const o=n(6188);var r=n(6188);Object.defineProperty(t,"Menu",{enumerable:!0,get:function(){return r.Menu}}),t.default=o.Menu},7135:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776),i=n(9283),u=(0,o.forwardRef)((({className:e,style:t,label:n,onClick:i,startIcon:u,children:c,active:l=!1,as:d="button",expanded:s,tooltipText:f,...p},y)=>{const{expanded:b,showTooltipsWhenCollapsed:m,tooltipsPosition:v}=(0,a.useMenuExpandContext)(!1),x=s??b,_=l?"primary-interactive":"neutral-textHigh",h=p.disabled?"neutral-textDisabled":_,M=x?{}:{justifyContent:"center",paddingX:"none"},g=o.default.createElement(r.Box,{...p,ref:y,as:d,type:"button",onClick:i,alignItems:"center",textDecoration:"none",backgroundColor:{xs:l?"primary-surface":"transparent",hover:"primary-surface",active:"primary-surfaceHighlight",disabled:"neutral-surfaceDisabled"},borderRadius:"2",borderWidth:"none",cursor:{xs:"pointer",disabled:"not-allowed"},display:"flex",gap:"2",px:"2",py:{xs:"2",md:"1"},width:"100%",transitionProperty:"all",transitionDuration:"base",transitionTimingFunction:"ease-in-out",maxHeight:{xs:"34px",md:"26px"},...M},u&&o.default.createElement(r.Icon,{color:h,source:o.default.createElement(u,{size:16})}),x&&o.default.createElement(r.Box,{display:"inline-flex",flex:"1"},o.default.createElement(r.Text,{fontSize:"base",color:h,lineClamp:1,wordBreak:"break-all"},n)),x&&c),w=f??n;return!x&&m&&w?o.default.createElement(r.Tooltip,{content:w,position:v,arrow:!0},g):g}));t.MenuButton=u,u.Accordion=i.MenuButtonAccordion,u.displayName="MenuButton",u.Accordion.displayName="MenuButton.Accordion"},8366:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776),i=n(7135),u=(0,o.forwardRef)((({className:e,style:t,open:n,active:u,menuButton:c,children:l,as:d,expanded:s,...f},p)=>{const{expanded:y,tooltipsPosition:b}=(0,a.useMenuExpandContext)(!1),m=s??y,[v,x]=(0,o.useState)(!1),_=(0,o.useMemo)((()=>n??v),[n,v]),h=o.default.createElement(r.Box,{...f,ref:p,as:d,backgroundColor:u?"primary-surface":_?"neutral-surface":"transparent",borderRadius:"2",zIndex:_?"100":void 0,textDecoration:"none"},o.default.createElement(i.MenuButton,{...c,onClick:void 0!==n?c.onClick:()=>x((e=>!e)),active:u,"aria-expanded":_&&m}),_&&m&&o.default.createElement(r.Box,{id:"content-1","aria-hidden":!_,height:_?"auto":"0",overflow:"hidden",display:"flex",flexDirection:"column",gap:"0-5",pl:"6",pb:"1",pr:"1"},l));return m?h:o.default.createElement(r.Popover,{content:o.default.createElement(a.MenuExpandContext.Provider,{value:{expanded:!0,tooltipsPosition:b}},o.default.createElement(r.Box,{minWidth:"200px",display:"flex",flexDirection:"column",gap:"0-5"},l)),arrow:!0,position:b??"right",padding:"small",enabledHover:!0},h)}));t.MenuButtonAccordion=u,u.displayName="MenuButtonAccordion"},9895:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const o=n(8366);var r=n(8366);Object.defineProperty(t,"MenuButtonAccordion",{enumerable:!0,get:function(){return r.MenuButtonAccordion}}),t.default=o.MenuButtonAccordion},9283:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});n(5163).__exportStar(n(9895),t)},8269:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const o=n(7135);var r=n(7135);Object.defineProperty(t,"MenuButton",{enumerable:!0,get:function(){return r.MenuButton}}),t.default=o.MenuButton},5163:(e,t,n)=>{n.r(t),n.d(t,{__assign:()=>a,__asyncDelegator:()=>P,__asyncGenerator:()=>O,__asyncValues:()=>j,__await:()=>w,__awaiter:()=>y,__classPrivateFieldGet:()=>T,__classPrivateFieldIn:()=>D,__classPrivateFieldSet:()=>A,__createBinding:()=>m,__decorate:()=>u,__esDecorate:()=>l,__exportStar:()=>v,__extends:()=>r,__generator:()=>b,__importDefault:()=>C,__importStar:()=>B,__makeTemplateObject:()=>E,__metadata:()=>p,__param:()=>c,__propKey:()=>s,__read:()=>_,__rest:()=>i,__runInitializers:()=>d,__setFunctionName:()=>f,__spread:()=>h,__spreadArray:()=>g,__spreadArrays:()=>M,__values:()=>x});var o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},o(e,t)};function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}function u(e,t,n,o){var r,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var u=e.length-1;u>=0;u--)(r=e[u])&&(i=(a<3?r(i):a>3?r(t,n,i):r(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function c(e,t){return function(n,o){t(n,o,e)}}function l(e,t,n,o,r,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var u,c=o.kind,l="getter"===c?"get":"setter"===c?"set":"value",d=!t&&e?o.static?e:e.prototype:null,s=t||(d?Object.getOwnPropertyDescriptor(d,o.name):{}),f=!1,p=n.length-1;p>=0;p--){var y={};for(var b in o)y[b]="access"===b?{}:o[b];for(var b in o.access)y.access[b]=o.access[b];y.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var m=(0,n[p])("accessor"===c?{get:s.get,set:s.set}:s[l],y);if("accessor"===c){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(u=i(m.get))&&(s.get=u),(u=i(m.set))&&(s.set=u),(u=i(m.init))&&r.push(u)}else(u=i(m))&&("field"===c?r.push(u):s[l]=u)}d&&Object.defineProperty(d,o.name,s),f=!0}function d(e,t,n){for(var o=arguments.length>2,r=0;r<t.length;r++)n=o?t[r].call(e,n):t[r].call(e);return o?n:void 0}function s(e){return"symbol"==typeof e?e:"".concat(e)}function f(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,n,o){return new(n||(n=Promise))((function(r,a){function i(e){try{c(o.next(e))}catch(e){a(e)}}function u(e){try{c(o.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,u)}c((o=o.apply(e,t||[])).next())}))}function b(e,t){var n,o,r,a,i={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return a={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(u){return function(c){return function(u){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,u[0]&&(i=0)),i;)try{if(n=1,o&&(r=2&u[0]?o.return:u[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,u[1])).done)return r;switch(o=0,r&&(u=[2&u[0],r.value]),u[0]){case 0:case 1:r=u;break;case 4:return i.label++,{value:u[1],done:!1};case 5:i.label++,o=u[1],u=[0];continue;case 7:u=i.ops.pop(),i.trys.pop();continue;default:if(!(r=i.trys,(r=r.length>0&&r[r.length-1])||6!==u[0]&&2!==u[0])){i=0;continue}if(3===u[0]&&(!r||u[1]>r[0]&&u[1]<r[3])){i.label=u[1];break}if(6===u[0]&&i.label<r[1]){i.label=r[1],r=u;break}if(r&&i.label<r[2]){i.label=r[2],i.ops.push(u);break}r[2]&&i.ops.pop(),i.trys.pop();continue}u=t.call(e,i)}catch(e){u=[6,e],o=0}finally{n=r=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}([u,c])}}}var m=Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]};function v(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||m(t,e,n)}function x(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],o=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function _(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(o=a.next()).done;)i.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=a.return)&&n.call(a)}finally{if(r)throw r.error}}return i}function h(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(_(arguments[t]));return e}function M(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var o=Array(e),r=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,u=a.length;i<u;i++,r++)o[r]=a[i];return o}function g(e,t,n){if(n||2===arguments.length)for(var o,r=0,a=t.length;r<a;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}function w(e){return this instanceof w?(this.v=e,this):new w(e)}function O(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,r=n.apply(e,t||[]),a=[];return o={},i("next"),i("throw"),i("return"),o[Symbol.asyncIterator]=function(){return this},o;function i(e){r[e]&&(o[e]=function(t){return new Promise((function(n,o){a.push([e,t,n,o])>1||u(e,t)}))})}function u(e,t){try{(n=r[e](t)).value instanceof w?Promise.resolve(n.value.v).then(c,l):d(a[0][2],n)}catch(e){d(a[0][3],e)}var n}function c(e){u("next",e)}function l(e){u("throw",e)}function d(e,t){e(t),a.shift(),a.length&&u(a[0][0],a[0][1])}}function P(e){var t,n;return t={},o("next"),o("throw",(function(e){throw e})),o("return"),t[Symbol.iterator]=function(){return this},t;function o(o,r){t[o]=e[o]?function(t){return(n=!n)?{value:w(e[o](t)),done:!1}:r?r(t):t}:r}}function j(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=x(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(n){t[n]=e[n]&&function(t){return new Promise((function(o,r){(function(e,t,n,o){Promise.resolve(o).then((function(t){e({value:t,done:n})}),t)})(o,r,(t=e[n](t)).done,t.value)}))}}}function E(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var S=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function B(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&m(t,e,n);return S(t,e),t}function C(e){return e&&e.__esModule?e:{default:e}}function T(e,t,n,o){if("a"===n&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?o:"a"===n?o.call(e):o?o.value:t.get(e)}function A(e,t,n,o,r){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?r.call(e,n):r?r.value=n:t.set(e,n),n}function D(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},5280:e=>{e.exports=t},3215:e=>{e.exports=n},8156:t=>{t.exports=e}},r={};function a(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,a),n.exports}return a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a(8483)})()));
|
|
2
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/components"),require("@nimbus-ds/icons")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/components","@nimbus-ds/icons"],t):"object"==typeof exports?exports["@nimbus-ds/patterns"]=t(require("react"),require("@nimbus-ds/components"),require("@nimbus-ds/icons")):e["@nimbus-ds/patterns"]=t(e.react,e["@nimbus-ds/components"],e["@nimbus-ds/icons"])}(global,((e,t,n)=>(()=>{"use strict";var o={7713:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initialMenuContext=void 0;t.initialMenuContext={expanded:!0,showTooltipsWhenCollapsed:!0,tooltipsPosition:"right",activeAccordionPopover:null,setActiveAccordionPopover:()=>{}}},3843:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;const o=n(8156),r=n(7713),a=(0,o.createContext)(void 0);t.MenuExpandContext=a;t.useMenuExpandContext=(e=!0)=>{const t=(0,o.useContext)(a);if(void 0===t){if(!e)return r.initialMenuContext;throw new Error("Menu subcomponents must be used within MenuExpandContext.Provider")}return t}},776:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;var o=n(3843);Object.defineProperty(t,"MenuExpandContext",{enumerable:!0,get:function(){return o.MenuExpandContext}}),Object.defineProperty(t,"useMenuExpandContext",{enumerable:!0,get:function(){return o.useMenuExpandContext}})},6188:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Menu=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776),i=n(8269),u=n(987),c=({className:e,style:t,children:n,expanded:i=!0,showTooltipsWhenCollapsed:u=!0,tooltipsPosition:c="right",...l})=>{const[d,s]=(0,o.useState)(null),f=(0,o.useMemo)((()=>({expanded:i,showTooltipsWhenCollapsed:u,tooltipsPosition:c,activeAccordionPopover:d,setActiveAccordionPopover:s})),[i,u,c,d]),p=(0,o.useMemo)((()=>i?{width:"100%"}:{width:"unset"}),[i]);return o.default.createElement(a.MenuExpandContext.Provider,{value:f},o.default.createElement(r.Box,{...l,display:"flex",flexDirection:"column",height:"100%",backgroundColor:"neutral-background",boxSizing:"border-box",...p},n))};t.Menu=c,c.Section=u.MenuSection,c.Button=i.MenuButton,c.ButtonAccordion=i.MenuButton?.Accordion,c.Header=u.MenuHeader,c.Body=u.MenuBody,c.Footer=u.MenuFooter,c.displayName="Menu",c.Section.displayName="Menu.Section",c.Header.displayName="Menu.Header",c.Body.displayName="Menu.Body",c.Footer.displayName="Menu.Footer"},8483:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=n(5163);o.__exportStar(n(20),t),o.__exportStar(n(987),t)},6103:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuBody=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776);t.MenuBody=({className:e,style:t,children:n,...i})=>{const{expanded:u}=(0,a.useMenuExpandContext)(!1),c=(0,o.useMemo)((()=>u?{pb:"4"}:{alignItems:"center"}),[u]);return o.default.createElement(r.Box,{...i,display:"flex",flexDirection:"column",flex:"1 1 auto",gap:"2",paddingX:"2",width:"100%",overflowY:"auto",overflowX:"hidden",boxSizing:"border-box",...c},n)}},1485:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuBody=void 0;const o=n(6103);var r=n(6103);Object.defineProperty(t,"MenuBody",{enumerable:!0,get:function(){return r.MenuBody}}),t.default=o.MenuBody},9065:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuFooter=void 0;const o=n(5163).__importDefault(n(8156)),r=n(3215),a=n(5280),i=n(8269);t.MenuFooter=({className:e,style:t,...n})=>{const u=n.active?"primary-interactive":"neutral-textHigh",c=n.disabled?"neutral-textDisabled":u;return o.default.createElement(a.Box,{boxSizing:"border-box",display:"flex",flex:"0 1 auto",paddingX:"2",paddingY:"3",width:"100%"},o.default.createElement(i.MenuButton,{...n},o.default.createElement(a.Icon,{source:o.default.createElement(r.ChevronRightIcon,{size:16}),color:c})))}},6116:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuFooter=void 0;const o=n(9065);var r=n(9065);Object.defineProperty(t,"MenuFooter",{enumerable:!0,get:function(){return r.MenuFooter}}),t.default=o.MenuFooter},7446:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuHeader=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776);t.MenuHeader=({className:e,style:t,children:n,...i})=>{const{expanded:u}=(0,a.useMenuExpandContext)(!1),c=(0,o.useMemo)((()=>u?{padding:"4"}:{justifyContent:"center",paddingX:"3",paddingY:"4"}),[u]);return o.default.createElement(r.Box,{...i,boxSizing:"border-box",display:"flex",flex:"0 1 auto",width:"100%",overflow:"hidden",...c},n)}},9925:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuHeader=void 0;const o=n(7446);var r=n(7446);Object.defineProperty(t,"MenuHeader",{enumerable:!0,get:function(){return r.MenuHeader}}),t.default=o.MenuHeader},2771:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuSection=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776);t.MenuSection=({className:e,style:t,title:n,children:i,...u})=>{const{expanded:c}=(0,a.useMenuExpandContext)(!1),l=(0,o.useMemo)((()=>c?{}:{maxWidth:"32px"}),[c]);return o.default.createElement(r.Box,{...l,...u,display:"flex",flexDirection:"column",gap:"1-5"},n&&(c?o.default.createElement(r.Box,{pl:"2",pt:"2"},o.default.createElement(r.Text,{color:"neutral-textDisabled",fontSize:"caption"},n)):o.default.createElement(r.Box,{borderTopWidth:"1",borderBottomWidth:"none",borderColor:"neutral-surfaceHighlight",borderStyle:"solid",width:"100%",marginTop:"3",marginBottom:"3","data-testid":"menu-section--collapsed"})),i)}},2915:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuSection=void 0;const o=n(2771);var r=n(2771);Object.defineProperty(t,"MenuSection",{enumerable:!0,get:function(){return r.MenuSection}}),t.default=o.MenuSection},987:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=n(5163);o.__exportStar(n(9925),t),o.__exportStar(n(1485),t),o.__exportStar(n(6116),t),o.__exportStar(n(2915),t)},20:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Menu=void 0;const o=n(6188);var r=n(6188);Object.defineProperty(t,"Menu",{enumerable:!0,get:function(){return r.Menu}}),t.default=o.Menu},7135:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776),i=n(9283),u=(0,o.forwardRef)((({className:e,style:t,label:n,onClick:i,startIcon:u,children:c,active:l=!1,as:d="button",expanded:s,tooltipText:f,showTooltipsWhenCollapsed:p,...y},b)=>{const{expanded:v,showTooltipsWhenCollapsed:m,tooltipsPosition:x}=(0,a.useMenuExpandContext)(!1),_=s??v,h=p??m??!0,M=l?"primary-interactive":"neutral-textHigh",w=y.disabled?"neutral-textDisabled":M,g=_?{}:{justifyContent:"center",paddingX:"none"},P=o.default.createElement(r.Box,{...y,ref:b,as:d,type:"button",onClick:i,alignItems:"center",textDecoration:"none",backgroundColor:{xs:l?"primary-surface":"transparent",hover:"primary-surface",active:"primary-surfaceHighlight",disabled:"neutral-surfaceDisabled"},borderRadius:"2",borderWidth:"none",cursor:{xs:"pointer",disabled:"not-allowed"},display:"flex",gap:"2",px:"2",py:{xs:"2",md:"1"},width:"100%",transitionProperty:"all",transitionDuration:"base",transitionTimingFunction:"ease-in-out",maxHeight:{xs:"34px",md:"26px"},...g},u&&o.default.createElement(r.Icon,{color:w,source:o.default.createElement(u,{size:16})}),_&&o.default.createElement(r.Box,{display:"inline-flex",flex:"1"},o.default.createElement(r.Text,{fontSize:"base",color:w,lineClamp:1,wordBreak:"break-all"},n)),_&&c),O=f??n;return!_&&h&&O?o.default.createElement(r.Tooltip,{content:O,position:x,arrow:!0},P):P}));t.MenuButton=u,u.Accordion=i.MenuButtonAccordion,u.displayName="MenuButton",u.Accordion.displayName="MenuButton.Accordion"},8366:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776),i=n(7135),u=(0,o.forwardRef)((({className:e,style:t,open:n,active:u,menuButton:c,children:l,as:d,expanded:s,...f},p)=>{const y=(0,o.useId)(),{expanded:b,tooltipsPosition:v,showTooltipsWhenCollapsed:m,activeAccordionPopover:x,setActiveAccordionPopover:_}=(0,a.useMenuExpandContext)(!1),h=s??b,[M,w]=(0,o.useState)(!1),g=(0,o.useMemo)((()=>!h&&!!x&&x===y),[h,x,y]),P=(0,o.useMemo)((()=>n??M),[n,M]),O=o.default.createElement(r.Box,{...f,ref:p,as:d,backgroundColor:u?"primary-surface":P?"neutral-surface":"transparent",borderRadius:"2",zIndex:P?"100":void 0,textDecoration:"none"},o.default.createElement(i.MenuButton,{...c,onClick:void 0!==n?c.onClick:()=>w((e=>!e)),active:u,"aria-expanded":P&&h,showTooltipsWhenCollapsed:!1,expanded:h}),P&&h&&o.default.createElement(r.Box,{id:"content-1","aria-hidden":!P,height:P?"auto":"0",overflow:"hidden",display:"flex",flexDirection:"column",gap:"0-5",pl:"6",pb:"1",pr:"1"},l)),j=(0,o.useMemo)((()=>({expanded:!0,tooltipsPosition:v,activeAccordionPopover:null,setActiveAccordionPopover:()=>{}})),[v]);return!h&&m?o.default.createElement(r.Popover,{content:o.default.createElement(a.MenuExpandContext.Provider,{value:j},o.default.createElement(r.Box,{minWidth:"200px",display:"flex",flexDirection:"column",gap:"0-5"},l)),arrow:!0,position:v??"right",padding:"small",onVisibility:e=>{_((t=>e?y:t===y?null:t))},enabledHover:!0,visible:g},O):O}));t.MenuButtonAccordion=u,u.displayName="MenuButtonAccordion"},9895:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const o=n(8366);var r=n(8366);Object.defineProperty(t,"MenuButtonAccordion",{enumerable:!0,get:function(){return r.MenuButtonAccordion}}),t.default=o.MenuButtonAccordion},9283:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});n(5163).__exportStar(n(9895),t)},8269:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const o=n(7135);var r=n(7135);Object.defineProperty(t,"MenuButton",{enumerable:!0,get:function(){return r.MenuButton}}),t.default=o.MenuButton},5163:(e,t,n)=>{n.r(t),n.d(t,{__assign:()=>a,__asyncDelegator:()=>O,__asyncGenerator:()=>P,__asyncValues:()=>j,__await:()=>g,__awaiter:()=>y,__classPrivateFieldGet:()=>A,__classPrivateFieldIn:()=>D,__classPrivateFieldSet:()=>T,__createBinding:()=>v,__decorate:()=>u,__esDecorate:()=>l,__exportStar:()=>m,__extends:()=>r,__generator:()=>b,__importDefault:()=>C,__importStar:()=>B,__makeTemplateObject:()=>E,__metadata:()=>p,__param:()=>c,__propKey:()=>s,__read:()=>_,__rest:()=>i,__runInitializers:()=>d,__setFunctionName:()=>f,__spread:()=>h,__spreadArray:()=>w,__spreadArrays:()=>M,__values:()=>x});var o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},o(e,t)};function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}function u(e,t,n,o){var r,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var u=e.length-1;u>=0;u--)(r=e[u])&&(i=(a<3?r(i):a>3?r(t,n,i):r(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function c(e,t){return function(n,o){t(n,o,e)}}function l(e,t,n,o,r,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var u,c=o.kind,l="getter"===c?"get":"setter"===c?"set":"value",d=!t&&e?o.static?e:e.prototype:null,s=t||(d?Object.getOwnPropertyDescriptor(d,o.name):{}),f=!1,p=n.length-1;p>=0;p--){var y={};for(var b in o)y[b]="access"===b?{}:o[b];for(var b in o.access)y.access[b]=o.access[b];y.addInitializer=function(e){if(f)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var v=(0,n[p])("accessor"===c?{get:s.get,set:s.set}:s[l],y);if("accessor"===c){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(u=i(v.get))&&(s.get=u),(u=i(v.set))&&(s.set=u),(u=i(v.init))&&r.push(u)}else(u=i(v))&&("field"===c?r.push(u):s[l]=u)}d&&Object.defineProperty(d,o.name,s),f=!0}function d(e,t,n){for(var o=arguments.length>2,r=0;r<t.length;r++)n=o?t[r].call(e,n):t[r].call(e);return o?n:void 0}function s(e){return"symbol"==typeof e?e:"".concat(e)}function f(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,n,o){return new(n||(n=Promise))((function(r,a){function i(e){try{c(o.next(e))}catch(e){a(e)}}function u(e){try{c(o.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,u)}c((o=o.apply(e,t||[])).next())}))}function b(e,t){var n,o,r,a,i={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return a={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(u){return function(c){return function(u){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,u[0]&&(i=0)),i;)try{if(n=1,o&&(r=2&u[0]?o.return:u[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,u[1])).done)return r;switch(o=0,r&&(u=[2&u[0],r.value]),u[0]){case 0:case 1:r=u;break;case 4:return i.label++,{value:u[1],done:!1};case 5:i.label++,o=u[1],u=[0];continue;case 7:u=i.ops.pop(),i.trys.pop();continue;default:if(!(r=i.trys,(r=r.length>0&&r[r.length-1])||6!==u[0]&&2!==u[0])){i=0;continue}if(3===u[0]&&(!r||u[1]>r[0]&&u[1]<r[3])){i.label=u[1];break}if(6===u[0]&&i.label<r[1]){i.label=r[1],r=u;break}if(r&&i.label<r[2]){i.label=r[2],i.ops.push(u);break}r[2]&&i.ops.pop(),i.trys.pop();continue}u=t.call(e,i)}catch(e){u=[6,e],o=0}finally{n=r=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}([u,c])}}}var v=Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]};function m(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||v(t,e,n)}function x(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],o=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function _(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(o=a.next()).done;)i.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=a.return)&&n.call(a)}finally{if(r)throw r.error}}return i}function h(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(_(arguments[t]));return e}function M(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var o=Array(e),r=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,u=a.length;i<u;i++,r++)o[r]=a[i];return o}function w(e,t,n){if(n||2===arguments.length)for(var o,r=0,a=t.length;r<a;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}function g(e){return this instanceof g?(this.v=e,this):new g(e)}function P(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,r=n.apply(e,t||[]),a=[];return o={},i("next"),i("throw"),i("return"),o[Symbol.asyncIterator]=function(){return this},o;function i(e){r[e]&&(o[e]=function(t){return new Promise((function(n,o){a.push([e,t,n,o])>1||u(e,t)}))})}function u(e,t){try{(n=r[e](t)).value instanceof g?Promise.resolve(n.value.v).then(c,l):d(a[0][2],n)}catch(e){d(a[0][3],e)}var n}function c(e){u("next",e)}function l(e){u("throw",e)}function d(e,t){e(t),a.shift(),a.length&&u(a[0][0],a[0][1])}}function O(e){var t,n;return t={},o("next"),o("throw",(function(e){throw e})),o("return"),t[Symbol.iterator]=function(){return this},t;function o(o,r){t[o]=e[o]?function(t){return(n=!n)?{value:g(e[o](t)),done:!1}:r?r(t):t}:r}}function j(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=x(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(n){t[n]=e[n]&&function(t){return new Promise((function(o,r){(function(e,t,n,o){Promise.resolve(o).then((function(t){e({value:t,done:n})}),t)})(o,r,(t=e[n](t)).done,t.value)}))}}}function E(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var S=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function B(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&v(t,e,n);return S(t,e),t}function C(e){return e&&e.__esModule?e:{default:e}}function A(e,t,n,o){if("a"===n&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?o:"a"===n?o.call(e):o?o.value:t.get(e)}function T(e,t,n,o,r){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?r.call(e,n):r?r.value=n:t.set(e,n),n}function D(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},5280:e=>{e.exports=t},3215:e=>{e.exports=n},8156:t=>{t.exports=e}},r={};function a(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,a),n.exports}return a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a(8483)})()));
|
|
@@ -77,6 +77,10 @@ export interface MenuButtonProperties {
|
|
|
77
77
|
* Text to be displayed in the tooltip when the button is collapsed. If not provided, the label will be used.
|
|
78
78
|
*/
|
|
79
79
|
tooltipText?: string;
|
|
80
|
+
/**
|
|
81
|
+
* Whether to show tooltips when the button is collapsed. Defaults to true.
|
|
82
|
+
*/
|
|
83
|
+
showTooltipsWhenCollapsed?: boolean;
|
|
80
84
|
}
|
|
81
85
|
export type MenuButtonBaseProps = MenuButtonProperties & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">;
|
|
82
86
|
export declare const MenuButton: PolymorphicForwardRefComponent<"button" | "a", MenuButtonBaseProps> & MenuButtonComponents;
|
package/dist/MenuButton/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/components")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/components"],t):"object"==typeof exports?exports["@nimbus-ds/patterns"]=t(require("react"),require("@nimbus-ds/components")):e["@nimbus-ds/patterns"]=t(e.react,e["@nimbus-ds/components"])}(global,((e,t)=>(()=>{"use strict";var n={7713:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initialMenuContext=void 0,t.initialMenuContext={expanded:!0,showTooltipsWhenCollapsed:!0,tooltipsPosition:"right"}},3843:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;const r=n(8156),o=n(7713),a=(0,r.createContext)(void 0);t.MenuExpandContext=a;t.useMenuExpandContext=(e=!0)=>{const t=(0,r.useContext)(a);if(void 0===t){if(!e)return o.initialMenuContext;throw new Error("Menu subcomponents must be used within MenuExpandContext.Provider")}return t}},776:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;var r=n(3843);Object.defineProperty(t,"MenuExpandContext",{enumerable:!0,get:function(){return r.MenuExpandContext}}),Object.defineProperty(t,"useMenuExpandContext",{enumerable:!0,get:function(){return r.useMenuExpandContext}})},7135:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const r=n(5163).__importStar(n(8156)),o=n(5280),a=n(776),i=n(9283),u=(0,r.forwardRef)((({className:e,style:t,label:n,onClick:i,startIcon:u,children:c,active:l=!1,as:s="button",expanded:f,tooltipText:d,...p},y)=>{const{expanded:b,showTooltipsWhenCollapsed:v,tooltipsPosition:m}=(0,a.useMenuExpandContext)(!1),h=f??b,_=l?"primary-interactive":"neutral-textHigh",x=p.disabled?"neutral-textDisabled":_,w=h?{}:{justifyContent:"center",paddingX:"none"},g=r.default.createElement(o.Box,{...p,ref:y,as:s,type:"button",onClick:i,alignItems:"center",textDecoration:"none",backgroundColor:{xs:l?"primary-surface":"transparent",hover:"primary-surface",active:"primary-surfaceHighlight",disabled:"neutral-surfaceDisabled"},borderRadius:"2",borderWidth:"none",cursor:{xs:"pointer",disabled:"not-allowed"},display:"flex",gap:"2",px:"2",py:{xs:"2",md:"1"},width:"100%",transitionProperty:"all",transitionDuration:"base",transitionTimingFunction:"ease-in-out",maxHeight:{xs:"34px",md:"26px"},...w},u&&r.default.createElement(o.Icon,{color:x,source:r.default.createElement(u,{size:16})}),h&&r.default.createElement(o.Box,{display:"inline-flex",flex:"1"},r.default.createElement(o.Text,{fontSize:"base",color:x,lineClamp:1,wordBreak:"break-all"},n)),h&&c),O=d??n;return!h&&v&&O?r.default.createElement(o.Tooltip,{content:O,position:m,arrow:!0},g):g}));t.MenuButton=u,u.Accordion=i.MenuButtonAccordion,u.displayName="MenuButton",u.Accordion.displayName="MenuButton.Accordion"},3756:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const r=n(5163);r.__exportStar(n(8269),t),r.__exportStar(n(9283),t)},8366:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const r=n(5163).__importStar(n(8156)),o=n(5280),a=n(776),i=n(7135),u=(0,r.forwardRef)((({className:e,style:t,open:n,active:u,menuButton:c,children:l,as:s,expanded:f,...d},p)=>{const{expanded:y,tooltipsPosition:b}=(0,a.useMenuExpandContext)(!1),v=f??y,[m,h]=(0,r.useState)(!1),_=(0,r.useMemo)((()=>n??m),[n,m]),x=r.default.createElement(o.Box,{...d,ref:p,as:s,backgroundColor:u?"primary-surface":_?"neutral-surface":"transparent",borderRadius:"2",zIndex:_?"100":void 0,textDecoration:"none"},r.default.createElement(i.MenuButton,{...c,onClick:void 0!==n?c.onClick:()=>h((e=>!e)),active:u,"aria-expanded":_&&v}),_&&v&&r.default.createElement(o.Box,{id:"content-1","aria-hidden":!_,height:_?"auto":"0",overflow:"hidden",display:"flex",flexDirection:"column",gap:"0-5",pl:"6",pb:"1",pr:"1"},l));return v?x:r.default.createElement(o.Popover,{content:r.default.createElement(a.MenuExpandContext.Provider,{value:{expanded:!0,tooltipsPosition:b}},r.default.createElement(o.Box,{minWidth:"200px",display:"flex",flexDirection:"column",gap:"0-5"},l)),arrow:!0,position:b??"right",padding:"small",enabledHover:!0},x)}));t.MenuButtonAccordion=u,u.displayName="MenuButtonAccordion"},9895:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const r=n(8366);var o=n(8366);Object.defineProperty(t,"MenuButtonAccordion",{enumerable:!0,get:function(){return o.MenuButtonAccordion}}),t.default=r.MenuButtonAccordion},9283:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});n(5163).__exportStar(n(9895),t)},8269:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const r=n(7135);var o=n(7135);Object.defineProperty(t,"MenuButton",{enumerable:!0,get:function(){return o.MenuButton}}),t.default=r.MenuButton},5163:(e,t,n)=>{n.r(t),n.d(t,{__assign:()=>a,__asyncDelegator:()=>P,__asyncGenerator:()=>j,__asyncValues:()=>M,__await:()=>O,__awaiter:()=>y,__classPrivateFieldGet:()=>T,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>A,__createBinding:()=>v,__decorate:()=>u,__esDecorate:()=>l,__exportStar:()=>m,__extends:()=>o,__generator:()=>b,__importDefault:()=>B,__importStar:()=>S,__makeTemplateObject:()=>E,__metadata:()=>p,__param:()=>c,__propKey:()=>f,__read:()=>_,__rest:()=>i,__runInitializers:()=>s,__setFunctionName:()=>d,__spread:()=>x,__spreadArray:()=>g,__spreadArrays:()=>w,__values:()=>h});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function u(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var u=e.length-1;u>=0;u--)(o=e[u])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function c(e,t){return function(n,r){t(n,r,e)}}function l(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var u,c=r.kind,l="getter"===c?"get":"setter"===c?"set":"value",s=!t&&e?r.static?e:e.prototype:null,f=t||(s?Object.getOwnPropertyDescriptor(s,r.name):{}),d=!1,p=n.length-1;p>=0;p--){var y={};for(var b in r)y[b]="access"===b?{}:r[b];for(var b in r.access)y.access[b]=r.access[b];y.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var v=(0,n[p])("accessor"===c?{get:f.get,set:f.set}:f[l],y);if("accessor"===c){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(u=i(v.get))&&(f.get=u),(u=i(v.set))&&(f.set=u),(u=i(v.init))&&o.push(u)}else(u=i(v))&&("field"===c?o.push(u):f[l]=u)}s&&Object.defineProperty(s,r.name,f),d=!0}function s(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0}function f(e){return"symbol"==typeof e?e:"".concat(e)}function d(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function u(e){try{c(r.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,u)}c((r=r.apply(e,t||[])).next())}))}function b(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(u){return function(c){return function(u){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,u[0]&&(i=0)),i;)try{if(n=1,r&&(o=2&u[0]?r.return:u[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,u[1])).done)return o;switch(r=0,o&&(u=[2&u[0],o.value]),u[0]){case 0:case 1:o=u;break;case 4:return i.label++,{value:u[1],done:!1};case 5:i.label++,r=u[1],u=[0];continue;case 7:u=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==u[0]&&2!==u[0])){i=0;continue}if(3===u[0]&&(!o||u[1]>o[0]&&u[1]<o[3])){i.label=u[1];break}if(6===u[0]&&i.label<o[1]){i.label=o[1],o=u;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(u);break}o[2]&&i.ops.pop(),i.trys.pop();continue}u=t.call(e,i)}catch(e){u=[6,e],r=0}finally{n=o=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}([u,c])}}}var v=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function m(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||v(t,e,n)}function h(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function _(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function x(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(_(arguments[t]));return e}function w(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,u=a.length;i<u;i++,o++)r[o]=a[i];return r}function g(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function O(e){return this instanceof O?(this.v=e,this):new O(e)}function j(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return"),r[Symbol.asyncIterator]=function(){return this},r;function i(e){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||u(e,t)}))})}function u(e,t){try{(n=o[e](t)).value instanceof O?Promise.resolve(n.value.v).then(c,l):s(a[0][2],n)}catch(e){s(a[0][3],e)}var n}function c(e){u("next",e)}function l(e){u("throw",e)}function s(e,t){e(t),a.shift(),a.length&&u(a[0][0],a[0][1])}}function P(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:O(e[r](t)),done:!1}:o?o(t):t}:o}}function M(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=h(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function E(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var C=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function S(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&v(t,e,n);return C(t,e),t}function B(e){return e&&e.__esModule?e:{default:e}}function T(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function A(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},5280:e=>{e.exports=t},8156:t=>{t.exports=e}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var a=r[e]={exports:{}};return n[e](a,a.exports,o),a.exports}return o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o(3756)})()));
|
|
2
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/components")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/components"],t):"object"==typeof exports?exports["@nimbus-ds/patterns"]=t(require("react"),require("@nimbus-ds/components")):e["@nimbus-ds/patterns"]=t(e.react,e["@nimbus-ds/components"])}(global,((e,t)=>(()=>{"use strict";var n={7713:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.initialMenuContext=void 0;t.initialMenuContext={expanded:!0,showTooltipsWhenCollapsed:!0,tooltipsPosition:"right",activeAccordionPopover:null,setActiveAccordionPopover:()=>{}}},3843:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;const o=n(8156),r=n(7713),a=(0,o.createContext)(void 0);t.MenuExpandContext=a;t.useMenuExpandContext=(e=!0)=>{const t=(0,o.useContext)(a);if(void 0===t){if(!e)return r.initialMenuContext;throw new Error("Menu subcomponents must be used within MenuExpandContext.Provider")}return t}},776:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useMenuExpandContext=t.MenuExpandContext=void 0;var o=n(3843);Object.defineProperty(t,"MenuExpandContext",{enumerable:!0,get:function(){return o.MenuExpandContext}}),Object.defineProperty(t,"useMenuExpandContext",{enumerable:!0,get:function(){return o.useMenuExpandContext}})},7135:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776),i=n(9283),c=(0,o.forwardRef)((({className:e,style:t,label:n,onClick:i,startIcon:c,children:u,active:l=!1,as:s="button",expanded:f,tooltipText:d,showTooltipsWhenCollapsed:p,...y},b)=>{const{expanded:v,showTooltipsWhenCollapsed:h,tooltipsPosition:m}=(0,a.useMenuExpandContext)(!1),_=f??v,x=p??h??!0,w=l?"primary-interactive":"neutral-textHigh",g=y.disabled?"neutral-textDisabled":w,P=_?{}:{justifyContent:"center",paddingX:"none"},O=o.default.createElement(r.Box,{...y,ref:b,as:s,type:"button",onClick:i,alignItems:"center",textDecoration:"none",backgroundColor:{xs:l?"primary-surface":"transparent",hover:"primary-surface",active:"primary-surfaceHighlight",disabled:"neutral-surfaceDisabled"},borderRadius:"2",borderWidth:"none",cursor:{xs:"pointer",disabled:"not-allowed"},display:"flex",gap:"2",px:"2",py:{xs:"2",md:"1"},width:"100%",transitionProperty:"all",transitionDuration:"base",transitionTimingFunction:"ease-in-out",maxHeight:{xs:"34px",md:"26px"},...P},c&&o.default.createElement(r.Icon,{color:g,source:o.default.createElement(c,{size:16})}),_&&o.default.createElement(r.Box,{display:"inline-flex",flex:"1"},o.default.createElement(r.Text,{fontSize:"base",color:g,lineClamp:1,wordBreak:"break-all"},n)),_&&u),j=d??n;return!_&&x&&j?o.default.createElement(r.Tooltip,{content:j,position:m,arrow:!0},O):O}));t.MenuButton=c,c.Accordion=i.MenuButtonAccordion,c.displayName="MenuButton",c.Accordion.displayName="MenuButton.Accordion"},3756:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=n(5163);o.__exportStar(n(8269),t),o.__exportStar(n(9283),t)},8366:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const o=n(5163).__importStar(n(8156)),r=n(5280),a=n(776),i=n(7135),c=(0,o.forwardRef)((({className:e,style:t,open:n,active:c,menuButton:u,children:l,as:s,expanded:f,...d},p)=>{const y=(0,o.useId)(),{expanded:b,tooltipsPosition:v,showTooltipsWhenCollapsed:h,activeAccordionPopover:m,setActiveAccordionPopover:_}=(0,a.useMenuExpandContext)(!1),x=f??b,[w,g]=(0,o.useState)(!1),P=(0,o.useMemo)((()=>!x&&!!m&&m===y),[x,m,y]),O=(0,o.useMemo)((()=>n??w),[n,w]),j=o.default.createElement(r.Box,{...d,ref:p,as:s,backgroundColor:c?"primary-surface":O?"neutral-surface":"transparent",borderRadius:"2",zIndex:O?"100":void 0,textDecoration:"none"},o.default.createElement(i.MenuButton,{...u,onClick:void 0!==n?u.onClick:()=>g((e=>!e)),active:c,"aria-expanded":O&&x,showTooltipsWhenCollapsed:!1,expanded:x}),O&&x&&o.default.createElement(r.Box,{id:"content-1","aria-hidden":!O,height:O?"auto":"0",overflow:"hidden",display:"flex",flexDirection:"column",gap:"0-5",pl:"6",pb:"1",pr:"1"},l)),M=(0,o.useMemo)((()=>({expanded:!0,tooltipsPosition:v,activeAccordionPopover:null,setActiveAccordionPopover:()=>{}})),[v]);return!x&&h?o.default.createElement(r.Popover,{content:o.default.createElement(a.MenuExpandContext.Provider,{value:M},o.default.createElement(r.Box,{minWidth:"200px",display:"flex",flexDirection:"column",gap:"0-5"},l)),arrow:!0,position:v??"right",padding:"small",onVisibility:e=>{_((t=>e?y:t===y?null:t))},enabledHover:!0,visible:P},j):j}));t.MenuButtonAccordion=c,c.displayName="MenuButtonAccordion"},9895:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButtonAccordion=void 0;const o=n(8366);var r=n(8366);Object.defineProperty(t,"MenuButtonAccordion",{enumerable:!0,get:function(){return r.MenuButtonAccordion}}),t.default=o.MenuButtonAccordion},9283:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});n(5163).__exportStar(n(9895),t)},8269:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.MenuButton=void 0;const o=n(7135);var r=n(7135);Object.defineProperty(t,"MenuButton",{enumerable:!0,get:function(){return r.MenuButton}}),t.default=o.MenuButton},5163:(e,t,n)=>{n.r(t),n.d(t,{__assign:()=>a,__asyncDelegator:()=>j,__asyncGenerator:()=>O,__asyncValues:()=>M,__await:()=>P,__awaiter:()=>y,__classPrivateFieldGet:()=>T,__classPrivateFieldIn:()=>I,__classPrivateFieldSet:()=>B,__createBinding:()=>v,__decorate:()=>c,__esDecorate:()=>l,__exportStar:()=>h,__extends:()=>r,__generator:()=>b,__importDefault:()=>A,__importStar:()=>S,__makeTemplateObject:()=>E,__metadata:()=>p,__param:()=>u,__propKey:()=>f,__read:()=>_,__rest:()=>i,__runInitializers:()=>s,__setFunctionName:()=>d,__spread:()=>x,__spreadArray:()=>g,__spreadArrays:()=>w,__values:()=>m});var o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},o(e,t)};function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}function c(e,t,n,o){var r,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(a<3?r(i):a>3?r(t,n,i):r(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function u(e,t){return function(n,o){t(n,o,e)}}function l(e,t,n,o,r,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var c,u=o.kind,l="getter"===u?"get":"setter"===u?"set":"value",s=!t&&e?o.static?e:e.prototype:null,f=t||(s?Object.getOwnPropertyDescriptor(s,o.name):{}),d=!1,p=n.length-1;p>=0;p--){var y={};for(var b in o)y[b]="access"===b?{}:o[b];for(var b in o.access)y.access[b]=o.access[b];y.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var v=(0,n[p])("accessor"===u?{get:f.get,set:f.set}:f[l],y);if("accessor"===u){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(c=i(v.get))&&(f.get=c),(c=i(v.set))&&(f.set=c),(c=i(v.init))&&r.push(c)}else(c=i(v))&&("field"===u?r.push(c):f[l]=c)}s&&Object.defineProperty(s,o.name,f),d=!0}function s(e,t,n){for(var o=arguments.length>2,r=0;r<t.length;r++)n=o?t[r].call(e,n):t[r].call(e);return o?n:void 0}function f(e){return"symbol"==typeof e?e:"".concat(e)}function d(e,t,n){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:n?"".concat(n," ",t):t})}function p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function y(e,t,n,o){return new(n||(n=Promise))((function(r,a){function i(e){try{u(o.next(e))}catch(e){a(e)}}function c(e){try{u(o.throw(e))}catch(e){a(e)}}function u(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((o=o.apply(e,t||[])).next())}))}function b(e,t){var n,o,r,a,i={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return a={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function c(c){return function(u){return function(c){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(i=0)),i;)try{if(n=1,o&&(r=2&c[0]?o.return:c[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,c[1])).done)return r;switch(o=0,r&&(c=[2&c[0],r.value]),c[0]){case 0:case 1:r=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,o=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(r=i.trys,(r=r.length>0&&r[r.length-1])||6!==c[0]&&2!==c[0])){i=0;continue}if(3===c[0]&&(!r||c[1]>r[0]&&c[1]<r[3])){i.label=c[1];break}if(6===c[0]&&i.label<r[1]){i.label=r[1],r=c;break}if(r&&i.label<r[2]){i.label=r[2],i.ops.push(c);break}r[2]&&i.ops.pop(),i.trys.pop();continue}c=t.call(e,i)}catch(e){c=[6,e],o=0}finally{n=r=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,u])}}}var v=Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]};function h(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||v(t,e,n)}function m(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],o=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function _(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(o=a.next()).done;)i.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=a.return)&&n.call(a)}finally{if(r)throw r.error}}return i}function x(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(_(arguments[t]));return e}function w(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var o=Array(e),r=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,c=a.length;i<c;i++,r++)o[r]=a[i];return o}function g(e,t,n){if(n||2===arguments.length)for(var o,r=0,a=t.length;r<a;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}function P(e){return this instanceof P?(this.v=e,this):new P(e)}function O(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,r=n.apply(e,t||[]),a=[];return o={},i("next"),i("throw"),i("return"),o[Symbol.asyncIterator]=function(){return this},o;function i(e){r[e]&&(o[e]=function(t){return new Promise((function(n,o){a.push([e,t,n,o])>1||c(e,t)}))})}function c(e,t){try{(n=r[e](t)).value instanceof P?Promise.resolve(n.value.v).then(u,l):s(a[0][2],n)}catch(e){s(a[0][3],e)}var n}function u(e){c("next",e)}function l(e){c("throw",e)}function s(e,t){e(t),a.shift(),a.length&&c(a[0][0],a[0][1])}}function j(e){var t,n;return t={},o("next"),o("throw",(function(e){throw e})),o("return"),t[Symbol.iterator]=function(){return this},t;function o(o,r){t[o]=e[o]?function(t){return(n=!n)?{value:P(e[o](t)),done:!1}:r?r(t):t}:r}}function M(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=m(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(n){t[n]=e[n]&&function(t){return new Promise((function(o,r){(function(e,t,n,o){Promise.resolve(o).then((function(t){e({value:t,done:n})}),t)})(o,r,(t=e[n](t)).done,t.value)}))}}}function E(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var C=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function S(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&v(t,e,n);return C(t,e),t}function A(e){return e&&e.__esModule?e:{default:e}}function T(e,t,n,o){if("a"===n&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?o:"a"===n?o.call(e):o?o.value:t.get(e)}function B(e,t,n,o,r){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?r.call(e,n):r?r.value=n:t.set(e,n),n}function I(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},5280:e=>{e.exports=t},8156:t=>{t.exports=e}},o={};function r(e){var t=o[e];if(void 0!==t)return t.exports;var a=o[e]={exports:{}};return n[e](a,a.exports,r),a.exports}return r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r(3756)})()));
|
package/dist/index.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ import { BoxBaseProps, BoxProperties, BoxProps, ButtonProperties, ButtonProps, C
|
|
|
6
6
|
import { IconProps } from '@nimbus-ds/icons';
|
|
7
7
|
import { PolymorphicForwardRefComponent } from '@nimbus-ds/typings';
|
|
8
8
|
import React from 'react';
|
|
9
|
-
import { ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithRef, FC, HTMLAttributes, MouseEvent, MouseEventHandler, PropsWithChildren, ReactElement, ReactNode } from 'react';
|
|
9
|
+
import { ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithRef, Dispatch, FC, HTMLAttributes, MouseEvent, MouseEventHandler, PropsWithChildren, ReactElement, ReactNode, SetStateAction } from 'react';
|
|
10
10
|
import { DayPicker } from 'react-day-picker';
|
|
11
11
|
|
|
12
12
|
export interface AppShellHeaderProperties {
|
|
@@ -314,11 +314,11 @@ export type EmptyMessageProps = EmptyMessageProperties & Omit<HTMLAttributes<HTM
|
|
|
314
314
|
export declare const EmptyMessage: React.FC<EmptyMessageProps>;
|
|
315
315
|
export type FormFieldSelectProperties = Omit<FormFieldProperties, "children"> & Omit<SelectProperties, "appearance">;
|
|
316
316
|
export type FormFieldSelectBaseProps = FormFieldSelectProperties & Omit<SelectProps, "appearance"> & HTMLAttributes<HTMLElement>;
|
|
317
|
-
declare const FormFieldSelect: React.ForwardRefExoticComponent<Pick<FormFieldSelectBaseProps, keyof React.HTMLAttributes<HTMLElement> | "width" | "height" | "form" | "label" | "pattern" | "key" | "max" | "min" | "name" | "type" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "appearance" | "helpText" | "helpIcon" | "showHelpText"> & React.RefAttributes<HTMLSelectElement>>;
|
|
317
|
+
declare const FormFieldSelect: React.ForwardRefExoticComponent<Pick<FormFieldSelectBaseProps, keyof React.HTMLAttributes<HTMLElement> | "width" | "height" | "form" | "label" | "pattern" | "key" | "max" | "min" | "name" | "type" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "appearance" | "helpText" | "helpIcon" | "showHelpText" | "aiGenerated"> & React.RefAttributes<HTMLSelectElement>>;
|
|
318
318
|
export type FormFieldSelectProps = ComponentPropsWithRef<typeof FormField.Select>;
|
|
319
319
|
export type FormFieldTextareaProperties = Omit<FormFieldProperties, "children"> & Omit<TextareaProperties, "appearance">;
|
|
320
320
|
export type FormFieldTextareaBaseProps = FormFieldTextareaProperties & Omit<TextareaProps, "appearance"> & HTMLAttributes<HTMLElement>;
|
|
321
|
-
declare const FormFieldTextarea: React.ForwardRefExoticComponent<Pick<FormFieldTextareaBaseProps, keyof React.HTMLAttributes<HTMLElement> | "width" | "height" | "form" | "label" | "pattern" | "key" | "max" | "min" | "name" | "type" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "cols" | "dirName" | "rows" | "wrap" | "appearance" | "helpText" | "helpIcon" | "showHelpText" | "lines" | "autoGrow" | "maxLines" | "minLines" | "resize"> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
321
|
+
declare const FormFieldTextarea: React.ForwardRefExoticComponent<Pick<FormFieldTextareaBaseProps, keyof React.HTMLAttributes<HTMLElement> | "width" | "height" | "form" | "label" | "pattern" | "key" | "max" | "min" | "name" | "type" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "list" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "step" | "cols" | "dirName" | "rows" | "wrap" | "appearance" | "helpText" | "helpIcon" | "showHelpText" | "aiGenerated" | "lines" | "autoGrow" | "maxLines" | "minLines" | "resize"> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
322
322
|
export type FormFieldTextareaProps = ComponentPropsWithRef<typeof FormField.Textarea>;
|
|
323
323
|
export type FormFieldInputProperties = Omit<FormFieldProperties, "children"> & Omit<InputProperties, "appearance"> & {
|
|
324
324
|
appearance?: FormFieldProperties["appearance"] | InputProperties["appearance"];
|
|
@@ -583,6 +583,10 @@ export interface MenuButtonProperties {
|
|
|
583
583
|
* Text to be displayed in the tooltip when the button is collapsed. If not provided, the label will be used.
|
|
584
584
|
*/
|
|
585
585
|
tooltipText?: string;
|
|
586
|
+
/**
|
|
587
|
+
* Whether to show tooltips when the button is collapsed. Defaults to true.
|
|
588
|
+
*/
|
|
589
|
+
showTooltipsWhenCollapsed?: boolean;
|
|
586
590
|
}
|
|
587
591
|
export type MenuButtonBaseProps = MenuButtonProperties & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color">;
|
|
588
592
|
export declare const MenuButton: PolymorphicForwardRefComponent<"a" | "button", MenuButtonBaseProps> & MenuButtonComponents;
|
|
@@ -1412,6 +1416,10 @@ export interface MenuExpandContextValue {
|
|
|
1412
1416
|
showTooltipsWhenCollapsed?: boolean;
|
|
1413
1417
|
/** Position of the tooltips for buttons when the menu is collapsed. Defaults to "right". */
|
|
1414
1418
|
tooltipsPosition?: "top" | "bottom" | "left" | "right";
|
|
1419
|
+
/** ID of the currently active accordion popover. Used to ensure only one popover is open at a time. */
|
|
1420
|
+
activeAccordionPopover: string | null;
|
|
1421
|
+
/** Function to set the active accordion popover ID. */
|
|
1422
|
+
setActiveAccordionPopover: Dispatch<SetStateAction<string | null>>;
|
|
1415
1423
|
}
|
|
1416
1424
|
export declare const MenuExpandContext: import("react").Context<MenuExpandContextValue | undefined>;
|
|
1417
1425
|
/**
|