@equisoft/design-elements-react 9.3.0 → 9.3.1

package/dist/bundle.js

@@ -3127,7 +3127,7 @@ color: ${({disabled:e,theme:t})=>e?t.component["combobox-clear-button-disabled-i
     align-self: center;
     min-width: auto;
     white-space: nowrap;
-`;t.Tabs=({className:e,global:t,forceRenderTabPanels:n,tabs:a,defaultSelectedId:r,addButton:i,onRemove:s})=>{const{t:b}=(0,c.useTranslation)("tabs"),k=(0,u.createRef)(),C=(0,u.createRef)(),x=(0,u.createRef)(),T=Object.assign({label:b("addTab"),disabled:!1,loading:!1,tooltipContent:null},i),H=i&&(0,l.jsx)(_,{type:"button",buttonType:"tertiary",leftIconName:"plusSign",label:T.label,disabled:T.disabled,loading:T.loading,onClick:T.onClick}),{scrollToLeft:L,scrollToRight:P}=(0,d.useScrollable)({scrollableElement:k,scrollByPercent:.6,onScroll:({atStartX:e,atEndX:t})=>{var n,a;null===(n=C.current)||void 0===n||n.classList.toggle("hidden",e),null===(a=x.current)||void 0===a||a.classList.toggle("hidden",t)}}),S=(0,u.useMemo)((()=>a.map((e=>Object.assign(Object.assign({},e),{id:e.id,panelId:(0,p.v4)(),buttonRef:(0,u.createRef)()})))),[a]),V=S.find((e=>e.id===r)),[O,q]=(0,u.useState)(null!=V?V:S[0]);function D(e){return O.id===e}const j=(0,u.useCallback)((e=>{var t,n;if((null==O?void 0:O.id)===e){const a=S.findIndex((t=>t.id===e)),r=null!==(t=S[a+1])&&void 0!==t?t:S[a-1];r&&(null===(n=r.buttonRef.current)||void 0===n||n.focus(),q(r))}null==s||s(e)}),[s,S,O]);return(0,l.jsxs)(y,{$global:t,className:e,children:[(0,l.jsxs)(w,{$global:t,children:[(0,l.jsx)(E,{className:"hidden",buttonType:"tertiary",type:"button","aria-hidden":"true",onClick:()=>L(),$position:"left",$global:t,ref:C,children:(0,l.jsx)(f.Icon,{name:"chevronLeft",size:"16","aria-hidden":"true",focusable:!1})}),(0,l.jsxs)(M,{role:"tablist","aria-label":"tabs label",$global:t,ref:k,children:[S.map(((e,n)=>(0,l.jsx)(v.TabButton,{global:t,id:e.id,panelId:e.panelId,"data-testid":`tab-${n+1}`,leftIcon:e.leftIcon,rightIcon:e.rightIcon,isSelected:D(e.id),ref:e.buttonRef,onClick:()=>function(e){return o(this,void 0,void 0,(function*(){(null==O?void 0:O.onBeforeUnload)?(yield O.onBeforeUnload())&&q(e):q(e)}))}(e),onRemove:s?()=>j(e.id):void 0,onKeyDown:t=>function(e,t){var n,a,r,i,o;const l=S.findIndex((e=>e.id===t.id));switch(e.key){case"ArrowRight":{const e=(0,m.getNextElement)(S,l,{wrapAround:!0});null===(n=null==e?void 0:e.buttonRef.current)||void 0===n||n.focus();break}case"ArrowLeft":{const e=(0,m.getPreviousElement)(S,l,{wrapAround:!0});null===(a=null==e?void 0:e.buttonRef.current)||void 0===a||a.focus();break}case"Tab":D(t.id)||(e.preventDefault(),null===(r=null==O?void 0:O.buttonRef.current)||void 0===r||r.focus());break;case"Home":S[0].id===t.id||(e.preventDefault(),null===(i=S[0].buttonRef.current)||void 0===i||i.focus());break;case"End":S[S.length-1].id===t.id||(e.preventDefault(),null===(o=S[S.length-1].buttonRef.current)||void 0===o||o.focus())}}(t,e),children:e.title},e.id))),H&&(T.tooltipContent?(0,l.jsx)(h.Tooltip,{label:T.tooltipContent,desktopPlacement:"top",children:H}):H)]}),(0,l.jsx)(E,{className:"hidden",buttonType:"tertiary",type:"button","aria-hidden":"true",onClick:()=>P(),$position:"right",$global:t,ref:x,children:(0,l.jsx)(f.Icon,{name:"chevronRight",size:"16","aria-hidden":"true",focusable:!1})})]}),S.map((e=>n||D(e.id)?(0,l.jsx)(g.TabPanel,{buttonId:e.id,hidden:!D(e.id),id:e.panelId,global:t,children:e.panelContent},e.panelId):null))]})};try{t.Tabs.displayName="Tabs",t.Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},forceRenderTabPanels:{defaultValue:null,description:"",name:"forceRenderTabPanels",required:!1,type:{name:"boolean"}},global:{defaultValue:null,description:"",name:"global",required:!1,type:{name:"boolean"}},tabs:{defaultValue:null,description:"",name:"tabs",required:!0,type:{name:"Tab[]"}},defaultSelectedId:{defaultValue:null,description:"",name:"defaultSelectedId",required:!1,type:{name:"string"}},addButton:{defaultValue:null,description:"",name:"addButton",required:!1,type:{name:"AddButtonProps"}},onRemove:{defaultValue:null,description:"",name:"onRemove",required:!1,type:{name:"((tabId: string) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/tabs.tsx#Tabs"]={docgenInfo:t.Tabs.__docgenInfo,name:"Tabs",path:"src/components/tabs/tabs.tsx#Tabs"})}catch(e){}},25357:function(e,t,n){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Tag=void 0;const r=n(97905),i=n(39155),o=a(n(88694)),l=n(90605),u=n(60926),s=n(89129),d=n(77465);function c(e){return e?"20":"12"}function m(e){return"medium"===e}function p(e){return"small"===e}function f({$tagColor:e,theme:t},n){return"default"===e?t.component[`tag-${n}`]:t.component[`tag-${e}-${n}`]}const h=o.default.div`
+`;t.Tabs=({className:e,global:t,forceRenderTabPanels:n,tabs:a,defaultSelectedId:r,addButton:i,onRemove:s})=>{const{t:b}=(0,c.useTranslation)("tabs"),k=(0,u.createRef)(),C=(0,u.createRef)(),x=(0,u.createRef)(),T=Object.assign({label:b("addTab"),disabled:!1,loading:!1,tooltipContent:null},i),H=i&&(0,l.jsx)(_,{type:"button",buttonType:"tertiary",leftIconName:"plusSign",label:T.label,disabled:T.disabled,loading:T.loading,onClick:T.onClick}),{scrollToLeft:L,scrollToRight:P}=(0,d.useScrollable)({scrollableElement:k,scrollByPercent:.6,onScroll:({atStartX:e,atEndX:t})=>{var n,a;null===(n=C.current)||void 0===n||n.classList.toggle("hidden",e),null===(a=x.current)||void 0===a||a.classList.toggle("hidden",t)}}),S=(0,u.useMemo)((()=>a.map((e=>Object.assign(Object.assign({},e),{id:e.id,panelId:(0,p.v4)(),buttonRef:(0,u.createRef)()})))),[a]),V=S.find((e=>e.id===r)),[O,q]=(0,u.useState)(null!=V?V:S[0]);function D(e){return(null==O?void 0:O.id)===e}const j=(0,u.useCallback)((e=>{var t,n;if((null==O?void 0:O.id)===e){const a=S.findIndex((t=>t.id===e)),r=null!==(t=S[a+1])&&void 0!==t?t:S[a-1];r&&(null===(n=r.buttonRef.current)||void 0===n||n.focus(),q(r))}null==s||s(e)}),[s,S,O]);return(0,l.jsxs)(y,{$global:t,className:e,children:[(0,l.jsxs)(w,{$global:t,children:[(0,l.jsx)(E,{className:"hidden",buttonType:"tertiary",type:"button","aria-hidden":"true",onClick:()=>L(),$position:"left",$global:t,ref:C,children:(0,l.jsx)(f.Icon,{name:"chevronLeft",size:"16","aria-hidden":"true",focusable:!1})}),(0,l.jsxs)(M,{role:"tablist","aria-label":"tabs label",$global:t,ref:k,children:[S.map(((e,n)=>(0,l.jsx)(v.TabButton,{global:t,id:e.id,panelId:e.panelId,"data-testid":`tab-${n+1}`,leftIcon:e.leftIcon,rightIcon:e.rightIcon,isSelected:D(e.id),ref:e.buttonRef,onClick:()=>function(e){return o(this,void 0,void 0,(function*(){(null==O?void 0:O.onBeforeUnload)?(yield O.onBeforeUnload())&&q(e):q(e)}))}(e),onRemove:s?()=>j(e.id):void 0,onKeyDown:t=>function(e,t){var n,a,r,i,o;const l=S.findIndex((e=>e.id===t.id));switch(e.key){case"ArrowRight":{const e=(0,m.getNextElement)(S,l,{wrapAround:!0});null===(n=null==e?void 0:e.buttonRef.current)||void 0===n||n.focus();break}case"ArrowLeft":{const e=(0,m.getPreviousElement)(S,l,{wrapAround:!0});null===(a=null==e?void 0:e.buttonRef.current)||void 0===a||a.focus();break}case"Tab":D(t.id)||(e.preventDefault(),null===(r=null==O?void 0:O.buttonRef.current)||void 0===r||r.focus());break;case"Home":S[0].id===t.id||(e.preventDefault(),null===(i=S[0].buttonRef.current)||void 0===i||i.focus());break;case"End":S[S.length-1].id===t.id||(e.preventDefault(),null===(o=S[S.length-1].buttonRef.current)||void 0===o||o.focus())}}(t,e),children:e.title},e.id))),H&&(T.tooltipContent?(0,l.jsx)(h.Tooltip,{label:T.tooltipContent,desktopPlacement:"top",children:H}):H)]}),(0,l.jsx)(E,{className:"hidden",buttonType:"tertiary",type:"button","aria-hidden":"true",onClick:()=>P(),$position:"right",$global:t,ref:x,children:(0,l.jsx)(f.Icon,{name:"chevronRight",size:"16","aria-hidden":"true",focusable:!1})})]}),S.map((e=>n||D(e.id)?(0,l.jsx)(g.TabPanel,{buttonId:e.id,hidden:!D(e.id),id:e.panelId,global:t,children:e.panelContent},e.panelId):null))]})};try{t.Tabs.displayName="Tabs",t.Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},forceRenderTabPanels:{defaultValue:null,description:"",name:"forceRenderTabPanels",required:!1,type:{name:"boolean"}},global:{defaultValue:null,description:"",name:"global",required:!1,type:{name:"boolean"}},tabs:{defaultValue:null,description:"",name:"tabs",required:!0,type:{name:"Tab[]"}},defaultSelectedId:{defaultValue:null,description:"",name:"defaultSelectedId",required:!1,type:{name:"string"}},addButton:{defaultValue:null,description:"",name:"addButton",required:!1,type:{name:"AddButtonProps"}},onRemove:{defaultValue:null,description:"",name:"onRemove",required:!1,type:{name:"((tabId: string) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/tabs.tsx#Tabs"]={docgenInfo:t.Tabs.__docgenInfo,name:"Tabs",path:"src/components/tabs/tabs.tsx#Tabs"})}catch(e){}},25357:function(e,t,n){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Tag=void 0;const r=n(97905),i=n(39155),o=a(n(88694)),l=n(90605),u=n(60926),s=n(89129),d=n(77465);function c(e){return e?"20":"12"}function m(e){return"medium"===e}function p(e){return"small"===e}function f({$tagColor:e,theme:t},n){return"default"===e?t.component[`tag-${n}`]:t.component[`tag-${e}-${n}`]}const h=o.default.div`
     align-items: center;
     background-color: ${e=>f(e,"background-color")};
     border: 1px solid ${e=>f(e,"border-color")};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equisoft/design-elements-react",
-  "version": "9.3.0",
+  "version": "9.3.1",
   "description": "React implementation of the Equisoft design system.",
   "license": "UNLICENSED",
   "main": "dist/bundle.js",