@redocly/openapi-docs 3.17.1 → 3.18.0-custom.1

package/lib/components/TagItem/OperationsNavigation.js

@@ -1,6 +1,31 @@
-import{jsx as i,jsxs as y}from"react/jsx-runtime";import{useMemo as N,memo as j,useState as E,useCallback as W}from"react";import{useNavigate as B}from"react-router-dom";import{LayoutVariant as _}from"@redocly/config";import{useAtomValue as V}from"jotai/index";import{SamplesPanel as z}from"../common/index.js";import{layoutAtom as D}from"../../jotai/app.js";import{OperationNavigationItems as p}from"./OperationNavigationItems.js";import{StyledButton as K}from"./styled.js";import{useTranslate as L}from"../../hooks/index.js";import{styled as X}from"../../styled-components.js";import{isRenderableMenuItem as q}from"../../utils/menu.js";const m=8;function F({items:c,routingBasePath:n}){const o=L(),[r,O]=E(!1),u=B(),P=V(D)===_.STACKED,{operations:h,webhooks:d,schemas:f,mcpTools:g,showMoreCount:k,totalCount:w,mcpResources:C,mcpPrompts:x}=N(()=>{const s=c.filter(e=>q(e)),b=r?s:s.slice(0,m),{operations:v,additionalOperations:S,webhooks:M,schemas:T,mcpTools:R,mcpResources:A,mcpPrompts:I}=b.reduce((e,t)=>{if(t.type==="operation"&&t.isWebhook)e.webhooks.push(t);else if(t.type==="operation"){const l=t;l.isAdditionalOperation?e.additionalOperations.push(l):e.operations.push(l)}else t.type==="schema"?e.schemas.push(t):t.type==="tool"?e.mcpTools.push(t):t.type==="rsrc"?e.mcpResources.push(t):t.type==="prompt"&&e.mcpPrompts.push(t);return e},{operations:[],additionalOperations:[],webhooks:[],schemas:[],mcpTools:[],mcpResources:[],mcpPrompts:[]});return{operations:[...v,...S],schemas:T,mcpTools:R,webhooks:M,mcpResources:A,mcpPrompts:I,showMoreCount:!r&&s.length>m?s.length-m:0,totalCount:s.length}},[r,c]),a=W(s=>u(s),[u]);return w?y(G,{isStacked:P,"data-testid":"operation-navigation-list",children:[f.length>0&&i(p,{items:f,onClick:a,routingBasePath:n,translate:o,title:o("openapi.schemas","Schemas")}),g.length>0&&i(p,{items:g,onClick:a,routingBasePath:n,translate:o,title:o("openapi.mcp.tools","MCP Tools")}),C.length>0&&i(p,{items:C,onClick:a,routingBasePath:n,translate:o,title:o("openapi.mcp.resources","MCP Resources")}),x.length>0&&i(p,{items:x,onClick:a,routingBasePath:n,translate:o,title:o("openapi.mcp.prompts","MCP Prompts")}),h.length>0&&i(p,{items:h,onClick:a,routingBasePath:n,translate:o,title:o("openapi.operations","Operations")}),d.length>0&&i(p,{items:d,onClick:a,routingBasePath:n,translate:o,title:o("openapi.webhooks","Webhooks")}),!r&&!!k&&y(K,{variant:"link",size:"large","data-testid":"show-more-operations",fullWidth:!0,onClick:()=>O(!0),children:[o("openapi.actions.show","Show")," ",k," ",o("openapi.actions.more","more"),"..."]})]}):null}const io=j(F),G=X(z)`
+import{jsx as s,jsxs as O}from"react/jsx-runtime";import{useMemo as _,memo as D,useState as V,useCallback as z}from"react";import{useNavigate as K}from"react-router-dom";import{LayoutVariant as L}from"@redocly/config";import{useAtomValue as X}from"jotai/index";import{SamplesPanel as q}from"../common/index.js";import{layoutAtom as F}from"../../jotai/app.js";import{OperationNavigationItems as a}from"./OperationNavigationItems.js";import{StyledButton as G}from"./styled.js";import{useTranslate as H}from"../../hooks/index.js";import{styled as C}from"../../styled-components.js";import{isRenderableMenuItem as J}from"../../utils/menu.js";const x=8;function Q({items:m,routingBasePath:n}){const o=H(),[l,w]=V(!1),b=K(),P=X(F)===L.STACKED,{operations:h,rpcOperations:v,webhooks:u,schemas:d,mcpTools:g,showMoreCount:y,totalCount:M,mcpResources:f,mcpPrompts:k,tags:c}=_(()=>{const i=m.filter(t=>J(t)),T=l?i:i.slice(0,x),{operations:R,rpcOperations:A,additionalOperations:B,webhooks:I,schemas:N,mcpTools:j,mcpResources:E,mcpPrompts:W}=T.reduce((t,e)=>{if(e.type==="operation"&&e.isWebhook)t.webhooks.push(e);else if(e.type==="operation"){const p=e;p.isRpc?t.rpcOperations.push(p):p.isAdditionalOperation?t.additionalOperations.push(p):t.operations.push(p)}else e.type==="schema"?t.schemas.push(e):e.type==="tool"?t.mcpTools.push(e):e.type==="rsrc"?t.mcpResources.push(e):e.type==="prompt"&&t.mcpPrompts.push(e);return t},{operations:[],rpcOperations:[],additionalOperations:[],webhooks:[],schemas:[],mcpTools:[],mcpResources:[],mcpPrompts:[]});return{operations:[...R,...B],rpcOperations:A,schemas:N,mcpTools:j,webhooks:I,mcpResources:E,mcpPrompts:W,showMoreCount:!l&&i.length>x?i.length-x:0,totalCount:i.length,tags:m.filter(t=>t.type==="tag")}},[l,m]),r=z(i=>b(i),[b]),S=d.length>0||g.length>0||f.length>0||k.length>0||h.length>0||u.length>0;return!M&&c.length===0?null:O(U,{isStacked:P,"data-testid":"operation-navigation-list",children:[d.length>0&&s(a,{items:d,onClick:r,routingBasePath:n,translate:o,title:o("openapi.schemas","Schemas")}),g.length>0&&s(a,{items:g,onClick:r,routingBasePath:n,translate:o,title:o("openapi.mcp.tools","MCP Tools")}),f.length>0&&s(a,{items:f,onClick:r,routingBasePath:n,translate:o,title:o("openapi.mcp.resources","MCP Resources")}),k.length>0&&s(a,{items:k,onClick:r,routingBasePath:n,translate:o,title:o("openapi.mcp.prompts","MCP Prompts")}),v.length>0&&s(a,{items:v,onClick:r,routingBasePath:n,translate:o,title:o("openapi.rpcMethods","RPC methods")}),h.length>0&&s(a,{items:h,onClick:r,routingBasePath:n,translate:o,title:o("openapi.operations","Operations")}),u.length>0&&s(a,{items:u,onClick:r,routingBasePath:n,translate:o,title:o("openapi.webhooks","Webhooks")}),!l&&!!y&&O(Z,{variant:"link",size:"large","data-testid":"show-more-operations",fullWidth:!0,onClick:()=>w(!0),children:[o("openapi.actions.show","Show")," ",y," ",o("openapi.actions.more","more"),"..."]}),c.length>0&&S&&s(Y,{}),c.length>0&&s(a,{items:c,onClick:r,routingBasePath:n,translate:o,disableTooltip:!0})]})}const ho=D(Q),U=C(q)`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
   padding-top: var(--spacing-xxl);
-`;export{io as OperationsNavigation,F as OperationsNavigationComponent};
+`,Y=C.div`
+  border-bottom: 1px solid var(--border-color-secondary);
+  margin: var(--spacing-xs) 0;
+  position: relative;
+
+  &::before,
+  &::after {
+    content: '';
+    position: absolute;
+    bottom: -3px;
+    width: 6px;
+    height: 6px;
+    background-color: var(--border-color-secondary);
+    border-radius: 50%;
+  }
+
+  &::before {
+    left: 0;
+  }
+
+  &::after {
+    right: 0;
+  }
+`,Z=C(G)`
+  margin-top: var(--spacing-xxs);
+`;export{ho as OperationsNavigation,Q as OperationsNavigationComponent};

package/lib/components/TagItem/TagItem.js

@@ -1,59 +1,73 @@
-import{jsx as r,jsxs as t}from"react/jsx-runtime";import{memo as w,useCallback as $}from"react";import{useNavigate as y}from"react-router-dom";import{useAtomValue as z}from"jotai";import{LayoutVariant as j}from"@redocly/config";import{css as M}from"styled-components";import{Markdown as p}from"@redocly/theme/components/Markdown/Markdown";import{breakpoints as T}from"@redocly/theme/core/openapi";import{Button as C}from"@redocly/theme/components/Button/Button";import{PageActions as I}from"@redocly/theme/components/PageActions/PageActions";import{H2 as A}from"@redocly/theme/components/Typography/H2";import{LinkIcon as L}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{joinWithSeparator as P}from"../../services/history/helpers.js";import{Row as W,SamplesMiddlePanel as m,SamplesPanel as f,ShareLink as B}from"../common/index.js";import{Markdown as D}from"../Markdown/index.js";import{OperationsNavigation as H}from"./OperationsNavigation.js";import{layoutAtom as N}from"../../jotai/app.js";import{useTranslate as V}from"../../hooks/index.js";import{styled as l}from"../../styled-components.js";import{StyledShareLink as _}from"../common/linkify.js";function E({item:a,routingBasePath:i="",isExpanded:d}){const v=V(),{description:o,name:s,href:S}=a,c=y(),g=z(N),e=P(i,a.href),x=$(()=>{c(e)},[c,e]),n=!!a.items.length,k=typeof o=="object"?o?.raw:o,h=g===j.STACKED,b=k?.includes?.("{% schemaDefinition");return t(K,{expanded:d,isSchema:b,isStacked:h,children:[t(W,{layout:g,children:[t(m,{fullWidth:!n,isStacked:h,children:[t(u,{expandable:n,children:[r(B,{to:S,"aria-label":`link to ${s}`}),s,r(I,{pageSlug:e})]}),r(D,{source:o})]}),n&&r(H,{items:a.items,routingBasePath:i})]}),n&&!d&&t(O,{type:"button",variant:"text",size:"medium",onClick:x,children:["+ ",v("openapi.actions.show","Show")]})]})}const da=w(E),K=l.div`
+import{jsx as n,jsxs as e}from"react/jsx-runtime";import{memo as W,useCallback as u}from"react";import{useNavigate as M}from"react-router-dom";import{useAtomValue as z}from"jotai";import{LayoutVariant as C}from"@redocly/config";import{Markdown as s}from"@redocly/theme/components/Markdown/Markdown";import{breakpoints as o}from"@redocly/theme/core/openapi";import{Button as I}from"@redocly/theme/components/Button/Button";import{PageActions as j}from"@redocly/theme/components/PageActions/PageActions";import{H2 as B}from"@redocly/theme/components/Typography/H2";import{LinkIcon as A}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{encodeBackSlashes as L,getBreadcrumbs as H}from"../../utils/index.js";import{joinWithSeparator as v}from"../../services/history/helpers.js";import{Row as P,SamplesMiddlePanel as w,SamplesPanel as $,ShareLink as D}from"../common/index.js";import{Markdown as N}from"../Markdown/index.js";import{OperationsNavigation as V}from"./OperationsNavigation.js";import{Breadcrumbs as _}from"./Breadcrumbs.js";import{layoutAtom as E}from"../../jotai/app.js";import{useTranslate as F}from"../../hooks/index.js";import{styled as r}from"../../styled-components.js";import{StyledShareLink as K}from"../common/linkify.js";function O({item:a,routingBasePath:i="",isExpanded:c}){const b=F(),{description:k,name:g,href:x}=a,t=M(),f=z(E),d=v(i,a.href),S=u(()=>{t(d)},[t,d]),l=!!a.items.length,m=f===C.STACKED,p=!l,h=H(a),y=u(T=>{t(v(i,L(T)))},[t,i]);return e(R,{expanded:c,children:[e(P,{layout:f,children:[e(q,{fullWidth:p,isStacked:m,children:[e(G,{fullWidth:p,isStacked:m,children:[h.length>0&&n(_,{breadcrumbs:h,onClick:y}),e(Q,{children:[n(D,{to:x,"aria-label":`link to ${g}`}),g]}),n(j,{pageSlug:d})]}),n(J,{fullWidth:p,isStacked:m,children:n(N,{source:k})})]}),l&&n(V,{items:a.items,routingBasePath:i})]}),l&&!c&&e(U,{type:"button",variant:"text",size:"medium",onClick:S,children:["+ ",b("openapi.actions.show","Show")]})]})}const wa=W(O),R=r.div`
   padding-top: var(--spacing-lg);
   padding-bottom: ${({expanded:a})=>a?"var(--spacing-xxl)":""};
+`,q=r(w)`
+  @media screen and (min-width: ${o.large}) {
+    padding-left: ${({fullWidth:a,isStacked:i})=>a&&!i?"0":void 0};
+    padding-right: ${({fullWidth:a,isStacked:i})=>a&&!i?"0":void 0};
+  }
+`,G=r.div`
+  display: flex;
+  align-items: flex-start;
+  margin: var(--h2-margin-top) 0 var(--h2-margin-bottom);
+  position: relative;
+
+  @media screen and (min-width: ${o.large}) {
+    padding-left: ${({fullWidth:a,isStacked:i})=>a&&!i?"calc(var(--panel-gap-horizontal) * 2)":void 0};
+    padding-right: ${({fullWidth:a,isStacked:i})=>a&&!i?"var(--panel-gap-horizontal)":void 0};
+    width: ${({fullWidth:a,isStacked:i})=>a&&!i?"calc(100% - var(--panel-samples-width))":void 0};
 
+    ${K} {
+      left: ${({fullWidth:a,isStacked:i})=>a&&!i?"unset":void 0};
+    }
+  }
+`,J=r.div`
   /* 
     Markdoc components inside markdown that use SamplesPanel should not have padding.
     E.g. SchemaDefinition, McpTool
     padding is added by the TagItem itself
   */
-  ${p} ${f} {
-    padding-right: 0;
+  ${s} ${$} {
     padding-left: 0;
+    padding-right: 0;
   }
 
-  ${({isSchema:a,isStacked:i})=>a&&!i&&M`
-      ${m} {
-        padding-left: 0;
-        padding-right: 0;
-      }
-
-      ${p} ${m} {
-        padding-left: calc(var(--panel-gap-horizontal) * 2);
-        padding-right: var(--panel-gap-horizontal);
-      }
+  @media screen and (min-width: ${o.large}) {
+    ${s} ${w} {
+      padding-left: ${({fullWidth:a,isStacked:i})=>a&&!i?"calc(var(--panel-gap-horizontal) * 2)":void 0};
+      padding-right: ${({fullWidth:a,isStacked:i})=>a&&!i?"var(--panel-gap-horizontal)":void 0};
+    }
 
-      ${p} ${f} {
-        padding-right: calc(var(--panel-gap-horizontal) * 2);
-        padding-left: var(--panel-gap-horizontal);
-      }
+    ${s} .schema-definition ${$} {
+      padding-left: ${({fullWidth:a,isStacked:i})=>a&&!i?"var(--panel-gap-horizontal)":void 0};
+      padding-right: ${({fullWidth:a,isStacked:i})=>a&&!i?"calc(var(--panel-gap-horizontal) * 2)":void 0};
+    }
+  }
+`,Q=r(B)`
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  flex-wrap: wrap;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  margin: 0;
 
-      ${u} {
-        padding-left: calc(var(--panel-gap-horizontal) * 2);
-        padding-right: var(--panel-gap-horizontal);
-        width: calc(100% - var(--panel-samples-width));
-        ${_} {
-          left: unset;
-        }
-      }
-    `}
-`,O=l(C)`
+  :hover {
+    ${A} {
+      opacity: 1;
+      visibility: visible;
+    }
+  }
+`,U=r(I)`
   margin: var(--spacing-md) var(--spacing-xl) var(--spacing-xxs);
   width: calc(100% - var(--spacing-xl) * 2);
 
-  @media screen and (min-width: ${T.medium}) {
+  @media screen and (min-width: ${o.medium}) {
     --button-margin-md: calc(var(--spacing-xl) * 2);
 
     margin-left: var(--button-margin-md);
     margin-right: var(--button-margin-md);
     width: calc(100% - var(--button-margin-md) * 2);
   }
-`,u=l(A)`
-  display: flex;
-  :hover {
-    ${L} {
-      opacity: 1;
-      visibility: visible;
-    }
-  }
-`;export{da as TagItem,E as TagItemComponent};
+`;export{wa as TagItem,O as TagItemComponent};

package/lib/components/ViewNested/ViewNested.js

@@ -1,4 +1,4 @@
-import{jsx as o,Fragment as l,jsxs as t}from"react/jsx-runtime";import{css as c}from"styled-components";import{memo as w,useEffect as $,useState as j}from"react";import{isUndefined as C}from"@redocly/theme/core/openapi";import{cycleColorsByLevel as N}from"../PropertyDetails/cycleColorsByLevel.js";import{CircleIcon as S}from"../PropertyDetails/PlusCircleIcon.js";import{LabelValue as V}from"../common/styled.js";import{styled as d}from"../../styled-components.js";function _({expandByDefault:e,level:g,expandable:h=!1,expandText:v,hideText:x,hideDivider:y=!1,children:i,expandedAll:a,isNestedArray:n}){const[r,p]=j((e||n)??!1);$(()=>{C(a)||p(a)},[a]);const s=r?N(g):void 0;if(!h)return i;const b=()=>{p(u=>!u)};return n?t(l,{children:[o(V,{children:"Array ["}),o(f,{$isArrayInsideArray:n,className:"view-nested-wrapper",children:o(m,{color:s,children:i})})]}):o(l,{children:t(f,{$divider:!y&&!r,className:"view-nested-wrapper",children:[t(k,{onClick:b,children:[o(S,{sign:r?"-":"+",color:s}),!r&&v,r&&(x||"")]}),r&&o(m,{color:s,children:i})]})})}const U=w(_),k=d.button`
+import{jsx as o,Fragment as l,jsxs as s}from"react/jsx-runtime";import{css as d}from"styled-components";import{memo as w,useEffect as $,useState as j}from"react";import{isUndefined as C}from"@redocly/theme/core/openapi";import{cycleColorsByLevel as N}from"../PropertyDetails/cycleColorsByLevel.js";import{CircleIcon as S}from"../PropertyDetails/PlusCircleIcon.js";import{LabelValue as V}from"../common/styled.js";import{styled as c}from"../../styled-components.js";function _({expandByDefault:e,level:g,expandable:h=!1,expandText:v,hideText:x,hideDivider:y=!1,children:i,expandedAll:t,isNestedArray:n}){const[r,p]=j((e||n)??!1);$(()=>{C(t)||p(t)},[t]);const a=r?N(g):void 0;if(!h)return i;const b=()=>{p(u=>!u)};return n?s(l,{children:[o(V,{children:"Array ["}),o(f,{$isArrayInsideArray:n,className:"view-nested-wrapper",children:o(m,{color:a,children:i})})]}):o(l,{children:s(f,{$divider:!y&&!r,className:"view-nested-wrapper",children:[s(k,{onClick:b,children:[o(S,{sign:r?"-":"+",color:a}),!r&&v,r&&(x||"")]}),r&&o(m,{color:a,children:i})]})})}const U=w(_),k=c.button`
   background: none;
   border: none;
   cursor: pointer;
@@ -10,24 +10,24 @@ import{jsx as o,Fragment as l,jsxs as t}from"react/jsx-runtime";import{css as c}
   font-size: var(--font-size-base);
   font-family: var(--font-family-base);
   line-height: var(--line-height-base);
-  margin: var(--spacing-xxs) 0 var(--spacing-xs);
+  margin-top: var(--spacing-xxs);
   width: 100%;
-`,m=d.div`
+`,m=c.div`
   padding-left: var(--schema-nested-offset);
   border-left: 1px solid ${({color:e})=>e||"var(--border-color-primary)"};
   margin: -10px 0 0 9px;
-  ${({color:e})=>e&&c`
+  ${({color:e})=>e&&d`
       .schema-name {
         color: ${e};
       }
     `}
-`,f=d.div`
+`,f=c.div`
   width: 100%;
-  ${({$isArrayInsideArray:e})=>e&&c`
+  ${({$isArrayInsideArray:e})=>e&&d`
       padding-top: var(--schema-property-details-spacing);
     `}
 
-  ${({$divider:e})=>e&&c`
+  ${({$divider:e})=>e&&d`
       border-bottom: 1px solid var(--border-color-primary);
       padding-bottom: var(--schema-property-details-spacing);
     `}

package/lib/components/common/Badges.js

@@ -1,18 +1,20 @@
-import{Fragment as i,jsx as t,jsxs as l}from"react/jsx-runtime";import{memo as m}from"react";import{css as f}from"styled-components";import{Badge as g}from"@redocly/theme/components/Badge/Badge";import{styled as d}from"../../styled-components.js";function p({badges:e,children:s}){if(!e)return t(i,{children:s});const n=e.filter(({position:r})=>r==="before"),c=e.filter(({position:r})=>r==="after");return l(i,{children:[n.map(({name:r,color:o})=>t(a,{color:o,children:r},r)),s,c.map(({name:r,color:o})=>t(a,{color:o,children:r},r))]})}const B=m(p),a=d(g)`
-  margin-left: 0;
-  background-color: ${({color:e})=>e||"var(--color-info-base)"};
-  ${({deprecated:e})=>e&&f`
+import{jsx as a,Fragment as n,jsxs as c}from"react/jsx-runtime";import{memo as p}from"react";import{css as l}from"styled-components";import{Tag as f}from"@redocly/theme/components/Tag/Tag";import{GenericIcon as g}from"@redocly/theme/icons/GenericIcon/GenericIcon";import{Tooltip as x}from"@redocly/theme/components/Tooltip/Tooltip";import{styled as s}from"../../styled-components.js";function d({name:r,color:e,description:o,icon:t}){return a(x,{tip:o,placement:"top",disabled:!o,children:a(m,{color:e,icon:t&&a(g,{icon:t}),children:r})},r)}function h({badges:r,children:e}){if(!r)return a(n,{children:e});const o=r.filter(({position:i})=>i==="before"),t=r.filter(({position:i})=>i==="after");return c(n,{children:[o.map(d),e,t.map(d)]})}const _=p(h),m=s(f)`
+  margin: 0;
+  ${({deprecated:r})=>r&&l`
       color: var(--badge-deprecated-text-color);
       background-color: var(--badge-deprecated-bg-color);
       border-radius: var(--badge-deprecated-border-radius);
     `};
-`,w=d(a)`
-  margin-left: 0;
+
+  svg {
+    flex-shrink: 0;
+  }
+`,k=s(m)`
+  margin: 0;
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   padding: 0 var(--spacing-xxs);
-  max-width: 80px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
-`;export{B as CustomBadges,w as NavigationBadge,a as StyledBadge};
+`;export{_ as CustomBadges,k as NavigationBadge,m as StyledBadge};

package/lib/components/common/BodyContent/BodyContent.d.ts

@@ -6,6 +6,8 @@ interface BodyContentProps {
     description?: string | GenericObject;
     content?: MediaContentModel;
     deepLink?: string;
+    isRpc?: boolean;
+    title?: string;
 }
 export declare const BodyContent: import("react").NamedExoticComponent<BodyContentProps>;
 export {};

package/lib/components/common/BodyContent/BodyContent.js

@@ -1,6 +1,6 @@
-import{jsx as e,jsxs as n,Fragment as x}from"react/jsx-runtime";import{memo as u}from"react";import{useAtom as b}from"jotai";import{LinkIcon as w}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{Dropdown as M}from"../Dropdown/index.js";import{RequiredLabel as T}from"../Fields/index.js";import{ConstraintsView as j}from"../ConstraintsView.js";import{Schema as k}from"../../Schema/index.js";import{getActiveMediaType as C}from"../../../models/index.js";import{Markdown as z}from"../../Markdown/index.js";import{activeMimeNameAtom as A}from"../../../jotai/app.js";import{LinkToField as q}from"../LinkToField.js";import{useTranslate as B}from"../../../hooks/index.js";import{styled as s}from"../../../styled-components.js";function F({required:m,skipReadOnly:p,skipWriteOnly:l,description:c,content:t,deepLink:r}){const a=B(),[g,f]=b(A);if(!t)return null;const{schema:i,examples:d,operation:h,name:v}=C(t,g),y=t.mediaTypes.map(({name:o})=>({label:o,value:o}));return n(x,{children:[n(O,{children:[r&&e(q,{to:r}),a("openapi.body","Body"),e(M,{options:y,value:v,triggerVariant:"ghost",triggerSize:"large",onChange:({value:o})=>f(o)})]}),m&&e(T,{children:a("openapi.badges.required","required")}),e(N,{source:c}),i?.type==="object"&&i?.constraints&&e(j,{constraints:i?.constraints||[]}),e(k,{skipReadOnly:p,skipWriteOnly:l,schema:i,examples:d,operation:h,level:1,disableDeepLinks:!r},"schema")]})}const P=u(F),N=s(z)`
+import{jsx as e,Fragment as h,jsxs as s}from"react/jsx-runtime";import{memo as k}from"react";import{useAtom as C}from"jotai";import{LinkIcon as q}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{Dropdown as z}from"../Dropdown/index.js";import{RequiredLabel as v}from"../Fields/index.js";import{ConstraintsView as y}from"../ConstraintsView.js";import{Schema as u}from"../../Schema/index.js";import{getActiveMediaType as A}from"../../../models/index.js";import{Markdown as N}from"../../Markdown/index.js";import{activeMimeNameAtom as B}from"../../../jotai/app.js";import{LinkToField as D}from"../LinkToField.js";import{useTranslate as F}from"../../../hooks/index.js";import{styled as x}from"../../../styled-components.js";function O({required:m,skipReadOnly:p,skipWriteOnly:l,description:c,content:r,deepLink:i,isRpc:a,title:d}){const n=F(),[j,w]=C(B);if(!r)return null;const{schema:o,examples:g,operation:f,name:M}=A(r,j),T=r.mediaTypes.map(({name:t})=>({label:t,value:t}));return a&&!d?s(h,{children:[m&&e(v,{children:n("openapi.badges.required","required")}),e(b,{source:c}),o?.type==="object"&&o?.constraints&&e(y,{constraints:o?.constraints||[]}),e(u,{skipReadOnly:p,skipWriteOnly:l,schema:o,examples:g,operation:f,level:1,disableDeepLinks:!i},"schema")]}):s(h,{children:[s(S,{children:[i&&e(D,{to:i}),d||n("openapi.body","Body"),!a&&e(z,{options:T,value:M,triggerVariant:"ghost",triggerSize:"large",onChange:({value:t})=>w(t)})]}),m&&e(v,{children:n("openapi.badges.required","required")}),e(b,{source:c}),o?.type==="object"&&o?.constraints&&e(y,{constraints:o?.constraints||[]}),e(u,{skipReadOnly:p,skipWriteOnly:l,schema:o,examples:g,operation:f,level:1,disableDeepLinks:!i},"schema"),a&&o===void 0?e("em",{children:"No parameters"}):null]})}const U=k(O),b=x(N)`
   margin: var(--spacing-xxs) 0 0;
-`,O=s.span`
+`,S=x.span`
   position: relative;
   display: flex;
   align-items: center;
@@ -13,7 +13,7 @@ import{jsx as e,jsxs as n,Fragment as x}from"react/jsx-runtime";import{memo as u
   padding: var(--spacing-xxs) 0;
 
   :hover {
-    ${w} {
+    ${q} {
       opacity: 1;
       visibility: visible;
     }
@@ -24,4 +24,4 @@ import{jsx as e,jsxs as n,Fragment as x}from"react/jsx-runtime";import{memo as u
     font-size: var(--font-size-sm);
     line-height: var(--line-height-lg);
   }
-`;export{P as BodyContent};
+`;export{U as BodyContent};

package/lib/components/common/Dropdown/Dropdown.d.ts

@@ -6,8 +6,8 @@ export interface DropdownProps<T> {
     className?: string;
     triggerVariant?: 'ghost' | 'outlined';
     triggerSize?: string;
-    withSearch?: boolean;
+    fullWidth?: boolean;
 }
-declare function DropdownComponent<T>({ options, value, onChange, className, triggerVariant, triggerSize, withSearch, }: DropdownProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownComponent<T>({ options, value, onChange, className, triggerVariant, triggerSize, fullWidth, }: DropdownProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare const Dropdown: typeof DropdownComponent;
 export {};

package/lib/components/common/Dropdown/Dropdown.js

@@ -1,8 +1,40 @@
-import{jsx as r,jsxs as s,Fragment as f}from"react/jsx-runtime";import g,{useMemo as k,useState as C}from"react";import{Dropdown as D}from"@redocly/theme/components/Dropdown/Dropdown";import{CheckmarkIcon as I}from"@redocly/theme/icons/CheckmarkIcon/CheckmarkIcon";import{DropdownMenu as j}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as z}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{Button as M}from"@redocly/theme/components/Button/Button";import{SearchIcon as F}from"@redocly/theme/icons/SearchIcon/SearchIcon";import{typedMemo as N}from"@redocly/theme/core/openapi";import{styled as n}from"../../../styled-components.js";import{useTranslate as A}from"../../../hooks/index.js";function P({options:t,value:o,onChange:d,className:v,triggerVariant:x="outlined",triggerSize:b="small",withSearch:w=!1}){const[l,h]=C(""),m=A(),a=t.find(e=>e.value===o),p=k(()=>t.filter(e=>e.label?.toLowerCase().includes(l.toLowerCase())??!1),[t,l]);if(t.length===1)return r(V,{children:a?.element||a?.label});const y=e=>{h(e.target.value)},S=()=>w?s(f,{children:[r(R,{prefix:r(L,{children:r(F,{color:"var(--icon-color-additional)",onClick:e=>e.stopPropagation()})}),content:r(O,{placeholder:m("openapi.discriminator.searchPlaceholder","Search items"),onClick:e=>e.stopPropagation(),onChange:y,value:l})}),r(_,{children:p.length?p.map((e,c)=>s(g.Fragment,{children:[e.divider,r(i,{active:e.value===o,onAction:()=>d(e),suffix:e.value===o&&r(u,{}),children:e.element||e.label},e.label)]},c)):r(T,{content:m("openapi.discriminator.searchNoResults","No items found")})})]}):r(f,{children:t.map((e,c)=>s(g.Fragment,{children:[e.divider,r(i,{active:e.value===o,onAction:()=>d(e),suffix:e.value===o&&r(u,{}),children:e.element||e.label},e.label)]},c))});return r(D,{className:v,trigger:r(M,{variant:x,size:b,type:"button",children:a?.element||a?.label}),withArrow:!0,onClose:()=>h(""),children:r(j,{children:S()})})}const Y=N(P),u=n(I)`
+import{jsx as r,jsxs as d,Fragment as u}from"react/jsx-runtime";import v,{useMemo as C,useState as I}from"react";import{Dropdown as j}from"@redocly/theme/components/Dropdown/Dropdown";import{CheckmarkIcon as M}from"@redocly/theme/icons/CheckmarkIcon/CheckmarkIcon";import{DropdownMenu as z}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as T}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{Button as $}from"@redocly/theme/components/Button/Button";import{SearchIcon as A}from"@redocly/theme/icons/SearchIcon/SearchIcon";import{typedMemo as F}from"@redocly/theme/core/openapi";import{styled as o}from"../../../styled-components.js";import{useTranslate as L}from"../../../hooks/index.js";const R=7;function _({options:n,value:t,onChange:p,className:x,triggerVariant:b="outlined",triggerSize:y="small",fullWidth:l=!1}){const[c,m]=I(""),g=L(),a=n.find(e=>e.value===t),S=n.length>=R,f=C(()=>n.filter(e=>e.label?.toLowerCase().includes(c.toLowerCase())??!1),[n,c]);if(n.length===1)return r(U,{children:a?.element||a?.label});const k=e=>{m(e.target.value)},D=()=>S?d(u,{children:[r(O,{prefix:r(V,{children:r(A,{color:"var(--icon-color-additional)",onClick:e=>e.stopPropagation()})}),content:r(W,{placeholder:g("openapi.discriminator.searchPlaceholder","Search items"),onClick:e=>e.stopPropagation(),onChange:k,value:c})}),r(B,{children:f.length?f.map((e,s)=>d(v.Fragment,{children:[e.divider,r(i,{active:e.value===t,onAction:()=>p(e),suffix:e.value===t&&r(w,{}),children:r(h,{children:e.element||e.label})},e.label)]},s)):r(P,{content:g("openapi.discriminator.searchNoResults","No items found")})})]}):r(u,{children:n.map((e,s)=>d(v.Fragment,{children:[e.divider,r(i,{active:e.value===t,onAction:()=>p(e),suffix:e.value===t&&r(w,{}),children:r(h,{children:e.element||e.label})},e.label)]},s))});return r(N,{className:x,$fullWidth:l,trigger:r(E,{variant:b,size:y,type:"button",$fullWidth:l,children:r(h,{children:a?.element||a?.label})}),withArrow:!0,onClose:()=>m(""),children:r(H,{$fullWidth:l,children:D()})})}const oe=F(_),N=o(j)`
+  ${({$fullWidth:n})=>n&&`
+    > div {
+      min-width: 100%;
+      max-width: 100%;
+    }
+  `}
+`,E=o($)`
+  ${({$fullWidth:n})=>n&&`
+    && {
+      width: 100%;
+      justify-content: space-between;
+      background-color: var(--bg-color);
+      padding: var(--docs-dropdown-padding-vertical) var(--docs-dropdown-padding-left);
+      color: var(--text-color-primary);
+
+      &:hover {
+        background-color: var(--bg-color);
+      }
+
+      &:focus {
+        background-color: var(--bg-color);
+      }
+    }
+  `}
+`,h=o.span`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,H=o(z)`
+  ${({$fullWidth:n})=>n&&"min-width: 100%;"}
+`,w=o(M)`
   width: 16px;
   height: 16px;
   margin-left: auto;
-`,i=n(z)`
+  flex-shrink: 0;
+`,i=o(T)`
   --dropdown-menu-item-justify-content: space-between;
 
   width: 100%;
@@ -12,23 +44,25 @@ import{jsx as r,jsxs as s,Fragment as f}from"react/jsx-runtime";import g,{useMem
   padding: var(--spacing-xxs) var(--spacing-sm);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
-`,R=n(i)`
+`,O=o(i)`
   gap: 0;
   padding: var(--spacing-xxs) var(--spacing-xs);
   &:hover {
     background-color: transparent;
   }
-`,T=n(i)`
+`,P=o(i)`
   height: 66px;
   justify-content: center;
   &:hover,
   &:focus-visible {
     background-color: transparent;
   }
-`,_=n.div`
+`,B=o.div`
   overflow-y: auto;
   max-height: 300px;
-`,L=n.div`
+  padding: calc(var(--spacing-unit) / 2);
+  margin: calc(var(--spacing-unit) / -2);
+`,V=o.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -36,7 +70,7 @@ import{jsx as r,jsxs as s,Fragment as f}from"react/jsx-runtime";import g,{useMem
   height: 24px;
   cursor: pointer;
   flex-shrink: 0;
-`,O=n.input`
+`,W=o.input`
   width: 100%;
   border: none;
   outline: none;
@@ -47,11 +81,11 @@ import{jsx as r,jsxs as s,Fragment as f}from"react/jsx-runtime";import g,{useMem
   font-family: var(--font-family-base);
   padding: 0;
   margin-left: var(--spacing-xxs);
-
+  min-width: 100px;
   &::placeholder {
     color: var(--search-trigger-color);
   }
-`,V=n.span`
+`,U=o.span`
   margin-right: var(--spacing-unit);
   cursor: default;
   background: none;
@@ -62,4 +96,4 @@ import{jsx as r,jsxs as s,Fragment as f}from"react/jsx-runtime";import g,{useMem
   line-height: var(--line-height-lg);
   font-family: var(--font-family-base);
   font-weight: var(--font-weight-regular);
-`;export{Y as Dropdown};
+`;export{oe as Dropdown};

package/lib/components/common/Fields/fields.js

@@ -7,7 +7,7 @@ import{Button as t}from"@redocly/theme/components/Button/Button";import{styled a
   color: var(--schema-type-text-color);
 `,d=r(o)`
   color: var(--schema-type-text-color);
-`,m=r(o)`
+`,p=r(o)`
   color: var(--schema-type-title-text-color);
   word-break: break-word;
 `,c=r(o).attrs({as:"div"})`
@@ -16,7 +16,7 @@ import{Button as t}from"@redocly/theme/components/Button/Button";import{styled a
   line-height: var(--schema-labels-line-height);
   font-weight: normal;
   display: block;
-`,p=r(o)`
+`,m=r(o)`
   color: var(--schema-property-required-label-text-color);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
@@ -32,6 +32,8 @@ import{Button as t}from"@redocly/theme/components/Button/Button";import{styled a
   color: var(--text-color-secondary);
   display: inline-flex;
   word-break: var(--code-word-break);
+  align-items: center;
+  gap: var(--spacing-xxs);
 `,v=r(e)`
   color: var(--schema-property-access-label-text-color);
   background-color: var(--bg-color);
@@ -89,4 +91,4 @@ import{Button as t}from"@redocly/theme/components/Button/Button";import{styled a
   padding: 0;
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
-`;export{v as AccessLabel,b as AdditionalPropertiesLabel,u as ConstraintItem,x as DefaultValue,g as EnumValue,l as ExampleValue,f as ExtensionValue,o as FieldLabel,a as FieldValueLabel,c as PropertyLabel,h as RecursiveLabel,p as RequiredLabel,e as Tag,y as ToggleButton,d as TypeName,i as TypePrefix,m as TypeTitle};
+`;export{v as AccessLabel,b as AdditionalPropertiesLabel,u as ConstraintItem,x as DefaultValue,g as EnumValue,l as ExampleValue,f as ExtensionValue,o as FieldLabel,a as FieldValueLabel,c as PropertyLabel,h as RecursiveLabel,m as RequiredLabel,e as Tag,y as ToggleButton,d as TypeName,i as TypePrefix,p as TypeTitle};

package/lib/components/common/OperationItemTitle.js

@@ -1,4 +1,4 @@
-import{LinkIcon as t}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{H2 as e}from"@redocly/theme/components/Typography/H2";import{styled as i}from"../../styled-components.js";const n=i.h4`
+import{LinkIcon as e}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{H2 as t}from"@redocly/theme/components/Typography/H2";import{styled as i}from"../../styled-components.js";const n=i.h4`
   font-size: var(--h4-font-size);
   font-weight: var(--h4-font-weight);
   line-height: var(--h4-line-height);
@@ -11,27 +11,29 @@ import{LinkIcon as t}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{H2 as e
   position: relative;
 
   :hover {
-    ${t} {
+    ${e} {
       opacity: 1;
       visibility: visible;
     }
   }
-`,l=i(e)`
+`,l=i(t)`
   position: relative;
   display: flex;
   align-items: center;
   gap: var(--spacing-xs);
   flex-wrap: wrap;
+  overflow-wrap: anywhere;
+  word-break: break-word;
   margin: 0;
 
   :hover {
-    ${t} {
+    ${e} {
       opacity: 1;
       visibility: visible;
     }
   }
-`,s=i.div`
+`,p=i.div`
   display: flex;
   align-items: flex-start;
   margin: var(--h2-margin-top) 0 var(--h2-margin-bottom);
-`;export{l as Heading,s as HeadingWrapper,n as Title};
+`;export{l as Heading,p as HeadingWrapper,n as Title};

package/lib/components/common/SchemaSelection/SchemaSelection.js

@@ -1 +1 @@
-import{jsx as m}from"react/jsx-runtime";import{useCallback as h,useEffect as v,useRef as A,useState as T}from"react";import{useAtom as g}from"jotai";import{isUndefined as w}from"@redocly/theme/core/openapi";import{Segmented as I}from"@redocly/theme/components/Segmented/Segmented";import{Dropdown as x}from"../Dropdown/index.js";import{operationStore as y}from"../../../jotai/operation.js";const L=5,R=7;function _({options:t,onChange:r,pointer:u,schema:n,defaultOneOfIdx:d}){const[S,c]=g(y(u)),p=S.activeOneOf[n.pointer]??d,o=t[p]?.value,[i,E]=T(!1),s=A(null);v(()=>{if(!s.current)return;const e=()=>{const O=s.current?.querySelectorAll('button[role="tab"]'),a=Array.from(O||[]).some(l=>l.offsetWidth<l.scrollWidth);a!==i&&E(a)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[i,t]);const f=h(({value:e})=>{e!==void 0&&(r?r(e):c({activeExampleName:n.oneOf?.[e]?.title,activeOneOf:{[n.pointer]:e},requestValues:{body:null}}))},[r,n.oneOf,n.pointer,c]);return w(o)?null:t.length>L||i?m(x,{options:t,value:o,withSearch:t.length>=R,onChange:f}):m(I,{ref:s,value:o,onChange:f,options:t,size:"small","data-testid":"segmented-schema"})}const k=_;export{k as SchemaSelection};
+import{jsx as m}from"react/jsx-runtime";import{useCallback as E,useEffect as I,useRef as T,useState as g}from"react";import{useAtom as h}from"jotai";import{isUndefined as w}from"@redocly/theme/core/openapi";import{Segmented as x}from"@redocly/theme/components/Segmented/Segmented";import{Dropdown as y}from"../Dropdown/index.js";import{operationStore as A}from"../../../jotai/operation.js";const b=5;function z({options:t,onChange:r,pointer:u,schema:n,defaultOneOfIdx:d}){const[p,c]=h(A(u)),S=p.activeOneOf[n.pointer]??d,o=t[S]?.value,[i,O]=g(!1),s=T(null);I(()=>{if(!s.current)return;const e=()=>{const v=s.current?.querySelectorAll('button[role="tab"]'),a=Array.from(v||[]).some(l=>l.offsetWidth<l.scrollWidth);a!==i&&O(a)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[i,t]);const f=E(({value:e})=>{e!==void 0&&(r?r(e):c({activeExampleName:n.oneOf?.[e]?.title,activeOneOf:{[n.pointer]:e},requestValues:{body:null}}))},[r,n.oneOf,n.pointer,c]);return w(o)?null:t.length>b||i?m(y,{options:t,value:o,onChange:f}):m(x,{ref:s,value:o,onChange:f,options:t,size:"small","data-testid":"segmented-schema"})}const D=z;export{D as SchemaSelection};

package/lib/components/common/Select/Select.js

@@ -1 +1 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{memo as b,useMemo as g}from"react";import{ClearButton as j}from"../ClearButton/index.js";import{normalizeText as m}from"../../../utils/index.js";import{Arrow as v}from"./styled.js";function z({options:o,onChange:c,handleClear:p,clearable:u,placeholder:n,value:a="",className:x}){const f=t=>{const{selectedIndex:s}=t.target,l=n||!a?s-1:s;c(o[l])},h=g(()=>o.map(({idx:t,value:s,title:l},C)=>{const d=m(s);return e("option",{value:d,className:"dropdown-option",children:l||d},t||d+C)}),[o]),r=m(a),w=o.find(t=>t.value===a)?.title||r;return i("div",{className:x+" dropdown-wrapper",children:[e(v,{}),u&&r?.length>0&&e(j,{handleClear:p}),i("select",{onChange:f,value:r,className:"dropdown-select","aria-label":"dropdown select",children:[n&&e("option",{disabled:!0,hidden:!0,value:n,children:n}),!r&&!n&&e("option",{disabled:!0}),h]}),e("label",{children:w})]})}const B=b(z);export{B as Select};
+import{jsx as s}from"react/jsx-runtime";import{memo as u,useMemo as c}from"react";import{Dropdown as i}from"../Dropdown/Dropdown.js";import{normalizeText as f}from"../../../utils/index.js";function d({options:t,onChange:n,value:o="",className:a}){const m=c(()=>t.map(e=>({value:e.value,label:e.title||f(e.value)})),[t]);return s(i,{className:a,options:m,value:o,onChange:({value:e})=>{const l=t.find(r=>r.value===e);l&&n(l)},fullWidth:!0})}const C=u(d);export{C as Select};

package/lib/components/common/Select/styled.d.ts

@@ -1,3 +1,2 @@
 export declare const Select: any;
 export declare const SimpleSelect: any;
-export declare const Arrow: any;

package/lib/components/common/Select/styled.js

@@ -1,14 +1,16 @@
-import{css as n}from"styled-components";import{ChevronDownIcon as t}from"@redocly/theme/icons/ChevronDownIcon/ChevronDownIcon";import{Select as i}from"./Select.js";import{styled as e}from"../../../styled-components.js";const r=n`
-  background-color: var(--panel-samples-dropdown-bg-color);
-  border: var(--panel-samples-dropdown-border);
-  color: var(--panel-samples-dropdown-color);
+import{css as e}from"styled-components";import{Select as t}from"./Select.js";import{styled as r}from"../../../styled-components.js";const n=e`
+  button {
+    background-color: var(--panel-samples-dropdown-bg-color);
+    border: var(--panel-samples-dropdown-border);
+    color: var(--panel-samples-dropdown-color);
 
-  &,
-  &:hover,
-  &:focus-within {
-    box-shadow: none;
+    &,
+    &:hover,
+    &:focus {
+      box-shadow: none;
+    }
   }
-`,a=e(i)`
+`,a=r(t)`
   box-sizing: border-box;
   outline: none;
   display: inline-block;
@@ -18,72 +20,26 @@ import{css as n}from"styled-components";import{ChevronDownIcon as t}from"@redocl
   cursor: pointer;
   text-transform: none;
 
-  label {
-    box-sizing: border-box;
+  button {
     min-width: 90px;
-    height: 36px;
-    outline: none;
-    display: inline-block;
     color: var(--docs-dropdown-text-color);
-    border-radius: var(--border-radius-md);
-    padding: var(--docs-dropdown-padding);
-    vertical-align: bottom;
-    width: ${({fullWidth:o})=>o?"100%":"auto"};
-    text-transform: none;
-    line-height: inherit;
     font-size: var(--docs-dropdown-font-size);
-    font-family: inherit;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-
-    &,
-    &:hover,
-    &:focus-within {
-      box-shadow: none;
-    }
-
-    ${({variant:o})=>o==="dark"?r:""};
+    border-radius: var(--border-radius-md);
   }
 
-  .dropdown-select {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    opacity: 0;
-    border: none;
-    appearance: none;
-    cursor: pointer;
-
-    color: var(--text-color-secondary);
-    line-height: inherit;
-    font-size: var(--font-size-base);
-    font-family: inherit;
-    padding: var(--docs-dropdown-padding);
-    ${({variant:o})=>o==="dark"?r:""};
-  }
-`,c=e(a)`
-  svg {
-    top: 60%;
-    transform: translateY(-60%);
-  }
-  label {
+  ${({variant:o})=>o==="dark"?n:""};
+`,l=r(a)`
+  button {
     padding: 0 26px 0 4px;
     background: transparent;
     font-size: var(--font-size-base);
     font-weight: var(--font-weight-regular);
-    appearance: none;
     height: auto;
+    min-width: auto;
 
     &:hover,
-    &:focus-within {
+    &:focus {
       box-shadow: none;
     }
   }
-`,h=e(t)`
-  position: absolute;
-  right: 10px;
-  top: 10px;
-`;export{h as Arrow,a as Select,c as SimpleSelect};
+`;export{a as Select,l as SimpleSelect};

package/lib/components/common/Select/types.d.ts

@@ -8,11 +8,8 @@ export interface SelectOption {
 export interface SelectProps {
     options: SelectOption[];
     onChange: (option: SelectOption) => void;
-    handleClear?: () => void;
-    clearable?: boolean;
     ariaLabel?: string;
     className?: string;
-    placeholder?: string;
     value?: string;
     dense?: boolean;
     fullWidth?: boolean;