carbon-react 159.13.4 → 159.15.0
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/esm/__internal__/hint-text/hint-text-style-overrides.style.d.ts +2 -0
- package/esm/__internal__/hint-text/hint-text-style-overrides.style.js +1 -0
- package/esm/__internal__/hint-text/hint-text.style.js +1 -1
- package/esm/__internal__/input/input-style-overrides.style.d.ts +1 -1
- package/esm/__internal__/input/input-style-overrides.style.js +1 -1
- package/esm/__internal__/input/input.style.js +1 -1
- package/esm/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
- package/esm/__internal__/label/label-style-overrides.style.d.ts +2 -0
- package/esm/__internal__/label/label-style-overrides.style.js +1 -0
- package/esm/__internal__/label/label.style.js +1 -1
- package/esm/__internal__/validation-message/__next__/validation-message-style-overrides.style.d.ts +2 -0
- package/esm/__internal__/validation-message/__next__/validation-message-style-overrides.style.js +1 -0
- package/esm/__internal__/validation-message/__next__/validation-message.style.js +1 -1
- package/esm/components/flat-table/flat-table.style.js +1 -1
- package/esm/components/icon/icon.style.js +1 -1
- package/esm/components/link/link.style.js +1 -1
- package/esm/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
- package/esm/components/menu/menu-item/menu-item.style.js +1 -1
- package/esm/components/pager/__internal__/{pager-navigation.component.d.ts → pagination-navigation.component.d.ts} +11 -13
- package/esm/components/pager/__internal__/pagination-navigation.component.js +1 -0
- package/esm/components/pager/__internal__/pagination-navigation.style.d.ts +12 -0
- package/esm/components/pager/__internal__/pagination-navigation.style.js +1 -0
- package/esm/components/pager/index.js +1 -1
- package/esm/components/pager/pager.component.d.ts +50 -25
- package/esm/components/pager/pager.component.js +1 -1
- package/esm/components/pager/pager.style.d.ts +5 -21
- package/esm/components/pager/pager.style.js +1 -1
- package/esm/components/search/__internal__/legacy/search-button.style.js +1 -0
- package/esm/components/search/__internal__/legacy/search.component.d.ts +71 -0
- package/esm/components/search/__internal__/legacy/search.component.js +1 -0
- package/esm/components/search/__internal__/legacy/search.style.js +1 -0
- package/esm/components/search/search.component.d.ts +24 -28
- package/esm/components/search/search.component.js +1 -1
- package/esm/components/textbox/__internal__/__next__/text-input.component.js +1 -1
- package/esm/components/textbox/__internal__/__next__/text-input.style.js +1 -1
- package/esm/index.js +1 -1
- package/esm/locales/de-de.js +1 -1
- package/esm/locales/en-gb.js +1 -1
- package/esm/locales/es-es.js +1 -1
- package/esm/locales/fr-ca.js +1 -1
- package/esm/locales/fr-fr.js +1 -1
- package/esm/locales/locale.d.ts +22 -8
- package/lib/__internal__/hint-text/hint-text-style-overrides.style.d.ts +2 -0
- package/lib/__internal__/hint-text/hint-text-style-overrides.style.js +1 -0
- package/lib/__internal__/hint-text/hint-text.style.js +1 -1
- package/lib/__internal__/input/input-style-overrides.style.d.ts +1 -1
- package/lib/__internal__/input/input-style-overrides.style.js +1 -1
- package/lib/__internal__/input/input.style.js +1 -1
- package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
- package/lib/__internal__/label/label-style-overrides.style.d.ts +2 -0
- package/lib/__internal__/label/label-style-overrides.style.js +1 -0
- package/lib/__internal__/label/label.style.js +1 -1
- package/lib/__internal__/validation-message/__next__/validation-message-style-overrides.style.d.ts +2 -0
- package/lib/__internal__/validation-message/__next__/validation-message-style-overrides.style.js +1 -0
- package/lib/__internal__/validation-message/__next__/validation-message.style.js +1 -1
- package/lib/components/flat-table/flat-table.style.js +1 -1
- package/lib/components/icon/icon.style.js +1 -1
- package/lib/components/link/link.style.js +1 -1
- package/lib/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
- package/lib/components/menu/menu-item/menu-item.style.js +1 -1
- package/lib/components/pager/__internal__/{pager-navigation.component.d.ts → pagination-navigation.component.d.ts} +11 -13
- package/lib/components/pager/__internal__/pagination-navigation.component.js +1 -0
- package/lib/components/pager/__internal__/pagination-navigation.style.d.ts +12 -0
- package/lib/components/pager/__internal__/pagination-navigation.style.js +1 -0
- package/lib/components/pager/index.js +1 -1
- package/lib/components/pager/pager.component.d.ts +50 -25
- package/lib/components/pager/pager.component.js +1 -1
- package/lib/components/pager/pager.style.d.ts +5 -21
- package/lib/components/pager/pager.style.js +1 -1
- package/lib/components/search/__internal__/legacy/search-button.style.js +1 -0
- package/lib/components/search/__internal__/legacy/search.component.d.ts +71 -0
- package/lib/components/search/__internal__/legacy/search.component.js +1 -0
- package/lib/components/search/__internal__/legacy/search.style.js +1 -0
- package/lib/components/search/search.component.d.ts +24 -28
- package/lib/components/search/search.component.js +1 -1
- package/lib/components/textbox/__internal__/__next__/text-input.component.js +1 -1
- package/lib/components/textbox/__internal__/__next__/text-input.style.js +1 -1
- package/lib/index.js +1 -1
- package/lib/locales/de-de.js +1 -1
- package/lib/locales/en-gb.js +1 -1
- package/lib/locales/es-es.js +1 -1
- package/lib/locales/fr-ca.js +1 -1
- package/lib/locales/fr-fr.js +1 -1
- package/lib/locales/locale.d.ts +22 -8
- package/package.json +1 -1
- package/esm/components/pager/__internal__/pager-navigation-link.component.d.ts +0 -19
- package/esm/components/pager/__internal__/pager-navigation-link.component.js +0 -1
- package/esm/components/pager/__internal__/pager-navigation.component.js +0 -1
- package/esm/components/search/search-button.style.js +0 -1
- package/esm/components/search/search.style.js +0 -1
- package/lib/components/pager/__internal__/pager-navigation-link.component.d.ts +0 -19
- package/lib/components/pager/__internal__/pager-navigation-link.component.js +0 -1
- package/lib/components/pager/__internal__/pager-navigation.component.js +0 -1
- package/lib/components/search/search-button.style.js +0 -1
- package/lib/components/search/search.style.js +0 -1
- /package/esm/components/search/{search-button.style.d.ts → __internal__/legacy/search-button.style.d.ts} +0 -0
- /package/esm/components/search/{search.style.d.ts → __internal__/legacy/search.style.d.ts} +0 -0
- /package/lib/components/search/{search-button.style.d.ts → __internal__/legacy/search-button.style.d.ts} +0 -0
- /package/lib/components/search/{search.style.d.ts → __internal__/legacy/search.style.d.ts} +0 -0
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export declare const dateStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
|
|
5
5
|
export declare const searchStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
|
|
6
|
+
export declare const searchNewStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
|
|
6
7
|
export declare const selectStyleOverrides: ($size?: string, $isDisabled?: boolean, $isReadOnly?: boolean) => import("styled-components").FlattenSimpleInterpolation;
|
|
7
|
-
export declare const pagerStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
|
|
8
8
|
export declare const numeralDateStyles: import("styled-components").FlattenSimpleInterpolation;
|
|
9
9
|
export declare const passwordStyleOverrides: import("styled-components").FlattenSimpleInterpolation;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var a=require("styled-components"),t=require("../../style/utils/add-focus-styling.js");const e=a.css([".date &{.input-text-container input{padding:0 0 0 12px;margin-right:-12px;}}"]),o="url(\"data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9497 5.05022C15.3403 5.44074 15.3403 6.07391 14.9497 6.46443L11.4142 9.99997L14.9497 13.5355C15.3403 13.926 15.3403 14.5592 14.9497 14.9497C14.5592 15.3402 13.9261 15.3402 13.5355 14.9497L10 11.4142L6.46446 14.9497C6.07394 15.3402 5.44077 15.3402 5.05025 14.9497C4.65972 14.5592 4.65972 13.926 5.05025 13.5355L8.58578 9.99997L5.05025 6.46443C4.65972 6.07391 4.65972 5.44074 5.05025 5.05022C5.44077 4.65969 6.07394 4.65969 6.46446 5.05022L10 8.58575L13.5355 5.05022C13.9261 4.65969 14.5592 4.65969 14.9497 5.05022Z'/%3E%3C/svg%3E\")",r=a.css([".legacy-search &{height:40px;box-sizing:border-box;.input-text-container{flex-wrap:wrap;}input{width:30px;}}"]),n=a.css([".legacy-search:not(.with-button):not(.has-value) &:not(:focus-within){border-color:transparent;background:transparent;}"]),s=a.css([".legacy-search.with-button &{border-top-right-radius:0;border-bottom-right-radius:0;}"]),l=a.css([".legacy-search.dark-background &{input{::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}}}"]),i=a.css([".legacy-search.dark-background:not(.with-button) &{input{color:var(--input-typical-inverse-txt-default);}}.legacy-search.dark-background.has-value:not(.with-button) &{.input-text-container,input{color:var(--colorsUtilityYang080);}.input-text-container:hover{input{color:var(--colorsUtilityYang100);}}}"]),c=a.css([".legacy-search.dark-background.with-button:not(.has-value) &{input{color:var(--colorsUtilityYang100);}}"]),u=a.css([".legacy-search.dark-background:not(.with-button) &{background-color:transparent;border-color:var(--colorsUtilityYang080);}"]),p=a.css([""," "," "," "," "," "," ",""],r,n,s,l,i,c,u),d=a.css(['.search &{--search-clear-icon-color:var(--button-typical-subtle-label-default);--search-button-icon-color:var(--button-typical-subtle-label-default);--search-button-hover-bg:var(--button-typical-subtle-bg-hover);--search-button-hover-icon-color:var(--button-typical-subtle-label-hover);input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:var(--global-size-2-xs);height:var(--global-size-2-xs);background-color:var(--search-clear-icon-color);-webkit-mask:center / contain no-repeat ',";mask:center / contain no-repeat ",';cursor:pointer;}button{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);}button:hover{background-color:var(--search-button-hover-bg);}button span[type="search"]{color:var(--search-button-icon-color);}button:hover span[type="search"]{color:var(--search-button-hover-icon-color);}&:focus-within:has(:focus:not(button)){box-shadow:none;-webkit-box-shadow:none;}.input-text-container input[type="search"]:focus{border-radius:var(--global-radius-action-m) 0 0 var(--global-radius-action-m);'," z-index:2;}}"],o,o,t.default()),b=a.css(['.search.inverse &{--search-clear-icon-color:var( --button-typical-subtle-inverse-label-default );--search-button-icon-color:var( --button-typical-subtle-inverse-label-default );--search-button-hover-bg:var(--button-typical-subtle-inverse-bg-hover);--search-button-hover-icon-color:var( --button-typical-subtle-inverse-label-hover );background-color:var(--input-typical-inverse-bg-default);&[data-role="input-container"]{border-color:var(--input-typical-inverse-border-default);}.input-text-container input[type="search"]{color:var(--input-typical-inverse-txt-default);}}.search.inverse.error &{border-color:var(--input-validation-inverse-border-error);}']),v=a.css([""," ",""],d,b),g=a.css(['[data-role="select-textbox"] &[data-is-transparent="false"]{.input-text-container{position:relative;.select-text:not(.disabled):not(.read-only){position:absolute;top:0;left:0;width:calc(100% - 48px);height:100%;padding:var(--global-space-none) var(--global-space-none) var(--global-space-none) var(--global-space-comp-m);cursor:pointer;}}}']),h=a.css([".multi-select &,.filterable-select &{.input-text-container:not(.disabled):not(.read-only){cursor:text;input{cursor:text;}}}"]),x=a.css(['[data-element="simple-select-input"] &{input{opacity:0;}input{cursor:pointer;}}']),y=a.css([".numeral-date-wrapper &{.input-text-container input{text-align:center;}}"]),m=a.css(['[data-component="password"] &{&:focus-within{box-shadow:none !important;-webkit-box-shadow:none !important;outline:none !important;}[data-role="input"]:focus{',' border-radius:var(--global-radius-action-m) var(--global-radius-none) var(--global-radius-none) var(--global-radius-action-m);z-index:1;}[data-role="input"]:focus ~ [data-role="password-divider"]{visibility:hidden;}& [data-component="button"]{border-radius:var(--global-radius-none) var(--global-radius-action-m) var(--global-radius-action-m) var(--global-radius-none);border-left:none;}}'],t.default());exports.dateStyleOverrides=e,exports.numeralDateStyles=y,exports.passwordStyleOverrides=m,exports.searchNewStyleOverrides=v,exports.searchStyleOverrides=p,exports.selectStyleOverrides=(t,e,o)=>a.css([""," "," "," "," ",""],x,((t,e)=>a.css(['&[data-is-transparent="true"]{&&&{background:transparent;border:none;}'," input{text-align:right;position:absolute;padding:var(--global-space-none);&::placeholder{color:var(--colorsUtilityYin100);}}}"],!t&&!e&&a.css(["cursor:pointer;*{cursor:pointer;}"])))(e,o),g,h,(t=>a.css([".multi-select &{input{padding:var(--global-space-none);width:30px;}.input-text-container{"," "," ","}}"],"small"===t&&a.css(["padding:var(--global-space-none) var(--global-space-comp-2-xl) var(--global-space-none) var(--global-space-comp-s);"]),"medium"===t&&a.css(["padding:var(--global-space-none) 40px var(--global-space-none) var(--global-space-comp-m);"]),"large"===t&&a.css(["padding:var(--global-space-none) 48px var(--global-space-none) var(--global-space-comp-l);"])))(t));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("../../style/utils/add-focus-styling.js"),r=require("./input-style-overrides.style.js");function t(e){return e&&e.__esModule?e:{default:e}}const l=t(e).default.div.withConfig({displayName:"input.style__InputContainer",componentId:"sc-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("../../style/utils/add-focus-styling.js"),r=require("./input-style-overrides.style.js");function t(e){return e&&e.__esModule?e:{default:e}}const l=t(e).default.div.withConfig({displayName:"input.style__InputContainer",componentId:"sc-ea58d5e2-0"})([""," "," "," "," "," ",' &[data-is-open="true"]{z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );&:focus-within:has(:focus:not(button)){z-index:var( --adaptiveSidebarModalBackdrop,var(--carbon-zindex-above-all) );}}',""],(({$align:r,$error:t,$isDisabled:l,$isReadOnly:i,$size:s})=>e.css(["display:flex;align-items:center;align-self:stretch;max-width:100%;border-radius:var(--global-radius-action-m);"," "," "," &&&{"," ","}"," "," .input-text-container{display:flex;flex-wrap:wrap;align-items:center;flex:1 0 0;max-width:100%;align-self:stretch;input{align-self:stretch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;flex:1 0 0;min-width:0;overflow:hidden;border:none;outline:none;background:transparent;text-overflow:ellipsis;text-align:",";"," "," "," "," "," ",'}[data-element="textbox-prefix"]{font-weight:500;margin-left:var(--global-space-comp-m);}}'],"small"===s&&e.css(["min-height:var(--global-size-s);"]),"medium"===s&&e.css(["min-height:var(--global-size-m);"]),"large"===s&&e.css(["min-height:var(--global-size-l);"]),i&&e.css(["cursor:default;*{cursor:default;}background:var(--input-typical-bg-read-only);border:var(--global-borderwidth-xs) solid var(--input-typical-border-read-only);&:focus-within:has(:focus:not(button)){"," z-index:2;}"],a.default()),l&&e.css(["cursor:not-allowed;background:var(--input-typical-bg-disabled);border:var(--global-borderwidth-xs) solid var(--input-typical-border-disabled);*{cursor:not-allowed;}"]),!l&&!i&&e.css(["cursor:text;&:focus-within:has(:focus:not(button)){"," z-index:2;}"],a.default()),!l&&!i&&e.css(["background:var(--input-typical-bg-default);border:",";"],t?"var(--global-borderwidth-s) solid var(--input-validation-border-error)":"var(--global-borderwidth-xs) solid var(--input-typical-border-default)"),r,i&&e.css(["color:var(--input-typical-txt-read-only);"]),l&&e.css(["color:var(--input-typical-txt-disabled);"]),!i&&!l&&e.css(["color:var(--input-typical-txt-default);"]),"small"===s&&e.css(["font:var(--global-font-static-comp-regular-s);padding:var(--global-space-none) var(--global-space-comp-s);"]),"medium"===s&&e.css(["font:var(--global-font-static-comp-regular-m);padding:var(--global-space-none) var(--global-space-comp-m);"]),"large"===s&&e.css(["font:var(--global-font-static-comp-regular-l);padding:var(--global-space-none) var(--global-space-comp-l);"]))),r.dateStyleOverrides,r.searchNewStyleOverrides,r.searchStyleOverrides,(({$size:e,$isDisabled:a,$isReadOnly:t})=>r.selectStyleOverrides(e,a,t)),r.numeralDateStyles,r.passwordStyleOverrides);exports.default=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../legacy-input/input-sizes.style.js"),s=require("../../style/utils/add-focus-styling.js");function l(e){return e&&e.__esModule?e:{default:e}}const i=l(e).default.span.withConfig({displayName:"input-icon-toggle.style__InputIconToggleStyle",componentId:"sc-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../legacy-input/input-sizes.style.js"),s=require("../../style/utils/add-focus-styling.js");function l(e){return e&&e.__esModule?e:{default:e}}const i=l(e).default.span.withConfig({displayName:"input-icon-toggle.style__InputIconToggleStyle",componentId:"sc-9c9529d2-0"})(["align-items:center;cursor:pointer;display:flex;justify-content:center;align-self:stretch;"," "," "," "," .multi-select &,.filterable-select &{cursor:pointer;}"],(({$size:s="medium"})=>e.css(["width:",";"],t.default[s].height)),(({$disabled:t})=>t&&e.css(["cursor:not-allowed;"])),(({$readOnly:t})=>t&&e.css(["cursor:default;"])),(({$blockFocusStyling:t})=>!t&&e.css(["&:focus{","}"],s.default())));exports.default=i;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");const s=e.css([".search.inverse &{color:var(--input-labelset-inverse-label-default);}"]),r=e.css(["",""],s);exports.default=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),l=require("./label-style-overrides.style.js");function t(e){return e&&e.__esModule?e:{default:e}}const a=e=>{switch(e){case"small":return"var(--global-font-static-comp-medium-s)";case"large":return"var(--global-font-static-comp-medium-l)";default:return"var(--global-font-static-comp-medium-m)"}},r=t(e).default.label.withConfig({displayName:"label.style__StyledLabel",componentId:"sc-9cb7a248-0"})(["",";font:",";"," .numeral-date-wrapper &,.time &{font:var(--global-font-static-comp-regular-m);}",""],(({$disabled:e,$readOnly:l})=>e?"\n cursor: not-allowed;\n color: var(--input-labelset-label-disabled);\n ":l?"\n cursor: pointer;\n color: var(--input-labelset-label-readOnly);\n ":"\n cursor: pointer;\n color: var(--input-labelset-label-default);\n "),(({$size:e})=>a(e)),(({$isRequired:l,$size:t,$disabled:r})=>l&&e.css(['display:inline-flex;align-items:center;::after{content:"*";color:',";font:",";margin-left:4px;}"],r?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-required)",a(t))),l.default);exports.default=r;
|
package/lib/__internal__/validation-message/__next__/validation-message-style-overrides.style.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");const r=e.css([".search.inverse &{color:var(--input-validation-inverse-label-error);}"]),s=e.css(["",""],r);exports.default=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("./validation-message-style-overrides.style.js");function t(e){return e&&e.__esModule?e:{default:e}}const l=t(e).default.span.withConfig({displayName:"validation-message.style__StyledValidationMessage",componentId:"sc-ade67d83-0"})(["",""],(({$isError:t,$size:l})=>e.css(["display:flex;align-items:center;align-content:center;align-self:stretch;flex-wrap:wrap;margin:0px;color:",";"," "," "," ",""],t?"var(--input-validation-label-error)":"var(--input-validation-label-warn)","large"===l&&e.css(["font:",";"],t?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-regular-l)"),"medium"===l&&e.css(["font:",";"],t?"var(--global-font-static-comp-medium-m)":"var(--global-font-static-comp-regular-m)"),"small"===l&&e.css(["font:",";"],t?"var(--global-font-static-comp-medium-s)":"var(--global-font-static-comp-regular-s)"),a.default)));exports.default=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require("styled-components"),r=require("./flat-table-header/flat-table-header.style.js"),o=require("./flat-table-row/flat-table-row.style.js"),e=require("./flat-table-row-header/flat-table-row-header.style.js"),l=require("./flat-table-head/flat-table-head.style.js"),a=require("./flat-table-checkbox/flat-table-checkbox.style.js"),d=require("../../style/themes/apply-base-theme.js"),i=require("./flat-table-cell/flat-table-cell.style.js"),s=require("./cell-sizes.style.js"),c=require("../box/box.style.js"),b=require("../pager/pager.style.js"),u=require("../../style/utils/add-focus-styling.js");function f(t){return t&&t.__esModule?t:{default:t}}var n=f(t);const y=n.default.div.withConfig({displayName:"flat-table.style__StyledTableContainer",componentId:"sc-
|
|
1
|
+
"use strict";var t=require("styled-components"),r=require("./flat-table-header/flat-table-header.style.js"),o=require("./flat-table-row/flat-table-row.style.js"),e=require("./flat-table-row-header/flat-table-row-header.style.js"),l=require("./flat-table-head/flat-table-head.style.js"),a=require("./flat-table-checkbox/flat-table-checkbox.style.js"),d=require("../../style/themes/apply-base-theme.js"),i=require("./flat-table-cell/flat-table-cell.style.js"),s=require("./cell-sizes.style.js"),c=require("../box/box.style.js"),b=require("../pager/pager.style.js"),u=require("../../style/utils/add-focus-styling.js");function f(t){return t&&t.__esModule?t:{default:t}}var n=f(t);const y=n.default.div.withConfig({displayName:"flat-table.style__StyledTableContainer",componentId:"sc-21607060-0"})([""," :focus{outline:none;}"],(({width:r,overflowX:o})=>r&&t.css(["width:",";",""],r,o&&`overflow-x: ${o};`))),h=n.default.table.withConfig({displayName:"flat-table.style__StyledFlatTable",componentId:"sc-21607060-1"})(["border-collapse:separate;border-spacing:0;width:100%;@-moz-document url-prefix(){overflow:hidden;border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);}"," "," ",""],(({caption:r})=>r&&t.css(["caption{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;width:1px;position:absolute;top:-99999px;}"])),(({size:l})=>{const{height:d,fontSize:c,paddingSize:b}=s.default[l];return t.css(["","{height:",";}"," > div,"," > div,"," > div,"," > div{font-size:",";padding-left:",";padding-right:",";}"],o.default,d,i.StyledFlatTableCell,r.default,e.StyledFlatTableRowHeader,a.default,c,b,b)}),(({isZebra:r})=>r&&t.css(["",":nth-child(2n){",",",",","{background-color:var(--colorsUtilityMajor010);}}",":hover{",",",",",":not(th){background-color:var(--colorsUtilityMajor025);}}"],o.default,e.StyledFlatTableRowHeader,i.StyledFlatTableCell,a.default,o.default,i.StyledFlatTableCell,e.StyledFlatTableRowHeader,a.default))),v=n.default(c.default).attrs(d.default).withConfig({displayName:"flat-table.style__StyledFlatTableWrapper",componentId:"sc-21607060-2"})(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);"," "," "," "," "," "," "," ",",",".isSticky,"," ",".isSticky{z-index:",";}thead ",".isSticky,",".isSticky{border-right:none;}",",","{z-index:",";}thead{",":first-of-type{th:first-of-type{border-top-left-radius:var(--borderRadius100);}","}}tbody ",",",".isSticky,tbody ",".isSticky{z-index:",";}tbody ",".bringToFront,",".bringToFront,tbody ",".bringToFront{z-index:",";}"," ",""],(({hasOuterVerticalBorders:r})=>!r&&t.css(["","{& > ",":first-child{border-left-color:var(--colorsUtilityMajorTransparent);}& > ",":last-child{border-right-color:var(--colorsUtilityMajorTransparent);}}"],o.default,i.StyledFlatTableCell,i.StyledFlatTableCell)),(({hasStickyFooter:r,hasHorizontalScrollbar:o,bottomBorderRadius:e})=>!r&&!o&&t.css(["border-bottom-left-radius:var(--",");border-bottom-right-radius:var(--",");"],e,e)),(({isInSidebar:r})=>t.css(["box-sizing:border-box;:has(",":focus-visible){","}",""],y,u.default(),r?"min-width: fit-content;":"")),(({colorTheme:o})=>{switch(o){case"light":return t.css(["",","," ","{background-color:var(--colorsUtilityMajor100);border-right:1px solid var(--colorsUtilityMajor150);border-bottom-color:var(--colorsUtilityMajor150);}"," ","{background-color:var(--colorsUtilityMajor100);border-bottom-color:var(--colorsUtilityMajor150);border-right-color:var(--colorsUtilityMajor150);border-left-color:var(--colorsUtilityMajor150);}"],r.default,l.default,a.default,l.default,e.StyledFlatTableRowHeader);case"transparent-base":return t.css(["",","," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityMajor025);border-left-color:var(--colorsUtilityMajor025);}"],r.default,l.default,a.default,l.default,e.StyledFlatTableRowHeader);case"transparent-white":return t.css(["",","," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityYang100);border-left-color:var(--colorsUtilityYang100);}"],r.default,l.default,a.default,l.default,e.StyledFlatTableRowHeader);default:return t.css([""," ",",",",","{background-color:var(--colorsUtilityMajor400);border-right:1px solid var(--colorsUtilityMajor300);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);}"," ","{background-color:var(--colorsUtilityMajor400);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);border-right-color:var(--colorsUtilityMajor300);border-left-color:var(--colorsUtilityMajor300);}"],l.default,a.default,r.default,l.default,l.default,e.StyledFlatTableRowHeader)}}),(({isInSidebar:o})=>o&&t.css(["","{background-color:var(--colorsUtilityMajor040);}",","," ",","," ","{background-color:var(--colorsUtilityMajor040);border-right:2px solid var(--colorsUtilityMajor040);color:var(--colorsUtilityYin090);border-bottom-color:var(--colorsUtilityMajor100);}"],l.default,r.default,l.default,e.StyledFlatTableRowHeader,l.default,a.default)),(({hasStickyHead:r,theme:o})=>r&&t.css(["","{position:sticky;top:0;left:0;z-index:",";}"],l.default,o.zIndex.overlay+5)),l.default,e.StyledFlatTableRowHeader,r.default,l.default,a.default,(({theme:t})=>t.zIndex.overlay+5),r.default,a.default,r.default,a.default,(({theme:t})=>t.zIndex.overlay+3),o.default,(({hasVerticalScrollbar:r})=>!r&&t.css(["th:last-of-type{border-top-right-radius:var(--borderRadius100);}"])),e.StyledFlatTableRowHeader,i.StyledFlatTableCell,a.default,(({theme:t})=>t.zIndex.overlay),e.StyledFlatTableRowHeader,i.StyledFlatTableCell,a.default,(({theme:t})=>t.zIndex.overlay+5),(({footer:r})=>r&&t.css(["tr:last-child:focus{:after{border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}"])),(({footer:r,firstColRowSpanIndex:e,lastColRowSpanIndex:l,hasHorizontalScrollbar:a,hasVerticalScrollbar:d,bottomBorderRadius:i})=>!r&&t.css(["tbody{"," "," ",":last-of-type{"," ","}}"],e>=0&&t.css(["",":nth-of-type(","){th:first-child,td:first-child{border-bottom-left-radius:var(--borderRadius100);}}"],o.default,e+1),l>=0&&!a&&t.css(["",":nth-of-type(","){th:last-child,td:last-child{border-bottom-right-radius:var(--borderRadius100);}}"],o.default,l+1),o.default,!a&&-1===e&&t.css(["th:first-child,td:first-child{border-bottom-left-radius:var(--",");}"],i),!d&&!a&&-1===l&&t.css(["th:last-child,td:last-child{border-bottom-right-radius:var(--",");}"],i)))),p=n.default.div.attrs(d.default).withConfig({displayName:"flat-table.style__StyledFlatTableFooter",componentId:"sc-21607060-3"})(["& > ","{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}",""],b.StyledPagination,(({hasStickyFooter:r,theme:o})=>r&&t.css(["position:sticky;bottom:0px;z-index:",";","{border-bottom-left-radius:0;border-bottom-right-radius:0;}"],o.zIndex.overlay+1,b.StyledPagination)));exports.StyledFlatTable=h,exports.StyledFlatTableFooter=p,exports.StyledFlatTableWrapper=v,exports.StyledTableContainer=y;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),r=require("../../style/utils/add-focus-styling.js"),i=require("../../style/utils/color.js"),n=require("../../__internal__/dom/globals.js"),l=require("../../__internal__/utils/helpers/browser-type-check/index.js"),s=require("./icon-config.js"),c=require("./icon-unicodes.js"),a=require("../button/__next__/button.style.js");function u(e){return e&&e.__esModule?e:{default:e}}var d=u(e);const f=e.css([""," &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}.search &{color:var(--colorsUtilityYin065);&:hover{color:var(--colorsUtilityYin100);}}.search.dark-background:not(.with-button) &{color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}}.multi-select &,.filterable-select &{cursor:pointer;}.button-toggle &&{color:currentColor;}"],a.StyledButton),m=d.default.span.attrs(o.default).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),r=require("../../style/utils/add-focus-styling.js"),i=require("../../style/utils/color.js"),n=require("../../__internal__/dom/globals.js"),l=require("../../__internal__/utils/helpers/browser-type-check/index.js"),s=require("./icon-config.js"),c=require("./icon-unicodes.js"),a=require("../button/__next__/button.style.js");function u(e){return e&&e.__esModule?e:{default:e}}var d=u(e);const f=e.css([""," &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}.legacy-search &{color:var(--colorsUtilityYin065);&:hover{color:var(--colorsUtilityYin100);}}.legacy-search.dark-background:not(.with-button) &{color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}}.multi-select &,.filterable-select &{cursor:pointer;}.button-toggle &&{color:currentColor;}"],a.StyledButton),m=d.default.span.attrs(o.default).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-89827ee1-0"})([""," "," &,.popover-menu-item &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}"],(({theme:o,color:a,bg:u,isInteractive:d,bgSize:m,bgShape:g,type:y,fontSize:h,disabled:v,tabIndex:b,inverse:p})=>{let _=p?"var(--container-standard-inverse-icon)":"var(--container-standard-icon)",S="transparent";const j=n.getWindow(),q=n.getNavigator(),x=m?s.default.backgroundSize[m]:void 0;if(v)_="var(--colorsYin030)";else if(a){const{color:e}=i.default({color:a,theme:o});_=e}if(u){const{backgroundColor:e}=i.default({bg:u,theme:o});S=e}return e.css(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," "," ",""],_,S,x,x,g?`border-radius: ${s.default.backgroundShape[g]}`:"",d&&e.css(["&:not(:focus):hover{filter:brightness(0.9);}"]),c.default[y],h&&e.css(["font-size:",";line-height:",";"],s.default.iconSize[h],s.default.iconSize[h]),j&&"services"===y&&l.default(j)&&e.css(["margin-top:",";"],"small"===h?"-7px":"-8px"),q&&j&&"services"===y&&l.isSafari(q)&&!l.default(j)&&e.css(["margin-top:-6px;"]),void 0!==b&&`\n :focus {\n ${r.default()}\n }\n `,t.margin,f)}),a.StyledButton);exports.default=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("styled-components"),e=require("../../style/themes/apply-base-theme.js"),l=require("../../style/utils/add-focus-styling.js"),r=require("../icon/icon.style.js"),a=require("../button/button.style.js");function t(o){return o&&o.__esModule?o:{default:o}}var i=t(o);const n={light:o=>{let e="var(--link-typical-label-default)",l="var(--link-typical-label-hover)";return"negative"===o?(e="var(--link-destructive-label-default)",l="var(--link-destructive-label-hover)"):"subtle"===o&&(e="var(--link-subtle-label-default)",l="var(--link-subtle-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-label)",focusBgColor:"var(--focus-bg)",focusBoxShadowColor:"var(--focus-borderalt)"}},dark:o=>{let e="var(--link-typical-inverse-label-default)",l="var(--link-typical-inverse-label-hover)";return"negative"===o?(e="var(--link-destructive-inverse-label-default)",l="var(--link-destructive-inverse-label-hover)"):"subtle"===o&&(e="var(--link-subtle-inverse-label-default)",l="var(--link-subtle-inverse-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-inverse-label)",focusBgColor:"var(--focus-inverse-bg)",focusBoxShadowColor:"var(--focus-inverse-borderalt)"}}},s=i.default.span.attrs(e.default).withConfig({displayName:"link.style__StyledLink",componentId:"sc-
|
|
1
|
+
"use strict";var o=require("styled-components"),e=require("../../style/themes/apply-base-theme.js"),l=require("../../style/utils/add-focus-styling.js"),r=require("../icon/icon.style.js"),a=require("../button/button.style.js");function t(o){return o&&o.__esModule?o:{default:o}}var i=t(o);const n={light:o=>{let e="var(--link-typical-label-default)",l="var(--link-typical-label-hover)";return"negative"===o?(e="var(--link-destructive-label-default)",l="var(--link-destructive-label-hover)"):"subtle"===o&&(e="var(--link-subtle-label-default)",l="var(--link-subtle-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-label)",focusBgColor:"var(--focus-bg)",focusBoxShadowColor:"var(--focus-borderalt)"}},dark:o=>{let e="var(--link-typical-inverse-label-default)",l="var(--link-typical-inverse-label-hover)";return"negative"===o?(e="var(--link-destructive-inverse-label-default)",l="var(--link-destructive-inverse-label-hover)"):"subtle"===o&&(e="var(--link-subtle-inverse-label-default)",l="var(--link-subtle-inverse-label-hover)"),{color:e,hoverColor:l,focusColor:"var(--focus-inverse-label)",focusBgColor:"var(--focus-inverse-bg)",focusBoxShadowColor:"var(--focus-inverse-borderalt)"}}},s=i.default.span.attrs(e.default).withConfig({displayName:"link.style__StyledLink",componentId:"sc-2960b2ab-0"})(["",""],(({$isSkipLink:e,theme:t,$iconAlign:i,$hasContent:s,$disabled:c,$underline:u,$variant:d,$inverse:b,$isMenuItem:v,$hasFocus:g,$linkSize:f,$bold:p})=>{const h=b?"dark":"light",{color:m,hoverColor:k,focusColor:y,focusBgColor:x,focusBoxShadowColor:C}=n[h](d);return o.css([""," "," "," > a,> button{"," > ","{display:",";position:relative;vertical-align:middle;}&:focus{outline:none;}}"," > button,",":not(.legacy-search-button){background-color:transparent;border:none;padding:0;}"],e&&o.css(["a{position:absolute;box-sizing:border-box;display:inline-flex;min-height:var(--global-size-m);padding:var(--global-space-comp-m) var(--global-space-comp-xl);flex-direction:column;justify-content:center;align-items:flex-start;left:-999em;z-index:",";border:var(--global-borderwidth-s) solid var(--focus-borderalt);box-shadow:var(--global-depth-lvl1);border-radius:0 var(--global-radius-action-m) var(--global-radius-action-m) 0;background-color:var(--focus-bg);font:var(--global-font-static-comp-regular-m);color:var(--link-subtle-label-default);text-decoration:underline;outline:none;&:focus{top:var(--global-space-comp-s);left:0;}}"],t.zIndex.aboveAll),!e&&!v&&o.css(["> a,> button{"," text-decoration:",";"," ","}"],((e,l)=>{let r;return r="large"===e?l?"--global-font-static-comp-lined-medium-l":"--global-font-static-comp-regular-l":l?"--global-font-static-comp-lined-medium-m":"--global-font-static-comp-regular-m",o.css(["font:var(",");"],r)})(f,p),s&&"always"===u?"underline":"none",!c&&o.css(["color:",";","{width:20px;height:20px;color:",";::before{font-size:18px;line-height:18px;}"," ","}&:hover{color:",";text-decoration:",";> ","{color:",";}}&:not(:has(img,svg,picture)):focus{color:",";text-decoration:none;","{color:",";}}&:has(img,svg,picture){display:inline-block;vertical-align:middle;}&:has(img,svg,picture):focus{"," border-radius:var(--global-radius-action-xs);outline:default;}"],m,r.default,m,"left"===i&&o.css(["margin-right:",";"],s?"var(--global-space-comp-s)":0),"right"===i&&o.css(["margin-right:0;margin-left:",";"],s?"var(--global-space-comp-s)":0),k,!s||"hover"!==u&&"always"!==u?"none":"underline",r.default,k,y,r.default,y,l.default()),c&&o.css(["color:var(--colorsActionMajorYin030);&:hover,&:focus{cursor:not-allowed;color:var(--colorsActionMajorYin030);}"])),!c&&o.css(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),v&&"display: inline-block;",r.default,s?"inline-block":"inline",!e&&!v&&!c&&g&&o.css(["max-width:fit-content;&:not(:has(img,svg,picture)){border-radius:var(--global-radius-action-xs);background-color:",";box-shadow:0 var(--global-size-5-xs) 0 0 ",';}&:has([data-popover-container-button="true"]){border-bottom-left-radius:0;border-bottom-right-radius:0;}'],x,C),a.default)})),c=i.default.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-2960b2ab-1"})([""]);exports.StyledContent=c,exports.StyledLink=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),t=require("../../../style/themes/apply-base-theme.js"),i=require("../../icon-button/icon-button.style.js"),l=require("../../box/box.style.js"),r=require("../../search/search.style.js"),s=require("../../icon/icon.style.js"),o=require("../../button/button.style.js"),n=require("../menu.config.js"),a=require("../../../style/utils/add-focus-styling.js"),
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("../../../style/themes/apply-base-theme.js"),i=require("../../icon-button/icon-button.style.js"),l=require("../../box/box.style.js"),r=require("../../search/__internal__/legacy/search.style.js"),s=require("../../icon/icon.style.js"),o=require("../../button/button.style.js"),n=require("../menu.config.js"),a=require("../../../style/utils/add-focus-styling.js"),d=require("../../link/link.style.js");function u(e){return e&&e.__esModule?e:{default:e}}var c=u(e);const b=c.default.div.attrs(t.default).withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"sc-f9ae5d65-0"})(["position:fixed;top:0;bottom:0;"," ",""],(({theme:t})=>e.css(["z-index:",";"],t.zIndex.fullScreenModal)),(({startPosition:t,transitionDuration:i})=>e.css(["&.enter{visibility:hidden;",":-100%;}&.enter-active{visibility:visible;",":0;transition:all ","ms ease;}&.exit{visibility:visible;",":0;}&.exit-active{visibility:hidden;",":-100%;transition:all ","ms ease;}"],t,t,i,t,t,i))),f=c.default.div.attrs(t.default).withConfig({displayName:"menu-full-screen.style__StyledMenuModal",componentId:"sc-f9ae5d65-1"})(["height:100vh;width:100vw;outline:none;&&{","{max-width:100vw;}"," > a,"," > button,> div{font-size:var(--fontSizes200);}}",""],d.StyledLink,d.StyledLink,d.StyledLink,(({menuType:t})=>e.css(["background-color:",";&&&{","{","{display:inline-flex;bottom:auto;}","{display:flex;line-height:normal;padding-bottom:0;&:focus{border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);","}}}}","{scrollbar-color:",";&::-webkit-scrollbar{width:var(--sizing150);}&::-webkit-scrollbar-thumb{background-color:",";}&::-webkit-scrollbar-track{background-color:",";}}"],n.default[t].background,r.default,s.default,o.default,a.default(),l.default,n.default[t].scrollbarColor,n.default[t].scrollbarThumb,n.default[t].scrollbarTrack))),y=c.default.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"sc-f9ae5d65-2"})(["height:40px;","{position:absolute;z-index:1;right:16px;top:8px;}",""],i.default,(({menuType:t})=>e.css(["background-color:",";"],n.default[t].submenuItemBackground)));exports.StyledMenuFullscreen=b,exports.StyledMenuFullscreenHeader=y,exports.StyledMenuModal=f;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),n=require("styled-system"),t=require("../menu.config.js"),e=require("../../link/link.component.js"),a=require("../../button/button.style.js"),r=require("../../icon-button/icon-button.style.js"),c=require("../../icon/icon.style.js"),i=require("../../link/link.style.js"),s=require("../../../style/themes/apply-base-theme.js"),u=require("../../../style/utils/add-focus-styling.js");function d(o){return o&&o.__esModule?o:{default:o}}const l=o=>{var n,t;const{paddingRight:e}=o,a=null===(t=String(e))||void 0===t||null===(n=t.match(/\d+/))||void 0===n?void 0:n[0];if("var(--spacing000)"===e||"0"===a)return{padding:"var(--spacing200)",iconSpacing:"2px"};switch(e){case"var(--spacing100)":return{padding:"var(--spacing300)",iconSpacing:e};case"var(--spacing200)":return{padding:"var(--spacing400)",iconSpacing:e};case"var(--spacing300)":return{padding:"var(--spacing500)",iconSpacing:e};case"var(--spacing400)":return{padding:"var(--spacing600)",iconSpacing:e};case"var(--spacing500)":return{padding:"var(--spacing700)",iconSpacing:e};case"var(--spacing600)":return{padding:"var(--spacing800)",iconSpacing:e};case"var(--spacing700)":return{padding:"var(--spacing900)",iconSpacing:e};case"var(--spacing800)":return{padding:"var(--spacing1000)",iconSpacing:e};default:return a?{padding:`${16+Number(a)}px`,iconSpacing:`${a}px`}:{padding:"var(--spacing400)",iconSpacing:"var(--spacing200)"}}},p=d(o).default.a.attrs(s.default).attrs({as:e.Link}).withConfig({displayName:"menu-item.style__StyledMenuItemWrapper",componentId:"sc-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),n=require("styled-system"),t=require("../menu.config.js"),e=require("../../link/link.component.js"),a=require("../../button/button.style.js"),r=require("../../icon-button/icon-button.style.js"),c=require("../../icon/icon.style.js"),i=require("../../link/link.style.js"),s=require("../../../style/themes/apply-base-theme.js"),u=require("../../../style/utils/add-focus-styling.js");function d(o){return o&&o.__esModule?o:{default:o}}const l=o=>{var n,t;const{paddingRight:e}=o,a=null===(t=String(e))||void 0===t||null===(n=t.match(/\d+/))||void 0===n?void 0:n[0];if("var(--spacing000)"===e||"0"===a)return{padding:"var(--spacing200)",iconSpacing:"2px"};switch(e){case"var(--spacing100)":return{padding:"var(--spacing300)",iconSpacing:e};case"var(--spacing200)":return{padding:"var(--spacing400)",iconSpacing:e};case"var(--spacing300)":return{padding:"var(--spacing500)",iconSpacing:e};case"var(--spacing400)":return{padding:"var(--spacing600)",iconSpacing:e};case"var(--spacing500)":return{padding:"var(--spacing700)",iconSpacing:e};case"var(--spacing600)":return{padding:"var(--spacing800)",iconSpacing:e};case"var(--spacing700)":return{padding:"var(--spacing900)",iconSpacing:e};case"var(--spacing800)":return{padding:"var(--spacing1000)",iconSpacing:e};default:return a?{padding:`${16+Number(a)}px`,iconSpacing:`${a}px`}:{padding:"var(--spacing400)",iconSpacing:"var(--spacing200)"}}},p=d(o).default.a.attrs(s.default).attrs({as:e.Link}).withConfig({displayName:"menu-item.style__StyledMenuItemWrapper",componentId:"sc-2ff3820d-0"})([""," &&&{> a,> button{","}}"],(({menuType:e,selected:s,hasSubmenu:d,isOpen:p,menuItemVariant:g,showDropdownArrow:b,href:h,clickToOpen:f,maxWidth:m,inFullscreenView:v,overrideColor:x,asPassiveItem:k,asDiv:y,hasFocusableChild:S,hasInput:w,inSubmenu:C})=>o.css(["display:flex;align-items:center;min-height:40px;position:relative;box-shadow:none;a,button{min-height:40px;height:100%;box-sizing:border-box;font-size:14px;font-weight:500;&:not(.legacy-search-button) > ","{margin-right:var(--spacing050);}}&& a:focus,&& button:focus{",'}:has([data-element="input"]) ',"{width:100%;}"," "," "," "," "," button,"," button,a,"," a{margin:0px;text-align:left;",'}&&&{a,button,[data-component="icon"],'," a,"," button,",' [data-component="icon"]{font-weight:500;text-decoration:none;',"}","}"," "," "," "," ",""],c.default,u.default(!0),i.StyledContent,!x&&o.css(["background-color:",';&:has([data-popover-container-button="true"]){background-color:var(--colorsActionMajor500);}'],t.default[e].background),x&&o.css(["&&&&{background-color:",";}"],"alternate"===g?t.default[e].alternate:t.default[e].submenuItemBackground),!v&&o.css(["max-width:inherit;width:inherit;height:inherit;> a,> button{display:flex;align-items:center;"," width:inherit;max-width:inherit;}&&{a:focus,button:focus{background-color:",";color:",';z-index:1;position:relative;}}&:has([data-popover-container-button="true"]){&&{a:focus,button:focus{background-color:var(--colorsActionMajor500);}}}&&&{a,button{',"}a:hover,button:hover{","{border-radius:0;background-color:transparent;}"," ::before{border-top-color:var(--colorsComponentsMenuYang100);}}}"],C?"":"justify-content: center;",t.default[e].background,t.default[e].color,m&&o.css(["box-sizing:border-box;max-width:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:bottom;display:block;"]),a.default,!y&&!k&&o.css(['background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}'])),S&&o.css(["&& "," ",'{> span{display:inline-flex;margin-right:0;}:focus{outline:none;[data-component="icon"]{color:',";}}}"],!v&&o.css(["&& > a:not(:has(button)){padding:11px 16px;}> a:has(",":not(.legacy-search-button)){height:100%;","{height:inherit;div{height:inherit;}}","{min-height:40px;padding:10px 0px;box-sizing:border-box;height:100%;}}"],a.default,i.StyledContent,a.default),r.default,t.default[e].color),!S&&!v&&o.css(["",""],d||m?o.css(["& > a,& > button{padding:11px 16px ",";}"],d&&m?"12px":"10px"):o.css(["& > a,& > button{padding:11px 16px;}"])),i.StyledLink,i.StyledLink,v&&o.css(["height:auto;white-space:normal;","{top:-2px;}"],c.default),i.StyledLink,i.StyledLink,i.StyledLink,!w&&`color: ${t.default[e].color};`,!v&&o.css(["a > ",",button > ","{display:inline-block;height:18px;top:-2px;}"],c.default,c.default),s&&o.css(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);}"],t.default[e].selected,t.default[e].selected),"alternate"===g&&!v&&o.css(["&&&{background-color:",";}&&& a:focus,&&& button:focus{background-color:",";}",""],t.default[e].alternate,t.default[e].alternate,!w&&o.css(["&&& a:hover,&&& button:hover{background-color:",";}"],t.default[e].alternateHover)),p&&o.css(["a,button{background-color:",";color:",";}"],t.default[e].submenuItemBackground,t.default[e].color),d&&o.css(["background-color:",";a:focus,button:focus{background-color:",";color:",';[data-component="icon"]{color:',";}","}a:hover,button:hover{background-color:",";color:var(--colorsComponentsMenuYang100);",' [data-component="icon"]{color:',";}}"," ",""],t.default[e].submenuBackground,t.default[e].submenuBackground,t.default[e].color,t.default[e].color,f&&p&&o.css(["background-color:",";"],t.default[e].submenuOpenedBackground),t.default[e].submenuOpenedBackground,!(h||f)&&o.css(["cursor:default;background-color:",";color:",";"],t.default[e].submenuItemBackground,t.default[e].color),t.default[e].color,s&&o.css(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);}"],t.default[e].submenuSelected,t.default[e].submenuSelected),b&&o.css(["&&&{> a,> button:not(","){padding-right:",";}}a::before,button::before{display:block;margin-top:-1px;pointer-events:none;position:absolute;right:",';top:50%;z-index:2;content:"";width:0;height:0;border-width:5px 4px 4px;border-style:solid;border-top-color:initial;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}'],r.default,(o=>l(n.padding(o)).padding),(o=>l(n.padding(o)).iconSpacing))),v&&o.css([""," > a,> button{min-height:40px;line-height:40px;padding:0px 16px;width:100vw;box-sizing:border-box;}a:focus,button:focus{z-index:1;position:relative;}","}"],y&&o.css(["&&&{> a,> button{color:",";outline:none;}> button:hover,> a:hover{background-color:transparent;cursor:default;outline:none;color:",";}}"],t.default[e].title,t.default[e].title),!k&&o.css(["&&{> a:focus,> a:hover,> button:focus,> button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);","}}"],!w&&o.css(['[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}']))))),n.padding);exports.default=p;
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Renders navigation Buttons and current page input
|
|
4
|
+
*/
|
|
5
|
+
export interface PaginationNavigationProps {
|
|
3
6
|
/** Current visible page */
|
|
4
7
|
currentPage: number;
|
|
5
|
-
/**
|
|
8
|
+
/** Page size, number of elements on the current page */
|
|
6
9
|
pageSize: number;
|
|
7
|
-
|
|
10
|
+
/** Total number of pages */
|
|
11
|
+
totalPages: number;
|
|
8
12
|
/** Sets the current page being shown */
|
|
9
13
|
setCurrentPage: (page: number) => void;
|
|
10
14
|
/** Callback function for next link */
|
|
@@ -19,16 +23,10 @@ export interface PagerNavigationProps {
|
|
|
19
23
|
onPagination: (currentPage: number, pageSize: number, origin: string) => void;
|
|
20
24
|
/** Should the `First` and `Last` navigation buttons be shown */
|
|
21
25
|
showFirstAndLastButtons?: boolean;
|
|
22
|
-
/** Should the `Next` and `Previous` navigation buttons be shown */
|
|
23
|
-
showPreviousAndNextButtons?: boolean;
|
|
24
|
-
/** Should the page count input be shown */
|
|
25
|
-
showPageCount?: boolean;
|
|
26
26
|
/** If true, page number navigation will be changed to a non-interactive label */
|
|
27
27
|
interactivePageNumber?: boolean;
|
|
28
|
-
/**
|
|
29
|
-
|
|
30
|
-
/** Breakpoint for small screen styling to be applied. */
|
|
31
|
-
smallScreenBreakpoint?: string;
|
|
28
|
+
/** Size of the button */
|
|
29
|
+
size?: "small" | "medium" | "large";
|
|
32
30
|
}
|
|
33
|
-
declare const
|
|
34
|
-
export default
|
|
31
|
+
declare const PaginationNavigation: ({ currentPage, pageSize, totalPages, setCurrentPage, onNext, onFirst, onPrevious, onLast, onPagination, showFirstAndLastButtons, interactivePageNumber, size, }: PaginationNavigationProps) => React.JSX.Element;
|
|
32
|
+
export default PaginationNavigation;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../hooks/__internal__/useLocale/useLocale.js"),n=require("./pagination-navigation.style.js"),i=require("../../textbox/textbox.component.js"),a=require("../../button/__next__/button.component.js"),l=require("../../icon/icon.component.js"),u=require("../../typography/typography.component.js"),o=require("../../../__internal__/utils/helpers/guid/index.js");exports.default=({currentPage:s,pageSize:c,totalPages:d,setCurrentPage:p,onNext:v,onFirst:g,onPrevious:x,onLast:f,onPagination:h,showFirstAndLastButtons:b,interactivePageNumber:j,size:y})=>{const _=r.default(),[P,B]=t.useState(s),m=t.useRef(null),S=t.useRef(null),{current:C}=t.useRef(o.default()),k=s>1&&b,q=s>1,T=s<d,z=s<d&&b;t.useEffect((()=>{B(s)}),[s]);const L=t.useRef(null);t.useEffect((()=>{if(L.current){switch(L.current){case"next":var e;null===(e=S.current)||void 0===e||e.focusButton();break;case"previous":var t;null===(t=m.current)||void 0===t||t.focusButton()}L.current=null}}),[s]);const $=e=>{L.current="next",p(1),null==g||g(e),h(1,c,"first")},N=e=>{const t=s-1;1===t&&(L.current="next"),p(t),null==x||x(e),h(t,c,"previous")},A=e=>{const t=s+1;t===d&&(L.current="previous"),p(t),null==v||v(e),h(t,c,"next")},R=e=>{L.current="previous",p(d),null==f||f(e),h(d,c,"last")},W=()=>{const e=Number(P);if(Number.isInteger(e)){if(e<1)return B(1),p(1),void h(1,c,"input");if(e>d)return B(d),p(d),void h(d,c,"input");p(e),h(e,c,"input")}else B(s)};return e.jsxs(n.StyledPaginationNavigation,{$interactivePageNumber:j,children:[j&&d>1?e.jsxs(n.StyledCurrentPageContainer,{children:[e.jsx(u.Typography,{id:C,screenReaderOnly:!0,children:`${_.pager.pageX(s)} ${null===(F=(I=_.pager).ofTotalPages)||void 0===F?void 0:F.call(I,d)}`}),e.jsx(n.StyledInputWrapper,{$size:y||"medium",children:e.jsx(i.Textbox,{"aria-label":_.pager.pageX(s),"aria-describedby":C,value:P,onChange:e=>{B(e.target.value)},onBlur:W,onKeyDown:e=>{"Enter"===e.key&&W()},size:y,inputMode:"numeric"})}),e.jsx("div",{"aria-hidden":"true",children:null===(M=(O=_.pager).ofTotalPages)||void 0===M?void 0:M.call(O,d)})]}):e.jsxs(n.StyledCurrentPage,{children:[s," ",null===(w=(E=_.pager).ofTotalPages)||void 0===w?void 0:w.call(E,d)]}),d>1&&(()=>{var t,r,i,u,o,s,c,d;return e.jsxs(n.StyledNavigationButtonContainer,{children:[b&&e.jsx(n.StyledButtonWrapper,{$visible:k,children:e.jsx(a.Button,{variantType:"subtle","aria-label":null===(t=(r=_.pager).firstAriaLabel)||void 0===t?void 0:t.call(r),size:y,onClick:$,children:e.jsx(l.default,{type:"chevron_first_pagination"})})}),e.jsx(n.StyledButtonWrapper,{$visible:q,children:e.jsx(a.Button,{variantType:"subtle","aria-label":null===(i=(u=_.pager).previousAriaLabel)||void 0===i?void 0:i.call(u),size:y,onClick:N,ref:m,children:e.jsx(l.default,{type:"chevron_left_thick"})})}),e.jsx(n.StyledButtonWrapper,{$visible:T,children:e.jsx(a.Button,{variantType:"subtle","aria-label":null===(o=(s=_.pager).nextAriaLabel)||void 0===o?void 0:o.call(s),size:y,onClick:A,ref:S,children:e.jsx(l.default,{type:"chevron_right_thick"})})}),b&&e.jsx(n.StyledButtonWrapper,{$visible:z,children:e.jsx(a.Button,{variantType:"subtle","aria-label":null===(c=(d=_.pager).lastAriaLabel)||void 0===c?void 0:c.call(d),size:y,onClick:R,children:e.jsx(l.default,{type:"chevron_last_pagination"})})})]})})()]});var w,E,F,I,M,O};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const StyledPaginationNavigation: import("styled-components").StyledComponent<"div", any, {
|
|
2
|
+
$interactivePageNumber?: boolean;
|
|
3
|
+
}, never>;
|
|
4
|
+
export declare const StyledNavigationButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
+
export declare const StyledButtonWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
6
|
+
$visible?: boolean;
|
|
7
|
+
}, never>;
|
|
8
|
+
export declare const StyledCurrentPageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
+
export declare const StyledCurrentPage: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
10
|
+
export declare const StyledInputWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
11
|
+
$size: "small" | "medium" | "large";
|
|
12
|
+
}, never>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var t=require("styled-components");function a(t){return t&&t.__esModule?t:{default:t}}var i=a(t);const e={small:{width:"var(--global-size-s)"},medium:{width:"var(--global-size-m)"},large:{width:"var(--global-size-l)"}},n=i.default.div.withConfig({displayName:"pagination-navigation.style__StyledPaginationNavigation",componentId:"sc-3c57c433-0"})(["display:flex;align-items:center;flex-wrap:wrap;",""],(({$interactivePageNumber:a})=>a&&t.css(["gap:var(--global-space-comp-l);"]))),l=i.default.div.withConfig({displayName:"pagination-navigation.style__StyledNavigationButtonContainer",componentId:"sc-3c57c433-1"})(["display:flex;align-items:center;gap:var(--global-space-comp-xs);"]),o=i.default.div.withConfig({displayName:"pagination-navigation.style__StyledButtonWrapper",componentId:"sc-3c57c433-2"})(["",""],(({$visible:a})=>t.css(["visibility:",";"],a?"visible":"hidden"))),s=i.default.div.withConfig({displayName:"pagination-navigation.style__StyledCurrentPageContainer",componentId:"sc-3c57c433-3"})(["display:flex;align-items:center;gap:var(--global-space-comp-s);"]),p=i.default.span.withConfig({displayName:"pagination-navigation.style__StyledCurrentPage",componentId:"sc-3c57c433-4"})(["padding:0 var(--global-space-layout-3-xs);"]),d=i.default.div.withConfig({displayName:"pagination-navigation.style__StyledInputWrapper",componentId:"sc-3c57c433-5"})(["",""],(({$size:a})=>t.css(["min-width:",";&& input{text-align:center;field-sizing:content;}"],e[a].width)));exports.StyledButtonWrapper=o,exports.StyledCurrentPage=p,exports.StyledCurrentPageContainer=s,exports.StyledInputWrapper=d,exports.StyledNavigationButtonContainer=l,exports.StyledPaginationNavigation=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./pager.component.js");exports.default=e.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./pager.component.js");exports.default=e.Pagination;
|
|
@@ -5,46 +5,71 @@ type PageSizeOption = {
|
|
|
5
5
|
name: number;
|
|
6
6
|
};
|
|
7
7
|
export interface PagerProps extends TagProps {
|
|
8
|
-
/** Function called when pager changes (Current page, Page size, Origin component) */
|
|
8
|
+
/** Function called when pager changes (Current page, Page size, Origin component). */
|
|
9
9
|
onPagination: (currentPage: number, pageSize: number, origin: string) => void;
|
|
10
|
-
/** Callback function for
|
|
10
|
+
/** Callback function for the Next button. */
|
|
11
11
|
onNext?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
12
|
-
/** Callback function for
|
|
12
|
+
/** Callback function for the First button. */
|
|
13
13
|
onFirst?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
14
|
-
/** Callback function for
|
|
14
|
+
/** Callback function for the Previous button. */
|
|
15
15
|
onPrevious?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
16
|
-
/** Callback function for
|
|
16
|
+
/** Callback function for the Last button. */
|
|
17
17
|
onLast?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
18
|
-
/** Current visible page */
|
|
18
|
+
/** Current visible page. */
|
|
19
19
|
currentPage?: number | string;
|
|
20
|
-
/**
|
|
20
|
+
/** Flag to set if the current page number renders as an input. */
|
|
21
21
|
interactivePageNumber?: boolean;
|
|
22
|
-
/**
|
|
23
|
-
hideDisabledElements?: boolean;
|
|
24
|
-
/** Total number of records */
|
|
22
|
+
/** Total number of records, used to calculate the total number of pages. */
|
|
25
23
|
totalRecords?: number | string;
|
|
26
|
-
/**
|
|
24
|
+
/** Number of records per page. */
|
|
27
25
|
pageSize?: number | string;
|
|
28
|
-
/**
|
|
26
|
+
/** Flag to render the page size selection input. */
|
|
29
27
|
showPageSizeSelection?: boolean;
|
|
30
|
-
/**
|
|
28
|
+
/** List of page size options. */
|
|
31
29
|
pageSizeSelectionOptions?: PageSizeOption[];
|
|
32
|
-
/**
|
|
30
|
+
/** Flag to render "First" and "Last" navigation buttons. */
|
|
31
|
+
showFirstAndLastButtons?: boolean;
|
|
32
|
+
/** The component's variant. */
|
|
33
|
+
variant?: "default" | "alternate";
|
|
34
|
+
/** Size of the component. */
|
|
35
|
+
size?: "small" | "medium" | "large";
|
|
36
|
+
/** Set an accessible label for the Pagination nav */
|
|
37
|
+
"aria-label"?: string;
|
|
38
|
+
/**
|
|
39
|
+
* If true, sets css property visibility: hidden on all disabled elements.
|
|
40
|
+
* @deprecated Support to disable elements has been removed.
|
|
41
|
+
*/
|
|
42
|
+
hideDisabledElements?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Should the label before the page size selection dropdown be shown.
|
|
45
|
+
* @deprecated Support for this prop has been removed. Labels for page size selection are always shown.
|
|
46
|
+
*/
|
|
33
47
|
showPageSizeLabelBefore?: boolean;
|
|
34
|
-
/**
|
|
48
|
+
/**
|
|
49
|
+
* Should the label after the page size selection dropdown be shown.
|
|
50
|
+
* @deprecated Support for this prop has been removed. Labels for page size selection are always shown.
|
|
51
|
+
*/
|
|
35
52
|
showPageSizeLabelAfter?: boolean;
|
|
36
|
-
/**
|
|
53
|
+
/**
|
|
54
|
+
* Should the total records label be shown.
|
|
55
|
+
* @deprecated Support to render total records has been removed.
|
|
56
|
+
*/
|
|
37
57
|
showTotalRecords?: boolean;
|
|
38
|
-
/**
|
|
39
|
-
|
|
40
|
-
|
|
58
|
+
/**
|
|
59
|
+
* Should the `Previous` and `Next` navigation buttons be shown.
|
|
60
|
+
* @deprecated Support to show or hide "Previous" and "Next" buttons has been removed. Their visibility is managed internally.
|
|
61
|
+
*/
|
|
41
62
|
showPreviousAndNextButtons?: boolean;
|
|
42
|
-
/**
|
|
63
|
+
/**
|
|
64
|
+
* Should the page count input be shown
|
|
65
|
+
* @deprecated Support to show or hide page count input has been removed. The page count is always shown.
|
|
66
|
+
*/
|
|
43
67
|
showPageCount?: boolean;
|
|
44
|
-
/**
|
|
45
|
-
|
|
46
|
-
|
|
68
|
+
/**
|
|
69
|
+
* Breakpoint for small screen styling to be applied.
|
|
70
|
+
* @deprecated This component is now responsive by default and support for this prop has been removed.
|
|
71
|
+
*/
|
|
47
72
|
smallScreenBreakpoint?: string;
|
|
48
73
|
}
|
|
49
|
-
export declare const
|
|
50
|
-
export default
|
|
74
|
+
export declare const Pagination: ({ currentPage, interactivePageNumber, pageSizeSelectionOptions, pageSize, showPageSizeSelection, totalRecords, onPagination, onNext, onFirst, onPrevious, onLast, showFirstAndLastButtons, variant, size, "aria-label": ariaLabel, ...rest }: PagerProps) => React.JSX.Element;
|
|
75
|
+
export default Pagination;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../select/option/option.component.js");require("../select/option-row/option-row.component.js"),require("../select/option-group-header/option-group-header.component.js");var n=require("../select/simple-select/simple-select.component.js");require("../select/filterable-select/filterable-select.component.js"),require("../select/multi-select/multi-select.component.js");var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../select/option/option.component.js");require("../select/option-row/option-row.component.js"),require("../select/option-group-header/option-group-header.component.js");var n=require("../select/simple-select/simple-select.component.js");require("../select/filterable-select/filterable-select.component.js"),require("../select/multi-select/multi-select.component.js");var i=require("./__internal__/pagination-navigation.component.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),o=require("../../__internal__/utils/helpers/guid/index.js"),s=require("./pager.style.js"),l=require("../../__internal__/utils/helpers/events/events.js"),u=require("../../__internal__/utils/helpers/tags/tags.js");function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const p=p=>{var g,b,{currentPage:d=1,interactivePageNumber:f=!0,pageSizeSelectionOptions:j=[{id:"10",name:10},{id:"25",name:25},{id:"50",name:50},{id:"100",name:100}],pageSize:m=10,showPageSizeSelection:P=!1,totalRecords:v=0,onPagination:O,onNext:y,onFirst:S,onPrevious:_,onLast:h,showFirstAndLastButtons:w=!0,variant:x="default",size:q="medium","aria-label":z}=p,L=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(p,["currentPage","interactivePageNumber","pageSizeSelectionOptions","pageSize","showPageSizeSelection","totalRecords","onPagination","onNext","onFirst","onPrevious","onLast","showFirstAndLastButtons","variant","size","aria-label"]);const N=a.default(),k=`Pager_size_selector_${t.useRef(o.default()).current}`,[F,C]=t.useState(+d),[E,D]=t.useState(+m),[B,A]=t.useState(+m),R=t.useCallback((()=>+v<0||Number.isNaN(+v)?1:Math.ceil(+v/E)),[v,E]),[$,K]=t.useState(R());t.useEffect((()=>{D(+m),A(+m)}),[m]),t.useEffect((()=>{const e=R();K(e),C(+d>e?e:+d)}),[E,$,d,v,R]);const M=t.useCallback((e=>{A(+e),D(+e),C(1),O(1,+e,"page-select")}),[O]),I=t.useCallback((e=>l.default.isEnterKey(e)&&M(e.target.value)),[M]);return e.jsxs(s.StyledPagination,(G=function(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){c(e,t,r[t])}))}return e}({"aria-label":z||(null===(g=(b=N.pager).ariaLabel)||void 0===g?void 0:g.call(b)),$variant:x,$size:q},L,u.default("pager",L)),H={children:[e.jsx(i.default,{currentPage:F,pageSize:E,totalPages:$,interactivePageNumber:f,setCurrentPage:C,onNext:y,onPrevious:_,onFirst:S,onLast:h,onPagination:O,showFirstAndLastButtons:w,size:q}),P&&(()=>{var t,i;return e.jsxs(s.StyledPageSizeSelect,{children:[e.jsx("label",{htmlFor:k,children:null===(t=(i=N.pager).itemsPerPage)||void 0===t?void 0:t.call(i)}),e.jsx(n.SimpleSelect,{value:String(B),onChange:e=>A(+e.target.value),onBlur:()=>A(E),onKeyDown:I,id:k,size:q,children:j.map((t=>e.jsx(r.default,{text:t.id,value:String(t.name),onClick:M},t.id)))})]})})()]},H=null!=H?H:{},Object.getOwnPropertyDescriptors?Object.defineProperties(G,Object.getOwnPropertyDescriptors(H)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(H)).forEach((function(e){Object.defineProperty(G,e,Object.getOwnPropertyDescriptor(H,e))})),G));var G,H};exports.Pagination=p,exports.default=p;
|
|
@@ -1,23 +1,7 @@
|
|
|
1
|
-
declare const StyledSelectContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
1
|
interface StyledPagerContainerProps {
|
|
3
|
-
variant?: "alternate" | "default";
|
|
4
|
-
|
|
5
|
-
showPageSizeSelection?: boolean;
|
|
6
|
-
showTotalRecords?: boolean;
|
|
2
|
+
$variant?: "alternate" | "default";
|
|
3
|
+
$size: "small" | "medium" | "large";
|
|
7
4
|
}
|
|
8
|
-
declare const
|
|
9
|
-
declare const
|
|
10
|
-
|
|
11
|
-
interface StyledPagerProps {
|
|
12
|
-
smallScreenBreakpoint?: string;
|
|
13
|
-
}
|
|
14
|
-
declare const StyledPagerNavigation: import("styled-components").StyledComponent<"div", any, StyledPagerProps, never>;
|
|
15
|
-
declare const StyledPagerNavInner: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
16
|
-
declare const StyledPagerNavLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
|
|
17
|
-
interface StyledPagerLinkProps {
|
|
18
|
-
hideDisabledButtons?: boolean;
|
|
19
|
-
}
|
|
20
|
-
declare const StyledPagerLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link").LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, StyledPagerLinkProps, never>;
|
|
21
|
-
declare const StyledPagerNoSelect: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
22
|
-
declare const StyledPagerSummary: import("styled-components").StyledComponent<"div", any, StyledPagerProps, never>;
|
|
23
|
-
export { StyledPagerContainer, StyledPagerSizeOptions, StyledPagerSizeOptionsInner, StyledPagerNavigation, StyledPagerNavInner, StyledPagerNavLabel, StyledPagerLink, StyledPagerNoSelect, StyledPagerSummary, StyledSelectContainer, };
|
|
5
|
+
export declare const StyledPagination: import("styled-components").StyledComponent<"nav", any, StyledPagerContainerProps, never>;
|
|
6
|
+
export declare const StyledPageSizeSelect: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var a=require("styled-components");function e(a){return a&&a.__esModule?a:{default:a}}var o=e(a);const t={small:{minHeight:"var(--global-size-m)",padding:"var(--global-space-comp-xs)",font:"var(--global-font-static-comp-regular-s)",rowGap:"var(--global-space-comp-s)"},medium:{minHeight:"var(--global-size-xl)",padding:"var(--global-space-comp-s)",font:"var(--global-font-static-comp-regular-m)",rowGap:"var(--global-space-comp-l)"},large:{minHeight:"var(--global-size-2-xl)",padding:"var(--global-space-comp-s)",font:"var(--global-font-static-comp-regular-l)",rowGap:"var(--global-space-comp-l)"}},l=o.default.nav.withConfig({displayName:"pager.style__StyledPagination",componentId:"sc-bc9e81e5-0"})(["",""],(({$variant:e,$size:o})=>a.css(["display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;flex-wrap:wrap;font:",";width:100%;min-width:288px;min-height:",";padding:",";row-gap:",";border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--container-standard-border-default);background:var(--container-standard-bg-alt);",""],t[o].font,t[o].minHeight,t[o].padding,t[o].rowGap,"alternate"===e&&a.css(["background:none;border:none;"])))),r=o.default.div.withConfig({displayName:"pager.style__StyledPageSizeSelect",componentId:"sc-bc9e81e5-1"})(["display:flex;align-items:center;gap:var(--global-space-comp-s);&& input{field-sizing:content;}"]);exports.StyledPageSizeSelect=r,exports.StyledPagination=l;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"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 n=a(o);const d=n.default.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"sc-232ba56c-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t.default),s=n.default.div.attrs(e.default).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"sc-232ba56c-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=d,exports.default=s;
|