npm - acinguiux-ds-react-framework - Versions diffs - 0.1.16 → 0.1.19 - Mend

acinguiux-ds-react-framework 0.1.16 → 0.1.19

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.

Files changed (1032) hide show

package/build/cjs/components/Select/Select.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.styles.js","sources":["../../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { FC } from 'react';\n\nimport { css, styled } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\nimport { SelectConsts } from 'acinguiux-ds-react-base/components/Select';\n\nimport { PopoverContent } from '../Popover/Popover';\nimport { ITextInputPropsImpl } from '../TextInput/TextInput.types';\nimport { LoadingContainer } from '../Loading/Loading.styles';\nimport { ClearButton } from '../TextInput/TextInput.styles';\nimport TextInput from '../TextInput/TextInput';\nimport Tag from '../Tag/Tag';\nimport { TagButton, TagLabelContainer } from '../Tag/Tag.styles';\nimport { ISelectProps } from './Select.types';\nimport { Flexbox } from '../Flexbox/Flexbox.styles';\nimport Label from '../Text/components/Label/Label';\nimport { Label as LabelStyles } from '../Text/components/Label/Label.styles';\n\nexport const SelectTag = styled(Tag)<{ $disabled?: boolean; $invalid?: boolean }>`\n ${({ theme, $invalid, $disabled, size }) => css`\n &,\n & ${TagButton} {\n background-color: ${theme.layer({ disabled: $disabled, sentiment: $invalid ? 'negative' : 'information' })[\n $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n ]};\n }\n\n ${$disabled &&\n css`\n & ${TagLabelContainer} > ${LabelStyles} {\n color: ${theme.layer({ disabled: $disabled, sentiment: $invalid ? 'negative' : 'information' })[\n Variables.TextOnFoundationStrong\n ]};\n }\n `};\n\n ${!$disabled &&\n css`\n &:has(${TagButton}:hover) {\n &,\n & ${TagButton} {\n background-color: ${theme.layer({ sentiment: $invalid ? 'negative' : 'information', state: 'hover' })[\n $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n ]};\n }\n }\n &:has(${TagButton}:active) {\n &,\n & ${TagButton} {\n background-color: ${theme.layer({ sentiment: $invalid ? 'negative' : 'information', state: 'press' })[\n $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n ]};\n }\n }\n `};\n\n padding-inline: ${SelectConsts.newConsts[size ?? 'medium'].tags.padding}px;\n gap: ${SelectConsts.newConsts[size ?? 'medium'].tags.gap}px;\n\n & ${TagLabelContainer} {\n padding-inline: 0;\n gap: ${SelectConsts.newConsts[size ?? 'medium'].tags.textGap}px;\n }\n `};\n`;\n\nexport const SelectedSingleOptionLabel = styled(Label)`\n position: absolute;\n`;\n\nexport const SelectInput = styled(TextInput as FC<ITextInputPropsImpl>)<{ $mode?: ISelectProps['mode'] }>(\n ({ $mode, size, readOnly }) => css`\n align-items: flex-start;\n\n ${readOnly &&\n css`\n &,\n & input {\n cursor: default;\n }\n `};\n\n &:has([data-affix='suffix']) {\n --select-arrow-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n InputConsts.consts[size ?? 'medium'].padding.inline +\n InputConsts.consts[size ?? 'medium'].containerGap}px;\n }\n\n &:has(${LoadingContainer}) {\n --select-loading-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n InputConsts.consts[size ?? 'medium'].padding.inline * 2 +\n InputConsts.consts[size ?? 'medium'].containerGap}px;\n }\n\n &:has(${ClearButton}) {\n --select-clear-btn-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n InputConsts.consts[size ?? 'medium'].padding.inline * 2 +\n InputConsts.consts[size ?? 'medium'].containerGap}px;\n }\n\n ${Flexbox}:has(input) {\n position: relative;\n }\n\n ${SelectedSingleOptionLabel} {\n --single-option-label-padding: ${InputConsts.consts[size ?? 'medium'].padding.inline}px;\n left: var(--single-option-label-padding);\n white-space: nowrap;\n min-width: 0;\n width: 100%;\n max-width: calc(100% - var(--single-option-label-padding));\n overflow: hidden;\n display: block;\n text-overflow: ellipsis;\n }\n\n ${$mode === 'multiple' &&\n css`\n ${Flexbox}:has(input) {\n gap: ${SelectConsts.newConsts[size ?? 'medium'].gap}px;\n &:has(${SelectTag}) {\n padding: ${SelectConsts.newConsts[size ?? 'medium'].prefixPadding}px;\n\n input {\n padding: 0;\n }\n }\n }\n\n input {\n width: auto;\n }\n `}\n\n ${LabelStyles} {\n text-overflow: ellipsis;\n }\n\n ${SelectTag} {\n height: ${SelectConsts.newConsts[size ?? 'medium'].tags.height}px;\n border-radius: ${SelectConsts.newConsts[size ?? 'medium'].tags.borderRadius}px;\n overflow: hidden;\n position: relative;\n max-width: 100%;\n ${TagLabelContainer} {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n min-width: 0;\n max-width: 100%;\n display: block;\n~~\n ${LabelStyles} {\n display: flex;\n align-items: center;\n }\n~~ }\n }\n `,\n);\n\nconst listItemSize = {\n small: 32,\n medium: 40,\n large: 48,\n};\n\nexport const SelectPopoverContent = styled(PopoverContent)`\n max-height: min(300px, calc(var(--radix-popper-available-height) - 10px));\n overflow-y: auto;\n\n & > :first-child:has() {\n margin-inline: 4px;\n }\n\n & > :has() {\n min-height: calc(${({ size }) => listItemSize[size ?? 'medium']}px);\n margin: 4px 0;\n gap: 4px;\n display: flex;\n align-items: stretch;\n justify-content: start;\n flex-direction: column;\n }\n`;\n"],"names":["SelectTag","styled","Tag","theme","$invalid","$disabled","size","css","TagButton","Variables","TagLabelContainer","LabelStyles","SelectConsts.newConsts","SelectedSingleOptionLabel","Label","SelectInput","TextInput","$mode","readOnly","InputConsts.consts","LoadingContainer","ClearButton","Flexbox","listItemSize","SelectPopoverContent","PopoverContent"],"mappings":"8rBAmBaA,EAAYC,EAAAA,OAAOC,CAAG;AAAA,IAC/B,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,UAAAC,EAAW,KAAAC,KAAWC,EAAAA;AAAAA;AAAAA,QAEtCC,WAAS;AAAA,0BACSL,EAAM,MAAM,CAAE,SAAUE,EAAW,UAAWD,EAAW,WAAa,aAAA,CAAe,EACvGA,EAAWK,EAAAA,UAAU,oBAAsBA,EAAAA,UAAU,kBACvD,CAAC;AAAA;AAAA;AAAA,MAGDJ,GACFE,EAAAA;AAAAA,UACMG,EAAAA,iBAAiB,MAAMC,OAAW;AAAA,iBAC3BR,EAAM,MAAM,CAAE,SAAUE,EAAW,UAAWD,EAAW,WAAa,aAAA,CAAe,EAC5FK,EAAAA,UAAU,sBACZ,CAAC;AAAA;AAAA,KAEJ;AAAA;AAAA,MAEC,CAACJ,GACHE,EAAAA;AAAAA,cACUC,WAAS;AAAA;AAAA,YAEXA,WAAS;AAAA,8BACSL,EAAM,MAAM,CAAE,UAAWC,EAAW,WAAa,cAAe,MAAO,OAAA,CAAS,EAClGA,EAAWK,EAAAA,UAAU,oBAAsBA,EAAAA,UAAU,kBACvD,CAAC;AAAA;AAAA;AAAA,cAGGD,WAAS;AAAA;AAAA,YAEXA,WAAS;AAAA,8BACSL,EAAM,MAAM,CAAE,UAAWC,EAAW,WAAa,cAAe,MAAO,OAAA,CAAS,EAClGA,EAAWK,EAAAA,UAAU,oBAAsBA,EAAAA,UAAU,kBACvD,CAAC;AAAA;AAAA;AAAA,KAGN;AAAA;AAAA,sBAEiBG,EAAAA,UAAuBN,GAAQ,QAAQ,EAAE,KAAK,OAAO;AAAA,WAChEM,EAAAA,UAAuBN,GAAQ,QAAQ,EAAE,KAAK,GAAG;AAAA;AAAA,QAEpDI,mBAAiB;AAAA;AAAA,aAEZE,EAAAA,UAAuBN,GAAQ,QAAQ,EAAE,KAAK,OAAO;AAAA;AAAA,GAE/D;AAAA,EAGUO,EAA4BZ,EAAAA,OAAOa,CAAK;AAAA;AAAA,EAIxCC,EAAcd,EAAAA,OAAOe,CAAoC,EACpE,CAAC,CAAE,MAAAC,EAAO,KAAAX,EAAM,SAAAY,KAAeX,EAAAA;AAAAA;AAAAA;AAAAA,~~MAG3BW~~,GACFX,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,KAKC;AAAA;AAAA;AAAA,6BAGwBY,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,SAC5Da,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,QAAQ,OAC7Ca,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,YAAY;AAAA;AAAA;AAAA,YAG3Cc,kBAAgB;AAAA,+BACGD,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,SAC9Da,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,QAAQ,OAAS,EACtDa,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,YAAY;AAAA;AAAA;AAAA,YAG3Ce,aAAW;AAAA,iCACUF,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,SAChEa,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,QAAQ,OAAS,EACtDa,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,YAAY;AAAA;AAAA;AAAA,MAGjDgB,SAAO;AAAA;AAAA;AAAA;AAAA,MAIPT,CAAyB;AAAA,uCACQM,EAAAA,OAAmBb,GAAQ,QAAQ,EAAE,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAWpFW,IAAU,YACZV,EAAAA;AAAAA,QACIe,SAAO;AAAA,eACAV,YAAuBN,GAAQ,QAAQ,EAAE,GAAG;AAAA,gBAC3CN,CAAS;AAAA,qBACJY,YAAuBN,GAAQ,QAAQ,EAAE,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAWtE;AAAA;AAAA,MAECK,OAAW;AAAA;AAAA;AAAA;AAAA,MAIXX,CAAS;AAAA,gBACCY,EAAAA,UAAuBN,GAAQ,QAAQ,EAAE,KAAK,MAAM;AAAA,uBAC7CM,EAAAA,UAAuBN,GAAQ,QAAQ,EAAE,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA,QAIzEI,mBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA~~,UAQfC,OAAW~~;AAAA~~;AAAA;AAAA;AAAA;AAAA;AAAA~~,~~GAOrB~~,~~EAEMY~~,EAAe,CACnB,MAAO,GACP,OAAQ,GACR,MAAO,EACT,EAEaC,EAAuBvB,EAAAA,OAAOwB,gBAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBASlC,CAAC,CAAE,KAAAnB,CAAA,IAAWiB,EAAajB,GAAQ,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"Select.styles.js","sources":["../../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { FC } from 'react';\n\nimport { css, styled } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { InputConsts } from 'acinguiux-ds-react-base/components/Input';\nimport { SelectConsts } from 'acinguiux-ds-react-base/components/Select';\n\nimport { PopoverContent } from '../Popover/Popover';\nimport { ITextInputPropsImpl } from '../TextInput/TextInput.types';\nimport { LoadingContainer } from '../Loading/Loading.styles';\nimport { ClearButton } from '../TextInput/TextInput.styles';\nimport TextInput from '../TextInput/TextInput';\nimport Tag from '../Tag/Tag';\nimport { TagButton, TagLabelContainer } from '../Tag/Tag.styles';\nimport { ISelectProps } from './Select.types';\nimport { Flexbox } from '../Flexbox/Flexbox.styles';\nimport Label from '../Text/components/Label/Label';\nimport { Label as LabelStyles } from '../Text/components/Label/Label.styles';\n\nexport const SelectTag = styled(Tag)<{ $disabled?: boolean; $invalid?: boolean }>`\n ${({ theme, $invalid, $disabled, size }) => css`\n &,\n & ${TagButton} {\n background-color: ${theme.layer({ disabled: $disabled, sentiment: $invalid ? 'negative' : 'information' })[\n $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n ]};\n }\n\n ${$disabled &&\n css`\n & ${TagLabelContainer} > ${LabelStyles} {\n color: ${theme.layer({ disabled: $disabled, sentiment: $invalid ? 'negative' : 'information' })[\n Variables.TextOnFoundationStrong\n ]};\n }\n `};\n\n ${!$disabled &&\n css`\n &:has(${TagButton}:hover) {\n &,\n & ${TagButton} {\n background-color: ${theme.layer({ sentiment: $invalid ? 'negative' : 'information', state: 'hover' })[\n $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n ]};\n }\n }\n &:has(${TagButton}:active) {\n &,\n & ${TagButton} {\n background-color: ${theme.layer({ sentiment: $invalid ? 'negative' : 'information', state: 'press' })[\n $invalid ? Variables.BackgroundSentiment : Variables.BackgroundSelected\n ]};\n }\n }\n `};\n\n padding-inline: ${SelectConsts.newConsts[size ?? 'medium'].tags.padding}px;\n gap: ${SelectConsts.newConsts[size ?? 'medium'].tags.gap}px;\n\n & ${TagLabelContainer} {\n padding-inline: 0;\n gap: ${SelectConsts.newConsts[size ?? 'medium'].tags.textGap}px;\n }\n `};\n`;\n\nexport const SelectedSingleOptionLabel = styled(Label)`\n position: absolute;\n`;\n\nexport const SelectInput = styled(TextInput as FC<ITextInputPropsImpl>)<{ $mode?: ISelectProps['mode'] }>(\n ({ $mode, size, readOnly }) => css`\n align-items: flex-start;\n max-width: 100%;\n overflow: hidden;\n\n ${readOnly &&\n css`\n &,\n & input {\n cursor: default;\n }\n `};\n\n &:has([data-affix='suffix']) {\n --select-arrow-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n InputConsts.consts[size ?? 'medium'].padding.inline +\n InputConsts.consts[size ?? 'medium'].containerGap}px;\n }\n\n &:has(${LoadingContainer}) {\n --select-loading-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n InputConsts.consts[size ?? 'medium'].padding.inline * 2 +\n InputConsts.consts[size ?? 'medium'].containerGap}px;\n }\n\n &:has(${ClearButton}) {\n --select-clear-btn-size: ${InputConsts.consts[size ?? 'medium'].iconSize +\n InputConsts.consts[size ?? 'medium'].padding.inline * 2 +\n InputConsts.consts[size ?? 'medium'].containerGap}px;\n }\n\n ${Flexbox}:has(input) {\n position: relative;\n }\n\n ${SelectedSingleOptionLabel} {\n --single-option-label-padding: ${InputConsts.consts[size ?? 'medium'].padding.inline}px;\n left: var(--single-option-label-padding);\n white-space: nowrap;\n min-width: 0;\n width: 100%;\n max-width: calc(100% - var(--single-option-label-padding));\n overflow: hidden;\n display: block;\n text-overflow: ellipsis;\n }\n\n ${$mode === 'multiple' &&\n css`\n ${Flexbox}:has(input) {\n gap: ${SelectConsts.newConsts[size ?? 'medium'].gap}px;\n &:has(${SelectTag}) {\n padding: ${SelectConsts.newConsts[size ?? 'medium'].prefixPadding}px;\n\n input {\n padding: 0;\n }\n }\n }\n\n input {\n width: auto;\n }\n `}\n\n ${LabelStyles} {\n text-overflow: ellipsis;\n }\n\n ${SelectTag} {\n height: ${SelectConsts.newConsts[size ?? 'medium'].tags.height}px;\n border-radius: ${SelectConsts.newConsts[size ?? 'medium'].tags.borderRadius}px;\n overflow: hidden;\n position: relative;\n max-width: 100%;\n ${TagLabelContainer} {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n min-width: 0;\n max-width: 100%;\n display: block;\n }\n }\n `,\n);\n\nconst listItemSize = {\n small: 32,\n medium: 40,\n large: 48,\n};\n\nexport const SelectPopoverContent = styled(PopoverContent)`\n max-height: min(300px, calc(var(--radix-popper-available-height) - 10px));\n overflow-y: auto;\n\n & > :first-child:has() {\n margin-inline: 4px;\n }\n\n & > :has() {\n min-height: calc(${({ size }) => listItemSize[size ?? 'medium']}px);\n margin: 4px 0;\n gap: 4px;\n display: flex;\n align-items: stretch;\n justify-content: start;\n flex-direction: column;\n }\n`;\n"],"names":["SelectTag","styled","Tag","theme","$invalid","$disabled","size","css","TagButton","Variables","TagLabelContainer","LabelStyles","SelectConsts.newConsts","SelectedSingleOptionLabel","Label","SelectInput","TextInput","$mode","readOnly","InputConsts.consts","LoadingContainer","ClearButton","Flexbox","listItemSize","SelectPopoverContent","PopoverContent"],"mappings":"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"}

package/build/cjs/components/Select/components/SelectLoading.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("../../../react-base/src/consts/index.js"),a=require("../../ListItem/SelectListItem.js"),o=({id:i,size:e})=>l.jsx(a.SelectListItemHeader,{style:{textAlign:"center"},size:e===t.Sizes.XSmall?t.Sizes.Small:e,id:`select-${i}-options-loading`,role:"alert","aria-live":"polite","aria-atomic":!0,"aria-label":"Loading...",label:"Loading..."});exports.SelectLoading=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),i=require("../../../react-base/src/consts/index.js"),a=require("../../ListItem/ListItemHeader.js"),r=({id:t,size:e})=>l.jsx(a,{style:{textAlign:"center"},size:e===i.Sizes.XSmall?i.Sizes.Small:e,id:`select-${t}-options-loading`,role:"alert","aria-live":"polite","aria-atomic":!0,"aria-label":"Loading...",label:"Loading...",divider:!1});exports.SelectLoading=r;
 //# sourceMappingURL=SelectLoading.js.map

package/build/cjs/components/Select/components/SelectLoading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectLoading.js","sources":["../../../../../src/components/Select/components/SelectLoading.tsx"],"sourcesContent":["import { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport { ~~SelectListItemHeader }~~ from '../../ListItem/~~SelectListItem~~';\n\nexport type SelectLoadingProps = {\n size?: SelectTypes.Size;\n id?: string;\n};\n\nexport const SelectLoading = ({ id, size }: SelectLoadingProps) => (\n <~~SelectListItemHeader~~\n style={{ textAlign: 'center' }}\n size={size === Sizes.XSmall ? Sizes.Small : size}\n id={`select-${id}-options-loading`}\n role=\"alert\"\n aria-live=\"polite\"\n aria-atomic={true}\n aria-label=\"Loading...\"\n label=\"Loading...\"\n />\n);\n"],"names":["SelectLoading","id","size","jsx","~~SelectListItemHeader~~","Sizes"],"mappings":"oPAUaA,EAAgB,CAAC,CAAE,GAAAC,EAAI,KAAAC,KAClCC,EAAAA,IAACC,~~EAAAA~~,~~qBAAA,~~CACC,MAAO,CAAE,UAAW,QAAA,EACpB,KAAMF,IAASG,EAAAA,MAAM,OAASA,EAAAA,MAAM,MAAQH,EAC5C,GAAI,UAAUD,CAAE,mBAChB,KAAK,QACL,YAAU,SACV,cAAa,GACb,aAAW,aACX,MAAM,~~YAAA~~,~~CACR~~"}
1	+ {"version":3,"file":"SelectLoading.js","sources":["../../../../../src/components/Select/components/SelectLoading.tsx"],"sourcesContent":["import { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\n\nimport ListItemHeader from '../../ListItem/ListItemHeader';\n\nexport type SelectLoadingProps = {\n size?: SelectTypes.Size;\n id?: string;\n};\n\nexport const SelectLoading = ({ id, size }: SelectLoadingProps) => (\n <ListItemHeader\n style={{ textAlign: 'center' }}\n size={size === Sizes.XSmall ? Sizes.Small : size}\n id={`select-${id}-options-loading`}\n role=\"alert\"\n aria-live=\"polite\"\n aria-atomic={true}\n aria-label=\"Loading...\"\n label=\"Loading...\"\n divider={false}\n />\n);\n"],"names":["SelectLoading","id","size","jsx","ListItemHeader","Sizes"],"mappings":"oPAUaA,EAAgB,CAAC,CAAE,GAAAC,EAAI,KAAAC,KAClCC,EAAAA,IAACC,EAAA,CACC,MAAO,CAAE,UAAW,QAAA,EACpB,KAAMF,IAASG,EAAAA,MAAM,OAASA,EAAAA,MAAM,MAAQH,EAC5C,GAAI,UAAUD,CAAE,mBAChB,KAAK,QACL,YAAU,SACV,cAAa,GACb,aAAW,aACX,MAAM,aACN,QAAS,EAAA,CACX"}

package/build/cjs/components/Select/utils/keydown.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=(l,e)=>{if(!e.isOpen&&["Enter","ArrowUp","ArrowDown"," "].includes(l.key)){l.preventDefault(),l.stopPropagation(),e.setIsOpen(!0);return}if(l.key==="Escape"){l.preventDefault(),e.setIsOpen(!1);return}if(e.input?.focus(),e.allowClear&&(l.key==="Backspace"\|\|l.key==="Delete")&&(!e.searchValue\|\|e.searchValue.trim().length===0)&&e.selectedNodeValues.length>0&&e.selectNodeValue(e.selectedNodeValues[e.selectedNodeValues.length-1]),e.availableOptionKeys.length!==0){if(l.key==="Enter"\|\|(!e.searchValue\|\|e.searchValue.trim().length===0)&&l.key===" "){l.preventDefault();const a=e.flatOptions.find(r=>!r.isGroup&&r.key===e.currentNodeKey);e.selectNodeValue(a&&!a?.isGroup?a.value??null:null)}l.key==="ArrowDown"&&(l.preventDefault(),e.setCurrentNodeKey(a=>{const r=a?e.availableOptionKeys.indexOf(a):-1;return r===-1\|\|r===e.availableOptionKeys.length-1?e.availableOptionKeys?.[0]??null:e.availableOptionKeys?.[r+1]??null})),l.key==="ArrowUp"&&(l.preventDefault(),e.setCurrentNodeKey(a=>{const r=a?e.availableOptionKeys.indexOf(a):-1;return r<=0?e.availableOptionKeys?.[e.availableOptionKeys.length-1]??null:e.availableOptionKeys?.[r-1]??null}))}};exports.onKeyDownHandle=u;
2	+ //# sourceMappingURL=keydown.js.map

package/build/cjs/components/Select/utils/keydown.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"keydown.js","sources":["../../../../../src/components/Select/utils/keydown.ts"],"sourcesContent":["import type { Dispatch, KeyboardEvent, SetStateAction } from 'react';\n\nimport type { SelectTypes } from 'acinguiux-ds-react-base/components/Select';\n\nimport { ValueType } from '../Select.types';\n\nexport interface KeyDownHandleOptions {\n isOpen: boolean;\n setIsOpen: Dispatch<SetStateAction<boolean>>;\n input: HTMLInputElement | null;\n allowClear: boolean;\n searchValue: string;\n selectedNodeValues: ValueType[];\n selectNodeValue: (value: ValueType) => void;\n availableOptionKeys: string[];\n flatOptions: SelectTypes.IOption[];\n currentNodeKey: string | null;\n setCurrentNodeKey: Dispatch<SetStateAction<string | null>>;\n}\n\n// Transforms the Select state according to the key pressed\n// Would need to be refactored into a more testable piece of logic\nexport const onKeyDownHandle = (event: KeyboardEvent<HTMLInputElement>, options: KeyDownHandleOptions): void => {\n if (!options.isOpen && ['Enter', 'ArrowUp', 'ArrowDown', ' '].includes(event.key)) {\n event.preventDefault();\n event.stopPropagation();\n options.setIsOpen(true);\n return;\n }\n\n if (event.key === 'Escape') {\n event.preventDefault();\n options.setIsOpen(false);\n\n return;\n }\n\n options.input?.focus();\n\n if (\n options.allowClear &&\n (event.key === 'Backspace' || event.key === 'Delete') &&\n (!options.searchValue || options.searchValue.trim().length === 0) &&\n options.selectedNodeValues.length > 0\n ) {\n options.selectNodeValue(options.selectedNodeValues[options.selectedNodeValues.length - 1]);\n }\n\n if (options.availableOptionKeys.length === 0) {\n return;\n }\n\n if (\n event.key === 'Enter' ||\n ((!options.searchValue || options.searchValue.trim().length === 0) && event.key === ' ')\n ) {\n event.preventDefault();\n const currentNode = options.flatOptions.find((opt) => !opt.isGroup && opt.key === options.currentNodeKey);\n options.selectNodeValue(currentNode && !currentNode?.isGroup ? (currentNode.value ?? null) : null);\n }\n\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n options.setCurrentNodeKey((prevKey: string | null) => {\n const currentNodeIdx = prevKey ? options.availableOptionKeys.indexOf(prevKey) : -1;\n if (currentNodeIdx === -1 || currentNodeIdx === options.availableOptionKeys.length - 1) {\n return options.availableOptionKeys?.[0] ?? null;\n }\n\n return options.availableOptionKeys?.[currentNodeIdx + 1] ?? null;\n });\n }\n\n if (event.key === 'ArrowUp') {\n event.preventDefault();\n options.setCurrentNodeKey((prevKey) => {\n const currentNodeIdx = prevKey ? options.availableOptionKeys.indexOf(prevKey) : -1;\n if (currentNodeIdx <= 0) {\n return options.availableOptionKeys?.[options.availableOptionKeys.length - 1] ?? null;\n }\n return options.availableOptionKeys?.[currentNodeIdx - 1] ?? null;\n });\n }\n};\n"],"names":["onKeyDownHandle","event","options","currentNode","opt","prevKey","currentNodeIdx"],"mappings":"4GAsBO,MAAMA,EAAkB,CAACC,EAAwCC,IAAwC,CAC9G,GAAI,CAACA,EAAQ,QAAU,CAAC,QAAS,UAAW,YAAa,GAAG,EAAE,SAASD,EAAM,GAAG,EAAG,CACjFA,EAAM,eAAA,EACNA,EAAM,gBAAA,EACNC,EAAQ,UAAU,EAAI,EACtB,MACF,CAEA,GAAID,EAAM,MAAQ,SAAU,CAC1BA,EAAM,eAAA,EACNC,EAAQ,UAAU,EAAK,EAEvB,MACF,CAaA,GAXAA,EAAQ,OAAO,MAAA,EAGbA,EAAQ,aACPD,EAAM,MAAQ,aAAeA,EAAM,MAAQ,YAC3C,CAACC,EAAQ,aAAeA,EAAQ,YAAY,OAAO,SAAW,IAC/DA,EAAQ,mBAAmB,OAAS,GAEpCA,EAAQ,gBAAgBA,EAAQ,mBAAmBA,EAAQ,mBAAmB,OAAS,CAAC,CAAC,EAGvFA,EAAQ,oBAAoB,SAAW,EAI3C,IACED,EAAM,MAAQ,UACZ,CAACC,EAAQ,aAAeA,EAAQ,YAAY,KAAA,EAAO,SAAW,IAAMD,EAAM,MAAQ,IACpF,CACAA,EAAM,eAAA,EACN,MAAME,EAAcD,EAAQ,YAAY,KAAME,GAAQ,CAACA,EAAI,SAAWA,EAAI,MAAQF,EAAQ,cAAc,EACxGA,EAAQ,gBAAgBC,GAAe,CAACA,GAAa,QAAWA,EAAY,OAAS,KAAQ,IAAI,CACnG,CAEIF,EAAM,MAAQ,cAChBA,EAAM,eAAA,EACNC,EAAQ,kBAAmBG,GAA2B,CACpD,MAAMC,EAAiBD,EAAUH,EAAQ,oBAAoB,QAAQG,CAAO,EAAI,GAChF,OAAIC,IAAmB,IAAMA,IAAmBJ,EAAQ,oBAAoB,OAAS,EAC5EA,EAAQ,sBAAsB,CAAC,GAAK,KAGtCA,EAAQ,sBAAsBI,EAAiB,CAAC,GAAK,IAC9D,CAAC,GAGCL,EAAM,MAAQ,YAChBA,EAAM,eAAA,EACNC,EAAQ,kBAAmBG,GAAY,CACrC,MAAMC,EAAiBD,EAAUH,EAAQ,oBAAoB,QAAQG,CAAO,EAAI,GAChF,OAAIC,GAAkB,EACbJ,EAAQ,sBAAsBA,EAAQ,oBAAoB,OAAS,CAAC,GAAK,KAE3EA,EAAQ,sBAAsBI,EAAiB,CAAC,GAAK,IAC9D,CAAC,GAEL"}

package/build/cjs/components/Select/utils/strUtils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=(e,o)=>typeof e=="object"&&Array.isArray(e)?t(e.join(""),o):(typeof e=="string"&&(e==null?void 0:e.toLowerCase().includes(o.toLowerCase().trim())))??!1;exports.strIncludes=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=(e,t)=>typeof e=="object"&&Array.isArray(e)?o(e.join(""),t):(typeof e=="string"&&e?.toLowerCase().includes(t.toLowerCase().trim()))??!1;exports.strIncludes=o;
 //# sourceMappingURL=strUtils.js.map

package/build/cjs/components/Select/utils/strUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"strUtils.js","sources":["../../../../../src/components/Select/utils/strUtils.ts"],"sourcesContent":["type stringOrArray = string \| null \| undefined \| string[];\n\nexport const strIncludes = (str: stringOrArray, search: string): boolean => {\n if (typeof str === 'object' && Array.isArray(str)) {\n return strIncludes(str.join(''), search);\n }\n\n return (typeof str === 'string' && str?.toLowerCase().includes(search.toLowerCase().trim())) ?? false;\n};\n"],"names":["strIncludes","str","search"],"mappings":"4GAEO,MAAMA,EAAc,CAACC,EAAoBC,IAC1C,OAAOD,GAAQ,UAAY,MAAM,QAAQA,CAAG,EACvCD,EAAYC,EAAI,KAAK,EAAE,EAAGC,CAAM,GAGjC,OAAOD,GAAQ,~~WAAYA~~,~~GAAA~~,~~YAAAA~~,~~EAAK~~,~~cAAc,~~SAASC,EAAO,YAAA,EAAc,KAAA,~~MAAY~~"}
1	+ {"version":3,"file":"strUtils.js","sources":["../../../../../src/components/Select/utils/strUtils.ts"],"sourcesContent":["type stringOrArray = string \| null \| undefined \| string[];\n\nexport const strIncludes = (str: stringOrArray, search: string): boolean => {\n if (typeof str === 'object' && Array.isArray(str)) {\n return strIncludes(str.join(''), search);\n }\n\n return (typeof str === 'string' && str?.toLowerCase().includes(search.toLowerCase().trim())) ?? false;\n};\n"],"names":["strIncludes","str","search"],"mappings":"4GAEO,MAAMA,EAAc,CAACC,EAAoBC,IAC1C,OAAOD,GAAQ,UAAY,MAAM,QAAQA,CAAG,EACvCD,EAAYC,EAAI,KAAK,EAAE,EAAGC,CAAM,GAGjC,OAAOD,GAAQ,UAAYA,GAAK,YAAA,EAAc,SAASC,EAAO,YAAA,EAAc,KAAA,CAAM,IAAM"}

package/build/cjs/components/Slider/RangeSlider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),h=require("react"),M=require("classnames"),p=require("rc-slider"),e=require("../../react-base/src/consts/index.js"),j=require("./components/Value/Value.js"),I=require("./Slider.styles.js"),O=require("../Text/components/Label/Label.js"),q=require("../../react-base/src/consts/classes.js"),v=h.forwardRef(({className:D,size:a=`${e.Sizes.Medium}`,defaultValue:C=[0,0],labelAlignment:i=`${e.Alignments.LeftAndRight}`,labelPosition:A=`${e.Positions.Side}`,onChange:u,reverse:c=!1,disabled:o=!1,value:L,min:d=0,max:l=100,marks:R,inputValues:r=!1,labelMin:E,labelMax:_,...m},w)=>{const[n,P]=h.useState(C),f=h.useMemo(()=>R||r?`${e.Positions.Side}`:A,[R,r,A]),N=g=>{u==null||u(g),P(g)},$=g=>x=>{let S=n||[],t=Number(x.target.value);if(Number.isNaN(t)){x.preventDefault(),x.stopPropagation();return}t<d?t=d:t>l&&(t=l),g==="min"?S=[t,S[1]]:S=[S[0],t],N(S)};return h.useEffect(()=>{L&&P(L)},[L]),s.jsxs(I.Slider,{className:M(q.SLIDER_CLASS,D),$prefixCls:q.SLIDER_CLASS,$size:a,$labelAlignment:i,$labelPosition:f,$reverse:c,$disabled:o,ref:w,children:[!!n&&s.jsxs(I.RangeLabels,{$grow:i===e.Alignments.LeftAndRight&&f!==e.Positions.Side,$disabled:o,children:[!!i&&i!=="none"&&s.jsx(j,{size:a,value:String(i===e.Alignments.Right||c?n[1]:n[0]),handleOnChange:$("min"),inputValues:r,disabled:o}),i===e.Alignments.LeftAndRight&&f!==e.Positions.Side&&s.jsx(j,{size:a,value:String(n[c?0:1]),handleOnChange:$("min"),inputValues:r,disabled:o})]}),!!E&&!!r&&s.jsx(O,{children:d}),s.jsx(p,{prefixCls:q.SLIDER_CLASS,defaultValue:C,onChange:N,reverse:c,disabled:o,value:n,marks:R,ariaLabelForHandle:"range-slider",min:d,max:l,...m,range:!0}),!!_&&!!r&&s.jsx(O,{children:l}),!!n&&i===e.Alignments.LeftAndRight&&f===e.Positions.Side&&s.jsx(j,{size:a,value:String(n[c?0:1]),handleOnChange:$("max"),inputValues:r,disabled:o})]})});module.exports=v;
+"use strict";const s=require("react/jsx-runtime"),f=require("react"),M=require("classnames"),p=require("rc-slider"),e=require("../../react-base/src/consts/index.js"),$=require("./components/Value/Value.js"),N=require("./Slider.styles.js"),I=require("../Text/components/Label/Label.js"),x=require("../../react-base/src/consts/classes.js"),v=f.forwardRef(({className:O,size:S=`${e.Sizes.Medium}`,defaultValue:j=[0,0],labelAlignment:i=`${e.Alignments.LeftAndRight}`,labelPosition:q=`${e.Positions.Side}`,onChange:D,reverse:a=!1,disabled:o=!1,value:u,min:g=0,max:d=100,marks:L,inputValues:r=!1,labelMin:E,labelMax:_,...m},w)=>{const[n,A]=f.useState(j),h=f.useMemo(()=>L||r?`${e.Positions.Side}`:q,[L,r,q]),P=l=>{D?.(l),A(l)},R=l=>C=>{let c=n||[],t=Number(C.target.value);if(Number.isNaN(t)){C.preventDefault(),C.stopPropagation();return}t<g?t=g:t>d&&(t=d),l==="min"?c=[t,c[1]]:c=[c[0],t],P(c)};return f.useEffect(()=>{u&&A(u)},[u]),s.jsxs(N.Slider,{className:M(x.SLIDER_CLASS,O),$prefixCls:x.SLIDER_CLASS,$size:S,$labelAlignment:i,$labelPosition:h,$reverse:a,$disabled:o,ref:w,children:[!!n&&s.jsxs(N.RangeLabels,{$grow:i===e.Alignments.LeftAndRight&&h!==e.Positions.Side,$disabled:o,children:[!!i&&i!=="none"&&s.jsx($,{size:S,value:String(i===e.Alignments.Right||a?n[1]:n[0]),handleOnChange:R("min"),inputValues:r,disabled:o}),i===e.Alignments.LeftAndRight&&h!==e.Positions.Side&&s.jsx($,{size:S,value:String(n[a?0:1]),handleOnChange:R("min"),inputValues:r,disabled:o})]}),!!E&&!!r&&s.jsx(I,{children:g}),s.jsx(p,{prefixCls:x.SLIDER_CLASS,defaultValue:j,onChange:P,reverse:a,disabled:o,value:n,marks:L,ariaLabelForHandle:"range-slider",min:g,max:d,...m,range:!0}),!!_&&!!r&&s.jsx(I,{children:d}),!!n&&i===e.Alignments.LeftAndRight&&h===e.Positions.Side&&s.jsx($,{size:S,value:String(n[a?0:1]),handleOnChange:R("max"),inputValues:r,disabled:o})]})});module.exports=v;
 //# sourceMappingURL=RangeSlider.js.map

package/build/cjs/components/Slider/RangeSlider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst RangeSlider = forwardRef(\n (\n {\n className,\n size = `${Sizes.Medium}`,\n defaultValue = [0, 0],\n labelAlignment = `${Alignments.LeftAndRight}`,\n labelPosition = `${Positions.Side}`,\n onChange,\n reverse = false,\n disabled = false,\n value,\n min = 0,\n max = 100,\n marks,\n inputValues = false,\n labelMin,\n labelMax,\n ...rest\n }: SliderProps & SliderTypes.IRangeProps,\n ref: Ref<HTMLDivElement>,\n ): ReactElement => {\n const [innerValue, setInnerValue] = useState<number[]>(defaultValue);\n\n const innerLabelPosition = useMemo(\n () => (marks \|\| inputValues ? `${Positions.Side}` : labelPosition),\n [marks, inputValues, labelPosition],\n );\n\n const handleOnChange = (newValue: number[]) => {\n onChange?.(newValue);\n setInnerValue(newValue);\n };\n\n const handleInputOnChange = (valueType: 'min' \| 'max') => (e: ChangeEvent<HTMLInputElement>) => {\n let newValue = innerValue \|\| [];\n let newTargetValue = Number(e.target.value);\n\n if (Number.isNaN(newTargetValue)) {\n e.preventDefault();\n e.stopPropagation();\n\n return;\n }\n\n if (newTargetValue < min) {\n newTargetValue = min;\n } else if (newTargetValue > max) {\n newTargetValue = max;\n }\n\n if (valueType === 'min') {\n newValue = [newTargetValue, newValue[1]];\n } else {\n newValue = [newValue[0], newTargetValue];\n }\n\n handleOnChange(newValue);\n };\n\n useEffect(() => {\n if (value) {\n setInnerValue(value);\n }\n }, [value]);\n\n return (\n <Styled.Slider\n className={classNames(SLIDER_CLASS, className)}\n $prefixCls={SLIDER_CLASS}\n $size={size}\n $labelAlignment={labelAlignment}\n $labelPosition={innerLabelPosition}\n $reverse={reverse}\n $disabled={disabled}\n ref={ref}\n >\n {!!innerValue && (\n <Styled.RangeLabels\n $grow={labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side}\n $disabled={disabled}\n >\n {!!labelAlignment && labelAlignment !== 'none' && (\n <Value\n size={size}\n value={String(labelAlignment === Alignments.Right \|\| reverse ? innerValue[1] : innerValue[0])}\n handleOnChange={handleInputOnChange('min')}\n inputValues={inputValues}\n disabled={disabled}\n />\n )}\n {labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side && (\n <Value\n size={size}\n value={String(innerValue[reverse ? 0 : 1])}\n handleOnChange={handleInputOnChange('min')}\n inputValues={inputValues}\n disabled={disabled}\n />\n )}\n </Styled.RangeLabels>\n )}\n {!!labelMin && !!inputValues && <Label>{min}</Label>}\n <RCSlider\n prefixCls={SLIDER_CLASS}\n defaultValue={defaultValue}\n onChange={handleOnChange as SliderTypes.RCSliderValueType}\n reverse={reverse}\n disabled={disabled}\n value={innerValue}\n marks={marks}\n ariaLabelForHandle=\"range-slider\"\n min={min}\n max={max}\n {...rest}\n range={true}\n />\n {!!labelMax && !!inputValues && <Label>{max}</Label>}\n {!!innerValue && labelAlignment === Alignments.LeftAndRight && innerLabelPosition === Positions.Side && (\n <Value\n size={size}\n value={String(innerValue[reverse ? 0 : 1])}\n handleOnChange={handleInputOnChange('max')}\n inputValues={inputValues}\n disabled={disabled}\n />\n )}\n </Styled.Slider>\n );\n },\n);\n\nexport default RangeSlider;\n"],"names":["RangeSlider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","marks","inputValues","labelMin","labelMax","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","valueType","e","newTargetValue","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","Styled.RangeLabels","jsx","Value","Label","RCSlider"],"mappings":"kVAWMA,EAAcC,EAAAA,WAClB,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,aAAAC,EAAe,CAAC,EAAG,CAAC,EACpB,eAAAC,EAAiB,GAAGC,aAAW,YAAY,GAC3C,cAAAC,EAAgB,GAAGC,YAAU,IAAI,GACjC,SAAAC,EACA,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,MAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,MAAAC,EACA,YAAAC,EAAc,GACd,SAAAC,EACA,SAAAC,EACA,GAAGC,CAAA,EAELC,IACiB,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAmBnB,CAAY,EAE7DoB,EAAqBC,EAAAA,QACzB,IAAOV,GAASC,EAAc,GAAGR,EAAAA,UAAU,IAAI,GAAKD,EACpD,CAACQ,EAAOC,EAAaT,CAAa,CAAA,EAG9BmB,EAAkBC,GAAuB,CAC7ClB,~~GAAA~~,~~MAAAA~~,~~EAAWkB~~,~~GACXL,~~EAAcK,CAAQ,CACxB,EAEMC,EAAuBC,GAA8BC,GAAqC,CAC9F,IAAIH,EAAWN,GAAc,CAAA,EACzBU,EAAiB,OAAOD,EAAE,OAAO,KAAK,EAE1C,GAAI,OAAO,MAAMC,CAAc,EAAG,CAChCD,EAAE,eAAA,EACFA,EAAE,gBAAA,EAEF,MACF,CAEIC,EAAiBlB,EACnBkB,EAAiBlB,EACRkB,EAAiBjB,IAC1BiB,EAAiBjB,GAGfe,IAAc,MAChBF,EAAW,CAACI,EAAgBJ,EAAS,CAAC,CAAC,EAEvCA,EAAW,CAACA,EAAS,CAAC,EAAGI,CAAc,EAGzCL,EAAeC,CAAQ,CACzB,EAEAK,OAAAA,EAAAA,UAAU,IAAM,CACVpB,GACFU,EAAcV,CAAK,CAEvB,EAAG,CAACA,CAAK,CAAC,EAGRqB,EAAAA,KAACC,EAAAA,OAAA,CACC,UAAWC,EAAWC,EAAAA,aAAcnC,CAAS,EAC7C,WAAYmC,EAAAA,aACZ,MAAOlC,EACP,gBAAiBG,EACjB,eAAgBmB,EAChB,SAAUd,EACV,UAAWC,EACX,IAAAS,EAEC,SAAA,CAAA,CAAC,CAACC,GACDY,EAAAA,KAACI,EAAAA,YAAA,CACC,MAAOhC,IAAmBC,EAAAA,WAAW,cAAgBkB,IAAuBhB,EAAAA,UAAU,KACtF,UAAWG,EAEV,SAAA,CAAA,CAAC,CAACN,GAAkBA,IAAmB,QACtCiC,EAAAA,IAACC,EAAA,CACC,KAAArC,EACA,MAAO,OAAOG,IAAmBC,EAAAA,WAAW,OAASI,EAAUW,EAAW,CAAC,EAAIA,EAAW,CAAC,CAAC,EAC5F,eAAgBO,EAAoB,KAAK,EACzC,YAAAZ,EACA,SAAAL,CAAA,CAAA,EAGHN,IAAmBC,EAAAA,WAAW,cAAgBkB,IAAuBhB,EAAAA,UAAU,MAC9E8B,EAAAA,IAACC,EAAA,CACC,KAAArC,EACA,MAAO,OAAOmB,EAAWX,EAAU,EAAI,CAAC,CAAC,EACzC,eAAgBkB,EAAoB,KAAK,EACzC,YAAAZ,EACA,SAAAL,CAAA,CAAA,CACF,CAAA,CAAA,EAIL,CAAC,CAACM,GAAY,CAAC,CAACD,GAAesB,EAAAA,IAACE,GAAO,SAAA3B,EAAI,EAC5CyB,EAAAA,IAACG,EAAA,CACC,UAAWL,EAAAA,aACX,aAAAhC,EACA,SAAUsB,EACV,QAAAhB,EACA,SAAAC,EACA,MAAOU,EACP,MAAAN,EACA,mBAAmB,eACnB,IAAAF,EACA,IAAAC,EACC,GAAGK,EACJ,MAAO,EAAA,CAAA,EAER,CAAC,CAACD,GAAY,CAAC,CAACF,GAAesB,EAAAA,IAACE,GAAO,SAAA1B,EAAI,EAC3C,CAAC,CAACO,GAAchB,IAAmBC,EAAAA,WAAW,cAAgBkB,IAAuBhB,EAAAA,UAAU,MAC9F8B,EAAAA,IAACC,EAAA,CACC,KAAArC,EACA,MAAO,OAAOmB,EAAWX,EAAU,EAAI,CAAC,CAAC,EACzC,eAAgBkB,EAAoB,KAAK,EACzC,YAAAZ,EACA,SAAAL,CAAA,CAAA,CACF,CAAA,CAAA,CAIR,CACF"}
1	+ {"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst RangeSlider = forwardRef(\n (\n {\n className,\n size = `${Sizes.Medium}`,\n defaultValue = [0, 0],\n labelAlignment = `${Alignments.LeftAndRight}`,\n labelPosition = `${Positions.Side}`,\n onChange,\n reverse = false,\n disabled = false,\n value,\n min = 0,\n max = 100,\n marks,\n inputValues = false,\n labelMin,\n labelMax,\n ...rest\n }: SliderProps & SliderTypes.IRangeProps,\n ref: Ref<HTMLDivElement>,\n ): ReactElement => {\n const [innerValue, setInnerValue] = useState<number[]>(defaultValue);\n\n const innerLabelPosition = useMemo(\n () => (marks \|\| inputValues ? `${Positions.Side}` : labelPosition),\n [marks, inputValues, labelPosition],\n );\n\n const handleOnChange = (newValue: number[]) => {\n onChange?.(newValue);\n setInnerValue(newValue);\n };\n\n const handleInputOnChange = (valueType: 'min' \| 'max') => (e: ChangeEvent<HTMLInputElement>) => {\n let newValue = innerValue \|\| [];\n let newTargetValue = Number(e.target.value);\n\n if (Number.isNaN(newTargetValue)) {\n e.preventDefault();\n e.stopPropagation();\n\n return;\n }\n\n if (newTargetValue < min) {\n newTargetValue = min;\n } else if (newTargetValue > max) {\n newTargetValue = max;\n }\n\n if (valueType === 'min') {\n newValue = [newTargetValue, newValue[1]];\n } else {\n newValue = [newValue[0], newTargetValue];\n }\n\n handleOnChange(newValue);\n };\n\n useEffect(() => {\n if (value) {\n setInnerValue(value);\n }\n }, [value]);\n\n return (\n <Styled.Slider\n className={classNames(SLIDER_CLASS, className)}\n $prefixCls={SLIDER_CLASS}\n $size={size}\n $labelAlignment={labelAlignment}\n $labelPosition={innerLabelPosition}\n $reverse={reverse}\n $disabled={disabled}\n ref={ref}\n >\n {!!innerValue && (\n <Styled.RangeLabels\n $grow={labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side}\n $disabled={disabled}\n >\n {!!labelAlignment && labelAlignment !== 'none' && (\n <Value\n size={size}\n value={String(labelAlignment === Alignments.Right \|\| reverse ? innerValue[1] : innerValue[0])}\n handleOnChange={handleInputOnChange('min')}\n inputValues={inputValues}\n disabled={disabled}\n />\n )}\n {labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side && (\n <Value\n size={size}\n value={String(innerValue[reverse ? 0 : 1])}\n handleOnChange={handleInputOnChange('min')}\n inputValues={inputValues}\n disabled={disabled}\n />\n )}\n </Styled.RangeLabels>\n )}\n {!!labelMin && !!inputValues && <Label>{min}</Label>}\n <RCSlider\n prefixCls={SLIDER_CLASS}\n defaultValue={defaultValue}\n onChange={handleOnChange as SliderTypes.RCSliderValueType}\n reverse={reverse}\n disabled={disabled}\n value={innerValue}\n marks={marks}\n ariaLabelForHandle=\"range-slider\"\n min={min}\n max={max}\n {...rest}\n range={true}\n />\n {!!labelMax && !!inputValues && <Label>{max}</Label>}\n {!!innerValue && labelAlignment === Alignments.LeftAndRight && innerLabelPosition === Positions.Side && (\n <Value\n size={size}\n value={String(innerValue[reverse ? 0 : 1])}\n handleOnChange={handleInputOnChange('max')}\n inputValues={inputValues}\n disabled={disabled}\n />\n )}\n </Styled.Slider>\n );\n },\n);\n\nexport default RangeSlider;\n"],"names":["RangeSlider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","marks","inputValues","labelMin","labelMax","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","valueType","e","newTargetValue","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","Styled.RangeLabels","jsx","Value","Label","RCSlider"],"mappings":"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"}

package/build/cjs/components/Slider/Slider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),o=require("react"),P=require("classnames"),_=require("rc-slider"),l=require("../../react-base/src/consts/index.js"),p=require("./components/Value/Value.js"),O=require("./Slider.styles.js"),j=require("../Text/components/Label/Label.js"),u=require("../../react-base/src/consts/classes.js"),v=o.forwardRef(({className:C,size:d=`${l.Sizes.Medium}`,defaultValue:L=0,labelAlignment:$=`${l.Alignments.LeftAndRight}`,labelPosition:q=`${l.Positions.Bottom}`,onChange:c,reverse:h=!1,disabled:a=!1,value:S,min:n=0,max:i=100,labelMin:N,labelMax:A,marks:f,inputValues:r=!1,...I},b)=>{const[x,R]=o.useState(L),D=o.useMemo(()=>f||r?`${l.Positions.Side}`:q,[f,r,q]),g=e=>{c==null||c(e),R(e)},E=e=>{let s=Number(e.target.value);if(Number.isNaN(s)){e.preventDefault(),e.stopPropagation();return}s<n?s=n:s>i&&(s=i),g(s)};return o.useEffect(()=>{S&&R(S)},[S]),t.jsxs(O.Slider,{className:P(u.SLIDER_CLASS,C),$prefixCls:u.SLIDER_CLASS,$size:d,$labelAlignment:$,$labelPosition:D,$reverse:h,$disabled:a,ref:b,children:[$!=="none"&&t.jsx(p,{size:d,value:String(x),handleOnChange:E,inputValues:r,disabled:a}),!!N&&!!r&&t.jsx(j,{children:n}),t.jsx(_,{prefixCls:u.SLIDER_CLASS,defaultValue:L,onChange:g,reverse:h,disabled:a,value:x,marks:f,ariaLabelForHandle:"slider",min:n,max:i,...I,range:!1}),!!A&&!!r&&t.jsx(j,{children:i})]})});module.exports=v;
+"use strict";const n=require("react/jsx-runtime"),o=require("react"),P=require("classnames"),_=require("rc-slider"),l=require("../../react-base/src/consts/index.js"),p=require("./components/Value/Value.js"),O=require("./Slider.styles.js"),x=require("../Text/components/Label/Label.js"),f=require("../../react-base/src/consts/classes.js"),v=o.forwardRef(({className:R,size:u=`${l.Sizes.Medium}`,defaultValue:d=0,labelAlignment:h=`${l.Alignments.LeftAndRight}`,labelPosition:g=`${l.Positions.Bottom}`,onChange:j,reverse:C=!1,disabled:a=!1,value:c,min:t=0,max:i=100,labelMin:N,labelMax:A,marks:S,inputValues:r=!1,...I},b)=>{const[L,$]=o.useState(d),D=o.useMemo(()=>S||r?`${l.Positions.Side}`:g,[S,r,g]),q=e=>{j?.(e),$(e)},E=e=>{let s=Number(e.target.value);if(Number.isNaN(s)){e.preventDefault(),e.stopPropagation();return}s<t?s=t:s>i&&(s=i),q(s)};return o.useEffect(()=>{c&&$(c)},[c]),n.jsxs(O.Slider,{className:P(f.SLIDER_CLASS,R),$prefixCls:f.SLIDER_CLASS,$size:u,$labelAlignment:h,$labelPosition:D,$reverse:C,$disabled:a,ref:b,children:[h!=="none"&&n.jsx(p,{size:u,value:String(L),handleOnChange:E,inputValues:r,disabled:a}),!!N&&!!r&&n.jsx(x,{children:t}),n.jsx(_,{prefixCls:f.SLIDER_CLASS,defaultValue:d,onChange:q,reverse:C,disabled:a,value:L,marks:S,ariaLabelForHandle:"slider",min:t,max:i,...I,range:!1}),!!A&&!!r&&n.jsx(x,{children:i})]})});module.exports=v;
 //# sourceMappingURL=Slider.js.map

package/build/cjs/components/Slider/Slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst Slider = forwardRef(\n (\n {\n className,\n size = `${Sizes.Medium}`,\n defaultValue = 0,\n labelAlignment = `${Alignments.LeftAndRight}`,\n labelPosition = `${Positions.Bottom}`,\n onChange,\n reverse = false,\n disabled = false,\n value,\n min = 0,\n max = 100,\n labelMin,\n labelMax,\n marks,\n inputValues = false,\n ...rest\n }: SliderProps & SliderTypes.IProps,\n ref: Ref<HTMLDivElement>,\n ): ReactElement => {\n const [innerValue, setInnerValue] = useState<number>(defaultValue);\n\n const innerLabelPosition = useMemo(\n () => (marks \|\| inputValues ? `${Positions.Side}` : labelPosition),\n [marks, inputValues, labelPosition],\n );\n\n const handleOnChange = (newValue: number) => {\n onChange?.(newValue);\n setInnerValue(newValue);\n };\n\n const handleInputOnChange = (e: ChangeEvent<HTMLInputElement>) => {\n let newValue = Number(e.target.value);\n\n if (Number.isNaN(newValue)) {\n e.preventDefault();\n e.stopPropagation();\n\n return;\n }\n\n if (newValue < min) {\n newValue = min;\n } else if (newValue > max) {\n newValue = max;\n }\n\n handleOnChange(newValue);\n };\n\n useEffect(() => {\n if (value) {\n setInnerValue(value);\n }\n }, [value]);\n\n return (\n <Styled.Slider\n className={classNames(SLIDER_CLASS, className)}\n $prefixCls={SLIDER_CLASS}\n $size={size}\n $labelAlignment={labelAlignment}\n $labelPosition={innerLabelPosition}\n $reverse={reverse}\n $disabled={disabled}\n ref={ref}\n >\n {labelAlignment !== 'none' && (\n <Value\n size={size}\n value={String(innerValue)}\n handleOnChange={handleInputOnChange}\n inputValues={inputValues}\n disabled={disabled}\n />\n )}\n {!!labelMin && !!inputValues && <Label>{min}</Label>}\n <RCSlider\n prefixCls={SLIDER_CLASS}\n defaultValue={defaultValue}\n onChange={handleOnChange as SliderTypes.RCSliderValueType}\n reverse={reverse}\n disabled={disabled}\n value={innerValue}\n marks={marks}\n ariaLabelForHandle=\"slider\"\n min={min}\n max={max}\n {...rest}\n range={false}\n />\n {!!labelMax && !!inputValues && <Label>{max}</Label>}\n </Styled.Slider>\n );\n },\n);\n\nexport default Slider;\n"],"names":["Slider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","labelMin","labelMax","marks","inputValues","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","jsx","Value","Label","RCSlider"],"mappings":"kVAWMA,EAASC,EAAAA,WACb,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,aAAAC,EAAe,EACf,eAAAC,EAAiB,GAAGC,aAAW,YAAY,GAC3C,cAAAC,EAAgB,GAAGC,YAAU,MAAM,GACnC,SAAAC,EACA,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,MAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,SAAAC,EACA,SAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,GACd,GAAGC,CAAA,EAELC,IACiB,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAiBnB,CAAY,EAE3DoB,EAAqBC,EAAAA,QACzB,IAAOR,GAASC,EAAc,GAAGV,EAAAA,UAAU,IAAI,GAAKD,EACpD,CAACU,EAAOC,EAAaX,CAAa,CAAA,EAG9BmB,EAAkBC,GAAqB,CAC3ClB,~~GAAA~~,~~MAAAA~~,~~EAAWkB~~,~~GACXL,~~EAAcK,CAAQ,CACxB,EAEMC,EAAuB,GAAqC,CAChE,IAAID,EAAW,OAAO,EAAE,OAAO,KAAK,EAEpC,GAAI,OAAO,MAAMA,CAAQ,EAAG,CAC1B,EAAE,eAAA,EACF,EAAE,gBAAA,EAEF,MACF,CAEIA,EAAWd,EACbc,EAAWd,EACFc,EAAWb,IACpBa,EAAWb,GAGbY,EAAeC,CAAQ,CACzB,EAEAE,OAAAA,EAAAA,UAAU,IAAM,CACVjB,GACFU,EAAcV,CAAK,CAEvB,EAAG,CAACA,CAAK,CAAC,EAGRkB,EAAAA,KAACC,EAAAA,OAAA,CACC,UAAWC,EAAWC,EAAAA,aAAchC,CAAS,EAC7C,WAAYgC,EAAAA,aACZ,MAAO/B,EACP,gBAAiBG,EACjB,eAAgBmB,EAChB,SAAUd,EACV,UAAWC,EACX,IAAAS,EAEC,SAAA,CAAAf,IAAmB,QAClB6B,EAAAA,IAACC,EAAA,CACC,KAAAjC,EACA,MAAO,OAAOmB,CAAU,EACxB,eAAgBO,EAChB,YAAAV,EACA,SAAAP,CAAA,CAAA,EAGH,CAAC,CAACI,GAAY,CAAC,CAACG,GAAegB,EAAAA,IAACE,GAAO,SAAAvB,EAAI,EAC5CqB,EAAAA,IAACG,EAAA,CACC,UAAWJ,EAAAA,aACX,aAAA7B,EACA,SAAUsB,EACV,QAAAhB,EACA,SAAAC,EACA,MAAOU,EACP,MAAAJ,EACA,mBAAmB,SACnB,IAAAJ,EACA,IAAAC,EACC,GAAGK,EACJ,MAAO,EAAA,CAAA,EAER,CAAC,CAACH,GAAY,CAAC,CAACE,GAAegB,EAAAA,IAACE,GAAO,SAAAtB,CAAA,CAAI,CAAA,CAAA,CAAA,CAGlD,CACF"}
1	+ {"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, type Ref, useEffect, useMemo, useState, type ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { SliderTypes } from 'acinguiux-ds-react-base/components/Slider';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst Slider = forwardRef(\n (\n {\n className,\n size = `${Sizes.Medium}`,\n defaultValue = 0,\n labelAlignment = `${Alignments.LeftAndRight}`,\n labelPosition = `${Positions.Bottom}`,\n onChange,\n reverse = false,\n disabled = false,\n value,\n min = 0,\n max = 100,\n labelMin,\n labelMax,\n marks,\n inputValues = false,\n ...rest\n }: SliderProps & SliderTypes.IProps,\n ref: Ref<HTMLDivElement>,\n ): ReactElement => {\n const [innerValue, setInnerValue] = useState<number>(defaultValue);\n\n const innerLabelPosition = useMemo(\n () => (marks \|\| inputValues ? `${Positions.Side}` : labelPosition),\n [marks, inputValues, labelPosition],\n );\n\n const handleOnChange = (newValue: number) => {\n onChange?.(newValue);\n setInnerValue(newValue);\n };\n\n const handleInputOnChange = (e: ChangeEvent<HTMLInputElement>) => {\n let newValue = Number(e.target.value);\n\n if (Number.isNaN(newValue)) {\n e.preventDefault();\n e.stopPropagation();\n\n return;\n }\n\n if (newValue < min) {\n newValue = min;\n } else if (newValue > max) {\n newValue = max;\n }\n\n handleOnChange(newValue);\n };\n\n useEffect(() => {\n if (value) {\n setInnerValue(value);\n }\n }, [value]);\n\n return (\n <Styled.Slider\n className={classNames(SLIDER_CLASS, className)}\n $prefixCls={SLIDER_CLASS}\n $size={size}\n $labelAlignment={labelAlignment}\n $labelPosition={innerLabelPosition}\n $reverse={reverse}\n $disabled={disabled}\n ref={ref}\n >\n {labelAlignment !== 'none' && (\n <Value\n size={size}\n value={String(innerValue)}\n handleOnChange={handleInputOnChange}\n inputValues={inputValues}\n disabled={disabled}\n />\n )}\n {!!labelMin && !!inputValues && <Label>{min}</Label>}\n <RCSlider\n prefixCls={SLIDER_CLASS}\n defaultValue={defaultValue}\n onChange={handleOnChange as SliderTypes.RCSliderValueType}\n reverse={reverse}\n disabled={disabled}\n value={innerValue}\n marks={marks}\n ariaLabelForHandle=\"slider\"\n min={min}\n max={max}\n {...rest}\n range={false}\n />\n {!!labelMax && !!inputValues && <Label>{max}</Label>}\n </Styled.Slider>\n );\n },\n);\n\nexport default Slider;\n"],"names":["Slider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","labelMin","labelMax","marks","inputValues","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","jsx","Value","Label","RCSlider"],"mappings":"kVAWMA,EAASC,EAAAA,WACb,CACE,CACE,UAAAC,EACA,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,aAAAC,EAAe,EACf,eAAAC,EAAiB,GAAGC,aAAW,YAAY,GAC3C,cAAAC,EAAgB,GAAGC,YAAU,MAAM,GACnC,SAAAC,EACA,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,MAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,SAAAC,EACA,SAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,GACd,GAAGC,CAAA,EAELC,IACiB,CACjB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAiBnB,CAAY,EAE3DoB,EAAqBC,EAAAA,QACzB,IAAOR,GAASC,EAAc,GAAGV,EAAAA,UAAU,IAAI,GAAKD,EACpD,CAACU,EAAOC,EAAaX,CAAa,CAAA,EAG9BmB,EAAkBC,GAAqB,CAC3ClB,IAAWkB,CAAQ,EACnBL,EAAcK,CAAQ,CACxB,EAEMC,EAAuB,GAAqC,CAChE,IAAID,EAAW,OAAO,EAAE,OAAO,KAAK,EAEpC,GAAI,OAAO,MAAMA,CAAQ,EAAG,CAC1B,EAAE,eAAA,EACF,EAAE,gBAAA,EAEF,MACF,CAEIA,EAAWd,EACbc,EAAWd,EACFc,EAAWb,IACpBa,EAAWb,GAGbY,EAAeC,CAAQ,CACzB,EAEAE,OAAAA,EAAAA,UAAU,IAAM,CACVjB,GACFU,EAAcV,CAAK,CAEvB,EAAG,CAACA,CAAK,CAAC,EAGRkB,EAAAA,KAACC,EAAAA,OAAA,CACC,UAAWC,EAAWC,EAAAA,aAAchC,CAAS,EAC7C,WAAYgC,EAAAA,aACZ,MAAO/B,EACP,gBAAiBG,EACjB,eAAgBmB,EAChB,SAAUd,EACV,UAAWC,EACX,IAAAS,EAEC,SAAA,CAAAf,IAAmB,QAClB6B,EAAAA,IAACC,EAAA,CACC,KAAAjC,EACA,MAAO,OAAOmB,CAAU,EACxB,eAAgBO,EAChB,YAAAV,EACA,SAAAP,CAAA,CAAA,EAGH,CAAC,CAACI,GAAY,CAAC,CAACG,GAAegB,EAAAA,IAACE,GAAO,SAAAvB,EAAI,EAC5CqB,EAAAA,IAACG,EAAA,CACC,UAAWJ,EAAAA,aACX,aAAA7B,EACA,SAAUsB,EACV,QAAAhB,EACA,SAAAC,EACA,MAAOU,EACP,MAAAJ,EACA,mBAAmB,SACnB,IAAAJ,EACA,IAAAC,EACC,GAAGK,EACJ,MAAO,EAAA,CAAA,EAER,CAAC,CAACH,GAAY,CAAC,CAACE,GAAegB,EAAAA,IAACE,GAAO,SAAAtB,CAAA,CAAI,CAAA,CAAA,CAAA,CAGlD,CACF"}

package/build/cjs/components/Stat/Stat.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),m=require("react"),W=require("classnames"),g=require("react-countup"),a=require("../../react-base/src/consts/index.js"),I=require("./components/AdditionalInfo/AdditionalInfo.js"),l=require("./components/StatIcon/StatIcon.js"),n=require("./Stat.styles.js"),R=require("../../react-base/src/consts/classes.js"),T=m.forwardRef(({className:h="",size:s=`${a.Sizes.Medium}`,labelText:i,label:u=!0,value:j,alignment:x=`${a.Alignments.Left}`,icon:r,iconPosition:t="none",additionalInfo:p,suffix:f,prefix:A,valueAnimation:S=!1,countUpProps:q={},...o},L)=>{const $=r&&t==="label",c=r&&t==="value",d=r&&(t==="stat"||t==="contained");return e.jsxs(n.StatWrapper,{className:W(R.STAT_CLASS,h),ref:L,$size:s,$iconPosition:t,...o,children:[!!d&&x===`${a.Alignments.Left}`&&e.jsx(l,{size:s,icon:r,position:t}),e.jsxs(n.TextWrapper,{$size:s,children:[e.jsxs(n.LabelWrapper,{$alignment:x,children:[!!$&&u&&x===`${a.Alignments.Left}`&&e.jsx(l,{size:s,icon:r,position:t}),u&&e.jsx(n.Label,{$size:s,children:i}),!!$&&u&&x===`${a.Alignments.Right}`&&e.jsx(l,{size:s,icon:r,position:t}),p&&e.jsx(I,{size:s,additionalInfo:p})]}),e.jsxs(n.ValueWrapperWithIcon,{children:[!!c&&x===`${a.Alignments.Left}`&&e.jsx(l,{size:s,icon:r,position:t}),e.jsxs(n.ValueWrapper,{$alignment:x,children:[e.jsx(n.Prefix,{$size:s,children:A}),e.jsx(n.Value,{$size:s,children:S?e.jsx(g,{end:j,duration:2,...q}):j}),e.jsx(n.Suffix,{$size:s,children:f})]}),!!c&&x===`${a.Alignments.Right}`&&e.jsx(l,{size:s,icon:r,position:t})]})]}),!!d&&x===`${a.Alignments.Right}`&&e.jsx(l,{size:s,icon:r,position:t})]})});module.exports=T;
+"use strict";const e=require("react/jsx-runtime"),L=require("react"),g=require("classnames"),I=require("react-countup"),x=require("../../react-base/src/consts/index.js"),W=require("./components/AdditionalInfo/AdditionalInfo.js"),l=require("./components/StatIcon/StatIcon.js"),n=require("./Stat.styles.js"),R=require("../../react-base/src/consts/classes.js"),N=L.forwardRef(({className:i="",size:s=`${x.Sizes.Medium}`,labelText:f,label:u=!0,value:j,alignment:a=`${x.Alignments.Left}`,icon:r,iconPosition:t="none",additionalInfo:p,suffix:o,prefix:A,valueAnimation:S=!1,countUpProps:m={},...$},q)=>{const c=r&&t==="label",d=r&&t==="value",h=r&&(t==="stat"||t==="contained");return e.jsxs(n.StatWrapper,{className:g(R.STAT_CLASS,i),ref:q,$size:s,$iconPosition:t,...$,children:[!!h&&a===`${x.Alignments.Left}`&&e.jsx(l,{size:s,icon:r,position:t}),e.jsxs(n.TextWrapper,{$size:s,children:[e.jsxs(n.LabelWrapper,{$alignment:a,children:[!!c&&u&&a===`${x.Alignments.Left}`&&e.jsx(l,{size:s,icon:r,position:t}),u&&e.jsx(n.Label,{$size:s,children:f}),!!c&&u&&a===`${x.Alignments.Right}`&&e.jsx(l,{size:s,icon:r,position:t}),p&&e.jsx(W,{size:s,additionalInfo:p})]}),e.jsxs(n.ValueWrapperWithIcon,{children:[!!d&&a===`${x.Alignments.Left}`&&e.jsx(l,{size:s,icon:r,position:t}),e.jsxs(n.ValueWrapper,{$alignment:a,children:[e.jsx(n.Prefix,{$size:s,children:A}),e.jsx(n.Value,{$size:s,children:S?e.jsx(I,{end:j,duration:2,...m}):Intl.NumberFormat($.lang??"en-GB").format(j)}),e.jsx(n.Suffix,{$size:s,children:o})]}),!!d&&a===`${x.Alignments.Right}`&&e.jsx(l,{size:s,icon:r,position:t})]})]}),!!h&&a===`${x.Alignments.Right}`&&e.jsx(l,{size:s,icon:r,position:t})]})});module.exports=N;
 //# sourceMappingURL=Stat.js.map

package/build/cjs/components/Stat/Stat.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stat.js","sources":["../../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport CountUp from 'react-countup';\nimport { Sizes, Alignments, STAT_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport AdditionalInfo from './components/AdditionalInfo/AdditionalInfo';\nimport StatIcon from './components/StatIcon/StatIcon';\nimport * as Styled from './Stat.styles';\nimport type { IStatProps } from './Stat.types';\n\nconst Stat = forwardRef<HTMLDivElement, IStatProps>(\n (\n {\n className = '',\n size = `${Sizes.Medium}`,\n labelText,\n label = true,\n value,\n alignment = `${Alignments.Left}`,\n icon,\n iconPosition = 'none',\n additionalInfo,\n suffix,\n prefix,\n valueAnimation = false,\n countUpProps = {},\n ...rest\n },\n ref,\n ): ReactElement => {\n const isLabelIconPosition = icon && iconPosition === 'label';\n const isValueIconPosition = icon && iconPosition === 'value';\n const isNextToStatIconPosition = icon && (iconPosition === 'stat' \|\| iconPosition === 'contained');\n\n return (\n <Styled.StatWrapper\n className={classNames(STAT_CLASS, className)}\n ref={ref}\n $size={size}\n $iconPosition={iconPosition}\n {...rest}\n >\n {!!isNextToStatIconPosition && alignment === `${Alignments.Left}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n\n <Styled.TextWrapper $size={size}>\n <Styled.LabelWrapper $alignment={alignment}>\n {!!isLabelIconPosition && label && alignment === `${Alignments.Left}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n\n {label && <Styled.Label $size={size}>{labelText}</Styled.Label>}\n\n {!!isLabelIconPosition && label && alignment === `${Alignments.Right}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n\n {additionalInfo && <AdditionalInfo size={size} additionalInfo={additionalInfo} />}\n </Styled.LabelWrapper>\n\n <Styled.ValueWrapperWithIcon>\n {!!isValueIconPosition && alignment === `${Alignments.Left}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n\n <Styled.ValueWrapper $alignment={alignment}>\n <Styled.Prefix $size={size}>{prefix}</Styled.Prefix>\n <Styled.Value $size={size}>\n {valueAnimation ? <CountUp end={value} duration={2} {...countUpProps} /> : value}\n </Styled.Value>\n <Styled.Suffix $size={size}>{suffix}</Styled.Suffix>\n </Styled.ValueWrapper>\n\n {!!isValueIconPosition && alignment === `${Alignments.Right}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n </Styled.ValueWrapperWithIcon>\n </Styled.TextWrapper>\n\n {!!isNextToStatIconPosition && alignment === `${Alignments.Right}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n </Styled.StatWrapper>\n );\n },\n);\n\nexport default Stat;\n"],"names":["Stat","forwardRef","className","size","Sizes","labelText","label","value","alignment","Alignments","icon","iconPosition","additionalInfo","suffix","prefix","valueAnimation","countUpProps","rest","ref","isLabelIconPosition","isValueIconPosition","isNextToStatIconPosition","jsxs","Styled.StatWrapper","classNames","STAT_CLASS","jsx","StatIcon","Styled.TextWrapper","Styled.LabelWrapper","Styled.Label","AdditionalInfo","Styled.ValueWrapperWithIcon","Styled.ValueWrapper","Styled.Prefix","Styled.Value","CountUp","Styled.Suffix"],"mappings":"sWAWMA,EAAOC,EAAAA,WACX,CACE,CACE,UAAAC,EAAY,GACZ,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,UAAAC,EACA,MAAAC,EAAQ,GACR,MAAAC,EACA,UAAAC,EAAY,GAAGC,aAAW,IAAI,GAC9B,KAAAC,EACA,aAAAC,EAAe,OACf,eAAAC,EACA,OAAAC,EACA,OAAAC,EACA,eAAAC,EAAiB,GACjB,aAAAC,EAAe,CAAA,EACf,GAAGC,CAAA,EAELC,IACiB,CACjB,MAAMC,EAAsBT,GAAQC,IAAiB,QAC/CS,EAAsBV,GAAQC,IAAiB,QAC/CU,EAA2BX,IAASC,IAAiB,QAAUA,IAAiB,aAEtF,OACEW,EAAAA,KAACC,EAAAA,YAAA,CACC,UAAWC,EAAWC,EAAAA,WAAYvB,CAAS,EAC3C,IAAAgB,EACA,MAAOf,EACP,cAAeQ,EACd,GAAGM,EAEH,SAAA,CAAA,CAAC,CAACI,GAA4Bb,IAAc,GAAGC,EAAAA,WAAW,IAAI,IAC7DiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,EAG5DW,EAAAA,KAACM,EAAAA,YAAA,CAAmB,MAAOzB,EACzB,SAAA,CAAAmB,EAAAA,KAACO,EAAAA,aAAA,CAAoB,WAAYrB,EAC9B,SAAA,CAAA,CAAC,CAACW,GAAuBb,GAASE,IAAc,GAAGC,EAAAA,WAAW,IAAI,IACjEiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,EAAc,EAG3DL,GAASoB,EAAAA,IAACI,QAAA,CAAa,MAAO3B,EAAO,SAAAE,EAAU,EAE/C,CAAC,CAACc,GAAuBb,GAASE,IAAc,GAAGC,EAAAA,WAAW,KAAK,IAClEiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,EAAc,EAG3DC,GAAkBc,EAAAA,IAACK,EAAA,CAAe,KAAA5B,EAAY,eAAAS,CAAA,CAAgC,CAAA,EACjF,EAEAU,OAACU,EAAAA,qBAAA,CACE,SAAA,CAAA,CAAC,CAACZ,GAAuBZ,IAAc,GAAGC,EAAAA,WAAW,IAAI,IACxDiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,EAG5DW,EAAAA,KAACW,EAAAA,aAAA,CAAoB,WAAYzB,EAC/B,SAAA,CAAAkB,EAAAA,IAACQ,EAAAA,OAAA,CAAc,MAAO/B,EAAO,SAAAW,EAAO,~~QACnCqB~~,EAAAA,MAAA,CAAa,MAAOhC,EAClB,SAAAY,~~EAAiBW~~,~~MAACU~~,EAAA,CAAQ,IAAK7B,EAAO,SAAU,EAAI,GAAGS,~~CAAA~~,~~CAAc~~,~~EAAKT~~,~~EAC7E~~,QACC8B,EAAAA,OAAA,CAAc,MAAOlC,EAAO,SAAAU,CAAA,CAAO,CAAA,EACtC,EAEC,CAAC,CAACO,GAAuBZ,IAAc,GAAGC,EAAAA,WAAW,KAAK,IACzDiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,CAAA,CAAA,CAE9D,CAAA,EACF,EAEC,CAAC,CAACU,GAA4Bb,IAAc,GAAGC,EAAAA,WAAW,KAAK,IAC9DiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,CAAA,CAAA,CAAA,CAIlE,CACF"}
1	+ {"version":3,"file":"Stat.js","sources":["../../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import { forwardRef, type ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport CountUp from 'react-countup';\nimport { Sizes, Alignments, STAT_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport AdditionalInfo from './components/AdditionalInfo/AdditionalInfo';\nimport StatIcon from './components/StatIcon/StatIcon';\nimport * as Styled from './Stat.styles';\nimport type { IStatProps } from './Stat.types';\n\nconst Stat = forwardRef<HTMLDivElement, IStatProps>(\n (\n {\n className = '',\n size = `${Sizes.Medium}`,\n labelText,\n label = true,\n value,\n alignment = `${Alignments.Left}`,\n icon,\n iconPosition = 'none',\n additionalInfo,\n suffix,\n prefix,\n valueAnimation = false,\n countUpProps = {},\n ...rest\n },\n ref,\n ): ReactElement => {\n const isLabelIconPosition = icon && iconPosition === 'label';\n const isValueIconPosition = icon && iconPosition === 'value';\n const isNextToStatIconPosition = icon && (iconPosition === 'stat' \|\| iconPosition === 'contained');\n\n return (\n <Styled.StatWrapper\n className={classNames(STAT_CLASS, className)}\n ref={ref}\n $size={size}\n $iconPosition={iconPosition}\n {...rest}\n >\n {!!isNextToStatIconPosition && alignment === `${Alignments.Left}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n\n <Styled.TextWrapper $size={size}>\n <Styled.LabelWrapper $alignment={alignment}>\n {!!isLabelIconPosition && label && alignment === `${Alignments.Left}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n\n {label && <Styled.Label $size={size}>{labelText}</Styled.Label>}\n\n {!!isLabelIconPosition && label && alignment === `${Alignments.Right}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n\n {additionalInfo && <AdditionalInfo size={size} additionalInfo={additionalInfo} />}\n </Styled.LabelWrapper>\n\n <Styled.ValueWrapperWithIcon>\n {!!isValueIconPosition && alignment === `${Alignments.Left}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n\n <Styled.ValueWrapper $alignment={alignment}>\n <Styled.Prefix $size={size}>{prefix}</Styled.Prefix>\n <Styled.Value $size={size}>\n {valueAnimation ? (\n <CountUp end={value} duration={2} {...countUpProps} />\n ) : (\n // eslint-disable-next-line new-cap\n Intl.NumberFormat(rest.lang ?? 'en-GB').format(value)\n )}\n </Styled.Value>\n <Styled.Suffix $size={size}>{suffix}</Styled.Suffix>\n </Styled.ValueWrapper>\n\n {!!isValueIconPosition && alignment === `${Alignments.Right}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n </Styled.ValueWrapperWithIcon>\n </Styled.TextWrapper>\n\n {!!isNextToStatIconPosition && alignment === `${Alignments.Right}` && (\n <StatIcon size={size} icon={icon} position={iconPosition} />\n )}\n </Styled.StatWrapper>\n );\n },\n);\n\nexport default Stat;\n"],"names":["Stat","forwardRef","className","size","Sizes","labelText","label","value","alignment","Alignments","icon","iconPosition","additionalInfo","suffix","prefix","valueAnimation","countUpProps","rest","ref","isLabelIconPosition","isValueIconPosition","isNextToStatIconPosition","jsxs","Styled.StatWrapper","classNames","STAT_CLASS","jsx","StatIcon","Styled.TextWrapper","Styled.LabelWrapper","Styled.Label","AdditionalInfo","Styled.ValueWrapperWithIcon","Styled.ValueWrapper","Styled.Prefix","Styled.Value","CountUp","Styled.Suffix"],"mappings":"sWAWMA,EAAOC,EAAAA,WACX,CACE,CACE,UAAAC,EAAY,GACZ,KAAAC,EAAO,GAAGC,QAAM,MAAM,GACtB,UAAAC,EACA,MAAAC,EAAQ,GACR,MAAAC,EACA,UAAAC,EAAY,GAAGC,aAAW,IAAI,GAC9B,KAAAC,EACA,aAAAC,EAAe,OACf,eAAAC,EACA,OAAAC,EACA,OAAAC,EACA,eAAAC,EAAiB,GACjB,aAAAC,EAAe,CAAA,EACf,GAAGC,CAAA,EAELC,IACiB,CACjB,MAAMC,EAAsBT,GAAQC,IAAiB,QAC/CS,EAAsBV,GAAQC,IAAiB,QAC/CU,EAA2BX,IAASC,IAAiB,QAAUA,IAAiB,aAEtF,OACEW,EAAAA,KAACC,EAAAA,YAAA,CACC,UAAWC,EAAWC,EAAAA,WAAYvB,CAAS,EAC3C,IAAAgB,EACA,MAAOf,EACP,cAAeQ,EACd,GAAGM,EAEH,SAAA,CAAA,CAAC,CAACI,GAA4Bb,IAAc,GAAGC,EAAAA,WAAW,IAAI,IAC7DiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,EAG5DW,EAAAA,KAACM,EAAAA,YAAA,CAAmB,MAAOzB,EACzB,SAAA,CAAAmB,EAAAA,KAACO,EAAAA,aAAA,CAAoB,WAAYrB,EAC9B,SAAA,CAAA,CAAC,CAACW,GAAuBb,GAASE,IAAc,GAAGC,EAAAA,WAAW,IAAI,IACjEiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,EAAc,EAG3DL,GAASoB,EAAAA,IAACI,QAAA,CAAa,MAAO3B,EAAO,SAAAE,EAAU,EAE/C,CAAC,CAACc,GAAuBb,GAASE,IAAc,GAAGC,EAAAA,WAAW,KAAK,IAClEiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,EAAc,EAG3DC,GAAkBc,EAAAA,IAACK,EAAA,CAAe,KAAA5B,EAAY,eAAAS,CAAA,CAAgC,CAAA,EACjF,EAEAU,OAACU,EAAAA,qBAAA,CACE,SAAA,CAAA,CAAC,CAACZ,GAAuBZ,IAAc,GAAGC,EAAAA,WAAW,IAAI,IACxDiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,EAG5DW,EAAAA,KAACW,EAAAA,aAAA,CAAoB,WAAYzB,EAC/B,SAAA,CAAAkB,EAAAA,IAACQ,EAAAA,OAAA,CAAc,MAAO/B,EAAO,SAAAW,EAAO,EACpCY,EAAAA,IAACS,EAAAA,MAAA,CAAa,MAAOhC,EAClB,SAAAY,EACCW,EAAAA,IAACU,EAAA,CAAQ,IAAK7B,EAAO,SAAU,EAAI,GAAGS,EAAc,EAGpD,KAAK,aAAaC,EAAK,MAAQ,OAAO,EAAE,OAAOV,CAAK,EAExD,QACC8B,EAAAA,OAAA,CAAc,MAAOlC,EAAO,SAAAU,CAAA,CAAO,CAAA,EACtC,EAEC,CAAC,CAACO,GAAuBZ,IAAc,GAAGC,EAAAA,WAAW,KAAK,IACzDiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,CAAA,CAAA,CAE9D,CAAA,EACF,EAEC,CAAC,CAACU,GAA4Bb,IAAc,GAAGC,EAAAA,WAAW,KAAK,IAC9DiB,EAAAA,IAACC,EAAA,CAAS,KAAAxB,EAAY,KAAAO,EAAY,SAAUC,CAAA,CAAc,CAAA,CAAA,CAAA,CAIlE,CACF"}

package/build/cjs/components/Stepper/Stepper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),x=require("react"),h=require("classnames"),o=require("../../react-base/src/consts/index.js"),C=require("./utils/stepUtils.js"),g=require("./Stepper.styles.js"),j=require("./Stepper.consts.js"),P=require("../../react-base/src/consts/classes.js"),_=({className:i,type:t="default",size:p=o.Sizes.Medium,direction:r=o.Directions.Horizontal,showBadge:c=!0,showConnector:u=!0,showStepNumber:a=!0,current:l,steps:s,stepWidth:S,...m})=>{const q=j.stepComponents[t];return n.jsx(g.Stepper,{"aria-label":"Stepper",className:h(P.STEPPER_CLASS,i),$direction:r,$stepWidth:S,...m,children:s.map((e,d)=>n.jsx(q,{size:p,direction:r,showConnector:u,showStepNumber:a,showBadge:c,...C.getStepComponentProps({stepsLength:s.length,current:l,index:d,step:e,type:t})},e.key??e.title))})},$=x.memo(_);module.exports=$;
+"use strict";const n=require("react/jsx-runtime"),x=require("react"),h=require("classnames"),o=require("../../react-base/src/consts/index.js"),C=require("./utils/stepUtils.js"),_=require("./Stepper.styles.js"),g=require("./Stepper.consts.js"),j=require("../../react-base/src/consts/classes.js"),P=({className:i,type:t="default",size:p=o.Sizes.Medium,direction:r=o.Directions.Horizontal,showBadge:c=!0,showConnector:u=!0,showStepNumber:a=!0,current:l,steps:s,stepWidth:S,...m})=>{const q=g.stepComponents[t];return n.jsx(_.Stepper,{"aria-label":"Stepper",className:h(j.STEPPER_CLASS,i),$direction:r,$stepWidth:S,...m,children:s.map((e,d)=>n.jsx(q,{size:p,direction:r,showConnector:u,showStepNumber:a,showBadge:c,...C.getStepComponentProps({stepsLength:s.length,current:l,index:d,step:e,type:t})},e.key??e.title))})},f=x.memo(P);module.exports=f;
 //# sourceMappingURL=Stepper.js.map

package/build/cjs/components/Stepper/Stepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stepper.js","sources":["../../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import { type ReactElement, memo } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Directions, STEPPER_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport type { IStepperProps } from './Stepper.types';\nimport { getStepComponentProps } from './utils/stepUtils';\nimport * as Styled from './Stepper.styles';\nimport { stepComponents } from './Stepper.consts';\n\nconst Stepper = ({\n className,\n type = 'default',\n size = Sizes.Medium,\n direction = Directions.Horizontal,\n showBadge = true,\n showConnector = true,\n showStepNumber = true,\n current,\n steps,\n stepWidth,\n ...rest\n}: IStepperProps): ReactElement => {\n const StepComponent = stepComponents[type];\n\n return (\n <Styled.Stepper\n aria-label=\"Stepper\"\n className={classNames(STEPPER_CLASS, className)}\n $direction={direction}\n $stepWidth={stepWidth}\n {...rest}\n >\n {steps.map((step, index) => (\n <StepComponent\n key={step.key ?? step.title}\n size={size}\n direction={direction}\n showConnector={showConnector}\n showStepNumber={showStepNumber}\n showBadge={showBadge}\n {...getStepComponentProps({ stepsLength: steps.length, current, index, step, type })}\n />\n ))}\n </Styled.Stepper>\n );\n};\n\nexport default memo(Stepper) as typeof Stepper;\n"],"names":["Stepper","className","type","size","Sizes","direction","Directions","showBadge","showConnector","showStepNumber","current","steps","stepWidth","rest","StepComponent","stepComponents","jsx","Styled.Stepper","classNames","STEPPER_CLASS","step","index","getStepComponentProps","~~Stepper$1~~","memo"],"mappings":"uSAUMA,EAAU,CAAC,CACf,UAAAC,EACA,KAAAC,EAAO,UACP,KAAAC,EAAOC,EAAAA,MAAM,OACb,UAAAC,EAAYC,EAAAA,WAAW,WACvB,UAAAC,EAAY,GACZ,cAAAC,EAAgB,GAChB,eAAAC,EAAiB,GACjB,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAmC,CACjC,MAAMC,EAAgBC,EAAAA,eAAeb,CAAI,EAEzC,OACEc,EAAAA,IAACC,EAAAA,QAAA,CACC,aAAW,UACX,UAAWC,EAAWC,EAAAA,cAAelB,CAAS,EAC9C,WAAYI,EACZ,WAAYO,EACX,GAAGC,EAEH,SAAAF,EAAM,IAAI,CAACS,EAAMC,IAChBL,EAAAA,IAACF,EAAA,CAEC,KAAAX,EACA,UAAAE,EACA,cAAAG,EACA,eAAAC,EACA,UAAAF,EACC,GAAGe,EAAAA,sBAAsB,CAAE,YAAaX,EAAM,OAAQ,QAAAD,EAAS,MAAAW,EAAO,KAAAD,EAAM,KAAAlB,CAAA,CAAM,CAAA,EAN9EkB,EAAK,KAAOA,EAAK,KAAA,CAQzB,CAAA,CAAA,CAGP,EAEAG,EAAeC,EAAAA,KAAKxB,CAAO"}
1	+ {"version":3,"file":"Stepper.js","sources":["../../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import { type ReactElement, memo } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Directions, STEPPER_CLASS } from 'acinguiux-ds-react-base/consts';\n\nimport type { IStepperProps } from './Stepper.types';\nimport { getStepComponentProps } from './utils/stepUtils';\nimport * as Styled from './Stepper.styles';\nimport { stepComponents } from './Stepper.consts';\n\nconst Stepper = ({\n className,\n type = 'default',\n size = Sizes.Medium,\n direction = Directions.Horizontal,\n showBadge = true,\n showConnector = true,\n showStepNumber = true,\n current,\n steps,\n stepWidth,\n ...rest\n}: IStepperProps): ReactElement => {\n const StepComponent = stepComponents[type];\n\n return (\n <Styled.Stepper\n aria-label=\"Stepper\"\n className={classNames(STEPPER_CLASS, className)}\n $direction={direction}\n $stepWidth={stepWidth}\n {...rest}\n >\n {steps.map((step, index) => (\n <StepComponent\n key={step.key ?? step.title}\n size={size}\n direction={direction}\n showConnector={showConnector}\n showStepNumber={showStepNumber}\n showBadge={showBadge}\n {...getStepComponentProps({ stepsLength: steps.length, current, index, step, type })}\n />\n ))}\n </Styled.Stepper>\n );\n};\n\nexport default memo(Stepper) as typeof Stepper;\n"],"names":["Stepper","className","type","size","Sizes","direction","Directions","showBadge","showConnector","showStepNumber","current","steps","stepWidth","rest","StepComponent","stepComponents","jsx","Styled.Stepper","classNames","STEPPER_CLASS","step","index","getStepComponentProps","Stepper_default","memo"],"mappings":"uSAUMA,EAAU,CAAC,CACf,UAAAC,EACA,KAAAC,EAAO,UACP,KAAAC,EAAOC,EAAAA,MAAM,OACb,UAAAC,EAAYC,EAAAA,WAAW,WACvB,UAAAC,EAAY,GACZ,cAAAC,EAAgB,GAChB,eAAAC,EAAiB,GACjB,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAmC,CACjC,MAAMC,EAAgBC,EAAAA,eAAeb,CAAI,EAEzC,OACEc,EAAAA,IAACC,EAAAA,QAAA,CACC,aAAW,UACX,UAAWC,EAAWC,EAAAA,cAAelB,CAAS,EAC9C,WAAYI,EACZ,WAAYO,EACX,GAAGC,EAEH,SAAAF,EAAM,IAAI,CAACS,EAAMC,IAChBL,EAAAA,IAACF,EAAA,CAEC,KAAAX,EACA,UAAAE,EACA,cAAAG,EACA,eAAAC,EACA,UAAAF,EACC,GAAGe,EAAAA,sBAAsB,CAAE,YAAaX,EAAM,OAAQ,QAAAD,EAAS,MAAAW,EAAO,KAAAD,EAAM,KAAAlB,CAAA,CAAM,CAAA,EAN9EkB,EAAK,KAAOA,EAAK,KAAA,CAQzB,CAAA,CAAA,CAGP,EAEAG,EAAeC,EAAAA,KAAKxB,CAAO"}

package/build/cjs/components/Stepper/_internalComponents/Content/Content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.js","sources":["../../../../../../src/components/Stepper/_internalComponents/Content/Content.tsx"],"sourcesContent":["import { type ReactElement, memo } from 'react';\n\nimport { TextElementTypes } from 'acinguiux-ds-react-base/consts';\nimport { StepperUtils } from 'acinguiux-ds-react-base/components/Stepper';\n\nimport * as StyledStep from '../../Step.styles';\nimport type { IContentProps } from './Content.types';\n\nconst Content = ({ size, order, title, showStepNumber }: IContentProps): ReactElement => (\n <>\n {!!showStepNumber && (\n <StyledStep.Label aria-label={`step-${order}-number`} size={size}>\n Step {order}\n </StyledStep.Label>\n )}\n <StyledStep.Heading\n aria-label={`step-${order}-title`}\n level={StepperUtils.getTitleLevel(size)}\n type={TextElementTypes.Span}\n >\n {title}\n </StyledStep.Heading>\n </>\n);\n\nexport default memo(Content) as typeof Content;\n"],"names":["Content","size","order","title","showStepNumber","jsxs","Fragment","StyledStep.Label","jsx","StyledStep.Heading","StepperUtils.getTitleLevel","TextElementTypes","~~Content$1","~~memo"],"mappings":"2OAQMA,EAAU,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,MAAAC,EAAO,eAAAC,CAAA,IACrCC,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAA,CAAC,CAACF,GACDC,OAACE,EAAAA,MAAA,CAAiB,aAAY,QAAQL,CAAK,UAAW,KAAAD,EAAY,SAAA,CAAA,QAC1DC,CAAA,EACR,EAEFM,EAAAA,IAACC,EAAAA,QAAA,CACC,aAAY,QAAQP,CAAK,SACzB,MAAOQ,EAAAA,cAA2BT,CAAI,EACtC,KAAMU,EAAAA,iBAAiB,KAEtB,SAAAR,CAAA,CAAA,CACH,EACF,~~EAGFS~~,~~EAAeC~~,EAAAA,~~KAAKb~~,CAAO"}
1	+ {"version":3,"file":"Content.js","sources":["../../../../../../src/components/Stepper/_internalComponents/Content/Content.tsx"],"sourcesContent":["import { type ReactElement, memo } from 'react';\n\nimport { TextElementTypes } from 'acinguiux-ds-react-base/consts';\nimport { StepperUtils } from 'acinguiux-ds-react-base/components/Stepper';\n\nimport * as StyledStep from '../../Step.styles';\nimport type { IContentProps } from './Content.types';\n\nconst Content = ({ size, order, title, showStepNumber }: IContentProps): ReactElement => (\n <>\n {!!showStepNumber && (\n <StyledStep.Label aria-label={`step-${order}-number`} size={size}>\n Step {order}\n </StyledStep.Label>\n )}\n <StyledStep.Heading\n aria-label={`step-${order}-title`}\n level={StepperUtils.getTitleLevel(size)}\n type={TextElementTypes.Span}\n >\n {title}\n </StyledStep.Heading>\n </>\n);\n\nexport default memo(Content) as typeof Content;\n"],"names":["Content","size","order","title","showStepNumber","jsxs","Fragment","StyledStep.Label","jsx","StyledStep.Heading","StepperUtils.getTitleLevel","TextElementTypes","memo"],"mappings":"2OAQMA,EAAU,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,MAAAC,EAAO,eAAAC,CAAA,IACrCC,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAA,CAAC,CAACF,GACDC,OAACE,EAAAA,MAAA,CAAiB,aAAY,QAAQL,CAAK,UAAW,KAAAD,EAAY,SAAA,CAAA,QAC1DC,CAAA,EACR,EAEFM,EAAAA,IAACC,EAAAA,QAAA,CACC,aAAY,QAAQP,CAAK,SACzB,MAAOQ,EAAAA,cAA2BT,CAAI,EACtC,KAAMU,EAAAA,iBAAiB,KAEtB,SAAAR,CAAA,CAAA,CACH,EACF,EAGFH,EAAeY,EAAAA,KAAKZ,CAAO"}

package/build/cjs/components/Table/Table.styles.js CHANGED Viewed

@@ -1,47 +1,47 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("styled-components"),a=require("../../react-base/src/consts/index.js"),t=require("../../react-base/src/components/Table/Table.consts.js"),p=require("../../react-base/src/theme/types/layer.js"),r=require("../../react-base/src/utils/sizesUtils.js"),l=require("./components/TableElements/TableElements.js"),c=require("../Flexbox/Flexbox.styles.js"),g=require("../../react-base/src/consts/classes.js"),h={[a.Sizes.XSmall]:4,[a.Sizes.Small]:6,[a.Sizes.Medium]:8,[a.Sizes.Large]:10},b=n.styled.table(({theme:o,$size:e=`${a.Sizes.Medium}`,$alignment:s,$empty:i})=>{const d=o.layer({foundation:"surface"});return n.css`
-      --table-header-cell-height: ${t.consts[e].headerCell.height}px;
-      --table-header-cell-padding-top: ${t.consts[e].headerCell.padding.top??0}px;
-      --table-header-cell-padding-bottom: ${t.consts[e].headerCell.padding.bottom??0}px;
-      --table-header-cell-padding-left: ${t.consts[e].headerCell.padding.left??0}px;
-      --table-header-cell-padding-right: ${t.consts[e].headerCell.padding.right??0}px;
-      --table-header-cell-gap: ${t.consts[e].headerCell.gap}px;
-      --table-cell-height: ${t.consts[e].cell.height}px;
-      --table-cell-padding-top: ${t.consts[e].cell.padding.top??0}px;
-      --table-cell-padding-bottom: ${t.consts[e].cell.padding.bottom??0}px;
-      --table-cell-padding-left: ${t.consts[e].cell.padding.left??0}px;
-      --table-cell-padding-right: ${t.consts[e].cell.padding.right??0}px;
-      --table-cell-gap: ${t.consts[e].cell.gap}px;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("styled-components"),a=require("../../react-base/src/consts/index.js"),l=require("../../react-base/src/components/Table/Table.consts.js"),p=require("../../react-base/src/theme/types/layer.js"),d=require("../../react-base/src/utils/sizesUtils.js"),t=require("./components/TableElements/TableElements.js"),c=require("../Flexbox/Flexbox.styles.js"),i=require("../../react-base/src/consts/classes.js"),h={[a.Sizes.XSmall]:4,[a.Sizes.Small]:6,[a.Sizes.Medium]:8,[a.Sizes.Large]:10},b=r.styled.table(({theme:o,$size:e=`${a.Sizes.Medium}`,$alignment:s,$empty:g})=>{const n=o.layer({foundation:"surface"});return r.css`
+      --table-header-cell-height: ${l.consts[e].headerCell.height}px;
+      --table-header-cell-padding-top: ${l.consts[e].headerCell.padding.top??0}px;
+      --table-header-cell-padding-bottom: ${l.consts[e].headerCell.padding.bottom??0}px;
+      --table-header-cell-padding-left: ${l.consts[e].headerCell.padding.left??0}px;
+      --table-header-cell-padding-right: ${l.consts[e].headerCell.padding.right??0}px;
+      --table-header-cell-gap: ${l.consts[e].headerCell.gap}px;
+      --table-cell-height: ${l.consts[e].cell.height}px;
+      --table-cell-padding-top: ${l.consts[e].cell.padding.top??0}px;
+      --table-cell-padding-bottom: ${l.consts[e].cell.padding.bottom??0}px;
+      --table-cell-padding-left: ${l.consts[e].cell.padding.left??0}px;
+      --table-cell-padding-right: ${l.consts[e].cell.padding.right??0}px;
+      --table-cell-gap: ${l.consts[e].cell.gap}px;
       --table-row-group-spacing-height: ${h[e]}px;
       /* We define the typography here to avoid the need to set it in each cell; enforcing the typography sizes */
-      ${l.StyledTh}, ${l.StyledTh}:has(.${g.BUTTON_CLASS}) * {
-        color: ${d[p.Variables.TextOnFoundationStrong]};
-        ${o.typography("label",r.getLabelTypographySize(e),"strong")};
+      ${t.StyledTh}, ${t.StyledTh}:has(.${i.BUTTON_CLASS}) * {
+        color: ${n[p.Variables.TextOnFoundationStrong]};
+        ${o.typography("label",d.getLabelTypographySize(e),"strong")};
-        span.${g.TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS} {
-          color: ${d[p.Variables.TextOnFoundationSubtle]};
-          ${o.typography("label",r.getLabelTypographySize(r.getSmallerSize(e)))};
+        span.${i.TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS} {
+          color: ${n[p.Variables.TextOnFoundationSubtle]};
+          ${o.typography("label",d.getLabelTypographySize(d.getSmallerSize(e)))};
         }
       }
-      ${l.StyledTd} {
-        ${o.typography("paragraph",r.getParagraphTypographySize(e))};
+      ${t.StyledTd} {
+        ${o.typography("label",d.getLabelTypographySize(e))};
       }
       width: 100%;
       min-height: var(--table-cell-height);
       border-collapse: separate;
       border-spacing: 0;
-      background-color: ${d[p.Variables.BackgroundFoundation]};
+      background-color: ${n[p.Variables.BackgroundFoundation]};
-      > * > ${l.StyledTr} > ${l.StyledTh} > ${c.Flexbox}, > * > ${l.StyledTr} > ${l.StyledTd} > ${c.Flexbox} {
+      > * > ${t.StyledTr} > ${t.StyledTh} > ${c.Flexbox}, > * > ${t.StyledTr} > ${t.StyledTd} > ${c.Flexbox} {
         justify-content: ${s};
       }
       tbody td {
         text-align: ${s};
-        ${i&&n.css`
+        ${g&&r.css`
           padding: unset;
         `};
       }

package/build/cjs/components/Table/Table.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.styles.js","sources":["../../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { BUTTON_CLASS, Sizes, TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport {\n getLabelTypographySize~~,\n getParagraphTypographySize,\n~~ getSmallerSize~~,\n~~} from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport type { ITableProps } from './Table.types';\nimport { StyledTd, StyledTh, StyledTr } from './components/TableElements/TableElements';\nimport { Flexbox } from '../Flexbox/Flexbox.styles';\n\nconst SpacingTRHeight: { [key in TableTypes.Size]: number } = {\n [Sizes.XSmall]: 4,\n [Sizes.Small]: 6,\n [Sizes.Medium]: 8,\n [Sizes.Large]: 10,\n} as const;\n\nconst Table = styled.table<PickTransient<ITableProps, 'empty' \| 'size' \| 'alignment'>>(\n ({ theme, $size = `${Sizes.Medium}`, $alignment, $empty }) => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return css`\n --table-header-cell-height: ${TableConsts.consts[$size].headerCell.height}px;\n --table-header-cell-padding-top: ${TableConsts.consts[$size].headerCell.padding.top ?? 0}px;\n --table-header-cell-padding-bottom: ${TableConsts.consts[$size].headerCell.padding.bottom ?? 0}px;\n --table-header-cell-padding-left: ${TableConsts.consts[$size].headerCell.padding.left ?? 0}px;\n --table-header-cell-padding-right: ${TableConsts.consts[$size].headerCell.padding.right ?? 0}px;\n --table-header-cell-gap: ${TableConsts.consts[$size].headerCell.gap}px;\n --table-cell-height: ${TableConsts.consts[$size].cell.height}px;\n --table-cell-padding-top: ${TableConsts.consts[$size].cell.padding.top ?? 0}px;\n --table-cell-padding-bottom: ${TableConsts.consts[$size].cell.padding.bottom ?? 0}px;\n --table-cell-padding-left: ${TableConsts.consts[$size].cell.padding.left ?? 0}px;\n --table-cell-padding-right: ${TableConsts.consts[$size].cell.padding.right ?? 0}px;\n --table-cell-gap: ${TableConsts.consts[$size].cell.gap}px;\n --table-row-group-spacing-height: ${SpacingTRHeight[$size]}px;\n\n /* We define the typography here to avoid the need to set it in each cell; enforcing the typography sizes /\n ${StyledTh}, ${StyledTh}:has(.${BUTTON_CLASS}) {\n color: ${layer[Variables.TextOnFoundationStrong]};\n ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n span.${TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS} {\n color: ${layer[Variables.TextOnFoundationSubtle]};\n ${theme.typography('label', getLabelTypographySize(getSmallerSize($size)))};\n }\n }\n\n ${StyledTd} {\n ${theme.typography('~~paragraph~~', ~~getParagraphTypographySize~~($size))};\n }\n\n width: 100%;\n min-height: var(--table-cell-height);\n border-collapse: separate;\n border-spacing: 0;\n background-color: ${layer[Variables.BackgroundFoundation]};\n\n > * > ${StyledTr} > ${StyledTh} > ${Flexbox}, > * > ${StyledTr} > ${StyledTd} > ${Flexbox} {\n justify-content: ${$alignment};\n }\n\n tbody td {\n text-align: ${$alignment};\n\n ${$empty &&\n css`\n padding: unset;\n `};\n }\n\n tfoot th {\n text-align: left;\n }\n `;\n },\n);\n\nexport { Table };\n"],"names":["SpacingTRHeight","Sizes","Table","styled","theme","$size","$alignment","$empty","layer","css","TableConsts.consts","StyledTh","BUTTON_CLASS","Variables","getLabelTypographySize","TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS","getSmallerSize","StyledTd","~~getParagraphTypographySize","~~StyledTr","Flexbox"],"mappings":"~~0gBAeMA~~,EAAwD,CAC5D,CAACC,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EACf,CAACA,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EACjB,EAEMC,EAAQC,EAAAA,OAAO,MACnB,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAQ,GAAGJ,EAAAA,MAAM,MAAM,GAAI,WAAAK,EAAY,OAAAC,KAAa,CAC5D,MAAMC,EAAQJ,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,OAAOK,EAAAA;AAAAA,oCACyBC,SAAmBL,CAAK,EAAE,WAAW,MAAM;AAAA,yCACtCK,EAAAA,OAAmBL,CAAK,EAAE,WAAW,QAAQ,KAAO,CAAC;AAAA,4CAClDK,EAAAA,OAAmBL,CAAK,EAAE,WAAW,QAAQ,QAAU,CAAC;AAAA,0CAC1DK,EAAAA,OAAmBL,CAAK,EAAE,WAAW,QAAQ,MAAQ,CAAC;AAAA,2CACrDK,EAAAA,OAAmBL,CAAK,EAAE,WAAW,QAAQ,OAAS,CAAC;AAAA,iCACjEK,SAAmBL,CAAK,EAAE,WAAW,GAAG;AAAA,6BAC5CK,SAAmBL,CAAK,EAAE,KAAK,MAAM;AAAA,kCAChCK,EAAAA,OAAmBL,CAAK,EAAE,KAAK,QAAQ,KAAO,CAAC;AAAA,qCAC5CK,EAAAA,OAAmBL,CAAK,EAAE,KAAK,QAAQ,QAAU,CAAC;AAAA,mCACpDK,EAAAA,OAAmBL,CAAK,EAAE,KAAK,QAAQ,MAAQ,CAAC;AAAA,oCAC/CK,EAAAA,OAAmBL,CAAK,EAAE,KAAK,QAAQ,OAAS,CAAC;AAAA,0BAC3DK,SAAmBL,CAAK,EAAE,KAAK,GAAG;AAAA,0CAClBL,EAAgBK,CAAK,CAAC;AAAA;AAAA;AAAA,QAGxDM,EAAAA,QAAQ,KAAKA,UAAQ,SAASC,EAAAA,YAAY;AAAA,iBACjCJ,EAAMK,YAAU,sBAAsB,CAAC;AAAA,UAC9CT,EAAM,WAAW,QAASU,EAAAA,uBAAuBT,CAAK,EAAG,QAAQ,CAAC;AAAA;AAAA,eAE7DU,yCAAuC;AAAA,mBACnCP,EAAMK,YAAU,sBAAsB,CAAC;AAAA,YAC9CT,EAAM,WAAW,QAASU,EAAAA,uBAAuBE,iBAAeX,CAAK,CAAC,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,QAI5EY,UAAQ;AAAA,UACNb,EAAM,WAAW,~~YAAac~~,EAAAA,~~2BAA2Bb~~,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~0BAOhDG~~,EAAMK,YAAU,oBAAoB,CAAC;AAAA;AAAA,~~cAEjDM~~,UAAQ,~~MAAMR~~,EAAAA,QAAQ,~~MAAMS~~,EAAAA,OAAO,WAAWD,EAAAA,QAAQ,~~MAAMF~~,UAAQ,~~MAAMG~~,EAAAA,OAAO;AAAA,~~2BACpEd~~,CAAU;AAAA;AAAA;AAAA;AAAA,sBAIfA,CAAU;AAAA;AAAA,UAEtBC,GACFE,EAAAA;AAAAA;AAAAA,SAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOP,CACF"}
1	+ {"version":3,"file":"Table.styles.js","sources":["../../../../src/components/Table/Table.styles.ts"],"sourcesContent":["import { styled, css } from 'styled-components';\nimport { BUTTON_CLASS, Sizes, TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS } from 'acinguiux-ds-react-base/consts';\nimport type { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { getLabelTypographySize, getSmallerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\n\nimport type { ITableProps } from './Table.types';\nimport { StyledTd, StyledTh, StyledTr } from './components/TableElements/TableElements';\nimport { Flexbox } from '../Flexbox/Flexbox.styles';\n\nconst SpacingTRHeight: { [key in TableTypes.Size]: number } = {\n [Sizes.XSmall]: 4,\n [Sizes.Small]: 6,\n [Sizes.Medium]: 8,\n [Sizes.Large]: 10,\n} as const;\n\nconst Table = styled.table<PickTransient<ITableProps, 'empty' \| 'size' \| 'alignment'>>(\n ({ theme, $size = `${Sizes.Medium}`, $alignment, $empty }) => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return css`\n --table-header-cell-height: ${TableConsts.consts[$size].headerCell.height}px;\n --table-header-cell-padding-top: ${TableConsts.consts[$size].headerCell.padding.top ?? 0}px;\n --table-header-cell-padding-bottom: ${TableConsts.consts[$size].headerCell.padding.bottom ?? 0}px;\n --table-header-cell-padding-left: ${TableConsts.consts[$size].headerCell.padding.left ?? 0}px;\n --table-header-cell-padding-right: ${TableConsts.consts[$size].headerCell.padding.right ?? 0}px;\n --table-header-cell-gap: ${TableConsts.consts[$size].headerCell.gap}px;\n --table-cell-height: ${TableConsts.consts[$size].cell.height}px;\n --table-cell-padding-top: ${TableConsts.consts[$size].cell.padding.top ?? 0}px;\n --table-cell-padding-bottom: ${TableConsts.consts[$size].cell.padding.bottom ?? 0}px;\n --table-cell-padding-left: ${TableConsts.consts[$size].cell.padding.left ?? 0}px;\n --table-cell-padding-right: ${TableConsts.consts[$size].cell.padding.right ?? 0}px;\n --table-cell-gap: ${TableConsts.consts[$size].cell.gap}px;\n --table-row-group-spacing-height: ${SpacingTRHeight[$size]}px;\n\n /* We define the typography here to avoid the need to set it in each cell; enforcing the typography sizes /\n ${StyledTh}, ${StyledTh}:has(.${BUTTON_CLASS}) {\n color: ${layer[Variables.TextOnFoundationStrong]};\n ${theme.typography('label', getLabelTypographySize($size), 'strong')};\n\n span.${TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS} {\n color: ${layer[Variables.TextOnFoundationSubtle]};\n ${theme.typography('label', getLabelTypographySize(getSmallerSize($size)))};\n }\n }\n\n ${StyledTd} {\n ${theme.typography('label', getLabelTypographySize($size))};\n }\n\n width: 100%;\n min-height: var(--table-cell-height);\n border-collapse: separate;\n border-spacing: 0;\n background-color: ${layer[Variables.BackgroundFoundation]};\n\n > * > ${StyledTr} > ${StyledTh} > ${Flexbox}, > * > ${StyledTr} > ${StyledTd} > ${Flexbox} {\n justify-content: ${$alignment};\n }\n\n tbody td {\n text-align: ${$alignment};\n\n ${$empty &&\n css`\n padding: unset;\n `};\n }\n\n tfoot th {\n text-align: left;\n }\n `;\n },\n);\n\nexport { Table };\n"],"names":["SpacingTRHeight","Sizes","Table","styled","theme","$size","$alignment","$empty","layer","css","TableConsts.consts","StyledTh","BUTTON_CLASS","Variables","getLabelTypographySize","TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS","getSmallerSize","StyledTd","StyledTr","Flexbox"],"mappings":"0gBAWMA,EAAwD,CAC5D,CAACC,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EACf,CAACA,EAAAA,MAAM,MAAM,EAAG,EAChB,CAACA,EAAAA,MAAM,KAAK,EAAG,EACjB,EAEMC,EAAQC,EAAAA,OAAO,MACnB,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAQ,GAAGJ,EAAAA,MAAM,MAAM,GAAI,WAAAK,EAAY,OAAAC,KAAa,CAC5D,MAAMC,EAAQJ,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,OAAOK,EAAAA;AAAAA,oCACyBC,SAAmBL,CAAK,EAAE,WAAW,MAAM;AAAA,yCACtCK,EAAAA,OAAmBL,CAAK,EAAE,WAAW,QAAQ,KAAO,CAAC;AAAA,4CAClDK,EAAAA,OAAmBL,CAAK,EAAE,WAAW,QAAQ,QAAU,CAAC;AAAA,0CAC1DK,EAAAA,OAAmBL,CAAK,EAAE,WAAW,QAAQ,MAAQ,CAAC;AAAA,2CACrDK,EAAAA,OAAmBL,CAAK,EAAE,WAAW,QAAQ,OAAS,CAAC;AAAA,iCACjEK,SAAmBL,CAAK,EAAE,WAAW,GAAG;AAAA,6BAC5CK,SAAmBL,CAAK,EAAE,KAAK,MAAM;AAAA,kCAChCK,EAAAA,OAAmBL,CAAK,EAAE,KAAK,QAAQ,KAAO,CAAC;AAAA,qCAC5CK,EAAAA,OAAmBL,CAAK,EAAE,KAAK,QAAQ,QAAU,CAAC;AAAA,mCACpDK,EAAAA,OAAmBL,CAAK,EAAE,KAAK,QAAQ,MAAQ,CAAC;AAAA,oCAC/CK,EAAAA,OAAmBL,CAAK,EAAE,KAAK,QAAQ,OAAS,CAAC;AAAA,0BAC3DK,SAAmBL,CAAK,EAAE,KAAK,GAAG;AAAA,0CAClBL,EAAgBK,CAAK,CAAC;AAAA;AAAA;AAAA,QAGxDM,EAAAA,QAAQ,KAAKA,UAAQ,SAASC,EAAAA,YAAY;AAAA,iBACjCJ,EAAMK,YAAU,sBAAsB,CAAC;AAAA,UAC9CT,EAAM,WAAW,QAASU,EAAAA,uBAAuBT,CAAK,EAAG,QAAQ,CAAC;AAAA;AAAA,eAE7DU,yCAAuC;AAAA,mBACnCP,EAAMK,YAAU,sBAAsB,CAAC;AAAA,YAC9CT,EAAM,WAAW,QAASU,EAAAA,uBAAuBE,iBAAeX,CAAK,CAAC,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA,QAI5EY,UAAQ;AAAA,UACNb,EAAM,WAAW,QAASU,EAAAA,uBAAuBT,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAOxCG,EAAMK,YAAU,oBAAoB,CAAC;AAAA;AAAA,cAEjDK,UAAQ,MAAMP,EAAAA,QAAQ,MAAMQ,EAAAA,OAAO,WAAWD,EAAAA,QAAQ,MAAMD,UAAQ,MAAME,EAAAA,OAAO;AAAA,2BACpEb,CAAU;AAAA;AAAA;AAAA;AAAA,sBAIfA,CAAU;AAAA;AAAA,UAEtBC,GACFE,EAAAA;AAAAA;AAAAA,SAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOP,CACF"}

package/build/cjs/components/Table/components/BaseTable/BaseTable.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const c=require("react/jsx-runtime"),C=require("react"),y=require("@tanstack/react-table"),T=require("../../../../react-base/src/consts/index.js"),V=require("../../Table.js"),o=require("../TableElements/ColumnVisibilityFilters.js"),A=require("./TableHeader.js"),E=require("./TableBody.js"),_=require("./TableFooter.js"),v=require("../TableElements/TableWrapper.js"),$=require("../../../Pictogram/components/BarChartTypeColourTint.js"),K=require("./BaseTablePagination.js"),L=require("../../features/sized.js"),N=require("../../consts/drag.js"),i=require("../../utils/isDraggable.js"),G=require("../../../../react-base/src/consts/classes.js"),I=[],J=({data:m=I,columns:S,tableOptions:r,emptyStateProps:H,size:R=T.Sizes.Medium,...q})=>{const[x,j]=C.useState(()=>R),[F,k]=C.useState(()=>{var d;return((d=r==null?void 0:r.state)==null?void 0:d.columnOrder)??S.map(g=>g.id)}),{useDraggable:n=N.NO_DRAG,...w}=q,M=C.useCallback(d=>{var g;k(d),(g=r==null?void 0:r.onColumnOrderChange)==null||g.call(r,d)},[r]),W=C.useCallback(d=>{var g;j(d),(g=r==null?void 0:r.onSizeChange)==null||g.call(r,d)},[r]),u=y.useReactTable({_features:[L.SizedFeature],data:m,columns:S,getCoreRowModel:y.getCoreRowModel(),defaultColumn:{minSize:50},enableRowSelection:!1,...r,state:{...r==null?void 0:r.state,columnOrder:F,size:x},onColumnOrderChange:M,onSizeChange:W}),e={noHeader:r==null?void 0:r.noHeader,noFooter:r==null?void 0:r.noFooter,maxWidth:r==null?void 0:r.maxWidth,maxHeight:r==null?void 0:r.maxHeight,columnSized:(r==null?void 0:r.columnSized)||(r==null?void 0:r.useColumnsSizing),stickyHeader:r==null?void 0:r.stickyHeader,stickyFooter:r==null?void 0:r.stickyFooter,numericTypes:r==null?void 0:r.numericTypes,highlight:r==null?void 0:r.highlight,paginationKind:r==null?void 0:r.paginationKind,pinningOptions:r==null?void 0:r.pinningOptions,disableRowHover:r==null?void 0:r.disableRowHover,columnPinning:r==null?void 0:r.enableColumnPinning,pagination:!!(r!=null&&r.getPaginationRowModel),columnResizing:r==null?void 0:r.enableColumnResizing,columnVisibility:!!(r!=null&&r.onColumnVisibilityChange),columnResizingMinWidth:r==null?void 0:r.columnResizingMinWidth,sorting:(r==null?void 0:r.enableSorting)&&!!(r!=null&&r.getSortedRowModel)},h=n(u,m),P=H??{pictogram:c.jsx($,{}),title:"Title here",description:"This should be a clear and concise description."},B=C.useMemo(()=>{const d=u.getFlatHeaders(),g={};return d.forEach(z=>{g[`--header-${z.id}-size`]=z.getSize(),g[`--col-${z.column.id}-size`]=z.column.getSize()}),g},[u.getState().columnSizingInfo,u.getState().columnSizing]),D={...e.maxHeight&&{maxHeight:e.maxHeight},...e.maxWidth&&{maxWidth:e.maxWidth},...(e.stickyHeader||e.stickyFooter)&&{stickyRows:e.stickyHeader||e.stickyFooter}},f=u.getRowCount()===0;return c.jsxs(c.Fragment,{children:[!!(e!=null&&e.columnVisibility)&&c.jsx(o.ColumnVisibilityFilters,{table:u}),c.jsxs(v.TableWrapper,{className:G.BASE_TABLE_CLASS,...D,children:[c.jsx(h.Components.Provider,{children:c.jsxs(V,{...w,empty:f,size:x,style:{width:r!=null&&r.columnSized?u.getTotalSize():"100%",...B},children:[c.jsx(A,{...i.isColumnDraggable(h.draggable)?h.Components:{},table:u,options:e}),c.jsx(E,{table:u,options:e,...i.isRowDraggable(h.draggable)?h.Components:{},emptyStateProps:P}),c.jsx(_,{table:u,options:e})]})}),c.jsx(K,{table:u,options:e})]})]})},Q=({size:m=T.Sizes.Medium,...S})=>c.jsx(J,{size:m,...S},`base-table-${m}`);module.exports=Q;
+"use strict";const n=require("react/jsx-runtime"),a=require("react"),d=require("@tanstack/react-table"),h=require("../../../../react-base/src/consts/index.js"),b=require("../../Table.js"),M=require("../TableElements/ColumnVisibilityFilters.js"),W=require("./TableHeader.js"),B=require("./TableBody.js"),D=require("./TableFooter.js"),f=require("../TableElements/TableWrapper.js"),V=require("../../../Pictogram/components/BarChartTypeColourTint.js"),p=require("./BaseTablePagination.js"),A=require("../../features/sized.js"),E=require("../../consts/drag.js"),m=require("../../utils/isDraggable.js"),_=require("../../../../react-base/src/consts/classes.js"),v=[],$=({data:s=v,columns:c,tableOptions:e,emptyStateProps:C,size:S=h.Sizes.Medium,...z})=>{const[g,x]=a.useState(()=>S),[y,T]=a.useState(()=>e?.state?.columnOrder??c.map(r=>r.id)),{useDraggable:H=E.NO_DRAG,...R}=z,q=a.useCallback(r=>{T(r),e?.onColumnOrderChange?.(r)},[e]),k=a.useCallback(r=>{x(r),e?.onSizeChange?.(r)},[e]),o=d.useReactTable({_features:[A.SizedFeature],data:s,columns:c,getCoreRowModel:d.getCoreRowModel(),defaultColumn:{minSize:50},enableRowSelection:!1,...e,state:{...e?.state,columnOrder:y,size:g},onColumnOrderChange:q,onSizeChange:k}),i={noHeader:e?.noHeader,noFooter:e?.noFooter,maxWidth:e?.maxWidth,maxHeight:e?.maxHeight,columnSized:e?.columnSized||e?.useColumnsSizing,stickyHeader:e?.stickyHeader,stickyFooter:e?.stickyFooter,stickyPagination:e?.stickyPagination,numericTypes:e?.numericTypes,highlight:e?.highlight,paginationKind:e?.paginationKind,pinningOptions:e?.pinningOptions,disableRowHover:e?.disableRowHover,columnPinning:e?.enableColumnPinning,pagination:!!e?.getPaginationRowModel,columnResizing:e?.enableColumnResizing,columnVisibility:!!e?.onColumnVisibilityChange,columnResizingMinWidth:e?.columnResizingMinWidth,sorting:e?.enableSorting&&!!e?.getSortedRowModel},t=H(o,s),j=C??{pictogram:n.jsx(V,{}),title:"Title here",description:"This should be a clear and concise description."},F=a.useMemo(()=>{const r=o.getFlatHeaders(),u={};return r.forEach(l=>{u[`--header-${l.id}-size`]=l.getSize(),u[`--col-${l.column.id}-size`]=l.column.getSize()}),u},[o.getState().columnSizingInfo,o.getState().columnSizing]),w={...i.maxHeight&&{maxHeight:i.maxHeight},...i.maxWidth&&{maxWidth:i.maxWidth},...(i.stickyHeader||i.stickyFooter)&&{stickyRows:i.stickyHeader||i.stickyFooter}},P=o.getRowCount()===0;return n.jsxs(n.Fragment,{children:[!!i?.columnVisibility&&n.jsx(M.ColumnVisibilityFilters,{table:o}),n.jsxs(f.TableWrapper,{className:_.BASE_TABLE_CLASS,...w,children:[n.jsx(t.Components.Provider,{children:n.jsxs(b,{...R,empty:P,size:g,style:e?.columnSized?{width:o.getTotalSize(),...F}:{width:"100%"},children:[n.jsx(W,{...m.isColumnDraggable(t.draggable)?t.Components:{},table:o,options:i}),n.jsx(B,{table:o,options:i,...m.isRowDraggable(t.draggable)?t.Components:{},emptyStateProps:j}),n.jsx(D,{table:o,options:i})]})}),n.jsx(p,{table:o,options:i})]})]})},K=({size:s=h.Sizes.Medium,...c})=>n.jsx($,{size:s,...c},`base-table-${s}`);module.exports=K;
 //# sourceMappingURL=BaseTable.js.map

package/build/cjs/components/Table/components/BaseTable/BaseTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseTable.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport { useReactTable, getCoreRowModel, RowData, ColumnOrderState, Updater } from '@tanstack/react-table';\nimport { BASE_TABLE_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\n\nimport Table from '../../Table';\nimport type { IBaseTableProps, IInternalBaseTableProps } from './BaseTable.types';\nimport { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';\nimport TableHeader from './TableHeader';\nimport TableBody from './TableBody';\nimport TableFooter from './TableFooter';\nimport { TableWrapper } from '../TableElements/TableWrapper';\nimport BarChartTypeColourTint from '../../../Pictogram/components/BarChartTypeColourTint';\nimport BaseTablePagination from './BaseTablePagination';\nimport { SizedFeature } from '../../features/sized';\nimport { NO_DRAG } from '../../consts/drag';\nimport { isColumnDraggable, isRowDraggable } from '../../utils/isDraggable';\n\nconst defaultData = [] as never[];\n\nconst BaseTableComponent = <TData extends RowData, TValue = unknown>({\n data = defaultData,\n columns,\n tableOptions,\n emptyStateProps,\n size = Sizes.Medium,\n ...props\n}: IBaseTableProps<TData, TValue>) => {\n const [tableSize, setTableSize] = useState<TableTypes.Size>(() => size);\n const [columnOrder, setColumnOrder] = useState<string[]>(\n () => tableOptions?.state?.columnOrder ?? columns.map((col) => col.id!),\n );\n const { useDraggable = NO_DRAG, ...rest } = props as IInternalBaseTableProps<TData, TValue>;\n\n const onColumnOrderChangeHandler = useCallback(\n (newColumnOrder: Updater<ColumnOrderState>) => {\n setColumnOrder(newColumnOrder);\n tableOptions?.onColumnOrderChange?.(newColumnOrder);\n },\n [tableOptions],\n );\n\n const onSizeChangeHandler = useCallback(\n (newSize: Updater<TableTypes.Size>) => {\n setTableSize(newSize);\n tableOptions?.onSizeChange?.(newSize);\n },\n [tableOptions],\n );\n\n const table = useReactTable({\n _features: [SizedFeature],\n data,\n columns,\n getCoreRowModel: getCoreRowModel(),\n defaultColumn: {\n minSize: 50,\n },\n // tanstack enables rows selection by default\n enableRowSelection: false,\n ...tableOptions,\n state: {\n ...tableOptions?.state,\n columnOrder,\n size: tableSize,\n },\n onColumnOrderChange: onColumnOrderChangeHandler,\n onSizeChange: onSizeChangeHandler,\n });\n\n const options = {\n noHeader: tableOptions?.noHeader,\n noFooter: tableOptions?.noFooter,\n maxWidth: tableOptions?.maxWidth,\n maxHeight: tableOptions?.maxHeight,\n columnSized: tableOptions?.columnSized \|\| tableOptions?.useColumnsSizing,\n stickyHeader: tableOptions?.stickyHeader,\n stickyFooter: tableOptions?.stickyFooter,\n numericTypes: tableOptions?.numericTypes,\n highlight: tableOptions?.highlight,\n paginationKind: tableOptions?.paginationKind,\n pinningOptions: tableOptions?.pinningOptions,\n disableRowHover: tableOptions?.disableRowHover,\n columnPinning: tableOptions?.enableColumnPinning,\n pagination: !!tableOptions?.getPaginationRowModel,\n columnResizing: tableOptions?.enableColumnResizing,\n columnVisibility: !!tableOptions?.onColumnVisibilityChange,\n columnResizingMinWidth: tableOptions?.columnResizingMinWidth,\n sorting: tableOptions?.enableSorting && !!tableOptions?.getSortedRowModel,\n };\n\n const DraggableCtx = useDraggable(table, data);\n\n const emptyStateProperties = emptyStateProps ?? {\n pictogram: <BarChartTypeColourTint />,\n title: 'Title here',\n description: 'This should be a clear and concise description.',\n };\n\n const columnSizeVars = useMemo(() => {\n const headers = table.getFlatHeaders();\n const colSizes: { [key: string]: number } = {};\n headers.forEach((header) => {\n colSizes[`--header-${header.id}-size`] = header.getSize();\n colSizes[`--col-${header.column.id}-size`] = header.column.getSize();\n });\n\n return colSizes;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [table.getState().columnSizingInfo, table.getState().columnSizing]);\n\n const wrapperProps = {\n ...(options.maxHeight && { maxHeight: options.maxHeight }),\n ...(options.maxWidth && { maxWidth: options.maxWidth }),\n ...((options.stickyHeader \|\| options.stickyFooter) && {\n stickyRows: options.stickyHeader \|\| options.stickyFooter,\n }),\n };\n\n const isEmpty = table.getRowCount() === 0;\n\n return (\n <>\n {!!options?.columnVisibility && <ColumnVisibilityFilters table={table} />}\n <TableWrapper className={BASE_TABLE_CLASS} {...wrapperProps}>\n <DraggableCtx.Components.Provider>\n <Table\n {...rest}\n empty={isEmpty}\n size={tableSize}\n style={~~{ width:~~ tableOptions?.columnSized ? table.getTotalSize() : '100%', ~~...columnSizeVars~~ }}\n >\n <TableHeader\n {...(isColumnDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n table={table}\n options={options}\n />\n <TableBody\n table={table}\n options={options}\n {...(isRowDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n emptyStateProps={emptyStateProperties}\n />\n <TableFooter table={table} options={options} />\n </Table>\n </DraggableCtx.Components.Provider>\n <BaseTablePagination table={table} options={options} />\n </TableWrapper>\n </>\n );\n};\n\nconst BaseTable = <TData extends RowData, TValue = unknown>({\n size = Sizes.Medium,\n ...props\n}: IBaseTableProps<TData, TValue>) => <BaseTableComponent key={`base-table-${size}`} size={size} {...props} />;\n\nexport default BaseTable;\n"],"names":["defaultData","BaseTableComponent","data","columns","tableOptions","emptyStateProps","size","Sizes","props","tableSize","setTableSize","useState","columnOrder","setColumnOrder","~~_a","~~col","useDraggable","NO_DRAG","rest","onColumnOrderChangeHandler","useCallback","newColumnOrder","onSizeChangeHandler","newSize","table","useReactTable","SizedFeature","getCoreRowModel","options","DraggableCtx","emptyStateProperties","BarChartTypeColourTint","columnSizeVars","useMemo","headers","colSizes","header","wrapperProps","isEmpty","jsxs","Fragment","jsx","ColumnVisibilityFilters","TableWrapper","BASE_TABLE_CLASS","Table","TableHeader","isColumnDraggable","TableBody","isRowDraggable","TableFooter","BaseTablePagination","BaseTable"],"mappings":"+oBAmBMA,EAAc,CAAA,EAEdC,EAAqB,CAA0C,CACnE,KAAAC,EAAOF,EACP,QAAAG,EACA,aAAAC,EACA,gBAAAC,EACA,KAAAC,EAAOC,EAAAA,MAAM,OACb,GAAGC,CACL,IAAsC,CACpC,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAA0B,IAAML,CAAI,EAChE,CAACM,EAAaC,CAAc,EAAIF,EAAAA,SACpC,~~WAAM~~,~~QAAAG~~,~~EAAAV~~,~~GAAA~~,~~YAAAA,EAAc,QAAd,YAAAU,EAAqB,cAAeX,~~EAAQ,~~IAAKY~~,GAAQA,EAAI,EAAG,~~EAAA~~,EAElE,CAAE,aAAAC,EAAeC,EAAAA,QAAS,GAAGC,~~GAASV~~,~~EAEtCW~~,EAA6BC,EAAAA,YAChCC,GAA8C,~~OAC7CR~~,~~EAAeQ~~,CAAc,~~GAC7BP~~,~~EAAAV~~,~~GAAA~~,~~YAAAA~~,~~EAAc~~,~~sBAAd,MAAAU,EAAA,KAAAV,EAAoCiB,EACtC,~~EACA,~~CAACjB~~,CAAY,CAAA,~~EAGTkB~~,EAAsBF,EAAAA,YACzBG,GAAsC,~~OACrCb~~,~~EAAaa~~,CAAO,~~GACpBT~~,~~EAAAV~~,~~GAAA~~,~~YAAAA~~,~~EAAc~~,~~eAAd,MAAAU,EAAA,KAAAV,EAA6BmB,EAC/B,~~EACA,~~CAACnB~~,CAAY,CAAA,~~EAGToB~~,EAAQC,EAAAA,cAAc,CAC1B,UAAW,CAACC,EAAAA,YAAY,EACxB,~~KAAAxB~~,EACA,QAAAC,EACA,~~gBAAiBwB~~,EAAAA,gBAAA,EACjB,cAAe,CACb,QAAS,EAAA,EAGX,mBAAoB,GACpB,~~GAAGvB~~,EACH,MAAO,CACL,GAAGA,~~GAAA~~,~~YAAAA,EAAc,~~MACjB,YAAAQ,EACA,KAAMH,CAAA,EAER,~~oBAAqBU~~,EACrB,aAAcG,CAAA,CACf,EAEKM,EAAU,CACd,~~SAAUxB~~,~~GAAA~~,~~YAAAA,EAAc,~~SACxB,SAAUA,~~GAAA~~,~~YAAAA,EAAc,~~SACxB,SAAUA,~~GAAA~~,~~YAAAA,EAAc,~~SACxB,UAAWA,~~GAAA~~,~~YAAAA,EAAc,~~UACzB,~~aAAaA~~,~~GAAA~~,~~YAAAA~~,~~EAAc~~,~~eAAeA~~,~~GAAA~~,~~YAAAA~~,~~EAAc~~,~~kBACxD,~~aAAcA,~~GAAA~~,~~YAAAA,EAAc,~~aAC5B,~~aAAcA~~,~~GAAA~~,~~YAAAA~~,~~EAAc,aAC5B,~~aAAcA,~~GAAA~~,~~YAAAA,EAAc,~~aAC5B,UAAWA,~~GAAA~~,~~YAAAA,EAAc,~~UACzB,eAAgBA,~~GAAA~~,~~YAAAA,EAAc,~~eAC9B,eAAgBA,~~GAAA~~,~~YAAAA,EAAc,~~eAC9B,gBAAiBA,~~GAAA~~,~~YAAAA,EAAc,~~gBAC/B,cAAeA,~~GAAA~~,~~YAAAA,EAAc,~~oBAC7B,WAAY,CAAC,~~EAACA~~,~~GAAA~~,~~MAAAA~~,~~EAAc,uBAC5B,~~eAAgBA,~~GAAA~~,~~YAAAA,EAAc,~~qBAC9B,iBAAkB,CAAC,~~EAACA~~,~~GAAA~~,~~MAAAA~~,~~EAAc,0BAClC,~~uBAAwBA,~~GAAA~~,~~YAAAA,EAAc,~~uBACtC,~~SAASA~~,~~GAAA~~,~~YAAAA~~,~~EAAc,gBAAiB,~~CAAC,~~EAACA~~,~~GAAA~~,~~MAAAA~~,~~EAAc~~,~~kBAAA,EAGpDyB,~~EAAeb,EAAaQ,~~EAAOtB~~,CAAI,~~EAEvC4B~~,~~EAAuBzB~~,GAAmB,CAC9C,~~gBAAY0B~~,EAAA,EAAuB,EACnC,MAAO,aACP,YAAa,iDAAA,EAGTC,EAAiBC,EAAAA,QAAQ,IAAM,CACnC,MAAMC,EAAUV,EAAM,eAAA,EAChBW,EAAsC,CAAA,EAC5C,OAAAD,EAAQ,QAASE,GAAW,CAC1BD,EAAS,YAAYC,EAAO,EAAE,OAAO,EAAIA,EAAO,QAAA,EAChDD,EAAS,SAASC,EAAO,OAAO,EAAE,OAAO,EAAIA,EAAO,OAAO,QAAA,CAC7D,CAAC,EAEMD,CAET,EAAG,CAACX,EAAM,SAAA,EAAW,iBAAkBA,EAAM,WAAW,YAAY,CAAC,EAE/Da,EAAe,CACnB,GAAIT,EAAQ,WAAa,CAAE,UAAWA,EAAQ,SAAA,EAC9C,GAAIA,EAAQ,UAAY,CAAE,SAAUA,EAAQ,QAAA,EAC5C,IAAKA,EAAQ,cAAgBA,EAAQ,eAAiB,CACpD,WAAYA,EAAQ,cAAgBA,EAAQ,YAAA,CAC9C,EAGIU,EAAUd,EAAM,YAAA,IAAkB,EAExC,OACEe,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAA,CAAC,~~EAACZ~~,~~GAAA~~,~~MAAAA~~,~~EAAS,mBAAoBa,~~EAAAA,IAACC,EAAAA,yBAAwB,MAAAlB,EAAc,EACvEe,EAAAA,KAACI,EAAAA,aAAA,CAAa,UAAWC,EAAAA,iBAAmB,GAAGP,EAC7C,SAAA,CAAAI,EAAAA,IAACZ,EAAa,WAAW,SAAxB,CACC,SAAAU,EAAAA,KAACM,EAAA,CACE,GAAG3B,EACJ,MAAOoB,EACP,~~KAAM7B~~,EACN,~~MAAO,CAAE,~~MAAOL,~~GAAA~~,~~MAAAA~~,~~EAAc~~,~~YAAcoB~~,EAAM,aAAA,~~EAAiB~~,~~OAAQ,~~GAAGQ,CAAA,~~EAE9E~~,SAAA,CAAAS,EAAAA,IAACK,EAAA,CACE,GAAIC,EAAAA,kBAAkBlB,EAAa,SAAS,EAAIA,EAAa,WAAa,CAAA,EAC3E,MAAAL,EACA,QAAAI,CAAA,CAAA,EAEFa,EAAAA,IAACO,EAAA,CACC,MAAAxB,EACA,QAAAI,EACC,GAAIqB,EAAAA,eAAepB,EAAa,SAAS,EAAIA,EAAa,WAAa,CAAA,EACxE,gBAAiBC,CAAA,CAAA,EAEnBW,EAAAA,IAACS,EAAA,CAAY,MAAA1B,EAAc,QAAAI,CAAA,CAAkB,CAAA,CAAA,CAAA,EAEjD,EACAa,EAAAA,IAACU,EAAA,CAAoB,MAAA3B,EAAc,QAAAI,CAAA,CAAkB,CAAA,CAAA,CACvD,CAAA,EACF,CAEJ,EAEMwB,EAAY,CAA0C,CAC1D,~~KAAA9C~~,EAAOC,EAAAA,MAAM,OACb,GAAGC,CACL,UAAuCP,EAAA,CAA8C,KAAAK,EAAa,GAAGE,GAAtC,cAAcF,CAAI,EAA2B"}
1	+ {"version":3,"file":"BaseTable.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTable.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport { useReactTable, getCoreRowModel, RowData, ColumnOrderState, Updater } from '@tanstack/react-table';\nimport { BASE_TABLE_CLASS, Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { TableTypes } from 'acinguiux-ds-react-base/components/Table';\n\nimport Table from '../../Table';\nimport type { IBaseTableProps, IInternalBaseTableProps } from './BaseTable.types';\nimport { ColumnVisibilityFilters } from '../TableElements/ColumnVisibilityFilters';\nimport TableHeader from './TableHeader';\nimport TableBody from './TableBody';\nimport TableFooter from './TableFooter';\nimport { TableWrapper } from '../TableElements/TableWrapper';\nimport BarChartTypeColourTint from '../../../Pictogram/components/BarChartTypeColourTint';\nimport BaseTablePagination from './BaseTablePagination';\nimport { SizedFeature } from '../../features/sized';\nimport { NO_DRAG } from '../../consts/drag';\nimport { isColumnDraggable, isRowDraggable } from '../../utils/isDraggable';\n\nconst defaultData = [] as never[];\n\nconst BaseTableComponent = <TData extends RowData, TValue = unknown>({\n data = defaultData,\n columns,\n tableOptions,\n emptyStateProps,\n size = Sizes.Medium,\n ...props\n}: IBaseTableProps<TData, TValue>) => {\n const [tableSize, setTableSize] = useState<TableTypes.Size>(() => size);\n const [columnOrder, setColumnOrder] = useState<string[]>(\n () => tableOptions?.state?.columnOrder ?? columns.map((col) => col.id!),\n );\n const { useDraggable = NO_DRAG, ...rest } = props as IInternalBaseTableProps<TData, TValue>;\n\n const onColumnOrderChangeHandler = useCallback(\n (newColumnOrder: Updater<ColumnOrderState>) => {\n setColumnOrder(newColumnOrder);\n tableOptions?.onColumnOrderChange?.(newColumnOrder);\n },\n [tableOptions],\n );\n\n const onSizeChangeHandler = useCallback(\n (newSize: Updater<TableTypes.Size>) => {\n setTableSize(newSize);\n tableOptions?.onSizeChange?.(newSize);\n },\n [tableOptions],\n );\n\n const table = useReactTable({\n _features: [SizedFeature],\n data,\n columns,\n getCoreRowModel: getCoreRowModel(),\n defaultColumn: {\n minSize: 50,\n },\n // tanstack enables rows selection by default\n enableRowSelection: false,\n ...tableOptions,\n state: {\n ...tableOptions?.state,\n columnOrder,\n size: tableSize,\n },\n onColumnOrderChange: onColumnOrderChangeHandler,\n onSizeChange: onSizeChangeHandler,\n });\n\n const options = {\n noHeader: tableOptions?.noHeader,\n noFooter: tableOptions?.noFooter,\n maxWidth: tableOptions?.maxWidth,\n maxHeight: tableOptions?.maxHeight,\n columnSized: tableOptions?.columnSized \|\| tableOptions?.useColumnsSizing,\n stickyHeader: tableOptions?.stickyHeader,\n stickyFooter: tableOptions?.stickyFooter,\n stickyPagination: tableOptions?.stickyPagination,\n numericTypes: tableOptions?.numericTypes,\n highlight: tableOptions?.highlight,\n paginationKind: tableOptions?.paginationKind,\n pinningOptions: tableOptions?.pinningOptions,\n disableRowHover: tableOptions?.disableRowHover,\n columnPinning: tableOptions?.enableColumnPinning,\n pagination: !!tableOptions?.getPaginationRowModel,\n columnResizing: tableOptions?.enableColumnResizing,\n columnVisibility: !!tableOptions?.onColumnVisibilityChange,\n columnResizingMinWidth: tableOptions?.columnResizingMinWidth,\n sorting: tableOptions?.enableSorting && !!tableOptions?.getSortedRowModel,\n };\n\n const DraggableCtx = useDraggable(table, data);\n\n const emptyStateProperties = emptyStateProps ?? {\n pictogram: <BarChartTypeColourTint />,\n title: 'Title here',\n description: 'This should be a clear and concise description.',\n };\n\n const columnSizeVars = useMemo(() => {\n const headers = table.getFlatHeaders();\n const colSizes: { [key: string]: number } = {};\n headers.forEach((header) => {\n colSizes[`--header-${header.id}-size`] = header.getSize();\n colSizes[`--col-${header.column.id}-size`] = header.column.getSize();\n });\n\n return colSizes;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [table.getState().columnSizingInfo, table.getState().columnSizing]);\n\n const wrapperProps = {\n ...(options.maxHeight && { maxHeight: options.maxHeight }),\n ...(options.maxWidth && { maxWidth: options.maxWidth }),\n ...((options.stickyHeader \|\| options.stickyFooter) && {\n stickyRows: options.stickyHeader \|\| options.stickyFooter,\n }),\n };\n\n const isEmpty = table.getRowCount() === 0;\n\n return (\n <>\n {!!options?.columnVisibility && <ColumnVisibilityFilters table={table} />}\n <TableWrapper className={BASE_TABLE_CLASS} {...wrapperProps}>\n <DraggableCtx.Components.Provider>\n <Table\n {...rest}\n empty={isEmpty}\n size={tableSize}\n style={tableOptions?.columnSized ? { width: table.getTotalSize(), ...columnSizeVars } : { width: '100%' }}\n >\n <TableHeader\n {...(isColumnDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n table={table}\n options={options}\n />\n <TableBody\n table={table}\n options={options}\n {...(isRowDraggable(DraggableCtx.draggable) ? DraggableCtx.Components : {})}\n emptyStateProps={emptyStateProperties}\n />\n <TableFooter table={table} options={options} />\n </Table>\n </DraggableCtx.Components.Provider>\n <BaseTablePagination table={table} options={options} />\n </TableWrapper>\n </>\n );\n};\n\nconst BaseTable = <TData extends RowData, TValue = unknown>({\n size = Sizes.Medium,\n ...props\n}: IBaseTableProps<TData, TValue>) => <BaseTableComponent key={`base-table-${size}`} size={size} {...props} />;\n\nexport default BaseTable;\n"],"names":["defaultData","BaseTableComponent","data","columns","tableOptions","emptyStateProps","size","Sizes","props","tableSize","setTableSize","useState","columnOrder","setColumnOrder","col","useDraggable","NO_DRAG","rest","onColumnOrderChangeHandler","useCallback","newColumnOrder","onSizeChangeHandler","newSize","table","useReactTable","SizedFeature","getCoreRowModel","options","DraggableCtx","emptyStateProperties","BarChartTypeColourTint","columnSizeVars","useMemo","headers","colSizes","header","wrapperProps","isEmpty","jsxs","Fragment","jsx","ColumnVisibilityFilters","TableWrapper","BASE_TABLE_CLASS","Table","TableHeader","isColumnDraggable","TableBody","isRowDraggable","TableFooter","BaseTablePagination","BaseTable"],"mappings":"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"}

package/build/cjs/components/Table/components/BaseTable/BaseTablePagination.js CHANGED Viewed

@@ -1,17 +1,18 @@
-"use strict";const o=require("react/jsx-runtime"),g=require("../../../../react-base/src/consts/classes.js"),i=require("../../../../react-base/src/components/Table/Table.consts.js"),r=require("styled-components"),a=require("../../../../react-base/src/theme/types/layer.js"),u=require("../../../Pagination/DefaultPagination.js"),p=require("../../../Pagination/SimplePagination.js"),c=10,d=20,l=50,P=[c,d,l],S=t=>({size:t.getState().size,current:t.getState().pagination.pageIndex+1,total:Math.ceil(t.getRowCount()/t.getState().pagination.pageSize),quickJumper:!1,startEndButtons:!0,onPageChange:n=>t.setPageIndex(n-1)}),I=t=>({size:t.getState().size,current:t.getState().pagination.pageIndex+1,totalItems:t.getRowCount(),quickJumper:!1,startEndButtons:!0,onPageChange:n=>t.setPageIndex(n-1),pageSize:t.getState().pagination.pageSize,onPageSizeChange:n=>t.setPagination(e=>({...e,pageSize:n})),showTotalItems:!0,moreButton:!0,allowedPageSizes:P}),A=r.styled.div(({size:t,theme:n})=>{const e=n.layer({foundation:"surface"});return`
-      position: sticky;
+"use strict";const a=require("react/jsx-runtime"),g=require("../../../../react-base/src/consts/classes.js"),o=require("../../../../react-base/src/components/Table/Table.consts.js"),r=require("styled-components"),s=require("../../../../react-base/src/theme/types/layer.js"),u=require("../../../Pagination/DefaultPagination.js"),c=require("../../../Pagination/SimplePagination.js"),p=10,d=20,l=50,P=[p,d,l],S=t=>({size:t.getState().size,current:t.getState().pagination.pageIndex+1,total:Math.ceil(t.getRowCount()/t.getState().pagination.pageSize),quickJumper:!1,startEndButtons:!0,onPageChange:n=>t.setPageIndex(n-1)}),I=t=>({size:t.getState().size,current:t.getState().pagination.pageIndex+1,totalItems:t.getRowCount(),quickJumper:!1,startEndButtons:!0,onPageChange:n=>t.setPageIndex(n-1),pageSize:t.getState().pagination.pageSize,onPageSizeChange:n=>t.setPagination(e=>({...e,pageSize:n})),showTotalItems:!0,moreButton:!0,allowedPageSizes:P}),A=r.styled.div(({$size:t,$sticky:n,theme:e})=>{const i=e.layer({foundation:"surface"});return`
+      position: ${n?"sticky":"relative"};
       z-index: 2;
       bottom: 0;
+      margin-top: auto;
       margin-bottom: 0;
       left: 0;
       right: 0;
       height: fit-content;
-      padding: ${i.consts[t].paginationCell.padding.top??0}px ${i.consts[t].paginationCell.padding.left??0}px ${i.consts[t].paginationCell.padding.bottom??0}px ${i.consts[t].paginationCell.padding.right??0}px;
-      background: ${e[a.Variables.BackgroundFoundation]};
-      border-top: 1px solid ${e[a.Variables.BorderOnFoundationSubtle]};
+      padding: ${o.consts[t].paginationCell.padding.top??0}px ${o.consts[t].paginationCell.padding.left??0}px ${o.consts[t].paginationCell.padding.bottom??0}px ${o.consts[t].paginationCell.padding.right??0}px;
+      background: ${i[s.Variables.BackgroundFoundation]};
+      border-top: 1px solid ${i[s.Variables.BorderOnFoundationSubtle]};
       > .${g.PAGINATION_CLASS} {
         margin: 0;
         width: 100%;
       }
-    `}),m={},_=({table:t,options:n=m})=>{const{paginationKind:e="default",pagination:s}=n;return s&&t.getIsSomeColumnsVisible()?o.jsx(A,{size:t.getState().size,children:e==="simple"?o.jsx(p,{...S(t)}):o.jsx(u,{...I(t)})}):null};module.exports=_;
+    `}),m={},_=({table:t,options:n=m})=>{const{paginationKind:e="default",pagination:i}=n;return i&&t.getIsSomeColumnsVisible()?a.jsx(A,{$size:t.getState().size,$sticky:!!n.stickyPagination,children:e==="simple"?a.jsx(c,{...S(t)}):a.jsx(u,{...I(t)})}):null};module.exports=_;
 //# sourceMappingURL=BaseTablePagination.js.map

package/build/cjs/components/Table/components/BaseTable/BaseTablePagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseTablePagination.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTablePagination.tsx"],"sourcesContent":["import { PAGINATION_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport { styled } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { RowData, Table } from '@tanstack/react-table';\n\nimport type { IDefaultPaginationProps, ISimplePaginationProps } from '../../../Pagination/Pagination.types';\nimport type { IBaseTablePaginationProps } from './BaseTable.types';\nimport DefaultPagination from '../../../Pagination/DefaultPagination';\nimport SimplePagination from '../../../Pagination/SimplePagination';\n\nconst DEFAULT_PAGINATION_PAGE_SIZE_SMALL = 10;\nconst DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM = 20;\nconst DEFAULT_PAGINATION_PAGE_SIZE_LARGE = 50;\nconst DEFAULT_PAGINATION_PAGE_SIZES = [\n DEFAULT_PAGINATION_PAGE_SIZE_SMALL,\n DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM,\n DEFAULT_PAGINATION_PAGE_SIZE_LARGE,\n];\n\nconst simplePaginationProps = <TData extends RowData>(table: Table<TData>): ISimplePaginationProps => ({\n size: table.getState().size,\n current: table.getState().pagination.pageIndex + 1,\n total: Math.ceil(table.getRowCount() / table.getState().pagination.pageSize),\n quickJumper: false,\n startEndButtons: true,\n onPageChange: (current: number) => table.setPageIndex(current - 1),\n});\n\nconst defaultPaginationProps = <TData extends RowData>(table: Table<TData>): IDefaultPaginationProps => ({\n size: table.getState().size,\n current: table.getState().pagination.pageIndex + 1,\n totalItems: table.getRowCount(),\n quickJumper: false,\n startEndButtons: true,\n onPageChange: (current: number) => table.setPageIndex(current - 1),\n pageSize: table.getState().pagination.pageSize,\n onPageSizeChange: (pageSize) => table.setPagination((state) => ({ ...state, pageSize })),\n showTotalItems: true,\n moreButton: true,\n allowedPageSizes: DEFAULT_PAGINATION_PAGE_SIZES,\n});\n\nconst PaginationContainer = styled.div<{ size: TableTypes.Size }>(({ size, theme }) => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return `\n position: sticky;\n z-index: 2;\n bottom: 0;\n margin-bottom: 0;\n left: 0;\n right: 0;\n height: fit-content;\n padding: ${TableConsts.consts[size].paginationCell.padding.top ?? 0}px ${TableConsts.consts[size].paginationCell.padding.left ?? 0}px ${TableConsts.consts[size].paginationCell.padding.bottom ?? 0}px ${TableConsts.consts[size].paginationCell.padding.right ?? 0}px;\n background: ${layer[Variables.BackgroundFoundation]};\n border-top: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n > .${PAGINATION_CLASS} {\n margin: 0;\n width: 100%;\n }\n `;\n});\n\nconst defaultOptions = {};\n\nconst BaseTablePagination = <TData extends RowData>({\n table,\n options = defaultOptions,\n}: IBaseTablePaginationProps<TData>) => {\n const { paginationKind = 'default', pagination } = options;\n const withPagination = pagination && table.getIsSomeColumnsVisible();\n\n if (!withPagination) {\n return null;\n }\n\n return (\n <PaginationContainer size={table.getState().size}>\n {paginationKind === 'simple' ? (\n <SimplePagination {...simplePaginationProps(table)} />\n ) : (\n <DefaultPagination {...defaultPaginationProps(table)} />\n )}\n </PaginationContainer>\n );\n};\n\nexport default BaseTablePagination;\n"],"names":["DEFAULT_PAGINATION_PAGE_SIZE_SMALL","DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM","DEFAULT_PAGINATION_PAGE_SIZE_LARGE","DEFAULT_PAGINATION_PAGE_SIZES","simplePaginationProps","table","current","defaultPaginationProps","pageSize","state","PaginationContainer","styled","size","theme","layer","TableConsts.consts","Variables","PAGINATION_CLASS","defaultOptions","BaseTablePagination","options","paginationKind","pagination","jsx","SimplePagination","DefaultPagination"],"mappings":"4XAWMA,EAAqC,GACrCC,EAAsC,GACtCC,EAAqC,GACrCC,EAAgC,CACpCH,EACAC,EACAC,CACF,EAEME,EAAgDC,IAAiD,CACrG,KAAMA,EAAM,SAAA,EAAW,KACvB,QAASA,EAAM,SAAA,EAAW,WAAW,UAAY,EACjD,MAAO,KAAK,KAAKA,EAAM,cAAgBA,EAAM,SAAA,EAAW,WAAW,QAAQ,EAC3E,YAAa,GACb,gBAAiB,GACjB,aAAeC,GAAoBD,EAAM,aAAaC,EAAU,CAAC,CACnE,GAEMC,EAAiDF,IAAkD,CACvG,KAAMA,EAAM,SAAA,EAAW,KACvB,QAASA,EAAM,SAAA,EAAW,WAAW,UAAY,EACjD,WAAYA,EAAM,YAAA,EAClB,YAAa,GACb,gBAAiB,GACjB,aAAeC,GAAoBD,EAAM,aAAaC,EAAU,CAAC,EACjE,SAAUD,EAAM,SAAA,EAAW,WAAW,SACtC,iBAAmBG,GAAaH,EAAM,cAAeI,IAAW,CAAE,GAAGA,EAAO,SAAAD,CAAA,EAAW,EACvF,eAAgB,GAChB,WAAY,GACZ,iBAAkBL,CACpB,GAEMO,EAAsBC,EAAAA,OAAO,~~IAA+B~~,CAAC,CAAE,~~KAAAC~~,~~EAAM~~,MAAAC,KAAY,~~CACrF~~,MAAMC,EAAQD,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~iBAQQE~~,EAAAA,~~OAAmBH~~,~~CAAI~~,EAAE,eAAe,QAAQ,KAAO,CAAC,~~MAAMG~~,EAAAA,~~OAAmBH~~,~~CAAI~~,EAAE,eAAe,QAAQ,MAAQ,CAAC,~~MAAMG~~,EAAAA,~~OAAmBH~~,~~CAAI~~,EAAE,eAAe,QAAQ,QAAU,CAAC,~~MAAMG~~,EAAAA,~~OAAmBH~~,~~CAAI~~,EAAE,eAAe,QAAQ,OAAS,CAAC;AAAA,~~oBACrPE~~,EAAME,YAAU,oBAAoB,CAAC;AAAA,8BAC3BF,EAAME,YAAU,wBAAwB,CAAC;AAAA,WAC5DC,kBAAgB;AAAA;AAAA;AAAA;AAAA,KAK3B,CAAC,EAEKC,EAAiB,CAAA,EAEjBC,EAAsB,CAAwB,CAClD,~~MAAAd~~,EACA,~~QAAAe~~,EAAUF,CACZ,IAAwC,CACtC,KAAM,CAAE,eAAAG,EAAiB,UAAW,WAAAC,CAAA,EAAeF,EAGnD,OAFuBE,~~GAAcjB~~,EAAM,wBAAA,~~EAOzCkB~~,~~MAACb~~,~~GAAoB~~,~~KAAML~~,EAAM,~~WAAW~~,~~KACzC~~,~~SAAAgB~~,IAAmB,SAClBE,EAAAA,IAACC,EAAA,CAAkB,~~GAAGpB~~,EAAsBC,CAAK,~~EAAG~~,~~EAEpDkB~~,~~EAAAA~~,~~IAACE~~,~~GAAmB~~,~~GAAGlB~~,EAAuBF,CAAK,CAAA,CAAG,CAAA,CAE1D,EAVO,IAYX"}
1	+ {"version":3,"file":"BaseTablePagination.js","sources":["../../../../../../src/components/Table/components/BaseTable/BaseTablePagination.tsx"],"sourcesContent":["import { PAGINATION_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { TableConsts, type TableTypes } from 'acinguiux-ds-react-base/components/Table';\nimport { styled } from 'styled-components';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { RowData, Table } from '@tanstack/react-table';\n\nimport type { IDefaultPaginationProps, ISimplePaginationProps } from '../../../Pagination/Pagination.types';\nimport type { IBaseTablePaginationProps } from './BaseTable.types';\nimport DefaultPagination from '../../../Pagination/DefaultPagination';\nimport SimplePagination from '../../../Pagination/SimplePagination';\n\nconst DEFAULT_PAGINATION_PAGE_SIZE_SMALL = 10;\nconst DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM = 20;\nconst DEFAULT_PAGINATION_PAGE_SIZE_LARGE = 50;\nconst DEFAULT_PAGINATION_PAGE_SIZES = [\n DEFAULT_PAGINATION_PAGE_SIZE_SMALL,\n DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM,\n DEFAULT_PAGINATION_PAGE_SIZE_LARGE,\n];\n\nconst simplePaginationProps = <TData extends RowData>(table: Table<TData>): ISimplePaginationProps => ({\n size: table.getState().size,\n current: table.getState().pagination.pageIndex + 1,\n total: Math.ceil(table.getRowCount() / table.getState().pagination.pageSize),\n quickJumper: false,\n startEndButtons: true,\n onPageChange: (current: number) => table.setPageIndex(current - 1),\n});\n\nconst defaultPaginationProps = <TData extends RowData>(table: Table<TData>): IDefaultPaginationProps => ({\n size: table.getState().size,\n current: table.getState().pagination.pageIndex + 1,\n totalItems: table.getRowCount(),\n quickJumper: false,\n startEndButtons: true,\n onPageChange: (current: number) => table.setPageIndex(current - 1),\n pageSize: table.getState().pagination.pageSize,\n onPageSizeChange: (pageSize) => table.setPagination((state) => ({ ...state, pageSize })),\n showTotalItems: true,\n moreButton: true,\n allowedPageSizes: DEFAULT_PAGINATION_PAGE_SIZES,\n});\n\nconst PaginationContainer = styled.div<{ $size: TableTypes.Size; $sticky: boolean }>(({ $size, $sticky, theme }) => {\n const layer = theme.layer({ foundation: 'surface' });\n\n return `\n position: ${$sticky ? 'sticky' : 'relative'};\n z-index: 2;\n bottom: 0;\n margin-top: auto;\n margin-bottom: 0;\n left: 0;\n right: 0;\n height: fit-content;\n padding: ${TableConsts.consts[$size].paginationCell.padding.top ?? 0}px ${TableConsts.consts[$size].paginationCell.padding.left ?? 0}px ${TableConsts.consts[$size].paginationCell.padding.bottom ?? 0}px ${TableConsts.consts[$size].paginationCell.padding.right ?? 0}px;\n background: ${layer[Variables.BackgroundFoundation]};\n border-top: 1px solid ${layer[Variables.BorderOnFoundationSubtle]};\n > .${PAGINATION_CLASS} {\n margin: 0;\n width: 100%;\n }\n `;\n});\n\nconst defaultOptions = {};\n\nconst BaseTablePagination = <TData extends RowData>({\n table,\n options = defaultOptions,\n}: IBaseTablePaginationProps<TData>) => {\n const { paginationKind = 'default', pagination } = options;\n const withPagination = pagination && table.getIsSomeColumnsVisible();\n\n if (!withPagination) {\n return null;\n }\n\n return (\n <PaginationContainer $size={table.getState().size} $sticky={Boolean(options.stickyPagination)}>\n {paginationKind === 'simple' ? (\n <SimplePagination {...simplePaginationProps(table)} />\n ) : (\n <DefaultPagination {...defaultPaginationProps(table)} />\n )}\n </PaginationContainer>\n );\n};\n\nexport default BaseTablePagination;\n"],"names":["DEFAULT_PAGINATION_PAGE_SIZE_SMALL","DEFAULT_PAGINATION_PAGE_SIZE_MEDIUM","DEFAULT_PAGINATION_PAGE_SIZE_LARGE","DEFAULT_PAGINATION_PAGE_SIZES","simplePaginationProps","table","current","defaultPaginationProps","pageSize","state","PaginationContainer","styled","$size","$sticky","theme","layer","TableConsts.consts","Variables","PAGINATION_CLASS","defaultOptions","BaseTablePagination","options","paginationKind","pagination","jsx","SimplePagination","DefaultPagination"],"mappings":"4XAWMA,EAAqC,GACrCC,EAAsC,GACtCC,EAAqC,GACrCC,EAAgC,CACpCH,EACAC,EACAC,CACF,EAEME,EAAgDC,IAAiD,CACrG,KAAMA,EAAM,SAAA,EAAW,KACvB,QAASA,EAAM,SAAA,EAAW,WAAW,UAAY,EACjD,MAAO,KAAK,KAAKA,EAAM,cAAgBA,EAAM,SAAA,EAAW,WAAW,QAAQ,EAC3E,YAAa,GACb,gBAAiB,GACjB,aAAeC,GAAoBD,EAAM,aAAaC,EAAU,CAAC,CACnE,GAEMC,EAAiDF,IAAkD,CACvG,KAAMA,EAAM,SAAA,EAAW,KACvB,QAASA,EAAM,SAAA,EAAW,WAAW,UAAY,EACjD,WAAYA,EAAM,YAAA,EAClB,YAAa,GACb,gBAAiB,GACjB,aAAeC,GAAoBD,EAAM,aAAaC,EAAU,CAAC,EACjE,SAAUD,EAAM,SAAA,EAAW,WAAW,SACtC,iBAAmBG,GAAaH,EAAM,cAAeI,IAAW,CAAE,GAAGA,EAAO,SAAAD,CAAA,EAAW,EACvF,eAAgB,GAChB,WAAY,GACZ,iBAAkBL,CACpB,GAEMO,EAAsBC,EAAAA,OAAO,IAAkD,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,MAAAC,KAAY,CAClH,MAAMC,EAAQD,EAAM,MAAM,CAAE,WAAY,UAAW,EAEnD,MAAO;AAAA,kBACSD,EAAU,SAAW,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQhCG,EAAAA,OAAmBJ,CAAK,EAAE,eAAe,QAAQ,KAAO,CAAC,MAAMI,EAAAA,OAAmBJ,CAAK,EAAE,eAAe,QAAQ,MAAQ,CAAC,MAAMI,EAAAA,OAAmBJ,CAAK,EAAE,eAAe,QAAQ,QAAU,CAAC,MAAMI,EAAAA,OAAmBJ,CAAK,EAAE,eAAe,QAAQ,OAAS,CAAC;AAAA,oBACzPG,EAAME,YAAU,oBAAoB,CAAC;AAAA,8BAC3BF,EAAME,YAAU,wBAAwB,CAAC;AAAA,WAC5DC,kBAAgB;AAAA;AAAA;AAAA;AAAA,KAK3B,CAAC,EAEKC,EAAiB,CAAA,EAEjBC,EAAsB,CAAwB,CAClD,MAAAf,EACA,QAAAgB,EAAUF,CACZ,IAAwC,CACtC,KAAM,CAAE,eAAAG,EAAiB,UAAW,WAAAC,CAAA,EAAeF,EAGnD,OAFuBE,GAAclB,EAAM,wBAAA,EAOzCmB,EAAAA,IAACd,EAAA,CAAoB,MAAOL,EAAM,SAAA,EAAW,KAAM,QAAS,EAAQgB,EAAQ,iBACzE,SAAAC,IAAmB,SAClBE,EAAAA,IAACC,EAAA,CAAkB,GAAGrB,EAAsBC,CAAK,CAAA,CAAG,EAEpDmB,MAACE,EAAA,CAAmB,GAAGnB,EAAuBF,CAAK,CAAA,CAAG,CAAA,CAE1D,EAVO,IAYX"}