carbon-react 159.13.4 → 159.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "159.13.4",
+  "version": "159.15.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",

package/esm/components/pager/__internal__/pager-navigation-link.component.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-interface PagerNavigationLinkProps {
-    /** Type of Pagination link to be allowed for navigation */
-    type: "next" | "previous" | "first" | "last";
-    /** Current visible page */
-    currentPage: number;
-    /** Count of all the pages  */
-    pageCount: number;
-    /** If true, sets css property visibility: hidden on all disabled elements  */
-    hideDisabledElements?: boolean;
-    /** Pagination page size */
-    pageSize: number;
-    /** onClick Callback function */
-    onClick?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    /** onPagination Callback to process pagination  */
-    onPagination?: (pageSize: number, currentPage: number, origin: string) => void;
-}
-declare const PagerNavigationLink: ({ type, currentPage, pageCount, hideDisabledElements, pageSize, onClick, onPagination, }: PagerNavigationLinkProps) => React.JSX.Element;
-export default PagerNavigationLink;

package/esm/components/pager/__internal__/pager-navigation-link.component.js

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{useRef as e,useCallback as n,useEffect as r}from"react";import{StyledPagerLink as i}from"../pager.style.js";import a from"../../../hooks/__internal__/useLocale/useLocale.js";const o=({type:o,currentPage:s,pageCount:l,hideDisabledElements:p,pageSize:u,onClick:d,onPagination:c})=>{const m=a(),g=e(null),x={first:{text:m.pager.first(),destination:1},last:{text:m.pager.last(),destination:l},next:{text:m.pager.next(),destination:s+1},previous:{text:m.pager.previous(),destination:s-1}},f=n((()=>1===s?"previous"===o||"first"===o:s===l&&("next"===o||"last"===o)),[l,s,o]);r((()=>{f()&&g.current&&g.current.blur()}),[f]);const{text:b}=x[o],h=p&&f();return t(i,{hideDisabledButtons:h,"data-element":`pager-link-${o}`,disabled:f(),onClick:t=>{null==d||d(t),null==c||c(x[o].destination,u,o)},ref:g,children:b})};export{o as default};

package/esm/components/pager/__internal__/pager-navigation.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useRef as r}from"react";import{StyledPagerNavigation as a,StyledPagerNavInner as i,StyledPagerNoSelect as o,StyledPagerNavLabel as l}from"../pager.style.js";import{Number as s}from"../../number/number.component.js";import p from"../../../__internal__/utils/helpers/events/events.js";import u from"../../../__internal__/utils/helpers/guid/index.js";import c from"./pager-navigation-link.component.js";import m from"../../../hooks/__internal__/useLocale/useLocale.js";function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){g(e,t,n[t])}))}return e}const b=({pageSize:g,currentPage:b,setCurrentPage:h,onNext:f,onPrevious:v,onFirst:y,onLast:P,onPagination:_,pageCount:j,showFirstAndLastButtons:k=!0,showPreviousAndNextButtons:x=!0,showPageCount:C=!0,interactivePageNumber:N=!0,hideDisabledElements:O=!1,smallScreenBreakpoint:S})=>{const w=m(),E=`Pager_${r(u()).current}`,D=`${w.pager.pageX()} ${b.toString()} ${w.pager.ofY(j)}`,B=j<=1,L=2===j,$={currentPage:b,pageSize:g,pageCount:j,onPagination:_},F=e=>{const t=+e.target.value;return 0===j?(h(0),_(0,g,"input"),0):t<=0||Number.isNaN(t)?(h(1),_(1,g,"input"),1):t>j?(h(j),_(j,g,"input"),j):(h(t),_(t,g,"input"),t)};return e(a,{smallScreenBreakpoint:S,className:"pager-navigation",children:[!B&&e(n,{children:[!L&&k&&t(c,d({type:"first",hideDisabledElements:O,onClick:y},$)),x&&t(c,d({type:"previous",hideDisabledElements:O,onClick:v},$))]}),C&&(N?e(i,{children:[t("label",{htmlFor:E,children:t(o,{children:w.pager.pageX()})}),t(s,{value:b.toString(),"data-element":"current-page",onChange:e=>{h(+e.target.value)},onBlur:F,id:E,onKeyUp:e=>!!p.isEnterKey(e)&&F(e),maxWidth:"50px"}),t(o,{"data-element":"max-pages",children:w.pager.ofY(j)})]}):t(l,{"data-element":"current-page-label","data-role":"current-page-label",id:E,"aria-live":"polite",children:D})),!B&&e(n,{children:[x&&t(c,d({type:"next",hideDisabledElements:O,onClick:f},$)),!L&&k&&t(c,d({type:"last",hideDisabledElements:O,onClick:P},$))]})]})};export{b as default};

package/esm/components/search/search-button.style.js

@@ -1 +0,0 @@
-import o from"styled-components";import r from"../button/button.style.js";import t from"../icon/icon.style.js";import a from"../../style/themes/apply-base-theme.js";const e=o.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"sc-52030d5d-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t),n=o.div.attrs(a).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"sc-52030d5d-1"})(["display:flex;align-self:end;border-bottom:none;min-width:fit-content;&&& ","{color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorTransparent);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);:hover{border-color:var(--colorsActionMajorTransparent);}width:fit-content;","","{color:var(--colorsActionMajorYang100);}margin:0px 0px;padding-bottom:3px;:focus{z-index:1;}}"],r,t,t);export{e as StyledButtonIcon,n as default};

package/esm/components/search/search.style.js

@@ -1 +0,0 @@
-import{margin as o}from"styled-system";import r,{css as t}from"styled-components";import e from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import a from"../icon/icon.style.js";import i from"../../style/themes/apply-base-theme.js";import n from"../../__internal__/form-field/form-field.style.js";const s=r.div.attrs(i).withConfig({displayName:"search.style__StyledSearch",componentId:"sc-8ea1bc73-0"})(["",""],(({isFocused:r,searchWidth:i,maxWidth:s,searchHasValue:l,showSearchButton:c,variant:m})=>{const d="dark"===m;return t(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;align-items:center;font-size:var(--fontSize100);"," ","{flex:1;}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],o,i?`${i}`:"100%",s?`${s}`:"100%",!c&&t(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],d?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)",d?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(l||r)&&t(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),n,a,d&&!c&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!d&&t(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),e,l&&t(["margin-bottom:-1px;"]))}));export{s as default};

package/lib/components/pager/__internal__/pager-navigation-link.component.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-interface PagerNavigationLinkProps {
-    /** Type of Pagination link to be allowed for navigation */
-    type: "next" | "previous" | "first" | "last";
-    /** Current visible page */
-    currentPage: number;
-    /** Count of all the pages  */
-    pageCount: number;
-    /** If true, sets css property visibility: hidden on all disabled elements  */
-    hideDisabledElements?: boolean;
-    /** Pagination page size */
-    pageSize: number;
-    /** onClick Callback function */
-    onClick?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    /** onPagination Callback to process pagination  */
-    onPagination?: (pageSize: number, currentPage: number, origin: string) => void;
-}
-declare const PagerNavigationLink: ({ type, currentPage, pageCount, hideDisabledElements, pageSize, onClick, onPagination, }: PagerNavigationLinkProps) => React.JSX.Element;
-export default PagerNavigationLink;

package/lib/components/pager/__internal__/pager-navigation-link.component.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../pager.style.js"),n=require("../../../hooks/__internal__/useLocale/useLocale.js");exports.default=({type:i,currentPage:s,pageCount:a,hideDisabledElements:l,pageSize:u,onClick:o,onPagination:d})=>{const c=n.default(),p=t.useRef(null),x={first:{text:c.pager.first(),destination:1},last:{text:c.pager.last(),destination:a},next:{text:c.pager.next(),destination:s+1},previous:{text:c.pager.previous(),destination:s-1}},g=t.useCallback((()=>1===s?"previous"===i||"first"===i:s===a&&("next"===i||"last"===i)),[a,s,i]);t.useEffect((()=>{g()&&p.current&&p.current.blur()}),[g]);const{text:f}=x[i],b=l&&g();return e.jsx(r.StyledPagerLink,{hideDisabledButtons:b,"data-element":`pager-link-${i}`,disabled:g(),onClick:e=>{null==o||o(e),null==d||d(x[i].destination,u,i)},ref:p,children:f})};

package/lib/components/pager/__internal__/pager-navigation.component.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../pager.style.js"),n=require("../../number/number.component.js"),a=require("../../../__internal__/utils/helpers/events/events.js"),i=require("../../../__internal__/utils/helpers/guid/index.js"),l=require("./pager-navigation-link.component.js"),s=require("../../../hooks/__internal__/useLocale/useLocale.js");function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}exports.default=({pageSize:o,currentPage:c,setCurrentPage:g,onNext:d,onPrevious:p,onFirst:m,onLast:b,onPagination:j,pageCount:f,showFirstAndLastButtons:h=!0,showPreviousAndNextButtons:x=!0,showPageCount:y=!0,interactivePageNumber:v=!0,hideDisabledElements:P=!1,smallScreenBreakpoint:S})=>{const _=s.default(),N=`Pager_${t.useRef(i.default()).current}`,k=`${_.pager.pageX()} ${c.toString()} ${_.pager.ofY(f)}`,C=f<=1,O=2===f,q={currentPage:c,pageSize:o,pageCount:f,onPagination:j},w=e=>{const t=+e.target.value;return 0===f?(g(0),j(0,o,"input"),0):t<=0||Number.isNaN(t)?(g(1),j(1,o,"input"),1):t>f?(g(f),j(f,o,"input"),f):(g(t),j(t,o,"input"),t)};return e.jsxs(r.StyledPagerNavigation,{smallScreenBreakpoint:S,className:"pager-navigation",children:[!C&&e.jsxs(e.Fragment,{children:[!O&&h&&e.jsx(l.default,u({type:"first",hideDisabledElements:P,onClick:m},q)),x&&e.jsx(l.default,u({type:"previous",hideDisabledElements:P,onClick:p},q))]}),y&&(v?e.jsxs(r.StyledPagerNavInner,{children:[e.jsx("label",{htmlFor:N,children:e.jsx(r.StyledPagerNoSelect,{children:_.pager.pageX()})}),e.jsx(n.Number,{value:c.toString(),"data-element":"current-page",onChange:e=>{g(+e.target.value)},onBlur:w,id:N,onKeyUp:e=>!!a.default.isEnterKey(e)&&w(e),maxWidth:"50px"}),e.jsx(r.StyledPagerNoSelect,{"data-element":"max-pages",children:_.pager.ofY(f)})]}):e.jsx(r.StyledPagerNavLabel,{"data-element":"current-page-label","data-role":"current-page-label",id:N,"aria-live":"polite",children:k})),!C&&e.jsxs(e.Fragment,{children:[x&&e.jsx(l.default,u({type:"next",hideDisabledElements:P,onClick:d},q)),!O&&h&&e.jsx(l.default,u({type:"last",hideDisabledElements:P,onClick:b},q))]})]})};

package/lib/components/search/search-button.style.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("../button/button.style.js"),t=require("../icon/icon.style.js"),e=require("../../style/themes/apply-base-theme.js");function a(o){return o&&o.__esModule?o:{default:o}}var d=a(o);const n=d.default.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"sc-52030d5d-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t.default),s=d.default.div.attrs(e.default).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"sc-52030d5d-1"})(["display:flex;align-self:end;border-bottom:none;min-width:fit-content;&&& ","{color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorTransparent);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);:hover{border-color:var(--colorsActionMajorTransparent);}width:fit-content;","","{color:var(--colorsActionMajorYang100);}margin:0px 0px;padding-bottom:3px;:focus{z-index:1;}}"],r.default,t.default,t.default);exports.StyledButtonIcon=n,exports.default=s;

package/lib/components/search/search.style.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-system"),o=require("styled-components"),e=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),t=require("../icon/icon.style.js"),a=require("../../style/themes/apply-base-theme.js"),s=require("../../__internal__/form-field/form-field.style.js");function i(r){return r&&r.__esModule?r:{default:r}}const l=i(o).default.div.attrs(a.default).withConfig({displayName:"search.style__StyledSearch",componentId:"sc-8ea1bc73-0"})(["",""],(({isFocused:a,searchWidth:i,maxWidth:l,searchHasValue:n,showSearchButton:c,variant:d})=>{const u="dark"===d,m=u?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)";return o.css(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;align-items:center;font-size:var(--fontSize100);"," ","{flex:1;}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],r.margin,i?`${i}`:"100%",l?`${l}`:"100%",!c&&o.css(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],m,u?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(n||a)&&o.css(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),s.default,t.default,u&&!c&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!u&&o.css(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),e.default,n&&o.css(["margin-bottom:-1px;"]))}));exports.default=l;