@ebay/ui-core-react 8.1.0 → 8.1.1
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../toggle-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../toggle-button-Bzon4-mn.js");exports.EbayToggleButton=t.ToggleButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),f=require("classnames"),I=require("../utils-C9NL3q0j.js"),L=require("../toggle-button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../tslib.es6-C4EgNkz1.js"),o=require("react"),f=require("classnames"),I=require("../utils-C9NL3q0j.js"),L=require("../toggle-button-Bzon4-mn.js"),N=l=>{var{a11yText:u,a11yLabelId:m,layoutType:i="minimal",variant:c="checkbox",children:g,columnsMin:d,columnsXS:b,columnsSM:y,columnsMD:p,columnsXL:T,onChange:n,className:B}=l,h=q.__rest(l,["a11yText","a11yLabelId","layoutType","variant","children","columnsMin","columnsXS","columnsSM","columnsMD","columnsXL","onChange","className"]);const r=I.filterByType(g,L.ToggleButton),k=()=>r.reduce((s,e,t)=>(s[t]=e.props.pressed||!1,s),{}),[M,E]=o.useState(k),S=o.useCallback((s,e)=>{E(t=>{let a={};switch(c){case"checkbox":a=Object.assign({},t),a[e]=!t[e];break;case"radio-toggle":a[e]=!t[e];break;case"radio":a[e]=!0;break}return n&&n(s,{pressedButtonsIndex:a}),a})},[c,n]);return o.createElement("div",Object.assign({className:f(B,"toggle-button-group"),"data-columns-min":d,"data-columns-xs":b,"data-columns-sm":y,"data-columns-md":p,"data-columns-xl":T},h),o.createElement("ul",{"aria-label":u,"aria-labelledby":m},r.map((s,e)=>o.createElement("li",{key:e},o.cloneElement(s,{layoutType:i,pressed:M[e],onToggle:t=>{S(t,e)}})))))};exports.EbayToggleButtonGroup=N;
|
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),E=require("classnames"),y=require("./icon-CeLPlCml.js"),N=n=>{var{pressed:a=!1,children:o,className:i,title:g,subtitle:s,layoutType:l="minimal",icon:r,img:t,onToggle:c}=n,m=p.__rest(n,["pressed","children","className","title","subtitle","layoutType","icon","img","onToggle"]);const u=d=>{c&&c(d,{pressed:!a})},b=()=>o||e.createElement(e.Fragment,null,e.createElement("p",{className:"toggle-button__title"},g),s&&e.createElement("p",{className:"toggle-button__subtitle"},s)),_=()=>{if(r)return e.createElement("div",{className:"toggle-button__icon"},e.createElement(y.EbayIcon,{name:r}));if(t)return e.createElement("span",{className:"toggle-button__image-container"},t.fillPlacement?e.createElement("span",{role:"img","aria-label":t.alt,className:"toggle-button__image",style:{backgroundImage:`url(${t.src})`,backgroundPosition:t.fillPlacement||"center",backgroundSize:"cover",backgroundRepeat:"no-repeat"}}):e.createElement("span",{className:"toggle-button__image"},e.createElement("img",{src:t.src,alt:t.alt})))};return e.createElement("button",Object.assign({onClick:u,className:E("toggle-button",i,{"toggle-button--minimal-layout":l==="minimal","toggle-button--list-layout":l==="list","toggle-button--gallery-layout":l==="gallery"}),"aria-pressed":a},m),_(),e.createElement("div",{className:"toggle-button__content"},b()))};exports.ToggleButton=N;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const d=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),p=require("classnames"),E=require("./icon-CeLPlCml.js"),y=n=>{var{pressed:a=!1,children:o,className:N,title:i,subtitle:s,layoutType:l="minimal",icon:r,img:t,onToggle:c}=n,g=d.__rest(n,["pressed","children","className","title","subtitle","layoutType","icon","img","onToggle"]);const m=_=>{c&&c(_,{pressed:!a})},u=()=>o||e.createElement(e.Fragment,null,e.createElement("p",{className:"toggle-button__title"},i),s&&e.createElement("p",{className:"toggle-button__subtitle"},s)),b=()=>{if(r)return e.createElement("div",{className:"toggle-button__icon"},e.createElement(E.EbayIcon,{name:r}));if(t)return e.createElement("span",{className:"toggle-button__image-container"},t.fillPlacement?e.createElement("span",{role:"img","aria-label":t.alt,className:"toggle-button__image",style:{backgroundImage:`url(${t.src})`,backgroundPosition:t.fillPlacement||"center",backgroundSize:"cover",backgroundRepeat:"no-repeat"}}):e.createElement("span",{className:"toggle-button__image"},e.createElement("img",{src:t.src,alt:t.alt})))};return e.createElement("button",Object.assign({onClick:m,className:p("toggle-button",{"toggle-button--minimal-layout":l==="minimal","toggle-button--list-layout":l==="list","toggle-button--gallery-layout":l==="gallery"}),"aria-pressed":a},g),b(),e.createElement("div",{className:"toggle-button__content"},u()))};exports.ToggleButton=y;
|